@charset "utf-8";

/*banner*/
.banner{position: relative; height:650px;clear: both;}
.ban_p,.ban_p ul,.ban_p li{ height:650px;overflow: hidden;width: 100%!important;}
.ban_p li,.ban_p li a{ display:block; height:650px;width: 100%!important; overflow: hidden;position: relative;}
.ban_p li img {width: 1920px;height: 650px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_t{width:1100px;height:50px;bottom:0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width:20px;height:20px;border-radius:20px;margin-right:20px; display: inline-block;background: #000;}
.ban_t em.on{background: #da251d;}

.til01{text-align: center;font-size:44px;color: #000;line-height:60px;height:120px;position: relative;font-weight: normal;}
.til01 a{display: block;color: #000;}
.til01 p{display: block;font-size: 22px;line-height:38px;}
.til01 p span{display: inline-block;padding:0 100px;position: relative;}
.til01 p span:before,.til01 p span:after{content: "";position: absolute;width:63px;height:1px;background:#c80008;top:19px;right:0;}
.til01 p span:after{left:0;}
.til02,.til02 a{color: #fff;}
.til02 p span:before,.til02 p span:after{background: #fff;}

/*引子*/
.webox{font-size:16px;color: #666;font-family:"Microsoft Yahei";line-height:30px;position: relative;overflow: hidden;padding:70px 0 0;}
.webox_c{height:422px;overflow: hidden;background: #f7f7f7;}
.webox_w{width:455px;padding: 42px 0 0 72px;}
.webox_w p{height: 144px;}
.webox_w dl{height: 121px;}
.webox_w dt{width: 102px;height: 102px;border-radius: 102px;float: left;overflow: hidden;}
.webox_w dd{width:253px;font-size: 16px;color: #000;line-height: 102px;background:url(../images/we_ico.gif) no-repeat right 10px;padding: 0 0 0 16px;float: left;}
.webox_w .we_ico{display: block;}
.webox_p,.webox_p img{width:600px;height:422px;display: block;}

.webox_l{padding: 50px 0 0;color: #555;font-size: 18px;line-height: 21px;height: 126px;}
.webox_l li{float: left;padding: 0 135px 0 0;position: relative;white-space: nowrap;}
.webox_l li:before{content: "";position: absolute;width:1px;height:41px;background:#d9d9d9;top:4px;right:65px;}
.webox_l li:last-child{padding-right: 0;}
.webox_l li:last-child:before{background: none;}
.webox_l li span{height:56px;display: block;float: left;}
.webox_l li span b{display: block;float: left;font-family:Century Gothic, Times New Roman;line-height:46px;font-size:48px;color: #c80008;padding: 0 4px 0 0;}
.webox_l li p{float: left;width: 110px;color: #333;}
.webox_l li p em{display: block;font-style: normal;}

/*产品中心*/
.probox{font-family:"Microsoft Yahei";padding:64px 0 68px;position: relative;z-index: 1;line-height:24px;background:url(../images/probg.gif) repeat-x center 0;}
.prod_nav{height:179px;position: relative;overflow: hidden;line-height: 40px;}
.prod_nt{height: 60px;line-height: 60px;background: #f5f5f5;margin-bottom: 8px;}
.prod_nt h3{float: left;font-size:22px;width:300px;height:60px;font-weight: normal;background:url(../images/pro_tli.gif) no-repeat 0 0;text-align: center;overflow: hidden;}
.prod_nt h3:nth-child(1){background: none;}
.prod_nt h3 span{display: inline-block;color: #333;padding:0 0 0 46px;position: relative;}
.prod_nt h3 span i{width:38px;height: 38px;position: absolute;left: 0;top:12px;}
.prod_nt h3 span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.prod_nt h3 span i.hover{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;}
.prod_nt h3.cur{background: #c80008;position: relative;}
.prod_nt h3.cur:before{content: "";position: absolute;border-right:20px solid transparent;border-left:20px solid transparent;border-bottom:10px solid #fff;width: 0;height: 0;bottom: 0;left: 50%;margin-left: -10px;}
.prod_nt h3.cur span{color: #fff;}
.prod_nt h3.cur span i.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);}
.prod_nt h3.cur span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.prod_nc{line-height:40px;position: relative;font-size: 16px;}
.prod_nc:before{content: "";position: absolute;width:100%;height:1px;top:39px;left:0;border-bottom: 1px dashed #ccc;}
.prod_nc li{float: left;width: 123px;padding:0 0 0 21px;background:url(../images/ico01.gif) no-repeat 0 15px;}
.prod_nc li:nth-child(8n-7){margin-left: 16px;}
.prod_nc li a{color: #666;display: block;}
.prod_nc li a:hover{text-decoration: underline;}

.pro_c li{width:283px;float: left;margin: 0 22px 0 0;position: relative;height:314px;}
.pro_c li:nth-child(4n){margin:0;}
.pro_c li p,.pro_c li p img{width:283px;height:214px;overflow: hidden;display: block;}
.pro_c li span{display: block;line-height: 24px;padding: 18px 20px;font-size: 16px;}
.pro_c li span a{display: block;color: #444;}
.pro_c li span em{display: block;color: #b3b3b3;font-size: 14px;}
.pro_more{clear: both;margin: 20px 0 0;height: 60px;line-height: 60px;background: #f5f5f5;font-size: 16px;}
.pro_more h3{background:url(../images/pro_tli.gif) no-repeat right 0;width: 268px;float: left;font-size: 22px;text-align: center;}
.pro_more h3 a{background:url(../images/ico02.gif) no-repeat 0 center;color: #c80008;padding: 0 0 0 50px;}
.pro_more p{width: 890px;float: right;color: #666;}
.pro_more p i{display: inline-block;width: 26px;text-align: center;}
.pro_more p a{color: #666;display: inline-block;}

/* 小广告 */
.h_gg{font-family:"Microsoft Yahei";font-size: 20px;line-height: 24px;text-align: center;color: #fff;background:url(../images/h_gg1.jpg) no-repeat center 0;height: 203px;}
.h_ggc{width:371px;height: 100px;top: 62px;left: 50%;margin-left: 248px;}
.h_ggc span{width: 82px;height: 82px;float: left;padding: 13px 0 0;border: solid 1px #fff;border-radius: 100%;margin: 0 10px 0 0; border: solid 2px #fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.h_ggc span:hover{background: #c80008;border-color: #c80008;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*选择*/
.choice{font-family:"Microsoft Yahei";font-size:16px;position: relative;line-height:20px;padding:68px 0 0;color: #666;background:url(../images/choicebg1.gif) repeat-x center bottom;height: 798px;}
.choice_c{background:url(../images/choicebg.jpg) no-repeat center 26px;}
.choice_l{height: 455px;}
.choice_l p{padding:10px 0 0 43px;font-size: 16px;line-height: 21px;color: #666;position: absolute;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.choice_l p span{display: block;font-size:26px;color: #000;line-height: 30px;}
.choice_l p span b{font-weight: normal;color: #c80008;}
.choice_l p.choice_l1{left: 50px;top: 58px;width:290px;height: 96px;background:url(../images/cholbg1.png) no-repeat 0 0;}
.choice_l p.choice_l2{right:198px;top: 65px;width:239px;height: 76px;background:url(../images/cholbg2.png) no-repeat 0 0;}
.choice_l p.choice_l3{left:-8px;top:210px;width:309px;height: 77px;background:url(../images/cholbg3.png) no-repeat 0 0;}
.choice_l p.choice_l4{right:-0;top: 228px;width:290px;height: 93px;background:url(../images/cholbg4.png) no-repeat 0 0;}
.choice_l p.choice_l5{left:182px;top: 305px;width:370px;height: 96px;background:url(../images/cholbg5.png) no-repeat 0 0;}
.choice_l p:hover{background-position: 0 bottom;color: #fff;}
.choice_l p:hover span,.choice_l p:hover span b{color: #fff;}

.choice_w{color: #fff;background: #c80008;border-radius:74px;height: 105px;padding: 43px 75px 0;}
.choice_w h3{float: left;font-size: 30px;line-height: 34px;}
.choice_w h3 span{display: block;font-weight: normal;font-size: 22px;line-height: 30px;}
.choice_pho{width: 336px;background:url(../images/c_pho.gif) no-repeat 0 17px;padding: 0 0 0 63px;}
.choice_pho span{width: 65px;float: left;padding:10px 10px 0 0;text-align: right;line-height: 22px;}
.choice_pho b{font-size: 36px;line-height: 72px;float: left;font-family: Myriad Pro;}

/*优势*/
.edge{font-family:"Microsoft Yahei";font-size:16px;position: relative;line-height:24px;padding:60px 0 0;color: #666;background:url(../images/edge_ge1.gif) no-repeat center 1040px;z-index: 1;}
.edge:before,.edge:after{content: "";position: absolute;width:100%;height:54px;background:url(../images/edge_ge2.gif) no-repeat center 0;top:581px;left:0;z-index: -1;}
.edge:after{top:1479px;}
.edge1{height:426px;padding: 21px 0 0;}
.edge2{height:456px;}
.edge3{height:422px;}
.edge4{height:407px;overflow:hidden;}
.edge_p{width:618px;}
.edge1_p{padding: 6px 0 0;}
.edge3_p{position: relative;}
.edge3_p img{position: absolute;top: 0;left: -117px;}
.edge_w{width:530px;}
.edge2_w{padding: 27px 0 0;}
.edge3_w{padding: 11px 0 0;}
.edge4_w{padding: 23px 0 0;}
.edge_w h3{height:107px;background:url(../images/edge_ge.gif) no-repeat 0 bottom;line-height:26px;font-size:22px;white-space: nowrap;color: #333;font-weight: normal;margin-bottom: 22px;}
.edge_w h3 em{float: left;display: block;width: 79px;line-height: 79px;border-radius: 79px;text-align: center;background: #c80008;color: #fff;font-family: Times New Roman;font-size: 32px;}
.edge_w h3 p{width:396px;float: left;white-space: nowrap;padding:6px 0 0 24px;}
.edge_w h3 p span{display: block;font-style: normal;font-size:36px;line-height: 44px;}
.edge_w li{padding:0 0 16px 26px;position: relative;background:url(../images/ico03.jpg) no-repeat 2px 7px;}
.edge_w li b{color: #da251d;}
.edge_ico{display: block;padding: 8px 0 0;}
.edge_ico a{display: block;width: 180px;height: 40px;line-height: 40px;color: #c80008;border: solid 2px #c80008;font-size: 16px;border-radius: 20px;text-align: center;}

/*案例*/
.case{font-family:"Microsoft Yahei";overflow: hidden;padding:80px 0 0;position: relative;z-index: 1;line-height:24px;height:648px;background:url(../images/casebg.jpg) no-repeat center 0;font-size: 16px;clear:both;}
.case:before{content: "";position: absolute;width:430px;height:262px;background:url(../images/case_pbg.png) no-repeat 0 0;bottom:0;left:50%;margin-left: 496px; z-index: 2;}
.prev1,.next1,.prev2,.next2{width:34px;height:34px;cursor: pointer;z-index: 11;top:356px;right:-64px;}
.prev2,.next2{top: 146px;right: -52px;}
.prev1{left:-64px;}
.prev2{left:-52px;}
.case_c{position: relative;padding: 25px 0 0;z-index: 1;height: 413px;}
.case_c:before{content: "";position: absolute;width:1200px;height:370px;background:#fff;bottom:0;left:0;z-index: -1;}
.case_c dl{height: 413px;padding: 0 0 0 50px;}
.case_c dt,.case_c dt img{width:551px;height:413px;display: block;overflow: hidden;float: left;}
.case_c dd{padding:75px 0 0 58px;width: 478px;float: left;}
.case_c dd h4{display: block;font-size:22px;line-height: 74px;color: #333;font-weight: normal;position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h4:before{content: "";position: absolute;width:17px;height:2px;background:#c80008;top:60px;left:0;}
.case_c dd h4 a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd .case_w{height: 170px;display: block;overflow:hidden;margin-bottom: 9px;}
.case_ico a{width: 120px;line-height: 31px;background: #e8e8e8;border-radius: 16px;display: block;float: left;color: #333;text-align: center;font-size: 14px;}
.case_ico a:nth-child(1){background: #c80008;color: #fff;margin: 0 12px 0 0;}

/* 合作 */
.part{padding: 25px 0 0;height: 281px;position: relative;}
.part h2{height: 74px;line-height: 74px;font-size: 26px;color: #000;padding: 0 20px;position: relative;font-weight: normal;}
.part h2 a{display: block;color: #000;}
.part h2:before{content: "";position: absolute;width:4px;height:26px;background:#c80008;top:25px;left:0;}
.part h2:after{content: "";position: absolute;width:956px;height:1px;background:#e5e5e5;top:38px;right:0;}
.part_c{overflow: hidden;}
.part_c li{float: left;background: #f3f3f3;padding: 7px 0;margin: 0 18px 0 0;overflow: hidden;}
.part_c li,.part_c li img{width: 226px;height: 113px;display: block;}

/* 流程 */
.tec_p{font-family:"Microsoft Yahei";background:url(../images/onlinebg.gif) no-repeat center 0;height:678px;padding:92px 0 0;}
.online{width: 266px;padding: 54px 44px 0 0;color: #fff;}
.online h3{font-weight: normal;font-size: 20px;color: #fff;line-height:26px;height: 124px;position: relative;}
.online h3:before{content: "+";position: absolute;width:4px;height:26px;top: 0;left: 0;font-size: 30px;font-weight: bold;}
.online h3 span{display: block;font-size: 30px;line-height: 38px;padding: 30px 0 0;}
.online_c li{height:30px;margin-bottom:12px;border-bottom: 2px solid #e48084;line-height: 30px;}
.online_c li.online_l1{height: 70px;}
.online_c li:nth-child(4){width:170px;margin-bottom: 30px;}
.code{margin-bottom: 30px;}
.online_c li span.sbz,.code label{padding: 0 8px 0 0;float: left;color: #e48084;}
.online_c li input,.online_c li textarea,.code input{background: none;border: 0;width: 216px;height: 30px;line-height: 30px;float: left;color: #e48084;}
.online_c li textarea{height: 66px;resize:none;}
.online_c li:nth-child(4) input,.code input{width:114px;}
.code b,.code b img{width:80px;height:;}
.submit input{width: 120px;height: 37px;line-height: 37px;float: left;background: #222123;color: #fff;border-radius: 19px;border: 0;}
.submit input.form-btn-submit{background:#fff;color:#c80008;margin: 0 18px 0 0;}

.tec_pc{width: 838px;font-size: 18px;line-height: 44px;color: #000;}
.tec_pc .til01{height: 136px;}
.tec_pc ul{height: 348px;overflow: hidden;}
.tec_pc li{width: 182px;height: 174px;text-align: center;float: left;padding: 0 20px 0 0;}
.tec_pc li span{width:105px;height: 105px;display: block;position: relative;margin: 0 auto;overflow: hidden;}
.tec_pc li span i{width:105px;height: 105px;position: absolute;left: 0;top: 0;}
.tec_pc li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.tec_pc li span i.hover{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;}
.tec_pc li:hover span i.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);}
.tec_pc li:hover span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.tec_pho{margin-left: 180px;padding: 0 0 0 70px;font-size: 18px;height: 47px;line-height: 47px;background:url(../images/tec_pho.png) no-repeat 0 3px;text-align: left;position: relative;}
.tec_pho:before{content: "";position: absolute;width:1px;height:47px;background:#afafaf;top:0;left:56px;}
.tec_pho b{color: #c80008;font-size: 32px;}
.tec_pho span{float: left;}

/*资讯*/
.nswsbj{height:667px;padding-top:6px; overflow: hidden; font-family:"Microsoft Yahei";line-height:24px;position: relative;margin-bottom: 63px;}
.nswsbj:before{content: "";position: absolute;width:100%;height:1px;background:#eaeaea;top:141px;left:0;}
.nswsbj .til01{height: 172px;}
.new_t{font-size: 18px;height: 83px;line-height: 52px;text-align: center;}
.new_t li{width: 161px;height: 52px;background: #f2f2f2;color: #363636;float: left;margin: 0 2px 0 0;}
.new_t li a{display: block;color: #363636;}
.new_t li.cur{background: #c80008;color: #fff;font-weight: bold;}
.new_t li.cur a{color: #fff;}

.new_c{height: 407px!important;overflow: hidden;}
.new_c dl{width: 590px;float: left;}
.new_c dt,.new_c dt img{width:590px;overflow: hidden;height:296px;display: block;}
.new_c ul{width: 515px;float: right;}
.new_c li{height:160px;overflow: hidden;}
.new_c li span,.new_c dd span{float: left;color: #363636;width: 87px;text-align: right;font-family:Times New Roman;padding: 0 18px 0 0;height: 100%;border-right: solid 1px #ebebeb;font-size: 16px;line-height: 20px;position: relative;}
.new_c dd span{padding-top: 24px;height: 87px;}
.new_c li span:before,.new_c dd span:before{content: "";position: absolute;width:1px;height:18px;background:#363636;top:9px;right:-1px;}
.new_c dd span:before{top: 31px;}
.new_c li span b,.new_c dd span b{display: block;font-size: 30px;line-height:30px;font-weight: normal;}
.new_c li p,.new_c dd p{width: 380px;padding: 0 0 0 25px;border-bottom: solid 1px #ebebeb;height: 123px;float: left;}
.new_c dd p{padding-top: 22px;width: 452px;}
.new_c li p a,.new_c dd p a{display: block;color: #363636;font-size: 16px;height: 34px;line-height: 34px;}
.new_c li a:hover,.new_c dd p a:hover{color: #da251d;text-decoration: underline;}

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:24px;color: #777;padding:554px 0 0;background:url(../images/aboutbg.jpg) no-repeat center 0;position: relative;}
.about_w:before{content: "";position: absolute;width:1298px;height:315px;background:#fff;top:0;left:50%;margin-left:-649px;z-index: -1;}
.about_w{padding:63px 42px 0;height:259px;position: relative;z-index: 1;text-align: center;}

.show{clear: both;height: 358px;}
.show_t{height:66px;font-size: 22px;line-height:25px;padding: 0 0 0 328px;}
.show_t li{float: left;width:160px;height: 54px;background:url(../images/ico05.gif) no-repeat 0 3px;color:#222;padding: 0 0 0 31px;}
.show_t li a{color:#222;display: block;}
.show_t li em{color:#c8c8c8;display: block;font-size:12px;line-height:17px;}
.show_t li.cur,.show_t li:hover{background:url(../images/ico06.gif) no-repeat 0 3px;color: #c80008;}
.show_t li.cur a,.show_t li:hover a,.show_t li a:hover{color: #da251d;}
.show_c li{width: 285px;height:214px;float: left;margin:0 20px 0 0;text-align: center;position: relative;}
.show_c li:nth-child(4n){margin: 0;}
.show_c li p,.show_c li p img{width: 285px;height:214px;display: block;overflow: hidden;}
.show_c li span{display: none;line-height:46px;font-size: 16px;position: absolute;left: 0;bottom: 0;background: rgba(230, 0, 18, 0.8);width: 100%;display: none;}
.show_c li span a{display: block;color: #fff;}
.show_c li:hover span{display: block;}

/*友情链接*/
.link{height:72px;line-height:72px;color: #fff;position: relative;z-index: 9;background: #c80008;}
.link_c{width:1200px;margin: 0 auto;}
.link_c a{display: inline-block;color: #fff;padding: 0 14px;}
.link_c span{float: right;}

.pro_c li p img,.case_c dt img, .part_c li img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pro_c li:hover p img,.case_c dl:hover dt img, .part_c li:hover img, .show_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}