@charset "utf-8";
body { font-family: "Microsoft YaHei UI",Arial, Helvetica, sans-serif; padding: 0; font-size:14px; color:#222; background:#fff; 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: #004e96; text-decoration: none;}
a:active { color: #222;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.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 #E62129; color: #fff; background: #D4141A; font-weight:normal;}
.w1200{ width: 1260px; margin: 0 auto;}
.Header{ padding: 20px 0;}
.Header .logo{ float:left; padding-top: 10px;}
.Header .logo img{ width: 220px; float:left;}
.Header .r{ float:right;}
.Header .r .sc{ float:right; background: #fff; border: 1px solid #ddd; font-size: 14px; height: 24px; padding: 5px 0; text-indent: 7px; width: 210px; padding: 2px 13px; border-radius:24px;}
.Header .r .sc .input{ outline:none; color: #ccc; width: 180px; float:left; border: none; height: 24px;}
.Header .r .sc .but{ background:url(img/ico_sc.jpg) no-repeat center; height: 24px; width: 24px; border: none; cursor: pointer; float:right;}
.Header .r ul{ clear:both; padding-top: 20px;} 
.Header .r ul li{ float:right; margin-left: 60px;}
.c-banner{width: 100%;position: relative; border-top: 2px solid #004e96;}
.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; display:block;}
.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; }
.Home{ padding-bottom: 50px; }
.title{ border-bottom: 1px solid #ddd; padding-top: 40px;}
.title h2,.title h1{ font-size: 32px; text-align:center;}
.title span{ border-bottom: 2px solid #004e96; display:block; width: 150px; height: 3px; line-height:0; margin: 0 auto; margin-top: 35px;}
.Home ul{ margin-top: 15px;}
.Home ul li{ float:left; width: 290px; margin: 35px 33px 0 0; line-height: 160%; color: #999;}
.Home ul li img{ display:block; width: 100%; border: 1px solid #ddd; padding: 4px;}
.Home ul .r{ float:right; margin-right: 0;}
.Home ul li strong{ font-size:17px; display:block; font-weight:normal; margin: 15px 0 5px;}
.Home ul li span{ display:block; height: 1px; border-bottom: 2px solid #004e96; line-height: 0; width: 80px; margin-bottom: 10px;}
.Banner{ border-top: 2px solid #004e96;}
.Banner img{ width: 100%; }
.links{ background: #fafafa; height: 42px; line-height: 42px;}
.AboutUs{ padding: 35px 0;}
.AboutUs .Menu{ }
.AboutUs .Menu li{ float:left; margin-right: 50px; width: 180px; height: 45px; line-height: 45px; text-align:center; }
.AboutUs .Menu li a{ display:block; background: #eee; border-radius: 5px;}
.AboutUs .Menu li a:hover{ background: #dfa020; color: #fff;}
.AboutUs .Menu .tag a{ background: #dfa020; color: #fff;}
.AboutUs .Menu .tag a:hover{background: #dfa020;}
.AboutUs .text{ line-height: 200%; padding: 35px 0;}
.AboutUs .text img{ display:block; margin: 0 auto; width: 100%;}
.AboutUs .text p{ margin: 0; padding: 10px 0;}
.AboutUs .quality li{ float:left; width: 600px; line-height: 180%; margin-top: 35px;}
.AboutUs .quality .r{ float:right;}
.AboutUs .quality li img{ margin-bottom:15px; border: 1px solid #ddd; padding: 4px; display:block;}
.Content{ padding-bottom: 50px; }
.Products{}
.Products ul li{ margin-bottom: 0; text-align:center;}
.ProductsView{ padding: 35px 0; line-height: 200%;}
.ProductsView img,.StandardView .text img{ width: 100%; display:block;}
.ProductsView p,.StandardView .text p{ margin: 0; padding: 10px 0;}
.Standard ul{ margin-top: 10px;}
.Standard li{ border-bottom: 1px dashed #ddd; padding: 25px 0; text-align:right; font-size: 20px; color: #ccc;}
.Standard li a{ float:left; border-left: 3px solid #004e96; padding-left: 20px; font-size: 16px; color: #004e96;}
.Standard li a:hover{ color:#FC0;}
.Standard li em{ float:right; font-style:normal;}
.StandardView{ padding: 35px 0;}
.StandardView .time{ text-align:center; color: #999;}
.StandardView .text{ padding: 35px 0;}
.contctus{ padding-top: 35px;}
.contctus .pic{ float:left; width: 550px;}
.contctus .rs{ float:right; width: 650px;}
.contctus .rs h2{ font-size: 20px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.contctus .rs p{ margin: 0; padding: 25px 0 0; line-height: 200%;}
.contctus .yan{ background: #EEF3F4; margin-top: 35px;  padding: 0;}
.contctus .yan .from{ padding: 35px 0;}
.contctus .yan .from li{ float:left; width:45%; padding: 10px 0;}
.contctus .yan .from .r{ float:right;}
.contctus .yan .from .tex{ width: 100%;}
.contctus .yan .from .input{ background: #fff; border: 1px solid #ccc; border-radius:5px; width: 98%; height: 35px; padding-left: 10px;}
.contctus .yan .from textarea{ width: 100%;border: 1px solid #ccc; border-radius:5px; height: 120px;}
.contctus .yan .from .bottom{clear:both;}
.contctus .yan .from .but{ background: #004e96; height: 42px; line-height: 42px; color: #fff; width: 120px; cursor: pointer; border: none; border-radius:5px; }
.Foot{ background: #004e96; padding:45px 0; color: #fff;}
.Foot .me{ float:left; width: 60%; border-right: 1px solid #3F649A; }
.Foot .me ul li{ float:left; margin-right: 30px;}
.Foot .me ul li a{ color: #fff;}
.Foot .me ul li a:hover{ color:#FC0;}
.Foot .me .logo{ clear:both; padding-top: 40px;}
.Foot .me .logo img{ width: 150px; float:left;}
.Foot .us{ float:right; width: 35%; line-height: 160%;}
.Foot .us p{ margin: 0; padding: 10px 0 0;}
.Foot .us h4{ font-weight:bold;}


@font-face {font-family: 'iconfont'; src: url('img/iconfont.woff2?t=1761897568705') format('woff2'), url('img/iconfont.woff?t=1761897568705') format('woff'), url('img/iconfont.ttf?t=1761897568705') format('truetype');}
.iconfont { font-family: "iconfont" !important;  font-size: 16px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.Foot .me .shareList{ margin: 5px 0 0 100px; float:left;}
.Foot .me .shareList a { width: 30px; height: 30px; border-radius: 50%; display: inline-block; position: relative; z-index: 10; text-align: center; line-height: 30px; font-family: icomoon; color: #004e96; background: #fff; font-family: iconfont;}
.Foot .me .shareList a:hover { background: #0CC; color: #fff; }
.Foot .me .shareList ul li{ padding-right: 20px; margin-right: 0;}

/* 手机屏幕定义 */
@media (max-width: 767px) {
body {  background:#fff;}
.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;}
.c-banner .jumpBtn ul li{width: 11px;height: 11px;}
.pages{ clear:both; padding: 20px 0;}
.pages a,.pages a:visited,.pages strong{padding: 5px 10px; }
.w1200{ width: auto;}
.Header{ padding: 15px;}
.Header .logo img{ width: 120px;}
.Header .r{ display:none;}
.meum2{ position: absolute; top: 48px; right: 10px; width: 180px; z-index: 999; display:block;}
.meum2 h5{ float:left; width:35px;}
.meum2 h5 img{ width: 20px;}
.meum2 ul{background: rgba(0,0,0,0.85); float:left; width: 180px; padding: 10px 0 10px 20px;}
.meum2 ul li{ line-height: 35px;}
.meum2 ul li a{ color: #fff; font-size: 15px;}
.mobile{ float:right; margin-top: 5px;}
.mobile .oxx{ background:url(img/i-menu.png) no-repeat 0 0; display:block; width: 32px; background-size: 32px; padding-top: 22px; font-size: 12px; text-align:center;}

.Home{ padding-bottom: 20px; }
.title h2,.title h1{ font-size: 24px; text-align:center;}
.Home ul{ margin-top: 15px;}
.Home ul li{ float: none; width: auto; margin: 35px 10px 0; word-break: break-all; white-space: normal;}
.Home ul li img{ padding: 0; border: none;}
.Home ul .r{ float: none; }
.Home ul li span{ display:block; height: 1px; border-bottom: 2px solid #004e96; line-height: 0; width: 80px; margin-bottom: 10px;}
.links{ padding: 0 10px;}
.AboutUs{ padding: 25px 10px;}
.AboutUs .Menu li{ margin: 0 10px 10px 0; width: 150px; }
.AboutUs .text{ line-height: 200%; padding: 35px 0;}
.AboutUs .quality li{ float:  none; width: auto; line-height: 180%; margin-top: 35px;}
.AboutUs .quality .r{ float: none;}
.AboutUs .quality li img{ margin-bottom:15px; border: none; padding: 0;}
.ProductsView{ padding: 35px 10px;}
.Standard { padding: 10px;}
.Standard ul{ margin-top: 0;}
.Standard li a{ padding-left: 15px; }
.Standard li{ text-align:left;}
.Standard li a{ float: none; display:block;}
.Standard li em{ float:none; padding-left: 20px; }
.StandardView .text{ padding: 35px 10px;}
.contctus{ padding: 10px;}
.contctus .pic{ float: none; width: auto;}
.contctus .pic img{ display:block; width: 100%;}
.contctus .rs{ float:none; width: auto;}
.contctus .yan{ margin-top: 25px; padding: 10px;}
.contctus .yan .from{ padding: 35px 0;}
.contctus .yan .from li{ float: none; width: auto; padding: 10px 0;}
.contctus .yan .from .r{ float: none;}
.contctus .yan .from .but{ width: 100%; }
.Foot{ padding:25px 0;}
.Foot .me{ float: none; width: auto; padding: 10px;}
.Foot .me ul li{ display:none;}
.Foot .me .logo{ clear:both; padding-top: 0;}
.Foot .me .logo img{; margin:auto; display:block;}
.Foot .us{ float: none; width: auto; text-align:center;}
.Foot .me .logo img{ float: none;}
.Foot .me .shareList{ margin: 0; float: none; text-align:center; height: 35px; padding: 20px 0 10px;}
.Foot .me .shareList ul{ width: 250px; margin: 0 auto; padding-left: 10px;}
.Foot .me .shareList ul li{ display:block;}
}
@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;}
}