@charset "utf-8"; /* CSS Document */ 

* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle; max-width:100%;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; line-height:1.6;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";    font-family: "Montserrat", Sans-serif;}
table ,tr, td { margin: auto; padding:0; margin:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
@media screen and (min-width:320px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:16px;} 
.tt6{font-size:18px;} 
.tt7{font-size:19px;} 
.tt8{font-size:20px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 414px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:16px;} 
.tt6{font-size:18px;} 
.tt7{font-size:18px;} 
.tt8{font-size:20px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 480px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:18px;} 
.tt6{font-size:18px;} 
.tt7{font-size:20px;} 
.tt8{font-size:22px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 640px) {
.tt1{font-size:12px;} 
.tt2{font-size:14px;} 
.tt3{font-size:16px;} 
.tt4{font-size:18px;} 
.tt5{font-size:18px;} 
.tt6{font-size:20px;} 
.tt7{font-size:20px;} 
.tt8{font-size:22px;} 
.tt9{font-size:28px;} 
.tt10{font-size:30px;} 
.tt11{font-size:30px;} 
.tt12{font-size:48px;}
}
@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;} 
.mhj{ height:5px;} 
.mhj2{overflow:hidden; clear:both; height:10px;}
}
@media (min-width:769px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:24px;} 
.tt8{font-size:24px;} 
.tt9{font-size:32px;} 
.tt10{font-size:36px;} 
.tt11{font-size:40px;} 
.tt12{font-size:60px;} 
.mhj{ height:20px;} 
.fl{ float:left;} 
.fr{ float:right;} 
.pc{ display:block;} 
.app{ display:none;} 
.mhj{ height:10px;} 
.mhj2{overflow:hidden; clear:both; height:20px;}
}
@media (min-width:1024px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:28px;} 
.tt8{font-size:32px;} 
.tt9{font-size:36px;} 
.tt10{font-size:40px;} 
.tt11{font-size:48px;} 
.tt12{font-size:68px;} 
.pc{ display:block;} 
.app{ display:none;}
}
@media (min-width:1180px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:28px;} 
.tt8{font-size:32px;} 
.tt9{font-size:36px;} 
.tt10{font-size:40px;} 
.tt11{font-size:48px;} 
.tt12{font-size:68px;} 
.pc{ display:block;} 
.app{ display:none;}
} 
.clear { clear: both; }
/*头部*/ 
/*.head{ position:relative;}*/
.header{ position:fixed; top:0; left:0; width:100%; z-index:999999999999;}

#header{ position:fixed; top:0; left:0; width:100%; z-index:999999999999; background:url(../images/headbg.png) repeat}
.topbg{ background:url(../images/topbg.png) top center;}
.top{ line-height:2; color:#FFF; padding:5px 0; width:96%; max-width:1300px;margin:0px auto;clear:both; height:30px;}
.top_p1{ float:left}
.top_p1 a{ margin-right:10px;}
.top_p2{ float:right}
.top_p2 a{ margin-left:10px;color:#FFF;}


.wx1{position: relative;}
.wx2{ display:none; }
.wx1:hover .wx2{ display: block; position:absolute; right:0; width:100px; z-index:999999999999999}


.lang{position: relative;}
.langgd{ display:none; }
.lang:hover .langgd{ color:#333; display: block; position:absolute;width:100px;  z-index:9999999999; right:0; background:#FFF; margin-top:-5px;}
.lang:hover .langgd a{ color:#333; }

.top_p21{  text-align:right; line-height:2;  }
.top_p22{ text-align:right;line-height:2}
.tel{ float:right; padding:6px 20px 8px 20px;background: #2ab939; color:#FFF; font-size:20px; font-weight:bold; fbox-sizing: border-box; border-radius: 20px; margin-top:5px} 
 
.sou{  width:300px; float:left}
.sear1{ background:#fff; border:1px solid #3863c9; line-height:30px; width:100%;}
.sear2{ border:none; padding:0; margin:0; background:#3863c9; color:#FFF; width:60px; line-height:32px;}
.lang{ float:right; margin-left:20px;}
.lang a{ margin-left:10px;}

.head{ width:100%; max-width:1400px;margin:0 auto;  }
.logo_p1{ float:left; padding:15px 0; width:300px;}
.nav { float:right; width: auto}
.nav_c{ width:100%; position:relative; clear:both;} 
.nav_c .nav_1{ position: relative;text-align: center; padding:0 20px; float:left; font-size:16px;}
.nav_1a{ display:block; line-height:80px; color:#FFF;}
.nav_1:hover .nav_1a{ color:#fff; border-bottom:3px solid #8cc224}
.nav_1 a.nav_1_a { color:#fff;} 
.nav_1a2{display:block; margin-top:25px;}
.nav_1a3{ font-weight:bold;}
.nav_warp { background-color: #fff; position: absolute; top:50px; right:0; min-width:100%; width: auto; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;} 
.nav_warp a{ display:block; color:#333; line-height:40px; text-align:center; border-bottom:1px solid  rgba(255,255,255,0.8); font-size:14px; padding:0 5px;}
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:rgba(0,91,172,0.8);}
.nav_2{ float:right; margin-top:15px;  margin-left:8px;}


.btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px;  background-color: #fff; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #fff; } 
.nav-item { margin: 40px auto; text-align: center; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.btn-nav.close.icon-bar { z-index: 999999; background-color: #3863c9; } 
.btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.btn-nav.close .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 


@media screen and (max-width:1023px)and (min-width:300px) { 
.header { width: 100%; display: none;} 
.head_logo { max-width:80%;} 
.head_logo a { display: block; cursor: pointer; padding:0 10px ;} 
.head_logo img { height: auto;} 
.cai { padding:10px 0;   background:url(../images/headbg.png) repeat; position:relative;display:block;width:100%; z-index:99999;} 
.cbg{ }
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:0px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} 
.mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; float:left; width:calc(50% - 20px);} 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #fff; } 
.mnav .mnavhor dl dd a:hover { color: #0090ff; } 
.mnav .mnavhor dl .mnavdd a { color: #0090ff } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; } 
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;} 
.mnavdl a:last-child{ border:none;}
.cai2 {/* width: 100%;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/display:block;width:100%; z-index:99999; position: relative;} 
.cai2 .btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.cai2 .icon-bar { background-color: #333; } 
} 
.main,.link,.foot { width:96%; max-width:1400px;margin:0px auto;overflow:hidden;clear:both;}
.main2{ width:96%; max-width:1400px;margin:0 auto;}
.head2{ width:96%; max-width:1400px;margin:0 auto;} 
.hj{overflow:hidden; clear:both; height:10px;}
.hj2{overflow:hidden; clear:both; height:20px;}
.hj3{overflow:hidden; clear:both; height:30px;}
.hj4{overflow:hidden; clear:both; height:40px;}
.hj5{overflow:hidden; clear:both; height:50px;}
.pp1{ padding:1% 0;}
.pp2{ padding:2% 0;}
.pp3{ padding:3% 0;}
.pp4{ padding:4% 0;}
.pp5{ padding:5% 0;}
.clear{ overflow:hidden; clear:both;}
.img1{ display:block; position:relative; width:100%; padding-bottom:75%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:75%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:125.42%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:142.35%;overflow:hidden;}
.img5{ display:block; position:relative; width:100%; padding-bottom:100%;overflow:hidden;}

.img6{ display:block; position:relative; width:100%; padding-bottom:104%;overflow:hidden;}
.img7{ display:block; position:relative; width:100%; padding-bottom:57.14%;overflow:hidden;}

.img8{ display:block; position:relative; width:100%; padding-bottom:100%;overflow:hidden;}
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.img1,.img2,.img3,.img4,.img5,.img6,.img7,.img8{ overflow:hidden;}
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img{  cursor: pointer; transition: all 0.8s;}
.img1:hover img,.img2:hover img,.img3:hover img,.img4:hover img,.img7:hover img,.img8:hover img,.img6:hover img{ transform: scale(1.1);}
.img5:hover img{ transform: scale(0.9);}
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 
.qq{ width:100%; margin:0 auto; position:relative;} 
.fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;} 
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%;} 
.fullSlide .bd ul{width:100% !important; height:100%;} 
.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;} 
.fullSlide .bd li a{display:block;  position:absolute; bottom:0; left:0; width:96%; padding:5px 2%; color:#fff; text-align:left;}
.fullSlide .hd{position:absolute;z-index:1;bottom:12px;right:0px; width:100%;height:22px;line-height:20px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px; overflow:hidden;background:#fff;filter:alpha(opacity=100);opacity:1;line-height:999px; margin:8px; border-radius:6px;}
.fullSlide .hd ul .on{background:#2d78f5;width:12px;height:12px; }
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:1%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:1%;background-position:-6px -137px;}

  .fullSlide .bd li .video {
    background-size: cover !important;
  }


.none {display: none;}


.tit1_p1{ text-align:center}
.tit1_p11{ color:#000; font-weight:700}
.tit1_p12{ color:#555;text-transform: uppercase}

.nr1_p1{ margin:0 0%; clear:both}
.nr1_p1 li{ float:left; width:calc(31.33% - 2px); margin:1% 1%; }
.nr1_p11 { text-align:center; position:relative; } 
.nr1_p11 img { border-radius:15px;}
.nr1_p12 { text-align:center;line-height:2; padding:5px 0; width:100%; background:url(../images/cptbg.png) repeat; position:absolute; bottom:0px; left:0px; border-bottom-right-radius:15px;border-bottom-left-radius:15px;}  
.nr1_p12 a { color:#fff} 

 
.gsjj_p1{color:#000; line-height:2; clear:both; overflow:hidden}
.more1{border-radius:15px;  border:1px solid #1d73e4; color:#1d73e4; margin:0 auto; width:150px; text-align:center; padding:5px 0; display:block}
.more1:hover{ background:#1d73e4; color:#FFF }

.bg1{ background:url(../images/bg1.jpg) top center no-repeat;}
.shuzi{ color:#fff; margin:0 -1%}
.shuzi li{ float:left; width:23%; line-height:1.5; text-align:center; margin:0 1%; padding:3% 0 ;}
.shuzi span { font-weight:bold; color:#fff}
.shuzi b {  }
.shuzi p{ color:#fff; margin-top:5px; font-weight:bold} 




.nr1_p2{ margin:1% 0%; clear:both}
.nr1_p2 li{ float:left; width:30.33%; margin:1% 1.5%;text-align:center;border-radius:15px;color:#000;  background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.nr1_p21 { padding:10% 3% 3% 3%;}
.nr1_p22 {  padding:1% 3%; font-weight:bold}
.nr1_p23 { text-align:center; line-height:2; padding:5% 8%;}

.nr1_p2 li:hover .nr1_p22{ color:#01438c}
.nr1_p2 li:hover .nr1_p23{ color:#01438c}

.nr1_p3{ clear:both;border-radius:15px;color:#000; padding:5% 5% ;  background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } 
.nr1_p31 { text-align:center;  } 
.nr1_p32 { text-align:center;  line-height:2; padding-top:15px }  
.nr1_p32 a { }  
.bg2{ background:url(../images/bg2.jpg) top center no-repeat;}

.nr1_p4{  clear:both}
.nr1_p4 li{ float:left; width:23%; margin:1%  1%; border-radius:15px;color:#000; background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);  }
.nr1_p41 { text-align:center; padding:2%;  } 
.nr1_p42 { text-align:center;  line-height:2; padding:5px 0 }  
.nr1_p42 a { }  





.nr1_p5{ margin:1% -1%; clear:both}
.nr1_p5 li{ float:left; width:21%; margin:0%  1%; padding:1%; border-radius:15px;color:#000; background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);  }
.nr1_p51 { text-align:center; padding:2%;  } 
.nr1_p52 { text-align:left;  line-height:1.5; padding:5px 0; font-weight:600; height:50px }  
.nr1_p52 a { color:#000 }  
.nr1_p53 { text-align:left; color:#797979;  line-height:2; padding:5px 0 }  

.more2{border-radius:10px;  background:#3b81f5;  color:#fff;   width:100px; text-align:center; padding:5px 0; display:block}



.footbg{ background:#2d78f5; color:#FFF; }
.footbg a{  color:#FFF}
.foot_p1{ float:left; width:25%;  text-align:left; padding:20px 0}
.foot_p2{ float:left; width:55%;  text-align:left ; padding-left:30px; line-height:2; padding-top:10px;}
.foot_p3{ float:right; width:15%; text-align:right;padding-top:20px; line-height:2 }
.ftit a { color:#FFF}
.ftit li { float:left; width: 33%;   }
.ftit_p1 { line-height:2.5}
.ftit_p1 a { color:#FFF; }
.ftit_p2 a { display:block; line-height:2 }
.ftit li:first-child{ padding-left:0px;}

.copybg2{ color:#FFF; text-align:center; line-height:2 ; border-top:1px solid #38aae1}
.copybg2 a{ color:#FFF;  }





 


.slogi{ text-align:center; padding:5% 0}

.catelb{ text-align:center}
.cate{  display: inline-block;padding: 0 10px;width: auto; text-align: center;}
.cate a{ padding: 6px 15px;margin: 0 10px; display: inline-block;line-height: 20px;color: #757575; background: none; border:1px solid #b6b6b6;border-radius:5px;}
.cate a:hover{background:#01438c;color:#fff; }
.cate a.active {background:#01438c;color:#fff;}


.ab_p1{ float:right; width:32%;  padding-top:10px;padding-left:10px; }
 
.ab_p2{ float:left; width:63%; } 
.ab_p21{  }
.ab_p22{ color:#000; font-weight:bold; margin-bottom:10px; text-align:left}
.ab_p23{ color:#555; line-height:1.8}




.zj_p1{ width:100%; background:#f4f4f4; clear:both; overflow:hidden}
.zj_p11{ width:50%; float:left}
.zj_p12{ width:50%; float:right}
.zj_p120{ width:600px; margin-left:5%; padding:5% 0 }
.zj_p121{ line-height:2; color:#0094db; font-weight:bold}
.zj_p122{ line-height:2; margin:3% 0}
.zj_p123{ text-align:left}
 




 
.nr3_p1{ margin:0 -1%; clear:both}
.nr3_p1 li{ float:left; width:31.33%; margin:1% 1%;   border-top:1px solid #eee  }
.nr3_p11 { text-align:left;  padding:5px 0} 
.nr3_p12 { text-align:left;line-height:2; font-weight:bold }  
.nr3_p12 a { color:#333}  
.nr3_p13 { text-align:left;line-height:2; padding:5px 0; color:#666}  
.nr3_p14 { text-align:center;line-height:2; }  
.bg3{ background:#eee;  }

.pagesb{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pagesb a,.pagesb span{color: #666;padding: 0 10px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pagesb a:hover{display:inline-block;color: #fff;background: #128eea;border-color: #9c0e11;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pagesb span{display:inline-block;color: #666;}
.pagesb a.page-num-current{display:inline-block;color: #fff;background: #128eea;border-color: #128eea;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.weizhi{ width:100%; max-width:1400px;margin:0px auto; } 
.bread{ text-align:left; color:#FFF;position: absolute ; bottom:10px;}
.bread a{color:#FFF; }

.lbbg{width:100%; border-bottom:1px solid #ddd}

.fenlei{  }
.fenlei li{ float:left; width: auto ; padding:10px 30px; }
.fenlei li.active{ background:#1e5aa1}
.fenlei li.active a{ color:#FFF }

.fenlei li:hover{ background:#1e5aa1}
.fenlei li:hover a{ color:#FFF }
.about{ line-height:2; padding:20px 30px; background:#FFF; min-height:500px;}
.about_p1{ text-align:left; font-weight:bold}
.about_p2{ text-align:left; }
.ftlink{ clear:both }
.ftlink li {float:left; width:calc(100% / 7); text-align:center; }
.nr_left{ float:left; width:200px;}
.nr_right{ float:right;width:calc(100% - 220px)}
.cptop{ background:#1e5aa1;border-radius:5px; text-align:center; padding:10px; color:#FFF; font-weight:bold}

.cplb{  }
.cplb li{ border:1px solid #e6e6e6; background:none; border-radius:5px; text-align:center; margin:10px auto; line-height:2; padding:3px 0}
.cplb li.active{ background:#1e5aa1;border:1px solid #1e5aa1;}
.cplb li.active a{ color:#FFF }
.cplb li:hover{ background:#1e5aa1;border:1px solid #1e5aa1;}
.cplb li:hover a{ color:#FFF }

.down{ text-align:center}	
.down a{ background:#1e5aa1; padding:10px 30px;border-radius:5px;color:#FFF  }	
.nr_con1{ background:#efefef;}	
.nr_con11{ background:#1e5aa1; padding:10px 20px; width:120px; text-align:center; color:#FFF }	
.nr_con2{ line-height:2}
.infoprevnext{ text-align:left}
.tit_p2{ border-left:4px solid #fed602; padding-left:10px; line-height:1.2}



.tit_p3{ text-align:center; color:#1e5aa1; font-weight:bold}

.mess{ clear:both; overflow:hidden; margin:0 auto; width:70% }
.mess li { float:left; width:calc(96% - 20px); margin:1% 2%; }
.inp1 { width:100%; border-radius: 10px; line-height:1.5; padding:10px 10px; border:1px solid #ced4da }
.inp2 { width:100%; border-radius: 10px; line-height:1.5; padding:10px 10px; border:1px solid #ced4da; height:120px; }
.bgtj{ margin:0 auto; text-align:center}
.submut_btn{border-radius: 15px; background:#01438c; color:#FFF; padding:12px 45px; border:none}

.jishu_p1{ clear:both; overflow:hidden;}
.jishu_p1 li{ width:100%; float:left; border-bottom:1px solid #e3e3e3; padding:15px 0; }
.jishu_p10 { float:left; width:calc(100% - 140px)}  
.jishu_p14 { float:right; padding-top:30px}  

.jishu_p11 { color:#000; padding:5px 0;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:2} 
.jishu_p12 { text-align:left; line-height:2}  
.jishu_p13{ color:#777777;line-height:2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
.more5{ background:#647bc2; padding:3px 15px; color:#FFF;border-radius: 15px;display:block; width:85px; text-align:center }
 a.more5:hover{ background:#0129a2;}
 
 
 .news_nr{clear:both; overflow:hidden; background:#FFF; padding:20px; }
.news_tit{ text-align:center; font-weight:700; color:#000}
.news_desc{ text-align:center;   color:#6f6f6f; border-bottom:1px solid #e3e3e3; padding:25px 0}
.news_content{ line-height:2; text-align:left;padding:15px 0; min-height:300px}
.news_content img { max-width:100%}
-------[=产品详情]-------

********************************/

.m-list1{

	overflow: hidden;

	padding: 14px 0 25px;

	border-bottom: 1px dotted #a9a9a9;

}

.m-pic1{

	float: left;

	width: 43%;

}

.m-txt1{

	overflow: hidden;

	padding-left: 38px;
	

}

.m-txt1 h3{



	border-bottom: 1px dotted #a9a9a9;
	color:#000; font-weight:bold

}
.protit{border-bottom: 1px dotted #a9a9a9;
	color:#000; font-weight:bold;
	padding-bottom: 9px;

	margin-bottom: 9px;}
.m-txt1 .txt{
	line-height:2;
	color: #333;

 

}

.m-txt1 .txt p{

	line-height: 28px;

	margin-bottom: 10px;

 

	color: #333;

}



.m-txt1 .btn{

	display: block;

	width: 98px;

	height: 32px;

	line-height: 32px;

	padding-left: 15px;

	background-color: #dd433b;

	color: #fff;

}

.m-txt1 .btn:hover{

	background-color: #444;

}

.m-txt1 .btn span{

	display: block;

	padding-left: 15px;

	background-repeat: no-repeat;

	background-position: left center;

	background-image: url(http://pboot.xiuzhanwang.net/pb260/skin/images/icon13.png);

}

.m-txt1 .btnc{

	display: block;

	width: 180px;

	height: 32px;

	line-height: 32px;

	padding-left: 15px;

	background-color: #dd433b;

	color: #fff;
	font-size:16px

}

.m-txt1 .btnc:hover{

	background-color: #444;

}

.m-txt1 .btnc span{

	display: block;

	padding-left: 30px;

	background-repeat: no-repeat;

	background-position: left center;

	background-image: url(../images/i10.png);

}



.m-txt2{

	margin-top: 25px;

}

.m-txt2 p{

	font-size: 14px;

	line-height: 26px;

	margin-bottom: 10px;

}



.ul-txt2{

	overflow: hidden;

	margin: 20px 0 50px;

}

.ul-txt2 li{

	float: left;

	font-size: 14px;

}

.ul-txt2 li:last-child{

	float: right;

}



.ul-txt2 li a{

	color: #337AB7;

		transition: .3s;

		-ms-transition: .3s;

		-moz-transition: .3s;

		-webkit-transition: .3s;

		-o-transition: .3s;

}

.ul-txt2 li a:hover{

	color: #dd433b;

}

/*产品详情图片*/

.pc-slide {

    width: 100%;

    margin: 0 auto;

}

.view .swiper-slide .imgauto {

    width: 100%;

    height: 350px;

    line-height: 350px;

}

.view .swiper-slide .imgauto img {

    width: 100%;

}

.view .swiper-container {

    width: 100%;

}



.preview {

    width: 100%;

    margin-top: 10px;

    position: relative;

}



.preview .swiper-container {

    width: 80%;

    margin: 0 10%;

}



.preview .swiper-slide {

    width: 25%;

    padding: 5px;

}

.preview .swiper-slide .imgauto {

	width: 100%;

	height: 80px;

	line-height: 80px;

	border: 1px solid #ddd;

	text-align: center;

}

.preview .swiper-slide .imgauto img {

	display: inline-block;

	vertical-align: middle;

	max-width: 93%;

	max-height: 100%;

	padding: 5px;

}



.preview .slide6 {

    width: 82px;

}



.preview .arrow-left {

    background: url(../images/feel3.png) no-repeat left top;

    position: absolute;

    left: 10px;

    top: 50%;

    margin-top: -9px;

    width: 9px;

    height: 18px;

    z-index: 10;

}



.preview .arrow-right {

    background: url(../images/feel4.png) no-repeat left bottom;

    position: absolute;

    right: 10px;

    top: 50%;

    margin-top: -9px;

    width: 9px;

    height: 18px;

    z-index: 10;

}



.preview img {

    padding: 1px;

}



.preview .active-nav .imgauto {

    border: 1px solid #dd433b;

}



.clearfix {

    *zoom: 1;

}



.clearfix:after {

    content: " ";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.work_list {

	width: 100%;

	padding-top: 12px;

	margin-bottom: 20px;

}

.work_list h3 {

	line-height: 44px;

    background: url(../images/icon12.png) 95% center no-repeat;

    text-indent: 20px;

    background-size: auto 10px;

    border-bottom: 1px solid #f2f2f2;

    width: 100%;

    float: left;

}

.work_list h3 a {

	float: left;

	line-height: 44px;

    color: #666;

    font-size: 14px;

    text-indent: 0;

    padding-left: 5px;

    font-weight: normal

}

.work_list h3.on a {

	font-weight: bold;

}

.work_list h3 span {}



.work_list ul {

	display: none;

	float: left;

	width: 100%;

}

.work_list li {

	background: url(../images/icon12.png) 18px 15px no-repeat;

    text-indent: 26px;

    display: block;

    border-bottom: 1px solid #f2f2f2;

    width: 100%;

    line-height: 42px;

    background-size: 5px;

}

.work_list li a {

    display: block;

    color: #666;

    font-size: 14px;

    text-indent: 0;

    padding-left: 30px;

}

/* 放大镜 */





div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}

div.zoomMask{position:absolute;background:url(http://pboot.xiuzhanwang.net/pb260/skin/images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}





.udede-showcase {margin-bottom: 30px;}

.udede-showcase-pic {position: relative;width: 100%;overflow: hidden;float: left;}

.udede-showcase-pic .bd {font-size: 0;margin-top: 13px;overflow: hidden;}

.udede-showcase-pic .bd li {height: 75px;line-height: 75px;cursor: pointer;display: inline-block;width: 99px;border: 1px solid #ddd;padding: 1px;margin: 0 5px;}

.udede-showcase-pic .bd li.active {border-color: #c80003;}

.udede-showcase-pic .prev,.udede-showcase-pic .next {position: absolute;background: no-repeat 0 0;width: 14px;height: 27px;bottom: 26px;z-index: 2;}

.udede-showcase-pic .prev {background-image: url(http://pboot.xiuzhanwang.net/pb260/skin/images/zlztdetailscon1btn01.png);left: 0;}

.udede-showcase-pic .next {background-image: url(http://pboot.xiuzhanwang.net/pb260/skin/images/zlztdetailscon1btn02.png);right: 0;}

.udede-showcase-pic .prev:hover,.udede-showcase-pic .next:hover {background-position: 0 bottom;}

.udede-showcase-pic .cover {height: 300px;line-height: 300px;border: 1px solid #ddd;padding: 1px;}

.udede-showcase-pic .cover a{

	display: block;

	width: 100%;

	height: 100%;

}

.udede-showcase-info {float: right;width: 500px;}

.udede-showcase-info h1 {margin: 0 0 15px;font-size: 20px;overflow: hidden;font-weight: normal;border-bottom: 1px solid #ddd;padding-bottom: 15px;}

.udede-showcase-info p {margin: 0;color: #666;line-height: 2;}

.udede-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(http://pboot.xiuzhanwang.net/pb260/skin/images/viskins-p1.png) no-repeat 0 15px;height: 42px;padding-left: 50px;line-height: 21px;}

.udede-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #c80003;color: #fff;}

.udede-showcase-info .tel span {display: block;color: #c80003;font-size: 18px;}

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}

div.zoomDiv img{

	max-width: none;

}

div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}



.img-center {text-align: center;font-size: 0;}

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





.m_pic_showpic {

    display: none;

}

.m_showpic img {

    display: block;

    max-width: 100%;

}
.cp_tit1{ text-align:left; line-height:2; border:1px solid #eee; clear:both; overflow:hidden; }
.cp_tit2{ background:#1e5aa1; color:#FFF; width:15%; text-align:center; padding:3px 10px;}
.cp_con{ text-align:left; line-height:2; padding:2% 0; min-height:350px;}
.cp_con img{ max-width:100%;}
.cp_next{ text-align:left; background:#ededed; padding:5px 10px; margin-top:15px;}

.i_about {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.i_about_con {
    width: 1180px;
    margin: 0 auto;
}

.sy_about {
    width: 100%;
    overflow: hidden;
    clear: both;
    display: block;
    height: 76px;
    text-align: center;
    font-weight: 100;
    font-family: Verdana;
    padding-top: 40px;
    margin-bottom: 20px;
}

 .sy_about em {
    display: block;
    font-size: 28px;
    color: #037DE7;
    width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.sy_about i {
    display: block;
    font-size: 23px;
    font-style: normal;
    color: #989b9b;
    width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}


.i_about_con .aboutCont {
    width: 1180px;
    height: 350px;
    margin-top: 10px;
    border: 2px solid #037DE7;
}

.i_about_con .aboutCont .img {
    width: 500px;
    float: left;
    height: 350px;
    margin-left: -50px;
    margin-top: -50px;
}

.i_about_con .aboutCont .img img {
    width: 500px;
    height: 350px;
}

.i_about_con .aboutTxt {
    width: 610px;
    float: left;
    margin-left: 50px;
}

.i_about_con .aboutTxt .aTit {
    margin-top: 50px;
    font-size: 24px;
    color: #333;
    line-height: 26px;
}

.i_about_con .aboutTxt .cont {
    margin-top: 20px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.i_about_con .aboutTxt .viewMore {
    display: block;
    width: 150px;
    height: 40px;
    font-size: 14px;
    margin-top: 46px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #037DE7;
    border-radius: 20px;
    transition: all ease 600ms;
}
.aboutCont2{
    width: 100%;
    height: auto;
    background: url('../images/about_bg.jpg') no-repeat;
    background-size: 100% 100%;
}
.aboutCont2 .aboutmian {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    /*align-items: center;*/
}

.aboutCont2 .aboutmian .about_left {
    width: 60%;
    /*height: 360px;*/
    padding: 0px 0 0px;
    display: flex;
    justify-content: space-between;flex-direction: column;
}
.aboutCont2 .aboutmian .about_left .aTit{font-size: 30px;color: #000;}
.aboutCont2 .aboutmian .about_left .cont{font-size: 18px;line-height:40px;margin-top: 25px}
.aboutCont2 .aboutmian .about_left .viewMore{
    display: block;
    width: 150px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #037DE7;
    border-radius: 20px;
    transition: all ease 600ms;
    margin-bottom: 25px;
    margin-top: 10px;
}
.aboutCont2 .aboutmian .about_right{

    width: 40%;
    /*height: 360px;*/
    padding: 0px 0 0px;
}
.aboutCont2 .aboutmian .about_right .imgbox1{
    height: 110px;
}
.aboutCont2 .aboutmian .about_right .imgbox2{
    height: 120px;
}
.aboutCont2 .aboutmian .about_right .imgbox3{
    height: 128px;
}
.aboutCont2 .aboutmian .about_right .imgbox4{
   padding: 0px 40px 0;
    /*height: 360px;*/
}
.aboutCont2 .aboutmian .about_right .imgbox4 img{max-width: 100%;margin-top: 25px}
.aboutCont2 .aboutmian .about_right img{ box-shadow: 4px 4px 8px 1px rgba(0, 0, 0, 0.4);}
.aboutCont2 .aboutmian .about_right .img1{margin-left: 200px}
.aboutCont2 .aboutmian .about_right .img2{margin-left: 70px}
.aboutCont2 .aboutmian .about_right .img3{margin-left: 200px}

.i_pj {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

.i_pj_con {
    width: 90%;
    margin: 0 auto;
}


.i_pj_con h3 {
    width: 1000px;
    height: 38px;
    text-align: center;
    font-size: 24px;
    color: #a2a2a2;
    font-weight: 100;
    font-family: "HeliosExtThin";
    margin-bottom: 30px;
}

.i_pj_con_pj {
    width: 1000px;
    margin: 0 auto;
    zoom: 1;
}

.i_pj_con_pj::after {
    display: block;
    content: "";
    clear: both;
}
.i_gdcp {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
}
.i_gdcp2{
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 5px 5px;
}
.i_gdcp2 .friends_box{box-sizing: border-box;padding:15px;width:16.66%;text-align: center;display: flex;flex-direction:column;text-decoration: none}
.i_gdcp2 .friends_box i{min-height: 160px;display: flex;align-items: center;justify-content: center}
.i_gdcp2 .friends_box i img{;max-height:160px;box-sizing: border-box;max-width: 100%!important;transition:transform .4s linear;}
/*.i_gdcp2 .friends_box span{visibility: hidden;color: #037DE7;text-decoration: none}*/
.i_gdcp2 .friends_box i:hover img{ transform: scale(1.1);}
.i_gdcp::after{display: block;content: "";clear: both;}
.ly_more {
    margin: 0px auto;
    display: block;
    width: 150px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #037DE7;
    border-radius: 20px;
    transition: all ease 600ms;
}

.i_yy {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url('../images/zz_bg.jpg') no-repeat;
    background-size: 100% 100%;
    padding-bottom: 20px;

}

.i_yy_con {
    width: 90%;
    height: auto;
    margin: 0 auto;
}

.i_yy_con h3 {
    width: 1100px;
    height: 38px;
    text-align: center;
    font-size: 24px;
    color: #a2a2a2;
    font-weight: 100;
    font-family: "HeliosExtThin";
    margin-bottom: 20px;
}
.liMarquee_box{width: 100%;margin: 0 auto;}

.zz_box{width: 100%}
.zz_box .zz_item{width: 405px;display: inline-block;margin: 0 15px}
.zz_box .zz_item a{
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 320px;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.zz_box .zz_item a img{    max-width: 100% !important;
    max-height: 100%;}
.zz_box .zz_item .p1{
    text-align: center;
    margin-top: 5px;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
 
@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;}  
.mm1{ padding:1%; width:96%; margin:0 auto;} 
.f14{ font-size:12px;} 
.f16{ font-size:14px;} 
.f18{ font-size:15px;} 
.pp1{ padding:5px 0;} 
.pp2{ padding:10px 0;} 
.qt{ position:relative; width:100%; padding-bottom:50%; height:0; overflow:hidden;} 
.adv1{ position:relative; width:100%; padding-bottom:35%; height:0; overflow:hidden;} 
.main,.main2,.ftit,.link,.foot,.top { width:96%;margin:0px auto;} 
.foot_p2{ display:none;}
.nr1_p1 li{  width:48%  }

.shuzi li {  width:48% ; margin-top:10px; }
.nr1_p2 li{width:98%;  } 
.nr1_p4 li{  width:calc(48% - 2px); margin:1% 1%  }
.nr1_p5 li{ width:46%; margin:1% 1% }
.nr3_p1 li{ width:98%;  }



.ab_p1{ width:100%;}
.ab_p2{width:100%;  }

.nr_left{  width:100%;}
.nr_right{  width:100%;}

.zj_p11{width:100%;}
.zj_p12{ width:100%;}
.zj_p120{ width:90%; margin-left:5%; padding:5% 0 }
.cplb li{ float:left; width:48%; margin:1% 0.5%}



.foot_p1{ width:100%; border-right: none ; text-align:center; padding:20px 0}
.foot_p2{  width:100%;  text-align:left ; padding-left:30px; line-height:2; padding-top:10px;}

.foot_p3{ display:none}

.ftlink li {float:left; width:calc(100% / 4); text-align:center; }

.adv1{ position:relative; width:100%; padding-bottom:35%; height:0; overflow:hidden;background-size:auto  100%;} 
.mess{ clear:both; overflow:hidden; margin:0 auto; width:100% }
.MainBg {    width: 100%;}
.ThumbPicBorder {width:100%}

.i_pj_con{width: 100%;}
.i_pj_con_pj{width: 100%;height: auto;}
	
.i_about_con{width: 100%;}
	 .sy_about{width: 100%;padding-top: 15px;height: auto;}
	 .sy_about em{width: 100%;}
	 .sy_about i{width: 100%;}

    .i_about_con .aboutCont{
        width: 100%;
        height: auto;
        margin-top: 10px;
        border: none;padding: 0 2%;
    }
    .i_about_con .aboutCont .img{
        width: 100%;
        float: none;
        height: auto;
        margin-left: 0px;
        margin-top: 0px;
    }
    .i_about_con .aboutCont .img img{
        width: 100%;
        height: auto;
    }
    .i_about_con .aboutTxt{
        width: 100%;
        float: none;
        margin-left: 0px;
        margin-bottom: 15px;
    }
    .i_about_con .aboutTxt .aTit{margin-top: 10px}
    .i_about_con .aboutTxt .viewMore{margin-top: 15px}	
	
	 .aboutCont2 .aboutmian{width: 96%;padding: 0 2%}
    .aboutCont2 .aboutmian .about_left{width: 100%;padding: 5px 0}
    .aboutCont2 .aboutmian .about_right{display: none;}
    .aboutCont2 .aboutmian .about_left .aTit{font-size: 20px}
    .aboutCont2 .aboutmian .about_left .cont{font-size: 16px;line-height: 28px;margin-top: 0px;}
	
	  .i_gdcp2{width: 96%;padding: 0 2%}
    .i_gdcp2 .friends_box{width:33.33%;height: auto;padding: 5px}
	
	.i_yy{height: auto;}
    .i_yy_con{width: 100%;height: auto;}
	
	
	
}
@media (min-width:769px) {

.fl{ float:left;} 
.fr{ float:right;} 
.f14{ font-size:14px;} 
.f16{ font-size:16px;} 
.f18{ font-size:18px;} 
.pp1{ padding:10px 0;} 
.pp2{ padding:20px 0;} 
.qt{ position:relative; width:100%; padding-bottom:48.96%; height:0; overflow:hidden;}  
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 
 
.adv1{ position:relative; width:100%; padding-bottom:26%; height:0; overflow:hidden;background-size:100%  100%;} 

} 



@media (min-width:1360px) {	}

@-webkit-keyframes ripple { 
0% {   -webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% {   -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}

@keyframes ripple { 
0% {-webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% { -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}