/* banner 开始 */
.fullSlide { width: 100%; position: relative; height: 547px;  overflow:hidden;}

.fullSlide .bd { height: 547px; margin: 0 auto; position: relative; z-index: 1; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 547px; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 547px; }

.fullSlide .hd { width: 100%; position: absolute; z-index: 2; bottom:50px; left: 0; height:40px; text-align: center; }
.fullSlide .hd ul { text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width:12px; height:12px; margin:7px; background-color:#bfbfbf; overflow: hidden; line-height: 99px; border-radius:50%; 
 -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.fullSlide .hd ul .on { width: 40px;  background:#005c97; border-radius:6px; -webkit-transition: all .3s linear; transition: all .3s linear; }

.fullSlide .prev, .fullSlide .next { width: 40px; height: 60px; position: absolute; top: 50%; margin-top:-70px; z-index: 2; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; 
filter: alpha(opacity=30); -moz-opacity: .3; opacity: .3;  -webkit-transition: all .5s linear; transition: all .5s linear;  }

.fullSlide .prev { background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; left:10%; }
.fullSlide .next { background-position:-6px -137px;  right: 10%; }

/* banner 结束 */
/* sousuo */
.search-bg{
    width: 100%;height:64px;background: url(../images/search-bg.jpg) no-repeat center;
    background-size:cover;overflow:hidden;
}
.search-center{
    width: 1180px;height: 87%;margin:0 auto;
}
.search-center .left{width:500px;height:100%;overflow: hidden;float: left;}
.search-center .left span{
    display: block;width: 108px;height: 100%;background: #F16031;font-size: 14px;color: #fff;font-weight: bold;text-align: center;float: left;line-height: 56px;
}
.search-center .left a{
    display: block;width: 108px;height: 100%;font-size: 14px;color: #666;text-align: center;float: left;line-height: 56px;transition: .7s;
}.search-center .left a:hover{color:#2C6FCC;}
.search-mid{
    width: 390px;
    height: 60px;
    float: right;margin-top: 12px;
}
.form{ width: 390px; height: 30px;}
.form .text{
    width:350px;
    height:100%;
    font-family: "微软雅黑";
    font-size: 12px;
    line-height: 38px;
    color:#666;
    background: none;
    outline: none;
    float: left;
    text-indent: 0.5rem;
    border: 1px solid #D4D4D4;
}
.form .submit{
    width: 32px;
    height:32px;
    background:none;
    cursor: pointer;
    float: right;
    outline: none;
    border: 0;
    background: url(../images/search.jpg) no-repeat;
    background-size:cover;float: right;
    margin-right:3px;
}
/* pro */
.pro-box{width: 100%;height: 770px;background: #F9F8F7;overflow:hidden;}
.pro-center{width:1190px;height: 720px;margin:0 auto;padding-top: 24px;}
.pro-center h3{
    font-size: 30px;color: #444;margin-bottom: 40px;
    font-weight: bold;text-align: center;
}
.pro-center h3 i{color: #2c6fcc;font-weight: bold;}
.pro-title{width: 1180px;height: 44px;margin:0 auto 40px;}
.pro-title .left{width: 1150px;height: 100%;float: left;}
.pro-title .left span{
    display: block;border-radius: 5px;
    width: 100px;height: 35px;font-size: 18px;color: #fff;font-weight: bold;text-align: center;line-height: 35px;float: left;background: #2C6FCC;margin-right: 9px;
}
.pro-title .left a{
    display: block;border-radius: 5px;
    width: 120px;height: 35px;font-size: 15px;color: #444;text-align: center;line-height: 35px;float: left;background: #fff;box-shadow: #ccc 0px 0px 7px;background: #fff;margin: 0 9px;transition: .7s;
}.pro-title .left a:hover{background: #2C6FCC;color: #fff;}
.pro-title>.more{
    display: block;width: 20px;height: 20px;background: #F06132;float: right;font-size: 24px;color: #fff;text-align: center;line-height: 16px;border-radius: 50%;margin-top: 10px;
}
.pro-center ul{
    width: 1210px;height: 513px;margin: 0 auto;
}
.pro-center ul li{
    width: 272px;height: 240px;float: left;border-bottom: 1px solid #E9E8E8;position: relative;overflow: hidden;margin-right: 30px;margin-bottom: 30px;
}
.pro-center ul li .tu{display: block;width:270px;height: 200px;border-radius: 5px;position: relative;
    overflow: hidden;border:1px solid #F9F8F7;}
.pro-center ul li .tu>img{
    display: inline-block;
    width: 100%;height: 100%;
    background: url() no-repeat center;
    background-size:cover;
    cursor: pointer;
    transition: all 0.6s;
    position: absolute;
    top: 0;left: 0;
}
.pro-center ul li .tu>img:hover{
    transform: scale(1.4);
}
.pro-center ul li .wen{width:100%;height: 40px;}
.pro-center ul li .wen .num01{
    display: block;width:60%;height:100%;font-size: 14px;color: #333;float: left;line-height: 40px;transition: .7s;
}

.pro-center ul li .wen .left{float: right;
    display: block;width:32px;height:8px;margin-top:10px;}
.pro-center ul li .wen .left>img{
    display: inline-block;
    width: 100%;height: 100%;
    background: url() no-repeat center center;
    background-size:cover;
}
.pro-center ul li .line{
    width: 272px;height: 1px;background: #558AD5;position: absolute;left: -272px;bottom: 0;
}.pro-center ul li:hover .line{left: 0px;transition: .7s linear;}
.pro-center ul li:hover .wen .num01{color:#558AD5;}
.pro-center ul li:hover .tu{border:1px solid #558AD5;transition: .7s linear;}

/* ad01 */
.ad01-box{
    width: 100%;height: 192px;
     background: url(../images/ad01.jpg) no-repeat center center;
    background-size:cover;overflow:hidden;
}
.ad01-center{width:1180px;height: 100%;margin:0 auto;position: relative;}
.ad01-center .num01{font-size:28px;color:#fff;position: absolute;top:35px;left:53px;letter-spacing:2px;}
.ad01-center>img{
    width: 447px;height: 76px;position: absolute;left: 22px;bottom: 35px;
}
.ad01-center .num02{font-size:18px;color:#fff;position: absolute;    top: 104px;
    left: 66px;
    letter-spacing: 1px;}
.ad01-center .num03{font-size:18px;color:#fff;position: absolute;    top: 60px;
    left:540px;}
.ad01-center .num04{font-size:30px;color:#fff;position: absolute;    top: 85px;
    left:540px;font-family: 'Impact';}
.ad01-center a{display: block;width: 133px;height: 77px;background: rgba(233, 67, 0, 0.9);
    font-size:24px;color:#fff;position: absolute;    top: 50px;
    left: 762px;transition: .7s;
    text-align: center;
    line-height: 77px;
    letter-spacing: 1px;}
.ad01-center a:hover{background: rgba(233, 67, 0, 1);}
/* ys  */
.ys-box{
    width: 100%;height: 1466px;
     background: url(../images/ysbg.jpg) no-repeat center center;
    background-size:cover;overflow:hidden;
}
.ys-box01{
    width: 1180px;height: 853px;
     padding-top: 45px;margin: 0 auto;
}
.ys-title{
    width: 849px;height: 93px;background: url(../images/ystit.png) no-repeat center;
    background-size:cover;position: relative;margin:0 auto 45px;
}
.ys-title h3{
    font-size: 48px;color:#fff;position: absolute;
    left:25px;top:11px;font-weight: bold;
}
.ys-title span{display: block;
    font-size: 24px;color:#333;font-style: italic;
    position: absolute;
    right:0;bottom:8px;
}
.ys-center{
    width:1180px;height: 720px;margin:0 auto;position: relative;
}
.ys-left{
    width:664px;height: 725px;float: left;
    background: url(../images/ys-left.png) no-repeat center;
    background-size:cover;position: relative;margin-left: 34px;
}
.ys-left-cen01{
    width: 460px;height: 100px;position: absolute;
        top: 65px;
    left: 36px;
}
.ys-left-name{
    display: block;width: 35px;height: 30px;float: left;
    background: #fff;color:#c90000;
    font-size: 24px;font-weight: bold;
    margin-right: 26px;text-align: center;line-height: 30px;
}
.ys-left-cen{
    width: 394px;height: 85px;float: right;
}
.ys-left-cen>span{
    display: block;
   color:#fff;
    font-size: 20px;font-weight: bold;
    line-height: 30px;margin-bottom:5px;
}
.ys-left-cen>p{
   width:396px;height: 50px;;
   color:#fff;
    font-size: 14px;line-height:25px;
}
.ys-left-cen02{
    width: 460px;height: 100px;position: absolute;
    top:176px;
    left: 36px;
}
.ys-left-cen03{
    width: 460px;height: 100px;position: absolute;
    bottom:345px;
    left: 36px;
}
.ys-left-cen04{
    width: 460px;height: 100px;position: absolute;
    bottom:234px;
    left: 36px;
}
.ys-left-cen05{
    width: 460px;height: 100px;position: absolute;
    bottom:124px;
    left: 36px;
}
.ys-left-cen06{
    width: 460px;height: 100px;position: absolute;
    bottom:11px;
    left: 36px;
}
.ys-left>span{
    display: block;
    font-size: 14px;color:#fff;
    position: absolute; top: 262px;
    right: 51px;
}
.ys-left>p{
    font-size: 24px;color:#fff;
    font-weight: bold;
    position: absolute; top:288px;
    right:7px;font-family: "Arial";
}
.ys-left>a{
    display: block;transition: .7s;
    width:127px;height: 40px;
    font-size: 14px;color:#c90000;background:#fff;
    position: absolute; top:333px;
    right: 14px;text-align: center;line-height:40px;
}.ys-left>a:hover{color:#fff;background:#c90000;}
.ysimg01{
    width: 257px;height: 257px;
    position: absolute;
    top: -24px;
    right: 191px;
}
.ysimg02{
    width: 257px;height: 257px;
    position: absolute;
    top:213px;right:0;
}
.ysimg03{
    width: 277px;height: 272px;
    position: absolute;
    bottom:0;right:183px;
}

/*case*/
.case-box{
    width: 1180px;height: 445px;
    margin:0 auto 62px;padding-top: 70px;overflow:hidden;
}
.case-box h3{
    font-size: 30px;color: #444;margin-bottom: 40px;
    font-weight: bold;text-align: center;
}
.case-box h3 i{color: #2c6fcc;font-weight: bold;}
.case-center{
    width:101%;height: 356px;overflow: hidden;
}
.case-center li{
    width: 230px;height: 240px;
    float: left;
    margin:0 10px 25px 0;
    position:relative;overflow: hidden;
}
.case-center li:first-child{
    width: 460px;height: 358px;
}
.case-center li .tu{
    display: block;
    width: 100%;height: 100%;
    
}
.case-center li .tu img{
    display: inline-block;
    width: 100%;height: 100%;
    background: url() no-repeat center center;
    background-size:cover;
    cursor: pointer;
    transition: all 0.6s;
    position: absolute;
    top: 0;left: 0;
}
.case-center li .tu img:hover{
    transform: scale(1.4);
}
.case-center li .wen{
    width: 100%;transition: .7s;
    height: 40px;
    overflow: hidden;
    font-size: 14px;color: #fff;
    background: rgba(0,0,0,0.5);
    text-align: center;line-height: 40px;
    position: absolute;left:0;bottom:0;
}
.case-center li:hover .wen{
    background:#2c6fcc;
}
.case-center li.case-form{
    width: 708px;height: 95px;
    float: right;background: #E5E5E5;
    position: relative;
}
.case-center li.case-form ol{
    width: 670px;height: 35px;
    position: absolute;
    top:0;left:0;bottom:0;right:0;
    margin:auto;
}
.case-center li.case-form ol dl{
    width: 180px;height: 35px;
    float: left;margin-right:15px;
    background: #fff;
}
.case-center li.case-form ol dl img{
    width: 24px;height: 17px;
    float: left;margin: 9px 0 0 5px;
}
.case-center li.case-form ol dl .name{
    width: 150px;height: 35px;
    font-size:14px;color: #999;
    line-height:35px;
    background:none;
    text-indent:0.5rem;
    float: right;
}

.case-center li.case-form ol .submit{
    width: 70px;
    height:35px;
    background:#0497FF;
    cursor: pointer;
    float: right;
    outline: none;
    border: 0;margin-right:10px;font-size: 14px;color:#fff;
    text-align: center;line-height: 35px;
}
/* about */
.about-box{
    width:100%;height: 620px; background: url(../images/about01.jpg) no-repeat center center;
    background-size:cover;overflow:hidden;
}
.about-center{
    width: 1180px;height: 551px;margin: 0 auto;padding-top: 60px;
}
.about-center h3{font-size: 26px;color:#fff;font-weight: bold;text-align: center;margin-bottom: 40px;}
.about-center p {margin:0 auto;width: 730px;height: 92px; font-size:14px;color:#fff;text-align: center;margin-bottom:20px;word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;line-height: 30px;}
  .about-center>a{display: block; font-size:14px;color:#fff;text-align: center;text-transform: uppercase;margin-bottom: 20px;}
.zhanshi-box{
    width: 100%;height: 252px;
}
.zhanzhi-tit{
    width: 100%;height:25px;margin-bottom: 20px;
}
.zhanzhi-tit span{display: block;width:114px;height: 25px;float: left;border-left:3px solid #E45A30;font-size: 18px;color:#E45A30;line-height: 25px;text-align: center;}
.zhanzhi-tit a{display: block;width:auto;height: 25px;float: right;font-size: 18px;color:#E45A30;line-height: 25px;text-align: center;text-transform: uppercase;}
.zhanshi-box ul{
    width: 105%;height: 200px;
}
.zhanshi-box ul li{
    width: 277px;height: 200px;float: left;margin-right: 20px;position: relative;
}
.zhanshi-box ul li .tu{
    display: block;width: 100%;height: 100%;
position: relative;
    overflow: hidden;
}
.zhanshi-box ul li .tu img{
    display: inline-block;
    width: 100%;height: 100%;
    background: url() no-repeat center center;
    background-size:cover;
    cursor: pointer;
    transition: all 0.6s;
    position: absolute;
    top: 0;left: 0;
}
.zhanshi-box ul li .tu img:hover{
    transform: scale(1.4);
}
.zhanshi-box ul li .wen{
    display: block;width: 100%;height: 30px;background: rgba(0, 0, 0, 0.5);font-size: 14px;color: #fff;text-align: center;text-align: center;transition: .7s;line-height: 30px;
}.zhanshi-box ul li:hover .wen{background: #2C6FCC;}
/* hero */
.hero-box{
    width: 100%;height: 374px;background: #F4F3F3;overflow:hidden;
}
.hero-center{
    width: 1180px;height: 306px;padding-top: 65px;margin:0 auto;overflow:hidden; 
}
.c-tit{

    width: 100%;overflow:hidden; 

    height: 40px;

    position: relative;

    margin-bottom:30px;

}

.c-tit .line{

    width: 100%;height: 5px;

    background: url(../images/jf-tit.jpg) no-repeat;background-size:cover;

    position: absolute;top:12px;left:0;

}

.c-tit h3{font-weight: bold;

    font-size: 29px; text-align: right;color: #444;

    position: absolute;top:-6px;left:462px;

}
.c-tit h3 i{color: #2c6fcc;font-weight: bold;}
.c-tit p{

    display: block;

    font-size: 20px; text-align: right;color: #7c7c7c;

    position: absolute;bottom:20px;left:400px;

}
.marqueeleft{height:220px;width:1200px;overflow:hidden;margin:10px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:258px;height:220px;
    overflow:hidden;margin-right: 50px;}
.marqueeleft li .pic{
    display:block;width:258px;height:190px;
    position: relative;
    overflow: hidden;
    margin-right: 20px;
}
.marqueeleft li .pic img{
    display: inline-block;
    width: 100%;height: 100%;
    background: url() no-repeat center center;
    background-size:cover;
    cursor: pointer;
    transition: all 0.6s;
    position: absolute;
    top: 0;left: 0;
}
.marqueeleft li .pic img:hover{
    transform: scale(1.4);
}
.marqueeleft li .pic01{
    display: block;
    font-family: "微软雅黑";
    font-size:16px;
    color:#333;
    line-height:35px;
    text-align: center;
    transition: all 0.7s;
}
.marqueeleft li:hover .pic01{
    color:#51bdfb;
}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;margin-right: 20px;}
/* news */
.news-box{
    width: 100%;height: 796px;background: #F0F0F0;
    border-top: 1px solid #ccc;overflow:hidden;
}
.news-center{
    width: 1180px;height: 727px;padding-top: 30px;margin: 0 auto;
}
.news-center h3{
    font-size: 30px;color: #444;margin-bottom: 40px;
    font-weight: bold;text-align: center;
}
.news-center h3 i{color: #2c6fcc;font-weight: bold;}
.news-box .title{
    width: 635px;height:50px;margin:0 auto 34px;
}
.news-box .title>li{
    width:179px;height:50px;float:left;margin-right:45px;
    background:#fff;cursor: pointer;
    font-size: 16px;font-weight: bold;color:#333;line-height: 50px;text-align: center;transition: .7s;
}.news-box .title>li:last-child{margin-right:0px;}
.news-box .title>li.n-active{
    background:#EE5F31;color:#fff;
}
.news-box .center{
    width: 100%;height:576px;position: relative;
}
.news-box .center ul{
    width:100%;height:100%;
    position: absolute;top:0;left:0;
    display: none;overflow: hidden;
}.news-box .center ul:first-child{ display: block;}
.news-box .center ul .top{
    width:100%;height:350px;overflow: hidden;
    margin-bottom:20px;
}
.news-box .center ul .top .left{
   
    width:378px;height:100%;
    position: relative;
    overflow: hidden;float: left;
}
.news-box .center ul .top .left .tu{
     display: block;width:100%;height:100%;
}
.news-box .center ul .top .left .tu img{
    display: inline-block;
    width: 100%;height: 100%;
    background: url() no-repeat center center;
    background-size:cover;
    cursor: pointer;
    transition: all 0.6s;
    position: absolute;
    top: 0;left: 0;
}
.news-box .center ul .top .left .tu img:hover{
    transform: scale(1.4);
}
.news-box .center ul .top .left .wen{
    display: block;
    width:100%;height:40px;font-size: 15px;color:#fff;text-align: center;
    background:rgba(0, 0, 0, 0.6);line-height:40px;transition: .7s;
    position: absolute;left:0;bottom:0;
    overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.news-box .center ul .top .left:hover .wen{background:#EE5F31;}

.news-box .center ul .top .right{
    width:782px;height:100%;
    float: right;
}
.news-box .center ul .top .right>dl{
    width:742px;height: 130px;background:#fff;padding: 20px;margin-bottom:10px;transition: .7s;
}
.news-box .center ul .top .right>dl:hover{
    -webkit-transition: all 1s; transition: all 1s;
    -webkit-box-shadow: #ccc 0px 0px 10px;
    -moz-box-shadow: #ccc 0px 0px 7px;
    box-shadow: #ccc 0px 0px 7px;background: #fff;
}



.news-box .center ul .top .right>dl .tu{
    display: block;
    width:164px;height:100%;
    position: relative;margin-right:30px;
    overflow: hidden;float: left;
}
.news-box .center ul .top .right>dl .tu img{
    display: inline-block;
    width: 100%;height: 100%;
    background: url() no-repeat center center;
    background-size:cover;
    cursor: pointer;
    transition: all 0.6s;
    position: absolute;
    top: 0;left: 0;
}
.news-box .center ul .top .right>dl .tu img:hover{
    transform: scale(1.4);
}
.news-box .center ul .top .right>dl .wen{
    display:block;float: left;width:500px;height: 38px;font-weight: bold;
    font-size: 16px;color:#333;line-height: 38px;transition: .7s; overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.news-box .center ul .top .right>dl .wen:hover{color:#EE5F31;margin-left:5px;}
.news-box .center ul .top .right>dl p{
    float: left;width:547px;height: 60px;
    font-size:15px;color:#737373;line-height: 30px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;margin-bottom: 20px;
}
.news-box .center ul .top .right>dl .time{
    width:93px;height: 14px;float: left;
}
.news-box .center ul .top .right>dl .time img{
    width:14px;height:14px;float: left;}
.news-box .center ul .top .right>dl .time span{
    display: block;font-size: 13px;color:#737373;
    float: left;line-height: 14px;
}


.news-box .center ul .bottom{
    width:103%;height:205px;overflow: hidden;
}
.news-box .center ul .bottom>dl{
    width:379px;height: 50px;float: left;
    margin:0 17px 20px 0;background: #fff;
}
.news-box .center ul .bottom>dl>a{
    display: block;width: 290px;height: 100%;
    font-size: 14px;color:#737373;line-height: 50px;padding-left:26px;position: relative;
    overflow:hidden;float: left;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap; transition: .7s;
}
.news-box .center ul .bottom>dl>a:after{
    content: " ";width:8px;height:1px;position: absolute;top: 25px;
    left:10px; 
    background: #333;
}
.news-box .center ul .bottom>dl>p{
    width:50px;height: 100%;
    font-size: 13px;color:#b9b9b9;
    float: right;line-height: 50px;
  
}
.news-box .center ul .bottom>dl>a:hover{color:#EE5F31;margin-left:5px;}