@charset "utf-8";
/* CSS Document */
body {
	FONT-SIZE: 14px;
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666666;
	margin:0px;
	padding:0px; background-color:#fff;
	overflow-x: hidden;
	box-sizing: border-box;
	}
*{font-family:"微软雅黑";}
a{text-decoration:none;}
ul li{list-style:none}
ul{padding-left:0;margin:0 0}
a{color:#000}
.center{width:1200px;margin:0 auto}
h1,h2,h3,h4,h5,p{margin:0 0;padding:0 0}
.ctrl span{ float:left; cursor:pointer;}
input,textarea,select{outline:none;font-family:"微软雅黑";}
img{border:none}
.cursor_pointer{
	cursor:pointer;
}

/*.one-two{position:relative;width:100%;height:50px;overflow:hidden}
.one{font-size:16px;color:#fff;top:0;transition:all 0.3s ease-in-out;position:absolute;left:0;width:100%;height:50px;}
.head-menu ul li:hover  .one{top:-50px;transition:all 0.3s ease-in-out;}
.head-menu ul li:hover  .two{bottom:0px;transition:all 0.3s ease-in-out;}*/

.float_l{float: left;}
.float_r{float: right;}
.clear{clear:both}
.position_r{position: relative;}
.position_a{position: absolute;}
.font_s13{font-size: 13px;}
.font_s14{font-size: 14px;}
.font_s16{font-size: 17px;}
.font_s18{font-size: 18px;}
.font_s20{font-size: 20px;}
.font_s22{font-size: 22px;}
.font_s26{font-size: 26px;}
.font_s32{font-size: 32px;}
.font_s56{font-size: 56px;}

.title{
	width: 100%;
	text-align: center;
	padding-top: 0px;
}
.title div:nth-child(1){
	color: #333333;
	line-height: 28px;
}
.title div:nth-child(2){
	color: #008c8b;
	font-family: -webkit-pictograph;
	margin-top: 18px;
	text-transform:uppercase;
}
.title div:nth-child(3){
	background: #eb6233;
	width: 37px;
	height: 4px;
	margin: auto;
	margin-top: 11px;
}

.fwxm_html h3 p{
	float:right;
	font-size: 16px;
	margin-top: 10px;;
}
/*banner*/
.banner_img{
	/*background: url('../images/banner.jpg') top center no-repeat;*/
	height: 621px;
}
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev{
	background-image: url('../images/right.png');
	background-size: 100% 100%;
	position: absolute;
	/*margin: auto;*/
    right: 0px !important;
	top:45% !important;
	width: 64px;
	height: 98px;
}
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{
	background-image: url('../images/left.png');
	background-size: 100% 100%;
	position: absolute;
	/*margin: auto;*/
    left: 0px !important;
	top:45% !important;
	width: 64px;
	height: 98px;
}

/*nav*/
.nav_background{
	width: 100%;
	height: 70px;
	background: #fff;
	opacity: 0.85;
	position: absolute;
	top:0;
	left: 0;
	z-index: 2;
}
.nav{
	/* width: 1200px; */
	top:0;
	left: 0;
	right: 0;
	/* margin: auto; */
	z-index: 3;
	position: fixed;
}
.block_or_none{
	width: 100%;
    height: 70px;
    position: fixed;
    top: 0;
	left: 0;
	z-index: 20;
}
.block_or_none:hover #div{
	display: block !important;
}
.block_or_none:hover #nav{
	display: block !important;
}
.nav .logo{
	width: 256px;
	height: 70px;
	margin-top: 10px;
	/* margin-right: 168px; */
	/* margin-top: 10px; */
}
.nav ul li{
	width: 100px;
	text-align: center;
	color: #333333;
	height: 67px;
	margin-top: 28px;

}
.nav ul .select{
	border-bottom: solid 4px #008c8b;
}
.nav ul li:hover{
	width: 100px;
	text-align: center;
	/* color: #fff; */
	border-bottom: solid 4px #008c8b;
	transition:all 0.2s ease-in-out;
}
.nav p{
	color: #333333;
	margin-top: 30px;
	/* margin-right: 14px; */
}
.nav p .font_s22{
	color: #008c8b;
}
.nav .search{
	display: flex;
    position: relative;
}
.nav .search img{
	width: 20px;
	height: 70px;
	margin-left: 47px;
	margin-right: 8px;
}
.nav .search p{
	color: #23727e;
	font-size: 16px;
	font-weight: 700;
	margin-top: 28px;
}
.banner .swiper-pagination-bullet{
	background:#879aae;
	width: 8px;
	height: 8px;
}
.banner .swiper-pagination-bullet-active{
	background:#fff;
	width: 15px;
	height: 15px;
}

/*foot*/
.foot{
	width: 100%;
	height: 420px;
	background: #008c8b;
	margin: auto;
}
.foot .height{
	height: 350px;
}
.foot .left{
	width: 834px;
	height: 355px;
	margin-top: 45px;
	margin-left: 10px;
}
.foot .left .float_l:nth-child(1){
	width: 250px;
}
.foot .left .float_l:nth-child(2){
	width: 258px;
}
.foot .left .float_l:nth-child(3){
	width: 226px;
}
/*.foot .left .float_l:nth-child(4){
	width: 288px;
}*/
.foot .left h3{
	color: #ffffff;
	font-size: 20px;
	    margin-bottom: 22px;
}
.foot .left .h3{

}
.foot .left p{
	line-height: 22px;    color: #fff;
}
.foot .left p a{
	color: #fff;
	font-size: 14px;
}
.foot .left p a:hover{
	color: #099a96;
	font-size: 14px;
}
.vertical_line{
	border-left: solid 1px #fff;
	height:247px;
	margin-top: 60px;
}
.foot .bottom{
	border-top: solid 1px #fff;
	height: 65px;
}
.foot .float_r{
	width: 297px;
	padding-top: 60px;
	padding-left: 58px;
	text-align: center;
	color: #fff;
}
.foot .float_r .qr_code:nth-child(1){
	margin-right: 27px;
	margin-bottom: 50px;    margin-left: 50px;
}
.foot .qr_code img{
	width: 133px;
	height: 133px;
	margin-bottom: 10px;
	border:solid 1px #f1f8f9;
}
.foot .bottom .float_l{
	margin-top: -25px;
	margin-left: 10px;
	color: #fff;
}
.foot .bottom .float_l a{
	margin-top: 20px;
	margin-left: 10px;
	color: #fff;
}
.foot .bottom .link{
	margin-top: 20px;
	float: right;
	color: #fff;
}
.foot .bottom .link a{
	color: #fff;
}
.bds_sqq{
	background:url('../images/icon1.png') !important;
	width: 31px !important;
	height: 31px !important;
	background-size:100% 100% !important;
	margin-right: 10px !important;
}
.bds_tsina{
	background:url('../images/icon2.png') !important;
	width: 31px !important;
	height: 31px !important;
	background-size:100% 100% !important;
	margin-right: 10px !important;
}
.bds_weixin{
	background:url('../images/icon3.png') !important;
	width: 31px !important;
	height: 31px !important;
	background-size:100% 100% !important;
	margin-right: 10px !important;
}
.bdshare-button-style0-32 a:hover {
	opacity: 1 !important;
}
.bdsharebuttonbox p{
	color: #fff;
	margin-top: 10px;
	margin-right: 10px;
}


/*切换效果*/
.clearfib{clear:both;}
.fl{float:left;}
.fr{float:right}
.an-d{margin:auto; display:table;}
.san-a{width:1300px; margin:auto; margin-top:0px;}
.san-p{width:1300px; height:710px;}
.zhis{height:710px; margin-top:30px;}
.pou{width:1300px;}
.poy{width:auto; border-right:1px solid #e1e3e9; cursor:pointer; color:#666; line-height:30px; text-align:center; font-size:17px; width:259px; overflow:hidden;}
.poy p{width:auto; height:60px;}
.poy p b{border-bottom:1px solid #eb6233; font-weight:normal; padding-bottom:5px;}
.poy p span{font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:20px;}
.poy img{width:50px; height:50px; display:inline-block; position: relative;}
.lti{border-right:1px solid #e1e3e9; color:#eb6233;}
.lti img{width:50px; height:50px; display:inline-block; position: relative;left: -350px; -webkit-filter: drop-shadow(#eb6233 350px 0);filter: drop-shadow(#eb6233 350px 0);}

.clearfix:before, .clearfix:after{display: table; content: ""; line-height:0px;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.content-info{position:relative; width:calc((100% - 102px)/3); float:left; overflow:hidden; height:335px; margin:10px 17px; position:relative; }
.content-info:last-child{margin-right: 0; }
.content-info figure{height:100%; transition: 600ms; -webkit-transition: 600ms; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; background: #eee; }
.content-info figure img{height:100%; display:block; background-repeat: no-repeat; background-size: cover; background-position: center center; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position: absolute; transition: 466ms; }
.content-info figcaption{display: block; height:50px; line-height:50px; overflow:hidden; color:#fff; font-size:16px; text-align:center; position: absolute; left:0; bottom:0; width: 100%; transition: 335ms;  background:rgba(9,154,150, 0.9);}
.content-info figcaption p{font-size:16px;}
.content-info figcaption span{font-size:16px; text-transform:uppercase;}
.content-text{width:100%; height:100%; background:rgba(9,154,150, 0.7); background: #000\7; filter: alpha(opacity=70); box-sizing: border-box; padding: 9px; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: rotateY(-90deg); transition: 450ms; text-align:center;}
.content-wr{padding:40px 24px 32px 22px; text-align:left;}
.content-wr:before{content: ""; width: 95%; height: 95%; position: absolute; left: 2.5%; top: 2.5%; border-left: 1px dashed #fff; border-right: 1px dashed #fff; box-sizing: border-box; }
.content-wr:after{content: ""; width: 95%; height: 95%; position: absolute; left: 2.5%; top: 2.5%; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; box-sizing: border-box; }
.content-wr h3{color:#fff; font-size:20px; line-height:50px; overflow: hidden; font-weight: normal; height:50px;border-bottom: 1px dotted #fff; }
.content-wr p{color:#fff; font-size:15px; line-height:28px; width:100%; float:left;}
.content-wr .time{color:#fff; font-size:15px; overflow:hidden; line-height:40px;}
.content-info:hover figure{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.content-info:hover figcaption{bottom: -100%; }
.content-info:hover .content-text{opacity: 1; transform: rotateY(0); visibility: visible; }
.clear{clear: both; }



.cooperation{
	width: 100%;
	    height: 1308px;
	/* background: #f3f3f3; */
}
.cooperation .center{
	height: 500px;
	background: #000;
}
.cooperation .center .position_a img{
	margin: 66px 0 0 -5px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg);
}
.cooperation .center .position_a:nth-child(1){
	width: 164px;
	height: 164px;
	background: #e4e4e4;
	border-radius: 5px;
	top: 135px;
    left: 40px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg);
    /*opacity: 0;*/
}

/*新闻活动*/
.news{
	width: 100%;
	height: 765px;    background: url(../images/bg01.png);
}
.news .title{
	padding-top: 95px;
}
.news .swiper-container-n{
	margin-top: 45px;
}
.news .swiper-container-n .center{
	height: 430px;
}
.news .swiper-container-n .center .news_img{
	width: 362px;
	margin-right: 38px;
}
.news .swiper-container-n .center .news_img:nth-child(3){
	margin-right: 0px;
}
.month{
	width: 63px;
	color: #666666;
	margin-right: 28px;
	text-align: center;
	margin-top: 20px;
}
.news_title{
	width: 271px;
	margin-top:36px;
}
.news_title h3{
	color: #333333;
	border-bottom:solid 1px #c2c2c2;
	margin-bottom: 8px;
    padding-bottom: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news_title p{
	color: #666;
	line-height: 22px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .swiper-pagination-bullet-active{
	background: #008c8b !important;
	opacity: 1 !important;
}
.news .swiper-pagination-bullet{
	width: 77px;
	height: 9px;
	background: #000;
	border-radius: 0;
	opacity: 0.15;
}

/*服务项目*/
.project .title{
	padding-top: 85px;
}
.project .broadcast{
	width: 100%;
	height: 0px;
	background:#fd7a4e;
	overflow: hidden;
	margin-top: 70px;
}
.project .broadcast .center{
	height: 440px;
}
.box{
	position: relative;
	display: inline-block;
	margin: 0px;
	width: 1200px;
}
.roll{
	width: 1200px !important;
}
#roll{
	width: 200%;
	margin-top: 0;
}
#roll dd{
	width: 300px;
	height: 880px;
	float: left;
	margin-left: 0;
	transition:all ease-in-out 0.6s;
}
#roll dd:hover{
	transform:translateY(-440px);
}
#roll dd .background1{
	/*background: url('../images/project_background1.jpg') no-repeat;*/
	background-size: 100% 100%;
	width: 300px;
	height: 440px;
	text-align: center;
}
#roll dd .background2{
	/*background: url('../images/project_background2.jpg') no-repeat;*/
	background-size: 100% 100%;
	width: 300px;
	height: 440px;
	text-align: center;
}
#roll dd .background3{
	/*background: url('../images/project_background3.jpg') no-repeat;*/
	background-size: 100% 100%;
	width: 300px;
	height: 440px;
	text-align: center;
}
#roll dd .background4{
	/*background: url('../images/project_background4.jpg') no-repeat;*/
	background-size: 100% 100%;
	width: 300px;
	height: 440px;
	text-align: center;
}
.dd_hover{
	width: 300px;
	height: 440px;
	background: #099a96;
	text-align: center;
	color: #fff;
}
.dd_hover img{
	margin-top: 60px;
}
.dd_hover .font_s18{
	margin-top: 10px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.dd_hover .font_s14{
	line-height: 26px;
	width: 238px;
	margin: auto;
	text-align:justify;
	margin-top: 25px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4; 
}
.dd_hover .button{
	color: #fff;
	background: none;
	border:solid 1px #fff;
	padding: 8px 40px;
	width: 71px;
	margin: auto;
	margin-top: 52px;
}
#roll dd .background1 img{
	margin-top: 108px;
	width: 78px;
	height: 78px;
}
#roll dd .background1 p{
	color:#fff;
	margin-top: 55px;
}
#roll dd .background2 img{
	margin-top: 108px;
	width: 78px;
	height: 78px;
}
#roll dd .background2 p{
	color:#fff;
	margin-top: 58px;
}
#roll dd .background3 img{
	margin-top: 108px;
	width: 78px;
	height: 78px;
}
#roll dd .background3 p{
	color:#fff;
	margin-top: 58px;
}
#roll dd .background4 img{
	margin-top: 108px;
	width: 78px;
	height: 78px;
}
#roll dd .background4 p{
	color:#fff;
	margin-top: 58px;
}
.box span{
	position: absolute;
	bottom: 73%; 
	left:-100px;
	display: inline-block;
	width: 21px;
	height: 39px;
	text-align: center;
	cursor: pointer;
	background: url('../images/left1.png') no-repeat;
	background-size: 100% 100%;
	z-index: 1;
	color: #fff;
 }
 .box span:hover{
	background: url('../images/left2.png') no-repeat;
 }
.box .next{
	right: -100px; 
	left:auto;
	background: url('../images/right1.png') no-repeat;
}
.box .next:hover{
	background: url('../images/right2.png') no-repeat;
}

/* 首页动画 */
.animate{
	margin-top: 72px;
	margin-bottom: 83px;
}
/* 第一块 */
.animate_one{
	height: 680px;
	width: 100%;
}
.animate_one_left{
	width: 35%;
	height: 617px;
	background-image: -moz-linear-gradient( 0deg, rgb(9, 158, 150) 0%, rgb(0, 133, 147) 53%, rgb(8,99,144) 100%);
	background-image: -webkit-linear-gradient( 0deg, #099a96 0%, #007591 60%, #1e85b9 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,200,201) 0%, rgb(0,179,194) 53%, rgb(0,158,187) 100%);
	padding:63px 8% 0px 7%;
	overflow: hidden;
}
.animate_one_left .padding{
	
	border-bottom:solid 1px #fff;
	padding-bottom: 76px;
}
.animate_one_right_top .padding{
	width: 70%;
	padding:63px 15% 0px 15%;
}
.animate_one_right_top .animate_one_left_text h3 {
    color: #333333;
}
.animate_one_right_top .animate_one_left_text p {
    color: #666666;
}
.animate_one_right_top .hmMore {
    color: #099a96;
}
.animate_one_right_top:hover .hmMore{
    color: #099a96;
    background:none;
}

.animate_one_right_top .hmMore:after {
    background: url(../images/hmp3_arrow3.png) no-repeat left top;
}
.animate_one_right_top .hmMore:before {
    border: 1px solid #099a96;
}
.animate_one_right_bottom .padding{
	width: 70%;
	padding:63px 15% 0px 15%;
}
.animate_one_right_bottom .animate_one_left_text h3 {
    color: #333333;
}
.animate_one_right_bottom .animate_one_left_text p {
    color: #666666;
}
.animate_one_right_bottom .hmMore {
    color: #099a96;
}
.animate_one_right_bottom:hover .hmMore{
    color: #099a96;
    background:none;
}

.animate_one_right_bottom .hmMore:after {
    background: url(../images/hmp3_arrow3.png) no-repeat left top;
}
.animate_one_right_bottom .hmMore:before {
    border: 1px solid #099a96;
}
.icon{
	width: 114px;
}
.animate_one_left_text{
	width: calc(100% - 114px);
}
.hmMore {
    height: 31px;
    width: 131px;
    display: block;
    position: relative;
    padding-left: 37px;
    line-height: 31px;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.5s ease;
}
.animate_one_left_text:hover .hmMore{
    color: #fff;
    background: #099a96;
    padding-left: 28px;
}

.hmMore:after {
    content: "";
    background: url(../images/hmp3_arrow2.png) no-repeat left top;
    height: 7px;
    width: 45px;
    position: absolute;
    margin-top: -4px;
    top: 50%;
    right: 0px;
    transition: all 0.4s ease;
}
.hmMore:before {
    content: "";
    height: 31px;
    width: 110px;
    border: 1px solid #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.4s ease;
}
.animate_one_left_text:hover .hmMore:before {
	border: none;
}
.animate_one_left_text:hover .hmMore:after {
    background: url(../images/hmp3_arrow2.png) no-repeat right center;
    width: 30px;
    right: 23px;
}
.animate_one_left .number{
	display: flex;
	margin-top: 80px;
}
.animate_one_left .number .Year{
	margin-right: 40px;
	margin-left: 10px;
	min-width: 165px;
}
.animate_one_left .number .Year div{
	display: flex;
}
.animate_one_left .number .Year div:nth-child(1){
	font-size: 50px;
	color: #fff;
}
.animate_one_left .number .Year div:nth-child(2){
	font-size: 16px;
	color: #fff;
	margin-top: 28px;
    margin-left: 8px;
}
.animate_one_left .number .Year p{
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
}
.hmMore, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.animate_one_left_text h3{
	font-size: 30px;
	color: #fff;
	margin-bottom: 26px;
}
.animate_one_left_text p{
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 45px;
}
.animate_one_right{
	width: 50%;
	height: 680px;
}
.animate_one_right_top{
	width: 100%;
	height: 340px;
	background: #f3f3f3;
}
.animate_one_right_bottom{
	width: 100%;
	height: 340px;
	background: #ffffff;
}
.one{
	opacity: 0;
}
.two{
	opacity: 0;
}
.counter-value{
	/* display: none; */
}
.one_fadeInLeftBig{
	opacity: 1;
    animation: fadeInLeftBig 0.6s ease 0.1s 1 normal both;
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
.two_fadeInLeftBigs{
	opacity: 1;
    animation: fadeInLeftBig 0.6s ease 0.1s 1 normal both;
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
.two_fadeInLeft{
	opacity: 1;
    animation: fadeInLeft 0.6s ease 0.4s 1 normal both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.one_fadeInRightBig{
	opacity: 1;
    animation: fadeInRightBig 0.6s ease 0.4s 1 normal both;
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
.two_fadeInRightBig{
	opacity: 1;
    animation: fadeInRightBig 0.6s ease 0.1s 1 normal both;
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
/* 第二块 */
.animate_two{
	width: 100%;
	height: 400px;
}
.animate_two_left{
	width: 50%;
	height: 400px;
	background: url('../images/advantage_background2.jpg') top center no-repeat;
}
.animate_two_right{
	width: 50%;
	height: 400px;
	background-image: -moz-linear-gradient( 0deg, rgb(0,158,187) 0%, rgb(0,179,194) 47%, rgb(0,200,201) 100%);
	background-image: -webkit-linear-gradient( 0deg, #1e85b9 0%, #007591 47%, #099a96 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,158,187) 0%, rgb(0,179,194) 47%, rgb(0,200,201) 100%);
	overflow: hidden;
}
.animate_two_right .padding{
	width: 70%;
	padding: 70px 15% 0 15%;
	min-width: 420px;
}
.animate_two_right h1{
	font-size: 32px;
	color: #fff;
}
.animate_two_right h2{
	font-size: 26px;
	color: #fff;
	text-transform:uppercase;
	margin-top: 10px;
	margin-bottom: 15px;
	font-family: -webkit-pictograph;
}
.animate_two_right .line{
	width: 37px;
	height: 4px;
	background: #fff;
}

.animate_two_right p{
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	margin-top: 10px;
	text-indent: 2rem;
}
.animate_two_right .animate_one_left_text{
	margin-top: 20px;
}


/* 加入我们页面 */
.banner2{
	/*background: url('../images/banner2.jpg') top center no-repeat;*/
	width: 100%;
	height: 376px;
}
.banner2 .center{
	position: relative;
	height: 376px;
}
.banner2 .page_name{
	position: absolute;
	right: 62px;
	bottom: 140px;
	font-size: 30px;
	color: #fff;
	text-transform:uppercase;
}
.position{
	width: 100%;
	height: 100px;
	background: #fafafa;
}
.position .center{
	height: 100px;
	
}
.position h3{
	font-size: 28px;
	color: #1ba8c0;
	line-height: 100px;
}
.position p{
	font-size: 16px;
	color: #666666;
	line-height: 100px;
}
.resumes_html{
	width: 100%;
	height: 842px;
}
.resumes_html .center{
	padding-top: 90px;
}
.fill_in{
	margin-bottom: 16px;
}
.fill_in h5{
	font-size:16px;
	color: #666;
	width: 100px;
	text-align: right;
	line-height: 46px;
	margin-right: 16px;
	margin-left: 330px;
}
.fill_in input{
	font-size:16px;
	color: #666;
	width: 398px;
	height: 44px;
	border: solid 1px #e4e4e4;
	border-radius: 5px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.fill_in p{
	font-size: 16px;
	color: #ff0000;
	line-height: 46px;
	margin-left: 18px;
}
.fill_in textarea{
	font-size:16px;
	color: #666;
	width: 398px;
	height: 198px;
	border: solid 1px #e4e4e4;
	border-radius: 5px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.fill_in select{
	font-size:16px;
	color: #666;
	width: 420px;
	height: 48px;
	border: solid 1px #e4e4e4;
	border-radius: 5px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.fill_in .determine{
	width: 150px;
	height: 46px;
	background: #1ba8c0;
	color: #fff;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	margin-left: 446px;
	margin-right: 16px;
	border-radius: 3px;	
}
.fill_in .reset{
	width: 150px;
	height: 46px;
	background: #9b9b9b;
	color: #fff;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	border-radius: 3px;	
}

/* 下载页面 */
.download_html{
	padding: 74px 0 278px 0;
}
.download_html .download .each{
	width: 587px;
	height: 83px;
	margin-bottom: 28px;
	background: #f7f7f7;
	transition:all 0.3s ease-in-out;
}
.download_html .download .each:nth-child(odd){
	margin-right: 26px;
}
.download_html .download .each .icon1{
	background: url('../images/zlxz_icon1.png') top center no-repeat;
	width: 83px;
	height: 83px;
	float: left;
	transition:all 0.2s ease-in-out;
}
.download_html .download .each p{
	width: 440px;
	font-size: 16px;
	color: #666666;
	line-height: 83px;
	float: left;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition:all 0.2s ease-in-out;
}
.download_html .download .each .icon2{
	background: url('../images/zlxz_icon2.png') top center no-repeat;
	width: 64px;
	height: 83px;
	float: left;
	transition:all 0.2s ease-in-out;
}
.download_html .download .each:hover{
	background-image: -moz-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
	transition:all 0.2s ease-in-out;
}
.download_html .download .each:hover .icon1{
	background: url('../images/zlxz_icon1_2.png') top center no-repeat;
}
.download_html .download .each:hover p{
	color: #fff;
}
.download_html .download .each:hover .icon2{
	background: url('../images/zlxz_icon2_2.png') top center no-repeat;
}
  
/* 翻页 */
.paging{
	position: absolute;
	left: 50%;
	margin-top: 80px;
}
.paging ul{
	position: relative;
	right: 50%;
}
.paging ul li{
	float: left;
	width: 48px;
	height: 41px;
	border: solid 1px #dcdcdc;
	text-align: center;
	line-height: 41px;
	font-size: 14px;
	color: #666666;
	margin-right: 5px;
}
.paging ul li:hover{
	border: solid 1px #1ba8c0;
	color: #fff;
	background: #1ba8c0;
}
.li_big{
	width: 66px !important;
}
.paging_select{
	border: solid 1px #1ba8c0 !important;
	color: #fff !important;
	background: #1ba8c0;
}
.number_pages{
	font-size: 14px;
	color: #666666;
	margin-left: 8px;
	line-height: 43px;
}
.number_pages select{
	width: 41px;
	height: 41px;
	border: solid 1px #dcdcdc;
	text-align: center;
}


/* 服务项目详情页面 */
.fwxm_details{
	padding-top:52px;
	padding-bottom:78px;
}
.fwxm_details p{
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	text-indent: 2rem;
}

/* 社会招聘页面 */
.social_recruitment_html{
	/* padding-bottom: 90px; */
}
/*手风琴*/
.treebox{ width: 100%; margin: 0 auto; background-color:#222222;color: #fff; font-size: 16px;margin-bottom:90px;}
.menu{ overflow: hidden;border-style: solid ; border-width: 0 1px 1px ; }
/*第一层*/

.menu li.level1>.none{ 
display:block;
line-height: 45px;
color: #666;
font-size: 16px;
border-bottom: 1px solid #e2e2e2;
font-size: 16px;
position: relative;
transition:all .5s ease 0s;
background: #fff;
height: 51px;
line-height: 51px;
font-weight: 600;
display: flex;
}
.menu li.level1>.none p{
	width: 25%;
	text-align: center;
}
.menu li.level1 .none.current{ 
height: 51px;
line-height: 51px;
font-size: 16px;
position: relative;
transition:all .5s ease 0s;
font-weight: 600;
}

/*第二层*/
.menu li ul{ overflow: hidden; }
.menu li ul.level2{ 
	display: none;
	background: #fafafa;
	height: auto;
	padding-left: 16px;
	color: #666;
	padding:0 56px 52px 56px;
}
.menu li ul.level2 li .none{
display: block;
height: 45px;
line-height: 45px;
text-indent: 60px;
/*border-bottom: 1px solid #ddd; */
font-size: 14px;
transition:all 1s ease 0s;
}
.menu li ul.level2 h5{ 
	margin-top: 52px;
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	font-weight: 700;
}
.menu li ul.level2 p{ 
	font-size: 16px;
	color: #666666;
	line-height: 40px;
}
.menu li ul.level2 .hotline{
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top: 15px;
}
.menu li ul.level2 .button{
	width: 160px;
	height: 50px;
	background: #1ba8c0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	border-radius: 5px;
}
.social_recruitment_html .title{
	width: 100%;
	height:52px;
	background: #1ba8c0;
	padding: 0;
	margin-top: 58px;
}
.social_recruitment_html .title p{
	width: 25%;
	text-align: center;
	line-height: 52px;
	font-size: 16px;
	color: #fff;
	float: left;
}

/* 站点地图页面 */
.webmap{
	padding-top:66px;
	padding-bottom: 160px;
}
.site{
	width: 100%;
	height: 57px;
	border: solid 1px #f3f3f3;
	margin-bottom: 19px;
	display: flex;
}
.site .sit_title{
	width: 154px;
	height: 100%;
	background: #fafafa;
	border-right: solid 1px #f3f3f3;
	margin-right: 20px;
}
.site .sit_title p{
	font-size: 16px;
	color: #333333;
	margin-left: 29px;
	line-height: 57px;
}
.site a p{
	margin: 0 24px;
	line-height: 57px;
	font-size: 14px;
	color: #666666;
	transition:all 0.1s ease-in-out;
}
.site a:hover p{
	color: #147d8d;
	transform: scale(1.05);
}

/* 新闻详情页面 */
.news_details_html{
	padding-top: 60px;
	position: relative;
}
.news_details_html h3{
	text-align: center;
	font-size: 26px;
	color: #666666;
	margin-bottom: 96px;
}
.news_details_html .news_details_date{
	text-align: center;
	font-size: 14px;
	color: #a4a4a4;
	position: absolute;
	left: 50%;
	top: 123px;
}
.news_details_html .news_details_date .bdsharebuttonbox{
	position: relative;
	right: 50%;
}
.news_details_date img{
	width: 22px;
	height: 16px;
	margin-top: 4px;
}
.news_details_html .bdsharebuttonbox p {
	color: #a4a4a4 !important;
	margin-top: 2px;
}
.news_details_html .bds_tsina {
    background: url(../images/news_details_icon2.jpg) !important;
    width: 53px !important;
    height: 13px !important;
    background-size: 100% 100% !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
}
.news_details_text p{
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	text-indent: 2rem;
}
.news_relevant{
	width: 100%;
	height: 248px;
	text-align: left;
	margin-bottom: 88px;
}
.news_relevant h4{
	width: calc(100% - 32px);
	height: 52px;
	background: #1da8c0;
	color: #fff;
	font-size: 16px;
	line-height: 52px;
	text-align: left;
	padding-left: 32px;
	margin-top: 70px;
}
.news_relevant .border{
	width: calc(100% - 2px);
	height: auto;
    border: solid 1px #e2e2e2;
    border-top: none;
    padding-top: 30px;
	padding-bottom:30px;
}
.news_relevant .border .float_l{
	width: 33%;
	display: flex;
	margin-bottom: 16px;
}
.news_relevant .border .float_l img{
	width: 16px;
	height: 12px;
	margin-top: 5px;
	margin-left: 24px;
}
.news_relevant .border .float_l p{
	font-size: 16px;
	color: #666666;
	width: 314px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition:all 0.2s ease-in-out;
}
.news_relevant .border .float_l p:hover{
	color: #147d8d;
}

/* 公司新闻 */

/* 选项卡开始 */
#box ul{
	width:100%;
	margin: auto;
	padding-bottom: 40px;
	margin-bottom: 42px;
}
#box li{
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: 14px;
	float: left; 
	font-size: 16px;
	color: #fff;
	cursor:pointer;
	background: #9b9b9b;
}
#box a:nth-child(1) li{
	margin-left: 0px;
	margin-left: 450px;
}
#box li:hover{
	background: #1ba8c0;
	transition:all 0.2s ease-in-out;
}
#box .active{
	background: #1ba8c0;
}
/* 选项卡结束 */
.news_html{
	padding-top: 62px;
	padding-bottom: 236px;
}
.news_html .block{
	width: 100%;
	height: 260px;
	background: #fafafa;
	padding-bottom: 0 !important;
}
.news_html .img{
	width: 273px;
	height: 204px;
	margin-top: 27px;
	margin-left: 28px;
	overflow: hidden;
	margin-right: 40px;
}
.news_html .img img{
	width: 273px;
	height: 204px;
	transition: all 0.5s ease;
}
.news_html .block:hover .img img{
	transform: scale(1.1);
}
.news_html .block h1{
	font-size: 16px;
	font-weight: 700;
	color: #666666;
	padding-top: 40px;
	margin-bottom: 18px;
}
.news_html .block:hover h1{
	color: #147d8d;
}
.news_html .block .hmMore {
    position: absolute;
    color: #028298;
	transition: all 0.5s ease;
	left: 0px;
}
.news_html .block .hmMore:before {
    border: 1px solid #028298;
    transition: all 0.5s ease;
}
.news_html .block .hmMore:after {
    background: url(../images/hmp3_arrow3.png) no-repeat left top;
}
.news_html .block:hover .animate_one_left_text .hmMore {
    color: #fff;
    background: #028298;
    padding-left: 28px;
}
.news_html .block:hover .animate_one_left_text .hmMore:after {
    background: url(../images/hmp3_arrow2.png) no-repeat right center;
    width: 30px;
    right: 23px;
}
.news_html .bdsharebuttonbox{
	display: table-caption;
}
.news_html .bdsharebuttonbox .bds_tsina {
    background: url(../images/news_details_icon2.jpg) !important;
    width: 53px !important;
    height: 13px !important;
    background-size: 100% 100% !important;
	margin-right: 10px !important;
	margin-top: 4px;
}
.news_html .see_img{
	margin-top: 4px;
    margin-right: 5px;
}
.news_html .see_p{
	font-size: 14px;
	color: #a4a4a4;
	margin-right: 20px;
}
.news_html_text{
	margin-top: 18px;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    margin-bottom: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news_html .news_html_month{
	font-family: MyNewFont;
	font-size: 87.14px;
	color: #666666;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 5px;
}
.news_html .news_html_year{
	font-family: MyNewFont;
	font-size: 21.78px;
	color: #666666;
	text-align: center;
}
@font-face {
	font-family: 'MyNewFont';   /*字体名称*/
	src: url('HelveticaNeueLTPro-ThEx.otf');       /*字体源文件*/
  }

/* 服务项目页面 */
.fwxm_html{
	background: #eaf4fd;
}
.fwxm_html h3{
	height: 64px;
	font-size: 28px;
	color: #1ba8c0;
	padding-top: 68px;
}
.fwxm_html .block{
	margin-left: -15px;
	width: 1215px;
}
.field_icon{
	width: 287px;
	height: 160px;
	margin-left: 15px;
	background: #ffffff;
	position: relative;
	transition:all 0.4s ease-in-out;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
.field_icon:hover{
	background: #1ba8c0;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
.field_icon .background{
	position: absolute;
	left: 0;
	top: 0;
	width: 287px;
	height: 160px;
}
/*.field_icon .background1{
	background: url(../images/field_icon1.png) no-repeat right center;
	transition:all 0.4s ease-in-out;
}
.field_icon:hover .background1{
	background: url(../images/field_icon1_2.png) no-repeat right center;
	left: 80px;
}
.field_icon .background2{
	background: url(../images/field_icon2.png) no-repeat right center;
	transition:all 0.4s ease-in-out;
}
.field_icon:hover .background2{
	background: url(../images/field_icon2_2.png) no-repeat right center;
	left: 80px;
}
.field_icon .background3{
	background: url(../images/field_icon3.png) no-repeat right center;
	transition:all 0.4s ease-in-out;
}
.field_icon:hover .background3{
	background: url(../images/field_icon3_2.png) no-repeat right center;
	left: 80px;
}
.field_icon .background4{
	background: url(../images/field_icon4.png) no-repeat right center;
	transition:all 0.4s ease-in-out;
}
.field_icon:hover .background4{
	background: url(../images/field_icon4_2.png) no-repeat right center;
	left: 80px;
}*/
.field_icon .background5{
	background: url(../images/case_icon1.png) no-repeat right center;
	transition:all 0.4s ease-in-out;
}
.field_icon:hover .background5{
	background: url(../images/case_icon1_2.png) no-repeat right center;
	left: 80px;
}
.field_icon p{
	position: absolute;
	left: 30px;
	top: 97px;
	font-size: 16px;
	font-weight: 700;
	transition:all 0.4s ease-in-out;
	width: 220px;
}
.field_icon:hover p{
	left: 0px;
	text-align: center;
	width: 287px;
	color: #fff; 
}
.customer_icon{
	margin-left: 15px;
}
.customer_icon img{
	height: 160px;
	width: 288px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	transition:all 0.4s ease-in-out;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.customer_icon:hover img{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	filter: grayscale(0%);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
.customer_icon p{
	font-size: 16px;
	color: #270000;
	text-align: center;
	margin-top: 20px;
}
.customer{
	padding-bottom: 118px;
}

/* 关于环湾页面 */
.single_title{

}
.single_title h2{
	font-size: 28px;
	color: #222222;
	text-align: center;
	border-bottom: solid 1px #dddddd;
	padding-bottom: 28px;
	padding-top: 90px;
}
.single_title_line{
	width: 44px;
	height: 5px;
	background: #1ba8c0;
	margin: auto;
	margin-top: -3px;
	margin-bottom: 63px;
}
.about_logo{
	width: 521px;
	height: 180px;
	float: left;
}
.single_html_about p{
	text-indent: 2rem;
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	text-align: justify;
}
.single_html_about p span{
	color: #018298;
}
.responsibility_title h2{
	padding-top: 110px;
}
.responsibility{
	width: 1200px;
	height: 388px;
	background: url("../images/responsibility_background.png") top center no-repeat;
	margin: auto;
	padding-bottom: 118px;
}
.responsibility p{
	font-size: 26px;
	color: #fff;
	text-align: center;
	padding-top: 135px;
	margin-bottom: 40px;
}
.responsibility .animate_one_left_text {
	margin: auto;
	width: auto;;
	margin-left: 522px;
}
.responsibility .hmMore:before {
	width: 150px;
	height: 40px;
}
.responsibility .hmMore {
	padding-left: 30px;
	height: 40px;
	line-height: 40px;
	width: 150px;
}
.responsibility .hmMore:after {
	width: 45px;
	right: -24px;
	top: 55%;
}
.responsibility .animate_one_left_text:hover .hmMore {
	padding-left: 15px;
		
}
.responsibility .animate_one_left_text:hover .hmMore:after {
    right: 12px;
}
.contact_us_title h2{
	padding-top: 80px;
}
.contact_us{
	width: 1200px;
	margin: auto;
	height: 652px;
	margin-bottom: 120px;
}
.contact_us_map{
	height: 652px;
	width: 782px;
}
.contact_us_telephone{
	width: 418px;
	height: 652px;
	background: url("../images/contact_us_telephone.png") top center no-repeat;
	
}
.contact_us_telephone h1{
	font-size: 26px;
	color: #fff;
	margin-top: 32px;
	margin-left: 42px;
}
.contact_us_telephone h5{
	font-size: 18px;
	color: #fff;
	margin-top: 40px;
	margin-left: 42px;
	margin-bottom: 14px;
}
.contact_us_telephone p{
	font-size: 14px;
	color: #fff;
	margin-left: 42px;
	line-height: 26px;
	width: 277px;
}
.telephone{
	margin-left: 45px;
	margin-top: 50px;
	height: 112px;
}
.telephone img{
	width: 85px;
	height: 63px;
}
.telephone .number{
	width: 215px;
}
.telephone .number p{
	font-size: 16px;	
	line-height: 30px;
	margin-left: 0px;
}
.telephone .number p:nth-child(1){
	font-size: 18px;	
}
.telephone .number p span{
	opacity: 0;
}

.contact_us .qr_code{
	margin-left: 45px;
	padding-top: 62px;
}
.contact_us .qr_code img{
	width: 135px;
	height: 135px;
	margin-right: 31px;
}
.contact_us .qr_code .number{
	width: 120px;
	margin-bottom: 8px;
}
.contact_us .qr_code .number div{
	width: 25px;
	height: 2px;
	background: #fff;
	margin-top: 5px;
	margin-bottom: 8px;
}
.contact_us .qr_code .number p{
	font-size: 14px;	
	line-height: 26px;
	margin-left: 0px;
}
/* 企业风采 */
.elegant_demeanor{
	height: 727px;
	width: 100%;
	background: #fafafa;
}
.elegant_demeanor_h2 h2{
	padding-top: 67px;
}
.elegant_demeanor_broadcast{
	width: 1200px;
	height: 452px;
	margin: auto;	
}
.elegant_demeanor_broadcast .swiper-slide-duplicate-next{
	height: 452px !important;
}
.each_piece{
	width: 388px;
	height: 452px;
	margin-left: 18px;
}
.elegant_demeanor_broadcast .swiper-slide a:nth-child(1) .each_piece{
	margin-left: 0px;
}
.each_piece .img{
	width: 388px;
	height: 291px;
	overflow: hidden;
}
.each_piece .img img{
	width: 388px;
	height: 291px;
	transition:all 0.4s ease-in-out;
}
.each_piece:hover .img img{
	width: 388px;
	height: 291px;
	transform: scale(1.1);
}
.each_piece .elegant_demeanor_p{
	width: 388px;
	height: 65px;
	background: #f2f2f2;
	font-size: 16px;
	color: #666666;
	line-height: 65px;
	text-align: center;
	transition:all 0.2s ease-in-out;
}
.each_piece:hover .elegant_demeanor_p{
	color: #fff;
	background: -moz-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
	background: -webkit-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
	background: -ms-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
}
  
.elegant_demeanor_broadcast .swiper-pagination-bullet-active {
    width: 54px;
    height: 11px;
    opacity: 1;
	background-image: -moz-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
	border-radius: 15px;
}
.swiper-pagination-bullet {
    width: 20px;
	height: 11px;
	border-radius: 15px;
    background-image: -moz-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,177,210) 0%, rgb(1,198,215) 47%, rgb(1,219,220) 100%);
    opacity: 1;
}
.single_html .culture{
	height: 541px;
	width: 1200px;
	margin: auto;
}
.culture_block{
	width: 390px;
	height: 404px;
	margin-left: 14px;
	position: relative;
	overflow: hidden;
}
.culture_block img{
	width: 390px;
	height: 404px;
}
.single_html .culture a:nth-child(1) .culture_block{
	margin-left: 0px;
}
.culture_img_background{
	width: 390px;
	height: 404px;
	background: #0683a5;
	position: absolute;
	top: 404px;
	left: 0;
	opacity: 0.82;
	z-index: 1;
	transition:all 0.3s ease-in-out;
}
.culture_block:hover .culture_img_background{
	top: 0px;
}
.culture .position{
	width: 390px;
	height: 404px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;	
	background: none;
}
.culture .position h3{
	font-size: 24px;
	color: #1e1e1e;
	line-height: 24px;
	margin-top: 37px;
	margin-bottom: 30px;
	margin-left: 45px;
	transition:all 0.4s ease-in-out;
}
.culture .culture_block:hover .position h3{
	color: #fff;
}
.culture .position .position_line{
	width: 49px;
	height: 1px;
	background: #1ba8c0;
	margin-bottom: 34px;
	margin-left: 45px;
	transition:all 0.4s ease-in-out;
}
.culture .culture_block:hover .position .position_line{
	background: #fff;
}
.culture .culture_block .position p{
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	margin-left: 45px;
	width: 295px;
	text-align: justify;
	opacity: 0;
	transition:all 0.4s ease-in-out;
}
.culture .culture_block:hover .position p{
	opacity: 1;
}

/* 荣誉资质 */
.honor{
	width: 100%;
	height: 640px;
	background: url("../images/honor_background.png") top center no-repeat;
	
}
.course{
	width: 100%;
	height: 640px;
	background: url("../images/course_background.png") top center no-repeat;
}
.honor_title h2{
	padding-top: 78px;
	border-bottom: solid 1px #fff;
}
.course_title h2{
	padding-top: 78px;
}
.honor .center .relative{
	position: relative;
	margin-top: 85px;
}
.honor .swiper-button-next, .honor .swiper-container-rtl .swiper-button-prev {
	background: url("../images/single_right1.png") top center no-repeat;
	width: 37px;
	height: 69px;
	background-size: 100% 100%;
	right: -88px;
    left: auto;
    top: 45%;
}
.honor .swiper-button-prev, .honor .swiper-container-rtl .swiper-button-next {
	background: url("../images/single_left1.png") top center no-repeat;
	width: 37px;
	height: 69px;
	background-size: 100% 100%;
	left: -88px;
    top: 45%;
}
/* 发展历程 */
.course_background1{
	background: url("../images/course_background1.png") top center no-repeat;
	width: 752px;
	height: 45px;
	margin: auto;
}
.swiper-container-course .course_background{
	background: url("../images/course_background2.png") top center no-repeat;
	width: 752px;
	height: 273px;
	margin: auto;
	padding-top:80px;
}
.course .single_title_line {
    margin-bottom: 90px;
}
.swiper-container-course .course_background p{
	width: 605px;
	margin: auto;
	color: #fff;
	line-height: 30px;
	font-size: 18px;
	text-align: center;
	padding-top: 0;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.course .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	border:solid 2px #acacac;
	background: #fff;
	margin: 0 39px !important;
}
.course .swiper-pagination-bullet-active {
	background: #0691a9;
	border:solid 2px #0691a9;
}
.course_line{
	width: 100%;
	height: 1px;
	background:#cfcfcf;
	margin-top: -20px;
}
.course .swiper-button-prev, .course .swiper-container-rtl .swiper-button-next {
	background: url("../images/single_left2.png") top center no-repeat;
	width: 44px;
	height: 44px;
	top: 40%;
	/* left: 110px; */
}
.course .swiper-button-next, .course .swiper-container-rtl .swiper-button-prev {
	background: url("../images/single_right2.png") top center no-repeat;
	width: 44px;
	height: 44px;
	top: 40%;
	/* right: 110px; */
}
.swiper-container-course{
	width: 1000px;
	margin: auto;
}

/* 二级下拉 */
.nav .font_s16{
	/* position: relative; */
}
.nav_block{
	display: none;
}
.nav:hover .font_s16 .nav_block{
	display: block;
}
.second_nav{
	background: #fff;
	opacity: 0;
	margin-top: 50px;
	transition:all 0.8s ease-in-out;
	position: absolute;
	margin-left: -7px;
	top:70px;
	left: 0;
	padding-top: 23px;
	width: 101%;
	height: 283px;
}
.nav .font_s16:hover .second_nav{
	opacity: 0.9;
	margin-top: 0px;
}
.nav_title{
	font-size: 18px;
	color: #028298;
	width: 116px;
	text-align: right;
	font-weight: 600;
	padding-right: 14px;
	margin-top: 11px;
}
.nav_ul{
	width: 578px;
}
.nav_ul .float_l{
	width: 238px;
	height: 49px;
	line-height: 49px;
	font-size: 14px;
	color: #333333;
	border-bottom: solid 1px #dddddd;
	text-align: left;
	margin-right: 50px;
	text-indent: 5px;
}
.nav_ul .float_l:hover{
	color: #008c8b;
}
.nav_img{
	width: 441px;
}
.nav_img img{
	width: 441px;
	height: 137px;
	margin-top: 18px;

}
.nav_title2{
	font-size: 18px;
	color: #008c8b;
	font-weight: 600;
	margin-top: 11px;
}
.nav_img p{
	    font-size: 14px !important;
    color: #333333;
    margin-top: 35px;    text-align: LEFT;
   
}
.nav .font_s16:hover .second_nav{
	opacity: 0.9;
	margin-top: 0px;
	z-index: 999;
}
.nav .search:hover .search_active{
	display: block;
}
.search_active{	
	background: #23727e;
	width: 370px;
	height: 30px;
	position: absolute;
	top: 70px;
	left: 0;
	padding: 20px 15px;
	display: none;
	z-index: 100;
}
.search_active .search_input{
	background: #fff;
	height: 32px;
	padding-left: 5px;
}
.search_active input{
	width: 330px;
	height: 26px;
	float: left;
	border:0;

}
.search_active img{
	float: left;
	/* background: #fff; */
	margin:0 !important;
	margin-top: -25px !important;
    margin-left: 8px !important;
}

/* .swiper-container-honor .swiper-wrapper{
	transform: translate3d(0px, 0px, 0px);
} */


.swiper-container-course .course_background{
	background: url("../images/course_background2.png") top center no-repeat;
	width: 752px;
	height: 100%;
	margin: auto;
	transform:rotate(-90deg);
}
#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	transform:rotate(90deg);
}
#certify .swiper-container-course {
	width: 510px;
	margin-top: -202px;
}
#certify .swiper-slide {
	height: 750px;
	width: 217px;
	background: #fff;
}
#certify  .swiper-slide img{
	display:block;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: -60px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
.box_one{
	width: 750px;
    height: 217px;
	margin: auto;
}
.box_two{
	height: 282px;
	overflow: hidden;
}
.course .swiper-button-next, .course .swiper-container-rtl .swiper-button-prev{
	top:55%;
}
.course .swiper-button-prev, .course .swiper-container-rtl .swiper-button-next{
	top:55%;
}
.course_line {
    width: 100%;
    height: 1px;
    background: #cfcfcf;
    margin-top: 48px;
}





.NybMobFiveBox {width: 100%;overflow: hidden;margin-top:55px; min-width:1000px;}
.NybMobFiveBox .sections,.NybMobFiveBox .section {height:100%;}
.NybMobFiveBox,.NybMobFiveBox .sections {position: relative;}
.NybMobFiveBox .pages{position:absolute;z-index:999;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:5px;width: 100%; text-align:center;}
.NybMobFiveBox .pages li{opacity:1;background:#f0f0f0;width: 8px;height: 8px;display: inline-block;margin: 4px;border-radius: 50%;}
.NybMobFiveBox .pages li.active{background: #e95e2f !important; width:20px; height:8px; border-radius:2px;}
.NybMobFiveBox .section {position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.NybMobFiveBox .section .NybMobFiveBoxcon{position:relative;float: left;width: 50%;}
.NybMobFiveBox .section .NybMobFiveBoxTxt{z-index:2;position: absolute;right: 20px;bottom: 20px;top: 20px;left: 20px;background: rgba(255,255,255,0.75);padding: 20px;}
.NybMobFiveBox .section .NybMobFiveBoxTxt h4{font-size:24px;color:#000;padding-bottom: 5px;}
.NybMobFiveBox .section .NybMobFiveBoxTxt p{font-size: 12px;color:#000;padding:3px 0px;line-height: 24px;}
.NybMobFiveBox .section .NybMobFiveBoxTxt .FiveBoxBtn{background: #50B480;margin-top: 10px;display: inline-block;color:#fff;padding: 0px 10px;}
.NybMobFiveBox .section .NybMobFiveBoxTxt .FiveBoxBtn a{color:#fff;}
.NybMobFiveBox .section .NybMobFiveBoxTxt .FiveBoxBtn em{width: 22px; height: 9px; vertical-align: middle; display: inline;}
.NybMobFiveBox .section .NybMobFiveBoxpic{width:100%;overflow: hidden;display: block;}
.NybMobFiveBox .section .NybMobFiveBoxpic img{width:100%; transition:all 03s; -webkit-transition:all 03s; -moz-transition:all 03s;}
.NybMobFiveBox .swiper-button-prev,.NybMobFiveBox .swiper-container-rtl .swiper-button-next,.NybMobFiveBox .swiper-button-next,.NybMobFiveBox .swiper-container-ltr .swiper-button-next{display: none;}
.NybMobFiveBox .swiper-button-prev,.NybMobFiveBox .swiper-container-rtl .swiper-button-next{background-image:url(../images/arrow04.png);}
.NybMobFiveBox .swiper-button-next,.NybMobFiveBox .swiper-container-ltr .swiper-button-next{background-image:url(../images/arrow05.png);}
.NybMobFiveBox:hover .swiper-button-prev,.NybMobFiveBox:hover .swiper-container-rtl .swiper-button-next,.NybMobFiveBox:hover .swiper-button-next,.NybMobFiveBox:hover .swiper-container-ltr .swiper-button-next{display:block;background-color: rgba(255,255,255,0.7);padding: 10px 5px;width: 37px;height: 64px;border-radius: 3px;}
.NybMobFiveBox .section .NybMobFiveBoxcon:hover .NybMobFiveBoxpic img{transition:all 03s; -webkit-transition:all 03s; -moz-transition:all 03s;transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);}
@media(min-width:1280px){
.NybMobFiveBox{margin-top:55px;}
.NybMobFiveBox .section .NybMobFiveBoxTxt{width: 263px;left:auto; top:auto;padding:30px; right: 30px;bottom: 30px;}

.NybMobTit{clear: both;padding-top: 20px;}
.NybMobTit h3{clear:both;text-align: center;font-size: 20px;color:#322b39;font-weight: bold;line-height: 1;padding-bottom: 15px;}
.NybMobTit p{clear: both; text-align: center; font-size: 16px; color: #2a2a2a; line-height: 24px; padding:0px 100px; display:none;}
@media (min-width:768px) {
    .NybMobTit{padding-top:40px;}
    .NybMobTit h3{font-size:30px;padding-bottom:15px;}
    .NybMobTit p{padding:0px 30px; display:block;}
}
@media (min-width:992px) {
    .NybMobTit{padding-top:50px;}
    .NybMobTit h3{font-size: 34px;padding-bottom:20px;}
    .NybMobTit p{padding:0px 50px;}
}
@media (min-width:1200px) {
    .NybMobTit{padding-top:0px;}
    .NybMobTit h3{font-size: 40px;padding-bottom:25px;}
    .NybMobTit p{padding:0px 100px;}
}



.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clear{ clear:both; display:block}
.main{ width:1200px; height:auto; margin:0px auto;}
.lf{ float:left; display:block} 
/* 内页左边 */
.ny_left{ width:240px; float:left; height:auto; margin:10px 0px; }
.ny_left_title{ width:100%; height:43px;line-height:43px;   border: 2px solid #b70000;}
.ny_left_title p{ font-size:18px;font-weight:bold;color:#333;text-align:left; height:43px; padding-left:10px; float: left; }
.ny_left_title span{ padding-left: 10px; font-size: 15px; color: #333;}
.nyl{ width:240px; color:#333; margin-top:20px;}
.nylc{ width: 242px;border:1px solid #D6D6D6;}
.nylc p{ line-height:28px; width:90%; margin:0 auto; padding:15px 0px; color: #555; height:auto;font-size: 14px;}

.ny_list{ width:242px; height:auto;  margin:0 auto;}
.ny_list li{ width:100%; margin:0 auto; height:35px; line-height:35px; text-align:left; border:1px solid #D6D6D6; margin: 5px 0px;}
.ny_list li a{ display:block; color:#222; padding-left:15px; font-size: 14px;}
.ny_list li a:hover{ color:#4d7abd;}
.ny_list li .submenuon{ color: #660B10; font-weight:bold;}
/*热门新闻列表*/
.nynlist{ width:242px; height:auto; margin:0 auto; padding:10px 0px; border:1px solid #DFDFDF; background: #fff; }
.nynlist li{ width:95%; margin:0 auto; height:35px; line-height:35px; text-align:left;background:url(../images/dd.png) no-repeat left center;}
.nynlist li a{ display:block; color:#333; padding-left: 10px; }
.nynlist li a:hover{ color:#FF6600;}

.nybanbot{ width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.nybanbotleft{ width: 500px; height: auto; float: left;}
.nybanbotleft p{ font-size: 15px; font-weight: bold; color: #333; display: inline-block;}
.nybanbotleft a{ color: #989898; font-size: 13px; padding: 0px 10px;}
.nybanbotright{ width: 260px; height: 30px; line-height: 30px; margin-top: 10px; float: right; border:1px solid #f63604;}
.keytext{ width: 200px; padding: 0px 0px 0px 10px; height: 29px; line-height: 29px; border: 0px; margin: 0px;}
.keysubmit{ width:45px; height: 31px; float: right; background:url(../images/news_05.jpg) repeat center center; border: 0px; padding: 0px; margin: 0px;}
/* 内页右边 */
.ny_right{ width:920px; float:right; height:auto;margin:10px 0px; padding-bottom:20px;  background-color:#fff;}
.ny_right_title{ width:100%; height:46px; line-height:46px; color:#000; background-image:url(../images/main_06.jpg); background-repeat:no-repeat; background-position:left center; border-bottom:1px solid #6e2200;}
.ny_right_title p{float:left;font-size:18px;font-weight:bold;width:auto; color:#000;}
.ny_right_title span{ float:right;}
.ny_right_title a{ color:#454545; padding:0px 5px;}
.ny_right_title a:hover{ color:#F00; }
.ny_right_content{width:890px; height:auto; line-height:24px; padding:10px 15px; color:#666;}


/*内页新闻*/
.nynewslist{ width:100%; height: auto;}
.nynewslist li{ width:100%; height:auto; margin:0 auto; border-bottom: 1px solid #d7d7d7; padding: 20px 0px 10px 0px;}

.nynewslist li p{ width:100%;  display:block; color:#8f8f8f; font-size:14px;}
.nynewslist li p a{ font-size:16px; color:#333; height:35px; line-height:35px; font-weight:bold;}
.nynewslist li p a:hover{ text-decoration:none; color: #FF6600;}
.nynewslist li span{ font-size:13px; color:#333; line-height:23px;}

/*
.nynews_list{ width:100%;}
.nynews_list li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; background-image:url(../images/dd.jpg); background-repeat:no-repeat; background-position:left center;}
.nynews_list li a{ float:left; color:#333;}
.nynews_list li a:hover{ color:#06C; }
.nynews_list li span{ float:right;}
*/

/*内页产品*/
.procontent{ width: 898px; border: 1px solid #B8B8B8; background: #FBFCFF; height: auto; margin-top: 20px; line-height: 24px; padding: 15px 10px;}
.nypro-list{ width:918px; height:auto; margin-top: 10px;border-left: 1px solid #B8B8B8;border-top: 1px solid #B8B8B8; }
.nypro-list li{ width:285px; height:auto;float:left; padding: 10px; list-style:none;background: #FBFCFF;border-right: 1px solid #B8B8B8;border-bottom: 1px solid #B8B8B8; height:285px}
.nypro-list li .a1{width:280px; height:238px; border:1px solid #dedede; text-align:center; vertical-align:middle; display:table-cell}
.nypro-list li .a1 img{max-width:280px; max-height:238px;  }
.nypro-list li p{ width:100%; line-height:35px; height:35px; font-size:15px; font-weight: bold;}
.nypro-list li p a{color:#222;}
.nypro-list li p a:hover{    color: #346307;text-decoration:none;}
.nypro-list li span{ line-height: 23px; height: 50px; display: block; overflow: hidden;}

/*分页*/
.page{ width:100%;height:35px;padding-top:15px; text-align:center;}
.page a{display:inline-block; color:#333; border:1px solid #dedede; padding: 5px 8px; margin:0px 3px; border-radius:2px;}
.page a:hover{background-color:#6e2200;color:#fff; text-decoration:none;}
.page .current{display:inline-block; padding: 5px 8px; color:#6e2200; font-weight:bold;}

/*详情页*/
.article_title{ text-align:center; width:100%; font-size:16px; line-height:40px;}
.newsin-c{width:100%; height:auto; margin:0px auto; padding-top:20px;}
.newsnext{ width: 100%; padding: 30px 0px;}
.newsnext li{ width: 100%; height: 30px; line-height: 30px;}
.newsnext li a{ color: #333; line-height: 30px;}
.newsnext li a:hover{ color: #FF6600; cursor: pointer; text-decoration: none;}
.artdet{ width: 100%; height: 40px; line-height: 40px; text-align: center;}
/*在线留言*/
.zxlyinp{ width:300px; height:28px; line-height:28px; margin:5px 0px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlyyzm{width:100px; height:30px; line-height:30px; margin:5px 0px; font-size:14px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlysub{ width:120px; height:30px; line-height:30px; color:#fff; text-align:center; border-radius:4px; background-color:#188FE1; border:0px; font-size:15px;}
.zxlysub:hover{ cursor:pointer;}

/*更多新闻，产品*/
.ny_xg_title{ width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #e0e0e3;}
.ny_xg_title p{color:#333; background: url(../images/productshow_06.jpg) no-repeat left bottom; font-size: 15px; }
.morearticle{ width:100%; padding:15px 0px;}
.morearticle li{ width:48%; height:35px; line-height:35px; float:left; margin: 0px 1%; border-bottom: 1px dashed #dedede;}
.morearticle li a{ color:#333; background:url(../images/productshow_14.jpg) no-repeat left center; padding-left: 10px;}
.morearticle li a:hover{ color:#000}
.moreproducts{ width:100%; padding:15px 0px;}
.moreproducts li{ width:280px; height:auto;float:left; background: #DEDEDE; margin: 10px 13px; text-align: center;}
.moreproducts li img{ width:100%; height: 220px;}
.moreproducts li a{ color:#333; line-height:30px;}
.moreproducts li a:hover{ color:#000}



.nyproleft{ display:table-cell; width: 410px; height: 340px;  vertical-align:middle; text-align:center; border:1px solid #ddd}
#tbody {width:405px;margin:0px auto;}
#mainbody {width:405px;border:1px solid #dedede; margin-bottom: 10px;}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;}
#goright {float:right;clear:right;}
#photos {width:370px;height:62px;overflow:hidden; float: left; margin: 0px 5px;}
#showArea img {display:block;float:left;margin:0px 6px;cursor:pointer;border:1px solid #dedede}
#showArea img:hover{ border: 1px solid #cc0000;}


.nyproright{ width: 420px; height: auto; float: right;}
.pro_title{ text-align:left; width:100%; font-size:22px; line-height:40px; }
.nyproright p{ margin: 10px 0px; line-height: 28px; height: 40px; overflow: hidden; color: #616161; font-size:15px; padding-top: 20px;}
.nyproright span{ font-size: 18px; color: #464646; height: 45px;}
.nyproright span b{ color: #e60012; font-size: 26px;}
.nyproright a{ display:block; background: #f63604 url(../images/productshow_03.jpg) no-repeat 130px center; height: 40px;line-height: 40px; font-size: 16px; color: #fff; text-align: center;  width: 160px; margin-top: 20px;float: left;}
.nyproright a:hover{ text-align: center;}
.pofont1{ float: left; color: #616161; font-size: 16px; padding-top: 25px;}
.probody{ border-top:1px dashed #dedede; padding: 15px 0px; font-size: 13px; line-height: 23px; margin-top: 40px;}
.probody img{ max-width:890px}
.probodytitle{ width: 139px; height: 42px; line-height: 30px; text-align: center; color: #fff; background: url(../images/productshow_03.png) no-repeat center center; font-size: 14px; margin-bottom: 10px;}



.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px; margin-bottom:10px; clear:both}
.page_list li {display:inline-block;color:#898989;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list li a{}
.page_list li a:hover{color:#fff;background:#898989;}
.page_list li a.on{color:#333;background:#E5EDF2;}


.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

.yema { margin:30px auto; }
.yema a { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema span { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema a:hover { color: #b12923; background: #FFF; }
.yema a.yenn { color: #b12923; background: #FFF; }
/*link*/
.sylink{width:1200px; height:150px; margin:auto;}
.sylink .sylink_top{width:1200px; height:60px; border-bottom:1px #ececec solid;}
.sylink .sylink_top p{width:80px; height:60px; float:left; line-height:60px; color:#0970b9; border-bottom:1px #0970b9 solid; font-size:17px; text-align:center;}
.sylink .sylink_top .p_more{width:150px; height:32px; float:right; line-height:32px; background:#0970b9; color:#fff; font-size:15px; text-align:center; border-radius:16px; margin-top:20px;}
.sylink .sylink_top .p_more a{color:#fff; text-decoration:none;}
.sylink .sylink_top .p_more:hover{width:150px; height:32px; float:right; line-height:32px; background:#0079d6; color:#fff; font-size:15px; text-align:center; border-radius:16px;}
.sylink .sylink_top .p_more:hover a{color:#fff; text-decoration:none;}
.sylink .sylink_con{width:1200px; height:90px; margin-top:20px; line-height:25px; font-size:14px; color:#717171;}
.sylink .sylink_con a{color:#717171; text-decoration:none;}
.sylink .sylink_con a:hover{color:#0970b9;}


