@charset "utf-8";

body,td,th,input,textarea,select{font-family:'Microsoft YaHei', Arial, Tahoma; color:#777177; outline:none;}
html,body{background:#fff;}
html,body,form{margin:0;}
#head 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:#ee6b01;}
.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:auto;}
  .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:15px;}
@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:1440px){
  .block{padding:0 40px;}
  .hidden-l{display:none;}
}
@media (max-width:1280px){
  .block{padding:0 30px;}
  .hidden-m{display:none;}
}
@media (max-width:1000px){
  .hidden-s{display:none;}
}


#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:770px; float:left;}
/*#head .logo img{height:53px;}*/
#head .tel{width:396px; height:48px; float:left; padding-top:20px; font-size:12px; color:#a7a7a7;text-align: right;}
#head .tel>strong{font-size:18px; font-family:'Segoe UI', Helvetica, Arial; font-style:italic;}
#head .tel>strong>span{color:#ee6b01;}
#head .lan{width:138px; height:48px; float:left; padding-top:20px;}
#head .lan>a{display:block; font-size:13px;}
#head .lan>a:before{content:''; display:inline-block; width:17px; height:17px; background:url('../images/ico.en.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('../images/arr.r.png') no-repeat left center; vertical-align:middle; background-size:100%; float:right; margin-top:7px;}

#menu{width:723px; 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:#ee6b01; 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:#ee6b01;}
#menu>li:after{content:''; display:block; width:1px; height:13px; background:#ddd; position:absolute; right:0; top:18px;}
#menu>li:first-child a{padding-left: 7px!important;}
/*#menu>li:first-child:after{display:none;}*/
/*#menu>li:first-child>a{padding:0; background:url('../images/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('../images/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:10px 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('../images/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:212px; 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:35%;}
.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;}

#m1{margin-top:40px; /*height:420px;*/}
#m1>.left{width:560px; float:left;}
#m1>.right{width:460px; float:right;}
#m1 .tit{font-size:18px; color:#a9a5a5;}
#m2 .tit{font-size:18px; color:#fff;}
#m1 .tit>img,#m2 .tit>img{margin:-3px 10px 0 0; vertical-align:middle;}

.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: 340px;
    /* padding-left: 30px; */
    height: 69px;
    text-align: center;
    line-height: 69px;
    border-bottom: 1px solid #dedede;
    background: url(../images/annex.png) no-repeat right 3px;
    background-size: 49px 38px;
    font-size: 15px;
    color: #a9a5a5;}
.profile>.con>.from>p:last-child{color:#ee6b01; font-size:18px;}
.profile>.con>.txt{color:#878787; font-size:14px; width:310px; float:right; padding-top:35px; height:257px; position:relative;}
.profile>.con>.txt>p{margin-bottom:26px; line-height:186%;}
.profile>.con>.txt>a{background:#4e5357; 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:#ee6b01;}

/*.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:265px; height:70px; float:right; color:#666; font-size:13px; text-align:left; padding-left:15px; background:url('../images/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:135px;/* height:115px;*/ float:left; margin-right:27px;}
.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;    vertical-align: middle;}
.right .slist .tit{color:#666 !important; text-align:center; width:135px; 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:#ee6b01; color:#fff !important;}

#m2{height:360px; background:#5f6467; 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:10px;}
#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:12px; margin-top:10px; line-height:180%;}
#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:#ee6b01; 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;}

#foot{margin-top:20px; font-size:12px; padding-bottom:25px;}
#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;}

#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:130px; color:#fff; font-size:38px;}
#banner-sub>.x{text-align:center; position:absolute; width:100%; text-align:center; top:190px; color:#fff; font-size:24px; font-family:'Microsoft YaHei UI Light';}

#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: 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: 1px solid #e4e4e4;}
#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('../images/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;}

#nav{height:136px; border-bottom:1px solid #ececec;}
#nav>.wrap{height:100%; padding-left:100px; box-sizing:border-box;}
#nav>.wrap.busi{background:url('../images/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;}

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

.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;}

.operbg{background:url('../images/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;}

.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;}

.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;}

.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;}

.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:50px 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:#464646;}
.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;}

.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;overflow: hidden;}
.cont2>.right{width:50%; background:#4e5357; 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;}