@charset "utf-8";
/* CSS Document */
body {background:#0067AC; margin:0; line-height:180%; color:#333; font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
* {padding:0; margin:0}
li {list-style:none}
a {color:#333; text-decoration:none}
a:hover {text-decoration:none}
.fl {float: left;}
.fr {float: right;}
.div10 {width:auto; height:10px; overflow:hidden; font-size:0; clear:both}
img {border:none}
.text-center {text-align: center;}

@media (min-width: 1320px) {
    .container, .dyui-container {
        min-width: 1200px;
    }
}
/*通用头部开始DIYUNWL*/
.dyui-header {position: relative; z-index: 9}
.dyui-header .logo {height: 65px}
.dyui-header .navbar-collapse .dyui-container {padding-top: 2px; padding-bottom: 2px;background: linear-gradient(top, #FFFFFF, #D9D9D9); background: -ms-linear-gradient(top, #FFFFFF, #D9D9D9); background: -webkit-linear-gradient(top, #FFFFFF, #D9D9D9); background: -moz-linear-gradient(top, #FFFFFF, #D9D9D9); border-radius: 5px 5px 0 0;}
.dyui-header .dyui-nav {padding: 0; width: 100%}
.dyui-header .dyui-nav li.li-c1 {background: url(../images/fgx.jpg) no-repeat left center; flex: 1}
.dyui-header .dyui-nav li a.c1 {color: #000; padding: 15px 20px; font-size: 16px; font-weight: bold; text-align: center}
.dyui-header .dyui-nav li a.c1:hover {color: #333;}
.dyui-header .dyui-nav li.active a.c1 {color: #357bdf;}
.dyui-header .dyui-nav li.active a.c1 i {color: #333}
.dyui-header .dyui-nav li .dropdown-toggle::after {content: ''; position: absolute; right: 20px; top: 20px; width: 8px; height: 8px; margin-top: -2px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg);}
.dyui-header .dyui-nav li.active .dropdown-toggle::after {border-color: #fff}

.dyui-header .btn-language .dropdown-menu {width: 300px;}

.dyui-header .btn-outline-secondary:focus {box-shadow: none;}

@media (min-width:768px) {

    .dyui-nav>li>.dropdown-menu {opacity: 1; display: none; margin: 0; border-radius: 0 0 3px 3px; border-color: #fff}
    .dyui-nav li.open .dropdown-menu {display: block;}


    .dyui-header .dyui-nav li.li-2 {position: relative}
    .dyui-header .dyui-nav li.li-2 a.c2 {border-bottom: solid 1px #eee; padding: 8px 1rem;}
    .dyui-header .dyui-nav li .ul-3 {position: absolute; left: 157px; top: 0; display: none}
    .dyui-header .dyui-nav li.li-2.open .ul-3 {display: block}
    .dyui-header .dyui-nav li.li-2.open a.c2 {background-color: #eeeeee}

}


.dyui-header-line {height: 46px;}

/*Phone手机*/
@media(max-width:767px) {

    .dyui-header .head {background-color: #0067AC}
    .dyui-header {background-color: #FFF; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 999}
    .navbar-brand {padding: 0}
    .dyui-header .logo {max-width: 100%; height: 30px; display: block;}
    .dyui-header .navbar-toggler {color: #FFF}
    .dyui-header .navbar-toggler i {font-size: 24px;}
    .dyui-header .navbar-collapse {background-color: #fff; padding-bottom: 10px}
    .dyui-header .dyui-nav li.li-c1 {background:none}
    .dyui-header .dyui-nav li a.c1 {display: block; padding: 10px 0; box-sizing: content-box; color: #333; text-align: left;}
    .dyui-header .dyui-nav li.active a.c1 {border-radius: 0; color: #1e85e4;}
    .dyui-header .dyui-nav li a.c1:hover {color: #1e85e4}
    .dyui-header .dyui-nav li .dropdown-toggle::after {border-right: 1px solid #333; border-bottom: 1px solid #333; right: 0;}

    .dyui-header .btn-language .dropdown-menu {width: 300px; right: 0;}

}
/*iPad Pro*/
@media (min-width:768px) and (max-width:1024px){

    .dyui-header .dyui-nav {flex-wrap: wrap; padding-left: 10px; padding-right: 10px;}
    .dyui-header .dyui-nav li a.c1 {padding-left: 10px; padding-right: 10px;}
    .dyui-header .dyui-nav li .dropdown-toggle::after {right: 0}

}

.head-tel {width: 166px; padding: 10px 0 0 0; color: #fff;}
.head-tel .t {line-height: 30px; font-size: 16px;}
.head-tel .t i {margin-right: 6px;}
.head-tel p {color: #ffed00; font-size: 24px;}


/*首页滚动产品*/

.home-product {overflow:hidden; margin:20px auto 10px;}
.home-product .owl-carousel.owl-rtl {padding: 0 40px; box-sizing: border-box;}
.home-product .owl-carousel .owl-nav button.owl-next {position: absolute; right: 0; top: 0;height:216px;width:30px; background-color: #fff; border-radius: 0; margin: 0;}
.home-product .owl-carousel .owl-nav button.owl-prev {position: absolute; left: 0; top: 0;height:216px;width:30px; background-color: #fff; border-radius: 0; margin: 0;}
.home-product .owl-carousel .owl-nav button.owl-prev:hover,
.home-product .owl-carousel .owl-nav button.owl-next:hover {color: #fff; background-color: #FE5C00;}
.home-product ul li a {display: block; text-align: center;}
.home-product ul li a .t {height: 30px; line-height: 30px; overflow: hidden; margin-top: 5px; color: #fff;}
.home-product ul li a:hover .t {color: #ffed00;}




#main {border-radius: 10px; background-color:#fff; position:relative; box-sizing: border-box;}



.home-dtit {width:auto; height:50px; border-bottom: solid 1px #D8D8D8;}
.home-dtit h3 {float: left; line-height: 50px; font-size: 18px;}
.home-dtit h4 {float: left; color: #999; line-height: 50px; padding-left: 6px; font-size: 16px}
.home-dtit .more {float:right; line-height:52px; padding-right:8px; background:url(../images/more.jpg) no-repeat left center; padding-left:6px}


#about {height:310px; overflow:hidden;}
#about .dtit {width:auto; height:50px; border-bottom: solid 1px #D8D8D8;}

#about .dcon {height:220px; line-height:200%; overflow:hidden; text-indent:2em; margin-top: 10px;}

#about .dtit .more {float:right; line-height:52px; padding-right:8px; background:url(../images/more.jpg) no-repeat left center; padding-left:6px}
#news .dtit .more {float:right; line-height:52px; padding-right:8px; background:url(../images/more.jpg) no-repeat left center; padding-left:6px}

/*新闻*/
#news {height:310px; overflow:hidden;}
#news .dtit {width:auto; height:50px; border-bottom:solid 1px #ddd}
#news .dcon {width: 100%;overflow:hidden; padding:5px 0; }
#news .dcon ul li {height:34px; line-height:34px; overflow:hidden; }
#news .dcon ul li i {color: #FE5301;}
#news .dcon ul li .date {float:right; line-height:30px; color: #999;}

/*联系方式*/
#contact .dtit {width:auto; height:50px; border-bottom:solid 1px #ddd}
#contact .dtit h3 {float: left; line-height: 50px; font-size: 18px;}
#contact .dtit h4 {float: left; color: #999; line-height: 50px; padding-left: 6px;}
#contact .dtit .more {float:right; line-height:52px; padding-right:8px; background:url(../images/more.jpg) no-repeat left center; padding-left:6px}

#contact .dcon {line-height:21px; overflow:hidden; padding:10px 10px 0;}
#contact p.dh {height: 50px; font-size: 20px; color: #f00; background:url(../images/rtel.jpg) no-repeat left top; padding: 22px 0 0 64px; box-sizing: border-box;}
#contact p {margin-bottom: 5px;}


.rdtit {width:210px; height:38px; overflow:hidden; background:url(t0r.jpg) no-repeat left top}
.rdtit .fwxm {background:url(t01.jpg) no-repeat left top; width:140px; height:38px}
.rdtit h3 {height:38px; line-height:38px; padding-left:10px; width:100px; text-align:center; color:#fff;}
.rdcon {width:188px; height:auto; overflow:hidden; padding:5px 10px; border:solid 1px #ddd; border-top:none}

.xm {border-bottom:dashed 1px #ae0101; width:188px; height:auto; overflow:hidden; padding-bottom:6px}
.xm dt {font-size:14px; color:#ae0101; font-weight:bold; width:188px}
.xm dd {float:left; width:89px; height:24px; line-height:24px; overflow:hidden}

/*底部通用*/
#footer {text-align:center; color:#fff; margin:0 auto; padding:20px 0;}
#footer a {color:#fff}


/*内页*/
.pdtit {height:40px; overflow:hidden; background:url(title.png) no-repeat left -136px; border-bottom:solid 1px #ddd; display: flex; align-items: center; justify-content: space-between}
.pdtit .weizhi {line-height:40px; height:40px; float: right;}
.pdtit h3 {float: left; height:39px; line-height:40px; text-align:center; font-size: 20px;}
.pdcon {height:auto; overflow:hidden; }

.show-title {width: 100%; color: #333333; font-size: 24px; overflow: hidden; margin: 15px 0; text-align: center}
.show-title h1 {font-size:20px;}
.suxin {width:auto; height:32px; line-height:32px; margin:0 10px; text-align:center; background-color:#efefef; border-bottom:solid 1px #CCC}
.suxin span {padding:0 10px}
.fenxiang { width:auto; height:30px; overflow:hidden; margin:10px}
.content {min-height:200px; padding:10px; line-height:200%; font-size:14px}
.content img {max-width: 100%;}
.updown {border-top:dashed 1px #ddd; line-height: 2}
.show-thumb {text-align: center; margin: 15px 0;}

/*子栏目*/
#znav {height:auto; overflow:hidden}
#znav .dtit {height:40px; background: linear-gradient(top, #024E80, #0062A3); background: -ms-linear-gradient(top, #024E80, #0062A3); background: -webkit-linear-gradient(top, #024E80, #0062A3); background: -moz-linear-gradient(top, #024E80, #0062A3); border-radius: 5px 5px 0 0;}
#znav .dtit h3 {color:#fff; line-height:40px; padding-left:10px; font-size: 20px}
#znav ul li {height:46px; line-height:46px; overflow:hidden; background:url(../images/libg22.png) no-repeat 10px center #eee; border-bottom:solid 1px #ccc; padding-left:30px; font-size:14px}
#znav ul .on {background-color:#fff; border-right:solid 1px #CCC}
#znav ul .on a {color:#f00}
#znav ul li:hover {background-color:#F1F9FC;}

#rtel {height:auto; overflow:hidden; margin-top:30px; margin-bottom:20px}
#rtel .dtit {height:40px; background: linear-gradient(top, #024E80, #0062A3); background: -ms-linear-gradient(top, #024E80, #0062A3); background: -webkit-linear-gradient(top, #024E80, #0062A3); background: -moz-linear-gradient(top, #024E80, #0062A3); border-radius: 5px 5px 0 0;}
#rtel .dtit h3 {color:#fff; line-height:40px; padding-left:10px; font-size: 20px}
#rtel p.dh {height: 50px; font-size: 20px; color: #f00; background:url(../images/rtel.jpg) no-repeat left top; padding: 22px 0 0 64px; box-sizing: border-box; margin-top: 8px;}
#rtel p {margin-bottom: 5px;}


#wzlb {margin:10px 0}
#wzlb li {height:36px; line-height:36px; overflow:hidden; border-bottom:dashed 1px #ddd; background:url(../images/libg.jpg) no-repeat 5px center; padding-left:15px; font-size:14px}
#wzlb li .time {float:right; line-height:34px; color:#999}

/*图片列表*/
.tplb {float:left; width:232px; height:214px; overflow:hidden; margin:10px; display:inline}
.tplb dt {width:228px; height:180px; border:solid 1px #ddd; padding:1px}
.tplb dt img {width:228px; height:180px}
.tplb dd {height:30px; line-height:30px; text-align:center; overflow:hidden; background-color:#eee}
.tplb:hover dt {border:solid 1px #f00}
.tplb:hover dd {background-color:#AE0D13; color:#fff}
.tplb:hover dd a {color:#fff}

/*产品列表*/
.dyui-product-list li a:hover .thumb {border:solid 1px #007ECA !important;}
.dyui-product-list li a:hover .t {color: #007ECA}

/*图片列表*/
.photo-list {float:left; width:270px; overflow:hidden; margin:5px 15px; display:inline; text-align: center;}
.photo-list dt {border:solid 1px #ddd; padding:1px}
.photo-list dt img {display: block; width: 100%;}
.photo-list dd {height:40px; line-height:20px; overflow:hidden; padding:5px 0}
.photo-list:hover dt {border:solid 1px #007ECA}
.photo-list:hover dd a {color:#007ECA}

/*产品内容页*/
.cpimgsx {height:auto; overflow:hidden; display: flex;}
.cpimgsx .cpimg {flex: 0 0 50%; border:solid 1px #ddd;}
.cpimgsx .cpsx {flex: 0 0 50%; overflow:hidden}
.cpsx ul li {height:34px; line-height:34px; overflow:hidden; border-bottom:solid 1px #ddd}
@media screen and (max-width:768px) {

    .cpimgsx {height:auto; overflow:hidden; display: block;}
}



/*内容表格美化集*/
  /*图片+标题-适合证书展示-头像展示等*/
.bgmha {border-left:solid 1px #ddd; border-top:solid 1px #ddd}
.bgmha tr td {border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:5px}
.bgmha tr td.title {background-color:#eee}

  /*图片加边框*/
.bgmhb img {border:solid 1px #ddd; padding:1px; margin:10px; display:inline}

/*表单*/
.dyui-form-flex .required {color: #f00}
.dyui-form-flex .form-group {display: flex; align-items: center; flex: 0 0 50%}
.dyui-form-flex .form-group#dr_row_content {flex: 0 0 100%}
.dyui-form-flex .form-group .control-label {flex-shrink: 0; width: 86px; text-align: right}
.dyui-form-flex .form-group .col-md-10 {padding-left: 15px; width: 100%; flex-shrink: 1; overflow: hidden}
.dyui-form-flex .form-group .form-control {border-radius: 0}
.dyui-form-flex .form-group .field_date_chushengriqi {display: flex; align-items: center}
.dyui-form-flex .form-group .field_date_chushengriqi .form-control {width: auto !important;}
.dyui-form-flex .form-group .field_date_chushengriqi .input-group-btn {flex-shrink: 0}
.dyui-form-flex .form-group-code .col-md-10 label {width: 100%}
.dyui-form-flex .form-group-code .col-md-10 .fc-code {padding-left: 10px}
.dyui-form-flex .form-group .mt-checkbox,
.dyui-form-flex .form-group .mt-radio {margin-bottom: 0}
@media(max-width:768px) {
    .dyui-form-flex .form-group {flex: 0 0 100%}
}