article, aside, footer, header, hgroup, main, nav, figure, section { display: block; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, figure { margin: 0; padding: 0; color: #666; }
body, button, input, select, textarea { font: 14px/1.2 Cambria,Microsoft yahei; background: #fff; outline: none; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new,courier,monospace; }
p, ul, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6 { list-style: none; }
ins, a { color: #666; text-decoration: none; transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; }
a:hover { color: #1475b9; text-decoration: none; }
fieldset, img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; outline: 0; }
*html { zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this)); }
.clear { clear: both; font-size: 0px; height: 0px; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.fl { float: left !important; }
.fr { float: right !important; }
.wrapper { width: 1200px; margin: 0 auto; position: relative; }
.text-indent2 { text-indent: 2em; }
.dashLine { width: 100%; height: 1px; border-top: 1px dashed #e4e7e9; }
.bgPurple { background-color: #f3f3ff; padding: 36px 0 60px; margin: 0 0 -15px 0; }
.bgblue { background-color: #0a6ccf !important; }
.bgwhite { background-color: #fff; }
.bgdarkBlue { background: #0d1429; }
.fontWhite { color: #fff !important; }
.fontblack { color: #333 !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt36 { margin-top: 36px !important; }
.mb30 { margin-bottom: 30px !important; }
.mr30 { margin-right: 30px !important; }
.ml50 { margin-left: 50px !important; }
.mtb50 { margin: 50px 0 !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.mr70 { margin-right: 70px !important; }
.ml80 { margin-left: 80px !important; }
.mr70 { margin-right: 70px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mtl0 { margin-top: 10px !important; }
.mrl0 { margin-right: 10px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt40 { margin-top: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml40 { margin-left: 40px !important; }
.mr40 { margin-right: 40px !important; }
.mr80 { margin-right: 80px !important; }
.mb80 { margin-bottom: 80px !important; }
.mt75 { margin-top: 75px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.ml90 { margin-left: 90px !important; }
.mr90 { margin-right: 90px !important; }
.ml90 { margin-left: 90px !important; }
.mtl00 { margin-top: 100px !important; }
.mtl10 { margin-top: 110px !important; }
.mr115 { margin-right: 115px !important; }
.mtl20 { margin-top: 120px !important; }
.mtl40 { margin-top: 140px !important; }
.ml155 { margin-left: 155px !important; }
.mtb20 { margin: 20px 0 !important; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }
.pl40 { padding-left: 40px; }
.pr40 { padding-right: 40px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb50 { padding-bottom: 50px; }
.pt80 { padding-top: 80px; }
.pt200 { padding-top: 200px !important; }
.ptb50 { padding: 50px 0; }
.ptb60 { padding: 60px 0; }
.pt70 { padding-top: 70px; }
.pb70 { padding-bottom: 70px; }
.pt75 { padding-top: 75px; }
.ptb70 { padding: 70px 0; }
.ptb80 { padding: 80px 0; }
.ptb90 { padding: 90px 0; }
.ptb100 { padding: 100px 0; }

.w90 { width: 90px; }
.w125 { width: 125px; }
.w130 { width: 130px; }
.w155 { width: 155px; }
.w190 { width: 190px !important; }
.w210 { width: 210px !important; }
.w235 { width: 235px !important; }
.w370 { width: 370px !important; }
.w460 { width: 460px !important; }
.w480 { width: 480px !important; }
.w510 { width: 510px !important; }
.w540 { width: 540px !important; }
.w560 { width: 560px !important; }
.w580 { width: 580px !important; }
.w600 { width: 600px !important; }
.w650 { width: 650px !important; }
.w660 { width: 660px !important; }
.w750 { width: 750px !important; }
.w770 { width: 770px !important; }

.header { height: 90px; }
.header .logo { float: left; margin: 30px 60px 0 0; }
.header .img { float: left; vertical-align: middle; display: inline-block; margin-top: 10px; }
.header .menu { float: right; }
.header .menu li { display: block; float: left }
.header .menu li a { font-size: 16px; color: #666; display: block; float: left; line-height: 86px; margin: 0 0 0 50px; box-sizing: border-box; text-align: center; font-family: Tahoma; border-top: 4px solid transparent; text-transform: uppercase; }
.header .menu li a:hover, .header .menu li a.cur { color: #0283dd; border-top: 4px solid #0283dd; }

.page { margin: 80px auto 70px; }
.page-title { font-size: 32px; font-weight: 700; color: #333; font-family: Verdana; text-align: center; text-transform: uppercase; }
.page-content { margin: 60px 0 0 0; line-height: 2; }
.page-left { float: left; width: 480px; margin: 0 50px 0 0; font-size: 18px; font-family: Cambria; color: #666; }
.page-left img { max-width: 100%; }
.page-right { float: left; width: 670px; }
.page-right .about1 { float: left; width: 280px; margin: 0 10px 0 0; }
.page-right .about1 .about11 { margin: 0 0 10px 0; height: 220px; }
.page-right .about1 .about12 { height: 200px; }
.page-right .about2 { height: 430px; float: left; width: 380px; }
.page-right .about2.gray-box { padding: 100px 5px 0; }
.page-right .about3 { float: left; width: 670px; height: 240px; margin: 10px 0 0 0; }
.page-right .blue-box { background: #0283dd; color: #fff; text-align: center; padding: 25px 30px 0; box-sizing: border-box; }
.page-right .blue-box .title { font-family: Verdana; font-weight: 700; font-size: 18px; color: #fff; }
.page-right .blue-box .about-line { height: 1px; background: #fff; width: 50px; margin: 8px auto; }
.page-right .blue-box .text { color: #fff; font-family: Cambria; font-size: 16px; }
.page-right .gray-box { background: #eaedef; text-align: center; padding: 25px 30px 0; box-sizing: border-box; }
.page-right .gray-box .title { font-family: Verdana; font-weight: 700; font-size: 18px; color: #333; }
.page-right .gray-box .about-line { height: 1px; background: #c3c3c3; width: 50px; margin: 8px auto; }
.page-right .gray-box .text { color: #666; font-family: Cambria; font-size: 16px; }

.footer {background: #1c1c1c;font-family: Cambria;padding: 45px 0;/* min-width: 1200px; */width: 100%;}
.footer .footer-left { float: left; }
.footer .footer-left .footer-title { }
.footer .footer-left .footer-title a { font-size: 14px; color: #696969; text-transform: capitalize; }
.footer .footer-left .footer-title .sep { margin: 0 20px; color: #3b3b3b; }
.footer .footer-left .footer-info { line-height: 2; margin: 25px 0 0 0; }
.footer .footer-right { float: right; text-align: right; }
.footer .footer-right .footer-link a { display: inline-block; width: 35px; height: 35px; background: url(../images/contact.png) no-repeat; margin: 0 0 0 10px; }
.footer .footer-right .footer-link a.btn-fei { }
.footer .footer-right .footer-link a.btn-feedback { background-position: -50px 0; }
.footer .footer-right .footer-link a.btn-video { background-position: -102px 0; }
.footer .footer-right .footer-link a.btn-linked { background-position: -155px 0; }
.footer .footer-right .footer-link a.btn-alibaba { background: url(../images/black.png) no-repeat;}
.footer .footer-right .footer-copyright { color: #696969; line-height: 2; margin: 30px 0 0 0; }

.showlist { min-height: 300px; font-size: 14px; line-height: 40px; position: relative; }
.showlist ul { width: 1250px; }
.showlist li { position: relative; display: block; float: left; margin: 0 45px 45px 0; }
.showlist li a { margin: auto; }
.showlist li img { width: 370px; height: 300px; display: block; }
.showlist li span { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; padding: 5px 0; font-size: 18px; color: #333; }
.showlist li:hover span { color: #2865b8 }
.showlist li a.link { display: block; }
.showlist li a.btn-see { font-size: 14px; color: #b3b3b3; border: 1px solid #d2d2d2; font-family: Cambria; padding: 6px 20px; }
.showlist li .title { font-weight: 700; font-family: Cambria; font-size: 16px; color: #333; margin: 15px 0 0 0; }

.showlist li a.link:hover img { box-shadow: 5px 5px 10px #929090; }
.showlist li a.btn-see:hover { color: #fff; background: #0ca6fe; border-color: #0ca6fe; }

.location { font-family: Cambria; margin: 0 0 25px; }
.line { border-bottom: 2px solid #e3e3e3; }

.article { width: 900px; margin: 30px auto 0; overflow: hidden; }
.article .show { margin: 30px 0; font-size: 16px; line-height: 2; }
.article .show .show-title { font-weight: 700; font-size: 24px; color: #333; }
.article .show p { margin: 0 0 20px; }
.article .show img { max-width: 100%; }
.article .show .title { font-family: Verdana; font-weight: 700; font-size: 20px; color: #333; border-bottom: 2px solid #e3e3e3; line-height: 50px; margin: 10px 0 0 0; }
.article .show .info { padding: 30px 0 0; }
.article .show .info .tit { font-family: Verdana; font-weight: 700; color: #333; background: #e3e3e3; display: inline-block; padding: 5px 15px; margin: 0 0 20px 0; }
.article .show .info .text { margin: 0 0 45px 0; }


.article .show .page-box { border-top: 1px solid #e3e3e3; line-height: 28px; padding: 10px 0; }
.article .show .page-box p { margin: 0; }

.contact-title { font-family: Verdana; font-weight: 700; font-size: 16px; color: #333; margin: 0 0 10px; text-transform: uppercase; }
.contact-left { float: left; border-right: 2px solid #e5e4e4; width: 60%; }
.contact-left .contact-info { font-size: 18px; }
.contact-left .contact-info .ico { width: 20px; height: 26px; background: url(../images/ico.png) no-repeat; display: inline-block; margin: 0 10px 0 0; position: relative; top: 7px; }
.contact-left .contact-info .ico-address { }
.contact-left .contact-info .ico-mail { background-position: 0 -46px; }
.contact-left .contact-info .ico-phone { background-position: 0 -89px; }
.contact-left .contact-info .ico-web { background-position: 0 -135px; }
.contact-right { float: left; width: 34%; margin: 0 0 0 5%; }
.contact-right .contact-link { margin: 20px 0 0 0; }
.contact-map { margin: 50px 0 0 0; }

.contact-link a { display: inline-block; width: 35px; height: 35px; background: url(../images/contact.png) no-repeat; margin: 0 10px 0 0; }
.contact-link a.btn-fei { }
.contact-link a.btn-feedback { background-position: -50px 0; }
.contact-link a.btn-video { background-position: -102px 0; }
.contact-link a.btn-linked { background-position: -155px 0; }
.contact-link a.btn-alibaba { background: url(../images/white.png) no-repeat;}
.newslist .item { width: 100%; display: table; border-bottom: 1px solid #eee; padding: 22px 0 18px; height: 220px; }
.newslist .item .thumb { position: absolute; margin-right: 20px; overflow: hidden; }
.newslist .item .thumb img { height: 188px; width: 210px; padding: 9px; border: 1px solid #e5e5e5; }
.newslist .item .info { padding: 30px 0 0 250px; color: #999; line-height: 24px; }
.newslist .item .info .info-title a { font-size: 22px; color: #333; white-space: nowrap; width: 100%; overflow: hidden; display: block; text-overflow: ellipsis; font-weight: 700; }
.newslist .item .info .info-title a:hover { color: #ff0000; }
.newslist .item .info .info-intro { font-size: 16px; color: #999; overflow: hidden; margin: 20px 0 0; line-height: 2; max-height: 130px; }
.newslist .item .info .view-details { font-size: 12px; color: #632123; }
.product-title .product-title-list { border-bottom: 1px solid #333; }
.product-title .product-title-list li { float: left; }
.product-title .product-title-list li a { font-family: Verdana; font-weight: 700; font-size: 18px; color: #333; display: block; padding: 15px; }
.product-title .product-title-list li a.cur { border-top: 4px solid #0283dd; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #fff; margin: 0 0 -1px 0; }

.productlist { min-height: 300px; font-size: 14px; line-height: 40px; position: relative; padding: 40px 0 0 0; }
.productlist ul { width: 1240px; }
.productlist li { position: relative; display: block; float: left; margin: 0 34px 45px 0; text-align: center; }
.productlist li a { display: block; margin: auto }
.productlist li img { width: 270px; height: 270px; display: block; border: 2px solid #e5e5e5; margin: 0 0 20px; }
.productlist li span { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; padding: 5px 0; font-weight: 700; font-size: 16px; color: #333; }
.productlist li:hover img { border-color: #0283dd; box-shadow: 0px 0px 15px rgba(33, 150, 243, 0.5); }
.productlist li:hover span { color: #0ca6fe; }

.grid_4 { float: left; margin: 0 50px 0 0; width: 500px; }
.grid_8 { float: left; width: 650px; }
.pictureDIV img { max-width: none; }
.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: rgba(255,245,0,0.5); -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
.spec-preview { width: 500px; height: 500px; }
.spec-preview .jqzoom img { width: 500px; height: 500px; box-shadow: 1px 1px 15px #ddd; }
.spec-scroll { clear: both; margin-top: 20px; width: 500px; background: #f3f2f2; padding: 20px 0; }
.spec-scroll a { background: url(../images/arrow.png) no-repeat left; }
.spec-scroll .prev, .spec-scroll .next { display: block; text-align: center; width: 15px; height: 26px; line-height: 26px; cursor: pointer; text-decoration: none; margin: 40px 5px 0; }
.spec-scroll .prev { float: left; background-position: 0 0; }
.spec-scroll .next { float: right; background-position: -50px 0; }
.spec-scroll .items { float: left; position: relative; width: 450px; height: 102px; overflow: hidden; }
.spec-scroll .items ul { margin: 0; padding: 0; list-style: none; position: absolute; width: 999999px; height: 102px; }
.spec-scroll .items ul li { float: left; margin: 0 15px 0 0; padding: 0px; text-align: center; }
.spec-scroll .items ul li img { border: 2px solid #eee; width: 98px; height: 98px; }
.spec-scroll .items ul li img:hover { border-color: #2865b8; }
.productItem { float: left; margin: 0 0 20px 10px; padding: 10px; height: 330px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; list-style: none; width: 296px; line-height: 34px; font-size: 14px; }
.productItem li { margin: 0px; padding: 0px; }
.pro-items { padding-bottom: 10px; padding-top: 30px; }
.pro-items dl { clear: both; padding: 0 0 30px 0; font-size: 16px; line-height: 2; }
.pro-items dl dt { display: block; font-weight: 700; color: #333; font-family: Verdana; font-size: 20px; margin: 0 0 15px 0; }
.remark { height: 30px; line-height: 30px; margin-bottom: 10px; }

.pro-attr { margin: 0 0 35px 0; }
.pro-attr .pro-title { font-size: 32px; color: #333; font-weight: 700; font-family: Verdana; }
.heng-line { height: 9px; background: url(../images/line.png) repeat-x; }

.qualifications { min-height: 300px; font-size: 14px; line-height: 30px; position: relative; }
.qualifications ul { width: 1250px; }
.qualifications li { position: relative; display: block; float: left; margin: 0 45px 40px 0; text-align: center; width: 370px; }
.qualifications li a { display: block; margin: auto }
.qualifications li img { width: 368px; height: 357px; display: block; border: 1px solid #e5e5e5; margin: 0 45px 20px 0; }
.qualifications li span { text-align: center; overflow: hidden;font-weight: 700; font-size: 14px; color: #333; height: 60px; display: block;}

.rd-box .title { font-family: Verdana; font-size: 30px; color: #333; margin: 0 0 35px; }
.rd-box1 { font-size: 16px; }
.rd-box1 .rd-box1-left { float: left; width: 700px; line-height: 1.8; }
.rd-box1 .rd-box1-left p { }
.rd-box1 .rd-box1-left .num { background: #0283dd; display: inline-block; border-bottom: 4px solid #0283dd; margin: 0 15px 50px 0; float: left; }
.rd-box1 .rd-box1-left .num b { width: 40px; height: 48px; display: inline-block; text-align: center; color: #fff; border-bottom: 5px solid #fff; text-indent: -9999rem; background: #0283dd url(../images/num.png) no-repeat; }
.rd-box1 .rd-box1-left .num b.num1 { background-position: 7px 10px; }
.rd-box1 .rd-box1-left .num b.num2 { background-position: 8px -97px; }
.rd-box1 .rd-box1-left .num b.num3 { background-position: 8px -204px; }
.rd-box1 .rd-box1-left .num b.num4 { background-position: 7px -310px; }
.rd-box1 .rd-box1-right { float: left; width: 470px; }
.rd-box1 .rd-box1-right img { max-width: 100%; }
.support-box { margin: 100px 0 0 0; }
.support-box .support-item { float: left; width: 290px; height: 500px; margin: 0 13px 0 0; padding: 20px; box-sizing: border-box; cursor: pointer; transition: all 0.5s; }
.support-box .support-item.support1 { background: url(../images/support1.jpg) no-repeat; }
.support-box .support-item.support2 { background: url(../images/support2.jpg) no-repeat; }
.support-box .support-item.support3 { background: url(../images/support3.jpg) no-repeat; }
.support-box .support-item.support4 { background: url(../images/support4.jpg) no-repeat 0 1px; margin: 0; }
.support-box .support-item h3 { font-family: Verdana; font-size: 20px; color: #fff; border: 1px solid #fff; margin: 60px auto 40px; padding: 10px 20px; display: table; }
.support-box .support-item p { color: #fff; font-size: 16px; line-height: 2.5; }
.support-box .support-item:hover { box-shadow: 3px 5px 10px #666; margin-top: -50px; }
.flex-control-paging li a { width: 14px; height: 14px; background: transparent; border: 2px solid #fff; box-shadow: none; }
.flex-control-paging li a.flex-active, .flex-control-paging li a.flex-active:hover { background: #fff; }
.flex-control-paging li a:hover { background: none; transition: none; }
.flex-direction-nav a { width: 42px; height: 42px; background: url(../images/jiantou.png) no-repeat; opacity: 1; text-indent: -9999rem; transition: none; }
.flex-direction-nav .flex-prev { left: 10px; }
.flex-direction-nav .flex-next { right: 10px; text-indent: 9999rem; }
.flexslider:hover .flex-next, .flexslider .flex-next { background-position: -42px 0; text-indent: 9999rem; }

.products { padding: 85px 0; }
.products .products-left { float: left; width: 260px; padding: 50px 20px 0 0; }
.products .products-left .title { font-family: Verdana; font-weight: 700; font-size: 28px; color: #333; margin: 0 0 10px 0; }
.products .products-left .sub-title { font-family: Verdana; font-weight: 700; font-size: 16px; color: #333; margin: 0 0 20px 0; }
.products .products-left .text { font-size: 14px; color: #999; line-height: 1.5; margin: 0 0 50px 0; }
.products .products-left .btn-pro { font-family: Microsoft YaHei; font-size: 16px; color: #fff; background: #0ca6fe; padding: 8px 20px; }

.products .products-right { float: left; width: 910px; }
.product-box { position: relative; float: left; width: 910px; }
.product-box .index-product-flow { width: 910px; margin: 0 6px; }
.product-box .leftBtn, .product-box .rightBtn { position: absolute; width: 18px; height: 25px; background: url(../images/arrow.png) no-repeat; top: 140px; }
.product-box .leftBtn { left: -15px; }
.product-box .rightBtn { background-position: -48px 0px; right: -14px; }
.product-box .item { float: left; width: 270px; margin: 0 19px 0; }
.product-box .item img { width: 270px; height: 270px; display: block; }
.product-box .item .text { font-family: Verdana; font-weight: 700; font-size: 14px; color: #333; text-align: center; display: block; text-transform: uppercase; margin: 25px 0 0 0; }

.product-box .item:hover .text { color: #0ca6fe; }
.product-box .item:hover img { box-shadow: 0px 0px 15px #ddd; }

.about-us-inner { background: #0283dd; padding: 40px 0 45px; }
.about-us-inner .about-p { font-family: Verdana; font-weight: 700; font-size: 24px; color: #fff; text-align: center; text-transform: uppercase; margin: 0 0 45px; }
.about-us-inner .btn-about { font-size: 18px; color: #fff; border: 2px solid #fff; margin: 0 auto; display: table; text-transform: uppercase; padding: 8px 30px; }

.index-title-box { margin: 80px 0 45px; }
.index-title-box .title { font-family: Verdana; font-weight: 700; font-size: 28px; color: #333; text-transform: uppercase; position: relative; }
.index-title-box .title .span { background: #fff; z-index: 9; display: inline-block; position: relative; padding: 0 12px 0 0; }
.index-title-box .title::after { content: " "; height: 9px; background: url(../images/line.png) repeat-x; width: 100%; display: block; position: absolute; top: 17px; }
.index-title-box .more { font-family: Microsoft YaHei; font-size: 14px; color: #b2b2b2; position: absolute; right: 0; top: 7px; text-transform: uppercase; background: #fff; padding: 5px 5px 5px 11px; }

.news-box { position: relative; }
.news-box .news-inner-box { background: url(../images/bg1.jpg) no-repeat; margin: 0 0 80px 0; }
.news-box .index-news-flow { width: 910px; margin: 0 6px; }
.news-box .leftBtn, .news-box .rightBtn { position: absolute; width: 32px; height: 32px; background: url(../images/news-arrow.png) no-repeat; top: 225px; }
.news-box .leftBtn { left: 20px; }
.news-box .rightBtn { background-position: -32px 0px; right: 20px; }
.news-box .item img { width: 290px; height: 260px; display: block; }
.news-box .item .title { font-weight: 700; font-size: 16px; color: #333; margin: 15px 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-box .item .text { font-size: 14px; color: #999; display: block; line-height: 1.6; margin: 0 0 10px; height: 66px; overflow: hidden; }
.news-box .item .more { color: #0ca6fe; }
.news-box .news-flow { padding: 50px 0; margin: 0 60px; }
.index-news-box .item:hover { box-shadow: 0 0 20px #333; }
.index-news-box .item { float: left; width: 290px; padding: 15px; background: #fff; margin: 0 20px; }
.index-banner { min-width: 1200px; }
.nav-show, .menu-mobile { display: none; }

div.flickr { padding: 0px; margin: 25px 0 0 0; text-align: center; font-family: Verdana; text-align: center; }
div.flickr a { border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none; }
div.flickr a:hover { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de; }
div.flickr a:active { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de; }
div.flickr span { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #999; margin-right: 3px; padding-top: 2px; }
div.flickr span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px; }
div.flickr span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px; }

#fancybox-bg-s { display: none }
#fancybox-title { background: #fff; color: #333; line-height: 1.8; }
.fancybox-title-outside { padding-top: 0; padding-bottom: 10px }

@media (min-width:668px) and (max-width:1199px) {
    .wrapper {width:100%;padding: 0 10px;box-sizing: border-box;overflow: hidden;}
    .header .menu li a {margin: 0 0 0 25px;}
    .index-banner { min-width:100%;}
    .products .products-right {width: 724px;}
    .product-box { width:100%;}
    .showlist ul {width:100%;display: table;margin: 0 auto;}
    .showlist li {width: 32%;margin: 0 2% 0 0;}
    .showlist li:last-child { margin:0;}
    .showlist li img { width: 100%; height: 100%; }
    .news-box .news-flow {width: 90%!important;}
    .footer {overflow: hidden;}
    .footer .footer-left .footer-title .sep {margin:0 10px;}
    .page-left {width:50%;margin: 0 auto;float: none;}
    .page-right {margin: 10px auto 0;float: none;}
    .rd-box1 .rd-box1-left {width: 100%;margin: 0!important;}
    .rd-box1 .rd-box1-left .num {margin: 0 15px 30px 0;}
    .rd-box1 .rd-box1-right {float: none;width: 100%;margin: 0 auto 30px;text-align: center;}
    .qualifications ul { width:100%;}
    .qualifications li img { width: 100%; height: 100%; }
    .support-box { margin:0;}
    .support-box .support-item {margin: 0 0.5% 20px;width: 24%;}
    .page-content {margin:0;}
    .productlist ul { width:100%;}
}

@media (min-width:320px) and (max-width:667px) {
    .header .logo { margin: 30px 10px 0; }
    .header .menu { display: none; }
    .index-banner { min-width: 100%; width: 100%; }
    .wrapper { width: 100%; box-sizing: border-box; }
    .nav-show { display: block; position: absolute; right: 15px; top: 30px; }
    .nav-show img { width: 28px; height: 20px; }
    .mask { display: none; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 12; }
    nav { width: 80%; height: 100%; background: #fff; position: fixed; left: 0; top: 0; box-shadow: -15px -2px 20px -10px #cfcdcd inset; z-index: 15; padding: 25px 0 0 0; }
    nav ul li { border-bottom: #ebebeb 1px solid; }
    nav ul div a { display: block; background: #ebebeb; border-bottom: #e0e0e0 1px solid; color: #4c4c4c; line-height: 0.40rem; }
    nav ul div a img { width: 0.07rem; height: 0.12rem; margin: 0.15rem 0.1rem; }
    nav ul li a { font-size: 16px; color: #a8a8a8; line-height: 36px; display: block; text-transform: uppercase; padding: 0 0 0 15px; }
    nav ul li i { width: 8px; height: 8px; border: #9c9c9c 1px solid; border-radius: 50%; background: #FFFFFF; display: inline-block; margin: 0 8px 0 0; }
    nav ul li em { color: #999; margin-left: 1.35rem; font-size: 0.2rem; }
    .flexslider .slides > li a { width: 100%; height: 200px !important; }
    .flex-control-paging li a { width: 8px; height: 8px; }
    .products { padding: 0; }
    .products .products-left { float: none; margin: 0 auto; padding: 30px 0 35px; }
    .products .products-right { float: none; width: 100%; padding: 0 0 30px 0; }
    .product-box { float: none; width: 100%; overflow: hidden; }
    .product-box .leftBtn { left: 10px; }
    .product-box .rightBtn { right: 10px; }
    .about-us-inner .about-p { font-size: 18px; margin: 0 0 30px; line-height: 1.5; }
    .about-us-inner .btn-about { font-size: 16px; padding: 4px 16px; }
    .index-title-box { margin: 20px 10px 20px; }
    .showlist { padding: 0 10px; box-sizing: border-box; width: 100%; }
    .showlist ul { width: 100%; }
    .showlist li { float: none; margin: 0 0 20px 0; }
    .showlist li img { width: 100%; }
    .news-box { width: 100%; overflow: hidden; padding: 0 10px; box-sizing: border-box; }
    .news-box .news-inner-box { margin: 0 0 30px 0; padding: 0 35px; }
    .footer { min-width: 100%; padding: 25px 10px; box-sizing: border-box; }
    .footer .footer-left { float: none; line-height: 2; }
    .footer .footer-left .footer-info { margin: 12px 0 0 0; }
    .footer .footer-right { float: none; text-align: left; margin: 10px 0 0 0; }
    .footer .footer-right .footer-copyright { margin: 10px 0 0 0; }
    .page-content { margin: 20px 0 0 0; }
    .page-left { float: none; width: 100%; padding: 0 10px; box-sizing: border-box; font-size: 16px; }
    .page-right { float: none; width: 100%; padding: 0 10px; box-sizing: border-box; }
    .page-right .about1 { float: none; width: 100%; margin: 0 0 10px; }
    .page-right .about1 .about12 { height: 220px; }
    .page-right .about2.gray-box { padding: 0 0 0 0; float: none; width: 100%; height: 220px; }
    .page-right .about3 { float: none; width: 100%; }
    .article { width: 100%; padding: 0 10px; box-sizing: border-box; }
    .page { margin: 25px auto; }
    .contact-left { width: 100%; float: none; border: 0; padding: 0 10px; box-sizing: border-box; }
    .contact-right { float: none; width: 100%; margin: 30px 0 0 0; padding: 0 10px; box-sizing: border-box; }
    .contact-map { width: 100%; padding: 0 10px; box-sizing: border-box; }
    .contact-map img { max-width: 100%; }
    .location { width: 100%; padding: 0 10px; box-sizing: border-box; }
    .news-box .item { float: left; margin: 0 5px; box-sizing: border-box; padding: 10px 0; height: auto; }
    .newslist { overflow: hidden; }
    .newslist .item .thumb { margin: 0 10px 0 0; }
    .newslist .item .thumb img { height: 94px; width: 105px; padding: 2px; }
    .newslist .item .info { padding: 0 0 0 120px; }
    .newslist .item .info .info-intro { margin: 0; line-height: 1.5; max-height: 75px; }
    .product-title .product-title-list li a { font-size: 14px; padding: 8px; }
    .product-title .product-title-list li a.cur { border: 0; margin: 0; }
    .productlist { padding: 20px 10px; }
    .productlist ul { width: 100%; }
    .productlist li { float: none; margin: 0 auto; }
    .productlist li img { margin: 0 auto; }
    .grid_4 { float: none; width: 100%; padding: 0 10px; box-sizing: border-box; }
    .jqzoom { float: none; }
    .spec-preview { width: 100%; height: 100%; }
    .spec-preview .jqzoom img { width: 100%; height: auto; }
    .grid_8 { float: none; width: 100%; margin: 15px 0; padding: 0 10px; box-sizing: border-box; }
    .spec-scroll { width: 100%; padding: 0 25px; box-sizing: border-box; }
    .spec-scroll .items { width: 100%; }
    .spec-scroll .prev { margin: 40px 5px 0 -20px; }
    .spec-scroll .next { margin: 40px -20px 0; }
    .pro-attr { margin: 0 0 10px; }
    .pro-attr .pro-title { font-size: 20px; }
    .qualifications ul { width: 100%; padding: 0 10px; box-sizing: border-box; }
    .qualifications li { width: 100%; margin: 0; float: none; }
    .qualifications li img { width: 100%; margin: 0; }
    .rd-box { width: 100%; padding: 0 10px; box-sizing: border-box; }
    .rd-box .title { margin: 0 0 10px; font-size: 22px; }
    .rd-box1 .rd-box1-left { float: none; width: 100%; line-height: 1.6; }
    .rd-box1 .rd-box1-left .num { margin: 0 10px 0 0; }
    .rd-box1 .rd-box1-left p { margin: 0 0 12px 0; }
    .rd-box1 .rd-box1-right { float: none; width: 100%; margin: 0 0 15px 0; }
    .support-box { margin: 30px 0 0 0; }
    .support-box .support-item { margin: 0 auto 10px !important; float: none; }
    .news-box .news-flow { width: 100% !important; margin: 0; padding: 25px 0; }
    .news-box .leftBtn { left: 0; }
    .news-box .rightBtn { right: 0; }
    .index-news-box { height: 450px; }
    .news-box .item img { width: 100%; }
}