@charset "utf-8";
/* CSS Document Edited by Li Lu */
.focus_warp{ position: relative; z-index: 0; width: 100%; height: 672px; background-color: #9e0000; background-position: center top; background-repeat: no-repeat; background-size: cover; background-image: url("../images/index_01.jpg"); color: #fff;background-size: 100% 100% !important;}
.language{ margin-top: 27px; margin-bottom: 16%;}
.cn,.en{ display: block; width: 41px; height: 22px; text-align: center; line-height: 22px; font-size: 12px; text-transform: uppercase; float: right;}
.cn{ background: #fff; color: #000;}
.cn:hover{ background: rgba(255,255,255,.6); color: #000;}
.en{ background: #404040; color: #fff;}
.en:hover{ background: #292929; color: #fff;}
.focus_l{ float: left; padding: 0 100px 0 40px; max-width: 535px;}
.focus_logo{}
.focus_txt{ overflow: hidden; margin-top: 30px;}
.f_txt_des{  font-size: 10px; line-height: 14px; margin-left: 0; max-width: 340px; filter:alpha(opacity=70); opacity:0.70;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .f_txt_des{  max-width:410px; -webkit-transform:scale(0.8); margin-left: -35px; line-height: 18px;}
}
.focus_nav{ float: left; position: relative; padding:0; }
.focus_nav:before{ content: ""; position: absolute; top:0; left:0; width: 1px; height: 93%; background: #c3666d;}
.focus_nav a{ display: block; color: #fff;}
.focus_nav a.a_item0,.f_subclass{ padding-left: 24px; margin-bottom: 20px;}
.focus_nav a.a_item0{ font-size: 18px; line-height: 22px; position: relative;font-family: Arial;}
.focus_nav a.a_item0:before{ content: ""; position: absolute; top:50%; left:0; width: 3px; height: 0; background: #fff;}
.focus_nav a.a_on:before{ top:0; height: 22px;}
.f_subclass{ font-size: 14px; margin-left: -12px; margin-bottom: 25px; display: none;}
.f_subclass a{ display: inline-block; padding: 0 12px;}
.f_subclass a:hover{ color: #ec7b7b;}

main{min-height: 600px; position: relative; }
/*page*/
.page{ text-align: center; border-top: 1px solid #c2c2c2; padding: 30px 0 0; margin: 50px 0 0;}
.page a{ display: inline-block; vertical-align: middle; min-width: 20px; line-height: 14px; font-size: 12px; text-align: center; padding: 2px; border: 1px solid #c2c2c2; margin: 0 3px;}
.page a:hover,.page a.page_cur{ background: #9e0000; color: #fff; border-color: #9e0000;}
.page a.page_btn{ border: none; margin: 0 6px;}
/*about_warp*/
.about_warp{ overflow: hidden; padding: 80px 0;}
.about_l{ padding: 0 70px 0 15px;}
.sec_tit{ font-weight: normal; font-size: 30px; text-align: right;}
.about_info{ padding: 0; line-height: 1.8;}
.about_des{ margin-bottom: 50px;}
.more{ display: block; width: 143px; height: 46px; text-align: center; line-height: 46px; border: 1px solid #898989; font-size: 12px;}
.more span{ display: block; position: relative;}
.more span:before{ content: ""; position: absolute; top:0; left:0; z-index: -1; width: 0; height: 100%; background:rgba(156,33,40,0.6);}
.more:hover{ border-color: #9e0000; color: #fff;}
.more:hover span:before{ width:100%; background:rgba(156,33,40,1.0);}
/*news_warp*/
.news_warp{ overflow: hidden; margin-top: -10px; height: 500px; background: #f5f5f5; position: relative;}
.news_warp:before{ content: ""; position: absolute; bottom: 0; right: 0; width: 50%; height: 125px; background: #d6d6d6;}
.news_img{ padding: 0; height: 500px; background-position: right top; background-repeat: no-repeat; position: absolute; top:0; left:0; z-index: 10;}
.news_img_pad{ padding: 0; display: none;}
.news_rec{ padding: 90px 0 0 60px;}
.n_rec_box{ text-align: justify; padding: 70px 30px 0 0;}
.n_rec_tit{ font-size: 18px; line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 16px;}
.n_rec_des{ line-height: 24px; max-height: 72px; overflow: hidden;}
#sync2{ margin-top: 70px; height: 125px;}
#sync2 .item{ cursor: pointer; text-align: center; font-size: 18px; color: #797979; font-family: arial, helvetica, sans-serif; background: url("../images/ico_dec1.png") center -13px no-repeat;}
#sync2 .item em{ display: block; font-size: 48px; line-height: 48px; padding: 25px 0 10px; font-weight: bold; color: #a1a1a1; font-family: arial, helvetica, sans-serif;}
#sync2 .synced .item{ background-position: center top; color: #9e0000;}
#sync2 .synced .item em{ color: #9e0000;}
/*news_warp2*/
.news_warp2{ padding: 100px 0 60px; background: #9e0000; color: #fff;}
.news_warp2 .sec_tit a{ color: #fff;}
.news_scr{ overflow:hidden; position:relative;}
.news_scr .hd{ border-top: 2px solid #cc9a9d; padding: 20px 0 0; overflow:hidden; }
.news_scr .hd .prev,.news_scr .hd .next{ display:block;  width:23px; height:22px; float:left; margin-right: 20px; overflow:hidden; cursor:pointer; background:url("../images/arrow_01.png") no-repeat;}
.news_scr .hd .prev{ background-position: 3px 0;}
.news_scr .hd .prev:hover{ background-position: 3px -22px; filter:alpha(opacity=70); opacity:0.70;}
.news_scr .hd .next{ background-position: -41px 0;}
.news_scr .hd .next:hover{ background-position: -41px -22px; filter:alpha(opacity=70); opacity:0.70;}
.news_scr .hd .pageState{ float: right; font-size: 18px;}
.news_scr .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; display: none; }
.news_scr .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.news_scr .hd ul li.on{ background-position:0 0; }
.news_scr .bd{ }
.news_scr .infoList li{ margin-bottom: 50px; text-align: justify;}
.news_scr .infoList li a{ display: block; color: #fff; }
.n_scr_tit{ font-size: 18px; line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 15px; background: url("../images/ico_dec2.gif") -30px center no-repeat;}
.n_scr_des{ line-height: 24px; max-height: 48px; overflow: hidden;}
.news_scr .infoList li:hover{ filter:alpha(opacity=80); opacity:0.80;}
.news_scr .infoList li:hover .n_scr_tit{ background-position: left center; padding-left: 14px;}
/*img_show*/
.img_show{}
.img_show li{ padding: 0; overflow: hidden;}
.show_box{ overflow: hidden;}

/*sub_box*/
.sub_box{ position: relative;}
.sub_l{ max-width: 220px; padding: 50px 0 0 0;}
.sub_tit{font-weight: bold; font-size: 30px; margin-bottom: 60px;}
.sub_nav{ position: relative;}
.sub_nav:before{ content: ""; position: absolute; top:0; left:0; width: 6px; height: 100%; background: #e3e3e3;}
.sub_nav li{ font-size: 16px; height: 60px; line-height: 60px; border-bottom: 1px solid #d2d2d2;}
.sub_nav li a{ display: block; position: relative; padding-left: 30px;}
.sub_nav li a:before{ content: ""; position: absolute; top:50%; left:0; width: 6px; height: 0; background: #e3e3e3;}
.sub_nav li.sub_cur a:before,.sub_nav li:hover a:before{ top:0; height: 100%; background: #b91a1a;}
.sub_nav li.sub_cur a,.sub_nav li:hover a{ color: #f57f86;}
.sub_info{ margin-top: 110px;}
.sub_info li{ font-size: 16px; line-height: 25px; margin-bottom: 10px;}
.i_ico{ display: inline-block; vertical-align: middle; width: 25px; height: 25px; overflow: hidden; margin-right: 12px; position: relative;}
.i_ico img{ position: absolute;}
.i_ico img.ico_colorful{ filter:alpha(opacity=0); opacity:0; left:-100%;}
.sub_info li:hover .i_ico{ margin-left: 5px;}
.sub_info li:hover .i_ico img.ico_colorful{ left:0; filter:alpha(opacity=100); opacity:1;}
#portamento_container .sub_l {float:none; position:absolute;}
#portamento_container .sub_l.fixed {position:fixed;}
/*sub_r*/
.sub_r{ float: right; padding: 0 0 0 40px;}
.r_box{ background: #f1f1f1; /*min-height: 800px;*/ max-width: 940px; float: right;}
.r_con{ padding: 60px 70px;}
/*intro*/
.intro{ line-height: 2; text-align: justify;}
.intro [class*=col-]{ padding: 0;}
.intro [class*=col-].i_txt_dif1{ padding-right: 30px;}
.intro [class*=col-].i_img_dif1 img{ float: right;}
.intro [class*=col-].i_txt_dif2{ padding-left: 30px; float: right;}
.intro [class*=col-].i_img_dif2 img{ float: left;}
/*team*/
.team{ overflow: hidden;}
.team_rec{ margin-bottom: 40px;}
.t_rec_img{ width: 198px; float: left; margin-right: 45px;}
.t_rec_info{ overflow: hidden;}
.t_rec_tit{ font-size: 18px; line-height: 30px; margin-bottom: 20px;}
.t_rec_tit em{ display: block;}
.t_rec_des{ font-size: 12px; line-height: 22px; color: #666; text-align: justify;}
.team_list{ margin: 0 -15px; overflow: hidden;}
.team_area{ margin-top: 30px;}
.team_area a{ display: block; max-width: 198px; font-size: 18px; line-height: 24px; position: relative;}
.team_area a:before{ content: ""; position: absolute; bottom:0; left:0; width: 100%; height:0; background:#fff;}
.team_img{ overflow: hidden; position: relative; margin-bottom: 20px;}
.team_img:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background:rgba(255,255,255,0);}
.team_img:after{ content: ""; position: absolute; top:50%; left:-50%; margin: -15px 0 0 -15px; width: 29px; height: 29px; background:url("../images/arrow_02.png") left 0 no-repeat;}
.team_area a em{ display: block; font-size: 12px; color: #666;}
.team_item{ position: relative; padding-bottom: 5px;}
.team_area:hover a .team_img:before{  background:rgba(255,255,255,0.3);}
.team_area:hover a .team_img:after{ left:50%;}
.team_area:hover a:before{ height: 100%;}
.team_area:hover .team_item{ padding-left: 10px;}
/*cooper*/
.cooper{ overflow: hidden;}
.cooper_list{ margin-top: -50px;}
.cooper_list li{ overflow: hidden; margin-top: 50px; text-align: justify;}
.cooper_list li a{ display: block;}
.cooper_img{ width: 166px; float: left; margin-right: 20px;}
.cooper_info{ overflow: hidden;}
.cooper_tit{ font-size: 16px; margin-bottom: 16px; background: url("../images/ico_dec4.png") -20px center no-repeat;}
.cooper_des{ font-size: 12px; line-height: 18px; max-height: 54px; overflow: hidden; color: #666;}
.cooper_list li:hover .cooper_tit{ padding-left: 22px; background-position: left center;}
/*business*/
.business{}
.business_tit{ font-size: 24px; margin-bottom: 30px;}
.business_item{ font-size: 18px; line-height: 30px; padding-bottom: 30px; border-bottom: 1px solid #000; margin-bottom:40px;}
.business_list{ }
.business_list li{ font-size: 14px; line-height: 24px; color: #454545; margin-bottom: 40px; background: url("../images/ico_dec5.png") left 6px no-repeat; padding-left: 20px;}
/*trends*/
.trends{ overflow: hidden;}
.trends_list{ margin:-40px -30px;}
.trends_list li{ overflow: hidden; padding:40px 30px; border-bottom: 1px solid #c2c2c2; position: relative;}
.trends_tit{ margin-bottom: 20px;}
.trends_tit a{ display: inline-block; font-size: 18px; line-height: 24px; height: 24px; overflow: hidden; color: #9e0000; margin-left: 20px; position: relative; max-width:270px;}
.trends_tit a:before{ content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: #9e0000; z-index:0; }
.date{ display: inline-block; vertical-align: bottom; text-transform: uppercase; font-family: arial, helvetica, sans-serif; color: #9e0000;}
.date em{ display: inline-block; width: 39px; height: 30px; line-height: normal;  font-size: 14px; font-weight: bold; background: #f1f1f1; vertical-align: top;  margin: -2px 0 0; position: relative; z-index: 1;}
.date i{ display: inline-block; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 27px; border:3px solid #9e0000;  margin: 0 0 0 -39px; position: relative; overflow: hidden;}
.date i b{ font-weight: normal; position: relative; z-index: 2; display: inline-block; overflow: hidden;}
.trends_des{ font-size: 12px; color: #666; line-height: 18px; max-height: 54px; overflow: hidden; margin-bottom: 20px;}
.more2 { display: block; float: right; position: relative; width: 46px; height: 16px; text-align: center; line-height: 15px; font-size: 13px; font-family: arial, helvetica, sans-serif; color: #fff; }
.more2 span{ display: inline-block; position: relative; z-index: 10;}
.more2::before, .more2::after {content: ''; position: absolute; top: 0;left: 0;width: 100%;height: 100%; z-index:0; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);}
.more2::before {border: 1px solid #9e0000;}
.more2::after {background: #c9c9c9;}
.trends_list li:hover .more2{ color: #9e0000;}
.trends_list li:hover .more2::before {transform: scale3d(1, 1, 1);}
.trends_list li:hover .more2::after {background-color: transparent;}
.more2::before, .more2:hover::after {webkit-transform: scale3d(0.7, 0.7, 1);transform: scale3d(0.7, 0.7, 1);}
.trends .page{ border:none;}
.trends_list li:hover .trends_tit a{ margin-left: 25px;}
.trends_list li:hover .trends_tit a:before{ width: 100%; left:0;}
/*article*/
.article{ line-height: 2; text-align: justify;}
.article_tit{ text-align: center; font-size: 24px; padding-bottom: 60px; border-bottom: 1px solid #d8d8d8; margin-bottom: 40px;}
.article_page{ margin-top: 60px; padding-top: 20px; border-top: 1px solid #d8d8d8;}
.article_page div{ overflow: hidden; line-height: 22px; margin-bottom: 10px;}
.article_page div a{ display: inline-block; color: #666;}
.article_page div.page_prev a{ background: url("/images/arrow_03a.png") left 22px no-repeat;}
.article_page div.page_next a{ background: url("/images/arrow_03b.png") left -22px no-repeat;}
.article_page div a:hover{ color: #9e0000; padding-left: 32px; background-position: left center;}
.article img{ display: inline-block;}
/*contact*/
.contact{}
.contact_sec1{ overflow: hidden; background: #fff; border-left: 6px solid #9e0000; margin-bottom: 50px;}
.contact_info{ float: left; padding: 35px 0 0 35px;}
.info_tit{ font-weight: bold; font-size: 16px; color: #000; margin-bottom: 30px;}
.info_tit em{ color: #9e0000;}
.info_txt{}
.info_txt li{ line-height: 20px; margin-bottom: 4px; color: #666;}
.contact_map{ max-width: 460px; float: right; padding: 0; background: #000; position: relative;}
.contact_map:before{ content: ""; position: absolute; top:50%; left: 0; margin-top: -8px; z-index: 1; width: 7px; height: 15px; background: url("../images/ico_dec7.png") no-repeat;}
.map_img{ filter:alpha(opacity=50); opacity:0.50;}
.map_sign{ position: absolute; top:50%; left: 50%; margin: -35px 0 0 15px;}
.message{}
.message_tit{ font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8;}
.message_tip{ font-size: 12px; color: #838383; padding: 15px 0;}
.message_form{ margin: 15px 0 0;}
.m_sign{ display: inline-block; vertical-align: middle; margin-bottom: 25px;}
.m_line{ display: inline-block; vertical-align: middle; margin-left: 15px; margin-bottom: 25px;}
.m_line label{ font-size: 12px; font-weight: normal;}
.m_txt{ width: 155px; height: 34px; padding: 9px 0 9px 12px; background: #fff; border:1px solid #dcdcdc; font-size: 12px;}
.m_txt:hover,.m_txt:focus{ box-shadow: 0 0 8px 1px #d3d3d3;}
.line_company .m_txt{ width: 195px;}
.m_yu{ display: block; width: 100%; height: 125px; resize: none; margin-bottom: 25px;}
.m_submit { cursor: pointer; display: block; position: relative; width: 114px; height: 35px; text-align: center; line-height: 15px; font-size: 12px; color: #fff; }
.m_submit::before, .m_submit::after {content: ''; position: absolute; top: 0;left: 0;width: 100%;height: 100%; z-index:0; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);}
.m_submit::before {border: 1px solid #9e0000;}
.m_submit::after {background: #9e0000;}
.m_submit:hover::before {transform: scale3d(1, 1, 1);}
.m_submit:hover::after {background-color: transparent;}
.m_submit::before, .m_submit:hover::after {webkit-transform: scale3d(0.7, 0.7, 1);transform: scale3d(0.7, 0.7, 1);}
.submit_btn{ width: 100%; height: 100%; position: relative; z-index: 10; color: #fff;}
.m_submit:hover .submit_btn{ color: #000;}
/*site_map*/
.site_main{ background: #f1f1f1;}
.site_map{ width: 73%; max-width: 880px; margin: 0 auto; padding: 100px 0 150px;}
.site_tit{ text-align: center; font-size: 30px; padding-bottom: 30px; border-bottom: 1px solid #c9c9c9; margin-bottom: 40px;}
.site_nav{ overflow: hidden; margin: 0 -15px;}
.site_nav li{ width: 25%; float: left; padding: 0 15px;}
.site_nav li a{ display: block; max-width: 160px; height: 46px; position: relative; line-height: 44px; font-size: 18px; color: #000; text-align: center; margin:0 auto 10px;}
.site_nav li a span{ position: relative; z-index: 10;}
.site_nav li a.s_item0{ color: #fff; margin-bottom: 28px;}
.site_nav li a::before, .site_nav li a::after {content: ''; position: absolute; top: 0;left: 0;width: 100%;height: 100%; z-index:0; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);}
.site_nav li a::before {border: 1px solid #d8d8d8;}
.site_nav li a::after {background: #d8d8d8;}
.site_nav li a.s_item0::before {border: 1px solid #9e0000;}
.site_nav li a.s_item0::after {background: #9e0000;}
.site_nav li a:hover{ color: #000;}
.site_nav li a.s_item0:hover{ color: #9e0000;}
.site_nav li a:hover::before {transform: scale3d(1, 1, 1);}
.site_nav li a:hover::after {background-color: transparent;}
.site_nav li a::before,.site_nav li a:hover::after {webkit-transform: scale3d(0.7, 0.7, 1);transform: scale3d(0.7, 0.7, 1);}
/*from*/
.from{ font-size: 12px; margin-top: 40px;color: #666;}
.from_tit{ float: left; width: 100px; font-size: 12px;}
.from_list{ overflow: hidden;}
.from_list li{ float: left; line-height: 20px; height: 20px; overflow: hidden; padding: 0 10px; margin-bottom: 10px;}





/*.body_index main,.sec_tit,.focus_txt,.focus_nav,.navbar,.sub_tit,.info_tit,footer{font-family:'PingFang SC Regular';}*/
.navbar,
.dropdown-menu,
#sync2 .item,
.n_scr_tit,
.public_num li a span,
.news_scr .infoList li,
.i_ico,.i_ico img,
.cooper_tit,
.date i,.date em{transition:all 0.4s ease;-webkit-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;-ms-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;}
.team_img:after,.team_item{transition:all 0.6s ease;-webkit-transition: transition:all 0.6s ease;-moz-transition: transition:all 0.6s ease;-ms-transition: transition:all 0.6s ease;-moz-transition: transition:all 0.6s ease;}

@media (max-width: 1199px){
    /*contact*/
    .contact_sec1{ padding: 30px 0 30px 30px;}
    .contact_info{ margin-bottom: 20px;}
    .contact_info,.contact_map{ float: none; padding: 0;}
    .m_sign{ display: none;}
    .m_line{ display: block; margin-left: 0; margin-bottom: 20px;}
    .m_line .m_txt{ width: 195px;}
    /*trends*/
    .trends_tit a{ max-width: 440px;}
}

@media (max-width: 991px){
    .focus_l{ padding: 0 40px;}
    .about_warp{ padding: 40px 0;}
    .news_warp{ height: auto;}
    .news_warp:before{ width: 100%;}
    .news_img{ display: none;}
    .news_img_pad{ display: block;}
    .news_rec{ padding:40px 0 0;}
    .n_rec_box{ padding: 20px 0 0;}
    #sync2{ margin-top: 40px;}
    .news_warp2{ padding: 40px 0;}
    /*intro*/
    .intro [class*=col-].i_txt_dif1,.intro [class*=col-].i_txt_dif2{ padding:0;}
    .intro [class*=col-].i_img_dif1,.intro [class*=col-].i_img_dif2{ display: none;}
    /*team*/
    .t_rec_img{ float: none; margin: 0 0 20px;}
    /*trends*/
    .trends_tit a{ max-width: 335px;}
    /*site_map*/
    .site_map{ width: 100%;}

    .sub_l{ max-width: 187px;}
    .r_con{ padding: 30px 40px;}
}

@media (max-width: 767px) {
    /*focus_warp*/
    .focus_warp{ height: 532px;background-size: auto 100% !important;background-position-x:-50px;}
    .focus_l{ padding: 0; float: none;}
    .focus_txt{ display: none;}
    .focus_logo{ margin: 0 auto; max-width: 220px;}
    .focus_nav{ float: none; max-width: 350px; margin: 40px auto 0; width: 100%;}
    .language{ margin-bottom: 20px;}
    /*about*/
    .about_l {margin-bottom: 20px; padding-right: 0; }
    /*trends*/
    .trends_list{ margin: -20px;}
    .trends_list li{ padding: 20px;}
    .date{ display: block;  margin-bottom:6px;}
    .trends_tit a{ margin: 0; max-width: none;}
    .trends_list li:hover .trends_tit a{ margin-left: 5px;}
    /*cooper*/
    .cooper_list{ margin:-15px -10px;}
    .cooper_list li{ margin: 0; width: 50%; float: left; padding:15px 10px;}
    .cooper_list li a{ max-width: 242px; margin: 0 auto;}
    .cooper_img{ width: 100%; float: none; margin: 0 0 16px;}
    .cooper_img img{ margin: 0 auto;}
    .cooper_info{ text-align: center;}
    .cooper_tit{ display: inline-block;}
    .cooper_des{ text-align: justify;}
    /*team*/
    .team_area a{ margin: 0 auto;}
    /*site_map*/
    .site_nav{ margin: -15px;}
    .site_nav li{ width: 50%; padding: 15px;}
    .site_nav li a{ font-size: 16px;}

    #portamento_container .sub_l.fixed,#portamento_container .sub_l{ position: inherit; position: initial; top:0; padding-top: 40px;}
    .sub_tit{ margin-bottom: 30px;}
    .sub_info{ display: none;}1
    .sub_l{ width:100%; max-width: none; float: none;}
    .sub_nav{ overflow: hidden; margin-bottom: 20px; padding-left: 6px;}
    .sub_nav:before{ background-color: #a20e24; width: 3px;}
    .sub_nav li{ height: auto; line-height: normal; float: left; width: 20%; border: none;}
    .sub_nav li a{ max-width: 30px; text-align: center; padding: 0;}
    .sub_nav li a:before{ display: none;}
    .sub_r{ float: none; padding:0;}
    .r_con{ padding: 30px 20px;}
    .contact_sec1{ background: none; border:none; padding: 0;}

    #sync1{ display: block;}
}
@media (max-width: 413px) {
    .team_area{ width: 100%;}
    .focus_warp{background-position-x: -72px;}
}
@media (max-width: 320px) {
    .focus_warp{height: 484px;}
}
/*图片划过样式*/
.img_show li img{
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 600ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 600ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 600ms;
	width: 100%;
}
.img_show li:hover img{
	-webkit-transform: scale(1.11, 1.11);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 600ms;
	-moz-transform: scale(1.11, 1.11);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 600ms;
	transform: scale(1.11, 1.11);
	transition-timing-function: ease-out;
	transition-duration: 600ms;
	position: relative;
	z-index: 3;
}
aa{
	display: block;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
    width: 100%;
    transition:all 0.8s ease;-webkit-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;-ms-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;
}
.aa {
	opacity: 1.0;
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0);
}
.dis {
	display:none;
}
.show{ display: block;}
.bg_no {
	background:none;
}
.col_red{ color: #e02d39;}