@charset "utf-8";
*{  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:#4880b7;}
a:focus, a:hover {}
.not-animated {opacity:0;}
@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;}
.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:150px;}
.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: right;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;}
.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:#4880b7;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;}
/*--------------------------------------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;}
.iprolist li:hover {background:#4880b7;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;border:1px solid #999;padding:10px 36px;border-radius:10px;float:left;margin-right:20px;}

/*one categories*/
.bgi-onea{padding:60px 0 0;}
.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}
.areatit { PADDING:20PX 0;}
.areatitcon {width:84%;margin:0 auto;z-index:9;position:relative;overflow:hidden;}
.areatitleft { float:left;}
.areamore { float:right;background:#4880b7;display:inline-block;padding:6px 36px;color:#fff;}
.areamore span{font-size:16px;
    font-weight:100;
    color:#FFF;
    text-transform:uppercase;
    display:block;}
.areatit h1 {font-size:34px;color:#000;}
.areatit span {font-size:16px;font-weight:100;color:#999;text-transform:uppercase;display:block;}
.areamore span {font-size:16px;font-weight:100;color:#FFF;text-transform:uppercase;display:block;}
.areatit hr {position:relative;top:-84px;border-top:1px solid #fff;}
.areacon{overflow:hidden;padding:20px 0; max-width:1320px;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;}
.areacon li p{border:1px solid #333;display:inline-block;padding:6px 36px;color:#333;}
.catemore {width:100%;text-align:center;padding:30px 0;}
.areaconbox h2{font-size:22px;text-align:center;color:#000;}
.areaicon {text-align:center;padding:30px 0 20px 0;}
.areanum{text-align:center;padding-bottom:40px;}

/*two about*/
.bgi-two{overflow:hidden;}
.bgi-two .content{max-width:1200px;margin:0 auto;}
.aboutright {padding:0;position:relative;float:right;padding-top:150px;}
.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;padding:7% 10% 5% 0%;}
.aboutnum {background:#333;}
.abouttit {padding-bottom:46px;margin:0 auto;}
.abouttitcon {  z-index:9;position:relative}
.abouttit h1 {font-size:24px;color:#000;}
.abouttit span {font-size:14px;font-weight:100;color:#333;display:block;text-transform:uppercase; line-height:280%}
.abouttit hr {position:relative;top:-84px;border-top:1px solid #0081ba; width:10%}
.abouttit .arrow {display:block;}
.abouttxt { line-height:27px;font-size:16px;}
.aboutmore {padding:10px 0;margin-top:120px;margin-top:1%;}
.aboutmore a {  /* background:#333;*/border:1px solid #999;display:inline-block;padding:6px 36px;color:#fff;text-transform:uppercase;}
.aboutmore span {font-size:16px;color:#999;}
.aboutmore a:hover { background:#4880b7;border:0;display:inline-block;padding:6px 36px;color:#fff;text-transform:uppercase;}
.aboutmore a:hover span {font-size:16px;color:#fff;}
/*****************************************************************************************************************************************/
.countup {padding:50px 0 30px;overflow:hidden;padding:2% 0 2%;padding-right:100px;}
.countup ul {overflow:hidden;padding:30px 0;}
.countup ul {margin:0 auto;}
.countup ul li {float:left;box-sizing:border-box;list-style:none;}
.company {border:0px !important;}
.countup li span {color:#0081ba;}
.countup ul li h6 {font-family:'HeliosExt Thin','arial';font-size:60px;color:#0081ba;font-weight:normal;margin:0;padding:0;line-height:72px;}
.countup ul li h6 sup {font-size:12px;color:#999999;vertical-align:text-top;top:1em;}
.countup ul li p {font-size:14px;color:#333;line-height:24px;}
/*****************************************************************************************************************************************/

/*one product*/
.bgi-three{padding:80px 0 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:84%;margin:0 auto;}
.protitcon h1 {font-size:34px;color:#fff;line-height:50px;text-align:center;}
.protitcon hr{border-top:3px solid #fff;width:4%;margin:0 auto; margin-top:15px}
.protitcon span {text-align:center;color:#fff;display:block;width:90%;margin:0 auto;font-size:16px;}
.productcon {overflow:hidden; max-width:1470px;margin:0 auto;z-index:200;padding:30px 0;}
.proname {text-align:center;display:block;overflow:hidden;position:relative;font-size:16px;padding:10px 0; background-color:#fff}
.proname span {color:#333;}
.promore {padding:10px 0;margin-top:120px;margin-top:6%;}
.promore a { display:inline-block;padding:10px 50px;background:#4880b7;display:inline-block;
    padding:6px 36px;}
.promore a:hover {background:#bf1d20;color:#fff;}
.promore a:hover span {color:#fff;}
.promore span {font-size:14px;color:#fff;line-height:18px;text-align:center;}
.fproductpic {overflow:hidden;border:4px solid #fff; background-color:#fff}
.fproductpic:hover {position:relative;top:0;}
.fproductpic img {transition:all 0.6s;}
.fproductpic: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 */}
.carousel-inner .item .row{margin:0;}
/*eight news*/
.bgi-eight{overflow:hidden;padding:80px 0;background:#fff;}
.bgi-eight .content{ max-width:1320px;;margin:0 auto;}
.newstit {overflow:hidden;}

.newstitcon>h1 {font-size:34px;color:#000;text-transform:uppercase;text-align:center;}
.newstitcon>span {font-size:16px;color:#999;text-align:center;display:block; margin-top:5px}
.newscontent {overflow:hidden;padding:30px 0;margin:0 auto}
.newscontent ul li .newsbox {border:5px solid #fff; background-color:#fff}
.newscontent li dd{padding:10px 10px 30px 10px;}
.newscontent li dd h1 {font-size:18px;text-transform:capitalize;}
.newscontent li dd p {font-size:14px;text-transform:capitalize;color:#666;margin:20px 0;}
.newsmore { float:right;background:url(../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{background:#4880b7;padding:8px 14px;line-height:14px;color:#fff;}
.newsconmore:hover{color:#fff;}
.bnewsmore{display:none;}
.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:60px 0;background:#f5f5f5;}
.bgi-night .content{ max-width:1320px;;margin:0 auto;padding:50px 0;}
.parttit {border-bottom:1px solid #eee;overflow:hidden;}
.parttitcon {WIDTH:84%;margin:0 auto;}
.parttitcon h1 {font-size:34px;text-transform:uppercase;line-height:80px;color:#000;float:left;font-weight:bold;}
.partpiccon {background:#fff;border:1px solid #eee;padding:4px;}
.partpic {margin-bottom:20px;}
.parttitcon>span {
    font-size:16px;
    text-transform:uppercase;
    line-height:80px;margin-left:10px;color:#999;}
.partmore { float:right;background:url(../morebtn.png) no-repeat;width:240px;height:56px;}
.partmore a {color:#fff;padding:26px 0 0 60px;position:relative;display:block;text-transform:uppercase;}
.bpartmore{display:none;}

/*six contact*/
.bgi-six{ overflow:hidden;padding:20px 0 0;background:url(../footbg.jpg) no-repeat top center;}
.bgi-six .container{width:84%; max-width:1320px!important; 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 {}
.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;}
.contacttxt {float:left;width:100%;line-height:26px;}
.contacttxt span {color:#fff;font-size:12px;}
.contactright {float:right}
.contacttxtleft li {margin:20px 0;}
.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;}

/**/
/*2019-12-22*/
.sidebar.inner {width:100%;margin:0 auto;position:relative;background:#fff;padding:80px 0 0;}
.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:#4880b7;}
#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 {position:relative;background:#fff;}
.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:#f7f7f7;}
#productlist li h3 {padding:5px 0px 10px;font-weight:normal;font-size:16px;text-align:center; overflow:hidden}
#productlist li h3 a {line-height:48px;}
#productlist li h3 span {float:right;display:block;}
.met_flash {width:100%;margin-top:0px;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:#f7f7f7;}
.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: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;}
/*--------------------------------------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;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% 3% 1% 0;}
.bottompro {float:left;padding:2% 1% 0;}
.bottomnews {  float:left;padding:2% 1% 0;}
.bottomservices{  float:left;padding:2% 1% 0;}
.bottomcontact{  float:left;padding:2% 1% 0;}
.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:#00589c !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{float:left;line-height:60px;font-size:20px;margin:0;}
#sidebar dl dt{font-size:16px;color:#fff;line-height:56px;margin:0 auto;border-bottom:2px solid #fff;}
#sidebar dl dt a{color:#fff;padding:10px 30px;border-right:1px solid #e0e0e0;}
#sidebar dl dt:hover{border-bottom:2px solid #4880b7;}
#sidebar dl dt a span{font-size:16px;color:#333;font-weight:100;}
#sidebar dl dt:hover a span{color:#4880b7;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{border-bottom:2px solid #4880b7;}
#sidebar dl dt.on a span{font-weight:600;color:#4880b7;font-size:16px;}
#sidebar dl h4.on a{font-weight:100;}
.sb_box{overflow:hidden;  width:66%;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;}

.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 #4880b7;
    padding:14px 0;
}
.nprobottom {width:70%;margin:0 auto;text-align:center;
   padding:10px 0;}

/*neicontact*/
.contacthotline {
    background: #fff;
    text-align: center;
}
.contacthotline span {
    font-size: 24px;
}
.contacthotline h1 {
    font-size: 30px;
    font-weight: bold;
}
.messagesb_nav { display: none;}
.messagesidebar { background: #eee;}
.messagesidebar .sb_box{width: 100%; margin: 0 auto;}
.messagesidebar .title { display: none;}
.ncontacttitle h1 { font-size: 60px; color: #fff; text-align: center;  padding: 6% 0;}
.ncontactcon{overflow: hidden;padding-top: 30px;    width: 72%; margin: 0 auto; }
.messagerow {padding: 30px 0; margin: 0 auto;overflow: hidden;}
.messagetit { text-align: center;}
.messagetit h1 { font-size: 36px; color: #000; text-transform: uppercase; font-weight: bold;}
.messagetit span {color: #707070;font-size: 14px;} 
.message_table h1 { font-size: 60px; color: #fff; text-align: center;}
.message_table span {font-size: 18px;color: #fff; text-align: center; display: block;}
.ncontact { margin: 0 auto;padding: 80px 0;    background: #fff;}
.ncontacttit>b { font-size: 48px; text-align: center;display: block;    line-height: 48px;}
.ncontacttit>span { font-size: 20px; color: #999; text-transform: uppercase; text-align: center; display: block;font-weight: bold;}
.ncontacttit>p { color: #707070; text-align: center;}
.ncontactconcon {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.ncontactconcon li { text-align: center;}
.ncontactconcon li img{}
.ncontactconcon li span{display: block;    padding-top: 24px;font-size: 16px;
    font-weight: bold}
.ncontactconcon li p{display: block;    font-size: 16px; color: #333;  line-height: 30px;}
.message_table{padding:20px 0;}
.message_table ul{padding:0; }
.message_table li {margin: 10px 0;}
input.input-text, input.input-file, input.code, textarea{border:0;background: #fff;}
.button{    color: #fff;background-color: #ee951e; border: #ccc solid 1px;  border-radius: 30px;}
.contactmap { background: #fff; padding: 1%;}
.contactmap iframe {border: 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;}	

.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:84%;}
.newprotit span{padding:10px;}
.bgi-four .content {width:84%;}
.bgi-three .content{width:84%;}
.bgi-five .content{width:84%;}
.bgi-six .container{width:84%;}
.footcon {width:84%;}
.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;}

.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:84%;}
.newprotit span{padding:10px;}
.bgi-four .content {width:84%;}
.bgi-three .content{width:84%;}
.bgi-five .content{width:84%;}
.bgi-six .container{width:84%;}
.footcon {width:84%;}
.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;}
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:84%;}
.newprotit span{padding:10px;}
.bgi-four .content {width:84%;}
.bgi-three .content{width:84%;}
.bgi-five .content{width:84%;}
.bgi-six .container{width:84%;}
.footcon {width:84%;}
.aboutleft{ padding:5% 5% 4% 0%;}
.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:961px)  and  (max-width:1279px)  {
.navbar .container {}
.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;}
.catetitcon {width:50%;}
.catecon{width:90%;}
.catetit {PADDING:20PX 0;}
.bgi-two .content {}
.abouttit {padding-bottom:16px;}
.abouttxt{padding-right:30px;line-height:22px;}
.countup{padding-right:20px;}
.countup ul{padding:10px 0;}
.countup ul li h6{font-size:38px;}
.aboutmore span{font-size:14px;}
.aboutmore{margin-top:2%;}
.abouttit h1 {font-size:40px;}
.abouttit span {font-size:40px;}
.aboutright {padding:20px 30px;}
.aboutleft {padding:20px 30px;}
.abouttxt {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;}
.bgi-three .content {width:90%;}
.protitcon {width:42%;}
.protit h1 {font-size:40px;}
.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-night .content{padding:50px 0 0;}
.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;}
/**/
#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;}

}

/**/
@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;}
/**/
}
@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;}
}
/****************************************************************************/
/*2020-01-02*/
@media (max-width:960px) {
.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-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(../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:100%;/*padding-top:10px;*/}
.areamore{padding:6px 16px;}
.areatit h1 { font-size:24px;}
.areatit span { font-size:12px;}
.areatit {PADDING:0;}
.catetit {PADDING:0 ;}
.areaconbox h2 {font-size:18px;}
.areacon li span{font-size:12px;line-height:18px;}
.areacon li {padding-bottom:10px;}
.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:20px 30px;*/padding:0 30px;}
.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: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:90%;padding-bottom:20px;}
.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;}
.promore{padding:0;}
.promore a{padding:6px 16px;}
.promore span{font-size:12px;}

.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;}

.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;}
.bottompro {float:left;padding:3% 1% 0;}
.bottomnews {  float:left;padding:3% 1% 0;}
.bottomservices{  float:left;padding:3% 1% 0;}
.bottomcontact{  float:left;padding:3% 1% 0;}
.footconmidd {padding-bottom:20px;}
.footconright {padding:30px 0;border-top:1px solid #333;}
.bgi-six{background:#2a303a;}
.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:4%;}
.countup ul { padding:10px 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 0;}
.parttitcon h1{font-size:24px;line-height:24px;}
.parttitcon>span{display:none;}
.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: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:12px;color:#333;}
#showtext { margin:0 auto;}
.nprofilecon {width:84%;}
.profiletxt {padding-right:0;}
#sidebar {margin:0 auto;width:94%;}
#sidebar dl {}
#sidebar dl dt.on a span {color:#333;}
#sidebar dl dt.on{line-height:40px;}
#sidebar dl dt {line-height:42px;}
.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:0 10px;}
#messagelist {width:92%;}
#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;}
.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;}
/*内页简介样式*/
.sidebar.inner { background: #f5f5f5;}
.gsjj { margin-bottom: 80px; overflow: hidden;}
.gsjjtxt p { font-size: 14px; color: #333;line-height: 24px;text-indent: 2em;}
.gsjjtxt h1 {font-size: 20px; color: #000;font-weight: bold;} 
.gsjjtxt span {font-size: 16px;color: #333;display: block;    padding-bottom: 20px;}
.gsjjtxt .img01{float: left;    margin-bottom: 10px;}
.gsjjtxt .img02{float: left;    margin-bottom: 10px;}
.gsjjtxt .img03{float: left;    margin-bottom: 10px;}
.fzlctit { padding-bottom: 20px;}
.fzlccon ul{padding:0;}
.fzlccon ul li { float: left;    padding-left: 0;  padding-right: 0;}
.fzlccon ul li h1{ font-size: 30px;color: #0081ba;}
.fzlccon ul li span{ font-size: 9px;color: #0081ba;}
.fzlccon ul li p{ font-size: 16px;color: #000;}
.fzlc{ margin-bottom: 80px; overflow: hidden;}
.qywhtit { padding-bottom: 20px;}
.qywh{ margin-bottom: 80px; overflow: hidden;}
.qywhcon ul{padding:0;}
.qywhcon ul li { float: left;margin-bottom: 10px;}
.qywhcon ul li img{padding-bottom: 10px; }
.qywhcon ul li h1 {font-size: 18px;color: #333;    font-weight: bold;    padding-bottom: 10px;}
.qywhcon ul li span {font-size: 16px;color: #333;line-height: 22px;
    display: block;}