@charset "utf-8";  
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd { margin: 0 }
input, button, ul, ol { margin: 0; padding: 0 }
body, input, button, form, textarea { font-size: 14px; line-height: 28px; font-family: microsoft yahei, arial black; color: #333 }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-weight: 400; }
ul, ol { list-style: none }
img { border: 0; display: block; margin: 0; padding: 0 }
em, i, strong { font-style: normal }
button, input, select, textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
body { background: #fff; overflow-x: hidden; overflow-y: auto;  }
* { padding: 0; margin: 0 }
div { margin: 0; padding: 0; border: 0 }
p { margin: 0 }
b, strong { font-weight: 700 }
table { border-collapse: collapse; border-spacing: 0 }
li { list-style: none outside none }
a { text-decoration: none; color: #333; background: 0 0; outline: none }
a:focus { outline: none }
a:hover, a:active { color: #066dd8; text-decoration: none }
a:visited { text-decoration: none }
form { margin: 0 }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle }
button, select { text-transform: none }
input { line-height: normal; border: none }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
code, kbd, pre, samp { font-size: 1em }
pre { margin: 1em 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
dd { margin: 0 }
audio:not([controls]) { display: none; height: 0 }

.red { color: red !important }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0 }
.clearfix { *zoom: 1 }
.clear { clear: both }
.fl { float: left }
.fr { float: right; }
.left{float: left}
.right{float: right} 

.container{width:1200px;margin:0 auto;}

/* .body_background{width:100vw;height:100vh;display:block;animation-duration: 2s;} */
/* .body_background img{width:100%;height:100%;} */

.index_main{display:none;}

.section { text-align: center; font: 50px "Microsoft Yahei"; color: #000; width:100vh;height:100vh;/*padding:50px;border:5px solid #000;*/}

.section1{width:100%;height:100%;}
.section2{width:100%;height:100%;background:url(../images/section2.jpg) no-repeat center ;background-size:100% 100%;overflow:hidden;}
.section3{width:100%;height:100%;background:url(../images/section3.png) no-repeat center ;background-size:100% 100%;overflow:hidden;}
.section4{width:100%;height:100%;background:url(../images/section4.png) no-repeat center ;background-size:100% 100%;overflow:hidden;}
.section5{width:100%;height:100%;background:url(../images/section5.png) no-repeat center ;background-size:100% 100%;overflow:hidden;}
.section6{width:100%;height:100%;background:url(../images/section6.png) no-repeat center ;background-size:100% 100%;overflow:hidden;}
.section7{width:100%;height:100%;background:url(../images/section7.png) no-repeat center ;background-size:100% 100%;overflow:hidden;}
.footerl{width:100%;height:100%;background:url(../images/section8.jpg) no-repeat center ;background-size:100% 100%;overflow:hidden;}

.bg-page{width:90%;margin:auto;height:750px;border:0px solid blue;margin-top:5%;}
.section3 .bg-page{width:1280px}
.section6 .bg-page{width:1280px}
.footerl .bg-page{width:1280px}



.section_text{width: 100%;height: 100%;}
.section_title{width: 50%;margin:auto;color: #ffffff;display: inline-block;padding-bottom: 5px;font-size:38px;border-bottom:1px solid #ffffff;margin-bottom:50px;}
.section_title strong{  font-size:46px;margin-right:15px;}
/* .section_text .section_title{display: inline-block;padding-bottom: 5px;font-size:38px;border-bottom:1px solid #ffffff;margin-bottom:50px;} */
/* .section_text .section_title strong{  font-size:46px;margin-right:15px;} */

/*header*/
.header{width:100%;position: fixed;top:0;left:0;z-index: 4;box-sizing: border-box;background: #000;opacity:0; height:80px;  }
.header .container{ width:1200px;margin:auto;font-size: 0;text-align: center; }
.left_logo{display: inline-block;vertical-align: middle;position: relative; border:0px solid #fff;}
.left_logo img{width:auto;height: 80px;}
.right_nav{display: inline-block;vertical-align: middle; width: 70%;height:80px;text-align: center;border:0px solid #fff;margin-right:28px;}
.nav_list{width:100%;}
.nav_list>li{display: inline-block; width:calc(100%/7);padding-top: 20px;text-align: center;vertical-align: middle;}
.nav_list>li>a:hover{color: #b63138;}
.nav_list>li>a .zh{font-size: 16px;color: #a97b50;display: block;line-height: 24px;}
.nav_list>li>a .en{font-size: 14px;color: #a97b50;display: block;line-height: 24px;}

.selectintab{display: inline-block;vertical-align: middle;position: relative;border:0px solid #fff;font-size:18px;color:#a97b50;line-height:80px;}
.selectintab a{color:#a97b50;}
.selectintab a:hover{color:#b63138;}

/* .top_logo{width: 198px;display: inline-block;vertical-align: middle;} */
.nav_list>li>a{display: block;width: 100%; position: relative;}
.nav_list>li>a:after { content: ''; border-bottom: 1px solid #b63138; width: 0%; position: absolute; bottom: -1px; left: 5%; right: 5%; transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; }
.nav_list>li>a.active:after { width: 100%; }
.nav_list>li:hover>a:after { width: 100%; }
.nav_list>li:hover .zh,.nav_list>li:hover .en{color:#b63138;}

.bg_red{background-color: #740000;}
.phone_nav { display: none; }
.hided { overflow: hidden; width: 100%; height: 100%; position: fixed; }
.phone_logo { height: 60px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.phone_logo .p1 img {max-height: 30px; }
.header_margin{height:120px; }
.hidepc{display: none;}



/*轮播图 banner */

.banner { width: 100%; height:100%; border:1px solid green;  position: relative; -webkit-user-select: none; -moz-user-select: none; }  
.banner .swiper-container{height:100%}
.banner .swiper-slide { width: 100%; height: 100%; position: relative; }  
.banner .swiper-slide .bg { width: 100%; height: 100%;overflow:hidden; }
.banner .swiper-slide .bg img { width: 100%; height: 100%;vertical-align: middle; z-index:999; }  

.banner .swiper-slide .banner-b1{position: absolute;top: 22%;left: 6%; width:50%;height:40%; border:5px solid #fff;}
.banner .swiper-slide .banner-b2{position: absolute;top: 25%;left: 7%; width:50%;height:40%; border:5px solid #d71518;}

/* .banner .swiper-slide h1{  color: #ffffff; font-size:64px; font-weight:800; color:#d71518}  */
/* .banner .swiper-slide h1 span{color:#fff; font-size:32px; margin-left:3%;letter-spacing:3px;} */
.banner .swiper-slide .banner_box{position:absolute;width:100%;height:100%;border:0px solid #000;/*padding:5% 10%*/background:url(../images/c53c1006288f470ab9091c1f771506d9.gif)}
.banner .swiper-slide .banner_box img{max-width: 100%;height: 100%;vertical-align: middle;margin:auto}
.banner .swiper-slide .banner_box .banner-text{position: relative;width:1200px;margin:auto;bottom: 36%;/*left: 24%;*/border:0px solid #fff;color:#fff;font-size:36px;}

.banner .swiper-slide .banner_box .banner-text2{position: relative;width:1200px;margin:auto;bottom: 31%;/*left: 24%;*/border:0px solid #fff;color:#fff;font-size:30px;}
.banner .swiper-slide .banner_box .banner-text2 span{ width:calc(100%/3);background:#b63138;color:#fff;font-weight:bold;border-radius:0 30px;padding:10px 15px;margin:0 30px;} 

.banner .swiper-pagination-bullet { background-color: #fff; opacity: 1; border-radius: 4px; transition: all 0.3s; }  
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #d71518; width: 48px; }  
.banner .banner-btn { position: absolute; z-index: 3; color: #fff; top: 50%; cursor: pointer; outline: none;opacity:0 }  
.banner .banner-btn i { display: block; width: 20px; height: 30px;  background-repeat: no-repeat; float: left; }  
.banner .banner-btn span { display: block; float: left; font-size: 20px; line-height: 20px; }  
.banner .banner-prev { left: 3.6%; }  
.banner .banner-prev i { background-image: url(../images/left.png); background-size:100% 100%;  }  
.banner .banner-prev span { margin-left: 16px; }  
.banner .banner-next { right: 3.6%; }  
.banner .banner-next i { background-image: url(../images/right.png); background-size:100% 100%; }  
.banner .banner-next span { margin-right: 16px; } 
.banner:hover  .banner-btn{opacity:1;}






/*产品展示 product*/
.index_pro{position: relative;overflow: hidden;width:100%;height:75%;border:0px solid #fff; }
.index_pro .swiper-container { width: 1200px; height: 100%; /*padding:30px 0;*/border:0px solid #fff; } 
.index_pro .swiper-slide { text-align: center; font-size: 20px;   /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); } 
.index_pro .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1.2); } 
.index_pro .news-slider__item{width:100%;height:95%;display:inline-block;border:0px solid #fff;}

.index_pro .swiper-pagination{bottom:-10px;}

.index_pro .swiper-button-next{width:50px;height:60px;background:url(../images/right.png) center no-repeat ;opacity:.1}
.index_pro .swiper-button-prev{width:50px;height:60px;background:url(../images/left.png) center no-repeat ;opacity:.1}

.index_pro .swiper-button-next:hover,.index_w .swiper-button-prev:hover{opacity:1}

.index_pro .news-slider__item .img{width:100%;margin:auto;height:85%;overflow:hidden;position:relative;border-radius:0;border:0px solid #fff;padding:0;text-align:center;/*background:#fff;*/}
.index_pro .news-slider__item .img img{max-width:100%;height:100%;vertical-align:middle;}
.index_pro .news-slider__item .text{  /* position:absolute; */ /* top:90%;  */ /* left:10%; */ color:#fff; width:80%; margin:auto; opacity:0; text-align:center; padding: .8em 0; /* border-left:1px solid; */ background: #b63138; border-radius: 0 30px; z-index:1; transform:scaleY(1) translateY(-50px); transition:transform .2s, opacity .5s; } 
.index_pro .swiper-slide-active .text{ opacity:1; transform:scaleY(1) translateY(0); } 


/*关于我们 about*/
.index_about{position: relative;overflow: hidden;width:100%;height:75%;border:0px solid #fff;}
.index_about .text{width:85%; height:80%;border:0px solid red; margin:auto;}
.index_about .text p{font-size:20px;color:#fff;line-height:48px;text-align:left;}
.index_about .text  .more{width:100px;text-align:center;padding:10px 20px;font-size:18px;border:1px solid #fff;margin-top:15px;color:#fff}

/*技术优势 qulity*/
.index_quality{position: relative;width:100%;height:75%;border:0px solid #fff;}

/* .wapper{width:100%;height: 370px;margin:0 auto;overflow:hidden;}  */
		
.index_quality ul{margin-top:30px;}		

.index_quality li{z-index:99;float:left;margin-right: 10px;width: 15.7%;height: 360px;background-color:#fff;color:#fff;text-align:center;font-weight:bold;display:inline-block;border:0px solid yellow;position:relative;}

.index_quality li  .pic{width:100%;/*height:250px;*/border:0px solid red;overflow:hidden;z-index:99;}
.index_quality li  .pic  img{width:100%;height:100%;}
.index_quality li .quse img{width:100%}
.index_quality li .title{margin:25px 10px 2px}
.index_quality li .title a{color: #fff; display: block; margin-top: 10px; line-height: 39px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; /* border: 1px solid #fff; */ background: #b63138; border-radius: 20px 0;} /* .wapper li .desc{margin:0 10px 10px;line-height:20px;font-size:14px;color:#666; font-weight: 100;}	 */
.index_quality li  .sbatb{width:100%;height:100%; background: rgba(182,49,56,.9);opacity:0;position: absolute; display: flex; align-items: center; justify-content: center; text-align: justify;top:-5px;left:0;font-size:16px;color:#fff;margin-top:5px;line-height:22px;} 
.index_quality li  .sbatb p{width:90%}
/* .index_quality li  .sbatb h4{}		 */
		
.index_quality li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.index_quality li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}
.index_quality li:hover .sbatb{opacity:1;top:0px;left:5px;z-index:98}



.index_principle{position: relative;overflow: hidden;width:100%;height:100%;border:0px solid red;margin:auto;}

.index_principle .swiper-container { width: 100%; height: 100%; }  
.index_principle .swiper-slide { text-align: center; font-size: 18px; background:rgba(255,255,255,.1);   display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
/* .index_principle .swiper-button-next{width:50px;height:60px;background:url(../images/right.png) center no-repeat #b53037;} */
/* .index_principle .swiper-button-prev{width:50px;height:60px;background:url(../images/left.png) center no-repeat #b53037;} */
.index_principle .swiper-slide  img{max-width:100%;height:100%;margin:auto;}



.index_w{position: relative;overflow: hidden;width:100%;height:75%;border:0px solid #fff;}
.index_w .swiper-container { width: 100%; height: 100%; /*padding:30px 0;*/border:0px solid #fff; } 
.index_w .swiper-slide { text-align: center; font-size: 18px;   /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); } 
.index_w .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1); } 
.index_w .news-slider__item{width:100%;height:95%;display:inline-block;border:0px solid #fff;background:#a97b50;opacity:.9;}

.index_w .swiper-pagination{bottom:-10px;}

.index_w .swiper-button-next{width:50px;height:60px;background:url(../images/right.png) center no-repeat #b53037;opacity:.1}
.index_w .swiper-button-prev{width:50px;height:60px;background:url(../images/left.png) center no-repeat #b53037;opacity:.1}

.index_w .swiper-button-next:hover,.index_w .swiper-button-prev:hover{opacity:1}


.index_w .news-slider__item .img{width:100%;margin:auto;height:40%;position:relative;border-radius:0;border:0px solid #fff;padding:0;text-align:center;background:#fff;}
.index_w .news-slider__item .img img{max-width:100%;height:100%;margin:auto;}
.index_w .news-slider__item .text{width:100%; height:60%; position:relative;border:0px solid #fff;padding:0 5px;}
.index_w .news-slider__item .text h2{font-size:26px;color:#333;text-align:left;margin:0;padding-left:20px;}
.index_w .news-slider__item .text h3{font-size:18px;color:#333;padding:5px 0;border-bottom:2px solid #eee;text-align:left;margin:0;padding-left:20px;}
.index_w .news-slider__item .text .title{font-size:22px;color:#333;text-align:left;padding-top:10px;width: 95%;margin: auto;}
.index_w .news-slider__item .text .description{font-size:16px;color:#333;text-align:left;padding-top:10px;text-indent:2em;line-height:30px;width: 95%;margin: auto;}



.index_case{position: relative;overflow: hidden;width:100%;height:85%;border:0px solid #fff;}
.index_case ul{width:100%;}
.index_case ul li{width:24%;height:300px;border:0px solid red;float:left;margin:5px 5px;position:relative;overflow:hidden;}
.index_case ul li img{width:100%;height:100%;background:#fff;}
.index_case ul li .border{opacity:0;width:90%;height:90%;border:2px solid #fff;text-overflow: ellipsis;font-size:28px;color:#fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);display: flex; align-items: center; justify-content: center; text-align: justify;}
.index_case ul li:hover .border{opacity:1;}


.index_contact{position: relative;overflow: hidden;width:100%;height:85%;border:0px solid #fff;}
.index_contact .left_img{border:0px solid #fff;}
.index_contact .left_img img{width:100%;height:auto;}

.index_contact .left_text{}
.index_contact .left_text h2{font-size:28px;color:#000;margin-bottom:5px;margin-top:5px;font-family:"宋体";letter-spacing:2px;font-weight:700}
.index_contact .left_text h2 img{height:80px;width:auto;}
.index_contact .left_text h3{font-size:20px;color:#333;margin:5px 0;letter-spacing:2px;font-family:"宋体";text-transform:capitalize}
.index_contact .left_text .wk_cont_div { margin: 0 auto; padding-top: 8px; width: 540px; } 
.index_contact .left_text .wk_cont_div li { margin-top: 24px; height: 44px; color: #000; font-size: 18px; line-height: 44px; border:0px solid #000; text-align: left; } 
.index_contact .left_text .wk_cont_div li a { color: #ccc; } 
.index_contact .left_text .wk_cont_div span { float: left; display: block; margin-right: 21px; width: 120px; height: 44px; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; color:#fff; background: #b63138; border-radius: 20px 0; text-align: center; } 


.footer{background: url(../images/footer-jianzhu.png) no-repeat;/*background:#1d2088 ;*/background-size: 100% 100%;/*height: 469px;*/overflow: hidden;} 

.footer .footerTop{padding: 40px 0 40px 0;}
.footer .footerTop .dlist{}
.footer .footerTop .dlist dt{font-size: 18px;color: #ffffff;margin-bottom: 22px;}
.footer .footerTop .dlist dt a{color:#fff;}
.footer .footerTop .dlist dd{margin-bottom: 10px;line-height: 30px;}
.footer .footerTop .dlist dd a{font-size: 14px;color: #fff;}
.footer .footerTop .dlist dd a:hover{color: #fff;}
.footer .footerTop .col1{width: 146px;}
.footer .footerTop .col2{width: 155px;}
.footer .footerTop .col3{width: 145px;margin-left:25px;}
.footer .footerTop .col4{width: 160px;}
.footer .footerTop .col5{width: 160px;}
.footer .footerTop .col6{width: 265px;}
.footer .footerTop .wk{/*width: 135px;height:135px;margin:10px;background-color:#fff;*/}
.footer .footerTop .wk img{width: 115px;height: 115px;padding:10px;background-color:#fff;border-radius:5px;}
.footer .footerTop .wk em{display: block;margin-top: 22px;font-size:14px;text-align: center;color: #999;}
.footer .footerBot{border-top:1px solid #3e3e3e;line-height: 30px;font-size: 14px;background: #333;padding: 10px 0;}
.footer .footerBot p.fl{color: #999999;}
.footer .footerBot .shares a{color: #999999;}
.footer .footerBot .shares a:hover{color:#fff;}
.footer .footerBot .shares span.fl{}
.footer .footerBot .shares .sharebox a{text-indent: -999em;margin: 30px 0 0 10px;}
.footer .footerBot .sharebox .ico02{display:inline-block;width: 24px;height: 24px;background: url(../images/ic1.png) no-repeat;}
.footer .footerBot .sharebox .ico02:hover{background: url(../images/ic1h.png) no-repeat;}
.footer .footerBot .sharebox .ico03{display:inline-block;background: url(../images/ic2.png) no-repeat;width: 24px;height: 24px;}
.footer .footerBot .sharebox .ico01{display:inline-block;background: url(../images/ic3.png) no-repeat;width: 25px;height: 25px;}
.footer .footerBot .sharebox .ico03:hover{background: url(../images/ic2h.png) no-repeat;}
.footer .footerBot .sharebox .ico01:hover{background: url(../images/ic3h.png) no-repeat;}

/********.toolbar*********/
.toolbar { width: 50px; position: fixed; right: 1%; bottom: 30%; z-index: 999; }
.toolbar dd { width: 50px; height: 50px; margin-bottom: 1px; position: relative; background:#166ca3; /*-webkit-border-radius: 100%; border-radius: 100%;*/ }
.toolbar dd i { opacity: 1;width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; }
.toolbar dd i span { width: 35px; height: 35px; display: block; margin: 7px 0 0 7px; background: url(../images/rightfixicon.png) no-repeat 0 0; }
/* .toolbar dd.gottop { display: none; } */
.toolbar .slide-tel { display: block; width: 0; height: 50px; line-height: 50px; font-size: 18px; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden;  -webkit-transition: all .0s ease-in-out 0s; -moz-transition: all .0s ease-in-out 0s; transition: all .0s ease-in-out 0s; }
.toolbar .pop { position: absolute; right: 90px; top: -51px; background: #1d2088; display: none; }
.toolbar .pop-code { width: 160px; }
.toolbar .pop-code img { width: 120px; height: 120px; display: block; padding: 20px 20px 0; }
.toolbar .pop-code h3 { height: 52px; line-height: 26px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; white-space: nowrap; }
.toolbar .pop-code h3 b { display: block; font-size: 14px; font-weight: normal; }
.toolbar .qq span { background-position: 0 -47px; }
.toolbar .qq a { width: 50px; height: 50px; cursor: pointer; display: block; }
/* .toolbar .qq:hover { background: #0363bc; } */
.toolbar .tel span { background-position: 0 0; }
.toolbar .tel:hover { background: #1d2088; }
.toolbar .code span { background-position: 0 -95px; }
/* .toolbar .code:hover { background: #0363bc; } */
.toolbar .top span { background-position: 0 -142px; }
/* .toolbar .top:hover { background: #0363bc; }  */