@charset "utf-8";
body{margin:0px; font-size:12px; color:#333; font-family:"微软雅黑", Arial, Helvetica, sans-serif; cursor:default;}
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-style:normal;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#006ab7;}
.clear{overflow:hidden; clear:both; height:0px;}
.lf{float:left;}
.rt{float:right;}
.ct{margin:0 auto;}

.con{width:94%;}

.header{width:100%; background-color:#fff; padding:15px 0; box-shadow:0 0 5px #bbb; z-index:99; top:0; left:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header.on{margin-left:50%;}
.header .logo{width:170px; position:absolute; left:50%; margin-left:-85px;}
.header .logo img{width:100%; height:auto; display:block;}
.header .ss{float:right; width:26px; height:26px; border-radius:100%; border:2px solid #fff; text-align:center; font-size:16px; line-height:26px; margin-right:15px;}
.header .an{width:28px; height:24px; float:left; position:relative; margin-left:4%;}
.header .an span{width:28px; height:2px; background-color:#006ab7; display:block; position:absolute;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .an span.a1{top:6px; left:0;}
.header .an span.a2{top:14px; left:0;}
.header .an span.a3{top:22px; left:0;}
.header.on .an span.a2{display:none;}
.header.on .an span.a1{top:14px; width:28px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header.on .an span.a3{top:14px; width:28px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}

.search{width:70%; padding:10px 15%; background-color:#fff; position:fixed; top:60px; left:0; z-index:9; display:none;}
.search input.w_z{width:85%; height:32px; border-radius:0; border-bottom:1px solid #d7d7d7; font-size:14px; line-height:32px; color:#555; float:left; -webkit-appearance:none;}
.search button.s_c{width:15%; height:33px; border-bottom:1px solid #d7d7d7; font-size:16px; line-height:32px; text-align:center; float:right; -webkit-appearance:none;}

.nav{width:50%; height:100%; background-color:#000; position:fixed; top:0; left:-50%; z-index:999; overflow:scroll;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.nav.on{left:0;}
.nav ul{margin-bottom:80px; overflow:hidden;}
.nav ul li{width:100%; border-bottom:1px solid #2b2b2b; float:left;}
.nav ul li a.y_j{width:100%; height:46px; font-size:14px; color:#fff; line-height:46px; text-indent:10%; display:block; position:relative;}
.nav ul li a.y_j.on{background-color:#2b2b2b;}
.nav ul li i{display:inline-block; width:0; height:0; margin-left:5px; vertical-align:middle; border-top:4px dashed; border-right:4px solid transparent; border-left:4px solid transparent; position:absolute; top:22px; right:15px;}
.nav .e_j{display:none; margin-bottom:10px;}
.nav .e_j a{display:block; font-size:12px; line-height:32px; color:#fff; text-indent:10%;}

.f_x{width:50%; padding:10px 0; background-color:#2b2b2b; text-align:center; position:fixed; bottom:0; left:-50%; z-index:9999;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.f_x.on{left:0;}
.f_x a{width:16%; display:inline-block; border-radius:100%; margin:0 2px;}
.f_x img{width:100%; height:auto; display:block;}

.head_h{width:100%; height:60px;}

.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination-bullet{width:15px; height:2px; border-radius:0; margin:0 3px !important;}
.gallery-top .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:10px;}

.sy_xw{width:100%; padding:10px 0; background-color:#2b2b2b;}
.sy_xw .x_w{width:92%; margin:0 auto; position:relative;}
.sy_xw .x_w .prev{position:absolute; top:0; right:26px; width:22px; height:22px; display:block; background:url(../images/s_j.png) no-repeat center;}
.sy_xw .x_w .prev:hover{background:url(../images/s_j_1.png) no-repeat center;}
.sy_xw .x_w .next{position:absolute; top:0; right:0; width:22px; height:22px; display:block; background:url(../images/x_j.png) no-repeat center;}
.sy_xw .x_w .next:hover{background:url(../images/x_j_1.png) no-repeat center;}
.sy_xw .x_w .bd{width:80%; height:22px; overflow:hidden;}
.sy_xw .x_w .bd ul li{width:100%; display:block;}
.sy_xw .x_w .bd ul li a{color:#fff; font-size:12px; line-height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw .x_w .bd ul li i{color:#888; padding-left:30px;}

.gy_bt{width:100%; text-align:center; margin-bottom:20px;}
.gy_bt h3{font-size:21px; color:#000; font-weight:900; margin-bottom:5px;}
.gy_bt p{font-size:14px; color:#777; line-height:21px; padding:0 20px }

.sy_gy{width:100%; padding:30px 0 46px; overflow:hidden;}
.sy_gy ul li{ margin-bottom:0px; float:left; position:relative; box-shadow: 10px 10px 30px #006fff; border:#FFF 5px solid; border-radius:5px }
.sy_gy .t_p img{width:100%; height:auto; display:block;}
.sy_gy .w_z{ position:absolute; left:30px; bottom:20px; width:100%; font-size:20px; text-align:left; line-height:30px; font-weight:bold; color:#fff;}

.sy_cp{width:100%;}

.sy_cp .tp{background:url(../images/c_b.jpg) no-repeat center;}
.sy_cp .tp img{width:100%; height:auto; display:block;}
.sy_cp .wz{padding:10px; background:#f5f5f5;text-align:center;}
.sy_cp .wz h3{font-size:14px; line-height:26px; height: auto; margin-bottom:10px; overflow:hidden;}
.sy_cp .wz a{color:#fff; font-size:12px; text-align:center; line-height:24px; width:80px; height:24px; display:block; background-color:#00beff; border-radius:26px; margin:0 auto}

.sy_al{width:100%; padding:20px 0 20px; overflow:hidden; }
.sy_al ul { margin:0 5%; padding:0; }
.sy_al li { width:50%; float:left; text-align:center; padding:0; margin:0; }
.sy_al li img { width:70px; height:70px }
.sy_al li p { color:#666; font-size:14px; line-height:30px }
.sy_al .tp img{width:100%; height:auto; display:block;}
.sy_al .wz{padding:5px 10px; background-color:#fff; font-size:14px; text-align:center; line-height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.swiper-cp{width:90%; margin:0 auto; padding-bottom:30px;}
.swiper-cp .swiper-slide{background-color:#fff;}

.sy_ys{width:100%; padding:30px 0; text-align:center; background:url(../images/pic19.png) no-repeat center / cover;}
.sy_ys h4{font-size:15px; color:#333; margin-bottom:6px;}
.sy_ys p{font-size:12px; color:#888;}
.sy_ys b{width:96%;  margin:0 auto 10px; display:block;}
.sy_ys b img{ width:100%}
.swiper-ys{width:100%; padding:5px 0;}
.swiper-ys .swiper-slide{width:60%; padding:5px 0 15px; background-color:#fff; box-shadow:0 0 5px #aaa;}

.sy_yl{width:100%; padding:50px 0; background:url(../images/yw_bj.jpg) no-repeat center / cover; text-align:center; color:#fff;}
.sy_yl h1{font-size:22px; color:#FC0; margin-bottom:10px;}
.sy_yl h2{font-size:14px; margin-bottom:20px;}
.sy_yl a.zx_ly{width:120px; height:30px; border-radius:5px; border:2px solid #fff; font-size:14px; line-height:30px; color:#fff; text-align:center; display:block; margin:0 auto;}

.tj_yy{width:100%; height:100vh; position:fixed; top:0; left:0; z-index:99999; display:none;}
.tj_yy .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.9); position:absolute; top:0; left:0;}
.tj_yy .n_r{width:80%; padding:15px; background-color:#fff; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.tj_yy .n_r .bt{text-align:center; color:#555; margin-bottom:15px;}
.tj_yy .n_r .bt h3{font-size:24px; color:#861622; margin-bottom:10px;}
.tj_yy .n_r .bt p{font-size:15px;}
.tj_yy .n_r .yy input.w{width:96%; height:36px; padding:0 2%; border:1px solid #e7e7e7; font-size:12px; color:#555; line-height:36px; margin-bottom:10px;}
.tj_yy .n_r .yy input.a{width:100%; height:36px; background-color:#861622; font-size:15px; color:#fff; line-height:36px; cursor:pointer;}
.tj_yy .n_r .yy textarea{width:96%; height:96px; padding:5px 2%; border:1px solid #e7e7e7; font-size:12px; line-height:24px; color:#555; outline:none; resize:none; margin-bottom:10px;}

.sy_zx{width:100%; padding:30px 0 15px;}
.sy_zx ul{width:90%; margin:0 auto;}
.sy_zx ul li{width:100%; background-color:#f7f7f7; margin:2%; overflow:hidden; float:left}
.sy_zx .r_q{width:100%;}
.sy_zx .r_q img{ width:100%;}
.sy_zx .w_z{width:94%; margin:0 2% 0; float:right; padding:0 2%}
.sy_zx .w_z h3{font-size:14px; line-height:30px; margin-bottom:0px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_zx .w_z p{font-size:12px; line-height:25px; color:#777; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-bottom:8px}

.sy_hz{width:100%; padding:30px 0 10px; background-color:#f7f7f7;}
.sy_hz ul li{width:23%; margin-left:1%; margin-right:1%; margin-bottom:2%; float:left;}
.sy_hz ul li img{width:100%; height:auto; display:block; box-shadow: 0 1px 4px #ccc; }

.footer{padding:15px 4%; width:92%; background-color:#006ab7; color:#aaa; text-align:center; padding-bottom:60px }
.footer span{display:block;}

.fh_top{width:30px; height:30px; border-radius:100%; background-color:#fff; border:2px solid #d7d7d7; display:none; position:fixed; right:2px; bottom:30px; z-index:999;}
.fh_top img{width:100%; height:auto; display:block;}

.ew_m{width:100%; height:100%; background-color:rgba(0,0,0,.8); display:block; position:fixed; top:0; left:0; display:none; z-index:99999;}
.ew_m img{width:50%; height:auto; position:absolute; left:25%; top:50%; display:block;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}

.n_ban{width:100%; height:100px; position:relative; overflow:hidden; }
.n_ban .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.3); position:absolute; top:0; left:0;}
.n_ban .w_z{position:absolute; width:100%; text-align:center; box-sizing:0 0 8px #555; color:#fff; top:50%; left:0; 
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.n_ban .w_z h3{font-size:22px; margin-bottom:10px;}
.n_ban .w_z h4{font-size:14px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.ny_ej{width:92%; padding:5px 4%; font-size:15px; line-height:36px; background-color:#555; position:relative;}
.ny_ej .w_z{z-index: 99;position:relative; font-weight:bold; color:#fff; }
.ny_ej .w_z img { vertical-align:middle; }
.ny_ej .w_z .tou {float:right; font-size:14px; color:#fff; line-height:31px; margin-top:3px; width:130px; padding:0 6px; background:#00beff; border-radius:8px; text-align:left; }
.ny_ej .w_z .tou img { vertical-align:middle; float:right; margin-top:5px }
.ny_ej ul{position:absolute; padding:0 4%; top:46px; left:0; width:92%; border:1px solid #e7e7e7; background-color:#fff; z-index:9; display:none;}
.ny_ej ul li{display:block; font-size:14px; border-bottom:1px solid #e7e7e7; text-align:center; line-height:44px;}
.ny_ej ul li:last-child{border-bottom:0;}
.ny_ej ul li a{display:block;}

.ny_nr{padding:20px 0; width:92%; margin:0 auto;}
.ny_nr .g_y p{font-size:12px; line-height:22px; margin-top:10px;}
.ny_nr .x_w{overflow:hidden; margin-bottom:20px;}
.ny_nr .x_w ul li{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #e7e7e7; overflow:hidden;}
.ny_nr .x_w .tp{width:32%; overflow:hidden; float:left;}
.ny_nr .x_w .tp img{width:100%; height:90px; display:block;}
.ny_nr .x_w .wz{width:65%; overflow:hidden; float:right;}
.ny_nr .x_w .wz h3{font-size:15px; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ny_nr .x_w .wz span{font-size:12px; line-height:16px; color:#006ab7;}
.ny_nr .x_w .wz p{font-size:12px; line-height:22px; color:#777; margin-bottom:5px; height:44px; overflow:hidden;}

.ny_nr .c_p{overflow:hidden;}
.ny_nr .c_p ul{width:102%;}
.ny_nr .c_p ul li{width:48%; padding:3px; border:1px solid #e7e7e7; float:left; margin:0 2% 2% 0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.ny_nr .c_p ul li:hover{border:1px solid #006ab7;}
.ny_nr .c_p .wz{padding:10px 5px; text-align:center}
.ny_nr .c_p .wz h3{font-size:15px; line-height:24px; height: auto; color:#000; margin-bottom:5px; overflow:hidden;}
.ny_nr .c_p .wz a{width:80px; height:24px; background-color:#006ab7; font-size:12px; line-height:24px; color:#fff; text-align:center; display:block; margin:0 auto;}
.ny_nr .c_p .tp{overflow:hidden;}
.ny_nr .c_p .tp img{width:100%; height:auto; display:block;}#float_nav{ width:100%; height:45px; padding-top:3px; position:fixed; left:0px; bottom:0px; background: #262626;  color:#FFFFFF; z-index:9999999;}
img{ border:none;}
.vv { color:#fff; font-size:14px; text-align:center; line-height:24px; width:100%; height:24px; display:block; background-color:#00beff; margin:0 auto}
.dibu li { float:left; width:25%; text-align:center;}
.dibu li a p{ text-align:center; line-height:20px; font-size:12px; color:#FFFFFF; text-decoration:none}
.dibu li a:hover p{ text-decoration:none; color:#FFFFFF}


.shipin{ width:96%; margin:2% auto; height:auto; overflow:hidden}
.shipin ul{width:100%;}
.shipin ul li{width:46%; float:left; margin:2%; position:relative; overflow:hidden;}
.shipin ul li img{ max-width:100%}
.shipin .wz{position:absolute; top:0; left:0; width:100%; height:100%; padding-top:23%; background-color:rgba(0,0,0,.5); font-size:14px; line-height:28px; color:#fff; opacity:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.shipin ul li:hover .wz{opacity:1;}


.shipin1{ width:96%; margin:0 auto ; height:auto; overflow:hidden}
.shipin1 ul{width:100%;}
.shipin1 ul li{width:32%; float:left; margin-right:2%; position:relative; overflow:hidden;}
.shipin1 ul li:nth-child(3n){margin-right:0; }
.shipin1 ul li img{ max-width:100%}
.shipin1 .wz{position:absolute; top:0; left:0; width:100%; height:100%; padding-top:20%; background-color:rgba(0,0,0,.5); font-size:14px; line-height:28px; color:#fff; opacity:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.shipin1 ul li:hover .wz{opacity:1;}
.tabTit{ font-size:0; text-align:center; transition:top linear .2s; margin-top:20px; margin-bottom:0px }
.tabTit a{ display:inline-block; zoom:1; *display:inline; background:#fff; border:1px solid #e1e1e1; width:126px; height:33px; margin:5px 10px; overflow:hidden; white-space:nowrap; text-align:center; transition:all linear .2s; font:14px/33px microsoft yahei; color:#000; border-radius:6px;  }
.tabTit a:hover,.tabTit .on{ background:#006ab7; color:#fff; border:1px solid #006ab7; }
.xiaocms-page span{ margin:0 3px;  border:1px solid #eee;line-height:25px; padding:0 10px; background:#FD5B03; color:#FFFFFF; display:inline-block; }
.xiaocms-page  a{margin:0 3px;   border:1px solid #eee;line-height:25px;background:#fff; display:block; color:#333; padding:0 10px;display:inline-block; }
.xiaocms-page  a:hover {margin:0 3px;   border:1px solid #eee;line-height:25px; background:#FD5B03; color:#fff; padding:0 10px;display:inline-block;}

/* 案例中心 */
.index_case_list{ padding:0 13px }
.index_case_list li{ float: left; width: 30.4%; margin:0 1% ;border: 1px solid #eee; margin-bottom: 10px; padding-top:5px }
.index_case_list li img{ width: 100%;}
.index_case_list li .index_case_img{ width: 90%; margin: 0.1rem auto;}
.index_case_list li p,.index_case_list li .gallery-title{ text-align: center;  background: url(../images/m_index_hw_12.png) no-repeat center; font-size: 14px; margin-bottom:5px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height:21px }
.index_news_more a{display: block; text-align: center; font-size:18px; line-height: 2.5; background: #eee; margin:0 10px }
.index_news_more a:hover{ background: #ffc62f; color: #333;}
.w70 { width:66%; float:left; font-size:14px; line-height:30px; color:#fff; text-align:left }
.w70 span { width:70px; float:left; }
.w30 { width:30%; float:right; font-size:14px; line-height:18px }
.w30 img { width:90%; }
.w30 p { text-align:center; font-size:14px; color:#fff; line-height:18px; margin:0 }

.headline_tit {

	font-size:21px;

    font-weight:500;

    text-align: center;

    color: #fff;
	
	line-height:21px;
	width:100px;
	text-align:center;
	
	position:relative;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:13px;

}
.headline_tit:before { content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: -10px;
	width: 2px;
	height: 20px;
	background:#fff;
	 }
.headline_tit:after { content: '';
	display: block;
	position: absolute;
	top: 2px;
	right: -10px;
	width: 2px;
	height: 20px;
	background:#fff;
	 }