/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/
@font-face {  
    font-family:'din';  /* 自定义的字体名称 */  
    src: url('din-bold-2.ttf') format('truetype');  
}  

html {font-size: 62.5%;}
 body {  font-size: 1.4rem;color:#333; background-color:#fff; font-family:"Microsoft YaHei",Tahoma,Arial,"Segoe UI", "Lucida Grande", Helvetica, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
html,body{width: 100%;height: 100%;}
form{margin:0px;}
img{border:none;}
ul,li { list-style:none; border:none;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td { margin: 0; padding: 0;  }
a{outline: medium none;transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;color:#333;}
a:link {color:#333;text-decoration:none;}
a:visited {text-decoration:none;color:#333;}
a:hover {text-decoration:none;color:rgba(187, 154, 125, 1);}
a:active {text-decoration:none;color:rgba(187, 154, 125, 1);}
a{
	-webkit-tap-highlight-color:transparent;
	outline:none;
	blr:expression(this.onFocus = this.blur());
}
a:focus{
	outline:none;
}
img, input, select {vertical-align:middle;outline: medium none;}
.clear{ float:none !important;clear:both!important; overflow:hidden!important; padding:0px!important; height:0px!important;}
.clearfix:after { content: ""; display: block; clear: both;}
textarea{ font-size:12px;outline: medium none;}
i{ font-style:normal;}
button, input:not([type="radio"]):not([type="checkbox"]), select {vertical-align: middle;}

*{margin:0;padding:0;
box-sizing:border-box;  
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
-o-box-sizing:border-box; 
}


.fright{ float:right !important;}
.fleft{ float:left !important;}

header.m-hd{ width:100%; z-index:999; margin:0 auto;padding: 0; height: auto;position: absolute; top:20px; left: 0;}
header.m-hd .header-top{width:100%; overflow:hidden; max-width:1600px;margin:0 auto; height:60px; padding: 0 10px;}
header.m-hd .header-top .m-logo{width:234px;overflow:hidden;display:block; float:left;}
header.m-hd .header-top .m-logo img{ width: 100%;}
header.m-hd .header-top  .language{float:right;overflow: hidden;margin-top:20px;background-image:url("../images/icon_yuyan.png");background-size: 16px;background-repeat: no-repeat; padding-left: 20px;color: #fff;background-position:0 3px;  cursor: pointer;}
header.m-hd .header-top  .language .el-dropdown{font-size: 16px; color: #FFF;}

header.m-hd .header-top .nav{float:right;height:30px; text-decoration:none;margin-top:16px; }
header.m-hd .header-top .nav li{font-size:16px;margin-right:40px; float: left;position: relative; line-height: 30px;color:rgba(255, 255, 255,0.6);}
header.m-hd .header-top .nav li a{color:rgba(255, 255, 255,0.6);}
header.m-hd .header-top .nav li.hover a{ color:rgba(255, 255, 255, 1);}



.show-sm-only{display: none;}
.el-drawer__header{ margin-bottom: 0 !important; z-index: 99999!important;background-color: #fff !important;}
.v-modal{z-index:89!important;}
.am-header { color:#fff; font-size:16px;position: relative;  width: 100%;  height: 49px;  line-height:46px;  padding: 0 10px;}
.am-header .am-header-nav { position: absolute; top: 0;}
.am-header .am-header-left { left: 10px;}
.am-header .am-header-left  img{ width: 50%;}
.am-header .am-header-title { margin: 0 30%; font-size: 2rem; font-weight: normal; text-align: center; display: block; word-wrap: normal;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.am-header .am-header-right { right: 10px;}
.am-header .am-header-right img{margin-top: -4px;}
.am-header a{ color:#fff; text-decoration:none;}


.el-drawer__body{background-color:#fff;}
.el-drawer__container .el-drawer__close-btn{ font-size: 30px !important; color: #333!important;}
header.m-hd nav li{ransition: all 0.2s linear 0s; }
.am-offcanvas-content{ padding:15px 0; width:100%;}
.am-offcanvas-content .nav{ width: 100%;:none;margin-top:5px; font-size: 18px; overflow: hidden;}
.am-offcanvas-content .nav li{font-size: 16px;color: #333; float: left; width: 100%; line-height:60px;height:60px;border-left: solid 5px #fff ;}
.am-offcanvas-content .nav li a{text-decoration:none; padding-left:20px;color: #333; background-repeat: no-repeat; background-position:0px  center;}
.am-offcanvas-content .nav li.hover{background-color:#52868e ;border-left: solid 5px #0a618e;}
.am-offcanvas-content .nav li.hover a{color: #fff;}

.common-box{width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden;}
.common-title{width: 100%; overflow: hidden;color: #333333;font-weight: bold;font-weight: bold;font-size: 64px;color: #1E303D;}
.common-title span{position: relative;z-index: 8;}
.common-title  span::after {content: " ";  position: absolute;  bottom: 5px;  left: 0;margin: 0 auto;z-index: -1;width: 164px;height: 20px;background: linear-gradient( 90deg, #D94640 0%, #115FAD 100%);border-radius:13px;}





.commonad{width: 100%;margin: 0 auto; overflow: hidden; position: relative;background-repeat: no-repeat; background-position:center bottom;}
.commonad .img{ width: 100%;}
.commonad .dt{width:96%;max-width:1400px; overflow: hidden; position: absolute;margin:0 auto; left: 0; right: 0; color: #fff;bottom:28%;font-size: 60px;font-weight: bold;}




.commonadnav{width: 100%;margin: 0 auto; overflow: hidden; position: relative;background: #FAFAFA; display: flex;}
.commonadnav li{order:1;flex-grow:1; font-size:16px; color: #666666; height: 70px; line-height: 70px; text-align: center;}
.commonadnav li a{display: block;height: 70px;}
.commonadnav li.hover{background-color: #4461F3; color: #fff;}
.commonadnav li.hover a{color: #fff;}
.commonadnav li.hover a:hover{color: #fff;}


.common-list{overflow: hidden; margin: 0 -42px;}
.common-list li {overflow: hidden;float: left; margin-top: 44px; width:33.333%;}
.common-list li .box{overflow: hidden; display: block; padding: 0 42px;}
.common-list li .box .img{display: block; width: 100%;}
.common-list li .box .tel{font-size: 16px;color: #0A618E;line-height: 30px;width: 100%; margin-top: 20px;}
.common-list li .box .info{ width: 100%; overflow: hidden;margin-top: 18px; }
.common-list li .box .info dt{width: 100%; overflow: hidden;font-weight: bold;font-weight: bold;font-size: 20px;color: #333333;line-height: 28px; height: 28px;}
.common-list li .box .info dd{font-size: 16px;color: #999999; margin-top:20px;height:60px; line-height: 30px;}


.common-list2{overflow: hidden; margin: 0 -20px;}
.common-list2 li {overflow: hidden;float: left; margin-top: 44px; width:50%;}
.common-list2 li .box{overflow: hidden; display: block; padding: 0 20px;}
.common-list2 li .sbox{ position: relative;overflow: hidden;}
.common-list2 li .box .img{display: block; width: 100%;}
.common-list2 li .bbox{overflow: hidden; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; padding: 26px 45px;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);}

.common-list2 li .box .info{ width: 100%; overflow: hidden;margin-top: 18px;color: #fff; border-left: solid #fff 2px; padding-left: 20px;}
.common-list2 li .box .info dt{width: 100%; overflow: hidden;font-weight: bold;font-weight: bold;font-size: 24px;line-height: 28px; height: 28px;}
.common-list2 li .box .info dd{font-size: 16px; margin-top:20px;height:60px; line-height: 30px;}


.common-list3{overflow: hidden; margin: 0 -20px;}
.common-list3 li {overflow: hidden;float: left; margin-top: 44px; width:33.33%;}
.common-list3 li .box{overflow: hidden; display: block; padding: 0 20px;}
.common-list3 li .sbox{ position: relative;overflow: hidden;}
.common-list3 li .box .img{display: block; width: 100%;}
.common-list3 li .bbox{overflow: hidden; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; padding: 26px 45px;background: linear-gradient( 180deg, RGBA(11, 97, 142, 0) 0%, RGBA(11, 97, 142, 1) 100%);font-weight: bold;font-size: 20px;color: #FFFFFF;}






.indextopad {position:relative;width:100%; overflow:hidden; margin: 0 auto;}
.indextopad .swiper-slide { background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative;}

.indextopad .swiper-slide .box{position: absolute; bottom:18%; margin:0 auto; left: 0; right: 0; overflow: hidden;max-width: 1440px; width: 100%;  padding: 0 20px; }
.indextopad .swiper-slide a{ overflow: hidden;display: block;}
.indextopad .swiper-slide img{width: 100%;}
.indextopad .swiper-slide dl{ width: 100%; overflow: hidden; color: #fff;color: #FFFFFF; max-width: 900px;border-bottom: solid 2px rgba(255, 255, 255,0.25); padding-bottom: 30px; }
.indextopad .swiper-slide dl dt{font-size:60px;font-weight: bold;}
.indextopad .swiper-slide dl dd{font-size: 28px; margin-top:32px; line-height:180%;}







.index-main01{overflow: hidden; padding:85px 0 120px 0; width: 100%; background-image:url("../images/bg2.png"); background-position:center bottom;background-repeat: no-repeat;background-size: 100%;}


.index-main01 .info { width: 100%; overflow: hidden; text-align: center;  max-width: 1440px; margin: 0 auto; padding-top: 80px;   }
.index-main01 .info  dt{font-weight: bold;font-size: 40px;color: #333333;border-bottom: solid #EEEEEE 1px; padding-bottom: 22px; position: relative;}
.index-main01 .info  dt::after {content: " ";  position: absolute;width: 200px;height: 3px;background: #0A618E;bottom:-2px; left: 0; right: 0; margin: 0 auto;}
.index-main01 .info  dd{font-size: 16px;line-height: 36px;overflow: hidden; margin: 60px auto 0 auto; max-width: 1138px; width:90%;}
.index-main01 .info  .more{width: 152px;height: 45px;background: #0A618E;display: flex; margin: 0 auto; justify-content:center;align-items:center;font-size: 16px;
color: #FFFFFF; margin-top: 60px;}
.index-main01 .info  .more .el-icon-right{font-size:24px; position: relative; top: 1px; margin-left: 10px;}


.index-main01 .info .udata{ width:100%; display: flex;justify-content:space-between; margin: 100px auto 0 auto; max-width: 1000px;}
.index-main01 .info .udata li{ padding-right:30px;font-size: 16px;color: #333333;overflow: hidden; position: relative; text-align: center;}
.index-main01 .info .udata li.l1{ padding-right: 60px;}
.index-main01 .info .udata li i{font-weight: bold;font-size: 100px;color: #0A618E;font-family:"din";}
.index-main01 .info .udata li .dt{display: block;}
.index-main01 .info .udata li span{display: block; position: absolute;font-size: 40px;color: #0A618E;font-weight: bold; position: absolute; top:20px; right: 0; text-align: center;}


.index-main02 {position:relative;width:100%; overflow:hidden; margin:120px auto 0 auto; max-width: 1440px;}
.index-main02 .htitle{font-weight: bold;font-size: 40px;color: #333; width: 100%;border-bottom: solid #EEEEEE 1px; position: relative; padding-bottom: 22px; }
.index-main02 .htitle::after {content: " ";  position: absolute;width: 200px;height: 3px;background: #0A618E;bottom:-2px; left: 0;}
.index-main02  .swiper-main02{ margin-top: 70px;}

.index-main02 .swiper-slide { position:relative;display: flex;}

.index-main02 .swiper-slide .box{overflow: hidden;width:50%;padding:50px;background: #0A618E; display: flex;align-items:center;}
.index-main02 .swiper-slide .img{width:50%;}
.index-main02 .swiper-slide dl{ width: 100%; overflow: hidden; color: #fff;color: #FFFFFF;}
.index-main02 .swiper-slide dl dt{font-size:32px;font-weight: bold; position: relative; padding-bottom: 20px;}
.index-main02 .swiper-slide dl dt::after {content: " ";  position: absolute;width: 76px;height: 8px;background: #F89408;bottom:0; left: 0;}
.index-main02 .swiper-slide dl dd{font-size:16px; margin-top:32px; line-height:180%;}

.index-main02   .more{width: 152px;height: 45px;background: #fff;display: flex; justify-content:center;align-items:center;font-size: 16px;
color: #0A618E; margin-top: 70px;}
.index-main02   .more .el-icon-right{font-size:24px; position: relative; top: 1px; margin-left: 10px;}

.index-main02 .but{ width: 120px; height: 60px; position: absolute; bottom: 27px;left: 0; right: 0;  margin: 0 auto;display: flex; z-index: 8;}
.index-main02 .but .button-next,.index-main02 .but .button-prev{ width: 60px; height: 60px;cursor: pointer;}




.index-main03box{ overflow: hidden; width: 100%;background:RGBA(18, 98, 139, 1); padding: 120px 0;background-image: url("../images/bg3.png"); background-repeat: no-repeat; background-size:cover;}
.index-main03 .htitle{font-weight: bold;font-size: 40px;color: #fff; width: 100%;border-bottom: solid #EEEEEE 1px; position: relative; padding-bottom: 22px; }
.index-main03 .htitle::after {content: " ";  position: absolute;width: 200px;height: 3px;background: #F89408;bottom:-2px; left: 0;}
.index-main03 .ulist{overflow: hidden; padding:40px 0; margin: 0 -20px; }
.index-main03 .ulist li{ padding:0 24px; margin-top: 40px; width: 25%;float: left;}
.index-main03 .ulist li img{ width: 100%;box-shadow: 0px 0px 10px 10px rgba(7,39,4,0.05);border: solid 1px #707070;display: block;}




.index-main04{ padding: 120px 0; width: 100%; overflow: hidden; margin: 0 auto;}
.index-main04 .htitle{font-weight: bold;font-size: 40px;color: #333; width: 100%;border-bottom: solid #EEEEEE 1px; position: relative; padding-bottom: 22px; }
.index-main04 .htitle::after {content: " ";  position: absolute;width: 200px;height: 3px;background: #0A618E;bottom:-2px; left: 0;}
.index-main04 .common-list{ margin-top: 60px;}








.aboutusbox01{ padding: 150px 0; background: #F2F2F2; overflow: hidden;}
.aboutusbox01 .info{ width: 39%; overflow: hidden;float: left;}
.aboutusbox01 .htitle{font-weight: bold;font-size: 40px;color: #333333;width: 100%;position: relative; margin-bottom: 40px;padding-bottom:20px;}
.aboutusbox01 .htitle::after {content: " ";  position: absolute;width: 200px;height: 3px;background: #0A618E; bottom:0; left: 0;}
.aboutusbox01 .info dl{overflow: hidden;margin-bottom: 0;color: #333333;line-height: 32px;}
.aboutusbox01 .info dl dt{font-size:32px; position: relative; padding-bottom: 30px;}
.aboutusbox01 .info dl dt::after {content: " ";  position: absolute;width: 76px;height: 8px;background: #F89408; bottom:0; left: 0;}
.aboutusbox01 .info dl dd{font-size: 16px;color: #333333;line-height:180%; margin-top: 36px;}
.aboutusbox01  .swiper{ width:53%;float: right; overflow: hidden; margin-top: 50px;}
.aboutusbox01  .swiper-slide{ padding-bottom: 30px;}
.aboutusbox01  .swiper-slide .img{width:100%;}

.aboutusbox01  .but{ width: 120px; height: 60px; position: absolute; bottom: 0;left: 0; right: 0;  margin: 0 auto;display: flex; z-index: 8;}
.aboutusbox01  .but .button-next,.aboutusbox01 .but .button-prev{ width: 60px; height: 60px;cursor: pointer;}





.aboutusbox02{ width: 100%; overflow: hidden; position: relative; max-width: 1440px;margin: 0 auto; padding: 120px 0;}
.aboutusbox02 .mySwiper2 .swiper-slide{ position: relative;display: flex;  justify-content:space-between;align-items:center;}
.aboutusbox02 .img{ padding-top: 50px; padding-left: 50px; overflow: hidden; width: 45.6%; position: relative;}
.aboutusbox02 .img .timg{ width: 90%; position: absolute;top: 0; left: 0;}
.aboutusbox02 .img .bg{ width: 100%;}

.aboutusbox02 dl{ width:46%;color: #333; overflow: hidden;}
.aboutusbox02 dl dt{font-weight: bold;font-size: 32px;color: #0A618E; padding-bottom:20px;}
.aboutusbox02 dl dt i{font-size: 68px;}
.aboutusbox02 dl dd{font-size: 16px;line-height: 110%; margin-top: 20px;}
.aboutusbox02 dl dd i{font-size: 16px;color: #0A618E; margin-right: 20px;}


.aboutusbox02 .box{width: 100%; overflow: hidden; margin-top: 90px;}
.aboutusbox02 .sbox{ max-width: 1600px; width: 100%;  margin: 0 auto; overflow: hidden; padding: 0 60px;position: relative;}
.aboutusbox02 .sbox2{ overflow: hidden;  width: 100%; }


.aboutusbox02 .box .swiper-slide{position: relative;}
.aboutusbox02 .box .swiper-slide  i{background-color: #84AFC6;display: flex;justify-content:center;align-items:center; width: 24px; height: 24px;border-radius: 24px; position: absolute; margin: 0 auto; top: 18px; left: 0; right: 0; }
.aboutusbox02 .box .swiper-slide  i i{display: block; width: 10px; height:10px;background-color: #0a618e; top:auto;z-index: 2;}
.aboutusbox02 .box .swiper-slide .dt{ height:90px;text-align: center; width: 100%; position: relative; padding-top:50px;font-size: 16px; color: #333;}
.aboutusbox02 .box .swiper-slide .dt::after {content: " ";  position: absolute;width:100%;height: 1px;background: #0A618E;left: 0; top:30px;}

.aboutusbox02 .box .swiper-slide-thumb-active i{background-color: #f8c263;}
.aboutusbox02 .box .swiper-slide-thumb-active i i{background-color: #F89408;}

.aboutusbox02 .swiper-button-next,.aboutusbox02 .swiper-button-prev{ width:60px; height: 60px; top: 0; margin: 0;}
.aboutusbox02 .swiper-button-next{background-image: url("../images/icon_left4.png");}
.aboutusbox02 .swiper-button-prev{background-image: url("../images/icon_left3.png");}

.aboutusbox02 .swiper-button-next::after{display:none}
.aboutusbox02 .swiper-button-prev::after{display:none}


.aboutusbox03box{ overflow: hidden; width: 100%;background: #F9F9F9; padding: 110px 0;}
.aboutusbox03 .htitle{font-weight: bold;font-size: 40px;color: #333333;overflow: hidden; width: 100%;}
.aboutusbox03 .ulist{overflow: hidden;margin: 30px -21px 0 -21px;}
.aboutusbox03 .ulist li{ padding:0 21px; margin-top: 40px; width: 33.33%;float: left; overflow: hidden;}
.aboutusbox03 .ulist li .box{background: #FFFFFF; position: relative; overflow: hidden; width: 100%; padding:35px 30px 50px 30px; }
.aboutusbox03 .ulist li .img{ width: 100%; max-width: 268px; display: block; margin: 0 auto;}
.aboutusbox03 .ulist li  .dt{font-weight: bold;font-size: 20px;color: #333333; text-align: center; margin-top: 40px; overflow: hidden; width: 100%;}


.aboutusbox04 { position: relative; margin: 120px auto;}
.aboutusbox04 .img{ width: 60%; overflow: hidden;float: left;}
.aboutusbox04 .info{position: absolute; top: 15%; width: 50%;right: 0; padding: 0 58px; display: flex;align-items:center;background: #0A618E; height: 70%;}
.aboutusbox04 .info .title{font-weight: bold;font-size: 40px;color: #FFFFFF;line-height: 32px;}
.aboutusbox04 .info dl{ border-left: solid 3px #fff; padding-left: 22px; margin-top: 50px;}
.aboutusbox04 .info dl dt{font-weight: bold;font-size: 24px;color: #FFFFFF;line-height: 32px;}
.aboutusbox04 .info dl dd{font-size: 16px;color: #FFFFFF;line-height: 32px; margin-top: 20px;}


.contactus-box{display: flex; width: 100%; overflow: hidden;align-items:center;}
.contactus-box .info .htitle{font-size:32px;color: #333; width: 100%; position: relative; padding-bottom: 22px; }
.contactus-box .info .htitle::after {content: " ";  position: absolute;width: 76px;height: 8px;background: #F89408;bottom:0; left: 0;}

.contactus-box .info{width: 50%; overflow: hidden;}

.contactus-box .info dl{ overflow: hidden; width: 100%; margin-top: 70px;color: #333333;}
.contactus-box .info dl dt{font-size: 20px;line-height: 32px; width:100%; overflow: hidden; height: 32px;}
.contactus-box .info dl dd{font-size: 16px;line-height:120%; width:100%; overflow: hidden; position: relative; padding-left: 24px;float: left; margin-top:30px;background-repeat: no-repeat;background-position: left 1px; }
.contactus-box .info dl dd.add{background-image:url("../images/icon_address.png");}
.contactus-box .info dl dd.tel{background-image:url("../images/icon_tel.png");}
.contactus-box .info dl dd.mail{background-image:url("../images/icon_email.png");}



.contactus-box .rbox{ width: 50%; overflow: hidden;background: #F4F4F4;border-radius: 20px 20px 0px 0px; padding-left: 100px; padding-top: 56px; padding-bottom:90px;}
.contactus-box .rbox .htitle { overflow: hidden; width: 100%;}
.contactus-box .rbox .htitle dt{font-size: 32px;color: #333333;line-height: 32px;}
.contactus-box .rbox .htitle dd{font-size: 16px;color: #333333; margin-top: 15px;}
.contactus-box .rbox .formbox{width: 100%; overflow: hidden; margin-top:32px;}


.contactus-box .rbox .el-input__inner{ height:64px;border:0;border:1px solid #eee; font-size: 16px;border-radius: 0; }
.contactus-box .rbox .el-textarea__inner{border:0; font-size:16px; height: 98px;border:1px solid #eee;font-family:"Microsoft YaHei",Tahoma,Arial,"Segoe UI", "Lucida Grande";}

.contactus-box .rbox .but{width: 100%;height: 64px;background: #0A618E!important;text-decoration: none;color:#ffffff;font-size:16px; justify-content:center; align-items:center; display: flex; border: 0; border-radius: 0;}



.product-box{ padding: 80px 0;display: flex;}
.product-box .lnav{ width: 320px; overflow: hidden; border-right: solid #eee 1px;}
.product-box .rbox{flex: 1;overflow: hidden; padding-left: 48px;}

.product-box .lnav dl{ width: 100%; overflow: hidden; margin-top: 30px;}
.product-box .lnav dl dt{ padding-left: 20px; overflow: hidden; height: 30px; line-height: 30px; background-image:url("../images/sekuai.png");background-repeat: no-repeat;background-position: left center;font-weight: bold;font-size: 18px;color: #333333; }
.product-box .lnav dl dd{padding-left: 20px;font-size: 16px;color: #333333; line-height: 120%; width: 100%; overflow: hidden; margin-top: 16px;}

.product-box .rbox .htitle{ margin-top: 12px; overflow: hidden; width: 100%;font-size: 24px;color: #333333;line-height: 32px; margin-bottom: 30px;}

.product-box .rbox ul.list{ margin: 0 -24px; overflow: hidden;}
.product-box .rbox ul.list li{ width: 33.33%; float: left;overflow: hidden; padding:24px;}
.product-box .rbox ul.list li .box{background: #F4F4F4;border-radius: 20px 20px 0px 0px; width: 100%; overflow: hidden; padding: 20px 30px;display: block;}
.product-box .rbox ul.list li .img{display: block; margin: 0 auto; width:100%; max-width: 176px;}
.product-box .rbox ul.list li .dt{text-align: center; width: 100%;font-size: 18px;color: #333333;line-height: 32px; margin-top: 40px;}

.product-info{ padding: 0 0;  overflow: hidden;display: flex; position: relative; margin-bottom:100px;}
.product-info .info{ width:50%; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-right: 34px;}
.product-info .info dl{overflow: hidden;margin-bottom: 0;color: #333333;line-height: 32px;}
.product-info .info dl dt{font-size:32px; position: relative; padding-bottom: 30px;}
.product-info .info dl dt::after {content: " ";  position: absolute;width: 76px;height: 8px;background: #F89408; bottom:0; left: 0;}
.product-info .info dl dd{font-size: 16px;color: #333333;line-height:180%;}
.product-info .info dl dd.st{font-weight: bold; margin-top: 36px;}

.product-info .rbox{background: #F4F4F4;border-radius: 20px 20px 0px 0px; width:50%; position: relative; display: flex;align-items:center;justify-content:center; padding-right: 70px; padding-top: 80px;}
.product-info .rbox .img{ max-width: 359px; width: 80%;}

.product-info  .but{ width: 120px; height: 60px; position: absolute; bottom: 0;left: 0; right: 0;  margin: 0 auto;display: flex; z-index: 8;}
.product-info  .but .button-next,.product-info .but .button-prev{ width: 60px; height: 60px;cursor: pointer;}


.news-box{ padding-top: 30px; padding-bottom: 110px;}


.news-show{ overflow: hidden;padding:80px 0; max-width: 1200px;}
.news-show h1.htitle{ text-align: center; width: 100%; overflow: hidden; font-size: 32px;color: #333;}
.news-show .date{text-align: center; width: 100%; overflow: hidden; padding: 30px 0;border-bottom:2px solid #eee; font-size: 16px;color: rgba(51, 51, 51, 0.5);}

.news-show .scontent{width: 100%; overflow: hidden;font-weight: 400;font-size: 16px;color: #666666;line-height:220%; margin: 40px 0 30px 0;}
.news-show .scontent img{max-width: 100%;}
.news-show .paging{width: 100%; display: flex;justify-content:space-between; padding-top: 26px;}
.news-show .paging li{ width:50%;font-size: 16px;color: #666666;line-height: 32px; overflow: hidden; text-align: left;}
.news-show .paging li a{color:#666666;}
.news-show .paging li a:hover{color:#4461F3;}
.news-show .paging li:last-child{text-align: right;}


.case-box{ padding-top: 30px; padding-bottom: 80px;}
.case-show{ padding: 80px 0; background: #F2F2F2; overflow: hidden;display: flex;}
.case-show .info{ width:39%; overflow: hidden; padding-top: 0; padding-bottom: 0; padding-right: 34px;}
.case-show .info dl{overflow: hidden;margin-bottom: 0;color: #333333;line-height: 32px;}
.case-show .info dl dt{font-size:32px; position: relative; padding-bottom: 30px;}
.case-show .info dl dt::after {content: " ";  position: absolute;width: 76px;height: 8px;background: #F89408; bottom:0; left: 0;}
.case-show .info dl dd{font-size: 16px;color: #333333;line-height:180%;}
.case-show .info dl dd.st{font-weight: bold; margin-top: 36px;}

.case-show  .swiper{ width:53%;float: right; overflow: hidden; margin-top: 80px;}
.case-show  .swiper-slide{ padding-bottom: 30px;}
.case-show  .swiper-slide .img{width:100%;}

.case-show  .but{ width: 120px; height: 60px; position: absolute; bottom: 0;left: 0; right: 0;  margin: 0 auto;display: flex; z-index: 8;}
.case-show  .but .button-next,.case-show .but .button-prev{ width: 60px; height: 60px;cursor: pointer;}


.application-box{ padding-top: 30px; padding-bottom:80px;}
.application-show{ overflow: hidden;padding:80px 0; max-width: 1440px;}
.application-show h1.htitle{width: 100%; overflow: hidden; font-size: 32px;color: #333;border-bottom: solid 2px #EEE; padding-bottom: 20px;}
.application-show .scontent{width: 100%; overflow: hidden;font-weight: 400;font-size: 16px;color: #666666;line-height:220%; margin: 20px 0 30px 0;}
.application-show .scontent img{max-width: 100%;}


.honor-box{ padding-top: 0; padding-bottom:80px;}
.honor-box .ulist{overflow: hidden;margin: 30px -21px 0 -21px;}
.honor-box .ulist li{ padding:0 21px; margin-top: 40px; width: 33.33%;float: left; overflow: hidden;}
.honor-box .ulist li .box{background: #FFFFFF; position: relative; overflow: hidden; width: 100%; padding:35px 30px 50px 30px;border: 1px solid #EEEEEE; }
.honor-box .ulist li .img{ width: 100%; max-width: 268px; display: block; margin: 0 auto;}
.honor-box .ulist li  .dt{font-weight: bold;font-size: 20px;color: #333333; text-align: center; margin-top: 40px; overflow: hidden; width: 100%;}


input::placeholder,textarea::placeholder{
  color:rgba(51, 51, 51, 0.6) !important; font-size:16px;
}



footer.footer{font-size:14px;overflow: hidden;background: #0A618E;}
footer.footer .box{width:100%; max-width:1440px; margin:0 auto; overflow: hidden; display: flex;justify-content:space-between}

footer.footer .box .navbox{overflow:hidden;display: flex;justify-content:flex-end; }

footer.footer .box .navboxs{justify-content:space-between;border-right:solid rgba(255, 255, 255,0.18) 1px;flex:0.4;padding-top:40px; }
footer.footer .box .navboxs .logo{ width:186px;}
footer.footer .box .navboxs .title{font-size: 20px;color: #FFFFFF;line-height: 80px;}
footer.footer .box .navboxs  p{font-size: 16px;color: #FFFFFF;line-height: 40px;}


footer.footer .box .contact{overflow: hidden;flex: 1;display: flex; margin-right:100px;padding-top:40px; }
footer.footer .box .contact .li{ margin-right: 50px;}
footer.footer .box .contact .li dt{font-size: 20px;color: #FFFFFF;line-height: 80px;}
footer.footer .box .contact .li dd a{font-size:16px;color:rgba(255, 255, 255, 0.62); line-height: 200%;} 


footer.footer .box  .consultation{padding-top:40px; }
footer.footer .box  .consultation .but{width: 162px;height: 45px;background: #F89408;display: flex; margin: 0 auto; justify-content:center;align-items:center;font-size: 16px;
color: #FFFFFF; margin-top: 60px;}
footer.footer .box  .consultation .but .el-icon-right{font-size:24px; position: relative; top: 1px;}
footer.footer .box  .consultation .but .icon{ width:18px;}
footer.footer .box  .consultation .but span{ margin: 0 10px; padding-left: 10px; border-left: solid 1px rgba(255,255,255,0.19);}

footer.footer .txtall{ width:100%;line-height:25px;font-size:14px; color:rgba(255, 255, 255,0.55);font-size: 14px; overflow: hidden;max-width: 1440px; margin:40px auto 0 auto; text-align: center; padding: 20px 0;}






.border0{ border:0 !important;}
a.co4{color:#048ac2;text-decoration:underline;}
a.co4:hover{ color:#F00;}
.cf00{ color:#ff0000;}
.padding0{ padding:0 !important;}
.margin0{ margin:0 !important;}
.margintop20{ margin-top:20px!important;}
.margintop10{ margin-top:10px!important;}
.margintop40{ margin-top:40px!important;}
.margintop0{ margin-top:70px!important;}
.margintop00{ margin-top:0!important;}
/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/


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

}

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

}

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

}

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

}

@media only screen and (max-width:1220px){
header.m-hd .header-top .nav li{ margin-right: 20px;}
}

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

}

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

.show-sm-only{display: block;}
.show-md-up{display: none;}
.am-offcanvas {display: block;}
.am-offcanvas-bar{display: block;}



.honor-box .ulist li .box{padding: 20px;}
.common-box{ padding-left: 10px; padding-right: 10px;}
.honor-box .ulist li{ padding: 0 10px;margin-top:20px;}
.honor-box .ulist{margin: 10px -10px 0 -10px;}
.honor-box .ulist li .dt{font-size: 16px;}

footer.footer .box{display: block;}
footer.footer .box .navboxs{text-align: center;}

footer.footer .box .contact{ margin: 0; justify-content:space-around;}
footer.footer .box .contact .li{ margin:0;}
footer.footer .box .consultation .but{ margin-top: 0;}
footer.footer .txtall{ margin-top: 0;}

.commonad .dt{font-size: 40px;}
header.m-hd{ position: inherit;}


.product-box .rbox ul.list li{ width: 50%;}
}


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

}




@media only screen and (max-width:640px){
	.honor-box .ulist li .box{padding:5px;}
    .honor-box .ulist li{ width:50%;}
    .honor-box .ulist li .dt{ margin-top: 10px;font-size: 14px; padding-bottom: 10px;}
    .honor-box .ulist{margin:5px -5px 0 -5px;}
    .honor-box .ulist li{ padding: 0 5px;}
    
footer.footer .box .contact{display: block;}
    
footer.footer .box .contact .li{ padding: 0 10px; overflow: hidden; width:100%;}
footer.footer .box .contact .li dt{ width: 100%;}
footer.footer .box .contact .li dd{ width:33.33%;float: left;}

.commonad .dt{font-size:30px;bottom: 30px;}



.aboutusbox01{ padding: 20px 0;}
.aboutusbox01 .info{ padding: 0 10px;}
.aboutusbox01 .info,.aboutusbox01 .swiper{ width: 100%;}
.aboutusbox01 .but .button-next, .aboutusbox01 .but .button-prev{ width: 40px; height:40px;}
.aboutusbox01 .but img{ width: 100%;}
.aboutusbox01 .but{ width: 80px; height: 40px;}
.aboutusbox01 .info dl dd{ margin-top: 15px;}
.aboutusbox01 .swiper{ margin-top: 20px;}

.aboutusbox02{ padding:20px 0;}
.aboutusbox02 .mySwiper2 .swiper-slide{display: block;}
.aboutusbox02 .img{ width: 100%;padding-top:20px;  padding-left:20px;}
.aboutusbox02 .img .timg{width: 96%;}
.aboutusbox02 dl{ width: 100%; margin-top: 10px; padding: 0 10px;}
.aboutusbox02 dl dt i{font-size: 50px;}
.aboutusbox02 dl dt{ padding-bottom: 10px;}
.aboutusbox02 dl dd{ margin-top: 10px; padding-left: 10px;}
.aboutusbox02 dl dd i{ margin-right:10px;}
.aboutusbox02 .swiper-button-next, .aboutusbox02 .swiper-button-prev{ width: 40px; height: 40px;background-size: 40px; margin-top: 10px;}

.aboutusbox02 .sbox{ padding: 0 50px;}
.aboutusbox02 .box{ margin-top: 20px;}
.aboutusbox03box{ padding: 20px 0;}
.aboutusbox03 .ulist li .box{ padding: 10px;}
.aboutusbox03 .ulist li{ width: 50%;}
.aboutusbox03 .ulist{margin:5px -5px 0 -5px;}
.aboutusbox03 .ulist li{ padding:0 5px; margin-top: 10px;}
.aboutusbox03 .ulist li .dt{font-size: 16px; margin-top: 10px;font-size: 14px;}
.aboutusbox03 .htitle{font-size: 30px;}

.index-main03box{ padding: 20px 0;}
.index-main03 .htitle{font-size: 30px;}
.index-main03 .htitle::after{ width: 130px;}
.index-main03 .ulist li{ width: 50%; padding: 0 10px; margin-top:20px;}
.index-main03 .ulist{ margin: 0 -10px;padding:20px 0;}
.aboutusbox04{ margin:20px 0;}
.aboutusbox04 .img{ width: 90%;}
.aboutusbox04 .info{ position: relative; width:90%;float: right;top: 0; left: 0; margin-top: -40px; padding: 10px;}
.aboutusbox04 .info .title{font-size: 30px;}
.aboutusbox04 .info dl{ margin-top: 20px;padding-left:10px;}
.aboutusbox04 .info dl dt{font-size: 20px;}
.aboutusbox04 .info dl dd{ margin-top: 10px; line-height:160%;}

.application-show{ padding: 20px 10px;}
.application-show h1.htitle{font-size: 26px;}
.application-show .scontent{ line-height: 180%;}
.application-box{ padding: 0 10px 20px 10px;}
.common-list3 { margin: 0 -5px;}
.common-list3 li{ width: 50%; margin-top: 20px;}
.common-list3 li .box{ padding: 0 5px;}
.common-list3 li .bbox{ padding: 10px;font-size: 16px;}

.case-show{ padding: 20px 10px !important;display: block;}
.case-show .info{ width: 100%;}
.case-show .info dl dd.st{ margin-top: 20px;}
.case-show .swiper{ width: 100%;}
.case-show .but .button-next, .case-show .but .button-prev{ width: 40px; height: 40px;background-size: 40px;}
.case-show .but{ width: 80px; height: 40px;}
.case-show .but img{ width: 100%;}
.case-show .swiper{ margin-top: 20px;}

.case-box{ padding: 0 10px 20px 10px;}
.common-list2{ margin: 0 -5px;}
.common-list2 li{ width: 100%; padding: 5px; margin-top: 10px;}
.common-list2 li .box{ padding: 0;}
.common-list2 li .bbox{padding:10px 20px;}
.common-list2 li .box .info{ padding-left: 10px;}
.common-list2 li .box .info dd{ margin-top: 10px; line-height: 140%;font-size: 14px;}
.common-list2 li .box .info dt{font-size: 20px;}

.contactus-box{display: block; padding: 10px;}
.contactus-box .info{ width: 100%;}
.contactus-box .info dl{ margin-top: 15px;}
.contactus-box .info dl dd{ margin-top: 15px;}

.contactus-box .rbox{ width: 100%; padding: 10px !important; margin-top: 20px;}
.contactus-box .rbox .htitle {text-align: center;}
.contactus-box .rbox .htitle dt{ margin-top: 10px;font-size: 26px;font-weight: bold;}

.index-main02{ padding: 20px 0; margin: 0;}
.index-main02 .htitle{font-size: 30px; width: 98%; margin: 0 auto;}
.index-main02 .swiper-main02{ margin-top: 20px;}
.index-main02 .swiper-slide{display: block;}
.index-main02 .swiper-slide .box{ padding: 10px; display: block;width: 100%;}
.index-main02 .swiper-slide .box .info{ width: 100%;}
.index-main02 .swiper-slide .img{ width: 100%;} 

.index-main02 .more{ margin-top: 20px;}
.index-main02 .swiper-slide dl dt{font-size: 26px;}
.index-main02 .swiper-slide dl dd{ margin-top: 20px;}
.index-main01{  padding: 20px 10px;}
.index-main01 .info{ padding: 0;}
.index-main01 .info dt{font-size: 30px;}
.index-main01 .info .udata{margin-top: 30px; flex-wrap:wrap; justify-content:space-around}
.index-main01 .info .udata li{ width:45%;float: left;}
.index-main01 .info .udata li i{font-size: 90px;}
.index-main01 .info .udata li span{font-size: 30px;top:16px;}
.index-main01 .info dd{ width: 96%; margin-top: 20px;}
.index-main01 .info .more{margin-top: 20px;}
.index-main04{ padding: 20px 10px; }
.index-main04 .htitle{font-size: 30px;}
.index-main04 .common-list { margin: 0;}
.index-main04 .common-list li{ width: 100%; margin-top: 20px;}
.common-list li .box{ padding: 0;}
.common-list li .box .info dd{ margin-top:10px;}
.common-list li .box .info{ margin-top:10px;}

.indextopad .swiper-slide dl dt{font-size: 30px;}
.indextopad .swiper-slide dl dd{font-size: 16px; margin-top: 10px; line-height: 120%;}
.indextopad .swiper-slide dl{ padding-bottom: 10px;}
.indextopad .swiper-slide .box{bottom: 10%;}
.news-show{ padding: 20px 10px;}
.news-show h1.htitle{font-size: 26px;}
.news-show .date{ padding: 10px 0;}
.news-show .paging{display: block; padding-top: 10px;}
.news-show .paging li{ width: 100%; text-align:left !important; }
.news-box{ padding:20px 10px;}

.common-list { margin: 0;}
.common-list li{ width: 100%; margin-top: 20px;}
.product-info{display: block; margin-bottom: 20px;}
.product-info .info{ padding: 10px !important; width: 100%;}
.product-info .info dl dt{font-size: 30px;}
.product-info .info dl dd.st{ margin-top: 20px;}
.product-info .rbox{ width: 100%; padding:30px 20px;}
.product-box{ width: 100%;display: block; padding: 10px;}
.product-box .lnav{ width: 100%; border: 0;}

.product-box .lnav dl dd{ width: 50%;float: left; height: 20px; line-height: 20px; margin-top: 6px;}
.product-box .lnav dl{ margin-top: 10px;}
.product-box .rbox{ padding: 10px 0;}
.product-box .rbox .htitle{text-align: center; font-weight: bold; margin-bottom: 10px;}
.product-box .rbox ul.list{ margin: 0 -5px;}
.product-box .rbox ul.list li{ padding: 5px;}
.product-box .rbox ul.list li .box{ padding:15px;}
.product-box .rbox ul.list li .dt{ margin-top: 10px; font-size: 16px;}

}