/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color: #656565; font:12px/1.5 宋体,Arial,sans-serif; width:100%; min-width:1000px;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration: none;color:#656565;}
a:hover {}
div{ margin:0 auto;}
@media(max-width: 760px){
    *{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
    body{min-width: 100%;}
}
/*模块编码*/
.fl {float: left;}
.fr {float: right;}
.pr{ position:relative;}
.clear {clear: both; overflow:hidden;}
.hidden{ display:none;}
.clearfix:after {clear: both;content: " ";display: block;height: 0;}

#header{ width:100%; margin:0 auto; overflow:hidden;}
.top{ width:100%; height:32px; line-height:32px; background:#323232;}
.top p{ width:1200px; margin:auto; color:#d1d1d1;}
.top p samp { float:right; color:#d1d1d1;}
.top p a{color:#d1d1d1;}
.header{ width:1200px; height:152px; margin:0 auto; overflow:hidden;}
.logo{ width:591px; height:72px; float:left; background:url(../images/logo.png) no-repeat center; margin-top:40px;}
.logo a{ display:block; width:100%; height:100%; text-indent:-999999em;}
.Header-button{display: none}
@media(max-width: 760px){
    .top{display: none}
    .header{width: 100%;height: 60px; position: fixed;left: 0;top:0;width: 100%;background: #fff;z-index: 11;box-shadow: 0 3px 4px rgba(0,0,0,.2);-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.2);-moz-box-shadow: 0 3px 4px rgba(0,0,0,.2)}
    .logo{width: 70%;height: 50px;background-size: contain;margin-top: 5px;}
    /*Header button*/
    .Header-button{margin-right:2%;margin-top:5px;position:relative; height:50px;width:30px;cursor:pointer;display: block}
    .Header-button:after,.Header-button:before{position:absolute;left:0;width:100%;height:2px;background:#000;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
    .Header-button:after{bottom:13px;}
    .Header-button:before{top:13px;}
    .Header-button span{display:block;height:2px;width:100%;background:#000;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
    .Header-button.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
    .Header-button.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:13px;left:5px;}
    .Header-button.active span{opacity:0}
}

.tel{ float:right; background:url(../images/tel.jpg) no-repeat left; padding-left:64px; margin-top:30px; overflow:hidden;}
.tel samp{ display:block; height:20px; line-height:20px; font-family:"微软雅黑"; font-size:16px; color:#323232;}
.tel span{ display:block; height:35px; line-height:35px; font-family:"微软雅黑"; font-size:30px; color:#ff8e00;}
.nav{ height:38px; width:100%; margin:0 auto; overflow:hidden; border-top:solid 1px #ababab; border-bottom:solid 1px #ababab;}
.nva{ width:1200px;  height:38px; margin:auto; overflow:hidden;}
.nva ul{ width:1300px; height:21px; margin-top:10px;}
.nva ul li{ width:145px; float:left; height:21px; text-align:center; line-height:21px; border-right:solid 1px #ababab;}
.nva ul li a{ display:block; font-family:"微软雅黑"; font-size:16px; color:#323232;}
@media(max-width: 760px){
    .tel{display: none}
    .nav{position: fixed;left: 0;top: -150%;width: 100%;z-index: 9;background: #fff;border:none;height: auto;background: #0475c1}
    .nva{width: 100%;height: auto}
    .nva ul{width: 100%;height: auto;margin-top: 0;padding-top: 5px;}
    .nva ul li{width: 100%;height: 34px;border: none;line-height: 34px;border-bottom: solid 1px #0361a1;border-top: solid 1px #4b98cc}
    .nva ul li a{color: #fff;font-size: 14px;}
    .nav.active{top: 60px;}
}

.banner{ width:100%; overflow:hidden; margin:0 auto;}
.swap {width:100%;height:420px;margin:0 auto;position:relative;z-index:1;}
#slider {list-style:none;width:100%;height:100%;margin:0;padding:0;}
#slider li {width:100%;height:420px;display:none;position:absolute;}
#naviSlider {list-style:none;margin:0 auto;text-align:right;margin-top:-20px;position:relative;z-index:2;width:1200px; height:20px;}
#naviSlider li {height:4px;width:50px;cursor:pointer;display:inline-block;background:#ffffff; margin-right:9px;*display:inline;*margin-left:9px;}
#naviSlider li.on{background:#ff8e00;}
@media(max-width: 760px){
    .banner{margin-top: 60px;height: auto !important;min-height: 100px;background-size: 150% !important}
    .swap{height: 200px}
    #slider li{height: 200px;background-size: auto 100% !important}
    #naviSlider{width: 100%}
}

#main{ width:100%; overflow:hidden; margin:0 auto;}
.main{ width:1200px; margin:0 auto; overflow:hidden;}
.pos{ width:100%; height:38px; background:url(../images/ps_03.jpg) no-repeat left #f4f4f4; overflow:hidden; margin-top:40px;}
.tips{ width:210px; float:left; line-height:38px; font-family:"微软雅黑"; font-size:22px; text-align:center;}
.tips span{ color:#0475c1;}
.tips samp{ color:#c9c1c1; font-family:"微软雅黑"; margin-left:3px;}
.pos a{ float:right; margin:9px 20px 0 0;}
@media(max-width: 760px){
    .main{width: 100%;padding: 0 5px}
}

.prodeucts{ width:1200px; margin:0 auto; overflow:hidden; padding:30px 0 28px;}
#arrLeft{float:left;}
#arrRight{ float:right;}
.pointer{ padding-top:55px; cursor:pointer;}
#scrollbox { width:998; float:left; margin-left:57px;}
#scrollbox ul {overflow:hidden;}
#scrollbox ul li {FLOAT:left;width:294px;_width:294px;height:255px;_height:255px;vertical-align:top;overflow:hidden; margin-right:58px;}
#scrollbox ul li span{ display:block; width:292px; height:216px; border:solid 1px #d2d2d2;}
#scrollbox ul li samp{ display:block; width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden;}
#scrollbox ul li samp a{ color:#323232; font-size:14px;}
.Home-products{display: none}
@media(max-width: 760px){
    .prodeucts{width: 100%}
    #arrLeft{width: 20px;display: none}
    #arrRight{width: 20px;display: none}
    #scrollbox{margin-left: auto;width: 100%;display: none}
    .Home-products{overflow: hidden;display: block}
    .Home-products li{width: calc(50% - 10px);float: left}
    .Home-products li:nth-child(2n){float: right}
    .Home-products li span{display:block;border:solid 1px #d2d2d2;max-height: 140px;overflow: hidden}
    .Home-products li span img{max-width: 100%;height: auto !important}
    .Home-products li samp{ display:block; width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden;}
    .Home-products li samp a{color:#323232; font-size:14px;}
}

.news{ width:100%; height:440px; background:#f4f4f4;}
.new{ height:360px; float:left; width:660px; background:#ffffff; margin-top:40px; overflow:hidden;}
.nec{ width:170px; height:360px; float:left; overflow:hidden; background:#0475c1; padding-left:30px;}
.nec samp{ display:block; height:40px; line-height:40px; padding-top:67px; font-family:"微软雅黑"; font-size:36px; color:#ffffff;}
.nec span{ display:block; height:30px; line-height:30px; font-family:"微软雅黑"; font-size:22px; color:#ffffff;}
.nec a{ display:block; width:100px; height:26px; text-align:center; line-height:26px; border:solid 1px #61a6d5; margin-top:55px; font-family:"微软雅黑"; font-size:14px; color:#ffffff;}
.nese{ width:408px; float:right; padding-right:24px; overflow:hidden;}
.dl{ width:100%; height:102px; padding-top:20px;}
.dl dt{ float:left; width:140px; height:102px;}
.dl dd{ width:255px; height:102px; float:right; overflow:hidden;}
.dl dd span{ display:block; width:100%; height:25px; line-height:25px; overflow:hidden;}
.dl dd span a{ font-size:14px; color:#323232;}
.dl dd p{ width:100%; line-height:25px; text-align:justify; color:#666666;}
.dl dd p a{ color:#ff8e00;}
.lsit{ width:100%; height:215px; overflow:hidden; padding-top:12px;}
.lsit li{ width:100%; height:36px; background:url(../images/news_08.jpg) no-repeat left; line-height:36px; border-bottom:solid 1px #d2d2d2;}
.lsit li span{ display:block; width:340px; float:left; height:36px; overflow:hidden;}
.lsit li span a{ margin-left:42px; color:#323232;}
.lsit li samp{ color:#999999;}
@media(max-width: 760px){
    .news{height: auto;}
    .new{width: 100%;height: auto}
    .nec{width: 100%;background: none;height: auto;text-align: center}
    .nec samp{display:none;color: #3e91f5;margin-top: 0;padding-top: 30px;font-size: 18px;opacity: .8}
    .nec span{color: #3e91f5;}
    .nec a{display: none}
    .nese{width: 100%;padding-right: 0;}
    .dl dd{width: calc(100% - 140px);padding-left: 10px;}
    .lsit{height: auto}
    .lsit li span{width:80%}
    .lsit li samp{float:right}
}

.aos{ height:360px; float:right; width:500px; background:#ffffff;margin-top:40px; overflow:hidden;}
.aos dt{ width:236px; height:320px; float:left; padding:20px 0 0 20px;}
.aos dd{ width:185px;  height:320px; float:right; overflow:hidden; margin-right:28px; margin-top:20px;}
.aos dd span{ display:block; width:100%; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:22px; color:#0475c1;}
.aos dd p{ width:100%; line-height:28px; overflow:hidden; text-align:justify; color:#323232;}
.aos dd p a{ color:#ff8e00;}
@media(max-width: 760px){
    .aos{height: auto;width: 100%}
    .aos dt{width: 100%;height: auto;padding-left: 0}
    .aos dt img{max-width: 100%;height: auto;width: 100%}
    .aos dd{width: 100%;height: auto;margin-right: 0;padding: 0 5px;}
    .aos dd span{text-align: center}
}

.pos1{ width:100%; height:38px; background:url(../images/cor_03.jpg) no-repeat left #f4f4f4; overflow:hidden; margin-top:40px;}
.tips1{ width:178px; float:left; line-height:38px; font-family:"微软雅黑"; font-size:22px; text-align:center;}
.tips1 span{ color:#0475c1;}
.tips1 samp{ color:#c9c1c1; font-family:"微软雅黑"; margin-left:3px;}
.pos1 a{ float:right; margin:9px 20px 0 0;}


.tab {height:38px;overflow:hidden; padding-left:205px; margin-top:-38px;}
.tab UL {zoom: 1;clear: both; }
.tab UL:after {display: block;;visibility: hidden;clear: both;}
.tab UL LI {float:left; width:80px; height:38px;cursor:pointer;line-height:38px; text-align:center; font-family:"微软雅黑"; font-size:14px;}
.tab UL LI a{ display:block; height:38px; line-height:38px; color:#323232;}
.tab UL LI.on {background:url(../images/cor_06.jpg) no-repeat center 28px;cursor:pointer;}

.tabList { width:1200px; height:200px; margin:30px 0;}
.tabList .one {display:none; width:1200px; height:200px; overflow:hidden;}
.tabList .one ul{ width:100%; height:200px; overflow:hidden;}
.tabList .one ul li{ width:224px; height:200px; float:left; overflow:hidden; margin-right:20px;}
.tabList .one ul li span{ display:block; width:224px; height:166px; overflow:hidden;}
.tabList .one ul li samp{ display:block; width:100%; text-align:center; height:35px; line-height:35px; overflow:hidden;}
.tabList .one ul li samp a{color:#323232;}
.tabList .block {display: block;}
@media(max-width:760px){
    .tabList{width: 100%}
    .tabList .one{width: 100%}
}

#footer{ width:100%; margin:0 auto; background:#0475c1; overflow:hidden; padding:25px 0; text-align:center; line-height:23px; color:#ffffff;}
#footer a{ color:#ffffff;}
@media(max-width: 760px){
    #footer p:first-child{display: none}
}

.fixed{ width:206px; overflow:hidden; position:fixed; right:1px; top:25%; z-index:10000;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.qq_top{ width:170px; height:78px; background:url(../images/qq_top.png) no-repeat top;}
.qq_main{ width:170px; text-align:center; background:url(../images/qq_main.jpg); padding:10px 0 5px 0;}
.qq_main a{ display:block; width:92px; height:22px; margin:0 auto 11px;}
.qq_main  span{ display:block; font-family:"微软雅黑"; font-size:18px; color:#ec6400; line-height:22px;}
.qq_bottom{ width:170px; height:19px; background:url(../images/qq_bottom.png) no-repeat center;}
.blue{ right:-170px;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.ccaa{ width:36px; height:141px; float:left;background:url(../images/f.png) no-repeat left; overflow:hidden; margin-top:36%; cursor:pointer;}
@media(max-width: 760px){
    .fixed{display: none}
}

.left{ width:250px; float:left; margin:30px 0;}
.sidebar{ width:100%; height:82px; overflow:hidden; background:#0475c1; text-align:center;}
.sidebar span{ display:block; width:100%; height:25px; line-height:25px; margin-top:15px; font-family:"微软雅黑"; font-size:16px; color:#62a4d1;}
.sidebar samp{ display:block; line-height:30px; height:30px; font-family:"微软雅黑"; font-size:20px; color:#ffffff;}
.left ul{ width:248px; border:solid 1px #d4d4d4; padding:10px 0;}
.left ul li{ width:100%; height:35px; line-height:35px; overflow:hidden; background:url(../images/lr_09.jpg) no-repeat 90px;}
.left ul li a{ display:block; text-indent:104px; font-size:14px; color:#323232;}
.left ul li a:hover{ color:#ff8e00;}
.path{ width:100%; height:32px; border-bottom:solid 1px #0475c1; line-height:32px;}
.path span{ display:block; float:left; height:32px; padding:0 54px 0 32px; background:url(../images/lr_03.jpg) no-repeat right #0475c1; font-family:"微软雅黑"; font-size:18px; color:#d3d3d3;}
.path samp{ float:right; color:#999999; margin-right:20px;}
.path samp a{color:#999999;}
.right{ width:918px; float:right; overflow:hidden; margin:30px 0; border:solid 1px #d3d3d3;}
.content{ padding:30px; width:858px; overflow:hidden; line-height:2em; font-size:14px; color:#666666;}
.content img{
	max-width: 100%;
	height: auto!important
}
@media(max-width: 760px){
    .left{width: 100%;margin: auto}
    .sidebar{display: none}
    .left ul{width: 100%;height: auto;padding: 0;border: none}
    .left ul li{width: 33.33%;background-image: none;line-height: 34px;height: auto;padding: 5px;float: left}
    .left ul li a{display: block;border: solid 1px #0475c1;color: #0475c1;text-indent: 0;text-align: center}
    .left ul li a:hover{background: #3e91f5;color: #fff;}
    .right{width: 100%;margin:15px auto auto;border: none}
    .path span{display: none}
    .path samp{margin-right: 0;width: 100%}
    .content{width: 100%;padding:20px 0;}
    .content img{max-width: 100%;height: auto !important}
    #dituContent{width: 100% !important;height: 300px !important}
}

#table{ border-collapse:collapse; margin-top:28px;}
#table tr td { color:#ff0000;}
#table tr td div{ width:100%; height:100%; font-family:"微软雅黑"; color:#666666;}
.text{ width:232px; height:32px; line-height:32px; border:solid 1px #d3d3d3;}
.submit{ width:90px; height:30px; background:#ff8e00; border:solid 0; margin-right:15px; cursor:pointer; font-family:"微软雅黑"; font-size:14px; color:#ffffff;}
.imglsit{ width:879px; overflow:hidden; margin:47px 0 0 30px;}
.imglsit li{ width:272px; float:left; overflow:hidden; margin-right:21px; margin-bottom:10px;}
.imglsit li span{ display:block; width:270px; height:198px; border:solid 1px #d4d4d4;}
.imglsit li samp{ display:block; width:100%; height:35px; line-height:35px; text-align:center; overflow:hidden;}
.imglsit li samp a{ color:#323232;}
.fy{ width:100%; overflow:hidden; clear:both; text-align:center; height:40px; line-height:40px; text-align:center; margin-bottom:20px;}
.fy a{ padding:7px 9px; background:#0475c1; color:#ffffff;}
.fy b{ padding:7px 9px; font-weight:100;color:#ffffff; background:#ff8e00;}
.fy a b{ padding:0;background:#0475c1;}
@media(max-width: 760px){
    #table{width: 100%}
    #table tr td .text{width: 95% !important}
    #table tr td textarea{height: 150px !important}
    #table tr:nth-last-child(2) td{height: 150px !important}
    .imglsit{width: 100%;margin: 30px 0 20px}
    .imglsit li{width: calc(50% - 5px);margin-right: 10px;}
    .imglsit li:nth-child(2n){float: right;margin-right: 0}
    .imglsit li span{width: 100%;height: 140px;overflow: hidden}
    .imglsit li span img{max-width: 100%;height: auto !important}
}

.newslsit{ width:858px; overflow:hidden; margin:15px auto;}
.newslsit li{ width:100%; height:40px; line-height:40px; border-bottom:dashed 1px #e3e3e3; background:url(../images/li.jpg) no-repeat 11px; font-size:14px;}
.newslsit li span{ display:block; text-indent:30px; float:left; width:740px; height:40px; overflow:hidden;}
.newslsit li span a{ color:#666666;}
.newslsit li span a:hover{ text-decoration:underline; color:#0475c1;}
.newslsit li samp{ float:right; color:#999999;}
@media(max-width: 760px) {
    .newslsit{width: 100%;}
    .newslsit li span{width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
}
.tiet{ width:100%; border-bottom:dashed 1px #bdbdbd; margin-bottom:20px; text-align:center; overflow:hidden;}
.tiet dt{ line-height:35px; font-size:16px; color:#0475c1;}
.tiet dd{ line-height:30px; margin-bottom:10px; color:#999999;}

.sxy{ width:100%; margin-top:20px; border-top:dashed 1px #bdbdbd; padding-top:20px;}
.sxy a:hover{ color:#ff8e00;}

.pikachoose { width:702px;height:445px; position:relative; margin:15px auto 30px; overflow:hidden;}
.pikachoose img{display:block;width:100%;height:100%!important;object-fit:contain}
.pika-thumbs li{ width: 148px; height:120px; overflow: hidden;float:left; list-style-type: none;cursor: pointer; margin-bottom:9px;}
.pika-thumbs li .clip {position:relative;width: 146px; height:118px; border:solid 1px #d5d5d5;text-align: center; vertical-align: middle; overflow: hidden;}
.pika-thumbs li .clip img{width: 146px; height:118px;}

.pika-stage{ width:542px; height:443px; float:left; border:solid 1px #d5d5d5;}
.pika-stage {position: relative; text-align:center; height:443px;}
.pika-stage img{ width:542px; height:443px;}
.pika-stage .caption {position: absolute; width:428px; height:40px; font-family:"微软雅黑"; font-size:14px; color:#ffffff; bottom:0px; right:0px; line-height:40px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {display:none; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}


.pika-textnav {width:148px; height:445px;overflow: hidden; position:absolute; margin-left:554px; margin-top:-445px;}
.pika-textnav a { text-indent:-9999em;}
.pika-textnav a.previous {display:block; width:148px; height:24px; overflow:hidden; background:url(../images/ma_05.jpg) no-repeat center; cursor:pointer;}
.pika-textnav a.next {display:block; width:148px; height:24px; overflow:hidden; background:url(../images/ma_11.jpg) no-repeat center;cursor:pointer; margin-top:398px;}

.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px; text-indent:-999999em;}	
.pika-loader{ color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px; }

#pikame{width:148px;height:378px; overflow:hidden;}
.jcarousel-skin-pika{position:absolute;top:34px;right:0px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width:148px;height: 378px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:148px; height: 378px;}


@media(max-width: 760px){
    .pikachoose{width: 100%;height: auto;}
    .pika-stage{width: 100%;height: auto}
    .jcarousel-skin-pika{position: initial;top: auto;left: auto}
    .jcarousel-skin-pika .jcarousel-container-vertical{width: 100%;height: auto}
    .jcarousel-skin-pika .jcarousel-clip-vertical{width: 100%;height: auto}
    #pikame{width: 100%;height: auto !important}
    .pika-thumbs li{width: 20%;overflow: hidden;height: 56px}
    .pika-thumbs li .clip{width: 100%;height: 56px}
    .pika-thumbs li .clip img{max-width: 100%}
}