@charset "utf-8";

*{padding:0px; margin:0px;}

html{font-size:62.5%;}

body{font-size:14px; font-family:"微软雅黑";}

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-style:normal;}

h1,h2,h3,h4,h5,h6{list-style:none; font-weight:normal;}

input,select,button,textarea{font-size:14px; border:1px solid #e1dce3; background:none; outline:none; vertical-align:middle; resize:none;}

button{overflow:visible}

img{border:none;}

li{list-style:none;}

a{color:#333; text-decoration:none;}

a:hover{color:#00a3ea; text-decoration:none !important;}

.clear{overflow:hidden; clear:both; height:0px;}

::-webkit-scrollbar{width:6px;}

::-webkit-scrollbar-track{background-color:#000;}

::-webkit-scrollbar-thumb{background-color:#aaa;}

::-webkit-scrollbar-thumb:hover{background-color:#126335;}

::-webkit-scrollbar-thumb:active{background-color:#126335;}

@media only screen and (max-width:992px){

input,textarea{-webkit-appearance:none; border-radius:0;}

}



@media only screen and (max-width:992px){

html.on{height:100%; overflow:hidden;}

}









.header{width:100%;  background-color:rgba(0,0,0,.50);padding:15px 0 0; position:absolute; left:0; top:0px; z-index:9999; height:97px;}

.header.on{position:fixed; top:0; }

.header img{width:100%; height:auto; display:block;}

.header .row{position:relative;}

.header .logo{width:160px; margin:0px 0; float:left;}

.header .an{position:absolute; top:15px; right:15px; height:14px; width:24px; display:none;}

.header .an span{width:24px; height:2px; background-color:#555; display:block; position:absolute;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .an span.a1{top:0; left:0;}

.header .an span.a2{top:6px; left:0;}

.header .an span.a3{top:12px; left:0;}

.header .an.n span.a2{display:none;}

.header .an.n span.a1{top:6px; width:24px;

transform:rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform:rotate(45deg);

-moz-transform:rotate(45deg);

-webkit-transform:rotate(45deg);}

.header .an.n span.a3{top:6px; width:24px;

transform:rotate(135deg);

-o-transform:rotate(135deg);

-ms-transform:rotate(135deg);

-moz-transform:rotate(135deg);

-webkit-transform:rotate(135deg);}

.header .nav{float:left; margin-top:10px; margin-left:30px;}

.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:15px; top:50%; display:none;

transform:translate(0,-50%);

-webkit-transform:translate(0,-50%);

-moz-transform:translate(0,-50%);

-ms-transform:translate(0,-50%);

-o-transform:translate(0,-50%);}

.header .nav ul li{height:71px; font-size:15px; text-align:center; float:left; position:relative;}

.header .nav ul li a.o_lm{line-height:46px; color:#fff; display:block; padding:0px 10px;}

.header .nav ul li:hover a.o_lm{color:#00a3ea; border-bottom:2px solid #00a3ea;}

.header .nav .y_j{position:relative;}

.header .nav .e_j{width:140px; background-color:#fff; border-top:1px solid #e7e7e7; position:absolute; top:71px; left:50%; margin-left:-70px; display:none; z-index:9999;}

.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}

.header .nav .e_j a{display:block; font-size:14px; color:#555; line-height:36px;}

.header .nav .e_j a:hover{background-color:#00a3ea; color:#fff;}

.header .nav ul li:hover .e_j{display:block;}

@media (min-width:992px){

.header .nav ul li{padding:0 15px;}

.header .nav .e_j{display:none !important;}

.header .nav ul li:hover .e_j{display:block !important;}

}

@media (min-width:1200px){

.header .nav ul li{padding:0 20px;}

}



.y_y{float:right; height:36px; padding-right:5px;color:#fff; line-height:36px; margin-top:20px; position:relative; }

.y_y .l_m{cursor:pointer; overflow:hidden;color:#fff;}



.y_y .l_m a{color:#fff; background:#00a3ea; padding:8px 10px; font-size:14px; border-radius:8px; margin-left:10px; }







@media only screen and (max-width:992px){

.y_y{float:left; height:36px; padding-right:0px; line-height:36px;  position:relative; margin-left:0.7%; margin-top:1px; }

.y_y .l_m a{color:#fff; background:#00a3ea; padding:8px 5px; font-size:14px; border-radius:8px; margin-left:5px; }

	

	

.header{padding:10px 0; top:0px;background-color:rgba(0,0,0,.50);height:60px;}

.header .logo{width:140px; margin:0 0 0 15px;float:left;}

.header .logo img{width:100%; height:44px;}

.header .hd{display:none;}

.header .xz{display:none;}

.header .zy{margin:0; position:absolute; right:45px; top:10px; font-size:12px; line-height:14px;}

.header .an{display:block;  }

.header .an span{display:block; color:#fff; background:#fff;  }

.header .nav{width:50%; padding:15px 5%; background-color:#000; height:100%; position:fixed; margin:0; top:0; left:-50%; overflow:auto; z-index:99999; 

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .nav.on{left:0;}

.header .nav i{display:block;}

.header .nav ul li{width:100%; height:auto; font-size:14px; text-align:left; border-bottom:1px solid #444; float:none; margin-right:0;}

.header .nav ul li a.o_lm{color:#aaa;}

.header .nav ul li:hover a.o_lm{color:#aaa; border-bottom:0;}

.header .nav ul li.on a.o_lm{background:none; color:#fff;}

.header .nav .e_j{width:100%; border-top:1px solid #444; background:none; position:relative; display:none; top:auto; left:auto; margin:0; padding-bottom:10px;}

.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}

.header .nav .e_j a:hover{background:none;}

.header .nav ul li:hover .e_j{display:none;}

}



.head_h{width:100%; height:96px; background-color:#fff;}

@media only screen and (max-width:992px){

.head_h{height:64px;}

}









.sy_ban{width:100%; height:900px; position:relative; margin-top:-97px;}

.sy_ban a{display:block; width:100%; height:100%;}

.sy_ban .swiper-button-prev{background:url(../images/banner-l.png) no-repeat; width:16px; height:30px; margin-top:-15px;

background-size:16px 30px;

-webkit-background-size:16px 30px;

-moz-background-size:16px 30px;

-ms-background-size:16px 30px;

-o-background-size:16px 30px;}

.sy_ban .swiper-button-next{background:url(../images/banner-r.png) no-repeat; width:16px; height:30px; margin-top:-15px;

background-size:16px 30px;

-webkit-background-size:16px 30px;

-moz-background-size:16px 30px;

-ms-background-size:16px 30px;

-o-background-size:16px 30px;}

@media only screen and (max-width:992px){

.sy_ban{height:19rem;margin-top:-64px;}

.sy_ban .swiper-button-next, .sy_ban .swiper-button-prev{display:none;}

}



.gy_bt{text-align:center; margin-bottom:30px; overflow:hidden;}

.gy_bt h3{font-size:32px; color:#444; margin-bottom:10px;}

.gy_bt p{font-size:15px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase;}

.gy_bt i{width:120px; height:3px; display:block; margin:0 auto; background:url(../images/b_t.png) no-repeat center;}

@media only screen and (max-width:992px){

.gy_bt{text-align:center; margin-bottom:20px;}

.gy_bt h3{font-size:25px; margin-bottom:5px;}

.gy_bt p{font-size:14px; margin-bottom:5px;}

}







.sy_al{width:100%; padding:20px 0; margin-top:30px; }

.sy_al .hd{margin-bottom:30px; overflow:hidden;}

.sy_al .hd .l_m{ padding:20px; font-size:18px; line-height:36px; text-align:center; cursor:pointer;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.sy_al .hd ul li.on .l_m{background-color:#126335; color:#fff;}

.sy_al .t_p{width:50px; height:50px; margin:0 auto 10px;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.sy_al .t_p.t_a{background:url(../images/a4.png) no-repeat top center; background-size:100%;}

.sy_al .t_p.t_b{background:url(../images/a5.png) no-repeat top center; background-size:100%;}

.sy_al .t_p.t_c{background:url(../images/a6.png) no-repeat top center; background-size:100%;}

.sy_al .hd ul li.on .t_p.t_a{background:url(../images/a4.png) no-repeat bottom center; background-size:100%;}

.sy_al .hd ul li.on .t_p.t_b{background:url(../images/a5.png) no-repeat bottom center; background-size:100%;}

.sy_al .hd ul li.on .t_p.t_c{background:url(../images/a6.png) no-repeat bottom center; background-size:100%;}

.sy_al .bd{overflow:hidden; padding:0 15px;}

.sy_al .n_r{background-color:#f2f2f2; overflow:hidden; padding-left:15px;}

.sy_al .w_z{margin-top:30px; font-size:14px; line-height:30px; color:333;}

.sy_al .w_z a{width:120px; height:40px; background-color:#00a3ea; border-radius:5px; font-size:14px; text-align:center; line-height:40px; color:#fff; display:block; margin-top:20px;}

.sy_al .t_c{padding-right:0;}

.sy_al .t_c img{width:100%; height:auto; display:block;}

@media only screen and (max-width:992px){

.sy_al{padding:20px 0;}

.sy_al .hd{margin-bottom:20px;}

.sy_al .hd .l_m{padding:10px; font-size:14px; line-height:26px;}

.sy_al .n_r{padding:15px 0;}

.sy_al .t_p{width:30px; height:30px; margin:0 auto;}

.sy_al .w_z{margin-top:0; margin-bottom:10px; font-size:14px; line-height:26px;}

.sy_al .w_z a{width:100px; height:32px; line-height:32px; margin-top:15px;}

.sy_al .t_c{padding-right:15px;}

}





.sy_cp{width:100%; padding:10px 0; margin-top:30px; overflow:hidden; background:url(../images/bg.jpg) no-repeat center top #f3f3f3; height:1100px;}

.wid_main{ width: 1200px; margin:0 auto;}

.zy_conbox { 

	min-height: 300px; 

	margin:30px auto 80px; 

}







.zy_picbox ul{ 

	overflow:hidden; 

	zoom:1; 

}

.zy_picbox ul li{ 

	_display:inline; 

	overflow:hidden; 

	float: left; 

	margin-right:16px; 

	width: 390px; 

	margin-bottom: 16px;

}

.zy_picbox ul li>div{

	width: 390px; 

	height: 350px;

	position: relative; 

	overflow: hidden;

}

.zy_picbox ul li>div img{ 

	display: block; 

	width: 390px; 

	height: 350px; 

}

.zy_picbox ul li>div>div{

	position: absolute; 

	top:350px; 

	left: 0; 

	background-color: rgba(0,163,234,.8); 

	width: 100%; 

	height: 100%; 

	text-align: center; 

	transition: all .3s;

}

.zy_picbox ul li h3 a{ 

	font-size: 15px; 

	color: #333; 

	text-align: center; 

	line-height: 44px; 

	white-space: nowrap; 

	overflow: hidden; 

	display: block;

}

.zy_picbox ul li:hover h3 a{ 

	color: #00a3ea; 

}

.zy_picbox ul li>div>div p{ 

	font-size: 16px; 

	color: #fff; 

	margin:90px 10px 22px 10px; line-height:35px; 





}

.zy_picbox ul li>div>div a{ 

	display: inline-block; 

	width: 160px; 

	height: 38px;

	line-height: 38px; 

	border:#fff solid 1px; 

	color: #fff;

	border-radius: 40px; 

	font-size: 16px; 

	transition: all .3s; margin-top:20px;

}

.zy_picbox ul li>div>div a:hover{ 

	background-color: #fff;

	color: #00a3ea; 

}

.zy_picbox ul li:hover>div>div{

	top: 0;

}



.zy_picbox01 ul{ 

	width: 1218px; 

}

.zy_picbox01 ul li>div>a{

	display: block;

}

.zy_picbox01 ul li>div>a img{

	transform: scale(1,1); 

	transition: transform .3s;

}

.zy_picbox01 ul li>div>a:hover img{

	transform: scale(1.1,1.1);

}



.zy_more{ 

	margin-top: 20px; 

}





.lj_zx{width:200px; height:50px; margin:20px auto 0; border:2px solid #00a3ea; color:#00a3ea; font-size:16px; line-height:50px; text-align:center; display:block; position:relative; overflow:hidden;

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.lj_zx:after{content:''; width:0; height:60px; background-color:#00a3ea; position:absolute; top:0; left:0;

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.lj_zx:hover:after{width:100%;}

.lj_zx a{display:block; position:relative; z-index:999;

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.lj_zx:hover a{color:#fff;}

.lj_zx i{padding-left:20px;}



@media only screen and (max-width:992px){

.sy_cp{width:100%; padding:10px 0; margin-top:30px; overflow:hidden; background:url(../images/bg.jpg) no-repeat center top #f3f3f3; height:980px;}

.wid_main{ width:100%; margin:0 auto;}

.zy_conbox { 

	min-height: 300px; 

	margin:30px auto 80px; 

}







.zy_picbox ul{ 

	overflow:hidden; 

	zoom:1; 

}

.zy_picbox ul li{ 

	_display:inline; 

	overflow:hidden; 

	float: left; 

	margin:1.2%; 

	width:47.5%; 



}

.zy_picbox ul li>div{

	width:100%; 

	height:auto;

	position: relative; 

	overflow: hidden;

}

.zy_picbox ul li>div img{ 

	display: block; 

	width:100%; 

	height:auto;

}

.zy_picbox ul li>div>div{

	position: absolute; 

	top:350px; 

	left: 0; 

	background-color: rgba(0,163,234,.8); 

	width: 100%; 

	height: 100%; 

	text-align: center; 

	transition: all .3s;

}

.zy_picbox ul li h3 a{ 

	font-size: 15px; 

	color: #333; 

	text-align: center; 

	line-height: 44px; 

	white-space: nowrap; 

	overflow: hidden; 

	display: block;

}

.zy_picbox ul li:hover h3 a{ 

	color: #00a3ea; 

}

.zy_picbox ul li>div>div p{ 

	font-size: 14px; 

	color: #fff; 

	margin:10px 10px 0px 10px; line-height:35px; 





}

.zy_picbox ul li>div>div a{ 

	display: inline-block; 

	width: 160px; 

	height: 38px;

	line-height: 38px; 

	border:#fff solid 1px; 

	color: #fff;

	border-radius: 40px; 

	font-size: 16px; 

	transition: all .3s; margin-top:20px;

}

.zy_picbox ul li>div>div a:hover{ 

	background-color: #fff;

	color: #00a3ea; 

}

.zy_picbox ul li:hover>div>div{

	top: 0;

}



.zy_picbox01 ul{ 

	width:100%; 

}

.zy_picbox01 ul li>div>a{

	display: block;

}

.zy_picbox01 ul li>div>a img{

	transform: scale(1,1); 

	transition: transform .3s;

}

.zy_picbox01 ul li>div>a:hover img{

	transform: scale(1.1,1.1);

}



.zy_more{ 

	margin-top: 20px; 

}







}



.sy_xw{width:100%; padding:0px 0;margin-top:20px; padding-bottom:30px;}

.sy_xw .lm_bt{width:100%; text-align:center; margin-bottom:50px;}

.sy_xw .lm_bt h1{font-size:40px; margin-bottom:20px;}

.sy_xw .lm_bt span{width:60px; height:6px; border-radius:6px; margin:0 auto; background-color:#2c7eba; display:block;}

.swiper-container0 {

	margin-left: auto;

	margin-right: auto;

	position: relative;

	overflow: hidden;

	z-index: 1

}

.swiper-xw{width:1240px; margin:0 auto;}

.swiper-xw .swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box

}

.swiper-xw .swiper-slide{padding:0 50px; box-sizing:border-box;}

.swiper-xw img { width:100%; margin-bottom:20px }

.swiper-xw h3{font-size:16px; margin-bottom:15px;color:#333; height:30px; overflow:hidden; line-height:30px;}

.swiper-xw p{font-size:14px; line-height:26px; margin-bottom:20px; color:#666;}

.swiper-xw a.mr{font-size:14px; color:#00a3ea;}

.swiper-xw .swiper-slide:hover a.mr{color:#2c7eba;}

.swiper-xw .swiper-button-prev{background:url(../images/zjt.jpg) no-repeat; left:0; width:26px; height:26px; margin-top:-13px; background-size:26px 26px;

-webkit-background-size:26px 26px;

-moz-background-size:26px 26px;}

.swiper-xw .swiper-button-next{background:url(../images/yjt.jpg) no-repeat; right:0; width:26px; height:26px; margin-top:-13px; background-size:26px 26px;

-webkit-background-size:26px 26px;

-moz-background-size:26px 26px;}

@media only screen and (max-width:995px){

.sy_xw{padding:0.5rem 0;}



.swiper-xw{width:100%;}

.swiper-xw .swiper-slide{padding:0 50px; box-sizing:border-box;}

.swiper-xw h3{font-size:18px; margin-bottom:1rem;}

.swiper-xw p{font-size:14px; line-height:2rem; margin-bottom:1rem;}

.swiper-xw a.mr{font-size:14px;}

.footer0 { text-align:center; }

}







.liuyan{ width:100%; height:auto; background:#f3f3f3; padding-top:30px; margin-top:20px;}





.liuyan form>div{ margin:20px auto; width: 97%;  }

.liuyan form>div input{ width: 100%; border: #bdbdbd solid 1px; height: 45px; line-height: 45px; 

	 font-size: 14px;  margin:0px auto; padding-left:5px;

}

.liuyan form>div textarea{ width: 100%; height: 150px; border: #bdbdbd solid 1px; 

	font-size: 14px;  line-height: 24px; margin:0px auto;background: none; padding-left:5px;

}

.liuyan form>div input:focus,.oem form>div textarea:focus{

	border-color: #00a3ea;

}

.liuyan button{ background-color: #00a3ea; font-size: 18px; color: #fff; font-family: "微软雅黑";

	width: 280px; height: 50px; border-radius: 5px; margin: 30px auto; text-align:center; display:block; cursor: pointer;

}

.liuyan form button:hover{ opacity: .9; }





.pa_ge{text-align:center; margin-top:60px; margin-bottom:60px;}

.pa_ge a{display:inline-block; width:38px; height:38px; font-size:14px; color:#555; line-height:36px; border-radius:50%; margin:0 5px; border:1px solid #aaa;}

.pa_ge a:hover{background-color:#aaa; color:#fff;}

.pa_ge a.on{background-color:#aaa; color:#fff;}

@media only screen and (max-width:992px){

.pa_ge{margin-top:30px;}

.pa_ge a{font-size:12px; line-height:26px; width:28px; height:28px; margin:0;}

}



.footer{width:100%; background-color:#313131; color:#aaa; }

.footer h3{font-size:18px; color:#fff; margin-bottom:20px;}

.footer p{font-size:14px; line-height:28px;}

.footer p i{padding-right:10px;}

.footer p a{color:#aaa;}

.footer p a:hover{color:#fff;}

.footer ul{margin-bottom:15px; overflow:hidden;}

.footer ul li{padding:0; width:50%; float:left;}

.footer ul li a{display:block; font-size:14px; line-height:28px; color:#aaa;}

.footer ul li a:hover{color:#fff;}

.footer img{width:100%; height:auto; display:block;}

.footer .l_y input.w{width:100%; font-size:14px; padding:0 2%; background-color:#5b5b5b; border:0; color:#aaa; line-height:32px; margin-bottom:15px;}

.footer .l_y input.a{width:120px; height:32px; border:0; background-color:#126335; font-size:14px; line-height:32px; color:#fff; cursor:pointer;}

.footer .l_y textarea{width:100%; padding:0 2%; background-color:#5b5b5b; border:0; font-size:12px; color:#aaa; line-height:32px; height:34px; margin-bottom:15px; resize:none;}

.footer select{border:1px solid #fff; width:100%; height:36px; padding:0 2%; color:#aaa; font-size:12px; line-height:36px;}

.footer option{color:#555;}

.footer .container{padding:50px 0;}

.footer .e_m{width:100%; float:left;}

.footer .e_m img{width:100%; height:auto; display:block;}

.footer .f_x{width:50%; float:right;}

.footer .f_x a{width:26px; display:block; float:left; margin-right:10px; margin-bottom:20px;}

.footer .icp{width:100%; background-color:#212121; font-size:12px; line-height:22px; text-align:center; color:#aaa;}

.footer .icp .container{padding:10px 15px;}

.footer .icp .container span{padding:0 5px;}

.footer .icp .container a{color:#aaa;}

.footer .icp .container a:hover{color:#fff;}

@media only screen and (max-width:992px){

.footer h3{font-size:15px; color:#fff; margin-bottom:10px; margin-top:30px;}

.footer ul{margin-bottom:0;}

.footer p{margin-bottom:30px;}

.footer .container{padding:0;}

.footer .h_d{margin-bottom:20px; text-align:center;}

.footer .h_d a{width:40px; height:40px; float:left; margin-left:0; margin-right:10px;}

.footer .f_x{float:none; width:100%; overflow:hidden;}

.footer select{display:none;}



.footer .e_m{width:40%; float:left; }

.footer .e_m img{width:100%; height:auto; display:block;}

.footer .icp{text-align:center; margin-top:20px;}

.footer .icp .container span{padding:0; display:block;}

}











.side{position:fixed;width:70px;right:0;top:60%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0; background-color:rgba(255,255,255,.90);border-bottom:0}

.side ul li{width:70px;height:70px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:30px;text-align:center;transition:all .3s;cursor:pointer}

.side ul li:hover{background:#00a3ea;color:#fff}

.side ul li:hover a{color:#fff}

.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:10px;transition:all .3s}

.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}

.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}

.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}

.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}

.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}

.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}

.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}

.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}

.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}

.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}

.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}

.side ul li.sidetop{background:#00a3ea;color:#fff}

.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}

.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}

.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#db261d}

.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:75px;line-height:24px;font-size:18px}

.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}

.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#00a3ea; }

.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat;background-color:#00a3ea}

.side ul li:hover .son{display:block!important;animation:fadein 1s}

@keyframes fadein{from{opacity:0}

to{opacity:1}

}











.n_ban2{width:100%; height:400px; position:relative; overflow:hidden;margin-top:-97px;}

.n_ban2 .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.3); position:absolute; top:0; left:0;}

.n_ban2 .w_z{position:absolute; width:100%; text-align:center; box-sizing:0 0 8px #555; color:#fff; top:60%; 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_ban2 .w_z h3{font-size:30px;}

.n_ban2 .w_z h4{font-size:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

@media only screen and (max-width:992px){

.n_ban2{height:19rem;margin-top:-64px;}

.n_ban2 .w_z h3{font-size:20px;}

.n_ban2 .w_z h4{font-size:14px;}

}





.ndh { width:100%; height:50px; line-height:50px; font-size:15px; background:#e6e6e6; text-align:center;}

.ndh ul li { width:auto; display:inline-block;  line-height:50px; font-size:15px; margin:0; color:#333;}

.ndh ul li a {font-size:15px; padding:0px 40px; color:#333;}

.ndh ul li:hover a { background:#00a3ea; display:block; color:#FFF; }

.ndh ul li .on {background:#00a3ea; display:block; color:#FFF;}

@media only screen and (max-width:992px){

.ndh { width:100%; line-height:40px; font-size:14px; background:#e6e6e6; text-align:center; height:auto;}

.ndh ul li { width:auto; display:inline-block; line-height:40px; font-size:14px; text-align:center; }

.ndh ul li a {font-size:14px; padding:0px 10px;  }

.ndh ul li:hover a { background:#00a3ea; display:block; color:#FFF;}

.ndh ul li .on {background:#00a3ea; display:block; color:#FFF;}

}	





/* ---------------------matter-list------------------------------ */



.matter-box {

    width: 100%;

}



.matter-nb {

    display: none;

}



.matter-list {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

    margin-top: 46px;

    padding-bottom: 16px;

}



.matter-list ul {

    margin-left: -3%;

}



.matter-list ul li {

    width: 30.33333333333333333333333%;

    height: 500px;

    float: left;

    margin-left: 3%;

    background-color: #fefefe;

    text-align: center; padding-bottom:5px;

}



.matter-top {

    width: 100%;

    height: 324px;

    border: 4px solid #f8f8f8;

    position: relative;

	background:#f8f8f8;

}



.matter-list ul li:hover .matter-top {

    -moz-box-shadow: 0 8px 10px 0px #f8f8f8;

    -webkit-box-shadow: 0 8px 10px 0px #f8f8f8;

    box-shadow: 0 8px 10px 0px #f8f8f8;

	border: 4px solid #e1e1e1;

}



.top-img {

    width: 100%;

    height:315px;

    position: absolute;

    top:0%;

    left:0%;

    overflow: hidden;

}



.top-img img {

    width: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}



.matter-list ul li:hover .top-img img {

    transform: scale(1.04);

}



.matter-bottom {

    width: 100%;

    height: 200px;

}



.matter-bottom h2 {

    width: 84%;

    font-size: 18px;

    color: #0d0d0d;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-top: 30px;

    display: inline-block;

}



.matter-bottom p {

    font-size: 14px;

    color: #999999;

    margin-top: 10px;

    line-height: 20px;

    width: 84%;

    margin-left: 8%;

    height: 43px;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.matter-bottom h4 {

    font-size: 14px;

    color: #2c7eba;

    margin-top: 10px;

}



.matter-bottom h4:hover {

    font-size: 14px;

    color: #025693;

}



/* --------page------ */



.paging {

    width: 100%;

    height: 30px;

    margin: 16px 0 30px 0;

    text-align: center;

}



.paging a {

    display: inline-block;

    background-color: #cdcdcd;

    color: #fff;

    text-align: center;

    font-size: 12px;

    margin: 0 5px 0 5px;

    line-height:30px;

    padding: 0 10px;

    border-radius:5px;

}



.paging a:hover {

    background-color: #00a3ea;

}



.page-ud {

    width: 30px;

    height: 30px;

    line-height: 30px;

}



.page-num {

    width:30px;

    height:30px;

    line-height:30px;

}



.paging span {

    display: inline-block;

    color: #fff;

    text-align: center;

    font-size: 12px;

    margin: 0 5px 0 5px;

    line-height:30px;

    padding: 0 10px;

    border-radius:5px; background-color: #00a3ea !important;

}



/* --------page------ */







@media all and (max-width:1700px) {}



@media all and (max-width:1460px) {}



@media all and (max-width:1380px) {}



@media all and (max-width:1300px) {}



@media all and (max-width:1280px) {}



@media all and (max-width:1240px) {

    .sun-nav ul li {

        width: 200px;

    }

    .matter-list {

        width: 100%;

    }

    .footerL {

        width: 100%;

    }

}





/* ------------------------手机端-------------------------- */



@media all and (max-width:900px) {

    .sun-nav {

        width: 100%;

        height:50px;

        position: relative;

        margin-top: 0px;

		

    }

    .sun-nav ul li {

        display: block;

        float: left;

        width:33%;

        font-size: 16px;

        line-height: 50px;

		

        border-bottom: 1px solid #f3f3f3;

    }

    .matter-list {

        width: 96%;

        margin-left: 2%;

    }

    .footerL {

        width: 96%;

        margin-left: 2%;

    }

    .matter-list ul{

        margin-left: 0%;

    }

    .matter-list ul li {

        width: 100%;

        margin-left: 0%;

        margin-top: 16px;

    }

    .matter-bottom h2 {

        font-size: 16px;

    }

    .footerL ul {

        margin-left: 0%;

    }

    .footerL ul li {

        width: 100%;

        margin-left: 0%;

    }

    .matter-footerL {

        margin: 60px 0 20px 0;

    }

    .footerL-words img {

        margin-top: 24px;

    }



}



.neiye{margin:50px auto;}

.neiye .news ul li{margin-bottom:20px; overflow:hidden;}

.neiye .news .t_p{overflow:hidden;}

.neiye .news .t_p img{width:100%; height:auto; display:block;

transition:all 3s;

-webkit-transition:all 3s;

-moz-transition:all 3s;

-ms-transition:all 3s;

-o-transition:all 3s;}

.neiye .news ul li:hover .t_p img{transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1);}

.neiye .news .w_z{border:1px solid #e7e7e7; padding:15px;}

.neiye .news .w_z h3{font-size:16px; margin-top:0; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.neiye .news .w_z p{font-size:13px; color:#888; line-height:24px; height:48px; overflow:hidden;}

.neiye .news .w_z i{padding-right:5px; color:#777;}

.neiye .news .w_z span{color:#aaa; font-size:12px; padding-right:15px; }





.ny_nr{ margin-top:45px;}

.cp_zs img{width:100%; height:auto; display:block;}

.cp_js{margin-top:20px;}

.cp_js h1{font-size:26px; line-height:46px; color:#000; text-transform:uppercase; margin-bottom:30px;}

.cp_js .g_m{font-size:14px; line-height:32px; border-top:1px solid #e7e7e7; padding-top:20px;}

.cp_js .g_m em{width:32px; height:32px; display:inline-block; margin-left:10px; border-radius:50%; vertical-align:middle;}

.cp_js .g_m a{font-size:16px; line-height:32px; color:#fff; background: #00a3ea; padding:5px 20px; float:left; border-radius:8px;}

.cp_js .j_s{font-size:14px; line-height:32px; color:#555; border-top:1px solid #e7e7e7; padding:20px 0; }

.cp_js .j_s ol{padding-left:40px; list-style:disc !important;}

.cp_js .j_s ol li{list-style:disc !important;}

.cp_dt{ border:1px solid #eee;}


/*.fengcai2{margin-top:30px; }*/
.fengcai2 img{ max-width:100%; height:auto;}
.fengcai2 ul{margin-top:30px;}

.fengcai2 ul li{ float:left; margin-right:15px;margin-left:17px; margin-bottom:40px; box-shadow: 0 0 10px  #afafaf; padding:5px 4px 15px 4px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.fengcai2 ul li:hover{ transform: translateY(-8px);-wbkit-transform: translateY(-8px);-o-transform: translateY(-8px);-moz-transform: translateY(-8px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.fengcai2 ul li h3{ text-align:center; line-height:45px; color:#333333; height:45px; overflow:hidden;max-width:350px; padding:0px 5px 0px 5px; font-size:16px;}
.fengcai2 ul li p{ text-align:center; line-height:28px; color:#333333; height:56px; overflow:hidden;max-width:350px; padding:0px 5px 0px 5px; }
.fengcai2 ul li img{ max-width:350px; max-height:230px;width:350px; height:230px;}

.bottom-btn{ width:150px; height:45px; text-align:center; line-height:45px;display:block; border:2px solid #2c7eba; margin:15px auto; }
.bottom-btn:hover{ background:#2c7eba; border:2px solid #2c7eba; width:150px; height:45px; color:#fff;}

@media only screen and (max-width:992px){

.cp_js{margin-top:30px;}

.cp_js h1{font-size:16px; line-height:30px; margin-bottom:10px;}

.cp_js .g_m{font-size:12px; line-height:24px;}

.cp_js .g_m em{width:24px; height:24px; display:inline-block; margin-left:10px; border-radius:50%; vertical-align:middle;}

.cp_js .g_m a{font-size:14px; line-height:24px; padding:5px 20px;}

.cp_js .j_s{padding:15px 0; font-size:12px; line-height:24px;}

.cp_js .j_s ol{padding-left:20px;}


/*.fengcai2{margin-top:30px;  }*/
.fengcai2 ul{margin-top:25px;}
.fengcai2 ul li{ float:none; margin:30px auto;  width:92%;  padding:5px 5px 15px 5px; box-shadow: 0 0 10px  #afafaf; }
.fengcai2 ul li img{ width:100%; text-align:center; margin:0 auto; display:block; }

.bottom-btn{ width:150px; height:45px; text-align:center; line-height:45px;display:block; border:2px solid #2c7eba; margin:15px auto; }
.bottom-btn:hover{ background:#2c7eba; border:2px solid #2c7eba; width:150px; height:45px; color:#fff;}
}



.cp_xq h1{border-top:1px solid #f7f7f7; padding-top:30px; font-size:18px; margin-bottom:20px; margin-top:50px;}

.cp_xq p{font-size:14px; line-height:26px; margin-bottom:20px;}

.cp_xq ol{padding-left:40px; list-style:disc !important;}

.cp_xq ol li{list-style:disc !important; font-size:14px; line-height:35px; color:#555;}



.gallery-cpzs{ margin-top:20px;}

.gallery-cpzs .swiper-slide{border:1px solid #e7e7e7; cursor:pointer;

box-sizing:border-box;

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

-ms-box-sizing:border-box;

-o-box-sizing:border-box;}

.gallery-cpzs .swiper-slide.active2{border:1px solid #00a3ea;}

.gallery-cpzs .swiper-slide img{width:100%; height:auto; display:block;}

.gallery-cpzs .swiper-button-prev{top:auto; margin:0 0 0 -30px; left:50%; bottom:0; width:13px; height:24px; background:url(../images/hz_l.png) no-repeat;}

.gallery-cpzs .swiper-button-next{top:auto; margin:0 -30px 0 0; right:50%; bottom:0; width:13px; height:24px; background:url(../images/hz_r.png) no-repeat;}





.neiye .about{font-size:14px; line-height:28px; color:#555;}

.neiye .about img{width:100%; height:auto; display:block; margin:20px 0px 20px 0px;}

.neiye .about img.m_t{margin-top:80px;}

.neiye .about h3{color:#0e6eb8; margin-bottom:15px; margin-top:0;}

.neiye .about h4{font-size:16px; color:#0e6eb8; line-height:28px; margin-bottom:20px;}

.neiye .about h5{margin-top:15px; font-size:16px; color:#0e6eb8;}

.neiye .about .t_p{padding:5px; border:1px solid #e7e7e7;}

.neiye .about .t_p img{width:100%; height:auto; display:block;}

.neiye .about .w_z{margin:15px 0; text-align:center; font-size:14px;}



.neiye .about .liuyan{ background:none;}