@charset "utf-8";
@import url(../css/common.css); 
@import url(../css/animate.min.css); 

.case-intro dd{ text-align:justify}

.main{position:relative;z-index: 2;width: 100%;}
body{min-width: 320px;margin:0 auto;width: 100%;overflow-x: hidden;padding-top: 60px;}
.casedetail img,.content img{ max-width:100%; height:auto !important;}
/*head*/
.head{z-index:9;text-align:center;height: 60px;position: fixed;top: 0;left: 0;width: 100%; background:#f4f4f4}
.head .commonweb{position:relative;height: 100%;}
.head h1{position:absolute;left:15px;top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);transform:translateY(-50%);}
.head h1 a{ display:block;}
.head h1 img{display:block;width: 135px;}
.navweb.cur{position:fixed;left:0;top:0;width:100%;z-index: 8;background: #fff;}

/*导航动画*/
.mask{position:fixed;width:100%;height:100%;bottom:0;top: 60px;left:0;background: #f4f4f4;display:none;z-index: 11;}
.left-touch{position: absolute;right: 100px;top: 50%;width: 50px;height: 50px;cursor: pointer;z-index: 100;padding-top: 12px;margin-top:-25px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.left-touchanmti{transition: all 0.3s ease-in-out;-webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.navweb.cur .left-touchanmti{ margin-top:-25px}
.left-touch em{ background:#333;height:2px; width:25px;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; display:block}
.left-touch em:nth-of-type(1),.left-touch em:nth-of-type(3){-webkit-transition-delay: 0.3s;  -o-transition-delay: 0.3s; transition-delay: 0.3s;}
.left-touchanmti em:nth-of-type(1){-webkit-transform: translateY(3px);-ms-transform: translateY(3px);-o-transform: translateY(3px);transform: translateY(3px);}
.left-touch em:nth-of-type(2){ transition-delay: .5s;}
.left-touchanmti em:nth-of-type(2){ width:0; transition-delay: .2s;}
.left-touchanmti em:nth-of-type(3){-webkit-transform: translateY(-11px) rotate(90deg);-ms-transform: translateY(-11px) rotate(90deg);-o-transform: translateY(-11px) rotate(90deg);transform: translateY(-11px) rotate(90deg);}
.nav.navanm{ -webkit-transform: translateY(-64%);transform: translateY(-64%);}
.nav ul{padding: 0 16px;z-index: inherit;-webkit-transition:600ms cubic-bezier(0.47, 0, 0.745, 0.715);transition:600ms cubic-bezier(0.47, 0, 0.745, 0.715);opacity:1;z-index: 12;position: relative;width: 100%;margin: 0;text-align: left;}
.nav ul li{opacity: 0;-webkit-transform: scale(1.2) translateY(-24px);transform: scale(1.2) translateY(-24px);-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;border-bottom: 1px solid #ddd; list-style:none;}
.nav ul li>a{color: #333;display:block;height:50px;line-height: 50px;position:relative;overflow:hidden;z-index:3;background-image:none;position:relative;}
.nav ul li>a img{display:block;left:0;top:50%;transform:translateY(-50%);position: absolute;height: 24px;}
.nav.cur ul li{opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none;list-style: none;}
.nav.cur ul li:nth-of-type(9){-webkit-transition-delay: 100ms,100ms;transition-delay: 100ms,100ms;}		
.nav.cur ul li:nth-of-type(8){-webkit-transition-delay: 150ms,150ms;transition-delay: 150ms,150ms;}	
.nav.cur ul li:nth-of-type(7){-webkit-transition-delay: 200ms,200ms; transition-delay: 200ms,200ms;}	
.nav.cur ul li:nth-of-type(6){-webkit-transition-delay: 250ms,250ms;transition-delay: 250ms,250ms;}	
.nav.cur ul li:nth-of-type(5){-webkit-transition-delay: 300ms,300ms;transition-delay: 300ms,300ms;}	
.nav.cur ul li:nth-of-type(4){-webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.nav.cur ul li:nth-of-type(3){-webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}	
.nav.cur ul li:nth-of-type(2){-webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.nav.cur ul li:nth-of-type(1){-webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.nav.cur ul li:nth-of-type(1){-webkit-transition-delay: 100ms,100ms;transition-delay: 100ms,100ms;}		
.nav.cur ul li:nth-of-type(2){-webkit-transition-delay: 150ms,150ms;transition-delay: 150ms,150ms;}	
.nav.cur ul li:nth-of-type(3){-webkit-transition-delay: 200ms,200ms; transition-delay: 200ms,200ms;}	
.nav.cur ul li:nth-of-type(4){-webkit-transition-delay: 250ms,250ms;transition-delay: 250ms,250ms;}	
.nav.cur ul li:nth-of-type(5){-webkit-transition-delay: 300ms,300ms;transition-delay: 300ms,300ms;}	
.nav.cur ul li:nth-of-type(6){-webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.nav.cur ul li:nth-of-type(7){-webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}	
.nav.cur ul li:nth-of-type(8){-webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.nav.cur ul li:nth-of-type(9){-webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.phone-nav{position:absolute;top: 60px;width:100%;left:0;z-index: 9;}
.headtxt{float:left;text-align:left;color:#666;font-size:12px;border-left:1px solid #979797;margin-top: 8px;margin-left: 10px;padding-left: 10px;line-height: 18px;}

/*foot*/
.foot{background: #1a1a1a;position:relative;z-index: 1;}
.foot-con{ text-align:center; font-size:15px; color:#c4c4c4; border-bottom:1px solid rgba(255,255,255,.03); padding:15px; line-height:30px;}
.foot-con img{ position:relative; margin-right:6px; top:5px;}
.foot-con a{ font-size:30px; color:#e1e1e1; display:inline-block}
.sub-foot dt a{color: #d8d8d8;display: block;}
.sub-foot dt{font-size: 16px;color:#fff;line-height:40px;position:relative;z-index:3;background: #1a1a1a;}
.sub-foot dd a{font-size: 13px;color: rgba(196,196,196,.56);line-height: 24px;display:block;}
.sub-foot dt:after{content: '+';float: right;font-weight: normal;margin-right: 8px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;font-size:16px;position: absolute;right: 0;top: 0;}
.foot-link{ border-bottom:1px solid rgba(225,225,225,.04); position:relative; overflow:hidden}
.sub-foot>dl{ border-bottom:1px solid rgba(225,225,225,.04); }
.sub-foot dl.cur dt:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.sub-foot dd{position:absolute;top:50%;visibility:hidden;-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;z-index:-1;-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);-moz-transform: translateY(-50px);transform: translateY(-50px);padding-bottom:10px;}
.sub-foot dl.cur dd{ position:static; visibility:visible; z-index:1;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;transform: none;-webkit-transition: -webkit-transform 300ms ease;transition: -webkit-transform 300ms ease;transition: transform 300ms ease;transition: transform 300ms ease, -webkit-transform 300ms ease;}
.foot-link dl dd a span{cursor:pointer}
.footcopy{text-align:center;font-size: 14px;color: rgba(254,254,254,.35);line-height:15px;padding: 20px 0;border-top: 1px solid rgba(255,255,255,.03);}
.footcopy a{color: rgba(254,254,254,.35);display:inline-block;}
.footcode{ font-size:14px; color:#fff; text-align:center; line-height:27px; width:112px; margin:30px auto;}
.footcode img{ display:block; width:100%;}

.banner-slide{position:relative;padding-bottom: 27px;}
.banner-slide ul,.flex-viewport{ margin:0; padding:0; height:100%; width:100%}
.banner-slide li{ list-style:none;}
.banner-slide li a{ display:block; height:100%;}
.banner-slide li img{ display:block; width:100%;}
.banner-slide .flex-control-nav{ width:100%; position:absolute; left:0; text-align:center; font-size:0; bottom:60px; margin:0; padding:0}
.banner-slide .flex-control-nav li{ list-style:none; margin:0 4px; display:inline-block; width:12px; height:12px;}
.banner-slide .flex-control-nav a{ display:block; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; background:#fff;-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in; line-height:999px; overflow:hidden; width:12px; height:12px;}
.banner-slide .flex-control-nav a.flex-active{ background:#e62129;}

/*inside*/
.contentbox{ padding-bottom:55px;}
.insidebanner{ width:100%; overflow:hidden; position:relative}
.insidebanner>img{display:block;transition: All 2.8s ease-in-out;-webkit-transition: All 2.8s ease-in-out;-moz-transition: All 2.8s ease-in-out;-o-transition: All 2.8s ease-in-out;-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);position:relative;width:100%;}
.insidebanner.cur>img{ -webkit-transform: scale(1) ; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1) ;transform: scale(1) ;}
.swiper-wrapper{ width:9999px; margin:0; padding:0}
.order-nav{border-bottom:1px solid #dfdfdf;}
.order-nav a{float:left;border-bottom:2px solid transparent;padding: 12px 0;position:relative;top:1px;margin-right: 15px;width: 90px;text-align: center;}
.order-nav a.cur{border-bottom-color: #e62129;color: #e62129;font-size:15px;}
.ovhidden{ overflow:hidden;}
.phonepage{ line-height:50px; text-align:center; font-size:14px; color:#333; padding-top:20px;}


/*新闻中心*/
.new{ background:#fff;}
.indexnew{ padding-top:30px;}
.newlist{ padding-top:15px;}
.newlist dd i,.caselist dd i{font-size:14px;color:#fff;-webkit-border-radius: 13px;-ms-border-radius: 13px;-moz-border-radius: 13px;-o-border-radius: 13px;border-radius: 13px;width: 106px;height:35px;text-align:center;line-height:35px;display:block;background: #e62129;margin-top: 10px;}
.newlist dl{ padding:25px 0; border-bottom:1px solid #dedede;}
.newlist dt{ position:relative; overflow:hidden;}
.newlist img{ display:block; width:100%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.newlist dl:hover img,.caselist dl:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
.newlist dd a{ display:block; color:#666;}
.newlist h3{font-size: 18px;color: #333;padding-bottom:12px;padding-top:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newlist dd p,.caselist dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newlist dl:nth-of-type(1){ padding-top:10px}
.dtdate{background: #4a4a4a;position:absolute;top:0;left:0;color:#fff;padding-left: 12px;padding-top: 14px;padding-bottom: 5px;padding-right: 7px;font-size: 24px;font-family:Arial,Helvetica,sans-serif;line-height: 30px;}
.dtdate em{ font-style:normal}
.dtdate i{display:block;font-size: 15px;margin-top: -7px;}
.newdetail{background:#fff;margin-top:20px;margin-bottom: 35px;}
.newtitle{text-align:center;font-size:12px;color:#8d8d8d;}
.newtitle h2{color:#333;font-size:18px;padding-top: 35px;}
.newdetail img{ max-width:100%;}
.detailbox{color: #666;padding-top: 31px;margin-top: 5px; font-size:14px;}
.detailbox img{max-width:100%;height: auto !important;}
.operation{ padding-top:30px; padding-bottom:50px;}
.back{display:block;color:#fff;background: #e14723 url(../images/ndetail02.png) 23px center no-repeat;width: 106px;height:32px;line-height:32px;padding-left: 42px;font-size:18px;margin-bottom:11px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;border-radius: 10px;}
.operation p a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #4c4c4c;font-size:14px;line-height:30px;}

.operation p a:hover{color: #e14723;}

/*成功案例*/
.caselist{ padding-top:10px;}
.caselist a{ display:block; overflow:hidden;}
.caselist dl{border-bottom:1px solid #e2e2e2;padding:35px 0;position: relative;}
.caselist dt{border:1px solid #cfcfcf;}
.caselist a img{ display:block; width:100%; border:1px solid #cfcfcf; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.caselist h3{color:#333;font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:18px 0;line-height: 1.1em;}
.caselist dd{ font-size:14px; color:#333;}
.caselist dd i{ margin-top:15px;}

.cesedetailh2{ font-size:18px; color:#333; text-align:center; border-bottom:1px solid #e8e8e8; line-height:1.3em; padding-bottom:15px; padding-top:36px;}
.caasedl dt img{ display:block; width:100%;}
.casedetail{ padding-top:40px;}
.caasedl{ font-size:14px; color:#666; position:relative; padding-bottom:50px; border-bottom:1px solid #e8e8e8;}
.caasedl h3{  padding-bottom:11px; margin-top:20px;}
.bank-difficult{ padding-bottom:45px; border-bottom:1px solid #e8e8e8;}
.caseh3{font-size:18px; color:#333; line-height:1.3em;}
.bank-difficult h3{ text-align:center; padding-top:23px;}
.caseul{ margin:0 -6px; padding:0}
.caseul li{ padding-left:6px; padding-right:6px; font-size:14px; color:#666; line-height:18px; text-align:center; list-style:none; margin-top:35px;}
.subcaseul{border:1px solid #c9c9c9;background:#fff;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.12);-moz-box-shadow: 0 0 5px rgba(0,0,0,.12);-ms-box-shadow: 0 0 5px rgba(0,0,0,.12);-o-box-shadow: 0 0 5px rgba(0,0,0,.12);box-shadow: 0 0 5px rgba(0,0,0,.12);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding-top:35px;padding-left: 15px;padding-right: 15px;min-height:314px;padding-bottom: 25px;}
.case-num{ display:block; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; border:1px solid #808080; color:#808080; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; font-weight:bold; font-size:42px; width:100px; height:100px; line-height:100px;}
.caseul li h3{ margin-bottom:10px; padding-top:10px;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.caseul li:hover .subcaseul{ background:#4f4f4f; color:#fff;}
.caseul li:hover h3{ color:#fff}
.caseul li:hover .case-num{ color:#fff; border-color:#fff;}
.bank-need{ border-bottom:1px solid #e8e8e8; padding-bottom:40px;}
.bank-need h3{ text-align:center; padding-top:24px;}
.caseneed{ padding:0; margin:0 -5px;}
.caseneed li{ list-style:none; padding-left:10px; padding-right:5px; margin-top:25px;}
.subneed{background:#ebebeb; -webkit-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;border-radius: 50px;overflow:hidden;font-size:14px;color:#666; min-height:242px;}
.subneed h4{ text-align:center; color:#fff; background:#4f4f4f; padding:16px 0}
.subneed p{ position:relative; padding-left:17px;}
.subneed p:before{content:"";position:absolute;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:8px solid #b7b7b7;left:0;top: 8px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.subsubneed{ padding:20px 10px;}
.case-intro{ position:relative; font-size:14px; color:#666; line-height:30px; padding:30px 0; border-bottom:1px solid #e8e8e8;}
.case-intro img{ display:block; width:100%;}
.case-intro h3{ margin:10px 0;}
.case-function{ padding-bottom:55px; border-bottom:1px solid #e8e8e8;}
.case-function h3{ text-align:center; padding:30px 0 23px;}
.casedetail img{ max-width:100%; height:auto !important;}

/*产品列表*/
.prodl{ position:relative}
.prodl a{ display:block; font-size:14px; color:#666;}

.prodl img{ display:block; width:100%;}
.promore{ font-size:14px; color:#fff; text-align:center; display:block; border-radius:5px; width:159px; height:40px; line-height:40px; background:#e62129; margin-top:25px;}
.prodl h3{ margin:11px 0;}
.tddiv{display:table-cell;vertical-align:middle;margin-top:-1%;;}
.subculture .tddiv{padding-left: 9px;letter-spacing: 6px}
.product .probox{ background:#fff; padding:30px 15px;}
.product .probox:nth-child(2n){ background:#f2f2f2;}
.pb0{ padding-bottom:0}
.encryption img{ display:block; width:100%;}
.encryption{ position:relative; font-size:14px; color:#666; line-height:30px; padding:20px 0}
.encryption h2{ font-size:24px; color:#333; line-height:1.1em; margin-bottom:15px;}
.proh2{ color:#fff; text-align:center; height:59px; line-height:59px; background:#636363; font-size:20px;}
.encryptionbox{ padding-top:30px; font-size:14px; color:#666; line-height:30px;}
.encryptionbox img{ max-width:100%; height:auto !important;}
.encryptionbox h3{ font-size:24px; color:#333; line-height:1.1em; margin:15px 0;}
.self-help{ position:relative; padding:45px 0; font-size:14px; color:#666; line-height:30px;}
.self-help p{ text-align:justify}
.self-help img{ display:block; width:100%;}
.self-help h3{ padding-bottom:20px; margin-top:10px;}
.sp-nav{width:100%;overflow-x:scroll;padding-bottom: 12px;}
.sp-nav p{ white-space:nowrap;}
.sp-nav a{ display:inline-block; font-size:18px; color:#fff; text-align:center; line-height:55px; background:#636363; border-left:1px solid #e9e9e9; margin-left:-1px; min-width:135px; position:relative; cursor:pointer}
.sp-nav a.cur{ background:#e62129;}
.sp-nav a.cur:before{content:"";width:0;height:0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 9px solid #e62129;top: 55px;position: absolute;left: 50%;margin-left: -8px;}
.subsp{ padding-top:30px; padding-bottom:30px; display:none;}
.subsp .caseh3{ color:#666; text-align:center;}
.spul1{ padding:35px 0; margin:0 -15px;}
.spul1 li{ list-style:none;  font-size:14px; color:#666; text-align:center;}
.tablediv{ display:table; text-align:center; width:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; margin-bottom:15px;}
.spul1 li p{ height:83px;}
.sp-box .subsp:nth-of-type(1){ display:block;}
.spul2{ padding:0; margin:0 -5px;}
.spul2 li{ list-style:none; padding-left:5px; padding-right:5px; margin-bottom:20px;}
.trait{ -webkit-box-shadow:0 0 5px rgba(0,0,0,.23); -moz-box-shadow:0 0 5px rgba(0,0,0,.23); -ms-box-shadow:0 0 5px rgba(0,0,0,.23); -o-box-shadow:0 0 5px rgba(0,0,0,.23); box-shadow:0 0 5px rgba(0,0,0,.23); -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:40px 25px; font-size:14px; color:#666; min-height:330px;}
.trait img{ display:block; margin:0 auto 19px; width:100px;}
.trait h3{ font-size:20px; color:#333; text-align:center; padding-bottom:12px; line-height:1.2em;}
.subsp table{ background:#f0f0f0;}
.subsp table td{ border-right:1px solid #fff; border-bottom:1px solid #fff; padding:10px 15px; text-align:center; font-size:14px; color:#333;}
.subsp table th{ font-size:18px;border-right:1px solid #fff; border-bottom:1px solid #fff; padding:10px 0; text-align:center; font-weight:normal;}

/*解决方案*/
.soludetail{ padding-top:27px; font-size:14px; color:#666; line-height:30px;}
.soludetail img{ max-width:100%; height:auto !important;}
.soluh2{ font-size:22px; color:#373737; text-align:center; line-height:1.3em; padding-bottom:19px;}
.solu-aim{ padding:30px 0 0; margin:0}
.solu-aim li{ list-style:none; border-bottom:1px solid #e2e2e2; position:relative; font-size:14px; color:#666; line-height:30px; padding-left:78px; margin-top:15px;}
.solu-aim li:last-child{ border-bottom:none;}
.solu-num{ color:#fff; position:absolute; display:block;-webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%); text-align:center; background:#8a8a8a; top:50%; font-weight:bold; font-size:30px; width:48px; height:48px; line-height:48px; left:12px;}
.thisp{ position:relative; padding-left:25px;}
.thisp:before{ content:"";position:absolute;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:8px solid #b7b7b7;left:0;top: 11px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.solution{-webkit-perspective: 1200px;-moz-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;position: relative;overflow: hidden;padding: 88px 0 0;max-width:1050px;margin:0 auto;}
.solution ul{-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;font-size: 0;white-space: nowrap;}
.solution li{list-style:none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;position:relative;padding-bottom: 135px;background:url(../images/shaw.jpg) center bottom no-repeat;display: inline-block;}
.solution li a{ display:block; position:relative;}
.solution li img{ display:block; width:100%;}
.solution li h2{ text-align:center; font-size:18px; color:#333; background:rgba(255,255,255,.87); height:45px; line-height:45px; position:absolute; left:0; width:100%; top:50%; margin-top:-22px;}
.solution li.swiper-slide-next h2{ opacity:0;}
.sub-solu{ position:absolute;-webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; border:1px solid #e72229; padding:9px; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:155px; height:155px; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.subsub-solu{ display:table;-webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; background:#e72229; width:137px; height:137px; text-align:center; font-size:20px; color:#fff;}
.subsub-solu em{ margin:9px auto 0; display:block; font-weight:normal; width:6px; height:6px; border-right:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.line{ position:absolute; top:0; width:1px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);background:#e72229; opacity:0;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.solution li.swiper-slide-next .sub-solu,.solution li.swiper-slide-next .line{ opacity:1;}
.solutionlist{ position:relative;}
.so-prev,.so-next{position:absolute;display:block;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width: 60px;height: 60px;background-repeat:no-repeat;background-position:right center;cursor:pointer;margin-top: -26px;}
.so-prev{ background-image:url(../images/sleft.png); left:0}
.so-next{background-image:url(../images/sright.png);right:0;}
.so-prev:hover{ background-image:url(../images/slefth.png);}
.so-next:hover{ background-image:url(../images/srighth.png);}
.swiper-button-disabled{ opacity:0}

/*售后与服务*/
.after-sale{ font-size:14px; color:#666; line-height:30px; padding-top:65px;}
.saleimg img{ max-width:100%; height:auto !important}
.saleh2{ color:#333; line-height:1.1em; padding-bottom:10px;}
.download{ width:100%; overflow-x:scroll; padding-top:50px;}
.download th{ text-align:center; font-weight:normal; font-size:14px; color:#4c4c4c; height:40px; line-height:40px; background:#f2f2f2;}
.download td a{ color:#4c4c4c; padding:10px 0; display:block}
.download td{ border-bottom:1px solid #e6e6e6;}
.downbt{ display:block;font-size:14px; color:#fff; width:75px; height:30px; line-height:30px; text-align:center; background:#373737; margin:0 auto;}
.downbt img{ position:relative; top:3px; margin-right:3px;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.downbt:hover{ background:#e62129;}
.download thead tr th:nth-child(2n),.download tbody tr td:nth-child(2n){ text-align:left; padding-left:5%}
.download table{ min-width:600px;}

/*联系我们*/
.contactway{ padding-top:38px; font-size:14px; color:#666;}
.contactway a{ color:#666;}
.contactway ul{ margin:0; padding:12px 0 35px}
.contactway li{ list-style:none; width:50%; float:left;}
.contactmap{ border:3px solid #b4b4b4;}
.contactmap iframe{height:330px !important;display: block;}

/*关于我们*/
.xuzi-intro{ padding-top:50px; padding-bottom:25px;}
.xuzi-intro img,.xuzi-intro2 img{ display:block;width:100%; height:auto !important}
.xuzi-intro h2{ font-size:24px; color:#333; line-height:1.1em; margin-top:20px;}
.xuzi-intro2{ background:#5f5f5f; margin-top:15px;}
.xuzi-intro2 dd{ padding:25px 15px; color:#fff;}

.improve{ background:url(../images/aboutbg2.jpg) right top no-repeat; background-size:cover; padding-bottom:105px}
.improve  .content{ padding-bottom:0}
.aboutul{ margin:0; padding:0}
.aboutul li{ list-style:none; font-size:14px; color:#666; position:relative; padding-bottom:30px;}
.improvement{margin-top: 54px;position:relative;}
.year{color:#fff; text-align:center; width:90px; height:35px; line-height:35px; position:absolute; left:0; top:5px; display:block; font-style:normal}
.imtxt{ padding-left:105px;}
.prevspan,.nextspan{ display:none}
.culture{ width:100%;padding-top:36px;}
.cultureul{ padding:0; margin:-7px 0 0;}
.cultureul li{ text-align:center; font-size:16px; color:#666; line-height:30px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;  border-left:1px solid #e5e5e5; margin-left:-1px; list-style:none; padding-top:50px; height:352px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; padding-bottom:20px;}
.subculture{ width:118px; height:135px; display:table; line-height:40px; margin:0 auto; background-image:url(../images/about5.png); background-size:100% auto; font-size:30px; color:#fff; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.cultureul li p{max-width: 260px;margin:15px auto 0;}
.cultureul li:hover{ background:#e8e8e8}
.cultureul li:hover .subculture{background-image:url(../images/about6.png);}

.activebox{ max-width:1100px; overflow:hidden; position:relative}
.activebox ul{ margin:0; padding:0;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; width:99999px;}
.scrollimg li{ float:left; list-style:none; position:relative}
.activebox img{ display:block; width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.pagebox{ padding:0 30px; position:relative;width:100%;}
.subpagebox ul{ white-space:nowrap; font-size:0;}
.subpagebox li{ list-style:none; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.subpagebox{ width:100%; overflow:hidden}
.lSSlideOuter{ text-align:right;}
.pagebox .lSPrev,.pagebox .lSNext{ position:absolute; display:block; cursor:pointer; width:20px; height:100%;background-repeat:no-repeat; background-position: center center; background-size:100% auto; top:-3px}
.pagebox .lSPrev{ background-image:url(../images/alefth.png); left:0}
.pagebox .lSNext{ background-image:url(../images/arighth.png); right:0}
.subact{position:absolute;left:0;bottom:0;width:100%;padding:15px;background:rgba(51,51,51,.79);color:#fff;font-size:16px;display: table;text-align: left;}
.acth2{ font-size:20px; color:#343434; text-align:center; line-height:1.2em; padding-top:44px; padding-bottom:15px;}
.subpagebox li.active{border:2px solid #e62129;position: relative;top: 2px;}

.cer-list {margin:0 -7px;}
.cer-list a{display:block;text-align:center;padding-left:7px;padding-right:7px;margin-top: 18px;}
.cer-list a span{display:block;overflow:hidden;padding: 0 10px;}
.cer-list a img{ display:block; width:100%;}
.subcer{background:#fff;padding: 10px 0 0;border: 1px solid #cecece;}
.cer-list h3{font-size: 15px;color:#666;text-align:center;border-top:1px solid #e9e9e9;height:53px;display:table;width:100%;line-height:20px;background:url(../images/honorbg.jpg) left top no-repeat;background-size:100% auto;}
.cer-list h3 span,.patentpic a h2 span{ display:table-cell; vertical-align:middle}
.honor .pcpage{ text-align:center}

.partner-tab{ text-align:center; font-size:0; padding-top:44px;}
.partner-tab a{ display:inline-block; width:187px; height:45px; line-height:45px; position:relative; font-size:16px; color:#fff; background:#545454;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; margin:0 1px;}
.partner-tab a:hover,.partner-tab a.cur{ background:#e62129;}
.partner-tab a:hover:before,.partner-tab a.cur:before{content:"";width:0;height:0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 9px solid #e62129;top: 45px;position: absolute;left: 50%;margin-left: -8px;}
.partner{ width:100%; overflow:hidden;}
.partnerbox{padding:10px 0 0;margin:0 -5px;font-size: 0;}
.partnerbox li{list-style:none;margin-top:15px;padding-left:5px;padding-right:5px;display: inline-block;vertical-align: top;float: none;}
.partnerbox li a{ display:block; border:1px solid #d7d7d7; overflow:hidden; padding:1px;}
.partnerbox li img{ display:block; width:100%;}
.jobdl{ font-size:14px; color:#4c4c4c; line-height:24px; padding-top:37px;}
.jobdl img{ display:block; width:100%;}
.jobdl h2{ line-height:1.2em; color:#373737; font-size:20px; padding-bottom:16px; padding-top:30px;}
.joblist .pcpage{ text-align:center;}
.joblist h2{font-size:18px;color: #e62129;border-bottom:1px solid #e8e8e8;line-height:2em;padding-bottom: 10px;padding-top: 19px;}
.jobul{ margin:0; padding:0 0 26px;}
.jobul h3{ cursor:pointer; font-size:14px; color:#4c4c4c; height:59px; line-height:59px; background:url(../images/icon14.png) right 0 no-repeat;}
.jobul li{ border-bottom:1px solid #e6e6e6; list-style:none}
.jobdetail{ background:#fafafa; font-size:13px; color:#4c4c4c; padding:20px 10px; display:none}
.jobdetail h4{ font-size:14px; color:#4c4c4c; font-weight:bold;}
.jobsend{width:120px;height:35px;display:block;text-align:center;line-height:35px;font-size:16px;color:#fff;background: #e62129;margin-top:30px;}
.jobul li h3.cur{color: #e62129;background:url(../images/icon14.png) right -60px no-repeat;}

/*index*/
.next{display:block;background-color:#e62129;border: 3px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background-image:url(../images/index1.png);background-position:center center;background-repeat:no-repeat;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:54px;height:54px;bottom: 0;z-index:3; cursor:pointer}
.indexnav h2{ font-size:21px; color:#333; padding-left:39px; background:url(../images/index2.png) left center no-repeat; line-height:1.3em;}
.indexnav h2 span{ font-size:14px; color:#999; margin-left:10px;}
.indexnav{ position:relative;padding:8px 0 8px;}
.subinav{width:100%;overflow-x: scroll;}
.subinav p{white-space:nowrap;font-size:0; margin-top:10px; border-bottom:4px solid #ccc;}
.subinav p a{display:inline-block;font-size:16px;color:#666;border-bottom:4px solid #ccc;padding-bottom:9px;margin:0 25px;cursor:pointer; position:relative; top:4px;}
.subinav p a:hover,.subinav p a.cur{ color:#e62129;  border-bottom-color:#e62129;}
.subinav p a:last-child{margin: 0 0 0 25px !important;}
.indexproduct{ overflow:hidden;}
.subpro{ position:relative;}
.subpro a{ display:block;}
.subpro span{ display:block; overflow:hidden; background-repeat:no-repeat; background-size:cover;}
.subpro img{ display:block; width:100%;    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.subpro:hover img{    -webkit-transform: scale(1.1, 1.1);    -moz-transform: scale(1.1, 1.1);    -ms-transform: scale(1.1, 1.1);    -o-transform: scale(1.1, 1.1);    transform: scale(1.1, 1.1);}
.sub-indexsub .subpro:nth-of-type(1){ background-position:right bottom;}
.protxt h3{ font-size:20px; color:#333; line-height:1.1em; padding-bottom:6px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.protxt{ font-size:14px; color:#666; padding-bottom:30px; background-repeat:no-repeat; background-size:cover;}
.protxt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.protxt i,.solutxt i,.subcase i{display:block;background:url(../images/more2.png) no-repeat;width: 124px;height:38px;line-height:38px;font-size:14px;color:#686868;padding-left:14px;margin-top:17px;}
.sub-indexsub .subpro:nth-of-type(1) span{ background-image:url(../images/indexbg1.jpg);}
.sub-indexsub .subpro:nth-of-type(2) span{ background-image:url(../images/indexbg2.jpg);}
.sub-indexsub .subpro:nth-of-type(3) span{ background-image:url(../images/indexbg3.jpg);}
.sub-indexsub .subpro:nth-of-type(4) span{ background-image:url(../images/indexbg4.jpg);}
.sub-indexsub .subpro:nth-of-type(5) span{ background-image:url(../images/indexbg5.jpg);}
.indexpro{padding-top:32px;padding-bottom:70px;overflow: hidden;}

.indexsolu{ background:url(../images/indexbg6.jpg) center center no-repeat; background-size:cover; padding-top:36px;}
.indexsolu .subinav p a,.indexsolu .indexnav h2,.indexsolu .indexnav h2 span{ color:#fff;}
.indexsolu .subinav p a:hover,.indexsolu .subinav p a.cur{ color:#e62129}
.index-solubox{position:relative}
.sub-solubox{max-width:1050px;margin:0 auto;overflow:hidden;padding-top: 80px;}
.sub-solubox ul{margin:0;padding:0;width:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-left: -10px;white-space: nowrap;width: 9999px;}
.sub-solubox li{list-style:none;background:url(../images/indexbg7.png) top left no-repeat;background-size:100% 100%;padding-bottom: 125px;display: inline-block;}
.sub-solubox li a{ display:block; font-size:14px; color:#666; text-align:center;}
.sub-solubox li img{ display:block; width:100%;}
.solutxt h2{ font-size:18px; color:#333; line-height:1.1em; padding:20px 0 3px;}
.solutxt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:48px;}
.solutxt i{ margin:11px auto 0; text-align:left;}
.solutxt{padding: 0 20px;white-space: normal;}
.indexsolu .lSPrev,.indexsolu .lSNext{position:absolute;display:block;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:1px solid #ccc;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin-top: -25px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.indexsolu .lSPrev{ background-image:url(../images/indexleft.png); left:10px;}
.indexsolu .lSNext{ background-image:url(../images/indexright.png); right:10px;}
.indexsolu .lSPrev:hover,.indexsolu .lSNext:hover{ border-color:#e62129}
.indexsolu .lSPrev:hover{ background-image:url(../images/indexlefth.png);}
.indexsolu .lSNext:hover{ background-image:url(../images/indexrighth.png);}
.indexsolu .pagebox{ display:none;}

.sub-solubox li{ -webkit-transform: perspective(600px) rotateY(-20deg); -moz-transform: perspective(600px) rotateY(-20deg); -ms-transform: perspective(600px) rotateY(-20deg); -o-transform: perspective(600px) rotateY(-20deg);transform: perspective(600px) rotateY(-20deg);}
.indexsolu .subinav p a{margin:0 !important;padding: 0 25px 9px;}
.subtab{ display:none;}
.tab .subtab:nth-of-type(1){ display:block}

.indexcase{ padding-top:35px; padding-bottom:60px;}
.casebox{ margin:0 -2px;}
.allcase{ padding-top:15px;}
.subcase{padding:0 2px; margin-top:15px;}
.subcase a{ display:block; overflow:hidden; position:relative}
.subcase img{ display:block; width:100%;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.subcase h2{ color:#fff; position:absolute; width:100%; left:0; bottom:0; font-size:16px; height:40px; line-height:40px; padding:0 15px; background:#474747; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.subcase i{ display:none}
.subcase :hover img{-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}

.indexpartner{ background:url(../images/indexbg8.jpg) center center no-repeat; background-size:cover; padding-top:44px; padding-bottom:70px}
.indexpartner .indexnav h2,.indexpartner .indexnav h2 span{ color:#fff;}
.indexpartner .indexnav{ border-bottom:4px solid rgba(255,255,255,.19);}
.seemore{font-size:14px;color:#999;float:right;padding-top: 10px;}
.subpage5{ max-width:980px; margin:0 auto;}
.fang{list-style:none;float:left;position: relative;outline: 1px solid transparent;background:rgba(255,255,255,100);width: 14.5%;padding-bottom: 14.5%;transform: rotate(-45deg);margin-left: 6.15%;margin-top: -4.1%;}
.fang a{display:block;width: 110%;height: 110%;text-align: center;color: #fff;overflow: hidden;transform:rotate(45deg);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.fang a p{display: table;vertical-align:middle;width: 100%;height: 100%;}
.fang a span{ display:table-cell;vertical-align:middle;}
.fang a img{ display:block; width:100%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.fang:nth-of-type(12n+1){margin-left: 0;}
.fang:nth-of-type(12n+6),
.fang:nth-of-type(12n+7),
.fang:nth-of-type(12n+8),
.fang:nth-of-type(12n+9){left: 4.2%;}
.fang:nth-of-type(12n+10),
.fang:nth-of-type(12n+11),
.fang:nth-of-type(12n+12){left: 14.55%;}
.fang:nth-of-type(1),.fang:nth-of-type(2),.fang:nth-of-type(3),.fang:nth-of-type(4),.fang:nth-of-type(5){ margin-top:0}
.fang:nth-of-type(11){ background:#3f3f3f}
.fang:hover img{ -transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.subpage5{ padding:70px 0 0}
.subpage5 ul{padding:0;margin:0;left: 2%;position: relative;}

.indexabout{ padding-top:40px; padding-bottom:60px;}
.indexabout .indexnav{ border-bottom:4px solid #ccc;}
.inabout a{ display:block; font-size:14px; color:#666;}
.inabout img,.aimgbox img{ display:block; width:100%; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.inabout:hover img,.asub-solubox li:hover img{    -webkit-transform: scale(1.1, 1.1);    -moz-transform: scale(1.1, 1.1);    -ms-transform: scale(1.1, 1.1);    -o-transform: scale(1.1, 1.1);    transform: scale(1.1, 1.1);}
.sub-indexsub .subpro:nth-of-type(1){ background-position:right bottom;}
.inabout span{ display:block; overflow:hidden;}
.subaboout{ padding-top:50px;}
.inabout h3{ font-size:20px; color:#333; line-height:1.1em; padding-top:22px; padding-bottom:13px;}
.inabout i{ color:#fff; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#e62129; width:110px; height:35px; text-align:center; line-height:35px; margin-top:23px;}
.innew ul{ margin:0; padding:20px 0 0}
.innew li{ list-style:none; border-bottom:1px  dotted #999; padding-top:20px; padding-bottom:20px;}
.innew li a{ display:block; font-size:12px; color:#666; line-height:20px; position:relative; padding-left:90px;}
.innew li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newtxt h3{ font-size:16px; color:#333; padding-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.indate{ position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); border:1px solid #fff; color:#ccc; text-align:center; height:83px; width:75px;}
.indate span{ display:block; font-size:60px; line-height:1.1em;}
.indate i{ display:block; position:relative; top:-11px}
.innew li:hover a,.innew li:hover h3,.innew li:hover .indate{ color:#e62129;}
.innew li:hover .indate{ border-color:#e62129}
.addmasker{ display:none;}

.detailbox,.xuzi-intro dd,.xuzi-intro2 dd,.newlist dd,.after-sale{ text-align:justify}

/*侧漂*/
.float{ display:none;}

.flex-prev,.flex-next{position:absolute;background-size: 13px auto;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:1px solid #fff;width: 40px;height: 40px !important;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-position:center center;z-index:7;cursor:pointer;background-repeat:no-repeat;overflow:hidden;line-height:9999px;margin-top: -15px;}
.flex-prev{ background-image:url(../images/bleft.png); left:15px;}
.flex-next{ background-image:url(../images/bright.png); right:15px;}

/*20180315*/
.asub-solubox{ max-width:930px; margin:0 auto; overflow:hidden;}
.asub-solubox li{float:left;list-style:none;cursor:pointer;}
.aimgbox img{ display:block; width:100%;}
.index-solubox{ padding:40px 20px}
.asub-solubox ul{ margin:0; padding:0}
.asub-solubox li a{display:block;position:relative;border:1px solid rgba(255,255,255,.2);width: 100%; overflow:hidden;}
.aimgbox{ position:relative}
.aimgbox:after{ content:""; display:block; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.15); position:absolute; opacity:1}
.atitle{ color:#fff; font-size:16px; position:absolute; text-align:center; width:100%; top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); z-index:3}
.acon{ position:absolute; width:100%; height:100%; left:0; top:0; color:#fff; z-index:4; text-align:center;-webkit-transform: translateY(0) translateX(0) scale(0.25); -moz-o-transform: translateY(0) translateX(0) scale(0.25); -o-transform: translateY(0) translateX(0) scale(0.25); -ms-transform: translateY(0) translateX(0) scale(0.25); transform: translateY(0) translateX(0) scale(0.25); -webkit-transition: all 0.35s; -o-transition: all 0.35s; -ms-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; background:rgba(126,18,23,.87); opacity: 0;}
.sub-acon{ padding:0 10px; max-width:210px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.bcon{ font-size:14px; color:#fff; line-height:24px;isplay: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.btitle{ font-size:16px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:6px;}
.sub-acon i{display:block;background:url(../images/more1.png) no-repeat;width: 124px;height:38px;line-height:38px;font-size:14px;color:#fff;padding-left:14px;margin-top:17px; text-align:left; margin:13px auto 0;}

.nav ul li.thelaseli{border-bottom:none;color:#333;font-size: 18px;line-height:30px;padding-top:30px;text-align:center;letter-spacing: 12px;margin-left: -42px;}
.nav{ overflow-y:scroll;}

/*20180316*/
.leaders ul{ padding:15px  0 0; margin:0}
.leaders ul li{list-style:none; position:relative; -webkit-box-shadow:0 0 7px rgba(0,0,0,.23); -moz-box-shadow:0 0 7px rgba(0,0,0,.23); -ms-box-shadow:0 0 7px rgba(0,0,0,.23); -o-box-shadow:0 0 7px rgba(0,0,0,.23); box-shadow:0 0 7px rgba(0,0,0,.23); margin-top:20px; display:table; width:100%;}
.imgboxx img{ display:block; width:100%;}
.introboxx h2 img{position:relative;top: 12px;margin-left:15px;}
.introboxx{ text-align:justify; font-size:14px; color:#666; line-height:30px; padding-left:10px; padding-right:10px; padding-bottom:20px;}
.introboxx h2{color:#333;font-size:18px;margin-bottom: 6px; text-align:left}
.imgboxx{ overflow:hidden;}
.caasedl dt,.prodl dt,.encryption dt,.self-help dt,.solution li a,.case-intro dt,.xuzi-intro dt,.xuzi-intro2 dt,.partnerbox li span,.jobdl dt{ display:block; overflow:hidden;}
.caasedl dt img,.prodl dt img,.encryption dt img,.self-help dt img,.solution li a img,.case-intro dt img,.xuzi-intro dt img,.xuzi-intro2 dt img,.cer-list a span img,
.partnerbox li img,
.jobdl dt img,
.imgboxx img{-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.caasedl dt:hover img,.prodl:hover dt img,.encryption:hover dt img,.self-help:hover dt img,.solution li:hover a img,.case-intro:hover dt img,.xuzi-intro:hover dt img,.xuzi-intro2:hover dt img,
.cer-list a:hover span img,
.partnerbox li:hover img,
.jobdl:hover dt img,
.leaders ul li:hover .imgboxx img{-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}

.enen{position:absolute;right: 28px;height:60px;background:url(../images/global.svg) left no-repeat;line-height:60px;top:0;width: 70px;padding-left: 23px;text-align: center;font-size: 16px;background-position: left;
    background-size: 18px;}

@media (max-width: 640px){
.solution li.swiper-slide-next .sub-solu,.solution li.swiper-slide-next .line,.solution li h2{ opacity:0;}
.solution li.swiper-slide-active .sub-solu,.solution li.swiper-slide-active .line{ opacity:1;}
.solution{ padding-top:50px;}
.so-prev,.so-next{width:40px;height:40px;background-size:40px 40px;margin-top: -48px;}
.contactway li{ width:100%;}

.subneed{-webkit-border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px;border-radius: 25px;}
.introboxx h2 img{ width:150px;}
}

@media (max-width: 420px){
	.cultureul li{ width:100%;}	
	.partner-tab a{ width:45%;}
	.spul2 li{ width:100%;}
	.trait{ min-height:inherit !important; height: auto !important}
	.caseul li{ width:100%;}
	.subcaseul{ height: auto !important}
}

@media (max-width: 350px){
	.nav ul li.thelaseli{ letter-spacing:6px; padding:30px; margin-left:-60px;}
}



/*ipad竖版区域*/
@media (min-width: 768px){
	
	/*20180316*/
	.imgboxx{ width:38.3333%; display:table-cell;}
	.introboxx{ padding-left:35px; width:62%; display:table-cell; vertical-align:middle; padding-right:35px; padding-bottom:0}
	.introboxx h2{ font-size:24px;}
	.leaders ul li{ margin-top:45px;}
	.leaders ul{ padding:0}
	
	/*20180315*/
	.atitle,.btitle{ font-size:24px;}
	.asub-solubox li:hover .aimgbox:after,.asub-solubox li:hover .atitle{ opacity:0}
	.asub-solubox li:hover .acon{-webkit-transform: translateY(0) translateX(0) scale(1); -ms-transform: translateY(0) translateX(0) scale(1); -o-transform: translateY(0) translateX(0) scale(1); transform: translateY(0) translateX(0) scale(1); opacity:1}
	.indexsolu .lSPrev, .indexsolu .lSNext{ width:60px; height:60px;}
	
	
	/*新闻中心*/
	.newlist dl dt{ width:35%; float:left;}
	.newlist dd{ float:left; width:65%;}
	.newlist dd a{ padding-left:4%}
	.newlist dd h3{ padding-top:0}
	
	/*成功案例*/
	.caselist h3{font-size:22px; margin-top:0}
	.caselist dt{ float:left; width:41.5%}
	.caselist dd{width:58.5%;position: absolute;right: 0;top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%);margin-top: -2%;}
	.caselist dd a{ padding-left:11%}
	
	.caasedl dt{ float:right; width:43.75%;}
	.caasedl dd{float:left;width:56.25%;padding-right: 6%;position:absolute;left:0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);margin-top: -5%;}
	.case-num{ width:116px; height:116px; line-height:116px;}
	
	.case-intro dt{ float:left; width:34%;}
	.case-intro dd{ width:66%;position: absolute;right: 0;top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%); padding-right:12%; margin-top:-1%}
	.case-intro h3{ margin:0 0 15px;}
	
	/*产品中心*/
	.prodl dt{ float:right; width:43.75%;}
	.prodl dd{ position:absolute; width:56.25%; right:auto; left:0; height:100%; padding-right:11%;}
	.prodl dd a{ display:table; vertical-align:middle; width:100%; height:100%; padding-bottom:50px;}
	.product .probox:nth-child(2n) dt{ float:left;}
	.product .probox:nth-child(2n) dd{ left:auto; right:0; padding-right:0; padding-left:11%;}
	.product .probox{ padding:10px 15px;}
	.encryption h2{ font-size:35px;}
	.encryption dt{ width:42.5%; float:left;}
	.encryption dd{ width:57.5%; float:left; padding-left:4.5%;}
	.enimg{float:right; width:49%; margin-left:4%}
	.self-help dt{ width:44%; float:left;}
	.self-help dd{ width:56%; position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%); margin-top:-2%}
	.sp-nav{ overflow:hidden;}
	.sp-nav a{ width:25%;}
	
	/*售后与服务*/
	.saleimg{ float:right; width:56.25%; margin-left:30px;}
	.download{ overflow:hidden;}
	
	.contactmap iframe{ height:610px !important}
	
	/*关于我们*/
	.xuzi-intro dt{ width:37%; float:left;}
	.xuzi-intro dd{ width:63%; float:left; padding-left:4%; display:table;}
	.xuzi-intro:nth-child(2n) dd{padding-right:4%;padding-left:0;}
	.xuzi-intro:nth-child(2n) dt{ float:right;}
	.xuzi-intro2 dt{ float:left; width:62%;}
	.xuzi-intro2 dd{ float:left; width:38%; display:table}
	.xuzi-intro2 dd p{ max-width:312px; margin:0 auto;}
	
	.aboutul{ position:relative; padding:40px 0 0; height:793px; overflow:hidden;}
	.improvement:before{left:50%;margin-left:-.5px;content:"";position:absolute;height:100%;width:1px;background: #4a4a4a;top:0;}
	.year{ top:0}
	.date{width:127px;height:35px;left: 50%;padding-left:90px;position:absolute;top:0;margin-left: -138px;}
	.yuan{background: #edf0f4;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;height:24px;width:24px;top:50%;border-width:1px;border-style:solid;margin-top:-12px;right: -24px;border-color: #626262;}
	.yuan span{display:block;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin:0 auto;width:8px;height:8px;position:relative;top:7px;background: #626262;}
	.xian{width: 100%;height: 1px;top:50%;margin-left: 0;margin-top: -.5px;display: block;position: relative;background: #626262;}
	.imtxt{padding-left:35px;width:50%;float:right;padding-top: 5px;}

	.subtxt{max-width:490px;float:left;line-height: 18px;}
	.aboutul li:nth-child(2n) .date{padding-left:0;padding-right:90px;margin-left: 13px;}
	.aboutul li:nth-child(2n) .year{ left:auto; right:0;}
	.aboutul li:nth-child(2n) .yuan{left: -25px;right:auto;}
	.aboutul li:nth-child(2n) .imtxt{ float:left; padding-right:35px;}
	.aboutul li:nth-child(2n) .subtxt{float:right;}
	.prevspan,.nextspan{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#727272;display:block;width:40px;height:40px;margin:0 auto;padding-top: 13px; cursor:pointer; position:relative; z-index:3}
	.prevspan img,.nextspan img{ display:block; margin:0 auto;}
	.prevspan:hover,.nextspan:hover{background: #e62129;}

	
	.pagebox{padding:0 40px;width:600px;float: right;height: 75px;right: 10px;top: -75px;}
	.pagebox .lSPrev,.pagebox .lSNext{ width:25px;}
	.pagebox .lSPrev{ background-image:url(../images/aleft.png);}
	.pagebox .lSNext{ background-image:url(../images/aright.png);}
	.pagebox .lSPrev:hover{ background-image:url(../images/alefth.png); }
	.pagebox .lSNext:hover{ background-image:url(../images/arighth.png); }
	.subact{height:85px;padding-right: 610px;}
	
	.jobdl dt{ float:right; width:39.5%;}
	.jobdl dd{float:left;width:60.5%;padding-right: 4%;}
	
	.jobdetail{ padding:30px 40px 35px;}
	
	/*index*/
	.casebox .subcase{ width:25%; float:left; margin-top:0}
	.casebox .subcase:nth-of-type(1){ width:50%;}
	.casebox .subcase:nth-of-type(4),.casebox .subcase:nth-of-type(5){ margin-top:4px;}
	.subcase h2 i{ opacity:0}
	.allcase{ padding-top:45px;}
	.subcase i{ position:absolute; right:15px; bottom:12px; background:url(../images/more1.png) no-repeat; color:#fff; display:block;}
	.inabout{ width:50%; padding-right:10px; float:left;}
	.innew{ width:50%; padding-left:10px; float:left;}
	.innew ul{ padding:0}
	.subcase h2{ -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; padding:0 15px;}
	
	.indexnav h2 span{ font-size:16px;}
}


/*ipad横版区域*/
@media (min-width: 991px) {
	/*head*/
	body{ padding-top:0}
	.head{height: 102px; position:static}
	.head h1 img{ width:176px;}
	.pc-nav{float:right;margin:0;padding: 44px 60px 0 0;}
	.pc-nav li{ float:left; list-style:none; margin-left:35px; font-size:15px;}
	.pc-nav li>a{ display:block; color:#333; padding:17px 0; position:relative;}
	.pc-nav li>a:before{ content:""; position:absolute; height:3px; width:0; left:50%; bottom:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); display:block; background:#e62129; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;}
	.pc-nav li:hover a,.pc-nav li a.cur{ color:#e62129; width:100%;}
	.pc-nav li:hover a:before,.pc-nav li a.cur:before{ width:100%;}
	
	/*index*/
	.banner-slide li{background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%;}
	.banner-slide li img{ display:none;}
	
	/*foot*/
	.foot-con{padding: 20px 15px;}
	.foot-link{float:left;width: 15.3%;border-right: 1px solid rgba(255,255,255,.03);border-bottom:none;overflow:visible;height: 224px;}
	.sub-foot{padding-bottom: 53px;overflow:hidden;float: left;width: 100%;padding-top: 20px;}
	.sub-foot .foot-link:nth-of-type(6){ margin-right:0}
	.sub-foot>dl{ border-bottom:none}
	.sub-foot dt{font-size: 18px;line-height:24px;margin-bottom: 27px;}
	.sub-foot dd a:hover{color: #e62129;}
	.sub-foot dt:after{ display:none;}
	.sub-foot dd{ visibility:visible; z-index:1; top:0; position:static; padding-bottom:0;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;transform: none;}
	.sub-foot dl{ position:relative; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); float:left;}
	.foot .commonweb{position:relative;padding-right: 10%;}
	.footcode{position:absolute;right:15px;top: 54px;margin:0;}
	.sub-foot .foot-link:nth-of-type(1){width: 10.6%;}
	.sub-foot .foot-link:nth-of-type(2){width: 24.4%;}
	.sub-foot .foot-link:nth-of-type(1) dl{ left:0; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	
	/*inside*/
	.insidepc{ border-bottom:1px solid #d5d5d5; height:74px; line-height:73px;}
	.insidepc .commonweb{position:relative;padding-left: 145px;}
	.insidepc h2{position:absolute;left:0;top:0;height:73px;width: 145px;color:#fff;background:#373737;font-size: 25px;text-align:center;}
	.insidepc a{ display:block; float:left; height:73px; padding:0 9px; position:relative; top:1px; margin-right:10px; font-size:16px;}
	.insidepc a:last-child{ margin:0}
	.insidepc a:hover,.insidepc a.cur{ border-bottom:2px solid #e62129;  color:#e62129;}
	
	/*新闻中心*/
	.indexnew{ padding-top:0}
	.newlist dd h3{padding-top:20px;font-size: 20px;}
	.newlist dl:nth-of-type(1){ padding-top:25px}
	.newdetail{margin-top:40px;margin-bottom: 62px;}
	.page { padding-top:40px;}
	.newtitle h2{ font-size:22px;}
	
	/* 成功案例*/
	.caselist dd{ font-size:16px; line-height:30px;}
	.cesedetailh2,.caseh3{ font-size:24px; margin-top:0}
	.caseul{ margin:0 -13px;}
	.caseul li{ padding-left:13px; padding-right:13px;}
	.caseneed li{ width:20%}
	.encryption dd{ padding-top:50px;}
	.spul1 li{padding-left: 35px;padding-right: 35px;}
	.spul2{ margin:0 -15px;}
	.spul2 li{ padding-left:15px; padding-right:15px;}
	.spul2 li img{ width:123px;}
	
	/*解决方案*/
	.soluh2{ font-size:30px;}
	.saleh2{ font-size:24px;}
	
	/*关于我们*/
	.xuzi-intro h2{ font-size:30px;}
	
	.year{font-size:26px;width:113px;height:46px;line-height:46px;background: #626262;}
	.date{width:150px;padding-left:113px;height:46px;margin-left: -162px;}
	.aboutul li:nth-child(2n) .date{padding-left:0;padding-right:113px;}
	.imtxt{padding-top: 13px;}
	.acth2{ font-size:24px;}
	.joblist h2{ font-size:24px;}
	
	/*index*/
	.banner-slide .flex-control-nav{ bottom:80px;}
	.banner-slide{ padding-bottom:36px;}
	.next{ width:72px; height:72px;}	
	.indexnav h2{ font-size:32px;}
	.indexnav h2{  position:absolute; left:0; top:8px;}
	.indexnav{padding: 8px 0 8px 270px;height:73px;border-bottom:4px solid #ccc;}
	.subinav{ height:73px;}
	.subinav p{position:relative;top:28px;float:right;border-bottom:none;margin: 0;}
	.subinav p a{ top:0}
	.subpro img{ width:100%; max-width:374px;}
	
	.sub-indexsub .subpro:nth-of-type(1),
	.sub-indexsub .subpro:nth-of-type(2),
	.sub-indexsub .subpro:nth-of-type(4){ width:50%;}	
	.sub-indexsub .subpro:nth-of-type(3){ width:24%;}	
	.sub-indexsub .subpro:nth-of-type(5){ width:26%;}
	.sub-indexsub .subpro:nth-of-type(1) img,
	.sub-indexsub .subpro:nth-of-type(4) img{ float:right;}	
	.subpro{ float:left; height:374px; overflow:hidden;}
	.protxt{ position:absolute; max-width:240px;}
	.sub-indexsub .subpro:nth-of-type(1) h3,
	.sub-indexsub .subpro:nth-of-type(5) h3{  color:#fff;}
	.sub-indexsub .subpro:nth-of-type(1) .protxt,
	.sub-indexsub .subpro:nth-of-type(4) .protxt{top: 25%;left:8%;}
	.sub-indexsub .subpro:nth-of-type(2) .protxt{top: 25%;right: 8%;}
	.sub-indexsub .subpro:nth-of-type(1) .protxt,
	.sub-indexsub .subpro:nth-of-type(5) .protxt{ color:#fff;}
	.sub-indexsub .subpro:nth-of-type(1) .protxt i,
	.sub-indexsub .subpro:nth-of-type(5) .protxt i{ color:#fff; background:url(../images/more1.png) no-repeat;}
	.protxt h3{ margin-top:0}
	.sub-indexsub .subpro:nth-of-type(3) .protxt,
	.sub-indexsub .subpro:nth-of-type(5) .protxt{ position:static; text-align:center; margin:0 auto;}
	.sub-indexsub .subpro:nth-of-type(3) .protxt i,
	.sub-indexsub .subpro:nth-of-type(5) .protxt i{ display:none;}
	.sub-indexsub .subpro:nth-of-type(3) span,
	.sub-indexsub .subpro:nth-of-type(5) span{ background-image:none;}
	.sub-indexsub .subpro:nth-of-type(3){ background-image:url(../images/indexbg3.jpg);}
	.sub-indexsub .subpro:nth-of-type(5){ background-image:url(../images/indexbg5.jpg);}
	.sub-indexsub .subpro:nth-of-type(5) .protxt{ margin-top:-20px;}
	
	.indexsolu .subinav p a{padding:0 0 9px;margin: 0 15px !important;}
	.seemore{ padding-top:21px;}
	.subpage5{ left:1%}
	
	.sub-indexsub .subpro:nth-of-type(5) .protxt p,
	.sub-indexsub .subpro:nth-of-type(3) .protxt p{-webkit-line-clamp: 1;}
	
	/*侧漂*/
	.float{ display:block; position:fixed; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:5%; z-index:999;}
	.index-nav{margin:0;padding:0;width:30px;padding-left: 5px;}
	.index-nav li{  position:relative; font-size:16px; color:#fff; cursor:pointer; margin-top:13px; list-style:none}
	.index-nav li em{ background:url(../images/dot01.png) no-repeat; width:19px; height:20px; position:relative; z-index:3; display:block;}
	.index-nav li span{display:block;position:absolute;height:28px;line-height: 26px;background:#e62129;right: -1px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;white-space:nowrap;z-index:1;top: -4px;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;width:0;overflow:hidden;}
	.index-nav li:hover span,.index-nav li.active span{ width:120px; padding-left:20px;}
	.share{width:30px;height:75px;margin-top: 11px;}
	#share a{ margin:0 0 7px; padding:0; width:30px; height:30px;}
	#share a.bds_weixin{ background:url(../images/dot2.png) no-repeat}
	#share a.bds_sqq{ background:url(../images/dot3.png) no-repeat}
	
	.casebox .subcase:nth-of-type(1) h2,.casebox .subcase:nth-of-type(1) h2 i{ opacity:1}
	.casebox .subcase:nth-of-type(1) h2{ padding-right:140px;}
	.subcase h2{ opacity:0; font-size:18px; height:65px; line-height:65px;}
	.casebox .subcase:hover h2{ opacity:1;}
	
	.indexsolu .subinav p{ float:left;}
	
	.enen{ top:43px;}
	.pc-nav{ padding-right:90px;}
}



/*PC区域*/
@media (min-width: 1200px){
	/*head*/
	.head h1{ left:0}
	
	/*foot*/
	.footcode{right:0}
	
	/*inside*/
	.insidepc .commonweb{padding-left: 250px;}
	.insidepc h2{width:190px;font-size: 30px;}
	.insidepc a{ margin-right:20px;}
		
	/*新闻中心*/
	.newlist dd h3{ font-size:26px; line-height:26px; padding-top:28px;}
	.newlist dd i,.caselist dd i{ margin-top:28px;}
	.newdetailbox{ padding:0 35px; box-shadow:0 1px 8px rgba(0,0,0,.16);}
	.newtitle{line-height: 35px;}
	.newtitle h2{font-size: 30px;}
	.operation{padding-top: 30px;padding-bottom: 37px;}
	
	/* 成功案例*/
	.caselist h3{ font-size:30px;}
	.cesedetailh2,.caseh3{ font-size:30px;}
	.caseneed{  margin:0 -10px;}
	.caseneed li{ padding-left:10px; padding-right:10px;}
	.subsubneed{ padding:20px 25px;}
	
	/*产品*/
	.encryption h2{ font-size:48px;}
	.encryption dt{ padding-left:20px;}
	.encryption dd{ padding-top:75px;}
	.self-help{ padding-left:34px;}
	.spul1 li{ padding-left:60px; padding-right:60px;}
	.trait h3{ font-size:24px;}
	.proh2{ font-size:24px;}
	
	/*解决方案*/
	.soluh2{ font-size:36px;}
	/*关于我们*/
	.xuzi-intro h2{ font-size:36px;}
	.xuzi-intro dd{ min-height:315px;}
	
	.aboutul li{padding-bottom: 72px;}
	.subact{ font-size:20px;}
	.pagebox{ right:25px;}
	.acth2{ font-size:30px;}
	
	.cer-list {margin: 0 -10px;}
	.cer-list a{display:block;text-align:center;padding-left: 10px;padding-right: 10px;}
	
	.jobdl h2{ font-size:24px;}
	
	/*index*/
	.indexnav h2{ font-size:36px;}
	.indexnav h2 span{ font-size:18px;}
	.protxt h3{ font-size:30px;}
	
	.solutxt h2{ font-size:24px;}
	.indexsolu .lSPrev{ left:0px;}
	.indexsolu .lSNext{right:0px;}
	
	.indexnav{padding:8px 0 8px 360px;}
	.subinav{ overflow:hidden;}
	.indexsolu .subinav p a{ margin:0 20px !important;}
	.casebox .subcase:nth-of-type(1) h2{ padding:0 30px;}
	
	.inabout{ padding-right:20px;}
	.inabout h3{ font-size:24px;}
	.innew{ padding-left:20px;}
	
	.flex-prev,.flex-next{ width:60px; height:60px !important; background-size:20px auto;}
	
	.detailbox{ font-size:16px; line-height:26px;}
}


@media (min-width: 1280px){.pc-nav{ padding-right:60;}}
@media (min-width: 1400px){.pc-nav{ padding-right:0;}}