body{ min-width:320px; padding-top:53px;}
body,html{ height:100%; min-height:101%;}
.main{ min-height:100%;  position:relative; z-index:4; overflow:hidden;}
.overflow{ overflow:hidden;}

/*head*/
.head{ border-top:3px solid #af0000; background:#fff; position:fixed; width:100%; left:0; top:0; min-width:320px; z-index:9}
.head h1{ float:left; }
.head h1 img{ display:block; height:50px;}
.nav-bt{float:right;height:44px;width: 44px;background-image:url(../images/nav01.png);background-size: 26px auto;background-position: center center;position: relative;right: -8px;top: 3px;}
.nav-bt.cur{background-image:url(../images/nav01c.png)}
.head-nav{ position:absolute; left:0; top:50px; line-height:45px; background:#fff;width:100%; z-index:9; overflow-y:auto;}
.head-nav li{  border-bottom:1px solid #b9b9b9; padding-left:10px; position:relative;}
.head-nav li a{ display:block;}
.head-nav ul{ -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.2); -ms-box-shadow: inset 0 2px 2px rgba(0,0,0,.2); -o-box-shadow: inset 0 2px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.2); box-shadow: inset 0 2px 2px rgba(0,0,0,.2);}


/*foot*/
.foot{ background:#2a2a2a;position:relative; z-index:5}
.foot-top{ overflow:hidden;}
.foot-left{line-height:22px; color:#ddd;}
.foot-left h2{ font-size:18px; line-height:30px; padding:15px 0 8px;}
.foot-right{ padding:20px 0; overflow:hidden}
.footp{width:23.7%; float:left; text-align:center; color:#fff;}
.footp img{display:block; margin-bottom:6px; max-width:100%;}
.right-txt{ float:left; width:76.3%; font-size:13px; color:#fff; line-height:25px; position:relative; top:-2px; padding-left:15px;}
.right-txt a{ color:#fff;}
.right-txt h2{ font-size:15px; color:#fff;}
.foot-bottom{ border-top:1px solid #505050; color:#ddd; text-align:center; padding:10px 0; }
.foot-bottom a{ color:#ddd; padding:0 13px;}
.foot-bottom span{display:block;}
.foot-bottom span a{ padding:0; display:block;}

/*thesame*/
.insidebanner{ position:relative;}
.insidebanner img{ display:block; width:100%; max-width:100%; margin:0 auto;}
.insidenav { background:#fff; -webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -o-box-shadow:0 1px 10px rgba(0,0,0,.1); -ms-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1); line-height:38px; position:relative;}
.insidenav a{ display:block; padding-left:10px; border-bottom:1px solid #ddd; background:#fff; color:#1a1a1a;}
.insidenav p{ position:absolute; width:100%; left:0; top:40px; z-index:33;}
.insidenav span em{background: url(../images/img15.png) right center no-repeat; display:block;background-size: 16px auto; width:16px;  height:39px; right:10px; top:0; position:absolute; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.insidenav span.cur em{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.bread{ line-height:45px; padding-top:20px;}
.bread .commonweb{ border-bottom:1px solid #ccc;}
.bread p{ float:right; font-size:13px;}
.bread p a{ color:#666;}
.bread p a:nth-of-type(1){ background:url(../images/home.png) left center no-repeat; padding-left:25px;}
.bread p a:last-child{ color:#af0000;}
.bread h2{ font-size:20px; color:#1a1a1a;}
.content{ padding:22px 10px 25px;}
.contentbox{ background:#fff; -moz-box-shadow: 0px 3px 5px rgba(0,0,0,.2); -ms-box-shadow: 0px 3px 5px rgba(0,0,0,.2); -o-box-shadow: 0px 3px 5px rgba(0,0,0,.2); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.2);box-shadow: 0px 3px 5px rgba(0,0,0,.2); padding:20px 10px;}
.page{ width:100%; text-align:center; padding-top:30px;}
.page img{max-width:100%;}
.main{ padding-bottom:381px;}
.foot{ margin-top:-381px;}

/*企业介绍*/
.about-intro{ color:#1a1a1a; line-height:24px; position:relative;}
.about-intro img{ display:block; max-width:100%; margin:0 auto;}

/*企业文化*/
.about-culture img{ width:100%;}
.culture-txt h2{ font-size:16px; color:#af0000; position:relative;}
.culture-txt h2:after{ content:""; position:absolute; height:1px; width:25px; background:#aaa; left:-40px; top:50%; margin-top:-.5px;}
.culture-txt li{ padding-left:40px; margin-top:15px;}
.hot-label{ margin-top:20px;}
.hot-label>p{ padding-bottom:7px;}
.hot-label>p:last-child{ padding-bottom:0}
.hot-label span{ font-size:16px; font-weight:bold;}
.hot-label a{ position:relative; padding:0 10px; border-left:1px solid #999;}
.hot-label a:nth-of-type(1){ padding:0 15px 0 0; border:none;}
.hot-label a:hover{color:#af0000;}

/*联系我们*/
.contact-h2{ font-size:16px; line-height:45px; border-bottom:1px solid #ccc; color:#333;}
.contact-left h3{ font-size:18px; color:#1a1a1a; padding:25px 0 0;}
.contact-left li{ padding-left:34px; background-repeat:no-repeat; background-position:left 3px; color:#1a1a1a; line-height:24px; margin-top:12px;}
.contact-left li:nth-of-type(1){ background-image:url(../images/about04.jpg);}
.contact-left li:nth-of-type(2){ background-image:url(../images/about05.jpg);}
.contact-left li:nth-of-type(3){ background-image:url(../images/about05.jpg);}
.contact-left li:nth-of-type(4){ background-image:url(../images/about06.jpg);}
.contact-left li:nth-of-type(5){ background-image:url(../images/about07.jpg);background-position:left 5px; }
.contact-left li:nth-of-type(4){ background-image:url(../images/about05.jpg);}
.contact-left li:nth-of-type(5){ background-image:url(../images/about05.jpg);background-position:left 3px; }
.contact-right{ padding-top:25px;}
.contact-right li{ margin-top:14px; width:100%;}
.contact-right li span{ display:block; color:#1a1a1a; line-height:25px;}
.form-ul input{ border:1px solid #ccc; height:38px; color:#1a1a1a; padding:10px 8px;}
.form-ul input,.form-ul textarea{ width:100%;}
.form-ul textarea{ border:1px solid #ccc; padding:8px; height:121px; display:block;}
.resetbt,.submitbt{ width:101px; height:33px; line-height:33px; text-align:center; background:#a4a4a4; color:#fff; margin-top:14px; cursor:pointer}
.submitbt{ background:#af0000; margin-left:8px;}
.about-map{ margin-top:20px;}
.themap{ height:300px;}
#map{ width:100%; height:100%;}

/*新闻资讯*/
.pt8{ padding-top:8px;}
.news-list p{font-size:13px; color:#666; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:44px;}
.news-list a{ display:block;}
.news-list li{ margin-top:20px;}
.new-img img{ width:100%; display:block;}
.new-text h2{ font-size:18px; color:#1a1a1a; padding:10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new-date{ font-size:14px; color:#999; display:inline-block; padding-top:10px;}
.new-date span{font-size:14px; float:right}
.new-date em{ position:relative; padding-right:3px;}
.new-date em:after{ content:"."; position:absolute; right:0}
.news-nav{ overflow:hidden;}
.news-nav p{ margin:0 -1px;}
.news-nav p a{ width:50%; padding:0 1px; display:block; float:left; font-size:18px ; color:#fff; line-height:45px; margin-bottom:5px;}
.news-nav p i{ background:#af0000; text-align:center; display:block;}
.news-nav p a:hover i,.news-nav p a.cur i{ background:#4485c6;}
.hot-last{ color:#333; line-height:28px; padding-left:80px; position:relative;}
.hot-last span{font-size:16px; position:absolute; left:0; top:3px;}
.hot-last a{ color:#af0000; font-size:14px; display:inline-block; margin-top:5px;}

.small-honor h2{ font-size:16px; color:#333; text-align:center; padding-bottom:8px; padding-top:15px;}
.pagination { text-align: center; width: 100%; padding-top:4px;}
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px;  background: #dcdcdc;  margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #af0000;}
.this-slide{ width:100%;overflow:hidden; margin:0 auto;}
.this-slide ul{ position:relative;height:auto !important}
.this-slide ul li{ float:left; height:auto !important}
.this-slide ul li img{ width:100%;  display:block;}

/*新闻详情*/
.detail-title{ border-bottom:1px solid #ccc;text-align:center; font-size:13px; color:#666; padding-bottom:20px;}
.detail-title h2{ font-size:22px; color:#1a1a1a; padding:11px 0;}
.detail-title p span{ display:inline-block; vertical-align:middle; padding:0px 5px;}
.detailtxt{ font-size:14px; color:#1a1a1a; line-height:24px;}
.detailtxt img{ max-width:100%;}
.detailtxt{ padding-top:20px;}
.newsback{ display:block; color:#fff; background:#af0000; width:95px; height:35px; line-height:35px; text-align:center; margin:0 auto;}
.detail-choose{ padding-top:20px;}
.detail-choose p{ padding:13px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:20px; }
.detail-choose p a{ display:block;padding-left:79px; position:relative; font-size:13px; color:#666;}
.detail-choose p a:nth-of-type(2){ margin-top:15px;}
.detail-choose em{ font-size:14px; display:block; color:#1a1a1a; width:63px; height:27px; text-align:center; line-height:27px; background:#f2f2f2; position:absolute; left:0; top:0}


/*index*/
.pb30{ padding-bottom:50px; position:relative;}
.index-h2{ font-size:20px;  color:#1a1a1a; line-height:24px; padding:35px 0 10px;}
.index-title{ color:#666; line-height:20px;text-align:center; padding-bottom:20px;}
.index-proul{ position:relative;}
.index-proul li{ border:1px solid #ccc; padding:0;}
.index-proul h3{ font-size:17px; color:#fff; text-align:center; background-image:url(../images/index03.jpg); background-repeat:no-repeat; background-size:cover; line-height:45px;}
.sub-indexpro{ position:relative; background-image:url(../images/index04.jpg);background-repeat:no-repeat; background-size:cover;  padding:20px 0 10px; overflow:hidden;}
.index-proul li img{ width:100%;}
.indexpro-hover{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0; font-size:18px;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms;transition:300ms;}
.indexpro-hover a{ display:block; color:#fff;}
.indexpro-hover p{ position:relative; left:50%; -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); float:left; padding-top:6px}
.indexpro-hover p a{ position:relative; padding-left:12px; padding-top:6px; padding-bottom:6px;}
.indexpro-hover p a:before{ content:""; position:absolute; width:1px; height:13px; background:#fff; left:0; top:50%; margin-top:-6.5px;}
.more{ background-image:url(../images/index06.png); background-size:100% 100%; width:41px; height:42px; margin:12px auto 0;}
.hover-box{ position:relative; top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.index-proul li:nth-of-type(2) h3{background-image:url(../images/index03.jpg);}
.index-proul li:nth-of-type(3) h3{background-image:url(../images/index03.jpg);}
.index-video{ height:50%;  position:relative; cursor:pointer;background-repeat:no-repeat; background-size:cover;}
.index-video:after{ content:""; position:absolute; display:block; width:100%;height:100%;background-image:url(../images/index07.png); background-repeat:no-repeat; background-position:center;left:0; top:0}
.more-indexpro{ height:50%; background-image:url(../images/index05.jpg); background-repeat:no-repeat; background-size:cover; position:relative;}
.more-indexpro a{ display:block; height:100%; text-align:center;}
.more-indexpro a em{ display:inline-block;background-image:url(../images/index08.png); background-repeat:no-repeat; background-position:center; position:relative;  width:88px; height:88px; top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#fff; font-size:16px; padding-top:40px;}
.masker{ position:fixed; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999; display:none;}
.the-video{ z-index:9999; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none;}
.the-video{ width:100%; max-width:900px;}
.the-video video{ width:100%;}


.index-service{ background:#af0000;}
.index-service .index-h2{ color:#fff;}
.index-service .index-title{ color:#fff;}
.index-sleft{background-size:cover; background-repeat:no-repeat; padding:16px; text-align:center;}
.sub-sleft{ border:1px solid rgba(255,255,255,.35); padding-top:30px; padding-left:5px; padding-right:5px; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; -webkit-transition:300ms; transition:300ms;}
.sub-sleft ul{  padding-bottom:21px;border-bottom:1px solid rgba(255,255,255,.4);}
.sub-sleft li{ padding-left:10px; padding-right:10px; margin-top:20px;}
.sub-sleft li a{display:block;color:#fff;position: relative;}
.the-img{ background-image:url(../images/index11.png); background-repeat:no-repeat; background-size:100% auto;}
.the-img img{display:block; margin:0 auto; position:relative; top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:40%;}
.the-img img:nth-of-type(2){ display:none;}
.sub-sleft li span{ display:block; position:relative; text-align:center; font-size:16px; padding-top:7px; margin-top:10px;} 
.sub-sleft li span:before{ content:""; position:absolute; height:1px; width:30px; background:#fff; top:0; left:50%; margin-left:-15px;}
.sub-sleft li:hover .the-img{ background-image:url(../images/index110h.png);}
.sub-sleft li:hover .the-img img:nth-of-type(2){ display:block;}
.sub-sleft li:hover .the-img img:nth-of-type(1){ display:none;}
.more-service{ font-size:15px; padding-right:21px; background-image:url(../images/index10.png); background-position:right center; background-repeat:no-repeat; color:#fff; line-height:60px;}
.index-sright{ overflow:hidden; position:relative; margin-top:15px;}
.index-sright ul{ position:relative; height:auto !important}
.index-sright ul li{ float:left; position:relative; width:100%;height:auto !important}
.index-sright ul li img{ height:auto; width:100%;  display:block;}
.index-sright ul li h2{ font-size:15px; color:#fff; line-height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; padding:0 15px; background:rgba(0,0,0,.4); position:absolute; left:0; bottom:0;}
.arrow-left,.arrow-right{ display:block; position:absolute; background-repeat:no-repeat; background-size:100% auto; top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:28px; height:50px; z-index:9; cursor:pointer}
.arrow-left{ background-image:url(../images/left.png); left:0;}
.arrow-right{ background-image:url(../images/right.png); right:0;}
.service-slide{ overflow:hidden;}

.index-new{ background:#fff;}
.index-newnav{ text-align:center;}
.index-newnav a{ padding:0 2.5px;}
.index-newnav a i{ display:block; line-height:26px; text-align:center; background:#cbcbcb; -moz-border-radius:30px; -ms-border-radius:30px; -border-radius:30px; -webkit-border-radius:30px; border-radius:30px; color:#333;}
.index-newnav a:hover i,.index-newnav a.cur i{ color:#fff; background:#af0000;}
.index-newnav p{ margin:0 -3px;}
.sub-newlist li{ position:relative; padding-left:75px; margin-top:25px;}
.index-date{-moz-border-radius:100%;-ms-border-radius:100%;-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;background:#af0000;text-align:center;color:#fff;font-size:13px;width: 66px;height: 66px;padding:0 5px; position:absolute; left:0; top:0}
.index-date span{display:block;font-size: 24px;line-height:30px;font-weight:bold;border-bottom:1px  solid #fff;padding-top: 5px;}
.index-newright{  line-height:20px;font-size:13px; color:#666;}
.index-newright h2{ font-size:15px; color:#333; padding:0 0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.index-newright p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sub-newlist li:hover .index-date{ background:#fff; border:1px solid #4485c6; color:#4485c6;}
.sub-newlist li:hover .index-date span{ border-bottom-color:#4485c6;}
.sub-newlist li:hover .index-newright,.sub-newlist li:hover h2{ color:#4485c6}
.sub-newlist{ display:none;}
.sub-newlist:nth-of-type(1){ display:block;}

.index-about{ position:relative;}
.index-about .commonweb{ position:absolute; left:10px; bottom:10px; }
.index-about img{ display:block; width:100%;}
.index-abouttxt{ color:#fff; line-height:22px;}
.index-abouttxt h2{ font-size:22px; line-height:30px; color:#af0000; border-bottom:1px solid rgba(39,60,136,.5); padding-bottom:5px; margin-bottom:5px;}
.index-abouttxt a{ color:#fff; text-align:center; display:block; width:109px; height:31px; background:#af0000; line-height:31px; margin-top:5px;}

.index-part{ background:#fff;}
.index-plist{ margin:0 -6px; position:relative; top:-12px;}
.index-plist li{ padding:0 6px; margin-top:12px;}
.index-plist li a{ border:1px solid #ccc; display:block}
.index-plist li a img{ width:100%; display:block;}

.index-top{ position:relative;}
.index-banner{ width:100%; overflow:hidden; position:relative;}
.index-banner ul{ height:auto !important}
.index-banner li{ width:100%; height:auto !important; float:left;}
.index-banner li img{ width:100%; display:block;}
.banner-left,.banner-right{ display:block; position:absolute; top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); background-repeat:no-repeat; background-size:100% auto; width:20px;  height:37px;z-index:9; cursor:pointer}
.banner-left{ background-image:url(../images/bannerleft.png); left:10px;}
.banner-right{ background-image:url(../images/bannerright.png); right:10px;}
.banner-left:hover{ background-image:url(../images/bannerlefth.png);}
.banner-right:hover{ background-image:url(../images/bannerrighth.png);}
.index-flex{ background:#fff; padding-bottom:20px; padding-top:7px;}
.top-new{ padding-left:29px; padding-right:50px; background-image:url(../images/index12b.png); background-repeat:no-repeat; background-position:left center; background-size:20px auto; height:45px; overflow:hidden;}
.top-new li{ height:45px; line-height:45px; overflow:hidden;}
.top-new li a{ font-size:14px; color:#333; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.top-search{ border:1px solid #ccc; -webkit-border-radius:40px; -border-radius:40px; -ms-border-radius:40px; -moz-border-radius:40px; border-radius:40px; width:100%; height:40px;}
.search-input{ font-size:14px; color:#1a1a1a; padding:9px 11px; width:80%;}
.searchbt{ float:right; width:40px; height:38px; background-image:url(../images/searchb.png); background-position:center center; background-repeat:no-repeat; cursor:pointer}

.second-nav{ display:none;}

/*侧漂*/
.float{ position:fixed; z-index:999; bottom:100px; right:5px; width:59px;}
.sub-float a{ text-align:center;  color:#333; display:block; line-height:27px; position:relative;}
.sub-float a em{ display:block; width:46px; height:46px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -border-radius:5px; border-radius:5px; background-position:center; background-repeat:no-repeat; margin:0 auto}
.sub-float a.a01 em{ background-color:#00c859; background-image:url(../images/index13.png);}
.sub-float a.a02 em{ background-color:#f23939; background-image:url(../images/index14.png);}
.sub-float a.a03 em{ background-color:#af0000; background-image:url(../images/index15.png);}
.sub-float i{ display:none;}
.phonefloat span{width: 40px;height: 40px;-webkit-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#d9d9d9;background-image:url(../images/float06.jpg);background-repeat:no-repeat;background-position:center;background-size: 22px auto;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;cursor:pointer;margin-left: 10px;}
.phonefloat .sub-float{ opacity:0}
.phonefloat .sub-float.cur{ opacity:1; display:block;}
.phonefloat span.cur{-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/*行业应用*/
.casenav{ color:#333; line-height:24px;}
.subnav a{ font-size:18px; color:#fff; text-align:center; display:block; float:left; line-height:60px; padding:0}
.case-a01{ background:#0fabff;}
.case-a02{ background:#a6d482;}
.case-a03{ background:#ffcc33;}
.case-a04{ background:#7da6f5;}
.case-a05{ background:#ff9966;}
.casenav h2{ font-size:18px; color:#333; padding:20px 0 10px;}
.case-list ul{ margin:0 -20px; padding-bottom:20px;}
.case-list li{margin-top:20px;}
.case-list li a{ display:block; padding:20px 20px 34px; background:#fff;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,.2); -ms-box-shadow: 0px 3px 5px rgba(0,0,0,.2); -o-box-shadow: 0px 3px 5px rgba(0,0,0,.2); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.2);box-shadow: 0px 3px 5px rgba(0,0,0,.2); color:#999; line-height:24px;}
.case-list li img{ display:block; width:100%;}
.case-list li h2{ font-size:15px ; color:#1a1a1a; padding:10px 0 6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case-list li span{ color:#4485c6;  display:block; margin-top:8px;}
.case-list li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.thepage{ text-align:center;}
.this-case{ padding-top:30px;}
.this-h3{ font-size:22px; color:#333; position:relative; border-bottom:1px solid #ccc; padding-bottom:14px; text-align:center;}
.h2-span{ position:absolute; display:block; width:36px; height:12px; left:50%; margin-left:-18px; bottom:-12px; background:#fff;}
.h2-span:after{content:"";position:absolute;display:block;width:0;height:0;border-right: 12px solid transparent;border-left: 12px solid transparent;border-top: 11px solid #4485c6;left:50%; margin-left:-12px;top:0;}

.lSSlideOuter{ overflow:hidden;}
.gallery li{ float:left; transition:300ms; position:relative;}
.gallery li img{ display:block; width:100%;}
.lSSlideWrapper .lSSlide {-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);  -webkit-transition: all 1s;  -webkit-transition-property: webkit-transform,height;  -moz-transition-property: -moz-transform,height;  transition-property: transform,height;  -webkit-transition-duration: inherit !important;  transition-duration: inherit !important;  -webkit-transition-timing-function: inherit !important;  transition-timing-function: inherit !important;}
.lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center;}
.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block;  padding: 0 5px;}
.lSSlideOuter .lSPager.lSpg > li a {    background-color: #222; border-radius: 30px;    display: inline-block;  height: 8px;    overflow: hidden;    text-indent: -999em; width: 8px; position: relative;    z-index: 99;    -webkit-transition: all 0.5s linear 0s;    transition: all 0.5s linear 0s;}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {  background-color: #af0000;}
.lSSlideOuter .media {  opacity: 0.8;}
.lSSlideOuter .media.active { opacity: 1;}
.this-txt{ color:#333; padding-top:30px;}
.hasActive{ margin-top:30px;}
.lSSlideWrapper{ position:relative}
.hasActive .lSPrev{ left:0 !important}
.hasActive .lSNext{ right:0 !important}

/*产品中心*/
.index-flex .commonweb{ position:relative;}
.pro-choose{ color:#333; position:relative; padding-left:109px; padding-top:10px; padding-bottom:10px;}
.pro-choose span{  background-image:url(../images/icon01p.png); background-repeat:no-repeat; background-position:left center; background-size:21px auto; padding-left:29px; cursor:pointer; display:block; width:100px; position:absolute; left:0; top:10px; line-height:36px;}
.pro-choose a{ margin-right:11px; cursor:pointer; color:#333;}
.pro-choose em{ display:block; line-height:24px; padding-top:7px;}
.high-search{ color:#333; line-height:25px; position:absolute; top:45px; left:0; background:#fff; border:1px solid #ccc; z-index:9; padding-right:20px; padding-left:20px; padding-top:13px; padding-bottom:10px; width:100%; display:none;}
.high-search a{ color:#333; display:inline-block; padding:0 6px; margin:0 2px; cursor:pointer}
.high-search a.cur{ color:#fff; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#4485c6;}
.high-search  p{ padding-bottom:5px;}
.pro-sub{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.4); left:0; top:0}
.pro-sub span{ display:block; color:#fff; font-size:16px;}
.pro-sub p{ float:left;position:relative; top:50%; left:50%;-moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); line-height:26px;}
.pro-ul h2{ font-size:18px; color:#333; padding-bottom:10px; padding-top:20px;}
.pro-ul h2 a{color:#333;}
.pro-txt{ color:#666; padding-right:0; border:1px solid #4485c6; padding-bottom:20px; padding-left:4.2%;}
.pro-txt a{ color:#666;}
.pro-txt a:hover{ color:#4485c6}
.img-box{ padding:0}
.pro-txt a.pro-more{ padding-right:17px; background-image:url(../images/icon02.jpg); background-position:right center; background-repeat:no-repeat; display:inline-block; margin-top:15px;color:#af0000}
.img-box img{ display:block; width:100%;}
.pro-ul li{ margin-top:24px;}


/*产品详情*/
.pro-float{ width:100%; background:rgba(255,255,255,.4); padding:10px 0 6px; position:relative; left:0; bottom:0; z-index:99; text-align:center;}
.pro-detail img{max-width:100%;display:block;margin:0 auto;min-width: 600px;position: relative;}
.pro-float a{display:inline-block;float:none;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;background-color:#fff;border:1px solid #4485c6;color:#333;background-repeat:no-repeat;background-position: center 6px;font-size:12px;width: 62px;height: 62px;padding-top: 31px;margin: 0 2px;}
.pro-float a:hover,.pro-float a.cur{ color:#fff; background-color:#af0000;}
.pro-a01{ background-image:url(../images/icon03.png);}
.pro-a02{ background-image:url(../images/icon04.png);}
.pro-a03{ background-image:url(../images/icon05.png);}
.pro-a04{ background-image:url(../images/icon06.png);}
.pro-a05{ background-image:url(../images/ba.png);}
.pro-float a.pro-a01:hover,.pro-float a.pro-a01.cur{ background-image:url(../images/icon03h.png);}
.pro-float a.pro-a02:hover,.pro-float a.pro-a02.cur{ background-image:url(../images/icon04h.png);}
.pro-float a.pro-a03:hover,.pro-float a.pro-a03.cur{ background-image:url(../images/icon05h.png);}
.pro-float a.pro-a04:hover,.pro-float a.pro-a04.cur{ background-image:url(../images/icon06h.png);}
.pro-float a.pro-a05:hover,.pro-float a.pro-a05.cur{ background-image:url(../images/bah.png);}

/*产品参数*/
.pro-data img{ display:block; max-width:100%;}
.pro-data h4{ font-size:20px; color:#333; text-align:center; padding-top:30px; padding-bottom: 20px;}
.data-form{ overflow-x:auto;}
.data-form table{ min-width:600px; width:100%; font-size:15px; color:#333; border-right:1px solid #ccc;border-top:1px solid #ccc;}
.data-form td{ border-left:1px solid #ccc;border-bottom:1px solid #ccc; line-height:45px; padding-left:10%; background:#e7ecf1;}
.data-form tr:nth-child(2n) td{ background:#fff;}
.pro-data .detail-choose{ padding-bottom:40px;}
.propro{ padding:0; margin-top:20px;}

.relative-pro{ padding-bottom:30px; padding-top:20px;}
.pro-data .this-h3{ padding-top:35px;}

.mt0{ margin-top:0}
.pro-case{ padding-bottom:32px;}


/*技术支持*/
.tec-ul li{ border-bottom:1px solid #ccc;}
.tec-ul a{ display:block; color:#1a1a1a;  position:relative; padding-right:90px; line-height:45px; padding-left:24px;}
.tec-ul a:hover{ color:#4485c6}
.tec-ul a:before{ content:""; position:absolute; display:block; width:15px; height:15px; border:3px solid #4485c6; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; left:0; top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); box-sizing:border-box}
.tec-ul a em{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tec-ul a span{color:#666; position:absolute; right:0; top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); }

/*下载专区*/
.service-nav{ text-align:center; padding-bottom:20px;}
.service-nav a{ display:inline-block; padding-top:55px; font-size:16px; color:#1a1a1a; background-repeat:no-repeat; background-position: top center; margin:0 10px; background-size:50px auto;}
.se-a1:hover,.se-a1.cur{ background-image:url(../images/icon07.jpg);}
.se-a2:hover,.se-a2.cur{ background-image:url(../images/icon08.jpg);}
.se-a3:hover,.se-a3.cur{ background-image:url(../images/icon09.jpg);}
.se-a1{ background-image:url(../images/icon07h.jpg);}
.se-a2{ background-image:url(../images/icon08h.jpg);}
.se-a3{ background-image:url(../images/icon09h.jpg);}
.tec-ul i{ position:absolute; right:0; top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); padding-left:29px; background-image:url(../images/icon10.jpg); background-position:left center; background-repeat:no-repeat;color:#af0000}
.download-list{border:1px solid #ccc;border-top:none;  padding-left:10px; padding-bottom:30px; padding-right:10px;}
.download-list .page{ padding-top:42px;}
.download-list .tec-ul{ padding-top:10px;}
.down-nav{ background:#4485c6; text-align:center; margin:0 -11px; font-size:18px;}
.down-nav a{ display:block; float:left; line-height:50px; width:138px; color:#fff; position:relative;}
.down-nav a:after{ content:""; display:block; position:absolute;height:14px;  right:0; top:50%; width:1px; background:#fff; margin-top:-7px;}
.down-nav a:hover,.down-nav a.cur{ background:#af0000;}
.down-nav a:hover:after,.down-nav a.cur:after{ display:none;}

/*服务范围*/
.service-range dl{background: #af0000;color:#fff;font-size:16px;line-height:24px;position:relative;}
.service-range dt,.service-range dd{ padding:0}
.service-range dt img{ width:100%; display:block;}
.service-range dd h3{ font-size:20px; padding-bottom:15px;}
.service-range dd{ padding-left:6.5%; padding-top:20px; padding-bottom:20px;}
.service-range h4{ font-size:16px; padding:8px 0 4px}

.question{ padding-top:13px;}

/*代理商*/
.agent-nav a{ background-size:100% auto; width:70px; background-image:url(../images/icon11h.jpg); padding-top:45px;}
.agent-nav a:hover,.agent-nav a.cur{ background-image:url(../images/icon11.jpg);}
.agent-ul{ margin:0 -15px;}
.agent-ul li{ padding-left:15px; padding-right:15px; font-size:13px; margin-top:30px;}
.agent-ul li a{ display:block;  color:#666;}
.agent-ul li img{border:2px solid #d9d9d9; display:block; width:100%;line-height:20px;}
.agent-ul li em{ display:block; font-size:16px; color:#333; border-bottom:1px solid #af0000; line-height:40px; padding-top:6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.agent-ul li span{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top:12px; margin-bottom:16px;}
.agent-ul li i{ display:block; margin:0 auto; color:#af0000; border:1px solid #af0000; line-height:32px; width:100%;  text-align:center;}
.mt20{ margin-top:20px;}
.pari-diff{position:relative;font-size:16px;color:#1a1a1a;min-height: 46px; }
.pari-diff:after{content:"";display:block;width:100%;height:1px;background:#ccc;position:absolute;left:0;top: 33px;z-index:1;}
.pari-diff span{position:absolute;right:0;background:#e7ecf1;padding-left:12px;display:block;height:20px;z-index:3;top: 21px;}

.agent-pic{ border:3px solid #e6e6e6;}
.agent-pic img{ display:block; width:100%;}
.agent-detail{ color:#1a1a1a;}
.agent-detail h3{ font-size:16px; color:#af0000;}
.agent-detail  h2{font-weight:bold;color:#af0000;font-size:20px;border-bottom:1px solid #ddd;line-height:30px;padding-bottom: 14px;position: relative;top: -14px;}
.agent-detail  h2 span{border-bottom:3px solid #af0000;position:relative;top: 15px;display: inline-block;padding-bottom: 14px;}




/*企业招聘*/
.agent-detail{ overflow:hidden;}
.recruitment-table{ overflow-x:auto;}
.recruitment-table table{ min-width:685px;}
.recruitment-table th{ line-height:45px; font-weight:normal; font-size:16px; color:#fff; background:#af0000;}
.recruitment-table td{ line-height:45px; color:#1a1a1a; border-bottom:1px solid #ccc; text-align:center;position:relative;}
.the-td{ padding-left:20px;}
.the-td:before{content:""; position:absolute; display:block; width:13px; height:13px; border:3px solid #00a1e9; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; left:14%; top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); box-sizing:border-box}
.the-table tr{ cursor:pointer}
.the-table td div{ display:none}
.recruitment{  position:fixed;  z-index:9999; max-height:100%; width:100%; max-width:820px;  padding:10px;top:50%; left:50%;-moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); overflow-y:auto; display:none}
.recruitment h2{ font-size:16px; color:#fff; line-height:40px; padding-left:13px; background:#4485c7;}
.close{ display:block; background:url(../images/close.png) no-repeat; background-size:100% auto; width:30px; height:30px; position:absolute; top:15px; right:16px; cursor:pointer; z-index:99999}
.sub-re{ padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:20px;  color:#4c4c4c;background:#fff; border:1px solid #4485c7; border-top:none;}
.sub-re b{ padding-right:22px;}
.sub-re ul{ line-height:30px;}
.sub-re ul li{ padding:0}
.sub-re h3{ font-size:14px; color:#4c4c4c; font-weight:bold; padding-top:28px;}
.sub-re a{ display:block; width:107px; height:42px; text-align:center; line-height:42px; background:#4485c7; color:#fff;  font-size:16px; margin-top:15px;}


/*企业荣誉*/
.wall{ text-align:center;}
.wall li{ display:block;  position:relative; cursor:pointer; margin-bottom:20px;}
.wall li a{ display:block; position:relative}
.wall li img{ width:100%; display:block; /*border:3px solid #af0000;*/}
.wall li h2{ /*position:absolute;*/ width:100%; text-align:center;  padding:10px; /*background:rgba(0,0,0,.3);*/ color:#1a1a1a; left:0; bottom:0; font-size:15px;}


/*搜索结果页*/
.result{ padding:10px 0 30px; background:#fff url(../images/re.jpg) top center no-repeat;}
.result span{ font-size:20px; color:#af0000; display:block; line-height:46px;}
.result-in{ float:left; height:46px; border:1px solid #ccc; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:13px 13px; font-size:15px; margin-right:13px; width:70%}
.result-bt{background:#af0000; color:#fff; width:75px;font-size:15px; text-align:center; line-height:46px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.the-result{ font-size:15px; color:#1a1a1a; padding-top:20px;}
.result-ul li{ border-bottom:1px solid #d0d0d0; line-height:22px; color:#333; position:relative; padding-top:25px; padding-bottom:25px;}
.result-ul li h2{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:7px;}
.result-ul li h2 a{ color:#af0000;}
.result-ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.result-a{ display:block; width:95px; height:30px; text-align:center; line-height:30px; border:1px solid #c3c3c3; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; margin-top:15px;color:#af0000;}
.result-a:hover{ background:#af0000; color:#fff;}

body .Paging span.laypage_curr,body .Paging a:hover{background:#af0000;}
.foot{ padding-bottom:50px}

@keyframes fadeInUpV {
	0% {
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
.H-lang .Hlang-menu{ position:absolute; height:100%; top:0; right:50px; width:20px; overflow:hidden;}
.H-lang .Hlang-menu span{ display:none;}
.H-lang .Hlang-menu i{width: 20px;height: 20px;background-repeat: no-repeat;background-image: url('../images/language.png');display: inline-block;vertical-align: middle;margin:16px 0 0}
.Hlang-box{ position:absolute; width:100%; left:0; top:50px; background:#fff; padding:10px 0; display:none}
.Hlang-box a{display: block;padding: 5px 10px 5px 60px;line-height: 30px;background-repeat: no-repeat !important;background-position: 20px center !important;}
.Hlang-box a:hover{color: #fff;background: #0062b2;}
.Hlang-box a.zt-chinese{background-image: url('../images/icon-cn.png');}
.Hlang-box a.JP{background-image: url('../images/icon-jp.png');}
.Hlang-box a.zt-english{background-image: url('../images/icon-en.png');}
.Hlang-box a.zt-russian{background-image: url('../images/icon-ru.png');}
.Hlang-box a.zt-french{background-image: url('../images/icon-fr.png');}
.Hlang-box a.zt-xiyu{background-image: url('../images/icon-xiyu.png');}


/*20190522*/
.sub-newlist li{ padding-left:120px !important;}
.index-img{ position:absolute; left:0; top:50%; width:110px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.index-img img{ display:block; width:100%}
.sub-sleft ul{ padding-bottom:16px;}
.more-service{ line-height:50px;}

@media (max-width: 320px) {
	.pro-float a{ margin:0}
	.down-nav a{ width:50%;}
}

@media (max-width: 360px) {
	.index-abouttxt a{ margin-top:2px}
	.index-abouttxt h2{ font-size:18px; margin-bottom:0;}
	.index-abouttxt  p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

}

@media (min-width: 325px) {
	
	.main{padding-bottom: 332px;}
	.foot{margin-top: -332px;}

}



@media (min-width: 580px) {
	
	/*新闻列表*/
	.news-list{ margin:0 -10px;}
	.news-list li{ width:50%; float:left; padding:0 10px;}

	.index-newright h2{ padding:8px 0 4px; }
	.index-abouttxt h2{ font-size:28px; padding-bottom:13px; margin-bottom:17px;}
	.index-abouttxt a{ margin-top:12px;}
	.index-about .commonweb{ left:20px; bottom:60px; width:500px; }
}


/*ipad竖版区域*/
@media (min-width: 768px) {
	
	.main{ padding-bottom:310px;}
	.foot{ margin-top:-310px; padding-bottom:0}
	
	/*联系我们*/
	.contact-right li{ width:50%; padding-left:72px; position:relative; float:left; padding-right:11px;}	
	.contact-right li:nth-child(2n){ padding-right:0; padding-left:83px;}
	.contact-right li:nth-of-type(5){ width:100%; padding-right:0;}
	.contact-right li span{ line-height:38px; position:absolute; left:0; top:0;}
	.contact-right li:nth-child(2n) span{ left:11px;}
	.resetbt,.submitbt{ width:101px; height:33px; line-height:33px; margin-top:14px;}
	.resetbt{ margin-left:72px;}
	
	/*新闻列表*/
	.news-nav p a{ width:25%; margin-bottom:0}
	.hot-label{ padding-right:230px;  position:relative;}
	.small-honor{ position:absolute; right:30px; top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
	.this-slide{ width:180px; height:127px;}
	
	
	/*foot*/
	.footp{ width:auto;}
	
	/*index*/
	.index-title p{ width:570px; margin:0 auto;}
	.index-proul li{border-left:none;}
	.index-proul li:nth-of-type(1),.index-proul li:nth-of-type(2){ border-left:1px solid #ccc;}
	.index-proul li:nth-of-type(3){ clear:left}
	.index-proul li:nth-of-type(4){border-bottom:none;border-right: none;}
	.the-video{ padding:10px; }
	.mouse{ position:absolute; background-image:url(../images/mouse.png); background-repeat:no-repeat; background-size:100% auto; width:60px; height:60px; left:50%;-moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); top:-30px; cursor:pointer;}
	.sub-sleft li span:before{ width:40px;  margin-left:-20px;}
	.index-sleft{ float:left; width:69.6%;}
	.sub-indexs{ position:relative;}
	.index-sright{ width:30.4%; padding-left:5px; margin:0; position:absolute; right:0; bottom:0; height:100%; overflow:hidden;}
	.arrow-left{ left:5px;}
	.the-img img{ width:40%;}
	.index-sright ul li img{ height:100%; width:auto; }
	.index-sright ul{height:100% !important}
	.service-slide{ height:100%;}
	.index-sright ul li{height:100% !important;}
	
	.index-newnav a{ width:100px; display:inline-block; padding:0 3px; float:none;}
	.index-date{font-size:15px; width:94px; height:94px; padding:0 15px;}
	.index-date span{  font-size:40px; line-height:50px; font-weight:bold; padding-top:6px;}
	.sub-newlist li{ padding-left:110px; margin-top:30px;}
	.index-newright{line-height:24px;}
	.index-newright h2{ padding:8px 0 4px; }
	.index-abouttxt h2{ font-size:28px; padding-bottom:13px; margin-bottom:17px;}
	.index-abouttxt a{ margin-top:12px;}
	.index-about .commonweb{ left:20px; bottom:60px; width:500px; }
	
	.banner-left,.banner-right{ width:30px; height:52px;}
	
	/*行业应用*/
	.case-a01,.case-a03{ width:30.6%;}
	.case-a02{ width:38.8%;}
	.subnav a{ font-size:22px;}
	
	/*产品详细*/
	.pro-float a{ width:80px; height:80px; padding-top:40px; margin:0 7px; font-size:13px;}
	.data-form td{  line-height:60px;}
	
	
	.pro-txt{ position:absolute; height:100%; border-color:#fff; right:0; top:0;}
	.pro-more{ font-size:16px; padding-right:19px; margin-top:0}
	.pro-ul li{ position:relative;}
	.sub-prolist li:nth-child(2n) .pro-txt{right:auto; left:0; top:0; border:none;}
	.pro-txt .pro-more{ position:absolute;right:40px; bottom:30px;}
	.sub-prolist li:nth-child(2n) .pro-more{ bottom:90px;}
	.sub-prolist li:nth-child(2n) .img-box{ float:right; padding-left:10px;}
	.sub-prolist li:nth-child(2n+1){ margin-top:-60px;}
	.sub-prolist li:nth-child(2n+1) .pro-txt{ padding-top:36px; border:none;}
	.sub-prolist li:nth-child(1) .pro-txt{ padding-top:0;border-color:#fff; }
	
	.sub-prolist li:nth-child(1){ margin-top:0;}
	.sub-prolist{ padding-top:70px; padding-bottom:60px;}
	.pro-page{ padding-top:0; position:relative; top:-40px;}
	.honor-page{ padding-top:0}
	.sub-prolist li:nth-child(2n):hover .pro-txt,.sub-prolist li:nth-child(2n+1):hover .pro-txt{ border:none;}
	.sub-prolist li:nth-child(1) .pro-txt{ padding-top:0;border:1px solid #fff; }
	.pro-ul li:hover .pro-txt,.pro-ul li:nth-of-type(1):hover .pro-txt{ border:1px solid #af0000;}
	
	/*下载专区*/
	.service-nav a{ margin:0 84px;}
	
	/*服务范围*/
	.service-range dd{ position:absolute; right:0; top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); padding-top:0; padding-bottom:0}
	
	/*代理商*/
	.agent-nav a{ width:94px; margin:0 50px; padding-top:62px;}
	.agent-ul li i{ width:96px;}
	
	/*企业招聘*/
	.sub-re a{ position:absolute; right:46px; bottom:40px;}
	
	
	/*搜索结果*/
	.result-in{ float:left; height:46px; border:1px solid #ccc;}
	.result-bt{width:111px; text-align:center; }
	
	
	
	
	/*荣誉资质*/
	.about-honor{ /*height:900px;*/}
	.wall{ position:relative; height:100%;}
	.wall li{ width:25%; float:none; display:inline-block; padding:0;}
	.wall li a img{ border-width:8px;}
	/*.wall li:nth-of-type(1){ -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); transform:rotate(-5deg); z-index:9}
	.wall li:nth-of-type(2){ -moz-transform:rotate(10deg); -ms-transform:rotate(10deg); -o-transform:rotate(10deg); -webkit-transform:rotate(10deg); transform:rotate(10deg);margin-top:14px; z-index:7}
	.wall li:nth-of-type(3){z-index:66;width:40%;display:inline-block;float:none;-moz-transform: translate(50%,-50%);-ms-transform: translate(50%,-50%);-o-transform: translate(50%,-50%);-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);}
	.wall li:nth-of-type(4){ float:right; z-index:8; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%)}
	.wall li:nth-of-type(5){ -moz-transform:translateY(-99%) rotate(-10deg); -ms-transform:translateY(-99%) rotate(-10deg); -o-transform:translateY(-99%) rotate(-10deg); -webkit-transform:translateY(-99%) rotate(-10deg); transform:translateY(-99%) rotate(-10deg); z-index:3}
	.wall li:nth-of-type(6){ -moz-transform:translateY(-160%) rotate(-9deg); -ms-transform:translateY(-160%) rotate(-9deg); -o-transform:translateY(-160%) rotate(-9deg); -webkit-transform:translateY(-160%) rotate(-9deg); transform:translateY(-160%) rotate(-9deg); left:-20px; z-index:1}*/
	.wall li h2{ font-size:16px; /*display:none;*/}
	/*.wall li:hover{ z-index:67;}
	.wall li:hover h2{ display:block;}*/
	
	
	
	.other-list li:nth-of-type(4){ clear:left}
	
	.pro-float a{ background-position:center 14px;}
	.pro-float a:nth-of-type(5){ background-position:center 9px;}
	
	/*20190522*/
	.index-sright{ width:69.6%}
	.index-sleft{ width:30.4%}
	.sub-sleft{ padding-top:10px !important;}
	.sub-sleft ul{ font-size:0; text-align:center}
	.sub-sleft li{ width:50%; display:inline-block; float:none; margin-top:10px}
	
	
}

@media (min-width:820px) {
	
	/*荣誉资质*/
	.about-honor{ /*height:1000px;*/}
}

/*ipad横版区域*/
@media (min-width: 991px) {
	
	.H-lang{ float:right; position:relative; z-index:10}
	.H-lang .Hlang-menu{display: block;width: 100px;height: 100%;transition: none;-webkit-transition: none;font-size: 16px;text-align: center;color: #333;line-height: 68px; position:static}
	.H-lang .Hlang-menu span{ display:inline-block}
	.H-lang .Hlang-menu i{width: 20px;height: 20px;background-repeat: no-repeat;background-image: url('../images/language.png');display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
	.Hlang-box{padding: 20px 0px;width: 200px;box-shadow: 1px 1px 10px #666;background: #fff;position: absolute;top: 68px;left: -54px;}
	.Hlang-box:before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #fff transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -4px;}
	.H-lang:hover .Hlang-box {	display: block;	animation: fadeInUpV .6s ease-in-out;	-webkit-animation: fadeInUpV .6s ease-in-out;}
	
	/*head*/
	body{ padding-top:74px;}
	.head{ border-top-width:6px;}
	.head h1 img{ height:68px;}
	.head-nav { float:right;line-height:68px; position:relative; top:auto; width:auto}
	.head-nav ul{ box-shadow: none;}
	.head-nav li{ width:103px; float:left; text-align:center; border:none; padding:0}
	.head-nav li.fristli{ width:100px;}
	.head-nav li>a{ display:block; font-size:16px; color:#333; position:relative;}
	.head-nav li>a:after{ content:""; display:block; position:absolute; width:1px; height:13px; background:#999; right:0; top:50%; margin-top:-6px;}
	.head-nav li.lastli a:after{ display:none;}
	.head-nav li>a:hover,.head-nav li>a.cur{background-color:#af0000; color:#fff;}
	.head-nav li>a:hover:after,.head-nav li>a.cur:after{ display:none}

	/*foot*/
	.main{ padding-bottom:298px;}
	.foot{ margin-top:-298px;}
	.foot-left{ float:left; width:49.4%; padding-right:12px; border-right:1px solid #505050;}
	.foot-left h2{ font-size:22px; line-height:30px; padding:29px 0 8px;}
	.foot-right{ float:left; overflow:hidden; padding-top:47px; width:50.6%; padding-left:20px;}
	.foot-bottom{ border-top:1px solid #505050;  color:#ddd;}
	.foot-bottom span,.foot-bottom span a{ display:inline;}
	.foot-bottom{ text-align:left;}
	.foot-left{min-height:243px; overflow:hidden; padding-bottom:26px;}
	.foot-bottom span{padding-left:13px; }
	.foot-bottom p a:nth-of-type(1){ padding:0 14px 0 0;}
	.footp{ width:23.7%;}
	.foot-bottom{ height:48px; line-height:48px; overflow:hidden; padding:0}
	
	/*thesame*/
	.insidenav{ height:40px;}
	.insidenav a{float:left; width:140px; text-align:center; border-right:1px solid #ccc; padding:0; height:40px; border-bottom:none; font-size:16px;}
	.insidenav a:hover,.insidenav a.cur{ border-bottom:2px solid #af0000; color:#af0000}
	.insidenav a:nth-of-type(1){ border-left:1px solid #ccc;}
	.insidenav p{ position:relative; top:auto;}
	.right-txt h2{ font-size:18px;}
	
	/*企业介绍*/
	.about-special{ position:absolute; width:370px; left:10px; bottom:10px;}
	
	/*企业文化*/
	.culture-txt{ width:56%; padding-left:5.8%; line-height:28px; font-size:16px; color:#333;}
	.about-culture img{ width:44%;}
	.culture-txt h2{ font-size:20px;}
	.culture-txt li{ padding-left:40px; margin-top:10px;}
	.hot-label{font-size:16px;color:#333;padding:20px;}
	.hot-label span{ font-size:18px;}
	.hot-label a{ position:relative; padding:0 15px;}
	.hot-label a:first-child{ padding:0 15px 0 0;}
	
	/*联系我们*/
	.about-contact{ overflow:hidden;}
	.contact-left{ width:45%; padding-right:5%;}
	.contact-left h3{ font-size:24px; padding:46px 0 28px;}
	.contact-right{ width:55%; padding-top:34px;}
	.themap{ height:500px;}
	
	
	/*新闻中心*/
	.news{ padding:10px 17px 67px}
	.news-list{ padding:0 20px; margin:0}
	.news-list li{ width:100%; padding:0;}
	.new-text h2{ font-size:22px;}
	.new-img{ float:left; width:18.5%;}
	.new-text{ float:left; width:72%; padding-left:2.5%;}
	.new-date{ float:right; padding-right:3px;}
	.new-date{ font-size:18px;}
	.new-date span{ display:block; font-size:46px; line-height:65px; border-bottom:1px solid #999; float:none; text-align:center; margin-bottom:8px;}
	.new-date em:after{ display:none;}
	.news-list li:hover h2,.news-list li:hover p,.news-list li:hover .new-date{ color:#fff;}
	.news-list li:hover .new-date span{ border-bottom-color:#fff;}
	.news-list li:hover a{ background:#4485c6;}
	.news-nav p a{ font-size:22px; line-height:60px;}
	.hot-last span{ font-size:18px;}
	.hot-last{ padding-left:90px;}
	.hot-label{ padding-right:330px; }
	.small-honor h2{ padding-top:0}
	.small-honor{ right:125px; }
	
	/*新闻详情*/
	.detail-choose p a{ max-width:48%; float:left; }
	.detail-choose p a:nth-of-type(2){ float:right; margin-top:0}
	.detail-choose p a:hover{ color:#4485c6;}
	
	/*index*/
	.indexpro-hover{ -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%);}
	.index-proul li:hover .indexpro-hover{ -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
	.index-proul li:nth-of-type(2){ border-left:none;}
	.the-video span{ display:block; background:url(../images/close.png) no-repeat; background-size:100% auto; width:38px; height:38px; position:absolute; top:-5px; right:-5px; cursor:pointer; z-index:99999}
	.pb30{ padding-bottom:70px;}
	.mouse{ width:74px; height:74px; top:-37px;}
	.arrow-left,.arrow-right{ width:28px; height:50px; z-index:9}
	.arrow-left{ left:13px;}
	.sub-sleft{ padding-top:70px; padding-left:20px; padding-right:20px; }
	.sub-sleft li{ padding-left:15px; padding-right:15px; font-size:20px;}
	.the-img img{ /*width:auto;*/}
	.index-sright{ padding-left:13px;}
	
	.sub-newlist li{ padding-right:20px; height:80px;}
	.sub-newlist li:nth-child(2n){ padding-left:130px;}
	.sub-newlist li:nth-child(2n) .index-date{ left:20px;}
	
	.index-abouttxt{ font-size:15px; width:500px;}
	
	.index-plist li{ width:20%;}
	.index-about .commonweb{ position:absolute; left:auto; right:10px; bottom:auto;top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	.top-search{ float:right; border:1px solid rgba(255,255,255,.4); width:280px; height:30px; margin-top:7px;}
	.search-input{color:#fff; padding:4px 11px 5px;}
	.searchbt{ float:right;height:28px; background-image:url(../images/search.png);}
	.index-flex{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,.4); height:45px; z-index:9; padding-bottom:0}
	.top-new{  padding-right:30px; background-image:url(../images/index12.png);height:45px; overflow:hidden;}
	.top-new li a{color:#fff; }
	
	.second-nav{ background:rgba(39,60,146,.36); position:absolute; min-width:100%; text-align:center; padding:9px 10px 14px; top:68px; z-index:99;  transition:300ms;}
	.second-nav a{ font-size:16px; color:#fff; line-height:37px; }
	.second-nav a:hover{ text-decoration:underline; font-weight:bold}
	.head-nav{ overflow-y:inherit;}
	.head-box li:hover .second-nav{ display:block;}
	.head-box li:nth-of-type(3) .second-nav{ width:165px;}
	
	
	/*侧漂*/
	.float{right:10px;}
	.float i{position:absolute;font-size:16px;color:#fff;background:#f23939;width:136px;height:32px;top:7px;line-height:32px;right: 68px;}
	.float i:after{content:"";position:absolute;width:0;height:0;display:block;border-right: 12px solid transparent;border-left: 12px solid transparent;border-bottom: 17px solid #f23939;top:50%;margin-top: -8px;right: -14px; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg);}
	.float a.a02:hover i{ display:block}
	.phonefloat .sub-float{ opacity:1}
	
	/*行业应用*/
	.subnav a{ line-height:120px;}
	.casenav h2{ font-size:22px; padding:38px 0 12px;}
	.case-list li h2{ font-size:16px; padding:19px 0 11px;}
	.case-list li span{ margin-top:13px;}
	.this-case{ padding-top:61px;}
	.this-h3{ font-size:24px; }
	.h2-span{  width:56px; height:16px;margin-left:-28px; bottom:-16px;}
	.h2-span:after{border-right: 15px solid transparent;border-left: 15px solid transparent;border-top: 16px solid #4485c6;left:50%; margin-left:-15px;}
	
	.hasActive{ margin-top:49px;}
	.this-txt{ font-size:16px; line-height:30px; padding-top:80px;}
	
	/*产品中心*/
	.pro-choose{ color:#fff;}
	.pro-choose span{ background-image:url(../images/icon01.png); }
	.pro-choose a{ color:#fff;}
	.high-search{ width:auto;}
	.pro-choose{ padding-top:0; padding-bottom:0;}
	.pro-choose span{ line-height:45px; top:0}
	.pro-choose em{ padding:0; line-height:45px;}
	.this{ position:relative;}
	.lSPrev,.lSNext{ display:block; position:absolute; top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:35px; height:64px; background-repeat:no-repeat; background-size:100% auto; cursor:pointer}
	.lSPrev{ background-image:url(../images/bannerleft.png); left:20px}
	.lSNext{ background-image:url(../images/bannerright.png); right:20px;}
	.lSPrev:hover{background-image:url(../images/bannerlefth.png); }
	.lSNext:hover{ background-image:url(../images/bannerrighth.png); }
	.pro-sub{ display:none;}
	.this li:hover .pro-sub{ display:block;}
	.this .lSPager { display:none;}
	.pro-ul h2{ font-size:24px; padding-bottom:19px; padding-top:34px;}
	.pro-txt{ font-size:18px;}
	
	
	/*产品详情*/
	.pro-float{ padding:10px 10px 8px;}
	.data-form table{ font-size:18px;}
	
	.sub-prolist li:nth-child(2n+1){ margin-top:-100px;}
	.sub-prolist li:nth-child(2n+1) .pro-txt{ padding-top:90px; }
	.sub-prolist li:nth-child(1){ margin-top:0;}
	.sub-prolist li:nth-child(1) .pro-txt{ padding-top:0}
	
	/*技术支持*/
	.tec-ul a{ line-height:60px;}
	.tec-ul a{padding-left:34px;}
	
	/*下载专区*/
	.service-nav{ padding-bottom:35px;}
	.service-nav a{  padding-top:62px; font-size:22px; color:#1a1a1a; }
	.download-list{ padding-left:30px; padding-right:30px; padding-bottom:30px;}
	.down-nav{ margin:0 -31px;}
	
	/*服务范围*/
	
	.service-range dl{font-size:18px; line-height:32px; }
	.service-range dd h3{ font-size:30px; padding-bottom:21px;}
	.service-range,.question{ line-height:26px;}
	.service-range h4{ font-size:18px; padding:15px 0 4px;}
	
	
	
	/*代理商*/
	.agent-detail  h2{ font-size:27px;}
	.agent-nav a{ margin:0 84px;}
	.agent-pic{ width:43.2%; position:relative; border:none; padding-top:25px;padding-bottom:25px; float:left; background:#fff; z-index:2; padding-right:55px;}
	.agent-pic:after{ content:""; position:absolute; display:block; width:90%; border:5px solid #e6e6e6; height:100%; left:0; top:0; z-index:1; box-sizing:border-box}
	.agent-pic img{ margin-left:25px; display:block; position:relative; z-index:3;}
	
	
	
	/*企业招聘*/
	.recruitment h2{ font-size:18px; line-height:50px; padding-left:13px;}
	.close{width:38px; height:38px; top:15px; right:16px;}
	.sub-re{ padding-left:38px; padding-right:46px; padding-top:24px; padding-bottom:40px; font-size:16px;}
	.sub-re b{ padding-right:22px;}
	.sub-re ul{ line-height:30px;}
	.sub-re h3{ font-size:16px;  padding-top:28px;}
	.sub-sub{ padding-right:120px;}
	.sub-re a{ font-size:18px;}
	
	
	
	/*搜索结果*/
	.result{ padding:58px 0 55px; }
	.result span{ font-size:30px; line-height:46px; float:left;}
	.result-in{ float:left; height:46px; border:1px solid #ccc; -moz-border-radius:4px;width:480px; margin-left:32px; margin-right:13px;}
	.result-bt{font-size:20px;}
	.the-result{ font-size:18px;}
	.result-ul li { padding-right:118px;}
	.result-ul li h2{ font-size:18px; }
	.result-a{ position:absolute; right:0; top:50%; margin-top:-15px;}
	
	
	/*荣誉资质*/
	.about-honor{ /*height:1100px;*/}
	.wall li{ width:25%;}
	
	
	
	.index-proul li:nth-of-type(3){ clear:none}
	
	
	
	.other-list ul{ margin:0 -5px;}
	.other-list li{ padding-left:5px; padding-right:5px;}
	.other-list li a{ padding:10px 10px 34px;}
	.other-list li:nth-of-type(4){ clear:none}
	.other-list li:nth-of-type(5){ clear:left}
	
	
	.hasActive{ padding:0 100px;}
	
	
	}






@media (min-width: 1024px) {
	
	/*企业介绍*/
	.about-special{bottom: 33px;}
}

@media (min-width: 1120px) {
	
	/*企业介绍*/
	.about-special{width: 450px; bottom:107px;}
	.index-sright ul li img{ height:auto; width:100%; }
	/*荣誉资质*/
	.about-honor{ /*height:1250px;*/}
}



/*响应PC区域*/
@media (min-width: 1200px) {

	.head-nav li{ width:140px;}
	.contentbox{ padding:40px;}
	
	
	/*企业介绍*/
	.about-special{left:0; bottom:77px;}
	
	/*企业文化*/
	.about-culture{ padding:30px 20px 30px 30px; overflow:hidden}
	.culture-txt li{ margin-top:25px;}
	.hot-label{padding:20px;}
	
	/*联系我们*/
	.about-contact{ padding:0 40px 62px;}
	.about-map{padding:0 40px 52px;}
	.contact-h2{ font-size:18px; line-height:58px;}
	
	
	/*新闻中心*/
	.news{ padding:10px 17px 67px}
	.news-list{ padding:0 58px;}
	.news-list li{ margin-top:40px;}
	.news-list h2{ padding:19px 0 15px;}
	.new-date{ padding-right:7px;}
	.page{ padding-top:70px;}
	
	.honor-page{ padding-top:0; /*max-height:37px;*/ overflow:hidden;}
	
	/*新闻详情*/
	.newdetail{ padding:0 55px;}
	.detail-title{ padding-bottom:38px;}
	.detail-title h2{ font-size:28px; line-height:30px; padding:9px 0 18px;}
	.detailtxt{ padding-top:33px;}
	.detail-choose{ padding-top:37px;}
	.detail-choose p{ margin-top:40px;}
	
	/*index*/
	.index-title{ padding-bottom:38px;}
	.index-h2{ font-size:30px; line-height:32px; padding:55px 0 11px;}
	.index-proul h3{ font-size:20px; line-height:65px;}
	.sub-indexpro{ padding:31px 0 14px;}
	
	.index-abouttxt{ max-width:540px; padding-right:65px; float:right;}
	.sub-newlist li{ padding-right:40px;}
	.sub-newlist li:nth-child(2n){ padding-left:150px;}
	.sub-newlist li:nth-child(2n) .index-date{ left:40px;}
	.index-about .commonweb{ left:50%; margin-left:-600px; width:1200px;}
	.index-abouttxt h2{ font-size:28px; line-height:38px; padding-bottom:13px; margin-bottom:17px;}
	
	.banner-left,.banner-right{ width:53px; height:93px; left:50%;}
	.banner-left{ margin-left:-597px;}
	.banner-right{ margin-left:547px;}
	.top-new{ padding-left:33px; background-size:auto; height:52px; overflow:hidden; margin-top:-7px;}
	.top-new li{ height:52px; line-height:52px; overflow:hidden;}
	.top-new li a{ font-size:16px; color:#fff; display:block;}
	.index-flex{ height:52px;}
	.top-search{ margin-top:4px;}
	
	/*侧漂*/
	.float{right:30px;}
	
	/*行业应用*/
	.casenav{ padding:64px 64px 30px;}
	.subnav a{ font-size:36px; line-height:160px;}
	.thepage{ padding:20px 20px 15px;}
	
	/*产品中心*/
	.pro-choose{ font-size:16px; line-height:52px; padding-left:129px;}
	.pro-choose span{ background-image:url(../images/icon01.png); background-size:24px auto; padding-left:38px;}
	.pro-choose span{ line-height:52px; width:109px;}
	.pro-choose em{line-height:52px;}
	.high-search{ top:52px;}
	.prolist{ padding:40px 50px 0;}
	.this{ padding:0 130px;}
	.lSPrev,.lSNext{width:46px; height:80px;}
	.lSPrev{  left:80px}
	.lSNext{right:80px;}
	.pro-page{ padding-top:0;}
	
	/*产品参数*/
	.pro-data{ padding-top:60px; padding-right:60px; padding-left:60px;}
	.pro-data h4{ font-size:22px; padding-top:75px; padding-bottom:30px;}
	.data-form{ margin:0 35px;}
	.pro-data .detail-choose{ padding-bottom:90px;}
	.propro{ padding:0; height:100px;}
	
	.relative-pro{ padding-bottom:52px; padding-top:30px;}
	.pro-data .this-h3{ padding-top:67px;}
	.pro-txt .pro-more{ bottom:38px;}
	.sub-prolist li:nth-child(2n) .pro-more{ bottom:110px;}
	.case-list ul{ margin:0 -10px;}
	
	
	/*技术支持*/
	.tec-list{ padding:26px 50px 54px;}
	.tec-list .page{ padding-top:55px;}
	
	/*下载专区*/
	.download{ padding:60px 100px 100px;}
	.range{ padding:60px 74px 74px;}
	
	/*d代理商*/
	.agent-nav{ padding-top:20px;}
	.agent-list{ position:relative; top:-30px;}
	.agent-detail{ margin:0 -10px;}
	
	/*企业招聘*/
	.recruitment-table th{ line-height:58px;}
	.recruitment-table th:nth-of-type(6){ padding-right:7%}
	.recruitment-table tr td{ line-height:60px;}
	.pd20{ padding:0 20px;}
	.that-td{ padding-right:4%}
	.the-td{ padding-left:0;}
	.repage{ padding-top:47px;}
	
	/*荣誉资质*/
	.about-honor{ /*height:1300px;*/ overflow:hidden; width:1100px; /*margin-left:-25px;*/}
	.honor{ padding:25px 75px 66px;}
	.wall{ padding-top:50px; width:1050px; padding-left:50px;}
	.wall li{ width:25%; float:left;}
	/*/*.wall li:nth-of-type(3){-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);left: 50%;}
	.wall li:nth-of-type(6){ -moz-transform:translateY(-99%) rotate(-9deg); -ms-transform:translateY(-99%) rotate(-9deg); -o-transform:translateY(-99%) rotate(-9deg); -webkit-transform:translateY(-99%) rotate(-9deg); transform:translateY(-99%) rotate(-9deg);}*/*/
	
	
	/*搜索结果*/
	.result-list{ padding:0 70px 60px 100px;}
	
	
	.index-proul li{ min-height:410px;}
	
	
	.index-banner img{ min-height:520px;}
	
	.insidebanner img{ min-height:280px;}
	
	
	.hasActive{ padding:0 155px;}
	
}


#btn {
    border-top: 1px solid #dedede;
    background: #252525;
    height: 30px;
}
#btn ul li {
    display: inline;
    float: left;
    height: 50px;
    line-height: 50px;
    text-indent: 2.5em;
    width: 33%;
}
#btn ul li a {
    border-radius: 5px;
    color: #fff;
    display: block;
    height: 34px;
    line-height: 34px;
    margin: 8px auto;
    width: 80%;
}
#btn ul li {
    text-align: center;
}
#btn ul li a.btn_1 {
    background: #1896e6 url("../images/icon_4.png") no-repeat scroll 15% center / 20px auto;
}
#btn ul li a.btn_2 {
    background: #ffbb10 url("../images/icon_5.png") no-repeat scroll 15% center / 20px auto;
}
#btn ul li a.btn_3 {
    background: #50c25f url("../images/icon_6.png") no-repeat scroll 15% center / 20px auto;
}

.footer_fixed {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    line-height: 50px;
    max-width: 768px;
    min-height: 50px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.pop_showmsg_wrap:focus {
    outline: 0 none;
}
.pop_showmsg_wrap, .pop_showmsg {
    background: #f6fbfe url("../images/pop_showmsg.png") no-repeat scroll 0 0;
}
.pop_showmsg_wrap {
    background-position: right 0;
    border-radius: 8px;
    box-shadow: 0 0 10px #e1e1e1;
    height: 55px;
    padding-right: 9px;
    position: fixed;
    z-index: 11;
}
.pop_showmsg {
    background-position: left 0;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    display: inline-block;
    font-size: 14px;
    height: 55px;
}
.pop_showmsg span {
    color: #333;
    display: block;
    height: 35px;
    line-height: 36px;
    padding: 10px 10px 10px 68px;
    text-shadow: 0 1px 1px #eee;
}
.pop_showmsg span.success {
    background: rgba(0, 0, 0, 0) url("../images/success.gif") no-repeat scroll 20px center;
}
.pop_showmsg span.warning {
    background: rgba(0, 0, 0, 0) url("../images/warning.gif") no-repeat scroll 20px center;
}