html{overflow-x:hidden;}
body{margin:0;padding:0;font-family: "微软雅黑", Arial, Helvetica, sans-serif;font-size:16px;color:#222;}

p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
h6{font-size:14px;}
ul,ol,li{list-style:none;margin:0;padding:0px;}
a{color:#333;text-decoration:none;}
img{border:none;}
.f_l{float:left;}
.f_r{float:right;}
.clear{clear:both;}
input,button,textarea,select{ border:none;font-family: "微软雅黑"}
input,button,textarea,select {outline:none;}
*{ margin:0; padding:0; box-sizing:border-box  }
.container{max-width:1600px;width: 92%;margin:0 auto;height:auto;display:block;}


.header{ display:block;width:100%; height:86px; position:fixed; top:0px; left:0px; z-index:999; background:rgba(12,12,12,0.16)}
.header .container{display: flex; align-items: center;justify-content: space-between; height:100%}
.header .logo{display: flex; align-items: center; }
.header .logo2{ display:none}
.header ul{ display:flex; width:50%;justify-content: space-between; font-size:18px;}
.header ul a{ color:#FFF; cursor:pointer}
.sp_header{ display:none}
.sjj_nav{ display:none}

.Top002262_fixed{ background:#FFF;}
.Top002262_fixed ul a{ color:#222}
.Top002262_fixed .logo2{ display:block}
.Top002262_fixed .logo1{ display:none}

.sp_header{ display:none}
.sjj_nav{ display:none}

.slideBox{ width:100%;  overflow:hidden; position:relative;   }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;overflow:hidden }
.slideBox .bd img{ width:100%; display:block;  }
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-40px; display:block; width:44px; height:80px; background:rgba(12,12,12,0.3); display:flex; align-items: center; justify-content: center   }
.slideBox .next{ right:0; left:auto  }
.div1{ padding:70px 0}
.div1_t_t{ background:url(../images/bg1.jpg) no-repeat center; background-size:100% auto}
.div1_t_t h2{ font-weight:normal; font-size:46px; padding:20px 0}
.div1_t span{ display:block; width:100px; height:6px; background:#ed1c24; margin-top:20px}
.slideTxtBox{ width:100%;   }
.slideTxtBox .hd{  position:relative; }
.slideTxtBox .hd ul{ display:flex; justify-content: space-between;  }
.slideTxtBox .hd ul li{ width:10%;   }
.slideTxtBox .hd ul li .img{display:flex; align-items: center; justify-content: center; background:#f6f6f6; border-radius:50% ;border:2px solid #fff; width:130px; height:130px; margin:10px auto}
.slideTxtBox .hd ul li .img img{ max-height:76%; max-width:80%}
.slideTxtBox .hd ul li.on .img{  border:2px solid #ed1c24; }
.slideTxtBox .hd ul li p{ text-align:center; line-height:28px; font-size:18px;}
.slideTxtBox .bd ul{ padding:36px 0; zoom:1;  }
.slideTxtBox .bd ul .ul_t h2{ font-size:40px;}
.slideTxtBox .bd ul .ul_t p{ font-size:18px; line-height:36px; display:block; padding-top:8px;}
.slideTxtBox .bd ul .ul_b{ display:flex;justify-content: space-between;align-items: center }
.slideTxtBox .bd ul .ul_b .ul_l{ width:50%;}
/*.slideTxtBox .bd ul .ul_b .ul_l .ul_lc{ max-height:350px; overflow-y:scroll}*/
.slideTxtBox .bd ul .ul_b .ul_l h3{ font-size:18px; padding-top:12px;}
.slideTxtBox .bd ul .ul_b .ul_l p{ font-size:18px; line-height:36px; display:block; padding-top:8px;}
.slideTxtBox .bd ul .ul_b .ul_l .dianhua a{ background:#f5f5f5; margin-top:30px;}
.slideTxtBox .bd ul .ul_b .ul_r{ width:46%; display:flex;justify-content: center;align-items: center}
.slideTxtBox .bd ul .ul_b .ul_r img{ display:block; max-width:100%; max-height:400px}
.slideTxtBox1{ display:none}

.div2{ background:url(../images/bg2.jpg) no-repeat center; padding:80px 0; background-size:100% 100%}
.div2 .div2_t{ width:60%}
.div2 .div2_t h2{ font-size:36px; padding-bottom:25px; }
.div2 .div2_t p{ font-size:18px; line-height:36px; padding-right:10%}
.dianhua a{  border-radius:30px; display:flex;justify-content:center;align-items: center; width:230px; height:56px; margin-top:40px;
 background:rgba(255,255,255,0.6)}
.dianhua a span{ font-size:22px; padding-left:12px}
.div2 .div2_b{ width:55%; display:flex; margin-top:50px;}
.div2 .div2_b li{ width:30%}
.div2 .div2_b li h2{ font-size:48px; color:#ed1c24}
.div2 .div2_b li p{ font-size:20px; padding-top:6px;}

.div3{ background:#f6f6f6; padding:70px 0 86px 0}
.div3_t{ text-align:center; padding-bottom:50px;}
.div3_t h2{ font-size:40px; padding-bottom:25px; font-weight:normal} 
.div3_t span{ display:block; width:100px; height:6px; background:#ed1c24; margin:0 auto}
.div3_c{ display:flex; background:#FFF;justify-content: space-between;align-items: center}
.div3_c img{ display:block; width:50%}
.div3_c  p{ width:50%; padding:0 5%; font-size:18px; line-height:40px;}

.picScroll-left{ position:relative; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:56px; height:56px; position:absolute; left:-66px; top:50%; margin-top:-28px}
.picScroll-left .hd .next{right:-66px; left:auto }
.picScroll-left .bd{ padding-top:30px; overflow:hidden;width:101%; margin:0 -0.5% }
.picScroll-left .bd ul{ overflow:hidden; zoom:1;  }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:25%;  }
.picScroll-left .bd ul li img{ display:block; width:100%; padding:0 10px; box-sizing:border-box}

.footer{ background:#171717; padding:50px 0}
.footer .container{display:flex; justify-content: space-between;}
.footer .footer_l p{ font-size:22px; color:#FFF; padding:12px 0 28px 0; letter-spacing:2px}
.footer .footer_c{ font-size:16px; color:#8b8b8b; line-height:36px;}
.footer .footer_c h2{ color:#FFF; padding-bottom:10px; font-size:18px; padding-top:5px;}

.bottom{ background:#111111; color:#8b8b8b; padding:20px 0}
.bottom .container{display:flex; justify-content: space-between;}
.bottom a{color:#8b8b8b;}

@media only screen and (max-width:1700px){
.slideTxtBox .bd ul .ul_t h2{ font-size:32px;}
.slideTxtBox .bd ul .ul_t p{ font-size:17px; line-height:34px;}
.slideTxtBox .bd ul .ul_b .ul_l h3{ font-size:17px; padding-top:10px;}
.slideTxtBox .bd ul .ul_b .ul_l p{ font-size:17px; line-height:34px; padding-top:6px;}
.div2 .div2_t{ width:66%}
}

@media only screen and (max-width:1600px){
.footer_r{ width:40%; overflow:hidden}
.footer_r img{ display:block; height:240px}
.footer .footer_c{ line-height:33px; font-size:15px;}
.footer_l .er{ width:110px;}
}
@media only screen and (max-width:1500px){
.container{width:1250px !important;}
.div1_t span{ width:70px; margin-top:10px; height:5px;}
.div1_t_t h2{ font-size:40px;}
.slideTxtBox .bd ul .ul_t h2{ font-size:28px;}
.div1{ padding:50px 0}
.slideTxtBox .bd ul .ul_t p{ font-size:16px; line-height:30px;}
.slideTxtBox .bd ul .ul_b .ul_l h3{ font-size:16px;}
.slideTxtBox .bd ul .ul_b .ul_l p{ font-size:16px; line-height:30px;}
.dianhua a span{ font-size:20px; padding-left:10px;}
.slideTxtBox .bd ul .ul_b .ul_l .dianhua a img{ display:block; height:16px;}
.dianhua a{ width:220px;}
.slideTxtBox .hd ul li p{ font-size:16px; line-height:26px;}
.slideTxtBox .hd ul li .img{ width:110px; height:110px;}
.slideTxtBox .bd ul .ul_b .ul_r img{ max-height:350px}
.div2 .div2_t h2{ font-size:32px;}
.div2 .div2_t{ width:70%}
.div2 .div2_t p{ padding-right:13%; font-size:16px;}
.div2 .div2_b li h2{ font-size:44px;}
.div2 .div2_b li p{ font-size:18px;}
.div3_t span{ width:70px;  height:5px;}
.div3_c p{ font-size:16px; line-height:36px;}
}



@media only screen and (max-width: 992px){
.slideBox .bd li{ height:auto}
.slideBox{  height:auto; padding-top:50px}
.container{width:100% !important; padding:0 3% }	
.header{ display:none}
.sp_header{ display:block}
.sjj_nav{ display:block}
.sp_header{height:50px;overflow:hidden;background:#fff;width:100%; position:fixed; left:0; top:0; z-index:999; width:100%}
.sp_logo{padding:7px 7px;float:left;}
.sp_logo img{margin:auto;max-height:36px;}
.sp_nav{width:46px;float:right;position:relative;cursor:pointer;height:30px;margin-top:17px}
.sp_nav span{display:block;background:#222;width:23px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:9px}
.sp_nav span:nth-of-type(3){top:18px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:#FFF;width:100%;height:calc(100% - 50px);font-size:15px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;border-top:1px #ddd solid;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#2ea099}
.sjj_nav ul li ul li>ul{margin-left:10px}
.slideBox .prev,.slideBox .next{ display:none}

.div1{ padding:30px 0}
.div1 .container{ padding:0 3%}
.div1_t_t h2{ font-size:30px; padding:20px 3% !important}
.div1_t_t{ background-position:left center; background-size:auto 100%}
.div1_t span{ width:50px; height:4px}
.slideTxtBox .bd ul{ padding:20px 0}
.slideTxtBox .bd ul .ul_t h2{ font-size:22px;}
.slideTxtBox .bd ul .ul_b{ display:block}
.slideTxtBox .bd ul .ul_b .ul_l{ width:100% !important}
.slideTxtBox .bd ul .ul_b .ul_r{ width:100% !important}
.slideTxtBox .bd ul .ul_t p{ font-size:15px; line-height:29px;}
.slideTxtBox .bd ul .ul_b .ul_l h3{ font-size:15px;}
.slideTxtBox .bd ul .ul_b .ul_l p{font-size:15px; line-height:29px;}
.slideTxtBox .bd ul .ul_b .ul_r img{ margin-top:12px;}
.slideTxtBox .bd ul .ul_b .ul_l .dianhua a{ margin-top:15px; height:50px}
.slideTxtBox .hd ul li{ width:auto; float:left; height:60px; display:flex;align-items: center; margin-right:20px;}
.slideTxtBox .hd ul li p{ font-size:15px; line-height:22px; color:#888}
.slideTxtBox .hd ul li .img{ display:none;width:80px; height:80px}
.slideTxtBox{ position:relative; padding-top:60px; margin-top:20px;}
.slideTxtBox .hd{ position:absolute; top:0; width:100%;}
.slideTxtBox .hd ul{  display: flex; 
    overflow-x: auto; 
    white-space: nowrap;}
.slideTxtBox .hd ul li.on{ border-bottom:3px #ed1c24 solid}
.slideTxtBox .hd ul li.on p{ color:#222; font-weight:bold; color:#ed1c24}

.div2 .div2_t h2{ font-size:22px; padding-bottom:10px;}
.div2 .div2_t{ width:100%}
.div2{background: url(../images/bg3.jpg) no-repeat center; background-size:cover; padding:30px 0;}
.div2 .div2_t p{ line-height:32px; padding:0}
.dianhua a{ margin-top:15px;}
.div2 .div2_b{ width:100%}
.div2 .div2_b li h2{ font-size:30px;}
.div2 .div2_b li p{ font-size:16px;}

.div3_t h2{ font-size:30px; padding-bottom:15px;}
.div3_t span{ height:4px; width:50px; }
.div3_t{ padding-bottom:20px;}
.div3{ padding:30px 0}
.div3_c{ display:block}
.div3_c img{ width:100%}
.div3_c p{ width:100%; padding:10px 3%; font-size:15px; line-height:30px;}
.picScroll-left .bd ul li{ width:50%}
.picScroll-left .bd{ padding-top:20px;}
.picScroll-left .hd .prev, .picScroll-left .hd .next{ left:0; bottom:0px; top:auto}
.picScroll-left{ padding-bottom:56px;}
.picScroll-left .hd .next{ right:0; left:auto}
.footer .container{ display:block}
.footer_r{ width:100%}
.footer_r img{ width:100%; height:auto}
.footer{ padding:30px 0}
.footer .footer_c h2{ padding:15px 0 5px 0}
.footer .footer_c{ line-height:30px; padding-bottom:10px;}
.bottom .container{ display:block; font-size:14px; line-height:26px;}
.bottom{ padding:10px 0}
#div1{scroll-margin-top: 70px;}
#div2{scroll-margin-top: 70px;}
#div3{scroll-margin-top: 70px;}
}