@charset "gb2312";
*{   font-family: 'Roboto Regular','arial',Microsoft Yahei;color:#333;border-color: #fff;}
ul,li{list-style:none;padding:0;margin:0;}
a:hover{ text-decoration:none;color: #2ea353;}
a:focus, a:hover {}
    
@media (min-width:1024px) {
.container {width:1200px;padding:0;}
.navbar .container { width: 84%; margin: 0 auto;}
.navbar-nav li a {padding-left: 12px;padding-right: 12px;}
}
body { background: #fff; color:#fff;}
img{max-width: 100%;}
/*header*/
.header{position:fixed;  top:0px; left:0; z-index:998; }
.zd-navbar {min-height:80px;  border:none;background-color: #f6f6f6;box-shadow: 0px 2px 10px 0px #999;}
.zd-navbar .navbar-brand{}
.zd-nav{font-size:1em;min-height:80px;}
.navbar-toggle {    margin-top: 4%; margin-bottom: 3%;}
.navbar-default .zd-nav>.active, .navbar-default .zd-nav>.active>a:focus{ background:none;color:#0b0e4f;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:none;color:#0b0e4f;}
.zd-navbar .dropdown-menu{background:rgba(230, 230, 230, .35); border:none;min-width:100px;position:relative;    background: #333;	}

.menu-search {   float: left;     }
.navbar-header {/*margin-right: -15px;*/margin-left: -15px;}
.topcontact { background:#dde4e9;padding: 12px 0;}
.topcontacttel {padding: 10px 0;}
.navbar-header { padding: 0;}
.adropdown-menucon {width: 800px; float: right;}
.pdropdown-menucon {width: 1024px; float: right;}
.cdropdown-menucon {width: 600px; float: right;}
.head-bg.on { display: block;}
.head-bg { position: absolute; width: 100%; background: #222;  left: 0px;  top: 110px; border-top: 1px solid #393939; height: 50px;line-height: 50px; display: none;}
/* 搜索 */
li.searchnav2 { float: right;}
.topsearch-active { cursor: pointer; width: 22px;height: 95px; background: url(../topsearch.jpg) no-repeat 0 center;}
.topsearch { position: relative;    padding-left: 1rem;}
.fl { float: left;display: inline;}
.search-alert { position: fixed; z-index: 10006; background-color: #222222; left: 0;top: 0; width: 100%; height: 100%; display: none;}
.search-alert .close { display: block; width: 18px; height: 18px; background: url(../yy-ico_37.png) no-repeat center;position: absolute;top: 38px; right: 2.6%; cursor: pointer; transition: transform 0.3s ease 0s;}
.search-alert .topsearch-form { position: absolute; width: 94.8%; left: 2.6%;top: 50%; height: 124px; margin-top: -63px; border-bottom: 1px solid  #515151;}
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {  margin: 0;}
.search-alert .topsearch-form .topsearchtx {border: none; font-size: 52px; height: 124px;line-height: 124px; text-align: center; width: 100%;box-sizing: border-box; color:  #555; background: none; padding-left: 88px; padding-right: 80px; background: url(../ico_36.png) no-repeat 35px 53px;outline: none;}
.search-alert .topsearch-form .topsearchbtn {cursor: pointer;width: 124px; height: 124px;border: none; background: url(../searchbtn.png) no-repeat center;background-color: rgba(0, 0, 0, 0); background-size: auto;background-color:#bb0327; background-size: 20px 20px; position: absolute; right: 0; bottom: 0; z-index: 10001; outline: none;}
.topright {}
.nav1.ecbtn { float: left;}
li.toptel {height: 95px; background: url(../toptel.jpg) no-repeat 0 center;    float: left;padding-left: 25px; margin-left: 2rem;}
.toptel img {padding-right: 14px;}
.toptel span { line-height: 95px;}
/* --- 头部 - 搜索 --- */

/*--------------------------------------index------------------------------------------*/
/*banner*/
.carousel-indicators .active{background: linear-gradient(#d90013, #ff000a);border:none}
.carousel-indicators li{background: linear-gradient(#949494, #bcbcbc);border:none}
.banneri{padding-top:0px;}
.banneri .slide { /* height: 750px;*/}
.banner01{ background:url(../images/banner01.jpg) no-repeat center;background-size:cover;}
.banner02{ background:url(../images/banner02.jpg) no-repeat center;background-size:cover;}
.banner03{ background:url(../images/banner03.jpg) no-repeat center;background-size:cover;}
.fp-controlArrow.fp-prev,.fp-controlArrow.fp-next{    border: none;}
/*pro*/
.bgi-one{/*background:#eee;*/padding-top:60px;padding-bottom:60px;}
.bgi-one .row{}
.bgi-one .row{margin:0}
.bgi-one a { background: #fff; padding: 10px; display: block;}
.proname {    color: #333; text-transform: uppercase; text-align: center;display: block; padding: 20px 0;overflow: hidden;}
.bgi-one .col-lg-9,.bgi-one .col-lg-3 ,.prolist .col-md-3 {/*padding:0*/}
.pro-nav{ background:url(../images/pro-title.jpg) ;background-size:cover;padding-top:50%;}
.pro-nav-title{min-height:220px;}
.bgi-one .col-sm-4,.bgi-one .col-xs-6{/*padding:0;*/}
.pro-list li{float:left}
.bgi-one .list-group-item{border:none;background:none; text-align:center}
.bgi-one .list-group-item a{color:#fff}
.iprolist{padding: 0 0 40px 0;overflow: hidden;}
.iprolist li a { text-align: center;}
.iprolist li a:hover { background:#c5000e; color:#fff; list-style:none; text-decoration:none;}
.productpic a { box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);}
li.listnav { margin-bottom: 8px;}
/*one about us*/
.bgi-onea{/*background:#fff;*/padding: 100px 0;background: #ebeae9;}
.bgi-onea .content { margin: 0 auto;overflow: hidden; }
.bgi-onea .content .row{ background:url(../aboutbg.jpg) no-repeat center;margin: 0; }
.bgi-onea .bgi-two-content{padding-left:5%;}
.bgi-onea .page-header{border:none;text-align: center;margin: 0 auto;}
.bgi-onea .small-title{ text-transform:uppercase;    margin: 12px; display: block;}
.bgi-onea .title-line{width:7%; background:#333;height:2px;margin: 0 auto;}
.bgi-onea p{ line-height:2}
.aboutright {margin: 0; padding: 0; padding: 20px 30px; }
.aboutright img { float:right;position: relative;bottom: -240px;left: 46px;}
.aboutleft {background:  rgba(255, 255, 255, 0.6); padding: 0; }
.aboutnum { background: #333;}
.abouttit {    padding-bottom: 46px; }
.abouttitcon { width: 16%; margin: 0 auto; background: #ebeae9; z-index: 9; position: relative;}
.abouttit h1 {font-size: 42px;font-weight: bold;text-align: center;}
.abouttit span {    font-size: 40px;font-weight: 100; color:#333;    text-align: center; display: block;}
.abouttit hr {    position: relative;top: -84px;border-top: 1px solid #333;}
.abouttit .arrow { display: block;}
.abouttxt {      line-height: 27px;font-size: 14px; color:#fff;}
.aboutmore {    padding: 10px 0;margin-top: 120px;margin-top: 6%;}
.aboutmore a {   /* background: #333; */border: 1px solid #333; display: inline-block;     padding: 6px 36px;color: #fff; text-transform: uppercase; }
.aboutmore a:hover { border: 1px solid #2ea353; display: inline-block;     padding: 6px 36px; text-transform: uppercase; }
.aboutmore span { font-size: 16px;font-weight: bold;}
.aboutmore span:hover { font-size: 16px;font-weight: bold;    color: #2ea353;}

/*two product*/
.bgi-two{     overflow: hidden;}
.bgi-two .content{    width: 100%; margin:0 auto;}
.protit {   BACKGROUND: #505a6a; PADDING: 80PX 0 40PX 0; }
.protitcon { width: 24%; margin: 0 auto; background: #505a6a; z-index: 9; position: relative;}
.protit h1 {font-size: 42px;font-weight: bold;    color: #fff;text-align: center;}
.protit span {font-size: 40px;font-weight: 100; color:#fff;    text-align: center; display: block;}
.protit hr {    position: relative;top: -84px;border-top: 1px solid #fff;}
.procon li {  padding: 0;    background: #ebeae9;}
li.ldcxj { background: #e5e3e2;}
.procon li span{ font-size:40px; color:#000; text-align:center;    float: left; width: 100%;padding-bottom: 46px;}
.procon li p{ border: 1px solid #333; display: inline-block;     padding: 6px 36px;color: #333; text-transform: uppercase;}
.procon li p:hover{ border: 1px solid #2ea353; display: inline-block;     padding: 6px 36px;color: #2ea353; text-transform: uppercase;}
.promore { width: 100%; text-align: center; padding: 30px 0;}

/*three area*/
.bgi-three{ padding: 0; overflow: hidden;margin-top: 15px; }
.bgi-three .content{ width:100%; margin:0 auto;}
.area {background: #ebeae9; overflow: hidden; }
.arealeft { padding: 6% 9% 0 9%;}
.arealeft h1 {font-size: 42px;color: #666;}
.arealeft span b {font-size: 24px;line-height: 48px; font-weight: 100;margin: 30px 0; display: block;color: #000;}
.arealeft span p {font-size: 18px;line-height: 48px; font-weight: 100; display: block;color: #000;}
.arearight { padding:0;position: relative;float: right;}
.areamore { margin-top: 70px;}
.areamore p{ border: 1px solid #333; display: inline-block;     padding: 6px 36px;color: #333; text-transform: uppercase;}
.areamore p:hover{ border: 1px solid #2ea353; display: inline-block;     padding: 6px 36px;color: #2ea353; text-transform: uppercase;}
.service {    background: #505a6a; overflow: hidden; }
.serviceleft { padding: 0;}
.serviceright {    padding: 3% 0% 0 7%;}
.serviceright h1 {font-size: 42px;color: #fff;}
.serviceright span b {font-size: 24px;line-height: 48px; font-weight: 100;    margin-bottom: 30px; display: block;color: #fff;}
.serviceright span p {font-size: 18px;line-height: 42px; font-weight: 100; display: block;color: #fff;}
.servicemore { margin-top: 70px;}
.servicemore p{border: 1px solid #fff; display: inline-block;     padding: 6px 36px;color: #fff; text-transform: uppercase; }
/*four news*/
.bgi-four { overflow: hidden; background: #ebeae9;    margin-top: 15px;    padding-bottom: 70px;}
.bgi-four .content {width: 70%; margin: 0 auto; }
.newstit {    PADDING: 80PX 0 40PX 0; }
.newstitcon { width: 24%; margin: 0 auto;     background: #ebeae9; z-index: 9; position: relative;}
.newstit h1 {font-size: 42px;font-weight: bold;    color: #000;text-align: center;    text-transform: uppercase;}
.newstit span {font-size: 40px;font-weight: 100; color:#000;    text-align: center; display: block;}
.newstit hr {    position: relative;top: -84px;border-top: 1px solid #000;}
.i_news ul li dl { float: left;}
.i_news ul li dd { float: left;}
.i_news li dl img { width: 120px;}
.i_news ul li dd h1 { font-size:16px;text-align: -webkit-auto;float: left;    font-weight: bold;}
.i_news ul li dd p {float: left;}
.i_news li { float: left;    margin-bottom: 2%;}
.newsmore { margin-top: 30px;}
.newsmore p{ background: #2ea353; display: inline-block;     padding: 6px 36px;color: #fff; text-transform: uppercase;}

/*six contact*/
.bgi-six{ padding: 58px 0 0; overflow: hidden;background: #505a6a;padding: 70px 0;}
.bgi-six div{ font-weight:700;}
.bgi-six .container{ width:92%; margin:0 auto;overflow:hidden;}
.contactli {  padding: 40px 20px;}
#messagelist { padding: 15px; padding: 0;width: 80%;margin: 0 auto;overflow: hidden;}
#messagelist hr {
    border-top: 1px solid #333;
    position: relative;
    top: 224px;
}
#messagelist .row { padding: 140px 40px; float: left;}
#messagelist .row b {    font-size: 40px;margin-bottom: 50px;display: block;}
#messagelist .row span { font-size: 26px;line-height: 80px;border-right: 1px solid #333;}
#messagelist form { float: left;}
.contactmap iframe { height: 450px !important;}
.search { margin-top: 30px;}
input#name { width: 100%; border: 1px solid #dcdcdc;padding: 5px;border-radius: 3px; margin-bottom:6px;}
input#email { width: 100%; border: 1px solid #dcdcdc;padding: 5px;border-radius: 3px;margin-bottom:6px;}
textarea#message { width: 100%; border: 1px solid #dcdcdc;padding: 5px;border-radius: 3px;margin-bottom: 6px;}
input#verify{ border: 1px solid #dcdcdc;padding: 5px;border-radius: 3px;margin-bottom:6px;}
.contactleft { }
.contactleft a {    font-size: 18px; color: #fff;line-height: 48px;}
.bottomprotit {    font-size: 24px; color: #fff;line-height: 72px;}
.contacttxt {float: left;    padding-bottom: 30px;  width:100%;}
.contacttxt span {    color: #fff;}
.contactright {
    float: right;
}
.bcontactlist { border-right: 1px solid #c6c7c8;padding-left: 18px;}
.baboutlist{padding-left: 18px; }

/*内页*/
/*2019-12-22内页样式添*/
.sidebar.inner { width: 100%; margin: 0 auto;position: relative;top: -80px;background: #ebeae9;}
.prosidebar.inner { width: 72%;margin: 0 auto;}
.prosb_box { overflow: hidden;padding-bottom: 80px;}
/*产品详情*/
.showprosidebar.inner { position: relative; top: -80px;background: #ebeae9;}
.showprosidebar .title {    width: 72%;margin: 0 auto; padding-top: 80px;}
.showproductcon {    width: 72%;
    margin: 0 auto;
    overflow: hidden;}
.showproyyly {    background: #fff;  margin: 0 !important; padding: 20px 0;}
.showprocssz {    width: 72%;margin: 0 auto; margin-top: 0px; border: 0 !important;}
.showproyylycon {    width: 72%; margin: 0 auto;}
#spec-n1 {padding: 120px 0; text-align: center;}
/*简介*/
.sidebar .title {    width: 72%; margin: 0 auto; display:none;}
.nprofile {    margin-top: 50px;}
.nprofilecon {    width: 72%;   margin: 0 auto;overflow: hidden;}
.profiletiten {    font-size: 58px; float: left;display: block;line-height: 58px;width: 100%;}
.profiletitcn {    font-size: 30px;font-weight: bold; float: left;}
.nprofiletit {    float: left;}
.nprofiletxtcon {    float: left;padding-bottom: 70px;PADDING-TOP: 20PX;}
.profiletxt { padding-right: 66px;    font-size: 16px;}

.nculture {  padding-top: 50px;background: #ebeae9;overflow: hidden;}
.nculturecon {    width: 86%;   margin: 0 auto;}
.culturetiten {    font-size: 58px; float: left;display: block;line-height: 58px;width: 100%;}
.culturetitcn {    font-size: 30px;font-weight: bold; float: left;}
.nculturetit {    float: left;width: 100%;border-bottom: 1px solid #000;margin-bottom: 70px;}
.nculturetxtcon {    float: left;padding-bottom: 70px;}
.cultureleft {padding: 0 80px;}

.nyylycon .yyly2 { padding: 60px 120px !important; background: #fff;}
.nyylycon .yyly3 { padding: 100px 160px !important;    background: #ebeae9;}
.nyylycon .yyly4 {    background: #505a6a; padding: 40px !important;}
.nyylycon .yyly6 {    background: #fff; padding: 130px !important;}

.sb_nav .title {display: none;}
.sb_nav { position: relative; top: -130px;}
.position {color: #333;font-size: 14px;    border-bottom: 1px solid #3f4249; padding: 10px 0;}
.position a {color: #333;}
/*.prosidebar.inner{background: #d1d6e1;}*/
.prosidebarcon { width: 70%; margin: 0 auto; }
.prosb_nav #sidebar dl{float: left;margin-left: 5px; margin-right:5px;padding:0;/*width: auto;*/line-height: 60px;font-size: 20px; width:90%;}
.prosb_nav #sidebar dl dt{line-height:60px;font-size:16px;color:#fff; margin:0 auto; margin-bottom:5px; font-weight: normal;float: left; padding: 0; }
.prosb_nav #sidebar dl dt a{color:#000}
/*.prosb_nav #sidebar dl dt:hover{ background-color:#c91318;}*/
/*.prosb_nav #sidebar dl dt:hover a{ color:#fff}*/
#productlist li a.img img{ border:0px}
.protitle {
    border-bottom: 2px solid #505a6a;
   /* padding: 0 14px;*/
    margin: 0 14px;
    overflow: hidden;
}
#productlist li h3 {
    padding: 5px 0px 10px;
    font-weight: normal;    font-size: 16px;
    text-transform: uppercase;    }
#productlist li h3 a {float: left;line-height: 48px;}
#productlist li h3 span {float: right; display: block;}
.met_flash {width:100%;margin-top: 0px; font-size: 0px; overflow: hidden;    margin: 95px auto 0px;}
	
	
/*2020-01-02导航下拉样式添*/	
.nav1 .dropdown-menu .nav2 a { padding-top: 10px; padding-bottom: 10px;    color: #fff;}
.nav2 a:hover {/* min-width: 227px;*/}	
.dropdown-menu{ padding:0; margin:0;}
.caret { color: #333;}
/*li.nav2 {
    float: none;
}*/
/*2020-01-02产品内页样式添*/
/*.prosb_nav dl dt a span { color: #333;}*/
.prosb_nav #sidebar dl dt.on { background-color: #c91318; width: 100%;}
/*.prosb_nav #sidebar dl dt:hover{ background-color:#c91318;width: 100%;}
.prosb_nav #sidebar dl dt:hover a{ color:#fff}*/
span.jiathis_txt {
    display: none;
}
#productlist li a.img img:hover{ background:#000;}
.navbar-logo {
    padding: 50px 0;
}
.navbar-logo a {
    margin-left: -45px;
}
/*******************************产品图片经过效果*********************************************/
.probox{
	font-family: 'Niramit', sans-serif;
	text-align: center;
	position: relative;
	overflow: hidden;
	border: 1px solid #333;
    padding: 14px;
    margin: 14px;
}

/*.probox:before,
.probox:after,
.probox-content:before,
.probox-content:after{
	content: '';     background-color: rgba(46,163,83,0.3);
	height: 100%;
	width: 100%;
	transform: translateY(-100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s;}
.probox:hover:before,
.probox:hover:after,
.probox:hover .probox-content:before,
.probox:hover .probox-content:after{
	transform: translateY(0);
}*/

.probox-content:before,
.probox-content:after{
	content: '';     background-color: rgba(46,163,83,0.3);
	height: 100%;
	width: 100%;
	transform: translateY(-100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s;}

.probox:hover .probox-content:before,
.probox:hover .probox-content:after{
	transform: translateY(0);
}
.probox:after{ /*left: 25%; */}
.probox .probox-content:before{ left: 100%; }
.probox .probox-content:after{ /*left: 75%; */}
.probox:hover:before{ transition-delay: 0.225s; }
.probox:hover:after{ transition-delay: 0.075s; }
.probox:hover .probox-content:before{ transition-delay: 0.15s; }
.probox:hover .probox-content:after{ transition-delay: 0s; }
.probox img{
	width: 100%;
	height: auto;
	transition: all 0.3s ease 0s;
}
.probox:hover img{/* filter: grayscale(100%);*/ }
.probox .probox-content{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.2s;
}
.procontent{
	width: 100%;
	padding: 7px 0;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 2;
	transition: all 0.3s ease 0.1s;
}
.procontent h3{ font-size:32px !important;}
.probox:hover .procontent{
	opacity: 1;
bottom: 35%;
    padding: 0 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    word-break: break-all;
 text-overflow: ellipsis; height:30%;
}
/*详情鼠标经过效果*/
/*.xqyyly {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;}*/
/*.xqyyly .content {
    text-align: center;
    color: #fff;
    position: relative;
}
.xqyyly .content .mask {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    top: 0;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.xqyyly .content .mask p {
    font-size: 20px;    text-align: center!important;
}
.xqyyly::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff;-webkit-transform: scale(0, 1);transform: scale(0, 1);}
.xqyyly::before, .xqyyly::after {position: absolute;top: 10%;left: 10%;content: '';opacity: 0;width: 80%; height: 80%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; z-index: -1;}
.xqyyly::after {border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0);}*/

.xqyyly {
    cursor: pointer;margin-bottom: 20px;
}

.xqyyly .content {
    text-align: center;
    color: #fff;
    position: relative;
}

.xqyyly .content .mask {
    position: absolute;
    width: 100%;
}

.xqyyly .content .mask {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    top: 0;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.xqyyly:hover .content .mask {
    opacity: 1;
}

.xqyyly .content .mask p {
    font-size: 20px;    color: #fff;
}

.xqyyly::before,
.xqyyly::after {
    position: absolute;
    top: 10%;
    left: 10%;
    content: '';
    opacity: 0;
    width: 80%;
    height: 80%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    z-index: 3;
}

.xqyyly::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.xqyyly::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.xqyyly:hover::before,
.xqyyly:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 10;
}

/*1440*/
@media screen and (min-width:1400px)  and  (max-width:1679px)  {
.navbar .container { width: 90%; padding-left: 20px;}
.navbar-nav li a {padding-left: 10px; padding-right: 10px;}	
.abouttitcon {width: 20%;}
.aboutright { padding: 20px 30px;width: 30%;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 11;overflow: hidden;}
.protitcon { width: 32%;}
.newstitcon { width: 34%;}
.arealeft { padding: 4% 9% 0 9%;}
.arealeft span b {    line-height: 36px;    margin: 20px 0;}
.arealeft span p { font-size: 18px;line-height: 30px;}
.areamore { margin-top: 30px;}
.serviceright span b {  margin-bottom: 10px;}
.serviceright span p {    line-height: 32px;}
.servicemore { margin-top: 30px;}
.contactleft a {font-size: 17px;color: #fff;line-height: 30px;}
.contactright { width: 30%;}
/*内页*/
#messagelist .row b {font-size: 36px;}
#messagelist .row span { font-size: 24px;}
/*简介*/
.nprofilecon {width: 82%;}
.profiletxt { padding-right: 36px;    line-height: 30px;}
}
/*1360*/
@media screen and (min-width:1360px)  and  (max-width:1399px)  {
.navbar-nav li a {padding-left: 9px; padding-right: 9px;}
.topsearch {    padding-left: 0.5rem;}
li.toptel {    margin-left: 1rem;}
.abouttitcon {width: 20%;}
.aboutright { padding: 20px 30px;width: 30%;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 11;overflow: hidden;}
.protitcon { width: 32%;}
.newstitcon { width: 34%;}
.arealeft { padding: 4% 9% 0 9%;}
.arealeft span b {    line-height: 36px;    margin: 20px 0;}
.arealeft span p { font-size: 18px;line-height: 30px;}
.areamore { margin-top: 30px;}
.serviceright span b {  margin-bottom: 10px;}
.serviceright span p {    line-height: 32px;}
.servicemore { margin-top: 30px;}
.contactleft a {font-size: 17px;color: #fff;line-height: 30px;}
.contactright { width: 30%;}
/*内页*/
#messagelist .row b {font-size: 32px;}
#messagelist .row span { font-size: 22px;}
/*简介*/
.nprofilecon {width: 82%;}
.profiletxt { padding-right: 36px;    line-height: 30px;}
}
/*1280*/
@media screen and (min-width:1280px)  and  (max-width:1359px)  {
.navbar-nav li a {padding-left: 8px; padding-right: 8px;}
.topsearch {    padding-left: 0rem;}
li.toptel {    margin-left: 0.5rem;}
.abouttitcon {width: 20%;}
.aboutright { padding: 20px 30px;width: 30%;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 11;overflow: hidden;}
.protitcon { width: 34%;}
.newstitcon { width: 34%;}
.arealeft { padding: 3% 9% 0 9%;}
.arealeft span b {    line-height: 36px;    margin: 20px 0;}
.arealeft span p { font-size: 18px;line-height: 30px;}
.areamore { margin-top: 30px;}
.serviceright span b {  margin-bottom: 10px;}
.serviceright span p {    line-height: 32px;}
.servicemore { margin-top: 30px;}
.contactleft a {font-size: 15px;color: #fff;line-height: 30px;}
.contactright { width: 30%;}
.contacttxt span { font-size: 26px !important;}
/*内页*/
#messagelist .row b {font-size: 32px;}
#messagelist .row span { font-size: 22px;}
/*简介*/
.nprofilecon {width: 82%;}
.profiletxt { padding-right: 36px;    line-height: 30px;}
}
/*1024*/
@media screen and (min-width:961px)  and  (max-width:1279px)  {
.navbar .container { width: 93%; padding-left: 20px;}
.navbar-brand img {    width: 90%;}
.navbar-nav li a {padding-left: 5px; padding-right: 5px;    font-size: 16px !important;}
.topsearch {    padding-left: 0rem;}
li.toptel {    margin-left: 0.2rem; padding-left: 20px;    margin-left: 0rem;
    padding-left: 16px;}
.toptel span{ font-size:16px !important;}
.abouttitcon {width: 24%;}
.abouttit h1 { font-size: 40px;}
.abouttit span { font-size: 40px;}
.aboutright { padding: 20px 30px;width: 30%;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
.protitcon { width: 42%;}
.protit h1 {font-size: 40px;}
.protit span {font-size: 40px;}
.newstitcon { width: 42%;}
.arealeft { padding: 3% 5% 0 5%;}
.arealeft h1 { font-size: 40px;}
.arealeft span b {    line-height: 30px;    margin: 10px 0;font-size: 22px;}
.arealeft span p { font-size: 14px;line-height: 24px;}
.areamore { margin-top: 10px;}
.serviceright h1 {font-size: 40px;}
.serviceright span b {  margin-bottom: 10px;    line-height: 36px;}
.serviceright span p {    line-height: 24px;font-size: 14px;}
.servicemore { margin-top: 12px;}
.newstit h1 {font-size: 40px;}
.newstit span {font-size: 40px;}
.newsright li { margin-bottom: 10px !important;}
.newsright li a { padding-bottom:0 !important;}
.newsright li a dl {margin-bottom:10px !important;}
.contactleft a {font-size: 15px;color: #fff;line-height: 26px;}
.contactright { width: 33%;}
.contacttxt span { font-size: 26px !important;}
.contacttxt img {width: 49%;}
/*内页*/
#messagelist {width: 90%;}
#messagelist .row {
    padding: 140px 20px;}
#messagelist .row b {font-size: 30px;}
#messagelist .row span { font-size: 20px;}
.message_table li { margin: 20px 0;}
.message_table li span {line-height: 40px;font-size: 32px !important;    margin-bottom: 60px;    margin-top: 48px;display: block;}
.sb_nav {    top: -100px;}
.prosidebar.inner { width: 82%;}
/*简介*/
.nprofilecon {width: 90%;}
.profiletxt { padding-right: 24px;    line-height: 24px;    font-size: 14px;}

}
/*--------------------------------------index------------------------------------------*/


.news-time { padding-bottom:10px;}
.news-time h1 {    font-size: 20px; margin:0;}
.newsright li dl { float: left;}
.newsright .date {    font-size: 48px;color:#666; display: block;text-align: center;}
.newsright .year {    display: block; text-align: center; color:     #999;}
.newsright dd {    float: left; }
.newsleft p { }
.newsright li dd p {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;line-height: 18px; font-weight:700;}
.newsleft a {text-decoration: none;}
.metlist dd b {
    line-height: 32px;
}
.metlist dd p {
    line-height: 30px;
}
.metlist dd span {   margin-top: 6px;
}
/*.news-child{display:flex;}*/
.news-child-2{ -webkit-order: 2; -ms-flex-order: 2; order: 2; }
.news-child-1{ -webkit-order: 1; -ms-flex-order: 1; order: 1; }

/*footer*/
.contactleft span{}
footer{  color:#fff; /*text-align:center;*/font-size:12px;line-height:24px;background-color: #505a6a;overflow: hidden;border-top: 1px solid #fff;}
footer a,footer a:hover{color:#fff;}
.i-foot{padding-top:20px;}
/*fullpage*/
#fp-nav li .active span, .fp-slidesNav .active span{background: linear-gradient(#d90013, #ff000a);border:none}
#fp-nav span, .fp-slidesNav span{background: linear-gradient(#949494, #bcbcbc);border:none}
/*--------------------------------------------about-------------------------------------*/
.about-bg{padding-top:60px;}
/*--------------------------------------------culture-------------------------------------*/
.bg-culture{ background:url(../images/culture-bg.jpg);padding-top:100px;}
/*--------------------------------------------honor-------------------------------------*/
.bg-honor{ background:url(../images/honor-bg.jpg) ;padding-top:100px;}
.bg-honor .honor-list{ text-align:center}
.bg-honor .honor-list {margin:10px 0}
.bg-honor .honor-list img{border:#0b88c8 solid 2px;margin-bottom:5px;}
.bg-honor .pager{font-size:12px;}
.pager li>a, .pager li>span{background:#3a9fd3; color:#fff;}
/*--------------------------------------------newslist-------------------------------------*/
.newslist{padding:60px;}
.newslist .row{border-bottom:1px solid #e0e0de;padding-bottom:10px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
background: -webkit-radial-gradient(circle,#0b85b9, #0c91cc);
background: -0-radial-gradient(circle,#0b85b9, #0c91cc);
background: -moz-radial-gradient(circle,#0b85b9, #0c91cc);
background: radial-gradient(circle,#0b85b9, #0c91cc)}
.newslist .pagination>li>a,.newslist .pagination>li>span{padding:2px 8px;margin:0 2px;  border-radius:6px;}
.newstitle { padding: 5px 0; display: block; border-bottom: 1px solid #eee;}
.newstitle h3 { font-size: 16px;font-weight: bold;}
.newscon { margin-top: 20px;}
/*--------------------------------------------prolist-------------------------------------*/
.prolist{padding-top:80px;}
.prolist-page{  text-align:center}
.prolist .row{background:none;}
.page-header{border:none;text-align: center;margin: 0 auto;}
.title-line{width:7%; background:#333;height:2px;margin: 0 auto;}
 .small-title { text-transform: uppercase;margin: 12px;display: block;}
/*--------------------------------------------joblist-------------------------------------*/
.joblist{/* background:url(../images/job-bg.jpg)*/;padding-top:140px;}
.joblist .row{background:none;}
.joblist .job-list{padding:0 20px 20px 20px;margin-bottom:20px;
	background-color:#fff; 	
/*	-webkit-background-clip:border-box;
	-o-background-clip:border-box;
	-moz-background-clip:border-box;
	background-clip:border-box;*/
	border:2px solid #ccc;
	border:2px solid rgba(0, 0, 0, .0);
	border-radius:8px;
	-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);
	box-shadow:0 6px 12px rgba(0, 0, 0, .175)}
.joblist .job-list a{ color:#000;}
.joblist .job-list:hover{border-top:2px solid #0b85c4}
.joblist .job-list:hover h3,.joblist .job-list:hover a{color:#0b85c4}
.job-list ul{ clear:both; display:inline-block;}
.job-list ul li{float:left; padding-right:10px; color:#999;}
.job-list ul li .glyphicon{color:#ccc; font-size:12px;}
/*--------------------------------------------contact-------------------------------------*/
.bg-contact{padding-top:150px;background:url(../images/bg_contact.jpg);}
/*--------------------------------------------book---------------------------------------*/
/*.bg-book{  background:url(../images/book-bg.jpg) top center no-repeat;padding-top:100px;}*/
.page-header h2 {font-size: 36px; text-transform: uppercase; color: #c91318;font-weight: bold; margin:0;}
.book-form{padding-top:20px;}
.bg-book .textarea{width:100%}
.bg-book .input-group-addon{background:#999; color:#fff;}
.bg-book  .form-control{border:none;background:rgba(240, 240, 240, .80)}
/*height 100%*/
html,body,#fullpage{height:100%}
.bg-contact{height:100%}
/**/
@media  (max-width:440px) {
.banner01{ background:url(../images/banner01-xs.jpg) center;}
.banner02{ background:url(../images/banner01-xs.jpg) center;}
.banner03{ background:url(../images/banner01-xs.jpg) center;}
.banner04{ background:url(../images/banner01-xs.jpg) center;}
.bg-contact{height:100%}
}
/*@media  (max-width:440px) {
.bgi-one{padding-top:80px;}
.bgi-four{padding-top:0px;}
.i-foot{padding-top:100px}
.bg-contact{padding-top:200px;}

}*/
@media (min-width:440px) and (max-width:768px) {
.navbar-nav>li>a {padding-left:10px;padding-right:10px;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{width:50%;}
.bgi-one{padding-top:80px;}
.banner01{ background:url(../images/banner01-sm.jpg)  no-repeat top center;}
.banner02{ background:url(../images/banner01-sm.jpg)  no-repeat top center;}
.banner03{ background:url(../images/banner01-sm.jpg)  no-repeat top center;}
.banner04{ background:url(../images/banner01-sm.jpg)  no-repeat top center;}
h4{ margin:0}
.bgi-three li { margin-bottom: 10px; overflow: hidden;}
/*.bgi-four{padding-top:150px;}
.i-foot{padding-top:30%}*/
}
@media (max-width:768px) {
.menu-search { display:none;}
.zd-nav { float:right !important}	
/*产品页面*/
.sb_pronav h3.title dl {    font-size: 36px; text-transform: uppercase;color: #c91318;font-weight: bold;margin: 0;}
.sb_pronav h3.title dd {    display: none;}
#prosidebar {    display: table; margin: 0 auto; height: 40px; text-align: center;padding: 0;}
#prosidebar dl{float: left;margin-left: 5px; margin-right:5px;padding:0;width: auto;height:60px;line-height: 60px;font-size: 20px;}
#prosidebar dl dt{line-height:40px;font-size:14px;color:#333;padding-left:30px; padding-right:30px; margin:0 auto; margin-bottom:5px; border-radius:4px; border:#eee solid 1px;}
#prosidebar dl dt a{color:#333}
#prosidebar dl dt:hover{ background-color:#c91318;}
#prosidebar dl dt:hover a{ color:#fff}
#prosidebar dl dd{ padding:0px 0px 0px 0px;}
#prosidebar dl dd h4{width:110px!important;width:180px;padding-left:70px; background-image:url(../pro_list_bg2j.jpg); line-height:34px; color:#333; font-size:12px}
#prosidebar dl dd h4 a{ color:#ff0000; font-weight:100}
#prosidebar dl dt.on{ background-color:#c91318;}
#prosidebar dl dt.on a{ font-weight:100; color:#fff; }
#prosidebar dl h4.on a{ font-weight:100;}
/*产品页面*/
}
@media (max-width:992px) {
.menu-search { display:none;}
.zd-nav { float:left !important}	
/*产品页面*/
.sb_pronav h3.title dl {    font-size: 36px; text-transform: uppercase;color: #c91318;font-weight: bold;margin: 0;}
.sb_pronav h3.title dd {    display: none;}
#prosidebar {    display: table; margin: 0 auto; height: 40px; text-align: center;padding: 0;}
#prosidebar dl{float: left;margin-left: 5px; margin-right:5px;padding:0;width: auto;height:60px;line-height: 60px;font-size: 20px;}
#prosidebar dl dt{line-height:40px;font-size:14px;color:#333;padding-left:30px; padding-right:30px; margin:0 auto; margin-bottom:5px; border-radius:4px; border:#eee solid 1px;}
#prosidebar dl dt a{color:#333}
#prosidebar dl dt:hover{ background-color:#c91318;}
#prosidebar dl dt:hover a{ color:#fff}
#prosidebar dl dd{ padding:0px 0px 0px 0px;}
#prosidebar dl dd h4{width:110px!important;width:180px;padding-left:70px; background-image:url(../pro_list_bg2j.jpg); line-height:34px; color:#333; font-size:12px}
#prosidebar dl dd h4 a{ color:#ff0000; font-weight:100}
#prosidebar dl dt.on{ background-color:#c91318;}
#prosidebar dl dt.on a{ font-weight:100; color:#fff; }
#prosidebar dl h4.on a{ font-weight:100;}

/*产品页面*/
}
@media (min-width:660px) {
.banner01{ background:url(../images/banner01.jpg) no-repeat top center;}
.banner02{ background:url(../images/banner02.jpg)  no-repeat top center;}
.banner03{ background:url(../images/banner03.jpg)  no-repeat top center;}
/*.navbar-nav li a {padding-left:10px;padding-right:10px;}*/
.zd-navbar .dropdown-menu{position:absolute;}
}
/*@media (min-width:1200px) {
.navbar-nav li a {padding-left:6px;padding-right:6px;}
}*/
.nav1 a { background-repeat: no-repeat;}
.nav li:hover .dropdown-menu {display: block; }
/*修改 banner*/
/*--------------SLIDER----------------*/
#slider {width: 100%;/*margin: 100px auto 0px;height: 750px;*/}
/*--------------CONTROLS--------------*/
/*position controls*/
.controls li {top: 50%;margin-top: -30px}
.controls li:nth-child(1) {left: 0;}
.controls li:nth-child(2) {right: 0;}
/*------------PAGINATION------------*/
/*style pagination*/
.pagination li {background: linear-gradient(#949494, #bcbcbc)}
.pagination li.active {background: linear-gradient(#d90013, #ff000a);}
/*-------------HELPERS----------------*/
.responsive {width: 100%;height: auto;}
.clearfix:after {content: "";display: table;clear: both;}
/*项目标题-新增*/

.title-center h1{color:#1192d3; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(27, 107, 187, 1)), to(rgba(19, 138, 206, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
 .title-center .arrow{margin-top:10px;display: block;}
 .abouti-more {text-align: center;display:-webkit-box; margin:80px auto 0;}
 .more-center {    text-align: center;padding-top: 40px;}
 .more-center a {    background: none;border: 1px solid #ccc;display: inline-block;padding: 5px 20px;color: #333; text-transform: uppercase;}
/*上下页*/
.w-pages { text-align: center;}
.prolist-page ul {display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}
.prolist-page a {border-color: #ddd; border-width: 1px; color: #5a5a5a; margin-left: 1px;margin-right: 1px; font-size: 90%; padding: 0.2em 0.5em; background: none; color: #666;  border: 1px solid #bbb;  margin: 0 0.3em; text-decoration: none;display: inline-block;margin-bottom: 0.5em;}
/* JS导航栏 2019-09-27新添加*/
/*.nav1{float:left; width: auto; height:39px; position:relative}
.nav1 a{display:block; color:#fff; font-weight:bold; width:170.5714px; text-decoration:none;height:39px; font-size:16px; font-weight:100; line-height:39px;text-transform:uppercase}*/
.nav1 a:hover{/*color:#fff !important; background-color:#eee !important;line-height: 2;*/border-bottom: 3px solid #2ea353 !important;}
.navdown a{display:block; color:#fff !important; background-color:#c91318;}
.ecbtn a:hover{color:#fff !important; background:none !important;}
/*.link-z{width:2px; height:39px; padding:0px; margin:0px; float:left; background-image:url(../link.jpg); margin-left:10px; margin-right:10px}
.nav1Box{ height:39px; line-height:39px; display:block; text-align:center; z-index:9999999999; clear:both;}
.nav2{position:absolute;left:0px;width:400px; background:#dd423e; padding:0px; z-index:9999999999; padding:10px;left:0px; top:39px; border-radius:0 0 5px 5px}
.nav2 dl{ width:150px; float:left}
.nav2 dd{list-style-type:none; height:30px; border-bottom:#ccc solid 0px; text-align:center; width:120px}
.nav2 dd:hover{border-top:none; z-index:9999999999; height:30px; background-color: #993300; border-bottom:#333 solid 0px;color:#FFFFFF}
.nav2 dd a{ color:#fff; height:30px; border-top:none; line-height:30px; width:120px; font-weight:normal; font-size:14px; padding-top:0px; text-align:left; padding-left:17px; overflow:hidden; border-radius:5px}
.nav2 dd:hover a{ color:#ff0000;background-image:url(../menu-bg-no.jpg); background-color:#FFFFFF}
.nav2 dt{ display:block; float:right; color:#000000; padding-top:10px; border-left: #CCCCCC solid 1px; padding-left:20px}
.nav2 dt img{ width:210px}
#nav2_785,#nav2_786{ position:absolute; top:-2000px}*/
/* 2019-09-28新添加内页*/
.positioncon{background: #333;margin: 0;line-height: 40px;}
.positioncon span{ font-size:20px; padding:0px; color:#000; font-weight:100; text-align:center; text-transform:uppercase; }
.positioncon div.position{font-weight:bold;color:#fff; font-size:12px;text-transform:uppercase; /*! display:none width: 1200px*/;margin: 0 auto;}
.positioncon div.position a{ color:#fff;; font-size:12px;text-transform:uppercase; /*display:none*/}
.positioncon .active{ padding:0px; min-height:250px}
.sb_nav h3.title dl {    font-size: 36px; text-transform: uppercase;color: #c91318;font-weight: bold;margin: 0;}
.sb_nav h3.title dd {    display: none;}
#sidebar {    display: table; margin: 0 auto; text-align: center;padding: 0;}
#sidebar dl{float: left;    padding-left: 30px; padding-right: 30px;line-height: 60px;font-size: 20px;}
#sidebar dl dt{font-size:16px;color:#fff;    line-height: 56px; margin:0 auto;}
#sidebar dl dt a{color:#fff}
#sidebar dl dt:hover{ border-bottom: 3px solid #2ea353;line-height: 46px;}
#sidebar dl dt a span{font-size: 30px;color: #fff;    font-weight: 100;}
/*#sidebar dl dt:hover a span{ color:#fff;    font-size: 30px;}*/
#sidebar dl dd{ padding:0px 0px 0px 0px;display: none !important;}
#sidebar dl dd h4{width:110px!important;width:180px;padding-left:70px; background-image:url(../pro_list_bg2j.jpg); line-height:34px; color:#333; font-size:12px}
#sidebar dl dd h4 a{ color:#ff0000; font-weight:100}
#sidebar dl dt.on{ border-bottom: 3px solid #2ea353;    line-height: 46px;}
#sidebar dl dt.on a span{ font-weight:100; color:#fff;    font-size: 30px; }
#sidebar dl h4.on a{ font-weight:100;}
.sb_box{ overflow:hidden;    padding-bottom: 80px;}
.newsrow {overflow: hidden;border-bottom: 1px solid #e0e0de; padding-bottom: 10px;}
.productpic { margin-bottom: 12px;}
.bgi-nei{background:#fff;padding:60px 0;}
/* 2019-11-18产品页*/
@media (min-width:992px) {
#prosidebar { padding: 10px 10px 20px;}
.sb_pronav { background:  #fff;margin: 0;padding: 0;border-radius: 5px;}
.sb_pronav .page-header {  padding: 10px 0;background: linear-gradient(to right, #e62129 , #c5000e);border-top-left-radius: 5px;border-top-right-radius: 5px;}
.bgi-pro { padding: 40px 0;background: #eee;}
.sb_pronav .page-header dl { color: #fff;margin: 0;text-transform: uppercase;font-size: 30px;}
.sb_pronav .page-header dd {font-size: 12px;color:  #fff;}
#prosidebar dl { padding: 18px 0 18px 6px; font-family:"arial"; border-bottom: 1px solid #efeeed;;}
#prosidebar dl a { font-size: 13px;color: #333;font-weight: normal;}
#prosidebar dl a:hover{ background:#c5000e; display:block; padding:6px; color:#fff;}
#prosidebar dl dt.on{background:#c5000e; display:block; padding:6px; color:#fff;}
#prosidebar dl dt.on a{ font-weight:100; color:#fff; }
#prosidebar dl h4.on a{ font-weight:100;}
.navleft {padding: 20px 0;}
.navright {padding: 20px 0;}
}


@media only screen and (max-width:990px){
	.probox{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
	.probox .title{ font-size: 20px; }
}
/*******************************产品图片经过效果*********************************************/
/*2020-01-02手机站样式添*/
@media (max-width:992px) {}
@media (max-width:960px) {
.zd-navbar{background: #f6f6f6;    padding: 0 1.5rem;    position: fixed;left: 0;top: 0; width: 100%; height: 8rem; z-index: 600;transition: all .3s;min-height: 0;}
.container>.navbar-header {  margin-right: -15px; margin-left: -15px;margin: 0;    height: 6.6rem;}
.header .container{ padding:0 ; margin:0;}
.zd-navbar .navbar-brand {  position: fixed; padding:0;}
.navbar-toggle { margin-top: 4%; margin-bottom: 3%;    margin: 0; border: 0;width: 2.5rem; height: 100%; margin-left: 2rem;position: relative;}
.navbar-logo{ padding:0;}
.navbar-logo img { display: none;}
.navbar-header { background:#f6f6f6;border: 0;}
.navbar-header { padding: 0;}
.navbar-brand img {    width: auto;    height: 80px;}
.topsearch {    padding-left: 0rem;}
.topsearch-active { height: 6.6rem;}
li.toptel { padding-left: 1.4rem; height: 6.6rem;    margin: 0;}
.toptel span{ font-size: 1.2rem !important;    line-height: 6.6rem;}
.navbar-default .navbar-toggle .icon-bar {    position: absolute;right: 0; top: 0; background: url(../wap-nav.png) no-repeat 0 center; width: 100%;height: 100%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #444;background:#e6ebef;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height:100%;position: fixed;width: 52%;left: 52%;}


.abouttitcon {width: 20%;}
.abouttit {padding-bottom: 0px;}
.abouttit h1 { font-size: 24px;}
.abouttit span {    font-size: 24px; font-weight: 200;}
.abouttit hr {    top: -60px;}
.aboutright { padding: 20px 30px;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 12;overflow: hidden;}
.aboutmore span {font-size: 14px; font-weight:100;}
.protit {    PADDING: 40PX 0 14PX 0;}
.protitcon {     width: 36%;}
.protit h1 {font-size: 24px;}
.protit span {font-size: 24px;font-weight: 100;}
.protit hr {    top: -60px;}
.procon li span{font-size: 16px;}
.newstitcon { width: 36%;}
.arealeft { padding: 3% 5% 3% 5%;}
.arealeft h1 { font-size: 24px;}
.arealeft span b {    line-height: 30px;    margin: 10px 0;    font-size: 18px;}
.arealeft span p { font-size: 14px;line-height: 24px;}
.areamore { margin-top: 10px;}
.serviceright { padding: 3% 0% 3% 7%;}
.serviceright h1 {font-size: 24px;}
.serviceright span b {  margin-bottom: 10px;    line-height: 36px;    font-size: 18px;}
.serviceright span p {    line-height: 24px;font-size: 14px;}
.servicemore { margin-top: 12px;}
.newsleft {text-align: center; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.newsleft  h1 { font-size: 16px !important;}
.newstit { PADDING: 40PX 0 14PX 0;}
.newstit h1 {font-size: 24px;}
.newstit span {font-size: 24px;font-weight: 100;}
.newstit hr {    top: -60px;}
.newsright h1 { font-size: 16px !important;}
.newsright dd p {  font-size: 13px !important;}
.newsright li { margin-bottom: 10px !important;}
.newsright li a { padding-bottom:0 !important;}
.newsright li a dl {margin-bottom:10px !important;}
.bottomprotit { font-size: 18px;    line-height: 60px;}
.contactleft a {font-size: 14px;color: #fff;line-height: 26px;}
.contactright { }
.contacttxt span { font-size: 18px !important;}
.contacttxt p { font-size: 14px !important;}
.contacttxt img {width: 36%;}


.prosidebarcon { width: 96%; margin: 0 auto;}
.met_flash { margin-top: 80px;}
.prosb_nav #sidebar dl {width: auto;line-height: 30px;font-size: 16px;border: 1px solid #3f4249;padding: 5px; margin: 5px;}
.prosb_nav #sidebar dl dt {line-height: 30px;font-size: 16px;margin-bottom: 0px;}
.prosb_nav #sidebar dl dt.on { background:none;}
.prosb_nav #sidebar dl dt.on a{ font-weight:100; color:#c91318; }
.bgi-three .container { width: 98%;margin: 0 auto;}
.topcontact{ display:none;}
.bgi-onea .content{    width: 100%; padding-top: 10px;}
.countup{   padding: 3% 0;}
.bgi-onea .content .row {
    background: url(../saboutbg.jpg) no-repeat top;
    margin: 0;background-size: 100% auto;
}
.countup ul li h6 {font-size: 26px;}
.countup ul li h6 sup {
    font-size: 12px;}
.aboutleft { background: none;}
.abouttxt { padding: 4% 2% 4% 2%;}

.bgi-six .container{ width:98%;padding: 0;}
.aboutleft { margin:0; padding:0;   }
.aboutmore { margin:0;    padding: 0 3%;}
.aboutright{ }
.newstit {top: 0;}
.i_news span{ display:block ;font-size: 30px !important;
    line-height: 30px;padding: 30px 0 50px 0;}
.bgi-five hr{ margin:0 !important;;}

.title-center a {font-size: 42px;}
.bgi-six {padding: 30px 0;}
.bgi-five {padding: 30px 0;}
.bgi-four {padding: 30px 0;padding: 0;}
.bgi-three .content {width: 100%;}
.row {margin: 0;}
.catetit img {width: 50%;}
.advantit01 img { width: 36%; float: left;}

.newstitcon dl{line-height: 60px; color:#535353;}
.newstitcon dd{ float:left;}
.bgi-four .content{    padding: 40px 0;    padding: 0;
    width: 94%;
    margin: 0 auto;}
.i_news ul li dd h1 {font-size: 16px; font-weight:bold;float: left;}
.i_news ul li dd p {float: left;}
.bgi-five .content{ padding:0;}

.contacttxtl li p{ width:100%;}
.contactright{ margin:0!important;padding-top: 26px !important;}
.contacttxt {padding-bottom: 60px;border: 0;    padding-bottom: 0;}
.footercode { margin:0}
.footercode li { width: 30%;margin: 50px 5px 0 5px;}
.footercode li span { font-size:14px; padding:0;}
.footcon span { font-size: 14px !important; line-height: 18px !important;}
.footicon {
    position: absolute;
    top: 160px;
    margin: 0 10px;}
/*.dropdown-menu { display:none !important;}*/
.bgi-onea {padding: 30px 0;}
.slider-focus{    margin: 90px auto 0px;}
.met_flash {    margin: 80px auto 0px;}
.sb_nav {  top: 0;border-bottom:0;    z-index: 9;background: #ebeae9;    padding: 20px 0;}
#sidebar dl dt a span { font-size: 16px;    color: #333;}
#showtext {  margin: 0 auto;}
.nprofilecon {width: 84%;}
.profiletxt { padding-right: 0;}
#sidebar {margin: 0 auto; width: 94%;}
#sidebar dl { margin: 0px 5px;    padding: 0 6px;}
#sidebar dl dt.on a span {
    color: #333;}
#sidebar dl dt { line-height: 50px;}
.sidebar.inner {
    width: 100%;
    margin: 0 auto;    position: inherit;}
.nav-line{ display:none !important;}
.sb_boxtitle{     font-size: 48px !important;
    padding-top: 0px !important;
    line-height: 48px !important;}
.sb_box .nadvancon li h1 {
font-size: 18px !important;
    word-break: break-all;
    line-height: 24px !important;
}
.navbar-default .navbar-nav li a {line-height: 2;}
.topright { background: none;max-height: 100%; position: fixed; left: 45%;    top: 0;}
.search-alert .topsearch-form {height: 74px; margin-top: -63px;}	
.search-alert .topsearch-form .topsearchtx { font-size: 20px;height: 70px; line-height: 70px; background: none; padding-left: 60px; padding-right: 80px; background: url(../ico_36.png) no-repeat 25px 30px;}
.search-alert .topsearch-form .topsearchbtn {cursor: pointer; width: 70px; height: 70px;}
.nav1.ecbtn {    float: left;}
/*导航三级菜单*/
/*.adropdown-menucon { display:none;}*/
/*.pdropdown-menucon {display:none;}*/
/*.cdropdown-menucon {display:none;}*/
.pdropdown-menucon {
    float: none;
    width: auto;
}
.nav li:hover .dropdown-menu { display: block !important;}
.zd-navbar .dropdown-menu { background: rgba(230, 230, 230, .35) !important;  border: none !important; min-width: 220px !important; position: relative !important; background: #333 !important;}
.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 1000 !important;
    display: none !important;
    float: left !important;
    min-width: 160px !important;
    padding: 5px 0 !important;
    margin: 2px 0 0 !important;
    font-size: 14px !important;
    text-align: left !important;
    list-style: none !important;
    background-color: #fff !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    border: 1px solid #ccc !important;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
}
#sidebar dl dt.on a span { border:0;    font-size: 16px; }
#messagelist {    width: 94%;}
#messagelist .row span { border: 0;font-size: 16px;line-height: 30px;}
#messagelist .row { padding: 140px 40px 0;}
.prosidebar.inner {width: 86%;}	
#productlist li h3{    white-space: nowrap;overflow: hidden; text-overflow: ellipsis;    font-size: 14px;}
.showprosidebar .title {
    width: 88%;}
.showproductcon { width: 88%;}
.showproyylycon {width: 94%; margin: 0 auto;}
.showprocssz {    width: 94%;padding: 0 !important;}
.showprocssz span {
    font-size: 14px !important;
}
#showproduct dl span {font-size: 18px !important;}
#spec-n1 { padding: 40px 0;}
span.jscstit { font-size: 24px !important;line-height: 48px !important;}
span.yylycstit { font-size: 24px !important;line-height: 48px !important;}
.nyylycon .yyly1 { margin:0 !important;}
.nyylycon .yyly2 {margin:0 !important; padding: 10px !important; background: #fff;}
.nyylycon .yyly3 { padding: 20px !important;    background: #ebeae9;}
.nyylycon .yyly4 {    background: #505a6a; padding: 20px !important;}
.nyylycon .yyly6 {    background: #fff; padding: 20px !important;}
}
/*@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}*/
@media screen and  (max-width:768px){
/*.abouttitcon {width: 39%;}
.abouttit h1 { font-size: 3rem;}
.abouttit span { font-size: 3rem;}
.abouttit hr {    top: -68px;}
.abouttxt{ display:block;}
.protit h1 { font-size: 3rem;}
.protit span { font-size: 3rem;}*/
.arealeft{padding: 8% 5% 8% 5%;}
.serviceright {padding: 8% 0% 8% 7%;}
/*.newstit h1 { font-size: 3rem;}
.newstit span { font-size: 3rem;}*/
/*.contactleft a { font-size: 1.2rem;    line-height: 2rem;}
.bottomprotit{font-size: 2rem;}
.contacttxt p { font-size: 1.2rem !important;}*/
#messagelist hr { border: 0px;}
#messagelist .row b {font-size: 30px; margin-bottom:0;}
.message_table li span {line-height: 40px; font-size: 32px !important;}
/*#messagelist .row span { border: 0;font-size: 17px;line-height: 30px;}*/
#messagelist .row { padding: 80px 0 0 26px;}
.message_table {    padding: 30px 0 0 20px;}
}
@media screen and  (max-width:620px){
.abouttitcon {width: 30%;}
/*.abouttit h1 { font-size: 3rem;}
.abouttit span { font-size: 3rem;}
.abouttit hr {    top: -68px;}
.abouttxt{ display:block;}*/
.arealeft{padding: 8% 5% 8% 5%;}
.serviceright {padding: 8% 0% 8% 7%;}
.protitcon {width: 46%;}
.newstitcon {width: 46%;}
/*.protit h1 { font-size: 3rem;}
.protit span { font-size: 3rem;}

.newstit h1 { font-size: 3rem;}
.newstit span { font-size: 3rem;}
.contactleft a { font-size: 1.2rem;    line-height: 2rem;}
.bottomprotit{font-size: 2rem;}
.contacttxt p { font-size: 1.2rem !important;}	*/
#messagelist hr { border: 0px;}
#messagelist .row b {
    font-size: 22px; margin-bottom:0;}
/*#messagelist .row span { border: 0;font-size: 17px;line-height: 30px;}*/
#messagelist .row { padding: 80px 0 0 26px;}
.message_table {    padding: 30px 0 0 20px;}
/*#sidebar dl dt.on a span { border: 0; font-size: 18px;}
#sidebar dl dt a span { font-size: 18px;color: #333;}*/
.probox {
    margin-bottom: 30px;
    margin: 0;
}
.protitle{ margin:0;}
}
@media screen and  (max-width:530px){
.abouttitcon {width: 32%;}
/*
.abouttit h1 { font-size: 3rem;}
.abouttit span { font-size: 3rem;}
.abouttit hr {    top: -68px;}
.abouttxt{ display:block;}
.protit h1 { font-size: 3rem;}
.protit span { font-size: 3rem;}*/
.arealeft{padding: 8% 5% 8% 5%;}
.serviceright {padding: 8% 0% 8% 7%;}
.protitcon {width: 56%;}
.newstitcon {width: 56%;}
/*.newstit h1 { font-size: 3rem;}
.newstit span { font-size: 3rem;}
.contactleft a { font-size: 1.2rem;    line-height: 2rem;}
.bottomprotit{font-size: 2rem;}
.contacttxt p { font-size: 1.2rem !important;}	*/
#messagelist hr { border: 0px;}
#messagelist .row b {
    font-size: 22px; margin-bottom:0;}
/*#messagelist .row span { border: 0;font-size: 17px;line-height: 30px;}*/
#messagelist .row { padding: 80px 0 0 26px;}
.message_table {    padding: 30px 0 0 20px;}
.navbar-brand img {   }
/*#sidebar dl dt.on a span { border: 0; font-size: 18px;}
#sidebar dl dt a span { font-size: 18px;color: #333;}*/
.profiletiten {font-size: 42px;}
.probox {
    margin-bottom: 30px;
    margin: 0;
}
.protitle{ margin:0;}
}
@media screen and  (max-width:460px){
.abouttitcon {width: 44%;}
/*.
.abouttit h1 { font-size: 3rem;}
.abouttit span { font-size: 3rem;}
.abouttit hr {    top: -68px;}
.abouttxt{ display:block;}
.protit h1 { font-size: 3rem;}
.protit span { font-size: 3rem;}*/
.arealeft{padding: 8% 5% 8% 5%;}
.serviceright {padding: 8% 0% 8% 7%;}
.protitcon {width: 70%;}
.newstitcon {width: 70%;}
/*.newstit h1 { font-size: 3rem;}
.newstit span { font-size: 3rem;}
.contactleft a { font-size: 1.2rem;    line-height: 2rem;}
.bottomprotit{font-size: 2rem;}
.contacttxt p {
    font-size: 1.2rem !important;
}*/
#messagelist hr { border: 0px;}
#messagelist .row b {
    font-size: 22px; margin-bottom:0;}
/*#messagelist .row span { border: 0;font-size: 17px;line-height: 30px;}*/
#messagelist .row {padding: 10px 0 0 15px}
.message_table {    padding: 30px 0 0 20px;}
/*#sidebar dl dt.on a span { border: 0;     font-size: 18px;}
#sidebar dl dt a span {     font-size: 18px;color: #333;}*/
.profiletiten {font-size: 36px;}
.nprofile {margin-top: 10px;}
.culturetiten { font-size: 36px;}
.nculture {    padding-top: 10px;}
.cultureleft {    padding: 0;}
.nculturetit {    margin-bottom: 0;}
.culturetxt { line-height: 30px; margin-top: 20px;}
.nculturetxtcon {float: left;padding-bottom: 30px;}
.sb_box {    padding-bottom:0px;}
.prosb_box {    padding-bottom:0px;}
.probox {
    margin-bottom: 30px;
    margin: 0;
}
.protitle{ margin:0;}
}

div#container25723942feab1bd86f111a1726d88409_2 {
    position: initial !important;
}
iframe#polyvPlayer25723942feab1bd86f111a1726d88409_2{
position: inherit  !important;}