@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
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: "Microsoft Yahei";}  /*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{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.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: "Microsoft Yahei";}


.tit{font-weight: normal;text-align: center;}
.tit b{display: block;font-size: 42px;color: #333;line-height: 42px;letter-spacing: 2px;}
.tit i{display: block;font-size: 20px;color: #666;line-height: 20px;padding-top: 18px;}

/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 30px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #f08200;}

/*search*/
.search{height: 88px;border-bottom: 1px solid #f2f2f2;}
.search .content{height: 88px;position: relative;}
.search h2{position: absolute;width: 374px;height: 120px;left: 0;bottom: -1px;background: url(../images/dwy_bg.png) no-repeat;font-size: 24px;line-height: 24px;color: #fff;font-weight: normal;text-align: center;padding-top: 36px;box-sizing: border-box;z-index: 10;}
.search .tel{float: left;padding-left: 50px;height: 88px;line-height: 88px;font-size: 30px;color: #333;font-family: Arial;background: url(../images/tel1.png) no-repeat left center;position: relative;margin-left: 500px;}
.search .tel:after{position: absolute;width: 1px;height: 14px;background: #c5c7cc;content: "";left: 38px;top: 50%;margin-top: -7px;}
.s_box{float: right;margin-top: 25px;height: 40px;}
.s_box .txt{float: left;width: 240px;height: 38px;padding-left: 18px;line-height: 38px;font-size: 14px;color: #333;border: 1px solid #dcdcdc;border-right: 0;outline: 0;background: none;}
.s_box .btn{float: left;width: 40px;height: 40px;background: url(../images/sou.png) no-repeat center #f08200;outline: 0;border: 0;cursor: pointer;}

/*yz*/
.yz{padding: 90px 0 70px;}
.yz h2{margin-bottom: 30px;}
.yz_pic{height: 268px;}
.yz_sz{margin-top: 48px;}
.yz_sz li{float: left;margin-right: 127px;position: relative;transition: all 0.5s;}
.yz_sz li:after{position: absolute;width: 1px;height: 74px;content: "";background: #eee;right: -64px;top: 0;}
.yz_sz li:last-child{margin-right: 0;overflow: hidden;}
.yz_sz li span{display: block;height: 30px;font-size: 20px;color: #333;line-height: 20px;}
.yz_sz li span b{display: inline-block;font-size: 44px;line-height: 30px;font-family: Arial;vertical-align: bottom;color: #004ea2;}
.yz_sz li p{font-size: 16px;color: #333;line-height: 18px;margin-bottom: 26px;}
.yz_sz li:hover{transform: translateY(-10px);}


/*pro*/
.pro{padding: 86px 0 80px;background: #f6f6f6;}
.renz{font-size: 0;line-height: 0;height: 108px;text-align: center;margin: 50px 0 42px;}
.renz p{display: inline-block;width: 122px;height: 108px;font-size: 18px;color: #004ea2;line-height: 26px;padding-top: 24px;box-sizing: border-box;background: url(../images/pro_c.png) no-repeat;margin: 0 54px;transition: all 0.5s;}
.renz p:hover{transform: translateY(-10px);}
.pro li{float: left;width: 360px;height: 538px;text-align: center;border-bottom: 2px solid #004ea2;background: #e5e5e5;margin-right: 60px;position: relative;}
.pro li:last-child{margin-right: 0;}
.pro li i{display: block;height: 330px;overflow: hidden;}
.pro li i img{width: 360px;height: 330px;transition: all 0.5s;}
.pro li i:hover img{transform: scale(1.05);}
.pro li h3{height: 46px;margin: 0 64px 12px;border-bottom: 1px solid #d0d0d0;}
.pro li h3 a{display: inline-block;padding-right: 36px;font-size: 24px;color: #004ea2;line-height: 28px;background: url(../images/pro_jt1.png) no-repeat right center;}
.pro li p a{display: block;font-size: 16px;color: #333;line-height: 30px;}
.pro li p a:hover{color: #004ea2;}
.pro li .xq{position: absolute;width: 42px;height: 42px;left: 50%;margin-left: -21px;bottom: -22px;transition: all 0.5s;}
.pro li .xq:hover{transform: rotateZ(90deg);}
.pro_m a{display: block;height: 50px;width: 244px;line-height: 50px;font-size: 20px;color: #fff;padding-left: 38px;box-sizing: border-box;background: url(../images/pro_jt2.png) no-repeat right center #f08200;margin: 76px auto 0;border-radius: 25px;}
.pro_m a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}



/*fea*/
.fea{padding: 80px 0 100px;}
.fea_t{height: 160px;margin-top: 38px;width: 1320px;margin-left: -60px}
.fea_t li{float: left;width: 220px;height: 160px;position: relative;}
.fea_t li:after{position: absolute;width: 84px;height: 6px;content: "";background: url(../images/fea_line.png) no-repeat;right: -42px;top: 86px;}
.fea_t li:last-child:after{display: none;}
.fea_t li i{display: block;width: 60px;height: 60px;border-radius: 100%;background: #004ea2;margin: 0 auto;transition: all 0.3s;}
.fea_t li p{font-size: 18px;color: #333;line-height: 24px;padding-top: 14px;text-align: center;}
.fea_t li p b{display: block;}
.fea_t li.on i{background: #f08200;}
.fea_con{position: relative;height: 515px;}
.fea_con dl{height: 515px;position: relative;}
.fea_con dd{position: absolute;width: 600px;height: 417px;background: #fff;right: 0;top: 0;padding: 0 50px 0 90px;box-sizing: border-box;}
.fea_con dd h3{padding: 50px 0 0;font-weight: normal;height: 114px;position: relative;}
.fea_con dd h3:after{position: absolute;width: 40px;height: 4px;background: #F08200;content: "";left: 0;bottom: 0;}
.fea_con dd h3 em{display: block;font-size: 72px;line-height: 54px;font-family: Arial;color: #333;opacity: 0.15;font-weight: bold;text-transform: uppercase;white-space: nowrap;}
.fea_con dd h3 span{display: block;font-size: 36px;color: #333;line-height: 36px;margin-top: -18px;position: relative;z-index: 1;}
.fea_con dd p{font-size: 16px;color: #666;line-height: 36px;margin: 25px 0 30px;}
.fea_con dd .zx{display: block;width: 150px;height: 52px;line-height: 52px;text-align: center;font-size: 18px;color: #fff;background: #F08200;border-radius:0px 15px 0px 0px;}
.fea_con dd .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.fea_sz{position: absolute;width: 480px;height: 98px;background: #004ea2;right: 0;bottom: 0;text-align: center;}
.fea_sz i{display: inline-block;font-size: 24px;color: #fff;line-height: 98px;height: 98px;vertical-align: top;opacity: 0.3;font-family: Arial;margin: 0 10px;}
.fea_sz i.on{font-size: 36px;opacity: 1;margin-right: 45px;position: relative;}
.fea_sz i.on:after{position: absolute;width: 30px;height: 2px;background: #fff;right: -40px;top: 48px;content: "";}
.fea_con .p1{position: absolute;width: 26px;height: 47px;overflow: hidden;left: -54px;top: 185px;}
.fea_con .n1{position: absolute;width: 26px;height: 47px;overflow: hidden;right: -54px;top: 185px;}
.fea_con .p1:hover img,.fea_con .n1:hover img{position: relative;top: -47px;}
.fea_con .p2{position: absolute;width: 13px;height: 24px;right: 422px;bottom: 37px;z-index: 10;opacity: 0.3;}
.fea_con .n2{position: absolute;width: 13px;height: 24px;right: 46px;bottom: 37px;z-index: 10;opacity: 0.3;}
.fea_con .p2:hover,.fea_con .n2:hover{opacity: 1;}

/*xban*/
.xban{height: 250px;background: url(../images/xban.jpg) no-repeat center 0;position: relative;}
.xban .tel{position: absolute;width: 100%;left: 0;bottom: 37px;text-align: center;height: 38px;line-height: 38px;}
.xban .tel p{display: inline-block;font-size: 18px;color: #fff;padding-left: 40px;height: 38px;background: url(../images/tel2.png) no-repeat left center;}
.xban .tel p em{font-size: 36px;font-family: Arial;vertical-align: top;}
.xban .tel .zx{display: inline-block;width: 120px;height: 38px;font-size: 18px;color: #fff;background: #F08200;border-radius: 3px;margin-left: 86px;}
.xban .tel .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}




/*case*/
.case{padding: 100px 0 60px;}
.case h2{margin-bottom: 48px;}
.case_t{height: 35px;border-bottom: 1px solid #d2d2d2;margin-bottom: 40px;}
.case_t h3 a{float: left;font-size: 16px;color: #333;font-weight: normal;line-height: 16px;height: 35px;position: relative;margin-right: 36px;}
.case_t h3 a:last-child{margin-right: 0;}
.case_t h3 a:after{position: absolute;width: 0;height: 4px;content: "";background: #004ea2;left: 50%;transform: translateX(-50%);bottom: -2px;transition: all 0.3s;}
.case_t h3 a:hover{font-weight: bold;color: #004ea2;}
.case_t h3 a:hover:after{width: 50px;}
.case_list dl{float: left;width: 352px;margin-right: 72px;}
.case_list dt{height: 198px;overflow: hidden;}
.case_list dt img{width: 352px;height: 198px;transition: all 0.5s;}
.case_list dt:hover img{transform: scale(1.05);}
.case_list dd{height: 220px;}
.case_list dd h4{font-size: 24px;color: #333;line-height: 24px;font-weight: normal;padding: 48px 0 20px;}
.case_desc{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden;}
.case_list dd .xq{display: inline-block;margin-top: 28px;font-size: 16px;color: #333;line-height: 26px;border-bottom: 2px solid #434343;font-weight: bold;text-transform: uppercase;}
.case_list dd h4:hover a,.case_list dd .xq:hover{color: #004ea2;border-color: #004ea2;}
.case_list .tempWrap{width: 100% !important;}
.case_list .prev{position: absolute;width: 19px;height: 33px;overflow: hidden;left: -40px;top: 82px;}
.case_list .next{position: absolute;width: 19px;height: 33px;overflow: hidden;right: -40px;top: 82px;}
.case_list .prev:hover img,.case_list .next:hover img{margin-top: -33px;}
.coop{margin-top: 60px;}
.coop ul{padding: 20px 0 !important;}
.coop li{float: left;width: 239px;border: 1px solid #e8e8e8;margin-right: -1px;}
.coop li img{display: block;width: 100%;}
.coop li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);z-index: 1;position: relative;}




/*ys*/
.ys{padding: 70px 0 0;background: #f5f5f5;}
.ys h2{margin-bottom: 40px;}
.ys_con{position: relative;}
.ys_bd dl{position: relative;}
.ys_bd dt img{display: block;width: 100%;}
.ys_bd dd{position: absolute;width: 926px;height: 96px;background: #fff;left: 50%;bottom: 60px;margin-left: -463px;border-radius:0px 25px 0px 0px;}
.ys_bd dd h3{float: left;width: 252px;height: 96px;font-weight: normal;background: #f08200;position: relative;padding: 20px 0 0 56px;box-sizing: border-box;font-size: 20px;color: #fff;line-height: 20px;}
.ys_bd dd h3 em{display: block;font-size: 28px;line-height: 28px;padding-top: 8px;}
.ys_bd dd h3:after{position: absolute;width: 22px;height: 50px;content: "";background: url(../images/san1.png) no-repeat;right: -9px;top: 50%;margin-top: -25px;}
.ys_bd dd p{float: left;width: 674px;padding: 24px 50px 0;height: 96px;font-size: 14px;color: #666;line-height: 24px;box-sizing: border-box;}
.ys_t{position: absolute;width: 100%;left: 0;bottom: -50px;text-align: center;height: 68px;}
.ys_t li{display: inline-block;font-size: 22px;color: #333;line-height: 22px;margin: 0 58px;padding-top: 46px;background: url(../images/ys_c1.png) no-repeat top center;}
.ys_t li.on{background: url(../images/ys_c2.png) no-repeat top center;color: #f08200;}



/*news*/
.news{padding: 155px 0 60px;}
.news h2{margin-bottom: 50px;}
.news h3{height: 55px;border-bottom: 1px solid #e5e5e5;font-size: 26px;line-height: 26px;font-weight: normal;margin-bottom: 32px;}
.news h3 i{float: right;font-size: 20px;text-transform: uppercase;line-height: 26px;}
.news h3:hover a{color: #f08200;}
.new_l{float: left;width: 570px;}
.new_pic{height: 285px;overflow: hidden;margin-bottom: 10px;}
.new_pic img{width: 570px;height: 285px;transition: all 0.5s;}
.new_pic:hover img{transform: scale(1.05);}
.new_list p{height: 42px;line-height: 42px;font-size: 14px;color: #666;border-bottom: 1px dotted #dadada;padding-left: 25px;position: relative;}
.new_list p a{color: #666;}
.new_list p:after{position: absolute;width: 8px;height: 8px;border: 1px solid #a2a2a2;box-sizing: border-box;content: "";border-radius: 100%;left: 0px;top: 17px;}
.new_list p:hover a{color: #f08200;}
.new_list p:hover:after{background: #f08200;border-color: #f08200;}
.new_list p:last-child{border: 0;}
.new_r{float: right;width: 475px;}
.new_r .tempWrap{height: 448px !important;overflow: hidden;}
.new_r li{height: 122px;border-bottom: 1px solid #e5e5e5;margin-bottom: 40px;}
.new_r li h4{font-size: 16px;color: #333;line-height: 16px;font-weight: normal;margin-bottom: 24px;}
.new_r li p{font-size: 14px;color: #666;line-height: 24px;}
.new_r li h4:hover a{color: #f08200;}

/*abt*/
.abt{height: 680px;background: url(../images/abt_bg.jpg) no-repeat center 0;}
.abt_con{float: left;width: 550px;margin-top: 100px;}
.abt_con h2{text-align: left;}
.abt_con h2 b{display: block;color: #fff;font-size: 48px;line-height: 48px;letter-spacing: 10px;}
.abt_con h2 i{display: inline-block;padding-top: 18px;color: #fff;padding-bottom: 14px;border-bottom: 2px solid rgba(255,255,255,0.3);letter-spacing: 2px;}
.abt_desc{font-size: 14px;color: #fff;line-height: 24px;opacity: 0.6;margin: 22px 0 40px;}
.abt_con h3{height: 97px;font-weight: normal;}
.abt_con h3 a{float: left;width: 97px;height: 97px;text-align: center;border-radius: 100%;background: #004ea2;margin-right: 36px;transition: all 0.3s;}
.abt_con h3 a:last-child{margin-right: 0;}
.abt_con h3 a img{display: block;height: 37px;margin: 18px auto 0;}
.abt_con h3 a span{display: block;font-size: 14px;color: #fff;line-height: 26px;}
.abt_con h3 a:hover{background: #f08200;}

/*links*/


.link192 {
    padding: 0px 0;
}
.link192 .w192 {
    width: 1200px;
    margin: 0 auto;
}
.link192 .web192 {
    padding: 20px 0;
}
.link192 .web192 h4 {
    border-bottom: 1px solid #ddd;
    margin: 0;
    font-size: 18px;
    color: #004ea2;
    padding-bottom: 15px;
}
.link192 .web192 h4 small {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #999;
}
.link192 .web192 ul {
    margin-left: -20px;
}
.link192 .web192 li {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}