@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background:#fff; color:#555; font-size:12px; overflow-x:hidden; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#555; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#555; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#3786c7; text-decoration:none;}
img{border:none; max-width:100%;}
#clear{width:100%; height:0px; clear:both;}
h2{ font-size:24px; font-weight:blod; line-height:30px;}
h4{ font-size:14px; font-weight:blod; line-height:30px;}
p{line-height:28px;}


.se1{color:#f15a2e;}.se2{color:#006db1}
.left{float:left;}.right{float:right;}
.line35{line-height:35px;}.line40{line-height:40px;}.line50{line-height:50px;}.line60{line-height:60px;}.line70{line-height:70px;}
.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s18{font-size:18px;}.s20{font-size:20px;}.s22{font-size:22px;}.s24{font-size:24px;}.s26{font-size:26px;}.s28{font-size:28px;}.s30{font-size:30px;}.s32{font-size:32px;}.s34{font-size:34px;}.s36{font-size:36px;}.s38{font-size:38px;}.s40{font-size:40px;}



#lh10{ width:100%; height:10px;}#lh20{ width:100%; height:20px;}#lh30{ width:100%; height:30px;}#lh40{ width:100%; height:40px;}#lh50{ width:100%; height:50px;}
#lh60{ width:100%; height:60px;}
#lh70{ width:100%; height:70px;}
#lh80{ width:100%; height:80px;}
#lh90{ width:100%; height:90px;}
#lh100{ width:100%; height:100px;}



::selection {background:#23693a; color:#fff;}
::-moz-selection {background:#23693a; color:#fff;}
::-webkit-selection {background:#23693a; color:#fff;}




.bcon8{width:1200px; min-height:21px; margin:0 auto; line-height:21px; font-size:14px; margin-top:20px; margin-bottom:20px; box-sizing:border-box; padding-left:0px;}
.bcon8 a{margin:0px 5px 0px 5px;}












@media only screen and (min-width:1600px) {


.top{ width:100%; height:90px; background:rgba(255,255,255,0.4); -moz-box-shadow:0px 0px 15px #aaa; -webkit-box-shadow:0px 0px 15px #aaa; box-shadow:0px 0px 15px #aaa; position:absolute; top:0; left:0; z-index:888;}
.topc{ width:90%; height:90px; max-width:1475px; margin:0 auto; position:relative;}

.topcl{width:; height:90px; float:left;}
.topcl img{height:90px;}


/*menu*/
#menu { display:block; width:961px; float:right; height:70px; padding-top:10px; }

#nav {display:block; width:100%; height:70px; margin:0 auto;}
#nav .mainlevel {float:left; text-align:center; display:block; position:relative; z-index:80}
#nav .mainlevel a{ text-decoration:none; width:120px; text-align:center; line-height:70px;  color:#111; height:70px; display:block; font-size:18px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#3786c7; text-decoration:none; z-index:999}
#nav .mainlevel i{margin-left:6px; color:#888;}

#nav .mainlevel ul {position:absolute; display:none; margin-left:-90px; background:rgba(255,255,255,0.8); padding:20px 30px 30px 30px; z-index:9999; border-top:#3786c7 2px solid; border-radius:10px; -moz-box-shadow:0px 0px 20px #ddebfa; -webkit-box-shadow:0px 0px 20px #ddebfa; box-shadow:0px 0px 20px #ddebfa;}
#nav .mainlevel li {}
#nav .mainlevel li a {padding:0px; width:240px; text-align:left; color:#555; border-bottom:#aaa 1px dotted; font-size:14px; text-indent:0px; line-height:50px; height:50px; display:block;-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#nav .mainlevel li a:hover { text-decoration:underline; color:#3786c7; text-decoration:none; background:none;}



}











@media only screen and (min-width:1366px) and (max-width:1599px) {

.top{ width:100%; height:90px; background:rgba(255,255,255,0.4); -moz-box-shadow:0px 0px 15px #aaa; -webkit-box-shadow:0px 0px 15px #aaa; box-shadow:0px 0px 15px #aaa; position:absolute; top:0; left:0; z-index:888;}
.topc{ width:90%; height:90px; max-width:1475px; margin:0 auto; position:relative;}

.topcl{width:; height:80px; float:left; padding-top:5px;}
.topcl img{height:80px;}


/*menu*/
#menu { display:block; width:800px; float:right; height:70px; padding-top:10px; }

#nav {display:block; width:100%; height:70px; margin:0 auto;}
#nav .mainlevel {float:left; width:12.4%; text-align:center; display:block; position:relative; z-index:80}
#nav .mainlevel a{ text-decoration:none; width:100%; text-align:center; line-height:70px;  color:#111; height:70px; display:block; font-size:16px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#3786c7; text-decoration:none; z-index:999}
#nav .mainlevel i{margin-left:6px; color:#888;}

#nav .mainlevel ul {position:absolute; display:none; margin-left:-90px; background:rgba(255,255,255,0.8); padding:20px 30px 30px 30px; z-index:9999; border-top:#3786c7 2px solid; border-radius:10px; -moz-box-shadow:0px 0px 20px #ddebfa; -webkit-box-shadow:0px 0px 20px #ddebfa; box-shadow:0px 0px 20px #ddebfa;}
#nav .mainlevel li {}
#nav .mainlevel li a {padding:0px; width:240px; text-align:left; color:#555; border-bottom:#aaa 1px dotted; font-size:14px; text-indent:0px; line-height:50px; height:50px; display:block;-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#nav .mainlevel li a:hover { text-decoration:underline; color:#3786c7; text-decoration:none; background:none;}



}








@media only screen and (min-width:1200px) and (max-width:1365px) {

.top{ width:100%; height:80px; background:rgba(255,255,255,0.4); -moz-box-shadow:0px 0px 15px #aaa; -webkit-box-shadow:0px 0px 15px #aaa; box-shadow:0px 0px 15px #aaa; position:absolute; top:0; left:0; z-index:888;}
.topc{ width:90%; height:80px; max-width:1475px; margin:0 auto; position:relative;}

.topcl{width:; height:60px; float:left; padding-top:10px;}
.topcl img{height:60px;}


/*menu*/
#menu { display:block; width:750px; float:right; height:70px; padding-top:5px; }

#nav {display:block; width:100%; height:70px; margin:0 auto;}
#nav .mainlevel {float:left; width:12.4%; text-align:center; display:block; position:relative; z-index:80}
#nav .mainlevel a{ text-decoration:none; width:100%; text-align:center; line-height:70px;  color:#111; height:70px; display:block; font-size:16px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#3786c7; text-decoration:none; z-index:999}
#nav .mainlevel i{margin-left:6px; color:#888;}

#nav .mainlevel ul {position:absolute; display:none; margin-left:-90px; background:rgba(255,255,255,0.8); padding:20px 30px 30px 30px; z-index:9999; border-top:#3786c7 2px solid; border-radius:10px; -moz-box-shadow:0px 0px 20px #ddebfa; -webkit-box-shadow:0px 0px 20px #ddebfa; box-shadow:0px 0px 20px #ddebfa;}
#nav .mainlevel li {}
#nav .mainlevel li a {padding:0px; width:240px; text-align:left; color:#555; border-bottom:#aaa 1px dotted; font-size:14px; text-indent:0px; line-height:50px; height:50px; display:block;-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#nav .mainlevel li a:hover { text-decoration:underline; color:#3786c7; text-decoration:none; background:none;}



}






/*移动端导航开始*/

.webq_top_1 {position: static !important;}
#wap_nav{ display:none;}







@media only screen and (max-width: 1199px) {
.top{ display:none;}


	
#wap_nav{ display:block !important; }

.ftop{ display:block; width:100%; height:60px; padding:1px 0px 1px 0px; box-sizing:content-box; text-align:center; border-bottom:#2580bd 0px solid; overflow:hidden; background:rgba(255,255,255,0.4); background-size:100% auto; position: fixed; left:0; top:0; z-index:999;-moz-box-shadow:0px 0px 8px #888; -webkit-box-shadow:0px 0px 8px #888; box-shadow:0px 0px 8px #888; }
.ftop .left{margin-left:20px; float:left;}
.ftop .right{ width:100px; margin-right:10px; line-height:60px; float:right;}
.ftop .left img{height:50px; margin-top:5px;}
.ftop .left1 img{height:50px; margin-top:px;}

.ftop .right ul li{ float:left; display:block; width:50%; height:50px; line-height:50px; font-size:1.2em; padding-top:5px; text-align:center;}
.ftop .right a{color:#555;}

.topt{width:100%; height:70px;}


.bgDiv{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position:fixed;
    display: none;
    z-index:1002;
    bottom: 0;
}
.leftNav{
    width:60%;
    max-width:500px;
    height: 100%;
    background-color:#fff;
    position: fixed;
    z-index:1003;
    top: 0;
    left: -60%;
}

.rightNav{
   width:80%;
    max-width: 400px;
    height: 100%;
    background-color:#241c1e;
    position: fixed;
    z-index: 999;
    top: 0;
    left: -80%;
}
.rightNav h1{font-size:18px; padding-left:10px; color:#e1d1c2; line-height:40px; padding-top:20px;}


.upNav{
   width: 100%;
    height: 80px;
    background-color:#241c1e;
    position: fixed;
    z-index: 999;
    top: -80px;
}

.downNav{
    width: 100%;
	background-color:#241c1e;
    height: 60px;
    position: fixed;
    z-index: 999;
    bottom: -60px;
}


/*二级菜单*/
.ny_zb{width:100%; margin:0 auto; padding-top:2px; padding-bottom:20px;}
.ny_zblb1 li{line-height:40px;font-size:16px; float:left; width:100%;}
.ny_zblb1 li a{display:block; width:100%; height:40px; color:#555; margin:0 auto; line-height:40px; padding-top:0px; overflow:hidden; padding-left:0px; text-indent:10px; margin-top:0px; padding-bottom:3px; border-bottom:#eee 1px solid; font-size:14px; box-shadow:0 0px 0px #d0d0d0;-webkit-transition:all 0.0s ease-in;-moz-transition:all 0.0s ease-in;-o-transition:all 0.0s ease-in;transition:all 0.0s ease-in;}
.ny_zblb1 li a.cur{color:#fff; background:#2679b2;  border-bottom:#2679b2 1px solid; }
.ny_zblb1 li ul{display:none; padding-bottom:0px; background:#333;}
.ny_zblb1 li ul li{width:100%; }
.ny_zblb1 li ul li a{ width:100%; height:35px; font-size:12px; color:#777;  text-indent:20px; line-height:35px; overflow:hidden; margin-top:0px; font-size:14px; display:block;  border-top:none; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;background: #eee; border-bottom:#ddd 1px solid;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ny_zblb1 li ul a:hover{background:#f14b44; color:#fff;}


.ny_zblb1 li ul li ul{display:none; padding-bottom:0px; background:#333;}
.ny_zblb1 li ul li ul li{width:100%; }
.ny_zblb1 li ul li ul li a{ width:100%; height:35px; font-size:12px; color:#e5ecf7; line-height:35px; text-indent:40px; overflow:hidden; margin-top:0px; font-size:14px; display:block;  border-top:none; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; background: #26446d; border-bottom:#2d4f7d 1px solid;}
.ny_zblb1 li ul li ul a:hover{background:#fbb253; color:#fff;}

.ny_zblb1 li ul li a.cur{color:#e5ecf7;background: #182d4a; border-bottom:#254066 1px solid;}



}



































@media only screen and (min-width: 1500px) {
	
	
#footer{width:100%; height: auto; padding-top:50px;  background:#fff; margin-top:80px; padding-bottom:20px; color:#555; line-height:28px; border-top:#195a81 0px solid; -moz-box-shadow:0px -20px 20px #eee; -webkit-box-shadow:0px -20px 20px #eee; box-shadow:0px -20px 20px #eee;}
#footer a{color:#555; }
#footer a:hover{ color:#3786c7;}

#footer_con{width:90%; max-width:1475px; margin:0 auto; padding-bottom:40px;}


#footerc{width:60%; float:left; height:; margin:0 auto; box-sizing:border-box;  border-right:#ddd 1px solid;}

#footer h2{font-size:18px;  line-height:23px; color:#3786c7; padding-bottom:15px; font-weight:600;}

#footerc ul li{display:block; width:16.6%; height:; float:left; font-size:16px;  line-height:35px; box-sizing:border-box; padding-right:15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#footerc ul li a{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#footerc ul .wlx{width:40%; text-align:right;}
#footerc ul .wlx img{display:inline;}


#footer_lx{width:calc(35% - 1px); float:right; padding-left:2.5%; font-size:16px; line-height:35px;}
#footer_lx img{display:block; max-width:100%; margin-bottom:8px;}

.footer_lx_left{width:70%; float:left;}
.footer_lx_right{width:25%; float:right;}



#footert{width:100%; min-height:25px; line-height:25px; padding:20px 0px 20px 0px; text-align:center;  color:#555; border-top:#ddd 1px solid; background:#fff; font-size:16px;}
#footert a{color:#555;}
#footert a:hover{ color:#3786c7;}




}















@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	
	
#footer{width:100%; height: auto; padding-top:50px;  background:#fff; margin-top:80px; padding-bottom:20px; color:#555; line-height:28px; border-top:#195a81 0px solid; -moz-box-shadow:0px -20px 20px #eee; -webkit-box-shadow:0px -20px 20px #eee; box-shadow:0px -20px 20px #eee;}
#footer a{color:#555; }
#footer a:hover{ color:#3786c7;}

#footer_con{width:90%; max-width:1475px; margin:0 auto; padding-bottom:40px;}


#footerc{width:60%; float:left; height:; margin:0 auto; box-sizing:border-box;  border-right:#ddd 1px solid;}

#footer h2{font-size:16px;  line-height:23px; color:#3786c7; padding-bottom:15px; font-weight:600;}

#footerc ul li{display:block; width:16.6%; height:; float:left; font-size:15px;  line-height:35px; box-sizing:border-box; padding-right:15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#footerc ul li a{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#footerc ul .wlx{width:40%; text-align:right;}
#footerc ul .wlx img{display:inline;}


#footer_lx{width:calc(35% - 1px); float:right; padding-left:2.5%; font-size:14px; line-height:35px;}
#footer_lx img{display:block; max-width:100%; margin-bottom:8px;}

.footer_lx_left{width:70%; float:left;}
.footer_lx_right{width:25%; float:right;}



#footert{width:100%; min-height:25px; line-height:25px; padding:20px 0px 20px 0px; text-align:center;  color:#555; border-top:#ddd 1px solid; background:#fff; font-size:14px;}
#footert a{color:#555;}
#footert a:hover{ color:#3786c7;}




}












@media only screen and (max-width: 1199px) {
	
	
#footer{width:100%; height: auto; padding-top:30px;  background:#fff; margin-top:80px; padding-bottom:10px; color:#555; line-height:28px; border-top:#195a81 0px solid; -moz-box-shadow:0px -20px 20px #eee; -webkit-box-shadow:0px -20px 20px #eee; box-shadow:0px -20px 20px #eee;}
#footer a{color:#555; }
#footer a:hover{ color:#3786c7;}

#footer_con{width:90%; max-width:1475px; margin:0 auto; padding-bottom:20px;}


#footerc{width:100%; float:; height:; margin:0 auto; box-sizing:border-box;  border-bottom:#ddd 1px solid; padding-bottom:20px;}

#footer h2{font-size:1.2em;  line-height:23px; color:#3786c7; padding-bottom:8px; font-weight:600;}

#footerc ul li{display:block; width:16.6%; height:; float:left; font-size:1em;  line-height:24px; box-sizing:border-box; padding-right:15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#footerc ul li a{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#footerc ul .wlx{width:40%; text-align:right;}
#footerc ul .wlx img{display:inline;}


#footer_lx{width:100%; float:; margin-top:20px; font-size:1em; line-height:25px;}
#footer_lx img{display:block; max-width:80%; margin-bottom:8px;}

.footer_lx_left{width:50%; float:left;}
.footer_lx_right{width:30%; float:right;}



#footert{width:100%; min-height:25px; line-height:1.5em; box-sizing:border-box; padding:15px 20px 15px 20px; text-align:center;  color:#555; border-top:#ddd 1px solid; background:#fff; font-size:0.8em;}
#footert a{color:#555;}
#footert a:hover{ color:#3786c7;}




}






.nybanner{width:100%; margin:0 auto;}
.nybanner img{display:block; width:100%; height:auto;}



.ab_divx{width:100%; height:30px;}


@media only screen and (min-width: 1366px) {

.ny_nav_wrap{width:100%; padding:0px 0px 0px 0px; background:#fff; text-align:center; -moz-box-shadow:0px 0px 30px #eee; -webkit-box-shadow:0px 0px 30px #eee; box-shadow:0px 0px 30px #eee;}
.ny_nav_con{ width:90%; max-width:1475px; margin:0 auto;}
.ny_nav_con a{display:inline; line-height:80px; padding:32px 0px 32px 0px; font-size:16px; margin:0px 20px 0px 20px; position:relative;}

.ny_nav_con a .a_linex{width:0px; height:3px; opacity:0.0; background:#3786c7; position:absolute; left:50%; bottom:0; z-index:1; transition:0.5s;}
.ny_nav_con a:hover .a_linex{width:100%; opacity:1; left:0;}



.ab_title{width:90%; max-width:1475px; margin:0 auto; margin-top:50px;}
.ab_title h2{ font-size:32px; color:#333; line-height:60px;}
.ab_title p{font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:40px; font-size:28px; color:#eee; text-transform:uppercase;}


}








@media only screen and (min-width: 1000px) and (max-width: 1365px) {

.ny_nav_wrap{width:100%; padding:0px 0px 0px 0px; background:#fff; text-align:center; -moz-box-shadow:0px 0px 30px #eee; -webkit-box-shadow:0px 0px 30px #eee; box-shadow:0px 0px 30px #eee;}
.ny_nav_con{ width:90%; max-width:1475px; margin:0 auto;}
.ny_nav_con a{display:inline; line-height:60px; padding:22px 0px 22px 0px; font-size:16px; margin:0px 20px 0px 20px; position:relative;}

.ny_nav_con a .a_linex{width:0px; height:3px; opacity:0.0; background:#3786c7; position:absolute; left:50%; bottom:0; z-index:1; transition:0.5s;}
.ny_nav_con a:hover .a_linex{width:100%; opacity:1; left:0;}



.ab_title{width:90%; max-width:1475px; margin:0 auto; margin-top:50px;}
.ab_title h2{ font-size:26px; color:#333; line-height:50px;}
.ab_title p{font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:40px; font-size:20px; color:#eee; text-transform:uppercase;}


}






@media only screen and (max-width: 999px) {

.ny_nav_wrap{width:100%; padding:0px 0px 0px 0px; background:#fff; text-align:center; -moz-box-shadow:0px 0px 30px #eee; -webkit-box-shadow:0px 0px 30px #eee; box-shadow:0px 0px 30px #eee;}
.ny_nav_con{ width:90%; max-width:1475px; margin:0 auto;}
.ny_nav_con a{display:inline; line-height:40px; padding:12px 0px 12px 0px; font-size:14px; margin:0px 10px 0px 10px; position:relative;}

.ny_nav_con a .a_linex{width:0px; height:2px; opacity:0.0; background:#3786c7; position:absolute; left:50%; bottom:0; z-index:1; transition:0.5s;}
.ny_nav_con a:hover .a_linex{width:100%; opacity:1; left:0;}



.ab_title{width:90%; max-width:1475px; margin:0 auto; margin-top:30px;}
.ab_title h2{ font-size:1.4em; color:#333; line-height:2em;}
.ab_title p{font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.8em; font-size:1.2em; color:#eee; text-transform:uppercase;}


}























/*分页*/

#nx_pg{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nx_pg li{display: inline;}
#nx_pg a{display:inline; padding:8px 15px 8px 15px; background:#f8f8f8; font-size:14px; margin:0px 1px 0px 1px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nx_pg a:hover{background:#2679b2; color:#fff;}
#nx_pg .on{background:#2679b2; color:#fff;}


#nextpage{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nextpage li{display: inline;}
#nextpage a{display:inline; padding:6px 8px 6px 8px; background:#f8f8f8; font-size:14px; margin:0px 1px 0px 1px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nextpage a:hover{background:#2679b2; color:#fff;}
#nextpage .on{background:#2679b2; color:#fff;}