@charset "utf-8";
html{font-size:100%;/* overflow-y:scroll; */-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
fieldset,img{border:0;vertical-align:top; }
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
em,i{font-style:normal;}
input,textarea{border:none;resize:none;outline:none;-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance:none;}
a{color:#222;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
*{box-sizing:border-box;}
/* By zhiliaonet.com */
/*公用*/
body { font-family:'Microsoft Yahei',Arial;color:#222;font-size:14px;background:#fff;}
img{max-width:100%;height:auto;width:auto\9;-ms-interpolation-mode:blicubic;}
.clearfix:after {clear:both;content:"";display:block;height:0;overflow:hidden;visibility:hidden; }
.clearfix {zoom:1}
.fl {float:left;}
.fr {float:right;}
.mb20{margin-bottom:20px;}
.eps {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.wrapper{width:100%;max-width:640px;min-width:250px;margin:0 auto;position:relative;padding:2.6rem 0 0 0;overflow:hidden;}
.con{padding:0 2%;}
/* 字体图标 */
@font-face {font-family: "iconfont";
  src: url('../other/iconfont.eot?t=1471838502'); /* IE9*/
  src: url('../other/iconfont.eot?t=1471838502#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../other/iconfont.woff?t=1471838502') format('woff'), /* chrome, firefox */
  url('../other/iconfont.ttf?t=1471838502') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../other/iconfont.svg?t=1471838502#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont { font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px;  -moz-osx-font-smoothing: grayscale;}
.icon_home:before{ content: "\e64d"; }
.icon_nav7:before{ content: "\e615"; }
.icon_ry:before{ content: "\e66c"; }
/* 头部 */
.header{height:2.6rem;position:fixed;top:0;z-index:10;width:100%;max-width:640px;margin:0 auto;}
.headMain{position:relative;text-align:center;background:#000;height:2.6rem;}
.logo{display:table;height:2.6rem;width:40%; text-align:left; padding-left:3%; float:left;}
.logobox{ width:86%; height:2.6rem;  float:left;}
.logozhi{ width:70%; height:1.0rem;  float:left; color:#FFFFFF; font-size:0.6rem; padding-top:5%;font-weight:bold}
.logo a{display:table-cell;vertical-align:middle;}
.logo img{vertical-align:middle;max-height:2.6rem;}
.header .navMenu_icon{position:absolute;right:3%;top:10px; height: 2.6rem;color:#fff;line-height:2.6rem;}
.header .navMenu_icon img{ width:33px; height:40px;}
/*导航 */
.navbar{position:fixed;z-index:20;height:100%;top:2.6rem;overflow:hidden;display:none;width:100%;max-width:640px;margin:0 auto;}
.navbar ul{height:100%;padding-top:1rem;overflow-x:hidden;overflow-y: auto;padding-left:.8rem;background:#545454;width:8rem;position:relative;z-index:2;}
.navbar ul li{height:2rem;line-height:2rem;border-bottom:1px solid #898989;}
.navbar ul li a{display:block;padding-left:1.2rem;font-size:0.6rem;color:#555;border-radius:1rem 0 0 1rem ;height:2rem; opacity:0;transform: translateX(-100%); transition: all 0.4s ease 0s;transition-delay: 160ms;color:#fff;}
.navbar ul li a i{font-size:1rem;margin-right:.6rem;float:right;}
.navbar ul li a:hover,.navbar ul li .current{background:#000;}
.navbar ul li:first-child{border-top:none;}
.navbar ul li:first-child i{font-size:1.2rem;}
.navbar ul li:nth-child(2) a{transition-delay:240ms;}
.navbar ul li:nth-child(3) a{transition-delay:320ms;}
.navbar ul li:nth-child(4) a{transition-delay:400ms;}
.navbar ul li:nth-child(5) a{transition-delay:480ms;}
.navbar ul li:nth-child(6) a{transition-delay:540ms;}
.navbar ul li:nth-child(7) a{transition-delay:600ms;}
.navbar ul li:nth-child(8) a{transition-delay:660ms;}
.navbar ul li:nth-child(9) a{transition-delay:720ms;}
.navbar ul.show li a{ opacity:1;transform: translateX(0);}
.floatmask{width:100%;height:100%;background:#000;opacity:0.5;position:absolute;top:0;z-index:1;display:none;overflow:hidden;transition:all 0.5s;max-width:640px;margin:0 auto;}
/* BANNER */
.mainBox{position:relative;}
.banner{ position:relative;overflow:hidden;max-width:640px;}
.banner .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.banner .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.banner .hd li.on{ background:#d53840;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;}
.banner .bd li img{ background:url(../images/loading.gif) center center no-repeat;vertical-align:top; width:100%;}
/* 便捷菜单 */
.conMenu{padding:2% 0;overflow:hidden;}
.conMenu li{float:left;width:33.33%;text-align:center;font-size:0.7rem;height:4.5rem;padding-top:0.5rem;background:#D00000;color:#fff;line-height:1.5rem;}
.conMenu li:nth-child(2n+2){background:#FF7E00;}
.conMenu li i{font-size:1.3rem;line-height:2rem;}
.conMenu li i img{ width:70px; height:77px;}
.conMenu li a{color:#fff;}
.conMenu li span{display:block;}
/* 产品与服务 */
.h_pro{ width:100%; height:auto; background-color:#F5F5F5; padding:2% 2% 1% 2%;}
.h_pro_biao{ width:100%; height:auto; text-align:center; padding:0 0 4% 0;}
.h_pro_biao p{ padding-top:20px;font-size:1.0rem;}
.h_pro_biao span{ font-size:0.6rem;line-height:24px;}
.h_pro_lei{ width:100%; background-color:#FFF; padding:30px 15px 30px 15px; margin-bottom:0.2rem}
.h_pro_lei_tu{ width:100%; height:100px; text-align:center;}
.h_pro_lei_tu i{ width:80px; height:100px;}
.h_pro_lei_tu i img{ width:80px; height:100px;}
.h_pro_lei h2{ text-align:center; font-size:0.8rem; font-weight:bold; padding-top:0.4rem}
.h_pro_lei p{ text-align:center; padding-top:0.2rem; line-height:24px; color:#848484;}
/* 模板中心 */
.product,.new,.porject{margin-bottom:20px;overflow:hidden;border-bottom:4px solid #f4f4f4;}
.product h2{ width:100%; height:55px; text-align:center; font-size:1.0rem; padding-top:30px;}
.product p{ text-align:center; padding-top:0.2rem; line-height:24px; color:#848484; padding-bottom:0.6rem;font-size:0.6rem;color:#222;}
.about{margin-bottom:20px;overflow:hidden;border-bottom:4px solid #f4f4f4; background-color:#FF7E00;}
.homeTitle{height:1.6rem;line-height:1.2rem;font-size:0.7rem;margin-bottom:10px; color:#FFFFFF;}
.homeTitle01{height:2.6rem;line-height:1.0rem;font-size:0.7rem;margin-bottom:10px; color:#FFFFFF; text-align:center; padding-top:0.5rem;}
.homeTitle span{border-left:5px solid #D00000;padding-left:2%;color:#D00000;}
.homeTitle span a{color:#D00000;}
.homeTitle span a:hover{color:#D00000;}
.homeTitle .more{float:right;margin-right:;font-size:1.4rem;}
.proMain{padding:2% 2% 0 2%;overflow:hidden; background-color:#F5F5F5;}
.proMain li{float:left;width:49%;margin-right:2%;overflow:hidden;position:relative;text-align:center; padding-bottom:10px;}
.proMain li:nth-child(2n){margin-right:0;}
.proMain li img{width:100%;border:1px solid #ddd; height:4.8rem;}
.proMain li span{display:block;height:1.2rem;line-height:1.2rem;text-align:center; background-color:#ECECEC;overflow:hidden;}
.about .font{padding-bottom:3%;}
.aboutImg{height:5rem;overflow:hidden;background-position:center;background-size:cover;margin-bottom:.3rem;}
.h_product_di{ width:100%; height:2.5rem;background-color:#F5F5F5; padding-top:3% 2% 0 2%;}
.h_product_di01{ width:96%; height:2rem; text-align:center; border:1px #CCCCCC solid; margin-left:2%;padding-top:2% 0% 2% 0%;line-height:2rem;font-size:0.8rem;}
/* 案例中心 */
.h_case{ width:100%; height:auto; padding:2%;}
.h_case h2{ width:100%; height:65px; text-align:center; font-size:1.0rem; padding-top:0.3rem;}
.h_case p{ text-align:center; line-height:24px; color:#848484; padding-bottom:0.1rem;font-size:0.6rem;color:#222;}
.h_case_lei{ width:100%; height:auto; background-color:#F5F5F5; padding:5%;}
.h_case_lei span{ color:#848484;}
.h_case_lei h2{ text-align:left; font-size:24px; margin-bottom:20px; padding-top:0.1rem; height:40px;}
.h_case_lei p{ text-align:left;}
.h_case_lei a{ text-align:left; font-size:0.6rem; color:#1baadb;}
.h_case_lei_tu{ width:100%; height:auto;}
.h_case_lei_tu img{ width:100%; height:auto;}
/* 新闻中心 */
.h_news{ width:100%; height:auto; background-color:#F5F5F5; padding:2% 2% 4% 2%;}
.h_news_lei{ width:100%; height:auto; background-color:#FFFFFF; padding:3%;}
.h_news_biao{ width:100%; height:1.5rem;}
.h_news_biao p{ padding:1% 2% 1% 2%; background-color:#1baadb; width:30%; text-align:center; color:#FFFFFF; border-radius:20px; font-size:0.68rem; float:left;}
.h_news_biao span{ float:right; width:30%; text-align:right; line-height:1.2rem}
.h_news_zhi{ width:100%; height:auto; margin-top:0.8rem;}
.h_news_zhi_biao{ width:100%; height:1rem; }
.h_news_zhi_biao p{ float:left; line-height:1rem; width:70%; font-size:0.6rem; font-weight:bold;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.h_news_zhi_biao span{ float:right; line-height:1rem; width:30%; text-align:right; color:#CCCCCC;}
.h_news_zhi_lei{ width:100%; height:2rem; overflow: hidden; line-height:24px;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;ebkit-box-orient: vertical;}
/* 底部 */
.footer .backtop{height:2.0rem;line-height:1.4rem;background:#272727;color:#fff;padding-right:3%;text-align:right;font-size:0.7rem;}
.footCopy{padding:10px 10px 15px 10px;font-size:0.6rem;line-height:1.2rem;}
.h_di{ width:100%; height:4.2rem;  padding:30px 2% 30px 2%;border-bottom: 1px solid #f2f2f2;}
.h_dil{ width:50%; height:2.2rem; float:left;}
.h_dil span{ font-size:0.8rem; color:#000000; line-height:1.2rem;}
.h_dir{ width:140px; height:39px; float:right; padding:10px 20px 10px 20px; border-radius: 39px; background-color:#666; margin-top:0px; text-align:center; color:#FFFFFF;line-height:24px;}
.h_dir a{color:#FFFFFF;}
/* 搜索 */
.search{padding:2%;position:relative;border-bottom:4px solid #e5e5e5;}
.search form{border:1px solid #d7d7d7;border-radius:3px;width:100%;display:block;height:1.6rem;line-height:1.6rem;}
.search .sear_text{width:88%;padding-left:3%;height:100%;line-height:1.6rem;float:left;}
.search .sear_btn{width:12%;height:100%;float:left;background:none;position:relative;z-index:2;}
.search::before{position:absolute;font-size: 0.9rem;text-align:center;content:" \e64a ";font-family:"iconfont" !important;color:#333;top:.6rem;right:6%;}
.listWrapper .search{border-bottom:none;margin-bottom:15px;padding:0;}
.listWrapper  .search::before{top:.3rem;right:3%;}
/*分页样式*/
.page{clear:both;text-align:center;padding-bottom:1.5rem;height:1rem;position:relative;padding-top:0.5rem;}
.page a,.page span{height:1rem;line-height:1rem;padding:0 .3rem;margin:0 .1rem;font-size:0.5rem;background-color:#5A5A5A;border-radius:3px;color:#fff;display:inline-block;border:1px solid #5A5A5A;}
.page span{background:#000;border:1px solid #000;}
/*分类样式*/
.breadCrumb{height:2rem;line-height:2rem;background:#000;margin:0px 0 15px 0;position:relative;position:relative;color:#fff;}
.breadCrumb p{padding-left:1%;}
.breadCrumb p::before {position:absolute;font-size: 0.7rem;left:2%;top:-1px; font-family:"iconfont" !important;}
.breadCrumb .fenlei{position:absolute;right:2%;top:0;padding-left:8%; background:url(../images/fentu.png) no-repeat;}
.breadCrumb a{color:#fff;}
.catalog { width: 100%; position: fixed; left:0; top: 0; background-color: rgba(0,0,0,0.6); -webkit-transition:-webkit-transform .2s ease-in; display: none; z-index:100; padding:10px 0 0 0; overflow:hidden; }
.catalog>ul { width: 50%; background-color: #fff; position:absolute; top: 0; right: 0; padding-top:10px; }
.catbtn{ font-size: 14px; position: fixed; top: 200px; left: 50%; display: block; width: 30px; margin-left: -30px; padding:10px 0; text-align: center; color: #fff; border-radius: 6px 0 0 6px; background-color: #fff; }
.catalog ul li{ width: 90%; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,.25); }
.catalog ul li a{ font-size: 14px; line-height: 30px; display: block; overflow: hidden; width: 90%; white-space: nowrap; text-indent: 5px; text-overflow: ellipsis; }
.catalog > ul li a{ background: url(../images/arrow2.png) no-repeat right center; background-size: 5px; color:#333;}
.catalog ul li ul li:last-child{ border-bottom: none; }
.catalog ul li ul li{ margin-left: 13px; }
.subcatalog{ display: none; }
.catalog ul li a:first-child{ background: url(../images/arrow3.png) no-repeat right center; background-size: 8px; }
.catalog ul li a:nth-child(2),.catalog ul li a:nth-child(3){ background: url(../images/arrow2.png) no-repeat right center; background-size: 8px; }
.listWrapper{padding:5% 2% 0% 2%;overflow:hidden; line-height:1.4rem;}
.listWrapper img{text-align:center;}
.picList{overflow:hidden;margin-bottom:20px;}
.picList li{ width:32%;float:left;text-align:center;margin-right:2%;margin-bottom:5px;size:5rem;}
.picList li:nth-child(3n){margin-right:0;}
.picList li img{padding:0.1rem;border:1px solid #ddd;}
/* 图片列表 */
.listPic{overflow:hidden;margin-bottom:20px;width:102%;}
.listPic li{ width:50%;float:left;text-align:center;padding-right:3%;margin-bottom:10px;}
.listPic li:nth-child(2n){padding-right:2%;}
.listPic li img{padding:0.1rem; height:4.8rem;width:100%;}
.listPic li span{display:block;height:1.4rem;line-height:1.4rem;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:0.5rem;}
.proList li a{display:block;border:1px solid #ddd;}
.proList li span{display:block;height:1rem;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:0.6rem;background:#f1f1f1;border-top:1px solid #ddd;text-align:center;padding:0 2%;}
/* 图文列表详情 */
.productList{overflow:hidden;margin-bottom:20px;}
.productList li{display: table;width: 100%;height: auto;border-bottom:1px solid #ccc;overflow: hidden;text-overflow: ellipsis;white-space: normal;padding:2% 0;}
.productList li.pImg{display: table-cell; vertical-align: middle;border:1px solid #ccc;}
.productList div{ line-height: 1rem;padding-left: .25rem;padding-right: .15rem;display: table-cell;width: auto;height: auto;vertical-align: middle;width:75%;padding-left:5%;line-height:.8rem;font-size:.5rem;}
.productList div h5{margin-bottom:.2rem;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.productList div h5 a{color:#333;}
.productList div h5 a:hover{color:#ff3811;}
/* 产品详情 */
.proShow .title{text-align:center;font-size:.8rem;color:#333;margin-bottom:.3rem;}
.proShow i{text-align:center;width:100%;display:block;color: #888; border-bottom: 1px solid #ddd; margin-bottom:.6rem;}
.proShow_img{width:100%;height:auto;text-align:center;margin-bottom:15px;}
.proShow .tie{height:1.4rem;line-height:1.4rem;background:#ddd;margin-bottom:10px;}
.proShow .tie span{display:inline-block;width:5rem;color:#fff;background:#333;text-align:center;}
.product_detail{margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:15px;}
.proShow_img{ position:relative;overflow:hidden;max-width:640px;}
.proShow_img .bd{ position:relative; z-index:0; }
.proShow_img .bd li{ position:relative; text-align:center;}
.proShow_img .bd li img{ background:url(../images/loading.gif) center center no-repeat;vertical-align:top; width:100%;}
.proShow_img .prev,.proShow_img .next{ position:absolute; left:0.75rem; top:50%;margin-top:-.6rem; display:block; width:23px; height:27px; line-height:27px; text-align:center;width:1.8rem;text-align:center;line-height:1.8rem;background:#000;opacity:.7;height:1.8rem;border-radius:.2rem;}
.proShow_img .hd span img{max-width:70%;vertical-align: middle;}
.proShow_img .next{ left:auto; right:0.75rem;}
.proShow_tab{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;}
.proShow_tab .hd{ height:1.5rem; line-height:1.5rem;font-size:.7rem; background:#f1f1f1; border-bottom:1px solid #272727; position:relative;margin-bottom:10px;}
.proShow_tab .hd ul{ position:absolute; height:1.5rem; top:0; overflow:hidden;  }
.proShow_tab .hd ul li{ float:left; padding:0 10px; color:#666;  }
.proShow_tab .hd ul .on{ border:2px solid #272727; border-bottom-color:#fff; background:#fff; color:#272727; }
/* 内页产品与服务 */
.lei_fu{ width:100%; height:auto; background-color:#00a69b; color:#FFFFFF; padding:5% 2% 5% 2%;}
.lei_fu h2{ font-size:1.2rem;}
.lei_fu span{ width:40%; padding:2.0% 3% 2.0% 3%; text-align:center; background-color:#FFF; color:#666666; margin-top:3%; display:block;line-height:24px;boder-radius:8px;}
.lei_fu span a{color:#666666;border-left:1px #CCCCCC solid;margin-left:3%;padding-left:5%;}
.lei_fu p{ font-size:0.6rem; line-height:24px; margin-top:3%;}
/* 新闻列表详情 */
.lei_news_s{ width:100%; height:auto; border-bottom:1px #E4E4E4 solid; background-color:#F5F5F5;padding:6% 3% 6% 3%;}
.lei_news_s h2{ font-size:1.0rem;}
.lei_news_s p{ color:#B4B4B4; margin-top:2%;}
.lei_news_lei{ width:100%; height:auto; padding-top:3%; padding-bottom:8%;}
.lei_news_lei h2{ font-size:0.8rem;}
.meta { border-bottom: 1px dotted rgba(0,0,0,0.1); margin-bottom: 17px;  padding-bottom: 0px;  font-size: 13px; font-style: italic; width:100%;display: block; padding-top:1%;}
.meta_part {    display: inline-block;    margin-bottom: 10px;    margin-right: 25px; color:#999999;}
.lei_news_lei p{ width:100%; height:1.2rem; line-height:24px; text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;ebkit-box-orient: vertical; overflow:hidden;}
.lei_news_mune{ width:100%; height:auto; margin-top:5%; border-top:1px #E4E4E4 solid; padding-top:3%; margin-bottom:3%;}
.lei_news_mune p{ font-size:0.8rem;padding-bottom:2%;}
.lei_news_mune span{ width:100%; height:1.5rem; border-bottom:1px #CCCCCC dashed;display: block; font-size:0.68rem; padding-top:2%;}
.newsList li,.history li h4{height:1.6rem;line-height:1.6rem;border-bottom:1px solid #ddd;padding:0 1% 0 2%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsList li::before{background:#666;content: "";height:3px;left:2%;position: absolute;top:.8rem;width:3px;border-radius:50%;}
.newsList li::after,.downList li a::after,.history li h4::after{position:absolute;font-size: 0.8rem;right:2%;top:3px; content:" \e62c ";font-family:"iconfont" !important;}
.newsList li span{float:right;color:#ccc}
.newsDetail .tie{text-align:center;font-size:.8rem;color:#333;padding-bottom: .2rem;}
.newsDetail .time{text-align:center;color:#888;border-bottom:1px solid #ddd;padding-bottom: .3rem;margin-bottom:.8rem;}
.newsDetail .font{border-bottom:1px solid #ddd;margin-bottom:.6rem;}
.newsDetail .font,.pageN{padding-bottom:.6rem; line-height:1.6rem;}
.listWrapper .prea{line-height:1rem;}
.downList li {padding-right: 3%;}
.downList li::after{display:none;}
.downList li a{display:block;position: relative;}
.downList li a::after{content:"\e66f";}
/* 内页关于我们 */
.lei_about_dao{ width:100%; height:auto;display:block;}
.lei_about_dao_lei{ width:25%; text-align:center; font-size:0.8rem; float:left; padding:2% 0 2% 0; }
.lei_about_tu{ width:100%; height:215px; clear:both; background:url(../images/1.png) no-repeat center;}
.lei_about_tu img{width:100%; height:215px; }
.lei_about_tu_zhi{ text-align:center; color:#FFFFFF; font-size:1.2rem; padding-top:60px;}
.lei_about_tu_zhi p{ text-align:center; color:#FFFFFF; font-size:1.2rem; padding-top:5px;}
.lei_about_jj{ width:100%; height:auto; padding:2%; margin-bottom:1%; }
.lei_about_jj img{ width:100%; height:auto;}
.about-title { font-size: 1.2rem; color: #373737;  letter-spacing: 6px;  margin-bottom: 0.5rem;  text-align:center; padding-bottom:2%; line-height:3rem;}
.about-title:after { content: '';  width: 130px;  background: #373737;  height: 3px;  display: block; margin:0 auto;}
.lei_about_jj p{ line-height:28px;}
.lei_about_td{ width:100%; background-color:#F5F5F5; margin:0 auto;}
.lei_about_td_lei{ width:35%; height:220px; margin-left:10%; float:left; margin-bottom:5%;  position:relative;}
.lei_about_td_tu{ width:70px; height:70px; border-radius:50px; position:absolute; background-color:#000000; margin-left:23%;}
.lei_about_td_tu img{ width:70px; height:70px; border-radius:50px;}
.lei_about_td_zhi{ width:100%; height:170px;border:1px #CCCCCC solid; position:absolute; margin-top:35px;}
.lei_about_td_zhi h2{ text-align:center; margin-top:45px; font-size:0.8rem}
.lei_about_td_zhi p{ text-align:center; font-size:0.6rem}
.lei_about_td_zhi_di{ width:100%; height:65px; padding:3%; overflow:hidden; }
.lei_about_cont{ width:100%; padding:3%;text-align:center; }
.lei_about_cont img{ width:60%;height:60%;text-align:center; }
.lei_about_cont p{ font-size:0.8rem; line-height:24px; padding:2% 0 2% 0;}
/* 万词霸屏 */
.lei_wcbp_s{ width:100%; height:auto; background-color:#F5F5F5; padding:3% 0 0% 0; margin:0 auto;}
.lei_wcbp_s h2{ font-size:1.0rem; font-weight: bold; text-align:center; padding:5% 0 3% 0;}
ul,li,ol{ list-style-type:none;}
.tab{ width:100%; height:31rem;}
.tab li{width:45.5%; height:5.5rem; text-align:center; float:left; font-size:14px;  background-color:#FFFFFF; margin-left:3%; margin-top:3%; display:inline;padding:3% 0 0% 0;} 
.tab li img{ width:70px; height:88px;}
.tab li p{ font-size:0.6rem;}
.lei_wcbp_y{ width:100%; height:auto; background-color:#F5F5F5; padding:0 0 5% 0;}
.lei_wcbp_y h2{ font-size:0.8rem; text-align:center; padding-top:5%;}
.lei_wcbp_y p{ font-size:0.6rem; padding:2%; text-align:center; padding-bottom:4%;}
.lei_wcbp_y_lei{ width:100%; height:auto; background-color:#1B80E7; padding:5% 2% 5% 2%;}
.lei_wcbp_y_lei img{ width:100%; height:auto;}
.lei_wcbp_y_lei h2{ font-size:0.8rem; color:#FFFFFF; text-align:center;}
.lei_wcbp_y_lei p{ font-size:0.6rem; color:#FFFFFF; text-align:center;}
.lei_wcbp_y01_lei{ width:100%; height:auto;  padding:5% 2% 5% 2%;}
.lei_wcbp_y01_lei img{ width:100%; height:auto;}
.lei_wcbp_y01_lei h2{ font-size:0.8rem; text-align:center;}
.lei_wcbp_y01_lei p{ font-size:0.6rem; text-align:center;}
.lei_wcbp_y02{ width:100%; height:auto; padding:0 0 5% 0;}
.lei_wcbp_y02 h2{ font-size:0.8rem; text-align:center; padding:5% 0 2% 0;}
.lei_wcbp_y02 p{ font-size:0.6rem; text-align:center; padding:0 2% 0 2%; line-height:36px;}
.lei_wcbp_y02 span{ padding:3% 0 0 0; text-align:center; display:block;}
.lei_wcbp_y02 img{ width:100%; height:auto; }
.lei_wcbp_y03{ width:100%; height:auto; padding:0 0 5% 0;background-color:#1B80E7;}
.lei_wcbp_y03 h2{ font-size:0.8rem; text-align:center; color:#FFFFFF; padding-top:5%;}
.lei_wcbp_y03 p{ font-size:0.6rem; text-align:center;color:#FFFFFF;padding:2% 2% 5% 2%;}
table{ border:1px solid #CECECE; border-collapse:collapse; } 
td{ border:1px solid #CECECE; } 
.lei_wcbp_y03_zhi{font-size:0.6rem; text-align:center; height:40px;}
/* 百度快速排名 */
.lei_kspm_s{ width:100%; height:auto; background-color:#F5F5F5; padding:3% 0 5% 0; }
.lei_kspm_s h2{ font-size:0.8rem; text-align:center; padding:5% 0 3% 0;}
.lei_kspm_s p{ font-size:0.6rem; text-align:center; padding:2% 0 3% 0; color:#666666;}
.kspm{ width:100%; height:auto;}
.kspm li{width:80%; height:9rem; text-align:center;  font-size:14px;  background-color:#FFFFFF; margin-left:10%; margin-top:3%; padding:3% 0 0% 0;}
.kspm li img{ width:70px; height:88px;}
.kspm li p{ font-size:0.6rem; color:#222;}
.kspm li span{ font-size:0.6rem; padding:1% 10% 0 10%; display:block; color:#999999;}
.lei_kspm_z{ width:100%; padding:3%; text-align:center;}
.lei_kspm_z img{ width:80%; height:auto;}
.lei_kspm_z h2{ font-size:0.8rem; text-align:center; padding:5% 0 3% 0;}
.lei_kspm_z p{ font-size:0.6rem; padding:2% 3% 5% 3%; text-align:left; line-height:26px;}
.lei_kspm_z01{ width:100%; padding:3%; text-align:center; background-color:#F5F5F5;}
.lei_kspm_z01 img{ width:80%; height:auto; margin-bottom:5%;}
.lei_kspm_z01 h2{ font-size:0.8rem; text-align:center; padding:5% 0 3% 0;}
.lei_kspm_z01 p{ font-size:0.6rem; padding:2% 3% 5% 3%; text-align:left; line-height:26px;}
.lei_kspm_y{ width:100%; height:auto;}
.lei_kspm_y h2{ font-size:0.8rem; text-align:center; padding:5% 0 3% 0;}
.lei_kspm_y p{ font-size:0.6rem; padding:2% 3% 5% 3%; text-align:center; line-height:40px;}
.lei_kspm_y_lei{ width:100%; padding:5% 10% 2% 10%; margin-bottom:5%; display:block;}
.lei_kspm_y_lei_tu{ width:20%; float:left; height:5rem; }
.lei_kspm_y_lei_zhi{ width:75%; float:right; height:5rem; overflow:hidden;}
.lei_kspm_y_lei_zhi h2{ font-size:0.8rem; padding:0 0 5% 0; text-align:left;}
.lei_kspm_y_lei_zhi p{ font-size:0.6rem;  text-align:left; color:#999999; padding: 0 0 0 0;line-height:24px;}
.lei_kspm_d{ width:100%; height:8.5rem; background-color:#272727; padding:10%;}
.lei_kspm_d_lei{ width:50%; height:2rem; float:left;  margin-bottom:10%; text-align:center; color:#FFFFFF;}
.lei_kspm_d_lei h2{ font-size:1rem;}
.lei_kspm_d_lei p{ font-size:0.6rem;}
/* 渠道合作 */
.lei_he_banner{ width:100%; height:300px; background:url(../images/solu-banner.jpg) no-repeat center; padding:3%;}
.lei_he_banner h2{ font-size:1.2rem; font-weight:bold; color:#FFFFFF; text-align:center; padding:20% 3% 0 3%;}
.lei_he_banner p{ font-size:0.6rem; color:#FFFFFF; text-align:center; padding:5% 0% 0 0%;}
.lei_he_banner span{ width:30%; font-size:0.6rem; color:#000; text-align:center; padding:3% 5% 3% 5%; background-color:#FFFFFF; display:block; margin:0 auto; margin-top:5%; boder-radius:10px;}
.lei_he_s{ width:100%; height:17rem; border-bottom:1px #CCCCCC solid; padding:5% 2% 5% 2%;}
.lei_he_s h2{ font-size:0.8rem; text-align:center; padding:5% 3% 0 3%;}
.lei_he_s p{ font-size:0.6rem;  text-align:center; padding:5% 0% 0 0%; color:#999999;}
.lei_he_s_lei{ width:42.5%; height:5rem;  float:left; margin-left:5%; margin-top:5%;text-align: center; -webkit-border-radius: 8px;
-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: #909090 0px 0px 10px;-moz-box-shadow: #909090 0px 0px 10px;box-shadow: #909090 0px 0px 10px;background: #FFF;behavior: url(../other/PIE.htc); padding-top:5%;}
.lei_he_s_lei p{ font-size:0.6rem;  text-align:center; padding:10% 0% 0 0%; color:#222;}
.lei_he_02{ width:100%; height:auto; padding:10% 3% 5% 3%;}
.lei_he_02 h2{ font-size:0.8rem; text-align:center;}
.lei_he_02 p{ font-size:0.6rem;  text-align:center; padding:5% 0% 10% 0%; color:#999999; line-height:1.0rem;}
.lei_he_02 img{ width:100%; height:auto; }
.lei_he_03{ width:100%; height:auto; padding:10% 5% 10% 5%; background-color:#1B80E7;}
.lei_he_03 h2{ font-size:0.8rem; text-align:center; color:#FFFFFF;}
.lei_he_03 p{ font-size:0.6rem;  text-align:center; padding:5% 0% 0% 0%;}
.lei_he_03 p a{ width:30%; height:1.2rem; border:1px #FFFFFF solid; padding:1% 5% 1% 5%;  color:#FFF; -webkit-border-radius: 8px;
-moz-border-radius: 8px;border-radius: 8px;}
.lei_he_04{ width:100%; height:auto; padding:10% 0% 10% 0%;overflow:auto;}
.lei_he_04 h2{ font-size:0.8rem; text-align:center;}
.lei_he_04_lei{ width:42.5%; height:4rem; float:left; margin-left:5%; display:inline; margin-top:5%;border-radius: 10px; position:relative;}
.lei_he_04_lei img{ width:100%; height:4rem; position:absolute;border-radius: 10px;}
.lei_he_04_lei p{ width:100%; position:absolute; text-align:center; font-size:0.8rem; color:#FFFFFF; padding-top:20%;}
.lei_he_05{ width:100%; height:auto; padding:10% 5% 10% 5%; background-color:#1B80E7;overflow:auto;}
.lei_he_05 h2{ font-size:0.8rem; text-align:center; color:#FFFFFF;}
.lei_he_05 p{ font-size:0.6rem;  text-align:center; padding:5% 0% 0% 0%; color:#FFFFFF;}
.lei_he_05_lei{ width:42.5%; height:5.5rem; float:left; margin-left:5%;  display:inline; margin-top:5%;border-radius: 10px; background-color:#FFFFFF;}
.lei_he_05_lei img{ width:100%; height:auto; border-radius: 10px;}
.lei_he_05_lei p{ font-size:0.6rem;  text-align:center; padding:3% 0% 3% 0%; color:#222; background-color:#EAEAEA;border-radius: 0px 0px 10px 10px; margin-top:6%;}
.lei_he_05_di{ width:100%; height:auto;  margin-top:10%; float:left; text-align:center;}
.lei_he_05_di a{ font-size:0.6rem; color:#FFFFFF; border:1px #CCCCCC solid; padding:2% 4% 2% 4%;border-radius: 10px;}
.lei_he_06{ width:100%; height:auto; padding:10% 3% 10% 3%; overflow:auto; background-image:url(../images/solu-mode6.jpg);background-position: 50% 50%; }
.lei_he_06 h2{ font-size:0.8rem; text-align:center; color:#FFFFFF;}
.lei_he_06_lei{ width:100%; height:19rem; background-color:#FFFFFF; margin-top:5%;border-radius: 10px; padding:3%;}
.lei_he_06_lei_tu{ width:100%; height:auto;}
.lei_he_06_lei_tu img{ width:100%;border-radius: 10px;}
.lei_he_06_lei h2{ font-size:0.8rem; text-align:center; color:#222; padding-top:5%; padding-bottom:3%;}
.lei_he_06_line{ width:20%; border-bottom:3px #CCCCCC solid; margin:0 auto;}
.lei_he_06_lei p{ font-size:0.6rem; text-align:left; color:#222; padding-top:5%;}
.lei_he_06_lei span{ width:100%; margin-top:8%; display:block;}
.lei_he_06_lei span a{ width:30%; text-align:center; color:#FFFFFF; font-size:0.6rem; padding:2% 4% 2% 4%; background-color:#fbbe01;border-radius:30px;}
.lei_he_07{ width:100%; height:auto; padding:10% 5% 10% 5%; overflow:auto; border-bottom:1px #CCCCCC solid;}
.lei_he_07 h2{ font-size:0.8rem; text-align:center; color:#222;}
.lei_he_07_lei{ width:100%; height:15.2rem; background-color:#FFFFFF;border-radius:10px;-webkit-box-shadow: #909090 0px 0px 10px;-moz-box-shadow: #909090 0px 0px 10px;box-shadow: #909090 0px 0px 10px;background: #FFF;behavior: url(../other/PIE.htc); margin-top:5%;}
.lei_he_07_lei img{ width:100%; height:auto;}
.lei_he_07_lei h2{ font-size:0.8rem; text-align:center; color:#222; padding-top:5%; padding-bottom:3%;}
.lei_he_07_lei p{ font-size:0.6rem; text-align:center; color:#999; padding-top:2%;}
.lei_he_07_lei_di{ width:100%; height:2rem; margin:0 auto; text-align:center; padding-top:8%;}
.lei_he_07_lei_di a{ width:30%; text-align:center; color:#222; font-size:0.6rem; padding:2% 8% 2% 8%; background-color:#FFF;border-radius:30px;  border:1px #CCCCCC solid;}
.lei_he_07_lei_di a:hover{ width:30%; text-align:center; color:#FFF; font-size:0.6rem; padding:2% 8% 2% 8%; background-color:#fbbe01;border-radius:30px; border:1px #CCCCCC solid;}
.lei_he_d{ width:100%; height:8.5rem; background-color:#f3f8fc; padding:10%; margin-top:10%;}
.lei_he_d_lei{ width:50%; height:2rem; float:left;  margin-bottom:10%; text-align:center; color:#3b9ef9;}
.lei_he_d_lei h2{ font-size:1rem;}
.lei_he_d_lei p{ font-size:0.6rem; color:#999999;}
.lei_he_08{ width:100%; height:auto; padding:10% 5% 10% 5%; overflow:auto; border-bottom:1px #CCCCCC solid;}
.lei_he_08 h2{ font-size:0.8rem; text-align:center; color:#222; padding-bottom:5%;}
.lei_he_08 p{ font-size:0.6rem; color:#999999; text-align:center; padding-bottom:1%;}
.lei_he_08_lei{ width:100%; height:3rem;  margin-top:5%;}
.lei_he_08_lei_tu{ width:15%; height:3rem; float:left; }
.lei_he_08_lei_zhi{ width:80%; height:3rem; float:right; overflow:hidden;}
.lei_he_08_lei_zhi h2{ font-size:0.8rem; text-align:left; color:#222; padding-bottom:2%; padding-top:0;}
.lei_he_08_lei_zhi p{ font-size:0.6rem; text-align:left; color:#999999; line-height:32px;}
/* 内页产品与服务 */
.lei_pro{ width:100%; height:auto; padding:2% 2% 4% 2%;}
.lei_pro_biao{ width:100%; height:auto; text-align:center; font-size:30px;padding:0 0 4% 0;}
.lei_pro_biao p{ padding-top:20px;font-size:1.2rem;}
.lei_pro_biao span{ font-size:0.6rem;margin-top:-20px; }
.lei_pro_lei{ width:100%; background-color:#FFF; padding:30px 15px 30px 15px; margin-bottom:0.2rem; border:1px #CCCCCC solid;}
.lei_pro_lei_tu{ width:100%; height:100px; text-align:center;}
.lei_pro_lei_tu i{ width:80px; height:100px;}
.lei_pro_lei_tu i img{ width:80px; height:100px;}
.lei_pro_lei h2{ text-align:center; font-size:0.8rem; font-weight:bold; padding-top:0.4rem}
.lei_pro_lei p{ text-align:center; padding-top:0.2rem; line-height:24px; color:#848484;}
.lei_fw{width:100%; height:auto; padding:10% 0% 10% 0%; background-color:#F5F5F5; overflow:auto;}
.lei_fw h2{ font-size:0.8rem; text-align:center; color:#222; padding-bottom:2%;font-size:1.2rem;}
.lei_fw p{ font-size:0.6rem; color:#999999; text-align:center; padding-bottom:1%;}
.lei_fw_lei{ width:46%; height:7.2rem; float:left; background-color:#FFF; margin-top:5%; margin-left:2%; margin-right:2%; border:1px #D9D9D9 solid; padding:4% 3% 3% 3%; overflow:hidden; display:inline;}
.lei_fw_lei h2{ text-align:center; font-size:0.8rem; font-weight:bold; padding-top:0.6rem;}
.lei_fw_lei p{ text-align:center; padding-top:0.2rem; line-height:20px; color:#999;}
.lei_fw_g{ width:100%; height:auto; background-color:#000000; padding:6% 3% 6% 3%; text-align:center; color:#FFFFFF; font-size:1.0rem;font-weight:bold;}
.lei_fw_01{ width:100%; height:auto; padding:10% 3% 10% 3%; background-color:#F5F5F5;}
.lei_fw_01 h2{ font-size:0.8rem; text-align:center; color:#222; padding-bottom:5%;}
.lei_fw_01 p{ font-size:0.6rem; color:#999999; text-align:center; padding-bottom:1%;}
.lei_fw_01_lei{ width:100%; height:auto; background-color:#FFFFFF; border:1px #E6E6E6 solid; margin-top:5%;}
.lei_fw_01_lei img{ width:100%; height:auto;}
.lei_fw_01_lei h2{ font-size:0.8rem; text-align:left; color:#222; padding-bottom:5%; padding-top:5%; padding-left:3%;}
.lei_fw_01_lei span{ width:100%;padding-bottom:8%; display:block;}
.lei_fw_01_lei span a{ border:1px #CCCCCC solid; padding:2% 15% 2% 15%;border-radius:6px; font-size:0.5rem; margin-left:3%; margin-right:3%;}
.lei_fw_01_more{ width:100%; height:30px; margin-top:10%; text-align:center;}
.lei_fw_01_more a{padding:3% 8% 3% 8%;border-radius:6px; font-size:0.5rem; text-align:center; background-color:#0033FF; color:#FFFFFF;}
.lei_fw_02{ width:100%; height:auto; padding:10% 0% 4% 0%; overflow:auto; border-bottom:1px #E6E6E6 solid ;}
.lei_fw_02 h2{ font-size:1.2rem; text-align:center; color:#222; padding-bottom:5%;}
.lei_fw_02 p{ font-size:0.6rem; color:#999999; text-align:center; padding-bottom:5%;}
.lei_fw_02_lei{ width:33.33%; height:auto; background-color:#FFFFFF; border:1px #E6E6E6 solid; padding:4% 2% 4% 2%;border-right: 0;border-bottom: 0; float:left;}
.lei_fw_02_lei img{ width:100%; height:auto;}
.lei_fw_02_lei p{ width:100%; height:1.2rem; float:left; overflow:hidden; font-size:0.6rem; text-align:center; color:#222; padding-top:2%;}
.lei_fw_02_more{ width:100%; height:30px; margin-top:5%; text-align:center; float:left;text-align:center;}
.lei_fw_02_more a{font-size:0.8rem; text-align:center;}
.lei_fw_03{ width:100%; height:auto; overflow:auto;border-bottom:1px #E6E6E6 solid ; }
.lei_fw_03 h2{ font-size:0.8rem; text-align:center; color:#222; padding-bottom:5%; padding-top:10%;}
.lei_fw_03 p{ font-size:0.6rem; color:#999999; text-align:center; padding-bottom:5%;}
.lei_fw_03_lei{ width:30%; height:3rem;  float:left; margin-left:10%; display:inline; margin-right:10%; text-align:center; margin-top:10%;}
.lei_fw_03_lei p{ font-size:0.6rem; color:#999999; text-align:center; padding-top:15%;}
/* 营销型网站建设 */
.lei_yxwz_tu{ width:100%; height:550px; clear:both; background:url(../images/1.jpg) no-repeat center top;}
.lei_yxwz_tu img{width:100%; height:auto; }
.lei_yxwz_tu h2{ text-align:center; color:#FFFFFF; font-size:1.2rem; padding-top:12%;}
.lei_yxwz_tu p{ font-size:0.8rem; color:#FFF; text-align:center; padding-top:5%; line-height:30px;}
.lei_yxwz_tu span{ width:100%; margin-top:5%; display:block;}
.yxwz { padding:2% 10% 2% 10%; background-color:#CCCCCC; margin-left:32%; font-size:0.6rem;}
.yxwz a{ padding:2% 10% 2% 10%; background-color:#CCCCCC; margin-left:10%; font-size:0.6rem;}
.cur{ padding:2% 10% 2% 10%; background-color:#46be8a; margin-left:32%; font-size:0.6rem;color:#FFFFFF;}
.cur a{ padding:2% 10% 2% 10%; background-color:#3564EE; margin-left:10%; font-size:0.6rem; color:#FFFFFF;}
.lei_yxwz_k{ width:94%; height:10rem; background-color:#FFF; margin-left:3%; margin-top:5%; border:1px #CCCCCC solid;border-radius:8px; padding:3%;opacity:0.5;}
.lei_yxwz_k p{ font-size:0.6rem; color:#222; padding-top:0; text-align:center;}
.lei_yxwz_01{ width:100%; height:auto; padding:3%;}
.lei_yxwz_01 h2{ text-align:center; color:#222; font-size:1.2rem; padding-top:8%;}
.lei_yxwz_01_lei{ width:100%; height:3rem; margin-top:5%;}
.lei_yxwz_01_lei_tu{ width:16%; height:3rem; float:left;}
.lei_yxwz_01_lei_zhi{ width:80%; height:3rem; float:right; overflow:hidden;}
.lei_yxwz_01_lei_zhi h2{ font-size:0.8rem; padding-top:0%; text-align:left;}
.lei_yxwz_01_lei_zhi p{ font-size:0.6rem; padding-top:3%; text-align:left;}
.lei_yxwz_01_di{ width:100%; height:auto; padding-top:5%;}
.lei_yxwz_01_di img{ width:100%; height:auto;}
.lei_yxwz_02{ width:100%; height:auto; padding:3% 3% 10% 3%; background-image:url(../images/bg1.jpg);}
.lei_yxwz_02 h2{ text-align:center; color:#FFF; font-size:1.2rem; padding-top:8%;}
.lei_yxwz_02 p{ font-size:0.6rem; color:#FFF; text-align:center; padding-top:5%; line-height:36px;}
.lei_yxwz_02_lei{ width:100%; height:auto; background-color:#FFF; margin-top:8%;border-radius:8px;}
.lei_yxwz_02_leis{ width:100%; height:1.2rem; background-color:#990000;border-radius:8px 8px 0px 0px;}
.lei_yxwz_02_leis_l{ width:70%; height:1.2rem; float:left; line-height:1.2rem; color:#FFFFFF; padding:0 0 0 3%; font-size:0.6rem; overflow:hidden;}
.lei_yxwz_02_leis_r{ width:8%; height:1.2rem; float:right; line-height:1.2rem; color:#FFFFFF; font-size:1.0rem}
.lei_yxwz_02_leis_r a{  color:#FFFFFF; font-size:1.0rem}
.lei_yxwz_02_lei_zhi{ width:100%; height:auto; padding:3%; font-size:0.5rem;}
.lei_yxwz_02_di{ width:100%; height:1.2rem; background-color:#FFF;border-radius:8px 8px 8px 8px; margin-top:5%;}
.lei_yxwz_02_di_l{ width:70%; height:1.2rem; float:left; line-height:1.2rem; color:#222; padding:0 0 0 3%; font-size:0.6rem; overflow:hidden;}
.lei_yxwz_02_di_r{ width:10%; height:1.2rem; float:right; line-height:1.2rem; color:#222; font-size:0.8rem;}
.lei_yxwz_02_di_tu{ width:100%; height:auto; margin-top:5%;}
.lei_yxwz_02_di_tu img{ width:100%; height:auto;}
.lei_yxwz_03{ width:100%; height:auto;padding:0%; }
.lei_yxwz_03_min{ width:100%; height:auto;  background-color:#38414d; padding:3% 3% 10% 3%;}
.lei_yxwz_03_yuang{ width:2rem; height:2rem; background-color:#FFF; z-index:99;border-radius:50px; margin-left:44%;position:absolute; border:1px #CCCCCC solid; text-align:center;}
.lei_yxwz_03_min h2{ font-size:1.2rem; text-align:center; color:#FFFFFF; margin-top:10%;}
.lei_yxwz_03_min p{ font-size:0.6rem; text-align:center; color:#FFFFFF; margin-top:10%; }
.lei_yxwz_03_lei{ width:100%; height:auto; margin-top:5%;}
.lei_yxwz_03_leis{ width:100%; height:2.5rem; background-color:#1ccdca;}
.lei_yxwz_03_leis P{ font-size:0.6rem; color:#FFFFFF; text-align:left; padding-left:2%; padding-top:2%;}
.lei_yxwz_03_leis span{ font-size:0.8rem; color:#FFFFFF; text-align:left; padding-left:2%;}
.lei_yxwz_03_leix{ width:100%; height:auto; background-color:#FFF; line-height:1rem; padding:0 2% 02%; overflow:hidden; font-size:0.6rem;}
.lei_yxwz_03_leis01{ width:100%; height:2.5rem; background-color:#cd2122;}
.lei_yxwz_03_leis01 P{ font-size:0.6rem; color:#FFFFFF; text-align:left; padding-left:2%; padding-top:2%;}
.lei_yxwz_03_leis01 span{ font-size:0.8rem; color:#FFFFFF; text-align:left; padding-left:2%;}
/* 内页SEO */
.lei_seo_01{ width:100%; height:29rem; background:url(../images/productbg.jpg) no-repeat bottom; }
.lei_seo_01 h2{ text-align:center; color:#222; font-size:1.2rem; padding-top:8%;}
.lei_seo_01 p{ font-size:0.6rem; color:#222; text-align:center; padding-top:5%; line-height:36px; padding-bottom:8%;}
.lei_seo_01_lei{ width:46%; height:9rem;  float:left; margin-left:2%;  margin-right:2%; text-align:center; border:1px #CCCCCC solid; padding:5% 2% 3% 2%; overflow:hidden; margin-bottom:5%;}
.lei_seo_01_lei h2{ font-size:0.8rem; color:#222; text-align:center; padding-top:15%;}
.lei_seo_01_lei p{ font-size:0.5rem; color:#999999; text-align:center; padding-top:10%; line-height:24px;}
.lei_seo_02{ width:100%; height:auto; }
.lei_seo_03{ width:100%; height:16.5rem; background-color:#313139; padding:10% 0 10% 0;}
.lei_seo_03_lei{ width:35%; height:6rem; float:left; margin-left:10%; display:inline; margin-bottom:8%; text-align:center;}
.lei_seo_03_lei h2{ font-size:0.8rem; color:#3274cd; padding-top:5%;}
.lei_seo_03_lei p{ font-size:0.6rem; color:#FFF; padding-top:5%;}
.lei_seo_04{ width:100%; height:auto; padding:10% 2% 10% 2%;}
.lei_seo_04 h2{ text-align:center; color:#222; font-size:1.2rem; padding-top:8%;}
.lei_seo_04 p{ font-size:0.6rem; color:#222; text-align:center; padding-top:5%; line-height:36px; padding-bottom:8%;}
.lei_seo_04_x{ width:100%;font-size: 0.6rem; padding: 0 10px 20px 10px;}
.lei_seo_04_lei{ width:100%;padding: 0 10px;}
.lei_seo_04_lei li{ padding: 0 0 30px 35px; position:relative;}
.su-line { top: 21px; left: 11px;position: absolute; width: 1px;  background: #eee;  height: 220px;}
.website-bcicle { width: 10px;  height: 10px;  left: 8px;    border: 1px solid #3274cd;  border-radius: 100%;  position: absolute;  top: 6px;  background: #fff; float:left;}
.website-bit { color: #434343;  overflow: hidden;  text-overflow: ellipsis;   white-space: nowrap;}
.website-binfo { font-size: 12px; line-height: 20px;color: #7a7a7a;}
.lei_seo_04_di{ width:100%; height:auto;}
.lei_seo_05{ width:100%; height:auto; padding:10% 2% 10% 2%; background-color:#F5F5F5;}
.lei_seo_05 h2{ text-align:center; color:#222; font-size:1.2rem;}
.lei_seo_05 p img{ width:100%; height:auto; padding-top:5%;}
.lei_seo_05_lei{ width:100%; height:3.8rem; margin-top:5%; padding:0 3% 0 3%;}
.lei_seo_05_leil{ width:13%; height:3.8rem; float:left; padding-top:7%;}
.lei_seo_05_leir{ width:80%; height:3.8rem; float:right; overflow:hidden;}
.lei_seo_05_leir h2{ font-size:0.8rem; text-align:left; color:#222;}
.lei_seo_05_leir p{ font-size:0.6rem; text-align:left; color:#999999; padding-top:3%; line-height:26px;}
.lei_seo_06{ width:100%; height:auto; padding:10% 0% 10% 0%; overflow:auto;}
.lei_seo_06 h2{ text-align:center; color:#222; font-size:1.2rem;}
.lei_seo_06 p{ font-size:0.6rem; color:#999; text-align:center; padding:5% 2% 0 2%; padding-bottom:8%;}
.lei_seo_06_lei{ width:50%; height:8rem; border-bottom:1px #E8E8E8 solid; border-right:1px #E8E8E8 solid; float:left; text-align:center;padding:6% 3% 6% 3%; overflow:hidden;}
.lei_seo_06_lei h2{ text-align:center; color:#222; font-size:0.8rem; padding-top:5%;}
.lei_seo_06_lei p{ font-size:0.6rem; color:#999; text-align:center; padding:8% 0% 0 0%; }
.lei_seo_06_lei01{ width:50%; height:8rem; border-bottom:1px #E8E8E8 solid; float:left; text-align:center;padding:6% 3% 6% 3%; overflow:hidden;}
.lei_seo_06_lei01 h2{ text-align:center; color:#222; font-size:0.8rem; padding-top:5%;}
.lei_seo_06_lei01 p{ font-size:0.6rem; color:#999; text-align:center; padding:8% 0% 0 0%; }
.lei_seo_07{ width:100%; height:auto; padding:10% 2% 10% 2%; overflow:auto; background-image:url(../images/securitybg.jpg);}
.lei_seo_07 h2{ text-align:center; color:#FFF; font-size:0.8rem; padding-top:5%; padding-bottom:5%;}
.lei_seo_07_lei{ width:100%; height:12rem; background-color:#FFFFFF;border-radius:6px; margin-top:3%; padding:5% 3% 5% 3%; overflow:hidden; text-align:center;}
.lei_seo_07_lei h2{ text-align:center; color:#222; font-size:0.8rem; padding-top:5%; padding-bottom:5%;}
.lei_seo_07_lei p{ font-size:0.6rem; color:#999; text-align:center; line-height:36px; }
.lei_seo_08{ width:100%; height:auto; padding:10% 2% 10% 2%;}
.lei_seo_08 h2{ text-align:center; color:#222; font-size:0.8rem; padding-top:5%; padding-bottom:5%;}
.lei_seo_08 p{ font-size:0.6rem; color:#999; text-align:center; padding:2% 0% 0 0%; }
.lei_seo_08_lei{ width:100%; height:11.5rem; margin-top:5%; background-color:#000000;}
.lei_seo_08_leis{ width:100%; height:5rem; background-color:#ffb866; padding:3%;}
.lei_seo_08_leis h2{ width:35%; border-bottom:2px #FFF solid; font-size:0.8rem; text-align:left; color:#FFFFFF; padding-top:0;}
.lei_seo_08_leis h2 a{color:#FFFFFF;}
.lei_seo_08_leis p{ font-size:0.6rem; text-align:left; color:#FFFFFF;}
.lei_seo_08_leitu{ width:100%; height:3rem;;}
.lei_seo_08_leitu img{ width:100%; height:auto;}
.lei_seo_09{ width:100%; height:auto; padding:10% 02% 10% 2%;}
.lei_seo_09 h2{ text-align:center; color:#222; font-size:0.8rem; padding-top:5%; padding-bottom:5%;}
.lei_seo_09_lei{ width:100%; height:auto; text-align:center; border-bottom:1px #CCCCCC solid; padding:0 0 10% 0; margin-bottom:5%;}
.lei_seo_09_lei h2{ text-align:center; color:#222; font-size:0.8rem; padding-top:5%; padding-bottom:5%;}
.lei_seo_09_lei p{ font-size:0.6rem; color:#999; text-align:center; padding:2% 0% 0 0%; }
.lei_seo_10{ width:100%; height:auto; padding:10% 0% 10% 0%; background-color:#F5F5F5; overflow:auto;}
.lei_seo_10 h2{ text-align:center; color:#222; font-size:0.8rem; padding-top:5%; padding-bottom:5%;}
.lei_seo_10 p{ font-size:0.6rem; color:#999; text-align:center; padding:2% 2% 2% 2%; }
.lei_seo_10_lei{ width:46%; height:auto; background-color:#FFFFFF; margin-left:2%; margin-right:2%; float:left; margin-top:5%; padding:5% 2% 5% 2%; text-align:center;}
.lei_seo_10_lei_di{border-top: 1px solid #f2f2f2; padding: 20px 10px;  position: relative; margin-top:20%;}
.process-item-number {  background-color: #00a0e9;  border: 5px solid #fff; border-radius: 40px; color: #fff; font-weight: 700; left: 50%; position: absolute;
    text-align: center; transform: translateX(-50%); font-size: 16px; height: 46px; line-height: 35px; top: -23px; width: 46px; box-sizing: border-box;}
	
.process-item-title { font-size: 14px; font-weight: normal; margin: 17px 0 0;}
.lei_seo_10_lei01{ width:46%; height:auto; background-color:#00a0e9; margin-left:2%; margin-right:2%; float:left;margin-top:5%;padding:5% 2% 5% 2%; text-align:center;}
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {	margin:0 auto;position:relative;overflow:hidden;direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {	-ms-touch-action: pan-x;}
.device { width: 100%;  height: 200px;  position: relative;}
.device .arrow-left {  background: url(../images/arrows.png) no-repeat left top;  position: absolute;  left: 10px;  top: 50%;  margin-top: -15px;  width: 17px;  height: 30px;}
.device .arrow-right { background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px;}
.swiper-container { height: 200px;  width: 100%;}
.content-slide {  padding: 20px;  color: #fff;}
.title {  font-size: 25px;  margin-bottom: 10px;}
.swiper-active-switch {  background: #fff;}
.device img{width:100%; height:200px; }
.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:#000}
.pagination .active span{background:#000;color:#fff}
.pagination .disabled{display:none}