﻿@charset "utf-8";

/*banner*/
.banner{position: relative; height:600px;clear: both;}
.ban_p,.ban_p li{ height:600px;overflow: hidden;}
.ban_p li{ display:block; height:600px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 1920px;height: 600px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_t{width:600px;height:50px;bottom: 0;left:50%;margin-left:-300px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:16px; display: inline-block;background: #fff;}
.ban_t em.on{background: #f19800;}

.til01{height:113px;display: block;font-size:36px;line-height:54px;color: #333;text-align: center;font-weight: normal;background:url(../images/tilbg1.png) no-repeat center 23px;}
.til01 span{display: block;font-size:18px;line-height:38px;color: #666;}
.til01 b{color: #0061a6;}
.til01 a{display: block;color: #333;}
.probox .til01,.team .til01,.about .til01{background:url(../images/tilbg2.png) no-repeat center 23px;}
.newsbox .til01{background:url(../images/tilbg3.gif) no-repeat center 23px;}
.team .til01,.team .til01 span,.team .til01 b,.team .til01 a,.about .til01,.about .til01 span,.about .til01 b,.about .til01 a{color: #fff;}

/*搜索*/
.seabox{height:80px;line-height:45px;background: #f1f1f1;padding: 20px 0 0;}
.seabox h3{width: 330px;font-size: 24px;line-height: 33px;font-family: "宋体";color: #0061a6;float: left;}
.seabox h3 em{font-size:10px;line-height:14px;display: block;font-weight: normal;text-transform: uppercase;font-family: Arial;color: #c5c5c5;letter-spacing: 3px;font-style: normal;}
.keyword{width:510px;padding: 8px 0 0;white-space: nowrap;}
.keyword a{padding: 0 6px;display: inline-block;white-space: nowrap;}
.sea_inp{width:335px;height:43px;overflow: hidden;padding: 8px 0 0;}
.sea_inp .serach{width:271px;height:43px;border:solid 1px #e6e6e6;border-right: 0;background:#fff;line-height:43px;color:#555;padding:0 9px;float:left;outline: none;display: block;font-size:14px;}
.sea_inp .sub{ width:45px; height:45px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.gif) no-repeat 0 0;border: 0;}


/*产品中心*/


.til01,.til02{text-align: center;display: block;font-size:48px;color: #000;line-height:50px;height: 104px;position: relative;font-weight: normal;}
.til01:before,.til02:before{content: "";width:22px;left:50%;margin-left: -11px;top:80px;height:3px;position: absolute;background:#f39700;}
.til01 a,.til02 a{display: block;color: #000;}
.til01 em{display: block;font-size:12px;line-height:16px;opacity: 0.5;text-transform: uppercase;}

.til02{line-height:85px;height: 152px;}
.til02:before{top:82px;}
.til02 b{color: #0084d8;}
.til02 p{display: block;font-size:22px;line-height:42px;opacity: 0.8;}

.probox{font-family:"Microsoft Yahei";padding:20px 0 0;position: relative;z-index: 1;line-height:54px;color: #fff;font-size: 20px;max-width: 1920px;margin: 0 auto;}
.pro_til{font-size: 20px;line-height:63px;height:86px;color: #fff;overflow: hidden;text-align: center;}
.pro_til li{float: left;width: 240px;height: 63px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-right: solid 1px #fff;background: #0084d8;}
.pro_til li:last-child{border: 0;}
.pro_til li a{color: #fff;display: inline-block;padding-left: 20px;background:url(../images/ico01.png) no-repeat 0 center;}
.pro_til li:hover,.pro_til li.cur{background: #f39700;}

.pro_cl{width:50%;position: relative;text-align: center;overflow: hidden;}
.pro_cr{width:50%;text-align: center;overflow: hidden;}
.pro_ce{position: absolute;width: 138px;height: 56px;bottom: 0;right: 0;z-index: 2;}
.pro_ce em{width: 14px;height: 14px;border-radius: 14px;background: #262a2c;float: left;margin: 0 10px 0 0;}
.pro_ce em.cur{background: #0084d8;}
.pro_cl p{position: relative;}
.pro_cr li{width: 47.5%;float: left;margin: 0 0 23px 2.5%;position: relative;overflow: hidden;}
.pro_cr li p,.pro_cr li img,.pro_cl p,.pro_cl p img{width: 100%;display: block;}
.pro_cr li span,.pro_cl span{position: absolute;left: 0;bottom:3.23%;width: 100%;height:34px;line-height: 27px;font-size: 20px;text-align: center;}
.pro_cr li span em,.pro_cl span em{display: block;text-transform: uppercase;font-size: 18px;line-height: 22px;}
.pro_cr li span:before,.pro_cl span:before{content: "";width:22px;left:50%;margin-left: -11px;bottom:0;height:3px;position: absolute;background:#86868c;}
.pro_cr li span a,.pro_cl span a{display: block;color: #262a2c;}

@media screen and (max-width: 1440px) {
    .pro_cr li{margin-bottom: 9px;}
}
@media screen and (max-width: 1679px) {
    .pro_cr li{margin-bottom:12px;}
}

/* 交期之选 */
.cycle{padding: 75px 0 0;height: 800px;font-family:"Microsoft Yahei";overflow: hidden;font-size: 16px;line-height: 22px;}
.cycle_t{position: absolute;width: 670px;top: 418px;left:542px;text-align: center;font-size: 20px;line-height: 22px;color: #333;z-index: 1;}
.cycle_t li{width:107px;height: 156px;background:url(../images/cycle_tbg1.png) no-repeat center 0;padding: 22px 25px 0;float: left;margin: 0 10px 0 0;}
.cycle_t li span{display: block;font-size: 36px;line-height: 48px;font-family: Times New Roman;border-bottom: 1px solid #ccc;margin-bottom: 11px;}
.cycle_t li p{height: 58px;border-bottom: 1px solid #ccc;}
.cycle_t li.cur{background:url(../images/cycle_tbg2.png) no-repeat center 0;color: #fff;}
.cycle_t li.cur span,.cycle_t li.cur p{border-color: #fff;}
.cycle_l dl{position: relative;}
.cycle_l dl,.cycle_l dt,.cycle_l dt img{width: 1200px;height: 513px;}
.cycle_l dd{position: absolute;width: 350px;height: 146px;background: rgba(0 , 132 , 216, 0.8);left: 0;top:440px;line-height: 22px;color: #fff;padding: 0 60px;}
.cycle_l dd h3{position: relative;height: 74px;line-height: 77px;font-size: 22px;}
.cycle_l dd h3:before{content: "";position: absolute;width:22px;height: 2px;background: #fff;left:0;top:63px;}

/* 优势 */
.edge{font-family:"Microsoft Yahei";font-size: 16px;line-height: 36px;color: #fff;width: 100%;margin: 0 auto;max-width: 1920px;position: relative;margin-top:30px;}
.edge_p,.edge_p img{width: 100%;display: block;margin: 0 auto;}
.edge_w{width: 560px;position: absolute;left: 50%;margin-left: -600px;top:3.7rem;}
.edge_w h2{font-weight: normal;background:url(../images/partilbg.png) no-repeat 0 bottom;margin-bottom: 1.8rem;font-size: 48px;line-height: 3.35rem;height:7rem;color:#fff;}
.edge_w h2 a{color:#fff;}
.edge_w h2 p{font-size: 22px;line-height: 48px;}
.edge_wl{width: 560px;position: absolute;left: 50%;margin-left: -600px;bottom:2rem;}
.edge_wl li{border-right: solid 1px #fff;height: 71px;padding: 0 29px;font-size: 20px;line-height: 28px;float: left;}
.edge_wl li a{color:#fff;}
.edge_wl li span{display: block;height: 44px;line-height: 44px;}
.edge_wl li span b{font-family: Times New Roman;font-size: 48px;float: left;padding: 0 4px 0 0;}
.edge_wl li span em{display: inline-block;width: 22px;line-height: 22px;text-align: center;color: #f39700;background: #fff;border-radius: 22px;font-size: 14px;}
.edge_wl li:first-child{padding-left: 0;}
.edge_wl li:last-child{padding-right: 0;border:0;}

/*案例*/
.case{font-family:"Microsoft Yahei";padding: 78px 0 0;height:992px;position: relative;z-index: 1;line-height: 32px;}
.case_t{font-size: 20px;line-height:46px;height: 122px;text-align: center;}
.case_t li{float: left;height: 90px;border-right: solid 1px #b2b2b2;padding: 0 45px;}
.case_t li a{color: #14191b;}
.case_t li:first-child{padding-left: 0;}
.case_t li:last-child{padding-right: 0;border: 0;}
.case_t li em{width: 57px;height: 57px;display: block;margin: 0 auto;background: #0084d8;border-radius: 57px;}
.case_t li.cur,.case_t li.cur a{color: #f39700;font-weight: bold;}
.case_t li.cur em{background: #f39700;}
/*.case_c{background:url(../images/casebg.png) no-repeat center 47px;padding: 0 180px;height: 630px;}*/
.case_c{height: 630px;width:1200px;}
.case_c dl{width:1200px;height:675px;background: #fff;position: relative;}
.case_c dt,.case_c dt img{width:1200px;height:675px;display: block;overflow: hidden;}
.case_c dd{padding: 20px 44px 0;color: #555;position: absolute;left:0;bottom:0;background:#fff;width:1200px;height:140px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.case_c dd h3{font-size: 20px;font-weight: normal;color: #333;position: relative;}
.case_c dd h3:before{content: "";width:22px;left:0;bottom:0;height:2px;position: absolute;background:#f39700;}
.case_c dd h3 a{display: block;color: #333;}
.prev3,.next3,.prev2,.next2{width:52px;height:52px;cursor: pointer;z-index: 11;top:572px;right:-70px;background:url(../images/next2.png) no-repeat 0 0;}
.prev3,.next3{top:176px;background:url(../images/next3.png) no-repeat 0 0;}
.prev2{background:url(../images/prev2.png) no-repeat 0 0;}
.prev3{background:url(../images/prev3.png) no-repeat 0 0;}
.prev3,.prev2{left: -70px;}
.next2{right:20px;}
.prev2{left:20px;}
.prev3:hover,.next3:hover,.prev2:hover,.next2:hover{background-position: 0 bottom!important;}
/*资讯*/
.newsbox{line-height:24px;height:772px;font-family: "Microsoft Yahei";padding: 90px 0 0; background:#fff;}

.new1{border: solid 1px #e5e5e5;height: 264px;padding: 13px 28px 0;}
.faqs,.news{width:536px;height: 270px;overflow: hidden;line-height: 39px;padding: 20px 0 0;}
.newtil{font-size: 18px;line-height: 60px;height: 60px;background:url(../images/line1.gif) repeat-x right 31px;}
.newtil span{font-size: 14px;line-height: 32px;float: right;font-weight: normal;text-transform: uppercase;}
.newtil p a{display: inline-block;padding: 0 10px 0 0;background: #fff;}
.new1 dd{width: 746px;float: left;padding:27px 0 0 55px;}
.new1 dd h3{height:56px;line-height:32px;font-size:18px;color: #333;}
.new1 dd h3 a,.new_c2 li a,.faqs_c li a{color: #333;display: inline-block;}
.new1 dd h3 em{color: #fff;display: inline-block;width: 85px;line-height: 32px;background: #0060b1;font-weight: normal;float: left;margin: 0 20px 0 0;font-size: 14px;text-align: center;}
.new1 dd p{height: 96px;overflow: hidden;}
.new1 dt,.new1 dt img{display: block;width: 330px;height: 233px;overflow: hidden;float: left;}
.new_c2 li,.faqs_c li{height: 39px;line-height: 39px;background:url(../images/ico04.gif) no-repeat 0 17px;padding: 0 0 0 17px;border-bottom: solid 1px #e6e6e6;}

/*关于*/
.about{height:391px;font-family: "Microsoft Yahei";text-align: center;line-height: 29px;color: #fff;padding: 60px 0 0;background:url(../images/aboutbg.jpg) no-repeat center 0;}
.about_w{width: 756px;margin: 0 auto;height: 125px;}
.about_l a{color: #fff;display: inline-block;width: 120px;line-height: 40px;background: #0061a6;border-radius: 4px;margin: 0 0 0 20px;}
.about_l a:hover{background: #f39700;}

/*友情链接*/
.link{height:0;line-height:50px;color: #fff;background:#333;position: relative;width: 100%;}
.link_c{width:600px;overflow: hidden;position: absolute;right: 0;top:-58px;text-align: right;}
.link span{display: inline-block;opacity: 0.5;}
.link_c a{display: inline-block;color: #fff;padding: 0 3px;opacity: 0.5;}

.edge_c dt img, .case_c dt img, .part_c li p img, .team_c dt img, .new1 dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.edge_c dt img:hover, .case_c dt img:hover, .part_c li p img:hover, .team_c dt img:hover, .new1 dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
