@charset "utf-8";
.mwidth{max-width: 1200px;margin: 0 auto;}
#header{width:100%; height: 148px;}
#header .top{padding-top:5px;}
#header .se{border: 1px solid #ccc;padding:0px 5px 0px 5px}
#header .se .input1{border:0;width:200px; height: 23px; line-height: 23px}
#header .se .input2{border:0;width:30px;height:23px;background: url(../images/point1.jpg) no-repeat center center;}
#header .txt{line-height: 30px;}
#header .link{padding-top:5px;padding-left:10px;}
#header .link a{padding-left:28px;color:#666666;margin-left: 10px;}
#header .link .a1{background: url(../images/point2.jpg) no-repeat 0px center;}
#header .link .a2{background: url(../images/point3.jpg) no-repeat 0px center;}

#header .search{height:43px;border-bottom:1px solid #d8d8d8;}
#header .logo{height: 132px;padding-top:30px;}
#header .nav{}
#header .nav ul li{float:left;font-size: 16px; position: relative; height: 40px;}
#header .nav ul li a{color: #333333;padding:88px 15px 0px 15px;display: block;border-bottom:4px solid #fff; line-height:40px;}
#header .nav ul li a:hover{background-color: #fafafa; text-decoration:none;border-bottom:4px solid #005f8b}
#header .nav ul li ul{position: absolute;top:135px;left:0px;z-index: 100;width:100%; }
#header .nav ul li ul li{float: left;}
#header .nav ul li ul li a{float: left;padding:0px 0px 0px 0px;color:#fff;display:inline;border-bottom:0px solid #ccc;}
#header .nav ul li ul li a:hover{background-color:transparent; border-bottom:0px solid #ccc; text-decoration: underline;color:#ccc}
#header .nav .sub-item{background-color: #005f8b;width:100%;height:115px;position: absolute;top:135px;left:0px;z-index: 50;}

.ywch-nav{width:100%;background-color: #fff;height: 65px;position: relative; clear: both; margin-top:40px;}
.ywch-nav .log{background: url(../images/logo.jpg) no-repeat center left;width:250px;height:100px;position: absolute;left:0px;top:-40px; display: block; z-index: 50}
.ywch-nav .nav-wrap{position: relative;}
.ywch-nav .nav-ul{padding-left:280px;}
.ywch-nav .nav-ul li{float: left;line-height: 65px;height: 65px;text-align: center;position: relative;z-index: 1;width:100px;padding:0px 0px 0px 0px;}
.ywch-nav .nav-ul li a{color: #000;font-size: 16px;}
.ywch-nav .nav-ul li a:hover{text-decoration: none;}
.ywch-nav .nav-ul li.active{background: #fafafa;border-bottom:4px solid #005f8b}
.nav-sub{width: 100%;padding:35px 0;position: absolute;z-index: 2;top:65px;left: 0;right: 0;margin: auto;background: transparent;display: none;background: url(../images/navbg.jpg) no-repeat top center;}
.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: #f5f5f5;opacity: 1;filter:alpha(opacity=100);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); background: url(../images/navbg.jpg) no-repeat top center;}
.nav-sub .sub-item{display: none;overflow: hidden;position: relative;min-height: 120px;}
.nav-sub .sub-item ul{margin-left:370px;max-width: 510px;-webkit-animation: slideDwon50 0.5s;animation: slideDwon50 0.5s;}
.nav-sub .sub-item ul li{float: left;height:63px;line-height:63px;padding:0px 15px 0px 15px;}
.nav-sub .sub-item ul li a{font-size: 15px;color: #999999;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:115px;height:63px; text-align: center}
.nav-sub .sub-item ul li a:hover{color:#005f8b;text-decoration: none;}
/*.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: 308px;height: 115px;background: url("../images/sub-img.png") no-repeat center;position: absolute;z-index: 1;left: 0;top:-5px;bottom: 0;margin: auto;}*/

#banner{width:100%; clear: both}
#banner .bg{height: 400px;width:100%;background-repeat:no-repeat; background-position:center center}
#banner .slider{position:relative;width: 100%;height:520px;overflow: hidden;}
#banner .slider .hd{height:16px; overflow:hidden; position:absolute; left:0px; bottom:12px; z-index:1;width:100%; text-align: center}
#banner .slider .hd ul{overflow:hidden; zoom:1;width:100%;margin: 0px auto}
#banner .slider .hd ul li{margin-right:10px;  width:16px; height:16px; line-height:14px; text-align:center;background:#ddd; cursor:pointer; display:inline-block; border: 1px solid #fff}
#banner .slider .hd ul li.on{background:#1b81b7; color:#fff;}
#banner .slider .bd{position:relative;height:100%; z-index:0;}
#banner .slider .bd li{zoom:1; vertical-align:middle; height: 520px}
#banner .slider .bd img{display:block; width:100%;height:520px;}

.content-slider{position:relative;width:550px;height: 396px;background-color: #aaa;}
.content-slider .hd{ height:10px; overflow:hidden; position:absolute; right:5px; bottom:12.5px; z-index:1; }
.content-slider .hd ul{ overflow:hidden; zoom:1; float:left;  }
.content-slider .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; -moz-border-radius: 50px;-webkit-border-radius:50px;border-radius: 50px; background:#ddd; cursor:pointer; }
.content-slider .hd ul li.on{ background:#1b81b7; color:#fff;}
.content-slider .bd{position:relative; width: 100%; height:100%; z-index:0;}
.content-slider .bd li{ width: 550px; zoom:1; vertical-align:middle;}
.content-slider .bd .pic{width: 100%; height: 396px;}
.content-slider .bd .pic img{ width: 550px; height:396px;display:block;}
.content-slider .bd .tit {position: absolute; bottom: 0; width: 310px;height: 30px;padding: 0 0px 0px 10px;line-height: 30px;color: #fff;background: url("../images/shadow.png") repeat;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
.content-slider .bd .tit:hover{color: #fff;}

#main{background-color: #fafafa;}
#main .pos{background-color:#e7e8e7;height:43px;margin-bottom:40px;}
#main .pos .txt{width:1170px; margin: 0px auto; line-height: 43px; background: url(../images/point0.jpg) no-repeat left center;padding-left:25px;}
#main .pic{width:550px;height:490px;padding-top:50px;}
#main .inews{width:620px;padding-top:50px;}
#main .inews .tab{overflow: hidden;border-bottom: 1px solid #c9c9c9;}
#main .inews .tab ul li{padding:0px 10px 0px 10px; float:left;}
#main .inews .tab a{color:#999999;font-size:18px; text-align: center; line-height: 50px; border-bottom: 4px solid #fff;}
#main .inews .tab a:hover{text-decoration: none;}
#main .inews .tab ul li.curr{text-decoration: none;color:#005f8b; font-size: 18px; text-align: center;border-bottom: 4px solid #4caad6;}

#main .inews .tab .more{float:right;background: url(../images/point4.jpg) no-repeat;width:58px;height:26px; line-height: 26px; text-align: center}
#main .inews .tab .more a{color:#;font-size:16px;border-bottom:0px; line-height: 26px;}
#main .inews .dynamic{border-bottom: 1px solid #ccc;height:135px;padding-top:10px;}
#main .inews .dynamic h4{ font-size: 16px; line-height: 40px}
#main .inews .dynamic p{height:75px;line-height: 25px;overflow: hidden;}
#main .inews .box{}
#main .inews .box ul li{float:left;width:600px;line-height: 38px;}

#main .bkyw{clear: both;background: url(../images/bkyw.jpg) no-repeat center center;height:497px;padding-top:50px;}
#main .bkyw .bkyw_top{margin: 0px auto;width:125px;height:90px;}
#main .bkyw .link{width:1197px; margin: 0px auto;}
#main .bkyw .link li{float:left;padding: 0px 30px 0px 30px;-webkit-transform: translateZ(0);transform: translateZ(0);}
#main .bkyw .link li a{display: block;width: 100%;height: 100%;}
#main .bkyw .link li img{display: block;width: 100%;height: 100%;-webkit-transition: all 0.35s;transition: all 0.35s;}
#main .bkyw .link li:hover{
    -webkit-animation-name: buzz-out;
    animation-name: buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

#main .about{font-size:14px; padding-top:10px; min-height:500px;_height:500px;padding-bottom:30px;}
#main .about p{padding: 8px 0px 0px 0px;line-height: 250%;}
#main .title{background: url(../images/about2.jpg) no-repeat bottom left;padding-bottom:20px; margin-bottom: 30px;}
#main .title h5{font-size: 18px;color:#666666;text-transform:uppercase;font-weight: normal}
#main .title h6{font-size: 20px;color:#333333; font-weight: normal;padding-bottom:10px;}

#main .news{}
#main .news ul li{padding-top:20px;padding-bottom:20px;border-bottom: 1px solid #ccc;}
#main .news ul li .img{width:340px;height:180px;text-align: center}
#main .news ul li .img img{width:250px;height:170px}
#main .news ul li h4{font-size:18px;padding-top:20px;}
#main .news ul li p{padding:20px 0px 0px 0px; height:120px;}
#main .news ul li a:hover{text-decoration: none;color:#005f8b;}
#main .news ul li.big .img{width:340px;}
#main .news ul li.big .img img{width:300px;height:200px}
#main .news ul li.big h4{font-size: 24px;padding-top:20px;}

#main .lxwm{background: url(../images/lxwm.jpg) no-repeat center center;height:640px;padding:140px 0px 0px 540px}

.JoinForm{width: 1092px;height:570px;margin: 0 auto;overflow: hidden; background: url(../images/tsjb.jpg) no-repeat top center;padding-top:50px;}
.JoinForm div{float: left;width: 304px;height: 50px;padding: 0 12px;margin: 25px 17px 0 17px;border: 1px #d5d5d5 solid;background-color: #fff;}
.JoinForm div input{width: 279px;height: 30px;margin: 9px 0;padding-right: 25px; line-height: 30px; border: 0;outline: none;font-size: 14px;font-family: "Microsoft YaHei";background-image: url("../images/un-joinus1.jpg");background-position: right center;background-repeat: no-repeat;}
.JoinForm div.JoinForm-tel input{background-image: url("../images/un-joinus2.jpg");}
.JoinForm div.JoinForm-email input{background-image: url("../images/un-joinus3.jpg");}
.JoinForm div.JoinTarea{width:982px;height: 140px;}
.JoinForm div.JoinTarea textarea{width: 957px;height: 134px;padding-right: 25px;line-height: 30px;font-size: 14px;border: 0;outline: 0;background-image: url("../images/un-joinus4.jpg");background-position: right 7px;background-repeat: no-repeat;}
.JoinForm div.JoinForm-bto{width: 1032px;height: auto; border: 0;background: transparent;text-align: center; margin-top: 0px;}
.JoinForm div input[type="button"]{width: 282px;height: 58px;margin: 15px auto 0 auto;padding: 0;color: #fff;font-size: 20px; border:0px #d4c1b1 solid;background-color:#015b85; background-image: url();overflow: hidden;cursor: pointer;}
.JoinForm div.JoinForm-img{width:120px; background-color: transparent;border:none;}
.JoinForm div.JoinForm-yzm input{background-image:none}

.picimg{padding-top:0px;padding-bottom: 10px; overflow: hidden}
.picimg ul li{float:left;width:;padding:12px; border:1px solid #cfcfcf;width: 308px;margin: 40px 32px 0px 32px;}
.picimg ul li img{display: block; margin-bottom:20px;}
.picimg ul li b{font-size: 18px; line-height: 30px;}
.picimg ul li div{line-height: 24px;height:72px;overflow: hidden;margin-top: 10px}
.picimg ul li a.more{ background: url(../images/ywbg.jpg) no-repeat 0px 0px;width:99px;height:37px;display: block; margin: 20px auto;text-align: center; line-height: 37px; color:#fff;}
.articleBox{color:#676767; font-size:14px;line-height:28px;padding-top:30px; min-height: 600px;_height:600px;}
.article_title{
	font-size:18px;
	text-align:center;
	font-family:"microsoft yahei";
	line-height:35px;
	color: #474747;
	padding:0 0 10px 0;
	}
.article_time{
	clear:both;
	height:30px;
	line-height:30px;
	color:#676767;
	font-family: "宋体";
	border-bottom:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	margin:0 0 20px 0;
	text-align:center;
	position:relative;
	}
.article_time span{ cursor:pointer;}
.article_time span.hover{ color:#c80000; font-weight:bold;}
#footer{clear: both;background-color: #005f8b; height: 64px; line-height: 64px;color:#fff; text-align: center}
#footer a{color:#fff;}


.content a:hover{text-decoration:none;}
.content a,.content a:hover{color:#333;-webkit-transition: all 400ms;transition: all 400ms;}
.content a:focus{outline:none;}
.content a:hover{color:#303860;}
.fl{float:left;}
.fr{float:right;}
.dn{display:none;}
.ov{overflow:hidden;}
.text-center{text-align: center;}
.none{display:none;}
.mt04{margin-top:-40px !important;}
.w1220{width:1220px;margin:0 auto;}
.content{background:#ebebeb;padding:20px 0;overflow: hidden;background: url(../images/indexbg.jpg) no-repeat center center;}
.news{background:#fff;text-align: justify;}
.news h2{border-bottom:1px solid #dcdcdd;font-size: 14px;}
.news h2 ul{float: left;}
.news h2 li{margin-right:15px;height:48px;line-height:48px;width:60px;display: inline;}
.news h2 li.on{border-bottom: 2px solid #4caad6;padding-bottom: 15px;}
.news h2 a{float:right;color:#e94609;height:48px;line-height:48px;font-size:12px;border-left:1px solid #dcdcdd;padding-left:23px;}
.news h2,.news h3,.news p,.news h4{padding:0 20px;}
.news h3{padding:0px 20px;font-size:14px; line-height: 30px;width:375px;height:30px; font-weight: normal;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news p{font-size: 12px;line-height:20px; height:80px;overflow: hidden}
.news h4 a{display:block;text-align: left;font-size: 14px;color:#e94609;padding:15px 20px 7px 0;}	.slideTxtBox{height:220px;}
.news h2{margin-bottom:10px;}
.index .con-mid{background: url(../images/con-mid.jpg) no-repeat center; width:386px;height: 221px;padding:20px 0 0 20px;}
.index .con-mid h1{color: #797b80;font-size: 20px;margin-bottom: 5px;line-height: 18px;}
.index .con-mid h2{color: #ffd100;font-size: 14px;}
.index .con-right{width:407px;height: 221px;overflow: hidden;}
.index .con-right .con-right1{width:368px;height:111px;padding:20px 0 0 20px;}
.index .con-right .con-right1 h2{color:#ffd100;font-size: 14px; }
.index .con-right .con-right1 h1{color:#797b80;font-size: 20px; line-height: 18px;}
.index .con-right .con-right2{width: 368px;height: 110px;}
.index .con-right .con-right1:hover{background-size:120% 120%;transition: all 400ms;-webkit-transition: all 400ms;}
.index .con-right .con-right2:hover{background-size:120% 120%;transition: all 400ms;-webkit-transition: all 400ms;}
.m-t80{margin-top: 80px;width:561px;}
.index .con-mid .mid-btn{border:1px solid #FFF;height:38px;color: #FFF;border-radius:40px;line-height:35px;text-align: center;float: left;margin-right:18px;display: none;}
.index .con-mid .mid-btn:hover{border:1px solid #a8313b;color:#FFF;background: #cd0000;}
.index .con-mid .b1{width:110px;}
.index .con-mid .b2{width:100px;}
.index .con-mid .b3{width:90px;}
.index .con-mid .b4{width:90px;}
.index .con-mid .b5{width:80px;}
.con-right1 {background: url(../images/con-right1.jpg) no-repeat left top;}
.con-right2 {background: url(../images/con-right2.jpg) no-repeat left top;}