@charset "utf-8";
html{color:#000;background:#f5f5f5}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
strong{font-weight:bold}

.layui-container{max-width:480px}

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover{background-color:#00a0ea;color:#fff}
.layui-nav-tree .layui-nav-bar{width:5px;height:0;background-color:#00a0ea}

/*common*/
body{font-family:"Microsoft YaHei";font-size:14px;max-width:480px;margin:0 auto}
.clearfix{clear:both;width:100%;height:0}
.mr0{margin-right:0 !important}
.mb0{margin-bottom:0 !important}
.tl{text-align:left !important}
.tr{text-align:right !important}
.pd0{padding:0 !important}
.mt20{margin-top:20px !important}
.title-1{border-left:5px solid #00a0ea;margin:0 -15px;padding-left:20px}
.title-1 span{display:block;line-height:16px;font-size:16px}
.title-1 i{height:14px;line-height:14px;font-size:14;color:#999}

.view-more{display:block;padding:10px 30px;background:#eee;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.view-more:hover{background:#00a0ea;color:#fff}

.location{height:24px;line-height:24px;display:block;padding-top:8px;visibility:visible}

header{height:50px;background:#fff;position:relative}
header .logo{height:30px;padding:5px 0 0 2px}
header .navBtn{padding:8px 10px 0 0}
header .navBtn i{color:#00a0ea;font-size:30px}
.navs{height:100%;background:#393D49;position:fixed;left:-200px;top:0;z-index:999;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.navs .ico{float:left;color:#fff;margin:10px 0 10px 20px}
.closeNavs{color:#fff;float:right;margin:10px 30px 10px 0}
.closeNavs i{padding-top:2px}

.slide img{width:100%;height:150px}
.slide .ff1{width:120%;height:150px;position:relative;overflow:hidden}
.slide .ff1 img{width:100%;height:150px}
.slide .ff1 p{position:absolute;line-height:20px;font-size:11px;font-weight:bold;top:18%;left:5%;color:#fff;width:50%}
.slide .ff1 a{position:absolute;top:60%;left:5%;background:#fcae24;font-size:11px;color:#fff;display:block;width:60px;height:20px;line-height:20px;text-align:center;border-radius:2px}

.ititle{margin-bottom:20px;text-align:center;font-size:30px;color:#101010}

.iCheck{background:#fff;padding:20px}
.iCheck ul li{width:45%;margin:0 5% 5% 0;float:left}
.iCheck ul li:nth-child(2n){margin-right:0!important}
.iCheck ul li .pic{width:60px;margin:0 auto}
.iCheck ul li .pic img{width:60px}
.iCheck ul li .content{width:100%}
.iCheck ul li .content p{font-size:12px;font-weight:bold;color:#101010;margin:14px 0;text-align:center}
.iCheck ul li .content span{color:#101010;font-size:10px;line-height:10px;width:100%}
.iCheck ul li .content a{background:#fcae24;font-size:12px;color:#fff;display:block;width:80px;height:32px;line-height:32px;text-align:center;margin:26px auto 0 auto;border-radius:5px}

.itips{background:#fff;width:100%}
.itips .ts{width:100%;padding:20px 0;overflow:hidden;background:#127096;position:relative}
.itips .ts img{width:150%}
.itips .ts p{position:absolute;line-height:14px;font-size:10px;top:12%;left:30%;color:#fff;width:65%}

.iDifference{background:#fff;padding:30px 20px}
.iDifference .ititle{font-size:15px}
.iDifference .content{}
.iDifference .content .pic{float:left;margin-right:5%;width:40%;margin-top:15%}
.iDifference .content .pic img{width:100%}
.iDifference .content .text{float:left;width:50%;line-height:15px;font-size:10px}

.iknowledge{padding:20px}
.iknowledge .ititle{font-size:20px}
.iknowledge ul li{width:100%;margin-bottom:5%}
.iknowledge ul li .title img{vertical-align:middle;width:8%;float:left}
.iknowledge ul li .title span{float:left;width:90%}
.iknowledge ul li .title span a{line-height:28px;color:#117095;font-size:14px;vertical-align:middle;margin-left:10px;overflow:hidden;height:28px;display:block}
.iknowledge ul li .title span a:hover{opacity:0.8}
.iknowledge ul li .content{color:#484848;font-size:12px;line-height:18px;margin-top:10px}

.iadv{background:#fff;padding:20px 0}
.iadv .content img{width:100%}

.iUse{background:#fff;padding:20px 4%}
.iUse .ititle{font-size:20px}
.iUse ul li,
.iRecommend ul li{width:17%;height:70px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;float:left;border:1px solid #989898;margin-right:2%}
.iUse ul li img,
.iRecommend ul li img{width:90%}
.iUse ul li:nth-child(5n),
.iRecommend ul li:nth-child(5n){margin-right:0}

.iRecommend{background:#fff;padding:20px 4%}
.iRecommend .ititle{font-size:20px}

.iNews{background:#fff;padding:20px}
.iNews ul{width:100%;margin-bottom:30px}
.iNews ul:nth-child(2n){margin-right:0}
.iNews ul .title{float:left;font-size:20px;color:#101010;margin-bottom:5px;height:25px;line-height:25px}
.iNews ul li{margin-bottom:5px}
.iNews ul li b{width:5px;height:5px;background:#333333;display:inline-block;vertical-align:middle;margin-right:5px}
.iNews ul li span{font-size:14px;vertical-align:middle}
.iNews ul li span{color:#101010}
.iNews ul li span:hover{color:#fcae24}
.iNews ul a.more{float:right;display:block;width:60px;height:25px;background:#fcae24;font-size:12px;color:#fff;text-align:center;line-height:25px;border-radius:4px}

.links{font-size:12px;padding:20px}
.links .title{color:#101010;float:left;line-height:20px;width:20%}
.links .list{float:left;line-height:20px;width:80%;font-size:11px}
.links .list a{float:left;height:20px;line-height:20px;display:block;color:#666;padding-left:4%}
.links .list a:hover{color:#fcae24}

.footer{text-align:center;background:#333333;color:#fff;padding:20px 0}
.footer .list a{color:#fff;font-size:11px;padding:0 2%;border-left:1px solid #fff;display:inline-block;height:16px;line-height:16px;margin-bottom:12px}
.footer .list a:first-child{border-left:none}
.footer .list a:hover{color:#fcae24}
.footer p{font-size:11px;line-height:32px}
.footer p a{color:#fff}
.footer p a:hover{color:#fcae24}

.frame{padding:30px;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);margin-top:10px}
.frame .cTitle{background:#eee;line-height:30px;font-size:16px;color:#393939;border-left:4px solid #2689FF;margin:-10px -30px 0 -30px;margin-bottom:15px;padding:5px 0 5px 18px;text-align:left}
.frame .en{color:#ADACAC}
.viewMore{-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;margin:20px auto;width:90px;text-align:center;display:block;border:1px solid #2689FF;padding:10px 24px;color:#2689FF;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px}
.viewMore:hover{background:#2689FF;color:#fff}

.crumb{background:#eee;margin:10px 0;line-height:40px;padding-left:20px;border-left:2px solid #2689FF;border-bottom:2px solid #ccc}

.leftList li{line-height:30px;height:30px;overflow:hidden}
.leftList li span{float:right;color:#ADACAC}
.leftList li a{width:220px;height:30px;overflow:hidden;display:inline-block}
.leftList li a:hover{color:#2689FF}

.serviceLeft{float:left;width:340px}
.leftCategory a{display:block;float:left;width:31%;background:#eee;line-height:40px;text-align:center;margin:0 2% 2% 0;font-size:16px}
.leftCategory a:hover,.leftCategory a.active{background:#2689FF;color:#fff}

.product{background:#f3f7fa;padding:10px 20px}
.product .title .p1{font-size:20px;font-weight:bold;color:#2472eb;margin-bottom:10px;text-align:center}
.product .title .p2{font-size:10px;color:#333;text-align:center;margin-bottom:40px}
.product .desc{width:92%;border-radius:30px;background:#fff;box-shadow:0 5px 10px #d1d1d1;line-height:40px;padding:0 4%}
.product .desc img{vertical-align:middle;width:18px;}
.product .desc span{font-size:9px;color:#494949;vertical-align:middle;}
.product .desc span b{color:#333333}
.product ul{overflow:hidden;width:100%;margin:20px auto 0 auto;font-size:0;line-height:1;}
.product li{width:48%;float:left;height:auto;margin-right:4%;margin-bottom:4%;background:#fff;}
.product li:nth-child(2n){margin-right:0;}
.product li img{width:100%;height:auto}
.product li p{font-size:10px;color:#262626;margin-top:10px;line-height:18px;padding:0 10px}
.product li a{line-height:32px;height:32px;width:136px;text-align:center;color:#fff;font-size:12px;background:#ff9600;border-radius:15px;margin:10px auto;display:block}

.reportslist img{max-width:100%}
.reportslist .titleList,.authenticitylist .titleList{margin:0 auto 30px auto;width:667px;height:60px}
.reportslist .box{padding:0 20px}
.reportslist .item{width:46%;margin:0 20px 20px 0;float:left;text-align:center;line-height:24px}
.reportslist .item:nth-child(2n){margin-right:0}
.reportslist .item .pic img{width:100%}

.showTitle{width:100%;text-align:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}
.showTitle h1{font-size:22px;padding:0 0 10px 0;line-height:30px}
.showTitle span{font-size:12px;font-weight:normal;line-height:20px;color:#999}
.showTitle a{font-family:MicroSoft YaHei;font-weight:normal}

.showContent{line-height:24px;padding:0 20px}
.showContent table{max-width:100%!important}
.showContent img{max-width:100%}
.showContent p{margin-bottom:15px;text-indent:2em}
.showContent img{display:block;margin:0 auto}
.showContent .CasePic{width:783px;height:651px;background:url("../../images/main_img/CaseShowBg.png");margin:0 auto;padding:37px 0 0 37px}
.showContent .CasePic img{width:746px;height:406px;margin:0}
.showContent .bq{background:#eee;margin-bottom:20px;padding:5px 0}
.showContent .bq p{padding:5px 0;margin-bottom:0}
.showContent .cprevious,
.showContent .cnext,
.showContent .keywords{display:block;line-height:30px}
.showContent .keywords a{margin-right:10px}
.showContent .showCheck{border-top:1px dashed #2689FF;margin-top:20px;padding-top:20px}
.showContent .showCheck p{padding-left:14px}
.showContent .showCheck .one{text-indent:0}

.newslist{background:#fff;padding:20px}
.newslist ul{overflow:hidden}
.newslist ul li{margin-bottom:20px}
.newslist ul li .date{float:left;border:1px solid #d2d2d2;text-align:center;padding:10px;margin-right:4%}
.newslist ul li .date .day{font-size:20px;color:#111;font-weight:bold}
.newslist ul li .date .time{font-size:10px}
.newslist ul li .content{float:left;width:77%}
.newslist ul li .content .title{height:20px;width:100%;overflow:hidden;margin-bottom:5px;color:#111;font-weight:bold;font-size:15px}
.newslist ul li .content .description{height:60px;width:100%;overflow:hidden;color:#888}

.pages{}
.pages a,.pages span{position:relative;float:left;padding:3px 8px;margin:0 0 5px -1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pages a:hover{background-color:#eee}
.pages span{background-color:#00a0ea;border-color:#00a0ea;color:#fff;z-index:2}