@charset "utf-8";

body{ font-size: 82.6%; }
.layout-w{ width: 1200px; margin: 0 auto;}
.layout-m{ width: 1100px; margin: 0 auto;}
.min-w{ min-width:1200px;   }

header.head{
	height: 138px;
	width: 100%;
	background: url(../images/head_bg.jpg) repeat-x;
}
.h-top{ height: 33px; position: relative;}
.h-search{ height: 44px; width: 462px; border-radius: 22px; position: absolute; right: 0; top: 0; background: #2d2d2d;  }

@media (max-width: 1200px){
	header .layout-w{ padding:0 20px; }
}

.h-wrap{ height: 105px; }
.logo{ width: 150px; height: 95px; float: left; /* transform: translateX(-20px); */}

.h-tit{ float: left; font-size: 21px; color: #2d2d2d; line-height: 80px; margin-top: 16px; text-transform: uppercase; margin-left: 30px;}
.m-form{}

.h-tel{float: right; padding-left: 26px;background: url(../images/tel.jpg) no-repeat left 3px;margin-top: 10px;line-height: 30px;color: #fff;margin-right: 25px;font-size: 14px;}

.h-search form{ width: 220px; height: 22px; position: absolute; left: 20px; top: 12px; }

.h-search form .navsearch_input { width: 174px; float: left; }
.h-search form .searchgo { width: 33px; height: 23px; float: right; background: url(../images/search_btn.jpg) no-repeat; border: none; cursor: pointer; }

/***nav***/
.nav-wrap{ height: 45px; float: right; margin: 34px 0px 0 0; max-width: 700px; }
.navbrand{}
.navbrand ul{ height: 100%; }
.navbrand ul li{ width: 90px; float: left; margin-right: 5px; position: relative;}
.navbrand ul li a{ width: 100%; color: #585757; height: 70px; position: relative; display: inline-block; z-index: 20; text-align: center; line-height: 45px; font-size: 14px;}
.navbrand ul li a:hover,.navbrand ul li a.navdown{ color: #0290d2; }

.navbrand ul li>.nav_kid{ width: 100%; position: absolute; top: 70px; left: 0; background: #fff; z-index: 999; display: none; }
.navbrand ul li>.nav_kid>a{ width: 100%; height: 36px;display: inline-block;  line-height: 36px; color: #0290d2; border-bottom: 1px solid #eee; text-align: center;}
.navbrand ul li>.nav_kid>a:hover{ background: #41bfee; color: #fff; }

.banner{ width: 100%; overflow: hidden; text-align: center;  }
.banner img{ display: inline-block; }

.bx-wrapper{ margin-bottom: 0px; }
.bx-wrapper .bx-viewport{ border:none; left: 0; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: 40px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #1e9cd6;}
.bx-controls-direction{ display: none; }

.main-sec1{ width: 1100px; margin:0 auto; margin-top: 92px; }


.madv_tab{ width:1100px;  overflow:hidden; clear:both; margin: 0 auto;}
.madv_tab_labs{  height:40px; overflow:hidden; position:relative; background: url(../images/item_bg.jpg) repeat-x; }
.madv_tab_lab{ width: 540px; text-align: center; float:left; height:40px; line-height:40px; font-size:16px; cursor:pointer; transition: 0.5s; font-size: 16px; font-weight: bold; color:#0290d2;}
.madv_tab_lab:nth-child(2){ width: 560px; }
.sptl_show{ background:#0290d2; color:#fff;}

.madv_tab_cont{ height: 482px; background: #f5f5f6; overflow: hidden; }
.madv_tab_item{ display:none; }

.madv_pic{ width: 540px; float: left; }
.madv_list{ width: 465px; float: right; margin-top: 45px; }

.madv_list dl{ padding-left: 40px; position: relative; padding-bottom: 2px; border-bottom: 1px solid #eaeaeb; margin-bottom: 10px; }
.madv_list dl:before{ width: 40px; height: 40px; content:''; position: absolute; top:-2px; left:0;}
.madv_list dt{ line-height: 40px; font-size: 16px; color: #313131; font-weight: bold;}
.madv_list dd{ width: 400px; line-height: 30px; height: 63px; color: #313131; font-size: 14px; }

.madv_list dl:nth-child(1):before{ background: url(../images/ico_01.jpg) no-repeat; }
.madv_list dl:nth-child(2):before{ background: url(../images/ico_02.jpg) no-repeat; }
.madv_list dl:nth-child(3):before{ background: url(../images/ico_03.jpg) no-repeat; }
.madv_list dl:nth-child(4):before{ background: url(../images/ico_04.jpg) no-repeat; }


.main-sec2{ margin-top: 16px; }
.msec_head{ height: 36px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.msec_head .msec_t{ width: 128px; line-height: 35px; font-size: 16px; color: #0290d2; background: url(../images/item_bg.jpg) repeat-x; border-top:1px solid #0290d2; text-align: center; font-weight: bold; border-left: 1px solid #eee;border-right: 1px solid #eee; }

.mpro_left{ margin-top: 20px; width: 232px; float: left; }
.mprol_tit{ height: 71px; line-height: 71px; font-size: 18px; text-align: center; background: #31303d; color: #fff; }
.mprol_list{ height: 376px; background: #474656; }
.mprol_list li{ line-height: 45px; }
.mprol_list li a{ display: block; text-indent: 40px; color: #ebebeb; border-bottom: 1px solid #656468;  }
.mprol_list li a:hover{ background:#31303d;  }

.mpro_content{float: right; width: 842px; margin-top: 20px;}
.mprol_show{ }
.mprol_show li{ width: 195px;  float: left;  margin-right: 15px; margin-bottom: 15px;}
.mprol_show li a{}
.mprol_show li a:hover{ color: #0290d2; }
.mprol_show li a .mpl_pic{ width:193px; height: 187px; border: 1px solid #eee; overflow: hidden; display: table-cell;vertical-align: middle;  text-align: center; }
.mprol_show li a .mpl_pic img{ max-width: 100%; }
.mprol_show li a p{ line-height: 30px; height: 30px; text-align: center; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }

.main-sec3{ margin-top: 50px; }
.mAbout{ width: 620px;  float: left;}
.msec3_box{ margin-top: 14px; }
.mAbout_video{ width: 338px; height: 217px; float: left; }
.mAbout_dis{ width: 238px; float: left; line-height: 25px; color: #666; margin-left: 28px;}

.mCertificate{ width: 462px; float: right; border-bottom: 1px solid #eaeaeb; height: 268px;}


.mCertslideBox{ width:462px; height:210px; overflow:hidden; position:relative; top: 20px;  }
.mCertslideBox .bd{ position:relative; height:100%; z-index:0; width: 336px; left: 50%; margin-left: -168px;  }
.mCertslideBox .bd li{ zoom:1; vertical-align:middle; width: 148px; margin-left: 20px; }
.mCertslideBox .bd li .mppic{ width: 148px; height: 202px; text-align: center; display: table-cell;text-align: center; vertical-align: middle; }
.mCertslideBox .bd img{ width:100%; max-height:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.mCertslideBox .prev,
.mCertslideBox .next{ width:32px; height:45px; position:absolute; left:3%; top:50%; margin-top:-25px; display:block;  background:url(../images/qc_l.jpg)  no-repeat;    }
.mCertslideBox .next{ left:auto; right:3%; background:url(../images/qc_r.jpg) no-repeat;  }
.mCertslideBox .prev:hover,
.mCertslideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }


.main-sec4{ margin-top: 32px; }

.msite,.main-sec2,.mAbout,.mCertificate{border: 1px solid #eaeaeb; border-top:none; }

.msite{ height: 280px; }
.msite1{ width: 418px; float: left; margin-right: 15px; }
.msite2{ width: 418px; float: left;}
.msite3{ width: 233px; float: right;}

.mNews{ padding-top: 15px; }
.mNews li{ width: 385px; line-height: 40px; border-bottom: 1px solid #ccc; margin-top: 6px; }
.mNews li .mnews_link{  line-height: 30px; display: block; padding-bottom: 6px; overflow: hidden; padding-left: 20px; background: url(../images/news_dec.jpg) no-repeat 0 8px; }
.mNews li .mnews_link:hover{ color: #0290d2; }
.mNews li .mnews_link p{ width:260px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mNews li .mnews_link i{ width: 100px;  float: right; text-align: right;}

.mcontact{ width: 234px; height:53px; line-height: 53px; text-align: center; background: url(../images/item_2.jpg) no-repeat; font-size: 16px; font-weight: bold; color: #fff;  }
.mcontact_dis{ line-height: 25px; font-size: 14px; margin-top: 15px; padding-left: 15px; color: #666; }

.mlink{ color: #474656; margin-top: 55px; margin-bottom: 30px; }
.mlinks{ display: inline-block; }
.mlinks a{ display: inline-block; padding: 0 15px;  }
.mlinks a:hover{text-decoration: underline; color: #0290d2;}

footer.footer{ height: 79px; background:#014270 url(../images/foot_bg.jpg) no-repeat center top; }
.f_copyr{ line-height: 25px; padding-top: 18px; color: #fff; font-size: 14px; }




/*内页样式*/
.hsubPage{ width: 1200px; padding: 0; margin-bottom: 50px; }

.met_section aside{ width: 230px; }
.met_section article{ margin-left: -230px; }
.met_section article .met_article{ margin-left: 260px; }

.met_section aside .subPage_side{ border: none; border-bottom: 1px solid #666; }

.hsubPage .subPage_side h2{ height: 70px; line-height: 70px; font-size: 18px; text-indent: 20px; color: #fff; background: #31303d; border: none; }

.met_section aside .met_aside_list{padding:0; background: #474656;}
.met_section aside .met_aside dl{ border-bottom: 1px solid #666; }
.met_section aside .met_aside dl dt{height:45px;line-height:45px; position: relative;}
.met_section aside .met_aside dl dt a{display:block; text-indent: 20px; color:#fff;}
.met_section aside .met_aside dl dt a:hover{background:#31303d;}
.met_section aside .met_aside dl dt.on{ border-left: none; background:#31303d  ; border-top: 1px solid #666;}
.met_section aside .met_aside dl dd{padding:0;}
.met_section aside .met_aside dl dd a{ display:block; padding-left:40px; height:50px; color:#333;font-weight:normal;line-height:50px;}
.met_section aside .met_aside dl dd .on a,.met_section aside .met_aside dl dd a:hover{ background:#f5f5f5; color: #0c2e8f; }
.met_section aside .met_aside dl dd h4{ height: 50px; line-height: 50px; background: url(../images/dec_exp.png) no-repeat 230px center;     border-bottom: 1px solid #ccc;}

.met_article_head{ padding: 0; height: 50px; line-height: 50px; border: none; }
.met_article_head .met_position{ left: 0; right: auto; background:url(../images/dec_loc.png) no-repeat 0 center;}
.met_article_head .met_position a{ color: #272635; }

.met_section aside .subPage_side_ad{ border: none; }
.met_section aside .subPage_side_ad h2{height: 70px; line-height: 70px; font-size: 18px; text-indent: 20px; color: #fff; background: #31303d; border: none;}
.subPage_side_ad .subPage_side_adul{}

.subPage_side_adul{ background: #474656; }
.subPage_side_adul li{ width: 100%; text-align: center; padding: 10px 0; }
.subPage_side_adul li div{ margin: 0 auto; display: inline-block;}
.subPage_side_adul li a{width: 210px; height: 195px;  background: #fff; overflow: hidden; display: table-cell;vertical-align: middle;  text-align: center;}
.subPage_side_adul li a img{ max-width: 100%; }

.ippro_wrap{  }
.ippro_wrap ul{ width: 940px; }
.ippro_li{ float: left; width:202px; margin: 0 28px 20px 0}
.ippro_li:hover .ippro_bp{ border: 1px solid #0290d2;  }
.ippro_li:hover .ippro_tit{ color: #0290d2; }

.ippro_li .ippro_bp{ width: 200px; height: 195px; display: block; position: relative; text-align: center; border: 1px solid #dcdcdc; }
.ippro_li .ippro_bp img{ /*max-width: 100%;*/ width: 100%; height: 100%; display: inline-block;  }
.ippro_li .ippro_tit{ width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; text-align: center;}

.ippro_li:nth-child(4n){ margin-right: 0; }


/*产品内页*/
.sp_wrap{ width: 100%;   }
.spshow_img{ width: 440px; height: 315px; box-sizing: initial; float: left; border: 1px solid #ddd; text-align: center; }
/* .spshow_ibox{ width: 400px;height: 315px; line-height: 0; display: table-cell; text-align: center; vertical-align: middle; }

.spshow_xts{ width: 400px; height: 65px; margin-top: 10px; border-spacing: 5px;  }
.spshow_xts span{ width: 65px;height: 65px; display: table-cell; text-align: center; vertical-align:middle; padding: 5px; margin-right: 10px; border: 1px solid #ddd; }
.spshow_xts span.on{ border-color:#0c2e8f; }
.spshow_xts span img{ max-width: 100%; max-height: 100%;}
.spshow_img .spshow_ibox img{ max-width: 100%; max-height: 100%; } */

.spshow_info{ float: right; width: 480px; height: 317px; padding:0 10px 10px;position: relative; }
.spshow_info h2{ width: 100%; height: 60px; line-height: 30px; font-size: 18px; /* text-overflow: ellipsis; white-space: nowrap; */overflow: hidden; border-bottom: 1px solid #ddd;}
.spshow_info .sp_des{ line-height: 28px; font-size: 16px;  margin-top: 20px; }
.spshow_info .sp_des_lab{ font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; margin-top: 20px; display: block; }



.sp_tel{ padding-left:40px; background: url(../images/dec_tel3.jpg) no-repeat 0 4px; position: absolute; bottom: 25px; left: 0; }
.sp_tel span{ display: block;  }
.sp_tel span:nth-child(1){ font-size: 16px; line-height:24px;  }


.spinfowrap{ margin-top: 40px; }
.spinfo_menu{ height: 40px; line-height: 40px; width: 100%; background: #eee; }
.spinfo_menu .spinfo_tab{ padding: 0 20px; height: 40px; display: inline-block; font-size: 16px; color: #333; position: relative; }
.spinfo_menu .spinfo_tab.on{ color: #fff; background: #0393d2;}
.spinfo_menu .spinfo_tab.on:before{ position: absolute; width: 0; height: 0;  content: ''; border-width:10px; border-color:#0393d2 transparent transparent transparent ; border-style: solid dashed dashed dashed; bottom: -20px; left: 50%; margin-left: -10px;  }

.spinfo_content{}
.spinfo_content .spinfo_item{ display: none; padding: 20px 0  10px; line-height: 28px; }

#messagelist .v52fmbx{margin:0;}


/**/

.fContact{ width:240px; width: 230px; margin-top: 20px; height:329px; font-size:12px; /*position:fixed; right:0; bottom:300px;*/ position: relative; border:1px solid #ccc;
padding:30px 15px; text-align:center; background: #fff; color:#000; }
.fContact:before{ content: ""; width: 44px; height: 44px; background: url(../images/fc_dec.png) no-repeat; position: absolute; left: 0; top: 0; }

.fContact p{ line-height:25px;}

.fc_tit{    line-height: 30px; margin-bottom: 15px; font-size:13px;}
.fc_btn{ font-size: 16px;
    padding: 3px 18px;
    background: #de2525;
    border: 1px solid #c5baba;
    color: #fff;
    margin: 8px auto;}
.kefu{  display: inline-block;}
.kefu span{ float:left; line-height: 28px;}
.kefu a{ float:left;}