@charset "utf-8";
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizelegibility;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,
section {
	margin: 0;
	padding: 0;
}

.clear{
	clear: both;
}




@media (max-width:768px){
	.topbox{
		width: 100%;
		height: 200px;
		background-image: linear-gradient(to right, rgba(83,85,238,1) , #30B2EA);
	}
	.sybtn{
		width: 200px;
		float: right;
	}
	.menubox .sybtn a{
		height: 32px;line-height: 32px;
		border-radius: 9px;
		font-size: 14px;
		display:block;
		float: right;
		width: 70px;
		text-align: center;
		/*font-weight: 300;*/
		color: #ffffff;
		text-decoration: none;
	}
	.menubox{
		width: 100%;
		/*background: #f5f5f5;*/
		height: 80px;
		margin: 0 auto;
		padding-top: 20px;
	}
	.menubox .logo{
		width: 150px;
		float: left;
	}
	.menubox .logo img{
		margin-left: 20px;
		width: 120px;
		height: 31px;
	}
	.menubox .menu{
		display: none;
	}
	.menubox .menu a{
		height: 32px;line-height: 32px;
		border-radius: 9px;
		font-size: 14px;
		display:block;
		float: right;
		width: 100px;
		text-align: center;
		/*font-weight: 300;*/
		color: #ffffff;
		text-decoration: none;
	}
	.bancover{
		display: none;
		width: 100%;
	}
	.bancover img{
		
		margin-top: -320px;
		width: 100%;
	}
	.banlef{
		width: 100%;
	}
	.banright{
		display: none;
	}
	.bantite1{
		margin-top: 10px;
		width: 100%;
		text-align: center;
		font-size: 24px;
		color: #ffffff;
	}
	.baninfo1{
		font-size: 14px;
		color: #f7f7f7;
		text-align: center;
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
		font-weight: 300;
	}
	.lmtitle{
		margin-top: 30px;
		color: #233D63;
		text-align: center;
		font-size: 28px;
	}
	.lmtitleinfo{
		margin-top: 20px;
		font-size: 14px;
		line-height: 30px;
		color: #666666;
		text-align: center;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.syaboutleft{
		display: none;
	}
	.syaboutright{
		padding-top: 20px;
		width: 100%;
		
	}
	.sevbox{
		width: 100%;
		height: 120px;
		padding-left: 10px;
	}
	.sevboxl{
		width: 20%;
		float: left;
	}
	.sevboxr{
		width: 80%;
		float: left;
	}
	.sevimgbox{
		width: 54px;
		height: 54px;
		background: #E8F1FA;
		border-radius: 50%;
		text-align: center;
		margin-bottom: 40px;
	}
	.sevimgbox img {
		margin-top: 11px;
		width: 32px;
	}
	.sevtitle{
		padding-left: 20PX;
		font-size: 18px;
		color: #233D63;
	}
	
	.sevinfo{
		padding:10px 20px 0 20px ;
		font-size: 12px;
		line-height: 22px;
		color: #777777;
	}
	.gongsibox{
		
	}
	.gongsicont{
		width: 100%;
	}
	.gsleft{
		margin-top: 20px;
		padding: 15px;
		width: 100%;
		float: left;
		color: #f7f7f7;
		background: #4A7CED;
	}
	.gsright{
		padding-top: 50px;
		width: 100%;
		float: right;
		text-align: center;
	}
	.gsright img{
		width: 96%;
	}
	.gsnameen{
		font-size: 22px;
	}
	.gsname{
		font-size: 32px;
		color: #FFBE56;
		margin-top: 20px;
	}
	.gsinfo{
		margin-top: 20px;
		font-size: 13px;
		line-height: 30px;
		color: #f2f2f2;
	}
	.fanganbox{
		/*width: 1200px;
		height: 650px;
		margin: 0 auto;
		margin-top:-90px;
		opacity: 1;
		border-radius: 10px;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 2px 30px  rgba(0, 0, 0, 0.2);
		padding-top: 30px;
		z-index: 99;*/
	}
	.fangan{
		padding-top: 50px;
	}
	.fangan a{
		padding: 10px 0;
		display: block;
		width: 50%;
		height: 180px;
		/*background: #f7f7f7;*/
		float: left;
		text-align: center;
		text-decoration: none;
	}
	.fangan img{
		width: 55px;
	}
	.fangan p{
		height: 36px;
		line-height: 36px;
		display: block;
		font-size: 16px;
		color: #233D63;
	}
	.fangan span{
		display: block;
		padding: 0 10px;
		font-size: 12px;
		line-height: 22px;
		color: #777777;
	}
	.liucheng{
		margin-top: 30px;
		/*height: 300px;*/
		width: 100%;
		background: #4a7ced;
		padding-top: 20px;
	}
	.liuchengbg{
		/*width: 1200px;
		margin: 0 auto;*/
	
	}
	.liuchengitem{
		width: 33%;
		float: left;
		margin-bottom: 10px;
	}
	.lcimg{
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 50%;
		background: #ffffff;
		text-align: center;
	}
	.lcimg img{
		margin-top: 18px;
		width:44px;
	}
	.lctitle{
		text-align: center;
		height: 48px;
		line-height: 48px;
		font-size: 14px; 
		color: #f1ff56;
	}
	.news{
		/*width: 1200px;
		margin: 0 auto;
		padding-top: 30px;*/
	}
	.newsl{
		
		width: 95%;
		padding: 5px;
	}
	.newsr{
		
		width: 95%;
		padding: 5px;
	}
	.newsitem{
		width: 90%;
		margin: 20px auto;
		height: 280px;
		opacity: 1;
		border-radius: 10px;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 30px  rgba(0, 0, 0, 0.15);
	}
	.newsitem:hover{
		box-shadow: 0px 0px 30px   rgba(0, 0, 0, 0.30);
	}
	.newsitem a{
		text-decoration: none;
	}
	.newsitem a img{
		width: 100%;
		height: 220px;
	}
	.newsitem a span{
		display: block;
		font-size: 18px;
		padding-left: 20px;
		height: 52px;
		color: #233D63;
		line-height: 52px;
	}
	.whywe{
		display: none;
	}
	.welmtitle{
		color: #FAFAFA;
		text-align: center;
		font-size: 28px;
	}
	.webox{
		/*width: 1200px;
		margin: 0 auto;
		padding-top: 80px;*/
	}
	.weleft{
		
		padding-top: 45px;
	}
	.weright{
		
		padding-top: 80px;
	}
	.weleft img {
		width: 420px;
	}
	.sevinfo2{
		padding:2px 20px 0 20px ;
		font-size: 13px;
		line-height: 26px;
		color: #FFFFFF;
	}
	.w1200{
		/*width: 1200px;
		margin: 0 auto;*/
	}
	.nwlmtitle{
		height: 86px;
		line-height: 86px;
		font-size: 24px;
		color: #233D63;
		
	}
	.newslist{
		
		height: 42px;
		line-height: 42px;
		border-bottom: 1px solid #f5f5f5;
		
	}
	.newslist a{
		display: block;
		width: 95%;
		text-decoration: none;
		font-size: 16px;
		color: #666666;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		
	}
	.ftop{
		display: none;
		width: 100%;
		height: 140px;
		background-image: url('/template/pc/skin/images/fbg.png');
	}
	.footbox{
		display: none;
		background: #4a7ced;
		width: 100%;
		height: 220px;
	}
	.footitem{
		float: left;
		width: 33%;
	}
	.foottl{
		width: 100%;
		font-size: 24px;
		color: #eceae7;
		margin-bottom: 20px;
	}
	.alink{
		font-size: 16px;
		color: #e9d7d7;
		display: block;
		text-decoration: none;
		height: 32px;
		line-height: 32px;
	}
	.copr{
		
		width: 100%;
		height: 80px;
		line-height: 36px;
		color: #eceae7;
		background: #3666d4;
		text-align: center;
	}
	.copr a{
		color: #eceae7;
		text-decoration: none;
	}
	.addr{
		width: 75%;
		font-size: 15px;
		line-height: 30px;
		color: #eceae7;
	}
	.qr{
		
	}
	.qr img{
		width: 100px;
		height: 100px;
	}
	.mbfoot{
		
	}
	.mb1{
		height: 32px;
		line-height: 32px;
		text-align: center;
		color: #ffffff;
		background: #ff9900;
		margin-bottom: 10px;
	}
	.mb1 a{
		font-size: 1.2em;
		text-decoration: none;
		color: #ffffff;
	}
	.faimgbox{
		width: 68px;
		height: 68px;
		margin:  0 auto;
		background: #2196f3;
		border-radius: 50%;
	}
	.faimgbox img {
		margin-top: 14px;
		width: 40px;
		height: 40px;
	}
}
@media (min-width:767px){
	.banner1{
		margin-top: 40px;
	}
	.topbox{
		width: 100%;
		height: 500px;
		background-image: linear-gradient(to right, rgba(83,85,238,1) , #30B2EA);
	}
	.sybtn{
		display: none;
	}
	.menubox{
		width: 1200px;
		/*background: #f5f5f5;*/
		height: 80px;
		margin: 0 auto;
		padding-top: 20px;
	}
	.menubox .logo{
		padding-left: 20px
		width: 300px;
		float: left;
	}
	.menubox .logo img{
		width: 150px;
		height: 39px;
	}
	.menubox .menu{
		width: 900px;
		float: left;
		padding-right: 20px;
		text-align: right;
	}
	.menubox .menu a{
		height: 32px;line-height: 32px;
		border-radius: 9px;
		font-size: 14px;
		display:block;
		float: right;
		width: 100px;
		text-align: center;
		/*font-weight: 300;*/
		color: #ffffff;
		text-decoration: none;
	}
	.bancover{
		width: 100%;
	}
	.bancover img{
		margin-top: -460px;
		width: 100%;
	}
	.banlef{
		float: left;
		width: 55%;
	}
	.banright{
		float: left;
		width: 42%;
	}
	.bantite1{
		margin-top: 30px;
		width: 100%;
		text-align: left;
		font-size: 30px;
		color: #ffffff;
	}
	.baninfo1{
		font-size: 20px;
		line-height: 36px;
		color: #f7f7f7;
		text-align: left;
		margin-top: 30px;
		font-weight: 300;
	}
	.syabout{
		width: 1200px;
		margin: 0 auto;
		padding-top: 50px;
	}
	.syaboutleft{
		width: 35%;
		float: left;
		text-align: center;
		
	}
	.syaboutright{
		padding-top: 20px;
		width: 65%;
		float: left;
		
	}
	.lmtitle{
		margin-top: 30px;
		color: #233D63;
		text-align: center;
		font-size: 28px;
	}
	.lmtitleinfo{
		margin-top: 20px;
		font-size: 14px;
		line-height: 30px;
		color: #666666;
		text-align: center;
	}
	.syaboutleft img {
		width: 300px;
		height: 200px;
		border-radius: 5px;
		margin-top: 30px;
	}
	.sevbox{
		float: left;
		width: 50%;
		margin-bottom: 20px;
	}
	.sevboxl{
		width: 20%;
		float: left;
	}
	.sevboxr{
		width: 80%;
		float: left;
	}
	.sevimgbox{
		width: 54px;
		height: 54px;
		background: #E8F1FA;
		border-radius: 50%;
		text-align: center;
		margin-bottom: 40px;
	}
	.sevimgbox img {
		margin-top: 11px;
		width: 32px;
	}
	.sevtitle{
		padding-left: 20PX;
		font-size: 18px;
		color: #233D63;
	}
	
	.sevinfo{
		padding:10px 20px 0 20px ;
		font-size: 12px;
		line-height: 22px;
		color: #777777;
	}
	.gongsibox{
		margin-top: 380px;
		width: 100%;
		height: 550px;
		background: #4A7CED;
	}
	.gongsicont{
		width: 1200px;
		margin: 0 auto;
	}
	.gsleft{
		margin-top: 100px;
		padding-left: 30px;
		width: 55%;
		float: left;
		color: #f7f7f7;
	}
	.gsright{
		padding-top: 80px;
		width: 42%;
		float: right;
		text-align: center;
	}
	.gsright img{
		width: 480px;
	}
	.gsnameen{
		font-size: 22px;
	}
	.gsname{
		font-size: 32px;
		color: #FFBE56;
		margin-top: 20px;
	}
	.gsinfo{
		margin-top: 20px;
		font-size: 13px;
		line-height: 30px;
		color: #f2f2f2;
	}
	.fanganbox{
		width: 1200px;
		height: 850px;
		margin: 0 auto;
		margin-top:-90px;
		opacity: 1;
		border-radius: 10px;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 2px 30px  rgba(0, 0, 0, 0.2);
		padding-top: 30px;
		z-index: 99;
	}
	.fangan{
		padding-top: 50px;
	}
	.fangan a{
		padding: 10px 0;
		display: block;
		width: 33%;
		height: 160px;
		/*background: #f7f7f7;*/
		float: left;
		text-align: center;
		text-decoration: none;
	}
	.fangan img{
		width: 55px;
	}
	.fangan p{
		height: 36px;
		line-height: 36px;
		display: block;
		font-size: 16px;
		color: #233D63;
	}
	.fangan span{
		display: block;
		font-size: 12px;
		line-height: 22px;
		color: #777777;
	}
	.liucheng{
		margin-top: 30px;
		height: 300px;
		width: 100%;
		background: #4a7ced;
		padding-top: 90px;
	}
	.liuchengbg{
		width: 1200px;
		margin: 0 auto;
	
	}
	.liuchengitem{
		width: 16%;
		float: left;
	}
	.lcimg{
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 50%;
		background: #ffffff;
		text-align: center;
	}
	.lcimg img{
		margin-top: 18px;
		width:44px;
	}
	.lctitle{
		text-align: center;
		height: 48px;
		line-height: 48px;
		font-size: 16px;
		color: #f1ff56;
	}
	.news{
		width: 1200px;
		margin: 0 auto;
		padding-top: 30px;
	}
	.newsl{
		float: left;
		width: 50%;
	}
	.newsr{
		float: right;
		width: 50%;
	}
	.newsitem{
		margin-top: 60px;
		width: 280px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 100px;
		float: left;
		height: 260px;
		opacity: 1;
		border-radius: 10px;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 30px  rgba(0, 0, 0, 0.15);
	}
	.newsitem:hover{
		box-shadow: 0px 0px 30px   rgba(0, 0, 0, 0.30);
	}
	.newsitem a{
		text-decoration: none;
	}
	.newsitem a img{
		width: 280px;
		height: 190px;
	}
	.newsitem a span{
		display: block;
		font-size: 18px;
		padding-left: 20px;
		height: 52px;
		color: #233D63;
		line-height: 52px;
	}
	.whywe{
		width: 100%;
		height: 550px;
		background-image: url('/template/pc/skin/images/bg5.png');
	}
	.welmtitle{
		color: #FAFAFA;
		text-align: center;
		font-size: 28px;
	}
	.webox{
		width: 1200px;
		margin: 0 auto;
		padding-top: 80px;
	}
	.weleft{
		float: left;
		width: 45%;
		padding-top: 45px;
	}
	.weright{
		float: right;
		width: 55%;
		padding-top: 80px;
	}
	.weleft img {
		width: 420px;
	}
	.sevinfo2{
		padding:2px 20px 0 20px ;
		font-size: 14px;
		line-height: 26px;
		color: #FFFFFF;
	}
	.w1200{
		width: 1200px;
		margin: 0 auto;
	}
	.nwlmtitle{
		height: 86px;
		line-height: 86px;
		font-size: 24px;
		color: #233D63;
	}
	.newslist{
		width: 80%;
		height: 42px;
		line-height: 42px;
		border-bottom: 1px solid #f5f5f5;
	}
	.newslist a{
		text-decoration: none;
		font-size: 16px;
		color: #666666;
	}
	.ftop{
		width: 100%;
		height: 140px;
		background-image: url('/template/pc/skin/images/fbg.png');
	}
	.footbox{
		background: #4a7ced;
		width: 100%;
		height: 220px;
	}
	.footitem{
		float: left;
		width: 33%;
	}
	.foottl{
		width: 100%;
		font-size: 24px;
		color: #eceae7;
		margin-bottom: 20px;
	}
	.alink{
		font-size: 16px;
		color: #e9d7d7;
		display: block;
		text-decoration: none;
		height: 32px;
		line-height: 32px;
	}
	.copr{
		width: 100%;
		height: 36px;
		line-height: 36px;
		color: #eceae7;
		background: #3666d4;
		text-align: center;
	}
	.copr a{
		color: #eceae7;
		text-decoration: none;
	}
	.addr{
		width: 75%;
		font-size: 15px;
		line-height: 30px;
		color: #eceae7;
	}
	.qr{
		
	}
	.qr img{
		width: 110px;
		height: 110px;
	}
	.mbfoot{
		display: none;
	}
	.faimgbox{
		width: 68px;
		height: 68px;
		margin:  0 auto;
		background: #2196f3;
		border-radius: 50%;
	}
	.faimgbox img {
		margin-top: 14px;
		width: 40px;
		height: 40px;
	}
}