.section1{width:100%;height:auto;background: url("../img/sybg1.jpg") no-repeat center top;padding:150px 0;overflow: hidden;}
.syspL{width:525px;padding-left: 20px; }
.syspR{margin-top:40px;
 background:url(../img/syvideobtn.png) no-repeat;
 width:77px;
 height:78px;
 display:block;
 margin-right:90px;}
.syspR:hover{background: url("../img/videobtniconcur.png") no-repeat;}
.syspL h2{
 font-size:30px;
    margin-left: 45px;
 color:#fff;
 font-weight:normal;
 padding:5px 30px;
 /* border:1px solid聽rgba(255,255,255,.17); */
 margin-bottom:35px;
 background:url(../img/icons/line33.png) no-repeat left center;
}
.syspL p{font-size:22px;
 color:#CCCCCC;
 line-height:30px;
 text-align:center;}
.yxhzPicList li p.syjx{background: #fff;color:#666666;font-size: 18px;}
.yxhzPicList li:hover p.syjx{color:#9A0000;}
.syTit{  margin-bottom: 40px;overflow: hidden;position: relative;width:100%; }
.syTit p a{position: absolute; right: 0;bottom: 0;}
.educationNav li.active span{
    color: #990000;
}
.educationNav li {
    float: left;

    cursor: pointer;
}
.syTit span{padding-right: 20px;font-size: 26px;color: #990000;}
.educationNav li.active a {
    display: block;
}
.educationNav li a {
    position: absolute;
    right: 0;
    display: none;
    bottom: 0;
}

.educationNav li.active  a.xwlink{color: #990000;}
.educationNav li a.xwlink{position: relative;display: inline;color: #9A9A9A;}
.section2{padding-top: 40px;}
.section3{background: #F1F1F1;padding: 40px 0;overflow: hidden}
.section3L{width:894px;float: left;}
.section3R{width:264px;float: right;}
.notice1{overflow: hidden;margin-left: -3%;}
.notice1 li{float: left;width:30%;margin-left: 3%;overflow: hidden}
.notice1 li .npic{width:100%;overflow: hidden;height:200px;
    transition: all 0.6s;
}
.notice1 li .npic a.innovatePic{display: block;width:100%;height:100%;overflow: hidden;transition: all 0.6s;}
.notice1 li:hover .npic a.innovatePic{transform: scale(1.2);}
.yxhzPicList{overflow: hidden;margin-left: -3%;}
.yxhzPicList li{width: 22%;
    margin-left: 3%;
    float: left;overflow: hidden}
.yxhzPicList li .npic{width:100%;overflow: hidden;transition: all 0.6s;}
.yxhzPicList li .npic a.innovatePic{display: block;width:100%;height:100%;overflow: hidden;transition: all 0.6s;}
.yxhzPicList li:hover .npic a.innovatePic{transform: scale(1.2);}
.innovateTxt{background: #fff;padding: 20px;}
.innovateTxt:hover a{color:#9A0000;}
.innovateTxt a{font-size: 16px;color: #333333;line-height: 26px;height: 57px;display: block;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; }
.innovateTxt p{color:#999999;font-size: 15px;margin-top: 10px;}
.view li{margin-top: 40px;}
.viewTime{padding:5px 10px;background: #9A0000;}
.viewTime span{font-size: 30px;color:#fff;text-align: center;display: block;}
.viewTime b{display: block;text-align: center;color:#CCCCCC;font-size: 12px;font-weight: normal;}
.viewTxt{width:180px;margin-left: 15px;}
.viewTxt a{font-size: 16px;color:#333333;display: block;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;height:48px;line-height: 24px;}
.viewTxt a:hover{color:#9A0000}
.viewTxt p{font-size: 14px;color:#666666;margin-top: 20px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;height:66px;line-height: 22px;}
#syslick{margin-bottom: 0;}
.banner:hover #syslick .slick-prev,.banner:hover #syslick .slick-next{visibility: visible;}
#syslick .slick-prev{background: url("../img/bannerleft.png") no-repeat;width:61px;height:92px;left:10%;visibility: hidden}
#syslick .slick-next{background: url("../img/bannerright.png") no-repeat;width:61px;height:92px;right:10%;visibility: hidden}
#syslick .slick-prev:before,#syslick .slick-next:before{content: ""}
#syslick .slick-prev:hover{background: url("../img/bannerleft2.png") no-repeat;}
#syslick .slick-next:hover{background: url("../img/bannerright2.png") no-repeat;}
.banner{position: relative}
.top{position: absolute;  top: 0;  left: 0;  z-index: 100;right: 0;}
.top .head{height:auto;padding:0;}
.top .toolBox2{padding: 16px 0;}
.nav2{width:100%;height:70px;background: url("../img/navbg.png") no-repeat center top;}
.menu li{float: left;margin-left: 60px;line-height: 70px;position: relative}
.menu li a{font-size: 16px;color:#FFFFFF;}
.syej{position: absolute;top:70px;left:-40px;background: url(../img/ejbg.png) repeat;border-top: 2px solid #C02727;width:130px;padding: 10px;display: none}
.syej dd{text-align: center;line-height: 40px;}
.syej dd:hover a{color:#990000;}
@media screen and (max-width: 1217px){
    .section1{background-size:cover;padding:40px 0;}
    .section3L{width:700px;}
    .menu li{margin-left: 40px;}
}
@media screen and (max-width: 1020px){
    .section1{background-size:cover;}
    .section3L{width:auto;float: none;margin-bottom: 40px;}
    .section3R{width:auto;float: none;}
    .view{overflow: hidden;margin-left: -40px;}
    .view li{float: left;margin-left: 40px;}
    .top{display: none}
}
@media screen and (max-width: 770px){
    .yxhzPicList li p.syjx{font-size: 12px;}
    .syspL{width:auto;float: none}
    .syspR{float: none;
       display: block;
       text-align: right;
       width:40px;
       height:40px;
       background-size:100%;
       margin: 40px auto 0px!important;
}
    .syspR:hover{background-size:100%}
    .syspL h2{font-size: 18px;margin-left:0; margin-bottom: 15px;}
    .notice1 li {
        float: left;
        width: 47%;
        margin-left: 3%;
        margin-bottom: 20px;
    }
   .syspL p{text-align:left;
            font-size: 16px;
            line-height: 22px;
   
    }
   .yxhzPicList li{width:47%;}
   .yxhzPicList{margin-bottom:0}
   .section3,.section2,.section1{padding:20px 0;}
   .syTit{margin-bottom:20px;}
   .view li{margin-top:0;margin-bottom:20px;margin-left:0;width:100%}
   .view{margin-left:0}
   .viewTxt{width: calc(100% - 85px);}
   .section3L{margin-bottom:0;}
   .footlogo img{width:80px;}
    .fd-top {
        padding: 10px 0 20px;
    }
    .footlogo {
       top: -60px;
        right: 0;
       margin: auto;
       width: auto; 
     }
}
@media screen and (max-width: 400px){
    .notice1{margin-left: 0;}
    .notice1 li {
        float: left;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
}