@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Arial";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Arial";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
/*p{ word-spacing:-1.5px;font-family: "Arial"; }*/
h1,h2,h3,h4,h5,h6{ font-family:"Arial";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Arial";}


/*banner*/
.banner{height: 500px;overflow: hidden;position: relative;}
.banner .bd{width: 100% !important;}
.banner .bd li{width:100% !important;height: 500px;background: url(../img/banner1.jpg) no-repeat center 0;position: relative;}
.banner .bd li.b2{background: url(../img/banner2.jpg) no-repeat center 0;}
.banner .bd li.b3{background: url(../img/banner3.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 500px;}
.banner li h2{position: absolute;width: 100%;font-size: 48px;color: #fff;font-weight:bold;text-align: center;line-height: 44px;top: 165px;left: 0;}
.banner li p{position: absolute;width: 100%;font-size: 24px;color: #fff;text-align: center;bottom: 165px;left: 0;}
.banner .bd li.b2 h2{top: 220px;}
.banner .bd li.b2 p{bottom: 300px;}
.banner .bd li.b3 p{bottom: 205px;}
.banner .sbtn{position: absolute;right: 0;bottom: 0;padding:20px 0;background: #fff;height:33px;}
.banner .sbtn i{float: left;width: 74px;text-align: center;padding:8px 0;height:17px;}
.banner .sbtn .prev{background:url(../img/prev1.jpg) no-repeat center;border-right:1px solid #ddd;}
.banner .sbtn .next{background:url(../img/next1.jpg) no-repeat center;}
.banner .sbtn .prev:hover{background:url(../img/prev1h.jpg) no-repeat center;}
.banner .sbtn .next:hover{background:url(../img/next1h.jpg) no-repeat center;}
.banner .pageState{position:absolute;right: 195px;bottom: 0;font-size:16px;color: #fff;height:73px;line-height: 73px;}
.banner .pageState span{font-size: 30px;vertical-align:top;}
/*tools*/
.tools{height:230px;background:#282c30;position: relative; z-index: 1;}
.tools .content{position: relative;z-index: 10;}
.tools h2{font-size: 48px;text-align: center;color: #fff;line-height:60px;padding-top:60px;}
.tools p{font-size: 16px;color: #fff;line-height: 24px;text-align: center;}
.tools:after{
    content: '';
    background: #fff;
    position: absolute;
    left: -150%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform: skew(-30deg, 0deg) ;
    -webkit-transform: skew(-25deg, 0deg) ;
    -moz-transform: skew(-25deg, 0deg) ;
    -o-transform: skew(-25deg, 0deg) ;
    -ms-transform: skew(-25deg, 0deg) ;
    box-shadow:  0px 0px 100px 39px #fff;
    transition: all 0.5s linear;
}

.tools:before{
    content: '';
    background: #0e3b98;
    position: absolute;
    left: -150%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform: skew(-30deg, 0deg) ;
    -webkit-transform: skew(-25deg, 0deg) ;
    -moz-transform: skew(-25deg, 0deg) ;
    -o-transform: skew(-25deg, 0deg) ;
    -ms-transform: skew(-25deg, 0deg) ;
    transition: all 0.4s linear;
}
.tools:hover:before{left:-50%;}
.tools:hover:after{ left: -50%;filter:alpha(opacity=0);opacity: 0;}

/*product*/
.pro{background:#f3f4f8;padding:80px 0 60px;}
.pro_l{float: left;width: 486px;}
.pro_hot{height:218px;position: relative;background: #fff;margin-bottom:20px;overflow:hidden;}
.pro_hot i{position:absolute;width: 60px;height: 60px;content: "";top:0;right:0;z-index:100;background:url(../img/hot_ic.jpg) no-repeat;}
.pro_hot img{float: right;width: 218px;height: 218px;transition:all 0.5s linear;}
.pro_hot:hover img{transform:scale(1.1);}
.pro_hot h3{position: absolute;font-size:18px;line-height:18px;top:58px;left: 8%;}
.pro_hot h3 a{color: #0e3b98;}
.pro_hot .more{position: absolute;width:148px;height: 33px;line-height: 33px;font-size: 12px;color: #0e3b98;border:1px solid #999;text-align: center;font-weight:bold;text-transform:uppercase;top:120px;left: 8%;}
.pro_hot .more:hover{background: #0e3b98;border-color: #0e3b98;color: #fff;}
.hot1{height:456px;}
.hot1 img{width:456px;height: 456px;}
.pro_r{float: right;width: 694px;}
.hot2{height:218px;margin-bottom:20px;}
.hot2 .pro_hot{float: left;width:337px;margin-right:20px;}
.hot2 .pro_hot.nomar{margin-right: 0;}
.pro_r li{float: left;width:218px;height:218px;background: #fff;margin-right:20px;margin-bottom:20px;position:relative;}
.pro_r li img{display:block;width: 218px;height: 218px;}
.pro_r li b{position:absolute;font-size:18px;line-height:18px;top:40px;left: 25px;color: #0e3b98;}
.pro_r li span{display:none;position:absolute;width: 100%;height: 106px;background:url(../img/sea2.png) no-repeat center 80px #0e3b98;left: 0;top: 0;padding-top:112px;font-size:18px;color: #fff;line-height: 18px;text-align: center;}
.pro_r li:hover span{display:block;}
.pro_r li.nomar{margin-right: 0;}
.pro .sbtn{text-align: center;height: 60px;padding-top:20px;}
.pro .sbtn a{display:inline-block;height:20px;line-height: 20px;font-size: 16px;color: #fff;padding:20px 30px 20px 65px;margin:0 10px;transition:all 0.2s linear;}
.pro .sbtn a:hover{transform:translateY(-3px);box-shadow:0 0 10px rgba(0,0,0,0.3);}
.pro .sbtn a span{border-left:1px solid #fff;padding-left:13px;}
.pro .sbtn a.more{background:url(../img/yan.png) no-repeat 20px center #0e3b98;}
.pro .sbtn a.zx{background:url(../img/zx1.png) no-repeat 20px center #ef4034;}
/*xad*/
.xad{height:300px;background:url(../img/xad.jpg) no-repeat center;}
.xad h2{font-size:42px;text-align: center;font-weight:bold;color: #fff;line-height:42px;padding-top:78px;}
/*about*/
.about{padding:80px 0 70px;}
.about dl{height: 450px;}
.about dt{float: left;width: 600px;height: 450px;}
.about dd{float: right;width: 526px;margin-top:46px;position: relative;}
.about dd:after{position:absolute;width:3px;height: 60px;background: #0e3b98;content: "";left: -42px;top: 0;}
.about dd h3{font-weight:normal;margin-bottom:45px;}
.about dd h3 b{display:block;font-size: 48px;color: #000;line-height: 48px;margin-bottom:14px;}
.about dd h3 span{font-size: 16px;color: #333;font-weight:bold;}
.about dd p{font-size: 16px;color: #666;line-height: 30px;width:458px;}
.about dd .more{display:block;width: 160px;height: 60px;line-height: 60px;font-size: 16px;color: #fff;padding-left:20px;background:url(../img/jt2.png) no-repeat 138px center #0e3b98;margin-top:70px;}
.about dd .more:hover{background:url(../img/jt2.png) no-repeat 138px center #ef4034;}
.about ul{padding-top:55px; width:720px; margin:0 auto;}
.about li{float: left;width:240px;text-align: center;}
.about li b{display:block;height: 36px;line-height: 36px;font-size:24px;color: #000;}
.about li em{font-size:36px;}
.about li span{display:block;font-size: 16px;color: #666;line-height: 30px;}
/*equip*/
.equip{background:url(../img/equip_bg.jpg) no-repeat center fixed;}
.equip h2{height:270px;text-align: center;font-weight:normal;color: #fff;padding-top:90px;}
.equip h2 b{display:block;font-size: 42px;line-height:42px;margin-bottom:25px;}
.equip h2 span{display:block;font-size:16px;line-height: 24px;}
.eqp_con{width:1200px;padding:60px 55px 0;background: #fff;margin:0 auto 0;position: relative;top: -80px;}
.eqp_con li{float: left;width: 585px;position: relative;margin-bottom:30px;margin-left:30px;overflow: hidden;}
.eqp_con li:after {
    content: ' ';
    cursor: pointer;
    position: absolute;
    left: -585px;
    top: 0;
    width: 585px;
    height:380px;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    transform: skewx(-25deg);
}
.eqp_con li:hover:after
{

    left:100%;

    -moz-transition:0.8s;
    -o-transition:0.8s;
    -webkit-transition:0.8s;
    transition:0.8s;
}
.eqp_con li img{display:block;width:585px;height:380px;}
.eqp_con li .text{position:absolute;width: 100%;left: 0;bottom: 28px;color: #fff;}
.eqp_con li h3{font-size: 24px;padding-left:37px;line-height:24px;margin-bottom:18px;}
.eqp_con li h3 a{color: #fff;}
.eqp_con li p{font-size:16px;line-height: 24px;padding:0 37px;}
.eqp_con li.nomar{margin-left: 0;}
.eqp_con li.first{margin-left: 615px;}
.eqp_des{position:absolute;padding-left:45px;width: 540px;top: 110px;left:55px;}
.eqp_des:after{position:absolute;width:3px;height: 60px;background: #0e3b98;content: "";left:0;top: 0;}
.eqp_des h3{font-weight:normal;margin-bottom:30px;}
.eqp_des h3 b{display:block;font-size: 48px;color: #000;line-height: 48px;margin-bottom:10px;}
.eqp_des h3 span{font-size: 16px;color: #333;font-weight:bold;}
.eqp_des p{font-size: 16px;color: #666;line-height: 24px;width:458px;}
.eqp_des .more{display:block;width: 160px;height: 60px;line-height: 60px;font-size: 16px;color: #fff;padding-left:20px;background:url(../img/jt2.png) no-repeat 138px center #0e3b98;margin-top:60px;}
.eqp_des .more:hover{background:url(../img/jt2.png) no-repeat 138px center #ef4034;}
.eqp_ct{background: #fff;}
/*case*/
.case{background: #f3f4f8;padding:40px 0 80px;}
.case h2{font-size: 42px;height: 120px;color: #000;text-align: center;line-height:120px;}
.case_con{position: relative;height:280px;}
.case li{float: left;width:542px;margin-right:20px;height: 223px;background: #fff;padding-top:57px;}
.case li img{float: left;width: 75px;height: 75px;border-radius:50%;margin-left: 36px;}
.case li .text{float: left;width:370px;margin-left:25px;}
.case li .text p{font-size: 16px;color: #666;line-height: 24px;margin-bottom:40px;}
.case li .text span{display:block;font-size: 16px;color: #666;line-height: 24px;}
.case li .text h3{display:block;font-size: 18px;color: #333;line-height: 24px;}
.case li .text h3:hover a{color: #0e3b98;}
.case_con .sbtn{position: absolute;width: 33px;padding:26px 20px;background: #fff;right: 0;bottom: 0;}
.case_con .sbtn .prev{display:block;height: 25px;background:url(../img/prev2.jpg) no-repeat center;text-align: center;padding-bottom:22px;border-bottom:1px solid #ddd;}
.case_con .sbtn .next{display:block;height: 25px;background:url(../img/next2.jpg) no-repeat center;text-align: center;padding-top:22px;}
.case_con .sbtn .prev:hover{background:url(../img/prev2h.jpg) no-repeat center;}
.case_con .sbtn .next:hover{background:url(../img/next2h.jpg) no-repeat center;}
/*news*/
.news{padding:20px 0 50px;}
.news h2{font-size: 42px;height: 120px;color: #000;text-align: center;line-height:120px;}
.new_l{float: left;width: 582px;}
.new_l dt{position: relative;border:1px solid #e0e0e0;}
.new_l dt img{display:block;width: 580px;height: 435px;}
.new_l dt span{position: absolute;right: 0;bottom: 0;width: 160px;height: 60px;line-height: 60px;font-size: 16px;color: #fff;padding-left:20px;background:url(../img/jt2.png) no-repeat 138px center #0e3b98;margin-top:60px;}
.new_l dt span:hover{background:url(../img/jt2.png) no-repeat 138px center #ef4034;}
.new_l dd{height: 240px;border:1px solid #e0e0e0;border-top: 0;padding:0 32px;}
.new_l dd h3{padding:40px 0 25px;line-height: 24px;}
.new_l dd h3 a{display:block;font-size: 24px;color: #333;}
.new_l dd h3:hover a{color: #0e3b98;}
.new_l dd h3 i{display:block;font-size: 14px;color: #999;}
.new_l dd p{font-size: 14px;color: #999;line-height: 24px;}
.new_r{float: right;width:590px;}
.new_r li{float: left;width: 280px;height:323px;border:1px solid #e0e0e0;margin-bottom:28px;margin-right:26px;transition:all 0.3s linear;}
.new_r li img{display:block;width:280px;height: 210px;}
.new_r li h3{padding:20px 25px 10px;font-size: 16px;color: #333;line-height: 22px;}
.new_r li h3:hover a{color: #0e3b98;}
.new_r li b{display:block;padding:0 25px;font-size: 14px;color: #999;}
.new_r li.nomar{margin-right: 0;}
.new_r li:hover{transform:translateY(-5px);box-shadow:0 0 10px rgba(0,0,0,0.2);}