﻿@charset "utf-8";
/* CSS Document */
html{background:#FFF;font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:16px;font-size:1.6rem ; /* 14÷10=1.4 */background:#fffff7;color: #282828;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #282828; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{width:auto;max-width:100%;-ms-interpolation-mode: bicubic;}
a{outline:none;text-decoration:none;color: #282828;}
a:hover{color: #015591;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.pa{position: absolute;}
.pr{position: relative;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}

/*头部样式*/
.wraq_header{ width:100%;height:165px;}
.header{width:1200px;max-width:1200px; min-width: 300px; height:100px; margin:0 auto;z-index:9999;position:relative;}
.top{height:100px;}
.logo{ width:415px; height:58px; float:left;padding:8px 0 0 0;position: relative;z-index: 1003;}
.top_right{width:auto;height:28px;float:right; margin-top:5px; line-height:30px; text-align:right;}
.top_right p a{margin:0 5px;}
.top_right span{float:right;height:28px; margin-top:16px;}



.wraq_header.current .logo{transition: width 0.3s ease 0s;-webkit-transition: width 0.3s ease 0s;-moz-transition: width 0.3s ease 0s;width:200px;height:57px;padding:12px 0 0 0;}
.wraq_header.current{position:fixed;top:0;left:0;width:100%;height:60px;background:none;background-color:#007072;z-index:99999;box-shadow:0 4px 4px rgba(0, 51, 52, .5);}
.wraq_header.current .nav{height:60px; line-height:60px;margin-left:200px;width:998px;background:none;position: absolute;left:50%;margin-left:-366px;}
.wraq_header.current .nav > ul{background:none;height:60px;width:100%;}
.wraq_header.current .nav li{_width:110px;*width:110px;background:none;font-size:0.9em;height:60px; line-height:60px;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;}
.wraq_header.current .nav li a{color:#fff;border-left:none;}
.wraq_header.current .nav li a:hover{font-weight:normal;background-color:#eda700;transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;}
.wraq_header.current .nav li .subNav{display:none;top:60px;}
.wraq_header.current .top{height:60px;width:200px;float:left;}
.wraq_header.current .top_right{display:none;}
.wraq_header.current .topHeader{display:none;}
.wraq_header.current .minfoWrap{display:none !important;}
.wraq_header.current .header{height:60px;width:240px;position: absolute;left:50%;margin-left:-599px;}
/*导航*/
/*.current .nav-wrapper{background:#004a99; height:60px; line-height:60px;box-shadow:0px 0px 6px #333;}
.nav-wrapper.current .navMain{background:#014fa7; height:73px; line-height:73px;}
.navMain{ height:60px; line-height:60px;}*/
.nav_box {background-color: #fff;width: 100%;background-color: rgb(55,152,143);}
.nav {height:44px;margin: 0 auto;max-width: 1220px;min-width: 300px;position: relative;*width: 1220px;z-index: 9999;}
.nav > ul {height:44px;width: 100%;}
.nav ul li {float: left;line-height:44px;position: relative;}
.nav ul > li{width:16.22%;}
.nav ul li a {padding: 0;text-align: center;}
.nav ul li > a {color: #fff;display: block; font-size:18px;font-size: 1.8rem; font-weight: normal;}
/*.nav ul li > a:hover, .nav ul li.on > a {background-color: #247324;color: #fff;}*/
.nav .minfoWrap {display: none;font-size:16px; font-size: 1.6rem; left: 0;position: absolute;width: 197px;z-index: 9993;overflow:hidden;}
.nav .minfoWrap_inner {margin: 0 auto;width: auto;}
.nav .nav01 {background: #fff none repeat scroll 0 0;float: left;padding: 10px 0;width: 100%;}
.nav ul .nav01 li {float: left;height: auto;line-height: 18px;text-align: center;width: 100%;}
.nav .minfoWrap a {border-right: medium none;color: #333; font-size:16px;font-size: 1.6rem; text-align: center;display:block}
.nav .minfoWrap_inner .fr {color: #007072;float: left;line-height: 30px;margin-right: 45px;padding-top: 18px;text-align: left;width: 270px;}
.nav .minfoWrap_inner a:hover, .nav .minfoWrap_inner a.hover {background: #015591 none repeat scroll 0 0;color: #fff;text-decoration: none;}
.nav .minfoWrap_inner a {border-left: medium none;padding:5px 10px;}
.nav-wrapper {z-index: 9992;}



/*footer*/

.goTop {position: absolute;bottom: 0;right: 30px;z-index: 99;color: #f18e21;text-align: center;font-size: 16px;transition: none;}
.goTop i {color: #f18e21;display: block;margin-bottom: 8px;transition: all 0.3s ease;}
.goTop:hover{color: #f18e21;}
.goTop:hover i {transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}
.sEng{display:none;position:absolute;right:13px;top:4px;font-size:14px;}
.sEng a{color:#fff;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
/*手机端导航*/
.snav{display: none;height: 50px;right:0px; top:50px;z-index: 1002; width:100%;}
.mbtn{display: block;width:50px;height: 50px; right:15px; top:0;z-index: 1002;cursor:pointer;background-color: #20a295;}
#Index_mbtn{margin:0 auto;width:16px;height:18px;display: block;margin-top:10px;color:#fff;}
.mbtn .m{font-size: 12px;font-weight:400;font-family:Arial;color:#fff;text-align:center;width:100%;display:block;hegiht:20px;}
.navm{ width:100%;z-index: 9999; line-height: 30px; background-color:#015591;overflow: hidden; text-align: left; display: none;top:84px;left:0;}
.navm ul{}
.navm li{width:100%;overflow:hidden;border-bottom:1px solid #266b9c;}
.navm li a{ font-size: 15px;font-size:1.5rem; width:120px;float:left; line-height:18px; padding:10px 0px; color:#fff; padding-left:13px;  display:block;}
.navm li a:hover{color:#fff;}
.navm li span{ padding:10px 10px 0 0;float:right;margin-right:10px;color: #fff;cursor: pointer;}
.navm dl{ background-color:#fff;color:#004489;padding-left:20px;}
.navm dl dd{width:100%;height:30px;line-height:30px;border-bottom:1px solid #ddd;}
.navm li.on dl dd a{ display:block;font-size: 14px; color:#282828; line-height:30px;height:30px;width: 100%;}
.navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline; display:block; border:none; padding:0px;}
.navm li dl dd a:hover{ color:#ee931d;}
.subNavs{width:100%;overflow:hidden;display: none; }
.nlinks{width:100%;overflow:hidden;}
.nlinks span{float:left;padding:0 10px;height:35px;line-height: 35px;}
.nlinks span a{color:#fff;}

/*footer*/
.footerWrap{width: 100%;/*overflow:hidden;*/background:url(../../images/2017/friendLink_bg.png) no-repeat top center #eee}
.friendLink{width:211px; border:1px #dcdcdc solid; margin:0 auto;padding:9px 0;/*overflow: hidden;*/text-align:center;}
.select01{}
.select01{position:relative;width:190px;height:30px;line-height: 30px;border-style:none;border:1px solid #b2b2b2;margin-right:7px;display:inline-block;*display: inline;*zoom:1;text-align: left;}
.select01 option{height: 30px;line-height: 30px;}
.select06{margin-right:0;}
.footer{width:100%;/*overflow:hidden;*/margin:0 auto;background:#37988F; }
.Links01,.Links02 {width:100%;overflow:hidden;padding:34px 0;}
.Links02 {padding-top:43px;min-height:75px;}
.Links01 li{width:20%;float:left;line-height:28px;}
.Links01 li a{color:#fff;}
.Links01 li a{background:url(../../images/2017/li_bg01.png) no-repeat left 8px;padding-left:20px;display:block;}
.Links02 li{width:16.6%;float:left;min-height: 11px;}
.Links02 li select{width:75%;margin-left:6%;}
.copyRight{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;font-size:14px;font-size:1.4rem;padding-top:25px;}
.copyRight a{color:#fff;}
.copyRight a:hover{color:#ee931d;}
.link03 span{margin:0 4px;color:#fff;}
.link03{width:300px;margin:0 auto;}
.copyRight span{color:#fff;}
.footer_bottom{text-align:center;line-height:24px;padding:15px 10px 20px;}
.footer_bottom span{display:block;}
.footer_bottom strong{margin:0 5px;}
/*手机版二维码*/
.lightbox_back { z-index: 999997; left: 0; top: 0; width: 100%; height: 100%; position: fixed; background: black;
  opacity: 0.4; filter: alpha(opacity=40);  display: none;}
.fullScreen{display: block;right:50%;margin-right:-84px;}
.lightbox_fore { z-index: 999998; left: 20%; top: 50%;width: 60%; height: 116px; margin-top:-58px;
  position: fixed;  display: none;}
.boxClose{position: absolute;right:-15px;top:-15px;cursor:pointer;}
.footer_icon01{ position: relative; bottom: 5px; left: 245px; display: inline-block;   /* width: 100px; */   /*! height: 100px; */float: left;}



.select001{width:186px; margin:0px auto; position:relative; z-index:10000;display:inline-block;z-index: 9999999}
.select001 .option_cur{width:150px; height:40px;line-height:40px; display:block; color:#333; cursor:pointer;font-style:normal;
padding-left:4px; padding-right:30px;  overflow: hidden;
background:url(../images/index_43.png) no-repeat right center #f6f6f6;}
.select001 ul{width:98%;border:1px solid #ccc; background-color:#ffffff; position:absolute; z-index:99999999; margin-top:-1px; display:none;left:0;overflow:auto;}
.select001 ul li{ line-height:19px;padding:5px 0;}
.select001 ul li a{display:block; color:#333333; text-decoration:none; padding-left:10px; padding-right:10px;}
.select001 ul li a:hover{background-color:#fff;}
.footer_icon01{position: relative; bottom: 5px; left: 248px; display: inline-block;   /* width: 100px; */   /*! height: 100px; */float: left;}




/*分享*/

.share {
    float: left;
    height: 40px;
    line-height: 40px;
  /*  background: #efeff4;*/
    color: #3a5eb6;
    padding: 0 8px;
}

.share .bdsharebuttonbox>a {
    padding-left: 0;
    margin: 5px 2px;
    height: 30px;
    text-indent: 0;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background: none;
    font-size: 20px;
    display: inline-block;
    float: none;
    color: #fff;
    transition: all 0.35s ease-out;
    /*! border-radius: 50%; */
    /*! border: #dbdbdb 1px solid; */
}

.shareBox {
    width: 260px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -130px;
    z-index: 9998;
    height: 310px;
    border: 6px solid #8F8F8F;
    border-radius: 8px;
    box-shadow: 0 0 7px #aaa;
    display: none;
}

.shareBox {
    font-size: 14px;
}

.shareBox .title {
    background: #f6f6f6;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px !important;
}

.shareClose {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 18px;
    width: 20px;
    ;
}

.sharelist {
    position: static;
    height: 250px;
    overflow-y: auto;
    padding-left: 17px !important;
}

.sharelist li {
    float: left;
    width: 130px;
    padding: 2px;
    margin-left: 6px;
    _margin-left: 3px;
    height: 28px;
    overflow: hidden;
    list-style: none;
}

.sharelist li a {
    color: #565656;
    font: 12px '宋体';
    display: block;
    text-decoration: none;
    border: 1px solid #fff;
    line-height: 18px;
    width: auto;
    height: auto;
    text-indent: 0;
}

.weChatBox {
    width: 260px;
    height: 300px;
    background-color: #fff;
    border: solid 1px #d8d8d8;
    padding: 10px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -140px;
    z-index: 9998;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.weChatBox .w-title {
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 10px 0;
}

.w-close {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    color: #333;
    cursor: pointer;
}

.qrcode {
    width: 200px;
    height: 200px;
    margin: 15px auto;
    background: #ccc;
}

.w-footer {
    font-size: 12px;
    line-height: 1.5;
    color: #999;
}

#qrodeText {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    visibility: hidden;
}

.bdsharebuttonbox span {
    display: inline-block;
    float: left;
}

.share .bdsharebuttonbox>a.bds_weixin {
    background: url(../images/wechat.png) no-repeat center;
}

.share .bdsharebuttonbox>a.bds_tsina {
    background: url(../images/sina.png) no-repeat center;
}

.share .bdsharebuttonbox>a.bds_qzone {
    background: url(../images/zone.png) no-repeat center;
}

.share .bdsharebuttonbox>a.bds_more {
    background: url(../images/bds_more.png) no-repeat center;
}


@media screen  and (max-width:1198px) {

.header,.topHeader > div,.footer{width:auto;padding:0 8px;}
.headerCur01,.wraq_header{height: auto;}
.minfoWrap_inner .fl{display: none;}
.Links01 li{width:33.333%;}
.goTop{right:10px;}
.Banner{width: 100%;}
.copyRight{position:relative;padding-top:25px }
.footer_icon01{width:50px;height:50px;position:absolute ;left:15px;top:35px;}
  .friendLink{padding:15px 15px 0px;width: auto;}
 .select01{margin:0 10px 10px;}
 .footerWrap{background-image: none;}
 .wraq_header,.header{height:auto;}
    .snav{display: block; top:23px;}
    .top_right,.topHeader ul,.nav{display: none;}
    .select001{margin-bottom: 10px;}
	
}
@media screen  and (max-width:1024px) {.footer_icon01{left:8px;}
}
@media screen  and (max-width:800px) {
	.top_right,.nav,.topHeader{display: none;}
    
    .BannerList h3{font-size:20px;font-size:2.0rem;line-height:20px;}
    .BannerList p{font-size:14px;font-size:1.4rem;}
	.BannerList p span{display:block;margin:0 auto;}
	.BannerList p strong{display:none;}
	
	.footer_icon01{top:0px;}

}
@media screen  and (max-width:768px) {
.footer{background-size:cover;background-position: bottom center;}
.footer_bottom{padding-bottom:15px;}
#divselect3,#divselect4,#divselect5,#divselect6{display: none;}
}
@media screen  and (max-width:760px) {
.select03,.select04,.select05,.select06{display:none;}
}
@media screen and (max-width:640px) {

.footer_bottom strong{display: block;}
.footer_icon01{top:20px;}
.logo{width:75%;height:auto;padding:25px 0 0 0;max-width:320px;}
.top{height:100px;}
    .snav{top:20px;}
    .navm{top:68px;}
}
	
@media screen and (max-width:500px) {
    .select01{width: 42%;}
    .footer_icon01{left: 8px;}
    }	

@media screen and (max-width:480px) {
    
    .footer_bottom{padding:5px 5px 20px;}
    .copyRight  .footer_bottom span{margin:0;}
    .select001{width:125px;margin: 0 5px 15px;}
    .select001 .option_cur{width:95px;}
    .footer_icon01{top:75px;}
}

@media screen and (max-width:380px) {
    .link03{width: 100%;text-align: center;line-height: 25px;}
    .link03 a,.link03 span{display: inline-block;}
    .footer_icon01{top:50px;}
}









