/* ===============
 * 2018.6.16
 * ===============*/
*,*::before,*::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {font-size:62.5%; /* 10÷16=62.5% */ -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body{position: relative; }
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section,summary{display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
[hidden],template,script {display: none;}
html,body,fieldset,img,iframe,abbr{border: none;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,a,a:hover{text-decoration:none;}
body,input,textarea,select,button{text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga", "kern";font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; line-height: 1.5; font-size: 1.4rem; color: #3b3e42;outline:0;}
a{color:#333;}
a:hover , a:focus{color: #3f92f7;}
/*responsive*/
img {vertical-align: middle; border: 0; max-width: 100%;}

/* ========================
 * 功能（function）（.f-）
 * ==========================*/
.f-cb:after,.f-cbli li:after,.g-full:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fs3{font-size:16px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-text-truncate{word-wrap: normal; /* for IE */  text-overflow: ellipsis;  white-space: nowrap;overflow: hidden;}
input:focus::-webkit-input-placeholder , textarea:focus::-webkit-input-placeholder{color:transparent;}
/* ========================
 * 皮肤（skin）（.s-）
 * ========================*/
.s-white{color: #fff;}

/* 状态（.z-） */
.z-hc:hover{color: #3f92f7;}
.z-htdu:hover{text-decoration: underline;}


/* ======================
 * 布局（grid）（.g-）
 * ======================*/
.g-auto{margin-left: auto; margin-right: auto;}
.g-p-h5{padding-left: 5px; padding-right: 5px;}
.g-p-h15{padding-left: 15px; padding-right: 15px;}
.g-p-v15{padding-bottom: 15px; padding-top: 15px;}
.g-p-v30{padding-bottom: 30px; padding-top: 30px;}
.g-mt10{margin-top: 10px;}.g-mb10{margin-bottom: 10px;}
.g-mt15{margin-top: 15px;}.g-mb15{margin-bottom: 15px;}
.g-mt30{margin-top: 30px;}.g-mb30{margin-bottom: 30px;}
.g-mt60{margin-top: 60px;}.g-mb60{margin-bottom: 60px;}
.g-pt10{padding-top: 10px;}.g-pb10{padding-bottom: 10px;}
.g-pt15{padding-top: 15px;}.g-pb15{padding-bottom: 15px;}
.g-pt30{padding-top: 30px;}.g-pb30{padding-bottom: 30px;}
.g-pt60{padding-top: 60px;}.g-pb60{padding-bottom: 60px;}
.g-mw1200{max-width: 1200px; margin-left: auto; margin-right: auto;}
.g-mw1400{max-width: 1400px; margin-left: auto; margin-right: auto;}
.g-full{max-width: 100%; margin-left: auto; margin-right: auto; }
.g-mt90{margin-top: 90px;}

/* 模块（module）（.m-） */


/* 元件（unit）（.u-） */

/*header*/
.head-top{background-color: #3b3e42; height: 40px; line-height: 40px;}
.head-top .dec , .head-top .search{width: 50%;}
.head-top .dec span{color: #fc0200;}
.search a{background: #fa0105; padding: 0 10px;}
.search-o{position: absolute; top: 0; left: 0; width: 100%;}
.search-o button{background: transparent; border: none;width: 5%;}
input.search_text{height: 100%; border: none;width: 90%;background: #3b3e42;color: #fff; line-height: 24px;}

.logo{width: 280px; height: 80px; padding: 25px 0;}
.logo p{max-width: 255px; margin-top: 5px;}
.logo strong{font-size: 3rem;}
.logo span{font-size: 1.6rem;}
.logo span:before{content: "—"; display: inline-block; margin-right: 5px;}
.logo span:after{content: "—"; display: inline-block; margin-left: 5px;}
.head {height: 130px;}
.head .tel{width: 220px; line-height: 25px; height: 60px; padding: 35px 0;}
.head .tel img{margin-right: 5px;}
.head .tel span{font-size: 1.6rem;}
.head .tel em{font-size: 2.6rem; color: #de302d;}
.menu{height: 60px; width: 650px;}
.menu li{float: left; line-height: 60px; width: 13.6666%; font-size: 1.8rem; font-weight: 600; padding: 35px 0; cursor: pointer;}
.menu li:hover >a{color: #3f92f7;}
.drop-menu{position: absolute; left: 0; top: 130px; z-index: 10; width: 100%; height: auto; background: rgba(22,30,47,.88); line-height: 1.5; opacity: 0; visibility: hidden; transition: all .3s linear;}
.drop-menu a{color: #fff;}
.drop-menu a:hover{ color: #3f92f7;}
.menu .drop-hover:hover .drop-menu{visibility: visible; opacity: 1;}
.drop-menu dl{width: 19%; position: relative; float: left; padding-left: 3%;}
.drop-menu dl:before{content: ""; height: 380px; width: 1px; background: #636874; left: 0; top: 0; position: absolute;}
.drop-menu dl:last-child:after{content: ""; height: 380px; width: 1px; background: #636874; right: 0; top: 0; position: absolute;}
.drop-menu .hot{width: 24%;}
.drop-menu dt{font-size: 1.6rem;}
.drop-menu dd{font-size: 1.4rem; margin-bottom: 20px; font-weight: 300; }
.drop-menu dd a , .drop-menu dt a{color: #fff;}
.drop-menu .hot a:before{content: "";background: url(hot.svg) no-repeat center center; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px;}

/*footer*/
.foot-top{background: url(foot_top_bg.png) repeat-x center center; height: 120px; margin-top: 80px;}
.foot-top:after{content: ""; background: url(foot_top_bg1.png) no-repeat left top; height: 120px;  width: 100%; position: absolute; left: 0; top: -50px; z-index: -1;}
.foot-top dt , .foot-top dd{display: inline-block; float: left; width: 15%; font-size: 2rem; line-height: 30px; margin-top: 70px;}
.foot-top dt {width: 25%; font-size: 2.6rem;}
.foot{background-color: #3b3e42; padding: 30px 0;}
.foot em{font-size: 1.6rem;}
.foot span{display: block; margin-bottom: 15px; height: 20px; line-height: 20px; vertical-align: middle;}
.foot2 span:before , .foot3 span:before{content: ""; width: 4px; height: 14px; background: #3f92f7; display: inline-block;  margin-right: 10px;}

.foot a{color: #fff;}
.foot li{position: relative;}
.foot li:after{content: "";  border: 1px solid #7c7c7c; height: 300px; position: absolute; top: 0; right: 0; transform: scaleX(0.5);}
.foot li:last-child:after{display: none;}
.foot1 {width: 12%;} 
.foot2{width: 25%;}
.foot3{width: 28%;}
.foot4{width: 35%;}
.foot2 , .foot3{padding: 0 5%;}
.foot4{padding-left: 30px;}
.foot .col{width: 50%;}
.foot .tel{font-size: 3rem; color: #3f92f7;}
.foot-bottom{background: #3f92f7;}
/*主页*/
.banner { position: relative; width: 100%; overflow: auto;  font-size: 18px; line-height: 24px; text-align: center;  color: rgba(255,255,255,.6); text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);  background: #5b4d3d; box-shadow: 0 1px 2px rgba(0,0,0,.25); }
.banner ul { list-style: none; width: 300%; }
.banner ul li { display: block; float: left; width: 33%; min-height: 350px;  -o-background-size: 100% 100%; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%;  box-shadow: inset 0 -3px 6px rgba(0,0,0,.1); }
.banner .dots { position: absolute; left: 0; right: 0; bottom: 20px; }
.banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px;  text-indent: -999em;  border: 2px solid #fff; border-radius: 6px;  cursor: pointer; opacity: .4;  -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }
.banner .dots li.active {background: #fff;opacity: 1;}
.banner .prev {position: absolute;left: 10px; top: 50%;}
.banner .next {position: absolute;right: 10px;top: 50%;}
.world-valves strong{font-size: 3rem;}
.world-valves strong+p{font-size: 1.6rem; color: #757575;}
.world-valves .box{padding-left: 15px; padding-right: 15px;}
.world-valves .box figcaption{position: absolute; left: 0; bottom: 0; right: 0; background: rgba(47,103,171,.7); color: #fff; line-height: 50px; padding: 0 25px; transition: all .3s linear;font-size: 1.8rem;}
.world-valves .box figure:hover figcaption{background: rgba(204,62,58,.7);}
.world-valves .box1 {width: 29%;}
.world-valves .box2{width: 33.5%;}
.world-valves .box2{margin-left: 2%;}
.world-valves .box2 figure{margin-bottom: 4.5%;}
.world-valves .box3{width: 49%;}
.price{background: url(price_bg.jpg) no-repeat center center;}
.price strong{font-size: 3.6rem;text-shadow: 2px 0px 0px #272727; color: #3f92f7; letter-spacing: 2px;}
.price input[type='text']{height: 40px; line-height: 40px; width: 330px; padding: 0 5px; font-size: 1.6rem;}
.price input[type='text']:nth-child(2){margin-top: 20px;}
.price form .r{margin-left: 20px;}
.price input[type='submit'],.price input[type='button']{height: 100px; width: 100px; background: #3f92f7; color: #fff; border:1px solid #3f92f7;}
.i .info em{color: #3f92f7; height: 120px; line-height: 120px; font-size: 3rem;}
.i .info .w70{width: 70%;}
.i .info .w60{width: 95%;}
.i .info .dec{padding: 60px 40px; color: #fff; height: 243px;}
.i .info .l{background: url(bg_blue.jpg) repeat left top; width: 60.5%; }
.i .info .r{position: absolute; width: 39.5%; right: 0; top: 0;background: #f5f5f5; z-index: -1; height: 640px; z-index: -1;}
.i .info .img_r{margin-left: 30px;}
.no{background: url(bg_black.jpg) repeat left top;}
.no li{width: 20%;}
.no span{font-size: 2.4rem;}
.no big{font-size: 5.4rem;}
.i-news{background: url(i_newsbg.jpg) no-repeat left top; padding-top: 80px; padding-bottom: 80px;}
.i-news h2{font-size: 3rem;}
.i-news .news , .i-news .case{width: 49%;}
.i-news .case ul{margin-left: -3%;}
.i-news .case li{width: 47%; margin-left: 3%; margin-bottom: 15px;}
.i-news figure img{border: 7px solid #fff;}
.i-news figure figcaption{position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: all 0.3s linear; cursor: pointer;}
.i-news figure:hover figcaption{visibility: visible; opacity: 1; background: rgba(0,0,0,.4); color: #fff; padding: 5%;}
.i-news .item .l{width: 68%;}
.i-news .item .r{width: 30%;}
.i-news .item h3{font-size: 1.8rem;}
.i-news .item {margin-bottom: 20px;}
.i-news .item:last-child{margin-bottom: 0;}
/*crm*/
.crm{background: #f2f2f2; height: 40px; padding: 8px; line-height: 24px; font-size: 1.6rem;}
.crm img{vertical-align: text-top; margin-right: 5px;}
/*article-products*/
.valve{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 55%, rgba(248,253,254,1) 80%, rgba(245,252,254,1) 92%, rgba(243,251,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 55%,rgba(248,253,254,1) 80%,rgba(245,252,254,1) 92%,rgba(243,251,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 55%,rgba(248,253,254,1) 80%,rgba(245,252,254,1) 92%,rgba(243,251,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3fbfd',GradientType=1 ); /* IE6-9 */}
.valve .img{width: 40%;}
.valve .tt{width: 55%;}
.valve h1{font-size: 3rem;}
.valve .tt p{margin-top: 15px;}
.valve .btn a{font-size: 1.6rem; height: 40px; line-height: 40px; padding: 0 20px;}
.valve .btn img{vertical-align: text-top;}
.valve .chat{background: #ed5046; margin-right: 15px;}
.valve .tel{background: #424353;}
.valve-nav li{float: left; width: 16.6666%; position: relative;}
.valve-nav li:after{content: ""; display: inline-block; position: absolute; background: #fff; width: 1px; height: 100%; right: 0; top: 0;}
.valve-nav li a{display: block; background: #efefef;line-height: 42px;}
.valve-nav li a:hover , .valve-nav li.active a{background: #ed5046; color: #fff;}

.wrap-valve .fixed{position: fixed; left: 0; top: 0; width: 100%; margin-top: 0; z-index: 999;}
.wrap-valve .fixed ul{max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 15px;}
.wrap-valve section h2{color: #5ca1db; font-size: 2.4rem; font-weight: normal; border-bottom: 1px solid #dadada; padding: 0 0 10px 10px;}
.wrap-valve section article{padding: 30px 15px; font-size: 1.5rem;}
.wrap-valve section article p{text-indent: 2em; margin-bottom: 20px;}
.wrap-valve section article img{display: block; margin: 15px auto;}
.wrap-valve2{background: #f6f6f6;}
.wrap-valve4 ul{margin-left: -2.3333%;}
.wrap-valve4 li{float: left; margin-left: 2.3333%; width: 31%;}
.has-mask{position: relative; display: block;}
figure:hover .has-mask:after {content: '';display: block; background: rgba(0,0,0,0.2);width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.wrap-valve5 img{border: 1px solid #dbdbdb;}
.wrap-valve5 ul{margin-left: -1%;}
.wrap-valve5 li{float: left; width: 24%; margin-left: 1%;}
.wrap-valve6 .dec{font-size: 1.6rem; padding-left: 30px;}
.wrap-valve6 .form-row{width: 50%;}
.wrap-valve6 label{font-size: 1.6rem; width: 15%; display: inline-block; margin-right: 1%; text-align: right; vertical-align: middle;}
.form-area label{width: 7%; vertical-align: top; height: 50px;}
.form-area textarea{width: 85%; padding: 5px 10px;  font-size: 1.6rem; }
.wrap-valve6 .form-row input{width: 70%; height: 50px; line-height: 50px; font-size: 1.6rem; padding: 5px 10px; color: #333; }
.wrap-valve6 .btn{margin-left: 8.5%;}
.wrap-valve6 .btn input{border: none; line-height: 44px; font-size: 1.6rem; padding: 0 60px;}
.wrap-valve6 .btn input[type='submit']{background: #f24b4b; padding: ;}
.wrap-valve6 .btn input[type='reset']{background: #828282;}
.wrap-valve .wrap-valve4 h2, .wrap-valve .wrap-valve5 h2, .wrap-valve .wrap-valve6 h2{border-bottom: none;}
/*wrap-valves*/
.wrap-valves .wrap-valve4 h3{font-size: 2.4rem;}
.wrap-valves h1{font-size: 3.6rem; color: #0a0a0a;}
.wrap-valves .tt{height: 55px; line-height: 55px; border-bottom: 1px solid #b7b7b7;}
.wrap-valves .tt .r{margin-top: 25px; line-height: 20px;}
.wrap-valves .tt li{display: inline-block; float: left; font-size: 1.6rem; margin-left: 14px; }
.wrap-valves .tt a:before{content: ""; display: inline-block; height: 15px; width: 4px; background-color: #3f92f7; margin-right: 8px; vertical-align: middle; }
.wrap-valves .tt a:hover{color: #3f92f7;}
.valves ul{margin-left: -2%;}
.valves li{width: 23%; margin-left: 2%; float: left; height:260px; margin-top: 40px;}
.valves .box{border: 1px solid #dbdbdb;}
.valves .box .btn{border-top:1px solid #dbdbdb;}
.valves .box a{width: 50%; line-height: 40px; height: 40px;}
.valves .box a.chat{background: #de302d;}
.valves li h2{margin-top: 20px;}
/*i-valves*/
.category strong{font-size: 4.8rem;}
.category li{width: 16.6%; float: left;}
.category li img{width: 65px;}
.category li em{font-weight: normal; font-size: 1.8rem; margin-top: 20px;}
.hot-valves{background-color: #ececec;}
.hot-valves > strong{font-size: 3.6rem;}
.hot-valves .t{border-bottom: 1px solid #b7b7b7;}
.hot-valves .t .more{}
.hot-valves h2 a{font-size: 2.4rem; color: #1664c2;}
.hot-valves ul{margin-left: -1%;}
.hot-valves li{width: 24%; margin-left: 1%; background: #fff;}
.i-valves-working strong , .i-valves-case strong{font-size: 2.4rem;}
.i-valves-working ul{margin-left: -8.3333%;}
.i-valves-working li{width: 25%; margin-left: 8.3333%;}
.i-valves-case .l{width: 50%;}
.i-valves-case .l a{overflow: hidden; border-left: 25px solid transparent;display: inherit; line-height: 1.8;}
.i-valves-case .l li{margin-bottom: 1px;}
.i-valves-case .l li{height: 78px; border-left: 13px solid #bababa; transition: all .3s  ;}
.i-valves-case .l li:hover{border-left-color: #de302d;}
.i-valves-case .r{width: 30%;}
/*article-news*/
.article-news h1{font-size: 2rem;}
.article-news .t{border-bottom: 1px solid #bcbcbc; margin-top: 45px;}
.article-news .t time{color: #8b8b8b;}
.article-news article{padding-top: 50px; padding-bottom: 50px; font-size: 1.6rem; border-bottom: 1px solid #bcbcbc;}
.article-news article p{text-indent: 2em; margin-bottom: 20px;}
.article-news article img{display: block; margin: 20px auto;}
.article-page li{font-size: 1.8rem; margin-top: 25px;}
.article-hot-valves .tt strong{font-size: 2.4rem;}
.article-hot-valves figure img{border: 1px solid #dbdbdb;}
.article-hot-valves figcaption{margin-top: 20px;}
.article-hot-valves ul{margin-left: -2%;}
.article-hot-valves li{width: 23%; margin-left: 2%;}
/*list-news*/
.list-news{padding-bottom: 90px;}
.list-news h1{font-size: 3rem;}
.list-news li .l{width: 25%;}
.list-news li .l img{transition: all 0.3s linear;}
.list-news li .l:hover img{transform: scale(1.1);}
.list-news li .r{width: 72%;}
.list-news li h2{font-size: 2rem;}
.list-news li time{color: #8b8b8b;}
.list-news li p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.list-news li .more{background: #3f92f7; color: #fff; padding: 13px 15px;}
.list-news li .more:hover{opacity: .8;}
.list-news li{border-top: 1px solid #b0b0b0; padding: 40px 0;}
.list-news li:last-child{border-bottom: 1px solid #b0b0b0;}
/*index-news*/
.index-news .row2{background: #f9f7fa;}
.index-news h1 , .index-news h2{font-size: 3rem; border-bottom: 1px solid #bbbbbb;}
.index-news h3{font-size: 1.8rem; font-weight: normal; }
.index-news time{color: #787878;}

.index-news .row1 .l , .index-news .row1 .r{width: 49%;}
.index-news .row1 .l h3{margin-top: 20px;}
.index-news .row1 .l p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.index-news .thumb{width: 20%;}
.index-news .list-item{width: 78%;}
.index-news .row1 .r li{margin-bottom: 35px;}
.index-news .row1 .r li:last-child{margin-bottom: 0;}
.index-news .row2 ul{margin-left: -2.3333%;}
.index-news .row2 li{width: 31%; margin-left: 2.3333%; border-left: 12px solid #3f92f7; padding-left: 10px;}

.index-news .row3 h1+div{margin-left: -2%;}
.index-news .row3 figure{width: 31.3333%; margin-left: 2%;}
.index-news .row3 figcaption{margin-top: 20px;}
.index-news .more{padding: 13px 55px; display: inline-block; border: 1px solid #747474;}
/*index_case*/
.i-case .tt .l{color: #3f92f7;  width: 400px; height: 400px; border: 1px solid #3f92f7; background: #fff; margin-top: 120px; margin-bottom: 160px; padding-top: 30px;}
.i-case .tt .l:after{content: ""; width: 0; height: 0; border-right:210px  solid #2570cb; border-top:320px solid transparent; border-bottom: 320px solid transparent; position: absolute; right: -80px; top: -120px; z-index: -1;}
.i-case .tt .l em{font-size: 3.6rem; margin-bottom: 15px;}
.i-case .tt .l p{font-size: 1.8rem; margin-top: 15px;}
.i-case .tt .r{background: #3F92F7; color: #fff; width: 691px; height: 640px; padding-right: 30px;}
.i-case .tt .r dt{font-size: 3.6rem; margin-bottom: 25px; margin-top: 60px;}
.i-case .tt .r dd{font-size: 1.8rem; margin-top: 15px;}
.i-case-list figcaption{margin-top: 20px; font-size: 1.8rem;}
.i-case-list .more{margin-top: 20px; border: 1px solid #747474; padding: 15px 0; width: 100%;}
.i-case-list ul , .i-case-work ul{margin-left: -2.3333%;}
.i-case-list li , .i-case-work li{margin-left: 2.3333%; width: 31%; margin-top: 45px;}
.i-case-work strong{font-size: 2.4rem;}
/*article-case*/
.article-case article{border-bottom: none;}
/*service*/
.service-row1{background: url(service_bg.jpg) no-repeat center center;  height: 500px;}
.service-row1 .l , .service-row1 .r{width: 50%; padding: 5%;}
.service-row1 em{font-size: 4rem; font-weight: normal;}
.service-row1 .dec{font-size: 3rem;}
.service-row1 .dec:before{content: ""; position: absolute; right: 50%; top: 49%; width: 200px; height: 1px; background: #fff; display: inline-block;}
.service-row1 .text{margin-top: 45px;}
.service-row1 .r{padding-top: 15%;}
.service-row2 h1{font-size: 4rem;}
.service-row2 h1+p{margin: 45px auto 0; max-width: 680px; }
.service-row2 ul{margin-left: -2.3333%; margin-top: 45px;}
.service-row2 li{width: 31%; margin-left: 2.3333%; background: #d5d5d5; height: 249px; padding: 4% 3%;}
.service-row2 li:after{position: absolute; bottom: 0; right:5%; color: #adadad; font-size: 8rem; line-height: 1.2;}
.service-row2 li:hover{background: #de302d; color: #fff;}
.service-row2 li:hover:after{color: #fff;}
.service-row2 li:nth-child(1):after{content: '1'; }
.service-row2 li:nth-child(2):after{content: '2'; }
.service-row2 li:nth-child(3):after{content: '3'; }
.service-row2 li:nth-child(4):after{content: '4'; }
.service-row2 li:nth-child(5):after{content: '5'; }
.service-row2 li:nth-child(6):after{content: '6'; }
.service-row3{background: url(service_form_bg.jpg) no-repeat left top;}
.service-row3 em{font-size: 4rem;}
.service-row3 .w50{width: 50%; float: left;}
.service-row3 .w100{margin-top: 25px;}
.service-row3 label{width: 80px; display: inline-block;}
.service-row3 input[type='text']{padding: 7px; line-height: 26px; background: #fff; border: none; font-size: 1.6rem; vertical-align: middle; width: 80%;}
.service-row3 textarea{font-size: 1.6rem; padding: 15px; vertical-align: top; border: none; width: 90%; height: 170px;}
.service-row3 input[type='submit']{background: #f24b4b; color: #fff; border: none; border-radius: 30px; width: 90%; margin-left: 7%; line-height: 45px; font-size: 1.8rem; margin-top: 25px;}
.service-row4 strong{font-size: 2.4rem; margin-bottom: 25px;}
.service-row4 section{border-left: 13px solid #bababa; margin-top: 1px; padding: 3% 0 3.5% 3%;}
.service-row4 section:hover{border-left-color: #de302d;}
.service-row4 .list-case {width: 55%;}, .service-row4 .thumb{width: 43%;}
.tab-content div{display: none;}
.tab-content .tab-content-bar{display: block;}
/*about*/
.about h2{font-size: 4.8rem;}
.about1 h2{color: #3f92f7;}
.about1-1 .text{background: url(about1_1bg.jpg) repeat left top; width: 67%; padding: 4.4% 3%; line-height: 2;}
.about1-1 .img{width: 33%;}
.about1-2{margin-top: 45px;}
.about1-2 .text{position: absolute; right: 0; top: 0; background: url(about1_1bg.jpg) repeat left top; width: 46%; height: 100%; padding-left: 5%;}
.about-test{margin-top: 110px; padding-top: 110px; padding-bottom: 150px; background: url(about_testbg.jpg) no-repeat left top;}
.about-test h2+p{max-width: 680px; margin-left: auto; margin-right: auto;}
.about-test ul{margin-left: -3%;}
.about-test li{margin-left: 3%; width: 30.3333%;}
.about-test li img{border: 7px solid #fff;}
.about-test li:after{content: ""; height: 100%; width: 1px; background: #717171; position: absolute; right: -5%; top: 0;}
.about-test li:last-child:after{display: none;}
.about-info{background: url(about_infobg.jpg) no-repeat left top; padding: 120px 0;}
.about-info p.a , .about-info p.b{font-size: 2.4rem;}
.about-info span{color: #3f92f7; font-size: 6rem; text-shadow: 2px 0 1px #000000;}
.about-word {background: url(about_wordbg.jpg) no-repeat left top;padding: 100px 0;}

.about-word .thumb , .about-word .text{width: 49%;}
.about-word .thumb ul{margin-left: -2%;}
.about-word .thumb li{margin-left: 2%; width: 48%;}
.about-word .thumb li:nth-child(n+3){margin-top: 20px;}
.about-word .text{padding-top: 4%; }
.about-word .text b{font-size: 1.8rem; font-weight: 600;}
.about-ce{background: url(about_cebg.jpg) no-repeat  center top; padding: 115px 0;}
.about-partner{padding-top: 100px;}
.about-partner ul{margin: 50px 0 150px; margin-left: -2%;}
.about-partner li{margin-left: 2%; width: 18%;}
.about-partner li img{border: 1px solid #f5f5f5;}
/*工况*/
.work-tiem h2{font-size: 2.4rem; margin-top: 20px;}
.work-tiem .thumb{width: 425px; height: 235px;}
.work-tiem .dec{ margin-left: 425px; padding-left: 25px; font-size: 1.8rem; border-top: 1px solid #969696; border-bottom: 1px solid #969696; height: 235px; padding-top: 5%;}
.work-case h2{font-size: 3.6rem;}
.work-case ul{margin-left: -1%;}
.work-case li{margin-left: 1%; width: 24%;}
/*工况内容页*/

.work-banner{background: url(article_work_bannerbg.jpg) no-repeat  center center; padding: 180px 0;}
.work-banner .inner{font-size: 1.8rem; max-width: 900px; margin-left: auto; margin-right: auto;}
.work-banner .inner b{font-size: 2.4rem;}
.article-work-case{background: url(article_work_casebg.jpg) no-repeat center center; padding: 100px 0;}
.article-work-case h2{font-size: 3.6rem;}
.article-work-case ul{margin-left: -1%;}
.article-work-case li{width: 24%; margin-left: 1%;}
.work-tab h1{font-size: 3.6rem;}
.work-tab h1 span{font-size:  4.8rem;}
.work-tab .horizontal li{float: left; width: 33.3333%; }
.work-tab .horizontal li a{font-size: 2rem; display: inline-block; margin-bottom: 20px;}
.work-tab .horizontal li.active{border-bottom: 3px solid #ffce24;}
.work-tab .horizontal li.active a{color: #ffce24;}
.work-tab .horizontal{border-bottom: 3px solid #dcd6c2;}

.article-work-news .swiper-pagination{text-align: center; position: relative;}
.article-work-news .swiper-pagination-bullet{margin: 25px 5px 0; background: #fff; opacity: .7; width: 10px; height: 10px;outline:none;}
.article-work-news .swiper-pagination-bullet-active{opacity: 1; background: #de302d;}
.article-work-us{background: url(article-work-usbg.png) no-repeat center center;}
.article-work-us h2{font-size: 3.6rem;}
.article-work-us p{font-size: 1.8rem;}
.article-work-us p span{font-size: 4.8rem; color: #de302d;}
/*contact*/
.contact h2{font-size: 4rem;}
.map{height: 500px;}
.map .bgc{background-color: #3f92f7; width: 70%; height: 500px; position: absolute; left: 0; top: 0; z-index: -1;}
.map .text{font-size: 1.8rem; margin-top: 10%;}
.map p{margin-top: 10px;}
.contact-form{padding-bottom: 90px;}
.contact-form .w50{width: 50%; float: left;}
.contact-form label{width: 100px; display: inline-block; }
.contact-form input[type='text']{padding: 7px; line-height: 26px; background: #fff; border: 1px solid #dcdcdc; font-size: 1.6rem; vertical-align: middle; width: 80%;}
.contact-form textarea{font-size: 1.6rem; padding: 15px; vertical-align: top; border: 1px solid #dcdcdc; width: 90%; height: 170px; }
.contact-form .btn input{color: #fff;border: none; border-radius: 30px;line-height: 45px; font-size: 1.8rem;}
.contact-form input[type='submit']{background: #f24b4b;   width: 70%; margin-left: 9%; }
.contact-form input[type='reset']{width: 20%; margin-left: 1%; background: #828282;}

.fixedMenu{position: fixed; right: 2px; top: 29%; z-index: 99;}
.fixedMenu li{width: 76px; height: 84px; background: #3f92f7; position: relative; padding: 8px;}
.fixedMenu li:after{content: "";position: absolute; display: inline-block; width: 90%; left: 5%; bottom: 0; height: 1px; background: #fff;}
.fixedMenu li:first-child{border-radius: 10px 10px 0 0;}
.fixedMenu li:last-child{border-radius: 0 0 10px 10px;}
.fixedMenu li:last-child:after{display: none;}
.fixedMenu a{color: #fff;}
.fixedMenu img{display: block; margin: 0 auto 3px;}
.fixedMenu .fiexed_qr{position: absolute; top: 0; left: -100px; z-index: 99; width: 100px; height: 100px; max-width: none; visibility: hidden; opacity: 0;}
.fixedMenu .qr_hover:hover .fiexed_qr{display: block; opacity: 1; visibility: visible;}
/* =================================
 * 表格优化
 *
$(".class table").addClass("am-table am-table-bordered am-table-striped am-table-hover am-table-compact am-text-nowrap  am-table-centered").wrap(function() {  return "<div class='am-scrollable-horizontal'></div>";  });
 * =============================== */
table {max-width: 100%;background-color: transparent;empty-cells: show;}
table code {white-space: normal;}
th {text-align: left;}
.am-table {width: 100%;border-spacing: 0;border-collapse: separate;}
.am-table > thead > tr > th,
.am-table > tbody > tr > th,
.am-table > tfoot > tr > th,
.am-table > thead > tr > td,
.am-table > tbody > tr > td,
.am-table > tfoot > tr > td {
  padding: 0.7rem;
  line-height: 1.6;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.am-table > thead > tr > th {vertical-align: bottom;border-bottom: 1px solid #ddd;}
.am-table > caption + thead > tr:first-child > th,
.am-table > colgroup + thead > tr:first-child > th,
.am-table > thead:first-child > tr:first-child > th,
.am-table > caption + thead > tr:first-child > td,
.am-table > colgroup + thead > tr:first-child > td,
.am-table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.am-table > tbody + tbody tr:first-child td {border-top: 2px solid #ddd;}
/* Bordered version */
.am-table-bordered {border: 1px solid #ddd;border-left: none;}
.am-table-bordered > thead > tr > th,
.am-table-bordered > tbody > tr > th,
.am-table-bordered > tfoot > tr > th,
.am-table-bordered > thead > tr > td,
.am-table-bordered > tbody > tr > td,
.am-table-bordered > tfoot > tr > td {
  border-left: 1px solid #ddd;
}
.am-table-bordered > tbody > tr:first-child > th,
.am-table-bordered > tbody > tr:first-child > td {
  border-top: none;
}
.am-table-bordered > thead + tbody > tr:first-child > th,
.am-table-bordered > thead + tbody > tr:first-child > td {
  border-top: 1px solid #ddd;
}
/* Border-radius version */
.am-table-radius {
  border: 1px solid #ddd;
  border-radius: 2px;
}
.am-table-radius > thead > tr:first-child > th:first-child,
.am-table-radius > thead > tr:first-child > td:first-child {
  border-top-left-radius: 2px;
  border-left: none;
}
.am-table-radius > thead > tr:first-child > th:last-child,
.am-table-radius > thead > tr:first-child > td:last-child {
  border-top-right-radius: 2px;
  border-right: none;
}
.am-table-radius > tbody > tr > th:first-child,
.am-table-radius > tbody > tr > td:first-child {
  border-left: none;
}
.am-table-radius > tbody > tr > th:last-child,
.am-table-radius > tbody > tr > td:last-child {
  border-right: none;
}
.am-table-radius > tbody > tr:last-child > th,
.am-table-radius > tbody > tr:last-child > td {
  border-bottom: none;
}
.am-table-radius > tbody > tr:last-child > th:first-child,
.am-table-radius > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 2px;
}
.am-table-radius > tbody > tr:last-child > th:last-child,
.am-table-radius > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 2px;
}
/* Zebra-striping */
.am-table-striped > tbody > tr:nth-child(odd) > td,
.am-table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
/* Hover effect */
.am-table-hover > tbody > tr:hover > td,
.am-table-hover > tbody > tr:hover > th {
  background-color: #e9e9e9;
}
.am-table-compact > thead > tr > th,
.am-table-compact > tbody > tr > th,
.am-table-compact > tfoot > tr > th,
.am-table-compact > thead > tr > td,
.am-table-compact > tbody > tr > td,
.am-table-compact > tfoot > tr > td {
  padding: 0.4rem;
}
.am-table-centered > thead > tr > th,
.am-table-centered > tbody > tr > th,
.am-table-centered > tfoot > tr > th,
.am-table-centered > thead > tr > td,
.am-table-centered > tbody > tr > td,
.am-table-centered > tfoot > tr > td {
  text-align: center;
}
.am-table > thead > tr > td.am-active,
.am-table > tbody > tr > td.am-active,
.am-table > tfoot > tr > td.am-active,
.am-table > thead > tr > th.am-active,
.am-table > tbody > tr > th.am-active,
.am-table > tfoot > tr > th.am-active,
.am-table > thead > tr.am-active > td,
.am-table > tbody > tr.am-active > td,
.am-table > tfoot > tr.am-active > td,
.am-table > thead > tr.am-active > th,
.am-table > tbody > tr.am-active > th,
.am-table > tfoot > tr.am-active > th {
  background-color: #ffd;
}
.am-table > thead > tr > td.am-disabled,
.am-table > tbody > tr > td.am-disabled,
.am-table > tfoot > tr > td.am-disabled,
.am-table > thead > tr > th.am-disabled,
.am-table > tbody > tr > th.am-disabled,
.am-table > tfoot > tr > th.am-disabled,
.am-table > thead > tr.am-disabled > td,
.am-table > tbody > tr.am-disabled > td,
.am-table > tfoot > tr.am-disabled > td,
.am-table > thead > tr.am-disabled > th,
.am-table > tbody > tr.am-disabled > th,
.am-table > tfoot > tr.am-disabled > th {
  color: #999999;
}
.am-table > thead > tr > td.am-primary,
.am-table > tbody > tr > td.am-primary,
.am-table > tfoot > tr > td.am-primary,
.am-table > thead > tr > th.am-primary,
.am-table > tbody > tr > th.am-primary,
.am-table > tfoot > tr > th.am-primary,
.am-table > thead > tr.am-primary > td,
.am-table > tbody > tr.am-primary > td,
.am-table > tfoot > tr.am-primary > td,
.am-table > thead > tr.am-primary > th,
.am-table > tbody > tr.am-primary > th,
.am-table > tfoot > tr.am-primary > th {
  color: #0b76ac;
  background-color: rgba(14, 144, 210, 0.115);
}
.am-table > thead > tr > td.am-success,
.am-table > tbody > tr > td.am-success,
.am-table > tfoot > tr > td.am-success,
.am-table > thead > tr > th.am-success,
.am-table > tbody > tr > th.am-success,
.am-table > tfoot > tr > th.am-success,
.am-table > thead > tr.am-success > td,
.am-table > tbody > tr.am-success > td,
.am-table > tfoot > tr.am-success > td,
.am-table > thead > tr.am-success > th,
.am-table > tbody > tr.am-success > th,
.am-table > tfoot > tr.am-success > th {
  color: #5eb95e;
  background-color: rgba(94, 185, 94, 0.115);
}
.am-table > thead > tr > td.am-warning,
.am-table > tbody > tr > td.am-warning,
.am-table > tfoot > tr > td.am-warning,
.am-table > thead > tr > th.am-warning,
.am-table > tbody > tr > th.am-warning,
.am-table > tfoot > tr > th.am-warning,
.am-table > thead > tr.am-warning > td,
.am-table > tbody > tr.am-warning > td,
.am-table > tfoot > tr.am-warning > td,
.am-table > thead > tr.am-warning > th,
.am-table > tbody > tr.am-warning > th,
.am-table > tfoot > tr.am-warning > th {
  color: #F37B1D;
  background-color: rgba(243, 123, 29, 0.115);
}
.am-table > thead > tr > td.am-danger,
.am-table > tbody > tr > td.am-danger,
.am-table > tfoot > tr > td.am-danger,
.am-table > thead > tr > th.am-danger,
.am-table > tbody > tr > th.am-danger,
.am-table > tfoot > tr > th.am-danger,
.am-table > thead > tr.am-danger > td,
.am-table > tbody > tr.am-danger > td,
.am-table > tfoot > tr.am-danger > td,
.am-table > thead > tr.am-danger > th,
.am-table > tbody > tr.am-danger > th,
.am-table > tfoot > tr.am-danger > th {
  color: #dd514c;
  background-color: rgba(221, 81, 76, 0.115);
}
.am-scrollable-horizontal {width: 100%;overflow-y: hidden;overflow-x: auto;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;}
.am-scrollable-vertical {height: 240px;overflow-y: scroll;-webkit-overflow-scrolling: touch; resize: vertical;}