.header {
	width: 100%;
}

.top_t {
	height: 44px;
	line-height: 44px;
	color: #666;
	font-size: 13px;
	width: 1173px;
	background: url(../img/head-01.png) no-repeat left center;
	margin: 0 auto;
	padding-left: 27px;
	
}

.top_t p {
	float: right;
}

.top_t p a {
	padding: 0 18px 0 24px;
	color: #666;
	display: block;
	float: left;
}

.top_t p a:hover {
	color: #28b2b5;
}

.top_t .a_last {
	padding-right: 0;
}

.tico1 {
	background: url(../img/dt1.png) no-repeat left;
}


.top_t p a:hover.tico1 {
	background: url(../img/dt.png) no-repeat left;
}


.top_he {
	border-bottom: 1px solid #ebebeb;
}

.yxselect {
	width: 110px;
	background: url(../img/yy.png) no-repeat 8px center #fff;
	padding-left: 23px !important;
	height: 26px;
	border-radius: 50px;
	float: left;
	margin-top: 9px;
	margin-right: 14px;
	border: 0 !important;
	-webkit-appearance: menulist-button;
	font-size: 14px;
}

.yxselect:focus {
	outline: none;
}

.fixed-on #tmf3 {
	position: fixed;
	width: 100%;
	z-index: 999;
	background: #fff;
	top: 0;
}

h1 {
	margin: 0;
	padding: 0;
}

.db_head {
	width: 1200px;
	margin: 14px auto 26px auto;
}

.logo {
	float: left;
}

.lg_r {
	float: left;
	color: #000;
	font-size: 30px;
	font-family: "Noto Sans SC";
	padding-left: 15px;
	    margin-top: 16px;
	line-height: 38px;
}

.lg_r h1 {
	font-size: 30px;
	color: #333;
	
	font-weight: bold;
}

.lg_r h1 span {
	color: #0089e1;
	font-weight: bold;
}

.lg_r p {
	margin-top: 10px;
	font-size: 25px;
	color: #28b2b5;
	line-height: 26px;
	font-family: "Noto Sans SC";
}

.db_tel {
	float: right;
	font-size: 16px;
	color: #666;
	background: url(../img/zuoji.png) no-repeat 0px 16px;
	padding-left: 76px;
	margin-top: 12px;
}

.db_tel p a {
	font-size: 38px;
	color: #28b2b5;
	margin: 0;
	line-height: 36px;
	text-decoration: none;
}

.clear {
	clear: both;
}


/*nav*/

.box880_-6112 * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.box880_-6112 a {
	text-decoration: none;
	color: inherit;
}

.box880_-6112 img {
	max-width: 100%;
	vertical-align: top;
	border: none;
}

.box880_-6112 ul,
li {
	list-style: none;
}

.box880_-6112 {
	font: 14px/1.43 "Noto Sans SC", Arial, sans-serif;
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 70px;
	color: #333;
}

.box880_-6112 .nav:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	color: '';
}

.box880_-6112 .nav>li {
	position: relative;
	float: left;
	margin-right: 62px;
}

.box880_-6112 .nav>li:last-child {
	margin-right: 0px;
}

.box880_-6112 .nav>li>a {
	position: relative;
	display: block;
	text-align: center;
	height: 70px;
	line-height: 70px;
	padding: 0 15px;
}

.box880_-6112 .nav>li>a:hover,
.box880_-6112 .nav>li>a:hover .subtitle,
.box880_-6112 .nav .active,
.box880_-6112 .nav .active .subtitle {
	color: #50b2b5;
}

.box880_-6112 .nav>li>a:after {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	background: #50b2b5;
}

.box880_-6112 .nav>li>a:hover:after,
.box880_-6112 .nav .active:after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.box880_-6112 .nav a span {
	display: block;
	font-size: 16px;
}

.box880_-6112 .nav {
	width: 1200px;
	margin: 0 auto;
}

.box880_-6112 .nav .title {}

.box880_-6112 .nav .subtitle {
	font-size: 9px;
	padding-top: 5px;
	text-transform: uppercase;
	color: #666;
}

.box880_-6112 .subnav {
	position: absolute;
	top: 70px;
	left: 50%;
	visibility: hidden;
	width: 170px;
	margin-left: -85px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 3px 16px rgba(0, 0, 0, .1);
}

.box880_-6112 .nav>li:hover .subnav {
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.box880_-6112 .subnav li a {
	font-size: 14px;
	line-height: 50px;
	position: relative;
	display: block;
	overflow: hidden;
	height: 50px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	color: #666;
}

.box880_-6112 .subnav li a:hover {
	padding-left: 0px;
	color: #fff;
	background: #008dd9;
}

.box880_-6112 .subnav li a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	visibility: hidden;
	width: 5px;
	height: 10px;
	margin-top: -5px;
	content: '';
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	
}

.box880_-6112 .subnav li a:hover:after {
	right: 15px;
	visibility: visible;
}

.box880_-6112 .nav>li.selected a:after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.box880_-6112 .nav>li.selected a .title {
	color: #50b2b5;
}

.fixed-on #tmf3 .box880_-6112 .subnav {
	position: fixed;
	left: auto;
	margin-left: -40px;
}
/*banner*/
#banner {
    width: 100%;
    float: left;
    height: 679;
    text-align: center;
    overflow: hidden;
    top: 0px;
    position: relative;

}

#banner .swiper-slide {
    width: 100%;
    float: left;
    height: 679px;
}

#banner .swiper-pagination-bullet-active {
    background: #50b2b5 !important;
    width: 80px  !important;;
     
}

#banner .arrow-left {
    background: url(../img/banner_arrow.png) no-repeat left top;
    position: absolute;
    left: 20px;
    top: 55%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 222;
}

#banner .arrow-right {
    background: url(../img/banner_arrow.png) no-repeat left bottom;
    position: absolute;
    right: 20px;
    top: 55%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 222;
}

#banner .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 30px;
    width: 100%;
    z-index: 222;
}

#banner .swiper-pagination-bullet {
    display: inline-block;
    width: 80px;
    height: 10px;
    border-radius: 10px;
    background: #000;
    margin: 0 3px;
    cursor: pointer;
    transform: scale(0.4, 0.4);
    transition: all 0.3s ease-in-out;

}

#banner .swiper-pagination-bullet-active {
    transform: scale(1, 1);
}

/*section1*/
.section1{
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	height: 80px;
}
.section1 p{
	line-height: 70px;
	width: 800px;
    font-size: 14px;
    color: #333333;
}

.section1 p a{ display: inline-block; color: #999; padding: 0 6px;}
.section1 p a:hover{ color: #003c84;}
.section1  form{
	width: 361px;
	margin-top: 20px;
	padding: 0 0 0 60px;
}
.section1  form .ser_inp{
	width: 200px;
	height: 40px;
	float: left;
	border: none;
}
.section1  form  .ser_so{
	width: 77px;
	border: none;
	height: 42px;
	background: url(../img/s_so.png) no-repeat center;
}

.title_box{ padding-top: 60px; text-align: center;}
.title_box h2{ font-size: 42px; color: #000; font-weight: bold;}
.title_box p{ width: 120px; height: 2px; background: #28B2B5; margin: 20px auto;}
/*section2*/
.section2{ width: 100%; background: url(../img/sction2.jpg) no-repeat center; overflow: hidden;}
.yus{ height: 695px; position: relative; top: 60px;}
.yus h2{ height: 133px;}
.y_u{ position: absolute; z-index: 5; top: 264px; left: -70px;}
.y_d{ position: absolute; z-index: 5; top: 264px; right: -70px;}
.y_on1{ overflow: hidden;height: 510px;}
.y_on1 ul li{ position: relative;}
.y_f{float: left;
    width: 498px;
    background: #27b1b4;
    height: 509px;
    padding: 42px;}
.y_f h3{padding-top: 39px;font-weight: normal; font-size: 48px; color: #fff; line-height: 100%;}
.y_f h3 span{ display: block; line-height: 100%; font-family: Arial; font-size: 16px; color: #f5f6f7; text-transform: uppercase; padding: 14px 0 44px 0;}
.y_f p{ font-size: 16px; color: #fff; line-height: 28px; padding-right: 12px; height: 133px;}
.y_on2{ overflow: hidden;}
.y_on2 ul li{ float: left; width: 200px; text-align: center; background: #f2f2f3; padding-top: 29px; height: 104px; border-bottom: 3px solid #f2f2f3; font-size: 18px; color: #333; cursor: pointer;}
.y_on2 ul li span{ display: block; font-size: 27px; color: #999999; font-weight: bold; line-height: 100%; font-family: Arial;}
.y_on2 ul li.cur,.y_on2 ul li.cur span{ color: #27b1b4;font-weight: bold;}
.y_on2 ul li.cur{border-bottom: 3px solid #27b1b4;}

/*section3*/
.section3{
	margin-top: 120px;
	width: 100%;
	padding-bottom: 112px;
	overflow: hidden;
	background: #f5f5f5;
}


.section3_fl{
	border-left: 7px solid #cdcdcd;
	background: #fff;
	margin-top: 44px;
		height:378px;
	padding-bottom: 23px;
    padding-top: 23px;
    width: 577px;
	
}
.section3_fl .p_title{
	padding-top: 20px;
	padding-left: 20px;
}
.section3_fl .p_title h3{
	color: #008A81;
	font-size: 58px;
	color: #008A81;
	font-weight: bold;
}
.section3_fl .p_title p{
	font-size: 20px;
    color: #2b303a;
}
.section3_fl .p_title p span{
	margin-left: 120px;
}
.section3_fl .p_title hr{
	width: 120px;
    height: 1px;
    margin-top: 10px;
    background: #008A81;
    clear: both;
    margin-left: 1px;
}
.section3_nav{
	    margin-top: 20px;
    padding-left: 20px;
    margin-bottom: 30px;
    overflow: hidden;
}
.section3_nav li{
	float: left;
	height: 45px;
	width: 29%;
	margin-right: 21px;
}
.section3_nav li a{
	font-size: 16px;
	line-height: 45px;
}
.section3_nav li a:hover{
color: #008A81;
}
.section3_nav li.hover a{
	color: #46a39d;
}
.sectio3_more{
	clear: both;
	display: block;
	width: 140px;
	height: 40px;
	margin-top: -10px;
	text-align: center;
	margin-left: 20px;
	line-height: 40px;
	color: #fff;
	background: #46a39d;
}
.sectio3_more:hover{
	background: #;
}

.section3_fr {
	width: 576px;
	background: #fff;
	height:378px;
	margin-top: 44px;
	padding-bottom: 23px;
    padding-top: 23px;
	
}
/*[class*="col-lg"]{
         margin-left: 10px;

}*/


#section3_fr {
	width: 100%;
	height:266px;
	overflow: hidden;
	margin-top:43px;
	position:relative;
}
#section3_fr .swiper-slide {
	position:relative;
	text-align:center;
}
#section3_fr img {
	max-width: 100%;
}
.gallerytitle {
text-align: center;
font-size: 1em;
height: 30px;
line-height: 30px;
color: #46a39d;
position: absolute;
left: 2px;
margin-left: 14px;
bottom: 0;
border-left: 5px solid #008A81;
/*right: 0;*/
padding-left: 12px;
font-weight: normal;

/* background-color: rgba(21,20,20,0.5); */
/*background-color: rgba(0,0,0,0);
background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));*/
}
#section3_fr .pagination {
  position: absolute;
  z-index: 20;
  bottom: -7px;
  width: 66px;
  text-align: center;
  right:0;
  left: 70%;
}
#section3_fr .swiper-pagination-bullet {
  display: inline-block;
  width: 18px;
  height: 5px;
  border-radius:5px;
  background: #dddddd;
  margin: 0 2px;
  opacity: 0.8;
  cursor: pointer;
}
#section3_fr .swiper-pagination-bullet-active {
  background: #46a39d;
}


/*proswiper*/
.proswiper{
	clear: both;
	overflow: hidden;
	margin-top: 60px;
}
#proswiper{
	margin-top: 30px;
}
#proswiper  .swiper-slide{
	
}
#proswiper .secpro_img{
	width: 388px !important;
	display: block;
	height: 265px;
	overflow: hidden;
	transition: all 0.5s;
	
}
#proswiper .secpro_img img{
	max-width: 100%;
	max-height: 100%;	
	transition: all 0.5s;
	overflow: hidden;
}
#proswiper .secpro_img:hover img{
	transform: scale(1.1);
}
#proswiper .secpro_txt{
	height: 50px;
		
	line-height: 50px;
	background: #018884;
}
#proswiper .secpro_txt a{
color: #fff;
font-size: 15px;
display: block;
text-align: center;
}
#proswiper .pagination {
		
     position: absolute;
    z-index: 20;
    bottom: 33px;
    width: 166px;
    text-align: center;
    right: 0;
    left: 30%;
}
#proswiper .swiper-pagination-bullet {
  display: inline-block;
  width: 18px;
  height: 5px;
  border-radius:5px;
  background: #dddddd;
  margin: 0 2px;
  opacity: 0.8;
  cursor: pointer;
}
#proswiper .swiper-pagination-bullet-active {
  background: #46a39d;
}
/*section4*/
.section4{
	width: 100%;
	overflow: hidden;
}

.section4_box{
	position: relative;
	margin-top: 79px;
}

.section4_txt{
	width: 30%;
	position: absolute;
	left:20%;
	top: 30px;
}
.section4_txt h3{
	margin-top: 20px;
	font-size: 28px;
	color: #27b1b4;
	font-weight: bold;
	
}
.section4_txt p{
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}
.section4_txt a{
	margin-top: 20px;
	font-size: 15px;
	width: 120px;
	display: block;
	height: 40px;
	background: #000;
	color: #fff;
	line-height: 40px;
	text-align: center;
}
.section4_txt:hover a{
	background: #27b1b4;
}
.section4_img{
	width: 50%;
}
.section4_img a{
	width: 100%;
	height: 100%;
}

.section4_box2{
	width: 100%;
	margin-top: 60px;
	background: url(../img/about_bg.jpg) no-repeat center;
	height: 385px;
	clear: both;
}

.slideGroup{   }
.slideGroup .parHd{  width: 381px;margin-left: 30px; margin-top:106px;  }
.slideGroup .parHd ul{ float:left; height:40px;  }
.slideGroup .parHd ul li{cursor:pointer;  height: 40px;  font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.slideGroup .parHd ul li.on{ height:40px; color: #27b1b1; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;  width: 1000px; top: -55px;}


.slideGroup .parBd{ width: 1000px;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width: 300px; }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:300px; height:183px; display:block;  padding:2px; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }

/*footer*/
.footer{
	margin-top: 30px;
	height: 388px;
	background: #222c34;
}

.footgz ,.footdh ,.footth{
	width: 386px;
	margin-top: 20px;
}
.footgz h4 ,.footdh h4 , .footth h4{
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 21px;
	color: #fff;
}
.footgz ul li{
	float: left;
	margin-top: 30px;
	width: 150px;
	margin-left: 20px;
}
.footgz ul li img{
	width: 150px;
	height: 150px;
}
.footgz ul li p{
	text-align: center;
	margin-top: 10px;
	width: 150px;
	color: #fff;
}
.footdh ul{
	margin-top: 49px;
}
.footdh ul li{
	width: 120px;
	float: left;
	font-size: 15px;
	margin-bottom: 20px;
	background: url(../img/t.png) no-repeat left;
}
.footdh ul li a{
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	color: #fff;
}
.footth ul{
	margin-top: 49px;
}
.footth ul li{
	height: 30px;
margin-bottom: 2px;
}
.footth ul li img{
	float: left;
	margin-top: 15px;
	margin-right: 20px;
}
.footth ul li p{
	float: left;
	color: #fff;
		font-size: 14px;
	line-height: 30px;
}

.copy {
	font-size: 15px;
	text-align: center;
	clear: both;
	margin-top: 20px;
}
.copy p{
	color: #fff;
}
.copy p a{
	color: #fff;
}
.foot_box{
	overflow: hidden;
	clear: both;
}
.footlink{
	overflow: hidden;
	border-bottom: 1px solid #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

.footlink p{ float: left; font-size: 16px; color: #fff;}
.footlink ul{ float: left; width: 988px;}
.footlink ul li{ float: left; font-size: 16px; margin-right: 10px;}
.footlink ul li a{ color: #fff;}

/*zybanner*/
.zybanner{
 width: 100%;
 height: 350px;
 clear: both;
}

.about_box{
	margin-top: 20px;
	overflow: hidden;
	margin-bottom: 20px;
	    clear: both;
}

.about_txt{
	margin-bottom: 54px;
}
.InpageAdv {
	width: 100%;
	overflow: hidden;
	background: #28b2bb;
	padding-bottom: 60px;
}
.InpageAdv h3 {
	font-size: 30px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	padding-top: 32px;
}
.InpageAdv h3 span {
	font-size: 50px;
	color: #fff;
	font-weight: bold;
}
.InpageAdv ul {
	overflow: hidden;
	margin-top: 38px;
}
.InpageAdv li {
	width: 160px;
	height: 180px;
	background: url(../img/service_adv_icon01.png) no-repeat center;
	float: left;
	margin-left: 48px;
	text-align: center;
	padding-top: 54px;
}
.InpageAdv li p {
	font-size: 16px;
	color: #fff;
	line-height: 25px;
}
.InpageAdv li:first-child {
	margin-left: 0;
}


.cultrue_list {
    padding: 67px 0;
}

.cultrue_list .cultrue_list_box .left,
.cultrue_list .cultrue_list_box .right {
    width: 50%;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 255px;
    background-color: #f3f3f3;
}
.cultrue_list .cultrue_list_box .txt {
    margin-top: 7%;
    text-align: center;
}
.cultrue_list .cultrue_list_box .txt .iconfont {
    font-size: 42px;
    color: #db1e15;
}
.cultrue_list .cultrue_list_box .txt h5 {
    font-size: 28px;
    color: #333;
    font-weight: normal;
    margin-bottom: 25px;
    margin-top: 20px;
}
.cultrue_list .cultrue_list_box .txt p {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
}

/*在线留言*/
.online{
	margin-top: 30px;
	    clear: both;
}

.online h4{
	height: 50px;
	color: #fff;
	font-size: 16px;
	margin-left: 20px;
	text-align: center;
	background: #28b2bb;
	line-height: 50px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.message{ overflow:hidden;margin:10px auto; }
.message_box{width: 100%;margin:auto;margin-top:10px;     padding: 20px;}
.message_box input{width: 48%;padding:0 10px;height:48px;line-height:48px;background:#f1f1f1;margin-right:2px;margin-bottom:20px;border:none;}
.message_box textarea{width: 97%;padding:10px;background:#f1f1f1;height:118px;margin-bottom:20px;font-size:14px;color:#888;border:none;}
.message_box .sub_btn{ width:220px; height:48px; line-height:48px; text-align:center; border:none; cursor:pointer; color:#FFFFFF;background:#28b2bb;}
.btn_group{width:220px; margin:auto; }

 .inp4 .Img1 {
    width: 120px;
    height: 38px;
    border-left: 1px solid #d1d1d1;
   
    }
.inp4 input{
width:17%;
height: 38px;
}
.inp4 span{
	    margin-top: 13px;
    display: block;
    float: left;
}


.about_img2{
	margin-top: 20px;
}

.about_img2 li{
	    float: left;
    width: 31%;
    margin-left: 10px;
    height: 250px;
    margin-bottom: 64px;
}
.about_img2 li .about_img3{
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.about_img2 li .about_img3 img{
width: 100%;
height: 100%;
transition: all 0.5s;
}
.about_img2 li .about_img3:hover img{
transform: scale(1.1);
}
.about_img2 li .about_p{
width: 100%;
height: 40px;
background: #0d5897;
display: block;
overflow: hidden;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #fff;
}

.image-list{
    width: 100%;
    padding: 20px;
    
}
.image-list .cover{
    float: left;
       width: 331px;
    height: 283px;
    display: inline-block;
    margin-left: 27px;
    margin-bottom: 10px;
    background-color: #fff;
    cursor: pointer;
}
.image-list .cover img{

  width: 331px;
    height: 230px;
}
.image-list .cover p{
	line-height: 40px;
	text-align: center;
}
/*main CSS*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 590px;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #ff2e67;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../img/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../img/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../img/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #ff2e67;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../img/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}


/*other_box*/


.other_box{
	overflow: hidden;
	width: 100%;
	margin-top: 20px;
}

.pro_fl{
	width:22%;
}

.pro_fl h2{
	height: 148px;
	text-align: center;
	line-height: 148px;
	color: #fff;
	font-size: 36px;
	margin-bottom: 0px;
}
.pro_fl ul{
	background: #f2f2f2;
	padding:10px;
}
.pro_fl ul li{
	height: 40px;
	margin: 10px;
	border-bottom: 1px solid #ddd;
	background: url(../img/fh.png) no-repeat right;
}
.pro_fl ul li a{
	font-size: 16px;
	color: #000000;
	line-height: 40px;
}
.pro_fl ul li:hover{
	
	background: url(../img/fh2.png) no-repeat right;
}
.pro_fl ul li:hover a{
color: #0d5897;
text-decoration: none;
}

.pro_fl ul li.hover{
	
	background: url(../img/fh2.png) no-repeat right;
}
.pro_fl ul li.hover a{
color: #28b2bb;
text-decoration: none;
}

.pro_cont1 {
	background: #28b2bb;
	height: 120px;
	color: #fff;
}
.pro_cont1 span{
	display: block;
	height: 50px;
	line-height: 50px;
	background: url(../img/dh2.png) no-repeat 35px;
	text-align: center;
}
.pro_cont1 p{
	font-size: 30px;
	text-align: center;
}

.pro_img{
    width: 76%;
    margin-top: 12px;
}

.pro_img ul li{
	float: left;
	width: 262px;
	margin-right: 31px;
	margin-bottom: 40px;
}
.pro_img ul li a{
	display: block;
}
.pro_img ul li .pro_img1{
	width: 262px;
	height: 208px;
	display: block;
	overflow: hidden;
}
.pro_img ul li .pro_img1 img{
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.pro_img ul li .pro_img1:hover img{
transform: scale(1.1);
}
.pro_img ul li .pro_txt{
	text-align: center;
	height: 45px;
	line-height: 45px;
	color: #000;
	background: #f2f2f2;
	margin: 0px;
}
.pro_img ul li:hover .pro_txt{
	background: #28b2bb;
	color: #fff;
}
/*.pro_img01  ul li {
    float: left;
    width: 100%;
    }*/
    
 .pro_img3 img{
 	width: 100%;
 	height: 324px;
 }

.xq_img{
	float: left;
	width: 429px;
	height: 321px;
	border: 1px solid #ddd;
}
.xq_img img{
	float: left;
	    width: 100%;
	height: 100%;
}

.xq_txt{
	float: right;
	width: 442px;
}
.xq_txt .xq_js h5{
	height: 30px;
	
	margin-bottom: 20px;
	font-size: 20px;
}
.xq_txt .xq_js p{
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid #CCCCCC;
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid #CCCCCC;
}
.xq_txt .xq_wz p{
	margin-top: 30px;
font-size: 26px;
color: #28b2bb;
}
.xq_txt .xq_wz a{
	width: 120px;
	height: 40px;
	color: #fff;
	margin-top: 20px;
	background: #28b2bb;
	display: block;
	line-height: 40px;
	text-align: center;
}
.pro_txt2 h3{
	font-size: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
}
.pro_txt3{
	font-size: 15px;
	height: 160px;
	overflow: hidden;
	line-height: 30px;
}

.pro_txt4 {
	padding-left: 40px;
	background: url(../img/tle3.png) no-repeat left;
}
.pro_txt4 p{
	font-size: 16px;
		padding-left: 40px;
}

.pro_fr {
    width: 923px;
}

.pro_fr_box{
	clear: both;
	overflow: hidden;
}

.pro_fr_box2{
	margin-top: 20px;
	padding: 10px;
	clear: both;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}

.pro_fr_js{

}

.pro_xq_ys .bt2{
	
	text-align: center;
}
.pro_xq_ys .bt2 h4{
	font-size: 16px;
	color: #000000;
	margin-top: 40px;
}
.pro_xq_ys .bt2 p{
	font-size: 23px;
	font-weight: bold;
	color: #28b2bb;
}
.ys2{
	height: 380px;
}
.ys2 p{
	padding-top:160px;
	font-size: 16px;
	text-align: center;
}

.ys2 h4{
	font-size: 34px;
	color: #474747;
	font-weight: bold;
	text-align: center;
}

.ys3{
	text-align: center;
	margin-top: 30px;
}
.ys3 h4{
	color: #333;
	font-size: 39px;
}
.ys3 p{
	width: 542px;
	margin: 20px auto;
	font-size: 16px;
}
.tj {
	overflow: hidden;
	clear: both;
}
.tj h5{
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color:#28b2bb ;
}

.tj ul li ,.case_box ul li{
	width: 278px;
	margin-left: 20px;
	float: left;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
.tj ul li a ,.case_box ul li{
display: block;
}

.tj ul li .pro_fr_img ,.case_box ul li .pro_fr_img{
	height: 200px;
	display: block;
	overflow: hidden;
	width: 275px;
}
.tj ul li .pro_fr_img img ,.case_box ul li .pro_fr_img img{
	height: 100%;
    transition: all 0.5s;
	width: 100%;
	
}
.tj ul li .pro_fr_img:hover img ,.case_box ul li .pro_fr_img:hover img{
		transform: scale(1.1);
	}
.tj ul li .pro_fr_txt ,.case_box ul li .pro_fr_txt {
	text-align: center;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
}

.con_top{overflow:hidden;}
.con_topl{width:320px;height:255px;float:left;background:#28b2bb;}
.con_topl h1{margin: 50px 0 0 40px; color: #fff; font-size: 30px;}
.con_topl span{color:#fff;border:2px solid #fff;    padding: 10px 10px; margin-left: 40px;font-size: 21px; }
.con_topl em{    color: rgba(255,255,255,0.6);
    margin: 7px 40px 40px;
    display: block;
    font-size: 24px;
    font-family: arial;
    text-transform: uppercase;
    font-style: inherit;}
.con_topr{width:880px;height:255px;float:left;background:#f5f5f5;}
.con_topr h3{color:#494949;font-size: 24px;height: 46px;
    padding: 30px 30px 0 40px; margin-top: 0px; margin-bottom: 60px;
}

.con_topr p{ font-size: 14px;line-height: 24px;    padding: 5px 150px 30px 40px;}


/*lx_cont*/
.lx_cont{
	margin-bottom: 30px;
	margin-top: 30px;
	overflow: hidden;
}
.lx_lf{
	width:48%;
	height: 305px;
	padding: 10px;
	background: #28b2bb;
}
.lx_lf h5{
		margin-top: 40px;
	font-size: 24px;
	color: #fff;
		padding-left: 20px;
}
.lx_lf p{
	margin-top: 30px;
	padding-left: 20px;
	font-size: 16px;
	color: #fff;
}

.lx_lr{
width:48%;
	height: 305px;
	padding: 10px;
	background: #f5f5f5;
}

.lx_lr h5{
	margin-top: 40px;
	font-size: 24px;
	color: #28b2bb;
	margin-bottom: 20px;
	margin-left: 20px;
}

.lx_lr  p{
	margin-left: 20px;
	line-height: 30px;
	font-size: 14px;
}