@charset "utf-8";
/* 全局CSS定义 */
html{ margin: 0; padding: 0;}
body { font-family: "Microsoft YaHei UI","微软雅黑" ; background: #fff; font-size:14px; color:#333; 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;}
@font-face { font-family: 'iconfont'; src: url("img/iconfont.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'icomoon'; src: url("img/icomoon.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'icomoon2'; src: url("img/icomoon_2.ttf"); font-weight: normal; font-style: normal; }

/* 链接颜色 */
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover { color: #c00; 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: #000; font-weight:normal;}

.HeaderTop{ height: 25px; line-height: 25px; background: #000; 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; width: 1260px; }
.Header .logo{ float:left;}
.Header .logo img{ height: 65px;}
.Header .sc{ float:right; margin-top: 19px; border: 1px solid #E3E3E3; width: 310px; height: 30px; padding: 1px;}
.Header .sc .input{ width: 200px; 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: #c00; 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: 180px; height:auto; text-align:center; background: #000; padding: 10px 0;opacity: 0.6}
.HeaderNav #nav li ul li{ float:none; height:35px; line-height: 35px;}
.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: #c00;}
.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; border-top: 1px solid #eee;}
.c-banner img{width: 100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{position: absolutedisplay: 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: 15px;height: 15px;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;}
.Home{ margin: 0 auto; width: 1260px; padding: 30px 0;}
.Home .title{ text-align:center;}
.Home h2{ font-size: 28px;}
.Home h2 a{ float:right; font-size: 16px; margin-top: 10px; color: #c00;}
.Home .title p{ margin: 0; padding: 10px 0; line-height: 200%; color: #999; }
.Home .products{}
.Home .products li{ float:left; width: 300px; margin: 20px 20px 0 0;}
.Home .products li img{ width: 100%;}
.Home .products 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;font-weight:normal;}
.Home .products li a{ background: #fff;display:block; }
.Home .products li a:hover{  box-shadow: 0 0 8px #ccc;}
.Home .products .r{ float:right; margin-right: 0;}
.Home .products .more{ clear:both; padding: 45px 0 30px; }
.Home .products .more a{ display:block; width: 150px; height: 46px; line-height: 46px; font-size: 16px; text-align:center; margin: 0 auto; background:#c00; color: #fff; border-radius:3px;}
.Home .products .more a:hover{ background: #000;}

.Home .products1{}

.Home .products1 li{ width: 400px; margin-right: 30px;}
.Home .products1 .clr_20{ clear:both; height: 45px;}

.Home { padding: 35px;}
.Home .Video{ float:left; width: 630px; padding-top: 10px; }
.Home .Video .list{ padding-top: 25px;}
.Home .Video .list li{ height: 150px; padding: 20px 0;}
.Home .Video .list li img{ float:left; margin-right: 25px; width: 230px;}
.Home .Video .list li p{ margin: 0; padding: 0 20px 0 0; line-height: 200%; word-wrap:break-word; color: #999;}
.Home .Video .list li strong{ display:block; font-size: 16px; font-weight:normal;}
.Home .Video .list li p .more{ float: left; }
.Home .Video .list li p .more a{ color: #fff; margin-top: 5px;  width: 100px; height: 32px; line-height: 32px; text-indent: 15px; font-size: 12px; border-radius:2px; background: #c00 url(img/ico_2.png) no-repeat 72px center; background-size: 12px;  display:block;}
.Home .Video .list li p .more a:hover{background:#000 url(img/ico_2.png) no-repeat 72px center;}
.Home .news{ float:right; width: 600px;  padding-top: 10px;}
.Home .news .list{ padding-top: 20px;}
.Home .news .list li{ padding: 20px 0; border-top: 1px solid #EFEFEF; line-height: 200%; color: #999;}
.Home .news .list li strong{ display:block; padding: 0 0 7px 0; font-size: 16px; font-weight:normal;}
.Home .news .list .no{ border-top: none;}


.ContentBanner{ background: #05132E url(img/banner_about.jpg) no-repeat center 0; height: 160px; 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:left; width: 990px;}
.ContentLeft h1{ height: 45px; font-size: 32px;}
.ContentLeft .Links{ border-bottom: 1px solid #eee; height: 36px; background:url(img/ico_3.png) no-repeat 0 4px; padding-left: 16px; color: #333;}
.ContentLeft .Links a{ margin: 0 8px;}
.ContentLeft .about{ line-height: 200%; padding: 35px 0;}
.ContentLeft .about p{ margin: 0; padding: 12px 0;}
.ContentLeft .about img{ max-width: 100%;}

.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_1.gif) 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:#063394; 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 .productslist{ padding-top: 35px;}
.ContentLeft .productslist p{ line-height: 200%;}
.ContentLeft .productslist li{ float:left; width: 280px; margin: 25px 75px 0 0; color: #999; line-height: 150%;}
.ContentLeft .productslist li img{ width: 100%; }
.ContentLeft .productslist li strong{ font-size:16px; font-weight:normal; color: #333;}
.ContentLeft .productslist li a{ display:block; border-bottom: 1px solid #eee;}
.ContentLeft .productslist li a:hover{  box-shadow: 0 0 8px #ccc;}
.ContentLeft .productslist .r{ float:right; margin-right: 0;}
.ContentLeft .productslist .search{ padding: 20px 0;}
.ContentLeft .productslist .search .input{ width: 350px; height: 32px; border: 1px solid #ddd; text-indent: 7px;}
.ContentLeft .productslist .search .but{ width: 65px; height: 36px; border: none; cursor: pointer; background: #ddd;}

.ContentLeft .Productsview{ padding: 35px 0;}
.ContentLeft .Productsview .pic{ text-align:center; padding: 25px 0;}
.ContentLeft .Productsview .pic img{ display:block; margin:auto; width: 480px;}

.ContentLeft .Productsview .title{ border-bottom: 1px solid #eee; height: 50px; padding-left: 5px;}
.ContentLeft .Productsview .title li{ float:left; line-height: 50px; font-size: 16px; margin-right: 25px; }
.ContentLeft .Productsview .title li a{ display:block; padding: 0 45px;}
.ContentLeft .Productsview .title .tag_a0{ display:block; border: 1px solid #eee; border-bottom: none;}
.ContentLeft .Productsview .title .tag1{ background: url(img/tag_1.png) no-repeat 15px center; background-size: 20px;}
.ContentLeft .Productsview .title .tag2{ background:url(img/tag_2.png) no-repeat 15px center; background-size: 22px;}
.ContentLeft .Productsview .title .tag3{ background:url(img/tag_3.png) no-repeat 15px center; background-size: 20px;}
.ContentLeft .Productsview .title .tag4{ background:url(img/tag_4.png) no-repeat 15px center; background-size: 22px;}
.ContentLeft .Productsview .title .tag1 .tag_a0{ background: #F6F6F6 url(img/tag_1.png) no-repeat 15px center; background-size: 20px;}
.ContentLeft .Productsview .title .tag2 .tag_a0{ background: #F6F6F6 url(img/tag_2.png) no-repeat 15px center; background-size: 22px;}
.ContentLeft .Productsview .title .tag3 .tag_a0{ background: #F6F6F6 url(img/tag_3.png) no-repeat 15px center; background-size: 20px;}
.ContentLeft .Productsview .title .tag4 .tag_a0{ background: #F6F6F6 url(img/tag_4.png) no-repeat 15px center; background-size: 22px;}
.ContentLeft .Productsview .box0{ display:block;}
.ContentLeft .Productsview .box1{ display:none;}

.ContentLeft .Productsview .box0{ line-height: 200%; padding: 10px 0; font-size: 16px; word-wrap:break-word;}
.ContentLeft .Productsview .box0 p{ margin: 0; padding: 15px 0;}
.ContentLeft .Productsview .box0 img{ max-width:100%;}
.ContentLeft .Productsview .box0 h3{ font-size: 22px; font-weight:bold; margin-top: 25px;}
.ContentLeft .Productsview .box0 table{border-collapse:collapse; clear:both; margin-top: 35px; width:100%;}
.ContentLeft .Productsview .box0 table td{ border: 1px solid #ddd; line-height: 180%; font-size: 14px; padding: 3px 10px; text-align:left; background:#F6F6F6; word-wrap:break-word;}
.ContentLeft .Productsview .box0 table td p{ margin: 0; padding: 0;}
.ContentLeft .Productsview .box0 table td img{ max-width: 50%; display:block; margin: auto;}
.ContentLeft .Productsview .box0 .table1{ margin-top: 0;}
.ContentLeft .Productsview .box0 .tr td{ color: #fff; font-weight:bold; background: #065DAC; border: 1px solid #065DAC;}
.ContentLeft .Productsview .box0 ol{ margin-top: 10px;}
.ContentLeft .Productsview .box0 ol li{list-style:disc; list line-height: 180%; margin-left: 15px; padding: 0;}
.ContentLeft .Productsview .text .tr2 td{ background: #ddd; font-weight:bold; text-align:center;}
.ContentLeft .Productsview .down{ margin-top: 10px;}
.ContentLeft .Productsview .down ul li{ border-bottom: 1px solid #eee; background:url(img/ico_p.png) no-repeat 0 center; padding-left: 25px; line-height: 45px;}
.ContentLeft .Productsview .box0 .bg{ background: #F6F6F6; padding: 20px; margin-top: 15px;}
.ContentLeft .Productsview .next{ line-height: 38px; padding-top: 15px; border-top: 1px solid #eee; }






.ContentRight{ float:right; width: 240px;}
.ContentRight .menu {}
.ContentRight .menu h3{ height: 40px; line-height: 40px; text-indent: 22px; font-size: 14px; background:#063394; 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{ color:#09f;}



.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; width: 130px; color: #999; padding-top: 20px;}
.Foot ul .wx img{ text-align:center; display:block;}
.Foot ul .t{ font-size: 16px;  color: #fff; height: 45px; text-transform:uppercase; list-style:none; width:100%; float: none;}
.FootBottom{ clear:both; padding: 30px 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: 35px;}

.Home{ width: auto; padding: 10px;}
.Home h2{ font-size: 28px; text-align:center;}
.Home .title p{ margin: 0; padding: 10px 0; line-height: 200%; color: #999; }
.Home .products{}
.Home .products li{ width: 50%; 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 .Video{ float: none; width: auto;}
.Home .Video .list{ padding-top: 35px;}
.Home .Video .list li{ height: auto; padding: 0; }
.Home .Video .list li img{ float: none; margin-right: 0; width:100%;}
.Home .Video .list li p{ padding: 0;}
.Home .Video .list li strong{ text-align:center; font-weight:normal; font-size: 16px;}
.Home .news{ float: none; width: auto; }
.Home .news .list li{ padding: 10px 0; border-top: 1px solid #ddd;}
.Home .news .list li strong{ font-weight:normal;}
.ContentBanner{ height: 60px; line-height: 60px; background: #05132E;}
.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 .videolist{ padding: 25px 0;}
.ContentLeft .videolist li{ float: none; width: 100%;  margin: 25px 0 0 0;}
.ContentLeft .videolist .r{ float: none;}
.ContentLeft .videoview{ padding:25px 0;}
.ContentLeft .videoview .text{ padding: 10px 0 30px;}
.ContentLeft .videoview .text video{ width: 100%;}

.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 .haocailist{ padding-top: 25px;}
.ContentLeft .haocailist li{ padding: 10px 0; height:auto;}
.ContentLeft .haocailist li img{ float: none; width: 100%;}
.ContentLeft .haocailist li span{ line-height: 200%; float: none; width: auto;}
.ContentLeft .haocailist li span strong{ display:block; padding-bottom: 0;}
.ContentLeft .haocailist li span p{ margin: 0; padding: 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: 100%; padding-top: 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%;}


.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;}
}