@charset "utf-8";

body,td,th,input,textarea,select{font-family:'Segoe UI', Helvetica, Arial, sans-serif; color:#777177; outline:none;}
html,body{background:#fff;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none; width:auto; max-width:100%; height:auto;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a{text-decoration:none; color:#777177; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a:hover{color:#ec0000;}
.wrap{width:1120px; margin:auto;}
.block{padding:0 50px; overflow:hidden;}
.wrap:after,.block:after{clear:both; float:none; content:''; display:block; height:0; visibility:hidden;}
@media (max-width:1119px){
  .wrap{width:100%;}
  .block{padding:0 20px; overflow:hidden;}
}
div:after,ul:after{content:''; display:block; height:0; font-size:0; overflow:hidden; clear:both; float:none;}
.searHeight{font-style:normal; color:#d8282a !important;}
.white{color:#fff !important;}
.clear{display:block; margin:0; padding:0; clear:both; float:none; min-height:30px;}
@keyframes fadeInUp {
  0%{opacity:0; transform:translate3d(0,40%,0);}
  100%{opacity:1; transform:none;}
}
.fadeInUp{opacity:0;}
h1{display:block; font-size:26px !important; font-weight:normal; padding:0; margin:0; color:#333;}

@media (max-width:1119px){
  .hidden-s{display:none !important;}
}
@media (min-width:1200px){
  .hidden-l{display:none !important;}
}


#head{height:132px; position:fixed; width:100%; min-width:1180px; left:0; top:0; background:#fff; border-bottom:1px solid #eee; z-index:999; transition:top .25s;}
#head.small{top:-84px; box-shadow:0 7px 20px rgba(0,0,0,.05);}
#head .logo{padding-top:20px; width:780px; float:left;}
#head .logo img{height:53px;}
#head .tel{width:200px; border-right:1px solid #dfdfdf; height:48px; float:left; padding-top:20px; font-size:12px; color:#a7a7a7;}
#head .tel>strong{font-size:18px; font-family:'Segoe UI', Helvetica, Arial; font-style:italic;}
#head .tel>strong>span{color:#d43138;}
#head .lan{width:138px; height:48px; float:left; padding-top:20px;}
#head .lan>a{display:block; font-size:13px; font-family:'Microsoft YaHei UI Light','Microsoft YaHei';}
#head .lan>a:before{content:''; display:inline-block; width:17px; height:17px; background:url('img/ico.cn.png') no-repeat left center; vertical-align:middle; background-size:100%; margin:-2px 12px 0 35px;}
#head .lan>a:after{content:''; display:inline-block; width:4px; height:6px; background:url('img/arr.r.png') no-repeat left center; vertical-align:middle; background-size:100%; float:right; margin-top:7px;}
@media (max-width:1119px){
  #head{height:58px; min-width:100%;}
  #head .logo{padding-top:17px; width:100%; float:none;}
  #head .logo img{height:28px; margin-left:15px;}
  #head a.nav{width:47px; height:47px; right:5px; top:5px; background:url('img/ico.menu.png?1') no-repeat center center; padding:0; background-size:22px; position:absolute; display:block;}
  #head a.nav:active{background-color:#eee;}
}

#menu{width:845px; float:left; height:48px; margin-top:12px;}
#menu>li{float:left; position:relative;}
#menu>li>a{display:block; line-height:48px; font-size:15px; color:#464646; padding:0 40px; position:relative;}
#menu>li>a:after{height:3px; width:100%; content:''; display:block; position:absolute; left:0; bottom:0; background:#d43138; opacity:0; transition:opacity .3s; padding:0 40px; box-sizing:border-box; background-clip:content-box;}
#menu>li:hover>a:after{opacity:1;}
#menu>li:hover>a{color:#d43138;}
#menu>li:after{content:''; display:block; width:1px; height:13px; background:#ddd; position:absolute; right:0; top:18px;}
#menu>li:first-child{width:52px; text-align:center;}
#menu>li:first-child:after{display:none;}
#menu>li:first-child>a{padding:0; background:url('img/ico.home.png') no-repeat center center; width:100%; height:48px; display:block; background-size:16px; text-align:center; transition:all .3s;}
#menu>li:first-child>a:hover{background-image:url('img/ico.home.A.png');}
#menu>li:first-child>a:hover:after{background-clip:border-box; padding:0;}
#menu>li:last-child:after{display:none;}

#menu>li>div{position:fixed; width:100%; height:auto; background:#fff; z-index:999; left:0; top:153px; box-shadow:0 8px 30px rgba(0,0,0,.1); opacity:0; filter:alpha(opacity=0); visibility:hidden;}
#head.small #menu>li>div{top:69px;}
#menu>li:hover>div{top:133px; opacity:1; filter:alpha(opacity=100); transition:all .3s; visibility:visible;}
#head.small #menu>li:hover>div{top:49px;}
#menu>li>div>.wrap>dl{width:20%; float:left; border-right:1px solid #eee; margin:22px 0; padding:0 20px;}
#menu>li>div>.wrap>dl>dt{height:60px; background:#f8f7f7; font-size:14px; transition:all .25s;}
#menu>li>div>.wrap>dl>dt:hover{background:#ededed;}
#menu>li>div>.wrap>dl>dt>a{display:block; width:100%; height:100%;}
#menu>li>div>.wrap>dl>dt>a>.img{width:32px; height:32px; margin:14px 10px 14px 14px; overflow:hidden; float:left;}
#menu>li>div>.wrap>dl>dt>a>.img>img{width:32px; height:32px;}
#menu>li>div>.wrap>dl>dt>a>.tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:10px; line-height:57px;}
#menu>li>div>.wrap>dl>dd{padding:14px 14px;}
#menu>li>div>.wrap>dl>dd>a{display:block; font-size:13px; padding:3px 0 2px 18px; position:relative;}
#menu>li>div>.wrap>dl>dd>a:before{content:''; display:block; width:10px; height:10px; position:absolute; left:3px; top:8px; background:url('img/arr.r2.png') no-repeat -31px 0; transition:all .25s;}
#menu>li>div>.wrap>dl>dd>a:hover:before{background-position:-21px 0;}

#menu>li>div>.wrap>ul{margin:22px 0 25px 0;}
#menu>li>div>.wrap>ul>li{float:left; width:250px;}
#menu>li>div>.wrap>ul>li>a{display:block;}
#menu>li>div>.wrap>ul>li>a>.img{width:66px; float:left; margin-right:12px; position:relative;}
#menu>li>div>.wrap>ul>li>a>.img:before{display:block; content:''; width:100%; height:100%; position:absolute; left:0; top:0; transition:all .3s;}
#menu>li>div>.wrap>ul>li>a:hover>.img:before{background:rgba(0,0,0,.3);}
#menu>li>div>.wrap>ul>li>a>.tit{font-size:14px; line-height:42px;}

#search{height:28px; background:#efefef; width:200px; float:right; border-radius:100px; margin-top:20px; box-shadow:1px 1px 1px rgba(0,0,0,.08) inset; position:relative;}
#k{border:0px none; background:transparent; padding-left:13px; padding-right:10px; width:150px; margin-top:3px;}
#search>a{display:block; width:18px; height:18px; position:absolute; right:10px; top:1px;}
#search>a>img{width:100%; height:100%;}

#banner{height:580px; position:relative; width:100%; margin-top:132px; z-index:1;}
.swiper-slide div{width:100%; height:100%;}

.swiper-container{width:100%; height:100%;}
.swiper-slide{
  width:100%; height:100%;
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-pagination{height:auto !important; bottom:30px !important;}
.swiper-pagination span{margin:0 5px !important;}
.swiper-pagination-bullet{width:13px; height:13px; background:#fff; opacity:.5; transition:all .2s;}
.swiper-pagination-bullet:hover{opacity:1;}
.swiper-pagination-bullet-active{background:#fff; opacity:1 !important;}

.swiper-slide p{position:absolute; top:40%;}
.swiper-slide.s1 p{position:absolute; transform:perspective(800px) rotateX(-60deg) translateY(100px); opacity:0; transition:all .8s ease;}
.ani-slide.s1 p{transform:perspective(800px) rotateX(0) translateY(0); opacity:1;}
.swiper-slide.s2 p{position:absolute; transform:perspective(800px) rotateY(60deg) translateX(160px); opacity:0; transition:all .9s ease;}
.ani-slide.s2 p{transform:perspective(800px) rotateY(0) translateX(0); opacity:1;}
.swiper-slide.s3 p{position:absolute; transform:scale(1.3,1.3); opacity:0; transition:all .8s ease;}
.ani-slide.s3 p{transform:translateX(0) scale(1,1); opacity:1;}

@media (max-width:1119px){
  #banner{height:220px; margin-top:58px;}
  #banner .swiper-slide>p>img{height:7px; width:auto; max-width:none;}
  #banner .swiper-pagination{height:auto !important; bottom:20px !important;}
  .swiper-pagination-bullet{width:10px; height:10px;}
}

#m1{margin-top:40px; height:420px;}
#m1>.left{width:560px; float:left;}
#m1>.right{width:460px; float:right;}
#m1 .tit{font-size:13px; color:#a9a5a5; font-family:'Microsoft Yahei';}
#m2 .tit{font-size:13px; color:#fff; font-family:'Microsoft Yahei';}
#m1 .tit>span, #m2 .tit>span{display: inline-block; margin-right: 5px; font-size: 20px; font-weight: 300;}
#m1 .tit>img,#m2 .tit>img{margin:-3px 10px 0 0; vertical-align:middle;}

@media (max-width:1119px){
  #m1>.left{width:100%; float:none; padding-left:15px; padding-right:15px; box-sizing:border-box;}
  #m1>.right{width:100%; float:none; padding-left:15px; padding-right:15px; box-sizing:border-box; margin-top:50px;}
  #m1 .tit{font-size:20px; color:#464646;}
}

.profile{margin-top:38px;}
.profile:after{content:''; display:block; height:0; float:none; clear:both; visibility:hidden;}
.profile>.img{width:220px; float:left;}
.profile>.con{width:340px; float:left;}
.profile>.con>.from{width:310px; padding-left:30px; height:69px; border-bottom:1px solid #dedede; background:url('img/annex.png') no-repeat right 3px; background-size:49px 38px; font-size:15px; color:#a9a5a5;}
.profile>.con>.from>p:last-child{color:#d23138; font-size:20px;}
.profile>.con>.txt{color:#878787; font-size:13px; width:310px; float:right; padding-top:35px; height:257px; position:relative;}
.profile>.con>.txt>p{margin-bottom:26px; line-height:166%;}
.profile>.con>.txt>a{background:#d43138; width:96px; height:32px; display:block; position:absolute; right:0; bottom:0; text-align:center; color:#fff; line-height:33px; border-radius:3px; transition:background .2s;}
.profile>.con>.txt>a:hover{background:#bf2830;}

@media (max-width:1119px){
  #m1{height:auto;}
  .profile>.con{float:none; width:100%;}
  .profile>.con>.from{width:100%; box-sizing:border-box; padding-left:0; margin-top:-10px;}
  .profile>.con>.txt{font-size:14px; width:100%; float:none; box-sizing:border-box; padding-top:25px; height:auto;}
  .profile>.con>.txt>a{position:static; margin:auto;}
}

.right .list{padding-top:38px;}
.right .list a{margin-bottom:35px; display:block;}
.right .list dl:after{content:''; display:block; height:0; float:none; clear:both; visibility:hidden;}
.right .list dl>dt{width:180px; float:left; height:70px; overflow:hidden;}
.right .list dl>dt>img{width:180px; height:70px; transition:all .3s; max-width:none; max-height:none; border-radius:5px;}
.right .list dl>dd{width:245px; height:70px; float:right; color:#666; font-size:13px; text-align:right; padding-left:15px; background:url('img/line01.png') no-repeat right bottom;}
.right .list a:hover dd{color:#ec0000;}
.right .list a:hover dt>img{width:200px; height:78px; margin:-4px auto auto -10px;}

.right .slist>a{display:block; width:23.5%; margin-right: 2%; height:115px; float:left; }
.right .slist>a:last-child{margin-right:0;}
.right .slist .img{height:108px; text-align:center; line-height:116px; transition:all .25s;}
.right .slist .img>img{height:55px;}
.right .slist .tit{color:#666 !important; text-align:center; height:26px; line-height:27px; background:#f2f2f2; border-radius:3px; transition:all .3s;}
.right .slist>a:hover .img{line-height:100px;}
.right .slist>a:hover .tit{background:#d43138; color:#fff !important;}

@media (max-width:1119px){
  .right .list{padding-top:28px;}
  .right .list dl{display:flex;}
  .right .list dl>dt{width:100px; height:auto; float:none; flex:none;}
  .right .list dl>dt>img{width:100%; height:auto;}
  .right .list dl>dd{background:none; text-align:left; font-size:13px; display:flex; align-items:center;}
  .rmore{margin:0 0 50px 0;}
  .rmore>a{background:#d43138; width:96px; height:32px; display:block; text-align:center; color:#fff; line-height:33px; border-radius:3px; transition:background .2s; margin:auto;}
  .right .slist>a{width:33.333%; height:auto; margin-right:0;}
  .right .slist .img{height:auto;}
  .right .slist .img>img{width:50%; height:auto;}
  .right .slist .tit{width:85%; margin:auto; font-size:14px !important; height:32px; line-height:32px;}
}

#m2{height:360px; background:#08419b; margin-top:60px;}
#m2 .wrap{height:100%;}
#m2 .left{width:800px; float:left; height:100%; padding-top:47px; box-sizing:border-box;}
#m2 .left .busi{margin-top:30px;}
#m2 .left .busi>a{float:left; width:220px; height:220px; margin-right:40px;}
#m2 .left .busi>a>.img{height:100px; overflow:hidden; position:relative;}
#m2 .left .busi>a>.img:after{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:all .3s;}
#m2 .left .busi>a>.img>img{margin-top:-30px; transition:all .3s;}
#m2 .left .busi>a>.tit{font-size:15px; margin-top:20px;}
#m2 .left .busi>a>.con{
  color:rgba(255,255,255,.5); font-size:13px; margin-top:10px; line-height:180%;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
#m2 .left .busi>a:hover>.img:after{background:rgba(0,0,0,.3);}
#m2 .left .busi>a:hover>.img>img{margin-top:-45px;}

#m2 .right{width:297px; height:100%; background-color:#d43138; float:right; padding:47px 35px; box-sizing:border-box; position:relative;}
#m2 .tit2{color:rgba(255,255,255,.6); font-size:13px; margin-top:5px; transition:all .2s;}
#m2 .contact{margin-top:28px;}
#m2 .contact p{color:#fff; font-size:13px; margin-bottom:8px;}
#m2 .mapn{display:block; margin-top:40px; position:absolute; width:261px; height:112px; overflow:hidden;}
#m2 .mapn:hover .tit2{color:#fff;}
#m2 .mapn .ico{position:absolute; right:-40px; bottom:-30px; height:128px; opacity:.3; transition:all .3s;}
#m2 .mapn:hover .ico{right:-20px;}

@media (max-width:1119px){
  #m2{height:auto;}
  #m2 .left{width:100%; float:none; padding-top:40px; box-sizing:border-box; padding-left:15px; padding-right:15px;}
  #m2 .tit{font-size:20px;}
  #m2 .left .busi{margin-top:30px;}
  #m2 .left .busi>a{width:100%; height:auto; float:none; margin-bottom:35px; margin-right:0; display:block;}
  #m2 .left .busi>a>.img{height:auto;}
  #m2 .right{width:100%; height:auto; float:none; padding:30px 15px;}
  #m2 .tit2{font-size:20px;}
  #m2 .left .busi>a>.con{
    color:rgba(255,255,255,.5); font-size:13px; margin-top:10px; line-height:180%;
    overflow:auto; display:block;}
}

#foot{margin-top:20px; font-size:12px; padding-bottom:30px;}
#foot .left{width:50%; float:left; line-height:170%;}
#foot .right{width:50%; float:right; text-align:right;}
#foot .right>a{display:inline-block; overflow:hidden; width:36px; height:36px;}
#foot .right>a>img{height:36px; width:auto; max-width:none;}
#foot .right>a:hover>img{margin-left:-37px; transition:all .4s;}

@media (max-width:1119px){
  #foot .left{width:100%; float:none; text-align:center;}
  #foot .right{width:100%; float:none; text-align:center; margin-top:10px;}
}

#banner-sub{margin-top:132px; height:430px; position:relative; background:#eee;}
#banner-sub>div{width:100%; height:100%;}
#banner-sub>.t{text-align:center; position:absolute; width:100%; text-align:center; top:140px; color:#fff; font-size:38px;}
#banner-sub>.x{text-align:center; position:absolute; width:100%; text-align:center; top:200px; color:#fff; font-size:21px; font-family:'Microsoft YaHei UI Light';}

@media (max-width:1119px){
  #banner-sub{margin-top:58px; height:200px;}
  #banner-sub>.t{font-size:20px; top:70px;}
  #banner-sub>.x{top:100px; font-size:14px;}
}

#pro{width:100%; border-bottom:1px solid #e4e4e4; overflow:hidden;}
#pro>a{display:block; width:33.333%; float:left;}
#pro>a>div{height:100%; border-right:1px solid #e4e4e4; padding:15%;}
#pro>a>div>div{transition:all .8s ease-out;}
#pro>a:hover>div>div{margin-top:-36px;}
#pro>a:last-child>div{border-right:1px solid #fff;}
#pro>a .tit{text-align:center; font-size:32px; position:relative; padding-bottom:30px; color:#666;}
#pro>a .tit:before{content:''; display:block; height:1px; width:60px; background:#777177; position:absolute; left:50%; bottom:0; margin-left:-30px;}
#pro>a .txt{text-align:center; margin-top:40px; font-size:15px; color:#999; font-family:'Microsoft YaHei UI Light'; line-height:170%;}
#pro>a .plus{width:45px; height:45px; margin:55px auto; background:url('img/pro.plus.png') no-repeat left top; background-size:100%;}
#pro>a:hover .plus{background-position:left bottom;}
#pro>a .img{padding:25px 0 20px 0; text-align:center; transition:all .8s ease-out;}
#pro>a:hover .img{padding-bottom:56px;}

@media (max-width:1119px){
  #pro>a{width:100%; float:none;}
  #pro>a .tit{font-size:26px;}
  #pro>a .plus{width:32px; height:32px;}
  #pro>a .img>img{width:200px;}
}

#nav{height:136px; border-bottom:1px solid #ececec;}
#nav>.wrap{height:100%; padding-left:100px; box-sizing:border-box;}
#nav>.wrap.busi{background:url('img/ico.busi.png') no-repeat left center; background-size:55px;}
#nav a{display:block; width:258px; float:left; height:70px; border-left:1px solid #ececec; margin-top:33px; padding-left:40px; margin-right:41px;}
#nav a>dl{width:100%; height:100%;}
#nav dt{width:50px; float:right; height:50px; margin-top:8px;}
#nav dd{width:200px; float:left;}
#nav dl .tit{font-size:26px; color:#464646; transition:all .2s;}
#nav dl .txt{font-size:13px; color:#464646; margin-top:10px;}
#nav a:hover .tit,#nav a.A .tit{color:#73a2d7;}

@media (max-width:1119px){
  #nav{height:auto; border-bottom:0px none;}
  #nav>.wrap{padding-left:0;}
  #nav>.wrap.busi{background:none;}
  #nav a{width:100%; float:none; height:auto; border-left:0px none; margin-top:0; padding-left:20px; margin-right:20px; border-bottom:1px solid #eee; box-sizing:border-box;}
  #nav a>dl{display:flex; height:52px; flex-direction:row-reverse;}
  #nav a:active{background:#eee;}
  #nav dt{width:30px; float:none; margin-top:11px; margin-right:20px;}
  #nav dd{float:none; width:100%;}
  #nav dl .tit{font-size:16px; color:#464646; transition:all .2s; margin-top:8px;}
  #nav dl .txt{font-size:11px; color:#464646; margin-top:3px;}
}

.busibg{background:url('img/business.jpg') no-repeat center bottom; padding-bottom:400px; background-size:cover;}
.business{margin:50px auto;}
.business p{font-size:15px; margin-bottom:20px; line-height:230%;}
.business .leftimg{width:400px; height:500px; float:left;}

@media (max-width:1119px){
  .busibg{background-size:100% auto; padding-bottom:10px;}
  .business{margin:30px auto; padding:0 15px; box-sizing:border-box;}
  .business p{font-size:14px; line-height:160%;}
}

.ffback{background:#f3f3f3; padding-top:15px;}

.mapgrid{width:105%; height:613px; position:relative; overflow:hidden; margin-top:-1px;}
.mapgrid img{position:absolute; left:50%; top:50px; margin-left:-540px;}
.mapgrid>.grid{border:1px solid #f3f3f3; width:16px; height:16px; float:left; margin-right:-1px; margin-bottom:-1px;}

@media (max-width:1119px){
  .mapgrid{width:100%; height:auto; padding:30px 10px 0 10px; box-sizing:border-box;}
  .mapgrid img{position:static; left:auto; top:auto; margin-left:auto;}
}

.operbg{background:url('img/oper.jpg') no-repeat center center; background-size:cover; padding:50px 0; min-height:430px;}
.operbg .wrap{position:relative;}
.operbg .big{width:700px; height:200px; position:absolute; right:0; top:10px; color:#fff;}
.operbg .big h1{color:#fff; font-size:32px !important; position:relative; padding-bottom:20px;}
.operbg .big h1:after{content:''; width:60px; height:1px; background:#fff; display:block; position:absolute; bottom:0; left:50px;}
.operbg .big p{font-size:16px; margin-top:20px; line-height:200%; font-family:'Microsoft YaHei UI Light';}

.operbg .ls{padding-top:220px; width:760px; float:right;}
.operbg .ls>dl{width:230px; float:left; text-align:center;}
.operbg .ls>dl>dt>img{height:100px;}
.operbg .ls>dl>dd{color:#fff; font-size:22px; padding-top:15px;}

@media (max-width:1119px){
  .operbg{padding:50px 0; min-height:auto;}
  .operbg .big{width:auto; height:auto; position:static; right:0; top:10px; color:#fff;}
  .operbg .big h1{text-align:center; font-size:26px !important;}
  .operbg .big h1:after{left:50%; margin-left:-30px;}
  .operbg .big p{font-size:14px; line-height:180%; padding:0 15px;}
  .operbg .ls{padding-top:30px; width:100%; float:none;}
  .operbg .ls>dl{width:33.333%;}
  .operbg .ls>dl>dt>img{height:60px;}
  .operbg .ls>dl>dd{font-size:13px;}
}

.wrap.pur{padding:50px 0 60px 0; font-size:13px; width:700px;}
.wrap.tra{padding:50px 0 60px 0; font-size:13px;}

.formcls{padding:30px 0;}
.formcls dt>span{color:#ec0000;}
.formcls>div{margin:15px 0;}
.formcls .double>dl{width:335px; float:left; margin-left:30px;}
.formcls .double>dl:first-child{margin-left:0;}
.formcls .double>dl>dt,.formcls .single>dl>dt{padding-left:1px;}
.formcls .double>dl>dd,.formcls .single>dl>dd{padding:10px 0;}
.formcls .single{width:100%;}

#checkimg{vertical-align:middle; margin-top:-2px;}

@media (max-width:1119px){
  .wrap.pur{width:100%; padding:50px 15px; box-sizing:border-box;}
  .formcls .double>dl{width:100%; float:none; margin-left:0; margin-top:15px;}
}

.tralist{margin-top:50px;}
.tralist>div{width:48%; float:left; margin-right:4%; position:relative;}
.tralist>div:last-child{margin-right:0;}
.tralist>div>dl{width:100%; height:80px; background:rgba(0,0,0,.4); position:absolute; left:0; bottom:0; color:#fff;}
.tralist>div dt{font-size:22px; padding:11px 0 0 30px;}
.tralist>div dd{font-size:14px; padding:3px 0 0 30px;}

.abo{margin-bottom:80px; font-size:14px;}
.abo p{margin-bottom:20px; line-height:220%;}
.abo>div>p{margin-bottom:0; color:#ccc; font-size:20px;}

@media (max-width:1119px){
  .wrap.tra{width:100%; padding:50px 15px; box-sizing:border-box;}
  .tralist>div{width:100%; float:none; margin-right:0; margin-bottom:30px;}
  .tralist>div dt{font-size:20px; padding:16px 0 0 30px;}
  .tralist>div dd{font-size:12px; padding:5px 0 0 30px;}
  .abo{padding:0 15px; box-sizing:border-box; margin-bottom:30px;}
  .abo div img{margin-bottom:30px;}
  .abo div{float:none !important; width:auto !important;}
  .abo div p{line-height:180%;}
}

.news{overflow:hidden; zoom:1;}
.news .left{width:250px; margin-bottom:-5000px; padding-bottom:5000px; background:#f3f3f3; float:left; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4;}
.news .right{width:814px; float:right; padding:40px 0;}
.news .left>a{display:block; height:50px; font-size:15px; color:#464646; line-height:50px; border-bottom:1px solid #e4e4e4; padding-left:45px;}
.news .left>a:hover,.news .left>a.A{background:#fff; color:#ec0000;}
.news .left>p{display:block; height:60px; font-size:18px; color:#464646; line-height:60px; border-bottom:1px solid #e4e4e4; padding-left:25px;}
.news .right>a{display:block;}
.news .right>a>dl{margin-bottom:40px;}
.news .right>a>dl:after{content:''; display:block; height:0; float:none; clear:both;}
.news .right>a>dl>dt{width:200px; float:left; position:relative; overflow:hidden;}
.news .right>a>dl>dt:after{content:''; display:block; width:0; height:0; position:absolute; left:50%; top:50%; background:rgba(0,0,0,0); transition:all .25s;}
.news .right>a:hover dt:after{right:0; background:rgba(0,0,0,.3); width:100%; height:100%; left:0; top:0;}
.news .right>a>dl>dd{width:586px; float:right;}
.news .right>a>dl>dd>p{font-size:16px; color:#464646; padding-top:40px;}
.news .right>a>dl>dd>span{display:block; font-size:13px; color:#999; padding-top:10px;}
.news .right>a:hover>dl>dd>p{color:#ec0000;}
.news .right .info{font-size:13px; color:#999; padding:12px 0 0 0;}

@media (max-width:1119px){
  .news .right{width:100%; float:none; box-sizing:border-box; padding:40px 15px;}
  .news .right>a>dl{display:flex;}
  .news .right>a>dl>dt{flex:none; width:100px; float:none;}
  .news .right>a>dl>dd{width:auto; float:none;}
  .news .right>a>dl>dd>p{padding-top:0px; font-size:15px; padding-left:10px;}
  .news .right>a>dl>dd>span{font-size:12px; padding:10px 0 0 10px;}
}

.pager{padding:50px 0 0 0; text-align:center; position:relative;}

#pull{display:block; width:168px; height:40px; line-height:40px; border:1px solid #ddd; font-size:14px; transition:all 0.3s; margin:auto; border-radius:3px; background:#fff;}
#pull:hover{background:#eee; color:#d8282a;}
#loading{width:172px; height:42px; line-height:42px; background:#fff; color:#999; font-size:15px; margin:auto auto auto -86px; position:absolute; left:50%; top:50px; display:none;}

.text{font-size:16px; line-height:180%; padding:15px 0 0 0;}
.text p,.text div{margin:1em 0;}

.news-btm{font-size:13px; margin:50px 0; color:#999;}
.news-btm .prev{margin-bottom:8px;}

.join>ul{margin:20px 0 60px 0;}
.join>ul:after{clear:both; content:''; display:block; height:0;}
.join>ul>li{width:25%; float:left;}
.join>ul>li>div{width:110px; float:left;}
.join>ul>li>div>p{font-size:17px; color:#fff;}
.join>ul>li>div>span{display:block; font-size:13px; color:#999; padding-top:20px;}
.join>ul>li>p{width:170px; float:left; height:30px;}

.joincon{overflow:hidden;}
.joincon:after{clear:both;}
.joincon .left{width:50%; float:left;}
.joincon .right{width:50%; float:left; padding:50px; box-sizing:border-box; font-size:14px; background:#f3f3f3; margin-bottom:-1000px; padding-bottom:1000px;}
.joincon .right>div{width:75%; line-height:180%; margin-top:30px;}
.joincon .right>h1{position:relative; padding-bottom:30px;}
.joincon .right>h1:after{content:''; display:block; width:60px; height:2px; background:#777177; position:absolute; left:0; bottom:0;}

@media (max-width:1119px){
  .join>ul{display:flex; flex-wrap:wrap; margin:30px 0 30px 0; border-top:1px solid #eee;}
  .join>ul>li{width:50%; float:none; text-align:center; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
  .join>ul>li>div{width:100%; float:none;}
  .join>ul>li>div>p{font-size:18px; padding-top:20px;}
  .join>ul>li>div>span{font-size:12px; padding-top:5px; padding-bottom:20px;}
  .joincon .left{width:100%; float:none;}
  .joincon .right{width:100%; float:none; padding:20px; margin-bottom:0; padding-bottom:0;}
  .joincon .right>div{width:100%; line-height:180%; margin-top:30px; padding-bottom:50px;}
  .joincon .right>h1{padding-top:20px;}
}

.cont>h1{text-align:center; font-size:31px !important; margin:40px 0; position:relative; padding-bottom:30px;}
.cont>h1:after{content:''; height:1px; width:60px; position:absolute; left:50%; bottom:0; background:#777177; margin-left:-30px;}
.cont .adtxt{text-align:center; font-size:12px; color:#999; width:50%; margin:auto; line-height:180%;}

.cont2{margin-top:50px; position:relative;}
.cont2:after{content:''; display:block; clear:both; height:0;}
.cont2>.left{width:50%; height:100%; position:absolute; left:0; top:0;}
.cont2>.right{width:50%; background:#f0fbff; margin-left:50%; min-height:500px; padding:1px 100px 50px 60px; box-sizing:border-box;}
.cont2>.right h2{font-size:26px; color:#333; display:block; margin:50px 0 0 0;}
.cont2>.right h3{font-size:18px; font-weight:normal; display:block; margin:5px 0 20px 0;}
.cont2>.right>p{margin:10px 0; font-size:14px;}

@media (max-width:1119px){
  .cont2>.left{width:100%; height:300px; position:relative; left:0; top:0;}
  .cont2>.right{width:100%; margin-left:0; height:auto; padding:1px 15px 50px 15px;}
}

#pagebg{width:0; height:0; position:fixed; z-index:9999; left:0; top:0; background:transparent; transition:background .35s;}
#pagebg.show{background:rgba(0,0,0,.5); width:100%; height:100%;}
#hnav{position:fixed; z-index:10000; background:#fff; width:200px; height:100%; overflow:auto; top:0; right:-200px; transition:transform .4s; text-align:left; transition:transform .4s;}
#hnav.show{transform:translateX(-200px);}
#hnav>.close{display:none; width:32px; height:32px; background:#04be02  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACN0lEQVR4Xu3a7U3DMBAG4Pc2gA3YADaATgAbwAaMUEZgAzoCI5QNGIER2gkOHXKlymppzrmPRHH+IIFJ/D4+R/IphIVftPD86AC9AhYu0LfAwgugvwT7FuhbYOECqi3AzFcAbonoa2puzHwHYEdEP5q5aQE+ATwC+AawIqKd5mFeY5n5A8BLAbjWPEcLsAHwXB4wCYSj8DKtPRFJlQ6+tABy861sgykg1OEBPBCRLMzgSwUgdy3vgXQEZn4H8FqS7lvCy/+qAaaAwMyy32Xf/5V9a/hmgEwEy/CjADIQrMOPBohE8AhvAhCB4BXeDMATwTO8KYAHgnd4cwBLhIjwLgAWCFHh3QDGIESGdwVoQYgO7w6gQcgIHwIwBCErfBjAfwgAnqwONuVwpPrRdBpUPeFo8ImjtLSvbsqQUae61jmFApypBPl1SvjQLXC8QlUnR/6U1l7LqIBDA7Ou2hSEUIATPTx5AUprK63HGAZwroGZ3WMMAbjUvc1EcAe4FP7wIshCcAUYGj4TwQ1AGz4LwQWgNXwGgjnA2PDRCKYAVuEjEcwArMNHIZgAeIWPQBgN4B3eG2EUQFR4T4RmgOjwXghNAFnhPRDUANnhrRFUAMz8BmCd2cOrOkv1N0tbIlpp+oNaAPk26D6zh1eHq0+RRKTKpBpcPkaU73M22q+xNKuiHVsQpDqlAuRbxsGXCmDwXWc0sAPMaLFcptorwIV1RjftFTCjxXKZaq8AF9YZ3bRXwIwWy2Wqv+Wkz1Dh8VJ5AAAAAElFTkSuQmCC') no-repeat center center;
  background-size:20px 20px; position:fixed; right:0; top:0;}
#hnav.show>.close{display:block;}
#hnav>dl{padding:32px 0 0 0;}
#hnav dt>a{color:#000; display:block; position:relative; padding-left:15px; height:50px; line-height:47px;}
#hnav dd>a{font-weight:normal; color:#000; font-size:16px; display:block; position:relative; padding-left:30px; height:52px; line-height:50px;}
#hnav dt>a:after,#hnav dd>a:after{
  content:" ";
  position:absolute; left:0; right:0;
  width:100%; height:1px;
  border-bottom:1px solid #d9d9d9; color:#d9d9d9;
  -webkit-transform-origin:0 100%; transform-origin:0 100%;
  -webkit-transform:scaleY(0.5); transform:scaleY(0.5);
  bottom:0;
}
#hnav dd>a:active{background:#eee;}

#snav{display:flex; border-bottom:1px solid #eee; height:50px; padding:0 5px;}
#snav>a{width:33.333%; flex:none; display:block; text-align:center; line-height:50px; height:50px; position:relative;}
#snav.n4>a{width: 25%;}
#snav>a:active{background:#eee;}
#snav>a.A{color:#ec0000; font-size:16px;}
#snav>a.A:after{content:''; display:block; width:100%; height:2px; background:#ec0000; position:absolute; left:0; bottom:-1px;}

.download{overflow:hidden; zoom:1;}
.download .left{width:250px; margin-bottom:-5000px; padding-bottom:5000px; background:#f3f3f3; float:left; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4;}
.download .left>a{display:block; height:50px; font-size:15px; color:#464646; line-height:50px; border-bottom:1px solid #e4e4e4; padding-left:45px;}
.download .left>a:hover,.download .left>a.A{background:#fff; color:#ec0000;}
.download .left>p{display:block; height:60px; font-size:18px; color:#464646; line-height:60px; border-bottom:1px solid #e4e4e4; padding-left:25px;}

.download .right{width:814px; float:right; padding:40px 0;}
.download .right>.item>.title{font-size: 24px; color: #333; padding-bottom: 20px;}
.download .right .item-list{margin: 20px auto;}
.download .right .item-list>.tit{ position: relative; border: 1px solid #ddd; font-size: 14px; color: #666; cursor: pointer; font-weight: bold; padding: 12px 20px; text-align: left;}
.download .right .item-list>.tit:after{position: absolute;z-index: 10; top: 50%;right: 20px; margin-top: -8px; width: 16px;height: 16px;opacity: .7; background: url("img/arrow-down.png") no-repeat; background-size: 100% auto; content: ''; transition: all .35s;}
.download .right .item-list.active>.tit:after{ transform: rotate(180deg);}
.download .right .item-list>.box{ padding: 20px; text-align: left;}
.download .right .item-list>.box>a{ position: relative; display: block; padding: 5px 15px;  box-sizing:border-box;font-size: 14px; color: #666;}
.download .right .item-list>.box>a:after{ position: absolute;z-index: 1; left: 0; top: 50%; margin-top: -5px; content:''; display:inline-block; width:10px; height:10px; background:url('img/arr.r2.png') no-repeat -31px 0; vertical-align:middle; transition: all .35s; }
.download .right .item-list>.box>a:hover{color: #ec0000;}
.download .right .item-list>.box>a:hover:after{background-position:-21px 0;}
.download .right .item-list>.box.hide{display: none;}

@media (max-width:1119px){
  .download .right{width:100%; float:none; box-sizing:border-box; padding:40px 15px;}
  .download .right>a>dl{display:flex;}
  .download .right>a>dl>dt{flex:none; width:100px; float:none;}
  .download .right>a>dl>dd{width:auto; float:none;}
  .download .right>a>dl>dd>p{padding-top:0px; font-size:15px; padding-left:10px;}
  .download .right>a>dl>dd>span{font-size:12px; padding:10px 0 0 10px;}
}