article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,iframe,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font-family:tahoma,Arial,"Microsoft YaHei",SimSun;font-size:12px;line-height:1.5em;color:#222}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
body{font:12px/140% Arial,"Microsoft YaHei",Helvetica,sans-serif,Verdana;color:#5a5a5a;position:relative;background-color:#fff;line-height: 1.2em;}
fieldset,img{border:0}
img{vertical-align:top}
address,caption,cite,dfn,em,optgroup,th,var{font-style:normal;font-weight:400}
article,aside,audio,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
li,ol,ul{list-style:none}
a{text-decoration:none;color:#5a5a5a}
a:hover{color:#0068B6}
a:active{color:#000}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
button,input,select{vertical-align:baseline;font-family:tahoma,\5b8b\4f53,arial;font-size:100%;border:none;background:0 0}
input[type=checkbox],input[type=radio]{vertical-align:middle;margin:0 5px}
input[type=text],input[type=password],textarea{outline-style:none;-webkit-appearance:none}
textarea{resize:none}
textarea{overflow:auto;font:100% tahoma,\5b8b\4f53,arial}
table{border-collapse:collapse;border-spacing:0}
*,:after,:before{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline: none;}
body{position: relative;}
body.hasbg{background: #F1F1F1;}
.divcontent *{width:100%}
.mineborder{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.5);-moz-box-shadow:0 2px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5)}
.fullwidth{width:100%}
.imagecontainer{width:100%;height:100%;display:table;table-layout:fixed}
.imagecontainer-tr{display:table-cell;vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fleft{float:left}
.fright{float:right}
.hovertobigger:hover{-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;color:#000}
.padbottom{padding-bottom:30px}
.maincolor{color:#0068B6;}
.mainbgcolor{background-color:#0068B6;color: white;}
.mainbgcolor:hover{background-color: #61AA31;}
.mainbgcolor.nohover:hover{background-color:#0068B6;}
.maxbox{width:1200px;max-width:95%;margin:30px auto;}
.maxbox.nomargin{margin:0 auto;}
.maxbox.pad{max-width:95%}
.maxbox.min{width:900px}
.textcenter{
	/* Center slide text vertically */
	text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.relative{position: relative;}
.header{height: 117px;position: relative;}
.header .bg{background: url(../images/menubg.png) repeat-x;height: 140px;width:100%;position: absolute;top:0;left:
	0;z-index: 1;}
.header .headerbox{z-index: 2;position: relative;}
.miniheader{text-align:center;display:none;z-index: 2;}
.miniheader{position:relative;letter-spacing:.3px;font-size:16px;font-weight:580;color:#0068B6;line-height:40px;width:100%;;padding:10px;overflow:hidden;background-color: white;}
.miniheader .logo{width: 100%;margin:0 auto;}
.miniheader .tel{position: absolute;top:10px;right:30px;line-height: 40px;}
.miniheader .tel img {
    margin-top: 10px;
    margin-right: 10px;
}
.miniheader .logo img{width: 120px;margin-top: -2px;}
.miniheader a{font-size: 20px;font-weight: bold;line-height: 40px;display:block;width:78px;height:40px;position:absolute;top:10px;left:8px;color: #0068B6;background:left center no-repeat transparent;background-image:url(../images/menu.png);padding-left: 30px;}
/*.miniheader a{background:center center no-repeat transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);display:block;width:40px;height:40px;position:absolute;top:0;left:10px}
.miniheader a.contacts{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==)}*/
.miniheader a.right{left:auto;right:10px}
.miniheader.mm-fixed-top+.content{background-position:25px 55px}
html.mm-opened.mm-zoom-menu body{background:white;}
html.mm-opened.mm-zoom-menu .mm-page{background-color:#fff}
body .mm-ismenu:hover,body .mm-ismenu{background-color:#0068B6;}

.menumini{display:none}
#menumini.mm-ismenu{color:#fff}
.topbar{height: 70px;}
.topbar .logo{position: absolute;left:0;top:0;z-index: 3;}
.topbar .logo img{height: 117px;width: auto;}
.topbar .topopr{text-align: right;color:white;padding-top: 15px;line-height: 25px;}
.topbar .topopr a{color:white;}
.topbar .topopr a:hover{color: #F7931E;}
.topbar .topopr .tel img {
    margin-top: 3px;
    margin-right: 10px;
}

.menu{font-size: 16px;text-align: right;padding-top: 2px;}
.menu ul{width:770px;float: right;}
.menu li{font-size: 16px;line-height: 20px;width:14.28%;text-align: center;
	background: url(../images/menuborder.png) no-repeat center right;line-height: 45px;padding-right: 2px;float: left;
}

.menu li a{color: white;width:100%;display:block;}
.menu li.active,.menu li:hover{background: url(../images/menuitem.png) repeat-x;font-weight: bold;}
/*.mm-menu.mm-offcanvas{z-index: 2147;}*/
@media only screen and (max-width:1200px){
	.topbar .logo{padding-left: 0;}
	.topbar .contact .contactitem{padding-left: 60px;}
	.menu ul{width:650px;}
	.menu li{font-size: 15px;}
}
@media only screen and (max-width:1024px){
	.menu ul{width:550px;}
}
@media only screen and (max-width:960px){
	.maxbox{margin: 20px auto;}
	.miniheader{display:block}
	.menu{display:none}
	.topbar{display: none;}
}
.showinpc{display: block;}
.showinmobile{display: none;}
@media only screen and (max-width:700px){
	.miniheader .logo{width: 100%;padding-left: 100px;}
	.miniheader .tel{display: none;}
	.showinpc{display: none;}
	.showinmobile{display: block;}
}
@media only screen and (max-width:320px){
	.maxbox{margin: 10px auto;}
}
.goup-container{background-color:#0178C2!important;z-index:5;border-radius:0!important;text-align: center;}
.goup-container:after{content:"Top";text-align: center;color: white;}
.goup-container .goup-arrow{padding-top: 5px!important;margin-bottom: 5px!important;}
.contact-form{margin:5em 0}
.contact-form h3{font-size:1.4em;line-height:3em}
.contact-form input[type=text]{display:inline-block;background:0 0;border:1px solid #A3A1A1;width:32%;margin:0;margin-bottom:1em;outline:0;font-size:16px;color:#747577;font-weight:500;padding:10px 15px 10px 15px}
.contact-form input[type=email]{display:inline-block;background:0 0;border:1px solid #A3A1A1;width:32%;margin:0 1.5%;margin:0 calc(2% - 4px);margin-bottom:1em;outline:0;font-size:16px;color:#747577;font-weight:500;padding:10px 15px 10px 15px}
@media only screen and (max-width:550px){.contact-form input[type=text],.contact-form input[type=email]{width:100%;margin:0 auto;margin-bottom:1em}
}
.contact-form textarea{background:0 0;border:1px solid #A3A1A1;width:100%;display:block;height:150px;outline:0;font-size:16px;color:#747577;font-weight:500;padding:10px 15px 10px 15px}
.contact-form input[type=submit]{background:#1BBC9B;border:1px solid #1BBC9B;padding:.6em 0;width:14%;margin-top:2em;font-size:16px;color:#fff;font-weight:400;letter-spacing:1px;outline:0;transition:.5s all}
.contact-form input[type=submit]:hover{color:#1BBC9B;background:0 0}
.contact-form p{font-size:1.5em;line-height:2em}
.fullpage{position:relative;width:100%;padding-top:1em;padding-bottom:3em;margin:0 auto}
.fullpage #map-image{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;opacity:.1;filter:alpha(opacity=10);overflow:hidden;z-index:-1}
.fullpage #map-image img{height:100%;width:100%}
.black-bg{background-color:#000;color:#fff;background-color:rgba(0,0,0,.7)}
.black-bg *{color:#fff}

.margintop2{margin-top:2em}
.container{position:relative;overflow: hidden;}
.seemore{font-size:1.3em;padding:10px 0;text-align:center;width:110px;margin:1em auto;background-color:#f0f8ff}
.seemore:hover{background-color:#c65a2e;background-color:rgba(198,90,46,.7);color:#fff;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}
.indent{text-indent:2em}
.max3line{
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.max4line{
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.max7line{
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.singleline{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.footer{color: white;}
.footer a{color: white;}
.footer a:hover{color: #0068B6;}
.footer .footerinfo{background-color:#30333A;}
.footer .footerinfo .box{width: 1000px;margin:0 auto;max-width: 95%;padding-top:40px;}
.footer .footerinfo .item{float: left;}
.footer .footerinfo .item.i1{width:12%;}
.footer .footerinfo .item.i2{width:45%;margin:0 4%;}
.footer .footerinfo .item.i2 .left{width: 40%;float:left;}
.footer .footerinfo .item.i2 .right{width: 57%;float:left;margin-left:3%;position: relative;padding-right: 53px;height:118px;}
.footer .footerinfo .item.i2 .right textarea{
	background: #1D2026;color: white;width: 100%;line-height: 35px;padding:0 1em;border:0;height: 100%;
}
.footer .footerinfo .item.i2 .right .submitbtn{position: absolute;width: 40px;top:0;right:0;height: 100%;background: #3BAFF7;color:white;line-height: 30px;cursor: pointer;line-height: 59px\9;padding:0;text-align: center;}
.footer .footerinfo .item.i2 .right .submitbtn:hover{background: #0068B6;}
.footer .footerinfo .item.i2 input{background: #1D2026;color: white;width: 100%;line-height: 35px;padding:0 1em;margin-bottom:7px;height:35px\9;}
.footer .footerinfo .item.i3{width:35%;}
.footer .footerinfo .item.i3 p{line-height: 30px;font-size: 13px;}
.footer .footerinfo .item.i3 p span{width:35px;font-size:14px;display: inline-block;}
.footer .footerinfo .item .itemtitle{font-size: 14px;line-height: 35px;}
.footer .footerinfo .item .itemtitle img{margin-right: 10px;margin-top: 7px;}
.footer .footerinfo .copyright{background-color: #b4b5b5;padding:15px 0;text-align: center;color: #231815;margin-top: 30px;}
.footer .footerinfo .line{border-bottom:2px dotted #1D2026;padding-top:30px}
.footer .footerinfo .tip{padding-top: 30px;font-size:14px;color:white;}
.footer .footerinfo .copyright a{color:#221814;}
.footer .footerinfo .copyright span{margin:0 20px;}
@media only screen and (max-width:960px){
	.footer .footerinfo .item.i1{width:20%;}
	.footer .footerinfo .item.i1 img{max-width: 120px;}
	.footer .footerinfo .item.i2{width:75%;margin:0;margin-left:5%;}
	.footer .footerinfo .item.i3{width:100%;float: none;}
	.footer .footerinfo .item.i3 p{width: 50%;float:left;}
	.footer .footerinfo .box{width: 680px;}
	.footer .footerinfo .copyright{margin-top:20px;}
	.footer .footerinfo .tip{padding-top: 20px;}
	.footer .footerinfo .line{padding-top: 20px;}
}
@media only screen and (max-width:800px){
	.hide1{display: none;}
	
}
@media only screen and (max-width:650px){
	.footer .footerinfo .item.i3 p{width: 100%;float:none;}
}
@media only screen and (max-width:550px){
	
	.footer .footerinfo .item.i2{display: none;}
	.footer .footerinfo .item.i3{width:70%;margin:0;margin-left:5%;float: left;}
	.footer .footerinfo .item.i1{width: 25%;}
}
@media only screen and (max-width:480px){
	.footer .footerinfo .item.i3{width: 72%;margin-left:3%;}
	.footer .footerinfo .item.i3 p{font-size:12px;line-height: 28px;}
	.footer .footerinfo .item.i3 p span{width:26px;font-size:13px;display: inline-block;}
	.footer .footerinfo .copyright span{display: block;}
	.footer .footerinfo  span.hide1,.footer .footerinfo  span.hide2{display: none;}
}
@media only screen and (max-width:450px){
	.footer .footerinfo .item.i3,.footer .footerinfo .item.i1{margin:0 auto;width:100%;float:none;max-width: 310px;}
	.footer .footerinfo .item.i1{display: none;}
}
@media only screen and (max-width:320px){
	.footer .footerinfo .item.i3 p{font-size: 10px;}
}
.indexmaxbox{width: 1000px;margin:40px auto;max-width: 95%;position: relative;}
.tcenter{text-align:center}

.mapbox{width:100%;height:100%;position:relative}
.mapbox .contentbox{width: 95%;margin:0 auto;}
.join_j_section{width:100%;height:100%}
.join_j_section .join_j_section_div{height:100%;width:100%;overflow:hidden;position:relative}
.join_j_section .join_j_section_div *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
#allmap{padding:0;margin:0;height:450px;overflow:hidden;position:relative}
#mappanel{float:none;width:100%;overflow:auto}
#mappanel *{width:100%}
@media only screen and (max-width: 960px){
	
	.header{position: fixed;top:0;z-index: 5;background: white;width: 100%;height: auto;background: none;}
	.header .bg{display: none;}
	body{padding-top: 60px;}
	#allmap{height:350px;}
}
.pagebox{text-align: center;margin:0 auto;margin-top: 28px;}
.pagebox ul li{
	display: inline-block;font-size: 14px;margin:0;vertical-align: top;
}
.pagebox ul li a{display: block;width: 100%;padding: 5px 12px;color:black;border: 1px solid #ccc;background-color: white;}

.pagebox ul li:hover a,.pagebox ul li.current a{color: white;background-color:#1D9AD7;}
@media only screen and (max-width:550px){
	#allmap{height:300px;}
	.pagebox ul li a{display: none;}
	.pagebox ul li a.first,.pagebox ul li a.prev,.pagebox ul li a.next,.pagebox ul li a.end,.pagebox ul li.current a{display: inline-block;}
}

.pagecontainer{position: relative;}
.pagecontainer .pageleft{width:23%;float: left;margin-right: 1%;}
.pagecontainer .pageleft .item{box-shadow: 3px 4px 10px rgba(90, 100, 100, 0.3);margin-bottom: 30px;border-radius: 5px 5px 0 0;}
.pagecontainer .pageleft .item.last{margin-bottom: 0;}
.pagecontainer .pageleft .item .itemtitle{background: #1D9AD7;color:white;line-height: 44px;height: 44px;font-size:18px;padding-left: 2em;border-radius: 5px;}
.pagecontainer .pageleft .item,.pagecontainer .pageright{background: white;}
.pagecontainer .pageleft .item.submenu{background: #E2EDFF;}
.pagecontainer .pageleft .item.submenu ul{padding-bottom:20px;}
.pagecontainer .pageleft .item.submenu li{line-height: 20px;text-align: center;color:#4D4D4D;padding:20px 0;font-size: 16px;cursor: pointer;}
.pagecontainer .pageleft .item.submenu li:hover,.pagecontainer .pageleft .item.submenu li.active{background: #E6E6E6;color: #1B1464;}
.pagecontainer .pageleft .item.submenu li .icon{display: inline-block;width: 20px;height:20px;background: #F7931E;vertical-align: top;margin-right: 10px;}
.pagecontainer .pageleft .item.contact{padding-bottom: 20px;}
.pagecontainer .pageleft .item.contact p.black{padding:10px 18px;font-size:12px;color:black;line-height: 20px;}
.pagecontainer .pageleft .item.contact p.contactitem{padding:0px 18px;font-size:12px;color:#666666;line-height: 20px;}
.pagecontainer .pageright{width:76%;float: left;box-shadow: 3px 4px 10px rgba(90, 100, 100, 0.3);min-height: 757px;height:757px\9;border-radius: 5px 5px 0 0;}
.pagecontainer.s .pageright{min-height: 689px;height:689px\9;}
.pagecontainer.ss .pageright{min-height: 629px;height:629px\9;}

.pagecontainer.hasback .pageleft .item.contact,.pagecontainer.hasback .pageright{background: #F2F2F2;}
.pagecontainer .pageright .pagecontent{padding:30px;font-size: 14px;line-height: 25px;}
.pagecontainer .pageright .pagecontent img{width: 100%;margin-bottom: 1em;}
.contenttitle{border-bottom:3px solid #F7931E;line-height:40px;width:100%;position:relative;}
.contenttitle .titlename{color:white;font-size:14px;display: inline-block;background: #F7931E;padding:0 20px;vertical-align: top;border-radius: 5px 5px 0 0;}
.contenttitle .titlelink{position:absolute;right:0px;top:0;color: #808080;padding-right: 10px;font-size: 12px;}
.contenttitle .titlelink a{color:#808080;}
.contenttitle .titlelink a:hover{color: #F7931E;}
@media only screen and (max-width:960px){
	.pagecontainer .pageleft{display: none;}
	.pagecontainer .pageright{width: 100%;float: none;min-height: 0!important;height:auto!important;}
}
@media only screen and (max-width:550px){
	.maxbox{max-width: 100%;}
	.contenttitle{line-height: 35px;}
	.contenttitle .titlename{padding:0 10px}
	.pagecontainer .pageright .pagecontent{padding:20px;}
}
@media only screen and (max-width:400px){
	.contenttitle .titlename{font-size: 13px;}
	.contenttitle .titlelink{font-size: 12px;}
	.pagecontainer .pageright .pagecontent{padding:10px;font-size:12px;line-height: 20px;}
}