.guide{ height:690px; overflow:hidden; padding-top:95px;background: url(../images/index/guide_bg.jpg) no-repeat center 0  #FFFFFF; }

.guide dl{ height:330px;}

.guide dt{ width:33%; height:350px; float:left; overflow:hidden; position:relative;}

.guide dt img{ display:block;width:100%; height:350px;	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;}

.guide dt img:hover{

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}

/*.guide dt em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/guide_v.png) no-repeat center center; position:absolute; top:0; left:0;}*/

.guide dd{ width:55%; float:right;height:350px; position:relative;}

.guide dd h3{ font:42px "Microsoft YaHei UI"; font-weight:bold; color:#333; position:relative; margin-top:-14px;}

.guide dd h3 em{ display:block; font:102px Arial, Helvetica, sans-serif; color:#d3dcea; text-transform:uppercase; font-weight:bold;}

.guide dd h3 i{ display:block; font:24px "Microsoft YaHei UI"; color:#262626;}

.guide dd p{ font:18px "Microsoft YaHei UI"; line-height:28px; color:#666; margin-top:20px;}

.guide dd span a{ display:block; width:160px; height:40px; background:#17427c; font:14px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; position:absolute; bottom:0; left:0;}

.guide dd span a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.0s linear;}

.guide ul{ height:150px; background:#fff; box-shadow:0 0 1rem #ccc; margin:50px 0;}

.guide li{ width:19.5%; float:left; text-align:center; font:20px "Microsoft YaHei UI"; color:#000; padding-top:23px; position:relative;}

.guide li:before{ content:""; position:absolute; top:33px; right:0; width:1px; height:80px; border-right:1px dashed #c2c2c2;}

.guide li:last-child:before{ background:none;}

.guide li em{ display:block; width:43px; height:43px; margin:0 auto 12px;}

.guide li em img{display:block; width:43px; height:43px;}

.guide li i{ display:block; font:12px "Microsoft YaHei UI"; color:#8d8d8d; line-height:25px;}

.guide li:hover{ font-weight:bold; color:#e77817;}

.guide li:hover em img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}





/*产品中心*/

.probox{clear: both;font-size:24px;font-family:"Microsoft Yahei";line-height:58px;position: relative;padding:50px 0 30px;z-index: 1;  background: rgba(0,0,0,.03);text-align: center;}

.probox h2{font-size: 46px;line-height: 60px;color: #e0e0e0;}

.probox p{font-size: 24px;line-height: 38px;color: #e0e0e0;font-weight:normal; margin-bottom:20px;} 

.probox a:hover{color: #000;}

.prod_con,.solution_con{width: 100%;margin: 0 auto; }

.pro_t{font-size: 24px;height: 83px;display: block;}

.pro_t span,.pro_t em{padding: 0 18px;font-size:28px;display: inline-block;}

.pro_t span a,.pro_t em a{color: #666; display: inline-block;position: relative;}

.pro_t span a:before,.pro_t em a:before{content: "";position: absolute;width:0;height:3px;top:0;left:0;background:#d4251f;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.pro_t span.cur a:before,.pro_t em:hover a:before{width: 100%;}





.pro_r{width: 100%;}



.pro_r li span a{display: block;color: #e0e0e0;}





.indexpro-list{margin: 0 -25px 7px;*zoom:1;}

.indexpro-list:after,.indexpro-list:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.indexpro-list li{width:33.33%;float: left;margin-bottom: 30px; height:450px;}

.indexpro-list .con{display: block;margin: 0 25px;}

.indexpro-list .pic{height: 370px;border-radius: 20px;

	font-size: 0;text-align: center;margin-bottom: 36px;overflow: hidden;

	background-color: #fff;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexpro-list .pic img{display: inline-block;vertical-align: middle;

	width: 100%;height: 100%;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexpro-list h3{font-size: 24px;color: #666; line-height:30px;margin-bottom: 16px;

	text-overflow:ellipsis;

	white-space: nowrap;

	font-weight:normal;	overflow: hidden;

}

.indexpro-list .con:hover .pic{box-shadow: 0px 0px 15px rgba(0,0,0,.2);}

.indexpro-list .con:hover .pic img{

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

	-ms-transform: scale(1.15);

	transform: scale(1.15);

}





/*生产流程*/

.flow{display: block;padding: 70px 0;}

.flow-title {

	text-align: center;

	margin-bottom: 50px;

	font-size: 32px;

	font-weight: bold;

}

.flow-title small {

	display: block;

	font-weight: normal;

	font-size: 18px;

}

.flowbg {

	background: url(../images/index/flowbg.jpg) no-repeat center / cover;

	color: #fff;

}

.flowbg .flow-title:after {

	background-image: url(../images/index/flowtit.png);

}

.flowlist {

	margin-left: 0px;

}

.flowlist li {

	float: left;

	width: 131px;

	margin-left: 82px;

}

.flowlist li .wrap {

	display: table;

	width: 100%;

	height: 131px;

	position: relative;

}

.flowlist li .wrap:before {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	content: '';

	background: url(../images/index/flowico.png) no-repeat 0 0;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

	-webkit-transform: rotate(0deg);

	transform: rotate(0deg);

}

.flowlist li .inner {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

	padding: 0 25px;

}

.flowlist li .inner p {

	margin: 0;

}

.flowlist li:nth-child(2) .wrap:before {

	background-position: -214px 0;

}

.flowlist li:nth-child(3) .wrap:before {

	background-position: -427px 0;

}

.flowlist li:nth-child(4) .wrap:before {

	background-position: -642px 0;

}

.flowlist li:nth-child(5) .wrap:before {

	background-position: -855px 0;

}

.flowlist li:nth-child(6) .wrap:before {

	background-position: -1068px 0;

}

.flowlist li .wrap:hover:before {

	-webkit-transform: rotate(360deg);

	transform: rotate(360deg);

}

.flowlist-tel {

	margin-top: 230px;

	text-align: center;

}

.flowlist-tel p {

	margin: 0 auto;

	width: 580px;

	background: url(../images/index/flowtel.png) no-repeat 0 0;

	height: 64px;

	padding-left: 110px;

	font-size: 16px;

	line-height: 40px;

}

.flowlist-tel span {

	color: #f7c433;

	font-size: 30px;

	font-family: Impact;

}

.flowlist-tel .btn {

	display: block;

	width: 190px;

	line-height: 45px;

	color: #fff;

	background-color: #015cb5;

	margin: 20px auto 0;

}



/*公司优势*/

.ys_bj,.indexadvantage_con dd{box-sizing:border-box;}

.ys_bj{background:url(../images/index/ys_bj.jpg) center top no-repeat;height:1086px;padding-top:83px}

.indexadvantage .titis{height:153px}

.titis{text-align:center}

.titis h2,.titis h2 a{color:#333}

.titis h2{height:67px;line-height:67px;font-size:48px}

.titis p{display:block;font-size:20px;color:#5e5e5f;line-height:34px;height:34px}

.indexadvantage_con { margin-left:200px;}

.indexadvantage_con dd,.indexadvantage_con dl{height:680px;background:#fff;}

.indexadvantage_con dd{float:left;width:692px;margin-left:-100px;padding:98px 90px 0 100px;box-shadow:0 0 20px rgba(0,0,0,.07);position:relative;z-index:2}

.indexadvantage_con dd h4{height:167px;background:url(../images/index/ys_x.png) left bottom no-repeat;margin-bottom:55px}

.indexadvantage_con dd h4 span{display:block;height:76px;line-height:76px;font-size:60px;color:#21499b}

.indexadvantage_con dd h4 em{display:block; height:54px;line-height:54px;font-size:23px;color:#333}

.indexadvantage_con dd p{font-size:17px;color:#333; width:462px;line-height:30px;margin-bottom:23px;padding-left:19px;background:url(../images/index/ys_a1.png) left 14px no-repeat}

.indexadvantage_con dd i{font:115px Impact;color:#d9d9d9;position:absolute;top:64px;right:-12px;height:106px;line-height:106px}

.bd_tel p span,.ft_a h4 a,.ft_w em,.link span,.indexadvantage_nav li span{font-weight:700}

.footWrap,.footer,.link,.lk_bj,.indexadvantage_nav{position:relative}

.indexadvantage_con dt{float:right;margin-right:-260px;font-size:0;line-height:0}

.indexadvantage_con dt img{width:1068px;height:680px}

.indexadvantage_nav{height:102px; margin-left:200px;line-height:102px;box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff;top:-53px;z-index:2}

.indexadvantage_nav li{float:left;height:102px;width:25%;text-align:center}

.indexadvantage_nav li i{display:inline-block;width:42px;height:42px;overflow:hidden;vertical-align:middle;margin-right:20px}.indexadvantage_nav li i img{display:block;transition:all .5s}.indexadvantage_nav li span{font-size:28px;color:#323232;vertical-align:middle}.indexadvantage_nav li.on i img{margin-top:-42px}

.indexadvantage_nav li.on span{color:#fff}

.indexadvantage_nav li.on{background:#21499b;}



/*首页案例展示*/

.indexcases{padding: 45px 0 20px; background-color:#fff;}

.indexcases h2{font-size: 46px;line-height: 60px;color: #e0e0e0; text-align:center;}

.indexcases p{font-size: 24px;line-height: 38px;color: #e0e0e0;font-weight:normal; margin-bottom:10px;} 

.indexcases a:hover{color: #000;}

.indexcases-list{*zoom:1;margin: 0 -10px;padding-top: 0px;position: relative;}

.indexcases-list:after,.indexcases-list:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }



.indexcases-list li{width: 33.33%;float: left;margin-bottom: 50px;}

.indexcases-list .con{display: block;margin: 40px 9px;position: relative;}

.indexcases-list .con:after{content: '';position: absolute;left: 0;bottom: 0;height: 3px;

	width: 0;background-color: #1e4696;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexcases-list .pic{padding-top: 58%;height: 0;position: relative;overflow: hidden;

	border: 1px solid rgba(0,0,0,.1);border-bottom: 0;

}

.indexcases-list .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexcases-list .pic:before{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;

	background-color: #fff;opacity: 0;z-index: 1;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexcases-list .pic:after{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;

	z-index: 2;display: none;

	background: url(../images/i-53.png) no-repeat center;

	-o-background-size: 58px auto;

	-ms-background-size: 58px auto;

	-moz-background-size: 58px auto;

	-webkit-background-size: 58px auto;

	background-size: 58px auto;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexcases-list .txt{padding: 42px 45px 0 42px;height: 289px; 

	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);

}

.indexcases-list h3{font-size: 24px;color: #000;margin-bottom: 25px;

	text-overflow:ellipsis;

	white-space: nowrap;

	overflow: hidden;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.indexcases-list .desc{font-size: 18px;line-height: 1.67;color: #666;margin-bottom: 26px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

}

.indexcases-list .more{display: inline-block;font-size: 18px;color: #666;

	border-bottom: 1px solid #fff;padding-right: 16px;

	background: url(../images/ico-03.png) no-repeat right center;

	-o-background-size: 9px auto;

	-ms-background-size: 9px auto;

	-moz-background-size: 9px auto;

	-webkit-background-size: 9px auto;

	background-size: 9px auto;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.indexcases-list .con:hover:after{width: 100%;}

.indexcases-list .con:hover .pic img{

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}

.indexcases-list .con:hover h3{color: #1e4696;}

.indexcases-list .con:hover .more{color: #1e4696;border-bottom-color: #1e4696;

	background-image: url(../images/ico-01.png);

}

.indexcases-list .con:hover .pic:after{opacity: 1;}

.indexcases-list .con:hover .pic:before{opacity: 0.5;

  background-color: rgba(0, 0, 0, 0.3);}

.indexcases-list .slick-arrow{position: absolute;top: 48%;

	width: 64px;height: 64px;border: 0;cursor: pointer;font-family: 'SimHei';

	font-size: 26px;color: #1F7BFE;text-align: center;line-height: 64px;

	background-color: #FFF;background-position: center;

	background-repeat: no-repeat;

	box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1);

	-o-background-size: 13px auto;

	-ms-background-size: 13px auto;

	-moz-background-size: 13px auto;

	-webkit-background-size: 13px auto;

	background-size: 13px auto;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.indexcases-list .slick-arrow:hover{background: linear-gradient(120deg, #355cab, #1e4696); 

	color: #fff; 

}

.indexcases-list .slick-prev{left: -85px;}

.indexcases-list .slick-next{right: -85px;}

.indexcases-list .slick-arrow span{display: block;height: 100%;

	background-position: center;

	background-repeat: no-repeat;

	-o-background-size: 13px auto;

	-ms-background-size: 13px auto;

	-moz-background-size: 13px auto;

	-webkit-background-size: 13px auto;

	background-size: 13px auto;

}

.indexcases-list .slick-prev span{background-image: url(../images/arr-l.png);}

.indexcases-list .slick-next span{background-image: url(../images/arr-r.png);}

.indexcases-list .slick-prev:hover span{background-image: url(../images/arr-l-on.png);}

.indexcases-list .slick-next:hover span{background-image: url(../images/arr-r-on.png);}







/*关于我们*/

.aboutbox{font-family:"Microsoft Yahei";font-size: 16px;line-height:30px;overflow: hidden;background:url(../images/indexaboutbg.jpg) no-repeat center 0 #e2e2e2;text-align: center;padding: 60px 0 0;height: 1000px;    -o-background-size:cover;

    -ms-background-size:cover;

    -moz-background-size:cover;

    background-size:cover;}

.aboutbox h2 { margin-top:110px;}

.aboutbox h2 a{ color:#fff; text-align:center; font-size:32px; line-height:46px; letter-spacing:0.1em;}

.aboutbox h2 p{ color:#ccc; font-size:22px;line-height:32px;letter-spacing:0.04em; font-weight:100;}

.about_w{ width:70%; text-align:center; color:#fff; font-size:22px;line-height:38px; margin:50px auto;letter-spacing:0.05em; font-weight:lighter;}

.about_l li{float: left;width:33.33%;height: 154px;color: #fff;}

.about_l li span{display: block;height: 66px;line-height: 66px;}

.about_l li span b{font-size: 68px;color: #fff;letter-spacing: -1px;font-family: Times New Roman,Arial;}

.about_l li span em{ font-size:24px; font-weight:bold; padding-left:10px;}

.about_l li p{ font-size:20px;}

.aboutbox .moreD{display: block;width: 168px; margin:365px auto 0;}

.aboutbox .moreD a{font-size: 18px;color: #fff;display: block;width: 168px;height: 48px;text-align: center;line-height: 48px; border-radius: 27px;border:#fff 3px solid;}

.aboutbox .moreD a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.2s linear;}









/*新闻资讯*/

.nswsbox{font-family:"Microsoft Yahei";line-height:24px;font-size: 18px;clear: both;color: #999;padding:80px 0 0;position: relative;overflow: hidden;background:url(../images/newbg.jpg) no-repeat center 0 #f7f7f7;z-index: 1;height: 965px;text-decoration: none;}

.nswsbox h2{font-size: 46px;line-height: 60px;color: #e0e0e0; text-align:center;}

.nswsbox p{font-size: 24px;line-height: 38px;color: #e0e0e0;font-weight:normal; margin-bottom:20px;} 

.news-nav{height:60px; margin:80px 0 66px; }

.news-nav ul{width:400px; float:left;}

.news-nav ul li{float:left;width:180px; height:60px; position: relative; line-height:60px; text-align: center;background: #282828;}

.news-nav ul li a{display: block; font-size: 20px; color:#FFF;}

.news-nav ul li i{display: block; width:18px; height:7px; position: absolute; left:56px;bottom:-7px;}

.news-nav ul li.cur{background: #21499b;}

.news-nav ul li.cur:before{content: "";position: absolute;width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #21499b;left: 50%;top: 60px;margin-left: -8px;}

.news-nav b{display: block; height:60px; line-height: 60px;float:right;}

.news-nav b a{font-size: 18px; color:#999; font-weight: normal; }

.news-left{width:45%; float:left;}

.news-left .news-top{height:301px; border-bottom:1px solid #dfdfe0;margin-bottom: 38px;}

.news-left .news-top em{display: block; height:44px; line-height: 44px;font-size: 22px; color:#333333;}

.news-left .news-top h4{height:46px; line-height: 46px;margin-bottom: 32px;width:610px;}

.news-left .news-top h4 a{display: block;font-size: 30px; color:#333333; font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news-left .news-top h4 a:hover{color: #1F7BFE;text-decoration: none;}

.news-left .news-top p{line-height: 25px;font-size: 18px; color:#898888; margin-bottom: 26px;}

.news-left .news-top span{display: block; width:140px; height:40px; text-align: center; line-height: 40px; border-radius: 20px; border:2px solid #15262e;}

.news-left .news-top span a{display: block; font-size: 17px; color:#333333;text-overflow: ellipsis;}

.news-left .news-top span a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.2s linear;}

.news-left ul li{height:40px;}

.news-left ul li a{line-height: 40px;font-size: 18px; color:#444444; }

.news-left ul li a:hover{}

.news-left ul li em{display: block;height:40px;  float:left;position: relative; font-size: 18px;width:70%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }

.news-left ul li em:before{display: none;width: 100%; height:1px; background:#004f9a; content:""; position: absolute; left:0;top:26px;}

.news-left ul li i{display: block; height:40px;line-height: 40px; float:right;font-size: 18px; color:#aaaaaa;font-weight: normal; font-style:normal;}

.news-left ul li:hover em{color:#1F7BFE;font-weight: normal;}

.news-rig{width:50%;float:right; margin-top: 6px;}

.news-rig ul li{float:left; width:48%; margin-bottom: 20px; margin-left:2%; height:260px; position: relative;}

.news-rig ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}

.news-rig ul li span img{width:100%; height:260px;}

.news-rig ul li em{display: block; width:100%;height:62px; line-height: 62px; text-align: center; font-size: 18px; color:#FFF;background:rgba(0,0,0,0.8); position: absolute; left:0;bottom:0;box-sizing:border-box;padding:0 10px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news-rig ul li:nth-child(2n){float:right;}

.news-rig li:hover span img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}