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

.notes{background:#288ADD;height:50px;}
.notes ul{height:auto;margin:auto;}
.notes ul li {width:calc(12.5% - 12px);margin:10px 6px;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 #fff;border-radius:5px;background:#288ADD;color:#fff;}
 .m-main{width:100%;margin:60px auto;}
 @media only screen and (max-width: 768px) {
.notes{height:auto;}
 .notes {margin:0 0 10px 0;}
 .notes ul li {width:calc(50% - 12px);}
 .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,.sidebar .h1-tlt p a,.sidebar .h1-tlt p a:hover{font-size:25px;font-weight:700;color:#fff;}
 
.side-nav{ margin:20px auto; width:100%;}
.side-nav li{width:99%;margin:2px .5%;    line-height: 30px;}
.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;}
.content .tlt-h{max-width:80%;text-align:center;margin:20px auto;padding-bottom:15px;	border-bottom: 1px dotted #CCC;}

.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;font-weight:600;letter-spacing: .2em;}
.ProductsBox .bd {padding:10px;height:auto;}
.prolist{background: #f3f3f3;padding:20px 0;} 
.pro-list {width:100%;overflow:hidden;position:relative;}
.pro-list li {width:24%;margin:10px 0.5%;float:left;transition: ease-in-out .5s;}
.pro-list li img {width:100%;height:auto;border-bottom:1px solid #fff;}
.pro-list li figcaption {margin:5px auto;padding:10px  2.5%;width:95%;height:auto;}
.pro-list li figcaption h3 ,.pro-list li figcaption h4 {height:25px;line-height:25px;overflow:hidden;} 
.pro-list li figcaption h3 a,.pro-list li figcaption h4 a {text-align:center;color:#000;font-size:14px;padding-bottom:5px;border-bottom:1px solid #288ADD;}
.pro-list li figcaption p{height:36px;line-height:18px;overflow:hidden;margin:5px auto;color:#000;font-size:13px;} 
.pro-list li figcaption a.more {float:right;border:1px solid #ed1b23;color:#ed1b23;display:block;font-size:12px;margin:10px auto;width:80px;text-align:center;line-height:20px;}
.pro-list li:hover {background:#288ADD;}
.pro-list li:hover a{color:#fff;}
.pro-list li:hover a.more {border:1px solid #fff;color:#fff;}
.pro-list li:hover h4 a {border-bottom:1px solid #fff;}
.pro-list li:hover figcaption p{color:#fff;} 
.pro-li-inner {width:100%;float:left;height:144px;overflow:hidden;position:relative;}
.pro-li-inner-zz  {width:100%;float:left;height:auto;overflow:hidden;position:relative;}
.img-list li {width:30.3333%;margin:10px 1.5%;float:left;height:297px;}
.pro-li-inner img,.pro-li-inner-zz img{display:block;width:100%;height:auto;}


.article{background: #f3f3f3;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:30px 5%;}
.article .article-inner img{margin:10px auto;max-width:80%;height:auto;}
.article .article-inner h4{font-size:18px;font-weight:700;color:#000;margin:30px 0 30px 5px;}
.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 .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: #288ADD;color:#fff;font-size:26px;font-weight:100;height:50px;line-height:50px;text-align:center;margin:0 0 30px 0;}

.article .art-ad {margin:30px auto;}
.article .art-ad  .art-ad-inner{position: relative;}
.article .art-ad img{width:100%;}

.art-ad-inner .hd { position:absolute; bottom:15px; width:100%; height:14px; z-index:1; }
.art-ad-inner .hd ul { width:90%; margin:0 auto; text-align:center; }
.art-ad-inner .hd ul li { display:inline-block; *display:inline; zoom:1; width:80px; height:10px; margin:0 3px; /*border-radius:50%;*/ background:#fff; line-height:999px; overflow:hidden; cursor:pointer; border-radius: 0px;filter:alpha(opacity=.5);-moz-opacity:.5;	-khtml-opacity:.5;	opacity:.5;} 
.art-ad-inner .hd ul .on { background:#288ADD; }

.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 #014888;margin:0 0 50px 0;padding:0 0 30px 0;} 
.art-con h2{background:#288ADD;color:#000;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:#0099cc;}
.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:#0099cc;}
.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:30% 0;}
.p-banner-inner li img{width:100%;height:auto;}
.p-banner{ margin-top:0px;}

.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: #f3f3f3;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:#39A4DC;text-decoration:none;border:solid 1px #39A4DC;border-radius:10px;}
.NewsBox .hd ul li.on a {background:#39A4DC;color:#fff;font-weight:bold;border:solid 1px #39A4DC;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:#014888}
.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:50px;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;}
.main table{display:none;}
.img-list li {width:97%;margin:10px 1.5%;float:left;height:auto;}
.img-list li img{width:210px;margin:2px calc(50% - 105px);height:auto;}
}
/* 分页 */
.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%;}


加文章时调出标题1、2、3的代码：
h1{font-size: 2.4em;line-height: 1em;font-weight: 900;color: #000; margin: 0 0 50px 0;text-align:left;}
h2{font-size: 1.8em;line-height: 1em;font-weight: 700;color: #000; margin: 0 0 30px 0;text-align:left;}
h3{font-size: 1.33333em;line-height: 1em;font-weight: 500;color: #000; margin: 0 0 30px 0;text-align:left;}