@charset "utf-8";


*{ margin: 0; padding: 0; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;  }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;
}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#fff;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#fff; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#fff;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-black-webfont';
    src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-black-webfont.woff2') format('woff2'),
	url('../fonts/dincond-black-webfont.woff') format('woff'),
	url('../fonts/dincond-black-webfont.ttf') format('truetype'),
	url('../fonts/dincond-black-webfont.svg#dincond-black-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}
@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}
@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}





.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{  width: 1200px; margin: auto;}






/******header*********/
.bgwhite{ background: #fff;}

.poab{ position: absolute; }


.top{ width: 100%; height: 91px; line-height: 90px; z-index: 5;  }
.logo{ width: 342px; height: 63px;}
.menu { position: relative;}

.nav{ position: relative; z-index: 1;}
.nav li{ position: relative; float: left; margin-left: 40px; height: 89px; }
.nav li a{ display: inline-block;  font-size: 16px; color: #333; }
/* .nav-bg{ position: absolute; z-index: -1; left: 40px; bottom: 0px; width: 60px; height: 0px; border-bottom: 2px solid #DD342F;} */
.nav li.active ,
.nav li:hover {border-bottom: 2px solid #DD342F;}






/* banner*/
.banner{ position: relative; margin-bottom: 40px;}
.banner,.banner .flexslider,.banner .slides li{ width: 100%; height: 700px;}
.banner .slides li a{ display: block; width: 100%; height: 100%;}
.banner .flexslider{position:relative;overflow:hidden; z-index:1;}
.banner .slides{position:relative;z-index:1;}

/* 圆点切换 */
.banner .flex-control-nav{ position: absolute; bottom: 28px; z-index: 11111; padding-left: 0; width: 1200px; left: 0; right: 0; height: 16px; line-height: 16px; margin: 0 auto;  text-align: center;  }
.banner .flex-control-nav li{ width:10px; height:10px; margin:0 10px;display:inline; zoom:1; text-align:center; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block;width:10px;height:10px; line-height:80px;cursor:pointer; color:#fff; font-family:simhei; overflow:hidden; background:rgba(255,255,255,0.7); border-radius: 50%;}
.banner .flex-control-nav .flex-active{ background: #e80d1d;}/
/* 左右按钮切换 */
/*.banner .flex-direction-nav a{width:34px;height:61px;line-height:99em;overflow:hidden;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease; outline: none; margin-top: -16px; z-index: 99; }
.banner .flex-direction-nav .flex-next{ width: 34px;  height: 61px;  background:url(../images/ban_right.png) no-repeat center; right: 16%;
opacity:1; filter:alpha(opacity=10); }
.banner .flex-direction-nav .flex-prev{ width: 34px;  height: 61px;  background:url(../images/ban_rigle.png) no-repeat center; left: 16%;
opacity:1; filter:alpha(opacity=10)}
.banner .flex-direction-nav .flex-next:hover{background:url(../images/ban_right1.png) no-repeat center;}
.banner .flex-direction-nav .flex-prev:hover{background:url(../images/ban_rigle1.png) no-repeat center;}
*/



.iTitle{ text-align: center; text-transform: uppercase; padding: 55px 0 0;}
.iTitle dt{ font-size: 30px ; color: #333; font-weight: bold;}
.iTitle dd{ font-size: 18px ; color: #666;}

.white dt{ color: #fff;}
.white dd{ color: rgba(255,255,255,.76);}

.Iabout{ height: 675px; background: url(../images/iabbg.jpg) no-repeat top center; }
.IabList{ margin-top: 50px;}
.IabList .able{ width: 530px; }
.able dt{ line-height: 44px; font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px;}
.able dd{ width: 33px; height: 4px; background: #e81d0d; margin-bottom: 17px;}
.iabok { line-height: 30px; color: #666; text-align: justify;}

.numb{ margin: 45px 0;}
.numb ul{ width: 590px;}
.numb li{ float: left; text-align: center; width: 90px; margin-right: 55px;}
.numb li p{ font-size: 42px; color: #333; font-weight: bold; font-family: 'din-medium-webfont'; white-space: nowrap;}
.numb li i{  color: #666;white-space: nowrap;}

.iabmore{ display: block; width: 180px; height: 40px; text-align: center; line-height: 38px; border: 1px solid #acaaaa; color: #666;  box-sizing: border-box;}
.iabmore:hover{ padding-left: 10px; color: #E81D0D;}

.abht{ position: relative; width: 607px; height: 507px; margin-top: -40px;}
.abht li{ position: absolute;  width: 65px; text-align: center; height: 17px; padding-top: 5px; font-weight: bold; color: #333;} 
.abht li div{ position: relative;}
.abht li div dl{ position: absolute; width: 190px; height: 83px; padding: 12px 20px; box-sizing: border-box; text-align: left; background: #fff;
 	margin-left: -70px; bottom: 32px; display: none; z-index: 2222;
 }
.abht li div dl:after{content: ''; position: absolute; left: 0; right: 0; bottom: -20px; z-index: 2; width: 0; height: 0; margin: auto;
 	border-width: 10px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
 }
.abht li div dd{ color: #666; font-weight: 100; font-family: simhei; margin-top: 5px;}
.abht li.a1{right: 332px;bottom: 215px;background: url(../images/map1.png) no-repeat bottom right;}
.abht li.a2{right: 240px;bottom: 195px;background: url(../images/map2.png) no-repeat bottom left;}
.abht li.a3{right: 242px;bottom: 160px;background: url(../images/map1.png) no-repeat bottom left;}
.abht li.a4{right: 230px;bottom: 125px;background: url(../images/map1.png) no-repeat bottom left;}
.abht li.a5{right: 172px;bottom: 128px;background: url(../images/map1.png) no-repeat bottom left;}
.abht li.a6{right: 190px;bottom: 160px;background: url(../images/map3.png) no-repeat bottom left;}
.abht li.a7{right: 148px;bottom: 178px;background: url(../images/map1.png) no-repeat bottom left;}
.abht li.a8{right: 178px;bottom: 215px;background: url(../images/map1.png) no-repeat bottom left;}
.abht li.a9{right: 168px;bottom: 255px;background: url(../images/map3.png) no-repeat bottom left;}
.abht li.a10{right: 130px;top: 122px;background: url(../images/map1.png) no-repeat bottom center;padding-top: 0;height: 37px;}
.abht li.a11{right: 308px;bottom: 145px;background: url(../images/map1.png) no-repeat bottom left;}
.abht li:hover dl{ display: block;}



/* */
.iess{ height: 430px; background: url(../images/essbg.jpg) no-repeat top center; padding-top: 10px;}
.essList ul{ width: 1210px; margin-top: 55px;}
.essList li{ float: left; width: 230px; text-align: center; height: 153px; box-sizing: border-box; border: 1px solid #fff; margin-right: 10px;}
.essList li img{ width: 60px; height: 60px; margin: 30px 0 18px; transition: 1s;}
.essList li p{ font-weight: bold; color: #fff; font-size: 18px;}
.essList li:hover{ background: #e81d0d; border-color: #e81d0d;}
.essList li:hover img{ transform: rotate(360deg);}



/* */
.InewList{ margin-top: 50px; margin-bottom: 55px;}
.newle{ position: relative; width: 560px ; height: 390px; overflow: hidden;}
.newle img{ width: 100%;}
.posab{ position: absolute; left: 0; bottom: 0; width: 100%; height: 120px; background: rgba(27,27,27,.95); box-sizing: border-box; padding: 0 30px ;}
.newlee{ color: #fff; width:60px; text-align: center; font-family: simhei;}
.newlee:after{ content: ''; position: absolute; left: 99px; top: 50px; height: 27px; width: 1px; background: #fff;}
.newlee p{ font-size: 48px; height: 50px; line-height: 50px; font-weight: bold; margin-top: 25px;}
.posab dl{ width: 410px;}
.posab dt{ line-height: 48px; height: 46px; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; font-size: 16px; font-weight: bold;
	white-space: nowrap; overflow: hidden;text-overflow: ellipsis ;
}
.posab dd{ line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px; color: #fff;}

.newle:hover dt{ color: #E81D0D;}


.newht{ width: 600px;}
.newtit dl{ width: 495px;  }
.newtit dt{ position: relative; border-bottom: 1px solid #dbdbdb; line-height: 54px; height: 54px; font-size: 16px; font-weight: bold; color: #333; font-family: simhei; margin-bottom: 18px;}
.newtit dt:after{ position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background: #E81D0D; content: '';}
.newtit dd{ line-height: 24px; height: 72px; overflow: hidden; color: #666;}
.newtit .newlee:after{width: 0;}
.newtit .newlee p{ font-size: 48px; height: 50px; line-height: 50px; font-weight: bold; color: #333; margin-top: 12px;}
.newtit .newlee i{ color: #666;}
.newtit .newlee em{ display: block; height: 19px; background: url(../images/jt.png) no-repeat right center; margin-top: 40px;}
.newtit:hover em{ background-position: right 10px center; }
.newtit:hover dt{ color: #E81D0D;}

.newht ul{ margin-top: 32px;}
.newht ul li{ position: relative; line-height: 42px; border-bottom: 1px solid #eee; }
.newht ul li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0 ; height :1px; background: #E81D0D; transition: 0.7s;}
.newht ul li a{ color: #333;}
.newht ul li p{ float: left; font-weight: bold; width: 80% ; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.newht ul li i{ float: right; color: #999;}

.newht ul li:hover:after{ width: 100%;}
.newht ul li:hover a,
.newht ul li:hover i{ color: #E81D0D;}


.footer{ background: #1b1b1b;}
.addmap{ position: relative; height: 434px;}
.addmap img{ height: 100%; width: 100%;}

.biaodan{  height: 300px; position: relative; z-index: 2; margin-top: 1px; background: #fff; box-sizing: border-box; padding: 30px 43px;}
.bdle{ width: 544px;}
.bdle li{ float: left; width: 250px; height: 45px; line-height: 46px; border-bottom: 1px solid #dcdcdc;}
.bdle li span{ color: #666;}
.bdle li.l1{ margin-right: 40px;}
.bdle li input{ width: 190px; height: 44px; border: 0 none; box-sizing: border-box; padding: 0 15px;}

.bdle li.l3{ width: 544px; border: 0;}
.bdle li.l3 .li3{ border-bottom: 1px solid #dcdcdc;}
.bdle li.l3 div{ display: inline-block;}
.bdle li.l4{ width: 544px; height: 70px;}
.bdle li.l4 span{ display: block; height: 30px;}
.bdle li.l4 textarea{ width: 100%; height: 40px; line-height: 40px; border: 0 none; box-sizing: border-box; padding: 0 15px; font-family: "微软雅黑";resize: none; outline: none;}

.biubiu{ display: block; width: 240px; height: 38px; background: #333; color: #fff; margin: 32px auto 0; border: none;}

.address{ width: 520px;}
.address li{color: #333; margin-top : 11px; line-height: 20px; }
.address li img{ width: 20px; height: 20px; margin-right: 12px;  }
.erwei{ margin-top: 25px;}
.erwei img{ width: 85px; height: 85 ; margin-right: 20px;}
.erwei span{ display: inline-block; vertical-align: middle; color: #666;}

.fotmenu { margin-top: 20px; line-height: 60px;}
.fotmenu li{ float: left; margin-right: 50px;}
.fotmenu li a{ display: block; color: #fff;}
.fotmenu li:last-child{ margin: 0;}

.sele{ width: 305px; line-height: 28px; height: 28px; background: #fff; margin-top: 15px;}
.sele span{ display: inline-block; margin-left: 15px; height: 14px; line-height: 14px; color: #333; padding-left: 10px; border-left: 1px solid #333;}
.sele select{ width: 185px; background: url(../images/arrow-r.png) no-repeat right center; border: none;}

.bq{ text-align: center; height: 48px; line-height: 48px; color: rgba(255,255,255,0.67); border-top: 1px solid rgba(255,255,255,0.11);}
.bq a{  color: rgba(255,255,255,0.67); margin-left: 20px;}












/* ny */
.nbanner{ position: relative; height: 448px;z-index: 1; }
.nbanner dt{ font-size: 36px; font-family: 'Impact'; color: #fff;  text-transform: uppercase; padding-top: 150px;}
.nbanner dd{ position: relative; font-size: 24px; color: #fff; padding-bottom: 20px;}
.nbanner dd:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 26px; height: 3px; background: #fff;}

.nbanner .imgg{ position: absolute; left: 0; top: 0;width: 100%; height: 100%; z-index: -1;}



.left-nav{ height:65px;  line-height: 65px; background: #eee; overflow: hidden;}
.left-nav li{ position: relative; float: left; padding:0 16px;}
.left-nav li:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 0; margin: auto; opacity: 0;
	border-width: 7px 7px 8px 7px;
	border-style: solid;
	border-color: transparent transparent  #fff transparent;
}
.left-nav li a{ display: block ; color: #333; font-size: 16px;}
.left-nav li.active a,
.left-nav li:hover a{ color: #fff;}
.left-nav li.active,
.left-nav li:hover { background: #E81D0D;}
.left-nav li.active:after,
.left-nav li:hover:after{ opacity: 1;}

.left-nav .fr{ color: #888; padding-left: 20px; background: url(../images/adad.png) no-repeat left center;font-size: 16px;}
.left-nav .fr a{ display: inline-block; color: #666; font-size: 16px;}
.left-nav .fr a:hover{ color: #e81d0d;}



/* 关于  */
.about{ text-align: justify; margin: 45px 0 50px; line-height: 30px; color: #666; }


.rongYu{ margin: 45px 0 50px;}
.rongYu ul{width: 1260px;}
.rongYu li{ float: left; margin-right: 60px; width: 360px; height: 346px; overflow: hidden;}
.rongYu li img{ max-height: 100%;}
.rongYu li div{ position: relative; height: 270px; line-height: 270px; text-align: center; box-sizing: border-box; border: 5px solid #eee; overflow: hidden;3}
.rongYu li div i{ position: absolute;left: 0; top: 0; right: 0; bottom: 0; width: 70%; height: 71%; margin: auto; background: url(../images/Fbig.png) no-repeat center / 100% 100%; opacity: 0;}
.rongYu li p { text-align: center; font-size: 16px; color: #333; margin: 25px 0 30px;}
.rongYu li:hover p{ font-weight: bold; color:#E81D0D}



.page{ text-align: center; margin: 40px 0 60px;}
.page a{ display: inline-block; width: 38px; height: 38px; line-height: 38px; border: 1px solid #d2d2d2; color: #999; font-family: simhei; border-radius: 2px; margin: 0 5px ;}
.page a.z-crt{ background: #E81D0D; color: #fff; border-color:#E81D0D}
.page a.pagenxt,
.page a.pageprv{ width: 98px;}



.yeji{  margin: 45px 0 50px;}
.yeji li{ position: relative; z-index: 1; margin-bottom: 30px; background: #f8f8f8;}
.yeji li:after{ content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 0; height: 100%; background: #E81D0D; transition: 0.6s;}
.yeji li span{ width: 230px; height:173px; text-align: center; line-height: 173px; margin-right: 20px; overflow: hidden;}
.yeji li div.fl{ width: 715px; padding: 30px 0 20px;}
.yeji li h5{ font-size: 16px; color: #333;}
.yeji li .okok{ line-height: 22px; height: 44px; overflow: hidden; color: #666; margin: 15px 0 18px;}
.yeji li em{ display: block; padding-left: 20px; background: url(../images/date.png) no-repeat left center; font-size: 12px; color: #999;}
.yeji li div.fr{ height: 70px; width: 170px; text-align: center; border-left: 1px solid #d3d3d3; margin-top: 50px; background: url(../images/yjjt.png) no-repeat center center; transition: 1s;}

.yeji li:hover h5,
.yeji li:hover .okok,
.yeji li:hover em{ color: #fff;}
.yeji li:hover em{ background: url(../images/date1.png) no-repeat left center;}
.yeji li:hover div.fr{ background: url(../images/yjjt1.png) no-repeat center right 80px;}
.yeji li:hover:after{ width: 100%;}


.obox{ overflow: auto; width: 60%; height: 75%;}

/* news */
.news{ margin: 45px 0 50px; }
.news ul{ width: 1260px;}
.news li{ float: left; margin-right: 40px; width: 580px; height: 193px;  margin-bottom: 30px;}
.news li span{ width: 177px; height: 193px; text-align: center; line-height: 180px; overflow: hidden;}
.news li span img{ width: 100%; height: 100%; transition: 1s;}
.news li .ly{ width: 403px; box-sizing: border-box; padding: 0 35px 0 30px;background: #f6f6f6; height: 193px;}
.news li h5{ position: relative; line-height: 66px; font-size: 16px; color: #333;}
.news li h5:after{ content: ''; position: absolute; left: 0 ;bottom: 0 ; width: 22px; height: 2px; background: #E81D0D;}
.news li .okok{ margin: 18px 0 22px; height: 44px; overflow: hidden; line-height: 22px; color: #999;}
.date em{ padding-left: 20px; background: url(../images/date.png) no-repeat left center; font-size: 12px; color: #999;}
.date i{ width: 15px; height: 15px; background: url(../images/yjjt.png) no-repeat left center; background-size: cover; }

.news li:hover .ly{ background: #fff; box-shadow: 1px 0 8px rgba(0,0,0,0.17);}
.news li:hover i{ margin-right: 10px;}
.news li:hover img{ transform: scale(1.05);}


.yewu{ margin: 45px 0 50px; }
.yewu .left{ width: 400px; height: 230px; overflow: hidden;}
.yewu .right{ width: 760px;}
.yewu h5{ position: relative; height: 45px; line-height: 22px; font-size: 24px; color: #333; margin-bottom: 10px;}
.yewu h5:after{ content: ''; position: absolute; left: 0 ;bottom: 0 ; width: 22px; height: 2px; background: #E81D0D;}
.yewu .okok{ line-height: 30px; color: #666;}


/* dongtai */
.dongT{ margin: 45px 0 70px;}
.dongT ul{ width: 1250px;}
.dongT li{float: left; width: 370px; margin-right: 45px; margin-bottom: 45px;}
.dongT .img{height: 278px; line-height: 278px; text-align: center; overflow: hidden;}
.dongT .img img{ width: 100%; height: 100% ; transition: 1s;}
.dongT h5{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #333;}
.dongT .bTly{ padding: 10px 20px 15px; background: #f6f6f6; } 
.dongT .okok{ line-height: 22px; height: 44px; overflow: hidden; color: #666; margin: 10px 0 10px;}


.dongT li:hover .bTly{ background: #fff; box-shadow: 1px 0 8px rgba(0,0,0,0.17);}
.dongT li:hover i{ margin-right: 10px;}
.dongT li:hover img{ transform: scale(1.05);}


.zpList{ margin: 45px 0 75px; }
.zpList li{ float: left; width: 600px;}
.zpList li span{ position: relative; width: 300px; height: 300px; overflow: hidden;}
.zpList li span:after{ position: absolute; right: 0; top: 136px; width: 0; height: 0;  border-width: 11px;
 	border-style: solid; border-color: transparent #f6f6f6 transparent transparent; content: '';
 }
.zpList li dl{ width: 300px; height: 300px; overflow: hidden; background: #f6f6f6; box-sizing: border-box; padding: 0 33px; display: table-cell;
  vertical-align: middle; text-align: center;}
.zpList li dl dt{ font-size: 24px; color: #333; font-weight: bold;}
.zpList li dl dt em{ display: block; margin: 20px auto 18px; width: 20px; height: 2px; background: #E81D0D;}
.zpList li dl dd{ line-height: 24px; color: #666;}

.zpList li.li3 span:after,
.zpList li.li4 span:after{ position: absolute; left: 0; top: 136px; width: 0; height: 0;  border-width: 11px;
 	border-style: solid; border-color: transparent  transparent transparent #f6f6f6; content: '';}





.zpxq{ margin:  45px 0 70px;}
.zpxq li{ border: 1px solid #e6e6e6; background: #fcfcfc; margin-bottom: 10px;}
.zpxq dt{ padding:0 50px; line-height: 44px; height: 44px; background: url(../images/zp01.png) no-repeat right 15px center;}
.zpxq dt span{ font-weight: bold; color: #666; display: inline-block; width:100px;}
.zpxq dt i{ color: #999; margin-left: 30px;}
.zpxq dd{display: none; border-top: 1px solid #e6e6e6; transition: 0s; box-sizing: border-box;}
.zpxq dd table{ padding: 35px 44px; }

.zpxq dd table th{ padding-bottom: 20px;}
.zpxq dd table td {  line-height: 30px; color: #929191;  vertical-align:  top;}
.zpxq li a{ display: block; text-align: center; width: 130px; height: 40px; line-height: 40px; background: #E81D0D; color: #fff; font-size: 12px; 
margin:10px auto 35px;}
.zpxq li img{ margin-right: 10px;}

.zpxq li.active dt{ background: url(../images/zp02.png) no-repeat right 15px center;}