@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;}
.tit span{display:block;font-size: 48px;color: #242424;line-height: 48px;}
.tit i{display: block;font-size: 20px;color: #242424;line-height: 20px;padding-top: 12px;}
/*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 10px;vertical-align: top;}
.ban_pg i.on{background: #b72024;}
/*case*/
.case{padding: 50px 0 32px;}
.case h2{margin-bottom: 36px;}
.case_nav{width: 230px;border: 1px solid #ebebeb;background: #f7f7f7;}
.case_nav h3{padding-left: 72px;height: 90px;font-weight: normal;background: url(../images/case_ic1.png) no-repeat 22px 28px #c31a1f;}
.case_nav h3 b{display: block;font-size: 24px;color: #fff;line-height: 24px;padding-top: 28px;}
.case_nav h3 i{display: block;font-size: 12px;color: #fff;line-height: 28px;opacity: 0.34;text-transform: uppercase;}
.case_nav p{padding: 4px 26px 0 14px;}
.case_nav p span{display:block;height: 45px;line-height: 45px;border-bottom: 1px dashed #ebebeb;}
.case_nav p a{display: inline-block;padding-left: 26px;font-size: 16px;color: #474747;background: url(../images/dian1.jpg) no-repeat 14px center;}
.case_nav p a:hover{color: #c31a1f;background: url(../images/dian2.jpg) no-repeat 14px center;}
.case_nav p a:last-child{border: 0;}
.case .case_nav p span{text-align:right;}
.case_r{float: right;width: 950px;}
.case_bd dl{height: 476px;position: relative;overflow: hidden;}
.case_bd dt img{width: 950px;height: 476px;transition: all 0.5s;}
.case_bd dt:hover img{transform: scale(1.05);}
.case_bd dd{position: absolute;width: 258px;padding: 0 20px 0 30px;height: 165px;background: url(../images/case_dd.png) no-repeat;top: 155px;right: 0;}
.case_bd dd h4{font-size: 24px;color: #3c3c3c;line-height: 24px;font-weight: normal;padding: 27px 0 15px;}
.case_bd dd h4 a{color: #3c3c3c;}
.case_bd dd p{font-size: 16px;color: #333;line-height: 30px;height: 60px;}
.case_bd dd a.xq{display: block;width: 140px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: #c31a1f;margin-top: 20px;}
.case_list{margin-top: 4px;}
.case_list dl{float: left;width: 314px;margin-right: 4px;}
.case_list dt{height: 236px;overflow: hidden;}
.case_list dt img{width: 314px;height: 236px;transition: all 0.5s;}
.case_list dt:hover img{transform: scale(1.05);}
.case_list dd{height: 110px;border: 1px solid #f3f3f3;border-top: 0;padding: 0 20px;}
.case_list dd h4{font-size: 20px;color: #242424;font-weight: normal;height: 25px;line-height: 25px;padding: 18px 0 10px;background: url(../images/jt1.png) no-repeat right center;}
.case_list dd h4 a{display: block;color: #242424;}
.case_list dd p{font-size: 14px;color: #666;line-height: 20px;}
.case_list dl:hover dd{background: #c31a1f;border-color: #c31a1f;}
.case_list dl:hover h4{background: url(../images/jt2.png) no-repeat right center;}
.case_list dl:hover h4 a,.case_list dl:hover p{color: #fff;}
.case_list dl:last-child{margin-right: 0;}
/*design*/
.design{padding: 44px 0 48px;background: #f7f7f7;}
.design .case_nav{background: #fff;width: 282px;height: 498px;}
.design .case_nav h3{padding-left: 72px;height: 90px;font-weight: normal;background: url(../images/case_ic2.png) no-repeat 22px 28px #c31a1f;}
.design .case_nav h3 b{display: block;font-size: 24px;color: #fff;line-height: 24px;padding-top: 28px;}
.design .case_nav p{padding: 10px 20px 0 30px;}
.design .case_nav p span{height: 34px;line-height: 34px;}
.design .case_nav p span a{display:block;font-size:14px;}
.design .case_nav p a:hover{background: url(../images/dian2.jpg) no-repeat left center;}
.dsn_l{float: left;width: 902px;}
.dsn_bd dl{height: 500px;position: relative;overflow: hidden;}
.dsn_bd dt img{width: 902px;height: 500px;transition: all 0.5s;}
.dsn_bd dt:hover img{transform: scale(1.05);}
.dsn_bd dd{position: absolute;width: 258px;padding: 0 20px 0 30px;height: 165px;background: url(../images/case_dd1.png) no-repeat;top: 155px;left: 0;}
.dsn_bd dd h4{font-size: 24px;color: #3c3c3c;line-height: 24px;font-weight: normal;padding: 27px 0 15px;}
.dsn_bd dd h4 a{color: #3c3c3c;}
.dsn_bd dd p{font-size: 16px;color: #333;line-height: 30px;height: 60px;}
.dsn_bd dd a.xq{display: block;width: 140px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: #c31a1f;margin-top: 20px;}
.dsn_list{margin-top: 4px;}
.dsn_list dl{float: left;width: 298px;margin-right: 2.5px;}
.dsn_list dt{height: 222px;overflow: hidden;}
.dsn_list dt img{width: 298px;height: 222px;transition: all 0.5s;}
.dsn_list dt:hover img{transform: scale(1.05);}
.dsn_list dd{height: 110px;border: 1px solid #eaeaea;border-top: 0;padding: 0 20px;background: #fff;}
.dsn_list dd h4{font-size: 20px;color: #242424;font-weight: normal;height: 25px;line-height: 25px;padding: 18px 0 10px;background: url(../images/jt1.png) no-repeat right center;}
.dsn_list dd h4 a{display: block;color: #242424;}
.dsn_list dd p{font-size: 14px;color: #666;line-height: 20px;}
.dsn_list dl:hover dd{background: #c31a1f;border-color: #c31a1f;}
.dsn_list dl:hover h4{background: url(../images/jt2.png) no-repeat right center;}
.dsn_list dl:hover h4 a,.dsn_list dl:hover p{color: #fff;}
.dsn_list dl:last-child{margin-right: 0;}
/*area*/
.area{padding: 32px 0 35px;position: relative;}
.area_t{height: 68px;border: 1px solid #eee;margin-bottom: 7px;}
.area_t h3{float: left;padding-left: 58px;width: 184px;height: 70px;font-weight: normal;background: url(../images/case_ic3.png) no-repeat 12px 11px #c31a1f;margin-top: -1px;margin-left: -1px;}
.area_t h3 b{display: block;font-size: 30px;color: #fff;line-height: 30px;padding-top: 11px;}
.area_t h3 i{display: block;font-size: 12px;color: #fff;line-height: 28px;opacity: 0.34;text-transform: uppercase;}
.area_t p{float: left;width: 930px;margin-left: 22px;}
.area_t p a{float: left;font-size: 16px;color: #656565;height: 68px;line-height: 68px;padding-left: 10px;background: url(../images/dian1.jpg) no-repeat left center;margin-right: 42px;}
.area_t p a:hover{color: #c31a1f;background: url(../images/dian2.jpg) no-repeat left center;}
.area_list dl{float: left;width: 398px;margin-right: 3px;}
.area_list dt{height: 298px;overflow: hidden;}
.area_list dt img{width: 398px;height: 298px;transition: all 0.5s;}
.area_list dt:hover img{transform: scale(1.05);}
.area_list dd{height: 120px;padding: 0 25px;border: 1px solid #f2f2f2;border-top: 0;}
.area_list dd h4{font-size: 20px;color: #222;line-height: 20px;font-weight: normal;padding: 22px 0 20px;text-align: center;}
.area_list dd h4 a{color: #222;display: block;height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.area_list dd p{font-size: 14px;color: #666;line-height: 20px;text-align: center;}
.area_list dd h4:hover a{color: #b72024;}
.area_pg{height: 14px;text-align: center;margin-top: 22px;}
.area_pg i{display: inline-block;width: 10px;height: 10px;background: #626262;border-radius: 50%;vertical-align: top;margin: 2px 6px 0;}
.area_pg i.on{background: #b72024;}
.area .prev{position: absolute;left: 500px;bottom: 30px;}
.area .next{position: absolute;right: 500px;bottom: 30px;}
/*xban*/
.xban{padding: 0 0 36px;height: 139px;}
.xban dl{width: 575px;padding: 3px 10px;border: 1px solid #f5f5f5;height: 131px;}
.xban dt{float: right;width: 258px;height: 131px;}
.xban dd{float: left;width: 290px;padding-left: 26px;height: 131px;background: #f1f1f1;}
.xban dd h3{font-weight: normal;padding: 20px 0 12px;width: 260px;}
.xban dd h3 b{display: block;font-size: 32px;color: #242424;line-height: 36px;background: url(../images/jt3.png) no-repeat right center;}
.xban dd h3 i{display: block;font-size: 12px;color: #cbcbcb;line-height: 26px;text-transform: uppercase;}
.xban dd p{font-size: 20px;color: #4a4a4a;line-height: 20px;}
/*ys*/
.ys{background: #f5f5f5;padding: 40px 0 0;border-bottom: 100px solid #fff;}
.ys_t{margin-top: 30px;height: 114px;}
.ys_t h3{float: left;padding-top: 4px;}
.ys_t ul{float: right;height: 78px;border-left: 1px solid #e3e3e3;}
.ys_t li{float: left;width: 145px;height: 78px;border-right: 1px solid #e3e3e3;}
.ys_t li i{display: block;width: 32px;height: 32px;margin: 0 auto;}
.ys_t li span{display: block;font-size: 30px;color: #2e2e2e;line-height: 30px;padding-top: 15px;text-align: center;}
.ys_t li .i1{background: url(../images/ys_ic1.png) no-repeat;}
.ys_t li .i2{background: url(../images/ys_ic2.png) no-repeat;}
.ys_t li .i3{background: url(../images/ys_ic3.png) no-repeat;}
.ys_t li .i4{background: url(../images/ys_ic4.png) no-repeat;}
.ys_t li .i5{background: url(../images/ys_ic5.png) no-repeat;}
.ys_t li.cur span{color: #b72024;font-weight: bold;}
.ys_t li.cur .i1{background: url(../images/ys_ic1h.png) no-repeat;}
.ys_t li.cur .i2{background: url(../images/ys_ic2h.png) no-repeat;}
.ys_t li.cur .i3{background: url(../images/ys_ic3h.png) no-repeat;}
.ys_t li.cur .i4{background: url(../images/ys_ic4h.png) no-repeat;}
.ys_t li.cur .i5{background: url(../images/ys_ic5h.png) no-repeat;}
.ys_bd dl{height: 618px;position: relative;}
.ys_bd dd{position: absolute;width: 500px;padding-left: 360px;height: 300px;background: rgba(255,255,255,0.9);left: -360px;bottom: -60px;z-index: 2;}
.ys_bd dd h4{font-weight: normal;margin: 20px 0 10px;}
.ys_bd dd h4 i{display: block;font-size: 12px;color: #b72024;line-height: 34px;}
.ys_bd dd h4 b{display: block;font-size: 30px;color: #b72024;line-height: 30px;}
.ys_bd dd .ys_desc{font-size: 14px;color: #4c4c4c;line-height: 30px;}
.ys_bd dd ul{margin-top: 20px;}
.ys_bd dd li{float: left;margin-right: 50px;}
.ys_bd dd li span{display: block;height: 40px;}
.ys_bd dd li b{display: inline-block;font-size: 48px;color: #1f1f1f;font-family: "Tw Cen MT";line-height: 40px;vertical-align: top;}
.ys_bd dd li em{display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 14px;color: #fff;background: #b72024;border-radius: 50%;vertical-align: top;margin-top: 16px;margin-left: -8px;}
.ys_bd dd li p{font-size: 16px;color: #333;line-height: 34px;}
.ys_bd dd li:last-child {margin-right:0;}
.ys_con{position: relative;height: 618px;}
.ys_con .prev{position: absolute;left: 50%;margin-left: -160px;bottom: -60px;z-index: 10;height:60px;}
.ys_con .next{position: absolute;left: 50%;margin-left: -100px;bottom: -60px;z-index: 10;height:60px;}
/*team*/
.team{padding: 45px 0 35px;background: #f4f4f4;}
.team h2{margin-bottom: 32px;}
.team_bd dl{float: left;width: 280px;margin-right: 20px;}
.team_bd dt{height: 374px;overflow: hidden;}
.team_bd dt img{width: 280px;height: 374px;transition: all 0.5s;}
.team_bd dt:hover img{transform: scale(1.05);}
.team_bd dd{height: 84px;padding-top: 57px;border-bottom: 1px solid #efefef;border-top: 0;position: relative;background: #fff;}
.team_bd dd h3{position: absolute;width: 110px;height: 110px;font-size: 14px;color: #2f2f2f;line-height: 24px;text-align: center;border-radius: 50%;left: 50%;margin-left: -55px;top: -55px;background: rgba(255,255,255,0.95);box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.team_bd dd h3 em{display: block;font-size: 24px;line-height: 24px;padding: 27px 0 10px;}
.team_bd dd p{font-size: 16px;height:36px;line-height: 26px;padding: 0 25px;border-bottom: 1px solid #efefef;}
.team_bd dd p b{color: #b72024;}
.team_bd dd .zpj{float: left;width: 108px;padding-left: 31px;height: 46px;line-height: 46px;font-size: 16px;color: #1f1f1f;border-right: 1px solid #efefef;background: url(../images/zpj1.png) no-repeat 92px center;}
.team_bd dd .zx{float: right;width: 102px;padding-left: 37px;height: 46px;line-height: 46px;font-size: 16px;color: #1f1f1f;background: url(../images/yue1.png) no-repeat 87px center;}
.team_bd dl:hover dd{background: #b72025;border-color: #b72025;}
.team_bd dl:hover dd h3{color: #b72025;}
.team_bd dl:hover dd p,.team_bd dl:hover dd p b{color: #fff;border-color: #c03f44;}
.team_bd dl:hover dd .zpj{color: #fff;background: url(../images/zpj2.png) no-repeat 92px center;border-color: #c03f44;}
.team_bd dl:hover dd .zx{color: #fff;background: url(../images/yue2.png) no-repeat 87px center;}
.team_pg{height: 14px;text-align: center;margin-top: 46px;}
.team_pg i{display: inline-block;width: 10px;height: 10px;background: #626262;border-radius: 50%;vertical-align: top;margin: 2px 6px 0;}
.team_pg i.on{background: #b72024;}
.team_con{position: relative;}
.team .prev{position: absolute;left: 520px;bottom: -5px;}
.team .next{position: absolute;right: 520px;bottom: -5px;}
/*gy*/
.gy{padding: 50px 0 35px;}
.gy h2{margin-bottom: 50px;}
.gy_t li{float: left;width: 200px;height: 106px;line-height: 106px;font-size: 18px;color: #3b3b3b;text-align: center;border-bottom: 1px solid #e8e8e8;}
.gy_t li:nth-child(odd){margin-right: 800px;}
.gy_t li a{display: block;color: #3b3b3b;background: #f3f3f3;}
.gy_t li.cur a,.gy li:hover a{color: #fff;background: #b72024;}
.gy_con{position: relative;height: 534px;overflow: hidden;}
.gy_pic{position: absolute;width: 800px;height: 535px;left: 200px;top: 0;}
.gy_pic p img{display: block;width: 800px;height: 535px;}
.gy_sz{position: absolute;right: 200px;bottom: 0;z-index: 10;background: rgba(0,0,0,0.4);}
.gy_sz li{float: left;width: 120px;padding-left: 30px;height: 102px;padding-top: 32px;border-right: 1px solid rgba(255,255,255,0.2);}
.gy_sz li span{display: block;height: 40px;font-size: 18px;color: #fff;line-height: 26px;}
.gy_sz li i{display: inline-block;font-size: 48px;line-height: 40px;font-family: Arial;}
.gy_sz li p{font-size: 18px;color: #fff;line-height: 36px;}
/*cess*/
.cess{height: 410px;background: url(../images/cess_bg.jpg) no-repeat center 0;}
.cess h2{padding: 44px 0 0;height: 130px;}
.cess li{float: left;width: 170px;height: 194px;border-right: 1px solid #f2f2f2;position: relative;background: #fff;}
.cess li:after{position: absolute;width: 29px;height: 29px;content: "";background: url(../images/jt4.png) no-repeat;right: -15px;top: 83px;z-index: 1;}
.cess li:last-child:after{display: none;}
.cess li span{ display:block;width:36px; height:36px;  text-align: center;margin:42px auto 22px;  position:relative;}
.cess li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.cess li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.cess li:hover span em,.cess li.cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.cess li:hover span i,.cess li.cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.cess li p{font-size: 16px;color: #3f3f3f;line-height: 26px;text-align: center;}
.cess li strong{display: block;font-size: 14px;color: #d1d1d1;line-height: 20px;text-align: center;margin-top: 15px;font-weight: normal;}
.cess li:hover{background: #b72024;}
.cess li:hover p{color: #fff;}
.cess li:hover strong{color: #fff;opacity: 0.4;}
/*news*/
.news{padding: 40px 0 35px;}
.new_t{height: 140px;}
.new_t h2{float: left;width: 370px;height: 104px;line-height: 84px;font-size: 48px;color: #0f0f0f;background: url(../images/new_t.jpg) no-repeat;font-weight: normal;}
.new_t h3{float: right;margin-top: 26px;}
.new_t h3 a{float: left;width: 150px;height: 37px;line-height: 37px;font-size: 18px;color: #0f0f0f;text-align: center;}
.new_t h3 a.cur,.new_t h3 a:hover{background: #b72024;color: #fff;border-radius: 18px;}
.new_con{height: 500px;}
.new_l{float: left;width: 600px;}
.new_l dt{height: 338px;overflow: hidden;}
.new_l dt img{display: block;width: 600px;height: 338px;transition: all 0.5s;}
.new_l dt:hover img{transform: scale(1.05);}
.new_l dd h4{font-size: 18px;margin: 30px 0 0;line-height: 24px;}
.new_l dd h4 a{display: block;color: #0f0f0f;background: url(../images/jt5.png) no-repeat right center;}
.new_l dd i{display: block;font-size: 12px;color: #cacaca;line-height: 28px;margin-bottom: 13px;}
.new_l dd p{font-size: 16px;color: #838383;line-height: 30px;}
.new_r{float: right;width: 530px;}
.new_r li{height: 125px;}
.new_r li h4{height: 30px;font-weight: normal;line-height: 30px;margin-bottom: 22px;}
.new_r li h4 b{float: left;font-size: 40px;color: #282828;font-family: Arial;margin-right: 110px;position: relative;}
.new_r li h4 b:before{position: absolute;width: 7px;height: 7px;background: #434343;content: "";border-radius: 50%;right: -8px;bottom: 0;}
.new_r li h4 b:after{position: absolute;width: 107px;height: 2px;background: #b72024;content: "";right: -90px;top: 14px;}
.new_r li h4 span{float: left;font-size: 16px;color: #b7b7b7;}
.new_r li h4 .xq{float: right;width: 10px;height: 20px;background: url(../images/new_jt1.png) no-repeat center;margin-top: 10px;}
.new_r li:hover h4 .xq{background: url(../images/new_jt2.png) no-repeat center;}
.new_r li p{font-size: 16px;color: #404040;line-height: 26px;}
.new_r li p a{color: #404040;}
.new_r li p:hover a{color: #262626;font-weight: bold;}
/*abt*/
.abt{padding: 36px 0 0;background: url(../images/abt_bg.jpg) repeat-x;}
.abt h2{margin-bottom: 44px;}
.abt dd{padding-top: 40px;height: 160px;}
.abt dd h3{float: left;width: 255px;}
.abt dd .abt_desc{float: left;width: 888px;padding: 13px 0 13px 56px;border-left: 1px solid #f0f0f0;font-size: 16px;color: #717171;line-height: 36px;}
.hn{height: 220px;}
.hn h3{float: left;width: 210px;}
.hn h3 a{display: block;height: 40px;line-height: 40px;font-size: 18px;color: #222;text-align: center;margin-bottom: 40px;}
.hn h3 a.cur{background: #b72024;color: #fff;border-radius: 20px;}
.hn_con{float: right;width: 890px;}
.hn_con li{float: left;width: 251px;margin-right: 12px;}
.hn_con li img{display: block;width: 251px;height: 187px;}
.hn_list{height: 187px;overflow: hidden;}
/*sort*/
.sort{background: #f6f6f6;padding: 22px 0;}
.sort ul{background: #fff;border: 1px solid #ececec;}
.sort li{float: left;border-right: 1px solid #f1f1f1;}
.sort li:nth-child(1){width: 300px;}
.sort li:nth-child(2){width: 190px;}
.sort li:nth-child(3){width: 170px;}
.sort li:nth-child(4){width: 160px;}
.sort li:nth-child(5){width: 150px;}
.sort li:nth-child(6){width: 223px;border: 0;}
.sort li h3{height: 70px;background: #d2d2d2;padding-left: 30px;font-weight: normal;}
.sort li h3 span{display: block;font-size: 20px;color: #323232;line-height: 24px;padding-top: 14px;}
.sort li h3 i{display: block;font-size: 12px;color: #9d9d9d;line-height: 24px;}
.sort li:nth-child(2n) h3{background: #e0e0e0;}
.sort li:nth-child(5) h3{padding-left: 18px;}
.sort li .erji{height: 240px;overflow: hidden;margin: 10px 0;padding-left: 30px;}
.sort li .erji a{display: block;font-size: 14px;color: #666;line-height: 30px;height:30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sort li:nth-child(5) .erji{padding-left: 20px;}
.sort li:nth-child(1) .erji{padding-left: 0;}
.sort li:nth-child(1) .erji a{float: left;width: 125px;margin-left: 20px;}
.sort li .erji a:hover{color: #b72024;}