@charset "gb2312";
/* CSS Document */
*html{_background-image:url(about:blank);_background-attachment:fixed}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden;}
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.doc{overflow: hidden; text-align: left; font: 14px/1.5 Arial, Helvetica, sans-serif;margin:0 auto; background:#010964; }
.doc .inner, .nav_inner{width:1200px; clear: both; margin:0 auto; overflow: hidden;background:#e0edff; }
.title img{ display:block; float:left; margin-top:40px; }
.title1{ position:relative; height:100px }
.title1 .more{ position:absolute; width:173px; text-align:center; background:#e0edff; line-height:52px; height:58px; border:solid 1px #b3bfe0; color:#b3bfe0; font-size:48px; right:35px; top:40px; }
.title1 img{ position:absolute; left:0px; top:40px;}
.title2 img{ margin-top:40px; display:block;}
.mgleft{ margin-left:30px;}
.area9 a:hover img, .area6 a:hover img, .area13 a:hover img, .area8 a:hover img{transform: scale(1.05, 1.05); transition: .3s transform;}
.wd{ width:1140px; margin:0 auto;}
.area1{ height:450px; background:url(../images/banner.jpg) no-repeat top center #010964;}
.area1 .inner{ background:none;}
.area1 .english{ width:79px; height:49px; display:block; margin-left:1100px; margin-top:385px;}
.area2 .inner{ height:30px; }
.area3 .nav_inner{ height:60px; background: url(../images/nav_bg.png) no-repeat center top; width:1227px; position:relative;  }
.area3 {height:52px;}
.area3 .nav_inner>ul>li{ float: left; width: 147px;  height: 51px; line-height: 66px; text-align:center;}
.area3 .nav_inner>ul>li a{ display:block;width:114px;height: 52px; color:#000; font-size:18px;line-height: 50px; }
.area3 .nav_inner>ul>li a:hover{ color:#fff;}
.area3 .nav_inner>ul>li:first-child{ margin-left:120px;}
.area3 .nav_inner>ul>li a.first { color:#fff;background: #010964;}
.area4 .wd{ margin-top:40px;}
.area4 .right{ width:744px; float:left; background:#ccddf5;}
.area4 .right img{ width:425px; height:280px; display:block; float:left;}
.area4 .right h3{ font-size:18px; color:#060001;line-height:24px; text-align:center; overflow:hidden; padding:15px 20px 0 20px; }
.area4 .right p{ font-size:12px; height:178px; width:275px; position:relative; padding:15px 20px 20px 20px; color:#060001;line-height:24px; text-align:justify; text-justify:inter-ideograph; overflow:hidden; }
.area4 .right a{ display:block; background:#5f9ff4; border-radius:15px; width:45px; font-size:14px; color:#FFF; text-align:center; line-height:20px; right:25px; height:20px; bottom:15px; position:absolute;}
.area4 .left{ float:left; width:395px; background:#dae8fc; height:281px; }
.area4 .left .title1{ height:70px; position:relative; border-bottom:solid 1px #a8c0e4; }
.area4 .left .title1 img{ display:block; position:absolute; top:19px; left:40px; }
.area4 .left .title1 a{ color:#010964; font-size:18px; position:absolute; right:80px; top:27px;}
.area4 .left .title1 a:hover{ color:#030c74;}
.area4 .new_right{ width:395px; float:right; margin-top:10px; background:#dae8fc;}
.area4 .new_right li{ font-size:12px; padding-left:37px; color:#060001;line-height:32px; overflow:hidden; border-bottom:dashed 1px #ccddf5;}
.area4 .new_right li a{ color:#000; }
.area4 .new_right li a:hover{ color:#333; }

.area5 .wd{ margin-top:40px;}
.area5 .intro_img{ width: 744px;  height: 281px; float:left;}
.area5 .left{ float:left; width:395px; background:#ccddf5; height:281px; }
.area5 .left .title1{ height:70px; position:relative; border-bottom:solid 1px #a8c0e4;}
.area5 .left .title1 img{ display:block; position:absolute; top:19px; left:40px; }
.area5 .left .title1 a{ color:#010964; font-size:18px; position:absolute; right:80px; top:27px;}
.area5 .left .title1 a:hover{ color:#030c74;}
.area5 .new_right{ width:395px; float:right; margin-top:10px;}
.area5 p{ font-size:12px; padding:3px 20px 0 20px; color:#060001;line-height:19px; text-align:justify; text-justify:inter-ideograph; overflow:hidden; }
.area5 h3{ font-size:14px; font-weight: bolder; padding: 10px 0 0 20px;}
 .area6 .ttitle img{ display:block; margin:0 auto; padding:10px 0;}
.area6 .ttitle div{ float:left; width:415px; background:#dae8fc; margin-top:20px;}
.area6 .ttitle  div:first-child{width:725px; text-align:left; border-right:none; }

.area6 .ctitle ul{ width:1140px; background:#dae8fc;  margin-bottom:55px; }
.area6 .ctitle ul li{width:1140px; float:left;}
.area6 .ttitle h1{font-size:30px; color:#355e94; line-height:45px; padding-left:20px;}
.area6 .ctitle ul li div{ line-height:40px; border-bottom:dashed 1px #b4c9ea; height:40px;float:left; width:400px; text-align:center; font-size:17px; color:#3c3c3c; overflow:hidden;}
.area6 .ctitle ul li a{ color:#3c3c3c; text-decoration:none;}
.area6 .ctitle ul li:hover div{ background:#c6d8f3;}
.area6 .ctitle ul li a:hover{ color:#666;}
.area6 .ctitle div:first-child{width:720px; text-align:left;padding-left:20px;}
.area6 .title{ color:#01215e; font-size:20px; font-weight:bold; margin:10px auto 10px 0px; text-align:left; border-bottom:1px solid #b3bfe0; }

.area7 .video .sp1{float:left;width:589px; overflow:hidden; height:430px; margin-left:30px; margin-top:20px;}
.area7 .video .sp1 li{width:589px; height:394px;}
.area7 .video .sp1 li img{width:589px; height:394px;}
.area7 .video .sp1 li a h3 {color:#010964;  font-size:18px;  height:23px; line-height:28px; overflow:hidden; text-align:center;}

.area7 .video .sp2{float:right;width:519px;}
.area7 .video .sp2 li{float:left;width:226px; height:151px; margin-left:20px; margin-top:35px;}
.area7 .video .sp2 li img{width:226px; height:151px;}
.area7 .video .sp2 li a h3 {color:#010964;  font-size:15.3px;  height:23px; line-height:28px; overflow:hidden; text-align:center;}

#marquee7,#marquee6,#marquee5,#marquee4{width:1070px;height:310px; overflow:hidden; margin:0 auto; }
#marquee7 ul li, #marquee6 ul li,#marquee5 ul li,#marquee4 ul li{float:left;height:270px;overflow:hidden; width:366px; margin-top:20px;  }
.area8 #marquee7 ul li p, .area8 #marquee6 ul li p, .area8 #marquee5 ul li p, .area8 #marquee4 ul li p{ font-size:15.3px;  color:#010964; line-height:30px; text-align:center; display:block; width:346px; margin:0 auto;}
#marquee7 ul li img, #marquee6 ul li img, #marquee5 ul li img, #marquee4 ul li img {margin:0 10px 0 10px; height:231px; width:346px; display:block; }



.area9 .border{   height:790px; position:relative;}

.area9 .title{ background-position: 0 -480px;}
.area9 .content{ margin-top: 30px; height: 750px; width: 1070px; overflow: hidden; position: relative; margin:0 auto;}
.area9 .content ul{ margin-right:-20px; overflow: hidden; zoom:1;}
.area9 .content li{ width:348px; height:233px; margin:15px 15px 0 0; float: left; position: relative; overflow: hidden;}
.area9 .content li img{ width:348px; height:233px;}
.area9 .content ul li:nth-child(4){width:711px;}
.area9 .content ul li:nth-child(4) img{ width:348px; height:233px; display:block}
.area9 .content li .bg{display: block;width: 348px;height: 233px;background:url(../images/bgline6.png) repeat-x 0 bottom;position: absolute;left: 0px;bottom: 0px;}
.area9 .content li a:hover .bg{ display: none;}
.area9 .swicth{ width: 350px; height: 233px; position: absolute; left: 395px; top: 263px;}
.area9 .swicth a{ width: 63px; height: 30px; line-height: 30px; padding-top: 76px; margin: 74px auto 0; display: block; position: relative; font-size: 18px; color: #010964; text-align: center;}
.area9 .swicth a i{ width: 63px; height: 71px; background:url(../images/icons.png); position: absolute; display: block; left: 0; top: 0;}
.area8 img{ margin-top:40px;}
.area11 .content{ margin-bottom:50px;}
.area11 h3 {color:#000;  font-size:24px;  line-height:85px; text-align:center;}
.area11 h2 {color:#010964;  font-size:30px;  line-height:60px; height:60px; text-align:center; font-weight:bolder; background:#cfdbf3;}
.area11 .left{ width:670px; float:left;}
.area11 .left1{ width:765px; float:left;}

.area11 .left p{ width:361px; border-bottom:dashed 1px #b3bfe0; color:#00010d;  font-size:18px; float:left; margin:20px 0}
.area11 .left p span{ color:#010964; font-weight:bolder; font-size:18px;}
.area11 h4{ color:#ff0000; font-size:18px;}
.area11 ul li{ color:#00010d;  font-size:18px;  line-height:30px;}
.area11 ul li span{ color:#010964;  font-size:18px; font-weight:bolder;  }
.area11 .txindent{ text-indent:90px;}
.area11 .txindent1{ text-indent:158px;}
.area11 .left .wd{ width:197px; margin-left:50px;}
.area11 .left .wd1{ width:233px; margin-left:50px;}
.area11 .left .wd2{ width:233px; margin-left:50px;}
.area11 .left .wd3{ width:341px; margin-left:50px;}
.area11 .left .wd4{ width:269px; margin-left:50px;}
.area11 .left .wd5{ width:269px; margin-left:50px;}
.area11 .left .wd6{ width:341px; margin-left:50px;}
.area11 .sx{ margin:20px 0;}
.area11 .ul1 li{ background:url(../images/round.jpg) no-repeat 13% 50%;   }
.area11 .ul2 li{ background:url(../images/round.jpg) no-repeat 24% 50%;   }
.area11 .light{ display:block; margin-left:70px; float:left; margin-top:25px;}
.area12 h2 {color:#010964;  font-size:30px;  line-height:60px; height:60px; text-align:center; font-weight:bolder; background:#cfdbf3; margin:20px 0;}
.area12 ul{ margin-right:-25px;}
.area12 ul li{ margin-right:19px; width:213px; height:213px; float:left; margin-bottom:20px;}

.area13 .border{border-left: dashed 1px #b3bfe0; height:285px; border-bottom: dashed 1px #b3bfe0; border-right: dashed 1px #b3bfe0; margin-top:-10PX;}
#marquee3{width:1070px;height:280px; overflow:hidden; margin:0 auto; }
#marquee3 ul li{float:left;height:233px;overflow:hidden; width:348px; position:relative; margin:30px 10px 0 10px;  }
#marquee3 ul li img { height:233px; width:348px; display:block; }
#marquee3 ul li .bg{display: block;width: 348px;height: 233px;background:url(../images/bgline6.png) repeat-x 0 bottom;position: absolute;left: 0px;bottom: 0px;}
#marquee3 li a:hover .bg{ display: none;}
#marquee3 p{ font-size:16px; color:#fff; position:absolute; bottom:10px; left:30px;}

.area15{ height:auto;}
.area15 .title{ color:#01215e; font-size:20px; font-weight:bold; margin:10px auto 10px 0px; text-align:left; border-bottom:1px solid #b3bfe0; }
.area15 .news-box ul{ margin:10px 0; overflow:hidden;}
.area15 ul{margin-top:30px;}
.area15 li { float:left; margin-left:44px;margin-bottom:30px; display:inline; text-align:center;}
.area15 img{ width:226px; height:151px; border:2px solid #f0f0f0; display:block;}
.area15 li a{ color:#333;}
.area15 li a:hover{ color:#0271c8;}


.area16{ height:650px;}
.area16 .show{width:800px; overflow:hidden; margin:0 auto; text-align:center; padding-bottom:30px;}
.area16 .show .showname { font:bold 16px/30px "΢ÈíÑźÚ"; color:#BA2636; margin-top: 10px; }
.area16 .show span{ color:#049;  }
.area16 .show span.green{ font:normal 12px/30px "΢ÈíÑźÚ"; color:#090; }
.area16 .show .showinfo {padding:10px 0; }
.area16 .show .showinfo img{ width:600px; }
.area16 .show .showdetail { font-size:14px; line-height:24px; text-align:left; padding-top:20px; }
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#fff; color:#333; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:1; filter:Alpha(opacity=100); }