@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
html{color:black;font-size:62.5%;}
body{color:#555;outline:0;}
input,select,textarea{font-size:100%;outline-style:none;background:transparent;}
textarea{resize: none;}
input,button{border:none medium;outline:none;}
button, html input[type="button"], input[type="submit"]{cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:500;}
ol,ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:2rem;font-weight:500;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
abbr,acronym{border:none;font-variant:normal;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0 none;vertical-align:middle;max-width: 100%;}
caption,th{text-align:left;}
th{text-align:inherit;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
del{text-decoration:line-through;}
legend{color:#666;}
fieldset{border:none;}
iframe{display:block;}
q:before,q:after{content:'';}
ins,a{text-decoration:none;cursor:pointer;color:#666;}
a:hover{text-decoration:none;}
a:focus,*:focus{outline:none;}
/*custom-module-css 自定义*/
.clearfix:before,.clearfix:after{content:"";clear:both;display:block;visibility:hidden;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;clear: both;}
.clear{clear:both;display:block;}
.hide{display:none !important;visibility:hidden;}
.block{display:block !important;}
.radius_1{-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}
.radius_2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.radius_3{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.radius_5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.radius_t5{-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.ovh{overflow:hidden;}
.di{display:inline;}
.dib{display:inline-block;*zoom:1;*display:inline;}
.db{display:block;}
.none{display:none;}
.border0 {border: 0!important;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.tdu{text-decoration:underline;}
.cupo{ cursor: pointer;}
.cude{ cursor: default;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.family_st{}
.family_wr{}
.red {color: #fa4f4f;}
.w1200{width: 1200px;height: auto;margin: 0 auto;}
.w1190{width: 1190px;height: auto;margin: 0 auto;}
.w1180{width: 1180px;height: auto;margin: 0 auto;}
.w1000{width: 1000px;height: auto;margin: 0 auto;}
/*select*/
input.dummy{display: inline-block;border: 1px solid #e8e8e8;cursor: pointer !important;width: 69px;height: 38px;line-height: 38px;padding-left: 13px;overflow: hidden;text-overflow: ellipsis;background: url(?public/cszx/images/select-bg.png) no-repeat right center;color: #999;font-size: 14px;display: inline-block;}
#dummydata{position: absolute;z-index: 198910161111;background: #fff;max-height: 200px;overflow: auto;color: #888;border: 1px solid #D7D7D7;}
#dummydata a{display: block;color: #888;line-height: 38px;padding-left: 10px;text-overflow: ellipsis;overflow: hidden;height: 38px;}
#dummydata a.selected{color: #888;}
#dummydata a:hover{color: #fff;text-decoration: none;background: #f4723e;}
.spin180{-webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; -ms-transition: -ms-transform 0.2s ease-out;}
.spin180:hover{transform: rotateZ(180deg);}

/*header start*/
.logo-nav{padding: 30px 0;overflow: hidden;}
.logo .tex{color: #fff;}
.logo{    
	width: 294px;
    position: relative;
}
.logo>a{
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.logo>a>span{
	font-size: 14px;
	color: #000;
	position: absolute;
    right: 20px;
    top: 27px;
}
.header-tel{
    margin-top:20px;
    text-align: left;
}
.header-tel p{
    padding-left: 60px;
    line-height: 30px;
    color: #f05d21;
    display: block;
    background: url(?public/cszx/images/header-tel.gif) left 23px no-repeat;
    color: #004b92;
    font-size: 22px;
    line-height: 32px;
    margin-top: -15px;
}
.header-tel p span{
	font-size: 14px;
	color: #3d3d3d;
	line-height: 16px;
	letter-spacing: 1px;
}
.header-tel p font{margin-left: 25px;}
.nav-box{
	width: 100%;
	background:#272c30;
}
.nav-list{
	overflow: hidden;
}
.nav-list li{
	width: 120px;
	float: left;
	font-size: 16px;
}
.nav-list li>a{
	display:inline-block;
	*zoom:1;
	*display:inline;
	width: 100%;
	height: 50px;
	line-height: 50px;
	vertical-align:middle;
	text-align: center;
	color: #fff;        
	-webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.nav-list li.active-nav>a{
	background: #004b92;
}
.nav-list li>a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #004b92;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
 .nav-list li>a:hover:before, .nav-list li>a:focus:before, .nav-list li>a:active:before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
   	-o-transform: scaleY(1);
    transform: scaleY(1);
}
/*header end*/

/*footer start*/
.bg-box{
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
}
.footer-adv{
	width: 100%;
	background:url(?public/cszx/images/footeradv-bg1_02.jpg) center top no-repeat #f7f7f7;
}
.adv-list{
	overflow: hidden;
}
.adv-list li{
	width: 25%;
	float: left;
	text-align: left;
	padding: 35px 0;
}
.adv-list li i{
	width: 79px;
	height:79px;
	background: url(?public/cszx/images/footer-icon_03.png) no-repeat;
	margin:10px 10px 0 27px;
	float: left;
}
.adv-list li:first-child i{margin-left: 0 !important;}
.adv-list li .footer-icon2{background-position: -79px 0;}
.adv-list li .footer-icon3{background-position: -158px 0;margin-left: 50px;}
.adv-list li .footer-icon4{background-position: -237px 0;margin-left: 55px;}
.adv-list li span{
	display: block;
	float: left;
	font-size: 16px;
	color: #666;
	line-height:28px;
	padding-top: 11px;
}
.adv-list li span font{
	font-size: 20px;
	color: #46c570;
}
.footer-bg{
	background: #272c30;
	padding: 18px 0 30px;
	border-bottom: 1px solid #404448;
	border-top:1px solid #404448;
}
.footer-subordinate {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.footer-subordinate>label{
	display: block;
	width: 85px;
	background: #3b3e42;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	line-height: 24px;
	border-radius: 3px;
}
.footer-subordinate-list{
	padding: 15px 0;
	margin: 0 -16px;
	border-bottom: 1px #62676e solid;
	overflow: hidden;
}
.footer-subordinate-list>a{
	white-space: nowrap;
	margin: 0 16px;
	font-size: 12px;
	color: #ccc;
}
.footer-subordinate-list .toTop{
	width: 85px;
	background: #3b3e42;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	line-height: 24px;
	border-radius: 3px;
}
.footer-subordinate-list>a:hover {
	color: #62676e;
}
.footer-other {
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0 0;
	border-top: 1px #62676e solid;
	overflow: hidden;
	color: #ccc;
}
.footer-other-sub {
	padding: 10px 0;
}
.footer-other-sub>a {
	display: block;
	font-size: 12px;
	color: #ccc;
	line-height: 26px;
}
.footer-other-sub>a:hover {
	color: #62676e;
}
.footertel-box{
	text-align: left;
	/*width: 190px;*/
	width: 287px;
	margin: 16px 0 0 0;
}
.footertel-box dt{
	font-size: 14px;
	color: #fff;
	margin-bottom: 20px;
}
.footertel-box dd{
	padding-bottom: 8px;
}
.footertel-box dd a{
	display:inline-block;
	*zoom:1;
	*display:inline;
	text-align: center;
	font-size: 12px;
	color: #ccc;
	width: 70px;
	border-left: 1px solid #454a4f;
	line-height: 14px;
    padding-left: 15px;
}
.footertel-box dd .letter-space{
	letter-spacing: 22px;
}
.footertel-box dd a:first-child{
	border-left: none !important;
	text-align: left !important;
	padding-left: 0 !important;
}
.footertel-box dd a:hover{color: #62676e;}
.counetn-box {
	width: 265px;
	margin: 10px 0 0 0;
}
.counetn-box>p{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	text-align: left;
	float: left;
}
.counetn-box>p>b{
	padding-left: 20px;
	font-size: 18px;
	background: url(?public/cszx/images/footer-tel_1.png) left center no-repeat;
}
.footer-code-img{
    width: 100px;
    text-align: center;
}
.footer-code-img img{
	display: block;
	margin: 0 auto;
	width: 70px;
	height:70px;
	margin-bottom: 9px;
}
.footer-code-img p{
	font-size: 14px;
	line-height: 16px;
	color: #ccc;
}
.footer-fr{
	width: 300px;
	text-align: right;
}
.footer-new-copyright{
	font-size: 12px;
	line-height: 14px;
	color: #666;
	text-align: center;
	padding: 19px 0 21px;
}
.box-400 {
	width:600px;
    margin-top:10px;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    border-left: 1px solid #62676e;
    border-right: 1px solid #62676e;
}
.box-400>p {
    font-size:12px;
    line-height: 30px;
    display: inline-block;
    text-align: left;
    padding: 0 35px;
    color: #fff;
}
.box-400>p>span{
	font-size: 14px;
}
/*footer end*/

/*banner  start*/
.inside-banner {
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	height: 450px;
	position: relative;
}
.inside-banner>.bd {
	width: 1920px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	height: 450px;
}
.inside-dot{
	position: absolute;
	bottom:25px;
	z-index: 1;
	width: 100%;
}
.inside-dot>ul {
	text-align: center;
}
.inside-dot>ul>li {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
	width:10px;
	height:10px;
	margin:0 5px;
	background: #6a7072;
	overflow: hidden;
	line-height: 9999px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.inside-dot>ul>li.on {
	background: #fff;
}
/*banner  end*/

/*IE7浏览器提示 start*/
.law-tips{
	width: 100%;
	min-width: 1180px;
	background: #f1fbff;
	text-align: center;
	padding: 15px 0;
}
.law-tips>p{
	font-size: 16px;
	color: #1ca9f2;
	line-height: 30px;
}
.law-tips a{color: #fa4f4f;}
/*IE7浏览器提示 end*/

/*公用浮动客服  start*/
.global-fix{
	display: none;
	width: 80px;
	position: fixed;
	height: 161px;
	top: 50%;
	margin-top: -80px;
	right: 0;
	z-index: 1000;
}
.global-fix li{
	position: relative;
	text-align: center;
	width: 100%;
	background: #272c30;
	margin-bottom: 1px;
}
.global-fix li a{
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
	width: 100%;
	height: 80px;
}
.global-fix li p{
	font-size: 14px;
	color: #fff;
	line-height: 16px;
}
.global-tel{
	width:147px;
	height: 80px;
	line-height: 80px;
	text-align: left;
	background: #ffd450;
	font-size: 20px;
	color: #805513;
	padding-left: 18px;
	position: absolute;
	right:90px;
	top: 0;
	visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.global-icon{
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
	width: 39px;
	height: 39px;
	background: url(?public/cszx/images/icons_03_2.png) no-repeat;
	margin: 14px 0 3px;
	background-position: 0 -26px;
}
.global-icon.icon2{background-position: 0 -66px;}
.global-icon.icon3{background-position: 0 -105px;width: 42px;}
.global-fix li:hover .global-tel{
	visibility:visible;
	right: 80px;
}
.global-fix li:hover{
	background: #ffd450;
}
.global-fix li:hover p{
	color: #805513;
}
.global-fix li:hover .global-icon{
	background-position: -39px -27px;
}
.global-fix li:hover .global-icon.icon2{
	background-position: -39px -66px;
}
.global-fix li:hover .global-icon.icon3{
	background-position: -41px -105px;
}
/*公用浮动客服 end*/
/*当前位置 start*/
.current-address {
	width: 100%;
	font-size: 14px;
	color: #666;
	line-height:54px;
	overflow: hidden;
}
.main-icon{
	width: 12px;
	height: 14px;
	background: url(?public/cszx/images/current-icon.png) no-repeat;
	position: relative;
	top:2px;
}
.current-address>a:hover {color: #45c570;}
.current-address>.line {margin: 0 3px;}
.current-address>.now {color: #45c570;}
/*当前位置 end*/
/*分页 start*/
.page-box{
	width: 600px;
	text-align: center;
	margin: 20px auto 10px;
	overflow: hidden;
}
.page-box a,
.page-box input{
	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  
	*display:inline; /* IE6、7 block 元素 */  
	*zoom:1; 
	text-align: center;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	border: 1px solid #ccc;
	float: left;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
}
.page-box .prev-page,
.page-box .next-page{
	color: #ccc;
	width: 68px;
}
.prev-page.end-page{
	width: 50px;
	margin-right: 6px;
}
.page-box .prev-page:hover,
.page-box .next-page:hover{
	border-color: #45c570;
	color: #45c570;
}
.page-box i{
	width: 6px;
	height: 9px;
	top: 0;
	background-position: -12px 0;
}
.main-icon.main-icon3{
	background-position:-12px -9px ;
}
.page-box>a:hover i{
	background-position:0 -18px;
}
.page-box>a:hover .main-icon.main-icon3{
	background-position:-6px -18px ;
}
.page-box span{
	float: left;
	margin: 0 2px 0 5px;
	overflow: hidden;
}
.page-box span>a{
	border-left: none;
	width: 35px;
	color: #333;
}
.page-box span .cur{
	background: #45c570;
	color: #fff;
	border:1px solid #45c570;
}
.page-box span a:hover{
	background: #45c570;
	color: #fff;
	border-color: #45c570;
}
.page-box span>a:first-child{
	border-left: 1px solid #ccc;
}
.page-box font{
	font-size: 12px;
	color: #aaa;
	line-height: 34px;
	padding:0 7px;
	float: left;
}
.page-box input{
	width: 35px;
	color: #333;
}
.page-box .page-btn{
	width: 58px;
	color: #333;
}
.page-box .page-btn:hover{
	background: #45c570;
	color: #fff;
	border-color: #45c570;
}
/*分页 end*/
/*城市列表start*/
 .city{
 	margin-top: 25px;
 	margin-left:10px;
 	font-size: 16px;
 	position: relative;
 }

 .city a:hover{
 	color: #ce001d;
 	font-weight: 500;
 }
 .cityli{
 	display: none;
 	position: absolute;
 	top: -35px;
 	left: 68px;
 	width: 190px;
 	height:70px;
 	padding:10px;
 	border:1px solid #999;
 }
 .cityli li{
 	width: 45px;
 	height: 30px;
 	line-height: 30px;
 	font-size: 14px;
 	float:left;
 	text-align: center;
 }
 .city:hover .cityli{
   display: block;
 }
/*城市列表end*/


/*nav start*/
.nav-list .at-first{
	float: left;
	position: relative;
	z-index: 333;
	width: 230px;
	height: 50px;
	line-height: 50px;
	background:#0167c8;
	color:#fff;
	text-align: center;
	margin-right: 1px;
	pointer-events: none;
	font-size: 20px;
}
.nav-list .at-first>b{
	position: relative;
	z-index: 20;
	width: 100%;
	display: block;
	height: 50px;
	line-height: 50px;
	pointer-events: auto;
}
.nav-list .at-first .hide-nav-box{
	position: absolute;
	left: 0;
	top: 50px;
	width: 230px;
	z-index: 999;
	pointer-events:auto;
	background: #fff;
	display: none;
}

.nav-list .active-nav>.line{
	background: #004b92;
}
.nav-list .at-first .hide-nav-box>.line{
	display: block;
	font-size: 20px;
	color:#333;
	border-bottom: 1px solid #ddd;
	padding:4.7px 0;
	cursor: pointer;
}
.nav-list,.bg-box.add-bg-box{
	overflow: inherit;
}
.iconfont.nav-icon{
	font-size:30px;
	margin-right: 25px;
}
.nav-list .hide-nav-box .line:hover{
	color:#fff;
	background:#004b92 ;
}
.nav-list li{
	width: 120px;
}

.hide-left-nav{
	display: none;
	position: absolute;
	z-index: 9999;
	left: 231px;
	top: 0;
	background: #fff;
	width: 340px;
	-webkit-box-shadow: 0 0 10px #ddd;
	-moz-box-shadow: 0 0 10px #ddd;
	box-shadow: 0 0 10px #ddd;
	padding: 10px 15px;
}
.hide-left-nav>a{
	display: block;
	font-size: 14px;
	color:#666;
	padding: 15px 0 15px 15px;
	text-align: left;
	line-height: 28px;
	border-bottom: 1px dashed #ddd;
}
.hide-left-nav>a:hover{
	background: #F7F7F7!important;
}
.hide-left-nav>a:hover>span{
	color: #666;
}
.hide-left-nav>a>p{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.hide-left-nav>a:hover>p{
	color:#333;
}
.hide-left-nav>a>span{
	display: inline-block;
	margin-right: 20px;
}
.clear:before,.clear:after{content:"";clear:both;display:block;}
#newBridge .icon-right-center{
	display: none;
}
.logo .tex{
	display: none!important;
}