@charset "utf-8";



*{margin: 0;padding: 0;border: 0;outline: none;

box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;

-ms-box-sizing: border-box; -moz-box-sizing: border-box;}

html {width: 100%; font-weight: normal;

	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;}

body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666;}

ul,ul li,ol,li {list-style: none outside none;}

img {vertical-align: middle;border: none;}

input,select,option,label,th,textarea{vertical-align: middle;border: none;}

a {text-decoration: none;color: inherit;}

a:hover {text-decoration: none;  }

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}

.fr {float: right;}

.container{display: block;max-width: 1500px; margin: 0 auto;  }

.container2{display: block;max-width: 1600px; margin: 0 auto;  }



.hide{ display:none;}



.hidden{ overflow:hidden;}





.htop{ height:44px; line-height:44px; color:#ffffff; font-size:14px; background:#c11f22;}

.htel{ background:url(../images/htel.png) no-repeat left center; margin-left:25px; padding-left:35px;}



.hlinks{}

.hlinks span{ margin:0 20px;}

.hlinks a:hover{ text-decoration:underline;}





.header{ height:118px; }

.hfixed{ position:relative;}

.hfixed2{ position:fixed; top:0; width:100%; left:0; width:100%; background:#ffffff; z-index:2000; border-bottom:1px solid #dcdcdc;

-moz-box-shadow: 2px 2px 20px #cccccc;

    -webkit-box-shadow: 2px 2px 20px #cccccc;

    box-shadow: 2px 2px 20px #cccccc;}



.header .logo{ height:45px; margin-top:29px;}

.header .logo img{ height:100%; display:block;}



.navlist{ line-height:118px; font-size:20px;  color:#333333;}

.navlist li{ float:left; position:relative;}

.navlist li>a{ padding:0 15px; font-weight:bold;}

.navlist li.on,.navlist li:hover{ color:#e12428;}



.navlist li .dropdown{ position:absolute; width:100%; z-index:1000; left:0; top:118px; background:#c11f22; display:none; border:1px solid #c11f22;}

.navlist li .dropdown a{ display:block; width:100%; line-height:42px; font-size:17px; text-align:center;  color:#ffffff; border-top:1px solid #ffffff;}

.navlist li .dropdown a:first-child{ border-top:none;}

.navlist li .dropdown a:hover{ background:#ffffff; color:#c11f22;}



.navlist li .dropdown35{ width:160%; margin-left:-30%;}

.navlist li .dropdown38{ width:220%; margin-left:-60%;}

.navlist li .dropdown39{ width:240%; margin-left:-70%;}

.navlist li .dropdown37{width:260%; margin-left:-80%;}

.search_btn{ width:30px; height:118px; cursor:pointer; background:url(../images/search_btn.png) no-repeat center center; margin-left:25px;}



.search{display: none;position: absolute;width: 100%;height: 50px;padding:9px 0px 9px 15px;border-bottom: 1px solid #eee;border-top: 1px solid #eee;top:118px; z-index:999;left:0;background-color: #fff;}

.search input[type="text"]{display: block;width: 100%;float: left;height: 30px;border: none;line-height: 30px;z-index: 20;color: #666; font-size:18px; }

.search input[type="submit"]{position: relative;display: block;float: left;width: 50px;height: 30px;margin-right: -50px;right: 50px;border: none;background:url(../images/search-btn2.png) no-repeat center center;color: #000;z-index: 20;cursor: pointer;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.search input[type="submit"]:hover{opacity: 0.5;}



.nav-toggle{display: none;margin-top:26px;background: none;border: none;outline: none;cursor: pointer; margin-left:20px;}

.nav-toggle span{display: block;width: 20px;height: 1px;margin: 6px;background-color: #c11f22;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.nav-toggle.close .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}

.nav-toggle.close .span2{opacity: 0;}

.nav-toggle.close .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}







.banner{ position:relative; border-radius:0 0 0 220px;}

.banner img{ width:100%; display:block;}



.banner .swiper-pagination{ line-height:0; bottom:30px;}

.banner .swiper-pagination-bullet{opacity:1; background:#ffffff; width:12px; height:12px; margin:0 8px !important;}

.banner .swiper-pagination-bullet-active{ background:#ffd800;}



.processbj{ position:relative; overflow:hidden; padding:15px 0; margin-top:-15px; }

.processbj:after{ content:""; position:absolute; right:0; top:15px; height:170px; background:#f8f8f8; width:50%; z-index:-1;}

.process{}

.process .ptit{ width:20%; text-align:center;line-height:170px; }

.process .ptit h3{ display:inline-block; color:#333333; font-size:30px; text-align:center; padding-left:70px; background:url(../images/ptit.png) no-repeat left center;}





.plist{ width:80%; background:#f8f8f8; }

.plist li{ float:left; width:25%; text-align:center;padding-top:61px; position:relative;height:170px; cursor:pointer;}

.plist li:after{ content:""; width:30px; height:30px; background:url(../images/pgt.png) no-repeat center center; background-size:100%; position:absolute; right:-15px; top:50%; margin-top:-15px;}

.plist li:last-child:after{ display:none;}

.plist li .pltit{ display:inline-block;padding-left:60px; }

.plist li .pltit h3{ color:#333333; font-size:20px; font-weight:normal; text-align:left;}

.plist li .pltit p{ color:#666666; font-size:14px; text-align:left;}





.plinfo{ position:absolute; width:240px; height:200px; background:#c11f22; left:50%; margin-left:-120px; top:100%;  z-index:100; color:#ffffff; overflow:hidden; opacity:0;

transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.plinfo .ico{ width:60px; height:60px; margin:30px auto 15px auto;}

.plinfo h3{ font-size:23px;}

.plinfo p{ font-size:15px;}



.plinfo .ico01{ background:url(../images/process01s.png) no-repeat center center; background-size:100%;}

.plinfo .ico02{ background:url(../images/process02s.png) no-repeat center center; background-size:100%;}

.plinfo .ico03{ background:url(../images/process03s.png) no-repeat center center; background-size:100%;}

.plinfo .ico04{ background:url(../images/process04s.png) no-repeat center center; background-size:100%;}



.process01{ background:url(../images/process01.png) no-repeat left center; }

.process02{ background:url(../images/process02.png) no-repeat left center; }

.process03{ background:url(../images/process03.png) no-repeat left center; }

.process04{ background:url(../images/process04.png) no-repeat left center; }





.plist li:hover .plinfo{ opacity:1; top:50%; margin-top:-100px;}





.tit01{ text-align:center; margin:100px 0 90px 0;}

.tit01 h3{ color:#333333; font-size:50px; position:relative; padding-top:35px;}

.tit01 h3 span{ color:#f4f4f4;  font-weight:100; text-transform:uppercase; position:absolute; top:0; width:100%; left:0; z-index:-1; }

.tit01 p{ color:#666666; margin-top:10px; font-size:16px;}







.programme{ overflow:hidden; border-radius:70px 0 70px 0;}

.programme li{ margin:1% 1% 0 0; width:32%; float:left; position:relative; overflow:hidden;}

.programme li:nth-child(1),.programme li:nth-child(2),.programme li:nth-child(3){ margin-top:0;}

.programme li img{ width:100%; display:block;}

.programme li .tit{ position:absolute; bottom:0; left:0; width:100%; color:#ffffff; font-size:20px; text-align:center; line-height:70px;}

.programme li .info{ width:86%; height:80%; position:absolute; left:7%; top:100%; background:#c11f22; text-align:center;display: flex; align-items: center; opacity:0;

transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

.programme li .info div{ width:100%;}

.programme li .info h3{ color:#ffffff; font-size:26px; }

.programme li .info h3:after{ content:""; width:26px; height:1px; display:block; margin:10px auto; background:#ffffff;}

.programme li .info p{ color:#ffffff; font-size:16px; padding:0 15%; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.programme li .info span{ width:165px; height:36px; line-height:36px; display:block; margin:40px auto 0 auto; color:#c11f22; background:#ffffff;}



.programme li:hover .tit{ display:none;}

.programme li:hover .info{opacity:1;  top:10%;}



.more01{ margin:100px 0;}

.more01 a{ display:block; width:365px; line-height:66px; text-align:center; border-radius:33px; text-align:center; color:#ffffff; background:#c11f22; font-size:16px; margin:0 auto; }

.more01 a:hover{ background:#353535;}





.waybj{ background:url(../images/waybj.jpg) no-repeat center center; background-size:cover; padding:135px 0; border-radius:0 240px 0 0;}

.way{ position:relative;}

.wayinfo{ position:absolute; left:0; top:0; padding:40px 0 0 40px; color:#ffffff;}

.wayinfo h3.cn{ font-size:50px; line-height:1.4;}

.wayinfo h3.en{ font-size:30px; text-transform:uppercase; font-weight:normal; line-height:1.4;}

.wayinfo p.cn{ font-size:18px; margin-top:40px;}

.wayinfo p.en{ font-size:14px; width:370px; margin-top:5px;}



.waymain{ overflow:hidden;}

.waylist{ float:left; width:72%;}

.waylist li{ overflow:hidden; position:relative; display:none;}

.waylist li .img{ float:right; width:53%;}

.waylist li .img img{ display:block; width:100%;}

.waylist li .txt{ position: absolute; background:#ffffff; left:0; bottom:35px; padding:40px; width:55%; }

.waylist li .txt .title{ color:#c11f22; font-size:22px; font-weight:bold;}

.waylist li .txt .title b{ font-size:36px; margin-right:10px; }

.waylist li .txt p{ color:#333333; font-size:16px; margin:10px 0 50px 0;}

.waylist li .txt .qq{ width:266px; height:84px; line-height:84px; text-align:center; background:#353535; position: absolute; bottom:-35px; right:0; color:#ffffff; font-size:20px;}

.waylist li .txt .qq:hover{ background:#ffd800;}

.waylist li .txt .qq a{ display:block;}

.waylist li .txt .qq img{ margin-right:10px;  }



.waynav{ float:right; width:26%; background:#ffffff; height:685px;}

.waynav ul{ overflow:hidden; margin-left:80px; padding:35px 0; position:relative; border-bottom:2px solid #868686;}

.waynav ul:after{ content:""; height:60%; width:1px; border-right:1px dashed #d4d3d3; position:absolute; right:62px; top:20%; }

.waynav li{ float:left; text-align:right; font-size:20px; width:100%; padding-right:110px; position:relative; line-height:110px; cursor:pointer;}

.waynav li:after{ content:""; width:16px; height:16px; background:#333333; display:block;transform:rotate(45deg); position:absolute; top:50%; margin-top:-8px; right:55px; z-index:2;}



.waynav li.on,.waynav li:hover{ color:#e12428;}

.waynav li.on:after,.waynav li:hover:after{ background:#e12428;}





.waytel{ background:url(../images/waytel.png) no-repeat left top; line-height:1; padding-left:60px; margin:50px 0 0 110px;}

.waytel span{ color:#666666; font-size:16px; }

.waytel p{ color:#333333; font-size:28px; font-weight:bold; margin-top:10px;}





.tit02{ overflow:hidden; margin:120px 0 60px 0;}

.tit02 .title{ float:left; line-height:1;}

.tit02 .title h3{ color:#333333; font-size:50px;}

.tit02 .title span{ color:#bdbdbd; font-size:24px; margin-top:16px; display:block;}

.tit02 .more{ float:right; width:228px; height:66px; margin-top:12px; text-align:center; color:#ffffff; background:#c11f22; border-radius:33px; font-size:16px; line-height:66px;}

.tit02 .more:hover{ background:#353535;}



.homenews{ overflow:hidden;}

.hotnews{ width:44%; padding:80px; background:#f8f8f8; border-radius:0 0 0 160px;}

.hotnews .time{ color:#999999; font-size:30px; margin-bottom:40px;}

.hotnews h3{ color:#333333; font-size:20px; font-weight:normal;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; height:64px;}

.hotnews p{ color:#666666; font-size:14px; margin:25px 0 30px 0;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.hotnews .img{ width:100%; overflow:hidden;border-radius:0 0 0 120px;}

.hotnews .img img{ display:block; width:100%;}

.hotnews h3:hover{ color:#e12428;}





.hnlist{ overflow:hidden; width:49%;border-bottom:1px solid #d8d8d8;}

.hnlist li{ float:left; width:100%; border-top:1px solid #d8d8d8; padding:48px 0;}

.hnlist li .hntop{ overflow:hidden; color:#333333; font-size:20px; line-height:50px; position:relative; padding-left:35px;}

.hnlist li .hntop:after{ content:""; position:absolute; border-radius:50%; width:9px; height:9px; background:#666666; left:7px; top:50%; margin-top:-5px;}

.hnlist li .hntop .title{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width:80%;}

.hnlist li .hnbottom{ margin-top:15px; position:relative;}

.hnlist li .hnbottom:after{content:"";  width:90px; height:40px; position:absolute; border-left:1px solid #d8d8d8; top:50%; margin-top:-20px; right:0; background:url(../images/jian01.png) no-repeat 46px center;}

.hnlist li .hnbottom p{ width:80%; color:#666666; font-size:14px; line-height:1.8; padding-left:35px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}



.hnlist li:hover .hntop{ color:#e12428;}

.hnlist li:hover .hntop:after{ background:#e12428;}

.hnlist li:hover .hnbottom:after{background-image:url(../images/jian02.png); }







.partnerlist{ margin:120px 35px; }

.partnerlist .swiper-slide{ width:22%;}

.partnerlist .swiper-slide img{ width:100%;}



.partner{ position:relative;}

.p-next,.p-prev{ width:60px; height:60px; line-height:60px; text-align:center; color:#919191; font-size:34px; position: absolute; top:50%; margin-top:-30px; cursor:pointer;}

.p-next{ right:0; margin-right:-60px;}

.p-prev{ left:0; margin-left:-60px;}

.p-next:hover,.p-prev:hover{ color:#e12428;}





.bottomzx{ background:rgba(193,31,34,0.8); overflow:hidden; padding:20px 0; position:fixed; bottom:0; left:0; width:100%; z-index:1000;}

.zxtel{ background:url(../images/zxtel.png) no-repeat left center; padding-left:92px; color:#ffffff;}

.zxtel span{ display:block; font-size:18px;}

.zxtel p{ font-size:30px;}



.bottomzx ul{ overflow:hidden; margin-top:11px;}

.bottomzx ul li{ float:left; margin-left:20px; width:366px;}

.bottomzx ul li input{width:100%; height:54px; background:#ffffff; padding:0 30px; border-radius:15px; font-size:14px;}

.bottomzx ul li.submit{width:230px; }

.bottomzx ul li.submit input{ background:#333333; color:#ffffff; cursor:pointer; font-size:18px;}

.bottomzx ul li.submit input:hover{ background:#ffd800;}



.footer{ background:#353535; /*margin-bottom:116px; */}

.footmain{ overflow:hidden; padding:50px 0 20px 0;}

.dblogo { width: 400px;  color: #fff;  margin-left: 60px;  font-size: 18px;}

.dblogo  img{ display:block; width:100%;}

.dbnav{ overflow:hidden; text-align:center; margin-left:50px;}

.dbnav li{ float:left; margin:0 20px;}

.dbnav li>a{ font-size:18px; color:#ffffff; margin-bottom:15px; display:block;}

.dbnav li>a:hover{ color:#e12428; text-decoration:underline;}

.dbnav li .sub{ line-height:30px;}

.dbnav li .sub a{ color:#999999; font-size:16px; display:block;}

.dbnav li .sub a:hover{ color:#ffffff; text-decoration:underline;}





.wechat{}

.wechat .img img{ width:140px; display:block;}

.wechat .img span{ display:block; font-size: 14px; margin-top: 10px; text-align: center; color: #999999; }

.wechat .share{ text-align:center; margin-top:14px;}

.wechat .share img{ width:32px; display:block;}

.wechat .share a{ margin:0 4px; display:inline-block;}





.bottom{ overflow:hidden; border-top:1px solid #454545;/* height:81px;*/ line-height:50px; color:#999999; font-size:14px;}

.bottom .links a{ margin-right:30px;}

.bottom a:hover{ color:#ffffff;}





.online{ position:fixed; top:50%; margin-top:-176px; right:10px; z-index:1000;}



.online li{ width:108px; height:108px; padding:7px; background:rgba(255,255,255,.16); border-radius:50%; margin-bottom:14px; cursor:pointer; position:relative;}

.online li .info{ background:#f3f3f3; width:100%; height:100%; border-radius:50%; overflow:hidden; position:relative; z-index:100;}

.online li .info .ico{ width:40px; height:40px; margin:18px auto 0 auto;}

.online li .info span{ display:block; text-align:center; color:#333333; font-size:12px;}

.online li .info .online01{ background:url(../images/online01.png) no-repeat center center; background-size:cover;}

.online li .info .online02{ background:url(../images/online02.png) no-repeat center center; background-size:cover;}

.online li .info .online03{ background:url(../images/online03.png) no-repeat center center; background-size:cover;}

.online li:hover{ background:#c11f22;}

.online li:hover span{ color:#e12428;}



.online li .content{opacity:0; width:230px; position: absolute; top:19px; right:0;   height:70px; line-height:64px; font-weight:bold; font-size:20px; color:#c11f22; text-align:center; background:#ffffff; border:3px solid #c11f22; border-radius:35px;overflow: hidden; white-space: nowrap;-webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease;}

.online li.ontel:hover .content{ opacity:1; right:119px;}



.online li:hover .info .online01{ background-image:url(../images/online01s.png); }

.online li:hover .info .online02{ background-image:url(../images/online02s.png); }

.online li:hover .info .online03{ background-image:url(../images/online03s.png); }

.online li.go-top{ margin-bottom:0;}





.nyban{ height:420px;}



/*关于我们*/

.pagetop{ overflow:hidden; margin-top:-45px; position:relative; z-index:10;}

.pagetop:after{ content:""; width:50%; position:absolute; right:0; top:0; height:100%; background:#c11f22; z-index:-1;}

.pagetop .weizhi{ width:50%; float:right; overflow:hidden; height:90px; line-height:90px; padding-left:55px; color:#ffffff; background:#c11f22;}

.pagetop .weizhi h3{ font-size:36px; float:left;}

.pagetop .weizhi p{ font-size:14px; float:right; background:url(../images/home.png) no-repeat left center; padding-left:35px;}

.pagetop .weizhi p span{ margin:0 5px;}

.pagetop .weizhi p a:hover{ text-decoration:underline;}







.abmain{ overflow:hidden; margin-top:8%;}

.ableft{ width:30%;}

.ableft .titi_cn{ width:230px; height:60px; line-height:60px; text-align:center; background:#c11f22; color:#ffffff; font-size:26px;}

.ableft .titi_en{ font-size:78px; text-transform:uppercase; color:#f3f3f3; font-weight:bold; line-height:1; margin-top:20px;}



.abright{ width:70%;}

.abright .abimg{ width:100%; overflow:hidden;}

.abright .abimg img{ width:100%; display:block;}

.abright .abtxt{ color:#333333; font-size:20px; margin-top:30px;}

.abright p{ font-size:20px;}



.ablist{ overflow:hidden; margin:6.5% 0;}

.ablist li{ line-height:118px; float:left; text-align:center; width:23.5%; margin-right:2%; background:#f3f3f3; color:#333333; font-size:20px; cursor:pointer;}

.ablist li .title{ padding-left:60px; display:inline-block;}

.ablist li:hover{ background:#c11f22; color:#ffffff;}



.ablist li .abico01{ background:url(../images/abico01.png) no-repeat left center;}

.ablist li:hover .abico01{ background-image:url(../images/abico01s.png);}



.ablist li .abico02{ background:url(../images/abico02.png) no-repeat left center;}

.ablist li:hover .abico02{ background-image:url(../images/abico02s.png);}



.ablist li .abico03{ background:url(../images/abico03.png) no-repeat left center;}

.ablist li:hover .abico03{ background-image:url(../images/abico03s.png);}



.ablist li .abico04{ background:url(../images/abico04.png) no-repeat left center;}

.ablist li:hover .abico04{ background-image:url(../images/abico04s.png);}







.honorbj{ background:#f3f3f3;position:relative; margin-bottom:7%;}

.honorbj:after{ content:""; position:absolute; height:100%; width:50%; background:#c11f22; top:0; left:0; }



.honor{ padding:6% 0; position:relative; background:#f3f3f3; z-index:2;}

.honor:after{ content:""; position:absolute; height:100%; width:110px; background:#c11f22; top:0; left:0; }

.htit{ overflow:hidden; margin-bottom:5%; position:relative; z-index:2;}

.htit h3{ font-size:36px; float:left; color:#ffffff; line-height:1; margin-left:30px;}

.htit h3 span{ color:#c11f22;}

.htit h3:after{ content:""; display:block; width:40px; height:3px; background:#ffffff; margin-top:34px;}

.htit .more{ float:right; width:188px; height:46px; line-height:46px; text-align:center; color:#ffffff; font-size:14px; background:#c11f22;}

.htit .more:hover{ background:#ffd800;}



.honorlist{ z-index:100; padding-bottom:5%;}

.honorlist .swiper-slide{ width:23.5%;}

.honorlist .swiper-slide img{ display:block; width:100%;}



.honorlist .swiper-pagination{ line-height:0; bottom:5px;}

.honorlist .swiper-pagination-bullet{opacity:1; background:#ffffff; width:16px; height:16px; margin:0 7px!important;-moz-box-shadow:1px 1px 1px #333333; -webkit-box-shadow:1px 1px px1 #333333; box-shadow:1px 1px 1px #333333;}

.honorlist .swiper-pagination-bullet-active{ background:#c11f22;} 







.ctit{ text-align:center; }

.ctit h3{ font-size:36px; color:#c11f22;}

.ctit h3 span{ color:#333333;}

.ctit p{ color:#666666; font-size:16px;}



.mapmain{ height:590px; margin-top:5%; position:relative; overflow:hidden;}

.mapmain .maplogo{ height:57px;}

.mapmain .maplogo img{ display:block; height:100%;}

.mapmain .map{ height:100%; width:69%;}

.my-map {  width: 100%; height: 100%; } 

.my-map .icon { background: url(../images/marker.png) no-repeat; } 

.my-map .icon-cir { height: 31px; width: 28px; } 

.my-map .icon-cir-red { background-position: -11px -5px; }

.amap-container{height: 100%;}

.myinfowindow{width: 240px;min-height: 40px;}

.myinfowindow h5{ height: 20px; line-height: 20px; color:#c11f22; overflow: hidden; font-size: 16px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }

.myinfowindow div{ margin-top:5px; line-height: 20px; font-size: 14px; color: #6f6f6f; }







.mapmain .txt{ height:100%; width:31%; background:#c11f22;padding:50px;}



.coninfo{ color:#ffffff; font-size:16px; }

.coninfo li{ margin-top:15px;}



.wap_wechat{ position:absolute; right:60px; bottom:30px; width:96px;}

.wap_wechat img{ width:100%; display:block;}

.wap_wechat span{ display:block; text-align:center; font-size:12px; line-height:30px; color:#ffffff;}





/*联系我们*/

.weizhi2{  overflow:hidden; height:90px; line-height:90px; padding-left:35px; color:#666666; font-size:14px;  background:url(../images/home2.png) no-repeat left center; margin-bottom:30px; }

.weizhi2 span{ margin:0 5px;}

.weizhi2 a:hover{ text-decoration:underline; color:#c11f22;}



.cmore{ margin:5% 0 8% 0;}

.cmore a{ width:228px; height:64px; border:2px solid #c3c3c3; color:#999999; font-size:18px; display:block; line-height:60px; text-align:center; margin:0 auto;}

.cmore a span{ display:inline-block; background:url(../images/cmore.png) no-repeat right center; padding-right:60px;}

.cmore a:hover{border-color:#c11f22;color:#ffffff; background:#c11f22;}

.cmore a:hover span{background-image:url(../images/cmore2.png);}



.messagebj{ background:#f9f9f9; padding:6% 0;}



.mtit{ color:#333333; font-size:36px; text-align:center; line-height:1; margin-bottom:6%;}



.message{ overflow:hidden;}

.message li{ float:left;}

.message li.input{ margin-right:3.5%; width:31%; border:1px solid #cfcfcf;}

.message li.input input{ height:40px; line-height:40px; padding:0 30px; width:100%; color:#a9a9a9; font-size:18px; background:#f9f9f9;}

.message li.textarea{border:1px solid #cfcfcf; width:100%; margin-top:50px;}

.message li.textarea textarea{ height:116px; color:#a9a9a9; font-size:18px; background:#f9f9f9; padding:15px 30px; width:100%;}

.message li.submit{ width:100%; margin-top:5%;}

.message li.submit input{ display:block; margin:0 auto; width:510px; height:68px; text-align:center; color:#ffffff; background:#c11f22; font-size:24px; border-radius:20px; cursor:pointer;}

.message li.submit input:hover{ background:#ffd800;}



/*产品列表*/

.pagetop2{ overflow:hidden; background:#c11f22; color:#ffffff; line-height:90px;}

.nynav{ overflow:hidden; font-size:18px;}

.nynav li{ float:left;}

.nynav li a{ padding:0 40px; display:block;}

.nynav li.on a,.nynav li:hover a{ background:#ffd800;}



.pagetop2 .weizhi3{  padding-left:35px; font-size:14px;  background:url(../images/home.png) no-repeat left center;  }

.pagetop2 .weizhi3 span{ margin:0 5px;}

.pagetop2 .weizhi3 a:hover{ text-decoration:underline; }





.prodlist{ overflow:hidden; padding:8% 0;}

.prodlist li{ width:31%; background:#f3f3f3;/* margin-top:7%;*/ float:left; }

.prodlist li:nth-child(1),.prodlist li:nth-child(2){ margin-top:0;}

.prodlist li .img{ width:100%; overflow:hidden;}

.prodlist li .img img{ display:block; width:100%;}

.prodlist li .txt{margin:20px; line-height:1; position:relative;}

.prodlist li .txt h3{ color:#333333; font-size:16px; font-weight:normal;}

.prodlist li .txt p{ color:#bbbbbb; font-size:18px; margin-top:12px;}

.prodlist li .txt:after{ content:""; background:url(../images/pmore01.png) no-repeat center center; width:86px; height:15px; background-size:100% auto; position:absolute; right:0; top:50%; margin-top:-7.5px;}

.prodlist li:hover{ background:#c11f22;}

.prodlist li:hover .txt h3{ color:#ffffff;}

.prodlist li:hover .txt p{ color:#ffffff;}

.prodlist li:hover .txt:after{background-image:url(../images/pmore02.png);}



.waybj2{ background:#f8f8f8; border-radius:0;}

.waybj2 .wayinfo h3.cn{ color:#333333;}

.waybj2 .wayinfo h3.en{ color:#d8d8d8;}

.waybj2 .wayinfo p.cn{ color:#525252;}

.waybj2 .wayinfo p.en{ color:#999999;}



.waybj2 .waylist li .txt .qq{ background:#c11f22;}

.waybj2 .waylist li .txt .qq:hover{ background:#ffd800;}





/*新闻*/

.newslist{ overflow:hidden; margin-top:5%;}

.newslist li{ float:left; width:100%; background:#f5f5f5; margin-bottom:3%;}

.newslist li a{ display:block; overflow:hidden;}

.newslist li .img{ width:390px; float:left;}

.newslist li .img img{ width:100%; display:block;}

.newslist li .txt{ padding:40px 40px 0 430px;}

.newslist li .txt .title{ overflow:hidden; line-height:60px;}

.newslist li .txt .title h3{ float:left; color:#333333; font-size:24px; max-width:70%; font-weight:normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.newslist li .txt .title .time{ float:right; color:#666666; font-size:14px;}

.newslist li .txt p{ color:#666666; font-size:16px; line-height:2;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.newslist li .txt span{ color:#c11f22; font-size:14px; margin-top:35px; display:block;}



.newslist li:hover{ background:#c11f22;}

.newslist li:hover .txt .title h3{ color:#ffffff;}

.newslist li:hover .txt .title .time{ color:#ffffff;}

.newslist li:hover .txt p{ color:#ffffff;}

.newslist li:hover .txt span{ color:#ffffff;}



.fenye{ overflow:hidden; text-align:center; padding:2% 0 6% 0;}

.fenye span,.fenye a{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#333333; border-radius:50%; margin:0 3px;}

.fenye span,.fenye a:hover{color:#ffffff;  background:#c11f22; }

.fenye a.prev,.fenye a.next{ border:none;font-size:16px; width:100px;}

.fenye a.prev:hover,.fenye a.next:hover{border:none;color:#c11f22; background: none;}





/*新闻内页*/

.showmain{ margin-top:6%;}

.showtop{ text-align:center; padding:3% 0; border-bottom:1px solid #d9d9d9;}

.showtop h1{ color:#333333; font-size:30px; line-height:1.2;}

.showtop p{ color:#666666; font-size:16px; margin-top:15px;}

.showtop p span{ margin:0 10px;}



.showtxt{ padding:4%; font-size:18px; line-height:2; color:#666666;}

.showtxt img{ max-width:100% !important; height:auto !important;}



.showbottom{ overflow:hidden; padding:3% 2%; border-top:1px solid #d9d9d9;}

.sxp{ font-size:16px; color:#666666; line-height:36px;}

.sxp span{ display:block;}

.sxp a:hover{ color:#c11f22;}



.fanhui{ width:200px; height:48px; display:block; line-height:48px; text-align:center; color:#ffffff; background:#c11f22; font-size:16px; margin-top:12px;}

.fanhui:hover{ background:#ffd800;}









.hlist{ overflow:hidden; padding:4% 0 2% 0;}

.hlist li{ width:23.5%; float:left; border:1px solid #dcdcdc; margin-right:2%; padding:10px; margin-bottom:2%;}

.hlist li .img{ width:100%;background:#f6f6f6; border:10px solid #f6f6f6; text-align:center; height:230px; overflow:hidden; }

.hlist li .img:before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px;}

.hlist li .img img{display: inline-block;vertical-align: middle; max-width:100%; max-height:100%;}

.hlist li .title{ padding:5px 0; line-height:20px; text-align:center; font-size:16px; margin-top:10px;}









.laboratory .swiper-slide-active img{

-webkit-transition: all .5s ease-in;

-o-transition: all .5s ease-in;

-ms-transition: all .5s ease-in;

-moz-transition: all .5s ease-in;}

.progress li:hover .img img{

-webkit-transform: scale(1.1);

-ms-transform: scale(1.1);

-o-transform: scale(1.1);

transform: scale(1.1);}







.navlist li,.more01 a,.waylist li .txt .qq,.waynav li,.waynav li:after,.tit02 .more,.hotnews h3,.hnlist li .hntop,.hnlist li .hnbottom:after,.p-next,.p-prev,.bottomzx ul li.submit input,.dbnav li a,.bottom a,.ablist li,.htit .more,.online li,.online li .info,.online li .info .ico,.online li .info span,.message li.submit input,.cmore a,.cmore a span,.nynav li a,.prodlist li,.prodlist li .txt h3,.prodlist li .txt p,.prodlist li .txt:after,.newslist li,.newslist li .txt .title h3,.newslist li .txt .title .time,.newslist li .txt p,.newslist li .txt span,.fenye a,.sxp a,.fanhui{

transition: 0.3s;

-o-transition: 0.3s;

-ms-transition: 0.3s;

-moz-transition: 0.3s;

-webkit-transition: 0.3s;

}







.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;

-o-animation-delay:.2s;-ms-animation-delay:.2s;}

.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;

-o-animation-delay:.4s;-ms-animation-delay:.4s;}

.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;

-o-animation-delay:.6s;-ms-animation-delay:.6s;}

.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;

-o-animation-delay:.8s;-ms-animation-delay:.8s;}

.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;

-o-animation-delay:1s;-ms-animation-delay:1s;}



.animated{opacity: 0;}