@charset "utf-8";

body {font-size:14px;color:#3B3B3B; background-color:#FFFFFF; font-family:"微软雅黑"; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;

}
/** By zhiliaonet.com **/
/* CSS Document */

a:link {color: #3B3B3B;text-decoration: none;}
a:visited {text-decoration: none;color: #3B3B3B;}
a:hover {text-decoration: none;color: #1EACDF;}
a:active {text-decoration: none;}

.box:after{content:"."; height:0px; display:block; clear:both; visibility:hidden;}

/* 首页头部 */

.topmin{ width:100%; height:80px; background-color:#1D1D1D;}
.top{width:1200px; height:80px; margin:0 auto;}
.logo{ width:200px; height:60px; float:left;  text-align:center; padding-top:5px;}
.logo img{width:170px; height:70px;}

/* 首页导航 */

.dao{ width:760px; height:80px; float:left; margin-left:30px; display:inline;}
ul,li,ol{ list-style-type:none;}
.tab{ width:760px; height:77px; line-height:77px;}
.tab li{ text-align:center; float:left; font-size:16px;  padding:0 20px 0 20px;}
.tab li a{color:#FFF!important; display:block;}
.tab li a:hover{color:#FFF!important; display:block; border-bottom:3px #3db1ea solid;}
.zhuo{ width:144px; height:30px; float:right; margin-top:10px; display:inline;}
.zhuol{ float:left; width:72px; overflow:hidden; font-size:0.8rem;}
.zhuol a{border-radius: 15px 0 0 15px; padding: 0 10px 0 20px;display: block; height: 30px; line-height: 30px; text-align: center; background: #3db1ea;  margin: 15px 0 0; color:#FFFFFF;}
.zhuol a:hover{background: #1A8DC5;}

.zhuor{ float:right; width:72px; overflow:hidden; font-size:0.8rem;}
.zhuor a{border-radius: 0 15px 15px 0; padding: 0 20px 0 10px;display: block; height: 30px; line-height: 30px; text-align: center; background: #3db1ea;  margin: 15px 0 0; color:#FFFFFF;}
.zhuor a:hover{background: #1A8DC5;}

/* 首页主题 */
.homebanner{ width:100%; height:auto; margin:0 auto;position:relative;}
.homebanner_tu{ width:100%; height:100%;position:absolute; overflow:hidden;}

.homebanner_zhi{width:1200px;height:435px; margin:0 auto;position:relative;text-align:center;}
.homebanner_zhi_min{ height:200px; float:left;  margin-top:100px; margin-left:100px; display:inline; color:#FFFFFF;}

.fuwu{width:790px;}
.homebanner_zhi_min h2{ font-size:46px; font-weight:600; margin-bottom:30px;}
.homebanner_zhi_min h2 span{color:#FF9600;}
.homebanner_zhi_min p{ font-size:16px; font-weight:bold; margin-bottom:10px; letter-spacing: 20px;}
.homebanner_zhi_min_x{ }



.homebanner_zhi_min_x a{ display:block;width:230px;padding:0 20px;height:58px;line-height:58px;text-align:center;border-radius:5px;font-size:18px;color:#00a0e9;
    
    
    background:#FF9600;border-color:#FF9600;color:#fff;margin:50px auto;
}




.homebanner_zhi_min_x a:hover{background:#FF9600;border-color:#FF9600;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;color:#fff;}
.homebanner_di{ width:100%; height:155px; background-image:url(../images/banner-body-bg.png);position:relative; bottom:0;margin-top:150px;}
.homebanner_di_min{ width:1200px; height:155px; margin:0 auto;}
.homebanner_di_min_lei{ width:260px; height:115px; float:left; padding:20px;}

.homebanner_di_min_leitu{ float:left; width:100px; height:100px; }
.homebanner_di_min_leizhi{ width:160px; height:55px; float:left; margin-top:25px; overflow:hidden;}
.homebanner_di_min_leizhi p{ font-size:18px;color:#FFFFFF;}
.homebanner_di_min_leizhi span{ font-size:14px;color:#FFFFFF; line-height:30px;}
.homebanner_di_min_leizhi:a p{ color:#FFFFFF!important;}
.homebanner_di_min_leizhi:hover p{ color:#1EACDF!important;}
.homebanner_di_min_leizhi:a span{ color:#FFFFFF!important;}
.homebanner_di_min_leizhi:hover span{ color:#1EACDF!important;}

/* 产品 */
.h_pro_min{ width:100%; height:790px; background-color:#f4f4f4;}
.h_pro_box{ width:1200px; height:790px; margin:0 auto; padding-top:30px;}
.h_pro_biao{ width:1200px; height:80px; float:left; margin-top:30px;}
.h_pro_biao p{ font-size:14px; color:#686868; margin-top:10px;}
.h_pro_biao span{ font-size:32px; color:#252525;}
.h_pro_lei{ width:1200px; height:522px; float:left;  margin-top:50px;}

.h_pro_lei_02{cursor: pointer;width:212px; height:522px; float:left;  margin-right:12px; display:inline;box-shadow: #E2E2E2 0px 0px 15px;background: #FFF;}
.h_pro_lei_02t{ width:212px; height:59px; float:left; text-align:center; margin-top:65px;background:url(../images/product_header_icon_01.png) no-repeat center top;}
.h_pro_lei_02z{ width:212px; height:70px; float:left; text-align:center; margin-top:27px; overflow:hidden;}
.h_pro_lei_02z p{font-size:14px; color:#686868; margin-top:10px;}
.h_pro_lei_02z span{ font-size:22px; color:#252525;}
.h_pro_lei_02w{ width:174px; height:120px; float:left; border-bottom:1px #E1E1E1 solid; border-top:1px #E1E1E1 solid; margin-left:20px; display:inline; margin-top:20px; padding-top:15px; color:#686868; padding-bottom:20px; text-align:center; line-height:32px;}
.h_pro_lei_02s{ width:212px; height:50px; float:left; text-align:center; color:#000; margin-top:30px;}
.h_pro_lei_02s span{ font-size:36px; color:#0af;}
.h_pro_lei_02m{display: none;}
.h_pro_lei_03{margin-right:0;}
.tpt-list-none{display: none;}
.tpt-list-none2{display: block;}

.h_pro_lei_01{cursor: pointer;width:304px;background:url(../images/producet_bg_01.jpg) #FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02t{width:304px;height:82px;margin-top:50px;background:url(../images/product_header_active_icon_01.png) no-repeat center top;}
.h_pro_lei_01 .h_pro_lei_02z{width:304px;margin-top:20px;}
.h_pro_lei_01 .h_pro_lei_02z p{color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02z span{color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02w{width:244px;height:100px;margin-left:30px;padding-top:20px; color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02s{width:304px;color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02s span{color:#fff;}
.h_pro_lei_01 .h_pro_lei_02m{display: block;}
.h_pro_lei_01 .h_pro_lei_02m a{color:#FFFFFF;width:275px; height:33px; float:left; background-color:#f80; text-align:center; margin-left:15px; display:inline; padding-top:7px;}
.h_pro_lei_01 .h_pro_lei_02m a:hover{ color:#FFFFFF; background-color:#FF9600; width:275px; height:33px; padding-top:7px;}
.h_pro_lei_01 .tpt-list-none{display: block;line-height: 20px;}
.h_pro_lei_01 .tpt-list-none2{display: none;}

/*
.tpt-list:hover .h_pro_lei_02{width:304px;background:url(../images/producet_bg_01.jpg) #FFFFFF;}
.tpt-list:hover .h_pro_lei_02t{width:304px;height:82px;margin-top:50px;}
.tpt-list:hover .h_pro_lei_02z{width:304px;margin-top:20px;}
.tpt-list:hover .h_pro_lei_02z p{color:#FFFFFF;}
.tpt-list:hover .h_pro_lei_02z span{color:#FFFFFF;}
.tpt-list:hover .h_pro_lei_02w{width:244px;height:100px;margin-left:30px;padding-top:20px; color:#FFFFFF;}
.tpt-list:hover .h_pro_lei_02s{width:304px;color:#FFFFFF;}
.tpt-list:hover .h_pro_lei_02s span{color:#fff;}
.tpt-list:hover .h_pro_lei_02m{display: block;}
.tpt-list:hover .h_pro_lei_02m a{color:#FFFFFF;width:275px; height:33px; float:left; background-color:#f80; text-align:center; margin-left:15px; display:inline; padding-top:7px;}
.tpt-list:hover .h_pro_lei_02m a:hover{ color:#FFFFFF; background-color:#FF9600; width:275px; height:33px; padding-top:7px;}
.tpt-list:hover .tpt-list-none{display: block;line-height: 20px;}
.tpt-list:hover .tpt-list-none2{display: none;}
*/
/* 应用 */

.h_yong{ width:1200px; height:610px; margin:0 auto; margin-top:30px;}
.h_yong_lei{ width:1200px; height:420px; float:left; margin-top:40px;}
.h_yong_leis{ width:1200px; height:200px; float:left; border-bottom:1px #ececec solid;}
.h_yong_zhong{ width:25%; float:left;}
.h_yong_zhonga{ height:200px; text-align:center;}
.h_yong_lian{display: block; height: 160px; padding: 20px 0; border-right: 1px solid #ececec;}
.popular-app-icon1{background-position: 0 -450px;}
.icon100x100{width: 100px;  height: 100px;}
.zq-icon{display: inline-block;  background: url(../images/new300-sprite-icon.png) no-repeat;}
.h3{font-size: 22px; color: #464646; margin: 10px 0;}

.h_yong_lian:hover .h3 { color: #fff;}
.h_yong_leix{ width:1200px; height:200px; float:left; }

.h_yong_lei .h_yong_zhonga:hover{background:url(../images/new300-sprite-icon.png) #00a0e9 no-repeat -480px -875px;box-shadow:3px 3px 10px #ccc;-webkit-transition:background-color .5s ease-out;transition:background-color .5s ease-out}

.h_yong_lei .h_yong_zhong a .popular-app-icon2{background-position:-100px -450px}
.h_yong_lei .h_yong_zhong a .popular-app-icon3{background-position:-200px -450px}
.h_yong_lei .h_yong_zhong a .popular-app-icon4{background-position:-300px -450px}
.h_yong_lei .h_yong_zhong a .popular-app-icon5{background-position:-400px -450px}
.h_yong_lei .h_yong_zhong a .popular-app-icon6{background-position:-500px -450px}
.h_yong_lei .h_yong_zhong a .popular-app-icon7{background-position:-600px -450px}
.h_yong_lei .h_yong_zhong a .popular-app-icon8{background-position:-50px -950px}
.h_yong_lei .h_yong_zhong a .popular-app-icon9{background-position:-700px -450px}

.h_yong_lei .h_yong_zhonga:hover .popular-app-icon1{background-position:0 -550px}
.h_yong_lei .h_yong_zhonga:hover .popular-app-icon2{background-position:-100px -550px}
.h_yong_lei .h_yong_zhonga:hover .popular-app-icon3{background-position:-200px -550px}
.h_yong_lei .h_yong_zhonga:hover .popular-app-icon4{background-position:-300px -550px}
.h_yong_lei .h_yong_zhonga:hover .popular-app-icon5{background-position:-400px -550px}
.h_yong_lei .h_yong_zhonga:hover .popular-app-icon6{background-position:-500px -550px}
.h_yong_lei .h_yong_zhonga:hover .popular-app-icon7{background-position:-600px -550px}
.h_yong_lei .h_yong_zhonga:hover .popular-app-icon8{background-position:-50px -950px}
.h_yong_lei .h_yong_zhonga:hover .popular-app-icon9{background-position:-700px -550px}
.h_yong_lei .h_yong_zhonga:hover h3{ color:#FFFFFF;}


.h_yong01{ width:1200px; height:610px; margin:0 auto; margin-top:30px;}
.h_yong01_lei{ width:1200px; height:420px; float:left; margin-top:40px;}
.h_yong01_leis{ width:1200px; height:200px; float:left; border-bottom:1px #ececec solid;}
.h_yong01_zhong{ width:25%; float:left;}
.h_yong01_zhonga{ height:200px; text-align:center;}
.h_yong01_lian{display: block; height: 160px; padding: 20px 0; border-right: 1px solid #ececec;}
.popular-app-icon12{background-position: 0 -450px;}
.icon100x100{width: 100px;  height: 100px;}
.zq-icon01{display: inline-block;  background: url(../images/new300-sprite-icon01.png) no-repeat;}
.h3{font-size: 22px; color: #464646; margin: 10px 0;}

.h_yong01_lian:hover .h3 { color: #fff;}
.h_yong_leix{ width:1200px; height:200px; float:left; }

.h_yong01_lei .h_yong01_zhonga:hover{background:url(../images/newindex/new300-sprite-icon01.png) #00a0e9 no-repeat -480px -450px;box-shadow:3px 3px 10px #ccc;-webkit-transition:background-color .5s ease-out;transition:background-color .5s ease-out}

.h_yong01_lei .h_yong01_zhong a .popular-app-icon2{background-position:-100px -450px;}
.h_yong01_lei .h_yong01_zhong a .popular-app-icon3{background-position:-200px -450px;}
.h_yong01_lei .h_yong01_zhong a .popular-app-icon4{background-position:-300px -450px;}
.h_yong01_lei .h_yong01_zhong a .popular-app-icon5{background-position:-400px -450px;}
.h_yong01_lei .h_yong01_zhong a .popular-app-icon6{background-position:-500px -450px;}
.h_yong01_lei .h_yong01_zhong a .popular-app-icon7{background-position:-600px -450px;}
.h_yong01_lei .h_yong01_zhong a .popular-app-icon8{background-position:-50px -950px;}
.h_yong01_lei .h_yong01_zhong a .popular-app-icon9{background-position:-700px -450px;}

.h_yong01_lei .h_yong01_zhonga:hover .popular-app-icon1{background-position:0 -550px;}
.h_yong01_lei .h_yong01_zhonga:hover .popular-app-icon2{background-position:-100px -550px}
.h_yong01_lei .h_yong01_zhonga:hover .popular-app-icon3{background-position:-200px -550px}
.h_yong01_lei .h_yong01_zhonga:hover .popular-app-icon4{background-position:-300px -550px}
.h_yong01_lei .h_yong01_zhonga:hover .popular-app-icon5{background-position:-400px -550px}
.h_yong01_lei .h_yong01_zhonga:hover .popular-app-icon6{background-position:-500px -550px}
.h_yong01_lei .h_yong01_zhonga:hover .popular-app-icon7{background-position:-600px -550px}
.h_yong01_lei .h_yong01_zhonga:hover .popular-app-icon8{background-position:-50px -950px}
.h_yong01_lei .h_yong01_zhonga:hover .popular-app-icon9{background-position:-700px -550px}
.h_yong01_lei .h_yong01_zhonga:hover h3{ color:#FFFFFF;}






/* 案例 */
.h_anli{ width:100%; height:730px; background-color:#f4f4f4;}
.h_anlimin{ width:1200px; height:500px; margin:0 auto; padding-top:30px;}
.h_anlimin_lei{ width:1200px; height:500px; float:left; margin-top:20px;}
.h_anlimin_leia{ width:279px; height:225px; float:left; margin-right:20px; margin-top:20px; display:inline; overflow:hidden;position:relative;}
.h_anlimin_leia_min{position: relative;    top: 0;    transition: all 0.2s linear;position:relative;}
.h_anlimin_leia_min img{ width:279px; height:175px;}
.h_anlimin_leia_zhi{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:277px; height:39px; float:left; border:1px #e5e5e5 solid;border-top: none;font-size: 18px; color: #333;  text-align: center; padding-top:10px; }
.h_anlimin_leia_min:hover {  top: -4px;  box-shadow: 0 15px 30px #e5e5e5;  transition: translate3d(0, -2px, 0);}
.h_anlimin_leia_zhi:hover {  top: -4px;  box-shadow: 0 15px 30px #e5e5e5;  transition: translate3d(0, -2px, 0);}
.page {line-height: 30px; font-size: 12px;text-align: center; width:1200px; height:40px; float:left; margin-top:30px;}
.page .cur { border: 1px solid #00a2c9; background: #00a2c9; color: #fff;}
.page a { padding: 5px 12px 5px 12px; border: 1px solid #ccc; margin: 0 5px 0 5px; color: #00a2c9;}
.page a:hover{border:1px solid #00a2c9; background:#00a2c9; color:#fff;}

.h_anlimin_leia_min h2{position:absolute;width:239px;height:20px;left:0px;top:0px;background:#000;opacity:0.6;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;display:none; text-align:center; padding:80px 20px 60px 20px; font-size:22px; overflow:hidden;}
.h_anlimin_leia_min:hover h2{display: block;width:239px;height:35px; color:#FFFFFF; overflow:hidden; padding:80px 20px 60px 20px;}


/* 新闻 */
.h_news{ width:1200px; height:500px; margin:0 auto; margin-top:30px;}
.h_newsl{ width:370px; height:280px; float:left; margin-right:45px; display:inline; margin-top:40px;}
.h_newsl_tu{ width:370px; height:120px; float:left; background:url(../images/news_bg_01.png) no-repeat;}
.h_newsl_zhi{ width:120px; height:80px; float:left; background-color:#0af;opacity:0.9; text-align:center; color:#FFFFFF; font-size:20px; padding-top:40px;}
.h_newsl_lei{ width:370px; height:142px; float:left;  margin-top:15px;}
.h_newsl_zhi a{color:#FFFFFF;}
.h_newsl_zhi a:hover{color:#FFFFFF;}
.h_newsl_lei i{ float: left; width: 70px; font-style: normal; font-size: 12px; color: #888; white-space: nowrap;}
.h_newsl_lei span{float: left;width: 290px;font-size: 14px;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.newsNav{ padding:0px 0px 0px 0px; width:370px; margin-left:0px;}
.newsNav li{ line-height:35px; padding-left:0px; text-indent:0px; height:35px; display:block; overflow:hidden; }
.newsNav li a{ color:#646464!important; }
.newsNav li a:hover{ color:#0af!important; }
.h_newsr{ width:370px; height:270px; float:right; margin-top:40px; overflow:hidden;}
.h_newsr a img{width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.h_newsr a img:hover{ -ms-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1);  -webkit-transform: scale(1.1); -o-transform: scale(1.1);}

/* 咨询 */
.h_zhi{ width:100%; height:180px; background:url(../images/footer_bg.jpg) center;}
.h_zhimin{ width:1200px; height:180px; margin:0 auto; text-align:center;}
.h_zhimin p{ font-size:24px; color:#FFFFFF; padding-top:45px;}
.h_zhimin span a{ display: inline-block; margin-top: 24px; width: 220px; height: 44px; line-height: 44px; border: 1px solid #fff; color: #fff;}
.h_zhimin span a:hover{ background-color:#FFFFFF; color:#000000;}

/* 服务 */
.h_fuwubox{ width:100%; height:700px; background-color:#f4f4f4;}
.h_fu{ width:100%; height:178px; background-color:#1d1d1d;}
.h_fumin{ width:1200px; height:178px; margin:0 auto;}
.h_fumin_lei{ width:300px; height:100px; float:left; margin-top:40px;}
.h_fumin_lei_tu{ width:100px; height:100px; float:left; margin-right:10px; display:inline;}
.h_fumin_lei p{ color:#FFFFFF; font-size:22px; padding-top:20px;}
.h_fumin_lei span{ color:#FFFFFF; font-size:14px; line-height:32px;}

/* 友链 */

.link{ width:1000px; height:30px; margin:0 auto; padding-top:0px; color:#FFF;}



/* 底 */
.footbox{ width:100%; height:245px; background-color:#23262a;}
.foot{ width:1200px; height:245px; margin:0 auto; }
.footl{ width:320px; height:140px; float:left;  margin-top:50px; border-right:1px #444444 solid; padding-right:50px;}
.footl_s{ width:348px; height:80px; float:left;}
.footl_s p{ color:#FFFFFF; margin-top:7px;}
.footl_s span{ color:#FFFFFF; font-size:32px; line-height:60px;}
.footl_s_tu{ width:80px; height:80px; float:left; margin-right:20px; display:inline;}
.footl_di{ width:90px; height:32px; float:right; margin-left:9px; display:inline; margin-top:20px;margin-right:30px; background-color:#FF4E00; border-radius: 5px;text-align:center;font-size:16px;line-height:28px;}
.footl_di02{ width:90px; height:32px; float:left; margin-left:90px; display:inline; margin-top:20px;margin-right:6px; background-color:#0CAF36; border-radius: 5px;text-align:center;font-size:16px;line-height:28px;}
.footl_di03{ width:90px; height:32px; float:right; margin-left:9px; display:inline; margin-top:20px;margin-right:6px; background-color:#14BDEF; border-radius: 5px;text-align:center;font-size:16px;line-height:28px;}
.footl_di a{color:#FFFFFF;}
.footl_di02 a{color:#FFFFFF;}
.footl_di03 a{color:#FFFFFF;}


.footr{ width:760px; height:140px; float:left;  margin-top:50px; margin-left:50px; display:inline;}
.footr_dao{ width:760px; height:40px; float:left; display:inline; overflow:hidden;}
ul,li,ol{ list-style-type:none;}
.footrf{ width:760px; height:40px; line-height:40px;}
.footrf li{ float:left; font-size:14px;  padding:0 8px 0 15px; }
.footrf li a{color:#9b9ea0!important; }
.footrf li a:hover{color:#1EACDF!important; }
.footr_dao span{ margin-left:20px; display:inline; color:#9b9ea0;}
.footr_zhi{ width:745px; height:80px; float:left;  margin-top:15px; overflow:hidden; color:#6a6a6a; margin-left:15px; display:inline; line-height:28px;}
.footr_zhi a{color:#6a6a6a!important; }
.footr_zhi a:hover{color:#1EACDF!important; }


/* 内页 */

.leibanner{ width:100%; height:280px; background:url(../images/road_bg.jpg) no-repeat center;position:relative;}
.leibanner ul{position: absolute; width: 100%; left: 0; top: 0; text-align: center; background: #000; filter: Alpha(opacity=80);  background: rgba(0, 0, 0, 0.8) none repeat scroll !important; margin-top:220px;}
.leibanner ul li{color: #536473;}
.leibanner ul li a{position: relative; z-index: 99; font-size: 16px; color: #fff; padding: 20px 50px; display: inline-block; -webkit-transition: all .5s ease-out; transition: all .5s ease-out;}
.leibanner ul li a:hover{background: #0087d5; -webkit-transform: scale(0.85, 0.85);}

.leibanner_zhi{ width:100%; height:90px; text-align:center; margin-top:60px; position:absolute; }
.leibanner_zhi p{ color:#FFFFFF; font-size:36px;}
.leibanner_zhi span{ color:#FFFFFF; font-size:20px; line-height:70px;}


/* 内页案例 */
.lei_anlimin{ width:1200px; height:auto; margin:0 auto; padding-top:30px;}
.lei_anlimin_lei{ width:1200px; height:auto; float:left; margin-top:20px;}
.lei_anlimin_leia{ width:279px; height:225px; float:left; margin-right:20px; margin-top:20px; display:inline; overflow:hidden;}
.lei_anlimin_leia_min{position: relative;    top: 0;    transition: all 0.2s linear;}
.lei_anlimin_leia_min img{ width:279px; height:175px;}
.lei_anlimin_leia_zhi{ width:277px; height:39px; float:left; border:1px #e5e5e5 solid;border-top: none;font-size: 18px; color: #333; font-weight: bold;   text-align: center; padding-top:10px; }
.lei_anlimin_leia_min:hover {  top: -4px;  box-shadow: 0 15px 30px #e5e5e5;  transition: translate3d(0, -2px, 0);}
.lei_anlimin_leia_zhi:hover {  top: -4px;  box-shadow: 0 15px 30px #e5e5e5;  transition: translate3d(0, -2px, 0);}



.lei_anli{ width:100%; height:auto; background-color:#f4f4f4; padding-bottom:60px;}
.lei_anli_zhi{ width:257px; height:39px; float:left; border:1px #e5e5e5 solid;border-top: none;font-size: 18px; color: #333; padding-top:10px; padding-left:10px; overflow:hidden; text-align:center; padding-right:10px;}
.lei_anli_zhi:hover {  top: -4px;  box-shadow: 0 15px 30px #e5e5e5;  transition: translate3d(0, -2px, 0);}
.lei_anli_zhi span{ color:#3db1ea; line-height:35px;}
.lei_anli_xx{ width:1200px; height:auto; margin:0 auto; background-color:#f4f4f4; margin-top:20px; margin-bottom:40px;padding-bottom:40px;}
.lei_anli_xx_biao{ width:1200px; height:50px; float:left; text-align:center; font-size:26px; margin-top:50px;}
.lei_anli_xx_dat{ width:1200px; height:40px; float:left; border-bottom:1px #999999 dashed; text-align:center;}
.lei_anli_xx_dat span{  height:30px; margin:0 auto; display: inline-block; padding:0 20px 0 20px;}
.lei_anli_xx_lei{ width:1200px; height:auto; float:left; margin-top:30px; text-align:center; overflow:hidden;}

.lei_anli_xx_sx{ width:1140px; height:40px; float:left; margin-top:20px; margin-left:30px; display:inline;border-top:1px #999999 dashed; padding-top:6px;}
.lei_anli_xx_sxl{ width:570px; height:22px; float:left; overflow:hidden;}
.lei_anli_xx_sxr{ width:570px; height:22px; float:right; overflow:hidden;}
.lei_anli_xg{overflow: hidden;width:1140px; height:290px; float:left; margin-left:30px;display:inline;}
.lei_anli_xg_biao{ width:1140px; height:30px; float:left;border-bottom:2px #0af solid; font-size:16px;}



.l_anlimin_leia{ width:260px; height:225px; float:left; margin-right:25px; margin-top:20px; display:inline; overflow:hidden;}
.l_anlimin_leia_min{position: relative;    top: 0;    transition: all 0.2s linear;}
.l_anlimin_leia_min img{ width:260px; height:175px;}
.l_anlimin_leia_zhi{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:256px; height:39px; float:left; border:1px #e5e5e5 solid;border-top: none;font-size: 18px; color: #333; font-weight: bold;   text-align: center; padding-top:10px; }
.l_anlimin_leia_min:hover {  top: -4px;  box-shadow: 0 15px 30px #e5e5e5;  transition: translate3d(0, -2px, 0);}
.l_anlimin_leia_zhi:hover {  top: -4px;  box-shadow: 0 15px 30px #e5e5e5;  transition: translate3d(0, -2px, 0);}

.l_anlimin_leia_zhi{ width:258px; height:39px; float:left; border:1px #e5e5e5 solid;border-top: none;font-size: 18px; color: #333; font-weight: bold;   text-align: center; padding-top:10px; }

/* 内页新闻 */
.lei_newsbiao{ width:1190px; height:35px; margin:0 auto; background-color:#f4f4f4; margin-top:20px; padding-top:15px; padding-left:10px;}
.lei_newslei{ width:1200px; height:auto; margin:0 auto;  margin-top:20px;}
.lei_newslei_l{ width:244px; height:auto; float:left;  margin-bottom:60px;}
.lei_newslei_l_mune{ width:242px; height:auto; border:1px #e6e9eb solid; padding-bottom:5px;}
.lei_newslei_l_mune_biao{ width:242px; height:38px; float:left; background-color:#49a0f5; font-size:18px; color:#FFFFFF; text-align:center; padding-top:10px;}
.lei_newslei_l_mune_lei{ width:242px; height:auto; float:left;}
.newsNav01{ padding:0px 0px 0px 0px; width:242px; margin-left:0px;}
.newsNav01 li{ line-height:46px; height:46px; display:block; overflow:hidden; border-bottom:1px solid #e6e9eb; font-size:16px; text-align:center;}
.newsNav01 li a{ color:#646464!important; display:block;}
.newsNav01 li a:hover{ color:#49a0f5!important; display:block;}

.lei_newslei_l_news{ width:242px; height:auto; border:1px #e6e9eb solid; padding-bottom:5px; margin-top:20px; float:left;}
.lei_newslei_l_newslei{ width:242px; height:auto; float:left;}
.lei_newslei_l_newslei_biao{ width:242px; height:38px; float:left; background-color:#f6f6f6; font-size:18px; color:#615e58; text-align:center; padding-top:10px;}
.n_rt_ul{ margin:8px auto; padding-left:5px; width:220px; background:url(../images/news_list_bg.gif) no-repeat 0px 10px; overflow:hidden; margin-left:10px; }
.n_rt_ul li{ line-height:30px; padding-left:20px; width:190px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.lei_newslei_r{ width:906px; height:auto; float:right;}

.lei_newslei_rmin{ width:852px; float:left; height: 158px; border-radius: 8px; border: 1px solid #e7e9eb; padding: 34px 26px 34px 26px; margin-bottom: 20px}
.lei_newslei_rmin_l{ width:508px; height:158px; float:left; overflow:hidden; }
.lei_newslei_rmin_l span{width: 508px; height: 48px; overflow: hidden; display: block;  font-size: 18px; font-weight: bold;}
.lei_newslei_rmin_l P{width: 508px; height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; color: #958e8f; padding-bottom: 11px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis;}
.lei_newslei_rmin_l P a{color: #958e8f;}
.lei_newslei_rmin_l span a{color: #49a0f5;}
.more02{width: 508px; height: 27px; line-height: 26px; overflow: hidden; font-size: 14px; color: #aba4a3;}
.more02 a{float: left; margin-right: 15px; padding: 0 12px 0 12px; height: 27px; display: block; overflow: hidden; background: #49a0f5; line-height: 26px;
    text-align: center; font-size: 14px; color: #fff; border-radius: 5px;}

.lei_newslei_rmin_tu{ width:237px; height:155px; float:right; overflow:hidden; border-radius: 6px;}
.lei_newslei_rmin_tu img{ width:237px; height:155px; }
.lei_newslei_rmin_tu a img{width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.lei_newslei_rmin_tu a img:hover{ -ms-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1);  -webkit-transform: scale(1.1); -o-transform: scale(1.1);}




.pagenews {line-height: 30px; font-size: 12px;text-align: center; width:906px; height:40px; float:left; margin-top:30px; padding-bottom:50px;}
.pagenews .cur { border: 1px solid #00a2c9; background: #00a2c9; color: #fff;}
.pagenews a { padding: 5px 12px 5px 12px; border: 1px solid #ccc; margin: 0 5px 0 5px; color: #00a2c9;}
.pagenews a:hover{border:1px solid #00a2c9; background:#00a2c9; color:#fff;}

.lei_newslei_xxl{ width:244px; height:auto; float:right;  margin-bottom:60px;}
.lei_newslei_xxr{ width:860px; height:auto; float:left; background-color:#f4f4f4; padding:20px 30px 40px 30px;}
.lei_newslei_xxr_biao{ width:860px; height:50px; float:left; text-align:center; font-size:26px; margin-top:10px;}
.lei_newslei_xxr_dat{ width:860px; height:40px; float:left; border-bottom:1px #999999 dashed; text-align:center;}
.lei_newslei_xxr_dat span{  height:30px; margin:0 auto; display: inline-block; padding:0 20px 0 20px;}
.lei_newslei_xxr_lei{ width:860px; height:auto; float:left;  margin-top:20px; line-height:30px; color:#333; font-size:16px;}
.lei_newslei_xxr_sx{ width:860px; height:40px; float:left; margin-top:20px; display:inline;border-top:1px #999999 dashed; padding-top:6px;}
.lei_newslei_xxr_sxl{ width:430px; height:22px; float:left; overflow:hidden;}
.lei_newslei_xxr_sxr{ width:430px; height:22px; float:right; overflow:hidden;}
.lei_newslei_xxr_tui{ width:860px; height:200px; float:left; }
.lei_newslei_xxr_tui_biao{ width:860px; height:30px; float:left;border-bottom:2px #0af solid; font-size:16px;}
.lei_newslei_xxr_tui_zhi{width:860px; height:200px; float:left; }
.right760{width:860px; float:left; padding-top:10px; display:inline;}
.right760 dt{}
.right760 dt span{ float:right;}
.right760 dd{}
.right760 #news ul li{width:420px; line-height:35px;float:left;}
.right760 #news ul li span{ float:right; width:100px; height:30px;}
.right760 #news ul li p{ width:260px; height:30px; float:left;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
.lei_newslei_xxr_tui_zhir{width:860px; height:200px; }

/* 渠道 */

.lei_qudaow{ width:100%; height:600px; background-color:#f5f9ff;}
.lei_qudaow_min{ width:1200px; height:580px; margin:0 auto;}
.lei_qudaow_min_biao{ width:1200px; height:50px; float:left; text-align:center; font-size:30px; font-weight:bold; color:#0073DE; margin-top:50px;}
.lei_qudaow_min_lei{ width:1200px; height:400px; float:left; margin-top:30px;}
.lei_qudaow_min_lei_a{ width:220px; height:320px; float:left;border: 1px solid #DDDDDD; margin-right: 15px; padding: 40px 30px; text-align: center; cursor: pointer; transition: all .3s;}

.lei_qudaow_min_lei_a_tu{ width:220px; height:105px; float:left; text-align:center; }
.lei_qudaow_min_lei_a p{ font-size:24px; font-weight:bold; padding-bottom:20px;}
.lei_qudaow_min_lei_a span{ line-height:30px; }
.lei_qudaow_min_lei_a:hover{box-shadow:0 0 15px #BEBEBE;-webkit-transform:translateY(-14px);transform:translateY(-14px); color:#0073DE ;}


.lei_qudaof{ width:100%; height:560px; background-color:#f7f7f8;}

.lei_qudaof_biao{ width:1200px; height:80px; margin:0 auto; padding-top:50px;}
.lei_qudaof_biao p{ font-size:30px; color:#0073DE; font-weight:bold;}
.lei_qudaof_biao span{ font-size:14px; line-height:30px;}

.lei_qudaof_min{ width:1200px; height:400px; margin:0 auto;}
.lei_qudaof_min_lei{ width:360px; height:150px; float:left; background-color:#FFF; margin-right:40px; display:inline; margin-top:30px;}
.lei_qudaof_min_lei:hover{box-shadow: 0 0 30px #BEBEBE;transition: all .3s;	}
.lei_qudaof_min_lei_tu{ width:90px; height:90px; float:left; border-right:1px #DFDFDF solid; padding:30px;}
.lei_qudaof_min_lei_zhi{ width:170px; height:100px; float:left; margin-left:20px; display:inline; overflow:hidden; margin-top:20px;}
.lei_qudaof_min_lei_zhi p{ font-size:20px; font-weight:bold; color:#3e4245; line-height:40px;}
.lei_qudaof_min_lei_zhi span{ color:#5f6365; line-height:30px;}

.lei_qudaox{ width:100%; height:620px;}
.lei_qudaox_min{ width:1200px; height:450px; margin:0 auto;  margin-top:5px;}
.lei_qudaox_minl{ width:306px; height:420px; float:left; background-image:url(../images/yxbj.jpg);}
.lei_qudaox_minl_zhi{ width:240px; height:85px; float:left; margin-top:240px; margin-left:32px; display:inline;}
.sqli{width: 240px; height: 60px; overflow: hidden; padding-bottom:20px;}
.sqli li{width: 60px; height: 30px; overflow: hidden; float: left;}
.sqli li a{width: 60px; height: 30px; overflow: hidden; line-height: 30px; display: block; text-align: center; font-size: 14px; color: #fff;}
.lei_qudaox_minl_lian{width: 178px; height: 46px; overflow: hidden; float:left; margin-left:65px; display:inline;}
.lei_qudaox_minl_lian a{width: 174px; height: 42px; overflow: hidden; line-height: 42px; text-align: center; display: block; font-size: 16px; color: #fff;    border: 2px solid #fff;}

.lei_qudaox_minr{ width:880px; height:450px; float:right; }
.yxyc li{width: 401px; border: 3px solid #D2D2D2; margin: 0 0 25px 30px; height: 106px; padding: 42px 0px 42px 0; overflow: hidden; float: left; transition: all .3s; cursor: pointer;}
.ltp{width: 150px; height: 94px; float: left; overflow: hidden; text-align: center; padding: 5px 0 5px 0;}
.wrt{width: 222px; height: 104px; float: right; overflow: hidden; line-height: 26px;}
.wrt h4{font-size:20px; color:#3e4245;}
.wrt p{font-size:14px; color:#5f6365;}
.yxyc li:hover{box-shadow: 0 0 30px #BEBEBE;}

.lei_qudaog{ width:100%; height:170px; background-image:url(../images/img47.jpg);}
.lei_qudaog_min{ width:1200px; height:170px; margin:0 auto;}
.lei_qudaog_minl{ width:900px; height:80px; float:left;  margin-top:40px;}
.lei_qudaog_minl p{ font-size:30px; color:#FFFFFF; font-weight:bold;}
.lei_qudaog_minl p.xz{ font-size:20px; color:#FFFFFF; font-weight:normal; line-height:40px;}
.lei_qudaog_minr{ width:220px; height:80px; float:right;  margin-top:40px;}
.btn a{position: absolute; right: 50px; top: 60px; padding: 12px 40px; display: inline-block; border: 1px solid #fff;  border-radius: 5px; color: #fff;}
.btn a:hover{background-color: #0ab1ff;
border: 1px solid #0ab1ff;}
.lei_qudaog_minr span a{ display: inline-block; margin-top: 24px; width: 180px; height: 44px; line-height: 44px; border: 1px solid #fff; color: #fff; text-align:center; font-size:16px;border-radius: 5px;}
.lei_qudaog_minr span a:hover{ background-color:#1EACDF; color:#FFF;border: 1px solid #1EACDF;}



.lei_qudaozb{ width:1200px; height:480px; margin:0 auto;}
.lei_qudaozb_biao{ width:1200px; height:50px; float:left; text-align:center; font-size:30px; font-weight:bold; margin-top:50px;margin-bottom: 30px;}

.wrapper{width: 1200px; margin-left: auto; margin-right: auto;}

.zhichi_item{width: 285px; height: 285px; float: left; margin-right: 20px; text-align: center; transition: all .3s;	color:#FFFFFF;}
.con{width: 100%; height: 100%; }

.icon01{padding-top: 0px;}
.title02{ font-size: 24px; font-weight:bold; padding-top: 10px;}
.intro{font-size: 14px; line-height: 2; padding-left: 30px; padding-right: 30px;padding-top: 30px;}



/* 内页关于我们 */
.lei_about{ width:1200px; height:auto; margin:0 auto; padding-top:30px; font-size:16px; line-height:30px;}

.lei_about h3{ font-size:30px; text-align:center; font-weight:normal; padding-bottom:50px; padding-top:20px;}
.lei_about span{ font-size:20px; color:#778399;}
.lei_about p{ line-height:30px;}
.lei_about_tu{ width:1000px; height:200px; margin:0 auto;}
.lei_about_tu img{-webkit-transition:all .5s ease-out; transition:all .5s ease-out}
.lei_about_tu a:hover img{	transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05)}

.lei_team{ width:380px; height:247px; float:left; margin-top:20px; margin-right:20px; display:inline; overflow:hidden;position:relative;}
.lei_team img{  -webkit-transition: all .5s ease-out; transition: all .5s ease-out; width: 380px;  height: 247px;}
.lei_team:hover img{transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05)}
.lei_team span{padding: 5px 15px;width: 350px;display: none;position: absolute;left: 0;bottom: 0px;height: 40px;filter: alpha(opacity=80);-moz-opacity: 0.8;
-khtml-opacity: 0.8;opacity: 0.6;background: #009FF4;overflow: hidden; text-align:center;}
.lei_team:hover span{ display:block; color:#fff; font-size:16px; z-index:1;}


.lei_weihua{ width:1200px; height:auto; float:left; }
.lei_weihua dl dt {	float:left;	display:inline;	width:220px; color:#778399;	font-size:20px}
.lei_weihua dl dd {	float:left;	display:inline;	width:780px}
.lei_weihua dl dd ul li { margin-bottom:55px}
.lei_weihua dl dd ul li h1 {font-size:16px;	color:#333;	margin-bottom:15px}
.lei_weihua dl dd ul li p {	font-size:16px;	color:#4c4c4c; ine-height:34px;	text-align:justify}
.lei_weihua dl dd span {display:block; font-size:16px; color:#4c4c4c; line-height:34px;	text-align:justify;	margin:-5px 0 55px}

.lei_li{ width:1200px; height:auto; float:left; }
.lei_li ul {border-left:1px solid #999;	width:1px;	margin:0 auto}
.lei_li ul li h1 {	position:relative;	font-weight:bold;font-size:26px;color:#4c4c4c;	line-height:26px;padding:0 0 0 41px}
.lei_li ul li h1 span {	font-size:22px;	color:#ffb020;	position:absolute;	left:-8px;	top:-10px}
.lei_li ul li h2 {	width:415px;text-align:left;position:relative;	border:1px solid #999;	border-radius:6px;	-webkit-border-radius:6px;	margin:35px 0 50px -41px;	background:#fff}
.lei_li ul li h2 p {padding:15px 20px 15px 80px;font-size:16px;	color:#4c4c4c;	text-align:justify;	font-weight:normal;}
.lei_li ul li h2 span {	position:absolute;	color:#83c44e;	top:12px;	left:33px}
.lei_li ul li.active h2 {margin:35px 0 50px -378px}
.lei_li ul li.active h2 p {	padding:15px 80px 15px 20px}
.lei_li ul li.active h2 span {	right:33px;	left:auto}
.lei_li ul li.last_li {	height:1px}


.lei_zou{width:1200px; height:auto; float:left; }
.lei_zou p{ line-height:30px; padding-top:20px;}
.lei_zou_yuanbox{ width:100%; height:auto;  padding-bottom:60px;}
.lei_zou_yuan{ width:100%; height:464px; background-color:#f5f6f7; padding-top:80px; padding-bottom:20px; margin-top:20px;}
.lei_zou_yuan_min{ width:1200px; height:400px; margin:0 auto; }
.lei_zou_yuan_min h2{margin-bottom: 60px;  font-size: 32px;   text-align: center;  color: #333; font-weight:normal;}
.lei_zou_yuan_min ul li{position: relative; float: left; width: 23.3%; height: 144px; margin-bottom: 20px; margin-left:15px; border: 1px solid #e6e6e6;    background-color: #fff; display:inline;}
.lei_zou_yuan_min ul li:hover {	-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);  -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);  box-shadow: 0 2px 16px rgba(0, 0, 0, .12);}
.lei_zou_yuan_min_tu{ width:278px; height:40px; float:left; text-align:center; margin-top:30px;}
.lei_zou_yuan_min_zhi{ width:278px; height:40px; float:left; text-align:center; overflow:hidden; font-size:18px;margin-top:15px;}
.lei_job{ width:1200px; height:auto; margin:0 auto; }


.lei_contact01{width:1200px; height:167px; float:left; margin-top:20px; background:url(../images/kefutu.jpg) no-repeat right;}
.lei_contact01_zhi{ width:980px; height:86px; float:left; margin-top:10px; padding-top:10px; background:url(../images/contact_icon3.gif) no-repeat; overflow:hidden;}
.lei_contact02{width:1200px; height:460px; float:left; margin-top:40px;}
.lei_contact02_l{ width:574px; height:400px; float:left; margin-right:20px; display:inline;}
.lei_contact02_l_biao{ width:574px; height:30px; float:left; color:#000000; font-size:20px; font-weight:bold;}
.lei_contact02_l_lei01{ width:514px; height:45px; float:left; border-bottom:1px #CCCCCC solid; background:url(../images/contact01.jpg) no-repeat; overflow:hidden; padding-left:60px; padding-top:5px; margin-top:20px;}
.lei_contact02_l_lei02{ width:514px; height:45px; float:left; border-bottom:1px #CCCCCC solid; background:url(../images/contact02.jpg) no-repeat; overflow:hidden; padding-left:60px; padding-top:5px; margin-top:20px;}
.lei_contact02_l_lei03{ width:514px; height:45px; float:left; border-bottom:1px #CCCCCC solid; background:url(../images/contact03.png) no-repeat; overflow:hidden; padding-left:60px; padding-top:5px; margin-top:20px;}
.lei_contact02_l_lei04{ width:514px; height:45px; float:left; border-bottom:1px #CCCCCC solid; background:url(../images/contact04.png) no-repeat; overflow:hidden; padding-left:60px; padding-top:5px; margin-top:20px;}
.lei_contact02_l_lei05{ width:514px; height:45px; float:left; border-bottom:1px #CCCCCC solid; background:url(../images/contact05.png) no-repeat; overflow:hidden; padding-left:60px; padding-top:5px; margin-top:20px;}
.lei_contact02_r{ width:574px; height:360px; float:right; margin-top:30px; overflow:hidden;}

.lei_contact_ditu{ width:1200px; height:auto; float:left; margin-bottom:80px;}



/* 网站建设 */

.webbanner{ width:100%; height:255px; background:url(../images/adv_web.jpg) no-repeat center;position:relative;}

.webbanner .row {width: 100%;padding: 54.5px 0px;text-align: center;}
.webbanner .row ul li {display:inline-block;vertical-align: middle;text-align: center;margin: 0px 25px;}
.webbanner .row ul li a {display: block;}
.webbanner .row ul li a i {display: block;width: 100px;height: 100px;border:2px solid #fff;margin:0 auto;border-radius: 50%;background-repeat: no-repeat;background-position: 0px 0px;-webkit-transition:background-color 0.4s ease;-moz-transition:background-color 0.4s ease;-ms-transition:background-color 0.4s ease;-o-transition:background-color 0.4s ease;transition:background-color 0.4s ease;}
.webbanner .row ul li:hover a i,.container_nav .row ul li.on a i  {background-color: #fff;background-position: 0px -100px;}
.webbanner .row ul li a span {display: block;color: #fff;font-size: 18px;margin-top: 15px;}
.webbanner .row ul li a i.anniu{background-position: 0px -100px;background-color:#fff;}

/*链接图标*/
.webbanner .row ul li.li1 a i {background-image:url(../images/web_li1.png);}
.webbanner .row ul li.li2 a i {background-image: url(../images/web_li2.png);}
.webbanner .row ul li.li3 a i {background-image: url(../images/web_li3.png);}
.webbanner .row ul li.li4 a i {background-image: url(../images/web_li4.png);}
.webbanner .row ul li.li5 a i {background-image: url(../images/web_li5.png);}

.web_g_biao{ width:1200px; height:100px; margin:0 auto;  margin-top:50px; margin-bottom:30px; text-align:center;}
.web_g_biao p{ font-size:38px; font-weight:bold;}
.web_g_biao span{ font-size:18px; color:#555; line-height:50px;}

.web_g_tu{ width:1200px; height:520px; margin:0 auto; }
.web_js01{ width:100%; height:580px; background:url(../images/web_bg01.jpg) no-repeat center;}
.web_js01_min{ width:1200px; height:495px; margin:0 auto; }
.web_js01_minl{float: left; width: 480px; height: 300px; margin-top: 120px; padding-left: 40px; background: url(../images/web_t_bg01.png) no-repeat left top;}
.web_js01_minl_s{ width:480px; height:241px; float:left;}
.web_js01_minl_s_title{ width:400px; height:50px; float:left; font-size:38px; color:#ff5800; font-weight:bold; text-align:right; overflow:hidden; margin-top:30px;}
.web_js01_minl_s_title em{color: #181818;font-style: normal;}
.web_js01_minl_s_xbiao{ width:400px; height:30px; float:left; overflow:hidden; font-size:24px; margin-top:20px; text-align:right;}
.web_js01_minl_s_zhi{ width:480px; height:100px; float:left; overflow:hidden; line-height:24px; color:#181818;text-indent: 2em; text-align: justify; margin-top:10px;}
.web_js01_minl_s_di{ width:400px; height:40px; float:left; margin-top:20px;}
.casemore{display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; margin: 0 20px 0 0; background: #ff5800;
    transition: all 0.4s ease 0s;}
.casemore a{color: #fff; font-size: 16px; display: block; border-radius: 5px;}

.casemore2{display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; margin: 0 20px 0 0;  transition: all 0.4s ease 0s;background: #181818; font-size:16px; }
.casemore2 a{color:#FFFFFF;}
.casemore2:hover {background-color: #ff5800; color:#FFFFFF;}

.web_js01_minr{ width:598px; height:372px; float:right; margin-top:120px; overflow:hidden;}

.web_js02{ width:100%; height:580px; background:url(../images/web_bg02.jpg) no-repeat center;}
.web_js02_min{ width:1200px; height:490px; margin:0 auto;}
.web_js02_min_tu{ width:680px; height:400px; float:left; overflow:hidden; margin-top:90px;}
.web_js02_minr{ width:480px; height:340px; float:right; padding-right: 40px; margin-top:120px;background: url(../images/web_t_bg02.png) no-repeat right top;}

.web_js02_minr_title{ width:400px; height:50px; float:left; font-size:38px; color:#FFF; font-weight:bold; text-align:right; overflow:hidden; margin-top:30px;}
.web_js02_minr_title em{color: #181818;font-style: normal;}
.web_js02_minr_xbiao{ width:480px; height:30px; float:left; overflow:hidden; font-size:24px; margin-top:20px; text-align:right; color:#FFFFFF;}
.web_js02_minr_zhi{ width:480px; height:100px; float:left; overflow:hidden; line-height:24px; color:#FFF;text-indent: 2em; text-align: justify; margin-top:15px;}
.web_js02_minr_di{ width:400px; height:40px; float:left; margin-top:20px;}

.casemore02{display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; margin: 0 20px 0 0; background: #FFF;
    transition: all 0.4s ease 0s; color:#0033CC;}
.casemore02 a{color: #0033CC; font-size: 16px; display: block; border-radius: 5px;}
.casemore02 a:hover {background-color: #ff5800; color:#FFFFFF; border-radius: 5px;}

.web_js03{ width:100%; height:580px; background:url(../images/web_bg03.jpg) no-repeat center;}
.web_js03_xbiao{ width:480px; height:30px; float:left; overflow:hidden; font-size:24px; margin-top:20px; text-align:left;}
.web_js04{ width:100%; height:580px; background:url(../images/web_bg04.jpg) no-repeat center;}
.web_js05{ width:100%; height:580px; background:url(../images/web_bg05.jpg) no-repeat center;}



/*网站报价*/
.web_taocan{ width:100%; height:1070px; background-color:#282A2E;}
.web_taocan_biao{ width:1200px; height:65px; margin:0 auto; color:#FFFFFF; text-align:center; font-size:38px; font-weight:bold; padding-top:45px;}

.web_taocan_lei{ width:1200px; height:auto; margin:0 auto;}

.cart{width: 100%;padding: 2% 0 20%;display: block;color: #FFF; margin-top: 8%;}
.cart a {color: #fff;display: block;width: 120px;height: 42px;line-height: 42px;background: #006acd;margin:0 auto;}
.pricing-grides{width: 22.75%;float: left;background: #313338;text-align: center;margin: 3.8% 3% 0 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.pricing-grides:hover {-webkit-transform: scale(1.04) translateY(-5px);z-index: 1;border-bottom: 0 none;background: #fff;}
.pricing-grides:hover h3 a,.pricing-grides:hover .cart a{background: #ff5800;}
.pricing-grides:nth-child(4){margin-right:0;}
.pricing-grides.nth-child {margin-right:0;}
.pricing-grides h3 a{background:#006acd;padding: 3% 2%;display: block;color: #FFF;font-size: 1.3em;box-shadow: 0px 1px 2px #696969;-webkit-box-shadow: 0px 1px 2px #696969;-moz-box-shadow: 0px 1px 2px #696969;-o-box-shadow: 0px 1px 2px #696969;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.price-value a{font-size: 1.6em;color: #A0A1A1;}
.price-value {padding: 7% 0;}
.pricing-grides {color: #C0BEBE;}
.pricing-grides:hover {color:#666}
.pricing-grides ul li{font-size:13px;text-align: center;display: block;padding: 1em 0em;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;}
.pricing-grides ul li:hover{background:#353A42;color:#fff;}
.client{margin-top:60px;width: 100%;text-align:center;}
.client .title {height: 32px;line-height: 32px;margin-bottom: 20px;}
.client .title i {color: #fff;font-size:25px;width: 100%;font-weight: 400;text-align: center;margin: 0% 17% 0 17%;}
.client .title img {vertical-align: middle;}
.client .data{width: 40%;float:left;}
.client .img{float: left;margin: 0% 11% 0 13%;}
.client .img1{float: right;margin: 0 14% 0 0;}
.client .data p{font-size: 14px;color:#C0BEBE;line-height: 28px;margin:0 auto 10px;}
.client .data p a{color:#ff5800;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.client .data p a:hover{color:#999;}

.web_taocan_di{ width:1200px; height:190px; margin:0 auto; margin-top:60px;}
.web_taocan_di_biao{ width:1200px; height:40px; float:left; text-align:center; font-size:40px; font-weight: bold; color:#FFFFFF; background-image:url(../images/line.png);}
.web_taocan_di_lei{ width:600px; height:130px; float:left; text-align:center;  margin-top:30px; margin-left:100px; display:inline; padding:0 200px 0 200px; line-height:30px; color:#C0BEBE; overflow:hidden; background-image:url(../images/dou.png);}


/*有效沟通*/
.web_gou{ width:1200px; height:394px; margin:0 auto;}
.goudong .con {padding:60px 0;}
.goudong .con>p {color: #111;font-size:38px; font-weight: bold; text-align: center;}
.goudong .con>p i {color:#ff5800;font-style: normal;}
.goudong .con>span {display: block;color:#333;font-size:18px;text-align: center;}
.goudong .con ul {margin-top:30px;}
.goudong .con ul li {width:360px;height:160px;padding:0 10px;background: #006acd;float: left;border-radius:5px;margin-right:30px;}
.goudong .con ul li:hover {background:#ff5800;}
.goudong .con ul li.mno {margin-right:0px !important;}
.goudong .con ul li img {float:left;margin:26px 10px 0 10px;}
.goudong .con ul li h4 {color: #fff;font-size:16px;margin:25px 0 5px;}
.goudong .con ul li p {color:#eee;font-size:14px;line-height: 21px;}

.web_fuwu{ width:100%; height:800px; background-color:#f8f8f8;}
.web_fuwu_min{ width:1200px; height:800px; margin:0 auto;}
.web_fuwu_min_biao{ width:1200px; height:60px; float:left; text-align:center; font-size:38px; font-weight:bold; margin-top:50px; margin-bottom:30px;}
.web_fuwu_min_biao span{ color:#ff5800; font-weight:normal;}

.web_fuwu_min_lei{ width:1200px; height:176px; float:left; border-bottom:1px #CCCCCC dashed; margin-top:20px;}
.web_fuwu_min_leimin{ width:300px; height:126px; float:left; padding:30px 100px 20px 0; overflow:hidden;}
.web_fuwu_min_leimin span{ width:46px; height:46px; float:left; overflow:hidden;}
.web_fuwu_min_leimin_zhi{ width:230px; height:120px; float:left; overflow:hidden; margin-left:20px; display:inline;}
.web_fuwu_min_leimin_zhi h3{ font-size:22px; margin-bottom:10px; font-weight:normal;}

.web_you{ width:100%; height:560px; background:url(../images/customsite_bg.jpg) no-repeat center;}
.web_you_min{ width:1200px; height:560px; margin:0 auto;}
.web_you_min_biao{ width:1200px; height:60px; float:left; text-align:center; font-size:38px; color:#ff5800; margin-top:60px;}
.web_you_min_lei{ width:300px; height:200px; float:left; text-align:center;color:#ff5800; margin-top:90px;}
.web_you_min_lei p{ font-size:100px; font-weight:bold;}
.web_you_min_lei span{ font-size:16px;}

.web_liu{ width:100%; height:476px; background:url(../images/lc_bg.jpg) no-repeat center;}
.web_liu_min{ width:1200px; height:476px; margin:0 auto;}
.web_liu_min_biao{ width:1200px; height:60px; float:left; text-align:center; font-size:38px; font-weight:bold; margin-top:40px;}
.web_liu_min_lei{ width:900px; height:300px; float:left; margin-top:20px;}
.web_liu_min_lei li{ width:280px;height: 70px; float:left; margin:10px 20px 30px 0;}
.web_liu_min_lei .img { float:left;width: 65px;height: 54px;margin-right:10px; margin-bottom:10px;}
.web_liu_min_lei .t{ line-height:35px; font-size:14px;font-weight: 700;}
.web_liu_min_lei p {color: #686868;font-size: 12px;}



.web_di_biao{ width:1200px; height:85px; margin:0 auto; text-align:center; font-size:30px; padding-top:50px;}
.web_di_lei{ width:100%; height:665px; background:url(../images/this1.jpg) no-repeat center;}
.web_di_lei_min{ width:1200px; height:600px; margin:0 auto;}
.web_di_lei_min01{ width:260px; height:110px; float:left; margin-top:140px; margin-left:140px; display:inline; text-align:center; overflow:hidden;}
.web_di_lei_min02{ width:260px; height:110px; float:left; margin-top:140px; margin-left:365px; display:inline; text-align:center; overflow:hidden;}
.web_di_lei_min03{ width:260px; height:110px; float:left; margin-top:150px; margin-left:295px; display:inline; text-align:center; overflow:hidden;}
.web_di_lei_min04{ width:290px; height:110px; float:left; margin-top:150px; margin-left:40px; display:inline; text-align:center; overflow:hidden;}
.web_di_lei_min p{ font-size:30px; font-weight:bold; color:#0095e2; line-height:60px;}
.web_di_lei_min span{ font-size:14px; color:#0095e2; line-height:24px;}
.web_di_lei_min em{ color:#878787;font-style: normal;}
.web_di_lei_min p a{ color:#0095e2;}




.seobanner{ width:100%; height:280px; background:url(../images/adv_seo.jpg) no-repeat center;position:relative;}
.seobanner_min{ width:100%; height:200px; margin-top:50px;position:absolute; display:inline;}
.seobanner_min_box{ width:600px; height:200px; margin:0 auto;}
.seobanner_min_lei{ width:200px; height:100px; float:left; text-align:center; color:#FFFFFF; overflow:hidden;}
.seobanner_min_lei p{ font-size:52px;}
.seobanner_min_lei span{ font-size:18px;}
.seobanner_min_di{ width:580px; height:40px; float:left; background-color:#FD9A01; border-radius: 30px; margin-top:30px; margin-left:20px; display:inline; color:#FFFFFF; text-align:center; font-size:22px; padding-top:5px;}



.seo_you{ width:1200px; height:680px; margin:0 auto;}
.seo_you_biao{ width:1200px; height:80px; float:left; text-align:center; margin-top:50px;}
.seo_you_biao p{font-size: 2.25rem; font-weight: bold;}
.seo_you_biao span{font-size: 1rem; line-height:40px;}
.seo_you_lei{ width:1200px; height:540px; float:left;}
.seo_you_lei ul{margin: 30px 0;}
.seo_you_lei ul li{width: calc(23% - 1px); padding: 10px 1%;  margin: 30px 0px; float: left; border-right: 1px #e2e2e2 solid;}
.seo_you_lei ul li img { margin: auto; display: block; padding-bottom: 30px;}
.seo_you_lei ul li h6 { font-size: 1.3rem; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center;}
.seo_you_lei ul li p {color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 42px;}
.seo_you_lei ul li span{ color:#1EACDF;}

.seo_guang{ width:100%; height:400px; background:url(../images/seo_bg01.jpg) no-repeat center;}

.seo_guang_min{ width:1200px; height:300px; margin:0 auto; padding-top:60px;}

.seo_guang_min p {color: #006acd; font-size: 2rem;}
.seo_guang_min .contact_num { font-size: 1.2rem; background: #ff5800; border-radius: 40px; width: 32%; color: #fff; height: 60px; line-height: 60px; text-align: center; margin-top: 30px;}
.contact_num span { font-size: 1.9rem; font-weight: bold;}
.contact_num span a {color: #fff;}


.seo_tongku{ width:100%; height:520px; background-color:#f6f6f6;}
.seo_tongku_min{ width:1200px; height:500px; margin:0 auto;}
.seo_tongku_minl{ width:480px; height:414px; float:left; padding-left:80px; background: url(../images/s01.png) left top no-repeat; margin-top:50px;}
.seo_tongku_minl p { font-size: 1rem; color: #c6c6c6;}
.seo_tongku_minl h2 { font-size: 2rem; font-weight: bold; line-height: 40px;}
.seo_tongku_minl h2 span { color: #ff5800;}
.seo_tongku_minl ul { padding-top: 30px;}
.seo_tongku_minl ul li { font-size: 1.3rem; line-height: 40px; color: #737373;}
.seo_tongku_minl ul li strong { font-weight: 700}

.seo_tongku_minr{ width:486px; height:368px; float:right; margin-top:70px; overflow:hidden;}
.seo_tongku_minr img{width:486px; height:368px;}

.seo_siyou{ width:1200px; height:550px; margin:0 auto;}
.seo_siyou_biao{ width:1000px; height:70px; float:left; padding-left:80px; margin-top:50px;background: url(../images/s02.png) left center no-repeat;}
.seo_siyou_biao p { font-size: 1rem; color: #c6c6c6;}
.seo_siyou_biao h2 { font-size: 2rem; font-weight: bold; line-height: 40px;}
.seo_siyou_biao h2 span { color: #ff5800;}
.seo_siyou_min{ width:1200px; height:326px; float:left; margin-top:40px; background:url(../images/seo_img02.png) no-repeat center;}
.seo_siyou_min_zhi01{ width:300px; height:70px; float:left; background:url(../images/no1.png) no-repeat; overflow:hidden; margin-top:30px; margin-left:80px; display:inline; color:#FFFFFF; padding-top:14px;}
.seo_siyou_min_zhi01 h3{font-size: 1.3rem; padding-left: 20px; display:inline;}
.seo_siyou_min_zhi01 p{padding-left: 30px; font-size: 1rem;}
.seo_siyou_min_zhi01 span{color: #005ede;  font-weight: bold;}
.seo_siyou_min_zhi02{ width:300px; height:70px; float:left; background-image:url(../images/no2.png); overflow:hidden; margin-top:30px; margin-left:430px; display:inline; color:#FFFFFF; padding-top:14px;}
.seo_siyou_min_zhi02 h3{font-size: 1.3rem; padding-left: 20px; display:inline;}
.seo_siyou_min_zhi02 p{padding-left: 30px; font-size: 1rem;}
.seo_siyou_min_zhi02 span{color: #005ede;  font-weight: bold;}
.seo_siyou_min_zhi03{ width:300px; height:70px; float:left; background-image:url(../images/no4.png); overflow:hidden; margin-top:90px; margin-left:40px; display:inline; color:#FFFFFF; padding-top:14px;}
.seo_siyou_min_zhi03 h3{font-size: 1.3rem; padding-left: 20px; display:inline;}
.seo_siyou_min_zhi03 p{padding-left: 30px; font-size: 1rem;}
.seo_siyou_min_zhi03 span{color: #005ede;  font-weight: bold;}
.seo_siyou_min_zhi04{ width:300px; height:70px; float:left; background-image:url(../images/no3.png); overflow:hidden; margin-top:90px; margin-left:520px; display:inline; color:#FFFFFF; padding-top:14px;}
.seo_siyou_min_zhi04 h3{font-size: 1.3rem; padding-left: 20px; display:inline;}
.seo_siyou_min_zhi04 p{padding-left: 30px; font-size: 1rem;}
.seo_siyou_min_zhi04 span{color: #005ede;  font-weight: bold;}


.seo_hao{ width:100%; height:480px; background-color:#f6f6f6;}
.seo_hao_min{ width:1200px; height:450px; margin:0 auto;}
.seo_hao_minl{ width:480px; height:380px; float:left; padding-left:80px; background: url(../images/s03.png) left top no-repeat; margin-top:50px; overflow:hidden;}
.seo_hao_minl p { font-size: 1rem; color: #c6c6c6;}
.seo_hao_minl h2 { font-size: 2rem; font-weight: bold; line-height: 40px;}
.seo_hao_minl h2 span { color: #ff5800;}
.seo_hao_minl ul { padding-top: 30px;}
.seo_hao_minl ul li { font-size: 1.3rem; line-height: 40px; color: #737373;}
.seo_hao_minl ul li strong { font-weight: 700}

.seo_hao_minr{ width:430px; height:375px; float:right; margin-top:40px; overflow:hidden;}
.seo_hao_minr img{width:430px; height:375px;}

.seo_cluo{ width:1200px; height:500px; margin:0 auto;}
.seo_cluo_biao{ width:1000px; height:70px; float:left; padding-left:80px; margin-top:50px;background: url(../images/s04.png) left center no-repeat;}
.seo_cluo_biao p { font-size: 1rem; color: #c6c6c6;}
.seo_cluo_biao h2 { font-size: 2rem; font-weight: bold; line-height: 40px;}
.seo_cluo_biao h2 span { color: #ff5800;}

.seo_cluo_lei{ width:1200px; height:320px; float:left; background:url(../images/seo_img04.png) no-repeat center;}
.seo_cluo_lei01{ width:326px; height:99px; float:left; padding-left:110px; background:url(../images/seo09.png) no-repeat; margin-top:50px; overflow:hidden;}
.seo_cluo_lei02{ width:326px; height:99px; float:right; padding-left:110px; background:url(../images/seo10.png) no-repeat; margin-top:50px; overflow:hidden;}
.seo_cluo_lei03{ width:326px; height:99px; float:left; padding-left:110px; background:url(../images/seo11.png) no-repeat; margin-top:50px; overflow:hidden;}
.seo_cluo_lei04{ width:326px; height:99px; float:right; padding-left:110px; background:url(../images/seo12.png) no-repeat; margin-top:50px; overflow:hidden;}
.seo_cluo_lei p{ color:#FFFFFF; line-height:99px;font-size: 1.4rem;}

.seo_heliu{ width:100%; height:500px; background-color:#f6f6f6;}
.seo_heliu_min{ width:1200px; height:500px; margin:0 auto;}
.seo_heliu_min_biao{ width:1000px; height:70px; float:left; padding-left:80px; margin-top:50px;background: url(../images/s05.png) left center no-repeat;}
.seo_heliu_min_biao p { font-size: 1rem; color: #c6c6c6;}
.seo_heliu_min_biao h2 { font-size: 2rem; font-weight: bold; line-height: 40px;}
.seo_heliu_min_biao h2 span { color: #ff5800;}

.seo_heliu_min_lei{ width:1200px; height:151px; float:left; margin-top:50px; color:#FFFFFF;}
.seo_heliu_min_lei01{ width:120px; height:120px; float:left; background-color:#fe6725; margin-left:20px; display:inline; text-align:center; overflow:hidden; margin-right:10px;}
.seo_heliu_min_lei02{ width:120px; height:120px; float:left; background-color:#006acd; margin-left:20px; display:inline; text-align:center; overflow:hidden; margin-top:30px;margin-right:10px;}
.seo_heliu_min_lei p{font-size: 3rem; padding-top:10px;}
.seo_heliu_min_lei span{ font-size: 1rem; line-height:40px;}

.seo_heliu_min_leidi{ width:1200px; height:50px; float:left; margin-top:70px;}
.mark_zx{margin: auto; width: 160px;}
.mark_zx a{ width: 200px; text-align: center; background: #ff5800;  border-radius: 5px; line-height: 50px; height: 50px; color: #fff; display: block; font-size: 1.1rem;}



.wechatbanner{ width:100%; height:280px; background:url(../images/adv_wechat.jpg) no-repeat center;position:relative;}
.wechatbanner_zhi{ width:100%; height:100px; text-align:center; color:#FFFFFF; padding-top:100px;}
.wechatbanner_zhi p{ font-size:40px; }
.wechatbanner_zhi span{ font-size:20px; line-height:50px;}

/*特点功能*/
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}

.auto {max-width: 1200px;margin:0 auto;}
.section .titlebox {width: 100%;text-align: center;margin-bottom: 60px; padding-top:30px;}
.section .titlebox h4 {color: #333;font-size: 38px; font-weight: bold}
.section .titlebox p {color: #666;font-size: 15px;}

.function_mian_listbox { width: 100%; height: auto;}
.function_mian_listbox ul {margin-right: -37px;}
.function_mian_listbox ul li { float: left; width: 270px; height: 146px; border: 1px solid #ebebeb; margin-right: 37px; margin-bottom: 35px;background-color: #f5f5f5; position: relative; }
.function_mian_listbox ul li:hover { box-shadow: 0 0 10px #ccc; }
.function_mian_listbox ul li:last-child { margin-right: 0; }
.function_mian_list_text { width: auto; height: auto; padding: 15px 0; overflow: hidden; }
.function_list_icon { float: left; width: 67px; height: 67px; border: 2px solid #00ad66; background: url(../images/function_icon01.png) no-repeat center center; border-radius: 50%; margin-left: 25px; }
.function_list_icon02 { border: 2px solid #fd9525; background: url(../images/function_icon02.png) no-repeat center center; }
.function_list_icon03 { border: 2px solid #129cfd; background: url(../images/function_icon03.png) no-repeat center center; }
.function_list_icon04 { border: 2px solid #f1c100; background: url(../images/function_icon04.png) no-repeat center center; }
.function_list_icon05 { border: 2px solid #00c6f1; background: url(../images/function_icon05.png) no-repeat center center; }
.function_list_icon06 { border: 2px solid #00a7ad; background: url(../images/function_icon06.png) no-repeat center center; }
.function_list_icon07 { border: 2px solid #dfd641; background: url(../images/function_icon07.png) no-repeat center center; }
.function_list_icon08 { border: 2px solid #c32102; background: url(../images/function_icon08.png) no-repeat center center; }
.function_list_icon09 { border: 2px solid #1e8dcc; background: url(../images/function_icon09.png) no-repeat center center; }
.function_list_icon10 { border: 2px solid #3ecf94; background: url(../images/function_icon10.png) no-repeat center center; }
.function_list_icon11 { border: 2px solid #ddb100; background: url(../images/function_icon11.png) no-repeat center center; }
.function_list_icon12 { border: 2px solid #ff8e15; background: url(../images/function_icon12.png) no-repeat center center; }
.function_list_icon13 { border: 2px solid #00ad66; background: url(../images/function_icon13.png) no-repeat center center; }
.function_list_icon14 { border: 2px solid #f1c100; background: url(../images/function_icon14.png) no-repeat center center; }
.function_list_icon15 { border: 2px solid #00c6f1; background: url(../images/function_icon15.png) no-repeat center center; }
.function_list_icon16 { border: 2px solid #3ecf94; background: url(../images/function_icon16.png) no-repeat center center; }
.function_list_text { float: left; margin-left: 15px; }
.function_list_text h2 { font-size: 22px; color: #272727; margin: 8px 0 2px; font-weight:normal;}
.function_list_text p { font-size: 14px; color: #777; }
.function_mian_list_btn { width: auto; height: auto; padding: 0 10px; text-align: center; }
.function_mian_list_btn a { display: inline-block; *display: inline; width: 96px; height: 28px; border: 1px solid #c7c7c7; border-radius: 2px; color: #666; font-size: 15px; text-align: center; line-height: 28px; margin: 0 10px; }
.function_mian_list_btn a:hover { background-color: #00ad66; color: #fff; border: 1px solid #00ad66; }
.function_mianbg { padding:0; }

/*扫码体验 特点功能*/
.function_mian_listbox .Case_QrcodeWrap { width: 170px; height: 135px; overflow: hidden; position: absolute; top: -35px; left: 50%; z-index: 10; margin-left: -85px; background-color: #fff; text-align: center; opacity: 0; -webkit-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 1px 2px rgba(0,0,0,0.1); -webkit-transition: .3s all ease-in-out; -moz-transition: .3s all ease-in-out; transition: .3s all ease-in-out; }
.function_mian_listbox .Case_QrcodeWrap .Case_QrcodeWrap_Img {width: 130px;height: 130px;background: url(../images/wx_img.png) no-repeat center;background-size: 100% 100%;margin:15px auto 0px;}
.function_mian_listbox .Case_QrcodeWrap_hover { height: 180px; top: -90px; opacity: 1; -webkit-transition: .3s all ease-in-out .2s; -moz-transition: .3s all ease-in-out .2s; transition: .3s all ease-in-out .2s; }

.main_consultbg {width: 100%;min-height: 150px;background-color: #3db1ea;margin: 40px 0 0 0;}
.main_consultbg .main_consultbox {position: relative;padding: 20px 0px;}
.main_consultbg .main_consultbox .wen,.main_consultbg .main_consultbox .txt,.main_consultbg .main_consultbox .advisory {display: inline-block;vertical-align: middle;}
.main_consultbg .main_consultbox .txt {margin: 0 50px;}
.main_consultbg .main_consultbox .txt h5 {color: #fff;font-size: 30px; font-weight:normal; overflow:hidden;}
.main_consultbg .main_consultbox .txt h5 strong {font-size: 50px;margin-right: 20px;}
.main_consultbg .main_consultbox .txt p {color: #fff;font-size: 20px;}
.main_consultbg .main_consultbox .advisory a {display: inline-block;width: 188px;height: 48px;line-height: 48px;text-align: center;border:1px solid #fff;margin-left: 25px;color: #fff;font-size: 18px;position: relative;transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;}
.main_consultbg .main_consultbox .advisory a:hover {color: #00ad66;background: #fff;}
.main_consultbg .main_consultbox .advisory a em {display: block;width: 100%;background:#fff;text-align: center;position: absolute;left: 0px;width: 0px;overflow: hidden;white-space: nowrap;transition: width .6s ease-in-out;-moz-transition: width .6s ease-in-out;-webkit-transition: width .6s ease-in-out;font-style: normal;}
.main_consultbg .main_consultbox .advisory a:hover em {width: 100%;}
.main_consultbg .main_consultbox .advisory a:hover i {width: 0px;}
.main_consultbg .main_consultbox .duang {position: absolute;right: 0px;top: 0px;}

.scenarios_mianbox {margin-bottom: 30px;}
.scenarios_mian_listbox { width: 100%; height: auto; overflow: hidden; }
.scenarios_mian_listbox ul {overflow: hidden;margin-right: -33px;}
.scenarios_mian_listbox ul li { float: left; margin-right: 33px; margin-bottom: 30px;width: 275px; height: auto; position: relative; }
.scenarios_mian_listbox ul li:last-child { margin-right: 0; }
.scenarios_mian_listbox ul li span { width: 43px; height: 43px; border-radius: 50%; background-color: rgba(0,0,0,0.5); font-size: 24px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); display: block; position: absolute; top: 5px; left: 5px; text-align: center; line-height: 42px; }
.scenarios_list_img { width: 100%;overflow: hidden; }
.scenarios_list_img img {display: block;width: 100%;}
.scenarios_list_textbox { width: auto; background-color: #333333; padding: 22px; overflow: hidden; }
.scenarios_list_code { float: left; width: 78px; height: auto; text-align: center; font-size: 12px; color: #c7c7c7; }
.scenarios_list_code img { width: 78px; height: auto; margin-bottom: 6px; }
.scenarios_list_text { float: left; margin-left: 25px; }
.scenarios_list_text h3 { font-size: 24px; color: #fff;  font-weight:normal; overflow:hidden;}
.scenarios_list_text p { font-size: 14px; color: #fff; opacity: 0.6; margin-top: 2px; }
.scenarios_list_btnbox { width: 92px; height: 26px; border: 1px solid #999999; font-size: 16px; color: #9c9c9c; border-radius: 2px; text-align: center; line-height: 26px; display: block; margin-top: 15px; }
.scenarios_list_btnbox:hover { background-color: #00ad66; border: 1px solid #00ad66; color: #fff; }
.scenarios_list_text a {color: #9c9c9c; }

.wechat_banner {height: 590px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.wechat_banner .posr {position: relative;height: 100%;}
.wechat_banner .posr dl {width: 560px;position: absolute;top: 180px;color: #333;}
.wechat_banner .posr dl dt {font-size: 48px;font-weight:bold;margin-bottom: 5px;}
.wechat_banner .posr dl dd {font-size: 16px;line-height: 28px;}
.wechat_banner .wrap_2 dl,.wechat_banner .wrap_4 dl {color: #fff;}
.wechat_banner .wrap_3 dl {color: #956041;}
.wechat_banner .posr .wechat_img {position: absolute;}


.system_mainbox {margin:00px 0px 50px 0;}
.system_mian_listbox { width: 100%; height:540px; position: relative; }
.index_system_listbox { width: 401px;float: left; border: 1px solid #c7c7c7; background-color: #fff;margin-left: -1px;position: relative; box-sizing:border-box;}
.index_system_listbg {width:100%;overflow:hidden;margin:0 auto;}
.index_system_iconbox { width: 100%; height: 160px; background-color: #252d30; padding: 20px 0px 4px; }
.index_system_icon { width: 76px; height: 76px; background: url(../images/price_iconbox.png) no-repeat center top; margin: 0 auto; }
.system_icon01 { width: 100%; height: 76px; background: url(../images/price_icon01.png) no-repeat center center; display: block; }
.system_icon02 { width: 100%; height: 76px; background: url(../images/price_icon02.png) no-repeat 23px center; display: block; }
.system_icon03 { width: 100%; height: 76px; background: url(../images/price_icon03.png) no-repeat 23px center; display: block; }
.system_icon04 { width: 100%; height: 76px; background: url(../images/price_icon04.png) no-repeat center center; display: block; }
.index_system_title { width: 100%; margin-top: 12px; text-align: center; position:relative;  font-weight:normal;}
.index_system_title a { font-size: 20px; color: #fff; }
.index_system_title a:hover {color: #fff; text-decoration: underline; }
.index_system_title p { font-size: 14px; color: #fff; opacity: 0.5; margin-top: 2px; }
.index_system_title .note_box{ width:auto; padding:2px 4px; font-size:12px; color:#fff; background-color:#f1ae1f; position:absolute; top:7px; left:245px;}
.index_system_title .note_box em{ display:block; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:10px solid #f1ae1f; position:absolute; top:3px; left:-7px;}
.index_system_pricebox { width: 100%; padding: 0 20px; overflow: hidden;margin:0 auto; box-sizing:border-box;}
.index_system_price { width: 100%; border-bottom: 1px dashed #e5e5e5; height: 70px; text-align: center; line-height: 70px; }
.index_system_price h2 { font-size: 36px; letter-spacing: -1; font-weight: bold; color: #00ad66; font-weight:normal; }
.index_system_price h2 i { font-size: 20px; font-weight: normal; }
.system_price_functionbox { width: 100%; margin-top: 6px; overflow: hidden; }
.system_price_functionbox ul {width:100%; overflow: hidden;padding:15px 0;}
.system_price_functionbox ul li {margin-bottom:15px;float: left; font-size: 14px; color: #777; background: url(../images/icon_check.png) no-repeat 20px center; padding-left: 40px; width:100px; }

.system_price_function_btn { width: auto; height: auto; overflow: hidden; margin: 0px 10px 30px; }
.system_price_function_btn a { width: 106px; height: 32px; border-radius: 2px; color: #00ad66; border: 1px solid #00ad66; line-height: 32px; text-align: center; font-size: 16px; display: block; float: left; }
.system_price_function_btn a.system_price_function_btn_r { float: right; }
.system_price_function_btn a:hover { background-color: #00ad66; color: #fff; }

.index_system_listbox:hover { border: 2px solid #00ad66; z-index: 2; top: -1px; box-shadow: 0 0 10px #00ad66; }
.index_system_listbox:hover .index_system_iconbox { background-color: #00ad66; }
.index_system_listbox:hover .index_system_icon { background: url(../images/price_iconbox.png) no-repeat center bottom; }
.index_system_listbox:hover .system_icon01 { background: url(../images/price_icon01_hover.png) no-repeat center center; }
.index_system_listbox:hover .system_icon02 { background: url(../images/price_icon02_hover.png) no-repeat 23px center; }
.index_system_listbox:hover .system_icon03 { background: url(../images/price_icon03_hover.png) no-repeat 23px center; }
.index_system_listbox:hover .system_icon04 { background: url(../images/price_icon04_hover.png) no-repeat center center; }
.index_system_btn { width: 100%; margin-top: 50px; overflow: hidden; }
.index_system_btn a { width: 228px; height: 44px; border-radius: 2px; border: 1px solid #272727; color: #272727; font-size: 20px; text-align: center; line-height: 44px; display: block; margin: 0 auto; }
.index_system_btn a:hover { background-color: #00ad66; border: 1px solid #00ad66; color: #fff; }

/*扫码体验*/
.index_system_listbox .Case_QrcodeWrap { width: 200px; height: 180px; overflow: hidden; position: absolute; top: 140px; left: 50%; z-index: 10; margin-left: -100px; background-color: #fff; text-align: center; opacity: 0; -webkit-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 1px 2px rgba(0,0,0,0.1); -webkit-transition: .3s all ease-in-out; -moz-transition: .3s all ease-in-out; transition: .3s all ease-in-out; }
.index_system_listbox .Case_QrcodeWrap .Case_QrcodeWrap_Img {width: 160px;height: 160px;background: url(../images/wx_img.png) no-repeat center;background-size: 100% 100%;margin:15px auto 5px;}
.index_system_listbox .Case_QrcodeWrap_hover { height: 220px; top: 180px; opacity: 1; -webkit-transition: .3s all ease-in-out .2s; -moz-transition: .3s all ease-in-out .2s; transition: .3s all ease-in-out .2s; }


/*卓商通*/
.zstbanner{ width:100%; height:280px; background:url(../images/swtpro_bg.jpg) no-repeat center;position:relative;}
.zstbanner_min{ width:100%; height:100px; position: absolute;}
.zstbanner_minlei{ width:1200px; height:100px; margin:0 auto; margin-top:70px;}
.zstbanner_minlei p{ color:#FFFFFF; font-size:32px; font-weight:bold;}
.zstbanner_minlei span{ color:#FFFFFF; font-size:20px; line-height:60px;}


    /*智能建站*/
    .icmstitle h2{height: 40px;line-height: 40px;margin-bottom:0px; font-weight: normal;font-size: 25px;background: none;}
    .summary_right p{padding: 0 20px;font-size: 13px;line-height: 25px;}
    .functionlist h1{height: 60px;line-height: 30px;font-size: 20px;padding: 15px 20px;font-weight: normal;}
    .functionlist ul{margin-left: 10px;margin-right: 10px;}
    .functionlist .icon img{width: 90px !important;}

    .functionlist .text p{font-size: 13px;}
    .functionlist .text h3 {font-size: 16px;padding: 5px 0px 2px 0px;}
	.functionlist ul li{margin-bottom:0;}
    .functionlist .text {border-radius: 2px !important;margin: 10px 5px;padding: 20px 0;}
    .casess>div a{height: 50px;}
    .functionlist .text p{line-height: 20px;height: 40px;}

	.vesiondownload ul,.consult-box{margin-left:0; margin-right:0;}
	.c-title,.c-itemtitle{margin-left: 20px;margin-right: 20px; margin-bottom:0;}
	.c-title{font-size: 23px;line-height: 40px;}
	.title{margin-bottom: 23px;}
	.website-propagate h2 {font-size: 20px;letter-spacing: 0px;}
	.website-propagate {height: 180px;}
	.website-ctitle {font-size: 16px;}
	.website-cinfo {line-height: 20px;height: 40px;font-size: 12px;}
	.webiste-cbtn {font-size: 12px;}
	.website-ccontent {padding-top: 15px;padding-left: 66px;}
	.website-consult {margin-bottom:10px;}
	.website-combox img {max-width: 80%; height:auto;max-height:40px}
	.website-comname {padding: 5px;font-size: 12px;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.more a {width: 120px;height: 35px;margin: 48px auto 17px;line-height: 35px;font-size: 12px;border-radius: 2px;}
	.c-itemtitle br{ display:none;}
	.systemlist {margin: 0 30px;}
	.button a{font-size:14px;}
	.textmb span{font-size: 12px;}
	.banner img{display: none}
	.banner{background:url(../images/zndl-bg.jpg) no-repeat center;background-size: auto 100%;height: 200px}


}

  .lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:540px;}
  .lubo_box{ position: relative; width: 100%; height:540px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:540px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 540px;}







/*优势开始*/
.container{ width: 1210px; margin: 0 auto; }
.module-word{ padding-top: 80px; padding-bottom: 100px; overflow: hidden;}
.module-gray{ background-color: #FFF; }


.saas-section4 .sc-title{ margin-bottom:50px; font-size:38px; font-weight:bold;}
.saas-section4 ul{ float:left;}
.saas-section4 li{ float:left; width:238px; height:258px; border:1px solid #d7dee3; margin:0 -1px -1px 0; text-align:center; position:relative; cursor:pointer;}
.saas-section4 li i{ width:70px; height:70px; display:block; margin:30px auto 0; background:url(../images/saas-section4-icon.png) no-repeat;}
.saas-section4 li h3{ font-size:18px; color:#333; margin-top:20px;}
.saas-section4 li span{ font-size:14px; color:#82939e; padding:0 25px; display:block; line-height:25px; text-align:left; margin-top:10px; height:50px; overflow:hidden; transition: height .3s ease-out;}

.saas-section4 li i.icon01{ background-position:0 0;}
.saas-section4 li i.icon02{ background-position:0 -70px;}
.saas-section4 li i.icon03{ background-position:0 -140px;}
.saas-section4 li i.icon04{ background-position:0 -210px;}
.saas-section4 li i.icon05{ background-position:0 -280px;}
.saas-section4 li i.icon06{ background-position:-70px 0;}
.saas-section4 li i.icon07{ background-position:-70px -70px;}
.saas-section4 li i.icon08{ background-position:-70px -140px;}
.saas-section4 li i.icon09{ background-position:-70px -210px;}
.saas-section4 li i.icon10{ background-position:-70px -280px;}


.saas-section4 li:hover .warp{ position:absolute; width:100%; border:1px solid #d7dee3; z-index:9; top:-1px; left:-1px; background-color:#f6f9fc; box-shadow: 0 0 20px rgba(149, 149, 149, 0.4);}
.saas-section4 li:hover .warp span{ height:150px;}

.saas-section4 .s-btn{ width:118px; height:34px; line-height:34px; border:1px solid #0af; display:inline-block; text-align:center; font-size:14px; color:#0af; margin:50px auto 0; margin-left:530px;}
.saas-section4 .s-btn:hover{ background-color:#0af; color:#fff;}

.saas-section5 .center-image h2{ text-align:center; font-size:36px; margin-top:50px;}
.saas-section6 .sc-title{ margin-bottom:60px;}

/*saas版*/

.module-word{ padding-top: 80px; padding-bottom: 100px; overflow:}
.module-gray{ background-color: #EEEEEE; }
.sc-title{ font-size: 36px; color: #333; line-height: 1; margin-bottom: 30px;}
.sc-subtitle{ font-size: 16px; color: #82939e; line-height: 2; margin-bottom: 40px; text-align: center;}
.pf_temp4{ height:635px;}
.container_right{ float:right; position:relative; z-index:9;}
.container_right .sc-title,.container_right .sc-subtitle{ text-align:left;}
.container_left{ float:left; text-align:left;}
.pk-tab{ border-collapse:collapse;}
.pk-tab thead tr td{ text-align:center; font-size:24px; color:#0af; padding-bottom:20px;}
.pk-tab tbody tr{border:1px solid #d7dee3;}
.pk-tab tbody tr:hover{background: #fff;}
.pk-tab tbody td{ padding:20px 40px; font-size:14px; color:#82939e; line-height:24px;}
.pk-tab tbody tr .text-l{ text-align:left;}
.pk-tab tbody tr .text-c{ border:1px solid #d7dee3; border-top:0; border-bottom:0; width:118px; height:98px; padding:0; text-align:center;}
.pk-tab tbody tr .text-r{ text-align:left;}
.pk-tab tbody tr .text-c i{ display:inline-block; width:35px; height:35px; background:url(../images/saas_icon.png) no-repeat center;}

.pk-tab tbody tr .text-c i.icon01{ background-position:-1px 0;}
.pk-tab tbody tr .text-c i.icon02{ background-position:-3px -35px;}
.pk-tab tbody tr .text-c i.icon03{ background-position:-3px -68px;}
.pk-tab tbody tr .text-c i.icon04{ background-position:-3px -105px;}
.pk-tab tbody tr .text-c i.icon05{ background-position:-3px -144px;}
.pk-tab tbody tr .text-c i.icon06{ background-position:-3px -183px;}
.pk-tab tbody tr .text-c i.icon07{ background-position:-3px -216px;}

.pk-tab tbody tr:hover .text-c i.icon01{ background-position:-54px 0;}
.pk-tab tbody tr:hover .text-c i.icon02{ background-position:-54px -35px;}
.pk-tab tbody tr:hover .text-c i.icon03{ background-position:-54px -68px;}
.pk-tab tbody tr:hover .text-c i.icon04{ background-position:-52px -105px;}
.pk-tab tbody tr:hover .text-c i.icon05{ background-position:-52px -144px;}
.pk-tab tbody tr:hover .text-c i.icon06{ background-position:-53px -183px;}
.pk-tab tbody tr:hover .text-c i.icon07{ background-position:-54px -216px;}

.pk-tab img{display:block;margin:0 auto;margin-bottom:7px;}
.pk-tab span{white-space: nowrap;text-align: center;display: block;font-size:14px;color:#1f1f1f;}
.border-l-r{border-left:1px solid #f994cc;;border-right:1px solid #f994cc;}
.shop-pk{padding-top:135px;}
.shop-pk h2 span{border-bottom:2px solid #f50580;line-height:50px;display:inline-block;}
.shop-pk h2 span:first-child{margin-left:230px;}
.pk-tab tr td:first-child,.pk-tab tr td:last-child{width:545px;box-sizing: border-box;}

.saas-section1 .container_right{ width:695px;}

/* ---------- common ---------- */


ul, li {list-style-type:none;padding:0;	margin:0}
input, select, textarea, button {font-size:100%;font-family:inherit;border:0}

.fix:after, .clearfix:after {display:block;	content:"$";height:0; clear:both; overflow:hidden; visibility:hidden}
h1, h2, h3 {font-weight:normal}
.fl {	float:left;	display:inline}
.fr {	float:right;display:inline;}
.w1000 {width:1200px; margin:0 auto}

.sy_tit {	padding:90px 0 80px}
.sy_tit h1 {font-size:36px;	color:#333;	line-height:38px;	text-align:center; font-weight:bold;}

.swtpro_txt1 dl dd p {	line-height:30px;	margin-bottom:30px}
.swtpro_txt1 dl dd p span {	display:block;	float:left;	margin-right:15px;	color:#0087d5}
.swtpro_txt1 dl dd p b {width:450px; text-align:justify; display:block;	float:left;	font-weight:normal;	font-size:16px;	color:#4c4c4c}
.swtpro_txt3 h2 a:hover {	transform:translateY(-6px);	-webkit-transform:translateY(-6px)}
.swtpro_page4 {	background:#f5f7fa;	margin-top:0px;	padding-bottom:80px}
.swtpro_wrap .swtpro_txt4 dt:hover h2 img {	transform:translateY(0);	-webkit-transform:translateY(0)}
.swtpro_txt4 dl dt {width:48%}
.swtpro_txt4 dl dd {width:48%}
.swtpro_txt4 dl dt h1 {	text-align:center;	padding-bottom:40px}
.swtpro_txt4 dl h2 {line-height:33px;	font-size:18px;	color:#0087d5}
.swtpro_txt4 dl h2 img {margin-right:10px}
.swtpro_txt4 dl p {	line-height:32px;	margin:15px 0 25px 45px}
.swtpro_txt4 dl p span {display:block;	float:left;	margin-right:15px;	color:#0087d5}
.swtpro_txt4 dl p b {width:400px; text-align:justify; display:block; float:left; font-weight:normal; font-size:16px; color:#4c4c4c;}

.pages{padding: 0;}
.pagination{display:inline-block;padding-left:0;border-radius:4px;float:right}
.pagination li{display:inline}
.pagination li a,.pagination li span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;color:#393D49;background:#fff;margin:0 0 0 8px;border:1px solid #eee}
.pagination li a:hover{color:#fff;background:#1E9FFF}
.pagination .active a{background:#1E9FFF;color:#fff}
.pagination .disabled{display:none}

@media only screen and (max-width:1190px){
.pages{padding: 0 10px 0 0;}
}

.tpt_newslei_r li{width: 410px;height: 40px;line-height: 40px; float: left;padding: 0 20px}
.tpt_newslei_r li span {float: right;}
/* 服务 */
.lei_fuwu{ width:100%; height:50px; background-color:#f4f4f4; padding-bottom:70px; text-align:center;}
.lei_fuwu a{ display:block;width:230px;border:1px solid #00a0e9;background:none;padding:0 20px;height:58px;line-height:58px;text-align:center;border-radius:5px;font-size:18px;color:#00a0e9; margin:0 auto;}

.lei_fuwu a:hover{background:#1297d9;border-color:#1297d9;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;color:#fff}


/** RightBar Start **/
.rightBar{ width:50px; position:fixed; right:10px; top:50%; margin-top:-210px; z-index:200}
.rightBar .link{ display:block; cursor:pointer; width:50px; height:50px; background:#0af; margin:1px 0 0 0; position:relative; left:0; top:0; transition:all linear .2s; margin-top:6px;}
.rightBar .link .img{ display:block}
.rightBar .link .lChi{ visibility:hidden; opacity:0; filter:alpha(opacity = 0); height:50px; position:absolute; right:49px; top:0; padding:0 20px 0 0; overflow:hidden; transition:all linear .2s}
.rightBar .link .lChi .ar{ display:block; position:absolute; right:10px; top:15px}
.rightBar .link .lChi .txt{ display:block; height:50px; line-height:50px; font-size:14px; color:#fff; padding:0 20px; white-space:nowrap; border-radius:4px; background:url(../images/optbg.png) repeat;}
.rightBar .link:hover{ background:url(../images/hoverrtbarbg.jpg) repeat-y;}
.rightBar .link:hover .lChi{ visibility:visible; opacity:100; filter:alpha(opacity = 100);}
.rightBar .link:hover .wxgzh,.rightBar .link:hover .chis{ display:block}
.rightBar .first{ cursor:default; border-top-left-radius:4px; border-top-right-radius:4px;}
.rightBar .last{ border-bottom-left-radius:4px; border-bottom-right-radius:4px;}

.rightBar .last01{ border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.rightBar .wxgzh{ display:none; position:absolute; top:-11px; left:-192px; width:188px; height:258px; background:url(../images/gzhewm.png) no-repeat 0 0}
.weibox{ width:142px; height:208px; float:left; margin-top:30px; margin-left:20px; display:inline;}
.weibox_er{ width:142px; height:142px; float:left; overflow:hidden;}
.weibox_er img{ width:142px; height:142px;}
.weibox_zhi{ width:142px; height:50px; float:left; border-top:1px #CCCCCC solid; margin-top:10px; text-align:center; line-height:26px; font-size:14px; padding-top:10px;}

.rightBar .chis{ display:none; padding:0 25px 0 0; width:378px; position:absolute; left:-400px; top:-50px}
.rightBar .chis .ars{ display:block; width:12px; height:22px; background:url(../images/arric.png) no-repeat 0 0; position:absolute; right:14px; top:70px; z-index:2}
.rightBar .cIns{ border-radius:3px; overflow:hidden; background:#fff; box-shadow:0 0 16px #dcdbdb; padding:15px 0 2px 0; margin-top:15px;}
.rightBar .csIn{ width:322px; margin:0 auto; position:relative; left:0; top:0; background:url(../images/lines.jpg) repeat-y center 0}
.rightBar .csIn .tt{ display:block; height:20px; line-height:20px; font-size:16px; color:#333; text-align:left; font-weight:bold}
.rightBar .csIn .row{ height:40px;  text-align:left; font-size:0; padding-bottom:5px;}
.rightBar .csIn .row .lt{ display:inline-block; *display:inline; zoom:1; line-height:48px; font-size:14px; color:#666;  text-align:left}
.rightBar .csIn .row .qq{ cursor:pointer; display:inline-block; *display:inline; zoom:1; height:22px; width:22px; background:url(../images/qqon.jpg) no-repeat; position:relative; left:0; top:6px}
.rightBar .csIn .row .qq:hover{ background:url(../images/qqon.jpg) no-repeat}
.rightBar .csIn .row .wx{ display:inline-block; *display:inline; zoom:1; height:22px; width:22px; background:url(../images/wx.jpg) no-repeat; margin-left:8px; position:relative; left:0; top:6px}
.rightBar .csIn .row .wx:hover{ background:url(../images/wxon.jpg) no-repeat}
.rightBar .csIn .col{ width:140px}
.rightBar .mgt{ margin-top:8px}

/* 网站客服随机排序 */
.rightBar .csIn{width:340px;background:none;}
.rightBar .csIn .col{width:340px;}
.rightBar .csIn .row{width:90px; float:left;  display:inline; margin-right:20px;}
.rightBar .csIn .hour24{/* width:340px; */}
.rightBar .csIn .austin{margin-top:20px;}