@charset "utf-8";

/*banner*/
.banner{position: relative; height:688px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:688px;overflow: hidden;}
.ban_p li a{ display:block; height:688px; background:url(../images/banner1.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #fff;}
.ban_t em.on{background: #14c91d;}

.til01{text-align: center;color: #0088ce;font-size:34px;line-height:42px;font-family: "Microsoft Yahei";font-weight: normal;clear: both;display: block;height:97px;white-space: nowrap;background:url(../images/tilbg1.png) no-repeat center 17px;}
.til01 span{display: block;font-size:22px;color: #555;line-height:26px;}
.til01 em{display: block;font-size:14px;color: #c1c1c1;line-height:16px;letter-spacing: 3px;text-transform: uppercase;font-style: normal;}
.til01 a{color: #0088ce;}
.tec_p .til01{background:url(../images/tilbg2.png) no-repeat center 17px;color: #fff;}
.tec_p .til01 span,.tec_p .til01 a{color: #fff;}

/*搜索*/
.seabox{height:0;z-index: 11;}
.sea_ico{right: 0;top: -66px;background:url(../images/sea_ico.gif) no-repeat right 21px;width:40px;height: 130px;}
.sea_inp{width:324px;overflow: hidden; position: absolute;top: 66px;right:-20px;display: none;}
.sea_inp .serach{width:248px;height:40px;line-height:40px;color:#a7aaa3;float:left;outline: none;display: block;position: relative;background:#fff;padding:0 0 0 19px;border: 0;font-size: 14px;}
.sea_inp .sub{ width:56px; height:40px;border:0;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.gif) no-repeat 16px 6px #0088ce;}
.sea_ico:hover .sea_inp{display: block;}


.webox{border-bottom: solid 1px #e5e5e5;padding: 50px 0 0;height: 169px;font-size: 16px;color: #666;font-family:"Microsoft Yahei";line-height: 42px;}
.webox_p{width: 353px;}
.webox_w{width:760px;border-left: solid 1px #d9d9d9;height: 122px;padding: 0 0 0 69px;white-space: nowrap;}
.webox_w h3{font-size: 24px;height:47px;font-weight: normal;color: #222;line-height: 47px;}
.webox_w p{height:42px;}
.webox_w span{display: block;text-align: right;}

/*合作*/
.part{font-family:"Microsoft Yahei";padding:58px 0 0;height:386px;line-height:36px;color: #fff;font-size: 16px;}
.part h2{height:55px;font-size: 22px;background:url(../images/line1.gif) no-repeat 272px 15px;font-size: 22px;line-height: 34px;}
.part h2 span{float: right;font-weight: normal;font-size: 12px;}
.part h2 span a{display: block;color: #333;}
.part h2 p{background:url(../images/ico01.gif) no-repeat 2px 4px;padding: 0 0 0 47px;}
.part h2 p a{display: block;color: #000;height: 272px;}
.part_c{border-left: solid 1px #dfdfdf;border-top: solid 1px #dfdfdf;height: 272px;}
.part_c ul{width: 1220px;}
.part_c li{width: 240px;float: left;height: 136px;position: relative;text-align: center;}
.part_c li img{width: 240px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-right: solid 1px #dfdfdf;border-bottom: solid 1px #dfdfdf;height: 136px;}
.part_c li span{width: 240px;height:0;position: absolute;left: 0;top: 0;background:url(../images/bg01.png) repeat;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.part_c li span a{display:none;color: #fff;margin: 42px 0 0;padding: 0 19px;border-bottom: solid 1px #fff;}
.part_c li.cur span,.part_c li:hover span{height: 136px;}
.part_c li.cur span a,.part_c li:hover span a{display: inline-block;}


/*广告*/
.yinz{ height:449px; padding-top:72px; background:url(../images/yinz_bg.jpg) no-repeat center top; overflow:hidden;}
.yinz dt{ width:576px; height:337px; overflow:hidden; border:5px solid #fff; border-radius:0.3rem; float:left;}
.yinz dt img{ display:block;width:576px; height:337px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yinz dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.yinz dd{ width:505px; float:right; margin-top:86px;}
.yinz dd h3{ font:36px "Microsoft YaHei"; font-weight:bold; color:#005baa;}
.yinz dd h3 em{ display:block; font:24px "Microsoft YaHei"; color:#333;}
.yinz dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#333; margin-top:50px;}
.yinz dd p b{ color:#005baa; font-size:18px;}

/*产品中心*/
.titis{height:107px;text-align: center;}
.titis h4 {height:54px;line-height:54px;font-size:36px;color: #313131;}
.titis h4 a {color: #313131}
.titis h4 span {padding-right:12px;}
.titis p {height:28px;font-size:18px;color: #707070;line-height: 28px;}
.pro_bj{background: url(../images/pro_bj.jpg) no-repeat center top;height: 832px;padding-top:40px;box-sizing: border-box;}
.fenl{float:left;width:303px;background: #005baa;height: 619px;}
.fenl .tit{height: 124px;line-height: 124px;text-align: center;}
.fenl .tit a{font-size:28px;color: #fff;}
.fenl .nr {height: 370px;}
.fenl .nr li{padding:0 1px;border-bottom:1px solid #db5026;height: 73px;line-height: 73px;text-align: center;}
.fenl .nr li a{display: block;font-size:18px;color: #333333;background: #fff}
.fenl .nr li:last-child{border:0;}
.fen_z{text-align: center;padding-top:36px;font-size:20px;color: #fff;line-height: 30px;}
.fen_z span{display: block;font-weight: bold;font-size:24px;}
.pro_fr{float:right;width:888px;}
.pro_fr li{float:left;width:437px;border:1px solid #d7d7d7;height: 301px;margin:0 10px 13px 0;}
.pro_fr li i{display:block;font-size:0;line-height: 0;width:437px;overflow: hidden;}
.pro_fr li i img {width:437px;height: 246px;transition: all 1s}
.pro_fr li span a {display: block;height: 54px;line-height: 54px;background: #fff;text-align: center;font-size:18px;color: #333333;border-top:1px solid #d7d7d7;}
.pro_fr li:nth-child(2n){margin:0 0 13px 0;}
.pro_fr li:hover i img{transform: scale(1.1);}

/*案例*/
.case{height:652px;font-family: "Microsoft Yahei";line-height:28px;overflow: hidden;padding:56px 0 0;}
.casetil{width: 282px;}
.casetil li,.casetil div.caset5{height:95px;line-height:54px;margin-bottom:7px;font-size: 18px;background:url(../images/caselbg.gif) no-repeat right 0;border-left: solid 4px #e3e3e3;}
.casetil li a,.casetil div.caset5 a{display: block;color: #000;}
.casetil li p,.casetil div.caset5 p{width:170px;float: left;padding: 26px 0 0;font-weight: bold;color: #3a3a3a;line-height: 26px;}
.casetil li p em,.casetil div.caset5 p em{display: block;font-style: normal;color: #bcbcbc;font-size:12px;font-family: Arial;text-transform: uppercase;font-weight: normal;}
.casetil li span,.casetil div.caset5 span{width:42px;height:43px;position: relative;display: block;margin: 26px 23px 0 34px;float: left;overflow: hidden;}
.casetil li span i,.casetil div.caset5 span i{width:42px;height:43px;position: absolute;display: block;top: 0;left: 0;}
.casetil div.caset5 span i{background:url(../images/case_ico5.png) no-repeat 0 0;}
.casetil li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.casetil li span i.hover{background-position: -90px 0;opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.casetil li.cur{background:url(../images/ico02.gif) no-repeat 277px 29px #0088ce;border-left-color: #146eac;color: #fff;width: 380px;position: relative;z-index: 4;}
.casetil li.cur p{color: #fff;}
.casetil li.cur p em{color: #d4e5f3;}
.casetil li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.casetil li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.case_c,.case_cl dl,.case_cl dt img,.case_cl dt{width:894px;overflow: hidden;height:502px;}
.case_cl dl{position: relative;}
.case_cl dd{width:814px;height:81px;background:rgba(0 , 0 , 0 , 0.75);color: #fff;padding:13px 40px 0;position: absolute;left: 0;bottom: 0;}
.case_cl dd p{width:680px;float: left;padding:8px 0 0;}
.more02{width: 70px;height:60px;line-height: 24px;font-weight: bold;text-align: center;padding: 11px 0 0;background:url(../images/more02.png) no-repeat 0 0;display: block;}
.more02 a{display: block;color: #fff;}

/*非标，定制，多样化*/
.main-a{ font-size: 36px; color: #000000; text-align: center; margin: 75px 0 40px;}
.main-a span{ font-size: 26px; color: #565458; display: block; letter-spacing: 10px;}
.main-a i{ display: block; width: 117px; height: 1px; background: #e3b74e; margin: 15px auto 10px;}
.custom{background: url(../images/custom_bg.jpg) no-repeat center 0;height: 641px;overflow: hidden;margin-top: 84px;}
.custom .main-a{ color: #fff;}
.custom .main-a span{ color: #fff; margin-top: 20px;}
.custom p{ font-size: 16px; line-height: 26px; color: #ffffff; text-align: center; margin-bottom: 50px;}
.custom dl{ width: 24%; height: 200px; float: left; text-align: center; border-left: 1px solid #ffffff; font-size: 16px; color: #fff;overflow: hidden;}
.custom-wrap dl:first-child{ border-left: none;}
.custom dt{ width: 161px; height: 160px; display: block; margin: 0 auto 20px;}
.custom .custom1 dt{ background: url(../images/custom_icon1.png) no-repeat;}
.custom .custom2 dt{ background: url(../images/custom_icon2.png) no-repeat;}
.custom .custom3 dt{ background: url(../images/custom_icon3.png) no-repeat;}
.custom .custom4 dt{ background: url(../images/custom_icon4.png) no-repeat;}
.custom dl:hover dt{ background-position: 0 -202px;}
.custom dl.custom1{ border-left: none;}

/*优势*/
.edgebj{height:695px; background:url(../images/edgebj.jpg) no-repeat center;}
.edge{padding-top:64px;}
.edge h3{text-align: center; margin-bottom: 40px; font-size: 24px;color:#666666; line-height: 36px;}
.edge h3 span{font-size: 36px; color:#005baa;}
.edge h3 i{display: block; text-transform: uppercase; font-size: 16px; line-height: 16px; margin-top: 13px; color:#666666;}
.edge ul{height:452px;}
.edge ul li{float:left; width:289px; height:452px; padding-top:72px; background:#FFF;border:1px solid #cccccc; box-sizing: border-box; margin-left: 14px;}
.edge ul li.first{margin-left: 0;}
.edge ul li dl dt{ height:136px; margin-bottom: 44px;}
.edge ul li dl dt i{display: block; width:60px; height:57px; margin:0 auto 23px;}
.edge ul li dl dt .e1{background:url(../images/ed1.png) no-repeat center;}
.edge ul li dl dt .e2{background:url(../images/ed2.png) no-repeat center;}
.edge ul li dl dt .e3{background:url(../images/ed3.png) no-repeat center;}
.edge ul li dl dt .e4{background:url(../images/ed4.png) no-repeat center;}
.edge ul li dl dt strong{display: block; text-align: center; font-size: 22px; line-height: 22px; color:#666666; font-weight: normal;}
.edge ul li dl dt strong em{display: block; font-size: 24px; line-height: 24px; color:#333333; margin-top: 10px;}
.edge ul li dl dd{padding-bottom:50px; background:url(../images/hg2.jpg) no-repeat bottom center;}
.edge ul li dl dd p{height:99px;color:#666666; font-size: 16px; text-align: center; line-height: 25px; }
.edge ul li:hover{background:#005baa; border:0;}
.edge ul li:hover dl dt .e1{background:url(../images/ed1_h.png) no-repeat center;}
.edge ul li:hover dl dt .e2{background:url(../images/ed2_h.png) no-repeat center;}
.edge ul li:hover dl dt .e3{background:url(../images/ed3_h.png) no-repeat center;}
.edge ul li:hover dl dt .e4{background:url(../images/ed4_h.png) no-repeat center;}
.edge ul li:hover strong{color:#FFF;}
.edge ul li:hover strong em{line-height:24px;color:#FFF;}
.edge ul li:hover dl dd p{color:#FFF;}
.edge ul li:hover dl dd{ background:url(../images/hg2_h.jpg) no-repeat bottom center;}

/*流程*/
.tec_p{background:url(../images/tecbg.jpg) no-repeat center 0;font-family:"Microsoft Yahei";color: #fff;position: relative;line-height:23px;padding: 73px 0 0;height: 455px;text-align: center;}
.tec_pc dl{width:186px;float: left;height: 235px;padding: 0 44px 0 0;background:url(../images/ico04.png) no-repeat right 48px;margin: 0 22px 0 0;}
.tec_pc dl.born{background:none;margin: 0;padding: 0;}
.tec_pc dt{width:130px;height: 98px;display: block;padding: 32px 0 0;background:url(../images/teclbg2.png) no-repeat center 0;font-size: 20px;line-height: 28px;margin: 0 auto 18px;}
.tec_pc dt em,.tec_pc dt b{display: block;}
.tec_pc dl.tec_l1 dt{background:url(../images/teclbg4.png) no-repeat center 0;}
.tec_pc dl.tec_l2 dt{background:url(../images/teclbg3.png) no-repeat center 0;}
.tec_pc dl:hover dt{background:url(../images/teclbg1.png) no-repeat center 0;}
.tec_pho{display: block;height: 42px;line-height: 42px;clear: both;}
.tec_pho span{display: inline-block;padding: 0 0 0 57px;background:url(../images/c_pho.png) no-repeat 0 0;}
.tec_pho span b{font-family: Impact;font-size: 30px;color: #00bd09;font-weight: normal;}

/*资讯*/
.newbox{line-height:21px;height:745px;font-family:"Microsoft Yahei";overflow:hidden;padding:70px 0 0;background: #f7f7f7;}
.new1,.new2{width:504px;overflow: hidden;height:582px;background: #fff;border: solid 1px #dbdbdb;}
.new2{width:693px;border-right: 0;}
.newtil{height:55px;line-height:55px;font-size:18px;color: #333;border-bottom: solid 1px #dbdbdb;margin-bottom: 20px;padding: 0 30px;}
.newtil a{color: #333;display: block;}
.more03 a{font-weight: normal;display: inline-block;color: #888;font-size: 12px;}

.new_c dl{display: block;height:387px;background:url(../images/line4.gif) no-repeat 100px bottom;overflow: hidden;margin-bottom:22px;}
.new_c dt{display: block;height:273px;}
.new_c dt span{float: left;width: 81px;height: 81px;background: #0088ce;color: #fff;font-size: 14px;line-height: 18px;margin: 0 19px 0 0;text-align: center;}
.new_c dt span em{display: block;font-style: normal;font-family: Impact;font-size: 30px;line-height: 30px;padding: 16px 0 0;}
.new_c dt p,.new_c dt p img{width:546px;height: 273px;display: block;float: left;overflow: hidden;}
.new_c dd{display: block;padding: 0 100px;}
.new_c dd h3{display: block;font-weight: normal;height: 45px;line-height: 45px;font-size: 16px;}
.new_c dd h3 a{display: block;color: #222;}
.new_c ul{padding: 0 46px 0 100px;display: block;clear: both;}
.new_c li{line-height:22px;height:22px;padding: 0 0 0 19px;background:url(../images/ico08.gif) no-repeat 0 8px;}
.new_c li span{float: right;}

.new_l{padding: 0 30px;height: 468px;overflow: hidden;}
.new_l dl{height:100px;margin-bottom: 26px;border-bottom: dashed 1px #d7d9db;}
.new_l dt{height:31px;display: block;overflow: hidden;line-height: 30px;padding: 0 0 0 46px;font-size: 16px;background:url(../images/faq_w.gif) no-repeat 0 0;}
.new_l dt a{display: block;color: #222;}
.new_l dd{background:url(../images/faq_d.gif) no-repeat 0 0;padding: 6px 0 0 46px;}

/*荣誉资质*/
.honner{width: 224px;height: 224px;left: 24px;top:280px;}
.honner h2{height: 42px;line-height: 26px;font-weight: normal;font-size: 18px;color: #fff;background:url(../images/line2.png) no-repeat right 12px;}
.honner h2 a{padding: 0 0 0 19px;background:url(../images/ico07.gif) no-repeat 1px 5px;}
.honner_c li img{width: 224px;height: 168px;display: block;}
.honner_c li span{display: block;text-align: center;line-height: 36px;}

/*关于*/
.zj{background:url(../images/zj_bg.gif) no-repeat center 0 #f4f4f4; padding-top: 95px; height: 773px;}
.zj .content{ position: relative; height: 773px;}
.zj h3{ width: 155px; float: right; height: 141px;}
.zj h3 em{ display: block; text-align: right; padding-top: 24px;}
.zj h3 em a{ width: 116px; height: 31px; line-height: 31px; border-radius: 31px; text-align: center; color: #fff; background: #ffae00; display: inline-block; font-size: 14px;font-weight: normal;}
.zj p{ width: 939px;margin-bottom:20px;}
.zj p i{ display: block; font-size:36px; color: #333; font-weight: bold;line-height: 100%; margin-bottom:5px;}
.zj p i span{ display: block; font-weight: normal; font-size: 18px; padding-top: 3px;}

/*友情链接*/
.link{height:59px;line-height:59px;background: #181c20;color: #929394;}
.link span{width:82px;float: left;display: block;}
.link li{float: left;
    margin-left: 20px;}
.link p{width:1118px;float: left;white-space: nowrap;overflow: hidden;}
.link a{padding: 0 29px 0 0;display: inline-block;color: #929394;}
