@charset "utf-8";
/*body*/
@import "//at.alicdn.com/t/font_908890_i5c38wapw7b.css";
@font-face {
     font-family: myfont;
     src: url("font/font.woff2") format("woff2"), url("font/font.woff") format("woff"), url("font/font.ttf") format("truetype"), url("font/font.eot") format("embedded-opentype"), url("font/font.svg") format("svg"), url("font/font.otf") format("opentype");
     font-weight: normal;
     font-style: normal;
}


 body,html{
     font-family:Arial,myfont,"微软雅黑";
     margin: 0 auto;
     font-size: 14px;
     color: #666;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: none;
     -webkit-tap-highlight-color: transparent;
     -webkit-overflow-scrolling: touch;
     overflow-scrolling: touch;
}
 ul{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}
 li{
    display:block;
    margin:0;
    padding:0;
    list-style: none;
}
 img{
    border:0;
}
 dl,dt,dd,span{
    margin:0;
    padding:0;
}
 a:hover{
     color: #000000;
     text-decoration: none;
}
 table{
    border-collapse:collapse;
    border-spacing: 0;
}
 .clear{
     clear:both
}
 .wrap{
     max-width: 1200px;
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0;
     margin-left: auto;
     clear: both;
     padding-right: 20px;
     padding-left: 20px;
}
 .anchorBL{
     display:none
}
 #allmap {
     border: 1px solid #eee;
     height: 550px;
}
 .btn_a {
     display: block;
     height: 50px;
     width: 200px;
     margin-top: 10px;
     border: 1px solid #27AE73;
     text-align: center;
     line-height: 50px;
     color: #27AE73;
     transition: all 0.3s ease 0s;
     border-radius: 5px;
     float: left;
}

 .btn_a:hover {
     background-color:#27AE73;
     border: 1px solid #27AE73;
     color:#fff;
}

.btn {
	background-color: #222;
	display: inline-block;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #FFF;
	font-size: 14px;
	border-radius: 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	cursor: pointer;
	
}
 .btn:hover {
	 transition:all 0.5s;
	  background-color:#000;
    color:#fff;
    
}

 .more {
     display: block;
     height: 50px;
     width: 200px;
     margin-top: 30px;
     text-align: center;
     line-height: 50px;
     color: #27AE73;
     margin-right: auto;
     margin-left: auto;
     clear: both;
}
 .more a:hover{
     background-color:#27AE73;
     color:#fff;
}
 .more a{
     border-radius: 5px;
     display: block;
     border: 1px solid #27AE73;
     color: #27AE73;
     transition: all 0.3s ease 0s;
}
 .move-d-1{
     transition: all .3s ease-out .1s;
}
 .move-d-2{
     transition: all .3s ease-out .2s;
}
 .move-d-3{
     transition: all .3s ease-out .3s;
}
 .move-d-4{
     transition: all .3s ease-out .4s;
}
 .move-d-5{
     transition: all .3s ease-out .5s;
}
 .move-d-6{
     transition: all .3s ease-out .6s;
}
 .move-d-7{
     transition: all .5s ease-out .7s;
}
 .move-d-8{
     transition: all .5s ease-out .8s;
}
 .move-d-9{
     transition: all .5s ease-out .9s;
}
 .move-d-10{
     transition: all .5s ease-out 1s;
}
 .hide {
     opacity: 0;
     transform: translate(-108px,0);
}
/*head*/
 #top{
	min-height: 60px;
	width: 100%;
	
}
 #black {
     box-shadow: none;
     color: #FFF;
}
 #black .logo {
	
	background-image: url(../images/logo_white.png);
	background-size: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	
}
 #black .head_nav a{
     color:#eee;
}
 #black .head_nav li a:hover,#white .head_nav .on a{
     color: #fff;
}
 #black .head_nav li .nav_bbs a{
     color: #666;
}
#black.fixed{
	
     background-color: #27AE73;
    
}

 #white {
     background-color:#FFF;
     box-shadow: 0 2px 6px rgba(0,0,0,.1);
     color: #505050;
}
 #white .logo {
	
	background-image: url(../images/logo.png);
	background-size: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	
}
 #white .head_nav a{
     color:#666;
}
 #white .head_nav li a:hover,#white .head_nav .on a{
     color: #27AE73;

}
 #white .head_nav li .nav_bbs a{
     color: #666;
}
 .head {
     height: 60px;
     width: 100%;
     z-index: 999;
     position: absolute;
}
 .fixed{
   
     position: fixed;
     top: 0px;
     right: 0px;
}
 .logo {
	float: left;
	margin-left: 30px;
	margin-top: 7px;
	
	height: 45px;
	width: 150px;
}
 .logo img {
     height: 45px;
}
 .head_nav{
     text-align: center;
     float: right;
}
 .head_nav li{
     height: 60px;
     line-height: 60px;
     position: relative;
     display: inline-block;
}
 .head_nav a{
     float: left;
     font-size: 14px;
     padding-top: 0;
     padding-right: 16px;
     padding-bottom: 0;
     padding-left: 18px;
     line-height: 59px;
}
 .head_nav li i {
     font-size: 12px;
     margin-top: 5px;
     margin-left: 10px;
}
 .head_nav li .nav_bbs{
     position: absolute;
     top: 60px;
     left: -40px;
     z-index: 2;
     display: none;
     background-color: #fff;
     padding-top: 20px;
     padding-bottom: 20px;
     width: 200px;
     border: 1px solid #eee;
}
 .head_nav li:hover .nav_bbs{
     display:block;
}
 .head_nav li .nav_bbs a{
     width:100%;
     height: 35px;
     line-height: 35px;
     padding: 0px;
     text-align: center;
     font-size: 12px;
}
 .head_nav li .nav_bbs a:hover{
     border-top-width: 0px;
     border-right-width: 0px;
     border-bottom-width: 0px;
     border-left-width: 0px;
}
 .h_ser {
     float: right;
     margin-top: 20px;
     margin-right: 50px;
     border-radius: 50px;
     overflow: hidden;
     font-size: 20px;
     cursor: pointer;
     margin-left: 50px;
}
 .h_ser_close {
     font-size: 36px;
     color: #CCC;
     position: absolute;
     height: 50px;
     width: 50px;
     top: 30px;
     right: 30px;
     z-index: 99;
     cursor: pointer;
}
 .h_ser_bg {
     background-color: rgba(0,0,0,0.9);
     z-index: 999;
     position: fixed;
     height: 100%;
     width: 100%;
     top: 0px;
     right: 0px;
     display: none;
}
 .h_ser_div {
     height: 50px;
     width: 800px;
     position: relative;
     margin-top: -25px;
     margin-right: auto;
     margin-left: auto;
     top: 50%;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #999;
}
 .h_ser_div .serbtn {
     width: 32px;
     height: 32px;
     margin-top: 5px;
     margin-right: 10px;
     cursor: pointer;
     position: absolute;
     top: 0px;
     right: 0px;
}
 .keyword {
     background-color: transparent;
     height: 50px;
     border-top-width: 0px;
     border-right-width: 0px;
     border-bottom-width: 0px;
     border-left-width: 0px;
     width: 100%;
     text-indent: 15px;
     line-height: 50px;
     font-size: 18px;
     color: #999;
     font-family: "微软雅黑";
}
/*slide*/
 .slide {
     width: 1024px;
     margin-right: auto;
     margin-left: auto;
     height: 100px;
     margin-top: -100px;
     position: relative;
     top: 50%;
     color: #FFF;
     text-align: center;
}
 .slide h1 {
     font-size: 36px;
     font-weight: normal;
     bottom: 0px;
     margin-bottom: 20px;
}
 .slide h2 {
     font-size: 14px;
     font-weight: normal;
     bottom: 0px;
     margin-bottom: 30px;
}
 .slide_btn {
     background-color: #27AE73;
     line-height:40px;
     text-align: center;
     display: block;
     height: 40px;
     width: 120px;
     color: #FFF;
     margin-right: auto;
     margin-left: auto;
     margin-top: 10px;
     border-radius: 40px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.5s;
}
 .slide_btn:hover {
     background-color: #fff;
     color: #333;
}
 .layui-carousel-arrow {
     opacity: 0;
     position: absolute;
     left: 10px;
     top: 50%;
     margin-top: -18px;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size:30px;
     border: 0;
     border-radius:100%;
     background-color:transparent;
     color: #fff;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     cursor: pointer;
}
/*index*/
 .tit {
     letter-spacing: 2px;
     font-size: 30px;
     text-align: center;
     padding-top: 120px;
     width: 100%;
     line-height: 30px;
     margin-bottom: 20px;
}
 .tit b {
     color: #333;
     font-size: 32px;
     position: relative;
     display: block;
     font-weight: normal;
     letter-spacing:1px;
}
 .tit h1 {
     font-size: 18px;
     font-weight: normal;
     color: #999;
     font-variant: small-caps;
     font-family: Arial;
     margin-bottom: 5px;
}
 .tit i {
     width: 6px;
     height: 6px;
     border-radius: 6px;
     border: 3px solid #30323f;
     display: inline-block;
     position: relative;
     margin-top: 5px;
     margin-right: 10px;
     margin-bottom: 0px;
     margin-left: 10px;
}
 .tit i:before,.tit i:after {
     position: absolute;
     z-index: 2;
     top: 2px;
     left: -100px;
     content: '';
     width: 80px;
     height: 2px;
     background-color: #30323f;
}
 .tit i:after {
     left: 20px;
}
 .about {
     width:60%;
     color: #333;
     float: left;
     max-width: 700px;
}
 .about_pic li {
     float: left;
     width: 50%;
     position: relative;
     height: 150px;
     overflow: hidden;
     text-align: center;
}
 .about_pic li a {
     position: relative;
     overflow: hidden;
     text-align: center;
     background-color: #fdfdfd;
     transition: all 0.3s 0s;
     display: block;
     border: 1px solid #eee;
     margin-right: 2px;
     margin-bottom: 2px;
     height: 146px;
}
 .about_pic li a:hover{
     background-color:#fff;
}
 .abouts ul li h2 {
     color: #FFF;
     margin-top: 20px;
}
 .about_pic {
     width:40%;
     float: right;
}
 .about p {
     font-size: 14px;
     padding-top: 20px;
     padding-right: 30px;
     padding-bottom: 20px;
     line-height: 35px;
     color: #999;
}
 .about h1 {
     font-size: 24px;
     color: #27AE73;
     font-weight: normal;
}
 .abouts .about_pic li a div p {
     line-height: 35px;
     color: #777;
}
 .abouts {
     margin-top: 30px;
}
 .news {
     margin-bottom: 10px;
     padding-bottom: 10px;
}
 .news ul li {
     line-height: 25px;
     text-align: left;
     width: 50%;
     color: #999999;
     font-size: 14px;
     float: left;
     margin-bottom: 20px;
}
 .news ul li i {
     height: 50px;
     width: 70px;
     background-color: #27AE73;
     float: left;
     display: block;
     font-size: 14px;
     font-style: normal;
     text-align: center;
     color: #FFF;
     font-family: Arial;
     padding-top: 10px;
     padding-bottom: 10px;
     border-radius: 5px;
     margin-right: 10px;
}
 .news ul li i h2 {
     font-size: 14px;
     font-weight: normal;
}
 .news ul li i h3 {
     font-size: 30px;
     font-weight: normal;
     margin-top: 5px;
}
 .news ul li h1 {
     font-size: 16px;
     font-weight: normal;
     margin-right: 15px;
     margin-left: 15px;
     margin-top: 5px;
     color: #333;
     margin-bottom: 5px;
}
.layui-tab-title.plist li {
     border: 1px solid #eee;
     margin-right: 5px;
     margin-left: 5px;
     transition:all 0.3s;
}
 .layui-tab-title.plist li:hover {
     border: 1px solid #27AE73;
     background-color: #27AE73;
     color:#fff;
}
 .layui-tab-title.plist {
     text-align: center;
     border-top-width: 0px;
     border-right-width: 0px;
     border-bottom-width: 0px;
     border-left-width: 0px;
}
 .layui-tab-brief>.layui-tab-title .layui-this{
     background-color: #27AE73;
     color: #FFF;
     border: 1px solid #27AE73;
}
 .index_plist li {
     float: left;
     width: 25%;
}
 .p_div {
     border: 1px solid rgb(242, 242, 242);
     box-shadow: 2px 2px 10px #e1e5e9;
     margin: 5px;
     padding: 30px;
}
 .p_pic{
     overflow: hidden;
}
 .p_pic:hover img {
     transform: scale(1.2);
}
 .p_pic img {
     transition: all 0.6s;
     max-width:100%;
}
 .index_plist {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .p_div h1 {
     font-size: 14px;
     font-weight: normal;
     margin-top: 20px;
     color: #505050;
     margin-bottom: 20px;
}
 .photo li {
     float: left;
     width: 25%;
}
 .photo_div {
     border: 1px solid rgb(242, 242, 242);
     box-shadow: 2px 2px 10px #e1e5e9;
     margin: 5px;
     position: relative;
     overflow: hidden;
}
 .photo_pic{
     background-size:cover;
     background-position: center center;
     height: 200px;
}
 .photo_pic:hover img {
     transform: scale(1.2);
}
 .photo_pic img {
     transition: all 0.6s;
     max-width:100%;
}
 .photo{
     padding-top: 20px;
     padding-bottom: 20px;
}
 .photo_div h1 {
     font-size: 14px;
     font-weight: normal;
     margin-top: 20px;
     color: #505050;
     margin-bottom: 20px;
     padding-right: 20px;
     padding-left: 20px;
     text-align: center;
}
 .works {
     margin-right: auto;
     margin-left: auto;
}
 .works ul li {
     width: 25%;
     float: left;
     display: block;
}
 .works ul li .w_div{
     position: relative;
     top: 10px;
     background-color: #FFFFFF;
     margin: 10px;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     padding-top: 30px;
     padding-right: 20px;
     padding-bottom: 30px;
     padding-left: 20px;
     border: 1px solid #eee;
}
 .works ul li .w_div:hover {
     top: 0px;
     box-shadow: 0 1px 10px rgba(0,0,0,.3);
}
 .works ul li a h1 {
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	margin-top: 20px;
	color: #333;
	overflow: hidden;
	height: 20px;
}
 .works ul li a h2 {
     font-size: 14px;
     font-weight: normal;
     text-align: left;
     text-transform: uppercase;
     margin-top: 10px;
     padding-right: 20px;
     padding-left: 20px;
     line-height: 27px;
     color: #999;
}
 .works ul li a hr {
     border-top-width: 0px;
     border-right-width: 0px;
     border-bottom-width: 0px;
     border-left-width: 0px;
     width: 35px;
     height: 2px;
     margin-right: auto;
     margin-left: auto;
     background-color: #333333;
     margin-top: 10px;
}
 .w_pic {
     text-align: center;
}
 .jobs_intro {
     display: none;
     padding-left: 45px;
     padding-bottom: 10px;
     padding-top: 5px;
     line-height: 25px;
     color: #999;
     max-height: 200px;
     overflow-y: scroll;
}
 .jobs_item {
	list-style-type: none;
	height: 35px;
	line-height: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	color: #333333;
	font-size: 18px;
	cursor: pointer;
}
 .jobs {
     padding-right: 20px;
     padding-left: 20px;
}
 .jobs_item h1 {
     font-size: 16px;
     font-weight: normal;
     float: left;
     color: #27AE73;
}
 .jobs_item h2 {
     float: right;
     font-size: 14px;
     font-weight: normal;
     color: #999;
}
 .jobs_intro h1 {
     font-size: 16px;
     font-weight: normal;
     color: #333;
}
 .index_contact .map {
     float: left;
     width: 60%;
}
 .contact_txt {
     float: right;
     width: 40%;
     background-color: #FFF;
     height: 550px;
     border-top-width: 1px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 0px;
     border-top-style: solid;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: solid;
     border-top-color: #eee;
     border-right-color: #eee;
     border-bottom-color: #eee;
     border-left-color: #eee;
     margin-left: -1px;
}
 .contact_txt ul li i {
     height: 35px;
     width: 35px;
     background-color: #f5f5f5;
     display: block;
     line-height: 35px;
     text-align: center;
     float: left;
     margin-right: 10px;
     color: #666;
     border-radius: 100%;
     font-size:20px;
}
 .contact_txt ul li {
     height: 35px;
     margin-top: 5px;
     margin-bottom: 5px;
     line-height: 35px;
}
 .contact_wx {
     padding-right: 30px;
     padding-left: 30px;
     text-align: center;
}
 .contact_wx h1 {
     font-size: 16px;
     color: #000;
}
 .contact_wx img{
     max-width:250px;
}
 .contact_txt ul {
     padding: 30px;
}
 .index_contact {
     box-shadow: 2px 2px 10px #e1e5e9;
     height: 550px;
}
/*foot*/
 .foot {
     margin-right: auto;
     margin-left: auto;
     max-width: 1200px;
     padding-top: 30px;
     padding-bottom: 20px;
     line-height: 30px;
}
 .f_about {
     float: left;
     line-height: 25px;
     width: 250px;
     margin-left: 50px;
}
 .f_contact {
     float: right;
     width: 250px;
}
 .f_wx h2 {
     font-size: 14px;
     font-weight: normal;
     color: #CCC;
     line-height: 35px;
     height: 35px;
}
 .foot h1 {
	font-size: 16px;
	margin-bottom: 0px;
	font-weight: normal;
	color: #8A8A8A;
}
 .footer {
	padding-bottom: 10px;
	color: #666;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
	background-color: #fafafa;
}
 .f_content {
     float: left;
     width: 350px;
     margin-left: 50px;
}
 .f_cor {
     width: 980px;
     margin-right: auto;
     margin-left: auto;
     font-size: 12px;
     padding-top: 10px;
     text-align: center;
     color: #666;
     padding-bottom: 10px;
}
 .f_content h1 {
     font-size: 18px;
     line-height: 50px;
     margin-top: 20px;
}
 .f_con ul li {
     float: left;
     margin-right: 1px;
     margin-left: 1px;
     position: relative;
}
 .f_tel {
	font-weight: normal;
	margin-bottom: 20px;
	background-image: url(../images/ftel.png);
	background-repeat: no-repeat;
	padding-left: 60px;
	background-position: left;
	height: 60px;
	margin-top: 10px;
}
 .f_con {
     float: left;
     margin-left: 20px;
}
 #line1 {
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #eee;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
 #line {
	float: left;
	height: 150px;
	margin-right: 30px;
	margin-left: 30px;
	border-right-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #eee;
	margin-top: 20px;
	margin-bottom: 20px;
}
 .f_link_div {
     margin-right: auto;
     margin-left: auto;
     border: 0px solid #eee;
     max-width: 1200px;
     padding-right: 20px;
     padding-left: 20px;
}
 .f_link_title {
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #333333;
	float: left;
	width: 100px;
}
 .f_link ul li {
     float: left;
     margin-left: 20px;
     line-height: 40px;
     height: 40px;
}
 .f_about ul {
     float: left;
}
 .f_con ul li a {
	display: block;
	height: 41px;
	width: 41px;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	line-height: 41px;
	color: #8A8A8A;
}

 .f_wx_logo {
     height: 0px;
     width: 0px;
     overflow: hidden;
     position: absolute;
     left: -48px;
     top: -156px;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     -o-transition: all .3s;
}
 .f_wx:hover .f_wx_logo {
     height: 150px;
     width: 150px;
}
 .f_tel h2 {
	font-weight: normal;
	font-size: 18px;
	color: #8A8A8A;
}
 .footer a {
	color: #666;
}
 .f_con ul li img {
     display: block;
     margin-right: auto;
     margin-left: auto;
}
/*services*/
 .services {
     position: fixed;
     right: 10px;
     bottom: 200px;
     height: 150px;
     width: 50px;
     border: 0px solid #eee;
     z-index: 99;
}
 .services ul li {
     text-align: center;
     line-height: 50px;
     width: 50px;
     border-top-width: 0px;
     border-top-style: solid;
     border-top-color: #eee;
     background-color: #27AE73;
     height: 50px;
     margin-top: 1px;
     vertical-align: middle;
     transition:all 0.3s;
}
 .services ul li:hover {
     background-color: #333;
}
 .services ul li h1 {
     font-size: 12px;
     color: #FFF;
     font-weight: normal;
}
 .s_wx_logo {
     height: 0px;
     width: 0px;
     overflow: hidden;
     position: absolute;
     right:60px;
     top:-5px;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     -o-transition: all .3s;
}
 .s_wx:hover .s_wx_logo {
     height: 150px;
     width: 150px;
}
 .s_tel:hover .s_tel_info {
     height: 50px;
     width: 150px;
     padding-top: 20px;
     padding-bottom: 20px;
     line-height: 25px;
     background-color: #333333;
     color: #FFF;
}
 .s_tel_info {
     height: 0px;
     width: 0px;
     overflow: hidden;
     position: absolute;
     right:60px;
     top:-5px;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     -o-transition: all .3s;
}
 .services ul li img {
     display: block;
     margin-right: auto;
     margin-left: auto;
     padding-top: 3px;
}
/*page*/
 .banner {
     background-color: #27AE73;
     height: 250px;
     width: 100%;
}
 .banner_div {
     width:100%;
     max-width: 1200px;
     margin-right: auto;
     margin-left: auto;
     position: relative;
}
 .banner_p1 {
     position: absolute;
     width: 300px;
     right: 0px;
     z-index: 20;
     top: 120px;
}
 .banner_p2 {
     width: 200px;
     position: absolute;
     right: 0px;
     top: 50px;
}
 .banner_tit{
     font-size: 36px;
     background-position: center top;
     z-index: 99;
     float: left;
     margin-top: 120px;
     margin-left: 20px;
     text-align: center;
}
 .banner_tit h1 {
     width:150px;
     font-size: 30px;
     line-height: 40px;
     font-weight: normal;
     letter-spacing: 1px;
     text-align: left;
     color: #FFFFFF;
     position: relative;
     top: 0px;
     left: 50px;
}
 .banner_tit i {
     width: 6px;
     height: 6px;
     border-radius: 6px;
     border: 3px solid #fff;
     display: inline-block;
     position: relative;
     margin-top: 10px;
     margin-right: 10px;
     margin-bottom: 10px;
     margin-left: 80px;
}
 .banner_tit i:before, .banner_tit i:after {
     position: absolute;
     z-index: 2;
     top: 2px;
     left: -100px;
     content: '';
     width: 80px;
     height: 2px;
     background-color: #fff;
}
 .banner_tit i:after {
     left: 20px;
}
 .main {
     max-width: 1200px;
     margin-right: auto;
     margin-left: auto;
     padding-bottom: 30px;
     min-height: 300px;
     padding-top: 30px;
     padding-right: 20px;
     padding-left: 20px;
}
 .picture {
     text-align: center;
     clear: both;
}
 .picture ul li{
     width: 20%;
     float: left;
     height: 300px;
     overflow: hidden;
}
 .picture ul li a {
     display: block;
     height: 288px;
     background-size: cover;
     margin: 5px;
     background-position: center center;
     border: 1px solid #ddd;
}
 .picture ul li h1 {
     color:#fff;
     display:none;
     background-color:rgba(0,0,0,0.5);
     height: 288px;
}
 .picture ul li h1 i {
     display: block;
     font-size:18px;
     color: #FFFFFF;
     line-height: 30px;
     background-color: #27AE73;
     height: 30px;
     width: 30px;
     margin-right: auto;
     margin-left: auto;
}
 .picture ul li h1 p {
     font-size: 16px;
     padding-top: 120px;
     padding-bottom: 10px;
}
 .picture ul li:hover h1 {
     display:block;
}
 .sub {
     text-align: center;
     max-width: 1200px;
     margin-right: auto;
     margin-left: auto;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #eee;
     height: 80px;
     line-height: 80px;
     clear: both;
}
 .sub ul li {
     display: inline-block;
     border: 0px solid #eee;
     font-size: 16px;
     color: #333;
     margin-right: 20px;
     margin-left: 20px;
}
 .sub ul li a {
     display: block;
     padding-right: 10px;
     padding-left: 10px;
     position: relative;
     color:#505050;
}
 .sub ul li:hover a,#sub a{
	color: #27AE73;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #27AE73;
	border-right-color: #27AE73;
	border-bottom-color: #27AE73;
	border-left-color: #27AE73;
}
 #sub a:after {
	content: '';
	position: absolute;
	z-index: 9;
	left: 45%;
	bottom: 0px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #27AE73;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;	
}
 .content {
     line-height: 30px;
     color: #777;
}
 .content img {
     max-width:100%;
}
 .content h1 {
     font-size: 24px;
     line-height: 40px;
     color: #000;
}
 .content h2 {
     font-size: 18px;
     line-height: 35px;
     color: #333;
}
 .content h3 {
     font-size: 16px;
     line-height:30px;
     color: #666;
}
/*list*/
 .photo_txt a {
     display: block;
     color: #fff;
     height: 260px;
}
 .photo_txt a:hover {
   
     color: #fff;
    
}
 .info_tel i {
     font-size: 18px;
     color: #666;
     margin-right: 5px;
}
 .photo_div:hover .photo_txt {
     top: 0px;
}
 .photo_txt {
     background-color:rgba(0,0,0,0.5);
     padding: 20px;
     position: absolute;
     z-index: 99;
     left: 0px;
     top: -100%;
     right: 0px;
     bottom: 0px;
     color: #eee;
     transition: all 0.5s;
     height: 220px;
}
 .photo_txt i {
     font-size:24px;
     margin-top: 30px;
     margin-bottom:10px;
     margin-right: auto;
     margin-left: auto;
     display: block;
     height: 30px;
     width: 30px;
}
 .list_page{
     text-align: center;
     padding-top: 30px;
     padding-bottom: 50px;
}
 .list_page li{
     display: inline-block;
}
 .list_page a{
     border: 1px solid #eee;
     margin-top: 0px;
     margin-right: 2px;
     margin-bottom: 0px;
     margin-left: 3px;
     padding-top: 10px;
     padding-right: 15px;
     padding-bottom: 10px;
     padding-left: 15px;
     background-color: #FFF;
}
 .list_page .active a{
     border: 1px solid #27AE73;
     margin-top: 0px;
     margin-right: 2px;
     margin-bottom: 0px;
     margin-left: 3px;
     padding-top: 10px;
     padding-right: 15px;
     padding-bottom: 10px;
     padding-left: 15px;
     background-color: #27AE73;
     color: #FFF;
}
 .list_page span{
     color:#fff;
     margin:0px 1px;
     padding:4px 6px;
     border:1px solid #999;
     font-family:宋体;
     background-color: #999;
}
 .list_page b{
     background:#fff;
     margin:0px 1px;
     padding:4px 6px;
     border:1px solid #ddd;
     color:#666;
     font-family:"宋体";
}
 .list_page b input{
    border:0;
    margin:0;
    padding:0;
    font-size:12px;
    font-family:宋体;
    font-weight:normal;
    width:12px;
    vertical-align:middle;
    text-align:center;
}
 .team li .team_txt {
     margin-left: 20px;
     padding-left: 200px;
     margin-top: 20px;
     line-height: 25px;
     height: 150px;
     margin-right: 10px;
     padding-right: 20px;
     padding-top: 10px;
     padding-bottom: 20px;
}
 .team li {
     width: 50%;
     position: relative;
     float: left;
}
 .team_div {
	border: 1px solid #eee;
	background-color: #fcfcfc;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	height: 200px;
	position: relative;
}
 .team_pic img {
     height: 200px;
     width: 200px;
     float: left;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .team li:hover .pr img {
     transform: scale(1.1);
}
 .team li div h1 {
     font-size: 16px;
     font-weight: normal;
     color: #333;
     line-height: 25px;
     margin-bottom: 5px;
     float: left;
}
 .team li div h2 {
     font-size: 12px;
     font-weight: normal;
}
 .team li em {
     font-style: normal;
     font-size: 18px;
     font-family: "宋体";
     color: #C09F57;
     float: left;
     margin-top: 10px;
}
 .team li .team_pic {
     float: left;
     width: 200px;
     height: 200px;
     overflow: hidden;
}
 .team li hr {
     background-color: #333333;
     height: 2px;
     width: 40px;
     margin-bottom: 5px;
     margin-top: 5px;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .team li:hover hr {
     width: 100%;
}
 .team_txt h1 a {
     color: #333;
}
 .team_txt p {
     display: block;
}
 .team_txt .team_jj {
     float: left;
     width: 100%;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .team li:hover .team_jj {
     display: block;
}
 .team li:hover .btn_pro{
     background-color: #333333;
     border: 1px solid #333333;
     color: #FFF;
}
 .btn_pro{
     font-size: 14px;
     line-height: 35px;
     display: block;
     width: 100px;
     float: left;
     text-align: center;
     margin-top: 10px;
     border-radius: 5px;
     position: absolute;
     bottom: 20px;
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -ms-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     border: 1px solid #333333;
     color: #333333;
}
 @keyframes rotating{
     from{
        transform:rotate(0)
    }
     to{
        transform:rotate(360deg)
    }
}
 .btn_jr{
     font-size: 18px;
     line-height: 35px;
     display: block;
     width: 35px;
     text-align: center;
     border-radius: 5px;
     position: absolute;
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
     -ms-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
     height: 35px;
     top: 10px;
     right: 10px;
     background-repeat: no-repeat;
     background-position: center center;
     font-family: "宋体";
     text-decoration: none;
}
 .video li {
     float: left;
     width: 25%;
}
 .v_div {
     border: 1px solid rgb(242, 242, 242);
     box-shadow: 2px 2px 10px #e1e5e9;
     margin: 5px;
}
 .v_pic{
     overflow: hidden;
     height: 200px;
     position: relative;
}
 .v_pic:hover i{
     position: absolute;
     z-index: 99;
     top: 50%;
     right: 50%;
     font-size: 42px;
     color:rgba(255,255,255,0.8);
     margin-top: -22px;
     margin-right: -22px;
}
 .v_pic:hover img {
     transform: scale(1.2);
}
 .v_pic img {
     transition: all 0.6s;
     max-width:100%;
}
 .video {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .v_div h1 {
     font-size: 14px;
     font-weight: normal;
     margin-top: 30px;
     color: #505050;
     margin-bottom: 40px;
     padding-right: 20px;
     padding-left: 20px;
}
/*show*/
 .navigation {
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	color: #777;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}
 .navigation i {
     margin-right:5px;
     font-size:20px;
     float: left;
}
 .navigation a {
     color: #777;
}
 .navigation ul {
     max-width: 1200px;
     margin-right: auto;
     margin-left: auto;
     padding-right: 20px;
     padding-left: 20px;
}
 .s_title {
     color: #333;
     text-align: center;
     padding-bottom: 20px;
}
 .s_title h1 {
     font-size: 24px;
     color: #333;
     text-align: center;
     margin-bottom: 20px;
}
 .s_title a {
	display: inline-block;
	font-size: 22px;
	color: #666;
	margin-right: 5px;
	margin-left: 5px;
}
 .c_tit h1 {
     font-size: 18px;
     line-height: 40px;
     font-weight: normal;
     color: #333333;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #333333;
     float: left;
     padding-left: 10px;
     padding-right: 10px;
}
 .c_tit {
     height: 40px;
     width: 100%;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #eee;
     margin-bottom: 20px;
}
 .info_txt {
     float: right;
     width: 40%;
}
 .info_tel {
     background-size: 25px 25px;
     color: #666666;
     padding-right: 10px;
     padding-left: 10px;
     float: left;
     border-radius: 5px;
     margin-top: 15px;
     line-height: 45px;
     height: 45px;
     border: 1px solid #eee;
     margin-right: 10px;
     background-color: #fafafa;
}
 .info_kf {
     color: #FFF;
     padding-top: 10px;
     padding-bottom: 10px;
     float: left;
     border-radius: 5px;
     width: 240px;
     line-height: 25px;
}
 .show_page {
     float: left;
     width: 100%;
     padding-top: 50px;
     padding-bottom: 50px;
}
 .show_page .pre {
     float: left;
     padding-top: 5px;
     padding-right: 20px;
     padding-bottom: 5px;
     padding-left: 20px;
     border: 1px solid #eee;
     border-radius:50px;
}
 .show_page .next {
     float: right;
     padding-top: 5px;
     padding-right: 20px;
     padding-bottom: 5px;
     padding-left: 20px;
     border: 1px solid #eee;
     border-radius:50px;
}
 .jqzoom{
    float:left;
    border:none;
    position:relative;
    padding:0px;
    cursor:pointer;
    margin:0px;
    display:block;
}
 .jqzoom img{
     background: url(loading.gif) no-repeat center center;
     height:450px;
     width: 450px;
}
 .zoomdiv{
    z-index:100;
    position:absolute;
    top:0px;
    left:0px;
    width:450px;
    height:450px;
    background:#ffffff;
    border:1px solid #CCCCCC;
    display:none;
    text-align:center;
    overflow:hidden;
}
 .jqZoomPup{
    z-index:10;
    visibility:hidden;
    position:absolute;
    top:0px;
    left:0px;
    width:20px;
    height:20px;
    border:1px solid #aaa;
    background:#ffffff 
    /*url(../images/zoom.png) 50% center no-repeat*/
    ;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}
/*图片小图预览列表*/
 .spec-preview{
     width: 450px;
     height: 450px;
     float: left;
     margin-left: 30px;
}
 .spec-scroll{
     margin-top: 5px;
     width: 100px;
     overflow: hidden;
     float: left;
}
 .spec-scroll .prev{
    float:left;
    margin-right:4px;
}
 .spec-scroll .next{
    float:right;
}
 .spec-scroll .prev,.spec-scroll .next{
     display: block;
     font-family: "宋体";
     text-align: center;
     width: 30px;
     height: 54px;
     line-height: 54px;
     cursor: pointer;
     text-decoration: none;
     font-size: 36px;
     border: 0px solid #CCC;
     color: #CCC;
     font-weight: bold;
}
 .spec-scroll .items{
     float: left;
     position: relative;
     width: 90px;
     height: 500px;
     overflow: hidden;
}
 .spec-scroll .items ul{
     position: absolute;
     width: 90px;
     height: 9999px;
}
 .spec-scroll .items ul li{
     float: left;
     width: 80px;
     text-align: center;
     margin-bottom:5px;
}
 .spec-scroll .items ul li img{
     border: 1px solid #eee;
     padding: 2px;
     width: 80px;
     height: 80px;
}
 .spec-scroll .items ul li img:hover{
    border:2px solid #FF6600;
    padding:1px;
}
 .info {
     padding-bottom: 50px;
     border-bottom-width: 0px;
     border-bottom-style: solid;
     border-bottom-color: #eee;
}
 .container {
     float: left;
     width: 60%;
}
 .info_tit h1 {
     font-weight: normal;
     color: #333;
     margin-bottom: 10px;
     font-size: 18px;
}
 .info_tel img {
     margin-right: 5px;
}
 .info_txt .tags {
     margin-top: 20px;
     margin-bottom: 10px;
     float: left;
     clear: both;
}
 .info_cs {
     font-size: 14px;
     line-height: 30px;
     color: #999;
}
 .job_pic {
     float: left;
     width: 35%;
}
 .job_txt {
     float: right;
     width: 55%;
}
 .job_tit {
     font-size: 18px;
     color: #333;
     margin-bottom: 20px;
     padding-bottom: 20px;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #eee;
}
 .video_show {
     max-width: 1000px;
     margin-right: auto;
     margin-left: auto;
}
 .downlist ul li {
     margin-bottom: 20px;
     padding-bottom: 20px;
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     border-bottom-color: #ddd;
     position: relative;
     margin-right: 50px;
     margin-left: 50px;
     padding-right: 20px;
     padding-left: 20px;
}
 .downlist ul li h1 {
     font-size: 18px;
     font-weight: normal;
     color: #333;
     margin-bottom: 10px;
}
 .downlist ul li h2 {
     float: right;
     position: absolute;
     top: 10px;
     right: 20px;
}
 .downlist ul li span {
     font-size: 12px;
     color: #999;
}
 .layui-form-label span {
     color: #F60;
}
 .ser_title {
     font-size: 18px;
     margin-bottom: 20px;
     padding-bottom: 10px;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #eee;
     color: #27AE73;
}
 .serlist ul li {
     margin-bottom: 20px;
     padding-bottom: 20px;
     border-bottom-width: 1px;
     border-bottom-style: dotted;
     border-bottom-color: #ddd;
}
 .serlist ul li a {
     color: #505050;
     font-size: 18px;
}
 .serlist ul li em {
     float: right;
     font-style: normal;
     font-size: 12px;
     color: #999;
}
 .serlist ul li p {
     color: #999;
     margin-top: 10px;
}
 .taglist a {
     display: block;
     border: 1px solid #eee;
     float: left;
     margin: 5px;
     padding-top: 5px;
     padding-right: 10px;
     padding-bottom: 5px;
     padding-left: 10px;
     color: #999;
}
 .error_div {
     height: 600px;
     width: 100%;
     position: relative;
     background-color: #fafafa;
}
 .error {
     background: url(../images/404.png) no-repeat;
     width: 350px;
     padding-top: 65px;
     position: relative;
     margin-right: auto;
     margin-left: auto;
     top: 150px;
     padding-left: 150px;
}
 .error h2 {
     font-size: 18px;
     font-weight: normal;
     color: #333;
}
 .error p {
     color: #999;
     margin-top: 10px;
     margin-bottom: 10px;
}
 .book {
     width: 800px;
     margin-right: auto;
     margin-left: auto;
}
/* 百分比进度 */
 .survey_list{
    margin:0;
    padding:0;
    list-style:none;
}
 .percentage_wrap {
    position:relative;
    zoom:1;
    padding-left:448px;
}
 .percentage{
    position:absolute;
    left:18px;
    top:2px;
    width:415px;
    height:15px;
    overflow:hidden;
     background: #EFEFEF;
    /* old browsers */
     background: -moz-linear-gradient(top, #EFEFEF 0%, #DCDCDC 100%);
    /* firefox */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#DCDCDC));
    /* webkit */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#DCDCDC',GradientType=0 );
    /* ie */
     background: -o-linear-gradient(top, #EFEFEF 0%,#DCDCDC 100%);
    /* opera */
     background: linear-gradient(#EFEFEF, #DCDCDC);
}
 .percentage .active{
    position:absolute;
    top:0px;
    left:0px;
    width:10px;
    height:13px;
    overflow:hidden;
    border:1px solid #27AE73;
     background: #27AE73;
    /* old browsers */
}
 .left {
     float: right;
     width: 65%;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #eee;
}
 .main .right {
     float: left;
     width: 30%;
}
 .vote_show {
     padding: 20px;
}
 .vote_title {
     font-size: 18px;
     color: #333;
     padding-bottom: 20px;
     margin-bottom: 20px;
     border-bottom-width: 1px;
     border-bottom-style: solid;

     border-bottom-color: #eee;
}
 .vote li {
     margin-bottom: 10px;
}
 .vote .bnt {
     padding-top: 10px;
}
 .vote_div {
     padding-left: 50px;
}
 .subject {
     font-size: 18px;
     margin-bottom: 20px;
     padding-bottom: 20px;
     color: #27AE73;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #eee;
}
 .votelist ul li {
     font-size: 16px;
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom-width: 0px;
     border-bottom-style: dotted;
     border-bottom-color: #ddd;
     height: 35px;
     line-height: 35px;
}
 .votelist ul li i {
     font-size: 30px;
     margin-right: 10px;
     float: left;
}
 @media only screen and (max-width: 1200px){
     .h_ser {
         display:none;
    }
     .jobs_intro {
         max-height: 40px;
    }
     .works ul li {
         width: 50%;
    }
     .w_pic {
         float:left;
    }
     .works ul li a h2 {
         font-size:12px;
         line-height:25px;
         max-height:70px;
         overflow:hidden;
    }
     .f_contact {
         display:none;
    }
}
 .skin_set {
	height: 40px;
	width: 40px;
	position: fixed;
	left: 20px;
	bottom: 50px;
	line-height: 40px;
	text-align: center;
	background-color: #FFF;
	background-image: url(color/color.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 35px;
	border-radius: 40px;
	border: 1px solid #eee;
}
#styles li{
	width: 33.3%;
	text-align: center;
	color: #fff;
	cursor: pointer;
	float: left;
	height: 80px;
} 
#styles li .cur{

	background-image: url(color/selected.png);
	background-repeat: no-repeat;
	background-position: center center
} 
.skin ul li span{
	height: 50px;
	width: 50px;
	display: inline-block;
	border: 3px solid #fff;
}
#skin1{
	background-color: #252839;

} 
#skin2{
	background-color: #297E6B;

}
#skin3{
	background-color: #8796A8;

}
#skin4{
	background-color: #A44A49;

} 
#skin5{
	background-color: #C8B79D;

}
#skin6{
	background-color: #816D54;

}
#skin7{
	background-color: #EC5245;

} 
#skin8{
	background-color: #5C5566;

}
#skin9{
	background-color: #1666cd;

}
.skin {
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 999;
	right: 0px;
	left: 0px;
	bottom: 0px;
}
.style {
	height: 240px;
	margin-top: -120px;
	position: relative;
	top: 50%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	max-width:240px;
}
.jobs_item i {
	color:#27AE73;
	font-size: 20px;
	float: left;
	margin-right:10px;
}


.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: #222; background-color: rgba(0,0,0,1); overflow: hidden; display: none; -moz-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url(../images/preloader.gif) no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none; background: url(../images/arrows.png) no-repeat; opacity: 1; cursor: pointer; position: absolute; width: 43px; height: 58px; top: 50%; margin-top: -29px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left: 40px; }
.nextArrow { background-position: right top; right: 40px; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 1.4rem; }