@charset "utf-8";
body{margin:0px;padding:0px;color:#555555;line-height:150%;font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background-color:#ffffff}
table,td,tr,th{font-size: 14px;line-height: 190%;color: #666666;text-decoration: none;	font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
div,img,ol,dt,p,dl,dd{margin:0;padding:0;border:0;text-align:left;}
h1,h2,h3,h4,h5 { padding: 0; margin: 0; font-weight:normal}
ul,li {list-style:none;list-style-type:none; padding:0; margin:0}
img {border:0px; height:auto; padding:0; display:inline-block; vertical-align:middle; max-width: 100%;}
.c{ border:0; margin:0; padding:0;clear:both;visibility:hidden;}
a {color:#444; text-decoration: none;outline:none;}
a:Hover {color:#07529f;outline:none;text-decoration: none;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.img-over {overflow: hidden;}
.img-over img {transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
.img-over:hover img {transform: scale(1.1) ;-ms-transform: scale(1.1) ;-webkit-transform: scale(1.1);}
/**首页头部与底部**/
.topon,.topmenu,.topmenu .logo,.topmenu ul,.topmenu li dl
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.phonemenu { display:none;}
.topmenu,.topon.active { background:#fff; height:100px; position:fixed; z-index:9999; left:0; top:0;width:100%;}
.topmenu .logo,.topon.active .logo {margin:20px 0 0 0; display:block;float:left; background:url(../images/logo.png) no-repeat left center;width:300px; height:60px;}
.topmenu ul { float:right;margin:20px 0 0 0}
.topmenu ul li { display:inline-block;text-align:center; position:relative;margin-left:50px}
.topmenu ul li i,.topon.active ul li i {background:url(../images/1.png);width:11px; height:7px;vertical-align:top;margin:30px 0 0 5px;display:inline-block}
.topmenu ul li:hover i,.topmenu ul li.check i,.topon.active ul li:Hover i { background:url(../images/5.png);}
.topmenu li a {font-size:17px; display:block; height:80px; line-height:65px;color:#333;}
.topmenu li a:hover,.topmenu li:hover>a,.topmenu ul li.check a,.topon.active li a:hover,.topon.active li:hover>a,.topon.active ul li.check a {color:#f08200;border-color:#f08200;}
.topmenu li dl { position:absolute; z-index:1;top:80px;background:rgba(0,0,0,0.2); /*没向下滚动时的下拉高度和颜色*/     left:-40px;width:150px;display:none; text-align:left; padding:10px 0;}
.topmenu li:hover>dl { display:block}
.topmenu li dl dd a,.topmenu li dl dd a:hover,.topmenu li.check dl dd a,.topon.active li dl dd a,.topon.active li dl dd a:hover,.topon.active li.check dl dd a { text-align:center; font-size:14px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 15px;}
.topmenu li dl dd a:hover { background:#231b00}
.topblank { height:0px;}

.topon{ background:none;}
.topon .logo { background:url(../images/logo.png)}
.topon li a{color:#fff;}
.topon ul li i,.topon ul li:hover i { background:url(../images/2.png)}
.topon.active li a,.topon.active li.check a {color:#333;}
.topon li a:hover,.topon li:hover>a,.topon ul li.check a,.topon ul li.check a:hover {color:#fff;border-color:#fff;}

.topmenu.active2 { height:70px;}
.topmenu.active2 .logo {margin-top:5px;}
.topmenu.active2 .logo { background:url(../images/logo2.png)}
.topmenu.active2 ul {margin:0;}
.topmenu.active2 .tel{margin-top:20px}
.topmenu.active2 li dl {background:rgba(0,0,0,0.6); top:70px} /*向下滚动后的下拉高度和颜色*/

.wrapper{width:1200px; margin: 0px auto;}
.hidden_pc{display: block;}
.hidden_mob{display: none;}
.banner{width: 100%;position: relative;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: url(../images/rjt.png) no-repeat center center;width: 40px;height: 40px; border-radius:50%; border:1px solid #fff;right:0px;}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-prev {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width:15px;border-radius: 2px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:35px !important;background: #ffff00 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 40px!important;left: auto!important;}
.banner .swiper-button-prev{left: 40px!important;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}

.homeabout{background: #f2f5f8; padding: 100px 0;}
.homebox{padding-top: 80px;}
.home-left{width:50%; float: left; line-height:2; font-size: 18px;}
.home-left h2{font-size:26px; letter-spacing: 2px; font-weight: normal; line-height:1.5; text-align:left; border-bottom:2px solid #469dff; padding-bottom:10px; margin-bottom: 20px;}
.home-left p{text-indent:2em;}
.home-right{float:right; width:45%; overflow: hidden; border-radius: 10px;}

.hometitle{font-size: 36px; font-weight: bold; color: #3189ec; letter-spacing: 5px; line-height: 1.5; text-align: center;}
.wenhuabg{background: url(../images/whbg.png) no-repeat center center; padding: 100px 0;}
.wenhua{}
.wenhua li{float:left; width:33.333%;text-align: center; margin-top: 80px;}
.wenhua li img{ width:96%; margin:0 auto; }

.idx_pro,.idx_pro2{padding:60px 30px 80px; float:left; width:50%; box-sizing: border-box; overflow: hidden;}
.idx_pro .container,.idx_pro2 .container { position: relative;}
.idx_pro .pro_swiper,.idx_pro2 .pro_swiper2 { overflow: hidden; padding: 20px 0;}
.idx_pro .pro_swiper .swiper-slide,.idx_pro2 .pro_swiper2 .swiper-slide { text-align: center;position: relative;z-index: 1;}
.idx_pro .pro_swiper .swiper-slide .probox,.idx_pro2 .pro_swiper2 .swiper-slide .probox{box-shadow: 0 0 15px rgba(0,0,0,.35); margin: 0px auto; width:350px;}
.idx_pro .swiper-button-prev,.idx_pro2 .swiper-button-prev{top: 45%;width:30px;height: 30px; border-radius: 50%; background: url(../images/rightjtbl.png) no-repeat center center #fafafa; left:0px;transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg); border: 2px solid #0973fa; cursor: pointer;}
.idx_pro .swiper-button-next,.idx_pro2 .swiper-button-next{top: 45%;width:30px;height: 30px; border-radius: 50%; background: url(../images/rightjtbl.png) no-repeat center center #fafafa;right:0px; border: 2px solid #0973fa; cursor: pointer;}
.idx_pro .swiper-button-prev.swiper-button-disabled,.idx_pro2 .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/rightjtbl.png) no-repeat center center;}
.idx_pro .swiper-button-next.swiper-button-disabled,.idx_pro2 .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/rightjtbl.png) no-repeat center center;}

.swiper-button-prev:focus,.swiper-button-next:focus{outline:none;}

.idx_pro .img,.idx_pro2 .img {overflow: hidden;}
.idx_pro .img img,.idx_pro2 .img img{width:100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.idx_pro h2,.idx_pro2 h2 { font-size:16px; line-height: 50px; font-weight: normal; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.newswrap{background: url(../images/pbg.jpg) no-repeat center center; padding: 60px 0;}
.idx_pro3{padding:50px 0;position: relative;}
.idx_pro3:before{  width:100%;height: 2px; display:block; background: #d3d6d9;content:""; position: absolute;left:0;top:240px}
.idx_pro3 .wrapper { position: relative;}
.idx_pro3 .pro_swiper3 { overflow: hidden; padding: 20px 0;}
.idx_pro3 .pro_swiper3 .swiper-slide { text-align: center;position: relative;z-index: 1;}
.idx_pro3 .pro_swiper3 .swiper-slide .probox{background: #fff; margin: 0px auto; width:630px; min-height: 300px;}
.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews{padding:30px}
.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews-l{float:left; width:40%}
.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews-l img{ max-height:215px; }
.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews-r{text-indent:2em; float:right; width:54%;line-height:2; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical;  }
.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews h2{font-size: 18px; font-weight: bold; line-height:30px; margin-bottom:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hotmore{text-align: right; padding-top: 20px;}
.idx_pro3 .swiper-button-prev{top: 45%;width:54px;height: 54px; border-radius: 50%; background: url(../images/rightjt.png) no-repeat center center #fff;left:0px;transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg); cursor: pointer;}
.idx_pro3 .swiper-button-next{top: 45%;width:54px;height: 54px; border-radius: 50%; background: url(../images/rightjt.png) no-repeat center center #fff;right:0px; cursor: pointer;}
.idx_pro3 .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/rightjt.png) no-repeat center center #fff;}
.idx_pro3 .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/rightjt.png) no-repeat center center #fff;}

.footer{background: #2d2f39; color: #ddd; padding: 50px 0 20px 0;line-height: 2;}
.footer-left,.footer-left a{float:left;text-align: left; }
.footer-left img{text-align: center; margin: 0px auto; display: block;}
.footer-left strong{display: block; margin: 20px 0 5px; font-size: 16px; text-align: left; line-height: 30px;}
.footer-left span{display: inline-block;  padding-left: 30px;}
.footer-right{float:right; text-align: center;}
.footline{background: #202128; height: 2px; margin-top: 35px;}
.footer .beian,.footer .beian a{ text-align:center; color:#ddd; padding-top:20px; line-height:1; }

/*内页*/
.pd60{padding: 50px 0;}
.abbanner{text-align: center; background-repeat: no-repeat; background-position: center center; min-height: 350px;}
.leftside{float:left; width:20%}
.rightside{float:right; width:76%}
.com-title { padding: 25px 20px; color: #ffffff; font-size: 20px; font-weight: bold; line-height: 26px; background:#1061dd; position: relative;}
.com-title:after {content: ""; position: absolute; width: 0;height: 0; border-top: 20px solid #fff; border-left: 20px solid transparent;display: block;top: 0;right: 0;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.leftmenu{border:1px solid #e2e2e2;background: #fafafa; padding-bottom: 44px;}
.leftmenu li{ border-bottom:1px solid #e2e2e2}
.leftmenu li h3 a { color: #333333; font-size: 16px; display: block; padding: 20px 20px 20px 35px; position: relative;}
.leftmenu li h3 a:after { content: ""; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #b3b3b3; border-bottom: 5px solid transparent; display: block; top:26px; left: 20px;}
.leftmenu li.cur h3 a { color: #1061dd; font-weight: bold; background: #eee;}
.leftmenu li.cur h3 a:after { border-left-color: #1061dd;}
.abouttit{border-bottom: 1px solid #e2e2e2; height:48px; position: relative;}
.abouttit-l{ color:#333; float:left; font-size: 22px; font-weight: bold; line-height: 47px; border-bottom: 2px solid #1061dd; position: absolute;left:0;top:0}
.abouttit-r{float:right; line-height: 48px;}
.abouttit-r i { width: 16px; height: 17px; margin-right:6px; display: inline-block; vertical-align: -3px; background: url(../images/wicon17.png) center center no-repeat;}
.gongsijianjie{padding: 25px 0;font-size: 16px; line-height: 2;}
.gongsijianjie h2{font-size:24px; font-weight: bold;color: #333; padding-bottom: 10px;}

.productlist{padding-top: 0px;}
.productlist li{float:left; width:31%; margin-top: 2%; margin-bottom: 1.5%; margin-right: 3.5%;box-shadow: 0 0 5px rgba(0,0,0,.1);}
.productlist li:nth-child(3n){margin-right:0}
.productlist li:nth-child(3n+1){ clear: both; }
.productlist h2{font-size: 16px;text-align: center; font-weight: normal; padding: 15px 0;}

.productcontent{padding: 25px 0;}
.othertit{border-bottom: 1px solid #e2e2e2; height:50px;}
.othertit span{background: #1061dd; color:#fff; display: inline-block; line-height: 42px; padding: 0 30px; font-weight: bold;}
.prosm{padding: 10px 0 20px;}
.prosm h2{font-size: 22px; color: #1061dd; font-weight: normal; padding-bottom:15px; line-height: 1.8;}
.prosmleft{float:left; width:50%}
.prosmright{float:right; width:43%}
.probtn{padding-top: 30px;}
.probtn a{display: block; width:150px; line-height: 50px; text-align: center;background: #ff9900; color:#fff;}
.probtn a:hover{background: #ff6600;}
.prodesc{color: #888; line-height: 2;}
.procs{padding-top: 5px; line-height: 2;}
.procs img{display: block; width:100%; margin: 5px auto; text-align: center;}
.prodcontent{ padding: 30px 0 0;}
.news{padding-top: 10px;}
.news li{ border-bottom: 1px dotted #ccc; padding:20px 0; -webkit-transition: all .5s ease;	transition: all .5s ease;}
.news li:nth-child(1){padding:10px 0 20px}
.news h2{font-size:18px; line-height: 40px; -webkit-transition: all .8s ease;	transition: all .8s ease;}
.news h2:after{display: block; content: ''; margin-top: 5px; width:20px; height: 3px; background: #1a80c0;}
.news .newsimg{float: left; width:28%;}
.news .newsimg img{ max-height:187px; display:block; margin:0 auto; }
.news .newsfont{float: right; width:68%;}
.news .homedesc{color:#888; margin-top: 15px; overflow: hidden; line-height:1.8; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; -webkit-transition: all .8s ease;transition: all .8s ease;}
.news li:hover{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.news li:hover h2,.news li:hover .homedesc{ padding-left: 10px;}

.viewbox{color:#888; line-height:1.8; padding-bottom: 15px; text-align: center;}
.viewbox h2{font-size: 24px; color: #222;}
.viewbox img{margin: 10px 0;}
.viewbox span{padding:0 10px;}
.viewcontent{line-height: 1.9; color:#555; padding: 25px 0;border-top: 1px solid #eee;}
.context{border-top: 1px solid #eee; padding-top: 10px;}
.context li{line-height: 30px; color: #666;}
.mapheight{min-height: 400px;width:100%; margin-top: 20px;}
.rightimg{float:right; text-align: center;font-size: 14px;}
.contact{padding:20px 0}
@media(max-width:1024px){
	.wrapper{width:auto; padding: 0 3%;}
	.hidden_pc{display: none;}
	.hidden_mob{display: block;}
	.banner{width: 100%;}
	
.topon.active { background:#fff;}
.topblank { height:55px}
.topmenu { background:#fff;}
.topmenu .tel { display:none;}
.topmenu,.topon.active { height:55px}
.topmenu .logo,.topon.active .logo {margin:7px 0 0 0;width:200px; height:40px; background-size:100%;}
.topmenu ul { display:none;}
.topon .logo { background:url(../images/logo2.png) no-repeat center;background-size:100%;}
.topon.active ul li a {color:#fff;}
.topon.active ul li i { display:none;}

.topmenu.active2 { height:55px;}
.topmenu.active2 .logo {margin-top:7px;}
.topmenu.active2 ul {display: none;}

.phonemenu { display:block;}
.phonemenu ul { display:block;float:none; text-align:center;margin:60px 0 0 0}
.phonemenu li { display:block;width:100%;margin:0;}
.phonemenu li a {font-size:16px;border-width:0;line-height:45px;padding:0;color:#fff}
.phonemenu li a:hover { background:none}
.accordionmenu {}
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:40px; line-height:40px;color:#fff;font-size:14px}
.accordionmenu li .link a {color:#fff;font-size:14px;}
.accordionmenu li.open .link { background:#f08200;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff;}
.accordionmenu .submenu p { height:40px; line-height:40px; background:#dee1e5;border-top:1px solid #bcbfc1;}
.accordionmenu .submenu p a { display:block;color:#696969;font-size:14px;height:40px; line-height:40px;}
.accordionmenu .submenu p a:hover {color:#f08200}

.footer{background: #2d2f39; color: #ddd; padding: 20px 0;line-height: 1.8;}
.footer-left{float:none;text-align: left;}
.footer-left img{width:120px}
.footer-left strong{display: block; margin: 10px 0 5px; text-align: left; line-height: 30px;}
.footer-left span{display: block; padding-left: 0px;}
.footer-right{float:none; text-align: center; padding-top: 10px;}
.footline{display: none;}
.footer a{ text-align:center; color:#ddd;  line-height:1.1; float:none;  }
.footer a.beianA{ clear:both; display:block; line-height:1.2; padding:0; margin:0 auto;}


.homeabout{background: #f2f5f8; padding: 20px 0;}
.homebox{padding-top: 20px;}
.home-left{width:100%; float: none; line-height:1.8; font-size: 14px; padding-bottom:20px;}
.home-left h2{font-size:16px; font-weight: bold; letter-spacing: 0; border-bottom:1px solid #469dff; padding-bottom:5px; margin-bottom: 10px;}
.home-right{float:none; width:100%;}

.hometitle{font-size: 18px; letter-spacing: 0px;}
.wenhuabg{background:none; padding: 20px 0;}
.wenhua{padding-top: 10px;}
.wenhua li{float:left; width:49%; margin-right: 2%; margin-top: 2%;}
.wenhua li:nth-child(2n){margin-right:0}

.idx_pro,.idx_pro2{padding:10px 0; float:none; width:100%;}
.idx_pro2{padding:0 0 20px}
.idx_pro .pro_swiper,.idx_pro2 .pro_swiper2 { overflow: hidden; padding: 10px 0;}
.idx_pro .pro_swiper .swiper-slide .probox,.idx_pro2 .pro_swiper2 .swiper-slide .probox{box-shadow: 0 0 5px rgba(0,0,0,.35); margin: 0px auto; width:350px;}
.idx_pro .swiper-button-prev,.idx_pro2 .swiper-button-prev{top: 45%;width:26px;height:26px; background-size: 24px;}
.idx_pro .swiper-button-next,.idx_pro2 .swiper-button-next{top: 45%;width:26px;height:26px; background-size: 24px;}
.idx_pro h2,.idx_pro2 h2 { font-size:14px;}

.newswrap{ padding: 20px 0;}
.idx_pro3{padding:0;position: static;}
.idx_pro3:before{display: none;}
.idx_pro3 .pro_swiper3 { overflow: hidden; padding: 20px 0 10px;}
.idx_pro3 .pro_swiper3 .swiper-slide .probox{ width:calc(100% - 90px); width:-webkit-calc(100% - 90px); min-height: auto;}
.idx_pro3 .swiper-button-prev{top: 45%;width:30px;height: 30px; left:10px; background-size: 20px;}
.idx_pro3 .swiper-button-next{top: 45%;width:30px;height: 30px; right:10px; background-size: 20px;}
.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews{padding:15px}
/*.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews-l{float:none; width:100%}*/
.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews-l{ float:none;width:80%; margin:0 auto;}
.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews-l img{ display:block; margin:0 auto;  max-height:215px; }

.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews-r{float:none; width:100%; line-height: 1.6; font-size: 14px; margin-top: 20px; -webkit-line-clamp: 2;}
.idx_pro3 .pro_swiper3 .swiper-slide .probox .hotnews h2{font-size: 16px; line-height:24px;white-space:normal;}
/*内页*/
.abbanner{min-height: 180px; background-size: cover;}
.pd60{padding: 20px 0;}
.leftside{float:none; width:100%}
.rightside{float:none; width:100%; padding-top: 20px;}
.com-title { padding: 10px 20px; color: #ffffff; font-size: 16px; line-height: 24px; position: static;}
.com-title:after {display: none;}
.leftmenu{padding-bottom: 0; border-bottom: 0;}
.leftmenu li{ border-bottom:1px solid #e2e2e2}
.leftmenu li h3 a { font-size: 14px; padding: 10px 20px 10px 35px;}
.leftmenu li h3 a:after { top:16px; left: 20px;}

.abouttit{border-bottom: 1px solid #e2e2e2; height:40px; position: static;}
.abouttit-l{ float:none; font-size:16px; border-bottom: 0; color:#1061dd; line-height: 40px; position: static;}
.abouttit-r{display: none;}
.gongsijianjie{padding: 15px 0;font-size: 14px; line-height:1.8;}



.productlist{padding-top: 0px;}
.productlist li{float:none; width:100%; margin-top: 10px; margin-bottom: 0; margin-right:0;box-shadow:none;}
.productlist h2{font-size: 14px;}




.productcontent{padding: 15px 0;}
.othertit{ height:45px;}
.othertit span{line-height: 38px; padding: 0 20px;}
.prosm{padding: 10px 0 20px;}
.prosm h2{font-size: 16px; padding-bottom:10px;}
.prosmleft{float:none; width:100%}
.prosmright{float:none; width:100%}
.probtn{display: none; padding-bottom: 15px; padding-top: 20px;}
.probtn a{display: none; width:100%; border-radius: 5px; line-height: 42px; text-align: center;background: #999; color:#fff;}
.probtn a:hover{background: #ff6600;}
.prodesc{color: #888; line-height: 2;}

.procs{padding-top: 15px;}

.news{padding-top:0px;}
.news li{ padding:15px 0;}
.news li:nth-child(1){padding:5px 0 15px}
.news h2{font-size:16px; line-height: 26px;}
.news h2:after{display: none;}
.news .newsimg{float: left; width:32%;}
.news .newsfont{float: right; width:64%;}
.news .homedesc{display:;}

.viewbox{padding-bottom: 8px;}
.viewbox h2{font-size: 18px; line-height: 1.5; color: #222;}
.viewbox img{margin: 10px 0;}
.viewbox span{padding:0 5px;}
.viewcontent{line-height: 1.8; padding: 15px 0;}
.mapheight{min-height: 300px;}
.rightimg{float:none; display: block; margin-bottom: 20px;}
.contact{padding:10px 0}
}
.viedo{}
#video_model { position: fixed; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0; display: none;}
#video_model .mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.8);}
#video_model .video {  position: absolute;  left: 0;  right: 0;  margin: auto;  top: 0;  width: 90%;  max-width: 1200px;  top: 50%;  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  z-index: 9;  background: #252525;}
#video_model .video .close { position: absolute; right: -45px; top: 5px; width: 40px; z-index: 99999; cursor: pointer;}
#video_model .video_inner { width:auto; padding: 10px; overflow: hidden; position: relative;}
#video_model .video_inner video { display: block; width: 100%; max-height: 75vh; outline: none;}
#video_model .video_inner .video_inner_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 75vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
#video_model .video_inner .video_inner_mask img { cursor: pointer;}
#video_model .video .text { padding:0 10px 20px;}
#video_model .video .text h3 { font-size: 16px; color: #fff; font-weight: normal;}

.viedobox { position: relative; overflow: hidden;}
.viedoplay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.viedoplay .video_btn { width:60px; height:60px; border-radius: 50%; text-align: center; font-size: 12px; font-family: Candara; line-height:60px;
 position: relative; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.viedoplay .video_btn span { display: block; position: absolute; left: 0; top: 0; height:60px; width:60px;border-radius: 50%; background: rgba(255,255,255,0.6); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.viedoplay .video_btn span::before { content: ''; display: block; height: 0; width: 0; border: 8px solid transparent; border-left: 12px solid #02396c; border-right: 0; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.viedoplay .video_btn:hover { border-color: #02396c; color: #02396c;}
.viedoplay .video_btn:hover span { background: #02396c;}
.viedoplay .video_btn:hover span::before { border-left-color: #fff;}

.honorlist{}
.honorlist ul li{background:#fff; transition:all .5s ease; float:left; width:32%; margin-right: 2%; margin-top:15px;}
.honorlist ul li:nth-child(3n){margin-right:0}
.honorlist ul li:hover{transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);}					
.honorlist ul li h2{font-size:14px;line-height:24px; font-size: 16px; font-weight: normal; text-align: center; margin: 10px 0;}
.honorlist ul li:hover h2{color:#0456b7;}			
.honorlist ul li .image{ position:relative; z-index:10; border-radius: 6px; overflow: hidden;box-shadow: 0 2px 3px rgba(0,0,0,0.15);}
.honorlist ul li .image .icon{position: absolute;left:50%;top:50%;display: inline-flex;width: 60px;height: 60px;margin-left:-30px;margin-top:-30px;align-items: center;justify-content: center;border-radius: 0;border-radius:50%;background:#0456b7;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);-moz-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);-o-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);}
.honorlist ul li .image .icon i{width: 24px;height: 24px;background:url(../images/plus.png) no-repeat;}
.honorlist ul li:hover .image .icon {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
@media(max-width:1024px){
	.honorlist{}
	.honorlist ul li{ float:left; width:49%; margin-right: 2%; margin-top:10px;}
	.honorlist ul li:nth-child(2n){margin-right:0}
	.honorlist ul li:nth-child(3),.honorlist ul li:nth-child(9){margin-right: 2%;}				
	.honorlist ul li h2{ margin: 6px 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	#video_model .video .text h3 { font-size: 14px;}
	#video_model .video { width: 85%;  max-width: 640px;}
	/* #video_model .video .close { right: -10px; top: 10px;} */
}

.page{ width:auto; padding-top:20px; clear:both;}
.page { TEXT-ALIGN: center;FONT-SIZE: 12px; line-height:12px;}
.page a,.page span{BORDER:#848484 1px solid;PADDING:5px 8px; MARGIN: 1px;COLOR: #ffffff;TEXT-DECORATION: none;BACKGROUND-COLOR: #848484}
.page a:hover {BORDER: #666666 1px solid;COLOR: #ffff00;}
.page a.current{BORDER: #94c236 1px solid; pADDING:5px 8px;FONT-WEIGHT: bold; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #94c236}
.page strong{color:#ffff00; font:normal 12px  Verdana;}