.banner img {width:100%;height:auto;}
.banner {position:relative;z-index:1;}
.banner {margin-top:0px;}
.banner   .content-con {position:absolute;width:45%;top:25%;right:28.6%;text-align:right;text-transform:uppercase;}
.banner   .content-con h1 {padding-right:8px;font-family:Arial,Times,serif;font-size:1.2em;font-weight:500;color:#F51E23;text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;*filter:Glow(color=#fff,strength=1);}
.banner   .content-con p {margin:2px 0;padding:8px;color:#fff;background:url(../images/btext_bg.png) repeat;font-size:1.2em;font-family:"Arial Black",Gadget,sans-serif;font-weight:400;}
.banner   .content-con h4 {padding-right:8px;font-family:"Myriad Pro",Georgia,"Times New Roman",Times,serif;font-size:0.8em;font-weight:100;color:#fff;text-shadow:#4382C0 1px 0 0,#4382C0 0 1px 0,#4382C0 -1px 0 0,#4382C0 0 -1px 0;-webkit-text-shadow:#4382C0 1px 0 0,#4382C0 0 1px 0,#4382C0 -1px 0 0,#4382C0 0 -1px 0;-moz-text-shadow:#4382C0 1px 0 0,#4382C0 0 1px 0,#4382C0 -1px 0 0,#4382C0 0 -1px 0;*filter:Glow(color=#4382C0,strength=1);}

.content {margin:0 auto;}
.content p {line-height:30px;}
.pagelist a {display:block;float:left;width:20px;margin-top:10px;}
.crumbs {padding:29px 0;text-align:right;line-height:20px;height:20px;}
.crumbs:before{color:#F51E23;content: "\E014"; line-height:20px;height:20px;font-family: "iconfont" !important;font-size: 1.3rem;padding: 0 10px;position: relative;top: 0;margin:0 10px;}
.container {}
.container .sidebar {width:24.8%;max-width:248px;height:auto;float:left;}
.sidebar .title {background:url(../images/list_title.jpg) no-repeat;width:100%;height:60px;color:#fff;}
.sidebar .title .tlth2 {font-size:0.6em;padding-left:14px;font-weight:100;}
.sidebar .title .tlth1 {padding-left:14px;font-size:1.3em;padding-top:18px;text-transform:uppercase;font-family:Impact,Microsoft sans serif,Arial;}
.sidebar .sidenav ul {margin-top:10px;margin-bottom:20px;}
.sidebar .sidenav ul h3 a {height:35px;line-height:35px;border-bottom:1px solid #ededed;padding-left:1.1em;font-size:0.6em;vertical-align:middle;display:block;position:relative;color:#4d485b;font-family:Microsoft sans serif,Arial;font-weight:400;}
.sidebar .sidenav ul  h3  a i {width:13px;height:13px;background-position:-219px -3px;top:17px;transition:ease-in-out .3s;position:absolute;right:15px;}
.sidebar .sidenav ul  h3  a:hover,.sidebar .sidenav ul a.hover {background:#ffa800;color:#fff;}
.sidebar .sidenav ul  h3  a:hover i,.sidebar .sidenav ul a.hover i {background-position:-236px -3px;}
.sidebar .hot-products .iprolist {width:90%;margin:5px 4% 5px 4%;float:left;border:1px solid #CCC;}
.sidebar .hot-products .iprolist img {width:28%;float:left;padding:1%;}
.sidebar .hot-products .iprolist figcaption {width:68%;float:left;text-align:left;padding:10px 1%;font-size:0.8em;font-weight:200;}
.sidebar .hot-products .iprolist figcaption b {width:100%;font-size:0.8em;font-weight:normal;color:#002;font-weight:400;padding:10px 0 0 0;}
.contact p {width:95%;margin:5px 0 5px 5%;line-height:30px;height:30px;}
.contact .phone:before{content: "\e603"; line-height:30px;height:30px;font-family: "iconfont" !important;font-size: 1.5rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .9;}
.contact .fax:before{color: #125C9D;content: "\x"; line-height:30px;height:30px;font-family: "iconfont" !important;font-size: 1.5rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .6;}
.contact .mail:before{color: #ff6600;content: "\e611"; line-height:30px;height:30px;font-family: "iconfont" !important;font-size: 1.5rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .6;}
.main {width:72%;margin:0 0 0 3%;float:right;}
.main h1 {font-size:1.5em;font-weight:600;text-align:center;color:#fff;}
.main .iprolist {width:23%;margin:0 1% 0 1%;float:left;}
.main .iprolist img {width:100%;}
.main figure figcaption {text-align:center;}
.main  .small{font-size:.6em;text-align:left;height:48px;line-height:16px;overflow:hidden;margin:5px 0;}
.main figcaption h2 {font-size:0.8em;color:#002;font-family:Tahoma,Geneva,sans-serif;}
.main .iprolist {width:23%;margin:15px 1%;float:left;}
.main .iprolist img {width:100%;}
.main .title {font-size:1.4em;color:#2e2e2e;height:60px;line-height:60px;background:#2553b3;color:#fff;}
.main .title i {font-size:0.8em;display:inline;float:right;clear:right;color:#005b94;}
.main .title a {color:#2e2e2e;font-family:Impact,Microsoft sans serif,Arial;}
.main .title a:hover {color:#005b94;font-family:Impact,Microsoft sans serif,Arial;}
.main .title span {width:150px;float:right;/* clear:right;*/}
.main .title span a {color:#ffa800;font-size:16px;display:block;font-family:Maiandra GD,Microsoft sans serif,Arial,sans-serif;}
.main .title span a:before{content: "\e611"; line-height:60px;height:60px;font-family: "iconfont" !important;font-size: 2rem;padding: 0 10px;float: left;position: relative;top: 0;opacity: .9;}
.main .title span a:hover {font-weight:normal;font-family:Maiandra GD,Microsoft sans serif,Arial,sans-serif;color:#fff;}
.main .title .button {width:138px;display:block;float:right;text-align:center;color:#fff;cursor:pointer;background-color:#252e38;border-radius:5px 5px 5px 5px;}
.main .title .button a:hover {text-decoration:none;background-color:#ffa800;border-radius:5px 5px 5px 5px;font-weight:normal;font-family:Maiandra GD,Microsoft sans serif,Arial,sans-serif;}
.main .title .button a {color:#FFF;display:block;height:100%;width:100%;font-family:Maiandra GD,Microsoft sans serif,Arial,sans-serif;}
.main .title h4,.main .title h2{font-size:1.2em;padding:0 0 0 15px;}
.main h2.ch2{font-size:1.2em;font-weight:400;color:#2553b3;height:40px;line-height:40px;padding-left:20px;}
.main h2.ch2 span a{float:right;color:#676767;font-size:0.8em;font-weight:200;    font-family: Arial,sans-serif;font-style: italic;padding-right:20px;}

.main .inner{width:100%;height:auto;margin:40px 0 20px 0;}
.main .inner ul{width:100%;height:auto;}
.main .inner ul li{width:233px;float:left;overflow:hidden;}
.main .inner ul li  h2  , .main .inner ul li  h3   {width:100%;height:30px;line-height:30px;float:left;}
.main .inner ul li  h2   a,.main .inner ul li  h3   a{font-weight:200;color:#777;margin:0 10px 0 10px;    transition: 560ms;}  
.main .inner ul li  h2 :before,.main .inner ul li  h3 :before{content: "\e608"; line-height: 30px;font-family: "iconfont" !important;font-size: 1rem;padding: 0 10px;float: left;position: relative;top: 0;color:#d30303;}
.main .inner ul li h2:hover a,.main .inner ul li h3:hover a{color:#2553b3;margin:0 20px 0  0px;}
.h2p{font-size:1em}
/*产品内页面图片切换*/ 
#preview {float:left;text-align:center;width:48%;margin:15px 1%;}
.jqzoom {width:100%;height:auto;position:relative;}
.zoomdiv {left:859px;height:400px;width:400px;}
.list-h li {float:left;}
#spec-n5 {width:100%;height:56px;padding-top:6px;overflow:hidden;}
#spec-left {background:url(../images/left.gif) no-repeat;width:10px;height:45px;float:left;cursor:pointer;margin-top:5px;}
#spec-right {background:url(../images/right.gif) no-repeat;width:10px;height:45px;float:left;cursor:pointer;margin-top:5px;}
#spec-list {width:92.8%;float:left;overflow:hidden;margin-left:2px;display:inline;}
#spec-list ul li {float:left;margin-right:0px;display:inline;width:62px;}
#spec-list ul li img {padding:2px;border:1px solid #ccc;width:50px;height:50px;}
/*jqzoom*/
.jqzoom {position:relative;padding:0;}
.zoomdiv {z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow:hidden;}
.bigimg {width:800px;height:800px;}
.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list {position:relative;width:91%;margin-right:6px;}
#spec-list div {margin-top:0;margin-left:-30px;*margin-left:0;}
/*图片切换结束*/
.main .content-memos {width:47%;margin:35px 0 0 3%;float:left;}
.main .content-memos p {font-size:1.0em;color:#888;font-family:Impact,Microsoft sans serif,Arial;}
.main .content-memos ul li {float:left;width:15%;min-width:106px;height:auto;line-height:28px;font-size:0.9em;font-weight:100;color:#ffa800;}
.main .content-memos ul li b {font-size:0.6em;font-weight:200;color:#000;}
.main .content-memos ul li.spa {width:67%;color:#000;}
.main .content-memos .contact-botton a {margin-right:10px;float:left;width:140px;height:40px;background:#2553b3;line-height:40px;color:#fff;border-radius:3px;box-shadow:0px 5px 0px #1b3f8b;font-family:Impact,Microsoft sans serif,Arial;font-size:16px;display:block;text-align:left;}
.main .content-memos .contact-botton a.online_c {width:75px;background:#2553b3 url(../images/online_pc.png) no-repeat 15px center;padding-left:65px;}
.main .content-memos .contact-botton a.inquiry_c {width:75px;padding-left:65px;background:#2553b3 url(../images/inquiry_c.png) no-repeat 25px center;}
.main .content-memos .contact-botton a.pdf_c {width:98px;padding-left:42px;text-align:left;background:#2553b3 url(../images/pdf_c.png) no-repeat 5px center;}
.slide-txt span {display:none;}
.slide-txt li {text-align:center;}
.slide-txt li a {color:#fff;}
.slider {position:relative}
.slider div {position:relative;text-align:center;padding:0px;list-style-type:none;margin:0px;width:320px;background:#ffffff;height:240px;overflow:hidden;}
.slider span {z-index:99;position:absolute;text-align:center;width:100%;bottom:2px;color:#ffffff;font-size:12px;font-weight:bold}
.slider .txtbg {position:absolute;filter:alpha(opacity=70);width:100%;bottom:0px;background:#000;height:17px;padding-top:5px;left:0px;opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7}
.slider .txtbg img {width:620px;height:240px;}
.hdnum {width:320px;height:47px;overflow:hidden;padding-top:2px}
.hdnum li {padding:1px;background-color:#000;width:61px;float:left;margin:0 0 0 1px;overflow:hidden;}
.hdnum li img {width:61px;height:45px;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5}
.hdnum li.on {padding:0;background-color:#f54102;width:63px;}
.hdnum li.on img {border:#f54102 2px solid;filter:alpha(opacity=100);width:59px;height:43px;opacity:1;-moz-opacity:1;-khtml-opacity:1}
.details h2 {font-size:1.5em;color:#125C9D;padding-bottom:20px;font-family:Microsoft sans serif,Arial;}
.details h5 {font-size:1.0em;color:#ffa800;line-height:40px;font-family:Microsoft sans serif,Arial;}
.Details {width:100%;font-size:1.2em;color:#000;font-weight:200;padding:20px 0;}
.details strong {width:100%;font-size:1.2em;color:#125C9D;line-height:40px;}
.details img{width:80%;max-width:600px;height:auto;margin:20px 10%;}
.details div{line-height:30px;}
.news {margin-top:24px;border-bottom:1px dotted #c1bebe;padding-bottom:27px;}
.data {width:13%;float:left;background:url(../images/nzhizhen.png) no-repeat right center;margin-top:4px;}
.data span {display:block;width:88.88%;height:62px;background:#2553b3;font-size:1.2rem;color:#fff;text-align:center;line-height:62px;}
.data p {width:88.88%;background:#1e1e1e;font-size:20px;font-size:2rem;color:#fff;text-align:center;line-height:42px;}
.news-r {width:86%;float:right;}
.news-link {font-size:14px;font-size:1.4rem;text-transform:uppercase;font-weight:bold;display:block;line-height:22px;width:100%;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.news-r p a {display:block;line-height:22px;margin-top:14px;margin-bottom:12px;}
.news-more {color:#2553b3;border-bottom:1px solid #2553b3}
.news-r a:hover {color:#2553b3;}
.inerdata {width:130px;display:block;color:#a5a3a3;line-height:22px;text-transform:uppercase;margin:auto;margin-top:10px;}
.inerdata i {width:16px;line-height:16px;height:16px;background-position:-310px -85px;padding-right:20px;}
.fanpian {border-top:1px dotted #c1bebe;margin:26px 0;}
.fanpian li {margin-top:26px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.fanpian li span {display:block;float:left;margin-left:13px;line-height:31px;}
.fanpian-l {float:left;width:48%;overflow:hidden;}
.fanpian-r {float:right;width:48%;overflow:hidden;}
.fanpian li p {width:64px;height:31px;background:#eb3c00;border-radius:5px;color:#fff;text-align:center;line-height:31px;float:left;}
.fanpian li a {display:block;float:left;margin-left:13px;line-height:31px;font-size:.6em;}
.fanpian li a:hover {color:#2553b3}

.main .sitemap .type {font-size:1.5em;font-weight:500;height:60px;line-height:60px;background:#2553b3;padding:0 0 0 10px;color:#fff;margin:20px 0;}
.main .sitemap .inner {padding:20px;}
.main .sitemap .inner h1,.main .sitemap .inner h3 {float:left;font-size:0.9em;font-weight:100;text-align:left;color:#fff;font-family:Microsoft sans serif,Arial;line-height:1.6em;width:30%;}
.main .sitemap h2 {font-size:1.3em;font-weight:500;height:60px;line-height:60px;padding:0 0 0 40px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;}
.main .sitemap .con li {font-size:0.8em;line-height:1.8em;}