body{ overflow-x:hidden;font-family: "arial, helvetica, sans-serif","微软雅黑";}
body,ul,li{ margin: 0px auto;padding: 0px; }
body,li,dd,div,p,a{ font-family: "arial, helvetica, sans-serif";}
ol, ul{margin-bottom:0px!important}
img{max-width: 100%;}

a{color: #000000; font-size:12px; display: unset;  text-decoration:none!important;outline: none!important;}  
a:hover{ color: red; text-decoration: none;}
.clear,.clearfix{ clear: both; margin: 0px auto; padding: 0px;} 



header{height: unset;}
#navindex-nav{display: flow-root;  width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; position: relative; background-color: #fff;transition: all 0.3s;}
#navindex-nav .layui-row{ height: 100%;}
#navindex-nav .logoDiv{display: flow-root;  height: 100%; text-align: center; align-items: center;}
#navindex-nav .logoDiv a{display: flex;width: 100%; height: auto; position: relative;align-items: center;}
#navindex-nav .logoDiv img{ height: 100px; margin: 0px auto;}

#navindex-nav.active{ position: fixed;box-shadow: 0px 0px 20px rgba(0,0,0,0.5);left: 0px;top: 0px; z-index: 10000;padding-top: 5px;padding-bottom: 5px;transition: all 0.3s;}
#navindex-nav.active .logoDiv img{height: 60px;}
#navindex-nav.active #main-navigation.layui-nav{margin-top: 15px;}
#navindex-nav.active #main-navigation li .layui-nav-child{top: 42px;}
.layui-nav .layui-nav-item a.dropdown-toggle-1{ text-transform: uppercase; font-family: "微软雅黑";color: #000; font-weight: 600;font-size:20px; position: relative;padding: 0 45px;}
.layui-nav .layui-nav-item .dropdown-toggle-1:after{display: block;content:"";height: 3px;width: 0px; transition: all 0.3s;}
.layui-nav .layui-nav-item.layui-this .dropdown-toggle-1:after,.layui-nav .layui-nav-item .dropdown-toggle-1:hover:after{display: none}
.layui-nav .layui-nav-item.layui-this a,.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{color: red;}

.layui-nav .layui-this::after, .layui-nav-bar{ background-color: red; display: none;}
.layui-nav .layui-nav-item a{ font-size: 18px;} 
.layui-nav .layui-nav-more{right: 25px;}

#main-navigation.layui-nav{ background-color: unset!important;margin-top: 35px;text-align: center;}
#main-navigation dd a{font-size: 14px; line-height: 35px;}
#main-navigation .layui-nav-item .fg-line{ display: block;width: 1px; height: 20px; position: absolute;right: 0px; top: 12px; background-color: #ddd;}

#main-navigation li{ line-height: 40px;}
#main-navigation li .layui-nav-child{ background-color: rgba(0,0,0,0.25);min-width: 120%;left:-10%}
#main-navigation li .layui-nav-child a{color: #fff;}
#main-navigation li .layui-nav-child a:hover{ background-color:#0456c7;}

#main-navigation .navdl_3{ text-align: center;}
#main-navigation .navdl_3 dd{height: 60px;width: 98%; text-align: left; margin: 0px auto; padding-top: 4px; padding-bottom: 4px;}
#main-navigation .navdl_3 dd a{height: 60px; line-height: 60px;}
#main-navigation .navdl_3 dd img{ float: left; margin-right: 5px; width: 60px; height: 60px; border-radius: 4px;}


.banner-box{display: flow-root; position: relative; top: 0px; z-index: 0;width: 100%!important;}
.banner-box #test10{width: 100%!important; height: 924px!important;}

.mob-image{display: none; max-width: 100%;}
.pc-image{display: block;}

.mtop100{ margin-top: 100px;}
.mtop50{ margin-top: 50px;}
.mbottom50{ margin-bottom: 50px;}
.padding100{padding-top: 100px; padding-bottom: 100px;}
.padding50{padding-top: 50px; padding-bottom: 50px;}

#session-01{}
.aboutus-div{ background-image:url(../portal/img/aboutusbk-1.jpg); background-position: center center; background-size: cover; }
.title-01 h2,.title-01 h2 a{ font-size: 50px;color: #000000; line-height: 80px;text-align: center; font-weight: 500;}
.context-txt{ font-size: 25px; color: #000000; line-height: 40px;}
#session-01 .context-txt{ line-height: 55px;}
.aboutus-div .context-txt{ padding-top: 90px; padding-bottom: 90px;}

.div-number{ text-align: center; font-size: 20px; font-weight: 600;color: #000000;}
.div-number span{color: #004098; font-size: 40px;}
.div-number p{ line-height: 40px;}

.more-div{ margin-top: 100px; text-align: center;}
.more-a{ padding: 10px; padding-left: 30px; padding-right: 30px; font-size: 25px;color: #fff; line-height: 40px; border-radius: 8px; background-color: #004098;transition: all 0.3s;}
.more-a:hover{ background-color: #d71f1d;color: #fff; transition: all 0.3s;}


.product-div{ background-color: #f9f9f9;}
.index-product-items,.productlist-product-items{ margin-bottom: 20px;}
.product-items{width: 96%; margin: 0px auto; background-color: #fff; padding-bottom: 20px;}
.product-items .div-thumb{display: flow-root;width: 100%; align-items: center; overflow: hidden;}
.product-items .div-thumb img{ max-width: 100%; margin: 0px auto;}
.product-items .div-pinform{ text-align: center;padding-top: 75px;  position: relative;}
.product-items .div-pinform a{line-height: 35px; font-size: 16px; color: #000; font-weight: 500;}

.product-items .icons-fd{display: flex;position: absolute; width: 50%; height: 50px; align-items: center; margin: 0px auto;top: 20px;left:25%; background-color: #fbfbfb;  transition: all 0.3s;}
.product-items .icons-fd img{ max-width: 20px; margin: 0px auto;}
.product-items:hover .icons-fd{ top: 0px; transition: all 0.3s;}

#session-03{}
.corporate-culture{background-image:url(../portal/img/corporate-culture.jpg); background-position: center center; background-size: cover; }
.corporate-culture .culture-list{ margin-top: 100px; text-align: center;}
.corporate-culture .culture-list dl{ width: 90%; margin: 0px auto;}
.corporate-culture .culture-list dt{ padding-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: dotted 2px #999;}
.corporate-culture .culture-list dt img{ height: 88px; margin-bottom: 10px;}
.corporate-culture .culture-list dt .dt-title{ background-color: #004098;color: #fff; font-size: 24px; line-height: 50px; text-align: center;width: 80%; margin: 0px auto;}
.corporate-culture .culture-list dd{ font-size:20px; line-height: 40px;}

#session-04{}
.youshibk{background-image:url(../portal/img/youshibk-1.jpg); background-position: center center; background-size: cover; padding-top: 60px; padding-bottom: 50px; }
.youshibk .youshi-list dl{width: 90%; height: 250px; margin: 0px auto; margin-bottom: 40px;padding-top: 30px; text-align: center; position: relative; z-index: 1;}
.youshibk .youshi-list dl dt{font-size: 34px; line-height:40px; text-align: center; color: #000; position: relative; margin-bottom:20px;z-index: 1;}
.youshibk .youshi-list dl dt span{display: inline-block; width: 40px; height: 2px; background-color: #333;}
.youshibk .youshi-list dl dd{font-size: 18px; line-height: 30px; text-align: center;z-index: 1; position: relative;}

.youshibk .youshi-list dl div.bk{position: absolute;left: 0px; bottom: 0px; width: 100%; height: 0px; transition: all 0.3s; z-index: 0;}
.youshibk .youshi-list dl:hover div.bk{height: 100%;background-color: rgba(0,64,152,0.4); transition: all 0.3s;}
.youshibk .youshi-list dl:hover span{background-color: #fff;}
.youshibk .youshi-list dl:hover dt,.youshibk .youshi-list dl:hover dd,.youshibk .youshi-list dl:hover p{color: #fff; transition: all 0.3s;}

.news-left .news-title a{ font-size: 24px; line-height: 35px;}
.news-left .news-thumb{ margin-top: 20px; margin-bottom: 20px;display: flow-root; height: auto; }
.news-left .news-excerpt{ font-size: 20px; line-height: 30px;}

.news-right dl{width: 96%; float: right; padding-top: 20px; padding-bottom: 10px;display: flow-root; border-bottom: solid 1px #ddd;}
.news-right dl:first-child{ margin-top: 60px;}
.news-right dl dd:first-child{width: 80%; float: left;display: flow-root;}
.news-right dl dd:first-child a{font-size: 20px; line-height: 30px;}
.news-right dl dd:last-child{width: 20%; float: right;display: flow-root;}
.news-right dl dd:last-child a{display: flow-root;width: 35px; height: 35px; border-radius: 35px; float: right; margin-top: 20px; background-color: #25439d; align-items: center; position: relative;}
.news-right dl dd:last-child a i{ color: #fff; font-size: 16px; position: absolute;left: 10px; top: 10px; transform:scaleX(-1);transition: all 0.3s;}
.news-right dl:hover dd:last-child a{ background-color: #d71f1d; transition: all 0.3s;}




.footer-contactus{ padding-top: 50px; padding-bottom: 0px;  border-left: solid 1px #7e7d7d; border-right: solid 1px #7e7d7d;}
.footer-contactus dl{width: 90%; margin: 0px auto;}
.footer-contactus dl dt{width: 100%; position: relative; padding-top: 30px;text-align: center;}
.footer-contactus dl dt i{ font-size: 50px; color: #fff;} 

.footer-contactus dl dd{width: 100%;}
.footer-contactus dl dd span{ font-size: 28px; color: #fff; line-height: 50px;}
.footer-contactus dl dd p{font-size: 18px; color: #a7a7a7; line-height: 30px;}

.footer-nav{padding-top: 50px; padding-bottom: 50px; background-color: #333333;}
.footer-nav .footer-logo{max-width:140px; margin: 0px auto;}
.footer-nav dl{width: 90%; margin: 0px auto;text-align: center;}
.footer-nav dl dt{color: #fff; font-size: 24px; line-height: 50px;text-align: center;width: 100%;}
.footer-nav dl dd{text-align: center;}
.footer-nav dl dd a{color: #fff; font-size: 16px; line-height: 30px;}
.footer-nav-md6 a{color: #fff; font-size: 16px; line-height: 40px; display: block;width: 50%; float: left;text-align: left;}

.footer-a02 dl{width: 86%; margin: 0px auto;}
.footer-a02 dl dd{width: 100%;display: flow-root;}
.footer-a02 dl dd a{display: block; width: 45%;line-height: 30px; background-color: #fff; text-align: center; float: left;color: #333; margin-bottom: 10px;transition: all 0.3s;}
.footer-a02 dl dd a:nth-child(2),.footer-a02 dl dd a:nth-child(4),.footer-a02 dl dd a:nth-child(6){ float: right;}
.footer-a02 dl dd a:hover{ background-color: #d71f1d;color: #fff; transition: all 0.3s;}


.footer-banquan{ text-align: center;color: #a4a4a4; width: 90%; margin: 0px auto; margin-top: 20px; border-top: solid 1px #7e7d7d; float: unset;}
.footer-banquan,.footer-banquan a{color: #a4a4a4;font-size: 14px; line-height: 40px;}
.layui-fixbar li{ background-color: #000000;}

/* 页面 */  
.met-banner{ display: flow-root; position: relative;margin-bottom: -40px; z-index: 0;}
.met-banner img{width: 100%;}
.met-banner .page-h1{ z-index: 100; position: relative; bottom: 58px;color: #fff; background-color: rgba(0,0,0,0.3);border-top-left-radius: 4px; border-top-right-radius: 4px;border: solid 1px rgba(255,255,255,0.42); border-bottom: 0px;}
.met-banner .page-h1 span{font-size: 22px; line-height: 30px; padding-left: 15px;}
.met-banner .page-h1 p{ font-size: 12px; line-height: 20px; padding-left: 15px; font-weight: 500;}
.met-banner .location-a{ padding-top: 32px;text-align: right; padding-right: 10px;}
.met-banner .location-a a{ font-size: 12px; line-height: 20px; color: #fff;}

.left-page-div,.product_search,.news-list-md{ background-color: #f5f5f5;width: 94%; padding-top: 8px; float: left;}
.left-page-div h2,.news-list-md h2{ width: 90%;margin: 0px auto;line-height: 50px; font-size: 20px; font-weight: bold;color: #333;}
.left-page-div .met-column-nav-ul,.list-group-bordered{width: 90%; margin: 0px auto;}
.left-page-div .met-column-nav-ul li{ border-bottom: solid 1px #ddd; text-indent:10px; transition: all 0.3s;}
.left-page-div .met-column-nav-ul li.active{background-color: #0000CC;}
.left-page-div .met-column-nav-ul li.active a{color: #fff;}
.left-page-div .met-column-nav-ul li a{color: #333; font-size: 16px; line-height: 40px;}
.left-page-div .met-column-nav-ul li:hover { background-color: #0000CC; transition: all 0.3s;}
.left-page-div .met-column-nav-ul li:hover a{ color: #fff;}
.product_search{ margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px;}
.product_search .input-search{margin-left: 10px; position: relative;}
.product_search input{width: 94%; height: 30px; line-height: 30px; margin: 0px auto; text-indent: 8px; position: relative; z-index: 0;}
.product_search button{ width: 30px; height: 30px; position: absolute; right: 16px; top: 2px; z-index: 1;}

.post_content-title{ line-height: 40px; font-size: 18px; font-weight: bold;}
.post_content-title i{ font-size: 18px;}
.post_content-page{display: flow-root; padding-top: 20px; margin-bottom: 20px;}
.post_content-page img{ max-width: 90%; margin: 0px auto;}
.post_content-page,.post_content-page p,.post_content-page div,.post_content-page a{ font-size: 15px!important; line-height: 30px!important;}
.contact-map{ margin-bottom: 20px;}
.contact-map .BMap_bubble_title{ font-weight: bold;}
.met-message-submit .form-group{ margin-bottom: 15px;}
.met-message-submit .form-group input.form-control{ width: 80%;line-height: 40px; text-indent: 10px; border: solid 1px #ddd;}
.met-message-submit .form-group .form-control-txt{width: 80%;height: 80px; line-height: 30px;text-indent: 10px; border: solid 1px #ddd;}
.met-message-submit .form-group .form-control-verify{width:120px;line-height: 40px; text-indent: 10px; border: solid 1px #ddd;}
.met-message-submit .submint button{ background-color: #0000CC;border: #0000CC; color: #fff; line-height: 40px; text-align: center;padding-left: 30px; padding-right: 30px;} 
 .news-list-md{ margin-top: 0px; padding-bottom: 10px; margin-bottom: 10px;}
.list-group-bordered{ margin-top: 10px; margin-bottom: 10px;}
.list-group-bordered li{padding-top: 8px;padding-bottom: 8px; border-bottom: solid 1px #ddd;}
.list-group-bordered a{ font-size: 13px; line-height: 20px; }

.post_content-list{ margin-top: 20px;}
.post_content-list .news-item{ margin-bottom: 20px;}
.post_content-list .a-news{font-size: 16px;color: #333; line-height: 30px;}
.post_content-list .a-news img{ display: inline-block;max-width: 20px; margin-right: 5px; margin-top: -2px;}
.post_content-list .pull-left,.post_content-list .pull-left i,.post_content-list .pull-left a{font-size: 12px;color: #999; line-height: 20px;}
.post_content-list .p-post_excerpt,.post_content-list .p-post_excerpt a{font-size: 12px;color: #666; line-height: 20px;}
.post_content-list .p-post_excerpt a{ float: right;}
.post_content-list .item-div{width: 98%; margin: 0px auto; display: flow-root;}

.post_content-list .news-item:hover .a-news{color: red;}
.img-item,.videos-item{ margin-bottom: 10px;}
.img-item a.thumb-a{display:flex; width: 96%;height: 300px;align-items: center; text-align: center;  margin: 0px auto; overflow: hidden;border: solid 1px #eee;}
.img-item a.thumb-a img{ max-height: 100%; margin: 0px auto; transform: scale(1);transition: all 0.3s;}
.img-item a:hover img{ transform: scale(1.1);transition: all 0.3s;}
.layui-layer-content img{ max-height: 100%;}

.thumb-a2{ height: 215px!important;}
.post-title-a{ font-size: 14px; text-align: center; font-weight: 600;display: block;width: 100%; line-height: 25px; margin-top: 10px;}

.videos-item a{display: flex; width: 96%;height: 300px;align-items: center; text-align: center;  margin: 0px auto; overflow: hidden;border: solid 1px #eee;}
.videos-item a img{ max-width: 100%; margin: 0px auto; transform: scale(1);transition: all 0.3s;}
.videos-item a:hover img{ transform: scale(1.05);transition: all 0.3s;}
.videos-item p{ text-align: center; font-size: 16px; line-height: 25px; padding-top: 10px; font-weight: 600;}

.pdf-item{ background-color: #f5f5f5; padding: 4px; margin-bottom: 10px!important;}
.pagination{ margin-top: 20px; margin-bottom: 20px!important; clear: both; text-align: center;}
.pagination li{display: inline-block;margin-right: 8px;}
.pagination a,.pagination span{ padding: 4px; padding-left: 15px; padding-right: 15px; border: solid 1px #ddd; font-size: 12px; line-height: 20px;}
.pagination li.active span{ background-color: red;color: #fff;}


.product-search{  background-image: url(../portal/img/kkis.jpg); background-size: cover; background-position: left top; background-repeat: no-repeat; color: #fff; margin-top: 60px; padding: 20px; position: relative; height: 100px;}
.product-search h1{ line-height: 50px; font-size: 28px; color: #ecbc3c;}
.product-search p{ font-size: 16px; line-height: 30px; color: #fff;}
.product-search .input-search{ width: 99%; height: 40px; position: relative; top: 50px;}
.product-search .input-search input{width: 100%; height: 40px;line-height: 40px; position: absolute;z-index: 0;border: solid 1px #ddd; border-radius: 3px; text-indent: 5px;}
.product-search .input-search button{width: 60px; height: 40px; background-color: #ecbc3c;border:#ecbc3c ; border-radius: 3px; text-align: center; font-size: 16px; color: #fff; position: absolute;right: 0px; z-index: 1;}

.cats-items{ margin-top: 20px;margin-bottom: 40px;}
.cats-items .cats-title h2{ font-size: 40px; line-height: 60px; font-weight: 600;}
.cats-items .cats-title span{display: block;width: 60px; height: 3px; background-color: #ecbc3c; margin-top: 20px;}
.cats-items .cats-title .p-desc{font-size: 16px; line-height: 30px; color: #999; clear: both; margin-top: 20px;}
.cats-items .cats-title .cats-more{display: block;max-width: 140px; padding: 15px; background-color: #ECBC3C; font-size: 16px; color: #fff;border-radius: 4px; text-align: center; margin-top: 20px;transition: all 0.3s;}
.cats-items .cats-title .cats-more:hover{ background-color: #d71f1d!important; transition: all 0.3s;}

.cats-items .cats-thumbnail{}
.cats-items .cats-thumbnail a{display: flex;width: 92%; min-height: 300px; align-items: center; margin: 0px auto;}
.cats-items .cats-thumbnail a img{ display: block; max-width: 100%; margin: 0px auto;}

.cats-items.cats-02 .cats-title { padding-left:150px;}
.cats-items.cats-02 .cats-title span{ background-color: #0b4d89;}
.cats-items.cats-02 .cats-title .cats-more{ background-color: #0b4d89;}
 
.productcat-div{ margin-top: 20px;}
.productcat-div li{ height: 80px; margin-bottom: 10px;}
.productcat-div li a{display:flow-root;width: 90%;height:auto ; margin: 0px auto; text-align: left; padding: 8px; border: solid 1px #ddd; border-radius: 4px; font-size: 18px; line-height: 30px; font-weight: bold;}
.productcat-div li a img{ width: 80px;height: 80px; border-radius: 4px; float: left; margin-right: 10px; }
.productcat-div li a span{ display: block;padding-top: 10px;}


.list-title{ text-align: center; font-size: 18px; line-height: 60px; margin-top: 40px;}
.list-products{ margin-top: 40px; margin-bottom: 20px;}
.list-products .product-items{border: solid 1px #ddd;width: 96%;}
.list-products .product-items .div-pinform a:last-child{font-weight: 550;}

.product-detail{display: flow-root; margin-top: 20px; padding-top: 40px; padding-bottom: 40px; background-color: #f5f5f5;}

.product-detail-img{min-height: 500px;width: 90%;  position: relative;}
.product-detail-img .layui-carousel{ background-color: #fff;}
.product-detail-img .thumbnail-div{ background-color: #fff;width: 100%; height: 100%; position: relative; display: flex!important; align-items: center;}
.product-detail-img .thumbnail-div img{ max-width: 100%; margin: 0px auto;}

.product-intro h1 span{display: block;width: 60px; height: 3px; background-color: red; margin-top: 20px; margin-bottom: 20px;}
.product-intro .post_content h2{color: #0159d6; font-size: 18px; line-height: 40px;}
.product-intro  .post_content-div{ font-size: 14px; line-height: 25px;color: #333;}
.product-intro .post_content2 h2{color: deepskyblue; font-size: 16px; line-height: 40px;}

.tools-products{ margin-top: 20px;}
.tools-products li{max-width:200px;float: left; text-align: left; margin-right: 10px;}
.tools-products li a{display: block;width:190px; float: left; text-align: center; color: #fff; background-color:#666;color: #fff; border-radius: 4px; line-height: 40px; font-size: 16px;}
.tools-products li a img{ max-height: 18px;}
.tools-products .a-contact a{ background-color: #ecbc3c;}
.tools-products .a-pdf a{ background-color: #0159d6;}

.article-session02,.article-session03{ padding-top: 30px; padding-bottom: 30px;}
.artile-title02{ line-height: 60px;}
.article-session03 .product-items{border: solid 1px #eee; float: left;}
.article-session03 .product-items .div-pinform a:last-child{font-weight: 550;}

.article-content .post_content-title{ font-size: 24px; margin-bottom: 20px;}
.article-content .info,.article-content .info a{font-size: 12px; line-height: 15px; color: #999;}
.article-content .met-shownews-footer{ margin-top: 20px; margin-bottom: 20px;}
.article-content .met-shownews-footer li{ margin-bottom: 10px;font-weight: bold;}
.article-content .met-shownews-footer a,.article-content .met-shownews-footer{ font-size: 12px!important; line-height: 20px!important;color: #333;}
.article-content .met-shownews-footer a{ font-weight: 500;}
.article-content .met-shownews-footer a:hover{color: red;}
/* 超小屏幕（手机，小于 768px） */  
@media (max-width:320px) 
{ 
	.layui-fluid{ padding: 0px;}
	
	
}

@media (max-width:375px) 
{ 
	.layui-fluid{ padding: 0px;}
	
}

@media (max-width:429px)
{ 
	.layui-fluid,.layui-container{ padding: 0px;} 
	.layui-row{width: 98%; margin: 0px auto;}
	.padding100 {padding-top:30px;padding-bottom: 30px;	}
	#navindex-nav{ padding-bottom: 0px;}
	#navindex-nav .logoDiv,#navindex-nav .logoDiv img{ height: 50px;} 
	#navindex-nav .logoDiv{ height: 60px; border-bottom: solid 1px #eee;}
	#main-navigation.layui-nav{margin-top:5px;padding: 0px;display: flow-root;}
	#main-navigation.layui-nav .layui-nav-item{width: 25%;display: block; float: left; margin: 0px auto;}
	#main-navigation.layui-nav .layui-nav-item a.dropdown-toggle-1{ font-size: 14px;padding: 0;}
	#main-navigation li .layui-nav-child{top: 45px;}
	#main-navigation .navdl_3{min-width: 150%!important;left: -25%!important;}
	.layui-nav .layui-nav-more {right: 5px;}
	
	.banner-box #test10{height: 200px!important;width: 100%!important;}
	.title-01 h2, .title-01 h2 a{ font-size: 25px;}
	 
	.aboutus-div .context-txt{padding-top: 0px;padding-bottom: 20px;}
	.context-txt{font-size: 15px;line-height: 20px;}
	
	.div-number span{ font-size: 20px;}
	.div-number p{ font-size: 16px;}
	.more-div{margin-top: 30px}
	.more-a{font-size:16px;padding: 5px;padding-left: 20px;padding-right: 20px;}
	
	.mtop100{ margin-top: 10px;}
	.mtop50{ margin-top:0px;}
	.mbottom50{margin-bottom: 25px;}
	.product-items{ margin-bottom: 10px;}
	
	.corporate-culture .culture-list{ margin-top: 0px;}
	.corporate-culture .culture-list dt .dt-title,.youshibk .youshi-list dl dt{font-size: 16px;line-height: 30px;}
	.corporate-culture .culture-list dd{font-size: 13px;line-height: 20px;	}
	.youshibk .youshi-list dl{width: 94%; margin-bottom: 0px;height: 180px;}
	.youshibk .youshi-list dl dt{ margin-bottom: 0px;}
	.youshibk .youshi-list dl dd{font-size: 12px;line-height: 16px;}
	
	.news-left .news-title a,.news-right dl dd:first-child a{font-size: 14px;line-height: 25px;}
	.news-left .news-excerpt{ font-size: 12px; line-height: 16px; color: #999;}
	.news-right dl:first-child{ margin-top: 20px;}
	.news-right dl {width: 100%;} 
	.news-right dl dd:last-child a{width: 25px;height: 25px;border-radius: 25px;margin-top: 10px}
	.news-right dl dd:last-child a i{left: 5px;top: 5px;}
	
	.footer-nav{ padding-top: 20px;}
	.footer-logo-div{ text-align: center;}
	.footer-nav .footer-logo{max-height: 140px;max-width: unset;}
	.footer-contactus {padding-top: 0; border: unset;}
	.footer-contactus dl dt{ margin-top: 10px;font-size: 14px;line-height:30px;padding-top: 0;}
	.footer-contactus dl dt i{ font-size: 22px;line-height: 30px;}
	.footer-contactus dl dd p{font-size: 12px; line-height: 16px;}
	.footer-a02 dl dd a{font-size: 13px; line-height: 25px;}
	.footer-banquan, .footer-banquan a{font-size: 12px;line-height: 20px;}
	
	.met-banner {margin-bottom: 0px;}
	.met-banner .page-h1{ bottom: unset; border-radius: unset; border: unset;}
	.met-banner .page-h1 span{ font-size: 16px; line-height: 20px;}
	.met-banner .location-a{padding-top:0px; padding-bottom: 5px;}
	.met-banner .location-a .layui-icon{ font-size: 12px;}
	
	.left-page-div{ margin-top: 5px;}
	.left-page-div, .product_search, .news-list-md{width: 100%;}
	.news-list-md{display: none;}
	
	.product-search{ height: auto; padding: 8px; width: 96%;}
	.product-search h1{ font-size: 18px; line-height: 30px;}
	.product-search p{font-size: 12px; line-height: 16px;}
	.product-search .input-search{top: 0px; margin-top: 10px;}
	
	.cats-items { margin-top: 20px;margin-bottom: 20px;	}
	.cats-items .cats-title h2{font-size: 20px;line-height: 30px;}
	.cats-items .cats-title span {margin-top: 10px;} 
	.cats-items .cats-title .p-desc{font-size: 14px;line-height: 20px;}
	.cats-items .cats-title .cats-more {max-width: 120px;padding: 10px;font-size: 14px;}
	.cats-items.cats-02 .cats-title{padding-left: 10px;}
	.cats-items .cats-thumbnail a{min-height: 200px;}
	
	.productcat-div li{ height: 60px; margin-top: 5px;}
	.productcat-div li a img{ width: 50px; height: 50px;}
	.product-detail-img{width: 100%;min-height: auto; margin-bottom: 20px;}
	.product-detail-img .layui-carousel{width: 100%!important;}
	.article-session02,.article-session03{ margin-top: 20px; margin-bottom: 20px;} 
}

/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */	
@media (min-width: 530px) and (max-width:766px)
{ 
	.layui-fluid{ padding: 0px;}
	.layui-container {width: 98%;	}
	.padding100 {padding-top:30px;padding-bottom: 30px;	}
	#navindex-nav{ padding-bottom: 0px;}
	#navindex-nav .logoDiv{padding-bottom: 5px;}
	#navindex-nav .logoDiv img{ height: 80px; } 
	#navindex-nav .logoDiv{border-bottom: solid 1px #eee;}
	#main-navigation.layui-nav{margin-top:5px;padding: 0px;display: flow-root;}
	#main-navigation.layui-nav .layui-nav-item{width: 25%;display: block; float: left; margin: 0px auto;} 
	#main-navigation li .layui-nav-child{top: 45px;}
	.layui-nav .layui-nav-item a.dropdown-toggle-1{ font-size: 14px;}
	
	.banner-box #test10{height: 350px!important;width: 100%!important;}
	
	.title-01 h2, .title-01 h2 a{ font-size:35px;}
	.aboutus-div .context-txt{padding-top: 0px;padding-bottom: 20px;}
	.more-a{font-size:18px;}
	
	.footer-nav{ padding-top: 20px;}
	.footer-logo-div{ text-align: center;}
	.footer-nav .footer-logo{max-height: 140px;max-width: unset;}
	.footer-contactus {padding-top: 0; border: unset;}
	.footer-contactus dl dt{ margin-top: 10px;font-size: 14px;line-height:30px;padding-top: 0;}
	.footer-contactus dl dt i{ font-size: 22px;line-height: 30px;}
	.footer-contactus dl dd p{font-size: 12px; line-height: 16px;}
	.footer-banquan, .footer-banquan a{font-size: 12px;line-height: 20px;}
}

/* 小屏幕（平板，大于等于 768px）@screen-sm-min */
@media (min-width:768px ) and (max-width:991px) 
{  
	.layui-fluid,.layui-container{ padding: 0px;} 
	.layui-container{width: 100%;}
	.layui-row{width: 98%; margin: 0px auto;}
	.padding100 {padding-top:30px;padding-bottom: 30px;	}
	#navindex-nav{ padding-bottom: 0px;}
	#navindex-nav .logoDiv{padding-bottom: 5px;}
	#navindex-nav .logoDiv img{ height: 80px; } 
	#navindex-nav .logoDiv{border-bottom: solid 1px #eee;}
	#main-navigation.layui-nav{margin-top:5px;padding: 0px;display: flow-root;}
	#main-navigation.layui-nav .layui-nav-item{width: 25%;display: block; float: left; margin: 0px auto;} 
	#main-navigation li .layui-nav-child{top: 45px;}
	.layui-nav .layui-nav-item a.dropdown-toggle-1{ font-size: 16px;}
	
	.banner-box #test10{height: 399px!important;width: 100%!important;}
	
	.title-01 h2, .title-01 h2 a{ font-size:35px;}	 
	.aboutus-div .context-txt{padding-top: 0px;padding-bottom: 20px;}
	.context-txt{font-size: 18px;line-height: 30px;} 
	.div-number span{ font-size: 24px;}
	.div-number p{ font-size: 18px;} 
	.more-div{margin-top: 30px}
	.more-a{font-size:16px;padding: 5px;padding-left: 20px;padding-right: 20px;}
	
	.corporate-culture .culture-list{ margin-top: 0px;}
	.corporate-culture .culture-list dt .dt-title,.youshibk .youshi-list dl dt{font-size: 18px;line-height:40px;}
	.corporate-culture .culture-list dd{font-size: 16px;line-height: 25px;	}
	.youshibk .youshi-list dl{width: 94%; margin-bottom: 0px;height: 180px;}
	.youshibk .youshi-list dl dt{ margin-bottom: 0px;}
	.youshibk .youshi-list dl dd{font-size: 14px;line-height: 25px;}
	
	.mtop100{ margin-top: 50px;}
	.mtop50,.more-div{ margin-top:25px;}
	.mbottom50{margin-bottom: 25px;}
	.product-items{ margin-bottom: 15px;}
	.product-items .div-pinform a{ font-size: 18px;}
	
	.footer-nav{ padding-top: 20px;}
	.footer-logo-div{ text-align: center;}
	.footer-nav .footer-logo{max-height: 180px;max-width: unset;}
	.footer-contactus {padding-top: 0; border: unset;}  
	 
	.met-banner {margin-bottom: 0px;}
	.met-banner .page-h1{ bottom: unset; border-radius: unset; border: unset;} 
	.met-banner .location-a{padding-top:0px; padding-bottom: 5px;} 
	
	.left-page-div{ margin-top: 5px;}
	.left-page-div, .product_search, .news-list-md{width: 100%;}
	.news-list-md{display: none;}
	.left-page-div .met-column-nav-ul li{width: 25%; float: left;}
	
	.product-search{ height: auto; padding: 8px;}
	.product-search h1{ font-size: 20px; line-height: 35px;}
	.product-search p{font-size: 14px; line-height: 20px;}
	.product-search .input-search{top: 0px; margin-top: 10px;}
	
	.cats-items { margin-top: 20px;margin-bottom: 20px;	}
	.cats-items .cats-title h2{font-size: 20px;line-height: 30px;}
	.cats-items .cats-title span {margin-top: 10px;} 
	.cats-items .cats-title .p-desc{font-size: 14px;line-height: 20px;}
	.cats-items .cats-title .cats-more {max-width: 120px;padding: 10px;font-size: 14px;}
	.cats-items.cats-02 .cats-title{padding-left: 10px;}
	.cats-items .cats-thumbnail a{min-height: 200px;}
	
	.productcat-div li{ height: 60px; margin-top: 5px;}
	.productcat-div li a img{ width: 50px; height: 50px;}
	.product-detail-img{width: 100%;min-height: auto; margin-bottom: 20px;}
	.product-detail-img .layui-carousel{width: 100%!important;}
	.article-session02,.article-session03{ margin-top: 20px; margin-bottom: 20px;} 
	.product-detail{ padding-top: 20px; padding-bottom: 20px;}
	.product-detail-img{ margin-left: 20px;}
	.product-intro h1,.product-intro ul.tools-products{width: 96%; margin: 0px auto;}
	.article-session03 .product-items:nth-child(4){display: none;}
}

/* 中等屏幕（桌面显示器，大于等于 992px）
@media (min-width: @screen-md-min) {   }
 */
/* 大屏幕（大桌面显示器，大于等于 1200px） 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {   }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {   }
*/
@media (min-width: 992px) and (max-width:1299px)
{ 
	.layui-fluid{ padding: 0px;} 
	.layui-container {width: 98%;	}
	 .padding100 {padding-top:30px;padding-bottom: 30px;	}
	 #navindex-nav{ padding-bottom: 0px;}
	 #navindex-nav .logoDiv{padding-bottom: 5px;}
	 #navindex-nav .logoDiv img,#navindex-nav.active .logoDiv img{ height: 80px; }  
	 #main-navigation.layui-nav,#navindex-nav.active #main-navigation.layui-nav{margin-top:5px;padding: 0px;display: flow-root;}
	 #main-navigation.layui-nav .layui-nav-item{width: 25%;display: block; float: left; margin: 0px auto;} 
	#main-navigation li .layui-nav-child{top: 45px;}
	 .layui-nav .layui-nav-item a.dropdown-toggle-1{ font-size: 16px;}
	 
	 .banner-box #test10{height: 500px!important;width: 100%!important;}
	 
	 .mtop100{ margin-top: 50px;}
	 .mtop50,.more-div{ margin-top:25px;}
	 .mbottom50{margin-bottom: 25px;}
	 
	 .title-01 h2, .title-01 h2 a{ font-size:35px;}
	 .aboutus-div .context-txt{padding-top: 0px;padding-bottom: 20px;}
	 .context-txt{font-size: 18px;line-height: 30px;} 
	 .div-number span{ font-size: 30px;}
	 .div-number p{ font-size: 20px;} 
	 
	 .more-div{margin-top: 30px}
	 .more-a{font-size:16px;}
	 
	 .product-items{ margin-bottom: 15px;}
	 .product-items .div-pinform a{ font-size: 18px;}
	 
	 .corporate-culture .culture-list{ margin-top: 0px;}
	 .corporate-culture .culture-list dt .dt-title,.youshibk .youshi-list dl dt{font-size:24px;line-height:40px;}
	 .corporate-culture .culture-list dd{font-size: 16px;line-height: 25px;	}
	 
	 .youshibk .youshi-list dl{width: 94%; margin-bottom: 0px;height: 200px;}
	 .youshibk .youshi-list dl dt{ margin-bottom: 0px;}
	 .youshibk .youshi-list dl dd{font-size: 16px;line-height: 25px;}
	 	 
	 
	 .news-left .news-title a,.news-right dl dd:first-child a{font-size: 16px;line-height: 25px;}
	 .news-left .news-excerpt{ font-size: 12px; line-height: 16px; color: #999;}
	 .news-right dl:first-child{ margin-top: 20px;}
	 .news-right dl {width: 96%; float: right;} 
	 .news-right dl dd:last-child a{width: 25px;height: 25px;border-radius: 25px;margin-top: 10px}
	 .news-right dl dd:last-child a i{left: 5px;top: 5px;}
	 
	 .footer-nav{ padding-top: 20px;} 
	 .footer-nav .footer-logo-div{ text-align: center;}
	 .footer-nav .footer-logo{max-width: 50%;}
	 .footer-contactus {padding-top: 0;}   
	.footer-contactus dl dt{ margin-top: 10px;font-size: 16px;line-height:40px;}
	.footer-contactus dl dt i{ font-size: 30px;line-height: 40px;}
	.footer-contactus dl dd p{font-size: 12px; line-height: 16px;}
	.footer-banquan, .footer-banquan a{font-size: 12px;}
	
	
	.cats-items { margin-top: 20px;margin-bottom: 20px;	}
	.cats-items .cats-title h2{font-size: 20px;line-height: 30px;}
	.cats-items .cats-title span {margin-top: 10px;} 
	.cats-items .cats-title .p-desc{font-size: 14px;line-height: 20px;}
	.cats-items .cats-title .cats-more {max-width: 120px;padding: 10px;font-size: 14px;}
	.cats-items.cats-02 .cats-title{padding-left: 10px;}
	.cats-items .cats-thumbnail a{min-height: 200px;}
	
	.productcat-div li{ height: 60px; margin-top: 5px;}
	.productcat-div li a img{ width: 50px; height: 50px;}
	.product-detail-img{width: 96%;min-height: auto; margin-bottom: 20px;}
	.product-detail-img .layui-carousel{width: 100%!important;}
	.article-session02,.article-session03{ margin-top: 20px; margin-bottom: 20px;} 
	.product-detail{ padding-top: 20px; padding-bottom: 20px;} 
	.product-intro h1,.product-intro ul.tools-products{width: 96%; margin: 0px auto;} 
	 
}

@media (min-width:1300px) and (max-width:1399px)
{
	.layui-fluid{ padding: 0px;}
	.layui-container {width: 98%;	}
	.padding100 {padding-top:30px;padding-bottom: 30px;	}
	#navindex-nav{ padding-bottom: 0px;}
	#navindex-nav .logoDiv{padding-bottom: 5px;}
	#navindex-nav .logoDiv img{ height: 80px; }  
	#main-navigation.layui-nav{margin-top:25px;padding: 0px;display: flow-root;}
	#main-navigation.layui-nav .layui-nav-item{ } 
	#main-navigation li .layui-nav-child{top: 45px;}
	.layui-nav .layui-nav-item a.dropdown-toggle-1{ font-size: 16px;padding: 0 30px;}
	.layui-nav .layui-nav-more{right: 8px;}
	
	.banner-box #test10{height: 660px!important;width: 100%!important;}
	   
	.mtop100{ margin-top: 50px;}
	.mtop50,.more-div{ margin-top:25px;}
	.mbottom50{margin-bottom: 25px;}
	   
	.title-01 h2, .title-01 h2 a{ font-size:35px;}
	.aboutus-div .context-txt{padding-top: 20px;padding-bottom: 20px;}
	.news-right dl{ padding-top: 0px;}
	.news-right dl dd:last-child a{margin-top: 10px;}
	
	.footer-nav{ padding-top: 20px;height: 350px;}
	.footer-nav .footer-logo-div{ text-align: center;}
	.footer-nav .footer-logo{max-width: 45%;}
	.footer-contactus {padding-top: 0;}   
	.footer-contactus dl dt{ margin-top: 10px;font-size: 16px;line-height:40px;}
	.footer-contactus dl dt i{ font-size: 30px;line-height: 40px;}
	.footer-contactus dl dd p{font-size: 12px; line-height: 16px;}
	.footer-banquan, .footer-banquan a{font-size: 12px;}
	
	.cats-items { margin-top: 20px;margin-bottom: 20px;	}
	.cats-items .cats-title h2{font-size: 30px;line-height: 40px;}
	.cats-items .cats-title span {margin-top: 10px;} 
	.cats-items .cats-title .p-desc{font-size: 14px;line-height: 20px;}
	.cats-items .cats-title .cats-more {max-width: 120px;padding: 10px;font-size: 14px;}
	.cats-items.cats-02 .cats-title{padding-left: 10px;} 
	
	.product-detail{ padding-top: 20px;}
	.product-detail-img{width: 96%;min-height: auto; margin-bottom: 20px;}
	.product-detail-img .layui-carousel{width: 100%!important;}
	
}
 

@media(min-width:1400px) and (max-width:1600px)
{ 
	.layui-fluid{ padding: 0px;}
	.layui-container {width: 98%;	}
	.padding100 {padding-top:30px;padding-bottom: 30px;	}
	#navindex-nav{ padding-bottom: 0px;}
	#navindex-nav .logoDiv{padding-bottom: 5px;}
	#navindex-nav .logoDiv img{ height: 80px; }  
	#main-navigation.layui-nav{margin-top:25px;padding: 0px;display: flow-root;}
	
	#main-navigation.layui-nav .layui-nav-item {display:  inline-block;width: unset;}
	.layui-nav .layui-nav-item a.dropdown-toggle-1{font-size: 16px;padding: 0 25px;}
	.layui-nav .layui-nav-more {right: 8px;}
	
	.banner-box #test10{height:  100%!important;width: 100%!important;}
	   
	.mtop100{ margin-top: 50px;}
	.mtop50,.more-div{ margin-top:60px;}
	.more-div{ margin-bottom: 40px;}
	.mbottom50{margin-bottom: 25px;}
	   
	.title-01 h2, .title-01 h2 a{ font-size:35px;}
	.aboutus-div .context-txt{padding-top: 40px;padding-bottom: 40px;}
	.div-number{ margin-top: 20px; margin-bottom: 40px;}
	.news-right dl{ padding-top: 0px;}
	.news-right dl dd:last-child a{margin-top: 10px;}
	
	.footer-nav{ padding-top: 20px;height: 270px;}
	.footer-nav .footer-logo-div{ text-align: center;}
	.footer-nav .footer-logo{max-width: 45%;}
	.footer-contactus {padding-top: 0;}   
	.footer-contactus dl dt{ margin-top: 10px;font-size: 16px;line-height:40px;}
	.footer-contactus dl dt i{ font-size: 30px;line-height: 40px;}
	.footer-contactus dl dd p{font-size: 12px; line-height: 16px;}
	.footer-banquan, .footer-banquan a{font-size: 12px;}
	
	.cats-items { margin-top: 20px;margin-bottom: 20px;	}
	.cats-items .cats-title h2{font-size: 30px;line-height: 40px;}
	.cats-items .cats-title span {margin-top: 10px;} 
	.cats-items .cats-title .p-desc{font-size: 14px;line-height: 20px;}
	.cats-items .cats-title .cats-more {max-width: 120px;padding: 10px;font-size: 14px;}
	.cats-items.cats-02 .cats-title{padding-left: 10px;} 
	
	.product-detail{ padding-top: 20px;}
	.product-detail-img{width: 96%;min-height: auto; margin-bottom: 20px;}
	.product-detail-img .layui-carousel{width: 100%!important;}
}

@media(min-width:1601px) and (max-width:1700px)
{ 
	.layui-container {width: 98%;	}
	#main-navigation.layui-nav .layui-nav-item {display:  inline-block;width: unset;}
	.layui-nav .layui-nav-item a.dropdown-toggle-1{padding: 0 35px;}
	.layui-nav .layui-nav-more {right: 15px;}
	
	.banner-box #test10{height:  100%!important;width: 100%!important;}
	
}

@media (min-width:1770px)   and (max-width:1850px)
{ 	
	.layui-container {width: 96%;	}
	.layui-nav .layui-nav-item a.dropdown-toggle-1{padding: 0 30px;}
	.layui-nav .layui-nav-more {right: 12px;}
	.banner-box #test10{height: 100%!important;width: 100%!important;}
}

@media (min-width:1800px) 
{  	
	.layui-container {width: 96%;	}	
	 .product-detail-img #test11{width: 100%!important;}
}