@charset "utf-8";
/* CSS Document */
html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ul,li{ list-style:none;}
em,i{ font-style: normal;}
body{ font-size:12px; color:#444; line-height:24px; margin:0px; padding:0px;  font-family:"微软雅黑"; }
img{ border:none;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#333; font-family:"微软雅黑";}
a:hover{ color:#4f8059; text-decoration:underline; font-family:"微软雅黑";}
.fl {float:left;}
.fr {float:right}
.clear{clear:both;}
@font-face{font-family:'impact'; src: url('../fonts/impact.ttf');}


/*页眉*/
.header_bg{ width: 100%; background: #fff; height: 90px; position: fixed; top: 0px; left: 0px; z-index: 9; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.logo{ width: 36%; margin-left:3%; }
.logo img{ max-width: 100%; }

.nav-width{ width: 49%; position: relative;}
.nav{ width: 100%; height: 90px;}
.nav ul{}
.nav ul li{ float: left; margin: 0 3.2%; position: relative;}
.nav ul li a{ font-size: 18px; color: #666; display: block; line-height: 88px;  text-decoration: none;}
.nav ul li.bg a{ border-bottom: solid 2px #cf2d25; }


.nav .sf-mega {display: none;position: absolute;width: 420px;left: 0;z-index: 99;box-shadow: 2px 3px 6px rgba(0, 0, 0, .2);background: rgba(255, 255, 255, .9);border-top: 2px #cf2d25 solid;}
.nav .sf-m {overflow: hidden; padding: 30px 30px;margin: 0 auto;position: relative;height: 175px;}
.nav .sf-m a {display: block;font-size: 15px;height: 40px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-decoration: none;}
.nav .sf-m a:hover {color: #cf2d25}
.nav li:hover .sf-mega {display: block;}
.sf-m:after {content: '';display: block;position: absolute;width: 220px;height: 145px;top: 40px;right: 30px;}
.nav li:last-child {margin-right: 0}
.nav li:nth-child(2) .sf-m:after {background: url(../images/b2.jpg) no-repeat center}
.nav li:nth-child(3) .sf-m:after {background: url(../images/b3.jpg) no-repeat center}
.nav li:nth-child(4) .sf-m:after {background: url(../images/b4.jpg) no-repeat center}
.nav li:nth-child(5) .sf-m:after {background: url(../images/b5.jpg) no-repeat center}
.nav li:nth-child(6) .sf-m:after {background: url(../images/b6.jpg) no-repeat center}
.nav li:nth-child(7) .sf-mega {width: auto;}
.nav li:nth-child(7) .sf-m {height: auto;padding: 10px 20px;}
.nav li:nth-child(7) .sf-m:after {display: none}



@media ( max-width:1800px){
.logo{ width: 37%; margin-left:2%;}	
.nav ul li{ margin: 0 2.8%;}	
}
@media ( max-width:1600px){
.nav ul li{ margin: 0 2.4%;}	
}
@media ( max-width:1500px){
.nav ul li{ margin: 0 2.8%;}
.nav ul li a{ font-size: 16px;}	
}
@media ( max-width:1400px){
.nav ul li{ margin: 0 2.4%;}
}
@media ( max-width:1300px){
.nav ul li{ margin: 0 2.4%;}
.nav ul li a{ font-size: 15px;}	
}
@media ( max-width:1200px){
.nav ul li{ margin: 0 2.3%;}
.nav ul li a{ font-size: 14px;}	
}

.header-right{ width: 12%;}
.header-right a{ width: 49%; float: left; display: block; text-align: center;  border-left: solid 1px #eee; height: 90px;}
.header-right a img{ max-width: 100%;}

/*产品中心 */
.chanpin-width{ max-width: 1400px; margin: 0 auto; overflow: hidden;}
.chanpin-tit{ padding-top: 70px; text-align: center;}
.chanpin-tit h2{ font-size: 36px; color: #333; line-height: 48px;}
.chanpin-tit i{ display: block; width: 68px; height: 3px; background: #cf2d25; margin: 20px auto 0;}

.chanpin-1{ margin-top: 30px; overflow: hidden;}

.chanpin-1-l{ width: 61.5%; position: relative; z-index: 8;}
.chanpin-1-l img{ width: 100%; max-width: 860px;}
.chanpin-1-l dl{ width: 100%; position: absolute; bottom: 7%; left: 0%; transition: all 0.5s ease; }
.chanpin-1-l dl dt{ font-size: 24px; color: #fff; line-height: 48px; font-weight: bold; margin-left: 5%;}
.chanpin-1-l dl a{ display: block; color: #fff; font-size: 16px; line-height: 24px; text-decoration: none; margin-left: -120px; transition: all 0.5s ease;}
.chanpin-1-l dl a span{ color: #0362cb; padding-left: 10px; font-size: 20px;}
.chanpin-1-l dl:hover a{ transition: all 0.5s ease; margin-left: 5%;}

.chanpin-1-r{ width: 36.5%; position: relative; z-index: 1;}
.chanpin-1-r img{ width: 100%; max-width: 510px;}
.chanpin-1-r dl{ width: 100%; position: absolute; bottom: 7%; left: 0%; transition: all 0.5s ease; }
.chanpin-1-r dl dt{ font-size: 24px; color: #fff; line-height: 48px; font-weight: bold; margin-left: 5%;}
.chanpin-1-r dl a{ display: block; color: #fff; font-size: 16px; line-height: 24px; text-decoration: none; margin-left: -140px; transition: all 0.5s ease;}
.chanpin-1-r dl a span{ color: #0362cb; padding-left: 10px; font-size: 20px;}
.chanpin-1-r dl:hover a{ transition: all 0.5s ease; margin-left: 5%;}

.chanpin-2{ margin-top: 30px; overflow: hidden;}

.chanpin-2-l{ width: 36.5%; position: relative; z-index: 8;}
.chanpin-2-l img{ width: 100%; max-width: 510px;}
.chanpin-2-l dl{ width: 100%; position: absolute; bottom: 7%; left: 0%; transition: all 0.5s ease; }
.chanpin-2-l dl dt{ font-size: 24px; color: #fff; line-height: 48px; font-weight: bold; margin-left: 5%;}
.chanpin-2-l dl a{ display: block; color: #fff; font-size: 16px; line-height: 24px; text-decoration: none; margin-left: -120px; transition: all 0.5s ease;}
.chanpin-2-l dl a span{ color: #0362cb; padding-left: 10px; font-size: 20px;}
.chanpin-2-l dl:hover a{ transition: all 0.5s ease; margin-left: 5%;}

.chanpin-2-r{ width: 61.5%; position: relative; z-index: 1;}
.chanpin-2-r img{ width: 100%; max-width: 860px;}
.chanpin-2-r dl{ width: 100%; position: absolute; bottom: 7%; left: 0%; transition: all 0.5s ease; }
.chanpin-2-r dl dt{ font-size: 24px; color: #fff; line-height: 48px; font-weight: bold; margin-left: 5%;}
.chanpin-2-r dl a{ display: block; color: #fff; font-size: 16px; line-height: 24px; text-decoration: none; margin-left: -140px; transition: all 0.5s ease;}
.chanpin-2-r dl a span{ color: #0362cb; padding-left: 10px; font-size: 20px;}
.chanpin-2-r dl:hover a{ transition: all 0.5s ease; margin-left: 5%;}

/*解放方案 */
.fangan-width{ width: 100%; overflow: hidden; }
.fangan-tit{ padding-top: 100px; text-align: center;}
.fangan-tit h2{ font-size: 36px; color: #333; line-height: 48px;}
.fangan-tit i{ display: block; width: 68px; height: 3px; background: #cf2d25; margin: 20px auto 0;}

button{border:none;}
#my-slide{width:100%;height:620px; margin-top: 22px; }
#my-slide .slide-list{ width:100%;height:620px;overflow: hidden;position: relative;margin:0 auto;}
#my-slide .slide-list li{margin-right:20px;height:620px;position: absolute;top:0;overflow: hidden;width:calc(100% - 20px - 50%);max-width: 1032px; }
#my-slide .slide-list li img{height:620px;width:1032px; margin-top: 18px;}
#my-slide .slide-list li dt{  position: absolute; top: 0px; left: 20px; height: 70px; width: 70px; background: #d02d26;
 line-height: 70px; color: #fff; font-size: 30px; font-weight: bold; text-align: center;}
#my-slide .slide-list li dl{ position: absolute; bottom: 60px; left: 55px;}
#my-slide .slide-list li dl a{ color: #fff; font-size: 26px; line-height: 36px; font-weight: bold;}
#my-slide .slide-list li dl p{ color: #fff; font-size: 16px; line-height: 36px; display: none;}

/**顶部幻灯片按钮**/
.slick-top-prev{
	position:absolute;
	display: block;
	height: 94px;
	width:56px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	top: 51%;
	left: 0px;
	margin-top:-47px;
}

.slick-arrow{
	background-color: #fff;
	font-family: monospace;
	font-weight: 100;
	font-size: 50px;
	color: #333;
	outline: none;
	z-index: 1;
	opacity: .9;
}

.slick-top-prev:before{
	content: "<";
	font-weight: bold;
}

.slick-top-next{
	position:absolute;
	display: block;
	height: 94px;
	width:56px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	top: 51%;
	right: 0px;
	margin-top:-47px;
}

.slick-top-next:before{
	content: ">";
	font-weight: bold;
}

/*服务商 */
.fuwu_bg{ width: 100%; background: #f2f2f2; padding: 75px 0; margin-top: 100px; overflow: hidden;}
.fuwu-width{ max-width: 1400px; margin: 0 auto; overflow: hidden;}
.fuwu-tit{ text-align: center;}
.fuwu-tit h2{ font-size: 24px; color: #28a7e1; line-height: 48px;}
.fuwu-tit p{ font-size: 14px; color: #333; line-height: 26px;}
.fuwu-tit i{ display: block; width: 68px; height: 3px; background: #d02d24; margin: 10px auto 0;}

.fuwu-list{ margin-top: 80px;}
.fuwu-list ul{}
.fuwu-list ul li{ float: left; width: 20%; margin:0  2.5%; text-align: center;}
.fuwu-list ul li img{ width: 120px; height: 120px;  -webkit-transition:0.6s;-webkit-transition: -webkit-transform 0.6s ease-out; 
transition: transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;}
.fuwu-list ul li img:hover{transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}
.fuwu-list ul li dt{ font-size: 18px; color: #333; line-height: 36px; font-weight: bold; margin: 20px 0 10px; }
.fuwu-list ul li p{ font-size: 14px; color: #666; line-height: 30px; padding: 0 15px;}

/*关于我们 */
.about_bg{ width: 100%; background: url(../images/about_bg.jpg) center no-repeat; height: 800px; overflow: hidden;}
.about-width{ max-width: 1400px; margin: 0 auto; overflow: hidden;}
.about-left{ float: left; width: 50%;}
.about-tit{ padding-top: 100px;}
.about-tit h2{ font-size: 32px; color: #28a7e1; line-height: 48px;}
.about-tit p{ font-size: 18px; color: #fff; line-height: 30px;}
.about-tit i{ display: block; width: 68px; height: 3px; background: #d02d24; margin-top: 10px;}
.about-jj{ padding-top: 50px;}
.about-jj p{ font-size: 18px; color: #fff; line-height: 40px; padding-right: 4%; max-height: 360px; overflow: hidden;}
.about-jj a{ display: block; width: 242px; height: 70px; background: #28a7e1; margin-top: 45px; color: #fff; font-size: 18px; text-align: center; line-height: 70px;}

.about-right{ float: right; width: 48%; padding-top: 155px;}

/*公司风采 */
.fengcai-width{ max-width: 1400px; margin: 90px auto 0; overflow: hidden;}
.fengcai-left{ float: left; width: 47.5%; position: relative;}
.fengcai-left img{ width: 100%; max-width: 664px;}
.fengcai-left dl{ position: absolute; top: 55px; left: 0; width: 100%; text-align: center;}
.fengcai-left dl dt{ font-size: 34px; line-height: 48px; color: #fff;}
.fengcai-left dl a{ font-size: 18px; color: #fff; line-height: 48px;}
.fengcai-right{ float: right; width: 47.5%; position: relative;}
.fengcai-right img{ width: 100%; max-width: 664px;}
.fengcai-right dl{ position: absolute; top: 55px; left: 0; width: 100%; text-align: center;}
.fengcai-right dl dt{ font-size: 34px; line-height: 48px; color: #fff;}
.fengcai-right dl a{ font-size: 18px; color: #fff; line-height: 48px;}

/*新闻中心 */
.xinwen_bg{ width: 100%; background: #f6f6f6; margin-top: 100px; padding: 70px 0 90px; overflow: hidden;}
.xinwen-width{ max-width: 1400px; margin: 0 auto; overflow: hidden;}
.xinwen-tit{ text-align: center;}
.xinwen-tit h2{ font-size: 36px; color: #333; line-height: 48px;}
.xinwen-tit i{ display: block; width: 68px; height: 3px; background: #cf2d25; margin: 20px auto 0;}

.xinwen-list{ margin-top: 50px; overflow: hidden;}
.xinwen-list-l{ float: left; width: 35.7%; background: #fff; padding-bottom: 40px; overflow: hidden;}
.xinwen-list-l img{ width: 100%; max-width: 500px; max-height: 340px;}
.xinwen-list-l a{ display: block; font-size: 18px; color: #333; line-height: 36px; padding: 22px 7% 14px;  overflow: hidden; }
.xinwen-list-l a:hover{ color: #cf2d25;}
.xinwen-list-l p{ font-size: 16px; color: #999; line-height: 30px; padding: 0 7%;}
.xinwen-list-l span{ display: block; font-size: 16px; color: #999; line-height: 25px; padding: 24px 7% 0;}

.xinwen-list-r{ float: right; width: 62.3%; overflow: hidden;}
.xinwen-list-r ul{}
.xinwen-list-r ul li{ float: left; width: 48.5%; background: #fff; padding: 35px 0; margin-bottom: 3.5%; transition: all 0.5s ease;}
.xinwen-list-r ul li .time{ float: left; display: block; width: 27%; text-align: center; padding: 10px 0; border-right: solid 1px #999;}
.xinwen-list-r ul li .time dt{ color: #999; font-size: 16px;}
.xinwen-list-r ul li .time dt span{ display: block; font-size: 50px; line-height: 52px; font-family:'impact';}
.xinwen-list-r ul li .text{ width: 67%; float: right; }
.xinwen-list-r ul li .text dt{ height: 22px; overflow: hidden;}
.xinwen-list-r ul li .text dt a{ font-size: 18px; color: #333; line-height: 22px;}
.xinwen-list-r ul li .text dt a:hover{ color: #cf2d25;}
.xinwen-list-r ul li .text p{ font-size: 15px; color: #999; line-height: 28px; margin-top: 20px; padding-right: 5%; height: 56px; overflow: hidden;}
.xinwen-list-r ul li:nth-child(2n){  float: right;}

/*合作伙伴 */
.partner{ width: 100%; border-top: solid 1px #eee; overflow: hidden;}
.partner ul{}
.partner ul li{ float: left; width: 12.4%; text-align: center; border-right: solid 1px #eee;}
.partner ul li a{ display: block;}
.partner ul li img{ width: 100%; max-width: 239px;}
.partner ul li:nth-child(3n){ width: 24.9%;}
.partner ul li:nth-child(3n) img{ width: 49.8%;}
.partner ul li:last-child{  border-right: none}
@media ( max-width:1280px){
.partner ul li:nth-child(3n){ width: 24.9%;}	
}
.partner1{ width: 100%; border-top: solid 1px #eee; overflow: hidden;}
.partner1 ul{}
.partner1 ul li{ float: left; width: 12.4%; text-align: center; border-right: solid 1px #eee;}
.partner1 ul li a{ display: block;}
.partner1 ul li img{ width: 100%; max-width: 239px;}
.partner1 ul li:nth-child(1){ width: 24.85%;}
.partner1 ul li:nth-child(1) img{ width: 49.8%;}
.partner1 ul li:nth-child(4){ width: 24.9%;}
.partner1 ul li:nth-child(4) img{ width: 49.8%;}
.partner1 ul li:last-child{  border-right: none}

/*底部信息 */
.dibu{ width: 100%; background: #333; border-top: solid 5px #016add;  padding-top: 45px; padding-bottom: 40px; overflow: hidden;}
.dibu-width{  max-width: 1400px; margin: 0 auto; overflow: hidden;}
.daohang-1{ width: 13%;}
.daohang-1 dt{ font-size: 16px; color: #fff; line-height: 36px; font-weight: bold;}
.daohang-1 ul{ margin-top: 15px;}
.daohang-1 ul li{ line-height: 30px;}
.daohang-1 ul li a{ font-size: 14px; color: #fff;}

.daohang-2{ width: 13%;}
.daohang-2 dt{ font-size: 16px; color: #fff; line-height: 36px; font-weight: bold;}
.daohang-2 ul{ margin-top: 15px;}
.daohang-2 ul li{ line-height: 30px;}
.daohang-2 ul li a{ font-size: 14px; color: #fff;}

.daohang-3{ width: 13%;}
.daohang-3 dt{ font-size: 16px; color: #fff; line-height: 36px; font-weight: bold;}
.daohang-3 ul{ margin-top: 15px;}
.daohang-3 ul li{ line-height: 30px;}
.daohang-3 ul li a{ font-size: 14px; color: #fff;}

.daohang-4{ width: 13%;}
.daohang-4 dt{ font-size: 16px; color: #fff; line-height: 36px; font-weight: bold;}
.daohang-4 ul{ margin-top: 15px;}
.daohang-4 ul li{ line-height: 30px;}
.daohang-4 ul li a{ font-size: 14px; color: #fff;}

.daohang-5{ width: 28%;}
.daohang-5 dt{ font-size: 16px; color: #fff; line-height: 36px; font-weight: bold;}
.daohang-5 ul{ margin-top: 15px;}
.daohang-5 ul li{ line-height: 30px; font-size: 14px; color: #fff;}

.daohang-6{ width: 20%;}
.daohang-6 ul{ margin-top: 15px;}
.daohang-6 ul li{ float: left; margin: 0 3%; width: 44%; text-align: center; }
.daohang-6 ul li img{ width: 100%; max-width: 120px;}
.daohang-6 ul li p{ color: #fff; font-size: 14px; line-height: 44px;}

.banquan{ width: 100%; background: #333; height: 60px; border-top: solid 1px #535353; overflow: hidden;}
.banquan p{ max-width: 1400px; margin: 0 auto; line-height: 60px; color: #fff; font-size: 14px;}
.banquan p a{ color: #fff;}