*{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
body{font-family:"Microsoft YaHei";}
a{ text-decoration:none; color:#fff;}
ol,ul{list-style:none;}
.tlc{text-align:center;}
.fn12{ font-size:12px;}
.fn14{ font-size:14px;}
.fn16{ font-size:16px;}
.fla-l{ float:left;}
.fla-r{ float:right;}
.fn-hide{ display:none;}
.clearfiex{ clear:both;}
.com-more{ width:120px; height:36px; line-height:40px;  background:url(../img/index_06.png) no-repeat 100% 100%;}
.com-more a{ display:block; font-size:14px; color:#e05f26; font-family: "Microsoft YaHei"; }


.yanc1s{
    animation-duration:.7s !important;
}
.yanc2s{
    animation-duration:1.4s !important;
}
.yanc3s{
    animation-duration:2.1s !important;
}
.yanc4s{
    animation-duration:2.8s !important;
}
.yanc5s{
    animation-duration:3.5s !important;
}
.yanc6s{
    animation-duration:4.2s !important;
}
.yanc7s{
    animation-duration:4.9s !important;
}
.yanc8s{
    animation-duration:5.6s !important;
}
.yanc9s{
    animation-duration:7.3s !important;
}




html,body{ width:100%; height:100%; overflow:hidden;}
.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.section-wrap .section-1{ height:100%; overflow:hidden;}
.section-wrap .section-2{position:relative;/* height:100%; */background:url(../img/bg-003.jpg) no-repeat center; background-size:100% 100%; overflow:hidden;}
.section-wrap .section-3{ height:100%; background:#ffffff url(../img/bj-001.jpg) no-repeat bottom; background-size:100%; overflow:hidden;}
.section-wrap .section-4{ height:100%; overflow:hidden; margin:0 auto;}
.section-wrap .section-6{ height:100%; width:100%; overflow:hidden; 
    background: url(../img/bj-3.jpg) no-repeat center; background-size:100% 100%; }
.section-wrap .section-5{ height:100%; background:#ffffff url(../img/12.jpg) no-repeat bottom; background-size:cover;-moz-background-size:cover;-webkit-background-size:cover; overflow:hidden;}
.section-wrap .section-7{ height:100%; /*overflow:hidden; background: url(../img/bg-30.jpg) no-repeat center; background-size:100% 100%;*/}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
.put-section-6{ transform:translateY(-600%);-webkit-transform:translateY(-600%);}
.section-btn{ width:5px;position:fixed;right:8%;top:41%; z-index:100;}
.section-btn li{ width:5px;height:5px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:18px; text-align:center; border:1px solid #aaa; onsor:pointer;}
.section-btn li.on{ background:#BD362F; border:1px solid #BD362F;}


/*banner样式*/

.banner{ width: 100%; height: 100%;}
#owl-demo { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block; position:relative;}
#owl-demo .item img { display: block; width: 100%; height: 100%;}
#owl-demo .owl-item.active img{
    -webkit-animation: scaleUpDown  4s .1s ease both;
    animation: scaleUpDown  4s .1s ease both;
}
@-webkit-keyframes scaleUpDown {
    0% { -webkit-transform: scale(1.08); transform: scale(1.08); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    0% { -webkit-transform: scale(1.08); transform: scale(1.08); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.banner-fontdiv img{animation:none!important; transform:scale(1)!important;}

.banner-fontdiv1{ width:40%; height:49%; background: url(../img/bn-01.png) no-repeat bottom;
 position:absolute; top:18%; right:29%; animation-duration: 2.8s ;
transition: all 400ms; animation-name: zoomIn;}

 .banner-fontdiv2{ width:42%; height:49%; background: url(../img/bn-02.png) no-repeat bottom;
 position:absolute; top:18%; right:29%; animation-duration: 2.8s ;
transition: all 400ms; animation-name: zoomIn;}
 
 .banner-fontdiv3{ width:40%; height:49%; background: url(../img/bn-03.png) no-repeat bottom;
 position:absolute; top:18%; right:29%; }
 

.banner-font01{ width:50px; font-size:40px; color:#fff; font-family: "Microsoft YaHei"; font-weight:bold; float:right;}
.banner-font02{ width:20px; font-size:12px; color:#eee;  float:right; margin:0 5px;}
.banner-font03{ width:5px; float:right;}



/*导航*/
.logo img{width: 80%; height: auto;}
.menudiv{width:16%; height:77%; overflow:hidden; position:absolute; left: 8%; top:0px; z-index:22; 
    background:url(../img/menu-bg.png) no-repeat center; padding-top:10px;}
.menudiv .logo{ margin-bottom:12px;}
.left-menu{ width:28%; margin:0 auto; height:auto;}
.left-menu ul li{ width:62px; height:62px; line-height:62px; background:url(../img/index_10.png); margin-bottom:14%; cursor:pointer; }
.left-menu ul li a{ font-size:18px; color:#fff; font-family: "Microsoft YaHei"; display:inline-block;}
.left-menu ul li:hover{background:url(../img/index_07.png); animation:circle 8s 2 linear; 
    -webkit-animation:circle .7s 1 linear;}


/*天气 分享*/
.topright{position:absolute; right: 18.5%; top:23px; z-index:22; color:#fff; font-size:16px;}
/*.topright span{ float:left; margin: 0 5px; display:inline-block;}*/
.topright span.dl_abtn a{color:#fff; font-size:14px; margin: 0 5px;}
.topright span.zy_abtn a{color:#fff; font-size:12px; background:#646464; padding:1px 6px;}
.topright span.zy_abtn a.activess{background:#856008; color:#fff;}
.topright span.line{color:#aaa; font-size:12px; line-height: 24px;}
.right-link{ width:46px; height:225px; background:#a17712; position:absolute; right: 13%; top:36%; z-index:22;}
.right-link a{ width:33px; height:33px; color:#fff4b9; display:block; margin:30px auto; margin-left:6px;}
.right-link a:hover{ color:#F60;}
.right-link a i{font-size:34px;}
.tqdm{ font-size:14px; font-family:"Microsoft YaHei"; float:right; margin-right:-90px;}
.musicdiv{ padding:10px 0; height:75px; margin-top:14px; background:#664902; }
.musicdiv span{ font-size:12px; font-family: "Microsoft YaHei"; color:#a57c1c;}
.musicdiv span a{color:#a57c1c;}
.musicdiv span input{color:#a57c1c;}
.musicdiv .iconfont{ font-size:24px; margin-bottom:5px;}


/*预定表单*/
.header-bomitem{ width:100%; height:88px; background:url(../img/form-bg.png) repeat-x; position:absolute; left: 0%; bottom:4px; z-index:22;  color:#fff; font-size:14px;}
.GuestRoom{list-style:none; padding-top:25px; width:1178px; margin:0 auto;}
.selectRoom{list-style:none;width:173px; margin-top: -360px;}
.selectRoom li{width:153px; height:35px;line-height:35px;padding-left:20px;border:1px rgba(225,225,225,0.3) solid; color:#fff; cursor:pointer;margin-top:3px;margin-bottom:3px;background:url(http://www.hanyuefuhotel.com/statics/images/images/b.png);}
.selectRoom li:hover{color:#fff;background:#a17919; }
.selectRoom02,.selectRoom03{list-style:none;width:70px;}
.selectRoom02 li,.selectRoom03 li{width:70px;}
.selectRoom02{ margin-left:808px;}
.selectRoom03{ margin-left:935px;}
.GuestRoom .icon,.yuding-left .icon,.cyyd-left .icon{ display:none;}
.yuding-left .currentdate{ text-align:left;}



/*关于汉悦府*/  
/*关于我们*/
/*.about-section{ width:1200px;  margin:0 auto; background: url(../img/index_030.png) no-repeat 0 100px; padding-top:80px;}
.about-title{ font-size:38px; font-family: 微软雅黑; color:#f0f0f0; font-weight:bolder;  text-align:center; letter-spacing:5px;}
.about-title .about-title-en{ font-size:18px; font-family:"Arial"; color:#e5e5e5; font-weight:normal; letter-spacing:0px;}
.about-title i{ font-size:38px; font-style: normal; font-family: 宋体;}
.about-detail{ width:1100px; margin:0 auto; font-size:16px; color:#e5e5e5; margin-top:35px; text-align:left!important; }

.about-detail p{ margin-bottom:20px; text-indent:2em; line-height:32px;}
.about-section .com-more{  margin:0 auto; margin-top:60px; }
*/
/*关于我们结束*/


/*关于我们*/
/*.about{
    position:relative;
}

.abImg-box{
    float:left;
    width:50%;
    height:100%;
    overflow:hidden;
    background-color:black;
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
    filter: gray;
}

.abImg-box img{
    height:100%;
}
*/
.abTxt-box{
    float:right;
    width:70%;
    height:100%;
   /* background:url(../img/about-bg.png) no-repeat center center;*/
    background-size:cover;
  /*  background-color:black;*/
}

.abTxt{
    font-family: "Microsoft YaHei";
    text-indent: 2em;
    width:70%;
   padding-left:14%;
    /*height:306px;*/
    line-height:35px;
    color:#e5e5e5;
    position:relative;
 /*   overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;*/
}

.abTxt-box h1{
    font-family:"Microsoft YaHei";
    font-size:36px;
    color:#e16027;
    font-weight:bolder;
    line-height:48px;
    margin-bottom:6%;
    margin-left:14%;
    margin-top:8%;
}

.abTxt-box h1 span{
    font-style:italic;
    font-size:18px;
    font-weight:normal;
    margin-left:10px;
}

.abTxt-box .more{
    color:#e16027;
    line-height:40px;
    overflow:hidden;
    height:40px;
    display:inline-block;
    vertical-align:middle;
    margin-left:16%;
    margin-top:0%;
    position:relative;
    z-index:1;
}

.abTxt-box .more img{
    height:80%;
    vertical-align:middle;
    margin-right:10px;
}

.about .pos{
    width:70%;
    height:108%;
    position:relative;
    position:absolute;
    right:0;
    top:6%;
    z-index:0;
}

.about .pos i{
    display:block;
    width:12px;
    height:12px;
    background-color:red;
    border-radius:50%;
    position:absolute;
    right:40%;
    bottom:23.8%;
    margin-bottom:5px;
    z-index:10;
}
.about .pos i:first-child{
    right:47%;
    top:14.4%;
   /* margin-top:7px;*/
}






hr{
    display:block;
    background:#e16027;
    border:none;
    position:absolute;
}

.about .pos hr#line-1{
    width:54%;
    height:1px;
    left:0;
    top:15%;
}

.about .pos hr#line-2{
    height:40%;
    width:1px;
    left:10%;
    top:0;
}

.about .pos hr#line-3{
    width:45%;
    height:1px;
    right:44px;
    bottom:25%;
}

.about .pos hr#line-4{
    height:40%;
    width:1px;
    right:12%;
    bottom:8%;
}

/*.about .pos i{
    display:block;
    width:10px;
    height:10px;
    background-color:#e16027;
    border-radius:50%;
    position:absolute;
    right:40%;
    bottom:32.8%;
    margin-bottom:5px;
}

.about .pos i:first-child{
    right:45%;
    top:17.7%;
    margin-top:5px;
}*/

@media(min-width:1000px) and (max-width:1400px){
    .abTxt-box h1{
        margin-bottom:8%;
        margin-top:10%;
    }   
    
    .abTxt{
        line-height:32px;
        -webkit-line-clamp: 3;
    }
}
/*--end--*/





/*新闻中心*/
.news-section{width:1300px; height:92%; overflow:hidden; position:relative; margin:3% auto;}
.news-section ul{ width:1600px; height: 95%; overflow:hidden;  margin:0 auto;}
.news-section .news-item{ width:500px;  background: url(../img/nx.jpg) no-repeat; 
    margin-right:224px; background-size: 100% 100%; border:1px solid #808080; float:left; padding:18px;
 margin-bottom:70px; transition: all 0.3s; position:relative; overflow: hidden;}
/*.news-section .news-item:nth-child(2n) {margin-right: 0 !important;}*/
.news-section .news-title{ margin:0 auto; }
.yuanquan-cion{ position:absolute; left:10px; top:10px; border:1px solid #d9d9d9; background:#ebebeb; width:6px; height:6px; border-radius:10px;}
.news-section .news-item:hover .yuanquan-cion{ border:1px solid #d9d9d9; }
.news-item .news-icon{width:210px; height:140px; overflow:hidden; border:1px solid #808080;}
.news-item .news-icon img{width:100%; height:100%; transition: all .5s;}
.news-section ul li:hover img{transition: all .5s; transform: scale(1.1); -webkit-transform: scale(1.1);}
.news-item .news-font{ width:50%; margin-left:15px;}
.news-item .news-font h3{ font-size:16px; color:#fff; padding:10px 0;height:30px; font-family: "Microsoft YaHei"; line-height: 20px; overflow: hidden;}
.news-section ul li:hover h3 a{ color:#e06026; line-height:18%;}
.news-item .news-font h4{ font-size:14px; color:#e5e5e5;line-height:22px; font-family: "Microsoft YaHei"; height:100px;overflow: hidden; padding-top:8px;}
.news-item .news-font .com-more{ margin-top:4px;}
.news-item .news-time{ float:right; font-size:14px; color:#b3b3b3; font-family: "Microsoft YaHei";}
.news-item .news-time .big-font{ font-size:24px; color:#999999; margin-right:10px;}
.xztup-icon{position:absolute; top:272px; left:0%; animation:circle 5s infinite linear; 
    -webkit-animation:circle 5s infinite linear;}

.news-title{ width:12.5%; background: url(../img/news_03.png) no-repeat 0 110px; padding-top:25%; 
 position:absolute; top:-44px; text-align:center; left:44%;}
.news-title strong{ font-size:36px; font-family: "Microsoft YaHei"; color:#e16027; font-weight:bold;}
.news-title .about-title-en{ font-size:18px; font-family: "Microsoft YaHei"; color:#d7571e; font-weight:normal; 
 margin-top:6px; font-style:italic;}

.news-title .news-more1{width:10px; line-height:18px; margin:0 auto;  margin-top:202px;}
.news-title .news-more1 span{ transform:rotate(90deg)}
.news-title .news-more1 a{font-size:18px; color:#e05f26; margin:0 auto; font-family: "Microsoft YaHei";}

/*
.xztup-icon {
    position: absolute;
    top: 360px;
    left: 0%;
    animation: circle 5s infinite linear;
    -webkit-animation: circle 5s infinite linear;
}*/


/*玩转汉悦府*/
.fold_wrap{width:100%;height:100%; overflow:hidden;}
.fold_wrap li{width:20%;height: 100%;float:left;position: relative;overflow: hidden; cursor:pointer;}
.fold_wrap .mask_b{width:100%; height:100%; position:absolute; top:0px; left:0px;  text-align:center; background:rgba(21,17,6,.6);_background:#151106;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap .mask_b .i_qhanicon{ width:158px; height:160px; line-height:158px; margin:0 auto; margin-top:90%; animation:circle 1s 1 linear; -webkit-animation:circle 1s 1 linear;/*匀速 循环*/}
.fold_wrap .mask_b .i_qhanicon .iconfont{ font-size:78px; color:#9e730e;}
.fold_wrap .mask_b .i_qhanfont{font-size:30px; color:#d9d9d9; font-family: "Microsoft YaHei"; margin-top:15px;}
.fold_wrap .mask_b .i_qhanfont span{ font-size:16px; display:block; color: #d9d9d9; padding-top: 10px; font-family: "Microsoft YaHei"; }
@-webkit-keyframes circle{0%{ transform:rotate(0deg); }100%{ transform:rotate(-360deg); }}
.adv_intro{ display:none;}
.adv_intro{width:50%; min-height:290px; padding:15px 5%; text-align:center;
 background: url(../img/bg2_03.png) no-repeat 0; background-size:100%; position:absolute; 
 top:52%; left:50%; z-index:3; margin:-200px 0 0 -30%; transition:all .4s ease 0s;}
.adv_intro .i_zgsjs .i_zgsbt{font-size:30px; color:#e16027; font-family: "Microsoft YaHei"; font-weight:bold; 
padding-top:20px;}
.adv_intro .i_zgsjs .i_zgsez{width:94%; font-size:14px; line-height:24px; color:#fff; text-align:left; 
    margin:22px auto; font-family: "Microsoft YaHei";}
.adv_intro .i_zgsjs .i_zgsan a{width:30%; height:33px; line-height:33px; background:#e16027; 
    font-size:14px; color:#e5e5e5; display:block; margin:0 auto; overflow:hidden;}
.fold_wrap li:hover .mask_b{display: none;}
.fold_wrap li:hover .adv_intro{display: block;}




/*底部信息*/

.footer-information-top{ width:475px; margin:0 auto; padding-top:5%; color:#d2ab66;  transition: all .5s;}
.footer-information-bom{ width:750px; margin:0 auto; height:127px;  padding-top:62px;  color:#fff;}
.footer-information-bom a{color:#fff; margin:0 5px;}
.footer-tel01{ margin-top:20px;}
/*.footer-tel01{font-size:32px; font-family:"宋体"; font-weight:bold;}
.footer-tel01 span{ font-size:46px;  display:inline-block;}*/
.footer-tel02{font-size:18px;}
.footer-tel02 span{ font-size:20px; font-family: "Microsoft YaHei"; margin-top:7px; display:inline-block;}
.footer-line{ height:1px; background:#d2ab66; margin:15px 0;}
.footer-wx{ margin-top:10px; }
.footer-wx img{ width:266px; height:138px; margin-bottom:15px;}
.footer-bom{ width:100%; height:127px; background: url(../img/finor.png) no-repeat center; position:absolute; bottom:0; left:0;}



@media only screen and (max-width:1400px){
.footer-logo{ width:380px; height:141px; margin:0 auto;}
.footer-logo img{ width:380px; height:141px;}
.footer-tel01{ width:360px; margin:0 auto; margin-top:20px;}
.footer-tel01 img{width:360px;}
.footer-tel02{ font-size: 16px; }
.footer-tel02 span { font-size: 18px; }
.footer-wx img{ width: 300px; height:158px;}
}

@media only screen and (max-width:1366px){
.banner-fontdiv{ top: 10%; right: 3%;}
.menudiv .logo{ margin-bottom:20px;}
.right-link{ top: 32%; }
.header-bomitem{ bottom: 4px;}
#owl-demo .owl-controls{  bottom: 13%; }
.about-detail{ margin-top:50px; font-size: 14px;}
/*.news-section{ padding-top:4%;}*/
/*.news-title{ background: url(../img/news_03.png) no-repeat 0 55px; padding-top: 320px;}*/
.xztup-icon{top:250px;}
.footer-information-top{ padding-top: 4%;}
.fold_wrap .mask_b .i_qhanicon{ margin-top:80%;}
}



/*无忧团队*/
/*.team{*/
    /*background:url(../img/bg-003.jpg) no-repeat center center;*/
    /*background-size:cover;*/
    /*position:relative;*/
    /*width:100%;*/
    /*overflow:hidden;*/
/*}*/

.team .title{
    position:absolute;
    left:6%;
    padding-top:4%;
}

.team .title h1 {
    font-size: 32px;
    color: rgb(225, 96, 39);
    font-weight: bolder;
    background: url(../img/title-2.png) no-repeat -5px bottom;
    background-size: 100% auto;
    padding-bottom: 30px;
    float: left;
    margin-right: 10px;
}

.team-list{
   width: 90%;
    position:relative;
    overflow:hidden;
    float:right;
    margin-left:15%;
}

.team-slides,.team-box{
    width:45%;
    float:left;
    position:relative;
    padding-top:12%;
    overflow:hidden;
    height:80%;
    padding-bottom:15%;
}


.team-slides b{
    display:block;
    height:100%;
    width:1px;
    position:absolute;
    top:0;
    background-color:#ccc;
    opacity:0.3;
    left:120px;
}

.team-box b{
    display:block;
    height:100%;
    width:1px;
    position:absolute;
    top:0;
    background-color:#ccc;
    opacity:0.3;
    left:139px;
}

.team-list > b:first-child{
    left:120px;
}

.team a{
    display:block;
}

.date{
    width:100px;
    margin-right:20px;
    text-align:right;
    color:#eee;
    font-style:italic;
    float:left;

}

.team a:hover .date h4{
    color:rgb(225, 96, 39);
}

.team-describe .teamImg{
    width:80%;
    padding-top:48%;
    height:0;
    position:relative;
    overflow:hidden;
}

.team-describe .teamImg img{
    width:100%;
    position:absolute;
    top:0;
    left:0;
}

.team-describe{
    display:inline-block;
    width:calc(100% - 120px);
    -o-width:calc(100% - 120px);
    -ms-width:calc(100% - 120px);
    -moz-width:calc(100% - 120px);
    -webkit-width:calc(100% - 120px);
}

.team-describe .teamTxt{
    margin-left:20px;
    margin-top:30px;
    width:calc(80% - 20px);
    -o-width:calc(80% - 20px);
    -ms-width:calc(80% - 20px);
    -moz-width:calc(80% - 20px);
    -webkit-width:calc(80% - 20px);
}
.team-wrap{width:76%; height:55%; text-align: center; padding-left:19.5%; padding-top:26px;}
.team-wrap .teamImg{ width:100%; }
.team-wrap .teamImg img{ width: 100%; height: 100%; }

.team-describe .teamTxt h1{
    font-size:28px;
    font-weight: bold;
    font-family: "Microsoft YaHei";
    color:fff;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.team .title h2 {
    float: left;
    font-size: 18px;
    font-style: italic;
    color:rgb(225, 96, 39);
    margin-top: 20px;
}

.team-describe .teamTxt p{
    font-size:14px;
    height: 50px;
    width:100%;
    line-height:22px;
    color:#ccc;
    margin-top:10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.team-wrap p{font-size: 14px; color: #ccc; text-align: left; display:block; margin-top:16px;
 overflow:hidden; width:100%; line-height: 22px;} 
.team-box .teamTxt{
    margin-top:12px;
}

.team-box > li{
    margin-bottom:10px; 
}

.team-box li a:hover .teamTxt h1 {
     color:rgb(225, 96, 39);
}
.team-box li a:hover .date {
    color:rgb(225, 96, 39);
}
.team-box .team-describe .teamTxt{
    border-bottom:1px solid #ccc;
    padding-bottom:48px;
    width:92%;
}
.fix .img-1{ height: 100px; width: 120px; background:url(../img/td-1.png) no-repeat center center;}
.fix .img-2{ height: 100px; width: 120px; background:url(../img/td-2.png) no-repeat center center;}
.fix .img-3{ height: 100px; width: 120px; background:url(../img/td-3.png) no-repeat center center;}

.fix p img{width: 100%;height: 100%}


.team-box a:hover .date .img-1{ background:url(../img/td-01.png) no-repeat center center;}
.team-box a:hover .date .img-2{ background:url(../img/td-02.png) no-repeat center center;}
.team-box a:hover .date .img-3{ background:url(../img/td-03.png) no-repeat center center;}

.teamBtn{
    width:calc(84.5% - 120px);
    position:absolute;
    left:120px;
    top:33%;
    z-index:10;
    overflow:hidden;
    cursor:pointer;
}

.teamBtn a{
    display:block;
    width:30px;
    height:30px;
    background:url(../img/next-3.png) no-repeat center center;
    background-size:100%;
    opacity:0.4;
}

.teamBtn a:hover{
    opacity:1;
}

.teamBtn a.prev{
    float:left;
    transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    margin-left:10px;
}

.teamBtn a.next{
    float:right;
    margin-right:14px;
}

.news-more {
    position: relative;
    position: absolute;
    bottom:16%;
    left:10%;
}


.pic-more a{
    display:block;
    color:rgb(225, 96, 39);
    line-height:32px;
    font-size:18px;
    padding-right:100px;
    /*background:url(../img/more-2.png) no-repeat right center;*/
    background-size:auto 16px;
    width:112px;
    margin-left:130px;
}


@media(min-width:1200px) and (max-width:1700px){
    .team-slides,.team-box{
        width:48%;
        height:78%;
        float:left;
        position:relative;
        padding-top:8%;
        padding-bottom:250px;

    }   
}

@media(max-width:1200px){
    .team-list{
        width:80%;
        margin:0 auto;
        position:relative;
        overflow:hidden;
        float:none;
    }
    
    .team-list  b{
        display:none;
    }

    .team-slides{
        width:100%;
        height:70%;
        position:relative;
        padding-top:20%;
    }
    
    .team-describe{
        width:80%;
        margin:0 auto;
    }
    
    .teamBtn{
        width:80%;
        left:10%;
        top:42%;
    }
    
    .date{
        display:none;
    }
    
    .team-box{
        width:0;
        overflow:hidden;
    }
    
    .team-describe .teamImg,.team-describe .teamTxt{
        width:100%;
        margin-left: 12%;
        margin-right:auto;
    }
    
    .team-describe .teamTxt{
        width:94%;
        padding-left:3%;
    }
    
    .team-list .team-more{
        bottom:60px;
        left:100%;
        margin-left:-270px;
    }
}




/*新闻列表*/
.news{
    /*background:url(../img/bg-30.jpg) no-repeat center center;*/
    background-size:cover;
    position:relative;
    width:100%;
    overflow:hidden;
}

.news .title{
    position:absolute;
    left:6%;
    padding-top:30px;
}

.news-list{
    width:85%;
    position:relative;
    overflow:hidden;
    float:right;
    margin-left:15%;
}

.news-slides,.news-box{
    width:45%;
    float:left;
    position:relative;
    padding-top:12%;
    overflow:hidden;
    height:80%;
    padding-bottom:8%;
}


.news-slides b{
    display:block;
    height:100%;
    width:1px;
    position:absolute;
    top:0;
    background-color:#ccc;
    opacity:0.3;
    left:120px;
}

.news-box b{
    display:block;
    height:100%;
    width:1px;
    position:absolute;
    top:0;
    background-color:#ccc;
    opacity:0.3;
    left:120px;
}

.news-list > b:first-child{
    left:120px;
}

.news a{
    display:block;
}

.date{
    width:100px;
    margin-right:20px;
    text-align:right;
    color:#eee;
    font-style:italic;
    float:left;
}

.news a:hover .date{
    color:red;
}

.news-describe .newsImg{
    width:95%;
    padding-top:60%;
    height:0;
    position:relative;
    overflow:hidden;
}

.news-describe .newsImg img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}

.news-describe{
    float:left;
    width:calc(100% - 120px);
    -o-width:calc(100% - 120px);
    -ms-width:calc(100% - 120px);
    -moz-width:calc(100% - 120px);
    -webkit-width:calc(100% - 120px);
}

.news-describe .newsTxt{
    margin-left:2px;
    margin-top:20px;
    width:calc(100% - 20px);
    -o-width:calc(80% - 20px);
    -ms-width:calc(80% - 20px);
    -moz-width:calc(80% - 20px);
    -webkit-width:calc(80% - 20px);
}

.news-describe .newsTxt h1{
    color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 20px;
}

.news-describe .newsTxt p{
    font-size:14px;
    height:100px;
    line-height:26px;
    color:#ccc;
    margin-top:10px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-box .newsTxt{
    margin-top:0;
}

.news li a:hover .newsTxt h1{
    color:rgb(225, 96, 39);
}

.news-box .news-describe .newsTxt{
    border-bottom:1px solid #ccc;
    padding-bottom:40px;
}

.date h3{
    font-size:30px;
}

.newsBtn{
    width:calc(94% - 120px);
    position:absolute;
    left:133px;
    top:32%;
    z-index:10;
    overflow:hidden;
    cursor:pointer;
}
.pic-more hr {
    display: block;
    width:102%;
    height: 1px;
    background: rgb(225, 96, 39);
    border: none;
}
.pic-more i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color:rgb(225, 96, 39);
    position: absolute;
    left: 0;
    bottom: -6px;
}

.newsBtn a{
    display:block;
    width:30px;
    height:30px;
    background:url(../img/next-3.png) no-repeat center center;
    background-size:100%;
    opacity:0.4;
}

.newsBtn a:hover{
    opacity:1;
}

.newsBtn a.prev{
    float:left;
    transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    margin-left:0px;
}

.newsBtn a.next{
    float:right;
    margin-right:14px;
}

/*--end--*/



.section-5 .dibu{width:88%; margin:0 auto; padding-top:7%; height: 60%;}
.section-5 .link{
    float:left;
    overflow: hidden;
    width:30%;
    height:100%;
    background-color:#c71513;
    background: -webkit-linear-gradient(rgba(255,96,39,0.7), rgba(0,0,0,0)); 
    background: -moz-linear-gradient(rgba(255,96,39,0.7), rgba(0,0,0,0)); 
    background: -ms-linear-gradient(rgba(255,96,39,0.7), rgba(0,0,0,0)); 
    background: -o-linear-gradient(rgba(255,96,39,0.7), rgba(0,0,0,0)); 
}

.section-5 .link h1{
    font-family: "Microsoft YaHei";
    width:100%;
    text-align:center;
    line-height:80px;
    color:white;
    font-size:30px;
    background:url(../img/link-bg.png) no-repeat left top;
    border-bottom:1px solid #ddd;
    height: 80px;
}

.txtMarquee-top{
    margin-top:20px;
}

.section-5 .link ul{
    padding:10px;
    text-align:center;
}

.section-5 .link ul a{
    font-family: "Microsoft YaHei";
    display:block;
    position:relative;
    color:white;
    line-height:40px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.contactTxt{
    font-family: "Microsoft YaHei";
    float:left;
    overflow: hidden;
    width:28%;
    margin-left:7%;
    line-height:30px;
    color:#fff;
}

.contactTxt .scan{
    float:left;
    width:32%;
    overflow:hidden;
    margin-top:6px;
}

.contactTxt .scan img{
    width:72%;
}

.msg{
    display:block;
    float:right;
    width:32%;
    height:100%;
}

.msg input,.msg button{
    font-family: "Microsoft YaHei";
}

.msg ul li{
    width:90%;
    padding:0 5%;
    background:rgba(0,0,0,0.5);
    border-radius:10px;
    color:#fff;
    line-height:60px;
    position:relative;
    margin-bottom:16px;
}

.msg ul li > input{
    width:75%;
    position:absolute;
    top:0;
    left:20%;
    line-height:60px;
    background:none;
    color:#fff;
    font-size:16px;
}

.msg ul textarea{
    width:90%;
    padding:10px 5%;
    background:rgba(0,0,0,0.5);
    border-radius:10px;
    color:#fff;
    line-height:32px;
    font-size:16px;
    margin-bottom:15px;
}

.msg ul li.verp > input{
    width:50%;
}

.msg ul li.verp .verpImg{
    width:28%;
    height:50px;
    border-radius:10px;
    overflow:hidden;
    position:absolute;
    right:5px;
    top:5px;
}

.msg ul li.verp .verpImg img{
    width:100%;
}

.msg button{
    width:100%;
    margin-top:40px;
    height:60px;
    line-height:60px;
    color:white;
    background-color:#c71513;
    border-radius:10px;
    font-size:20px;
    cursor:pointer;
}

.msg button:hover{
    background-color:red;
}

@media(max-width:1700px){
    .msg{
        display:none;
    }
    
    /*.contactTxt{
        float:left;
        overflow: hidden;
        width:calc(76% - 612px);
        -o-width:calc(90% - 300px);
        -ms-width:calc(90% - 300px);
        -moz-width:calc(90% - 300px);
        -webkit-width:calc(90% - 300px);
    }*/
}

.footer{
    padding:40px 4%;
    width:92%;
    background:url(../img/dd.jpg);
    text-align:center;
    font-size:14px;
    line-height:30px;
    color:#eee;
    margin-bottom:0;
}

.footer a{
    color:#eee;
}

.footer a:hover{
    color:red;
}

.syjs-right{ float:left; margin-left:4%; width:30%; height: 100%; background: -webkit-linear-gradient(rgba(102,102,102,102),rgba(102,102,102,0));}
.syjs-right .wenb{height:80px; border-bottom: 1px solid #fff;}
.syjs-right span{ color:#fff; font-size:14px; display:block;  padding:14px 15px 15px 22px;
font-family: "Microsoft YaHei"; line-height:18px;}
.shiru{ width:90%; margin:0 auto;}
.shiru input{width: 100%;height:36px;border: 1px solid #B3B3B3; margin-top:20px; font-family: "Microsoft YaHei";}
.nr{ width:100%; height:100px; border:solid 1px #b3b3b3; margin-top:20px; font-family: "Microsoft YaHei";}
.an{ width:100%; margin:0 auto; text-align:center;}
.an input{width:100px; height:34px; color:#fff; border:none; margin:20px;}
.tj{ background:rgb(225, 96, 39);}
.cz{background:#666;}





/*返回顶部css样式代码*/
/*默认样式，主要是position:fixed实现屏幕绝对定位*/


/*#gotoTop{display:none;position:fixed;top:75%;left:50%;cursor:pointer;margin-top:-50px;margin-left:520px;padding:9px 4px;width:20px;text-align:center;border:1px solid #e0e0e0;background:#fff;}
*/
/*用CSS表达式(expression)来实现ie6下position:fixed效果*/

/*#gotoTop{_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")}
*/
/*鼠标进入的反馈效果*/

/*#gotoTop.hover{background:#5CB542;color:#fff;text-decoration:none;}*/