@charset "utf-8";
body{margin:0 auto; width:100%; font-size:14px; color:#333; font-family:'Microsoft YaHei';}
img{border:0; }
h1,h2,h3,h4{font-family:"Microsoft Yahei"; }
ul{list-style:none; padding:0; margin:0; }
a{text-decoration:none; padding:0; color:rgb(5,130,140); }
hr{border-color:rgb(157,225,214);}

#header{text-align:center; width:100%; height:160px; background-color:#fff; font-size:16px;}
.content-width{width:1000px; }
.logo{margin:23px auto;}
.logo img{display:block; width:100%; }

.nav{width:100%; height:60px;  background-color:rgb(5,130,140); color:white; }
.nav-fixed{position: fixed; z-index:21; top: 0; left: 0; }
.nav-list{margin:0 auto; }
.non{display:none;}
/*ie8下用>取子元素只能取到第一个*/
ul.nav-list>li{float:left; width:16.66%; height:100%; box-sizing:border-box; padding:6px 0;}
ul.nav-list>li:hover{background-color:rgb(0,95,102);}
ul.nav-list>li>a {display:block; width:100%; height:100%; line-height:24px; color:white; }
.nav-sub{position:relative; }
.nav-sub:hover ul{display:block; z-index:100; background-color:rgb(123,196,202); }
.nav-sub-list{position:absolute; top:60px; width:100%; display:none; background-color:rgb(123,196,202); font-size:14px; }
.nav-sub-list li{float:left; width:100%; height:38px; line-height:40px; }
.nav-sub-list li:hover{background-color:rgb(5,130,140);}
.nav-sub-list li a{color:#ffffff; }



#footer{padding:10px 0 50px; background-color:rgb(5,110,120); color:white; text-align:center; }
.footer-list{width: 1000px; margin: 10px auto 20px; font-size:0; }
.footer-list a{display: inline-block; width: 20%; box-sizing: border-box; border-right: 1px solid #aaa;  font-size: 14px; line-height:2em; color: #eee; }
.footer-list a:nth-of-type(1), .footer-list a:nth-of-type(6){border-left: 1px solid #aaa; }

.footbox{width:1050px; height:150px; margin:0 auto;} 
.footbox div{float:left; width:200px; height:145px; border:1px dashed gray; text-align:center; }
.foot-logo{background:url(../img/foot_logo.png) no-repeat center;}
.foot-weixin{background:url(../img/weixin.png) no-repeat center;}
.footbox h4{margin:15px 0;}
.footbox div ul{width:60%; margin:0 auto;}
.footbox div ul li{line-height:1.5em;}
.footbox a{color:#fff; font-size:12px; }
.footbox a:hover{color:gray; }

#footer p{width: 750px; margin:10px auto; font-size:12px; }
#footer p a{text-decoration:none; color:inherit;}


#Bfixed{position:fixed; bottom:0; height:130px; width:100%; background-color:rgba(0, 0, 0, .6); z-index:3; opacity:0; transition:all .5s; visibility:hidden;}
.bfixed-hidden{bottom: -150px !important; transition: bottom .3s linear; }
.bfixed-container{display: flex; justify-content: space-around; align-items: flex-end; position: absolute; left: 50%; bottom: 0px; transform: translate(-50%, 0); width: 95%; height: 147px; margin: 0 auto; text-align: justify; }
.bfixed-bg{display: inline-block; width: 752px; height: 100%; background: transparent url(../img/footer-bg.png) no-repeat; }
.bfixed-form{display: inline-block; font-size: 16px; text-align: center; }
.bfixed-form div{position: relative; display: inline-block; margin-right: 10px; vertical-align: middle; }
.form-name, .form-phone{display: block; width: 150px; margin-bottom: 10px; padding: 10px; border-radius: 10px; border: none; }
.form-submit:hover{cursor: pointer; }
.form-submit{display: inline-block; height: 90px; margin: 0 0 10px; padding: 8px 10px; border-radius: 10px; border: none; font-weight: bold; font-size: 22px; color: #eee; background-color: #05828c; vertical-align: middle; }
.form-warning {position: absolute; top: -20px; display: block; width: 200px; height: 14px; color: #f00; font-size: 12px; text-align: left; }
.bfixed-2dcode{display: inline-block; color: #eee; font-size: 12px; }
.bfixed-2dcode img, .bfixed-2dcode span{display: block; }
.bfixed-close{align-self: center; display:inline-block; width:30px; height:30px; margin: 20px 0 0 20px; line-height:30px; text-align:center; border:1px solid #05828c; border-radius:50%; color:#05828c; font-size:30px; }
.bfixed-close:hover{cursor: pointer; }

#Bfixed{position:fixed; bottom:0; height:50px; width:100%; background-color:rgb(5,130,140); z-index:3; opacity:0; transition:all .5s; visibility:hidden;}
.fixbox-b{height:30px; margin-top:5px; text-align:center; font-size:16px; }
.fixbox-b a{display:inline-block; height:100%; line-height:30px; margin-right:20px; padding:5px 10px 5px 40px; border:1px solid gray; border-radius:5px; color:rgb(5,130,140); background:#ffffff url("/newresource/img/icon.png") 5px -115px no-repeat; background-size:30px; } 

.block-show{opacity:1 !important; visibility:visible !important;}

#Rfixed{position:fixed; z-index:100; height:250px; width:50px; top:50%; right:0; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); opacity:0; transition:all .5s; visibility:hidden; text-align:center; font-weight:bolder; font-family:"微软雅黑"; } 
.side-icon{position:relative; width:50px; height:50px; padding:5px 0; box-sizing:border-box; color:#fff; }
.side-icon a{display:block; margin:0 auto; width:40px; height:40px; background:url(../img/icon.png) no-repeat; background-size:40px; }
.icon-message{background-color:rgb(255,133,1); }
.icon-phone{background-color:rgb(50,150,43);}
.icon-qq{display:none; background-color:rgb(28,128,210); }
.icon-wechat{background-color:rgb(110,185,43); }
.icon-top{background-color:rgb(5,130,140); }
.icon-message a{background-position:0 0; }
.icon-phone a{background-position:0 -200px; }
.icon-qq a{background-position:0 -40px; }
.icon-wechat a{background-position:0 -80px; }
.icon-top a{background-position:0 -280px; }
.side-icon:after{display:block; width:110px; height:100%; position:absolute; top:0; left:0;  z-index:-1; line-height:50px; transition:left .2s linear; }
.icon-message:after{content:"在线咨询"; background-color:rgb(255,133,1); }
.icon-phone:after{content:"13528023456"; background-color:rgb(50,150,43); }
.icon-qq:after{content:"13528023456"; background-color:rgb(28,128,210); }
.icon-wechat:after{ height:110px; top:-30px; content:"在线咨询"; background:rgb(110,185,43) url(/newresource/img/weixin.png) no-repeat; }
.icon-top:after{content:"返回顶部"; background-color:rgb(5,130,140); }
.side-icon:hover:after{left:-110px; } 
/* #Rfixed{position:fixed; z-index: 10; height:560px; width:70px; top:45%; right:0; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); opacity:0; transition:all .5s; visibility:hidden; text-align:center; font-family:"微软雅黑"; background-color: rgba(5, 130, 140, .8);}
.icon-link{display: block; padding: 5px 0; height: 70px; box-sizing: border-box; border-bottom: 1px solid #aaa; }
.icon-link-wechat, .icon-link-phone{position: relative; z-index: 8; }
.icon-link-top{border-bottom: none; }
.icon-container{display: block; width: 40px; height: 40px; margin: 0 auto; background: url(/newresource/img/icon.png) no-repeat; background-size: 40px auto; }
.icon-brand{background-position: 0 -520px; }
.icon-discount{background-position: 0 -560px; }
.icon-paper{background-position: 0 -600px; }
.icon-books{background-position: 0 -640px; }
.icon-profits{background-position: 0 -680px; }
.icon-wechat{background-position: 0 -80px; }
.icon-phone{background-position: 0 -200px; }
.icon-wechat-img{position: absolute; z-index: 5; display: block; height:110px; width: 110px; top:-20px; right: -110px; transition: right .2s linear; }
.phone-form{position: absolute; z-index: 5; top: -1px; right: -250px; width: 250px; height: 71px; padding: 15px; box-sizing: border-box; border: 1px solid #aaa; border-right: none; font-size: 0; background-color: rgba(5, 130, 140, .8); transition: right .2s linear; }
.phone-form input, .phone-form button{display: inline-block; height: 40px; margin: 0; padding: 5px 10px; box-sizing: border-box; border: 0; font-size: 14px; line-height: 30px; }
.phone-form input{width: 60%; border-radius: 10px 0 0 10px; vertical-align: middle; }
.phone-form button{width: 40%; border-radius: 0 10px 10px 0; background-color: #2db0bc; color: #fff; vertical-align: middle; }
.phone-form button:hover{cursor: pointer; }
.icon-link-wechat:hover .icon-wechat-img{right:70px; }
.icon-link-phone:hover .phone-form{right:70px; }
.icon-top{background-position: 0 -280px; }
.icon-description{display: block; height: 19px; line-height: 19px; text-align: center; font-size: 12px; color: #fff; }*/



#dialogue{position:fixed; width:0; left:-100px; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -moz-transform:translate(0,-50%); z-index:100; transition:all .2s linear; -webkit-transition:all .2s linear; }
#dialogue img{width:100%; }
#dialogue.dial-show{left:50%; width:360px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}

#dialogue span{position:absolute; width:30px; height:30px; background-color:rgb(5,130,140); opacity:0.8; font-size:30px; top:0; right:-30px; color:white; font-family:"SimSun"; line-height:30px; text-align:center; }
#dialogue span:hover{cursor:pointer;}
#dialogue a{position:absolute; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); -moz-transform:translate(-50%,0); bottom:16px; width:100px; height:28px; background-color:rgb(5,130,140); color:#ffffff; text-decoration:none;display:block; font:bold 16px/28px "Microsoft Yahei"; letter-spacing:2px; text-align:center; border-radius:3px; box-shadow:0 0 5px rgb(125,125,125);}


.clearfloat{clear:both; }