@charset "gb2312";
/* CSS Document */

/* ☆ reset ======================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:'Microsoft YaHei';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
input,textarea{font-family:'Microsoft YaHei';}
/* ☆ pub Class==================================================================*/
.clearfix {zoom: 1;display: table;width: 100%;}
.clear{clear: both;}
.fl{float:left;}
.fr{float:right;}
.eps{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/* ☆ common Class=============================================================*/
.topOuter{width:100%;margin:0 auto;background:#fff;}
.topInner{width:1200px;height:40px;margin:0 auto;}
.topNav{width:475px;padding:15px 0 0 0;float:right;color:#333;text-align:right;font-size:12px;}
.topInner a.logo{display:block;width:68px;height:30px;float:left;margin: 5px 0 0 0;}
.topInner img{width:68px;height:30px;}
.topNav a{color:#333;}
.ctitle2{font-size: 30px;color: #0a52d7;line-height: 150%;font-weight: bold;margin: 0 0 10px 0;text-align:center;}
.ctitle2 img{vertical-align: middle;}
.ctitle2 span{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;}
.title3,.title4{color: #0a52d7;line-height: 150%;font-weight: bold;text-align:center;}
.title3{font-size: 30px;}
.title4{font-size: 24px;margin: 0 0 10px 0;}
.ctitle5{font-size: 24px;color: #000000;line-height: 150%;font-weight: bold;margin: 0 0 10px 0;}
.ctitle5 img{vertical-align: middle;}
.ctitle5 span{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;}
.orange{color:#ff8400;}
.copyright{font-size: 12px;line-height: 150%;text-align: center;color: #666666;padding: 20px;}
/* ☆ 页面模式部分===========================================================*/
.comwrap{width:1200px;margin:0 auto;position:relative;}
.commtitle{position:relative;margin:0 0 20px 0;width:100%;}
.commtitle .text{width:740px;height:80px;margin:0 auto;line-height:80px;font-size:36px;font-weight:bold;text-align:center;color:#333333;border-bottom:1px solid #82338f;}
.commtitle .line{width:160px;height:5px;background:#82338f;position:absolute;left:50%;bottom:-2px;margin:0 0 0 -80px;}
.banner{height:500px;background:url(../images/banner.jpg?ver=20220322001) no-repeat center center;}
.banner .btns{padding:15px 0 0 0;}
.banner .btns .login,.banner .btns .reg{display:block;float:right;margin:0 0 0 10px;width:100px;height:30px;line-height:30px;text-align:center;border-radius:100px;border:1px solid #ffffff;font-size:14px;}
.banner .btns .login{background:#ffffff;color:#333333;}
.banner .btns .reg{background:#6e3391;color:#ffffff;}
.intro_box{width:33.3%;float:left;}
.intro_box .simg{width:170px;height:170px;margin:0 auto;background:url(../images/icon_bg.png) no-repeat center center;text-align:center;line-height:170px;position:relative;}
.intro_box .simg .inner{width:110px;height:110px;position:absolute;left:50%;top:50%;margin:-55px 0 0 -55px;}
.intro_box .text{margin:10px 0 0 0;color:#000000;text-align:center;line-height:150%;}
.intro_box .text .point{font-size:26px;font-weight:bold;margin:0 0 10px 0;}
.intro_box .text .detail{font-size:16px;}
.intro_box .right_text{float:left;padding:50px 0 0 10px;}
.intro_img{width:520px;height:300px;float:left;}
.intro_wrap{padding:20px 0 0 0;}
.intro_text{float:left;padding:0 0 0 20px;width:660px;}
.intro_text .title{line-height:150%;color:#82338f;font-size:24px;}
.intro_text .title img,.intro_text .title span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.intro_text .detail{font-size:16px;color:#333333;line-height:200%;}
.service{background:#d1b0d6;margin:100px 0 20px 0;padding:30px 0 50px 0;}
.servicebox{width:1200px;position:relative;overflow:hidden;margin:50px 0 0 0;}
.servicebox .longhide{width:1250px;position:relative;float:left;}
.servicebox .box{width:276px;height:160px;margin:0 32px 0 0;padding:20px 0;float:left;border-radius:20px;background:#ffffff;filter:drop-shadow(0 0 4px rgba(0,0,0,0.15));}
.servicebox .box .img{width:80px;height:80px;margin:0 auto;}
.servicebox .box .tit{font-size:26px;color:#424242;text-align:center;line-height:200%;}
.servicebox .box .txt{font-size:16px;color:#000000;text-align:center;line-height:200%;}
.servicebox_tle{width:500px;height:56px;line-height:56px;font-size:28px;background:#82338f;margin:20px auto 0 auto;border-radius:200px;color:#ffffff;text-align:center;}
.service .round1,.service .round2{width:180px;height:180px;position:absolute;}
.service .round1{background:url(../images/img2.png) no-repeat center center;right:30px;top:-80px;}
.service .round2{background:url(../images/img3.png) no-repeat center center;left:-90px;bottom:-150px;}
.joblistwrap{width:1200px;position:relative;overflow:hidden;margin:20px 0 0 0;}
.joblistwrap .longhide{width:1250px;position:relative;float:left;}
.joblistwrap .jobbox{float:left;width:340px;margin:20px 30px 0 0;padding:15px 15px 10px 15px;border:2px solid #82338f;border-radius:6px;background:#ffffff;}
.joblistwrap .jobbox .comlogo{float:left;padding:10px 0;}
.joblistwrap .jobbox .comlogo .logoimg{float:left;border:1px solid #cccccc;width:80px;height:80px;}
.joblistwrap .jobbox .comlogo .logoimg img{width:80px;height:80px;}
.joblistwrap .jobbox .comname,.joblistwrap .jobbox .comjobs{width:240px;float:right;margin:0 0 0 0;}
.joblistwrap .jobbox .comname{margin:0 0 5px 0;}
.joblistwrap .jobbox .comname a{font-size:18px;color:#000000;font-weight:bold;}
.joblistwrap .jobbox .comname a:hover{color:#82338f;}
.joblistwrap .jobbox .comjobs{overflow:hidden;}
.joblistwrap .jobbox .comjobs a{font-size:16px;color:#000000;display:inline-block;*display:inline;*zoom:1;padding:0 0 0 8px;background:url(../images/icon13.png) no-repeat left center;}
.joblistwrap .jobbox .comjobs a:hover{color:#ff6600;}
.joblistwrap .jobbox .comjobs .item{line-height:150%;}
.joblistwrap .jobbox .comjobs .dsec{font-size:14px;color:#666666;}
.joblist_round{width:200px;height:200px;position:absolute;right:-100px;top:-80px;background:url(../images/img4.png) no-repeat center center;}
.famouscase{background:url(../images/img5.png) no-repeat top center;margin:70px 0 0 0;padding:50px 0 280px 0;}
.picScroll-left{position:relative;width:1060px;margin:0 auto;}
.picScroll-left .hd{height:1px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{display:block;width:30px;height:56px;position:absolute;top:180px;overflow:hidden;cursor:pointer;background:url(../images/icon14.png) 0 0 no-repeat;}
.picScroll-left .hd .prev{left:-50px;}
.picScroll-left .hd .next{right:-50px;background-position:-30px 0;}
.picScroll-left .hd ul{float:right;overflow:hidden;zoom:1;margin-top:10px;zoom:1;}
.picScroll-left .hd ul li{float:left;width:9px;height:9px;overflow:hidden;margin-right:5px;text-indent:-999px;cursor:pointer;background:url("../images/icoCircle.gif") 0 -9px no-repeat;}
.picScroll-left .hd ul li.on{background-position:0 0;}
.picScroll-left .bd{padding:10px;}
.picScroll-left .bd ul{overflow:hidden;zoom:1;}
.picScroll-left .bd ul li{float:left;_display:inline;overflow:hidden;text-align:center;}
.picScroll-left .bd ul li .pic img{width:348px;height:394px;display:block;}
.contactwrap{background:#f6eff7;}
.contactdetail{line-height:250%;font-size:20px;color:#000000;}
.contactdetail img,.contactdetail span{vertical-align: middle;display:inline-block;*display:inline;*zoom:1;}