@charset "utf-8";
/* CSS Document */

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
img{vertical-align: middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; cursor:pointer}
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1350px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}
.mt5 {margin-top: 5px!important;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.myClass{
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;
}
@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

/*header*/
.topbj{
  width: 100%;
  height: 32px;
  line-height: 30px;
  background:#0071d4;
}
.topbj h3{
  float: left;
  color: #fff;
  font-size: 14px;
}
.topbj ul{
  float: right;
}
.topbj ul li{
  float: left;
  padding-left: 10px;
}
.topbj ul li a{
  color: #fff;
  font-size: 14px;  
}
.topbj ul li:hover a{
  text-decoration: underline;
}

.header{
    width: 100%;
    height: 120px;
    position:absolute;
    z-index: 1000;
    background: #fff;
    left: 0;
    top: 33px;
    border-radius: 0 0 20px 20px;
}

.logo{
    
}
.nav{
    width: 990px;
    height: 120px;
  overflow: hidden;
}
.nav>ul>li{
    width: 140px;
    list-style: none;
    text-align: center;
    float: left;
    height: 120px;
    line-height: 120px;
    cursor: pointer;
}
.nav>ul>li a{
    color: #333;
    display: block;
}
.nav>ul>li:hover{
    background: url(../images/nav.png) left center no-repeat;
}
.nav>ul>li:hover a{
    color: #0071d4;
    font-weight: bold;
}

.er{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.5);
    top: 120px;
    left: 0;
    display: none;
}
.er_con{
    width: 1200px;
    margin: 0 auto;
}
.er_con ul li{
    float: left;
    width: 230px;
    margin: 10px 0 10px 8px;
    border-radius: 10px;
    overflow: hidden;
}
.er_con ul li a{
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
}
.er_con ul li a img{
    width: 100%;
    min-height: 120px;
    transition: all 0.6s;
}
.er_con ul li:hover img{
    transform: scale(1.1);
}
.er_con ul li span{
    display: block;
    text-align: center;
    color: #666;
    font-size: 15px;
    width: 100%;
    background: #0071d4;
    line-height: 30px;
    color: #fff;
}



/*首页banner*/
.focus {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 999;
}

.focus .hd {
  width: 100%;
  height: 20px;
  position: absolute;
  z-index: 1;
  bottom: 25px;
  text-align: center;
  display: none;

}

.focus .hd ul {
  display: inline-block;
  height: 25px;
  padding: 3px 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 0;
  vertical-align: top;
}

.focus .hd ul li {
  display: inline-block;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin: 0 15px;
  vertical-align: top;
  overflow: hidden;
  border: 2px solid #fff;
  text-indent: 20em;
}

.focus .hd ul .on {
  background: #fff;
}

.focus .bd {
  position: relative;
  z-index: 0;
}
.focus .bd li .oi-first-screen-video{width: 100%;position: relative;}
.focus .bd li .oi-first-screen-video video{position: absolute;left: 0;bottom: 0;z-index: 100;width: 100%;}
.focus .bd li .oi-first-screen-video .banner_1{z-index: 200;position: relative;}

.focus .bd li img {
  width: 100%;
}

.focus .bd li a {
  -webkit-tap-highlight-color: transparent;
}

.focus .prev {
  position: absolute;
  top: 45%;
  z-index: 999;
  left: 0;
}

.focus .next {
  position: absolute;
  top: 45%;
  z-index: 999;
  right: 0;
}
/*内页banner*/
.banner{width:100%; background:#fafafa;  z-index:11;position: relative;}

.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }

.banner_slides , .slides_container,.slides_control ,.banner_pic{height:790px;}

.banner_slides li.slidesjs-slide{width:100%;height:790px;}

.banner_slides li a{}

.banner_pic{display:block; width:100%; height:790px;}

.slides_btn{position:absolute; z-index:999;display:block;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IEÂ˾µ£¬Í¸Ã÷¶È50%*/-moz-opacity:0.2; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.2;/*ÆäËû£¬Í¸Ã÷¶È50%*/ background-position: center center; background-repeat:no-repeat; }

.banner:hover .slides_btn{filter:alpha(opacity=60); -moz-opacity:0.6; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.6;}

.btn_previous{ left:4%; background-image:url(../images/pre01.png);}

.btn_previous:hover{ background-color:#333;background-image:url(../images/pre02.png);}

.btn_next{ right:4%; background-image:url(../images/next01.png);}

.btn_next:hover{ background-color:#333;background-image:url(../images/next02.png);}
/*产品*/
.probt{
  text-align: center;
  margin-top: 40px;
  margin-bottom: 25px;

}
.probt b{
  font-family: "Arial";
  font-size: 55px;
  color: #f0f0f0;
  position: relative;
}
.probt b::before {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    left: -50px;
    width: 19px;
    height: 4px;
    background-image: url(../images/xian.jpg);
}
.probt b::after {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    right: -50px;
    width: 19px;
    height: 4px;
    background-image: url(../images/xian.jpg);
}
.probt a{
  display: block;
  color: #000;
  font-size: 36px;
  font-weight: bold;
  position: relative;
  margin-top: -50px;
}
.probt p{
  font-size: 16px;
  color: #7e7e7e;
  line-height: 40px;
}
.probt a:hover{
  color: #0071d4
}
.classify{
  width: 1350px;
  margin: 0 auto;
}
.classify ul li{
  float: left;
  text-align: center;
  line-height: 50px;
  position: relative;
  width: 240px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 45px;
}
.classify ul li:before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #3aa0f9;
    position: absolute;
    left: 0;
    top: 21px;
}
.classify ul li a{
  display: block;
  width: 220px;
  height: 50px;
  background:#007ce9;
  border-radius: 50px;
  margin-left: 18px;
  font-size: 16px;
  color: #fff;
  text-decoration: underline;
}
.classify ul li a:after{
  content: '';
    max-width: 220px;
    width: 100%;
    height: 50px;
    background: url(../images/proitems-tab.png) no-repeat center;
    position: absolute;
    top: 25px;
    left: 18px;
}
.classify ul li a:hover{
  background:#ffa200;
  font-size: 18px
}

.pro_litpic{
  margin-top: 10px;
}
.pro_show{
    width: 88%;
    margin: 0 auto;
    overflow: hidden;
    height: 760px;
}
.pro_go ul{
  overflow: hidden;
}
.pro_go ul li{
    width: 23%;
    margin: 5px 1%;
    float: left;

    position: relative;
}
.pro_go ul li .Img{
   border-radius: 0 30px 30px 0;
   box-shadow: 0 6px 26px rgba(26,31,41,.2);
}

.pro_go ul li .proti{
    width: 95%;
    height: 65px;
    background:url(../images/cpbg.png) left center no-repeat;
    text-align: center;
    line-height: 65px;
    display: block;
    position: relative;
    margin-top: -30px;
    box-shadow: 0 6px 26px rgba(26,31,41,.2);
    border-radius: 0 30px 8px 10px;
}
.pro_go ul li .proti span{
    color: #333;
    font-size: 22px;
}
.pro_go ul li:hover .proti span{
  font-size: 26px;
  transition: all 0.6s;
  color: #0071d4
}

.pro_go li .avatar {
  position: relative;
}
.pro_go li .avatar {
  display: block;
  height: 300px;
  overflow: hidden;
  width:100%;
}
.pro_go li .avatar .myClass {
  height: 300px;
}

.avatar:hover .myClass, .zhuti .avatar:hover .myClass, .bbsinner .avatar:hover .myClass {
  transform: scale(1.3);
  transition: all 1s ease 0s;
  -webkit-transform: scale(1.3);
  -webkit-transform: all 1s ease 0s;
}


/*优势*/
.advbj{height: 890px;background:url(../images/advbj.jpg) center no-repeat;margin-top: 50px;}
/*数字*/
.ys_box{
    height: 150px;
    width: 1300px;
    margin: 0 auto;
    margin-top: 50px;

}

.ys_box ul li{
    float: left;
    width: 325px;
    height: 160px;
    text-align: center;
    background: url(../images/xiana.png) right center no-repeat;
    margin-top: 16px;
}
.ys_box ul li+li+li+li{
    background: initial;
}
.ys_box .div1{
    position: relative;
}
.ys_box .div1 .span1{
    font-size: 60px;
    color: #007ce9;
    font-family: "Arial";
}
.ys_box .div1 .span3{width: 35px;height: 35px;background: #ffa900;border-radius: 50px;display:inline-block;margin-left: 10px;position: relative;bottom: 15px;line-height: 32px;color: #fff;font-size: 16px;}
.ys_box .div2{margin-top: 10px;}
.ys_box .div2 .span2{
    font-size: 18px;
    color: #333;
}
.ys_box .div3{
  background: url(../images/jiantou.png) center no-repeat;
  display: block;
  width: 15px;
  height: 10px;
  margin: 0 auto;
}
.adv-bg{
  width: 1350px;
  margin: 0 auto;
  margin-top: 40px;
  position: relative;
}
.advbt{
  text-align: center;

}
.advbt b{
  font-size: 55px;
  font-family: "Arial";
  text-transform: uppercase;
  color: #2b7bd8
}
.advbt span{
  display: block;
  color: #fff;
  font-size: 33px;
  position: relative;
  margin-top: -50px;
  font-weight: bold;
}
.zhutu{
  
}
.zhutu img{
  display: block;
  margin: 0 auto;
  margin-top: 15px;
}
.yuan{
  animation: yuan 30s linear infinite;
}
@keyframes yuan{
     0%{transform: rotate(0deg)}
     100%{transform: rotate(360deg)}
}
.youshi{position: absolute;}
.ysa{
  top: 150px;
  left: 120px;
}
.ysa span{
  display: block;
  width: 205px;
  height: 42px;
  background:url(../images/ystbc.png) center no-repeat;
  position: relative;
  margin-top: -70px;
  margin-left: 50px;
  line-height: 42px;
  text-align: center;
  font-size: 23px;
  color: #fff;
}
.ysa p{
  display: block;
  width: 260px;
  color: #fff;
  line-height: 25px;
  font-size: 15px;
  margin-top: 35px;
  margin-left: 20px;
}
.ysb{
  top: 480px;
  left: 10px;
  z-index: 9
}
.ysc span{
  display: block;
  width: 205px;
  height: 42px;
  background:url(../images/ystbd.png) center no-repeat;
  position: relative;
  margin-top: -70px;
  margin-left: 90px;
  line-height: 42px;
  text-align: center;
  font-size: 23px;
  color: #fff;
}
.ysc p{
  display: block;
  width: 260px;
  color: #fff;
  line-height: 25px;
  font-size: 15px;
  margin-top: 35px;
  margin-left: 80px;
}
.ysc{
  top: 150px;
  right: 120px;
}
.ysd{
  top: 480px;
  right: 20px;
}
.advtu{
  position: absolute;
  top: 170px;
  left: 50%;
  margin-left: -415px;
}
.advtu img{animation: ball .6s infinite alternate;}



/*公司简介*/
.indexabbj{height:720px; background:url(../images/abbj.jpg) center no-repeat;}
.abfl{width: 570px;margin-left: 50px;margin-top: 80px;}
.abfl em{font-size: 60px;font-family: "Arial";font-weight: bold;color: #ebedf3}
.abfl a{display: block;font-size: 33px;color: #007ce9;    position: relative;margin-top: -50px;margin-left: 25px;font-weight: bold;}
.abfl p{font-size: 15px;color: #696969;line-height: 26px;margin-top: 40px;}
.abfl a:hover{color: #333}
.abfl ul{margin-top: 40px;margin-left: 45px;}
.abfl ul li{
  font-size: 17px;
  color: #626262;
  background: url(../images/abtb.png) left center no-repeat;
  height: 45px;
  line-height: 45px;
  padding-left: 90px;
  margin-bottom: 20px;
}
.abfl ul li b{font-size: 23px;color: #1a9def;padding-right: 25px;}
.abimg{margin-top: 210px;}
.abimg img{border-radius: 30px 8px}

/*流程*/
.flowbj{
  width: 100%;
  height: 580px;
  background: url(../images/lcbj.jpg) center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.lcbt{
  text-align: center;
  padding-top: 50px;

}
.lcbt h3{
  color: #fff;
  font-size: 18px;
  line-height: 40px;
}
.lcbt b{
  font-size: 30px;
  color: #fff;
}
.lcbt img{
  display: block;
  margin: 0 auto;
  margin-top: 15px;
}
.liucheng_con{
    width: 1300px;
    margin: 0 auto;
    margin-top: 35px;
}
.liucheng_con ul li {
    float: left;
    width: 150px;
    height: 150px;
    margin: 0 33px;
    position: relative;
    cursor: pointer;
    background: url(../images/lc_bg.png) center center no-repeat;
}
.liucheng_con ul li img{
  transition: all 0.5s;
  display: block;
    margin: 0 auto;
    margin-top: 28px;
}
.liucheng_con ul li span {
    text-align: center;
    margin: 10px auto;
    display: block;
    font-size: 18px;
    color: #fff;
}

.liucheng_con ul li:hover img {
    transform: rotate(360deg);
}

.liucheng_con ul li::after {
    content: '';
    display: block;
    width: 17px;
    height: 22px;
    position: absolute;
    right: -35px;
    top: 37%;
    margin-top: -11px;
    background: url(../images/j.png) top left no-repeat;
}

.liucheng_con ul li:last-child::after {
    content: '';
    background: none;
}
.liucheng_con ul li:nth-child(2n) {
  background: url(../images/lc_bga.png) center center no-repeat;
}
.lctel{
  width: 650px;
  margin: 0 auto;
  margin-top: 30px;
}
.lctel p{
  font-size: 16px;
  color: #fff;
  display: block;
  height: 75px;
  border-bottom: 1px #8f9295 solid;
  line-height: 75px;
  background: url(../images/tel.png) 50px center no-repeat;
  padding-left: 120px
}
.lctel p b{
  color: #f7c433;
  font-size: 33px;
  font-family: "Arial";
}
.lctel a{
  width: 190px;
  height: 45px;
  background:#007ce9;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
}
.lctel a:hover{
  background: #f7c433
}


/*新闻*/
.newbj{
  width: 100%;
  height: 650px;
  background: url(../images/newbj.jpg) top center no-repeat;
  margin-bottom: 40px;
}

.xwbt{background: url(../images/xwbt.png) left center no-repeat;width: 445px;height: 85px;margin: 0 auto;text-align: right;margin-bottom: 35px;}
.xwbt a{color: #333;font-size: 35px;font-weight: bold;}
.xwbt a span{color: #2c9f00;}
.xwbt a:hover{color: #2c9f00;}
.newlb{
  width: 86%;
  margin: 0 auto;
}
.newlb ul li{
  float: left;
  width: 23%;
  height: 430px;
  box-sizing: border-box;
  margin-left: 7px;
  margin-right: 16px;
  margin-top: 10px;
}
.newlb ul li .nimg{
  width: 100%;
  height: 230px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  
}
.newlb ul li .nimg img{
  width: 100%;
  height: 100%;
  
}
.newlb ul li .nimg span{
  width: 105px;
  height: 30px;
  background: #ffae00;
  position: absolute;
  top: 20px;
  right: 15px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
}

.newlb ul li .ntit{
  width: 88%;
  height: 210px;
  margin: 0 auto;
  overflow: hidden; 
  background: #fff;
  position: relative;
  margin-top: -60px;
  box-shadow: 0 3px 10px #cacaca;
  padding: 30px 20px
}

.newlb ul li .ntit h3 a{
  font-size: 16px;
  color: #333;
  display: block;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  overflow:hidden;
}

.newlb ul li .ntit p{
   font-size: 14px;
   color: #888;
   line-height: 23px;
  display: block;
  height: 55px;
  overflow: hidden;
}
.newlb ul li .ntit .rdmore{
  background: url(../images/jt.jpg) left center no-repeat;
  color: #2c2c2c;
  font-size: 14px;
  padding-left: 25px;
  display: block;
  margin: 0 auto;
  width: 100px;
  margin-top: 20px;
}
.newlb ul li:hover .ntit .rdmore{
  text-decoration: underline;
}

.newlb ul li:hover .nimg img{
  transition: all 1.2s;
    transform:scale(1.2, 1.2);
}
.newlb ul li:hover h3 a{
  color:#0071d4;
  padding-left: 13px;
  font-weight: bold;
}
.xwmore{
  width: 160px;
  height: 40px;
  border: 1px #6f879f solid;
  border-radius: 50px;
  margin: 0 auto;
  text-align: center;
  line-height: 40px;
}
.xwmore a{
  font-size: 15px;
  color: #6f879f;
  display:block;
}
.xwmore:hover{
  background: #0071d4;
}
.xwmore:hover a{color: #fff;}
/*底部*/
.footer{
    background: url(../images/footer_bg.jpg) center center no-repeat; 
    height: 450px
}
.dblianxi{
  text-align: center;
  padding-top: 15px;
}
.dblianxi b{
  font-size: 46px;
  font-family: "Arial";
  color: #709ad9;
}
.dblianxi a{
  font-size: 30px;
  color: #fff;
  display: block;
  position: relative;
  margin-top: -10px;
}
.dblianxi a:hover{
  text-decoration: underline;
}

.f_con{
    width: 1350px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 30px;
}
.f_l,.f_r{
    color: #fff;
}
.f_l{
    position: relative;
    width: 430px;
    background: url(../images/xianc.png) right center no-repeat;
}
.f_l span{
    display: block;
    padding-left: 80px;
}
.f_l span::before{
    display: block;
    content: '';
    width: 73px;
    height: 53px;
    background: url(../images/icon.png) -532px -96px no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.f_l span h3{
    font-size: 28px;
}
.f_l span i{
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #a7a7a7;
}
.f_l ul{
    position: relative;
    padding-left: 50px;
    margin: 30px 0 0 20px;
}
.f_l ul::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 130px;
    left: 0;
    top: 0;
    background: url(../images/icon.png) left 6px no-repeat;
}
.f_l ul li{
    line-height: 45px;
    font-size: 16px;
    color: #b3b3b3;
}

.f_mes{
    width: 520px;
}
.f_mes span, .f_mes em {
    display: inline-block;
    color: #fff;
    margin-right: 10px;
}
.f_mes em {
    color: #8a8c88;
}
.f_mes span {
    font-size: 23px;
}
.f_mes input {
    float: left;
    height: 40px;
    margin-right: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 240px;
    display: block;
    border: none;
    background: none;
    color: #fff;
    border-bottom: 1px #8a8a8a solid;
}
.f_mes button {
    display: block;
    width: 500px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    padding: 0;
    background: #396acb;
    font-size: 15px;
    border: none;
    margin-top: 15px;
    border-radius: 5px;
}
.in_flta{
  width: 500px !important;
  height: 50px !important;
  border-radius: 0 !important;
}
.f_mes button:hover{
  background: #ffae00;
}

.f_r{
    margin-top: 40px;
    margin-left: 90px;
}
.f_r span{
    display: block;
    float: left;
    margin: 0 5px;
}
.f_r span i{
    display: block;
    text-align: center;
    margin-top:15px;
    font-size: 15px;
    color: #a2a2a2;
    font-style: normal;
}
.f_b{
    text-align: center;
    font-size:14px;
    color: #e3e3e3;
    background: #000;
    line-height: 50px;
    height: 50px;
}

.f_b img{
    vertical-align: middle;
    margin-left: 20px;
    height: 35px;
}
.f_b a {
    color: #fff;
}
.toTop{
    display: block;
    width: 124px;
    height: 114px;
    background: url(../images/icon.png) -678px -32px no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 7px;
    margin-top: -25px;
    cursor: pointer;
}



/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-200px;
	_bottom:auto;
	width:36px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -65px;
}

/*在线留言*/
.online{width: 100%;height: 70px;background-color:rgba(0,0,0,0.7);position: fixed;bottom: 0;z-index: 9999;}
.on_ly{width: 100%;}
.on_ly p{color: #fff;font-size: 18px;}
.on_ly ul li{float: left;margin-top: 15px;}
.on_ly ul .in_flt{width: 198px;height: 35px;background: #fff;border:none; color: #afafaf !important;font-size: 16px;padding-left: 10px;margin-right: 15px;}
.on_ly ul li .FaqTitlesy{width: 155px;height: 35px;background: #fff;border:none; color: #afafaf !important;font-size: 16px;padding-left: 10px;margin-right: 15px;float: left;}
.on_ly ul li #VCode{float: right;width: 110px;}
.on_ly ul .in_flta{width: 300px;height: 35px;background: #fff;border:none; color: #afafaf !important;font-size: 16px;padding-left: 10px;margin-right: 15px;}
.on_ly ul .nanniu_bj{width: 80px;height: 35px;background: #f5600b;border:none;margin-left: 15px;color: #fff;font-size: 16px;}
.on_ly ul .nanniu_bj:hover{background: #ff9f00;}


/* 内页左侧分类 */
.nyfl{margin-bottom: 20px}
.nyfl ul li{float: left;width: 193px;height: 40px;line-height: 40px;text-align: center;border: 1px #ccc solid;border-radius: 50px;margin:0 10px 10px; }
.nyfl ul li a{color: #333;font-size: 16px;display: block;}
.nyfl ul li:hover{background: #016fd0}
.nyfl ul li:hover a{color: #fff}
/*内页左侧分类*/
.box_left{width: 260px;}
.conboya{width: 260px;height: auto;background: #7f1d74;text-align: center;padding-bottom: 20px;}
.conboya h2{color: #fff;font-size: 18px;font-weight: bold;line-height: 35px;padding-top: 10px;}
.conboya p{display: block;border-bottom: 1px #9e2891 solid;line-height: 30px;padding-bottom: 10px;color: #fff;}
.conboya a{display: block;width: 230px;height: 40px;margin: 0 auto;background: #fff;margin-top: 15px;line-height: 40px;color: #333;}  
.conboya a:hover{background: #d47143;color: #fff;}
.sideBottom{width: 260px;height: auto;background: #d47143 url(../images/zcdh.png) center 40px no-repeat;margin-top: 15px;padding-bottom: 40px;text-align: center;}
.sideBottom span{color: #fff;padding-top: 100px;display: block;}
.sideBottom p{color: #fff;font-size: 30px;font-family: "Impact"}
.sideBottom a{display: block;width: 150px;height: 35px;background: #fff;margin: 0 auto;border-radius: 25px;line-height: 35px;color: #333;margin-top: 20px;}
.sideBottom a:hover{background: #f39801;color: #fff;}
/**/

.breadcrumbs{font-size: 14px;line-height:70px;width:100%;border-bottom: 2px solid #007ce9;}


.dqdhMain{background: url(../images/home.png) 15px center no-repeat;padding-left: 50px;}

.dqdhMain span{ font-size:15px; color:#5a5a5a;}

.dqdhMain a{color:#666; font-size: 14px;}

.dqdhMain a:hover{ text-decoration:underline;}

.weizhi{color: #333;font-size: 18px;background: #007ce9;width: 280px;text-align: center;color: #fff;font-size: 23px;height: 71px;}

.s_width{ text-align:center; margin-top:30px;}

.s_width h2{ font-size:30px; color:#000; line-height:50px;}

.lybt{ text-align:center; padding-top:40px;}

.lybt span{font-size: 43px;line-height: 45px;text-transform: uppercase;color:#5a5a5a;}

.lybt h3{ display:block; font-size:20px; line-height:45px;color:#5a5a5a; background:url(../images/xiana.jpg) center center no-repeat;}

.liuyan{ margin-top:30px; text-align:center;}

.liuyan span{ font-size:20px;color: rgb(215, 12, 25);}

.liuyan a{ font-size:16px;color: #CCCCCC;}

.liuyan p{ font-size:16px;color: #666666; line-height:30px;}



/*·ÖÒ³*/

.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}

.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}

.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}

.page_nav font{ border:1px solid #fff;}

.page_nav a:hover{ color:#fff; border:1px solid #54a530; background-color:#54a530}



.viewpage{ margin:0; padding:20px 0 50px 0; border-top:1px solid #ececec;}

.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;padding-left: 20px;padding-right: 20px;}

.viewpage .main_r_nav a{ font-size:14px; color:#444}

.viewpage .main_r_nav a:hover{ text-decoration:underline;}



/*分页*/

.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}

.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}

.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}

.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}

.fenye .num:hover,.fenye .next:hover{ background-color:#cc0000; color:#fff; border:1px solid #cc0000;}


.nyyc{width: 290px;height: auto;background: #f6f6f6;}
.fenlei span{color: #fff;font-size: 28px;display: block;background: #007ce9;height: 90px;border-bottom: 5px #ffa200 solid;font-weight: bold;text-align: left;line-height: 90px;padding-left: 20;font-family: "黑体"}
.fenlei ul{margin-top: 20px;}
.fenlei ul li{height: 50px;line-height: 50px;background: #fff;margin: 0 auto; margin-bottom: 10px;padding-left: 25px;width: 235px;position: relative;}
.fenlei ul li a{color: #333;display: block;font-size: 16px;}
.fenlei ul li em {
    position: absolute;
    width: 3px;
    height: 17px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/listheng.jpg) no-repeat center;
}
.fenlei ul li:hover{background:#007ce9;cursor: pointer;}
.fenlei ul li:hover a{color: #fff;padding-left: 20px;}
.nylx{width: 235px;height: auto;background: #007ce9;padding-bottom: 30px;margin-top: 20px;padding: 20px 15px 20px 15px;margin: 0 auto;margin-bottom: 10px;}
.nylx span{color: #fff;font-size: 24px;font-family: "黑体"}
.nylx p{color: #fff;font-size: 14px;line-height: 26px;}
.main{ background:#fff;}
.page-tl-box{text-align: center;padding: 50px 0 35px;}
.page-tl-box h3{font-size: 36px;margin-bottom: 22px;}
.page-tl-box span{width: 200px;margin: 0 auto;position: relative;background-color: #dddddd;height: 1px;display: block;}
.page-tl-box span::after{content: "";width: 50px;height: 2px;background-color: #dd0900;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;z-index: 20;}
.page-tl-box span::after,.page-tl-box span::before {
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-tl-box p{font-size: 18px;color: #888;margin-top: 22px;}


.maina{ background:#fff;}

.main .main_right{ width:100%;}
.main .main_rightb{ width:1020px;margin-bottom:50px;border: 1px #ececec solid;}

.text{ line-height:35px; font-size:15px; color:#666;padding:30px;}

.text span{font-size:15px; color:#666;}

.text img{ max-width:100%;}

.main .tT01 {
  text-align:center;
  line-height:35px;
  padding-top:50px;
}
.main .tT01 .span1 {
  font-size:24px;
  color:#444;
}
.main .subtitle {
  font-size: 16px;
  line-height:50px;
  height: 50px;
  color: #8F8F8F;
  text-align:center;
  background: #f6f6f6;
  margin-top: 20px;
}
.main .subtitle span {
  padding:0 10px;
}
.main .subtitle .time {
    width: 400px;
    margin: 0 auto;
}
.main .subtitle span {
    display: block;
    padding-left: 25px;
}
.main .subtitle span.span1 {
    background: url(../images/shijian.png) left center no-repeat;
}
.main .subtitle span.span2 {
    background: url(../images/liulan.png) left center no-repeat;
}



.main .main_left{ width:182px; }

.main .main_left .titleL{ height:80px; background:url(../images/bt_vt57.jpg) top right no-repeat;  text-align:center; overflow:auto;}

.main .main_left .titleL span{ font-size:24px; color:#fff; font-weight:700; display:block; width:100%; height:80px; line-height:80px;}

.main .main_left .titleL2{ display: block ;width:100%; margin-top:10px; overflow:hidden; }

.main .main_left .titleL2 img{ display:block; width:100%;}

.main .navLeft{}

.main .navLeft li a{ display:block; width:100%; height:45px; line-height:45px;;color:#305dc3; text-align:left; border-bottom:1px solid #305dc3; font-size:14px; position:relative;}

.main .navLeft li a span{ position:relative; z-index:5; padding-left:15px  }

.main .navLeft li a em{ display:block; width:0; position:absolute; z-index:1; left:0; top:0; height:100%;background-color:#305dc3;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.main .navLeft li a:hover,.main .navLeft li.active a{ color:#fff;}

.main .navLeft li a:hover em,.main .navLeft li.active a em{ width:100%;}





.product_top{padding: 10px;}

.product_top .l_img{ width:650px; height:455px; background-color:#f2f2f2; text-align:center; display:table;}

.product_top .l_img span{/*display: table-cell; vertical-align:middle;*/ display:block; width:100%; height:100%; background-size:cover !important; }

.product_top span img{ display:inline-block; max-width:100%; max-height:100%; vertical-align:middle;} 

.product_top .r_box{ width:510px;}

.product_top .r_box .product_title{border-bottom:1px solid #ddd;padding:10px 0 8px 0;}

.product_top .r_box .product_title h2{ font-weight:700; font-size:26px;color:#101010;}

.miaoshu{}

.product_top .subtitle{font-size:14px;color:#b7b7b7; padding-top:8px;}

.product_top .subtitle span{ display:block; padding-left:25px; line-height: 23px; height: 24px; }

.product_top .subtitle span.span1{ background:url(../images/shijian.png) left center no-repeat;}

.product_top .subtitle span.span2{ background:url(../images/liulan.png) left center no-repeat;}

.product_top .keyword{ height:40px; line-height:40px; font-size:15px; color:#717171;}

.product_top .keyword span{ font-size:18px; color:#0059A9;}

.product_top .desc{font-size:15px; color:#717171; line-height:30px; }

.product_top .desc span{ font-size:20px; font-weight:bold; color:#e40000;}

.product_top .desc span b{ font-size:30px;}



.maina .main_righta{background: #fff;padding-bottom: 50px;}
.h30{height: 30px;}

.newsTitle {

    height: 63px;

    line-height: 60px;

    font-size: 20px;

    border-bottom: 1px solid #ebebeb;

}

.newsTitle a {

    float: left;

    padding: 0 35px;

    cursor: pointer;

    margin-top: 2px;

}

.newsTitle .active {

    color: #3dc3e8;

    border-bottom: 2px solid #3dc3e8;

    position: relative;

    top: 1px;

    line-height: 58px;

}





#faqbox{padding:50px 0 50px 300px;}

#faqbox form{}

#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}

#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}

#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}

#faqbox font{margin:0 5px;}

#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:435px; vertical-align:top;}

#faqbox .Content textarea{height:100px;}

.wizfrm{ border:none;width:455px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:#fff; margin-top:20px;  font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;background-color:#ffa200; }

.wizfrm:hover{ background-color:#35bfcb; }



/**/


.mainBox{width: 1350px;margin: 0 auto;padding-bottom: 90px}
.main .proLista{width:80px;position:relative; margin-top:10px;}

.main .proLista{ overflow:hidden; width:100%;}

.main .proLista li{ width:420px; float:left; margin:0 0 30px 20px;position: relative;} 

.main .proLista li .boxa{ width:420px; height:320px;display:block; cursor:pointer;border-bottom: 2px #007ce9 solid;}

.main .proLista li .boxa .spanImg{ display:block; overflow:hidden;width:420px; height:320px;

background-position:center center; 

-webkit-background-size: cover;  

-moz-background-size: cover;  

-o-background-size: cover; 

background-size:cover;}



.main .proLista li .spanT{ display: block; z-index:10; height:55px; line-height:55px; width:400px; margin:auto;color:#333; font-size:18px;padding-left: 20px; background:#f2f5fa;}
.main .proLista li:hover .spanT{text-align: center;font-weight: bold;}
.main .proLista li .spanT a{display: block;}

.main .proLista li  .avatara  {
    display: block;
    height:320px;
    overflow: hidden;
    width: 420px;
    position: relative;
}
.main .proLista li .avatara {
    height:320px;
}
.main .proLista li:hover .avatara .spanImg , .zhuti:hover .avatara .spanImg, .bbsinner:hover .avatara .spanImg  {
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}
.mpro_txt{position: absolute;top:50px;left: 50%;margin-left: -150px;border-radius: 30px; background: rgba(0, 125, 233, .6);width: 70%;height: 130px;text-align: center;padding-top: 60px;opacity: 0}
.mpro_txt em{color: #fff;font-size: 21px;}
.mpro_txt span{color: #fff;display: block;font-family: "Arial";font-size: 30px;}
.main .proLista li:hover .mpro_txt{opacity: 1}

/**/

.main .news_list {
}
.main .news_list li {
  height: 220px;
  margin-top: 15px;
  border-bottom: 1px dashed #dddddd;

}
.main .news_list li .img {
  border: 1px #f0f0f0 solid;
  margin-left: 15px;
  margin-top: 13px;
  overflow: hidden;
}
.main .news_list li .lMore {
  width:860px;
  margin-right: 25px;
  margin-top: 30px;
  margin-left: 30px
}
.main .news_list li .lMore .title {
  font-size: 16px;
  color: #393939;
  line-height: 36px;
  margin-bottom:15px;
}
.main .news_list li .lMore span {
  font-size:14px;
  color:#999;
  line-height: 30px;
  background:url(../images/clock.png) left center no-repeat;
  padding-left: 35px;
  height: 30px;
    display: block;
    margin-top: 20px;
}
.main .news_list li .lMore p {
  font-size:13px;
  color:#999;
  line-height:26px;
}
.main .news_list li .more2 {
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #666;
  border: 1px solid #ddd;
  display:block;
  font-size:23px;
  text-align:center;
  margin-top: 75px;
  margin-right: 20px
}
.main .news_list li:hover .title{
  color:#0071d4;
  padding-left:15px;
  font-weight:bold;
}
.main .news_list li:hover .more2{
  background:#0071d4;
  border-color: #0071d4;
  color:#fff;
    transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;
}
.main .news_list li:hover .more2 a{
  color:#fff;
  display: block;
}
.main .news_list li:hover {
  box-shadow: 0 3px 10px 3px rgba(0, 0, 0, .08);
transition: all .3s ease-out;
  border-bottom: none;
}
.main .news_list li:hover .img img{
  transition: all 1.2s;
    transform: scale(1.2, 1.2);
}

.BMap_Marker{ display:none !important;}

.BMap_Marker.BMap_noprint{ background: url(../images/dt.png)  center center no-repeat !important; display:block !important; }


.box_left {
    float: left;
    width:260px;
}
.box_left .mode1 {
    width: 225px;
    margin-bottom: 20px;
}
.box_left .mode1 .z_title {
    font-size: 24px;
    display: block;
    color: #FF2D00;
    margin-left: 10px;
}
.box_left .mode1 .english {
    font-size: 24px;
    color: #d9d9d9;
    letter-spacing: 5px;
    height: 60px;
    margin-left: 10px;
}
.box_left .mode1 ul {
    overflow: hidden;
    padding-left: 0;
    margin-top: 24px;
}
.box_left .mode1 ul li {
    line-height: 40px;
    text-indent: 2em;
    margin: 10px 0;
}
.box_left .mode1 ul li a {
    color: #333;
    display: block;
    height: 40px;
    line-height: 40px;
}
.box_left .mode1 ul li:hover, .box_left .mode1 ul li .hover {
    background: #FF2D00;
    color: #ffba00;
}
.box_left .mode1 ul li a:hover {
    color: #fff;
}
.box_left .mode2 {
    width: 225px;
    overflow: hidden;
    margin-top: 50px;
}
.box_left .mode2 .z_title {
    font-size: 24px;
    display: block;
    color: #FF2D00;
    margin-left: 10px;
}
.box_left .mode2 .english {
    font-size: 24px;
    color: #d9d9d9;
    letter-spacing: 5px;
    height: 60px;
    margin-left: 10px;
}
.box_left .mode2 ul {
    margin: 0 0;
    padding: 10px 0 10px 0;
}
.box_left .mode2 ul li {
    line-height: 40px;
    height: 40px;
    border-bottom: 1px dashed #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: auto;
    margin-right: 10px;
    margin-left: 10px;
}
.box_left .mode2 ul li:hover a {
    color:#ffba00;
}
.box_left .mode2 ul li:hover {
    border-bottom: 1px dashed #ffba00;
}
.box_left .mode3 {
    margin: 50px 0;
}
.box_left .mode3 span {
    background: url(../images/left_con.png) no-repeat 0 0;
    display: block;
    ;
    height: 83px;
    line-height: 83px;
    font-size: 16px;
    text-indent: 1.5em;
    color:#FF2D00;
    font-weight: bold;
}
.box_left .mode3 .left_contact {
    line-height: 26px;
    background:#373737;
    color: #fff;
    padding:10px 15px;
    background-size: 100%
}
.zxmap {
    text-align: center;
    color: #000;
    font-size: 35px;
    margin-bottom: 20px;
}
.map{width: 100%;height: 453px;margin: 0 auto;display: block;}