@charset "utf-8";
*{ margin:0; padding:0;}
.clear{ clear:both;}

img{ border:none;}

ul,li{ list-style:none;}

a{ text-decoration:none;}

html,body{  font-family: "Microsoft YaHei","Arial";  color:#272727; font-size:12px; background-color:#ffffff;  }

html{overflow-x:hidden;}

body a{outline:none;blr:expression(this.onFocus=this.blur());}

/*nav*/
.nav_container{ width:100%; height:90px; z-index:9;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; position:fixed; top:0; left:0;}

.nav_content{ width:1730px; margin:0 auto 0 auto;}

.nav_content img.logo{ height:34px; float:left; margin-top:30px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.nav{ float:right;}

.nav ul li{ float:left; font-size:18px; letter-spacing:1px; padding:0 1.4vw;}

.nav ul li a{ color:#fff; line-height:90px; display:block; height:90px;box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;border-bottom:3px solid transparent;}
.nav ul li a:hover{  border-bottom:3px solid #fff;}

.nav ul li a.cur{ border-bottom:3px solid #fff;}

.nav_call{ float:right; position:relative; margin-left:12px;}

.nav_search{ margin-left:2%;}


.nav_call_img{ overflow:hidden; height:90px; line-height:90px; box-sizing:border-box;}
.nav_call_img img{ margin-top:28px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.nav_call .search_form{ position:absolute; right:-700%; font-size:18px;white-space: nowrap; letter-spacing:1px; overflow:hidden; display:block; padding:20px 22px; background:rgba(17,72,137,0.9); color:#fff; border-radius:5px; opacity:0; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; width:280px;}


.nav_call .search_form2{opacity:1;right:0;}
/*.nav_call:hover .search_form{ opacity:1;right:0; }*/
.nav_call .search_form i{ width:20px; height:auto;position:absolute; right:22px; top:15px;}
.nav_call .search_form i img{ width:100%; height:auto; display:block;}
.search_form input{ width:80%; float:left; box-sizing:border-box;border:none; background:#fff;outline:none; height:35px; border-radius:5px; padding-left:10px;}

.search_form p{ font-size:16px; line-height:1.5em; color:#fff; margin-bottom:10px;}

.search_form button{ width:18%; float:right; height:35px; background:url(../images/top_s2.png) no-repeat center center #fabe00; border:none;outline:none;border-radius:5px; background-size:18px;}


/*手机端导航*/
.header2 { width:100%; height:5vh; background:#fff; color:#dcdcdc; position:fixed; padding:1.5vh 0; overflow:hidden; z-index: 10; display:none; border-bottom:1px solid #114889;}
.header2 img { height:4vh; display:block; margin:0 auto;}
.header2 .top_dh { width:20%; float:left;position: relative;top: 50%;transform: translateY(-50%); }
.header2 .mobile_logo { width:60%; display:block; float:left; text-align:center; color:#FFF; font-weight:normal;position: relative;top: 50%;transform: translateY(-50%); }

.header2 .mobile_logo img { height:3.8vw;}

.header2 .top_ss { width:20%; float:left;position: relative;top: 50%;transform: translateY(-50%); }


.nav_bg_m { position:fixed; left:-50%; width:50%; height:92vh; overflow-x:hidden; top:0; z-index:9; background:url(../images/mobile_bg.jpg) no-repeat center center;
 -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
  background-size:cover;
   padding-top:8vh;

}
.nav_gb_m { position:fixed; right:-100%; width:50%; height:92vh; overflow-x:hidden; top:0; z-index:9; background:rgba(0,0,0,0.8);
 -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
   background-size:cover;    padding-top:8vh;
}
.nav_gb_m img{ width:20px; z-index:11; right:5vw; top:12vh; position:absolute;}
.mobile_logo2 { width:100%;    margin: 5vh auto 2vh auto;}
.mobile_logo2 img { width: 85%; margin:0 auto; display:block;}
.nav_mobile { display:block; width:100%; text-align:center; overflow:hidden;}
.nav_mobile li { width: 90%;position: relative;font-size: 16px; letter-spacing:1px; overflow:hidden; margin:3vh auto 3vh auto;}
.nav_mobile li a { color:#3f3f3f;  width: 100%; display:block;}
.nav_mobile li a.cur { color:#114889; font-weight:bold;}

.msearch_form{ width:90%; margin:0 auto; box-sizing:border-box;}

.msearch_form input{ border:1px solid #114889;}
.msearch_form button{background: url(../images/top_s3.png) no-repeat center center #114889;background-size: 16px;}


/* add nav */
.nav_top_site_m{ width: 90%; margin: 1vh auto 2vh; overflow:hidden;}
.nav_top_site_m p{ width: 49%; float: left; margin-right: 2%;}
.nav_top_site_m p:nth-child(2n){ margin-right: 0;}
.nav_top_site_m p a{display: block;font-size: 16px; color: #114889; text-align: center; height:35px; line-height: 35px; border-radius: 15px; border: 1px solid #114889; font-weight: bold;}
.nav_top_site_m p.cur a{ background: #114889; color: #fff;}


@media screen and (max-width:1730px){
.nav_content{ width:96%;}
}

@media screen and (max-width:1650px){
.nav_search {    margin-left: 10px;}
}
@media screen and (max-width:1550px){
.nav_content img.logo{ height:30px; width:auto; margin-top:25px;}

.nav_container{  height:80px;}
.nav ul li a{ height:80px; line-height:80px;}
.nav_call_img{ height:80px; line-height:80px;}
.nav_call_img img{ margin-top:20px;}
}

@media screen and (max-width:1500px){
.nav ul li{padding: 0 1.3vw;}
}

@media screen and (max-width:1420px){
.nav ul li{ font-size:17px;padding: 0 1.2vw;}
.nav_call_img img{ width:30px; height:auto; margin-top:25px;}

.nav_content img.logo{ height:25px; margin-top:28px;}


}



@media screen and (max-width:1250px){
.nav ul li{padding: 0 0.8vw;}
.nav_content img.logo{ height:23px; margin-top:28px;}
}

@media screen and (max-width:1120px){
	.nav ul li{padding: 0 0.4vw;}
  .nav_call{margin-left: 3px;}
}


@media screen and (max-width:1020px){
    .nav_search{ display:none;}
    
}

@media screen and (max-width:960px){
    
    .nav_call{ display:none;}
}




@media screen and (max-width:900px){
.nav_container{ display:none;}
.header2{ display:block;}

}
@media screen and (max-width:600px){
.header2 .mobile_logo img { height:3.8vw;}
/* add nav */
.nav_top_site_m p a{font-size: 3.5vw; height:7vw; line-height: 7vw; border-radius: 15vw;box-sizing: border-box;}
}

.fixedhead{box-shadow:0px 4px 20px #e0dfdf; height:75px; background: #fff;}
.fixedhead img.logo{height: 30px;
    margin-top: 20px;}

.fixedhead .nav ul li a{line-height: 75px;
    height: 75px; color: #114889;}

.fixedhead .nav ul li a.cur,.fixedhead .nav ul li a:hover{border-bottom:3px solid #114889;}
.fixedhead .nav_call_img{line-height: 75px;
    height: 75px;}
.fixedhead .nav_call_img img{margin-top: 18px;}

@media screen and (max-width: 1320px){
.fixedhead img.logo{height: 23px;
    margin-top: 26px;}
}

/*banner*/

.banner_content{ width:100%; height:100vh; position:relative;}
.banner{ width: 100%;
        height: 100vh;}


.banner .swiper-slide {
        background-position: center;
        background-size: cover;
    }



.bannerfenye .swiper-pagination-bullet{ width:15px; height:15px; margin:0 5px; }


.bannerfenye .swiper-pagination-bullet-active{ background:#fff; opacity: 0.7;}
.swiper-container-horizontal>.bannerfenye {
        bottom: 25px!important;}

.banner_img{ width:86%; margin:0 auto; position:absolute; left:7%; bottom:17%;}

.mbanner{ display:none;}

.mbanner_next{ width:14px; height:25px; background:url(../images/jiantou_you2.png) no-repeat center center; position:absolute; right:10px; top:55%; z-index:2;}

.mbanner_prev{ width:14px; height:25px; background:url(../images/jiantou_zuo2.png) no-repeat center center; position:absolute; left:10px; top:55%; z-index:2;}

@media screen and (max-width:900px){

.banner_content{ display:none;}
.mbanner{ display:block;padding-top: 8vh;}
.mbanner img{ width:100%; height:auto;}
}


/*water*/

.index_about_container10{ margin-top:4%;}
.top_container1{ width:100%; position:relative;}
.water_container{ width:100%; overflow:hidden; position:relative;}

.water_left_content{ width:50%; float:left; overflow:hidden; position:relative; height:540px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.water_left_content video{ background:url(../images/video_bg.jpg) no-repeat center center; background-size: cover;}

.water_left_content h5{ width:76px; height:76px; left:50%; margin-left:-38px; top:50%; margin-top:-38px;  position:absolute; background:url(../images/video_bofang.png) no-repeat center center;}



.water_left_content img.water_bg{ display:block; transform:translateX(-50%) scale(1);-mo-transform:translateX(-50%) scale(1);-webkit-transform:translateX(-50%) scale(1);-moz-transform:translateX(-50%) scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;  position:absolute; left:50%;
      }

.water_left_content:hover img.water_bg{transform:translateX(-50%) scale(1);-webkit-transform:translateX(-50%) scale(1);-moz-transform:translateX(-50%) scale(1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s; }


.water_container .water_right_content{ width:50%; float:right; overflow:hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; background: #f7f7f7; position:absolute; height:100%; right:0;}

.water_right{ width:700px; padding:0 30px 0 110px; box-sizing:border-box; margin-top:7.5%;}

.water_right h4{ font-size:20px; line-height:1.5em; color:#868f9a; letter-spacing:0.6px; /*font-weight:normal;*/}

.water_right h3{ font-size:38px; line-height:1.8em; color:#114889; letter-spacing:0.6px; font-weight:500; margin-bottom:7%;}

.water_right p{ font-size:15px; color:#6f6f6f; line-height:2em; letter-spacing:0.2px; text-align:justify; margin-bottom:10px;}

.water_right h5{ font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:2em;  letter-spacing:0.2px; font-weight:550; display:inline-block;  margin-top:8%; position:relative; border-bottom:3px solid #fff; box-sizing:border-box;}

.water_right h5 a{color:#626262; display:block;z-index:2;padding:8px 8px 5px 8px; }
.top_container1 h6{ width:98px; position:absolute; left:50%; margin-left:-49px; top:50%; margin-top:-49px;-moz-transition: all .5s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}

/*.water_container h6:hover{-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);}*/



.water_right h5 a::before, .water_right h5 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #c8c8c8;
	content: '';
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9)
}
.water_right h5 a::after {
	opacity: 0;
	-webkit-transition: top .3s, opacity .3s, -webkit-transform .3s;
	-moz-transition: top .3s, opacity .3s, -moz-transform .3s;
	transition: top .3s, opacity .3s, transform .3s
}
.water_right h5 a:hover::before, .water_right h5 a:hover::after, .water_right h5 a:focus::before, .water_right h5 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
.water_right h5 a:hover::after, .water_right h5 a:focus::after {
	top: 0%;
	opacity: 1
}


/*brand*/


.brand_container{ background:#f8f8fa;}
.brand_container .water_right_content{ float:left; background: url(../images/top_bg2.jpg) repeat-y left center #f8f8fa; position:absolute; left:0; height:100%;   }


.brand_container .water_right{ padding: 0 110px 0 30px; float:right;}
.brand_container .water_left_content{ float:right;}

.brand_container .water_right h4,.brand_container .water_right h3{ text-align:right;}

.brand_container .water_right h5{ float:right;}

.brand_jiqi{ position:absolute; bottom:0; left:50%; margin-left:-251.5px!important; display:block;}






@media screen and (max-width:1400px){
.water_right,.brand_container .water_right{ width:100%; padding:0 10%;}


.water_right h3{ font-size:30px;}
}


@media screen and (max-width:1300px){


.brand_jiqi{ width:76%; height:auto; left:12%; margin-left:0!important;}
}

@media screen and (max-width:1200px){
.water_right{padding:0 15%;}
}

@media screen and (max-width:900px){
    
.index_about_container10{ margin-top:0;}
.water_left_content{ width:96%; height:auto; margin:4% auto 0 auto; float:none;}

.water_left_content img.water_bg {

	width:100%; position:inherit;
    left: 0%;
    margin-left: 0px; transform:translateX(0%) scale(1);-mo-transform:translateX(0%) scale(1);-webkit-transform:translateX(0%) scale(1);-moz-transform:translateX(0%) scale(1);
}
.water_left_content:hover img.water_bg{transform:translateX(0%) scale(1);-webkit-transform:translateX(0%) scale(1);-moz-transform:translateX(0%) scale(1);-mo-transform:translateX(0%) scale(1);}

.water_container .water_right_content{ width:96%; float:none; margin:6% auto 0 auto; position:inherit; background:none;}

.water_right,.brand_container .water_right{ padding:0; margin-top:0%;}

.top_container1 h6{ display:none;}

.water_right h3{ margin-bottom:2%;}


.water_right h5{ margin:3% auto 0 auto;}

.brand_container{ background:none;}
.brand_container .water_right_content{ float:none;}

.brand_container .water_left_content{ float:none;}

.brand_container .water_right h4, .brand_container .water_right h3{ text-align:left;}

.brand_container .water_right h5{ float:none;}

.brand_jiqi{ width:50%; height:auto; left:25%; margin-left:0!important;}
}

@media screen and (max-width:600px){
.water_right h4{ font-size:3.2vw;}
.water_right h3{ font-size:6vw; }
.water_right p{ font-size:3.4vw;}
.water_right h5{ font-size:3.4vw;}
}

/*product*/


.product_container{ width:100%;}

.product_title{ width:100%; text-align:center; margin-top:4%; z-index:2; position:relative; background:url(../images/title_bg.png) no-repeat top center; padding-top:18px;}
.product_title h3{ font-size:38px; line-height:1.5em; color:#333333; font-weight:normal; letter-spacing:0.6px;}

.product_title p{ font-size:16px; line-height:1.5em; color:#666666; letter-spacing:0.6px; margin-top:0.8%;}

.product_lunbo{ width:100%; overflow:hidden; margin-top:1.5%; position:relative; }

.product_lunbo_line{ width:1400px; height:1px; background:#d9d9d9; margin:-40px auto 0 auto; position:absolute; left:50%; margin-left:-700px;}

.product_lunbo ul{display:table; text-align:center; margin:0 auto 0 auto; position:relative;}
.product_lunbo ul li{ float:left; text-align:center; margin:0 35px 0;   cursor: pointer; transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s; text-align:center; position:relative;}



.product_lunbo ul li i{ width:15px; margin:3px  auto 0 auto; left:0; position:absolute; top:75px;  opacity:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}


.product_lunbo ul li:hover i,.product_lunbo ul li.active i{ opacity:1;left:50%; margin-left:-7.5px;}
.product_lunbo ul li h3{ font-size: 18px;
    line-height: 1.5em;
    color: #333333; font-weight:normal; letter-spacing: 0.6px; margin-top:35px;}

.dianti_icon{ width:45px; height:63px; overflow:hidden; margin:0 auto;}
.dianti_icon img{ width:100%; height:auto;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

/*
.dianti_icon img.chanpin_icon1{ margin-bottom:10px;}

.product_lunbo ul li:hover .dianti_icon img.chanpin_icon1{ margin-top:-60px;}


.product_lunbo ul li.active .dianti_icon img.chanpin_icon1{ margin-top:-60px;}
*/


.product_lunbo ul li.active h3,.product_lunbo ul li:hover h3{ color:#114889;}


.product{ box-sizing:border-box; /*margin-top:2%;*/}
.product_content{ width:100%; margin:1.5% auto 0 auto;}

.product_word{width:100%; text-align:center;}




/*.product_word:hover{ box-shadow:0px 0px 30px #ccc;}*/

.inproduct_word{ width:420px; position:absolute; top:0; right:12.5%; text-align:left;  height:80px;padding:0 2.5%; box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;background:rgba(255,255,255,0.85); border-radius:0 0 10px 10px;}



.inproduct_img{ width:100%; height:auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}

.product .swiper-slide:hover .inproduct_img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.product .swiper-slide:hover .inproduct_word{ height:100%; border-radius:0; padding:3% 2.5%; }

.inproduct_word h3{ font-size:30px; line-height:1.5em; font-weight:normal; color:#4c4c4c; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; text-align:center; margin-top:15px;}




.inproduct_word h5{ width:50px; height:2px; background:#626262; margin:6% auto;opacity:0;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }

.inproduct_word p{font-size: 15px;
    color: #4a4a4a;
    line-height: 2em;
    letter-spacing: 0.2px;opacity:0;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s;   }


.inproduct_word h4{ font-size:18px; text-transform: uppercase;font-weight:normal;color:#333; line-height:1.5em; margin-bottom:2%; opacity:0;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s;}
.inproduct_word h6{ font-size:16px; font-weight:normal;    color: #114889; opacity:0;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; line-height:1.5em; margin-top:10%;}

.inproduct_word h6 i{ position:absolute; margin-left:10px;}


.product .swiper-slide:hover .inproduct_word h3,.product .swiper-slide:hover .inproduct_word h5,.product .swiper-slide:hover .inproduct_word p,.product .swiper-slide:hover .inproduct_word h6,.product .swiper-slide:hover .inproduct_word h4{ opacity:1;}
.product .swiper-slide:hover .inproduct_word h3{margin-top:0;}


@media screen and (max-width:1400px){

.product_lunbo_line{ width:96%; margin-left:0; left:2%;}
.inproduct_word{ height:60px;}
.product_title h3{ font-size:30px;}

.product_title{ background-size:48%;}
.product_word h3{ font-size:24px; margin-top:12px;}

.product_word:hover img{transform:scale(1.);-webkit-transform:scale(1);-moz-transform:scale(1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}
.product_lunbo ul li h3{ font-size:18px;}
}




@media screen and (max-width:1300px){
.inproduct_word h6{ margin-top:4%;}

.inproduct_word h5{ margin:2% auto;}
}

@media screen and (max-width:1000px){

	.inproduct_word h6{ margin-top:2%;}
}

@media screen and (max-width:900px){

.product_container{ width:96%; margin:0 auto;}


.product{ padding:0;}

.product_title{ background:none; padding-top:0;}
.product_title p{ display:none;}

.product_title{ margin-top:6%;}


.product_lunbo_line,.product_lunbo ul li i{ display:none;}

.product_lunbo{ margin-top:3%;}



.product_word:hover{ box-shadow:0px 0px 0px #ccc;}

.product_content{ margin-top:5%;}

.inproduct_word{ position:inherit; width:100%; height:auto; padding:3% 0%;}

.product .swiper-slide:hover .inproduct_word{ height:auto; border-radius:0; padding:3% 0; }

	.inproduct_word h6{ margin-top:5%;}
.inproduct_word h3,.inproduct_word h5,.inproduct_word p,.inproduct_word h6,.inproduct_word p,.inproduct_word h4{ opacity:1;}

.product_word h3{ text-align:left;}
.inproduct_word h5{margin: 2% 0;}
.product_lunbo ul{ text-align:left; margin:0;}
.dianti_icon{ display:none;}
.product_lunbo ul li h3{ margin-top:0;}
.product_lunbo ul li{ margin:0 20px 0 0;padding-bottom: 15px;border-bottom: 2px solid #fff;}

.product_lunbo ul li.active,.product_lunbo ul li:hover{border-bottom: 2px solid #114889;}

.product .swiper-slide:hover .inproduct_word h3{margin-top:12px;}

}

@media screen and (max-width:600px){
.product_title h3{ font-size: 6vw;}
.product_word h3{ font-size:5vw;    color: #114889;}

.inproduct_word p{ font-size:3.4vw;}

.product_lunbo ul{ display:inline;}
.product_lunbo ul li{ width:32%; margin-right:2%; margin-top:2%;}

.product_lunbo ul li:nth-child(3n){ margin-right:0;}

.inproduct_word h4{ font-size:3.6vw;}

.inproduct_word h6{ font-size:3.5vw}
.inproduct_word h6 i img{ width:20px; height:auto;}

.product_lunbo{ margin-top:3%;}
.product_lunbo ul li h3{ font-size:4.3vw;}
.product_lunbo ul li{    padding-bottom: 8px;}
}

/*shili*/



/*service*/

.service_container{ width:100%; overflow:hidden;background-image: linear-gradient(to right, #f5f5f5 , #f2f2f2);}

.service_top_content{ width:100%; overflow:hidden; position:relative; padding-bottom:22%;}
.service_top{ text-align:center; margin:5% auto 0 auto; position:relative; z-index:1;}

.service_top h4{ font-size:30px; color:#555555; letter-spacing:0.6px; font-weight:normal; line-height:1.5em; margin-bottom:1%;}

.service_top p{ font-size:32px; color:#114889; line-height:1.6em; font-weight:500; letter-spacing:0.6px;}

.service_top img{ display:block; margin:1% auto 0 auto;}

.service_water{ position:absolute; bottom:0; left:0; width:100%; z-index:0;}

.service_bottom_content{ width:100%; overflow:hidden;}

.zhaoshang_left{ width:50%; float:left; position:relative; overflow:hidden;}

.fuwu_right{ width:50%; float:right;overflow:hidden;}

.zhaoshang_left img{ display:block; width:100%; height:auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}

.zhaoshang_left:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.zhaoshang_word{ width:280px; position:absolute; left:90px;   top:50%;
        transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);  /* IE9及以上支持 */
        -webkit-transform: translate(0,-50%);    /* Safari and Chrome */
        -o-transform: translate(0,-50%);     /* Opera */
        -moz-transform: translate(0,-50%);       /* Firefox */}

.zhaoshang_word h6{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#fff; font-weight:500; letter-spacing:0.8px;}

.zhaoshang_word h3{ font-size:32px; line-height:1.6em; color:#fff; letter-spacing:0.6px; font-weight:500;}

.zhaoshang_word p{ font-size:16px; line-height:1.6em; color:#fff; letter-spacing:0.6px; margin-top:5%;}

@media screen and (max-width:1400px){
.service_top h4{ font-size:24px;}

.service_top p{ font-size:26px;}

.zhaoshang_word h3{ font-size:26px;}
.zhaoshang_word h6{ font-size:20px;}
}

@media screen and (max-width:900px){

.service_top img{ width:45px; margin:3% auto 0 auto;}
.zhaoshang_word{ left:15%;}
.zhaoshang_word h6{ font-size:18px;}
.zhaoshang_word h3{ font-size:24px;}
.zhaoshang_word p{ display:none;}
.service_top{ margin-top:6%;}
}

@media screen and (max-width:600px){
	.service_top h4{ font-size:4.5vw;}

.service_top p{ font-size:5vw;}

.service_container{ width:96%; margin:0 auto 0 auto;}

.zhaoshang_left{ float:none; width:100%; margin-bottom:2%;}
.zhaoshang_word h6{ font-size:4vw;}
.zhaoshang_word h3{ font-size:5vw;}
}

/*news*/

.news_container1{ width:100%;}

.news_container{ width:1430px; margin:0 auto 0 auto;}

.news_nav{ width:1400px; margin:3% auto 2%;}

.news_nav ul li{ font-size:20px; line-height:1.5em; color:#545454; letter-spacing:0.6px; float:left;cursor: pointer; margin-right:40px; padding-bottom:15px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; border-bottom:2px solid #fff;}

.news_nav ul li.active{ border-bottom:2px solid #114889; color:#114889;}


.news_index_content{ width: 100%; padding: 15px;box-sizing: border-box;}

.news_index_left_word{width: 100%; padding: 0 3%; box-sizing: border-box;}
.news_left_content{ width:53%; float:left; border-bottom:3px solid #dfdede; padding-bottom:2.5%; position:relative;box-shadow: 0 0 18px #ccc; }

.news_left_img{ width:100%; overflow:hidden;}

.news_left_img img{  transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s; display:block; width:100%; height:auto;}

.news_left_img:hover img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.news_left_content h3{ font-size:28px; font-weight:normal; color:#114889; line-height:1.5em; letter-spacing:0.6px; margin-top:4.5%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden;}

.news_left_content p{ color:#636363; font-size:15px; line-height:1.7em; letter-spacing:0.8px; margin-top:2.5%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden;}
.news_left_content h6{ color:#949393; font-weight:normal; font-size:13px; line-height:1.5em; letter-spacing:0.2px; margin-top:3.5%;}

.news_line{ width:10%; height:3px; background:#114889; position:absolute; left:0; bottom:-3px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.news_left_content:hover .news_line{ width:100%;}

.news_list{ width:40%; float:right;}

.news_list ul li{ width:100%; overflow:hidden; border-bottom:2px solid #dfdede; padding-bottom:8.2%; margin-bottom:8.2%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.news_list ul li:hover{border-bottom:2px solid #114889;}
.news_list ul li h3{ color:#114889; font-size:20px; line-height:1.5em; font-weight:normal; letter-spacing:0.6px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden;}

.news_list ul li p{line-height:1.7em; color:#636363; font-size:15px;letter-spacing:0.8px; margin-top:2.5%;   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden;}
.news_list ul li h6{ color:#949393; font-weight:normal; font-size:13px; line-height:1.5em; letter-spacing:0.2px; margin-top:2.5%;}

.j_mag{ width:100%; margin-top:-3%;}

@media screen and (max-width:1460px){
.news_container{ width:100%;}
.news_nav{ width:96%; margin:3% auto 1%;}
.news_index_content{ width: 100%; padding: 2%; box-sizing: border-box;}
}

@media screen and (max-width:1400px){

.news_nav ul li{ font-size:18px;}

.news_left_content h3{ font-size:26px;}
.news_list ul li h3{ font-size:18px;}
.news_list ul li{padding-bottom:3.1vw; margin-bottom:3.2vw;}

.news_list ul li:first-child + li + li{ border-bottom:none;}
}


@media screen and (max-width:1200px){
.news_list ul li{padding-bottom:2.8vw; margin-bottom:2.8vw;}
}

@media screen and (max-width:1000px){
.news_list ul li{padding-bottom:2.4vw; margin-bottom:2.4vw;}
}

@media screen and (max-width:900px){
.news_nav ul li{ margin-right:20px;}
.news_left_content{ width:100%;}

.news_list{ width:100%;}
.news_list ul li{ padding-bottom:5%; margin-top:5%; margin-bottom:0;}

.j_mag{ display:none;}
.news_list ul li:first-child + li + li{  border-bottom:2px solid #dfdede;}
.news_list ul li:first-child + li + li:hover{border-bottom:2px solid #114889;}

.news_left_content h3{    -webkit-line-clamp: 10;}

.news_left_content p{-webkit-line-clamp: 10;}
.news_list ul li h3{-webkit-line-clamp: 10;}
.news_list ul li p{-webkit-line-clamp: 10;}

}

@media screen and (max-width:600px){

.news_nav ul li{ font-size:4.3vw; padding-bottom:8px;}
.news_nav{ margin-top:5%; margin-bottom:4%;}

.news_list ul li h3{ font-size:4.3vw;}

.news_left_content h3{ font-size:4.3vw;}

.news_left_content p,.news_list ul li p{ font-size:3.4vw;}

.news_left_content h6,.news_list ul li h6{ font-size:3.2vw;}
.news_left_content{ padding-bottom:5%;}
}

/*footer*/
.footer_container{ width:100%; margin-top:5%; background:#545454; padding:3% 0 0 0; color:#fff; position: relative;}
.footer_container a{ color:#9a9a99;}
.footer_container a:hover{ color: #9ecafd;}
.footer_content{ width:1520px; margin:0 auto 0 auto; padding-bottom:3%;}

.footer_left_content{ float:left; margin-top:2.5%;}

.footer_left_content img.footer_logo{ display:block; height:60px; width:auto;}

.footer_left_content h3{ font-size:20px; line-height:1.5em; font-weight:normal; letter-spacing:0.6px; margin:25px 0 20px 0;}

.footer_left_content p{ font-size:16px; line-height:1.5em; letter-spacing:0.6px; margin-top:12px;}

.footer_left_content p i{ float:left; margin:2px 10px 0 0;}

.footer_left_content p i img{ max-width:19px; height:auto;}

.footer_erweima{ width:122px; float:right; text-align:center;}

.footer_erweima img{ display:block; width:100%; height:auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}
.footer_erweima:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.footer_erweima p{ font-size:14px; line-height:1.5em; letter-spacing:0.6px; margin-top:15px;}

.footer_right_content{ float:right; margin-right:4%; }


.footer_right_content ul{ float:left; margin-left:85px;}

.footer_right_content ul li{ font-size:14px; line-height:1.5em; letter-spacing:1px; font-weight:normal; margin-bottom:10px;}
.footer_right_content ul li:first-child{ font-size:16px; line-height:1.5em; margin-bottom:22px;font-weight: bold;}

.footer_bottom_content{ width:100%; border-top:1px solid #9a9a99;}
.footer_bottom{ width:1520px; margin:0 auto 0 auto; padding:1.5% 0;}
.footer_bottom p{ font-size:14px; line-height:1.5em; letter-spacing:0.6px;color:#9a9a99;}

.footer_bottom p span{ margin-left:50px;}


.sco_top{display: none;}
.sco_top,.sco_top2{width: 40px; position:absolute;right: 3%; bottom: 4%;}
.sco_top img,.sco_top2 img{display: block;width: 100%;}
.totop_xuan{position:fixed;right: 20px; bottom: 5%; padding: 15px; background: #fff;box-shadow: 0 0 20px #ccc; z-index: 2; border-radius: 50%; display: none;}

.totop_xuan img{display: block;width: 18px;}

@media screen and (max-width:1590px){

.footer_content,.footer_bottom{ width:96%;}

.footer_erweima{ margin-right:0;}


.footer_right_content ul{ margin-left:4vw;}
.sco_top,.sco_top2{width: 35px;}

.footer_right_content{margin-right: 6vw;}

}


@media screen and (max-width:1450px){
.footer_left_content img.footer_logo{ width:100%; height:auto; min-width:280px;}

.footer_left_content{ width:27%;}
.footer_right_content{margin-right: 3vw;}
}

@media screen and (max-width:1400px){
.footer_right_content ul{ margin-left: 3vw;}
.footer_right_content{ margin-right: 3vw;}
}

@media screen and (max-width:1200px){
.footer_erweima{ width:115px;}
.footer_left_content{width: 23%;}
}

@media screen and (max-width:1120px){

.footer_erweima{ display:none;}
.footer_right_content{margin-right: 0;}

}

@media screen and (max-width:1100px){

	.footer_bottom p span{ margin-left:16px;}
}
@media screen and (max-width:1000px){

	.footer_left_content img.footer_logo{ width:100%; height:auto; min-width:260px;}


}

@media screen and (max-width:900px){

  .totop_xuan{right: 5px; bottom: 12vh; padding: 10px; }

  .totop_xuan img{display: block;width: 15px;}

.footer_bottom p span:last-child{display:block;}
.sco_top{width: 25px; bottom: 5%;}
.sco_top2{width: 25px;bottom:11vh;}
	.footer_left_content{ width:100%; margin-top:0;}
.footer_right_content{ display:none;}
.footer_left_content img.footer_logo{ width:auto; max-width:50%; height:auto;}

.footer_left_content h3{ font-size:16px; margin:5% 0 2% 0;}
.footer_left_content p{ font-size:14px;}
.footer_left_content p i img{ max-width:13px;}
.footer_left_content p i{ margin:4px 1.2% 0 0;}

.footer_container{ padding-top:6%;}

.footer_bottom p{ font-size:12px;}

.footer_bottom p span{ display:block; margin-left:0; margin-top:8px;}

.footer_bottom{ padding:3% 0;}
}


/*mobile footer*/

.xf_hei{width:100%; height:10vh; float:left; overflow:hidden; display:none; }
.xf_dh { width:100%; height:10vh; float:left; overflow:hidden; background:rgba(17,72,137,1);  position:fixed; bottom:0; left:0; z-index:998; display:none;}
.xf_dh li { width:20%; height:100%; display:block; float:left; background-size:4.5vh;}
.xf_dh li a { display:block; padding-top:6.5vh; height:4vh; line-height:3vh; text-align:center; color:#FFF; font-size:1.6vh;}
.xf_dh_a { background:url(../images/xf_dh_a.png) no-repeat center 1.4vh;}
.xf_dh_b { background:url(../images/xf_dh_b.png) no-repeat center 1.4vh;}
.xf_dh_c { background:url(../images/xf_dh_c.png) no-repeat center 1.4vh;}

.xf_dh_d { background:url(../images/xf_dh_d.png) no-repeat center 1.4vh;}
.xf_dh_e { background:url(../images/xf_dh_e.png) no-repeat center 1.4vh; }

@media screen and (max-width:900px){

.xf_hei{ display:block;}
.xf_dh{ display:block;}
}





/*shili*/
.shili_container{ width:100%; overflow:hidden; position:relative; margin-top:3%;}
.shili_bg{ width:100%; overflow:hidden; position:relative;}

.shili_bg img{ width:100%; height:auto;}
.shili_bg_black{ width:100%; height:100%; /*background:rgba(0,0,0,0.4);*/ position:absolute; left:0; top:0; z-index:2;}


.shili_list_content{ position:absolute; left:0; top:0;z-index:3; height:100%; overflow:hidden; }
.shili_list_content ul{ position:relative; height:100%;}
.shili_list_content ul li{cursor: pointer; width:25%; float:left; box-sizing:border-box; border-right:1px solid #d0e6ff; height:100%; padding:7% 3.7% 0 3.7%; color:#fff;transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s; -webkit-transition-duration: .6s; }

.shili_list_content ul li h3{ font-size:30px; line-height:1.5em; font-weight:normal; letter-spacing:0.8px;transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s; -webkit-transition-duration: .6s;}

.shili_list_content ul li h6{ width:70px; height:1px; background:#fff; margin-top:40%; margin-bottom:30%; opacity:0;transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s; -webkit-transition-duration: .6s;}

.shili_list_content ul li p{ font-size:15px; line-height:1.9em; margin-top:15%; letter-spacing:0.6px; opacity:0;transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s; -webkit-transition-duration: .6s; text-align:justify; }

.shili_list_content ul li:hover{ background:rgba(27,78,138,0.85);}

.shili_list_content ul li:hover h6{margin-top:18%; margin-bottom:10%; opacity:1; }

.shili_list_content ul li:hover p{margin-top:5%;opacity:1; }

.bg2 img{ opacity:0; display:block; position:absolute; left:0; top:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;  width:100%; height:auto;}

.bg2 img.gbzj_r_ae{ opacity:1;}

.shili_m_img{ width:100%; display:none;}
.shili_m_img img{ max-width:100%; height:auto; display:block;}


@media screen and (max-width: 1660px)
{
.shili_list_content ul li{    padding: 4% 3% 0 3%;}

}

@media screen and (max-width: 1560px)
{
.shili_list_content ul li:hover h6{margin-top:10%; margin-bottom:8%; }
}

@media screen and (max-width: 1500px)
{
.shili_list_content ul li{    padding: 3% 2% 0;}
}


@media screen and (max-width: 1400px)
{
.shili_list_content ul li h3{ font-size:24px;}
.shili_list_content ul li:hover h6{margin-top:6%; margin-bottom:4%; }

}

@media screen and (max-width: 1360px)
{
.shili_list_content ul li:hover h6{ margin:18px 0 10px;}
.shili_list_content ul li p{ font-size:14px;}
.shili_list_content ul li{    padding: 2% 2% 0;}


}


@media screen and (max-width: 1260px)
{
	.bg2 img{ min-width:1300px;left:50%; margin-left:-650px;}

	.shili_bg img{ min-width:1300px;}

	.shili_list_content ul li{    padding: 2% 1% 0;}

}

@media screen and (max-width: 900px){


.shili_list_content ul li p{ font-size:15px;}
.shili_m_img{ display:block;}
.shili_container{ width:96%; margin:6% auto 0 auto;}

.shili_bg{ display:none;}
.shili_list_content{ position:inherit;}

.shili_list_content ul li{ width:100%; border:none; height:auto; color: #494949;padding:4% 3%; background:#fafafb; margin-bottom:4%;}
.shili_list_content ul li h6{ margin:3% 0;  opacity:1; background:#000;}
.shili_list_content ul li:hover h6{ margin:3% 0; background:#fff; }

.shili_list_content ul li p{ margin-top:3%; opacity:1;}
.shili_list_content ul li:hover p{margin-top:3%;opacity:1; color:#fff; }
.shili_list_content ul li:hover h3{ color:#fff;}

.shili_list_content ul li h3{ margin-top:4%;}

}

@media screen and (max-width: 600px)
{
.shili_list_content ul li p{ font-size:3.4vw;}

.shili_list_content ul li h3{ font-size:4.7vw;}
}


/*case*/

.case_container{ width:100%;}

.case_content{ width:100%; box-sizing:border-box; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; margin-top:3%; height:100%; position:relative; overflow:hidden;}

.case_left{ width:58%; float:left; overflow:hidden; position:relative;}

.hai_bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(66,65,65,0.15);}

.case_left img{ display:block; width:100%; height:auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}

.case_left:hover img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.case_right{ width:34%;   position:absolute;
        right:4%;
   top:50%;
        transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);  /* IE9及以上支持 */
        -webkit-transform: translate(0%,-50%);    /* Safari and Chrome */
        -o-transform: translate(0%,-50%);     /* Opera */
        -moz-transform: translate(0%,-50%);  }

.case_right h3{ font-size:26px; line-height:1.5em; letter-spacing:0.6px; color:#114889; font-weight:normal;}

.case_right h4{ font-size:18px; line-height:1.5em; letter-spacing:0.6px; font-weight:normal; color:#114889; margin-top:3%;}

.case_right p{ font-size:15px; line-height:2em; color:#6f6f6f; letter-spacing:0.6px; margin-top:1%;}

.hai_top{ margin-bottom:5%;}
.hai_top p{ font-size:16px; margin-top:0; line-height:2em; color:#414141;}


@media screen and (max-width: 1600px)
{
.case_right{right: 2%; width:38%;}
}

@media screen and (max-width: 1500px)
{
.hai_top{ margin-bottom:0;}

.case_right h4{ margin-top:2%;}

.case_right p{ line-height:1.5em;}
}


@media screen and (max-width: 1400px)
{
.hai_top{ display:none;}
.case_right h4{ font-size:17px; margin-top:2%;}
.case_right p{ line-height:1.8em;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;overflow: hidden;}
}

@media screen and (max-width: 1000px)
{

.product_title h3 img{ width:90px; height:auto;}

.hai_top{ display:block;}

.case_container{ width:96%; margin:0 auto;}

.case_left{ width:100%; float:none;}

.case_right{ width:100%; position:inherit; top:0; right:0; transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);  /* IE9及以上支持 */
        -webkit-transform: translate(0%,0%);    /* Safari and Chrome */
        -o-transform: translate(0%,0%);     /* Opera */
        -moz-transform: translate(0%,0%); margin-top:4%; padding-bottom:4%;}


.case_right h4{ margin-top:2.5%;}

.casenext{ top:22vw; margin-top:0; width:30px; height:30px;}
.caseprev{top:22vw; margin-top:0; width:30px; height:30px;}
}

@media screen and (max-width: 600px)
{

.product_title h3 img{ width:16vw; height:auto;}
	.case_content{  margin-top:5%; }
.case_right h3{ font-size:4.7vw;}

.case_right h4{ font-size:4vw; margin-top:4%;}

.case_right p{ font-size:3.4vw;}
}

/*hezuo*/
.hezuo_container{ width:1400px;    margin: 0 auto 0 auto;}

.hezuo_content{ width:100%; margin-top:3%;}

.hezuo_content ul li{ width:23.5%; float:left; margin-right:2%; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; margin-top:1%}

.hezuo_content ul li img{ width:100%; height:auto; display:block; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}

.hezuo_content ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}
.hezuo_content ul a:nth-child(4n) li{ margin-right:0; }

@media screen and (max-width: 1400px)
{
.hezuo_container{ width:96%;}
}

@media screen and (max-width: 900px)
{
.hezuo_content ul li{ width:49%; margin-top:2%;}
.hezuo_content ul a:nth-child(2n) li{ margin-right:0; }
}