﻿@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:1300px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;overflow:hidden}
.baseDiva{ width:1330px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;overflow:hidden}
.baseDivb{ width:1300px; margin:0 auto;height:600px;overflow:hidden}
.w1400 {margin: 0 auto;margin-left: auto !important;margin-right: auto !important;width: 1300px;overflow:hidden}
.w1300 {margin: 0 auto;margin-left: auto !important;margin-right: auto !important;width: 1300px;overflow:hidden}
.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);
  }
}
/*top*/
.top-part {height: 120px;width: 94%;margin: 0 auto;}
.top-part .by{ margin-left:30px; height:80px;margin-top: 20px;}
.top-part .by span{ display:block; line-height:80px; float:left;}
.top-part .by .span1{ color:#777; font-size:26px; font-family:华文行楷}
.top-part .by .span2{ font-weight:700; padding:0 5px; color:#d8d8d8;}
/*头部文字动画*/
@media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { 
    .work{background-image: -webkit-linear-gradient(left, #0301d1, #f6bf1a 25%, #0301d1 50%, #f6bf1a 75%, #0301d1); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%;   -webkit-animation: masked-animation 0.8s infinite linear;} 
  .work{background-image: -webkit-linear-gradient(left, #0301d1, #f6bf1a 50%, #0301d1 50%, #f6bf1a 100%, #0301d1);       -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: masked-animation 3s infinite linear;}
.work span{ color:#0301d1;}
}
@-webkit-keyframes masked-animation {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}
@-moz-keyframes rotate{
            100%{-moz-transform:rotate(0deg);}
             100%{ -moz-transform:rotate(360deg);}
          }
 @-webkit-keyframes rotate{
            100%{-webkit-transform:rotate(0deg);}
             100%{-webkit-transform:rotate(360deg);}
          }
 @keyframes rotate{
            100%{transform:rotate(0deg);}
             100%{transform:rotate(360deg);}
          }     
/*中间文字动画结束*/


/*宽度小于1920px*/
@media screen and (max-width:1800px){ 
.head {}
.top-part{width: 100%;}
.top-part .by{ height:auto; padding-top:2px !important;}
.top-part .by span{ display:block;float:none; line-height:25px;}
.top-part .by .span1{ color:#777; font-size:16px;}
.top-part .by .span2{ display:none;}
.navb .m{padding:0 15px !important;}
.navb{margin-left: 30px !important;;}
}


.nava {
  background: #fff;
  width: 100%;
  z-index: 99;
  height: 120px;
}
@media(max-width:992px){
    .nava{
        position:relative;
        background:#54af69;
    }
}
.nava .left-logo {
  width: 460px;
  height: 120px;
  text-align: center;
  vertical-align: middle;
}
.nava .left-logo img {
  vertical-align: middle;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  max-width: 100%;
  *display: inline;
  max-width:;
}
.navb{margin-left: 90px;}

.navb .m {
    position: relative;
    float: left;
    display: inline;
    text-align: center;
    height: 120px;
    padding: 0 18px;
}
.navb a {
    font-size: 100%;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
}
.navb a .span1 {
    zoom: 1;
    display: block;
    color: #000;
    text-align: center;
    font-size: 16px;
    padding-top: 30px;
}
.navb a .span2{color: #bbb;font-size: 14px;padding-top: 5px;display: block;}

.navb a::after{content:''; display:block;position:absolute; z-index:1; right:50%; bottom:25px; width:5px; height:2px; z-index:1; background-color:#16d378;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }
.navb a::before{content:''; position:absolute; z-index:1; left:50%; bottom:25px; width:5px; height:2px; z-index:1; background-color:#16d378; -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

.navb .m:hover{transition-duration: .3s;background: #0f9d58;color: #fff;font-size: 18px;text-decoration: none;}
.navb .m:hover .span1{color: #fff;}
.navb .m:hover .span2{color: #f3f3f3;}
.nava .sh {
    width: 6%;
    height: 120px;
    background:#0f9d58;
    cursor: pointer;
}
.nava .sh img{animation: ball .6s infinite alternate;display: block;margin: 0 auto;margin-top: 30px;}
/* 搜索 */
.in_shbox{ clear:both; width:100%; height:117px;background-color: rgba(0,0,0,0.7);display:none; height:0;position: absolute;top: 120px;z-index: 999}
.in_shbox .in_sh{ width:910px; margin:0 auto; overflow:hidden; padding-top:35px;}
.in_shbox .in_sh .txt{ float:left; width:783px; line-height:21px; padding:13px 10px; border:0; background:#FFF;}
.in_shbox .in_sh .btn{ float:left; width:107px; height:47px;text-align:center; color:#FFF; font-size:17px; border:0; background:#df0800; cursor:pointer;}
.in_topjg{height: 103px;}

.navb .sub {
    display: none;
    width: 200px;
    position: absolute;
    top: 120px;
    line-height: 30px;
    z-index: 1000;
}
.navb .sub2 {
    right: -280px !important;
    width:400px;
}
.navb .sub li{ text-align:center;  }
.navb .sub li a{ color:#5e5e5e; display:block; zoom:1;}
.navb .sub li a:hover{  background:#ddd; color:#c00; }
.navb .sub li a img{width: 151px;height:129px;}
.navb .sub li p{text-align:left;}

.pagination{padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#40aae2;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>
.pagination{ text-align:center;  }
.pagination li a{ color:#5e5e5e; display:block; zoom:1;}
.pagination li a:hover{  background:#ddd; color:#c00; }
.pagination li a img{width: 151px;height:129px;}
.pagination li p{text-align:left;}
.mun1{width:200px; ; background:#f6f6f6; overflow:hidden; padding-left:15px; -moz-box-shadow:0px 2px 2px #999 inset; -webkit-box-shadow:0px 2px 2px #999 inset; box-shadow:0px 2px 2px #e4e4e4 inset;}
.mun1 ul li{width:150px; float:left; height:auto; overflow:hidden; margin-left:13px; margin-top:5px;}
.mun1 ul li h2{width:100%; font-size:14px; color:#5e5e5e; border-bottom:1px solid #dbdbdb; line-height:35px; margin-bottom:7px;}
.nav .sub .mun1 ul li p a{width:100%; height:28px; display:block; color:#919191; font-size:13px;overflow: hidden;}
.nav .sub .mun1 ul li p a:hover{color:#54af69; background:none;}
.mun1 ul li ul li{width:75px; float:left; margin:0px;}
.nava .sub .mun1 ul li ul li a{color:#919191;font-size:14px; }
.nava .sub .mun1 ul li ul li a:hover{color:#54af69; background:none;}

@media screen and (max-width: 1640px) {
  .nava .right-tel p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1312px) {
  
  .top-part .by{display: none;}
}
@media screen and (max-width: 992px) {
  .nava .right-tel {
    display: none;
  }
  .nava .nav-btn {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  .nava ul {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    width: 30%;
    right: -30%;
    padding: 0 18px;
    height: 100%;
  }
  .nava ul li {
    float: none;
    width: 100%;
    border-bottom: 1px dotted #cccccc;
  }
  .nava ul li a {
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
  }
  .nava ul li span {
    display: none;
    line-height:15px;
  }
  .nava ul .closemenu {
    display: block;
    margin-top: 12px;
    text-align: right;
  }
  .nava ul .closemenu i {
    color: #ffffff;
  }
}



/*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:610px;}
.banner_slides li.slidesjs-slide{width:100%;height:610px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:610px;}
.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;  }
.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:#000;background-image:url(images/pre02.png);}
.btn_next{ right:4%; background-image:url(images/next01.png);}
.btn_next:hover{ background-color:#000;background-image:url(images/next02.png);}
/**/
.slides_pagination{ width:100px;height:15px;bottom:30px; right:50%; margin-right:-37px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 7px;display:inline-block; width:10px;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:10px;height:10px;line-height:50px; border:2px solid #fff;color:#666;border-radius:100%;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#fff;color:#fff; border:2px solid #fff;}
/*banner end*/


.cp_all{padding:30px 0 0px 0;}
.cpbt{ text-align:center;}
.cpbt h2{font-size: 42px;color: #333;margin: auto;background: url(images/bt_line.png)no-repeat center;}
.cpbt h2 span{color: #54af69;}
.cpbt p{text-align: center;color: #767676;font-size: 16px;}

.pnav{width: 1300px;position: relative;margin: 0 auto 0 auto;padding-top:40px;}
.pnav ul{text-align: center;}
.pnav ul li {display: block;margin: 0 18px;overflow: hidden;transition: all .3s;float: left;}
.pnav ul li a{display: block;position: relative;}
.pnav ul li a img{transition:  1s;width: 160px;height: 160px;border-radius: 50%;}
.pnav ul li a p{text-align: center;font-size: 14px;color: #fff;margin-top: 5px;background: #e10312;padding: 5px 0 25px 0;margin: 0 auto;transition: .5s;bottom: 0px;width: 100%;}
.pnav ul li a i{position: absolute;bottom: 6px;font-style: normal;font-size: 18px;left: 123px;transition: .5s;}
.pnav ul li a:hover img{filter: brightness(120%);}
.pnav ul li a:hover p {background: #e10312;color: #fff;}
.pnav ul li a:hover i{color: #fff;}
.pnav .btnLeft,.pnav .btnRight{position:absolute;top:60%;width:27px;height:51px;transition: 0.5s;opacity: 0.6;}
.pnav .btnLeft{left:-80px;background: url(images/guanqi_07.jpg)no-repeat center;}
.pnav .btnLeft:hover{left: -90px;opacity: 1;}
.pnav .btnRight{right:-80px;background:url(images/guanqi_10.jpg) no-repeat center;}
.pnav .btnRight:hover{right: -90px;opacity: 1;}

#ruanti_scroll img{width: 190px;height: 190px;overflow: hidden;border-radius: 50%;border: 12px solid #f7f7f7;transition: .3s;box-shadow: 0px 5px 6px rgba(0,0,0,0.3);}
#ruanti_scroll em{display: block;text-align: center;font-size: 16px;color: #333;height: 35px;border-radius: 35px;margin: 0 auto;background: #f1f1f1;line-height: 34px;margin-top: 10px;transition: .3s;border: 1px solid #e1e1e1;font-weight: 700;}
#ruanti_scroll a{display: inline-block;margin: 0 15px;transition: all 1s;}
#ruanti_scroll span{display: block;transition: all 1s;}

#ruanti_scroll a:hover span{transform: rotateY(360deg);}
#ruanti_scroll a:hover em{background: #54af69;border: 1px solid #008b3d;color: #fff;}
#ruanti_scroll a:hover img{border: 12px solid #54af69;}

.container{width: 1300px; margin: 0 auto;}
.container::after{content: '';clear: both;display: block;}
/*产品分类*/
.product {background-color: #f1f1f1;padding:10px 0 0 0;}
.baseTitle{  margin:auto; text-align:center; margin-bottom:20px;width: 1300px;overflow: hidden;}
.baseTitle div{}
.baseTitle .div1{ text-align:center; font-size:40px; color:#333/*rgb(33, 124, 238)*/; line-height:45px; font-weight:700;}
.baseTitle .div1 span{color:#54af69}
.baseTitle .div2{ position:relative; margin-top:15px;}
.baseTitle .div2 a{display:block; text-align:center; margin:auto;height:6px; position:relative; z-index:10; position: relative}
.baseTitle .div2 a em{ display:block; position:absolute;top:0; height:6px; width:40px;  background-color:#54af69; z-index:10;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.baseTitle .div2 a em.em1{ right:50%;}
.baseTitle .div2 a em.em2{ left:50%;}
.baseTitle .div2 .em3{ display:block; position:absolute; z-index:1; top:50%; margin-top:-1px; left:25%; width:50%; height:0; border-top:#ededed 1px solid;}
.baseTitle:hover .div2 a .em1,.baseTitle:hover .div2 a .em2{ width:130px;}
.baseTitle .div3{ font-size:14px; color:#888; padding-top:15px; letter-spacing:2px;}
.indexTypes{padding:30px 0;}
.indexTypes ul{height:180px;background:#54af69 url(images/20000029981.jpg) center center no-repeat; overflow:hidden;}
.indexTypes ul li{position:relative;float:left;width:260px;overflow:hidden;height:180px;overflow:hidden;transition:none;}
.indexTypes ul li:hover{cursor:pointer;}
.indexTypes ul li.currnet{width:560px;}
.indexTypes ul li .title23{width:260px;font-size:18px;color: #fff;font-family:"微软雅黑";height:180px; float:left;}
.indexTypes ul li .title23 a{color:#fff; width:260px; height:100%;display:block; text-align:center;}
.indexTypes ul li .title23 .img{ display: block; height:70px; margin-top:35px;}
.indexTypes ul li .title23 .spanT{ display:block; padding-top:10px;}
.indexTypes ul li.current .title23{ background:#E40011;}
.indexTypes ul li .con{position:absolute; top:0; width:260px; left:260px;overflow:hidden;height:180px;overflow:hidden; }
.indexTypes ul li .con ul{padding-top:12px;}
.indexTypes ul li .con ul li{float:none;height:auto;width:auto;}
.indexTypes ul li .con a{ display:block; width:260px; height:180px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.indexTypes ul .lin_1 .title23 .img{background:url(images/class01.png) no-repeat center center; }
.indexTypes ul .lin_2 .title23 .img{background:url(images/class02.png) no-repeat center center; }
.indexTypes ul .lin_3 .title23 .img{background:url(images/class03.png) no-repeat center center; }
.indexTypes ul .lin_4 .title23 .img{background:url(images/class04.png) no-repeat center center; }

/*产品展示*/
.pro-bj{position: relative; margin-top:35px;}
.pro-bj .top_m{display: block;width: 120px;height: 40px;position: absolute;top: -10px;left: 50%;margin-left: -60px;background: url(images/pro_top.jpg) top center no-repeat;}
.h60{height: 60px;}
#pro-box1{
  width: 90%;
  overflow: hidden;
  margin: 50px auto;
}
@media (max-width: 1366px) {
  #pro-box1{
  width: 100%;
  overflow: hidden;
  margin: 50px auto;
  }
}
#pro-box1 li{
    width: 24%;
    height: 230px;
    background: #fff;
    margin: 0 0.5% 20px 0.5%;
    float: left;
    list-style: none;
    position: relative;
    z-index: 0;
    border-bottom: solid 1px #e0e0e0;
    box-sizing: border-box;
}
#pro-box1 li .Img div{
    width: 100%;
    height: 230px;
    padding: 0;
    margin: 0;
    display: block;
}
#pro-box1 li p{
  position: absolute;
  width: 100%;
  height: 50px;
  background: rgba(0,0,0,0.7);
  z-index: 999;
  left: 0;
  bottom: 0;
}

#pro-box1 li p .sytitle{
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    margin-left: 20px;
}
#pro-box1 li p .smore{
  display: block;
  width: 35%;
  z-index: 3;
  margin: 0 auto;
  position: absolute;
  right: 20px;
  bottom: 10px;
  background: url(images/cpjt.png) right center no-repeat;
  height: 30px;
}
#pro-box1 li p .tumore{display: none;}
#pro-box1 li p .cptel{display: none;}
#pro-box1 li:hover p{height: 100%; background: rgba(0,98,190,0.7); transition: all 1s ease 0s;}
#pro-box1 li:hover p .sytitle{text-align: center;color: #fff;font-size: 25px;display: block;margin-left: initial;margin-top: 70px;}
#pro-box1 li:hover p .cptel{display: block;color: #fff;text-align: center;font-family: "Impact";font-size: 35px;margin-top: 10px;}
#pro-box1 li:hover p .smore{display: none;}
#pro-box1 li:hover p .tumore{display: block;width: 45px;height: 45px;background: #fff;border-radius: 50px;margin: 0 auto;text-align: center;line-height: 40px;margin-top: 20px;font-size: 30px;color: #e20000;}

#pro-box1 li .avatar{
    position: relative;
}
#pro-box1 li .avatar{
    display: block;
    height: 330px;
    overflow: hidden;
    width:100%;
}
#pro-box1 li .avatar .myClass{
    height: 230px;
}
.avatar:after {
    bottom: 0;
    content: url("images/bg_play.png");
    left: 5px;
    position: absolute;
    z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
    box-shadow: 0 0 10px gray;
}
.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;
}

.pro_more{width: 560px;margin: 0 auto;margin-top: 50px;height: 60px;}
.pro_more a{display: block;width: 260px;height: 50px;border-radius:35px;float: left;margin-left: 10px;margin-right: 10px;text-align: center;line-height: 50px;color: #fff;}
.pro_more .cpdh{background: #54af69 url(images/tel.png) 15px center no-repeat;font-size: 25px;font-family: "Impact";}
.pro_more .cpgd{background: #54af69;font-size: 16px;}
.pro_more:hover a{color: #fff;}
.pro_more .cpdh:hover{margin-top: 10px;background: #bc0900 url(images/tel.png) 15px center no-repeat;}
.pro_more .cpgd:hover{margin-top: 10px;background: #004faa;}

/*公司简介*/
.about_bj{height: 580px;width: 100%;background: url(images/gsbj.jpg) top center no-repeat;margin-top: 50px;}
.abbt{text-align: center;height: 90px;background: url(images/ab.png) top center no-repeat;margin-top: 30px;}
.abbt a{color: #000;font-size: 35px;font-weight: bold;display: block;padding-top: 15px;color: #000;}
.abbt em{display: block;width: 70px;height: 4px;background: #54af69;margin: 0 auto;margin-top: 10px;}
.abbt:hover a{color: #54af69;}
.abbt:hover em{width: 145px;transition: all 1s ease 0s;}
.neirong{width: 650px;box-shadow: 0 5px 5px #ccc;float: right;position: relative;background: #FFF;text-align: left;padding: 50px 30px 60px 400px;margin-top: 20px;}
.neirong h3{color: #54af69;font-size: 23px;font-weight: bold;}
.neirong span{font-size: 15px;color: #616161;font-family: "Times New Roman";text-transform: uppercase;line-height: 50px;}
.neirong p{color: #727272;font-size: 15px;line-height: 28px;}
.ablb{margin-top: 30px;}
.ablb ul li{float: left;width: 198px;height: 60px;background: url(images/juxing.png) left center no-repeat;margin-right: 10px;line-height: 60px;}
.ablb ul li img{padding-left: 35px;}
.ablb ul li a{color: #fff;font-size: 16px;padding-left: 10px;}
.ablb ul li:hover{background: url(images/juxinga.png) left center no-repeat;}
.ablb ul li:hover a{font-size: 18px;}
.abtu{width: 590px;height: 363px;position: absolute;margin-top: 40px;overflow: hidden;float: left;background:#ffffff no-repeat 7px center;box-shadow: 0 5px 5px #ccc;z-index: 9;}

/*数字*/
.ys_box{height: 110px;background: #fff;width: 1300px;margin:0 auto;overflow: hidden;}
.ys_box ul li{float: left;width: 320px;height: 110px;text-align: center;border-right: 1px #e5e5e5 solid;margin-top: 10px;}
.ys_box ul li:nth-child(4) {border-right-style: none;}
.ys_box .div1 .span1{font-size: 50px;color: #e00b00;font-family: "方正宋黑简体";}
.ys_box .div1 .span3{font-size: 16px;color: #000;font-family: "方正宋黑简体";}
.ys_box .div2 .span2{font-size: 18px;color: #7a7a7a;}

/*优势*/
.ysbj{height: 895px;width: 100%;background: url(images/ysbj.jpg) center no-repeat;margin-top: 40px;}
.ysbt{text-align: center;padding-top: 55px;width: 1300px;margin: 0 auto;overflow: hidden;}
.ysbt b{color: #292929;font-size: 35px;font-weight: bold;}
.ysbt b img{padding-top: 10px;animation: ball .6s infinite alternate;}
@-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);
  }
}
.ysbt span{display: block;font-family: "Times New Roman";font-size: 20px;color: #a8a8a8;text-transform: uppercase;line-height: 35px;font-style: italic;}
.ysneirong{width: 1200px;margin: 0 auto;background: url(images/yscen.png) center 150px no-repeat;height: 700px;position: relative;overflow: hidden;}
.biaoyu{width: 285px;height: 40px;background: #ffcc00;border-radius: 25px;margin-top: 100px;margin-left: 435px;line-height: 40px;font-size: 18px;color: #000;text-align: center;}
.ysa{width: 390px;padding-top: 90px;}
.ysa span{display: block;width: 105px;height: 105px;background: url(images/yuan.png) center center no-repeat;font-size: 55px;color: #ff5a00;font-weight: bold;text-align: center;line-height: 105px;}
.ysa p{color: #fff;font-size: 15px;display: block;width: 275px;}
.ysa p b{font-size: 20px;line-height: 45px;}
.ysb{width: 420px; margin-top: 35px;margin-left: 20px;}
.ysb span{display: block;width: 105px;height: 105px;background: url(images/yuan.png) center center no-repeat;font-size: 55px;color: #ff5a00;font-weight: bold;text-align: center;line-height: 105px;}
.ysb p{color: #000;font-size: 15px;display: block;width: 300px;margin-top: 50px;text-align: right;}
.ysb p b{font-size: 20px;line-height: 45px;}
.ysc{width: 430px;position: absolute;bottom: 30px;margin-left: 380px;}
.ysc span{display: block;width: 105px;height: 105px;background: url(images/yuan.png) center center no-repeat;font-size: 55px;color: #ff5a00;font-weight: bold;text-align: center;line-height: 105px;margin: 0 auto;}
.ysc p{color: #000;font-size: 15px;display: block;width: 430px;text-align: center;}
.ysc p b{font-size: 20px;line-height: 45px;}





/*案例*/
.xwbt{text-align: center;font-size: 35px;}
.xwbt a{color: #000;}
.xwbt a em{display: block;width: 60px;height: 4px;background: #54af69;margin: 0 auto;margin-top:18px;}
.xwbt a:hover{color: #54af69}
.xwbt a:hover em{background: #df0000;}

.case_bj{height:auto;margin-top: 40px;}


.commend-pro {position: relative;width: 400px;height:490px;overflow: hidden;}

.commend-pro .pro-content ul li {overflow: hidden;width: 400px;height: 490px;}

.commend-pro .pro-content ul li a .myClass {width: 400px;height:490px;}

.commend-pro .pro-content ul li a cite {position: relative;width: 100%;display: block;text-align: center;height: 34px;line-height: 34px;font-style: normal; }

.commend-pro .pro-content ul li a span {height: 50px;line-height:50px;width: 100%;text-align: center;color: #fff;font-size: 16px;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);display: none;}
.commend-pro .pro-content ul li a:hover span {background: rgba(14, 92, 182, 0.7);display: block;}
.commend-pro .pro-content ul li .avatar .myClass {
    display: block;
    height: 490px;
    overflow: hidden;
    width: 400px;
    position: relative;
}
.commend-pro .pro-content ul li .avatar .myClass{
    height: 490px;
}
.commend-pro .pro-content ul li .avatar .myClass:hover , .zhuti .avatar .myClass:hover, .bbsinner .avatar .myClass:hover  {
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}
.alright{width: 885px;height: 490px;float:right; }
#demo {

    WIDTH:885px; OVERFLOW:hidden;height: 490px;}



#indemo {

    WIDTH:9000px; FLOAT:left

}

#demo1 {

    FLOAT:left;

    width:1680px;

}

#demo2 {

    FLOAT:left;

    width:1380px;

}

.showcar li{width:320px; height:240px; float:left; margin-left:15px;overflow:hidden; position:relative; margin-bottom:10px;}

.showcar li .myClassa{width:320px; height:240px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}

.showcar li p{display: none; width:320px; height:45px;text-align:center; line-height:45px; position:absolute; left:0px; bottom:0px;background: rgba(0, 0, 0, 0.6);}

.showcar li a{color:#fff; font-size:15px;}

.showcar li:hover p{background: rgba(0, 113, 212, 0.7);display: block;}
.showcar li .avatara .myClassa {
    display: block;
    height: 240px;
    overflow: hidden;
    width: 320px;
    position: relative;
}
.showcar li .avatara .myClassa{
    height: 240px;
}
.showcar li .avatara .myClassa:hover , .zhuti .avatara .myClassa:hover, .bbsinner .avatara .myClassa:hover  {
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}


/*广告*/
.index_gg{height: 230px;background: url(images/ggbj.jpg) center no-repeat;margin-top: 60px;}
.ggfl{width: 620px;}
.gbt{padding-top: 20px;}
.gbt h3{color: #fff;font-size: 40px;}
.gbt span{color: #fff;font-size: 16px;text-transform: uppercase;}
.gys{margin-top: 20px;}
.gys ul li{float: left;color: #fff;font-size: 16px;background: url(images/dui.png) left center no-repeat;padding-left: 35px;margin-right: 45px;}
.gdh{width: 410px;height: 40px;background: #ffb400 url(images/tel.png) 40px center no-repeat;border-radius: 25px;margin-top: 15px;line-height: 40px;color: #fff;font-size: 16px;padding-left: 90px;}
.gdh span{font-family: "Impact";font-size: 25px;}
.ggfr img{animation: ball .6s infinite alternate;}

/*厂貌*/
#focus_Box{position:relative;height:450px; margin-top:40px;}
#focus_Box ul{position:relative;width:1400px; height:450px;}
#focus_Box li{z-index:0;position:absolute;width:0px;height:0;top:0px;cursor:pointer;left:377px;border: 10px #fff solid;}
#focus_Box li img{width:100%;height:100%;vertical-align:top; position:relative;}
#focus_Box li span{height:50px; line-height:50px;text-align:center; color:#fff; position:absolute; bottom:0; width:100%;background-color: rgba(0,0,0,.7);display:none;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:67px;height:140px;top:25%; margin-top:-6px;}
#focus_Box .prev{background:url(images/btn.png) left bottom no-repeat;left:-50px;}
#focus_Box .next{background:url(images/btn.png) right bottom no-repeat;right:-50px;}
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box li:hover span{background-color: rgba(14,92,182,.7);display: block;}


.index_ser{height: 600px;background: #eee;margin-top: 40px;}
.jsbt{text-align: center;padding-top: 20px;}
.jsbt a{display: block;background: url(images/xian.png) center bottom no-repeat;height: 90px;line-height: 70px;color: #000;font-size: 35px;font-weight: bold;}
.jsbt a span{color: #54af69;}
.jsbt p{font-size: 16px;color: #949598;line-height: 35px;}
.jsbt a:hover span{color: #d10a00;}
.serlb{margin-top: 35px;}
.serlb ul li{float: left;margin-right: 20px;position: relative;width: 420px;height: 400px;}
.serlb ul li:nth-child(3){margin-right: initial;}
.wenti{width: 330px;height: 200px;background: #0061d2;position: absolute;top: 170px;left: 55px;text-align: center;}
.wenti img{display: block;margin: 0 auto;margin-top: 20px;margin-bottom: 15px;}
.wenti a{color: #fff;font-size: 18px;}
.wenti em{display: block;width: 55px;height: 2px;background: #fff;margin: 0 auto;margin-top: 12px;}
.wenti span{font-size: 15px;color: #fff;line-height: 35px;}
.wenti:hover{background: #df0000;cursor: pointer;box-shadow: 0 5px 5px #ccc;}
.wenti:hover img{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.wenti:hover a{color: #fff;font-size: 20px;}
/*工程案例*/
.hotbj{background:url(images/hotbj.jpg) center 150px no-repeat; margin-top:35px;}

#demokk{overflow:hidden;width:100%;}
#demokk .demowrap{overflow:hidden;width:30000px;margin-top: 30px;}
#demokk .demowrap li{float:left;margin:0 1px 1px 0;display:inline;width: 200px;text-align: center;}
#demokk .demowrap li a{display:block;width:200px;overflow:hidden;position:relative;}
#demokk .demowrap li a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transition:all .5s;}
#demokk .demowrap li .project_info{width:100%;height:100%;position:absolute;left:0;top:0;transition:all ease-out .3s;}
#demokk .demowrap li a:hover .project_info{background: initial;}
#demokk .demowrap li .project_info div{position:relative;top:255px;left: 0;height: 45px;line-height: 45px;}
#demokk .demowrap li .project_info p.title{color:rgba(0,0,0,0);font-size:16px;transition:all ease-out .3s;}
#demokk .demowrap li .project_info p{text-align:center;color:#fff;padding:0 20px;}
#demokk .demowrap li a:hover .project_info p.title{color:#fff;background-color: #54af69;}
/*新闻*/
.newsbj{ height:auto; width:100%; background:#f7f7f7; padding-bottom:50px;margin-top:40px;}
.xwbt{padding-top: 45px;}
.xwbt .btfl{}
.xwbt .btfl h3{display: block;height: 40px;color: #000;font-size: 30px;background: url(images/xwa.png) left center no-repeat;line-height: 40px;padding-left: 40px;}
.xwbt .btfl span{display: block;height: 30px;line-height: 30px;background: url(images/xian.jpg) left center no-repeat;font-size: 14px;color: #7e7e7e;font-family: "Times New Roman";padding-left: 60px;}
.xwbt .btfr{height: 30px;background: #eee;border: 1px #e1e1e1 solid;line-height: 30px;margin-top: 10px;}
.xwbt .btfr a{color: #727272;font-size: 15px;float: left;width: 100px;border-right: 1px #e1e1e1 solid;}
.xwbt .btfr a:nth-child(2){border-right: initial;}
.xwbt .btfr a:hover{background: #df0000;color: #fff;}
.xwlb{}
.xwlb ul li{width: 313px;height: 415px;background: #fff;float: left;margin-right: 6px;margin-left: 6px;margin-top: 30px;position: relative;}
.xwlb ul li:nth-child(4){margin-right: initial;}

.xwClass{background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}

.xwlb ul li .xwtel{width: 185px;height: 35px;background: #199e6b;margin: 0 auto;line-height: 35px;text-align: center;color: #fff;font-size: 16px;position: absolute;top:190px;left: 75px; z-index: 99;}
.xwlb ul li .xwnr{padding: 30px 10px 0 10px;}
.xwlb ul li .xwnr h3{font-size: 16px;color: #000;line-height: 35px;overflow: hidden;height: 45px;}
.xwlb ul li .xwnr p{font-size: 14px;color: #7a7a7a;line-height: 22px;display: block;height: 70px;overflow: hidden;}
.xwlb ul li .xwnr span{display: block;background: url(images/rili.png) left center no-repeat;padding-left: 30px;color: #a4a4a4;font-size: 14px;margin-top: 5px;}
.xwlb ul li:hover{box-shadow: 0 5px 10px #c2c2c2;}
.xwlb ul li:hover .xwtel{top:85px;transition: all 1s ease 0s;}
.xwlb ul li:hover .xwnr{background: #199e6b;height: 250px;position: absolute;bottom: 0;}
.xwlb ul li:hover .xwnr h3{font-weight: bold;font-size: 16px;color: #fff;}
.xwlb ul li:hover .xwnr p{color: #f3f3f3;font-size: 14px;}
.xwlb ul li:hover .xwnr span{display: block;background: url(images/rilia.png) left center no-repeat;color: #fff;}
.xwlb ul li .xwmore{display: none;}
.xwlb ul li:hover .xwmore{display: block;position: absolute;bottom: 10px;left: 145px;}

/*流程*/
.lcbt{text-align: center;margin-top: 60px;margin-bottom: 50px;}
.lcbt b{font-size: 35px;color: #333;}
.lcbt b span{color: #c80a01;}
.lcbt p{font-size: 16px;color: #a8a8a8;text-transform: uppercase;line-height: 40px;}
.zhizuo{height: 250px;background: #fff;margin-top: 30px;}
.zhizuo ul{display: block;width: 1300px;margin: 0 auto;}
.zhizuo ul li{width: 260px;height: 240px; float: left;background: url(images/juxingb.png) top center no-repeat;margin-top: 5px;}
.zhizuo ul li img{display: block;margin: 0 auto;margin-top: 40px;}
.zhizuo ul li span{display: block;width: 260px;text-align: center;font-size: 18px;color: #000;margin-top: 70px;}
.zhizuo ul li:hover img{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
/* 友链 */
#link{
    margin: 0 auto;
    line-height: 40px;
    background: #367845;
    color: #fff;
    text-align: center;
}
#link a{color:#fff;}
/*底部*/
.footbj{background: url(images/footbj.jpg) center 0 no-repeat;width: 100%;}
.foot{width: 570px; height:490px; overflow:hidden;}
.fbt{width: 570px;height: 80px;border-bottom: 1px #7bdc92 solid;line-height: 80px;}
.fbt a{font-weight: bold;color: #fff;font-size: 25px;}
.fbt a span{font-weight: normal;color: #7bdc92;font-family: "Impact";}
.fbt a:hover{color: #de0a00;}
.ewm{width: 230px;margin-top: 80px;text-align: center;}
.ewm span{color: #fff;line-height: 45px;font-size: 15px;}
.ftel{width: 330px;margin-top: 30px;}
.ftel h3{font-size: 23px;color: #fff;font-weight: bold;line-height: 60px;}
.ftel p{display: block;background: url(images/tua.jpg) left 0 no-repeat;height: 290px;padding-left: 65px;font-size: 16px;color: #fff;line-height: 41px;}
.map{width: 640px;}
.mbt{}
.mbt b{color: #292929;font-size: 25px;line-height: 85px;}
.mbt b span{color: #54af69;font-family: "Impact";text-transform:uppercase;font-weight: normal;}
.mbt p{display: block;height: 45px;line-height: 45px;border-bottom: 1px #939393 solid;border-top: 1px #939393 solid;font-size: 16px;color: #3d3d3d;}
.ditu{margin-top: 30px;}
.fmore{width: 160px;height: 35px;background: #ff7800;margin-top: 15px;line-height: 35px;text-align: center;}
.fmore a{color: #fff;font-size: 16px;display: block;}
.fmore:hover{background: #e86d00;}
.fmore:hover a{color: #fff;}
.copy{width: 100%;background: #000;text-align: center;line-height: 35px;color: #fff;font-size: 14px;}
.copy a{color: #fff;}


/* 回到顶部 */
 #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;
}

/*内页分类*/
.h60{height: 60px;}
.nybanner{height: 450px;background: url(images/nybanner.jpg) center no-repeat;position: relative;}

.H-proclass{width: 1200px;height: 120px;background: #eee;margin-bottom: 20px;}
.H-proclass span a{display: block;float: left; width: 210px;height: 120px;background: #ffbe00;line-height: 120px;text-align: center;font-size: 18px;color: #fff;}
.H-proclass span a:hover{background: #ff9600;}
.H-proclass ul{display: block;float: right;width: 980px;}
.H-proclass ul li{float: left;line-height: 40px;}
.H-proclass ul li a{font-size: 15px;color: #868686;padding-left: 13px;padding-right: 13px;}
.H-proclass ul li:hover a{color: #cd0007;text-decoration: underline;}

.H-proclassa{width: 1200px;height: 40px;background: #eee;margin-bottom: 20px;}
.H-proclassa span a{display: block;float: left; width: 210px;height: 40px;background: #ffbe00;line-height: 40px;text-align: center;font-size: 18px;color: #fff;}
.H-proclassa span a:hover{background: #ff9600;}
.H-proclassa ul{display: block;float: right;width: 980px;}
.H-proclassa ul li{float: left;line-height: 40px;}
.H-proclassa ul li a{font-size: 15px;color: #868686;padding-left: 13px;padding-right: 13px;}
.H-proclassa ul li:hover a{color: #cd0007;text-decoration: underline;}
/*当前导航*/

.breadcrumbs{height:70px;font-size:14px;line-height:70px;color:#b0b0b0;background: #fdfdfd;border-bottom: 1px solid #f0f0f0;}
.breadcrumbs .dh_boxa{width: 89%;margin: 0 auto;overflow: hidden;}
.breadcrumbs .sortName{ color:#388c19; font-size:22px; font-weight:700;}
.breadcrumbs .dqdhMain{ float:right; }
.breadcrumbs .dqdhMain a{font-size: 14px;color: #666; display:inline-block;}
.breadcrumbs .dqdhMain a:hover{ text-decoration:underline; color:#000;}
.breadcrumbs .dqdhMain .span2{ color:#b7b7b7; font-size: 14px; display:inline-block; padding:0 5px;}
.breadcrumbs .indexa{ }
.breadcrumbs .span1{ color:#666;padding:0 10px 0 30px; background:url(images/dizhi.png) left center no-repeat;}
.breadcrumbs .dqdh_class{ margin-top:15px; float:left;}
.breadcrumbs .dqdh_class li{ float:left; padding:0 15px 0 0px; }
.breadcrumbs .dqdh_class li a{ display:block; padding:0 50px; height:40px; line-height:40px; background-color:rgb(48,93,195); color:#fff; font-size:15px; position:relative;}
.breadcrumbs .dqdh_class li a::before,.breadcrumbs .dqdh_class li a::after{ content:''; display:block; position:absolute; top:50%; margin-top:-6px; height:12px; width:1px; border-left:1px solid #fff; border-right:1px solid #fff;}
.breadcrumbs .dqdh_class li a::before{ left:20px;}
.breadcrumbs .dqdh_class li a::after{ right:20px;}
.breadcrumbs .dqdh_class li a:hover,.breadcrumbs .dqdh_class li.active a{ background-color:#ff7800;}

.nybt{text-align: center;}
.nybt h1{display: block;font-weight: bold;font-size: 30px;background: url(images/line1.jpg) bottom center no-repeat;height: 60px;line-height: 55px;}
.nybt p{font-size: 14px;color: #999;margin-top: 15px;}

.about-information h2 {
    text-transform: uppercase;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 0;
}
.section-header h2:before {
    border-left: 50px solid #DADADA;
    border-right: 50px solid #DADADA;
    bottom: 5px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -70px;
    position: absolute;
    width: 40px;
}
.section-header h2:after {
    background: #E70014 none repeat scroll 0 0 padding-box content-box;
    border-bottom: 1px solid #DADADA;
    border-left: 1px solid #DADADA;
    bottom: -10px;
    content: "";
    height: 22px;
    left: 50%;
    margin-left: -16px;
    padding: 0 0 8px 8px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 22px;
}
.section-header p {
    text-align: center;
    color: #969595;
    font-size: 15px;
    padding: 0 150px;
    margin: 0 0 40px 0;
    font-family: "Microsoft YaHei";
}
.section-header h2 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 45px;
    font-weight: 500;
    color: #313131;
    font-family: "Microsoft YaHei";
    text-align: center;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 30px;
}
/*内页导航*/
.sycpfl{width: 270px;}
.biaoti{background: url(images/zcbt.png) top center no-repeat;height: 85px;width: 270px;text-align: center;}
.biaoti a{display: block;text-align: center;color: #fff;font-size: 26px;line-height: 45px;}
.biaoti span{color: #fff;font-size: 18px;}
.cpfl{width: 260px;background: #f4f4f4;height: auto;padding-bottom: 30px;}
.cpfl ul{width: 230px;margin: 0 auto;}
.cpfl ul li{height: 60px;line-height: 60px;border-bottom: 1px #9b9b9b dotted;background: url(images/jiantou.png) 30px center no-repeat;}
.cpfl ul li a{font-size: 15px;color: #000;padding-left: 65px;display: block;}
.cpfl ul li:hover a{color: #dc0000;font-weight: bold;padding-left: 75px;}
.sytel{width: 260px;height: 190px;background: #3063b5 url(images/teltu.png) left bottom no-repeat;margin-top: 15px;}
.sytel p{font-size: 16px;color: #fff;display: block;padding-top: 40px;margin-left: 95px;}
.sytel p span{font-size: 23px;font-family: "Impact";display: block;}
.sytel a{display: block;width: 130px;height: 35px;background: #ffba00;line-height: 35px;text-align: center;border-radius: 25px;color: #fff;font-size: 16px;margin-top: 15px;margin-left: 115px;}
.sytel a:hover{background: #ff8400;color: #fff;}


.nytel{background: #fff;width: 260px;height: auto;margin-top: 20px;}
.nytel span{display: block;height: 60px;background: #3063b5;line-height: 60px;text-align: center;color: #fff;font-size: 23px;}
.nytel span b{font-weight: normal;font-size: 17px;}
.nytel p{padding: 15px;font-size: 16px;line-height: 30px;color: #333;}


.lybt{ text-align:center; margin-top:40px;}
.lybt span{font-size: 43px !important;line-height: 45px;text-transform: uppercase;color:#5a5a5a !important;}
.lybt h3{ display:block; font-size:20px; line-height:45px;color:#5a5a5a;background: url(images/xiana.jpg) center bottom 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;}

.nyfl{}
.nyfl ul li{width: 160px;height: 45px;background: #1964d2;float: left;margin-bottom: 15px;margin-right: 10px;border-radius: 25px;text-align: center;line-height: 45px;}
.nyfl ul li a{color: #fff;font-size: 16px;display: block;}
.nyfl ul li:hover{background: #d90000;font-weight: bold;}

/*内页关于我们*/
.about_box{width: 1300px;margin: 0 auto;margin-top: 50px;}
.about_box .about_left{ width:100%;}
.about_box .about_left .about_t1 { position:relative; height:40px;}
.about_box .about_left .about_t1 .div1{ font-size: 21px; line-height: 148%; color:#000;}
.about_box .about_left .about_t1 .div2{ font-size:18px; color:#444;}
.about_box .about_left .about_t1 .about_t2{text-align: center;} 
.about_box .about_left .about_t1 .about_t2 .span1{font-size:28px; font-weight:700; line-height:38px; color:#000;}
.about_box .about_left .about_t1 .about_t2 .span2{ font-size:14px; text-align:right; color:#b7b7b7; line-height:20px;}
.about_box .about_left .text{ line-height:35px; color:#666; font-size:15px; text-indent:2rem; padding-top:25px;}
.about_box .about_left .text p{ padding:10px 0;}
.about_box .about_right{ width:370px;}
.about_box .about_right ul{ margin-top:8px;}
.about_box .about_right ul li{ float:left; margin-left:2px; width:180px; margin-bottom:3px;border: 1px #ccc solid;}
.about_box .about_right ul li a{ display:block; width:100%; height:130px;background-repeat:no-repeat !important; background-size:cover !important;background-position:center center !important; -webkit-background-size: cover;  
-moz-background-size: cover;  -o-background-size: cover; }




/*Â·Ã–Ã’Â³*/
.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 #eee;}
.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;}

.maina{background-color:#eee;padding-bottom: 60px;width: 100%;padding: 60px 0;}
.main{ background-color:#fff;padding-bottom: 60px;}
.main .main_right{ width:100%;border-top: 1px #ebebeb solid;background: url(images/on_bj.jpg) left center no-repeat;}
.main .main_righta{ width:100%;}
.main .main_rightb{border: 1px solid #f0f0f0;margin-top: 50px;}
.text{ line-height:35px; font-size:15px; color:#666;padding:30px;}
.text span{font-size:15px; color:#666;}
.texta{ line-height:35px; font-size:15px; color:#666;padding:30px;}

.main .tT01{ text-align:center; line-height:35px; padding-top:30px;background: #fdfdfd}
.main .tT01 .span1{ font-size:24px; color:#444;}
.main .subtitle{font-size: 16px; line-height:50px; height: 50px; color: #8F8F8F; text-align:center;border-bottom: 1px #f0f0f0 dotted;background: #fdfdfd}
.main .subtitle span{ padding:0 10px;}

.mainBox{margin-top: 50px;}

.classify{width: 89%;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;overflow: hidden;}
.classify ul li{float: left;height: 50px;background: #2e6fd3;width: 19%;margin-right: 10px;margin-bottom: 10px;line-height: 50px;text-align: center;}
.classify ul li a{color: #fff;font-size: 16px;display: block;}
.classify ul li:hover{background: #d53433;}

@media screen and (max-width:1320px){

	.classify ul li{width: 19%;}
}


#faqbox{padding:90px 0 50px 0; width:700px; margin:0 auto;}
#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:#dd0103; }
.wizfrm:hover{ background-color:#ff9900; }

/**/
.maina .nypro-box{width: 90%;overflow: hidden;margin: 10px auto;}
.maina .proListal{width:100%;}
.maina .proListal li{width:24%;float:left;background: #fff;margin-bottom: 20px;margin-left: 10px;position:relative;} 
.maina .proListal li .boxal{width:100%;height: 240px;display:block;cursor:pointer;}
.maina .proListal li .boxal .spanImgal{display:block;overflow:hidden;width:93%;height: 214px;margin: 0 auto;margin-top: 15px;background-position:center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;}

.maina .proListal li .probt{width: 93%;margin: 0 auto;}
.maina .proListal li .probt .protitle{font-size: 18px;color: #535353;line-height: 40px;}
.maina .proListal li .probt p{font-size: 14px;color: #a7a7a7;line-height: 23px;display: block;height: 50px;overflow: hidden;}
.maina .proListal li .probt .promore{display: block;background: url(images/look.png) left center no-repeat;color: #a7a7a7;font-size: 14px;padding-left: 30px;margin-top: 10px;margin-bottom: 15px;}
.maina .proListal li:hover .probt .protitle{color: #d40a00;padding-left: 15px;}
.maina .proListal li .probt .promore:hover{color: #d40a00;}

.proListal li .avatar{
    position: relative;
}
.proListal li .avatar{
    display: block;
    height: 300px;
    overflow: hidden;
    width:100%;
}
.proListal li .avatar .spanImgal{
    height: 300px;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
    box-shadow: 0 0 10px gray;
}
.avatar:hover .spanImgal, .zhuti .avatar:hover .spanImgal, .bbsinner .avatar:hover .spanImgal {
    transform: scale(1.3);
    transition: all 1s ease 0s;
  -webkit-transform: scale(1.3);
  -webkit-transform: all 1s ease 0s;
}


/**/
.main .news_list{width:100%;margin: 0 auto;overflow: hidden;}
.main .news_list li{border-bottom: 1px dotted #ccc; padding:50px;}
.main .news_list li .img{border: 1px #f0f0f0 solid;}
.main .news_list li .lMore{ width:1300px;margin: 0 auto;position: relative;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.main .news_list li .xwneirong{width: 1000px;}
.main .news_list li .xwneirong .title{font-size: 18px;color: #393939;line-height: 36px; margin-bottom:15px;}
.main .news_list li .xwneirong span{ font-size:14px; color:#999;display: block;line-height: 40px;}
.main .news_list li .xwneirong p{font-size:14px; color:#999; line-height:26px;}
.main .news_list li .xwneirong .more2{width: 88px;height: 30px;line-height: 30px;color: #999999;border: 1px solid rgba(0, 0, 0, .1);bottom: 30px;display:block; font-size:13px; text-align:center; float:right; margin-top:30px;}
.main .news_list li:hover{background: #3882e1;}
.main .news_list li:hover .lMore{left:-16px;}
.main .news_list li:hover .title{ color:#fff; padding-left:25px; font-weight:bold;}
.main .news_list li:hover .xwneirong span{color: #fff;}
.main .news_list li:hover .xwneirong p{color: #fff;}
/*详情页*/

.product_dqdh {
  background-color:#f4f4f4 ;
}
.product_top {
}
.product_top .l_img {
  width:100%;
  height:auto;
  text-align:center;
  display:table;
  margin-top: 50px;
}
.product_top .l_img span {/*display: table-cell; vertical-align:middle;*/
  display:block;
  width:100%;
  height:100%;
  background-size:cover !important;
}

.product_top .r_box {
  width:1200px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.product_top .r_box .product_title {
  border-bottom:1px solid #ddd;
  padding:30px 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;
  border-bottom: none;
  height: inherit;
}
.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:14px;
  color:#717171;
  line-height:30px;
  margin-top: 15px;
}
.product_top .desc span {
  display:block;
  float:left;
  width:200px;
}
.product_top .desc p {
  display:block;
  line-height: 25px;
  font-size: 15px;
  color: #8b8b8b;
}
.product_top .lianxi {
  height:60px;
}
.product_top .lianxi .a {
  display:block;
  height:40px;
  line-height:40px;
  float:left;
  margin-right:50px;
  color:#d30000;
  font-size:18px;
  border-bottom:1px solid #d30000;
  padding-left:28px;
}
.product_top .lianxi .a.a_qq {
  background:url(images/qq.png) left center no-repeat;
}
.product_top .lianxi .a.a_tel {
  background:url(images/tela.png) left center no-repeat;
}
.product_top .dianhua {
  height:40px;
  padding:0 30px;
  line-height:40px;
  text-align:center;
  border-radius:30px;
  font-size:15px;
  background-color:#be0000;
  margin-top: 10px;
  width: 130px;
}
.product_top .dianhua a {
  color:#fff;
}
.product_top .dianhua:hover {
  background-color:rgba(250, 175, 41, 1);
}
.share {
  margin-top:10px;
}
.share .span1 {
  line-height:32px;
  color:#999;
  padding-right:10px;
  font-size:15px;
}
.xiangqing {
  border-top:50px solid #f9f9f9;
}
.xiangqing_top {
}
.xiangqing_top .a_nav {
  display:block;
  float:left;
  width:190px;
  background-color:#fff;
  border-bottom:2px solid #e50000;
  color:#eea200;
  text-align:center;
  height:50px;
  line-height:50px;
  font-size:18px;
}
.xiangqing_top .a_nav.active {
  background-color:#e50000;
  color:#fff;
}
.contenta {
  border-top:1px solid #ddd;
}
.contact_title2 {
  text-align: center;
  font-size: 18px;
  color: #888;
}
.lx_b {
  width: 100%;
  height: 420px;
  border: 1px solid #000;
  margin-top: 30px;
}
.lx_list {
  background-color: #fff;
  width: 275px;
  margin: 39px 10px;
  min-height: 300px;
}
.lx_list p {
  line-height: 35px;
  font-size: 16px;
  color: #666;
  padding-left: 30px;
}
/*地图*/
.BMap_Marker.BMap_noprint {
    background: url(images/dt.png) center center no-repeat !important;
    display: block !important;
}
.BMap_Marker {
    display: none !important;
}

.xqys{margin-left: 25px;margin-right: 25px;}
.xqys ul li{float: left;margin-right: 15px;margin-top: 30px;text-align: center;}
.xqys ul li span{line-height: 35px;font-size: 16px;}
.xqys ul li:hover span{color: #db0000;font-weight: bold;}
