/*
Theme Name: 云产品单页css
Theme URL:  http://www.woniuseo.com/
Description: 这是一款云产品单页css
Author:  云产品单页css（http://aliyun.woniuseo.com/）
Author URI: http://aliyun.woniuseo.com/
Tags:  云产品单页css
Version: 1.0*这是版本号
*/
*{margin:0;padding:0;}
html{font-size:14px;}
body{color: #555;}
li{list-style:none;}
.width{width:1200px;margin:0 auto; padding: 15px 0;}
.clear{clear:both;}
a{color:#09a8c5;text-decoration:none;}
a:hover{color:#dd3333;text-decoration:underline;}
img {max-width: 100%;height: auto;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
#float_qrcode{position:fixed;left:0;top:60%;z-index: 99;}

/******top********/
#aliyun {text-align: center;background: url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/aliyun.png) center;height: 60px;}
#tengxunyun {text-align: center;background: url(http://tencent.woniuseo.com/wp-content/themes/woniutengxunyun/img/tengxunyun.png) center;height: 60px;}
#huaweiyun {text-align: center;background: url(http://huawei.woniuseo.com/wp-content/themes/woniuhuaweiyun/img/huaweiyun.png) center;height: 60px;}
header{-moz-box-shadow: 0 5px 10px #888;box-shadow: 0 5px 10px #888888;}
.logo{height:40px;padding:10px;float:left;}
.logo img{height:100%;}
.nav{float:right;width:780px;}
.nav ul li{float:left;width:12.5%;text-align:center;line-height:60px;position:relative;}
.nav .sub-menu li{width:100%;overflow: hidden;    height: 60px;}
.nav .sub-menu{display:none;position:absolute;left:0;top:60px;background: #fff;}
.nav ul li:hover .sub-menu{display:block;}
.nav ul li a{font-size:14px;color:#666}
.nav ul li a:hover{color: #dd3333;}

/*********banner********/
#banner{background:url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/banner.jpg) no-repeat center;height:420px;}
#banner .width{padding-top:5%;}
#banner h2{margin: 0 auto;height: 56px;font-size: 54px;color: #070707;letter-spacing: 3px;line-height: 56px;margin-bottom: 12px;width: 1200px;font-weight: 700;}
#banner p{margin: 0 auto;height: 30px;font-size: 18px;color: #070707;line-height: 30px;margin-bottom: 40px;width: 1200px;}
#banner ul{width:1200px;height:140px;background:#fff;background:#fff;border-radius: 10px;}
#banner ul li{float:left;width:33.3%;padding:20px 40px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#banner ul li:first-child{background:url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/banner_li1.png) no-repeat right;}
#banner ul li:nth-child(2){background:url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/banner_li2.png) no-repeat right;}
#banner ul li:last-child{background:url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/banner_li3.png) no-repeat right;}
#banner h4{font-size: 18px;color: #443f3e;letter-spacing: .3px;line-height: 22px;margin-bottom: 8px;}
#banner span{opacity: .9;font-size: 14px;color: #443f3e;letter-spacing: 0;line-height: 18px;margin-bottom: 8px;}
#banner ul li a{background: #ff6a00;border-radius: 17px;padding: 7px 35px;box-sizing: border-box;font-size: 14px;color: #fff;letter-spacing: 0;text-align: center;display: inline-block;margin-top: 18px;}
#banner ul li:last-child div{float:left;}
#banner ul li:last-child img{width: 80px;padding: 9px;border: 1px solid #ddd;}

/**********forsell**********/
#forsell{background:url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/youhuiquan_more.png) no-repeat center;height:520px;margin-top:60px;text-align: center;}
#forsell h2{font-size:36px;    font-weight: normal;}
#forsell p{color:#888;padding:10px;}
#forsell a{color:#f60;}
#forsell a:hover{color:#f00;}
#forsell div{width:1200px;height:330px;}

/**********procedure**********/
#procedure{text-align:center;background:#eee;padding:50px 0;}
#procedure h2{font-weight: normal;font-size: 36px;}
#procedure p{color: #FF6633FF;font-size: 18px;text-align: center;padding: 10px 0 30px;font-weight:bolder;}

#procedure td{border-bottom:0.5px solid #eee;border-right:0.5px solid #eee;text-align: center;}
#procedure td span{color:#eee;}
#procedure a{color:#f63;}

/***********product************/
#product{text-align: center;padding:40px 0 20px;}
#product h2{font-size:36px;font-weight: normal;}
#product p{line-height:4;}
#product ul{padding:20px 0;}
#product ul li{width:24%;margin-right:1.33%;margin-bottom:1.33%;float:left;text-align:left;box-shadow: 0 0 5px;background: #fff;}
#product ul li:nth-child(4n){margin-right:0;}
#product ul li .pro_title{position:relative;background-size:cover;background-repeat:no-repeat;background-image:url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/proli.jpg);padding:6%;width:100%;height:125px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#product ul li .pro_title h3{margin-bottom: 8px;font-weight: 600;text-align: left;color: inherit;color: #000;}
#product ul li .pro_title p{line-height:1.5;padding:20px 0;color: #666;}
#product ul li .pro_title img{position:absolute;right:-7px;top:-8px;width:78px;}
#product ul li .pro_title span{position: absolute;right: -9px;top: 13px;transform: rotate(45deg);z-index: 2;font-size: 8px;color: #fff;}
#product ul li .cputime{padding:14px 20px;box-shadow: 0 0 15px;}
#product ul li .cputime span{margin-left:30%;color:#999;}
#product ul li .daikuanxitong{border-bottom: 1px solid #eee;height:90px;line-height: 2;}
#product ul li .daikuanxitong div{float:left;width:40%;padding:5%;}
#product ul li .price{padding:10px 20px;}
#product ul li  .tag span{padding: 2px 8px;background: #eee;border-radius: 5px;margin-right:20px;font-size: 8px;}
#product ul li .tag span:last-child {margin-right: 0;}
#product ul li .tag .zhekou{padding: 2px 8px;color: #fff;background: #e33;border-radius: 5px;}
#product ul li .num{line-height: 2;}
#product ul li .num span{color:#f63;}
#product ul li .num span span{font-size:30px;}
#product ul li .tuijian a{width: 100%;line-height: 40px;text-align: center;display: block;color: #fff;background: #f63;}

/*********pro_more***********/
#pro_more{background:#eee;padding:30px 0;text-align:center;}
#pro_more h2{font-weight:normal;font-size:36px;}
#pro_more .desc{line-height:3;padding-bottom:30px;}
#pro_more ul li{float:left;width:49%;margin-bottom:2%;border:1px solid #fff;background-image:url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/promore.jpg);text-align:left;background-repeat:no-repeat;background-size:cover;padding:3%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#pro_more ul li:nth-child(2n-1){margin-right:2%;}
#pro_more ul li h2{font-size: 20px;line-height:2;}
#pro_more ul li p{font-size: 16px;color: #666;line-height: 1.5;padding: 20px 0;height: 50px;overflow: hidden;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
#pro_more ul li a{margin:20px 0;color:#fff;background:#f63;padding:5px 20px;}

/***********news************/
.ullistjs .pass,.ullistjs li:hover{background:#f60;color:#fff;}
#news{height: 750px;overflow:hidden;}
#news .width{padding:10px;width:1200px;height: 240px;}
#news h2,#news .indexline{text-align:center;font-size:38px;    padding:20px 0 10px;display:none;}
.newstt{ height: 30px; padding:40px 0; margin: 0 auto; width: 1200px;}
.newstt ul li{float:left;width:11.111%;border:1px solid #eee;background:#fff;text-align:center;line-height:3;transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.articlelist{margin:30px 0;display:none;}
.articlelist:nth-child(4){display:block;}
.articlelist li{float:left;width:33.333%;border:1px solid #eee;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.articlelist li:hover{box-shadow: 2px 5px 20px #333;}
.articlelist li a{padding:5%;display:block;background:#fff;color:#555;}
.articlelist .date{float:left;}
.articlelist .d{font-size:40px;text-align:center;display:block;line-height: 1.1;}
.articlelist .ym{text-align:center;display:block;}
.articlelist .titcon{padding-left:70px;}
.articlelist .titcon h5{font-size:16px;font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.articlelist li:hover .titcon h5{text-decoration:underline;font-weight:bold;}
.articlelist .titcon div{overflow: hidden;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color:#888;height: 44px;}

/************joinus*************/
#joinus{background:url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/askus.jpg) center 0 no-repeat;height: 200px;padding: 40px 0 10px;text-align: center;color:#fff;font-size:30px;}
#joinus .width{color:#f70;;}
#joinus a{color:#f70;border:1px solid #f70;font-size: 16px;display: inline-block;padding: 5px 50px;margin: 20px;}

/*************footer************/
footer{height:300px;background:#eee;}
footer .mul{padding:20px 0;}
footer .mul .flogo,footer .mul .fservice,footer .mul .fseo,footer .mul .fweb,footer .mul .fidc,footer .mul .fqw{float:left;width:12%;margin-right:3%;}
footer .mul .flogo{width:20%;}
footer .mul .flogo img{padding: 70px 0;width: 270px;}
footer .mul h4{font-size: 18px;color: #666;border-bottom: 1px solid #666;height: 60px;line-height: 40px;}
footer .mul .fitem{padding-top:10px;}
footer .mul a{color: #888;display: block;padding: 15px 0 0 5px;font-size: 16px;padding:10px 0 0 5px;}
footer .mul a:hover{text-decoration:underline;}

/**************footus***********/
#footus{background:#eee;border-top: 1px solid #111;color:#888;text-align: center;line-height: 25px;padding: 10px 0;}
#footus p{margin: 0;}
#footus span{padding:0 10px;}
#footus a{color:#888;padding: 5px;}
#footus a:hover{color:#aaa;text-decoration:underline;}

/************friendlink*************/
#flink{background:#ddd;color:#000;padding: 10px 0;}
#flink a{text-decoration: none;color: #999;padding: 5px;}
#flink a:hover{color: #333;text-decoration: underline;}

/************aside*************/
aside{float:right;width:320px;}
.slide{width:100%;height:300px;background:#666;}
.widget{clear: both;margin-bottom: 10px;background-color: #fff;border: 1px solid #eaeaea;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;width:100%;}
.widget h3{ position: relative; height: 35px; margin: 10px 20px 0 20px; border-bottom: 2px solid #999; font-weight: inherit !important; padding: 4px; color: #666; font-family: inherit; font-style: inherit; font-size: 22px;} 
.textwidget{ padding: 10px 20px;line-height: 30px;}
.textwidget ul li{    padding: 10px 0;    height: 80px;border-bottom:1px solid #ccc;}
.textwidget ul li .pic{float:left;width:120px;height:80px;}
.textwidget ul li .pic img{width:100%;height:100%;}
.textwidget ul li .title{float:right;width:150px;height:80px;color: #666;} 
.textwidget ul li .title h2{line-height: 1.5; height: 46px; overflow: hidden;font-weight: normal;    font-size: 14px;}

.widgetwest .textwidget{padding:0}
.widgetwest img{width:320px;}
.widgetad img{border-bottom:2px solid #fff;}

.m_midad{display:none;}

/************pagination*************/
.pagination { padding: 20px 0 15px 0; background-color: #fff; text-align: center;}
.pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0;}
.pagination ul>li {display: inline;}
.pagination ul>li>a, .pagination ul>li>span { margin: 0 3px; float: left; padding: 4px 12px 3px; line-height: 20px; text-decoration: none; background-color: #eee; color: #666;}
.pagination ul>.active>a, .pagination ul>.active>span {background-color: #09a8c5;color: #fff;cursor: default;}

/************main*************/
.main{float:left;width:860px;}
.mainlist li{border: 1px solid #eaeaea; background-color: #fff; padding: 2.35% 1.76% 2.35% 2.35%; margin-bottom: 10px; position: relative; clear: both;}
.mainlist li:hover{border: 1px solid #88d3f9; background: #fafdff;}
.mainlist li .title{margin: 0 10px 15px 0;}
.mainlist li .title h2{display: inline;  margin: 0;  font-weight: normal;position: relative; top: 1px; line-height: 25px;}
.mainlist li h2 a{font-weight: bold;  font-size: 20px;}
.continfo .pic{float:left;width:140px;height:150px;}
.continfo .right{float:right;width:660px;color: #777;line-height: 24px; margin-bottom: 0;}
.continfo .right .info{padding-bottom: 20px;}
.continfo .right .info span{padding-right:10px;} 

/************pagemain*************/
.pagemain{min-height:800px;border: 1px solid #eaeaea;}
.pagemain .title{margin: 10px;padding: 10px;    border-bottom: 1px solid #eee;}
.pagemain .title h1{ color: #09a8c5;font-size:28px;}
.singlecontent{font-size: 15px;line-height: 30px; text-indent: 30px; word-break: break-all; word-wrap: break-word; position: relative; padding: 10px 20px 20px 20px; background-color: #fff;padding:20px;}
.singlecontent p{margin: 0 0 16px 0;}

/************page_ecs*************/
#ecs{height:320px;background:url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/askus.jpg) no-repeat top center;}
#ecs h2{margin: 60px auto 0;height: 56px;font-size: 54px;color: #070707;letter-spacing: 3px;line-height: 56px;margin-bottom: 12px;width: 1200px;font-weight: 700;}
#ecs p{margin: 0 auto;height: 30px;font-size: 18px;color: #070707;line-height: 30px;margin-bottom: 30px;width: 1200px;}
#ecs a{background: #ff6a00;border-radius: 17px;padding: 7px 35px;box-sizing: border-box;font-size: 14px;color: #fff;letter-spacing: 0;text-align: center;display: inline-block;margin-top: 18px;}

/************mail_tuijian*************/
.indextitle{text-align: center;color: #000;font-weight: bold;font-size: 30px;padding-top: 20px;padding-bottom: 10px;}
.indexline{width: 70px;border-top: #F68A3F 3px solid;margin: 5px auto;}
.indexdisc{text-align: center;margin: 10px;font-size: 16px;}
.longtitle{line-height:3;text-align:center;}
#mail_tuijian{background: #eee;text-align:center;    padding: 20px 0 40px;}
.itemtuijian{padding:50px 0;}
.itemtuijian li{float:left;background:#fff;width:32%;margin-right:2%;padding:2.5%;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.itemtuijian li:hover{box-shadow: 2px 5px 20px #333;}
.itemtuijian li:last-child{margin-right:0;}
.itemtuijian .top p{padding: 20px 0 10px;}
.itemtuijian .top h3{font-size:26px;font-weight:normal;border-bottom:1px solid #ddd;line-height:2;}
.itemtuijian .top span{font-size:32px;color:#ff8500;}
.maininfo{height:60px;}
.maininfo div{float:left;width:33%;border-right:1px solid #eee;}
.maininfo div:last-child{border-right:none;}
.itemtuijian dl{padding:20px 50px 0;}
.itemtuijian dl dt{float:left;width:100px;text-align:left;}
.itemtuijian dl dd{text-align:left;}
.itemtuijian .give{padding: 0;margin: 5px auto;border-radius: 0 50px;text-align: center;border: 1px solid #fb9202;color: #ef5b04;font-size: 12px;width: 240px;}
.itemtuijian .a{margin:10px;padding-top:5px;text-align:center;}
.itemtuijian .a a{background: #fb9202;color: #fff;display: inline-block;width: 60%;height: 40px;line-height: 40px;}
.tuijian_h2{line-height: 100px;font-size: 26px;font-weight: normal;}

#mail_list{text-align:center;padding:40px 0;}
#mail_list table{margin-top: 40px;    border: 1px solid #eee;}
#mail_list table tr:first-child td{height:50px;font-size:20px;background:#f63;color:#fff;}
#mail_list table td{border:1px solid #eee;}

#mail_advantage{padding:40px;background:#eee;}
#mail_advantage ul li{float:left;width:33.3%;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;height: 300px; padding: 4%;}
#mail_advantage ul li:hover{box-shadow: 1px 1px 10px #333;}
#mail_advantage ul li:nth-child(3n){border-right:0;}
#mail_advantage ul li:nth-child(7),#mail_advantage ul li:nth-child(8),#mail_advantage ul li:nth-child(9){border-bottom:0;}
#mail_advantage ul li .tit{font-size:18px;font-weight: bold;}
#mail_advantage ul li .txt{color:#888;}

#mail_function{padding:40px;border-bottom:1px solid #ddd;}
#mail_function .fun{background:#eee;height:360px;}
#mail_function .fun li{width:33.3%;padding:4%;float:left;box-sizing: border-box;text-align:center;}
#mail_function ul li .tit{    font-size: 18px;font-weight: bold;border-left: 5px solid #f63;padding-left: 10px;}
#mail_function ul li .txt{color:#888;}
#mail_function .ction{padding:10px 0;}
#mail_function .ction li{width:33.3%;float:left;padding:40px 40px 0 5px;box-sizing:border-box;}

/************sql_list*************/
#sql_list{padding:30px 0;}
.pro_title ul{height:40px;}
.pro_title ul li{float:left;width:12.5%;text-align:center;border:1px solid #eee;background:#fff;line-height:40px;    box-sizing: border-box;}
.pro_title ul li:hover{background:#f60;color:#fff;}
.pro_list{padding:40px 0;height:430px;display:none;}
.pro_li{width:24%;background:#fff;border:1px solid #ddd;margin-right:1.33%;padding:2%;box-sizing:border-box;float:left;}
.pro_li:hover{box-shadow: 2px 5px 20px #333;}
.pro_li:last-child{margin-right:0;}
.pro_li p{border-bottom:1px solid #ccc;    line-height: 2;padding:10px 0;}
.pro_li p,.pro_li div{font-size:8px;color:#888;line-height:2;}
.pro_li p span{font-size:20px;color:#000;}
.pro_li .buy{padding:10px 0;    text-align: center;}
.pro_li .buy a{padding:10px 20px;margin-right:10px;color: #fff;background:#f63;}
.pro_li .desc{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 8px;color: #888;    height: 40px;}
.pro_li .zhekou span{padding:2px 8px;margin-right:10px;background:#eee;border-radius: 5px;line-height:3}
.sqlprice span{color:#f63;}
.pro_li div span span{font-size:28px;color:#f63;}

/************use*************/
#use{padding:40px 0;background:#eee;}
#use .uselist{border: 1px solid #fff;}
#use .uselist li{float:left;width:25%;border: 1px solid #eee;text-align: center;  line-height: 3;transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border:1px solid #fff;}
.useitem{display:none;border: 2px solid #fff;border-top:0;height:882px;}
.useimg{float:left;width:54%;}
.useinfo{float:right;width:46%;background:#fafafa;}
.useinfo .desc{margin: 5%;border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom:0;}
.useinfo h3{color:#000;line-height: 3;}
.useinfo p{line-height:1.6;}
.useinfo .desc a{background: #f63;padding: 5px 20px;margin-top: 10px;display: inline-block;color: #fff;}
.useinfo .tedian{margin:5%;border-bottom: 1px solid #ddd;margin-bottom:0;pading-bottom:20px;}
.useinfo .tedian ul li{background:url(https://img.alicdn.com/tfs/TB1EtdntoT1gK0jSZFrXXcNCXXa-200-200.png) no-repeat left;    background-size: 20px;color:#888;line-height:26px;padding:5px 0 5px 40px;}
.useinfo .related{margin:5%;margin-bottom: 142px;}
.useinfo .related ul li{width:87px;height:80px;margin-right:10px;float:left;text-align:center;background:#fff;font-size:8px;border:1px solid #eee;}

/************pro_idc*************/
#pro_idc{background:#fff;height:800px}
.pro_title ul{height:40px;}
.pro_title ul li{float:left;width:12.5%;text-align:center;border:1px solid #eee;background:#fff;line-height:40px;}
.pro_list{padding:40px 0;display:none;}
.pro_img,.pro_li{float:left;}
.pro_img{width:19%;}
.pro_li{width:24%;background:#fff;border-right:1px solid #eee;margin-right:1.33%;padding:2%;text-align:center;}
.pro_li:hover{box-shadow: 2px 5px 20px #333;}
.pro_li:last-child{margin-right:0;}
.pro_li .price{width:100px;height:100px;border:1px solid #999;border-radius:100%;margin: 15px auto;line-height: 100px;}
.pro_li .price span{font-size:28px;color:#d65e08;}
.pro_li p{border-bottom:1px solid #ccc;padding-bottom:10px;}
.pro_li .buy{padding:20px 0 0;}
.pro_li .buy a{padding:10px 20px;border:1px solid #ddd;}

/************danye*************/
#dazhe{padding:20px 0;background:url(http://aliyun.woniuseo.com/wp-content/themes/woniualiyun/img/banner.jpg) no-repeat;}
.danyes h2{line-height:3;font-size:38px;}
.danyes ul li{list-style:auto inside;line-height:3;}

#fuwu{padding:20px 0;}

#liucheng{background:#eee;padding:20px 0;}

#chanpin{background:#eee;}





/************single_main*************/
.single_main{border:1px solid #ccc;}
.single_main .title_box{padding: 2px 20px 12px; background-color: #fff; border-bottom: 1px solid #eee;color:#999;}
.single_main .title_box h1{ line-height: 30px;color: #444;font-weight: normal; font-size: 24px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.single_main .title_box a{color:#999;}
.single_main .title_box span{margin-right:20px;}
.single_main .sincontent{font-size: 15px; line-height: 26px; text-indent: 30px; word-break: break-all; word-wrap: break-word; position: relative; padding: 10px 20px 20px 20px; background-color: #fff;}
.reship{line-height:40px;    padding: 10px 20px 20px 20px;}
.article_link{ border-top: 1px solid #f2f2f2; background-color: #fbfbfb; overflow: hidden; padding: 15px 20px; font-size: 15px; color: #bbb;    padding-bottom: 20px; background: #fbfbfb;}
.article_link div{line-height: 40px;}
.article_about h2{text-align: left;font-size: 18px; padding:10px 20px;}
.article_about ul{width: 100%;overflow: hidden;text-align: center;}
.article_about ul li{float: left; overflow: hidden; width: 24%; margin-left: 1.333%; padding-bottom: 5px;}
.article_about ul li:nth-child(1),.article_about ul li:nth-child(5){margin-left: 0px;}
.article_about li img{ width: 185px;  height: 110px;}
.article_about li h5{height: 20px;margin-bottom: 10px; text-align: left; line-height: 20px;height: 32px; overflow: hidden; padding: 5px 10px;}


/***rightfloat***/
.rightfloat{  width: 50px ;  height: 250px ;  position: fixed ;  top: 50% ;  margin-top: -126px ;  background: #f63;  right: 0 ;  border-radius: 5px 0 0 5px ;  z-index: 999 ; }  
.rightfloat ul{  list-style: none ; }  
.rightfloat .icon li{  width: 49px ;  height: 50px ;  background: url(img/floaticon.png) no-repeat ; }  
.rightfloat .icon li a{  padding:20px ; }  
.rightfloat ul li p{  text-indent: 0em ; }  
.rightfloat .icon .up{  background-position:-330px -120px  ; }  
.rightfloat .icon li.qq{  background-position:-385px -73px  ; }  
.rightfloat .icon li.tel{  background-position:-385px -160px  ; }  
.rightfloat .icon li.wx{  background-position:-385px -120px  ; }  
.rightfloat .icon li.down{  background-position:-330px -160px  ; }  
.rightfloat .info{  top: 50% ;  height: 147px ;  position: absolute ;  right: 100% ;  background: #f63 ;  width: 0px ;  overflow: hidden ;  margin-top: -73.5px ;  transition:0.5s ;  border-radius:4px 0 0 4px  ; }  
.rightfloat .info.hover{  width: 145px ;  }  
.rightfloat .info li{  width: 145px ;  color: #fff ;  text-align: center ; }  
.rightfloat .info li p{  font-size: 1.1em ;  line-height: 2em ;  padding: 15px ;  text-align: left ; }  
.rightfloat .info li.qq p a{  display: block ;  margin-top: 12px ;  width: 100px ;  height: 32px ;  line-height: 32px ;  color: #00DFB9 ;  font-size: 16px;  text-align: center ;  text-decoration: none ;  border: 1px solid #00DFB9 ;  border-radius: 5px ; }  
.rightfloat .info li.qq p a:hover{  color: #FFFFFF ;  border: none ;  background: #00E0DB ; }  
.rightfloat .info li div.img{  height: 100% ;  /*background: #DEFFF9 ;*/  margin: 15px ; }  
.rightfloat .info li div.img img{  width: 100% ;}  /*控制菜单的按钮*/  
.index_cy{  width: 30px ;  height: 30px ;  background: url(img/index_cy.png) ;  position: fixed ;  right: 0 ;  top: 50% ;  margin-top: 140px ;  background-position: 62px 0 ;  cursor: pointer ; }  
.index_cy2{  width: 30px ;  height: 30px ;  background: url(img/index_cy.png) ;  position: fixed ;  right: 0 ;  top: 50% ;  margin-top: 140px ;  background-position: 30px 0 ;  cursor: pointer ; }  

.qqkf{ width: 30px;  height: 30px;  background: url(img/qq.png) no-repeat;  margin-top: 10px;  margin-left: 19px;  float: left; }
.header-plus{  width: 10px;  margin-top: -5px; }
.HuiTab4{  height:50px ; width:500px; }
.tab4Bar span {  background-color: #29ABE2;  cursor: pointer;  display: inline-block;  float: left;  height: 40px;  line-height: 40px;  padding: 0 15px;  width: 44%;  /*新加*/  color: #fff;  font-size: 18px;  font-weight: bold; }
.tab4Bar span.current {  background-color: #119AD4;  color: #fff; }
.h6-more{  float: right;  color: #fff;  margin-top: 14px; }
.h6-more a{  color:#fff; }
.question_form_phone{margin-top:15px;}
.classcat{position:absolute;bottom:20px;margin-left:15px;}
#most-zixun span.current{width:416px;padding:0;text-align:left;}
/*rightfloat stop*/

@media screen and (max-width: 1200px){/*****************pad css start*****************/

}

.join_m{display:none;}
.mrightfloat{display:none;}/*PC端隐藏加QQ微信设置*/
@media screen and (max-width: 900px){/*****************pad css start*****************/
#float_qrcode{display:none;}
.width{max-width:900px;padding:0;width: 100%;}
.logo{float:none;}
.nav{width:100%;float:none;}
.nav ul li {height: 60px; overflow: hidden;}
.wowslider-container1{display:none;}
.main{width:100%;}
.continfo .pic {width: 30%;}
.continfo .pic img {width: 100%; height: 100%;border-bottom: 0;}
.continfo .right{width:68%;}
.continfo .right .info{display:none;}
.continfo .right .note{height: 150px; overflow: hidden;}

aside{display:none;}

.news{height:400px;}
.news .width{width:100%;height:385px;}
.newstt {padding-bottom:0}
.news h2{display:none;}
.news .width{padding:0;border-radius: 0;}
.news .list {width: 100%;    border-bottom: 1px solid #ddd;}
.news .list li {width: 33.3%;margin: 0; padding: 5px 0; border-radius: 0; text-align: center;}
.articlelist li {width: 100%; margin-right: 0;}
	

.rightfloat{display:none;}
/*底部咨询及右侧添加微信代码css*/
.mrightfloat{display:block;}
.mfloat{height: 40px;background: #f00;text-align: center;line-height: 40px;font-size: 20px;font-weight: bold;position: fixed;left: 0;bottom: 0;border-top: 1px solid #888;width: 100%;}
.mfloat a{color:#fff;}

.float-right{position: fixed;right: 0;top: 30%;z-index: 998;cursor: pointer;width: 40px;}
.float-right img {width: 100%;right: 0px;}
.shade-model{display: none;position: fixed;height: 3.05rem;left: 0;right: 0;top: 50%;margin-top: -1.52rem;z-index: 1000;}
.shade-model .warpper {max-width: 640px;margin: 0 auto;}
.shade-model .content {width: 80%;margin: 0 auto;padding: 0.3rem 0 0.27rem;text-align: center;background: #FFF;border-radius: 20px;}
.shade-model .content .wechat-ico {padding-bottom: 0.1rem;}
.shade-model .content .wechat-ico img {}
.shade-model .content h3 {font-weight: bold;}
.shade-model .content p:nth-child(3) {color: #999;}
.shade-model .content p:nth-child(4) {padding: 0.12rem 0;}
.shade-model .close-btn {text-align: center;}
.shade-model .close-btn span {display: inline-block;padding: 0.5rem 1.5rem;color: #FFF;background-color: #6f88fe;border-radius: 0.46rem;cursor: pointer;}
.inShade {display: none;position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0, 0.5);z-index: 999;}

}

@media screen and (max-width: 500px){/*****************mobile css start*****************/
.nav ul li {height: 40px; line-height: 40px; font-size: 14px; width: 25%; border: 1px solid #f00; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.nav ul li a{font-size: 16px;}
.topad,.footad{display:none;}
.mtopad,.mfootad{display:block;margin:20px 0;}
.m_midad{display:block;}

}