/* 初始化/reset */
@charset "utf-8";
*,*:before,*:after{box-sizing:border-box;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body {position:relative;background:#fff;line-height:150%;box-sizing:border-box;color:#5a5a5a;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;font-size:14px;}
a{color:#2a2c2e;text-decoration:none;}
a:hover{color:#0070bd;}
h1,h2,h3,h4,h5,h6 {font-weight:700;line-height:normal;}
h2{font-size:18px;}
h3{font-size:16px;}
strong{color:#000;}
ol,ul,li{list-style:none;}
pre{padding:10px;margin:10px 0;word-break:break-all;word-wrap: break-word;white-space:pre-wrap;background:#f9f9f9;border:1px solid #f0f0f0;color:#aaa;}
img{max-width:100%;height:auto;display:block;border:0;}
i{margin-right:5px;}
hr{margin:10px 0 0 0;height:1px;border:none;background:#ddd;}
input,select,textarea{border:1px solid #dfdfdf;background:#fff;outline:none;width:100%;color:#464646;padding:8px;font-size:14px;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;}
textarea{resize:none;overflow-y:hidden;display:block;}
table {float:none;border-collapse:collapse;max-width:100%;width:100%;margin:1em 0;}
table td {border:1px solid #ddd; padding:5px 2px;vertical-align:middle;}
.clearfix:after,.clearfix:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;}
.hidden{display:none;}

[class^="icon-"]::before, [class*="icon-"]::before {display: inline-block;font-family: "biaofan";font-style: normal;font-variant: normal;font-weight: normal;height: 16px;line-height: 24px;text-align: center;text-decoration: inherit;text-transform: none;width: 16px;}
/* header */
.top-nav{ background:#0070bd;}
.top-navcontont{position:relative;}
.top-navcontont p{ color:#FFF; font-size:12px; padding:6px 0;}
.top-navcontont p.fr{ text-align:right; color:#b4c9e5;}
.top-navcontont p.fr span{ font-size:16px; color:#FFF; margin-left:15px;}
.top-navcontont a.jumpurl{color:#fff;position:absolute;right:37.5%;top:5px;}
.header-content{padding:15px 0;background:#fff;}
.search-content{position:relative; width:20%;}
.search-content a.btn{cursor:pointer;display:block;text-align:center;width:40px;overflow:hidden;height:40px;border:1px solid #0070bd; background:#0070bd;color:#fff;border-radius:0;-webkit-border-radius:0; z-index:99999;}
.search-content a.btn i{margin:0;line-height:40px;}
a.open-search,a.close-search,a.go-home{position:absolute;top:3px;}
.search-content a.close-search{display:none;}
.search-content a.close-search i,.header-content a.open-search i,.header-content a.go-home i{top:-2px;position:relative; font-size:20px;}
a.go-home{right:0px; display:block; text-align:center; padding-top:8px; border:1px solid #fafafa !important; background:#fafafa !important;color:#292929 !important; font-size:16px;}
a.open-search,a.close-search{right:45px;}
.header .logo{width:20%;}
.header .logo img{max-width:168px;}
.header .nav{width:60%;text-align: left;margin-top:22px;}
ul.menu li{display:inline;}
ul.menu li a{padding:0 25px;position:relative;}
ul.menu li a:after{position:absolute;content:"";right:0;top:5px;width:1px;height:12px;background:#CCC;}
ul.menu li:last-child a:after,ul.menu li.lasta a:after{display:none;}

/* home-sidebar */
.home-sidebar{position:fixed;width:280px;height:100%;top:0;left:-280px;background:#28292f;color:#fff;}
.sidebar{padding:20px;color:#b0b2b9;}
.sidebar p.sidebar-title{position:relative;border-bottom:2px solid #b0b2b9;font-size:16px;font-weight:700;padding:0 0 8px 35px;}
.sidebar p.sidebar-title span{position:absolute;left:0;top:0;width:25px;height:25px;}
.sidebar .sidebar-link{padding:20px 0;}
.sidebar .sidebar-link a{color:#b0b2b9;display:block;}
.sidebar .sidebar-link a:hover{color:#fff;}
.header-content{border-bottom: 1px solid #E3E3E3;}

.ad-detail{text-align:center;margin-top:50px;color:#fff;}
.ad-detail h3{font-size:30px;margin-bottom:5px;font-weight:100;text-transform:uppercase;}
/*.ad-detail h3:first-letter{color:#fff;}*/
.ad-detail p{font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.about-detail{text-align:left;margin-top:135px;}
.about-detail h3{letter-spacing:0.15em;}
.publica{ position:relative;}

/* 搜索(带下拉框) */
.search{display:none;position:absolute;right:-23px;width:230px;top:-41px;z-index:16;background:#fff; margin-right:90px;}
.has-select-search{position:relative;border:1px solid #efefef;}
.has-select-search input{background:none;border:none;}
.has-select-search input[type="text"]{width:70%;border:none; height:39px;}
.has-select-search input[type="submit"]{position:absolute;right:2px;top:5px;height:30px;width:30px;cursor:pointer;padding:0;z-index:2;}
.has-select-search input[type="submit"]:hover{color:#0070BD;}

/* public */
.public,.publica,.top-navcontont,.services,.indnews,.advantage,.conterfooter,.conterfootera,.main{width:1200px;margin:0 auto;}

.superiority{ position:relative;}
.superiority p.tu img{ margin:0 auto; padding-top:45px;}
.superiority p.tu:after{ background:#dadada; content:""; height:1px; position:absolute; top:58px; width:100%; z-index:-10;}
.superiority h3{ text-align:center; font-size:26px; color:#333; padding:25px 0; font-weight:400;}
.superiority span.ms{ text-align:center; font-size:16px; color:#575757; display:block; line-height:28px;}

.public-nav{ width:24.25%; margin-right:1%; padding-top:30px;}
.public-fore{ margin-right:0;}
.public-nav h4{ font-size:14px; color:#141414; position:relative;}
.public-nav h4 i{ font-size:4px; bottom:6px; position:absolute; left:-20px;}
.public-nav ul li{ padding:25px 20px; margin-right:15px;}
.public-two ul li{ padding:25px 20px 13px 20px;}
.public-two ul li a{ margin-top:20px !important;}
.public-there ul li a{ margin-top:10px !important;}
.public-there ul li.one-cont{ padding:10px 20px;}
.public-nav ul li p{ font-size:12px; color:#0070bd; padding:15px 0 2px 0;}
.public-nav ul li a{ display:inline-block; color:#FFF; background:#0070bd; padding:10px 15px; border-radius:5px;-webkit-border-radius:5px; margin-top:30px;}
.public-nav ul li a:hover{ background:#005793;}
.public-nav ul li a i{ margin-left:20px;}
.public-nav ul li span{ display:block; font-size:12px; position:relative;}
.public-nav ul li span i{ font-size:3px;}
.public-nav ul li.one-top,.public-nav ul li.one-cont{ border-bottom:solid 1px #dadada;}
.public-one ul li.one-bottom{padding: 64px 20px 25px 20px;}
.public-there ul li.one-bottom{ padding:10px 20px 25px 20px;}
.public-fore ul li.one-bottom{ padding:65px 10px 25px 20px;}
.public-there ul li.one-top{ padding:25px 20px 10px 20px;}

.services{ padding:60px 0;}
.services ul li{ width:13.428%; margin-right:1%;}
.services ul li img,.advantage ul li img{ margin:0 auto;}
.services ul li p{ text-align:center; padding-top:10px;}

.technical{ background:#0070bd;}
.technical p{ color:#FFF; text-align:center; font-size:18px;}
.technical p.technical-a{ padding:48px 0 10px 0;}
.technical p.technical-b{ padding-bottom:48px; font-size:16px;}
.technical p.technical-b span{ color:#c6fe59; font-size:22px; font-weight:700; display:inline-block; padding-right:10px;}

.indnews a.newsmore{ border:solid 1px #dadada; border-radius:5px; padding:10px 15px; display:inline-block; text-align:center; margin-left:45%; margin-bottom:10px; color:#0070bd;}
.indnews a.newsmore:hover{border:solid 1px #0070bd; background:#0070bd; color:#FFF;}
.indnews ul li{ width:23.5%; margin-right:2%; padding:45px 0;}
.indnews ul li h3{ text-align:left; font-size:14px; color:#1c1c1c; font-weight:700; padding:20px 0 12px 0;}
.indnews ul li p{ font-size:12px; color:#575757;}
.indnews ul li span{ color:#7b7b7b; font-size:12px; display:block; padding:10px 0;}
.indnews ul li a{ font-size:14px; color:#0070bd;}
.indnews ul li:hover a{ color:#005793;}

.advantage{ padding:50px 0 70px 0;}
.advantage ul li{ width:22.75%; margin-right:3%;}
.advantage ul li p{ text-align:center; line-height:26px;}
.advantage ul li h3{ font-size:18px; font-weight:500; padding:20px 0 15px 0;}
.advantage ul li img{position: relative;}

.footer{ background:#eff3f5;}
.footer-top p{ position:relative; border-bottom:solid 1px #CCCCCC; padding:50px 0 15px 40px; margin-bottom:23px; font-size:16px; color:#161616; font-weight:500;}
.footer-top p img{ position:absolute; top:50px; left:0;}
.footer-top p i{ float:right; top:5px; position:relative;}
.footer-top a{ display:block; padding-bottom:3px; color:#505050; font-size:12px;}
.footer-top a:hover{ color:#0070BD;}
.footer-top a i{ color:#c3c3c3; padding:0 10px 0 20px;}
.footer-one,.footer-there{ width:19%; margin-right:2%;}
.footer-lr{ padding-bottom:90px;}
.footer-two{ width:36%; margin-right:2%;}
.footer-four{ width:20%;}
.footer-lr a{ width:50%;}
.footer-four a{ padding-left:20px;}

.footer-bottom{ border-top:solid 1px #CCC; padding-bottom:100px;}
.bottom{ margin-top:20px;}
.bottom h4{ font-size:15px; color:#282a2b;}
.bottom p{ font-size:12px; color:#505050; padding-top:10px;}
.bottom p span{ color:#0070bd;}
.bottom a{ padding:10px 15px; background:#4b4d4e; color:#FFF; border-radius:5px; margin:10px 0; display:inline-block;}
.bottom a:hover{ background:#0070BD;}
.bottom-one{ width:59%;}
.bottom-two p,.bottom-there p{ font-size:14px; color:#161616; padding:20px 0 10px 0; font-weight:600;}
.bottom-two span,.bottom-there span{ font-size:12px;}
.bottom-two{ width:20%;}
.bottom-there{ width:21%;}
.copyright-a{ float:right;}
.conterfootera p{ color:#FFF; font-size:12px; padding:10px 0;}
.conterfootera p a{ font-size:12px; color:#FFF;}
.conterfootera p a:hover,.copyright-b a:hover{ border-bottom:solid 1px #FFFFFF;}
.bottom a.ke-insertfile{ background:none; color:#0070bd; margin:0; padding:0; border-bottom:solid 1px #EFF3F5; border-radius:0;}
.bottom a.ke-insertfilea{border-bottom:solid 1px #fff;}
.bottom a.ke-insertfile:hover{ border-bottom:solid 1px #0070bd; border-radius:0;}

.copyright{ background:#0070bd; overflow:hidden;}
.copyright-b a{ color:#FFF; margin:10px 5px; font-size:12px; border-bottom:solid 1px #0070BD;}
.position{ text-align:right; font-size:12px; padding:20px 0 0 0;}

.editor-content h4,.public-bt h4{ font-size:20px; color:#333; font-weight:400; position:relative; padding:20px 0 20px 40px;}
.editor-contentb h4{padding:20px 0 0 40px;}
.editor-content h4 img,.public-bt h4 img{ position:absolute; top:23px; left:0;}
.editor-content h4 span,.content p.tip span,.public-bt h4 span{ display:inline-block; padding-left:15px; font-size:18px; color:#7b7b7b; font-family:宋体;}
.editor-content h4 span:after,.public-bt h4 span:after{ content:""; position:absolute; height:1px; right:0; top:36px; width:850px; background:#e3e3e3;}
.editor-content p{ line-height:26px; padding-bottom:50px;}
.footer-bottoma{ border:none;}
.bottom-onea{margin-top:0 ;}
.bottom-onea p{ padding:0 0 10px 0; }
.public-bt{ padding-bottom:20px;}

/* page-number */
.page-number{text-align:center;padding:30px 0;}
.page-number ul li{display:inline;}
.page-number ul li a{color:#000;padding:4px 10px;background:#f9f9f9;}
.page-number ul li a:hover{background:#0070BD;color:#fff;}
.page-number ul li.active a{background:#0070BD;color:#fff;}

.content p.tip{ font-size:20px; color:#333;}
.content p.tip-nav{ font-size:14px; color:#575757; padding:20px 0;}
.yeqian ul li{ width:15%; margin-right:2%; text-align:center; margin-bottom:10px;}
.yeqian ul li a{border:dashed 1px #CCC; display:block;  padding:5px 0;}

.editor-left,.editor-right{ width:50%;}
.editor-content h5{ font-size:16px; line-height:28px;}
.editor-content h5 span{ display:block; font-weight:400;}
.editor-content table td{background:#fff!important;padding:7px 5px;}
.editor-content table tr:nth-child(odd) td{background:#f7f7f7!important;}
.editor-content table tr.odd td{background:#f7f7f7!important;}

/* single */
.single{padding:0 0 80px 0;}
.single h3.section-tip{font-weight:700;color:#000;margin-bottom:2em;}
.single .home-news-cage{bottom:0;width:70%;right:0;text-align:right;}
.single h3.page-section-tip{font-size:18px;font-weight:700;}
.single h3.page-section-tip span{font-size:16px;}

/* news-list */
ul.news-list li{position:relative;padding:0 0 0 150px;margin-bottom:3em; }
ul.news-list li a{color:#000;}
ul.home-news-list li span.news-time em,ul.home-plan-list li span.news-time em,ul.news-list li span.news-time em,.page-view span.news-time em{display:block;line-height:normal; font-size:12px;}
ul.news-list li span.news-time,.page-view span.news-time{position:absolute;width:100px;height:80px;left:0;top:0;color:#000;}
ul.news-list li span.news-time em.day,.page-view span.news-time em.day{font-size:20px;border-bottom:1px solid #bcbcbc;width:80px;padding-bottom:3px;margin-bottom:3px;}
ul.news-list li span.news-time em.cage-name{color:#999;}
ul.news-list li p{font-size:12px; color:#666; line-height:22px;}
ul.news-list li p.news-title{font-size:15px;margin-bottom:5px;font-weight:700; color:#000;}
ul.news-list li:last-child{margin-right:0;}
/* page-view */
.page-view{position:relative;font-size:12px;color:#000;}
.news-view{padding:0 0 0 100px;}
.news-view p.item-info span{margin-right:15px;}
.case-view{background:#fff;}
h1.title{font-size:18px;color:#000;font-weight:700;margin-bottom:5px; line-height:40px; }
.editor{ padding:20px 0;}

/* page-url */
.page-url{padding:5px 0;color:#616161; border-top:#999 dashed 1px;}
.page-url span{margin-right:8px;}
.page-url a,.related-item,.related-item ul li a{color:#616161;}
.page-url a:hover,.related-item ul li a:hover{color:#000;}


/* error tip */
#error-tip{display:none;position:fixed;z-index:20;width:300px;height:150px;left:50%;margin-left:-150px;top:50%;margin-top:-75px;background:#e40011;color:#fff;font-size:18px;line-height:150px;text-align:center;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;}
/* go-top */
a.go-top{position:fixed;right:20px;bottom:20px;display:none;z-index:16; background:#0070BD; width:50px; height:50px; border:solid 1px #FFF;}
a.go-top i{font-size:2.5em;color:#fff; position:absolute; top:8px; left:13px;}
a.go-top:hover i{color:#0c9afc;}

/* related-item */
.related-item ul li{width:50%;}
.related-item span{display:block;margin-bottom:15px;}

.product-index{ padding:50px 0;}
.pru-left{ width:20%; margin-right:5%;}
.pru-right{ width:75%;}
.pru-left ul.cage-name li{ border-bottom:solid 1px #CCCCCC; padding:15px 0;}
.pru-left ul.cage-name li:hover a{color:#0070bd;}
.pru-left ul.cage-name li.active a{color:#0070bd;}
.pru-left ul.cage-name li i{ font-size:4px; padding-right:20px;}
.pru-left ul.cage-name li a{ font-size:14px; color:#141414; font-weight:600;}
.pru-left ul.cage-name li a span{ display:block; font-size:12px; font-weight:100; padding-left:30px; padding-top:5px;}

span.one,span.four{ width:15%;}
span.two{ width:20%;}
span.there{ width:50%;}
ul.table{border-bottom:1px solid #ccc;}
ul.table li.bt span{ text-align:center; background:#0070bd; color:#fff; padding:10px;}
ul.table li.nr span{ text-align:center; padding:10px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
ul.table li.nr span.one,ul.table li.nr span.two,ul.table li.nr span.there{ border-right:solid 1px #CCC;}
ul.table li.odd{ background:#f7f7f7;}
.content h1{ text-align:center;}
.down-annex{ padding:20px 0;}

.editor-content-services{ padding:20px 0 50px 0;}
.cjwt {padding: 0 50px 20px 200px;}
/* animate */
.animate{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;}
.animate-1{-webkit-animation:bounceIn 1.2s .2s ease both;-moz-animation:bounceIn 1.2s .2s ease both;-ms-animation:bounceIn 1.2s .2s ease both;} /*弹*/
.animate-2{-webkit-animation:fadeInUp .5s .2s ease both;-moz-animation:fadeInUp .5s .2s ease both;-ms-animation:fadeInUp .5s .2s ease both;}/*向上淡入*/
.animate-3{-webkit-animation:fadeInDown .5s .2s ease both;-moz-animation:fadeInDown .5s .2s ease both;-ms-animation:fadeInDown .5s .2s ease both;}/*向下淡入*/
.animate-4{-webkit-animation:fadeOut .6s .2s ease both;-moz-animation:fadeOut .6s .2s ease both;-ms-animation:fadeOut .6s .2s ease both;}/*淡出*/
.animate-5{-webkit-animation:fadeIn .6s .2s ease both;-moz-animation:fadeIn .6s .2s ease both;-ms-animation:fadeIn .6s .2s ease both;}/*淡入*/
.animate-6{-webkit-animation:lightSpeedIn .6s .2s ease both;-moz-animation:lightSpeedIn .6s .2s ease both;-ms-animation:lightSpeedIn .6s .2s ease both;}
.animate-6o{-webkit-animation:lightSpeedOut .6s .2s ease both;-moz-animation:lightSpeedOut .6s .2s ease both;-ms-animation:lightSpeedOut .6s .2s ease both;}
.animate-7{-webkit-animation:flipInY .6s .2s ease both;-moz-animation:flipInY .6s .2s ease both;-ms-animation:flipInY .6s .2s ease both;}
.animate-8{-webkit-animation:flipOutY .6s .2s ease both;-moz-animation:flipOutY .6s .2s ease both;-ms-animation:flipOutY .6s .2s ease both;}
.animate-9{-webkit-animation:zoomIn .6s .2s ease both;-moz-animation:zoomIn .6s .2s ease both;-ms-animation:zoomIn .6s .2s ease both;}
.animate-10{-webkit-animation:bounceIn .6s .2s ease both;-moz-animation:bounceIn .6s .2s ease both;-ms-animation:bounceIn .6s .2s ease both;} /*快速弹*/
.rotateup{color:#EA5413;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.rotatedown{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.loop{animation-iteration-count:infinite;/*animation-duration:.8s*/}
.fastanimate{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;}