@charset "UTF-8";
@font-face{font-weight:400;font-style:normal;font-family:PingFang;src:url(../fonts/PingFangSCRegular.woff2) format("woff2"),url(../fonts/PingFangSCRegular.woff) format("woff"),url(../fonts/PingFangSCRegular.eot) format("embedded-opentype"),url(../fonts/PingFangSCRegular.svg) format("svg"),url(../fonts/PingFangSCRegular.otf) format("opentype")}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
body,html{color:#555;cursor:url(../images/cursor.png),auto}
html{font-size:14px;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;font-family:pingfang,Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none}
h1,h2,h3,h4,h5,h6,p{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0}
input,textarea{margin:0;padding:0;outline:0;border-radius:0;-webkit-appearance:none}
select{border:solid 1px #000;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:14px}
select::-ms-expand{display:none}
a,a:active{color:#333}
a:hover,
.slick-dots button:hover{color:#d81718;cursor:url(../images/cursor_hover.png),auto}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;noline:-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
:focus,a:focus{outline:0;-moz-outline:none}
table,td,th{border-collapse:collapse;border-spacing:0}
.ul,.ul li{list-style:none}
hr{margin:0;padding:0;height:1px;border:0;background-color:#000;color:#000}
img{max-width:100%;border:none;vertical-align:middle}
.Ispic{background-position:center center;background-size:cover;background-repeat:no-repeat}
pre{margin:0;text-align:justify;text-justify:inter-ideograph;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
.clear{clear:both;overflow:hidden;height:0;font-size:0;line-height:0;zoom:0}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
.clearfix{zoom:1}
.dot{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.ytable{display:table;width:100%;height:100%;table-layout:fixed}
.ytable-cell{display:table-cell;vertical-align:middle}
.none{display:none}
.hidden{visibility:hidden}
.fl{float:left}
.fr{float:right}
.slick-slider{position:relative;display:block;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0}
.slick-list: focus{outline:0}
.slick-list.dragging{cursor:url(../images/cursor_hover.png),auto}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;display:none;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide .slick-loading img{display:none}
.slick-slide .dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow{cursor:url(../images/cursor.png),auto}
.slick-arrow:hover{cursor:url(../images/cursor_hover.png),auto}
.slick-arrow .slick-hidden{display:none}
.w1400{margin:0 auto;width:96%;max-width:1400px}

.guide_index{ position: relative;}
.guide_img{ background-position: center; background-repeat: no-repeat; background-size: cover; height: 900px;}
.guide_img img{ display: none;}
.guide_info{ position: absolute; left: 50%; width: 595px; transform: translateX(-50%); max-width: 100%; bottom: 10%;}
.guide_info .pic{ position: relative; width: 100%; padding-top: 98.994%; max-width: 100%;}
.guide_info .pic img{ position: absolute; left: 50%; top: 50%; transition: all 0.5s; transform: translate(-50%,-50%);opacity: 0;}
.guide_info dt,
.guide_info dd{ position: absolute; text-align: center; opacity: 0; transition: all 1.2s;}
.guide_info dt{ left: 50%; top: 50%; width: 78px; margin-left: -39px; height: 81px; margin-top: -25px;}
.guide_info dd b{ text-align: center; color: #fff; font-size: 24px; display: block; font-weight: normal; margin-top: 5%;text-shadow: 0.1em 0.1em 0.2em black}
.guide_info dd{ width: 36%;}
.guide_info .dd1{left: 0;top: 35%;}
.guide_info .dd2{left: 32%;top: 9%;}
.guide_info .dd3{right: 0;top: 35%;}
.guide_info .dd4{right: 11%;bottom: 12%;}
.guide_info .dd5{left: 13%;bottom: 12%;}
.guide_info .pic .play{
    -webkit-animation: guide_pic 3s;
    animation: guide_pic 3s;
    opacity: 1;
}
.guide_info .show *{ opacity: 1;}
.guide_info .show dt{-webkit-transition-delay:.5s,.5s,0s;transition-delay:.5s,.5s,0s}
.guide_info .show .dd1{-webkit-transition-delay:.9s,.9s,0s;transition-delay:.9s,.9s,0s}
.guide_info .show .dd2{-webkit-transition-delay:1.3s,1.3s,0s;transition-delay:1.3s,1.3s,0s}
.guide_info .show .dd3{-webkit-transition-delay:1.7s,1.7s,0s;transition-delay:1.7s,1.7s,0s}
.guide_info .show .dd4{-webkit-transition-delay:2.1s,2.1s,0s;transition-delay:2.1s,2.1s,0s}
.guide_info .show .dd5{-webkit-transition-delay:2.5s,2.5s,0s;transition-delay:2.5s,2.5s,0s}

@-webkit-keyframes guide_pic {
    0% {
        opacity: 0;
        transform:translate(-50%,-50%) scale(0) rotate(0deg) ;
    }

    100% {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1) rotate(360deg);
    }
}

@keyframes guide_pic {
    0% {
        opacity: 0;
        transform:translate(-50%,-50%) scale(0) rotate(0deg);
    }

    100% {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1) rotate(360deg);
    }
}

@media(max-width:640px){
    .guide_info{ bottom: 50%; transform: translate(-50%,50%);}
    .guide_info dt{ width: 15.57%; margin: 0; transform: translate(-50%,-40%);}
    .guide_info dd img{ width: 29%; margin: 0 auto;}
    .guide_info dd b{ font-size: 16px; margin-top: 2%;}
    .guide_info .dd1,
    .guide_info .dd3{ top: 32%;}
    .guide_info .dd2{ top: 8%;}

}



.Header{position:absolute;top:0;left:0;z-index:110;padding:10px 5%;width:100%;border-bottom:1px solid rgba(191,191,191,.22);opacity:0;-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translate(0,-200px);transform:translate(0,-200px)}
.Header.anim{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
.top_right{position:absolute;top:50%;right:4%;color:#fff;font-size:18px;transform:translateY(-50%)}
.top_right a{color:#fff}
.top_right .lang,.top_right .open_menu,.top_right .search,.top_right .site{display:inline-block;margin-left:30px;vertical-align:middle;line-height:30px}
.top_right .site{position:relative}
.top_right .site{padding-left:30px;margin-left:30px}
.top_right .site dt{padding-right:24px;background:url(../images/icon_1.png) no-repeat right center}
.top_right .site dd{position:absolute;top:100%;left:0;display:none;padding:10px 0;padding-right:0px;width:100%;text-align:center;font-size:16px;line-height:30px}
.top_right .site a{display:block}
.top_right .search{position:relative;display:inline-block}
.top_right .open-search{display:block;width:22px;height:30px;background:url(../images/icon_search.png) no-repeat center}
.top_right .search-box{position:absolute;right:0;display:none;padding-right:30px;width:200px;border:1px solid #fff;background:rgba(0,0,0,.3)}
.top_right .search-box .text{display:block;width:100%;height:30px;border:none;background:0 0;color:#fff;line-height:30px}
.top_right .search-box .btn{position:absolute;top:0;right:0;width:30px;height:100%;background:url(../images/icon_search.png) no-repeat center}
.top_right .open_menu{width:30px;height:30px;background:url(../images/icon_menu.png) no-repeat center;cursor:url(../images/cursor_hover.png),auto}
.top_right .search_show{background:0 0 !important}
.top_right .search_show:after,.top_right .search_show:before{position:absolute;top:50%;left:5%;width:90%;height:2px;background:#fff;content:'';transform:rotate(-45deg)}
.top_right .search_show:after{transform:rotate(45deg)}
@media(max-width:640px){
    .top_right{font-size:16px}
    .top_right .search,.top_right .site{display:none}
    .top_right .lang,.top_right .open_menu,.top_right .search,.top_right .site{margin-left:10px}
}
#sidenav{position:fixed;top:0;left:0;z-index:-1;overflow:hidden;width:100%;height:100%;background-size:100% 100%;opacity:0;-webkit-transition:all .5s;transition:all .5s}
#sidenav.active{z-index:200;opacity:1}
#sidenav .head{position:absolute;top:50px;right:50px;left:50px;z-index:1}
#sidenav .head .close{position:relative;float:right;width:40px;height:40px;background-image:url(../images/icon_close.png);background-size:100% auto;background-repeat:no-repeat;cursor:url(../images/cursor_hover.png),auto}
#sidenav .head .close p{position:absolute;top:100%;left:0;margin-top:10px;width:100%;color:#777;text-align:center;font-weight:lighter;font-size:14px}
#sidenav ul{height:100%;font-size:0}
#sidenav ul li{position:relative;top:-40px;display:inline-block;padding-top:10%;width:14.28%;height:100%;border-right:1px solid #ebebeb;background:#fff;vertical-align:top;text-align:center;opacity:0;-webkit-transition-duration:.5s,.5s,.5s;transition-duration:.5s,.5s,.5s;-webkit-transition-property:opacity,top,background;transition-property:opacity,top,background}
#sidenav.active ul li{top:0;opacity:1}
#sidenav.active ul li:nth-child(1){-webkit-transition-delay:.4s,.4s,0s;transition-delay:.4s,.4s,0s}
#sidenav.active ul li:nth-child(2){-webkit-transition-delay:.6s,.6s,0s;transition-delay:.6s,.6s,0s}
#sidenav.active ul li:nth-child(3){-webkit-transition-delay:.8s,.8s,0s;transition-delay:.8s,.8s,0s}
#sidenav.active ul li:nth-child(4){-webkit-transition-delay:1s,1s,0s;transition-delay:1s,1s,0s}
#sidenav.active ul li:nth-child(5){-webkit-transition-delay:1.2s,1.2s,0s;transition-delay:1.2s,1.2s,0s}
#sidenav.active ul li:nth-child(6){-webkit-transition-delay:1.4s,1.4s,0s;transition-delay:1.4s,1.4s,0s}
#sidenav.active ul li:nth-child(7){-webkit-transition-delay:1.6s,1.6s,0s;transition-delay:1.6s,1.6s,0s}
#sidenav ul li:hover{background:0 0}
#sidenav ul li:last-child{border-right:0 none}
#sidenav ul li .line{display:block;margin:0 auto 60px;width:1px;height:50px;background-color:#333;opacity:0;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover .line{margin:0 auto 40px;background-color:#fff;opacity:1}
#sidenav ul li h3{margin-bottom:30px;color:#f2f2f2;font-weight:lighter;font-size:82px;font-family:knockout;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover h3{margin-bottom:20px;color:#fff}
#sidenav ul li h4{display:none;margin-bottom:30px;color:#666;text-transform:uppercase;font-weight:400;font-size:12px;font-family:roboto;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover h4{display:block;color:#fff}
#sidenav ul li a.big{display:block;margin-bottom:46px;color:#333;font-size:24px;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover a.big{color:#fff}
#sidenav ul li .small a{display:block;margin-bottom:12px;color:#666;font-weight:lighter;font-size:14px;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover a{color:#fff}
#sidenav ul li .small a.active,#sidenav ul li .small a:hover,#sidenav ul li a.big.active,#sidenav ul li a.big:hover{color:#e60012}
@media(max-width:1024px){
    #sidenav{overflow:auto;max-height:100%}
    #sidenav .head{top:0;right:0;left:0;padding:10px;background:#fff}
    #sidenav .head .logo{display:none}
    #sidenav .head .close{width:30px;height:30px}
    #sidenav .head .close p{margin-top:5px;white-space:nowrap;font-size:12px}
    #sidenav ul{overflow:auto;padding-top:64px;background-color:#fff}
    #sidenav ul li{top:-2%;display:flex;padding:3% 0 3% 4%;width:100%;height:auto;border-right:0 none;border-bottom:1px solid #ebebeb;text-align:left;align-items:flex-start;justify-content:flex-start;-webkit-display:flex;-webkit-align-items:flex-start;-webkit-justify-content:flex-start}
    #sidenav ul li .line{display:none}
    #sidenav ul li .icon{position:absolute;top:30px;right:4%;display:block;width:16px;height:8px;background-image:url(../images/sidenav_icon.png);background-size:100% 100%;background-repeat:no-repeat}
    #sidenav ul li.active .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
    #sidenav ul li h3{margin-right:5%;margin-bottom:0;font-size:40px}
    #sidenav ul li:hover h3{margin-bottom:0;color:#f2f2f2}
    #sidenav ul li .small,#sidenav ul li:hover h4{display:none}
    #sidenav ul li a.big{margin-bottom:0;font-size:16px;line-height:52px}
    #sidenav ul li:hover a.big{color:#333}
    #sidenav ul li.active .small{display:block}
    #sidenav ul li .small a{margin-bottom:15px}
    #sidenav ul li .small a:last-child{margin-bottom:0}
    #sidenav ul li:hover a{color:#666}
}
.Nybanner img{width:100%}
.Nybanner .wapban{display:none}
@media(max-width:1024px){
    .Nybanner .wapban{display:block}
    .Nybanner .pcban{display:none}
}
.NYmenu{background:#f9f9f9}
.location{float:right;padding-left:35px;background:url(../images/icon_home.png) no-repeat left center;color:#999;font-size:18px;line-height:80px}
.location a{color:#999}
.location em{padding:0 7px;font-style:normal;font-family:SimSun}
.location a:hover,.location span{color:#d81718}
.menu li{float:left;margin-right:.5%}
.menu li a{display:block;padding:0 20px;color:#666;font-size:18px;line-height:80px;transition:all .5s}
.menu .active a,.menu li a:hover{background:#d81718;color:#fff}
@media(max-width:1400px){.menu li{margin-right:0}
}
@media(max-width:1366px){.menu li a{padding:0 12px}
}
@media(max-width:1260px){.location,.menu li a{font-size:16px}
}
@media(max-width:1024px){.NYmenu{display:none}
}

.footer{ background: #202020; font-family:"Microsoft YaHei"}
.bottom{ padding: 2.7% 0 2%; color: #797979; position: relative;}
.foot_contact{ width: 21%; position: absolute; left: 0;}
.foot_contact .p{ padding-left: 26px; background: url("../images/icon_tel.jpg") no-repeat left 2px; margin-bottom: 10px;}
.foot_contact .tel{ padding-top: 4px; margin-bottom: 0;}
.foot_contact .email{ background-image: url("../images/icon_email.jpg");}
.foot_contact .add{ background-image: url("../images/icon_add.jpg"); margin-bottom: 30px;}
.foot_contact a{ display: inline-block; width: 33px; height: 33px; border-radius: 100%; margin-right: 5px; background: url("../images/icon_sina.png") no-repeat center #666666;}
.foot_contact .icon-wechat{ background-image: url("../images/icon_wx.png")}
.foot_contact .icon-qq{ background-image: url("../images/icon_qq.png")}
.foot_contact h3{ color: #d91424; font-size: 30px; margin-bottom: 12px;}
.bottom .footNav{ text-align: right; padding-left: 22%;}
.footNav dl{ margin-right: 3%; display: inline-block; vertical-align: top; text-align: left;}
.footNav .code{ margin-right: 0; color: #999999;}
.footNav .code p{ padding: 15px 0; text-align: center;}
.footNav dt{ color: #fff; font-size: 18px; margin-bottom: 27px;}
.footNav dd a{ display: block; color: #777777; line-height: 26px;}
.Copyright{ position: relative; padding: 1.6% 0; color: #636363;}
.Copyright:before,
.Copyright:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #111111;}
.Copyright:after{ top: 1px; background: #292929;}
.Copyright a{ color: #636363;}
.Copyright nav{ float: right; color: #777777;}
.Copyright nav a{ color: #777;}
.Copyright nav em{ font-style: normal; margin: 0 4px 0 7px;}
@media(max-width:1366px){
    .footNav dl{ margin-right: 4%;}
}
@media(max-width:1200px){
    .foot_contact{ display: none;}
    .bottom .footNav{ padding-left: 0; text-align: left;}
}
@media(max-width:1024px){
    .Copyright nav{ display: block; float: none;}
}
@media(max-width:768px){
    .Copyright{ text-align: center;}
    .footNav dl{ display: none;}
    .footNav .code{ display: block; text-align: center; width: 100%;}
    .footNav dt{ margin-bottom: 15px;}
    .footNav .code p{ padding-bottom: 0;}
}
@media(max-width:640px){
    .Copyright{ font-size: 12px;}
}
.mascot_box{ position: fixed; right: 3.5%; bottom: 8%; font-family: "Microsoft YaHei"; padding-right: 70px; padding-top: 27px; z-index: 300; display: none;}
.mascot_box .txt{ border: 2px solid #dda62a; background: #fff; padding: 20px 0; text-align: center; width: 275px; margin: 0 auto; border-radius: 20px; font-size: 22px; color: #dda62a; position: relative;}
.mascot_box .txt:before{ content: ''; position: absolute; left: 50%; margin-left: -9px; top: 100%; width: 19px; height: 13px; background: url("../images/icon_3.png") no-repeat center;}
.mascot_box .close{ position: absolute; right: 0; top: 0; padding-left: 35px; background: url("../images/icon_close2.png") no-repeat left center; font-size: 16px; color: #999999; line-height: 26px;}
@media(max-width:640px){
    .mascot_box{ max-width: 70%; right: 2%;}
    .mascot_box .txt{ max-width: 100%; font-size: 18px;}
}

.column_title{padding:6% 0 4%;color:#b7a17f;text-align:center;font-size:42px; font-weight: bold;}
.column_title span{display:block;margin-top:5px;color:#999;font-size:20px; font-weight: normal;}
@media(max-width:1000px){
    .column_title{ font-size: 36px;}
}
@media(max-width:768px){
    .column_title{ font-size: 30px;}
    .column_title span{ font-size: 18px; margin-top: 0;}
}
@media(max-width:640px){
    .column_title{ font-size: 24px;}
    .column_title span{ font-size: 16px;}
}



.speech_index{padding-bottom:7%}
.speech_box1{padding:8.2% 7%;background-position:center top;background-size:cover;background-repeat:no-repeat}
.speech_box1 article{padding:8% 6.5%;background:rgba(255,255,255,.95);box-shadow:0 0 10px rgba(0,0,0,.19)}
.speech_item1{padding-bottom:3%}
.speech_item1 dl{margin-bottom:3%;width:100%}
.speech_item1 dt{width:230px}
.speech_item1 .txt{position:relative;padding:6% 0 5% 8.5%;background:#f6f6f6}
.speech_item1 .dl1 .txt:before{position:absolute;top:-35px;right:15px;width:69px;height:55px;background:url(../images/icon_2.png) no-repeat center;background-size:cover;content:''}
.speech_item1 h4{padding:1.5% 0 2.5%;font-size:30px;font-family:"Microsoft YaHei"}
.speech_item1 h4 span{margin-left:3%;color:#999;font-weight:400;font-size:14px}
.speech_item1 li{position:relative;display:inline-block;margin-bottom:12px;padding-right:7%;padding-left:15px;color:#b7a17f;font-size:16px}
.speech_item1 li:first-child{width:100%}
.speech_item1 li:before{position:absolute;top:10px;left:0;width:8px;height:1px;background:#b7a17f;content:''}
.speech_item1 p{color:#b7a17f;font-size:14px;line-height:30px}
.speech_item1 .dl2 .txt{padding-right:6%;padding-left:7%}
.line_border{width:100%;height:12px;border-top:1px solid #e8e8e7;border-bottom:1px solid #e8e8e7}
.speech_item2{padding:6% 0 0;color:#777;text-align:justify;font-size:16px;line-height:36px}
.speech_item2 h4{margin-bottom:4%;color:#b7a17f;font-size:32px;font-family:"Microsoft YaHei";line-height:50px}
@media(max-width:768px){
    .speech_item1 h4{ font-size: 22px;}
    .speech_item2 h4{ font-size: 24px; line-height: 40px;}
}
@media(max-width:640px){
    .speech_item1 dl{ display: block;}
    .speech_item1 .ytable-cell{ display: block; width: 100%; }
    .speech_item1 dt{ text-align: center;}
    .speech_item1 h4{ font-size: 18px;}
    .speech_item1 li{ font-size: 14px; margin-bottom: 10px; display: block; padding-right: 0;}
    .speech_item1 p{ line-height: 24px;}
    .speech_item2{ font-size: 14px; line-height: 26px;}
    .speech_item2 h4{ font-size: 20px; line-height: 36px;}
}

.speech_list .tit{padding:5.5% 0 4%;text-align:center}
.speech_list .tit img{max-width:30%}
.speech_list .slick-arrow{position:absolute;top:50%;z-index:10;margin-top:-22px;width:23px;height:44px;border:none;background:url(../images/icon_btn.png) no-repeat left center;font-size:0}
.speech_list .slick-prev{left:-4.5%}
.speech_list .slick-next{right:-4.5%;background-position:right center}
.speech_list .slick-list{margin:0 -28px}
.speech_list .slick-slide a{display:block;margin:0 28px}
.speech_list li figure{overflow:hidden}
.speech_list li img{display:block;width:100%;transition:all .8s}
.speech_list li a:hover img{transform:scale(1.1)}
.speech_list li .txt{padding:7%;background:url(../images/txt_bg1.jpg) no-repeat right bottom #f6f6f6;font-family:"Microsoft YaHei"}
.speech_list li h3{font-weight:400;font-size:20px}
.speech_list li p{overflow:hidden;margin:5% 0 4%;max-height:40px;color:#999}
.speech_list li time{color:#999}
@media(max-width:1500px){
    .speech_list .slick-prev{ left: -2%;}
    .speech_list .slick-next{ right: -2%;}
}
@media(max-width:1200px){
    .speech_list .slick-slide a{ margin: 0 10px;}
    .speech_list .slick-list{ margin: 0 5px;}
}
@media(max-width:1000px){
    .speech_list li h3{ font-size: 18px;}
}
@media(max-width:768px){
    .speech_list .slick-slide a{ margin: 0 8px;}
    .speech_list li h3{ font-size: 16px;}
}

.list_pic_one li{ float: left; width: 30.715%; margin-right: 3.92%; margin-bottom: 4%;}
.list_pic_one li:nth-child(3n){ margin-right: 0;}
.list_pic_one li figure{ width: 100%; padding-top: 56.05%;}
.list_pic_one li h3{ margin-top: 3%; padding-left: 22.5%; position: relative;font-size: 18px; line-height: 28px; padding-top: 5px;}
.list_pic_one li h3:before{ content: ''; position: absolute; left: 0; top: 0; width: 18.5%; background:url("../images/icon_4.png") no-repeat center #d80001; height: 100%;}
@media(max-width:768px){
    .list_pic_one li h3{ font-size: 16px;}
    .list_pic_one li h3:before{background-size: 70%;}
}
@media(max-width:640px){
    .list_pic_one li{ width: 48%; margin: 0 1% 5%;}
    .list_pic_one li:nth-child(3n){ margin-right: 1%;}
    .list_pic_one li h3{ font-size: 14px;}
}


.Pages{ padding: 3% 0 7%; text-align: center;}
.Pages > span{display: inline-block; vertical-align: middle;}
.Pages .a_first,
.Pages .a_end,
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{display: none;}
.Pages .p_jump,
.Pages .p_page{overflow: hidden; }
.Pages .p_page em{font-style: normal;}
.Pages .p_page a{float: left; line-height: 44px; padding: 0 17px; margin: 0 5px; font-size: 16px; color: #999999;}
.Pages .p_page a:hover,
.Pages .p_page a.a_cur{background-color: #d80000; color: #fff;}
.Pages .p_page a.a_next,
.Pages .p_page a.a_prev{height: 46px; padding: 0 20px; margin: 0 15px; background-position: center center; background-repeat: no-repeat;}
.Pages .p_page a.a_prev{background-image: url(../images/icon_prev.png); background-position: left center;}
.Pages .p_page a.a_next{background-image: url(../images/icon_next.png); background-position: right center;}
.Pages .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: 44px;}
.Pages .p_jump > *{float: left;}
.Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;}
.Pages .p_jump b.f0{margin-right: 6px;}
.Pages .p_jump input{height: 46px; border-radius: 4px;}
.Pages .i_text{ line-height: 44px; text-align: center;border: 1px solid #e5e5e5;   width: 46px; text-align: center; color: #333; font-size: 20px;}
.Page002737 .Pages .i_button{background: #ebebeb; width: 70px;  padding: 0; cursor: pointer; border: none; margin-left: 10px; color: #888;}
@media(max-width:768px){
.Pages{ padding:30px 0;}
.Pages .p_page em{display: none;}
}

.honor_top{ padding: 0 30px 5%;}
.honor_top li{ padding: 0 15px;}
.honor_top .txt{ background:url("../images/icon_honor3.png") no-repeat right bottom #f5f5f5; padding:6.8% 10%; border-radius: 10px; display: block;}
.honor_top i{ display: block; width: 32px; height: 32px; background: url("../images/icon_honor1.png") no-repeat center;}
.honor_top h3{ margin: 5% 0 2%; font-size: 20px; color: #555555;}
.honor_top .slick-arrow{ position: absolute; border: none; width: 28px; height: 100%; background: url("../images/icon_prev.png") no-repeat center #f5f5f5; font-size: 0; top: 0;}
.honor_top .slick-prev{ left: -30px;}
.honor_top .slick-next{ right: -30px; background-image: url("../images/icon_next.png");}
.honor_top .slick-arrow:hover{ background-color: #d80000; background-image: url("../images/icon_prev_hover.png");}
.honor_top .slick-next:hover{ background-image: url("../images/icon_next_hover.png");}
.honor_top li .txt:hover{ background-color: #d80000; background-image: url("../images/icon_honor4.png"); color: #fff;}
.honor_top li .txt:hover i{ background-image: url("../images/icon_honor2.png");}
.honor_top li .txt:hover h3{ color: #fff;}
.honor_search{ background: #f9f9f9; padding: 3.5% 0; margin-bottom: 5%}
.honor_search select,
.honor_search .search_box{ display: inline-block; vertical-align: middle; font-size: 18px;}
.honor_search select,
.honor_search .text{ width: 300px; height: 50px; line-height: 50px; border: none; background: #fff; padding: 0 20px; font-size: 18px; margin-right: 20px;}
.honor_search select{ background: url("../images/icon_select.png") no-repeat 95% center #fff; padding-right: 30px;}
.honor_search .text{ color: #c0c0c0;}
.honor_search .btn{ display: inline-block; width: 130px;  text-align: center; line-height: 50px; color: #fff; background: #d81718;}
.honor_list ul{ position: relative; padding: 0 7%;}
.honor_list ul:before{ content: ''; position: absolute; width: 100%; height: 26.36%; background: url("../images/icon_honor5.png") no-repeat center bottom; left: 0; top: 57%; background-size: contain;}
.honor_list li{ width: 25%; float: left; text-align: center; margin-bottom: 5%; padding: 0 2%;position: relative;z-index: 10;}
.honor_list li figure{ width: 100%; padding-top: 60%; position: relative; margin-bottom: 10%;}
.honor_list li img{ position: absolute; max-height: 100%; bottom: 0; left: 50%; transform: translateX(-50%);}
.honor_list li p{ font-size: 16px; color: #555555; max-width: 230px; margin: 0 auto; height: 44px; overflow: hidden;}
@media(max-width:1200px){
    .honor_list ul:before{top: 53%;}
}
@media(max-width:1000px){
    .honor_list ul:before{top: 53%;}
}

@media(max-width:768px){
    .honor_search select{ width: 28%; margin-right: 1%;font-size: 16px;}
    .honor_search .search_box{ width: 70%;font-size: 16px;}
    .honor_search .text{ width: 67%; margin: 0; font-size: 16px;}
    .honor_search .btn{ width: 30%;}
    .honor_list ul:before{ display: none;}
    .honor_list li{ width: 50%;}
}
@media(max-width:640px){
    .honor_search select,
    .honor_search .search_box{ width: 100%;  margin: 2% 0; font-size: 14px;}
    .honor_search .text{ font-size: 14px;}
    .honor_top h3{ font-size: 16px;}
    .honor_list li figure{ padding-top: 80%;}
}

.MediaFocus{ background: url("../images/news_bg1.jpg") no-repeat center top #fff;}
.list_pic_two li{ float: left; width: 30.715%; margin-right: 3.92%; margin-bottom: 4%; overflow: hidden;}
.list_pic_two li:nth-child(3n){ margin-right: 0;}
.list_pic_two li img{ transition: all 0.5s; width: 100%;}
.list_pic_two .txt{ background: #fff; padding: 7%; position: relative; overflow: hidden;}
.list_pic_two h3{ font-size: 20px;}
.list_pic_two p{ color: #999999; overflow: hidden; height: 40px; margin: 5% 0;}
.list_pic_two time{ color: #999999;}
.list_pic_two li a:hover img{ transform: scale(1.1);}
@media(max-width:768px){
    .list_pic_two li h3{ font-size: 16px;}
}
@media(max-width:640px){
    .list_pic_two li{ width: 100%; margin: 0 0 5%;}
    .list_pic_two li h3{ font-size: 14px;}
}

.list_pic_three{ padding-bottom: 3%;}
.list_pic_three li{ overflow: hidden; padding: 2.5%; background: #fff; margin-bottom: 3%; border: 1px solid #eeeeee;}
.list_pic_three figure{ float: right; width: 27.07%; overflow: hidden;}
.list_pic_small_three figure{ width: 24.1%;}
.list_pic_three li img{ transition: all 0.5s; width: 100%; border-radius: 5px;}
.list_pic_three li a:hover img{ transform: scale(1.1);}
.list_pic_three .txt{ width: 65%; float: left; padding: 2% 4%;}
.list_pic_small_three .txt{ width: 69%; padding: 0 4%;}
.list_pic_three time{ display: block; background: #d80001;padding: 5px 10px; width: 80px; color: #fff;}
.list_pic_three time b{ display: block; font-size: 28px; line-height: 30px;}
.list_pic_three h3{ font-size: 24px; margin: 4% 0 1.5%;}
.list_pic_three p{ font-size: 16px; color: #777777; line-height: 28px; max-height: 84px; overflow: hidden;}

@media(max-width:1200px){
    .list_pic_three figure{ width: 35%;}
    .list_pic_small_three figure{ width: 30%;}
}
@media(max-width:1000px){
    .list_pic_three p{ height: 60px;}
}
@media(max-width:768px){
    .list_pic_three figure{ margin-top: 2%;}
    .list_pic_three time b{ font-size: 24px; line-height: 26px;}
    .list_pic_three h3{ font-size: 20px;}
}
@media(max-width:640px){
    .list_pic_three figure{ margin-top: 2%; width: 40%;}
    .list_pic_three .txt{ width: 60%; padding: 2%;}
    .list_pic_three time{ width: 115px; padding: 0 10px; display: none;}
    .list_pic_three time b{ display: inline-block; margin-right: 10px; font-size: 20px;}
    .list_pic_three h3{ font-size: 15px; margin: 2% 0 1%;}
    .list_pic_three p{ font-size: 14px; line-height: 20px; }
}
.loadmore{ display: block; width: 130px; font-size: 18px; color: #999999; text-align: center; margin:6% auto;}
.loadmore i{ display: inline-block; width: 26px; height: 26px; background: url("../images/loadmore.png") no-repeat center; vertical-align: middle; margin-right: 10px;animation:turn 1.5s linear infinite;}
@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}

.video_menu li{float: left; width: 30%; margin-right: 5%; margin-bottom: 2%; font-size: 30px; text-align: center; font-weight: bold;}
.video_menu li:nth-child(3n){ margin-right: 0;}
.video_menu li.aon a{ color: #d81718;}
@media(max-width:640px){
    .video_menu li{ font-size: 16px;}
}

.Video_list li{ float: left; width: 30%; margin-right: 5%; margin-bottom: 2%; overflow: hidden;}
.Video_list li:nth-child(3n){ margin-right: 0;}
.Video_list li a{ display: block; position: relative; overflow: hidden;}
.Video_list li figure{ position: relative; padding-top: 56.194%; transition: all 0.5s;}
.Video_list li figure:before,
.Video_list li p:before{ content: '';}
.Video_list li figure:before{ width: 100%; height: 100%; left: 0; top: 0; background: rgba(103,103,103,0.6); z-index: 2; position: absolute;}
.Video_list li p{ position: absolute; left: 0; width: 100%; bottom: 14%; padding: 0 7%; color: #fff; z-index: 10; font-size: 18px;}
.Video_list li p:before{ display: block; width: 35px; height: 35px; background: url("../images/icon_play.png") no-repeat center; margin-bottom: 5%;}
.Video_list li a:hover figure{ transform: scale(1.1);}
@media(max-width:640px){
    .Video_list li{ width: 100%; margin: 0 0 5%;}
}

.Aryl_item{ padding: 5% 0;}
.Aryl_item1{ padding-top: 0;}
.Aryl_item:nth-child(2n){ background: #f8f8f8;}
.Aryl_item .pic{ width: 40%; text-align: center;}
.Aryl_item .txt{ width: 60%; color: #777777; line-height: 30px; font-size: 16px; text-align: justify;}
.Aryl_item:nth-child(2n-1) .txt{ padding-left: 6%;}
.Aryl_item:nth-child(2n) .txt{ padding-right: 3%;}
.Aryl_item .pic figure{ position: relative; display: inline-block;}
.Aryl_item .pic figure:before{ content: ''; position: absolute; width: 96%; height: 92%; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid #fff;}
.Aryl_item .pic .nborder:before{ display: none;}
.Aryl_item .h3{ font-size: 30px; color: #333333; margin-bottom: 4%;}
.Aryl_item .h3_tit{ position: relative; border-left: 4px solid #d81718; padding-left: 18px;}
.Aryl_item4 .pic figure:before{ height: 94%; width: 94%;}
@media(max-width:768px){
    .Aryl_item .ytable-cell{ display: block; width: 100%; padding:2% 0!important;}
    .Aryl_item .h3{ font-size: 24px;}
}
@media(max-width:640px){
    .Aryl_item .txt{ font-size: 16px; line-height: 24px;}
    .Aryl_item .h3{ font-size: 18px;}
}
.Caprolactam_about{ background: url("../images/caprolactam_bg.png") no-repeat center top;}
.Caprolactam_about .info{color: #777777; line-height: 30px; font-size: 16px; text-align: justify;}
.Caprolactam_about .h3_tit{ font-size: 30px; color: #333333; margin-bottom: 3%;}
.Caprolactam_num_ul{ font-size: 0; padding: 2% 0 5%; max-width: 1000px; margin: 0 auto;}
.Caprolactam_num_ul li{ text-align: center; width: 25%; display: inline-block; vertical-align: top; font-size: 16px;}
.Caprolactam_num_ul li span{ display: block; color: #d81718; font-size: 18px;}
.Caprolactam_num_ul li b{ font-size: 50px; font-family: Arial; margin-right: 10px;}

.Caprolactam_list{ padding-bottom: 6%;}
.Caprolactam_list .slick-list{ margin: 0 -20px;}
.Caprolactam_list li{ padding: 0 20px;}
.Caprolactam_list .slick-arrow{ position: absolute; border: none; width: 14px; height: 27px; background: url("../images/icon_btn2.png") no-repeat left center; font-size: 0; top: 50%; margin-top: -13px; z-index: 10;}
.Caprolactam_list .slick-prev{ left: -40px;}
.Caprolactam_list .slick-next{ right: -40px; background-position: right center;}
@media(max-width:1500px){
    .Caprolactam_list .slick-prev{ left: -20px;}
    .Caprolactam_list .slick-next{ right: -20px;}
}
@media(max-width:1200px){
    .Caprolactam_list .slick-list{ margin: 0;}
    .Caprolactam_list li{ padding: 0 10px;}
    .Caprolactam_list .slick-prev{ left: 0;}
    .Caprolactam_list .slick-next{ right: 0;}
}
@media(max-width:768px){
    .Caprolactam_about .h3_tit{ font-size: 24px;}
}
@media(max-width:640px){
    .Caprolactam_about .info{ line-height: 24px; font-size: 14px;}
    .Caprolactam_about .h3_tit{ font-size: 18px;}
    .Caprolactam_num_ul li{ width: 50%; margin-bottom: 5%;}
    .Caprolactam_num_ul li b{ font-size: 36px;}
}

.Caprolactam_item{ background: #f8f8f8;}
.Caprolactam_item .w1400{ padding: 4% 0 2%; position: relative;}
.Caprolactam_item .w1400:before{ content: ''; position: absolute; border: 30px solid transparent; border-top-color: #fff; left: 0; top: 0;}
.Caprolactam_item .h3_tit{font-size: 30px; color: #333333; margin-bottom: 3%; border-left: 4px solid #d81718; padding-left: 18px;}
.Caprolactam_item figure{ float: right; width: 30%; border: 1px solid #dedede; padding: 1%;}
.Caprolactam_item figure img{ margin-bottom: 4%; width: 100%;}
.Caprolactam_item figure img:last-child{ margin-bottom: 0;}
.Caprolactam_item .info{ float: left; width: 68.5%;}
.Caprolactam_item .info li{ position: relative; padding:10px 0 5% 68px;}
.Caprolactam_item .info li:before,
.Caprolactam_item .info .num:before,
.Caprolactam_item .info .num:after{ content: ''; position: absolute;}
.Caprolactam_item .info li:before{ width: 2px; height: 100%; background: #dedede; left: 23px; top: 4px; }
.Caprolactam_item .info li:last-child:before{ display: none;}
.Caprolactam_item .info .num{ position: absolute; left: 0; top:0; border-radius: 100%; background: #f8f8f8; border: 1px solid #d81718; font-size: 24px; font-style: normal; color: #fff; width: 48px; height: 48px; text-align: center; line-height: 48px; }
.Caprolactam_item .info .num:before{ left: 3px; top: 3px; width: 40px; height: 40px; background: #d81718; border-radius: 100%;}
.Caprolactam_item .info .num b{ position: relative; z-index: 1;}
.Caprolactam_item .info h4{ font-size: 18px; color: #d81718; margin-bottom: 1.5%;}
.Caprolactam_item .info p{ color: #777777; line-height: 32px; font-size: 16px;}
@media(max-width:1000px){
    .Caprolactam_item .w1400:before{ border-width: 20px}
}
@media(max-width:768px){
    .Caprolactam_item .w1400:before{ border-width: 16px}
    .Caprolactam_item .h3_tit{ font-size: 24px;}
}
@media(max-width:640px){
    .Caprolactam_item .w1400{ padding-top: 8%;}
    .Caprolactam_item .h3_tit{ font-size: 18px;}
    .Caprolactam_item .info,
    .Caprolactam_item figure{ width: 100%; float: none;}
    .Caprolactam_item figure{ padding: 3%;}
    .Caprolactam_item .info h4{ font-size: 16px;}
    .Caprolactam_item .info p{ font-size: 14px; line-height: 24px;}
}

.Nylonnew_index{ position: relative;}
.Nylonnew_index .column_con{ position:relative; z-index: 10;}
.Nylonnew_tab_ul li{ width: 48%; float: left; margin-right: 4%; margin-bottom: 5%; position: relative; background: #f5f5f5; padding: 2.5%; color: #555555; font-size: 24px; border-radius: 10px; overflow: hidden;}
.Nylonnew_tab_ul li:before{ content: ''; position: absolute; width: 12%; height: 70%; background: url("../images/icon_honor3.png") no-repeat center; background-size: contain; right: 0; bottom: 0;}
.Nylonnew_tab_ul li:nth-child(2n){ margin-right: 0;}
.Nylonnew_tab_ul li span{ display: block; font-size: 16px;}
.Nylonnew_tab_ul li.on{ background: #d81718; color: #fff;}
.Nylonnew_tab_ul li.on:before{ background-image: url("../images/icon_honor4.png");}
/*.Nylonnew_tab_con{ display: none;}*/
.Nylonnew_tab_con1:before{ content: ''; position: absolute; left: 0; top: 90px; width: 100%; height: 90%; background: url("../images/Nylonnew_bg1.jpg") no-repeat center top;}
.Nylonnew_item { position:relative; z-index: 10;}
.Nylonnew_item .copy_wap_pic{ display:none;}
.Nylonnew_item1 .h2_tit{ text-align: center; font-size: 34px; color: #333333; margin-bottom: 2%;}
.Nylonnew_item1 .h2_tit:before,
.Nylonnew_item1 .h2_tit:after{ display: block; margin: 0 auto; width: 76px; height: 33px; background: url("../images/icon_5.png") no-repeat center; content: '';}
.Nylonnew_item1 .h2_tit:before{ transform: rotate(180deg); margin-bottom: 1.74%;}
.Nylonnew_item1 .h2_tit:after{ margin-top: 1.74%;}
.Nylonnew_item .ytable{ padding: 5% 0;}
.Nylonnew_item .tit h4{ font-size: 24px; color: #333333;}
.Nylonnew_item .tit h3{ color: #333; font-size: 34px; margin-top: 15px;}
.Nylonnew_item .tit h3:after{ content: ''; display: block; width: 40px; height: 4px; background: #d81718; margin: 30px 0 20px; }
.Nylonnew_item .pic{ width: 46.5%; text-align: center;}
.Nylonnew_item .txt{color: #777777; line-height: 30px; font-size: 16px; text-align: justify;}
.Nylonnew_item .txt_half{width: 53.5%;}
.Nylonnew_item .txt_half:nth-child(odd){ padding-right: 7%}
.Nylonnew_item .txt_half:nth-child(even){ padding-left: 7%}
.Nylonnew_item2{ background: #f9f9f9; padding: 5% 0;}
.Nylonnew_item2 article{ color: #777777; line-height: 30px; font-size: 16px; text-align: justify;}
.Nylonnew_item2 .tit{ padding-top: 3.5%;}
.Nylonnew_item2 .tit h3:after{ margin: 35px 0 35px;}
.Nylonnew_item2 .img{ float: right; margin: 0 0 3% 7.5%}
.Nylonnew_item3 .ytable-cell{ vertical-align: top;}
@media(max-width:1000px){
    .Nylonnew_item .tit h3{ font-size: 30px;}
    .Nylonnew_item2 .img{ text-align: center; float: none; margin: 0;}
}
@media(max-width:768px){
    .Nylonnew_tab_ul li{ font-size: 20px;}
    .Nylonnew_tab_con1:before{ top: 0;}
    .Nylonnew_item1 .h2_tit{ font-size: 30px;}
    .Nylonnew_item1 .h2_tit:before,
    .Nylonnew_item1 .h2_tit:after{ width: 38px; height: 15px; background-size: contain;}
    .Nylonnew_item .tit h3{ font-size: 24px;}
    .Nylonnew_item .tit h4{ font-size: 20px;}
    .Nylonnew_item .ytable-cell{ display: block; width: 100%!important; padding: 0!important; margin-bottom: 3%;}
	.Nylonnew_item .copy_wap_pic{ display:block;}
	.Nylonnew_item .wap_pic{ display:none}
}
@media(max-width:640px){
    .Nylonnew_tab_ul li span{ font-size: 14px;}
    .Nylonnew_tab_ul li{ font-size: 16px;}
    .Nylonnew_item1 .h2_tit{ font-size: 20px;}
    .Nylonnew_item .tit h4{ font-size: 16px;}
    .Nylonnew_item .tit h3{ font-size: 20px; margin-top: 5px;}
    .Nylonnew_item .tit h3:after{ margin: 15px 0 10px;}
    .Nylonnew_item .ytable-cell,
    .Nylonnew_item2 article{ line-height: 24px; font-size: 14px;}
}

.Nylonnew_item4 .ytable{ padding-top: 0;}
.Nylonnew_item4 .txt{ padding-left: 0; padding-right: 7%;}
.Nylonnew_item .slick-arrow{ position: absolute; border: none; width: 17px; height: 36px; background: url("../images/icon_btn3.png") no-repeat left center; font-size: 0; top: 50%; margin-top: -13px; z-index: 10;}
.Nylonnew_item .slick-prev{ left: 2%;}
.Nylonnew_item .slick-next{ right: 2%; background-position: right center;}
.Nylonnew_item .slick-arrow:hover{ background-image: url("../images/icon_btn4.png");}

.Nylonnew_item5{ background: url("../images/Nylonnew_bg2.jpg") no-repeat center; background-size: cover; padding: 5% 0; text-align: center; color: #777777; line-height: 30px; font-size: 16px; }
.Nylonnew_item5 .tit h3:after{ margin: 30px auto 20px;}
.Nylonnew_slick_two{ margin-top: 3%; overflow: hidden;}
.Nylonnew_slick_two .slick-list{ margin: 0 -25px;}
.Nylonnew_slick_two li{ padding: 0 25px;}
.Nylonnew_slick_two p{ padding: 6.3% 0; background: #fff;}
@media(max-width:640px){
    .Nylonnew_item5{line-height: 24px; font-size: 14px;}
    .Nylonnew_slick_two li{ padding: 0 10px;}
}

.Supply_item{ padding: 5% 0;}
.Aryl_item1{ padding-top: 0;}
.Supply_item:nth-child(2n){ background: #f8f8f8;}
.Supply_item .pic{ width: 40%; text-align: center;}
.Supply_item .txt{ color: #777777; line-height: 30px; font-size: 16px; text-align: justify;}
.Supply_item .txt_half{ width: 60%;}
.Supply_item:nth-child(2n-1) .txt_half{ padding-left: 5%;}
.Supply_item:nth-child(2n) .txt_half{ padding-right: 5%;}
.Supply_item .pic figure{ position: relative; display: inline-block;}
.Supply_item .pic figure:before{ content: ''; position: absolute; width: 96%; height: 96%; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid #fff;}
.Supply_item .pic .nborder:before{ display: none;}
.Supply_item .h3{ font-size: 30px; color: #333333; margin-bottom: 4%;}
.Supply_item .h3_after:after{content: ''; display: block; width: 40px; height: 4px; background: #d81718; margin: 30px 0 20px;}
.Supply_item3{ color: #777777; line-height: 30px; font-size: 16px; text-align: justify;}
.Supply_item3 .h3{ margin-bottom: 2%;}
.Supply_item .slick-arrow{ position: absolute; border: none; width: 14px; height: 27px; background: url("../images/icon_btn2.png") no-repeat left center; font-size: 0; top: 50%; margin-top: -13px; z-index: 10;}
.Supply_item3_ul{ margin-top: 3%;}
.Supply_item .slick-list{ margin: 0 -20px;}
.Supply_item3_ul .con{ margin: 0 20px; background: url("../images/icon_honor3.png") no-repeat right bottom #f8f8f8; padding: 6%; color: #777777; line-height: 24px; font-size: 14px;}
.Supply_item3_ul .con h4{ font-size: 20px; color: #d80000; margin-bottom: 2%;}
.Supply_item4_ul{ margin-top: 3%;}
.Supply_item4_ul li{ padding: 0 20px;}
.Supply_item .slick-prev{ left: -40px;}
.Supply_item .slick-next{ right: -40px; background-position: right center;}
.Supply_item .slick-arrow:hover{ background-image: url("../images/icon_btn4.png");}

@media(max-width:1366px){
    .Supply_item .slick-prev{ left: -10px;}
    .Supply_item .slick-next{ right: -10px;}
}
@media(max-width:768px){
    .Supply_item .ytable-cell{ display: block; width: 100%; padding:2% 0!important;}
    .Supply_item .h3{ font-size: 24px;}
}
@media(max-width:640px){
    .Supply_item .txt{ font-size: 14px; line-height: 24px;}
    .Supply_item .h3{ font-size: 18px;}
    .Supply_item .slick-list{ margin: 0;}
    .Supply_item4_ul li{ padding: 0 5px;}
}

.Company_item1{}
.Company_item1 .box1{ background:url("../images/icon_bg1.png") no-repeat right bottom #f9f9f9; padding: 3% 0; border-radius: 20px;}
.Company_item1 .box1 .pic{ width: 22%; text-align: center;}
.Company_item1 .box1 .txt{ padding: 0 3%; border-left: 1px solid #dedede; line-height: 36px; font-size: 16px;}
.Company_item1 .box2{ padding: 12% 0; text-align:center}

.Company_item2{ background:no-repeat left top; position: relative; z-index: 10}
.Company_item2 .icon_bg{ position: absolute; width: 205px; height: 264px; background: url("../images/Profile_bg2.png") no-repeat; right: 8%; top: 9%;}
.Company_item2 .box{ max-width: 1100px; padding: 5% 0; color: #fff; overflow: hidden;}
.Company_item .tit .h3{ font-size: 24px;}
.Company_item .tit .h2{ font-size: 30px; margin-top: 10px;}
.Company_item2 .box .txt{ margin: 5.5% 0 0; max-width: 870px; float: right; font-size: 16px; line-height: 36px;}
.Company_item2 .box .txt .p{ padding-left: 32px; position: relative; margin-top: 5%;}
.Company_item2 .box .txt .p:before{ content: ''; position: absolute; width: 4px; left: 0; height: 80%; background: #fff; top: 10%;}
.Company_item3{ background:no-repeat right top; margin-top: -12%; padding-top: 25%; position: relative; z-index: 9;}
.Company_item3 .icon_bg{ left: 2%; bottom: -15%; position: absolute; background: url("../images/Profile_bg4.png") no-repeat; width: 148px; height: 315px;}
.Company_item3 .box{ padding-left: 4%; color: #fff;}
.Company_item3 .txt{ font-size: 0; padding: 9% 0 7%;}
.Company_item3 .txt .p{ font-size: 16px; line-height: 36px; display: inline-block; vertical-align: top; margin-right: 7%; width: 46.5%; position: relative;padding-left: 3%; text-align: justify; }
.Company_item3 .txt .p:nth-child(2n){ margin-right: 0;}
.Company_item3 .txt .p:before{ content: ''; position: absolute; width: 4px; left: 0; height: 92%; background: #fff; top: 4%;}
.Company_item4{ margin: 5% 0;}
.Company_item4 .title{ position: relative; text-align: center; color: #fff;}
.Company_item4 .title .bg{  /* 标准的语法 */ position: absolute;top: 0;bottom: 10px;width: 100%; background: url("../images/Company_item4bg.jpg") no-repeat center\0;}
.Company_item4 .title .bg canvas{background: -webkit-linear-gradient(right,#178f9c, #2776b8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to left,#178f9c, #2776b8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to left,#178f9c, #2776b8); /* Firefox 3.6 - 15 */
    background: linear-gradient(to left,#178f9c, #2776b8); }

.Company_item4 .title h3{ font-size: 34px; padding: 3.5% 0 6%; position: relative; z-index: 2;}
.Company_item4 .title h3:after{ content: ''; display: block; width: 40px; height: 4px; background: #fff; margin: 1% auto 0;}
.Company_item4 .time_ul{ margin-top: -70px; padding: 0 40px; position: relative; z-index: 10;}
.Company_item4 .time_ul .slick-list{ padding-bottom: 70px;}
.Company_item4 .time_ul li{ text-align: center; font-size: 20px; color: #fff; padding-top: 17px;}
.Company_item4 .time_ul li i{ display: block; margin: 10px auto; border-radius: 100%; width: 10px; height: 10px; background: #fff;}
.Company_item4 .time_ul .aon{ color: #d80000; padding-top: 0;}
.Company_item4 .time_ul .aon i{ width: 40px; height: 40px; background: none; border: 3px solid #d80000; text-align: center; line-height: 34px;}
.Company_item4 .time_ul .aon i:before{ content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 10px; background: #d80000; border-radius: 100%;}

.Company_item4 .slick-arrow{ position: absolute; border: none; width: 40px; height: 40px; background: url("../images/icon_btn5.png") no-repeat left center #ffffff; font-size: 0; top: 50%; margin-top: -38px; z-index: 10;}
.Company_item4 .slick-prev{ left: 0;}
.Company_item4 .slick-next{ right: 0; background-position: right center;}
.Company_item4 .slick-arrow:hover{ background-image: url("../images/icon_btn6.png"); background-color: #d80000;}
.journal_list li{ position: relative; width: 50%; padding: 0 2%; float: left; margin-bottom: 3%;}
.journal_list li a{ display: block; position: relative; background: #f9f9f9; padding: 4% 1% 4% 0;}
.journal_list li time{ display: inline-block; margin-left: -4%; vertical-align: middle; padding: 5px 15px; background: #d80001; color: #fff; min-width: 80px; margin-right: 4%;}
.journal_list li time b{ display: block; font-size: 28px;}
.journal_list li h3{ display: inline-block; vertical-align: middle; font-size: 24px; line-height: 26px; color: #555555;width: 84%;}

@media(min-width:2000px){
    .Company_item2{background-size: 76%;}
    .Company_item3{ background-size: 78%;}
}
@media(max-width:1400px){
    .Company_item2 .icon_bg,
    .Company_item3 .icon_bg{ display: none;}
}
@media(max-width:1200px){
    .Company_item2,
    .Company_item3{ background-size: cover;}
    .Company_item4 .title h3{ padding-bottom: 100px;}
}
@media(max-width:768px){
    .Company_item1 .box1 .pic{ padding: 0 2%;}
    .Company_item .tit .h3{ font-size: 20px;}
    .Company_item .tit .h2,
    .Company_item4 .title h3{ font-size: 24px;}
    .journal_list li h3{ font-size: 18px; line-height: 24px;}
}
@media(max-width:640px){
    .Company_item1 .box1 .txt,
    .Company_item2 .box .txt,
    .Company_item3 .txt .p{ font-size: 14px; line-height: 24px;}
    .Company_item .tit .h3{ font-size: 16px;}
    .Company_item .tit .h2,
    .Company_item4 .title h3{ font-size: 20px;}
    .Company_item3 .txt .p{ display: block; width: 100%; margin-right: 0; margin-bottom: 5%;}
    .journal_list{visibility: initial!important;}
    .journal_list li{ width: 100%; float: none; padding-right: 0;visibility: initial!important;}
    .journal_list li time{ margin-left: -2%;}
    .journal_list li time b{font-size: 20px;display: inline-block;}
    .journal_list li h3{ font-size: 16px; line-height: 20px; width: 100%;}
}


.history{ position: relative;}
.history img{ width:100%}
.history .box_info{ position: absolute; max-width: 96%; width: 1400px; left: 50%; top: 0; transform: translateX(-50%); height: 100%;}
.history .column_title{ text-align: left; color: #fff;}
.history .column_title p{ max-width: 870px; line-height: 36px; font-size: 16px; margin-top: 3%;}
.history .time_list li{ z-index:100; position: absolute; font-size: 20px; font-weight: bold; color: #333333; cursor: pointer; text-align:center;}
.history .time_list li i{ display:block; width:35px; height: 35px; background:url(../images/hua.png) no-repeat center center; background-size:contain; position: relative; vertical-align: middle;}
.history .time_list li span{ position:absolute; top:-30px; right:-5px;}

/*.history .time_list li i:before{ content: ''; position: absolute; width: 6px; height: 6px; left: 50%; top: 50%; background: #d81718; margin: -3px 0 0 -3px; border-radius: 100%; }
*/
/*.history .time_list li.on{ color: #d9232e;}*/
.history .box{ position: absolute; left: 50%; transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform:rotate translateX(-50%);-o-transform:rotate translateX(-50%); background: #fff; width: 63.06%;bottom:0; opacity:0;height: 15%;}
.history .box .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.history .box .left{ width: 27.5%; position: relative; height: 100%; float: left; background: #d81718;}
.history .box time{ color: #fff;  font-size: 80px; font-weight: bold; text-align: center; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform:rotate translate(-50%,-50%);-o-transform:rotate translate(-50%,-50%);}
.history .box .right{ width: 72.5%; padding: 1% 5% 0; float: right; height: 80%; overflow: auto; max-height: 80%; margin: 1% 0;}
.history .box .right .p{ position: relative; padding-left: 18px; font-size: 16px; color: #666666; margin: 1.5% 0;}
.history .box .right .p:before{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; border-radius: 100%; background: #666666; margin-top: -2px; }
@media(max-width:1660px){
    .history .column_title{ padding-top: 4%;}
    .history .column_title p{ margin-top: 2%;}
}
@media(max-width:1440px){

    .history .time_list li{ font-size: 16px;transform: scale(0.9);-ms-transform: scale(0.9);-webkit-transform: scale(0.9);}
    .history .time_list li span{right: 0;font-size: 14px;}

}
@media(max-width:1400px){
    .history .column_title p{ margin-top: 1%;}
    .history .box time{ font-size: 40px;}
    .history .time_list li i{}
}
@media(max-width:1200px){
    .history .box time{ font-size: 30px;}
    .history .column_title p{ line-height: 30px; margin-top: 0;}
}
@media(max-width:1024px){
    .history .time_list li{transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);}
    .history{ padding: 2%; background-size: cover;}
    .history .img,
    .time_list{ display: none;}
    .history .box_info{ position: relative;}
    .history .box{ display: block!important; position: static; transform: none; height: auto; width: 100%; margin-bottom: 2%; opacity:1}
    .history .box .txt{ position: relative; overflow: hidden; padding-left: 28%; min-height: 118px;}
    .history .box .left{ position: absolute; left: 0; top: 0;}
    .history .box .right{ width: 100%;}
	.history .show-img{ display:none;}
}
@media(max-width:640px){
    .history .column_title p{ line-height: 24px; font-size: 14px;}
    .history .box time{ font-size: 18px;}
    .history .box .right .p{ font-size: 14px;}
}
.history .h-img,
.history .show-img {width: 100%; height: 0; display: none; background: no-repeat center bottom; background-size: 100% auto; position: absolute; left: 0; bottom: 0;transition: height 1s ease;}
.history .h-img{ z-index:10; background-image: url(../images/history_line_red.png)}
.history .show-img{ display:block; background-image: url(../images/history_line_white.png) }
.history .h-tra2 {transition: height 2s ease;}

@media(min-width:1025px){
    .history .h-img{display: block;}
}


.Ny_tit{ font-size: 30px; color: #333333; }
.Ny_tit:after{content: ''; display: block; width: 40px; height: 4px; background: #d81718; margin: 30px 0 20px;}
.home_index{ padding-top: 4%;}
.home_index article{ font-size: 16px; line-height: 36px; padding-bottom: 3%;}
.home_index .fl{ width: 64.286%;}
.home_index .slick-arrow,
.home_index .slick-dots{ display: none!important;}
.home_index .fr{ width: 34%; padding-top: 36.1%; position: relative;-webkit-mask-size: 100% 10%;}
.home_index .fr:before{ content: ''; width: 100%; height: 15%; left: 0; bottom: 0; z-index: 10; position: absolute;background: -webkit-linear-gradient(bottom,#fff, rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to top,#fff, rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to top,#fff, rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top,#fff, rgba(255,255,255,0)); }
.home_index .fr ul{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;}
.home_index .fr li{ width: 47%; margin-right: 3%; float: left; margin-bottom: 4%;}
.home_index .fr li figure{ padding-top: 65%; position: relative;}
.home_index .fr li.aon figure:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #d81718;}

/*滚动条样式*/
.scroll::-webkit-scrollbar {width: 4px;}
.scroll::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #c8c8c8;}
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: #ededed;}
@media(max-width:768px){
    .Ny_tit{ font-size: 24px;}
}
@media(max-width:640px){
    .Ny_tit{ font-size: 20px}
    .Ny_tit:after{ margin: 20px 0 10px;}
    .home_index article{ font-size: 14px; line-height: 24px; }
    .home_index .fl{ float: none; width: 100%;}
    .home_index .fr{ display: none;}
    .home_index .slick-arrow{ position: absolute; border: none; width: 14px; height: 27px; background: url("../images/icon_btn4.png") no-repeat left center; font-size: 0; top: 50%; margin-top: -13px; z-index: 10; display: block!important;}
    .home_index .slick-prev{ left: 0;}
    .home_index .slick-next{ right: 0; background-position: right center;}
}

.entertainment_index{ background: url("../images/entertainment_bg.jpg") no-repeat center top;}
.entertainment_index article{ font-size: 16px; line-height: 36px; text-align: justify; padding-bottom: 5%;}
.entertainment_item1 .slick-list{ margin: 0 -28px 3%;}
.entertainment_item1 li{ padding: 0 28px;}
.entertainment_item1 li figure{ overflow: hidden;}
.entertainment_item1 li img{ transition: all 0.5s; width: 100%;}
.entertainment_item1 .txt{ background:url("../images/icon_honor3.png") no-repeat right bottom #f6f6f6; padding: 7%; position: relative; overflow: hidden;}
.entertainment_item1 h3{ font-size: 20px;}
.entertainment_item1 p{ color: #999999; overflow: hidden; height: 40px; margin: 5% 0;}
.entertainment_item1 time{ color: #999999;}
.entertainment_item1 li a:hover img{ transform: scale(1.1);}
.entertainment_item1 .slick-arrow{ position: absolute; border: none; width: 23px; height: 44px; background: url("../images/icon_btn.png") no-repeat left center; font-size: 0; top: 50%; margin-top: -22px; z-index: 10; display: block!important;}
.entertainment_item1 .slick-prev{ left: -5%;}
.entertainment_item1 .slick-next{ right: -5%; background-position: right center;}
.seemore{ width: 100%; line-height: 54px; border-radius: 5px; background: #f5f5f5; text-align: center; color: #777777; display: block; margin: 0 0 3%;}

.entertainment_item3 .tab_ul li{ float: left; width: 31.33%; margin-right: 2%; margin-bottom: 5%; position: relative; background: #f5f5f5; padding: 2.5%; color: #999999; font-size: 14px; border-radius: 10px; overflow: hidden; min-height: 124px;}
.entertainment_item3 .tab_ul li:nth-child(3n){ margin-right: 0;}
.entertainment_item3 li:before{ content: ''; position: absolute; width: 19%; height: 70%; background: url("../images/icon_honor3.png") no-repeat center; background-size: contain; right: 0; bottom: 0;}
.entertainment_item3 .tab_ul li h3{ font-size: 24px; color: #555555; margin-bottom: 2%;}
.entertainment_item3 .tab_ul li.on{ background: #d81718; color: #fff;}
.entertainment_item3 .tab_ul li.on h3{ font-size: 30px; color: #fff;}
.entertainment_item3 .tab_ul li.on:before{ background-image: url("../images/icon_honor4.png");}
@media(max-width:1200px){
    .entertainment_item1 .slick-list{ margin: 0 0 3%;}
    .entertainment_item1 .slick-prev{ left: 0;}
    .entertainment_item1 .slick-next{ right: 0;}
}

@media(max-width:768px){
    .entertainment_item1 li h3{ font-size: 16px;}
    .entertainment_item1 li h3:before{background-size: 70%;}
}
@media(max-width:640px){
    .entertainment_index article{ font-size: 14px; line-height: 24px;}
    .entertainment_item1 li{ padding: 0 10px;}
    .entertainment_item1 li h3{ font-size: 14px;}
    .entertainment_item3 .tab_ul li h3{ font-size: 16px;}
    .entertainment_item3 .tab_ul li.on h3{ font-size: 18px;}
}


.Single{ min-height: 200px; text-align: justify; font-size: 16px; line-height: 36px;padding-bottom: 8%;}
@media(max-width:640px){
    .Single{ font-size: 14px; line-height: 24px;}
}
/*人才战略*/
.Talent_info{}
.Talent_info .ny_title{ font-size: 30px; color: #333333; margin-bottom: 3%;}
.Talent_info .txt_half{ width: 50%; float:left}
.Talent_info .img{ width: 42.5%;}
@media(max-width:768px){
    .Talent_info .txt,
    .Talent_info .img{ width: 100%; float: none; margin-bottom: 4%;}
    .Talent_info .ny_title{ font-size: 22px;}
}

@media(max-width:640px){
    .Talent_info .ny_title{ font-size: 18px;}
}

/*精英计划*/
.Elite_info{}
.Elite_info li{ float: left; background: #fdf3f3; width: 30%; margin-right: 5%; border-radius: 10px; color: #555555; text-align: center; padding: 5% 3.8% 3%;}
.Elite_info li:last-child{ margin-right: 0;}
.Elite_info li h3{ font-size: 30px; color: #d81718; margin: 7% 0;}
.Elite_info li p{ min-height: 108px;}
@media(max-width:1366px){
    .Elite_info li{ padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1024px){
    .Elite_info li{ width: 32%; margin-right: 2%;}
    .Elite_info li h3{ font-size: 26px; }
}
@media(max-width:768px){
    .Elite_info li h3{ font-size: 20px; }
}
@media(max-width:640px){
    .Elite_info li{ width: 100%; margin-right: 0; float: none; margin-bottom: 5%;}
    .Elite_info li h3{ font-size: 18px; color: #d81718; margin: 3% 0;}
    .Elite_info li p{ min-height: auto;}
}

/*永荣三力*/
.Eversuns_info .pic{ width: 44%; padding-right: 5%;}
.Eversuns_info h3.h3{ font-size: 30px; color: #d71718; margin-bottom:3%;}
.Eversuns_info h4{ color: #333333;}
.Eversuns_info .p{ margin-bottom: 5%;}
.Eversuns_info p{ margin-bottom: 3%;}
.Eversuns_info .ytable{ margin-bottom: 5%;}
.Eversuns_info .item3{ margin-bottom:0}
.Eversuns_info .item3 .ytable-cell{ vertical-align: top;}
@media(max-width:768px){
    .Eversuns_info .pic{ width: 50%; padding-right: 2%; vertical-align: top;}
    .Eversuns_info h3.h3{ font-size: 22px; }
}
@media(max-width:640px){
    .Eversuns_info .ytable-cell{ width: 100%; padding-right: 0; display: block;}
    .Eversuns_info .pic{ text-align: center;}
    .Eversuns_info h3{ font-size: 18px; }
}

/*绿色发展*/
.Green_info .fl{ width: 48%;}
.Green_info .fl h3{ font-size: 30px; color: #333333; margin: 5% 0 10%;}
.Green_info .fl .h3{ margin: 0 0 2%;}
.Green_info .fl h4{font-size: 22px; color: #d71718;}
.Green_info .fl p{ margin-bottom: 6%;}
.Green_info .fl li{ width: 50%; float: left; padding-right: 2%; margin: 2.5% 0;}
.Green_info .line{ width: 100%; height: 10px; background:#f9f9f9; margin: 12% 0;}
.Green_info .fr{ width: 48.5%;}
.Green_info .fr img{ width: 100%;}
.Green_info .fr dt{ margin-bottom: 2%;}
.Green_info .fr dd{ width: 48.5%; margin: 0 3% 2% 0; float: left;}
.Green_info .fr dd:nth-child(2n+1){ margin-right: 0;}
@media(max-width:768px){
    .Green_info .fl,
    .Green_info .fr{ width: 100%; float: none; margin-bottom: 2%;}
    .Green_info .fl h3{ font-size: 22px; color: margin: 5% 0 8%;}
    .Green_info .fl h4{font-size: 20px;}
}
@media(max-width:640px){
    .Green_info .fl h3{ font-size: 18px; margin: 5% 0 8%;}
    .Green_info .fl h4{font-size: 16px;}
}

/*标杆学院*/
.college_info{ padding-bottom: 5%;}
.college_info .pic{ width: 46%;}
.college_info .txt{ line-height: 36px; font-size: 16px; text-align: justify;}
.college_info .txt_half{width: 54%; padding-right: 8%; }

.college_index .h3_tit{ font-size:34px; color: #333333; text-align: center;}
.college_index .h3_tit:after{ content: ''; display: block; width: 40px; height: 4px; background: #d81718; margin: 1.5% auto 2.5%;}
.college_index .item1 figure{ width: 53%;}
.college_index .item1 .list { width: 43.5%; position: relative; padding-top: 33.286%;}
.college_index .item1 ul{ position: absolute; left: 0; top: 0; overflow: auto; width: 100%; max-height: 100%; height: 100%;}
.college_index .item1 li{ margin-bottom: 2.5%;}
.college_index .item1 li *{ transition: all 0.5s;}
.college_index .item1 .a{ display: block; padding: 4% 2% 4% 118px; position: relative;}
.college_index .item1 time{ background: #d4d4d4;padding: 5px 10px; width: 80px; color: #fff; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
.college_index .item1 time b{ display: block; font-size: 28px; line-height: 30px;}
.college_index .item1 h4{ font-size: 18px; color: #555555;}
.college_index .item1 p{ color: #999;}
.college_index .item1 .a:hover{ background: #f9f9f9;}
.college_index .item1 .a:hover time{ background: #e60012;}
.college_index .item1 .a:hover h4{ color: #e60012;}

.college_tab_ul{ margin: 4.5% 0 1%;}
.college_tab_ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; position: relative; background: #f5f5f5; padding: 2.5%; color: #999999; font-size: 14px; border-radius: 10px; overflow: hidden; min-height: 124px;}
.college_tab_ul li:nth-child(3n){ margin-right: 0;}
.college_tab_ul li:before{ content: ''; position: absolute; width: 19%; height: 70%; background: url("../images/icon_honor3.png") no-repeat center; background-size: contain; right: 0; bottom: 0;}
.college_tab_ul li h3{ font-size: 24px; color: #555555; margin-bottom: 2%;}
.college_tab_ul li.on{ background: #d81718; color: #fff;}
.college_tab_ul li.on h3{ font-size: 30px; color: #fff;}
.college_tab_ul li.on:before{ background-image: url("../images/icon_honor4.png");}

.college_box dt,
.college_box dd{ width: 50%; float: left; position: relative;}
.college_box dt:before,
.college_box dd:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2}
.college_box dt:before{ background: rgba(0,154,149,0.5);}
.college_box dd:before{ background: rgba(0,143,174,0.5);}
.college_box dd:last-child:before{ background: rgba(0,64,180,0.5);}
.college_box .txt{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3; color: #fff; padding: 0 8.5% 5%; line-height: 36px; font-size: 16px; overflow: auto; max-height: 100%;}
.college_box .txt h3{ font-size: 30px; margin-bottom: 3%;}
@media(max-width:1300px){
    .college_box .txt{ padding-bottom: 2%; line-height: 30px;}
}
@media(max-width:1024px){
    .college_box .txt{ padding-bottom: 2%; line-height: 30px;}
    .college_box .txt h3{ font-size: 24px;}
}
@media(max-width:768px){
    .college_info .ytable-cell{ display: block; width: 100%; padding-right: 0;}
    .college_index .h3_tit{ font-size: 30px;}
    .college_index .item1 .list{ width: 46.5%;}
    .college_tab_ul li h3{ font-size: 20px;}
    .college_tab_ul li.on h3{ font-size: 24px;}
    .college_box dt,
    .college_box dd{ width: 100%; float: none;}
    .college_box .txt{ font-size: 14px; line-height: 24px;}
    .college_box .txt h3{ font-size: 20px;}
}

@media(max-width:640px){
    .college_info .txt{ font-size: 14px; line-height: 24px;}
    .college_index .item1 figure,
    .college_index .item1 .list{ width: 100%; float: none; margin-bottom: 2%;}
    .college_index .item1 .list{ padding-top: 100%;}
    .college_index .item1 .a{ padding-left: 100px;}
    .college_index .item1 time{ width: 70px; left: 10px;}
    .college_index .item1 time b{ font-size: 20px;}
    .college_index .item1 h4{ font-size: 16px;}
    .college_tab_ul li{ font-size: 12px;}
    .college_tab_ul li h3{ font-size: 16px;}
    .college_tab_ul li.on h3{ font-size: 16px;}
    .college_box figure{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover;}
    .college_box img{ display: none;}
    .college_box .txt{padding: 10% 3%; position: relative;}
    .college_box .txt h3{ font-size: 16px; margin-bottom: 1%;}
}

/*岗位招聘*/
.job_list{ padding-bottom: 8%;}
.job_menu{ font-size: 0; margin-bottom: 2%;}
.job_menu a{ display: inline-block; vertical-align: top; font-size: 14px; width: 23.5%; margin-right: 2%; margin-bottom: 2%; position: relative; background: #f5f5f5; padding: 2.2% 1.5%; color: #999999; font-size: 14px; border-radius: 10px; overflow: hidden; min-height: 124px;}
.job_menu a:nth-child(4n){ margin-right: 0;}
.job_menu a:before{ content: ''; position: absolute; width: 19%; height: 70%; background: url("../images/icon_honor3.png") no-repeat center; background-size: contain; right: 0; bottom: 0;}
.job_menu a h3{ font-size: 24px; color: #555555; margin-bottom: 2%;}
.job_menu a:hover,
.job_menu a.on{ background: #d81718; color: #fff; padding-top: 1.5%;}
.job_menu a:hover h3,
.job_menu a.on h3{ font-size: 30px; color: #fff;}
.job_menu a:hover:before,
.job_menu a.on:before{ background-image: url("../images/icon_honor4.png");}
.job_list .list{ margin-bottom: 2%;}
.job_list .top{ border: 1px solid #eeeeee; line-height: 80px; border-radius: 5px; padding: 0 3%; box-shadow: 0 0 10px #f4f4f4;}
.job_list .top li{ display: inline-block; font-size: 16px; line-height: 24px; color: #333; width: 24%; position: relative; vertical-align: middle;}
.job_list .top li span{ color: #bbb;}
.job_list .top li:last-child{ float: right; width: 40px; text-align: center; position: relative;height: 80px;}
.job_list .top li:last-child:before{ content: '+'; position: absolute; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; color: #fff; background: #d81718; left: 50%; top: 50%; margin: -15px 0 0 -15px; font-weight: normal; font-family: 宋体; font-size: 26px;}
.job_list .on{ background: #d71718;}
.job_list .on li{ color: #fff; font-weight: normal;}
.job_list .on li span{ color: #fff;}
.job_list .on .name{ font-size: 24px;}
.job_list .on .name span{ display: none;}
.job_list .on li:last-child:before{ content: '-'; color: #d81718; background: #fff;}
.job_list .info{ display: none; padding: 1% 3% 3%; background: #f5f5f5; font-size: 16px; line-height: 30px; border-radius: 5px;}
.job_list .info .h4{ color: #d71718; margin: 1.5% 0;}
.job_list .info .con{ padding-bottom: 2%;}
@media(max-width:768px){
    .job_menu a h3{ font-size: 20px;}
    .job_menu a:hover h3,
    .job_menu a.on h3{ font-size: 20px;}
    .job_list .top li{ width: 40%;}
    .job_list .on .name{ font-size: 20px;}
}
@media(max-width:640px){
    .job_menu a{ width: 49%; margin-right: 2%; min-height: 100px;}
    .job_menu a:nth-child(4n){margin-right: 2%;}
    .job_menu a:nth-child(2n){ margin-right: 0;}
    .job_menu a h3{ font-size: 16px;}
    .job_menu a:hover h3,
    .job_menu a.on h3{ font-size: 16px;}
    .job_list .top li{ font-size: 14px;}
    .job_list .on .name{ font-size: 16px;}
    .job_list .top li span{ display: block;}
    .job_list .info{ font-size: 14px; line-height: 22px;}
}

/*永荣公益*/
.public_welfare_info{ padding-bottom: 5%;}
.public_welfare_info .pic{ width: 224px;}
.public_welfare_info .txt{ font-size: 16px; line-height: 36px;}
.public_welfare_info .txt_half{ padding-left: 4%;}
.public_welfare_info .txt h3{ font-size: 30px; color: #333; margin-bottom: 2%;}
.public_welfare .list_pic_two .txt{ background: #f9f9f9;}
.list_pic_four li{ margin-bottom: 2%;}
.list_pic_four a{ display: table; border: 1px solid #eeeeee; overflow: hidden; padding: 2%; table-layout: fixed; background: url("../images/icon_8.png") no-repeat 96% center; width: 100%;}
.list_pic_four figure,
.list_pic_four .txt{ display: table-cell; vertical-align: middle;}
.list_pic_four figure{ width: 22.5%; overflow: hidden;}
.list_pic_four figure img{ width: 100%; transition: all 0.5s; }
.list_pic_four a:hover{ box-shadow: 0 0 10px #eee;}
.list_pic_four a:hover img{ transform: scale(1.1);}
.list_pic_four .txt{ width: 77%; padding:0 11% 0 7.5%; position: relative;}
.list_pic_four time{ background: #d80001;padding: 5px 10px; width: 80px; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: -6%;}
.list_pic_four time b{ display: block; font-size: 28px; line-height: 30px;}
.list_pic_four h3{ font-size: 18px; margin-bottom: 3%;}
.list_pic_four p{ line-height: 24px; color: #777777; overflow: hidden; height: 50px;}
@media(max-width:768px){
    .public_welfare_info .txt h3{ font-size: 24px;}
}
@media(max-width:640px){
    .public_welfare_info .ytable-cell{ display: block; width: 100%; padding: 0; margin-bottom: 2%;}
    .public_welfare_info .pic{ text-align: center;}
    .public_welfare_info .txt h3{ font-size: 20px;}
    .public_welfare_info .txt{ font-size: 14px; line-height: 24px;}
    .list_pic_four time{ display: none;}
    .list_pic_four figure{ width: 35%;}
    .list_pic_four a{ background-position: 98% center;}
    .list_pic_four .txt{ width: 65%; padding: 0 4% 0 3%;}
    .list_pic_four h3{ font-size: 16px;}
}


/*智能制造*/
.Smart_info{}
.Smart_info .pic{ width: 50%;}
.Smart_info .txt_half{ width: 50%; padding-right: 3%;}
.Smart_video{ position: relative; margin: 5% 0 -3%;}
.Smart_video .video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.Smart_video figure{ position: relative;}
.Smart_video img{ display: block; width: 100%;}
.Smart_video figure:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/icon_play2.png") no-repeat center;}
@media(max-width:640px){
    .Smart_info .ytable-cell{ display: block; width: 100%; padding: 0; margin-bottom: 2%;}
}


/*专利科技*/
.patented_list_ul li{ float: left; width: 23.5%; margin-right: 2%; text-align: center; padding: 1.4% 1%; border: 1px solid #eeeeee; margin-bottom: 2%; }
.patented_list_ul li:nth-child(4n){ margin-right: 0;}
.patented_list_ul figure{ position: relative; padding-top: 100%;}
.patented_list_ul figure img{ max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.patented_list_ul p{ font-size: 16px; color: #777; padding: 4% 0 5%;}
.patented_list_ul li:hover{ box-shadow: 0 0 10px #eee;}
@media(max-width:640px){
    .patented_list_ul li{ width: 49%; margin-right: 2%;}
    .patented_list_ul li:nth-child(4n){ margin-right: 2%;}
    .patented_list_ul li:nth-child(2n){ margin-right: 0;}
    .patented_list_ul p{ font-size: 14px;}
}


/*终端运用*/
.Enduse_info .ytable{ margin-bottom: 4%;}
.Enduse_info .ytable:last-child{ margin-bottom: 0;}
.Enduse_info .pic{ width: 50%;}
.Enduse_info .txt{ width: 50%; padding:0 4% 0 5.5%;}
.Enduse_info .ytable:nth-child(2n) .txt{ padding: 0 7% 0 0;}
.Enduse_info .h3{ color: #333; font-size: 34px;}
.Enduse_info .h3:after{ content: ''; display: block; width: 40px; height: 4px; background: #d81718; margin: 10px 0 25px; }
@media(max-width:768px){
    .Enduse_info .h3{ font-size: 20px;}
}
@media(max-width:640px){
    .Enduse_info .ytable-cell{ width: 100%; display: block;}
    .Enduse_info .txt{ padding: 4% 2% !important;}
    .Enduse_info .h3{ font-size: 18px;}
}

/*科创中心*/
.Science_index{ background: url("../images/Science_bg.jpg") no-repeat center top; font-size: 16px; line-height: 36px; padding-bottom: 5%;}
.Science_box1_num{ text-align: center; max-width: 920px; margin: 0 auto; padding-bottom: 1.5%;}
.Science_box1_num li{ width: 23%; margin:0 1%; float: left; padding-bottom: 15px; border-bottom: 10px solid #fff;}
.Science_box1_num .num *{ display: inline-block; vertical-align: top;}
.Science_box1_num .num span{ margin-top: 2px;}
.Science_index .num b{ color:#d80000; font-size: 55px; line-height: normal; margin-right: 6px; font-family: Arial; }
.Science_box1_icon{ padding: 4% 0 2%;}
.Science_box1_icon li{ width: 18.8%; margin: 2% 1.5% 2% 0; float: left; background: #fdf3f3; border-radius: 10px; padding: 3% 3% 2%;}
.Science_box1_icon li:last-child{ margin-right: 0;}
.Science_box1_icon .num{ margin-top: 15%;}
@media(max-width:1000px){
    .Science_box1_icon li{ width: 31.33%; margin: 0 1% 2%;}
}
@media(max-width:768px){
    .Science_index .num b{ font-size: 36px;}
}
@media(max-width:640px){
    .Science_index{ font-size: 14px; line-height: 24px;}
    .Science_box1_num li{ width: 48%; margin-bottom: 2%;}
    .Science_index .num b{ font-size: 26px;}
    .Science_box1_icon li{ min-height: 190px;}
}

.Company_index{ font-size: 16px; line-height: 36px; text-align: justify;}
.about_info{ padding: 3% 0 10%;}
.about_num{ position: relative;}
.about_num:before{ content:''; position: absolute; left:0; top: 0; width: 88%; height: 100%; background: #d81718;}
.about_num ul{ color: #fff; position: relative; z-index: 2; padding-right: 5%;}
.about_num li{ width: 20%; float: left; padding: 5% 0;}
.about_num li b{ display: block; font-size: 50px; font-family: Arial; line-height: normal; margin-bottom: -10px;}
.about_item1{ padding: 5%; background: #fff; position: relative; z-index: 5; max-width: 1560px; width: 96%; margin: 0 auto; }
.about_item1 .txt_half{ padding-right: 8%;}
.about_item2{ background: url("../images/aboout_img2.jpg") no-repeat center; background-size: cover; position: relative; z-index: 1; margin-top: -7%;}
.about_item2 .h2_tit{ text-align: center; font-size: 34px; color: #333333; margin-bottom: 2%;}
.about_item2 .info{ padding: 16% 0 7%;}
.about_item2 .info:before,
.about_item2 .info:after{ display: block; margin: 0 auto; width: 76px; height: 33px; background: url("../images/icon_5.png") no-repeat center; content: '';}
.about_item2 .info:before{ transform: rotate(180deg); margin-bottom: 1.74%;}
.about_item2 .info:after{ margin-top: 1.74%;}
.about_item3{ padding: 5% 0;}
.about_item3 .txt_half{ padding:0 3% 0 5%;}
@media(max-width:1200px){
.about_num:before{ width:100%}
}
@media(max-width:768px){
    .about_num li{ font-size: 14px;}
    .about_num li b{ font-size: 40px;}
    .about_item2 .h2_tit{ font-size: 24px;}
}

@media(max-width:640px){
    .Company_index{ font-size: 14px; line-height: 24px; text-align: justify;}
    .Company_index .ytable-cell{ display: block; width: 100%; padding: 0!important; margin: 2% 0;}
    .about_num li{ display: inline-block; vertical-align: top; float: none; width: auto; margin-right:5%;}
    .about_num li b{ font-size: 30px;}
    .about_item1{ padding: 5% 0;}
    .about_item2 .h2_tit{ font-size: 20px;}
}

.news_info .title{ text-align: center; padding: 5% 0 30px; border-bottom: 1px solid #ebebeb; margin-bottom: 30px;}
.news_info .title h1{ font-size: 24px; margin: 0 0 20px;}
.news_info .title span{ display: inline-block; margin: 0 20px; color: #999999;}
.news_info .info{ line-height: 36px; font-size: 16px; color: #666666; margin: 10px auto 50px;}
.news_back{ padding: 50px 0; border-top: 1px solid #ebebeb; margin-top: 50px; color: #9fa0a0; font-size: 18px; line-height: 36px;}
.news_back a{ color: #9fa0a0;}
@media(max-width:640px){
    .news_info .title h1{ font-size: 18px; margin: 0 0 10px;}
    .news_info .info{ font-size: 14px; line-height: 24px;}
    .news_back{ font-size: 16px; line-height: 24px;}
}
/*搜索*/
.newsList_box{}
.newsList_box li{ line-height:55px;border-bottom:1px dashed #e5e5e5;}
.newsList_box li a{ padding-right:10px;}
.newsList_box li time{ float:right;}
.newsList_box li a:hover{ color: #d80000;}



.list_links { padding-bottom:2%;}
.list_links ul li{ float:left; width:20%; padding:1%; margin-bottom: 2%;}
.list_links ul li a{ display:block; background-color:#fff; padding:6px;}
.list_links ul li .pic { padding-bottom:35%; background:no-repeat center center; background-size:contain; border: 1px solid #f5f5f5;}
.list_links ul li h4{ text-align:center; margin-top: 10px;}
@media(max-width:768px){
    .list_links ul li{ width:33.33%;}
}
@media(max-width:640px){
    .list_links ul li{ width:50%;}
}
.nav{
	display: none;
}
@media (min-width: 1201px) {
	.top_right .open_menu{
		display: none;
	}
	.nav{
		display: inline-block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 8;
		width: 54%;
		height: 100%;
	}
	.nav ul{
		 display: flex;
		list-style: none;
		font-size: 18px;
		justify-content: space-between;
		height: 100%;
	}
	.nav ul li{
		display: flex;
		align-items: center;
	}
	.nav ul li .a{
		color: #fff;
		line-height: 30px;
	}
	.nav ul li.down{
		position: relative;
	}
	.nav ul li.down:after{
		content: "";
	}
	.nav ul .secondMenu{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 100%;
		white-space: nowrap;
		min-width: 110px;
		display: none;
	}
	.nav ul .smLinks{
		background: #fff;
		border-radius: 5px;
		padding: 10px;
	}
	.nav ul .secondMenu a{
		display: block;
		font-size: 16px;
		color: #333;
		padding: 5px 0;
		text-align: center;
		border-bottom: solid 1px #eee;
	}
	.nav ul .secondMenu a:last-child{
		border-bottom: 0;
	}
	.nav ul .secondMenu a:hover,
	.nav ul li .a:hover{
		color: #d80000;
	}
	.nav ul li:hover .secondMenu{
		display: block;
	}
}

@media (max-width: 1430px) {
	.nav{
		width: 57%;
	}
}
/*20241009*/
li{list-style: none;}
.AboutUs{background: url(../images/aboutbg1.jpg) no-repeat center 66%;}
.AboutUs_p1{padding: 6% 0}
.AboutTit{text-align: center;font-size: 34px;line-height: 36px;color: #333333;}
.AboutTit span{display: block;width: 40px;margin: 30px auto;height: 4px;background-color: #d81718;}
.AboutUs_p1 .content p{font-size: 16px;font-weight: lighter;line-height: 32px;color: #666666;}
.AboutUs_p1 .numlist li{height: 170px;border-radius: 6px;background: url(../images/aboutbg2.png) no-repeat center;float: left;width: 23.5%;list-style: none;padding: 40px;}
.AboutUs_p1 .numlist li:not(:last-child){margin-right: 2%;}
.AboutUs_p1 .numlist li p{font-size: 16px;line-height: 25px;color: #666666;font-weight: lighter;}
.AboutUs_p1 .numlist li h3 b{font-size: 55px;color: #b7a17f;}
.AboutUs_p1 .numlist li h3 span{font-weight: lighter;font-size: 16px;color: #666666;margin-left: 10px;display: inline-block;}
.AboutUs_p1 .numlist{margin: 3% 0;display: inline-block;width: 100%;}
.AboutUs_p1 .tdlist{background: url(../images/aboutbg3.png) no-repeat center;padding: 90px;margin-bottom:3%;}
.AboutUs_p1 .tdlist ul{display: flex;justify-content: space-between}
.AboutUs_p1 .tdlist ul li{text-align: center;color: #fff;flex: 1}
.AboutUs_p1 .tdlist ul li .ico span{position: relative;display: inline-block;}
.AboutUs_p1 .tdlist ul li .ico span:after{width: 100%;height: 100%;position: absolute;left:8px;top: 3px;border-radius: 50%;background-color: #e0c59d;   opacity: 0.2;content: "" }
.AboutUs_p1 .tdlist ul li h3{font-size: 24px;color: #ffffff;margin: 30px 0 15px;}
.AboutUs_p1 .tdlist ul li p{font-size: 16px;line-height: 26px;opacity: 0.8;font-weight: lighter;}
.AboutUs_p1 .tdlist li:not(:last-child){border-right: 1px solid rgba(255,255,255,.2) }

.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}
@font-face{ font-style:normal;font-family:PangMenZhengDao-Cu;src:url(../fonts/PangMenZhengDao-Cu.ttf) format("opentype")}
.History{background: url(../images/Historybg1.jpg) no-repeat center /cover;padding: 6% 0}
.History  .HistoryTit{font-size: 42px;line-height: 42px;color: #b7a17f;text-align: center;margin-bottom: 1%;}
.History  .HistoryTit span{font-size: 20px;color: #999999;font-weight: lighter;display: block;}
.History  .content{font-size: 16px;line-height: 32px;color: #333333;text-align: center;}
.History_tab .tabnav {text-align: center;margin-top: 4%;margin-bottom: 2%;}
.History_tab .tabnav li{margin: 0 20px;width: 200px;height: 100px; background: url(../images/Historybg2.png) no-repeat top center;text-align: center;display: flex;align-items: center;justify-content: center}
.History_tab .tabnav ul{display: flex;justify-content: center}
.History_tab .tabnav li p{font-family: PangMenZhengDao-Cu;font-size: 30px;letter-spacing: -1px;line-height: 42px;color: #ffffff;}
.History_tab .tabnav li span{font-size: 20px;color: #ffffff;}
.History_tab .tabnav li.on{background: url(../images/Historybg2-2.png) no-repeat top center;height: 108px;padding-bottom: 8px;}

.History_tab .tabcon{overflow: hidden;position: relative;padding: 40px 7%;margin: 0 -2px}
.History_tab .tabcon .swiper-slide{min-height: 460px;position: relative;}
.History_tab .tabcon.mySwiper:after{position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background-color: #d81718;content: "";}
.History_tab .tabcon .swiper-slide .con{position: absolute;width: 100%;top: 0;padding-left: 40px;border-left: 1px solid #d81718 ;padding-bottom: 50px;height: 50%;}
.History_tab .tabcon .swiper-slide:nth-child(2n) .con{position: absolute;width: 100%;top: auto;bottom: 0;padding-bottom: 0;padding-top: 40px;}
.History_tab .tabcon .swiper-slide .con:after{position: absolute;width: 15px;height: 1px;background-color: #d81718;content: "";top: 0;left: 0}
.History_tab .tabcon .swiper-slide:nth-child(2n) .con:after{top: auto;bottom: 0}
.History_tab .tabcon .swiper-slide .con .year{font-size: 24px;color: #d81718;font-weight: bold;margin-top: -15px;margin-bottom: 10px;}
.History_tab .tabcon .swiper-slide .con p{font-size: 16px;line-height: 1.6;color: #333333;font-weight: lighter;}
.History_tab .tabcon .swiper-slide .con .imgbox{padding-bottom:56%;margin-top: 10px;}
.History_tab .tabcon .swiper-slide .con .imgbox i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 1;background: url(../images/eyes.png) no-repeat center;width: 100%;height: 100%;opacity: 0;transition: all 0.3s}
.History_tab .tabcon .swiper-slide:hover .con .imgbox i{opacity: 1;}
 #myModal {display: none; /* 默认隐藏 */position: fixed;z-index: 1000;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 580px; padding: 40px;background-color: white;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
#overlay {display: none; /* 默认隐藏 */position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 999;}
#myModal .close-btn {width: 30px;text-align: center;line-height: 30px;border-radius: 30px;color: #fff;background: rgba(0,0,0,.4);right: -45px;top: -15px; font-size: 24px; font-style: normal;  height: 30px;position: absolute;}
#myModal  .imgbox{padding-bottom:56%;margin-bottom: 30px;}
#myModal  .content{max-height: 15em;overflow-y: auto;font-size: 16px;line-height: 30px;color: #666666;font-weight: lighter;}
#myModal  h2{font-size: 22px;font-weight: normal;line-height: 35px;color: #333333;}
#myModal  h2 span{display: block;width: 30px;height: 3px;background-color: #d81718;margin: 15px 0}

.History_tab .swiper-button-next,.History_tab  .swiper-button-prev{width: 41px;height: 41px;background-color: #ffffff;}
.History_tab .swiper-button-next:after,.History_tab  .swiper-button-prev:after{font-size: 20px;color: #a3a3a3;}
.History_tab .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0}
.History_tab .swiper-button-prev,.History_tab  .swiper-rtl .swiper-button-next{left: 0}
.History_tab .swiper-button-next:hover:after,.History_tab  .swiper-button-prev:hover:after{color: #ffffff;}
.History_tab .swiper-button-next:hover,.History_tab  .swiper-button-prev:hover{background: #d80000;}


.Kczx{padding: 6% 0;background: url(../images/kcbg.png) no-repeat center -9% ;}
.Kczx  .KczxTit{font-size: 42px;line-height: 42px;color: #b7a17f;text-align: center;margin-bottom: 5%;}
.Kczx  .KczxTit span{font-size: 20px;color: #999999;font-weight: lighter;display: block;}
.Kczx .numlist{width: 64%;margin: 0 auto}
.Kczx .numlist li{float: left;width: 23.5%;border-bottom: 10px solid #f9f9f9;text-align: center;padding-bottom: 15px;}
.Kczx .numlist li:not(:last-child){margin-right: 2%;}
.Kczx .numlist li h3 b{font-size: 55px;color: #d80000;}
.Kczx .numlist li h3{line-height: 55px}
.Kczx .numlist li h3 sup{font-size: 16px;color: #666666;font-weight: lighter;position: relative;top: -20px;margin-left: 10px;}
.Kczx .numlist li p{font-weight: lighter;line-height: 25px;font-size: 16px;color: #666666;}
.Kczx .numlist .tips{text-align: center;font-size: 16px;line-height: 25px;color: #999999;margin-top: 10px;display: inline-block;width: 100%;}
.Kczx .tdlist{margin: 6% 0;}
.Kczx .tdlist li{float: left;width: 19%;padding: 40px;background-color: rgba(216, 23, 24, 0.05);border-radius: 6px;}
.Kczx .tdlist li:not(:last-child){margin-right: 1.25%;}
.Kczx .tdlist li .ico span{position: relative;display: inline-block;}
.Kczx .tdlist li .ico span:after{width: 100%;height: 100%;position: absolute;left:8px;top: 3px;border-radius: 50%;background-color: #d81718;   opacity: 0.1;content: "" }
.Kczx .tdlist li h3 b{font-size: 55px;color: #d80000;}
.Kczx .tdlist li h3 span,.Kczx .tdlist li p{color: #666666;font-size: 16px;font-weight: lighter;}
.Kczx .tdlist li h3{margin: 20px 0 10px}
.Kczx .content{font-size: 16px;line-height: 32px;color: #666666;font-weight: lighter;padding: 6% 0 0}
.Kczx .content img{display: block;margin: 0 auto}

.ProductList{padding: 6% 0;}
.ProductList  .ProTit{font-size: 42px;line-height: 42px;color: #b7a17f;text-align: center;margin-bottom: 2%;}
.ProductList  .ProTit span{font-size: 20px;color: #999999;font-weight: lighter;display: block;}
.ProductList .ProCategory{padding: 30px 30px 15px;background-color: #f9f9f9;}
.ProductList .ProCategory li{float: left;width: 19%;margin-bottom: 1.25%;text-align: center;border: solid 1px #cccccc;height: 50px;margin-right: 1.25%;line-height: 50px;font-size: 16px;color: #666666;font-weight: lighter;}
.ProductList .ProCategory li:nth-child(5n){margin-right: 0%;}
.ProductList .ProCategory li:hover,.ProductList .ProCategory li.on{background-color: #d81718;border-color:#d81718 }
.ProductList .ProCategory li:hover a,.ProductList .ProCategory li.on a{color: #fff}
.ProductList .ListSearch{height: 40px;line-height: 40px;margin: 40px 0}
.ProductList .ListSearch p{font-size: 16px;color: #999999;}
.ProductList .ListSearch p span{color: #d81718;}
.ProductList .ListSearch .search input{border: none;background: none;font-size: 16px;color: #bfbfbf;font-weight: lighter;}
.ProductList .ListSearch .search{border-bottom: 1px solid #dedede ;}
.ProductList .ListSearch .search input.btn{font-size: 0;background: url(../images/icon_search2.png) no-repeat center;width: 40px;height: 40px;cursor: pointer;} 
.ProductList .List li{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 2%;background-color: #ffffff;   border: solid 1px #e5e5e5;transition: all 0.3s}
.ProductList .List li:nth-child(4n){margin-right: 0%;}
.ProductList .List li .imgbox{padding-bottom: 75%;}
.ProductList .List li p{height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #666666;font-weight: lighter;}
.ProductList .List li:hover{border-color:#fff;background: #d80000 }
.ProductList .List li:hover p{color: #fff}


.RighInfo001108{padding: 6% 0}
.RighInfo001108 .pic{ float:left; width:47%;}
.RighInfo001108 .pic li .imgbox{padding-bottom: 75%;}
.RighInfo001108 .pic .slick-prev{background: url(../images/icon_btn3.png) no-repeat left center;background-size: auto 100%;z-index: 3;left: 10px;}
.RighInfo001108 .pic .slick-next{background: url(../images/icon_btn3.png) no-repeat right center;background-size: auto 100%;z-index: 3;right: 10px;}
.RighInfo001108 .pic .slick-arrow{opacity: 0.6;}
.RighInfo001108 .pic .slick-arrow:hover{opacity: 1;}
.RighInfo001108 .pic .slick-arrow:before{display: none}
.RighInfo001108 .pic img{ width:100%;}
.RighInfo001108 .txt{ float:right; width:47%; padding-right:2%; color:#333;}
.RighInfo001108 .txt h1{ font-size: 34px;line-height: 42px;color: #333333; font-weight:normal;}
.RighInfo001108 .txt h1 span{display: block;width: 40px;margin: 30px 0;height: 4px;background-color: #d81718;}
.RighInfo001108 .txt dl{ padding:3% 0; }
.RighInfo001108 .txt dd{font-size: 16px;line-height:32px; color: #666666;font-weight: lighter;}
.RighInfo001108 .txt p{ line-height:32px;font-size: 16px;color: #666666;padding-bottom: 30px;border-bottom: 1px solid #ebebeb;;}
.RighInfo001108 .txt p.lx{border: none;padding: 0}
.RighInfo001108 .txt p.lx span{color: #b7a17f;font-size: 16px;font-weight: normal;}
.RighInfo001108 .txt .contact{ padding:3% 0;}
.RighInfo001108 .txt .contact a{background-color: #d81718; color:#fff; width:160px; text-align:center; line-height:50px; display:inline-block;}
.RighInfo001108 .tab{ margin-top:6%; background-color:#f5f5f5; overflow:hidden; font-weight:bold;display: flex;}
.RighInfo001108 .tab span{ cursor:pointer; display:inline-block;  line-height:60px;flex: 1;text-align: center;font-size: 18px;color: #666666;font-weight: lighter;}
.RighInfo001108 .tab span.on{ border-top: 2px solid  #d81718; color:#d81718;font-weight: normal;}
.RighInfo001108 .tab_info{ padding:2% 0 0;}
.RighInfo001108 .tab_info {font-size: 16px;line-height: 32px;color: #666666;}
.RighInfo001108 .tab_info img{display: block;margin: 30px auto 0}

@media(max-width:1024px){
.AboutTit,.History .HistoryTit,.Kczx .KczxTit,.ProductList .ProTit,.RighInfo001108 .txt h1{font-size: 24px;}
.AboutTit span{margin: 10px auto}
.History .HistoryTit span,.Kczx .KczxTit span,.ProductList .ProTit span{font-size: 14px;line-height: 1}
.AboutUs_p1 .numlist li{padding: 20px;height: auto;}
.AboutUs_p1 .numlist ul{display: flex;}
.AboutUs_p1 .numlist li p{font-size: 14px;}
.AboutUs_p1 .numlist li h3 b{font-size: 40px;}
.AboutUs_p1 .tdlist{padding: 20px;background-size: cover}
.AboutUs_p1 .tdlist ul li h3{margin: 10px auto;font-size: 20px;}
.History_tab .tabnav li{margin: 0 10px;}
.Kczx .tdlist li h3 b{font-size: 48px;}
.Kczx .tdlist ul{display: flex;}
.Kczx .numlist{width: 80%;}
.ProductList .ProCategory{padding: 10px}
.ProductList .ProCategory li,.ProductList .ProCategory li:nth-child(5n),.ProductList .List li:nth-child(4n){width: 32%;margin-right: 2%;}
.ProductList .ProCategory li:nth-child(3n),.ProductList .List li:nth-child(3n){margin-right: 0;}
.ProductList .List li{width: 32%}
.ProductList .ListSearch{margin: 20px 0}
.ProductList .ProCategory li{line-height: 40px;height: 40px;}
.RighInfo001108 .txt h1{line-height: 30px;}
.RighInfo001108 .txt h1 span{margin: 10px 0}
.RighInfo001108 .txt .contact a{width: 120px;line-height: 40px;}
.RighInfo001108 .tab span{line-height: 42px;font-size: 16px;}
}
@media(max-width:768px){
.History_tab .tabnav li p{font-size: 20px;line-height: 24px;}
.History_tab .tabnav li span{font-size: 14px;}
.History_tab .tabnav li{width: auto;padding: 10px;height: 60px;}
.History_tab .tabnav li.on{height: 66px;background-size: 100% 100%}
.History_tab .tabcon .swiper-slide{min-height: 300px;}
.History_tab .tabcon .swiper-slide .con{position: static;height: 100%;border: none;padding: 0}
.History_tab .tabcon{padding: 20px 0}
.History_tab .tabcon.mySwiper:after{display: none}
.History_tab .tabcon .swiper-slide:nth-child(2n) .con{padding: 0}
.History_tab .tabcon .swiper-slide .con:after{display: none}
.Kczx .numlist{width: 100%;}
.Kczx .numlist li h3 b,.Kczx .tdlist li h3 b{font-size: 40px;}
.Kczx .numlist li h3 sup{top: -10px;}
.Kczx .tdlist li{padding: 15px;}
.RighInfo001108 .txt{margin-right: 0;margin-top: 30px;}
.Kczx .tdlist{margin-bottom: 0%;}
}
@media(max-width:480px){
.RighInfo001108 .pic,
.RighInfo001108 .txt{ float:none; width:auto;}
.AboutUs_p1 .numlist ul,.AboutUs_p1 .tdlist ul,.Kczx .tdlist ul{flex-wrap: wrap;justify-content: space-between;}
.AboutUs_p1 .numlist li,.AboutUs_p1 .numlist li:not(:last-child),.AboutUs_p1 .tdlist ul li,.Kczx .numlist li,.Kczx .numlist li:not(:last-child){width: 49%;margin-right: 0;margin-bottom: 2%;}
.AboutUs_p1 .numlist li:nth-child(2n),.AboutUs_p1 .tdlist ul li:nth-child(2n),.Kczx .numlist li:nth-child(2n){float: right;border-right: none;}
.AboutUs_p1 .tdlist ul li{flex: auto;margin-bottom: 2%;}
.History_tab .tabnav li{margin: 0 3px;padding: 5px;}
.History_tab .tabnav li span{font-size: 10px;}
.History_tab .tabnav li p{font-size: 14px;}
.History_tab .tabcon .swiper-slide{min-height: 200px;}
.History_tab .swiper-button-next, .History_tab .swiper-button-prev{display: none}
.Kczx .tdlist li{width: 49%;margin-bottom: 2%;}
.Kczx .tdlist li:not(:last-child){margin-right: 0;}
.ProductList .ProCategory li,.ProductList .ProCategory li:nth-child(5n), .ProductList .List li:nth-child(4n),.ProductList .List li{width: 49%;margin-right: 0;}
.ProductList .ProCategory li:nth-child(2n),.ProductList .List li:nth-child(2n){float: right;}
.ProductList .List li p{height: 40px;line-height: 40px;font-size: 16px;}
}

































