﻿@charset "utf-8";
/* CSS Document */

/*reset the page*/
*{ margin:0; padding:0;}
body,h1,h2,h3,h4,p{margin:0;}
ul,dl,dt,dd{margin:0;padding:0;list-style:none;}
body{font-size:14px;color:#333;font-family: "微软雅黑", Arial; min-width:1280px;}
img{border:0;margin:0;}
a{text-decoration:none;color:#333;}
a:hover{ color:#006834;}
form,input,textarea{font-family: "微软雅黑", Arial}
/*h5 tag compatible ie6,7,8*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/*头部*/
header{ position: absolute; top:20px; width:1115px; left:50%; margin-left:-557.5px; height:92px; z-index:999; }
header>.left{ width:409px; height:90px; float:left; background:url(../img/navleftbg.png) no-repeat; position:relative;}
header>.left>.logo{ position:absolute; height:48px; width:140px; display:block; top:14px; left:37px;}
header>.left>.home{ position:absolute; height:48px; top:14px; width:60px; right:26px; display:block; text-align:center; color:#fff;}
header>.left>a:hover{ color:#FF0;}
header>.left>.home>b{ display:block; height:30px; line-height:36px; font-weight:normal; font-size:15px; overflow:hidden;}
header>.left>.home>small{ display:block; height:18px; font-size:10px; text-transform:uppercase;-webkit-transform:scale(0.75);-o-transform:scale(1); opacity:0.6; filer:alpha(opacity=60);  }
header>.right{ width:750px; background:url(../img/navbg.png) no-repeat; height:68px; top:24px; left:365px; position:absolute; }
header>.right.on{  background:url(../img/navonbg.png) no-repeat;}
header>.right>.nav{ padding-left:28px; }
header>.right>.nav>li{ float:left; position:relative; }
header>.right>.nav>li>a{ height:68px; text-align:center; display:block; color:#fff; width:105px;}
header>.right>.nav>li>a>b{ display:block; height:38px; line-height:50px; overflow:hidden; font-size:15px; font-weight:normal;}
header>.right>.nav>li>a>small{ display:block; height:30px; font-size:10px; text-transform:uppercase;-webkit-transform:scale(0.75);-o-transform:scale(1); opacity:0.6; filer:alpha(opacity=60); }
header>.right>.nav>li.on{ background-color:#42484c;}
header>.right>.nav>li:hover>a{ color:#FF0;}
header>.right>.nav>li>dl{ position:absolute; left:0; top:68px; padding:10px 10px 10px 170px; background-color: rgba(255,255,255,0.95) !important; background-size:140px 78.75px !important; width:100px; display:none;}
header>.right>.nav>li>dl>dd{ height:24px; line-height:24px;}
header>.right>.nav>li>dl>dd>a{ font-size:0;}
header>.right>.nav>li>dl>dd>a>b{ font-weight:normal; font-size:12px; display:inline-block;}
header>.right>.nav>li>dl>dd>a>small{ font-size:10px; text-transform:uppercase;-webkit-transform:scale(0.75);-o-transform:scale(1); display:inline-block;}
header>.right>.nav>li>dl>dd:hover>a{ color:#d53738;}
header>.right>.nav>li>i{ display:block; position:absolute; left:45px; bottom:0; color:#fff; width:10px; height:10px; background:url(../img/jian.png) no-repeat center bottom; display:none;}
header>.right>.navmore{ float:right; height:68px; line-height:68px; width:150px; text-align:right; color:#fff; padding-right:30px; position:relative;}
header>.right>.navmore>a{ color:#fff; font-size:12px; display:inline-block; padding-left:24px; cursor:pointer;}
header>.right>.navmore>.sitemap{ background:url(../img/sitemapicon.png) no-repeat left center;}
header>.right>.navmore>.weixin{ background:url(../img/weixinicon.png) no-repeat left center;}
header>.right>.navmore>.sitemap:hover{ background:url(../img/sitemapiconon.png) no-repeat left center; color:#d53738;}
header>.right>.navmore>.weixin:hover{ background:url(../img/weixiniconon.png) no-repeat left center; color:#d53738;}
header>.right>.navmore>.weixin.on{ background:url(../img/weixiniconon.png) no-repeat left center; color:#d53738;}
header>.right>.navmore>img{ display:block width:120px; height:120px; border:10px solid #fff; position:absolute; top:78px; right:-30px; display:none;}
header>.right>.navmore>i{ display:block; position:absolute; right:40px; top:68px; color:#fff; width:10px; height:10px; background:url(../img/jian.png) no-repeat center bottom; display:none;}

/*幻灯*/
.ppt{ width:100%; height:600px; border-bottom:3px solid #d53738; position:relative; overflow:hidden; }
.ppt>ul{ position:absolute; width:100%; height:100%;}
.ppt>ul>li{ float:left; width:100%; height:100%;}
.ppt>ul>li>a{ display: block; width:100%; height:100%; background-size:cover !important;}
.ppt>.dot{ width:100%; height:30px; line-height:30px; position:absolute; bottom:30px; text-align:center;}
.ppt>.dot>i{ display: inline-block; height:10px; border:1px solid #fff; background-color:#333; opacity:0.5; filter:alpha(opacity=50); width:10px; border-radius:50%; margin:0 10px;}
.ppt>.dot>i.on{border:1px solid #fff; background-color:#d53738; opacity:0.9; filter:alpha(opacity=90);}

/*主体*/
section{ width:1115px; overflow:hidden; margin:0 auto;}
.leftside{ width:308px; overflow:hidden; float:left; height:226px; float:left;}
.leftside>h3{ height:60px; line-height:60px; font-size:16px; color:#000;font-weight:normal;}
.leftside>h3>b{ color:#d63837; font-weight:normal; text-transform:uppercase; margin-right:5px;}
.leftside>dl{ overflow:hidden; height:110px; position:relative;}
.leftside>dl>dt{ height:30px; line-height:30px; background:url(../img/line.png) repeat-x left bottom; font-size:12px; color:#999;}
.leftside>dl>dt>span{ display:inline-block; width:77px; text-align:center; cursor:pointer;}
.leftside>dl>dt>span.on{ background:url(../img/lineon.png) repeat-x left bottom; color:#d33534;}
.leftside>dl>.alldd{ overflow:hidden; width:2000px; position:absolute; left:0; top:30px;}
.leftside>dl>.alldd>dd{ height:60px; overflow:hidden; margin:10px 0; float:left; width:308px;}
.leftside>dl>.alldd>dd>.date{ width:42px; border-right:1px solid #ccc; float:left; padding-right:20px; height:60px;}
.leftside>dl>.alldd>dd>.date>p{ font-size:17px; color:#000;}
.leftside>dl>.alldd>dd>.date>span{ font-size:12px; color:#999;}
.leftside>dl>.alldd>dd>.text{ width:225px; float:right; display:block;}
.leftside>dl>.alldd>dd>.text>h3{ font-size:14px; color:#000; height:24px; font-weight:normal;}
.leftside>dl>.alldd>dd>.newss{ font-size:12px; line-height:18px; color:#777;}
.leftside>dl>.alldd>dd>.text:hover>p{ color:#000;}
.learnmore{ height:60px; line-height:40px; }
.learnmore>a{ padding-left:24px; display:inline-block; text-transform:uppercase; background:url(../img/moreicon.png) no-repeat left center; font-size:12px; color:#999;}
.learnmore>a:hover{ color:#d33534;}
.rightside{ width:258px; overflow:hidden; height:226px; float:right;}
.rightside>h3{ height:60px; line-height:60px; font-size:16px; color:#000;font-weight:normal;}
.rightside>h3>b{ color:#d63837; font-weight:normal; text-transform:uppercase; margin-right:5px;}
.allvideo{ width:100%; height:110px; overflow:hidden; position:relative;}
.allvideo>ul{ position:absolute; width:2000px; height:80px;}
.allvideo>ul>li{ width:258px; height:100%; float:left;}
.allvideo>ul>li>a{ display:block; width:100%; height:100%; background-size:cover; position:relative;}
.allvideo>ul>li>a>i{ display:block; width:51px; height:51px; left:50%; top:50%; margin:-25.5px 0 0 -25.5px; position:absolute; background:url(../img/playicon.png) no-repeat center;}
.allvideo>.point{ width:100%; height:30px; line-height:30px; text-align:center; position:absolute; bottom:0;}
.allvideo>.point>i{ display:inline-block; width:20px; height:2px; background-color:#333; margin:0 2px; cursor:pointer;}
.allvideo>.point>i.on{  background-color:#d33534; }



/*底部*/
footer{ width:100%; overflow:hidden; background-color:#2c3642; color:#d2d2d2; font-size:12px;}
.footer{ width:1115px; margin:0 auto; overflow:hidden;}
.footer>.left{ float:left; width:280px; height:40px; line-height:40px; margin-right:40px;}
.footer>.left>.a{color:red;}
.footer>.left>.a:hover{color:red;}
.footer>.right{ overflow:hidden;}
.footer>.right>.links{height:40px; line-height:40px; text-align:right;}
.footer>.right>.links>h3{ display:inline; font-weight:normal; text-transform:uppercase; padding-left:30px; background:url(../img/linksicon.png) no-repeat left center;}
.footer>.right>.links>a{ color:#d2d2d2;}
.footer>.right>.links>a:hover{ color:#d33534;}







/*其他*/
.clean:after{ content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clean{ zoom:1};