﻿/*二级页*/
.wrap_k{ width:1200px; display:table; margin:0 auto; min-height:500px; padding:0 0 50px}
.wrap_k a:hover{ color:#18aef0}
/**/
.bann{width: 100%; text-align: center;  height: 400px;}

td{ border:1px solid #000}
.ab_wz{ width:100%; line-height:52px; height:52px; font-size:15px; color:#2f2f2f; margin:0 0 10px}
.ab_wz a{ color:#2f2f2f}
.wrap_n{ width:100%; display:table;}
.ab_left{ width: 246px; float: left}

.xypg-left-box{margin-bottom:20px}
.xypg-left-title{background:#18aef0;padding:10px 20px;position:relative}
.xypg-left-title h3{font-size:20px;color:#ffffff;line-height:30px;font-weight:bold;position:relative;z-index:9}
.xypg-left-title i{position:absolute;left:-5px;top:-9px;font-style:normal;font-size:67px;font-weight:bold;opacity:.1;color:#fff;line-height:1;z-index:1;text-transform:uppercase;/*display:none*/}
.xypg-left-title span{font-weight:normal;opacity:.6;font-size:16px;color:#fff;margin-left:10px;text-transform:capitalize}
.xypg-left-title span:before{content:"/";padding-right:5px}
.xypg-left-con{border:1px solid #d2d2d2;border-top:none}

.xypg-left-nav{margin:0 -1px}
.xypg-left-nav > li{position:relative;border-bottom:1px solid #eeeeee}
.xypg-left-nav > li:last-child{border-bottom:none}
.xypg-left-nav > li > a{display:block;font-size:16px;line-height:22px;color:#2e2e2e;position:relative;z-index:9999;padding:15px 18px}
.xypg-left-nav > li .first-nav-btn{position:absolute;z-index:99;width:20px;height:30px;text-align:center;top:10px;right:20px;cursor:pointer;background:url(../images/icon_spirit.png) 0 -240px no-repeat}
.xypg-left-nav > li .first-nav-btn.clicked{background-position:0 -270px}
.xypg-left-nav > li:hover > a,.xypg-left-nav > li.clicked > a{color:#18aef0}
.xypg-left-nav > li:hover .first-nav-btn,.xypg-left-nav > li.clicked .first-nav-btn{color:#18aef0}
.xypg-left-nav .xypg-left-subnav{display:none;padding:0 10px}
.xypg-left-nav .xypg-left-subnav > li{border-top:1px dashed #eeeeee}
.xypg-left-nav .xypg-left-subnav > li > a{padding:8px;display:block;line-height:20px;color:#818181;font-size:16px}
.xypg-left-nav .xypg-left-subnav > li > a:hover{color:#18aef0}
.xypg-left-nav .xypg-left-subnav > li.clicked > a{color:#18aef0}
.xypg-left-nav .xypg-left-threenav > li > a{padding:5px 10px;display:block;font-size:14px;line-height:24px;color:#999999}
.xypg-left-nav .xypg-left-threenav > li > a:before{content:'2014   '}
.xypg-left-nav .xypg-left-threenav > li > a:hover{color:#18aef0}
.xypg-left-nav .xypg-left-threenav > li.clicked > a{color:#18aef0}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}

.latest-news{padding:10px 0}
.latest-news li{padding:.5em 1em;font-size:14px}
.latest-news li a{display:block;line-height:1.2;color:#5a5a5a}
.latest-news li a:before{content:'+';font-weight:bold;margin-right:5px;font-size:16px}
.latest-news li a:hover{color:#18aef0}
.latest-news li a:hover:before{color:#18aef0}

.xypg-left-con{border:1px solid #d2d2d2;border-top:none}
.page-wrap-contact{padding:10px 0;font-size:14px}
.page-wrap-contact h4{font-weight:bolder;padding:.3em 1.4em .8em 1.4em;font-size:15px;color:#000000}
.page-wrap-contact i{ float: left}
.page-wrap-contact span{ float: left; width: 158px;}
.page-wrap-contact p{border-top:1px solid #eee;position:relative;margin-bottom:0;padding:.8em 1.4em;color:#2f2f2f; display: table; width: 100%; box-sizing: border-box}

.ab_right{ width:920px; float: right}
.about{ font-size:16px; color:#2e2e2e; line-height:32px; width:100%; margin:0 auto; padding:10px 0}
.sz{ width: 100%;}
.sz li { width:450px; margin: 0 20px 20px 0; float: left}
.sz li:nth-child(2n){ margin: 0}
.sz li a{display: table; width: 100%; box-sizing: border-box; border: 1px solid #efefef}
.sz li a div.img{overflow: hidden; width: 170px; height: 260px; position: relative;float: left}
.sz li a div.img i{ width: 28px;height: 28px; display: table; position: absolute; top: 10px; left: 10px; background: url("../images/logo0.png") no-repeat center center; z-index: 999}
.sz li a div.img img{width: 100%;transition: all ease .3s; display: table}
.sz li:hover a div.img img{transform: scale(1.1);}
.sz li a .sz-w{ width:250px; float: left; margin: 0 0 0 20px; padding: 20px 0 0; box-sizing: border-box}
.sz li a .sz-w h1{ font-size: 20px; display: table; width: 100%; line-height: 20px; color: #333; font-weight: bolder}
.sz li a .sz-w h1 span{ float: left; margin-right: 10px}
.sz li a .sz-w h1 i{ float: left; display: table;font-size: 12px; border: 1px solid #18aef0; padding: 0 14px; line-height: 18px; border-radius: 25px; color: #18aef0;font-weight:100}
.sz li a .sz-w p{ line-height: 25px; height: 125px; overflow: hidden;font-size: 14px; color: #4d4d4d; margin: 20px 0}
.sz li a .sz-w h3{ font-size: 12px; background: #6c6c6c; line-height:24px; border-radius: 25px; color: #fff; display: table;padding: 0 14px;}
.sz li a:hover .sz-w h3{ background: #18aef0; color: #fff}

/*news*/
.news2{ margin:0 auto;padding:0px 0 ; width:100%; display:table}
.news2 dt{ width:100%; margin:0 auto ; border-bottom:1px solid #f2f2f2}
.news2 a{ width:100%;margin:0 auto ;  font-size:16px; color:#535353; line-height:28px; background: url(../images/ys_ico1.png) no-repeat center left; background-size:7px;   display: table; padding:10px 0 10px 15px ; box-sizing: border-box}
.news2 a span{ width:75%; float:left}
.news2 a time{  float:right;}

.ab_xw1{ width:100%;display:table; margin:0 auto; padding: 0}
.ab_xw1 ul{ }
.ab_xw1 li{ width:100%; border-bottom:1px solid #d2d2d2; padding:20px 0}
.ab_xw1 li:first-child{ padding:0 0 20px}
.ab_xw1 li a{ width:100%; display:table; line-height:24px;color:#212121;font-size:16px;}
.ab_xw1 li a h1{ font-size:16px;font-weight:bolder;  height:24px; }
.ab_xw1 li a h1 span{width:80%;  overflow:hidden;}
.ab_xw1 li a h1 time{ float:right; color:#707070; font-weight:100}
.ab_xw1 li a p{ color:#707070; font-size:14px; height:48px; overflow:hidden; display:table; width:100%;margin:10px 0 0 }

.xw_fy{ width:100%; border-top:1px solid #e9e8e9; padding:25px 0; margin: 20px 0 0 }
.xw_fy a{ font-size:15px; color:#000000; opacity:.7; width:100%; line-height:32px; display:table}
.xw_fy a:hover{ opacity:1}
.xw_bt{ width:100%; text-align:center; margin:0 auto 30px;}
.xw_bt h1{ font-size:30px; line-height:1.4; color:#000000; font-weight:bolder; border-bottom:1px solid #e9e8e9; padding:0 0 20px; margin:0 auto 18px}
.xw_bt h2{ font-size:30px; line-height:1.4; color:#000000; font-weight:bolder;padding:0 0 ; margin:0 auto 18px}
.info1 {line-height: 1.6;  text-align: center;  margin:0 auto;color: #929191; font-size:14px;}
.info {line-height: 26px; height:26px;  text-align: center;  margin:0 auto;color: #929191; font-size:14px; border-bottom:1px solid #e9e8e9;  border-top:1px solid #e9e8e9; }
/*cp*/
.cp{ width:100%; display:table; margin:0 auto; }
.cp ul{ display:table; margin:0 auto; width:100%}
.cp ul li{width:290px;  display:block; color:#000000;float:left; margin:0 15px 5px 0 ;}
.cp ul li a{ width:290px;   margin:0 auto; display:block;}
.cp ul li:nth-child(3n+0){margin:0 0px 5px 0 ;}
.cp ul li a h1{ font-size:16px;  color:#2e2e2e;line-height:46px; display:block; text-align:center;width:100%; margin:0 auto; height:46px; overflow:hidden}
.cp ul li a .cp_t1{ width:290px; height:194px;  display:block; overflow: hidden; box-sizing:border-box; }
.cp ul li a .cp_t1 img{ width:290px; height:194px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp ul li a:hover .cp_t1 img{transform: scale(1.1);}
.cp ul li a:hover h1 { color:#18aef0}

