@charset "utf-8";
/* CSS Document */

body,button,input,select,textarea {font:500 12px/1.5 arial,"Microsoft YaHei",Simsun,sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}

h1,h2,h3,h4,h5,h6 {font-family: arial,"Microsoft YaHei",Simsun,sans-serif;font-weight: 500;line-height: 1.5;}

html,body {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
em,i {font-style:normal;}
input,select,textarea {outline:none;color:#333;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a,a:visited {color:#333;text-decoration:none;outline:none;}
a:hover,a:active,a:focus {text-decoration:none;color:#333;background:none;}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;content:''}
body {background-color:#eff2f5;}
label {display:inline-block;margin-bottom:0px;font-weight:normal;}

.headBox {position:fixed;height:79px;background-color:#fff;z-index:99;border-bottom:solid 1px #f0f0f0;width:100%;}
.headInBox {max-width:1200px;margin:0 auto;height:79px;}
.headInBox .logo {float:left;margin-top:21px;}
.headInBox .phone {float:right;margin-top:27px;}

.wrapBox {width:100%;padding:110px 0 32px;}
.wrapBox .mainBox {width:1198px;height:auto;margin:0 auto;border:solid 1px #d6d6d6;background-color:#fff;border-radius:6px;overflow:hidden;-webkit-box-shadow:0 0 8px rgba(200, 200, 200, .5);-moz-box-shadow:0 0 8px rgba(200, 200, 200, .5);box-shadow:0 0 8px rgba(200, 200, 200, .5);}
.wrapBox .mainBox .mainInBox {position:relative;}
.wrapBox .mainBox .mainInBox li {float:left;text-align:center;}
.wrapBox .mainBox .mainInBox li.oneBox {border-right:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;width:398px;height:480px;}
.wrapBox .mainBox .mainInBox li a {display:block;width:100%;height:100%;cursor:pointer;}
.wrapBox .mainBox .mainInBox li.oneBox a:hover {background:url(../images/bg1.png) no-repeat 0 0;}
.oneInBox {position:relative;height:480px;}
.oneInBox h2 {padding-top:40px;height:46px;line-height:46px;color:#faa701;font-size:28px;}
.oneInBox p {line-height:25px;color:#b4b8b8;font-size:15px;}
.oneInBox .img1 {position:absolute;bottom:0;left:124px;}

.wrapBox .mainBox .mainInBox li.twoBox {width:799px;height:240px;border-bottom:solid 1px #e6e6e6;}
.wrapBox .mainBox .mainInBox li.twoBox a:hover {background:url(../images/bg2.png) no-repeat right top;}
.twoInBox {height:240px;width:490px;padding:0 99px 0 210px;}
.twoInBox .twoP1 {float:left;margin:51px 0 0 -119px;}
.twoInBox .twoP2 {padding-top:76px;margin-bottom:12px;}
.twoInBox .twoP3 {color:#b4b8b8;line-height:25px;font-size:15px;}
.twoInBox .twoP3 span {color:#7ecc2e;}

.wrapBox .mainBox .mainInBox li.threeBox {width:799px;height:239px;border-bottom:solid 1px #e6e6e6;}
.wrapBox .mainBox .mainInBox li.threeBox a:hover {background:url(../images/bg3.png) no-repeat right top;}
.threeInBox {height:239px;width:490px;padding:0 99px 0 210px;}
.threeInBox .threeP1 {float:left;margin:57px 0 0 -127px;}
.threeInBox .threeP2 {padding-top:66px;margin-bottom:12px;}
.threeInBox .threeP3 {color:#b4b8b8;line-height:25px;font-size:15px;}
.threeInBox .threeP3 span {color:#741ff5;}

.wrapBox .mainBox .mainInBox li.fourBox {width:398px;height:256px;border-right:solid 1px #e6e6e6;}
.wrapBox .mainBox .mainInBox li.fourBox a:hover {background:url(../images/bg4.png) no-repeat 0 0;}
.fourInBox {padding-top:65px;}
.fourInBox .fourP1 {margin-bottom:22px;}
.fourInBox .fourP2 {color:#b4b8b8;font-size:15px;line-height:25px;}
.fourInBox .fourP2 span {color:#0992fd;}

.wrapBox .mainBox .mainInBox li.fivesBox {width:400px;height:256px;border-right:solid 1px #e6e6e6;}
.wrapBox .mainBox .mainInBox li.fivesBox a:hover {background:url(../images/bg5.png) no-repeat 0 0;}
.fivesInBox {padding-top:110px;}

.wrapBox .mainBox .mainInBox li.sixBox {width:398px;height:256px;}
.wrapBox .mainBox .mainInBox li.sixBox a:hover {background:url(../images/bg6.png) no-repeat right bottom;}
.sixInBox {padding-top:83px;}
