﻿@charset "utf-8";
/* CSS Document */
BODY { margin:0px auto; padding:0px; width:100%; color:#444; font-family: Arial, Helvetica, sans-serif; }
div,form,ul,ol,li,dl,dt,dd,em,i,h1,h2,h3,h4,h5,i,input,textarea,button{margin:0px auto;padding:0px; font-weight:normal; list-style: none; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
img{ border:0px; vertical-align:top; }
p,b,strong{margin:0px auto; padding:0px; list-style: none;font-family:Arial, Helvetica, sans-serif; }
table,tr,td,button{ margin:0px auto; padding:0px; list-style: none; font-size:14px; font-family: Arial, Helvetica, sans-serif; }
 
input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-modify: read-write-plaintext-only;outline: none;box-shadow: none;}
textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-modify: read-write-plaintext-only;outline: none;box-shadow: none;}
select{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-modify: read-write-plaintext-only;outline: none;box-shadow: none;}

a:link{color:#444; text-decoration:none;}
a:visited{color:#444; text-decoration:none;}
a:hover{color:#0027aa; text-decoration:none;}

#input-test{color: #fff; }
#input-test::-webkit-input-placeholder { /* WebKit browsers */
color:#fff;}
#input-test:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;}
#input-test::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;}
#input-test:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff;}

 
  
 
.text-container {width: 800px; float:left;}
.text-container .text { width:800px; font-size:18px; line-height:30px; display: -webkit-box;-webkit-line-clamp:3; /* 默认显示3行 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: all 0.5s ease; /* 动画效果 */}
.text.expanded {-webkit-line-clamp: unset; /* 展开时显示全部内容 */height: auto;}
.toggle-btn { float:right; margin-top:20px; padding:8px 15px;cursor: pointer; background:none; border:#b2b2b2 solid 1px; color:#444; font-size:18px;} 


 
 
  
.herdbox{ width:100%; position:absolute; top:0; z-index:104; } 
.herdbox .herd{ width:86%; }
.herdbox .herd .logo{ width:5%; float:left; overflow:hidden; }
.herdbox .herd .logo img{ width:100%;  float:left; overflow:hidden;} 
 


.sousuo{ width:32px; height:32px; float:right; overflow:hidden; margin:39px 0px 0px 40px;}
.cd-popup3{position:fixed;top:0;left:0;z-index:9999; visibility:hidden;width:100%;height:100%;box-sizing: inherit; background-color:rgba(0,39,170,.9);opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s;}
.cd-popup3.is-visible3{visibility:visible;opacity:1;-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s;}
.cd-popup-container3{position:relative;margin:300px auto; width:1000px; height:100px; text-align:center;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);-ms-transform:scale(.8);-webkit-backface-visibility:hidden;-ms-transition-duration:.3s;}
.cd-popup-close{position:absolute;top:30px;right:30px;z-index:10;display:block; width:32px; height:32px; background: url(../images/guanbi.png) no-repeat center; }
.is-visible3 .cd-popup-container3{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1);} 
.is-visible3 .cd-popup-container3 .diva{width:920px; height:100px; overflow:hidden; float:left; border-radius:50px; padding:0px 40px; background:#FFF; }
.is-visible3 .cd-popup-container3 .diva dd{ width:880px; height:100px; float:left; overflow:hidden; }
.wbk1{ width:880px; height:100px; float:left; overflow:hidden; border:none; background:none; line-height:100px; font-size:18px; }
.is-visible3 .cd-popup-container3 .diva dt{ width:40px; height:100px; float:left; overflow:hidden; }
.tj1{ width:40px; height:100px; overflow:hidden; border:none; cursor:pointer; text-align:center; background: url(../images/sousuo3.png) no-repeat center; }
  
   
 
 
.yyui_menu1 { height:80px; float:right; margin-top:15px; }
.yyui_menu1 li { float:left; position:relative; margin-left:60px;} /*这一级是导航*/
.yyui_menu1 li a { display:block;  line-height:80px; font-size:22px; color:#fff;}
.yyui_menu1 li a:hover { color:#fff;}
.yyui_menu1 li ul { position:absolute; float:left; display:none; background-color:#fff; padding:15px 0px;  z-index:99; } /*这是第二级菜单*/
.yyui_menu1 li ul li{ margin-left:0; width:180px;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:140px; padding:6px 20px; line-height:26px; font-size:16px; color:#555; background:url(../images/ico15.png) no-repeat center right ;}
.yyui_menu1 li ul a:hover {  color:#000;  background:url(../images/ico16.png) no-repeat center right ;}
.yyui_menu1 li ul ul{ top:-15px;left:180px; padding:15px 0px;background-color:#f5f7fa; } /*从第三级菜单开始,所有的子级菜单都相对偏移*/
.yyui_menu1 li ul ul li{ margin-left:0; width:360px;} /*这是第三级菜单*/
.yyui_menu1 li ul ul li a { background:none;width:360px; display:block; overflow:hidden;}
.yyui_menu1 li ul ul li a:hover { background:none;width:360px;}
 
  
 
 
 
.menu2{ height:44px; float:right; margin:39px 0px 0px 60px;}
.menu2 ul li a, .menu2 ul li a:visited {display:block; overflow:hidden; font-size:18px; color:#fff;}
.menu2 ul { margin:0;padding:0;list-style-type: none; }
.menu2 ul li { position:relative; float:left; height:44px; line-height:32px; }
.menu2 ul li ul {display: none;}
.menu2 ul li:hover a {color:#fff;}
.menu2 ul li:hover ul li ul {display: none;}
#menu2_hover { color:#fff; font-weight:bold;} 
.menu2 ul li:hover ul li a { color:#444; font-size:18px; }
.menu2 ul li:hover ul li a:hover { color:#ffb615; font-size:18px;}
.menu2 ul li:hover ul { position:absolute; top:44px; left:0; display:block; padding:10px 0px;  z-index:99; }
.menu2 .ej_1{ width:160px;  margin-left:-42px;  background:#fff; border-radius:10px; box-shadow:0px 6px 4px 4px rgba(166,166,166,.1); -webkit-box-shadow:0px 6px 4px 4px rgba(166,166,166,.1);-moz-box-shadow:0px 6px 4px 4px rgba(166,166,166,.1);}
.menu2 .ej_1 li{ display:block; width:160px; height:44px; line-height:44px; overflow:hidden; }
.menu2 .ej_1 li a{ display:block; border:none; width:160px; color:#444; font-size:18px; overflow:hidden;}
.menu2 .ej_1 li a:hover {  font-size:18px; color:#ffb615;}
.menu2 .ej_1 li a img{ width:24px; height:16px; overflow:hidden; margin:17px 15px 0px 30px; }





.mybn{ width:100%; overflow:hidden; }
.swiper-slide .bg-img2{ display: block; width: 100%; overflow:hidden; position:relative; box-sizing: inherit;}
.swiper-slide .bg-img2 .sdiva{ width:100%; overflow:hidden; }
.swiper-slide .bg-img2 .sdiva img{ width:100%; overflow:hidden;  }
.swiper-slide .bg-img2 .sdivb{ width:80%; height:100%;  overflow:hidden;  padding:0% 10%; font-size:48px; font-weight:bold; color:#FFF; text-align:center; position:absolute; left:; top:0; display: flex; flex-direction: column;  justify-content: center; }
.mybn .page{width: 100%; height:120px; overflow:hidden;   position: absolute; bottom:0; left:0; }
.mybn .page .swiper-pagination{position:absolute; bottom:70px; }
.mybn .page .swiper-pagination-bullet{ width:90px; height:18px; overflow:hidden; background:#FFF; border: none; margin:0 9px; opacity:0.4; outline: none; border-radius:50px;  }
.mybn .page .swiper-pagination-bullet-active{  width:90px; height:18px; background:#fff; outline: none;  opacity:1; }
 

  
 


.swiper{ width:100%; overflow:hidden; }
.swiper div{ margin:0; }
.swiper-slide{ width:100%; float:left; overflow:hidden;} 




.warp3box{ width:86%; overflow:hidden; padding:6.5% 0%; }
.warp3box .warp3{ width:100%; overflow:hidden; } 
.warp3box .warp3 .diva{ width:25%;  background:#fff; margin:1%; float:left;  border-radius:10px; padding:3% 3%;  box-shadow:0px 0px 10px 2px rgba(166,166,166,.1); -webkit-box-shadow:0px 0px 10px 2px rgba(166,166,166,.1);-moz-box-shadow:0px 0px 10px 2px rgba(166,166,166,.1); } 
.warp3box .warp3 .diva .sdiva{ width:100%; float:left; overflow:hidden; font-size:22px; line-height:36px;  font-weight:bold; color:#222; margin-bottom:25px;}
.warp3box .warp3 .diva .sdivb{ width:100%; float:left; overflow:hidden; font-size:16px; line-height:32px;  margin-bottom:35px;}
.warp3box .warp3 .diva .sdivc{ width:100%; float:left; overflow:hidden; }
.warp3box .warp3 .diva .sdivc img{ width:100%; float:left; overflow:hidden; transition: all 0.8s; }
.warp3box .warp3 .diva .sdivc img:hover{transform: scale(1.1); }




.warp1{ width:100%; overflow:hidden; background:url(../images/img1.jpg) no-repeat center; height: 100%; background-size: cover; padding:13% 0%;} 
.warp1 .diva{ width:86%; overflow:hidden; } 
.warp1 .diva .sdiva{ width:50%;float:left; overflow:hidden; } 
.warp1 .diva .sdiva .isdiva{ width:100%; float:left; overflow:hidden; font-size:40px; color:#fff; font-weight:bold; } 
.warp1 .diva .sdiva .isdivb{ width:10%; height:2px; float:left; overflow:hidden; background:#FFF; margin-top:6%;} 
.warp1 .diva .sdiva .isdivc{ width:100%;  float:left; overflow:hidden; font-size:16px; color:#FFF;  line-height:32px; margin-top:7%; } 
.warp1 .diva .sdiva .isdivc p{ width:100%;  float:left; overflow:hidden; font-size:16px; color:#FFF; line-height:32px; margin-top:3%;} 

 
 
 

.warp2{ width:100%; overflow:hidden; padding:7.5% 0% ; background:#f5f7fa; } 
.warp2 .diva{ width:86%; overflow:hidden; margin-bottom:3.5%;  font-size:40px; color:#222; font-weight:bold; text-align:center;} 
.warp2 .divb{ width:100%; overflow:hidden; position:relative; margin-bottom:3.5%;} 
.chanpin { width:86%; overflow:hidden;  }
.swiper-slide .bg-img5{  width:100%; float:left; overflow:hidden; background:#FFF; text-align:center;}
.swiper-slide .bg-img5 .isdiva{ width:100%; overflow:hidden; }
.swiper-slide .bg-img5 .isdiva img{ width:100%; overflow:hidden; transition: all 0.8s;  }
.swiper-slide .bg-img5 .isdiva img:hover{transform: scale(1.1); }
.swiper-slide .bg-img5 .isdivb{ width:84%; overflow:hidden; text-align:center; font-size:22px; line-height:44px; font-weight:bold; color:#222; padding:10% 8% 3% 8%;}
.swiper-slide .bg-img5 .isdivc{ width:84%; overflow:hidden; font-size:16px; text-align:center; padding:0% 8% 10% 8%;}
.swiper-slide .bg-img5 .isdivc dt{ height:30px; overflow:hidden; font-size:16px; line-height:32px; display:inline-block;}
.swiper-slide .bg-img5 .isdivc dd{ width:26px; height:30px;  overflow:hidden; display:inline-block; background: url(../images/ico4.png) no-repeat center right;}
.swiper-slide .bg-img5 a:hover .isdivb{ color:#0027aa;}
.swiper-slide .bg-img5 a:hover .isdivc dd{  background: url(../images/ico5.png) no-repeat center right;}
.warp2 .divb .page{width: 100%; height:100%; overflow:hidden;   position: absolute; top:0; left:0;  }
.warp2 .divb .page .swiper-button-prev{ position: absolute; left:4%; top:47%; z-index:99; width:32px; height:32px; overflow:hidden; border-radius:50%; background:url(../images/ico6.png) no-repeat center ; }
.warp2 .divb .page .swiper-button-prev:hover{  background:url(../images/ico8.png) no-repeat center; }
.warp2 .divb .page .swiper-button-next{position: absolute; right:4%; top:47%; z-index:99;  width:32px; height:32px; overflow:hidden; border-radius:50%; background:url(../images/ico7.png) no-repeat center; }
.warp2 .divb .page .swiper-button-next:hover{  background:url(../images/ico9.png) no-repeat center; }
.warp2 .divc{ width:100%; overflow:hidden;  text-align:center;}
.warp2 .divc a{ width:200px; height:70px; overflow:hidden; border:#0027aa solid 1px; display: inline-block; line-height:70px; color:#0027aa;}
.warp2 .divc a:hover{ width:200px; height:70px; overflow:hidden; border:#0027aa solid 1px; background:#0027aa; display: inline-block; line-height:70px; color:#0027aa;}
.warp2 .divc dt{ height:70px; font-size:16px; overflow:hidden; display:inline-block; }
.warp2 .divc dd{ width:26px; height:70px;  overflow:hidden; display:inline-block;  background: url(../images/ico5.png) no-repeat center right;}
.warp2 .divc a:hover dt{ color:#FFF;}
.warp2 .divc a:hover dd{  background: url(../images/ico10.png) no-repeat center right;}





.foot{ width:100%;  background:#1b1d1e; overflow:hidden;  }   
.foot .diva{ width:86%; overflow:hidden;  padding:5% 0% 4% 0%;} 
.foot .diva .sdiva{ width:9%; float:left; overflow:hidden; margin-right:10%;} 
.foot .diva .sdiva img{ width:100%; float:left; overflow:hidden; } 
.foot .diva .sdivb{ width:22%; float:left; overflow:hidden; margin-right:8%;} 
.foot .diva .sdivb .isdiva{ width:100%; float:left; overflow:hidden; font-size:20px; color:#FFF; margin-bottom:30px;} 
.foot .diva .sdivb .isdivb{ width:100%; float:left; overflow:hidden; } 
.foot .diva .sdivb .isdivb a{ width:100%; float:left; overflow:hidden; font-size:16px; color:#FFF; margin-bottom:15px;} 
.foot .diva .sdivc{ width:20%; float:left; overflow:hidden;  } 
.foot .diva .sdivc .isdiva{ width:100%; float:left; overflow:hidden; font-size:20px; color:#FFF; margin-bottom:30px;} 
.foot .diva .sdivc .isdivb{ width:100%; float:left; overflow:hidden; font-size:16px; color:#FFF; line-height:34px;  margin-bottom:25px; } 
.foot .diva .sdivd{ width:22%; float:right; overflow:hidden;  } 
.foot .diva .sdivd .isdiva{ width:100%; float:left; overflow:hidden; font-size:20px; color:#FFF; margin-bottom:30px;} 
.foot .diva .sdivd .isdivb{ width:100%; float:left; overflow:hidden; font-size:16px; color:#FFF; line-height:34px;  margin-bottom:25px; } 
.foot .divb{ width:100%; overflow:hidden; padding:2.2% 0%; background:#000000; } 
.foot .divb .sdiva{ width:86%; overflow:hidden; } 
.foot .divb .sdiva dt{ float:left; overflow:hidden; font-size:14px; color:#fff; } 
.foot .divb .sdiva dt a{ font-size:16px; color:#fff; } 
.foot .divb .sdiva dd{ float:right; overflow:hidden; text-align:right; font-size:16px; color:#fff; } 
.foot .divb .sdiva dd a{ font-size:16px; color:#fff; } 
 
 
 
 
 
.dn{display: none;}
.go-top{position: fixed;top:80%;right:2%;width:66px;z-index:100; }
.go-top a{display: block;width: 66px;height:66px;}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{ background: url(../images/ico23.png) no-repeat #0027aa; border-radius:50%;}
.go-top .go:hover{background: url(../images/ico23.png) no-repeat #133cc3}




.digg{ width:80%; overflow:hidden; text-align:center; font-size:16px; padding:5% 0%; display:block; }
.digg a{ height:54px; overflow:hidden; padding:0px 25px; line-height:54px; background:#f8f8f8; display:inline-block; font-size:16px; margin:0px 3px;}
.digg a:hover{ background:#444; color:#FFF; display:inline-block; font-size:16px; }
.digg .current{ background:#444; color:#FFF; display:inline-block; font-size:16px;  }




.about_banner{height:300px;background-size: cover!important;  }

   
  
 

 
.weizhi{ width:1200px; overflow:hidden; padding:2% 0% 2% 0%; font-size:16px; color:#666; }  
.weizhi a{ font-size:16px; color:#666;}  
.weizhi a:hover{ font-size:16px; color:#0027aa;}  
  

.wenzhang{ width:1160px; overflow:hidden; padding:300px 20px 100px 20px; background:url(../images/about-bg.jpg) no-repeat top;} 





 
.lianxi{ width:1200px; overflow:hidden; padding:0% 0% 7% 0%;  } 
.lianxi .diva{ width:1200px; overflow:hidden; margin-bottom:7%;  } 
.lianxi .divb{ width:1200px; overflow:hidden;  } 
.lianxi .divb .sdiva{ width:376px;  float: left; background:#f5f7fa; overflow:hidden; padding:50px 0px; border-radius:20px; text-align:center;} 
.lianxi .divb .sdiva dt{ width:74px; height:74px; overflow:hidden; display:inline-block; margin-bottom:40px; } 
.lianxi .divb .sdiva dt img{ width:40px; height:40px; background:#666666; overflow:hidden; border-radius:23px; padding:17px 17px; } 
.lianxi .divb .sdiva dd{ width:376px; overflow:hidden; display:inline-block; font-size:20px; line-height:34px; } 
.mgr30{ margin-right:36px;}



.warp5{ width:1200px; overflow:hidden; padding:0% 0% 7% 0%;}
/*.warp5_l{ width:310px; float:left; overflow:hidden; }
.warp5_l .diva{ width:310px; float:left; overflow:hidden; font-size:30px; text-align:center; color:#FFF; font-weight:bold; padding:35px 0px; background:#0027ab; }
.warp5_l .divb{ width:310px; float:left; overflow:hidden; background:#f5f7fa; }
.warp5_l .divb li{ width:280px; float:left; overflow:hidden; border-bottom:#dcdcdc solid 1px; padding:0px 15px;}
.warp5_l .divb li a{ display:block; font-size:18px; line-height:36px; background: url(../images/ico4.png) no-repeat center right; padding:26px 0px;}
.warp5_l .divb li a:hover{ display:block; font-size:18px; line-height:36px; background: url(../images/ico5.png) no-repeat center right;color:#0027ab;}
#er_on{ font-size:18px; line-height:36px; background: url(../images/ico5.png) no-repeat center right; color:#0027ab;}
.warp5_l .divb li:last-child{ border: none;}
*/

.warp5_l{ width:310px; float:left; overflow:hidden; }
 
.warp5_l .diva{ width:310px; float:left; overflow:hidden; text-align:center; background:#0027ab; }
.warp5_l .diva a{  font-size:30px;  color:#FFF; font-weight:bold; display:block; padding:35px 0px;  }
.warp5_l .diva a:hover{  font-size:30px;  color:#FFF; font-weight:bold; display:block; padding:35px 0px;  }


.warp5_l .divb{ width:310px; float:left; overflow:hidden; background:#f5f7fa; } 
ul.expmenu{width:310px; float:left;}
ul.expmenu li div.header{ width:280px;  padding:20px 15px; cursor:pointer; overflow:hidden;}
ul.expmenu li:last-child div.header{border-bottom:none;}
ul.expmenu li{ border-bottom:1px #dcdcdc solid; }	
ul.expmenu li:last-child{ border: none;} 

ul.expmenu li .menu{display:none; padding:0px 0px 20px 0px; }	
ul.expmenu li ul li {width:260px; padding:5px 25px;border-bottom:none; }
ul.expmenu li ul li a{ font-size:18px;line-height:30px; color:#555; }
ul.expmenu li ul li:last-child{border-bottom:none;}
ul.expmenu li div.header .label{ width:240px; overflow: hidden; float:left; }
ul.expmenu li div.header .label a{ width:240px; overflow: hidden;  display:block; font-size:22px; line-height:32px; color:#222; }
ul.expmenu li div.header .arrow{ display:block; width:12px; height:30px; background:no-repeat center;float:right;}
ul.expmenu li div.header .arrow.up{background-image:url(../images/arrow_u.png);}
ul.expmenu li div.header .arrow.down{background-image:url(../images/arrow_d.png);}
#nav_on{ color:#0027aa;}
#sj_on{ color:#0027aa;}








.warp5_r{ width:800px; float:right; overflow:hidden;}
.warp5_r .diva{ width:800px; float:left; overflow:hidden; margin-bottom:30px;}
.warp5_r .diva dt{ width:800px; float:left; overflow:hidden; font-size:36px; line-height:50px; font-weight:bold;margin-bottom:40px;}
.warp5_r .diva dd{ width:800px; float:left; overflow:hidden;}
.warp5_r .divb{ width:800px; float:left; overflow:hidden; position:relative; margin-top:30px;}
.warp5_r .divb .sdiva{ width:800px; float:left; overflow:hidden;}
.warp5_r .divb .sdiva img{ width:800px; height:250px; float:left; overflow:hidden; transition: all 0.8s; }
.warp5_r .divb .sdiva img:hover{transform: scale(1.1);}
.warp5_r .divb .sdivb{ width:100%; height:70px; float:left; overflow:hidden; position:absolute; left:0; bottom:0; background-color: rgba(255,255,255,.8);}
.warp5_r .divb .sdivc{  height:70px;float:left; overflow:hidden; position:absolute; left:40px; bottom:0; font-size:24px; line-height:70px; color:#444; background: url(../images/ico17.png) no-repeat center right; padding-right:30px; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; }

.warp5_r .divb a:hover .sdivc{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);}

 
.warp5_r .divc{ width:800px; float:left; overflow:hidden; margin-top:30px;}
.warp5_r .divc dt{ width:300px; float:left; overflow:hidden; margin-right:20px;}
.warp5_r .divc dt img{ width:300px; height:111px; float:left; overflow:hidden; transition: all 0.8s; }
.warp5_r .divc dt img:hover{transform: scale(1.1);}
.warp5_r .divc dd{ width:480px; height:111px; float:left; overflow:hidden; font-size:26px; line-height:111px; font-weight:bold; }






.warp6{ width:1200px; overflow:hidden;}
.warp6 .diva{ width:1200px; overflow:hidden; margin-bottom:30px; }
.warp6 .diva img{ width:350px; height:130px; float:left; overflow:hidden;  }
.warp6 .divb{ width:1200px; height:36px; overflow:hidden; border-bottom:#dcdcdc solid 1px; line-height:36px; padding-bottom:30px; margin-bottom:50px; }
.warp6 .divb dt{ width:5px; height:36px; overflow:hidden; float:left; background:#0027ab; margin-right:20px;}
.warp6 .divb dd{ height:36px; overflow:hidden; float:left; font-size:36px; font-weight:bold;}
.warp6 .divc{ width:1200px; overflow:hidden;  margin-bottom:60px; }
.warp6 .divd{ width:1200px; height:30px; overflow:hidden; text-align:right; line-height:30px; margin-bottom:80px; }
.warp6 .divd a{ font-size:18px; background: url(../images/ico4.png) no-repeat center right; padding-right:30px; }
.warp6 .divd a:hover{ font-size:18px; background: url(../images/ico5.png) no-repeat center right; padding-right:30px; }

.warp6 .dive{ width:1200px; overflow:hidden; margin-bottom:140px; }
.warp6 .dive .sdiva{ width:560px; overflow:hidden; float:left;}
.warp6 .dive .sdivb{ width:560px; overflow:hidden; float:right;}
.warp6 .divf{ width:1200px; overflow:hidden; margin-bottom:140px; }
.warp6 .divf .sdiva{ width:560px; overflow:hidden; float:left;}
.warp6 .divf .sdivb{ width:560px; overflow:hidden; float:right;}
.warp6 .divg{ width:1200px; overflow:hidden; margin-bottom:140px; }

.warp6 .divh{ width:1200px; overflow:hidden; margin-bottom:50px;  }
.warp6 .divh .sdiva{ width:1200px; overflow:hidden;  }
.warp6 .divh .sdiva .bg-img7{  width:1200px; float:left; overflow:hidden;  }
.warp6 .divh .sdiva .bg-img7 .isdiva{ width:1200px; overflow:hidden;  }
.warp6 .divh .sdiva .bg-img7 .isdiva img{ width:1200px; overflow:hidden; }
.warp6 .divh .sdiva .bg-img7 .isdivb{ width:376px; height:72px; overflow:hidden; text-align:center; font-size:18px; line-height:36px; padding:40px 0px 50px 0px;  }


 



.warp7{ width:100%; overflow:hidden; padding:5% 0% 5% 0%; background:#f5f7fa;}
.warp7 .diva{ width:1200px; overflow:hidden;  }
.warp7 .diva .sdiva{ width:1236px; overflow:hidden;  }
.warp7 .diva .sdiva .bg-img6{  width:376px; float:left; overflow:hidden; background:#FFF; text-align:center; margin-right:36px; margin-bottom:36px;}
.warp7 .diva .sdiva .bg-img6 .isdiva{ width:376px; overflow:hidden; }
.warp7 .diva .sdiva .bg-img6 .isdiva img{ width:100%; overflow:hidden; transition: all 0.8s;  }
.warp7 .diva .sdiva .bg-img6 .isdiva img:hover{transform: scale(1.1); }
.warp7 .diva .sdiva .bg-img6 .isdivb{ width:346px; height:36px; overflow:hidden; text-align:center; font-size:18px; font-weight:bold; line-height:36px; color:#222; padding:35px 15px 35px 15px; text-overflow: ellipsis; white-space: nowrap; }
.warp7 .diva .sdiva .bg-img6 .isdivc{ width:346px; overflow:hidden; font-size:18px; text-align:center; padding:0px 15px 35px 15px; }
.warp7 .diva .sdiva .bg-img6 .isdivc dt{ height:30px; overflow:hidden; font-size:18px; line-height:30px; display:inline-block;}
.warp7 .diva .sdiva .bg-img6 .isdivc dd{ width:26px; height:30px;  overflow:hidden; display:inline-block; background: url(../images/ico4.png) no-repeat center right;}
.warp7 .diva .sdiva .bg-img6 a:hover .isdivb{ color:#0027aa;}
.warp7 .diva .sdiva .bg-img6 a:hover .isdivc dd{  background: url(../images/ico5.png) no-repeat center right;}



.warp8{ width:1200px; overflow:hidden; padding:0% 0% 7.5% 0%;}
 
.mod18Box {width: 602px; float:left; overflow:hidden; }
.mod18{ width: 602px; height:724px; position: relative;  overflow:hidden;}
.mod18 .prev{ position:absolute; top:667px; cursor:pointer;z-index:99;  left:0; margin-left:10px; width:20px;height:20px; box-shadow:-3px 3px 0 0 #bfbfbf; transform:rotate(45deg) scale(1); display:block; overflow:hidden;}
.mod18 .prev:hover{ position:absolute; top:667px; cursor:pointer;z-index:99;  left:0; margin-left:10px; width:20px;height:20px; box-shadow:-3px 3px 0 0 #0027aa; transform:rotate(45deg) scale(1); display:block; overflow:hidden;}
.mod18 .next{ position:absolute; top:667px; cursor:pointer;z-index:99; right:0; margin-right:10px; width:20px; height:20px; box-shadow:-3px 3px 0 0 #bfbfbf; transform:rotate(-135deg) scale(1); display:block;  overflow:hidden;}
.mod18 .next:hover{ position:absolute; top:667px; cursor:pointer;z-index:99; right:0; margin-right:10px; width:20px; height:20px; box-shadow:-3px 3px 0 0 #0027aa; transform:rotate(-135deg) scale(1); display:block;  overflow:hidden;}
.mod18 li{float:left;}
.mod18 .picBox{height:600px; position:relative; overflow:hidden; border:1px solid #dcdcdc; margin-bottom:30px;}
.mod18 .picBox ul{height:600px; position:absolute;}
.mod18 .picBox li{width:600px; height:600px; overflow:hidden; }
.mod18 .picBox li img{width:100%; height:600px; overflow:hidden;  }
.mod18 .listBox{ width:524px; height:92px; position: relative; overflow: hidden; margin: 0 auto; }
.mod18 .listBox ul{height:92px; position:absolute;}
.mod18 .listBox li{width:108px;height:92px;cursor:pointer;position:relative; }
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:92px;height:92px;}
.mod18 .listBox li img{width:90px;height:90px; border:1px solid #dcdcdc;}
.mod18 .listBox .on img{width:90px;height:90px; border:1px solid #0027aa;}
.mod18 .listBox .on i{display:block;} 

.warp8 .divb{ width:500px; float:right; overflow:hidden; }
.warp8 .divb .sdiva{ width:500px; float:left; overflow:hidden; font-size:36px; line-height:50px; color:#222; font-weight:bold; margin-bottom:20px; }
.warp8 .divb .sdivb{ width:500px; float:left; overflow:hidden; font-size:18px; line-height:36px; margin-bottom:90px; }
.warp8 .divb .sdivc{ width:420px; height:70px; float:left; overflow:hidden; line-height:70px; margin-bottom:30px;}
.warp8 .divb .sdivc a{ width:360px; height:70px; float:left; overflow:hidden; display:block; background:#0027aa; padding:0px 30px; }
.warp8 .divb .sdivc a:hover{ background:#133cc3;  }
.warp8 .divb .sdivc a dt{ float:left; overflow:hidden; display:block;  color:#FFF; font-size:18px; }
.warp8 .divb .sdivc a i{  width:12px; height:12px; float:right; box-shadow:-2px 2px 0 0 #fff; transform:rotate(-135deg) scale(1); margin-top:29px; display:block;  overflow:hidden;}
 
  

.fanhui{ width:1200px; overflow:hidden; text-align:center; margin-bottom:30px;}
.fanhui a{ width:200px; height:70px; float:left; overflow:hidden; border:#dcdcdc solid 1px; border-radius:50px;  display: inline-block; line-height:70px; color:#444;}
.fanhui a:hover{ width:200px; height:70px; overflow:hidden; border:#0027aa solid 1px; background:#0027aa; display: inline-block; line-height:70px; color:#fff;}
.fanhui dt{ width:18px; height:70px; overflow:hidden; display:inline-block;  background: url(../images/ico13.png) no-repeat center left; margin-right:15px;}
.fanhui a:hover dt{  background: url(../images/ico14.png) no-repeat center left;}
.fanhui dd{ height:70px; font-size:18px; overflow:hidden; display:inline-block; }
.fanhui a:hover dd{ color:#FFF;}

 



@media (min-width:800px) {
 
 
.yyui_menu1 { height:70px; float:right; margin-top:0px; }
.yyui_menu1 li { float:left; position:relative; margin-left:40px;} /*这一级是导航*/
.yyui_menu1 li a { display:block;  line-height:70px; font-size:14px; color:#fff;}
.yyui_menu1 li a:hover { color:#fff;}
.yyui_menu1 li ul { position:absolute; float:left; display:none; background-color:#fff; padding:15px 0px;  z-index:99; } /*这是第二级菜单*/
.yyui_menu1 li ul li{ margin-left:0; width:180px;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:140px; padding:6px 20px; line-height:26px; font-size:12px; color:#555; background:url(../images/ico15.png) no-repeat center right ;}
.yyui_menu1 li ul a:hover {  color:#000;  background:url(../images/ico16.png) no-repeat center right ;}
.yyui_menu1 li ul ul{ top:-15px;left:180px; padding:15px 0px;background-color:#f5f7fa; } /*从第三级菜单开始,所有的子级菜单都相对偏移*/
.yyui_menu1 li ul ul li{ margin-left:0; width:260px;} /*这是第三级菜单*/
.yyui_menu1 li ul ul a { background:none; font-size:12px;}
.yyui_menu1 li ul ul a:hover { background:none; font-size:12px;}
 
  
 
.menu2{ height:44px; float:right; margin:19px 0px 0px 60px;}

.sousuo{ width:32px; height:32px; float:right; overflow:hidden; margin:19px 0px 0px 40px;}

 
} 

@media (min-width:1280px) { 
 
.yyui_menu1 { height:80px; float:right; margin-top:0px; }
.yyui_menu1 li { float:left; position:relative; margin-left:50px;} /*这一级是导航*/
.yyui_menu1 li a { display:block;  line-height:80px; font-size:14px; color:#fff;}
.yyui_menu1 li a:hover { color:#fff;}
.yyui_menu1 li ul { position:absolute; float:left; display:none; background-color:#fff; padding:15px 0px;  z-index:99; } /*这是第二级菜单*/
.yyui_menu1 li ul li{ margin-left:0; width:180px;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:140px; padding:6px 20px; line-height:26px; font-size:12px; color:#555; background:url(../images/ico15.png) no-repeat center right ;}
.yyui_menu1 li ul a:hover {  color:#000;  background:url(../images/ico16.png) no-repeat center right ;}
.yyui_menu1 li ul ul{ top:-15px;left:180px; padding:15px 0px;background-color:#f5f7fa; } /*从第三级菜单开始,所有的子级菜单都相对偏移*/
.yyui_menu1 li ul ul li{ margin-left:0; width:270px;} /*这是第三级菜单*/
.yyui_menu1 li ul ul a { background:none;font-size:12px;}
.yyui_menu1 li ul ul a:hover { background:none;font-size:12px;}
 
  

.menu2{ height:44px; float:right; margin:24px 0px 0px 60px;}

.sousuo{ width:32px; height:32px; float:right; overflow:hidden; margin:24px 0px 0px 40px;}

} 


@media (min-width:1400px) {
 
.yyui_menu1 { height:80px; float:right; margin-top:0px; }
.yyui_menu1 li { float:left; position:relative; margin-left:60px;} /*这一级是导航*/
.yyui_menu1 li a { display:block;  line-height:80px; font-size:22px; color:#fff;}
.yyui_menu1 li a:hover { color:#fff;}
.yyui_menu1 li ul { position:absolute; float:left; display:none; background-color:#fff; padding:15px 0px;  z-index:99; } /*这是第二级菜单*/
.yyui_menu1 li ul li{ margin-left:0; width:180px;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:140px; padding:6px 20px; line-height:26px; font-size:16px; color:#555; background:url(../images/ico15.png) no-repeat center right ;}
.yyui_menu1 li ul a:hover {  color:#000;  background:url(../images/ico16.png) no-repeat center right ;}
.yyui_menu1 li ul ul{ top:-15px;left:180px; padding:15px 0px;background-color:#f5f7fa; } /*从第三级菜单开始,所有的子级菜单都相对偏移*/
.yyui_menu1 li ul ul li{ margin-left:0; width:360px;} /*这是第三级菜单*/
.yyui_menu1 li ul ul a { background:none; font-size:16px;}
.yyui_menu1 li ul ul a:hover { background:none; font-size:16px;}
 
  

.menu2{ height:44px; float:right; margin:24px 0px 0px 60px;}

.sousuo{ width:32px; height:32px; float:right; overflow:hidden; margin:24px 0px 0px 40px;}

 
} 


@media (min-width:1440px) {
 
 
.yyui_menu1 { height:80px; float:right; margin-top:5px; }
.yyui_menu1 li { float:left; position:relative; margin-left:60px;} /*这一级是导航*/
.yyui_menu1 li a { display:block;  line-height:80px; font-size:22px; color:#fff;}
.yyui_menu1 li a:hover { color:#fff;}
.yyui_menu1 li ul { position:absolute; float:left; display:none; background-color:#fff; padding:15px 0px;  z-index:99; } /*这是第二级菜单*/
.yyui_menu1 li ul li{ margin-left:0; width:180px;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:140px; padding:6px 20px; line-height:26px; font-size:14px; color:#555; background:url(../images/ico15.png) no-repeat center right ;}
.yyui_menu1 li ul a:hover {  color:#000;  background:url(../images/ico16.png) no-repeat center right ;}
.yyui_menu1 li ul ul{ top:-15px;left:180px; padding:15px 0px;background-color:#f5f7fa; } /*从第三级菜单开始,所有的子级菜单都相对偏移*/
.yyui_menu1 li ul ul li{ margin-left:0; width:320px;} /*这是第三级菜单*/
.yyui_menu1 li ul ul a { background:none; font-size:14px;}
.yyui_menu1 li ul ul a:hover { background:none; font-size:14px;}
 
  
 
.menu2{ height:44px; float:right; margin:29px 0px 0px 60px;}

.sousuo{ width:32px; height:32px; float:right; overflow:hidden; margin:29px 0px 0px 40px;}

 

} 

@media (min-width:1600px) {
 
.yyui_menu1 { height:80px; float:right; margin-top:12px; }
.yyui_menu1 li { float:left; position:relative; margin-left:60px;} /*这一级是导航*/
.yyui_menu1 li a { display:block;  line-height:80px; font-size:22px; color:#fff;}
.yyui_menu1 li a:hover { color:#fff;}
.yyui_menu1 li ul { position:absolute; float:left; display:none; background-color:#fff; padding:15px 0px;  z-index:99; } /*这是第二级菜单*/
.yyui_menu1 li ul li{ margin-left:0; width:180px;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:140px; padding:6px 20px; line-height:26px; font-size:16px; color:#555; background:url(../images/ico15.png) no-repeat center right ;}
.yyui_menu1 li ul a:hover {  color:#000;  background:url(../images/ico16.png) no-repeat center right ;}
.yyui_menu1 li ul ul{ top:-15px;left:180px; padding:15px 0px;background-color:#f5f7fa; } /*从第三级菜单开始,所有的子级菜单都相对偏移*/
.yyui_menu1 li ul ul li{ margin-left:0; width:360px;} /*这是第三级菜单*/
.yyui_menu1 li ul ul a { background:none; font-size:16px;}
.yyui_menu1 li ul ul a:hover { background:none; font-size:16px;}
 
  

.menu2{ height:44px; float:right; margin:29px 0px 0px 60px;}

.sousuo{ width:32px; height:32px; float:right; overflow:hidden; margin:29px 0px 0px 40px;}
 
 
} 

@media (min-width:1680px) {
 
 
.yyui_menu1 { height:80px; float:right; margin-top:13px; }
.yyui_menu1 li { float:left; position:relative; margin-left:60px;} /*这一级是导航*/
.yyui_menu1 li a { display:block;  line-height:80px; font-size:22px; color:#fff;}
.yyui_menu1 li a:hover { color:#fff;}
.yyui_menu1 li ul { position:absolute; float:left; display:none; background-color:#fff; padding:15px 0px;  z-index:99; } /*这是第二级菜单*/
.yyui_menu1 li ul li{ margin-left:0; width:180px;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:140px; padding:6px 20px; line-height:26px; font-size:16px; color:#555; background:url(../images/ico15.png) no-repeat center right ;}
.yyui_menu1 li ul a:hover {  color:#000;  background:url(../images/ico16.png) no-repeat center right ;}
.yyui_menu1 li ul ul{ top:-15px;left:180px; padding:15px 0px;background-color:#f5f7fa; } /*从第三级菜单开始,所有的子级菜单都相对偏移*/
.yyui_menu1 li ul ul li{ margin-left:0; width:360px;} /*这是第三级菜单*/
.yyui_menu1 li ul ul a { background:none; font-size:16px;}
.yyui_menu1 li ul ul a:hover { background:none; font-size:16px;}
 
  

.menu2{ height:44px; float:right; margin:34px 0px 0px 60px;}

.sousuo{ width:32px; height:32px; float:right; overflow:hidden; margin:34px 0px 0px 40px;}

 
 

} 

@media (min-width:1920px) {

 
 
.yyui_menu1 { height:80px; float:right; margin-top:15px; }
.yyui_menu1 li { float:left; position:relative; margin-left:60px;} /*这一级是导航*/
.yyui_menu1 li a { display:block;  line-height:80px; font-size:22px; color:#fff;}
.yyui_menu1 li a:hover { color:#fff;}
.yyui_menu1 li ul { position:absolute; float:left; display:none; background-color:#fff; padding:15px 0px;  z-index:99; } /*这是第二级菜单*/
.yyui_menu1 li ul li{ margin-left:0; width:180px;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:140px; padding:6px 20px; line-height:26px; font-size:16px; color:#555; background:url(../images/ico15.png) no-repeat center right ;}
.yyui_menu1 li ul a:hover {  color:#000;  background:url(../images/ico16.png) no-repeat center right ;}
.yyui_menu1 li ul ul{ top:-15px;left:180px; padding:15px 0px;background-color:#f5f7fa; } /*从第三级菜单开始,所有的子级菜单都相对偏移*/
.yyui_menu1 li ul ul li{ margin-left:0; width:360px;} /*这是第三级菜单*/
.yyui_menu1 li ul ul li a { background:none;width:360px; display:block; overflow:hidden;}
.yyui_menu1 li ul ul li a:hover { background:none;width:360px;}
 
 
  

 
.menu2{ height:44px; float:right; margin:39px 0px 0px 60px;}

.sousuo{ width:32px; height:32px; float:right; overflow:hidden; margin:39px 0px 0px 40px;}
 
}  
