@charset "utf-8";body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span{margin:0;padding:0;}
body{font-size:12px;font-family: "Microsoft YaHei" ! important;color:#000000;background:#fff;margin:0 auto;padding:0px;}
a{text-decoration:none;color:#737373;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:0px;vertical-align: middle;}
li{list-style: none;}
.pt10{padding-top: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pb10{padding-bottom: 10px;}
.pn5{padding: 5px;}
.pt5{padding-top: 5px;}
.pl5{padding-left: 5px;}
.pr5{padding-right: 5px;}
.pb5{padding-bottom: 5px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.mn5{margin: 5px;}
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.header {
width:100%;
min-width: 1200px;
height:97px;
}
.logo {
width:340px;
height:97px;
float:left;
}
.logo img {
width:340px;
height:97px;
float:left;
}
.w1200 {
width:1200px;
margin: 0 auto;
}
.nav {
float:right;
margin-top: 26px;
position: relative;
z-index: 99;
}
.nav li {
display: inline-block;
float:left;
position: relative;
}
.nav li h3 {
width:104px;
height:auto;
float:left;
}
.nav li h3 a {
width:100%;
height:58px;
line-height: 58px;
float:left;
font-size: 15px;
color: #3f3f3f;
font-weight: normal;
text-align: center;
}
.nav li dl {
width:165px;
height:auto;
float:left;
position: absolute;
top: 58px;
left: -20px;
padding-top: 24px;
padding-bottom: 20px;
display: none;
background: rgba(255,255,255,0.9) url(../images/snavdlbg.png) no-repeat center 0;
}
.nav li dl dd {
width:100%;
height:auto;
float:left;
}
.nav li dl dd a {
width:100%;
height:36px;
float:left;
font-size: 14px;
color: #474747;
line-height: 36px;
text-indent: 26px;
}
.nav li dl dd a:hover {
color: #038084;
}
.nav li:hover dl {
display: block;
}
.nav li dl dt {
width:100%;
height:auto;
float:left;
}
.nav li dl dt a {
width:100%;
height:36px;
float:left;
font-size: 14px;
color: #474747;
line-height: 36px;
text-indent: 26px;
font-weight: bold;
}
.banner {
width:100%;
min-width: 1200px;
height:560px;
}
.fullSlide {
min-width:1200px;
position:relative;
height:530px;
overflow:hidden;
}
.fullSlide .bd {
position:relative;
z-index:0;
}
.fullSlide .bd ul {
width:100% !important;
}
.fullSlide .bd li {
width:100% !important;
height:560px;
}
.fullSlide .bd li .siteWidth {
width:1000px;
position:relative;
margin:0 auto;
height:560px;
}
.fullSlide .bd li a {
position:absolute;
width:100%;
height:560px;
display:block;
z-index:1;
;
}
.fullSlide .bd .txt {
position:absolute;
width:415px;
top:100px;
left:22px;
font:normal 18px/30px "Microsoft YaHei";
}
.fullSlide .bd .btn {
display:block;
zoom:1;
margin-top:8px;
width:72px;
padding-right:10px;
height:31px;
line-height:31px;
text-align:center;
color:#fff;
font-size:12px;
background:url(../images/banner-btn.png) 0 0 no-repeat;
_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
}
.fullSlide .hd {
width:100%;
position:absolute;
z-index:1;
bottom:0;
left:0;
height:30px;
line-height:30px;
text-align:center;
}
.fullSlide .hd ul li {
cursor:pointer;
display:inline-block;
*display:inline;
zoom:1;
width:44px;
height:4px;
margin:4px;
background:#ffffff;
line-height:9999px;
filter:alpha(opacity=50);
opacity:0.5;
}
.fullSlide .hd ul .on {
filter:alpha(opacity=100);
opacity:1;
}
.fullSlide .prev,.fullSlide .next {
position:absolute;
display:block;
left:10%;
top:50%;
margin-top:-31px;
width:46px;
height:62px;
background:url(../images/focusAdvBg.png) no-repeat;
filter:alpha(opacity=80);
opacity:0.8;
}
.fullSlide .next {
left:auto;
right:10%;
background-position:-46px 0;
}
.fullSlide .prev:hover,.fullSlide .next:hover {
filter:alpha(opacity=100) !important;
opacity:1 !important;
}
.h2tit {
width:100%;
height:auto;
float:left;
text-align: center;
}
.h2tit span.cn {
width:100%;
height:42px;
line-height: 42px;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #3d3d3d;
display: block;
}
.h2tit span.en {
width:100%;
height:22px;
line-height: 22px;
display: block;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #767676;
margin-bottom: 10px;
font-family: Arial;
}
.h2tit p.cn {
width:100%;
height:22px;
line-height: 22px;
display: block;
text-align: center;
font-size: 12px;
color: #575757;
margin-top: 10px;
margin-bottom: 5px;
}
.h2tit p.en {
width:100%;
height:auto;
line-height: 16px;
display: block;
text-align: center;
font-size: 10px;
-webkit-transform : scale(0.84,0.84) ;
*font-size:10px;
color: #CECECE;
font-family: Arial;
}
.h2tit span.clfff {
color: #ffffff;
}
.h2tit p.clfff {
color: #ffffff;
}
.h2tit p.cl96 {
color: #96d7d9;
}
.h2tit i.clfff {
background: #96d7d9;
}
.h2tit i {
width:51px;
height:1px;
display: inline-block;
background: #1782e0;
}
.mt50 {
margin-top: 50px;
}
.iywly {
width:100%;
min-width: 1200px;
margin-top: 50px;
overflow: hidden;
}
.iywlylist {
width:100%;
height:auto;
float:left;
margin-top: 45px;
}
.iywlylist li {
width:276px;
height:336px;
float:left;
border: 1px solid #ececec;
text-align: center;
margin-right: 29px;
}
.iywlylist li.last {
margin-right: 0;
}
.iywlylist li:hover {
border: 1px solid #2e9399;
background: url(../images/iconiywlylibg.png) no-repeat center center;
}
.iywlylist li i {
width:64px;
height:74px;
display: inline-block;
background-image: url(../images/iconiywly.png);
margin-top: 42px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.iywlylist li i.iconiyw1 {
background-position: -0px -0px;
}
.iywlylist li i.iconiyw2 {
background-position: -0px -74px;
}
.iywlylist li i.iconiyw3 {
background-position: -0px -148px;
}
.iywlylist li i.iconiyw4 {
background-position: -0px -222px;
}
.iywlylist li:hover i {
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.iywlylist li:hover i.iconiyw1 {
background-position: -64px -0px;
}
.iywlylist li:hover i.iconiyw2 {
background-position: -64px -74px;
}
.iywlylist li:hover i.iconiyw3 {
background-position: -64px -148px;
}
.iywlylist li:hover i.iconiyw4 {
background-position: -64px -222px;
}
.iywlylist li span.cn {
width:100%;
height:28px;
line-height: 28px;
margin-top: 32px;
display: block;
font-size: 18px;
color: #000000;
font-weight: bold;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.iywlylist li span.en {
width:100%;
height:22px;
line-height: 22px;
display: block;
font-size: 12px;
color: #8d8d8d;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.iywlylist li .line {
width:60px;
height:1px;
background: #cecece;
margin: 10px auto 20px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.iywlylist li p {
width:100%;
padding: 0 28px;
box-sizing: border-box;
height:auto;
display: block;
font-size: 12px;
color: #8a8a8a;
line-height: 24px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.iywlylist li:hover span.cn {
color: #ffffff;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.iywlylist li:hover span.en {
color: #ffffff;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.iywlylist li:hover .line {
background: #ffffff;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.iywlylist li:hover p {
color: #ffffff;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.iabout {
width:100%;
min-width: 1200px;
height:937px;
margin-top: 70px;
padding-top: 125px;
background:#f5f5f5 url(../images/iaboutbg.jpg) no-repeat center 0;
}
.iabout .iabcon {
width:100%;
height:auto;
float:left;
position: relative;
margin-top: 30px;
}
.iabout .iabcon .aboutlogo {
width:519px;
height:521px;
float:left;
position: absolute;
left: 50%;
margin-left: -260px;
}
.iabout .iabcon .aboutlogo img {
width:519px;
height:521px;
float:left;
}
.iabout .iabcon .tar {
text-align: right;
float: left;
}
.iabout .iabcon .tal {
text-align: left;
float: right;
}
.iabjs {
width:355px;
height:463px;
position: relative;
}
.w1p {
width: 100%;
}
.iabjs i.iabjsi1 {
width:64px;
height:64px;
background: url(../images/iabjsi1.png) no-repeat 0 0;
display: inline-block;
margin-top: 2px;
}
.iabjs i.iabjsi2 {
width:64px;
height:64px;
background: url(../images/iabjsi2.png) no-repeat 0 0;
display: inline-block;
margin-top: 2px;
}
.iabjs span {
width:100%;
height:55px;
line-height: 55px;
margin-top: 10px;
float:left;
font-size: 18px;
color: #ffffff;
}
.iabjs p {
width:100%;
height:auto;
float:left;
font-size: 12px;
color: #ffffff;
line-height: 24px;
}
.iabjs a.more {
width:72px;
height:28px;
line-height: 28px;
text-align: center;
background: #1aaaae;
border-radius: 14px;
font-size: 12px;
color: #ffffff;
display: inline-block;
margin-top: 44px;
}
.iabjs a.dszzc {
width:139px;
height:70px;
background: url(../images/iababg.png) no-repeat -0px -0px;
float:left;
position: absolute;
bottom: 0;
left: 60px;
}
.iabjs a.zzjg {
width:139px;
height:70px;
background: url(../images/iababg.png) no-repeat -139px -0px;
float:left;
position: absolute;
bottom: 0;
right: 0;
}
.iabjs a.zzry {
width:139px;
height:70px;
background: url(../images/iababg.png) no-repeat -278px -0px;
float:left;
position: absolute;
bottom: 0;
left: 0;
}
.iabjs a.qyyj {
width:139px;
height:70px;
background: url(../images/iababg.png) no-repeat -417px -0px;
float:left;
position: absolute;
bottom: 0;
right: 60px;
}
.ipro {
width:100%;
min-width: 1200px;
overflow: hidden;
background: #f5f5f5;
padding-top: 50px;
}
.icase {
width:100%;
min-width: 1200px;
overflow: hidden;
background: #f5f5f5 url(../images/icasebg.jpg) no-repeat center bottom;
}
.icaseqh {
position:relative;
width: 100%;
float: left;
margin-bottom: 147px;
margin-top: 45px;
}
.icaseqh .hd {
width: 100%;
position: absolute;
height: 225px
}
.icaseqh .hd .prev {
left:-60px;
position: absolute;
top: 50%;
margin-top: -15px;
display:block;
width:18px;
height:29px;
cursor:pointer;
background:url("../images/arrow.png") -0 0 no-repeat;
}
.icaseqh .hd .next {
right:-60px;
position: absolute;
top: 50%;
margin-top: -15px;
display:block;
width:18px;
height:29px;
cursor:pointer;
background:url("../images/arrow.png") -18px 0 no-repeat;
}
.icaseqh .hd ul {
float:right;
overflow:hidden;
zoom:1;
margin-top:10px;
zoom:1;
}
.icaseqh .hd ul li {
float:left;
width:9px;
height:9px;
overflow:hidden;
margin-right:5px;
text-indent:-999px;
cursor:pointer;
background:url("../images/icoCircle.gif") 0 -9px no-repeat;
}
.icaseqh .hd ul li.on {
background-position:0 0;
}
.icaseqh .bd {
padding:0px;
}
.icaseqh .bd ul {
width: 100%;
zoom:1;
padding-top: 10px;
}
.icaseqh .bd ul li {
margin:0 12px;
width: 277px;
height: 225px;
float:left;
_display:inline;
overflow:hidden;
text-align:center;
box-shadow: 0px 0px 8px #ccc;
margin-bottom: 10px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.icaseqh .bd ul li .pic {
text-align:center;
width: 277px;
height: 180px;
}
.icaseqh .bd ul li .pic img {
width:277px;
height:180px;
display:block;
}
.icaseqh .bd ul li .title {
line-height:45px;
height: 45px;
font-size: 12px;
color: #3d3d3d;
width: 100%;
background: #ffffff;
}
.icaseqh .bd ul li .title a {
line-height:45px;
height: 45px;
font-size: 12px;
color: #3d3d3d;
width: 100%;
background: #ffffff;
width: 100%;
display: block;
}
.icaseqh .bd ul li:hover .title a {
background:-moz-linear-gradient(left,#87c34f,#1782e0);
/*Mozilla*/
background:-webkit-gradient(linear,0 50%,100% 50%,from(#87c34f),to(#1782e0));
/*Old gradient for webkit*/
background:-webkit-linear-gradient(left,#87c34f,#1782e0);
/*new gradient for Webkit*/
background:-o-linear-gradient(left,#87c34f,#1782e0);
/*Opera11*/
color: #ffffff;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.inews {
width:100%;
min-width: 1200px;
margin-top: 50px;
overflow: hidden;
}
.inewslist {
width:100%;
height:auto;
float:left;
margin-top: 45px;
}
.inewslist li {
width:570px;
height:102px;
float:left;
background: #f7f7f7;
border-left: 7px solid #d9d9d9;
margin-bottom: 22px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.inewslist li:hover {
background: #e5f2f2;
border-left: 7px solid #038084;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.inewslist li.last {
float: right;
}
.inewslist li .date {
width:88px;
height:auto;
float:left;
font-size: 12px;
color: #838383;
font-family: Arial;
text-align: center;
margin-right: 8px;
line-height: 32px;
}
.inewslist li .date span {
width:100%;
height:auto;
float:left;
text-align: center;
font-size: 36px;
color: #262626;
font-family: Arial;
margin-top: 15px;
line-height: 46px;
}
.inewslist li .tit {
width:455px;
height:34px;
line-height: 34px;
margin-top: 8px;
float:left;
font-size: 14px;
color: #3d3d3d;
}
.inewslist li p {
width:455px;
height:50px;
overflow:hidden;
float:left;
font-size: 12px;
color: #838383;
line-height: 24px;
}
.ishh {
width:100%;
min-width: 1200px;
height:483px;
margin-top: 45px;
background: url(../images/ishhbg.png) no-repeat center 0;
}
.ilxwmcon {
float: left;
height: auto;
margin-top: 70px;
width: 400px;
}
.ilxwmcon h2 {
color: #ffffff;
float: left;
font-size: 24px;
font-weight: bold;
height: auto;
line-height: 34px;
margin-top: 60px;
width: 100%;
margin-bottom: 5px;
}
.ilxwmcon p {
color: #ffffff;
float: left;
font-size: 12px;
height: auto;
line-height: 22px;
width: 100%;
}
.ilxwmcon .line {
background: #ffffff none repeat scroll 0 0;
float: left;
height: 1px;
margin: 11px 0;
width: 55px;
}
.ilxwmcon span.mail {
color: #87a631;
float: left;
font-size: 12px;
font-weight: bold;
height: auto;
line-height: 26px;
width: 100%;
}
.ilxwmcon span.tel {
color: #ffffff;
float: left;
font-size: 24px;
font-weight: bold;
height: auto;
line-height: 30px;
width: 100%;
margin-top: 15px;
}
.ishh .search {
border: 1px solid #b5d6d9;
float: left;
height: 26px;
line-height: 26px;
width: 230px;
margin: 10px 0;
}
.ishh .search-keyword {
width: 203px;
height: 26px;
line-height: 26px;
border: 0 none;
float: left;
border-right: 1px solid #b5d6d9;
background: none;
text-indent: 10px;
color: #fff;
}
.search-submit {
background: url("../images/search-bt.png") no-repeat scroll 0 0;
border: 0 none;
margin-top:-26px;
color: #fafafa;
cursor: pointer;
font-size: 0;
height: 26px;
width: 26px;
float: right;
}
.ishh .w1200 {
position: relative;
}
.ishh .tw {
width:111px;
background: url(../images/iconatw.png) no-repeat center 0;
height:25px;
float:left;
font-size: 12px;
color: #ffffff;
top: 167px;
position: absolute;
left: 520px;
display: block;
padding-top: 132px;
text-align: center;
}
.ishh .wt {
width:120px;
background: url(../images/iconawt.png) no-repeat center 0;
height:25px;
float:left;
font-size: 12px;
color: #ffffff;
top: 167px;
position: absolute;
left: 727px;
display: block;
text-align: center;
padding-top: 132px;
}
.ishh .lx {
width:129px;
height:71px;
background: url(../images/iconlx.png) no-repeat 0 0;
float:left;
position: absolute;
right: 0;
top: 170px;
}
.ishh .fk {
width:129px;
height:71px;
background: url(../images/iconfk.png) no-repeat 0 0;
float:left;
position: absolute;
right: 0;
top: 252px;
}
.footer {
width:100%;
min-width: 1200px;
background: url(../images/footerbg.jpg) no-repeat center 0;
height:368px;

}
.ftnav {
float:left;
height: auto;
}
.ftnav dl {
width:175px;
height:auto;
float:left;
margin-top: 40px;
}
.ftnav dl dt {
width:100%;
height:auto;
float:left;
margin-bottom: 10px;
}
.ftnav dl dt a {
width:100%;
height:39px;
line-height: 39px;
float:left;
font-size: 14px;
color: #b3b3b3;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.ftnav dl dt a:hover {
color: #038084;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.ftnav dl dd a {
width:100%;
height:auto;
float:left;
font-size: 12px;
color: #7B7B7B;
line-height: 30px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.ftnav dl dd a:hover {
color: #038084;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.fttact {
width:370px;
height:auto;
float:right;
margin-top: 40px;
}
.fttact .title {
width:100%;
height:39px;
line-height: 39px;
float:left;
font-size: 14px;
color: #b3b3b3;
margin-bottom: 10px;
}
.fttact ul {
width:100%;
height:auto;
float:left;
}
.fttact ul li {
width:100%;
height:auto;
float:left;
font-size: 14px;
color: #575757;
line-height: 40px;
}
.fttact ul li i {
margin-right: 13px;
display: inline-block;
vertical-align: middle;
}
.fttact ul li i.tel {
width:17px;
height:17px;
background: url(../images/icontel.png) no-repeat center center;
}
.fttact ul li i.mail {
width:17px;
height:13px;
background: url(../images/iconmail.png) no-repeat center center;
}
.fttact ul li i.add {
width:11px;
height:17px;
background: url(../images/iconadd.png) no-repeat center center;
}
.fttact ul li p {
font-size: 14px;
color: #575757;
line-height: 40px;
display: inline-block;
vertical-align: middle;
}
.ftewm {
width:130px;
height:auto;
float:right;
margin-top: 50px;
}
.ftewm img {
width:130px;
height:auto;
float:left;
}
.ftewm span {
width:100%;
height:48px;
line-height: 48px;
text-align: center;
float:left;
font-size: 12px;
color: #575757;
}
.flink {
background: rgba(0, 0, 0, 1) url("../images/flinkbg.png") no-repeat scroll 135px 11px;
border: 1px solid #272727;
float: right;
height: 31px;
line-height: 31px;
position: relative;
width: 164px;
margin-top: 45px;
}
.flink li.ljbtn {
color: #505050;
float: left;
font-size: 12px;
height: auto;
line-height: 31px;
text-indent: 11px;
width: 100%;
}
.flink .ljbox {
background: #ffffff none repeat scroll 0 0; opacity:0.6;filter:alpha(opacity=60); 
border: 1px solid #e7e7e7;
bottom: 31px;
display: none;
float: left;
height: auto;
left: 0;
overflow: hidden;
position: absolute;
width: 100%;
}
.flink .ljbox a {
color: #505050;
float: left;
font-size: 12px;
height: 26px;
line-height: 26px;
text-align: center;
width: 100%;
}
.flink li.ljbtn:hover .ljbox {
display: block;
}
.copyright {
width:100%;
height:auto;
float:left;
font-size: 12px;
color: #575757;
line-height: 30px;
}
.copyright span {
font-size: 12px;
color: #575757;
line-height: 30px;
display: inline-block;
float:left;
}
.copyright img {
display: inline-block;
vertical-align: text-bottom;
}
.iprobox {
position: relative;
width: 100%;
height: 500px;
margin: 46px auto 0;
float: left;
}
.lineF {
width: 100%;
float: left;
position: absolute;
visibility: hidden;
}
.boxF, .boxS, .boxT, .overlay {
width: 352px;
height: 408px;
overflow: hidden;
}
.boxF, .boxS {
visibility: hidden;
}
.boxF {
transform: rotate(120deg);
float: left;
margin: 0 24px;
-ms-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
.boxS {
transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
}
.boxT {
transform: rotate(-60deg);
background: no-repeat 50% center;
background-size: 125% auto;
-ms-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
visibility: visible;
}
.overlay {
background-color: rgba(0,0,0,0.5);
display: bold;
position: relative;
z-index: 1;
}
.overlay:hover {
background-color: rgba(3,128,132,0.9);
}
.boxT:hover .overlay {
display: block;
}
.overlay a {
width:100%;
padding: 20px;
display: block;
height:100%;
float:left;
box-sizing: border-box
}
.overlay span {
width:auto;
padding:0 10px 0 10px;
height:40px;
line-height: 40px;
border: 1px solid #bebebf;
color: #ffffff;
font-size: 24px;
text-align: center;
position: absolute;
top: 189px;
left: 50%;
margin-left: -77px;
}
.overlay p {
width:312px;
height:0;
overflow: hidden;
position: absolute;
float:left;
font-size: 12px;
color: #ffffff;
line-height: 26px;
top: 206px;
}
.overlay:hover span {
top: 130px;
}
.overlay:hover p {
height:100px;
}
.overlaybg {
width:352px;
height:408px;
position: absolute;
bottom: 0 ;
right: 0;
background: url(../images/overlaybg.png) no-repeat 0 0;
z-index: 0;
}
.nbanner {
width:100%;
min-width: 1200px;
height:399px;
background: url(../images/nybanner.jpg) no-repeat center 0;
}
.nbanner1 {
width:100%;
min-width: 1200px;
height:399px;
background: url(../images/nynews.jpg) no-repeat center 0;
}
.nbanner2 {
width:100%;
min-width: 1200px;
height:399px;
background: url(../images/nycontact.jpg) no-repeat center 0;
}
.pos {
width:100%;
min-width: 1200px;
background: #f5f5f5;
height:62px;
}
.posi  {
height:62px;
line-height: 62px;
float:left;
font-size: 12px;
color: #515151;
background: url(../images/iconinv.png) no-repeat left center;
padding-left: 23px;
}
.posi a {
height:62px;
line-height: 62px;
display: inline-block;
font-size: 12px;
color: #515151;
}
.posi a:hover {
    color: #038084;
}
.main {
width:100%;
min-width: 1200px;
overflow: hidden;
}
.sidebar {
height:62px;
float:right;
}
.sidebar li {
display: inline-block;
float:left;
margin: 0 25px;
}
.sidebar li a {
width:100%;
height:50px;
line-height: 50px;
margin-top: 8px;
font-size: 14px;
color: #515151;
display: inline-block;
float:left;
}
.sidebar li a.current {
border-bottom: 3px solid #038084;
color: #038084;
}
.sidebar li a:hover {
border-bottom: 3px solid #038084;
color: #038084;
}
.mt70 {
margin-top: 70px;
}
.tg_pages{
padding-top: 10px;
padding-bottom: 60px; 
width: 100%;
text-align: center;
overflow: hidden;
}
.tg_pages li{
display: inline-block;
}
.tg_pages li a{
margin-right: 5px;
padding-right: 12px;
padding-left: 12px;
height: 31px;
line-height: 31px;
display: inline-block;
border: 1px solid #d8d8d8;
background-color: #FFF;
color: #575757;
font-size: 14px;
}
.tg_pages li.thisclass a{
color: #ffffff;
background: #038084;
border: 1px solid #038084;
}
.prolist {
width:100%;
height:auto;
float:left;
margin-top: 40px;
}
.prolist li {
width:368px;
height:400px;
float:left;
border: 1px solid #ebebeb;
margin-right: 45px;
margin-bottom: 35px;
}
.prolist li.last {margin-right: 0;
}
.prolist li .picbox {
width:368px;
height:239px;
float:left;
}
.prolist li .picbox img {
width:366px;
height:239px;
float:left;
}
.prolist li span {
width:100%;
height:64px;
line-height: 64px;
margin-top: 5px;
float:left;
text-align: center;
font-size: 18px;
color: #3d3d3d;
font-weight: bold;
}
.prolist li p {
width:auto;
height:auto;
float:left;
font-size: 12px;
color: #575757;
line-height: 30px;
padding:0 22px;
}
.prolist li:hover {
box-shadow: 0px 0px 10px #ddd;
}
.prolist li:hover span {
color: #038084;
}
.prolist li:hover p {

}
.proarc {
width:100%;
height:auto;
float:left;
border: 1px solid #ececec;
box-sizing: border-box;
padding: 50px 50px;
margin-top: 70px;

}
.proarc .info {
width:600px;
height:auto;
float:left;
margin-right: 50px;
}
.proarc .info span {
width:85px;
height:3px;
background: #038084;
float:left;
}
.proarc .info h1 {
width:100%;
height:70px;
line-height: 70px;
margin-bottom: 10px; 
float:left;
font-size: 18px;
color: #3d3d3d;
}
.proarc .info p {
width:100%;
height:170px;
float:left;
font-size: 12px;
color: #7e7e7e;
line-height: 30px;
}
.proarc .info a.lxwm {
width:127px;
height:38px;
line-height: 38px;
background: #038084;
text-align: center;
font-size: 14px;
color: #ffffff;
float:left;
}
.proarc .picbox {
width:447px;
height:290px;
float:right;
}
.proarc .picbox img {
width:447px;
height:290px;
float:left;
}
.proqh {
width:100%;
height:auto;
float:left;
margin-top: 37px;
margin-bottom: 37px;
}
.proqh .tab-hd {
width:100%;
height:auto;
float:left;
}
.proqh .tab-hd ul {
width:100%;
height:auto;
float:left;
background: #f5f5f5;
}
.proqh .tab-hd ul li {
width:50%;
height:45px;
line-height: 45px;
float:left;
font-size: 16px;
color: #474747;
text-align: center;
box-sizing: border-box;
border-right: 1px solid #ffffff;
cursor: pointer;
}
.proqh .tab-hd ul li.on {
    background: #038084;
    color: #ffffff;
}
.proqh .tab-bd {
width:auto;
min-width:1199px;
height:auto;
float:left;
}
.proqh .content {
width:100%;
border: 1px solid #ebebeb;
height:auto;
float:left;
font-size: 14px;
color: #7e7e7e;
line-height: 30px;
padding: 35px;
box-sizing: border-box;
}
.mb70 {
    margin-bottom: 70px;
}
.kfol {
width:45px;
height:184px;
float:left;
position: fixed;
top: 50%;
margin-top: -92px;
right: 1%;
}
.kfol a {
width:45px;
height:45px;
float:left;
margin-bottom: 1px;
position: relative;
background: #038084;
}
.kfol a.tel {background:#038084 url(../images/oltel.png) no-repeat center center;}
.kfol a.qq {background:#038084 url(../images/olqq.png) no-repeat center center;}
.kfol a.wx {background:#038084 url(../images/olwx.png) no-repeat center center;}
.kfol a.gt {background:#038084 url(../images/oltop.png) no-repeat center center;}
.kfol a span {
width:0;
display: inline-block;
position: absolute;
height:45px;
line-height: 45px;
font-size: 18px;
color: #ffffff;
float:left;
right: -0;
overflow: hidden;
background: #038084;
text-align: center;
top: 0;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.kfol a .wximg {
width:0;
height: 160px;
display: inline-block;
position: absolute;
background: #038084;
font-size: 18px;
color: #ffffff;
float:left;
top: -69px;
right: 0;
overflow: hidden;
}
.kfol a .wximg img{
width:146px;
height: 146px;
margin: 7px;
float: left;
}
.kfol a:hover span {
right: 46px;
width: 130px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}

.kfol a:hover .wximg {
right: 46px;
width: 160px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}


/*2017.6.15*/
.ydlx{
width: 1198px;
height: auto;
float: left;
padding-top: 53px;
border: 1px solid #ebebeb;
box-sizing: border-box;
}
.zxyd{
width: 547px;
height: 335px;
float: left;
border-right: 1px solid #ededed;
margin-left: 54px;
margin-bottom: 35px;
}
.zxyd .tit{
width: 100%;
height: auto;
float: left;
margin-bottom: 29px;
}
.zxyd .tit span{
display: inline-block;
font-size: 18px;
color: #575757;
height: 30px;
float: left;
border-bottom: 1px solid #038084;

}
.zxydform{
width: 100%;
height: auto;
float: left;
}
.zxydform li{
width: 100%;
height: auto;
float: left;
margin-bottom: 15px;
}
.zxydform li span{
width: 73px;
height: 29px;
line-height: 29px;
float: left;
display: inline-block;
font-size: 12px;
color: #575757;
}
.zxydform li input.intxt{
width: 351px;
height: 27px;
line-height: 27px;
border: 1px solid #f5f5f5;
float: left;
font-size: 12px;
color: #bababa;
text-indent: 18px;
}
.zxydform li input.tjbtn{
width: 112px;
height: 32px;
line-height: 32px;
text-align: center;
background: #038084;
color: #ffffff;
border: 0 none;
font-size: 14px;
cursor: pointer;
float: left;
}
.zxydform li textarea{
width: 351px;
height: 90px;
line-height: 30px;
border: 1px solid #f5f5f5;
float: left;
font-size: 12px;
color: #bababa;
text-indent: 18px;
}
.lxwm{
width: 480px;
height: auto;
float: left;
margin-left: 104px;
}
.lxwm .tit{
width: 100%;
height: auto;
float: left;
margin-bottom: 29px;
}
.lxwm .tit span{
display: inline-block;
font-size: 18px;
color: #575757;
height: 30px;
float: left;
border-bottom: 1px solid #038084;

}
.lxwmbox{
width: 100%;
height: auto;
float: left;
}
.lxwmbox span{
width: 100%;
height: auto;
float: left;
font-size: 14px;
color: #575757;
font-weight: bold;
line-height: 30px;
}
.lxwmbox p{
width: 100%;
height: auto;
float: left;
font-size: 12px;
line-height: 38px;
color: #575757;
text-indent: 29px;
}
.lxwmbox p.tel{
background: url(../images/lxtel.png) no-repeat left center;
}
.lxwmbox p.fax{
background: url(../images/lxfax.png) no-repeat left center;
}
.lxwmbox p.mail{
background: url(../images/lxmail.png) no-repeat left center;
}
.lxwmbox p.add{
background: url(../images/lxadd.png) no-repeat left center;

}
.lxwmbox a.lxkf{
width: 103px;
height: 28px;
line-height: 28px;
font-size: 12px;
color: #ffffff;
text-indent: 39px;
float: left;
margin-top: 20px;
background: url(../images/lxkf.png) no-repeat 0 0;
}

/*2017.6.15*/


/*09新闻列表*/
textarea { resize: none;}
*,*:before,*:after {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.ftitle_3{ float:left; width:100%; height:139px; padding:40px 0 0 0;text-align: center; color:#333;}
.ftitle_3 .tit_3{ float:left; width:100%; font-size:30px; line-height:40px; font-weight:bold;}
.ftitle_3 .eng_3{ float:left; width:100%; color:#5D5D5D; font-size:14px; line-height:23px; padding:20px;}
.ftitle_3 .line_3{ display: table; width:80px; height:2px; background-color:#038084; margin:0 auto;}
.c_1200_12{ float:left; width:100%; padding:30px 0 0 0;}
.c_1200_12 .li1{ float:left; width:100%; padding:30px 20px 30px 0; }
.c_1200_12 .l_1200{ float:left; width:100%; padding:0 0 0 120px; position:relative;}
.c_1200_12 .l_1200 .l_90{ position:absolute; width:90px; height:100%; left:0; top:0; text-align:center; color:#038084; border-right:#e6e6e6 solid 1px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.c_1200_12 .l_1200 .l_90 .t_90_1{ display: block; font-size:40px; line-height:60px; font-weight:bold; /*margin-top:10px;*/}
.c_1200_12 .l_1200 .l_90 .t_90_2{ display:block;  font-size:12px; line-height:17px;  padding-top:25px;}
.c_1200_12 .l_1200 .r_0100{ float:left; width:100%;}
.c_1200_12 .l_1200 .tit_new{ float:left; width:100%; margin:28px 0 32px 0; line-height:30px; font-weight:bold;}
.c_1200_12 .l_1200 .tit_new a{ font-size:18px; color:#666;}
.c_1200_12 .l_1200 .text_new{ float:left; width:100%; line-height:30px; overflow:hidden;}
.c_1200_12 .l_1200 .text_new a{ color:#666; font-size:14px;}
.c_1200_12 .l_1200 .text_new.hei1{ height:60px;}
.c_1200_12 .l_1200 .btn_new{ float:left; width:100%;} 
.c_1200_12 .l_1200 .btn_new.btn1{ margin:10px 0 15px 0;}
.c_1200_12 .l_1200 .btn_new .anew{ float:left; line-height:30px; color:#038084; font-size:14px;}
.c_1200_12 li{ background-color:#f5f5f5;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
	}
.c_1200_12 li:hover{ background-color:#038084;}
.c_1200_12 li:hover .l_1200 .l_90{ color:#fff; border-right:#398F92 solid 1px;}
.c_1200_12 li:hover .l_1200 .tit_new a{  color:#fff;}
.c_1200_12 li:hover .l_1200 .text_new a{ color:#fff; }
.c_1200_12 li:hover .l_1200 .btn_new .anew{  color:#fff; }
.c_1200_12 .li_box{ float:left; width:100%; min-height:500px; margin-bottom:30px;}
.c_1200_12 .li_box .li2{ float:left; width:380px; margin:30px 30px 0 0;  padding:30px 20px 30px 0;  }
.c_1200_12 .li_box .li2:nth-child(3n){ margin-right:0;}
.c_1200_12 .li_box .li2 .tit_new_2{ float:left; width:100%; height:60px; overflow:hidden; margin:20px 0 26px 0; line-height:30px; font-weight:bold;}
.c_1200_12 .li_box .li2 .tit_new_2 a{ font-size:18px; color:#666;}
.c_1200_12 .li_box li:hover .tit_new_2 a{  color:#fff;}
.c_1200_12 .l_1200 .text_new.hei2{ height:90px;}
.c_1200_12 .l_1200 .btn_new.btn2{ margin:10px 0 2px 0;}
@media screen and (max-width:767px){
/*09新闻列表*/
.ftitle_3{ height:120px; padding:45px 0 0 0;}
.c_1200_12{  padding:30px 20px 0 20px;}
.c_1200_12 .li_box{  min-height:0;}
.c_1200_12 .l_1200 .tit_new{ margin:20px 0 26px 0;  height:60px; overflow:hidden; }
.c_1200_12 .l_1200 .text_new.hei1{ height:90px;}
.c_1200_12 .l_1200 .btn_new.btn1{ margin:10px 0 2px 0;}
.c_1200_12 .li_box .li2{ width:100%;  margin:30px 0 0 0;  padding:30px 20px 30px 0;  }
.c_1200_12 .li_box .li2:nth-child(3n){ margin-right:0;}
.c_1200_12 .li_box .li2 .tit_new_2{  overflow:hidden; }
.c_1200_12 .li_box li:hover .tit_new_2 a{  color:#fff;}
.c_1200_12 .l_1200 .text_new.hei2{ height:90px;}
.c_1200_12 .l_1200 .btn_new.btn2{ margin:10px 0 2px 0;}	
}