@charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#565656;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#565656;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#e46522;}


/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1200px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd70{padding:70px 0;font-size:.875em;overflow:hidden;}
.mb50{margin-bottom:50px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}

@font-face {
  font-family: 'iconfont';  /* project id 1152918 */
  src: url('//at.alicdn.com/t/font_1152918_hb08fp5g7fj.eot');
  src: url('//at.alicdn.com/t/font_1152918_hb08fp5g7fj.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1152918_hb08fp5g7fj.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1152918_hb08fp5g7fj.woff') format('woff'),
  url('//at.alicdn.com/t/font_1152918_hb08fp5g7fj.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1152918_hb08fp5g7fj.svg#iconfont') format('svg');
}


.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}


/* 头部 */
.header{position: fixed;width:100%;z-index:99;left:0;top:0;}
.header .logo{position:absolute;left:0;top:0;line-height:110px;} 
.nav {padding:0 60px 0 26%;height:120px;padding-top:35px;line-height:50px;}
.nav .m{float:left;text-align:center;width:12%;position:relative;}
.nav .m>a{color:#fff;display:inline-block;position:relative;}
.nav .m>a::after,.listMenu li a::after,.strengthMenu a::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#e5322c;width:100%;transform: scale(0,1);transform-origin:right;transition: transform .3s;}
.nav .cur>a::after,.nav .m>a:hover::after,.listMenu li a:hover::after,.listMenu li .cur::after,.strengthMenu .on::after{width:100%;transform: scale(1);transform-origin:left;}
.nav .navSub{position:absolute;left:-10%;top:100%;background:#eee;line-height:35px;width:160px;color:#333;font-size:.875rem;transform:scale(0,1);transition:all 0.4s;opacity:0;}
.nav .navSub li{border-bottom:1px solid #ddd;line-height:35px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#e5322c;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;}

.headTel{position:absolute;width:22px;height:34px;background:url('../images/topIcon.png') no-repeat;right:0;top:46px;cursor:pointer;} 
.headTel p{position:absolute;background:#f1f1f1;line-height:24px;color:#666;width:220px;top:34px;right:0;display:none;padding:10px 15px;text-align:right;font-size:14px;}
.headTel p span{display:block;font-size:22px;color:#005aae;font-family:Arial;}
.headTel p::before,.nav .navSub::before{content:"";position:absolute;right:0;top:-16px;border:8px solid transparent;border-bottom-color:#f1f1f1;}
.nav .navSub::before{right:50%;margin-right:-8px;top:-14px;}

.headFix{background:#1568bf;height:90px;}
.headFix .nav{padding-top:22px;}
.headFix .logo{line-height:90px;}
.headFix .logo img{height:48px;}
.headFix .headTel{top:35px;}

/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#fff;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}

/* 广告轮播图 */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;}
.banner .small{display:none;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:12px;height:12px;border:1px solid #fff;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-button-white::after{content: "";position: absolute;left: -100px;width: 60px;height: 2px;background: #fff;top:50%;margin-top: -1px;opacity: 0;transition: all .3s;}
.banner .swiper-button-next::after{left: auto; right: 100px;}
.banner .swiper-button-white:hover::after{opacity: 1;left: 3px;}
.banner .swiper-button-next:hover::after{left: auto;right: 0;}

/*  搜索 */
.search{height:71px;line-height:70px;font-size:.875rem;border-bottom: 1px solid #e5e5e5;}
.search .container{border-left: 1px solid #e5e5e5;overflow:hidden;}
.searFont{width:64%;overflow:hidden;padding-left:20px;}
.searFont strong{color:#333;font-weight:normal}
.searMain{width:30%;height:70px;overflow:hidden;;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;padding-right:55px;}
.searMain .sear_text{float:left;width:100%;height:70px;line-height:70px;background:#fff;padding:0 15px;}
.searMain .sear_btn{float:right;width:35px;height:35px; cursor:pointer;background:#1568bf url('../images/sBtn.png') no-repeat center;transition:all 0.3s;margin-top:18px;margin-right:-35px;}
.searMain .sear_btn:hover{background-color:#ee620b;}



/* 首页产品中心 */
.row{margin-right: -15px; margin-left: -15px;}
.col-lg-3{width: 25%; float: left}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.ticode-product{padding: 50px 0; background: url('../images/productSvg.svg') repeat; overflow: hidden;}
.ticode-industry{padding: 60px 0 70px; background: url('../images/productSvg.svg') repeat;}
.product-title{line-height:70px; font-size: 28px; color: #000000; text-align: left; font-weight: 600;}
.product-title span{color: #838594; font-size: 16px; margin-left: 10px; font-weight: normal; text-transform: uppercase;}
.product-title2{line-height:70px; font-size: 28px; color: #fff; text-align: left; font-weight: 600;}
.product-title2 span{color: #fff; font-size: 16px; margin-left: 10px; font-weight: normal; text-transform: uppercase;}

.product-more{float: right; line-height: 138px; font-size: 14px; color: #505266; text-align: right; margin-right: 10px;}
.product-more .more-arrow{position: absolute; right: 15px; top: 65px; width: 8px; height: 8px; border-right: 1px solid #505266; border-bottom: 1px solid #505266; transform: rotate(-45deg);}
.ticode-product-item{margin-bottom: 30px; position: relative;border: 1px solid #e7e7e7}
.ticode-product-item .product-img{display: block; text-align: center; overflow: hidden; background-size: cover;}
#productList .product-img img{width:96%;margin:2%;}
.product-img img{display: block; max-width: 100%; height: auto; width: 100%; transition: all 0.6s;}
.product-text{padding: 20px 30px; background: #777; position: relative; bottom: 0; display: block;}
.product-textd{display: none; transition: all .6s ease-in-out; position: absolute; z-index: 99; bottom: 0; padding: 10px 30px; background: #1568bf; width: 100%;}
.product-name{line-height: 30px; color: #fff; text-align: left; font-size: 16px;}
.product-describe{line-height: 18px; color: #fff; text-align: left; font-size: 14px; padding-right: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.product-details{position: absolute; right: 30px; top: 50%; margin-top: -4px;}
.product-arrow{position: absolute; right: 0; top: 0; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg);}
.prpduct-line{position: absolute; right: 0px; top: 3px; width: 18px; height: 2px; background: #fff;}
/* 首页产品hover效果 */
.ticode-product-item:hover .product-text{background: #1568bf;}
.ticode-product-item:hover .product-img img{transform: scale(1.3);}
.ticode-about-culture .ticode-product-item:hover .product-img img{transform: scale(1.1);}
.ticode-product-item:hover .product-textd{display: block;}



.hzhb{width: 100%; height: auto; padding:30px 0; overflow: hidden; background: #f5f5f5}
.h2_title {font-size: 26px;color: #dd2025;text-align: center; font-weight: 600}
.p_title{ font-size: 15px; color: #555;text-align: center;margin-top: 8px;padding-bottom: 24px;text-transform: uppercase;}

.customers{width:100%;overflow:hidden;margin:0 auto; }
.customers ul{margin-top:0px;}
.customers ul li{float:left;width:11.5%;overflow:hidden;border:1px solid #dbdbdb; margin-right:1%; margin-bottom:1%;}

.customers ul li .imgs{overflow:hidden;}
.customers ul li .imgs img{display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.customers ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}



.indexTitle .title1{ font-weight: bold; font-size:28px; line-height:45px;  color: #1568bf; }
.indexTitle .title2{ font-size: 20px; color: #aaa; padding:0px 0 20px; text-transform: uppercase;}
.derp{background:url("../images/introduce_bg.jpg") left center no-repeat;padding:65px 0;overflow: hidden;}
.derp .box{margin-top: 10px;overflow: hidden;}
.derp .box .pics{float: right; width: 45%; overflow: hidden;}
.derp .box .pics img{max-width: 100%; transition: all .3s;}
.derp .box .pics img:hover{-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08)}
.derp .box .txt{float: left; width:46%; }
.derp .box .txt .tjs{font-size: 15px; line-height: 30px; text-align: justify;}

.derp .box .txt .more{display: inline-block;padding: 11px 42px;background: url(../images/btn_bg.jpg) no-repeat center left #bbb;background-size: 0% 100%;color: #fff;border-radius: 50px;margin-top: 30px; transition: all .3s 0.5s;}
.derp .box .txt .more a{color: #fff;}
.derp .box .txt .more:hover{background-size: 100% 100%; transition: all .3s 0.5s;}

.why_us{ width:100%; margin:0 auto; overflow:hidden; padding:0px 0;}
.why_us ul li{ float:left; width:22%; text-align:center; position:relative; margin:0 3% 0 0; }
.why_us ul li:last-child{ margin:0;}
.why_us ul li .why_k{overflow: hidden;}
.why_us ul li big{ font-size: 72px; color:#555; display:block; line-height:42px; margin:40px auto; }
.why_us ul li span{ font-size: 72px;font-weight: 600}
.why_us ul li small{ font-size:18px; color:#555; line-height:22px; display:block; margin:10px auto; text-transform:capitalize;}
.why_us ul li sup{font-size: 30px; }
.why_us ul li:hover span{color: #1568bf}

.in_video{overflow: hidden;}
.video_pic{padding:20px 0; text-align: center;}
.video_pic img{max-width: 100%; display: block; clear: both; margin:auto;}
.video_pic iframe{width: 100%; height: 400px}

.video{margin-bottom: 30px; margin-top: 50px;}
.voide_a{width: 96%;  height: 400px}


.dsip{background: url(../images/y_bg.jpg) no-repeat; padding:50px 0;overflow: hidden;}
.dsip .y_box{margin-top: 10px; border: 4px solid #f6f6f6;border-right: none;  overflow: hidden;}
.dsip .y_box ul{overflow: hidden;}
.dsip .y_box ul li{float: left; width: 25%; background: #fff; border-right: 4px solid #f6f6f6;box-sizing: border-box; overflow: hidden;}
.dsip .y_box ul li .y_list{width: 100%;float: left;  margin-bottom: 3%; position: relative; overflow: hidden; min-height: 435px}
.dsip .y_box ul li .y_list .timg{width: 100%; overflow: hidden;transition: all .3s;}
.dsip .y_box ul li .y_list .timg img{max-width: 100%; transition: all .3s;}
.dsip .y_box ul li .y_list .timg:hover{-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08);transition: all .3s;}
.dsip .y_box ul li .y_list .grid{width: 81%; margin:20% auto; text-align: center; color: #333; display: block;}
.dsip .y_box ul li .y_list .grid p{font-size: 22px; font-weight: bold; padding: 8px 0; }
.dsip .y_box ul li .y_list .grid span{font-size:14px; padding: 8px 0; line-height: 30px; display: block;}
.dsip .y_box ul li:hover .y_list .grid{color: #fff; display: block;transition: all .3s;}
.dsip .y_box ul li .y_list i{color: #333; font-size: 85px; padding: 35px 0 0; display: block;}
.dsip .y_box ul li:hover .y_list i{color: #fff;transition: all .3s;}
.dsip .y_box ul li:hover{background: #1568bf; transition: all 0.3s;}

.dsip .y_box ul li .y_list i.xs{display: block;}
.dsip .y_box ul li .y_list i.yc{display: none;}
.dsip .y_box ul li:hover .y_list i.xs{display: none;}
.dsip .y_box ul li:hover .y_list i.yc{display: block;}


.g_ys{background:url(../images/ysbg.jpg) no-repeat center top;height: 1410px;padding-top: 60px;}
.g_ys .dbt{height: 100px;text-align: center;background:url(../images/ystit.jpg) no-repeat center bottom;font-size: 38px;font-weight: bold;color: #0066d9;}
.g_ys .dbt em{display: block;font-size: 18px;color: #666666;font-weight: normal;padding-top: 5px; font-style: normal;}
.g_ys .tm{position: absolute;left:440px;top:450px;background:url(../images/ystm.jpg) no-repeat;width: 220px;height: auto;padding: 30px 0;text-align: center;font-size: 32px;font-weight: bold;color: #fff;}
.g_ys .tm em{display: block;font-size: 20px;color: #fff;font-weight: normal; font-style: normal;}
.g_ys .m_ys1{position: absolute;left:665px;top:182px;}
.g_ys .m_ys2{position: absolute;left:0;top:670px;}
.g_ys .m_ys3{position: absolute;left:635px;top:1082px;}
.g_ys b{position: absolute;left:0;top:0;}
.g_ys .bt{padding-top: 22px;height: 64px;padding-left: 56px;font-size: 26px;color: #333333;font-weight: normal;}
.g_ys .bt em{color: #0066d9; font-style: normal;}
.g_ys p{font-size: 16px;line-height: 32px;color: #666666;}


/*  产品 */
.indexcasepic{ padding:50px 0 40px 0; background: #efefef; overflow: hidden; margin-top:80px}
.inbtny{text-align: center;}
.inbtny_cn{font-size: 40px; color: #1568bf; font-weight: 600; margin-top:0px;}
.inbtny_en{font-size: 16px; color: #555; letter-spacing: -1px; margin-top: 8px; text-transform:uppercase}
.inbtny_img{margin-top: 0px; display: inline-block;}

.inbtny2{text-align: center; }
.inbtny2_cn{font-size: 25px; color: #fff; font-weight: 600; margin-top:100px;}
.inbtny2_en{font-size: 16px; color: #fff; letter-spacing: -1px; margin-top: 8px; text-transform:uppercase}
.inbtny2_img{margin-top: 0px; display: inline-block;}

.indexcasepic ul li{width:23.23%; float:left; overflow:hidden;margin: 0.8%; border: 1px solid #e9e9e9}

.casezoom{width:100%; float:left; overflow:hidden; position:relative; display:inline-block}
.casezoom img{width:100%; transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s; line-height:1em;}
.casezoom:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
.effect-line{ margin-bottom:30px;}
.hover_line{width:100%; height:100%; background:transparent; left:0%; top:0%; cursor:pointer; position:absolute; opacity: 1;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out}
.hover_line::before,.hover_line::after{position:absolute; top:20px; right:20px; z-index:1; bottom:20px; left:20px; content: ''; opacity: 0; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.hover_line::before{border-top:1px solid; border-bottom:1px solid; -webkit-transform: scale(0,1); transform: scale(0,1); opacity: 0}
.hover_line::after{border-right:1px solid; border-left:1px solid; -webkit-transform: scale(1,0); transform: scale(1,0); opacity: 0}
.effect-line a:hover.hover_line::before,.effect-line a:hover.hover_line::after{opacity:1;-webkit-transform: scale(1);transform: scale(1)}
.hover_line::before,.case-list .hover_line::after{top:20px; right:20px; bottom:20px; left:20px}

.indexcasepic li figure{width:100%; overflow:hidden; margin:0;}
.indexcasepic li a{position:absolute; left:0; top:0;width:100%; height:100%; background:#1568bf; opacity:0; color:#fff;}
.indexcasepic li a:hover{opacity:0.7;}
.indexcasepic li i{background:url(../images/main_link_tb.png) no-repeat; margin:20% auto 0; width:70px; height:70px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;}
.indexcasepic li a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.indexcasepic li p{margin:10px 30px;font-size:16px;text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; }
/*  产品 */


.indexnews{width: 100%; height: auto; padding: 80px 0; overflow: hidden;}
/*================= 新闻 ==================*/
.sy-news{ width:100%; background: #fff; padding:20px 0 60px 0;}
#n_news { margin-top: 30px; }
#n_news ul{ margin:-1%; overflow:hidden; }
#n_news li{ width:23%; position:relative; display:block; overflow:hidden; background:#F2F2F4; float:left; margin:1% 1%; padding-bottom:40px;}
#n_news li:nth-of-type(3){ margin-right:0;}
#n_news li a{ display:block;}


#n_news li .pic_box{overflow:hidden; position:relative; width:100%;}

#n_news li .pic_box img {
  display: block;
  transition: all 0.5s;
  width:100%; border:0;
}
#n_news li .pic_box:hover img {transform: scale(1.1);}
#n_news li .pic_box img{ width:100%;}

#n_news li .text_box{ position:relative; padding:20px; }
#n_news li .nbt a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#333; font-size:18px; font-weight:bold;  display:block; }
#n_news li p{ font-size:14px; line-height:24px; margin-top:20px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
#n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
#n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px;}
#n_news .fot_box span{color:#a1a1a1; font-size:14px; }
#n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:14px; position:absolute; right:25px; top:0; background:url(../images/icon_more_jt.png) right center no-repeat; padding-right:30px;}
#n_news li:hover{  box-shadow:0 0 20px #ccc;  }
#n_news li:hover .nbt a{ color:#354CA9; }
#n_news li:hover p{ }
#n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right center no-repeat; color:#354CA9;}
#n_news li:hover .fot_box span{ }
#n_news li a:hover{ text-decoration:underline; }


#n_news h2{ text-align:center;color:#555; margin-top:50px;}

#n_news * { -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; } 



.supabo-container{width: 100%;overflow: hidden;}
.supabo{width: 100%;}
.supabo ul li{width: 50%;float: left;position: relative;}
.supabo ul li a{display: block;width: 100%;height: 100%;}
.supabo-img{width: 100%;}
.supabo-words{width: 100%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff;}
.supabo-words img{width: auto;transition: all .3s ease;-webkit-transition: all .3s ease;}
.supabo-words .awz{font-size: 46px;font-weight: bold;margin: 20px 0 16px;transition: all .3s ease;-webkit-transition: all .3s ease;line-height: 1em;}
.supabo-words p{font-size: 18px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.supabo ul li a:hover .supabo-words img{transform: translateY(-14px);-webkit-transform: translateY(-14px);}
.supabo ul li a:hover .supabo-words h6{transform: translateY(20px);-webkit-transform: translateY(20px);}
.supabo ul li a:hover .supabo-words p{transform: translateY(20px);-webkit-transform: translateY(20px);}


/*  实力 */
.strength ul{display: flex;flex-flow:row wrap;justify-content: space-between;}
.strength li{max-width:210px;}
.strength li span{font-size:4.143em;display:block;position:relative;font-family:Arial;color:#191919;line-height:1.2;margin-bottom:20px;transition:all .3s;}
.strength li span::after{content:"";position: absolute;left:0;bottom:0;width:15px;background:#ee620b;height:1px;transition:all .3s;}
.strength li:hover span::after{width:40px;}
.strength li:hover span{color:#ee620b;}

/* 我们的产品 */
.product{background:#f2f2f2;}
.hTitle{font-size:2.625rem;color:#191919;text-align:center;margin-bottom:40px;}
.hTitle span{display:block;font-size:0.38em;opacity:.6;}

.pro_tabMenu{font-size:1.286em;text-align:center;margin-bottom:40px;overflow:hidden;padding-bottom:10px;}
.pro_tabMenu a{position:relative;z-index:2;margin:0 50px;}
.pro_tabMenu a::after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:2px;background:#ee620b;z-index:-1;transform: scale(0,1);transform-origin:right;transition: transform .5s;}
.pro_tabMenu .on::after{transform: scale(1);transform-origin:left;}
.pro_tabMenu .on{color:#ee620b;}
.proMain{margin-right:-40px;margin-bottom:30px;}
.proMain li{float:left;width:33.3%;padding-right:40px;font-size:1.143em;}
.proMain li .pImg{padding-top:70%;transition:all .3s;}
.proMain li h4{height:70px;line-height:70px;text-align:center;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.proMain li:hover .pImg{box-shadow:2px 2px 8px #ccc;}
.proMain li:hover img{transform: scale(1.1);}
.proMain li:hover h4{color:#e46522;}
.pMore{display:block;width:260px;height:50px;background:#ee620b;margin:0 auto;color:#fff;line-height:50px;text-align:center;box-shadow:3px 3px 10px #fda670;margin-left:-130px;margin:0 auto;}
.pMore i{font-style:normal;margin-left:15px;}
.pMore:hover{color:#fff;width:360px;}

/* 5大优势 */
.adv{padding-bottom:0;}
.adv .hTitle span{font-size:42px;opacity:.85;}
.adv ul{margin-right:-1px;}
.adv li{float:left;width:15%;height:600px;position:relative;z-index:2;transition:all .6s;cursor:pointer;}
.adv li::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:#000;opacity:.7;transition:all .6s;transition-delay:.2s;}
.adv li .txt{position:absolute;top:60%;z-index:2;color:#fff;text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform:translateY(-50%);transition:all .5s;}
.adv li .txt h4{font-size:1.714em;padding-bottom:30px;position:relative;transition:all .3s;}
.adv li .txt h4 i{font-style:normal;display:block;font-size:30px;margin-bottom:10px;}
.adv li .txt h4::after,.aboutBtn p::after{content:"";position: absolute;left:50%;background:#ee620b;width:12px;height:1px;bottom:0;margin-left:-6px;transition:all .3s;}
.adv li .info{padding-left:25px;border-left: 1px solid #ee620b;opacity:0;color:#fff;line-height:1.8;margin-top:30px;transition:all .5s;}

.adv li.cur{width:40%;text-align:left;}
.adv li.cur::after{left:10%;right:10%;top:10%;bottom:10%;}
.adv li.cur .txt{top:50%;padding:0 15%;text-align:left;}
.adv li.cur h4{font-size:2.2em;line-height:1;}
.adv li.cur h4::after{display:none;}
.adv li.cur .info{opacity:1;margin-top:0;} 


/* 特点 */
.features{margin-bottom:70px;border-bottom: 1px solid #e5e5e5;}
.features ul{border-left: 1px solid #e5e5e5;overflow:hidden;}
.features li{float:left;width:20%;padding:80px 3% 0 3%;height:340px;border-right: 1px solid #e5e5e5;text-align:center;position:relative;}
.features li span{display:block;font-size:1.571em;color:#191919;margin:40px 0 10px 0;}
.features li i{display:inline-block;width:56px;height:54px;background: url('../images/feature_icon.png');position: relative;top:0;transition:all .3s;}
.features li:nth-child(2) i{background-position: -56px 0;}
.features li:nth-child(3) i{background-position: -112px 0;}
.features li:nth-child(4) i{background-position: -168px 0;}
.features li:nth-child(5) i{background-position: -224px 0;}
.features li::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#f1f1f1;z-index:-1;transition:all .5s;}
.features li:hover i{top:-10px}
.features li:hover::after{height:100%;}


/* 关于 */
.about{background:url('../images/about_bg.jpg') no-repeat center;padding-top:70px;overflow:hidden;background-size:cover;background-attachment: fixed;}
.about .hTitle{color:#fff;text-align:left;margin-bottom:0;}
.about .hTitle span{opacity:1;}
.about .video{padding:110px 0;}
.about .video a{display:inline-block;height:145px;line-height:145px;background: url('../images/aVIcon.png') no-repeat left center;cursor:pointer;width:210px;text-align:right;color:#fff;position: relative;}
.about .video a::after{content:"";position: absolute;border-radius:100%;border:1px solid #fff;width:125px;height:125px;left:10px;top:10px;box-shadow:0 0 15px #fff inset;transform: scale(1.4);transform-origin:center;opacity:0;transition:all .5s;}
.about .video a:hover::after{transform: scale(1);opacity:.4;}

.aboutL{width:52%;height:360px;background:#f5f5f5;position:relative;padding:70px 3% 20px;z-index:2;}
.aboutL h3{color:#191919;font-size:1.286em;margin-bottom:20px;}
.aboutL .txt{min-height:110px;margin-bottom:10px;overflow:hidden;}
.aboutL .pMore{height:45px;line-height:45px;display:inline-block;width:180px;}
.aboutL .pMore:hover{width:260px;}
.aboutL::after{content:"";position: absolute;left:-150%;width:200%;background:#f5f5f5;height:100%;top:0;z-index:-1;}

.aboutBtn{float:left;width:24%;height:360px;padding-top:70px;background: rgba(10, 58, 140,.9);color:#fff;text-align:center;}
.aboutBtn i{display:inline-block;width:110px;height:110px;background: url('../images/aIcon1.png') no-repeat;background-size:100%;margin-bottom:30px;position:relative;top:0;transition:all .3s;}
.aboutBtn p{font-size:1.714em;position:relative;padding-bottom:20px;}
.aboutBtn:hover{color:#fff;}
.aboutBtn:hover p::after{width:40px;margin-left:-20px;}
.aboutBtn:hover i{top:-10px;}
.aboutBtn2 {background: rgba(0, 31, 84,.9);}
.aboutBtn2 i{background-image: url('../images/aIcon2.png');}

/* 合作伙伴 */
.partner ul{padding-top:1px;padding-left:1px;}
.partner li{float:left;width:12.5%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;}
.partner li .pImg{padding-top:65%;}
.partner li img{filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.partner li a:hover img{filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;transform: scale(1.1);}
.partner li a:hover{box-shadow:0 0 8px #ccc;z-index:2;}

/* 新闻快讯 */
.news{overflow:hidden;background:#f2f2f2;}
.news .title{text-align:center;font-size:3em;color:#333;}
.newsMenu{margin:25px 0 60px 0;font-size:1.286em;text-align:center;}
.newsMenu a{position:relative;color:#191919;margin:0 25px;display:inline-block;}
.newsMenu a::after,.caseMain a::after{content:"";position:absolute;left:0;bottom:-5px;background:#ee620b;height:2px;transition:all .5s;width:0;}
.newsMenu .on{color:#ee620b;}
.newsMenu a.on::after,.caseMain li a:hover::after{width:100%;}

.newsMain{overflow:hidden;margin-right:-40px;}
.newsMain li{float:left;width:33.3%;padding-right:40px;overflow:hidden;}
.newsMain li a{display:block;overflow:hidden;position:relative;z-index:2;color:#888;}
.newsMain li .bgImg{height:260px;transition:all .6s;}
.newsMain li h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;padding:25px 0 15px 0;transition:all .3s;}
.newsMain li p{height:100px;border-bottom: 1px solid #e5e5e5;margin-bottom:30px;line-height:1.8;}
.newsMain li .date{display:block;font-size:12px;}
.newsMain li .date i{font-style:normal;margin-left:20px;opacity:.6;}
.newsMain li:nth-child(2),.newsMain li:nth-child(3){margin-bottom:25px;}
.newsMain li a:hover .bgImg{transform: scale(1.1);}
.newsMain .pic h4{background:#f2f2f2;z-index:2;position:relative;}
.newsMain .txt a{padding:25px 0;}
.newsMain .txt h4{padding-top:0;}
.newsMain .txt .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;}
.newsMain .txt a:hover .bgImg{opacity:.2;}
.newsMain .txt a:hover{color:#fff;background-color:#ee620b;padding:25px;}
.newsMain .txt a:hover h4{color:#fff;}

/*底部 */
#footer{ background-color:#333; color:#777777; font-size:14px; line-height:20px; padding:1px 0; }
#footer a{ color:#777; }
#footer .top{ padding:65px 0 90px; }
#footer .menu{}
#footer .menu li{ float:left; display:inline-block; max-width:150px; }
#footer .menu li+li{ margin-left:33px; }
#footer .menu .title{ font-size:16px; color:#cdcece; margin-bottom:20px; }
#footer .menu .title a{ font-size:16px; color:#cdcece; }
#footer .menu .aBox{}
#footer .menu .aBox .div{ padding:3px 0; }
#footer .menu .aBox .div a{ color:#777777; }
#footer .menu .aBox .div a:hover{ color:#fff; }
#footer .menu .code{ padding-top:6px; }
#footer .menu .code img{width: 100%}
#footer .menu .code .txt{ font-size:14px; color:#999999; text-align:center; margin-top:10px; }
#footer .message{ text-align:right;  }
#footer .message .mobile{ display:block; margin-bottom:30px; color:#fff; padding:2px 63px 2px 0; background:url(../images/icon_phone.png) no-repeat right 0 center; }
#footer .message .mobile .word{ font-size:14px; line-height:20px; }
#footer .message .mobile .num{ font-size:26px; line-height:26px; }
#footer .message .contact{ font-size:14px; line-height:22px; margin-bottom:20px; }
#footer .message .contact a{ color:#777; }
#footer .bot{ border-top:1px solid #535252; padding:20px 0; }
#footer .bot a{ color:#777777; }
#footer .bot a:hover{ color:#90c31f; }
#footer .shareBox{ font-size:0; }
#footer .shareBox a{ height:24px; width:24px; display:inline-block; vertical-align:top; border-radius:50%; position:relative; }
#footer .shareBox a+a{ margin-left:10px; }
#footer .shareBox .qq{ background:url(../images/icon_fot1.png) no-repeat center/contain; }
#footer .shareBox .wechat{ background:url(../images/icon_fot2.png) no-repeat center/contain; }
#footer .shareBox .sina{ background:url(../images/icon_fot3.png) no-repeat center/contain; }
#footer .shareBox .codeBox{ padding:8px; width:120px; background:#fff; border-radius:3px; position: absolute; left:50%; bottom:100%; margin-bottom:10px; margin-left:-60px; display:none; }
#footer .shareBox .wechat:hover .codeBox{ display:block; }


 #footer .message{ max-width:320px; }
    #footer .friendlink{ position:relative; line-height:32px; border:1px solid #535252; }
    #footer .friendlink .t{ text-align:center; width:90px; background:#535252; }
    #footer .friendlink .links{ display:block; position:absolute; left:0; bottom:0; height:32px; overflow:hidden; text-align:left; width:calc(100% - 90px); padding:0 27px 0 15px; background:url(../images/jt3.png) no-repeat right 10px bottom 10px; transform:all .3s }
    #footer .friendlink .links:hover{ height:auto; border:1px solid #535252; background-color:#222; }
    #footer .friendlink .links a{ display:block; }
    #footer .friendlink .links a:hover{ color:#fff; }
/*底部*/

/*内页公用 */
.listBanner{ width:100%; height:auto; overflow: hidden;}
.listBanner img{width:100%;}

/*内页公用菜单*/
.submenu {height: 70px;line-height: 70px;background: #F6F6F6;}
.submenu .lm {width: 210px;text-align: center;background: #1568bf;color: #fff;font-size: 25px;float: left;}
.submenu li {float: left;}
.submenu li a {display: block;padding: 0 25px;}
.submenu li a:hover{color: #1568bf;}
.submenu li a.hover {background: #1568bf;color: #fff;}

.bread_content{width:100%;border-bottom:1px solid #dedede; background:#f2f2f2; overflow: hidden;}
.bread_content .bread_box{float: left;width: 34%;  padding:20px 0;font-size:14px;color:#333;}
.bread_content .bread_box span.bread_title{display:inline-block;position:relative;padding-left:35px; background: url(../images/sy.png) left center no-repeat;}
.bread_content .bread_box a{color:#444;display:inline-block;margin:0 5px;}
.bread_content .bread_box a:hover{color:#1568bf;}
.bread_content .bread_box b{color: #1568bf}
.bread_content .inner_nav{float:right; text-align: right;}
.bread_content .inner_nav ul{margin-top: 10px; display:flex;flex-flow:wrap}
.bread_content .inner_nav ul li{}
.bread_content .inner_nav ul li a{display:inline-block;padding:10px 24px;font-size:15px;color:#333;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:0 8px; border-radius: 15px 0 0 0;}
.bread_content .inner_nav ul li a:hover , .bread_content .inner_nav ul li.active a{color:#fff;background:#1568bf;}


.nyabout{width: 100%; height: auto; padding: 60px 0; box-sizing: border-box; overflow: hidden;}
.nyabouttext{font-size: 14px; line-height: 30px; color: #333;}
.nyabouttext img{max-width: 100%; height: auto; margin:auto; clear: both; display: block;}
.nyabouttext .cimg{width: 40%; float:right; margin-left: 30px;}
.nyabouttext span{font-weight: 600; color: #1568bf;}


/*内页荣誉认证*/
.honor {padding:0; height:auto; overflow:hidden; margin-top:0%}
.honor ul { list-style: none; overflow: hidden; margin-right: -2%; }
.honor li { width: 23%; height: auto; overflow: hidden; margin-right:2%; float: left; margin-bottom: 20px;}
.honor li .pic {border: 1px solid #cdcdcd; height:auto; overflow: hidden;}
.honor li a { display: block; width: 100%; overflow: hidden; transition:all 0.3s;}
.honor li .pic img { width: 100%!important; overflow: hidden;}
.honor li div:hover { border: 1px solid #1568bf; }
.honor li a:hover{ transform:scale(1.2,1.2);  overflow: hidden;}
.honor li span { display: block; text-align: center; line-height: 40px; color: #222; font-size: 13px; }
/*内页荣誉认证*/

/* 产品列表 */
.newsleft{width:20%; height:auto; float:left;}
.blk-xs{width:100%;}
.fdh-01-tit {background: #0764a6;height: 80px;}
.fdh-01-tit .nbt{font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.fdh-01-tit .nbt span{font-size: 14px;text-transform: uppercase;}

.fdh-01-nav-one .nbt2{line-height: 50px;margin-bottom: 2px;overflow: hidden;background:#ececec;}
.fdh-01-nav-one .nbt2 a{display:inline-block;font-size: 18px;font-weight: normal;color: #666666;overflow: hidden;vertical-align: middle;width:calc(100% - 50px);box-sizing: border-box;padding-left:20px;}
.fdh-01-nav-one .nbt2 i{display:inline-block; vertical-align: middle;width:50px;height:50px;background: url(../images/p14-icon5.png) center center no-repeat;}
.fdh-01-nav-one .nbt2 i.xu{background: url(../images/p14-icon2.png) center center no-repeat;}
.fdh-01-nav-one dl{display:none;}

.fdh-01-nav-one .nbt2.sidenavcur, .fdh-01-nav-one .nbt2:hover{background: #0764a6}
.fdh-01-nav-one .nbt2.sidenavcur a, .fdh-01-nav-one .nbt2:hover a{color: #fff;}
.fdh-01-nav dl{padding: 2px 0 4px;}
.fdh-01-nav dt{height: 50px;font-size: 16px;line-height: 50px;padding-left: 54px;padding-right: 40px;margin-bottom: 1px;background: #ececec;position: relative;overflow: hidden;}
.fdh-01-nav dt:after{content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after{border-color: #0764a6;}
.fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a{color: #0764a6;}
.fdh-01-nav dd{border: 1px solid #ececec;border-bottom: 0;}
.fdh-01-nav p{height: 50px;font-size: 14px;line-height: 50px;padding-left: 72px;padding-right: 40px;border-bottom: 1px solid #ececec;background: #fff;position: relative;overflow: hidden;}
.fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a{color: #0764a6;}
.fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after{background: #0764a6;}
.fdh-01-nav a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.cbgg-01{background: #1568bf;text-align: center;color: #fff;}
.cbgg-01-img img{width: 100%;display: block;}
.cbgg-01 p{padding-top: 15px;}
.cbgg-01 p img{vertical-align: middle;margin-right: 5px;}
.cbgg-01 span{display: block;font-size: 21px;font-weight: bold;font-family: Arial;padding-bottom: 20px;padding-top: 10px;}

.newsright{ width:76%; height:auto; float:right}
.toptit { font-size: 22px;color:#343434; line-height: 52px; background: #f4f4f4; padding-left:16px; margin-bottom:20px; border-left:3px solid #015bad;}
.products{width:100%; padding:0; overflow: hidden;}
.products ul{margin-left: -2%;}
.products li{width:31.333%;float: left;margin-left:2%;margin-bottom:32px;transition: .3s all;}
.products li .pic{overflow: hidden; border:1px solid #e0e0e0;}
.products li .pic img{max-width: 100%;}
.products li p{color:#444;font-size:14px; text-align: center; padding:12px;background: #e0e0e0;}
.products li:hover p{background:#1568bf; color: #fff;transition: .3s all;}

/*  产品详情 */

.pro_right{width: 100%; height: auto; overflow: hidden;}
.productss{width:100%; float:left;}
.promore_l{width:45%;float:left;}

/*å›¾ç‰‡æ”¾å¤§é•œæ ·å¼*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*å›¾ç‰‡å°å›¾é¢„è§ˆåˆ—è¡¨*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:41px;}
.spec-scroll .items ul li img:hover{border:2px solid #128bce; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.pros_right_top .pbt{overflow:hidden; display:inline-block; font-size:24px; color:#128bce; padding-bottom:10px;}
.proleft{width:100%;font-size:14px; line-height:30px; margin-top:20px;}
.proleft p{font-size:14px; line-height:25px; }


.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 20px; overflow:hidden; margin-top:20px;}
.pc-cx-tel-1-t1{width: 28%;height: 44px;background: #128bce;font-size: 18px;line-height: 44px;text-align: center;float: right;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: 56px;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px top;font-size: 18px;color: #454545; float:left}
.pc-cx-tel-1-t2 p{line-height: 24px;}


.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #128bce}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#128bce; color:#fff;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #1568bf; color:#fff; background:#1568bf;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; margin:auto; display: block; clear: both;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#128bce; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px; margin-bottom: 30px;}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #1568bf;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}


.view-page{width:100%; max-width:1200px; float:left; position:relative; margin:40px 0; border-top:1px solid #d6d6d6; padding-top:40px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #1568bf;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #1568bf;color: #fff; text-align:center; padding-left:25px; line-height: 40px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #1568bf; color:#000;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #1568bf;}

.caseList{width:100%; height: auto; overflow: hidden; padding: 50px 0}
.caseList ul{margin-right:-2%;}
.caseList li{float:left;width:23%;margin:0 2% 27px 0;transition:all 0.4s;}
.caseList li .pImgs{display:block;width:100%;height:auto;overflow:hidden;}
.caseList li img{width:100%;height:auto;transition:all 0.5s;}
.caseList li .wz{font-weight:normal;text-align:center;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;position:relative;z-index:2;}
.caseList li:hover img{transform:scale(1.1);}
.caseList li:hover{color:#fff;}
.caseList li:hover .wz{color:#1568bf;}


/*内页新闻中心*/
.news_r_text{width:100%; height: auto; padding:40px 0; box-sizing: border-box; overflow: hidden; }
.news_r_text ul li{width:100%;border-bottom:1px dashed #e6e6e6; padding-bottom:2%;margin-top:2%;overflow: hidden;}
.news_r_text ul li:nth-child(5n){border-bottom:none; padding-bottom:inherit;}
.news_r_text ul li .pic{width:20%; float:left; overflow:hidden; background:#e6e6e6; padding:3px;} 
.news_r_text ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.news_r_text ul li .pic img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.news_r_text ul li .texts{width:78%;float:right;}
.news_r_text ul li .texts .titnr{width:100%;float:left;font-size: 14px;}
.news_r_text ul li .texts .tit a{font-size:16px; font-weight:bold; color:#1568bf; float:left; overflow: hidden; text-overflow: ellipsis;white-space: nowrap!important;} 
.news_r_text ul li .texts .tit a:hover{color:#1568bf;}
.news_r_text ul li .texts .time{float:right; color:#333;}
.news_r_text ul li .texts .wz{width:100%;float:left; margin-top:1%; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; font-size: 14px; color: #555;}
.wz a{font-size: 14px; color: #555;}
.wz a:hover{font-size: 14px; color: #1568bf;}

/*内页新闻详情*/
.xinwenxiangqing{width:100%; height: auto; overflow: hidden; margin: 30px 0; }
.xinwenxiangqing .nd_head{text-align: center;margin-top:10px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #1568bf;font-size: 28px;margin-bottom: 18px;height: auto;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 30px 0;}
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
.new_s2{width:100%;float:left; margin-top:50px;}
.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#1568bf; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none; box-sizing: border-box;}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#1568bf;}
.news_random2 ul li span{float:right; color:#999; line-height: 37px;}

.news_con_b{border-top: 1px solid #EEE;margin-top: 50px;padding-top: 50px;}
.news_con_b ul{line-height: 30px;float: left;}
.news_con_b li {font-size: 14px; color: #555;}
.news_con_b li a{font-size: 14px; color: #555;}
.news_con_b li a:hover{font-size: 14px; color: #1568bf;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #1568bf;text-align: center;}
.news_con_b .fhlb a{display: block;color: #FFF; font-size: 14px;}
.news_con_b .fhlb a:hover{display: block;color: #FFF;text-decoration: none;}

.wtinfogg-list{width: 100%;padding: 10px 0; overflow: hidden; margin-right: -1%;}
.wtinfogg-list a{display: block;width:49%;border-bottom: 1px solid #ededed;transition: all .4s ease;overflow: hidden;float: left; padding:10px 0 !important; box-sizing: border-box;margin-bottom: 10px; margin-right:1%}
.wtinfogg-list a i{display: block;width: 50px;height: 32px;float: left;background: url('../images/xxgg_ic.png') no-repeat center center /auto 32px;transition: all .3s ease;}
.wtinfogg-list a .wz{margin-left: 20px;float: left;line-height: 32px;font-size: 16px;font-weight: normal;color: #666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.wtinfogg-list a p{line-height: 32px;font-size: 14px;color: #999;float: right; margin-top: 0 !important}
.wtinfogg-list a:hover{border-color: #1568bf;}
.wtinfogg-list a:hover i{background: url('../images/xxgg_icH.png') no-repeat center center /auto 32px;}




.related-product {overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#1568bf;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}

.relatedNews{margin-top:40px; overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px; color: #666}
.relatedNews_font ul li a:hover{color: #1568bf}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}




/* 诚聘精英 */
.about_join{width: 100%; height: auto; overflow: hidden; padding: 40px 0; box-sizing: border-box;}
.about_joinny{}
.cjwt-hz{ border-bottom: 1px dotted #eaeaea; padding: 10px 0 20px 0; margin-bottom:10px;overflow: hidden; cursor: pointer; }
.cjwt-pic{width:20px;float:left;padding-top:5px;margin-right:10px;}
.cjwt-title{margin: 0 0 5px 0px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cjwt-nr-title a{font-size:22px; font-weight: normal; color:#333}
.cjwt-nr-title a:hover{color:#1568bf;}
.cjwt-nr-ms{margin-top:10px;color:#666;}
.cjwt-hd{margin-top:10px;}
.cjwt-hz-tb{padding-top:3px;}
.cjwt-nr{ width: 80%; }
.cjwt-hz-bottom{padding:20px 0 10px 0;overflow:hidden; display:none;}
.cjwt-hz-bottom.active{ display:block;}
.cjwt-hz-bottom-pic{margin-top:8px;}
.cjwt-hz-bottom-wz{font-size:15px;}

.cjwt-hz-bottom-zw{height: 20px; line-height: 20px;  padding-left: 10px; border-left: 4px solid #1568bf; font-size: 18px;font-weight:bold;}
.cjwt-hz-bottom-fl li{border:1px dashed #F60;float:left;margin:0 0.5%;width:80px;text-align:center;color:#F60;}
.cjwt-hz-bottom-nt{ margin-top: 20px; font-size: 14px; line-height: 25px;}
.cjwt-fl{margin-top:30px;}



.contact{width: 100%; height: auto; overflow: hidden; padding: 50px 0; box-sizing: border-box;}
.contact_lx{ float: left; width:47%;font-size: 16px; line-height: 35px;}
.contact_lx p:first-child{font-size: 19px; }

.list{}
.list li{ width:50%; float:left; }
.list li:last-child{ width:100%;}
.list li dd{ float:left; width:50%;}
.list li .zi{ font-size:24px; color:#1568bf; padding-bottom:30px;}
.list li .txt{ position:relative; line-height:30px; margin-bottom:20px;}
.list li .txt p{ font-size:16px; padding-left:40px;}
.list li .txt em{ position:absolute; left:0; top:0;}
.list li h3{ padding-bottom:20px; font-size:18px; color:#232425;}

.tactfrms{width:50%;float:right; }
.tactfrms .fbt{font-size: 25px;color:#333;font-weight: normal; margin-bottom: 20px}
.tactfrms ul{overflow: hidden; margin-right: -5%}
.tactfrms li{width:45%;float:left;;margin:0 5% 12px 0;position:relative;}
.tactfrms li input{width:98%;padding:15px;border:solid 1px #ddd;border-radius: 3px;box-sizing: border-box}
.tactfrms li.area{height:auto;width:100%;}
.tactfrms li textarea{padding:15px;width:94%;height:120px;border:solid 1px #ddd;border-radius: 3px; font-family: Arial, "sans-serif";box-sizing: border-box}
.tactfrms li:nth-child(2n){margin-right:0;}
.tactfrms .btn{text-align: center;margin-top:0;overflow: hidden;}
.tactfrms .btn input{height:40px;width:120px;font-size:16px;color:#fff;background:#1568bf;border-radius: 5px; border: none;}
.redxing{position:absolute;top:11px;left:57px;color:#1568bf;}

.contact_map{ width:100%;  padding-top: 30px;}
.contact_tu{width:43%;float:right;  margin-top: 25px;}
#map_container{height: 600px; margin: 25px 0;}



.customers2{width:100%;overflow:hidden;padding:0px 0;}
.customers2 ul{margin-top:0px; margin-right:-2%;}
.customers2 ul li{float:left;width:31.333%;overflow:hidden;border:1px solid #dbdbdb; margin-right:2%; margin-bottom:2%;}
.customers2 ul li .imgs{overflow:hidden;}
.customers2 ul li .imgs img{display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.customers2 ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}



/* 常见问题 */
.faq ul{padding-left: 1px;margin-bottom:40px;padding-top:1px;}
.faq li{float:left;width:33.3%;position:relative;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;transition:all .3s;padding:2.5%;height:300px;}
.faq li::after{content:"";position: absolute;left:0;bottom:0;height:6px;background:#e46522;transition:all .5s;width:0;}
.faq li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:700;margin-bottom:10px;}
.faq li h4 a{color:#333;}
.faq li .tag{font-size:12px;margin-bottom:15px;padding-left:25px;position:relative;}
.faq li .tag a{color:#8f8f8f;margin-right:5px;}
.faq li .tag::after{content:"\e606";font-family:"iconfont";position:absolute;left:0;top:-2px;font-size:1.143rem;}
.faq li .txt{color:#777;height:110px;margin-bottom:15px;overflow:hidden;}
.faq li .date{color:#999;display:block;}
.faq li .date i{float:right;font-style:normal;font-size:1.286rem;font-family:"Arial";margin-top:-5px;}
.faq li:hover::after{width:100%;}
.faq li:hover{box-shadow:0 0 10px #ccc;}
.faq li h4 a:hover,.faq li .tag a:hover{color:#e46522;}



/* 新闻列表 */
.newsTop{overflow:hidden;padding-bottom:50px;margin-bottom:50px;border-bottom: 1px solid #ddd;}
.newsTop li{background:#f3f3f3;overflow:hidden;float:left;width:49%;height:280px;}
.newsTop li .pic{width:50%;float:left;height:280px;overflow:hidden;}
.newsTop li .txt{width:50%;padding:4%;background:#f3f3f3;}
.newsTop li .txt h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.newsTop li .txt h4 a{color:#333;}
.newsTop li .txt h4 a:hover{color:#ec0000;}
.newsTop li .txt h4 span{display:block; font-family:Arial;color:#999; font-size:0.75rem; margin-top:5px;}
.newsTop li p{height:110px;overflow:hidden;margin-bottom:10px;}
.newsTop li:hover .bgImg{transform:scale(1.1);}
.newsTop li:nth-child(2n){float:right;}

.newsList{overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-25px;}
.newsList li{float:left;padding-right:25px;width:25%;margin-bottom:25px;}
.newsList li a{display:block;color:#888;padding:15px;background:#f1f1f1;}
.newsList li .date{display:block;padding-bottom:10px;}
.newsList li .pImg{padding-top:54%;}
.newsList li h3{font-size:1.231em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:20px 0;}
.newsList li p{height:70px;padding-bottom:10px;border-bottom: 1px solid #d9d9d9;margin-bottom:20px;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h3{color:#e46522;}

/* 新闻详情 */
.picShow_l{width:68.5%;overflow:hidden;}
.showTitle{font-size:2.571em;color:#333;margin-bottom:8px;}
.newsShow .txt .date{margin-right:15px;}
.showTie{overflow:hidden;margin-bottom:40px;}
.showTie h2{font-size:1.714em;color:#333;margin-bottom:25px;}
.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;margin-right:15px;}
.showTie .txt span:before{content:"\e62e";font-family:"iconfont";position:absolute;left:0;top:-1px;}
.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-2px;}
.showTie .bshare-custom{margin-top:-30px;}
.newsShow .showTie p{font-size:.75rem;color:#999;}
.showCon{overflow:hidden;margin-bottom:40px;}
.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:40px;}
.show-synopsis i{display:inline-block;width:15px;background: url('../images/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('../images/a_r.png') no-repeat;margin-left:5px;margin-right:0;}

.picShow_r{width:27%;overflow:hidden;}
.picShow_r .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.picShow_r .title span{display:inline-block;border-bottom: 1px solid #005aae;height:40px;}
.picShow_r .title a{float:right;font-size:12px;margin-top:4px;}
.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#005aae;}
.picShow_r li:hover img{transform: scale(1.1);}
.picShow_r li:last-child{border-bottom:none;}
.showPage{height:90px;line-height:90px;overflow:hidden;background:#f1f1f1;}
.showPage a{float:left;width:43%;padding:0 20px;}
.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;padding-left:10px;margin-left:10px; border-left: 1px dotted #ccc;}
.showPage a:nth-child(2){float:right;text-align:right;}
.showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px dotted #ccc;border-left:none;}
.showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.showPage a:hover{background:#e46522;color:#fff;}
.side_phone{margin-top:30px;color:#333;}
.side_phone h4{margin-top:15px;background: url('../images/p_icon.png') no-repeat left center;padding-left:45px;margin-left:40px;line-height:1.2;overflow:hidden;font-size:13px;margin-bottom: 15px;color:#666;padding-top:10px;}
.side_phone h4 span{display:block;font-size:28px;font-family:Arial;color:#333;margin-top:5px;}
.side_phone img{border:1px solid #d2d2d2;float:left;margin-right:30px;}

/* 联系*/
.conBox1 p{width:49%;background:#e8e8e8;font-size: 2.286em;color:#333;padding:40px 5%;}
.conBox1 p i{float:left;font-family:"iconfont";font-style:normal;margin-right:20px;}
.conBox1 p span{margin-left:5%;}
.conBox1 .fr span{font-size:12px;color:#999;}
.conBox2_L{width:60%;position:relative;}
.conBox2_L::after{content:"";position: absolute;height:1px;background:#e5e5e5;top:40px;left:76%;width:50%;}
.conBox2_L h2{margin-right:6%;}
.conBox2_L .txt{padding-top:30px;font-size:1.286em;}
.conBox2_R{max-width:40%;}
.conBox2_R p{padding-top:30px;}
.conBox2_R img{width:173px;padding:11px 11px 1px 1px;background: url('../images/code_bg.jpg') no-repeat;margin-left:20px;max-width:100%;background-size:100%;}
#dituContent{width:100%;height:520px;}

/* 在线留言*/
.feedback .hTitle{color:#fff;}
.feedback{background: url('../images/feedback_bg.jpg') no-repeat center;}
.feedback form{background: rgba(255, 255, 255,.9);overflow:hidden;padding:4%;}
.feedback .top{margin-bottom:40px;overflow:hidden;}
.feedback h3 span{display:block;font-size:1.714em;color:#333;}
.feedback h4{padding-left:50px;position:relative;}
.feedback h4::after{content:"\e649";position: absolute;left:0;top:0;font-family:"iconfont";font-size:2.5rem;color:#333;}
.feedback h4 span{display:block;font-family:Arial;color:#333;font-size:2em;}
.feedback p{width:49%;float: left;background: #fff;height: 50px;line-height: 50px;position: relative;padding:0 15px 0 60px;margin-bottom: 10px;position: relative;border: 1px solid #ccc;}
.feedback p:nth-child(2n-1){float:right;}
.feedback p input{width: 100%;height: 100%;}
.feedback .tarea{width: 100%;height: 120px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.feedback i{content: "";font-family: "iconfont";color: #a0a0a0;font-style: normal;float: left;margin-left: -30px;font-size: 1rem;}
.feedback textarea{width: 100%;height: 100%;}
.feedback .code{clear: both;}
.feedback .code input{height: 50px;line-height: 50px;border: 1px solid #ddd;}
.feedback .code .c{background: #fff;width: 20%;padding: 0 15px;}
.feedback .code img{padding:14px;background: #fff;}
.feedback .sub{background: #005aae;width: 30%;cursor: pointer;transition: all .3s;color: #fff;}
.feedback .sub:hover{background: #004687;}