@charset "utf-8";
*:before,
*:after,
*{
	margin: 0;
	padding: 0;
	font-family: Microsoft Yahei, arial, SimSun, Tahoma, Helvetica, STHeiti, sans-serif;
	list-style: none;
	line-height: 1;
	transition-property: color, border-color,background-color;
    /*transition-duration:0.3s;*/
    transition-timing-function:linear;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
input[type="button"], 
input[type="submit"], 
input[type="reset"] {
    -webkit-appearance: none;
}
input[type="submit"],
input[type="button"]{
     box-sizing:content-box;
}
input[type="button"], 
input[type="text"], 
input[type="submit"], 
input[type="reset"],
textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}
p{
	line-height: inherit;
}
a {
	text-decoration: none;
	color: #666666;
}
body {
	background: #fff;
	color: #666666;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: 400;
}
img {
	border: 0;
}
textarea,
select,
option,
input {
	outline: none;
}
textarea{
    resize:none;
}
.clearBoth,
.clearboth {
	clear: both;
}
.bordernone {
	border: none!important;
}

.centerBox{
	margin:0 auto;
	width:1200px;
}
.centerBox:after{
	content:"";
	display:block;
	clear:both;
}
/*头*/
.header{background: #ffffff;overflow: hidden;padding: 25px 0;}
.logo{float: left;margin-top: 3px;}
.logo img{display: block;height: 40px;}
.other{overflow: hidden;float: left;border-left: 1px solid #e2e2e2;}
.other li{float: left;padding: 2px 0;}
.other li+li{margin-left: 70px;}
.other li img{display: block;float: left;}
.other li p{font-size: 16px;margin-left: 60px;}
.other li p+p{font-size: 14px;margin-top: 13px;}
.other li:first-child p{margin-left: 10px;}
.tel{float: right;}
.tel img{display: block;float: left;}
.tel p{font-size: 14px;margin-left: 55px;}
.tel p:last-child{font-size: 20px;margin-top: 8px;}
.tel a{color: #ff6537;}

/*导航*/
.menu{background-color: #2b2b2b;}
.menu .list{float: left;position: relative; color: #252525;width: 120px;text-align: center;line-height: 50px;}
.menu .list+.list{margin-left: 20px;}
.menu .list .oneLevel{display: block;width: 100%;line-height: inherit;color: #ffffff;}
.menu .list.active .oneLevel,
.menu .list:hover .oneLevel{background: #ff6637;}
.secondary{display: none; position: absolute;top: 100%;left: 50%;margin-left:-60px; width: 120px;z-index: 9;padding-top: 12px;}
.secondary:after{content: '';display: block;width: 100%;height: 12px; background: url(../img/bg.png) no-repeat center / 100%;position: absolute;top: 0;left: 0;}
.secondary .li{line-height: 40px;display: block;font-size: 14px;background: #2B2B2B;}
.secondary .li+.li{border-top: 1px dashed #eeeeee;}
.secondary .li:hover{color: #ff6637;}
.menu .list:hover .secondary{display: block;}
/*尾*/
footer{background: #1b1b1b;padding: 40px 0 20px;}
.copyright{text-align: center;color: #444444;font-size: 14px;line-height: 1.5;}
.top{overflow: hidden;padding-bottom: 20px;}
.links{overflow: hidden;float: right;}
.links .li{margin-bottom: 20px;float: left; display: block;color: #444444;font-size: 16px;line-height: 40px;}
.links .li+.li{margin-left: 50px;}
.links .li:hover{color: #ffffff;}
.bottom{overflow: hidden;padding-top: 20px;border-top: 1px solid #444444;}
.bottom table{width: 100%;}
.bottom table td{padding: 10px 0;font-size: 14px;line-height: 1.5;}

/*返回顶部*/
#back_top{position: fixed;z-index: 9;right: 30px;bottom: 30px;opacity: 0;cursor: pointer;}
#back_top img{display: block;}

/*除了首页的banner*/
.banner{width: 100%;height: 360px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.atlas{}

/*首页其他*/
.productBox{background: #fafafa;padding: 50px 0;}
.productBox .left{position: relative; float: left;width: 280px;border: 1px #eeeeee solid;}
.productBox .left .title{padding:0 10px;line-height: 46px; font-size: 18px;color: #ffffff;background: linear-gradient(501deg, rgba(254, 80, 55, 1) 28.07017543859649%,rgba(255, 178, 69, 1) 80.7017543859649%);}
.productBox .left .lists{padding: 10px;background: #ffffff;}
.productBox .left .lists .li{overflow: hidden;display: block;}
.productBox .left .lists .li+.li{margin-top: 20px;}
.productBox .left .lists .li img{display: block;width: 80px;float: left;}
.productBox .left .lists .li p{font-size: 14px;margin-left: 90px;line-height: 30px;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.productBox .left .lists .li p+p{font-size: 12px;color: #888888;margin-top: 0;}
.productBox .right{margin-left: 300px;}
.productBox .right .title{border-bottom: 1px #eeeeee solid;font-size: 18px;margin-bottom: 20px;}
.productBox .right .title span{padding-bottom: 15px; border-bottom: 1px #ff6537 solid;display: inline-block;color: #ff6537;}
.productBox .right .lists{background: #ffffff;border: 1px #eeeeee solid;overflow: hidden;padding-bottom: 4%;}
.productBox .right .lists .li{display: block; width: 28%;float: left;margin-left: 4%;margin-top: 4%;}
.productBox .right .lists .li .img{border: 1px #eeeeee solid;overflow: hidden;display: block;width: 100%;}
.productBox .right .lists .li img{display: block;height: 250px;margin: 0 auto;}
.productBox .right .lists .li .name{text-align: center;line-height:24px;margin-top: 15px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.certificate{background: url(../img/bg1.webp) no-repeat center / 100% 100%;padding: 60px 0;}
.certificate .title{text-align: center;color: #ffffff;}
.certificate .title p{font-size: 14px;}
.certificate .title p+p{font-size: 24px;margin-top: 15px;}
.certificate .rollImg{background: #ffffff;border-radius: 10px;padding: 10px;overflow: hidden;margin-top: 40px;}
/* 横向滚动
------------------------------ */
.scroll_horizontal{position:relative;width:100%;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:100%;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:300px;padding: 0 15px;}
.scroll_horizontal .list li img,
.scroll_horizontal .list li a{display: block;width: 100%;height: 190px;}


.productBox .left .lists .link{display:block;font-size: 14px; line-height:50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.productBox .left .lists .link+.link{border-top: 1px dashed #eeeeee;}
.productBox .left .lists .link span{color: #ff6537;}
.productBox .right .case {margin-bottom: 3%;}
.productBox .right .case .li{margin-left: 3%;margin-top: 3%;}
.productBox .right .case .li img{height: 180px;}
.productBox .left .tel{position: absolute;bottom: -100px;left: 0;width: 100%;border: 1px dashed #eeeeee;background: #ffffff;padding: 15px 0 15px 15px;}
.productBox .left .tel p{font-size: 18px;margin-left: 63px;line-height: 1.5;margin-top: 0;}
.productBox .left .tel p:last-child{font-size: 16px;}

.advantage{background: url(../img/bg2.webp) no-repeat center / 100% 100%;}
.advantage .title p{color: #666666;}
.advantage .title p+p{color: #444444;}
.advantage .cont{overflow: hidden;padding:6% 6% 10% 6%;min-height: 500px;}
.advantage .cont+.cont{border-top: 1px dashed #eeeeee;}
.advantage .left{width: 420px;float: left;margin-top: 50px;}
.advantage .number{display: block;float: left;width: 72px;}
.advantage .text{margin-left: 92px;}
.advantage .text p{font-size: 20px;color: #444444;line-height: 2;}
.advantage .text p+p{font-size: 14px;color: #777777;}
.advantage .text span{color: #ff6537;}
.advantage .right{margin-left: 500px;position: relative;}
.advantage .right .yiqi{margin-left: 70px; width: 440px;height: 302px;padding: 31px 30px; background: url(../img/bg3.webp) no-repeat center / 100% 100%;}
.advantage .right .yiqi img{display: block;width:100%;height: 100%;}
.advantage .right .yibiao{display: block;position: absolute;left: -30px;bottom: -80px;width: 240px;z-index: 2;}
.advantage .right .img{position: absolute; width: 326px;height: 241px;padding: 26px 30px; background: url(../img/bg3.webp) no-repeat center / 100% 100%;}
.advantage .right .img img{display: block;width:100%;height: 100%;}
.advantage .right .img1{left: 70px;top: 0;z-index: 3;}
.advantage .right .img2{left: 215px;top: 115px;z-index: 2;}
.advantage .right .img3{left: 0;top: 140px;z-index: 1;}

.partners .rollImg{background: none;}
.partners .scroll_horizontal .list li img,
.partners .scroll_horizontal .list li a{height: 175px;}

.aboutUs{background: #ffffff;padding: 60px 0 0;}
.aboutUs .title{margin-bottom: 25px;}
.aboutUs .title p{font-size: 14px;color: #777777;}
.aboutUs .title p:last-child{font-size: 24px;margin-top: 15px;color: #444444;}
.aboutUs .left{float: left;width: 730px;}
.aboutUs .right{float: right;width: 395px;}
.aboutUs .right .video{cursor: pointer; width: 100%;height: 235px;border-radius: 8px;overflow: hidden;background-color:#cccccc;background-repeat: no-repeat;background-position: center;background-size:cover;}

.videoBox .play{
	position: absolute;
	z-index: 9;
	width: 1000px;
	top: 15%;
	left: 50%;
	margin-left: -500px;
	overflow: hidden;
}
.videoBox{width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 99;display: none;}
.videoBox .close{
	position: absolute;
	display: block;
	right: 10px;
	top: 10px;
	width: 26px;
	cursor: pointer;
	z-index: 2;
}
.videoBox video{
	display: block;
	width: 100%;
}
.aboutUs .left .cont{overflow: hidden;}
.aboutUs .left .img{display: block;border-radius: 8px;overflow: hidden;width: 330px;height: 235px;float: left;}
.aboutUs .left .text{margin-left: 370px;}
.aboutUs .left .text .p1{font-size: 16px;color: #444444;line-height: 2;margin-top: 10px;}
.aboutUs .left .text .p2{font-size: 14px;line-height: 30px;margin-top: 10px;height: 120px;overflow: hidden;}
.aboutUs .left .text .more{margin-top: 10px; display: block;width: 128px;line-height: 42px;border-radius:6px;color: #ffffff;font-size: 14px;text-align: center; background: linear-gradient(513deg, rgba(255, 178, 69, 1) 0%,rgba(254, 80, 55, 1) 72.80701754385966%);}
.tabNews{margin-top: 70px;overflow: hidden;}
.tab{overflow: hidden;}
.tab li{cursor: pointer;margin-right: 20px; display: block;float: left; width: 128px;line-height: 50px;border-radius:6px;font-size: 16px;text-align: center; background: #fafafa;}
.tab li.active{color: #ffffff;background: linear-gradient(513deg, rgba(255, 178, 69, 1) 0%,rgba(254, 80, 55, 1) 72.80701754385966%);}
/*新闻资讯*/
.swiper-container{overflow: hidden;}
.news{margin: 30px 0;min-height: 250px;}
.news .li{padding: 15px 0;}
.news .li+.li{border-top: 1px dashed #e3e3e3;}
.news .li .tit{color: #333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2;}
.news .li .tit span{float: right;font-size: 14px;line-height: 2;}
.news .li .cont{font-size: 14px;display: -webkit-box;color: #777777;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;line-height: 2;}
.news .li .tit:hover{color: #ff6537;}
.news .li .time{display: block;margin-right: 15px; width: 84px;height: 84px; float: left;background: #f2f2f2;text-align: center;line-height: 1.5;padding-top: 15px;}
.news .li .time b{font-size: 30px;}
.news .title{text-align: center;}
.news .title p{font-size: 14px;color: #777777;}
.news .title p:last-child{font-size: 24px;margin-top: 15px;color: #444444;}

/*详情*/
.productCenter{padding: 50px 0;}
.detailsTit{padding-bottom: 20px;}
.detailsTit .tit{color: #333333;font-weight: 400;font-size: 24px;margin-bottom: 20px;}
.detailsTit .time{color: #adadad;font-size: 12px;}
.detailsTit .time span{float: right;}
.detailsTit .time img{display: inline-block;vertical-align: middle;margin-top: -4px;}
.details{min-height: 300px; color: #676767;border-top: 1px dashed #f0efef;border-bottom: 1px dashed #f0efef;padding: 20px 0;font-size: 14px;line-height: 2;word-wrap: break-word;}
.details img{max-width: 100%;height: auto !important;}
.flip{float: left; font-size: 14px;color: #303030;margin-top: 20px;}
.flip p+p{margin-top: 10px;}
.flip a:hover{color: #076ce0;}
.bdsharebuttonbox{overflow:hidden;}
.bdsharebuttonbox a { width: 30px!important; height: 30px!important; margin: 0 !important; padding: 0!important; display: block; float: right !important; }
.bdsharebuttonbox a img { width: 30px; height: 30px; }
.bdsharebuttonbox .bds_tsina { background: url(../img/s4.png) no-repeat center center/30px 30px;  background-position: center !important;}
.bdsharebuttonbox .bds_qzone { background: url(../img/s3.png) no-repeat center center/30px 30px;  background-position: center !important;}
.bdsharebuttonbox .bds_tqq { background: url(../img/s7.png) no-repeat center center/30px 30px;  background-position: center !important;}
.bdsharebuttonbox .bds_weixin { background: url(../img/s1.png) no-repeat center center/30px 30px; background-position: center !important;}
.bdsharebuttonbox .bds_sqq { background: url(../img/s5.png) no-repeat center center/30px 30px;  background-position: center !important;}
.bdsharebuttonbox .bds_douban { background: url(../img/s6.png) no-repeat center center/30px 30px; background-position: center !important; }
.bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; }
.shareTxt{float: right;line-height: 30px;font-size: 14px;}
.share{float: right;margin-top: 20px;}
.message{padding: 20px 30px;background-color: #fafafa;margin-top: 50px;}
.message .form{}
.message .line{
	overflow: hidden;
	margin-bottom: 15px;
}
.message .line .inp1{
	float: left;
	overflow: hidden;
}
.message .line .inp2{
	overflow: hidden;
	margin-left: 260px;
}
.message .line .name{
	line-height: 36px;
	float: left;
	width: 60px;
	font-size: 14px;
}
.message .line .inp{
	height: 36px;
	border: 1px solid #dadada;
	margin-left: 60px;
	padding: 0 10px;
	background: #ffffff;
	width: 180px;
}
.message .line .textarea{
	border: 1px solid #dadada;
	
}
.message .line .textarea textarea{
	line-height: 20px;
	height: 180px;
	background: #ffffff;
	padding: 10px;
}
.message .line .code{
	height: 36px;
	border: 1px solid #dadada;
	width: 110px;
	float: left;
	padding: 0 10px;
	background: #ffffff;
}
.message .line .codeImg{
	height: 36px;
	display: block;
	border: 1px solid #dadada;
	width: 102px;
	float: left;
	margin-left: 15px;
}
.message .line .sub{
	height: 36px;
	width: 180px;
	border-radius: 2px;
	background: #ea701f;
	display: block;
	cursor: pointer;
	float: right;
	color: #FFFFFF;
	font-size: 14px;
	margin-left: 20px;
	border-radius: 18px;
}
.com_list{
	margin-top: 50px;
}
.com_list .all{border-bottom: 1px dashed #dadada;padding: 20px 0;}
.com_list .list{padding: 0 20px;}
.com_list .list .no{margin: 30px auto;display: block;}
.com_list .list+.list{
	border-top: 1px dashed #e9e9e9;
}
.com_list .list .line{
	overflow: hidden;
	margin-bottom: 15px;
}
.com_list .list p{
	display: block;
	float: left;
	width: 80%;
	line-height: 1.5;
	font-size: 14px;
}
.com_list .list span{
	display: block;
	float: right;
	line-height: 1.5;
	font-size: 14px;
}
.com_list .user{
	color: #ea701f;
	line-height: 40px;
	display: block;
}
/*关于我们*/
.profile{background: #FAFAFA;padding: 100px 0;}
.profile .left .img{
    width: 586px;
    height: 374px;
    padding: 31px 30px;
    background: url(../img/bg4.webp) no-repeat center / 100% 100%;
}
.profile .left .title{margin-top: 30px;}
.profile .left{float: none;width: 100%;}
.profile .left .text{margin-left: 0;}
.profile .left .text .p2{height: auto;}

.culture{background: #ffffff;padding: 90px 0;}
.culture .title{text-align: center;}
.aboutUs .des{text-align: center;line-height: 30px;font-size: 14px;}

.replace{overflow: hidden;margin: 20px 0;}
.replace .li{float: left;width: 33%;margin-right:0.5%;text-align: center;line-height: 3;}
.replace .li:nth-child(3n){margin-right: 0;}
.replace .li img{width: 100%;height: 276px;padding: 30px;background: url(../img/bg4.webp) no-repeat center / 100% 100%;}
.replace .li p{color: #444444;}
.replace .li p:last-child{max-width: 230px;margin: 0 auto;font-size: 14px;line-height: 2;color: #777777;}

.corporate{background: url(../img/bg1.webp) no-repeat center top / 100% 400px;}
.corporate .title *{color: #ffffff !important;text-align: center;}
.corporate .replace .li{width: 48.5%;margin-right: 0;}
.corporate .replace .li:nth-child(2n){float: right;}
.corporate .replace .li img{height: 374px;}
.corporate .replace .li p:last-child{max-width: 100%;}

/*产品中心*/
.recommend .right{margin-left: 0;}
.recommend{background: #ffffff;}
.recommend .right .lists .li{width: 22%;margin-left: 2.4%;margin-top: 2.4%;}
.recommend .right .lists .li img{height: 260px;}
.recommend+.recommend{background: #fafafa;}
.recommend+.recommend .right .lists .li{width: 30%;margin-left: 2.5%;margin-top: 2.5%;}
.recommend+.recommend .right .lists .li img{height: 360px;}

/*产品详情*/
.productInfor{overflow: hidden;}
.productInfor .img{width: 500px;float: left;border: 1px solid #eaeaea;}
.productInfor .img img{display: block;max-width: 100%;margin: 0 auto;}
.productInfor .infor{margin: 20px 0;margin-left: 580px;}
.productInfor .infor .tit{color: #585858;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 20px;margin-bottom: 20px;}
.productInfor .infor .des{font-size: 14px;margin-bottom: 20px;line-height: 1.5;  padding-bottom: 15px;  border-bottom: 1px solid #eee;}
.productInfor .infor .oth{padding-left: 30px; font-size: 14px;margin-bottom: 20px;line-height: 2;}
.productInfor .infor .oth b{color: #ff6537;font-size: 40px;}
.productInfor .infor .btn a{color: #ff6537;float: left; display: block;width: 150px;border: 1px solid #ff6537;border-radius: 4px;padding: 10px 10px 10px 30px;background: url(../img/tel.jpg) no-repeat left 10px center;}
.productInfor .infor .btn{overflow: hidden;}
.yuding{cursor: pointer; color: #ffffff;background: #ff6537;float: left; display: block;width: 150px;border: 1px solid #ff6537;border-radius: 4px;text-align: center;font-size: 14px;line-height: 36px;margin-left: 20px;}
.productDetails{}
.productDetails table{width: 100%;border: 1px solid #eaeaea;}
.productDetails table th{color: #ff6537;padding: 15px 15px;border: 1px solid #eaeaea;border-top: 3px solid #ff6537;}
.productDetails table td{border: 1px solid #eaeaea;padding: 15px 15px;}
.productDetails table td:nth-child(odd){background: #cccccc26;}
.productDetails .imageText{line-height: 2;font-size: 14px;border: 1px solid #eaeaea;padding: 15px;margin-top: 20px;}
.productDetails .imageText img{max-width: 100%;height: auto !important;}

.contact{padding-bottom: 30px;}
.contact:after{content: '';display: block;clear: both;}
.contact .list{float: left;position: relative;margin-right: 10px;}
.contact .list .txt{font-size: 14px;line-height: 20px;cursor: pointer;border: 1px solid transparent;padding: 5px;}
.contact .list .txt img{display: inline-block;vertical-align: middle;margin-top: -4px;}
.contact .list .txt .h{display: none;}
.contact .list:hover .txt{color: #ff6537;border: 1px solid #d1d1d1;border-bottom: 1px solid #ffffff;background: #ffffff;position: relative;z-index: 3;}
.contact .list:hover .txt .s{display: none;}
.contact .list:hover .txt .h{display: inline-block;}
.contact .list .share{display: none; border: 1px solid #d1d1d1;float: none;position: absolute;left: 0;top: 31px;background: #ffffff;z-index: 2;width: 195px;margin-top: 0;padding: 5px;}
.contact .list:hover .share{display: block;}
.contact .onlineService{display: none; border: 1px solid #d1d1d1;position: absolute;left: 0;top: 31px;background: #ffffff;z-index: 2;width: 160px;}
.contact .onlineService .li{display: block;float: left;font-size: 14px;line-height: 40px;padding: 0 5px;}
.contact .onlineService .li img{display: inline-block;vertical-align: middle;margin-top: -4px;margin-right: 5px;}
.contact .list:hover .onlineService{display: block;}
.contact+.flip{margin-bottom: 20px;margin-top: 0;}
.contact+.flip a:hover {color: #ff6537;}

/*联系我们*/
.common{background: #ffffff;padding: 60px 0;}
.map{float: left; width: 619px;height: 395px;padding: 30px 35px 35px 30px;background: url(../img/bg5.webp) no-repeat center / 100% 100%;}
#dituContent{width: 100%;height: 100%;}
.profile .left .map + .text{margin-left: 670px;}
.messageEmail{font-size: 14px;overflow: hidden;}
.messageEmail .label{width: 28%;float: left;position: relative;margin-top: 24px;}
.messageEmail .label+.label{margin-left: 8%;}
.messageEmail .label span{position: absolute;right: -10px;top: 12px;color: red;}
.messageEmail .label p{display: block;float: left;line-height: 34px;}
.messageEmail .label .input{border: 1px solid #dadada;height: 34px;margin-left: 50px;padding: 0 10px;}
.messageEmail .label input{width:100%;height: 100%; display: block;}
.messageEmail .textarea p{display: block;float: left;line-height: 120px;width: 50px;}
.messageEmail .textarea{overflow: hidden;margin-top: 24px;}
.messageEmail .textarea .ttt{border: 1px solid #dadada;height: 120px;margin-left: 50px;padding:10px;}
.messageEmail textarea{display: block;width:100;line-height: 1.5;}
.messageEmail .submit{margin-top: 24px;}
.messageEmail .submit button{background: #ff6537;width: 220px;height: 44px;color: #ffffff;border: 0;margin-left: 50px;}
.messageEmail .codeImg{
	height: 33px;
	display: block;
	border: 1px solid #dadada;
	width: 80px;
	float: left;
	margin-left: 10px;
}



.maskForm{position: fixed;z-index: 9;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;}
.maskForm .messageEmail{position: relative; width: 900px;margin:10% auto 0;background: #ffffff;padding: 30px 50px;}
.maskForm .messageEmail .label{width: 46%;}
.maskForm .messageEmail .codeImg{width: 100px;}
.maskForm .close{
	position: absolute;
	display: block;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 2;
}














































