/*
@author:创源网络-zzc
@time:2017-5-27
@name:ywch
*/
body{min-width: 1024px;}
.w1200{width:1200px;margin: auto;}
.cleafter:after{content: '';display: block;clear: both;}

/*head*/
.ywch-topbar{height: 160px;}
.ywch-topbar .fl{}
.ywch-topbar .logo-item{display: table-cell;vertical-align: middle;height:  160px;}
.ywch-topbar .logo-item img{vertical-align: middle;}
.ywch-topbar .other-logo{padding-top: 10px;}
.ywch-topbar .ywch-search{position: relative;height: 100%;}
.ywch-topbar .topbar-text{width: 274px;height: 26px;position: absolute;bottom: 35px;right: -5px;}
.ywch-topbar .ywch-search .search-form{width: 240px;height: 30px;margin-top: 57px;position: relative;}
.ywch-topbar .ywch-search .search-form input[type='text']{width: 100%;border: 1px solid #dddddd;text-indent:5px;height: 30px;line-height: 30px;font-size: 12px;color: #666;}
.ywch-topbar .ywch-search .search-form input[type='submit']{position: absolute;z-index: 1;background:#fff url("../images/ywch-search.jpg") no-repeat center;width: 30px;height: 28px;right: 1px;top:1px;cursor: pointer;}
.ywch-topbar .ywch-search .search-form input[type='text']:focus{border-color: #55a4ec;-webkit-box-shadow: 0 0 6px #88c1f5;box-shadow: 0 0 6px #9cccf7;-webkit-transition: all 0.5s;transition: all 0.5s;}

.ywch-nav{width: 100%;background-color: #5c9bd4;height: 65px;position: relative;}
.ywch-nav .nav-wrap{position: relative;}
.ywch-nav .nav-ul li{float: left;line-height: 65px;height: 65px;width: 10%;text-align: center;position: relative;z-index: 1;}
.ywch-nav .nav-ul li a{color: #fff;font-size: 16px;}
.ywch-nav .nav-ul li.active{background: #4186c5;}

/*子栏目*/
.nav-sub{width: 100%;padding: 20px 0;position: absolute;z-index: 2;top:65px;left: 0;right: 0;margin: auto;background: transparent;display: none;}
.nav-sub.ishide{animation: slideDwon50 0.3s;}
.nav-sub .sub-bg{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;right: 0;margin: auto;z-index: -1;background-color: #fff;opacity: 0.9;filter:alpha(opacity=90);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
.nav-sub .sub-item{display: none;overflow: hidden;position: relative;min-height: 120px;}
.nav-sub .sub-item ul{margin-left: 55px;max-width: 510px;-webkit-animation: slideDwon50 0.5s;animation: slideDwon50 0.5s;}
.nav-sub .sub-item ul li{float: left;width: 170px;height: 40px;line-height: 40px;}
.nav-sub .sub-item ul li a{font-size: 15px;color: #3c3c3c;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav-sub .sub-item ul li a:hover{color:#4186c5;}
.nav-sub .sub-item ul li a:before{content: '';display: inline-block;width: 10px;height: 10px;-webkit-border-radius: 50%;border-radius: 50%;background: #4186c5;margin-right: 10px;}
.nav-sub .sub-item .sub-img{width: 185px;height: 115px;background: url("../images/sub-img.jpg") no-repeat center;position: absolute;z-index: 1;right: 0;top:-5px;bottom: 0;margin: auto;}
/*banner*/
.ywch-wrap .ywch-banner{position:relative;width: 100%;height: 383px;overflow:hidden;}

.ywch-wrap .ywch-banner .bd{ position:relative; height:383px; z-index:0;}
.ywch-wrap .ywch-banner .bd ul{width: 100%;height: 100%;}
.ywch-wrap .ywch-banner .bd li{ width: 100%;height: 100%;zoom:1; vertical-align:middle;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.ywch-wrap .ywch-banner .bd li a{display: block;width: 100%;height: 100%;}
.ywch-wrap .ywch-banner .hd{position:absolute;width:100%;z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.ywch-wrap .ywch-banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden;line-height:9999px; filter:alpha(opacity=40);opacity:0.4;}
.ywch-wrap .ywch-banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;}

.ywch-wrap .ywch-banner .prev,.ywch-wrap .ywch-banner .next {width:45px; height:99px; position:absolute; top:50%;margin-top: -49.5px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.ywch-wrap .ywch-banner .prev { background-image:url("../images/index.png"); background-position:-112px 0; left:0 }
.ywch-wrap .ywch-banner .next { background-image:url("../images/index.png"); background-position:-158px 0; right:0 }
.ywch-wrap .ywch-banner .prev:hover, .ywch-wrap .ywch-banner .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }


/*foot*/
.ywch-foot{}
.ywch-friendlinks{padding: 35px 0;background: #fff;}
.ywch-friendlinks .friendlinks-con{width: 920px;margin: auto;}
.ywch-friendlinks .friendlinks-con .friendlinks-main{margin-right: -2%}
.ywch-friendlinks .friendlinks-con .yf-drop{float: left;margin-right: 2%;width:23%;position: relative;}
.yf-drop .yf-drop-btn{height: 35px;border: 1px solid #e5e5e5;position: relative;text-align: left;line-height: 35px;cursor: pointer;}
.yf-drop .yf-drop-btn span{font-size: 12px;color: #858585;display: inline-block;margin-left: 10px;}
.yf-drop .yf-drop-btn i{display: inline-block;margin-left: 15px;width: 21px;height: 21px; position: absolute; top:7px;right:10px;background-image: url("../images/drop-arrow.jpg");background-position: center;background-repeat: no-repeat;}
.yf-drop .yf-drop-btn:hover{background-color: #55a5d6;-webkit-transition: all 0.3s;transition: all 0.3s;}
.yf-drop .yf-drop-btn:hover span{color: #fff;}
.yf-drop-menu{display:none;position: absolute;top:35px;left: 0;z-index: 1;background: #fff;border: 1px solid #e5e5e5;border-bottom:0;width:99%;animation: slideDwon50 0.3s;-webkit-animation: slideDwon50 0.3s;}
.yf-drop-menu ul{max-height: 280px;overflow-y: auto;}
.yf-drop-menu li{line-height: 28px;padding: 0 10px;}
.yf-drop-menu li a{font-size: 12px;color: #666;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yf-drop-menu li:hover{background-color: #55a5d6;}
.yf-drop-menu li:hover a{color: #fff;}
.yf-drop:hover .yf-drop-menu{display: block;}

/*foot-nav*/
.foot-nav{height: 52px;background: #3879c3;}
.foot-nav ul li{float: left;width: 25%;text-align: center;line-height: 52px;height: 52px;}
.foot-nav ul li a{font-size: 14px;color: #ffffff;}
.foot-nav ul li:hover{background: #3271b9;-webkit-transition: all 0.3s;transition: all 0.3s;}

/*foot-text*/
.foot-text{padding: 40px 0 0 0;background: #fff;text-align: center;}
.foot-text p{font-size: 14px;color:#767676;line-height: 24px;white-space: pre;}
.foot-text p a{color:#005bac;}
.foot-text p a:hover{text-decoration: underline;}





@keyframes slideDwon50 {
    0%{transform: translateY(-50px);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
@-webkit-keyframes slideDwon50 {
    0%{-webkit-transform: translateY(-50px);opacity: 0;}
    100%{-webkit-transform: translateY(0px);opacity: 1;}
}
@keyframes slideLeft50 {
    0%{transform: translateX(200px);}
    100%{transform: translateY(0px);}
}
@-webkit-keyframes slideLeft50 {
    0%{-webkit-transform: translateX(200px);}
    100%{-webkit-transform: translateY(0px);}
}
@keyframes scales {
    0%{transform:scale(0.5);opacity: 0;}
    100%{transform: scale(1);opacity: 1;}
}
@keyframes fade05 {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-webkit-keyframes fade05 {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@media screen and (max-width: 1210px) {
    .w1200{width: 1000px;}
    .ywch-topbar,.ywch-topbar .logo-item{height: 120px;}
    .ywch-topbar .ywch-logo img{width: 280px;}
    .ywch-topbar .logo_2 img{width: 140px;}
    .ywch-topbar .logo_3 img{width: 180px;}
    .ywch-topbar .ywch-search{margin-right: 10px;}
    .ywch-topbar .ywch-search .search-form{margin-top: 35px;}
    .ywch-topbar .topbar-text{bottom: 15px;}
    .ywch-nav{height: 50px;}
    .ywch-nav .nav-ul li{height: 50px;line-height: 50px;}
    .ywch-nav .nav-ul li a{font-size: 14px;}
    .nav-sub{top:50px;}
    .nav-sub .sub-item{min-height: 90px;}
    .nav-sub .sub-item ul li{height: 30px;line-height: 30px;width: 130px;}
    .nav-sub .sub-item ul li a{font-size: 13px;}
    .nav-sub .sub-item .sub-img{    width: 155px;height: 85px;right: 10px;}

}