/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/

html {font-size: 62.5%;}
 body {  font-size: 1.4rem;color:#333; background-color:#fff; font-family: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:underline;color:#CF2F22;}
a:active {text-decoration:none;color:#CF2F22;}
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;border-bottom:1px solid #dcdce6; background-color: #fff;}
header.m-hd .header-top{width:100%; overflow:hidden; max-width:1440px;margin:0 auto; height:80px;background-color:#fff;}
header.m-hd .header-top .m-logo{width:236px;overflow:hidden;display:block; float:left; margin-top:10px;}
header.m-hd .header-top .m-logo img{ width: 100%;}

header.m-hd .header-top .nav{float:right;height:30px; text-decoration:none;margin-top:22px; }
header.m-hd .header-top .nav li{font-size: 16px;margin-right:30px; float: left;position: relative; line-height: 30px;}
header.m-hd .header-top .nav a{ color: #333 ; }
header.m-hd .header-top .nav a:hover{ color: #ff0000 ;text-decoration: none;}


header.m-hd .logon{float:right;margin-top:20px;}
header.m-hd .logon a{ color: #fff;height:32px; line-height:36px;display: inline-block;border-radius:5px; text-align: center; margin: 0 3px;text-decoration:none;width: 120px;height: 36px;background: linear-gradient(90deg, rgba(219, 71, 35, 1) 0%, rgba(247, 113, 79, 1) 100%);}



.show-sm-only{display: none;}
.el-drawer__header{ margin-bottom: 0 !important;}
.am-header { color:#fff;background-color:#fff; font-size:16px;position: relative;  width: 100%;  height: 49px;  line-height: 49px;  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: 56%;}
.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 a{ color:#333;}



  
header.m-hd nav li{ransition: all 0.2s linear 0s; text-align:center;}
.am-offcanvas-content{ padding:15px 0; width:100%;}
.am-offcanvas-content .logo{ text-align:center; margin:10px auto 10px auto; display:block; width:100%; max-width:90%}
.am-offcanvas-content .logo img{ max-width:100%;margin:0 auto; display:block;}
.am-offcanvas-content .logon2{text-decoration:none;margin-top:20px; font-size: 18px; text-align: center; overflow: hidden; width: 100%;}
.am-offcanvas-content .logon2 i,.am-offcanvas-content .logon2 img{ display:block;}
.am-offcanvas-content .logon2 .uimg{width:100px;height: 100px; display: block;  border-radius: 100px; border: 2px #00877D solid;  margin: 0 auto;}
.am-offcanvas-content .logon2 a{ color: #fff;}
.am-offcanvas-content .logon2 .uname{height: 42px; line-height: 42px; width: 100%;margin: 0 auto;}

.am-offcanvas-content .logon2 .time{ color: #00877D;height:20px; line-height: 20px; margin-top: 11px;}

.am-offcanvas-content .nav{ width: 100%;:none;margin-top:5px; font-size: 18px; overflow: hidden;}
.am-offcanvas-content .nav li{font-size: 14px;font-weight: bold;color: #333; float: left; width: 100%; line-height:40px;}
.am-offcanvas-content .nav li a{text-decoration:none; padding-left:20px; color: rgba(36, 36, 36, 1); background-repeat: no-repeat; background-position:0px  center;}
.am-offcanvas-content .nav li a.in1{background-image: url(../images/M1.png);}
.am-offcanvas-content .nav li a.in2{background-image: url(../images/M7.png);}
.am-offcanvas-content .nav li a.in3{background-image: url(../images/M2.png);}
.am-offcanvas-content .nav li a.in4{background-image: url(../images/M3.png);}
.am-offcanvas-content .nav li a.in5{background-image: url(../images/M4.png);}
.am-offcanvas-content .nav li a.in6{background-image: url(../images/M5.png);}
.am-offcanvas-content .nav li a.in7{background-image: url(../images/M6.png);}
.am-offcanvas-content .nav li a.in8{background-image: url(../images/M8.png);}
.am-offcanvas-content .nav.nl2 a{ padding-left: 0;}
.am-offcanvas-content .logon{ float: none!important; text-align: center;}


.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;top: 0; left: 0; right: 0; height: 100%; width: 100%; padding: 0 10px; margin: 0 auto; max-width: 1420%;}
.indextopad .swiper-slide .title{ color: #fff; font-size: 60px; width: 100%;} */


.indextopad .swiper-slide dl{width:90%; overflow: hidden; position: absolute; top:38%; margin:0 auto; left: 0; right: 0; color: #fff; text-align: center;}
.indextopad .swiper-slide dl dt{font-size: 60px;font-weight: bold; padding-bottom: 40px; position: relative; margin-bottom: 50px;   -webkit-text-stroke: 1px black; /* Safari */
   -moz-text-stroke: 2px black;    /* Firefox */
   text-stroke: 2px black;   }
/* .indextopad .swiper-slide dl dt::after { display: block; content: "";  width: 80px; height: 4px; background-color: #fff; margin: 0 auto; left: 0; right: 0; bottom: 0; position: absolute;} */
.indextopad .swiper-slide dl dd{text-align: center; margin-top: 10px; font-size: 24px; -webkit-text-stroke: 1px black;
    font-weight: bold; }
.indextopad .swiper-pagination-bullet{  width: 60px; height: 3px; border-radius: 0;background:#fff;opacity:0.4}
.indextopad  .swiper-pagination-bullet-active{opacity:1}

.indextopad .swiper-slide img{ width:100%;}

.common-box{width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden;}


.commonad{width: 100%;margin: 0 auto; overflow: hidden; border-top: solid 1px rgba(0, 0, 0, .25); position: relative;}
.commonad  .title{width: 100%;overflow: hidden; text-align: center; top: 50%; margin-top: -30px; height: 60px; line-height: 60px; font-size: 60px; color: rgba(51, 51, 51, 1); position: absolute;font-weight: bold;}
.commonad  .title.cf{color: #fff;}
.commonad .img{ width: 100%;}






.Clist  {margin:90px -10px 0 -10px;}
.Clist  li{ width:25%; float: left; padding:0 10px; }
.Clist  li a{display: block; padding:30px 35px; width: 100%;text-decoration:none;background: #FFFFFF; overflow: hidden; border-radius: 10px; height: 370px;}
.Clist  li .iocn{ width: 64px; height: 64px; overflow: hidden; justify-content: center;align-items:center;border-radius: 64px; background-color: rgba(1, 56, 123, 0.1); margin:0 auto; display: flex;}
.Clist  li .iocn img{}
.Clist  li dl{ text-align: center;color:rgba(51, 51, 51, 1);width: 100%; overflow: hidden; }
.Clist  li dt{ font-size: 18px; margin-top: 24px;font-weight: bold;width: 100%; overflow: hidden; }
.Clist  li dd{ font-size: 14px;line-height:32px; margin-top: 28px;width: 100%; overflow: hidden;}
.Clist  li a:hover{box-shadow: 0px 0px 10px  rgba(127, 127, 127, 0.1); }


.Clist2  { width: 100%; overflow: hidden; margin-top: 50px;}
.Clist2  li{ width:100%; padding-left: 276px; overflow: hidden; min-height: 144px; position: relative; margin-top: 30px;}
.Clist2  li a{text-decoration: navajowhite;}
.Clist2  li .img{ width: 240px; height: 144px; position: absolute; top: 0; left: 0;}
.Clist2  li .dt{ width: 100%; overflow: hidden; line-height: 32px; color:rgba(51, 51, 51, 1); font-size:16px; margin-top:10px; height: 64px;}
.Clist2  li .time{ color: rgba(51, 51, 51, 0.4); font-size: 14px; margin-top: 36px; }

.index-main01{padding: 100px 0 100px 0; overflow: hidden; width: 100%; background-color:#f5f5f5;}
.index-main01 .common-box{max-width: 1130px;}
.index-main01 dl.info,.index-main01 dl.info dt,.index-main01 dl.info dd{overflow: hidden; width: 100%; text-align: center; }
.index-main01 dl.info dt{font-size: 60px; color: #333;font-weight: bold;}
.index-main01 dl.info dd{font-size: 24px; color:rgba(51, 51, 51, 0.7); line-height: 48px; margin-top: 90px;}

.index-main02{padding:100px 0 50px 0;max-width: 1200px;}
.index-main02 .stitle{font-size: 60px; color: #333;font-weight: bold; line-height:65px; text-align: center;}
.index-main02 .content{ width: 100%; overflow: hidden;display: flex; margin-top: 40px;align-items:center;}
.index-main02 .content dl.info{  width:26.5%;}
.index-main02 .content dl.info dt,
.index-main02 .content dl.info dd{ width:100%; overflow: hidden; color: rgba(51, 51, 51, 1); }
.index-main02 .content dl.info dt { color: rgba(51, 51, 51, 1); font-size: 30px;font-weight: bold;}
.index-main02 .content dl.info dd {font-size:28px; line-height: 140%; margin-top: 22px;}
.index-main02 .content dl.info .el-icon-circle-close{ color: rgba(219, 71, 35, 1); margin-right: 14px;}
.index-main02 .content .img{width: 47%; overflow: hidden;}
.index-main02 .content .img img{ width: 100%;}


.index-main03{padding:60px 0 130px 0; overflow: hidden; width: 100%; background-color:#f5f5f5;}
.index-main03 .common-box{max-width:1200px; overflow: initial;}
.index-main03 .stitle{font-size: 60px; color: #333;font-weight: bold; line-height: 80px; text-align: center;}


.index-main04{padding:60px 0 135px 0;max-width: 1200px;}
.index-main04 .stitle{font-size: 60px; color: #333;font-weight: bold; line-height: 60px; text-align: center;}
.index-main04 .content{ width: 100%; overflow: hidden;display: flex; margin-top: 40px;align-items:center;}
.index-main04 ul  { overflow: hidden; padding: 10px; width: 100%; margin-top: 50px;}
.index-main04 ul  li{ width:42%; float: left; position: relative;}
.index-main04 ul  li a{display: block;box-shadow: 0px 0px 10px  rgba(127, 127, 127, 0.1);  padding:40px 30px 20px 30px; width: 100%;text-decoration:none;background: #FFFFFF; overflow: hidden; border-radius: 10px; height:188px; position: relative; display: flex; align-items:center;}
.index-main04 ul  li .iocn{ width:96px; height: 96px; overflow: hidden; justify-content: center;align-items:center;border-radius: 64px; background-color: rgba(1, 56, 123, 0.1); margin:0 auto; display: flex; position: absolute; right: 30px; top: 50%; margin-top: -48px;}
.index-main04 ul  li .iocn img{}
.index-main04 ul  li dl{width: 70%; overflow: hidden; }
.index-main04 ul  li dt{ font-size: 20px; font-weight: bold;width: 100%; overflow: hidden;  color: rgba(51, 51, 51, 1);}
.index-main04 ul  li dd{ font-size: 14px;line-height:28px; margin-top:10px;width: 100%; overflow: hidden; color: rgba(51, 51, 51, 0.7);}
.index-main04 .direction{ position: absolute;top: 0; left: 0;width: 75px;height: 28px;border-radius: 10px 18px  18px  0px;background: rgba(219,71,35, 1); line-height: 28px; color: #fff; text-align: center; display: block; font-weight: bold;}
.index-main04 ul  li.n2{ float: right;}
.index-main04 ul  li.n3{ float: right;padding-top: 150px}
.index-main04 ul  li.n4{padding-top: 150px;}
.index-main04 ul  li i.step1{ width: 32px; height: 28px; background: url(../images/icon1.png) no-repeat; position: absolute;top: 70px; right:-22%;}
.index-main04 ul  li i.step2{ width: 28px; height:38px; background: url(../images/icon2.png) no-repeat; position: absolute;top: 56px; left: 0; right: 0; margin: 0 auto;}
.index-main04 ul  li i.step3{ width: 32px; height: 28px; background: url(../images/icon3.png) no-repeat; position: absolute;right:-22%; bottom: 80px;}
.index-main04 ul  li i.step4{ width: 28px; height:38px; background: url(../images/icon4.png) no-repeat; position: absolute;top: 56px; left: 0; right: 0; margin: 0 auto;}

.index-main04 ul  li a:hover{background-color: rgba(219, 71, 35, 1);}
.index-main04 ul  li a:hover{ color: #fff;}
.index-main04 ul  li a:hover dt,.index-main04 ul  li a:hover dd{ color: #fff;}{ color: #fff;}
.index-main04 ul  li a:hover .iocn{background-color: rgba(219, 71, 35, 1);}
.index-main04 ul  li a:hover .direction{background: #fff; line-height: 28px; color: rgba(219,71,35, 1);}
.index-main04 ul  li  a:hover .iocn img{ filter: grayscale(100%) brightness(500%);}


.index-main05{padding:80px 0 108px 0; overflow: hidden; width: 100%; background-color:#f5f5f5;}
.index-main05 .common-box{max-width:1200px; overflow: initial;}
.index-main05 .stitle{font-size: 60px; color: #333;font-weight: bold; line-height: 80px; text-align: center;}
.index-main05 .map{ width: 100%; overflow: hidden; max-width: 720px; padding: 0 10px; margin: 60px auto 0 auto;}
.index-main05 .map img{ width: 100%;}
.index-main05 .content{font-size: 24px; color:rgba(51, 51, 51, 0.7); line-height: 48px; margin: 60px auto 0 auto; text-align: center;}



.index-main06{ max-width: 100%;}
.index-main06 .mle,.index-main06 .mri,.index-main06 .mco{ width: 33.333333333333333%; overflow: hidden;float: left; position: relative;}
.index-main06 .mle {display: flex;flex-direction:column}
.index-main06 .mle li{ width: 100%; overflow: hidden; height:300%; position: relative;}
.index-main06 .mle li img{width:100%;}
.index-main06 .mle li .title{ height: 60px; line-height: 60px; text-align: center; position: absolute; top: 50%; margin-top:-30px; color: #fff; font-size: 40px; width: 100%;}
.index-main06 .mle li .stitle{width: 100%;height: 60px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.43) 30.01%, rgba(0, 0, 0, 1) 100%);
box-shadow: 0px 1px 0px  rgba(0, 0, 0, 0.25); position: absolute; bottom: 0; left: 0; padding: 0 32px; font-size:24px; color: #fff; line-height: 60px;display: block; }
.index-main06 .mle li .stitle i{ background: url(../images/icon_next.png) no-repeat; background-size:28px;display: inline-block; float: right; font-weight: bold; width: 28px; height: 28px; margin-top: 16px;}
.index-main06 .mle li a{ width: 100%;}


.index-main06 .mco{}
.index-main06 .mco .img{width:100%;}
.index-main06 .mco .title{ left: 30px; position: absolute; top:10%;font-size: 44px; color:#fff;}
.index-main06 .mco .content{position: absolute; top:29%;font-size:16px; color:#fff; padding:0 30px;width: 100%; }
.index-main06 .mco .content li{ width: 100%; overflow: hidden; padding-bottom: 50px; border-bottom: solid 1px rgba(255, 255, 255, 0.3); margin-bottom: 50px;}
.index-main06 .mco .content li:last-child{ padding-bottom: 0;margin-bottom:0; border: 0;}
.index-main06 .mco .content .stitle{width: 100%;height: 60px; font-size:24px; color: #fff; line-height: 60px;display: block; margin-bottom: 60px; }
.index-main06 .mco .content .stitle i{ background: url(../images/icon_next.png) no-repeat; background-size:28px;display: inline-block; float: right; font-weight: bold; width: 28px; height: 28px; margin-top: 16px;}
.index-main06 .mco .content  a{text-decoration:none;}
.index-main06 .mco .content dl{ width: 100%; overflow: hidden; padding-left: 90px; min-height: 28px; line-height: 28px;position: relative; font-size: 14px;}
.index-main06 .mco .content dl dt{ width: 80px; position: absolute; top: 0; left: 0;}
.index-main06 .mco .content dl dd{ width: 100%;} 

.index-main06 .mri{}
.index-main06 .mri .img{width:100%;}
.index-main06 .mri .title{ left: 30px; position: absolute; top:10%;font-size: 44px; color:#fff;}
.index-main06 .mri .content{padding:0 30px; position: absolute; top:29%;font-size:16px; line-height: 40px; color:#fff;}
.index-main06 .mri a.more{ background: url(../images/icon_next.png) no-repeat; background-size:28px;display: inline-block; float: right; font-weight: bold; width: 28px; height: 28px; position: absolute; margin: 0 auto; bottom: 10%; left: 0; right: 0;}


.index-main07{padding:100px 0 150px 0;max-width: 1200px;}
.index-main07 .stitle{font-size: 60px; color: #333;font-weight: bold; line-height: 40px; text-align: center;}



 
.product-box{ max-width: 1200px; padding-bottom:100px;}
.product-box h2.title{ width:100%; overflow: hidden; font-size: 60px; color: #333; text-align: center; padding-top: 100px;}
.product-box .content{ width: 100%; overflow: hidden; margin-top: 40px;align-items:center;}
.product-box .content ul  { overflow: hidden; padding: 10px; width: 100%; display: flex;align-items:stretch;  }
.product-box .content ul  li{ width:42%; float:left; position: relative;margin-top: 40px; overflow: hidden;}
.product-box .content ul  li.step{ width:16%;background: url(../images/ion7.png) center center no-repeat;}
.product-box .content ul li a{display: block;width: 100%;text-decoration:none;background: #FFFFFF; overflow: hidden; position: relative;}
.product-box .content ul li .img{ width: 100%;}
.product-box .content ul li .stitle{ border-bottom: solid 2px rgba(204, 204, 204, 1); line-height: 22px; padding: 18px 0; font-size: 18px;  font-weight: bold; text-align: center; width: 100%;}

.product-box .content2{ width: 100%; overflow: hidden;margin-top: 48px;align-items:center;}
.product-box .content2 .dtitle { width: 100%; overflow: hidden;border-left:10px solid rgba(219, 71, 35, 1); height: 64px; background-color: rgba(252, 236, 232, 1); font-weight: bold; margin-top: 48px;padding-left: 22px; float: left;  font-size: 24px; color:rgba(51, 51, 51, 1); line-height: 64px; margin-right: 20px;}
.product-box .content2 ul { width: 100%; overflow: hidden; margin-top: 40px;align-items:center;}
.product-box .content2 ul  { overflow: hidden; padding: 10px; width: 100%; display: flex;align-items:stretch;  }
.product-box .content2 ul  li{ width:42%; float:left; position: relative;margin-top: 40px; overflow: hidden;}
.product-box .content2 ul  li.text{ font-size: 18px; color: rgba(0, 0, 0, 1);width: 16%; text-align: center; font-weight: bold; line-height:38px; display: flex;align-items:center; justify-content:center;} 
.product-box .content2 ul li a{display: block;width: 100%;text-decoration:none;background: #FFFFFF; overflow: hidden; position: relative;}
.product-box .content2 ul li .img{ width: 100%;}





.productdetails .box{ position: relative; padding:100px 60px 0 60px;}
.productdetails .box .sbox{  width: 100%; max-width: 800px; margin: 0 auto; overflow: hidden;}
.productdetails .box .sbox img{ width: 100%;}
.productdetails .button-next,.productdetails .button-prev{  width: 36px; height: 36px; top: 50%; margin-top: -18px; position: absolute; cursor: pointer;}
.productdetails .button-prev{left:0; background: url(../images/icon_left.png);}
.productdetails .button-next{right:0;background: url(../images/icon_right.png);}

.productdetails .info{ width: 100%; max-width: 800px; overflow: hidden;text-align: center; padding:0 60px 100px 60px;color: rgba(51, 51, 51, 1); margin: 0 auto;}
.productdetails .info dt{font-size: 36px;  margin-top: 30px;font-weight: bold;}
.productdetails .info dd{font-size: 16px; line-height: 32px; margin-top: 20px;}


.recruit-box{max-width: 1200px;}
.recruit-box .title { width: 100%; overflow: hidden;border-left:10px solid rgba(219, 71, 35, 1); height: 64px; background-color: rgba(252, 236, 232, 1); font-weight: bold; margin-top: 48px;}
.recruit-box .title .t1{ padding-left: 22px; float: left;  font-size: 24px; color:rgba(51, 51, 51, 1); line-height: 64px; margin-right: 20px;}
.recruit-box .title .t2{ height: 36px; float: left;   padding: 0 10px; font-size: 24px; color:#fff; margin-top: 14px; float: left;background-color: rgba(219, 71, 35, 1);}

.recruit-box .content{ width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 120px;}
.recruit-box dl{ width: 100%; overflow: hidden; padding-left: 200px; position: relative; min-height: 50px; background-color: rgba(219, 71, 35, 1);font-size: 16px;line-height: 50px;}
.recruit-box dl dt{position: absolute; left:0; top:0; height: 100%; width: 200px;  border:1px solid rgba(181, 76, 76, 1); border-bottom: 0; padding-left: 44px; color: #fff;}
.recruit-box dl dd.to1{border-top:1px solid rgba(238, 238, 238, 1);}
.recruit-box dl dd{ width: 100%;min-height: 49px; background-color: #fff; overflow: hidden;border-bottom:1px solid rgba(238, 238, 238, 1);min-height: 50px; float: left; color: rgba(51, 51, 51, 1); padding-left: 28px; border-right:1px solid rgba(238, 238, 238, 1) ;}



.aboutUs-box{max-width: 1200px;}
.aboutUs-box .content{ width: 100%; overflow: hidden; margin-top:100px;}
.aboutUs-box dl{ width: 100%; overflow: hidden; padding-left: 200px; position: relative; min-height: 50px; background-color: rgba(219, 71, 35, 1);font-size: 16px;line-height: 50px;}
.aboutUs-box dl dt{position: absolute; left:0; top:0; height: 100%; width: 200px;  border:1px solid rgba(181, 76, 76, 1); border-bottom: 0; padding-left: 44px; color: #fff;}
.aboutUs-box dl dd.to1{border-top:1px solid rgba(238, 238, 238, 1);}
.aboutUs-box dl dd{ width: 100%;min-height: 49px; background-color: #fff; overflow: hidden;border-bottom:1px solid rgba(238, 238, 238, 1);min-height: 50px; float: left; color: rgba(51, 51, 51, 1); padding-left: 28px;border-right:1px solid rgba(238, 238, 238, 1) ;}

.aboutUs-box .map{ width: 100%; overflow: hidden; height: 400px; margin-top: 43px; margin-bottom: 100px;}
.BMap_bubble_title{ text-align: center; padding-top: 30px; background: url(../images/icon_dizhi.png) top center no-repeat;  margin-top: 20px;height:60px !important; font-size: 16px; width: auto!important;}
.BMap_bubble_top{height:60px !important;}
.BMap_bubble_center{ text-align: center;}
.BMap_bubble_pop{ border: 0!important;}
.BMap_bubble_pop::after { display: block; content: "";  width: 15px; height:8px;  background: url(../images/i1.png) top center no-repeat;  margin: 0 auto; left: 0; right: 0; bottom:-8px; position: absolute;}
.BMap_bubble_pop img{ display: none;}



.cooperate-box{max-width: 1200px; padding-top: 100px;}
.cooperate-box dl.info,.cooperate-box dl.info dt,.cooperate-box dl.info dd{overflow: hidden; width: 100%; text-align: center;font-weight: bold; }
.cooperate-box dl.info dt{font-size: 36px; color: #333;}
.cooperate-box dl.info dd{font-size: 24px; color:rgba(51, 51, 51, 0.7); line-height: 48px; margin-top: 10px;}

.cooperate-box .contact{ overflow: hidden; max-width: 750px; margin: 78px auto 0 auto; display: flex; justify-content:space-around;}
.cooperate-box .contact dl{overflow: hidden;color: rgba(51, 51, 51, 1);}
.cooperate-box .contact dl dt{font-size: 16px;  padding-left: 25px;overflow: hidden;}
.cooperate-box .contact dl.tel dt{ background: url(../images/ion5.png)  5px center no-repeat;}
.cooperate-box .contact dl.wx dt{ background: url(../images/ion6.png)  5px center no-repeat;}
.cooperate-box .contact dl dd{padding-left: 25px;overflow: hidden; font-size: 24px; font-weight: bold;margin-top: 20px;}
.cooperate-box .contact dl.tel dd{ margin-top: 20px;}
.cooperate-box .m-formclass{ padding: 20px 50px; overflow: hidden; border: solid 1px rgba(238, 238, 238, 1); margin-top: 80px; width: 100%;}
.cooperate-box .m-formclass .but{ margin: 20px auto; width: 98%; display: block; max-width: 500px; height: 48px; font-size: 16px; font-weight: bold; background-color: rgba(219, 71, 35, 1);}
.cooperate-box .el-form-item__label{ color: rgba(51, 51, 51, 1); font-size: 16px;}
.cooperate-box .el-input__inner{ height: 48px; line-height: 48px; border: solid 1px rgba(238, 238, 238, 1); }
.cooperate-box .add .el-input{ margin-top: 10px;}
.cooperate-box .add .el-select{ width: 100%;}
.cooperate-box .add .el-select .el-input{ margin-top: 0;}
.cooperate-box .add .el-select .el-input .el-select__caret{ font-size:20px; font-weight: bold;}


.previewDialog{ padding:0 10px !important; overflow: hidden; width: 100%;font-size: 16px;}
.previewDialog .el-dialog__headerbtn .el-dialog__close{font-size: 20px; color: #333;}
.previewDialog .el-dialog__body{ padding-top:12px!important;}
.previewDialog .el-dialog__title{font-size: 24px;color: #333333; font-weight: bold;}
.previewDialog .content{ width: 100%; overflow: hidden; margin-top: 10px;}
.previewDialog .content dl{ width: 100%; overflow: hidden; padding-left: 160px; min-height: 40px; position: relative; line-height: 40px; color: #333; }
.previewDialog .content dl dt{ width: 140px;overflow: hidden; height: 40px; position: absolute;  top: 0; left: 0;font-size: 16px; font-weight: bold;}
.previewDialog .content dl dd{ width: 100%; overflow: hidden;font-size: 16px;}
.previewDialog  .but{ margin:50px auto 20px auto; width: 98%; display: block; max-width: 200px; height: 48px; font-size: 16px; font-weight: bold; background-color: rgba(219, 71, 35, 1);}



footer.footer{color:#fff;font-size:14px;background:rgba(46, 43, 43, 1); padding-top:100px;}
footer.footer .box{width:100%; max-width:1200px; margin:0 auto;min-height:180px; overflow:hidden; padding-bottom: 30px;}
footer.footer  .stitle{font-size: 60px; color: #333;font-weight: bold; line-height: 60px; text-align: center; color: rgba(255, 255, 255, 1);}
footer.footer  .content{ width: 100%; overflow: hidden;margin-top:25px;align-items:center;font-size: 24px; color: rgba(255, 255, 255, 1);text-align: center;}

footer.footer .info{ width: 100%; overflow: hidden; margin-top: 100px;}
footer.footer .info li{ padding: 0 40px;width:50%; overflow: hidden; float: left;}
footer.footer .info li .sbox{ padding: 40px; background:rgba(1, 56, 123, 1); height: 292px; overflow: hidden;display: block; position: relative;}
footer.footer .info li .dt{ width: 100%; overflow: hidden; font-size: 16px; text-align: center; margin-top: 10px;}
footer.footer .info li .wx{ width: 100px; height: 100px; margin: 23px auto 0 auto; display: block;}
footer.footer .info li .tel{width: 100%; overflow: hidden; font-size: 18px; text-align: center; margin-top: 27px;font-weight: bold;}
footer.footer .info li .icon{position: absolute;background: url(../images/icon_tel.png); width:58px; height: 58px; right: 30px; bottom: 30px; display: block;}

footer.footer .info li.le2 .sbox{background: rgba(219, 71, 35, 1);}
footer.footer .info li.le2 .icon{position: absolute;background: url(../images/icon_geren.png); width:58px; height: 58px; right: 30px; bottom: 30px; display: block;}
footer.footer .info li.le2 .but{ width:100%; max-width: 200px; border-radius: 60px; line-height:60px; text-align: center;display: block; margin:12% auto auto; 
background: rgba(255, 255, 255, 1); font-size: 24px;  color:rgba(219, 71, 35, 1); box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.25);
}
footer.footer .txtall{ width:100%;line-height:54px;font-size:16px; color:rgba(255, 255, 255, 0.4);text-align:center; margin-top: 120px; padding-bottom: 40px;}




.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:1440px){



}
@media only screen and (max-width:1300px){
	.index-main06 .mco .content li{margin-bottom:20px}
.index-main06 .mco .content .stitle{margin-bottom:20px}
}


@media only screen and (max-width:1080px){
	.index-main06 .mco .content{ top: 22%;}
	.index-main06 .mri .content{ line-height: 36px;}
	.index-main06 .mco .content dl{padding-left: 70px;}


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

}

@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;}





}

@media only screen and (max-width:850px)
{	
.index-main06 .mco .content{ padding: 0 10px;}
.index-main06 .mco .content li{padding-bottom:10px;}
.index-main02 .stitle{font-size: 40px;}
.index-main02 .content dl.info dd{font-size: 20px;}
.index-main03 .stitle{font-size: 40px;}
.index-main01 dl.info dd{ margin-top: 40px;}

.Clist li{ width: 50%; margin-top: 10px;}
.Clist{ margin-top: 20px;}
.index-main04{padding: 60px 0 85px 0;}
.index-main05 .stitle{font-size: 40px;}
.index-main06 .mco .content .stitle{ margin-top: 0;}
.index-main06 .mco .content .stitle{ height: 30px;}
}



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


}



@media only screen and (max-width:640px){
	.el-dialog{ width: 90% !important;}
	.previewDialog .content dl{ padding-left: 0;}
	.previewDialog .content dl dt{ width: 100%; position: initial;}
	.previewDialog .content dl dd{ line-height: 30px;}
	.previewDialog .but{ margin: 10px auto;}
	
	
	.commonad .title{ font-size: 30px;}
	.product-box h2.title{padding-top:20px; font-size: 20px;}
	.product-box .content ul li{ margin-top: 10px;}
	.product-box .content{ margin-top: 0;}
	.product-box .content ul{ padding: 0 10px;}
	.product-box .content ul li .stitle{ padding: 5px 0; font-size: 16px;}
	.product-box .content ul li.step{background-size: 18px; background-position: center  40%; }
	
	.product-box .content2{ margin-top: 10px;}
	.product-box .content2 .dtitle{height: 40px; line-height: 40px; width: 96%; margin: 10px auto 0 auto; float: none; }
	.product-box .content2 ul{ padding: 0 10px; margin-top: 0;}
	.product-box .content2 ul li{ margin-top: 10px;}
	.product-box .content2 ul li.text{ font-size: 14px; line-height: 18px;}
	.product-box{ padding-bottom: 30px;}
	
	footer.footer{ padding: 10px;}
	footer.footer .stitle{ font-size: 30px;}
	footer.footer .content{ font-size: 18px;}
	footer.footer .info{ margin-top: 10px;}
	footer.footer .info li{ width: 100%; padding: 0; margin-top: 10px;}
	footer.footer .txtall{margin-top:10px;  padding-bottom:10px; line-height: 30px;}
	footer.footer .box{ padding-bottom: 0;}
	
	.common-box{ padding: 10px;}
	.productdetails .box{padding:20px 45px 0 45px;}
	.productdetails .info{padding: 0 0 20px 0;}
	
	.recruit-box .title{ height: auto; margin-top: 20px;}
	.recruit-box .title{ border-left: 0; background: none;}
	.recruit-box .title .t1{font-size: 20px; padding-left: 10px; line-height: 40px; margin-top: 10px;float: none;border-left: 10px solid rgba(219, 71, 35, 1);background-color: rgba(252, 236, 232, 1);  width: 100%;}
	.recruit-box .title .t2{ font-size: 16px; line-height: 38px; margin:8px auto 0 auto; float: none;width: 100%;}
	
	
	.recruit-box dl{ padding-left: 0;}
	.recruit-box dl dt{ width: 100%; position: initial; font-weight: bold; padding-left: 10px;}
	.recruit-box dl dd{ padding-left: 20px; border: 0;}
	.recruit-box .content{ margin-bottom: 20px;}
	
	.aboutUs-box .content{ margin-top: 10px;}
	.aboutUs-box .map{ margin-bottom:20px;}
	.aboutUs-box dl{ padding-left: 0;}
	.aboutUs-box dl dt{ width: 100%; position: initial; font-weight: bold; padding-left: 10px;}
	.aboutUs-box dl dd{ padding-left: 20px; border: 0;}
	
	.cooperate-box dl.info dt{ font-size:26px;}
	.cooperate-box dl.info dd{ font-size: 18px; line-height: 22px;}
	.cooperate-box .contact dl{ margin-bottom: 10px;}
	.cooperate-box .contact{ display: block; margin-top:20px;}
	.cooperate-box .m-formclass{ margin-top: 20px; padding: 10px;}
	
	.indextopad .swiper-slide dl dt{ font-size: 26px; padding-bottom: 20px; margin-bottom: 10px;}
	.indextopad .swiper-slide dl{ top: 20%;}
	.indextopad .swiper-slide dl dd{ margin-top: 5px; font-size: 16px;}
	
	.index-main01,.index-main03,.index-main05{padding:30px 0 30px 0;}
	.index-main01 dl.info dt{ font-size: 30px;}
	.index-main01 dl.info dd{ font-size: 18px; margin-top: 10px; line-height: 28px;}
	.index-main02 .stitle,.index-main03 .stitle{ font-size: 28px; line-height:40px;}
	.index-main02 .content{ display: block;}
	.index-main02 .content dl.info{ width: 100%;}
	.index-main02 .content .img{ width: 100%;}
	.Clist{margin:10px 0;}
	.Clist li{ width: 100%; margin-top: 10px;}
	.Clist li a{ min-height: auto;height:auto;padding:20px 25px;}
	.index-main04 .stitle{ font-size: 28px; line-height:40px; margin-top: 20px;}
	
	.index-main04 .content{ display: block;}
	
	.index-main04 ul li.n4,.index-main04 ul li.n1,.index-main04 ul li.n2,.index-main04 ul li.n3{ padding: 0;}
	.index-main04 ul li{ width: 100%; margin-bottom: 20px;}
	.index-main04 ul{ margin-top: 0;}
	.index-main04 ul li a{ height: auto;padding: 40px 10px 20px 10px;}
	.index-main04 ul li .iocn{ right: 10px; width: 80px; height: 80px;margin-top: -40px;}
	.index-main04 ul li i.step4,.index-main04 ul li i.step1,.index-main04 ul li i.step2,.index-main04 ul li i.step3{ display: none;}
	
	.index-main05 .stitle{ font-size:40px; line-height:40px;}
	.index-main05 .content{ font-size: 20px; margin-top: 30px; line-height: 30px;}
	.index-main06 .mle{ display: block; width: 100%;}
	.index-main06 .mle, .index-main06 .mri, .index-main06 .mco{ width: 100%;}
	
	.index-main06 .mco .content,.index-main06 .mri .content{ top: 22%;}
	.index-main06 .mco .content .stitle{ margin-bottom:10px;}
	
	.index-main07 .stitle{ font-size:40px; line-height:40px; margin-top: 20px;}
	.Clist2{ margin-top: 10px; padding-bottom: 10px;}
	.Clist2 li{ padding-left: 0;}
	.Clist2 li .img { position: initial; width: 100%; height: auto;}
	.Clist2 li .time { margin-top: 10px;}
	
	
	
	
	
}

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

}

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

}

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