@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}

/* sprite */
.quotes em,.section7 .more em{background-image:url(images/solutionSprite.png);background-repeat:no-repeat;background-size:100px auto}

#fullPage-nav.right{right:0px}
#fullPage-nav span, .fullPage-slidesNav span{background:#cdcdcd;border-color:#cdcdcd}
#fullPage-nav li .active span, .fullPage-slidesNav .active span{background:#ffa801;border-color:#ffa801}

.main .title{font-size:14px;position:fixed;top:90px}
.main .title h1{background:#7e90ad;display:inline-block;padding:5px 10px;margin:0 0 10px 15px;color:#fff;font-size:14px}
.main .title h1 b,.main .title h1 span,.main .title h1 i,.main .title h1 br{display:none}

.section{position:relative;overflow:hidden;font-size:12px;top:60px;line-height:20px;background:#55769f}
.section .bg{position:absolute;left:0;top:400px;opacity:0;width:100%;height:100%}
.section .bg img{display:block;width:110%}

.quotes{position:relative;margin:0 15%}
.quotes em{position:absolute;display:block;width:22px;height:15px}
.quotes em.first{left:-30px;background-position:0 0}
.quotes em.last{right:-30px;bottom:-5px;background-position:-30px 0}
.quotes span{display:block;font-size:14px}



/* CSS3过度及动画 */
.section1.on p{top:-800px}
.section1.on ul{top:-800px}
/*******************section1*************************

*/
/*******************section commonCnter*************************/
.on .bg{top:-400px}
.on .content,.on .bg2{bottom:400px}
.on .content h2,.on .content p,.on .more{margin-top:-200px;z-index:2}

.active .content{bottom:0}
.module_page{background:#f6f6f6}
.about_company{width:90%;max-width:900px;margin:0 auto}
.about_company > h1{font-size:36px;padding:34px 0 15px 0}
.about_company .paragraph_img{padding-right:370px;position:relative}
.about_company .paragraph_img img{position:absolute;right:0px;top:60px}
.about_company > div > h2{font-size:20px;font-weight:bold;padding-bottom:12px}
.about_company > div > p{font-size:14px;font-family:"微软雅黑";line-height:24px;padding-bottom:20px}
.about_values{width:86%;margin-left:10%}
.about_values .paragraph_img{padding-right:275px}
.about_values .paragraph_img img{top:28px}
.about_values > h1{padding-bottom:30px}
.honor_container_lg{width:591px;margin:0 auto;padding:50px 0}
.honor_container_lg h2{font-size:35px}
.honor_container_lg h3{font-size:14px;padding:18px 0 30px 0}
.honor_list_lg{margin-left:-4px}
.honor_list_lg li{overflow:auto;margin-bottom:4px}
.honor_icon{float:left;width:164px;height:164px;line-height:164px;text-align:center;margin-left:4px;background:white;display:table-cell}
.honor_icon img{vertical-align:middle}
.honor_desp{float:left;width:400px;height:164px;text-align:left;margin-left:4px;background:white;padding:65px 0 0 35px;box-sizing:border-box}
.honor_desp p{font-size:12px;margin-bottom:4px}
.honor_desp h4{font-size:22px}
.honor_container_sm{width:90%;margin:0 auto;padding-top:35px;display:none}
.honor_container_sm h4{font-size:18px;padding-bottom:35px}
.honor_list_sm li{margin-bottom:20px}
.honor_list_sm li h2{font-size:13px;color:#999999;padding-left:20px;background:url(../images/about/blue-sqr.jpg) 0 2px no-repeat}
.honor_sm_detail{padding:40px 0;background:white;margin-top:15px;position:relative}
.honor_sm_detail > img{width:70px;position:absolute;left:15px;top:15%}
.honor_sm_detail > p{font-size:20px;margin-left:125px}
.title_sm{background:white;padding:15px 0 20px 0;display:none}
.title_sm span{font-size:22px;color:white;background:#9ba4b4;padding:2px 8px;margin-left:35px;margin-bottom:2px;display:inline-block}
.title_sm i{font-size:16px;color:white;background:#7e90ad;padding:2px 5px;margin-left:20px;display:inline-block}
.history_container_lg{width:640px;margin-left:135px;padding-top:80px;position:relative}
.history_container_lg h2{font-size:35px;padding-bottom:55px}
.history_container_lg h3{font-size:32px;color:#c8c8c8;padding-bottom:15px}
.history_container_lg .history_desp_lg{line-height: 150%;}
.history_container_lg .history_desp_lg span{display:block;margin-bottom:7px}
.history_container_lg .history_age_box{height:67px;position:relative;margin-left:-20px}
.history_container_lg .history_age_box .age_line_lg{position:absolute;left:0;top:33px;width:100%;height:1px;background:#d1dbec}

/*2015-04-02 begin tracy*/

.history_cnt_box{display:block;position:relative}
.history_container_lg .upHy,.history_container_lg .nextHy{display:block;position:absolute;background-color:none;width:18px;height:35px;cursor:pointer;z-index:3;top:50%;overflow:hidden}
.history_container_lg .upHy{left:-60px}
.history_container_lg .nextHy{right:60px}

ul.history_cnt{display:block;position:relative;width:530px;height:200px;margin-bottom:20px;overflow:hidden}
ul.history_cnt li{display:block;position:absolute;opacity:0;z-index:0;width:100%;height:100%;background-color:#f6f6f6}
ul.history_cnt li.on{opacity:1;z-index:1}
.age_num_lg li p.dd{display:none;padding:4px 10px 4px 25px;line-height:26px;color:#333;background-color:#fff;margin-top:10px;margin-bottom:10px}

.age_num_lg li em.dot{display:block;position:absolute;width:7px;height:7px;background:url(../images/blue-circle.png) center center no-repeat;left:46%;top:30px}


.event_Dl{width:80%;max-width:600px;padding:50px 0;margin-left:140px}
.event_Dl .topic{display:block;color:#000;font-size:17px;text-align:left;line-height:30px;padding:10px 0;font-weight:bold}
.event_Dl .subTopic{display:block;font-size:14px;line-height:25px;margin-top:10px;color:#000}
.event_Dl .subTopic span{margin-right:20px}
.event_Dl .article{font-size:12px;line-height:25px;color:#333;margin-top:20px}
.event_Dl .article p{margin-bottom:20px}

/*2015-04-02 end tracy*/

/*2015-06-09 begin tracy*/

.event_Dl .remark{display:block;font-size:12px;color:#686868;line-height:20px}
.event_Dl .remark p{display:block;margin-bottom:5px}
.event_Dl .remark p label{display:block;float:left;width:60px}
.event_Dl .remark p span{display:block;float:left}
.event_Dl .schedule .ht{font-size:14px;font-weight:bold;padding:10px 0}
.event_Dl .schedule ul.dayList{display:block;width:100%}
.event_Dl .schedule ul.dayList li{display:block;line-height:20px;font-size:12px;padding:3px 5px}
.event_Dl .schedule ul.dayList li:nth-child(2n){background-color:#eaeaea}
.event_Dl .schedule ul.dayList li .time{margin-right:25px}

.event_Dl  .contact{color:#686868;margin-top:20px}
.event_Dl  .contact .ht{font-size:14px;font-weight:bold;padding:10px 0}
.event_Dl  .contact p span{margin-right:25px;font-size:12px}



/*2015-06-09 end tracy*/



/*tracy 2015/5/15 begin*/
.pageNum{font-size:12px;width:600px;margin-left:70px;padding:40px 0}
.pageNum p{display:block;float:right}
.pageNum a{display:block;float:left;margin-left:5px;background-color:#fff;color:#333}
.pageNum a:hover,.pageNum a.on{background-color:#7e90ad;color:#fff}
.pageNum a.pageBtn{width:80px;line-height:25px;text-align:center}
.pageNum a.num{width:25px;height:25px;line-height:25px;text-align:center}

/*tracy 2015/5/15 end*/

.age_num_lg{padding-left:20px}
.age_num_lg li{float:left;width:45px;height:67px;position:relative;cursor:pointer;text-align:center;color:#868686;margin-right:5px}
.age_num_lg li.up{}
.age_num_lg li.down{padding-top:47px}
.age_num_lg li.on span{background:#7e90ad;padding:0 12px;margin-left:-6px;border-radius:10px;color:white}
.honor_container_sm{display:none;position:relative;width:90%;margin:0 auto;overflow:hidden}
.honor_container_sm .age_line_sm{position:absolute;width:1px;height:100%;background:#7e90ad;left:9px;top:46px}
.age_num_sm h2{padding-left:20px;background:url(../images/blue-circle.png) 6px center no-repeat;margin-top:10px}
.age_num_sm p{padding:4px 10px 4px 20px;background:white;margin-top:10px;line-height:26px;overflow:hidden }
.age_num_sm p span{width:115%;height:1px;background:#f6f6f6;display:block;margin:2px 0 2px -20px}
.event_container{margin:70px 0 0 160px}
.event_container h2{font-size:36px}
.event_list{font-size:12px;width:600px;padding-top:45px;margin-left:70px}
.event_list li{display:block;height:24px;line-height:24px;background:white;padding:0 14px;margin:3px 0;position:relative}
.event_list li a{color:#333333}
.event_list li em{margin-left:35px}
.event_list li b{margin-left:10px}
.event_list .no_bg{background:none}
.news_container{padding:40px 0 0 130px;width:638px}
.news_container > h2{font-size:36px}
.news_list{padding:30px 0 20px 70px;font-size:12px}
.news_list li{height:24px;line-height:24px;background:white;padding:0 14px;width:540px;margin:3px 0;position:relative}
.news_list li a{color:#333333}
.news_list li em{margin-left:35px}
.news_list li span{margin-left:10px}
.news_list li b{padding-right:14px;background:url(../images/about/line.jpg) 36px center no-repeat}
.news_list .no_bg{background:none}
.news_pagination{float:right;padding-bottom:20px}
.news_pagination .news_prev{width:72px;height:18px;text-align:center;line-height:18px;font-size:12px;background:white;cursor:pointer;display:inline-block}
.news_pagination .news_next{width:72px;height:18px;text-align:center;line-height:18px;font-size:12px;background:white;cursor:pointer;display:inline-block;margin:0 0 0 4px}
.news_pagination span{width:13px;height:18px;line-height:18px;font-size:12px;background:white;display:inline-block;cursor:pointer;margin:0 0 0 4px}
.news_pagination .news_prev a,.news_pagination .news_next a{color:#7e90ad;width:72px;height:18px;text-align:center;line-height:18px;display:inline-block}
.news_pagination span a{width:13px;height:18px;text-align:center;line-height:18px;font-size:12px;background:white;display:inline-block;cursor:pointer;margin:0 0 0 4px;color:#7e90ad}
.news_pagination span.on a{background:#7e90ad;color:white}
.news_pagination span a:hover{background:#7e90ad;color:white}
.news_pagination .news_prev a:hover , .news_pagination .news_next a:hover{background:#7e90ad;color:white}

.news_list li.blank{height:30px;background:none}
.partner_container{width:100%;max-width:606px;margin:0 auto;padding-top:60px}
.partner_container h2{font-size:36px;padding-bottom:35px}
.partner_list{overflow:auto}
.partner_list li{padding:3px;width:25%;float:left;box-sizing:border-box;margin:0}
.partner_list li img{width:100%}
.contact_container{width:100%;max-width:452px;margin:0 auto;padding-top:130px}
.contact_container h2{font-size:36px;padding-bottom:25px}
.contact_location{overflow:auto}
.contact_location li{float:left;cursor:pointer;width:103px;height:34px;background:url(../images/contact-btn-off.png);line-height:34px;text-align:center;margin-right:10px}
.contact_location li.on{background:url(../images/contact-btn-on.png);color:white}
.contact_location_detail li{display:none;padding-bottom:30px}
.contact_location_detail li div{padding-top:35px}
.contact_location_detail li div p{font-size:16px;line-height:25px;font-weight: 300;}
.contact_location_detail li div p.worktime{font-size: 14px;margin-top: 20px;color: #666;}
/**************add by shadow*******************/
.about_menu{background:#484848;padding:15px 15px 5px}
.about_menu li a{color:#b1b1b1;display:block;float:left;margin:0 10px 5px 0;font-size:12px;height:22px;line-height:22px;opacity:0.8;padding:0 10px;border:1px solid #484848}
.about_menu li.current a,.about_menu li a:hover{background-color:#5a5a5a;opacity:1;border:1px solid #5a5a5a;border-radius:15px;color:#fff}

/****************平板横屏***************/
@media only screen and (min-width:481px){
/* sprite */
.quotes em,.section7 .more em{background-size:200px auto}

/***********************title***************************/
.main .title{top:80px;z-index:100}
.main .title h1{padding:10px 20px;margin:0 0 10px 30px;font-size:20px}

/***********************quotes***************************/
.quotes{position:relative;margin:0 15% 0 20%}
.quotes em{position:absolute;display:block;width:44px;height:30px}
.quotes em.first{left:-70px;background-position:0 0}
.quotes em.last{right:-70px;bottom:-5px;background-position:-60px 0}
.quotes span{display:block;font-size:18px;line-height:22px}


/*******************section commonCnter*************************/
.active .content{bottom:0px}

}


@media only screen and (min-width:769px){	
#fullPage-nav.right{right:15px}
/***********************title***************************/                                                        
.main .title{position:fixed;top:50%;margin-top:-90px;left:9%;width:280px}
.main .title h1{background:none;padding:0;margin:0}
.main .title h1 b,.main .title h1 span,.main .title h1 em,.main .title h1 i{display:inline-block;padding:2px 15px}
.main .title h1 br{display:block;line-height:0}
.main .title h1 b{font-size:30px;height:30px;line-height:30px;background:#df202c;margin-left:20px;font-family:Tahoma, "Microsoft YaHei";font-weight:normal}
.main .title h1 span{font-size:50px;line-height:50px;height:50px;background:#e75861;margin-top:2px;font-family:Tahoma, "Microsoft YaHei"}
.main .title h1 em{font-size:34px;line-height:34px;background:#df202c;margin-top:2px;margin-left:50px}
.main .title h1 i{font-size:20px;line-height:20px;background:#e75861;margin-top:2px;margin-left:36px}
.main .title h1 em,.main .title h1 i{padding-bottom:5px}

}

@media only screen and (min-width:1025px){
/***********************title***************************/
.main .title{left:10%;width:350px}
.main .title h1 b{font-size:30px;line-height:30px;height:30px}
.main .title h1 span{font-size:60px;line-height:60px;height:60px}
.main .title h1 em{font-size:46px;line-height:46px}
.main .title h1 i{font-size:18px;line-height:18px}
.main .title h1 em,.main .title h1 i{padding-bottom:5px}

/**************add by shadow*******************/
.about_menu{padding:20px 0 20px 50px}
.about_menu li a{margin:0 15px 0 0;font-size:14px;height:24px;line-height:24px;padding:0 15px}

}
@media only screen and (max-width:1250px){
.about_company .paragraph_img{padding-right:0;position:relative}
.about_company .paragraph_img img{display:none}
.history_container_lg .upHy,.history_container_lg .nextHy{display:none}


}

@media only screen and (max-width:1150px){
.history_container_lg{margin-left:55px}
.event_container{margin-left:55px}
.news_container{padding-left:30px}
.partner_container{width:70%}
.partner_list li{width:33.333%}
}
@media only screen and (max-width:1050px){
.event_container{margin-left:20px;margin-top:70px}
}
@media only screen and (max-width:1024px){
	
.event_list{margin:0 auto}
.pageNum{margin:0 auto}
.news_list{padding-left:0}
.history_container_lg{padding-top:40px;padding-bottom:40px}
 p.dd{display:block !important}

.news_container{width:568px}
.history_cnt_box{display:none}
.history_container_lg .history_age_box{height:auto}
.history_container_lg .history_age_box .age_line_lg{display:block;left:10px;width:1px;height:100%;background-color:#7e90ad;top:0;z-index:1}
.age_num_lg{padding-bottom:5px}
.age_num_lg{padding-left:0;width:90%}
.age_num_lg li{float:none;width:100%;text-align:left;height:auto;/* border-left:1px solid #7e90ad;*/ position:relative}
.age_num_lg li.up,.age_num_lg li.down{padding:0}
.age_num_lg li span,.age_num_lg li.on span{display:block;margin:0;text-align:left;height:23px;line-height:23px;background:none;color:#868686;padding-left:20px}
.age_num_lg li em.dot{left:7px;top:8px}



}
@media only screen and (max-width:960px){
.honor_container_lg{width:543px;}
.honor_desp{width:375px;padding-left:35px}
.event_list li{width:auto;margin-top:30px;padding:0 10px}
.event_list li span{position:absolute;top:-25px;left:45px}
.event_list li b{position:absolute;top:-25px;left:0;margin-left:0;background:url(../images/blue-circle.png) 30px center no-repeat;padding-right:15px}
.event_list li em{font-size:14px;margin-left:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.event_list .no_bg{background:white}
.news_list li.blank{display:none}
.news_list .no_bg{background:white}
.news_list li b{position:absolute;top:-25px;left:0;background:url(../images/blue-circle.png) 30px center no-repeat}
.news_list li span{position:absolute;top:-25px;margin-left:0;left:45px}
.news_list li{margin-top:30px;width:auto}
.news_list li em{margin-left:0px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;height:20px}
.news_container{width:auto}


}
@media only screen and (max-width:905px){
.contact_container{padding-left:55px;margin:0;box-sizing:border-box}
.contact_location li{width:22%;margin-right:3%;background:url(../images/contact-btn-off.png);background-size:100% 100%}
.contact_location li.on{background:url(../images/contact-btn-on.png);background-size:100% 100%}
}
@media only screen and (max-width:885px){
.honor_container_lg{display:none}	
.honor_container_sm{display:block}
}

@media only screen and (max-width:1300px){
	.pageNum{width:85%;max-width:600px}
	.event_Dl{margin:0 auto}
}
@media only screen and (max-width:768px){
.about_company{width:100%;padding:32px 34px 0 34px;box-sizing:border-box}
.about_company > div > h2{margin-left:-21px}
.about_company > h1{display:none}
.about_values{margin:0 auto}
.title_sm{display:block}
.main .title{top:60px;z-index:100;height:34px}
.main .title h1{background:none;margin:0 0 10px 20px;padding:0;font-size:20px}
.main .title h1 em{display:block;padding:0px 10px;font-size:14px;background-color:#df202c;display:inline-block;height:24px;line-height:24px;}
.main .title h1 i{display:none}
.honor_container_sm{padding-top:30px}
.honor_container_sm .age_line_sm{top:27px}
.event_container h2{display:none}
.event_container{width:90%;margin:0 auto;padding-bottom:30px}
.event_list{padding-top:10px}
.news_container{width:90%;margin:0 auto;padding:0}
.news_container h2{display:none}
.partner_container{width:90%;padding-top:15px;padding-bottom:30px}
.partner_container h2{display:none}
.partner_list li{width:25%}
.contact_container{width:90%;margin:0 auto;padding-top:50px;padding-left:0}
.contact_container h2{display:none}
.contact_location .contact_last{margin:0}
.contact_location li{width:23.5%;margin-right:2%}
.contact_location_detail li div{padding-top:20px}
.contact_location_detail li div span{display:block;margin-left:33px}

/*tracy 2015 5 15 begin*/
.event_list{width:100%}
.pageNum{width:100%}
.pageNum p{float:none;width:290px;margin:0 auto;clear:both;zoom:1}
.pageNum p:before,.pageNum p:after{content:"";display:block}
.pageNum p:after{clear:both}

.pageNum a{margin-right:5px;font-size:14px}
.pageNum a.pageBtn{width:60px;height:30px;line-height:30px}
.pageNum a.num{height:30px;line-height:30px}
.event_Dl .article{font-size:14px}

/*tracy 2015 5 15 end*/

/*tracy 2015 6 9 begin*/
.event_Dl .topic{font-size:22px}
.event_Dl .remark{font-size:14px}
.event_Dl .schedule .ht{font-size:16px}
.event_Dl .schedule ul.dayList li{font-size:14px;padding:5px}
.event_Dl .contact .ht{font-size:16px}
.event_Dl .contact p span{font-size:14px}
/*tracy 2015 6 9 end*/ 
}
@media only screen and (min-width:480px) and (max-width:768px){
.main .title{height:34px}
/*.main .title h1 em{height:40px;line-height:40px;padding:0 20px;font-size:20px}*/
}

@media only screen and (max-width:600px){
.partner_list li{width:33.333%;padding:3px 6px}
.event_Dl .contact p span{display:block;margin-bottom:10px}
}
@media only screen and (min-width:768px){
.main .title{height:50px}
.main .title h1 em{height:40px;line-height:40px;padding:0 20px;font-size:20px}	
}
@media only screen and (min-width:769px){
.main .title h1 em{font-size:30px;height:30px;line-height:30px;letter-spacing:5px;padding:2px 10px 5px 15px}		
.main .title h1 i{letter-spacing:5px;padding:2px 10px 5px 15px}
}
@media only screen and (max-width:480px){
.honor_sm_detail > p{font-size:14px;margin-left:105px}
.partner_list li{width:50%}

.event_Dl{width:90%;padding-top:30px}
.history_container_lg{margin:0;width:100%}
.age_num_lg{margin:0 auto;padding:0}
.history_container_lg .history_age_box{margin-left:0}
.age_num_lg li span, .age_num_lg li.on span{font-size:12px}
.history_container_lg .history_age_box .age_line_lg{display:none}
.age_num_lg li p.dd{margin:5px 0;font-size:14px;line-height:22px}
.news_list{padding:0}
.news_list li em,.event_list li em{width:256px}
}


@media only screen and (min-width:1400px){
.main .title{left:10%}
.about_values{margin:0 auto}
}