﻿/*关于我们*/

/*公司愿景*/
.menu{margin:0 auto;height:30px;position:relative;background:url(../images/fw_menu.png) repeat-x;display:inline-block;padding:0 10px;width:auto;background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;}
.menu img{height:22px;}
.menu b{padding-left:6px;font-size: 22px;font-family:"Source Han Sans SC",微软雅黑;line-height:24px;}
.gsyj{margin:0 auto;padding:0;}
.gsyj .left{float:left;width:62.3%;height:100%;overflow:hidden;margin-left:1.7%;}
.gsyj .left .menu{float:left;}
.gsyj .left .nr{width:96%;float:left;text-align:left;line-height:175%;}
.gsyj .left ul{width:100%;margin:0 auto;padding:0;}
.gsyj .left ul li{width:33.33%;float:left;text-align:center;}
.gsyj .left ul li img{width:45%;}
.gsyj .left ul li b{display:block;width:100%;font-size:18px;line-height:180%;font-weight:400;} 
.gsyj .left ul li.l img{margin-left:0;}
.gsyj .right{width:27.6%;float:right;margin-right:1%;}
.gsyj .right img{width:100%;}

.gssm{margin:0 auto;padding:0;}
.gssm .left{float:left;width:20%;margin-left:1.7%;}
.gssm .left .menu{float:left;}
.gssm .right{width:97%;float:right;margin-right:1.3%;}
.gssm .right .nr{margin:0 auto;padding:0;width: 100%;line-height: 175%;text-align:left;float:left;}
.gssm .right .mid{float:left;width:92.3%;margin:0 auto;padding:0;}
.gssm .right .mid ul{margin:0 auto;padding:0;width:100%;}
.gssm .right .mid ul li{width:33.33%;margin:0 auto;padding:0;float:left;}
.gssm .right .mid ul li img{width:96%;height:245px;}
.gssm .right .mid ul li.l{text-align:left;}
.gssm .right .mid ul li.r{text-align:right;}
.gssm .right .mid dl{margin:0 auto;padding:0;width:100%;}
.gssm .right .mid dl dd{margin:0 auto;padding:0;width:49%;float:left;background:url(../images/gs_bg.png) no-repeat;height:100px;
background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;margin-bottom:25px;    display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;}
.gssm .right .mid dl dd.r{float:right;}
.gssm .right .mid dl dd span{display:block;margin:0 auto;padding:0;width: 78%;line-height: 150%;text-align:left;}

.gssm .right .mr{float:right;width:3%;margin:0 auto;padding:0;
font-size: 30px;
font-family: "Source Han Sans SC",微软雅黑;
font-weight: bold;
color: #209CFF;
top:-20px;position:relative;
}
.gssm .right .mr b{display:block;margin:0 auto;padding:0;width:100%;text-align:center;height:60px;line-height: 60px;border-bottom:1px solid #209CFF;}
.gssm .right .mr b.r{border-bottom:0px;}
.gssm .right .mr b.r2{margin-top:60px;}

@media screen and (max-width:1600px)
{
.menu{height:26px;}
.menu img{height:20px;}
.menu b{padding-left:6px;font-size:18px;line-height:20px;}
.gsyj .left{margin-left:0;}
.gsyj .right{margin-right:0;}
.gssm .left{margin-left:0;}
.gssm .right{width:99.3%;margin-right:0.7%;}
.gssm .right .mid ul li img{height;227px;}
.gssm .right .mid dl dd{height:91px;margin-bottom:20px;}
.gssm .right .mr{font-size:28px;}
.gssm .right .mr b{height:54px;line-height:54px;}
.gssm .right .mr b.r2{margin-top:54px;}
}

@media screen and (max-width:1366px)
{
.gsyj .left ul li img{width:40%;}
.gsyj .left ul li b{font-size:14px;}
.gssm .right .mid ul li img{height;218px;}
.gssm .right .mid dl dd{height:87px;margin-bottom:18px;}
.gssm .right .mr{font-size:24px;top:-16px;}
.gssm .right .mr b{height:50px;line-height:50px;}
.gssm .right .mr b.r2{margin-top:50px;}
}
@media screen and (max-width:1280px)
{
.gssm .right .mid ul li img{height;224px;}
.gssm .right .mid dl dd{height:89px;margin-bottom:16px;}
.gssm .right .mr{font-size:24px;}
.gssm .right .mr b{height:50px;line-height:50px;}
.gssm .right .mr b.r2{margin-top:50px;}
}
@media screen and (max-width:1024px)
{
.menu{height:22px;padding:0 5px;}
.menu img{height:17px;}
.menu b{padding-left:4px;font-size:16px;line-height:18px;}
.gssm .right .mid ul li img{height;191px;}
.gssm .right .mid dl dd{height:77px;margin-bottom:12px;}
.gssm .right .mr{font-size:20px;}
.gssm .right .mr b{height:44px;line-height:44px;}
.gssm .right .mr b.r2{margin-top:44px;}
}
@media screen and (max-width:800px)
{
.gsyj .left ul li img{width:35%;}
.gsyj .left ul li b{font-size:12px;}
.menu{height:22px;}
.menu img{height:15px;}
.menu b{padding-left:4px;font-size:14px;line-height:18px;}
.gssm .right .mid ul li img{height:147px;}
.gssm .right .mid dl dd{height:62px;margin-bottom:10px;}
.gssm .right .mr{font-size:16px;top:-12px;}
.gssm .right .mr b{height:34px;line-height:34px;}
.gssm .right .mr b.r2{margin-top:36px;}
}

@media screen and (max-width:425px)
{
.gsyj .left ul li img{width:45%;}
.gsyj .left{width:100%;float:none;margin-left:0;}
.gsyj .left .nr{float:none;margin:0 auto;}
.gsyj .right{width:100%;float:none;margin-right:0;margin-top:20px;}
.gsyj .right img{width:60%;}
.gssm .left{width:100%;float:none;margin-left:0;}
.gssm .left .menu{float:left;}
.gssm .right{width:100%;float:none;margin-right:0;}
.gssm .right .nr{font-size:12px;padding-top:20px;}
.gssm .right .mid{width:93%;}
.gssm .right .mid ul li img{height:90px;}
.gssm .right .mid dl dd{width:100%;height:75px;margin-bottom:10px;}
.gssm .right .mr{font-size:18px;top:-15px;width:4%;}
.gssm .right .mr b{height:50px;line-height:50px;}
.gssm .right .mr b.r2{margin-top:50px;}
}
@media screen and (max-width:375px)
{
.gssm .right .mr{font-size:16px;width:5%;}
.gssm .right .mid ul li img{height:80px;}
.gssm .right .mid dl dd{width:100%;height:70px;margin-bottom:8px;}
.gssm .right .mr b{height:45px;line-height:45px;}
.gssm .right .mr b.r2{margin-top:48px;}
}
@media screen and (max-width:320px)
{
.gssm .right .mr{font-size:14px;}
.gssm .right .mid ul li img{height:70px;}
.gssm .right .mr b{height:44px;line-height:44px;}
.gssm .right .mr b.r2{margin-top:46px;}
}
.zz{margin:0 auto;padding:0;width:100%;position:relative;}
.zz .gnr{width:76.4%;margin:0 auto;padding:0;overflow:hidden;}
.zz .gnr ul{width:100%;margin:0 auto;padding:0;}
.zz .gnr ul li{margin:0 auto;padding:0;float:left;width:auto;overflow:visible;}

.zz .gnr ul li img{height:233px;margin-right:20px;filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;}
.zz .gnr ul li img:hover{filter: alpha(opacity=100); opacity: 1; -moz-opacity:1;}
.zz .dry{margin:0 auto;padding:0;width:100%;}
.zz .dry .mc{margin:0 auto;padding:0;width:60.7%;height:100%;overflow:hidden;display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;-webkit-box-pack: space-between;
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;}
.zz .dry .mc span{display:inline-block;float:left;margin:0 auto;padding:5px 20px;border: 1px solid rgba(150,150,150,0.47);border-radius: 28px;-webkit-border-radius: 28px;-moz-border-radius:28px;height:40px;line-height:20px;margin-right:20px;}
.zz .dry .mc span img{margin-right:11px;vertical-align:middle;}
.zz .dry .mc span b{font-weight:400;line-height:20px;}


/*服务宗旨*/
.fw{margin:0 auto;padding:0;}
.fw .fnr{margin:0 auto;padding:0;width:100%;position:relative;height:100%;overflow:auto;}
.fw .fnr ul{width:100%;z-index:2;}
.fw .fnr ul li{float:left;width:25%;margin:0 auto;padding:0;}
.fw .fnr ul li dl{margin:0 auto;padding:0;width:93.5%;margin-top:20px;}
.fw .fnr ul li dl dd{text-align:left;margin:0 auto;padding:0;width:100%;float:left;}
.fw .fnr ul li dl dd img{width:100%;}
.fw .fnr ul li dl dd .con{margin:0 auto;padding:15px 0 20px 0;width:100%;line-height:185%;}
.fw .fnr .fbg{background:url(../images/ct.png) no-repeat;width:751px;height:128px;position:absolute;left:0;bottom:0;z-index:0;background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;}
@media screen and (max-width:1600px)
{
.zz .gnr ul li img{height:220px;margin-right:16px;}
.zz .dry{top:105px;}
.zz .dry .mc{width:69%;}

.fw .fnr ul li dl{margin-top:16px;}
.fw .fnr ul li dl dd .con{padding:12px 0 16px 0;}
.fw .fnr .fbg{width:720px;height:122px;}
}
@media screen and (max-width:1440px)
{
.zz .gnr{width:80%;}
.zz .dry .mc span{border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;margin-right:15px;}
}
@media screen and (max-width:1366px)
{
.zz .gnr{width:80%;}
.zz .gnr ul li img{height:210px;margin-right:13px;}
.zz .dry{top:100px;}
.zz .dry .mc{width:77%;}
.zz .dry .mc span{padding:5px 16px;}
.zz .dry ul{width:77%;}
.zz .dry ul li img{height:210px;}
.fw .fnr ul li dl{margin-top:13px;}
.fw .fnr ul li dl dd .con{padding:10px 0 13px 0;}
.fw .fnr .fbg{width:700px;height:119px;}
}
@media screen and (max-width:1280px)
{
.zz .gnr{width:90%;}
.zz .gnr ul li img{height:200px;margin-right:10px;}
.zz .dry{top:90px;}
.zz .dry .mc{width:85%;}
.zz .dry .mc span{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;padding:5px 10px;line-height:18px;height:36px;margin-right:10px;}
.zz .dry .mc span b{line-height:18px;}
.zz .dry ul{width:85%;}
.zz .dry ul li img{height:200px;}
}
@media screen and (max-width:1024px)
{
.zz .gnr{width:95%;}
.zz .gnr ul li img{height:180px;margin-right:10px;}
.zz .dry{top:75px;}
.zz .dry .mc{width:90%;}
.zz .dry ul{width:90%;}
.zz .dry ul li img{height:180px;}
.fw .fnr ul li dl{margin-top:13px;}
.fw .fnr ul li dl dd .con{padding:10px 0 13px 0;}
.fw .fnr .fbg{width:600px;height:102px;}
}
@media screen and (max-width:800px)
{
.zz .gnr{margin-top:20px;}
.zz .gnr ul li img{height:150px;margin-right:10px;}
.zz .dry{top:60px;}
.zz .dry .mc span{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;padding:4px 8px;margin-right:5px;}
.zz .dry ul li img{height:150px;}
.fw .fnr ul li dl{margin-top:10px;}
.fw .fnr ul li dl dd .con{padding:8px 0 10px 0;}
.fw .fnr .fbg{width:470px;height:80px;}
}
@media screen and (max-width:768px)
{
.fw .fnr ul li{width:50%;}
.zz .dry .mc span{padding:4px 8px;margin-right:5px;height:auto;line-height:20px;font-size:12px;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
}
@media screen and (max-width:425px)
{
.zz .dry .mc span{margin-bottom:10px;float:left;height:auto;}
.zz .dry .mc span img{display:block;margin:0 auto;}
.zz .dry .mc span b{display:block;width:100%;font-weight:400;line-height:20px;font-size:12px;margin-top:5px;}
.fw .fnr{padding-bottom:30px;}
.fw .fnr ul li{width:100%;}
.fw .fnr ul li dl dd .con{font-size:12px;}
.fw .fnr .fbg{width:100%;}
}