@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:800px;}
.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("ico1.jpg")/*tpa=https://www.wenci77.com/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("ico2.png")/*tpa=https://www.wenci77.com/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:60px;}
.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("dy_a1.jpg")/*tpa=https://www.wenci77.com/images/dy_a1.jpg*/ no-repeat right bottom;cursor: pointer;box-shadow: 5px 5px 16px 3px #ebebeb}
.dy_nr dl.cur dd h4{color: #000000}
.dy_nr dl.cur dt{transform:rotate(360deg);}
.dy_nr dl:nth-child(1) dt{background: url("dy_ico1.png") no-repeat;}
.dy_nr dl:nth-child(2) dt{background: url("dy_ico2.png") no-repeat;}
.dy_nr dl:nth-child(3) dt{background: url("dy_ico3.png") no-repeat;}
.dy_nr dl:nth-child(4) dt{background: url("dy_ico4.png") no-repeat;}
.dy_nr dl:nth-child(1).cur dt{background: url("dy_ico1_hv.png") no-repeat;}
.dy_nr dl:nth-child(2).cur dt{background: url("dy_ico2_hv.png") no-repeat;}
.dy_nr dl:nth-child(3).cur dt{background: url("dy_ico3_hv.png") no-repeat;}
.dy_nr dl:nth-child(4).cur dt{background: url("dy_ico4_hv.png") no-repeat;}

.list1{background: #f2f2f2 url("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: 150px;}
.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("ico3.png")/*tpa=https://www.wenci77.com/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;    padding-right: 10px;}
.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(29,78,152,0.8);}

.lc_c {overflow: hidden;}
.lc_c .titis{height: 142px;}
.lc_c li{float:left;width:150px;padding-left:21px;box-sizing: border-box;background: url("lc_a1.jpg")/*tpa=https://www.wenci77.com/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("lc_a2.jpg")/*tpa=https://www.wenci77.com/images/lc_a2.jpg*/ no-repeat left top;}
/*.lc_c li:hover i{animation-duration:3s;animation-name:flipInY;}*/

.al_bj{background:url("al_bj.jpg")/*tpa=https://www.wenci77.com/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:20%;background: url("al_x.jpg")/*tpa=https://www.wenci77.com/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: #1e4f98;font-weight: bold;}
.al_qh li.on:after {content: "";display: block;width: 80px;height: 9px;background: #1e4f98;position: absolute;left:32%;top:0;}
.al_qh li:nth-child(1) i{background: url("al_ico1.jpg")/*tpa=https://www.wenci77.com/images/al_ico1.jpg*/ no-repeat;}
.al_qh li:nth-child(2) i{background: url("al_ico2.jpg")/*tpa=https://www.wenci77.com/images/al_ico2.jpg*/ no-repeat;}
.al_qh li:nth-child(3) i{background: url("al_ico3.jpg")/*tpa=https://www.wenci77.com/images/al_ico3.jpg*/ no-repeat;}
.al_qh li:nth-child(4) i{background: url("al_ico4.jpg")/*tpa=https://www.wenci77.com/images/al_ico4.jpg*/ no-repeat;}
.al_qh li:nth-child(5) i{background: url("al_ico5.jpg")/*tpa=https://www.wenci77.com/images/al_ico5.jpg*/ no-repeat;}
.al_qh li:nth-child(1).on i{background: url("al_ico1_hv.jpg")/*tpa=https://www.wenci77.com/images/al_ico1_hv.jpg*/ no-repeat;}
.al_qh li:nth-child(2).on i{background: url("al_ico2_hv.jpg")/*tpa=https://www.wenci77.com/images/al_ico2_hv.jpg*/ no-repeat;}
.al_qh li:nth-child(3).on i{background: url("al_ico3_hv.jpg")/*tpa=https://www.wenci77.com/images/al_ico3_hv.jpg*/ no-repeat;}
.al_qh li:nth-child(4).on i{background: url("al_ico4_hv.jpg")/*tpa=https://www.wenci77.com/images/al_ico4_hv.jpg*/ no-repeat;}
.al_qh li:nth-child(5).on i{background: url("al_ico5_hv.jpg")/*tpa=https://www.wenci77.com/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("al_a1.jpg")/*tpa=https://www.wenci77.com/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: #1d4e98;}
.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: #000000;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: #000000;font-weight: bold;padding-right:56px;background: url("al_a2.png")/*tpa=https://www.wenci77.com/images/al_a2.png*/ no-repeat right;}

.ys_bj{padding-top:46px;height:840px;background:url("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: 149px;width: 1000px;  margin: 0 auto;}
.ys_qh li{float:left;width: 211px;margin-left:30px;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: #000000}
.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: #000000;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("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("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;    width: 267px;
    overflow: hidden;}
.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("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:#000000}
.jz_nr dl:hover dd h4 a{color: #000000}
.jz_nr dl:hover dd em a {color: #000000;background: url("images/ys_ico2.png") no-repeat right;}
.jz_nr dl:last-child{margin:0;}

.bk_bj{background: #f2f2f2 url("wt_bj.jpg") no-repeat center bottom;height:630px;padding-top:50px;}
.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(29,78,152,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("p_ico1.jpg")/*tpa=https://www.wenci77.com/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("ab_bj.jpg")/*tpa=https://www.wenci77.com/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("ab_d.png")/*tpa=https://www.wenci77.com/images/ab_d.png*/ no-repeat right;width:760px;}
.about li{float:left;width:211px;background: url("ab_x.png")/*tpa=https://www.wenci77.com/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;}}











.title { margin-bottom: 40px; line-height: 40px; text-align: center; color: #333 }
.title h2 { position: relative; display: block; font-size: 30px }
.title h2 em { font-family: "SimSun" }
.title p { position: relative; display: block; padding-bottom: 8px; font-size: 14px; font-weight: normal }
.title p:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 40px; height: 1px; margin-left: -20px; background: #332c2b }
.wrapper { width: 1180px; margin: 0 auto }


/* pro */
.pro { zoom: 1 }
.pronav { width: 280px }
.pronav h2 { width: 280px; height: 80px; line-height: 80px; text-align: center; font-size: 30px; color: #fff; background: #0445a7; border-radius: 10px 10px 0 0 }
.pronav h2:after { top: 55px; background: #fff }
.pronav .wen { width: 100%; height: 200px; color: #fff; text-align: center; border-radius: 0 0 10px 10px; background: #0445a7; overflow: hidden }
.pronav .wen h3 {margin-top: 30px;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 2px;}
.pronav .wen p { margin-top: 10px; font-size: 14px;letter-spacing: 1px;}
.pronav .wen span { display: block; margin-top: 10px; font-size: 22px; }

.submenu { width: 278px; border-left: 1px solid #ddd; border-right: 1px solid #ddd }
.submenu li { width: 278px; height: 44px; line-height: 44px; text-indent: 22px; background-position: 0 0;overflow:hidden;}
.submenu li:hover{  background-position: 0 -55px }
.submenu li a { display: block; font-size: 15px; color: #333 }
.submenu li a:hover { color: #000000 }

.prolist { width: 880px }
.prolist li { float: left; width: 260px; margin: 0 20px 20px 0; padding: 10px; text-align: center; background: #f5f5f5 }
.prolist li:nth-child(3n) {  margin-right: 0px;}
.prolist li:hover { -moz-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, .1); -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, .1); box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, .1) }
.prolist li a { display: block }
.prolist li a .mag { display: block; width: 240px; height: 160px; overflow: hidden }
.prolist li a .mag img{width:240px; height:160px;} 
.prolist li a h3 { display: block; width: 100%; height: 40px; padding-bottom: 5px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.prolist li span { display: block; line-height: 30px; overflow: hidden }
.prolist li span .zx { float: left; width: 103px; height: 30px; text-align: center; font-size: 13px; color: #fff; text-decoration: none; border-left: 3px solid #333; background: #000000 }
.prolist li span .xq { float: right; margin-right: 10px; font-size: 13px }
.prolist li span .zx:hover { background: #fcc300 }





/* news */
.column { width: 360px; margin-right: 50px; overflow: hidden }
.column h2 { height: 24px; margin-bottom: 20px; padding-left: 10px; line-height: 24px; font-size: 18px; border-left: 5px solid #000000 }
.column h2 a { color: #333 }
.column h2 b { color: #000000 }
.column h2 span a { font-size: 10px; font: 10px/24px Arial; color: #999 }
.column .newslist { width: 100%; overflow: hidden }
.column .newslist dl { width: 100%; overflow: hidden }
.column .newslist dt { float: left; width: 120px; height: 75px }
.column .newslist dd { padding-left: 120px }
.column .newslist dd h3 { font-weight: normal; height: 27px; line-height: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.column .newslist dd h3 a { color: #333 }
.column .newslist dd h3 a:hover { color: #000000 }
.column .newslist dd p { height: 48px; line-height: 24px; font-size: 12px; color: #999; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.column .newslist ul { overflow: hidden; width: 360px; margin-top: 1px }
.column .newslist li { width: 340px; overflow: hidden; height: 15px; margin-top: 20px; padding-left: 18px; line-height: 15px; font-size: 12px; background-position: 0 -208px }
.column .newslist li:hover { background-position: 0 -220px }
.column .newslist li em { float: left; font-size: 18px; color: #999; margin-right: 5px; vertical-align: middle }
.column .newslist li em { *display: inline }
.column .newslist li .emred { background-color: #ff9900 }
.column .newslist li a { display: block; float: left; width: 210px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.column .more { margin: 30px 0 0 }


/* ask */
.ask dl dt, .ask dl dd { background: url("/images/style.png") no-repeat 0 9999px }
.ask { overflow: hidden }
.ask dl { padding: 8px 0; font-size: 12px; border-bottom: 1px dashed #ddd }
.ask dl dt { height: 24px; padding-left: 30px; line-height: 24px; font-size: 14px; background-position: left -239px }
.ask dl dt a { color: #333 }
.ask dl dt a:hover { color: #000000 }
.ask dl dd { margin-top: 6px; padding-left: 30px; line-height: 24px; color: #999; background-position: left -268px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }

.first { margin-left: 0 !important }
.last { margin-right: 0 !important }
.more { display: block; width: 120px; height: 28px; margin: 30px auto 0; line-height: 28px; text-align: center; font-size: 12px; color: #bbb; border: 1px solid #ddd; border-radius: 15px; text-transform: uppercase }
.more:hover { color: #fff; background-color: #000000; border-color: #000000 }
.column .more { margin: 30px 0 0 }



.jz_nr123 li{width:170px;margin:10px 15px;float:left;}
.jz_nr123 li img{width:100%;}