@charset "gb2312";
*{word-break:break-all;margin:0;padding:0;}
body {behavior:url("csshover3.htc");} 
body{font-size:16px;color:#2b2b2b; font-family:"微软雅黑","microsoft Yahei","Courier New",Courier,monospace;padding:0px;margin:0px auto;
line-height:30px; background-color:#FFF; overflow-x: hidden; width:100%;}
a{ color:#000; text-decoration:none;}
a:hover{color:#005ca7;text-decoration:none}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.lan{ color:#1372f4;}
.clear,.c{ clear:both;}
.mcon tr:hover{color:#253139;}
/*.about{ float:right; margin-left:20px;}*/
.px12{ color:#333333;}
.cptit{ height:30px; overflow:hidden; background-color:#eeeeee;}
.nycptu{ float:left;margin-right:5%;}
.imgZoom,.imgfanzhuan { overflow:hidden; }
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s;
 -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); 
    -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgfanzhuan img{ -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.imgfanzhuan:hover img{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}

.relink p:first-child { float:left; text-align:left; }
.relink {padding:0 10px;height:40px;line-height:40px;/*margin:0 20px 20px 20px;*/}
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p a:hover{color: #e3232f;}

table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}
.gy p{ margin-bottom:10px; line-height:32px;}

.blank{ clear:both; height:20px;}
img{max-width:100%; border:0; height:auto;}
.input,.textarea{border-top:ridge 1px #ccc;border-right:inset 1px #D8D8D8;border-bottom:inset 1px #D8D8D8;
    border-left:ridge 1px #ccc;font-size:14px;color:#666;padding-top:5px;padding-right:5px;padding-bottom:4px;
    padding-left:5px;background-color:#fff}


.scroll{
  width: 25px;
    height: 30px;
    border-radius: 5px;
    background: url(../images/sctop2.png) no-repeat center 4px;
    font-size: 12px;
    background-size: 20px;
    float: right;
    margin-right: 285px;
    margin-top: -27px;
}
.scroll span { display:block; margin-top:40px;}

.dingzhi p{font-size: 16px;line-height: 30px;}


/*手机导航*/
 #head{display: none;}
.sp_header{height:50px;overflow:hidden;position:fixed;right:10px; top:5px;z-index:10;width: 100%;display: none;}
.sp_logo{/*padding:10px;*/float:left;height:50px;padding-left: 15px;    width: 75%;}
.sp_logo img{margin:auto;max-height:60px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#201611;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:#eee;width:100%;font-size:14px;line-height:40px;top:-100%;left:0;
  overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:64px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}





/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1;     width: 1200px;
    margin: 0 auto;}

.container{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;padding: 0;
}
.wrap {
    width: 1300px;
    margin: 0 auto;    overflow: hidden;
}
.backs{text-align: center;    padding-bottom: 20px;margin-top: 20px;}
.backs a{color: #428bca;}



.box12{width: 1200px;margin: 0 auto;overflow: hidden;background: #f4f4f4;padding: 30px 0 60px 0;}
.box12 ul li{width: 33.333%;float: left;text-align: center;}
.box12 ul{overflow: hidden;}
.box12 ul li img{border-radius: 100%;
    border-color: #ffffff;
    background-color: #70bf80;
    padding: 40px;}
.box12 ul li{font-size: 16px;font-weight: bold;color: #333;}
.box12 ul li p{padding-top: 5px;    font-weight: 100;}
.box12 h3{
      font-size: 22px;
    color: #333;
    text-align: center;    font-weight: 100;
}
.box12 h5{color: #333;text-align: center;    font-weight: 100;padding: 15px 0;}

.box11{width: 1200px;margin: 0 auto;}
.box11 h2{
    margin: 35px 0;
    color: #333;
    text-align: center;
        font-size: 36px;
    font-weight: bold;
}

/*头部*/
#header{border-bottom: 1px solid #b3b3b3;line-height: 45px;}
#well{width: 1200px;margin: 0 auto;overflow: hidden;}
.welcome{float: right;}
.welcome p{float: left;color: #000;line-height: 30px;}
.welcome ul{color: #000;/*margin-right: 44px;background: #eeeeee; */   width: 310px;}
.welcome ul li a{color: #000;padding: 0 10px;line-height: 30px;    font-size: 12px;}
.welcome ul li a img{width: 30px;height: 15px;padding-right: 5px;}
.top_bg{ background:url(../images/top_bg.gif) repeat-x; height:191px;position: relative;z-index: 20;}
.h_con{ /*height:136px; position: relative;*/overflow:hidden;    width: 950px;margin: 0 auto;}
.h_con .h1{ float:left;width: 180px;margin-top: 10px;/*width: 270px;padding: 0 0 0 40px;*/}
.h_con .h1 img{ width: 180px;}
.h_con .h_dw{
    float: left;
    padding: 30px 0 20px 80px;
    background: url(../images/t_line.gif) no-repeat 0 40px;
    font-size: 26px;
    color: #4a4444;
    font-weight: bold;
}
.h_dw span{  display:block; font-size:16px; color:#666;font-weight: normal; padding:10px 0 0;font-weight: bold;}
.h_con .tel{ float:right; padding:3px 0 0;width: 388px;}
.tel span{display: block;width: 250px;height: 32px;line-height: 32px;text-align: center;background: #eee;}
.tel span a{ padding:0 15px;font-size: 12px;color: #333;}
.tel em{display: block;
    background: url(../images/tel.png) no-repeat -1px 28px;
    padding: 30px 0 0 25px;
    font-size: 16px;
    color: #666;
    background-size: 25px;
    text-align: left;}
.tel b{ display: block;
    font-size: 30px;
    color: #e2893b;
    margin-left: -20px;}
.nav{ height: 55px;line-height: 55px;width: 530px;float: left;    /*padding-left: 22px;*/}
.nav ul{  width: 1200px;margin: 0 auto;}
.nav li{ float:left; background:url(../images/nav_bor.gif) no-repeat right 20px;margin-top: 10px;/*position: relative;*/}
.nav li a{ font-size:14px; /*padding:0 31px;display:block; */float:left;/*font-weight: bold;color: #fff;*/position: relative;
font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons",
"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;    line-height: 35px;   }
.nav li:nth-child(1) a:hover,.nav li:nth-child(2) a:hover,.nav li:nth-child(3) a:hover,
.nav li:nth-child(4) a:hover,.nav li:nth-child(5) a:hover{color: #ffffff;background: #000;border-radius: 15px;}
.m{width: 110px;}
.m a{width: 110px;text-align: center;}
/*.m a:hover{color: #ffffff;background: #000;border-radius: 15px;width: 110px;}*/
.nav ul li #xiala { position:absolute; display:none;width: 150px;top: 43px;z-index: 100;
    background: #000;padding: 3px 0;border-radius: 6px;-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    box-shadow: 0 0 10px rgb(0 0 0);}
/*.nav ul li #xiala:before{
  content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}*/
.nav ul li #xiala li{ /*float:none;overflow: hidden;height: 50px;border-bottom: 1px solid #fff;*/ 
    width: 150px;height: 50px; background: #000;line-height: 50px;margin-top: 0;}
.nav ul li #xiala li:nth-child(1){margin-top: 10px;}
.nav ul li:nth-child(1) #xiala,.nav ul li:nth-child(1) #xiala li{width: 110px;}
.nav ul li:nth-child(1) #xiala li a{width: 100px;}
.nav ul li:nth-child(1) #xiala{margin-left: 0;}
.nav ul li:nth-child(2) #xiala,.nav ul li:nth-child(2) #xiala li{width: 130px;}
.nav ul li:nth-child(2) #xiala li a{width: 120px;}
.nav ul li:nth-child(2) #xiala{margin-left: -9px;}
.nav ul li:nth-child(3) #xiala,.nav ul li:nth-child(3) #xiala li{width: 140px;}
.nav ul li:nth-child(3) #xiala li a{width: 130px;}
.nav ul li:nth-child(3) #xiala{margin-left: -16px;}
.nav ul li:nth-child(4) #xiala,.nav ul li:nth-child(4) #xiala li{width: 100px;}
.nav ul li:nth-child(4) #xiala li a{width: 90px;}
.nav ul li:nth-child(4) #xiala{margin-left: 6px;}
.nav ul li:nth-child(5) #xiala,.nav ul li:nth-child(5) #xiala li{width: 150px;}
.nav ul li:nth-child(5) #xiala li a{width: 140px;}
.nav ul li:nth-child(5) #xiala{margin-left: -20px;}

.nav ul li:nth-child(8) #xiala,.nav ul li:nth-child(8) #xiala li{width: 150px;background: none;top: 42px;margin-left: -27px;    
    -webkit-box-shadow: none;}
.nav ul li:nth-child(9) #xiala,.nav ul li:nth-child(9) #xiala li{width: 150px;/*background: none;top: 42px;margin-left: -27px;*/
    -webkit-box-shadow: none;}


.myDiv{
  width: 124px;
    border-bottom: 1px dotted #fff;
    height: 50px; 
    line-height: 50px;
}
.myDiv span img{padding-left: 3px;}
.myDiv{
      border-right: none;
    /*background: #ff5b00;
    padding: 0 40px;*/
    font-size: 12px;
    z-index: 100;
    font-weight: bold;
    color: #fff;
/*        background: #ff5b00 url(../images/xia.png) no-repeat 175px 19px;*/
    background: #a3a4a5 url(../images/xia.png) no-repeat 175px 19px;
}
.nav ul li #xiala li a { border-right:none;  /*border-bottom: 1px solid #fff;background:#ff5b00; 
    background: #a3a4a5;padding: 0 40px;*/
    font-size: 14px;z-index: 100;}
.nav ul li #xiala li a:hover{background-color: #165ca2;}
.nav ul li #xiala li a:after{display: none;}
.nav ul li:hover #xiala{ display:block; }
/*.nav ul li a img{
        width: 13px;
    margin-top: -3px;
    margin-left: 5px;
}*/
.nav ul li #xiala li a {
    border-right: none;
    font-size: 14px;
    z-index: 100;color: #fff;padding: 0 5px;    float: none;border-radius: inherit;
    /*border-bottom: 1px solid #fff;width: 140px;*/    display: block;
    
}
.nav ul li #xiala ul{display: none;width: 124px;}
.nav ul li #xiala ul li{
  float: none;
    line-height: 25px;
    border: none;
    height: 26px;}

.nav ul li #xiala li a .hover-image {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    background: #000;
    width: 300px;
    height: 300px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.nav ul li #xiala li a:hover>.hover-image{display:-webkit-box;display:-ms-flexbox;display:flex}
.nav ul li #xiala li a .hover-image img{width: 100%;}

/*.nav li a:after{
  content: "";
    width: 1px;
    height: 15px;
    background: #a4a4a4;
    position: absolute;
    top: 29%;
    left: -3px;
}*/
.nav li:nth-child(7) a:after,.nav li:nth-child(8) a:after,.nav li:nth-child(9) a:after,.nav li:nth-child(10) a:after{display: none;}
.nav li:nth-child(7),.nav li:nth-child(8),.nav li:nth-child(9),.nav li:nth-child(10){margin-top:17px;}
.nav li:nth-child(8){margin-right: 10px;}
.nav li:nth-child(7) a,.nav li:nth-child(8) a ,.nav li:nth-child(9) a,.nav li:nth-child(10) a{padding: 0 5px;}
/*.nav li:nth-child(6){margin-right: 37px;margin-left: 19px;}
.nav li:nth-child(6) a{font-size: 16px;font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons", 
"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;    color: #444;}*/
.nav li:nth-child(1) a:after{width: 0;}
.header{background: #fff;position: relative;/*padding-top: 15px;margin-bottom: 20px;*/}
.nav .nobor{ background:none;}
.h_con .h1 span{font-size:14px; display:block; margin-bottom:6px;    margin-left: -20px;}
.nav li:nth-child(9) #xiala li a:hover,.nav li:nth-child(10) #xiala li a:hover{background: #fff;}
.nav li:nth-child(9) #xiala li,.nav li:nth-child(10) #xiala li{box-shadow:none;background: #fff;height: auto;}
.nav li:nth-child(10) #xiala{background: #fff;}
.nav li:nth-child(9) #xiala{background: #fff;}
.version{
    /*position: absolute;
    right: 160px;
    top: 5px;*/
    width: 160px;
    float: left;
    margin-top: 18px;
}
.version li a{}
.version a img{width: 24px;/*height: 20px;*/}
.version a:nth-child(3) img{width: 20px;/*height: 20px;*/}
.version a:nth-child(3){margin-left: 20px;}

.version li{position: relative;}
.version li #xia { position:absolute; display:none;width: 150px;top: 20px;z-index: 100;
    background: #fff;padding: 3px 0;border-radius: 6px;}
.version li #xia:before{
  content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.version li{float: left;margin-left: 10px;}
.version li img{width: 20px;}
.version li #xia img{width: 150px; background: #fff;line-height: 50px;margin-top: 0;}
.version li:hover #xia{ display:block; }
.version li #xia p{background: url(../images/e1.jpg) no-repeat;}


.ewms p{width: 50%;float: left;text-align: center;}
.ewms{overflow: hidden;padding:50px 0;}
/*小导航*/
.mianbxContent { margin-bottom: 15px !important; height: 50px !important; line-height: 50px !important;
 font-size: 16px !important; text-align: left !important; background-color: #ddd; width: 830px !important; 
 text-indent: 2.5em; transition:0.1s all; background:url(../images/20180614170854_282765348.png) no-repeat 7px 12px;
  border-bottom: 1px solid #ddd; letter-spacing: 1px; position: relative; border-top:1px solid #3179ba;}
.mianbxContent a{ font-size:16px !important; }
.mianbxContent:hover{ background: url(../images/20180614170854_282765348.png) no-repeat 7px -29px; }
.strong_title { display: none; }
.centerHeadImage { border: 0; display: none; }
.mianbxContent a:hover{ color:#3179ba}
.mianbxContent::after { content: ''; position: absolute; display: block; height: 40px; width: 200px; top: 0; right: 0; }

.totalwidth {width:1200px; margin:0 auto; height:auto;}
.totalwidthpercent {width:100%; margin:0 auto;} 



/*product*/
.product { overflow:hidden; width:100%; padding:50px 0; background-color:#000;}
.product .mprots h3{color: #fff;}
.product .pbox{ overflow:hidden; margin-top:35px;}
.product .proLeft{ overflow:hidden; float:left; width:240px; background-color:#fff; padding-bottom:25px;}
.product h3{ width:100%; height:78px; background:url(../images/pro_h.jpg) no-repeat center; font-weight:normal;
 font-size:26px; line-height:78px; text-align:center}
.product h3 a{ color:#fff;}
.product dl{ overflow:hidden; width:214px; margin:0 auto; margin-top:20px;}
.product dt{ overflow:hidden; width:100%; height:45px; font-size:16px; background:url(../images/pro_m.png) no-repeat 175px center;
 background-color:#e8e8e8; line-height:45px;}
.product dt a{ display:block; color:#000; padding-left:15px;}
.product dd{ overflow:hidden; width:180px; padding-left:34px;}
.product dd a{ display:block; padding-left:10px; background:url(../images/pro_list.png) no-repeat left center;
 font-size:13px; color:#333; line-height:36px;}
.product .proRight{ overflow:hidden; float:right; /*width:960px;*/ margin-right:-20px;}
.product .list{ overflow:hidden; width:285px; margin-right:20px; /*height:300px;*/ background-color:#fff; float:left; margin-bottom:28px;
    position: relative;
    overflow: hidden;
                }
.product .list img{
    display: block;
/*    transition: all 1s ease-out;
    transform: scale(1);*/
    width: 99%;border: 1px solid #d8d8d8;
    /*height: 260px;*/
    }
.product .list a p{color: #000;text-align: center;padding-top: 30px;/*padding-bottom: 20px; */   font-weight: bold;
font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro",
"SF Pro Icons", "PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
/*.product .list:hover{box-shadow: 0px 0px 2px 3px #efefef;}
.product .list:hover img{transform: scale(1.2);}*/
.title em {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    margin: 10px 0;
    font-family: Arial;
}


.product_show .list{ overflow:hidden; width:277px; margin-right:20px; /*height:300px;*/ background-color:#fff; 
  float:left; margin-bottom:28px;position: relative;overflow: hidden;
}
.product_show .list img{
    display: block;
/*    transition: all 1s ease-out;
    transform: scale(1);*/
    width: 99%;border: 1px solid #d8d8d8;
    /*height: 260px;*/
    }
.product_show .list a p{color: #000;text-align: center;padding-top: 30px;/*padding-bottom: 20px; */   font-weight: bold;
font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro",
"SF Pro Icons", "PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
/*.product_show .list:hover{box-shadow: 0px 0px 2px 3px #efefef;}
.product_show .list:hover img{transform: scale(1.2);}*/


.menu-level-1:after {
  display: none;
}

.menu-level-1 {
  *zoom: 1;
}
.menu-level-1:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.menu-level-1 > li {
  float: left;
  margin: 0 15px;
  position: relative;
}
.menu-level-1 > li > a {
  display: block;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  padding: 10px;
  color: #333333;
}
.menu-level-1 > li > a:hover {
  text-decoration: none;
  color: #bd2e30;
}
.menu-level-1 > li:hover .menu-level-2 {
  display: block;
}
.menu-level-2 {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
}
.menu-level-2 > li {
  width: 100%;
  position: relative;
}
.menu-level-2 > li > a {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 20px 10px;
  background-color: #ffffff;
}
.menu-level-2 > li > a:hover {
  background-color: #bd2e30;
  color: #ffffff;
  text-decoration: none;
}
.menu-level-2 > li:hover .menu-level-3 {
  display: block;
}
.menu-level-3 {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 101;
}
.menu-level-3 > li {
  width: 100%;
}
.menu-level-3 > li > a {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  padding: 20px 10px;
  display: block;
  background-color: #ffffff;
}
.menu-level-3 > li > a:hover {
  background-color: #bd2e30;
  text-decoration: none;
  color: #ffffff;
}

.ss {
    width: 100%;
    height: 60px;
 line-height:60px;    overflow: hidden;    margin-top: 20px;
}
.search {

}
.tags { float:left; font-size:16px;}
.tags b{ margin-right:10px; color:#253139;}
.tags span{ font-size:27px; color:#e51f1b;}
.ssr {
    float:right;
    text-align: right;
    height: 50px;
}
.postbox {
    width: 300px;
    height: 40px;
    margin-top: 10px;
    padding-left: 30px;
    border:1px #cfcfcf solid;
    background-color:#fff;
    border-radius:30px;
}
.postbox .input {
    border: 0;
    height: 40px;
    line-height: 40px;
    float: left;
    width: 200px;
    padding: 0px 5px;
    background: none;
}
.postbox .btn {
    height: 40px;
    float: right;
    width: 82px;    
    float: right;
    border: none;
    font-size:18px; color:#fff;
    border-radius:30px;
    background:url(../images/btn.png) no-repeat center center;
}
.sjlb{ display:none;}
.m1{ background:url(../images/m1bg.jpg) no-repeat center center; height:672px;margin-bottom:80px; }
.picBtnTop{ width:100%; height:672px; position:relative;  overflow:hidden;  zoom:1;   }
    .picBtnTop .hd{ width:390px;  height:672px; float:left; overflow:hidden; background:url(../images/m11.jpg) repeat-y left center;}
    .picBtnTop .hd ul { padding-top:34px;padding-left:20px;  }
    .picBtnTop .hd ul li{ width:280px; height:92px; background:url(../images/m11.png) no-repeat 0 0;-moz-transition:all .3s ease 0s;
     -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; transition:all .3s ease 0s;
      margin-bottom:10px; line-height:92px; font-size:24px;}
    .picBtnTop .hd ul li img{ float:left; margin-right:20px;    width: 88px;
    height: 88px;}
    .picBtnTop .hd ul li.on{width:380px; z-index:999;}
    .picBtnTop .hd ul li.on img{ }
    
    .picBtnTop .bd{ width:810px; float:left; }
    .picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
    .picBtnTop .bd li .pic{ position:relative; z-index:0;  }
    .picBtnTop .bd li .pic img{ vertical-align:bottom; }
    .picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1; 
     background:#000; filter:alpha(opacity=60);opacity:0.6;    }
    .picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
    .picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }
    #demo1,#demo2{ margin-bottom:20px;  }

.mhzs{ background-color:#f9f9f9; padding:50px 0;    overflow: hidden;}
.mhzs h3{color: #183883;}
        .mhzt{ text-align:center; margin-bottom:20px;}
        .picScroll-left33{ width:1200px; position:relative; margin:0 auto; clear:both;}
        .picScroll-left33 .hd{ overflow:hidden; position:absolute; left:-50px;  top:40%; z-index:999; right:-50px;}
        .picScroll-left33 .hd .prev,.picScroll-left33 .hd .next{ display:block;  width:41px; height:41px;overflow:hidden;
            cursor:pointer; float:left;}
        .picScroll-left33 .hd .prev{  }
        .picScroll-left33 .hd .next{ float:right;  }

        .picScroll-left33 .hd ul{ overflow:hidden; zoom:1; margin:6px auto; width:30%; float:left; display:none; }
        .picScroll-left33 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px;
         cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
        .picScroll-left33 .hd ul li.on{ background-position:0 0; }
        .picScroll-left33 .bd{   }
        .picScroll-left33 .bd ul{  zoom:1;  }
        .picScroll-left33 .bd ul li{ /**/float:left; _display:inline;text-align:center; width:375px; /*background-color:#fff;*/
         margin: 0 10px;  position:relative; text-align:center; }
        .picScroll-left33 .bd ul li .pic{ text-align:center; position:relative;  }
        .picScroll-left33 .bd ul li .pic img{width: 210px;/*border: 1px solid #e0dbdb;*/}
        .picScroll-left33 .bd ul li .pic p img{width: 165px;border: none; }
        .picScroll-left33 .bd ul li .pic p{padding-top:15px;font-weight: bold;}
        .picScroll-left33 .bd ul li .pic a:hover img{  }
        .picScroll-left33 .hd .pageState{ display:none;}
        .picScroll-left33 .bd ul li a,.picScroll-left1 .bd ul li a:hover{ color:#333;}
        .picScroll-left33 .bd ul li:hover .cboxm{ background:url(../images/m52.png); color:#fff;}
        .picScroll-left33 .bd ul li:hover .cgd{ background:url(../images/m52.png);}


/* 鍨傜洿灞呬腑 */
.small-img{
    display: flex;
    align-items:center;
    justify-content: center;
}
.clearfix:before,
.clearfix:after{
  display: table;
  line-height: 0;
  content: "";
}
.magnifier{
    width: 420px;
    position: relative;float: left;
/*    margin-top: 100px;
    margin-left: 100px;*/
}
.magnifier-container{
    width: 420px;
    height: 420px;
    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; border: 1px solid #e2e2e2;
/*    width: 96%;
   
    height: 418px;*/
}
.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: -40px;
}
.magnifier-btn span{
    line-height: 80px;
    height: 80px;
    width: 20px;
    background-color: #000;
    color: #fff;
    display: block;
    z-index: 9998;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
    float: left;
}
.magnifier-btn .magnifier-btn-right{
    float: right;
}
.magnifier-line{
    position: relative;
    overflow: hidden;
    height: 92px;
}
.magnifier-line ul{
    display: block;
    font-size: 0;
    width: 10000%;
    position: absolute;
    left: 0;
    z-index: 9997;
}
.magnifier-line li{
    float: left;
    width: 90px;
    cursor: pointer;
}
.magnifier-line ul > .active .small-img{
    /*border-color: #bbb;*/
    border: 2px solid #253139;
}
.small-img{
    height: 78px;
    padding: 1px;
    margin: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
    text-align: center;
}
.small-img img{
    max-width: 100%;
    max-height: 100%;
}
.magnifier-view{
    width: 150%;
    height: 150%;
    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;
}


#dinggou{width: 415px;float: right;margin-top: 20px;}
#dinggou h3{
    font-size: 26px;
    font-weight: bold;
    color: #253139;        text-align: center;
    border-bottom: 3px solid #4a4e50;
    padding-bottom: 20px;
}
#dinggou p{
        line-height: 30px;
/*    background: #e8e8e8;text-indent: 25px;*/
    padding: 10px;    margin-top: 10px;
        margin-bottom: 40px;
}
#dinggou h4{
    font-size: 22px;
    color: #da251c;    padding: 30px 20px;
    font-weight: bold;
/*    background: #bfbfbf;*/
    padding: 20px;margin: 0;    margin-bottom: 90px;
}
#dinggou a{
    background: #000;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 20px 70px;
    font-weight: bold;
        border-radius: 60px;
    margin-left: 100px;
}
.product_show{overflow: hidden;}

        #contentss{margin-top: 30px;}
        .navsss li{
            float: left;
            width: 217px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            list-style: none;
            cursor: pointer;
        }
        .navsss li.nav_barss{
            background-color: #000;
            border-left:1px solid #000;
            border-top:1px solid #000;
            border-right:1px solid #000;
            color: #fff;
        }
        .navsss{
            overflow: hidden;   /* background: #e6eaec;
            border-bottom: 1px dashed #b3b3b3;
            padding-bottom: 35px;*/
        }
        #mainss div{
            /*width: 890px;*/
            height: auto;
            clear: left;
            /*border: solid 1px #ccc;*/
            display: none; 
                padding-top: 30px;         
        }
        #mainss div.main_barss{
            display: block;
            /*text-indent: 2em;*/
        }
        .main_barss h4{text-indent: 1.5em;}
        .nav_barss,.main_barss{
           /* background-color: #ccc*/
        }
        .main_barss p img{width: auto;height: auto;}
        .main_barss p{margin: 0;    line-height: 30px;}





/* prod */
.prod_d {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
}

.prod_d a {
    font-size: 40px;
    font-weight: bold;
    color: #444444;
    line-height: 55px;
}

.prod_d span {
    font-size: 18px;
    color: #444;
}

.product_bj {
    width: 100%;
    background: url(../images/20171029155812_1696196251.jpg) left top no-repeat;
    margin-top: 20px;
}

#tablit {
    width: 1100px;
    margin: 0 auto;
    height: auto;
}

#tablit dl {
    float: left;
    padding-bottom: 32px;
    padding-left: 0;
}

#tablit dl dt {
    float: left;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
}

#tablit dl dd {
    float: left;
    padding: 0 45px 0 45px;
    margin-right: 44px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    border-radius: 25px;
    background: #183883;
}

#tablit dl dd:hover {
    font-size: 18px;
    float: left;
    padding: 0 45px 0 45px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background-color: #e3232f;
}

#tablit a {
    color: #fff;
}

#showdiv0 #showdiv1 #showdiv2 #showdiv3 #showdiv4 a:hover {
    color: #183883 !important;
    padding: 0 45px 0 45px;
}

#tablit .out a {
    font-size: 18px;
    display: block;
}

#tablit .on {
    /* font-size: 18px; */
    /* float: left; */
    /* padding: 0 45px 0 45px; */
    /* margin-right: 21px; */
    /* height: 38px; */
    /* line-height: 38px; */
    /* text-align: center; */
    background-color: #e3232f;
}

.tabcon {
    width: 1100px;
    height: auto;
    border-top: none;
    clear: both;
}

.dis {
    display: none;
}

#tablit .on a {
    font-size: 18px;
    color: #fff;
}

.tabcon > table > tbody > tr > td {
    float: left;
    padding-left: 0 !important;
    width: 340px;
    margin: 1.0% 0.6%;
    position: relative;
    overflow: hidden;
    border: 1px solid #183883;
    /* height: 225px; */
}

.tabcon > table > tbody > tr > td > a {
    display: block;
    width: 100%;
}

.tabcon > table > tbody > tr > td br {
    display: none;
}

.tabcon > table > tbody > tr > td > span {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    transition: 0.6s all ease;
    background-position: center;
    height: 32px;
    line-height: 32px;
}

.tabcon > table > tbody > tr > td > span > a {
    display: block;
    color: #fff;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    transition: 0.3s all ease-in-out;
    background: #183883;
}

.tabcon > table > tbody > tr > td > .ceshigo {
    width: 100%;
    background: rgba(0,0,0,0.4);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: -100%;
    transition: 0.3s all ease-in-out;
}

.tabcon > table > tbody > tr > td > .ceshigo a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-top: 30%;
}

.tabcon > table > tbody > tr > td > .ceshigo p {
    height: 22px;
    line-height: 22px;
    border-radius: 10px;
    border: 1px solid #fff;
    transition: all 0.3s 0.3s;
    padding: 1px 15px;
    margin: 15px auto;
    display: block;
    font-size: 13px;
    color: #fff;
    font-weight: 100;
    width: 70px;
    text-align: center;
    position: relative;
    bottom: -180px;
}

.tabcon > table > tbody > tr > td:hover > span {
    bottom: -32px;
}

.tabcon > table > tbody > tr > td:hover > .ceshigo {
    left: 0;
}

.tabcon > table > tbody > tr > td:hover > .ceshigo p {
    left: 0;
    bottom: 0;
}

.tabcon > table > tbody > tr > td > a > img {
    width: 100%;
    height: 225px;
}


/** youshi*/

#ys_bg{ background:url(../images/20180613162959_535782106.jpg) no-repeat center; width:100%; height:210px;    margin-top: 40px;}
.ys_b{width:1100px; margin:0 auto;}
.top{ font-size:30px; line-height:60px; font-weight:bold; color:#fff; padding-top: 52px;padding-left: 20px;width: 840px;}
.zuo{ float:left;width:840px;}
.top_1{ font-size:18px; color:#fff; padding-top:22px; float:left; padding-left:40px; padding-right:58px;}

.you{ width:150px; height:150px; float:right;}
.ys_lx{ width:145px; height:33px; float:right; background:#1162a9; opacity:0.8; text-align:center; padding-top:11px; margin-top:54px;}
.ys_lx:hover{ width:145px; height:33px; float:right; background:#c51a0f; opacity:0.8; text-align:center; padding-top:11px; margin-top:54px;}
.ys_lx div a:hover a{ font-size:18px; color:#fff;}

.ys_lx a{ font-size:18px; color:#fff;}
.ys_zx{ width:145px; height:33px; float:right; background:#c51a0f; opacity:0.8; text-align:center; padding-top:11px; margin-top:17px;}
.ys_zx:hover{ width:145px; height:33px; float:right; background:#1162a9; opacity:0.8; text-align:center; padding-top:11px; margin-top:17px;}
.ys_zx a{ font-size:18px; color:#fff;} 


#ysby_bg{background:url(../images/20180613173428_985071789.jpg) no-repeat center;width:100%;height:238px;}
.ysby_wenzi{ font-size:16px; color:#484848; text-align:center; padding-top:160px;}


#by_r{ background:url(../images/20180713093534_787702291.jpg) no-repeat center; width:100%; height:542px;}
.by_1{ width:1100px; height:542px; margin:0 auto;}
.by_11{ font-size:30px; font-weight:bold;  color:#484848; width:423px; padding-left:98px; margin-bottom:66px;}
.by_22{ font-size:13px; line-height:35px; color:#484848; width:423px; padding-left:98px; margin-bottom:64px;padding-top: 10px;}
.by_33{ font-size:30px; font-weight:bold;  color:#484848; width:423px; padding-left:98px; margin-bottom:70px;}
.by_44{ font-size:13px; line-height:35px; color:#484848; width:423px; padding-left:98px;padding-top: 10px;}
.by_1r{ background:url(../images/20180713093534_494744959.jpg) no-repeat center; width:100%; height:598px;}
.by_1k{ width:1100px; height:598px; margin:0 auto;}
.by_55{ font-size:30px; font-weight:bold;  color:#484848; width:423px; padding-left: 665px; margin-bottom:66px;}
.by_66{ font-size:13px; line-height:35px; color:#484848; width:423px; padding-left: 665px; margin-bottom:68px;padding-top: 10px;}
.by_77{ font-size:30px; font-weight:bold;  color:#484848; width:423px; padding-left: 665px; margin-bottom:67px;}
.by_88{ font-size:13px; line-height:35px; color:#484848; width:423px;padding-left: 665px;padding-top: 10px;}


/**简介*/
#j_top{ background:url(../images/20180613184144_876108287.jpg) no-repeat center; width:100%; 
  height:210px; margin-top:598px;} 
.j_weizi{ font-size:36px; font-weight:bold; color:#fff; padding-top:45px;}
.j_by{ width:1100px; margin:0 auto;}
.j_1{ font-size:20px; color:#fff; float:left;padding-top: 44px;padding-left: 50px;}
.j_2{ font-size:18px; color:#fff;padding-top: 43px; margin-left:102px; float:left;}
.j_3{ font-size:18px; color:#fff;padding-top: 39px; margin-left:87px; }
.j_4{ font-size:18px; width:142px; height:35px; border:1px solid #3990db; text-align:center; padding-top:11px; 
  color:#fff; border-radius:8px; margin-top:55px;}
.j_4 a{ color:#fff;}
.j_4:hover{background:#3990db; border: 1px solid #3990db;}
.j_5{font-size:18px; width:142px; height:35px; text-align:center; padding-top:11px; color:#fff; border-radius:8px; 
  margin-top:12px; background:#3990db;}
.j_5 a{color:#fff;}
.j_5:hover{ background:#085698;  border:1px solid #3990db;}
.j_you{ width:150px; height:120px; float:right;}
.j_zuo{ width:910px; float:left;}

#bg_1{ background:url(../images/20180613204147_1394893014.jpg) center no-repeat;  height:150px;}
.bg_2{ width:1100px; margin:0 auto;}
.bg_3{ font-size:30px; font-weight:bold; line-height:35px; text-align:center; padding-top:44px; color:#6e6d6d;}
.bg_4{font-size:18px; text-align:center; color:#6e6d6d; padding-top:15px;}


#jianjie{  width:100%;overflow: hidden;background: #eee;}
.bg_jj{ width:1200px; margin:0 auto;overflow: hidden; }
.jianjietupian{ padding-top:30px; padding-left:37px; width:535px; float:left;}
.jianjie_wenzi{ width:580px; height:458px; float:right;}
.weinzi11{ font-size:40px; line-height:45px; color:#999999; font-weight:bold; padding-top:30px;}
.weinzi12{ font-size:28px; line-height:35px; color:#183883; font-weight:bold; padding-top:5px;}
.weinzi2{ font-size:14px; line-height:35px; color:#6e6d6d;padding-top:20px; width:474px;}
.wenzi_33{ background:#000; border-radius:20px;  float:left; width:130px; height:30px; line-height: 20px; color:#fff; padding-top:10px; 
  font-size:16px; text-align:center;  margin-left:335px; /*margin-top:40px;*/}
.wenzi_33 a{ color:#fff;}
.wenzi_33:hover{ background:#000;}

/*chejian*/ 
.box{ margin:0 auto;  width:1100px; padding:10px;  } 
.box img{ margin-right:20px;width: 300px;} 
#goleft {width: 1100px;overflow: hidden;} 
#goleft #gols {width: 33100px;} 
#goleft1, #goleft2 {width: auto;float: left;}

/*index-news*/
.box9{width:100%;padding:30px 0 0 0;/* background:url(../images/bg7.jpg) top center no-repeat; */overflow: hidden;}
.bb9{width:1020px; margin:0 auto; background:#fff; padding:15px ;}

.bb9 .bb9-left{width:540px;float:left;}
.bb9 .bb9-right{width:440px;float:right;}
.slideTxtBox{ text-align:left;  }
.slideTxtBox .hd{ height:40px; line-height:40px;  padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative;
 font-size:18px;font-weight:bold;}
.slideTxtBox .hd a{position:absolute;right:0; top:5px;font-size:13px; font-weight:normal;color:#666;}
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; top:0; height:40px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ height:40px;  border-bottom:3px solid #d81416;color:#d81416; }
.slideTxtBox .bd ul{padding:20px 0;  zoom:1;  }
.bb9-top{overflow: hidden;}
.slideTxtBox .bd li{ height:32px; line-height:32px; padding-left:15px; background:url(../images/bg8.jpg) left no-repeat; 
  border-bottom:1px dashed #ccc;font-size: 14px; }
.slideTxtBox .bd li a{float:left;}
.slideTxtBox .bd li span{float:right;}


.bb9-tp{width:176px;float:left;}
.bb9-tp img{width:170px;height:120px;padding:2px; border:1px solid #ddd;}
.bb9-wz{width:350px;float:right;line-height:30px; margin-bottom:20px;}
.bb9-wz h3{font-size:14px;font-weight:bold;}
.bb9-wz a.more{color:#d81416;}

.bb9-title{height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.bb9-title span{float:left; font-size:18px;font-weight:bold;}
.bb9-title a{float:right;font-size: 14px;}
.txtMarquee-top{overflow:hidden; position:relative;   }
.txtMarquee-top .bd{ padding:25px 0 0 0;  }
.txtMarquee-top .infoList li{ line-height:25px; border-bottom:1px dashed #ccc;  padding:3px 0; height: 80px;}
.txtMarquee-top .infoList li h3{padding-left:30px;font-size:15px; font-weight:normal;
 background:url(../images/q2.png) left no-repeat;margin: 0;padding-top:10px;padding-bottom: 10px;}
.txtMarquee-top .infoList li p{background:url(../images/q3.png) left no-repeat; background-position:0 0;
  padding-left:30px;font-size:14px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:1; }



/*厂房*/
.fact_bg{width:100%;height: 454px;padding-top:120px;
  background:url(../images/20180915103056_1413675864.jpg) no-repeat center;margin:0 auto;}
.fact_c{ width:664px; height:213px;  background:url(../images/20180915105232_447668542.png) no-repeat center; 
  margin:0 auto;}
.fact_c1 span{ display:block; font-size:24px; font-weight:bold; color:#2a2a2a; padding-left:330px;     padding-top: 36px;}
.fact_c1 font{width:572px; height:46px; line-height:46px; text-align:center; display:block; font-size:18px; color:#444444; 
  border-bottom:1px #acacac solid; border-top:1px #acacac solid; margin:20px auto;}

.fact_lx{width:520px; margin:0 auto;}
.fact_lx1 span{ width:340px;     height: 50px;display:block; padding-left: 30px; float:left; font-size:15px;
 background:url(../images/20180915104109_1786783246.png) no-repeat left;}
.fact_lx1 span font{ color:#004ec2; font-style:italic; font-size:30px;}

.fact_gd{width:118px; height:30px; float:right; line-height:28px; background:#004ec2; border-radius:20px; padding:0px 15px;}
.fact_gd span{ display:block;  float:left; }
.fact_gd span a{font-size:14px; color:#fff;}
.fact_gd font{ display:block; float:right; padding-top:3px;}
.fact_gd:hover{background:#202020;}
.mprots{ /*background:url(../images/mcpt.png) no-repeat center center;padding-top: 35px; */ height:55px; margin-bottom:10px;     
  text-align: center;  }
.mprots h3{
    color: #000;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    font-family: f1f3cd5f4159fb1800b1733c54eb313f4;
}


/*  鏂伴椈璧勮 */
.news{height:; margin-bottom:40px;overflow:hidden;}
.newsMain{ float:left; width:330px; height:;overflow: hidden;}
.newsTop{height:30px;font-weight:normal;border-bottom:1px solid #dadada;text-transform:uppercase;margin-bottom:20px;
  font-family:"寰蒋闆呴粦";font-size:14px;}
.newsMore{float:right;font-size:10px;font-family:Arial;color:#666;-webkit-transform:scale(0.8);-o-transform:scale(1);font-weight:normal;}
.newsTop .newsTab_menu{height:30px;display:block;color:#bdbdbd;}
.newsTop .newsTab_menu a{margin-right:10px;display:inline-block;height:28px;}
.newsTop .newsTab_menu .on{color:#005ec7;border-bottom:2px solid #005ec7;font-weight:bold;}
.newsTop .newsTab_menu .n2{margin-left:10px;}

.newsTab,.newsTab_box{height:380px;overflow:hidden;}
.newsMain li{height:35px;line-height:35px;border-bottom:1px dotted #ccc;}
.newsMain li span{float:right;color:#999;}
.newsMain li a{display:inline-block;background:url(../images/news_li.png) no-repeat left center;padding-left:10px;
  width:230px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;    font-size: 14px;
    color: #717070;}
.newsMain li a:hover{background:url(../images/news_lih.png) no-repeat left center;}
.newsMain li.n1{width:330px;height:190px;overflow:hidden;position:relative;border-bottom:none;margin-bottom:25px;}
.newsMain li img{width:330px;height:190px;}
.newsMain li.n1 span{float:none;padding:0 5px;/*color:#fff;*/height:30px;line-height:30px;text-align:center;
  background:url(../images/hotNews_bg.png);position:absolute;left:0;bottom:0px;width:300px;white-space:nowrap;
  overflow:hidden;text-overflow: ellipsis;}
.newsMain li.n1 a{display:block;background:none;padding-left:0;width:330px;}
.newsMain li.n1 a:hover{background:none;}
.newsMain li.n1 a:hover span{text-decoration:underline;}

.news_title{height:30px;border-bottom:1px solid #dadada;text-transform:uppercase;margin-bottom:20px;font-family:"寰蒋闆呴粦";font-size:14px;}
.news_title span{color:#005ec7;border-bottom:2px solid #005ec7;display:inline-block;height:29px;}
.industry{ margin: 0 35px;}


/*友情链接*/
#yq_bg{ background:url(../images/20180614105143_2042032989.jpg) no-repeat center; width:100%; height:150px;}
.yq_by{ width:1100px; height:150px; margin:0 auto; color:#484848;}
.yq_z{ float:left; font-size:18px; font-weight:bold; padding-top:38px; padding-left:30px;}
.yq_y{ float:right; font-size:12px; padding-top:44px; }
.yq_y a{color:#484848; }
.yq_y a:hover{color:#2773b5; }
.linkTagcs li{ margin-top:30px !important;}

                    .linkTagcs
                    { 
                    width:997px;
                 height:auto;}
                    .linkTagcs ul
                    {margin:0px;padding:0px;list-style-type:none;}
                    .linkTagcs li
                    {list-style:none;margin:0px; 
                    width:130px;
                 padding-right:15px;line-height:40px;float:left;}
                    .linkTagcs li a
                    {color:#333;word-break:break-all;}
                    .linkTagcs li img
                    {border:0px;}


.footer { background: #000; width: 100%; }
.footer .site { border-bottom: solid 1px #424242; padding: 30px 0; border-top: 1px solid #424242;/*background: #313235;*/}
.footer .site dl { width: 40%; float: left; }
.footer .site dl dt { font-size: 16px; line-height: 48px; color: #fff; text-transform:uppercase; }
.footer .site dl dt a{color: #fff;}
.footer .site dl dd { line-height: 24px; }
.footer .site dl dd ul li a,.footer .site dl dd .contact p{color: #b1b1b1;font-size: 14px;}
.footer .site dl dd ul li { line-height: 24px; color: #a2a2a2; }
.footer .site dl dd ul li .txt { padding: 0 10px; border: none; height: 26px; line-height: 26px; width: 80%; margin-bottom: 14px; }
.footer .site dl dd ul li .btn { width: 104px; height: 32px; border:none; background-color: #E72026; 
  color: #fff; border-radius: 10px; transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;
  -webkit-transition:all .25s ease-in-out; }
.footer .site dl dd ul li .btn:hover { background-color: #d11d22; }
.footer .foot .fl{margin-top: 15px;color: #b1b1b1;}
.footer .foot .fl p{line-height: 45px;font-size: 13px;}
.footer .foot .fl p a{color: #b1b1b1;font-size: 13px;}
.footer .foot { padding: 20px 0; line-height: 22px; }
.footer .foot .ewm img { border: solid 5px #fff; }
.footer .foot .ewm{color: #b1b1b1;font-size: 14px;text-align: center;}
.footer .foot .share-list { margin-bottom: 24px; }
.footer.on .site dl dd{display:block !important;}
.footer .site .w1200 .ewm:nth-child(3) {margin-right: 30px;}
.footer .site .w1200 .ewm{color: #b1b1b1;font-size: 14px;text-align: center;margin-top: 35px;}
.copyright,.copyright p a{text-align: center;color: #bfbfbf;font-size: 14px;}

.contact p:nth-child(1){background: url(../images/t5.png) no-repeat;background-size: 25px;padding-left: 35px;margin-bottom: 5px;}
.contact p:nth-child(2){background: url(../images/t4.png) no-repeat;background-size: 26px;padding-left: 36px;margin-bottom: 5px;
    margin-left: -1px;margin-top: 3px;}
.contact p:nth-child(3){background: url(../images/t1.png) no-repeat;background-size: 30px;padding-left: 38px;
    margin-bottom: 5px;margin-left: -3px;padding-top: 2px;}
.contact p:nth-child(4){background: url(../images/t3.png) no-repeat;background-size: 30px;padding-left: 37px;margin-bottom: 5px;
    margin-left: -2px;}
.contact p:nth-child(5){background: url(../images/t2.png) no-repeat;background-size: 30px;padding-left: 38px;margin-bottom: 5px;
margin-left: -2px;}
.contact p{line-height: 30px;}


/*pages*/ 
.pagination-wrapper{ margin: 20px 0;    text-align: center; } 
.pagination{ height: 34px; text-align: center; } 
.pagination li { display: inline-block; height: 34px; margin-right: 5px; } 
.pagination li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px;
 font-size: 16px; border: 1px solid #000; color: #000; text-decoration: none;    border-radius: 50%; } 
.pagination li a:hover{ background:#fff; color:#000; } 
.pagination li.thisclass { background: #000; color: #fff;    border-radius: 50%;  } 
.pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #000;
 color: #fff; cursor: default; }

.center{text-align: center;}


/*about*/
.main{width:100%; overflow:hidden; padding:50px 0;}
.main_left{width:265px; float:left;}
/*.about{width:100%; float:left; margin-bottom:30px;}*/
.about_title{display:block; overflow:hidden; height:56px; line-height:56px; background:#000; color:#fff; 
    text-align:center; font-size:24px; font-weight:bold;}
.about_title:before,.about_title:after{    
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1px;
    background: #fff;}
.about_title:before{margin-right: .5em;}
.about_title:after{margin-left: .5em;}
.about_ul{display:block; overflow:hidden; padding-top:6px;}
.about_ul li{display:block; overflow:hidden; margin-top:10px;position: relative;}
.about_ul li a{
     display: block;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #000000;
    transition: all 0.4s;
    background: #efefef;
}
.about_ul li a:hover{background:#5a5a5a; color:#fff;}
.about_ul li.about_on a{background:#5a5a5a; color:#fff;}


.myDivs {
display: block;
    background: #000 url(../images/bottom.png) no-repeat 200px center;
    padding-left: 40px;
    color: #fff;
    line-height: 50px;
    width: 244px;
    height: 35px;
    margin: 0 auto 8px;
    font: 15px "瀹嬩綋";
    padding-top: 17px;
    font-weight: bold;
    background-size: 20px;
}


.about_ul dl{ display:none}
.about_ul dl dd{ width:100%; background-position: 94% 50%; padding-left:48px;}
.about_ul dl dd a{  text-align:left; line-height:36px; font-size:14px; color:#000000;}
.about_ul dl dd a:hover{ color:#f00;}



.about_img{display:block; overflow:hidden; padding-top:10px;}
.about_img img{display:block; width:100%; height:auto;}
.about_txt{display:block; overflow:hidden; font-size:14px; color:#111; line-height:30px; background:#f2f2f2; padding:10px;}
.main_right{width:895px; float:right;}
.dqwz_title{width:100%; float:left; line-height:55px; border-bottom:1px solid #cfcfcf;}
.dqwz_p{ font-size:18px; color:#be986e; font-weight:bold;}
.dqwz_nav,.dqwz_nav a{color:#8a8a8a; font-size:14px;}
.dqwz_contect{width:100%; float:left; padding-top:16px;}
.company{display:block; overflow:hidden; font-size:14px; color:#191919; line-height:30px;}
.company h4{
        font-size: 22px;
    text-align: center;
    padding-bottom: 15px;
        color: #253139;
    font-weight: bold;
}
.company h6{
      font-weight: normal;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
/*END-氓鈥β趁ぢ号矫λ嗏€樏ぢ宦�*/




/*about*/
.about{position: relative;margin-bottom: -9px;}
.about-bg{
  background-color: rgb(0 0 0 / 50%);
    height: 60px;
    line-height: 60px;
    position: absolute;
    width: 100%;z-index: 1;
}
.about-bg .wrap p{
  color: #fff;
    font-size: 18px;
    font-weight: bold;
}
#bannerss{position: relative;}
.faster{
      width: 520px;
    position: absolute;
    top: 29%;
    left: 17%;
    background: #000000bf;
    color: #fff;
    padding: 30px;
    line-height: 40px;
}
.faster h4{    font-size: 24px;
    color: #c51a1a;
    border-bottom: 5px solid #c51a1a;
    width: 300px;
    padding-bottom: 5px;}

/*about-banner*/
  .slideBox{ width:100%;  overflow:hidden; position:relative; top:0;}
  .slideBox .hd{  overflow:hidden; position:absolute;left:46%; bottom:10px; /*margin-left:-30px; */z-index:1; text-align:center; }
  .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;list-style: none;  }
  .slideBox .hd ul li{ margin:0 2px;  width:60px; height:2px; line-height:14px; 
    text-align:center; background:#99b0dc; cursor:pointer; display:inline-block; border-radius:30px; }
  .slideBox .hd ul li.on{ background:#fff;  }
  .slideBox .bd{ position:relative; height:100%; z-index:0;   }
  .slideBox .bd li{ zoom:1; vertical-align:middle; }
  .slideBox .bd ul li img{width:100%;height: auto; display:block;}
  .slideBox .bd ul{ padding-left: 0; }
   .slideBox .prev{
    position: absolute;
    top: 45%;
    left: 4%;
  }
    .slideBox .next{
    position: absolute;
    top: 45%;
    right: 4%;
  }

.xiangmu{width: 1200px;margin: 0 auto;}
.xiangmu .wraps h3,.xiangmu .wrap h3{font-size: 30px;color: #183883;padding-top: 20px;padding-bottom: 8px;}
.xiangmu .wraps p,.xiangmu .wrap p{padding-bottom: 20px;}
.xiangmu .wraps{width: 200px;overflow: hidden;}
.fuwuxiangmu{background: url(../images/l9.jpg) no-repeat;}
.fuwuxiangmu ul{padding: 50px 0 0 80px;}
.fuwuxiangmu ul li{padding-bottom: 20px;background: url(../images/dingwei1.png) no-repeat -5px 2px;padding-left: 35px;
    background-size: 30px;}
.fuwuxiangmu ul li p:nth-child(1){color: #183883;font-weight: bold;}
.fuwuxiangmu ul li p:nth-child(2){color: #777;font-size: 14px;}
.xiangmu .fl{background: url(../images/xia.png) no-repeat 164px 21px;}

.youshi{overflow: hidden;background: url(../images/bg1.jpg) no-repeat;margin: 30px 0;}
.youshi .ban,.youshi .bans{width: 50%;float: left;}
.youshi .fr{padding-top:85px;}
.youshi .fr p{font-size: 14px;width: 392px;color: #8e8d8d;}
.youshi .fl img{width: 520px;}

.youshi .bans:nth-child(2){padding-top:85px;}
.youshi .bans p{font-size: 14px;width: 392px;color: #8e8d8d;}
.youshi .bans img{width: 500px;}

.youshi1{background: url(../images/bg2.jpg) no-repeat;}
.youshi1 ul{padding: 50px 0 0 80px;}
.youshi1 ul li{padding-bottom: 20px;background: url(../images/file.png) no-repeat -5px 7px;padding-left: 35px;
    background-size: 23px;}
.youshi1 ul li p:nth-child(1){color: #183883;font-weight: bold;}
.youshi1 ul li p:nth-child(2){color: #777;font-size: 14px;}



#contents{margin-top: 30px;}
 .navss li{
            float: left;
            width: 399px;    /*border-radius: 50%;*/
            height: 70px;
            line-height: 70px;
            text-align: center;
            list-style: none;
            cursor: pointer;    font-size: 18px;
        }
        .navss li.nav_bars{
            background-color: #000;
            border-left:1px solid #000;
            border-top:1px solid #000;
            border-right:1px solid #000;
            color: #fff;
        }
        .navss{
            overflow: hidden;
            background: #f5f5f5;
            width: 1200px;
            margin: 0 auto;
        }
        #mains div{
                overflow: hidden;
            height: auto;
            clear: left;
            /*    width: 890px;border: solid 1px #ccc;*/
            display: none; 
                padding-top: 30px;         
        }
        #mains div.main_bars{
            display: block;
           /* text-indent: 2em;*/
        }
        .nav_bars,.main_bars{
           /* background-color: #ccc*/
        }
}
.main_bars h2{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-top: -25px;
    margin-bottom: 40px;
}
.main_bars h3{
        font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #efefef;
    text-transform: uppercase;
    padding-top: 10px;
}
.main_bars h4{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background: #dddfe1;
    padding: 20px 0;
    margin-bottom: 0;
}
.main_bars .dsv{
    margin: 0 auto;
    line-height: 30px;
        text-align: center;
    background: #f0f1f2;    font-size: 15px;
}
.about-left{width: 600px;float: left;margin: 0;}
.about-right{width: 580px;float: right;line-height: 25px;margin: 0;}
.main_bars #jieshao{overflow: hidden;    width: 1200px;margin: 25px auto;}
.main_bars #jieshao p{line-height: 30px;text-indent: 2em;    font-size: 15px;}
.mada{    width: 1200px;
    margin: 0 auto;    overflow: hidden;}
#biao img{width: 100%;height: auto;}
#biao{margin-top: 20px;    margin-bottom: 55px;}
/*#mains div:nth-child(2){width: 1200px;margin: 0 auto;}*/
#mains div:nth-child(3){width: 1200px;margin: 0 auto;}
.left { width:293px; float:left; overflow:hidden;}
.right { width:892px; float:left; display:inline; margin-left:15px; overflow:hidden;}

/*副导航*/
.leib2,.leib{ width:287px; height:auto; overflow:hidden; /*border:3px solid #2f318b;*/padding-bottom: 10px; background:#f5f5f7;}
.leib2 .tit,.leib .tit{height: 51px;border-bottom: 1px solid #e9e9e9;padding-top: 15px;text-align: center;font-size: 20px;
 color: #333333;font-family:"宋体",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.leib2 .tit i,.leib .tit i{display: block;font-size: 16px; color: #dfdfdf; font-weight: normal;text-transform: uppercase;  font-style:normal; }
.leib2 .tit a,.leib .tit a{font-size: 20px; color: #333333;font-family:"宋体",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}


.leib2 h1{ height:121px; font:30px "黑体"; font-weight:bold; overflow:hidden; background:#154193;  margin-bottom:20px;padding-left: 30px;}
.leib2 h1 a{ display:block; color:#fff; padding-top:40px; padding-left:12px;}
.leib2 h2 em{ display:block; font:14px "Times New Roman", Times, serif; color:#919bc8; text-transform:uppercase; padding-top:5px;}
.leib2 li{ width:290px; height:50px; margin:0 auto 8px; font:14px "宋体";}
.leib2 li a{ display:block; background:#f2f2f2 url(../images/fen_jt.png) no-repeat 250px center; padding-left:48px; height:50px; 
  color:#fff; line-height:50px;}
.leib2 li a:hover,.leib2 .nr li.cur a{ background:#0928c1 url(../images/fen_jt.png) no-repeat 250px center; text-decoration:none;} 
.leib2 h4{ width:238px; height:48px; margin:10px auto 0; font:14px "宋体"; line-height:48px;
 background:#fff url(Img/Index/jia.gif) no-repeat 235px; voice-family:; padding-left:22px;}
.leib2 h4 a{ color:#fe6001;}
.leib2 h4 a:hover,.leib2 .nr h4.cur a{ color:#212e74;} 
.leib2 ul{ width:290px; margin:0 auto;}
.leib2 li{ font:14px "宋体"; height:47px; line-height:47px; background:url(../images/fen_dot.png) no-repeat 22px 22px;
/*padding-left:40px;*/ border-bottom:1px solid #ddd;}
.leib2 li a{ color:#333;}
.leib2 li a:hover,.leib2 .nr li.cur a{ color:#fff;} 
.leftlx_c h1{
        height: 121px;
    font: 30px "黑体";
    font-weight: bold;
    overflow: hidden;
    background: #154193;
    margin-bottom: 20px;
    display: block;
    color: #fff;
    padding-top: 40px;
    padding-left: 30px;
}
.leftlx_c span{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid #000;
    padding-bottom: 10px;
    letter-spacing: 20px;
    padding-left: 33px;
}
.leftlx_c p{
    font-size: 28px;
    padding-top: 18px;
    padding-left: 32px;
    color: #144192;
    letter-spacing: 3px;
    font-weight: bold;
}
.leftlx_c{background: #f2f2f2;height: 400px;}
.leftlx_c ul{padding-left: 30px;}
.leftlx_c ul li{line-height: 30px;}
.pro_main h3{font-size: 20px;color: #333;background: #f1f2f2;
    padding: 20px 0;margin: 0;}
#kehu{background:url(../images/bg-about.jpg) no-repeat 10px 5px;    padding-left: 123px;
    line-height: 40px;
    background-size: 890px 485px; }
.news_main h3{font-size: 18px;text-align: left;}
.news_main ul li p{    line-height: 22px;}
.news_main ul li{border-bottom: 1px solid #cecece;padding-bottom: 13px;padding-left: 12px;}



.news-list{
  width:1200px;
  overflow:hidden;
  margin: 0 auto;
}
.news-list li{
  width:1200px;
  padding:20px 0;margin: 20px 0;
  overflow:hidden;
    background: #f4f6f7;
}
.news-list .news1 img{
  width:300px;
  height:155px;
/*  border:3px solid #69aae4;*/
  float:left;
  margin-right:20px;
}
/*.news-list li img:hover{
  border:3px solid #69aae4;
}*/
.news-list li strong{
  font-size:16px;
  line-height:40px;
  display:block;
}
.news-list li span{
  font-size:12px;
  font-family:"宋体";
  line-height:30px;
  color:#999;
}
.news2{width: 825px;    padding: 0 10px 0 0;}
.date{
        margin-left: 50px;
    margin-top: 30px;
    color: #999;
 }
.more3{
        margin-top: 5px;
    background: #000;
    color: #fff;
    padding: 10px 30px;
        margin-right: 30px;   
}
.biaoti{
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.news-show p{line-height: 30px;}


.n-news{  
  width:870px;
      margin-top: 10px;
    overflow: hidden;  
}
.n-news li{
  background: url(../images/a-n.gif) no-repeat 0px 18px;
  font-size:14px;
  width:860px;
  height:40px;
  padding:10px 0 0 20px;
  border-bottom:1px dashed #e4e4e4; 
}
.n-news li a{
  font-size:14px;
  
}
.n-news li span a{
     display: inline-block;
    border: 1px solid #029adb;
    padding: 0 10px;
    line-height: 24px;
    height: 28px;
    border-radius: 5px;
    padding-right: 30px;
    background-position: right center;
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #029adb;
    float: right;
    background: url(../images/download.jpg) no-repeat 40px 2px;
    background-size: 21px;  
}

.w-1200 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.biaoti{
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.news-show p{line-height: 30px;}
.backss{text-align: center;    padding-bottom: 20px;margin-top: 20px;}
.backss a{color: #428bca;}
.news-show{margin-top: 30px;}
.biaoti h3{font-size: 24px;padding-bottom: 10px;}













#banners{}
#banners img {
    width: 100%;
    height: auto;
}

.shutter {
  overflow: hidden;
  width: 100%;
  height: 700px;
  position: relative;
  margin: 0 auto;
/*  border-radius: 10px;*/
  
}
.shutter-img {
  z-index: 1;
}
.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 700px;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height: 700px;
}
.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.shutter-btn {}
.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
/*  margin-top: -150px;*/
  cursor: pointer;
}
.shutter-btn li.prev {
  left: 20px;
  background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;
}
.shutter-btn li.next {
  right: 20px;
  background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;
}
.shutter-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: url(../images/shutter_shadow.png) repeat;
}
.shutter-desc p {
  padding-left: 20px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
}


/*
.header{
    text-align: center;
    color: #9C9C9C;
    padding-top: 50px;
    padding-bottom: 30px;
}*/
.wrapper{
  width: 90%;
  margin: 0 auto;
  max-width: 80rem;
}

.cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.col{
  width: calc(25% - 2rem);
  margin: 1rem;
  cursor: pointer;/*padding-top: 30px;*/
}
#mingcheng:after{
  content: '';
    width: 4rem;
    height: 2px;
    position: absolute;
    background: #C6D4DF;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -1rem;
}
#mingcheng{
      font-size: 1.5rem;
    margin-bottom: 1rem;    margin-top: 1rem;
    color: #666;
    text-align: center;
}
.containers{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.front,
.back{
  background-size: cover;
  background-position: center;
  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-align: center;
  min-height: 280px;
  height: auto;
  border-radius: 10px;
  color: #fff;
  font-size: 1.5rem;
}

.back{
/*  background: #cedce7;
  background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: linear-gradient(45deg,  #cedce7 0%,#596a72 100%);*/
}

.front:after{
  position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
    background-color: #7d7d7d52;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.containers:hover .front,
.containers:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 110%;    color: #5a5a5a;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    font-size: .7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}
.back .inner{
   -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 46%;    border-radius: 20px;
    position: absolute;
    left: 0;
    width: 100%;
  /*  padding: 2rem;*/
    font-size: .7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;    border: 1px solid #999;
}

.containers .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.containers .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.containers:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.containers:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.front .inner p{
  font-size: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}

.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -1rem;
}

.front .inner span{
  color: rgba(255,255,255,0.7);
  font-family: 'Montserrat';
  font-weight: 300;
}

@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: 100%;
    margin: 0 0 2rem 0;
  }
}
.header h2{
  color: #7b7b7b;
    font-size: 40px;
    margin-bottom: 15px;
}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:170px;height:40px;font:16px/42px 'Microsoft YaHei';color:#fff;text-indent:44px;margin-bottom:3px;
border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#000 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background: #000 url(../images/fixCont.png) no-repeat 2px -1px;}
.yb_bar .yb_QQ{text-indent:0;background:#000 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#000 url(../images/fixCont.png) no-repeat 1px -48px;}
.hd_qr{padding:0 29px 25px 29px;    width: 124px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;font-size: 16px;    line-height: 50px;}


/*Process*/
.adv_b {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    background: url(../images/x.jpg) left;
}

.adv_d {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
}

.adv_d span {
    font-size: 40px;
    font-weight: bold;
    color: #000;
    line-height: 70px;
}

.adv_t {
    width: 31px;
    margin: 0 auto;
        padding-top: 15px;
    padding-bottom: 15px;
}

.adv1_b {
    height: 330px;
    background: url(../images/b1.jpg) center no-repeat;
    margin-top: 20px;
}

.adv1_w {
    width: 400px;
    font-size: 18px;
    line-height: 36px;
    margin-top: 41px;
}
.bz {
    width: 1105px;
    margin: 0 auto;
}
.adv1_w span {
    font-size: 24px;
    font-weight: bold;
}

.adv1_w span font {
    color: #e3232f;
}

.adv1_w1 {
    width: 474px;
    font-size: 16px;
    line-height: 34px;
    margin-top: 40px;
    padding-right: 500px;
    padding-left: 17px;
}

.adv2_b {
    height: 340px;
    background: url(../images/b2.jpg) center no-repeat;
    margin-top: 6px;
}

.adv2_w {
    width: 527px;
    font-size: 18px;
    line-height: 36px;
    margin-top: 41px;
}

.adv2_w span {
    font-size: 23px;
    font-weight: bold;
}

.adv2_w span font {
    color: #e3232f;
}

.adv2_w1 {
    width: 499px;
    font-size: 16px;
    line-height: 33px;
    margin-top: 53px;
    padding-left: 500px;
}

.adv3_b {
    height: 315px;
    background: url(../images/b3.jpg) center no-repeat;
    margin-top: 20px;
}

.adv3_w {
    width: 490px;
    font-size: 18px;
    line-height: 36px;
    margin-top: 41px;
}

.adv3_w span {
    font-size: 24px;
    font-weight: bold;
}

.adv3_w span font {
    color: #e3232f;
}

.adv3_w1 {
    width: 470px;
    font-size: 16px;
    line-height: 34px;
    margin-top: 45px;
    padding-right: 500px;
    padding-left: 17px;
}

.adv4_b {
    height: 328px;
    background: url(../images/b4.jpg) center no-repeat;
    margin-top: 21px;
}

.adv4_w {
    width: 521px;
    font-size: 18px;
    line-height: 36px;
    margin-top: 41px;
}

.adv4_w span {
    font-size: 24px;
    font-weight: bold;
}

.adv4_w span font {
    color: #e3232f;
}

.adv4_w1 {
    width: 498px;
    font-size: 16px;
    line-height: 34px;
    margin-top: 50px;
    padding-left: 500px;
}




@media screen and (max-width: 468px){
        html{overflow-y:hidden;overflow: hidden;width: 100%;}
      .header,.copyright div{display: none;}
      #head{
        display: block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: #e6e6e6;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999 !important;
  }
  .sp_header{display: block;}
  video{margin-top: 60px;    /*position: relative;*/}
  .bannerPc{margin-top: 60px;}
  .mhzs,.wrap,.container,.product .list,.clearfix,.footer .site dl,.main_left,.main_right,.product_show .list{width: 100%;}
  .product .proRight{margin-right:0;}
  .footer .site .w1200 .ewm{float: left;    margin-left: 20px;}
  .footer .site dl{padding-left: 20px;}
  .about_ul li a{text-indent: 0;text-align: center;    background: #efefef url(images/right3.png) 295px 18px no-repeat;}
  .copyright p{line-height: 30px;}
  .images-cover img{width: 85%;height: auto;}

::-webkit-scrollbar{width:0;height:1px}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}


}