@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td { margin:0; padding:0; }
body {	font-size: 14px; color: #333; font-family: "Microsoft YaHei"!important; background: #fff; min-width: 1200px; }
table { border-collapse:collapse; border-spacing:0; }
img { border:0;/* display: block; */}
ol,ul {  list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; color: #333;  font-weight:normal;  }
a{ text-decoration: none; color: #666; }
input {	vertical-align: middle;border:none; }
input,button,textarea,select {outline: none; font-family: "Microsoft YaHei"!important;font-size: 14px; }

.wrap {	width: 1200px; margin: 0 auto; overflow: hidden; }
.main { width: 1200px; margin: 0 auto; }
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after { clear: both; display: block; content: '' }
.clearfix { zoom: 1 }
a:hover{text-decoration: none;}
.index_main{width: 1170px;overflow: hidden;margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

#LoadingBar{position:absolute;z-index:100000;width:100%;height:100%;background:url("../images/loading.gif")no-repeat center #fff;}

.mask_f5 .index_main,
.mask_f6 .index_main,
.cus_f5 .index_main,
.ext_f2 .index_main,
.ext_f4 .index_main,
.ext_f5 .index_main,
.story_f3+.index_main,
.story_f5 .index_main,
.ter_f8 .index_main
{width: 1200px;overflow: hidden;margin:0 auto;}
.footer .index_main,.index_footer .index_main{width: 1200px;overflow: hidden;margin:0 auto;}
.mark+.index_main{width: 1200px;overflow: hidden;margin:0 auto;}

.foot_main{width: 1100px;overflow: hidden;margin:0 auto;}

.sous{z-index:124;position: fixed;top:70px;height:48px;line-height:48px; width:100%; overflow: hidden; background: url("../images/sous_bg_06.png") repeat-x;}
.sous-right {position:relative;float: right; margin-top: 10px; margin-right: 90px; width: 30px; height: 30px; border-radius: 15px; overflow: hidden;  }
.sous-right span { display: block; border-radius: 50%; width: 30px; height: 30px; position: absolute; right: 0; top: 0; background: #6f6f6f url(../images/sous_03.png) no-repeat center; cursor: pointer; }
.sous-right .sous-txt {line-height:30px;display: none;float: left;position: absolute;top:0;left:0; width: 220px; height: 30px; background-color: rgba(0,0,0,0.3); border-radius: 15px; text-indent: 10px; font-size: 13px; color: #ccc; }

.sous-right .sous-btn { display: none; position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: #6f6f6f url(../images/sous_03.png) no-repeat center; border-radius: 50%; }
.sous .crumb,.hot{font-size:12px;color:#828282;float:right; margin-right:20px;}
.sous .crumb a,.hot a{color:#828282;}
.sous .crumb a:hover,.hot a:hover{color:#fff;}

.sous .hot{transition: .5s;display: none;}
.sous .hot a{display: inline-block;margin-left:3px;}



.index_nav .sous-right{margin:38px 90px 0 0;}

.nav_center{margin:0 auto;margin-top:-20px;}
@media screen and (max-width: 1580px) {
    .index_nav .sous-right{margin:38px 20px 0 0;}
    .index_nav .sous-right .sous-txt{width: 190px;}
    .sous-right .sous-txt{width: 190px;}
    .nav_right{width: 220px;right:20px;}
}


/*分享*/
.bsFrameDiv div{width: 208px!important;height:208px!important;}
.bsTop{width: 208px!important;}
.bd_weixin_popup .bd_weixin_popup_foot{width: 230px;}
.bd_weixin_popup{height:316px!important;}

/*客服*/
.kf{transition:.8s;-o-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;display:none;z-index:999999;background-color:#fff;position:fixed;bottom:100px;right:30px;width: 62px;height:310px;border-radius:5px;}
.kf span{z-index:1000001;transition:.5s;cursor:pointer;position:relative;display: block;width: 62px;height:62px;border-bottom:1px solid #e3e3e3;}
.kf span:nth-child(1){border-radius:5px 5px 0 0;background: url("../images/kefu_03.png") no-repeat center #fff;}
.kf span:nth-child(1):hover{background: url("../images/kefu1_03.png") no-repeat center #d7000f;}
.kf span:nth-child(2){background: url("../images/kefu1_07.png") no-repeat center #fff;}
.kf span:nth-child(2):hover{background: url("../images/kefu_07.png") no-repeat center #d7000f;}
.kf span:nth-child(3){background: url("../images/kefu_14.png") no-repeat center #fff;}
.kf span:nth-child(3):hover{background: url("../images/kefu1_14.png") no-repeat center #d7000f;}
.kf span:nth-child(4){background: url("../images/w_index_07.png") no-repeat center #fff;}
.kf span:nth-child(4):hover{background: url("../images/w_index_03.png") no-repeat center #d7000f;}
.kf span:nth-child(5){border-radius:0 0 5px 5px ;border:none;background: url("../images/kefu_18.png") no-repeat center #fff; }
.kf span:nth-child(5):hover{background: url("../images/kefu1_18.png") no-repeat center #d7000f;}
.kf span div{display:none;background-color:#fff;border-radius:5px;position: absolute;right:75px;padding:20px;font-size: 14px;color: #d7000f;}
.kf span div input{text-indent:.5em;display: block;margin:15px 0;line-height:28px;color:#696969;font-size:12px;width:140px;border:1px solid #d1d1d1;border-radius:2px;height:28px;}
.kf span div a{transition:.5s;-webkit-transition:.5s;display: block;background:#d7000f;border-radius:2px;color:#fff;line-height:26px;font-size:12px;text-align:center;width:79px;height:26px;}
.kf span div a:hover{background: #b10413;}
.kf span div img{position: absolute;top:27px;right:-9px;}
.kf span div i{display:block;position: absolute;width: 15px;height:200px;right:-15px;top:0;}
.kf span:nth-child(1) div,.kf span:nth-child(3) div,.kf span:nth-child(4) div{text-align:center; font-size: 14px;color: #666;}


.kf span div,.kf{-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);}

.nav_center div,.index_nav_center div,.shou,.zhan{-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}

.shou{z-index:1000000;cursor:pointer;width: 30px;height:40px;bottom:135px;border-radius:5px 0 0 5px;right:62px;background: url("../images/kefq.png") no-repeat center #fff;position: absolute;}

.index_nav_center > li > div > dl .submenu,.nav_center > li > div > dl .submenu{max-height: 0px; line-height: 0px; width: 100%; overflow: hidden; transition: 0.8s all ease; display: block;float: none; margin-top: 0}
.index_nav_center > li > div > dl:hover .submenu,.nav_center > li > div > dl:hover .submenu{ max-height: 420px; }

.index_nav_center > li > div > dl .submenu a,.nav_center > li > div > dl .submenu a{ color:#666 !important; font-weight:normal !important; line-height:25px;}

.index_nav_center > li > div > dl a,.nav_center > li > div > dl a{ color:#000 !important;}





/*滚动条整体*/
body::-webkit-scrollbar{
    width:10px !important;
    /*滚动条宽度*/
}
/*滚动条按钮*/
body::-webkit-scrollbar-button {
}
body::-webkit-scrollbar-track{
    background-color:#f3f3f3;
    /*滑道全部*/
}
body::-webkit-scrollbar-track-piece{
    background-color:#f3f3f3;
    /*滑道*/
    -webkit-border-radius:4px;
    /*滑道圆角宽度*/
}
body::-webkit-scrollbar-thumb{
    background-color:#ddd;
    /*滑动条表面*/
    border:solid 1px #C0C0C0;
    /*滑动条边框*/
    border-radius:4px;
    /*滑动条圆角宽度*/
}
/*横竖滚动条交角*/
body::-webkit-scrollbar-corner {
    background-color: #ddd;
}
/*横竖滚动条交角图案*/
body::-webkit-resizer {
    background-repeat: no-repeat;
    background-position: bottom right;
}
/*鼠标滑过滑动条*/
body::-webkit-scrollbar-thumb:hover{
    background-color:#F3F3E0;
}



/*分隔*/

body #LXB_CONTAINER .lxb-container,body  #newBridge
{
    display:none;
}
.box{width: 1200px;height:100%;top:0;left:0;position: fixed;z-index: 99999999;background-color: #2;opacity: .8;}
.f2_left span:first-child
{
        width: 125px;
}
/*nav1*/
.index_nav{position: fixed;height:150px;top:0;left:0;width: 100%;z-index: 100;}
.index_logo{width:132px;height:147px;position: absolute;top:0;left:0; }
.index_logo a{display: block;}
.index_nav_center{width: 830px;margin:0 auto;font-size: 14px;clear: both;}
.index_nav_center li{z-index:1000;position:relative;float: left;color: #fff;}
.index_nav_center li>a{cursor:pointer;color: #fff;float: left;margin:47px 30px;}
.index_nav_center span{color: #fff;float: left;margin-top:47px;}
.index_nav_right{position: absolute;top:35px;right:80px; }
.index_nav_right input{float: left;}
.index_submit{width:30px;height:30px;color: transparent;}
.nav_txt{background: transparent;}
.index_nav_center div{border:1px solid #e5e5e5;border-radius:5px;z-index:1000;display:none;top:80px;position: absolute;background-color:#fff;color:#666;width: 88px;padding:15px;}
.index_nav_center div a{line-height:25px;color: #333;display: block;}
.index_nav_center div img{position: absolute;top: -8px;  left: 35px;}
.index_nav_center div a:hover{color: #000;}
.index_nav_center  .active>a
{
    color: #e10616;
}
.index_small_nav .logo{left:0;}

/*banner*/
.banner {  position: relative;  background-color: #000; }
.flexslider,.flexslider ul.slides,.flexslider .flex-viewport { height: 100%; }
.banner ul.slides li a.slide { display: block; position:relative; width: 100%; height: 100% !important; }
.banner ul.slides li { position: relative; height: 100%; display: none; }
.banner .flex-prev,.banner .flex-next { display: block; width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -30px; text-indent: 99px; overflow: hidden; font-size: 0; opacity: 0.2; filter: alpha(opacity=20); -webkit-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; z-index: 10; }
.banner:hover .flex-prev ,.banner:hover .flex-next { opacity: 1; filter: alpha(opacity=100); }
.banner .flex-prev { left: 75px; background: url(../images/index_prev_07.png); }
.banner .flex-next { right: 75px; background: url(../images/index_prev_09.png); }
.banner-text { width: 430px; position: absolute; left: 50%; margin-left: -215px; top: 190px; text-align: center; }
.banner-text h2 { font-size: 28px; color: #fff; font-weight: lighter; line-height: 38px; }
.banner-text i { display: block; width: 56px; height: 1px; background-color: #f3f3f3; margin: 20px auto 18px; }
.banner-text p { font-size: 12px; color: #f2f2f2; line-height: 24px; text-transform: uppercase; font-family:Arial;}
.banner-en{font-size: 12px; color: #f2f2f2; line-height: 24px; text-transform: uppercase; font-family:Arial;}


.banner ul.slides li a.slide>b,.banner ul.slides li a.slide>b img { display: block; width: 24px; height: 45px; }
.banner ul.slides li a.slide>b{position: absolute;bottom:20px;left:50%;margin-left:-12px;z-index: 2000;}
@keyframes text1{
    0% { top: 350px; opacity: 0; filter: alpha(opacity=0); }
    100% { top: 190px; opacity: 1; filter: alpha(opacity=100); }
}
@-webkit-keyframes text1{
    0% { top: 350px; opacity: 0; filter: alpha(opacity=0); }
    100% { top: 190px; opacity: 1; filter: alpha(opacity=100); }
}
@-o-keyframes text1{
    0% { top: 350px; opacity: 0; filter: alpha(opacity=0); }
    100% { top: 190px; opacity: 1; filter: alpha(opacity=100); }
}
@-moz-keyframes text1{
    0% { top: 350px; opacity: 0; filter: alpha(opacity=0); }
    100% { top: 190px; opacity: 1; filter: alpha(opacity=100); }
}
.banner-text1 { top: 350px; -webkit-transition: 1.5s; -ms-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s; }
.banner-text1 { animation: text1 1.5s; -webkit-animation: text1 1.5s; -moz-animation: text1 1.5s; -o-animation: text1 1.5s; }
.banner ul.slides li.flex-active-slide .banner-text1 { top: 190px; opacity: 1; filter: alpha(opacity=100); }
@keyframes text2{
    0% { left: 0; opacity: 0; filter: alpha(opacity=0); }
    100% { left: 210px; opacity: 1; filter: alpha(opacity=100); }
}
@-webkit-keyframes text2{
    0% { left: 0; opacity: 0; filter: alpha(opacity=0); }
    100% { left: 210px; opacity: 1; filter: alpha(opacity=100); }
}
@-o-keyframes text2{
    0% { left: 0; opacity: 0; filter: alpha(opacity=0); }
    100% { left: 210px; opacity: 1; filter: alpha(opacity=100); }
}
@-moz-keyframes text2{
    0% { left: 0; opacity: 0; filter: alpha(opacity=0); }
    100% { left: 210px; opacity: 1; filter: alpha(opacity=100); }
}

.banner-text2 { height: 240px; top: 50%; left: 0; margin: -120px 0 0 0; text-align: left; opacity: 0; filter: alpha(opacity=0);
 -webkit-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
 .banner-text2 { animation: text2 1s ease-out; -webkit-animation: text2 1s ease-out; -moz-animation: text2 1s ease-out; -o-animation: text2 1s ease-out; }
.banner ul.slides li.flex-active-slide .banner-text2 { left: 210px; opacity: 1; filter: alpha(opacity=100); }
.banner-text2 h2 { font-size: 25px; line-height: 34px; }
.banner-text2 i { margin: 32px 0 21px; width: 80px; }


.index_weixin{width: 90px;margin:0 auto;}
.index_weixin b{height:145px;margin-bottom:40px;width:117px;float:left;color:#444444;font-size:14px;display: block;text-align: center;font-weight: normal;}
.index_weixin b:first-child{margin-right:13px;}
.index_weixin b img{display: block;margin-bottom:10px;}



.we_more{transition:.5s;float:left;line-height:40px;font-weight:lighter;font-size:14px;border-radius:25px;text-align:center;color:#8c8c8c;width: 172px;left:50%;position:relative;margin-bottom:84px;margin-left:-100px;height:40px;border:1px solid #d2d2d2;}
.we_more:hover{background-color:#d0080a;border-color:#d0080a;color:#fff;}
.yd_title{text-align:center;font-family: 'fzlantinghei-el-gbkregular';font-size: 24px;line-height:24px;color: #fff;}
.yd_title span{font-family: "Microsoft YaHei"!important;display: block;height:55px;margin:5px auto;background: url("../images/xian_bg_03.jpg") no-repeat bottom center;}
.yd_sm{font-size: 14px;line-height:24px;color:#b0b0b0;text-align: center;margin:30px 0 100px 0;}
.yingx{display:none;margin-bottom: 90px;}

.yin_ul .yingx:first-child{display: block;}



/*产品*/
.f1_tit{margin:80px 0 50px 0; text-align: center;font-size: 34px;color: #000; font-weight:bold;}
.f1_tit span{font-size:34px;color:#ccc;display: block;font-family: 'Arial'; font-weight:normal; text-transform:uppercase;}
.f1_ss{margin:0 auto;width:755px;height:95px;position:relative;border:1px solid #dcdcdc;}
.sous2{top:-22px;left:50%;margin-left:-281px;position: absolute;overflow: hidden;}
.sous2 .txt{text-indent:50px;background:url("../images/f1_03.png") no-repeat 17px center #f6f6f6;float:left;width:440px;height:40px;line-height:40px;border:1px solid #d2d2d2;}
.sous2 .sub{transition:.5s;-webkit-transition:.5s;cursor:pointer;float:left;width: 120px;height:42px;color:#fff;background-color: #292929;}
.sous2 .sub:hover{background-color: #000;}
.f1_ss p span{color: #737373;display: inline-block;}
.f1_ss p a{color: #737373;display: inline-block;margin-left:16px;}
.f1_ss p a:hover{color: #333;}
.f1_ss p{width: 650px;margin:0 auto;line-height: 38px;    height: 36px;    overflow: hidden;}
.sous2+p{margin:40px auto 0 auto;}
.index_yingy{display: none;}
.f1_ss p.index_yingy{margin:0 0 0 90px;width: 630px;}
.index_cp a.on{color: #333;}


.f1_bottom{overflow: hidden;margin:39px 0 50px 0;padding:20px 0 0 0;}
.f1_bottom a{transition:.5s;-webkit-transition:.5s;background:url("../images/cp_bg_03.jpg");float: left;position: relative;width:50%;height:372px;}
.f1_bottom a img{float: right;}
.f1_bottom a p{transition:.5s;-webkit-transition:.5s;top:80px;left:60px; position:absolute;}
.f1_bottom a p b{font-size: 14px;color: #9c9c9c; line-height:26px; font-weight:normal;}

.f1_bottom a p em{font-size: 24px;color: #e5e5e5; line-height:26px; font-weight:normal; font-family:Arial;  font-style: normal; text-transform: uppercase;}
.f1_bottom a.on p em{font-size: 24px;color: #3f3f3f; line-height:26px; font-weight:normal; font-family:Arial;  font-style: normal; text-transform: uppercase;}


.f1_bottom a p span{transition:.5s;-webkit-transition:.5s;display: block;font-size: 30px;color: #272b31;margin-bottom:20px;width:180px;}
.f1_bottom a p i{transition:.5s;-webkit-transition:.5s;display: block;background:url("../images/cp_32.png") no-repeat;margin-top:75px;width: 22px;height:8px;}
.f1_bottom a.on{background:url("../images/cp_bg_06.jpg");}
.f1_bottom a:hover p{left:70px;}
.f1_bottom a.on p span{color: #fff;width:172px;}
.f1_bottom a.on p i{background:url("../images/cp_30.png") no-repeat;}
.f1_bottom a.f1_small1{width: 300px;}
.f1_bottom a.f1_small1 img{display:block;}
.f1_bottom a.f1_small1 div{transition:.5s;-webkit-transition:.5s;left:38px;top:40px;position: absolute; font-size: 14px;color: #9c9c9c; line-height:26px; font-weight:normal;}
.f1_bottom a.f1_small1 div span{display:block;margin-bottom:24px;font-size: 30px;color: #272b31; width:212px; margin-top:10px;}

.f1_bottom a.f1_small1 div em{font-size: 24px;color: #3f3f3f; line-height:26px; font-weight:normal; font-family:Arial;  font-style: normal; text-transform: uppercase;}
.f1_bottom a.f1_small1 div b{font-size: 14px;color: #9c9c9c; line-height:26px; font-weight:normal;}


.f1_bottom a.f1_small1+a{background:url("../images/bg_03.jpg");}
.f1_bottom a.f1_small1:hover div{left:45px;}
.f1_bottom a.f1_small1.on span{color: #fff;}




/*产品列表*/
.pro_lis{ width:1224px; margin:0 auto; position:relative; 
}
.pro_dl{ width:384px; height:330px; margin:0 12px 0 12px;}

.pro_yin{ position:absolute; background:url(../images/prob.png); width:352px; height:152px; padding-top:111px; top:16px; left:16px; z-index:999; display:block; text-align:center; color:#fff; line-height:40px; display:none;}

.pro_yin span{ display:block; width:172px; height:38px; margin:0 auto; border:1px #a6a6a6 solid; line-height:40px; font-size:18px; color:#FFF;}
.pro_img{ position:absolute; border:16px #f3f3f3 solid; z-index:9;}
.pro_dl:hover .pro_yin { display:block; cursor:pointer;}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


/*我们*/
.f2{background: url("../images/autimg.jpg") no-repeat top center;}
.f2_tit{color: #d7000f; padding:80px 0 10px 0; margin-top:30px; text-align: center;font-size: 34px; font-weight:bold;}
.f2_tit span{color: #fff; font-size:34px; display: block;font-family: 'Arial'; font-weight:normal; text-transform:uppercase;}
.f2_tit p{ margin:25px auto; font-size: 14px;color: #fff;line-height: 24px; font-weight:normal;}
.f2_top{margin:53px 0 60px 0;overflow: hidden;}
.f2_top span{color:#fff;text-align: center;border-left:1px solid #3c3c3c;float: left;width: 298px;height:140px; padding-top:20px;}
.f2_top span:first-child{border:none;}
.f2_top span img{transition:.5s;-webkit-transition:.5s;display:block;margin:0 auto;}
.f2_top span>b{transition:.5s;-webkit-transition:.5s;color:#d7000f;font-family: 'intro_regular',"Microsoft Yahei";margin:17px 0 2px 0;font-size:30px;display: block;}
.f2_top span>b b{font-size: 14px;}
.f2_top span:hover>b{margin-top: 10px;}
.f2_top span:hover img{margin:7px auto 0 auto;}

.f2_bottom{width:1200px; height:409px; margin:0 auto;background-color:#f5f5f5;overflow: hidden}
.f2_bottom>a{opacity:0; filter:alpha(opacity=0);position:relative; padding:3px 0 3px 3px;background-color:#fff;overflow:hidden;float: left;width: auto;height:auto;}
.f2_bottom>a span{transition:.5s;-webkit-transition:.5s;opacity:0;filter:alpha(opacity=0);position:absolute;font-weight:normal;display: block;width:100%;top:3px;left:3px;height:100%; padding-top: 45%;text-align:center;background-color: #1a1a1a;color: #fff;}
.f2_bottom>a i{transition:.5s;-webkit-transition:.5s;z-index:1000;position:absolute;top:-65px;left:45.5%;border:1px solid #fff;width:34px;height:34px;display: block;background: url("../images/bai_03.png") no-repeat center;}
.f2_bottom>a:hover i{top:47%;}
.f2_bottom>a:hover span{opacity:0.65;filter:alpha(opacity=65);}
.f2_bottom>span{opacity:0;filter:alpha(opacity=0);color:#323546;text-align:center;float: left;width: 264px;height:180px;padding:3px;background-color: #fff;}
.f2_bottom>span b{display: block;font-size: 18px;color: #323546;margin-top:48px;}
.f2_bottom>span i{width:28px;height:2px;background-color:#0f5aa1;margin:15px auto 10px auto;display: block;}
.f2_bottom>span span{font-family: 'Conv_HelveticaLTStd-Light';color: #0f5aa1;display: block;font-size: 26px;}


/*客户*/
.top-part{
	text-align: center;
	padding-top: 1.5%;
	margin-bottom: 1%;
}

.top-part ul{
	font-size: 0;
	width: 100%;
	margin: 0 auto;
	padding-top: 2.1875rem;
	border-top: 1px solid #e6e6e6;
	position: relative;
	top: -1.25rem;
}

.top-part ul li{
	border-right: 1px solid #e6e6e6;
	width: 15.66%;
	display: inline-block;
	vertical-align: top;
}
.top-part ul li:last-child{
	border-right: 0 none;
}
.top-part ul li a{
	display: block;
}
.top-part ul li a img{
	width: 100%;
}


/*相关*/
.f3{overflow: hidden;}
.f3_left{width:55%;overflow: hidden;float: left;}
.f3_a{float:left;display:block;position:relative;width:50%;padding-right:13px;background:#fff;box-sizing:border-box;}
.f3_a .img,.f3_a .img img { display: block; width: 100%; position: relative; }
.f3_a b{transition:.5s;-webkit-transition:.5s;top:50%;opacity:1;filter:alpha(opacity=100);margin-top:-30px;left:50%;margin-left:-30px;display: block;position: absolute;background:url("../images/jia_03.png") no-repeat;width: 60px;height:60px;z-index: 100;}
.f3_a:hover b,.f3_a:hover i{opacity:0;filter:alpha(opacity=0);}
.three{box-sizing:border-box;height:100%;padding: 40px;background-color: #e2e2e2;display:none;z-index:800;position: absolute;top:0;left:-100%; width: 100%;}
.three span{color: #2f2f2f;font-size: 30px;height:48px;display: block;    text-overflow: ellipsis; white-space: nowrap;}
.three p{width:100%;margin:0;font-size: 14px;line-height: 20px; height: 120px; color: #8c8c8c; overflow: hidden;}
.three a{transition:.5s;color:#2f2f2f;width: 115px;margin-top:15px;height:30px;border:1px solid #525252;border-radius:15px;text-align: center;line-height: 30px;font-size: 12px;display: block;}
.three a:hover{background-color: #cc0904;border-color: #cc0904;color: #fff;}
.three img{position: absolute;right:-19px; top: 42%;}


.f3_a1,.f3_a2{margin-bottom: 13px;}

.f3_a1 .three,.f3_a3 .three{left:auto;right:-100%;width: 100%; margin-right: 13px;}
.f3_a1 .three img,.f3_a3 .three img{right:auto;left:-19px;transform:rotate(180deg);}




.f3_right{width: 45%;float: left;}
.f3_right_top{overflow: hidden;}
.f3_sm{transition: .5s;
    -webkit-transition: .5s;
    width: 100%;
    height: 130px;
    font-size: 14px;
    color: #bcbcbc;
    position: absolute;
    bottom: -140px;
    background: url("../images/shou_bg_03.png");
    padding: 25px 35px 35px 35px;
    box-sizing: border-box;}
.f3_sm a{font-size: 18px;color: #fff;display: block;}
.f3_sm p {    font-size: 14px;
    color: #bcbcbc;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    margin-top: 8px;}
.see_left{float: left;width: 66%;position: relative;}
.see_left>a img{display: block;width: 100%;height:auto;}
.see_left:hover .f3_sm,.f3_right_bottom:hover  .f3_sm{bottom:0;}

.see{float: left;width: 24%;background-color: #cc0904;padding:13% 5%;}
.see>span{transition:.5s;-webkit-transition:.5s;font-size:30px;display: block;width:170px;height:107px;background: url("../images/1.png") no-repeat center bottom;color: #fff;text-align: center;}
.see:hover>span{text-indent:20px;background: url("../images/1.png") no-repeat right bottom;}

.f3_right_bottom{position:relative;height:auto;padding-top:6px;box-sizing:border-box;}
.f3_right_bottom img {display: block;width: 100%;height:auto;}

  

/*f4*/
.f4{position:relative;background-color: #fff;margin-top:40px;}
.yx{margin-bottom:30px;overflow:hidden; position:relative; }
.zx{ border-bottom:1px solid #dfdfdf;overflow:hidden;width: 100%;text-align: center; margin: 0 auto 60px; padding-bottom:40px;}
.zx li{position:relative;cursor:pointer;transition:.8s;text-align:center;display: inline-block;width: 125px;height:35px;border-radius:18px;font-size: 16px;line-height: 35px;color: #646464;}
.zx li:hover,.zx li.on{background-color: #d7000f;color: #fff;font-size: 16px;}
.zx li span{display: block;width: 100%;height:100%;position: absolute;top:0;left:0;}

.yx_left{text-align:center;transition:.8s;-webkit-transition:.8s;color: #8b8b8b;font-weight:lighter;font-size: 26px;float: left;width: 185px;border-right:1px solid #c9c9c9;}
.yx_left span{display:block;transition:.8s;-webkit-transition:.8s;color:#545454;font-size:60px;line-height: 48px;}
.yx_right a{transition:.8s;-webkit-transition:.8s;font-size: 18px;display: block;color: #545454;height:40px;}
.yx_right {    transition: .8s;
    -webkit-transition: .8s;
    width: 939px;
    float: left;
    margin: 5px 0 0 20px;
    font-size: 14px;
    line-height: 22px;
    color: #989898;
    height: 82px;
    overflow: hidden;}
.yx_gd{ overflow:hidden; zoom:1;margin-top:40px;}
.yx_gd li{float: left;margin-right:20px; _display:inline;overflow:hidden; }
.yx_content{margin-bottom:85px;height:80px;width: 100%;/*overflow:hidden;*/}
.yx_content:hover .yx_left{color:#d7000f;border-color: #d7000f;}
.yx_content:hover .yx_left span{color:#d7000f;}
.yx_content:hover .yx_right a{color:#d7000f;}
.yx_content:hover .yx_right{margin-left:15px;}
.f4_bg{transition:.5s;-webkit-transition:.5s;opacity:0;filter:alpha(opacity=0);display: block;position: absolute;width: 100%;top:250px;left:0;height:160px;background-color: #f9f9f9;}
/*f5*/
.f5{overflow: hidden;background-color: #d7000f;}
.f5_left{  box-sizing: border-box;float: left;background-color: #d7000f;color: #fff;}
.f5_right{  box-sizing: border-box;float: left;background: url("../images/index_line_18.jpg") no-repeat center;}
/*.f5_right div{ width: 94%;height:94%;margin:3%;overflow: hidden;}*/
/*.f5_right div img{display: block;width: 100%;/!*height:100%;*!/}*/
.f5_top{margin:10% 0 0 10%;font-weight:lighter;font-size: 30px;font-family: 'fzlantinghei-el-gbkregular';}
.f5_top span{display: block;font-family: "Microsoft YaHei";}
.f5_top b{display: block;font-weight:lighter;font-size: 46px;}
.f5_top i{ margin:10% 0;display: block;  width: 157px;height:1px;background-color: #fff;}
.fx{margin:7% 0 10% 10%;}
.fx a{width: 30px!important;height:30px!important;padding:0!important;margin:0 5px 0 0!important;}
.fx .bshare-sinaminiblog{background: url("../images/fx_20.png") no-repeat center!important; }
.fx .bshare-renren{background: url("../images/fx_22.png") no-repeat center!important; }
.fx .bshare-weixin{background: url("../images/fx_24.png") no-repeat center!important; }
.fx .bshare-qqim{background: url("../images/fx_27.png") no-repeat center!important; }
.index_call{margin: 0 0 11.2% 10%;}



@media (min-width: 1180px) {
    .f5_top{font-size: 25px;}
    .f5_top b{font-size: 20px;}
    .index_nav_right{right:-65px;}
    /*.three{  padding: 11% 0 7% 8%;}*/
    .three a{margin-top:20px;}

    .three span{font-size:17px;height:36px;}
    .hex li.mid_li{width:288px;}
    .yx_right { margin: 5px 0 0 15px;}
    .index_main{width: 1170px;}
    .f5{width:100%;}
    .f3{width:100%;}
    .f2{width:100%;}
    .f4{width:100%;}
    .index_footer{width:100%;}
    .index_call{margin: 0 0 11.2% 10%;font-size: 12px;}
}
@media (min-width: 1280px)and (max-width:1364px){
    .see{padding:12.75% 5%;}
    /*.three{padding:10.2% 0 7% 8%;}*/
    .f5_top{font-size: 25px;}
    .f5_top b{font-size: 20px;}
    .f5_top{font-size: 25px;}
    .f5_top b{font-size: 20px;}
    .index_nav_right{right:-65px;}
    /*.three{  padding: 11% 0 7% 8%;}*/
    .three a{margin-top:25px;}
    .three span{font-size:30px;height:47px;}
    .hex li.mid_li{width:288px;}
    .yx_right { margin: 5px 0 0 15px;}
    .index_main{width: 1170px;}
    .f5{width:100%;}
    .f3{width:100%;}
    .f2{width:100%;}
    .f4{width:100%;}
    .index_footer{width:100%;}
    .hex_li2 b{text-indent: .5em;}
    .index_call{margin: 0 0 11.2% 10%;font-size: 12px;}

}
@media (min-width: 1400px)and (max-width:1500px){
    .see{padding:12.75% 5%;}
    /*.three{padding:10.2% 0 7% 8%;}*/
    .f5_top{font-size: 30px;}
    .f5_top b{font-size: 35px;}
    .index_nav_right{right:80px;}
    /*.three{  padding: 11% 0 7% 2%;}*/
    .hex li.mid_li{width:309px;}
    .three a{margin-top:53px;}
    .three span{font-size:30px;height:55px;}
    .yx_right { margin: 5px 0 0 20px;}
    .index_main{width: 1200px;}
    .f5{width:100%;}
    .f3{width:100%;}
    .f2{width:100%;}
    .f4{width:100%;}
    .index_footer{width:100%;}
    .index_call{margin: 0 0 11.2% 10%;font-size: 14px;}
}
@media (min-width: 1500px){
    .see{padding:12.75% 5%;}
    /*.three{padding:10.2% 0 7% 8%;}*/
    .f5_top{font-size: 30px;}
    .f5_top b{font-size: 41px;}
    .index_nav_right{right:80px;}
    .hex li.mid_li{width:309px;}
    .three a{margin-top:53px;}
    .three span{font-size:30px;height:55px;}
    .yx_right { margin: 5px 0 0 20px;}
    .index_main{width: 1200px;}
    .f5{width:100%;}
    .f3{width:100%;}
    .f2{width:100%;}
    .f4{width:100%;}
    .index_footer{width:100%;}
    .index_call{margin: 0 0 11.2% 10%;font-size: 14px;}
}
@media (min-width: 1600px){
    .see{padding:13% 5%;}
    /*.three{padding:11% 0 7% 8%;}*/
    .f5_top{font-size: 30px;}
    .f5_top b{font-size: 45px;}
    .index_nav_right{right:80px;}
    .hex li.mid_li{width:309px;}
    .three a{margin-top:53px;}
    .three span{font-size:30px;height:55px;}
    .yx_right { margin: 5px 0 0 20px;}
    .index_main{width: 1200px;}
    .f5{width:100%;}
    .f3{width:100%;}
    .f2{width:100%;}
    .f4{width:100%;}
    .index_footer{width:100%;}
    .index_call{margin: 0 0 11.2% 10%;font-size: 14px;}
}
@media (min-width: 1700px){
    .see{padding:14% 5%;}
    /*.three{padding:13% 0 7% 8%;}*/
    .f5_top{font-size: 30px;}
    .f5_top b{font-size: 46px;}
    .index_nav_right{right:80px;}
    .hex li.mid_li{width:309px;}
    .three a{margin-top:53px;}
    .three span{font-size:30px;height:55px;}
    .yx_right { margin: 5px 0 0 20px;}
    .index_main{width: 1200px;}
    .f5{width:100%;}
    .f3{width:100%;}
    .f2{width:100%;}
    .f4{width:100%;}
    .index_footer{width:100%;}
    .index_call{margin: 0 0 11.2% 10%;font-size: 14px;}
}


/*联系*/

.cont{ width:100%; height:668px; background:url(../images/cont.jpg) no-repeat center;}
.cont .main{ position:relative;}
.cont_txt{position:absolute; top:123px;}
.cont_txt:hover{ color:#d7000f !important;}
.cont_txt_t{ display:block; background:url(../images/cont_txt_t.png) no-repeat center; width:135px; height:28px; overflow:hidden; font-size:25px; color:#FFF; padding-left:108px; line-height:30px; padding-top:93px;}
.cont_1{ height:35px; display:block; line-height:35px; font-size:18px; color:#FFF; background:url(../images/cont_1.png) no-repeat left center; text-indent:53px; margin-top:33px;}
.cont_2{ height:35px; display:block; line-height:35px; font-size:18px; color:#FFF; background:url(../images/cont_2.png) no-repeat left center; text-indent:53px; margin-top:15px;}
.cont_3{ height:35px; display:block; line-height:35px; font-size:18px; color:#FFF; background:url(../images/cont_3.png) no-repeat left center; text-indent:53px; margin-top:15px;}
.cont_4{ height:35px; display:block; line-height:35px; font-size:18px; color:#FFF; background:url(../images/cont_4.png) no-repeat left center; text-indent:53px; margin-top:15px;}
.cont_5{ height:35px; display:block; line-height:35px; font-size:18px; color:#FFF; background:url(../images/cont_5.png) no-repeat left center; text-indent:53px; margin-top:15px;}

.cont_2:hover{ color:#d7000f; background:url(../images/cont_2_h.png) no-repeat left center;}
.cont_3:hover{ color:#d7000f; background:url(../images/cont_3_h.png) no-repeat left center;}
.cont_4:hover{ color:#d7000f; background:url(../images/cont_4_h.png) no-repeat left center;}
.cont_5:hover{ color:#d7000f; background:url(../images/cont_5_h.png) no-repeat left center;}

@-webkit-keyframes test{
0%{transform:translate(0,0)}
50%{transform:translate(5px,0)}
100%{transform:translate(0,0)}
}
.cont_2:hover, .cont_3:hover, .cont_4:hover, .cont_5:hover{ -webkit-animation:test 0.3s ease-in 2;}


.cont_job{ width:377px; padding-left:66px; height:491px; position:absolute; background:url(../images/job_b.png) no-repeat center; left:757px; top:257px;}

.job_t{ display:block; font-size:25px; color:#FFF; height:80px; padding-top:155px; overflow:hidden; line-height:30px;}

.job_f{ display:block; font-size:18px; color:#c1c1c1; height:75px; overflow:hidden; line-height:26px;}
.job_f a{ font-size:18px; color:#d7000f; line-height:26px;}

.job_d{ width:267px; height:54px; line-height:54px; color:#000; font-size:18px; background:#d7000f; border-radius:25px; text-align:center;}
.job_d a{ display:block; width:267px; height:54px; line-height:54px; color:#000; font-size:18px; background:#d7000f; border-radius:25px; text-align:center;}
.job_d a:hover{ display:block; width:267px; height:54px; line-height:54px; color:#000; font-size:18px; background:#fff; border-radius:25px; text-align:center;}
.job_mall{ display:block; padding-top:56px;}
.job_mall a{ font-size:18px; color:#c1c1c1; line-height:20px;}
.job_mall a strong{ font-size:18px; color:#fff; font-weight:bold;}


/*版权*/
.footer{ width:100%; height:311px; padding-top:27px; background:url(../images/foo.jpg) no-repeat center;}

.foo_z{ width:340px;}

.foo_z a.foo_logo{ width:275px; height:101px; display:block;}
.foo_z a.foo_ewm{ width:274px; height:148px; display:block;}


.foo_nav{ width:820px;position: relative;margin-right: 30px;}
.foo_nav dl{ margin-right:25px; display:block; float:left; width:230px;}
.foo_nav dl a:hover{ color:#d7000f;}

.foo_nav:after{
    content: " ";
    margin-right: 0px;
    width: 1px ;height: 90%;
    background: #e4e0e0;
    position: absolute;right: 10px;top: 5%;
}

.foo_nav dl dt{ padding-bottom:10px;}
.foo_nav dl dt a{ color:#333; font-size:18px; line-height:44px;}
.foo_nav dl dt a span{ color:#333; font-size:18px; line-height:44px; font-family:"Arial";}

.foo_nav dl dd a{ color:#999; font-size:16px; line-height:32px;}
.foo_nav dl dd a span{ color:#999; font-size:16px; line-height:32px; font-family:"Arial";}


.food{ width:100%; height:80px; border-top:4px #d7000f solid; line-height:35px; text-align:center;}



 .banner{
        height: 500px!important
      }
      .banner a{
        display: block;
      }
	  
	  
.nav_sanji{position: relative;}
.nav_sanji div{visibility: hidden;position: absolute;left: 168px;top: 0px;}
.nav_sanji div a{background: #fff !important; border-top: none !important; color:#000 !important;width: 160px !important;}
.menu li .erj a:hover{color: #fff !important;background: #BB1C18 !important;}