@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{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display: inline-block;font-size: 48px;color: #333;line-height: 48px;position: relative;}
.tit span:before{position: absolute;width: 172px;height: 48px;content: "";background: url(../images/tit1.png) no-repeat center;left: -187px;top: 0;}
.tit span:after{position: absolute;width: 172px;height: 48px;content: "";background: url(../images/tit2.png) no-repeat center;right: -187px;top: 0;}
.tit i{display: block;font-size: 18px;color: #333;line-height: 18px;padding-top: 17px;}


/*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 15px;vertical-align: top;}
.ban_pg i.on{background: #0b55b5;}
.banner .prev{display:none;position: absolute;left: 5%;top: 50%;margin-top: -37px;z-index: 10;}
.banner .next{display:none;position: absolute;right: 5%;top: 50%;margin-top: -37px;z-index: 10;}
.banner:hover .prev,.banner:hover .next{display:block;}


/*search*/
.search{height: 65px;border-bottom: 1px solid #e2e2e2;}
.search p{float: left;height: 65px;line-height: 65px;font-size: 14px;color: #909090;padding-left: 40px;background: url(../images/htwd.png) no-repeat left center;}
.search p a{margin: 0 10px;color: #909090;}
.search p a:hover{color: #f47914;}
.s_box{float: right;height: 31px;width: 238px;margin-top: 18px;background: url(../images/s_box.png) no-repeat;}
.s_box .txt{float:left;width:185px;padding-left: 15px;height:30px;line-height: 30px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .btn{float: left;width:25px;height: 30px;border: 0;background: url(../images/sou.png) no-repeat center;outline: 0;cursor: pointer;}
.s_box .txt::-webkit-input-placeholder{color:#a0a0a0;opacity: 0.5;}
.s_box .txt::-moz-placeholder{color:#a0a0a0;opacity: 0.5;}


/*yz*/
.yz{padding: 64px 0 45px;}
.yz dl{height: 320px;}
.yz dt{float: left;width: 560px;height: 320px;}
.yz dd{float: right;width: 535px;height: 320px;margin-right: 45px;}
.yz dd h2{padding: 30px 0 25px;font-weight: normal;border-bottom: 1px solid #dbdbdb;margin-bottom: 20px;}
.yz dd h2 b{display: block;font-size: 36px;color: #333;line-height: 36px;letter-spacing: 2px;}
.yz dd h2 i{display: block;font-size: 24px;color: #666;line-height: 24px;letter-spacing: 6px;padding-top: 15px;}
.yz dd p{font-size: 16px;color: #666;line-height: 36px;}
.yz_sz{margin-top: 70px;height: 110px;}
.yz_sz li{float: left;padding-left: 50px;height: 110px;box-sizing: border-box;background: url(../images/yz_line.png) no-repeat 0 -4px;}
.yz_sz li span{display: block;height: 40px;font-size: 24px;color: #333;line-height: 24px;transition: all 0.3s;}
.yz_sz li i{display: inline-block;font-size: 52px;font-family: Arial;line-height: 40px;vertical-align: bottom;font-weight: bold;}
.yz_sz li p{font-size: 20px;color: #333;line-height: 40px;}
.yz_sz li:nth-child(1){width: 290px;}
.yz_sz li:nth-child(2){width: 350px;}
.yz_sz li:nth-child(3){width: 300px;}
.yz_sz li:nth-child(4){width: 260px;}
.yz_sz li>div{display: inline-block;text-align: center;}
.yz_sz li:hover span{color: #f47914;}



/*pro*/
.pro1{padding: 100px 0 0;height: 1002px;background: url(../images/pro1_bg.jpg) no-repeat center 0;}
.pro1 h2{height: 142px;}
.pro1_l{float: left;width: 500px;height: 760px;position: relative;}
.pro1_pic p img{display: block;width: 500px;height: 760px;}
.pro_pg{position: absolute;width: 100%;left: 0;bottom: 40px;text-align: center;height: 15px;z-index:10;}
.pro_pg i{display: inline-block;width: 15px;height: 15px;border: 2px solid #fff;border-radius: 100%;box-sizing: border-box;margin: 0 8px;vertical-align: top;}
.pro_pg i.on{background: #fff;}
.pro1_r{float: right;width: 610px;padding: 0 35px 0 55px;height: 760px;background: #fff;}
.pro_t{height: 48px;font-size: 34px;color: #0b55b5;line-height: 48px;margin: 60px 0 24px;}
.pro_t a{color: #0b55b5;}
.pro_t img{float: left;margin-right: 20px;}
.pro1 .pro_t img{margin-top: -8px;}
.pro_desc{font-size: 16px;color: #666;line-height: 26px;letter-spacing: 1px;margin-bottom: 34px;}
.pro_erji a{float: left;font-size: 16px;color: #666;line-height: 34px;padding-left: 20px;width: 140px;background: url(../images/pro_d.png) no-repeat left center;}
.pro_erji a:hover{color: #004cab;}
.pro_m{display: block;font-size: 18px;color: #004cab;line-height: 40px;width: 60px;background: url(../images/pro_jt.png) no-repeat right center;transition: all 0.5s;}
.pro_m:hover{width: 68px;}
.pro_zx{display: block;width: 182px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #00abe5;border: 2px solid #00abe5;margin: 56px 0 40px;}
.pro_zx img{vertical-align: top;margin-right: 12px;transition: all 0.5s;margin-top: 8px;}
.pro_zx:hover img{margin-right: 20px;}
.pro_list li{float: left;width: 300px;height: 225px;position: relative;overflow: hidden;}
.pro_list li:nth-child(2){float: right;}
.pro_list li img{width: 300px;height: 225px;}
.pro_list li h4{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/pro_xq.png) no-repeat center 62px rgba(0,0,0,0.5);padding-top: 142px;box-sizing: border-box;font-size: 16px;color: #fff;text-align: center;line-height: 16px;font-weight: normal;transition: all 0.5s;transform: scale(0);opacity: 0;}
.pro_list li:hover h4{opacity: 1;transform: scale(1);}

.pro2_l{float: left;width: 610px;height: 800px;}
.pro2 .pro_erji a{width: 206px;}
.pro2_r{float: right;width: 862px;margin-right: -360px;height: 800px;overflow: hidden;position: relative;}
.pro2_pic p img{display: block;width: 862px;height: 800px;}
.pro1 .pro_pg{bottom: 80px;}

.pro3{height: 790px;padding-top: 100px;background: url(../images/pro3_bg.jpg) no-repeat center 0;}
.pro3_l{float: left;width: 500px;height: 720px;position: relative;overflow: hidden;}
.pro3_l b{position: absolute;width: 100%;height: 60px;line-height: 60px;left: 0;bottom: 0;font-size: 20px;color: #fff;text-align: center;}
.pro3_r{float: right;width: 610px;padding: 0 35px 0 55px;height: 720px;background: #fff;}
.pro3 .pro_erji{width: 640px;}


/*xban*/
.xban{height: 484px;background: url(../images/xban.jpg) no-repeat center 0;}
.xban .tel{float: left;margin-top: 358px;}
.xban .tel p{float: left;padding-left: 52px;font-size: 15px;color: #fff;line-height: 18px;background: url(../images/tel3.png) no-repeat;}
.xban .tel p em{display: block;font-size: 25px;line-height: 32px;}
.xban .tel .zx{float: left;width: 144px;padding-left: 42px;height: 48px;line-height: 48px;font-size: 18px;color: #602f00;background: url(../images/zx2.png) no-repeat;margin-left: 28px;font-weight: bold;}
.xban .tel .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}


/*ys*/
.ys{padding: 110px 0 0;width: 100%;overflow: hidden;}
.ys h2{margin-bottom: 60px;}
.ys dt img{display:block;}
.ys dt.fr{margin-right: -360px;}
.ys dt.fl{margin-left: -360px;}
.ys dd h3{height: 68px;line-height: 68px;font-size: 45px;color: #333;border-bottom: 1px solid #ececec;font-weight: normal;margin-bottom: 20px;}
.ys dd h3 em{font-weight: bold;color: #ff7204;}
.ys dd h3 i{float: left;width: 46px;height: 69px;text-align: center;font-size: 56px;color: #fff;font-family: Impact;background: url(../images/num_bg.png) no-repeat;margin-right: 20px;}
.ys dd p{font-size: 18px;color: #333;line-height: 32px;margin-bottom: 18px;padding-left: 18px;position: relative;}
.ys dd p:after{position: absolute;width: 7px;height: 7px;content: "";border-radius: 100%;border: 1px solid #333;box-sizing: border-box;left: 0;top: 12px;}

.ys1{height: 478px;background: #f9f9f9;}
.ys1 dd{float: left;width: 530px;margin-top: 132px;}
.ys2{height: 512px;}
.ys2 dd{float: right;width: 480px;margin-top: 132px;}
.ys3{height: 500px;}
.ys3 dd{float: left;width: 530px;margin-top: 145px;}
.ys4{height: 539px;background: #f9f9f9;}
.ys4 dd{float: right;width: 480px;margin-top: 130px;}



/*case*/
.case{padding: 100px 0 70px;}
.case h2{margin-bottom: 55px;}
.case_ctg{height: 116px;}
.case_ctg li{float: left;width: 14.28%;text-align: center;}
.case_ctg li i{display: block;height: 50px;overflow: hidden;}
.case_ctg li i img{position: relative;top: 0;transition: all 0.3s;}
.case_ctg li span{display: block;font-size: 18px;color: #333;line-height: 40px;}
.case_ctg li:hover i img{top: -50px;}
.case_ctg li:hover span{color: #0076d1;}
.case_l{float: left;width: 847px;}
.case_l dt{height: 476px;overflow: hidden;}
.case_l dt img{display: block;width: 847px;height: 476px;transition: all 0.5s;}
.case_l dt:hover img{transform: scale(1.05);}
.case_l dd{height: 138px;border: 1px solid #e5e5e5;border-top: 0;padding: 0 25px;}
.case_l dd h4{font-size: 18px;color: #030000;line-height: 18px;padding: 30px 0 14px;}
.case_l dd h4 a{color: #030000;}
.case_l dd p{font-size: 14px;color: #666;line-height: 24px;}
.case_l dd p a{color: #ff8400;}
.case_r{float: right;width: 278px;padding-right: 51px;position: relative;height: 615px;overflow: hidden;}
.case_r li{margin-bottom: 16px;}
.case_r li a{display: block;position: relative;}
.case_r li img{display: block;width: 278px;height: 156px;}
.case_r li span{display: block;font-size: 15px;color: #666;line-height: 38px;text-align: center;height: 38px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_r li.on a:after{position: absolute;width: 278px;height: 156px;content: "";background: url(../images/case_c.png) no-repeat center rgba(0,0,0,0.55);left: 0;top: 0;}
.case_r .prev{position: absolute;right: 0;top: 0;z-index: 10;cursor: pointer;}
.case_r .next{position: absolute;right: 0;top: 52px;z-index: 10;cursor: pointer;}
.case_r .prevStop,.case_r .nextStop{cursor: no-drop;}




/*news*/
.news{padding: 80px 0 0;box-sizing: border-box;height: 870px;background: url(../images/new_bg.jpg) no-repeat center 0;}
.news h2{margin-bottom: 60px;}
.news h3{height: 48px;line-height: 28px;font-weight: normal;}
.news h3 span{float: left;padding-left: 34px;font-size: 24px;color: #333;background: url(../images/new_ic1.png) no-repeat;}
.news h3 span i{font-size: 12px;color: #999;font-family: Arial;margin-left: 5px;}
.news h3 em{float: right;font-size: 14px;color: #666;padding-right: 15px;background: url(../images/jia.png) no-repeat right center;}
.new_l{float: left;width: 557px;}
.new_l dt{height: 278px;overflow: hidden;}
.new_l dt img{width: 557px;height: 278px;transition: all 0.5s;}
.new_l dt:hover img{transform: scale(1.05);}
.new_l dd{height: 137px;border-bottom: 1px solid #ececec;}
.new_l dd h4{font-size: 20px;color: #333;line-height: 20px;padding: 25px 0 12px;font-weight: normal;}
.new_l dd p{font-size: 14px;color: #999;line-height: 26px;}
.new_l dd p .xq{display: inline-block;width: 6px;height: 24px;background: url(../images/new_jt1.png) no-repeat center;vertical-align: top;margin-left: 30px;}
.new_list{margin-top: 18px;}
.new_list p{height: 30px;line-height: 30px;font-size: 14px;color: #333;padding-left: 22px;background: url(../images/new_jt2.png) no-repeat left center;}
.new_list p i{float: right;color: #999;font-family: Arial;}
.new_r{float: right;width: 560px;}
.new_r h3{height: 32px;}
.new_r h3 span{background: url(../images/new_ic2.png) no-repeat;}
.new_r dl{height: 103px;padding: 17px 0;border-bottom: 1px solid #e8e8e8;}
.new_r dt{float: right;width: 182px;height: 103px;overflow: hidden;}
.new_r dd{float: left;width: 340px;height: 103px;}
.new_r dd h4{font-size: 18px;color: #333;line-height: 18px;font-weight: normal;padding: 15px 0 12px;}
.new_r dd p{font-size: 14px;color: #999;line-height: 24px;}
.new_r dl:last-child{border: 0;}
.new_l dd h4:hover a,.new_list p:hover a,.new_r dd h4:hover a{color: #0076d1;}


/*abt*/
.abt{height: 910px;background: url(../images/abt_bg.jpg) no-repeat center 0;}
.abt h2{height: 84px;padding: 140px 0 0;text-align: center;}
.abt_desc{font-size: 16px;color: #fff;line-height: 30px;text-align: center;margin: 22px 0 48px;}
.abt .more{display: block;width: 142px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff;border-radius: 18px;margin: 0 auto;}
.abt .more img{display: inline-block;vertical-align: top;margin-left: 5px;transition: all 0.3s;margin-top: 11px;}
.abt .more:hover img{margin-left: 10px;}


/*qyfc*/
.qyfc{padding: 80px 0;}
.qyfc h3{height: 30px;margin-bottom: 27px;text-align: center;font-size: 18px;line-height: 18px;color: #ccc;font-weight: normal;background: url(../images/qyfc_line.png) no-repeat center 6px;}
.qyfc h3 a{display: inline-block;height: 28px;margin: 0 22px;color: #666;}
.qyfc h3 a.on{color: #3362bd;border-bottom: 2px solid #3362bd;font-weight: bold;}
.qyfc_list{position: relative;}
.qyfc_list li{float: left;width: 290px;margin-right: 13px;}
.qyfc_list li i{display: block;height: 217px;overflow: hidden;}
.qyfc_list li img{width: 290px;height: 217px;transition: all 0.5s;}
.qyfc_list li i:hover img{transform: scale(1.05);}
.qyfc_list li span{display: block;font-size: 14px;color: #666;line-height: 24px;text-align: center;height: 48px;margin: 14px 20px 0;}
.qyfc_list .sprev{position: absolute;left: -100px;top: 75px;z-index: 10;}
.qyfc_list .snext{position: absolute;right: -100px;top: 75px;z-index: 10;}
.qyfc_list .tempWrap{width: 100% !important;}