/* 
* @Author: anchen
* @Date:   2017-06-09 09:24:13
* @Last Modified by:   anchen
* @Last Modified time: 2018-03-29 13:42:02
*/
* { padding: 0;margin: 0;}
body { font-size: 12px;}
.container { width: 1000px;margin: 0 auto;position: relative;}
ul,ol,dl { list-style: none;}
a{ text-decoration:none; color:#333;  }
img { border: none;}

/* 本例子css */
.slideBox{ width:100%; height:640px; overflow:hidden; position:relative; padding-bottom: 129px;}
.slideBox .hd{ height:12px; overflow:hidden;position: absolute; bottom:120px; z-index:1;width: 51px;left: 50%;margin-left: -25px;-webkit-transition: all 1s;transition: all 1s; z-index: 36;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:12px; height:12px; background:#666; cursor:pointer;-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;-webkit-transition: all 0.4s;
    transition: all 0.4s; }
.slideBox .hd ul li s { width: 12px;height:12px;display: block;opacity: 0;background: #206fa0;border-radius: 50%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;

    -webkit-transform: scale(0);
    transform: scale(0);}
.slideBox .hd ul li.on s{  -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;}
.slideBox .bd{ position:absolute; height:100%; z-index:35;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a { cursor: default;}
.slideBox .bd img{ width:100%; height:640px; display:block;  }
.slideBox .bd li .container { position: absolute;left: 50%;margin-left: -450px;top: 150px;}
.slideBox .bd li h1 { font-size: 48px;color: #206fa0;-webkit-animation: leftFadeIn 1s; font-weight: inherit;
animation: leftFadeIn 1s;}

.slideBox .bd li h2 { font-size: 48px;color: #206fa0;margin-top: 15px;-webkit-animation: leftFadeIn 1s;
animation: leftFadeIn 1s;font-weight: inherit;}
.slideBox .bd li p { font-size: 18px;color: #206fa0;margin-top: 15px;-webkit-animation: rightFadeIn 2s;
animation: rightFadeIn 2s;}

.zhe { width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: 33;opacity: 0;-webkit-transition: all 1s;transition: all 1s;}

@-webkit-keyframes rightFadeIn {
    from { opacity: 0;-webkit-transform: translate(-80px);transform: translate(-80px);}
}
@keyframes rightFadeIn {
   from { opacity: 0;-webkit-transform: translate(-80px);transform: translate(-80px);}
}

/*导航区域*/

#nav { width: 1000px;height: 95px;background: url(../images/nav_bj.png) no-repeat;position: absolute;top: 0;left: 50%;margin-left: -500px;z-index: 35;}
#nav .logo { width: 374px;height: 32px;background: url(../images/logo.png) no-repeat;position: absolute;top: 24px;left: 20px;}
#nav .language { text-decoration: none;position: absolute;top: 20px;right: 26px;color: #666;font-size: 12px;-webkit-transition:all .5s;transition:all .5s;width: 42px;text-align: center;}
#nav i{ width: 0;height: 3px;position: absolute;border-bottom: 1px solid #000;top: 16px;right: 26px;left: 0;-webkit-transition:all .5s;transition:all .5s;}
#nav .language:hover { color: #000;}
#nav .language:hover i { width: 42px;}

#nav ul { position: absolute;right: 11px;top: 38px;}
#nav ul li { float: left;padding: 15px;padding-top: 0;margin-top: 15px;position: relative;cursor: pointer;}
#nav ul li s { width: 10px;height: 5px;background: url(../images/show.png) no-repeat;position: absolute;bottom: 6px;left: 50%;margin-left: -5px;display: none;}
#nav ul li:last-child { margin-right: 0;}
#nav ul li:hover>a{ color:#206fa0;}
#nav ul li:hover s { display: block;}
#nav .subnav { position: absolute;top: 25px;left: 345px;height: 40px;line-height: 40px;background: url(../images/sub_nav1.png) no-repeat;display: none;}
#nav .subnav.show{ -webkit-animation: leftFadeIn 1s;
animation: leftFadeIn 1s;display: block;}
#nav .subnav p { padding: 0 10px;background: url(../images/sub_nav3.png) no-repeat 100%;}
#nav .subnav span { display: block;background: url(../images/sub_nav2.png) repeat-x;}
#nav .subnav a { color: #ddf5fd;display: inline-block;padding: 0 10px;}
#nav #subnav2 {left: -390px;width: 780px;}
#nav #subnav3 {left: -70px;width: 220px;}
#nav #subnav5 {left: -71px;width: 190px;}
#nav #subnav6 {left: -70px;width: 240px;}
#nav #subnav7 {left: -420px;width: 560px;}
#nav #subnav8 {left: -208px;width: 300px;}
@-webkit-keyframes leftFadeIn {
    from { opacity: 0;-webkit-transform: translate(20px);transform: translate(20px);}
}
@keyframes leftFadeIn {
    from { opacity: 0;-webkit-transform: translate(20px);transform: translate(20px);}
}

/*新闻区域*/
#news { width: 1000px;margin: 0 auto;height: 540px;background: #fff;position: absolute;top: 670px;left: 50%;margin-left: -500px;border-radius: 6px;-webkit-transition: all 1s;transition: all 1s;z-index: 55;}
#news:hover { -webkit-transform: translateY(-240px); transform: translateY(-240px);}
#news .box { -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4); box-shadow: 0 0 15px rgba(0,0,0,0.4);border-radius: 6px;padding: 30px;width: 940px;overflow: hidden;height: 215px;}
#news .box1 {width: 258px;float: left;}
#news .box1>a { color: #206fa0;margin-top: 20px;display: block;}
#news dl dt { width: 90px;height: 28px;background: url(../images/tit.png) no-repeat;font-size: 14px;text-align: center;line-height: 28px;color: #fff;margin-bottom: 10px;}
#news dl dd { border-bottom: 1px dashed #999;overflow: hidden;margin-bottom: 5px;color: #999;position: relative;padding-left: 15px;}
#news dl dd:before { content: '';width: 5px;height: 5px;border-radius: 50%;background: #999;position: absolute;left: 4px;top: 12px;}
#news dl dd a { display: block;color: #999;}
#news dl dd:hover a{ color: #666;}
#news dl dd p{width: 135px;float: left;position: relative;padding-right: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 28px;}
#news dl dd span { float: right;display: inline-block;line-height: 28px;}
#news .box2 { float: left;width: 275px;height: 240px;background: url(../images/bj.png) no-repeat;margin-left:20px;padding-left: 38px;}
#news .box2 h1,#news .box3 h1 { font-size: 14px;color: #206fa0;font-weight: normal;}
#news .box2>a { width: 232px;height: 137px;display: block;margin-top: 20px;border-radius: 7px;position: relative;}
#news .box2>a span { width: 100%;height: 100%;background: #000 url(../images/play.png) no-repeat center center;opacity: .2;position: absolute;top: 0;left: 0;-webkit-transition: all .5s;transition: all .5s;}
#news .box2>a:hover span { opacity: 0;}
#news .box2 p { padding-right: 40px;margin-top: 20px;}
#news .box2 p .more { float: right;color: #206fa0;}
#news .box3 { float: left;padding-left: 14px;}
#news .box3 dl dd p{ width: 165px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#news .box3 h1 { margin-bottom: 15px;}
#news .box3 p>a { float: right;color: #206fa0;margin-top: 10px;display: inline-block;}
#news .bottom { overflow: hidden;margin-top: 20px;color: #666;}
#news .bottom a { color: #666;}
#news .bottom a:hover { color: #333;}
#news .bottom .left{ float: left;}
#news .bottom .right{ float: right;}