/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/
@font-face{font-family:'Helvetica';src:url('../images/Helvetica.otf')format('truetype');}
	@font-face{font-family:'HelveticaBold';src:url('../images/Helvetica-Bold.otf')format('truetype');}
	
	

html {font-size: 62.5%;}
 body {  font-size: 1.4rem;color:#333; background-color:#fff; font-family:Helvetica,"Microsoft YaHei",Tahoma,Arial,"Segoe UI", "Lucida Grande", "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:#22191A;}
a:link {color:#22191A;text-decoration:none;}
a:visited {text-decoration:none;color:#22191A;}
a:hover {text-decoration:none;color:#f32c2f;}
a:active {text-decoration:none;color:#f32c2f;}
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;background-color:#fff;}
header.m-hd .header-top{width:100%; overflow:hidden; max-width:1720px;margin:0 auto; height:100px; padding: 0 10px;}
header.m-hd .header-top .m-logo{width:184px;overflow:hidden;display:block; float:left; margin-top:18px;}
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:32px; }
header.m-hd .header-top .nav li{font-size:16px;margin-right:40px; float: left;position: relative; line-height: 30px;font-weight: 100;}
header.m-hd .header-top .nav a{ padding-bottom: 12px;}
header.m-hd .header-top .nav li.hover a{font-weight: bold;background-image: url("../images/Subtract.png"); background-repeat: no-repeat;background-position:center bottom; }



.show-sm-only{display: none;}
.el-drawer__header{ margin-bottom: 0 !important; z-index: 99999!important;background-color: #333 !important;}
.v-modal{z-index:89!important;}
.am-header { 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 .am-header-right img{margin-top: -4px;}
.am-header a{ color:#fff; text-decoration:none;}


.el-drawer__body{background-color:#333;}
.el-drawer__container .el-drawer__close-btn{ font-size: 30px !important; color: #fff!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: #fff; float: left; width: 100%; line-height:60px;height:60px;border-left: solid 5px #333 ;}
.am-offcanvas-content .nav li a{text-decoration:none; padding-left:20px;color: #fff; background-repeat: no-repeat; background-position:0px  center;}
.am-offcanvas-content .nav li.hover{background-color:#686868 ;border-left: solid 5px #FF0000;}



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


.commonad{width: 100%;margin: 0 auto; overflow: hidden; position: relative;}
.commonad .img{ width: 100%;}
.commonad dl{width:96%;max-width:1200px; overflow: hidden; position: absolute;margin:0 auto; left: 0; right: 0; color: #fff; font-weight: bold;bottom: 20%;}
.commonad dl dt{font-size: 60px;padding-bottom:10px; position: relative;font-family: HelveticaBold;font-weight: 600;}
.commonad dl dd{font-size: 26px; width: 70%;}




.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{ margin:0 -15px;}
.common-list li { padding: 15px; width:33.333%; float: left; overflow: hidden;}
.common-list li .box{ overflow: hidden; display: block;}
.common-list li .box .img{display: block; width: 100%; border-radius: 10px;}
.common-list li .box .info{ width: 100%; overflow: hidden;margin-top: 18px; }
.common-list li .box .info dt{overflow: hidden;font-size: 18px; height: 18px;font-weight: bold;}
.common-list li .box .info dd{overflow: hidden;font-size: 16px; height:72px; margin-top: 20px; color: #4d4d4d; line-height: 24px;}





.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:32%; margin:0 auto; left: 0; right: 0; overflow: hidden;max-width: 1000px; 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; text-align: center;}
.indextopad .swiper-slide dl dt{font-size:60px;font-weight: bold;font-family:'HelveticaBold';}
.indextopad .swiper-slide dl dd{font-size: 28px; margin-top: 20px;}
.indextopad .swiper-slide dl dd .but{width: 161px;
height: 65px;display: block;background: rgba(255,255,255,0.9);border-radius: 10px;border: 1px solid #DA4024; line-height: 65px; margin: 0 auto;font-size: 18px; color: #22191A; letter-spacing: -1px;}





.index-main01{padding:100px 10px;max-width: 1400px;}
.index-main01 .box{width: 100%; overflow: hidden;}
.index-main01 .box .info{  width:40%; float: left;}
.index-main01 .box .info dt{ width:100%; overflow: hidden;font-size: 80px; letter-spacing: -4px;font-weight: bold;font-family:'HelveticaBold';}
.index-main01 .box .info dd {font-size: 28px; line-height: 200%;}
.index-main01 .box .info dd .but{display: block;width: 161px;
height: 65px;background: linear-gradient( 115deg, #FF5233 0%, #FF0000 100%);box-shadow: 0px 4px 4px 0px rgba(218,64,36,0.25);
border-radius:10px; line-height: 65px;font-size: 18px; color: #fff; text-align: center;  margin-top: 70px;
}

.index-main01 .box .img{width:50%; overflow: hidden;display: flex;flex-wrap:wrap; justify-content:space-between; float: right;}
.index-main01 .box .img img{ width: 100%;border-radius: 20px;}
.index-main01 .box .img .l1{ width:42%;float: left;align-items:flex-end;display: flex;}
.index-main01 .box .img .l2{ width:55%; float: right;}
.index-main01 .box .img .l3{ width:100%;float: left; padding-top: 16px;}

.index-main01 .box .img2{width:48%;display: flex; justify-content:flex-end;flex-wrap:wrap; }
.index-main01 .box .img .l4{ width:80%;float: left;align-items:flex-end;display: flex;}
.index-main01 .box .img .l5{ width:100%; float: right; padding-top: 20px;}
.index-main01 .box .img .l6{ width:49%;float: left; }

.index-main01 .box.m160{ margin-top: 160px;}
.index-main01 .box.m160 .info{float: right;}
.index-main01 .box.m160 .img{float: left;}


.index-main02box{background-color: #FFF3EF; width: 100%;}
.index-main02{max-width: 1000%; width: 100%;}
.index-main02 .box{display: flex;justify-content:space-between;align-items:center;width: 100%; overflow: hidden;}
.index-main02 .box li{ width: 50%; overflow: hidden;}
.index-main02 .box li img{ width: 100%;}
.index-main02 .box.m160{ margin-top: 160px;}
.index-main02 .box .info{  width:60%; }
.index-main02 .box .info.mr{float: right; margin-right: 10%;}
.index-main02 .box .info.ml{float: left; margin-left: 10%;}
.index-main02 .box .info dt{ width:100%; overflow: hidden;font-size: 70px; letter-spacing: -4px;font-weight: bold;font-family:'HelveticaBold';}
.index-main02 .box .info dd {font-size: 28px; line-height: 160%; margin-top: 36px;}
.index-main02 .box .info dd .but{display: block;
height: 65px;background: rgba(255,255,255,0.9); max-width: 300px;
border-radius:10px; line-height: 65px;font-size: 18px;  text-align: center;  margin-top: 70px;
}
.index-main02 .box .info dd  .but2{display: block;width: 161px;
height: 65px;background: linear-gradient( 115deg, #FF5233 0%, #FF0000 100%);box-shadow: 0px 4px 4px 0px rgba(218,64,36,0.25);
border-radius:10px; line-height: 65px;font-size: 18px; color: #fff; text-align: center;  margin-top: 70px;
}


.index-main02 .box .img{width:100%; overflow: hidden;display: flex;flex-wrap:wrap; justify-content:space-between; align-items:}



.index-main03{padding:100px 0px;max-width: 1300px;}
.index-main03 .info{ width: 40%; float: left; min-width: 360px; overflow: hidden;}
.index-main03 .info dt{ width:100%; overflow: hidden;font-size: 80px; letter-spacing: -4px;font-weight: bold;font-family:'HelveticaBold';}
.index-main03 .info dd {font-size: 28px; line-height: 160%; margin-top: 36px;}
.index-main03 .info dd  .but{display: block;width: 161px;
height: 65px;background: linear-gradient( 115deg, #FF5233 0%, #FF0000 100%);box-shadow: 0px 4px 4px 0px rgba(218,64,36,0.25);
border-radius:10px; line-height: 65px;font-size: 18px; color: #fff; text-align: center;  margin-top: 70px;}

.problem-list{ width: 54%;float: right; overflow: hidden;}
.problem-list .pcontent{background: #F8F8F8; padding: 20px 15px;  border-radius: 0px 0 20px 0px;border: solid #F5F5F5 1px;font-size: 14px;color: #333333;line-height: 200%;}
.problem-list  .el-collapse-item__header{font-size: 16px; height: auto; line-height: 24px; padding-top: 17px; padding-bottom: 17px;font-weight: bold;}
.problem-list .el-collapse{ border-top: 0;border-color: #F8F8F8;}
.problem-list .el-collapse-item__header{ border-color: #F8F8F8;}
.problem-list .el-collapse-item__wrap{ border-color: #F8F8F8;}
.problem-list .el-collapse-item__arrow::before{content: "\e6d9"; font-size: 22px; color: black;}
.problem-list .el-collapse-item__arrow.is-active{transform: rotate(0)}
.problem-list .el-collapse-item__arrow.is-active::before{content:"\e6d8";}











.products-contactus{width: 100%;  overflow: hidden;padding:80px 0;}
.products-contactus .box{display:flex;justify-content:space-between;width:100%;margin: 0 auto; max-width:1200px; }

.products-contactus .info{  width:50%; overflow: hidden; }
.products-contactus .title{font-size: 60px; letter-spacing: -2px; font-family: HelveticaBold;}
.products-contactus .upload-box{ width: 80%; overflow: hidden; max-width:300px; margin-top: 100px;}
.products-contactus .upload-box .stitle{font-size: 16px; letter-spacing: -1px; font-family: HelveticaBold; margin-bottom: 20px;}
.products-contactus .upload-box  .but{width: 187px;height: 65px;background: linear-gradient( 115deg, #FF5233 0%, #FF0000 100%);
box-shadow: 0px 4px 4px 0px rgba(218,64,36,0.25);border-radius: 10px;  color: #fff;font-size: 16px;font-family: HelveticaBold; }
.products-contactus .upload-box .el-upload-list{ margin-top: 20px;}
.products-contactus .upload-box .el-upload-list__item{font-size: 16px;}

.products-contactus .formbox{width: 50%; overflow: hidden; padding-bottom: 10px;}
.products-contactus .el-input__inner{ height: 48px;border:0; font-size: 16px;border-radius:6px;background-color: #F5F1F1;font-family: Helvetica; font-weight: 300;}
.el-input__inner::placeholder, .el-textarea__inner::placeholder {font-weight: 300 !important;}
.products-contactus  .el-icon-arrow-up::before   {content:"\e78f" !important;font-size: 18px;color:#535353 !important}

.products-contactus .el-textarea__inner{border:0; font-size: 16px; height: 98px;border-radius:6px;background-color: #F5F1F1; font-family: Helvetica;font-weight: 300;}
.products-contactus  .el-select{ width: 100%;}
.products-contactus  .el-select .el-input__inner{font-family: Helvetica;}
.products-contactus .but{
	height: 65px; width: 100%;
	background: linear-gradient( 115deg, #FF5233 0%, #FF0000 100%) !important;
	box-shadow: 0px 4px 4px 0px rgba(218,64,36,0.25);
	border-radius: 10px;
	color:#ffffff;font-size: 18px;  border: 0;}







input::placeholder,textarea::placeholder{
  color: #999 !important;font-weight: bold!important;
}



.news-list{ padding: 70px 0;}
.news-list .htitle{font-size: 60px; padding-bottom: 40px; letter-spacing: -2px;border-bottom:1px solid #eee;font-family:'HelveticaBold';}
.news-list ul.nlist,.news-list ul.nlist li,.news-list ul.nlist li dl,.news-list ul.nlist li a{overflow:hidden; width: 100%;}
.news-list ul.nlist li{ margin-top:40px; min-height: 214px; padding-left: 313px; position: relative; border-bottom:1px solid #eee;}
.news-list ul.nlist li a{ display:block; text-decoration: none;}
.news-list ul.nlist li .img{ width:293px; height:176px; top: 0; left: 0; position: absolute;border-radius: 10px;}
.news-list ul.nlist li dt{ font-size: 24px;font-weight: bold;}
.news-list ul.nlist li dt,.news-list li dd{line-height: 28px;}
.news-list ul.nlist li dd{color: rgba(34,25,26,0.7);font-size:16px; margin-top: 16px; line-height: 200%;}
.news-list ul.nlist li .time{color: rgba(34,25,26,0.7);; position: absolute;left:313px; bottom:40px;font-size:16px;font-weight: bold;}


.brief-box{margin:90px auto; }
.brief-box .htitle{font-size: 60px;letter-spacing: -2px;font-family:'HelveticaBold';}
.brief-box .scontent{width: 100%; overflow: hidden;font-weight: 400;font-size: 24px;line-height:220%; margin: 40px 0 30px 0;}
.brief-box .scontent img{max-width: 100%;}

.brief-box .img{width:100%; overflow: hidden;display: flex;flex-wrap:wrap; justify-content:space-between; align-items;}
.brief-box .img img{ width: 100%;border-radius: 20px;}
.brief-box .img2{width:55%;display: flex; justify-content:flex-end;flex-wrap:wrap; }
.brief-box .img .l4{ width:100%;float: left;align-items:flex-end;display: flex;}
.brief-box .img .l5{ width:100%; float: right; padding-top: 20px;}
.brief-box .img .l6{ width:43%;float: left; }



.news-show{ overflow: hidden;padding:80px 0;}
.news-show h1.htitle{ width: 100%; overflow: hidden; font-size: 60px;font-family:'HelveticaBold';}
.news-show .date{ width: 100%; overflow: hidden; padding: 30px 0;border-bottom: 1px solid #EEEEEE; font-size: 16px;font-family:'HelveticaBold';color: #333;}

.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;border-top:5px solid #EEEEEE; padding-top: 26px;}
.news-show .paging li{ width:50%;font-size: 16px;line-height: 32px; overflow: hidden; text-align: left;}
.news-show .paging li:last-child{text-align: right;}





.contactus-box{overflow:hidden; width: 100%; max-width: 1200px;margin:100px auto 100px auto; background-color:#fff; display: flex;  justify-content:space-between;position: relative;}


.contactus-box .lbox{ overflow: hidden;}
.contactus-box .lbox .htitle{ font-size: 36px;font-family:'HelveticaBold'; letter-spacing: -2px;}
.contactus-box .rbox{ width:366px; overflow: hidden; height:249px; overflow: hidden;}

.contactus-box .mbox{ overflow: hidden;font-size: 16px;color: rgba(34,25,26,0.7);
line-height:220%;}
.contactus-box .mbox span{float: right; padding-left: 46px;}

.contactus-box .lbox .co{ height: 60px; background-repeat: no-repeat; background-position: top 0; margin-top: 40px; overflow: hidden;color: #333;}
.contactus-box .lbox .co dt{ font-size: 16px; margin-top:2px; line-height: 180%; }
.contactus-box .lbox .co dd{font-size: 18px;line-height:22px; margin-top:8px; }
.contactus-box .lbox .co .dd{font-size: 28px;  font-weight: bold;line-height:36px; margin-top:0; }



.shop-box { padding: 80px 0;  }
.shop-box .topbox{border-bottom: 1px #eee solid; width: 100%; overflow: hidden; padding-bottom: 50px;}
.shop-box .topbox .htitle{ font-size: 80px;font-family:'HelveticaBold'; letter-spacing: -2px; text-align: center;}
.shop-box .topbox .dd{text-align: center;font-size: 28px; margin-top: 30px;}
.shop-box .search{ width: 80%; margin:50px auto 0 auto; overflow: hidden;}
.shop-box .search .el-form{ width: 100%;display: flex;}
.shop-box .search .el-form-item{ width:100%;}
.shop-box .search .but{width: 220px;height: 64px;background: #DA4024;border-radius:10px; border: 0; margin-left: 20px;font-size: 18px; font-weight: bold;}
.shop-box .search .el-input__inner{height: 64px;background: #F5F1F1;border-radius: 10px; border: 0;font-size: 18px;color: #000;}

.shop-list{max-width: 920px; width: 94%; overflow: hidden; margin: 0 auto;}
.shop-list li{ border-bottom:1px #eee solid; width: 100%; }
.shop-list li a{display: flex;width: 100%; justify-content:space-between; padding:36px 0;}
.shop-list li dl{ width: 100%; overflow: hidden; font-size: 18px;color: #000; line-height: 160%;}
.shop-list li dl dt{font-weight: 600;}
.shop-list li dl dd{font-size: 16px; margin-top: 16px;}
.shop-list li .logo{ width: 113px; height: 40px;}
.shop-list li a:hover dt{ color: #ff4144;}


.menu-box{ display: flex; justify-content:space-between; padding:100px 0 ; }
.menu-right{ width: 75%; overflow: hidden; }
.menu-left{ width: 250px; margin-right: 54px; overflow: hidden;}
.menu-left .htitle{font-size: 40px;font-weight: bold;}
.menu-left .stitle{font-size: 18px;font-weight: bold; padding: 14px 0;}
.menu-left .mslist{ width: 100%; overflow: hidden;}
.menu-left .mslist li{font-size: 18px;color: #655E5F; }
.menu-left .mslist li a{color: #655E5F;display: block; width: 100%; padding: 12px 0;}
.menu-left .mslist li a:hover{color: #ff3d40;}
.menu-left .el-checkbox{ width: 100%; overflow: hidden; margin: 0; padding: 10px 0; }
.menu-left  .el-checkbox-group{border-bottom:1px #eeee  solid; padding-bottom: 10px; margin-bottom: 10px;}
.menu-left .el-checkbox .el-checkbox__label{font-size: 18px; color: #655E5F; line-height: 20px;}
.menu-left .el-checkbox .el-checkbox__inner{ width: 20px; height:20px;}
.menu-left .el-checkbox .el-checkbox__inner::after{border-width: 2px;height:10px;
  left: 6px; top:2px;width: 4px;}
  .el-checkbox__input.is-checked .el-checkbox__inner {background-color: #de0e2a;  border-color: #de0e2a;}
	
.dialog-dbox .el-dialog{ width: 94%; max-width:1200px;border-radius: 10px; padding: 0 30px 30px 30px;}
.dialog-box{ width: 100%;display: flex;justify-content:space-between;}
.dialog-box .img{ width: 480px;display:block; margin-right: 50px;}
.dialog-box .info{ width: 50%; overflow: hidden;}
.dialog-box .info dl.in1 dt{ font-size: 36px; font-weight: bold; color: #22191A;font-family:'HelveticaBold'; }
.dialog-box .info dl.in1 dd{font-size: 18px;line-height:200%; margin-top: 10px;}
.dialog-box .info dl.in2{ margin-top: 40px;}
.dialog-box .info dl.in2 dt{ font-size: 18px; font-weight: bold; color: #22191A;}
.dialog-box .info dl.in2 dd{font-size: 18px;line-height:200%; color: #655E5F; margin-top: 10px;}
.el-dialog__headerbtn .el-dialog__close{font-size: 28px !important; color: #000!important;}

footer.footer{font-size:14px;background:#F8F8F8;padding-top:45px; overflow: hidden;border-top:1px #eee solid;}

footer.footer .logo{ width: 184px; overflow: hidden;}
footer.footer .logo img{ width: 100%;}

footer.footer .box{width:100%; max-width:1200px; margin:0 auto; overflow: hidden;display: flex;justify-content:space-between; padding-bottom: 30px; }
footer.footer .box .contact{overflow: hidden;font-size: 16px; }
footer.footer .box .contact .tel{ padding-left: 75px; height: 70px; background-image: url('../images/icon_tel.png'); background-repeat: no-repeat; background-position: top 0;}
footer.footer .box .contact .tel dt{}
footer.footer .box .contact .tel dd{font-size: 32px; font-weight: bold;}
 
footer.footer .box .contact .cl{ padding-left:80px;  min-height: 22px; line-height: 22px; margin: 10px 0; position: relative;}
footer.footer .box .contact .cl dt{ position: absolute; left: 0; top: -1px;}
footer.footer .box .contact .cl dd{line-height: 22px;}
 
 
 
footer.footer .box .navbox{overflow:hidden; width: 40%; display: flex;justify-content:space-around}
footer.footer .box .nav{ float:left;overflow:hidden;color:#333333;}
footer.footer .box .nav li{ font-size:18px;line-height: 20px; overflow:hidden;margin-top:14px;font-weight: bold;}



footer.footer .txtall{ width:100%;line-height:60px;font-size:16px; text-align:center; margin:0 auto; border-top:1px #eee solid;}




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

.index-main02 .box .info dd{margin-top:10px; line-height: 120%;}
.index-main02 .box .info dd .but{margin-top: 30px;}
.index-main02 .box .info dd .but2{margin-top: 30px;}
.index-main02 .box .info{ width: 80%;}
}

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

.index-main02 .box .info dt{ line-height: 80%;}
}

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

.common-box{ padding-left: 10px; padding-right: 10px;}
.indextopad .swiper-slide .box{  top:22%;}


}

@media only screen and (max-width:1100px){
	.commonad dl dd{font-size: 22px;}
	.commonad dl dt{font-size: 50px;}
}

@media only screen and (max-width:1000px){
.index-main02 .box .info dt{font-size: 50px;}

.index-main02 .box .info dd .but{ height: 50px; line-height: 50px;}
.index-main02 .box .info dd .but2{ height: 50px; line-height: 50px;}
}


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

.indextopad .swiper-slide dl dd{font-size: 24px;}
.indextopad .swiper-slide dl dt{font-size: 50px;}
.index-main01 .box .info {width: 46%;}
.index-main01 .box .info dt{font-size: 60px;}
.index-main01 .box .info dd{line-height: 160%;margin-top:10px;}
.index-main01 .box .info dd .but{margin-top:30px;}
.index-main03 .info dt{font-size: 60px;}

footer.footer .box{ padding-left: 10px ; padding-right: 10px;}
.products-contactus{ padding: 20px 10px;}
	.commonad dl dd{font-size: 20px;}
	.commonad dl dt{font-size: 40px;}
}

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

}


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


}



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

 .indextopad .swiper-slide .box {top: 10%;}
.indextopad .swiper-slide .box{padding: 0 10px;}
.indextopad .swiper-slide dl dd{font-size: 14px;margin-top:8px;}
.indextopad .swiper-slide dl dt{font-size: 24px;}
.indextopad .swiper-slide dl dd .but{height:50px; line-height: 50px;}


.index-main01{padding: 20px 10px;}
.index-main01 .box{display: block; }
.index-main01 .box .info{ width: 100%;padding-bottom: 20px;}
.index-main01 .box .img{ width: 100%;}
.index-main01 .box.m160{ margin-top: 10px;}
.index-main02 .box{display: block;}
.index-main02 .box li{ width: 100%; padding: 20px 0;}
.index-main01 .box .info dd .but{height:50px; line-height: 50px;margin-top: 0;}

.index-main02 .box .info dt{ line-height:120%;font-size: 40px; letter-spacing: 0;}
.index-main02 .box .info dd{ font-size: 20px;}
.index-main02 .box .info{ width: 100%; margin: 0 auto !important;}
.index-main01 .box .info dt{font-size: 40px;letter-spacing: 0;}
.index-main01 .box .info dd{ font-size: 20px;}
.index-main03 .info dt{font-size: 40px;letter-spacing: 0;}

.index-main03{ padding: 20px 10px;}
.problem-list{width: 100%;}

.index-main03 .info dd .but{height:50px; line-height: 50px;margin-top: 0;}


.commonad dl{ bottom: 10%;}
	.commonad dl dd{font-size: 14px; width: 100%;font-weight: 300;}
	.commonad dl dt{font-size:22px; padding-bottom: 0;}

.products-contactus .box{display: block;}
.products-contactus .info{ width: 100%;}
.products-contactus .formbox{ width: 100%; margin-top: 20px;}

.products-contactus .title{font-size: 40px;}
.products-contactus .upload-box{ margin-top: 20px;}


.brief-box{ margin: 20px 0;}
.brief-box .htitle{font-size: 40px;}
.brief-box .scontent{ margin-top: 20px;font-size:18px;  line-height: 160%;}

.shop-box{ padding: 20px 10px;}
.shop-box .topbox .htitle{font-size: 40px;}
.shop-box .topbox .dd{ margin-top:10px;font-size:20px;  line-height: 160%;}

.shop-box .topbox{ padding-bottom: 20px; margin-bottom: 10px;}
.shop-box .search .el-form{ display: block;}
.shop-box .search{ margin-top: 20px; width: 100%;}
.shop-box .search .but{ margin: 0 auto;display: block;}
.shop-box .search .but{ height: 50px;}
.shop-box .search .el-input__inner{ height: 50px;}
.shop-list{ width: 98%;}
.shop-list li a{ padding: 20px 0;}


.menu-box{ padding: 20px 10px; display: block;}
.menu-left{ width: 100%; margin: 0;}
.menu-left .mslist li a{ padding: 5px 0;}
.menu-left .el-checkbox{ width: 50%;}
.menu-left .mslist li{ width: 50%;float: left;}
.common-list li{ width: 50%;}
.menu-right{ width: 100%; margin-top: 10px;border-top: 1px #eee solid; padding-top: 10px;}
.common-list li{ padding: 10px;}
.common-list{ margin: 0 -10px;}


.news-show{ padding: 20px 10px;}
.news-show h1.htitle{font-size: 40px;}
.news-show .scontent{ margin-top: 10px;}
.news-show .paging{display: block;}
.news-show .paging li{ width: 100%; text-align: left !important;}

.news-list{ padding: 20px 10px;}
.news-list .htitle{font-size: 40px; padding-bottom: 10px;}
.news-list ul.nlist li{ margin-top: 10px; padding: 0 0 20px 0;}
.news-list ul.nlist li .img{ height: auto; position: inherit; width: 100%; margin-bottom: 10px;}
.news-list ul.nlist li .time{position: inherit; margin-top: 10px;}
.news-list ul.nlist li dd{ line-height: 160%;}

.contactus-box{ margin: 20px 0; display: block; padding: 0 10px;}
.contactus-box .rbox{ width: 100%; margin-top:8px;}
.contactus-box .mbox{ padding:10px 10px;}
.contactus-box .lbox .co{ height: auto; margin-top: 15px;}
.brief-box .img .l5{ padding-top: 10px;}
.products-contactus .upload-box .but{ height: 50px; }

footer.footer .box{display: block;}
footer.footer .logo{ margin: 0 auto;}
footer.footer .box .navbox{ width: 100%; margin-top: 20px;}
footer.footer .box .contact{ margin-top: 20px; padding: 0 10px;}
footer.footer .box .contact .cl{ margin-left: 10px;}
	
}

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

}

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

}

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