﻿@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{font:14px/1.5 arial,"微软雅黑",'microsoft yahei';color:#555;outline:0;}

input,select,textarea{font-size:100%;outline-style:none;background:transparent;font-family:"微软雅黑";}

textarea{resize: none;}

input,button{border:none medium;outline:none;font-family:"微软雅黑";}

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;height:0;visibility:hidden;}

.clearfix:after{clear:both;overflow:hidden;}

.clearfix{zoom:1;clear: both;}

.clear{clear:both;display:block;overflow:hidden;height:0;line-height:0;font-size:0;}

.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{font-family:"Microsoft YaHei"}

.family_wr{font-family:"微软雅黑"}

.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:  no-repeat right center;color: #999;font-family: "微软雅黑";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: 235px;

    position: relative;

}

.logo>a{

    display: inline-block;

    *display: inline;

    *zoom:1;

}

.header-tel{

    margin-top:20px;

    text-align: left;

}

.header-tel p{

    padding-left: 60px;

    font-size: 30px;

    line-height: 30px;

    color: #f05d21;

    display: block;

    background: url(/templets/default/images/header-tel.gif) left 3px no-repeat;

    color: #004b92;

    font-size: 25px;

    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: 150px;

	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;

	position: relative;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.nav-list .active-nav a{

	background: #d19331;

}

.nav-list li a:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #d19331;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -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%;

}

.adv-list{

	overflow: hidden;

}

.adv-list li{

	width: 25%;

	float: left;

	text-align: left;

	padding: 35px 0;

}

.adv-list li i{

	width: 60px;

	height:60px;

	background: url(/templets/default/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: -60px 0;}

.adv-list li .footer-icon3{background-position: -120px 0;}

.adv-list li .footer-icon4{background-position: -180px 0;margin-left: 50px;}

.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: #805513;

}

.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: 305px;

	margin: 10px 0 0 0;

}

.footertel-box dt{

	font-size: 14px;

	color: #fff;

	margin-bottom: 20px;

}

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

}

.footertel-box dd .letter-space{

	letter-spacing: 22px;

}

.footertel-box dd a:first-child{

	border-left: none !important;

	text-align: left !important;

}

.footertel-box dd a:hover{color: #62676e;}

.footertel-box>p{

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	text-align: left;

	float: left;

}

.footertel-box>p>b{

	padding-left: 20px;

	font-size: 18px;

	background: url(/templets/default/images/footer-tel.png) left center no-repeat;

}

.footer-code-img{

    width: 70px;

    text-align: center;

}

.footer-code-img img{

	display: block;

	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;

}

.logo>a>span{

	font-size: 14px;

	color: #000;

	position: absolute;

    right:22px;

    top: 27px;

}

.box-400 {

	width: 560px;

    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 13px 0 30px;

    color: #fff;

}

.box-400>p>span{

	font-size: 14px;

}

/*footer end*/

/*banner  start*/

.inside-banner {

	width: 100%;

	min-width: 1200px;

	overflow: hidden;

	height: 599px;

	position: relative;

}

.inside-banner>.bd {

	width: 1920px;

	position: absolute;

	left: 50%;

	margin-left: -960px;

	height: 599px;

}

.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*/

/*banner start*/

.inside-banner>.bd .banner-box>li{

	width: 100%;

	overflow: hidden;

}

.inside-banner>.bd .banner-box>li>a{

	width: 100%;

	position: relative;

	display: block;

	text-align: center;

}

.banner-img{

	width: 1920px;

	height: 600px;

    -webkit-animation: scale_img 7s ease both;

    -moz-animation: scale_img 7s ease both;

    -ms-animation: scale_img 7s ease both;

    -o-animation: scale_img 7s ease both;

    animation: scale_img 7s ease both;

}

.banner-text{

	width: 1180px;

	height:600px;

	position: absolute;

	left: 50%;

	margin-left: -590px;

	top:0;

	text-align: center;

}

.banner-text img{

	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  

	*display:inline; /* IE6、7 block 元素 */  

	*zoom:1; 

	width: 1224px;

	height: 419px;    

	margin: 88px 0 0 49px;

}

.banner-text2 img{

	width: 1090px;

	height: 179px;

	margin: 180px 0 45px;

}

.zx-btn{

	width: 160px;

	text-align: center;

	line-height: 48px;

	height: 48px;

	border-radius: 6px;

	background: #ffd450;

	font-size: 16px;

	color: #0c1415;

	font-weight: bold;

}

.banner-text2 span{

	margin-top: 365px;

}

.zx-btn:hover{

	filter:alpha(opacity=80);       /* IE */

	-moz-opacity:0.8;              /* 老版Mozilla */

	-khtml-opacity:0.8;              /* 老版Safari */

	opacity: 0.8;

}

/*banner end*/

/*动画 start*/

@-webkit-keyframes  scale_img{

    from{

        transform: scale(1.3,1.3);

    }

    to{

        transform: scale(1,1);

    }

}

@-moz-keyframes  scale_img{

    from{

        transform: scale(1.3,1.3);

    }

    to{

        transform: scale(1,1);

    }

}

@-o-keyframes  scale_img{

    from{

        transform: scale(1.3,1.3);

    }

    to{

        transform: scale(1,1);

    }

}

@-ms-keyframes  scale_img{

    from{

        transform: scale(1.3,1.3);

    }

    to{

        transform: scale(1,1);

    }

}

@keyframes  scale_img{

    from{

        transform: scale(1.3,1.3);

    }

    to{

        transform: scale(1,1);

    }

}

/*动画 end*/

/*公用浮动客服  start*/

.global-fix{

	width: 80px;

	position: fixed;

	height: 161px;

	top: 50%;

	margin-top: 50px;

	right: 0;

	z-index: 1000;

}

.global-fix li{

	position: relative;

	text-align: center;

	width: 100%;

	background: #122136;

	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(/templets/default/images/icons_03.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*/

.banli-box{

	width: 442px;

	height: 52px;

	line-height: 52px;

	text-align: left;

	padding-left:10px;

	margin: 30px auto 50px;

	border-radius: 2px;

	font-size: 16px;

	color: #333;

	position: relative;

	border: 1px solid #a77629;

}

.banli-box b{

	font-size: 24px;

	color: #a77629;

	margin-left: 10px;

}

.banli-box>a{

	width: 148px;

	height: 52px;

	line-height: 52px;

	border: none;

	border-radius: 0 2px 2px 0;

	position: absolute;

	font-size: 16px;

	color: #fff;

	top: 0;

	right: 0;

	background: #a77629;

	font-weight: normal;

}

/*按钮 end*/

