/* Common */
@font-face {font-family:"HN_Th"; src:url('../style/HelveticaNeueLTStd-Th.eot'); src:local('☺'), url('../style/HelveticaNeueLTStd-Th.eot?#iefix') format("embedded-opentype"), url('../style/HelveticaNeueLTStd-Th.woff') format("woff"), url('../style/HelveticaNeueLTStd-Th.ttf') format("truetype"); }


body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:12px;font-family: "Microsoft Yahei", Arial;}
body{color:#555;line-height: 2.3em}

.bodybg{background:#eeeeee}
html{display:block;}

img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;cursor:pointer;color:#555}
a:hover{text-decoration:none;color:#0e468d}
a:active,a:focus, a:visited{text-decoration:none}
table {border-collapse:collapse}
h2,h3,h4{font-weight:normal;}
legend, hr, table caption  {display:none;}
label {vertical-align:middle;color:#666}
img {margin:0px;padding:0px;vertical-align:middle;}
/*input {padding-top:2px;height:18px;}*/
select {margin:0px;height:22px; vertical-align:middle; font-size: 1em;border:1px solid #bbbbbb;}
select option {vertical-align:3px}
*:first-child+html select {margin-top:2px;}
.skip{display:none;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0}
.skip:hover,.skip:active,.skip:focus{width:100%;height:auto;margin:0;padding:5px 0;font-weight:bold;font-size:12px;font-family:Tahoma;line-height:1;color:#666;text-decoration:none !important;text-indent:10px}
.ellips{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-align:left; }
.blind {font-size:0;height:0;left:0;line-height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;width:0;}
.clear{clear:both;}
/* layout */


.viewpro{position:absolute;right:0;top:40px;}
.viewpro a{background:#0e468d;color:#fff;font-size:16px;line-height:2.5em;padding:0 30px;display:inline-block;}
	.viewpro a:hover{background:#ff6600}

#bg { position: fixed; top: 0; left: 0;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.location{line-height:54px;font-size:12px;color:#aaa;margin:auto;background:#eee;max-width: 1800px;}
	.location a{color:#aaa;}
	.location a:hover{color:#d49021;}
	.location span { display:inline-block}
	





.prolist ul{overflow: hidden;margin-bottom:40px;}		
.prolist li{display:inline-block;width:31%;max-height:25%;padding:1%;}
.prolist li img{width:100%;}
.prolist a{display: block;}
.prolist li h3{line-height:2em;padding:1em;background:#eee;text-align: center;}	
		


.downlist{line-height:3em}
	.downlist dl dt{font-size:16px;color:#044b91;}
	.downlist dl dd{margin-bottom:1.5em;}
	.downlist ul li{border-bottom:1px solid #eee; background:url(../images/arrow.jpg) no-repeat -26px -95px;padding:0 10px 0 20px;}
	.downlist ul li span{float:right;}

#marquee2{width:740px;height:40px;overflow:hidden;}
	#marquee2 ul li{float:left; padding:0 30px; font-size:14px;color:#013c74;font-weight:bold;}

.icons{}
	.icons ul{ overflow:hidden;padding:40px 0;}
	.icons li{float:left;width:25%;background:url(../images/line.png) no-repeat right center;}
	.icons .itit{height:40px; overflow:hidden; position:relative}
	.icons .itit div{ position:absolute;width:100%;top:-40px;left:0;}
	.icons .itit h2{text-align:center;font-size:18px;color:#fff;line-height:40px;height:40px;}
	.icons .itit .fontr{color:#F60 !important}
	.icons .ico{width:109px;height:109px;margin:0 auto 20px auto;overflow:hidden;position:relative;}
	.icons .ico img{ position:absolute;left:0;top:0;}



		


.index_pro{padding:60px 0;}
.idx_pro1{display: block;}
.idx_pro2{display: none;position: relative;}
.roundabout-holder{width:900px;height:332px;margin:0 auto;}
.roundabout-moveable-item{width:296px;height:332px;}
.roundabout-moveable-item img{width:100%;}
.roundabout-in-focus{}

.idx_pro2{ position: relative; margin:70px auto; padding:0;max-width:1000px;}
.ixwk-prev,.ixwk-next{ cursor:pointer; width:57px; height:57px; top:30px;  position:absolute; background-repeat:no-repeat; background-image:url(../images/arrow.jpg); z-index:200; transition:300ms; -webkit-transition:300ms;}
.ixwk-prev{ right:70px;background-position:0 -57px; }
.ixwk-next{ right:0; background-position:-67px -57px; }
.ixwk-prev:hover{ background-position:0 0; }
.ixwk-next:hover{ background-position:-67px 0; }

.idx_pro2 ul li{padding:0 10px;}
  .idx_pro2 a{
	display:inline-block;
	color:#555;
	width:100%;
	}
.idx_pro2 .pic{
	width:100%;
	overflow:hidden;
	position:relative;
	}
.idx_pro2 .pic img{
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	}
.idx_pro2 .bodr{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:2px solid #013c74;
	transition:300ms;
	-webkit-transition:300ms;
	opacity:0;
	display:none\9;
	}
.idx_pro2 .title{
	padding:10px 0;
	padding-left:30px;
	position:relative;
	background:#d49021;
	transition:background 300ms;
	-webkit-transition:background 300ms;
	overflow:hidden;
	}
.idx_pro2 .title .ch {
	font-size:16px;
	white-space:nowrap;
	overflow:hidden;
	color:#625211;
	}

.idx_pro2 .title .line{
	display:block;
	background:#d49021;
	position:absolute;
	transition:300ms;
	-webkit-transition:300ms;
	}
.idx_pro2 .title .line_1{
	width:24px;
	height:1px;
	top:50%;
	right:30px;
	margin-top:-1px;
	transform:translateX(30px);
	-webkit-transform:translateX(30px);
	}
.idx_pro2 .title .line_2{
	width:1px;
	height:24px;
	top:50%;
	margin-top:-12px;
	right:42px;
	transform:translateY(30px);
	-webkit-transform:translateY(30px);
	}
.idx_pro2 a:hover .bodr{
	opacity:1;
	display:block\9;
	}
.idx_pro2 a:hover .pic img{
	transform:scale(1.09);
	-webkit-transform:scale(1.09);
	}
.idx_pro2 a:hover .title{
	background:#013c74;
	}
.idx_pro2 a:hover .title .ch{
	color:#fff;
	}
.idx_pro2 a:hover .title .en{
	color:#fff;
	}
.idx_pro2 a:hover .title .line{
	background:#fff;
	transform:translate(0);
	-webkit-transform:translate(0);
	}


.index_about{background: url(../images/about_bg.jpg) no-repeat center center; background-size: cover; color:#fff;max-width:1500px;margin: auto;min-height:344px;
}
.index_about a{color:#fff;}
.index_about a:hover{color:#d49021;}
.index_about .container{padding:160px 0 50px;max-width:800px;text-align:center;}

.links{margin-top:20px;}
.links a{position: relative;display:inline-block;color:#d49021;font-size:16px;padding:5px 20px;margin:0 10px;transition:150ms;}
.links a:hover{color:#fff;}
.idx_line{
	display:block;
	background:#d49021;
	position:absolute;
	transition:150ms;
	transition-timing-function:linear;
	}
.idx_line_1{
	width:100%;
	height:1px;
	right:0;
	bottom:0;
	transition-delay:300ms;
	}
.idx_line_2{
	width:1px;
	height:0;
	right:0;
	bottom:0;
	transition-delay:300ms;
	}
.idx_line_3{
	width:0;
	height:1px;
	right:0;
	top:0;
	transition-delay:150ms;
	}
.idx_line_4{
	width:1px;
	height:0;
	left:0;
	top:0;
	transition-delay:150ms;
	}

	.idx_line_5{
	width:0;
	height:1px;
	left:0;
	bottom:0;
	transition-delay:100ms;
	}


.links a:hover .idx_line{ background:#fff; } 
.links a:hover .idx_line_5{ width:100%; transition-delay:50ms; z-index:5; } 

.links a:hover .idx_line_2{ height:100%; transition-delay:100ms; } 

.links a:hover .idx_line_3{ width:100%; transition-delay:150ms; } 
.links a:hover .idx_line_4{ height:100%; transition-delay:250ms; } 


		
.page_con{position: relative;}
.page_tit .ch{font-size:25px;color:#00366b;}
.page_tit .en{font-size:50px;color:#eee; font-family:"HN_Th"; text-transform: uppercase;line-height: 1em}
.pbanner .page_tit .en{font-size:25px;}
.pbanner .page_tit .ch{color:#fff;font-size:45px;line-height: 1.5em;}
.page_tit .en strong{color:#888;}
.page_tit .line{height: 1px;width:40px; background:#d49021; display: inline-block;}
.pbanner .page_tit .line{background:#fff;height:2px;}
.page_con .txts{margin-top:40px;}
.page_con .txts p:first-child{margin-right:6%;}
.page_con .txts p{width:47%;float:left;}
.page_con .txts1{width:70%;float:right;}
.page_con .txts p strong{display: block;font-size:16px;margin-top:10px;color:#013c74;line-height:2.5em;}
.ser_con .cul1 .pics{margin:0;}
.ser_con .cul1 dd{float:left;width:32%;}
.ser_con .cul1 .mid{margin:0 2%;}
.ser_con .cul1 dd .tt1{background:#d49021;color:#fff;padding:10%;font-size:14px;}
.ser_con .cul1 dd .tt1 strong{display: block;font-size:16px;line-height: 3em;}
.page_con .vbtn{float:right;width:15%;margin-top:-35px;}
.vbtn a{background: #d49021;border: 1px solid #d49021;color:#fff;font-size: 16px;text-align: center; line-height:2.2em;display: block;}
.vbtn a:hover{background: #fff;color:#d49021;border: 1px solid #d49021;}
.prolist .vbtn{width:20%;margin:0 auto;}

.contact_con dd{ overflow: hidden;font-size:14px;line-height: 30px;margin-bottom:4%;}

.contact_icos .icos{width:30px;height:30px;border-radius: 50%; border:1px solid #ddd;background-size: 80%;display: inline-block;float:left; background-position: center center; background-repeat: no-repeat;}
.contact_icos .ico1{background-image:url(../images/c1.jpg);}
.contact_icos .ico2,.contact_icos .ico4{background-image:url(../images/c2.jpg);}
.contact_icos .ico3{background-image:url(../images/c3.jpg);}
.contact_icos .ico5{background-image:url(../images/c4.jpg);}
.contact_icos .ico_t{color:#d49021;margin-left:2%;}

.h1{height:163px;}
.h2{height:103px;}



.da-thumbs li a,.da-thumbs li a img { display: block; position: relative;}
.da-thumbs li a { overflow: hidden;}
.da-thumbs li a div { position: absolute; background:url(../images/bg.png); width: 100%; height:100%; overflow:hidden; /*opacity:.8; filter:alpha(opacity=80);*/}
.da-thumbs li a div.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.da-thumbs li a h2{color:#fff;text-align:center;height:30px;line-height:30px;background:url(../images/arrow.png) no-repeat bottom center;padding-bottom:70px;font-size:25px;font-weight:normal;position:absolute;top:50%;margin-top:-50px;width:100%;}
/* Initial state classes: */
.da-slideFromTop { left: 0px; top: -100%;}
.da-slideFromBottom { left: 0px; top: 100%;}
.da-slideFromLeft { top: 0px; left: -100%;}
.da-slideFromRight { top: 0px; left: 100%;}
/* Final state classes: */
.da-slideTop { top: 0px;}
.da-slideLeft { left: 0px;}
.da-thumbs li a div span { display: block;position: relative;}


	
.plist{}
	.plist li{float:left;width:25%; text-align:center;height:280px;}
	.plist li a h3{ background:#fff;width:189px;margin:auto;font-weight:normal;line-height:2.5em;}
		.plist li a:hover h3{color:#1965ac;}
	.plist li a span{ background:url(../images/arrow.gif) no-repeat 60px -63px #05a1eb;color:#fff;display:inline-block;padding:0 25px 0 5px;}
	.plist li a:hover span{background-color:#0054a3;background-position:60px 5px;color:#fff}

.text_r{text-align:right}
.footer{padding:20px 0;color:#fff;line-height:1.8em;max-width: 1800px;margin:auto;border-top:1px solid #eee;}
  .idx_copy{max-width:1000px;overflow: hidden;margin: auto}
  .idx_copy .dd {float:left;}
  .idx_copy .dd.dd_1{width:50%;}
  .idx_copy .dd ul{overflow: hidden;}
  .idx_copy .dd.dd_2{float:right;color:#aaa;line-height: 1.5em;text-align: right;padding-top:10px;}
.idx_copy .p2{display: none;}



.scrollbox{ width: 670px; overflow: hidden; position:relative}
#scrollDiv{width:600px;height:70px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:70px;line-height:70px;overflow:hidden;  zoom:1;}
		#scrollDiv ul li span{float:left;display:inline-block;margin:20px 10px 20px 0;line-height:30px;height:30px;}
		#scrollDiv ul li .li2{color:#aaa;}
		#scrollDiv ul li .li44 a,#scrollDiv  ul li .li45 a{display:block;color:#fff;padding:0 10px;}
		#scrollDiv ul li .li44 a{background:#0e468d;}
		#scrollDiv ul li .li45 a{background:#3097d9;}




.scroltit{ height:26px; line-height:26px; position:absolute;top:0;right:0;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{width:50px;height:35px;background:url(../images/arrow.png) no-repeat}
#but_up{ background-position:0 -40px; text-indent:-9999px}
#but_down{ background-position:0 5px; text-indent:-9999px}

	


.header{width:100%;margin:auto;height:100px;background: #fff;z-index:900;}	
.header .container{position:relative;height:100px;z-index:950;}
.mtop{height:100px;}
.header.pos{top:0; bottom:auto; position:fixed;box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.3);}




.logo{ position: absolute;left: 0;top:0; width:221px;height:98px;}
.logo img{width:100%;}



.header .nav{ float:left; position:absolute; top:0;right:0;}
.header .nav li{ float:left; position:relative; }
.header .nav a{ display:block; color:#505050; line-height:100px; font-size:14px; padding:0 20px; }
.header .nav li:hover > a,.header .nav li.act > a{ background:#d49021; color:#fff; }
.header .nav .twonav{ position:absolute; top:100px; left:0; right:0; background:#d49021; padding:10px 0 20px 0; display:none; width:150px;}
.header .nav .twonav ul li{float: none;}
.header .nav .twonav a{ text-align:center; display:block; color:#fff; font-size:14px; line-height:1.4; padding:8px 5px;letter-spacing:-1px; }
.header .nav .twonav a:hover{ background:#00366b; }

/* menuBtn */
.menu-handler { transition:300ms; -webkit-transition:300ms; width: 58px; height: 58px; cursor: pointer; display: none; background-color: #d49021; position:fixed; top:0; right:0; z-index:1008; }
.menu-handler .burger { width: 24px; height: 2px; border-radius:2px; background: #fff; display: block; position: absolute; z-index: 5; top: 20px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.csstransforms .menu-handler.active{ background-color:transparent; }
.csstransforms .menu-handler.active .burger{ background:#d49021; }
.csstransforms .menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.csstransforms .menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms .trans, .csstransforms .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransforms .trans-fast, .csstransforms .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 { display: none; }
.no-csstransforms .menu-handler.active { background: url(../images/mob_close.png) no-repeat scroll center center; }
/* menuBtn end */

/* menuBox end */
.menuBox { position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1006; background-color: #fff; }
.navMobile { padding:20% }
.navMobile dd { display: block; width: 100%; text-align: center; border-bottom:1px solid #eee;}
.navMobile dd h3 a { text-transform: uppercase; font-size: 18px; position: relative; }
.navMobile dd a { display: block; padding: 12px 0px; line-height: 2; font-size: 14px; color: #013e77; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.navMobile dd a:active,.navMobile dd a:hover, .navMobile dd h3 a.cur { color: #013c74; }
.mlogo{ width:158px; display:block; position:absolute; left:5%; top:1%;  }
.mlogo img{ width:100%; } 
.menuBox .tool{ text-align:center; font-size:0; background:#013c74; padding:35px 0; }
.menuBox .tool a { display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; background:none; color:#fff; width:40px; height:40px; border:1px solid #fff; border-radius:100%; margin:0 10px; line-height:40px; text-transform:uppercase; }
.menuBox .tool a:hover .ntx{ transform:translateY(-3px); -webkit-transform:translateY(-3px); }
.too2{ text-align:center; margin-top:10%; }
.too2 a{ background:none; color:#646464; margin:0 20px; }
.too2 a:hover{ color:#fff； }
.menuBox .twonav{ background:#013e77; display:none; }
.menuBox .twonav a{ display:block; font-size:14px; line-height:2;  color:#fff; }
.menuBox .twonav a:hover{ background:#d49021; color:#fff; }
/* menuBox end */


.container{width:1000px;margin:auto;}
	
.pt{padding:60px 0;
}
	

.nlist{}
.nlist ul li {clear:both;}
.nlist ul li a{display: block;padding:4%;overflow:hidden;border-bottom:1px solid #eee; position: relative;}
.nlist ul li .date1{font-size:40px;border:1px solid #d49021;color:#d49021;font-family:"HN_Th";padding:20px 10px;float:left;margin-right:40px;}
.nlist ul li .tit3{color:#aaa;font-size:12px;}
.nlist ul li .tit3 h3{color:#777;font-size:14px;}
.nlist ul li a span.arrow{position: absolute;top:50%;display: block;width: 40px;height: 40px;margin-top:-20px;right:4%;background:url(../images/arrow1.png);}
.nlist ul li a:hover{background:#fafafa;}
.nlist ul li a:hover .tit3 h3{color:#013c74;}
.nlist ul li a:hover .date1{color:#fff;background:#d49021;}
.nlist ul li a:hover span.arrow{right:3%;}

.p_l{float:left;width:330px;}
.p_r{float:right;width:630px;}
	.p_l ul{overflow:hidden;}
		.p_l ul li{line-height:49px;margin-bottom:1px;}
		.p_l ul li a{color:#00366b;display:block;text-align:center;font-size:14px;background: #d49021;}
		.p_l ul li a:hover,.p_l ul .current a{ background:#013c74;color:#fff;}

.pd{padding:5%;}

.bg1{background:#f1f1f1;}
.bg2{background:url(../images/bg2.jpg) no-repeat top center #003d77;color:#fff;}
.co dl{width:47%;float:left;}
.co dl:first-child{margin-right:6%;}
.about_con .cul dd,.pro_con .cul dd{overflow: hidden;margin-bottom:20px;font-size:16px;}
.pro_con .cul dd{font-size:12px;}
.about_con .cul dd strong{font-size:18px;color:#fff;background:#d49021; width:10%;float:left;display: inline-block;padding:3%;margin-right:5%;text-align: center;}
.pro_con .cul dd span{font-size:20px;width:10%; text-align: center; float:left;display: inline-block;margin-right:5%;}
.bg1 .cul dd span{background: #d49021;color:#fff;}
.bg2 .cul dd span{background:#fff;color:#003d77;}


.ptit{font-size:18px;margin-bottom: 30px}
.about_con .cul dd div,.pro_con .cul dd p{display:table-cell; *display:inline-block; vertical-align: middle; }
.page_con .pics{
	width:100%;
	overflow:hidden;
	}

.about_con .pics,.pro_con .pics{margin:60px 0;}
.bg2 .pics{margin:0;}
.mar_con .pics{text-align:center;padding-top:5%;}
.mar_con .p_l{border:1px solid #d49021;}
.mar_con .p_l p{padding:10%;font-size:16px;}

.page_con .pics img{
	width:100%;
	margin:auto;
	transition:600ms;
	-webkit-transition:600ms;
	}
.page_con .pics:hover img{
	transform:scale(1.09);
	-webkit-transform:scale(1.09);
}

.join-dl { color: #555; width: 100%; margin: 0px auto; }
.join-dl dt { cursor: pointer; position: relative; padding: 20px; border-bottom: 1px solid #e6e6e6; height: 30px; position: relative; overflow: hidden; font: 14px/2 "microsoft yahei"; }
.join-dl dt .joico { width: 15px; height: 15px; position: absolute; right: 20px; top: 28px; font-size: 15px; }
.join-dl dt .name { font-size: 16px; display: block;}
.join-dl dt .joico .line1 { width: 15px; height: 3px; overflow: hidden; background: #aaa; position: absolute; left: 0; top: 6px; transition: 400ms; }
.join-dl dt .joico .line2 { width: 3px; height: 15px; overflow: hidden; background: #aaa; position: absolute; left: 6px; top: 0; transition: 400ms; }
.join-dl dt .joico .line3 { width: 15px; height: 3px; overflow: hidden; background: #aaa; position: absolute; left: 50px; top: 6px; opacity: 0; filter: alpha(opacity=0); transition: 400ms; }
.join-dl dt.joinact .line1 { left: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line2 { top: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line3 { left: 0px; opacity: 1; filter: alpha(opacity=100); background-color: #fff; }
.join-dd { padding: 28px 20px 40px; display: none; color: #555; font-size: 14px; line-height: 1.5; background-color: #fafafa; border-bottom: 1px solid #e6e6e6; }
.join-dd div{margin-bottom:40px;}
.join-dl dt.joinact { background-color: #d49021;; color: #fff; }




	

.pbanner{height:180px;padding-top:20px;margin:auto;background-size: cover; background-position: center; background-repeat: no-repeat; max-width:1800px;}
.top_bg1{background-image: url(../images/pbanner.jpg);}
.top_bg2{background-image: url(../images/pbanner2.jpg)}
.top_bg3{background-image: url(../images/pbanner3.jpg)}
.top_bg4{background-image: url(../images/pbanner4.jpg)}
.top_bg5{background-image: url(../images/pbanner5.jpg)}
.top_bg6{background-image: url(../images/pbanner6.jpg)}

.banner{ position: relative; overflow: hidden;max-width:1800px;margin:auto; background-color: #ddd;}

.banner .item{ position: relative; width: 100%; height: 100%; overflow:hidden;}
.banner .pic,.banner .pic_m{ width: 100%; height: 100%; position: absolute; background-repeat:no-repeat; background-position: center center; background-size: cover; }
.banner .pic_m{display:none;}
.banner .pic .pimg{ width: 100%; display: block; opacity: 1;  transition:transform 5s ease 0s, opacity 2s ease 0s;}
.banner .imgIn .pimg{ opacity: 1; transform:matrix(1.1, 0, 0, 1.1, 0, 0);}

.bannerText{ position: absolute; top: 30%; left:0; right:0; color:#fff; }
.bannerText .tx1{ max-width:100%; margin:0 auto; }
.bannerText .tx2{ text-align:center; margin-top:35px; }
.banner .amore{ margin-top:5.8%; }
.banner .amore:hover{ color:#b42c2c; }
.amore:hover .aline_1,
.amore:hover .aline_3{ width:100%; }
.amore:hover .aline_2,
.amore:hover .aline_4{ height:100%; }
.batxhide .tx,
.batxhide .amore{ transition:600ms; -webkit-transition:600ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; transform:translateY(80px); -webkit-transform:translateY(80px); opacity:0; }
.batxhide .tx2{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.batxhide .amore{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.batxshow .tx,
.batxshow .amore{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; }
.banner .bx-wrapper .bx-pager,.pbanner .bx-wrapper .bx-pager{ height: 9px; bottom: 40px; padding-top: 0px; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; line-height: 9px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a,.pbanner .bx-wrapper .bx-pager.bx-default-pager a{ height: 9px; line-height: 9px; width: 9px; margin: 0px 9px; display: inline-block; overflow: hidden; background: url(../images/num_21.png) no-repeat scroll center center; cursor: pointer;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active,.pbanner .bx-wrapper .bx-pager.bx-default-pager a:hover,.pbanner .bx-wrapper .bx-pager.bx-default-pager a.active{ background: url(../images/num_2.png) no-repeat scroll center center;}


		

.idx_title{margin-bottom: 30px}
	.idx_title .line{background: #d49021;height: 2px;width:50px;margin-bottom:20px; display: inline-block;}
	.idx_title .en{font-size: 70px;font-family:"HN_Th";color:#ddd; text-transform: uppercase;line-height: 1em}
	.idx_title .ch{font-size:25px;color:#555;}
	

	

.newsbg{}
	.newstit{text-align:center;border-bottom:1px solid #eee;color:#aaa;padding:20px 0;}
	.newstit h1{font-weight:normal;font-size:14px;color:#555;}
	.ncon{padding:20px 0;}

.pbigpic{text-align:center;padding:40px;}	
.pdes{border-bottom:1px solid #eee;border-top:1px solid #eee;padding:20px 0;margin-bottom:40px;line-height:2.5em;}	
.hlist{}
	.hlist td{text-align:center;padding-bottom:11px;}
	.hlist td h3{line-height:3em;font-size:14px;}	
	.hlist .m{padding:0 11px 11px 11px}

.page1{overflow:hidden;text-align:center;}
	.page1 li{display:inline-block;margin:0 10px;}
	.page1 li a{display:inline-block;color:#fff;line-height:2.5em;font-size:14px;background:#333;padding:0 15px;}
	.page1 li a:hover{background:#d49021}			

/*翻页-------------------------------------------------------------------*/
.page { text-align: center;margin:40px 0; }
	.page *{vertical-align:middle;}
	.page span{display:inline-block; margin: 0 0 0 5px;display:inline-block;line-height:35px;height:35px;width:35px;}
	.page span.current{background:#d49021;color:#fff;border:1px solid #d49021;}
	.page span a{display:block;width:100%;height:100%;color:#aaa;border:1px solid #eee;}
		.page span a:hover{background-color: #d49021;color:#fff;border:1px solid #d49021;}
		.page .first a,.page .prev a,.page .next a,.page .last a{ background:url(../images/page.jpg) no-repeat}
		.page .first a{background-position:0 -37px;}
		.page .first a:hover{ background-position:0 -0; !important;}
		.page .prev a{ background-position:-37px -37px;}
		.page .prev a:hover{ background-position:-37px 0; !important;}
		.page .next a{ background-position:-74px -37px;}
		.page .next a:hover{ background-position:-74px 0; !important;}
		.page .last a{ background-position:-111px -37px;}
		.page .last a:hover{ background-position:-111px 0; !important;}



 
	



	

	

	
.meslist{}
.meslist dt{line-height: 4em;padding:0 20px; font-size:16px; overflow: hidden;}
.meslist dt .adddate{ float:right;font-size:12px;color:#aaa;}
.meslist dd{background: #ddd;padding:20px; }
.meslist .red{color: #d49021;}
	
	
.aform{padding-top:60px;width:100%;}
.aform ul li{margin-bottom:20px;}
.aform ul li.w30{float:left;width:32%;}
.aform ul li.w50{width:49%;float:left;}
.aform ul li.mid1{margin-right:2%;}
.aform ul li.mid{margin-left:2%; margin-right:2%;}
.aform ul li.w100{clear:both;}
.aform .tx{background:#fafafa;width:92%;padding:0 4%;color:#aaa;line-height: 3em;border:1px solid #eee;}
.aform .tarea{background:#fafafa;color:#aaa;width:96%;padding:2%; line-height:2em;border:1px solid #eee;}
.aform .tx:focus,.aform .tarea:focus{border:1px solid #d49021;}
.aform .tx.tx1{display:inline;width:20%;padding:0 2%;margin-right:2%;}
.aform .btn{font-size:16px;line-height:3em;text-align: center;color:#fff;background: #555;padding:0 8%;cursor: pointer;	transition:300ms;border:none;
	-webkit-transition:300ms;display: block;margin:50px auto 0;}
.aform .btn:hover{background: #d49021}

.aform .tits{border:1px solid #d49021; padding:20px;margin-bottom:40px;}
.aform .tits h2{color:#d49021;font-size:16px;}
			


.event_year { text-align:center;margin-bottom:20px;  overflow:hidden;}
.event_year li { height:40px;line-height:40px;background:#eee;font-size:18px;color:#222;cursor:pointer; float:left;padding:0 23px;}

.event_year li.current {background:#0e468d;}
	.event_year .current label{color:#fff; display:block;width:100%;height:100%; cursor:pointer}

.event_list { width:800px;float:right;background:url('../images/dian3.png') 139px 0 repeat-y;margin:10px 0 20px 0; }

.event_list h3 { margin:0 0 10px 132px;font-size:24px;color:#0e468d;padding-left:25px;background:url('../images/jian.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic; }
.event_list li { background:url('../images/jian.png') 136px -80px no-repeat; }
.event_list li span { width:127px;text-align:right;display:block;float:left;margin-top:10px; }
.event_list li p { width:630px;margin-left:24px;display:inline-block;padding-left:10px;background:url('../images/jian.png') -21px 0 no-repeat;line-height:25px;_float:left; }
.event_list li p span { width:580px;text-align:left;padding:10px 15px;background:#535353;color:#eee;margin:0; }




  
  .map{height:500px;}  



.ctas{padding:60px 0;}
.ctas li{
	width:25%;
	float:left;
	}
.ctas li .icob{
	width:65px;
	height:65px;
	background:#d49021;
	border-radius:100%;
	margin:0 auto;
	overflow:hidden;
	}
.ctas li .ico{
	display:block;
	background-position:center center;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
.ctas .cta1 .ico{
	background-image:url(../images/ctaico1.jpg);
	}
.ctas .cta2 .ico{
	background-image:url(../images/ctaico2.jpg);
	}
.ctas .cta3 .ico{
	background-image:url(../images/ctaico3.jpg);
	}
.ctas .cta4 .ico{
	background-image:url(../images/ctaico4.jpg);
	}
.ctas li .en{
	text-align:center;
	text-transform:uppercase;
	color:#b3b3b3;
	margin-top:7px;
	}
.ctas li .ch{
	text-align:center;
	margin-top:12px;
	}
.ctas li:hover .ico{
	transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	}