@charset "gb2312";
/* CSS Document */
.bg { background: url(../images/About/bg.jpg) no-repeat center; height: 220px;}
body { color: #222;}
a{ color:#fff;}
/*¹ØÓÚÎÒÃÇ*/
.content { width: 1180px; margin: 0 auto 40px; overflow: hidden;}


.wrap111{ max-width:1400px; margin:0 auto;}
.about-top{background: url(../images/ico15.png) repeat; padding: 80px 0; height:600px;}
.about-top .wrap{overflow: inherit;}
.about-top .fl{width: 38.5%; margin-top: 90px;}
.about-top h3{color: #3e4355;font-size: 34px; font-weight: bold; position: relative; margin-bottom: 65px;}
.about-top h3:after{position: absolute;width: 100px; height: 5px; background: #ff3d3d; border-radius: 2px; content: ""; bottom: -30px; left: 0;}
.about-top p{font-size: 16px; line-height: 2;}
.about-top p a{display: block; width: 168px; height: 48px; background: #df3b1e; text-align: center; line-height: 48px; color: #fff; font-size: 20px; border-radius: 10px; margin-top: 30px; transition: .5s;}
.about-top p a:hover{background: #df3b1e;}
.about-top .fr{float: right;}
.about-top .fr img{border-radius: 10px; -webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); -moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); }
.about-fenlei{background:#f0f3fa; padding: 60px 0;}
.about-fenlei .wrap{overflow: inherit;}
.about-fenlei h3{color: #3e4355; font-size: 40px; text-align: center;}
.about-fenlei h3:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 34px; height: 29px; display: inline-block; margin-right: 15px;}
.about-fenlei .tips{font-size: 22px; color: #7781a5; text-align: center; margin-top: 20px;}
.about-fenlei ul{margin-top: 50px;}
.about-fenlei ul li{width: 20%; float: left; padding: 0 25px; }
.about-fenlei ul li a{display: block; background: #fff; text-align: center; padding: 37px 0; border-radius: 15px;box-shadow: 0px 0px 12px #aaa;}
.about-fenlei ul li img{transition: .5s;}
.about-fenlei ul li p{font-size: 20px; font-weight:bold; color: #132d82; margin-top: 15px;}
.about-fenlei ul li:hover a{background: #df3b1e;}
.about-fenlei ul li:hover img{padding: 15px; background: #fff; border-radius: 5px;}
.about-fenlei ul li:hover p{color: #fff;}
.about-jiangxin{margin-top: 70px; position: relative;}
.about-jiangxin h3{color: #3e4355; font-size: 40px; text-align: center;}
.about-jiangxin h3:before, .about-hezuo h3:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 34px; height: 29px; display: inline-block; margin-right: 15px;}
.about-jiangxin .row{margin-top: 50px;}
.about-jiangxin .fl, .about-jiangxin .fr{width: 50%;}
.about-jiangxin .fl img, .about-jiangxin .fr img{width: 100%;}
.about-jiangxin .fr img{margin-top: 31px;}
.about-jiangxin .fl p, .about-jiangxin .fr p{width: 100%; height: 207px; background: url(../images/ico15.png) repeat; padding: 50px 130px 50px 50px; font-size: 18px; line-height: 1.9; margin-top: 40px; position: relative;}
.about-jiangxin .fr p{padding: 50px 50px 50px 130px;}
.about-jiangxin .fl p:after, .about-jiangxin .fr p:after{position: absolute; content: ""; background: #fa993d; width: 70px; height: 278px;}
.about-jiangxin .fl p:after{right: 0; top: -40px;}
.about-jiangxin .fr p:after{left: 0; top: -40px;}
.about-jiangxin .jximg{position: absolute;  top: 344px; left: 45.1%;}
.about-hezuo{text-align: center; margin-top: 70px; margin-bottom: 40px;}
.about-hezuo h3{color: #3e4355; font-size: 40px;}
.about-hezuo .tips{font-size: 22px; color: #555; margin-top: 25px;}
.about-hezuo img{margin-top: 40px;}