/* CSS Document *//*公用部分*/

.notes{background:#99ccff;height:50px;}
.notes ul li {width:21%;margin:10px 1.5%;float:left;text-align:center;}
.notes ul li a {display:block;padding:0 15px;background:#fff;border-radius:5px;border:solid 1px #333;}
.notes ul li a:hover {text-decoration:none;border:solid 1px #003366;border-radius:5px;background:#003366;color:#fff;}
 .m-main{width:100%;margin:60px auto;}
 @media only screen and (max-width: 768px) {
 .notes {margin:0 0 10px 0;}
 .notes ul li {width:24.8%;margin:5px  .1%;}
 .notes ul li a {padding:0 5px;}
 }
/*文章*/

.sidebar{ float:left; width:20%;   background:#fff; position:relative; padding-bottom:30px;}
.sidebar .side_img{ position:absolute; top:0; left:-70px; width:70px; height:146px;} 
.sidebar .h1-tlt{height:45px;line-height:45px;width:100%;background:#003366;text-align:center;}
.sidebar .h1-tlt p{font-size:2em;font-weight:700;color:#fff;}
 
.side-nav{ margin-top:20px; width:100%;}
 .side-nav li{width:99%;margin:10px .5%;    line-height: 52px;}
.side-nav li a {cursor: pointer;  background: #eeeeee url(../images/parrow.png) no-repeat 98% center;  margin-top: 8px;margin-bottom: 0px;padding-left:15px;}
 
.side-nav li a:hover,.side-nav li a.on{background: #6699cc url(../images/parrowon.png) no-repeat 98% center;color:#fff; }

.side-contact{padding:20px 0;}
.side-contact p{line-height:28px;padding:0 0 0 20px;color:#000;font-size:1em;font-weight:300;}
.side-contact .hotline{margin:0px 0 20px 20px;background: url(../images/ndh.png) no-repeat;height:46px;line-height:40px;}
.side-contact .hotline .bigfont{font: 24px "Impact";font-weight:600;color:#c00; padding:0 0 0 60px;}
.side-contact .hotline .htlt{line-height:20px;padding:0 0 0 60px;}

.side-commend{}
.side-commend .commend{width:100%;margin:20px auto;}
.side-commend .commend:nth-child(n+2){display:none;}
.side-commend .commend img{width:90%;margin:0 0 0 5%;border: solid 1px #fff;}
.side-commend .commend h4{line-height:25px;font-size:1em;font-weight:300;text-align:center;width:90%;margin:0 0 0 5%;background:#f3f3f3;border-left: solid 1px #f2f2f2;border-right: solid 1px #f2f2f2;transition: ease-in-out .5s;}
.side-commend .commend h4 a{color:#000;}
.side-commend .commend:hover h4{background:#003366;}
.side-commend .commend:hover h4 a{color:#fff;}
.side-commend .more a{bottom:20px;float:right;margin-right:20px;color:#00b4ff;font-size:.8em;font-weight:600;}


.content {width:78%;margin:0 auto 90px;float:right;position: relative;}
.center{text-align:center;margin:20px auto;}

.curmb {width:98%;height:26px;line-height:26px;  font-size:14px;font-family:"微软雅黑";margin: 20px auto;padding:0 0 5px 0;border-bottom: solid 1px #ababab;}
.curmb  i{color:#333;font-weight:600;}
.curmb span {color:#ed1c24;font-weight:bold;}
 
/* 产品中心 */
.ProductsBox {float:right;width:100%;height:auto;overflow:hidden;padding:10px;}
.ProductsBox h2 {font-size:20px;font-weight:500;margin:10px;}
.ProductsBox h2 a{color:#000;}
.ProductsBox .bd {padding:10px;height:auto;}
.prolist{background: #f3f3f3;padding:20px 0;} 
.pro-list,.img-list{width:100%;overflow:hidden;position:relative;}
.pro-list li{width:24%;margin:10px 0.5%;float:left;}
.img-list li {width:30.3333%;margin:10px 1.5%;float:left;height: 279px;}
.pro-li-inner {width:100%;float:left;height:144px;overflow:hidden;position:relative;}
.pro-li-inner-zz  {width:100%;float:left;height:194px;overflow:hidden;position:relative;}
.pro-li-inner img,.pro-li-inner-zz img{display:block;width:100%;height:auto;}
.products  .pro-inner li:nth-child(n+1):hover figcaption {bottom:0;}
.pro-li-inner figcaption {display:block;padding:10px  20px;position:absolute;left:0;bottom:-300px;transition:320ms ease-in-out;box-sizing:border-box;width:100%;height:167px;background:url(../images/pic_bg.png) repeat left top;}
.pro-li-inner figcaption h3 a {font-weight:normal;line-height:normal;color:#fff;font-size:1.5em;padding-bottom:20px;border-bottom:1px solid #fff;}
.pro-li-inner figcaption a.more {color:#fff;font-size:1.0em;}
.pro-li-inner figcaption p {color:#fff;font-size:12px;height:48px;line-height:16px;overflow:hidden;}
.pro-li-inner figcaption a.more {float:right;border:1px solid #fff;color:#fff;display:block;font-size:14px;margin-top:20px;width:120px;text-align:center;}
.pro-list  .pro-list-h3,.img-list .pro-list-h3{line-height:80px;background:#fff;text-align:center;}

.article{background: #fff;padding:20px 0;} 
.article .article-inner .about-pic{width:35.2%;margin:15px 1.5%;float:left;}
.article .article-inner .about-pic img{width:100%;}

.article .article-pro{margin:20px auto;}
.article .article-pro .pro-pic {width:45.2%;margin:15px 1.5%;float:left;position:relative;border:1px solid #dcdddd;padding:4px;overflow:hidden;}
.article .article-pro .pro-pic .bigImg {height:auto;position:relative;}
.article .article-pro .pro-pic .bigImg li img {vertical-align:middle;width:100%;height:auto;}
.article .article-pro .pro-pic .bigImg h4 {font-size:14px;font-weight:bold;line-height:33px;height:33px;padding-right:30px;overflow:hidden;text-align:left;}
.article .article-pro .pro-pic .smallScroll {height:47px;margin:6px auto;}
.article .article-pro .pro-pic .sPrev,.article .article-pro .pro-pic .sNext {display:block;width:14px;height:47px;text-indent:-9999px;background:url(../images/sprites1008.png) no-repeat 0 -3046px;}
.article .article-pro .pro-pic .sPrev{float:left;} 
.article .article-pro .pro-pic .sNext {float:right;} 
.article .article-pro .pro-pic .sNext {background-position:0 -2698px;}
.article .article-pro .pro-pic .sPrev:hover {background-position:0 -3133px;}
.article .article-pro .pro-pic .sNext:hover {background-position:0 -2785px;}
.article .article-pro .pro-pic .smallImg {float:left;margin:0 6px;display:inline;width:80%;overflow:hidden;}
.article .article-pro .pro-pic .smallImg ul {height:54px;width:9999px;overflow:hidden;}
.article .article-pro .pro-pic .smallImg li {float:left;padding:0 4px 0 0;width:62px;cursor:pointer;display:inline;}
.article .article-pro .pro-pic .smallImg img {border:1px solid #dcdddd;width:60px;height:45px;}
.article .article-pro .pro-pic .smallImg .on img {border-color:#1e50a2;}
.article .article-pro .pro-pic .pageState {position:absolute;top:235px;right:5px;font-family:"Times New Roman",serif;letter-spacing:1px;}
.article .article-pro .pro-pic .pageState span {color:#f00;font-size:16px;}

.article .article-inner h1{text-align:center;font-size:30px;margin:20px auto;color:#333;}
.article .article-inner {max-width:90%;margin:10px 5%;}
.article .article-inner .about-con{width:59.8%;margin:15px 1%;float:left;line-height:25px;}
.article .article-inner .about-con .contact {margin:15px auto;text-align:right;}
.article .article-inner .about-con .contact p{line-height:20px;font-weight:600;}
.article .article-inner .art-h1,.news .art-h1{height:40px;    padding:0 0 10px 40px; color:#616161; line-height:40px; font-size:20px; border-bottom:solid 1px #ddd;font-weight:bold; background:url(../images/logo_i.png) no-repeat 0 5px; margin-bottom:30px;}
.article .article-inner .con,.news-list .con{width:90%;margin:20px 5%;}
.article .article-inner .con img{max-width:90%;margin:10px 5%;text-align:center;}
.article .article-inner .con  p{padding:10px 0 10px 0;line-height:25px;}
.article .article-inner .con:nth-child  p{padding:40px 0 10px 0;}
.article-inner-img img{margin:10px auto;}
.article .article-pro .pro-pic{width:45.2%;margin:15px 1.5%;float:left;}
.pro-pic {position:relative;border:1px solid #dcdddd;padding:4px;overflow:hidden;width:300px;}
.pro-pic .bigImg {height:258px;position:relative;}
.pro-pic .bigImg li img {vertical-align:middle;width:300px;height:225px;}
.pro-pic .bigImg h4 {font-size:14px;font-weight:bold;line-height:33px;height:33px;padding-right:30px;overflow:hidden;text-align:left;}
.pro-pic .smallScroll {height:47px;margin-bottom:6px;}
.pro-pic .sPrev,.pro-pic .sNext {float:left;display:block;width:14px;height:47px;text-indent:-9999px;background:url(images/images/sprites1008.png) no-repeat 0 -3046px;}
.pro-pic .sNext {background-position:0 -2698px;}
.pro-pic .sPrev:hover {background-position:0 -3133px;}
.pro-pic .sNext:hover {background-position:0 -2785px;}
.pro-pic .smallImg {float:left;margin:0 6px;display:inline;width:260px;overflow:hidden;}
.pro-pic .smallImg ul {height:54px;width:9999px;overflow:hidden;}
.pro-pic .smallImg li {float:left;padding:0 4px 0 0;width:62px;cursor:pointer;display:inline;}
.pro-pic .smallImg img {border:1px solid #dcdddd;width:60px;height:45px;}
.pro-pic .smallImg .on img {border-color:#1e50a2;}
.pro-pic .pageState {position:absolute;top:235px;right:5px;font-family:"Times New Roman",serif;letter-spacing:1px;}
.pro-pic .pageState span {color:#f00;font-size:16px;}
.article .article-pro .pro-con{width:49.8%;margin:15px 1%;float:left;line-height:25px;}
.article .article-pro .pro-con h1{background: #003366;color:#fff;font-size:26px;font-weight:100;height:50px;line-height:50px;text-align:center;margin:0 0 30px 0;}

 

.h-tlt {text-align:center;position:relative;}
.h-tlt .h-tlt-box {display:inline-block;_zoom:1;width:200px;background:#fff;border:solid 1px #333;height:74px;position:absolute;z-index:1;padding:0 10px;/*兼容IE6/7*/ *display:inline;zoom:1;}
.h-tlt .h-tlt-inner {display:inline-block;_zoom:1;_display:inline;text-align:center;background:#fff;padding:10px 25px;position:relative;z-index:3;left:14px;top:2px;}
.h-tlt .h-tlt-inner h2 {font-size:30px;font-weight:400;letter-spacing:0.2em;margin:0;}
.h-tlt .h-tlt-inner .tlt-en {font-weight:100;font-size:16px;text-transform:Uppercase;margin:0px;color:#333;line-height:20px;}
.h-tlt p.line {position:absolute;bottom:30px;width:100%;border-top:1px solid #333;z-index:2;}
.tlt-ad {text-align:center;margin:10px auto;color:#000;text-indent:2em;}
 
 
.art-con{border: 1px solid #1c2d3f;margin:0 0 50px 0;padding:0 0 30px 0;} 
.art-con h2{background:#003366;color:#fff;font-size:24px;height:50px;line-height:50px;text-align:left;padding-left:20px;}
.art-con .sec-tlt{text-align:center;margin:20px auto;}
.art-con .sec-tlt p{font-size:18px;font-weight:200;color:#003366;}
.art-con .sec-tlt .sec-h4{font-size:30px;font-weight:600;color:#333;margin:0 0 10px 0;}
.art-con  .sec-pic{width:35.2%;margin:10px 1%;float:left;padding:5px .5%;}
.art-con  .sec-pic img{width:100%;}
.art-con  .sec-con{width:52.8%;margin:10px 4%;float:left;padding:5px .5%;}
.art-con  .sec-con p{line-height:50px;font-size:16px;margin:20px auto;color:#333;}
.art-con  .sec-con p b{font-size:45px;font-weight:700;color:#00b4ff;}
.art-con  .inner p{line-height:25px;font-size:16px;margin:10px 1%  10px 4.5%;color:#333;}
.art-con  .inner img{width:96%;height:auto;margin:20px 2%;}
@media screen and (max-width:768px) {
.m-main{margin:10px auto 30px;}
.p-banner{width: 100%;height:auto;}
.p-banner-inner{width:100%;    margin: 85px auto 0px auto;}
.p-banner-inner li img{width:100%;height:auto;}
.p-banner{ margin-top:85px;}

.sidebar{ display:none;}
.content {width:98%;margin:0 1%;float:none;}
 
.article {width:96%;min-width:280px;margin:0 2%;padding-top:10px;right:0px;}
.article h1 {font-size:1.2em;line-height:1.6em;}

.article .article-inner .about-pic{width:80%;margin:15px 10%;float:none;}
.article .article-inner .about-con{width:96%;margin:15px 2%;float:none;line-height:20px;font-size:12px;}
.article .article-inner .about-con .contact p{font-size:12px;font-weight:600;}

.article .art-author {margin:5px 0;}
.article-inner  .ct {line-height:1.8em;}
.m-wrap {width:100%;min-width:280px;}
.p-pro-list li{ width:48%;height:auto;margin:10px 1%;}
.curmb ,.related-products,.side_img,.related-news,.h1-tlt-solid,.side-contact,.side-commend,.n-li,.p-li,.p-banner-inner .hd{display:none;}


.pro-list li {width:90%;margin:10px  5%;float:none;}

.article .article-pro .pro-pic {width:96%;margin:15px 2%;float:none;position:relative;border:1px solid #dcdddd;padding:4px;overflow:hidden; }
.article .article-pro .pro-con{width:96%;margin:15px 2%;float:none;line-height:25px;}

}
/*产品列表*/ 
 

/*联系*/
.map {width:100%;height:450px;}
 
/*新闻列表*/
.news{background: #fff;padding:20px 0;} 

.NewsBox {float:right;width:100%;height:auto;overflow:hidden;padding:10px;}
.NewsBox .hd {width:40%;min-width:438px;padding:0 15px;font-size:14px;margin:auto;height:52px;line-height:52px;}
.NewsBox .hd ul {overflow:hidden;zoom:1;}
.NewsBox .hd ul li {width:23.333333%;margin:0 5%;float:left;text-align:center;}
.NewsBox .hd ul li a {display:block;padding:0 15px;background:#fff;border-radius:10px;border:solid 1px #333;}
.NewsBox .hd ul li a:hover {background:#003366;text-decoration:none;border:solid 1px #003366;border-radius:10px;}
.NewsBox .hd ul li.on a {background:#003366;color:#fff;font-weight:bold;border:solid 1px #003366;border-radius:10px;}
.NewsBox .bd {padding:10px;height:auto;margin:30px auto;}
 
.news-inner {margin:20px 0;height:auto;}
.news-inner h1{font-size:30px;color:#333;text-align:center;}
.news-inner .pic-news .data{width:63px;border-right: solid 1px  #39A4DC;text-align:center;float:left;}
.news-inner .pic-news  .data .day{font-size:50px;font-weight:700;padding:5px 0 0 0;line-height:45px;}
.news-inner .pic-news  .data .yy-mm{font-size:14px;font-weight:200;line-height:20px;}
.news-inner .pic-news  .con{width:96%;float:left;margin:5px 2%;}
.news-inner .pic-news  .con .tlt{font-size:16px;font-weight:500;line-height:20px;height:20px;overflow:hidden;}
.news-inner .pic-news  .con p{font-size:12px;line-height:16px;height:32px;overflow:hidden;}
.news-inner .pic-news {width:31.3333%;height:auto;float:left;margin:20px 1%;position:relative;}
.news-inner .pic-news img {width:100%;height:auto;}
.news-inner .pic-news .figcaption {display:block;padding:5px 10px;position:absolute;left:0;bottom:0px;box-sizing:border-box;width:100%;height:80px;background:url(../images/pic_bg.png) repeat left top;}

.news-inner .pic-news  a {color:#fff;}
.newslist a {color:#1c2d3f}
.newslist h4{height:30px;line-height:30px;overflow:hidden;}
.news-inner .newslist  a:hover {color:#000;}
.news-inner .newslist {width:100%;margin:0 0 0 30px;}
.news-inner .newslist li {width:100%;height:auto;float:left;overflow:hidden;margin:0 0 10px 0;padding:8px 2px;border-bottom:solid 1px #ddd;}
.news-inner .newslist .data{width:63px;border-right: solid 1px  #39A4DC;text-align:center;float:left;}
.news-inner .newslist  .data .day{font-size:40px;font-weight:700;padding:5px 0 0 0;line-height:45px;}
.news-inner .newslist  .data .yy-mm{font-size:14px;font-weight:200;line-height:20px;}
.news-inner .newslist li img {width:auto;height:80%;float:left;padding:5px 0;}
.news-inner .newslist li .figcaption {float:left;max-width:70%;margin:0 0 0 20px;}
.news-inner .newslist li .figcaption p {line-height:15px;color:#171717;font-size:.8em;} 

@media screen and (max-width:768px) {
.NewsBox {float:none;width:100%;padding:10px 0;}
.NewsBox .hd,.ProductsBox .hd{width:96%;min-width:288px;padding:0 2%;font-size:12px;margin:auto;height:30px;line-height:30px;}
.NewsBox .hd ul li {width:31.333333%;margin:0 1%;}
.ProductsBox .hd ul li  {width:24%;margin:0 .5%;}
.ProductsBox .hd ul li a {padding:0 2px;}
.NewsBox .bd {padding:10px;height:auto;margin:10px auto;}
.news-inner .pic-news {width:98%;margin:20px 1%;}
.news-inner .newslist {width:100%;margin:0;}

}
/* 分页 */
.page {padding:60px 10px 10px;height:20px;line-height:20px;text-align:center;}
.page span {color:#717171;}
.page p {float:right;}
.page p a {float:left;display:inline;margin:0 5px;color:#717171;}
.page p a:hover {color:#327FCD;}
.page p .active {color:#327FCD;}

.related-products,.related-news{margin:30px 0;padding:30px 0;border-bottom:dotted 1px #ddd;}
.related-news .pic-news    {margin-top: 50px;}



.related-products .c-pro-list li { float:left; width: 31%; margin-right: 2%; margin-bottom: 2%;}
.related-products .c-pro-list li img{ width: 100%;}

.art-ad{ margin-bottom:15px;}