@charset "utf-8";

/* CSS Document */

* {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:#333; font-size:12px; overflow-x:hidden !important; 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;}

.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height: 0;}

.clearfix {*zoom:1;}



a{color:#333; 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:#00ace3; 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;}



.mt5{ margin-top: 5px;}

.mt10{ margin-top: 10px;}

.mt20{ margin-top: 20px;}

.mt30{ margin-top: 30px;}

.mt40{ margin-top: 40px;}

.mt50{ margin-top: 50px !important;}

.mt60{ margin-top: 60px !important;}

.mt70{ margin-top: 70px;}

.mt80{ margin-top: 80px;}

.mt90{ margin-top: 90px;}

.mt100{ margin-top: 100px;}

.mb25{ margin-bottom: 30px;}



.se1{color:#333;}.se2{color:#00ace3}

.left{float:left;}.right{float:right;}.center{text-align:center;}

.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;}



.onon{background:rgba(255,255,255,1) !important; }







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

.top{ width:100%; height:90px; background:rgba(255,255,255,1);  -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.3); box-shadow:0px 0px 15px rgba(0,0,0,0.3); position:fixed; top:0; left:0; z-index:888; transition:0.5s;}

.topc{ width:90%; height:90px; max-width:1800px; margin:0 auto; position:relative;}

.topcl{ height:72px; float:left; padding-top:9px;}

.topcl img{height:72px;}

	

.top .tel{display:block; float:right; height:55px;  padding-top: 18px;}

/*.top .tel{display:block; width:180px; float:right; height:55px;  padding-top: 14px;}*/

.top .tel i{display:inline-block; width: 26px; height: 27px; background: url(../images/tel.png) no-repeat center left; margin-right: 0.09rem;}

.top .tel div{ margin-left: 7px; display:inline-block; font-size: 12px; color: #333333; line-height: 26px;}

	.top .tel div p{ line-height: 23px;}

.top .tel div p b{    font-family: 'Times New Roman'; color: #00ace3; font-size: 18px;}

	

/*menu*/

#menu { display:block;     width: 69%; float:left; height:55px;  padding-top: 18px;  }



/*#menu { display:block; width:768px; float:left; height:55px;  padding-top: 14px; }*/

#nav {display:block; width:100%; height:55px; margin:0 auto;}

#nav  li a:before{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0px;height: 2px;opacity: 0;background-color: #00ace3;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}

#nav  li a:hover:before{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}	

	

#nav .mainlevel {float:left; width:12.5%; text-align:center; display:block; position:relative; z-index:80}

#nav .mainlevel a{ text-decoration:none; width:100%; text-align:center; line-height:55px;  color:#111; height:55px; 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:#00ace3; text-decoration:none; z-index:999}

#nav .on a:visited {color:#00ace3; text-decoration:none; z-index:999}

#nav .on ul li a:visited{ color: #555;}

#nav .on ul li a:hover{color:#00ace3; text-decoration:none; z-index:999}

	

#nav .mainlevel i{margin-left:6px; color:#888;}

	

#nav .mainlevel ul {position:absolute; display:none; margin-left:-10px; background:rgba(255,255,255,0.9); padding:10px 10px 30px 10px; z-index:9999; /*border-top:#00ace3 2px solid;*/ border-radius:8px; -moz-box-shadow:0px 0px 3px #fff; -webkit-box-shadow:0px 0px 3px #fff; box-shadow:0px 0px 3px #fff;}

#nav .mainlevel li {}

#nav .mainlevel li a {padding:0px; width:100px; text-align:center; 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:#00ace3; text-decoration:none; background:none;}



#nav li.mainlevel ul li a:before{ display:none;}

#nav li.mainlevel ul li a:hover:before{display:none;}

	

#nav .mainlevel a.on{color:#00ace3;}

/*#nav .mainlevel a.on:before{content: "";display: block;position: absolute;left: 1%;right: 1%;bottom: 0px;height: 2px;opacity: 1;background-color: #00ace3;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}*/



/*分页*/



#nx_pg{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}

#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:#00ace3; color:#fff;}

#nx_pg .on{background:#00ace3; color:#fff;}





#nextpage{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}

#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:#00ace3; color:#fff;}

#nextpage .on{background:#00ace3; color:#fff;}

	

.nyconn{ padding-top: 40px; padding-bottom: 80px;overflow: hidden;}

.ny-banner{max-width: 100%;overflow: hidden;}

.ny-banner img{width: 100%;height: 100%;display: block;}

	

/*内页左边*/	

.main-fl{width: 20%;}.main-fr{width: 78%;}

.main-fl .box1{border: 1px solid #ddd;box-sizing: border-box;}

.main-fl .tit-fl{height: 136px;width: 100%;background: url(../images/tit-fl.png) repeat-x center;text-align: center;color: #fff;overflow: hidden;}

.main-fl .tit-fl b{font-size: 36px;display: block;padding-top: 20px;}

.main-fl .tit-fl span{font-size: 36px;color: rgba(255,255,255,0.1);font-weight: bold;display: block;margin-top: -30px;text-transform: capitalize;}

.main-fl .tit-fl .rec{width: 25px;height: 3px;background: #fff;margin: 0 auto;margin-top: 10px;}

.main-fl .box2{padding: 10px;}

.main-fl .box2 li{height: 60px;line-height: 60px;background: url(../images/more3.png) no-repeat 95%;overflow: hidden;border-bottom: 1px solid #eee;}

.main-fl .box2 li a{font-size: 16px;color: #333;display: block;padding-left: 5%;}

.main-fl .box2 li:hover,.main-fl .box2 li.cur{background: #00ace3 url(../images/more.png) no-repeat 95%;}

.main-fl .box2 li:hover a,.main-fl .box2 li.cur a{color: #fff;}

.main-fl .box3,.main-fl .box4{margin-top: 40px;}

.tit-fie{background: #00ace3 url(../images/tit-fl2.png) no-repeat 95%;padding-left: 5%;font-size: 20px;color: #fff;font-weight: bold;height: 60px;line-height: 60px;}

.main-fl .box3 ul,.main-fl .box4 ul{padding: 0 10px;border: 1px solid #ddd;box-sizing: border-box;}

.main-fl .box3 li{font-size: 14px;color: #333;line-height: 22px;border-bottom: 1px solid #eee;padding: 10px 0;}

.main-fl .box3 li a{color: #333;display: block;}

.main-fl .box3 li:hover a{color: #00ace3;}

.main-fl .box3 li:last-child{border-bottom: none;}

.main-fl .box4 ul{padding-bottom: 10px;}

.main-fl .box4 li{width: 48%;float: left;height: 40px;line-height: 40px;overflow: hidden;background: #eee;margin-top: 10px;text-align: center;}

.main-fl .box4 li:nth-child(2n){float: right;}

.main-fl .box4 li a{display: block;padding: 0 6px;font-size: 14px;color: #333;}

.main-fl .box4 li:hover{background: #00ace3;}

.main-fl .box4 li:hover a{color: #fff;}



.loca{height: 50px;line-height: 50px;overflow: hidden;background: url(../images/loca.png) no-repeat left;border-bottom: 1px solid #eee;font-size: 14px;color: #666;padding-left: 30px;margin-bottom: 30px;}

.loca a{color: #666;}

.loca a:hover{color: #00ace3;}

.des,.des p{font-size: 16px!important;color: #333!important;line-height: 30px!important;}

	

	

/*分页*/

.digg{text-align: center;width: 100%;}

.pagination > a, .pagination > span{padding: 0 12px;border: 1px solid #bbb;color: #000;margin-right: 8px;    display: inline-block;font-size: 14px;text-align: center;line-height: 30px; float:left;}

.pagination span.total,.pagination span.disabled{display: none;}

.pagination > span.current, .pagination > span.current:hover, .pagination > span.current:hover, .pagination > span.current:focus, .pagination > span.current:focus{background: #00ace3;border-color: #00ace3;color: #fff;}

.pagination a:hover{color: #00ace3;}

.pagination a{float: left;}

.pagination{margin: 0;margin-top: 40px;display: inline-block;}

	

	

	

	

	

	

}





/*移动端导航开始*/

#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:50px; padding:1px 0px 1px 0px; box-sizing:content-box; text-align:center; border-bottom:#00ace3 0px solid; overflow:hidden; background:rgba(255,255,255,1); background-size:100% auto; position: fixed; left:0; top:0; z-index:999; -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.1); box-shadow:0px 0px 8px rgba(0,0,0,0.1); transition:0.5s;}

.ftop .left{margin-left:15px; float:left;}

.ftop .right{ /*width:100px;*/ margin-right:10px; line-height:50px; float:right;}

.ftop .left img{height:43px; margin-top:4px;}

.ftop .left1 img{height:50px;}

.ftop .right ul li{ float:right; display:block; width:80%; height:40px; line-height:40px; font-size:1.2em; 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:#00ace3;  border-bottom:#00ace3 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;}

	

.nyconn{ padding-top: 10px; padding-bottom: 20px;overflow: hidden;}

.ny-banner{max-width: 100%;overflow: hidden; margin-top: 28px;}

.ny-banner img{width: 100%;height: 100%;display: block;}

.main-fl {display: none;}

.main-fr { width: 100%;}

.loca{overflow: hidden;background: url(../images/loca.png) no-repeat left top 5px;border-bottom: 1px solid #eee;font-size: 14px;color: #666;padding-left: 30px;margin-bottom: 30px;    padding-bottom: 10px;}

.loca a{color: #666;}

.loca a:hover{color: #00ace3;}

.des,.des p{font-size: 15px!important;color: #333!important;line-height: 30px!important;}

	

	

/*分页*/

.digg{text-align: center;width: 100%;}

.pagination > a, .pagination > span{padding: 0 8px;border: 1px solid #bbb;color: #000;margin-right: 5px;    display: inline-block;font-size: 14px;text-align: center;line-height: 30px; float:left;}

.pagination span.total,.pagination span.disabled{display: none;}

.pagination > span.current, .pagination > span.current:hover, .pagination > span.current:hover, .pagination > span.current:focus, .pagination > span.current:focus{background: #00ace3;border-color: #00ace3;color: #fff;}

.pagination a:hover{color: #00ace3;}

.pagination a{float: left;}

.pagination{margin: 0;margin-top: 40px;display: inline-block;}

}











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

	.footer_bt{ display:none !important;}

	.footer_btc{ display:none !important;}

}

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

.footer_bt {height:55px;}

/*footer*/

.footer_btc { width:100%; height:50px; padding-bottom:6px; background:#3786c7; position:fixed; bottom:0px; z-index:99}

.footer_btc ul li { width:25%; height:auto; float:left; text-align:center; padding:4px 0px 3px 0px; }

.footer_btc ul li img{margin:0 auto; display:block; margin:0 auto; height:30px !important; width:auto !important;}

.footer_btc ul li a { color:#FFF; line-height:1em; font-size:0.9em;}



}