@charset "utf-8"; /* CSS Document */ 
* { margin: 0px; padding: 0px; } 
/*字体*/
@font-face {
	font-family: 'NotoSansHans-Regular';
	src: url('../fonts/NotoSansHans-Regular.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body { font-size: 12px; font-family: "NotoSansHans-Regular","微软雅黑"; color: #333; background: #fff; padding:0;margin:0;} 
a { text-decoration: none; outline: none; /*transition: all 0.2s;*/ }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle;}
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; }
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
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; }
/*头部*/ 
.header1{ position: fixed; top:0; left:0; z-index:9999;  }
.header2{ position: absolute; top:0; left:0; z-index:9999;  }
.header{width: 100%;}
.head{ width:100%; max-width:1250px;margin:0 auto; position:relative;}
.hlogo {
display: none;
	float: left;
}
.hlogot {
	display: block;	
	float: left;
}
.logo_p1.act .hlogo {
	display: block;
}
.logo_p1.act .hlogot {
	display: none;
}
.header1.act {
	box-shadow: 0px 4px 5px rgba(9,2,4,.17);
}
.nav_1.act .nav_1a{ color:#fff}
.nav_2.act .dropdown button{ color:#fff;    background: url(../images/ico1.png) no-repeat left center;}
.logo_p1{ float:left; padding-top:10px;}
.nav { float:right;}
.nav_c{ width:100%; position:relative; clear:both;} 
.nav_c .nav_1{ position: relative;text-align: center; padding:0 30px; float:left; font-size:18px;}
.nav_1a{ display:block; line-height:80px; color:#4c4c4c;}
.nav_1:hover .nav_1a{ color:#12b7ec;}
.nav_1:hover .nav_warp {display:block; }
.nav_1 a.nav_1_a { color:#12b7ec;} 
.nav_1a2{display:block; margin-top:25px;}
.nav_1a3{ font-weight:bold;}
.nav_warp { background:rgba(255,255,255,1); position: absolute; top:60px; right:0; min-width:100%; width:150px; display: none; z-index:99;border-radius:10px;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;} 
.nav_warp a{ display:block; color:#4c4c4c; line-height:40px; text-align:center; font-size:14px; padding:0 5px;}
.nav_warp a:hover { color: #12b7ec; }
.nav_2{ float:right; margin-top:24px; height:35px; margin-left:8px;}
.nav_3{ float:right; margin-top:20px; height:40px; margin-left:8px; line-height:40px; background:#f13a3a; color:#fff; padding:0 8px;}
.sear1{ width:150px; line-height:38px;height:38px; border:1px solid #ddd;}
.sear2{ width:80px; background:url(../images/sear.png) no-repeat center #f13a3a; height:40px; border: none;}

/*面包屑*/ 
.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: #0090ff; 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: #fff; } 
.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:1199px)and (min-width:300px) { 
.header { width: 100%; display: none;} 
.head_logo { max-width:92%;} 
.head_logo a { display: block; cursor: pointer; padding:10px;} 
.head_logo img { height:40px;} 
.logo2{ overflow:hidden; clear:both;}
.logo2 p{ float:left; width:40%; padding:0 5%; height:90px;}
.logo2 p img{ max-width:100%; height:90px;}
.cai { width: 100%;  background: rgba(1,79,135,0.5); /*background-color: #fff; position:relative;*/display:block;z-index:99999;} 
.cai1{ position:fixed; top:0; left:0;}
.cai2{ position:absolute; top:0; left:0;}
.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; width: auto; } 
.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: #000; } 
.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;}

/*漂浮框*/ .side { position: fixed; width: 47px; height: 275px; right: 0; top: 38%; z-index: 100; display: none; } 
.ping_warp { width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; } 
}

.main,.ftit,.link,.foot { width:96%; max-width:1250px;margin:0px auto;overflow:hidden;clear:both;}
.mainb { width:98%; max-width:1250px;margin:0px auto;overflow:hidden;clear:both;}


.hj{overflow:hidden; clear:both; height:10px;}
.hj2{overflow:hidden; clear:both; height:20px;}
.hj3{overflow:hidden; clear:both; height:30px;}
.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:83.3%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:56.2%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:52%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:63.6%; overflow:hidden;}
.img5{ display:block; position:relative; width:100%; padding-bottom:35.67%; overflow:hidden;}
.img6{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img7{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img8{ display:block; position:relative; width:100%; padding-bottom:100%;}
.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%;}
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.img1,.img2,.img3,.img4{ overflow:hidden;}
.img1 img,.img2 img,.img3 img,.img4 img{  cursor: pointer; transition: all 0.8s;}
.img2:hover img,.img3:hover img,.img4:hover img{ transform: scale(1.1);} 
.img1:hover img{ transform: scale(1.2);} 
.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 .hd{position:absolute;bottom:10px;left:0; width:100%;display: flex;   justify-content:center;  align-items:Center;height:22px;line-height:20px;} 
.fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;} 
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:80px;  height:3px;margin:2px 4px;overflow:hidden;filter:alpha(opacity=90);line-height:999px;background:#12b7ec; border-radius:50px;} 
.fullSlide .hd ul .on{background:#4b4b4b;opacity:1;width:160px;} 
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px  no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} 
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;} 
.fullSlide .main{ height:10%; margin-top:20%; position: absolute;} 
.none {display: none;} 

.bg1{ background:url(../images/bg1.jpg) no-repeat left bottom #FFF; clear:both; overflow:hidden; padding-bottom:5%}



.tit2{ clear:both }
.tit2_p1{ font-weight:bold;color:#12b7ec;width:200px; margin:0 auto; text-align:center}
.tit2_p2{ width:80px; background:#ffba01; height:5px; margin:0 auto}
.more1 { float:right; margin-top:-50px;}
.more1 a { color:#4b4b4b}

.nr1_p1{ clear:both}
.nr1_p1 li{ float:left; width:31.333%; text-align:center; margin:0 1%;  }
.nr1_p11{ border:1px solid #e1e1e1; padding:4%; background:#ebebeb}
.nr1_p12{ text-align:center; line-height:2;}
.nr1_p13{ text-align:center; line-height:2; color:#ccc9c8}
.nr1_p1 li:hover .nr1_p11{  background:#12b7ec}
.about_left{ float:left; width:50%}
.about_right{ float: right; width:50%; background:#12b7ec; z-index:1; border-top-left-radius:80px;}
.about_p1 { float:right; width:650px; height:365px;margin-right:-20px;  position: relative; padding-top:30px;}
.about_p2 { float:left; width:600px; height:321px;padding:37px 6%; color:#fff; line-height:2;  }
.about_p1 img{ border-top-right-radius:60px;width:650px; height:365px;}
 

.nr3_p1 { width:52%; float:left}
.nr3_p2 { width:48%; float:right; }
.nr3_p21 { width:92%; margin:7px 0 7px 8% }

.nr3_p21 li{  overflow:hidden; clear:both; position:relative; padding:1% 0; padding-left:12px; border-bottom:1px dotted #ddd; line-height:2;}
.nr3_p21 li:before{ position:absolute; left:0; top:calc(50% - 2px); width:4px; height:4px; content: ""; background:#999;}
.nr3_p21 li:nth-child(1) { border-top:1px solid #fff;}







.fbg{ background:#f0f1f1; color:#4b4b4b;}
.foot{ border-top:1px solid #565656;}
.ftit_p1{ float:left; line-height:2;}
.ftit_p1 li{ float:left;}
.ftit_p11{ display:block; color:#4b4b4b; font-weight:bold}
.ftit_p12{ color:#4b4b4b;}
.ftit_p12 a{ display:block; color:#4b4b4b;}
.ftit_p2{ float:right; text-align:center;line-height:2;}

.foot a{  color:#4b4b4b;}

.foot_p1 { float:left;  width:70%; line-height:2; font-family:"微软雅黑"}
.foot_p2 { float:right;  width:28%; text-align:right; line-height:2;font-family:"微软雅黑"}


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


.adv1{ padding-bottom:20.8%; color:#FFF; position:relative;}
.adv1_p1{  bottom:25%;   width:100%; height:100%; }
.adv1_p2{ padding-left:8% }


.adv21_p1{ width:96%; max-width:1200px; margin:0 auto;}
.adv21_p2{   bottom:20%; position:absolute}
.readmore{ color:#FFF; border:2px solid #FFF; border-radius:15px; padding:0.5% 0.5%; display:block; width:120px;}
.mbbg1{ background:#fff; border-bottom:1px solid #e0e0e0}
.nr1_p4 a{ display:block; float:left; padding:1% 2%;}
.nr1_p4 .no2 { color:#12b7ec;border-bottom:3px solid #12b7ec}
.nr1_p4 a:hover{ color:#12b7ec;}
.nr2_p1 li{ padding:2% 0; overflow:hidden; clear:both; border-bottom:1px solid #dfdfdf}
.nr2_p11{ float:left; width:22%;}
.nr2_p12{ float:right; width:76%;}
.nr2_p13{ color:#999999; line-height:1.8; min-height:48px; overflow:hidden; margin:1% 0;}
.nr2_p16 p{ font-size:12px; color:#a5a6a7}
.nr2_p15{ display:block; color:#000; font-weight:bold }
.nr2_p16{ float:left; width:calc(100% - 110px);  }
.nr2_p14{  float:right; width:80px; padding:50px 10px; border-left:1px solid #dfdfdf; }
.nr2_p14 a {color:#999999}

.neir{ padding:10px; text-align:left; color:#333; line-height:2}
.neir h1{  text-align:center; color:#333;}


.con_tit{text-align:center;border-bottom:1px dotted #d4d4d4;line-height:3.5;}

.neicontent{ padding:2%}
.neicontent img{ max-width:100%}

.shipin iframe{ width:100%; height:600px;}
.ab_lf iframe{ width:100%; height:400px;}
.m_left{ width:20%; float:left}
.m_right{ width:79%; float:right}


.cptit{background:#12b7ec; line-height:2.5; font-weight:bold; color:#FFF; padding:3% 8%}
.cp_fl{overflow:hidden; clear:both; border:1px solid #ebebeb; border-top:none; }
.cp_fl li{ border-bottom:1px solid #ebebeb; line-height:2; padding:2% 8%}
.cp_fl li a{ color:#555555;}
.cp_fl li.no2{background:#ebebeb; }
.cp_fl li:hover{background:#ebebeb; }

.cp_list li{ float:left; width:30.33%; padding: 0 1.5% 3%; text-align:center;}
.cp_p21{  background:#ebebeb; border:1px solid #eee; padding:5px; padding-bottom:10px;}
.cp_p22{ line-height:2.2; margin-top:1%;}
.cp_p23{ line-height:2; color:#777;}
.cp_p24{ padding:3%}

.fuwu_p1 li{ padding:2% 1%; overflow:hidden; clear:both; border-bottom:1px solid #dfdfdf; background:url(../images/libg.jpg) repeat-x center bottom #FFF; }
.fuwu_p11{ float:left; width:50%;}
.fuwu_p12{ float:right; width:48%;}
.fuwu_p13{ color:#999999; line-height:1.8; min-height:48px; overflow:hidden; margin:1% 0;}

.fuwu_p15{ display:block; color:#000; font-weight:bold }


.shipin_p1 li{ float:left; width:30.33%; padding: 0 1.5% 3%; text-align:center;  }
.shipin_p11{ }

.ab_lf{ float:left; width:49%}
.ab_rt{ float: right; width:49%; }
.ab_tit { line-height:2; color:#000}
.ab_con { line-height:2; }

.wh_p1 li{ padding:6% 0.5%; width:30.33%; margin:0 1%; float:left;background:url(../images/libg.jpg) repeat-x center bottom #FFF; box-shadow: 0px 4px 5px rgb(9 2 4 / 17%);}
.wh_p11{ width:25%; float:left} 
.wh_p12{ width:74%; float:right; line-height:2; color:#000} 
.wh_p13{ line-height:2; color:#8e8e8e; min-height:65px;} 

.bg2{ background:#f4f7fc; margin-top:5% }
.hz_tit { line-height:2; color:#000; text-align:center}
.hz_p1 { padding:3% 5%}
.hz_p1 li{ padding:2% 1%; overflow:hidden; clear:both; border-bottom:1px solid #dfdfdf; }
.hz_p11{ float:left; width:90%;}
.hz_p12{ float:right; width:8%; padding-top:3%}
.hz_p13{ display:block; color:#000;  }
.hz_p14{ color:#999999; line-height:1.8; min-height:48px; overflow:hidden; margin:1% 0;}

.lxmap{  padding:3%}
.lianxi{ background:#12b7ec; border-radius:50px; width:44%; padding:3% 3%; color:#FFF; float:left}
.baidumap{  width:48%; float:right}
#map{width:100%;height:580px}
.lx_p1{ line-height:2; font-weight: bold}
.lx_p2{ line-height:2; font-weight: bold}
.lx_p3{ line-height:2; border-bottom:1px solid #FFF;border-top:1px solid #FFF; padding:2% 0; margin:8% auto}
.lybiao {width:60%; padding:3% 5%; margin:0 auto }
.lybiao table td{padding:2% 5% }
.nr1_p421{width:100%; padding:1.5% 2%; border:1px solid #ccd1d9 }
.nr1_p423 {
    background: #3d85c6;
    float: right;
    color: #FFF;
    padding: 1% 5%;
    line-height: 1.8;
    border: none;
    font-size: 16px;
}
.cpleft{ width:50%; float:left}
.cp_tit{ color:#12b7ec; font-weight:bold}
.cpxbg{ background:url(../images/xtbg.jpg) repeat-x top  center #FFF ; }
.bitit { width:90%; max-width:1000px;margin:0px auto;overflow:hidden;clear:both; background:#FFF; padding:1% 3%; border-radius:30px;    box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
.bitit_p1{ line-height:2}
.bitit_p2{ color:#414141}

.cpjs { border:1px solid #1cbced;border-radius:10px; background:#FFF;padding:2%;overflow:hidden;clear:both;}
.cpjs_p1 { width:50%; float:left; text-align:center}
.cpjs_p2 { width:50%; float:right; text-align:left; line-height:2}
.cpjs_p3 { float:right; margin-top:10px;}
.cpjs_p3 a{ background:#0eb8ec; border-radius:6px; color:#FFF; padding:10px 60px; }



.ysbg{ background:#fafafa}
.yspic{ padding:2% 0; margin:0 auto}
.yspic img{ max-width:100%}
.cont_con{background: url(../images/contact1_b.jpg) center no-repeat;background-size: cover;box-shadow: 5px 5px 5px 1px #d5dee9;padding-bottom: 30px;}

.cont_con .ul{padding: 0 100px;}

.cont_con .ul .li:first-child{border-top: 1px solid #e7e7e8;}

.cont_con .ul .li .li_top{height: 160px;display: flex;justify-content: space-between;border-bottom: 1px solid #e7e7e8;align-items: center;cursor: pointer;}

.cont_con .ul .li .li_top .top_le{width: calc(100% - 100px);}

.cont_con .ul .li .li_top .top_re{width: 40px;height: 40px;border: 1px solid #999999;border-radius: 100%;background: url(../images/jia.png) center no-repeat;background-size: cover;}

.cont_con .ul .li .li_top .top_le .l1{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-bottom: 10px;transition: all 0.6s;}

.cont_con .ul .li .li_top .top_le .l2{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 30px;}

.cont_con .ul .li .li_txt span{margin: 45px 0 15px;display: block;}

.cont_con .ul .li .li_txt{line-height: 35px;margin-bottom: 40px;display: none;}

.cont_con .ul .li:first-child .li_txt{display: block;}

.cont_con .ul .li.act .li_top .top_re{background:#999999 url(../images/jia2.png) center no-repeat;background-size: cover;}

.cont_con .ul .li:hover .li_top .top_le .l1{color: #297ede;transition: all 0.6s;}

.contact1 .cont_con .ul .li.act .li_top .top_le .l1{color: #297ede;}


.in4{background: url(../images/in4.jpg) center no-repeat;background-size: cover;}

.in4 .con_top {display: flex;justify-content: space-between;margin-bottom: 20px;}

.in4 .con_top .top_le{color: #fff;width: 100%; text-align:center; padding:3%}



.in4 .in4_sw{padding-bottom: 50px;}

.in4 .in4_sw .in4_ss{height: 1px;background: rgba(255, 255, 255, .3);}

.in4 .in4_sw .in4_ss .swiper-scrollbar-drag{background: rgba(255, 255, 255,1);}

.in4 .in4_sw  .img{padding: 12px;border: 1px solid rgba(255, 255, 255, .3);}

.in4 .in4_sw .img img{background: #fff;}

.loginmask{ width:100%;
	height:100%;
	z-index:8;
	background:url(../images/heibg.png) repeat;
	position:fixed;
	top:0;
	left:0;
	display:none; }
@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:55%; height:0; overflow:hidden;} 
.nr1_p1{ padding:15px;}
.nr1_p1 li{  width:98%; padding:1% }
.bg1{ background:url(../images/bg1.jpg) no-repeat center bottom #FFF;   clear:both; overflow:hidden; padding-bottom:5%}
.nr3_p1 { width:98%; padding:1% }
.nr3_p2 {  width:98%; padding:1%  }
.more1 { float:right; margin-top:-30px;}
.about_left { width:98%; padding:1% }
.about_right {  width:98%; padding:1% ; border-top-left-radius:0}

.about_p1 {  width:98%; padding:1%;margin-right:-0px;}
.about_p2 {  width:98%; padding:1% ; color:#fff; line-height:2;  }
.about_p1 img{ border-top-right-radius:0;}

.ftit_p1{ width:60%}
.ftit_p1 li{ float:left; padding:10px; padding-right:30px;}
.ftit_p12{ display:none;}

.foot_p1 { width:98%; padding:1%;}
.foot_p2 {width:98%; padding:1%;}
.adv1{ padding-bottom:50%;}
.fullSlide .main{ height:20%; margin-top:30%; position: absolute;} 
.adv1_p1{  bottom:35%;   width:100%; height:100%; }
.adv1_p2{ padding-left:3% }
.readmore{ color:#FFF; border:2px solid #FFF; border-radius:15px; padding:0.5% 0.5%; display:block; width:80px;}
.shipin iframe{ width:100%; height:400px;}
.ab_lf iframe{ width:100%; height:300px;}

.m_left{  width:98%; padding:1%;}
.m_right{  width:98%; padding:1%;}

.nr2_p15{ line-height:28px;height:28px; overflow:hidden;}
.nr2_p13{ color:#888; line-height:22px; height:22px; overflow:hidden; margin:3% 0;}
.nr2_p16{ width:100%}
.nr2_p14{ display:none}
.cp_list li{   width:98%; padding:1%; text-align:center;}

.ab_lf{ width:98%; padding:1%;}
.ab_rt{width:98%; padding:1%; }
.wh_p1 li{ padding:6% 0.5%; width:96%; margin:2% 1%;}

.lianxi{width:90%; padding:3% 5% }
.lybiao {width:90%; padding:3% 5%; margin:0 auto }

.baidumap{ width:98%; padding:1%;}

.cpleft{  width:98%; padding:1%;}
.bitit_p1{ line-height:1.5}
.cpjs_p1 { width:98%; padding:1%;}
.cpjs_p2 { width:98%; padding:1%;}
#map{width:100%;height:380px}


	.in4 .con_top{flex-wrap: wrap;}

	.in4 .con_top .top_le{width: 100%;}

	.in4 .con_top .top_re .weizhi{position: static;margin: 20px auto 0;}

	.in4 .con_top .top_re{width: 100%;margin-top: 20px;}

	.in4 .con_top .top_le .le1{margin-bottom: 20px;}

	.in4 .con_top .top_le .le2 .l{line-height: 30px;}

	.in4 .con_top .top_le .le2{margin-bottom: 30px;}

	.in4 .in4_sw{padding: 0 5px 30px;}
	
.bitit { width:90%; max-width:1000px;margin:0px auto;overflow:hidden;clear:both; background:#FFF; padding:1% 3%; border-radius:10px;    box-shadow: 0 0 20px rgb(0 0 0 / 30%);}	
}
@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:50%; height:0; overflow:hidden;} 
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
 
 
.ftit_p1 li{ padding-right:40px;}


.nr2_p2{ float:left; width:40%;}
.nr2_p3{ float: right; width:40%;}

}

@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; }
}
.wk_index_main {/*margin-top: -160px;*/	width: 100%;}
.section {position: relative;overflow: hidden;}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {height: auto!important;}

#dn-nav { position: fixed; top: 50%; z-index: 100; margin-top: -32px; opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
#dn-nav.right {right: 17px; }
#dn-nav ul { margin: 0; padding: 0; }
#dn-nav ul li { position: relative; display: block; margin: 7px; width: 15px; height: 15px; }
#dn-nav ul li a { position: relative; z-index: 1; display: block; width: 100%; height: 100%; text-decoration: none; cursor: pointer; }
#dn-nav ul li a span { position: absolute; top: 50%; left: 50%; z-index: 1; margin: -3px 0 0 -3px; width: 7px; height: 7px; border: 0; border-radius: 50%; background: #cfcfd1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#dn-nav ul li a.active span, #dn-nav ul li:hover a.active span { margin: -7px 0 0 -7px; width: 15px; height: 15px; border-radius: 100%; background: #de262e; }
.InUp{ -webkit-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; -ms-transition: all 1.1s ease 0s; bottom: -200px; opacity: 0; position: relative;} 
.section.active .InUp{ bottom: 0; opacity: 1; }
.InLeft{ -webkit-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; -ms-transition: all 1.1s ease 0s; left: -400px; opacity: 0; position: relative;} 
.section.active .InLeft{ left: 0; opacity: 1; } 
.InRight{ -webkit-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; -ms-transition: all 1.1s ease 0s; right: -400px; opacity: 0; position: relative;} 
.section.active .InRight{ right: 0; opacity: 1; } 
.InDown{ -webkit-transition: all 1.3s ease 0s; transition: all 1.3s ease 0s; -ms-transition: all 1.3s ease 0s; top: -200px; opacity: 0; position: relative;} 
.section.active .InDown{ top: 0; opacity: 1; }

/*--下拉--*/
.dropdown button {text-align: left; background: url(../images/ico2.png) no-repeat left center;height:38px; width:65px; border:none;  position:relative; padding-left:26px; padding-right:10px; font-size:16px; color:#4c4c4c;}
.dropdown button em{ font-style:inherit; width:100%;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; }
.dropdown button i { position:absolute; right:2px; top:calc(50% - 3px);}
.dropdown ul { width: 100%;}
.dropdown, .dropup {position: relative}
.dropdown-toggle:focus {outline: 0}
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px } 
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent } 
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width:60px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } 
.dropdown-menu:before { border-bottom: 7px solid rgba(0,0,0,.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -7px; } 
.dropdown-menu:after {    box-sizing: border-box; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; left: 10px; position: absolute; top: -6px; } 
.dropdown-menu.pull-right { right: 0; left: auto } 
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } 
.dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap } 
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5 }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0 } 
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, 
.dropdown-menu>.disabled>a:hover { color: #777 } 
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .open>.dropdown-menu { display: block } 
.open>a { outline: 0 } 
.dropdown-menu-right { right: 0; left: auto } 
.dropdown-menu-left { right: auto; left: 0 } 
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap } 
.dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990 }