/*-----------------[初始化]--------------*/
body{
	color: #333;font-size: 12px;
	font-family:微软雅黑,"Microsoft Yahei","PingFangSC-Regular","PingFang Regular","黑体";
	padding-top: 80px;
  }
a{
	color: #333;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
a:hover{color: #008cd6;}
img{max-width: 100%;}
*{
	outline: none;
}
input,textarea,select{font-size: 12px;color: #333;
	font-family:微软雅黑,"Microsoft Yahei","PingFangSC-Regular","PingFang Regular",sans-self;outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
	-webkit-appearance: none;
	appearance: none;
}

input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
:-ms-input-placeholder {color: #999;}

.ani{
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
h1,h2,h3,h4,h5{font-weight: normal;}
/*布局*/
.wp{max-width: 1300px;margin: 0 auto;}

/*******************************
  -------[=头部]-------
********************************/
.header{background: #fff;height: 40px;padding: 20px 0;position: fixed;left: 0;top: 0;width: 100%;z-index: 999;}
.header .LOGO{float: left;margin-top: -14px;height: 68px;}

.nav{float: right;line-height: 40px;}
.nav li{float: left;position: relative;}
.nav li .a1{
	display: block;padding: 0 22px 0 23px;font-size: 16px;color: #333;
	background: url(../images/icon-nav.png) no-repeat right center;
	background-size: 1px 15px;
	-webkit-background-size: 1px 15px;
}

.nav li a:hover{opacity: .5;}
.nav dl{
	position: absolute;
	width: 100%;height: auto;left: 0;top:45px;
	background: #008cd6;
	display: none;
}
.nav dd a{display: block;text-align: center;color: #fff;font-size: 14px;line-height: 50px;}

/*手机导航*/
.nav-bg{
    position: fixed;z-index:90;
    display: none;background:#000;opacity: .7;
    width: 100%;height: 100%;left: 0;top: 0;}
.nav-phone{
	display: none;
	position: relative;
	width: 100px;
	position: fixed;z-index: 99;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	right: -100px;top: 0;height: 100%;
	background: #000;padding-top: 46px;
  }
.nav-phone li{display: block;float: none;}
.nav-phone li .a1{display: block;text-align: center;color: #fff;text-align: center;line-height: 50px;font-size:.26rem;}
.nav-phone dl{
    position: absolute;
    display: none;
    width: 120px;height: 100%;line-height: 20px;
    right: 100px;z-index: -1;top: 0;background: #005c8c;padding-top: 100px;

}
.nav-phone dd a{
    width: 120px;display: block;text-align: center;color: #fff;font-size: .22rem;line-height: 40px;
}

.nav-phone.open{right: 0;}
/*******************************
	-------[=手机导航]-------
********************************/
.menuBtn{
	display: none;
	position: absolute;z-index: 9;right: 10px;top: 10px;z-index: 100;
	width: 24px;height: 28px;margin:0;cursor: pointer;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.menuBtn b{display: block;height: 3px;background-color: #666;
	margin: 4px 0;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.menuBtn.open{position: fixed;}
.menuBtn.open b{
    display: none;margin: 0;position: absolute;left: 0px;top: 50%;
    margin-top: -5px;width: 24px;
    background-color: #fff;
}
.menuBtn.open b:first-child{display: block;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
.nav-photo{
	position: fixed;
	top: 0;right:-100%;width: 5rem;z-index: 999;height: 100%;
	padding: 3rem .5rem 0;text-align: center;background: #333;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.nav-photo li a{color: #fff;font-size:12px;line-height: 3.4rem;}
.nav-photo li{border-bottom: 1px solid #ff9900;}
body.open .nav-photo{
	right: 0;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

/*******************************
  -------[=banner]-------
*******************************/
.ban-phone{display: none;}
.banner{display: none;clear: both;overflow: hidden;position: relative;z-index: 1;}
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}
.banner .slick-dots{position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 9;}
.banner .slick-dots li{display: inline-block;margin: 0 5px;}
.banner .slick-dots li button{
	display: block;width: 8px;height:8px;border: none;cursor: pointer;padding: 0;
	font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border-radius: 50%;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.banner .slick-dots li.slick-active button{
	opacity: 1;
	filter: alpha(opacity=100);
}
.banner .ban{position: relative;overflow: hidden;}
.banner img{display: block; width: 100%;}



/*******************************
  -------[=底部]-------
********************************/
.footer{
    background: url(../images/BG-FOOT.jpg)no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #eee;
}
.footer a{color: #ddd;}
.footer a:hover{opacity: .7;}
.foot-nav{overflow: hidden;padding: 30px 300px 30px 0;}
.foot-nav li{float: left;width: 14.2%;}
.foot-nav dt{font-size: 14px;line-height: 30px;}
.foot-nav dd{font-size: 12px;line-height: 22px;}

.footer .wp{position: relative;overflow: hidden;height: 263px;}
.foot-contact{
    position: absolute;right: 0;top: 0;padding: 30px 0 0;
}
.foot-contact .p1{line-height: 30px;}
.foot-contact .p1 img{width: 10px;margin-right: 5px;}

.foot-contact .p2{padding-top: 5px;}
.foot-contact .p2 img{height: 95px;}

.foot-bottom{background: #000;text-align: center;line-height: 40px;color: #999;}

/*******************************
	-------[=正文]-------
********************************/
.g-tit1{text-align: center;padding: 30px 0;}
.g-tit1 img{height: 54px;}

/*公司简介*/
.ind-lm1{overflow: hidden;padding-bottom: 50px;}
.ind-lm1 .l{float: left;width: 40%;}


.ind-lm1 .r{float: right;width: 57.5%;position: relative;padding-bottom: 24px;}
.ind-lm1 .cop-tit{
    font-size:20px;color: #333;padding-bottom: 10px;
    
}
.ind-lm1 .cop-tit h3{position: relative;display: inline-block;}
.ind-lm1 .cop-tit h3:after{
    position: absolute;left: 0;bottom: -10px;
    content:'';
    width: 50%;height: 3px;background: #efb135;
}
.ind-lm1 .cop-txt{padding-top: 10px;line-height: 28px;}
.ind-lm1 a{color: #008cd6;text-decoration:underline;position: absolute;right: 0;bottom: 0;}


/*案例*/
.ind-lm2{background: url(../images/m-anlibg.png) no-repeat center;padding-bottom: 50px;}
.slick-case{position: relative;padding: 0 40px 50px 40px;}
.slick-case .slick-prev,.slick-case .slick-arrow,.slick-case .slick-next{border: none;
    position: absolute;z-index: 9;left: 5px;top: 50%;width: 20px;height: 40px;margin-top: -40px;
    background: url(../images/shang.png) no-repeat center;
    -webkit-background-size: 20px 40px;
    background-size: 20px 40px;
    font-size: 0;line-height: 0;text-indent: 999px;
    cursor: pointer;
}
.slick-case .slick-next{
    background-image: url(../images/xia.png);
    left: auto;right:5px;
}
.slick-case .item{padding: 0 10px;display: none;}
.slick-case .item h3{background: #fff;text-align: center;line-height: 40px;}
.ind-g-more{
    background: #efb134;color: #fff;clear: both;
    display: block;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
}
.ind-g-more:hover{color: #fff;text-decoration: underline;}





/*行业动态*/
.ind-lmbox{margin: 25px 0 50px;}
.ind-lmbox .wp{position: relative;}
.ind-lm3{padding-right: 450px;}
.ind-tit2{padding: 30px 0 10px 0;border-bottom: 1px solid #333;}
.list-ind-news{padding-top: 10px;}
.list-ind-news li{
    overflow: hidden;height: 50px;line-height: 50px;padding-left: 12px;
    background:url(../images/list-ind-news.png) no-repeat 0 center;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}
.list-ind-news li a{display: block;overflow: hidden;height: 50px;}
.list-ind-news li .time{float: right;}

/*荣誉资质*/
.ind-lm4{width:400px;position: absolute;right:0;top: 0;overflow: hidden;}
.ind-tit3{background: #008cd6;padding: 14px 18px;}
.slick-pic{position: relative;border: 1px solid #ddd;}
.slick-pic .pic{display: none;height:344px;width: 400px;}
.slick-pic img{
    max-height: 100%;max-width: 100%;margin:auto;
}


/*.slick-pic .slick-dots{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 9;}
.slick-pic .slick-dots li{display: inline-block;margin: 0 1px 0 0;}
.slick-pic .slick-dots li button{
    display: block;width: 18px;height:18px;border: none;cursor: pointer;padding: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.slick-pic .slick-dots li.slick-active button{
    opacity: 1;
    filter: alpha(opacity=100);
}*/
.slick-pic .slick-prev,.slick-pic .slick-next{border: none;
    position: absolute;z-index: 9;left: 5px;top: 50%;
    width: 40px;height: 40px;border-radius: 50%;
    margin-top: -20px;
    background:rgba(0,0,0,0.2) url(../images/arr-ll.png) no-repeat center center;
    -webkit-background-size: 18px 24px;
    background-size: 18px 24px;
    font-size: 0;line-height: 0;text-indent: 999px;
    cursor: pointer;
}
.slick-pic .slick-next{
    background-image: url(../images/arr-rr.png);
    left: auto;right:5px;
}
.slick-pic .slick-prev:hover,.slick-pic .slick-next:hover{
    background-color: #008cd6;
}

/*合作伙伴*/
.ind-lm5{padding-bottom: 50px;}
.list-partner{overflow: hidden;padding-bottom: 20px;margin: 0 -5px;}
.list-partner li{float: left;width: 16.66%;}
.list-partner .pic{
    margin: 5px;height: 80px;text-align: center;
    line-height: 80px;overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.list-partner .pic img{display: inline-block;vertical-align: middle;max-height: 100%;max-width: 100%;}



/**********案例**********/
.inner-ban{
    height: 580px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center 0;
    background-repeat: no-repeat;
    }
.cur{background: #f5f5f5;line-height: 40px;}
.cur img{display: inline-block;width: 15px;vertical-align: middle;margin: -3px 0 0 0;}
.cur a,.cur span{font-size: 14px;margin: 0 3px;}


.nav-inner{margin: 20px 0 0;overflow: hidden;}
.nav-inner li{float: left;margin: 0 1px 1px 0;}
.nav-inner li a{display: block;padding: 8px 18px;background: #eee;}
.nav-inner li.on a,
.nav-inner li a:hover{background: #008cd6;color: #fff;}


.list-case{overflow: hidden;margin: 0 -10px;padding:10px 0 20px;}
.list-case li{float: left;width: 33.33%;}
.list-case li a{display: block;margin: 10px;overflow: hidden;}
.list-case .pic{padding-top:74%;position: relative;}
.list-case .pic img{
    position: absolute;width: 100%;height: 100%;z-index: 1;
    left: 0;top: 0;
}
.list-case .txt{
    position: absolute;width: 100%;line-height: 40px;height: 40px;bottom: 0;left: 0;z-index: 9;
    text-align: center;font-size: 14px;
    color: #fff;background: rgba(0,0,0,0.6);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.list-case .txt p{line-height: 40px;padding: 0 10px;}
.list-case .txt span{
    display: none;padding: 10px 20px;border-radius:10px;
    width: 100px;height:24px;line-height: 24px;margin: 0 auto;
    background: #008cd6;color: #fff;
}
.list-case li a:hover .txt{height: 100%;}
.list-case li a:hover p{line-height: 24px;padding: 24% 10px 20px 10px;}
.list-case li a:hover span{display: block;}

/*页码*/
.m-page{text-align: center;line-height:34px;margin-bottom: 30px;}
.m-page ul{display: inline-block;vertical-align: middle;list-style:none;}
.m-page ul li{float: left;margin:1px;}
.m-page ul li a,.m-page ul li span{display: block;padding:0 15px;font-size: 14px;background: #eee;color: #333;}
.m-page ul li:first-child{margin-right: 6px;}
.m-page ul li:last-child{margin-left: 6px;}
.m-page ul li:hover a,.m-page ul li.on a,.m-page ul li.active span{background: #008cd6; color: #fff;}
.m-page ul li.disable a,.m-page ul li.disable a:hover{color: #fff;background: #c8c8c8;}

/*公司简介*/
.g-m-intro{padding: 50px 0;}
.g-m-intro .intro-tit{font-size: 20px;text-align: center;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.g-m-intro .intro-con{line-height:2.5;font-size: 16px;}
.g-m-intro img{display: block;margin:.5rem auto;}
.intro-con h3{font-weight: bold;font-size: 16px;}

/*企业实力*/
.list-strength{overflow: hidden;margin: 0 -20px;padding: 40px 0 0;}
.list-strength li{float: left;width: 33.33%;margin-bottom: 20px;}
.list-strength .pic{height: 300px;overflow: hidden;}
.list-strength .pic img{width: 100%;}
.list-strength li a{display: block;padding: 0 20px;}
.list-strength .tit{
	font-size: 16px;text-align: center;background: #eee;
	height: 40px;overflow: hidden;line-height: 40px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.list-strength a:hover .tit{color: #fff;background: #008cd6;}


/*联系我们*/
.con-des{overflow: hidden;padding: 30px 0 50px;}
.con-des .l{width: 76%;}
.con-des .l p{font-size: 14px;line-height: 30px;}
.con-des .r{width: 16%;text-align: center;}
.con-des .tit{font-size: 20px;padding-bottom: 20px;}
.con-des .r img{max-width: 120px;width: 100%;}
.con-des .r p{font-size: 14px;}

/*地图*/
#dituContent{clear: both;width: 100%;height: 500px;margin-bottom: 50px;}
#dituContent img{max-width:none !important;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}

/*招聘信息*/
.list-recruitment{
	padding-bottom: 10px;
}
.list-recruitment li{
	padding: 10px 0;
}
.list-recruitment .tit{
	background: #eee;
	padding: 8px 10px;
	overflow: hidden;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.list-recruitment li:hover .tit{
	background: #008cd6;color: #fff; 
}
.list-recruitment .tit h3{float: left;}
.list-recruitment .tit .time{
	float: right;
	font-size: 16px;
	padding-left: 20px;
	background: url(../images/icon-time1.png) no-repeat 0 center;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
}
.list-recruitment li:hover .tit .time{
	background-image: url(../images/icon-time2.png);
}
.list-recruitment li dl{
	border: 1px solid #ddd;
	padding: 8px 15px;
	overflow: hidden;
}
.list-recruitment dd{
	float: left;
	width: 33.33%;
	font-size: 14px;
	line-height: 2;
}

/*新闻中心*/
.list-news{padding: 10px 0 20px;}
.list-news li{
	overflow: hidden; 
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}
.list-news .ml{	float: left;}
.list-news .time{
	float: left;line-height: 20px;text-align: center;
	border: 1px solid #ddd;
	padding: 18px 20px;
}
.list-news .time span{display: block;font-size: 20px;font-weight: bold;}
.list-news .pic{float: left;width: 100px;}
.list-news .img{
	padding-top: 78%;
	background-position: center;
	background-repeat: no-repeat; 
	-webkit-background-size: cover;
	background-size: cover;
}
.list-news .txt{overflow: hidden;padding-left: 20px;}
.list-news .txt h3{
	line-height: 30px;font-size: 16px;padding-top: 4px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	    text-overflow: ellipsis;
	display: block;
	white-space:nowrap;
}
.list-news .txt p{
	display: -webkit-box;
	display: box; 
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 20px;height: 40px;
	overflow: hidden;
}


/*在线留言*/
.m-message .tit{
	font-size: 20px;
	padding: 20px 0 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.m-message .con{font-size: 14px;line-height: 1.5;padding-top: 10px;text-align: center;}
.m-message textarea,
.m-message input{
	width: 100%;font-size: 16px;background: #f7f7f7;border: none;
	border-radius: 3px;margin: 5px 0;padding: 12px;
}
.m-message button{
	display: block;margin: 20px auto;background: #333;color: #fff;
	font-size: 16px;padding: 15px 50px;cursor: pointer;border: none;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.m-message .form-con{overflow: hidden;}
.m-message button:hover{
	background: #008cd6;color: #fff;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}