*{ box-sizing: border-box;font-family: "微软雅黑";}
.clear{ clear: both;}
.left,.lleft{ float: left;}
.right,.rright{ float:right;}
.txtleft{  text-align: left;}
.txtright{ text-align: right;}

.banner{ width: 100%; height: 976px; background: url(bannerbg.png) center top no-repeat; overflow: hidden; position: relative; z-index: 999;}
.logo{ width: 1200px; margin: 30px auto;}
.bannerword{ width: 1088px; margin: 0 auto; margin-top:140px;}
.bannerword img{ width: 50%; display: block; margin: 0 auto;}

.section1bg{ width: 100%; height: 968px; margin-top: -280px; padding-top: 300px; background: url(s1bg.png) center bottom no-repeat; overflow: hidden; position: relative; z-index: 998;}
.section1{ width:1200px; height: 465px; margin: 0 auto; padding: 30px; background-color: #fff; border-radius:20px;}
.section1 .left{ width: 720px; height: 405px;}
.section1 .slideBox .bd ul {height: 405px; }
.section1 .slideBox .bd img { width: auto;height: 405px;}
.section1 .slideBox{ width: 720px; height:405px; background: url(slidebg.png) center center no-repeat; position:relative; margin-bottom:18px;}
.section1 .slideBox .bd{ position:relative; height:100%; z-index:0; }
.section1 .slideBox .bd ul{height:405px;}
.section1 .slideBox .bd ul li{ position:relative; height: 405px; text-align: center;}
.section1 .new_pic{position: relative;}
.section1 .new_pic img{ width: 100%; height: 100%;}
.section1 .pos_txt{position: absolute;height: 50px;width: 100%;bottom: 0;left: 0;line-height: 50px;padding-left: 20px;font-size: 20px;background-color: #000; opacity: 0.7; text-align: left;}
.section1 .pos_txt a{ color:#fff; }
.section1 .pos_txt a:hover{ color:#fff;}
.section1 .slideBox .hd{position:absolute; bottom:13px;right: 10px;}
.section1 .slideBox .hd ul{float:right;}
.section1 .slideBox .hd ul li{ float:left;width: 24px; height: 24px; line-height: 20px; border-radius: 100%; font-size: 13px; color:#fff; margin-right: 15px; cursor: pointer;}
.section1 .new_txt{ text-align: center; color:#333; font-size: 14px;}
.section1 .slideBox .hd ul li.on{ background-color: #FD8C16;}
.section1 .right{ width: 380px; height: 407px; border-left: 1px dashed #ccc;}
.section1 .right ul li{ height: 88px; background: url(dot.png) left top+6px no-repeat; padding-left: 25px; margin-left: -5px;}
.section1 .right ul li a{ font-size:18px; display: block;}
.section1 .right ul li:hover{ background-image: url(dot_h.png);}
.section1 .right ul li:hover a{ color: #417AF9;}
.section1 .right ul li span{ display: block; float: right; color: #999; line-height: 32px;}
.seemore{ display: block; margin: 0 auto; width: 120px; height: 50px; color: #FD8E17; border: 1px solid #FD8E17; border-radius: 10px; text-align: center; line-height: 50px;}

.section2bg{ width: 100%; height: 1130px; background: url(s2bg.png) center bottom no-repeat; background-color: #DFEFFF; margin-top: -340px; padding-top: 250px; position: relative; z-index: 996;}
.section2{ width: 1200px; margin: 0 auto;}
.section2 .s2boxbg{ margin-top: 60px; width: 100%; height: 500px; background: url(s2boxbg.png) center center no-repeat; padding: 30px}
.section2 .s2boxbg .s2box{ background-color: #fff; width: 1140px; height: 440px; background-color: #fff; padding: 15px; overflow-y: scroll;}
.section2 .s2boxbg .s2box ul li{ width:100%; height: 102px;background: url(dot2.png) left+20px center no-repeat;  border-radius: 20px;}
.section2 .s2boxbg .s2box ul li>div>a{ font-size:19px; font-weight: bold;}
.section2 .s2boxbg .s2box ul li>div{ width: 1070px; height: 100%; line-height:60px; margin: 0 auto; border-bottom:1px dashed #ccc; padding: 20px; padding-left: 30px;}
.section2 .s2boxbg .s2box ul li:hover{ background-color: #EBF5FF; background-image: url(dot2_h.png);}
.section2 .s2boxbg .s2box ul li .rlink{ float: right;}
.section2 .s2boxbg .s2box ul li .rlink a{ padding: 0 20px; border-right: 2px solid #4383F8; color: #4383F8;}
.section2 .s2boxbg .s2box ul li .rlink a:hover{ color:#FD8E17;}
.section2 .s2boxbg .s2box ul li .rlink a:last-child{ border-right:none;}

div::-webkit-scrollbar {
    width: 10px; 
  }
div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
    opacity: 0.2;
    background: fade(@primary-color, 60%);
  }
  div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(233, 233, 233, 1);
    border-radius: 0;
    background: fade(@primary-color, 30%);
  }

.section3bg{ width: 100%; height:1312px; background: url(s3bg.png) center top no-repeat; margin-top: -220px; padding-top: 180px; position: relative; z-index: 997;}
.section3{ width: 1219px; margin: 0 auto;}

.section4bg{ width: 100%; height: 860px; margin-top: -314px; padding-top: 220px; background: url(s4bg.png) center center no-repeat; background-color: #DFEFFF;}
.section4{ width: 1200px; margin: 0 auto;}
.section4 .title{ margin-bottom: 60px;}
.section4 .left{ width:700px; height: 438px; margin-left: -60px; padding-left: 85px; padding-top: 40px; background: url(s4leftbg.png) center center no-repeat;}
.section4 .right{ width: 553px; height: 362px; margin-top: 40px; background: #fff; border-radius: 10px;}
.section4 .slideBox{ width: 532px; height: 332px; position: relative;}
.section4 .slideBox .bd ul {height: 332px; }
.section4 .slideBox{ width: 532px; height:332px; background: url(slidebg.png) center center no-repeat; position:relative; margin-bottom:18px;}
.section4 .slideBox .bd{ position:relative; height:100%; z-index:0; }
.section4 .slideBox .bd ul{height:332px;}
.section4 .slideBox .bd ul li{ position:relative; height: 332px; text-align: center;}
.section4 .new_pic{position: relative;}
.section4 .new_pic img{ width: 100%; height: 100%;}
.section4 .pos_txt{position: absolute; width:60px;height: 60px;top: 50%;left: 50%; margin-left: -30px; margin-top: -30px;}
.section4 .slideBox .hd{position:absolute; bottom:13px;right: 10px;}
.section4 .slideBox .hd ul{float:right;}
.section4 .slideBox .hd ul li{ float:left;width: 24px; height: 24px; line-height: 20px; border-radius: 100%; font-size: 13px; color:#fff; margin-right: 15px; cursor: pointer;}
.section4 .new_txt{ text-align: center; color:#333; font-size: 14px;}
.section4 .slideBox .hd ul li.on{ background-color: #FD8C16;}

.section4 .right{ padding: 20px;}
.section4 .seemore{ position: absolute; bottom: 0; left: 50%; margin-left: -60px; border: 1px solid #ccc; color: #999;}
.section4 .seemore:hover{ color: #FD8E17; border: 1px solid #FD8E17;}
.lleft,.rright{ width: 50%; height: 140px; font-size: 18px; line-height: 32px; position: relative;}
.tit{ background: url(dot2.png) left top+7px no-repeat; padding-left: 20px;}
.tit:hover{ background-image: url(dot2_h.png);}