@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: #06F; 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: #063394; 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: 56px;}
.Header .sc{ float:right; margin-top: 13px; 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: #EAAF25; 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: #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: 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: 34px;}
.Home h2 a{ float:right; font-size: 16px; margin-top: 10px;}
.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;}
.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: 165px; height: 50px; line-height: 50px; font-size: 16px; text-align:center; margin: 0 auto; background:#063394; color: #fff; border-radius:3px;}
.Home .products .more a:hover{ background: #EAAF25;}
.Home { padding: 35px;}
.Home .Video{ float:left; width: 630px; padding-top: 10px; }
.Home .Video h2{ padding-right: 25px;}
.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; }
.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: #063394 url(img/ico_2.png) no-repeat 72px center; background-size: 12px;  display:block;}
.Home .Video .list li p .more a:hover{background:#EAAF25 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;}
.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{ 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_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 .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_p.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:#063394; 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: 450px; padding: 10px 0 35px;}
.ContentLeft .productsview .pic img{ width: 100%; }
.ContentLeft .productsview .miaoshu{ float:right; width: 470px; padding-top: 50px; }
.ContentLeft .productsview .miaoshu table,.ContentLeft .productsview .text .table{ width: 100%; border-collapse:collapse; margin-bottom: 15px;}
.ContentLeft .productsview .miaoshu table td,.ContentLeft .productsview .text .table td{ border: 1px solid #ccc; padding: 5px 7px; background:#F2F2F2;font-size: 16px;}
.ContentLeft .productsview .miaoshu table .tr td,.ContentLeft .productsview .text .table .tr td{ background:#063394; color: #fff; padding: 7px; font-weight:bold; border: 1px solid #063394;font-size: 16px; }
.ContentLeft .productsview .miaoshu .pdf{ padding-top: 20px; text-align:right;}
.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 #063394; padding: 20px 0; clear:both; }
.ContentLeft .productsview .title h1,.ContentLeft .productsview .title h3{ border-left: 5px solid #063394; padding-left: 10px; font-size: 26px; font-weight:bold; color: #063394;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: #063394; font-weight:bold; padding-top: 20px; background:url(img/ico_4.png) no-repeat 0 35px; padding-left: 15px;}

.ContentLeft .productsview .text img{width: 100%; display:block;}
.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 .text .w300{ width: 300px;}
.ContentLeft .productsview .text .w400{ width: 400px;}
.ContentLeft .productsview .text .w600{ width: 600px;}
.ContentLeft .productsview .text .w800{ width: 70%; display:block; margin: auto;}
.ContentLeft .productsview .text .w700{width: 70%; }


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

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



.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,.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; width: 150px; color: #999; padding-top: 20px;}
.Foot ul .wx img{ text-align:center; display:block;}
.Foot ul .t{ font-size: 16px; font-weight:bold;  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 .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 .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%;}

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