@import url("base.css");

.headbg { background-color: #f7f7f7; border-bottom: solid 1px #e8e8e8; height: 36px; line-height: 36px; }
.headright span { margin-right: 10px; font-size: 12px; float: right; height: 36px; line-height: 36px; }
.headright a { color: #333; }
.headright a span label { margin-left: 5px; }
.headright a span label:hover { color: #FF6600; text-decoration: none; cursor: pointer; }
.top { height: 105px; max-height: 100%; }
.logo { height: 105px; line-height: 105px; display: block; }
.logo img { max-width: 100%; max-height: 100%; }
.form-group { margin-top: 33px; float: right; width: 100%; padding-right: 0px; }
.form-group input { float: right; width: 75%; border-radius: 3px 0px 0px 3px; border-right: 0px; }
.form-group a { float: right; display: block; border: 1px solid #ced4da; height: 38px; line-height: 38px; width: 20%; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 0px 3px 3px 0px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 0px 3px 3px 0px; text-align: center; }
.navbar { z-index: 9999; }
#banner { margin-top: 5px; }
#banner img { max-width:100%;}
.banner { margin-top: 5px; width: 100%; }
.banner img { max-width: 100%; }

.navbg { width: 100%; background-color: #0177fc; height: 44px; }
.navbg .navbar { padding: 0px; background-color: #0177fc; }
.navbg li { height: 44px; width: 12.3%; text-align: center; line-height: 30px; padding: 0px; font-size: 14px; margin:0px 0.1%;}
.navbg li.ennews { width:11.8%;}
.navbg li.encenter { width:13.3%;}
.navbg li:hover,.navbg li.on { background-color: #3492fd; }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.95); }
.navbar-nav { width: 100%; }
.navbar-toggler-icon { color: #fff; }
.ileft { float: left; }
.iright { float: left; width: 850px; margin-left: 30px; }
.title { width: 100%; }
.title p { background-position: right center; background-image: url(title.png); height: 25px; background-repeat: no-repeat; text-indent: 20px; font-weight: bold; color: #fff; line-height: 25px; }
.title p a { float: right; margin-right: 10px; color: #fff; font-size: 12px; display: block; height: 25px; line-height: 25px; font-weight: normal; }
.inews { margin-top: -213px; position: relative; height: 200px; float: left; width: 320px; margin-top: 5px; }
.inews li { height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: dotted 1px #ced4da; }
.ilink { position: absolute; margin-top: -230px; float: left; width: 320px; }
.ilink2 { position: absolute; margin-top: -50px; width: 320px; }
.title2 p.p1 { border-bottom: 1px solid #999999; height: 35px; line-height: 35px; width: 100%; float: left; }
.title2 p.p1 b { color: #005ca7; font-size: 14px; border-bottom: 1px solid #0391ff; height: 35px; display: block; width: auto; float: left; padding-right: 10px; }
.title2 p.p1 b span { color: #999999; margin-left: 5px; font-weight: normal; font-size: 12px; }
.title2 p.p1 a { float: right; }
.icompany { width: 850px; margin-left: 350px; position: absolute; height: 235px; float: left; }
.icompany video { float: left; padding: 0px; width: 320px; height: 180px; margin: 5px 20px 0px 0px; }
.icompany div { line-height: 190%; text-indent: 25px; margin-top: 5px; height: 180px; float: left; width: 500px; }
.icompany div.en { text-indent:0px;}

.inews2 { margin-left: 350px; margin-top: 250px; height: 200px; width: 320px; }

.inews2 li, .ilink li { height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; float: left; border-bottom: dotted 1px #ced4da; }
.rongyu { width: 510px; margin-left: 690px; height: 200px; margin-top: -215px; float: left; }
.rongyu li { float: left; width: 25%; margin-top: 10px; text-align: center; }
.rongyu li img, .iproduct ul li img { border: 1px solid #ced4da; padding: 2px; background-color: #fff; }
.rongyu li p { height: 40px; line-height: 40px; float: left; text-align: center; width: 100%; overflow:hidden;}
.rongyu li a, .iproduct li a { text-decoration: none; }
.iproduct { width: 850px; margin-left: 350px; float: left; margin-top: 30px; }

#scrollobj { white-space: nowrap; overflow: hidden; width: 100%; margin-top: 10px; float: left; height: 160px; }
#scrollobj a { width: 140px; height: 146px; display: inline-block; margin-right: 5px; }
#scrollobj a img { width: 100%; height: auto; border: 1px solid #ced4da; box-sizing: border-box; padding: 2px; background-color: #fff; }
#scrollobj a p { height: 30px; width: 140px; float: left; line-height: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.leftlink { width: 320px; background-image: url(leftlink.png); height: 295px; float: left; background-repeat: no-repeat; }
.leftlink a { width: 100%; display: block; }
.leftlink a.a1 { height: 72px; }
.leftlink a.a2 { height: 151px; }
.leftlinken { background-image: url(leftlinken.png); }

.pageright { width: 850px; margin-left: 350px; min-height: 700px; float: left; margin-top: -200px; }
.pagetitle { border-width: 1px; border-color: #d0d0d2 #d0d0d2 #0063af #d0d0d2; border-style: solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px 3px 0px 0px; border-radius: 5px 5px 0px 0px; width: 100%; height: 29px; color: #0274c4; font-size: 14px; font-weight: bold; line-height: 29px; background-image: url(tbg.png); }
.pagetitle span { margin-right: 5px; margin-left: 5px; font-size: 16px; }
.pageborder { border-right-color: #d0d0d2; border-bottom-color: #d0d0d2; border-left-color: #d0d0d2; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 100%; padding: 2%; box-sizing: border-box; }
.newslist li { height: 35px; line-height: 35px; border-bottom: 1px dotted #ced4da; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newslist li a { font-size: 14px; color: #333; text-decoration: none; }
.newslist li a:hover { color: #FF9900; }
.newslist li span { float: right; color: #999999; }
.infotitle { width: 100%; text-align: center; font-size: 18px; line-height: 150%;padding:30px 0px; font-weight: bold; }
.infocontent { padding-top: 10px; line-height: 200%; font-size: 14px; }
.infotime { border-bottom: 1px solid #d5d5d5; text-align: center; height: 40px; line-height: 40px; }
.infotime span { margin-right: 15px; }
.infotime div { float: right; margin-top: 5px; }
.singlepageinfo { line-height:180%;font-size:14px;}
.singlepageinfo img,.infocontent img { max-width:100%;}
.productinfo { font-size:14px;line-height:180%;}

.productlist { margin-top:20px;width:100%;float:left;}
.productlist li { float:left;width:30.33%;margin-bottom:10px;margin-left:3%;}
.productlist img{border:1px solid #d0d0d2;padding:4px;background-color:#fff; }
.productlist li p { height:40px;text-align:center;width:210px;line-height:150%;padding-top:10px;}

.bqleft { width:120px;height:40px;text-align:right;}
.bqright { text-align:left;}
.in1 {border:1px solid #999999; width:60%;}
.in2 {border:1px solid #999999; width:70%;}

.page { height: 50px; line-height: 50px; width:100%;float:left;}

footer { background-color: #282828; height: 85px; width: 100%; float: left; text-align: center; padding: 10px 0px; color: #fff; line-height: 200%; margin-top: 20px; clear: none; }

@media screen and (max-width: 1200px) {
    .inews, .ilink, .ilink2 { width: 280px; }
    .icompany { width: 660px; margin-left: 300px; }
    .icompany div { line-height: 190%; text-indent: 25px; margin-top: 5px; height: 180px; float: left; width: 318px; overflow: hidden; }
    .leftlink { width: 280px; height: 295px; float: left; background-size: 100%; }
    .inews2 { margin-left: 300px; width: 240px; }
    .rongyu { width: 390px; margin-left: 570px; }
    .rongyu li { margin-left: 1%; width: 23%; margin-right: 1%; }
    .iproduct { width: 660px; margin-left: 300px; }
    .iproduct ul li { width: 125px; margin-right: 8px; }
    .rongyu li img, .iproduct ul li img { width: 100%; }
    .pageright { width: 660px; margin-left: 300px; }
}

@media screen and (max-width: 992px) {
    .ilink { margin-top: 20px; }
    .ilink2 { margin-top: 170px; }
    .icompany { width: 420px; height: 460px; }
    .icompany video { width: 100%; height: 240px; }
    .icompany div { width: 100%; }
    .inews2 { margin-top: 220px; height: 200px; width: 280px; margin-left: 0px; }
    .rongyu { width: 420px; margin-left: 300px; margin-top: 50px; }
    .iproduct { width: 420px; }

    /**/
    .inews2 span { display: none; }
    .inews2 p.p1 { background-position: right center; background-image: url(title.png); height: 25px; background-repeat: no-repeat; text-indent: 20px; font-weight: bold; color: #fff; line-height: 25px; }
    .inews2 p.p1 { border-bottom: none; }
    .inews2 p.p1 b { color: #fff; font-size: 12px; border-bottom: none; height: 25px; display: block; width: auto; float: left; padding-right: 10px; }
    .inews2 p.p1 a { float: right; margin-right: 10px; color: #fff; font-size: 12px; display: block; height: 25px; line-height: 25px; font-weight: normal; }
    .pageright { width: 420px; margin-left: 300px; }
}

@media screen and (max-width: 768px) {
    .icompany { width: 540px; height: 460px; margin-left: 0px; }
    .icompany video { width: 540px; height: 292px; }
    .navbg li { width: 100%; }
    .inews { width: 260px; margin-top: 510px; }
    .inews2 { width: 260px; margin-top: 510px; margin-left: 280px; }
    .rongyu { width: 540px; margin-left: 0px; margin-top: 10px; }
    .iproduct { width: 540px; margin-left: 0px; margin-top: 40px; }
    .ilink { margin-top: 470px; width: 260px; }
    .ilink2 { margin-top: 450px; margin-left: 280px; width: 260px; }
    .leftlink { width: 260px; }
    footer { margin-top: 250px; }
    .childpage { display: none; }
    .pageright { margin-top: 5px; margin-left: 0px; width: 100%; }
}

@media screen and (max-width: 576px) {
    .headright a span label { display: none; }
    .navbg li { width: 100%; }
    .top { height: 60px; }
    .logo { height: 60px; line-height: normal; padding: 0px 1%; text-align: center; line-height: 60px; }
    .search { position: absolute; margin-top: 34px; z-index: 99999; width: 70%; }
    .search input { width: 70%; float: right; margin-left: 1%; height: 30px; }
    .form-group { float: left; margin-left: -15%; }
    .form-group a { width: 10%; float: right; background-color: #fff; height: 30px; line-height: 30px; }

    /**/
    .icompany { width: 98%; height: 470px; margin-left: 0px; overflow: hidden; margin-left: 1%; }
    .icompany video { width: 99%; height: auto; }
    .icompany div { width: 98%; float: left; height: auto; margin-left: 1%; }
    .inews { width: 98%; margin-top: 490px; margin-left: 1%; position: relative; }
    .inews2 { width: 98%; margin-top: 710px; margin-left: 1%; }
    .rongyu { width: 98%; margin-left: 0px; margin-top: 10px; margin-left: 1%; height: auto; }
    .iproduct { width: 98%; margin-top: 10px; margin-left: 1%; height: auto; position: relative; }
    .ilink { margin-top: 10px; width: 98%; margin-left: 1%; position: relative; }
    .ilink2 { display: none; }
    footer { margin-top: 10px; position: relative; }
    .infotime span { margin-right: 5px; }
}

@media screen and (min-width: 768px) {
    .navbar-brand { display: none; }
}

.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.mr10 { margin-right: 10px; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.ml30 { margin-left: 30px; }
.ml20 { margin-left: 20px; }
.w320 { width: 320px; }
.minh670 { min-height: 670px; }
.mt400 { margin-top: 400px; }
.mt220 { margin-top: 220px; }

.dropdown-menu { position: absolute; /*设置绝对定位，相对于父元素div.dropdown*/ top: 100%; /*让下拉菜单项在父菜单项底部，如果父元素不设置相对定位，该元素相对于body元素*/ left: 0; z-index: 10000; /*让下拉菜单项不被其他元素遮盖住*/ display: none; /*默认隐藏下拉菜单项*/ float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.dropdown-menu a { z-index:10000;}
/*.nav-link { border:1px solid red;width:50%;margin:0px auto;}*/