




.news {position: relative;padding:30px 0;}
.news .tit{width:48%;}
.news .tit ul{overflow:hidden;}
.news .tit li{float:left;padding:2% 3% 0;border:1px solid #eeeeee;border-radius:5px;border-bottom:none;cursor:pointer;font-size:28px;line-height:34px;}
.news .tit li.on{
    color:#0993cf;   
    background: -webkit-linear-gradient(top, #eeeeee, #fcfcfc);
    background: -o-linear-gradient(top, #eeeeee, #fcfcfc);
    background: -moz-linear-gradient(top, #eeeeee, #fcfcfc);
    background: linear-gradient(top, #eeeeee, #fcfcfc);
}

.news .gongao{height: 176px;}
.news .dd_list{}
.news .dd_list dd {
    border-bottom: 1px solid #efefef;
    line-height: 44px;
    height: 44px;
    width: 100% !important;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news .dd_list dd a {
    font-size: 16px;
    color: #666666;
}

.news .dd_list dd a:hover {
        color: #0993cf;
    }

.news .dd_list dd time {
    float: right;
    color: #bbbbbb;
    font-size: 14px;
}
.H_i_tit {
    font-size: 22px;
    color: #dddddd;
    display: block;
    margin: 10px 0;
    position: relative;
}

.H_i_tit:before {
    content: '';
    background: url("../images/H_tit_bg.png") repeat-x center right;
    display: inline-block;
    height: 10px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.H_i_tit i {
    display: inline-block;
    background: #fff;
    font-style: normal;
    position: relative;
    z-index: 2;
    padding-right: 10px;
}

.news{overflow:hidden;}
.news .ntop{width:48%;float:left;padding-top:30px;}
.news .ntop figure{
    width: 41%;
    position: relative;
    float: left;
    border-radius: 20px;
    margin-right: 3%;
    padding-top: 30.6%;
}
.news .ntop h2 {
    margin: 1% 0 1.5%;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
}

.news .ntop p {
    margin: 0 0 2%;
    line-height: 24px;
    color: #888888;
    font-size: 16px;
}

.news .ntop span {
    font-size: 14px;
    color: #bbbbbb;
    display: inline-block;
    background: url("../images/line_icon1.png") no-repeat left center;
    padding: 0 0 0 20px;
    border: none;
}

.news .dd_list{float:right;width:48%;}
.news .inBox {position:relative;}
.news .inBox .H_more{
    position:absolute;
    left:500px;
    top:-60px;  
    transform: translateY(-50%);
    font-size: 18px;
    color: #bbbbbb;
    padding-right:23px;
}


.news .inBox .H_more:before,
.news .inBox .H_more:after {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    border: 7px solid transparent;
    border-left-color: #fff;
    overflow: hidden;
    content: '';
    margin-top: -7px;
}

.news .inBox .H_more:before {
    right: -2px;
    border-left: 7px solid #bbbbbb;
}
.news .nlist{}
.news .nlist .xinwen{position:relative;}
.news .nlist .xinwen .inHd{overflow:hidden;width:48%;position:absolute;top:-80px;right:10px;}
.news .nlist .xinwen .inHd li{           
    float: left;
    padding: 1.25% 4%;
    border: 1px solid #efefef;
    color: #888888;
    font-size: 16px;
    border-radius: 20px;
    margin-right: 2%;
    cursor: pointer;
    transition: all 0.3s;
}
.news .nlist .xinwen .inHd li.on{  
    padding: 1.25% 10%;
    color: #0993cf;
    background: #cff0ff;
    border-color: #cff0ff;
}





.doc {
    padding: 2% 0;
    background: #fafafa;
position:relative;
z-index:3;
}


    .doc .H_i_tit i {
        background-color: #fafafa;
    }

    .doc .swiper-doc {
        margin-top:30px;
        width: 100%;
        height:350px;
		overflow:hidden;
    }

    .doc .swiper-slide {
        background: #fff;
        height: 165px;
        padding-left: 140px;
        border-radius: 20px;
        overflow: hidden;

    }

    .doc li figure {
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 20px;
        width: 120px;
        height:160px;
    }

        .doc li img {
            width: 120px;
            height: 160px;
        }

    .doc .txt {
        padding: 8% 2% 0 0;
    }

    .doc .txt * {
        margin: 0;
        font-weight: normal;
        font-size: 14px;
    }

    .doc .txt h2 {
        font-size: 18px;
    }

    .doc .txt h3 {
        color: #888888;
        border-bottom: 1px solid #efefef;
        padding: 0 0 5px;
        margin-bottom: 5px;
    }

    .doc .txt h4 {
        position: relative;
        padding-left: 42px;
        color: #888888;
        line-height: 20px;
        margin-bottom: 3px;
    }

        .doc .txt h4 span {
            position: absolute;
            left: 0;
            top: 0;
        }

    .doc .txt p {
        color: #333
    }

    .doc .owl-nav div {
        position: absolute;
        top: 46%;
        margin-top: -20px;
        height: 40px;
        width: 40px;
        cursor: pointer;
        padding: 0;
        line-height: 100;
        overflow: hidden;
        background: url("../images/btn_icon.png") no-repeat left center;
        z-index: 10;
    }

    .doc .owl-nav .owl-prev {
        left: -5%;
    }

    .doc .owl-nav .owl-next {
        right: -5%;
        background-position: right center;
    }

    .doc .owl-nav div:hover {
        background-image: url("../images/btn_icon_hover.png");
    }


.doc .doc-prev{color:red !important;position:relative;left:-60px;top:-180px;float:left;
background: url("../images/btn_icon.png") no-repeat left center;
width:40px;height:40px;
}
.doc .doc-next{color:red !important;position:relative;right:-60px;top: -180px;float:right;
    width:40px;height:40px;
    background: url("../images/btn_icon.png") no-repeat left center;
    background-position:right center;
}

.doc .doc-prev::after,.doc .doc-next:after{content:''}
.doc .doc-prev:hover,.doc .doc-next:hover {
    background-image: url("../images/btn_icon_hover.png");
}










.parts {
   background:#cbe8f5;
   padding:60px 0;
}

.parts .H_i_tit i {
    background:#cbe8f5;
    color: #adb7bc;
}

.parts .Htitle .H_more:after {
    
}

.parts .tit ul {
    float: right;
    width: 48%;
    padding-top: 1%;
}

.parts .tit ul li {
    float: left;
    padding: 1.25% 8%;
    color: #888888;
    background: #fff;
    font-size: 18px;
    border-radius: 20px;
    margin-right: 2%;
    cursor: pointer;
    transition: all 0.3s;
}

.parts .tit ul li:hover,
.parts .tit ul li.on {
    color: #fff;
    background: #0993cf;
}

.parts .list {
    padding: 2% 0 0;
    position: relative;
}

.parts .owl-carousel {
    display: block;
}

.parts .list li {
    position: relative;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 3.5%;
}

    .parts .list li figure {
        float: left;
        width: 35%;
        margin-right: 4%;
    }

.parts h3 {
    font-size: 20px;
    margin: 0;
    padding: 5% 0 2%;
    font-weight: normal;
    color: #333;
}

.parts p {
    margin: 0;
    font-size: 16px;
    color: #888888;
}

.parts li span {
    font-size: 14px;
    color: #bbbbbb;
    display: inline-block;
    background: url("../images/line_icon1.png") no-repeat left center;
    padding-left: 20px;
    margin-top: 4%;
}

.parts .owl-nav div {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    padding: 0;
    line-height: 100;
    overflow: hidden;
    background: url("../images/btn_icon.png") no-repeat left center;
    z-index: 10;
}

.parts .owl-nav .owl-prev {
    left: -5%;
}

.parts .owl-nav .owl-next {
    right: -5%;
    background-position: right center;
}

.parts .owl-nav div:hover {
    background-image: url("../images/btn_icon_hover.png");
}

.parts li a:hover span {
    background-image: url("../images/line_icon1_hover.png");
    color: #0993cf;
}



.parts .partstab{ overflow: hidden;width: 100%;background-color:#fff;padding:30px 0;margin-top:30px;}
.parts .partstab .tabClick{ padding-bottom: 16px;    width: 100%; overflow:hidden;}
.parts .partstab .tabClick li{
	display: block;
	float: left;
	margin-left: 15px;
	width: 23.5%;
	height: 62px;
	position: relative;
	text-align: center;
	line-height: 62px;
	font-size: 20px;
	background: #4d88b9;
	border-radius: 5px;
	color: #fff;
}
.parts .partstab .tabClick li i{ display: none; position: absolute; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; bottom:-10px; left:50%; margin-left:-13px; border-top: 13px solid #1a66a5; }
.parts .partstab .tabClick li.on {background:#1a66a5;}
.parts .partstab .tabClick li.on i{ display: block;}


.i4-list .child{ display: none;  }
.i4-list .child.on{ display: block;  }
.i4_ul{ width:100%; float:left;margin-left: 4px;}
.i4-list li{ float: left; margin-left: 15px; cursor: pointer; border:1px solid #cccccc; border-radius:5px; behavior: url(css/PIE.htc); width: 11%; height:50px; line-height:50px; font-size:16px; margin-bottom:14px; }
.i4-list li a{ display: block; color:#333; padding-left: 26px; position: relative; }
.i4-list li a i{ position: absolute; width:14px; left:0; top:0; height:100%; border-right:1px solid #ccc; background:url(../images/ind_5.png) no-repeat center; }

.i4-list li.on,.i4-list li:hover{ border-color:#1a66a5; }
.i4-list li.on a,.i4-list li:hover a{ color:#1a66a5; border-color:#1a66a5; }
.i4-list li.on a i,.i4-list li:hover a i{ border-color:#1a66a5; background-image:url(../images/ind_5_a.png); }
.i4-list .child + .child li.on,.i4-list .child + .child li:hover{ border-color:#3478af; }
.i4-list .child + .child li.on a,.i4-list .child + .child li:hover a{ color:#3478af; border-color:#3478af; }
.i4-list .child + .child li.on a i,.i4-list .child + .child li:hover a i{ border-color:#3478af; background-image:url(../images/ind_5_a.png); }
.i4-list .child + .child + .child li.on,.i4-list .child + .child + .child li:hover{ border-color:#4d88b9; }
.i4-list .child + .child + .child li.on a,.i4-list .child + .child + .child li:hover a{ color:#4d88b9; border-color:#4d88b9; }
.i4-list .child + .child + .child li.on a i,.i4-list .child + .child + .child li:hover a i{ border-color:#4d88b9; background-image:url(../images/ind_5_a.png); }

.ylink{padding:60px 10px;}
.ylink dl{overflow:hidden;color:#cccccc;font-size:16px;} 

.ylink dl dt{float:left;padding-right:20px;} 
.ylink dl dd {float:left;} 
.ylink dl dd a{color:#cccccc;margin-right:20px;}

/* ç‰¹è‰²ç§‘å®¤ */
.gysy-home-departments {/* margin-top:-280px; */background:linear-gradient(45deg, #0089e1, #1ceaf9);padding:20px;}
.gysy-home-departments .department-active {width:350px;height:380px;background:#0089e1;}
.gysy-home-departments .department-active .list-tit{border-bottom: none;}    
.gysy-home-departments .department-active .list-tit a.fl {color:#fff;border-left: 5px solid #fff; padding-left: 20px;}
/* .gysy-home-departments .department-active:after {content:'';display:block;position:absolute;left:-6px;top:-6px;z-index:0;width:6px;height:90px;background-color:#0089e1;}
.gysy-home-departments .department-active:before {content:'';display:block;position:absolute;left:-6px;top:-6px;z-index:0;width:90px;height:6px;background-color:#0089e1;}
 */
.gysy-home-departments .department-active:hover .dm-img img {transform:scale(1.2)}
.gysy-home-departments .department-active .dm-img {width:100%;height:165px;overflow:hidden;}
.gysy-home-departments .department-active .dm-img img {width:100%;height:100%;transition:transform 1s;animation:showFadeIn 1S ease 0s 1}
.gysy-home-departments .department-active .dm-img.no-image {display:flex;align-items:center;justify-content:center;}
.gysy-home-departments .department-active .dm-img.no-image .iconfont {font-size:64px;line-height:1;color:rgba(255,255,255,0.7);}
.gysy-home-departments .department-active .dm-title {display:block;width:100%;height:124px;box-sizing:border-box;padding:20px;background:#0089e1}
.gysy-home-departments .department-active .dm-title #dm_name {line-height:1;font-size:18px;color:#fff;margin-bottom:3px}
.gysy-home-departments .department-active .dm-title #dm_intro {font-size:12px;color:rgba(255,255,255,0.7);line-height:20px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box !important}
.gysy-home-departments .department-active .dm-title #dm_intro.no-intro {text-align:center;line-height:40px;font-size:16px}
.gysy-home-departments .department-content {width:796px;height:380px;position:relative;box-sizing:border-box;padding: 20px;background: #fff;}
.gysy-home-departments .department-content .department-nav {height:60px;line-height:60px;margin-bottom:17px;border-radius:5px;overflow:hidden}
.gysy-home-departments .department-content .department-nav .department-nav-item {display:block;width:33.33%;font-size:18px;line-height:60px;height:60px;color:#333;border-right:1px solid #d7d7d7;border-left:none;box-sizing:border-box;text-align:center;float:left;background-color:#f2f2f2}
.gysy-home-departments .department-content .department-nav .department-nav-item i {color:#999;margin-right:5px;font-size:20px;font-weight:normal}
.gysy-home-departments .department-content .department-nav .department-nav-item i img{width:30px;}
.gysy-home-departments .department-content .department-nav .department-nav-item:last-child {border-right:none}
.gysy-home-departments .department-content .department-nav .department-nav-item.cur {color:#fff;border:none;background-color:#0089e1}
.gysy-home-departments .department-content .department-nav .department-nav-item.cur i {color:#fff}
.gysy-home-departments .department-content .department-panel {height:308px;width:100%;position:relative;overflow:hidden}
.gysy-home-departments .department-content .department-panel .dm-panel-item {display:none}
.gysy-home-departments .department-content .department-panel .dm-panel-item:first-child {display:block}
.gysy-home-departments .department-content .department-panel .dm-panel-item .dm-detail {margin:0 -9.5px}
.gysy-home-departments .department-content .department-panel .dm-panel-item .dm-detail a {text-align:center;float:left;height:40px;width:110px;border:1px solid #e4e4e4;border-radius:5px;box-sizing:border-box;padding:0 10px;margin:0 9.5px 12px;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:40px}
.gysy-home-departments .department-content .department-panel .dm-panel-item .dm-detail a:before {content:'';display:inline;padding-right:5px;color:#555;font-weight:bold}
.gysy-home-departments .department-content .department-panel .dm-panel-item .dm-detail a.active {color:#0089e1}
.gysy-home-departments .department-content .department-panel .dm-panel-item .dm-detail a.active:before {color:#0089e1}

.fl{float: left !important;}
.fr{float: right !important;}
.clearfix{*zoom: 1;}
.clearfix:before, .clearfix:after{display: table;content: "";line-height: 0;font-size: 0;clear: both;}