@charset "utf-8";

/*-- 全局reset
-------------------------------------------*/
.top_info{ height:168px;position:fixed; top:0; z-index:3; width:100%;}
.top_info.on{background:#1d428a;}
.top_info.on .ys_menu{ background: #1d428a;}

.on .nav
{
	margin-top: 0;
}


/*top*/
.top{ height:46px; color:#fff;font-size:12px; background: #1d428a; line-height: 46px;}
.top_l a
{
	color: #fff;
	font-size: 20px;
	margin-right: 14px;
	float: left;
}
.top_l a:hover
{
	color: #4285f4;
}

/*搜索*/

.gjc_R{ width:208px; height: 30px; margin-top: 7px;}
#query
{
	width: 208px;
    height: 28px;
    line-height: 40px;
    color: #888;
    float: left;
    font-family: "\5fae\8f6f\96c5\9ed1";
    background: #fff;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #dddddd;
    text-indent: 15px;
    outline: none;
    /* background: url(../images/ss_tb.jpg) no-repeat; */
    border-radius: 15px;
}



#qb{ width:40px; height:40px; line-height:40px; background:url(../images/search.png) no-repeat; margin:0px; padding:0px; border:none; cursor:pointer; float: right;}
input{margin: 0px; padding: 0px; background: none;}

/*网站导航*/
.ys_menu{width:1200px; margin:0 auto; height:122px;background: none;}

.nav{width:1200px; float:right; margin-top: 10px;}
.nav li{ position:relative; float:left; width:165px; z-index: 999; text-align:center;}
.nav li a{ display:block; line-height:122px;  font-size:16px; color:#fff;}


.span_1 .b_left { width:0px; height:3px; background:#fff; display: block; position:absolute; right:50%; top:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}

.span_1 .b_right { width:0px; height:3px; background:#fff; display: block; position:absolute; left:50%; top:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}


.nav ul li.hover .span_1 .b_left { width:64px; height:3px; background:#fff; display: block; position:absolute; right:50%; top:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}

.nav ul li.hover .span_1 .b_right { width:64px; height:3px; background:#fff; display: block; position:absolute; left:50%; top:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}

.on .nav ul li.hover .on_hover{ color:#fff;}


.nav li .lev2{
    position: absolute;
    display: none;
    top: 100px;
    left: -34px;
    width: 230px;
    background-color: #fff;
    border-top: 1px solid #ddd; 
}
.nav li .lev2 li{position:static;width:100%;line-height:56px;height:56px; border-bottom:1px solid #f0f0f0; }
.nav li .lev2 li a{ width:100%;  margin:0 auto; color: #2c2b2b; background:#fff;line-height:56px; font-size: 12px;}
.nav li .lev2 li:hover a{ color:#fff; background-color:#1d428a}
.nav li .menu_fine{color: #1d428a;}

.logo
{
	    margin: 10px 12px 0 12px;
	
}
/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}


/*banner */
.index_main{
	background: #f7f7f7;
}
.index_main .section1{
	position: relative;
	    width: 100%;
    overflow: hidden;
}
.index_main .section1 .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:790px;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 790px;
	z-index: 0;
}
.index_main .section1 .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 790px;
	position: absolute;
	left: 0;
	top: 0;
}
.index_main .section1 .index_banner .item .inner .block_txt{
	position: absolute;
	top: 40%;
	right: 10px;
	left:10px;
	opacity: 0; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .item.active .inner .block_txt{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}
.index_main .section1 .index_banner .item .inner .block_txt h4{
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-family: 'COCO';
}
.index_main .section1 .index_banner .item .inner .block_txt h2{
	color: #fff;
	font-size: 70px;
	font-weight: bold;
	text-align:center;
	letter-spacing:5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{
	color: #f5c920;
	display: inline-block;
	letter-spacing: 5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h3{
	color: #fff;
	font-size: 22px;
	text-align:center;
	margin-top: 10px;
	letter-spacing: 3px;
}
.index_main .section1 .index_banner .item .inner .block_txt h3 img{ margin:0 auto;}
.index_main .section1 .slick_txt{
	width:30%;
	height: 790px;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.index_main .section1 .left{
	left: 0;
}
.index_main .section1 .right{
	right:0;
}
.index_main .section1 .slick_txt:hover .slick_arrow{
	opacity: 1;
	visibility: visible;
}
.index_main .section1 .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}

.index_main .section1 .number{
	position: absolute;
	bottom:15%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span:last-child{
	margin-right: 0;
}
.index_main .section1 .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active:after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}


/*banner斜线*/
.bottom-effect
{
	position: absolute;
    bottom: -11px;
    width: 2500px;
    height: 65px;
    left: -100px;
    background: #fff;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
    padding-top: 10px;
}

/*四块优势*/
.fourys
{
	z-index: 12;
	height: 358px;
	margin-top: 44px;
}
.fourys ul li
{
	float: left;
    width: 255px;
    margin: 0 22px;
}
.fourys ul li a span
{
	display: block;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	text-align: center;
	line-height: 150px;
	background: #69d2e7;
	font-size: 40px;
	border-radius: 50%;
	color: #fff;

}
.fourys ul li a b,.fourys ul li a p
{
	display: block;
	text-align: center;
}
.fourys ul li a b
{
	font-size: 18px;
	color: #333333;
	margin-top: 30px;
	font-weight: normal;
}
.fourys ul li a p
{
	font-size: 14px;
	line-height: 30px;
	color: #575757;
	margin-top: 14px;
}
.fourys ul li a span:hover
{
	background: #4285f4;
}
.fourys ul li a b:hover
{
	color: #000;
}

/*公司简介*/
.gsjj
{
	width: 100%;
	height: 608px;
	margin: 50px auto 50px;
	background: url(../images/min_bg.jpg) no-repeat center center fixed;
}

.gsjj .gsjj_main
{
	position: relative;
	height: 608px;
}
.gsjj .gsjj_main .sjx
{
	position: absolute;
	top: 0;
	left: 50%;
	width: 46px;
	height: 24px;
	background: url(../images/sjx.png) no-repeat;
}
.gsjj_left
{
	width: 790px;
	padding-top: 46px;
}

.gsjj_title
{
	height: 63px;
	line-height: 63px;
	font-size: 36px;
	color: #fff;
	text-transform:uppercase;
}

.line
{
	width: 80px;
	height: 2px;
	background: #fff;
	margin-top: 10px;
}
.fbt
{
	text-transform: uppercase;
	font-size: 20px;
	color: #fff;
	margin-top: 14px;
}
.gsjj_left ul
{
	overflow: hidden;
}
.gsjj_left ul li
{
	float: left;
	width: 124px;
	height: 36px;
	margin: 18px 6px 0 0;
}
.gsjj_left ul li a
{
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background: #4285f4;
	border-radius: 5px;
	
}
.gsjj_left ul li a:hover
{
	background: #69d2e7;
}
.gsjj_left p
{
	clear: both;
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: justify;
	line-height: 30px;
	margin-top: 40px;
}
.anniu
{
	display: block;
	width: 270px;
	height: 55px;
	background:#4285f4;
	line-height: 55px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	margin-top: 40px;
}
.anniu:hover
{
	background:  url(../images/light.png) no-repeat 25% 46% #69d2e7;
}

/*product*/
.pro_main
{
	width: 100%;
    height: 646px;
    background: url(../images/bj03.jpg) no-repeat;
    background-size: 100% 100%;
	margin-top: 50px;
}
.product
{
	
}

/* 本例子css */
.m-slide{ position: relative;background: #fff }
.m-slide .bottom-shadow{ position: absolute;  bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden;border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec}
.m-slide .cpcp {position: relative;width:870px; float:right; }
.m-slide .cpcp dt{ 

    display: block;
    height: 206px;
    width: 275px;
    float: left;
    margin: 0 4px 11px 3px;
    color: #484848;
    line-height: 50px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #f0f0f0;
}
.m-slide .cpcp dt a{width:100%; height:206px; display:block; overflow:hidden;}
.m-slide .cpcp dt a img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; width: 275px; height: 206px;}
.m-slide .cpcp dt a img:hover {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.m-slide .cpcp ul dt{ font-weight:200;}
.m-slide .tab{ float:left;height:625px; margin-top: 0;}
.m-slide .tab ul{position: relative;}
.m-slide .tab li {width:322px; margin-top:16px;}
.m-slide .tab .first { border-top: 0 }
.m-slide .tab dl{ padding-top:40px; padding-bottom:40px; text-align: left;}
.m-slide .tab a { text-decoration: none; display: block; position: relative; width:100%; height:54px; }
.m-slide .tab a b { position: absolute; left: 0; top: 20px; width: 4px; height: 11px; overflow: hidden }
.m-slide .tab a span { position: absolute; overflow: hidden }
.m-slide .tab a .title { left:10px; height:54px; text-align: left;line-height:54px; font-size:14px;color: #000; text-transform: uppercase; }
.m-slide .tab a .des { left:0; top: 26px; height: 16px; line-height: 16px; color: #222 }
.m-slide .tab .first a { height:54px }
.m-slide .tab .on a { background:#1d428a;}
.m-slide .tab .on a b { background: url(../images/dot.png) no-repeat}
.m-slide .tab .on a span { color: #FFFFFF }



.cp_top_
{
	width: 992px;
	float: left;
	height: 340px;
}
.cp_top_top
{
	width: 50%;
	float: left;
	
}
.cp_top_top .p1
{
	width: 100%;
	text-align: center;
	font-size: 34px;
	color: #0768b0;
	margin-top: 30px;
}
.cp_top_top .p2
{
	font-size: 20px;
	margin-top: 20px;
}
.cp_top_top .p3
{
	font-size: 13px;
	color: #0768b0;
	line-height: 32px;
	margin-top: 30px;
}
.button
{
	display: block;
	width: 120px;
	height: 40px;
	background: #0768b0;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	border-radius: 15px;
	margin: 30px auto 0;
	
}

.button:hover{
	color: #ee9613;
}

.cp_top_img
{
	width: 50%;
	float: right;
}
.cp_bottom_
{
	width: 992px;
	margin-top: 20px;
}

.index_main .section4{
	width: 100%;
	height: 100%;
	background: url(../images/bj04.jpg) no-repeat;
	background-size: 100% 100%;
}

/*标题*/
.title_all
{
	height: 63px;
	line-height: 63px;
	font-size: 30px;
	color: #333;
	text-align: center;
}

.line_title_all
{
	width:100px;
	height: 1px;
	background: #4285f4;
	margin-top: 10px;
	margin: 0 auto;
}
.fbt_all
{

	font-size: 14px;
	color: #999999;
	margin-top: 18px;
	text-align: center;
}
.title_main
{
	margin: 0;
}
/*条幅*/
.tiaofu
{
	width: 100%;
	height: 272px;
	background: url(../images/tf.jpg) no-repeat center center;
	margin: 60px 0 40px 0; 
}

/*工程案例*/
.pro-new{width: 100%;height: 630px;overflow: hidden;background: #f3f1ff;}
.pro-new-show {position: relative;width: 100%;height: 630px;overflow: hidden;}
.pro-new-show .pro-list{width: 100%;height: auto;margin-top: 30px;overflow: hidden;}
.pro-new-show .pro-list ul li{float: left;width: 387px;height: auto;overflow: hidden;background: #FFFFFF;margin-right: 19px;}
.pro-new-show .pro-list ul li:last-child{margin-right: 0;}
.pro-new-show .pro-list ul li img{width: 100%;height: 291px;}
.pro-new-show .pro-list ul li .desc{padding: 10px;box-sizing: border-box;}
.pro-new-show .pro-list ul li .desc .p-title{font-size: 16px;color: #323232;}
.pro-new-show .pro-list ul li .desc .p-desc{font-size: 14px;color: #969696;line-height: 25px; margin-top: 10px;}
.pro-new-show .arrow a{display: inline-block;position: absolute;width: 49px;height: 100px;z-index: 2;}
.pro-new-show .arrow a.prev{width:54px; height:54px;left: 45%;bottom: 14%;background: url(../images/arrow-left.png) center center no-repeat;}
.pro-new-show .arrow a.next{width:54px; height:54px;right: 45%;bottom: 14%;background: url(../images/arrow-right.png) center center no-repeat;}
.pro-new-show .arrow a:hover{background-color: rgba(0,0,0,.3);}

.new_a
{
	color: #000;
	font-size: 18px;
}
.new_a1
{
	color: #858585;
	font-size: 14px;
}

.new_a:hover

{
	color: red;
}

.new_line
{
	width: 70px;
	float: left;
}

/*联系我们*/
.findus
{
	width: 100%;
	height: 468px;
	background: url(../images/find_bg.jpg) no-repeat center center fixed;
	
}
.findus .ysj .title_all
{
	color: #fff;
}

.findus .ysj .fbt_all
{
	color: #fff;
}
.findus .ysj .line_title_all
{
	background: #fff;
}

.findus .title_main
{
	padding-top: 46px;
}
.findus .ysj ul li
{
	width: auto;
	margin: 0 auto;
}
.findus .ysj ul li p
{
	display: block;
	color: #fff;
}
.findus .ysj ul li span
{
	color: #fff;
}
.findus .ysj ul li strong
{
	color: #fff;
}

.findua_text_neirong
{
	line-height: 36px;
}
.findus .ysj ul
{
	width: auto;
	margin-top: 50px;
}
.findus .ysj ul li .findus_text_tit
{
	color: #4285f4;
	text-transform: uppercase;
	font-size: 18px;
}

.tiaofu1
{
	height: 179px;
	background: url(../images/tf1.jpg) no-repeat center center;
	margin: 0;
}
.tiaofu1 a
{
	display: block;
	width: 100%;
	height: 100%;
}

/*end*/

.end{ height:345px; background:#242427;}
.end_lt{ float:right;width:850px; padding-top:66px;}
.end_lt ul{ float:left; margin-right:39px; width:244px; }
.end_lt ul p a{ color:#fff; font-weight: bold;font-size:16px;width:100%; position:relative; line-height:60px; display:block; margin-bottom:10px; background:url(../images/xjt.png) no-repeat right;}
.end_lt ul li{ color:#8e8e8e; font-size:13px; line-height:30px;}
.end_lt ul li a{ font-size:13px; line-height:30px; color:#8e8e8e;}
.end_lt ul li a:hover{ color:#f78f0a;}
.end_rt{ float:left;width:300px; margin-top:45px;}

.bottom
{
	background: #1a1a1d;
}

/*子页*/
.nyban1{height:380px; background:url(../images/ban04.jpg) no-repeat center center;  }

.ny_nav{ height:60px; margin-top:-35px; line-height:60px;text-align:right;}
.ny_nav1{width:auto; float:left;}
.ny_ll li{ display:inline-block;width:auto; min-width: 130px;  height:60px; line-height:60px; border-right:1px solid #eeeeee; text-align:center; font-size:16px; }
.ny_nav1 a{ color:#333; line-height:60px; padding: 0 16px; text-align:center; font-size:16px; background:#fff; display:block;width:100%; height:100%;}
.ny_ll ul .column_active{ background:#005493; color:#fff;}
.ny_ll ul li a:hover{ background:#005493; color:#fff;}
.ny_ll{ height:60px; border-bottom:1px solid #eeeeee; color:#666;}
.ny_ll ul p{text-align:right; float:right; line-height:58px; font-size:14px; display:inline-block;}
.nynr{ line-height:34px; color:#333; font-size:14px; padding:30px;}

.zoujyd{}
.ydjt_jj{ padding:10px 0; font-size:16px; color:#575757; line-height:40px;}

.ny_ll1{ height:60px; border-bottom:1px solid #eeeeee; color:#666;text-align:left; line-height:58px; font-size:14px;}
.pinp{ padding-bottom:50px;}
.pinp h2{ text-align:center; margin:20px 0; font-size:32px; color:#393939; font-weight:400; line-height:80px; position:relative;}
.pinp h2:after{ content:""; position:absolute;width:30px; height:2px; background:#333;left:50%; margin-left:-15px; bottom:0;}

.findus1
{
	background: url(../images/find_bg1.jpg) no-repeat center center fixed;
}
.findus2
{
	background: url(../images/find_bg3.jpg) no-repeat center center fixed;
}