
a {display: block;color: #363636;}
.about {height: 475px;}
.about .title {height: 170px;}
.about .title h2 {margin-top: 100px;margin-left: auto;margin-right: auto;padding-top: 24px;width: 500px;height: 77px;font-size: 30px;background: url(../images/contact-us-title-bg.png);}
.about .title h3 {margin-top: 20px;font-size: 18px;}
.about .content {height: 430px;width: 100%;}
.about .content ul {margin-top: 30px;}
.about .content ul li {float: left;width: 33.33%;}
.about .content ul li a {position: relative;margin-top: 26px;margin-left: auto;margin-right: auto;padding-top: 180px;padding-left: 38px;padding-right: 38px;width: 240px;height: 350px;cursor: default;background: no-repeat center 50px;cursor: pointer;}
.about .content ul li a:hover,.about .content ul li a.hover {color: #3158a7;background-color: #fff;box-shadow: 0 0 6px #3158a7;}
.about .content ul li a h4 {font-size: 20px;}
.about .content ul li a p {margin-top: 30px;font-size: 15px; height: 88px; line-height: 22px; overflow: hidden; display: block;}
.about .content ul .join0 {background-image: url(../images/zhengce.png);}
.about .content ul .join0:hover,.about .content ul .join0.hover {background-image: url(../images/zhengce-h.png);}
.about .content ul .join1 {background-image: url(../images/hezuo.png);}
.about .content ul .join1:hover,.about .content ul .join1.hover {background-image: url(../images/hezuo-h.png);}
.about .content ul .join2 {background-image: url(../images/sheshi.png);}
.about .content ul .join2:hover,.about .content ul .join2.hover {background-image: url(../images/sheshi-h.png);}
.intro {background: #f8f8f8; padding-bottom: 80px;}
.intro .container {position: relative;background: url('../images/intro-bg.jpg') no-repeat;/* ie8 hack */}
.intro .title {margin-top: 110px;}
.intro .title h2 {margin-left: auto;margin-right: auto;padding-top: 24px;height: 79px;font-size: 30px;width: 500px;background: url(../images/intro-title-bg.png) no-repeat;}
.intro .detail {margin-top: 40px;}
.intro .detail p {text-align: left;text-indent: 2em;font-size: 18px;line-height: 40px;}
.intro .detail ul {margin-top: 30px;margin-left: -58px;}
.intro .detail ul li {float: left;width: 25%;padding-right: 26px;text-align: right;}
.youshi {overflow: hidden;/* ie8 hack */}
.youshi .title h2 {margin-top: 100px;margin-left: auto;margin-right: auto;padding-top: 24px;width: 500px;height: 79px;font-size: 30px;text-indent: -0.2em;background: url(../images/youshi-title-bg.png) no-repeat;}
.youshi .title h3 {margin-top: 20px;font-size: 18px;}
.youshi .detail {text-align: left;}
.youshi .detail ul {margin-top: 56px;}
.youshi .detail ul li {float: left;height: 620px;width: 50%;font-size: 18px;line-height: 30px;}
.youshi .detail ul li h4 {font-size: 24px;line-height: 60px;color: #3158a7;}
.youshi .detail ul .quyu {padding-top: 90px;}
.youshi .detail ul .duijie p {text-align: justify;float: right;width: 288px;}
.youshi .detail .ta-r {text-align: right;}
.youshi .detail .opp {padding: 0 4px;background-color: #3158a7;color: #fff;}
.rongyu {height: 670px;background: #3158a7 url(../images/rongyu-bg.png);}
.rongyu .title {margin-top: 40px;height: 100px;}
.rongyu .title h2 {margin-left: auto;margin-right: auto;padding-top: 20px;width: 500px;height: 78px;font-size: 30px;background: url(../images/rongyu-title-bg.png) no-repeat;}
.rongyu .detail {margin-top: 60px;}
.rongyu .detail ul {margin-left: auto;margin-right: auto;width: 1000px;}
.rongyu .detail ul li {float: left;margin-bottom: 60px;width: 25%;}
.rongyu .detail ul li img {width: 206px;height: 144px;}

/*ÕÐÉÌÕþ²ß*/.w1200{ width: 1200px; margin:0 auto;}
.TechService{ width:1200px; margin:20px 0 50px 0}
.TechServicetit{ margin: 20px 0 0 0; padding: 20px 0 20px 50px; font-size: 24px; color: #177edd; }
.TechServicetit1{background: url(../Images/hn20.gif) no-repeat 0 center;}
.TechServicetit2{background: url(../Images/hn21.gif) no-repeat 0 center;}
.TechServicetit3{background: url(../Images/hn22.gif) no-repeat 0 center;}
.TechServicetit4{background: url(../Images/hn23.gif) no-repeat 0 center;}
.TechServicetop{ width: 1200px; margin-top: 50px;}
.TechServicetop ul{ height:200px;}
.TechServicetop li{ display: inline; float: left; width: 372px; height: 165px; margin: 0 12px;}
.TechServicetop li a{ display: block;width: 306px; height: 70px; padding: 95px 0 0 0; text-align: center; font-size: 22px; color: #6c6c6c; text-decoration: none;}
.TechServicetop li a.h01{  background: url(../Images/tech01.gif) no-repeat;}
.TechServicetop li a.h02{  background: url(../Images/tech02.gif) no-repeat;}
.TechServicetop li a.h03{  background: url(../Images/tech03.gif) no-repeat;}
.TechServicetop li a.h01:hover,.TechServicetop li a.special1{  color: #359cfb; background: url(../Images/tech01-2.gif) no-repeat;}
.TechServicetop li a.h02:hover,.TechServicetop li a.special2{  color: #359cfb;background: url(../Images/tech02-2.gif) no-repeat;}
.TechServicetop li a.h03:hover,.TechServicetop li a.special3{  color: #359cfb;background: url(../Images/tech03-2.gif) no-repeat;}
.TechServiceCon{ width:100%; margin:10px 0 0 0; padding:0; line-height: 30px; font-size: 14px; color: #333;}
.TechServiceCon p{ padding: 10px 0; line-height:30px; color: #333; text-align:left;}
