@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:arial , "微软雅黑"; color:#666; overflow-x:hidden; background: #fff; }
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#00A1E9; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}

.headCon dd:last-child {width: auto;}

.p{ font-size: 14px; color: #666; line-height: 28px; }
.wal{width:1600px; margin:0px auto;}
.wal800{width:800px; margin:0px auto;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.pc-show{ display: block !important; }
.pc-hide{ display: none !important; }

input:focus {outline: none; } 
input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
input:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
input:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
textarea:focus {outline: none; } 
textarea:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
textarea:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
textarea:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }


/*头部导航*/
.headerBox{ padding: 11px 0 0; width:100%; background:#FFFFFF; z-index:50; }
.header{ overflow: hidden; position: relative; height: 98px;}
.header .logo{ display: block; float: left; line-height: 98px; }
.header ul{ float: left; margin: 0 0 0 20px; line-height: 98px; }
.header li{ float: left; font-size: 16px; padding: 0 25px; }
.header li a{ color: #333333; display: block; }
.header li.on a ,
.header li a:hover{ color: #00a1e9; }
.header .rightDiv{ margin: 35px 0 0; }
.header .seekBox{ width: 266px; height: 28px; border-radius: 64px; background: #999999; overflow: hidden; float: left; }
.header .seekBox input{ width: 225px; height: 28px; background: #cccccc; border-radius: 64px; float: left; box-sizing: border-box; padding: 0 28px; font-size: 13px; }
.header .seekBox input::-moz-placeholder{ color: #999999; }
.header .seekBox input::-webkit-input-placeholder{ color: #999999; }
.header .seekBox a{ width: 41px; height: 28px; display: block; background: url(../images/seek.png) no-repeat center; float: left; border-radius: 0 64px 64px 0; }
.header .talkBox{ float: left; padding: 0 2px 0 13px; overflow: hidden; }
.header .talkBox a{ width: 38px; display: block; height: 28px; color: #666666; text-align: center; line-height: 28px; float: left; font-size: 16px; border-radius: 64px; margin-left: 8px; }
.header .talkBox a.on ,
.header .talkBox a:hover{ background: #00a1e9; color: #FFFFFF; }


/*pc*/

/*经过显示*/
.sNav{ position: fixed; top: 109px; z-index: 51; background: #FFFFFF; left: 0; right: 0; display: none; }
.sNav .list{  overflow: hidden; width: 1600px; margin: 0 auto; background: #f7f7f7;padding: 35px 0 20px; }
.sNav .list ul{ text-align: center; }
.sNav .list li{ display: inline-block; width: 170px; line-height: 42px; background: #e7e7e7; }
.sNav .list li a{ display: block; padding: 0 0 0 46px; text-align: left; font-size: 18px; color: #333333; }
.sNav .list li:hover ,
.sNav .list li.on{ background: #00A0E9; }
.sNav .list li:hover a,
.sNav .list li.on a{ background: url(../images/ico_02on.jpg) no-repeat 28px center; background-size: 7px; color: #FFFFFF; }
.headNav{ text-align: center; }
.headNav div{ display: inline-block; width: 260px; line-height: 42px; background: #e7e7e7; font-size: 18px; color: #333333; cursor: pointer; }
.headNav div:hover ,
.headNav div.on{ background: #00A0E9 url(../images/ico_02on.jpg) no-repeat 28px center; background-size: 7px; color: #FFFFFF;width: 260px; }
.headCon{ text-align: center; }
.headCon dl{ overflow: hidden; text-align: left; padding: 29px 0 0; display: none; }
.headCon dd{ float: left; width: 278px; }
.headCon dd b{ display: block; padding-left: 22px; background: url(../images/ico_03.png) no-repeat left center; background-size: 8px; color: #666; font-weight: bold; line-height: 32px; font-size: 14px; }
.headCon dd div{ line-height: 32px; padding-left: 22px; font-size: 14px; }
.headCon dd div.on a{ color: #00A0E9; }



/*尾部*/
.footer{ width: 1600px; margin: 0 auto; }
.footerTop{ background: #00a0e9; padding: 39px 64px 41px 61px; }
.footerTop .leftDiv{  }
.footerTop .flogo{ display: block; float: left; }
.footerList{ float: left; margin: 28px 0 0 64px; }
.footerList ul{ margin-bottom: 18px; } 
.footerList ul:after{ content: ''; display: block; clear: both; }
.footerList li{ float: left; padding: 0 20px; border-right: 1px solid #FFFFFF; line-height: 16px; }
.footerList li:last-child{ border-right: none; }
.footerList li a{ font-size: 18px; color: #FFFFFF; }
.footerList li a:hover{ text-decoration: underline; }
.footerList .p{ margin-left: 20px; font-size: 14px; color: #FFFFFF; opacity: 0.5; }
.footerList .p a{ color: #FFFFFF; }
.footerTop .rightDiv{ line-height: 34px; overflow: hidden; padding: 28px 0 0 ; }
.footerTop .rightDiv span{ /*padding-left: 50px; background: url(../images/footer_i2.png) no-repeat left center;*/ display: block; float: left; font-size: 18px; color: #FFFFFF; }
.footerTop .rightDiv em{ font-size: 24px; color: #FFFFFF; }

.footerBtm{ padding-bottom: 8px; }
.footerBtm .leftDiv{ padding: 26px 0 0; }
.footerBtm .leftDiv .p{ line-height: 22px; color: #666666; font-size: 14px; margin-bottom: 4px; }
.footerBtm .leftDiv .en{ font-size: 12px; color: #666666; line-height: 22px; text-transform: uppercase; }
.footerBtm .rightDiv{ line-height: 83px; }
.footerBtm .rightDiv .off{ display: none; }
.footerBtm .rightDiv a{ margin-left: 16px; }
.footerBtm .rightDiv a:hover .on{ display: none; }
.footerBtm .rightDiv a:hover .off{ display: inline-block; }


/*手机菜单*/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:222; right:-100%; top: 0rem;}
.navLayer .close{ position:absolute; right: -0.4rem; top:0;}
.navLayer .close img{ width:0.3rem;}
.navLayer .bg{ position:relative; background:#fff; height:100%; margin-right: 10%; width: 90%;}
.sideNav{ }
.subNav{ cursor:pointer; display:block; height:1rem; line-height: 1rem; border-bottom:0.01rem solid #006680; position:relative;  font-size:0.30rem; color:#333333; background: url(../images/navRight_01.png) no-repeat 94% center; background-size: 0.18rem; }
.subNav .name{ padding-left: 0.22rem; text-align:left; position:relative;}
.subNav a{ display:block; height: 1rem; color:#3a3a3a;}
.currentDt{ background-size: 0.3rem; color:#00A0E9; border-bottom: 1px solid #FFFFFF; }
.currentDd span{ color:#ff0000;}
.navContent{display: none; border-bottom:1px solid #006680; background:#f5f5f5; padding-bottom: 0.46rem; }
.navContent li{ margin-left: 0.2rem; margin-bottom: 0.03rem; }
.navContent li > a{display:block;  height:0.54rem; line-height:0.54rem; color:#333333; padding-left: 0.6rem; font-size: 0.26rem; background: #e7e7e7 url(../images/ico_02.jpg) no-repeat 0.31rem center; background-size: 0.09rem; }
.navContent li strong{ background: #e7e7e7 url(../images/ico_02.jpg) no-repeat 0.31rem center; background-size: 0.09rem; display: block; font-weight: normal; line-height: 0.54rem; padding-left: 0.6rem; color: #333333; font-size: 0.26rem; }
.navContent dl{ padding: 0.12rem 0; display: none; }
.navContent dd{ margin: 0 0 0 0.58rem; }
.navContent dd a{ background: url(../images/ico_03.png) no-repeat left center; background-size: 0.13rem; padding-left: 0.36rem; line-height: 0.46rem; display: block; font-size: 0.23rem; }
.navContent dd.on2 > a ,
.navContent dd a:hover{ font-weight: bold; color: #00A0E9; }
.navContent li strong.open{ background: #00A0E9 url(../images/ico_02on.jpg) no-repeat 0.31rem center; background-size: 0.09rem; color: #FFFFFF; }
.navContent li > a.on ,
.navContent li > a:hover{ background: #00A0E9 url(../images/ico_02on.jpg) no-repeat 0.31rem center; background-size: 0.09rem; color: #FFFFFF; }

.pageBg{ position:fixed; z-index:51; width:100%; height:100%; display:none; background: #000; left:0px; top:0px; opacity: 0.8; }

.open2 .name{ color: #00A0E9; }
.open2 .name a{ color: #00A0E9; }

.nav_twoCon_ol{ padding: 0 0 0 0.2rem; display: none; }
.navContent dd .nav_twoCon_ol a{ background: none; padding-left: 2em; font-weight: normal; }
.navContent dd .nav_twoCon_ol a:hover{ color: #00A0E9; }

/*内页banner*/
.withinBan{ position: relative; width: 1600px; margin: 0 auto; }
.withinBan .img img{ width: 100%; }




/*分页*/
.number{ text-align: center; }
.number a{ line-height: 24px; margin: 0 6px; font-size: 14px; color: #666666; }
.number .prev1 ,
.number .prev2 ,
.number .next1 ,
.number .next2{ text-indent: 100%; width: 22px; height: 22px; display: inline-block; line-height: 22px; border: 1px solid #c6c6c6; }
.number .prev2{ background: url(../images/l4.png) no-repeat center; margin-right: 6px; }
.number .prev1{ background: url(../images/l5.png) no-repeat center; }
.number .next1{ background: url(../images/r5.png) no-repeat center; }
.number .next2{ background: url(../images/r4.png) no-repeat center; margin-left: 6px; }
.number a:hover ,
.number a.on{ color: #00A0E9; }
.number .prev2:hover{ background: #00A0E9 url(../images/l4on.png) no-repeat center; border-color: #00A0E9; }
.number .prev1:hover{ background: #00A0E9 url(../images/l5on.png) no-repeat center; border-color: #00A0E9; }
.number .next1:hover{ background: #00A0E9 url(../images/r5on.png) no-repeat center; border-color: #00A0E9; }
.number .next2:hover{ background: #00A0E9 url(../images/r4on.png) no-repeat center; border-color: #00A0E9; }

.numMore{ line-height: 0.64rem; text-align: center; background: #00A0E9; display: block; color: #FFFFFF; display: none; }

/*内容*/
.withtinSeat{ background: #FFFFFF; height: 57px; line-height: 57px; border-bottom: 1px solid #ebebeb; }
.SeatBox{ float: right; font-size: 14px; color: #a3a3a3; }
.SeatBox a{ color: #333333; }
.SeatBox a:hover{ color: #43a6dd; }
.SeatBox span{ color: #43a6dd; }


/*分享*/
.shareBox{ line-height: 27px; overflow: hidden; padding-bottom: 26px; border-bottom: 1px solid #e8e8e8; }
.shareBox span{ float: left; display: block; line-height: 27px; font-size: 14px; color: #666; }
.shareBox a{ display: block; float: left; margin: 0 5px; }


/*上下篇*/
.pieceBox{ border-top:1px solid #f6f6f6; position: relative; padding: 22px 0 0; }
.pieceBox .leftDiv{ width: 50%; }
.pieceBox .leftDiv div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin: 0 0 12px; }
.pieceBox .leftDiv div:last-child{ margin-bottom: 0; }
.pieceBox .leftDiv strong{ font-size: 14px; color: #666666; font-weight: normal; }
.pieceBox .leftDiv a{ color: #666666; font-size: 14px; }
.pieceBox .leftDiv a:hover{ text-decoration: underline; }
.pieceBox .more1{ position: absolute; right: 0; top: 29px; }




/*回到顶部*/
.SideBox{ position: fixed; right: 4px; top: 30%; z-index: 12; }
.SideBox li{ background: url(../images/bg_01.png) repeat; width: 52px; height: 51px; margin-bottom: 1px; position: relative; }
.SideBox li a{  display: block; height: 100%; position: relative; z-index: 10; }
.SideBox .liow1 a{ background: url(../images/Side1.png) no-repeat center; }
.SideBox .liow2 a{ background: url(../images/Side2.png) no-repeat center; }
.SideBox .liow3 a{ background: url(../images/Side3.png) no-repeat center; }
.SideBox .liow4 a{ background: url(../images/Side4.png) no-repeat center; }
.SideBox .Top_btn span{ background: url(../images/Side5.png) no-repeat center; display: block; height: 100%; }
.SideBox li .box{ position: absolute; right: -1000%; top: 0%; background: #000000; min-height: 51px; color: #FFFFFF; min-width: 160px; font-size: 16px; padding: 16px 12px; box-sizing: border-box; transition: .7s; z-index: 9; }
.SideBox li:hover{ background: #000000; }
.SideBox li:hover .box{ right: 100%; }



/*侧边*/
.sideDiv{ position: fixed; right: 8px; bottom: 30%; z-index:2;}
.sideDiv li{ border-radius: 3px; }
.sideDiv .eq{ width: 50px; height: 50px;border-radius: 3px; position: relative; }
.sideDiv .eq em{ width: 100%; height: 100%; display: inline-block; background: url(../images/bg_01.png) repeat; text-align: center;border-radius: 3px; color: #FFFFFF; font-size: 14px; box-sizing: border-box; padding: 4px 0 0; position: relative; z-index: 20; cursor: pointer; }
.sideDiv .eq em:hover{ background: #000000; }
.sideDiv .eq em .em2{background-image: url(../images/wx.png);width:40px;height:40px;background-size: contain;margin: 0 auto;background-repeat:no-repeat;background-position:center;}
.sideDiv .eq .img{ position: absolute; right: -1000%; z-index: 19; top: 50%; transform: translateY(-50%); width: 140px; background: #FFFFFF; padding: 6px; transition: .5s; }
.sideDiv .eq .img img{ width: 100%; }
.sideDiv .eq .imgOn{ right: 100%; }