@charset "utf-8";
/* 全局CSS定义
body { font-family:"Microsoft JhengHei", "Verdana", "Arial", "sans-serif","SimHei"; padding: 0; font-size:14px; color:#555; background:fff; margin: 0 auto;}
@font-face{ font-family: FZLTCXH; src: url(img/FZLTCXH.TTF);}
*/
html{ margin: 0; padding: 0;}
body { font-family: "微软雅黑","Microsoft YaHei",'\5FAE\8F6F\96C5\9ED1',"MicrosoftJhengHei","华文细黑",STHeiti,MingLiu,'\9ED1\4F53',sans-serif; background: #fff; font-size:14px; color:#222; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:16px; font-weight: normal;}
table,td,tr,th{font-size:14px;}


/* 链接颜色 */
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover { color: #0C66A9; text-decoration: none;}
a:active { color: #333;}




/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.c09f,.c09f:link,.c09f:visited{ color: #09f;}
.c09f:hover{ color: #F60;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.clr_25{ clear: both; height: 28px; line-height: 0; font-size: 0;}

.pages{ height: 42px; line-height: 42px; clear:both; padding: 50px 0;text-align:center;}
.pages a,.pages a:visited,.pages strong{ margin: 0  5px; text-align:center; padding: 8px 14px;background: #ddd; }
.pages a:hover,.pages strong{ color: #fff; background: #09f; font-weight:normal;}

.HeaderTop{ height: 25px; line-height: 25px; background: #0C66A9; color: #ccc; font-size: 12px;}
.HeaderTop .bg{ width: 1260px; margin: 0 auto; text-align:right;}
.HeaderTop .bg a{ float:right; color: #fff; margin: 0 10px;}
.HeaderTop .bg .tag{ background: #fff; padding: 0 10px; color: #333;}
.HeaderTop .bg .no{ margin-right: 0;}

.Header{ margin: 0 auto;  padding: 20px 35px 18px; width: 1260px; }
.Header .logo{ float:left;}
.Header .logo img{ height: 65px;}
.Header .tel{ background:url(img/ico_tel.png) no-repeat 0 center; padding-left: 42px; color: #ccc; font-size: 15px; line-height: 180%; margin: 2px 100px 0 0; float:right; background-size: 33px;}
.Header .tel strong{ font-size: 22px; font-family:"Impact";  display:block; color:#0C66A9; letter-spacing:1px;}



.Header .sc{ float:right; margin-top: 16px; border: 1px solid #E3E3E3; width: 280px; height: 30px; padding: 1px;}
.Header .sc .input{ width: 170px; height: 28px; line-height: 28px; border: none; float:left; text-indent: 10px; font-size: 14px; color: #666; outline: none}
.Header .sc .but{ border: none; color: #fff; background: #0C66A9; width: 75px;  height: 30px; float:right; cursor: pointer;}

.Header .nav{ float:left; margin: 25px 0 0 100px;}
.Header .nav li{ float:left; margin-right: 35px; font-size: 20px;}
.HeaderNav{ border-top: 1px solid #eee; height: 60px;}
.HeaderNav .nav{ width: 1260px; margin: 0 auto;}
.HeaderNav .nav li{ float:left;}

.HeaderNav #nav li{ position: relative; height: 60px; line-height: 60px; width: 180px; text-align:center;}
.HeaderNav #nav li h2{ text-transform:uppercase; font-size: 16px;}
.HeaderNav #nav li h2 a{ }
.HeaderNav #nav li h2 a:hover{}
.HeaderNav #nav li ul{ position: absolute; top: -999em;  width: 140px; margin-left: 20px; height:auto; text-align:center; background: #0C66A9; padding: 10px 0;  box-shadow: 5px 5px 5px #333;}
.HeaderNav #nav li ul li{ float:none; height:35px; line-height: 35px; width:auto;}
.HeaderNav #nav li:hover ul,#nav li.sfHover ul { top: 60px; z-index:999; }
.HeaderNav #nav li:hover ul a,#nav li.sfHover ul h2 a { color: #fff; }
.HeaderNav #nav li ul a:hover { color: #EAAF25;}

.meum2{ position: absolute; top: 67px; right: 0; width: 190px; z-index: 999; display:block;}
.meum2 h5{ float:left; width:35px;}
.meum2 h5 img{ width: 24px;}
.meum2 ul{background: rgba(0,0,0,0.85); float:left; width: 125px; padding: 10px 0 10px 30px;}
.meum2 ul li{ line-height: 45px;}
.meum2 ul li a{ color: #fff; font-size: 16px;}
.mobile{ float:right; margin-top: 15px;}
.mobile .oxx{ background:url(img/i-menu.png) no-repeat 0 0; display:block; width: 28px; background-size: 28px; padding-top: 22px; font-size: 12px; text-align:center;}

.c-banner{width: 100%;position: relative;}
.c-banner img{ width: auto;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{display: none;opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 13px;height: 13px;border-radius: 50%;display: inline-block;background-color: #fff;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px; }



.HomeProducts{ background: #F5F5F5; padding-bottom: 20px;}
.Home{ margin: 0 auto; width: 1260px; padding: 30px 0;}
.Home .title{ text-align:center;}
.Home h2{ font-size: 30px; font-weight:bold;}
.Home h2 a{ float:right; font-size: 16px; margin-top: 10px; color: #999;}
.Home .title p{ margin: 0; padding: 10px 0; line-height: 200%; color: #999; }
.Home .products{}
.Home .products li{ float:left; width: 400px; margin: 20px 30px 0 0;  background: #fff;}
.Home .products li img{ width: 100%; margin-top: 5px;}
.Home .products li strong{ display: block; height: 37px; line-height: 37px; width: 75px; color: #fff; font-weight:normal; margin-left: 25px; text-align:center; background:#0C66A9;}


.Home .products .r{ float:right; margin-right: 0;}
.Home .products .more{ clear:both; padding: 45px 0 30px; }
.Home .products .more a{ display:block; width: 120px; height: 40px; line-height: 40px; font-size: 14px; text-align:center; margin: 0 auto; background:#0C66A9; color: #fff; border-radius:3px;}
.Home .products .more a:hover{ background: #EAAF25;}
.Home { padding: 35px;}
.Home .About{ float:left; width: 730px; padding-top: 10px; }
.Home .About h2{ padding-right: 25px;}
.Home .About p{ line-height: 200%; margin: 0; padding: 40px 0 0;}
.Home .About p img{ float:left; margin: 5px 20px 0 0;}




.Home .news{ float:right; width: 480px;  padding-top: 10px;}
.Home .news .list{ padding-top: 35px;}
.Home .news .list li{ line-height: 250%; color: #999; background:url(img/ico_5.jpg) no-repeat 0 center; padding-left: 20px; text-align:right;}
.Home .news .list li a{ float:left;}





.ContentBanner{ background: #05132E url(img/banner_about.jpg) no-repeat center 0; height: 170px; line-height: 160px;}
.ContentBanner span{ width: 1260px; margin:auto; display:block; color: #fff; font-size: 32px;}
.Content{ width: 1260px; margin: 0 auto; padding: 35px 0;}
.ContentLeft{ float:right; width: 990px;}
.ContentLeft h1{ font-weight:bold; height: 45px; font-size: 28px;}
.ContentLeft .Links{ border-bottom: 1px solid #eee; height: 36px; background:url(img/ico_3.png) no-repeat 0 4px; padding-left: 16px; color: #ccc;}
.ContentLeft .Links a{ margin: 0 8px;}
.ContentLeft .about{ line-height: 220%; padding: 35px 0; font-size: 15px;}
.ContentLeft .about p{ margin: 0; padding: 12px 0;}
.ContentLeft .newslist{ padding-top: 35px;}
.ContentLeft .newslist ul{ margin-top: 20px;}
.ContentLeft .newslist li{ height: 40px; line-height: 40px; text-align:right; color: #999; border-bottom: 1px dotted #ddd; background:url(img/ico_5.jpg) no-repeat 0 center; padding-left: 16px;}
.ContentLeft .newslist li a{ float:left;}
.ContentLeft .news{  padding-top: 35px;}
.ContentLeft .news .time{ color: #999; height: 35px; line-height: 35px;}
.ContentLeft .news .text{ line-height: 200%; padding: 10px 0 70px;}
.ContentLeft .news .text p{ margin: 0; padding: 12px 0;}
.ContentLeft .news .next,.ContentLeft .videoview .next{ border-top: 1px solid #eee; line-height: 38px; padding-top: 15px;}
.ContentLeft .news .next span{ float:right; margin-top: 18px;}
.ContentLeft .news .next span a{ display:block; width: 68px; height: 34px; line-height: 34px; text-align:center;  background:#0C66A9; color: #fff; }
.ContentLeft .news .next span a:hover{ background: #EAAF25;}

.ContentLeft .videolist{ padding: 35px 0;}
.ContentLeft .videolist ul{}
.ContentLeft .videolist li{ float:left; width: 310px; text-align:center; margin: 25px 30px 0 0;}
.ContentLeft .videolist li img{ width: 100%; display:block; margin-bottom: 10px;}
.ContentLeft .videolist .r{ float:right; margin-right: 0;}
.ContentLeft .videoview{ padding: 35px 0;}
.ContentLeft .videoview .text{ine-height: 200%; padding: 10px 0 70px;}
.ContentLeft .videoview .text p{ padding: 12px 0;}
.ContentLeft .videoview .text video{ display:block; margin-top: 15px; max-width: 990px;}
.ContentLeft .rongyu { padding: 35px 0;}
.ContentLeft .rongyu li{ float:left; width: 310px; margin: 15px 30px 0 0;}
.ContentLeft .rongyu img{ width: 100%;}
.ContentLeft .rongyu .r{ float:right; margin-right: 0;}

.ContentLeft .gc{ padding: 20px 0;}
.ContentLeft .gc li{ float:left; width: 480px; margin: 15px 0 0;}
.ContentLeft .gc li img{ width: 100%; display:block; margin-bottom: 7px;}
.ContentLeft .gc .r{ float:right;}

.ContentLeft .dowlist{ padding: 35px 0;}
.ContentLeft .dowlist li{ background:url(img/ico_4.png) no-repeat 0 center; padding-left: 25px; height: 45px; line-height: 45px; border-bottom: 1px solid #eee; }


.ContentLeft .productslist{ padding-top: 35px;}
.ContentLeft .productslist p{ line-height: 200%;}
.ContentLeft .productslist li{ float:left; width: 230px; margin: 20px 20px 0 0; border: 1px solid #eee;}
.ContentLeft .productslist li img{ width: 100%;}
.ContentLeft .productslist li strong{ display: block; height: 50px; line-height: 35px; text-align:center; background:url(img/ico_1.png) no-repeat right bottom; background-size: 12px;}
.ContentLeft .productslist li a{ background: #fff;display:block; }
.ContentLeft .productslist li a:hover{  box-shadow: 0 0 8px #ccc;}
.ContentLeft .productslist .r{ float:right; margin-right: 0;}
.ContentLeft .productslist .search{ clear:both; padding: 40px 0;}
.ContentLeft .productslist .search .input{ width: 250px; height: 35px; line-height: 35px; border: 1px solid #ccc; border-right: none; float:left; text-indent: 10px; font-size: 16px; color: #999; outline: none}
.ContentLeft .productslist .search .but{ border: none; color: #fff; background:#0C66A9; height: 39px; width: 65px;float:left; font-size: 16px; cursor: pointer;}

.ContentLeft .haocailist{ padding-top: 35px;}
.ContentLeft .haocailist li{ padding: 10px 0; height: 230px; border-bottom: 1px solid #ddd;}
.ContentLeft .haocailist li img{ float:left; width: 230px;}
.ContentLeft .haocailist li span{ line-height: 200%; float:right; width: 740px; padding-top: 20px;}
.ContentLeft .haocailist li span strong{ display:block;}

.ContentLeft .productsview{ padding: 35px 0;}
.ContentLeft .productsview h1{}
.ContentLeft .productsview .pic{ float:left; width: 300px; padding: 30px 0;}
.ContentLeft .productsview .pic img{ width: 100%; }
.ContentLeft .productsview .miaoshu{ float:right; width: 620px; height: 260px; margin-top: 30px; padding: 20px; line-height: 250%; background: #eee;}
.ContentLeft .productsview .miaoshu .pdf{ padding-top: 20px; }
.ContentLeft .productsview .miaoshu .pdf a{ background:url(img/ico_p.png) no-repeat 0 center; padding-left: 20px; color: #09f; font-size: 12px;}

.ContentLeft .productsview .title{ border-bottom: 1px solid #0C66A9; padding: 20px 0; clear:both; }
.ContentLeft .productsview .title h1,.ContentLeft .productsview .title h3{ border-left: 5px solid #0C66A9; padding-left: 10px; font-size: 26px; font-weight:bold; color: #0C66A9;line-height: 100%; height:auto;}
.ContentLeft .productsview .title h1{ font-size: 28px;}
.ContentLeft .productsview .text{ clear:both; padding: 30px 0; line-height: 220%; font-size: 17px;}
.ContentLeft .productsview .text p{ }
.ContentLeft .productsview .text h4{ font-size: 20px; color: #0C66A9; font-weight:bold; padding-top: 20px; background:url(img/ico_4.png) no-repeat 0 35px; padding-left: 15px;}

.ContentLeft .productsview .text img{ display:block;max-width: 100%;}
.ContentLeft .productsview .text p{ margin: 0; padding: 10px 0;}
.ContentLeft .productsview .text .right{ float:right;}
.ContentLeft .productsview .text .right img{ width: 200px;}
.ContentLeft .productsview .text .title{ margin-top: 20px;}



.ContentLeft .productsview .next{ line-height: 38px; padding-top: 15px; border-top: 1px solid #0C66A9; }
.ContentLeft .productsview .text video{ max-width: 640px;}

.ContentLeft .productsview .text1{ padding-top: 0;}
.ContentLeft .productsview .title1{ margin-bottom: 25px;}



.ContentRight{ float:left; width: 240px;}
.ContentRight .menu {}
.ContentRight .menu h3{ height: 40px; line-height: 40px; text-indent: 22px; font-size: 14px; background:#0C66A9; color: #fff; font-size: 18px;}
.ContentRight .menu ul{ margin-top: 20px;}
.ContentRight .menu li{ height: 40px; line-height: 40px; background:url(img/ico_6.gif) no-repeat 2px center; padding-left: 22px; border-bottom: 1px solid #eee;}
.ContentRight .menu .tag a,.ContentRight .menu .tag a:visited,.ContentRight .menu .t .tag,.ContentRight .menu .t .tag:visited{ color:#09f;}
.ContentRight .menu .t{ background: none; border-bottom: none; height: 35px; line-height: 35px;}



.FootBg{ background: #000; clear:both; }
.Foot{ width: 1260px; margin: 0 auto; padding: 35px 0; color: #666;}
.Foot a,.Foot a:visited,.FootBottom a,.FootBottom a:visited{ color: #666;}
.Foot a:hover,.FootBottom a:hover{color: #09f;}
.Foot ul { float:left; width: 25%;}
.Foot ul li{ line-height: 35px;}
.Foot ul .wx{ font-size: 12px; text-align:center; color: #999; padding-top: 20px;}
.Foot ul .wx img{ text-align:center; display:block; width: 120px;}
.Foot ul .t{ font-size: 16px; font-weight:bold;  color: #fff; height: 45px; text-transform:uppercase; list-style:none; width:100%; float: none;}
.Foot .us{  }

.FootBottom{ clear:both; padding: 20px 0; text-align:center; font-size: 13px; color: #666; background: #000; border-top: 1px solid #222;}

.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.7);z-index:100;display:none;top:0;left:0}
.reveal-modal{visibility:hidden;width:330px;margin:0 auto;top:150px;margin:0 auto;left:50%;margin-left:-150px;position:absolute;z-index:101;padding:30px 40px 34px;text-align:center;color:#fff;font-weight:700}
.reveal-modal .close-reveal-modal{font-size:38px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:700;cursor:pointer}
.reveal-modal img{ width: 330px;}

/* 手机屏幕定义 */
@media (max-width: 767px) {
.hxs { display: none !important;}
.c-banner .jumpBtn{bottom: 10px;}
.c-banner .banner ul li p{ top: 25%; left:10px; }
.c-banner .banner ul li p strong{ font-size: 14px; padding: 0;}


.pages{ clear:both; padding: 20px 0;}
.pages a,.pages a:visited,.pages strong{padding: 5px 10px; }


.mobile{ float:right; margin-top: 0;}

.HeaderTop{ padding-right: 10px;}
.HeaderTop .bg{ width: auto;}
.Header{ padding: 20px 10px 10px; width: auto; }
.Header .logo img{ height: 30px;}
.Header .tel{ display:none;}
.Home{ width: auto; padding: 10px;}
.Home h2{ font-size: 28px;}
.Home .title p{ margin: 0; padding: 10px 0; line-height: 200%; color: #999; }
.Home .products{}
.Home .products li{ width: 100%; margin: 20px 0 0 0;}
.Home .products .more{ clear:both; padding: 20px 0; }
.Home .products .more a{ width: 135px; height:45px; line-height: 45px; font-size: 14px;}


.Home .About{ float: none; width: auto; padding-top: 10px; }
.Home .About h2{ padding-right: 0;}
.Home .About h2 a{ margin-top: 5px;}
.Home .About p{ line-height: 200%; margin: 0; padding: 20px 0 0;}
.Home .About p img{ float: none; width: 100%; margin: 0 0 0 0;}




.Home .news{ float: none; width: auto;  padding-top:20px;}




.Home .news{ float: none; width: auto; }
.Home .news .list li{  border-top: 1px solid #ddd;}




.ContentBanner{ height: 60px; line-height: 60px; background: #0C66A9;}
.ContentBanner span{ width: auto;font-size: 20px; padding-left: 10px;}
.Content{ width: auto; padding: 10px 0;}
.ContentLeft h1{ font-size: 26px;}
.ContentLeft{ float: none; width: auto; padding: 10px 10px 0;}
.ContentLeft .Links{ border-bottom: 1px solid #eee; height: 32px; padding-left: 16px; color: #ccc;}
.ContentLeft .Links a{ margin: 0 3px;}
.ContentLeft .about{  padding: 25px 0;}
.ContentLeft .about img{ width: 100%; display:block;}
.ContentLeft .rongyu { padding: 15px 0;}
.ContentLeft .rongyu p{ margin: 0; padding: 0;}
.ContentLeft .rongyu li{ float: none; width: 100%; margin: 10px 0 0 0;}
.ContentLeft .gc{ padding: 20px 0;}
.ContentLeft .gc li{ float: none; width: 100%;}
.ContentLeft .gc .r{ float:none;}
.ContentLeft .newslist{ padding-top: 25px;}
.ContentLeft .newslist ul{ margin-top: 0;}
.ContentLeft .newslist ul li span{ display:none;}
.ContentLeft .news{  padding-top: 25px;}
.ContentLeft .news .text{ padding: 10px 0 30px;}
.ContentLeft .news .text p{ padding: 10px 0;}
.ContentLeft .news .next { line-height: 30px;}
.ContentLeft .news .next span{ display:none;}
.ContentLeft .productslist{ padding-top: 25px;}
.ContentLeft .productslist li{ float:left; width: 100%; margin: 20px 0 0 0;}




.ContentLeft .productsview{ padding: 10px 0;}
.ContentLeft .productsview .pic{ float: none; width: 100%; padding: 15px 0;}
.ContentLeft .productsview .pic img{ width: 100%;}


.ContentLeft .productsview .miaoshu{ float: none; width: auto; padding: 20px; margin: 0; height:auto;}
.ContentLeft .productsview .miaoshu p{ margin: 0; padding: 0;}



.ContentLeft .productsview .title{padding: 10px 0;  }
.ContentLeft .productsview .title h1,.ContentLeft .productsview .title h3{font-size: 20px;line-height: 120%;}
.ContentLeft .productsview .title h1{ font-size: 24px;}
.ContentLeft .productsview .text video{ width: 100%;}

.ContentLeft .productsview .text .w300,.ContentLeft .productsview .text .w400,.ContentLeft .productsview .text .w600{ width: 100%;}

.ContentRight{ float: none; width: auto; padding: 10px;}
.ContentRight .menu ul{ margin-top: 0;}

.FootBottom{ font-size: 9px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.hsm {display: none !important;}


}
/* PC屏幕定义 */
@media (min-width: 992px) and (max-width: 1199px) {
.hmd {display: none !important;}
}
@media (min-width: 1200px) {
.hlg {display: none !important;}
}