@charset "utf-8";
/* CSS Document */

* {margin: 0;padding: 0; }
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: none;font: 15px/1.6; font-family: -apple-system, BlinkMacSystemFont, sans-serif;background: #fff;color: #353535;position:relative; padding-top:168px; -webkit-transition:padding 0.5s; overflow-x:hidden; box-sizing:border-box; font-family: 'PT-Root-UI-Light-2.otf';}
ul, ol, li {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none;color: #3a3a3a;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: 0;-ms-interpolation-mode: bicubic;display:block;max-width:100%;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* hides from IE-mac */
* html .clearfix {height: 1%}
.clearfix {display: block}

@font-face{
    font-family: 'PT-Root-UI-Light-2.otf';
    src : url('../otf/pt-root-ui-light-2.otf');
}

/* End hides from IE-mac */


/*PC端样式*/

/*PC端头部*/
.head{ background:#fff; width:100%; position:fixed; top:0; left:0; z-index:9999999; box-shadow:0px 15px 30px -15px rgba(0,0,0,0.1);}

.head_top{ background:#221815; width:100%; padding:10px 8%; box-sizing:border-box; -webkit-transition:margin 0.5s; display:flex; align-items:center; justify-content:space-between;}
.head_top{ }
.head_top .head_top_l{ display:flex; align-items:center;}
.head_top .head_top_l .ul_share{ display:flex; align-items:center;}
.head_top .head_top_l .ul_share li{}
.head_top .head_top_l .ul_share li a{ display:block; width:18px; margin-right:15px;}
.head_top .head_top_l .search{ display:flex; align-items:center; border:1px solid rgba(255,255,255,0.8); border-radius:5em; padding:0px 7px; height:26px; position:relative; -webkit-transition: padding 0.8s;}
.head_top .head_top_l .search input{ background:none; border:none; font-size:14px; line-height:26px; width:0px; color:#fff; -webkit-transition: width 0.8s ease;}
.head_top .head_top_l .search .ss_icon{ width:8px; height:8px; display:block; border-radius:100%; border:2px solid #fff; position:relative; cursor:pointer;}
.head_top .head_top_l .search .ss_icon:after{ position:absolute; content:""; display:block; width:2px; height:5px; background:#fff; transform:rotate(-45deg); border-radius:1px; bottom:-5px; right:-2px;}
.head_top .head_top_l .search .clo_ss{ position:absolute; right:-32px; width:24px; top:50%; margin-top:-12px; display:none; cursor:pointer;}

.head_top .head_top_l .search_on{ padding:0px 10px;}
.head_top .head_top_l .search_on input{ width:200px;}
.head_top .head_top_l .search_on .clo_ss{ display:block;}

.head_top .head_top_r{ display:flex; align-items:center; font-size:12px;}
.head_top  .a_navt{ display:flex; align-items:center; padding:0 15px; border-right:1px solid #918c8a; height:28px;}
.head_top  .a_navt img{ margin-right:6px; height:14px;}
.head_top  .a_navt span{ color:#fff;}
.head_top  .language{ position:relative;}
.head_top  .language .a_navt{ border-right:none; cursor:pointer; padding-right:26px; position:relative; }
.head_top  .language .a_navt .b_jt{ position:absolute; right:10px; top:50%; margin-top:-4px; display:inline-block; width:4px; height:4px; border-width:0px 2px 2px 0px; border-color:#fff; border-style:solid; transform:rotate(45deg); -webkit-transition: transform 0.3s, margin 0.3s;}
.head_top  .language .a_navt .b_jt_on{ transform:rotate(225deg); margin-top:0px;}
.head_top  .language .ul_yuyan{ position:absolute; top:38px; left:0; width:100%; background:#40322f; padding:6px 0; display:none; z-index:9;}
.head_top  .language .ul_yuyan li{ }
.head_top  .language .ul_yuyan li a{ color:#fff; display:block; padding:6px 15px; -webkit-transition: background 0.3s,color 0.3s;}
.head_top  .language .ul_yuyan li a:hover{ background:#f6d300; color:#2a2a2a;}
.head_top  .a_bor{ color:#fff; border:1px solid #fff; line-height:26px; width:70px; text-align:center; margin-left:6px; -webkit-transition: background 0.3s,color 0.3s, border 0.3s;}
.head_top  .a_bor:hover{ background:#f6d300; color:#2a2a2a; border-color:#f6d300;}

.head_top  .p_name{ color:#fff; margin-left:16px;}

.head_con{ width:100%; padding:0px 8%; box-sizing:border-box; margin:0 auto; position:relative; display:flex; align-items:center; justify-content:space-between;}
.head_con .head_logo{ width:160px; -webkit-transition:width 0.5s; display:block;}
.head_con .head_logo img{}
.head_con .ul_nav{ display:flex; align-items:center;}
.head_con .ul_nav .li_nav{ text-align:center;}
.head_con .ul_nav .li_nav .a_nav{ display:block; padding:53px 50px; -webkit-transition:padding 0.3s; box-sizing:border-box; position:relative;}
.head_con .ul_nav .li_nav .a_nav span{ font-weight:bold; font-size:15px; line-height:1em; color:#2a2a2a; display:block; text-align:center; -webkit-transition:margin 0.3s,transform 0.3s; width:100%; display:block;}
.head_con .ul_nav .li_nav_on .a_nav:after{ position:absolute; content:""; background:#f3d600; height:3px; width:100%; bottom:0px; left:0;}
.head_con .ul_nav .li_nav_on .a_nav span{ color:#f6d300; transform:scale(1.7,1.7);}
.head_con .ul_nav .li_nav:hover .a_nav span{ color:#f6d300; transform:scale(1.7,1.7);}

.head_con .ul_nav .li_nav .div_nav{ position:absolute; background:#f5f5f5; display:none; z-index: 99999999;}

.head_con .ul_nav .li_nav .div_nav_pro{ width:100%; left:0; text-align:left; padding:40px 0 20px;}
/* .head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex{ display:flex; justify-content:space-between; width:1200px; margin:0 auto;} */
/* .head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex {display: flex;width: 100%;margin: 0 auto;justify-content: space-around;}   justify-content: space-between;*/
.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex {display: flex;width: 100%;margin: 0 auto; flex-wrap: wrap;padding:0 40px !important;box-sizing: border-box;}

.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro{ width:360px; margin-bottom: 40px;}


/* .head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro .h2_pro_title{ font-size:26px; position:relative; line-height:1em; padding:12px 0; margin-bottom:24px;} */
.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro .h2_pro_title {font-size: 20px;position: relative;line-height: 1em;padding: 12px 0;margin-bottom: 24px;min-height: 45px;}
.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro .h2_pro_title span{ position:absolute; bottom:0; left:0; width:20%; height:2px; background:#f6d300;-webkit-transition:width 0.6s ease;}
.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro:hover .h2_pro_title span{ width:100%;}
.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro li{ border-bottom:1px solid #e2e2e2;}
.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro li:last-child{ border:none;}
.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro li a{ display:flex; align-items:center; justify-content:space-between; color:#999; padding:8px 0; -webkit-transition:color 0.3s;}
.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro li a p{}
.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro li a span{}
.head_con .ul_nav .li_nav .div_nav_pro .div_nav_pro_flex .ul_pro li a:hover{ color:#2a2a2a;}

.head_con .ul_nav .li_nav .div_nav_sol{ text-align:left; padding:15px 15px; width:200px; box-sizing:border-box;}
.head_con .ul_nav .li_nav .div_nav_sol .ul_pro{}
.head_con .ul_nav .li_nav .div_nav_sol .ul_pro li{}
.head_con .ul_nav .li_nav .div_nav_sol .ul_pro li a{ display:flex; align-items:center; padding:12px 0; color:#999; -webkit-transition:color 0.3s;}
.head_con .ul_nav .li_nav .div_nav_sol .ul_pro li a span{ width:4px; height:4px; display:block; background:#999; border-radius:100%; margin-right:8px;}
.head_con .ul_nav .li_nav .div_nav_sol .ul_pro li a p{}
.head_con .ul_nav .li_nav .div_nav_sol .ul_pro li a:hover{ color:#2a2a2a;}
.head_con .ul_nav .li_nav .div_nav_sol .ul_pro li a:hover span{ background:#2a2a2a;}

.head_con .ul_nav .li_nav:hover .div_nav{ display:block; -webkit-animation:nav_down 0.8s ease 0s forwards; }
@-webkit-keyframes nav_down {
0% {opacity:0;-webkit-transform:translateY(-10px);}
100% {opacity:1;-webkit-transform:translateY(0px);}
}

.body_jq{ padding-top:60px;}
.head_top_jq{ margin-top:-48px; -webkit-animation:none 0.2s ease 0s forwards;}
@-webkit-keyframes none {
0% { opacity:1; display:block;}
100% { opacity:0; display:none;}
}
.head_con .head_logo_jq{ width:100px;}
.head_con .ul_nav .li_nav .a_nav_jq{ padding:23px 50px;}
.head_con .ul_nav .li_nav .a_nav_jq span{ transform:scale(1,1);}

.head_con .ul_nav .li_nav:hover .a_nav_jq span{ transform:scale(1,1);}

/*PC端尾部*/
.footer{ width:100%; background:#221815; box-sizing:border-box; max-width:1920px; margin:50px auto 0;}

.footer .footer_nav{ border-bottom:1px solid #636363; width:100%; padding:60px 8% 56px; box-sizing:border-box; margin:0 auto; display:flex; justify-content:space-between; }
.footer .footer_nav .footer_nav_l{ display:flex; flex:1; }
.footer .footer_nav .ul_foot{ margin-right:6%; width:auto;}
.footer .footer_nav .ul_foot h2{ color:#f6d300; font-size:16px; font-weight:600; margin-bottom:12px;}
.footer .footer_nav .ul_foot li{ margin-bottom:4px;}
.footer .footer_nav .ul_foot li a{ color:#fff; font-size:12px; padding:4px 0; display:block;}
.footer .footer_nav .ul_foot li:hover a{ text-decoration:underline;}

.footer .footer_nav .ul_follow{ }
.footer .footer_nav .ul_follow h2{ color:#f6d300; font-size:16px; font-weight:600; margin-bottom:12px;}
.footer .footer_nav .ul_follow li{ display:inline-block; margin-right:8px;}
.footer .footer_nav .ul_follow li a{}
.footer .footer_nav .ul_follow li a img{ height:24px;}

.footer .footer_con{ display:flex; align-items:center; justify-content:space-between; padding:0px 8%; margin:0 auto; }
.footer .footer_con .p_copy{ color:#fff; flex:1; font-size:12px;}
.footer .footer_con .p_copy .a_beian{ color:#fff;}
.footer .footer_con .p_copy .a_mainweb{ color:#fff; transform:scale(0.7,0.7); opacity:0.1; display:inline-block;}
.footer .footer_con .foot_r{ position:relative;}
.footer .footer_con .foot_r .p_letter{ background:#f6d300; color:#2a2a2a; font-size:24px; font-weight:500; line-height:1em; padding:18px 120px 18px 60px; position:relative; cursor:pointer;}
.footer .footer_con .foot_r .p_letter span{ position:absolute; right:60px; top:50%; margin-top:-10px; display:inline-block; border:solid transparent; border-bottom-color:#2a2a2a; border-width:8px 8px; -webkit-transition:margin 0.3s,transform 0.3s;}

.footer .footer_con .foot_r .p_letter_on span{ transform:rotate(180deg); margin-top:-4px;}

.footer .footer_con .foot_r .div_letter{ position:absolute; bottom:60px; background:#353535; padding:20px; display:none;}
.footer .footer_con .foot_r .div_letter h2{ color:rgba(255,255,255,0.8); margin-bottom:20px;}
.footer .footer_con .foot_r .div_letter input{ display:block; width:100%; box-sizing:border-box; margin-bottom:20px; padding:6px 1em;}
.footer .footer_con .foot_r .div_letter p{ display:flex; align-items:center;}
.footer .footer_con .foot_r .div_letter p span{ color:#888; font-size:12px; margin-left:18px;}
.footer .footer_con .foot_r .div_letter p a{ background:#f6d300; color:#2a2a2a; padding:8px 12px; border-radius:5px; cursor:pointer;}
.bgcccc{background: #ccc !important;}

/*侧边栏-新闻-故事*/
.float_right{ position:fixed; right:-360px; top:180px; z-index:999999; display:flex; -webkit-transition: right 1s;}
.float_right .float_btn{} 
.float_right .float_btn p{ width:1em; word-break:break-all; display:block; text-align:center; background:#e2e2e2; color:#666; border-radius:8em 0 0 8em; padding:1em 15px 1em 30px; margin-bottom:4px; cursor:pointer; font-weight:bold; box-shadow:0px 15px 30px -15px rgba(0,0,0,0.2); position:relative; border:1px solid #e2e2e2; border-right:none; font-size:13px;}   
.float_right .float_btn p:after{ position:absolute; content:""; width:1px; height:100%; background:#e2e2e2; display:block; right:-1px; top:0; z-index:9;}
.float_right .float_btn .btn_on{ background:#fff; color:#2a2a2a;} 
.float_right .float_btn .btn_on:after{ background:#fff;}
.float_right .float_con{ background:#fff; width:360px; box-sizing:border-box; padding:30px; border-radius:0px 0px 0px 5px; box-shadow:0px 15px 30px -15px rgba(0,0,0,0.2); border:1px solid #e2e2e2; border-right:none; position:relative; display:none;}
.float_right .float_con .fl_main{ display:block; padding-bottom:15px; border-bottom:1px solid #e2e2e2; margin-bottom:15px;}
.float_right .float_con .fl_main span{ color:#999; margin-bottom:8px; display:block;}
.float_right .float_con .fl_main .fl_main_img{ width:300px; height:160px; overflow:hidden; margin-bottom:12px;}
.float_right .float_con .fl_main h2{ font-weight:600; font-size:16px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:10px;}
.float_right .float_con .fl_main p{ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:1.5em; font-size:12px; color:#666;}
.float_right .float_con .fl_main b{ font-size:12px; color:#999; font-weight:normal;}
.float_right .float_con .p_other{ font-size:12px; margin-bottom:12px; color:#999;}
.float_right .float_con .ul_other{}
.float_right .float_con .ul_other li{ margin-bottom:10px;}
.float_right .float_con .ul_other li a{ display:flex; align-items:center;}
.float_right .float_con .ul_other li a .other_img{ width:60px; margin-right:12px;}
.float_right .float_con .ul_other li a h2{ flex:1; font-size:12px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.float_right .float_con_block{ display:block;}
.float_right_jq{ right:0px; }


/*返回顶部*/
.top{position: fixed; right:30px;bottom:72px;z-index: 9999;}
.top .top_dw{}
.top .top_dw a{display:block;}
.top .top_dw a img{display:none; width:50px;opacity:0.8;}