body{ background:url(../images/bg.jpg) no-repeat center top #ddd; background-size:100% auto;  background-attachment:fixed;  width:100%;  z-index:-1; height:400%;} 
.rightbox{ width:81.5%; float:right; position:relative;} 
.index_ti{ width:100%; display:flex; align-items:center;}
.index_ti .logo{ width:134px; float:left; margin:0% 0 0 32px;}
.index_ti .txt{ width:354px; float:left;  margin:0% 0 0 40px;}
.languse{ background:#d1001a; width:43px; height:43px; display:block; position:fixed; z-index:999; right:60px; top:50px; color:#fff; text-align:center; line-height:43px; transition:all 0.4s;}
.languse:hover{ background:#c00018; color:#fff;}

.cooperation{ width:100%; position:relative;}
.cooperation .con{ width:91.7%; float:right;}
.cooperation .con .zi{ font-size:46px; color:#fff; line-height:72px; font-weight:bold; text-transform:uppercase; margin-bottom:-70px; position:relative; z-index:10;}
.cooperation video{ width:100%;} 
.cooperation .add{ background:url(../images/jia.png) no-repeat center #d1001a; width:35px; height:35px; border-radius:50%; box-shadow:0 0 20px 0 rgba(0,0,0,0.3); display:block; position:absolute; left:10px; bottom:40px; transition:all 0.4s;}
.cooperation .add:hover{ background:url(../images/jia.png) no-repeat center #c00018;}

.bigcooperation{ width:100%; position:relative;}
.weblogo{width: 150px;height: 123px;position: fixed; left:60px; top:20px; z-index: 999;}
.hlogo{ width:133px; position:fixed; left:66px; bottom:115px; opacity:0; transform:scale(0); transition:all 0.4s;}
.hlogo.show{ opacity:1; transition:all 0.4s; transform:scale(1);}

.x_pop{ width:1020px; background:#fff; border-bottom:4px solid #d1001a; position:absolute; left:0; bottom:0px; z-index:10; box-sizing:border-box; padding:15px 24px; box-shadow:0 0 20px 0 rgba(0,0,0,0.3);}
.x_pop .close{background:url(../images/close.png) no-repeat center #d1001a; width:34px; height:34px; border-radius:50%; position:absolute; right:-17px; top:-17px; z-index:10;}
.x_pop p{ font-size:14px; line-height:26px; }
.x_pop p em{ vertical-align:3px;}

.mechanism{ width:100%; position:relative; margin-top:300px;}
.mechanism .swiper-slide{ box-sizing:border-box; padding:15px;}
.mechanism dl{ box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); background:#fff; overflow:hidden; text-align:center; transition:all 0.4s;}
.mechanism dl:hover{box-shadow:0 8px 20px 0 rgba(0,0,0,0.2);}
.mechanism dt{ position:relative; overflow:hidden;}
.mechanism dt:after{ content:""; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); transition:all 0.4s; }
.mechanism dl:hover dt:after{ opacity:1;}
.mechanism dt .icon{ width:100%; height:0; line-height:40px; color:#fff; background:rgba(209,0,26,0.5); position:absolute; left:0; bottom:0; z-index:19;  transition:all 0.4s;}
.mechanism dl:hover .icon{ height:40px;}
.mechanism dt .icon span{ margin:0 28px;}
.mechanism dt .icon span i{ vertical-align:-4px;}
.mechanism dt .icon span.b1 i{ background:url(../images/index_icon_24.png) no-repeat; width:17px; height:21px; display:inline-block;background-size: 100%}
.mechanism dt .icon span.b2 i{ background:url(../images/index_icon_26.png) no-repeat; width:20px; height:20px; display:inline-block;}
.mechanism dt .icon span.b3 i{ background:url(../images/index_icon_28.png) no-repeat; width:16px; height:20px; display:inline-block;}
.mechanism dl dd{ padding:9px 12px; box-sizing:border-box; height:68px;}
.mechanism dl dd h3{ line-height:16px; padding:10px 0; font-weight:normal;}
.mechanism dl dd h3.ch{ padding:0;}
.mechanism dl dd h3:after{ content:""; width:32px; height:2px; background:#d1001a; display:block; margin:0 auto; transition:all 0.4s; margin-top:10px;}
.mechanism dl:hover dd h3:after{ width:100%;}
.mechanism .btnb{ position:relative; width:100%; text-align:center; margin-top:60px;} 
.mechanism .swiper-pagination{ width:100%; left:0; margin-top:45px;}
.mechanism .swiper-pagination-bullet{ margin:0 5px; background:#7c7c7c; opacity:1;}
.mechanism .swiper-pagination-bullet-active{ background:#d1001a;}
.mechanism .swiper-button-next2{ width:20px; height:28px; background:url(../images/right.png) no-repeat; background-size:contain; cursor:pointer; outline:none; position:inherit; display:inline-block; }
.mechanism .swiper-button-prev2{ width:20px; height:28px; background:url(../images/left.png) no-repeat; background-size:contain;  cursor:pointer; outline:none; position:inherit; display:inline-block; }
.mechanism .swiper-pagination{ display:inline-block; margin:0 30px; width:auto; position:inherit; vertical-align:9px;}
 
.mechanism .swiper-button-next2.swiper-button-disabled{ opacity:1;}
.mechanism .swiper-button-prev2.swiper-button-disabled{ opacity:1;}

.news{ width:100%; margin-top:200px;}
.news .list{ width:33.33333%; float:left; box-sizing:border-box; padding:26px; overflow:hidden;}
.news .list .zu{ background:#b62000; border-radius:12px; overflow:hidden; height:780px; box-shadow:0 5px 10px 0 rgba(0,0,0,0.1); position:relative; }
.news .list .zu .top{ background:url(../images/toubu.png) no-repeat center top; color:#fff; background-size:cover; width:100%; height:85px; box-sizing:border-box; padding:0 40px; font-size:16px; overflow:hidden; position:relative; z-index:12;}
.news .list .zu .top h2{ font-size:16px; margin:30px 0 6px 0;}
.news .list .zu .top h2 em{ vertical-align:5px; font-size:12px;}
.news .list .zu .top i{ display:block; width:47px; height:4px; background:#fff; margin-top:10px;}
.news .list .zu .top .fr{ position:absolute; right:40px; top:0; line-height:85px;}
.news .list .zu .top .fr a{ color:#fff; font-weight:bold;}
.news .list .zu .con{ width:100%; height:100%;  overflow:hidden; box-sizing:border-box; padding:20px 40px; background:#fff; border-radius:12px;}
.news .list .zu ul li{ line-height:23px; padding:10px 0;}
.news .list .zu ul li h3{ font-size:16px;}
.news .list .zu ul li h3 i{display: inline-block;width: 22px;height: 22px;vertical-align: top;background-image: url(../images/icon_address.png);background-size: 100%;margin-right: 10px;}
.news .list .zu ul li em{ font-style:italic;}
.news .list .zu ul strong{ font-weight:normal; margin-right:10px; display:inline-block;}
.news .list .zu ul .alink{ background:url(../images/jia.png) no-repeat center #d1001a; width:20px; height:20px; border-radius:50%; background-size: 12px;display:inline-block; transition:all 0.4s; margin-left:6px; vertical-align:-6px;}
.news .list .zu ul .alink:hover{ background-color:  #c00018;}
.news .news_pop{ width:100%; height:100%; position:absolute; overflow:hidden; box-sizing:border-box; padding: 10px 40px; background:#fff; border-radius:12px; z-index:10; display:none; top:85px;}
.news .news_pop h3{ font-size:16px; color:#d1001a; margin:30px 0 20px 0;}
.news .news_pop h3 em{ vertical-align:3px; font-size:12px;}
.news .news_pop .close{background:url(../images/close.png) no-repeat center #d1001a; width:34px; height:34px; border-radius:50%; position:absolute; right:20px; top:20px; z-index:10;}
.news .news_pop dl{ margin-bottom:25px; line-height:26px;}
.news .news_pop dl dt{ font-size:16px; font-weight:bold;}
.news .news_pop dl dd em{vertical-align:3px; font-size:12px;}
.news .news_pop dl dd i{ font-style:italic;}
.news .news_pop .gun{ box-sizing:border-box; padding:50px 0; width:100%; height:90%;}
.news .news_pop .gun_con{ width:100%; overflow:auto; height:100%; -webkit-overflow-scrolling : touch;}
.guandian{ width:100%; margin-top:20px; padding-bottom:60px; overflow:hidden;}
.guandian .list{ width:50%; padding:0 26px; box-sizing:border-box; float:left; } 
.guandian .list:nth-child(2){ float:right;}
.guandian .list .con{ width:100%; background:#fff; box-sizing:border-box; padding:50px 30px; font-size:14px; border-radius: 12px; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);}


.copy{ width:90%; margin:0 auto; text-align:right; font-size:18px; clear:both; overflow:hidden; padding:130px 0 60px 0;} 

.md_pop{ width:100%; background:#fff; position:fixed; z-index:1000; height:100%; left:0; top:0%; display:none;overflow-y: auto;padding-bottom: 60px;box-sizing: border-box;}
.md_pop .con{ width:1200px; margin:0 auto; position:relative;}
.md_pop .close{background:url(../images/close.png) no-repeat center #d1001a; width:34px; height:34px; border-radius:50%; position:fixed; right:40px; top:40px; z-index:10;}
.md_pop .con .left-b{ width:71%; float:left;} 
.md_pop .con .right-b{ width:28%; float:right; text-align:center;}
.md_pop .con .left-b video{ width:100%; height:428px; background:#000;}
.md_pop .con .left-b .txt{ line-height:24px; margin-top:20px;}
.md_pop .con .left-b .txt p{text-indent:0em; margin-bottom:10px;}
.md_pop .con .left-b .txt p em{ font-style:italic;}
.md_pop .con .left-b .txt p i{vertical-align:3px; font-size:12px;}
.md_pop .top{ width:100%; text-align:center; font-size:30px; font-weight:bold; line-height:35px; margin:60px 0 70px 0;}
.md_pop .top:after{ content:""; width:154px; height:3px; display:block; margin:0 auto; background:#d1001a;  margin-top:10px;}
.md_pop .con .right-b dd{ font-size:18px; margin-top:35px; }
.md_pop .con .right-b dd span{ font-size:14px; margin-left:0px;display:block;}
.md_pop .tab{ width:100%; text-align:center; font-size:14px; display:none;}
.md_pop .tab a{ display:inline-block; background:#4b4b4b; width:130px; margin:0 10px; line-height:40px; text-align:center; color:#fff; border-radius:40px;}
.md_pop .tab a.active{ background:#ac3019;}
 
.footer{width: 100%;padding:130px 0 60px 0;}
.footer .img{width: 553px;margin:0 auto;line-height: 20px;}
.footer p{font-size: 12px;text-align: center;margin-top: 10px;}

@media screen and (max-width:1950px){
.x_pop{ width:65%; }
.mechanism dt .icon span{ margin:0 18px;}
.index_ti .logo{ width:100px;}
.index_ti .txt{ width:300px; }
.cooperation .con .zi{ font-size:40px; line-height:65px; margin-bottom:-60px; }
} 

@media screen and (max-width:1460px){
.index_ti .logo{ width:70px;}
.index_ti .txt{ width:280px; }
.news .list{ padding:20px 15px;}
.news .list .zu .top{  padding:0 20px; font-size:14px; overflow:hidden; position:relative; z-index:12;} 
.news .list .zu .con,.news .news_pop{ padding:10px 20px;}
.guandian .list{ padding:0 15px; } 
.hlogo{ width:120px; left:41px; bottom:115px; opacity:0; transition:all 0.4s;}
.weblogo{left: 30px;}
.mechanism{ margin-top:200px;}
.news{ margin-top:100px;}
.cooperation .con .zi{ font-size:36px; line-height:60px; margin-bottom:-50px; }
} 
@media screen and (max-width:1230px) {
.news .list{ width:50%; } 
.md_pop .con{ width:92%;}

.md_pop .top{ font-size:22px; line-height:25px; margin:60px 0 30px 0;}
.md_pop .top:after{ content:""; width:120px; height:2px; }
.md_pop .con .left-b video{ height:300px; }
.cooperation .con .zi{ font-size:32px; line-height:55px;   }
}
@media screen and (max-width:1100px) {
.cooperation .con .zi{ font-size:26px; line-height:50px;   }	
} 
@media screen and (max-width:880px) {
.cooperation .con .zi{ font-size:22px; line-height:50px;   }	
} 
@media screen and (max-width:768px) {
.rightbox{ width:100%; float:none;} 
.cooperation .con{ width:90%; float:none; margin:0 auto;} 
.news .list .zu{  height:780px;}
.news .list .zu .con{ padding:10px 40px 30px 40px;}
.news .list .zu .top .fr{ position:absolute; right:20px;}
.x_pop{ width:90%; margin:0 auto; position:inherit; left:0%; bottom:0;}
.copy{ font-size:14px; text-align:center; padding:30px 0;}
.languse{ right:10px; top:10px;}
 
.mechanism{ margin-top:100px;}
.news{ margin-top:50px;}
.index_ti .logo{ width:70px;}
.index_ti .txt{ width:220px; }

.md_pop{ height:100%; overflow:auto;-webkit-overflow-scrolling: touch;}
.md_pop .tab{ display:block; margin-bottom:35px;}
.md_pop .con .left-b{ width:100%; float:none; padding-bottom:20px;} 
.md_pop .con .right-b{ width:100%; margin:0 auto; float:none; text-align:center; margin-top:15px; padding-bottom:20px; display:none;}
.md_pop .con .right-b dt{ width:80%; margin:0 auto;}
.md_pop .con .right-b dd{ font-size:14px; margin-top:10px;}
.md_pop .con .right-b dd span{ display:block; font-size:12px; margin-left:0;}
.md_pop .con .left-b video{ height:200px; }
.md_pop .close{ right:15px; top:11px; z-index:10;}

.hlogo{ width:133px; position:fixed; left:220px; top:115px; opacity:0; transform:scale(0); transition:all 0.4s;}
.hlogo.show{ opacity:0; transition:all 0.4s; transform:scale(0);}
.x_pop .close{ display:none;}
.weblogo{ width: 75px;height: 61px;position: fixed;left: 10px;top: 0;}
.head{height: 62px;position: fixed;z-index: 999;top: 0;left: 0;right: 0;}
.cooperation .con .zi{ font-size:18px; line-height:30px;  margin-bottom:-30px; }	
}

@media screen and (max-width:610px){
	.footer{width:100%;padding:65px 15px 30px;box-sizing: border-box;}
	.footer .img{width: 90%;}
} 
 
@media screen and (max-width:540px) {
.news .list{ width:100%; float:none; }  
.guandian .list{ width:100%; padding:0 15px; float:none; margin-bottom:40px;} 

.mechanism .swiper-pagination-bullet{ margin:0 3px; }
.mechanism .swiper-pagination{ margin:0 20px; vertical-align:11px;}
.mechanism .swiper-pagination-bullet{ width:5px; height:5px;}
 
.index_ti .logo{ width:50px;}
.index_ti .txt{ width:180px; margin:0 0 0 20px; }
.md_pop .top{ font-size:18px;} 
.cooperation .con .zi{ width:100%;}
}

@media screen and (max-width:400px) {
 .cooperation .con .zi{ font-size:16px; line-height:30px;  margin-bottom:-30px; }	
}

 
 /*20191018 LFM add*/
.guandian .list.pc{display: block}	
.guandian .list.wap{display: none}	
@media screen and (max-width:768px) {
 	 .guandian .list.pc{display: none}	
 	 .guandian .list.wap{display: block}	
}
 /*20191018 LFM add end*/