@charset "utf-8";
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}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
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}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#777}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:13px;color:#777;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
/*初始化*/

/* 轮播图默认样式 */
.swiper-container { width: 100%; height: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.swiper-slide a,.swiper-slide a img,.swiper-slide img{ display: block; width: 100%;}
.swiper-pagination-bullet{  opacity: 0.8; background: #fff; width: 8px; height: 8px;}
.swiper-pagination-bullet-active{  background: #158b3d; opacity: 1;}

/* 放大镜样式 */
.small-img{ display: flex; align-items:center; justify-content: center; }

.magnifier{ width: 500px; position: relative; }
.magnifier-container{ width: 390px; height: 310px; overflow: hidden; position: relative; border: 1px solid #ddd; }
.move-view{ width: 100px; height: 100px; position: absolute; background-image: url('../images/move-box.png'); }
.images-cover{ height: 100%; width: 100%; position: relative; }
.images-cover img{ position: absolute; }
.magnifier-assembly{ height: 92px; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; }
.magnifier-btn{ position: absolute; font-family: "宋体"; width: 100%; top: 50%; left: 0; margin-top: -34px;}
.magnifier-btn span{ line-height: 68px; height: 68px; width: 24px; color: #999; display: block; z-index: 9998; text-align: center; font-size: 30px; cursor: pointer;}
.magnifier-btn .magnifier-btn-left{ float: left;}
.magnifier-btn .magnifier-btn-right{ float: right; }
.magnifier-line{ position: relative; overflow: hidden; height: 68px; margin-top: 15px; }
.magnifier-line ul{ display: block; font-size: 0; width: 10000%; position: absolute; left: 0; z-index: 9997; }
.magnifier-line li{ float: left; width: 68px; height: 68px; cursor: pointer; }
.magnifier-line ul > .active .small-img{ border-color: #ee3744;}
/*.small-img{ height: 54px; width: 54px; padding: 1px; margin: 5px; overflow: hidden; border: 1px solid #eee; text-align: center; }*/
.small-img{ height: 54px; line-height: 54px; /* ej */ width: 54px; padding: 1px; margin: 5px; overflow: hidden; border: 1px solid #eee; text-align: center; }
.small-img img{ max-width: 100%; max-height: 100%; }
.magnifier-view{ width: 100%; height: 100%; position: absolute; right: -105%; top: 0; z-index: 9999; background-color: #fff; display: none; overflow: hidden; }
.magnifier-view img{ display: block; }
.animation03{
    transition: all 0.3s ease-in 0.1s;
    -ms-transition: all 0.3s ease-in 0.1s;
    -moz-transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
    -o-transition: all 0.3s ease-in 0.1s;
}


body{ min-width: 1220px; overflow-x:hidden; }
header{ width: 100%; height: 90px; line-height: 90px; margin: 0 auto; background: #fff; }
header .logo,header .logo a{ display: block;}
header .nav{ position: relative; z-index: 9; float: left;}
header .nav>li{ float: left; line-height: 90px; height: 90px; position: relative; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
header .nav>li>a{  font-size: 18px; color: #333; padding: 0 32px; display: block; position: relative;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
header .nav>li.on{ background: #e83428;}
header .nav>li.on>a{ color: #fff;}
header .nav-box{ position: relative;}

header .nav .sec-nav{ position: absolute; width: 170px; background: rgba(244,244,244,0.9); background: #f4f4f4\0; left: 50%; margin-left: -85px;  text-align: center; padding: 0 15px; box-sizing:border-box; display: none; /* ej */ }
/*header .nav .sec-nav{ position: absolute; width: 170px; background: rgba(244,244,244,0.9); left: 50%; margin-left: -85px;  text-align: center; padding: 0 15px; box-sizing:border-box; display: none; }*/
header .nav .sec-nav li{ height: 48px; line-height: 48px; border-bottom: 1px dashed #ccc; }
header .nav .sec-nav li:last-of-type{ border-bottom: none; }
header .nav .sec-nav li a{ font-size: 14px;color: #333; }
header .nav .sec-nav li a:hover{ color: #e83428; }

header .nav .pro-nav{ top:90px; z-index: 10; background: rgba(244,244,244,0.9); background: #f4f4f4\0; width: 1920px; left: 50%; margin-left: -875px; text-align: left; padding: 0; /* ej */ }
/*header .nav .pro-nav{ top:90px; z-index: 10; background: rgba(244,244,244,0.9); width: 1920px; left: 50%; margin-left: -875px; text-align: left; padding: 0; }*/
header .nav .pro-nav h5{ float: left; display: inline-block; width: 180px; font-size: 16px; font-weight: 600; }
header .nav .pro-nav h5 a{ color: #333; }
header .nav .pro-nav p{ display: inline-block;  float: left; width: 1000px; }
header .nav .pro-nav p a{ width: 160px; display: inline-block; font-size: 14px;  color: #444;  }
header .nav .pro-nav p a:hover{ color: #e83428; }


header .search-box{ float: right;  margin-left: 25px; width: 46px; height: 28px; border-radius: 28px; behavior:url(js/PIE/PIE.htc.html); /* ej */ position: relative; float: left; background: #e83428; margin-top: 30px;}
/*header .search-box{ float: right;  margin-left: 25px; width: 46px; height: 28px; border-radius: 28px; position: relative; float: left; background: #e83428; margin-top: 30px;}*/
header .search-box .tex{ border: none; background: transparent; float: left; height: 28px; width: 0; line-height: 28px; font-size: 14px; color: #fff; box-sizing:border-box; margin-right: -2px; }
header .search-box .search-icon{  display: block; position: absolute; top:0px; right:9px;  float: right; width: 28px; height: 28px;  cursor: pointer; background:url(../images/icon-search.png) no-repeat center; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
header .search-box input::-webkit-input-placeholder{ color: #fff; opacity: 0.7; }
header .search-box input:-moz-placeholder{ color: #fff; opacity: 0.7; }
header .search-box input::-moz-placeholder { color: #fff; opacity: 0.7; }
header .search-box input:-ms-input-placeholder{ color: #fff; opacity: 0.7; }
 
header .search-box .search{  position: relative; z-index: -1; border: none; width: 28px; height: 28px;  cursor: pointer; background: transparent;} 

.bottomLine {
    position: absolute;
    left: -900px;
    bottom: 0px;
    height: 90px;
    z-index: 1;
    background-color: #e83428;
    transition: all 0.3s ease;
}

footer{ background: #333333; overflow: hidden; padding-top: 55px;}
footer .ft-top{ overflow: hidden; padding-bottom: 25px;}
footer .ft-left dl{ display: inline-block; float: left;  margin-right: 85px;}
footer .ft-left dl dt{ position: relative; margin-bottom: 20px;}
footer .ft-left dl dt a{ font-size: 16px; line-height: 16px; color: #fff; opacity: 0.8; }
footer .ft-left dl dd a{ font-size: 14px;  color: #999;  line-height: 28px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
footer .ft-left dl dd a:hover{ color: #fff;}

footer .ft-right{ text-align: center;  width: 100px; }
footer .ft-right img{ width: 100px;  }
footer .ft-right p{ font-size: 14px; line-height: 14px; color: #fff; padding-top: 16px;}

footer .ft-md{ padding: 40px 24px 40px 0; border-top: 1px solid #4e4e4e; border-bottom: 1px solid #4e4e4e; position: relative;}
footer .ft-md.layout{ box-sizing:border-box; }
footer .ft-md p{display: inline-block; font-size: 16px; color: #fff; opacity: 0.5; }
footer .ft-md a{ font-size: 14px; line-height: 14px; display: inline-block;  color: #777; margin-left: 28px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
footer .ft-md a:hover{ color: #fff; }
footer .ft-md .more{ width: 20px; height: 20px; line-height: 20px; box-sizing:border-box; border-radius: 4px; border: 1px solid #545454; display: inline-block; position: absolute; right: 0; top:50%; margin-top: -10px;  text-align: center;}
/*footer .ft-md .more:after{ content: ''; width: 6px; height: 6px; border-top: 1px solid #929292; border-right: 1px solid #929292; display: inline-block; transform:rotate(135deg); margin-left: 1px; vertical-align: middle; margin-top: -10px; }*/
footer .ft-md .more:after{ content: ''; width: 10px; height: 10px; background: url(../images/icon-arr4.png) no-repeat center; /* border-top: 1px solid #929292; border-right: 1px solid #929292; */ display: inline-block; vertical-align: middle; margin-top: -4px; /* ej */ }

footer .ft-bt{ width: 100%; padding: 20px 0 25px; overflow: hidden; }
footer .ft-bt p{ font-size: 12px; line-height: 12px; color: #777;}
footer .ft-bt .ft-bt-l{ float: left; }
footer .ft-bt .ft-bt-r{ float: right; }


.banner,.banner img{ width: 100%;  }

.page-box{  text-align: center; padding: 20px 0; }
.page-box a{ width: 40px; line-height: 40px; text-align: center; height: 40px; display: inline-block; background: #fff; font-size: 16px; color: #555; margin: 0 5px; box-sizing:border-box; border: 1px solid #b5b5b5; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.page-box a.on,.page-box a:hover{ color: #fff; background: #ff342f; border-color: #ff342f;  }
/*.page-box .prev:before,.page-box .next:before{  content:''; width: 10px; height: 10px; border-top: 1px solid #bababa; border-right: 1px solid #bababa;  display: inline-block; vertical-align: middle; margin-top: -4px; transform:rotate(-135deg); margin-left: 2px; }
.page-box .next:before{  transform:rotate(45deg); margin-left: 0; margin-right: 2px; }
.page-box .prev:hover:before,.page-box .next:hover:before{ border-color: #fff; }*/

.page-box .prev:before,.page-box .next:before{  content:'<'; color: #bababa; /* width: 10px; height: 10px; border-top: 1px solid #bababa; border-right: 1px solid #bababa;  */ display: inline-block; vertical-align: middle; margin-top: -4px;/*  transform:rotate(-135deg); */ /* ej */ }
.page-box .next:before{ content:'>'; /* transform:rotate(45deg); margin-left: 0; margin-right: 2px; */ /* ej */ }
.page-box .prev:hover:before,.page-box .next:hover:before{color: #fff; /* ej */ }


/* 悬浮窗 */
#fl-win{ position: fixed; right: 0px; top:50%; margin-top: -64px; z-index: 999; }
#fl-win ul li{  width: 64px; height: 64px; text-align: center; color: #555; font-size: 12px; line-height: 12px; margin-bottom: 2px; cursor: pointer; background:#e83428 url(../images/icon-flwin.png) top center; position: relative; }
#fl-win #top{ background-color: #dfdfdf; background-position: center -64px; padding-top: 44px; box-sizing:border-box; }
#fl-win #online a{ display: block; height: 100%; width: 100%; padding-top: 44px; box-sizing:border-box; color: #fff; }


.banner{ position: relative; }
.menu-box{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background: rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff); /* ej */ }
/*.menu-box{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background: rgba(255,255,255,0.8); }*/
.menu-box .position{ float: right;font-size: 12px; color: #444; }
.menu-box .position a{ font-size: 12px; color: #444; }
.menu-box .position a.on{ color: #e83428; }
.menu-box .position a:before{ content: '>'; display: inline-block; margin-left: 5px; margin-right: 5px; color: #444;  }
.menu-box .position .home:before{  content: ''; height: 15px; width: 15px; display: inline-block; background:url(../images/icon-home.png) no-repeat center; vertical-align: middle; margin-top: -2px; margin-right: 8px; }

.menu-box .left-box{ height: 58px; width: 240px; background: #e83428; margin-top: -8px;  display: inline-block; position: relative;}
.menu-box .left-box:after{ content: ''; width: 35px; height: 2px; background: #fff; position: absolute; left: 30px;bottom: 14px;  }

.left-menu{ float: left; width: 240px; }
.left-menu .menu-hd{ height: 132px; width: 100%; background: #e83428; padding: 30px; box-sizing:border-box; color: #fff; }
.left-menu .menu-hd .en{  font-size: 28px; line-height: 28px; letter-spacing: -1px;  padding-bottom: 14px; }
.left-menu .menu-hd .cn{ font-size: 18px; line-height: 18px; }
.left-menu .sec-level>li{ margin-bottom: 1px; }
.left-menu .sec-level li .sec-menu{ font-size: 16px;color: #333; height: 60px; line-height: 60px; background: #eeeeee; display: inline-block; width: 100%; position: relative; padding-left: 30px; box-sizing:border-box; transition: all ease-in-out .2s 0s; -moz-transition: all ease-in-out .2s 0s; -webkit-transition: all ease-in-out .2s 0s; }
.left-menu .sec-level li.on>.sec-menu:before{ content: ''; height: 28px; width: 4px; background: #e83428; position: absolute;  left: 0; top:50%; margin-top: -14px; }
/*.left-menu .sec-level li .sec-menu:after{ content: '';  width: 8px; height: 8px; border-top: 1px solid #999; border-right: 1px solid #999; display: inline-block; transform:rotate(45deg); position: absolute; right: 13px; top: 50%; margin-top: -6px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.left-menu .sec-level li .sec-menu.on:after{ transform:rotate(135deg); }*/
.left-menu .sec-level li .sec-menu:after{ content: ''; width: 12px; height: 12px; background: url(../images/icon-arr3.png) no-repeat center;  /* width: 8px; height: 8px; border-top: 1px solid #999; border-right: 1px solid #999; */ display: inline-block; /* transform:rotate(45deg); */ /* ej */ position: absolute; right: 13px; top: 50%; margin-top: -7px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.left-menu .sec-level li .sec-menu.on:after{ transform:rotate(90deg); /* ej */ }

.left-menu .sec-level li .sec-menu:hover{ background: #dbdbdb; }

.left-menu .three-level{ display: none; }
.left-menu .three-level li a{ font-size: 16px;color: #333; height: 60px; line-height: 60px; background: #f7f7f7; display: inline-block; width: 100%; position: relative; padding-left: 30px; box-sizing:border-box; margin-bottom: 1px; transition: all ease-in-out .2s 0s; -moz-transition: all ease-in-out .2s 0s; -webkit-transition: all ease-in-out .2s 0s;   }
.left-menu .three-level li:last-of-type>a{ margin-bottom: 0; }
.left-menu .three-level li a:hover{ background: #dbdbdb; }




/* 首页样式 */
.in-banner1{ position: relative; }
.in-banner1:after{ content: ''; width: 1px; height: 30px; background: #fff; position: absolute; bottom: 0;left: 50%;margin-left: -0.5px; z-index: 3; }
/*.in-banner1 .swiper-button-next,.in-banner1 .swiper-button-prev{ width: 52px; height: 52px; border-radius: 52px; background: rgba(0,0,0,0.5) url(../images/icon-arr.png) no-repeat left center; }*/
.in-banner1 .swiper-button-next,.in-banner1 .swiper-button-prev{ width: 52px; height: 52px; border-radius: 52px; behavior:url(js/PIE/PIE.htc.html); background-image: url(../images/icon-arr.png); background-repeat: no-repeat; background-position: left center;  position: absolute; top:50%;  margin-top: -36px; /* ej */ }
.in-banner1 .swiper-button-prev{ left: 50px;  }
.in-banner1 .swiper-button-prev:active{ background-position: -62px center; }
.in-banner1 .swiper-button-next{ background-position: -124px center; right: 50px; }
.in-banner1 .swiper-button-next:active{  background-position: right center; }


.in-product{ width: 100%; margin: 0 auto; background: #f4f4f4 url(../images/bg-in-product.png) no-repeat center 10px; padding-bottom:80px; position: relative; }
.in-product:after{ content: ''; height: 30px; width: 1px; background: #000; position: absolute; top:0; left: 50%; margin-left: -1px; }
.title-box1{ text-align: center; padding-top: 60px; padding-bottom: 60px; }
.title-box1 .cn{ font-size: 24px; line-height: 26px; color: #444; padding-bottom: 20px; }
.title-box1 .cn:before,.title-box1 .cn:after{ content: ''; height: 1px; width: 30px; background: #ccc; display: inline-block; vertical-align: middle; margin: 0 30px; }
.title-box1 .en{ font-size: 48px; line-height: 50px; color: #000;font-weight: 600; text-transform: uppercase; }


.in-product .pro-list{  width: 340px; height: 505px; background: #fff;text-align: center; margin: 0 auto; box-sizing:border-box; position: relative; border: 2px solid #fff; box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 ); transition: position ease-in-out .6s 0s; -moz-transition: position ease-in-out .6s 0s; -webkit-transition: position ease-in-out .6s 0s;  }
.in-product .pro-list dt{ width: 100%; height: 340px; line-height: 340px; text-align: center; background:#fff; overflow: hidden; }
.in-product .pro-list dt img{ max-height: 290px; max-width: 290px; }
.in-product .pro-list dd{ background: rgba(255,255,255,0.7); background: #fff\0; height: 155px; box-sizing:border-box; /* ej */ }
/*.in-product .pro-list dd{ background: rgba(255,255,255,0.7); height: 155px; box-sizing:border-box; transition: position ease-in-out .6s 0s; -moz-transition: position ease-in-out .6s 0s; -webkit-transition: position ease-in-out .6s 0s;  }*/
.in-product .pro-list .name{ font-size: 15px; line-height: 15px; padding:0 15px 15px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease-in-out .6s 0s; -moz-transition: all ease-in-out .6s 0s; -webkit-transition: all ease-in-out .6s 0s;}
.in-product .pro-list .title{  font-size: 18px; color: #333; padding: 0 15px 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease-in-out .6s 0s; -moz-transition: all ease-in-out .6s 0s; -webkit-transition: all ease-in-out .6s 0s; }
.in-product .pro-list .intro{ font-size: 14px; line-height: 24px; color: #666; padding: 0 35px; display: none;  transition: all ease-in-out .6s 0s; -moz-transition: all ease-in-out .6s 0s; -webkit-transition: all ease-in-out .6s 0s;}
.in-product .pro-list .more{  width: 132px; height: 42px; line-height: 42px;font-size: 14px; color: #666; box-sizing:border-box; display: inline-block; border: 1px solid #b1b1b1; margin-top: 10px; }
.in-product .pro-list .more:after{ content: ''; width: 10px; height: 10px; display: inline-block; background: url(../images/icon-more.png) no-repeat center; margin-left: 16px; }


.in-product .pro-list:hover{ border: 2px solid #e83428; box-shadow: none; }
.in-product .pro-list:hover dd{ width: 100%; height: 501px; position: absolute; left: 0 ;top: 0; z-index: 3; padding-top: 75px;  }
.in-product .pro-list:hover .name{ color: #e83428; padding-bottom: 35px; }
.in-product .pro-list:hover .title{ position: relative; }
.in-product .pro-list:hover .title:after{ content: ''; width: 26px; height: 1px; display: block; background: #e83428; position: absolute; bottom: 0; left: 50%; margin-left: -13px; }
.in-product .pro-list:hover .intro{ display: block; margin-top: 25px; }

.in-product .pro-list:hover .more{ position: absolute; bottom: -10px; left: 50%; margin-left: -150px; width: 300px; height: 82px; line-height: 82px; border: none; background: #e83428; font-size: 20px; color: #fff;  } 
.in-product .pro-list:hover .more:after{ background: url(../images/icon-more-w.png) no-repeat center; }

/*.in-product .swiper-container{ padding-bottom: 20px; }
.in-product .swiper-slide{ background: transparent; }*/
.in-product .swiper-container{ width: 1200px; margin: 0 auto; padding-bottom: 30px; overflow: hidden; /* background: red; */ /* ej */ }
.in-product .swiper-slide{ background: transparent; display: block; float: left; margin: 0 30px; /* ej */ }
.in-product .swiper-slide img{ width: auto; display: inline-block; }


.in-solve{ padding-bottom: 90px; background: url(../images/bg-in-solve.jpg) no-repeat center top; }
.in-solve .solve-in{ height: 605px;overflow: hidden; }
.in-solve .so-menu-box{ float: left;  width: 265px; height: 605px; float: left; overflow-y: scroll; overflow-x:hidden; }
.in-solve .so-menu-box::-webkit-scrollbar {display:none}
.in-solve .so-menu-box li{ height: 100px; line-height: 100px; color: #fff; font-size: 20px; text-align: center; background: #555; margin-bottom: 1px; }
.in-solve .so-menu-box li a{ color: #fff; display: block; width: 100%; height: 100%; }
.in-solve .so-menu-box li.on{ background: #e83428; }
.in-solve .left-box{ width: 560px; height: 605px; background: #eee; float: left; }
.in-solve .left-box .pic-box{ width: 100%; height: 430px; line-height: 430px; text-align: center; }
.in-solve .left-box .pic-box img{ max-height:430px; max-width: 100%;  }
.in-solve .left-box .intro-box{  padding: 0 40px;margin-top: 30px;}
.in-solve .left-box .intro-box p{ font-size: 24px; line-height: 30px;  color: #444;  }
.in-solve .left-box .intro-box .more{ font-size: 16px; color: #e83428; margin-top: 25px; display: inline-block; }

.in-solve .right-box{ width: 373px; height: 100%; float: left; }
.in-solve .right-box .li-box{ height: 302px; overflow: hidden; position: relative; }
.in-solve .right-box .li-box img{  width: 100%; height: 100%;  }
/*.in-solve .right-box .li-box span{ width: 100%; height: 50px; line-height: 50px; box-sizing:border-box; display: block; background: rgba(0,0,0,0.6);  position: absolute; bottom: 0; left: 0; padding: 0 20px; }
.in-solve .right-box .li-box p{ font-size: 16px; color: #fff; width: 330px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }*/
.in-solve .right-box .li-box span{ width: 100%; height: 50px; line-height: 50px; box-sizing:border-box; display: block; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* ej */ position: absolute; bottom: 0; left: 0; padding: 0 20px; }
.in-solve .right-box .li-box p{ /* ej */ font-size: 16px; color: #fff; width: 330px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


.in-case{ background: #eeeeef url(../images/bg-in-case.jpg) no-repeat center top;overflow: hidden; }
.in-case .swiper-container{margin:auto; overflow: hidden; width:1200px; position: relative; /* ej */ }
.in-case .title-box1{ padding-bottom: 50px; }
.in-case .case-menu{ text-align: center; margin-bottom: 65px; }
.in-case .case-menu li{  display: inline-block; font-size: 16px;color: #000; height: 48px; line-height: 48px; padding: 0 28px; cursor: pointer; }
/*.in-case .case-menu li.on{ color: #fff; background: #e83428; border-radius: 25px 0 25px 0;  }*/
.in-case .case-menu li.on{ color: #fff; background: #e83428; border-radius: 25px 0 25px 0; behavior:url(js/PIE/PIE.htc.html); position: relative; /* ej */  }
.in-case .swiper-slide .case-list{ width: 840px; height: 654px; padding-top: 530px; box-sizing:border-box;  position: relative; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.in-case .swiper-slide .case-list .pic-box{ width: 800px; height: 500px;  position: absolute; left: 20px; top:20px; background:#2b2b33; }
.in-case .swiper-slide .case-list .pic-box a,.in-case .case-list .pic-box img{ display: block; width: 100%; height: 100%;  }
.in-case .swiper-slide .case-list .intro-box{ padding: 25px 50px; text-align: left; /* ej1018 */ transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.in-case .swiper-slide .case-list .intro-box h3{ color: #111; font-size: 26px; line-height: 28px; padding-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.in-case .swiper-slide .case-list .intro-box p{ font-size: 14px; line-height: 20px; color: #888; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*.in-case .swiper-slide{ background: transparent;  }*/
.in-case .swiper-slide .case-list{ background: #fff; /* ej1018 */ }
.in-case .swiper-slide{ background: transparent; margin-left: 180px; width: 840px !important; /* ej */  /* ej1018 */ }
/*.in-case .swiper-slide{ background: transparent; margin-left: 160px; /* ej */  }*/
.in-case .swiper-slide img{ opacity: 0.5; }
.in-case .swiper-slide-active img{ opacity: 1; }

.in-case .swiper-slide-active .case-list{ background: #fff; }
.in-case .swiper-slide-active .case-list .intro-box{ display: block; }

/*.in-case .swiper-button-next,.in-case .swiper-button-prev{ width: 46px; height: 46px; border-radius: 46px; opacity: 0.6; background: #e83428 url(../images/icon-arr.png) no-repeat left center; background-size: auto 46px;  }*/
.in-case .swiper-button-next,.in-case .swiper-button-prev{ width: 46px; height: 46px; border-radius: 46px; behavior:url(js/PIE/PIE.htc.html); /* ej */ opacity: 0.6; background: url(../images/icon-arr5.png) no-repeat left center; background-size: auto 46px; position: absolute; top:50%; margin-top: -23px; /* ej */ }
.in-case .swiper-button-prev{ left: 50px;  }
.in-case .swiper-button-prev:active{ background-position: -55px center; opacity: 1; }
.in-case .swiper-button-next{ background-position: -113px center; right: 50px; }
.in-case .swiper-button-next:active{  background-position: right center; opacity: 1; }


.in-news{  background: #fff url(../images/bg-in-news.jpg) no-repeat center top;  overflow: hidden; padding-bottom: 90px;}
.in-news .news-box{ overflow: hidden; padding: 10px 0; }
/*.in-news .col-box{  width: 390px;height: 530px; background: #fff; padding: 20px; box-sizing:border-box; float: left; margin-left: 6px; margin-right: 6px; box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 ); }*/
.in-news .col-box{  width: 390px;height: 530px; background: #fff; padding: 20px; box-sizing:border-box; float: left; margin-left: 3px; margin-right: 3px; box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 ); border: 1px solid #f4f4f4; /* ej */ }
.in-news .col-box:last-of-type{ margin-right: 0; }
.in-news .col-box .hd-box{ height: 64px; line-height: 64px; font-size: 20px; color: #333; }
.in-news .col-box .hd-box h3{ float: left; }
.in-news .col-box .hd-box a{ font-size: 14px; color: #888; float: right; }
.in-news .col-box .hd-box a:hover{ color: #e83428; } 

.in-news .col-box .pic-box{ width: 350px; height: 200px; background: #e5e5e5; overflow: hidden; position: relative; }
.in-news .col-box .pic-box img{ width: 100%; height: 100%; }
/*.in-news .col-box .pic-box span{ position: absolute; left: 0; bottom: 0; width: 100%; height: 42px; line-height: 42px; box-sizing:border-box; padding: 0 18px; background: rgba(0,0,0,0.5); transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.in-news .col-box .pic-box p{ font-size: 15px; color: #fff; display: block; width: 100%;height: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.in-news .col-box .pic-box p:after{ content: ''; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; display: inline-block; transform:rotate(45deg); position: absolute; right: 12px; top:50%; margin-top: -6px; }*/
.in-news .col-box .pic-box span{ position: absolute; left: 0; bottom: 0; width: 100%; height: 42px; line-height: 42px; box-sizing:border-box; padding: 0 18px; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* ej */ transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.in-news .col-box .pic-box p{ /* ej */ font-size: 15px; color: #fff; display: block; width: 100%;height: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.in-news .col-box .pic-box p:after{ /* ej */ content: ''; width: 6px; height: 10px; background: url(../images/icon-arr6.png) no-repeat center;  /* border-top: 1px solid #fff; border-right: 1px solid #fff; */ display: inline-block; /* transform:rotate(45deg); */ position: absolute; right: 6px; top:50%; margin-top: -5px; }
.in-news .col-box .news-list{ padding-top: 20px; }
.in-news .col-box .news-list li{ line-height: 34px; }
.in-news .col-box .news-list li:before{ content: ''; vertical-align: middle;  width:6px; height: 6px; border-radius: 8px; behavior:url(js/PIE/PIE.htc.html); /* ej */ border: 1px solid #e93f34; display: inline-block; margin-right: 10px; }
/*.in-news .col-box .news-list li:before{ content: ''; vertical-align: middle; margin-top: -4px;  width:6px; height: 6px; border-radius: 8px; border: 1px solid #e93f34; display: inline-block; margin-right: 10px; }*/
.in-news .col-box .news-list li a{ font-size: 14px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 330px; display: inline-block; vertical-align: middle; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.in-news .col-box .news-list li a:hover{ color: #e83428;  }

.in-news .col-box .pic-box span:hover{ background: rgba(232,52,40,0.5); } 

.in-contact{ background: #f8f8f8; padding: 60px 0 50px; overflow: hidden; }
.in-contact .title-box{ text-align: center; padding-bottom: 33px; position: relative; margin-bottom: 30px; }
.in-contact .title-box:after{ content: ''; width: 380px; height: 1px; background: #eee; position: absolute; bottom: 0; left: 50%; margin-left: -190px; }
.in-contact .title-box .en{ font-size: 14px; line-height: 16px; padding-bottom: 10px; color: #e42126;  font-weight: 600; text-transform: uppercase; }
.in-contact .title-box .cn{ font-size: 18px; line-height: 20px; color: #333; }
.in-contact ul li{ width: 400px; float: left; text-align: center; }

/*.in-contact ul li:first-of-type{ background: url(../images/bg-in-contact.png) no-repeat center top; }
.in-contact ul li:first-of-type .title-box:after{ display: none; }*/
.in-contact ul li.net{ background: url(../images/bg-in-contact.png) no-repeat center top; /* ej */ }
.in-contact ul li.net .title-box:after{ display: none; /* ej */ }
.in-contact ul li .more{ padding-top: 60px; display: inline-block; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.in-contact ul li .more:hover{ color: #e83428;  }
.in-contact ul li .more:after{ content: ''; display: inline-block; vertical-align: middle; margin-top: -2px; width: 6px; height: 11px; background: url(../images/icon-more1.png) no-repeat center; margin-left: 15px; }

.in-contact ul li .addr{ font-size: 16px; line-height: 20px; color: #888; padding-bottom: 13px;}
.in-contact ul li .tele{  font-size: 20px; line-height: 22px; color: #444; margin-bottom: 8px; }
.in-contact ul li .email{ font-size: 16px; line-height: 16px; color: #888; }
.in-contact .foll-icon{  width: 44px; height: 44px; border-radius: 44px; behavior:url(js/PIE/PIE.htc.html); position: relative; /* ej */ background: #fff url(../images/icon-follow.png) no-repeat left center; display: inline-block; margin-left: 10px; margin-right: 10px; box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 ); box-shadow:none\0; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
/*.in-contact .foll-icon{  width: 44px; height: 44px; border-radius: 44px;  background: #fff url(../images/icon-follow.png) no-repeat left center; display: inline-block; margin-left: 10px; margin-right: 10px; box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 ); transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }*/
.in-contact .wb:hover{ background-position:  -88px center; }
.in-contact .wx{ background-position:  -44px center; }
.in-contact .wx:hover{ background-position: -132px center; }


/* 产品中心 */

.content-box{ float: right; width: 920px; }
.title-box2{text-align: center;  padding: 50px 30px 40px; }
.title-box2 h3{ font-size: 24px; line-height: 34px; color: #444; }



.product-center{ overflow: hidden; padding-bottom: 80px; }
.product-center .product-list-box{ overflow: hidden; padding-bottom: 20px; }
.product-center .pro-list{ width: 230px; height: 295px; float: left; padding-top: 15px; }
.product-center .pro-list dl{  width: 208px; height: 280px; background: #fff; border: 1px solid #eee; box-sizing:border-box; margin-left: 11px; margin-right: 11px; margin-bottom: 40px;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.product-center .pro-list dt{ width: 100%; height: 206px; line-height: 206px;text-align: center; background: #fff; overflow: hidden; border-bottom: 1px solid #eee; box-sizing:border-box; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.product-center .pro-list dt img{ max-width: 206px; max-height: 206px;  }
.product-center .pro-list dd{ text-align: center; background: #f8f8f8; height: 72px;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.product-center .pro-list dd h3{ font-size: 16px; color: #333; line-height: 16px; padding: 15px 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.product-center .pro-list dd p{ font-size: 14px; color: #999; padding: 8px 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.product-center .pro-list dd .more{  width: 98px; height: 30px; line-height: 30px; display: inline-block; color: #fff; border: 1px solid #fff; color: #fff; font-size: 12px;  display: none;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }

.product-center .pro-list:hover dl{ width: 230px; height: 310px; transform:translate(0,-15px); margin-top: -15px\0; /* ej */ margin-bottom: 10px;  margin-left: 0px; margin-right: 0px; border-color: #e83428; }
/*.product-center .pro-list:hover dl{ width: 230px; height: 310px; transform:translate(0,-15px); margin-bottom: 10px;  margin-left: 0px; margin-right: 0px; border-color: #e83428; }*/
.product-center .pro-list:hover dt{ height: 228px; border-color: #e83428; }
.product-center .pro-list:hover dt img{ transfrom:scale(1.2); max-width: 228px; max-height: 228px; }
.product-center .pro-list:hover dd{ height: 80px; background: #e83428; }
.product-center .pro-list:hover dd h3{ color: #fff; padding-top: 12px; padding-bottom: 12px; }
.product-center .pro-list:hover dd p{ display: none; }
.product-center .pro-list:hover .more{ display: inline-block; }



/* 产品详情页 */

.product-article{ overflow: hidden;  padding-bottom: 100px; background: url(../images/bg-art.jpg) no-repeat center 200px; }
.product-article .content-box{ padding-top: 50px;  }
.product-article .product-top{ padding-bottom: 50px; overflow: hidden; }
.product-article .product-tl{ float: left; width: 390px; }

.product-article .product-tr{ width: 496px; float: right; }
.product-article .product-tr .title{ font-size: 18px; line-height: 24px; padding-bottom: 20px; color: #333; font-weight: 700; }
.product-article .product-tr .label-box{ overflow: hidden; margin-bottom: 30px; }
/*.product-article .product-tr .label{ float: left;  height: 26px; line-height: 26px; box-sizing:border-box; border-radius: 26px;  padding: 0 13px; border: 1px solid #ed2836; font-size: 12px; color: #ed2836; margin-right: 12px; }*/
.product-article .product-tr .label{ float: left;  height: 26px; line-height: 26px; box-sizing:border-box; border-radius: 26px; behavior:url(js/PIE/PIE.htc.html); /* ej */ padding: 0 13px; border: 1px solid #ed2836; font-size: 12px; color: #ed2836; margin-right: 12px; }
.product-article .product-tr .intro{ font-size: 14px; color: #333; line-height: 24px; }
.product-article .product-tr .ser-box{ overflow: hidden; margin-top: 30px; margin-bottom: 30px; }
/*.product-article .product-tr .ser-box li{float: left; width: 120px; height: 40px; text-align: center; line-height: 40px; border-radius: 4px; background: #ee3744; font-size: 16px;  margin-right: 20px; }*/
.product-article .product-tr .ser-box li{float: left; width: 120px; height: 40px; text-align: center; line-height: 40px; border-radius: 4px; behavior:url(js/PIE/PIE.htc.html); position: relative; /* ej */ background: #ee3744; font-size: 16px;  margin-right: 20px; }
.product-article .product-tr .ser-box li a{ display: block; width: 100%; height: 100%; color: #fff; }
.product-article .product-tr .ser-box .consu{ background: #ff9e3f; }
.product-article .product-tr .ser-box .order{ background: #ff723f; }
.product-article .product-tr .tele-box{ display: inline-block; font-size: 14px; line-height: 14px; color: #333; padding-left: 50px; position: relative; }
.product-article .product-tr .tele-box:before{ content: ''; width: 41px; height: 36px; background: url(../images/icon-tele.png) no-repeat center; display: block; position: absolute; left: 0; top:50%; margin-top: -19px; }
.product-article .product-tr .tele{ font-size: 24px; line-height: 24px; color: #ff5500; font-weight: 600; display: block; }


.col-box1{  width: 100%; height:47px; line-height: 47px; background: #f7f7f7; border-top: 1px solid #eee; overflow: hidden; font-size: 14px; color: #333; }
.col-box1 li{ float: left; padding: 0 20px; cursor: pointer; }
.col-box1 li.on{ background: #ee3744; color: #fff; }

.product-article .article-box{ padding: 30px 0 80px; }
.product-article .article-box .p14{ font-size: 14px; color: #333; line-height: 24px; }


.col-box2{  width: 100%; height:47px; line-height: 47px; background: #f7f7f7;  overflow: hidden; font-size: 14px; color: #333; }
.col-box2 li{ float: left; padding: 0 20px; cursor: pointer; }
.col-box2 li.on{ background: #fff; border-top: 2px solid #ee3744; }

.product-article .other-product{ border: 1px solid #eee; }

.product-article .other-list dl{ width: 200px; }
.product-article .other-list dt{ width: 200px; height: 173px; line-height: 173px; text-align: center; overflow: hidden; border: 1px solid #eee; box-sizing:border-box; background: #fff; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.product-article .other-list dt img{ max-width: 100%; max-height: 100%; }
.product-article .other-list dd{ text-align: center; font-size: 14px; line-height: 14px; color: #333; padding: 10px; width: 100%; box-sizing:border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
.product-article .other-list:hover dd{color:#e83428;  }
.product-article .other-list:hover dt{ border-color: #e83428; }

.product-article .othter-container{ padding: 20px; box-sizing:border-box; }
.product-article .swiper-slide a,.product-article .swiper-slide img{ display: inline-block; }

.product-article .swiper-pagination-bullet{  opacity: 1; background: #fff; width: 8px; height: 8px; border: 1px solid #bfbfbf; box-sizing:border-box;}
.product-article .swiper-pagination-bullet-active{  background: #bfbfbf; }


/* 搜索结果 */
.search-result{ overflow: hidden; padding: 35px 0 130px; background: url(../images/bg-search.jpg) no-repeat center top; }

.search-result .col-box{ height: 70px; line-height: 70px; width: 100%; background: #fafafa; font-size: 18px; color: #000; padding-left: 25px; box-sizing:border-box; margin-bottom: 40px; }
.search-result .col-box p{ display: inline-block; }
.search-result .col-box em{ color: #e94136; }
.search-result .col-box .close{ width: 22px; height: 22px; vertical-align: middle; display: inline-block; background: #fff; border-radius: 22px; behavior:url(js/PIE/PIE.htc.html); position: relative; /* ej */ border: 1px solid #d3d3d3; margin-left: 15px; text-align: center; line-height: 22px; }
.search-result .col-box .close:after{ content: '×'; display: inline-block; font-size: 22px; /* transform:rotate(45deg);  */color: #828282;  margin-left: 1px; /* ej */ }
/*.search-result .col-box .close{ width: 22px; height: 22px; vertical-align: middle; display: inline-block; background: #fff; border-radius: 22px; border: 1px solid #d3d3d3; margin-left: 15px; text-align: center; line-height: 22px; }
.search-result .col-box .close:after{ content: '+'; display: inline-block; font-size: 22px; transform:rotate(45deg); color: #828282; margin-left: -1px; }
*/
.result-box{ padding-left: 25px; }
.result-box ul li{ padding: 15px 10px 15px 40px; width: 33%; float: left; box-sizing:border-box; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;  }
.result-box a{ font-size: 16px; line-height: 20px; color: #333;  }
.result-box a:before{ content: ''; width: 8px; height: 8px; background: #e83428; display: inline-block; vertical-align: middle; margin-top: -2px; transform:rotate(45deg); margin-right: 10px; }
.result-box a:hover{  color: #e83428; }
.result-box ul li:nth-of-type(3n+2){ border-left: 1px dashed #c2c2c2; }
.result-box ul li:nth-of-type(3n+3){ border-left: 1px dashed #c2c2c2; }



/* 员工风采 */
.common-box{ overflow: hidden; padding-bottom: 80px;/* background: url(../images/bg-about.jpg) no-repeat center top; */}
.about-worker .worker-list-box{ overflow: hidden; padding-bottom: 20px;}
.about-worker .work-list { display: block; width: 280px; height: 230px;  float: left; margin-left: 13px; margin-right: 13px; /* ej */ margin-bottom: 40px;}
/*.about-worker .work-list { display: block; width: 280px; height: 230px;  float: left; margin-right: 40px; margin-bottom: 40px;}*/
/*.about-worker .work-list:nth-of-type(3n){ margin-right: 0; }*/
.about-worker .work-list dl{ width: 280px; height: 230px; background: #fff; }
.about-worker .work-list dt{ height: 180px;width: 100%; overflow: hidden; }
.about-worker .work-list dt img{ width: 100%; height: 100%; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.about-worker .work-list dd{ height: 50px; box-sizing:border-box; border: 1px solid #eee; border-top: none; text-align: center; font-size: 16px;color: #333; line-height: 50px; padding: 0 10px;  white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}

.about-worker .work-list:hover dd{  background: #e83428; border-color: #e83428; color: #fff; }
.about-worker .work-list:hover dt img{ transform:scale(1.1); }


/* 员工风采详情页 */
.work-artitcle{ overflow: hidden; }
.work-artitcle .p14{ font-size: 14px; color: #666; line-height: 30px; }

/* 公司简介 */


.about-intro{  padding-bottom: 50px; }
.about-intro .content-box{padding-top: 45px;  }
.about-intro .content-box .title{ position: relative; padding-bottom: 20px;  }
.about-intro .content-box .en{ font-size: 60px; color: #f1f1f1; font-weight: 600; line-height: 60px;}
.about-intro .content-box .cn{ font-size: 24px; line-height: 26px; color: #333; display: inline-block; position: absolute; top: 30px; }

.about-intro .content-box .p16{ font-size: 16px; color: #555; line-height: 36px; }
.about-intro .content-box .art-box1{ margin-bottom: 90px; }

.about-intro .art-box{ overflow: hidden; margin-bottom: 60px; }
.about-intro .art-box .pic-box{  width: 350px; height: 260px; overflow: hidden; float: left; margin-right: 15px; }
.about-intro .art-box .pic-box img{ width: 100%; height: 100%; }

.about-intro .art-box .col-title{ font-size: 24px; color: #333; line-height: 24px; padding-bottom: 15px; position: relative; margin-bottom: 20px; }
.about-intro .art-box .col-title:after{ content: ''; display: block; width: 45px; height: 3px; background: #e83428; position: absolute; bottom: 0; left: 0; }
.about-intro .art-box .intro-box{ width: 554px; float: left; }

.about-intro .art-box-right .pic-box{ float: right; margin-right: 0; margin-left: 15px; }


/* 联系我们 */


.about-contact{ background: url(../images/bg-contact.png) no-repeat bottom center; }
.about-contact .content-box{ padding-top: 50px; }
.about-contact .title{  font-size: 24px; color: #333; line-height: 24px; padding-bottom: 12px; position: relative; margin-bottom: 30px; }
.about-contact .title:after{ content: ''; height: 2px; width: 50px; background: #e83428; position: absolute; left: 0; bottom: 0; }
.about-contact .contact-way { overflow: hidden; }
.about-contact .contact-way li{ float: left; font-size: 16px; line-height: 20px; color: #666; width: 460px;  padding: 20px 0; padding-left: 40px ; padding-right: 80px; box-sizing:border-box; position: relative;}
.about-contact .contact-way li:before{ content: ''; width: 25px; height: 25px; display: block; background: url(../images/icon-contact.png) no-repeat center top; position: absolute; left: 0;top: 16px; }

/*.about-contact .contact-way li:nth-of-type(2):before{ background-position: center -25px; }
.about-contact .contact-way li:nth-of-type(3):before{ background-position: center -50px; }
.about-contact .contact-way li:nth-of-type(4):before{ background-position: center -75px; }
.about-contact .contact-way li:nth-of-type(5):before{ background-position: center -100px; }
.about-contact .contact-way li:nth-of-type(6):before{ background-position: center -125px; }
.about-contact .contact-way li:nth-of-type(7):before{ background-position: center -150px; }*/
.about-contact .contact-way li.li2:before{ background-position: center -25px; /* ej */ }
.about-contact .contact-way li.li3:before{ background-position: center -50px; /* ej */ }
.about-contact .contact-way li.li4:before{ background-position: center -75px;  /* ej */ }
.about-contact .contact-way li.li5:before{ background-position: center -100px;  /* ej */ }
.about-contact .contact-way li.li6:before{ background-position: center -125px;  /* ej */ }
.about-contact .contact-way li.li7:before{ background-position: center -150px;  /* ej */ }


.about-contact .map{ width: 100%; height: 290px; box-sizing:border-box; border: 1px solid #eee; margin-top: 25px; }

/* 招聘信息 */
.about-job{ background: url(../images/bg-contact.png) no-repeat bottom center; }
.job-box{ margin-bottom: 40px; background: #fff; border-bottom: 1px solid #f2f2f2\0; /* ej */ }
/*.job-box{ margin-bottom: 40px; background: #fff; }*/
.job-box .list-box ul{ display: table; width: 100%; text-align: center; padding-right: 60px; box-sizing:border-box; }
.job-box .list-box ul li{display: table-cell; text-align: center; width: 25%;}
.job-box .list-box ul.ta-title{ height: 55px; line-height: 55px;  color:#fff; background: #e83428; font-size: 16px;}
.job-box .list-box ul.ta-body{ height: 66px; line-height: 66px; font-size: 14px;color: #666;  cursor: pointer; border-top: 1px solid #f2f2f2;    position: relative; }
.job-box .list-box ul.ta-body:after{ content: ''; width: 8px; height: 8px; border-top: 1px solid #999; border-right: 1px solid #999; transform:rotate(135deg);  position: absolute; right: 40px; top:50%; margin-top: -7px;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.job-box .intro-box{ width: 100%; padding: 30px 350px 30px 30px; overflow: hidden; box-sizing:border-box; font-size: 14px; color: #666; display: none; text-align: left; border: 1px solid #f2f2f2; box-sizing:border-box; border-bottom: none; }
.job-box .intro-box p.red{ color: #e83428; line-height: 28px; font-size: 14px; font-weight: 600; }
.job-box .intro-box p.list{ line-height: 32px; }
.job-box .list-box.on .ta-body{ background: #f7f1f0; }
.job-box .list-box.on ul.ta-body:after{ transform:rotate(-45deg); border-color: #e83428; }

.job-box .list-box ul.ta-title li:first-of-type,.list-box ul.ta-body li:first-of-type{ text-align: left; padding-left: 24px;}
.job-box .list-box:last-of-type{ border-bottom: 1px solid #f2f2f2;}


/* 发展历程 */
.about-deve{ background: url(../images/bg-contact.png) no-repeat bottom center; }
.about-deve .content-box{position: relative; }
.about-deve .deve-box{  width: 760px; margin: 0 auto;  }
.about-deve .deve-list{ width: 100%; box-sizing:border-box; }

.about-deve .deve-list .intro-box {  box-sizing:border-box; text-align: center; }
.about-deve .deve-list .intro-box h3{ width: 128px; height: 38px; background: #e83428; font-size: 16px; line-height: 38px; color: #fff; text-align: center; font-weight: 600; margin: 0 auto; margin-bottom: 30px;}
.about-deve .deve-list .intro-box h3 em{ font-size: 14px;  display: inline-block; vertical-align: top; margin-top: -10px; }
.about-deve .deve-list .intro-box p{ font-size: 16px; line-height: 26px; color: #333; padding: 10px 0; text-align: left; }
.about-deve .deve-list .intro-box p:before{ content: ''; width: 4px; height: 4px; background: #aaa; vertical-align: middle;  display: inline-block; margin-right: 10px; margin-top: -4px; }

.deve-container{ padding-bottom: 60px; }
.about-deve .swiper-button-next, .about-deve .swiper-button-prev{ height: 40px; width: 40px; border-radius: 40px; box-sizing:border-box; background: url(../images/icon-arr2.png) no-repeat center left; top:112px; margin-top: 0; position: absolute; /* ej */ }
/*.about-deve .swiper-button-next, .about-deve .swiper-button-prev{ height: 40px; width: 40px; border-radius: 40px; box-sizing:border-box; background: url(../images/icon-arr2.png) no-repeat center left; top:112px; margin-top: 0; }*/
.deve-container .swiper-slide{ background: none; text-align: left;}
.about-deve .swiper-button-prev:active{ background-position: -50px center; }
/*.about-deve .swiper-button-next{ background-position: -150px center; }*/
.about-deve .swiper-button-next{ background-position: -150px center; right: 0; /* ej */ }
.about-deve .swiper-button-next:active{ background-position: -100px center; }

.about-deve .time-line{ text-align: center; position: relative; margin-bottom: 45px; }
.about-deve .time-line .swiper-slide{ background: transparent; }
.about-deve .time-line:before{ content: ''; width: 100%; height: 2px; background: #d6d6d6; display:  block; position: absolute; top:8px; }
.about-deve .time-line span{ font-size: 16px; color: #333;  font-weight: 600;  display: inline-block; margin-left: 34px; margin-right: 34px;  cursor: pointer; position: relative; }
/*.about-deve .time-line span:before{ content: ''; width: 16px; height: 16px; border-radius: 16px; background: rgba(170,170,170,0.3); display: block; margin: 0 auto; margin-bottom: 20px;  transition: background ease .2s 0s; -moz-transition: background ease .2s 0s; -webkit-transition: background ease .2s 0s;}
.about-deve .time-line span:after{ content: ''; width: 10px; height: 10px; border-radius: 10px; background: #aaa; position: absolute; left: 50%; margin-left: -5px; top:50%; margin-top: -24px; }*/
.about-deve .time-line span:before{ content: ''; width: 16px; height: 16px; border-radius: 16px; behavior:url(js/PIE/PIE.htc.html); /* ej */ background: rgba(170,170,170,0.3); display: block; margin: 0 auto; margin-bottom: 20px;  transition: background ease .2s 0s; -moz-transition: background ease .2s 0s; -webkit-transition: background ease .2s 0s;}
.about-deve .time-line span:after{ content: ''; width: 10px; height: 10px; border-radius: 10px; behavior:url(js/PIE/PIE.htc.html); /* ej */ background: #aaa; position: absolute; left: 50%; margin-left: -5px; top:50%; margin-top: -24px; }
.about-deve .time-line .swiper-slide-active span{ font-size: 20px; color: #e83428; font-weight: 600;}
.about-deve .time-line .swiper-slide-active span:before{ background: rgba(232,52,40,0.3);  margin-bottom: 16px; }
.about-deve .time-line .swiper-slide-active span:after{ background: #e83428;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; margin-top: -25px;  }

.about-deve .time-line span:first-of-type{ margin-left: 0px;}
.about-deve .time-line span:last-of-type{ margin-right: 0px;}


/* 成功案例 */


.case-center .search{ padding-bottom: 20px; margin-bottom: 20px; }
.case-center .search label{ font-size: 16px; color: #333; }
.case-center .search select{ width: 154px; height: 36px; line-height: 36px; border-radius: 36px; border: 1px solid #aaa; padding: 0 15px; box-sizing:border-box; outline: none; margin-right: 20px; }

.case-center .case-list-box{ overflow: hidden; padding-bottom: 20px; }
.case-center .case-list{ width: 280px; height: 260px; background: #fff; float: left; margin-left: 13px; margin-right: 13px; margin-bottom: 40px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; /* ej */ }
/* .case-center .case-list:nth-of-type(3n){ margin-right: 0; } ej */
/*.case-center .case-list{ width: 280px; height: 260px; background: #fff; float: left; margin-right: 40px; margin-bottom: 40px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}*/
/*.case-center .case-list:nth-of-type(3n){ margin-right: 0; }*/
.case-center .case-list dt{ width: 280px; height: 180px; overflow: hidden;  position: relative; }
.case-center .case-list dt:after{ content: ''; display: block; width: 100%; height: 100%; background:#e83428; opacity: 0.7; position: absolute; left: 0;  top:-100%; z-index: 1; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.case-center .case-list dt img{ height: 100%; width: 100%; }
.case-center .case-list dt .more{ display: inline-block; width: 130px; height: 40px; line-height: 42px; text-align: center; font-size: 14px; color: #fff; border: 1px solid #fff; position: absolute; left: 50%; margin-left: -66px; top:100%; z-index: 2; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.case-center .case-list dd{ width: 100%; height: 50px;  padding: 15px; box-sizing:border-box; border: 1px solid #eee; border-top: none; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.case-center .case-list dd a{ font-size: 16px; color: #333; line-height: 16px; padding-bottom: 12px; display: inline-block; width: 250px; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; }
.case-center .case-list dd p{ font-size: 14px; color: #999;  white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; }

.case-center .case-list:hover dt:after{ top:0;  }
.case-center .case-list:hover .more{ top:50%; margin-top: -21px; }
/*.case-center .case-list:hover dd{ border-color: #fff; box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 ); }*/
.case-center .case-list:hover dd{ border-color: #fff; box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 ); box-shadow: none\0; border-color: #eee\0; /* ej */  }

/* 成功案例详情页 */

.article-box .n-head{ border-bottom: 1px dashed #e5e5e5; text-align: center; padding: 50px 50px 30px; }
.article-box .n-title{ font-size: 24px; color:#444; line-height: 30px; font-weight: 400; margin-bottom: 20px;}
.article-box .n-head p{ display: inline-block; margin-right: 30px; margin-left: 30px; font-size: 14px; color: #666; line-height: 14px; }

.article-box .n-article{ padding-top: 40px; padding-bottom: 60px; border-bottom: 1px dashed #e5e5e5; line-height:2.0; color:#333; font-size:14px; }
.article-box .n-article .p14{ font-size: 14px; line-height: 26px; color: #666; text-align: left;}
.article-box .n-article .b16{ font-size: 16px; line-height: 16px; font-weight: 600; color: #333; padding-bottom: 12px; }

.article-box .n-bottom{ font-size: 14px; line-height: 18px; color: #555; padding-top: 30px; overflow: hidden;}
.article-box .n-bottom ul{ float: left; width: 750px;}
.article-box .n-bottom ul li{  padding-top: 6px; padding-bottom: 6px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;  width: 750px;}
.article-box .n-bottom ul li a{ color: #555; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.article-box .n-bottom ul li a:hover{ color: #ed2836;}
.article-box .n-bottom .break{ display: inline-block; width: 140px; height: 42px; line-height: 42px; color: #fff; text-align: center; font-size: 14px; background: #e83428; float: right; margin-top: 5px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
.article-box .n-bottom .break:before{ content: ''; width: 16px; height: 13px; background: url(../images/icon-break.png) no-repeat center; display: inline-block; vertical-align: middle; vertical-align: middle; margin-right: 10px; margin-top: -2px;}
.article-box .n-bottom .break:hover{ background: #d32f24; }

/* 资讯动态 */
.news-list-box{ padding-bottom: 20px; }
.news-list-box .news-list{ width: 920px; height: 200px; background: #fff; margin-bottom: 30px; padding: 30px; box-sizing:border-box; border: 1px solid #eee;  position: relative; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.news-list-box .news-list .pic-box{  width: 240px; height: 140px; overflow: hidden; background: #e5e5e5; float: left; }
.news-list-box .news-list .pic-box a{ width: 240px; height: 140px; display: block; } 
.news-list-box .news-list .pic-box img{ width: 100%; height: 100%;  }
.news-list-box .news-list .time{ height: 100%; width: 150px; text-align: center; display: inline-block; font-size: 18px; line-height: 18px; color: #999; float: left; }
.news-list-box .news-list .time h3{ font-size: 36px; line-height: 36px; color: #333;padding-top: 40px; margin-bottom: 10px;  }

.news-list-box .news-list .list-right{ float: left; height: 100%;  width: 410px; }
.news-list-box .news-list .list-right a{ font-size: 18px; line-height: 20px; padding-top: 15px; color: #333; font-weight: 400; display: inline-block; margin-bottom: 20px; width: 410px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
.news-list-box .news-list .list-right p{ font-size: 14px; color: #888; line-height: 24px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }

.news-list-box .news-list .more{ font-size: 14px; line-height: 14px; color: #888; text-align: center; display: block; position: absolute; top:50px; right: 30px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}

.news-list-box .news-list:hover{   box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 ); border-color: #fff; border-color: #eee\0; /* ej */  }
/*.news-list-box .news-list:hover{   box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 ); border-color: #fff; }*/
.news-list-box .news-list:hover .time h3,.news-list-box .news-list:hover .time{ color: #e83428;}
.news-list-box .news-list:hover .list-right a{ color: #e83428; font-weight: 600; }
.news-list-box .news-list:hover .list-right p{  color: #555; }
.news-list-box .news-list:hover .more{  color: #e83428; }
.news-list-box .news-list:hover .more:after{  border-color: #fff;}



/* 解决方案 */
.solve-center .left-menu .menu-hd .en{ font-size: 24px; }
.solve-list-box{ padding-bottom: 20px; }
.solve-list-box .solve-list{ width: 920px; height: 210px; background: #fff; margin-bottom: 30px; padding: 15px; box-sizing:border-box; border: 1px solid #eee;  position: relative; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.solve-list-box .solve-list .pic-box{  width: 260px; height: 180px; overflow: hidden; background: #e5e5e5; float: left; margin-right: 30px; }
.solve-list-box .solve-list .pic-box a{ width: 260px; height: 180px; display: block; } 
.solve-list-box .solve-list .pic-box img{ width: 100%; height: 100%;  }

.solve-list-box .solve-list .list-right{ float: left; height: 100%;  width: 590px; position: relative; }
.solve-list-box .solve-list .list-right .title{ font-size: 18px; line-height: 20px; padding-top: 10px; color: #333; font-weight: 400; display: inline-block; margin-bottom: 20px; width: 590px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
.solve-list-box .solve-list .list-right p{ font-size: 14px; color: #666; line-height: 20px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.solve-list-box .solve-list .list-right .more{ width: 100px; height: 30px; display: inline-block; line-height: 30px;text-align: center; border: 1px solid #b1b1b1; font-size: 14px; color: #666; position: absolute; bottom:15px; left: 0;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}

.solve-list-box .solve-list:hover{   box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 );  border-color: #fff;  border-color:#eee\0; /* ej */ }
/*.solve-list-box .solve-list:hover{   box-shadow: 0px 0px 12px 0px rgba( 0, 0, 0,0.08 ); border-color: #fff; }*/
.solve-list-box .solve-list:hover .list-right .title{ color: #e83428; font-weight: 600; }
.solve-list-box .solve-list:hover .more{  color: #fff; background: #e83428; border-color: #e83428;}


/* 解决方案详情 */

.solve-article .article-box{ padding-bottom: 20px; }
.solve-article .col-title{ font-size: 20px;color: #333; margin-bottom: 20px;margin-top: 30px; }
.solve-article .col-title:before{ content: ''; height: 18px; width: 3px; display: inline-block; background: #e83428; vertical-align: middle; margin-top: -3px; margin-right: 6px; } 
.solve-article .col-title:first-of-type{ margin-top: 0; }
.solve-article .p16{ font-size: 16px ; color: #666; line-height: 28px; }




/* 20180908-start */

/* 在线留言 */
.about-mess{  overflow: hidden; background: url(../images/bg-mess.jpg.html) no-repeat top center;}
.about-mess .content-box{ margin: 0 auto; float: none; }
.about-mess .title-box2 h3{ position: relative; padding-bottom: 10px; }
.about-mess .title-box2 h3:after{ content: '';  width: 50px; height: 2px; background: #e83428; position: absolute; left: 50%; margin-left: -25px; bottom: 0; }
.about-mess .mess-list{  width: 440px; height: 50px; line-height: 50px; background: #ffffff; border: 1px solid #ddd; box-sizing:border-box; font-size: 14px; color: #666; padding: 0 20px;  float: left; margin: 0 40px 40px 0;  }
.about-mess .mess-list .tex{ width: 345px; height: 30px; margin-left: 10px; font-size: 14px; color: #333; border: none; background: none; }
.about-mess .mess-list:nth-of-type(2n){ margin-right: 0; }

.about-mess .text-box{ width: 100%; height: 150px; padding: 20px; }
.about-mess .text-box label{ display: block; line-height: 16px; margin-bottom: 10px; }
.about-mess .text-box #mess{ width: 100%; height: 90px; color: #333; font-size: 14px; line-height: 18px; background: none; border: none; outline: none; }
.about-mess .sub-box{ text-align: center; }
.about-mess .sub-box input{  width: 164px; height: 50px; line-height: 50px; border: none; background: #e83428;  color: #fff; font-size: 16px;  }
.about-mess .sub-box input:hover{ background: #cb2e23; }

/* 20180908-end */

.n-article h1{ font-size:24px;}
.n-article h2{ font-size:18px;}
.n-article h3{ font-size:16px;}
.n-article h4{ font-size:14px;}