@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; font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif; }
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;font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif; }
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:60px; 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 23px; 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-family:'Noto Sans SC'; 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.66%; 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:120px 0 95px 0;}
.dblogo { width:173px;}
.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:80px; 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;}

.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(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/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:47%; background:#f3f3f3; margin-top:7%; }
.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:40px; line-height:1; position:relative;}
.prodlist li .txt h3{ color:#333333; font-size:30px; 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%; 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;}