@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: #444444;
}
body {
	background: #fff;
	color: #444444;
}
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:1440px;*/
	width: 75%;
}
.centerBox:after{
	content:"";
	display:block;
	clear:both;
}
/*头*/
.header{position: absolute;width: 100%;top: 40px;left: 0;z-index: 9;}
.logo{float: left;}
.logo img{display: block;height: 40px;}
/*导航*/
.menu{float: right;margin-top: 12px;}
.menu:after{content: "";display: block;clear: both;}
.menu .list{float: left;margin-left: 10px;position: relative;}
.menu .list .oneLevel{display: block;color: #353535;font-size: 16px;color: black;}
.menu .list.active .oneLevel,
.menu .list:hover .oneLevel{color: #45B3D4;}
.secondary{display: none; position: absolute;z-index: 9; top: 100%;left: 50%;margin-left: -70px; width: 150px;border-radius: 4px;overflow: hidden; padding-top: 12px; background:url(../img/bg.png) no-repeat center top / auto 12px;font-size: 14px;}
.secondary .li{display: block;text-align: center;padding: 10px 0;background: #45B3D4;color: #ffffff;}
.secondary .li+.li{border-top: 1px dashed #eeeeee;}
/*.secondary .li.on,*/
.secondary .li:hover{font-weight: bold;}
.menu .list:hover .secondary{display: block;}

/*尾*/
footer{background: #45B3D4;padding: 80px 0 30px;}
.top{overflow: hidden;padding-bottom: 10px;}
.bottom{overflow: hidden;padding-top: 40px;border-top: 1px solid #444444;}
.top .menu{float: left;margin-top: 50px;}
.top .menu .li{margin-right: 50px;}
.bottom ul li{float: left;width: 100%;margin-bottom: 50px;}
.copyright{text-align: center;margin-top: 30px;font-size: 14px;}
/*返回顶部*/
#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: 250px;background-repeat: no-repeat;background-position: center;background-size: cover}
/*首页其他*/
.atlas{position: relative;}
.locate{position: absolute;z-index: 9;width: 75%;left: 12.5%;bottom: 0;overflow: hidden;color: #ffffff;}
.locate .list{width: 33.3%;float: left;padding: 25px;background: #1b279c;}
.locate .list:nth-child(2){background: #ff6537;}
.locate .list .tit{font-size: 26px;margin-bottom: 20px;}
.locate .list .des{line-height: 35px;margin-bottom: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;}
.locate .list .more{position:relative;transition: all .3s;background: rgba(255, 255, 255, 0); width: 140px;border:1px solid #ffffff;line-height: 40px;text-align: center;display: block;color: #ffffff;}
.locate .list .more:hover{transition: all .3s;background: rgba(255, 255, 255, 1);color: #1b279c;}
.locate .list:nth-child(2) .more:hover{background: rgba(255, 255, 255, 1);color: #ff6537;}
.locate .list .more:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 1);
}
.locate .list .more:hover:after {
    opacity: 1;
    width: 100%;
    background-color: rgba(0, 0, 0, 1);
    z-index: -1;
}
.common{padding: 80px 0;}
.commonTitle{}
.commonTitle .tit{color: #2b2b2b;font-size: 26px;margin-bottom: 20px;}
.commonTitle .des{margin-bottom: 20px;}
.commonTitle .heng{width: 25px;height: 3px;background: #1b279c;margin-bottom: 20px;display: inline-block;}
.commonTitle .cont{color: #777777;font-size: 14px;line-height: 30px;margin-bottom: 20px;}
.commonTitle .more{position: relative;overflow: hidden; display: block;width: 160px;line-height: 50px;text-align: center;color: #ffffff;font-size: 14px;background: #ff6537;}
.commonTitle .more:after {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}
@keyframes wave {
	0% {
		background: rgba(0,0,0,.25);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: transparent;
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}
.commonTitle .more:hover:after{
	animation: wave 0.75s infinite;
    z-index: 1;
}

.brand{}
.brand .img{width: 65%;float: right;}
.brand .img img{display: block;width: 100%;}
.brand .commonTitle{margin-right: 70%;padding-top: 50px;}

.data{padding: 50px 0 100px;background: url(../img/bg1.webp) no-repeat center bottom / 100% auto;}
.numCount{background: #ffffff;box-shadow: 0 0 15px #e4e4e4;padding: 80px 0;overflow: hidden;}
.data .li{width: 33.3%;float: left;text-align: center;}
.data .li+.li{border-left: 1px solid #e4e4e4;}
.data .li span{font-size: 60px;}
.data .li p:last-child{font-size: 14px;color: #777777;margin-top: 20px;}


.product{}
.product .commonTitle{text-align: center;}
.product .lists{margin-top: 50px;}
.product .lists .li{float: left;width: 30.7%;margin: 0 1.3%;margin-bottom: 2.6%; overflow: hidden;display: block;border-bottom: 2px solid transparent;}
.product .lists .li:hover{box-shadow: 0 0 10px #cccccc;border-bottom: 2px solid #ff6537;}
.product .lists .li .img{}
.product .lists .li img{display: block;width: 100%;}
.product .lists .li .cont{padding: 25px;background: #fafafa;}
.product .lists .li .t1{margin-top: 10px;}
.product .lists .li .t2{margin-top: 10px;}
.product .lists .li .t3{margin-top: 20px;color: #666666;font-size: 14px;line-height: 30px;text-align: justify;}

.carousel{overflow: hidden;}
.carousel .swiper-slide{background: #fafafa;}
.carousel .img{float: left;width: 50%;height: 590px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.carousel img{display: block;}
.carousel .text{width: 50%;float: right;padding: 50px;}
.carousel .commonTitle{margin-top: 60px;}

.part{padding: 80px 0 0;}
.part .commonTitle{position: relative;padding: 0 30px;}
.part .cont{position: absolute;right: 0;top: 38px;margin-bottom: 0;}
.video{margin-top: 30px; cursor: pointer; width: 100%;height: 420px;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%;
}
.vision .commonTitle{padding: 0 30px;}
.vision{background: #fafafa;}
.vision .lists{margin-top: 30px;}
.vision .lists:after{content: '';display: block;clear: both;}
.vision .lists .left{width: 43%;float: left;}
.vision .lists .right{float: right;width: 54%;}
.vision .lists .right:hover{box-shadow: 0 0 10px #cccccc;background:#ffffff;}
.vision .lists .li{display: block;padding: 30px;overflow: hidden;}
.vision .lists .left .li:hover{background: url(../img/to.png) no-repeat #ffffff bottom right 20px;box-shadow: 0 0 10px #cccccc;}
.vision .lists .li:hover .t1{color: #ff6537;}
.vision .lists .li .img{}
.vision .lists .li img{display: block;width: 100%;}
.vision .lists .li .cont{padding: 15px;}
.vision .lists .li .t1{color: #333333;margin-top: 5px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vision .lists .li .t2{margin-top: 10px;color: #878787;font-size: 14px;line-height: 2;text-align: justify;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;}

.vision .lists .right .img{width: 39%;float: left;}
.vision .lists .right .cont{margin-left: 41%;margin-top: 4%;}
.vision .lists .li+.li{border-top: 1px dashed #eeeeee;}


/*产品与案例*/
.main{min-height: 500px;}
.solution{padding: 80px 0;text-align: center;background: url(../img/bg2.webp) no-repeat center / cover;}
.solution .commonTitle .tit{color: #ffffff;}
.solution .commonTitle .des{color: #ffffff;}
.solution .commonTitle .heng{background: #ffffff;}
.carousel .list{overflow: hidden;}
.carousel .list .img{height: 450px;}
.carousel .list .text .cont{display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow:ellipsis;}
.carousel .list:nth-child(2n) .img{float: right;}
.carousel .list:nth-child(2n) .text{float: left;}

/*新闻*/
.news .commonTitle{text-align: center;}
.news .lists{margin-top: 20px;}
.news .lists .li{display: block;overflow: hidden;padding: 20px;} 
.news .lists .li+.li{border-top: 1px dashed #eeeeee;}
.news .lists .li:hover{box-shadow: 0 0 10px #cccccc;}
.news .lists .li .img{width: 280px;float: left;}
.news .lists .li .img img{display: block;width: 100%;height: 180px;}
.news .lists .li .cont{margin-left: 310px;padding-top: 25px;}
.news .lists .li .tit{color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .lists .li .des{line-height: 26px;color: #878787;font-size: 14px;margin-top: 20px;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;}
.news .lists .li .time{line-height: 1.5;color: #999;display: inline-block;font-size: 14px;margin-top: 20px;}
.news .lists .li .fl{display: inline-block;border-radius: 13px;background: hsla(0,0%,60%,.15);min-width: 56px;color: #666;min-height: 26px;line-height: 26px; padding: 0 10px;text-align: center;font-size: 12px;}
.newsTitle{border-bottom:1px solid #cccccc ;color: #ff6637;}
.newsTitle span{line-height: 30px;display: inline-block;border-bottom: 2px solid #ff6637;padding: 0 20px;}
.news .lists .list{overflow: hidden;padding: 10px;display: block;}
.news .lists .list+.list{border-top: 1px dashed #eeeeee;}
.news .lists .list .des{width: 80%;display: block;float: left;font-size: 14px;line-height: 30px;color: #666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .lists .list .time{float: right;line-height: 30px;font-size: 14px;color: #999999;}
.news .lists .list:hover p{color: #ff6637;}

/*详情*/
.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: #FF6537;}
.bdsharebuttonbox{overflow:hidden;}
.bdsharebuttonbox a { width: 40px!important; height: 40px!important; margin: 0 !important; padding: 0!important; display: block; float: right !important; }
.bdsharebuttonbox a img { width: 40px; height: 40px; }
.bdsharebuttonbox .bds_tsina { background: url(../img/s4.png) no-repeat center center/40px 40px;  background-position: center !important;}
.bdsharebuttonbox .bds_qzone { background: url(../img/s3.png) no-repeat center center/40px 40px;  background-position: center !important;}
.bdsharebuttonbox .bds_tqq { background: url(../img/s7.png) no-repeat center center/40px 40px;  background-position: center !important;}
.bdsharebuttonbox .bds_weixin { background: url(../img/s1.png) no-repeat center center/40px 40px; background-position: center !important;}
.bdsharebuttonbox .bds_sqq { background: url(../img/s5.png) no-repeat center center/40px 40px;  background-position: center !important;}
.bdsharebuttonbox .bds_douban { background: url(../img/s6.png) no-repeat center center/40px 40px; background-position: center !important; }
.bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; }
.shareTxt{float: right;line-height: 40px;}
.share{margin-top: 20px;float: right;font-size: 14px;}
.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;
}

/*联系我们*/

.message{font-size: 14px;overflow: hidden;}
.message .label{width: 28%;float: left;position: relative;margin-top: 24px;}
.message .label+.label{margin-left: 8%;}
.message .label span{position: absolute;right: -10px;top: 12px;color: red;}
.message .label p{display: block;float: left;line-height: 34px;}
.message .label .input{border: 1px solid #dadada;height: 34px;margin-left: 50px;padding: 0 10px;}
.message .label input{width:100%;height: 100%; display: block;}
.message .textarea p{display: block;float: left;line-height: 120px;width: 50px;}
.message .textarea{overflow: hidden;margin-top: 24px;}
.message .textarea .ttt{border: 1px solid #dadada;height: 120px;margin-left: 50px;padding:10px;}
.message textarea{display: block;width:100;line-height: 1.5;}
.message .submit{margin-top: 24px;}
.message .submit button{background: #ff6637;width: 220px;height: 44px;color: #ffffff;border: 0;margin-left: 50px;}

.otherTxt{margin: 50px 0;overflow: hidden;}
.otherTxt p{display: block;width: 25%;float: left;font-size: 14px;color: #666666;line-height: 2;}

.map{height: 350px;margin-top: 20px;}

/*公司简介*/
.profile{background: #fafafa;}
.profileImg{}
.profileImg img{display: block;width: 100%;}

.awarded{background: #fafafa;}
.awarded .commonTitle{text-align: center;}
.pictures{overflow: hidden;margin-top: 20px;}
/* 横向滚动
------------------------------ */
.scroll_horizontal{position:relative;width:100%;padding: 10px 0;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:100%;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:500px;height:700px;padding: 0 10px;}
.scroll_horizontal .list li img,
.scroll_horizontal .list li a{display: block;width:100%;height: 100%;}

.course{margin:0 12.5%;position: relative;overflow-x: auto;white-space: nowrap;}
.course:after{content: '';display: block;clear: both;}
.course:before{content: '';display: block;width: 100%;height: 1px;background: #cccccc;bottom: 190px;left: 0;position: absolute;}
.course .li{width: 19%;margin: 0 4%;display: inline-block;}
.course .li:first-child{margin-left: 0;}
.course .li:last-child{margin-right: 0;}
.course .li .img{margin-bottom: 40px;}
.course .li .img img{display: block;width: 100%;}
.course .li .sanjiao{margin-bottom: 25px;position: relative;}
.course .li .sanjiao img{display: block;margin: 0 auto;}
.course .li .time{color: #ff6537;font-size: 40px;text-align: center;margin-bottom: 25px;}
.course .li .text{font-size: 14px;color: #777777;line-height: 30px;height: 90px;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow:ellipsis;}