@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: #2963c8;}
a:focus, a:hover {}
@media (min-width:1024px) {
.container {width:1200px;padding:0;}
.navbar .container { width: 100%; margin: 0 auto;}
.navbar-nav li a {padding-left: 16px;padding-right: 16px;}
}
body { background: #fff; color:#333;}
img{max-width: 100%;}
/*header*/
.header{position:fixed;  top:0px; left:0; z-index:998; }
.zd-navbar {min-height:100px;  border:none;background-color: #000;box-shadow: 0px 2px 10px 0px #333; background:#fff;   }
.zd-navbar .navbar-brand{}
.zd-nav{font-size:1em;min-height:100px;width: 100%;}
.navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 2;
}
.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:240px;position:relative;    background: #333;	}
li.nav2 { min-width: 240px;}
.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;float: left;display: table;height: 100px;    padding-left: 50px;}
.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 { float:left;    border-left: 1px solid #eee;    padding: 0;}
.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 {}
.toptel span { line-height: 60px;}
li.nav1.pecbtn {
    display: none;}
/* --- Í·²¿ - ËÑË÷ --- */
.toptel { text-align:center; line-height: 100px;}
.topwx{  text-align:center; line-height: 100px;    position: relative; display: inline-block;  cursor: pointer;margin-top: 44px;}
.topwx a{ background-position: -200px;}
.topwx .wxewm {
    filter: Alpha(opacity=0);
    opacity: 0;
    width: 0;
    height: 0;
    position: fixed;
	top: 100px;
    right: 120px;
    z-index: 999;
    transition-duration: .5s;
}
.topwx:hover .wxewm {
    filter: Alpha(opacity=100);
    opacity: 1;
    width: 132px;
    height: 132px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    transition-duration: .5s;
}
.toptelnum{ font-size:20px; color:#2963c8;    filter: Alpha(opacity=0);
    opacity: 0;
    width: 0;
    height: 0;
    position: fixed;
	top: 100px;
    right: 160px;
    z-index: 999;
    transition-duration: .5s;    background: #fff;}
.toptel:hover .toptelnum{    filter: Alpha(opacity=100);
    opacity: 1;
    width: 260px;
    height: 60px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    transition-duration: .5s;}
.ecbtn{float: left; line-height: 100px;  text-align: center;}
.ecbtn a{ color:#fff;}
/* search */
li.searchnav2 { float: right;}
.topsearch-active { cursor: pointer; width: 30px;height: 100px; background: url(../topsearch.jpg) no-repeat 0 center;}
.topsearch { position: relative;  padding-right: 4%;}
.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-size: auto;background-color:#2963c8; background-size: 20px 20px; position: absolute; right: 0; bottom: 0; z-index: 10001; outline: none;}

/*--------------------------------------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;}

.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: 30px 0;overflow: hidden;    text-align: center;
    display: table; margin: 0 auto;}
.iprolist li a { text-align: center;    font-size: 13px;color: #fff;line-height: 18px;}
.iprolist li:hover { background:#aacd00; color:#fff; list-style:none; text-decoration:none;}
.iprolist li:hover a { color:#fff;}
.productpic a { box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);}
li.listnav { margin-bottom: 8px;   padding: 6px 36px; border-radius: 20px; float: left;  margin-right: 20px;    background: #0059ab;}

/*one categories*/
.bgi-onea{padding: 60px 0 42px;}
.bgi-onea .content { margin: 0 auto;overflow: hidden;    width: 74%; }
.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}
.areatit {     PADDING: 40PX 10px; background:url(../images/areabg.jpg) no-repeat}
.areatitcon { width: 74%; margin: 0 auto; z-index: 9; position: relative;    overflow: hidden;}
.areatitleft {  float: left;}
.areamore {      background: #fff; display: inline-block; padding: 6px 26px; color: #fff;margin-top: 130%;}
.areamore span{ font-size: 16px;
    font-weight: 100;
    color: #FFF;
    text-transform: uppercase;
    display: block;}
.areatit h1 {font-size: 30px; color: #fff; font-weight: bold; line-height: 60px;}
.areatit span {font-size:15px;font-weight: 100; color:#fff;text-transform: capitalize;     display: block;}
.areamore span {font-size:12px;font-weight: 100; color:#2963c8;text-transform: uppercase;     display: block;}
.areatit hr {    position: relative;border-top: 3px solid #fff;width: 20%;}
.areacon{ overflow:hidden;    margin: 0 auto;}
.areaconbox{  overflow: hidden; }
.areacon li:hover{ position:relative; top:-20px;}
.areacon li span{ font-size:14px; color:#8d8d8d; text-align:center;    float: left; width: 100%;    background: #fff;  line-height: 40px;    text-transform: uppercase;}
.areacon li p{ border: 1px solid #333; display: inline-block;     padding: 6px 36px;color: #333; text-transform: uppercase;}
.catemore { width: 100%; text-align: center; padding: 30px 0;}
.areaconbox h2{    font-size: 18px;text-align: center; color: #fff;position: relative;z-index: 1000; top: -42px;}
.areaicon { text-align: center;padding: 30px 0 20px 0;}
.areanum{text-align: center;    padding-bottom: 40px;}

/*two about*/
.bgi-two{     overflow: hidden;      padding: 60px 0;    }
.bgi-two .content{    width: 74%; margin:0 auto;background: #fff;     box-shadow: 8px 10px 26px 8px #eee; overflow: hidden;}
.aboutright {    padding: 0; position: relative;float: right; }
.aboutlogo { text-align: center;}
.aboutright img {}
.aboutlist { padding: 2% 20% 0 28%;}
.aboutlist ul li .aboutlistbox{border-bottom: 1px solid #fff;    overflow: hidden}
.aboutlist ul li span { font-size: 14px; color: #fff; float: left;  line-height: 50px;}
.aboutlist ul li p{ color:#fff; float:right; line-height:50px;}
.aboutleft { padding: 0; background:url(../images/aboutbg.jpg) no-repeat;  padding: 3%; }
.aboutnum { background: #333;}
.abouttit {    padding-bottom: 26px; margin: 0 auto; }
.abouttitcon {   z-index: 9; position: relative;   }
.abouttit h1 {font-size: 30px;font-weight: bold;color: #333;line-height: 30px;    text-transform: uppercase;}
.abouttit span {    font-size: 18px;font-weight: 600; color:#333;  display: block;text-transform: capitalize;line-height: 18px;padding: 12px 0;}
.abouttit hr {        border-top: 4px solid #2963c8;width: 5%;margin: 0;}
.abouttit .arrow { display: block;}
.abouttxt {      line-height: 27px;font-size: 15px; color:#fff;}
.aboutmore {    padding: 10px 0;margin-top: 120px;margin-top: 1%;}
.aboutmore a { display: inline-block;     padding: 6px 36px;color: #fff; text-transform: uppercase;    background: #2963c8; border-radius: 20px;}
.aboutmore span { font-size: 14px;color: #fff;}
.aboutmore a:hover {  background: #add004; border:0;  display: inline-block;     padding: 6px 36px;color: #fff; text-transform: uppercase; }
.aboutmore a:hover span { font-size: 14px;color: #fff;}
/*******************Êý×Ö¹ö¶¯**********************************************************************************************************************/
.countup { padding: 50px 0 30px;overflow: hidden;padding: 2% 0 0;    padding-right: 100px;}
.countupcon { width: 74%; margin: 0 auto;}
.countup ul {overflow: hidden; padding: 30px 0 0;}
.countup ul { margin: 0 auto;}
.countup ul li {float: left; box-sizing: border-box;list-style: none;padding-left: 60px;}
.countupcon li img { float: left;}
.countright01 {  float: left; background: url(../images/abouticon01.jpg) no-repeat;}
.countright02 {  float: left; background: url(../images/abouticon02.jpg) no-repeat;}
.countright03 {  float: left; background: url(../images/abouticon03.jpg) no-repeat;}
.countright04 {  float: left; background: url(../images/abouticon04.jpg) no-repeat;}
.company {    border: 0px !important;}
.countup li span {color: #2963c8;}
.countup ul li h6 { font-family: 'HeliosExt Thin','arial';font-size: 32px;color: #333;font-weight: normal;margin: 0;padding: 0;  font-weight: bold;padding-left: 50px;}
.countup ul li h6 sup { font-size: 12px;color: #333;vertical-align: text-top;top: 1em;}
.countup ul li p { font-size: 14px;color:#333;line-height: 14px;padding-left: 50px;}
/*******************Êý×Ö¹ö¶¯**********************************************************************************************************************/

/*one product*/
.bgi-three{padding: 80px 0 60px 0;}
.protit{overflow: hidden;position: relative;}
.productbgleft {   background: #f5f5f5;    padding:10%;}
.productbgleft h1 {  font-size: 30px;}
.productbgleft span {  font-size: 16px;line-height: 48px;}
.productbgright { background: #c7dae9;    padding: 2%;}
.protitcon { width: 74%;margin: 0 auto;}
.protitcon h1 {font-size: 36px;color: #333;line-height: 50px;text-align: center;    font-weight: bold;    text-transform: uppercase;}
.protitcon hr{    border-top: 3px solid #2963c8;  width: 4%;margin: 0 auto;}
.protitcon span {text-align: center;color: #666; display: block;width: 90%; margin: 0 auto;    font-size: 14px;line-height: 14px;padding-top: 10px;}
.productcon { overflow: hidden; width: 74%; margin: 0 auto;padding: 0 0 30px;}
.productcon li{margin-bottom: 10px;}
.proname { text-transform: uppercase;text-align: center;display: block;overflow: hidden;position: relative;font-size: 16px;padding: 10px 0;background: #eee;}
.productcon li a:hover .proname{background: #0059ab;}
.proname span { color: #333;    line-height: 48px;font-size: 14px;}
.productcon li a:hover .proname span{color: #fff;}
.promore { width: 74%;margin: 0 auto;text-align: center;}
.promore a { text-transform: uppercase;display: inline-block;background: #2963c8;padding: 6px 36px;color: #fff;border-radius: 20px;}
.promore a:hover {background: #add004;color: #fff;}
.promore a:hover span {color: #fff;}
.promore span { font-size: 14px;color: #fff;line-height: 18px;text-align: center;}
.fproductpic {overflow: hidden;     background: #eee;     border: 10px solid #eee;    border-bottom: 0;  }
.productcon li a:hover .fproductpic { position: relative; top: 0;background: #0059aa;     border: 10px solid #0059aa;border-bottom: 0; }

.fproductpic img {transition: all 0.6s;}
.fproductpic:hover img{
    transform: scale(1.2, 1.2);
    -ms-transform:scale(1.2, 1.2); 
    -moz-transform:scale(1.2, 1.2); 
    -webkit-transform:scale(1.2, 1.2); 
    -o-transform:scale(1.2, 1.2); }

.carousel-inner .item .row{ margin:0;}
/*eight news*/
.bgi-eight{ overflow: hidden;padding:80px 0 60px 0; background: #f6f6f6;}
.bgi-eight .content{ width: 74%; margin: 0 auto; }
.newstit { overflow: hidden;}
.newstitcon hr {
    border-top: 3px solid #2963c8;
width: 2.4%;
    margin: 0 auto;
}
.newstitcon>h1 {font-size: 36px;color: #000; text-transform: uppercase; font-weight: bold; text-align:center;}
.newstitcon>span {font-size: 14px; color: #666;text-align:center;    display: block;line-height: 14px;padding: 10px 0;}
.newscontent {overflow: hidden;padding: 30px 0;}
.newscontent ul li .newsbox { /*border: 1px solid #eee;*/    background: #fff;overflow: hidden;}
.newscontent ul li .newsbox:hover{background: #0059aa;}
.newsbox dl{padding: 10px; margin:0;}
.newscontent li dd{ padding:10px 10px 30px 10px;}
.newscontent li dd h1 {font-size: 16px;text-transform: capitalize;}
.newscontent li dd>p {font-size: 14px;text-transform: capitalize; color: #666;     padding: 14px 0; border-bottom: 1px solid #eee;}
.newscontent li:hover dd h1 {font-size: 16px;text-transform: capitalize;color: #fff;}
.newscontent li:hover dd>p {font-size: 14px;text-transform: capitalize; color: #fff;     padding: 14px 0; border-bottom: 1px solid #fff;}
.newsmore {  float: right; background: url(../images/morebtn.png) no-repeat;width: 240px;height: 56px;}
.newsmore a {color: #fff;padding: 26px 0 0 60px; position: relative; display: block; text-transform: uppercase;}
.newsconmore{line-height: 14px;color: #999; margin-top: 8px; display: block;}
.newsconmore span{color: #999;float: left;}
.newsconmore p{color: #999;float: right;}
.newscontent li:hover span{color: #fff;}
.newsconmore img{float: right;}
.newsconmore:hover{color: #2963c8;}
.bnewsmore{text-align: center; }
.bnewsmore a { background: #2963c8; padding: 6px 36px;    color: #fff;    border-radius: 20px;}
.bnewsmore:hover a { background: #add004;}
.newscontentpic{overflow: hidden;}
.newscontentpic:hover img{ transform: scale(1.2, 1.2);
    -ms-transform:scale(1.2, 1.2); 	/* IE 9 */
    -moz-transform:scale(1.2, 1.2); 	/* Firefox */
    -webkit-transform:scale(1.2, 1.2); /* Safari and Chrome */
    -o-transform:scale(1.2, 1.2); 	/* Opera */}
.newscontentpic img{    transition: all 0.6s;    overflow: hidden;}
/*night partners*/
.bgi-night{ overflow: hidden;padding: 80px 0 60px 0; background: #f5f5f5;}
.bgi-night .content{ width: 74%; margin: 0 auto;padding: 30px 0; }
.parttit { overflow: hidden;}
.parttitcon {    WIDTH: 74%;  margin: 0 auto;}
.parttitcon h1 {    font-size: 36px; text-transform: uppercase; line-height: 36px;color: #000;font-weight: bold; text-align: center;}
.partpiccon { background: #fff; border: 1px solid #eee;  padding: 4px;}
.partpic { margin-bottom: 20px;}
.parttitcon>span {font-size: 14px;text-transform: capitalize; color: #666;    text-align: center; display: block;padding: 10px 0;line-height: 14px;}
.parttitcon hr{border-top: 3px solid #2963c8;
    width: 2.4%;
    margin: 0 auto;}
.partmore {     text-align: center;}
.partmore span { background: #2963c8;padding: 6px 36px; color: #fff;border-radius: 20px;}
.partmore:hover span { background: #add004;}
/*six contact*/
.bgi-six{  overflow: hidden;     padding: 60px 0;background: #282828;}
.bgi-six.section a:hover {color: #add004
}
.bgi-six .container{ width:74%; margin:0 auto;overflow:hidden;}
.contactli {  padding: 40px 20px;}
#messagelist { padding: 15px; padding: 0;width: 74%;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 { }
.contactright { line-height: 286px;}
.contactleft h1 {font-size: 16px;color: #fff; font-weight: 600;line-height: 48px;}
.contactleft span { color: #fff; line-height: 20px;font-size: 12px;}
.contactleft a {    font-size: 14px; color: #fff;line-height: 32px;}
.contactmore { margin-top: 80px;}
.bottomprotit {    font-size: 24px; color: #fff;line-height: 72px;}
.ncontact { background: #2963c8;}
.ncontact .content {
    padding-top: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 40px !important;
    padding-left: 40px !important;
    background: #2963c8 !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important; overflow: hidden;}
.contacttxt {float: left;      width:100%;    line-height: 26px;}
.contacttxt span {    color: #fff;font-size: 15px;}
.contactright { float: right;padding-left: 60px; }
.contacttxtleft li {    margin: 10px 0; float: left;}
.contacttxtleft li img {    float: left; margin-right: 3px;}
.contacttxtright li {   margin: 20px 0;}
.contacttxtright li img {    float: left; margin-right: 3px;}
.bcontactlist { border-right: 1px solid #c6c7c8;padding-left: 18px;}
.baboutlist{padding-left: 18px; }
.bhotline span { font-size: 14px;color: #919191;}
.bhotline p { font-size: 24px; color: #fff; font-weight: bold;}
.bemail span { font-size: 14px;color: #919191;}
.bemail p { font-size: 16px; color: #fff; }
.baddress span { font-size: 14px;color: #919191;}
.baddress p { font-size: 16px; color: #fff; }

/*ÄÚÒ³*/
/*2019-12-22ÄÚÒ³ÑùʽÌí*/
.sidebar.inner { width: 100%; margin: 0 auto;position: relative;background: #fff;}
.prosidebar.inner { width: 72%;margin: 0 auto;}
.prosb_box { overflow: hidden;padding-bottom: 80px;}
/*²úÆ·ÏêÇé*/
.showprosidebar.inner { position: relative; top: -61px;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 { text-align: center;border: 1px solid #eee;}
/*¼ò½é*/
.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;}
/*ÁªÏµ*/
#ncontactlist .ncontact {overflow: hidden;}
#ncontactlist .ncontacttit h1 { font-size: 48px; font-weight: 800;color: #2963c8;}
#ncontactlist .ncontacttit span { font-size: 12px;    float: left; width: 100%;line-height: 36px;}
#ncontactlist .ncontactleft .contacttxt span {    color: #333;font-size: 16px;}
#ncontactlist .ncontacttit { padding-bottom: 50px;}
#ncontactlist .ncontact hr {width: 5%;float: left; display: block; height: 3px; background: #333;}

.sb_nav .title {display: none;}
.sb_nav {     text-align: center; background-color: #f1f1f1; overflow: hidden; position: relative; /*border-bottom: 1px solid #ddd;*/}
.position {color: #333;font-size: 14px;    border-bottom: 1px solid #3f4249; padding: 10px 0;}
.position a {color: #333;}
.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}
#productlist li a.img img{ border:0px}
#productlist li {
    margin: 10px 0;
}
div#productlist {
    overflow: hidden;
}
.protitle {      overflow: hidden;    background: #eee;}
#productlist li h3 {padding: 5px 0px 10px;font-weight: normal;    font-size: 16px;text-transform: uppercase;text-align: center;    }
#productlist li h3 a {line-height: 48px;font-size: 15px;}
#productlist li h3 span {float: right; display: block;}
.met_flash {width:100%;margin-top: 100px; font-size: 0px; overflow: hidden;}
	
/*2020-01-02µ¼º½ÏÂÀ­ÑùʽÌí*/	
.nav1 .dropdown-menu .nav2 a, .nav1 .dropdown-menu .nav2 a:hover, .nav1 .dropdown-menu .nav2 a:focus, .nav1 .dropdown-menu .nav2 a:active { padding-top: 10px; padding-bottom: 10px;    color: #fff;    line-height: 24px;}
.nav2 a:hover { min-width: 240px;}	
.dropdown-menu{ padding:0; margin:0;}
.caret { color: #333;}
/*2020-01-02²úÆ·ÄÚÒ³ÑùʽÌí*/
.prosb_nav #sidebar dl dt.on { background-color: #c91318; width: 100%;}
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;    padding: 14px;  background: #eee;}
.probox-content:before,
.probox-content:after{content: '';     background-color: rgba(0,0,0,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 {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: 74%; height: 74%;-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;}
/*--------------------------------------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;}
.newsleft a {text-decoration: none;}
.metlist dd b { color: #39393a !important;font-size: 15px !important;font-weight: bold;margin: 10px 0 10px;line-height: 20px;height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.metlist dd p { color: #63686b;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.metlist dd span {   margin-top: 6px;}
#newslist .list {padding: 20px 0;float: left;border-bottom: 1px solid #ddd;}
#newslist .list a {color: #39393a !important;font-size: 15px !important;font-weight: bold;margin: 10px 0 10px;line-height: 20px;height: 20px;overflow: hidden;}
#newslist .list p{color: #63686b;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#newslist .list span {  float: right;}
#shownews .title { display: block;width: 100%; font-size:18px;}
#shownews .newstime {color: #7d8387; padding: 15px 0 20px;  border-bottom: 1px solid #ededed; display: block; font-size: 12px;}
#shownews .editor {    color: #63686b; font-size: 14px;line-height: 24px;padding: 20px 0;}
#shownews .detailpage { color: #63686b;line-height: 30px; padding: 30px 0;border-top: 1px solid #ededed;}
#shownews .detailpage a {    color: #63686b; position: relative;left: 0;}

/*.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*/
footer{  color:#fff; /*text-align:center;*/font-size:12px;line-height:24px;background-color: #181717;overflow: hidden;}
footer a,footer a:hover{color:#fff;}
.i-foot{padding-top:20px;}
.footcon{width: 70%; margin:0 auto;    padding: 20px 0;}
.footconleft {    padding: 45px 0;}
.footconleft span {    float: left;}
.bottomabout h1 {    font-size: 16px; color: #fff; font-weight: 600;    }
.bottompro h1 {  font-size: 16px; color: #fff; font-weight: 600;}
.bottomabout li a {    color: #fff; font-size: 14px;}
.bottompro li a {    color: #fff; font-size: 14px;}
.bottomabout {    float: left; padding: 2% 8% 0 0;}
.bottompro {    float: left; padding: 2% 8% 0 0;}
.bottomnews {   float: left; padding: 2% 8% 0 0;}
.bottomservices {   float: left; padding: 2% 8% 0 0;}
.bottomercode{   float: left; padding: 2% 8% 0 0;}
.bottomcontact{   float: left; padding: 2% 8% 0 0;}
.bottomcontact h1 { font-size: 16px; color: #fff;  font-weight: 600;line-height: 48px;}
.bottompro ul {    float: left;}
.footconright h1 {    font-size: 16px; font-weight: 600;padding-bottom: 20px;}
.footconright {    padding: 45px 0;}
/*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; 		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%}
.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: #ed4b34;display: inline-block;padding: 10px 40px;text-transform: uppercase;}
  .more-center a span { color:#fff;}
/*ÉÏÏÂÒ³*/
.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 a:hover{ color:#fff !important; background:#2963c8 !important;}
.navdown a{display:block; color:#fff !important; background-color:#c91318;}
.ecbtn a:hover{color:#fff !important; background:none !important;}

/* 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;    width: 76%;}
#sidebar dl{    padding: 10px 0; display: inline-block;    float: none;    margin: 0;    width: auto;    line-height: 40px;    text-align: center;}
#sidebar dl dt{font-size:16px;color:#fff;    line-height: 56px; margin:0 auto;}
#sidebar dl dt a{color: #fff;    margin-bottom: 8px;    padding: 8px 36px;   border-radius: 20px;    margin-right: 20px;    background: #0059aa;}
#sidebar dl dt a:hover{background: #add004;color: #fff; }
#sidebar dl dt a span{font-size: 13px;color: #fff;    font-weight: 100;}
#sidebar dl dt:hover a span{ color: #fff; font-weight:600; }
#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 a{ background: #2963c8;color: #fff;}
#sidebar dl dt.on a span{     font-weight: 600;color: #fff; font-size: 14px; }
#sidebar dl h4.on a{ font-weight:100;}
.sb_box{ overflow:hidden;        width: 70%; margin: 0 auto;}
.newsrow {overflow: hidden;border-bottom: 1px solid #e0e0de; padding-bottom: 10px;}
.bgi-nei{background:#fff;padding:60px 0;}

/*ͼƬÁбí*/
div#imglist { overflow: hidden;}
#imglist li h3 {font-size: 14px; text-align: center;    line-height: 48px;    overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}
#imglist li { padding-bottom: 20px;}
#imglist .imgbox {border: 1px solid #eee;    text-align: center;}
.imgbox{font-family: 'Niramit', sans-serif;text-align: center;position: relative;overflow: hidden; }
.imgbox-content:before,
.imgbox-content:after{content: '';     background-color: rgba(0,0,0,0.3);height: 100%;width: 100%;transform: translateY(-100%);position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.3s;}
.imgbox:hover .imgbox-content:before,
.imgbox:hover .imgbox-content:after{transform: translateY(0);}
.imgbox:after{ /*left: 25%; */}
.imgbox .imgbox-content:before{ left: 100%; }
.imgbox .imgbox-content:after{ /*left: 75%; */}
.imgbox:hover:before{ transition-delay: 0.225s; }
.imgbox:hover:after{ transition-delay: 0.075s; }
.imgbox:hover .imgbox-content:before{ transition-delay: 0.15s; }
.imgbox:hover .imgbox-content:after{ transition-delay: 0s; }
.imgbox img{width: 100%;height: auto;transition: all 0.3s ease 0s;}
.imgbox:hover img{/* filter: grayscale(100%);*/ }
.imgbox .imgbox-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;}
.imgbox: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%;}

/*²úÆ·ÏêÇé*/
.nprotitle { border-bottom: 1px solid #eee;}
.nprotitle span { line-height:26px !important ;margin-bottom: 10px; display: block;}
.nprocs { padding: 20px 0;}
.nprocs table { width: 100% !important;}
.nprocs tr {height: 28px !important; width: 100% !important;border-bottom: 1px dotted #ddd;    font-size: 15px;}
.nprocs tr td {width: 50% !important;}
.nprocsright { margin-left: 50px;}

/*ÏêÇéͼƬ¹ö¶¯*/
.nprocnxh {  padding: 50px 0;}
.blk_18 { overflow:hidden;zoom:1;font-size:9pt;width: 70%; margin: 0 auto;}
.blk_18 .pcont {float:left;overflow:hidden; }
.nprocnxhtit {font-size: 24px; font-weight: 600; color: #000;    margin-bottom: 20px;}
.blk_18 #List1_1, .blk_18_C #List2_1 { float:left;}
.blk_18 .pl {  float:left;text-align:center; line-height:40px; }
.pl{border-radius: 0.5em;}
.pl dd{-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;font-style:italic; color:#FFFFFF;-webkit-border-bottom-left-radius: 0.5em;-webkit-border-bottom-right-radius: 0.5em;}
.pl dd img{ margin-bottom:0px}
.pl dl{height:30px; color:#fff; line-height:30px; font-size:14px; margin-top:0px; background-color:#999999; display:block;  margin-top:5px;-webkit-border-bottom-left-radius: 0.5em;-webkit-border-bottom-right-radius: 0.5em;}
/*ÏêÇéͼƬ¹ö¶¯*/
.nprocpms {width: 70%; margin: 0 auto;    padding: 30px 0;}
.nprocpmstit {
    font-size: 30px;
    text-transform: capitalize;
    padding: 10px;
    border-bottom: 1px solid #eee;}
.nprocpmstit span {
    border-bottom: 3px solid #2963c8;
    padding: 14px 0;
}
.nprobottom {width: 70%; margin: 0 auto;    text-align: center;
   padding: 10px 0;}



/*1440*/
@media screen and (min-width:1400px)  and  (max-width:1679px)  {
.navbar .container { width: 100%; padding-left: 20px;}
.navbar-nav li a {padding-left: 10px; padding-right: 10px;}	
.ecbtn span { font-size: 12px;}
.navbar-brand img {  width: 90%;}
.aboutright { padding: 20px 30px;;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 11;overflow: hidden;}
.protitcon { width: 42%;}
.newstitcon {}
.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 {color: #fff;line-height: 30px;}
.catetitcon {width: 40%;}
.newprotit{    width: 74%;}
.newprotit span{padding: 10px;}
.bgi-four .content { width: 74%;}
.bgi-three .content{ width: 74%;}
.bgi-five .content{ width: 74%;}
.bgi-six .container{    width: 74%;}
.footcon { width: 74%;}
.bottomabout {    float: left;   padding: 2% 4% 0;}
.bottompro {    float: left; padding: 2% 4% 0;}
.bottomnews {   float: left;  padding: 2% 4% 0;}
.bottomservices{   float: left;padding: 2% 4% 0;}
.bottomcontact{   float: left; padding: 2% 4% 0;}
/*ÄÚÒ³*/
#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;}
.ecbtn span { font-size: 12px;}
.navbar-brand img {  width: 90%;}
.aboutright { padding: 20px 30px;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 11;overflow: hidden;}
.protitcon { width: 42%;}
.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;}
.catetitcon {width: 40%;}
.newprotit{    width: 74%;}
.newprotit span{padding: 10px;}
.bgi-four .content { width: 74%;}
.bgi-three .content{ width: 74%;}
.bgi-five .content{ width: 74%;}
.bgi-six .container{    width: 74%;}
.footcon { width: 74%;}
.bottomabout {    float: left;   padding: 2% 4% 0;}
.bottompro {    float: left; padding: 2% 4% 0;}
.bottomnews {   float: left;  padding: 2% 4% 0;}
.bottomservices{   float: left;padding: 2% 4% 0;}
.bottomcontact{   float: left; padding: 2% 4% 0;}

/*ÄÚÒ³*/
#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;}
 .ecbtn{padding-left: 4px;
    padding-right: 4px;}
.ecbtn span { font-size: 12px;}
.navbar-brand img {  width: 90%;}
li.toptel {    margin-left: 0.5rem;}
.aboutright { padding: 20px 30px;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 11;overflow: hidden;}
.protitcon { width: 54%;}
.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;}
.catetitcon {width: 40%;}
.newprotit{    width: 74%;}
.newprotit span{padding: 10px;}
.bgi-four .content { width: 74%;}
.bgi-three .content{ width: 74%;}
.bgi-five .content{ width: 74%;}
.bgi-six .container{    width: 74%;}
.footcon { width: 74%;}
.aboutleft{  padding: 5% 5% 4% 8%;}
.bottomabout {    float: left;   padding: 2% 4% 0;}
.bottompro {    float: left; padding: 2% 4% 0;}
.bottomnews {   float: left;  padding: 2% 4% 0;}
.bottomservices{   float: left;padding: 2% 4% 0;}
.bottomcontact{   float: left; padding: 2% 4% 0;}
/*ÄÚÒ³*/
#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:1023px)  and  (max-width:1279px)  {
.zd-navbar{    min-height: 60px;}
.navbar-header{    height: 60px;}
.zd-nav{min-height: 60px;}
.navbar-brand img {    width:58%;}
.navbar-nav li a {padding-left: 5px; padding-right: 5px;    font-size: 15px !important;text-transform: capitalize;    line-height: 60px !important;}
.zd-nav{padding-left: 2%;}
.ecbtn{    padding-right: 0;padding-left: 2px;    line-height: 60px;}
.ecbtn a span{font-size: 12px;}
.topwx{line-height: 60px;}
.toptel{    line-height: 60px;}
.topsearch-active{    height: 60px;}
.container > .navbar-header > .navbar-brand{padding: 0;}
.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;}
.slider-focus{margin: 60px auto 0px !important;}
.catetitcon { width: 50%;}
.catecon{    width: 90%;}
.catetit { PADDING: 20PX 0;}
.bgi-two .content {width: 84%; }
.abouttit { padding-bottom: 16px;}
.abouttxt{ line-height: 22px;}
.countup{    padding-right: 20px;}
.countup ul{padding: 10px 0;}
.countup ul li h6{font-size: 24px;}
.aboutmore span{font-size: 12px;}
.aboutmore{    margin-top: 0;}
.abouttit span{font-size: 15px;}
.abouttxt span {
    font-size: 13px !important;
    line-height: 20px;}
.aboutleft{padding: 3% 3% 0 0;}
.aboutright { padding: 20px 30px;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
.bgi-three .content {width: 90%;}

.productcon{width: 84%; }
.bgi-five .content {width: 90%;}
.bgi-four .content{width: 90%;}
.newprotit span {font-size: 14px;padding: 10px;}
.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: 45%;}
.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;}
.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;}
.bgi-six .container { width: 90%;}
.footcon {width: 90%;}
.navbar-header {    padding-top: 5px;    padding-left: 20px;}
.aboutlist { padding: 2% 10% 0 10%;}
.bgi-eight .content{width: 84%;}
.bgi-onea .content{width: 84%;}
.bgi-night .content{width: 84%;}
.bottomabout {    float: left;    padding: 3% 3% 0;}
.bottompro {    float: left;       padding: 3% 3% 0;}
.bottomnews {   float: left;     padding: 3% 3% 0;}
.bottomservices{   float: left;    padding: 3% 3% 0;}
.bottomcontact{   float: left;    padding: 3% 3% 0;}
.bottomercode{   float: left;    padding: 3% 3% 0;}
.promore span{font-size: 12px;}
.partmore span{font-size: 12px;}
.contactright{padding-left: 0;}
.bhotline p{font-size: 21px;}
.ncontact .content {
    padding-top: 20px !important;
    padding-right: 10px !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;}
/*ÄÚÒ³*/
#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;}

.prosidebar.inner { width: 82%;}
/*¼ò½é*/
.nprofilecon {width: 90%;}
.profiletxt { padding-right: 24px;    line-height: 24px;    font-size: 14px;}

}
/*961*/
@media screen and (min-width:991px)  and  (max-width:1023px)  {
.navbar .container {
    width: 100%;
    margin: 0 auto;padding: 0;}
.navbar-brand img {    width:58%;}
.navbar-nav li a {padding-left: 5px; padding-right: 5px;    font-size: 14px !important;}
.zd-nav{padding-left: 2%;}

.container > .navbar-header > .navbar-brand{padding: 20px 0;}
.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;}
.catetitcon { width: 50%;}
.catecon{    width: 90%;}
.catetit { PADDING: 20PX 0;}
.bgi-two .content {width: 84%; }
.abouttit { padding-bottom: 16px;}
.abouttxt{ line-height: 22px;}
.countup{    padding-right: 20px;}
.countup ul{padding: 10px 0;}
.countup ul li h6{font-size: 24px;}
.aboutmore span{font-size: 12px;}
.aboutmore{    margin-top: 0;}
.abouttit span{font-size: 15px;}
.abouttxt span {
    font-size: 13px !important;
    line-height: 20px;}
.aboutleft{padding: 3% 3% 0 0;}
.aboutright { padding: 20px 30px;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
.bgi-three .content {width: 90%;}

.productcon{width: 84%; }
.bgi-five .content {width: 90%;}
.bgi-four .content{width: 90%;}
.newprotit span {font-size: 14px;padding: 10px;}
.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;}
.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;}
.bgi-six .container { width: 90%;}
.footcon {width: 90%;}
.navbar-header {    padding-top: 5px;    padding-left: 10px;}
.aboutlist { padding: 2% 10% 0 10%;}
.bgi-eight .content{width: 84%;}
.bgi-onea .content{width: 84%;}
.bgi-night .content{width: 84%;}
.bottomabout {    float: left;    padding: 3% 2% 0;}
.bottompro {    float: left;       padding: 3% 2% 0;}
.bottomnews {   float: left;     padding: 3% 2% 0;}
.bottomservices{   float: left;    padding: 3% 2% 0;}
.bottomcontact{   float: left;    padding: 3% 2% 0;}
.bottomercode{   float: left;    padding: 3% 2% 0;}
.promore span{font-size: 12px;}
.partmore span{font-size: 12px;}
.contactright{padding-left: 0;}
.bhotline p{font-size: 21px;}
.ncontact .content {
    padding-top: 20px !important;
    padding-right: 10px !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;}
/*ÄÚÒ³*/
#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;}

.prosidebar.inner { width: 82%;}
/*¼ò½é*/
.nprofilecon {width: 90%;}
.profiletxt { padding-right: 24px;    line-height: 24px;    font-size: 14px;}
}
/**/
@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 (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;}
}
@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;}
.ncontact .content {
    padding-top: 20px !important;
    padding-right: 10px !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;}
/*²úÆ·Ò³Ãæ*/
}
@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;}
.zd-navbar .dropdown-menu{position:absolute;}
}

/* 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; }
}
/*******************************²úƷͼƬ¾­¹ýЧ¹û*********************************************/
@media (min-width: 991px){
 .navbar-nav li{float: left;}   
}
@media (max-width: 991px) and (min-width: 768px){
/*.collapse{    display: block !important;}*/

}
/*2020-01-02ÊÖ»úÕ¾ÑùʽÌí*/
@media (max-width:991px) {
.zd-navbar{ padding: 0 1.5rem;    position: fixed;left: 0;top: 0; width: 100%;  z-index: 600;transition: all .3s;min-height: 0;}
.container>.navbar-header {  margin-right: -15px; margin-left: -15px;margin: 0;    height: 6.6rem;width: 100%;}
.header .container{ padding:0 ; margin:0;}
.zd-navbar .navbar-brand { padding:14px 0;}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 2;
}
li.nav1.pecbtn span{color: #fff;}
.navbar-toggle { margin-top: 4%; margin-bottom: 3%;    margin: 0; border: 0;width: 2.5rem; height: 100%; margin-left: 2rem;position: relative;padding: 34px 10px;}
.navbar-logo{ padding:0;}
.navbar-logo img { display: none;}
.navbar-header { border: 0;}
.navbar-header { padding: 0;}
.navbar-brand img {    width: auto;   }
.topsearch {    padding-left: 0rem;}
.topsearch-active { height: 6.6rem;}
.navbar-default .navbar-nav li a {
	color:#fff; line-height:100px;font-size: 17px;
}
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(../images/wap-nav.png) no-repeat 0 center; width: 100%;height: 100%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #222;background:#222;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height:100%;position: fixed;width: 52%;left: 52%;    top: 6.6rem;}
.bgi-onea .content{    width: 94%; /*padding-top: 10px;*/}
.areamore{    padding: 6px 16px;}
.areatit h1 {  font-size: 24px;}
.areatit span {  font-size: 12px;}
.areatit { PADDING:0 10px 10px; background: #2963c8;}
.catetit { PADDING: 0 ;}
.areaconbox h2 { font-size: 18px;}
.areacon{    width: 100%; padding:0;}
.areacon li span{    font-size: 12px;    line-height: 18px;}
.areacon li { padding-bottom: 0;    padding-top: 10px;}
.areamore{margin-top: 3%;}

.catetitcon {width: 90%;}
.catetit h1 { font-size: 24px;}
.catecon li { padding-bottom: 10px;    width: 33.3%;}
.catecon li span{height: 40px;line-height: 40px;font-size: 12px; padding: 0;}
.bgi-two {    padding: 40px 0;}
.bgi-two .content { width: 100%;}
.aboutlist { padding: 2% 0;}

.abouttit {padding-bottom: 0px;    width: 94%;}
.abouttit h1 { font-size: 24px;}
.abouttit span {    font-size: 14px; font-weight: 200;}
.abouttit hr {    top: -60px;}
.aboutright {    padding: 0 2%;}
.abouttxt {    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 12;overflow: hidden;}
.abouttxt span { font-size: 14px !important;}
.aboutmore a{    padding: 6px 16px;}
.aboutmore span {font-size: 12px; font-weight:100;}

.bgi-three { padding: 20px 0;}
.bgi-three .content {width: 96%;}
.protit {    PADDING:0;}
.protit h1 {font-size: 24px;line-height: 30px;}
.protit span {font-size: 14px;font-weight: 100;    text-transform: uppercase;}
.protit hr {    top: -60px;}
.protitcon{width: 94%;padding-bottom: 20px;}
.productcon{width: 94%;padding: 0;}
.proname span{font-size: 14px; }
.procon li span{font-size: 16px;}
.productbgleft h1{font-size: 24px;}
.productbgleft span { font-size: 14px;line-height: 24px;}
li.listnav{padding: 3px 6px;margin-right: 10px;}
.iprolist{ padding: 0 0 20px;    width: 94%; margin: 0 auto;}
.promore{padding: 0;}
.promore a{padding: 6px 16px;}
.promore span{font-size: 12px;}

.bgi-eight .content{width: 94%;}
.newscontent{    padding: 20px 0;}
.newstitcon>h1{font-size: 24px;color: #333;}
.newstitcon>span{font-size: 14px;}
.newsconmore{    padding: 6px 16px;    font-size: 12px;}

.bgi-five { padding: 40px 0;}
.bgi-five .content { width: 96%;}
.certtit { PADDING: 0 0 20px 0;}
.certtitcon {  width: 90%;}
.certtit h1 {  font-size: 24px;}
.certpic { padding-bottom: 12px;}

.bgi-four {padding: 40px 0;}
.newprotit { border:0; margin-bottom: 20px;}
.newprotit h1 { font-size: 30px;}
.newpromore{ display:none;}

.bgi-night .content{    width: 94%;    padding: 20px 0;}
.parttitcon{width: 94%;}

.contactleft h1 {}
.contactleft span {    line-height: 16px;    font-weight: 100;}
.contactmore { margin-top: 20px;}
.bottomprotit { font-size: 18px;    line-height: 60px;}
.contactleft a {font-size: 14px;color: #fff;line-height: 26px;}
.contactright {    padding: 0;}
.contacttxt span { font-size: 13px !important;}
.contacttxt p { font-size: 14px !important;}
.contacttxt img {/*width: 49%;*/}

.footcon {width: 94%; margin: 0 auto;  overflow: hidden;}
.footconleft { padding: 40px 0 20px 0;}
.bottomabout {    float: left;    padding: 3% 1% 0;display: none;}
.bottompro {    float: left;    padding: 3% 1% 0;display: none;}
.bottomnews {   float: left;     padding: 3% 1% 0;display: none;}
.bottomservices{   float: left;    padding: 3% 1% 0;display: none;}
.bottomcontact{   float: left;     padding: 3% 1% 0;}
.footconmidd { padding-bottom: 20px;}
.footconright { padding: 30px 0; border-top: 1px solid #333;}
.bgi-six{background: #282828;}
.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;}

.countup{   padding:3%;}
.countupcon {width: 94%;}
.countup ul {  padding: 10px 0;}
.countup ul li{padding: 2% 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;}

.abouttxt { padding: 4%;    line-height: 24px;}
.bgi-six .container{ width:98%;padding: 0;}
.aboutleft { margin:0; padding:30px 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;}
.title-center a {font-size: 42px;}
.bgi-six {padding: 30px 0;}
.bgi-eight{padding: 30px 0;}
.newscontent li {  padding-bottom: 10px;}
.bgi-night{padding: 30px 0;}
.parttitcon h1{    font-size: 24px;    line-height: 24px;}
.parttitcon span{font-size: 12px;}
.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;}
.contacttxtl li p{ width:100%;}
.contactright{ margin:0!important;line-height: 0;}
.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 0;}
.slider-focus{    margin: 90px auto 0px;}
.met_flash {    margin: 60px auto 0px;}
.sb_nav {  top: 0;border-bottom:0;    z-index: 9;background: #ebeae9;    padding: 10px 0;}
#sidebar dl dt a span { font-size: 12px;    color: #fff;}
#showtext {  margin: 0 auto;}
.nprofilecon {width: 74%;}
.profiletxt { padding-right: 0;}
#sidebar {margin: 0 auto; width: 94%;}
#sidebar dl {     padding: 5px 0;}
#sidebar dl dt.on a span { color: #fff;}
#sidebar dl dt.on{line-height: 30px;}
#sidebar dl dt { line-height: 32px;}
.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 {     display: none;}
.pecbtn{  background: none;    display: block !important;}
.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: 12px; }
#sidebar dl dt a{padding: 4px 10px;}
#messagelist {    width: 92%;}
.message_tabletit>li>h1 { font-size: 20px !important;}
.message_tabletit>li>span{ font-size: 12px !important;}
#messagelist .row span{ border:0}
#messagelist .row { padding: 140px 40px 0;}
#showtext .naboutwel { font-size: 24px !important;line-height: 24px !important;}
#showtext .naboutname span {  font-size: 18px;}
#showtext .naboutname {  margin-bottom: 20px !important;}
#showtext .nabouttxt {font-size: 14px !important;line-height: 24px !important;}
  
/*²úÆ·*/
.sb_box {    width: 94%;}
.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;}
.sidebar.inner{   /* padding: 30px 0;*/}
.nprocsright {margin-left: 0 !important;}
.nprocnxh { padding: 30px 0;}
.blk_18{ width: 94%;}
.nprocnxhtit {font-size: 18px; padding:0 5px;}
.nprocpms {width: 94%;}
.nprocpmstit { font-size: 18px;}
.nprobottom { width: 94%;}
.probox{ padding: 14px 14px 0 14px;}
/*ÁªÏµ*/
#ncontactlist .ncontacttit h1{    font-size: 24px;    padding-bottom: 10px;}
#ncontactlist .ncontacttit span{ line-height:14px;}
#ncontactlist .ncontacttit { padding-bottom: 20px;}
#ncontactlist .contacttxtleft { padding: 0;}
#ncontactlist .contacttxtright{ padding: 0;}
.messagelist form { width: 94%;}
.messagelist .message_table{ padding:0;}
.messagelist .message_table span{ font-size:24px !important; line-height: 30px;margin-left: 6px;display: block;}
.message_table li { margin: 10px 0;}
input.input-text { height: 50px;    font-size: 12px;}
textarea.textarea-text {
    font-size: 12px;
}
.submint .button{ margin-top:0;margin-left: 6px;}


}
/*@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){
.arealeft{padding: 8% 5% 8% 5%;}
.serviceright {padding: 8% 0% 8% 7%;}
#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){
.arealeft{padding: 8% 5% 8% 5%;}
.serviceright {padding: 8% 0% 8% 7%;}
#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;}
.probox {
    margin-bottom: 30px;
    margin: 0;
}
.protitle{ margin:0;}
}
@media screen and  (max-width:530px){
.arealeft{padding: 8% 5% 8% 5%;}
.serviceright {padding: 8% 0% 8% 7%;}
#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 {   }
.profiletiten {font-size: 42px;}
.probox {
    margin-bottom: 30px;
    margin: 0;
}
.protitle{ margin:0;}
}
@media screen and  (max-width:460px){
.arealeft{padding: 8% 5% 8% 5%;}
.serviceright {padding: 8% 0% 8% 7%;}
#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;}
.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;}