/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

@font-face {
    font-family: "HELVETICANEUELTPRO-THEX";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/HELVETICANEUELTPRO-THEX.OTF");
}
@font-face {
    font-family: "helveticaneuethn";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/helveticaneuethn.OTF");
}
@font-face {
    font-family: "GOTHAMRND-LIGHT";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/GOTHAMRND-LIGHT.OTF");
}
@font-face {
    font-family: "GOTHAMRND-BOOK";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/GOTHAMRND-BOOK.OTF");
}
@font-face {
    font-family: "GOTHAM-BLACK";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/GOTHAM-BLACK.OTF");
}

@font-face {
    font-family: "helveticaneueltpro";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/helveticaneueltpro.OTF");
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
/*    vertical-align:baseline;*/
    background:transparent;
}

body {
    font-family:'Arial','Microsoft YaHei';
    line-height:1;
}

:focus {
	outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}

a{blr: expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/***********布局开始**************/
.fl{
    float: left;
}

.fr{
    float: right;
}

.clear{
    clear: both;
}

img{
    max-width: 100%;
}

.wrap{
    max-width: 100%;
    
}

body{
    background: #fff;
}


.head{
    max-width: 1200px;
    line-height: 70px;
	margin: 0 auto;
    /*display: inline-block;*/
}

.logo{
    display: inline-block;
    width: 450px;
    height: 70px;
}
.logo img{ height:70px;}

.nav{
	max-width: 800px;
    height: 70px;
	line-height: 70px;
	margin: 0 auto;
}
.nav li{
    float: left;
    /*margin-left: 39px;
    font-weight: bold;*/
    text-transform: uppercase;
    position: relative;
	width: auto;
	padding: 0 15px;
	line-height: 70px;
	text-align: center;
}

.nav li a{
    color: #666;
    font-size: 14px;

}

.nav li a:hover, .nav li .active{
    color: #005eab;
/*	font-weight: bold;*/
	max-width: 120px;
	height: 70px;
	display: block;
	/* background: url(../images/nav_hover.png) repeat-x; */
}


#top.fixedNav{ width:100%; border-top: none; border-bottom: 1px #9f9c9c solid; position:fixed; top:0px; left:0px; background: #fff; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}

#header .nav > li > a {
    display: block;
    overflow: hidden;
    position: relative;
}

#header .nav > li > a span::after {
    color: #005eab;
    content: attr(data-title);
    left: 0;
    position: absolute;
    transform: translateY(100%);
    width: 100%;
}
#header .nav > li a.active span, #header .nav > li:hover a span {
    transform: translateY(-100%);
}

#header .nav > li > a span {
    display: inline-block;
    position: relative;
    transition: all 0.3s ease-out 0s;
}

#header .nav {height: 70px;}
#header .nav .navitem {height: 100%;}
/*#header .nav .navitem>a {height: calc(100% + 0px); position: relative}*/

#header .nav .navitem>a span:after {color: #333;}
#header .nav .navitem>a:before {opacity:0; -webkit-transition: all .3s ease; transition: all .3s ease; top: 0px; left: 0; right: 0; margin: 0 auto; position: absolute; content:""; width: 0; height: 1px; left: 50%; background-color: #333;}
#header .nav .navitem>a.active::before, #header .nav .navitem>a:hover::before {opacity: 1; width: 100%; left: 0%}
#header .nav .navitem>a:last-child:after {display: none}



.nav li ul{
    display: none;
    background: #f6f6f6;
    width: 120px;
    padding: 3px 0 3px 0;
    position: absolute;
    top: 70px;
    left: 0px;
	border-top: #333 solid 2px;
/*    box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
    z-index: 99;
}

.nav li ul:before{
    content:"";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 50px;
    /*border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;
	border-width: 3px 0 0 0;*/
}

.nav li ul:after{
    content:"";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 40px; 
    /*border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: rgba(246, 246, 246, 1) transparent;
	border-width: 3px 0 0 0;*/
}

.nav li ul li{
    margin-left: 0px;
    height: 36px;
	width: 100%;
	padding: 0px;
    line-height: 36px;
    color: #333;
/*    border-bottom: 1px solid #ddd;*/
    font-family: 'Microsoft Yahei';
}

.nav li ul li:last-child {border-bottom: none;}
.nav li ul li a{
    width: 100%;
/*    padding-left: 20px;*/
	text-indent: 20px;
	text-align: left;
    display: block;
    font-size: 14px;
    color: #666;
    text-transform: none;    
}

.nav li ul li a:hover{
    background: url(../images/point.png) no-repeat 8px 15px;
    color: #005eab;
	font-weight: normal;
}
.top_line {width: 100%; height: 5px; background: url(../images/top_line.png) repeat-x;}

.head .languages a{
    color: #666;
    font-size: 13px;
/*    font-weight: bold;*/
}

.head .languages .space{
/*    font-weight: bold;*/
    padding:0 2px;
	color: #999;
}

.head .search{
    width: 190px;
    height: 30px;
    border:1px solid #d80c18;
    margin-top: 24px;
    margin-right: 10px;
	border-radius: 3px;
}

.head .search input{
    width: 148px;
    height: 28px;
    border:none; 
    outline: none;
    padding-left: 10px;
	border-radius: 4px;
}

.head .search .ss{
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    background: url(../images/ss.jpg) no-repeat;
    cursor: pointer;
	border-radius: 4px;
}

/*
#indexPage {
    position: relative;
}

#indexPage #topSlider {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#indexPage #topSlider ul.content_list {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.bx-wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
}
#indexPage #topSlider .bx-wrapper .bx-pager {
    height: 20px;
}
.bx-wrapper .bx-pager {
    color: #666;
    font-family: Arial;
    font-size: 0.85em;
    font-weight: bold;
    text-align: center;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 20px;
    position: absolute;
    width: 100%;
    z-index: 3;
}

#sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction {
    height: 90px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

#indexPage #topSlider .bx-wrapper .bx-pager a {
    width: 42px;
}
#indexPage #topSlider .bx-wrapper .bx-pager a {
    display: block;
    height: 10px;
    margin: 0 5px;
    outline: 0 none;
    width: 30px;
}
.bx-sliderCount, a, a i { color: #999;}

.container_category a::after, .news .content_list::before, #indexPage #topSlider .bx-wrapper .bx-pager a div.progress, .bx-wrapper .bx-pager.bx-default-pager a, .mlist.team_tabs .tab_content li .item_info::after {
    background-color: #cecece;
}
#indexPage #topSlider .bx-wrapper .bx-pager a div.progress { height: 2px; transition: all 0.4s ease 0s;}
#indexPage #topSlider .bx-wrapper .bx-pager a div.progress { background-color: #e7e7e7; height: 1px; margin-top: 4px; width: 100%;}*/


.notice {width: 100%; position: absolute; height: 45px; line-height: 45px; z-index: 999; bottom: 0px;}
.notice .tit {width: 19.5%; padding-right: 0.5%; background: #0f5d9d; text-align: right; height: 45px; line-height: 45px; opacity: 0.9; color: #fff;}
.notice .list {width: 80%; background-color: rgba(255,255,255,0.9); opacity: 0.8; text-align: left; height: 45px; line-height: 45px;}
.notice .list li {
	width: 32%;
	text-align: left;
	float: left;
	margin-left: 1.3%;
	overflow: hidden; 
	text-overflow:ellipsis;
	white-space: nowrap;
}
.notice .list li a {color: #333;}
.notice .list li a:hover {color: #0f5d9d;}



/*--banner下方数字组--*/

.mcounter {background-color: #fafafa;}
.module.mcounter .module_container {padding: 40px 0;}
.module.mcounter ul.content_list {height: auto; width: 100%;}
.module.mcounter ul.content_list li {float: left; height: 108px; text-align: center; width: 25%;}
.module.mcounter ul.content_list li div {border-right: 1px solid rgba(0, 0, 0, 0.08);}
.module.mcounter ul.content_list li:last-child div {border-right: medium none;}
.module.mcounter ul.content_list li p {color: #939393; font-size: 14px; text-align: center;}
.module.mcounter ul.content_list li p.number {margin-top: 15px;}
.module.mcounter ul.content_list li p.number .counterDX {
    color: #3c3c3c;
    font-family: HELVETICANEUELTPRO-THEX;
    font-size: 54px;
    margin-top: 15px;
    text-align: center;
}
.module.mcounter ul.content_list li p.number .unit {
    color: #959595;
    font-size: 14px;
    vertical-align: top;
}
.module.mcounter ul.content_list li p.title {margin-top: 5px; color: #555;}

/*--banner下方数字组--*/

/*--banner下方数字组--*/
/*
.module_container .container_content {position: relative; left: 0; width: 56%; height: 731px; background: #292929}
.module_container .container_content {height: 86%}
.module_container .container_content {position: relative; left: 0; width: 56%; background: #292929}
.module_container .container_content .wrapper {position: absolute; width: 100%; left: 0}
.module_container .container_content .wrapper .header {float: left; padding-left: 50px; padding-bottom: 15px; border-bottom: 1px solid rgba(58,58,58,.68)}
.module_container .container_content .wrapper .header p {text-align: left}
.module_container .container_content .wrapper .header p.title {font-size: 20px; line-height: 22px}
.module_container .container_content .wrapper .header p.subtitle {font-size: 12px;line-height: 14px; color: #7a7b7b}
*/
/*--banner下方数字组--*/


/*--关于我们开始--*/

.aboutus {width: 100%; background: url(../images/aboutBg.jpg) no-repeat; background-position: center bottom; height: auto; padding: 60px 0 80px;}
.aboutus .wow {animation-name: fadeInUp;}

.aboutus .header {float: left;  color: #555; width: 12%; font-size: 24px; margin: 0 auto; text-align: right; border-bottom: #f0f0f0 solid 1px;}

.aboutus .header .title { color: #666;  font-size: 20px;  margin: 5px 0; font-weight: 500;}
.aboutus .header .subtitle { color: #999;  font-size: 14px;  margin: 10px 0;}
.aboutus .aboutcon {max-width: 1200px; height: 340px; background: rgba(15,93,157,1); margin: 80px auto 0 auto; position: relative;}
.aboutus .aboutcon .aboutimg {float: left; margin: -50px 0 0 2%; width: 53%; height: auto;}
.aboutus .aboutcon .textcon {float: left; width: 42%;}

.aboutus .aboutcon .textcon { color: #fff; visibility: visible; animation-name: fadeInUp;}
.aboutus .aboutcon .textcon .tit { color: #fff; font-size: 24px; font-weight: bold; line-height: 40px;}
.aboutus .aboutcon .textcon .tit a { color: #fff; font-size: 24px; font-weight: bold; line-height: 40px;}
.aboutus .aboutcon .textcon .txt { color: #fff; font-size: 14px; line-height: 24px; margin-bottom: 20px;}

.aboutus .aboutcon .textcon {z-index: -1; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s}

.aboutus .aboutcon .textcon .bdr {position: relative; width: 100%;}
.aboutus .aboutcon .textcon .item_info {width: 97%; float: left; margin-left: 3%; margin-top: 30px;	position: relative;}

.aboutus .aboutcon .textcon:hover .item_info {padding: 0 0 0 40px; -webkit-transition: all .6s ease 0s;	transition: all .6s ease 0s;}
/*.aboutus .aboutcon .textcon .item_info .line {background-color: #fff; height: 1px; width: 70px; margin-left: -120px;}*/

.aboutus .aboutcon .textcon .bdr:before {opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; top: 50px; position: absolute; content:""; width: 0; height: 1px; left: 0; background-color: #fff;}

.aboutus .aboutcon .textcon .bdr:hover::before {opacity: 1; width: 10%; left: 0;}

.aboutus .aboutcon .textcon .btn {width: 90px; height: 30px; text-indent: -9999px; display: block; background: url(../images/next.png) no-repeat;
	position: absolute; bottom: -60px; opacity: 0; left: 40px;}

.aboutus .aboutcon .textcon:hover .btn {display: block;	position: absolute;	bottom: -40px; opacity: 1;
	-webkit-transition: all .6s ease; transition: all .6s ease;
}
.aboutus .aboutLogo {position: absolute; right: -25px; bottom: 10px;}

/*--关于我们结束--*/


/*--新闻动态开始--*/

.container_category {float: right; padding-right: 50px; height: 26px; line-height: 26px}
.container_category a {padding: 6px 20px; margin-left: 11px; text-align: center;color: #717171; background: 0 0; font-weight: 200; font-size: 12px;}
.container_category a.active, .container_category a:hover {color: #fff; background: #0f5d9d}
.container_category a:after {display: none}
.container_category a::before {content:"|"; position: relative; top: 0; left: -27px; color: #ccc}
.container_category a:nth-of-type(1)::before {display: none}
.container_category .more {position: absolute; top: 0; left: 100%; width: 98px; height: 24px; border: 1px solid #414143; line-height: 500px; overflow: hidden}


.newsus {width: 100%; background: #fcfcfc;  height: auto; padding: 60px 0 30px;}
.newsus .wow {animation-name: fadeInUp;}

.newsus .header {float: left; color: #555; width: 12%; font-size: 24px; margin: 0 auto; text-align: right; border-bottom: #f0f0f0 solid 1px;}

.show {display: none;}
.show.active {display: block;}

.newsus .header .title { color: #666;  font-size: 20px;  margin: 5px 0; font-weight: 500;}
.newsus .header .subtitle { color: #999;  font-size: 14px;  margin: 10px 0;}

.newsus .newscon {max-width: 1200px; height: 500px; margin: 40px auto 0 auto; position: relative;}
/*.newsus .newscon .textcon { animation-name: fadeInUp; width: 390px; height: 500px; position: relative;}
.newsus .newscon li { float: left; margin-right: 15px;}
.newsus .newscon li:last-child {margin-right: 0;}*/
.newsus .newscon .textcon { animation-name: fadeInUp; width: 30.33%; height: auto; position: relative;}
.newsus .newscon li {float: left; margin: 0 1.5%;}

.newsus .newscon .textcon .img {width: 100%; height: auto; overflow: hidden;}
.newsus .newscon .textcon .img img {width: 100%; transition: all 0.6s;}
.newsus .newscon .textcon .tit { color: #333; font-size: 16px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsus .newscon .textcon .time { color: #999; font-size: 14px; line-height: 20px;}
.newsus .newscon .textcon .tit a { color: #333; text-decoration: none;}
.newsus .newscon .textcon .txt { color: #666; font-size: 14px; line-height: 24px; margin: 10px 0; padding-top: 25px; border-top: #ccc solid 1px; height: 48px; overflow: hidden;}
.newsus .newscon .textcon .line {background-color: #ccc; height: 1px; font-size: 0;}

.newsus .newscon .btn {width: 90px; height: 30px; text-indent: -9999px;	display: block;	background: url(../images/news_next.png) no-repeat;
	position: absolute; opacity: 0; bottom: -60px;
}
.newsus .newscon .textcon:hover .btn {display: block; position: absolute; bottom: -30px; opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease;}

.newsus .newscon .textcon:hover .img img {transform: scale(1.2);}
.newsus .newscon .textcon:hover .tit {font-weight: bold;}
/*.newsus .newscon .textcon:before {opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; top: 320px; position: absolute; content:""; width: 0; height: 1px; left: 0%; background-color: #333;}
.newsus .newscon .textcon:hover::before {opacity: 1; width: 390px; left: 0%}*/

.newsus .newscon .textcon .txt:after {content: ''; position: absolute; left: 0px; bottom: 83px; width: 1px; height: 1px; background: #dddddd;}
.newsus .newscon .textcon:hover .txt:after { width: 100%; left: 0px; background: #333; -webkit-transition: all .6s ease; transition: all 0.6s;}




.xwcon { animation-name: fadeInUp; width: 100%; height: auto; position: relative; float: left;}
.xwcon .img {width: 100%; height: auto; overflow: hidden;}
.xwcon .img img {width: 100%; transition: all 0.6s;}
.xwcon .tit { color: #333; font-size: 16px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xwcon .time { color: #999; font-size: 14px; line-height: 20px;}
.xwcon .tit a { color: #333; text-decoration: none;}
.xwcon .txt { color: #666; font-size: 14px; line-height: 24px; margin: 10px 0; padding-top: 25px; border-top: #ccc solid 1px; height: 48px; overflow: hidden;}

.xwcon .btn {width: 90px; height: 30px; text-indent: -9999px;	display: block;	background: url(../images/news_next.png) no-repeat;
	position: absolute; opacity: 0; bottom: -60px;
}
.xwcon:hover .btn {display: block; position: absolute; bottom: -30px; opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease;}

.xwcon:hover .img img {transform: scale(1.2);}
.xwcon:hover .tit {font-weight: bold;}
.xwcon:hover .txt {color: #333;}
.xwcon .txt:after {content: ''; position: absolute; left: 0px; bottom: 83px; width: 1px; height: 1px; background: #dddddd;}
.xwcon:hover .txt:after { width: 100%; left: 0px; background: #333; -webkit-transition: all .6s ease; transition: all 0.6s;}



/*--新闻动态结束--*/


/*--四大优势开始--*/

.ysus {width: 100%; background: #fff;  height: auto; padding: 60px 0 0px;}
.ysus .wow {animation-name: fadeInUp;}

.ysus .header {float: left; color: #555; width: 12%; font-size: 24px; margin: 0 auto; text-align: right; border-bottom: #f0f0f0 solid 1px;}

.ysus .header .title { color: #666;  font-size: 20px;  margin: 5px 0; font-weight: 500;}
.ysus .header .subtitle { color: #999;  font-size: 14px;  margin: 10px 0;}

.ysus .yscon {width: 100%; background: #0f5d9d; height: 200px; margin: 40px 0 0; position: relative;}
.ysus .yscon .ysbdr {max-width: 1200px; margin: 0 auto;}
.ysus .yscon .textcon { animation-name: fadeInUp; width: 25%; height: 200px; position: relative; background: url(../images/line1.png) no-repeat right center;}
.ysus .yscon li { float: left;}
.ysus .yscon li:last-child {background: none;}
.ysus .yscon .textcon .img {width: 90px; height: 72px; margin: 40px auto 0px; position: relative; z-index: 999;}
.ysus .yscon .textcon .img img {width: 100%; transition: all 0.6s;}
.ysus .yscon .textcon .tit { color: #fff; font-size: 16px; line-height: 20px; text-align: center; z-index: 999; position: relative;}
.ysus .yscon .textcon .time {margin: 0 auto; width: 30%; text-indent: -9999px; line-height: 2px; text-align: center; border-bottom: #ccc solid 1px; opacity: 0; z-index: 999; position: relative;}
.ysus .yscon .textcon .txt { color: #eee; font-size: 14px; line-height: 24px; text-align: center; margin: 0; height: 24px; position: relative; z-index: 999;}
.ysus .yscon .textcon .num {color: #15578f; font-size: 128px; font-family: Arial, Helvetica, sans-serif; position: absolute; bottom: -15px; right: 0; z-index: 0; opacity: 0;}

.ysus .yscon .textcon:hover {background: #0d548d;}
.ysus .yscon .textcon:hover .time {opacity: 1;}
.ysus .yscon .textcon:hover .img {margin: 20px auto 0px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.ysus .yscon .textcon:hover .tit {margin: 5px auto 5px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.ysus .yscon .textcon:hover .txt {margin: 5px auto 0; -webkit-transition: all .3s ease; transition: all .3s ease;}
.ysus .yscon .textcon:hover .num {opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease;}

.ysus .yscon .textcon:before {opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; top: 160px; position: absolute; content:""; width: 0; height: 1px; right: 0%; background-color: #378cd1;}
.ysus .yscon .textcon:hover::before {opacity: 1; width: 30%; left: 35%}

/*--四大优势结束--*/


/*--精品工程开始--*/
.caseus {width: 100%; background: #fff;  height: auto; padding: 60px 0 20px;}
.caseus .wow {animation-name: fadeInUp;}

.caseus .header {float: left; color: #555; width: 12%; font-size: 24px; margin: 0 auto; text-align: right; border-bottom: #f0f0f0 solid 1px;}

.caseus .header .title { color: #666;  font-size: 20px;  margin: 5px 0; font-weight: 500;}
.caseus .header .subtitle { color: #999;  font-size: 14px;  margin: 10px 0;}

.case_category {float: right; padding-right: 50px; height: 26px; line-height: 26px; overflow: hidden;}
.case_category a {padding: 6px 10px; height: 26px; line-height: 26px; margin-left: 11px; text-align: center; color: #717171; background: 0 0; font-weight: 200; font-size: 12px;}
.case_category a.active, .case_category a:hover {color: #fff; background: #0f5d9d}
.case_category a:after {display: none}
.case_category a::before {content:"|"; position: relative; top: 0; left: -20px; color: #ccc}
.case_category a:nth-of-type(1)::before {display: none}

.caseus .casecon {max-width: 1200px; height: 215px; margin: 40px auto 20px auto; position: relative; overflow: hidden;}

.caseus .casecon .textcon { animation-name: fadeInUp; width: 23%; min-height: 215px; position: relative;}
.caseus .casecon li { float: left; margin: 0 1%;}
/*.caseus .casecon li:nth-of-type(4) { margin-right: 0;}*/
.caseus .casecon .textcon .img {width: 100%; min-height: 215px; overflow: hidden;}
.caseus .casecon .textcon .img img {width: 100%; transition: all 0.6s;}
.caseus .casecon .textcon .item_info {background: rgba(255,255,255,0.8); position: absolute; bottom: 0; width: 100%; height: 80px;}
.caseus .casecon .textcon .item_info .tit { color: #333; font-size: 16px; padding: 12px 10px 0 10px; opacity: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.caseus .casecon .textcon .item_info .time { color: #999; font-size: 14px; line-height: 20px;}
.caseus .casecon .textcon .item_info .tit a { color: #333;}
.caseus .casecon .textcon .item_info .txt { color: #666; font-size: 14px; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.caseus .casecon .textcon .line {background-color: #ccc; height: 1px; font-size: 0;}

.caseus .casecon .btn {width: 30px; height: 30px; text-indent: -9999px;	display: block;	background: url(../images/caseBtn.png) no-repeat;
	position: absolute;	opacity: 0; right: 0; top: 25px;
}

.caseus .casecon .textcon:hover .btn {display: block; position: absolute; opacity: 1; right: 20px; -webkit-transition: all .6s ease; transition: all .6s ease;}

.caseus .casecon .textcon:hover .img img {transform: scale(1.1);}
.caseus .casecon .textcon:hover .tit { padding: 12px 40px 0 20px; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1;}
.caseus .casecon .textcon:hover .txt { padding: 10px 40px 10px 20px; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1;}

.caseus .casecon .textcon .item_info {opacity: 0; box-sizing: border-box;}

.caseus .casecon .textcon:hover .item_info {opacity: 1;}
.caseus .casecon .textcon .item_info .text_wrap {opacity: 0; margin: 0; border: #999 solid 1px;}
.caseus .casecon .textcon:hover .item_info .text_wrap {opacity: 1; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; border: #999 solid 1px; margin: 8px; width: auto;}

.caseus .casecon .bx-controls-direction a {background: #141517 no-repeat center center}
.caseus .casecon .bx-controls-direction a i:before {display:none}

.caseus .casecon .bx-controls-direction .bx-prev {width: 60px; height: 60px; background: url(../images/case_prev1.png) no-repeat; position: absolute; left: 0; top: 75px;
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 0.8; text-indent: -9999px;}

.caseus .casecon .bx-controls-direction .bx-prev:hover {width: 60px; height: 60px; background: url(../images/case_prev2.png) no-repeat;
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 1;}

.caseus .casecon .bx-controls-direction .bx-next {width: 60px; height: 60px; background: url(../images/case_next1.png) no-repeat; position: absolute; right: 1px; top: 75px;
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 0.8; text-indent: -9999px;}

.caseus .casecon .bx-controls-direction .bx-next:hover {width: 60px; height: 60px; background: url(../images/case_next2.png) no-repeat;
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 1;}

.bx {width: 46px; margin: 0 auto;}
.bx-pager-item a{float: left; margin: 0 5px; width: 10px; height: 10px; border-radius: 6px; -webkit-transition: all .36s ease; transition: all .36s ease; border: 1px solid #ccc; text-indent: -9999px; display: block; background: #fff;}

.bx-pager-item a:hover {float: left; margin: 0 5px; width: 10px; height: 10px; border-radius: 6px; border: 1px solid #999; text-indent: -9999px; display: block; background: #999;}

.bx-pager-item a.active {float: left; margin: 0 5px; width: 10px; height: 10px; border-radius: 6px; border: 1px solid #666; text-indent: -9999px; display: block; background: #666;}



.alcon { animation-name: fadeInUp; width: 100%;  height: auto; position: relative;}
.alcon .img {width: 100%; height: auto; overflow: hidden;}
.alcon .img img {width: 100%; transition: all 0.6s;}
.alcon .item_info {background: rgba(255,255,255,0.8); position: absolute; bottom: 0; width: 100%; height: 80px;}
.alcon .item_info .tit { color: #333; font-size: 16px; padding: 12px 10px 0 10px; opacity: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.alcon .item_info .time { color: #999; font-size: 14px; line-height: 20px;}
.alcon .item_info .tit a { color: #333;}
.alcon .item_info .txt { color: #666; font-size: 14px; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.alcon .btn {width: 30px; height: 30px; text-indent: -9999px; display: block; background: url(../images/caseBtn.png) no-repeat;
	position: absolute; opacity: 0; right: 0; top: 25px;
}
.alcon:hover .btn {display: block;	position: absolute; opacity: 1;	right: 20px; -webkit-transition: all .6s ease; transition: all .6s ease;}

.alcon:hover .img img {transform: scale(1.1);}
.alcon:hover .tit { padding: 12px 40px 0 20px; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1;}
.alcon:hover .txt { padding: 10px 40px 10px 20px; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1;}

.alcon .item_info {opacity: 0; box-sizing: border-box;}

.alcon:hover .item_info {opacity: 1;}
.alcon .item_info .text_wrap {opacity: 0; margin: 0; border: #999 solid 1px;}
.alcon:hover .item_info .text_wrap {opacity: 1; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; border: #999 solid 1px; margin: 8px; width: auto;}


/*--精品工程结束--*/


/*--业务范围开始--*/

.business {width: 100%; background: #fcfcfc; height: auto; padding: 60px 0 30px; position: relative;}
.business .wow {animation-name: fadeInUp;}

.business .header { float: left; color: #555; width: 12%; font-size: 24px; margin: 0 auto; text-align: right; border-bottom: #f0f0f0 solid 1px;}

.business .header .title { color: #666;  font-size: 20px;  margin: 5px 0; font-weight: 500;}
.business .header .subtitle { color: #999;  font-size: 14px;  margin: 10px 0;}

.business .casecon {max-width: 1100px; height: 480px; margin: 40px auto 20px; position: relative;}
.business .casecon .textcon { animation-name: fadeInUp; width: 220px; height: 480px; position: relative;}
.business .casecon li {float: left;}
.business .casecon li:nth-of-type(4) { margin-right: 0;}
.business .casecon .textcon .img {width: 220px; height: 380px; overflow: hidden;}
.business .casecon .textcon .img.bottom {width: 220px; height: 380px; overflow: hidden; position: absolute; bottom: 0;}
.business .casecon .textcon .img img {width: 100%; transition: all 0.6s;}

.business .casecon .textcon .item_info {background: rgba(248,248,248,1); position: absolute; bottom: 0px; width: 100%; height: 80px; padding: 10px 0;}
.business .casecon .textcon .item_info .tit { color: #333; font-size: 18px; width: 100%; text-align: center; position: absolute; left: 0; top: 35px;  -webkit-transition: all .6s ease; transition: all .6s ease;}
.business .casecon .textcon .item_info .txt { color: #cecece; font-size: 14px; width: 100%; text-align: center; position: absolute; left: 0; top: 60px; font-family: HELVETICANEUELTPRO-THEX;  -webkit-transition: all .6s ease; transition: all .6s ease;}

.business .casecon .textcon .item_info.top {background: rgba(248,248,248,1); position: absolute; top: 0px; width: 100%; height: 80px; padding: 10px 0;}
.business .casecon .textcon .item_info.top .tit { color: #333; font-size: 18px; width: 100%; text-align: center; position: absolute; left: 0; top: 45px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.business .casecon .textcon .item_info.top .txt { color: #cecece; font-size: 14px; width: 100%; text-align: center; position: absolute; left: 0; top: 25px; font-family: HELVETICANEUELTPRO-THEX; -webkit-transition: all .6s ease; transition: all .6s ease;}

.business .casecon .btn {width: 20px; height: 2px; text-indent: -9999px; background: url(../images/line.png) no-repeat;
	position: absolute;	opacity: 1; left: 50%; margin-left: -10px;	top: 25px;  -webkit-transition: all .6s ease; transition: all .6s ease;
}
.business .casecon .textcon:hover .btn {opacity: 1;	-webkit-transition: all .6s ease; transition: all .6s ease;}
.business .casecon .textcon .item_info.top .btn { opacity: 1; top: 70px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.business .casecon .textcon:hover .item_info.top .btn { opacity: 1;	top: 55px; -webkit-transition: all .6s ease; transition: all .6s ease;}

.business .casecon .textcon:hover .img img {transform: scale(1.02);}
.business .casecon .textcon .item_info {opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease;}
.business .casecon .textcon:hover .item_info {opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease;}

.business .casecon .textcon .item_info1 {width: 220px; height: 460px; margin: 0px; background: none; border: 0; position: absolute; top: 0; z-index: 999;}

.business .casecon .textcon:hover .item_info1 {width: 200px; height: 460px; margin: 9px; background: none; border: #999 solid 1px; position: absolute; top: 0; z-index: 999; -webkit-transition: all .6s ease; transition: all .6s ease;}

.business .casecon .textcon:hover .item_info {opacity: 1; padding: 20px 0 10px 0; -webkit-transition: all .6s ease; transition: all .6s ease;}
.business .casecon .textcon:hover .item_info .txt {color: #cecece; font-size: 36px; width: 100%; text-align: center; position: absolute; left: 0; top: 55px; transition: all .6s ease;}

.business .casecon .textcon:hover .item_info.top .tit {color: #333; font-size: 18px; width: 100%; text-align: center; position: absolute; left: 0; top: 65px;}
.business .casecon .textcon:hover .item_info.top .txt {color: #cecece; font-size: 36px; width: 100%; text-align: center; position: absolute; left: 0; top: 15px;}



.bx-controls-direction .bx-prev {width: 45px; height: 45px; background: url(../images/next_left1.png) no-repeat; position: absolute; right: 30px; top: 240px;
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 0.8; text-indent: -9999px; z-index: 9999}

.bx-controls-direction .bx-prev:hover {width: 45px; height: 45px; background: url(../images/next_left2.png) no-repeat;
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 1;}

.bx-controls-direction .bx-next {width: 45px; height: 45px; background: url(../images/next_right1.png) no-repeat; position: absolute; right: 30px; top: 290px;
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 0.8; text-indent: -9999px; z-index: 9999;}

.business .bx-controls-direction .bx-next:hover {width: 45px; height: 45px; background: url(../images/next_right2.png) no-repeat;
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 1;}



.ywcon { animation-name: fadeInUp; width: 100%;  height: 480px; position: relative;}
.ywcon .img {width: 100%; height: 380px; overflow: hidden;}
.ywcon .img.bottom {width: 100%; height: 380px; overflow: hidden; position: absolute; bottom: 0;}
.ywcon .img img {width: 100%; transition: all 0.6s;}

.ywcon .item_info {background: rgba(248,248,248,1); position: absolute; bottom: 0px; width: 100%; height: 80px; padding: 10px 0;}
.ywcon .item_info .tit { color: #333; font-size: 18px; width: 100%; text-align: center; position: absolute; left: 0; top: 35px;  -webkit-transition: all .6s ease; transition: all .6s ease;}
.ywcon .item_info .txt { color: #cecece; font-size: 14px; width: 100%; text-align: center; position: absolute; left: 0; top: 60px; font-family: HELVETICANEUELTPRO-THEX;  -webkit-transition: all .6s ease; transition: all .6s ease;}

.ywcon .item_info.top {background: rgba(248,248,248,1); position: absolute; top: 0px; width: 100%; height: 80px; padding: 10px 0;}
.ywcon .item_info.top .tit { color: #333; font-size: 18px; width: 100%; text-align: center; position: absolute; left: 0; top: 45px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.ywcon .item_info.top .txt { color: #cecece; font-size: 14px; width: 100%; text-align: center; position: absolute; left: 0; top: 25px; font-family: HELVETICANEUELTPRO-THEX; -webkit-transition: all .6s ease; transition: all .6s ease;}

.ywcon .btn {width: 20px; height: 2px; text-indent: -9999px; background: url(../images/line.png) no-repeat;
	position: absolute;	opacity: 1; left: 50%; margin-left: -10px;	top: 25px;  -webkit-transition: all .6s ease; transition: all .6s ease;
}
.ywcon:hover .btn {opacity: 1;	-webkit-transition: all .6s ease; transition: all .6s ease;}
.ywcon .item_info.top .btn { opacity: 1; top: 70px; -webkit-transition: all .6s ease; transition: all .6s ease;}
.ywcon:hover .item_info.top .btn { opacity: 1;	top: 55px; -webkit-transition: all .6s ease; transition: all .6s ease;}

.ywcon:hover .img img {transform: scale(1.02);}
.ywcon .item_info {opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease;}
.ywcon:hover .item_info {opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease;}

.ywcon .item_info1 {width: 100%; height: 460px; margin: 0px; background: none; border: 0; position: absolute; top: 0; z-index: 999;}

.ywcon:hover .item_info1 {width: 90%; height: 460px; margin: 4.8%; background: none; border: #999 solid 1px; position: absolute; top: 0; z-index: 999; -webkit-transition: all .6s ease; transition: all .6s ease;}

.ywcon:hover .item_info {opacity: 1; padding: 20px 0 10px 0; -webkit-transition: all .6s ease; transition: all .6s ease;}
.ywcon:hover .item_info .txt {color: #cecece; font-size: 36px; width: 100%; text-align: center; position: absolute; left: 0; top: 55px; transition: all .6s ease;}

.ywcon:hover .item_info.top .tit {color: #333; font-size: 18px; width: 100%; text-align: center; position: absolute; left: 0; top: 65px;}
.ywcon:hover .item_info.top .txt {color: #cecece; font-size: 36px; width: 100%; text-align: center; position: absolute; left: 0; top: 15px;}




/*--业务范围结束--*/


/*--党群园地开始--*/

.dqus {width: 100%; background: #fff; height: auto; padding: 60px 0 30px;}
.dqus .wow {animation-name: fadeInUp;}

.dqus .header {	float: left; color: #555; width: 12%; font-size: 24px; margin: 0 auto; text-align: right; border-bottom: #f0f0f0 solid 1px;}

.dqus .header .title { color: #666;  font-size: 20px;  margin: 5px 0; font-weight: 500;}
.dqus .header .subtitle { color: #999;  font-size: 14px;  margin: 10px 0;}

.dqus .dqcon {max-width: 1200px; height: auto; margin: 40px auto 30px auto;}

.dqus .dqcon .dqbdr {width: 46%; position: relative; float: left; margin-bottom: 30px;}
.dqus .dqcon .dqbdr .img {width: 100%; height: auto; overflow: hidden;}
.dqus .dqcon .dqbdr .img img {width: 100%; transition: all 0.6s;}
.dqus .dqcon .dqbdr .tit { color: #333; font-size: 18px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%;}
.dqus .dqcon .dqbdr .time { color: #999; font-size: 22px; line-height: 20px; font-family: HELVETICANEUELTPRO-THEX; text-align: right; margin-top: -40px;}
.dqus .dqcon .dqbdr .txt { color: #666; font-size: 14px; line-height: 24px; width: 90%; margin: 20px 0 0; height: 50px; overflow: hidden;}

.dqus .dqcon .dqul {width: 50%; float: right; margin-bottom: 30px;}
.dqus .dqcon .textcon { animation-name: fadeInUp; width: 100%; height: 150px; border-bottom: #ccc solid 1px; position: relative;}
.dqus .dqcon li { float: left; margin-right: 15px;}
.dqus .dqcon li:last-child {margin-right: 0;}

.dqus .dqcon .textcon .tit { color: #333; font-size: 18px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%;}
.dqus .dqcon .textcon .time { color: #999; font-size: 22px; line-height: 20px; font-family: HELVETICANEUELTPRO-THEX; text-align: right; margin-top: -40px;}
.dqus .dqcon .textcon .txt { color: #666; font-size: 14px; line-height: 24px; width: 90%; margin: 25px 0; height: 50px; overflow: hidden;}


.dqus .dqcon .dqbdr:hover .img img {transform: scale(1.1);}
/*.dqus .dqcon .textcon:hover .tit {font-weight: bold;}*/

.dqus .dqcon .textcon:before {opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; top: 150px; position: absolute; content:""; width: 100%; height: 1px; left: 0%; background-color: #666;}
.dqus .dqcon .textcon:hover::before {opacity: 1; width: 100%; left: 0%}

.dqus .dqcon .textcon:hover .txt {color: #333; padding-left: 36px; -webkit-transition: all .6s ease; transition: all .6s ease; border-left: #666 solid 1px;}
.dqus .dqcon .dqbdr:hover .txt {color: #333; padding-left: 36px; width: 90%; -webkit-transition: all .6s ease; transition: all .6s ease; border-left: #666 solid 1px;}

.dqus .dqcon .textcon .btn {width: 30px; height: 30px; text-indent: -9999px; display: block; background: url(../images/caseBtn.png) no-repeat; position: absolute;
	opacity: 0; right: 0; bottom: 5px;}

.dqus .dqcon .textcon:hover .btn {display: block; position: absolute; opacity: 1; right: 20px; -webkit-transition: all .6s ease; transition: all .6s ease;}

.dqus .dqcon .dqbdr .btn {width: 30px; height: 30px; text-indent: -9999px; display: block; background: url(../images/caseBtn.png) no-repeat; position: absolute;
	opacity: 0; right: 0; bottom: 0;}
	
.dqus .dqcon .dqbdr:hover .btn {display: block; position: absolute; opacity: 1; right: 20px; -webkit-transition: all .6s ease; transition: all .6s ease;}

/*--党群园地结束--*/


/*--友情链接开始--*/

.linkus {width: 100%; background: #fcfcfc; height: auto; padding: 60px 0 50px; float: left; }
.linkus .wow {animation-name: fadeInUp;}

.linkus .header {float: left; color: #555; width: 12%; font-size: 24px; margin: 0 auto; text-align: right;	border-bottom: #f0f0f0 solid 1px;}
.linkus .header .title { color: #666;  font-size: 20px;  margin: 5px 0; font-weight: 500;}
.linkus .header .subtitle { color: #999;  font-size: 14px;  margin: 10px 0;}

.linkus .rhead {float: right; color: #555; width: 48%; font-size: 24px; margin-right: 30px; text-align: right; border-bottom: #f0f0f0 solid 1px;}
.linkus .rhead .title { color: #666;  font-size: 20px;  margin: 5px 0; font-weight: 500;}
.linkus .rhead .subtitle { color: #999;  font-size: 14px;  margin: 10px 0;}

.linkus .linkcon {max-width: 1200px; height: auto; margin: 30px auto 0 auto; position: relative;}

.linkus .linkcon .linkbdr {width: 50%; position: relative; float: left;}

.linkus .linkcon .linkul {width: 50%; float: right;}

/*.linkus .linkcon .linkul .table {width: 100%; border-collapse: collapse; border-spacing: 0; }
.linkus .linkcon .linkul .fixedThead {width: 100%;}
.linkus .linkcon .linkul .scrollTbody {overflow: hidden; width: 100%; height: 91px; display: block;}
.linkus .linkcon .linkul .table th {background: #f0f0f0; border: #ccc solid 1px; line-height: 30px; font-size: 14px; color: #555;}
.linkus .linkcon .linkul .table td {background: #fff; border: #ddd solid 1px; line-height: 30px; text-indent: 20px; font-size: 14px; color: #666;}
.linkul .linkcon .linkul .table .th1 {width: 50%;}
.linkul .linkcon .linkul .table .th2 {width: 20%;}
.linkul .linkcon .linkul .table .th3 {width: 30%;}

.linkul .linkcon .linkul .table .td1 {width: 50%;}
.linkul .linkcon .linkul .table .td2 {width: 20%;}
.linkul .linkcon .linkul .table .td3 {width: 30%;}
.linkus .linkcon .linkul thead.fixedThead tr th:last-child {color: #FF0000;}*/

/*--友情链接结束--*/

/*--联系我们开始--*/

.contactus {width: 100%; background:url(../images/footerBg.jpg) no-repeat center top;  height: auto; padding: 60px 0 0;}
.contactus .wow {animation-name: fadeInUp;}

.contactus .header {float: left; color: #555; width: 10%; font-size: 24px; margin: 0 auto; text-align: right;	border-bottom: #f0f0f0 solid 1px;}
.contactus .header .title { color: #fff;  font-size: 20px;  margin: 5px 0; font-weight: 500;}
.contactus .header .subtitle { color: #999;  font-size: 14px;  margin: 10px 0;}

.contactus #contactinfo {box-sizing: border-box; visibility: visible!important; width: 100%; -webkit-box-flex: 405; -webkit-flex: 405 0 auto; -ms-flex: 405 0 auto; flex: 405 0 auto; padding-top: 34px}

.contactus #contactinfo h3 {margin-bottom: 32px; color: #ccc;}
.contactus #contactinfo p {float: none;font-size: 14px; margin-top: 9px; color: #ccc;}

/*.contactus #contactinfo div {position: initial; color: #ccc;}
.contactus #contactinfo div:after {display: none}
.contactus #contactform {visibility: visible !important; width: 1px; -webkit-box-flex: 800;-webkit-flex: 800 0 auto; -ms-flex: 800 0 auto; flex: 800 0 auto; position:initial; margin: 0; max-width: none}*/

.contactus .contactcon {max-width: 100%; height: 400px; margin: 40px auto 0 auto; position: relative;}
.contactus .contactcon .infobdr {width: 46%; margin-left: 4%; float: left;}

.contactus .contactcon .infoul {width: 50%; background: rgba(255,255,255,1); padding: 0 0 30px; float: right;}

.contactus .contactcon .infoul .inputtxt {color: #666; line-height: 40px; width: 450px; margin: 20px 0 0 80px; border: none; background: none; border-bottom: #ccc solid 1px;}
.contactus .contactcon .infoul .textarea {line-height: 30px; width: 450px; margin: 10px 0 0 80px; border: none; background: none; border-bottom: #ccc solid 1px; height: 60px; margin-bottom: 30px; font-size: 14px; color: #666; font-family: 'Microsoft Yahei';}
.contactus .contactcon .infoul .submit {color: #666; line-height: 46px; width: 450px; background: #fff; border: 1px solid #666; margin: 0 0 0 80px; cursor: pointer;}
.contactus .contactcon .infoul .submit:hover {color: #fff; background: #333; border: 1px solid #333; -webkit-transition: all .6s ease; transition: all .6s ease;}


/*--联系我们结束--*/


#shares {
    bottom: 63px;
    height: 124px;
    position: fixed;
    right: 7px;
    z-index: 99;
}
#shares a {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    color: #999;
    display: block;
    font-size: 16px;
    height: 40px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    width: 40px;
}
#shares a i {
    color: #999;
    margin-top: 12px;
    transition: all 0.3s ease-out 0s;
}
#shares a i.fa.fa-mobile {
    font-size: 24px;
    margin-top: 8px;
}
#online_open:hover i {
    color: #fff;
}
#shares a:hover i {
    color: #666;
}
#shares a:hover {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    z-index: 1;
}
#shares a#sweixin {
    top: -1px;
}
#shares a#gotop {
    font-size: 22px;
    margin-top: -2px;
}
#shares a#gotop i {
    margin-top: 9px;
}


#top.fixedNav{width: 100%; border-top: none; border-bottom: 1px #ccc solid; position: fixed; top: 0; left: 0; background: rgba(255,255,255,0.9); z-index: 100000; _position: absolute; _top:expression(eval(document.documentElement.scrollTop));  -webkit-transition: all 1s ease; transition: all 1s ease;}

.hidden {display: none;}

/*********动画效果**********/
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}


.a1 { display: none;}
.a2 { display: block;}

#menu { display: none;/*解决加载时导航栏闪现问题*/ }

.apply-pup { background:url(../images/navbg.png) right center no-repeat; width: 24px; display: block; text-indent: -9999px;}

.banner { width: 100%; overflow: hidden;}

.banner .flexslider { width: 100%; border: 0px; box-shadow: none; margin: 0px;}

.banner .flex-control-nav{ bottom: 15px;}

.banner .flex-control-paging li a{ width: 38px; height: 8px; border-radius: 0; background: rgba(255,255,255,.5); box-shadow: none;}

.banner .flex-control-paging li a.flex-active { background: #d6000f;}