*{margin:0;padding:0;}
body{font-size:12px; font-family:'微软雅黑'; letter-spacing:2px;}
html,body{height:100%;}
ul,li{ list-style:none;}
.clr{ clear:both;}
img{border:none;}
a{color:#687a8f}

.container {position:relative;}

/*header*/
.header{position:relative;height:100px; box-shadow:0 1px 2px rgba(0,0,0,.1)}
.logo{width:210px;height:100px;position:absolute;left:0;top:0;}
.logo img{margin-top:30px;margin-left:10px;}
.menu-nav{position:absolute;right:15px;top:30px; cursor:pointer;
width:40px;height:34px;z-index:2;
border-top:4px solid #666;
border-bottom:4px solid #666;}
.menu-nav:after{content:'';display:block;width:100%;background:#666;position:absolute;top:50%;left:0;margin-top:-2px;height:4px;}
.menu{margin-left:220px;margin-top:0;height:100px; position:relative;}
.menu ul{height:100%;margin:0;padding:0;}
.menu li{display:inline-block;width:120px;float:left;position:relative}
.menu li>a{line-height:100px; text-align:center; text-decoration:none;display:block;height:100px;color:#727171;font-size:18px; }
.menu li:hover>a{color:#fff;background:#f7882f;}
.menu li.active>a{color:#fff;background:#f7882f;}
.menu li .sub{display:none;position:absolute;
    bottom:-70px;left:0;height:70px;z-index:19;width:auto; white-space:nowrap}
.menu li .sub a{position:relative;display:inline-block;text-decoration:none;margin-left:0; white-space: nowrap;margin-right:0;font-size:17px;color:#fff;line-height:70px;height:70px;padding:0; box-sizing:border-box;width:120px; text-align:center;}
.menu li .sub a:hover{background:rgba(99,73,55,.75);}
.header .tel{position:absolute;right:0;top:0;height:100px;width:246px;background:#f7c331;color:#fff;
font-size:25px; letter-spacing:-.01em;font-family: Times, "Times New Roman", serif}
.header .tel p{position:relative;padding-left:60px; line-height:40px;
margin-left:30px;margin-top:30px;}
.header .tel p:after{content:'';width:40px;height:40px;background:url(../images/icon-tel.png) no-repeat;background-size:contain;position:absolute;top:0;left:0;}
.subbg{position:absolute;display:none;background:rgba(247,136,47,.75);width:100%;left:0;bottom:-70px;height:70px;z-index:5;}
.snav{position:fixed;right:0;top:50%;height:314px;width:100px;margin-top:-160px;z-index:99;}
.snav a{display:block; text-decoration:none;color:#fff;font-size:16px; line-height:1.4;
background-repeat:no-repeat;background-size:100%;
background-position:right center;
margin-bottom:10px;
box-sizing:border-box;
padding-right:15px; 
text-align:right;
}
.snav .nav1{background-image:url(../images/nav-1.png);height:106px;padding-top:45px;}
.snav .nav2{background-image:url(../images/nav-2.png);height:71.8px;padding-top:15px;}
.snav .nav3{background-image:url(../images/nav-3.png);height:106px;padding-top:15px;}
.snav .nav1:hover{background-image:url(../images/nav-1-over.png);}
.snav .nav2:hover{background-image:url(../images/nav-2-over.png);}
.snav .nav3:hover{background-image:url(../images/nav-3-over.png);}
/*content*/
.banner{height:680px;background-position:top center;background-size:cover;background-repeat:no-repeat}
.section{position:relative;padding:80px 0;background-position:top center;background-size:cover;background-repeat:no-repeat}
.section p{font-size:18px; line-height:2;  }
.section .text p{text-indent: 2em;color:#9fa0a0}
.bg-gray{background:#faf6f0;}
.bg-dark{background:#ebeef1;}
.bg-yellow{background:#f7c331;color:#fff;}
.bg-pink{background:#fef6e0;}
.angle{position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 40px;
    top:0;
    left: 50%;
    margin-left: -40px;
    border-bottom-width: 0;}
.angle.orange{border-top-color: #f99e56;}
.angle.yellow{border-top-color:#f7c331;}
.angle.pink{border-top-color:#fdf3d6;}
.angle.gray{border-top-color:#faf6f0;}
.angle.dark{border-top-color:#8f9dac;}
.section .h3{font-size:36px;color:#687a8f; text-align:center;margin-bottom:50px;}
.section .h3 span{display:block;font-size:22px;margin-top:15px;font-weight:normal;}
.section .h4{color:#687a8f}
.bg-yellow .h3{color:#fff;}

/*footer*/
.footer{padding:60px 0;background:url(../images/bg-footer.jpg) no-repeat center center;background-size:cover;position:relative; text-align:center}
.footer .col-xs-4{}
.footer .col-xs-4 img{max-width:80%;}
.footer .col-xs-4 h4{color:#fff;margin-top:20px;}
.hotline{background:#e2853c;color:#fff;font-size:20px; text-align:center;line-height:40px;
padding:10px;margin:0 auto;display:block;margin-top:50px;position:relative; white-space:nowrap}
.icon-tel{position:relative;width:40px;height:40px;display:inline-block;margin-right:20px;
vertical-align:middle
}
.icon-tel:after{content:'';width:40px;height:40px;background:url(../images/icon-tel.png) no-repeat;background-size:contain;position:absolute;top:0px;left:0px;}


/*home*/
.home-brand .row{ text-align:center}
.home-brand .row img{max-width:100%;}
.home-brand .row h4{font-size:22px;margin-top:20px;}
.home-brand .tab-con{margin-top:50px;padding:20px;}
.img-box{ overflow:hidden;height:500px;margin-bottom:30px;position:relative}
.img-box .bg{background-repeat:no-repeat;background-size:cover;background-position:center center;position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
}
.img-box .tit{z-index:9;width:100%;position:absolute;bottom:0;left:0;height:70px; line-height:70px; text-align:center;color:#fff;font-size:22px;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.6));
background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.6));
background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.6));
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
}
.img-box .tit2{z-index:10;width:100%;position:absolute;top:0;left:0; height:100%; 
		color:#fff;
		font-size:30px;
		 text-align:right;
		  box-sizing:border-box;
		  padding-right:20px;
		  padding-top:120px;
}
.img-box .tit2 span{display:block;font-size:22px;margin-top:10px;}
.img-box .mask{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:;background:rgba(99,73,55,.7);opacity:0;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
 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;
}
.img-box .mask.orange{background:rgba(247,136,47,.7)}
.img-box .mask .txt{ text-align:center;padding:0px 30px 0 30px;color:#fff;


}
.img-box .mask .txt h4{font-size:18px;line-height:1.6;}
.img-box .mask .txt p{ line-height:1.8;font-size:16px}
.img-box:hover .mask{opacity:1;}
.img-box:hover .tit{opacity:0;}
.img-box:hover .bg{-webkit-transform:scale(1.1,1.1);
					  -moz-transform:scale(1.1,1.1);
						   transform:scale(1.1,1.1);
						   }
.home-news{height:375px;margin-bottom:50px;}
.swiper-container{height:100%;}
.swiper-slide{position:relative;height:100%;}
.swiper .img{width:500px;height:375px;background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;top:0;left:80px;}
.swiper .con{padding-left:620px;padding-right:80px;}	
.swiper .con h4{font-size:26px;color:#727171; line-height:1.5;margin-top:20px;margin-bottom:20px;}
.swiper .con p{ line-height:1.8;color:#9fa0a0;font-size:16px;}	
.swiper .con .btn{margin-top:50px;}
.news-article{display:none;}
 
.news-tab{height:100px;background:#fdf3d6; text-align:center}
.news-tab a{display:inline-block;padding:0 30px;height:100px; box-sizing:border-box;padding-top:40px;
font-size:26px;color:#727171;position:relative; text-decoration:none}
.news-tab a:after{content:'';position:absolute;z-index:9;
width:10px;height:10px; border-radius:50%;background:#727171;
top:15px;left:50%;margin-left:-5px;}
.news-tab a.active{background:#f7c331;color:#fff;}
.news-tab a.active:after{background:#fff;}
.home-talent{position:relative}
.home-talent .item{background:#f99e56;color:#fff;padding:50px 0;}
.home-talent .item.over{background:#fff;color:#687a8f;}
.home-talent .item .des{margin-left:420px;padding-right:260px;position:relative;}
.home-talent .item .des .ico{position:absolute;top:-15px;left:-80px;width:64px;}
.home-talent .item .des .ico img{display:block;width:100%}
.home-talent .item .des h4{font-size:26px;}
.home-talent .item .des p{font-size:16px; line-height:1.5}
.btn-default,.btn-default:hover{ border:none; border-radius:0;width:180px;background:#687a8f;color:#fff; line-height:32px; text-align:center;font-size:18px;}
.home-talent .btn{position:absolute;right:0;top:40px;}
.home-talent .man{position:absolute;bottom:0;left:-150px;  
display:block;width:480px;}

/*product*/
.pension{margin-top:30px;}
.pension .box{background:#fef6e0;}
.pension .box:hover{background:#fce7ad;}
.pension .box .img img{width:100%;display:block;}
.pension .box .con{padding:15px;}
.pension .box h4{ text-align:center;font-size:22px;color:#687a8f;margin-bottom:30px;position:relative;}
.pension .box h4:after{content:'';width:60px;height:1px;border-bottom:1px solid #ccc;position:absolute;bottom:-15px;left:50%;margin-left:-30px;}
.pension .box p{  line-height:1.5;font-size:16px;color:#687a8f;min-height:100px;}

.recommend{background:#dadfe4;}
.recommend .box{display:block; text-decoration:none;height:240px;position:relative; overflow:hidden}
.recommend .box .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center center;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;}
.recommend .box .txt{position:absolute; box-sizing:border-box;top:0;left:0;background:rgba(99,73,55,.8);
z-index:9;width:100%;height:100%;padding-top:80px; line-height:1.8; text-align:center;color:#fff; font-size:18px;opacity:0;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;}
.recommend .box:hover .txt{opacity:1;}
.recommend .box:hover .bg{-webkit-transform:scale(1.1,1.1);
					  -moz-transform:scale(1.1,1.1);
						   transform:scale(1.1,1.1);}
.recommend-more{background:#8291a3;color:#fff; text-align:center;display:block; text-decoration:none; line-height:50px;font-size:20px;}
.recommend-more:hover{ text-decoration:none;color:#fff;}

.service{margin-top:50px;}
.service .img-box .mask{background:rgba(247,136,47,.85);}
.service .img-box .tit{background:rgba(247,136,47,.85);}
.adv .h3{background:#f7c331;margin-bottom:20px;padding:15px 0;color:#fff;}
.adv .head,.adv .more{color:#9fa0a0;font-size:20px;background:#eee;padding:30px 0; text-align:center;position:relative;}
.adv .head:after{content:'';
position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 18px;
    bottom:-18px;
    left: 50%;
    margin-left: -18px;
    border-bottom-width: 0;
	border-top-color: #eee;
}
.adv .item{color:#fff;font-size:20px;background:#f7c331;padding:20px 0 15px 0px; text-align:center}
.adv .item.even{background:#fadb83;}

/*about*/
.about{position:relative}
.about .tit{position:absolute;bottom:0;left:0;width:100%;background:#f7c331;color:#fff;padding:15px 0;
text-align:center;z-index:9;}
.about .tit h3{font-size:26px;margin:0;}
.about .tit h3 span{font-size:18px;display:block;margin-top:10px;}
.intro{padding:20px 50px 20px 20px;}
.intro h3{font-size:26px;color:#555;margin-top:50px;margin-bottom:50px}
.intro h3 span{font-size:16px;display:block;margin-top:5px; letter-spacing:0.4px}
.intro p{color:#9fa0a0}

.timeline{position:relative;}
.time-item:before{content:"";position:absolute;top:0;left:150px;width:1px;border-right:3px solid #e5e5e5;height:100%;z-index:1;}


.time-item{position:relative;padding:20px 0 20px 640px;min-height:270px;}
.time-item .date{position:absolute;top:85px;left:0;color:#f7882f;font-size:28px; 
line-height:50px; letter-spacing:0;width:150px;padding-left:15px;}
.time-item .date:after{content:"";position:absolute;top:50%;margin-top:-9px;right:-10px;width:18px;height:18px; border-radius:50%;background:#f7882f;z-index:9;}

.time-item .thumb{width:360px;position:absolute;left:200px;top:20px;}
.time-item .thumb img{display:block;width:100%;}
.time-item .con{padding-right:40px;}
.time-item .con h4{font-size:24px;margin-bottom:20px;}
.time-item .con p{color:#9fa0a0;}
.section ul{line-height: 30px;font-size: 14px;}
.section ul li{position:relative; line-height:1.8;font-size:16px;color:#9fa0a0;margin-bottom:10px;}
.section ul li:after{content:"";background:#f7882f;width:6px;height:6px; border-radius:50%;position:absolute;top:10px;left:-15px;}
.time-item:hover{background:#f7882f;color:#fff;}
.time-item:hover .date,.time-item:hover .con ul li,.time-item:hover .con p,.time-item:hover .con a{color:#fff}
.time-item:hover .con ul li:after,.time-item:hover .date:after{background:#fff;}
.vision .des{position:relative}
.vision .des .h3{ text-align:left;float:left;margin-right:40px;margin-top:0;font-size:34px;}
.vision .des .h3 span{font-size:16px; letter-spacing:1px}
.vision .des p{margin-right:200px;color:#9fa0a0}

/*Cooperation*/
.media-box:after{content:"";display:block; clear:both}
.media-box .thumb{position:relative;float:left;margin-right:40px;width:300px;}
.media-box .thumb .txt{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(247,136,47,.8);
color:#fff;font-size:34px; text-align:center; 
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;
}
.media-box .tit{font-size:24px;color:#f7882f;background:#fef6e0;padding:20px;margin-bottom:20px}
.media-box ul{margin-left:340px;margin-right:50px;}
.contact-info{margin-top:30px;padding-top:30px;border-top:3px solid #e2e2e2}
.contact-info .tel,.contact-info .email{position:relative;padding-left:60px;font-size:18px;color:#687a8f;
 line-height:48px; margin-bottom:15px; white-space:nowrap}
.contact-info .tel:after{content:'';position:absolute;width:48px;height:48px;top:0;left:0;background:url(../images/icon-tel2.png) no-repeat;}
.contact-info .email:after{content:'';position:absolute;width:48px;height:48px;top:0;left:0;background:url(../images/icon-email.png) no-repeat;}

/*volunteer*/
.activity{height:375px;margin-bottom:10px;}


/*team*/
.centbox{ text-align:center}
.centbox h4{font-size:16px;color:#9fa0a0; line-height:1.5}
.overbox{position:relative;}
.overbox img{display:block;width:100%;}
.overbox .con{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;background:rgba(0,0,0,.6);
color:#fff; box-sizing:border-box;padding:220px 40px 0 40px; text-align:center;}
.overbox .con h4{font-size:18px;display:inline-block; line-height:40px;padding:0 30px; border:1px solid #fff;
border-radius:5px;background:rgba(255,255,255,.3);margin-bottom:50px;}
.overbox .con p{font-size:16px;}

/*search*/
.search-wrap{background:#fff;}
.search-form{padding:20px;}
.search-form .h3{ text-align:left;font-size:34px;}
.search-form .h3 span{font-size:26px;font-weight:normal}
.search-form .h4{font-size:18px;color:#9fa0a0;}
.search-form .h4 span{display:block;font-size:14px;margin-top:5px;}
.search-input{border:1px solid #eee; box-shadow:0 0 5px #eee;position:relative;}
.btn-search{border:none;outline:none;display:block;position:absolute;top:10px;right:10px;z-index:9;
width:32px;height:32px;background:url(../images/icon-search.png) no-repeat;background-size:100%;}
.search-input input{display:block;width:100%;background:none;border:none; box-sizing:border-box;
padding:0 15px; line-height:52px;height:52px;font-size:16px;}
.search-form .input-group-addon{background:#687a8f;font-size:16px;color:#fff; line-height:35px;padding:0 10px;
border:none; border-radius:0}
.search-form .select{background:#fef6e0;position:relative;height:35px;font-size:16px;}
.search-form .select span{display:block; white-space:nowrap;overflow:hidden; line-height:35px;padding:0 10px;}
.search-form .select select{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;opacity:0.8;}
.search-result{height:500px; overflow:auto;}
.search-result .item{font-size:16px;color:#727171;background:#fadb83;padding:15px 20px; cursor:pointer}
.search-result .item:nth-child(even){background:#fdf1cd}
.search-result .item:hover{opacity:.9}
.search-detail{background:#fef7e2;height:500px; overflow:auto}
.search-detail .tit{background:#f7c331;color:#fff;font-size:24px; text-align:center;padding:15px 40px;}
.search-detail .img img{display:block;width:100%;}
.search-detail .info{padding:20px;}
.search-detail .info p{font-size:16px; line-height:1.8}
.search-detail .opt{ text-align:center;margin-top:20px}
.btn-warning{background:#f7882f;border:none; border-radius:0;color:#fff;font-size:16px;
padding:10px 20px;}
.btn-warning.btn-lg{font-size:20px;padding:12px 50px;}

/*news*/
.hot h4{color:#687a8f;font-size:30px; line-height:1.4;margin-bottom:30px;}
.hot p{color:#9fa0a0}
.hot-swiper{height:164px;margin-top:50px}
.hot-swiper .swiper-slide{width:380px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hot-swiper .swiper-slide a{display:block;width:100%;height:100%; text-decoration:none;}
.hot-swiper .swiper-slide .ti{position:absolute;bottom:0;left:0;width:100%;background:rgba(247,136,47,.8);
 color:#fff; line-height:40px; box-sizing:border-box;padding-left:20px; white-space:nowrap;font-size:16px;} 
.line{height:3px;background:#f7c331;margin:50px 0}
.pageset{ text-align:center;margin-top:50px;}
.pageset ul{padding:0;}
.pageset ul li{margin:0 5px;display:inline-block;font-size:18px; }
.pageset ul li:after{display:none;}
.pagination>li>a, .pagination>li>span {border:1px solid transparent;border-radius:0;color:#999;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus,.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius:0}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{background:none;border:1px solid transparent;opacity:.5}
.pagination>.active>a, .pagination>.active>a:hover,  .pagination>.active>a:focus,.pagination>li>a:hover,  .pagination>li>a:focus{background:none;border:1px solid #f7882f;color:#666;}
.pagination>.active>span,.pagination>.active>span:hover, .pagination>.active>span:focus,.pagination>li>span:hover,.pagination>li>span:focus{background:none;border:1px solid transparent;}

.videos{margin-top:30px;margin-bottom:80px;position:relative}
.playbox{width:66%;height:600px; overflow:hidden;position:relative}
.btn-play{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9; cursor:pointer;opacity:.9;}
.btn-play:hover{opacity:1}
.btn-play:after{content:'';display:block;width:120px;height:120px;background:url(../images/icon-play.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:50%;
-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.playbox img{display:block;width:100%;}
.playlist{position:absolute;height:100%;width:34%;background:#f29142;top:0;right:0;z-index:2;
 overflow:auto}
.playlist .item{padding:10px 20px;color:#fff; cursor:pointer}
.playlist .item h4{font-size:20px;margin-bottom:0;}
.playlist .item p{font-size:16px;}
.playlist .item:hover,.playlist .item.active{background:#9b653c;}

.tabs-line{border-bottom:3px solid #f7882f;margin:30px 0;position:relative;}
.tabs-line h4{font-size:18px;display:inline-block;margin:0;padding:15px 30px;background:#f7882f;color:#fff; text-align:center}
.tabs-line h4 span{display:block;margin-top:5px;font-size:12px;}
.tabs-line.light{border-color:#f7c331;}
.tabs-line.light h4{background:#f7c331}
.tabs-line .option{position:absolute;top:10px; right:0;z-index:2;}
.tabs-line .option a{font-size:18px;display:inline-block;color:#f7882f; text-decoration:underline;margin-left:20px;}
.tabs-line .search-bar{position:absolute;top:5px;right:0;z-index:2;font-size:16px;width:290px;

}
.search-bar .form-control{display:inline-block; border-radius:0;background:#fdf0cb;font-size:16px;border:none;width:80px; box-shadow:none;}
.search-bar .btn-warning{background:#f7c331;padding:6px 15px;}

.photos{}
.photo-swiper{height:auto;}
.photo-swiper .swiper-container{padding-bottom:20px}
.photo-swiper .swiper-slide{padding-left:60px;padding-right:60px;}
.swiper-button-prev.swiper-button-black{height:47px;background:url(../images/arr-left.png) no-repeat;}
.swiper-button-next.swiper-button-black{height:47px;background:url(../images/arr-right.png) no-repeat;}
.swiper-button-prev.swiper-button-black:hover{background-image:url(../images/arr-left-active.png)}
.swiper-button-next.swiper-button-black:hover{background-image:url(../images/arr-right-active.png)}
.swiper-pagination-bullet{background:#fadb83;width:10px;height:10px;}
.swiper-pagination-bullet-active{background:#f7882f;}
.photo-swiper .img{height:400px;background-repeat:no-repeat;background-size:cover;background-position:center center; overflow:hidden;position:relative;margin-bottom:30px;}
.photo-swiper .col-sm-6 .row .img{height:185px;}

.maz-swiper{position:relative;}
.maz-swiper .swiper-container {padding-bottom:40px;margin-left:60px;margin-right:60px; }
.maz-swiper .swiper-slide{padding:0;}
a.mazbox{display:block; text-decoration:none;padding:20px;background:#e8ebee}
.maz-swiper .swiper-slide .cover img{display:block;width:100%;margin:0 auto;max-width:400px}
.maz-swiper .swiper-slide  h4{font-size:18px;color:#687a8f; text-align:center; white-space:normal;overflow:hidden;margin-top:15px;}

.doc-wrap{background:#e8ebee;position:relative;}
.doc-wrap .img{width:400px;height:100%;position:absolute;top:0;right:0;z-index:2;background:url(../images/magazine-6.jpg) no-repeat center center;background-size:cover;}
.doc-wrap .con{padding:20px;margin-right:400px;}
.doc-wrap .con .ti{ text-align:center;color:#687a8f;font-size:18px;margin-top:20px;}
.doc-wrap .con .ti:after{content:'';display:block;clear:both}
.doc-wrap .con .btn{float:right}

/*detail*/
.news-title{font-size:30px;color:#687a8f; text-align:center;padding-bottom:30px;border-bottom:2px solid #e2e2e2;margin-bottom:40px;}
.news-content h4{color:#f7882f;border-bottom:2px solid #e2e2e2;padding-bottom:20px;margin-bottom:20px;
font-size:20px;}
.news-content p{margin-bottom:40px;}
.news-content .more{margin-top:50px; text-align:right;}
.news-content .more a{ text-decoration:underline;font-size:20px;}

.intro-wrap{position:relative;background:#fff;padding-left:30%;}
.intro-wrap .img{position:absolute;top:0;left:0;width:30%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.intro-wrap h3{background:#f7882f;font-size:24px;color:#fff; text-align:right;padding:15px;}
.intro-wrap h3 span{display:block;font-size:16px;margin-top:10px;}
.intro-wrap .con{padding:20px 60px 60px;}
.intro-wrap .con h4{color:#727171;font-size:24px;position:relative;margin-bottom:40px;}
.intro-wrap .con h4:after{content:'';display:block;position:absolute;bottom:-20px;left:0;width:60px;height:1px;border-bottom:2px solid #727171}
.intro-wrap .con p{}

.map-info{margin-top:30px;padding-top:30px; text-align:center}
.map-info .btn{font-size:18px;padding:10px 60px;margin-bottom:20px}
.map-info .tel,.map-info .addr{position:relative;padding-left:50px;color:#687a8f;display:inline-block}
.map-info .tel:after{content:'';position:absolute;width:36px;height:36px;top:0;left:0;background:url(../images/icon-tel2.png) no-repeat;background-size:contain}
.map-info .addr:after{content:'';position:absolute;width:36px;height:36px;top:0;left:0;background:url(../images/icon-map.png) no-repeat;background-size:contain}

.down-wrap{border-top:2px solid #e2e2e2;margin-top:50px; text-align:center}

/*comesoon*/
.comesoon{}
.comesoon .des{margin-top:250px; text-align:center}
.comesoon .des p{margin-bottom:50px;font-size:16px;color:#9fa0a0}

/*question*/
.qs-list{}
.qs-item{padding:30px;background:#fef6e0}
.qs-item:nth-child(even){background:#fce7ad}
.qs-item .tit{font-size:24px;color:#687a8f;font-weight:100;position:relative;
padding-left:60px;padding-bottom:10px;padding-top:10px;}
.qs-item .tit:before{content:'';height:48px;width:48px;background:url(../images/icon-question.png) no-repeat;background-size:contain;position:absolute;top:0;left:0;}
.qs-item .tit:after{content:'';height:1px;width:250px;position:absolute;bottom:0;left:60px;
border-bottom:2px solid #687a8f}
.qs-item .con{padding-left:60px;position:relative;padding-top:10px;margin-top:20px;font-size:16px;color:#687a8f; line-height:1.8;}
.qs-item .con:before{content:'';height:48px;width:48px;background:url(../images/icon-msg.png) no-repeat;background-size:contain;position:absolute;top:0;left:0;}
.qs-item .con  ul{padding-left:15px;}
.qs-item .con  ul li{position:relative;margin-bottom:10px;}
.qs-item .con  ul li:after{content:"";background:#687a8f;width:6px;height:6px; border-radius:50%;position:absolute;top:10px;left:-15px;}

/*job*/
.job-intro{position:relative;padding-left:30%;}
.job-intro .img{width:30%;position:absolute;top:0;left:0;height:100%;}
.job-intro .con{padding:40px 60px;background:#f0f1f4}
.job-intro .con h4{color:#687a8f;font-weight:100;font-size:20px; line-height:1.8;margin-top:0;}
.job-intro .con ul li:after{background:#687a8f;top:15px;}
.job-item{background:#e8ebee;padding:0 30px;margin-bottom:30px;}
.job-item .tit{font-size:20px;color:#687a8f;position:relative;padding:25px;
cursor:pointer;
}
.job-item .tit:before{content:''; width: 0;height: 0;
    border-color: transparent; -webkit-transition:.3s;transition:.3s;
    border-style: solid;
    border-width: 10px;
    top:28px;position:absolute;
    left: 0;
    border-right-width: 0;border-left-color:#687a8f;}
.job-item .tit.active:before{ -webkit-transform:rotate(90deg);transform:rotate(90deg)}
.job-item .con{padding:15px 0;display:none;}
.job-item .con p{font-size:16px; line-height:1.8;color:#9fa0a0;}
/*training*/
.course table{width:100%; border-collapse:separate;border-spacing:10px;}
.course table th{ text-align:center;color:#9fa0a0;font-size:20px; padding:20px 0;}
.course table td{padding:20px;background:#b3bcc7;font-size:16px;color:#fff}
.course table td.over{background:#687a8f}
.course table tr:nth-child(odd)>td{background:#f1e3d1;color:#968e83}
.course table tr:nth-child(odd)>td.over{background:#e7d1b3;color:#fff;}
.course table td a{color:#fff;}
.course table tr:nth-child(odd)>td a{color:#968e83;}
.course-swiper h4 a{ text-decoration:underline;margin:20px 0;}

.training-intro ul{padding-left:20px;}
.training-intro ul li:after{content:''; width: 0;height: 0;
    border-color: transparent; -webkit-transition:.3s;transition:.3s;
    border-style: solid;
    border-width: 8px;
	background:none;
	border-radius:0;
    top:8px;position:absolute;
    left: -20px;
    border-right-width: 0;border-left-color:#687a8f;}
.section .training-intro ul li p{text-indent: 0em;}
.training-intro .img-center{ text-align:center}
.training-intro .img-center img{max-width:100%;}
.signup .input-group-addon{background:none;border:none; font-size:16px;}
.signup .form-control{font-size:16px;}
.signup .submit{padding:20px 0; text-align:center}
.signup p{font-size:14px;color:#9fa0a0}

.reservation-form {background:#f9f9fb; box-shadow:0 2px 10px rgba(0,0,0,.2);}
.reservation-form .head{background:#f7882f; text-align:center;font-size:28px;color:#fff; padding:20px 10px;}
.reservation-form .con{padding:30px;}
.reservation-form .input-group-addon{background:none;color:#687a8f;font-size:18px;border:none; border-radius:0}
.reservation-form .form-control{font-size:18px; border-radius:0; height:45px;}
.reservation-form .form-submit{ text-align:center;margin-top:30px;}

/*test*/
.test-list{margin-top:30px}
.test-li{position:relative;margin-bottom:30px;}
.test-li .ti{position:relative;font-size:26px;color:#f7882f;line-height:1.5;padding:5px 50px 5px;margin-bottom:15px;}
.test-li .ti b{position:absolute;left:0;top:8px;width:36px;height:36px; line-height:36px; border-radius:50%; text-align:center;
font-weight:normal;color:#fff;background:#f7882f}
.test-li .des{color:#687a8f; line-height:1.5; font-size:18px;background:#fef6e0;padding:20px 50px;margin-bottom:10px}
.test-li .col-sm-8{}
.myradio{padding-top:40px;}
.radio-item{font-size:18px;color:#687a8f;padding-left:40px; white-space:nowrap; line-height:30px;position:relative;
margin-bottom:20px; cursor:pointer;}
.radio-item:before{content:'';display:block;width:28px;height:28px; border-radius:50%;position:absolute;top:1px;left:0;background:#f1f1f1;
border:1px solid #dedede;z-index:1;}
.radio-item.active:after{content:'';display:block;width:28px;height:28px; border-radius:50%;position:absolute;top:1px;left:0;background:#fff;
border:7px solid #f4d926;z-index:2;}

.test-result{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.5);}
.result-box{ box-sizing:border-box;padding:0 60px 60px 60px;width:800px;min-height:640px;position:absolute;color:#fff;top:50%;left:50%;margin-top:-320px;margin-left:-400px;z-index:9;background:#ed8430;}
.result-box .ti{position:relative;font-size:20px; text-align:center; line-height:1.8;padding:15px 20px 30px 20px;}
.result-box .ti:after{content:'';display:block;position:absolute;bottom:0;height:15px;width:80%;left:50%;margin-left:-40%;
background:url(../images/new_service_test_line.png) no-repeat bottom;background-size:100% 100%;}
.result-box .score{font-size:18px; text-align:center;}
.result-box .score b{font-size:70px;}
.result-box p{font-size:14px; line-height:1.5}
.result-box .con{background:#ffe9a9;padding:20px; border-radius:20px;margin-left:150px;color:#687a8f;position:relative}
.result-box .con:after{content:'';width:150px;height:100%;position:absolute;top:0;left:-150px;
background:url(../images/new_service_test_man.png) no-repeat center right;background-size:100%;}
.result-box .con h4{font-size:14px;color:#687a8f;}
.result-box .con p{font-size:14px;color:#687a8f;}
.result-box .con .text-danger{color:#f7882f;}
.result-box .opt{ text-align:center;margin-top:20px;}
.result-box .opt .btn{background:#ffecb7;color:#f7882f; border-radius:0;}

/*respond*/
@media (min-width: 1200px){
	.container{width:1200px;}

}
@media (max-width: 991px){
	.banner{height:500px;}
	.menu{margin-left:0;position:absolute;top:100px; line-height:60px;left:0;width:100%;background:#fadb83;height:auto;z-index:9;display:none;}
	.menu li{display:block;width:100%;float:none;}
	.menu li>a{ line-height:60px;height:60px;
	border-top:1px solid #fae19a;border-bottom:1px solid #f9d46c
	}
	.menu li>a.active,.menu li:hover>a{border:none;}
	.menu li .sub{position:relative;bottom:0;height:auto;}
	.menu li .sub a{display:block; line-height:60px;height:60px;background:#f7882f;margin-right:0; text-align:center;font-size:16px;
	border-bottom:1px solid #f67f1f;border-top:1px solid #f79343;}
	
	/*search*/
	.intro-wrap{padding-left:0;}
	.intro-wrap .con{padding:10px;}
	.intro-wrap .img{display:none;}
	/*timeline*/
	.time-item{padding-left:80px;padding-top:10px;padding-bottom:10px; overflow:hidden}
	.time-item .thumb{left:0;top:0;margin-bottom:20px;position:relative}
	.time-item .date{font-size:16px;width:60px;padding-left:0;}
	.time-item .date:after{right:-6px;width:10px;height:10px;margin-top:-5px;}
	.time-item:before{left:60px;}
	.time-item .con{padding-right:0px}
	.time-item .con h4{font-size:18px;margin-bottom:10px}
	.time-item .con p,.time-item .con li{ line-height:1.5;font-size:14px;}
	
	/*news*/
	.maz-swiper .swiper-slide h4{font-size:14px;}
}
@media (max-width: 767px){
	.banner{height:250px;}
	.section{padding:30px 0;}
	.section .h3{font-size:28px;}
	.section .h3 span{font-size:16px;margin-top:5px;}
	h4,.h4,.home-brand .row h4{font-size:14px;}
	.section p{font-size:14px;}
	
	.media-box .thumb{display:none;}
	.media-box ul{margin-left:20px}
	/*about*/
	.vision .des .h3{margin-bottom:10px;margin-right:0;float:none;}
	.vision .des p{margin-right:0;}
	.intro{padding-right:20px;}
	.intro h3{margin-bottom:20px}
	/*comesoon*/
	.comesoon .des{margin-top:50px}
	/*news*/
	.doc-wrap .img{width:100%;height:200px;position:relative;}
	.doc-wrap .con{margin-right:0;}
	.hot h4{font-size:20px;margin-bottom:10px}
	/*home*/
	.swiper{height:auto;}
	.swiper .img{width:auto;margin-left:60px;margin-right:60px;height:200px;
	position:relative;left:0;}
	.swiper .con{padding-left:60px;padding-right:60px;}
	.swiper .con h4{font-size:18px;}
	.swiper .con p{font-size:14px;}
	.home-talent .item .des{margin-left:100px;padding-right:0px;}
	.home-talent .man{display:none;}
	.home-talent .btn{position:relative;top:10px;}
	.hotline{font-size:14px;}
	/*album*/
	.photo-swiper .img{height:200px;}
	.playlist .item{padding:5px 10px}
	.playlist .item h4{font-size:14px;margin-top:0}
	.playlist .item p{font-size:12px; letter-spacing:0; line-height:1.5;margin-bottom:0}
	.btn-play:after{width:60px;height:60px;}
	.adv .item{font-size:14px;}
	/*job*/
	.job-intro{padding-left:0;}
	.job-intro .img{display:none;}
	.job-intro .con{padding:15px 15px 15px 30px}
	.job-intro .con h4{font-size:16px;}
	.job-item .tit{font-size:16px;padding-bottom:20px}
	.job-item .con p{font-size:12px;}
	.contact-info .tel, .contact-info .email{font-size:12px; white-space:normal;}
}