@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0; border:0px;}
body{ color:#333; font-family: Arial, "微软雅黑",verdana, helvetica, sans-serif; font-size:15px; background:#f0f0f0; line-height:25px;}
dl,dt,dd,input,ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5{ white-space:normal;list-style-type:none; font-weight:normal;}
img{ border:0px; }
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline; color:#00b38a;}
b{font-weight: 400;}
i,em{ font-style: normal; display:inline-block;}
input, input[type=password], input[type=search], select, textarea { font-size: 1em; outline: 0; -webkit-transition: box-shadow .217s ease; transition: box-shadow .217s ease; font-family:"微软雅黑",verdana, arial, helvetica, sans-serif;}
i{ background:url(../../images/2016/icon.png) no-repeat; display:inline-block;}
.po{ overflow:hidden !important; height:100%; }

/*header*/
.header_cont{ width:100%; height:50px; background:#27a980;letter-spacing: -0.1px;}
.header{ width:1200px; height:50px; margin:0 auto; color:#fff; line-height:50px; }
.header .logo{ float:left; width:138px; padding-top:8px; border-right:1px #208b69 solid; height:42px;}
.header .nav{ float:left;border-left:1px #2cbf91 solid;}
.header .nav li{ float:left; padding:0 13px;}
.header .nav li:hover{ background:#38c297}
.header .nav li span{ font-size:15px;}
.header .nav li i{ width:16px; height:8px; background-position:0 0; margin-left:5px;}
.header .nav li a{ color:#fff; font-size:15px;}
.header .nav li a:hover{ text-decoration:none;}
.header .nav li:first-child a{ font-size:12px; position: relative; top: -1px;}
.header .loginbar{ float:right;}
.header .loginbar li{ float:left; padding:0 10px;}
.header .loginbar li:hover{ background:#38c297}
.header .loginbar li a{ color:#fff; font-size:15px;}
.header .loginbar li a:hover{ text-decoration:none;}
.header .loginbar span{ color:#cef5a0; font-size:15px;}

/*header-box*/
.header-box{ width: 100%; height: 51px; background: #27a980; }
.header-box a:hover{ text-decoration: none; }
.header{ width: 1200px; height: 51px; margin: 0 auto; }
.header-logo{ float: left; display: inline-block; width: 123px; height: 31px; padding: 10px 15px 10px 0; border-right: 1px #208b69 solid; }
.header-nav-ul{ float: left; height: 51px; border-left: 1px #2cbf91 solid; position: relative; z-index: 3; }
.header-nav-ul .nLi{ float: left; display: inline; position: relative; margin-left: 2px; }
.header-nav-ul .nLi:first-child{ margin-left: 0; }
.header-nav-ul .nLi h3{ float:left; }
.header-nav-ul .nLi h3 a{ float: left; display: block; font-size: 15px; line-height: 15px; color: #fff; padding: 18px 13px; }
.header-nav-ul .nLi h3 a span{ float: right; display: inline-block; font-size: 12px; line-height: 14px; margin-left: 4px; }
.header-nav-ul .nLi:hover{ background: #38c297; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.header-nav-ul .nLi:hover > h3 a{ color: #cef5a0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
/*.header-nav-ul .on{ background: #38c297; }*/
/*.header-nav-ul .on h3 a{ color: #cef5a0; }*/
.header-nav-ul .nLi .sub{ display: none; width: 200px; left: 0; top: 51px; position: absolute; background: #27a980; }
.header-nav-ul .nLi .sub li{ zoom: 1; margin-top: 1px; }
.header-nav-ul .nLi .sub li:first-child{ margin-top: 0; }
.header-nav-ul .nLi .sub a{ display: block; font-size: 15px; line-height: 15px; padding: 13px 13px; color: #ffffff; background: #38c297; }
.header-nav-ul .nLi .sub a:hover{ color: #cef5a0; padding: 13px 10px 13px 16px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.header-loginbar{ float: right;}
.header-loginbar li{ float:left; margin-left: 2px; height: 51px; }
.header-loginbar li a{ float: left; display: inline-block; max-width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ffffff; font-size: 15px; line-height: 15px; padding: 18px 13px; }
.header-loginbar li a:hover{ background: #38c297; color: #cef5a0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }


/*content*/
.content{width:1200px;overflow:hidden;margin:0 auto;zoom:1;}
.content:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}


/*location*/
.location{ width:1200px;}
.location>a,.location>span{ color:#666; margin:0 8px; line-height:45px;}
.location a:first-child{ margin-left:0;}


/* footer-box */
.footer-box{ width:100%; background:#fff; border-top:2px #27a980 solid; overflow:hidden; margin:25px 0 0 0;}
.footer{ width:1160px; margin:0 auto; padding:20px; overflow:hidden;}
.footer .fl{ float:left; width:380px; border-right:1px #ccc dashed;}
.footer .fl dl{ float:left; width:399px; margin:8px 0}
.footer .fl dl dt{ float:left; width:69px; text-align:center;}
.footer .fl dl i{ width:29px; height:30px; vertical-align:middle;}
.footer .fl dl .kf{ background-position:-23px 0; margin-top:16px;}
.footer .fl dl .qq{ background-position:-54px 0; margin-top:16px;}
.footer .fl dl .yx{ background-position:-85px 0;}
.footer .fl dl dd{ font-size:20px; color:#777; float:left; width:330px;}
.footer .fl dl h2{ margin-bottom:8px;font-size:20px; color:#777;}
.footer .fr{ float:left; width:759px; padding-left:20px; text-align:center; color:#555}
.footer .fr .footMenu{ color:#999;}
.footer .fr .footMenu a{ margin:0 5px; color:#555}
.footer .fr p{ margin:8px 0;}
.footer .fr p a{ margin:0 15px;}
.footer .fr .ba{ margin-bottom:25px;}
.footer .fr i{ width:18px; height:20px; background-position:0 -30px; vertical-align:middle; margin-top:-1px; margin-right:5px;}

/* bdgd*/
.bdgd{ margin-bottom:20px; background:#fff;}
.r_bdgdF{ width:300px; padding:10px 15px; background:#fff; margin-top:20px;}
.r_bdgdS{ width:300px; padding:10px 0; background:#fff; margin-bottom:20px; text-align:center;}
.T_bdgd{ width:100%; padding:6px 0; background:#fff; margin-bottom:15px;}
.l_bdgdF{ float:left; width:100%; margin:15px 0 0 0; overflow:hidden;}
.l_bdgdS{ width:100%; margin-bottom:15px; overflow:hidden;}
.ad_list{ float:left; width:840px; padding:10px 20px 0 20px; background:#fff; margin-top:20px;}
.mT{ margin-top:20px;}
.noMar{ margin:0;}

/* change */
.change{ margin-top:20px; overflow:hidden;}
.change dt{ background:#f6f6f6; width:878px; height:30px; line-height:30px; font-size:14px; border:1px #dfdfdf solid;}
.change dt a{ padding:0px 24px; display:inline-block; border-right:1px #dfdfdf solid; border-bottom:1px #dfdfdf solid; color:#666;}
.change dt a:hover{ text-decoration:none;}
.change dt a.on{ color:#1baf8d; background:#fff; border-bottom:1px #fff solid;}
.change dd{ border:1px #dfdfdf solid; border-top:0px; overflow:hidden;}
.change dd .b_cont{ background:#fff; padding:15px 20px; display:none; overflow:hidden;}
.change dd .style1 a{ float:left; display:inline-block; line-height:25px; font-size:13px; width:20%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.change dd p{ text-indent:2em; line-height:25px; font-size:13px; color:#666;}


/* UNav */
.UNav{ width:100%; text-align: center; overflow:hidden;}
.UNav li a { height: 31px; font-size: 12px; color: #888; line-height: 31px; padding: 0px 13px; margin-bottom: 4px; border:1px #e6e6e6 solid; display: inline-block; margin-right: 5px; }
.UNav span { height: 31px; line-height: 31px; padding: 0px 13px; display: inline-block; margin-right: 5px;}
.UNav span, .UNav a:hover { color: #fff; background: #2bb59c; text-decoration: none;}


/*inform-box*/
.inform-box{ width: 1200px; height: auto; margin: 20px auto 0 auto; zoom: 1; }
.inform-box:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.inform-box p{ float: left; width: 840px; padding: 20px; background: #fff; font-size: 15px; line-height: 25px; color: #333; }
.inform-box p span{color: #ff0000; margin-right: 3px; }
.inform-box p a img{ position: relative; top: 4px; margin: 0 3px; }


/* 快速登录弹窗--------------------------------------------------------------------------------------------- */
.popupSign{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); z-index: 1001; display: none; }
.popup-sign-box{ width: 400px; height: auto; border-radius: 12px; overflow: hidden; margin: 0 auto; background: #ffffff; position: relative; top: 30%; }
.popup-sign-box em{ display: block; font-size: 24px; line-height: 24px; color: #1a1a1a; text-align: center; margin-top: 30px; }
.popup-sign-box span{ display: block; font-size: 12px; line-height: 18px; color: #787878; text-align: center; margin-top: 14px; }
.popup-sign-box span:before{ content: ''; display: inline-block; vertical-align: middle; clear: both; width: 28px; height: 1px; background: #c3c3c3; position: relative; top: -1px; margin-right: 6px; }
.popup-sign-box span:after{ content: ''; display: inline-block; vertical-align: middle; clear: both; width: 28px; height: 1px; background: #c3c3c3; position: relative; top: -1px; margin-left: 6px; }
.popup-sign-choose{ text-align: center; margin: 26px 0; overflow: hidden; }
.popup-sign-choose ul{ display: inline-block; overflow: auto; overflow-x: hidden; overflow-y: hidden; }
.popup-sign-choose ul li{ float: left; display: inline; margin: 0 12px; }
.popup-sign-choose ul li.sign-in-qq a{ background: #0eb5ff; }
.popup-sign-choose ul li.sign-in-wechat a{ background: #1ec100; }
.popup-sign-choose ul li.sign-in-sina a{ background: #e14600; }
.popup-sign-choose ul li a{ float: left; display: block; width: 60px; height: 60px; border-radius: 50%; position: relative; transition: all 0.2s; }
.popup-sign-choose ul li a img{ display: inline-block; width: 36px; height: 30px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all 0.2s; }
.popup-sign-choose ul li a:hover > img{ width: 30px; height: 24px; }
.popup-sign-choose ul li.sign-in-qq a:hover{ background: #0a7eb2; }
.popup-sign-choose ul li.sign-in-wechat a:hover{ background: #158700; }
.popup-sign-choose ul li.sign-in-sina a:hover{ background: #9d3100; }
.sign-in-more{ display: block; font-size: 12px; line-height: 12px; color: #44b28f; text-align: center; margin: 28px 0 18px 0; transition: all 0.6s; }
.sign-in-more:hover{ color: #787878; }
b.closeSign{ display: inline-block; width: 39px; height: 42px; position: absolute; top: 0; right: 0; cursor: pointer; }
b.closeSign img{ width: 100%; }


/*弹窗---------------------------------------------------------------------*/

.popupFollow{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); z-index: 1001; display: none; }

/*关注弹窗*/

.popup-follow-box{ width: 400px; height: auto; margin: 0 auto; position: relative; top: 24%; }

/***/

ul.popup-follow-top{ height: auto; padding: 6px 0 24px 0; background: #ffffff; position: relative; }

ul.popup-follow-top em{ display: block; font-size: 24px; line-height: 34px; color: #1a1a1a; padding: 24px 20px; }

ul.popup-follow-top span{ display: block; width: 150px; height: 150px; overflow: hidden; margin: 0 auto; margin-bottom: 24px; }

ul.popup-follow-top span img{ width: 100%; min-height: 100%; }

ul.popup-follow-top p{ font-size: 14px; line-height: 22px; color: #444444; padding: 0 20px; }

ul.popup-follow-top p b{ color: #000000; color: #27a980; text-decoration: underline; margin: 0 3px; }

/***/

ul.popup-follow-bottom{ height: auto; padding: 0 20px; background: #ffffff; margin-top: 10px; }

ul.popup-follow-bottom p{ display: inline-block; vertical-align: middle; font-size: 14px; line-height: 52px; color: #444444; }

ul.popup-follow-bottom p img{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 12px; }

ul.popup-follow-bottom p span{ font-size: 15px; color: #27a980; font-weight: 700; margin-left: 5px; cursor: pointer; }

ul.popup-follow-bottom p span:hover{ color: #db6574; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

ul.popup-follow-bottom .on{ display: none; }

/***/

ul.popup-follow-top li.forWechat em{ text-align: center; }

ul.popup-follow-top li.forWechat p{ text-align: center; }

ul.popup-follow-top li.forEmail .foremailInp{ width: 360px; height: 42px; padding: 0 20px; margin-bottom: 24px; position: relative; }

ul.popup-follow-top li.forEmail .foremailInp input{ float: left; display: inline-block; width: 261px; height: 40px; border: 1px solid #e6f4ef; border-right: none; outline: none; padding: 0 14px; font-size: 14px; line-height: 40px; color: #333333; cursor: pointer; }

ul.popup-follow-top li.forEmail .foremailInp input{ box-shadow: 0px 0px 14px rgba(19, 81, 61, 0.24); -moz-box-shadow: 0px 0px 14px rgba(19, 81, 61, 0.24);-webkit-box-shadow: 0px 0px 14px rgba(19, 81, 61, 0.24); }

ul.popup-follow-top li.forEmail .foremailInp input::-webkit-input-placeholder{ font-size: 14px; line-height: 40px; color: #b6b6b6; font-weight: normal; }

ul.popup-follow-top li.forEmail .foremailInp input::-moz-input-placeholder{ font-size: 14px; line-height: 40px; color: #b6b6b6; font-weight: normal; }

ul.popup-follow-top li.forEmail .foremailInp input::-ms-input-placeholder{ font-size: 14px; line-height: 40px; color: #b6b6b6; font-weight: normal; }

ul.popup-follow-top li.forEmail .foremailInp input:focus{ border: 1px solid #44b28f; }

ul.popup-follow-top li.forEmail .foremailInp button{ display: inline-block; width: 70px; height: 42px; background: #44b28f; border: 0; outline: none; font-size: 14px; color: #ffffff; border-top-right-radius: 3px; border-bottom-right-radius: 21px; position: absolute; top: 0; right: 20px; cursor: pointer; }

ul.popup-follow-top li.forEmail .foremailInp button{ box-shadow: 0px 0px 14px rgba(19, 81, 61, 0.24); -moz-box-shadow: 0px 0px 14px rgba(19, 81, 61, 0.24);-webkit-box-shadow: 0px 0px 14px rgba(19, 81, 61, 0.24); }

ul.popup-follow-top li.forEmail .foremailInp button:hover{ background: #349777; border-bottom-right-radius: 3px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

/***/

b.closeFollow{ display: inline-block; width: 39px; height: 42px; position: absolute; top: 0; right: 0; cursor: pointer; }

b.closeFollow img{ width: 100%; }