@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{ word-spacing:-1.5px;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: 40px;color: #333;line-height: 40px;}
.tit i{display: block;font-size: 20px;color: #333;line-height: 20px;padding-top: 10px;}



/*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: 40px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: rgba(255, 255, 255, 0.5);border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #0060b6;opacity: 1;}
.banner .prev{position: absolute;width: 80px;height: 80px;left: 0;opacity: 0;top: 50%;margin-top: -40px;z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;width: 80px;height: 80px;right: 0;opacity: 0;top: 50%;margin-top: -40px;z-index: 10;transition: all 0.5s;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}


/*search*/
.search{height: 90px;border-bottom: 1px solid #eaeaec;background: url(../images/yz_bg.jpg) no-repeat center 0;}
.search p{float: left;height: 90px;line-height: 90px;font-size: 14px;color: #666;padding-left: 36px;background: url(../images/huo.png) no-repeat left 28px;}
.search p a{color: #666;margin-right: 10px;}
.search p a:hover{color: #0060b6;}
.s_box{float: right;width: 300px;height: 40px;margin-top: 25px;border: 1px solid #eaeaec;border-radius: 20px;box-sizing: border-box;position: relative;}
.s_box:after{position: absolute;width: 1px;height: 14px;content: "";right: 44px;top: 12px;background: #333;}
.s_box .txt{float:left;width:245px;padding-left: 20px;height:38px;line-height: 38px;font-size:14px;color:#333;border:none;background: none;outline: 0;}
.s_box .btn{float: left;width:20px;height: 38px;border: 0;background: url(../images/sou.png) no-repeat center;outline: 0;cursor: pointer;}



/*yz*/
.yz{height: 480px;padding-top: 84px;box-sizing: border-box;background: url(../images/yz_bg.jpg) no-repeat center -90px;}
.yz h2{font-size: 46px;color: #333;line-height: 46px;font-weight: normal;text-align: center;}
.yz_desc{font-size: 16px;color: #666;line-height: 24px;text-align: center;margin: 26px auto 80px;}
.yz_sz{height: 94px;}
.yz_sz li{float: left;width: 20%;height: 94px;border-right: 1px solid rgba(210, 210, 210, 0.7);box-sizing: border-box;text-align: center;transition: all 0.5s;}
.yz_sz li:last-child{border: 0;}
.yz_sz li span{display: block;height: 44px;line-height: 44px;}
.yz_sz li span i{display: inline-block;font-size: 54px;vertical-align: top;color: #333;font-family: Arial;font-weight: bold;}
.yz_sz li span em{display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;font-size: 16px;color: #fff;border-radius: 50%;background: #0059A9;vertical-align: top;margin-left: 6px;}
.yz_sz li b{display: block;font-size: 20px;line-height: 36px;color: #333;}
.yz_sz li p{font-size: 16px;color: #333333;line-height: 24px;}
.yz_sz li:hover{transform: translateY(-10px);}




/*pro*/
.pro{padding: 74px 0 0;height: 1155px;box-sizing: border-box;background: url(../images/pro_bg.jpg) no-repeat center 0;}
.pro h2{padding-bottom: 38px;background: url(../images/pro_t.png) no-repeat bottom center;margin-bottom: 65px;}
.pro_t{height: 44px;border-bottom: 1px solid #D4D4D4;margin-bottom: 40px;}
.pro_t h3{float: left;font-size: 26px;color: #333;line-height: 26px;}
.pro_t h3 a{display: inline-block;padding-right: 24px;background: url(../images/pro_s.png) no-repeat right center;transition: all 0.5s;}
.pro_t h3 a:hover{padding-right: 32px;}
.pro_t .more{float: right;font-size: 16px;color: #333;text-transform: uppercase;line-height: 26px;}
.pro_t h4{float: right;font-size: 18px;font-weight: normal;line-height: 26px;}
.pro_t h4 a{float: left;margin-right: 50px;position: relative;height: 44px;}
.pro_t h4 a:before{position: absolute;content: "-";right: -30px;width: 10px;text-align: center;top: 0;color: #333;font-weight: normal;}
.pro_t h4 a:after{position: absolute;width: 0;height: 3px;content: "";background: #0059A9;left: 0;bottom: -2px;transition: all 0.5s;}
.pro_t h4 a:last-child:before{display: none;}
.pro_t h4 a:hover,.pro_t h4 a.on{font-weight: bold;}
.pro_t h4 a:hover:after,.pro_t h4 a.on:after{width: 100%;}
.pro_bd dl{height: 447px;}
.pro_bd dt{float: left;width: 596px;height: 447px;overflow: hidden;}
.pro_bd dt a{display: block;position: relative;}
.pro_bd dt img{display: block;width: 596px;height: 447px;transition: all 0.36s ease;}
.pro_bd dt a:before{
    content: "";
    width: 32px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: -32px;
    transition: all 0.36s ease-out;
    z-index: 1;
    opacity: 0;
}
.pro_bd dt a:after{
    content: "";
    width: 2px;
    height: 32px;
    background-color: #fff;
    position: absolute;
    top: -32px;
    left: 50%;
    transition: all 0.36s ease-out;
    opacity: 0;
}
.pro_bd dt i{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;transition: all 0.36s ease;content: "";}
.pro_bd dt span{position: absolute;left: 0;width: 100%;bottom: 0;height: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #fff;z-index: 1;opacity: 0;    transition: all 0.36s ease;}
.pro_bd dt:hover a:before{left: calc(50% - 16px);opacity: 1;}
.pro_bd dt:hover a:after{top: calc(50% - 16px);opacity: 1;}
.pro_bd dt:hover i{background-color: rgba(0, 0, 0, 0.34);}
.pro_bd dt:hover img{transform: scale(1.05);}
.pro_bd dt:hover span{bottom: 160px;opacity: 1;}
.pro_bd dd{float: right;width: 560px;height: 447px;}
.pro_bd dd b{display: block;font-size: 24px;color: #333;line-height: 24px;width: 130px;margin: 54px 0 16px;background: url(../images/pro_jt.png) no-repeat right center;}
.pro_desc{font-size: 16px;color: #333;line-height: 28px;margin-bottom: 34px;}
.pro_list li{float: left;width: 265px;margin-right: 30px;}
.pro_list li i{display: block;height: 198px;overflow: hidden;}
.pro_list li img{width: 265px;height: 198px;transition: all 0.5s;}
.pro_list li i:hover img{transform: scale(1.05);}
.pro_list li h4{height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #666;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_list li:hover h4,.pro_t .more:hover{color: #0059A9;}
.pro_list .tempWrap{width: 100% !important;}

.fea{margin-top: 38px;}
.fea li{float: left;width: 20%;height: 256px;border-radius: 10px;   margin-right: -1px; border: 1px solid #E1E1E1;box-sizing: border-box;text-align: center;background: rgba(255,255,255,0.53); transition: all 0.3s;   box-shadow: 0px 3px 5px 0px rgba(185, 185, 185, 0.35);}
.fea li i{display: block;height: 74px;overflow: hidden;margin: 46px 0 26px;}
.fea li h3{font-size: 24px;color: #5c5c5c;line-height: 24px;font-weight: normal;margin-bottom: 12px;transition: all 0.3s;}
.fea li p{font-size: 14px;color: #888;line-height: 22px;padding: 0 20px;transition: all 0.3s;}
.fea li:nth-child(4) p{padding: 0 10px;}
.fea li.cur{background: #0054ae;border-color: #0054ae;}
.fea li.cur i img{transform: translateY(-74px);transition: all 0.5s;}
.fea li.cur h3,.fea li.cur p{color: #fff;}


/*qtcp*/
.qtcp{padding: 70px 0;}
.pro_item li{float: left;width: 383px;margin-right: 25px;}
.pro_item li i{display: block;overflow: hidden;}
.pro_item li img{width: 383px;transition: all 0.5s;}
.pro_item li i:hover img{transform: scale(1.05);}
.pro_item li h4{height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #333;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 20px;}
.pro_item li:hover h4{color: #0059A9;}
.pro_item .tempWrap{width: 100% !important;}


/*xban*/
.xban{height: 302px;background: url(../images/xban.jpg) no-repeat center 0;}
.xban h2{float: left;font-size: 48px;color: #fff;line-height: 48px;margin: 106px 0 0 104px;}
.xban h2 i{display: block;font-size: 36px;line-height: 36px;padding-top: 18px;font-weight: normal;letter-spacing: 3px;}
.xban .tel{float: right;margin-top: 106px;margin-right: 80px;}
.xban .tel p{font-size: 17px;color: #fff;line-height: 17px;padding-left: 72px;background: url(../images/tel1.png) no-repeat left 8px;}
.xban .tel p b{display: block;font-size: 36px;color: #fff;font-family: Arial;line-height: 56px;}
.xban .tel .zx{display: block;margin: 10px 0 0 26px;width: 176px;height: 74px;line-height: 48px;padding-left: 64px;box-sizing: border-box;font-size: 21px;color: #c00000;background: url(../images/zx1.png) no-repeat;}
.xban .tel .zx:hover{animation: shake 1.5s linear;}



/*ys*/
.ys{padding: 100px 0 50px;background: #f6f6f6;}
.ys h2{padding-bottom: 42px;background: url(../images/ys_t.png) no-repeat bottom center;margin-bottom: 22px;}
.ys_con{height: 1543px;background: url(../images/ys_line.png) no-repeat center 13px;}
.ys_con dl{float: left;width: 534px;margin-bottom: 30px;}
.ys_con dd{height: 136px;}
.ys_con dd h3{height: 68px;margin-bottom: 12px;}
.ys_con dd h3 i{float: left;width: 56px;text-align: center;height: 62px;line-height: 62px;padding-top: 6px;font-size: 30px;color: #fff;margin-right: 18px;background: url(../images/num_bg.png) no-repeat;}
.ys_con dd h3 span{float: left;font-size: 30px;color: #333;font-weight: normal;padding-top: 18px;height: 62px;box-sizing: border-box;line-height: 30px;position: relative;}
.ys_con dd h3 span:after{position: absolute;width: 18px;height: 2px;content: "";background: #00537a;left: 0;bottom: 0;}
.ys_con dd p{font-size: 16px;color: #666;line-height: 26px;}
.ys_con dl:nth-child(2n){float: right;transform: translateY(92px);}
.ys .zx{display: block;width: 165px;height: 50px;line-height: 50px;text-align: center;font-size: 15px;color: #fff;border-radius: 5px;background: #0059a9;margin: 0 auto;}
.ys .zx img{display: inline-block;vertical-align: top;margin: 19px 0 0 15px;transition: all 0.5s;}
.ys .zx:hover img{margin: 19px 0 0 23px;}


/*case*/
.case{height: 846px;padding: 100px 0 0;box-sizing: border-box;background: url(../images/case_bg.jpg) no-repeat center 0;}
.case h2{padding-bottom: 32px;background: url(../images/case_t.png) no-repeat bottom center;margin-bottom: 50px;}

.case_con{position: relative;width: 940px;margin: 0 auto;}
.case_con .tempWrap{overflow: visible !important;}
.case_qie{padding: 80px 0 75px !important;}
.case_qie dl{width: 940px!important;position: relative;height: 340px;margin-top: 40px;margin-right: 80px;background: #fff;padding: 20px;box-sizing: border-box;box-shadow:5px 9px 50px 0px rgba(0, 0, 0, 0.2);}
.case_qie dt{float: left;width: 400px;height: 300px;display: block;overflow: hidden;}
.case_qie dt img{width: 400px;height: 300px;display: block;transition: all 0.5s linear;}
.case_qie dt:hover img{transform: scale(1.05);}
.case_qie dd{width: 400px;float: right;margin-right: 60px;margin-top: 45px;}
.case_qie dd h3 a{font-size:22px;line-height: 26px;color: #333;font-weight: normal;display: block;padding: 10px 0 18px;border-bottom: 1px solid #e5e5e5;}
.case_qie dd h3 a i{display: block;font-size: 16px;color: #666;line-height: 16px;padding-top: 12px;}
.case_qie dd p{font-size: 16px;color: #888;line-height: 26px;margin: 15px 0 28px;}
.case_qie dd .xq{display: none;width: 130px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #666;border: 1px solid #c2c2c2;border-radius: 20px;transition: all 0.3s;}
.case_qie dd .xq:hover{color: #fff;background: #0059a9;border-color: #0059a9;}
.case_qie dl.cur{ height: 380px; padding: 30px;margin-top: 0;}
.case_qie dl.cur dt{ display: block;width:546px;height: 410px;z-index: 50;position: relative;margin-top: -110px;transition: all 0.5s;}
.case_qie dl.cur dt img{ display: block;width:546px;height: 410px; }
.case_qie dl.cur dd{width: 300px;margin-right: 0;margin-top: 0;}
.case_qie dl.cur dd .xq{display: block;}
.case_pg{position: absolute;left: 0;bottom: 0;height: 12px;text-align: center;font-size: 0;width: 100%;z-index: 10;}
.case_pg i{display: inline-block;width: 12px;height: 12px;border: 2px solid #bbbbbb;border-radius: 50%;margin: 0 5px;vertical-align: top;box-sizing: border-box;}
.case_pg i.on{background: #0054aa;border-color: #0054aa;}
.case_con .prev{position: absolute;width: 22px;height: 43px;overflow: hidden;left: -60px;top: 250px;z-index: 10;}
.case_con .next{position: absolute;width: 22px;height: 43px;overflow: hidden;right: -60px;top: 250px;z-index: 10;}
.case_con .prev:hover img,.case_con .next:hover img{transform: translateY(-43px);}



/*news*/
.news{padding: 90px 0 55px;}
.news h2{padding-bottom: 32px;background: url(../images/new_t.png) no-repeat bottom center;margin-bottom: 60px;}
.news h3{height: 37px;background: url(../images/new_line1.png) no-repeat bottom;margin-bottom: 22px;font-size: 24px;line-height: 24px;color: #1a1a1a;font-weight: normal;}
.news h3 a{color: #1a1a1a;}
.news h3 img{margin-right: 8px;vertical-align: top;}
.news h3 i{float: right;font-size: 14px;color: #666666;line-height: 24px;font-family: Verdana;text-transform: uppercase;}
.new_l{float: left;width: 576px;}
.new_l dt{height: 288px;overflow: hidden;}
.new_l dt img{display: block;width: 576px;height: 288px;transition: all 0.5s;}
.new_l dt:hover img{transform: scale(1.05);}
.new_l dd{height: 203px;background: url(../images/new_line3.png) no-repeat 90px 0;}
.new_l dd i{float: left;width: 128px;height: 203px;font-size: 24px;color: #0059a9;line-height: 30px;font-weight: bold;font-family: Verdana;padding-top: 25px;box-sizing: border-box;}
.new_l dd i em{display: block;font-size: 14px;line-height: 20px;opacity: 0.5;margin-left: 36px;}
.new_l dd h4{font-size: 16px;color: #333;line-height: 16px;padding: 30px 0 12px;}
.new_l dd p{font-size: 14px;color: #666;line-height: 26px;}
.new_l dd .xq{display: block;font-size: 14px;line-height: 26px;color: #0059a9;}
.new_r{float: right;width: 560px;}
.new_r h3{margin-bottom: 32px;}
.new_r li{height: 107px;background: url(../images/new_line4.png) no-repeat bottom right;}
.new_r li i{float: left;width: 130px;height: 107px;font-size: 24px;color: #4c4c4c;line-height: 30px;font-weight: bold;font-family: Verdana;padding-top: 22px;box-sizing: border-box;}
.new_r li i em{display: block;font-size: 14px;line-height: 20px;opacity: 0.5;margin-left: 36px;}
.new_r li h4{font-size: 16px;color: #333;line-height: 16px;padding: 26px 0 12px;font-weight: normal;}
.new_r li p{font-size: 14px;color: #666;line-height: 26px;}
.new_r li p a{color: #0059a9;}
.new_r li:last-child{background: none;}
.new_r li h4:hover a,.new_l dd h4:hover a,.news h3 i:hover{color: #0059a9;}





/*abt*/
.abt{height: 947px;padding-top: 77px;box-sizing: border-box;background: url(../images/abt_bg.jpg) no-repeat center 0;}
.abt h2{padding-bottom: 34px;margin-bottom: 30px;background: url(../images/abt_t.png) no-repeat bottom center;}
.abt_pic{height: 400px;position: relative;}
.abt_pic .bo{position: absolute;width: 135px;height: 90px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.abt ul{margin-top: 46px;height: 32px;}
.abt ul li{float: left;width: 212px;height: 32px;border-right: 2px solid #002e73;margin-right: 30px;transition: all 0.5s;}
.abt ul li i{float: left;font-size: 42px;color: #0059a9;line-height: 32px;font-family: Arial;margin-right: 4px;}
.abt ul li em{display: block;font-size: 16px;color: #0059a9;line-height: 14px;}
.abt ul li span{display: block;font-size: 14px;color: #313131;line-height: 14px;padding-top: 4px;}
.abt ul li:last-child{border: 0;}
.abt ul li:last-child em{font-size: 24px;}
.abt ul li:hover{transform: translateY(-10px);}
.abt_desc{font-size: 14px;color: #666;line-height: 24px;width: 870px;margin: 20px 0 44px;}
.abt .xq{display: block;width: 36px;height: 36px;transition: all 0.5s;}
.abt .xq:hover{transform: translateX(10px);}


/*qyfc*/
.qyfc{padding: 70px 0 65px;}
.qyfc_t{height: 44px;margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.qyfc_t .more{float: right;font-size: 14px;color: #333;line-height: 24px;opacity: 0.5;text-transform: uppercase;}
.qyfc_t .more:hover{color: #002e73;opacity: 1;}
.qyfc_t h3 a{float: left;font-size: 24px;color: #333;line-height: 24px;font-weight: normal;margin-right: 48px;position: relative;}
.qyfc_t h3 a.on{font-weight: bold;}
.qyfc_t h3 a:after{position: absolute;width: 1px;height: 18px;content: "";right: -24px;top: 3px;background: #e0e0e0;}
.qyfc_t h3 a:last-child{overflow: hidden;}
.qyfc_list{position: relative;}
.qyfc_list li{float: left;width: 290px;margin-right: 13px;overflow: hidden;}
.qyfc_list li img{display: block;width: 100%;transition: all 0.5s;}
.qyfc_list li:hover img{transform: scale(1.05);}
.qyfc_list .sprev{position: absolute;width: 77px;height: 77px;left: -100px;top: 70px;}
.qyfc_list .snext{position: absolute;width: 77px;height: 77px;right: -100px;top: 70px;}
.qyfc_list .tempWrap{width: 100% !important;}


.links{background: #023263;}
.lk_con{height: 60px;line-height: 60px;border-top: 1px solid #315996;font-size: 14px;color: #dcdcdc;}
.lk_con a{color: #dcdcdc;margin-left: 30px;}
.lk_con a:hover{color: #fff;}