@charset "utf-8";
body {margin: 0 auto;padding: 0;background-color: #F8F6F7;font: 18px/1.5 'Microsoft Yahei';font-family: "Microsoft Yahei";color: #AFAFAF;}
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, pre, a {margin: 0;padding: 0;}
a {color: #333;text-decoration: none;border: 0 none;}
a:hover {text-decoration: underline;color: #f50;}
img {border: 0 none;padding: 0;margin: 0;vertical-align: top;}
ul, li {list-style: none;}
.l {float: left;}
.r {float: right;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom:1;/*IE/7/6*/}
.bd {border: 1px solid #EBEBEB;border-top: 0;height: 100%;}
.mar_top {margin-top: 12px;}
html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;word-wrap: break-word;}
.mainbox {height: 100%;margin: 0 auto;max-width: 640px;position: relative;width: 100%;z-index: 8;background-color: #F8F6F7;}
.mainboxbg {position: fixed;height: 100%;width: 100%;background-color: #000;top: 0;display: none;z-index: 9;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.nav {width: 40%;background: #017d8b;position: fixed;right: 0px;padding-top: 8%;display: none;top: 0;z-index: 10;background: -moz-linear-gradient(left, #dd7bae, #f1c1d1);background: -webkit-linear-gradient(left, #d3256a, #d3256a);}
.nav li {text-align: center}
.nav li a {display: block;width: 100%;font-size: 22px;color: #fff;padding: 3% 0;}
.nav li a:hover {color: #fff;}
#header {text-align: center;color: #fff;font-weight: normal;vertical-align: middle;text-align: center;text-align: center;overflow: hidden;background: #d3256a;}
#header #logo {margin-left: 2.3%;margin-top: 15px;display: inline;float: left;max-height: 70px}
#header #logo img {width: 50px;height: auto;transform: scale(.9, .9);max-height: 50px;margin-top: 1px;vertical-align: middle;}
#header .flbox {float: right;display: inline;width: 14%;cursor: pointer;}
#header .flbox img {width: 100%;}
#serchbox {margin: 3% 3.4%;overflow: hidden;position: relative;}
.input {background-color: #fff;border: 1px solid #DFDFDF;float: left;display: inline;border-radius: 6px;width: 83%;padding: 2.55% 0;text-indent: 2%;font-family: 'Microsoft Yahei';}
.sechan {background: url(../img/serch.png) #0097a8 center center no-repeat;border-radius: 6px;border: 1px solid #027785;padding: 2.56% 0;width: 15.8%;cursor: pointer;display: inline;float: right;background-size: 40%;}
/* banner */
.slideBox {position: relative;max-width: 640px;max-height: 350px;overflow: hidden;/* 设置焦点图最大宽度 */}
.slideBox .hd {position: absolute;height: 28px;line-height: 28px;bottom: 8px;right: 0;z-index: 1;}
.slideBox .hd li {display: inline-block;width: 5px;height: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #333;text-indent: -9999px;overflow: hidden;margin: 0 6px;}
.slideBox .hd li.on {background: #fff;}
.slideBox .bd {position: relative;z-index: 0;}
.slideBox .bd li {position: relative;text-align: center;}
.slideBox .bd li img {/*background: url(../images/loading.gif) center center no-repeat;*/vertical-align: top;width: 100%;max-height: 350px;/* 图片宽度100%，达到自适应效果 */height:auto;}
.slideBox .bd li a {-webkit-tap-highlight-color: rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit {display: block;background: url(../img/focusbg.png) repeat;width: 100%;position: absolute;bottom: 0;text-indent: 1.5%;padding: 1.5% 0;line-height: 28px;color: #fff;text-align: left;font-size: 1.2em;}
.listmenu2 li {width: 17.7%;display: inline;padding: 1% 0;float: left;text-align: center;border-radius: 6px;border: 1px solid #DEDEDE;background-color: #fff;margin-left: 1.5%;}
.listmenu2 li img {width: 70%;margin-bottom: 1%}
.listmenu2 li a {text-decoration: none;}
.jspic {max-width: 640px;margin: 0 auto;overflow: hidden;}
.jspic img {width: 100%;}
.hotmenulit li {display: inline;padding: 2.4% 0;width: 44.5%;float: left;text-align: center;border-radius: 6px;text-align: left;background: #fff;margin-left: 3.5%;margin-top: 3%;border: 1px solid #E8E8E8;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2));background: -moz-linear-gradient(top, #fff, #F2F2F2);}
.hotmenulit li a {display: block;text-decoration: none;line-height: normal;}
.hotmenulit li a span {display: inline;float: left;width: 32.2%;margin: 0 2%;}
.hotmenulit li a span img {width: 100%;}
.hotmenulit li b {display: block;padding-top: 2%;font-weight: normal;color: #ff0000;font-size: 26px;}
.hotmenulit li p {color: #46c1d1;text-transform: uppercase;}
.hotmenulit li.current a b, .hotmenulit li a:hover b {color: #ff0000;}
.cpzs {border-radius: 6px;padding: 1.5% 0;overflow: hidden;text-align: left;background: #fff;border: 1px solid #E8E8E8;margin: 0 3.5%;margin-top: 3%;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2));background: -moz-linear-gradient(top, #fff, #F2F2F2);}
.cplbt {border-radius: 6px;overflow: hidden;text-align: left;background: #fff;border: 1px solid #E8E8E8;margin: 0 3.5%;margin-top: 3%;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2));background: -moz-linear-gradient(top, #fff, #F2F2F2);}
.cpzs h3 {font-weight: normal;display: inline;float: left;padding-left: 10%;color: #0097a8;background: url(../img/hx.png) 12% center no-repeat;background-size: 15%;}
.cpzs h5 {font-weight: normal;display: inline;float: left;padding-left: 15%;color: #919191;background: url(../img/wenhao.png) 12% center no-repeat;background-size: 25%;}
.cpzs h4 {font-weight: normal;display: inline;float: left;padding-left: 15%;color: #919191;background: url(../img/wenhao.png) 12% center no-repeat;background-size: 25%;}
.cpzs h6 {font-weight: normal;display: inline;float: left;padding-left: 15%;color: #919191;background: url(../img/yisheng.png) 12% center no-repeat;background-size: 25%;}
.more {margin-right: 2%;float: right;font-size: 12px;margin-top: 0.5%;background-color: #0097a8;border-radius: 6px;padding: 0.5%;line-height: normal;color: #fff;}
.more a {color: #fff;text-decoration: none;}
.cplist li {width: 29%;overflow: hidden;max-height: 243px;text-align: center;display: inline;float: left;padding: 0.5%;background-color: #fff;border: 1px solid #E8E8E8;margin-left: 1.7%;margin-top: 3%;}
.cplist {padding-left: 5%;}
.cplist li a {display: block;position: relative;}
.cplist li a .title {position: absolute;bottom: 0;line-height: normal;padding-top: 2%;color: #fff;z-index: 10;width: 100%;left: 0.5%;height: 35%;vertical-align: bottom;position: absolute;font-size: 75%;}
.cplist li a .bg {z-index: 1;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;background-color: #000;}
.cplist li img {width: 100%;height:100px;}
/*footer*/
#footer {font-size: 18px;height: 100%;text-align: center;line-height: 22px;min-height: 50px;padding: 2% 0;background-color: ##0097a8;background: -webkit-gradient(linear, 0 0, 0 100%, from(##0097a8), to(##0097a8));background: -moz-linear-gradient(top, #fff, ##0097a8);overflow: hidden;}
.foc {background: #0097a8;background: -webkit-gradient(linear, 0 0, 0 100%, from(#0fb5c7), to(#0097a8));background: -moz-linear-gradient(top, #0fb5c7, #0097a8);overflow: hidden;position: fixed;z-index: 9999;bottom: 0;width: 100%;max-width: 640px;border-radius: 10px;}
.foc li {width: 33.33%;text-align: center;color: #fff;float: left;padding: 1.5% 0;background: url(../img/fo_li.jpg) left repeat-y;cursor: pointer;}
.foc li span {display: block;padding-top: 13%;font-size: 90%;}
.foc li a {color: #fff;}
.foc .sms {background: none;}
.foc .sms span {background: url(../img/tel.png) center 6% no-repeat;background-size: 11.6%;}
.foc .chat span {background: url(../img/zixun.png) center 5% no-repeat;background-size: 12%;}
.foc .contact span {background: url(../img/contact.png) center 4% no-repeat;background-size: 10%;}
.back {width: 14%;position: absolute;left: 0;}
.cont {background-color: #f8f6f7;min-height: 450px;}
.back a img {width: 100%;}
.cpaut {width: 72%;text-align: center;color: #fff;float: left;font-size: 2em;margin-left: 14%;padding: 8px 0;text-align: center;width: 72%;}
.on_clickm {background: url(../img/r.png) #fff no-repeat 96% center;background-size: 2.5%;border-bottom: 1px solid #e5e5e5;color: #303030;font-size: 1.4em;line-height: 2.6;overflow: hidden;padding: 0 4%;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;}
.show_box {display: none;overflow: hidden;padding: 3%;}
.activeTitle {background: url(../img/d.png) #E9E9E9 no-repeat 96% center;background-size: 4%;}
.show_box li {background: none repeat scroll 0 0 #fff;border: 1px solid #e0dfdf;float: left;margin: 1%;padding: 1% 2%;text-align: center;}
.show_box li a {color: #6D6D6D;}
.cptt, .newslist li {padding: 2.4% 3%;text-align: center;border-radius: 6px;text-align: left;background: #fff;margin: 3% 2%;margin-bottom: 0;border: 1px solid #E8E8E8;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2));background: -moz-linear-gradient(top, #fff, #F2F2F2);}
.cptt { margin-bottom: 3%;}
.cptt:after{ content: '';clear: both;display: block;}
.cptt a{ float: left;padding: 5px 10px;font-size: 15px;color: #333;background: #fff;border: 1px solid #d3256a;border-radius: 3px;margin-right: 5px;margin-bottom: 5px;}
.cptt a.on{ background:  #d3256a;border-color:#d3256a;color: #fff;}
.newslist {margin-top: 2%;}
.newslist li {position: relative;padding: 1.5% 3%;margin: 1.5% 2%;}
.newslist li span {position: absolute;right: 5px;}
.pageListNav {padding: 1% 0;float: left;width: 90%;left: 5%; font-size:18px;position: relative;z-index: 999;text-align: center;overflow: hidden;background-color: #f8f6f7;border-radius: 6px;margin-bottom: 10px;}
.pageListNav ul {color:#fff;}
.pageListNav .firstPage {width: 30px;}
.pageListNav ul li {float: left;line-height: 25px;height: 25px;color:#000;margin-left: 5px;font-size: 14px;border: 1px solid #0097a8;padding: 0px 10px;width: auto;}
.pageListNav ul li a:hover {color: #000000;text-decoration: none;}
.pageListNav ul li a {color:#000000;}
.pageListNav ul li.thisclass, .pageListNav ul li.thisclass a, .pageListNav ul li.thisclass a:hover {background-color: #d00;color: #FFF}
.pageListNav .pageinfo {line-height: 25px;padding: 15px 15px 15px 15px;color: #333;}
.pageListNav select {line-height: 25px;margin-top: 4px}
.pageListNav .pageinfo strong {color: #333;font-weight: normal;margin: 0px 5px;}
.xingxi {margin: 3% 1%;width: 98%;height: auto;line-height: 1.7em;color: #000;overflow: hidden;clear: both;}
.xingxi img {width: 100%;height: auto;overflow: hidden;margin: 1% 0;max-width: 640px;}
.author {text-align: center;font-size: 80%;padding: 0.5% 0 1.3% 0;border-bottom: #5d5342 dashed 1px;}
.content_img {text-align: center;clear: both;overflow: hidden;}
.content_img img {width: 100%;margin: 2% 0;max-width: 640px;}
.xluj {overflow: hidden;margin-bottom: 5px;}
.wusyux {margin: 3%;vertical-align: middle;font-size: 1.4em;}
.wusyux em {background-color: #ccc;font-weight: bold;font-style: normal;border-radius: 6px;padding: 2px 10px;color: #fff;margin-right: 2%;}
.submit {vertical-align: middle;text-align: center;background-color: #FF9000;width: 95%;padding: 2% 0;margin: 0 auto;margin-top: 3%;margin-bottom: 3%;color: #fff;border: 1px solid #E88300;border-radius: 4px;font-size: 1.4em;font-family: "微软雅黑";cursor: pointer;}
.content_img {text-align: center;}
.content_img img {width: 90%;margin: 2% 0;max-width: 560px;}
.price_c {color: #ff7800;}
.price_l {color: #559824;}
.price {color: #ff0000;font-size: 16px;background-color:#ffff00;}
/*****************响应式布局设置*****************/
@media screen and (max-width:320px) {
body {font-size: 12px;}
.hotmenulit li b {font-size: 16px;}
.hotmenulit li p {font-size: 10px;}
.cpzs h3 {padding-left: 8%;}
.more {font-size: 11px;}
.foc li span {display: block;padding-top: 18%;}
.foc .sms span {background-size: 16.6%;}
.foc .chat span {background-size: 16%;}
.foc .contact span {background-size: 15%;}
.cpaut {font-size: 18px;}
.nav li a {font-size: 16px;}
.on_clickm {font-size: 1.2em;}
.slideBox .bd li .tit {font-size: 1.0em;}
}
 @media screen and (min-width:320px) and (max-width:360px) {
body {font-size: 14px;}
.hotmenulit li b {font-size: 17px;}
.hotmenulit li p {font-size: 11px;}
.cpzs h3 {padding-left: 9%;}
.more {font-size: 11px;margin-top: 1.5%}
.foc .sms span {background-size: 16.6%;}
.foc .chat span {background-size: 16%;}
.foc .contact span {background-size: 15%;}
.foc li span {display: block;padding-top: 18%;}
.cpaut {font-size: 19px;}
.nav li a {font-size: 16px;}
.on_clickm {font-size: 1.2em;}
.slideBox .bd li .tit {font-size: 1.0em;}
}
@media screen and (min-width:360px) and (max-width:480px) {
body {font-size: 16px;}
.hotmenulit li b {font-size: 18px;}
.hotmenulit li p {font-size: 12px;}
.foc .sms span {background-size: 16.6%;}
.foc .chat span {background-size: 16%;}
.foc .contact span {background-size: 15%;}
.foc li span {display: block;padding-top: 18%;}
.cpaut {font-size: 25px;}
.nav li a {font-size: 18px;}
.on_clickm {font-size: 1.3em;}
.slideBox .bd li .tit {font-size: 1.0em;}
}
 @media screen and (min-width:480px) and (max-width:560px) {
body {font-size: 16px;}
.hotmenulit li b {font-size: 20px;}
.hotmenulit li p {font-size: 14px;}
.cpaut {font-size: 32px;}
.nav li a {font-size: 20px;}
.on_clickm {font-size: 1.3em;}
}
 @media all and (min-width:640px) {
.pclist li a .pcdetail p {font-size: 18px;}
body {width: 640px;margin: 0 auto;}
body {font-size: 18px!important;}
}
.message_content {width: 100%;}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] {font: 400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;}
#contact {background: #F9F9F9;padding: 25px;margin: 5px 0;}
#contact h3 {color: #F96;display: block;font-size: 30px;font-weight: 400;}
#contact h4 {margin: 5px 0 15px;display: block;font-size: 13px;}
fieldset {border: medium none !important;margin: 0 0 10px;min-width: 100%;padding: 0;width: 100%;}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {width: 90%;border: 1px solid #CCC;background: #FFF;margin: 0 0 5px;padding: 10px;}
#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {-webkit-transition: border-color 0.3s ease-in-out;-moz-transition: border-color 0.3s ease-in-out;transition: border-color 0.3s ease-in-out;border: 1px solid #BF3131;}
#contact textarea {height: 100px;max-width: 100%;resize: none;}
#contact button[type="submit"] {cursor: pointer;width: 20%;border: none;background: #BF3131;color: #FFF;margin: 0 0 5px;padding: 10px;font-size: 15px;}
#contact button[type="submit"]:hover {background: #A30000;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background-color 0.3s ease-in-out;}
#contact button[type="submit"]:active {box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);}
#contact input:focus, #contact textarea:focus {outline: 0;border: 1px solid #BF3131;}
::-webkit-input-placeholder {color:#888;}
:-moz-placeholder {color:#888;}
::-moz-placeholder {color:#888;}
:-ms-input-placeholder {color:#888;}

.m_message {width:100%; bottom:1px;margin:auto;font-family:Microsoft YaHei}
.m_message_title{height:40px; width:100%; background-repeat:repeat-x;text-align:center;color:#0097a8;border-radius:10px}
.m_message_title .l{float:left; width:100%;color:#0097a8; font-weight:bold;font-size:22px}
.m_message_title .r{float:right; width:40%; height:60px; line-height:120px; text-align:right; color:#0097a8; padding-right:5px}
.m_message_content{ width:86%; margin:auto; padding-top:5px; padding-bottom:25px;border-radius:10px; max-width:800px;}
.hbutton1{ text-align:center; background-color:#0097a8; color:#FFFFFF;-moz-border-radius: 5px; -webkit-border-radius: 5px; width:70%; margin:auto; border:2px solid ##078d9d; line-height:60px;}
.m_message_text{ line-height:30px;  background-color:#fff; border:2px solid #0097a8; margin-bottom:10px; color:#e5e5e5; padding-left:0px; font-size:26px;border-radius:5px}
.m_message_text input{ border:0px solid #f0eefb; line-height:35px; width:100%;}
.m_message_text_content{height:180px; }

.lanmuweizhi {text-align: center; width:100%;margin:5px 0 5px 0;}
.weizhi {text-align: center; color:#FFFFFF; border-radius:10px;background:#09a8ba;font-size:20px;padding:5px 0 5px 0;}
.video-related {position: relative;border-radius: 5px;background-color: ##0097a8;width: 98%;}
.video-related .leftt {width: 150px;position: relative;border: 3px solid ##0097a8;}	
.video-related .leftt .maskDom {width: 150px;height: 95px;position: absolute;content: '';background-image: url(../images/mask-video-s.png);background-repeat: no-repeat;background-size: 100%;background-position: bottom;}
.video-related .leftt img {width: 150px;height: 95px;display: inline-block;cursor: pointer;}	    
.video-related .rightt {position: absolute;left: 160px;top: 0;width: 180px;color: #fff;font-size:16px;  margin-top: 5px;}	
.video-related .rightt .a {left:10px;color:#fff;}	
.video-related .right .text {margin-top: 5px;line-height: 1;}
.bfhzal{text-align: center; width:100%;margin-top:15px;margin-bottom:15px}
.bfhzal span {text-align: center; color:#FFFFFF; border-radius:10px;background:#0097a8;font-size:20px;}
.hzalbj{margin-top: 10px;height: 160px;width: 90%;overflow: hidden; font-size:14px;color:#666; background-color:#e9e8e8;border-radius:10px;margin-left:5%;}



dibu {position: fixed;bottom: 0;left: 0;width: 100%;height: 60px;background: #15acb3;z-index: 999;border-radius:10px;max-width:650px;}
dibu a {width: 20%;float: left;text-align: center;font-size: 14px;color: #fff;display: block;}
dibu a img {height: 20px;margin: 10px auto 6px;}
dibu .foot-dh {height: 60px;margin-top: -25px;}