@charset "utf-8";
body { font-family: "Microsoft YaHei UI"; padding: 0; font-size:14px; color:#222; background:#030303; margin: 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:14px; font-weight: normal;}
table,td,tr,th{font-size:14px;}
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #BB0005; text-decoration: none;}
a:active { color: #222;}
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_13{ height: 13px; clear:both; line-height: 0; font-size: 0;}
.clr_50{ height: 70px; clear:both; line-height: 0; font-size: 0;}
.cRed{color: #f00; }
.c06c,.c06c:link,.c06c:visited{ color: #B62D3F;}
.c06c:hover{ color: #f30;}
.pages{ height: 35px; line-height: 35px; clear:both; padding: 35px 0; text-align:center;}
.pages a,.pages a:visited,.pages strong{ margin: 0 5px; padding: 7px 12px; text-align:center; width: 30px; border: 1px solid #ccc; background: #fff;}
.pages a:hover,.pages strong{ border: 1px solid #222; color: #fff; background: #222; font-weight:normal;}
.w1200{ width: 1200px; margin: 0 auto;}
.Header{ margin-top: 10px;}
.Header .logo{ float:left; padding-bottom: 10px;}
.Header .logo img{ width: 350px; margin-top: 10px;}
.Header .r{ float:right;}
.Header .r img{ width: 200px; margin-top: 15px;}
.Header .menu{ height: 65px; line-height: 65px; font-size: 16px; clear:both; background:url(img/nav_bg.png) repeat-x 0 0; height: 65px; }
.Header .menu ul{background:url(img/nav_line.jpg) no-repeat 0 0; height: 65px;}
.Header .menu li{ float:left; width: 200px; text-align: center; background:url(img/nav_line.jpg) no-repeat right 0;}
.Header .menu li a{ color: #fff;}
.Header .menu li a:hover{ color: #BB0005;}
.c-banner{ position:relative;}
.c-banner img{ width: 1200px;}
.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: 1200px;position: absolute;top: 0px; display:block;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .jumpBtn{width: 1200px;position: absolute;bottom: 10px;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: #333;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px; }
.Home{}
.Home .hm1{ background:url(img/profiles-bg.jpg) no-repeat 0 center; height: 500px; padding: 60px;}
.Home .hm1 h2{ font-size: 32px; padding-bottom: 10px;}
.Home .hm1 .about{ line-height: 200%; width: 600px;}
.Home .hm1 .about p{ margin: 0; padding: 10px 0;}
.Home .more{ border: 1px solid #333; height: 38px; line-height: 38px; text-align:center; width: 110px; display:block; margin-top: 15px;}
.Home .hm2{ background:url(img/product1-bg.jpg) no-repeat 0 center; height: 480px; padding: 70px 150px 0;}
.Home .hm2 .text{ float:left; margin-top: 100px;}
.Home .hm2 .text h2{font-size: 32px; padding-bottom: 10px;}
.Home .hm2 .text h3{ margin-bottom: 100px; line-height: 200%;}
.Home .hm2 .pic{ float:right;}
.Home .hm3{ background:url(img/product2-bg.jpg) no-repeat 0 center; height: 500px; padding: 70px 100px 0;}
.Home .hm3 .text{ float:right; width: 500px;}
.Home .hm3 .pic{ float:left; margin-top: 100px;}
.Home .hm3 .pic img{ width: 380px;}
.Home .hm4{}
.Home .hm4 .text{ float:left; width: 300px; margin-top: 150px;}
.Home .hm4 .text h2{ font-size: 36px; color: #fff; padding-bottom:100px;}
.Home .hm4 .text .more{ border: 1px solid #fff; color: #fff;}
.Home .hm4 ul{ float:right; width: 802px;}
.Home .hm4 ul li{ float:left; position:relative;padding-top: 14px;overflow: hidden;}
.Home .hm4 ul .r{ float:right;}
.Home .hm4 ul li a{ display:block; overflow:hidden; height: 274px;transform: translateZ(0);}
.Home .hm4 ul li img{display:block;width: 394px;height: 276px;position: relative;transition: all 0.8s ease;}
.Home .hm4 ul li:hover img{transform: scale(1.08);}
.Home .hm4 ul li strong{ font-weight:normal; position:absolute;bottom:10px; text-align:center; display:block; width: 100%;}
.Home .hm5 .pic{ float:left; width: 750px;}
.Home .hm5 .pic img{ width: 100%;}
.Home .hm5 .text{ float:right; width: 420px; color: #fff; padding-top: 40px; }
.Home .hm5 .text h3{ font-size: 36px;}
.Home .hm5 .text p{ margin: 0; padding: 15px 0; line-height: 200%;}
.Home .hm5 .text p strong{ display:block; font-size: 18px;}
.Content{ background: #fff; padding: 0 20px 20px; width: 1160px;}
.Content .title{ text-align:center; font-size: 36px; padding: 40px 0 20px; font-weight:bold;}
.Content .links{ border-bottom: 1px solid #000; height: 35px; text-align:right;}
.Content .aboutus{ line-height: 200%;  padding: 35px 0;}
.Content .aboutus p{ margin: 0; padding: 10px 0;}
.Content .menu{ float:left; background: #f5f5f5; width: 270px; margin-top: 25px; padding-bottom: 10px;}
.Content .menu .t{ height: 45px; line-height: 45px; background: #5D5D5D url(img/menu_bg.png) repeat-x 0 bottom; margin: 15px 0 7px;  font-weight:bold; font-size: 16px;}
.Content .menu .t1{ margin-top: 0;}
.Content .menu li{ line-height: 40px; text-indent: 15px;}
.Content .menu .t a{ color: #fff;}
.Content .menu .t a:hover{ color: #BB0005;}
.Content .menu .tag a,.Content .menu .tag a:visited{ color: #BB0005;}
.Content .productslist{ float:right; width: 860px;}
.Content .productslist li{ float:left; width: 270px; margin: 25px 25px 0 0;}
.Content .productslist li a{ border: 1px solid #ccc; display:block; overflow:hidden;}
.Content .productslist li a:hover{ border: 1px solid #000;}
.Content .productslist li img{ width: 100%; display:block;transition: all 0.8s ease;}
.Content .productslist li:hover img{transform: scale(1.08);}
.Content .productslist .r{ float:right; margin-right: 0;}
.Content .productslist li strong{ display:block; font-weight:normal; border-top: 1px solid #ddd; text-align:center; height: 50px; line-height: 50px; margin: 0 10px;}
.box0{ display:block;}
.box1{ display:none;}
.Content .productsview{ padding: 25px 0; float:right; width: 860px;}
.Content .productsview .pic{ padding-bottom: 20px;}
.Content .productsview .pic img{ display:block; margin: 0 auto;}
.Content .productsview .pic h1{ font-size: 18px; text-align:center; font-weight:bold; padding: 20px 0;}
.Content .productsview .tag{ border-bottom: 1px solid #000; height: 35px;}
.Content .productsview .tag li{ float:left; width: 150px; text-align:center; height: 35px; line-height: 35px; margin-right: 10px; background:#5D5D5D url(img/menu_bg.png) repeat-x 0 bottom;}
.Content .productsview .tag li a{ color: #fff;}
.Content .productsview .tag_a0{ display:block; color: #fff; background: #000; }
.Content .productsview .text{ padding: 25px 0;}
.Content .productsview .text p{ margin: 0; padding: 10px 0;}
.Content .productsview .text img{ display:block; margin: 0 auto; max-width: 100%;}
.Content .productsview .down{ padding-top: 25px; text-align:right;}
.Content .productsview .down .more{ background:url(img/ico_1.gif) no-repeat 0 center; padding-left: 25px; color: #BB0005}
.Content .productsview .down strong{ float:left; background:url(img/ico_2.gif) no-repeat 0 center; padding-left: 15px;}
.Foot{ padding: 25px 0; color: #666;}
.Foot .icp{ border-top: 1px solid #333; text-align:center; padding-top: 25px;}
.Foot a{ color: #666;}

/* 手机屏幕定义 */
@media (max-width: 767px) {
.hxs { display: none !important;}
.w1200{ width: auto;}
.c-banner{width: 100%;position: relative; clear:both;}
.c-banner img{ width: auto;}
.c-banner .banner ul li img{width: 100%; }
.c-banner .jumpBtn{width: 100%;bottom: 10px;}
.pages{ clear:both; padding: 20px 0;}
.pages a,.pages a:visited,.pages strong{padding: 5px 10px; }
.Header{ padding: 0 10px;}
.Header .logo{ float:left; padding-bottom: 10px;}
.Header .logo img{ width: 200px; margin-top: 10px;}
.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: 40px;}
.meum2 ul li a{ color: #fff; font-size: 16px;}
.mobile{ float:right; margin-top: 5px;}
.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; color: #fff;}
.Home{ clear:both; background: #fff;}
.Home .hm1{ height: auto; padding: 15px;}
.Home .hm1 h2{ font-size: 24px;  padding-bottom: 0; }
.Home .hm1 .about{ width: auto;}
.Home .hm2{ padding: 15px; height:auto;}
.Home .hm2 .text{ float: none; margin-top: 0;}
.Home .hm2 .text h2{font-size: 24px; padding-bottom: 10px;}
.Home .hm2 .text h3{ margin-bottom: 0;}
.Home .hm2 .pic{ float:none;}
.Home .hm2 .pic img{ width:140px; display:block; margin: 0 auto;}
.Home .hm3{ height: auto;padding: 15px;}
.Home .hm3 .text{ float:none; width: auto;}
.Home .hm3 .pic{ float:auto; margin-top: 0;}
.Home .hm3 .pic img{ width: 250px;}
.Home .hm4{ padding: 15px 10px;}
.Home .hm4 .text{ float: none; width: auto; margin: auto 5px;}
.Home .hm4 .text h2{ font-size: 24px; color: #333; padding-bottom:0;}
.Home .hm4 .text .more{ border: 1px solid #333; color: #333;}
.Home .hm4 ul{ float:none; width: auto;}
.Home .hm4 ul li{  position: inherit; padding-top: 14px; width: 50%; float:left;}
.Home .hm4 ul li a{ border: 1px solid #333; display:block; margin: 0 5px;}
.Home .hm4 ul li img{width: 100%; height: auto; position: inherit;}
.Home .hm4 ul li strong{ position: inherit;bottom:0; line-height: 200%; padding-bottom: 15px;}
.Home .hm5 .pic{ float: none; width: 100%;}
.Home .hm5 .text{ float:none; width: auto;padding: 20px 10px; color: #333; }
.Home .hm5 .text h3{ font-size: 24px;}
.Home .hm5 .text p{ padding: 10px 0; }
.Home .hm5 .text p strong{ font-size: 16px;}
.Content{ padding: 10px 0; width: auto; clear:both;}
.Content .title{ font-size: 28px; padding: 15px 0; margin: 0 10px;}
.Content .links{  margin: 0 10px;}
.Content .aboutus{  padding: 15px 0;}
.Content .menu{ float: none; width: auto; margin: 25px 10px 0; }
.Content .menu .t{ height: 40px; line-height: 40px; font-size: 16px;}
.Content .menu li{ line-height: 30px;}
.Content .productslist{ float:none; width: auto; padding: 0 5px;}
.Content .productslist li{width: 50%; margin: 25px 0 0 0;}
.Content .productslist li a{ margin: 0 5px; }
.Content .productslist li img{ width: 100%; height: auto; }
.Content .productslist li strong{ overflow:hidden;}
.Content .productsview{ padding: 25px 10px; float: none; width: auto;}
.Content .productsview .tag li{ width: 110px;}
.Content .aboutus{ padding: 35px 10px;}

.Foot{ padding: 15px 0;}
.Foot .icp{ border-top: none; padding-top: 0;}

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