@charset "utf-8";
body{font-family:"Microsoft Yahei";}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.titis{height:179px;width:1200px;overflow: hidden;}
.dy_b {width:634px;}
.dy_b span{font-size:45px;color: #2c2c2c;height: 68px;line-height: 68px;display: block;}
.dy_b em {padding-left:21px;height:37px;line-height:37px;background:url(../images/ico1.jpg) no-repeat left center;font-size:25px;color:#2c2c2c;text-transform:uppercase;letter-spacing:3px}
.titis p{float:right;padding-left:32px;height: 102px;font-size:14px;color: #333333;background: url(../images/ico2.png) no-repeat left bottom;}
.titis p em {display: block;font:48px "Tahoma";padding-top:4px;height: 51px;line-height: 51px;color: #333333;}
.dy_c{height:637px;padding-top:108px;}
.dy_nr dl{width:600px;height: 191px;float:left;padding:34px 0 0 56px;box-sizing: border-box;}
.dy_nr dt{float:left;width:120px;height: 120px; transition:all 1s}
.dy_nr dd {float:left;width:383px;padding-left:27px;}
.dy_nr dd h4{font-size:20px;color: #333333;font-weight: bold;height: 30px;line-height: 30px;}
.dy_nr dd p {font-size:14px;color: #666666;line-height: 24px;padding-top:16px;}
.dy_nr dl.cur{background: #f2f2f2 url(../images/dy_a1.jpg) no-repeat right bottom;cursor: pointer;box-shadow: 5px 5px 16px 3px #ebebeb}
.dy_nr dl.cur dd h4{color: #F00B2A}
.dy_nr dl.cur dt{transform:rotate(360deg);}
.dy_nr dl:nth-child(1) dt{background: url(../images/dy_ico1.png) no-repeat;}
.dy_nr dl:nth-child(2) dt{background: url(../images/dy_ico2.png) no-repeat;}
.dy_nr dl:nth-child(3) dt{background: url(../images/dy_ico3.png) no-repeat;}
.dy_nr dl:nth-child(4) dt{background: url(../images/dy_ico4.png) no-repeat;}
.dy_nr dl:nth-child(1).cur dt{background: url(../images/dy_ico1_hv.png) no-repeat;}
.dy_nr dl:nth-child(2).cur dt{background: url(../images/dy_ico2_hv.png) no-repeat;}
.dy_nr dl:nth-child(3).cur dt{background: url(../images/dy_ico3_hv.png) no-repeat;}
.dy_nr dl:nth-child(4).cur dt{background: url(../images/dy_ico4_hv.png) no-repeat;}

.list1{background: #f2f2f2 url(../images/list_bj.jpg) no-repeat center bottom;padding-top:71px;overflow: hidden;padding-bottom:84px;}
.fw_c{overflow: hidden;padding-bottom:63px;}
.fw_c .titis{height: 194px;}
.fw_c li{float:left;line-height: 0;width:20%;position: relative;transition: all 0.5s}
.fw_c li p{width:63%;background:rgba(40,40,40,0.66);position:absolute;left:20%;top:15%;padding-bottom:15px;}
.fw_c li p span{display: block;text-align: center;font-size: 24px;color: #fff;line-height:59px;height: 59px;background: url(../images/ico3.png) no-repeat center bottom;padding-top:41px;}
.fw_c li p em{padding-left:10px;font-size:12px;color: #fff;line-height: 24px;padding-top:15px;display: block;}
.fw_c li img {width:100%;}
.fw_c li:hover{transform: scale(1.2);position: relative;z-index: 9;box-shadow:6px 6px 6px 3px rgba(8,4,2,0.66)}
.fw_c li:hover p{background:rgba(240,11,42,0.8);}

.lc_c {overflow: hidden;}
.lc_c .titis{height: 142px;}
.lc_c li{float:left;width:200px;padding-left:21px;box-sizing: border-box;background: url(../images/lc_a1.jpg) no-repeat left top;height: 143px;}
.lc_c li i {display: block;font-size:0;line-height: 0;transition:all 0.5s}
.lc_c li span{display: block;font-size:16px;color:#333333;height: 30px;padding-top:20px;}
.lc_c li em{font:16px "Tahoma";color: #333;font-weight: bold;}
.lc_c li:hover{background: url(../images/lc_a2.jpg) no-repeat left top;}
/*.lc_c li:hover i{animation-duration:3s;animation-name:flipInY;}*/

.al_bj{background:url(../images/al_bj.jpg) repeat-x;height:1071px;margin-top:77px;}
.anl .titis{height: 142px;}
.al_nr p{font-size:0;line-height: 0}
.al_qh{height:176px;background:#fff;margin:-95px auto 0;position:relative;z-index:9;width:1080px;}
.al_qh li{float:left;width:25%;background: url(../images/al_x.jpg) no-repeat right center;height:176px;padding-top:49px;box-sizing: border-box;text-align: center;position: relative;}
.al_qh li i{width:49px;height: 45px;margin:0 auto 12px;display: block;}
.al_qh li span {font-size:16px;color: #333333;height: 30px;line-height: 30px;}
.al_qh li.on span {color: #F00B2A;font-weight: bold;}
.al_qh li.on:after {content: "";display: block;width: 80px;height: 9px;background: #F00B2A;position: absolute;left:32%;top:0;}
.al_qh li:nth-child(1) i{background: url(../images/al_ico1.jpg) no-repeat;}
.al_qh li:nth-child(2) i{background: url(../images/al_ico2.jpg) no-repeat;}
.al_qh li:nth-child(3) i{background: url(../images/al_ico3.jpg) no-repeat;}
.al_qh li:nth-child(4) i{background: url(../images/al_ico4.jpg) no-repeat;}
.al_qh li:nth-child(5) i{background: url(../images/al_ico5.jpg) no-repeat;}
.al_qh li:nth-child(1).on i{background: url(../images/al_ico1_hv.jpg) no-repeat;}
.al_qh li:nth-child(2).on i{background: url(../images/al_ico2_hv.jpg) no-repeat;}
.al_qh li:nth-child(3).on i{background: url(../images/al_ico3_hv.jpg) no-repeat;}
.al_qh li:nth-child(4).on i{background: url(../images/al_ico4_hv.jpg) no-repeat;}
.al_qh li:nth-child(5).on i{background: url(../images/al_ico5_hv.jpg) no-repeat;}
.al_qh li:last-child{background: none}
.al_nr p{position: relative;line-height:0;line-height: 0}
.al_nr p span {position: absolute;top:69px;right:20px;}
.al_nr p span img {width:281px;height: 157px;border:1px solid #f5f5f5;padding:7px;margin-bottom:29px;display: block;}
.al_w{width:1080px;margin:0 auto;padding-top:66px;}
.alw_fl{float:left;width:469px;background: url(../images/al_a1.jpg) no-repeat right 14px;height: 103px;font-size:16px;color: #1c1c1c;line-height: 28px;}
.alw_fl p{font-size:24px;color: #1c1c1c;font-weight: bold;height: 50px;line-height: 50px;}
.alw_fl p em {font-size: 30px;color: #F00B2A;}
.al_tel{float:left;width:285px;padding:14px 0 0 88px;font-size:16px;color: #666666}
.al_tel span {display: block;font-size:28px;color: #F00B2A;font-weight: bold;}
.al_btn1{float:right;width:219px;height: 46px;border:2px solid #767171;text-align: center;margin-top:20px;line-height: 46px;}
.al_btn1 a {font-size:16px;color: #F00B2A;font-weight: bold;padding-right:56px;background: url(../images/al_a2.png) no-repeat right;}

.ys_bj{padding-top:46px;height:1085px;background:url(../images/ys_bj.jpg) no-repeat center 222px;}
.yous .titis {height: 176px}
.yous .titis p {margin-top:20px;}
.yous .dy_b span {height: 108px;display: block;}
.dy_b img{vertical-align: bottom;margin-left:50px;}
.ys_qh{height: 203px;}
.ys_qh li{float:left;width: 211px;margin-left:68px;height: 149px;padding-top:75px;box-sizing: border-box;font-size:36px;color: #fff;font-weight: bold;vertical-align: middle;}
.ys_qh li img {vertical-align: middle;padding:0 16px 0 11px;}
.ys_qh li.on{background: #F00B2A}
.ys1 dd{float:left;width:366px;padding:112px 24px 0 47px;background: #fff;box-sizing: border-box;box-shadow:0 0 15px 5px rgba(0,0,0,0.15);height:600px;position: relative;}
.ys1 dd:after{width:165px;height: 7px;content: "";display: block;background: #F00B2A;position: absolute;left:0;top:77px;}
.ys1 dd:before{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #fff;content: "";display: block;position: absolute;top:114px;right:-20px;}
.ys1 dd h4 {height: 44px;line-height: 44px;font-size:32px;color: #1a1a1a;font-weight: bold;}
.ys1 dd h4 span {padding-right:23px;}
.ys1 dd em{height: 44px;line-height: 44px;font-size:20px;color: #1a1a1a;font-weight: bold;text-transform: uppercase;margin-bottom:54px;display: block;}
.ys1 dd em i{font-size:26px;padding-right:10px;}
.ys1 dd p {padding-left:17px;background: url(../images/ys_ico1.png) no-repeat left 5px;font-size:14px;color: #1a1a1a;line-height: 24px;margin-bottom:30px;}
.ys1 dd b{width:211px;height: 45px;border:3px solid #bababa;line-height: 45px;text-align: center;font-size:18px;color: #1a1a1a;display: block;margin-top:60px;}
.ys1 dd b a{padding-right:36px;background: url(../images/ys_ico2.png) no-repeat right;}
.ys1 dt{float:right;line-height: 0;font-size: 0;}


.jianz {height: 660px;overflow: hidden;}
.jianz .titis{height: 160px;}
.jz_nr dl{float:left;width:382px;margin-right:27px;}
.jz_nr dt{width:380px;overflow: hidden;border:1px solid #dadada;display: block;font-size:0;line-height: 0;}
.jz_nr dt img {width:380px;height:229px;transition: all 1s}
.jz_nr dd {width:332px;background: #fff;margin:-34px auto 0;position: relative;z-index: 9;padding:24px 35px 0 30px;box-sizing: border-box;}
.jz_nr dd h4 a{display: block;height: 40px;line-height: 40px;color: #1d1d1d;font-size:20px;}
.jz_nr dd p {padding-top:14px;height:102px;line-height:24px;color: #868686;}
.jz_nr dd em {width:172px;height: 37px;border:1px solid #bababa;text-align: center;font-size:18px;color: #1a1a1a;display: block;line-height: 37px;}
.jz_nr dd em a{padding-right:37px;background: url(../images/ys_ico2.png) no-repeat right;color: #1a1a1a}
.jz_nr dl:hover dt img {transform: scale(1.1);}
.jz_nr dl:hover dd em {border-color:#F00B2A}
.jz_nr dl:hover dd h4 a{color: #F00B2A}
.jz_nr dl:hover dd em a {color: #F00B2A;background: url(../images/jz_ico1.jpg) no-repeat right;}
.jz_nr dl:last-child{margin:0;}

.bk_bj{background: #f2f2f2 url(../images/wt_bj.jpg) no-repeat center bottom;height:708px;padding-top:70px;}
.ns_d{float:left;width:600px;position: relative;}
.ns_d li{position:relative;}
.ns_d li i{display: block;font-size:0;line-height: 0;width:600px;overflow: hidden;}
.ns_d li i img {width:600px;height: 300px;}
.ns_d li h4 a {display:block;height:45px;line-height:45px;margin-top:34px;font-size:22px;color: #1a1a1a;font-weight:normal;width:466px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_d li p{width:445px;padding-top:14px;font-size:14px;color: #333333;line-height: 24px;}
.ns_d li span {width:136px;height:107px;background:rgba(240,11,42,0.81);top:193px;left:0;position:absolute;display:block;padding-left:21px;box-sizing: border-box;font-size:14px;color: #fff;}
.ns_d li span em {display: block;font-size:36px;line-height: 36px;padding-top:30px;}
.ns_j{position: absolute;top:343px;right:37px;height: 99px;background: url(../images/p_ico1.jpg) no-repeat left top;padding-left:17px;}
.ns_j img{margin-left:27px;}
.ns_a{border-top:1px solid #e3e3e3;float:right;width:556px;}
.ns_a li {overflow: hidden;padding-top:14px;height: 94px;border-bottom:1px solid #e3e3e3;}
.ns_a li em{float:left;width:87px;display: block;text-align: right;font-size:16px;color: #666666;padding-top:17px;}
.ns_a li em i {font:30px arial;color: #333333;font-style: normal;display: block;line-height: 24px}
.ns_a li p {float:right;width:386px;padding-right:26px;}
.ns_a li p a{display: block;height: 28px;line-height:20px;font-size:14px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 28px;font-weight: bold;}
.ns_a li p span {font-size:14px;color: #666666;line-height: 24px;padding-top:5px;}
.ns_a li:last-child p{border:0;}

.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height:633px;padding-top:101px;box-sizing: border-box;}
.about {position:relative;}
.ab_w h2{height: 60px;line-height: 60px;font-size:40px;color: #fff;font-weight: bold;}
.ab_w h2 a {color: #fff}
.ab_w h2 i {width:8px;height: 8px;background: #fff;border-radius: 50%;display: inline-block;vertical-align: middle;margin:0 9px;}
.ab_w em {height: 51px;font-size:14px;color:#fff;text-transform: uppercase;line-height: 29px;display: block;position:relative;}
.ab_w em:after{width:88px;height: 5px;content: "";display: block;background: #fff;position: absolute;left:0;bottom:0;}
.ab_w p {padding-top:26px;height: 221px;line-height: 28px;font-size: 14px;color: #d3d6db}
.ab_w span a {width:254px;height: 33px;border:3px solid #fff;text-align: center;line-height: 33px;font-size:14px;display: block;color: #fff;}
.about ul{position: absolute;top:316px;left:329px;background: url(../images/ab_d.png) no-repeat right;width:760px;}
.about li{float:left;width:211px;background: url(../images/ab_x.png) no-repeat right;text-align: center;line-height: 0;height: 87px;}
.about li span {display: block;font-size:18px;color: #fff;font-weight: bold;line-height: 34px;height: 34px;padding-top:10px;}
.about li:last-child{background: none}


@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {font-size: 11.25px;}}
@media screen and (min-width:375px) {html {font-size: 11.7px;}}
@media screen and (min-width:384px) {html {font-size: 12px;}}
@media screen and (min-width:480px) {html {font-size: 15px;}}
@media screen and (min-width:414px) {html {font-size: 13px;}}
@media screen and (min-width:560px) {html {font-size: 17.5px;}}
@media screen and (min-width:640px) {html {font-size: 20px;}}