@charset "utf-8";
html,body{ font:14px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; -webkit-text-size-adjust:none; background:#f9f9f9;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#000; text-decoration:none;}
a:hover{ text-decoration:none;}
img { max-width:100%; height:auto; }
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
clear{ clear:both;}
.BMap_Marker img{ max-width:none !important;}
/*头部*/
.wrap{ width:12%;  position:fixed; left:0; background:#fff; height:100%;}
.inner{ width:90%;  margin:0 auto; position:relative;}
#showimg .imgshow{ display:none;}
#web_logo{ font-size:0px; position:relative; z-index:999;}
.top-logo{ margin:0 auto; padding:60px 0; text-align:center;}
.head-r {width:80%; margin:0 auto; }
.hd{width:88%;float:right;transition: all 0.4s ease-in-out;background:#f9f9f9;}
.cl{background:#012c6e url(../images/cl.png) no-repeat center center;width:100%;height:86px;transition: all 0.4s ease-in-out;cursor:pointer;z-index:1000;}
.metinfo-banner1 .nivo-controlNav a{ background:#f1f1f1 !important;}
.metinfo-banner1 .nivo-controlNav{ right:47.5% !important;}
/*导航*/
.en{border-bottom:1px solid #e7e7e7;padding:15px 0px; line-height:20px; width:90%;}

.en a{background:url(../images/b7.png) no-repeat left; display:block; font-size:15px; transition:.3s; color:#666;transition: all 0.4s ease-in-out; padding-left:23px;}
#nav_10001 a{ background:url(../images/b1.png) no-repeat left;padding-left:23px;}
#nav_3 a{ background:url(../images/b8.png) no-repeat left;padding-left:23px;}
#nav_1 a{ background:url(../images/b2.png) no-repeat left;padding-left:23px;}
#nav_104 a{ background:url(../images/b6.png) no-repeat left;padding-left:23px;}
#nav_33 a{ background:url(../images/b4.png) no-repeat left;padding-left:23px;}
#nav_2 a{ background:url(../images/b3.png) no-repeat left;padding-left:23px;}
#nav_22 a{ background:url(../images/b5.png) no-repeat left;padding-left:23px;}
nav{  overflow:hidden; }
nav ul li{ border-bottom:1px solid #e7e7e7;padding:17px 0px; line-height:20px; width:90% !important;}
nav ul li.line{ display:none;}
nav ul li a{ display:block; font-size:15px; transition:.3s; color:#666;transition: all 0.4s ease-in-out;}
nav ul li:hover a{  color:#012c6e;ttransition:.5s;}
.head_search{ position:relative; margin:0 auto;width:75%; margin-top:40px;}
#searchword{width:90%; height:20px; margin:0 auto;}
.head_search .input-text{border:1px solid #e7e7e7; outline:none; background:none;}
.head_search .sub { width:16px; border:none;  height:16px; background: url(../images/se.png) no-repeat center; position: absolute; top:7px; right:11px;}
input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #012c6e;}
.tel{ width:100%; text-align:center; margin-top:40px;}
.op {position:fixed;z-index:2000;background:#012c6e url(../images/op.png) no-repeat center center;width:100%;height:86px;transition: all 0.4s ease-in-out;width:86px;display:none;cursor:pointer;}
/*导航按钮*/
.menu_h { display:none; background:none; border:none; outline:none; width:30px; height:20px; position:absolute; right:0; z-index:399; cursor:pointer;}
.menu_h::before,.menu_h::after,.menu_h span { display:block; background: #c2000b; border-radius:2px;}
.menu_h::before,.menu_h::after { content:''; position:absolute; height:3px; width:100%; left:0; top:50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.25s; transition:transform 0.25s;}
.menu_h span { position:absolute; width:100%; height:3px; left:0; overflow:hidden; text-indent:200%; -webkit-transition:opacity 0.25s; transition:opacity 0.25s;}
.menu_h::before { -webkit-transform:translate3d(0, -8px, 0); transform:translate3d(0, -8px, 0);}
.menu_h::after { -webkit-transform:translate3d(0, 8px, 0); transform:translate3d(0, 8px, 0);}
.menu-open .menu_h span {opacity: 0;}
.menu-open .menu_h::before {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}
.menu-open .menu_h::after {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}
.eg-b{ position:absolute; right:0; top:0; height:81px; line-height:81px; text-align:center; background:#c2000b; width:8%;}
.eg-b a{ font-size:18px; color:white;}
/*子菜单*/

.son-menu{ width:100%; height:0;  overflow:hidden;  background:rgba(194,0,11,.9); position:absolute; top:81px; }

.son-img{ float:left;}
.son-b{ margin-top:20px; float:left; width:21.6%;border-left: 1px #c9323a solid; padding-left:1.5%; padding-right:1.5%;}
.son-m{float:left; width:100%;}
.son-m dl{float:left; width:100%; text-align:center;}
.son-m h3{ font-size:18px; color:#151515; font-weight:normal;}
.son-m h3 a{ font-size:18px; color:#151515;}
.son-m h3 a:hover{ color:#c8c8c8; transition:.5s;}
.son-m dd a{ color:#333; font-size:22px; line-height:28px;}
.son-m dd a:hover {text-decoration:underline;}
.s-b{ width:100%;max-width:1200px; margin:0 auto; padding-top:24px;}
.son-menu .son-b:nth-child(2) { display:none;}
.son-line{color:#ebebeb; font-size:14px; line-height:28px; font-family:Arial;}

.kouhao {height:300px;background:#f6f6f6;border-bottom:1px solid #ccc;cursor:pointer;}
.kouhao1 {height:300px;background:#fff;border-bottom:1px solid #ccc;cursor:pointer;}
.kouhao h3 {text-align:center;padding-top:30px;}

.kouhao p {font-size:25px;color:#666;text-align:center;font-weight:600;padding-top:10px;transition: all 0.4s ease-in-out;}
.kouhao:hover p {color:#012c6e;transition: all 0.4s ease-in-out;padding-top:20px;}
.kouhao p span {font-size:14px;color:#999;display:block;font-weight:normal;padding-top:10px;font-size:13px;transition: all 0.4s ease-in-out;}
.kouhao:hover p span {color:#012c6e;transition: all 0.4s ease-in-out;}



.kouhao1 h3 {text-align:center;padding-top:30px;}
.kouhao1 p {font-size:25px;color:#666;text-align:center;font-weight:600;padding-top:10px;transition: all 0.4s ease-in-out;}
.kouhao1:hover p {color:#012c6e;transition: all 0.4s ease-in-out;padding-top:20px;}
.kouhao1 p span {font-size:14px;color:#999;display:block;font-weight:normal;padding-top:10px;font-size:13px;transition: all 0.4s ease-in-out;}
.kouhao1:hover p span {color:#012c6e;transition: all 0.4s ease-in-out;}
.col-lg-4{float: left;width: 33.33333333%;}
.clearBoth{line-height: 0;width: 100%;height: 1px;clear: both;font-size: 0px;overflow: hidden;}
/*banner*/
.met_flash{ font-size:0px; overflow:hidden; position:relative;} 
.met_flash ul{ margin:0px; padding:0px;} 


/*关于*/
.product-c{ width:93%;  margin:60px auto; text-align:center;}
.cb1{    width: 49.1%; float:left;}
.product-c ul li{float: left; overflow:hidden; position:relative; margin-top:30px;}
.product-c img{ display:block;}
.product-c .pt h4{ font-size:36px; font-weight:normal; color:#c2000b;}
.product-c .pt p{ font-size:16px; color:#333; margin-top:5px; margin-bottom:50px;}
.text-desc{position: absolute; left: 0; top: 0; background:rgba(1,44,110,.9); height: 100%; opacity: 0; width: 100%; text-align:center;}
.port-1{float: left;width: 100%;position: relative;overflow: hidden;text-align: center;}
.port-1 .text-desc h3{ font-size:30px; color:white; margin-top:16%; font-weight:normal;}
.port-1 .text-desc h3 a{ font-size:26px; color:white; font-weight:bold;}
.tr{ position:absolute; top:28%; left:40px; text-align:left;}
.tr a{ font-size:26px; color:#fff;}
.tr p{font-size:18px; color:#fff; width:63%; margin-top:12px;}
.port-1 .text-desc p{ width:60%; color:#bfbfbf; margin-left:107px; margin-top:8px;}
.port-1 .text-desc{
	opacity: 0.9; top: -100%; color: #000; 
	
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.port-1 img{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.port-1:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.port-1.effect-1:hover .text-desc{top: 0;}
.port-1.effect-2 .text-desc{top: auto;bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}
.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%;}
/* effect-1 css end */
.a-c{ width:100%; background:url(../images/aimg.jpg) no-repeat center;}
.a-b{ width:95%; max-width:1200px; margin:0 auto; padding-top:83px; padding-bottom:83px;}
.a-b .pt{ text-align:center;}
.a-b .pt h4{ font-size:36px; font-weight:normal; color:#fff;}
.a-b .pt p{ font-size:16px; color:#fff; margin-top:5px; margin-bottom:50px;}
.a-r{ float:left; width:30%;}
.a-r h3{ font-size:24px; color:#c2000b; font-weight:normal; width:35%; border-bottom:1px solid #c2000b; padding-bottom:5px;}
.a-r p{ font-size:14px; color:#e7e6e6; margin-top:20px;}
.a-r span{ display:block; width:120px; height:35px; border:1px solid #878787; text-align:center; line-height:35px;margin-top:20px;}
.a-r span a{ font-size:16px; color:#878787;}
.a-r span:hover{ background:#c2000b; border:none; transition:.5s;}
.a-r span:hover a{ color:#fff;}
.a-l{ float:right;}
.a-l ul li{ float:left; overflow:hidden; margin-left:20px;}
.a-l ul li span{ width:100%; height:50px; background:#eeeeee; line-height:50px; text-align:center; display:block;}
.a-l ul li span a{ font-size:18px; color:#333;}
.a-l ul li:hover  span{ background:#c2000b; transition:.5s;}
.a-l ul li:hover span a{ color:#fff;}
/*首页*/
.style-1 h2.title { text-align:center; margin-bottom:35px; font-weight:normal;}
.style-1 h2.title span{ display:block; color:#666;}
.style-1 h2.title span::before,.style-1 h2.title span::after { content:""; display:inline-block; width:30px; border-top:1px solid #000; margin:0 10px 4px;}
/*产品中心*/
/*产品*/
.index-product{ margin-top:60px; padding-top:30px; padding-bottom:43px; background:#f5f5f5;}
.index-product .active { position:relative;}
.index-product .profld{ margin:0px; position:relative; overflow:hidden;}
.index-product ol{ position: absolute; width: 2012em; }
.index-product ol li{ float:left; text-align:center;  height:296px !important;}
.index-product ol li .img{ display:block; text-align:center; font-size:12px; padding:10px 10px 0px 10px; position:relative;}
.index-product ol li .img img{ display:block; margin:auto;}
.index-product ol li p { opacity:0; transform:scale(0.5,0.5); transition:0.5s; width:430px; height:296px; background:rgba(242,153,0,.6); position:absolute; top:10px; left:10px;}
.index-product ol li p span { display:block; width:430px; height:296px; margin:14px;  transform:scale(0,0); transition:0.8s;}
.index-product ol li p a { display:inline-block;  text-align:center; margin:0 5px;  margin-top:106px;}

.index-product ol li:hover p { opacity:1; transform:scale(1,1);}
.index-product ol li:hover p span { transform:scale(1,1);}
.index-product ol li h3{ font-weight:normal; height:40px; line-height:40px; overflow:hidden;}
.index-product .flip{ height:20px; overflow:hidden; float:left; }
* html .index-product .flip{ width:300px;}
*+html .index-product .flip{ width:300px;}
.index-product .next,.index-product .prev{ display:block; width:32px; height:56px; overflow:hidden; position:absolute; z-index:9999; top:126px;}
.index-product .next{ right:-64px; background:url(../images/next_icon.png) no-repeat center;}
.index-product .prev{ left:-64px; background:url(../images/prev_icon.png) no-repeat center;}
#trigger{ display:none; float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:url(../images/neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}
#trigger a.current{ background-position:-78px 0px;}
.index-product .active a.more { display:block; width:118px; height:32px; text-align:center; margin:0 auto; line-height:32px; background:#333; border:1px solid #333; color:#fff; border-radius:5px; margin-top:30px;}
.index-product .active a.more:hover { background:none; color:#333;}
/*视频*/

/*chanpinr*/
.thr{    padding: 40px 0px;width: 93%;margin: 0 auto;}
.thr ul li{ width:   31.63%; float:left; overflow:hidden;}
.thr ul li a dl{ margin-top:15px;}
.thr ul li:nth-child(3){ float:right;}
.thr ul li:nth-child(2){ margin-left:2.5%;}
.thr ul li img { width:100%; height: auto;}
.thr ul li a dd{ width:93%; line-height:29px;}
.thr ul li span{ display:block;  text-align:center; height:40px; line-height:40px; border:1px solid #dfdfdf; margin-top:25px; }
.thr ul li span a{ color:#012c6e;}
.thr ul li:hover span{ background:#012c6e; border:none;}
.thr ul li:hover span a{ color:#fff;}
/*新闻*/
.new-b{ width:93%; margin:60px auto;}
.new-b .title{ float:left; width:100%; margin-bottom:36px;}
.n-left{ width: 42%; float:left; }
.n-left img{width: 100%;
    max-width: 100%;
    height: auto;}
.n-right ul li img{ display:block; }
.n-right ul li{ width:100%; background:#fff;}
.n-right ul li:nth-child(2){ margin-top:15px;}
.n-right{    width: 56.3%; float:right; padding-left:15px;}
.n-right ul li .n-img{ float:left;    width: 31.5%;}
.n-right ul li .n-txt{ float:left; margin-left:56px; width:54%;    margin-top: 30px;}
.n-right ul li h3{ font-weight:normal;margin-bottom: 6px;}
.n-right ul li h3 a{ font-size:16px; color:#012c6e;}
.n-right ul li span{ display:block;   padding-left: 25px;margin-bottom: 12px;background: url(../images/ti.png) no-repeat left center; color: #333;font-size: 12px}
.n-right ul li .n-txt p{    color: #666;font-size: 14px; width:100%;}

/*底部导航*/
.dnd{ width:100%; background:url(../images/h.jpg) no-repeat center; margin-top:60px;}
.dnav{ width:95%; max-width:1200px; margin:0 auto; padding-top:55px; padding-bottom:55px;}
.dnav ul li{ float:left; width:23%; margin-left:2%;}
.dnav a{ font-size:18px; color:#fff; display:block; padding-top:15px;}
.dnav p{ font-size:14px; color:#e7e6e6;} 
.dnav ul li img{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.dnav ul li:hover img{transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}

/*底部*/ 
footer{ width:100%; background:url(../images/bo.jpg) no-repeat center #1d1d1d; overflow:hidden; margin-top:30px;}
.foot{ width:93%; margin:0 auto; padding-top:60px;}
.foot dl{ float:left; width:16%; margin-right:2%; }
.foot dl dd:nth-child(2){ padding-top:16px;}
.wx{ float:right;}
.foot dl dt{ font-size:14px; color:#f1f1f1; border-bottom:1px solid #b5b5b5; font-weight:600; padding-bottom:5px;}
.foot dl dd a{ font-size:14px; color:#999;background: url(../images/jiantou.png) no-repeat left ; padding-left:9px;}
.foot dl dd a:hover{ color:#fff;}
.foot dl dd{ font-size:14px; color:#999;}

.su{ width:93%; margin:0 auto; padding:15px 0; margin-top:60px; border-top: 1px solid #666;}
.su p{ float:left; font-size:14px; color:#999;}
.su p a{ font-size:14px; color:#999;}
.su span{ float:right; font-size:14px; color:#999; display:block;}
.su span a{  font-size:14px; color:#999; }
/*右侧漂浮菜单*/
.right_bar{ display:none; position:fixed; top:400px; right:0; width:60px; height:203px; z-index:10; display:none;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:180px; left:0px; transition:0.5s;}
.right_bar li.rtbar_li1:hover { left:-116px;}
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:52px; left:0; width:140px;  transition:0.5s;}
.right_bar li.rtbar_li3:hover { left:-70px;}
.right_bar li.rtbar_li4{ display:none; }
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:13px; height:50px; line-height:50px; overflow:hidden; background-color:#ab000a; }
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 17px 14px 19px;}
.right_bar li a:hover{ background-color:#282828; opacity:1;}
.right_bar li.rtbar_li2:hover .rtbar_shwx { opacity:1; left:-160px;}
.rtbar_shwx{ opacity:0; position:absolute; top:0px; left:50px;  transition:0.5s;}
.rtbar_shwx img{ padding:5px; background-color:#FFF; width:142px; height:142px; }
/*右侧漂浮菜单 end


/*内页侧栏*/
ul.searchnavlist{ display:none;}
#showimg .imgshow img{ margin:0 auto;}
.sidebar { padding-bottom:40px;}
.sidebar .sb_nav{ width:100%; background:#f9f9f9; position:relative; top:18px; }
.sidebar .sb_nav h3.title { font-size:30px; font-weight:600; text-align:center; width:60%; margin:46px auto;}
.sidebar .sb_nav .active{ text-align:center; width:100%;}
.sidebar .sb_nav dl{ display:inline-block; width:150px; position:relative; height:35px; margin-left:20px; margin-right:20px; }
.sidebar .sb_nav dl dt { background: #eaeaea;border-radius:5px; width:150px; height:35px;}
.sidebar .sb_nav dl dt.on,.sidebar .sb_nav dl dt:hover { background:#012c6e;}
.sidebar .sb_nav dl dt a{ font-size:14px;    color: #666; line-height:35px;}
.sidebar .sb_nav dl dt.on a,.sidebar .sb_nav dl dt:hover a{ color:#fff; line-height:35px; }
.sidebar .sb_nav dl dd{ width:100%; background:#fff; background:rgba(255,255,255,.85); position:absolute; left:0px; right:0; top:100%; z-index:2; max-height:160px; overflow-y:scroll; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar { width:3px; background-color:#ededed; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar-thumb { border:none; width:3px;background-color:#ca171c; }
.sidebar .sb_nav dl dd::-webkit-scrollbar-corner { background-color:#ededed; }
.sidebar .sb_nav dl dd h4{ font-weight:normal;}
.sidebar .sb_nav dl h4 a { display:block;line-height:2.5; font-size:16px;}
.sidebar .sb_nav dl h4.on a{ color:#ca171c;}
.sidebar .sb_nav dl h4 a::before { display:inline-block; content:""; width:0px; vertical-align:middle; border-top:1px solid #ca171c; margin-right:5px; transition:.4s;}
.sidebar .sb_nav dl h4:hover a::before,.sidebar .sb_nav dl h4.on a::before { width:10px;}
.sidebar .sb_box{ width:100%; overflow:hidden;   margin-top:56px;}
.sidebar .sb_box h3.title{ border-bottom:1px solid #ddd; line-height:2.6; font-weight:normal; position:relative;}
.sidebar .sb_box h3.title span{ float:left; font-size:20px; color:#222; padding:0px 10px; font-weight:600;}
.sidebar .sb_box h3.title div.position{ float:right; color:#666; margin-top:20px;}
.sidebar .sb_box h3.title div.position a{ color:#999;}
.sidebar .sb_box .active { margin-top:60px;}
#showproduct .pshow{ margin-top:20px; padding-bottom:22px;}
.sidebar .sb_box h3.title .moresidebar { display:none; float:right; font-weight:normal; padding:0 10px 0 20px; background:url(../images/side.png) no-repeat left center; background-size:12px; margin-top:20px;}
/*产品列表*/
#productlist li{ text-align:left !important;}
#imglist li h3 a{ font-size:15px;}
#imglist li h3{ line-height:3.5;}
#productlist li { width:31% !important; height:auto !important; margin:0 1% 26px 1%;}
#imglist li{ width:31% !important; height:auto !important; margin:0 1% 26px 1% !important;}
#productlist li a{display: block;overflow: hidden; }
#productlist li a span{ display:block; width:85%; color:#000; font-size:16px;margin-left:15px;margin-top:4px;}
#productlist li a.img img { display:block; width:; border:none;  transition:0.4s;}
#productlist li:hover a.img img {}
#productlist li a.text h3 { font-size:16px;  line-height:1.6; padding:15px 0 0 0; color:#000; text-align:center;}
#productlist li:hover a{ background:;}

#productlist>ul>li:hover p{background-color:#010101;color:#ffcd11;}
#productlist li a.text p { width:110px; height:32px; line-height:32px; text-align:center; border:1px #4a4a4a solid; margin-left:15px; margin-top:12px; margin-bottom:20px; display:none;}

/*产品内容页*/
.met_page a{ color:#012c6e !important;}
#showproduct h1.title { font-size:28px; font-weight:normal; padding:0;}
#showproduct .pshow::after { content:""; display:block; clear:both;}
#showproduct .pshow dt { width:80% !important;}
#showproduct #imgqwe { display:block; float:left; }
#showproduct #imgqwe img { display:block; width:100%;}
#showproduct .smallimg { width:27.4% !important; float:left; margin:0; margin-left:39px; max-height:600px; overflow:auto;}
#showproduct .smallimg::-webkit-scrollbar { width:6px; background-color:#ededed; margin-top:20px;}
#showproduct .smallimg::-webkit-scrollbar-thumb { border:none; width:6px;background-color:#012c6e; }
#showproduct .smallimg::-webkit-scrollbar-corner { background-color:#ededed; }
#showproduct .smallimg span.spic { display:block;}
#showproduct .smallimg span img { width:100% !important;}
#showproduct .pshow dd { width:20% !important; float:right;}
#showproduct .pshow dd ul { margin:0 15px;}
#showproduct .ctitle { font-size:2em; font-weight:normal; border-bottom:none; border-top:1px solid #ccc; margin:40px 0px 0px; padding:20px 10px; background:none;}
#showproduct .ctitle::after { content:""; display:block; width:40px; border-top:2px solid #012c6e; margin-top:15px;}
#showproduct td{border-style:dashed;}
/*新闻模块*/
/*新闻模块*/
#newslist li { padding:20px 0px 40px;  position:relative;}
#newslist li::after { content:""; width:100%; border-bottom:1px solid #e5e5e5; position:absolute; bottom:0; right:0;}
#newslist li .news-time { display:none;float:left; width:55px; color:#666; padding:1% 2% 1% 0; margin-top:25px; border-right:1px solid #e5e5e5; line-height:1; white-space:nowrap; overflow:hidden;}
#newslist li span.time01 { display:block; font-size:50px; color:#fb9723;}
#newslist li span.time02 { display:block; width:100%; overflow:hidden;}
#newslist li a { display:block;  margin:0; height:155px;}
#newslist li a img { display:block; float:right;  margin-left:100px;}
#newslist li h3 { font-size:20px; font-weight:normal; padding-top:27px; }
#newslist li .hits-num { color:#999; padding:10px 25px; background:url(../images/hits_bg.png) no-repeat left center; background-size:18px;}
#newslist li p { color:#333; height:3.6em; overflow:hidden; font-size:15px;}
#imglist li:hover { box-shadow:2px 2px 4px #ccc;}
#newslist .more3{ width:136px; height:30px; border:1px solid #333; border-radius:5px; text-align:center; 
margin-top:40px; transition: 0.25s;--hover:#012c6e;  -webkit-transition: 0.25s;}
#newslist .more3 a{ color:#333; line-height:30px; width:136px; height:30px;}
#newslist .more3:hover{  background: var(--hover); transition:.5s;}
#newslist .more3:hover a{ color:white;}
#flip{ margin-top:30px; margin-bottom:0px;}
.metpager_8 span.current {border:1px solid #e0e0e0;padding:2px 5px 2px 5px;margin:2px;color:white;background-color: #012c6e;text-decoration:none;}
#imglist li:hover { box-shadow:2px 2px 4px #ccc;}
/*简介模块*/
.editor h3.title { font-size:30px; text-align:center; border-bottom:none !important;}
.editor h6.subtitle { font-weight:normal; text-align:center; color:#999;}
.editor h6.subtitle::before { content: ""; display:inline-block; width:30px; border-top:1px solid #666; margin:0 10px 4px;}
.editor h6.subtitle::after { content: ""; display:inline-block; width:30px; border-top:1px solid #666; margin:0 10px 4px;}
/*联系我们*/
.contactus ul { width:60%; padding:0; float:left; margin-right:3%;}
.contactus li { margin-bottom:10px; padding:20px 0; border-bottom:1px dashed #ccc;}
.contactus .erweima { width:36%; float:left; text-align:center; line-height:1;}
.contactus .erweima .er-img { width:48%; margin:0 1%; float:left;}
.contactus .erweima img { display:block; width:100%;}
#allmap { width:100%; height:400px;}
#allmap .BMap_Marker div { width:39px !important;}
/*公司简介*/
.profile .honor img { width:33%;}
/*品牌营销*/
.marketing .network-img img { width:50%;}
.marketing h5 { font-size:22px; font-weight:normal; color:#b08046;}
/*招商加盟*/
.join .guarantee { width:50%; float:left;}
.join .reward { width:50%; float:right; padding-left:5%; box-sizing:border-box;}
.join img { width:50%;}
/*响应式开始*/
@media screen and (min-width:1800px) and (max-width:1903px) {
	.cb1{ width:48.1%;}
	tbody img{ width:100% !important; height:auto !important;}
	tbody div{ width:92%;}
}
@media screen and (min-width:1600px) and (max-width:1800px) {
	.cb1{ width:48.1%;}
	#showproduct #imgqwe{width:65%;}
	#showproduct .smallimg { max-height:528px;}
	tbody img{ width:100% !important; height:auto !important;}
	tbody div{ width:92%;}
}
@media screen and (min-width:1500px) and (max-width:1700px) {
	.cb1{ width:48.1%;}
	tbody img{ width:100% !important; height:auto !important;}
	tbody div{ width:92%;}
	#showproduct #imgqwe{ width:66%;}
	#showproduct .smallimg{ max-height:482px; margin-left:28px;}
	#showproduct .pshow dd{ width:23%;}
	#showproduct .pshow dt{ width:77% !important;}
}
@media screen and (min-width:1300px) and (max-width:1500px) {
	.top-logo{ padding:20px 0;}
	.cl{ height:50px;}
	.en{ line-height:20px; padding:11px 0;}
	nav ul li{ line-height:20px; padding:11px 0;}
	.head_search,.tel{ margin-top:25px;}
	.cb1{ width:48.1%;}
	tbody img{ width:100% !important; height:auto !important;}
	tbody div{ width:92%;}
	#showproduct #imgqwe{ width:65%;}
	#showproduct .smallimg{ max-height:385px; margin-left:28px;}
	#showproduct .pshow dd{ width:24% !important;}
	#showproduct .pshow dt{ width:76% !important;}
}
@media screen and (min-width:1100px) and (max-width:1300px) {
	.top-logo{ padding:20px 0;}
	.cl{ height:50px;}
	.en{ line-height:20px; padding:11px 0;}
	nav ul li{ line-height:20px; padding:11px 0;}
	.head_search,.tel{ margin-top:25px;}
	.cb1{ width:48.1%;}
	tbody img{ width:100% !important; height:auto !important;}
	tbody div{ width:92%;}
	#showproduct #imgqwe{ width:65%;}
	#showproduct .smallimg{ max-height:385px; margin-left:28px;}
	#showproduct .pshow dd{ width:24% !important;}
	#showproduct .pshow dt{ width:76% !important;}
}
@media screen and (min-width:800px) and (max-width:1100px) {
	.top-logo{ padding:20px 0;}
	.cl{ height:50px;}
	.head-r{ width:100%;}
	.en{ line-height:20px; padding:11px 0;}
	nav ul li{ line-height:20px; padding:11px 0;}
	.head_search,.tel{ margin-top:25px;}
	.n-left{ width:41%;}
	video{width: 100%;height: auto;}
	.n-right ul li .n-txt p{ display:none;}
	.thr ul li a dd{ width:81%;}
	.cb1{ width:48.1%;}
	tbody img{ width:100% !important; height:auto !important;}
	tbody div{ width:92%;}
	#showproduct #imgqwe{ width:65%;}
	#showproduct .smallimg{ max-height:385px; margin-left:28px;}
	#showproduct .pshow dd{ width:24% !important;}
	#showproduct .pshow dt{ width:76% !important;}
}
@media screen and (min-width:600px) and (max-width:800px) {
	.top-logo{ padding:20px 0;}
	.cl{ height:50px;}
	.head-r{ width:100%;}
	.en{ line-height:20px; padding:11px 0;}
	nav ul li{ line-height:20px; padding:11px 0;}
	.head_search,.tel{ margin-top:25px;}
	.n-left{ width:41%;}
	video{width: 100%;height: auto;}
	.n-right ul li .n-txt p{ display:none;}
	.thr ul li a dd{ width:81%;}
	.cb1{ width:47.1%;}
	tbody img{ width:100% !important; height:auto !important;}
	tbody div{ width:92%;}
	#showproduct #imgqwe{ width:65%;}
	#showproduct .smallimg{ max-height:266px; margin-left:28px;}
	#showproduct .pshow dd{ width:24% !important;    display: none;}
	#showproduct .pshow dt{ width:100% !important;}
	nav ul li a{ font-size:12px;}
	.n-right {
    width: 55.3%;}
	.n-right ul li .n-txt {margin-left: 10px; margin-top: -2px;}
}