@charset "utf-8";
/* CSS Document */
*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {font-size: 14px; font-family: "Helvetica Neue", Helvetica, 微软雅黑, 新細明體, Arial, "Lucida Grande", sans-serif; margin: 0px; padding: 0px; color: #000;}
div,form,img,ul,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; border:0;}
ul,li { list-style:none;}
i,em { font-style: normal;}
h3,h4 { font-weight: normal;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.pr { position: relative;} .fl { float: left;} .fr { float: right;}
a { color:#333; text-decoration:none;}
a:hover { color:#c00;}
.p50 { padding: 50px 0px;}

.container { width: 1170px; margin: 0px auto;}


.banner {
	width: 100%;
	height: 570px;
	background: url(../images/banner.jpg) top center no-repeat;
	}
.ban_title {
	padding-top: 60px;
	color: #fff;
	}
.ban_title h4 {font-size: 30px; font-weight: normal; padding-left: 50px;}
.ban_title h2 { font-size: 40px; font-weight: normal; padding-left: 30px; padding-top: 240px;}
.ban_title h2 font { color: #f8b551;}
.ban_title p {
	line-height: 45px;
	background-color: #ffff00;
	border-radius: 30px 30px;
	padding: 0px 30px;
	font-size: 20px;
	color: #000;
	display: inline-block;
	margin-top: 20px;
	margin-left: 110px;
	}
.ban_a { margin-top: 30px; margin-left: 300px;}
.ban_a a{
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	padding: 0px 30px;
	font-size: 20px;
	line-height: 50px;
	}
.ban_a a:hover { background-color: #ffff00; color: #000; border-color: #ffff00;}

/*search*/	
.search_bg {
	width: 100%;
	height: 230px;
	background: url(../images/ban_search.jpg) center top no-repeat;
	}

.search{
	padding-top: 50px;
	padding-left: 50px;
	}
.search span { font-size: 20px; margin-bottom: 15px; display: block;}
.search .skey{
	width: 480px; 
	height: 50px; 
	line-height: 48px; 
	float: left;
	padding-left: 40px;
	font-size: 18px;
	color: #999;
	border: 1px solid #cdcbbc;
	background: #f5f5f5 url(../images/ico-1.png) 10px center no-repeat;
	border-radius: 10px 10px;
	}
.search .skey2{
	width: 300px; 
	height: 50px; 
	line-height: 48px; 
	float: left;
	padding-left: 36px;
	margin-left: 30px;
	font-size: 18px;
	color: #999;
	border: 1px solid #cdcbbc;
	background: #f5f5f5 url(../images/ico-2.png) 10px center no-repeat;
	border-radius: 10px 10px;
	}
.search .sbtn{
	float: left; 
	height: 50px; 
	line-height: 50px; 
	width: 170px; 
	cursor: pointer; 
	overflow: hidden; 
	background: #743692 url(../images/search_btu.png) 20px center no-repeat; 
	border-radius: 10px 10px;
	margin-left: 30px;
	padding-left: 60px;
	font-size: 18px;
	color: #fff;
	}
	
.main {
	width: 100%;
	background: #f8f8f8;
	padding: 50px 0px;
	}
.main_box { padding: 30px 0px;}
.main_box li {
	float: left;
	width: 16.66666666666667%;
	text-align: center;
	padding: 30px 0px;
	}
.main_box li:hover {
	box-shadow: 0px 0px 10px 4px rgba(0,0,0,.1);
	background-color: #fff;
	}
.main_box li h4 { font-size: 18px; line-height: 60px;}
.main_box li a {
	display: inline-block; 
	line-height: 30px;
	background-color: #9c44b3;
	padding: 0px 20px;
	border-radius: 20px 20px;
	color: #fff;
	}

.title {text-align: center;}
.title label {
	font-size: 28px;
	line-height: 50px;
	display: block;
	background: url(../images/tit_bg.png) center top no-repeat;
	margin-bottom: 15px;
	}
.title p {
	font-size: 18px;
	color: #999;
	display: block;
	}
	
.title2 {text-align: center;}
.title2 label {
	font-size: 28px;
	line-height: 50px;
	display: block;
	background: url(../images/tit_2.png) center top no-repeat;
	margin-bottom: 15px;
	color: #fff;
	}
.title2 p {
	font-size: 18px;
	color: #e5e5e5;
	display: block;
	}
	
.more { text-align: center;}
.more a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background-color: #9c44b3;
	border-radius: 30px;
	padding: 0px 20px;
	line-height: 40px;
	margin: 0px 15px;
	}
.more a:hover { background-color: #743692;}
.more a img { margin-top: 7px; margin-left: 10px; float: right;}
	
.yw {background: url(../images/yw.png) center center no-repeat; height: 585px; margin: 50px 0px;}
.yw:after { content:""; clear: both; display: block; overflow: hidden; height: 0px;}
.yw_l {
	float: left;
	width: 400px;
	padding-left: 40px;
	}
.yw_box {
	width: 230px;
	height: 80px;
	}
.yw_box h4 { font-weight: bold; color: #743692; font-size: 16px; line-height: 30px;}
.yw_box p { color: #666;}
.yw_1 { margin-left: 110px; margin-top: 20px;}
.yw_2 { margin-left: 5px; margin-top: 110px;}
.yw_3 { margin-left: 94px; margin-top: 180px;}
.yw_r {
	float: right;
	width: 400px;
	margin-right: 35px;
	}
.yw_4 { margin-left: 45px; margin-top: 8px;}
.yw_5 { margin-left: 160px; margin-top: 135px;}
.yw_6 { margin-left: 166px; margin-top: 66px;}
.yw_7 { margin-left: 10px; margin-top: 55px;}


.bz_bg {
	width: 100%;
	background: url(../images/bz_bg.jpg) center top no-repeat;
	padding: 50px 0px;
	height: 603px;
	}
.bz_box {margin: 50px auto;}
.bz_box:after { content:""; clear: both; display: block; overflow: hidden; height: 0px;}
.bz_box li {
	float: left;
	width: 16.66666666666667%;
	}
.bz_box li div {
	margin: 0px 10px;
	background-color: #e5eaff;
	padding-bottom: 30px;
	text-align: center;
	}
.bz_box li div h4 { text-align: center; color: #fff;}
.bz_box li div h4 span {
	display: block;
	line-height: 50px;
	background-color: #2944cc;
	font-size: 18px;
	}
.bz_box li div p {
	height: 130px;
	font-size: 16px;
	color: #2944cc;
	line-height: 26px;
	text-align: left;
	padding: 15px 15px;
	}
.bz_box li div a {
	display: inline-block; 
	line-height: 30px;
	background-color: #9c44b3;
	padding: 0px 20px;
	border-radius: 20px 20px;
	color: #fff;
	}

	
.zrzl {
	width: 100%;
	padding: 50px 0px;
	}
.zr_bg {
	width: 100%;
	height: 420px;
	background: url(../images/zr_bg.png) top center no-repeat;
	margin: 50px 0px;
	}
.zr_box { width: 500px; padding-top: 30px;}
.zr_t1 {
	width: 175px;
	text-align: center;
	}
.zr_t1 span {
	line-height: 50px;
	background-color: #d4daf5;
	font-size: 18px;
	display: block;
	}
	
.marquee { height: 296px; overflow: hidden;}
.marquee li {
	padding-left: 25px;
	background: url(../images/ico-8.png) left center no-repeat;
	}
.marquee li a {
	line-height: 34px;
	overflow:hidden;
	display:inline-block;
	font-size: 16px;
	}
.marquee li .dd1 { margin-right: 30px;}
.marquee li .dd2 { color: #ff0000;}
.zr_t2 {
	width: 175px;
	text-align: center;
	}
.zr_t2 span {
	line-height: 50px;
	background-color: #fbf272;
	font-size: 18px;
	display: block;
	}

.ys_bg {
	width:100%;
	height: 590px;
	background: url(../images/ys_bg.jpg) center top no-repeat;
	padding: 50px 0px;
	}
.ys_box { padding-top: 50px;}
.ys_box:after { content:""; clear: both; display: block; overflow: hidden; height: 0px;}
.ys_box li {
	float: left;
	width: 33.33333333333334%;
	margin-bottom: 40px;
	}
.ys_box li div { margin: 0px 20px; background-color: #e5eaff; height: 120px; box-shadow: 10px 10px 0px 0px rgba(255,255,255,.1);}
.ys_box li div span { background-color: #743692; width: 70px; height: 120px; float: left; text-align: center; line-height: 120px; margin-right: 30px;}
.ys_box li div span img { vertical-align: middle;}
.ys_box li div strong { font-size: 20px; line-height: 40px; margin-top: 10px; display: inline-block;}
.ys_box li div p { font-size: 16px; color: #666; padding-right: 30px;}


.box-gundong {
    padding-top:50px;
    position:relative;
	display: inline-block;
	margin-bottom: 50px;
    }
.ashow2 {
    margin-left:75px;
    float:left;
    }
.list_02 li {
    float: left;
    overflow: hidden;
    text-align:center;
    margin-left:5px;
    margin-right:5px;
    }

.list_02 li img {
    width:160px;
    height:210px;
    }
 
.list_02 li p {
	width:160px;
	height:30px;
	line-height:30px;
	font-size:15px;
	overflow:hidden;
	}
.al {
    background:url(../images/icon.png) no-repeat;
    left:0px;
    top:120px;
    position:absolute;
    overflow:hidden;
    width:70px;
	cursor: pointer;
    height:90px;
    }
.ar {
    background: url(../images/icon.png) top right no-repeat;
    right:-70px;
    top:120px;
    position:absolute;
    overflow:hidden;
    width: 70px;
    cursor:pointer;
    height: 90px
    }


.footer {
	width: 100%;
	background-color: #1f1f1f;
	padding: 20px 0px;
	text-align: center;
	color: #999;
	}




/****************kefu*****************/
.keifu{ position:fixed; top:2%; left:5px; width:154px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:9999;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:154px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:75px; background:url(../images/keifu.png); background-position: 0 -105px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{width:130px; padding-top:5px; background:-webkit-gradient(linear,0 0,0 100%,from(#0160a0),to(#048dd1));background:-moz-linear-gradient(top,#0160a0,#048dd1); padding-bottom:20px;}
.keifu_con li{ line-height:26px; text-align:center; font-size:14px; font-weight:bold;}
.keifu_con li a { color:#fff;}
.keifu_con li a:hover { text-decoration:underline;}
.keifu_bot a{ width:154px; height:55px; background:url(../images/keifu.png); background-position:0 -185px; display:block; overflow:hidden; text-indent:-9999px; margin-top:-10px;}
	
/*服务*/
.content3{padding-top: 50px; background: #fff;}
.content3 .box{padding-bottom:80px; padding-top: 30px; display:flex; justify-content:space-between;}
.content3 .item{width:25%;padding-bottom: 30px; background-color:#ffffff; box-shadow: 0px 3px 8px 0px rgba(68, 68, 68, 0.36); border-radius:10px;background-position:left bottom; background-repeat:no-repeat;}
.content3 .item h2{height:67px; font-size:30px; color:#fff; text-align: center; line-height:66px; border-radius:10px 10px 0px 0px; font-weight:bold; letter-spacing:1px;}

.content3 .item h4{margin-top:32px; text-align:right; padding-right:15px;}
.content3 .item h4 a{display:inline-block; width:75px; height:29px; background-color:#ffffff; border-radius:5px; border:solid 1px #585858; text-align: center; line-height:28px; font-size:18px; color:#373737; transition:all .1s ease;}
.content3 .item h4 a:hover{background-color:#585858; border:solid 1px #585858; color:#fff;}
.content3 .item1{background-image:url(../images/con3-bg1.jpg);}
.content3 .item2{background-image:url(../images/con3-bg2.jpg);}
.content3 .item3{background-image:url(../images/con3-bg3.jpg);}
.content3 .item4{background-image:url(../images/con3-bg4.jpg);}
.content3 .item1 h2{background-color:#ff8d40;}
.content3 .item2 h2{background-color:#ff5562;}
.content3 .item3 h2{background-color:#40a7ff;}
.content3 .item4 h2{background-color:#ff7364;}
.content3 .item1 p a{background:url(../images/arrow1.jpg) left top no-repeat;}
.content3 .item2 p a{background:url(../images/arrow2.jpg) left top no-repeat;}
.content3 .item3 p a{background:url(../images/arrow3.jpg) left top no-repeat;}
.content3 .item4 p a{background:url(../images/arrow4.jpg) left top no-repeat;}
.server-m ul{  padding-bottom:11px; border-bottom:1px solid #eee; margin: 0px 15px;}
.server-m li{padding-left:15px; margin:29px 0 0 0; color:#777; font-size:14px; position:relative;}
.server-m li:before{content:""; display:inline-block; width:11px; height:11px;position:absolute; top:5px; left:0; background: url(../images/ico.png) no-repeat;}
.server-m li b{display:block; margin-bottom:4px; font-size:16px; color:#6761e9;}
.server-m li b a { display: block; color:#1257a2;}
.server-m li b a:hover { color: #ef002c;}