﻿@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body { color:#333; font:12px/20px "Microsoft YaHei", "寰蒋闆呴粦", "SimSun", "瀹嬩綋",HELVETICA; background:#fff; /* overflow-y:scroll;*/ }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","瀹嬩綋";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
.clearit { clear:both; height:0; font-size:0; overflow:hidden; }
a{ color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none;}
a:hover, a:active, a:focus { color:#ff8400; text-decoration:none; }/* CSS Document */

.main{ width:1200px; overflow:hidden; margin:0 auto;}
.mainp{ width:1200px; height:700px; overflow:hidden; margin:0 auto; position:relative;}
.mainp2{ width:1200px; height:500px; overflow:hidden; margin:0 auto; position:relative;}
.mainp2 .ddd{ width:300px; position:absolute; left:10px; top:275px;}
.mainp2 .ddd a{ font-size:18px; color:#FFF; line-height:40px; background-color:#0156a0; text-align:center; padding:0 10px; margin:0 10px; float:left; display:block;}
.mainp2 .ddd a:hover{ background-color:#297eca;}
.mr0{ margin-right:0px !important;}
.left{ float:left;}
.right{ float:right;}

.ins#qiao-icon-wrap{ top:65% !important;}
.top{ width:100%; height:64px; position:fixed; top:0; left:0; z-index:99999;}
.logo{ width:235px; height:60px; overflow:hidden; position:absolute; left:50px; top:3px; z-index:999;}
.list{ width:100%; height:64px; background-color:#fff;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding-left:80px; height:64px; line-height:64px;  position:relative; z-index:1; width:900px; background-color:#fff; margin:0 auto; }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline; height:62px; }
.nav .on{ border-bottom:2px solid #035caf;}
.nav .on h3 a p{ color:#035caf;}
.nav .nLi h3{ float:left; font-weight:normal; }
.nav .nLi h3 a{  display:block;  }
.nav .nLi h3 a p{padding:0 22px; font-size:14px; color:#333; line-height:14px; margin-top:25px; border-right:1px solid #d2d2d2;}
.nav .nLi:hover h3 a p{ color:#035caf;}
.nav .nLi:hover{ border-bottom:2px solid #035caf;}
.nav .nLi h3 .br0{border-right:none !important;}
.nav .sub{ display:none; width:101px; left:0; top:64px;  position:absolute; background:#0c4f96;  line-height:26px; padding:5px 0 10px;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 5px; text-align:center; font-size:12px ; }
.nav .sub a:hover{ background:#0c5fb6; color:#fff;  }
.phone{ width:220px; height:64px; position:absolute; right:0; top:0;}
.phone p{ float:right; margin-right:20px;}
.phone p i{ font-size:14px; color:#0c4f96; line-height:64px; float:left; font-style:normal;}
.phone p span{ width:28px; height:28px; float:left; text-align:center; font-size:14px; color:#0c4f96; line-height:28px; background-color:#ababab;color:#FFF; margin-top:18px; margin-left:10px; border-radius:14px; display:block;}
.phone a{ float:right;}
.banner{ width:100%; height:663px; overflow:hidden; background:url(../images/banner.jpg) no-repeat center;}
.about{ width:100%; height:450px; background:url(../images/index-aboutbg.jpg) no-repeat center;}
.about h3{ font-size:30px; color:#0c4f96; line-height:30px; padding-top:110px; margin-bottom:50px; font-weight:normal; text-align:center;}
.about p{ width:1020px; font-size:14px; color:#999999; line-height:22px; text-align:center; margin:0 auto;}
.cul{ width:445px; height:62px; margin:80px auto 0;}
.cul .a1{ width:222px; height:62px; border-right:1px solid #7f7f7f; float:left; cursor:pointer;}
.cul .a1 i{ width:20px; height:20px; background:url(/images/nexts2.png); float:left; display:block; font-style:normal; margin-top:32px;}
.cul .a1 p{ width:170px; margin-left:10px; float:left; font-size:14px; color:#0c4f96; line-height:30px; text-align:right;}
.cul .a1 p span{ font-size:18px; line-height:26px; color:#0c4f96; text-align:right; display:block;}
.cul .a2{ width:222px; height:62px; float:left; cursor:pointer;}
.cul .a2 i{ width:20px; height:20px; background:url(/images/prevs1.png); float:left; display:block; font-style:normal; margin-top:32px;}
.cul .a2 p{ width:170px; margin-left:20px; float:left; font-size:14px; color:#999; line-height:30px; text-align:left;}
.cul .a2 p span{ font-size:18px; line-height:26px; color:#999; text-align:left; display:block;}
#b2{ display:none;}
.ys{ width:100%; height:744px; background:url(../images/listbg.jpg) no-repeat center; overflow:hidden;}
.ys h3{ font-size:30px;line-height:40px;color:#005aac; margin-top:80px; padding-bottom:20px; font-weight:normal; text-align:center; background:url(../images/h3bg3.jpg) no-repeat center bottom;}
.ys h3 span{ color:#333333; margin-right:20px;}
.bor{ width:1100px; height:1000px; margin:0 auto; position:relative;}
.bor li{ width:153px; height:160px;  }
.bor li p{ font-size:24px; line-height:30px; margin-top:50px; text-align:center; }
.bor .color1{ color:#0056ab;}
.bor .color2{ color:#3a9708;}
.bor .s1{ position:absolute; left:0; top:410px;}
.bor .s2{ position:absolute; left:60px; top:243px;}
.bor .s3{ position:absolute; left:205px; top:125px;}
.bor .s4{ position:absolute; left:383px; top:50px;}
.bor .s5{ position:absolute; left:580px; top:50px;}
.bor .s6{ position:absolute; left:765px; top:125px;}
.bor .s7{ position:absolute; left:887px; top:243px;}
.bor .s8{ position:absolute;  left:947px; top:410px;}
.ynext{ width:50px; height:50px; background:url(../images/next.png) no-repeat center; display:block; position:absolute; left:20px; top:480px;}
.yprev{ width:50px; height:50px; background:url(../images/prev.png) no-repeat center; display:block; position:absolute; left:920px; top:480px;}
.indexpp{ width:384px; height:343px; display:block; position:absolute; top:255px; left:308px;}


.indexpro{ width:100%; overflow:hidden;}
.indexpro h3{ font-size:24px;line-height:30px;color:#0056ab; margin-top:100px; padding-bottom:10px; font-weight:normal; text-align:center; background:url(../images/h3bg.jpg) no-repeat center bottom;}
.indexpro h3 span{ font-size:14px; line-height:30px; color:#333; text-align:center;}
.indexpro ul{ width:1128px; margin:80px auto 100px; overflow:hidden; position:relative;}
.indexpro ul li{ width:376px; float:left;}
.indexpro ul .bg{ background:url(../images/lil.jpg) no-repeat left top;}
.indexpro ul .i1{ width:42px; height:42px; background:url(../images/i1.png) no-repeat center; position:absolute; top:150px; left:355px; display:block;}
.indexpro ul .i2{ width:42px; height:42px; background:url(../images/i2.png) no-repeat center; position:absolute; top:150px; left:731px; display:block;}
.indexpro ul li p{ font-size:20px; color:#333; line-height:36px; text-align:center;}
.indexpro ul li img{ width:277px; height:319px; margin:0 auto; display:block;}
.indexpro2{ width:100%; overflow:hidden; position:relative;}
.indexpro2 .dw1{ width:28px; height:40px; overflow:hidden; background:url(../images/area.png) no-repeat center; position:absolute; left:31%; top:18%; display:block; cursor:pointer;}
.indexpro2 .dw2{ width:28px; height:40px; overflow:hidden; background:url(../images/area.png) no-repeat center; position:absolute; left:39%; top:30%; display:block; cursor:pointer;}
.indexpro2 .dw3{ width:28px; height:40px; overflow:hidden; background:url(../images/area.png) no-repeat center; position:absolute; left:15%; top:46%; display:block; cursor:pointer;}
.indexpro2 .d1{ display:block;}
.indexpro2 .d2{ display:none;}
.indexpro2 .d3{ display:none;}
.indexpro2 h3{ font-size:36px; color:#FFF; line-height:50px; text-align:center; width:35%; position:absolute; left:56%; top:10%; font-weight:normal;}
.indexpro2 h3 span{ font-size:14px; color:#FFF; line-height:26px; text-align:left; display:block; font-weight:normal; margin-top:20px;}
.indexpro2 div{ width:40%; position:absolute; left:58%; top:55%;}
.indexpro2 div img{ float:left; max-width:170px;}
.indexpro2 div p{ font-size:18px; color:#FFF; line-height:30px; text-align:left; float:left; margin-left:50px; margin-top:-10px;}
.indexpro2 div p span{ font-size:14px; color:#FFF; line-height:26px; text-align:left; float:left; margin-top:10px;}
.indexnews{ width:100%; overflow:hidden; background:url(../images/indexnewsbg.png) repeat;}
.indexnews h3{ font-size:30px;line-height:40px;color:#005aac; margin-top:80px; padding-bottom:20px; font-weight:normal; text-align:center; background:url(../images/h3bg.jpg) no-repeat center bottom;}
.indexnews ul{ width:1050px; overflow:hidden; margin:65px auto 0;}
.indexnews ul li{ width:320px; overflow:hidden; float:left; margin-right:30px;}
.indexnews ul li .left1{ width:73px; height:89px; background:url(../images/newsleft2.png) no-repeat center; float:left; margin-right:25px;}
.indexnews ul li:hover .left1{ background:url(../images/newsleft1.png) no-repeat center;}
.indexnews ul li .left1 p{ font-size:24px; color:#0c4f96; line-height:50px; text-align:center;}
.indexnews ul li:hover .left1 p{ color:#FFF;}
.indexnews ul li .left2{ width:73px; height:89px; background:url(../images/newsleft2.png) no-repeat center; float:left; margin-right:25px;}
.indexnews ul li:hover .left2{ background:url(../images/newsleft1.png) no-repeat center;}
.indexnews ul li .left2 p{ font-size:24px; color:#0c4f96; line-height:50px; text-align:center;}
.indexnews ul li:hover .left2 p{ color:#FFF;}
.indexnews ul li .right1{ width:220px; float:left;}
.indexnews ul li .right1 p{width:220px;height:20px; margin-bottom:20px; font-size:14px; color:#0c4f96; line-height:20px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block; }
.indexnews ul li .right1:hover p{ font-weight:bolder;}
.indexnews ul li .right1 span{ width:220px; height:132px; font-size:14px; color:#666; line-height:22px; overflow:hidden; display:block; }
.indexnews ul li .right1:hover span{ color:#a8afd6;}
.indexnews ul li .right1 i{ font-size:16px; color:#666; line-height:20px; margin:20px 0; font-style:normal; display:block;}
.indexnews ul li .right1:hover i{ color:#a8afd6;}
.indexnews .more{ width:150px; height:44px; margin:60px auto; border:1px solid #c2c2c2;  border-radius:22px; display:block;}
.indexnews .more p{ font-size:14px; line-height:46px; color:#666; text-align:center;}
.indexnews .more p img{ margin-left:10px;}
.indexnews .more:hover{ border:1px solid #005bac;}
.indexnews .more:hover p{ color:#005bac;}
.indexjoin{ width:100%; height:700px; background:url(../images/indexjoin.jpg) no-repeat center; overflow:hidden;}
.indexjoin h3{ font-size:30px; line-height:40px; color:#FFF; padding-bottom:10px; text-align:center; margin-top:60px; background:url(../images/h3bg2.jpg) no-repeat center bottom; font-weight:normal;}
.indexjoin h3 span{ color:#f00414;}
.indexjoin .l1{ width:271px; height:257px; overflow:hidden; background:url(../images/l1.png) no-repeat center; position:absolute; left:0; top:150px;}
.indexjoin .l2{ width:215px; height:198px; overflow:hidden; background:url(../images/l2.png) no-repeat center; position:absolute; left:200px; top:450px;}
.indexjoin .l3{ width:217px; height:244px; overflow:hidden; background:url(../images/l3.png) no-repeat center; position:absolute; left:420px; top:160px;}
.indexjoin .l4{ width:181px; height:181px; overflow:hidden; background:url(../images/l4.png) no-repeat center; position:absolute; left:620px; top:380px;}
.indexjoin .l5{ width:207px; height:203px; overflow:hidden; background:url(../images/l5.png) no-repeat center; position:absolute; left:800px; top:170px;}
.indexjoin .l6{ width:213px; height:191px; overflow:hidden; background:url(../images/l6.png) no-repeat center; position:absolute; left:987px; top:390px;}
.indexjoin .l1 p{ font-size:20px; line-height:40px; color:#FFF; width:200px; text-align:center; margin-top:80px; margin-left:50px;}
.indexjoin .l1 span{ font-size:14px; color:#FFF; line-height:22px; margin-top:10px; width:200px; margin-left:50px; display:block;}
.indexjoin .l2 p{ font-size:20px; line-height:40px; color:#FFF; width:120px; text-align:center; margin-top:50px; margin-left:40px;}
.indexjoin .l2 span{ font-size:14px; color:#FFF; line-height:22px; margin-top:10px; width:120px; margin-left:40px; display:block;}
.indexjoin .l3 p{ font-size:20px; line-height:40px; color:#FFF; width:150px; text-align:center; margin-top:80px; margin-left:50px;}
.indexjoin .l3 span{ font-size:14px; color:#FFF; line-height:22px; margin-top:10px; width:150px; margin-left:50px; display:block;}
.indexjoin .l4 p{ font-size:20px; line-height:40px; color:#FFF; width:140px; text-align:center; margin-top:40px; margin-left:30px;}
.indexjoin .l4 span{ font-size:14px; color:#FFF; line-height:22px; margin-top:10px; width:140px; margin-left:30px; display:block;}
.indexjoin .l5 p{ font-size:20px; line-height:40px; color:#FFF; width:100px; text-align:center; margin-top:50px; margin-left:50px;}
.indexjoin .l5 span{ font-size:14px; color:#FFF; line-height:22px; margin-top:10px; width:200px; margin-left:50px; display:block;}
.indexjoin .l6 p{ font-size:20px; line-height:40px; color:#FFF; width:150px; text-align:center; margin-top:50px; margin-left:50px;}
.indexjoin .l6 span{ font-size:14px; color:#FFF; line-height:22px; margin-top:10px; width:200px; margin-left:70px; display:block;}

.bottom{ width:100%;   border-bottom:1px solid #e7e7e7; background:url(../images/bot.jpg) center top no-repeat; padding-top:52px; overflow:hidden;}
.bottom .left3{ width:279px; height:300px; float:left; border-right:1px solid #e7e7e7;}
.bottom .left3 a{ width:134px; height:27px; background:url(../images/bota.jpg) no-repeat left; font-size:14px; color:#FFF; line-height:27px; padding-left:20px; display:block; margin-top:20px;}
.bottom .left3 h3{ font-size:14px; color:#333; line-height:24px; margin:40px 0 30px;}
.bottom .left3 h3 span{ font-size:14px; color:#666; line-height:24px; display:block; font-weight:normal;}
.bottom .left3 p{ font-size:12px; color:#666; line-height:22px;}
.bottom .left3 h4{ font-size:14px; color:#333; line-height:40px; margin-top:5px}
.bottom ul{  height:300px; float:left; overflow:hidden;}
.bottom ul li{ width:150px; height:300px; float:left; border-right:1px solid #e7e7e7;  }
.bottom ul li h3{ font-size:14px; color:#000; line-height:24px; margin:40px 0 5px; text-align:center;}
.bottom ul li h3:hover{ color:#005bac;}
.bottom ul li p{ font-size:14px; color:#666; line-height:24px; text-align:center;}
.bottom ul li p:hover{ color:#005bac;}
.bottom .right3{   height:250px; overflow:hidden; float:left;}
.bottom .right3 .top2{ padding:30px 0 20px ; border-bottom:1px solid #dad8d8; text-align:center;}
.bottom .right3 .top2 img{ margin-top:15px;  }
.bottom .right3 .top2 p{ font-size:24px; color:#000; line-height:66px; float:left; margin-left:30px;}
.bottom .right3 .weibo{   float:right; margin-left:20px;}
.bottom .right3 .weibo p{ font-size:14px; color:#333; line-height:46px; text-align:center;}
.bdsharebuttonbox{ margin-top:20px; float:right;}
.bot{ width:100%; height:40px; background-color:#f1eeee;}
.bot h3{ font-size:14px; color:#333; line-height:40px; float:left;}
.bot p{ font-size:12px; color:#999; line-height:40px; float:left;   }
.bot p a{ font-size:12px; color:#999; line-height:40px;   margin-right:5px}
 
.bot p a img{ margin-top:15px; float:right}
.bot .resun{ font-size:12px; color:#333; line-height:40px; float:right; margin-left:20px; display:block;}
.bot2{ width:100%; height:40px; background-color:#f1eeee;}
.bot2 h3{ font-size:14px; color:#333; line-height:40px; float:left;}
.bot2 p{ font-size:12px; color:#999; line-height:20px; float:left; width:1000px; float:left;}
.bot2 p a{ font-size:12px; color:#999; line-height:20px; float:left; display:block; margin-right:5px;}
.bot2 p a:hover{ font-size:12px; color:#999; line-height:20px; float:left; display:block;}
.bot2 p a img{ margin-top:5px;}
.bot2 .resun{ font-size:12px; color:#333; line-height:40px; float:right; margin-left:20px; display:block;}


.about-banner{ width:100%; height:527px; overflow:hidden; background:url(../images/aboutbanner.jpg) no-repeat center; margin-top:64px;}
.jj{ width:100%; overflow:hidden;}
.jj h3{ font-size:36px; color:#005bac;line-height:40px; width:300px; overflow:hidden; background:url(../images/com.jpg) no-repeat center top; padding-top:80px; margin:70px auto 0; text-align:center;}
.jj h3 span{ font-size:18px; color:#afafaf; line-height:30px; text-align:center; font-weight:normal; display:block;}
.aboutl{ width:630px; margin-top:60px; float:left;}
.aboutl p{ font-size:14px; line-height:24px; color:#999999; margin-bottom:20px;}
.aboutl p span{ font-weight:bolder; color:#666;}
.aboutr{ width:535px; height:462px; float:right; background:url(../images/aboutr.jpg) no-repeat center; margin-top:60px;}
.aboutr .a1{ width:485px; height:262px; overflow:hidden;}
.aboutr .a2{ width:218px; height:158px; overflow:hidden;}
.big{ -webkit-transition:500ms; transition:500ms;}
.big:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.about2{ width:100%; height:809px; overflow:hidden; background:url(../images/about2.jpg) no-repeat center; margin-top:30px;}
.about2 h3{ font-size:36px; color:#333333;line-height:40px; width:300px; overflow:hidden; margin:100px auto 0; text-align:center; font-weight:normal;}
.about2 h3 span{ font-size:18px; color:#666666; line-height:30px; text-align:center; font-weight:normal; display:block;}
.slideBox{ width:1200px; overflow:hidden; position:relative; height:520px;}
.slideBox .hd{ overflow:hidden; z-index:1; width:84px; height:10px; position:absolute; left:50%; margin-left:-42px; bottom:0; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:2px;  width:40px; height:3px; text-align:center; background:#FFF; cursor:pointer; }
.slideBox .hd ul li.on{ background:#008bfe; border:none;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd ul{ width:1200px; overflow:hidden; margin-top:130px;}
.slideBox .bd .zz{ width:300px; float:left; overflow:hidden; text-align:center;}
.slideBox .bd .zz img{ margin:0 auto; display:block;}
.slideBox .bd .zz p{ font-size:18px; color:#666; line-height:30px; text-align:center; margin-top:10px; font-weight:bolder;}
.slideBox .bd .zz span{ font-size:14px; color:#666; line-height:20px; text-align:center; width:210px; overflow:hidden; display:block; margin:10px auto 0;}

.picFocus{ margin:50px auto 120px; width:1200px; height:560px; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:423px; overflow:hidden; float:left; background:#999; }
.picFocus .hd ul{ overflow:hidden; zoom:1; margin-top:50px;}
.picFocus .hd ul li{ float:left;  text-align:center; width:211px; height:120px; margin-bottom:20px; }
.picFocus .hd ul li img{ width:164px; height:120px; cursor:pointer; margin:0 auto; }
.picFocus .hd ul li.on img{ border:2px solid #035caf;width:160px; height:116px; }
.picFocus .hd .nn{ width:423px; height:90px; background-color:#54515a; overflow:hidden;}
.picFocus .hd .nn a{ width:120px; height:40px; border:1px solid #FFF; font-size:18px; color:#FFF; text-align:center; display:block; margin:25px auto; line-height:40px;}
.picFocus .hd .nn a:hover{ background:#035caf; color:#fff;  border:1px solid #035caf;}
.picFocus .bd{ width:777px; height:560px; overflow:hidden; float:left;}
.picFocus .bd li{ vertical-align:middle; width:777px; height:560px; }
.picFocus .bd img{ width:777px; height:560px; display:block;  }

.lc{ width:100%; height:842px; background:url(../images/about3.jpg) no-repeat center; overflow:hidden; position:relative;}
.lc h3{ font-size:36px; color:#333333;line-height:40px; width:300px; overflow:hidden; margin:100px auto 0; text-align:center; font-weight:normal;}
.lc h3 span{ font-size:18px; color:#666666; line-height:30px; text-align:center; font-weight:normal; display:block;}
.lc .p1{ font-size:16px; color:#333; line-height:24px; text-align:center; margin-top:50px;}
.lmain3{ width: 100%;}
.lmain3 .ltitle{ font-size: 22px; color: #000; text-align: center; line-height: 52px;}
.lmain3 .lbody{ width: 100%; height: 482px;}
.lmain3 .ltime{ width: 150%; height: 74px; background: url(../images/labout_98.png) repeat-x center; position: absolute; left: 0; top: 115px;}
.lmain3 .ltime .lbox{ width: 92px; text-align: center; background: url(../images/labout_99.png) no-repeat center top; float: left; font-size: 18px; color: #31302f; line-height: 50px; font-family: "Arial"; margin-top: 33px; cursor:pointer;}
.lmain3 .ljianr{ width: 192px; height: 74px; background: url(../images/labout_100.png) no-repeat; position: absolute; right: 0;top: 114px; }
.lmain3 .ljianr div{ width: 49px; height: 74px; cursor: pointer; float: right;}
.lmain3 .ljianl{ width: 192px; height: 74px; background: url(../images/labout_101.png) no-repeat; position: absolute; left: 0;top: 112px;}
.lmain3 .ljianl div{ width: 49px; height: 74px; cursor: pointer; float: left;}
.lmain3 .limg{ width: 55px; height: 38px; background: url(../images/labout_102.png) no-repeat; position: absolute; left: 570px; top: 88px;}
.lmain3 .ltest{ position: absolute; top: 280px; left: 242px; width:716px; height:182px; background:url(../images/lcbg.png) no-repeat center; overflow: hidden;}
.lmain3 .ltest ul{ width: 10000%; overflow: hidden;}
.lmain3 .ltest ul li{  float: left; width: 1%; position: relative;padding: 10px 0; height:140px;}
.lmain3 .ltest ul li .lbox{ display: table; margin: 15px auto;}
.lmain3 .ltest p{ font-size: 14px; color: #a4a4a4; line-height:22px;}
.lmain3 .ltest i{ font-size:18px; color:#005bac; width: 20px; display: block; float: left;}
.lmain3 .lyear{ font-size: 18px; color: #005bac; position: absolute;right:30px; bottom:0;}
.lmain3 .lyear span{ font-size: 22px; color: #005bac; font-style: italic; margin: 0 5px 0 10px;}
.lmain3 .lyear em{ font-size: 30px; color: #ccc;}
.cenbox { width: 1200px; margin: 0 auto; position: relative;}

.txtScroll-left2{ width:1200px;  position:relative; margin-top:70px;  }
.txtScroll-left2 .hd{ 
	overflow:hidden;  
	height:80px; 
	padding-top:30px; 
}
.txtScroll-left2 .hd ul{ 
	width:235px; 
	overflow:hidden; 
	zoom:1; 
	margin:20px auto 0; 
}
.txtScroll-left2 .hd ul li{ 
	float:left;  
	width:16px; 
	height:16px; 
	overflow:hidden; 
	margin:0 5px; 
	text-indent:-999px; 
	cursor:pointer; 
	background:#cccccc;
	border-radius:8px; 
}
.txtScroll-left2 .hd ul li.on{ background:#035caf;}
.txtScroll-left2 .bd{ 
	width:1200px; 
	overflow:hidden;
	 margin:0 auto; 
}
.txtScroll-left2 .bd ul{ 
	overflow:hidden; 
	zoom:1; 
}
.txtScroll-left2 .bd ul li{ 
	width:360px; 
	height:280px;
	float:left; 
	text-align:center;
	display:inline;
	margin-right: 50px;
}
.txtScroll-left2 .bd ul li img{ 
	width:360px; 
	height:280px; 
	margin:0 5px; 
}

.join-banner{ width:100%; height:526px; overflow:hidden; background:url(../images/join-banner.jpg) no-repeat center; margin-top:64px;}
.join{ width:100%; overflow:hidden;}
.join h3{ font-size:36px; color:#005bac; line-height:50px; text-align:center; margin:80px auto 0;}
.join h3 span{ font-size:18px; color:#005bac; line-height:28px; text-align:center; display:block; font-weight:normal;}
.join ul { width:1200px; height:290px; margin:120px auto 80px;}
.join ul li{ width:240px; height:224px; float:left; background:url(../images/joinli.jpg) no-repeat center;}
.join ul li p{ font-size:36px; color:#666; line-height:50px; text-align:center; margin:50px auto 30px;}
.join ul li span{ font-size:16px; color:#999; line-height:30px; text-align:center; display:block;}
.join ul li i{ font-size:14px; color:#e0e0e0; line-height:20px; width:200px; margin:0 auto; font-style:normal; display:none; overflow:hidden}
.join ul li:hover{ width:238px; margin:-50px 1px 0; height:380px; overflow:hidden; background:#58affc;}
.join ul li:hover p{ width:238px; height:50px; color:#FFF; font-size:36px; line-height:50px; text-align:center; margin:0 auto; background-color:#005bac;}
.join ul li:hover span{ color:#FFF; margin:20px auto;}
.join ul li:hover i{ display:block;}
.join02{ width:100%; overflow:hidden; background-color:#f9f9f9;}
.join02 h3{ font-size:36px; color:#005bac; line-height:50px; text-align:center; margin:80px auto 0;}
.join02 h3 span{ font-size:18px; color:#005bac; line-height:28px; text-align:center; display:block; font-weight:normal;}
.join02 .qs{ width:1180px; margin:90px auto 100px; display:block;}
.join03{ width:100%; height:800px; overflow:hidden; background:url(../images/join03.jpg) no-repeat center;}
.join03 img{ width:1024px; height:571px; margin:115px auto 0; display:block;}
.join04{ width:100%; overflow:hidden;}
.join04 h3{ font-size:36px; color:#005bac; line-height:42px; text-align:center; margin:80px auto 0;}
.join04 h3 span{ font-size:18px; color:#999; line-height:28px; text-align:center; display:block; font-weight:normal; margin-top:10px;}
.join04 .tt{ font-size:24px; color:#005bac; line-height:30px; text-align:center; margin:50px auto 20px;}
.join04 .yy{ font-size:14px; color:#999; line-height:20px; display:block; margin:0 auto; width:510px;}
.join04 ul{ width:1200px; margin:50px auto; }
.join04 ul li{ width:400px; float:left; margin-bottom:60px;}
.join04 ul li img{ margin:0 auto;}
.join04 .uu{  font-size:20px; color:#005bac; line-height:30px; text-align:left; margin:20px auto 10px;}
.join04 .sp1{ font-size:14px; color:#999; line-height:20px; display:block; margin:0 auto; width:390px;}
.picj{ width:392px; height:268px; overflow:hidden;}
.mt10{  -webkit-transition:500ms;  transition:500ms;}
.mt10:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.w730{ width:730px; overflow:hidden; margin:30px 0 70px;}
.w730 p{ font-size:22px; color:#1457a0; line-height:30px; padding:20px 0; border-bottom:1px solid #ebeff3; margin-left:5px;}
.w730 span{ font-size:14px; color:#999; line-height:20px; display:block; margin:15px 0 30px; margin-left:5px; }
.mt60{ margin-top:60px; display:block;}
.jpic{ margin:65px auto; display:block;}
.join05{ width:100%; height:771px; overflow:hidden; background:url(../images/join07.jpg) no-repeat center;}
.join05 h3{ font-size:36px; color:#fff; line-height:50px; text-align:center; margin:80px auto 0;}
.join05 h3 span{ font-size:18px; color:#fff; line-height:28px; text-align:center; display:block; font-weight:normal;}
.slideTxtBox{ width:1030px; margin:90px auto 0; }
.slideTxtBox .hd{ height:190px; position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; }
.slideTxtBox .hd ul li{ float:left; width:126px; height:190px; cursor:pointer; margin-right:100px;}
.slideTxtBox .hd ul li p{ width:126px; height:126px; background:#FFF; border-radius:63px; color:#005eb4; font-size:30px; line-height:126px; text-align:center;}
.slideTxtBox .hd ul li.on{  width:126px; height:190px; background:url(../images/libot.png) no-repeat center bottom; }
.slideTxtBox .hd ul li.on p{ width:126px; height:126px; background:#005eb4; border-radius:63px; color:#FFF;}
.slideTxtBox .bd {width:1030px; height:200px; background-color:#FFF; border-radius:10px;}
.slideTxtBox .bd ul{ display:block; overflow:hidden; margin:0 auto; }
.slideTxtBox .bd p{ font-size:18px; color:#333333; line-height:30px; padding-top:30px; margin-left:60px;  }
.slideTxtBox .bd span{ font-size:14px; color:#666666; margin-top:10px; margin-left:60px; float:left; display:block;}
.ss{ font-size:16px; color:#666; line-height:30px; margin:10px 0;}
.pb80{ padding-bottom:80px !important;}
.fm{ width:100%; height:789px; background:url(../images/fmbg.jpg) no-repeat center; overflow:hidden;}
.mainf{ width:1200px; height:650px; margin:0 auto; background:url(../images/fm.png) no-repeat center; padding:35px; margin-top:40px;}
.fm h3{ font-size:30px; color:#000; line-height:30px; text-align:center; margin:40px 0 25px;}
.fm .ll{ font-size:16px; color:#333; line-height:20px; margin-left:100px; margin-top:30px;}
.form{ width:1000px; overflow:hidden; margin:20px auto 0;}
.input_box{ width: 500px; float: left; height: 36px; overflow:hidden; margin-bottom: 10px;}
.input_box .lleft{ width: 75px; padding-right: 5px; text-align: right; font-size: 14px; color: #7b7b7b; line-height: 32px; float: left;}
.input_box .lright{ float: left;font-size: 14px; color: #333;}
.input_box .lright .input_css{ font: 12px/22px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; width: 350px; padding: 0 10px; line-height: 30px; border: 1px solid #dadada; border-radius: 5px;font-size: 14px; color: #333; margin-right: 5px;}
.input_box .lright .input_css2{ width: 255px;}
.input_box .lright span{ padding:0 4px;}
.input_box .lright em{ color:#F00;}
.inputaa .textarea_css{font: 12px/22px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; height:145px; border: 1px solid #dadada; border-radius:5px;font-size:14px; color:#333; padding:5px 10px; width:550px;}
.inputaa{ width:1000px; float: left; height: 36px; overflow:hidden; margin-bottom: 10px;}
.inputaa .lleft{ width: 75px; padding-right: 5px; text-align: right; font-size: 14px; color: #7b7b7b; line-height: 32px; float: left;}
.inputaa .lright{ float: left;font-size: 14px; color: #333;}
.inputaa .lright .input_css{ font: 12px/22px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; width: 850px; padding: 0 10px; line-height: 30px; border: 1px solid #dadada; border-radius: 5px;font-size: 14px; color: #333; margin-right: 5px;}
.height{ height:160px !important;}
.quickMes {background:url(../images/ljoin_225.png) 1px 10px no-repeat;width:270px;padding-left:9px; margin-right:50px; float:right;}
.quickMes dl{border:2px solid #005bac;background:#fff;padding:0 8px;cursor:pointer;}
.quickMes dt{color:#005bac;font-weight:bold;line-height:30px;border-bottom:1px solid #F1F1F1;}
.quickMes dd{line-height:24px;color: #999;}
.quickMes dd:hover {color:#005bac;}
.join-btn{ width:200px; height:52px; margin:400px auto 0; display:block; overflow:hidden;}
.button_css{ width:200px; height:52px;background:#005bac; color:#FFF; font-size: 18px; text-align: center; cursor: pointer; line-height:50px; overflow:hidden; border:none;}

.news-banner{ width:100%; height:498px; overflow:hidden; background:url(../images/newsbanner.jpg) no-repeat center; margin-top:64px;}
.video-banner{ width:100%; height:498px; overflow:hidden; background:url(../images/spbanner.jpg) no-repeat center; margin-top:64px;}
.newslist{ width:100%; height:90px; border-bottom:1px solid #b2b2b2;}
.newslist ul{ width:916px; margin-top:68px; margin-left:20px;}
.newslist ul li{ width:190px; height:44px; margin-right:14px; float:left; background-color:#666666; font-size:16px; color:#FFF; text-align:center; line-height:44px;}
.newslist .on{ background-color:#005bac}
.news{ width:100%; margin:50px auto 0;}
.news li{ width:100%; height:200px; background:#fff; overflow:hidden;}
.news .on{ background:#f3f2f0;}
.news img{ width:285px; height:157px; float:left; margin:21px;}
.news li .mm{ width:870px; margin:21px 0; overflow:hidden;}
.news li .mm p{ height:30px; font-size:18px; color:#000; line-height:30px;  overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block; margin-top:5px; }
.news li .mm span{ height:48px; overflow:hidden; font-size:14px; color:#333; line-height:24px; margin:10px 0; display:block;}
.news li .mm i{ font-size:14px; color:#333; line-height:24px; font-style:normal; display:block;}
.news li:hover{ background:#005bac;}
.news li:hover .mm p{ color:#FFF;}
.news li:hover .mm span{ color:#FFF;}
.news li:hover .mm i{ color:#FFF;}

.case-banner{ width:100%; height:500px; background:url(../images/cbanner2021.jpg) no-repeat center; overflow:hidden; margin-top:64px;}
.pro-banner{ width:100%; height:520px; background:url(../images/prob.jpg) no-repeat center; overflow:hidden; margin-top:64px;}
.case{ width:100%; overflow:hidden; margin-top:50px;}
.case .top3{ width:1200px; height:44px; margin:0 auto 50px; overflow:hidden;}
.case .top3 li{ width:142px; height:44px; margin:0 4px; background:#005bac; text-align:center; font-size:14px; color:#FFF; line-height:44px; float:left;}
.top4{ width:450px; height:44px; margin:40px auto 0; overflow:hidden;}
.top4 li{ width:142px; height:44px; margin:0 4px; background:#005bac; text-align:center; font-size:14px; color:#FFF; line-height:44px; float:left; cursor:pointer}
.top4 li.on{background:#dca41d;}
.case .top3 .on{ background:#dca41d;}
.case .top1{ width:1200px; height:60px; margin:30px 1px 0; overflow:hidden;}
.case .top1 li{ width:200px; height:60px; background:#005bac; float:left;}
.case .top1 .on{ background:url(../images/prodbot.png) no-repeat center bottom #005bac;}
.case .top1 li p{ text-align:center; font-size:24px; color:#FFF; line-height:36px; margin-top:12px; border-right:1px solid #FFF;}
#ccc{ width:1200px;  overflow:hidden; padding-bottom:10px; margin-bottom:50px; background:url(../images/prodtbg.png) bottom repeat-x #efefef; }
#ccc a{ width:108px; display:block; float:left;}
#ccc a p{ color:#333333; font-size:14px; line-height:20px; margin-top:8px; text-align:center; border-right:1px solid #999;}
#ccc a p:hover{ color:#035caf}
#ccc a.proon p{ color:#035caf}
.case .top2{ width:516px; height:44px; margin:50px auto 80px; overflow:hidden;}
.case .top2 li{ width:164px; height:44px; margin:0 4px; background:#005bac; text-align:center; font-size:14px; color:#FFF; line-height:44px; float:left;}
.case .bo{ width:1200px; overflow:hidden; margin:0 auto 50px;}
.case .bo li{ width:290px; height:360px; margin:0 5px 15px; background-color:#f6f6f6; float:left;}
.case .bo li .pic{ width:270px; height:207px; margin:10px; position:relative;}
.case .bo li .pic img{ width:270px; height:207px;}
.case .bo li .pic i{ width:270px; height:207px; background:url(../images/pici.png) no-repeat center; position:absolute; left:0; top:0; z-index:9999; display:none;}
.case .bo li p{ font-size:16px; color:#666; line-height:30px; text-align:center; margin-top:20px;}
.case .bo li .more{ width:92px; height:22px; margin:40px auto 0; display:block; background-color:#8f8f8f; text-align:center; font-size:16px; color:#FFF; line-height:22px;}
.case .bo li:hover .more{ background-color:#005bac;}
.case .bo li:hover .pic i{ display:block;}

.content { width: 1200px; margin:0 auto 20px; overflow:hidden;}
.bo2{width: 1200px; height: auto; margin:0 auto;}
.bo2 li{ float: left;width: 23%; margin:0 1% 60px; }
.bo2 li a{ display: block; width: 100%;height: 100%; position: relative;  } 
.bo2 li:hover .hideBox{transform: translateY(0px); opacity: 1;filter:alpha(opacity=100);  -webkit-transform: translateY(0px); }
.bo2 li:hover .yuan{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.bo2 .imgBox{ font-size: 0px; border:1px solid #dbdbdc;}
.bo2 .textBox{-webkit-box-sizing: border-box;box-sizing: border-box; border: 1px solid #dbdbdc; height: 70px; padding: 8% 3%; color: #666666; font-size: 12px; }
.bo2 .hideBox{ width: 100%; height: 30%; background:#005bac; position: absolute; bottom: -22px; text-align: center;transform: translateY(40px);-webkit-transform: translateY(40px); opacity: 0;filter:alpha(opacity=0); }
.bo2 .hideBox .title{ font-size: 16px; margin: 5% 0; padding: 0 6%; color: #fff;}
.bo2 .hideBox .newsCont{ width: 96%; margin: auto;}
.bo2 .hideBox .yuan{ position: absolute;  width: 28px; transform: rotate(360deg); -webkit-transform: rotate(360deg);  height: 28px; left: 50%; margin-left: -14px; bottom: 10%; border: 1px solid #FFFFFF; border-radius: 50%;}
.bo2 .hideBox .yuan .line1{ width: 2px; height: 12px; top: 50%; margin-top: -6px; left: 50%; margin-left: -1px; background: #FFFFFF;  position: absolute; }
.bo2 .hideBox .yuan .line2{ width: 12px; height: 2px; top: 50%; margin-top: -1px; left: 50%; margin-left: -6px; background: #FFFFFF;  position: absolute; }
.animate { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate1 { -webkit-transition-duration: 1s; transition-duration: 1s; }

.new_pro_intro{ zoom:1; overflow:hidden; padding:20px 30px;}
.new_pro_intro .photo{ float:left; width: 520px;}
.new_pro_intro .photo .limg{ width:450px; padding: 8px; border: solid 1px #f0f0f0;}
.new_pro_intro .photo .lsmall{ overflow:hidden;}
.new_pro_intro .photo .lsmall img{ float:left; width:112px; height:90px; padding:5px; }
.new_pro_intro .intro{ float:left; width:482px; font-size:14px; line-height:200%;  font-family:微软雅黑;}
.new_pro_intro .intro h4{ font-size:20px; color:#da251c;border-bottom:solid 1px #f0f0f0; font-weight:normal; padding-bottom:10px;}
.new_pro_intro .intro dl{ zoom:1; overflow:hidden; padding:5px 0px; margin:0px;}
.new_pro_intro .intro dl dt{ float:left; width:80px; color:#333333; font-weight:bold;}
.new_pro_intro .intro dl dd{ padding:0px; margin:0px; float:left; width:380px; color:#999999;}
.news_back{ background:#005bac; color:#fff; width:100px; height:35px; line-height:35px; text-align:center;; display:block; margin:40px 20px; float:left;}
.news_back:hover{ color:#fff;}

.contactb{ width:100%; height:526px; background:url(../images/cantactb.jpg) no-repeat center; overflow:hidden; margin-top:64px;}
.contact{ width:100%; overflow:hidden;}
.contact h3{ font-size:18px; color:#005bac; line-height:30px; text-align:center; margin:80px auto 0;}
.contact h3 span{ font-size:18px; color:#666666; line-height:28px; text-align:center; display:block; font-weight:normal;}
.contact .list{ width:1200px; height:100px; margin:50px auto 60px; overflow:hidden;}
.contact .list .l1{ width:392px; height:100px; border-right:1px solid #cccccc; display:block; float:left; }
.contact .list .l2{ width:435px; height:100px; border-right:1px solid #cccccc; display:block; float:left; }
.contact .list .l3{ width:371px; height:100px; display:block; float:left;}
.contact .list p{ font-size:14px; color:#666; line-height:33px; margin-bottom:34px; margin-left:60px;}
.contact .list .z1{ width:33px; height:33px; background:url(../images/coni1.jpg) no-repeat center; margin-right:20px; display:block; float:left;}
.contact .list .z2{ width:33px; height:33px; background:url(../images/coni2.jpg) no-repeat center; margin-right:20px; display:block; float:left;}
.contact .list .z3{ width:33px; height:33px; background:url(../images/coni3.jpg) no-repeat center; margin-right:20px; display:block; float:left;}
.contact .list .z4{ width:33px; height:33px; background:url(../images/coni4.jpg) no-repeat center; margin-right:20px; display:block; float:left;}
.contact .list .z5{ width:33px; height:33px; background:url(../images/coni5.jpg) no-repeat center; margin-right:20px; display:block; float:left;}
.contact .list .z6{ width:33px; height:33px; background:url(../images/coni6.jpg) no-repeat center; margin-right:20px; display:block; float:left;}
.bbs{ width:1200px; height:375px; margin:0 auto; background:#f3f3f3;}
.bbs h4{ font-size:24px; color:#666; line-height:30px; margin:30px 5px 10px; font-weight:normal;}
.bbs h4 span{ font-size:18px; color:#666; line-height:40px; font-weight:normal;}
.inputbb .textarea_css{font: 12px/22px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; height:100px; border: 1px solid #dadada; border-radius:5px;font-size:14px; color:#333; padding:5px; width:900px;}
.inputbb{ width:500px; float: left; height: 36px; overflow:hidden; margin-bottom: 8px;}
.inputbb .lleft{ width: 75px; padding-right: 5px; text-align: right; font-size: 14px; color: #7b7b7b; line-height: 32px; float: left;}
.inputbb .lright{ float: left;font-size: 14px; color: #333;}
.inputbb .lright .input_css{ font: 12px/22px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; width: 390px; padding: 0 10px; line-height: 30px; border: 1px solid #dadada; border-radius: 5px;font-size: 14px; color: #333; margin-right: 5px;}
.inputbb .lright .input_css2{ font: 12px/22px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; width: 890px; padding: 0 10px; line-height: 30px; border: 1px solid #dadada; border-radius: 5px;font-size: 14px; color: #333; margin-right: 5px;}
.w1000{ width:1000px !important;}
.height1{ height:120px !important;}
#dituContent{width:1200px;height:500px; overflow:hidden; margin:50px auto;}
.con-btn{ width:120px; height:30px; margin:20px 80px; display:block; overflow:hidden; clear:both;}
.button_css2{ width:120px; height:30px;background:#005bac; color:#FFF; font-size: 18px; text-align: center; cursor: pointer; line-height:30px; overflow:hidden; border:none;}

.newsshow{ width:1100px; overflow:hidden; margin:80px auto;}
.newsshow h3{ font-size:36px; color:#000; line-height:50px;   height:80px; text-align:center; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block; margin-bottom:40px;}
.newsshow h3 span{ font-size:14px; color:#999; line-height:30px; text-align:center; display:block; font-weight:normal;}
.newsshow p{ font-size:16px; color:#333; line-height:24px;text-indent:2em;  }
.newsshow { font-size:16px; line-height:22px; }
.newsshow .back{ width:200px; height:50px; color:#FFF; margin:30px 20px; background-color:#005bac; display:block; font-size:24px; line-height:50px; text-align:center; float:left;}
.newsshow .back:hover{ border:1px solid #005bac; background:#FFF; color:#005bac; width:198px; height:48px;}
.newsshow img{ margin:10px auto;}

.serban{ width:100%; height:526px; background:url(../images/serbanner.jpg) no-repeat center; overflow:hidden; margin-top:64px;}
.ser01{ width:100%; overflow:hidden;}
.bk{ background-color:#f4f4f4 !important;}
.ser01 h3{ font-size:30px; color:#333333; line-height:40px; text-align:center; display:block; font-weight:normal; margin:60px 0 50px;}
.ser01 h3 span{ font-size:18px; color:#005bac; line-height:30px; text-align:center; display:block; font-weight:normal; background:url(../images/serspan.png) no-repeat center;}
.ser01 .t1{ font-size:24px; color:#666; line-height:30px; text-align:center; margin-bottom:15px;}
.ser01 .t2{ font-size:14px; color:#666; line-height:22px; text-align:center; background:url(../images/sersbg.png) no-repeat center bottom; padding-bottom:30px; display:block;}
.ser01 .u1{ width:1200px; overflow:hidden; margin:50px auto 100px;}
.ser01 .u1 li{ width:180px; margin:0 10px; float:left;  }
.ser01 .u1 li p{ font-size:40px; color:#FFF; line-height:100px; text-align:center;     width: 100px;    margin: 0 auto;    border-radius: 50px;}
.ser01 .u1 li span{ font-size:14px; line-height:24px; color:#666; margin-top:20px; display:block; text-align:center;}
.ser01 .u1 li:hover span{ color:#005bac;}
.ser01 .u2{ width:793px; height:138px; margin:60px auto; overflow:hidden;}
.ser01 .u2 li{ width:134px; height:134px; margin:0 64px; border:1px solid #005bac; border-radius:67px; float:left; background:#FFF;}
.ser01 .u2 li p{ font-size:30px; color:#005bac; line-height:40px; margin-top:40px; text-align:center;}
.ser01 .u2 li span{ font-size:14px; color:#005bac; line-height:20px; text-align:center; display:block;}
.ser01 .u2 li:hover{ background-color:#005bac;}
.ser01 .u2 li:hover p{ color:#FFF;}
.ser01 .u2 li:hover span{ color:#FFF;}
.ser01 .t3{ font-size:14px; color:#666; line-height:24px; width:490px; margin:40px auto 110px; text-align:center;}

.case01{ width:100%; overflow:hidden;}
.case01 .list01{ width:1200px; height:30px; border-bottom:1px solid #005bac; margin:50px 0;}
.case01 .list01 li{ font-size:14px; color:#333; padding:0 20px; line-height:30px; text-align:center; background-color:#CCC; float:left;}
.case01 .list01 li.on{ background-color:#005bac; color:#FFF;}
.list02{ width:1200px; overflow:hidden;}
.list02 li{ width:240px; overflow:hidden; float:left; height:200px; margin-bottom:30px; position:relative;}
.list02 li img{ width:220px; margin:0 auto; display:block; height:160px;}
.list02 li i{ width:220px; height:40px; background-color:#005bac; position:absolute; left:10px; bottom:0;}
.list02 li i p{ font-size:14px; color:#FFF; line-height:30px; margin-left:20px; height:30px; width:200px; font-style:normal;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block;}

.caseshow{ width:100%; overflow:hidden;}
.caseshow h3{ font-size:24px; color:#000; line-height:40px; margin:40px 0 20px; border-bottom:1px solid #CCC;}
.caseshow h3 span{ font-size:18px; color:#999; line-height:30px; padding-bottom:20px; display:block; font-weight:normal;}
.caseleft{ width:770px; float:left; border-right:1px solid #CCC;}
.caseleft img{ max-width:740px; margin:0 auto 50px; border-bottom:1px solid #CCC; display:block;}
.caseleft a{ width:200px; height:40px; background:#005bac; border-radius:5px; color:#FFF; font-size:14px; text-align:center; line-height:40px; display:block; margin-bottom:30px; }
.caseright{ width:429px; float:left;}
.caseright .newst{ width:369px; margin:0 30px 30px; height:280px; position:relative;}
.caseright .newst img{ width:369px; height:280px; display:block; }
.caseright .newst i{ width:369px; height:50px; background-color:#005bac; position:absolute; left:0; bottom:0; display:none;}
.caseright .newst p{ font-size:16px; color:#FFF; line-height:30px; margin-left:20px; width:350px; height:30px; font-style:normal;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block;}
.caseright .newst:hover i{ display:block;}
.caseright ul{ margin-bottom:100px; overflow:hidden;}
.caseright ul li{ width:367px; height:30px; margin:0 30px 5px; border-left:2px solid #999; background-color:#efefef;}
.caseright ul li a{ font-size:14px; color:#333; line-height:30px; padding-left:10px; height:30px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block;}
.caseright ul li:hover{ border-left:2px solid #005bac;}
.caseright ul li:hover a{ color:#005bac; }

#f1{ display:block;}
#f2{ display:none;}
#ser03{ padding-bottom:50px;}

.slideBox2{ width:100%; overflow:hidden; position:relative; margin-top:64px; height:663px;  }
.slideBox2 .hd{  z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:14px; height:14px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:7px; }
.slideBox2 .hd ul li.on{ background:#005bac; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; width:100%; height:663px;}
.slideBox2 .bd .r1{ background:url(../images/banner.jpg) no-repeat center;}
.slideBox2 .bd .r2{ background:url(../images/i1.jpg) no-repeat center;}
.slideBox2 .bd .r3{ background:url(../images/banner.jpg) no-repeat center;}
.slideBox2 .hd .next{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; right:5%; background:url(../images/next2.png) no-repeat center; display:none; z-index:999}
.slideBox2 .hd .prev{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; left:5%; background:url(../images/prev2.png) no-repeat center; display:none; z-index:999}
.slideBox2:hover .hd .next{ display:block;}
.slideBox2:hover .hd .prev{ display:block;}



div.visual{width:100%!important;height:663px; position:relative;min-width:978px; margin-top:64px;;}
div.visual:hover div.slideControl{ display:block}
div.visual ul.slides_container{width:100% !important;height:663px;display:inline-block;position:relative;}
div.visual ul.slides_container li{text-align:center;width:100% !important;position:relative;height:663px;overflow:hidden;background:#fff;}
div.visual ul.slides_container li p.mov a{position:relative;z-index:9999999;left:-240px;top:200px;}
 
img.imgVis{position:absolute;left:50%;top:0;margin-left:-960px;}

div.slideControl{left:0;bottom:0;width:100%; position:absolute; text-align:center; background:#ebebeb;  z-index:99999999999; display:none;opacity:0.3}
div.slideControl ul.pagination{width:1200px; margin:0 auto;overflow:hidden;}
div.slideControl ul.pagination li{ width:33px !important;height:4px;overflow:hidden; display:inline-block; margin:13px 2px;}
div.slideControl ul.pagination li a{background:#fff;width:33px;height:4px; overflow:hidden; display:inline-block;}
div.slideControl ul.pagination li a:hover, div.slideControl ul.pagination li.current a{background:#3cab00;text-decoration:none;}
div.slideControl p.slide_lBt{position:absolute;left:100px;top:0px; margin-top:-340px;}
div.slideControl p.slide_lBt a{display:inline-block;width:30px;height:68px;background:url(../images/prev2.png) no-repeat;}
div.slideControl p.slide_rBt{position:absolute;right:100px;top:0px;margin-top:-340px;}
div.slideControl p.slide_rBt a{display:inline-block;width:30px;height:68px;background:url(../images/next2.png) no-repeat;}



.prod-banner{ width:100%; height:500px; background:url(../images/prodbanner.jpg) no-repeat center; overflow:hidden; margin-top:64px;}

.daoRight{ position: fixed; right: 0; top: 30%; width: 72px; z-index: 999;}
.daoRight_box{ background: #0058ac; margin-bottom: 2px; cursor: pointer;}
.daoRight_box a{ display: block;  width: 72px; height: 71px; position: relative;}
.inpone_box{ width: 232px; position: absolute; left: 0; top: 0; background: #0058ac;}
.daoRight_box p{ float: left; height: 71px; line-height: 71px; font-size: 18px; color: #fff; padding: 0 10px;}
.erwei{ width: 116px; height: 104px; background: url(../images/bg.png) no-repeat;position: absolute; left: -130px; bottom: 0; padding: 7px 0 0 6px; display: none;}
.daoRight_box:hover .erwei{ display: block;}

.pro_main{ width: 100%; padding-bottom: 50px; overflow:hidden}
.banner_title{
	    max-width: 1172px;
    width: 100%;
    /* margin: 0 0 0 -586px; */
    height: 150px;
    background: #fff;
}
.banner_title h3.title {
    padding: 20px 0 0;
    color: #0058ac;
    font-size: 38px;
    text-align: center;
    font-weight: normal;
    height: 38px;
    line-height: 38px;
}
.banner_title h4.title {
    padding: 5px 0 15px 0;
    color: #0058ac;
    font-size: 18px;
    text-align: center;
    font-family: hancock;
    font-weight: normal;
}
.waves_line {
    background: url(../images/waves_line.png) repeat-x;
    height: 4px;
    overflow: hidden;
    margin: 0 0 5px 0;
}
.apply_content{ width:100%; margin:0 auto; max-width:680px;}
.apply_content h5{font-size:20px; text-align:center; color:#0058ac;}
.apply_content .line{ margin:30px 0;}
.apply_content .apply_1{ padding:0 0 30px 0;}
.apply_content .apply_1 ul{ overflow:hidden;}
.apply_content .apply_1 ul li{ width:33.3%; float:left; height:45px;}
.apply_content .apply_1 ul li.row_2{ width:66.6%;}
.apply_content label{color:#000; padding:0 6px 0 0;}
.apply_content .input_txt{ background:#f6f6f6; border:1px solid #dadada; height:27px; line-height:27px; width:80%; padding-left:5px; }
.apply_content .row_2 .input_txt{ width:85%;}


.apply_content .apply_2{ padding:0 0 30px 0;}
.apply_content .apply_2 ul{ overflow:hidden;}
.apply_content .apply_2 ul li{ width:33.3%; float:left; height:45px;}
.apply_content .apply_2 ul li.row_2{ width:66.6%;}
.apply_content .apply_2 ul li.full{ width:100%;}
.apply_content .apply_2 ul li .input_txt{ width:19%;}
.apply_content .apply_2 select{ width:60%;}
.apply_content .apply_2 ul li.row_2 select{ width:25%;}
/*.apply_content .apply_2 ul li label{ float:left;}
.apply_content .apply_2 ul li .select_box{ float:left;}
*/

.apply_content .btn{ text-align:center; padding:10px 0 50px 0;}
.apply_content .input_btn{ background:#0058ac; border:none 0px; color:#fff; height:27px; color:#fff; padding:0 36px; cursor:pointer}

.apply_content .apply_3{ padding:0 0 30px 0; overflow:hidden; zoom:1;}
.apply_content .apply_3 ul{ width:50%; float:left;}
.apply_content .apply_3 ul li{  height:45px;}
.apply_content .apply_3 .input_txt{ width:70%;}

@media only screen and (max-width:1024px){
.apply_content .input_txt{ width:75%;}
.apply_content .row_2 .input_txt{ width:82%;}
.apply_content .apply_2 ul li .input_txt{ width:18%; }

}

@media only screen and (max-width:640px){
	
	.apply_content h5{ font-size:120%;}
	
	.apply_content .apply_1 ul li,.apply_content .apply_1 ul li.row_2{ width:100%; float:none;}
	.apply_content .row_2 .input_txt{ width:70%;}
	.apply_content .apply_2 ul li.full span{ display:block; padding:0 0 10px 0;}
	.apply_content .apply_2 ul li.full .input_txt{ width:55%;}
	.apply_content .apply_2 ul li{ height:auto; width:100%; float:none; clear:both; padding:0 0 10px 0; overflow:hidden; zoom:1;}
	.apply_content .apply_2 select{ width:72%;}
	.apply_content .apply_2 ul li.row_2{ width:100%;}
	.apply_content .apply_2 ul li.row_2 label,.apply_content .apply_2 ul li.row_2 span{ float:left;}
	.apply_content .apply_2 ul li.row_2 span{ width:75%;}
	.apply_content .apply_2 ul li.row_2 span select{ width:100%;}
	.apply_content .apply_2 ul li.row_1 label{ float:left;}
	.apply_content .apply_2 ul li.row_1 select{ width:75%;}
	
	
	.apply_content .apply_3 ul{ width:100%; float:none;}
	
}

.contact1{width:1200px; margin:63px auto 40px; overflow:hidden}
.news01{ margin:0 auto 30px;}
.news01 h3{ font-size:24px; color:#333; line-height:60px; background:url(../images/newsh3.jpg) no-repeat bottom; text-align:center;}
.news02{ width:380px; height:368px; float:left; border-bottom:2px solid #d2d2d2; margin:0 10px 50px; display:block; background:#f9f9f9; overflow:hidden;}
.news02:hover .news05{ color:#3d9ff7;}
.news02:hover .news06{ color:#3d9ff7;}
.news02:hover{ background:#E4E4E4; border-bottom:2px solid #3d9ff7;}
.news03{ position:relative;}
.news04{ position:absolute; top:13px; left:13px; width:60px; height:60px; background:#3d9ff7;}
.news04 p{ font-size:24px; color:#FFF; font-size:30px; padding-top:10px; text-align:center;}
.news04 p span{ font-size:12px; line-height:22px; color:#FFF; text-align:center;}
.news05{ font-size:14px; line-height:30px; color:#333333; padding:20px 30px 0; font-weight:bold; width:350px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block;}
.news06{ font-size:12px; line-height:20px; color:#666666; padding:0 30px; height:60px; overflow:hidden;}
.news07{ width:200px; height:40px; margin:0 auto 50px; border:1px solid #999; display:block; font-size:20px; color:#005bac; line-height:40px; text-align:center; overflow:hidden;}
.news07:hover{ color:#FFF; background-color:#005bac; border:1px solid #005bac;}

.loginbg{ height:701px; background:url(../images/jxs.jpg) center no-repeat; }
.login_main{ width:1200px; height:321px; text-align:center; padding-top:280px; overflow:hidden; clear:both; margin:0 auto;}
.login_main form{ width:350px; height:200px; overflow:hidden; margin-left:730px;}
.login_main p{ width:100%; margin:0 auto 15px; color:#fff; font-size:20px;  }
.login_main p span{ font-size:16px;}
.login_main .input_txt{ background:#ffffff; border:1px solid #ccc; height:40px; line-height:40px; width:320px; padding-left:5px;}
.login_main label{color:#452310; padding:0 12px 0 0;}
.login_main .input_btn{background:#008cff; border:none 0px; color:#fff; height:27px; color:#fff; padding:5px 40px; margin-top:10px; cursor:pointer; width:94%; height:47px; background:url(../images/jxsdr.jpg) repeat-x; font-size:20px;}

.products{ width:100%; overflow:hidden; margin:50px auto;}
.products ul{ width:1200px; margin:0 auto;}
.products ul li{ width:208px; height:158px; margin:20px; float:left; border:1px solid #CCC;}
.products ul li img{ width:200px; height:150px; margin:5px;}

.lheadss{ width: 135px; border: 1px solid #CECECE; height: 24px; margin-top: 18px; position: relative; border-radius: 10px; background: url(../images/headlfa.png) no-repeat left center; left:50%; margin-left:440px;}
.lheadss input{ width: 85px; height: 20px; background: transparent; border: 0; margin:2px 0 0 24px; color: #fff; font-size: 14px; font-family: "微软雅黑"; color: #757575;}
.lheadss div{ width: 40px; height: 26px; line-height: 26px; position: absolute; right: -18px;top: -1px; cursor: pointer; font-size: 14px; color: #fff; background: #0c4f96; border-radius: 0 10px 10px 0; text-align: center;}
.pages{ width:280px; margin:0 auto; overflow:hidden;}
.pages2{ width:480px; margin:0 auto; overflow:hidden;}

.picshows {
	 WIDTH: 100%; HEIGHT: 100%; min-height:800px; overflow:hidden; position:relative;
}

#picarea {
	MARGIN: 0px auto; WIDTH: 100%; BACKGROUND: #fff; HEIGHT: 100%
}
#bigpicarea {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 100%; OVERFLOW: hidden
}
.image {
	TEXT-ALIGN: center; position: relative; WIDTH:1200px; HEIGHT: 100%; left:50%; margin-left:-600px; top:58px;
}
 
#bigpicarea .word {
	TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333
}
#bigpicarea .word H3 {
	TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px
}
#bigpicarea .ui-els-hide {
	DISPLAY: none
}
#thumbs {
	LIST-STYLE-TYPE: none; MARGIN: 0px auto; WIDTH: 830px; HEIGHT:90px
}
* HTML #thumbs {
	HEIGHT: 100%
}
#thumbs LI {
	MARGIN: 0px 7px; WIDTH: 90px; DISPLAY: inline; FLOAT: left; HEIGHT: 64px
}
 


#thumbs UL {
	MARGIN-TOP: 3px
}
#thumbs LI.last_img {
	MARGIN-RIGHT: 4px
}
#thumbs LI.first {
	MARGIN: 20px 15px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs LI.last {
	MARGIN: 20px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs LI A {
	BORDER: #fff 2px solid;  WIDTH: 90px; DISPLAY: block; FONT-SIZE: 0px;  
}
#thumbs LI A:hover {
	BORDER: #0c5fb6 2px solid; 
}
#thumbs LI A.current {
	BORDER: #0c5fb6 2px solid; 
}
#thumbs LI.first IMG {
	
}
#thumbs LI.last IMG {
	
}
.bigbtnPrev {
	Z-INDEX: 100; POSITION: fixed; WIDTH: 35px; HEIGHT: 51px; TOP: 50%; CURSOR: pointer; LEFT: 10%
}
.bigbtnNext {
	Z-INDEX: 100; POSITION:fixed; WIDTH: 35px; HEIGHT: 51px; TOP: 50%; CURSOR: pointer; RIGHT: 10%
}
#big_play_prev {
	BACKGROUND-IMAGE: url(../images/leftbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')
}
#big_play_next {
	BACKGROUND-IMAGE: url(../images/rightbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')
}
#smallpicarea { position:absolute; left:0; bottom:0;WIDTH: 100%;  PADDING-TOP: 20px; background:url(../images/pd01bg.png); z-index:8
}
#big_play_prev:hover{BACKGROUND-IMAGE: url(../images/leftbigsel.png); }
#big_play_next:hover{BACKGROUND-IMAGE: url(../images/rightbigsel.png); }

.pprodmain{ width:100%; height:100%;  }
.pprodmain .hdnav{position:absolute;z-index:999; overflow:hidden; width:250px; height:180px; background:url(../images/pd01bg.png); right:0; top:50%; margin-top:-90px; }
.pprodmain .hdnav dl{position:absolute; left:20px;  text-align:center;width:210px; }
.pprodmain .hdnav dl dd{  cursor:pointer;  z-index:10; display:none  }
.pprodmain .hdnav dl dd img{ margin-top:30px; margin-bottom:5px;}
.pprodmain .hdnav dl dd p{ color:#72af2c; font-family:"黑体"; font-size:14px;}
.pprodmain .hdnav dl dd.on{ display:block   } 
.pprodmain .arrow a{ position:absolute;display:block;   overflow:hidden;cursor:pointer; z-index:999; width:17px; height:180px;  }
.pprodmain .arrow a img{ border:0}
.pprodmain .arrow .next{ right:0; background:url(../images/aorrw2.png);}
.pprodmain .arrow .prev{ left:0;background:url(../images/aorrw1.png);}
.pprodmain .arrow .next:hover{  background:url(../images/aorrw2sel.png);}
.pprodmain .arrow .prev:hover{  background:url(../images/aorrw1sel.png);}
 

.leftnavi{position:fixed; left:40px; z-index:999999; top:50%; margin-top:-240px;}
.leftnavi a{ margin-bottom:10px; display:block; overflow:hidden}
.leftnav{
	width:50px;
	height:50px;
	border: 3px solid #0c5fb6;
	border-radius: 50em;
	 
	position:relative;
	overflow:hidden;
 
}

.leftnavbg{
	height:50px;
	border-radius: 50em;
	background:#0e183c;
	opacity: 0.50;-moz-opacity: 0.50;filter:alpha(opacity=50);
	position:relative;
	 
}
.leftimg1{
	margin-top:50px;
}
.leftimgsrc{
	width:50px;
	height:50px;
	line-height:50px;
	position:relative;
	overflow:hidden;
	top:-100px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	
}
.leftimgsrc1 img{
	margin:-51px -102px
}
.leftimg2{
	margin-top:50px;
}

 
.leftimgsrc2 img{
	margin:-52px 0px
}
.leftimg3{
	margin-top:50px;
}

 
.leftimgsrc3 img{
	margin:0px 6px
}
.leftimg4{
	margin-top:50px;
}
 
.leftimgsrc4 img{
	margin:0px -57px
}


.leftimg5{
	margin-top:50px;
}
 
.leftimgsrc5 img{
	margin:0px -57px
}

.leftimg6{
	margin-top:50px;
}
 
.leftimgsrc6 img{
	margin:0px -57px
}
 
.rightnavi{position:fixed; right:40px; z-index:999999; top:50%; margin-top:-160px;}
.rightnavi a{ margin-bottom:10px; display:block; overflow:hidden}
.rightnavi a.on .rightnav{ border:3px solid #dca41d}
.rightnavi a.on .rightnavbg{ background:#dca41d}
.rightnav{
	width:50px;
	height:50px;
	border: 3px solid #0c5fb6;
	border-radius: 50px;
	 
	position:relative;
	overflow:hidden;
 
}

.rightnavbg{
	height:50px;
	border-radius: 50px;
	background:#0c5fb6;
	position:relative;
	 
}
.rightimg1{
	margin-top:50px;
}
.rightimgsrc{
	width:50px;
	height:50px;
	line-height:20px;
	position:relative;
	overflow:hidden;
	top:-100px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding-top:5px;
	
}
.rightimgsrc1 img{
	margin:-51px -102px
}
.rightimg2{
	margin-top:50px;
}

 
.rightimgsrc2 img{
	margin:-52px 0px
}
.rightimg3{
	margin-top:50px;
}

 
.rightimgsrc3 img{
	margin:0px 6px
}
.rightimg4{
	margin-top:50px;
}
 
.rightimgsrc4 img{
	margin:0px -57px
}


.rightimg5{
	margin-top:50px;
}
 
.rightimgsrc5 img{
	margin:0px -57px
}

.rightimg6{
	margin-top:50px;
}
 
.rightimgsrc6 img{
	margin:0px -57px
}

#smallpicarea .hd{ overflow:hidden; position:absolute; width:900px; left:50%; margin-left:-450px; height:100%; display:block;bottom:0px;    }
#smallpicarea .hd .prev,#smallpicarea .hd .next{ display:block;    overflow:hidden;cursor:pointer; position:absolute;bottom:45px; }
#smallpicarea .hd .prev{   left:0 }
#smallpicarea .hd .next{   right:0 } 
#smallpicarea .bd{ position:relative; z-index:999999;  }
#smallpicarea .bd ul{ overflow:hidden; zoom:1;   }
#smallpicarea .bd ul li{}

.pp{ width:100%; overflow:hidden; margin-top:64px;}
.pro{ width:16.58%; height:720px; float:left; border-right:1px solid #bfbfbf;position:relative; display:block;}
.proi01{ width:100%; height:0px; background:#eaa000; opacity:0.6; position:absolute; left:0; top:0; -webkit-transition-duration:1s; transition-duration:1s; }
.pro:hover .proi01{ height:720px;}
.proi02{ width:100%; height:0px; background:#c1a866; opacity:0.6; position:absolute; left:0; top:0; -webkit-transition-duration:1s; transition-duration:1s; }
.pro:hover .proi02{ height:720px;}
.proi03{ width:100%; height:0px; background:#557da4; opacity:0.6; position:absolute; left:0; top:0; -webkit-transition-duration:1s; transition-duration:1s; }
.pro:hover .proi03{ height:720px;}
.proi04{ width:100%; height:0px; background:#db8db7; opacity:0.6; position:absolute; left:0; top:0; -webkit-transition-duration:1s; transition-duration:1s; }
.pro:hover .proi04{ height:720px;}
.proi05{ width:100%; height:0px; background:#b2ce6e; opacity:0.6; position:absolute; left:0; top:0; -webkit-transition-duration:1s; transition-duration:1s; }
.pro:hover .proi05{ height:720px;}
.proi06{ width:100%; height:0px; background:#f2c554; opacity:0.6; position:absolute; left:0; top:0; -webkit-transition-duration:1s; transition-duration:1s; }
.pro:hover .proi06{ height:720px;}
.pro01{ width:100%; margin:0 auto; height:40%; overflow:hidden; position:relative; }
.pro01 .pi01{ position:absolute; top:40%; left:50%; margin-left:-71px; display:block; -webkit-transition-duration:1s; transition-duration:1s;}
.pro01 .pi011{ position:absolute; top:40%; left:50%; margin-left:-71px; display:none; -webkit-transition-duration:1s; transition-duration:1s;}
.pro:hover .pi01{ display:none}
.pro:hover .pi011{ display:block;}


.ltvs{ width: 100%; padding-top: 40px; }
.ltvs .ltitle{ width: 389px; background: url(../images/newsindex_21.png) no-repeat center top; font-size: 24px; color: #262626; margin: 0 auto; padding-top: 38px; height: 44px; line-height: 44px; text-align: center;}
.ltvs .ltv{ width: 711px; height: 383px; margin: 15px auto 0; position: relative; background: url(../images/newsindex_21.jpg) no-repeat; padding-top: 26px;}
.ltvs .ltv .limg{ width: 542px; height: 336px; background: url(../images/newsindex_23.png) no-repeat center; margin: 0 auto; cursor: pointer;}
.ltvs .ltest{text-align: center; line-height: 90px; margin-bottom: 40px; font-size: 26px; color: #005aac;}
.tanbox{ width:100%; height:100%; position:fixed; background:url(../images/lindex_06.png); top:0; left:0; z-index:99999; display:none;}
.tanbox .lbox{width:910px; height:546px; padding-top:64px; border:2px solid #003565; background:#1b1b1b; position:fixed; left:50%; top:50%;  margin-left:-455px; margin-top:-306px;}
.tanbox .lclose{position:fixed; left:50%; top:50%;  margin-left:445px; margin-top:-320px; cursor:pointer;}
.tanbox .lbox .lleft{ width:772px; height:472px; float:left; margin-left:65px;}
.tanbox .lbox .lright{ margin-left:20px; float:left;}
.tanbox .lbox .lright div{ cursor:pointer;}
.tanbox .lbox .lright div img{ width:121px; height:73px; border:1px solid #959595; padding:5px 6px;}
.tanbox .lbox .lright div p{ font-size:12px; color:#fcfcfc; margin-bottom:10px; text-align:center; line-height:26px;}



.top-view-box {
	position: relative;
}
.top-view-box .tplbox {
	width: 50%;
	position: relative;
	float: left;
}
.top-view-box .tprbox {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
}
.top-view-box .tprbox .tvpic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.top-view-box .tplbox .tplbox-pic {
	width: 100%;
}
.top-view-box .tplbox .tplabox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tpc1 {
	width: 28px;
	height: 40px;
	overflow: hidden;
	background: url(/images/area.png) no-repeat center;
	position: absolute;
	left: 59.375%;
	top: 40%;
	display: block;
	cursor: pointer;
}
.tpc2 {
	width: 28px;
	height: 40px;
	overflow: hidden;
	background: url(/images/area.png) no-repeat center;
	position: absolute;
	left: 86.5%;
	top: 19.3%;
	display: block;
	cursor: pointer;
}
.tpc3 {
	width: 28px;
	height: 40px;
	overflow: hidden;
	background: url(/images/area.png) no-repeat center;
	position: absolute;
	left: 62.5%;
	top: 5.14%;
	display: block;
	cursor: pointer;
}
.tpc4 {
	width: 28px;
	height: 40px;
	overflow: hidden;
	background: url(/images/area.png) no-repeat center;
	position: absolute;
	left: 45%;
	top: 39.5%;
	display: block;
	cursor: pointer;
}
.tpc5 {
	width: 28px;
	height: 40px;
	overflow: hidden;
	background: url(/images/area.png) no-repeat center;
	position: absolute;
	left: 33%;
	top: 53.6%;
	display: block;
	cursor: pointer;
}
.tpc6 {
	width: 28px;
	height: 40px;
	overflow: hidden;
	background: url(/images/area.png) no-repeat center;
	position: absolute;
	left: 53.125%;
	top: 13.3%;
	display: block;
	cursor: pointer;
}
.tpc7 {
	width: 28px;
	height: 40px;
	overflow: hidden;
	background: url(/images/area.png) no-repeat center;
	position: absolute;
	left: 18.33%;
	top: 29.7%;
	display: block;
	cursor: pointer;
}
.tpc8 {
	width: 28px;
	height: 40px;
	overflow: hidden;
	background: url(/images/area.png) no-repeat center;
	position: absolute;
	left: 15.4%;
	top: 68.9%;
	display: block;
	cursor: pointer;
}
.tpc9 {
	width: 28px;
	height: 40px;
	overflow: hidden;
	background: url(/images/area.png) no-repeat center;
	position: absolute;
	left: 77.9%;
	top: 10.1%;
	display: block;
	cursor: pointer;
}
.tpc10 {
	width: 28px;
	height: 40px;
	overflow: hidden;
	background: url(/images/area.png) no-repeat center;
	position: absolute;
	left: 37.8125%;
	top: 16.1%;
	display: block;
	cursor: pointer;
}


.indvdo{ float:left; overflow:hidden; background:#fff; border-radius:5px; margin:0 20px; cursor:pointer}
.indvdo img{ width:100%;}
.indvdo .indvdodec{ padding:20px;}
.indvdo h1{ font-weight:normal; font-size:16px; color:#333; margin-bottom:5px;}
.indvdo p{ font-size:14px; color:#999; }