@font-face {
	font-family: 'Conv_DINCondensedC';
	src: url('../fonts/DINCondensedC.eot');
	src: local('☺'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
body{font-family:"微软雅黑",Helvetica Neue,sans-serif,Arial; font-size:14px; color:#333; line-height:1.75; position: relative;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
i,em{ font-style:normal;}
img{vertical-align:top;}
*{box-sizing: border-box; padding:0px; margin:0px;}
::-webkit-selection {color:#fff;background:#ff9600;}
::-moz-selection {color:#fff;background:#ff9600;}
::selection {color:#fff;background:#ff9600;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#6E6E6E;text-decoration:none}
a:focus,a:hover {color:#ff9600;transition:none}
a.text-gray:hover{color:#6E6E6E}
ul,li,ol,dl,a{list-style-type:none}
.mt-20{ margin-top:20px !important;}
.mt-56 {margin-top: 56px !important;}
.fixed {z-index:9999;}
.fl,.fr { display: inline;}
.fl {float: left;}
.fr {float: right;}
.u-column:after,
.u-grid:after,
.clearfix:after,
.layout:after,
.clf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '.';
    clear: both;
    height: 0
}

/* 标签 */
.tag{display:inline-block;transition:.5s}
.tag.padding{padding:5px 12px}
.tags{color: #ff9600!important; border: 1px solid #ff9600!important; background-color: unset;}
/* 英文字体begin */
.Conv_DINCondensedC{ font-family: "Conv_DINCondensedC";}
/* 英文字体end */

.mb5{margin-bottom: 5px;}
/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
/* 行距 end*/

.sidebar-l {margin-right:30px}
.sidebar-r {margin-left:0px;}
.container-layout{max-width:1500px;}
.line-large {margin-left:-15px;margin-right:-15px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}


/*公共导航栏*/
.main {min-width: 1280px;margin: 0 auto;}
.content {width: 1230px;margin: 0 auto; }
input,textarea,select{
    font-family: "Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.header{height: 100px; min-width: 1196px; background-color: #fff; border-bottom: 1px solid #eaeaea; box-shadow: 0 3px 8px 0 rgba(34, 34, 34, 0.1);}
.header .logo{float: left; display: block; width: 220px; height: 99px; background: url('../img/logo-bg.png') no-repeat -5px center;}
.header .logo img{position: absolute; top: 0; bottom: 0; left: 0; margin:auto;}
.logo .img-box{width: 210px; height: 99px; float: left;}
.logo p{float: left; line-height: 99px; font-size: 18px; color: #555; padding-left: 24px;}
.nav{float: right;}
.nav .sub1{float: left; padding:0 15px;}
.nav .sub1-name{padding: 0 10px; line-height: 99px; color: #222222; font-size: 16px; position: relative;}
.navXian{width: 0; height: 2px; background: #ed8222; position: absolute; left: 0; right: 0; top: 25px; margin: auto; transition: .3s ease; /*display: none;*/}
.nav .sub1-name:hover{color: #ed8222; background-color: #fff;}
.nav .sub1-name:hover .navXian{width: 30px;}
.sub2-pro li{float: left;}
.nav .icon-area{height: 56px; width: 210px;}
.nav .sub2{display: none; position: absolute; width: 100%; top: 99px; left: 0; min-width: 1196px; box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.1); background-color: #fff; border-top: 1px solid #eaeaea; z-index: 99; padding:56px 0 36px 0; min-height: 302px; opacity:0; transition: all .5s;}
.nav .sub1:hover .sub2{ display:block; opacity:1;}
.nav-left{float: left; width: 280px; border-right: 1px solid #eaeaea; padding-right: 19px;}
.nav-right{float: left;}
.nav-right ul{width: 895px;}
.nav-right li{float: left; width: 190px; height: 40px; padding-left: 28px;}
.nav-right li a{width: 120px; display: block; padding-left: 18px; color: #555; font-size: 16px; line-height: 40px; background: url('../img/nav-case-normal.png') no-repeat left 16px; transition: .36s ease;}
.nav-right li a:hover{color: #ed8222; background: url('../img/nav-case-hover.png') no-repeat left 16px;}
.nav-left .title{font-size: 24px; color:#222; line-height: 1;}
.nav-left p{font-size: 14px; color:#888; line-height: 22px; margin-top: 14px; overflow: hidden;}
.nav-left a{display: block; height: 42px; width: 160px; margin-top: 22px; background-color:#fafafa; border:1px solid #e8e8e8; border-radius:3px; text-align: center; font-size: 14px; color:#222222; line-height: 40px; transition: .36s ease;}
.nav-left a:hover{background-color: #ed8222; color:#fff; border-color:#ed8222;}
.sub2-pro .buttons{height: 42px;}
.sub2-pro .buttons a{float: left; margin-right: 14px;}
.nav .sub2-pro .icon1{background: url('../img/nav-pro1-normal.png') no-repeat center;}
.nav .sub2-pro .icon2{background: url('../img/nav-pro2-normal.png') no-repeat center;}
.nav .sub2-pro .icon3{background: url('../img/nav-pro3-normal.png') no-repeat center;}
.nav .sub2-pro .icon4{background: url('../img/nav-pro4-normal.png') no-repeat center;}
.sub2-pro .pro-class:hover .icon1{background: url('../img/nav-pro1-hover.png') no-repeat center;}
.sub2-pro .pro-class:hover .icon2{background: url('../img/nav-pro2-hover.png') no-repeat center;}
.sub2-pro .pro-class:hover .icon3{background: url('../img/nav-pro3-hover.png') no-repeat center;}
.sub2-pro .pro-class:hover .icon4{background: url('../img/nav-pro4-hover.png') no-repeat center;}
.nav .sub2-pro .pro-class{display: block;}
.sub2-pro .links a{display: block; color: #555; font-size: 14px; line-height: 2; padding-left: 45px; background: url('../img/sub2-pro-links.png') no-repeat left center;}
.sub2-pro .links a:hover{color: #ff9600;}
.sub2-pro .btn-group a{display: block; float: left; padding: 0 32px; color: #222; font-size: 14px; background-color: #fafafa; border: 1px solid #e8e8e8; border-radius: 4px; text-align: center; line-height: 40px; transition: .36s ease;}
.sub2-pro .btn-group a:hover{color: #fff; background-color: #ff9600; border-color: #ff9600;}
.nav .search-icon{ padding:0 20px; background: url(../img/nav-search-normal.png) no-repeat center;}
.nav .search-icon:hover{background: url(../img/nav-search-hover.png) no-repeat center;}
.sub2-search{padding: 40px 0;}
.sub2-search form{height: 52px; border: 2px solid #ed8222; width: 862px; border-radius: 4px; margin: 0 auto;}
.sub2-search .v-select{width: 98px; height: 44px; font-size: 14px; color: #666;}
.nav .sub2-search .select-panel{line-height: 44px; padding-left: 14px;}
.sub2-search .select-menu{top: 44px;}
.sub2-search .select-menu li{height: 44px; line-height: 44px; padding-left: 14px;}
.sub2-search form select {float: left; width:98px; height: 44px;margin-top: 1px; color: #999999;font-size: 16px; background-color: #ffffff;box-sizing: border-box;transition: 0.36s;padding: 10px 20px;line-height: 32px;border: none;}
.sub2-search input{float: left; width: 756px; height: 46px; font-size: 14px; padding: 8px 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: inline;}
.sub2-search button{width: 100px; height: 44px; color: #fff; text-align: center; font-size: 14px; line-height: 44px; background-color: #ed8222;margin-top: 2px; cursor:pointer;}
.sub2-search .pre-link{font-size: 14px; color: #999; margin: 11px auto 0; width: 656px;}
.sub2-search .pre-link .title{float: left; margin-right: 18px;}
.sub2-search .pre-link a{display: block; float: left; color: #222; margin-right: 28px;}

/*右侧通用工具条*/
.fixed-bar{position: fixed; right: 33px; width: 68px; top: 45%; margin-top: -70px; z-index: 10;}
.fixed-bar .ele{display: block; width: 76px; height: 76px; padding-top: 13px; border-radius: 4px; transition: .36s ease; margin-top: 2px;}
.fixed-bar .ele{background: rgba(34, 34, 34, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f222222, endColorstr=#7f222222); zoom: 1; cursor: pointer;}
:root .fixed-bar .ele{filter: none \9;}
/*for IE9*/
.fixed-bar .ele:hover{background-color: #ed8222;}
.fixed-bar .bj:hover{background-color: #ed8222;}
.fixed-bar .fa:hover{background-color: #ed8222;}
.fixed-bar .icon{height: 26px; width: 100%;}
.fixed-bar .msg .icon{background: url('../img/msg.png') no-repeat center;}
.fixed-bar .tel .icon{background: url('../img/tel-icon.png') no-repeat center;}
.fixed-bar .wwx .icon{background: url('../img/wx-icon.png') no-repeat center;}
.fixed-bar .fa .icon{background: url('../img/ico-fa.png') no-repeat center;}
.fixed-bar .bj .icon{background: url('../img/ico-bj.png') no-repeat center;}
.fixed-bar .wx .icon{background: url('../img/wx-icon.png') no-repeat center;}
.fixed-bar .wx .qr{position: absolute; bottom: 60px; left: -180px; width: 190px; height: 180px; background: url('../img/qr-border.png') no-repeat center; display: none;}
.fixed-bar .qr img{display: block; margin: 40px auto;}
.fixed-bar .wx:hover .qr{display: block;}
.fixed-bar .top .icon{background: url('../img/top-icon.png') no-repeat center;}
.fixed-bar span{display: block; width: 100%; margin-top: 6px; font-size: 14px; color: #fff; text-align: center;}
.fixed-bar .tel{position: relative;}
.fixed-bar .tel .fixed-tel{display: none; width: 213px; height: 139px; position: absolute; background: url('../img/fixed-tel-bg.png') no-repeat center; left: -203px; top: -56px; text-align: center;}
.fixed-bar .fixed-tel span{display: block; margin-top: 50px; color: #999; font-size: 14px;}
.fixed-bar .fixed-tel p{color: #ed8222; font-size: 18px; font-weight: bold;}
.fixed-bar .tel:hover{background-color: #ed8222;}
.fixed-bar .tel:hover .fixed-tel{display: block;}
.fixed-bar .wwx .fixed-wwx{display: none; width: 213px; height: 139px; position: absolute; background: url('') no-repeat center; left: -203px; top: 60px; /*box-shadow: 0 0 30px 0 rgba(85, 85, 85, 0.3);*/ text-align: center;}
.fixed-bar .fixed-wwx span{display: block; margin-top: 50px; color: #999; font-size: 14px;}
.fixed-bar .fixed-wwx p{color: #f7494b; font-size: 18px; font-weight: bold;}
.fixed-bar .wwx:hover{background-color: #ed8222;}
.fixed-bar .wwx:hover .fixed-wwx{display: block;}

.footer{ width:100%; min-width: 1230px; border-top: 6px solid #ed8222;background-color: #333333;}
.footer .link-group{overflow: hidden; padding-top: 36px; padding-bottom: 44px;}
.footer .link-type{font-size: 16px; color: #ddd;}
.footer .pro{width: 170px;}
.footer .news{width: 170px; background:none;}
.footer .service{width: 160px}
.footer .footer-box{float: left;}
.footer .links{margin-top: 5px;}
.footer .links a{line-height: 30px; font-size: 14px; color: #999999;}
.footer .focus{float: right;}
.footer .qr{width:110px; height:110px; margin-left:18px; text-align:center; float:left;}
.footer .qr img{ width:108px; height:108px;}
.footer .focus p{ font-size:13px; color:#ddd; text-align:center; margin-top:10px;}
.footer .tel{width: 382px;}
.footer .tel .number{color: #00f0f0; font-size: 18px; font-weight: bold; margin-top: -2px; margin-bottom: 1px; line-height: 28px; vertical-align: middle;}
.footer .tel p{color: #999; font-size: 14px; line-height: 28px;}
.footer .tel .link-type{margin-bottom: 16px;}
.footer .tel .numberRow{line-height: 28px; margin-top: 4px;}
.footer .tel .normal{font-size: 14px; color: #999; display: inline-block; vertical-align: middle;}
.footer .tel .kefu{margin-top: 16px; margin-bottom: 14px; display: block; width: 120px; height: 38px; border-radius: 4px; text-align: center; color: #ff9600; font-size: 14px; line-height: 38px; transition: .36s ease; background-color: #fff; border: 1px solid #ff9600; cursor: pointer;}
.footer .tel .kefu:hover{background-color: #ff9600; color: #fff; border-color: #ff9600;}
.copyright{min-width: 1196px; width: 100%; height: 50px; background-color: #1e1e1e; line-height: 50px;font-size: 14px;color: #888888;}.copyright a{color: #888888;}.copyright a:hover{color: #00f0f0;}
.f_line{margin: 0 18px; display: inline-block; border-right: 1px solid #555555; height: 10px; line-height: 10px;}
.copyright .right {float: right;}
.copyright .left {float: left;}
/*分页样式*/
.u-paging{height: 38px; margin: 50px auto 0; text-align: center;}
.u-paging li {list-style: none; display:inline-block;}
.u-paging a{display: inline-block; min-width: 38px; padding:0px 10px; background-color: #efefef; color: #666; vertical-align: middle; line-height: 40px; font-size: 16px; margin-right: 10px; border-radius: 4px;}
.u-paging .current{background: #ed8222; color: #fff;}
.u-paging a:hover{background: #ed8222; color: #fff; transition: all 0.2s ease 0s;}
.u-paging .next{background: #eaeaea url("../img/jt_r.png") no-repeat center center;}
.u-paging .next:hover{background: #ed8222 url("../img/jt_r(1).png") no-repeat center center;}
.u-paging .prev{background: #eaeaea url("../img/jt.png") no-repeat center center;}
.u-paging .prev:hover{background: #ed8222 url("../img/rs.png") no-repeat center center;}
.pop-mask,.down-mask{/*display: none;*/ width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000); zoom: 1; z-index: 9999; top: 0; left: 0;}
:root .pop-mask{filter: none \9;}
.pop-window{width: 580px; height: 485px; position: absolute; left: 0; right: 0; top:0; bottom: 0; margin:auto; background-color: #fff; border-radius: 4px; padding:28px;}
.pop-content{position: relative;}
.pop-close-btn{width: 14px; height: 14px; background: url('../img/pop-close-btn.png') no-repeat center; cursor: pointer; position: absolute; top:0; right: 0;}
.pop-text{text-align: center;}
.pop-title{color:#f7494b; font-size:24px; margin-top: 80px;}
.pop-msg{font-size: 14px; color:#888; line-height:24px; margin-top: 11px;}
.pop-msg span{color:#f7494b;}
.qr-window{width: 180px; height: 180px; background:url('../img/qr-border2.png') no-repeat center; position: absolute; top: 28px; padding:40px; z-index: 9;}
#qr-code{height: 100px; width: 100px;}
.qr-msg{font-size: 14px; color:#888; text-align: center; line-height:52px;}
.lessNer-box {width: 430px; height: 278px; padding-right:30px; border-right: solid 1px #efefef;}
.lessNer-box2 {width: 300px; height: 278px; padding-right:30px; border-right: solid 1px #efefef;}
.lessNer-box3 {width: 265px; height: 278px; padding-right:30px; border-right: solid 1px #efefef;}
.lessNer-head {display: block;overflow: hidden; padding-bottom: 30px; }
.lessNer-img{width: 120px; transition: 0.36s ease;float: left; }
.lessNer-img img {width: 100%;}
.lessNer-img span {font-size: 14px; color: #222; line-height: 14px; float: right; display: block; }
.lessNer-tle{ padding: 5px 0;float: right;width: 250px;}
.lessNer-box2 .lessNer-tle{ padding: 5px 0;float: right;width: 270px;}
.lessNer-box3 .lessNer-tle{ padding: 5px 0;float: right;width: 220px;}
.lessNer-tle h2 {font-size: 18px; font-weight: 600; color: #222; line-height: 20px; padding-bottom: 5px; }
.lessNer-tle:hover h2 {color: #ed8222;}
.lessNer-tle p {font-size: 14px; color: #666; line-height: 22px;}
.lessNer-main a{width:96%; height:22px; font-size: 14px; line-height: 22px; color: #555; display: block;text-overflow: ellipsis;
white-space: nowrap; padding-left: 16px; background: url('../img/nav-case-normal.png') no-repeat left 5px; transition: .36s ease; margin-top: 5px; overflow:hidden;}
.lessNer-main a:hover{color: #ed8222; background: url('../img/nav-case-hover.png') no-repeat left 5px;}
.pro-lessNer .second {margin-left: 30px;}

.lessNer-main2 a{font-size: 12px; line-height: 22px; color: #555; display: block; padding-left: 8px; background: url("../img/icll.png") no-repeat 0 7px; transition: .36s ease; margin-top: 5px;}
.lessNer-main2 a:hover{color: #ff9600;}
.lessNer-main{margin-top: 6px;}
.ylw{width: 206px;}
.pro-lessNer{margin-left: 28px;}
.nav .active .sub1-name{color: #ed8222;}
.nav .active .navXian{width: 30px;}
.nav .active .navXian{display: block;}
.s-key{color:#ff9600; padding:0;}
.search-list .info .title .s-key{color:#ff9600; font-size: 18px; line-height: 1;}
.geetest_radar_tip_content{color: #18A452 !important;}
.geetest_success_radar_tip{color: #18A452 !important;}
.geetest_success_radar_tip_content{color: #18A452 !important;}
.geetest_holder{width: 315px !important;}
.down-msg .n-msg{width: 98px; position: absolute; left: 320px; top: -108px;}
/* COMBO: filename = main.css, type = text/css, resp = 200 */
a:focus{text-decoration: none;}
button{padding: 0; outline: none; border: 0;}
input{outline: none; border: 0;}
textarea{color:#333;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #999; opacity:1;}
::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #999; opacity:1;}
input:-ms-input-placeholder{color: #999; opacity:1;}
input::-webkit-input-placeholder{color: #999; opacity:1;}
textarea:-ms-input-placeholder{color: #999; opacity:1;}
textarea::-webkit-input-placeholder{color: #999; opacity:1;}
/*1行3列 列表*/
.u-3{overflow: hidden;}
.u-3 li:first-child{margin-left: 0;}
.u-3 li{float: left; margin-left: 48px; width: 378px;}
.img-box{position: relative;}
.img-box img{display: block; max-width: 100%; /*width: 100%;*/}
.center{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.list-wrap{margin: 0 auto;}

/*首页*/

/* banner */
.banner{width:100%; max-width:1920px; margin:0px auto; height:auto; position:relative; overflow:hidden;}
.banner .hd{ overflow:hidden; position:absolute; left:0px; right:0px; bottom:30px; text-align:center; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; }
.banner .hd ul li{ display:inline-block; margin:0px 10px;  width:40px; height:4px; background:#f1f1f1; border-radius:2px; cursor:pointer; }
.banner .hd ul li.on{ background:#de8222; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; height:auto; display:block;  }


/* 首页方案 */
.index_bk1{width:100%; background:#fff; padding:80px 0px;}
.allfanan{width:1384px; max-width:100%; margin:0px auto; overflow:hidden;}
.allfanan .allfanantit{width:100%; text-align:center;}
.allfanan .allfanantit h3{ font-size:32px; font-weight:normal; color:#000;}
.allfanan .allfanantit p{ font-size:20px; color:#333; line-height:30px; margin-top:30px;}
.allfanan .allfanancont{width:100%; margin:100px auto 30px; display: flex; flex-wrap: nowrap; justify-content:space-between;}
.allfanan .allfanancont .allfananli{min-width:260px; padding:8px 20px; display:inline-block; border-radius:10px; background:#ed8222; text-align:center;}
.allfanan .allfanancont .allfananli p{ font-size:22px; color:#fff; line-height:1.3;}

/* 首页产品 */

.index_bk2 {width:100%; background:#ebeff3;padding: 60px 0;}
.h-pro h3 {text-align: center;font-size: 32px;}
.h-pro h4 {font-size: 16px; color:#333; line-height: 28px; padding-top: 20px;}
.list-btn {padding: 20px 0;}
.h-pro-box{width:100%; margin-top:30px;}
.h-pro-box .h-pro-img{width:596px;}
.h-pro-box .h-sw-list{width: 615px; float: right;}
.h-pro-box .h-sw-list .h-sw-item{width:100%; height: 66px; background: #ffffff; padding: 15px 30px 15px 30px; box-sizing: border-box; margin-bottom: 11px; position: relative;}
.h-pro-box .h-sw-list .h-sw-title{color: #333; font-size: 20px; line-height:36px; margin-bottom: 10px;}
.h-pro-box .h-sw-list .h-sw-item{cursor: pointer;}
.h-pro-box .h-sw-list .h-sw-item.active{box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);}
.h-pro-box .h-sw-list .h-sw-item.active:before{display: block; content: ''; width: 15px; height: 15px; background: #ffffff; transform: rotate(45deg); position: absolute; left: -7px; top: 0; bottom: 0; margin: auto;}
.h-pro .list-btn {padding: 20px 0;}
.h-pro .list-btn .get-plan{display: block; width: 210px; background-color:rgba(239,129,0,.8); color: #fff; text-align: center; line-height: 48px; border-radius: 4px; transition: all .4s; margin: 26px auto 0 auto; font-size: 14px;}
.h-pro .get-plan:hover{background-color:rgba(239,129,0,1);}

/* 首页关于我们 */
.h-about{width:100%; height:774px; padding-top:88px; background:url(../img/aboutbg.jpg) no-repeat center top;}
.h-about .h-about-box{width:1015px; margin:0px auto;}
.h-about-box .h-about-t{width:100%; position:relative;}
.h-about-box .h-about-t .h-titbg{width:100%; font-family: Arial; font-size:75px; color:#fff; font-weight:bold; line-height:1; opacity:.1; position:absolute; top:0; left:0; right:0; text-align:center; z-index:1;}
.h-about-box .h-about-t h3{position:relative;font-size:32px; color:#000; font-weight:normal; line-height:44px; padding-top:30px; text-align:center; z-index:2;}
.h-about-box .h-about-t .p2 { font-size:26px; color:#1a1a1a; line-height:1.3; text-align:center; margin-top:70px; letter-spacing:1px;}
.h-about-box .h-about-img{width:100%; margin-top:78px; display: flex; flex-wrap: nowrap; justify-content:space-around;}
.h-about-box .h-about-img li{margin:0px 66px; display:inline-block; border:0px solid #fff;}
.h-about-box .h-about-img li img{width:100%;}
.h-about-box a.more{display: block; width: 210px; background-color:rgba(239,129,0,.8); color: #fff; text-align: center; font-weight:600; letter-spacing:2px; line-height: 48px; border-radius: 4px; transition: all .4s; margin: 44px auto 0; font-size: 20px;}
.h-about-box a.more:hover{ background-color:rgba(239,129,0,1);}


/* 首页应用支持 */
.h-support{width:100%; padding:70px 0px;}
.h-support-cont{width:1624px; max-width:100%; margin:0px auto;}
.h-support .h-support-t{width:100%; position:relative;}
.h-support .h-support-t .h-titbg{width:100%;font-family: Arial; font-size:84px; font-weight:500; color:#eaeced; line-height:1; position:absolute; top:0; left:0; right:0; text-align:center; z-index:1;}
.h-support .h-support-t h3{position:relative;font-size:32px; color:#000; font-weight:normal; line-height:44px; padding-top:24px; text-align:center; z-index:2;}
.h-support .h-support-t .p2 { font-size:18px; color:#1a1a1a; line-height:1.3; text-align:center; margin-top:30px; letter-spacing:1px;}
.h-support .support-box{width:100%; margin-top:120px;}
.h-support .support-box ul{ display: flex; flex-wrap: nowrap; justify-content:space-between;}
.h-support .support-box li{width:25%; display:inline-block;}
.h-support .support-box .support-img{width:100%; height:228px; overflow:hidden; position:relative; z-index:1;}
.h-support .support-box .support-img img{width:100%; height:auto;}
.h-support .support-box .support-tit{width:100%; height:228px; padding:84px 20px; background:#de8222; text-align:center; z-index:3;}
.h-support .support-box .support-tit h3{ font-size:28px; color:#fff; font-weight:normal; line-height:40px; }
.h-support .support-box .support-tit p{font-size:12px; color:#fff; line-height:20px;}


/* 服务支持 */
.h-service{width:100%; padding:70px 0px 50px; margin-top:50px; background:#f7f9fa;}
.h-service .h-service-t{width:100%; position:relative;}
.h-service .h-service-t .h-titbg{width:100%;font-family: Arial; font-size:84px; font-weight:500; color:#eaeced; line-height:1; position:absolute; top:0; left:0; right:0; text-align:center; z-index:1;}
.h-service .h-service-t h3{position:relative;font-size:32px; color:#000; font-weight:normal; line-height:44px; padding-top:24px; text-align:center; z-index:2;}
.h-service .h-service-t .p2 { font-size:18px; color:#1a1a1a; line-height:1.3; text-align:center; margin-top:35px; letter-spacing:1px;}
.h-service ul{margin-top: 48px;}
.h-service li{height: 370px; padding-top: 42px; text-align: center;border: solid 1px #eee; background:#fff;box-shadow: 0px 2px 5px 0px rgba(227,235,240,1);}
.h-service li h3{font-size: 24px; color: #1b1b1b; line-height: 1;}
.h-service li .line{margin: 35px auto; width: 30px; height: 2px; background-color: #de8222;}
.h-service li p{height: 76px; margin: -5px 0; font-size: 14px; line-height: 24px; color: #666;}
.h-service li a{display: block; width: 220px; margin: 42px auto 0; background-color:rgba(239,129,0,.8); line-height: 44px; border-radius: 3px; color: #fff; font-size: 14px; text-align: center; transition: all .4s;}
.h-service li a:hover{ background-color:rgba(239,129,0,1);}

/*面包屑*/
.bread-rec{position: absolute; right: 0; top: 0; color: #999;}
.bread-nav h1{display:inline;font-size:14px;padding-left: 4px;  display: inline-block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: absolute; font-size: 14px;line-height:50px;color: #de8222;}
.bread {height: 50px; border-bottom: solid 1px #eeeeee;}
.bread em {font-size: 16px;color: #999999;padding: 0 10px;line-height: 1;}
em {font-size: 14px;color: #999999;padding: 0 10px;line-height: 1;}
.bread-nav{width: 1230px; margin: 0 auto; font-size: 14px; color: #888; height: 50px; line-height: 50px; position: relative;}
.bread-nav a:hover{color: #de8222;}
.bread-nav a{font-size: 14px; color: #666; padding: 0 4px;}
.bread-nav span{padding-left: 4px; color: #ff9600; width: 200px; display: inline-block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: absolute; font-size: 14px;}
.bread-nav .ind{padding-left: 5px;}

/*内页banner*/
.bnr-about {background: #F7F9FA url("../img/banner-about.jpg") no-repeat center top;}
.bnr-contact {background: #F7F9FA url("../img/banner-contact.jpg") no-repeat center top;}
.bnr-news {background: #F7F9FA url("../img/banner-news.jpg") no-repeat center top;}
.news-banner {width:100%; height:320px; background: #F7F9FA url("../img/banner-news.jpg") no-repeat center top;}
.service-banner {width:100%; height:320px; background: #F7F9FA url("../img/banner-service.jpg") no-repeat center top;}
.fanan-banner {width:100%; height:320px; background: #F7F9FA url("../img/banner-fangan.jpg") no-repeat center top;}

/*关于我们*/
.inside-page-model { padding: 120px 0 80px;}
.inside-page-model .content { background-color: #F1F4F7; }
.inside-page-model .i-line { display: block; width: 100%; height: 1px; background-color: #E8EDF2; }
.inside-page-model-nav { width: 242px; box-sizing: border-box; float: left; }
.inside-page-model-nav h4 { height: 114px; padding: 60px 0 20px 40px; margin-bottom: 30px; line-height: 33px; color: #000; font-size: 24px; border-bottom: 1px solid #E8EDF2; background: #ffffff url("../img/menu-bg.png") no-repeat left top; background-size: 50px 50px; }
.inside-page-model-nav a, .inside-page-model-nav p { display: block; height: 46px; padding-left: 40px; line-height: 46px; color: #333; font-size: 16px; }
.inside-page-model-nav a:hover, .inside-page-model-nav a.active { background-color: #E8EDF2; color: #de8222; position: relative; text-decoration: none; }
.inside-page-model-nav a:hover::after, .inside-page-model-nav a.active::after { content: ''; display: block; width: 3px; height: 100%; background-color: #de8222; position: absolute; top: 0; right: 0; }
.inside-page-model-main { box-sizing: border-box; width: 988px; padding: 60px; float: right; background-color: #ffffff; position: relative; }
.search-model-main { box-sizing: border-box; width: 100%; padding: 60px; background-color: #ffffff; position: relative; }
.inside-page-model-main::before { content: ''; display: block; height: 100%; border-left: 1px solid #EAEEF3; position: absolute; top: 0; left: 0; }
.inside-page-model-title { padding-bottom: 20px; line-height: 33px; font-size: 24px; color: #000; border-bottom: 1px solid #E8EDF2; }
.inside-page-model-img { display: block; width: 100%; height: 340px; margin-top: 30px; }
.m-txt-intro { color: #333; line-height: 22px; }
.m-txt-intro .txt {text-indent: 2em;}
.m-txt-intro p { margin-bottom: 12px; font-size: 16px; color:#666; line-height: 1.8; text-indent:2em;}
.m-txt-intro p:last-child { margin-bottom: 0; }
.inside-page-model-tab { height: 98px; padding: 40px 0 30px; padding-left: 23px; line-height: 28px; font-size: 20px; color: #000; position: relative; }
.inside-page-model-tab::before { content: ''; display: block; width: 8px; height: 8px; background-color: #de8222; position: absolute; top: 50px; left: 0; }
.inside-page-model-tab .u-tab-more { height: 20px; line-height: 20px; float: none; position: absolute; bottom: 30px; right: 0; }
.inside-page-model-tab .u-tab-more::after { top: 6px; }
.inside-page-model-contact { padding: 80px 0; }
.inside-page-model-contact .xz-contact { margin: 60px auto 0; }

.abbpro {width:100%; margin-top:30px;}
.abbpro .abb_left{width:425px;}
.abbpro .abbpro_txt{ margin-top:10px;}
.abbpro .abbpro_txt p{ margin-bottom: 12px; font-size: 16px; color:#666; line-height: 1.8; text-indent:2em;}
.abbpro .abb_right{width:395px;}
.abbpro .abbpro_txt .fancls{ margin-top:30px; padding-left:15px;}
.abbpro .abbpro_txt .fancls span{ font-size:16px; color:#fff; line-height:30px; padding:0px 10px; display:inline-block; margin:0px 16px; text-align:center; border:1px solid #f28763; border-radius:4px; background:#f28763}


/* 企业文化 */
.m-culture { margin-top: 40px; border-top: 1px solid #E8EDF2; }
.m-culture li { height: 190px; margin-bottom: 30px; }
.m-culture li:last-child { margin-bottom: 0; }
.m-culture li.odd img { float: left; }
.m-culture li.odd dl { float: right; }
.m-culture li.even img { float: right; }
.m-culture li.even dl { float: left; }
.m-culture img { display: block; width: 370px; height: 100%; }
.m-culture dl { box-sizing: border-box; width: 498px; height: 100%; padding: 40px 0 0 40px; background-color: #F7F9FA; }
.m-culture dt { line-height: 28px; font-size: 20px; color: #000; position: relative; }
.m-culture dt::before { content: ''; display: block; width: 40px; height: 2px; background-color: #E87B2B; position: absolute; left: 0; bottom: -17px; }
.m-culture dd { width: 400px; margin-top: 37px; line-height: 21px; font-size: 13px; color: #333; }
/* 荣誉资质 */
.m-patent ul { display: flex; justify-content: space-between; }
.m-patent li { width: 268px; }
.m-patent li img { display: block; box-sizing: border-box; width: 100%; height: 368px; }
.m-patent li p { width: 100%; margin-top: 20px; line-height: 22px; text-align: center; color: #333; }
.d-honor { margin-top: 40px; border-top: 1px solid #E8EDF2; }
.d-honor ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.d-honor li { width: 268px; margin-bottom: 20px; }
.d-honor li div { width: 268px; height: 177px; position: relative; }
.d-honor li div img { width: 100%; height: 100%; }
.d-honor li div::before { content: ''; display: block; width: 100%; height: 100%; background: url("https://img-i.westarcloud.com/2020/0324/f0lj7v0z9dl0ko12034239.png") no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; top: 0; }
.d-honor li p { margin-top: 14px; line-height: 22px; font-size: 16px; color: #333; text-align: center; }
.m-links-model-title { height: 28px; padding-left: 23px; line-height: 28px; font-size: 20px; position: relative; }
.m-links-model-title::before { content: ''; display: block; width: 8px; height: 8px; background-color: #de8222; position: absolute; left: 0; top: 10px; }
.links-banner { width: 100%; height: 286px; margin-top: 30px; position: relative; }
.links-banner img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.links-banner dl { padding: 70px 0 0 40px; position: relative; z-index: 1; }
.links-banner dl dt { height: 50px; padding-bottom: 17px; font-size: 24px; font-weight: 600; line-height: 33px; color: #ffffff; position: relative; }
.links-banner dl dt::after { content: ''; display: block; width: 40px; height: 2px; background-color: #ffffff; position: absolute; bottom: 0; left: 0; }
.links-banner dl dd { width: 169px; margin-top: 30px; font-size: 13px; font-weight: 400; line-height: 21px; color: rgba(255, 255, 255, 0.9); }
.links-us { padding: 80px 200px 40px 0; border-bottom: 1px solid #E8EDF2; position: relative; }
.links-us dl { margin-top: 35px; }
.links-us dl dt { height: 33px; margin-bottom: 40px; font-size: 24px; font-weight:bold; line-height: 33px; }
.links-us dl dd { line-height: 40px; font-size: 20px; margin-bottom:15px;}
.links-us dl dd span { display: inline-block; color: #9FA3B3; }
.links-us dl dd em,.links-us dl dd a { color: #de8222; padding: 0; font-size: 18px;font-weight: 600;}
.links-us .btn { display: block; width: 158px; height:48px; padding: 0; margin-top: 40px; font-size:20px; line-height:48px; border-radius:6px; text-align: center; }
.btn { display: inline-block; box-sizing: border-box; padding: 0 40px;  line-height: 40px; font-size: 14px; }
.btn.hide {display: none}
.btn:hover { text-decoration: none; }
.btn-orange { background-color: #de8222; color: #ffffff; }
.btn-orange:hover { box-shadow: 0px 6px 18px -9px #de8222; color: #ffffff; }
.m-links-us-qrcode{width: 360px; border: 1px solid #E8EDF2; padding: 15px; }
.m-links-us-qrcode .wcode{width:140px; float:left; margin-left:15px;}
.m-links-us-qrcode .wcode img{width: 140px; height: 140px; display: block; position: static;}
.m-links-us-qrcode .wcode p{text-align: center; margin-top: 15px; color: #333;}
/* 表单 */
.frombox{ margin-top:30px;}
.plan-form-item { min-height: 40px; padding-left: 95px; margin-bottom: 8px; position: relative; }
.plan-form-item .red {color: #ff3300;}
.plan-form-item .u-input, .plan-form-item .u-select { width: 250px; background-color: #F7F9FA; }
.plan-form-item .u-textarea { width: 100%; height: 100px; background-color: #F7F9FA; }
.plan-form-item .m-select-imit { width: 250px; }
.plan-form-item .m-select-imit .m-select-panel { background-color: #F7F9FA; }
.plan-form-item .btn { margin-top: 30px; border: none; cursor:pointer;}
.plan-form-item .plan-form-phone { height: 22px; margin-top: 16px; line-height: 22px; color: #333; }
.plan-form-item .plan-form-phone span { margin-left: 8px; color: #de8222; }
.plan-form-label { box-sizing: border-box; width: 106px; padding-right: 16px; height: 40px; line-height: 40px; text-align: right; color: #333; position: absolute; left: 0; top: 0; }
.u-input, .u-select { box-sizing: border-box; width: 360px; height: 40px; padding: 10px 54px 10px 12px; border: 1px solid #E0E6ED; background-color: #ffffff; outline: none; }
.u-input:hover, .u-select:hover { border-color: #de8222; }
.u-input:focus, .u-select:focus { border-color: #de8222; box-shadow: 0px 0px 6px 0px rgba(100, 100, 100, 0.5); }
.u-input::-webkit-input-placeholder, .u-select::-webkit-input-placeholder { color: #BFBFBF; }
.u-input::placeholder, .u-input::-webkit-input-placeholder, .u-input::-moz-placeholder, .u-input:-ms-input-placeholder, .u-select::placeholder, .u-select::-webkit-input-placeholder, .u-select::-moz-placeholder, .u-select:-ms-input-placeholder { color: #BFBFBF; }
.u-textarea { box-sizing: border-box; min-height: 84px; padding: 10px 12px; border: 1px solid #E0E6ED; resize: none; outline: none; }
.u-textarea:hover { border-color: #de8222; }
.u-textarea:focus { border-color: #de8222; box-shadow: 0px 0px 6px 0px rgba(100, 100, 100, 0.5); }
.u-textarea::-webkit-input-placeholder { color: #BFBFBF; }
.u-textarea::placeholder, .u-textarea::-webkit-input-placeholder, .u-textarea::-moz-placeholder, .u-textarea:-ms-input-placeholder { color: #BFBFBF; }
.m-select-imit { display: inline-block; width: 360px; height: 40px; position: relative; vertical-align: middle; }
.m-select-imit .m-select-panel { box-sizing: border-box; width: 100%; height: 40px; padding: 10px 54px 10px 12px; border: 1px solid #E0E6ED; background-color: #ffffff; position: relative; cursor: pointer; }
.m-select-imit .m-select-panel span { color: #BFBFBF; }
.m-select-imit .m-select-panel.hover { border-color: #de8222; }
.m-select-imit .m-select-panel.focus { box-shadow: 0px 0px 6px 0px rgba(239, 129, 0, 0.6); }
.m-select-imit .iconfont { position: absolute; top: 8px; right: 12px; }
.m-select-imit .m-select-menu { display: none; box-sizing: border-box; width: 100%; max-height: 200px; padding: 10px 0; line-height: 40px; border: 1px solid #E8EDF2; background-color: #ffffff; overflow-x: hidden; overflow-y: scroll; position: absolute; left: 0; top: 40px; z-index: 1; box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1); }
.m-select-imit .m-select-menu li { padding-left: 20px; cursor: pointer; }
.m-select-imit .m-select-menu li:hover, .m-select-imit .m-select-menu li.active { background-color: #de8222; color: #ffffff; }
.c-warn {color: #ff3300;}

/*服务支持*/
.content-banner1 {color: #fff; text-align: center;}
.content-banner1 .title {font-size: 42px; padding-top: 110px; line-height: 42px; letter-spacing: 1px; }
.content-banner1 .text {padding-top: 18px; font-size: 18px; line-height: 28px;}
.d-service {padding: 120px 0 63px 0;min-width: 1230px;}
.d-service h3 {font-size: 30px;padding-top: 0px;text-align: center; color: #000;}
.d-service h4 {font-size: 18px; text-align: center; padding-top: 30px;}
.sevRange-main{width: 1230px; margin: 28px auto 0;}
.sevRange-box{width: 390px; height: 310px; padding:10px; background: #f8f8f8; border-radius: 4px; margin-left: 28px; margin-top: 28px;}
.sevRange-cont{background: #fff; width: 370px; height: 290px; padding: 10px 42px; margin: 0 auto;}
.sevRange-head{width: 86px; height: 86px; margin: 27px auto 0; }
.sevRange-title{font-size: 20px; color: #222; line-height: 20px; text-align: center; padding:20px 0px;}
.sevRange-tex{width: 100%; margin-top: 10px; font-size: 14px; color: #777; line-height: 20px;text-align: center;}
.sevRange-post{margin-top: 40px;}
.sevRange-post a{width: 208px; height: 36px; line-height: 36px; border: 1px solid #de8222; display: block; text-align: center; background: #fff; font-size: 14px; color: #de8222; margin: 0 auto; transition: 0.36s ease; border-radius: 4px;}
.sevRange-post a:hover{color: #fff; background: #de8222; border: 1px solid #de8222;}
.sevRange-main .no-left{margin-left: 0;}
.sevRange-cont .fwl{background: url("../img/servicon1.png") no-repeat center;}
.sevRange-cont .fw2{background: url("../img/servicon2.png") no-repeat center;}
.sevRange-cont .fw3{background: url("../img/servicon3.png") no-repeat center;}
.sevRange-cont .fw4{background: url("../img/servicon4.png") no-repeat center;}
.sevRange-cont .fw5{background: url("../img/servicon5.png") no-repeat center;}
.sevRange-cont .fw6{background: url("../img/servicon6.png") no-repeat center;}
.sevRange-cont .fw7{background: url("../img/servicon7.png") no-repeat center;}
.sevRange-cont .fw8{background: url("../img/servicon8.png") no-repeat center;}
.sevRange-cont .fw9{background: url("../img/servicon9.png") no-repeat center;}

.merits{width:100%; padding:70px 0px 110px; background:#f7f9fa;}
.merits-tit{ text-align:center;}
.merits-tit h3{ font-size:32px; color:#000; line-height:44px;}
.meritscont{ margin-top:50px;}
.meritscont ul{width:100%; display:flex; flex-wrap: wrap; justify-content:space-between;}
.meritscont ul li{width:49.2%; margin-bottom:20px;}
.meritscont ul li .meritsbox{width:100%; height:340px; position:relative; overflow:hidden;}
.meritscont ul li .meritsbox img{width:100%; height:100%; height:auto;}
.meritscont ul li .meritsbox .merits-txt{width:100%; position:absolute; left:0; right:0; top:50%; margin-top:-45px; text-align:center; z-index:9;}
.meritscont ul li .meritsbox .merits-txt h3{ font-size:40px; color:#fff; line-height:60px;}
.meritscont ul li .meritsbox .merits-txt p{ font-size:18px; color:#fff; line-height:30px;}


/*方案*/
.d-fanan {padding: 120px 0 0px 0;min-width: 1230px;}
.d-fanan .content > h3 {font-size: 32px;padding-top: 0px;text-align: center; color: #000;}
.d-fanan .fananbk{ margin-top:88px;}
.fanan_blank1 .fananlist1{width:100%;}
.fanan_blank1 .fananlist1  li{width:100%; height:310px; padding:0px 0px 0px 246px; margin-bottom:60px; position:relative;}
.fanan_blank1 .fananlist1 ul li .news_img{width:214px; height:300px; overflow:hidden; position:absolute; left:0px; border:5px solid #eee; border-radius:3px;}
.fanan_blank1 .fananlist1 ul li .news_img img{width:100%; min-height:100%; transition: all 0.5s;}
.fanan_blank1 .fananlist1 ul li:hover .news_img img{transform: scale(1.1, 1.1);}
.fanan_blank1 .fananlist1 ul li .news_txt{width:100%; height:310px; padding:35px 0px 30px; position:relative; overflow:hidden;}
.fanan_blank1 .fananlist1 ul li .news_txt .newsitem{ width:100%; position:relative;}
.fanan_blank1 .fananlist1 ul li .news_txt .newsitem h3{ font-size:20px; font-weight:normal; color:#333; line-height:40px; width:96%; display:block; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.fanan_blank1 .fananlist1 ul li .news_txt .newsitem span.date{ font-size:18px; color:#de8222; position: absolute; right:0px; top:0px;}
.fanan_blank1 .fananlist1 ul li:hover .newsitem h3{ color:#de8222;}
.fanan_blank1 .fananlist1 ul li .newsitem p{ height:96px; font-size:18px; color:#666; line-height:32px; margin-top:30px; text-indent:2em;}
.fanan_blank1 .fananlist1 ul li .news_txt a.getinfo{ font-size:18px; color:#de8222; line-height:32px; padding:0px 10px; position: absolute; left:0px; bottom:30px; background:#fff; border:1px solid #de8222; transition: all 0.3s;}
.fanan_blank1 .fananlist1 ul li:hover .news_txt a.getinfo{ background:#de8222; border-color:#de8222; color:#fff;}

.fanan_blank2{ margin-top:50px;}
.fanan_blank2 .fananlist2{width:100%;}
.d-fanan .fanan_blank2 .fananbk{ margin-top:50px;}
.fanan_blank2 .fananlist2 ul{width:100%; display:flex; flex-wrap: wrap; justify-content:space-between;}
.fanan_blank2 .fananlist2  li{width:49.2%;  padding:30px 30px 20px; margin-bottom:20px; border:1px solid #eee; background:#fff; position:relative;}
.fanan_blank2 .fananlist2  li h3{ font-size:20px; color:#333; line-height:1.5;}
.fanan_blank2 .fananlist2  li:hover h3{color:#de8222;}
.fanan_blank2 .fananlist2  li .wxdec{ font-size:16px; color:#666; line-height:1.6; margin-top:20px;}
.fanan_blank2 .fananlist2  li .wxdate{ font-size:16px; color:#888; line-height:1.5; margin-top:15px;}
.fanan_blank2 .fananlist2 a.more,.fanan_blank3 .fananlist3 a.more{width:135px; font-size:18px; color:#de8222; line-height:32px; padding:3px 20px; display:block; text-align:center; margin:20px auto; background:#fff; border:1px solid #de8222; transition: all 0.3s;}
.fanan_blank2 .fananlist2 a.more:hover,.fanan_blank3 .fananlist3 a.more:hover{ background:#de8222; border-color:#de8222; color:#fff;}

.fanan_blank3{width:100%; padding:74px 0 50px; background:#f9f9f9;}
.d-fanan .fanan_blank3 .fananbk{ margin-top:50px;}
.fanan_blank3 .fananlist3{}
.fanan_blank3 .fananlist3 h4{font-size:24px; color:#333; line-height:1.5;}
.fanan_blank3 .fananlist3 ul{width:100%; margin-top:40px; margin-bottom:30px; display:flex; flex-wrap: wrap; justify-content:space-between;}
.fanan_blank3 .fananlist3 li{width:49.2%; height:36px; padding-left:28px; margin-bottom:10px; position:relative;}
.fanan_blank3 .fananlist3 li:before{ content:""; width:4px; height:4px; border-radius:50%; background:#f1ab7b; position:absolute; left:10px; top:15px;}
.fanan_blank3 .fananlist3 li a{font-size:20px; color:#666; line-height:36px;}
.fanan_blank3 .fananlist3 li:hover a{color:#de8222;}
.fanan_blank3 .fananlist3 li span.date{ font-size:16px; color:#999; line-height:36px;}

/* 新闻 */
.news {background-color: #F7F9FA; overflow: hidden;}
.m-news { padding: 80px 0; background-color: #ffffff; }
.m-news-head { height: 33px; margin-bottom: 30px; line-height: 33px; }
.m-news-head p { padding-left: 20px; font-size: 24px; float: left; color: #2A3457; position: relative; }
.m-news-head p::before { display: block; content: ''; width: 4px; height: 20px; background-color: #de8222; position: absolute; top: 7px; left: 0; }
.m-news-item { box-sizing: border-box; width: 590px; height: 212px; padding: 40px 40px 40px 258px; border: 1px solid #E8EDF2; background-color: #ffffff; position: relative; margin-left:16px; }
.m-news .clf a:first-child {margin-left: 0;}
.m-news-item:hover { text-decoration: none; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }
.m-news-item:hover h5 { color: #de8222; }
.m-news-item img { display: block; width: 198px; height: 132px; position: absolute; top: 40px; left: 40px; }
.m-news-item h5 { height: 50px; line-height: 25px; font-size: 18px; color: #2A3457; overflow: hidden; }
.m-news-item p { height: 42px; margin-top: 10px; line-height: 21px; font-size: 13px; color: #333; overflow: hidden; }
.m-news-item span { display: block; margin-top: 10px; height: 18px; line-height: 18px; font-size: 13px; color: #9FA3B3; position: relative; }
.m-news-item span i { position: absolute; top: 0; left: 0; }
.u-tab-more { display: block; float: right; color: #de8222; position: relative; font-size: 14px; }
.u-tab-more i { margin-left: 8px; }
.u-tab-more:hover { text-decoration: none; color: #de8222; }

/*新闻中心*/
.trend-news { padding: 80px 0; background: #f7f9fa; }
.trend-mews-main { margin-top: 40px; }
.trend-mews-main .swiper-container { width: 780px; height: 520px; float: left; }
.trend-mews-main .swiper-slide { display: block; }
.trend-mews-main .swiper-slide img { display: block; width: 100%; height: 100%; }
.trend-mews-main .u-trend-news-intro { min-height: 68px; padding: 40px 156px 40px 40px; line-height: 34px; background: linear-gradient(180deg, rgba(42, 52, 87, 0) 0%, #000 100%); font-size: 24px; color: #ffffff; position: absolute; bottom: 0; left: 0; }
.trend-mews-main .swiper-pagination { box-sizing: border-box; padding-right: 36px; text-align: right; bottom: 40px !important; }
.trend-mews-main .swiper-pagination-bullet { width: 20px; height: 3px; border-radius: 0; background-color: rgba(255, 255, 255, 0.5); }
.trend-mews-main .swiper-pagination-bullet-active { background-color: #de8222; }
.trend-mews-side { width: 400px; float: right; }
.trend-mews-side li { box-sizing: border-box; width: 100%; height: 250px; padding: 40px 40px 0; color: #ffffff; }
.trend-mews-side li:first-child { background-color: rgba(42, 52, 87, 0.95); }
.trend-mews-side li:last-child { background-color: rgba(232, 123, 43, 0.95); }
.trend-mews-side li span { display: block; height: 20px; line-height: 20px; padding-left: 24px; position: relative; }
.trend-mews-side li span i { position: absolute; top: 0; left: 0; }
.trend-mews-side li p { margin: 15px 0 40px; line-height: 26px; font-size: 18px; }
.trend-mews-side li a { height: 44px; line-height: 42px; }
.trend-news-first { width: 100%; height: 365px; background-color: #F1F4F7; }
.trend-news-first .trend-news-first-img-wrap { display: block; width: 590px; height: 100%; float: left; }
.trend-news-first .trend-news-first-img-wrap img { width: 100%; height: 100%; }
.trend-news-first .trend-news-firs-info { box-sizing: border-box; width: 606px; padding: 40px 40px 0; float: right; }
.trend-news-first .trend-news-firs-info dt { width: 100%; height: 72px; overflow: hidden; font-size: 24px; line-height: 32px; font-weight: 600!important;}
.trend-news-first .trend-news-firs-info dt a { color: #de8222; }
.trend-news-first .trend-news-firs-info dt a:hover { color: #de8222; }
.trend-news-first .trend-news-firs-info dd { width: 100%; height: 49px; margin-top: 16px; line-height: 24px; color: #333; overflow: hidden; }
.trend-news-first .trend-news-firs-info p { height: 18px; margin-top: 16px; line-height: 18px; font-size: 13px; color: #9FA3B3; }
.trend-news-first .trend-news-firs-info p i { vertical-align: bottom; margin-right: 4px; }
.trend-news-first .trend-news-firs-info .btn-orange { margin-top: 24px; }
.trend-news-sub-list { margin-left: -20px; margin-top: 20px; }
.trend-news-sub-list li { width: 284px; float: left; margin-left: 20px; background-color: #ffffff; }
.trend-news-sub-list li .sub-news-img-wrap { display: block; width: 284px; height:168px; overflow:hidden;}
.trend-news-sub-list li .sub-news-img-wrap img { width: 100%; min-height: 100%; }
.trend-news-sub-list li dl { box-sizing: border-box; width: 100%; padding: 20px 20px 14px; }
.trend-news-sub-list li dt { width: 100%; height: 48px; line-height: 24px; font-size: 16px; overflow: hidden; font-weight: 400!important;}
.trend-news-sub-list li dt a { color: #000; }
.trend-news-sub-list li dt a:hover { color: #de8222; }
.trend-news-sub-list li dd { height: 18px; margin-top: 12px; line-height: 18px; font-size: 13px; color: #9FA3B3; }
.trend-news-sub-list li dd i { vertical-align: bottom; margin-right: 4px; }
.pro-box-title { padding-bottom: 24px; border-bottom: 1px solid #E0E6ED; }
.pro-box-title dl { height: 33px; line-height: 33px; float: left; }
.pro-box-title dt { padding-left: 20px; float: left; position: relative; font-size: 24px; }
.pro-box-title dt::before { content: ''; display: block; width: 4px; height: 20px; background-color: #de8222; position: absolute; top: 7px; left: 0; }
.pro-box-title dd { margin-left: 27px; float: left; font-size: 16px; color: #333; }
.pro-box-title .u-tab-more { height: 20px; line-height: 20px; margin-top: 13px; }
.pro-box-title .u-tab-more::after { top: 6px; }
.trend-info { padding: 80px 0; }
.trend-information-img { display: block; width: 590px; height: 370px; float: left; }
.trend-information-list { margin-top: 60px; }
.trend-information-list ul { float: right; }
.trend-information-list li { margin-bottom: 26px; }
.trend-information-list li:last-child { margin-bottom: 0; }
.trend-information-list li div { box-sizing: border-box; width: 473px; height: 110px; padding: 14px 10px 0 20px; border-bottom: 1px solid #E8EDF2;border-top: 1px solid #E8EDF2; border-right: 1px solid #E8EDF2;float: left; }
.trend-information-list li div a { display: block; width: 100%; height: 22px; line-height: 22px; color: #000; 
font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.trend-information-list li div a:hover { color: #de8222; }
.trend-information-list li div p { width: 100%; height: 45px; margin-top: 12px; overflow: hidden; line-height: 21px; font-size: 13px; color: #333; }
.trend-information-list dl { box-sizing: border-box; width: 110px; height: 110px; padding-top: 17px; float: left; text-align: center; background-color: #F1F4F7; }
.trend-information-list dl dt { height: 45px; line-height: 45px; color: #de8222; font-size: 32px; font-weight: 600; }
.trend-information-list dl dd { height: 20px; line-height: 20px; margin-top: 10px; color: #666; }
/*新闻列表页*/
.trend-news-list { overflow: hidden; }
.trend-news-list a { display: block; box-sizing: border-box; padding: 20px 255px 20px 20px; width: 100%; margin-top: 20px; background-color: #F7F9FA; border: 1px solid #E8EDF2; position: relative; height: 180px; }
.trend-news-list a.noimg {padding:20px!important ;}
.trend-news-list a:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }
.trend-news-list a .img { display: block; width: 215px; height: 145px; background:#fff; position: absolute; top: 20px; right: 20px; text-align:center; overflow:hidden;}
.trend-news-list a .img img{max-width:100%; max-height:100%; height:auto;}
.trend-news-list a h5 { width: 100%; height: 51px; font-size: 18px; line-height: 26px; overflow: hidden; color: #000; }
.trend-news-list a p { width: 100%; height: 39px; margin-top: 20px; font-size: 13px; line-height: 21px; overflow: hidden; }
.trend-news-list a .u-time { margin-top: 20px; color: #333; }
.trend-news-list a:hover h5 { color: #de8222; }
.trend-news-list a p { color: #000!important; }
.trend-news-pagination { margin-top: 40px; text-align: center; }
.m-xz-news-list a h5 {height: 26px;text-overflow: ellipsis;white-space: nowrap;}                        
.m-xz-news-list.trend-news-list a p {margin-top: 15px;}
.m-xz-news-list.trend-news-list a .u-time {margin-top: 15px;}   
.m-xz-news-list.trend-news-list a>img  {width: 229px;}
.u-time { display: block; height: 20px; line-height: 20px; font-size: 14px; position: relative; }

/*下载列表*/
.trend-down-list{width:100%; overflow:hidden;}
.trend-down-list li.downli { display: block; box-sizing: border-box; padding: 20px 160px 20px 20px; width: 100%; margin-top: 20px; background-color: #F7F9FA; border: 1px solid #E8EDF2; position: relative; height: auto; }
.trend-down-list li.downli h5{ width: 100%; font-size: 18px; line-height: 32px; margin-bottom:10px; overflow: hidden; color: #000; }
.trend-down-list li.downli p { width: 100%; height: 39px; margin-top: 20px; font-size: 13px; line-height: 21px; overflow: hidden; }
.trend-down-list li.downli .down_btn{width:120px; height:40px; border-radius:4px; background:#de8222; position:absolute; right:20px; top:20px; font-size:18px; color:#fff; line-height:40px; text-align:center; cursor:pointer;}
.fananbk a.more{width:135px; font-size:18px; color:#de8222; line-height:32px; padding:3px 20px; display:block; text-align:center; margin:40px auto; background:#fff; border:1px solid #de8222; transition: all 0.3s;}
.fananbk a.more:hover{ background:#de8222; border-color:#de8222; color:#fff;}

.text-curr{ color:#de8222;}

/*侧边栏*/
.detail-page-slide { width: 290px; float: left; }
.plan-recommend-model { box-sizing: border-box; padding: 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }
.plan-recommend-model .btn { width: 100%; padding: 0; margin-top: 26px; text-align: center; }
.plan-recommend-head { height: 45px; padding: 0 0 20px 40px; margin: 0 -20px; line-height: 25px; font-size: 18px; border-bottom: 1px solid #E8EDF2; position: relative; }
.plan-recommend-head::before { content: ''; display: block; width: 4px; height: 16px; background-color: #de8222; position: absolute; top: 4px; left: 20px; }
.plan-recommend-list { margin-top: 24px; }
.plan-recommend-list a { display: block; width: 100%; height: 38px; margin-bottom: 16px; line-height: 38px; color: #000; }
.plan-recommend-list a span { display: block; margin-right: 20px; font-size: 32px; color: #CFD9E6; font-weight: bold; float: left; }
.plan-recommend-list a em { display: inline-block; width: 185px; line-height: 20px; vertical-align: middle; overflow: hidden; }
.plan-recommend-list a.active, .plan-recommend-list a:hover { color: #de8222; }
.plan-recommend-list a.active span, .plan-recommend-list a:hover span { color: #de8222; }
.news-type-nav { padding-top: 20px; }
.news-type-nav a { display: block; height: 46px; margin-bottom: 10px; padding-left: 40px; border: solid 1px #E8EDF2; color: #333; font-size: 16px; line-height: 46px; position: relative; }
.news-type-nav a.active, .news-type-nav a:hover { color: #de8222;border: solid 1px #de8222; }
/*侧边栏 图文*/
.m-recommend-nano { box-sizing: border-box; width: 100%; margin-left: auto; margin-right: auto; background-color: #ffffff; border: 1px solid #E8EDF2; }
.m-recommend-nano .swiper-container { padding: 24px 20px 20px; }
.m-recommend-nano .recommend-link-btn-wrap { padding: 20px; }
.m-recommend-nano .recommend-link-btn-wrap .btn { padding: 0 26px; }
.m-recommend-nano .m-recommend-head { height: 65px;  }
.m-recommend-nano .m-recommend-head h5 { padding-left: 40px; font-size: 18px;line-height: 65px!important;}
.m-recommend-nano .m-recommend-head h5::before { height: 16px; left: 20px; top: 25px; }
.m-recommend-nano .m-recommend-head p { margin: 20px 20px 0 0; float: right; }
.m-recommend-nano .m-recommend-head i { display: block; width: 24px; height: 24px; line-height: 22px; }
.m-recommend-nano .bd { box-sizing: border-box; margin: 20px 20px 0; padding: 0; overflow: hidden; }
.m-recommend-nano .swiper-slide a { display: block; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #E0E6ED; }
.m-recommend-nano .bd .swiper-slide img { display: block; width: 100%; height: 164px; }
.m-recommend-nano .swiper-slide p { white-space: nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%; height: 20px; margin-top: 16px; line-height: 20px; color: #000;text-align: center;}
.m-recommend-nano .swiper-container.alone { height: 320px; }
.m-recommend-nano .swiper-container.alone .swiper-slide img { height: 248px; }
.m-recommend-nano .swiper-container.alone .swiper-slide span { margin-left: 8px; color: #333; }
.m-recommend-nano .btn { display: block; width: 248px; margin: 0 auto 20px; padding: 0; text-align: center; }
.m-recommend-head { height: 80px; line-height: 80px; border-bottom: 1px solid #E8EDF2; }
.m-recommend-head h5 { padding-left: 44px; font-size: 24px; position: relative; float: left; }
.m-recommend-head h5::before { content: ''; display: block; width: 4px; height: 20px; background-color: #de8222; position: absolute; left: 24px; top: 30px; }
.m-recommend-head p { margin: 24px 20px 0 0; float: right; }
.m-recommend-head i { display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; float: left; border: 1px solid #E8EDF2; color: #000; cursor: pointer;font-style: normal; }
.m-recommend-head i:hover {color: #fff;background: #de8222;}
.m-recommend-head i:hover a{color: #fff;}
.m-recommend-head i:last-child { border-left: none; }
/*联系方式*/
.plan-our-service { box-sizing: border-box; margin-top: 20px; padding: 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }
.plan-our-service dl { margin-top: 25px; line-height: 25px; }
.plan-our-service dt { margin-bottom: 22px; background: url("../img/kefu.png") no-repeat 6px; padding-left:40px; font-size:20px; font-weight:bold; color:#de8222; }
.plan-our-service dt a{ color:#de8222;}
.plan-our-service dd { margin-bottom: 5px; }
.plan-our-service dd { padding-left: 40px; font-size:12px; color:#333; position: relative; }
.plan-our-service dt i, .plan-our-service dd i { width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; left: 0; top: 2px; font-size: 20px; color: #de8222; }
.plan-our-service dt span, .plan-our-service dd span { color: #333; font-size: 14px; }
.plan-our-service-head { box-sizing: border-box; width:100%; height: 106px; text-align:center; background:#de8222; }
.plan-our-service-head img { display: block; width: 100%; height: 106px; margin: 0 auto; }
.plan-our-service-head p { height: 20px; line-height: 20px; color: #ffffff; text-align: center; }
.plan-our-service-wx { position: relative; width: 100%; margin-top: 20px; padding: 24px 0; background-color: #F1F4F7; }
.plan-our-service-wx img { display: block; width: 121px; height: 121px; margin: 0 auto; }
.plan-our-service-wx p { height: 22px; margin-top: 16px; line-height: 22px; text-align: center; color: #333; }


/*新闻内容*/
.news-detail-main { box-sizing: border-box; width: 920px; padding: 60px 40px; float: right; border: 1px solid #EAEEF3; background-color: #ffffff; }
.news-detail-simple { margin-top: 40px; color: #333; line-height: 22px; }
.news-detail-body { margin-top: 40px; color: #333; line-height: 26px; }
.news-detail-body p {margin-bottom: 28px;font-size: 16px; line-height: 1.8;}
.news-detail-body .txt {text-indent:2em;}
.news-detail-body img {max-width: 798px;}
.news-detail-body a:hover {text-decoration: underline!important;}
.news-detail-title { font-size: 24px; font-weight: bold; line-height: 30px;  text-align: center;}
.news-detail-info { height: 18px; margin-top: 15px; line-height: 18px; font-size: 13px; color: #9FA3B3; }
.news-detail-info p { text-align: center; }
.news-detail-info a { display: block; margin-right: 20px; float: left; color: #de8222; }
.news-detail-summary { box-sizing: border-box; width: 100%; padding: 25px; margin-top: 25px; border: 1px solid #EAEEF3; background-color: #ffffff; font-size: 13px; color: #9FA3B3; }
.news-detail-summary span { color: #de8222; }
.news-detail-contact { padding: 80px 0; }
.news-detail-contact .xz-contact { margin: 60px auto 0; }
.news-detail-about { background-color: #ffffff; }
.news-detail-about .pro-box-title { padding-bottom: 0; border-bottom: 0; }
.news-detail-about .pro-box-list { padding-top: 30px; }
.news-about-dynamic { padding: 80px 0 0; }
.news-about-dynamic h5 span { padding-left: 19px; position: relative; }
.news-about-dynamic h5 span::before { content: ''; display: block; position: absolute; width: 4px; height: 20px; background-color: #de8222; top: 4px; left: 0; }
.m-info-hub { padding: 80px 0; background-color: #ffffff; }
.m-info-hub .m-info-hub-item { width: 580px; }
.m-info-hub h5 { height: 48px; padding-bottom: 15px; border-bottom: 1px solid #E0E6ED; line-height: 33px; }
.m-info-hub h5 span { font-size: 24px; color: #000; }
.m-info-hub ul { margin-top: 20px; }
.m-info-hub li { height: 40px; line-height: 40px; }
.m-info-hub li a { display: block; width: 500px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; float: left; }
.m-info-hub li a:hover { text-decoration: none; color: #de8222; }
.m-info-hub li span { display: block; float: right; font-size: 13px; color: #9FA3B3; }
/*上一页下一页*/
.page-pagination { box-sizing: border-box; width: 100%; height: 112px; padding: 20px; margin-top: 40px; background-color: rgba(247, 249, 250, 0.3); border: 1px solid #E8EDF2; }
.page-pagination dl { width: 48%; height: 100%; float: left; }
.page-pagination dl dt { height: 18px; line-height: 18px; font-size: 13px; }
.page-pagination dl dd { margin-top: 12px; }
.page-pagination dl a { line-height: 22px; color: #333; }
.page-pagination dl a:hover { color: #de8222; }
.page-pagination dl.page-pagination-next { text-align: right; position: relative;float: right;}

/*产品中心*/
.mainproduct{padding-bottom: 60px;background:#F7F9FA;border-top: solid 1px #eeeeee;}
.mainproduct h4 {font-size: 18px;padding-top: 20px;text-align: center;}
.dk-head{font-size: 30px; color: #202126; line-height: 42px; text-align: center; margin-top: 60px;}
.dk-dep{font-size: 16px; color: #666; line-height: 24px; margin-top: 20px; text-align: center;}
.dk-img{float: left; width: 570px;}
.dk-img img {width: 570px;}
.dk-main{background: #fff; margin-top: 40px;}
.dk-cont{width: 610px; float: left;}
.dk-pro{margin-top: 40px;}
.dk-cls{width: 284px; float: left; margin-left: 31px; margin-bottom:20px;}
.dk-cls:nth-child(4n+1){margin-left: 0;}
.dkPro-img{width:284px; height:190px; overflow:hidden;}
.dkPro-img img{width: 100%; min-height:100%;}
.dkPro-tit{width: 100%; height: 80px; padding:10px; background: #fff; text-align: center; line-height: 30px; font-size: 16px;color: #666;}
.dkPro-tit a{color: #4F5158;}
.dkPro-tit a:hover{color: #de8222;}
.dk-ls{padding: 0 60px 0 40px;}
.dk-tit{font-size: 28px; color: #de8222; font-weight: bold; line-height: 32px; margin-top: 30px;}
.dk-ls .xiantiao{width:40px; height:4px; background:#de8222; margin-top: 20px;}
.dk-intro{font-size: 14px; line-height: 26px; color: #666; margin-top: 20px;}
.dk-bot{margin-top: 28px;}
.dk-bot .zkl{width: 160px; height: 48px; display: inline-block; text-align: center; line-height: 48px; background: #de8222; font-size: 14px; color: #fff;}
.dk-bot .zkl:hover{background: #de8222;}
.dk-bot .zly{width: 160px; height: 48px; display: inline-block; text-align: center; line-height: 48px; border: 1px solid #de8222; font-size: 14px; color: #de8222; box-sizing: border-box; position: relative; top: 1px; margin-left: 16px;}
.dk-bot .zly:hover{color: #fff; background-color: #de8222;}
.index-sale-more{display: block;margin: 40px auto 0;padding: 14px 0;text-align: center;width: 210px;line-height: 20px;font-size: 14px;color: #de8222;border: 1px solid #de8222;transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}
.index-sale-more:hover{color: #fff;background-color: #de8222;}
.otherproduct {padding:10px 0 80px 0;}
.otherproduct .dkPro-tit {background-color: #F7F9FA;}
.otherproduct .dk-cls{width: 223px!important; float: left; margin-left: 20px;}
.otherproduct .dk-cls:hover{box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1); transform: translateY(-5px);transition: 0.3s;}
.otherproduct .dkPro-img,.otherproduct .dkPro-img img{width: 223px!important;}
.otherproduct .dk-cls:first-child{margin-left: 0!important;}
.proIndex-kust {height: 180px;background: url("../img/contact-us.jpg") no-repeat center top;}
.proInk-tit{font-size: 26px; color: #fff; font-weight: bold; line-height: 1; text-align: left; margin-left: 414px; padding-top: 44px;}
.proInk-po{font-size: 0; text-align: left; margin-left: 414px; margin-top: 20px;}
.proInk-po .an1{width: 180px; height: 46px; background: #fff; line-height: 46px; font-size: 18px; color: #de8222; display: inline-block; border-radius: 50px; text-align: center;}
.proInk-po .an1:hover{background: #f1ede8; color: #de8222;}
.proInk-po .an2{width: 318px; height: 44px; border: 1px solid #fff; display: inline-block; line-height: 44px; color: #fff; font-size: 18px; border-radius: 50px; margin-left: 15px; text-indent: 60px; background: url("../img/icon-phone-w.png") no-repeat 25px center;}
.proInk-po .an2:hover{color: #de8222; background: #fff url("../img/icon-phone-wh.png") no-repeat 25px center;}


/*产品页幻灯*/
.pro_slide{width:100%; max-width:1920px; margin:0px auto; height:auto; position:relative; overflow:hidden;}
.pro_slide .hd{ overflow:hidden; position:absolute; left:0px; right:0px; bottom:30px; text-align:center; z-index:1; }
.pro_slide .hd ul{ overflow:hidden; zoom:1; }
.pro_slide .hd ul li{ display:inline-block; margin:0px 10px;  width:40px; height:4px; background:#f1f1f1; border-radius:2px; cursor:pointer; }
.pro_slide .hd ul li.on{ background:#de8222; }
.pro_slide .bd{ position:relative; height:100%; z-index:0;   }
.pro_slide .bd li{ zoom:1; vertical-align:middle; }
.pro_slide .bd img{ width:100%; height:auto; display:block;  }

/*高温高压*/

.gwgyinfo{width:100%; padding:80px 0px;}
.gwgyinfo .gwgytxtbox{width:100%; padding:30px 60px; border-radius:12px; background:#ed8222; text-align:center; overflow:hidden;}
.gwgyinfo .gwgytxtbox h3{ font-size:44px; color:#fff; font-weight:bold; line-height:1; margin-bottom:20px; letter-spacing:3px;}
.gwgyinfo .gwgytxtbox p{ font-size:20px; color:#fff; line-height:1.5; opacity:.9;}
.gwgyinfo .gwgytxtbox.mt20{ margin-top:20px;}

.page_about{width:100%; height:710px; padding:80px 60px 50px; background:url(../img/proaboutbg.jpg) no-repeat center top;}
.page_about .page_about_cont{ max-width:1280px; width:100%; margin:0px auto;}
.page_about .page_about_cont .page_about_tit{ text-align:center;}
.page_about .page_about_cont .page_about_tit h3{ font-size:40px; color:#fff; line-height:1.5; letter-spacing:3px;}
.page_about .page_about_cont .page_about_tit h3 span{ border-bottom:3px solid #fff;}
.page_about .page_about_cont .page_about_txt{ margin-top:20px;}
.page_about .page_about_cont .page_about_txt p{ font-size:18px; color:#fff; line-height:2; text-indent:2em; text-align:justify;}


.pro2_tit{width:100%; margin:50px auto; text-align:center;}
.pro2_tit h3{ font-size:32px; color:#333; line-height:1.75;}
.pro2_tit p{ font-size:22px; color:#999; line-height:1.5;}

.page_news_zt{width:100%; padding:40px 0px; background:#fff;}
.pro2_news{width:100%; margin-top:40px;}
.pro2-news-item { box-sizing: border-box; width: 600px; height: 212px; padding: 40px 40px 40px 258px; margin-bottom:20px; border: 1px solid #E8EDF2; background-color: #ffffff; float:left; position: relative; }
.pro2_news a.pro2-news-item:nth-child(2n){ float:right;}
.pro2-news-item:hover { text-decoration: none; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }
.pro2-news-item:hover h5 { color: #de8222; }
.pro2-news-item img { display: block; width: 198px; height: 132px; position: absolute; top: 40px; left: 40px; }
.pro2-news-item h5 { height: 50px; line-height: 25px; font-size: 18px; color: #2A3457; overflow: hidden; }
.pro2-news-item p { height: 42px; margin-top: 10px; line-height: 21px; font-size: 13px; color: #333; overflow: hidden; }
.pro2-news-item span { display: block; margin-top: 10px; height: 18px; line-height: 18px; font-size: 13px; color: #9FA3B3; position: relative; }
.pro2-news-item span i { position: absolute; top: 0; left: 0; }

.page_news_zt a.more,.gwgycont a.more,.pro2_class1 a.more,.pro2_wenxian a.more,.pro2_fanan a.more{width:172px; height:48px; font-size:18px; color:#de8222; line-height:46px; display:block; text-align:center; margin:40px auto 0; border:1px solid #de8222; transition: all 0.3s;}
.page_news_zt a.more:hover,.gwgycont a.more:hover,.pro2_class1 a.more:hover,.pro2_wenxian a.more:hover,.pro2_fanan a.more:hover{ background:#de8222; border-color:#de8222; color:#fff;}



.page_news_zt .news_zt_box{width:976px; height:482px; margin:0px auto; overflow:hidden; position:relative;}
.page_news_zt .news_zt_box img{width:100%; height:100%;}
.page_news_zt .news_zt_box .getnews_zt{width:234px; height:60px; border:1px solid #de8222; text-align:center; line-height:58px; font-size:22px; color:#de8222; position:absolute; left:50%; margin-left:-107px; top:241px; margin-top:-30px; opacity:.9; transition:.3s}
.page_news_zt .getnews_zt:hover{ background:#de8222; color:#fff;}


.pro2_class1{width:100%; padding:50px 0px 60px; margin-top:30px; background:#f9f9f9;}
.pro2_tit{ text-align:center;}
.pro2_tit h3{ font-size:36px; color:#333;}
.pro2_main_list{ margin-top:50px;}
.pro2_main_list .gw-main{width:100%; height:350px; padding:25px 0px; margin-bottom:30px; background:#fff;}
.pro2_main_list .gw-main .gw-img{width:420px; height:300px; overflow:hidden; float:left;}
.pro2_main_list .gw-main .gw-img img{width:100%; height:auto; min-height:100%;}
.pro2_main_list .gw-main .gw-cont{width:780px; height:300px; padding:0px 50px; float:right; position:relative;}
.pro2_main_list .gw-main .gw-cont .gw-ls{width:100%; height:100%; position:relative;}
.pro2_main_list .gw-main .gw-cont .gw-ls .gw-tit{width:100%; height:70px; font-size:28px; color:#ed8222; font-weight:bold; line-height:1.75;}
.pro2_main_list .gw-main .gw-cont .gw-ls .xiantiao{width:42px; height:4px; background:#ed8222;}
.pro2_main_list .gw-main .gw-cont .gw-ls .gw-intro{width:100%; margin-top:30px; font-size:16px; color:#363636; }
.pro2_main_list .gw-main .gw-cont .gw-ls .gw-bot{width:172px; height:48px; background:#ed8222; text-align:center; position:absolute; left:0; bottom:0;}
.pro2_main_list .gw-main .gw-cont .gw-ls .gw-bot a{ display:block; font-size:15px; color:#fff; line-height:48px;}

.pro2_class2{width:100%; padding:50px 0; margin-top:50px;}
.pro2_class2 .pro2_list ul li{width:284px; margin-bottom:30px; margin-left:31px; background-color: #f4f4f4; float:left;}
.pro2_class2 .pro2_list ul li:nth-child(4n+1){margin-left: 0;}
.pro2_class2 .pro2_list ul li .pc1-cls .pc1-img{width:100%; height:188px; overflow:hidden;}
.pro2_class2 .pro2_list ul li .pc1-cls .pc1-img img{width:100%; min-height:100%;}
.pro2_class2 .pro2_list ul li .pc1-cls .pc1-tit{width: 100%; height: 80px; padding:10px; text-align: center; line-height: 30px; font-size: 18px;color: #666;}
.pro2_class2 .pro2_list ul li .pc1-cls .pc1-tit a{color: #4F5158;}
.pro2_class2 .pro2_list ul li .pc1-cls .pc1-tit a:hover{color: #de8222;}
.pro2_class2 .pro2_list ul li.moreli{ height:234px; padding:82px 0px; position:relative;}
.pro2_class2 .pro2_list ul li.moreli .getmore{width:200px; height:70px; border:1px solid #de8222; color:#de8222; line-height:28px; padding:6px 0px; margin:0 auto; text-align:center; font-size:18px; display:block; transition:.3s}
.pro2_class2 .pro2_list ul li.moreli .getmore:hover{ background:#de8222; color:#fff;}

.pro2_wenxian{width:100%; margin-top:50px;}
.pro2_wenxian .trend-down-list{ margin-top:30px;}

.pro2_fanan{width:100%; padding:50px 0px; margin-top:50px; background:#f9f9f9;}
.pro2_fanan .pro2_fananlist{ margin-top:40px;}
.pro2_fanan .pro2_fananlist .pro2-fan-item{ display:block; width:49%; height:220px; padding:30px; background:#fff; float:left; position:relative;}
.pro2_fanan .pro2_fananlist .pro2-fan-item:nth-child(2n+0){ float:right;}
.pro2_fanan .pro2_fananlist .pro2-fan-item h5{ width:100%; height:64px; padding-left:10px; font-size:26px; color:#777; font-weight:normal; line-height:32px; overflow:hidden; position:relative;}
.pro2_fanan .pro2_fananlist .pro2-fan-item h5:before{ content:""; width:4px; height:4px; border-radius:50%; background:#f1ab7b; position:absolute; left:0px; top:16px;}
.pro2_fanan .pro2_fananlist .pro2-fan-item .u-time{ position:absolute; font-size:18px; color:#a1a1a1; left:30px; bottom:30px;}


/*产品详情页*/
.proDetail-head{width: 1196px; margin: 0 auto; position: relative;}
.proDeHead-left{width: 560px; height: 372px; float: left; position: relative;}
.proDeHead-left img{max-width:100%; max-height:100%;}
.proDeHead-left .owl-prev{width: 32px; height: 46px; background: rgba(0, 0, 0,0.1) url("../img/zuoxx.png") no-repeat center; position: absolute; top: 0; bottom: 0; left: 0; margin: auto;}
.proDeHead-left .owl-prev:hover{background: #de8222 url("../img/zuoxx.png") no-repeat center;}
.proDeHead-left .owl-next{width: 32px; height: 46px; background: rgba(0, 0, 0,0.1) url("../img/youxx.png") no-repeat center; position: absolute; top: 0; bottom: 0; right: 0; margin: auto;}
.proDeHead-left .owl-next:hover{background: #de8222 url("../img/youxx.png") no-repeat center;}
.proDeHead-left .owl-dots{text-align: center; position: relative; bottom: 45px; width: 90px; height: 24px; line-height: 24px; left: 235px; background: #c0c2c6; border-radius: 50px;}
.proDeHead-left .owl-dots button{width: 8px; height: 8px; margin: 0 4px; background: #fff; border-radius: 50%; vertical-align: middle;}
.proDeHead-left .owl-dots .active{width: 8px; height: 8px; background: #de8222;}
.proDetail-head{padding:40px 0 60px 0;}
.proDeHead-right.left {float: left!important;margin:0 40px 0 0!important;} .proDeHead-left.right {float: right!important;}
.proDeHead-right{float: left; width: 605px; margin-left: 30px;}
.proDeHead-title{font-size: 28px; line-height: 1; color: #de8222; font-weight: bold;}
.proDeHead-kus{background: #f7f7f7; padding: 20px 30px; margin-top: 20px;}
.proDeHead-intro{font-size: 14px; line-height: 24px; color: #666;}
.proDeHead-right.left .proDeHead-intro {height: 160px;}
.proDeHead-info{margin-top: 10px;}
.proDeHead-info p{font-size: 14px; line-height: 34px; color: #999;}
.proDeHead-info p span{color: #333333;}
.proDeHead-bot.left{left: 0;}
.proDeHead-bot{font-size: 0; position: absolute; left: 591px; bottom: 60px;}
.proDeHead-bot .kff{width: 220px; color: #fff; line-height: 50px; display: inline-block; font-size: 16px; background: #de8222; text-align: center;}
.proDeHead-bot .kff:hover{background-color: #de8222;}
.proDeHead-bot .pho{width: 218px; height: 48px; line-height: 48px; text-align: center; display: inline-block; font-size: 16px; border: 1px solid #de8222; color: #de8222; margin-left: 20px;}
.proDeHead-bot .pho:hover {background-color: #de8222; color: #fff;}
.proTagCon{margin-top: 16px; width: 100%;}
.proTag{float: left; height: 32px;}
.proTag a{border: 1px #de8222 solid; float: left; padding: 0 15px; line-height: 30px; color: #de8222; border-radius: 4px; transition: .36s; margin-right: 10px;}
.proTag a:hover{background: #de8222; color: #fff;}
.proAll{ padding-bottom: 56px;}
.proDuo{background: #F7F9FA; margin-top: 56px;border-top: solid 1px #eeeeee;}
.proDuo-main{width: 1196px; margin: 0 auto; overflow: hidden; position: relative;padding-top: 30px;}
.myproNav { width: 100%; height: 65px; background-color: #ffffff; position: relative; top: 0; left: 0; z-index: 999; transition: all 1s linear; }
.myproNav .btn { width: 220px; height: 44px; line-height: 42px; margin: 10px 0 0 40px; }
.proDuo .proAll{width: 890px; float: left;}
.proDuo .proNavBox li{width: 130px;}
.proDuo .proWapper{width: 890px;}
.proDuo .proCaseBox{width: 800px;}
.proDuo .proCaseInfo{width: 460px;}
.proDuo .proNav{background: none;}
.proDuo .proCaseText{height: 80px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.proDuo .proCaseImg{width: 310px; height: 220px;}
.proDuo .proCaseImg img{width: 310px; height: 220px;}
.proDuo .proCaseShow{margin-top: 38px; display: inline-block;}
.proDuo .proSerCon a{width: 192px;}
.proDuo .proSerCon a i{width:88px; height:88px; border:8px solid #ececec; margin:42px auto; background-position:center center; border-radius:50%; display:block;}
.proDuo .proNavCon{border: solid 1px #E8EDF2;background-color: #ffffff;}
.proDuo .proNavBox li {background: #fff;border-right: solid 1px #fff;border-left: solid 1px #fff;}
.proDuo .proNavBox .select{background: #fff;}
.proDuo .proNavBox li::before { content: ''; display: block; width: 1px; height: 16px; background-color: #E8EDF2; position: absolute; left: -2px; bottom: 24px; }
.proDuo .proNavBox li:first-child::before { display: none; }
.proNavBox{width: 1196px; margin: 0 auto;}
.proNavBox ul{float: left; width: 890px; height: 66px; overflow: hidden; padding-left: 1px;box-sizing: border-box;border: 1px solid #E8EDF2;border-bottom: none;border-left-color: #fff;border-top: none;}
.proNavBox li{float: left; height: 66px; width: 130px; text-align: center; margin-left: -1px;display: block; color: #666666; line-height: 62px; padding-top: 3px; font-size: 16px;position: relative;cursor: pointer;}
.proNavBox li:last-child{background: none;}
.proNavBox li.select::before { display: none; }
.proNavBox li.select:first-child{border-left-color: #ffffff;}
.proNavBox li.select{position: relative; z-index: 1; background: #fff; color: #de8222; border-top: 3px #de8222 solid; height: 66px; padding-top: 0;border-right-color: #E8EDF2;border-left-color: #E8EDF2;}
.proDuo .proSerCon span{font-size: 16px; line-height: 22px; width: 140px; left: 26px;}
.proDuo .proSer4 div strong{display: block; width: 193px; padding-top: 6px;}
.proDuo .proSer4 div{width: 193px; top: 188px;}
.proDuo .proSer3, .proDuo .proSer2, .proDuo .proSer4{margin-left: 10px;}
.proDuo .company-news{width: 890px; padding:40px 0 0 0;}
.proDuo .parts-l{width: 800px;margin: 0 auto;}
.proDuo .nominate-title{width: 250px;}
.proDuo .nominate-img{width: 248px;}
.proDuo .nominate-img img{width: 248px;}
.proDuo .write-bill{padding: 44px 44px 0px;}
.proDuo .item-input textarea{width: 690px;}
.proDuo .pro-fixed .proNav-xl{width: 1196px; margin: 0 auto;}
.proDuo .pro-fixed .proNavBox ul {border-left-color: #E8EDF2;}
.proDuo-right{width: 290px; float: right;}
.proDuo-hots{width: 290px; background: #fff; box-sizing: border-box;padding: 28px 0; margin-top: 28px;border: 1px solid #E8EDF2;}
.hots-cont{width: 248px; margin: 0 auto;}
.hots-img{width: 248px; display: inline-block;}
.hots-img img{width: 248px; border-radius: 4px;}
.hots-title{font-size: 16px; color: #333; line-height: 24px; display: inline-block; margin-top: 13px;}
.hots-bot{padding-top: 12px; border-top: 1px solid #eaeaea; margin-top: 12px;}
.hots-bot span{font-size: 14px; color: #666; line-height: 22px; display: block;}
.hot-zu{margin-top: 24px;}
.hot-zu a{width: 200px; height: 48px; background: #de8222; text-align: center; line-height: 48px; color: #fff; font-size: 14px; border-radius: 4px; display: block;}
.proDuo-cen{margin-top: 28px;}
.proDuo-cen a{width: 252px; height: 46px; line-height: 46px; text-align: center; border: 1px solid #de8222; border-radius: 4px; font-size: 14px; color: #de8222; display: block; background: #fff;}
.proDuo-cen a:hover{color: #fff; background: #de8222;}
.proNavCon{ margin: 0 auto; overflow: hidden}
.pro-fixed{position: fixed; top: 0; z-index: 9; margin-top: 0;}
.proContent{margin: 0 auto; background: #fff; padding-bottom: 56px;box-sizing: border-box; border: 1px solid #E8EDF2;color: #333;}
.proContent-tle{ height:66px;font-size: 24px; color: #333; border-bottom: 1px solid #eaeaea; position: relative; padding: 26px 0 10px; line-height: 30px;}
.proContent-tle span{width: 98px; height: 2px; background: #de8222; display: block; position: absolute; bottom: -1px;}
.proContentTexts{display: none;} .proContentTexts.active{display: block;} .proContentTexts .proContent-main{padding: 0 45px;}
.proContentTexts p {margin-bottom: 12px;font-size: 16px; line-height: 1.8;}
.proContentTexts h3 {font-size: 24px; color: #333; border-bottom: 1px solid #eaeaea; position: relative; padding: 26px 0 10px; line-height: 30px;}
.proContentTexts h3 span {width: 98px; height: 2px; background: #de8222; display: block; position: absolute; bottom: -1px;}
.proContent-tex { width: 800px; margin: 0 auto;}
.pro_img_aj {margin-top: 30px;}
.pro_img_aj h3 {color: #de8222!important; font-size: 20px; margin-bottom:30px;}
.pro_img_aj h3 span {width: 80px;}
.pro_img_aj ul {padding-left: 15px;}
.pro_img_aj ul li {font-size: 16px; line-height: 1.8; list-style: circle; }
.focal{margin-top: 18px;}
.focal a,.focal span{float: left; width: 110px; height: 34px; color: #555; font-size: 14px; text-align: center; line-height: 32px; border: 1px solid #ddd; border-radius: 4px; padding: 0 20px; margin-left: 28px; background: #fafafa; transition: .36s ease;box-sizing: border-box;}
.focal a:hover,.focal span:hover{background: #de8222; border: 1px solid #de8222; color: #fff;}

.focal .no-left{background: #fff; color: #de8222; border: 1px solid #de8222; margin-left: 0;}

/*产品列表 X3 */
.all-case-model { padding: 80px 0; background-color: #F7F9FA; }
.all-case-list li { margin-right: -21px; }
.all-case-list .all-case-item { display: block; box-sizing: border-box; width: 385px; height: 340px; margin: 0 20px 40px 0; float: left; background-color: #ffffff; border: 1px solid #E8EDF2; }
.all-case-list .all-case-item:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }
.all-case-list .all-case-item:hover p { color: #de8222; }
.all-case-list .all-case-item img { display: block; width: 383px; position: relative; }
.all-case-list .all-case-item p { padding: 20px 24px 0; font-size: 16px; color: #293140; line-height: 22px; text-align: center; }
/*技术优势*/
.xiantiaox{width: 30px;height: 3px;background: #de8222;margin: 25px auto 5px auto;}
.xiantiaox2{width: 30px;height: 3px;background: #de8222;margin: 25px 0 10px 0;}
.bgka{width: 800px;}
.bgka2{height: .5rem;}
.linegao{line-height: 60px; text-align: center;padding-bottom: 20px;}
.ysbgx1{background-size: 100%; width: 400px; height: 240px;}
.ysbgx2{background-size: 100%; width: 400px; height: 240px;}
.ysbgx3{background-size: 100%; width: 800px; height: 320px;}
.xysbgx1{border: 1px solid #fff; width: 100%; height: 160px;}

/*相关产品*/
.nominate-pro{margin: 26px auto 0;overflow:hidden;}
.nominate-box{display: block; float: left;width: 250px;margin-left: 25px;}
.nominate-pro .no-left{margin-left: 0;}
.nominate-img{width: 250px;}
.nominate-img img{border-radius: 4px;}
.nominate-title{font-size: 16px; color: #222;text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-top: 16px; width: 250px;}
.nominate-title:hover {color: #de8222;}
.nominate-list{margin-top: 20px; margin-bottom: 56px; width:1226px;}
.mt-56 .nominate-img{width: 250px;}
.mt-56 .nominate-img img{width: 250px;}
.mt-56 .nominate-pro{padding: 0 44px;}
.mt-56 .nominate-list {margin-top: 42px;width:800px;margin-bottom: 0;}
.mt-56 .nominate-list:first-child .nominate-box{margin-left: 0;}

/*内页Banner*/
.news-banner{width: 100%; height: 310px; background: url("../img/banner-news.jpg") no-repeat center center;}
.service-banner{width: 100%; height: 310px; background: url("../img/banner-service.jpg") no-repeat center center;}

/*产品聚合页*/
.pro-banner{background: url('../img/pro-index-banner.jpg') no-repeat center; text-align: center; overflow: hidden;}

.pro-banner .title{font-size: 42px; line-height: 1; font-weight: normal;}
.pro-banner span{color: #fec006;}
.pro-banner .text{margin: 21px auto 0;}
.pro-index-top{padding: 56px 0 0;}
.pro-index-top .title{font-size: 30px; line-height: 1; text-align: center;}
.pro-index-top .title span{color: #ff9600;}
.pro-index-top .text{width: 820px; margin: 22px auto 0; line-height: 24px; font-size: 14px; color: #888; text-align: center;}
.pro-index-top .pro-search{height: 96px; margin-top: 28px; background: url('../img/pro-search-bg.jpg') no-repeat center; padding: 26px 28px;}
.pro-index-top .pro-search input{background-color: #f2f2f2; outline: none; border: 0; height: 28px; width: 68px; padding: 9px 11px 8px 11px; margin-right: 10px;}
.pro-index-top .pro-search label{position: relative; font-size: 14px; color: #555; font-weight: normal; padding-right: 10px;}
.pro-index-top button{display: block; width: 120px; height: 42px; border-radius: 4px; font-size: 14px; margin-left: 16px; line-height: 42px; text-align: center; background-color: #ff9600; color: #fff; border-color: #ff9600}
.pro-index-top .guide-part{float: right;}
.pro-index-top .guide-choice{float: left;}
.pro-index-top .guide-choice a{width: 180px;}
.pro-index-top .guide-inquiry{margin-left: 14px;}
.pro-quality .content:first-child{margin-bottom: 28px;}
.pro-index-mid{padding: 56px 0 0;}
.pro-index-mid ul{margin-top: 28px;}
.pro-index-mid li{width: 278px; float: left; margin-left: 28px;}
.pro-index-mid li:first-child{margin-left: 0;}
.pro-index-mid .img-box{display: block; width: 100%; height: 280px;}
.pro-index-mid .img-box img{display: block; max-width: 100%;}
.pro-index-mid .info .title{display: block; font-size: 16px; color: #222; line-height: 1; margin-top: 18px; transition: all .4s;}
.pro-index-mid .info .title:hover{color: #F78400;}
.pro-index-mid .info .attr{float: left; font-size: 14px; line-height: 16px; color: #999; margin-top: 18px; padding-left: 40px;}
.pro-index-mid .info .stand-power{background: url('../img/attr-con.png') no-repeat left center;}
.pro-index-mid .info .stand-press{background: url('../img/attr-press.png') no-repeat left center; margin-left: 12px;}
.pro-index-mid .stands{width: 100%; overflow: hidden; height: 35px;}
.pro-index-mid .btns{margin-top: 20px;}
.pro-index-mid .btns a{display: block; float: left; padding: 0 20px; height: 28px; background-color: #fafafa; border: 1px solid #dddddd; border-radius: 4px; line-height: 26px; font-size: 14px; color: #555; text-align: center; transition: all .4s; margin-left: 4px;}
.pro-index-mid .btns a:first-child{margin-left: 0; background: #fff; color: #ff9600; border: 1px solid #ff9600;}
.pro-index-mid .btns a:hover{background-color: #ff9600; border-color: #ff9600; color: #fff;}

/*产品列表&聚合*/
.btn42h{background: #fafafa; border: 1px #e5e5e5 solid; height: 42px; line-height: 40px; text-align: center; color: #555555; cursor: pointer; border-radius: 4px; display: block; transition: all .4s;}
.btn42{display: block; background: #fafafa; border: 1px #e5e5e5 solid; height: 42px; line-height: 40px; text-align: center; color: #555555; cursor: pointer; border-radius: 4px; transition: all .4s;}
.btn42h:hover,
.btn42:hover{background: #F78400; border-color: #F78400; color: #ffffff;}
.btn32{display: block; background: #fafafa; border: 1px #e5e5e5 solid; height: 32px; line-height: 30px; text-align: center; color: #555555; cursor: pointer; border-radius: 4px; transition: all .4s;}
.btn32h{background: #F89600; border: 1px #F89600 solid; height: 32px; line-height: 30px; text-align: center; color: #ffffff; cursor: pointer; border-radius: 4px; display: block; transition: all .4s;}
.btn32h:hover,
.btn32:hover{background: #F78400; border-color: #F78400; color: #ffffff}
.barNav{width: 1196px; margin: 0 auto; height: 52px; line-height: 52px; color: #888888}
.barNav a{color: #888888; margin: 0 8px 0 0}
.barNav em{color: #888888; margin-right: 8px;}
.barNav span{color: #ff9600; margin: 0 8px 0 0}
.proClassNav{}
.proClassItemBg{width: 100%; background: #fff; border-top: 1px solid #f5f5f5;}
.proClassItem{width: 1196px; margin: 0 auto; overflow: hidden;}
.proClassItem ul{float: left; height: 118px; overflow: hidden; padding-left: 1px;}
.proClassItem li{float: left; height: 108px; margin-top: 10px; width: 201px; text-align: center; background: url('../img/proClassbor.png') no-repeat right 19px; margin-left: -1px}
.proClassItem li a{display: block; height: 108px; padding-top: 78px; line-height: normal; font-size: 14px; color: #666666; transition: all .4s;}
.proClassItem li:last-child{background: none;}
.proClassItem li.select{position: relative; z-index: 1}
.proClassItem li.select a,
.proClassItem li a:hover{position: relative; z-index: 1; background: #ffffff; border-radius: 4px 4px 0 0; color: #ff9600;}
.pro-icon1 a{background: url('../img/rqgl01.png') no-repeat center 20% !important;}
.pro-icon2 a{background: url('../img/swzgl01.png') no-repeat center 20% !important;}
.pro-icon3 a{background: url('../img/rmgl01.png') no-repeat center 20% !important;}
.pro-icon4 a{background: url('../img/nav-pro4-normal.png') no-repeat center 20% !important;}
.pro-icon5 a{background: url('../img/dry01.png') no-repeat center 20% !important;}
.select.pro-icon1 a{background: #f5f5f5 url('../img/rqgl02.png') no-repeat center 20% !important;}
.select.pro-icon2 a{background: #f5f5f5 url('../img/swzgl02.png') no-repeat center 20% !important;}
.select.pro-icon3 a{background: #f5f5f5 url('../img/rmgl02.png') no-repeat center 20% !important;}
.select.pro-icon4 a{background: #f5f5f5 url('../img/nav-pro4-hover.png') no-repeat center 20% !important;}
.select.pro-icon5 a{background: #f5f5f5 url('../img/dry02.png') no-repeat center 20% !important;}
.pro-icon1:hover a{background: url('../img/rqgl02.png') no-repeat center 20% !important;}
.pro-icon2:hover a{background: url('../img/swzgl02.png') no-repeat center 20% !important;}
.pro-icon3:hover a{background: url('../img/rmgl02.png') no-repeat center 20% !important;}
.pro-icon4:hover a{background: url('../img/nav-pro4-hover.png') no-repeat center 20% !important;}
.pro-icon5:hover a{background: url('../img/dry02.png') no-repeat center 20% !important;}
.proClassInfo{width: 1196px; margin: 0 auto; height: 147px;}
.proClassCon{float: left; width: 600px;}
.proClassCon p{line-height: 22px; margin-top: 37px; overflow: hidden; color: #555555}
.proClassBtn{width: 100%; height: 42px; overflow: hidden; margin-top: 24px;}
.proClassBtn1{float: left; width: 120px; font-size: 14px;}
.proClassBtn2{float: left; margin-left: 14px; width: 180px; font-size: 14px;}
.proClassBtn3{float: left; margin-left: 20px; padding-left: 30px; background: url('../img/proPhone.png') no-repeat left 8px; color: #999999; font-size: 14px; height: 42px;}
.proClassBtn3 span{color: #f7494b; font-size: 16px; font-weight: 700; margin-left: -1px}
.proClassShow{float: right; width: 596px;}
.proClassShow ul{margin-top: 42px; float: right;}
.proClassShow li{float: left; height: 103px; width: 128px; border: 1px #eddabe solid; background: #fef8f0; border-radius: 4px; text-align: center; color: #ba8645; font-size: 0; vertical-align: middle; margin-left: 10px;}
.proClassShow li div{display: inline-block; font-size: 14px; vertical-align: middle}
.proClassShow li em{height: 103px; vertical-align: middle; width: 1px; overflow: hidden; display: inline-block;}
.proClassFil{border: 1px #ededed solid; border-radius: 4px; width: 1198px; margin: 42px auto 0; height: 76px; padding: 18px 52px; line-height: 38px;}
.proClassFil label{color: #999;}
.proClassFil .v-select{height: 38px; width: 210px; line-height: 38px; margin-left: 15px;}
.proClassFil .v-select .select-panel{padding-left: 14px; line-height: 38px;}
.proClassFil .select-menu{top: 38px;}
.proClassFil .select-menu li{height: 38px;}
.proClassFil .form-item{width: 326px; margin-top: 0;}
.proClassFil button{width: 160px; height: 38px; margin-left: -24px; float: left; font-size: 14px; color: #555; text-align: center; background-color: #fbfbfb; border: 1px solid #eaeaea; border-radius: 4px; transition: all .4s;}
.proClassFil button:hover{background-color: #ff9600; color: #fff; border-color: #ff9600;}
.proList{width: 1196px; margin: 0 auto}
.proListDisplay{width: 100%; margin-top: 56px;}
.proListTit{line-height: 1; font-size: 30px; padding: 0; color: #222222}
.proListItemBox{width: 100%; overflow: hidden}
.proListItemBoxCon{width: 1228px; overflow: hidden; margin-left: -28px;}
.proListItem{margin-top: 28px; width: 278px; float: left; margin-left: 28px;}
.proItemele{width: 278px;}
.proItemImg{height: 278px; width: 278px;}
.proItemImg img{height: 278px; width: 278px; display: block; border-radius: 4px;}
.proItemName{margin-top: 10px; height: 35px; line-height: 35px; font-size: 16px; overflow: hidden}
.proItemName a{color: #222; transition: all .4s;}
.proItemName a:hover{color: #ff9600}
.proItemAttr{height: 22px; width: 100%; overflow: hidden; color: #888;}
.proAttr1{font-size: 14px; height: 22px; line-height: 22px; float: left; padding-left: 40px; background: url('../img/eec.png') no-repeat left center; margin-right: 12px;}
.proAttr2{font-size: 14px; height: 22px; line-height: 22px; float: left; padding-left: 40px; background: url('../img/eey.png') no-repeat left center; margin-left: 2px;}
.proItemBright{border-top: 1px #f2f2f2 solid; margin-top: 11px; padding: 10px 0 15px;}
.proItemBright li{line-height: 22px; height: 22px; font-size: 14px; color: #888888; padding-left: 13px; background: url('../img/prolistIco.png') no-repeat left 9px; overflow: hidden}
.proItemBtn{width: 100%; overflow: hidden; margin-top: 16px;}
.proItemBtn1{width: 95px; margin-right: 4px; float: left;}
.proItemBtn2{width: 95px; margin-right: 4px; float: left;}
.proItemBtn3{width: 80px; float: left;}
.proItemBtn a{font-size: 14px;}
.solution{width: 100%; background: url('../img/sele-ban.jpg') no-repeat center top; height: 625px; margin-top: 56px;}
.solutionbg{width: 1196px; height: 567px; position: relative; margin: 0 auto}
.solutionCon{position: absolute; top: 56px; width: 1196px; left: 2px; border-radius: 4px; height: 500px; z-index: 5; background-color: rgba(255, 255, 255, 0.8)}
.solutionConInfo{float: left; margin-left: 56px; margin-top: 89px; width: 500px;}
.solutionConInfo h4{height: 70px; font-size: 30px; line-height: 70px; color: #222222}
.solutionConInfoBor{background: #FF9600; height: 2px; line-height: 0; overflow: hidden; width: 30px;}
.solutionConInfo p{line-height: 26px; margin-top: 22px; margin-bottom: 40px; font-size: 14px; color: #666666}
.solutionConBtn{width: 210px; font-size: 14px;}
.solutionConBtn .btn42{height: 48px; line-height: 46px;}
.solutionConNav{float: right; margin-top: 56px; margin-right: 56px; width: 556px;}
.solutionConc1{float: left; margin-left: 14px; width: 264px; height: 385px; background: #F0F0F0; border-radius: 4px;}
.solutionConc1 dl{margin: 8px 8px 0; height: 369px; background: #ffffff; border-top: 2px #FF9600 solid}
.solutionConc1 dt{width: 192px; margin: 0 auto; border-bottom: 1px #e8e8e8 solid; height: 58px; line-height: 58px; font-size: 18px; color: #ff9600; font-weight: 400; text-align: center}
.solutionConc1 dd{width: 100%;}
.solutionConc1 ul{padding-top: 11px; overflow: hidden; width: 100%;}
.solutionConc1 li{float: left; margin-left: 28px; padding-left: 16px; width: 91px; background: url('../img/soultionIco.png') no-repeat left 18px; height: 40px; line-height: 40px; font-size: 14px;}
.solutionConc1 a{color: #555555; transition: all .4s;}
.solutionConc1 a:hover{color: #ff9600}
.solutionConc2{float: left; margin-left: 14px; width: 264px; height: 385px; background: #F0F0F0; border-radius: 4px;}
.solutionConc2 dl{margin: 8px 8px 0; height: 369px; background: #ffffff; border-top: 2px #F6474B solid}
.solutionConc2 dt{width: 192px; margin: 0 auto; border-bottom: 1px #e8e8e8 solid; height: 58px; line-height: 58px; font-size: 18px; color: #F6474B; font-weight: 400; text-align: center}
.solutionConc2 dd{width: 100%}
.solutionConc2 ul{padding-top: 14px;}
.solutionConc2 li{margin-top: 14px;}
.solutionConc2 li a{border: 1px #e6e6e6 solid; height: 42px; width: 164px; display: block; line-height: 40px; text-align: center; margin: 0 auto; font-size: 14px; transition: all .4s;}
.solutionConc2 li a{color: #555; transition: all .4s;}
.solutionConc2 li a:hover{color: #ff9600}
.pro{width: 1196px; overflow: hidden; margin: 0 auto}
.proImg{float: left; width: 500px; /*position: relative*/}
.proImg .item{height: 500px; width: 500px;}
.proImgPrv{width: 40px; height: 80px; position: absolute; left: 0; top: 210px; background: url('../img/proControl.png') no-repeat 0 0; cursor: pointer}
.proImgNext{width: 40px; height: 80px; position: absolute; right: 0; top: 210px; background: url('../img/proControl.png') no-repeat -50px 0; cursor: pointer}
.proImgPrv:hover{width: 40px; height: 80px; position: absolute; left: 0; top: 210px; background: url('../img/proControl.png') no-repeat 0 -90px}
.proImgNext:hover{width: 40px; height: 80px; position: absolute; right: 0; top: 210px; background: url('../img/proControl.png') no-repeat -50px -90px}
.proInfo{width: 640px; float: right;}
.proName{height: 52px; line-height: 52px; font-size: 24px; color: #333; font-weight: 700;}
.proName .proInfo-cle{display: block; float: left;}
.proPhone{float: right; width: 204px; height: 32px; line-height: 30px; font-size: 14px; color: #f7494b; border: 1px solid #e8e8e8; border-radius: 4px; padding-left: 38px; background: url('../img/i-case-send.png') no-repeat left center; cursor: pointer;}
.proPhone_we{float: right; width: 204px; height: 32px; line-height: 30px; font-size: 14px; color: #f7494b; border: 0px solid #e8e8e8; border-radius: 4px; padding-left: 38px; background: url('') no-repeat left center; cursor: pointer;}
.proAttr{margin-top: 28px; background: #fbfbfb; border-top: 1px #f0f0f0 solid; border-bottom: 1px #f0f0f0 solid}
.proAttrCon{padding: 11px 20px 13px;}
.proAttrCon table{}
.proAttrCon tr{}
.proAttrCon th{vertical-align: top; line-height: 24px; color: #888888; padding: 4px 28px 4px 0; white-space: nowrap; font-size: 14px;}
.proAttrCon td{line-height: 24px; padding: 4px 0 4px 0; color: #666666; font-size: 14px;}
.proAttrCon .proAttrTabBor th{padding: 14px 28px 4px 0; border-top: 1px #f1f1f1 solid}
.proAttrCon .proAttrTabBor td{padding: 14px 0 4px 0; border-top: 1px #f1f1f1 solid}
.proAttrCon .proAttrTabBor2 th{padding: 0; height: 10px; line-height: 0; overflow: hidden}
.proAttrCon .proAttrTabBor2 td{padding: 0; height: 10px; line-height: 0; overflow: hidden}
.proAttrTabBor .desc{height: 72px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.proAttrCon .proAttrText .cpbutton{height:40px; width:140px; background:url(///5ab9f1bda624634ee3649458/images/button.png) no-repeat;}
.proAttrCon .proAttrText .cpbutton:hover{background:url(///5ab9f1bda624634ee3649458/images/button_hover.png) no-repeat;}
.proBtn{margin-top: 42px; height: 48px; width: 100%; overflow: hidden}
.proBtn1{float: left}
.proBtn1 span{height: 48px; background: #ff9600; line-height: 48px; padding: 0 46px; font-size: 14px; cursor: pointer; float: left; border-radius: 4px; color: #ffffff}
.proBtn1 span:hover{}
.proBtn2{float: left; margin-left: 20px; padding-left: 30px; background: url('../img/proPhone.png') no-repeat left 8px; color: #999999; font-size: 14px; height: 42px; margin-top: 3px}
.proBtn2 span{color: #f7494b; font-size: 16px; font-weight: 700; margin-left: -1px}
.proBtnDown{display: none}
.proNav{width: 100%; background: #efefef;}
.proWapper{width: 1196px; margin: 0 auto;}
.proContentBox{width: 100%}
.proTit{/*padding-top: 56px;*/ width: 100%; position: relative}
.proTit h3{font-size: 30px; color: #222222; line-height: 1}
.proContentText{margin-top: 42px; border-radius: 4px; background: #f8f8f8; width: 100%; overflow: hidden; padding-top: 28px; padding-left: 28px; padding-bottom: 56px;}
.proContentTextItem{float: left; width: 528px; height: 210px; background: #ffffff; margin: 28px 0 0 28px; position: relative; border-radius: 4px;}
.proContentTextItem span{position: absolute; z-index: 1; height: 210px; font-size: 144px; line-height: 210px; color: #fafafa; right: 30px; top: 0; font-weight: 700}
.proContentTextItem dl{position: relative; z-index: 2; padding: 0 42px;}
.proContentTextItem dt{height: 82px; position: relative; width: 20px; border-bottom: 2px #fe9604 solid;}
.proContentTextItem dt strong{position: absolute; line-height: 1; font-size: 24px; color: #222222; left: 0; top: 38px; white-space: nowrap}
.proContentTextItem dd{margin-top: 22px; color: #888888; font-size: 14px; height: 96px; overflow: hidden; line-height: 24px;}

.proModel{margin: 26px auto  0 auto; padding: 0 44px;}
.proModel .proTit{padding-bottom: 14px;}
.proModelTit{line-height: 42px; font-size: 14px; color: #555555; margin-top: 14px;}
.proModelInfo{width: 100%; color: #555555; padding-bottom: 28px; border-bottom: 1px #e8e8e8 solid}
.proModelInfo dt{font-weight: 400; line-height: 26px; font-size: 14px;}
.proModelInfo dt span{color: #222222;}
.proModelInfo dd{margin-top: 8px; width: 100%; overflow: hidden;}
.proModelInfo dd em{float: left; border: 1px #e8e8e8 solid; background: #fdfdfd; height: 26px; line-height: 26px; padding: 0 9px; min-width: 30px; text-align: center; color: #ff9600; font-family: Arial; border-radius: 4px;}
.proModelInfo dd span{float: left; height: 26px; line-height: 26px; margin: 0 20px 0 10px; color: #555555}
.proModelCon{width: 100%; padding:40px 0px 0px; overflow: hidden;}
.proModelCon p{ line-height:1.75; margin-bottom:12px;}
.table-open{height: 31px; border:1px #eaeaea solid; font-size: 14px; line-height: 31px; margin-top: -1px; color:#de8222; text-align: center; cursor: pointer; background-color: #fdfdfd;}
.firstRow td{background-color: #fafafa;}
.table-style2 th {text-align: center;font-weight: 600; line-height: 24px; padding:8px 0; border-left: solid 1px #eaeaea;border-right: solid 1px #eaeaea;background-color: #F7F9FA;}
.table-style2 .firstRow td{font-weight: 600; font-size: 14px; text-align: center; height: 30px; border: 1px #eaeaea solid;}
.table-style2 td,.table-style2 th{font-size: 14px; color:#888; height: 24px; padding: 8px;}
.table-show{max-height: 100%; height: auto;}
.table-style2 table{width: 100%; border-collapse: collapse; margin-top: 30px;}
.table-style2 thead th{border: 1px #eaeaea solid; background: #fafafa; color: #666666; text-align: center; font-size: 14px; line-height: 24px; padding: 11px 0;}
.table-style2 tbody td{border: 1px #eaeaea solid; text-align: center;}

.proModelBtn {
}

.proModelBtn span {
    background: #f8f8f8;
    border: 1px #e8e8e8 solid;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #555555;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    padding: 0 20px;
}

.proModelBtn span:hover {
    background: #ff9600;
    border-color: #ff9600;
    color: #ffffff
}

.proCase {
    width: 100%;
    margin: 0 auto;
    padding: 0 56px;
}

.proTitMore {
    padding-right: 24px;
    height: 30px;
    background: url('../img/know-more-icon.png') no-repeat right 7px;
    line-height: 30px;
    right: 0;
    top: 56px;
    color: #555555;
    position: absolute;
    font-size: 14px;
}

.proTitMore:hover {
    color: #ff9600
}

.proCaseCon {
    margin-top: 42px;
    width: 100%;
    background: #f8f8f8;
    /*    padding: 56px 0*/
}

.proCaseBox {
    /*    margin: 0 56px;*/
    width: 1084px;
    overflow: hidden;
    background: #f8f8f8;
    border-radius: 4px
}

.proCaseImg {
    float: left;
    width: 360px;
    height: 270px;
    /*background: aqua*/
}

.proCaseImg img {
    width: 360px;
    height: 270px;
    border-radius: 4px 0 0 4px;
}

.proCaseInfo {
    float: left;
    margin-left: 28px;
    width: 696px;
    padding-top: 14px;
}

.proCaseName {
    height: 48px;
    line-height: 48px;
    font-size: 20px;
}

.proCaseName a {
    color: #222222
}

.proCaseName a:hover {
    color: #ff9600
}

.proCaseTag {
    height: 28px;
    width: 100%;
    overflow: hidden
}

.proCaseTag span {
    float: left;
    border: 1px #e8e8e8 solid;
    background: #ffffff;
    padding: 0 14px;
    color: #888888;
    line-height: 26px;
    margin-right: 10px;
    border-radius: 4px
}

.proCasepro {
    margin-top: 15px;
    height: 40px;
    line-height: 40px;
    color: #999999;
    font-size: 14px;
}

.proCasepro span {
    color: #ff9600
}

.proCaseText {
    line-height: 20px;
    color: #999999;
    padding-bottom: 24px;
    padding-right: 30px;
    font-size: 14px;
}

.proCaseShow {
    line-height: 1;
    color: #555555;
    font-size: 14px;
}

.proCaseShow:hover {
    color: #ff9600
}

.proSer {margin: 0 auto;padding:26px 44px 0 44px;}

.proSerCon {
    margin-top: 38px;
    width: 100%;
    position: relative
}

.proSer1 {
    width: 250px;
    float: left;
    height: 246px;
    background: #f8f8f8;
    position: relative;
    cursor: pointer;
    color: #222222;
    font-size: 18px;
}
.proSer1 i{background: #fff url('../img/serv1.png') no-repeat;}

.proSerCon a {
    transition: all .4s;
}

.proSer2 {
    width: 250px;
    float: left;
    margin-left: 28px;
    height: 246px;
    background: #f8f8f8;
    position: relative;
    cursor: pointer;
    color: #222222;
    font-size: 18px;
}
.proSer2 i{background: #fff url('../img/serv2.png') no-repeat;}
.proSer3 {
    width: 250px;
    float: left;
    margin-left: 28px;
    height: 246px;
    background: #f8f8f8;
    position: relative;
    cursor: pointer;
    color: #222222;
    font-size: 18px;
}
.proSer3 i{background: #fff url('../img/serv3.png') no-repeat;}
.proSer4 {
    width: 250px;
    float: left;
    margin-left: 28px;
    height: 246px;
    background: #f8f8f8;
    position: relative;
    cursor: pointer;
    color: #222222;
    font-size: 18px;
    transition: all .4s;

}
.proSer4 i{background: #fff url('../img/serv4.png') no-repeat;}
.proSer1:hover,
.proSer2:hover,
.proSer3:hover,
.proSer4:hover {
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border: 1px solid #f8f8f8 !important \9;
}

.proSer1:hover span,
.proSer2:hover span,
.proSer3:hover span,
.proSer4:hover span {
    color: #de8222
}

.proSerCon span {
    position: absolute;
    top: 160px;
    line-height: 1;
    text-align: center;
    width: 250px;
    left: 0
}

.proSer4 div {
    position: absolute;
    top: 193px;
    line-height: 1;
    text-align: center;
    width: 250px;
    left: 0;
    color: #c0c0c0;
    font-size: 14px;
}

.proSer4 div strong {
    font-size: 14px;
    color: #f6474b
}
.write-kus {
    font-size: 14px;
    color: #555;
    line-height: 14px;
    padding: 42px 0 28px;
}


/* 底部地图版权 end*/
@media screen and (max-width:1440px){
.container-layout{max-width:98%;}
}