#news .content .fl .arctitle#xiangmu{ margin-top: 40px;}
.xmlist{ }
.xmlist li.xm{  width: 586px; height: 398px; background: #ececec; margin-top: 24px; float: left;}
.xmlist >ul >li.xm:nth-of-type(2n+2){ margin-left: 28px;}
.xmlist li .fl{ width: 152px; padding: 0 34px; text-align: center;}
.xmlist li .fl .img{ position: relative; width: 132px; height: 132px; margin: 60px 8px 50px;}
.xmlist li .fl .bg{ position: absolute; width: 132px; height: 132px; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.xmlist li .fl img{ position: absolute; top: 45px; left: 1px;}
.xmlist li .fl h3{ font-size: 16px; line-height: 28px; text-align: center;}
.xmlist li .fl p{ text-align: center; font-size: 14px;}
.xmlist li .fl a.more{ display: inline-block; padding: 0 10px; border: 1px solid #7d7d7d; border-radius: 15px; margin-top: 25px; font-size: 14px; line-height: 30px; color: #7d7d7d;}
.xmlist li .fr .img{ position: relative; margin: 12px 12px 12px 0; width: 350px; height: 216px; overflow: hidden;}
.xmlist li .fr .img img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: 0.4s;}
.xmlist li .fr .img:hover img{ width:120%; height:120%; left:-10%; top:-10%;}
.xmlist li .fr .title{ font-size: 16px; line-height: 26px; color: #000000;}
.xmlist li .fr .info{}
.xmlist li .fr .info span{ line-height: 24px;}
.xmlist li .fr .line{ height: 1px; width: 97%; background: #c2c2c2;}
.xmlist li .fr .buttom{}
.xmlist li .fr .buttom ul{ float: left;}
.xmlist li .fr .buttom .ul1{ margin-top: 15px;}
.xmlist li .fr .buttom .ul2{ margin-top: 55px; margin-left:55px; }
.xmlist li .fr .buttom li{}
.xmlist li .fr .buttom li strong{ color: #c01727;}

#fuhua{ margin-top: 40px;}
#fuhua .content .fl{ width: 50%;}
#fuhua .content .fl li{ width: 540px; height: 240px; padding: 0 30px; text-align: center;}
#fuhua .content .fl hr{ width: 80%; margin-left: 10%;}
#fuhua .content .fl li .ico{ margin-top: 22px;}
#fuhua .content .fl li .title{ display: inline-block; padding: 0 12px; background: #fff; font-size: 16px; line-height: 32px; position: relative; z-index: 100;}
#fuhua .content .fl li .line{ width: 136px; height: 1px; margin-left: 202px; background: #696969; position: relative; top: -15px;}
#fuhua .content .fl li p{ padding: 0 90px; text-align: center; font-size: 14px;}
#fuhua .content .fr{ width: 50%; position: relative; }
#fuhua .content .fr .img{ width: 600px; height: 480px;}
#fuhua .content .fr .shade{ position: absolute; bottom: 0; width: 600px; height: 72px; background: rgba(0,0,0,0.4)}
#fuhua .content .fr p{ position: absolute; bottom: 10px; width: 100%;  color: #fff; text-align: center; font-size: 14px; line-height: 26px;}

#about{ width: 100%; height: 641px; background: url(../image/about_bg.jpg) no-repeat center;}
#about .content{ width: 600px; height: 640px; float: right; text-align: center;}
#about .title{ margin-top: 48px;}
#about .title .line{ display: inline-block; width: 50px; height: 1px; background: #fff;}
#about .title h2{ font-weight: normal; font-size: 24px; line-height: 36px; color: #fff;}
#about .title p{ font-size: 12px; color: #f2d1d4;}
#about .company{ display: inline-block; width: 270px; margin-top: 40px; background: #ffe6a9; font-size: 16px; line-height: 36px; color: #000; border-radius: 0 14px 0 14px;}
#about .description{ margin-top: 20px; padding: 0 120px; text-align: left; font-size: 14px; line-height: 28px; color: #fff; text-indent: 2em;}
#about a{ display: inline-block; width: 82px; height: 28px; margin-right: 120px; background: #fef3d9; float: right; font-size: 14px; line-height: 28px; border-radius: 14px; color:#565656;}
#about .info{ margin-top: 70px; margin-left: 33px; width:533px; height: 80px; background: url(../image/ico_about.png) no-repeat center;}
#about .info li{ float: left; width: 133px; margin-top: 50px; font-size: 14px; color: #fff;}

#whyjoin{ margin-top: 40px;}
#whyjoin ul{ margin-top: 40px;}
#whyjoin li{ cursor: pointer; width: 282px; height: 450px; margin-right: 24px; background: #ececec; float: left;}
#whyjoin li:hover{ background: #c01727;}
#whyjoin li:hover{ color: #fff;}
#whyjoin li:last-of-type{ margin: 0; }
#whyjoin li .img{ width: 196px; height: 196px; margin: 43px 43px 10px 43px; border-radius: 50%; overflow: hidden;}
#whyjoin li img{ height: 100%;}
#whyjoin li .title{ padding: 0 28px;}
#whyjoin li .title2{ margin-top: 26px;}
#whyjoin li .title p{ font-size: 16px; line-height: 48px; text-align: center;}
#whyjoin li .title hr{ }
#whyjoin li .description{ margin-top: 20px; padding: 0 28px; font-size: 14px; line-height: 24px;}

#team{ width: 100%; min-width: 1200px; position: relative; margin-top: 50px;}
#team div{ line-height: 0px;}
#team .box{ float:left; position: relative; cursor: pointer;}
#team div img{ width:100%; height: 100%;}
#team .left{ width:46%; }
#team .right1{ width: 32%; }
#team .right2{ width: 22%; }
#team .right3{ width: 23%; }
#team .right4{ width: 31%; }
#team .info{ width: 100%; height: 100%;}
#team .info .title{ opacity:0; position: absolute; top: 66px; left:66px; font-size: 16px; color: #fff; transition: 0.6s;}
#team .info .line{ opacity:0; position: absolute; top: 86px; left:66px; width: 68px; height: 3px; background: #fff; transition: 0.6s;}
#team .info .description{ opacity:0; position: absolute; top: 96px; left: 66px; width: 70%; font-size: 14px; color: #fff; line-height: 26px; transition: 0.6s;}
#team .info .shade{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.4s;}
#team .box:hover .info{}
#team .box:hover .shade{ background: rgba(0,0,0,0.6)}
#team .box:hover .title{ opacity:1;}
#team .box:hover .line{ opacity:1;}
#team .box:hover .description{ opacity:1;}

#case{ margin-top: 40px;}
#case ul{ margin-top: 40px;}
#case li{ float: left; width: 23%; margin: 0 1%; text-align: center;}
#case li .title{ font-size: 16px; line-height: 30px;}
#case li .title a{ color: #414141;}
#case li p{ font-size: 14px; text-align: center;}

#news{ margin-top: 40px;}
#news .title{ background:#c01727; color: #fff;}
#news .title .pubtitle h2{ color: #fff;}
#news .title .pubtitle .line{ background: #fff;}
#news .title .pubtitle p{ color: #fff;}
#news .title .pubtitle a{ color: #fff; border:1px solid #fff; }
#news .content{ margin-top: 46px;}
#news .content .fl{ float: left; width:540px; padding: 0 30px;}
#news .content .fl .img{ width: 540px; height: 336px;}
#news .content .fl .img img{ width: 100%; height: 100%;}
#news .content .fl .info{ margin-top: 30px;}
#news .content .fl .time{ width: 80px; float: left; }
#news .content .fl .time p{ width: 100%; text-align: center;}
#news .content .fl .time .f-day{ font-size: 20px; line-height: 32px;}
#news .content .fl .time .f-year{ font-size: 16px;}
#news .content .fl .titledes{ float: left; width: 356px; margin-left: 25px;}
#news .content .fl .arctitle a{ font-size: 16px; line-height: 32px; color: #3b3b3b;}
#news .content .fl p{ width: 356px; font-size: 14px;}
#news .content .fl .ico{ float: right; width: 52px; background: url(../image/ico_hot.png) no-repeat center; font-size: 12px; line-height: 22px; text-align: center; color: #fff;}
#news .content .fr{ width: 546px; float: right;}
#news .content .fr .info{ margin-top: 30px;}
#news .content .fr .time{ width: 80px; float: left; }
#news .content .fr .time p{ width: 100%; text-align: center;}
#news .content .fr .time .f-day{ font-size: 20px; line-height: 32px;}
#news .content .fr .time .f-year{ font-size: 16px;}
#news .content .fr .titledes{ float: left; width: 356px; margin-left: 25px;}
#news .content .fr .arctitle{}
#news .content .fr .arctitle a{ font-size: 16px; line-height: 32px; color: #3b3b3b;}
#news .content .fr .arctitle a:hover{ color:#c01727;}
#news .content .fr p{ width: 356px; font-size: 14px;}
#news .content .fr .ico{ float: right; width: 52px; background: url(../image/ico_hot.png) no-repeat center; font-size: 12px; line-height: 22px; text-align: center; color: #fff;}

#foot{ margin-top: 40px; background: #443f3c;}
#foot .box{ float: left;}
#foot .title{ font-size: 16px; line-height: 32px; color: #fff;}
#foot .gsgk{ width: 256px; margin-top: 40px;}
#foot .gsgk ul{}
#foot .gsgk ul li a{ width: 106px; float: left; font-size: 14px; line-height: 32px; color: #7c7877;}
#foot .lxwm{ margin-top: 40px; margin-left: 220px;}
#foot .lxwm li{ line-height: 32px;} 
#foot .ewm{ float: right; width: 142px; height: 142px; margin-top: 40px;}
#foot .ewm img{ width: 100%; height: 100%；}
#foot .links{ width: 100%; float: left;}
#foot .links li{ float: left;}
#foot .links li a{ font-size: 14px; line-height: 32px; color: #7c7877; padding-right: 15px;}

#copyright{ height: 120px; background: #323232;}
#copyright .fl{ width: 95px; height: 95px; margin-top: 12px;}
#copyright .fr{ float: left; margin-left: 30px;}
#copyright .fr .nav{ margin: 10px 0;}
#copyright .fr .nav li{ float: left; font-size: 14px; line-height: 32px; color: #fff;}
#copyright .fr .nav li a{ padding: 0 10px; font-size: 14px; line-height: 32px; color: #fff;}
#copyright .fr p{ text-indent: 10px; font-size: 14px; line-height: 24px; color: #7c7877;}