*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 Microsoft Yahei,tahoma,HELVETICA; }
.doc .inner,.nav-inner,.b-inner{width:1000px; clear: both; margin:0 auto; overflow: hidden;}
.title{ border-bottom:1px solid #0271c8; font-size:35px; font-weight:bolder; color:#01215e; text-align:center; margin-top:35px; margin-bottom:30px; }
.title span{ color:#01215e; font-size:18px;}
.title span a{ color:#01215e; z-index:7;}
.title span a:hover{ color:#03338e;}
.prev, .next, .sPrev, .sNext, .goL, .goR  { position:absolute; background:url(../images/icon_bg.png); float:left;  width:40px; height:80px; cursor:pointer;  z-index:5;}
.area1{ height:675px; background:url(../images/banner.jpg) no-repeat center top;}
.area1 .english{ width:268px; height:76px; display:block; margin-top:555px; margin-left:365px;}
.area2 .nav-inner{ width:1100px;}
.area2{height:60px;background: #01215e;}
.area2 .nav-inner ul {height:60px; }
.area2 .nav-inner ul li{ float: left; width:100px;  height: 55px; line-height: 55px; text-align:center;}
.area2 .nav-inner ul li a.first { color:#01215e;background: #fff; width:100px;}
.area2 .nav-inner ul li a.selected { color:#f6f7f8;}
.area2 .nav-inner ul li a{ display: block; color: #FFF;font-size: 18px; font-weight: bold;width: 111px;height: 60px; line-height: 55px; z-index:1;}
.area2 .nav-inner ul li a:hover{ text-decoration: none; color:#f6f7f8;}
.area2 .nav-inner ul li a.first:hover { color:#01215e;background: #fff;}

.area3{ height:520px;}
.area3 .jdt {width:1000px;}
.area3 .jdt .img-box { width:750px; float:left;}
.area3 .jdt .img-box ul {width:750px; height:400px; position:relative;z-index:-1;}
.area3 .jdt .img-box li {width:750px; height:400px; position:absolute;}
.area3 .jdt .img-box img { width:750px; height:400px;z-index:-1;}
.area3 .jdt .jdt-tit { width:270px; float:left;margin-left:-20px; margin-top:-5px;}
.area3 .jdt .jdt-tit li {padding:5px 0; overflow:hidden; line-height:20px; transition:all .3s; cursor:pointer;}
.area3 .jdt .jdt-tit li a { font-size:16px;  height:20px; overflow:hidden; display:block; margin-left:50px; margin-top:5px; }
.area3 .jdt .jdt-tit li a:hover{ color:#0271c8;}
.area3 .jdt .jdt-tit li p { height:40px; overflow:hidden;margin-left:50px; padding:10px 0 15px 0; border-bottom:1px #333333 dotted;  }
.area3 .jdt .jdt-tit li.hover { background-position:0 0; background:url(../images/xwjx_arrow.png) no-repeat left center; }
.area4 .b-inner{ width:1030px;}
.area4 ul li{ width:480px; float:left; margin:0 20px 30px 15px;}
.area4 ul li img{ width:260px; height:200px; display:block; float:left; margin-right:15px;}
.area4 ul li h2{ font-size:18px; color:#333; margin:5px 0 7px 0;}
.area4 ul li p{ font-size:14px; color:#666; text-align:justify; text-justify:inter-ideograph; line-height:25px;}
.area4 ul li a{ color:#0271c8;}
.area4 ul li a:hover{ color:#057cda;}
.area5 .title{ margin-top:5px}
.area5{ height:510px; background:url(../images/customer.jpg) no-repeat top center;}
.multipleColumn{ overflow:hidden; position:relative;  text-align:center;}
.multipleColumn .prev{  top:170px; left:0px;  background-position:-80px 0px; }
.multipleColumn .next{  top:170px; right:0px;   background-position:-120px 0px;}
.multipleColumn .prev:hover{  top:170px; left:0px;  background-position:-40px 0px; }
.multipleColumn .next:hover{  top:170px; right:0px;   background-position:0px 0px;}
.multipleColumn .bd{width:900px;margin:0 auto;overflow:hidden;}
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:900px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ width:283px; height:200px;float:left; _display:inline; overflow:hidden; text-align:center; border:1px #DDD solid; margin:0 7.5px 15px 7.5px; }

.multipleColumn .bd ul li  a img{ width:283px; height:200px;}
.area6{ height:575px;}
.area6 .left{ width:740px; height:625px; float:left;}
/*小图*/
.area6 #slide1_control { width:135px; height:490px; float:left;overflow:hidden; position: relative;}
.area6 #slide1_control ul{ width:135px; height:458px; list-style:none;margin:0 auto; margin-left:0; }
.area6 #slide1_control li {line-height:140px; font-size:20px ; text-align:center;width:120px;height:140px; overflow:hidden; transition:all .3s; cursor:pointer;position:relative;background:url(../images/yuan.png) no-repeat center center;}
.area6 #slide1_control li.current,#slide1_control li:hover{ color:#FFF;background:url(../images/yuan1.png) no-repeat center center;}
.area6 #slide1_control .li-div{width:100%; height:458px; overflow:hidden; position:relative;}
/*大图*/
.area6 #slide1 {position:relative; width:600px; height:490px; float:right;}
.area6 #slide1 ul {list-style:none}
.area6 #slide1 ul li{ position: relative; height: 490px; overflow: hidden;}
.area6 #slide1 ul li img{ width:600px; height:350px; display:block; margin-bottom:10px;}
.area6 #slide1 ul li h2{ font-size:18px; font-weight:bolder; color:#333; line-height:30px; margin-bottom:5px;}
.area6 #slide1 ul li p{ font-size:12px; color:#666; text-indent:25px; line-height:22px;}
.area6 #slide1 ul li p a{ color:#2a3d72;}
.area6 #slide1 ul li i{ background:url(../images/qrrow.jpg) no-repeat top center; padding-left:610px; width:19px;}
.area6 .right{ width:240px; height:572px; float:left; margin-left:20px;}
.area6 .right h2{ height:40px; background:#008fff; color:#fff; font-size:18px; text-align:center; line-height:38px; }
.area6 .right ul li{ font-size:14px; color:#666; border-bottom:solid 1px #f0eeee; height:53px; line-height:22px;}
.area6 .right ul li a p{ padding-top:4px; overflow:hidden; color:#666;}
.area6 .right ul li span{ display:block; color:#999; font-size:12px;}
.area7{ height:485px;}
.area7 .video{ position:relative;}
.area7 .video .sp1{float:left;width:300px; overflow:hidden;}
.area7 .video .sp1 li{width:300px;}
.area7 .video .sp1 li img{width:300px; height:225px;}
.area7 .video .sp1 li h3{font-size:18px; height:28px; line-height:28px; overflow:hidden; color:#333;}
.area7 .video .sp1 li h3 a{color:#333; }
.area7 .video .sp1 li p{ line-height:21px; height:110px; text-indent:2em; color:#666; font-size:14px;}
.area7 .video .sp1 li p a{color:#F60}
.area7 .video .sp2{float:right;width:700px;}
.area7 .video .sp2 li{float:left;width:180px; padding:12px 17px 1px 17px;background:#edeeef; margin:0 0px 12px 17px; display:inline;}
.area7 .video .sp2 li:hover{background:#4aaffd;}
.area7 .video .sp2 li img{width:180px; height:135px;}
.area7 .video .sp2 li span{color:#666; display:block; height:24px; line-height:24px; text-align:center; overflow:hidden;}
.area7 .video .sp2 li:hover span{color:#fff;}
.area7 .video .sp2 li.selected {background:#4aaffd;}
.area7 .video .sp2 li.selected span{color:#fff;}
.area7 .video .sp1 li p a{ color:#0271c8;}
.area7 .video .sp1 li p a:hover{ color:#057cda;}
.area8{ height:685px; overflow:hidden;}
.area8 p{ font-size:20px; line-height:36px; width:820px; text-align:center; padding-left:90px;}
.area8 p span{ color:#2aa4f9; }
.area8 .jcImgScroll { position:relative;}
.area8 .jcImgScroll li.select img{display:block; text-align:center;width:640px; height:426px;padding:30px 0px 0 0; cursor:pointer;}
.area8 .jcImgScroll .sPrev , .jcImgScroll .sNext { top:200px;}
.area8 .jcImgScroll .sNext { background-position:-120px 0; right:20px;}
.area8 .jcImgScroll .sPrev{ background-position:-80px 0; left:20px;}
.area8 .jcImgScroll .sNext:hover { background-position:0px 0; right:20px;}
.area8 .jcImgScroll .sPrev:hover{ background-position:-40px 0; left:20px;}
.area8 .jcImgScroll li a{ cursor:default;}
.area8 .loading img{width:425px; height:318px;margin:0 auto; padding:30px 67px;}

.area9 .video{ height:280px;}
.area9 .video .sp1{float:left;}
.area9 .video .sp1 li{width:310px; border:solid 1px #eeecec; float:left; overflow:hidden; margin-left:30px;}
.area9 .video .sp1 li:first-child{ margin-left:0;}
.area9 .video .sp1 li img{width:280px; height:225px; text-align:center; padding:15px 15px 2px 15px;}
.area9 .video .sp1 li h3{font-size:18px; height:30px; line-height:28px; overflow:hidden; color:#333; text-align:center;}
.area9 .video .sp1 li h3 a{color:#333; }
.area9 .video .sp1 li p{ line-height:21px;  text-indent:2em; color:#666; font-size:14px; padding:0px 15px 10px 15px;}
.area9 .video .sp1 li p a{color:#F60}
.area9 .video .sp1 li p a{ color:#0271c8;}
.area9 .video .sp1 li p a:hover{ color:#057cda;}


.area10 .hxlbox{ margin-top:25px;}
.area10 .hxlbox .sPic{float:left;width:530px; height:375px; overflow:hidden;}
.area10 .hxlbox .sPic img {width:250px; height:180px;}

.area10 .hxlbox .sPic li{ float:left;width:250px; height:180px; margin-bottom:15px; margin-right:15px;}
.area10 .hxlbox .bPic {float:left;width:470px; height:375px;}
.area10 .hxlbox .bPic img { width:470px; height:375px;}

/* marquee6 */
.area11 .inner{ height:305px; position:relative;}
#marquee6{width:900px;height:153px; overflow:hidden; margin:0 auto; }
#marquee6 ul li{float:left;width:220px;overflow:hidden; border:solid 1px #333; height:150px; margin-left:20px; }
#marquee6 ul li img { height:150px; width:220px;}
/* control */
.area11 .goL{ top:155px; background-position:-80px 0;}
.area11 .goL:hover{ top:155px; background-position:-40px 0;}
.area11 .goR{ top:155px; background-position:-120px 0; right:0}
.area11 .goR:hover{ top:155px; background-position:0 0;}


.area12 .title{ color:#01215e; font-size:24px; font-weight:bold; margin:10px auto 10px 0px; text-align:left; }
.area12 .news-box ul{ margin:10px 0; overflow:hidden;}
.area12 .news-box li{background:url(../images/libg.jpg) no-repeat 10px 12px; border-bottom:1px dashed #ccc; height:34px; line-height:34px; overflow:hidden; padding-left:30px;}
.area12 .news-box li a{font-size:12px;color:#333; font-family:"宋体"}
.area12 p{ line-height:28px;}
.area12 p img{ width:566px; height:599px;}
.area12 p span{ color:#c8091b; font-weight:bolder;}

.area13{ height:auto;}
.area13 .title{ color:#01215e; font-size:24px; font-weight:bold; margin:10px auto 10px 0px; text-align:left; }
.area12 .news-box ul{ margin:10px 0; overflow:hidden;}
.area13 ul{margin-top:10px;}
.area13 li { float:left; margin-left:13px;margin-bottom:25px; display:inline; text-align:center;}
.area13 img{ width:180px; height:135px; border:2px solid #f0f0f0; display:block;}
.area13 li a{ color:#333;}
.area13 li a:hover{ color:#0271c8;}

.area15{ height:650px;}
.area15 .show{width:600px; overflow:hidden; margin:0 auto; text-align:center; padding-bottom:30px;}
.area15 .show .showname { font:bold 16px/30px "微软雅黑"; color:#BA2636; }
.area15 .show span{ color:#049; }
.area15 .show span.green{ font:normal 12px/30px "宋体"; color:#090; }
.area15 .show .showinfo {padding:10px 0; }
.area15 .show .showinfo img{ width:600px; }
.area15 .show .showdetail { font-size:14px; line-height:24px; text-align:left; padding-top:20px; }

.area15 .show .showname{ padding-top:35px;}


/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:.6; filter:Alpha(opacity=60); }
