@charset "utf-8";
/* CSS Document */
/*----------定义全局------------*/
*html,body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none;}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
ul,ol,li,dl,dt,dd{ list-style:none;}
img{vertical-align:top;}
a{ outline:none; text-decoration:none;}
a:hover{ text-decoration:none;}
.c{ clear:both;}
.box{ width:1000px; margin:0 auto;}
body{ font-family:"微软雅黑"; background-color:#ffffff;}
a{font-family:"微软雅黑"; color:#333;}

/*----------专题------------*/

/*鼠标一上去图片变亮*/
a img{transition:box-shadow .2s ease,-webkit-filter .2s ease-out;-webkit-filter:brightness(1)}
a img:hover{-webkit-filter:brightness(1.3)}

.banner a{ height:480px; background:#e1e6e9 url(../images/banner.jpg) no-repeat center 0; display:block;}
.banner a img{ display:none;}

.mainbox{ width:1170px; margin:0 auto;}
.companyInfo{ background:url(../images/box.jpg) no-repeat bottom center; height:600px;}
.companyInfo b{ display:block; font-size:30px; font-family:'Microsoft Yahei'; color:#333333; text-align:center; padding-top:60px; }
.companyInfo p{ text-align:center; font:16px/24px "Microsoft Yahei"; color:#333333; margin-top:10px;}
.companyInfo dl{ margin-top:50px;}
.companyInfo dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.companyInfo dl dt{ float:left; width:640px; margin-right:30px;}
.companyInfo dl dd{ float:left; width:500px;}
.companyInfo dl dd ul{ margin-top:80px;}
.companyInfo dl dd ul li{ background:url(../images/dot.png) no-repeat left center; padding-left:20px; font:16px/40px "Microsoft Yahei"; color:#5f6b81;}

.fiveInfo{ background:#f1f2f6; padding-top:60px; padding-bottom:60px;}
.fiveInfo b{ display:block; font-size:30px; font-family:'Microsoft Yahei'; color:#333333; text-align:center; }
.fiveInfo p{ text-align:center; font:16px/24px "Microsoft Yahei"; color:#333333; margin-top:10px;}
.fiveInfo ul{ margin-top:55px;}
.fiveInfo ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.fiveInfo ul li{ background:#ffffff; margin-right:40px; border-radius:5px; width:200px; float:left; text-align:center; height:240px; transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.fiveInfo ul li:last-child{ margin-right:0;}
.fiveInfo ul li strong{ display:block; font-size:18px; color:#333333; text-align:center; margin-top:30px;}
.fiveInfo ul li em{ display:block; width:40px; height:40px; margin:10px auto;}
.fiveInfo ul li span{ display:block; font:14px/30px "Microsoft Yahei"; color:#333;}
.fiveInfo ul li:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px); -o-transform:translateY(-20px);transform:translateY(-20px);}

.apply{ background:#999ca4 url(../images/fbg.jpg) no-repeat top center; height:98px; padding-top:45px;}
.apply b{ display:block; text-align:center; font-size:30px; color:#ffffff; font-weight:normal;/* padding-top:75px;*/}
.apply p{ margin-top:40px; font-size:18px; text-align:center; color:#ffffff;}
.apply p strong{ font-size:30px; font-weight:normal; }
.apply a{ display:block; border:1px solid #ffffff; width:220px; height:54px; font:18px/54px "Microsoft Yahei"; color:#ffffff; text-align:center; margin:0 auto 0;}
.apply span{ display:block; text-align:center;  color:#ffffff; margin-top:20px;}


.footY{ background:#5f6b81; height:60px; font:16px/60px "Microsoft Yahei"; color:#ffffff; text-align:center;}
.footY a{ text-decoration:underline; padding-left:10px; color:#ffffff;}

@media screen and ( max-width:600px){
	
	
.mainbox{ width:92%; margin:0 auto ; padding:0 4%;}
.banner a{ width:100%;background:none;height:auto;}
.banner a img{ display: block; width:100%;}




.companyInfo{ background:none; height:auto;}
.companyInfo b{ display:block; font-size:20px; font-family:'Microsoft Yahei'; color:#333333; text-align:center; padding-top:30px; }
.companyInfo p{ text-align:center; font:14px/22px "Microsoft Yahei"; color:#333333; margin-top:10px;}
.companyInfo dl{ margin-top:20px;}
.companyInfo dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.companyInfo dl dt{ float:none; width:100%; margin-right:0;}
.companyInfo dl dt img{ display:block; width:100%;}
.companyInfo dl dd{ float:none; width:100%;}
.companyInfo dl dd ul{ margin-top:15px;}
.companyInfo dl dd ul li{ background:url(../images/dot.png) no-repeat left center; padding-left:15px; font:14px/28px "Microsoft Yahei"; color:#5f6b81;}


.fiveInfo{ background:#f1f2f6; padding-top:30px; padding-bottom:20px;}
.fiveInfo b{ display:block; font-size:20px; font-family:'Microsoft Yahei'; color:#333333; text-align:center; }
.fiveInfo p{ text-align:center;font:14px/22px "Microsoft Yahei"; color:#333333; margin-top:10px;}
.fiveInfo ul{ margin-top:20px;}
.fiveInfo ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.fiveInfo ul li{ background:#ffffff; margin-right:0; margin-bottom:10px; border-radius:5px; width:100%; float:none; text-align:center; padding:15px 0; height:auto; transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.fiveInfo ul li:last-child{ margin-right:0;}
.fiveInfo ul li strong{ display:block; font-size:18px; color:#333333; text-align:center; margin-top:0px;}
.fiveInfo ul li em{ display:block; width:40px; height:40px; margin:10px auto;}
.fiveInfo ul li span{ display:block; font:14px/30px "Microsoft Yahei"; color:#333;}
.fiveInfo ul li:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px); -o-transform:translateY(-20px);transform:translateY(-20px);}




.apply{ background:#999ca4 url(../images/fbg.jpg) no-repeat top center; height:auto; padding-bottom:40px;  padding-top:10px;}
.apply b{ display:block; text-align:center; font-size:18px; color:#ffffff; font-weight:normal; padding-top:40px;}
.apply p{ margin-top:30px; font-size:14px; text-align:center; color:#ffffff; line-height:24px;}
.apply p strong{ font-size:20px; font-weight:normal; }
.apply a{ display:block; border:1px solid #ffffff; width:200px; height:48px; font:18px/48px "Microsoft Yahei"; color:#ffffff; text-align:center; margin:40px auto 0;}
.apply span{ display:block; text-align:center;  color:#ffffff; margin-top:10px; font-size:14px;}

.footY{ background:#5f6b81; height:40px; font:13px/40px "Microsoft Yahei"; color:#ffffff; text-align:center;}
.footY a{ text-decoration:underline; padding-left:10px; color:#ffffff;}

	}