@charset "gb2312";
*{word-break:break-all;margin:0;padding:0;}
body {behavior:url("csshover3.htc");}
body{font-size:14px;color:#282828; font-family:"微锟斤拷锟脚猴拷","microsoft Yahei","Courier New",Courier,monospace;padding:0px;margin:0px auto;line-height:30px; background-color:#FFF; overflow-x: hidden;}
a{ color:#2a2a2a; text-decoration:none;}
a:hover{color:#0090d9;text-decoration:none}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.lan{ color:#1372f4;}
.clear,.c{ clear:both;}
.blank{ clear:both; height:20px;}
.mcon tr:hover{background-color:#1594e3; color:#ffffff;}
img{max-width:100%; border:0; height:auto;}
.input,.textarea{border-top:ridge 1px #ccc;border-right:inset 1px #D8D8D8;border-bottom:inset 1px #D8D8D8;border-left:ridge 1px #ccc;font-size:14px;color:#666;padding-top:5px;padding-right:5px;padding-bottom:4px;padding-left:5px;background-color:#fff}
.wrap{ width:1200px; margin:0 auto;}
.top{ position:relative; z-index:999;height:120px; border-bottom:5px #013eae solid;}
.sjlogo{ display:none;}
.logo{ float:left; position: absolute; float:left; }
.logo img{margin-top: 20px}
.topr{ width:62%; float:right;/* position:absolute; margin-left:300px;*/ height: 120px; overflow: hidden;}
.topr1{ text-align:right; margin-top:14px; margin-bottom:14px;}
.topr1 span{ font-size:20px; color:#ff0000;}
.nav{ height:56px; width:100%;}
.nav ul{ }
.nav li{ width:16.66666%; float:left; text-align:center; background:url(../images/nline.jpg) no-repeat left center; display:inline; line-height:56px;}
.nav li a{ font-size:18px;display:block; border-bottom:5px #ffffff solid;}
.nav li a:hover{ display:block; border-bottom:5px #013eae solid;}
.sjbanner{ display:none;}
.banner{ width:100%; position: relative; z-index:0; /**/ clear:both; /*margin-top:-45px; z-index:-999;*margin-bottom:40px;*/}
#flashBg {padding: 0px; margin: 0px; width: 100%; height: 600px; clear:both; overflow: hidden; }
#flashLine {width: 100%; height: 600px; clear: both;}
#flash {padding: 0px; margin: 0px auto; width: 100%; height: 600px; clear: both; overflow: hidden;}
#flash a {width: 100%; display: none; height: 600px;}
.flash_bar { position: relative; text-align: center; margin: 0px auto; width: 180px; bottom: 55px; height: 30px; overflow: hidden; padding-top: 13px !important}
.flash_bar .dq {margin: 5px; width: 12px; display: inline-block; background: url(../images/tg_flash_p.png) no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p.png" ,sizingMethod="crop")}
.flash_bar .no {margin: 5px; width: 12px; display: inline-block; background: url(../images/tg_flash_p2.png) no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p2.png" ,sizingMethod="crop")}
.ss{ width:100%; height:56px; background-color:#eeeeee;}
.tags{ float:left; width:600px; height:56px; background:url(../images/s1.jpg) no-repeat left center; line-height:56px; padding-left:30px;}
.postbox{float:left;width:250px; height:28px; margin-top:15px; border:1px #a0a0a0 solid; border-radius:5px; -moz-border-radius:5px;}
.postbox .input{border:0;color:#333;height:28px; line-height:28px; float:left; width:195px; padding:0px 5px 0px 8px; background-color:#eee;}
.postbox .btn{height:30px; float:right; width:30px; background:url(../images/btn.jpg) no-repeat center; float:right; border:none; }
.ss .stel{ float:right; width:270px; height:56px; background:url(../images/st.jpg) no-repeat left center; line-height:56px; padding-left:30px; font-size:20px;}
.m1{
width:100%;
background-repeat: no-repeat;
background-position: center;
margin-right: auto;
margin-left: auto;
}
.m11{ width:192px; float:left;}
.m11t{ padding-top:80px; margin-bottom:40px;}
.m11c{ color:#fff;margin-bottom:80px;}
.m12{ width:1008px; float:left;}
.m12 li{ width:332px; float:left; margin-left:4px; display:inline;position:relative;}
.m12 li a { cursor:pointer;}
.m12 li .box{ display:none; position:absolute; z-index:11; top:0; left:0;}
.m12 li:hover .box{ display:block;}
.m2,.m3,.m4,.m5,.m6{
margin-bottom: 25px;
}
.marquee2 {
width: 100%;
height: auto;
}
.marquee2 ul {
float: left;
height: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.marquee2 ul li {
float: left;
display:inline;
width: 282px;
text-align: center;
overflow:hidden;
padding-bottom: 40px;
padding-right: 9px;
padding-left: 9px;
}
.marquee2 ul li a img {
width: 282px;
height: 200px;
display:block;
}
.m3{ width:100%; background:url(../images/fgl.jpg) repeat-x center bottom; }
.m31{ width:650px; float:left;}
.m31t{ margin-bottom:30px;}
.m31c{ background:url(../images/m35.jpg) no-repeat right center; }
.m31c p{ text-indent:28px; padding-right:60px;}
.m31 li{ float:left; margin:30px 10px 30px 0px;}
.m3gd{ width:100px; float:right; height:30px; background-color:#013fae; text-align:center;}
.m3gd a{ color:#fff;}
.m32{ width:490px; float:left; margin-left:60px;}
.m32c{ text-align:center; margin-bottom:30px;}
.m4{ width:100%; height:628px; background:url(../images/m4.jpg) no-repeat center top;}
.m5t{ text-align:center; height:130px; background:url(../images/fgl.jpg) repeat-x center bottom; margin-bottom:20px;}
.m5 li{ width:290px; float:left; margin-right:10px; display:inline; text-align:center; margin-bottom:20px;}
.m5 .pic{ width:286px; height:210px; border:2px #b5b5b5 solid; margin-bottom:4px; overflow:hidden;}
.m5 .pic img{ width:100%;}
.m5 li .txt{ height:25px; background-color:#dfdfdf; line-height:25px; padding-left:10px; text-align:left; overflow:hidden;}
.m5 li .txt span{ float:right; display:block; padding:0 5px; color:#212121; border-left:1px #485d7c solid;}
.m5 li:hover .pic{ border:2px #0137a1 solid;}
.m5 li:hover .txt{ background-color:#0137a1;}
.m5 li:hover .txt a{ color:#fff;}
.m61{ width:600px; float:left; padding-top:15px;}
.n1 b a{ font-size:16px;}
.n1{ margin-bottom:20px; clear:both; }
.n1 p{ line-height:24px;}
.nimg{ margin-right:15px; float:left;height:107px; width:187px; overflow:hidden;}
.nimg img{ width:100%;}
.m62{ width:530px; float:left; margin-left:50px; display:inline; background-color:#0137a1; padding:10px; color:#fff;}
.m62img{ text-align:center; margin-bottom:10px;}
.n2 a{ color:#fff;}
.n2 b a{ font-size:18px; color:#fcdc03;}
.n2 p{ line-height:24px;}
.ttop{ text-align:center; margin-bottom:30px;}
.flink{ border-top:1px #dddddd solid; border-bottom:1px #dddddd solid; padding:3px 5px 5px 20px; background:url(../images/flint.jpg) no-repeat left center; margin-bottom:5px;}
.foot{ background-color:#0137a1; color:#fff; padding-top:20px;}
.foot a{ color:#fff;}
.f1{ width:550px; float:left; background:url(../images/ffg.jpg) no-repeat right center; padding-right:50px;}
.f1t{ border-bottom:1px #fff solid; font-size:24px; padding:5px; font-weight:bold; margin-bottom:10px; width:100px;}
.f1t span{ color:#fcdc03;}
.f1 p{ line-height:22px; font-size:12px; margin-bottom:10px;}
.wx{ width:160px; float:left;}
.flx{ background:url(../images/flx.jpg) no-repeat left center; width:300px; float:left; padding-left:30px;}
.f2{ width:600px; float:left; text-align:center;}
.f2 dl{ width:33.33333%; float:left; margin-bottom:20px;}
.f2 dt{ margin-bottom:10px;}
.f2 .dt{ text-align:left;}
.f2 .dt1{ background:url(../images/fdt.jpg) no-repeat left center; padding-left:30px;}
.f2 .dt2{ background:url(../images/fss.jpg) no-repeat left center;padding-left:30px;}
.bq{ text-align:center; word-break:normal;}
.nyban{ width:100%; height:300px; background:url(../images/nyban.jpg) no-repeat center; margin-bottom:30px; }
.nyban img{ display:none;}
.ny{ margin-bottom:30px;}
.mleft{ width:298px; float:left; margin-bottom:35px; margin-right:25px; display:inline; }
.mright{ width:870px;float:left;}
.p16{font-weight:bold; font-size:16px; }
.ptitle{line-height:35px; margin-bottom:8px; text-align:center;}
.pline{ border-bottom:4px double #dddddd; height:35px;}
.info{text-align:center;line-height:30px;color:#666;padding-right:18px; border-top:1px #dddddd solid; border-bottom:1px #dddddd solid; margin-bottom:20px;}
.page{ line-height: normal; font-size: 14px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px}
.page a:hover, .page a.current{color:#F44;border:1px solid #F44}
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px}
.mrtit{ border-bottom:1px #dddddd solid; margin-bottom:15px;}
.mrtit span{ height:30px;color:#FFF; font-weight:bold; font-size:16px;}
.mrtit em{ float:right; font-style:normal; padding-right:10px;}
.prenext{ color:#0137a1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
float: left;
width: 98%;
line-height: 30px;
margin-top: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999;
margin-bottom:15px;
}
.prenext .pre{float: left;width: 100%;}
.prenext .pre a{
color: #333;
text-decoration: none;
}
.prenext .pre a:hover {
color: #ff0000;
}/* 锟斤拷一篇 */
.prenext .next{
text-align: left;
float: left;
width: 100%;
}
.prenext .next a{
color: #333;
text-decoration: none;
}
.prenext .next a:hover {
color: #ff0000;
}
.cplb{ margin-bottom:20px;}
.box{ background-color:#e1e1e1; padding-bottom:10px;}
.title1{ height:50px; line-height:50px; background: #0137a1; text-align:center; color:#FFF; font-size:20px; font-weight:bold; margin-bottom:5px;}
.title1 a{ color:#ffffff;}
.content1 { background:none; overflow:auto; padding:0px 10px;}
.content1 a { display:block; height:33px; line-height:33px; border-bottom:1px #fefefe solid; overflow:hidden; background:url(../images/dot.jpg) left 10px no-repeat; width:116px; float:left; padding-left:18px; margin-left:5px; overflow:hidden;}
.content1 a:hover {}
.nylx{ border:1px #dddddd solid;}
.nylxc{ padding:10px;}
.nylx h2{ font-size:18px;}
.mrt{ background-color:#e7e7e7; height:47px; line-height:47px; margin-bottom:20px;font-size:16px; font-weight:bold; text-indent:20px; border-left:8px #0137a1 solid;}
.rxcp{ margin-bottom:30px;}
.rxcp li{ width:140px; float:left;text-align:center; height: 120px; overflow:hidden; display:inline; border:1px #dddddd solid; margin:0px 3px 15px; }
.rxcp li img{ height:85px;}
.rxcp li span{ display:block; background-color:#eeeeee;}
.zxzx{ margin-bottom:30px;}
.zxzx ul{
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.zxzx li{
width:280px;
float:left;
overflow:hidden;
display:inline;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 3px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #999999;
}
.ltit{ border-bottom: #dddddd double; text-indent:1em; font-weight:bold; font-size:1.3em; margin-bottom:15px;}
.zx{ border-bottom:1px #dddddd dashed; padding-bottom:8px; margin-bottom:10px;}
.zx h3 a{ font-size:18px;}
.zx h3 span{ float:right; font-size:14px; font-weight:normal; color:#666666;}
.cpzs{ /*overflow:auto; zoom:1;*/}
.cpzs li{ width:200px; height:185px; border:1px #dddddd solid; float:left; text-align:center; margin-right:14px; display:inline; margin-bottom:20px;}
.cpzs li img{ height:155px;}
.cpzs li:hover{ border:1px #0137a1 solid;}
.cpzs li span{ display:block; background-color:#eeeeee;}
.xgxw{ margin-bottom:30px; margin-top:30px;}
.newsli li{ border-bottom:1px #dddddd dashed; background:url(../images/mli.jpg) no-repeat left center; padding-left:20px;}
.sjfl,.fdh{ display:none;}
.sjbt{ display:none;}
@media screen and (max-width: 1200px) {
.wrap{ width:100%; }
#flashBg{ display:none;}
.sjbanner{ display:block; position:relative; z-index:0;}
.index_banner{margin:0px auto; width:100%; height:auto; }
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 45%; z-index: 9999; display: block; width: 188px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(../images/tg_flash_p2.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url(../images/tg_flash_p.png); background-repeat: no-repeat; }
.tags{ display:none;}
.m1{ display:none;}
.sjfl{ display:block; margin-bottom:10px;}
.sjfl li{ width:31.3333333%; float:left; margin:1%; background-color:#eeeeee; height:35px; line-height:35px; text-align:center; font-size:16px;}
.m31{ width:55%;}
.m32{ width:40%; float:right; margin-left:0;}
.m5 li{ width:23%; margin:1%;}
.m5 .pic{ width:100%; height:auto; box-sizing:border-box;}
.m5 .pic img{ height:180px;}
.m61{ width:50%;}
.m62{ width:44%; margin-left:2%; padding:2%;}
.f1{ width:48%; padding-right:2%;}
.f2{ width:50%;}
.mleft{width: 24%; margin-right: 2%;}
.content1 a{ width:48%; margin:0; background-image:none; padding-left:0;}
.mright{ width:74%;}
.cpzs li{ width: 23%;margin: 1%; border:0; height:auto;}
.cpzs li:hover{ border:0;}
}
@media screen and (max-width: 980px) {
.m4{ display:none;}
.choose{ display:none;}
.m5 .pic img{ height:150px;}
.m5 li .txt{ text-align:center;}
.m5 li .txt span{ display:none;}
.nyban{ background-image:none; height:auto; margin-bottom:10px;}
.nyban img{ display:block;}
.mleft{ display:none;}
.mright{ width:100%;}
.mcon{ width:98%; margin:1%;}
.marquee2 ul li {
display:inline;
width: 195px;
text-align: center;
overflow:hidden;
padding-bottom: 40px;
padding-right: 11px;
padding-left: 11px;
float: left;
}
.marquee2 ul li a img {
width: 195px;
height: 138px;
display:block;
}
}
@media screen and (max-width: 850px) {
.marquee2 ul li {
display:inline;
width: 182px;
text-align: center;
overflow:hidden;
padding-bottom: 40px;
padding-right: 11px;
padding-left: 11px;
float: left;
}
.marquee2 ul li a img {
width: 182px;
height: 129px;
display:block;
}
}
@media screen and (max-width: 768px) {
.sjlogo{ display:block; text-align:center; float:none; padding:10px 0px;}
.logo,.topr1{ display:none;}
.topr{ width:100%;}
.nav{ background-color:#013eae; height:50px;}
.nav li{ line-height:50px;}
.nav li a{ border-bottom:0px #ffffff solid; color:#fff;}
.nav li a:hover{border-bottom:0px #013eae solid;}
.m32{ display:none;}
.m31{ width:98%; margin:0 1%; }
.m31c{ background-image:none;}
.m31c p{ padding-right:0;}
.m5 .pic img{ height:130px;}
.m61{ width:98%; margin:0 1%;}
.m62{ width:96%; margin:0;}
.bq{ margin-bottom:40px;}
.fdh{ line-height:40px; height:40px; background-color:#222222; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; }
.fdh li{ width:25%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#013eae;}
.fdh a{ color:#FFF;}
.ttop{ display:none;}
.m31t{ display:none;}
.sjbt{ height:50px; background-color: #013eae; display:block; text-align:center; font-size:24px; font-weight:bold; line-height:50px; color:#fff;}
.sjbt a{ color:#fff;}
.m31 ul,.m5t{ display:none;}
.cpzs li{ width:48%;border:1px #dddddd solid; box-sizing:border-box;}
.cpzs li:hover{ border:1px #0137a1 solid;}
.ititbar { background: url(../images/protit.jpg) no-repeat center center;padding:10px 0;}
.ititbar h3{font-size: 2em;}
.ititbar p{display: none;}
.pro_con li{width: 31.3%;}
.pro_con li a img{height: 140px;}
.marquee2 ul li {
display:inline;
width: 175px;
text-align: center;
overflow:hidden;
padding-bottom: 40px;
padding-right: 11px;
padding-left: 11px;
float: left;
}
.marquee2 ul li a img {
width: 175px;
height: 124px;
display:block;
}
.imglist.colm4 li,.imglisth.colm4 li,.caselist.colm4 li{width: 31.3%;height: 31.3%;}
}
@media screen and (max-width: 600px){
.ss{ padding:15px 0px; height:auto; margin-bottom:10px;}
.postbox{ margin:0 auto; float:none;}
.stel{ display:none;}
.m31 li{ margin:0;}
.m5 li{ width:48%;}
.m5 .pic img{height:180px;}
.f1,.f2{ width:98%; margin: 1%;}
.f2 dl{ display:none;}
.wx{ width:100%; text-align:center; float:none;}
.flx{ display:none;}
.nav{ height:70px; overflow:hidden;}
.nav li{ line-height:34px; width:33.33333333%; background-image:none; border-bottom:1px #0051e7 solid; border-right:1px #0051e7 solid; box-sizing:border-box;}
.marquee2 ul li {
display:inline;
width: 150px;
text-align: center;
overflow:hidden;
padding-bottom: 40px;
padding-right: 15px;
padding-left: 15px;
float: left;
}
.marquee2 ul li a img {
width: 150px;
height: 106px;
display:block;
}
}
@media screen and (max-width: 480px){
.m5 .pic img{height:130px;}
.nimg{ width:100%; height:auto;}
.cpzs li img{ height:120px;}
.pro_con li{width: 48%;}
.marquee2{height: 124px;}
.marquee2 ul li{ width: 160px;}
.marquee2 ul li a img{ width: 160px; height: 120px;}
.imglist.colm4 li,.imglisth.colm4 li,.caselist.colm4 li{width: 48%;height: 48%;}
}
.choose{width:1100px; margin:10px auto;}
.choo_l{wdith:50%; float:left}
.ys_m{background:url(../images/index_09.jpg) no-repeat left bottom; height:62px;font-size:20px; font-weight:600; width:450px;margin-left:56px;}
.ys_m span{font-size:14px; font-weight:400; color:#999;}
.ys img{width:41px; float:left;}
.ys{margin:18px 0;}
.ys p{margin-left:56px;width:420px; font-size:12px;}
/*i_pro*/
.i_pro{}
.ititbar{
text-align: center;
background:url(../images/protit.jpg) no-repeat center 80px;
padding:15px 0;
}
.ititbar h3{
font-size: 2.5em;
line-height: 1.5em;
color: #333;
}
.ititbar p{
font-size: 1.2em;
text-transform: uppercase;
}
ul.pro_con {
}
.pro_con *{transition:all .2s;}
.pro_con li{text-align: center;}
.pro_con li>a{
line-height: 0;
position: relative;
}
.pro_con li>a img{
}
.pro_con li>p{
line-height: 2em;
padding:5px 0;
border-bottom: 3px solid #c9c9c9;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.pro_con li:hover>p{
border-bottom-color: #d00;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.pad { padding: 15px 0; }
/*ul li*/
.col2, .col3, .col4, .col5, .col6, .col7, .col8, .colm2, .colm3, .colm4, .colm5, .colm6 { overflow: hidden; }
.col2>li, .col3>li, .col4>li, .col5>li, .col6>li, .col7>li, .col8>li, .colm2>li, .colm3>li, .colm4>li, .colm5>li, .colm6>li { float: left; }
.col6>li { width: 16.6%; }
.col7>li { width: 14.2%; }
.col8>li { width: 12.5%; }
.col5>li { width: 20%; }
.col4>li { width: 25%; }
.colm2 { margin-left: -3%; }
.colm2>li {
width: 47%;
margin-left: 3%;
margin-bottom: 25px;
}
.colm3 { margin-left: -4%; }
.colm3>li {
width: 29.3%;
margin-left: 4%;
margin-bottom: 25px;
}
.colm4 { margin-left: -2%; }
.colm4>li {
width: 23%;
margin-left: 2%;
margin-bottom: 20px;
}
.colm5 { margin-left: -2%; }
.colm5>li {
margin-left: 2%;
margin-bottom: 20px;
width: 18%;
}
.yq{ width:98%; padding-left:1%; padding-right:1%; max-width:1200px; margin:0 auto; margin-bottom:20px; margin-top:-20px;}
.yq span{ width:100%;}
.news1{ width:50%; float:left;}
.newsc{ margin:27px; text-align:left; font-size:1.1em; line-height:2.2em;}
.newsc li{ background:url(../images/ico.jpg) no-repeat left center; padding-left:1em;}
.newsc li span{ float:right;}
.ltit{ border-bottom: #dddddd double; text-indent:1em; font-weight:bold; font-size:1.3em; padding:0.4em 0 0.2em; margin-bottom:2%;}
.proxx3_tit{font:600 20px/24px "Microsoft YAHEI"; margin-top:18px;}
.proxx3_tit img{ float:left; margin:0 9px 0 0;}
.product_con4_m{
width:860px;
height:166px;
margin-top: 14px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
overflow: hidden;
}
.product_con4_m li{width:178px;margin:4px 12px 0 0; float:left;display:inline;}
.product_con4_m li a{display:block;}
.product_con4_m li img{width:170px;height:128px;display:block;padding:3px;border:#e3e3e3 solid 1px;}
.product_con4_m li p{width:170px; height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center; margin-top:3px;}