html,body,p,h1,h2,h3,h4,h5,h6,form,input,textarea,select,button,fieldset,legend,img,ul,ol,li,dl,dt,dd,th,td,pre,blockquote{margin:0;padding:0}
html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{background: #ffffff;color:#333333;}
body,button,input,select,textarea,h2,h3,h4,h5,h6{font:14px 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', '宋体', \5b8b\4f53, Tahoma, Arial;-webkit-font-smoothing: antialiased; text-align:center}
img,fieldset{border:0;vertical-align:middle}
input{padding:0;margin:0;outline:none;}
a{text-decoration:none;color:#a0021b;}
a:hover{text-decoration:none;color:#a0021b;}
ul,li,ol{list-style:none}
img{max-width:100%;}
button { border:1px solid #ec5248; background: #ec5248; text-align:center; cursor:pointer;
border-radius:3px; border-radius:3px;
-moz-border-radius:3px; -moz-border-radius:3px;
-webkit-border-radius:3px; -webkit-border-radius:3px;letter-spacing:10px; line-height:35px;font-size:15px;color:#fff;}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}
.l{float:left;}.r{float:right;}
/*背景样式*/
.allbg{background:url(../wapimages/backgrnd.jpg) left repeat-y #ebebeb;-moz-background-size:100% 220px;
-webkit-background-size:100% 220px;
-o-background-size:100% 220px;
background-size:100% 220px;}
.mainbg { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-99; background:#fff }
.mainbg img { width:90%; height:auto; }
/*top*/
.topbar{width:100%;height:44px;position:fixed;top:0px;z-index:99999;}/*背景样式*/
.logo-top{width:110px; height:34px; float:left; position:relative; left:50%; top:50%; margin-left:-75px; margin-top:-17px;}
.logo-top-other{width:60%; height:26px; text-align:center; padding-top:8px;margin:0 auto;}
.top-soso{width:340px; height:34px; border:0px; float:left; position:absolute; left:50%; margin-left:-170px; top:50%; margin-top:-17px; background:url(../wapimages/icon_soso.png) left 10px center no-repeat #525252; text-align:center; font-size:23px; color:#fff; line-height:35px;}
.iconso{padding-top:5px; float:left;position: relative;width:80%; border:0px ;background:none;color:#fff; text-align:left; padding-left:35px; font-weight:100; font-size:14px;line-height:20px;}
.top-mid-title{width:45%; height:40px; float:left; left:5%; position:relative; margin:0 auto; font-size:16px; line-height:40px; text-align:left; color:#fff; font-weight:100}
.navbar-toggle {border-color: #fff;}
.navbar-toggle {position: relative;top:0px;float: right;padding:4px 8px;margin-top: 4px;margin-right:10px;margin-bottom: 8px;background-color: #f5b324;border: 1px solid #006cc7;
-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px; cursor:pointer;}
.navbar-toggle:hover {background-color: #ffa200;}
.navbar-toggle .icon-bar {
display: block;
width: 10px;
height: 2px;
-moz-border-radius:1px;-webkit-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;margin-top: 4px;
border-top:1px solid #FFF
}
.main{width:100%;position:relative; top:50px; z-index:9999;}
.columnbar{width: 100%; height:80px; position:relative; z-index:9999; padding:10px 0}
.columnbar .t1{width: 100%; line-height:40px; float:left; position:relative; top:0; text-align:center; font-size:30px; color:#ccc;}
.columnbar .t2{width: 100%; line-height:40px; float:left; position:relative; top:0; text-align:center; font-size:24px; color:#ccc;}
.footbar{width: 100%; float:left; position:relative; z-index:9999; padding:15px 0; background:#25292c; margin-top:5%; }
.footbar .hs{width: 100%; line-height:25px; float:left; position:relative; text-align:center;font-size:14px; color:#ccc;}
.footbar .himg{width:274px;height:31px; float:left; position:relative; left:50%; margin-left:-137px; padding:10px 0;}
.footbar .himg li{min-width:43px;height:31px; float:left; position:relative; }
.news_detail {width:95%; position:fixed; bottom:5px; z-index:99999; height:50px; margin:1.5% 2.5%}
.detailbox .head { position:relative; height:4.4rem; line-height:4.4rem; text-align:center; font-size:1.8rem; color:#fff; background:#f60;}
.news_detail h1 { font-size:2.0rem; color:#f60;}
.news_detail .info {padding:1rem 0; font-size:1.3rem; color:#555; border-bottom:#ddd dashed 1px;}
.news_detail .author { margin-left:2.7rem;}
.news_detail .content { overflow:hidden;font-size:1.4rem;line-height:2.4rem; padding-bottom:1rem}
.news_detail .content p { background:none!important; padding-bottom:1.4rem;}
.news_detail .content img { margin-bottom:.8rem; }
.icon3 { background-image:url(../wapimages/icon3.png); background-repeat:no-repeat; background-size:1.8rem 5rem;}
.news_detail .ht-r {width:100%; float:left;position: relative;margin:0 auto;padding:0 0 10px; line-height:30px; color:#333333; font-size:20px; }
.news_detail .ht-r .cont_t {float: left;width: 100%;position: relative;font-size: 16px;color: #d30014;padding: 10px 0;border-bottom: 1px dotted #cccccc;}
.news_detail .ht-r .cont_t .c_bt {float: left;width:100px;position: relative;font-size: 20px;color: #d30014;bottom: -8px;}
.news_detail .ht-r .cont_t .e_bt {float: left;min-width: 80px;position: relative;font-size: 12px;color: #999999;bottom: -13px;padding-right: 5px; z-index:-99;}
.news_detail .ht-r .contmore {float: left;width: 100%;position: relative;color: #d30014;padding: 10px 0;font-size: 13px;color: #222222;line-height: 30px;}
.news_detail .share { overflow:hidden; padding:.5rem 0 3rem; border-bottom:#ddd dashed 1px;}
.news_detail .share a{ position:relative; display:block; float:left; width:10rem; height:3.2rem; margin:0 1rem 0 0; line-height:3.2rem; line-height:3rem\9; font-size:1.2rem; text-align:center; color:#a3a3a3; background:#fff; border:#ddd solid 1px;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}
.news_detail .share a span { position:absolute; left:.7rem; top:.7rem; display:block; width:1.8rem; height:1.5rem;}
.news_detail .share a.b1 { padding-left:1.5rem;}
.news_detail .share a.b2 { padding-left:2.5rem;}
.news_detail .share a.b1 span { top:.8rem; background-position:0 0;}
.news_detail .share a.b2 span { background-position:0 -1.7rem;}
.news_detail .share a:last-child { margin-right:0;}
.news_detail .pager { padding:1.3rem 0; font-size:1.3rem;}
.news_detail .pager li { height:2rem; line-height:2rem; overflow:hidden; margin-top:.5rem;}
.news_detail .pager span { display:inline-block; width:1.6rem; height:1.6rem; margin-right:.8rem; line-height:1.6rem; text-align:center; vertical-align:0; color:#9d9d9d; background:#dbdbdb;}
.news_detail .pager a { color:#555;}
.news_detail .pager li:first-child { margin-top:0;}
.menubar{width: 100%; position:fixed; top:51px; z-index:99999; }
.menulist{width:100%; float:left;line-height:35px; font-size:13px;text-align:left;}
.menulist li{width:100%;float:left;color:#bcbcbc; padding-left:20px; display:block}
.menulist li.actives,.menulist li:hover{width:100%; float:left;background:#000; display:block;color:#a0021b;}
.menulist li a{display:block;line-height:35px;color:#bcbcbc; font-size:14px; text-decoration:none}
.menulist li a:hover,.menulist li a.actives{display:block;color:#a0021b;}
.menulist .smclass{width:70px;float:left;color:#bcbcbc;display:block; background:url(../wapimages/icon-up-gray.png) right center no-repeat}
.menulist .smclass.actives{ background:url(../wapimages/icon-up-red.png) right center no-repeat;color:#a0021b;}
.menulist .smlist{width:100%;float:left;color:#bcbcbc; padding-left:20px; display:block}
.menulist .smlist .mm{width:100%;float:left;color:#bcbcbc; display:block}
.mainbox-other { float:left; width:100%;margin:0 auto;position: relative; z-index: 99; background-color: #fff;}
.boxo{float:left; width:41%;display: inline-block;position: relative;font-size: 12px; margin-top:5%; margin-left:6%;}
.boxo a { width:100%; display:block; color:#FFF; text-align:center; overflow:hidden;}
.boxo a img { width:100%; height:auto }
.boxk{float:left; width:30%;display: inline-block;position: relative;font-size: 12px; margin-top:3%; margin-left:3%; min-height:120px;}
.boxk a { width:auto; min-height:120px; display:block; color:#FFF; text-align:center; overflow:hidden;}
.boxk a img { width:auto; min-height:120px;}
.boxm{float:left; width:63%;display: inline-block;position:relative;font-size: 12px; margin-top:3%; margin-left:3%; text-align:left}
.boxm .titles{ width:100%; display:block; color:#333333; float:left; text-align:left; overflow:hidden; font-size:20px; }
.boxm .memos { width:100%; display:block; color:#666666; float:left;text-align:left; overflow:hidden; font-size:14px; padding:8px 0 10px 0; line-height:22px; height:40px; overflow:hidden}
.boxm .btns { width:100px; display:block; height:35px; color:#fff; float:left;text-align:center; overflow:hidden; font-size:14px; line-height:35px; background:#a0021b}
.boxd{float:left; width:100%;display: inline-block;position:relative;font-size: 12px;}
.boxd img { width:100%;height:auto;}
.boxd p {margin:0; border: 0px; overflow: hidden; border-radius:0}
.mainbox { float:left; width:100%;margin:0 auto; position:fixed; z-index: 1; bottom:0px;opacity:0.6 }
.box{float:left; width:20%;display: inline-block;position: relative;font-size: 12px; margin-left:4%;}
.box p { text-align:center; display:block;}
.box a { display:block; color:#FFF; text-align:center; overflow:hidden;}
.box a img { width:60%; }
.box a span { clear:both; display:block; line-height:40px; padding:0 0 16px 0; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center }
.box p {margin:0; border: 0px; overflow: hidden; border-radius:0}
.box a img {margin:20px 0 0 0; }
.box:before,.boxo:before,.boxk:before,.boxm:before,.boxd:before{
content: "";
display: block;
padding-top: 100%; /* initial ratio of 1:1*/
}
.otherbox{width:95%;position: relative; z-index:999;padding-bottom:2.5%; margin:0 auto;}
.otherbox h1{text-align: center;font-size: 16px;font-weight: bold;padding: 20px 0 10px 0;line-height: 20px;color: #fc7000;width: 90%;margin: auto;}
.timespan{text-align: center;display: block;font-size: 12px;color: #888888;}
.otherbox1{width:100%;position: relative; z-index:999;padding-bottom:2.5%; margin:0 auto;}
.otherbox1 h1{text-align: center;font-size: 16px;font-weight: bold;padding: 15px 0;line-height: 20px;color: #fc7000;width: 90%;margin: auto;}
.boxmain{position: relative; width:95%; padding:1.5%; line-height:30px; font-size:16px;
border-radius:5px; color:#222; text-align:left; margin-bottom:80px; margin:0 auto;
-moz-border-radius:5px;
-webkit-border-radius:5px;}
.boxmain p{font-size:16px;}
.boxmain img{ height: auto !important;}
.boxmain3{position:relative; width:95%; margin:0 auto; padding:1.5%; line-height:30px; font-size:14px;border-radius:5px; color:#222; text-align:left;-moz-border-radius:5px;-webkit-border-radius:5px;}
.boxmain3 p{ border-bottom:#CCC dashed 1px;}
.boxmain2{ float:left;position: relative; width:100%;line-height:30px; font-size:16px;
border-radius:5px; color:#222; text-align:left;
-moz-border-radius:5px;
-webkit-border-radius:5px; padding-bottom:50px;}
/* Other ratios */
.ratio2_1:before{
padding-top: 50%;
}
.ratio3_1:before{
padding-top: 60%;
}
.ratio1_2:before{
padding-top: 150%;
}
.ratio4_3:before{
padding-top: 75%;
}
.ratio16_9:before{
padding-top: 56.25%;
}
.ratio6_5:before{
padding-top: 83.33%;
}
.box-content{
/* Positioning */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
/* Styling */
text-align: center;
vertical-align: center;
text-transform: uppercase;
color: #fff;
}
/*页面底部固定滑动块 开始*/
.navigation_swipe_wrap{overflow:hidden; position:relative;}
.navigation_swipe_wrap ul{ -webkit-padding-start: 0px;}
.navigation_swipe_wrap>ol>li {background:#fff;-webkit-box-shadow: inset 0 0 3px #aaa;}
.navigation_swipe_wrap>ol>li.on{background:rgb(146,214,235);}
.navigation_swipe_wrap>ol{position:absolute;margin:auto;top:50%;background:none;width:100%;text-align:center;}
#navigation_swipe{position:fixed;left:0;right:0;bottom:0;width:100%;background:rgba(10,10,10,0.5);
z-index:2000; max-width:640px; margin:auto; margin-top:-100%;padding:5px 0;}
#navigation_swipe li{padding:0 33px;-webkit-box-sizing:border-box;box-sizing:border-box;}
#navigation_swipe li>a{width:30%;float:left;text-align:center;color:#fff;overflow:hidden; margin-right:2%; margin-left:1%;}
#navigation_swipe li>a img{ width:45px; max-height:80%;margin:5px 0;}
#navigation_swipe li .ChannelName{ color:#FFFFFF; font-weight:normal; font-size:16px; height:25px; line-height:25px;}
#navigation_swipe li .ChannelIcon{ width:100%;}
#navigation_swipe li .ChannelIcon img{ width:100%; display:block;}
#navigation_swipe ol{position:absolute;top:0;z-index:2100;height:0px;background:red;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#navigation_swipe ol>a{color:#ccc;display:inline-block;width:25px;height:25px;
float:left;background:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);
border:0px solid #fff;margin:13px;margin-top:15%;border-width:0 0 1px 1px;
}
#navigation_swipe ol>a:nth-of-type(2){float:right;border-width:1px 1px 0 0;}
/*页面底部固定滑动块 结束*/
/*注册页面*/
.registpage{float:left;position: relative; z-index:999; width:100%; padding-bottom:2.5%}
.infobox{ float:left;position: relative; z-index:999;margin-left:2.5%; margin-top:2.5%; width:95%; ; opacity:0.8;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}
.infobox p{ padding:10px; font-size:16px; color:#333333;line-height:30px;}
.infoaddbox{ float:left;position: relative; z-index:999;margin-left:2.5%; margin-top:2.5%; width:95%; ; opacity:0.8;
border-top-left-radius:5px; border-top-right-radius:5px;
-moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-bottom:1px solid #d5d5d5;}
.infoaddbox2{ float:left;position: relative; z-index:999;margin-left:2.5%; width:95%; ; opacity:0.8;
border-bottom-left-radius:5px; border-bottom-right-radius:5px;
-moz-border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
.add-icon1{ float:left;position: relative; z-index:999;width:55px; height:45px; background:url(../wapimages/add_01.png) left 15px center no-repeat #ff7200;
border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;}
.add-icon2{ float:left;position: relative; z-index:999;width:55px; height:45px; background:url(../wapimages/tel_01.png) left 15px center no-repeat #ff7200;
border-bottom-left-radius:5px;
-moz-border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius:5px;}
.add-text{ float:left;position:relative;min-width:100px; font-size:16px; z-index:999;line-height:45px; padding-left:8px; color:#323232;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;}
.join-top{ float:left;position: relative; z-index:999;margin-left:2.5%; margin-top:2.5%; width:95%; height:45px; background:url(../wapimages/register_01.png) left 10px center no-repeat #ff7200; opacity:0.8;
border-top-left-radius:5px; border-top-right-radius:5px;
-moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.jointitle{ padding:5px 0 10px 70px ; float:left;position: relative; z-index:999; line-height:25px;width:60%; color:#fff; font-weight:100; font-size:15px}
.join-mid{ float:left;position: relative; z-index:999;margin-left:2.5%; width:95%; padding-bottom:2.5%; background: #f3f3f3; opacity:0.8;
border-bottom-left-radius:5px; border-bottom-right-radius:5px;
-moz-border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
.join-input2{ float:left;position: relative; z-index:999;margin-left:2.5%;margin-top:2.5%; width:94%; height:45px; background:url(../wapimages/register_02.png) left 8px center no-repeat #f3f3f3; opacity:0.8; border:1px solid #d5d5d5;
border-left-radius:5px; border-radius:5px;
-moz-border-left-radius:5px; -moz-border-right-radius:5px;
-webkit-border-left-radius:5px; -webkit-border-right-radius:5px;}
.join-input{ float:left;position: relative; z-index:999;margin-left:2.5%;margin-top:2.5%; width:94%; height:45px; background:url(../wapimages/register_02.png) left 8px center no-repeat #f3f3f3; border:1px solid #d5d5d5;
border-left-radius:5px; border-radius:5px;
-moz-border-left-radius:5px; -moz-border-right-radius:5px;
-webkit-border-left-radius:5px; -webkit-border-right-radius:5px;}
.inputbg1{ background:url(../wapimages/register_03.png) left 8px center no-repeat #f3f3f3;}
.inputbg2{ background:url(../wapimages/register_04.png) left 8px center no-repeat #f3f3f3;}
.inputbg3{ background:url(../wapimages/register_05.png) left 8px center no-repeat #f3f3f3;}
.inputbox{ padding:10px 0 10px 40px ; float:left;position: relative; z-index:999; line-height:25px;width:90%; border:0px ; background:none; color:#b9b9b9; }
.join-btn{ float:left;position: relative; z-index:999;margin-left:2.5%;margin-top:2.5%; width:94%; background: #ff2000;opacity:0.8; text-align:center; cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;letter-spacing:20px; line-height:45px;font-size:16px;color:#fff;
font-size: 16px;
text-decoration: none;
border: 1px solid #ff2000;
background-image: linear-gradient(bottom, #ff2000 0%, #d76000 100%);
background-image: -o-linear-gradient(bottom, #ff2000 0%, #d76000 100%);
background-image: -moz-linear-gradient(bottom, #ff2000 0%, #d76000 100%);
background-image: -webkit-linear-gradient(bottom, #ff2000 0%, #d76000 100%);
background-image: -ms-linear-gradient(bottom, #ff2000 0%, #d76000%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #ff2000), color-stop(1, #d76000) );
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.join-btn a{font-size:16px; color:#fff;line-height:45px; text-align:center; text-decoration:none;letter-spacing:20px}
.price_hang{ float:left;color:#333; font-weight:100; font-size:15px;line-height:35px; padding:20px 0; margin-left:3%; width:97%;}
.price_t1{ float:left;width:20%; color:#333; font-weight:100; font-size:15px;line-height:35px;text-align:center;}
.price_input{ font-size:15px;width:100%; height:35px; padding-left:0px}
.price_hang2{ float:left;color:#333; font-weight:100; font-size:15px;line-height:35px; padding:0 20px; text-align:center; padding-bottom:10px}
.join-btn2{ float:left;position: relative; z-index:999;margin-left:4%; width:80%; background: #ec5248; text-align:center; cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px; line-height:33px;font-size:15px;color:#fff;
font-size: 16px;
text-decoration: none;
border: 1px solid #ec5248;
background-image: linear-gradient(bottom, #ec5248 0%, #c81900 100%);
background-image: -o-linear-gradient(bottom, #ec5248 0%, #c81900 100%);
background-image: -moz-linear-gradient(bottom, #ec5248 0%, #c81900 100%);
background-image: -webkit-linear-gradient(bottom, #ec5248 0%, #c81900 100%);
background-image: -ms-linear-gradient(bottom, #ec5248 0%, #c81900 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #ec5248), color-stop(1, #c81900) );
-webkit-box-shadow: 0 1px 0 #f41e00 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 0 #f41e00 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 0 #f41e00 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);}
.price_ts_1{ float:left;width:20%; color:#333; font-weight:100; font-size:15px;line-height:35px;text-align:right;}
.price_ts_2{ float:left;width:80%; color:#333; font-weight:100; font-size:15px;line-height:35px;text-align:center;}
/*我的产品*/
.manage_top{width:97%; float:left; position:relative; padding:10px 1.5%;border-bottom:1px solid #e7e7e7; height:40px; }
.manage_top .checkall{width:160px; height:26px; float:left; position:absolute; top:50%; margin-top:-13px;font-size:18px; padding-left:10px; color:666666;cursor:pointer}
.manage_top .pclasslist{width:70px; padding-right:15px; height:26px; float:right; position:absolute; top:50%; margin-top:-13px; right:10px; font-size:16px; color:666666;background:url(../wapimages/icon_prolist.png) center right no-repeat; line-height:26px;}
.manage_list{width:100%; float:left; position:relative; padding-bottom:10px;}
.manage_list li{width:97%; float:left; position:relative; padding:20px 1.5%;border-bottom:1px solid #e7e7e7;}
.manage_list li .propic{width:25%;height:auto;float:left; position:relative; margin-left:5px;}
.manage_list li .propic img{width:100%;height:auto; border:1px solid #dadada; }
.manage_list li .proInfo{width:40%;float:left; position:relative; margin-left:15px;}
.manage_list li .proInfo2{width:65%;float:left; position:relative; margin-left:15px;}
.manage_list li .proInfo .titles,.manage_list li .proInfo2 .titles{float:left; width:100%;position:relative;font-size: 16px; height:30px; font-weight:600; line-height:30px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis; color:#333333 ; text-align:left}
.manage_list li .proInfo .memo{float:left; width:100%;position:relative;font-size: 12px; line-height:25px; height:50px; color:#999;overflow:hidden;}
.manage_list li .proInfo2 .addr{float:left; width:100%;position:relative;font-size: 14px; line-height:25px; margin-top:10px; height:25px; color:#666;overflow:hidden;background:url(../wapimages/addr_s.png) left center no-repeat ; padding-left:20px; }
.manage_list li .proInfo2 .tel{float:left; width:100%;position:relative;font-size: 16px; background:url(../wapimages/tel_s.png) left center no-repeat ; line-height:30px; height:30px; color:#ec5248;overflow:hidden; padding-left:20px;}
.manage_list li .proman{width:70px; height:36px; float:left; position:absolute; top:50%; margin-top:-18px; right:10px;}
/*common style*/
.module { position:relative; overflow:hidden; color:#fff; font-size:2rem; height:220px; width:100%; z-index:999}
.bgred{ background:#a0021b;}
.bgblack{ background:#0c69bd;}
.bgdeepred{ background:#b70d14;}
.padding3{ padding:3px 0;}
.bordertop{ border-top:1px solid #373737}
.borderbottom{ border-bottom:1px solid #044f95}
.fl{ float:left}
.fr{ float:right}
.shadows {-moz-box-shadow: 0px 3px 4px #999999; -webkit-box-shadow: 0px 3px 4px #999999;-ms-box-shadow: 0px 3px 4px #999999;-o-box-shadow: 0px 3px 4px #999999;box-shadow: 0px 3px 4px #999999;}
.rounds{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px; }
.login-btn-ss4{float:left;position: relative; z-index:999;width:100%; background: #ec5248; text-align:center; cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;line-height:30px;font-size:16px;color:#fff;
font-size: 14px;
text-decoration: none;
border: 1px solid #ec5248;}
.middles{ width:100%; margin:0 auto; overflow: hidden;}
.copyright{ background:#fff;border-top:#dbdbdb solid 1px; border-bottom:#dbdbdb solid 1px;padding:8px;text-align:center;font-size:14px;color:#333; line-height:22px; margin:10px 0 70px 0; padding:15px 0;background-color: #fff;}
.copyright a{color:#C09C7C;}
.top_bar{position:fixed;z-index:900;bottom:-18px;left:0;right:0;margin:auto;}
.top_menu{
border-top:1px solid #333;display:block;width:100%;height:48px;margin:0;padding:0;
background:rgba(0, 0, 0, 0.7);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#3e3d3d), to(#433f3e), color-stop(60%, #433f3e));
background:-o-gradient(linear, 0 0, 0 100%, from(#524945), to(#433f3e), color-stop(60%, #524945));
}
.top_bar .top_menu>li{position:relative;text-align:center;display:inline-block;width:20%;float:left;}
.top_menu li:first-child{background:none;}
.top_bar .top_menu>li>a{height:48px;margin-right:1px;display:block;text-align:center;color:#FFF;text-decoration:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);}
.top_bar .top_menu>li.home{width:20%;}
.top_bar .top_menu>li.home a{height:66px;width:66px;margin:auto;border-radius:60px;position:relative;top:-22px;left:2px;background:url(../wapimages/home.png) no-repeat center center;background-size:100% 100%;}
.top_bar .top_menu>li>a label{overflow:hidden;margin:0 0 0 0;font-size:12px;display:block !important;line-height:18px;text-align:center;}
.top_bar .top_menu>li>a img{padding:3px 0 0 0;height:24px;width:24px;color:#fff;line-height:48px;vertical-align:middle;}
.top_bar li:first-child a{display:block;}
.top_menu li:last-of-type a{background:none;overflow:hidden;}
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active{background-color:#333;}
/*招聘*/
.tablelists{width:90%;text-align:center; line-height:30px;border-collapse:collapse;margin: 0 auto;}
.tablelists td{ border:1px solid #CCC; padding:5px;}
.serlists{width:100%;text-align:center; line-height:30px;border-collapse:collapse; margin-top:30px;}
.serlists td{padding:5px;}
.fon{ color:#f08c02}
.ma{ margin-top:30px; margin-bottom:80px;}
.honor{ width:85%; margin:0 auto; padding-bottom:70px; overflow:hidden}
.honor img{ margin-top:15px;}
.honor p{ line-height:25px; }
.cry{ padding-bottom:30px;}
.cry p{text-align:left; border-bottom:#CCC dashed 1px;}
.cert{ width:100%; text-align:center; padding-bottom:70px;}
.cert img{ margin-bottom:15px;}
.cert p{ border: none;}
.btnsg { display: inline-block; width: 120px; height: 40px; line-height: 40px; font-size:16px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #208E43; border: 1px solid #208E43; }
.refer-btn { color: #fff; border: 1px solid #e67e10; background-color: #ffa200;}
.tet{width:95%; height:35px; border-radius:3px; border:#ccc 1px solid; font-size:14px; font-family:'微软雅黑'; text-align:left; padding-left:10px;}
.areatet{width:95%; height:135px; line-height:35px; border-radius:3px; border:#ccc 1px solid; font-size:14px; font-family:'微软雅黑'; text-align:left; padding-left:10px;border-radius:3px;}
.newslist{clear:both;margin:0 3%; text-align:left; padding-bottom:10px;}
.newslist li {height:35px;line-height:35px;overflow:hidden;border-bottom:#ccc 1px dashed;padding-right:10px;padding-left: 18px;background: url(/skin/wap/wapimages/point2.jpg) no-repeat 0 5px;}
.newslist li a{ font-size:16px; color:#333; text-decoration: none;}
.newslist li a:only-child {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666666;}
.newsmore {clear:both;margin:4px 3%;height:30px;line-height:30px;border:1px solid #d7d7d7;display:block;font-size:14px;text-align:center;-webkit-border-radius:5px;border-radius:5px;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f1f1f1));box-shadow:inset 0px 1px 0px #fbfbfb;}
.topprov{ width:95%; height:35px; line-height:35px; font-size: 18px;font-weight: bold;letter-spacing: 1px;padding-left: 5%;text-align: left; }
.topcity{ width:95%; height:35px; line-height:35px; font-size:16px; font-weight:bold; letter-spacing:1px; padding-left:5%;text-align: left;position: relative;}
.topprov-0{ background:#ffc000; color:#633511;}
.topcity-0{ background:#fff; border-bottom:#ffc000 solid 2px; color:#333;}
.topprov-1{ background:#378c37; color:#fff; }
.topcity-1{ background:#fff; border-bottom:#378c37 solid 2px; color:#333; }
.topprov-2{ background:#1e7ec8; color:#fff; }
.topcity-2{ background:#fff; border-bottom:#1e7ec8 solid 2px; color:#333; }
.topprov-3{ background:#c00000; color:#fff; }
.topcity-3{ background:#fff; border-bottom:#c00000 solid 2px; color:#333; }
.topprov-4{ background:#01bec0; color:#fff; }
.topcity-4{ background:#fff; border-bottom:#01bec0 solid 2px; color:#333; }
.topprov-5{ background:#ef3f1c; color:#fff; }
.topcity-5{ background:#fff; border-bottom:#ef3f1c solid 2px; color:#333; }
.topprov-6{ background:#f74b33; color:#fff; }
.topcity-6{ background:#fff; border-bottom:#f74b33 solid 2px; color:#333; }
.topprov-7{ background:#0aa6a2; color:#fff; }
.topcity-7{ background:#fff; border-bottom:#0aa6a2 solid 2px; color:#333; }
.topprov-8{ background:#505050; color:#fff; }
.topcity-8{ background:#fff; border-bottom:#505050 solid 2px; color:#333; }
.topprov-9{ background:#4299c6; color:#fff; }
.topcity-9{ background:#fff; border-bottom:#4299c6 solid 2px; color:#333; }
.topprov-10{ background:#66bc00; color:#fff; }
.topcity-10{ background:#fff; border-bottom:#66bc00 solid 2px; color:#333; }
.topprov-11{ background:#efb21f; color:#fff; }
.topcity-11{ background:#fff; border-bottom:#efb21f solid 2px; color:#333; }
.topprov-12{ background:#00a1e0; color:#fff; }
.topcity-12{ background:#fff; border-bottom:#00a1e0 solid 2px; color:#333; }
.topprov-13{ background:#ff4200; color:#fff; }
.topcity-13{ background:#fff; border-bottom:#ff4200 solid 2px; color:#333; }
/*产品页面*/
.tabbox{width:100%;margin:0 auto;}
.tabbox .tab{overflow:hidden;background:#dcdcdc; width:100%;}
.tabbox .tab a{ width:50%;display:block;padding:10px 0;float:left;text-decoration:none;color:#333;}
.tabbox .tab a:hover{background:#E64E3F;color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:#E64E3F;color:#fff;text-decoration:none;}
.tabbox .content{overflow:hidden;padding:10px; text-align:left;}
.tabbox .content li{display:none;}
.tabbox .content li p{ line-height:25px; text-align:left;}
.tabbox .content li p b{ color:#000;}
.news{color:#333;margin-bottom: 20px;}
.news li {line-height:35px; border-bottom: 1px dashed #b2b2b2;text-align: -webkit-match-parent;}
.news li span{float:right;}
.news li a { display:block; color:#333; text-decoration:none; padding-left: 18px;background: url(/skin/wap/wapimages/point2.jpg) no-repeat 0 5px;}
.news li a:hover{ color:#333;}
.mag{ margin-top:30px;}
.newstime{color:#333; text-align:left; width:95%; margin:0 auto;margin-bottom: 40px;}
.newstime a.on{ color: #ffa400;}
.newstime li {line-height:40px; border-bottom: 1px solid #d2d2d2;text-align: -webkit-match-parent;}
.newstime li a {color:#333; text-decoration:none;padding-left: 24px;background: url(/skin/wap/wapimages/point3.jpg) no-repeat 0;display: block;}
.newstime li a:hover{ color:#333;}
.newstime li img{ margin-right:10px;}
.footlink{ width:90%; color:#333; text-align:left;margin:0 auto;margin-top:50px;}
.footlink a{ color:#333; text-decoration:none;}
.beizhu{ width:95%; margin:0 auto; text-align:left;}
/*menu*/
#main-nav > li > a {
font: normal normal normal 17px / 21px 'Microsoft YaHei', Arial;
color: #3a3a3a;
text-transform: uppercase;
}
body, body.page, .wf-container > * {
font: normal normal normal 14px / 24px 'Microsoft YaHei', Arial;
word-spacing: normal;
color: #888888;
}
.sub-nav > ul > li > a {
font: normal normal 13px / 17px 'Microsoft YaHei', Arial;
text-transform: none;
color: #f4f4f4;
}
h4, .h4-size, .entry-title.h4-size, .layout-masonry .post h2.entry-title, .layout-grid .post h2.entry-title, .shortcode-blog-posts .post h2.entry-title, .dt-blog-shortcode .post h2.entry-title, .slider-wrapper .post h2.entry-title, h3.entry-title, .rollover-content h2.entry-title, .flex-caption h2, .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .vc-carousel.vc-build .vc-carousel-slideline .vc-carousel-slideline-inner > .vc-item h2, .team-author-name {
color: #3a3a3a;
font: normal normal normal 20px / 26px 'Microsoft YaHei', Arial;
text-transform: none;
}
h3, .h3-size, .entry-title.h3-size, h2.entry-title, .comments-title, h3.gform_title, .gform_wrapper h3.gform_title, .overlay-door input[type="text"] {
color: #3a3a3a;
font: normal normal normal 28px / 34px 'Microsoft YaHei', Arial;
text-transform: none;
}
.content .standard-arrow ul > li > a {
text-decoration: none;
color: #3a3a3a;
}
.content .standard-arrow ul > li > a:hover {
background: -webkit-gradient(linear, left top, right top, color-stop(32%, #a12b31), color-stop(100%, #d73e45));
background: -webkit-linear-gradient(left, #a12b31 32%, #d73e45 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.front-custom {
font-size: 36px;
line-height: 36px;
}
#bottom {
width: 1233px;
height: 233px;
display: block;
float: none;
margin: 0 auto;
background: #8d8d8d;
padding: 59px 0 0 26px;
}
#bottom dl.style1 {
width: 424px;
float: left;
margin-left: 44px;
}
#bottom dl {
float: left;
margin-left: 47px;
}
#bottom dt.style1 {
color: #ffffff;
font: 18px/18px 微软雅黑;
}
#bottom dt.style2 {
margin-top: 25px;
color: #ffffff;
font: 18px/18px 微软雅黑;
}
#bottom dt {
color: #ffffff;
font: 24px/24px 华文细黑, 微软雅黑;
}
#bottom dd {
margin-top: 15px;
color: #ffffff;
font: 12px/24px 微软雅黑;
}
#bottom dd span {
color: #ffffff;
font: 14px/24px 微软雅黑;
}
#bottom dd.style1 {
margin-top: 10px;
color: #ffffff;
font: 14px/18px 微软雅黑;
text-align: center;
}
#bottom dd ul.style {
margin-top: 74px;
}
#bottom dd ul.style li {
float: left;
margin-right: 7px;
}
#bottom a {
color: #ffffff;
text-decoration: none;
}
#bottom a:hover {
color: #ffffff;
text-decoration: underline;
}
.widget_categories>ul, .widget_meta>ul, .blogroll>ul, .widget_archive>ul, .widget_recent_entries>ul, .widget_recent_comments>ul, .widget_links>ul, .custom-menu {
padding-bottom: 10px;
font-size: 16px;
}
.content p {
font-size: 16px;
text-indent: 32px;
line-height: 24px;
}
#top-bar .mini-contacts, .header-bottom-bar .mini-contacts {
color: #686868;
}
#main {
padding: 40px 0 0px 0;
min-height: 200px;
}
#mainindex {
padding: 0px 0 0px 0;
min-height: 200px;
}
#centervideo {
max-width: 100%;
width: 640px;
height: auto;
margin: auto;
}
.new_ul li {
border-bottom: 1px dashed #ccc;
line-height: 30px;
}
.CommonListArea {
padding-bottom: 8px;
padding-top: 8px;
width: 650px;
}
.CommonListTitle {
text-align: left;
font-family: 微软雅黑, Arial, Helvetica;
font-size: 14px;
font-weight: bold;
line-height: 30px;
background: #eee 0 0 repeat-x !important;
padding: 2px;
padding-left: 8px;
margin: 0px;
}
.CommonListHeaderLeftMost {
text-align: center;
padding: 4px;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
background-color: #eee;
color:;
font-family: 微软雅黑, Arial, Helvetica;
font-size: 14px;
font-weight: normal;
}
.CommonListHeader {
text-align: center;
padding: 4px;
border-style: solid;
border-width: 1px;
border-left-width: 0px;
border-color: #cccccc;
background-color: #eeeeee;
color:;
font-family: Arial, Helvetica;
font-size: 80%;
font-weight: bold;
}
.CommonListCellLeftMost {
padding: 8px;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-color: #ddd;
color:;
font-family: 微软雅黑, Arial, Helvetica;
font-size: 100%;
}
.CommonListCell {
padding: 4px;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-left-width: 0px;
border-color: #ddd;
color:;
font-family: Arial, Helvetica;
font-size: 80%;
text-align: left;
}
.CommonListCell2 {
padding: 4px;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-left-width: 0px;
border-color: #ddd;
color: #666;
font-family: Arial, Helvetica;
font-size: 100%;
text-align: middle;
}
.dl_button {
position: relative;
left: 28px;
}
@media only screen and (max-width: 639px) {
.box a img { width:60%; margin:10px 0 0 0;}
.module { position:relative; overflow:hidden; color:#fff; font-size:2rem; height:120px;}
}
@media only screen and (max-width: 439px) {
.module { position:relative; overflow:hidden; color:#fff; font-size:2rem; height:100px;}
.top-soso{width:220px;margin-left:-90px;}
.box a span {font-size:13px;line-height:30px; padding:0 0 10px 0; }
.box a img {margin:10px 0 0 0;width:60%; }
.columnbar .t1{font-size:24px;}
.columnbar .t2{font-size:18px;}
.footbar .hs{font-size:12px;}
.boxk{width:40%;}
.boxm{width:53%;}
.boxmain,.boxmain2{ font-size:14px; line-height:25px;}
.manage_list li{padding:10px 1.5%;}
.manage_list li .propic{width:25%;height:auto;float:left; position:relative;}
.manage_list li .proInfo{width:50%;float:left; position:relative; margin-left:8px;}
.manage_list li .proInfo .titles{font-size: 14px; height:25px;line-height:25px;}
}
@media only screen and (max-width: 339px) {
.module { position:relative; overflow:hidden; color:#fff; font-size:2rem; height:80px;}
.top-soso{width:180px;margin-left:-80px;}
.box a span {font-size:12px;line-height:30px; padding:0 0 5px 0;}
.box a img {margin:10px 0 0 0; }
.columnbar{height:60px;}
.columnbar .t1{font-size:20px;line-height:30px; }
.columnbar .t2{font-size:16px;line-height:30px; }
.footbar .hs{font-size:12px;}
.boxk{width:40%;}
.boxm{width:53%;}
.manage_list li .propic{width:25%;height:auto;float:left; position:relative;}
.manage_list li .proInfo{width:50%;float:left; position:relative; margin-left:8px;}
.manage_list li .proInfo .titles{font-size: 14px; height:20px;line-height:20px;}
}
.pagination-container{display: inline-block;text-align: center; }
.pagination li{ float: left;margin: 0 2px;}
.pagination a{width: 28px;line-height: 28px;border: 1px solid #6a6a6a;display: inline-block; color: #6a6a6a;text-decoration:none;font-size: 16px; }
.pagination a:hover{border-color: #f08c00;display: inline-block;text-decoration: none;}
.pagination .active a{ color: #f08c00;border-color: #f08c00;font-weight: bold;}
.city-anchor{ top: -100px;position: absolute;}
.city-select{margin: 10px 0; }
.service-img {width: 96%;margin: auto;text-align: left;}
.service-img img {border: 1px gray solid; margin: 3px 1%;width: 46.5%;}
.demo{margin:20px 0;}
/*history*/
.history{background:url(/skin/wap/images/line04.gif) repeat-y 80px 0;overflow:hidden;position:relative;}
.history-date{overflow:hidden;position:relative; }
.history-date h2{background:url(/skin/wap/images/icon06.gif) no-repeat 60px 0;height:39px;font-size:20px;font-family:微软雅黑;font-weight:normal;margin-bottom:20px; }
.history-date h2.first{position:absolute;left:0;top:0;width:45%;z-index:99;}
.history-date h2 a{color:#00bbff;display:inline-block;*display:inline;zoom:1;background:url(/skin/wap/images/icon08.gif) no-repeat right 50%;padding-right:17px;margin:0 97px 0 0; text-align:left;}
.history-date h2 a:hover{text-decoration:none;}
.history-date h2 img{vertical-align:-5px;}
.history-date h2.date02{background:none;}
.history-date ul li{background:url(/skin/wap/images/icon07.gif) no-repeat 74px 0;padding-bottom:20px;zoom:1;}
.history-date ul li.last{padding-bottom:0;}
.history-date ul li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.history-date ul li h3{width:60px;text-align:right;padding-right:19px;color:#c3c3c3;font:normal 18px/16px Arial;}
.history-date ul li h3 span{display:block;color:#d0d0d0;font-size:12px;}
.history-date ul li dl{font-family:微软雅黑;padding-left: 100px;margin-top: -30px;}
.history-date ul li dl dt{ width:100%;color:#737373;text-align: left;margin-bottom: 5px;}
.history-date ul li dl dt span{display:block;color:#787878;font-size:12px;}
.history-date ul li:first-child h3{color:#1db702;font-size: 20px;}
.history-date h2.first .more-history{font-size:16px;background:transparent;margin-left:30px;}
.history-date h2.first .more-history:hover{text-decoration:underline;}
*body .history-date ul li dl dt{_font-size:12px!important;_font-weight:bold;}
*body .history-date ul li dl dt span{_font-weight:normal!important;}
*body .history-date ul li.green dl dt a{_background:transparent!important;*background:transparent!important;*font-size:12px!important;_font-weight:normal!important;}
.wisdom{width:92%; margin:0 auto; margin-top:40px;}
.ambient-field{width:100%;height: 40px; line-height: 40px; background-color: #eee;margin: 20px auto;color: #159f0c}
.ambient-field a{color: #159f0c;text-decoration: none;}
.font-tit{font-size: 1.6rem;line-height: 26px; color: #333;}
.font-contetn{font-size: 1.0rem; color: #666;line-height: 40px;}
.line-wid{border: #159f0c solid 1px;width: 40px; margin: 0 auto;}
.homelist-newitem {position: relative;top: 18px;left: 106px;}