*{padding:0;margin:0;font-family: "Microsoft YaHei";list-style: none;text-decoration: none;border: none;}

.container{

	width: 1200px;

	margin:0 auto;

}

html{overflow-x:hidden;}

body{

	background: #fff;

	color: #000;

	font-size: 14px;

	min-width: 1200px;

}

a{

	outline: none;

	color: #000;

}

a:hover{

	color: #033c83;

}

.fl{

	float: left;

}

.fr{

	float: right;

}

.clear{

	clear: both;

}

/*

===================

分页

>>	pages_pre		上一页

>>	pages_next	下一页

>>	strong			激活状态

>>	a:hover			鼠标悬停状态

===================

*/

.pages {

	margin: 50px auto 20px auto;

	font-size: 14px;

	text-align: center;

}

.pages ul{display: inline-block;}

.pages a,

.pages strong{

	display:inline-block;

	line-height:28px;

	padding:0 10px;

	border:1px solid #d9d9d9;

	background-color:#ffffff; 

	text-decoration:none;

	color:#666;

	font-family:Simsun;

	-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;

	margin-right:3px;

}

.pages .current{

	display:inline-block;

	line-height:28px;

	padding:0 10px;

	border:1px solid #d9d9d9;

	background-color:#ffffff; 

	text-decoration:none;

	font-family:Simsun;

	-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;

	margin-right:3px;

	

	color:#fff;

	background-color:#033c83;

	border-color:#fff;

}

.pages a:hover{

	color:#fff !important;

	background-color:#033c83;

	border-color:#fff;

	text-decoration:none;

}

.pages strong{

	color:#fff;

	background-color:#24557d;

	border-color:#fff;

}

.pages span{

	padding:0 10px;

	line-height:23px;

}



/* index top */

.topbar{

	background: #f5f5f5;

	height: 29px;

	line-height: 29px;

	border-bottom: 1px solid #e6e6e6;

	font-size: 12px;

	color: #7e7e7e;

}

.topbar a{

	color: #7e7e7e;

	margin: 0 5px;

}



.head{

	height: 108px;

	overflow: hidden;

}

.logo{

	display: block;

	width: 330px;

	height: 108px;

	background: url(../images/logo.jpg) no-repeat center;

	text-indent: -99em;

}

.toptell{

	background: url(../images/tt.jpg) no-repeat left center;

	padding-left: 63px;

	margin-top: 30px;

}

.toptell p{

	color: #545555;

}

.toptell span{

	font-size: 24px;

	color: #ff0f00;

	font-weight: bold;

}



.nav{

	height: 51px;

	line-height: 51px;

	background: #033c83;

}

.nav li{

	float: left;

	margin: 0 6px;

}

.nav li:first-child{

	margin-left: 0;

}

.nav li a{

	color: #fff;

	font-size: 16px;

	width: 120px;

	display: block;

	text-align: center;

}

.nav li a:hover,.nav li a.hover{

	background: #002f68;

}



.slideBox{ width:100%; height:575px; overflow:hidden; position:relative;}

.slideBox .hd{ height:7px; overflow:hidden; position:absolute; bottom: 30px; z-index:1;width: 100%;text-align: center;}

.slideBox .hd ul{ overflow:hidden; zoom:1;display: inline-block;}

.slideBox .hd ul li{ float:left; margin: 0 10px;  width:66px; height:7px;background:#aeadad; cursor:pointer; }

.slideBox .hd ul li.on{ background:#033b86;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd ul{margin: 0 auto;}

.slideBox .bd li{ zoom:1; vertical-align:middle;width:100%; height:575px;}



.indextit{

	text-align: center;

}

.indextit p{

	font-size: 29px;

	color: #b4b4b4;

	line-height: 31px;

}

.indextit span{

	display: block;

	font-size: 28px;

	color: #2d2d2d;

}

.indextit i{

	display: block;

	width: 50px;

	height: 1px;

	background: #cacaca;

	margin: 0 auto;

	margin-top: 12px;

}



.case{

	margin-top: 50px;

}

.case .indextit{

	margin-bottom: 30px;

}

.ctab{

	height: 503px;

	margin-bottom: 40px;

}

.ctab_left{

	float: left;

	width: 175px;

	background: #f3f3f3;

	height: 503px;

	padding-left: 27px;

	padding-right: 20px;

}

.ctab_tit span{

	display: block;

	font-size: 30px;

	color: #595959;

	margin-top: 130px;

}

.ctab_tit i{

	display: block;

	width: 74px;

	height: 2px;

	background: #cbcbcb;

	margin-top: 15px;

	margin-bottom: 11px;

}

.ctab_left p{

	color: #898989;

	line-height: 28px;

}

.ctab_left a.more{

	display: block;

	width: 142px;

	height: 33px;

	line-height: 33px;

	text-align: center;

	color: #033c83;

	border: 1px solid #2045a5;

	border-radius: 20px;

	margin-top: 25px;

}

.ctab ul{

	float: left;

	width: 978px;

}

.ctab li{

	float: left;

	margin-left: 14px;

	margin-bottom: 14px;

	width: 312px;

	height: 244px;

	overflow: hidden;

	position: relative;

}

.ctab li img{

	width: 312px;

	height: 244px;

}

.ctab li p{

	width: 312px;

	height: 244px;

	line-height: 244px;

	background: rgba(0,0,0,.4);

	color: #fff;

	top: 0;

	left: 0;

	position: absolute;

	text-align: center;

	opacity: 0;

	transition: all 0.3s;

}

.ctab li:hover p{

	opacity: 1;

}



.c2 .ctab_left{

	float: right;

}

.c2 ul{

	float: left;

}

.c2 li{

	margin-right: 14px;

	margin-left: 0;

}



.about{

	background: #f3f3f3;

	padding-top: 60px;

	height: 520px;

	text-align: center;

}

.abinfo{

	width: 970px;

	margin: 0 auto;

	margin-top: 25px;

}

.abinfo p{

	font-size: 15px;

	color: #616163;

	line-height: 34px;

	text-indent: 2em;

}

.about ul{

	display: inline-block;

	margin-top: 47px;

}

.about li{

	float: left;

	width: 200px;

	margin: 0 60px;

}

.about li span{

	display: block;

	font-size: 24px;

	line-height: 56px;

}

.about li p{

	font-size: 15px;

	color: #7c7b7b;

	line-height: 26px;

}



.hot{

	margin-top: 50px;

}

.picMarquee-left{overflow:hidden; position:relative;margin-top: 40px;}

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd ul li{ margin:0 12px;width: 384px; float:left; _display:inline; overflow:hidden;}

.picMarquee-left .bd ul li a{color: #595d61;}

.picMarquee-left .bd ul li img{width: 384px;height: 255px;}

.picMarquee-left .bd ul li span{font-size: 18px;display: block;line-height: 35px;margin-top: 19px;}

.picMarquee-left .bd ul li p{line-height: 24px;}

.picMarquee-left .bd ul li:hover span{color: #033c83;}



.news{

	margin-top: 70px;

}

.news .indextit{

	margin-bottom: 40px;

}

.newleft{

	width: 690px;

}

.newimg{

	height: 128px;

}

.newimg img{

	width: 214px;

	height: 128px;

}

.newimg .fr{

	width: 450px;

}

.newimg .fr a{

	display: block;

	font-size: 16px;

	color: #404040;

	line-height: 35px;

}

.newimg .fr p{

	color: #616161;

	line-height: 26px;

}

.newleft ul{

	margin-top: 10px;

}

.newleft li{

	float: left;

	border-bottom: 1px solid #ededed;

	line-height: 41px;

}

.newleft li a{

	color: #616161;

	display: block;

	width: 320px;

	padding: 0 12px;

}

.newleft li a:hover{

	color: #033c83;

}

.newright{

	width: 460px;

}

.newright dl{

	padding-bottom: 15px;

	margin-top: 20px;

	border-bottom: 1px solid #e8e8e8;

}

.newright dt {

	background: url(../images/w.jpg) no-repeat center left;

	padding-left: 35px;

	margin-bottom: 20px;

}

.newright dt a{

	font-size: 15px;

	color: #404040;

}

.newright dd{

	color: #7b7a7a;

	line-height: 24px;

}

.newright dd{

	background: url(../images/d.jpg) no-repeat left top;

	padding-left: 35px;

}

.newright dl:hover dt a{

	color: #033c83;

}

.newright dl:last-child{

	border: 0;

}



.link{

	line-height: 34px;

}

.link p{

	font-size: 20px;

	color: #003c81;

	font-weight: bold;

	background: url(../images/link.jpg) no-repeat center left;

	padding-left: 40px;

	line-height: 34px;

}

.link a{

	margin-left: 20px;

}



.footer{

	height: 235px;

	background: #01234f;

	margin-top: 22px;

	color: #fff;

}

.fcont{

	margin-left: 50px;

	margin-top: 45px;

	width: 480px;

}

.fcont p{

	line-height: 28px;

	color: rgba(255,255,255,.8);

}

.fcont img{

	margin-bottom: 20px;

}

.fcont p:last-child{

	color: #fff;

}

.fcont p:last-child span{

	font-size: 20px;

	color: #e67d12;

}



.ftit {

	margin-top: 30px;

}

.ftit span{

	display: block;

	font-size: 16px;

	margin-bottom: 12px;

}

.ftit i{

	display: block;

	width: 44px;

	height: 4px;

	background: #2160a5;

}

.fnav{

	width: 400px;

}

.fnav ul{

	margin-top: 15px;

}

.fnav li{

	float: left;

	margin-right: 58px;

	line-height: 34px;

}

.fnav li a{

	color: rgba(255,255,255,.63);

}

.ewm{

	margin-right: 70px;

}

.ewm img{

	margin-top: 20px;

}



.bottom{

	text-align: center;

	font-size: 12px;

	color: rgba(255,255,255,.7);

	height: 100px;

	line-height: 40px;

	background: #001836;

}

.bottom a{

	color: rgba(255,255,255,.7);

}

.bottom img{

	margin-left: 10px;

}



.offer{

	height: 120px;

	background: rgba(1,35,79,.85);

	color: rgba(255,255,255,.8);

	position: fixed;

	width: 100%;

	bottom: 0;

}

.offer_left{

	background: url(../images/jsq.png) no-repeat left top;

	padding-left: 117px;

	height: 95px;

	margin-top: 20px;

	width: 400px;

}

.offer_left p{

	font-size: 30px;

	line-height: 42px;

}

.offer_left p span{

	font-size: 26px;

}

.offer_m{

	width: 450px;

	margin-top: 22px;

}

.offer_m .in{

	width: 375px;

}

.offer_m input{

	height: 37px;

	line-height: 37px;

	background: rgba(255,255,255,.9);

	float: left;

	margin-right: 7px;

	margin-bottom: 7px;

	padding: 0 17px;

	width: 145px;

}

.offer_m button{

	display: block;

	width: 70px;

	height: 81px;

	background: #023c83;

	color: #fff;

	font-size: 18px;

	text-align: center;

	cursor: pointer;

}

.offer_m button:hover{

	background: #ff0f00;

}

.offer_r{

	font-size: 18px;

	color: #fff;

	margin-top: 30px;

}

.offer_r span{

	font-size: 24px;

	display: block;

	margin-top: 5px;

}

.offer .container{

	position: relative;

}

.close{

	width: 34px;

	height: 34px;

	background: url(../images/close.png) no-repeat center;

	position: absolute;

	right: 0;

	top: 15px;

	cursor: pointer;

}



.banner{

	height: 400px;

	background: url(../images/banner.jpg) no-repeat center;

	position: relative;

}

.position{

	height: 50px;

	line-height: 50px;

	background: rgba(0,0,0,.2);

	color: #fff;

	position: absolute;

	bottom: 0;

	width: 100%;

}

.position a{

	color: #fff;

}

.main{

	margin-bottom: 50px;

}

.submenu{

	text-align: center;

}

.submenu ul{

	display: inline-block;

}

.submenu ul li{

	float: left;

	margin: 0 5px;

	margin-top: 40px;

}

.submenu ul li a{

	display: block;

	padding: 0 25px;

	height: 45px;

	line-height: 45px;

	background: #f2f8fc;

	color: #808080;

	transition: all 0.2s;

}

.submenu ul li a:hover,.submenu ul li a.hover{

	background: #033c83;

	color: #fff;

}



.pagetop{

	text-align: center;

	font-size: 28px;

	line-height: 90px;

	font-weight: 300;

	border-bottom: 1px solid #dedede;

	letter-spacing: 5px;

	color: #323232;

	margin-top: 10px;

}

.content{

	line-height: 30px;

	margin-top: 20px;

}

.content img{

	max-width: 100%;

}



.list{

	margin-top: 50px;

}

.list li{

	height: 130px;

	border-bottom: 1px dashed #ddd;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.list li img{

	width: 215px;

	height: 130px;

}

.list li .fr{

	width: 960px;

}

.list li .fr a{

	display: block;

	font-size: 16px;

	line-height: 40px;

}

.list li .fr span{

	color: #999;

	line-height: 30px;

}

.list li .fr p{

	color: #999;

	line-height: 25px;

}

.list li img:hover{

	opacity: 0.8;

}



.photo{

	margin-top: 40px;

}

.photo ul{

	margin-left: -25px;

}

.photo li{

	float: left;

	text-align: center;

	margin-left: 25px;

	margin-bottom: 15px;

}

.photo li img{

	width: 280px;

	height: 210px;

}

.photo li p{

	line-height: 40px;

}



.showtop{

	text-align: center;

	margin-top: 40px;

	border-bottom: 1px solid #ddd;

}

.showtop h1{

	font-weight: normal;

	font-size: 22px;

	font-weight: 300;

}

.showtop p{

	line-height: 50px;

	color: #999;

}

.showtop p span{

	margin: 0 10px;

}

.showtop p span a{

	margin: 0 5px;

}

.prepage{

	line-height: 30px;

	margin: 50px 0;

}



.hotcp {

    margin-top: 20px;

}

.hotcp ul {

    border-top: 1px dashed #ddd;

    padding-top: 20px;

}

.hotcp li {

    float: left;

    line-height: 40px;

    margin-left: 12px;

    text-align: center;

}

.hotcp li:first-child {

    margin: 0;

}

.hotcp li img {

    width: 230px;

    height: 173px;

}

.hotcp li:hover img{

	opacity: 0.8;

}

.hotcp_top {

    background: #033c83;

    color: #fff;

    font-weight: bold;

    height: 40px;

    line-height: 40px;

    margin-bottom: 10px;

    text-align: center;

    width: 100px;

}



.hotnews {

    margin-bottom: 30px;

    margin-top: 20px;

}

.hotnews_top {

    border-bottom: 1px solid #ddd;

    color: #033c83;

    font-size: 14px;

    line-height: 30px;

    margin-bottom: 10px;

}

.hotnews ul{

	margin-left: -55px;

}

.hotnews li {

    border-bottom: 1px dotted #ddd;

    float: left;

    line-height: 40px;

    margin-left: 55px;

    width: 570px;

}

.hotnews li a {

    color: #2e2e2e;

}

.hotnews li span {

    color: #999;

    float: right;

    font-size: 13px;

}

.hotnews li a:hover{

	color: #033c83;

}



.hotlabel{

	margin-top: 30px;

}

.hotlabel p{

	color: #033c83;

}

.hotlabel a{

	display: block;

	float: left;

	margin-right: 10px;

	margin-top: 10px;

	padding: 0 10px;

	background: #033c83;

	line-height: 30px;

	color: #fff;

	font-size: 12px;

}



/* 右侧客服 */

.scrollsidebar{position:absolute;z-index:999;top:220px;width: 98px;padding-right: 0px;}

#qq{width: 98px;border-radius: 0px;height: auto;overflow: hidden;padding-bottom: 0px;}

.qq{padding: 0px;background:url(../images/ewm2.jpg) no-repeat center bottom #333;padding-bottom: 90px;background-size: 90px;}

.qq em{padding: 24px 0 0 0; display:block;}

.qq span{padding-bottom: 12px;font-family: impact;font-size: 16px; display:block;}

.qq em,.qq span{text-align: center;color: #fff;background: #033c83;}

.qq em{font-size: 16px;font-weight: bold;}

.qq span{margin-bottom: 8px;}

.qq .zx hr{color: #626262;height: 1px; background:#626262; border:none; width:68px;}

.qq .zx{padding: 10px 15px 30px;text-align: left;}

.qq .zx p{margin: 8px 0;vertical-align: middle;}

.qq .zx p a{color: #fff;font-size: 14px;vertical-align: middle;display: inline-block;}

.qq .zx p a img{vertical-align: middle;}

.qq .ewm{background: #fff;border-radius: 4px;padding: 5px;text-align: center;margin-top: 10px;}

.qq .zxrx{margin-top: 10px;}

.qq .zxrx h3{font-size: 18px;margin-top: 4px;}

.qq .zxrx h2{font-size: 14px; height: 20px;line-height: 20px; font-weight: normal;background: url(../images/bg_zxrx.png.html) no-repeat 10px center;text-indent: 10px;}

.qqb{text-align: center;}