*{ margin: 0; padding: 0;}
 html{font: normal 15px / 28px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    color: #787d85;}
 body {background-color: #fff; padding: 0; margin: 0; overflow-x: hidden; font-size: 14px; color: #333;}
 ol,ul,li {list-style: none}
 a{text-decoration:none;color: #333333;cursor:pointer;}
 h2,h3,h4,ul,li,p {padding: 0;margin: 0;}
 input,textarea {outline: none;}
 .fl{ float: left;}
 .fr{ float: right;}
 .cl{ clear: both;}
 .dfl{ display: flex; justify-content: center; flex-wrap: wrap;}
 .dfj{ display: flex; justify-content: space-between; flex-wrap: wrap;}
/*head*/
.header{ width: 1280px; margin: auto; -webkit-box-shadow: 0 0 12px rgba(0,0,0,.2);
    box-shadow: 0 0 12px rgba(0,0,0,.2);
    }
.hetop{width: 100%;background: rgba(173,176,182,0.3);}
.lognav .logo{ width: 250px;}
.lognav .logo img{ width: 100%;display: block;}
.lognav{ padding: 10px 50px !important;}
/*nav*/

.menu{ width:68%; padding-left: 3%;}
.nav{ width:100%;background-color:rgba(255,255,255,1);height:70px;margin:0 auto; font-size: 16px; }
.nav a{ position: relative;}
.nav a:hover .tiao{
	position: absolute;
	bottom: 16px;
	width: 100%;
	background-color: #1ebbf0;
    background: #1ebbf0;
    background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    background: linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    height: 2px;}
    
    
.nav ul a:hover{ 
	}
.nav li{float:left;position:relative; padding-left:35px;}
.nav li .sub-nav li:last-child{border-bottom:0;}
.nav li a{color:#3b3f4a;height:70px; font: normal bold 16px / 70px "Roboto", Helvetica, Arial, Verdana, sans-serif;display:block;text-align:center;}
.nav li a:focus{-moz-outline-style: none; }
.nav li .sub-nav{width: 240px; position:absolute;padding-top: 10px; top:70px;left:20px;z-index: 99;background-color:#FFFFFF;display:none; padding-bottom:10px;}
.nav li .sub-nav li{clear:left;width:100%;height:40px;line-height:40px;position:relative;
padding-left: 0;  }
.nav li .sub-nav li a{ position:absolute; font-weight: 100;left:0px;height:40px;line-height:40px;
width:100%;padding:0;display:inline-block; font-size: 14px;text-align:left; padding-left: 20px;}

.nav li .sub-nav li a:hover{color: #1ebbf0;}

.lones{ line-height: 26px;}
.lones,.lognav{ max-width: 1180px; margin: auto; color: #adb0b6;padding: 0 50px;}
.lx_title{width: 300px;}
.dengl{ width: 400px; font-size: 13px;}

.lx_title img{vertical-align: middle;}


/*banner*/
.swiper-containers{ position: relative;}
.swiper-slide img{width: 100%; display: block;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet-active {
	width: 10px;
    height: 10px;
    opacity: 1;
    background: rgba(229, 229, 229, 1) !important;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
}


/*comment*/

.cenrt{ max-width: 1280px; margin: auto; overflow: hidden;-webkit-box-shadow: 0 0 12px rgba(0,0,0,.2);
    box-shadow: 0 0 12px rgba(0,0,0,.2);}
.p50{ padding:50px;box-sizing: border-box;}
.djf{ display: flex; justify-content:space-between; flex-wrap: wrap;}
.tone{padding: 50px 0;}
.bttop{padding: 15px 0; overflow: hidden;  margin: 20px 0; }
.bttop h3{ padding: 10px 20px; background-color: rgba(120,125,133,0.08); font-size: 16px; width: 100px; text-align: center;font: normal 500 25px / 36px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #000;}
.new_right .bttop h3,.new_left .bttop h3{
	margin:0 auto;
}


/*新闻*/
.content_n1{ min-height: 280px; padding: 0 15px;}
.new_shows{display: block; /*height: 30px;*/ line-height: 30px; overflow: hidden; padding: 10px 0;border-bottom: 1px dashed #999;font-size: 15px; color: #3b3f4a;}
.new_shows .time{font-size: 13px;color: #adb0b6;}
.content_n1 a:hover{
	background: -webkit-gradient(linear,left top,right top,color-stop(32%,#1ebbf0),color-stop(100%,#39dfaa));
    background: -webkit-linear-gradient(left,#1ebbf0 32%,#39dfaa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bttop{padding: 0 15px;}

.new_left,.new_right{ width: 50%;}
.new_left{padding:0 30px; box-sizing: border-box;}
.news{width: 50%; box-sizing: border-box; }

.title_fgs{ font-size: 16px; color: #E72C00;line-height: 24px;}
.yuan{width: 14px; height: 14px; padding: 5px 3px 0 0;}
.new3_shows{display: block; height: 64px; line-height: 20px; overflow: hidden; margin-bottom: 15px;}
.content_rk{
	padding-top: 20px;
}

.swiper-news{ overflow: hidden; width: 100%; height: 306px; margin-top: 30px;}

.swiper-news .swiper-slide {
}
.swiper-news .swiper-slide img{
	width: 220px;
	height: 45px;
	padding: 10px !important;
	
}


.swiper-news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-news .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 0 !important;
    background: #fff;
    opacity: 1;
}
.swiper-news .swiper-pagination-bullet {
    margin: 0 2px!important;
}
.swiper-news .swiper-pagination-bullet:last-child {
    margin-right: 10px!important;
}

/*入口*/
.rukou{
	display: block;
	width: 70%;
	margin: auto;
	margin-top: 20px;
	height: 50px;
	line-height:50px;
	text-align: center;
	color: #fff;
	background-color: #1ebbf0;
    background-image: none;
    background: #1ebbf0;
    background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    background: linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
}




/*产品展示*/
.swiper-guang{overflow: hidden;position: relative; width: 100%;}

.anlwz{padding:30px 20px; text-align: center;  font-size: 18px; font-weight: bold; color: #fff;}
.alitu{margin:0 15px; box-sizing: border-box;overflow: hidden; position: relative; }

.alitu img {
	width: 100%;
	transition: all ease-in-out .36s;
}
.ludf a:hover .alitu img {
	transform: scale(1.2);
}
.ludf a:hover .anlwz{
	color: #1ebbf0;
}
.ludf a:hover .zhanzhao{ background: rgba(30,187,240,0.36); width: 100%; position: absolute; height: 100%; left: 0; z-index: 9;top:0;}
/*荣誉资质*/

.btop{ text-align: center; padding-bottom: 50px;}
.btop h1{ padding-bottom:15px;}
.yjzs{background:url(../images/bg.jpg) no-repeat; background-size: 100%; margin: 50px 0;margin-bottom: 70px;}
.yjzs .btop{ color: #FFF; padding-top: 50PX;}
.swiper-button-nexts{
	position: absolute;
	left:0;
	top:32%;
    width: 16px;
    height: 32px;
    z-index: 10;
    cursor: pointer;
}
.swiper-button-prevs { 
	position: absolute;
	right:8px;
	top:32%;  
    width: 16px;
    height: 32px;
    z-index: 10;
    cursor: pointer;
}

.new_title img{ display: block; max-width: 100%; margin-bottom: 20px;}



.link{ padding: 50px 0; overflow: hidden;}
.title_link{ width: 133px; height: 48px; padding-right: 40px; border-right: 1px solid #999; margin-right: 40px;}
.link .links{ line-height: 20px; padding-top: 14px;}




/*foot*/
.footer {
	width: 1180px;
	margin: auto;
	background-color: #23262d;
	color: #fff;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 16px 50px;
	font-size: 13px;
}


/*单位*/
.dw{padding:2px 5px 0 20px;}
.bl{vertical-align:middle; padding:0 6px;}
.block{ padding: 15px 0; line-height: 30px;}
.org{ color: #e72c00;}
.orgbg{ background: #e72c00;}
.hr{ width: 100%; height: 2px; background: #d1d1d1;}
.content{ min-height: 400px;}
.column{ width: 30%; border-right: 1px solid rgba(173,176,182,0.3); box-sizing: border-box;}
.title_lm{ line-height: 50px; color: #333; padding-left: 20px; font-size: 15px;}
.list_lm a{display: block; color: #787d85; padding: 10px 20px; height: 50px; line-height: 30px; box-sizing: border-box;}
.list_lm a:hover,.list_lm .active{color: #1ebbf0; }
.content_xq{ width: 70%; padding: 50px 0 50px 50px;box-sizing: border-box; }
.content_xq .about{line-height: 30px; font-size: 16px;}
.content_xq .about img{ max-width: 765px; display: block; margin: auto;text-align: center;}
.kuai{ padding-top: 9px; padding-right: 5px;}

.list_new{
    display: flex;
    flex-wrap: wrap;}
.list_new .shows_new{ width: 30%; float: left; padding: 10px 25px;line-height: 28px;background-color: #f8f8f9; box-sizing: border-box; margin: 1.5% 1.6%;}
.shows_new .date{ width: 100%;}
.shows_new .date a{color: #adb0b6; font-size: 15px;}
.title_new{ padding: 8px 0; font-size: 18px;}

.shows_new .title_new:hover{color: #1ebbf0; }
.date a:hover{text-decoration:underline;}


.about_bg{ height: 160px; background:url(../images/bg1.jpg) top no-repeat; background-size: 100%; color: #fff; }
.about_bg h1{ text-align: center; font-size: 50px; padding-bottom: 20px; padding-top: 40px; font-weight: 100;}
.black{width: 100px; text-align: center; margin: auto; padding: 8px; background: rgba(255,255,255,0.12); border-radius: 3px; color: #fff;}
.black a{ color: #fff;}



/*项目*/
.title_xm{ display: flex; text-align: center; line-height: 80px;border-top: 6px solid #ececec; border-bottom: 1px solid #e1e1e1; font-size: 16px;}
.menu_list{width:100%;margin:0 auto;}
.menu_head{
	height: 47px;
	line-height: 47px;
	padding-left: 38px;
	font-size: 14px;
	color: #525252;
	cursor: pointer;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	margin: 0px;
	font-weight: bold;
	background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;
}
.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;}
.menu_body{
	line-height: 38px;
	background: #ececec;
}
.menu_body .list_a{display:flex;height:38px;line-height:38px;padding-left:38px;color:#777777;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body .list_a:hover{text-decoration:none;}

.list_c{flex: 1;}
.fang{ width: 10px; height: 10px; position: absolute; left: 16px; top: 18px;}

/*荣誉*/
.conter_ry{ display: flex; flex-wrap: wrap;}
.list_ry{ width: 23%; margin-right: 2%; margin-bottom:3%;}
.list_ry p{ margin: 8px; text-align: center;line-height: 20px;}
.list_ry img{ width: 100%; display: block;}
.list_ry:nth-child(4n){margin-right: 0;}

#zans{ position: fixed; z-index: 1; top:0; left: 0; background:rgba(0,0,0,.8); height: 100%; width: 100%; display: none;}

.kbai{ width: 80%; margin:10% auto; border-radius: 5px; padding:15px; position: relative;}
.kbai img{display: block; margin: auto;}
.coled{ width: 40px; height: 40px;  position: absolute; z-index: 3; right: 10%; top:10%; background-color: #fff; line-height: 36px; text-align: center; font-size: 30px;}
/*资质*/
.ban{ width:910px; height:600px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:910px; height:420px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:910px; height:420px;}
.ban2 ul li img{ display: block; margin: auto; }
.prev{ float:left; cursor:pointer;}
.num{ height:94px;overflow:hidden; width:800px; position:relative;float:left;}
.min_pic{ padding-top:10px; }
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:130px; height:92px; margin-right:20px; padding:1px;}
.num ul li img{ width:130px; height:92px; display: block;}
.num ul li.on{ border:1px solid #e72c00; padding:0;}
.prev_btn1{ width:20px; text-align:center; height:94px;  margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:20px; text-align:center; height:94px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:180px; left:0px; width:55px; height:58px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:180px; right:0px; width:55px; height:58px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:800px; height:500px; padding:10px; background:#fff; position:fixed; /*-position:absolute;*/ left:40%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:800px; height:420px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:800px; height:420px; float:left; padding-top: 50px;}
.pop_up2 ul li img{ display: block; margin: auto;}

.content_dj,.content_gc{ width: 100%; padding: 50px;box-sizing: border-box; }
.lists_gc{ display: flex; flex-wrap: wrap;}
.list_gc{ width: 23.5%; margin-right: 2%; margin-bottom: 3%; box-sizing: border-box;}
.list_gc a:nth-child(2){color: #adb0b6;}
.list_gc img{ width: 100%; display: block;transition: all ease-in-out .36s;}
.list_gc .picture{overflow: hidden; position: relative;}
.list_gc h2{ padding: 20px 0 10px;}
.list_gc p{}
.list_gc:nth-child(4n){margin-right: 0;}
.list_gc:hover .zhanzhao{ background: rgba(30,187,240,0.36); width: 100%; position: absolute; height: 100%; left: 0; z-index: 9;top:0;}
.list_gc:hover h2{color: #1ebbf0; }
.list_gc:hover img {
	transform: scale(1.2);
}



.about_xq{ text-align: justify; margin: 20px 0;}
.about_xq img{max-width: 100%;}
.about_xq h3{ text-align: center; padding-bottom: 50px; font-size: 20px;}
.about_xq .nr{line-height: 30px; font-size: 16px;}
.zstu img{ display: block; margin:20px auto;}
.next{ padding: 20px 0; border-top: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1; overflow: hidden; margin-bottom: 20px;}
.next .pass{ width: 50%; padding-top: 10px;color: #adb0b6;}
.next .pass a{ color: #3b3f4a; font-size: 16px; font-weight: bold; padding-top: 10px; display: block;}
.next .pass:nth-child(2){ text-align: right;}
.next .pass a:hover{ color: #3b3f4a; }



.title_jg{
	display: flex;
	flex-wrap: wrap;
	color: #D5DDE5;
    background-color: #1b1e24;
    border-bottom: 4px solid #9ea7af!important;
    }
.title_jg{
	
}



.center_jgxq .list_c{
	display: flex;
	flex-wrap: wrap;
	background: #EBEBEB;
	
	}
.center_jgxq .list_c:nth-child(2n){
	background: #fff;
	}	


.center_jgxq .list_c:hover{
	background-color: #186b9c;
	color: #fff;
}


.contact{ display: flex;	
}
.adds{ flex: 1; padding: 0 20px;color: #adb0b6;}
.adds_xq{margin-top: 50px;}
.adds_xq h3{ color: #3b3f4a; font-weight: 100; padding-bottom: 15px;}
.sixinput { width: 100%; margin-bottom: 5%;}
.sixinput{ position: relative;}
.sixinput input{ width: 100%; height: 40px; border: 1px solid #e0e1e1; border-radius: 3px; padding-left: 2%; padding-right: 36px; box-sizing: border-box;color: #b8bcbe;}
.contact textarea{ width: 100%;  border: 1px solid #e0e1e1; box-sizing: border-box; height: 120px;
border-radius: 3px;  line-height: 24px; padding: 5px;color: #b8bcbe;}
.butt { width: 100%; margin-top: 5%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.tijiao{ position: relative;width: 42%;}
.tijiao input{ width: 100%; height: 40px; cursor: pointer; border: 0; color: #333; border-radius: 5px;}
.butt .tijiao:first-child input{color: #fff;
	background: #1ebbf0;
    background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    background: linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);}
.ttj{ justify-content: space-between; }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ font-size: 1em;color: #b8bcbe;}

/*会员登录*/
.tbop img{ width: 100%;}
.container{ position: relative;}
/*.wl{ width: 320px;margin: auto;}*/
.zhscx {
	width: 320px;
	position: absolute;
	z-index: 9;top:15%;
	left: 58%;
	background-color:rgba(0,0,0,0.4);
	padding: 30px 20px;
	box-sizing: border-box;
	border-radius: 5px;
}

.zhscx h3 {
	display: none;
	color: #3a88d2;
	font-size: 24px;
	text-align: center;
	padding-bottom: 20px;
}

.zhscx p {
	margin: 30px 0;
	position: relative;
}

.tubi {
	position: absolute;
	top: 10px;
	left: 55px;
}

.inputh {
	width: 80%;
	height: 40px;
	border-radius: 2px;
	display: block;
	margin: auto;
	border: 1px #cccccc solid;
	padding-left: 5px;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
}

.buttons {
	width: 80%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #000;
	background: linear-gradient( #fea112,#ff6800);
	border: 0;
	border-radius: 2px;
	font-size: 15px;
	border: 0;
	outline: none;
	margin: auto;
	display: block;
	cursor: pointer;
}
.bai{ min-height: 400px;}


.tiaoclick{
    position: absolute;
    bottom: 16px;
    width: 100%;
    background-color: #1ebbf0;
    background: #1ebbf0;
    background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    background: linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    height: 2px;
}

.list_two{width: 9%; line-height: 88px; text-align: center; border-right: 1px solid #fff;box-sizing: border-box;}
.list_one{ width: 46%; text-align: center;}


.list_twos{flex:1; line-height: 60px; text-align: center; border-right: 1px solid #fff;box-sizing: border-box;}
.list_ones{ flex:1; line-height: 60px;text-align: center;border-right: 1px solid #fff;} 



.zyw_bot{ display: flex;}
.title_jg{font-size: 17px; }
.zyw_top{ padding: 8px 0;border-bottom: 1px solid #fff;border-right: 1px solid #fff;box-sizing: border-box;}
.zyw_list{word-break: break-all; width: 108px; flex: 1; padding: 8px 0;border-right: 1px solid #fff;box-sizing: border-box;}
.list_c { display: flex;}
.center_jgxq .list_c .list_tree{
	flex: 1;
	padding:15px ;box-sizing: border-box;
	border-right: 1px solid #C1C3D1;	
}
.list_c .list_two{ word-break: break-all; width: 90.86px; line-height:30px;border-right: 1px solid #C1C3D1;box-sizing: border-box;}
.list_c .zyw_list {border-right: 1px solid #C1C3D1;box-sizing: border-box;
}
.center_jgxq .list_two:last-child{
	border-right:none;	
}