@charset "utf-8";

/*-----样式初始化-----*/
html{-ms-text-size-adjust:100%; _text-overflow:ellipsis;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0; padding:0;}
body,button,input,select,textarea{font-family:\5FAE\8F6F\96C5\9ED1/*雅黑*/, \5B8B\4F53/*宋体*/, arial, sans-serif; font-size:14px; color:#898989; background-color:#fff; line-height:24px;}
table{border-collapse:collapse;}
table,td,tr,th{font-size:12px;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
small,cite,code,em,th,i,b{font-style:normal;}
a{text-decoration:none; color:#898989;}
a:hover{color:#c83667; outline:0 none;}
a:active{outline:0 none;}
img{border:0 none; vertical-align:middle;}
input,button,select,textarea{outline:none; border:0 none;}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}

/*-----公共样式-----*/
.w-item{width:980px;}
.f12{font-size:12px;}
.f14{font-size:12px;}
.f16{font-size:14px;}
.f18{font-size:16px;}
.f20{font-size:18px;}
.f22{font-size:20px;}
.f24{font-size:22px;}
.f26{font-size:24px;}
.f28{font-size:26px;}
.f32{font-size:30px;}
.lh22{line-height:20px;}
.lh24{line-height:22px;}
.lh26{line-height:24px;}
.lh28{line-height:26px;}
.lh30{line-height:28px;}
.lh32{line-height:30px;}
.lh34{line-height:32px;}
.lh38{line-height:36px;}
.lh40{line-height:38px;}
.lh42{line-height:40px;}
.text-center{text-align:center;}
.c-grey,.c-grey:visited,.c-grey a{color:#656363;}
.c-green,.c-green:visited,.c-green a{color:#1abb9c;}
.c-blue,.c-blue:visited,.c-blue a{color:#426aaf;}
.c-white,.c-white:visited,.c-white a{color:#fff;}
.c-l-grey,.c-l-grey:visited,.c-l-grey a{color:#b5b5b5;}
.c-d-grey,.c-d-grey:visited,.c-d-grey a{color:#898989;}
.c-l-green,.c-l-green:visited,.c-l-green a{color:#7fa900;}
.c-l-orange,.c-l-orange:visited,.c-l-orange a{color:#ff964c;}
.bgc-black{background:#262626; width:100%; min-width:980px;}
.bgc-grey{background:#f6f6f6; width:100%; min-width:980px;}
.bgc-white{background:#fff; width:100%; min-width:980px;}
.bgc-blue{background:#426aaf; width:100%; min-width:980px;}
.blank32{clear:both; height:2.286em; overflow:hidden; display:block;}
.blank42{clear:both; height:3em; overflow:hidden; display:block;}
.blank81{clear:both; height:5.786em; overflow:hidden; display:block;}
.blank84{clear:both; height:6em; overflow:hidden; display:block;}
.mr20{margin-right:20px;}
.mb7{margin-bottom:7px;}
.fl{float:left;}
.fr{float:right;}
.clearfix:before,.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{clear:both; *zoom:1;}
.clear-both{clear:both;}
.dis-none{display:none;}
.mag0{ margin:0 auto;}
/*-----header-----*/
.header{width:100%;}
.header-gd{width:100%; border-bottom:1px solid #eaeaea;}
.header-top{width:980px\9; margin:0 auto;}
.header-top .header-logo{width:240px\9; _width:265px; float:left;}
.header-top .header-logo img{padding-top:17px; padding-top:13px\9; _padding-top:11px;}
.header-top .header-nav{width:570px\9; _width:531px; _padding-left:2px; float:left;}
.header-top .header-tel{width:200px\9; _width:190px; float:right;}
.header-top .header-tel img{ padding-top:0px\9; _padding-top:0px;}
.head-gb{ width:980px\9; margin:0 auto; text-align:right; font-size:14px; height:28px; position:relative; line-height:28px;}
.head-gb i{ }
.nav{padding:0; position:relative; z-index:1; width:96%\9; margin:0 auto; z-index:20;}
.nav a{color:#898989;}
.nav .nLi{float:left; position:relative; display:inline; width:20%; text-align:center; height:84px;}
.nav .nLi h3{float:left; width:100%;}
.nav .nLi h3 a{display:block; padding:17px 2% 6px 2%; border-bottom:1px solid #f0f0f0;}
.nav .sub{display:none; width:100%; left:0; top:84px; position:absolute; background:#fff; padding:5px 0;}
.nav .sub li{zoom:1;}
.nav .sub a{display:block; *display:inline-block; padding:1% 0;}
.nav .sub a:hover{color:#c83667;}
.nav .on h3 a{color:#fff; border-color:#c83667;}
.banner-item{width:100%; height:450px;}

/*-----banner-----*/
.banner{position:relative; height:450px; background:#898989; overflow:hidden;}
.banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd ul{width:100% !important;}
.banner .bd li{width:100% !important; height:450px;overflow:hidden;text-align:center;}
.banner .bd li a{display:block; height:450px;}
.banner .bd li.bg1{background:#f6f6f6 url(../images/banner04.jpg) center 0 no-repeat;}
.banner .bd li.bg2{background:#f6f6f6 url(../images/banner01.jpg) center 0 no-repeat;}
.banner .hd{width:100%; position:absolute;z-index:1;bottom:0;left:0;height:35px;line-height:35px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:0 8px;overflow:hidden;background:#b5b5b5; line-height:50px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.banner .hd ul .on{background:#c83667;}
.banner .prev,.banner .next{display:inline-block; position:absolute; z-index:1; top:50%; margin-top:-31px; width:30px; height:62px; cursor:pointer; display:none;}
.banner .prev{background:url(../images/banner-prev.png) no-repeat; left:8%;}
.banner .next{background: url(../images/banner-next.png) no-repeat; right:8%;}

/*------content-------*/
.content-h1{ text-align:center; min-width:980px; line-height:120px; margin-top:40px;}
.content-p{ margin:0 auto 80px auto;}

.intro-left{ width:48.8%;}
.intro-left h3{ line-height:64px; padding-top:6px;} 
.intro-right{ width:48.8%;}
.intro-right ul li{ width:100%; background:#efefef; height:77px; margin-bottom:10px; position:relative;}
.intro-right ul li em{ width:15.5%; height:57px; position: absolute; border-right:1px dashed #dddddd; color:#b4b4b4; top:4px; left:0; text-align:center; padding-top:12px;}
.intro-right ul li a{ padding-left:20%; line-height:77px;}
.sy-tit{ width:100%; color:#656363; text-align:center; padding-top:76px; position:relative; border-bottom:1px solid #eaeaea; margin-bottom:50px; padding-bottom:28px;}
.sy-tit small{ color:#b5b5b5;}
.sy-tit i{ position:absolute; width:214px; height:3px; background:#c83667; bottom:-2px; left:50%; margin-left:-107px;}

.spec ul li{ float:left; width:31.2%; height:186px; text-align: center; margin-left:3%; line-height:186px;}
.spec ul li:nth-child(odd){ background:#efefef;}
.spec ul li:nth-child(even){ background:#ecbacc;}
.spec ul li:nth-child(even) a{ color:#ffffff;}
.spec ul li:nth-child(even) a:hover{color:#c83667; outline:0 none;}
.spec ul li:nth-child(n+4){ margin-top:70px;}
.spec ul li a{ display:block;}


/*-----banner-----*/
.envir{position:relative; height:616px; background:#fff; overflow:hidden; margin-bottom:60px;}
.envir .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.envir .bd ul{width:100% !important;}
.envir .bd li{width:100% !important; height:562px;overflow:hidden;text-align:center;}
.envir .bd li a{display:block; height:562px;}
.envir .bd li.bg1{background:#f6f6f6 url(../images/hj01.jpg) center 0 no-repeat;}
.envir .bd li.bg2{background:#f6f6f6 url(../images/hj01.jpg) center 0 no-repeat;}
.envir .bd li.bg3{background:#f6f6f6 url(../images/hj01.jpg) center 0 no-repeat;}
.envir .hd{width:100%; position:absolute;z-index:1;bottom:0px;left:0;height:35px;line-height:35px;}
.envir .hd ul{text-align:center;}
.envir .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:0 8px;overflow:hidden;background:#b5b5b5; line-height:50px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.envir .hd ul .on{background:#c83667;}
.envir .prev,.banner .next{display:inline-block; position:absolute; z-index:1; top:50%; margin-top:-31px; width:30px; height:62px; cursor:pointer; display:none;}
.envir .prev{background:url(../images/banner-prev.png) no-repeat; left:8%;}
.envir .next{background: url(../images/banner-next.png) no-repeat; right:8%;}

/*-----footer-----*/
.footer{width:100%; color:#a7a7a7; padding:16px 0 35px 0;}
.footer a{color:#a7a7a7;}
.footer a:hover{color:#a7a7a7;}
.footer-main{width:980px\9; overflow:hidden; margin:0 auto;}
.footer-left{width:26.7%; margin-top:2.8em;}
.footer .footer-logo{text-align:center; margin-bottom:.8em;}
.footer-center{margin-left:9%; padding-top:2.2em;}
.footer-center .footer-list{float:left; margin-left:36px;}
.footer-right{width:30%; margin-top:3em;}
.footer-right .footer-weixin{border-top:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; overflow:hidden; padding:16px 0; height:93px; width:100%; margin-top:15px;}
.footer-right .footer-weixin ul{overflow:hidden;}
.footer-right .footer-weixin ul li{float:left; height:93px;}
.footer-right .f-mt{margin-top:11px\9;}


/*-----@media-----*/
@media only screen and (min-width: 1220px){
	body,button,input,select,textarea{font-size:14px;}
	.w-item{width:1220px;}
	.f14{font-size:14px;}
	.f16{font-size:16px;}
	.f17{font-size:17px;}	
	.f18{font-size:18px;}
	.f20{font-size:20px;}
	.f22{font-size:22px;}
	.f24{font-size:24px;}
	.f26{font-size:26px;}
	.f28{font-size:28px;}
	.f32{font-size:32px;}
	.lh22{line-height:22px;}
	.lh24{line-height:24px;}
	.lh26{line-height:26px;}
	.lh28{line-height:28px;}
	.lh30{line-height:30px;}
	.lh32{line-height:32px;}
	.lh34{line-height:34px;}
	.lh38{line-height:38px;}
                .lh40{line-height:40px;}
	.lh42{line-height:42px;}
	.header-top .header-logo{width:27%;}
	.header-top .header-logo img{padding-top:10px;}
	.header-top .header-nav{width:58%;}
	.header-top .header-tel{width:15%;font-size: 22px; color: #262626; text-align:right;line-height: 84px;}
	.header-top .header-tel img{padding-top:0px;}
	.header-top .header-tel span{ font-size:18px;}
	.nav{width:84%;}
	.nav .nLi h3 a{padding:16px 2% 8px 2%;}
	.footer{padding:24px 0 39px;}
	.footer-left{width:26.7%;}
	.footer-center{margin-left:9%;}
	.footer-center .footer-list{float:left; margin-left:56px;}
	.footer-right{width:30%;}
	.footer-right .f-mt{margin-top:6px;}
}

@media only screen and (max-width: 1220px){
	body,button,input,select,textarea{font-size:12px;}
	.w-item{width:980px;}
	.f14{font-size:12px;}
	.f16{font-size:14px;}
	.f17{font-size:15px;}
	.f18{font-size:16px;}
	.f20{font-size:18px;}
	.f22{font-size:20px;}
	.f24{font-size:22px;}
	.f26{font-size:24px;}
	.f28{font-size:26px;}
	.f32{font-size:30px;}
	.lh22{line-height:20px;}
	.lh24{line-height:22px;}
	.lh26{line-height:24px;}
	.lh28{line-height:26px;}
	.lh30{line-height:28px;}
	.lh32{line-height:30px;}
	.lh34{line-height:32px;}
	.lh38{line-height:36px;}
                .lh38{line-height:38px;}       
	.lh42{line-height:40px;}
	.header-top .header-logo{width:27%;}
	.header-top .header-logo img{padding-top:10px;}
	.header-top .header-nav{width:58%;}
	.header-top .header-tel{width:15%;font-size: 22px; color: #262626; text-align:right;line-height: 84px;}
	.header-top .header-tel span{ font-size:18px;}
	.header-top .header-tel img{padding-top:0px;}
	.nav{width:86%;}
	.nav .nLi h3 a{padding:19px 2% 6px 2%;}
	.footer{padding:16px 0 29px;}
	.footer-left{width:26.7%;}
	.footer-center{margin-left:9%;}
	.footer-center .footer-list{float:left; margin-left:36px;}
	.footer-right{width:30%;}
	.footer-right .f-mt{margin-top:11px;}
}
