@CHARSET "UTF-8";
.bodystyle{width:100%;}

.topnav{height:30px;line-height:30px;background:url(../images/bg_topnav.gif) repeat-x 0 0;border-bottom:1px solid #EBEBEB; font-size:12px; background-color:#F2F2F2; color:#999999;}
.topnav a{color:#FFFFFF;}
.topbar{background-color: #ECECEC;border-bottom:1px solid #ddd}
.topbar a{ margin-right:5px}




.navbar-wrapper{height: 111px;}
.navbar{ position:relative; background-color:#FFFFFF; margin-top:30px; z-index:1030}
.navbar-black{background-color: #222}
.navbar-fixed-top{ position:fixed; top:0;left: 0; right: 0; z-index:1030}
.cl .r{width:10%; float:right;}
.cl .r a{text-decoration:none;}
.weixin{width:150px; height:150px; position:fixed; top:30px; right:55px; display:none; z-index:1040;}
.weixin img{width:150px; height:150px;}
 
/*logo*/
.logo{ display:inline-block; text-decoration:none; cursor:pointer;}
a.logo:hover{ text-decoration:none}
.navbar .logo{height: 44px;line-height: 44px;margin-right: 10px;float: left;}
.navbar-logo,.navbar-logo-m{font-size: 16px}
.navbar-slogan{ font-size:12px; cursor: default}
.navbar .container{ position:relative;}
.navbar-userbar{position:absolute;top:0px; right:15px}
.navbar .container .navbar-userbar{ right:0px}
 
/*导航*/
.nav{ z-index:1}
.nav > ul{ font-size:0; line-height:0}
.nav > ul > li{ position:relative}
.nav > ul > li,.nav > ul > li > a{ display:inline-block; height:44px; line-height:44px;text-align:center;font-size:14px}
.nav > ul > li > a{ padding:0 20px}
.nav > ul > li > a:hover,.nav > ul > li.current > a{background-color:rgba(255,255,255,0.2); text-decoration:none;
	-webkit-transition: background-color 0.3s ease 0s;
	-moz-transition: background-color 0.3s ease 0s;
	-o-transition: background-color 0.3s ease 0s;
	-ms-transition: background-color 0.3s ease 0s;
	transition: background-color 0.3s ease 0s
}
@media (max-width: 767px) {
	.logo{ margin-right: 0}
	.navbar-nav{display: none}
	.navbar-nav > ul > li{ width: 100%; text-align: left;}
	.navbar-nav > ul > li > a{display:block;padding:0 15px; text-align: left}
	.nav-collapse ul,.nav-collapse li {width: 100%;display: block;}
	.js .nav-collapse {position: absolute;display: block;float:none; clear:both;max-height: 0;clip: rect(0 0 0 0);margin-left: -15px; margin-right: -15px;overflow: hidden;zoom: 1;
		-webkt-transition:max-height 284ms ease 0s;
		-moz-transition:max-height 284ms ease 0s;
		-o-transition:max-height 284ms ease 0s;
		-ms-transition:max-height 284ms ease 0s;
		transition:max-height 284ms ease 0s; 
	}
	.js-nav-active .nav-collapse.closed {max-height: none}
	.nav-collapse.opened {max-height: 9999px}
}
 
/*导航条风格-黑色*/
.navbar-black{background-color:#222;border-bottom:#080808 1px solid;-moz-box-shadow: 0 0 4px #333333;-webkit-box-shadow: 0 0 4px #333333;box-shadow: 0 0 4px #333333}
.navbar-black .logo{ color: #fff }
.navbar-black .navbar-logo-m{color: #eee}
.navbar-black .navbar-nav > ul > li,
.navbar-black .navbar-nav > ul > li > a{ color:#fff}
.navbar-black .navbar-nav > ul > li > a:hover,
.navbar-black .navbar-nav > ul > li.current > a{color:#fff;}
.navbar-black .navbar-userbar{ color: #fff}
@media (max-width: 767px) {
.navbar-black .navbar-nav > ul > li{border-bottom: solid 1px #222;}
.navbar-black .navbar-nav > ul > li > a:hover,
.navbar-black .navbar-nav > ul > li.current > a{ background: #777;}
}
 
/*面包导航*/
.nav-toggle,a.nav-toggle{position:absolute; top:0px; right:15px; font-size: 20px; color:#999; padding:6px 11px;background-color:rgba(0,0,0,0.5);color:#fff;-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;}
.nav-toggle:hover,a.nav-toggle:hover{ text-decoration: none; color:#fff}



/*菜单下拉框 */

.dropDown{display:inline-block}.dropDown_A{display:inline-block;}
.dropDown-menu{ display:none;transition: all 0.3s ease 0s}
.dropDown:focus,.dropDown-menu:focus {outline:0}
.dropDown-menu li.arrow{ position:absolute;display:block; width:12px; height:8px; margin-top:-13px; margin-left:20%; line-height:0;background:url(../images/icon-jt.png) no-repeat 0 0}
 
/*鼠标经过	*/
.dropDown.hover.dropDown_A,.dropDown.open.dropDown_A{text-decoration:none;background-color:rgba(255,255,255,0.2);}
.dropDown.open.dropDown_A.menu_dropdown-arrow{transition-duration:0.3s ;transition-property:all;_background-position:0 0}
.dropDown.open.dropDown_A.menu_dropdown-arrow{transform: rotate(180deg);}
.menu{background-color:#fff;border:solid 1px #f2f2f2; display: inline-block;}
.menu.radius{border-top-left-radius:0;border-top-right-radius:0}
.menu.box-shadow{border-top:none;}
.menu > li{ position: relative; float: none;display:block;}
.menu > li > a{ display: block;clear: both;border-bottom:solid 1px #f2f2f2;padding:6px 20px;text-align:left;line-height:1.5;font-weight: normal;white-space:nowrap}
.menu > li:last-child > a{ border-bottom:none}
.menu > li > a:hover,.menu > li > a:focus,.menu > li.open > a{text-decoration:none;background-color:#FF9900;color:#FFFFFF;}
.menu > li > a.arrow{ position:absolute; top:50%; margin-top:-10px; right:5px;line-height: 20px; height: 20px; color: #FF9900;}
.menu > li >.menu{ display: none}
.menu > li.open >.menu{ display: inline-block;position: absolute; left:100%;top:-1px;min-width:100%;}
/*禁用菜单*/
.menu > li.disabled > a{color:#999;text-decoration:none; cursor:no-drop; background-color:transparent}
/*线条*/
.menu > li.divider{ display:block;height:0px; line-height:0px;margin:9px 0;overflow:hidden; border-top:solid 1px #eee}
/*打开菜单*/
.dropDown >.dropDown-menu{ display: none;}
.dropDown.open{position:relative;z-index:990;background-color:#FF9900;color:#FFFFFF;}
/*默认左对齐*/
.dropDown.open >.dropDown-menu{position:absolute;z-index:1000;display:inline-block;top:100%;left:-1px;min-width:100%;background-color:#fff;border:solid 1px #f2f2f2}
/*右对齐*/
.dropDown.open.right >.dropDown-menu{right:-1px!important;left:auto!important}

/*面包导航移上去时变橙色*/
.navbar-nav > ul > li > a:hover{background: #FF9900;color:#FFFFFF;}

.cl li a{font-size:14px;}


.ax_image {
  font-family:'Arial Normal', 'Arial';
  font-weight:400;
  font-style:normal;
  font-size:13px;
  color:#000000;
  text-align:center;
  line-height:normal;
}
.logo{width:180px;height:45px;}
.line{width:2px;height:40px;}


/*栅栏式响应*/
.container-fluid{ width:100%}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media ( min-width : 768px) {
	.container {width: 750px}
}
@media ( min-width : 992px) {
	.container {width: 970px}
}
@media ( min-width : 1200px) {
	.container {width: 1170px}
}
@media ( min-width : 1300px) {
	.container {width: 1270px}
}
@media ( min-width : 1400px) {
	.container {width: 95%}
}
@media print{
	.container{width:auto}
}
.row.cl{}
.row{box-sizing:border-box; margin-left:-15px; margin-right:-15px}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {min-height: 1px;position: relative; padding-left:15px; padding-right:15px; box-sizing:border-box;
	-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}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width: 100%}
.col-xs-11 {width: 91.66666667%}
.col-xs-10 {width: 83.33333333%}
.col-xs-9 {width: 75%}
.col-xs-8 {width: 66.66666667%}
.col-xs-7 {width: 58.33333333%}
.col-xs-6 {width: 50%}
.col-xs-5 {width: 41.66666667%}
.col-xs-4 {width: 33.33333333%}
.col-xs-3 {width: 25%}
.col-xs-2 {width: 16.66666667%}
.col-xs-1 {width: 8.33333333%}
.col-xs-pull-12 {right: 100%}
.col-xs-pull-11 {right: 91.66666667%}
.col-xs-pull-10 {right: 83.33333333%}
.col-xs-pull-9 {right: 75%}
.col-xs-pull-8 {right: 66.66666667%}
.col-xs-pull-7 {right: 58.33333333%}
.col-xs-pull-6 {right: 50%}
.col-xs-pull-5 {right: 41.66666667%}
.col-xs-pull-4 {right: 33.33333333%}
.col-xs-pull-3 {right: 25%}
.col-xs-pull-2 {right: 16.66666667%}
.col-xs-pull-1 {right: 8.33333333%}
.col-xs-pull-0 {right: auto}
.col-xs-push-12 {left: 100%}
.col-xs-push-11 {left: 91.66666667%}
.col-xs-push-10 {left: 83.33333333%}
.col-xs-push-9 {left: 75%}
.col-xs-push-8 {left: 66.66666667%}
.col-xs-push-7 {left: 58.33333333%}
.col-xs-push-6 {left: 50%}
.col-xs-push-5 {left: 41.66666667%}
.col-xs-push-4 {left: 33.33333333%}
.col-xs-push-3 {left: 25%}
.col-xs-push-2 {left: 16.66666667%}
.col-xs-push-1 {left: 8.33333333%}
.col-xs-push-0 {left: auto}
.col-xs-offset-12 {margin-left: 100%}
.col-xs-offset-11 {margin-left: 91.66666667%}
.col-xs-offset-10 {margin-left: 83.33333333%}
.col-xs-offset-9 {margin-left: 75%}
.col-xs-offset-8 {margin-left: 66.66666667%}
.col-xs-offset-7 {margin-left: 58.33333333%}
.col-xs-offset-6 {margin-left: 50%}
.col-xs-offset-5 {margin-left: 41.66666667%}
.col-xs-offset-4 {margin-left: 33.33333333%}
.col-xs-offset-3 {margin-left: 25%}
.col-xs-offset-2 {margin-left: 16.66666667%}
.col-xs-offset-1 {margin-left: 8.33333333%}
.col-xs-offset-0 {margin-left: 0}
@media(min-width:768px){
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666666666666%}
	.col-sm-10{width:83.33333333333334%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666666666666%}
	.col-sm-7{width:58.333333333333336%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666666666667%}
	.col-sm-4{width:33.33333333333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.666666666666664%}
	.col-sm-1{width:8.333333333333332%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.66666666666666%}
	.col-sm-pull-10{right:83.33333333333334%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.66666666666666%}
	.col-sm-pull-7{right:58.333333333333336%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.66666666666667%}
	.col-sm-pull-4{right:33.33333333333333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.666666666666664%}
	.col-sm-pull-1{right:8.333333333333332%}
	.col-sm-pull-0{right:0}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.66666666666666%}
	.col-sm-push-10{left:83.33333333333334%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.66666666666666%}
	.col-sm-push-7{left:58.333333333333336%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.66666666666667%}
	.col-sm-push-4{left:33.33333333333333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.666666666666664%}
	.col-sm-push-1{left:8.333333333333332%}
	.col-sm-push-0{left:0}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.66666666666666%}
	.col-sm-offset-10{margin-left:83.33333333333334%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.66666666666666%}
	.col-sm-offset-7{margin-left:58.333333333333336%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.66666666666667%}
	.col-sm-offset-4{margin-left:33.33333333333333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.666666666666664%}
	.col-sm-offset-1{margin-left:8.333333333333332%}
	.col-sm-offset-0{margin-left:0}
}
@media(min-width:992px){
	.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666666666666%}
	.col-md-10{width:83.33333333333334%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666666666666%}
	.col-md-7{width:58.333333333333336%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666666666667%}
	.col-md-4{width:33.33333333333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.666666666666664%}
	.col-md-1{width:8.333333333333332%}
	.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.66666666666666%}
	.col-md-pull-10{right:83.33333333333334%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.66666666666666%}
	.col-md-pull-7{right:58.333333333333336%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.66666666666667%}
	.col-md-pull-4{right:33.33333333333333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.666666666666664%}
	.col-md-pull-1{right:8.333333333333332%}
	.col-md-pull-0{right:0}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.66666666666666%}
	.col-md-push-10{left:83.33333333333334%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.66666666666666%}
	.col-md-push-7{left:58.333333333333336%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.66666666666667%}
	.col-md-push-4{left:33.33333333333333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.666666666666664%}
	.col-md-push-1{left:8.333333333333332%}
	.col-md-push-0{left:0}
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.66666666666666%}
	.col-md-offset-10{margin-left:83.33333333333334%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.66666666666666%}
	.col-md-offset-7{margin-left:58.333333333333336%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.66666666666667%}
	.col-md-offset-4{margin-left:33.33333333333333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.666666666666664%}
	.col-md-offset-1{margin-left:8.333333333333332%}
	.col-md-offset-0{margin-left:0}
}
@media(min-width:1200px){
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666666666666%}
	.col-lg-10{width:83.33333333333334%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666666666666%}
	.col-lg-7{width:58.333333333333336%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.66666666666667%}
	.col-lg-4{width:33.33333333333333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.666666666666664%}
	.col-lg-1{width:8.333333333333332%}
	.col-lg-pull-12{right:100%}
	.col-lg-pull-11{right:91.66666666666666%}
	.col-lg-pull-10{right:83.33333333333334%}
	.col-lg-pull-9{right:75%}
	.col-lg-pull-8{right:66.66666666666666%}
	.col-lg-pull-7{right:58.333333333333336%}
	.col-lg-pull-6{right:50%}
	.col-lg-pull-5{right:41.66666666666667%}
	.col-lg-pull-4{right:33.33333333333333%}
	.col-lg-pull-3{right:25%}
	.col-lg-pull-2{right:16.666666666666664%}
	.col-lg-pull-1{right:8.333333333333332%}
	.col-lg-pull-0{right:0}
	.col-lg-push-12{left:100%}
	.col-lg-push-11{left:91.66666666666666%}
	.col-lg-push-10{left:83.33333333333334%}
	.col-lg-push-9{left:75%}
	.col-lg-push-8{left:66.66666666666666%}
	.col-lg-push-7{left:58.333333333333336%}
	.col-lg-push-6{left:50%}
	.col-lg-push-5{left:41.66666666666667%}
	.col-lg-push-4{left:33.33333333333333%}
	.col-lg-push-3{left:25%}
	.col-lg-push-2{left:16.666666666666664%}
	.col-lg-push-1{left:8.333333333333332%}
	.col-lg-push-0{left:0}
	.col-lg-offset-12{margin-left:100%}
	.col-lg-offset-11{margin-left:91.66666666666666%}
	.col-lg-offset-10{margin-left:83.33333333333334%}
	.col-lg-offset-9{margin-left:75%}
	.col-lg-offset-8{margin-left:66.66666666666666%}
	.col-lg-offset-7{margin-left:58.333333333333336%}
	.col-lg-offset-6{margin-left:50%}
	.col-lg-offset-5{margin-left:41.66666666666667%}
	.col-lg-offset-4{margin-left:33.33333333333333%}
	.col-lg-offset-3{margin-left:25%}
	.col-lg-offset-2{margin-left:16.666666666666664%}
	.col-lg-offset-1{margin-left:8.333333333333332%}
	.col-lg-offset-0{margin-left:0}
}


/*轮播样式 */
.slider{position:relative;text-align:center; margin:0 auto;z-index:1;width:100%;}
.slider .bd,.slider .bd li,.slider .bd img{width:100%; height:380px}/*请给每个幻灯片套个div并设置id，通过id重置这个地方的宽度，达到自定义效果*/
.slider .bd{z-index:2;overflow:hidden}
.slider .bd li{float:left;width: 100%;overflow:hidden; background-position:center; background-repeat:no-repeat}
.slider .bd li a{ display:block; width: 100%; height: 100%}
.slider .bd li img{display:block}
.slider .hd{ position: absolute; z-index: 3; left: 0; right: 0; bottom:10px; padding: 0 10px; text-align: center}
.slider .hd li{display:inline-block;text-align:center;margin-right:10px;cursor:pointer;background-color:#C2C2C2}
.slider .hd li.active{background-color:#222}
/*圆点*/
.dots li{width:10px; height:10px;font-size:0px;line-height:0px;border-radius:50%}
/*数字*/
.numbox li{width:20px; height:20px; line-height:20px; font-size:13px;font-family:Arial;font-weight:bold; text-indent:inherit;}
.numbox li.active{color:#fff}
/*长方条*/
.rectangle li{width:40px; height:10px;font-size:0px;line-height:0px}




/*页脚*/
.footer{width:100%; height:395px; background-color:#333333; border-top:0px;}

.footer .fline{width:100%; height:35px; float:left;}

.footer .fc .singleL{width:7%; height:310px; float:left;}

.footer .fc .other{width:10%; height:300px; float:left; text-align:left;}
.footer .fc .other .othertitle{float:left; font-size:15px; font-weight:600; line-height:40px;}
.footer .fc .other span{float:left; line-height:33px; font-size:14px; color:#FFFFFF; width:100%;}
.footer .fc .other span a{text-decoration:none; color:#999999;}

.footer .fc .otherRight{width:35%; height:300px; margin-right:11%;font-size:17px; font-weight:550; color:#999999; line-height:20px; float:left;}
.footer .fc .otherRight span{color:#999999; line-height:45px;}
.footer .fc .otherRight .img-l{width:43%; height:200px; float:left; margin-top:40px;}
.footer .fc .otherRight .img-l img{width:140px; height:140px;}
.footer .fc .otherRight .img-l p{font-size:14px;}
.footer .fc .otherRight .img-r{width:55%; float:left; text-align:left; margin-top:40px;}
.footer .fc .otherRight .img-r img{width:70px; height:70px;}

.footer .fb{width:100%; height:50px; line-height:50px; vertical-align:middle; float:left; background-color:#000000;}
.footer .fb .l{width:45%; font-size:14px; color:#999999;}
.footer .fb .r{width:28%; font-size:14px; color:#999999;}
.footer .fb .r a{font-size:14px; color:#999999; text-decoration:none;}


/*右边客服以及置顶*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:493px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#fe9b1d;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}






