@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;height:886px;max-width:1920px;margin:0 auto;}
.ban_p,.ban_p ul,.ban_p li{ height:886px;overflow: hidden;width: 100%!important;position: relative;}
.ban_p li,.ban_p li a{ display:block; height:886px;width: 100%!important; overflow: hidden;}
.ban_p li img {width: 1920px;height: 886px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_p span {position: absolute;width:100%;height:317px;left:0;top:50%;margin-top: -168px;display:block;text-align:center;z-index:4;}
.ban_p span img{width:798px;height:317px;display:block;margin:0 auto;}
.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: #ff6422;width: 32px;}

.til01{text-align: center;color: #333;font-size:44px;line-height:54px;font-family: "Microsoft Yahei";clear: both;display: block;height:120px;white-space: nowrap;font-weight: normal;}
.til01 p{display: block;font-size:18px;line-height:28px;}
.til01 a{color: #000;}
.til02,.til02 a{color: #000;}
.probox .til01 a{ color:#fff;}
/*浜у搧涓績*/
.proboxbg{background:url(../images/planbg.jpg) no-repeat center;background-attachment:fixed;}
.probox{clear: both;padding:76px 0;line-height: 23px;font-family:"Microsoft Yahei";}
.prev1,.next1{width:20px;height:34px;cursor: pointer;z-index: 11;top:82px;right: -55px;background:url(../images/next1.png) no-repeat 0 0;}
.prev1{left:-55px;background:url(../images/prev1.png) no-repeat 0 0;}
.prev1:hover,.next1:hover{background-position: 0 bottom;}

.pro_t,.trade_t{height: 106px;font-size: 18px;line-height: 48px;overflow: hidden;text-align: center;}
.pro_t li,.trade_t li{float: left;width: 177px;height:50px;border: solid 1px #ccc;margin: 0 0 0 108px;color:#fff;border-radius:3px;}
.trade_t li:hover{ background:#024ca3; }
.trade_t li:hover a{color:#fff;}
.trade_t li{color: #fff;margin-left: 56px;}
.trade_t li a{color: #000;}
.pro_t li.cur,.trade_t li.cur{color: #fff;border-color: #ff7d33;background: #ff7d33;}
.pro_cl{width: 1200px;overflow: hidden;}
.pro_c li{width: 279px;height:334px;float: left;margin:3px 24px 46px 3px; height: 415px;box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.03);}
.pro_c li p,.pro_c li p img{width: 279px;height: 279px;display: block;overflow: hidden;}
.pro_c li span{display: block;line-height:22px;padding: 10px 19px 0;color: #666;height: 88px;background: #fff;}
.pro_c li span b a{display: block;color: #000;font-size: 18px;line-height: 27px;font-weight: bold;}
.pro_c li span em{display: block;padding:8px 0 0;}
.pro_c li span em a{color: #fff;font-size: 12px;line-height: 24px;width: 91px;border-radius: 12px;background: #ff7d33;text-align: center;display: block;float: right;}
.pro_more{display: block;text-align: center;font-size: 16px;height: 78px;}
.pro_more a{width: 198px;line-height: 46px;border: solid 1px #666;border-radius: 3px;display: inline-block;color: #fff;}
.trade .pro_more a{color: #000;border-color: #000;}
.pro_more a:nth-child(2){background: #ff7d33;border-color: #ff7d33;color: #fff;margin-left: 40px;box-shadow: 0 0 5px 5px rgba(255, 125, 51, 0.3);}

.pro_fw{height: 77px;text-align: center;line-height: 77px;color: #fff;background: #024ca3;font-size: 22px;overflow:hidden;}
.pro_fw ul{width:1240px;}
.pro_fw li{float: left;position: relative;z-index: 1;}
.pro_fw li:before{content: "";position: absolute;width:1px;height:14px;top:35px;left:-1px;z-index: -1;border-left: 1px dotted #6592c7;}
.pro_fw li a{display: inline-block;color: #fff;padding: 0 38px;}
.pro_fw li:nth-child(1):before{width: 0;height: 0;}
.pro_fw li:nth-child(1) a{padding: 0 48px;}
.trade .pro_fw li a{padding: 0 36px;}
.trade .pro_fw li:nth-child(1) a{padding: 0 40px;}
.pro_fw li:nth-child(1) a,.pro_fw li a:hover{background: #ff7d33;z-index: 2;}

/*鏂规*/
.trade{height: 899px;position: relative;font-family:"Microsoft Yahei";}
#canvas canvas{height:100%!important;}
.trade_con{width: 100%;height: 100%;position: absolute;display: block;left: 0;top: 76px;}
.trade_c1{height:374px;display: block;overflow: hidden;}
.trade_c li{margin: 0 0 0 14px;float: left;}
.trade_c li a{color:#fff;}
.trade_c ul li:first-child{margin: 0;}
.trade_c li,.trade_c li img{width: 228px;height:305px;display: block;overflow: hidden;}

/* 妗堜緥 */
.case{font-family:"Microsoft Yahei";padding: 70px 0 0;line-height: 24px;background: #f6f6f6;}
.case_t{height: 165px;font-size: 20px;line-height: 55px;text-align: center;color: #333;}
.case_t li{float: left;width:223px;height: 55px;margin: 0 0 25px 18px;border: solid 1px #c1c1c1;border-radius: 4px;}
.case_t li:nth-child(5n-4){margin-left: 0;}
.case_t li span{display: inline-block;padding-left: 40px;}
.case_t li.cur{background: #1f386e;border-color: #1f386e;color: #fff;}
.case_t li.cur span{background-position: 0 -37px!important;}
.case_c{height: 432px;}
.case_c dl{position: relative;z-index:2;}
.case_c dl:before{content: "";position: absolute;width:100%;height:120px;bottom:0;left:0;z-index: 0;background:url(../images/caselbg.png) repeat;}
.case_c dl,.case_c dt,.case_c dt img{width: 1200px;height:397px;display: block;overflow: hidden;}
.case_c dd{position: absolute;left:22px;bottom: 0;color: #fff;font-size: 16px;width: 1055px;height: 105px;}
.case_c dd h3{display: block;font-size:22px;line-height: 34px;}
.case_c dd h3 a{color: #fff;}
.case_c dd p a{color: #ff7d33;}

.part{height: 109px;overflow: hidden;}
.part li{background: #fff;border: dotted 1px #4b77b2;padding: 1px 37px;float: left;margin: 0 15px 0 0;}
.part li,.part li img{width:152px;height: 76px;display: block;}

/*浼樺娍*/
.edge{clear: both;line-height:30px;padding: 72px 0 0;font-size: 16px;color: #fff;}
.edge_c{width: 100%;height: 705px;overflow: hidden;}
.edge_c ul{width: 102%;height: 705px;}
.edge_c li{width:25%;float: left;position: relative;cursor:pointer;height: 705px;}

.edge_c li:last-child{margin: 0;}
.edge_c li img{display: block;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.5);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.shu2{position: absolute;left:0;bottom:0;width:100%;height:56%;text-align: center;}
.bock{position: absolute;left:4%;bottom:0;width:92%;height:145px;background: rgba(0, 0, 0, 0.7);}
.bock{opacity:0;}
.shu2 h3,.bock h3{font-size: 30px;line-height: 40px;font-weight: bold;color: #fff;position: relative;}
.shu2 h3 span{width:86px;height:80px;display: block;margin: 0 auto 200px;}
.bock h3 span,.bock h3 span img{width: 56px;height: 52px;display: block;margin: 0 auto;}
.bock h3{padding:20px 0 0;width:18%;float: left;text-align: center;}
.shu2 h3 em{display: block;font-size:18px;line-height:27px;font-weight: normal;text-transform: uppercase;}
.shu2 h3 a{color: #fff;display: block;}
.shu2 p{display: block;height: 60px;overflow: hidden;}
.edge_cw span{display: block;font-size: 24px;line-height: 38px;padding: 14px 0 0;}
.edge_cw p{position: relative;padding-left: 19px;}
.edge_cw p:before{content: "";position: absolute;width:7px;height:7px;top:12px;left:0;z-index: 0;background:#f58000;border-radius: 7px;}

/*璧勮*/
.newbox{background:url(../images/newbg.jpg) repeat center 0;line-height:32px;padding: 76px 0;}
.new_t{text-align: center;font-size: 22px;height: 119px;line-height: 48px;}
.new_t li{width: 200px;float: left;margin-left:40px;border-radius: 24px;background: #fff;color: #333;box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.03);}
.new_t li:first-child{margin-left: 380px;}
.new_t li.cur{background: #ff7d33;color: #fff;box-shadow: 0 0 5px 5px rgba(255, 125, 51, 0.3);}

.new_g dl{width: 360px;margin-left: 20px;}
.new_g dl{position: relative;}
.new_g dl,.new_g dt,.new_g dt img{width: 360px;height: 490px;overflow: hidden;}
.new_g dd{background: rgba(0, 0, 0, 0.7);height:100px;left: 0;bottom: 0;padding: 30px 0 0;color: #fff;position: absolute;font-size: 16px;line-height: 22px;width: 100%;}
.new_g dd span{float: left;width: 64px;font-size: 30px;line-height: 38px;font-weight: bold;text-align: center;}
.new_g dd h3{font-weight: normal;width: 258px;padding: 0 10px 0 16px;border-left: 1px solid #7f7f7f;height: 58px;margin-top: 5px;font-size: 16px;float: right;}
.new_g dd h3 a{display: block;color: #fff;}
.new_l{width: 715px;margin:0 50px 0 0;height: 490px;overflow: hidden;}
.new_l dl{border-top: 1px solid #aeaeae;border-bottom: 1px solid #aeaeae;padding:28px 0 0;height: 209px;width: 305px;float: left;margin-bottom: 23px;}
.new_l dl:nth-child(2),.new_l li:nth-child(2n){margin-left: 105px;}
.new_l dt{height: 113px;background: #828282;color: #fff;overflow: hidden;}
.new_l dt img{width:200px;display: block;float: left;}
.new_l dt span{text-align: center;float: right;width:102px;padding: 28px 0 0;}
.new_l dt span em{font-weight: bold;color: #bababa;font-size: 28px;line-height: 28px;display: block;}
.new_l dd h3{font-size: 16px;line-height: 56px;height: 56px;}
.new_l dd h3 a,.new_l li b a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_l dd span a,.new_l li span a{display: block;color: #cdcdcd;line-height: 26px;font-weight: bold;}
.new_l ul{clear: both;}
.new_l li{height: 79px;width: 305px;float: left;}
.new_l li b{height: 34px;line-height: 34px;display: block;font-size: 16px;}

/*鍏充簬*/
.about{font-family:"Microsoft Yahei";line-height:30px;height:744px;position: relative;z-index: 1;background:url(../images/about_pic.jpg) no-repeat center 0;padding:76px 0 0;font-size: 16px;color: #000;}
.about_w{height:112px;padding:14px 158px 0;text-align: center;}
.about_w p a{display: inline-block;color: #ff7d33;}
.show{clear: both;height:65px;font-size:16px;line-height:40px;}
.show li{float: left;width: 148px;margin: 0 0 0 175px;position: relative;height:40px;border: solid 1px #666;border-radius: 3px;color: #666;}
.show li:nth-child(1){margin: 0 0 0 200px;}
.show li a{color: #666;}
.show li span{position: relative;display: block;margin:8px 15px 0;overflow: hidden;float: left;width: 30px;height: 24px;}
.show li.cur,.show li.cur a,.show li:hover,.show li:hover a{color: #fff;background: #ff7d33;border-color: #ff7d33;box-shadow: 0 0 5px 5px rgba(255, 125, 51, 0.3);}
.show li.cur:after,.show li:hover:after{background: #ffc500;}
.show li.cur span,.show li:hover span{border-color: #ffc500;background-position: center -60px!important;}

/*鍙嬫儏閾炬帴*/
.link{height:0;line-height:60px;color: #dfdfdf;position: relative;z-index: 9;width: 1200px;margin: 0 auto;font-size: 14px;}
.link_c{width:400px;position: absolute;right: 0;top: -60px;height: 60px;color: #dfdfdf;overflow: hidden;text-align: right;}
.link_c span{background:url(../images/ico02.gif) no-repeat 0 center;padding: 0 0 0 56px;display: inline-block;}
.link a{display: inline-block;color: #dfdfdf;padding: 0 0 0 25px;}


.webox dt img, .plan_c dt img, .pro2_c li p img, .new_c1 dt img, .pro_c1 li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox dt img:hover, .plan_c dt img:hover, .pro2_c li p img:hover, .new_c1 dt img:hover, .pro_c1 li p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}