<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;font-family: "microsoft yahei", Arial, tahoma, arial, simsun;}
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; min-width:320px;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
h4{
    display: block;
    font-weight: bold;
}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a {color: #2a333c; text-decoration: none;}
a:hover {color: #4e97d9;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.clear{clear: both;}



.head{
	
}
.head .headWrap{
	width: 1310px;
	margin: 0px auto;
	position: relative;
}
.head .headWrap .logo{
	padding: 5px 0px;
	overflow: hidden;
	float: left;
}
.head .headWrap .logo a{
	display: block;
}
.head .headWrap .logo a img{
	display: block;
	height: 50px;
}
.head .headWrap .navWrap{
	display: block;
	float: right;
}
.head .headWrap .navWrap li{
	display: block;
	position: relative;
	float: left;
	margin: 0px 24px;
}
.head .headWrap .navWrap li:nth-child(1){
	margin-left: 0px;
}
.head .headWrap .navWrap li .navLink{
	display: block;
	padding: 0px 15px;
	height: 60px;
	line-height: 60px;
}
.head .headWrap .navWrap li .navLink.cur{
	color: #4e97d9;
}
.head .headWrap .navWrap li .navLink.carte{
	padding-right: 15px;
	background: url(../images/carte.png) right center no-repeat;
}
.head .headWrap .navWrap li:hover .navLink{
	color: #4e97d9;
}
.head .headWrap .navWrap li:hover .navLink.carte{
	background: url(../images/carte_h.png) right center no-repeat;
}
.head .headWrap .navWrap li .sNav{
	display: none;
	position: absolute;
	z-index: 10;
	width: 160px;
	right: 0;
	top: 60px;
	padding-top: 5px;
}
.head .headWrap .navWrap li:hover .sNav{
	display: block;
}
.head .headWrap .navWrap li .sNav .sNavWrap{
	padding: 5px 0px;
	border: 1px solid #e4eaec;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0 3px 12px rgba(0,0,0,.05);
}
.head .headWrap .navWrap li .sNav .sNavWrap .sNavLink{
	display: block;
	padding: 8px 15px;
	opacity: 0;
	
	-webkit-animation:slide .4s ease-in;  
	-webkit-animation-fill-mode:forwards; 
	-moz-animation:slide .4s ease-in;  
	-moz-animation-fill-mode:forwards;
}

/***宸︿晶鍒掑叆鏁堟灉***/
@-webkit-keyframes slide{  
	0%   { opacity: 0; margin-left: -80px;}
	100% { opacity: 1; margin-left: 0px;}
}  
@-moz-keyframes slide{  
	0%   { opacity: 0; margin-left: -80px;}
	100% { opacity: 1; margin-left: 0px;} 
}

.head .headWrap .navWrap li .sNav .sNavWrap .sNavLink:nth-child(2){
	animation-delay: .05s;
}
.head .headWrap .navWrap li .sNav .sNavWrap .sNavLink:nth-child(3){
	animation-delay: .1s;
}
.head .headWrap .navWrap li .sNav .sNavWrap .sNavLink:nth-child(4){
	animation-delay: .15s;
}
.head .headWrap .navWrap li .sNav .sNavWrap .sNavLink:nth-child(5){
	animation-delay: .2s;
}
.head .headWrap .navWrap li .sNav .sNavWrap .sNavLink:nth-child(6){
	animation-delay: .25s;
}
.head .headWrap .navWrap li .sNav .sNavWrap .sNavLink:hover{
	background-color: #f5f5f5;
}



.icon_menu{
	display: none;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 20;
	background: url(../images/m_btn.png) center center no-repeat;
}
.icon_menu.icon_menu_h{
	background: url(../images/m_btn_h.png) center center no-repeat;
}
.m_menu_box{
	padding: 10px;
	background: #fff;
    overflow: hidden;
    display: none;
	border-top: #e4eaec 1px solid;
}
.m_menu_box li{
	line-height: 44px;
    font-size: 14px;
    overflow: hidden;
}
.m_menu_box li a{
	display: block;
    height: 40px;
	line-height: 40px;
    padding: 0 10px;
    color: #333;
}
.m_menu_box li .cur{
	color: #4e97d9;
}
.m_menu_box li .sub{
	background: #f8f8f8;
    padding-left: 20px;
    display: none;
    width: 100%;
}


.fullSlide{ position:relative; background:#ccc; margin:0 auto;}
.fullSlide .bd{ position:relative; z-index:0;}
.fullSlide .bd li img{width:100%; vertical-align:top;}
.fullSlide .hd{position:relative; z-index:1; margin-top:-40px; height:40px; line-height:30px;  text-align:center;}
.fullSlide .hd ul{ text-align:center; padding-top:5px;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:8px; background:url(../images/tg_flash_p.png) right 0; overflow:hidden; font-size:0;}
.fullSlide .hd ul .on{ background-position:0 0;}
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:absolute; top:50%; left:5%; margin-top: -20px; background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4}
.fullSlide .next{  background-position:right 0; left: auto; right: 5%;}
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8}


.section{
	padding: 70px 0px;
}
.gray{
	background-color: #f5f5f5;
}
.secWrap{
	width: 1140px;
	margin: 0px auto;
}
.secTit{
	font-size: 36px;
    margin-top: 0px;
    text-align: center;
    font-weight: 300;
	line-height: 1.2;
    color: #37474f;
	margin-bottom: 10px;
}
.secShortTit{
	font-size: 16px;
    font-weight: 300;
    text-align: center;
    width: 80%;
    color: #5e7387;
    margin: 0px auto;
}


.slideTxtBox{ width:100%;}
.slideTxtBox .hd{ padding: 30px 0px;}
.slideTxtBox .hd ul{text-align: center;}
.slideTxtBox .hd ul li{ display: inline-block; line-height: 38px; height: 38px; padding: 0px 30px; margin: 0px 2px; cursor:pointer; margin-bottom: 10px; }
.slideTxtBox .hd ul li.on{ background-color: #62a8ea; color: #fff;}
.slideTxtBox .bd ul{ zoom:1; overflow: hidden;}
.slideTxtBox .bd li{ display: block; width: 25%; box-sizing: border-box; padding: 15px 10px; float: left;}
.slideTxtBox .bd li .proShowItemPic{width: 100%; overflow: hidden;}
.slideTxtBox .bd li .proShowItemPic img{ display: block; width: 100%;}
.slideTxtBox .bd li .proShowItemTit{ line-height: 50px; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; border-bottom: #f6f6f6 1px solid;}


.newWrap{
	margin-top: 40px;
	overflow: hidden;
}
.newWrap .newShowItem{
	width: 50%;
	box-sizing: border-box;
	padding: 15px;
	float: left;
}
.newWrap .newShowItem .newShowItemPic{
	width: 30%;
	float: left;
	margin-right: 5%;
}
.newWrap .newShowItem .newShowItemPic img{
	display: block;
	width: 100%;
}
.newWrap .newShowItem .newShowItemRight{
	width: 65%;
	float: left;
}
.newWrap .newShowItem .newShowItemRight .newShowItemTit{
	line-height: 20px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	color: #2a333c;
	margin-bottom: 5px;
}
.newWrap .newShowItem .newShowItemRight .newShowItemDes{
    color: #76838f;
    font-weight: 300;
	margin-bottom: 5px;
	word-wrap: break-word;
	line-height: 1.5;
}
.newWrap .newShowItem .newShowItemRight .newShowItemInfo{
	margin-top: 10px;
	overflow: hidden;
	color: #76838f;
    font-weight: 300;
	font-size: 14px;
	line-height: 1.5;
}
.newWrap .newShowItem .newShowItemRight .newShowItemInfo span{
	margin-right: 10px;
}
.newWrap .newShowItem .newShowItemRight .newShowItemInfo span.newShowItemClick{
	padding-left: 15px;
	background: url(../images/eye.png) left center no-repeat;
}


.aboutWrap{
	margin-top: 40px;
}
.aboutWrap .aboutShowPic{
	padding-bottom: 25px;
	border-bottom: 1px solid #e4eaec;
}
.aboutWrap .aboutShowPic img{
	display: block;
	width: 100%;
}
.aboutWrap .aboutShowTxt{
	margin-top: 25px;
	font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
    color: #222;
    word-wrap: break-word;
}


.foot{
	border-top: 1px solid #f0f2f5;
	padding: 40px 0px;
}
.foot .footWrap{
	width: 1200px;
	margin: 0px auto;
}
.foot .footWrap .footNavCell{
	width: 16%;
	float: left;
	box-sizing: border-box;
	padding: 0px 20px;
	text-align: center;
}
.foot .footWrap .footNavCell .footNavCellTit{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #2a333c;
	margin-bottom: 15px;
}
.foot .footWrap .footNavCell .footNavCellTit:hover{
	color: #4e97d9;
}
.foot .footWrap .footNavCell .footNavCellLink{
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	color: #5e7387;
	
}
.foot .footWrap .footNavCell .footNavCellLink:hover{
	color: #4e97d9;
}
.foot .footWrap .footContact{
	width: 34%;
	float: left;
}
.foot .footWrap .footContact .footConTel{
	margin-top: 10px;
}
.foot .footWrap .footContact .footConTel a{
	display: block;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color: #5e7387;
	font-size: 26px;
}
.foot .footWrap .footContact .footConTime{
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #aaaaaa;
	margin-top: 5px;
}
.foot .footWrap .footContact .footConLink{
	text-align: center;
	margin-top: 20px;
}
.foot .footWrap .footContact .footConLink a{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0px 8px;
}
.foot .footWrap .footContact .footConLink .wechat{
	position: relative;
	cursor: pointer;
}
.foot .footWrap .footContact .footConLink .wechat .ewm{
	display: none;
	position: relative;
	width: 150px;
	height: 150px;
	box-sizing: border-box;
	border: #d2d8de 1px solid;
	border-radius: 5px;
	top: -200px;
	left: 50%;
	margin-left: -75px;
	z-index: 10;
}
.foot .footWrap .footContact .footConLink .wechat:hover .ewm{
	display: block;
}
.foot .footWrap .footContact .footConLink .wechat .ewm img{
	display: block;
	width: 148px;
	height: 148px;
}
.foot .footWrap .footContact .footConLink .wechat .ewm .ewmArr{
	position: absolute;
	width: 18px;
	height: 9px;
	bottom: -9px;
	left: 50%;
	margin-left: -9px;
	background: url(../images/ewmArr.png) center center no-repeat;
}


.copyright{
	border-top: 1px solid #f0f2f5;
	padding: 40px 0px;
}
.copyright .copyrightWrap{
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
	color: #aaaaaa;
    line-height: 1.8;
}


.sBanner{
	overflow: hidden;
}
.sBanner img{
	display: block;
	width: 100%;
}

.pageNav{
	overflow: hidden;
}
.pageNav .pageNavWrap{
	width: 1140px;
	margin: 0px auto;
	text-align: center;
	padding: 10px 0px;
}
.pageNav .pageNavWrap a{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	margin:0px 15px;
    font-size: 16px;
    font-weight: 300;
    color: #90939b;
}
.pageNav .pageNavWrap a:hover{
	color: #4e97d9;
}
.pageNav .pageNavWrap .cur{
	color: #4e97d9;
}

.proList{
	background-color: #f2f2f2;
	padding: 30px 0px;
}
.proList .proWrap{
	overflow: hidden;
	width: 1140px;
	margin: 0px auto;
}
.proList .proWrap .proListItem{
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding: 0px 15px;
	margin-bottom: 20px;
}
.proList .proWrap .proListItem .proListItemWrap{
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.proList .proWrap .proListItem .proListItemWrap .proListItemPic{
	width: 100%;
	overflow: hidden;
}
.proList .proWrap .proListItem .proListItemWrap .proListItemPic img{
	display: block;
	width: 100%;
}
.proList .proWrap .proListItem .proListItemWrap .proListItemTit{
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
	padding: 0px 10px;
}

.listPage{MARGIN: 0px auto 0px; WIDTH: 100%; PADDING: 20px 0px; TEXT-ALIGN: center}
.listPage li{display: inline-block; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
.listPage li.thisclass{background-color: #4e97d9; border-color: #4e97d9; color: #fff;}
.listPage li.thisclass a{color: #fff;}


.posiTion{
	background-color: #f2f2f2;
}
.posiTion .posiTionWrap{
	width: 1310px;
	margin: 0px auto;
	padding: 10px 0px;
	text-align: left;
}
.posiTion .posiTionWrap a{
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	color: #62a8ea;
}
.posiTion .posiTionWrap .homeLink{
	margin-right: 5px;
}
.posiTion .posiTionWrap .homeLink img{
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
}

.proUp{
	padding: 30px 0px;
	background-color: #fff;
}
.proUp .proUpWrap{
	width: 1310px;
	margin: 0px auto;
}
.proUp .proUpWrap .proPic{
	width: 55%;
	float: left;
	margin-right: 2%;
	text-align: center;
}
.proUp .proUpWrap .proPic img{
	display: inline;
	width: 400px;
	max-width: 100%;
}
.proUp .proUpWrap .proRight{
	width: 43%;
	float: left;
}
.proUp .proUpWrap .proRight .proTit{
	font-size: 28px;
	line-height: 1.2;
	color: #37474f;
	margin-bottom: 15px;
}
.proUp .proUpWrap .proRight .proDes{
	background-color: #fafafa;
	padding: 20px;
	margin-bottom: 15px;
}
.proUp .proUpWrap .proRight .proRowWrap{
	margin-bottom: 20px;
	font-size: 14px;
	color: #9e9e9e;
	line-height: 1.5;
}
.proUp .proUpWrap .proRight .proBtn{
	overflow: hidden;
}
.proUp .proUpWrap .proRight .proBtn a{
	display: block;
	width: 140px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	float: left;
}
.proUp .proUpWrap .proRight .proBtn .proBtnContact{
	background-color: #f73737;
	margin-right: 20px;
}
.proUp .proUpWrap .proRight .proBtn .proBtnContact:hover{
	background-color: #fa7a7a;
}
.proUp .proUpWrap .proRight .proBtn .proBtnVideo{
	background-color: #ee8d25;
}
.proUp .proUpWrap .proRight .proBtn .proBtnVideo:hover{
	background-color: #f4b066;
}


.proDown{
	background-color: #f2f2f2;
	padding: 30px 0px;
}
.proDown .proDownWrap{
	width: 1310px;
	margin: 0px auto;
	overflow: hidden;
}
.proDown .proDownWrap .proInfoWrap{
	width: 73%;
	float: left;
	margin-right: 2%;
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.proInfoSlide{ width:100%; }
.proInfoSlide .hd{ line-height:45px;}
.proInfoSlide .hd ul{ display: block; overflow: hidden; border-bottom: 1px solid #e4eaec; margin-bottom: 20px;}
.proInfoSlide .hd ul li{ float:left; padding:0 20px; cursor:pointer; color: #5e7387; }
.proInfoSlide .hd ul li.on{ color: #62a8ea; border-bottom: 2px solid #62a8ea;}
.proInfoSlide .bd .proPara{ padding: 10px 0px; margin-bottom: 15px; border-bottom: 1px solid #e4eaec; overflow: hidden;}
.proInfoSlide .bd .proPara span{
	display: block;
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding: 0px 10px;
	line-height: 30px;
	color: #5e7387;
}
.proInfoSlide .bd .proTxt{
	line-height: 1.5;
	color: #5e7387;
}
.proInfoSlide .bd .proTxt img{
	max-width: 100%;
}
.proInfoSlide .bd .proFunc{
	line-height: 1.5;
	color: #5e7387;
}
.proInfoSlide .bd .proFunc img{max-width: 100%;}


.proDown .proDownWrap .proOther{
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.proDown .proDownWrap .proOther .proOtherTit{
	font-size: 16px;
	line-height: 1.2;
	color: #37474f;
	margin-bottom: 20px;
}
.proDown .proDownWrap .proOther .proOtherList{
	overflow: hidden;
}
.proDown .proDownWrap .proOther .proOtherList .proOtherItem{
	width: 100%;
	margin-bottom: 20px;
}
.proDown .proDownWrap .proOther .proOtherList .proOtherItem .proOtherItemPic{
	overflow: hidden;
}
.proDown .proDownWrap .proOther .proOtherList .proOtherItem .proOtherItemPic img{
	display: block;
	width: 100%;
}
.proDown .proDownWrap .proOther .proOtherList .proOtherItem .proOtherItemTit a{
	display: block;
	font-size: 14px;
	line-height: 40px;
	color: #5e7387;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.proDown .proDownWrap .proOther .proOtherList .proOtherItem .proOtherItemTit a:hover{
	color: #4e97d9;
}


.arcMain{
	background-color: #f2f2f2;
	padding: 30px 0px;
}
.arcMain .arcWrap{
	width: 1310px;
	margin: 0px auto;
	overflow: hidden;
}
.arcPage{
	width: 75%;
	float: left;
	margin-right: 2%;
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px;
}
.arcPage .arcListItem{
	padding: 30px 0px;
	border-bottom: 1px solid #f0f2f5;
	overflow: hidden;
}
.arcPage .arcListItem .arcListItemPic{
	width: 20%;
	float: left;
	margin-right: 2%;
}
.arcPage .arcListItem .arcListItemPic img{
	display: block;
	width: 100%;
}
.arcPage .arcListItem .arcListItemRight{
	width: 78%;
	float: left;
}
.arcPage .arcListItem .arcListItemRight .arcListItemTit{
	margin-bottom: 20px;
}
.arcPage .arcListItem .arcListItemRight .arcListItemTit a{
	line-height: 26px;
	font-size: 22px;
	font-weight: bold;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.arcPage .arcListItem .arcListItemRight .arcListItemDes{
	line-height: 24px;
	font-size: 16px;
	color: #76838f;
	margin-bottom: 10px;
}
.arcPage .arcListItem .arcListItemRight .arcListItemInfo{
    overflow: hidden;
    color: #76838f;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5;
}
.arcPage .arcListItem .arcListItemRight .arcListItemInfo span{
	margin-right: 10px;
}
.arcPage .arcListItem .arcListItemRight .arcListItemInfo span.arcListItemClick{
	padding-left: 15px;
	background: url(../images/eye.png) left center no-repeat;
}



.pageRight{
	width: 23%;
	float: left;
	background-color: #fff;
	box-sizing: border-box;
	padding: 20px;
}
.pageRight .searchWrap{
	margin-bottom: 20px;
}
.pageRight .searchWrap .searchBox{
	position: relative;
}
.pageRight .searchWrap .searchBox .formInput{
	display: block;
	width: 100%;
	height: 36px;
	box-sizing: border-box;
    padding: 6px 15px;
    font-size: 13px;
    line-height: 36px;
    color: #76838f;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e4eaec;
	border-radius: 18px;
	outline: none;
	transition: all .3s;
}
.pageRight .searchWrap .searchBox .formInput:focus{
	border: #699fe9 1px solid;
}
.pageRight .searchWrap .searchBox .formBtn{
	display: block;
	width: 40px;
	height: 36px;
	background: url(../images/search.png) center center no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	outline: none;
	cursor: pointer;
}
.pageRight .recommend{
	border-top: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
	padding: 20px 0px;
	margin-bottom: 20px;
}
.pageRight .recommend .recommendTit{
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 10px;
}
.pageRight .recommend .recommendList{
	border: #e4eaec 1px solid;
	border-radius: 3px;
}
.pageRight .recommend .recommendList a{
	display: block;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	padding: 0px 15px;
	border-top: #e4eaec 1px solid;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.pageRight .recommend .recommendList a:first-child{
	border-top: none;
}
.pageRight .rNav a{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 10px;
}
.pageRight .rNav a.cur{
	color: #4e97d9;
}


.arcPage .arcPageTit{
	margin-bottom: 5px;
    font-size: 32px;
    line-height: 1.5;
    font-weight: 300;
}
.arcPage .arcPageInfo{
	padding-bottom: 20px;
    border-bottom: 1px solid #f0f2f5;
    font-size: 16px;
    font-weight: 300;
    color: #a3afb7;
}
.arcPage .arcPageInfo span{
	margin-right: 10px;
}
.arcPage .arcPageInfo .arcPageClick{
	padding-left: 15px;
    background: url(../images/eye.png) left center no-repeat;
}
.arcPage .arcPageMain{
	padding: 30px 0px;
	border-bottom: 1px solid #f0f2f5;
}
.arcPage .arcPageMain img{
	max-width: 100%;
}
.arcPage .arcPagePreNxt{
	margin-top: 20px;
	overflow: hidden;
}
.arcPage .arcPagePreNxt .arcPagePreNxtCel{
	width: 50%;
	float: left;
}
.arcPage .arcPagePreNxt .preLink{
	text-align: left;
}
.arcPage .arcPagePreNxt .nxtLink{
	text-align: right;
}
.arcPage .arcPagePreNxt .arcPagePreNxtCel a{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	border-radius: 20px;
	border: 1px solid #e4eaec;
	transition: all .2s ease;
	color: #76838f;
}
.arcPage .arcPagePreNxt .arcPagePreNxtCel a:hover{
	border-color: #62a8ea;
	color: #62a8ea;
}


.singlePage{
	padding: 30px 0px;
	border-top: 1px solid #f0f2f5;
}
.singlePage .singleWrap{
	width: 1170px;
	margin: 0px auto;
}
.shouhouTxt{
	padding: 30px 0px;
	font-size: 18px;
    font-weight: 300;
    line-height: 2.5;
    color: #222;
    word-wrap: break-word;
	text-align: center;
	border-bottom: 1px solid #e4eaec;
}
.shouhuBody{
	line-height: 1.8;
	margin-top: 30px;
	padding: 30px 0px;
}
.shouhuBody img{
	max-width: 100%;
}



.downListItem{
	padding: 30px 10px;
	border-bottom: #e4eaec 1px solid;
	position: relative;
}
.downListItem .downListItemWrap{
	margin-right: 120px;
	overflow: hidden;
}
.downListItem .downListItemWrap .downListItemPic{
	width: 32px;
	float: left;
}
.downListItem .downListItemWrap .downListItemPic img{
	display: block;
	width: 100%;
}
.downListItem .downListItemWrap .downListRight{
	margin-left: 45px;
}
.downListItem .downListItemWrap .downListRight .downListTit{
	margin-bottom: 5px;
}
.downListItem .downListItemWrap .downListRight .downListTit a{
	color: #2a333c;
    font-size: 16px;
	line-height: 1.2;
}
.downListItem .downListItemWrap .downListRight .downListTit a:hover{
	color: #62a8ea;
}
.downListItem .downListItemWrap .downListRight .downListInfo{
	color: #76838f;
    font-size: 14px;
}
.downListItem .downListItemWrap .downListRight .downListInfo span{
	margin-right: 10px;
}
.downListItem .downListBtn{
	display: block;
	width: 100px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	box-sizing: border-box;
	border:1px solid #62a8ea;
	position: absolute;
	right: 10px;
	top: 30px;
	text-align: center;
	color: #62a8ea;
	
	-webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
}
.downListItem .downListBtn:hover{
	background-color: #62a8ea;
	color: #fff;
}


.arcPage .arcPara{
	padding: 30px 0px;
	border-bottom: 1px solid #f0f2f5
}
.arcPage .arcPara .arcParaRow{
	font-size: 16px;
	line-height: 1.5;
	padding: 5px 0px;
}
.arcPage .arcPara .arcParaRow .arcParaRowTit{
	display: block;
	width: 100px;
	float: left;
	text-align: right;
}
.arcPage .arcPara .arcParaRow .arcParaRowVal{
	display: block;
	margin-left: 110px;
	color: #76838f;
}
.arcPage .downPageLink{
	padding: 20px 0px;
}
.arcPage .downPageLink a{
	display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid #62a8ea;
    text-align: center;
    color: #62a8ea;
    -webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
}
.arcPage .downPageLink a:hover{
	background-color: #62a8ea;
	color: #fff;
}
.arcPage .downPageMain{
	padding: 10px 0px;
	line-height: 1.8;
	color: #222;
}
.arcPage .downPageMain img{
	max-width: 100%;
}

.aboutPic{
	padding-bottom: 30px;
	border-bottom: 1px solid #e4eaec;
}
.aboutPic img{
	display: block;
	width: 100%;
}


.joinWrap{
	width: 1170px;
	margin: 0px auto;
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px;
}
.joinWrap .joinListItem{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e4eaec;
}
.joinWrap .joinListItem .joinPageTit{
	line-height: 30px;
	font-size: 24px;
	color: #37474f;
	margin-bottom: 10px;
}
.joinWrap .joinListItem .joinPageInfo{
	line-height: 16px;
	font-size: 12px;
    color: #a3afb7;
	padding-bottom: 20px;
	border-bottom: 1px solid #e4eaec;
}
.joinWrap .joinListItem .joinPageInfo span{
	margin-right: 10px;
}
.joinWrap .joinListItem .joinPageInfo .joinItemCity{
	padding-left: 18px;
	background: url(../images/city.png) left center no-repeat;
}
.joinWrap .joinListItem .joinPageInfo .joinItemNum{
	padding-left: 18px;
	background: url(../images/num.png) left center no-repeat;
}
.joinWrap .joinListItem .joinPageInfo .joinItemMoney{
	padding-left: 18px;
	background: url(../images/money.png) left center no-repeat;
}
.joinWrap .joinListItem .joinPageItemSec{
	padding: 20px;
}
.joinWrap .joinListItem .joinPageItemSec .joinPageItemSecTit{
	font-size: 18px;
    line-height: 1.8;
    color: #222;
    word-wrap: break-word;
	margin-bottom: 15px;
}
.joinWrap .joinListItem .joinPageItemSec .joinPageItemSecVal{
	line-height: 1.5;
}
.joinWrap .joinListItem .joinPageItemSec .joinPageItemSecVal img{
	max-width: 100%;
}



.guestPage{
	background-color: #f2f2f2;
	padding: 30px 0px;
}
.guestWrap{
	width: 800px;
	margin: 0px auto;
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px;
}
.guestWrap .form-group{
	margin-bottom: 20px;
}
.guestWrap .control-label{
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}
.guestWrap .formRadioRow{
	padding: 5px 0px;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
}
.guestWrap .formRadioRow input[type="radio"]{
	width: 15px;
    height: 15px;
    vertical-align: middle;
	cursor: pointer;
}
.guestWrap .formRadioRow label{
	cursor: pointer;
}
.guestWrap .formTxt{
	resize: vertical;
	border: 1px solid #e4eaec;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 15px;
	outline: none;
	transition: all .3s;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.5;
	color: #76838f;
}
.guestWrap .formTxt:focus{
	border-color: #699fe9;
}
.guestWrap .formInput{
	border: 1px solid #e4eaec;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 15px;
	outline: none;
	transition: all .3s;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.5;
	color: #76838f;
}
.guestWrap .formInput:focus{
	border-color: #699fe9;
}
.guestWrap .formTable{
	display: table;
	height: 35px;
}
.guestWrap .vcode{
	border: 1px solid #e4eaec;
	display: table-cell;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 6px 15px;
	outline: none;
	transition: all .3s;
	border-radius: 3px 0px 0px 3px;
	font-size: 14px;
	line-height: 1.5;
	color: #76838f;
	text-transform:uppercase;
}
.guestWrap .vcode:focus{
	border-color: #699fe9;
}
.guestWrap .input-group-addon{
	display: table-cell;
	width: 1%;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f3f7f9;
	box-sizing: border-box;
	border: 1px solid #e4eaec;
	border-left: none;
	border-radius: 0px 3px 3px 0px;
}
.guestWrap .formBtn{
	display: block;
	width: 100%;
	height: 45px;
	line-height: 46px;
	font-size: 16px;
	color: #fff;
	background-color: #62a8ea;
	transition: all .3s;
	border: none;
	outline: none;
	cursor: pointer;
}
.guestWrap .formBtn:hover{
	background-color: #89bceb;
}





.searchBanner{
	background-color: #62a8ea;
	height: 60px;
	line-height: 60px;
	padding: 30px 0px;
	text-align: center;
	font-size: 35px;
	color: #fff;
}
.searchBanner span{
	font-weight: bold;
}

.searchBoxFull{
	margin-bottom: 10px;
	position: relative;
}
.searchBoxFull .formInput{
	display: block;
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    padding: 6px 15px;
    font-size: 13px;
    line-height: 36px;
    color: #76838f;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e4eaec;
    border-radius: 18px;
    outline: none;
    transition: all .3s;
}
.searchBoxFull .formInput:focus{
	border: #699fe9 1px solid;
}
.searchBoxFull .formBtn{
	display: block;
	width: 40px;
	height: 36px;
	background: url(../images/search.png) center center no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	outline: none;
	cursor: pointer;
}

.searchListItem{
	padding: 20px 0px;
	border-bottom: #e4eaec 1px solid;
}
.searchListItem .searchListItemTit{
	display: block;
	font-size: 18px;
	line-height: 25px;
	color: #526069;
	margin-bottom: 10px;
}
.searchListItem .searchListItemDes{
	color: #76838f;
}



.tabBar{display: none; position: fixed; bottom: 0; z-index: 100; width: 100%; height: 60px; padding: 8px 5px; box-sizing: border-box; background-color: #fff; overflow: hidden;}
.tabBarCel{width: 32%; float: left; margin-right: 2%; box-sizing: border-box; text-align: center; border-radius: 3px;}
.tabBarCel:last-child{margin-right: 0;}
.tabBarCel.tabSms{border: 2px solid #D3D3D3;}
.tabBarCel.tabTel{border: 2px solid #3268C0; background-color: #3268C0;}
.tabBarCel.tabQq{border: 2px solid #96C2F2;}
.tabBarCel a{display: inline-block; height: 40px; line-height: 40px; padding-left: 30px; font-size: 12px;}
.tabBarCel a.tabBarSms{background: url(../images/sms.png) left center no-repeat;}
.tabBarCel a.tabBarTel{background: url(../images/tel.png) left center no-repeat; color: #fff;}
.tabBarCel a.tabBarQq{background: url(../images/qq2.png) left center no-repeat;}







@media (max-width: 1400px){
	.head .headWrap{width: 1160px;}
	.posiTion .posiTionWrap{width: 1160px;}
	.proUp .proUpWrap{width: 1160px;}
	.proDown .proDownWrap{width: 1160px;}
	.arcMain .arcWrap{width: 1160px;}
}

@media (max-width: 1200px){
	.head .headWrap{width: 1000px;}
	.head .headWrap .navWrap li{margin: 0px 15px;}
	.secWrap{width: auto; margin: 0px 20px;}
	.foot .footWrap{width: 90%;}
	.foot .footWrap .footNavCell{padding: 0px 10px;}
	
	.pageNav .pageNavWrap{width: 90%; text-align: left;}
	.proList .proWrap{width: 90%;}
	
	.posiTion .posiTionWrap{width: 1000px;}
	.proUp .proUpWrap{width: 1000px;}
	.proDown .proDownWrap{width: 1000px;}
	.proInfoSlide .bd .proPara span{width: 50%;}
	
	.arcMain .arcWrap{width: 1000px;}
	.singlePage .singleWrap{width: 90%;}
	
	.joinWrap{width: 100%;}
}

@media (max-width: 1000px){
	.head .headWrap{width: 100%;}
	.head .headWrap .navWrap{width: 100%; float: none; clear: both; text-align: center;}
	.head .headWrap .navWrap li{margin: 0px 20px; display: inline-block; float: none;}
	.head .headWrap .navWrap li:nth-child(1){margin:0px 25px;}
	.foot .footWrap .footNavCell{width: 25%;}
	.foot .footWrap .footContact{width: 100%; margin-top: 20px;}
	
	.posiTion .posiTionWrap{width: 100%; box-sizing:  border-box; padding: 10px;}
	.proUp .proUpWrap{width: 100%; box-sizing: border-box; padding: 0px 10px;}
	.proDown .proDownWrap{width: 100%; box-sizing: border-box;}
	.proDown .proDownWrap .proInfoWrap{width: 100%; float: none; margin-right: 0; margin-bottom: 20px;}
	.proDown .proDownWrap .proOther{width: 100%; float: none;}
	.proDown .proDownWrap .proOther .proOtherList .proOtherItem{width: 32%; margin-right: 2%; float: left;}
	.proDown .proDownWrap .proOther .proOtherList .proOtherItem:nth-child(3n){margin-right: 0;}
	
	.arcMain .arcWrap{width: 100%;}
	.arcPage{width: 100%; float: none; margin-bottom: 20px;}
	.pageRight{width: 100%; float: none;}
}

@media (max-width: 800px){
	.guestPage{padding: 0px;}
	.guestWrap{width: 100%; padding: 15px;}
}

@media (max-width: 768px){
	body{padding-bottom: 60px;}
	
	.head .headWrap .logo{padding: 20px 0px 20px 15px;}
	.head .headWrap .logo a img{height: 20px;}
	.head .headWrap .navWrap{display: none;}
	.icon_menu{display: block;}
	.section{padding: 50px 0px;}
	.secTit{font-size: 28px;}
	.secShortTit{font-size: 14px;}
	.slideTxtBox .hd ul li{padding: 0px 20px;}
	.slideTxtBox .bd li{width: 50%;}
	.newWrap .newShowItem{width: 100%; padding: 15px 0px;}
	.foot .footWrap .footNavCell{width: 50%; margin-bottom: 20px;}
	
	.proList .proWrap .proListItem{width: 50%;}
	.proUp .proUpWrap .proPic{width: 100%; margin-right: 0; float: none; margin-bottom: 40px;}
	.proUp .proUpWrap .proRight{width: 100%; float: none;}
	.proUp .proUpWrap .proRight .proBtn a{width: 50%;}
	.proUp .proUpWrap .proRight .proBtn .proBtnContact{margin-right: 0;}
	.proDown .proDownWrap .proInfoWrap{padding: 15px;}
	.proDown .proDownWrap .proOther{padding: 15px;}
	.proDown .proDownWrap .proOther .proOtherList .proOtherItem{width: 49%; margin-right: 2%;}
	.proDown .proDownWrap .proOther .proOtherList .proOtherItem:nth-child(3n){margin-right: 2%;}
	.proDown .proDownWrap .proOther .proOtherList .proOtherItem:nth-child(2n){margin-right: 0;}
	
	.arcMain{padding: 0;}
	.arcPage{padding: 15px;}
	.arcPage .arcListItem .arcListItemRight .arcListItemTit{margin-bottom: 5px;}
	.arcPage .arcListItem .arcListItemRight .arcListItemTit a{font-size: 16px;}
	.arcPage .arcListItem .arcListItemRight .arcListItemDes{font-size: 14px; line-height: 20px; margin-bottom: 5px;}
	.arcPage .arcPagePreNxt .arcPagePreNxtCel{width: 100%; float: none;}
	.arcPage .arcPagePreNxt .nxtLink{text-align: left; margin-top: 10px;}
	
	.joinWrap{padding: 15px;}
	
	.searchBanner{height: 50px; padding: 20px 0px; line-height: 50px; font-size: 26px;}
	
	.tabBar{display: block;}
}














































</pre></body></html>