@charset "utf-8";
/* CSS Document */
/*1.1 布局*/
body{ color: #000; font-size: 16px; line-height: 1.6;}
.wp{ width:1000px; margin:0 auto; }/*网页整体宽度*/
/*1.2 文字*/
a{color:#333}/*主链接颜色*/
.sublink:link,.sublink:visited,.sublink:active{}/*次链颜色*/
a:hover,a:focus,.c_main,.c_main a{color:#06c}/*链接经过颜色，主色调*/
.c_sub,.c_sub a{}/*次文字颜色*/
.c_title{}/*标题颜色*/
.c_content{ color:#818181}/*内容文字颜色*/
.c_Auxiliary{}/*辅助颜色*/

.title-big{ font-size:22px; line-height:30px;}/*首屏标题*/
.title-large{}
.blod{ font-weight: 700;}
.bold{ font-weight: bold;}
.Arial{ font-family:Arial; padding:0 2px}
.SimSun{ font-family:SimSun}
.YaHei{ font-family:Microsoft YaHei}
.ti-9999{ text-indent: -9999em;}
.f-l{ float: left;}
.f-r{ float: right;}
.clear{ clear: both;}
img{display: block;}
a,a:hover{ text-decoration: none;}
p{ display: block; line-height: 28px; word-break: break-all; text-indent: 2em;  text-align: justify;}

/*2.1 头部*/
.header{ position:relative; width:980px; margin:0 auto; padding-top:34px;}


/*2.1.2主导航*/
.nav{ position:absolute; top:173px; left:50%; margin-left:-445px;  z-index:9999; max-width:890px; _width:890px; *max-width:896px;  width:890px\0; clear:both; overflow:hidden;}
.nav li.maintitle{ float:left; width:16.6625%; *width:16.6625%; overflow:hidden; height:49px; /*border-left:1px solid #a59f97; border-right:1px solid #a59f97;*/}
.nav li a{ display:block; height:49px; line-height:49px; font-weight:500; margin-right:3px; text-decoration:none;  font-size:16px; color:#fff; text-align:center;  }
.nav li.first .nav-sub{ height:49px;}
.nav li.first:hover{ height:49px;line-height:49px;}
.nav li.navlast a{margin-right:0;}
.nav li:hover{ overflow:inherit; height:auto; }
.nav li:hover a{ color:#0081cc;}
.nav li.first ul.nav-sub{ min-height:49px; padding-bottom:0;}
.nav li ul.nav-sub{ min-height:370px; margin-right:3px;}
.nav li ul.nav-sub li{border:none; min-height:36px;}
.nav li ul.nav-sub li:hover{ border:none;}
.nav li ul.nav-sub li a{ display:block; border:none;  background:none; line-height:36px; height:auto;  color:#6d6e71;  }
.nav li ul.nav-sub li a:hover{ color:#0081cc;}
.nav li ul.nav-sub .sub-f{ height:47px; border:1px solid #a59f97; background:url(../images/tenyear/nav_libg.png) 0 0 repeat-x;}
.nav li ul.nav-sub .sub-f a{ line-height:47px; border-bottom:0; color:#fff;}
.nav li ul.nav-sub span{display:block;}
.nav li ul.nav-sub li a.yncenter{font-size: 14px; line-height: 18px; padding: 6px 0;}
.nav li ul.nav-sub li a{ margin:0 13px; border-bottom:1px solid #a59f97; }
.nav ul li.maintitle:hover{ height:auto;}
.nav ul li.maintitle:hover.bg0 ul.nav-sub a:hover{color:#fff; }
.nav ul li.maintitle:hover ul.nav-sub{ border:1px solid #a59f97;}
.nav ul li.maintitle:hover ul.nav-sub .sub-f{ border:none; background:#fff;}
.nav ul li.maintitle:hover ul.nav-sub .sub-f a{ border:none; height:49px; color:#6d6e71;}
.nav ul li.maintitle:hover ul.nav-sub .sub-f a:hover{ color:#0081cc;}
.nav ul li.maintitle:hover ul.nav-sub{ padding-bottom:10px;}
.nav ul li.first:hover ul.nav-sub{ padding-bottom:0;}
.nav ul li.first:hover ul.nav-sub .sub-f{ height:49px;}
.nav ul li.maintitle:hover.bg1 ul.nav-sub{background:url(../images/tenyear/nav_lihoverbg.jpg) -240px -263px no-repeat;}
.nav ul li.maintitle:hover.bg2 ul.nav-sub{background:url(../images/tenyear/nav_lihoverbg.jpg) -255px -555px no-repeat;}
.nav ul li.maintitle:hover.bg3 ul.nav-sub{background:url(../images/tenyear/nav_lihoverbg.jpg) -58px -272px no-repeat;}
.nav ul li.maintitle:hover.bg4 ul.nav-sub{background:url(../images/tenyear/nav_lihoverbg.jpg) -283px -303px no-repeat;}
.nav ul li.maintitle:hover.bg5 ul.nav-sub{background:url(../images/tenyear/nav_lihoverbg1.jpg) -85px -176px no-repeat;}
.nav ul li.navlast ul.nav-sub { margin-right:0;}

.headbox{ width: 1000px; margin: 0 auto; overflow: hidden;}
.blue{ max-width: 1700px; background-color: #0080af; height: 60px; margin: 0 auto;}
.headbox .phone{ padding-top: 33px; }
.headbox .phone b{ font-size: 16px; color: #0080af;}
.headbox .phone span{ display: block; font-size: 24px; line-height: 20px; color: #0080af;}

/*banner大图*/
.bannerbox{position: relative; height: 764px; max-width:1700px; margin: 0 auto; }
.banner-slideBox{  height:600px; overflow:hidden; position:relative;  }
.banner-slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner-slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:600px;}
.banner-slideBox .prev,
.banner-slideBox .next{ position:absolute; display: none; left:3%; top:50%; margin-top:-25px; width:32px; height:40px; background:url(../images/tenyear/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner-slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.banner-slideBox .prev:hover,
.banner-slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.bannerbox .bannerbtm{ position:absolute; bottom: 0;  width: 100%; z-index:9; background: url(../images/tenyear/bannerbg.png) top center no-repeat; height: 285px;}
.bannerbox .bannerbtm .ewmbox{ position: relative; width: 1000px; margin: 0 auto; top: -12px;}
.bannerbox .bannerbtm .ewmbox .ewm{ position: absolute; right: 257px; z-index: 10; width: 141px; height: 141px; background: url(../images/tenyear/share_icon.png) -160px 0 no-repeat;}
.bannerbox .bannerbtm .ewmbox .tenyear{ position: absolute; right: 257px; z-index: 11; width: 141px; height: 141px; background: url(../images/tenyear/share_icon.png) 0 0 no-repeat;}
.bannerbox .bannerbtm .btm-b{ margin-top: 120px; text-align: center; background-color: #0080af;}
.bannerbox .bannerbtm .btm-b img{ display: inline-block;}

.bannerbox .banner1{background:url(../images/tenyear/banner1.jpg) top center no-repeat;}
.bannerbox .banner2{background:url(../images/tenyear/banner2.jpg) top center no-repeat;}
.bannerbox .banner3{background:url(../images/tenyear/banner3.jpg) top center no-repeat;}
.bannerbox .banner4{background:url(../images/tenyear/banner4.jpg) top center no-repeat;}

.content{ max-width:1700px; margin: 0 auto;}
.content h2{ width: 1088px; height: 128px; margin: 0 auto; padding: 0; overflow: hidden; border-bottom:1px solid #fff;}
.content h2 span.title{ display: block; width: 120px; height: 49px; margin-left: 44px; margin-top:35px; margin-bottom: 43px; background:url(../images/tenyear/share_icon.png) -678px -8px no-repeat;}
.content h2 .cont-hr{ float: right; width: 604px; color: #fff;}
.content h2 .cont-hr span{ display: block; font-size: 12px; padding-left: 10px; margin-top: 30px; background: url(../images/tenyear/share_icon.png) 0 -449px no-repeat;}
.content h2 .cont-hr strong {display: block; padding-top: 20px; font-size: 24px; font-weight: 500; }
.content h2 .cont-hr strong em{ padding-left: 25px; padding-right: 10px; margin-top: -2px; font-style: normal; font-weight: 700; background: url(../images/tenyear/share_icon.png) 5px -487px no-repeat; }



.content1{ position: relative;  overflow:inherit; background: url(../images/tenyear/cont1bg.png) 0 0 no-repeat; height: 630px;}
.content1 h2{ position: absolute; overflow:inherit; border-bottom: none; width: 602px; height: 43px; z-index: 99; line-height: 40px; font-size: 24px; top:-20px; letter-spacing: 20px;  left: 50%; margin-left: -301px; color: #fff; text-align: center; background: url(../images/tenyear/share_icon.png) -195px -495px no-repeat;}
.content1 .cont1-box,.content2 .cont2-box{ width: 1000px; margin: 0 auto;}
          .cont1-box .topline{ width: 1000px; height: 9px; background: url(../images/tenyear/cont1-top.png) top center no-repeat;}
          .cont1-box .bottomline{ width: 1000px; height: 9px; background: url(../images/tenyear/cont1-btm.png) top center no-repeat;}
		  .cont1-box ul { overflow: hidden; padding-top: 46px;}
          .cont1-box ul li{position: relative; float: left; width: 490px; height: 251px; overflow: hidden; margin-bottom: 23px;}
          .cont1-box ul li:hover{ background: url(../images/tenyear/share_icon.png) 0 -177px no-repeat;}
          .cont1-box ul li .del-l{ float: left; width: 228px; color: #fff; font-size: 16px; padding-left: 12px;}
          .cont1-box ul li .del-r{ float: right; width: 249px; padding-top:1px; padding-right:1px;}
          .cont1-box ul li .del-l p{text-indent: 0; line-height: 24px;}
          .cont1-box ul li .del-l span{ display: block; width: 48px; height: 8px; margin-top: 18px; margin-bottom: 4px; background-color: #fff; border-radius:4px; }
		  .cont1-box ul li .del-l strong{display: block; font-size: 18px;}
		  .cont1-box ul li .del-l small{ position: absolute; bottom: 0; height: 60px; line-height: 18px; display: block;  text-indent: 0;}
		  .cont1-box ul li .del-l small b{ float: left; display: block; width:8px;  height: 60px; background: url(../images/tenyear/share_icon.png) -322px 7px no-repeat;}

.content2{ background-color: #0080af; height: 561px;}
.content2 .cont2-box{ width: 1000px; margin: 0 auto; height: 432px; background: url(../images/tenyear/cont2bg.jpg) top center no-repeat;}
.content2 .cont2-box dl{ margin-left: 496px; padding-top: 101px;}
.content2 .cont2-box dl dt{ font-size: 20px; line-height: 18px; font-weight:700; color: #fff; padding-bottom: 5px;}
.content2 .cont2-box dl dd{ line-height: 28px; font-size: 15px; padding-bottom: 1px; color: #fff;}
.content2 .cont2-box dl dd.dd{ line-height: 22px; padding-top: 4px;}

.content3{ background: url(../images/tenyear/cont3bg.jpg) 0 0 no-repeat;}
.content3 h2 span.title{background-position: -678px -102px; }
.content3 .cont3-box{}
		  .cont3-box .slidebox1{ width: 1008px; height:760px; position:relative; margin: 44px auto; }
		  .cont3-box .slidebox1 .bd{ position:relative; width: 200%; height:100%; z-index:0;   }
		  .cont3-box .slidebox1 .bd .inner{ float: left; width: 1008px;}
		  .cont3-box .slidebox1 .bd dd{ float: left; width: 252px; height:350px; zoom:1; vertical-align:middle; padding-bottom: 50px;}
		  .cont3-box .slidebox1 .bd dd img{ display: inline-block; width: 200px; height: 200px; margin: 23px; cursor: pointer;}
		  .cont3-box .slidebox1 .bd dd span,.slidebox1 .bd dd strong{ display: block; text-indent: 0; text-align: center; color: #fff;}
		  .cont3-box .slidebox1 .bd dd span.docimg{ text-align: center; width: 252px; height: 252px; background: url(../images/tenyear/share_icon.png) -55px -548px no-repeat;}
	      .cont3-box .prev,
		  .cont3-box .next{ position:absolute; display: none; left:0; top:50%; margin-top:-25px; width:32px; height:40px; background:url(../images/tenyear/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		  .cont3-box .next{ left:auto; right:0; background-position:8px 5px; }
		  .cont3-box .prev:hover,
		  .cont3-box .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.content4{ background: url(../images/tenyear/cont4bg.jpg) 0 0 no-repeat; height: 563px;}
.content4 h2 span.title{background-position: -678px -200px; }
.content4 .cont4-box{ position: relative; width: 1008px; margin: 0 auto; padding: 65px 0 0 526px;}
.content4 .cont4-box ul{ text-indent: 0;}
.content4 .cont4-box ul li{ padding-left: 87px; font-size: 24px; height: 35px; line-height: 34px;  } 
.content4 .cont4-box ul li a{ color: #fff; text-decoration: none;}
.content4 .cont4-box ul li a strong{ padding-right: 10px;}
.content4 .cont4-box ul li.on{ background: url(../images/tenyear/share_icon.png) -56px -836px no-repeat; }
.content4 .cont4-box p{font-size: 26px; height: 35px; line-height: 34px; color: #fff;}
.content4 .cont4-box p a{ position: absolute; text-decoration: none; text-indent: 0; top:325px; left: 705px; color: #fff; }

.content5{ background: url(../images/tenyear/cont5bg.jpg) 0 0 no-repeat; height: 565px;}
.content5 h2 span.title{background-position: -678px -298px; }
.content5 .cont5-box{ width: 1001px; margin: 0 auto;}
		  .sideMenu{ width: 1001px; overflow:hidden; margin:50px 0; }
		  .sideMenu h3{ height:338px; cursor:pointer; width:150px;padding: 0; float:left; overflow:hidden; text-align: center;}
		  .sideMenu h3.cur{ width:248px;}
		  .sideMenu p{  height:533px;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd; width:0px; float:left;  }
		  .sideMenu h3 img{ display: inline-block;}
		  .sideMenu h3 span{ display: block; width: 185px; height: 72px; font-size: 14px; line-height: 24px; padding:  18px 33px 0 33px; color: #fff; background: url(../images/tenyear/share_icon.png) -488px -548px no-repeat;}

.content6{ background: url(../images/tenyear/cont6bg.jpg) 0 0 no-repeat; height: 598px;}
.content6 h2 span.title{background-position: -678px -397px; }
		 .cont6-box{ width: 1000px; margin: 0 auto; padding-top: 33px;}
		 .cont6-box ul li{ float: left; width: 302px; height: 175px; padding-top: 27px; text-align: center;}
		 .cont6-box ul li a:hover{ color: #fff;}
		 .cont6-box ul li.row2-1{ margin-left: 154px;}
		 .cont6-box ul li:hover{background: url(../images/tenyear/share_icon.png) 0px -924px no-repeat;}
		 .cont6-box ul li strong{ display: inline-block; text-indent: 0; text-align: center; width: 75px; height: 75px; padding-left: 10px; padding-top: 13px; font-size: 18px; color: #fff; background: url(../images/tenyear/share_icon.png) -370px 0 no-repeat;}
		 .cont6-box ul li span{ display: block; text-align: center;} 

.content7{ background: url(../images/tenyear/cont7bg.jpg) 0 0 no-repeat; height: 731px;}
.content7 h2{ border-bottom: none; height:36px; padding-top: 40px; margin-bottom: 26px; text-align: center; color: #fff;}
		 .slidebox2{ position: relative;}
 		 .slidebox2 .hd { position: relative; z-index: 99; width:90px; left: 50%; margin-left: -45px; top:-30px; }
		 .slidebox2 .hd ul li{ float: left; width: 10px; height:10px; margin-right: 5px; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
 		 .slidebox2 .hd ul li.on{ background-color:#0080af; }
 	     .slidebox2 .bd ul li{height: 630px;}
 		 .slidebox2 .bd ul li span{ display: block; text-align: center; padding-top: 558px; color: #fff;}

.content8{ background-color: #0080af; height: 1209px;}
.content8 h2{ border-bottom: none; height: 43px; line-height: 42px; margin-top: 40px; text-align: center; color: #fff; background: url(../images/tenyear/share_icon.png) center -1153px no-repeat;}
		  .cont8-box{ width: 1000px; overflow:hidden; margin: 0 auto; margin-top: 20px;}
		  .cont8-box ul{ width: 1014px;text-indent: 0;}
		  .cont8-box ul li{position: relative; float: left; overflow: hidden; width: 493px; height: 174px; margin-right: 14px; margin-bottom: 14px;}
		  .cont8-box .fl-box{ display:none; position: absolute; top: 0; left: 0; width: 493px; height: 174px; background: url(../images/tenyear/cont8-libg.png) 0 0 repeat;}
		  .cont8-box .fl-box strong{ float: left; display: block; width: 172px; font-size: 16px; color: #fff; height: 147px; padding: 28px 0 0 28px;}
		  .cont8-box .fl-box span.ry{ display: block; color: #fff; padding-top: 18px; font-size: 12px; line-height: 18px;}
		  .cont8-box .fl-box span.address{ position: absolute; display: block; z-index: 99; font-size: 12px; color: #fff; top: 125px; left: 200px;}
		  .cont8-box .hf span.address{ top: 110px;}

/*2.2 尾部*/
.footer{ max-width: 1700px; text-align: center; background-color: #0080af; margin: 0 auto;}
.footer p{text-align: center; margin-bottom: 0; text-indent: 0;}
.footer p img{ display: inline-block;}
.foot{ max-width:960px; margin:0 auto; padding:22px 0; color:#fff;
box-shadow: -6px 0px 6px rgba(183,183,184,0.8),0px 0px 0px rgba(224,224,222),0px 0px 0px rgba(207,207,205,0.8),6px 0px 6px rgba(183,183,184,0.8);
}
.foot .sub-nav{width:450px; margin:0 auto; margin-bottom: 15px; overflow:hidden;}
.foot .sub-nav li{ float:left;}
.foot .sub-nav li a{ padding:0 5px; line-height:28px; color:#fff;}
.foot p{ display:block; line-height:28px; text-align:center;color:#fff;}

