body { background:#fff; font-family: "SourceHanSansCN-Regular",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu; font-size:14px; color: #555;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;font-family: "SourceHanSansCN-Regular",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
a:hover{color:#f00;  text-decoration:none; transition: 0.4s;font-family: "SourceHanSansCN-Regular",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
p{margin:0;padding:0;}
input,textarea{outline-style: none;background-color:transparent;}
input:-internal-autofill-selected {background:none;}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {-webkit-text-fill-color: #fff !important;background-color:transparent; transition: background-color 50000s ease-in-out 0s;}
.fl{ float: left;}
.fr{ float: right;}
/*@font-face{
    font-family: "SourceHanSansCN-Regular";
    src:url(../fonts/SourceHanSansCN-Regular.otf);
 }*/
 /*主色调 蓝色 */
body{--zhu-color:#0064ff;--pei-color:#2d2b2b;}

.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:100%;margin:0 auto;overflow: hidden;}
.wrapp{width:100%;margin:0 auto;}
@media(min-width: 1200px){
  .wrap{width:1200px;}
  .wrapp{width:1200px;}
}

.serch input::-webkit-input-placeholder {
  color: #fff;
}
.serch input::-moz-input-placeholder {
  color: #fff;
}
.serch input::-ms-input-placeholder {
  color: #fff;
}
/*--- header ---*/
.xs{ background: #000; overflow: hidden;}
.sk{ width: 240px; margin: 0 auto;  padding: 8px 0; overflow: hidden;}
.sk .wz{ width: 80px; color: #fff; float: left;}
.sk .cl{ width: 150px; float: right;}
.sk .cl li{ width: 30px; float: left;}
.sk .cl li a{ display: block; width: 20px; margin: 0 auto; height: 20px; border: 4px solid #fff;}
.sk .cl li a:hover{ width:20px; height: 20px; border: 4px solid #3f3f3f;}
.se1{ background: var(--zhu-color);}
.se2{ background: #c70d0d;}
.se3{ background: #f4ae22;}
.se4{ background: #00c3aa;}
.se5{ background: #1d2081;}
.header{ padding: 30px 0; overflow: hidden;}
.header .logo{ text-align: center;}
.walcome{ height: 45px; background: #000; text-align: center; color: #fff; overflow: hidden; line-height: 45px;}
.w-logo{ text-align: center; padding: 15px 0;}
.w-logo img{ max-width: 90%;}
.line{ height: 40px; background: var(--zhu-color); overflow: hidden;}
.keyworw{ line-height: 40px; color: #fff;}
.keyworw a{ color: #fff; margin-right: 5px;}
.keyworw a:hover{ color: #f00;}
.serch{  height: 25px; margin-top: 8px;}
.search-text{ width: 80%; padding-left: 10%; height: 25px; float: left; background: none; border: none; color: #fff;outline: none;}
.go{ width: 10%;height: 25px; float: right; background: url(../images/go.jpg) no-repeat center center; border: none;}
.tel{ background: #3282ff; color: #fff; font-size: 16px; text-indent: 5px; line-height: 40px; height: 40px;}
.tel span{ font-size: 25px;}
.w-line{ height: 80px; background: var(--zhu-color); overflow: hidden;}
.w-keyworw{ padding: 0 10px; line-height: 40px; height: 40px;color: #fff;overflow: hidden;}
.w-keyworw a{ color: #fff; margin-right: 5px;display: inline-block;}
.w-keyworw a:hover{ color: #f00;}
.w-serch{ width: 80%; margin: 0 auto; border: 1px solid #fff; border-radius: 20px; height: 25px; margin-top: 5px;}
/*--- nav ---*/
.nav{ line-height: 45px; }
.nav li{ width: 12.5%; float: left; text-align: center; display:flex;justify-content: space-between; align-items: center;}
.nav a{width: 75%; margin: 0 auto; display: block; line-height: 45px;text-align: center; font-size: 16px;color: #3e3a39;position: relative;-webkit-transition: 300ms 0s all ease ;-moz-transition: 300ms 0s all ease ;-ms-transition: 300ms 0s all ease ;-o-transition: 300ms 0s all ease ;transition: 300ms 0s all ease ;}
.nav a:after{ display: block; content: ''; position: absolute;bottom:0;height: 2px;background: #0044b3;width:100%;-webkit-transition: 300ms 0s all ease ; -moz-transition: 300ms 0s all ease ;-ms-transition: 300ms 0s all ease ;-o-transition: 300ms 0s all ease ;transition: 300ms 0s all ease ;-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);-ms-transform: rotateY(-90deg);-o-transform: rotateY(-90deg);transform: rotateY(-90deg);}
.nav a:hover:after{-webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0);}
.nav a.NavStyle:after{ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0);-o-transform: rotateY(0); transform: rotateY(0);}

.w-nav{ background: #0044b3; overflow: hidden;}
.w-nav ul{ width: 100%; height: 50px; border-bottom: 1px solid #fff;overflow: hidden;}
.w-nav ul li{ width: 25%; float: left; text-align: center; line-height: 50px; height: 50px;}
.cwn{ border-right: 1px solid #fff;}
.w-nav ul li a{ display: block; width: 90%; margin: 5px auto; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; font-weight: 700;}
.w-nav ul li a:hover{ background: #fff; border-radius: 25px; color: #9c431a;}
/*--- banner ---*/

/*--- main ---*/
.m-ys{ padding: 35px 0; overflow: hidden;}
.m-ys img{ max-width: 100%;}
.m-ys span{ font-weight: 700;}
.ys1 li{ width: 20%; float: left; text-align: center; overflow: hidden;}

.ccys{ width: 90%; margin: 0 auto; position: relative;height: auto;}
.ccys1{ height: 90px; width: 90px; margin: 0 auto; border: 1px solid #474747; text-align: center; border-radius: 90px; line-height: 90px;position: relative;top:0px;transition: all 1s;}
.ccys1 span{font-size: 40px;}
.ccys4{ padding: 30px 0 20px 0;position: relative;bottom:0;transition: all 1s;}
.ccys2{ color: #1d1d1d; font-size: 18px;}
.ccys3{color: #1d1d1d; font-size: 12px;}
.ccys:hover .ccys1{top:85px;transition: all 1s; color: var(--zhu-color); border: 1px solid var(--zhu-color);}  
.ccys:hover .ccys4{bottom:90px;transition: all 1s;}
.ccys:hover .ccys2{ color: var(--zhu-color);}
.ccys:hover .ccys3{color: var(--zhu-color);}


.ys2-1{ padding-bottom: 20px;}
.ys2-1 li{ width: 50%; float: left; text-align: center;}
.ys3-1 li{ width: 33.3%; float: left; text-align: center;}

.m-p-top{ background: var(--zhu-color); padding: 40px 0; overflow: hidden;}
.p-list-txt{ padding-top: 30px; overflow: hidden;}
.p-list-txt .wz{ color: #fff; font-size: 18px;}
.p-list-txt .txt{ color: #fff; padding: 35px 0 15px 0; overflow: hidden; line-height: 28px;}

._slide {
  width: 171px;
  line-height: 42px;
  float: left;
  border: 1px solid #3282ff;
  border-radius: 25px;
  background: #3282ff;
  color: #fff;
  font-size: 14px;
  position: relative;
  text-indent: 35px;
  height: 46px;

}

._slide i {
  position: absolute;
  right: 2px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  color: #fff;
  line-height: 32px;
  font-size: 32px;
  top: 5px;
  right: 8px;
  text-align: center;
  transition: ease 1s;
  z-index: 8;
  text-indent: 0;
}

._slide .tips {
  position: absolute;
  z-index: 1;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: ease 1s;
}

._slide .mask {
  position: absolute;
  z-index: 5;
  transition: ease 1s;
  width: 100%;
  height: 100%;
  left: 0;
}
._templateIcon{font-family:templateIcon;font-style:inherit}

._slide:hover i {
  transform: translateX(-400%) rotate(-1440deg);
}

._slide:hover .tips {
  width: 20%;
}


.m-plist{ padding: 30px 0; overflow: hidden;}
.m-plist .hd{ padding-bottom: 15px; overflow: hidden;}
.m-plist .hd li{ margin-bottom: 10px;float: left;margin-right: 10px;}
.m-plist .hd li a{ display: block; height: 50px; line-height: 50px; background: #f7f7f7; text-align: center; color: #555; width: 100%; margin: 0 auto;padding:0 15px;}
.m-plist .hd li a:hover{ background: #3282ff; color: #fff; text-indent: 5px;}

.m-plist .bd{ padding: 15px 0; overflow: hidden;}
.m-plist .bd li{ margin-top: 10px; outline: none;}
.m-plist .bd a{ outline: none; width: 100%; float: left; text-align: center;}
.m-plist .bd a .pics_01{ overflow: hidden; position: relative;width:100%;padding-bottom: 75%;border:solid 1px #eee;}
.m-plist .bd a .pics_01 img{ width: 100%; height: 100%; transition: all 0.3s;position: absolute;top:0;object-fit: cover;left:0;}
.m-plist .bd a .pics_02{ height: 36px; line-height: 36px; overflow: hidden; background: #f5f5f5; }
.m-plist .bd li a:hover .pics_01 img{ transform: scale(1.05); }
.m-plist .bd li a:hover .pics_02{ background:#3282ff; color: #fff;  }
.m-ys-four{ background: url(../images/m-ys-four-bg1.jpg) no-repeat top center; overflow: hidden;}
.m-ys-four .hd{ padding-top: 35px; text-align: center;}
.m-ys-four .hd .hdd1{ font-size: 36px; font-weight: 700; color: #3282ff;}
.m-ys-four .hd .hdd2{font-size: 18px; color: #fff; padding: 15px 0; line-height: 30px;}
.m-ys-four .hd .hdd2 span{color: #3282ff;}
.m-ys-four .bd{ padding-top: 80px; overflow: hidden;}
.ys-f-l{ width: 25%; float: left; overflow: hidden;}
.ys-f-r{ width: 25%; float: right; overflow: hidden;}
.ys-f{ width: 160px; margin: 0 auto; padding: 30px 0;  position: relative;height: auto;}
.ys-f .ys-f1{ height: 90px; width: 90px; margin: 0 auto; border: 1px solid #fff; text-align: center; border-radius: 90px; line-height: 90px;position: relative;top:0px;transition: all 1s;}
.ys-f .ys-f1 span{font-size: 40px; color: #fff;}
.ys-f4{ padding-top: 20px; overflow: hidden; position: relative;bottom:0;transition: all 0.5s;}
.ys-f2{  text-align: center; color: #fff; font-size: 18px;}
.ys-f3{ width: 80%; margin: 0 auto; text-align: center;  color: #fff; font-size: 12px; padding-top: 10px;}
.ys-f:hover .ys-f1{top:95px; transition: all 1s; border: 1px solid #ff7a00;}  
.ys-f:hover .ys-f1 span{color: #ff7a00;}
.ys-f:hover .ys-f4{bottom:100px; transition: all 1s;}
.ys-f:hover .ys-f2{ color: #ff7a00;}
.ys-f:hover .ys-f3{color: #ff7a00;}

.wap-youshi{ background: url(../images/m-ys-four-bg.jpg) no-repeat top center; overflow: hidden; padding: 25px 0; overflow: hidden;}
.wap-youshi ul{ margin-bottom: 20px; overflow: hidden;}
.wap-youshi ul .wap-youshi1{ width: 80px; height: 80px; float: left; border: 1px solid #fff; text-align: center; border-radius: 80px; line-height: 80px;}
.wap-youshi ul .wap-youshi1 span{font-size: 40px; color: #fff;}
.wap-youshi ul .wap-youshi2{ width: calc(100% - 100px); padding-top: 10px; float: right; color: #fff; line-height: 30px; font-size: 14px;}
.wap-youshi ul .wap-youshi2 span{ font-size: 18px; font-weight: 700;}
.wap-youshi ul:hover .wap-youshi1{  border: 1px solid #ff7a00; transition: all 0.3s;}
.wap-youshi ul:hover .wap-youshi1 span{font-size: 40px; color: #ff7a00; transition: all 0.3s;}
.wap-youshi ul:hover .wap-youshi2{ color: #ff7a00; transition: all 0.3s;}
.m-about{ padding: 35px 0; background: var(--zhu-color); overflow: hidden;}
.m-about .txt{ padding-bottom: 10px;overflow: hidden;}
.m-about .txt .hd img{ max-width: 45%;}
.m-about .txt .hd .wz{ color: #fff; font-size: 18px; margin-top: 10px;}
.m-about .txt .md{ padding: 25px 0; color: #fff; font-size: 16px; line-height: 32px;}
.m-about .txt .md ul{-webkit-line-clamp:6;}
.m-wmys{ padding: 35px 0; overflow: hidden;}
.m-wmys .hd{ text-align: center; overflow: hidden; line-height: 45px; padding-bottom: 35px;}
.m-wmys .hd .c11{ color: #bcd5fd; font-size: 48px; font-weight: 700;}
.m-wmys .hd .c11 span{ color: var(--zhu-color);}
.m-wmys .hd .c22{ color: var(--zhu-color); font-size: 18px;}
.m-wmys .hd .c33{ margin: 0 auto; width: 70px; height: 1px; background: var(--zhu-color);}
.m-wmys .hd:hover .c33{ width: 100px; transition: 0.4s;  }
.m-wmys .bd{ padding-top: 40px;}
.m-wmys .bd .img{padding-bottom: 45px; text-align: center; overflow: hidden;}
.m-wmys .bd .img img{ width: 100%;}
/*.m-wmys .bd .img:hover img{transform: scale(1.05); transition: all 0.3s; animation: swing 1s;}*/


.fix { overflow: hidden;}

.team-text {  padding: 10px;}
@media only screen and (min-width: 992px) and (max-width: 1200px) {  
  .team-text { padding: 15px;}
}
.team-wrapper-02 {position: relative;  z-index: 2;}
.team-wrapper-02 .team-text {  background-color: transparent;  position: absolute;  bottom: -60px;  padding: 0;  -webkit-transition: all 0.4s ease-out 0s;  -moz-transition: all 0.4s ease-out 0s;  -ms-transition: all 0.4s ease-out 0s;  -o-transition: all 0.4s ease-out 0s;  transition: all 0.4s ease-out 0s;  z-index: 1;width:100%;}
.team-wrapper-02 .team-text .team-text-inner-content { padding: 30px 20px;  background: #fff;  position: relative; z-index: 3;}
.team-inner-content{ height: 44px; overflow: hidden;}
.team-wrapper-02 .team-text .team-text-inner-content .wmys1{ width: 78%; float: left; color: #333233; font-size: 18px; line-height: 44px; font-weight: 700;}
.team-wrapper-02 .team-text .team-text-inner-content .wmys2{ width: 20%;text-align: center; float: right;line-height: 1}
.team-wrapper-02 .team-text .team-text-inner-content .wmys2 span{ font-size: 40px; color: #d0d0d0;}
.team-wrapper-02 .team-text .team-text-inner-content:hover,.team-wrapper-02.active .team-text .team-text-inner-content{ background: var(--zhu-color); color: #fff;}
.team-wrapper-02 .team-text .team-text-inner-content:hover .wmys1,.team-wrapper-02.active .team-text .team-text-inner-content .wmys1{ color: #fff;}
.team-wrapper-02 .team-text .team-text-inner-content:hover .wmys2 span,.team-wrapper-02.active .team-text .team-text-inner-content .wmys2 span{ color: #fff;}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .team-wrapper-02 .team-text .team-text-inner-content {padding: 15px 15px 40px 15px; }
}
.team-wrapper-02:hover,.team-wrapper-02.active{transition-property: all; transform: scale(1.1);transition: 0.4s; }



.team-wrapper-02:hover .team-icons,.team-wrapper-02.active .team-icons  {  padding: 10px 0;  opacity: 1;  visibility: visible;  margin-top: 0;  height: auto;}
.team-icons {  opacity: 0;  visibility: hidden;  height: 0;  -webkit-transition: all 0.4s ease-out 0s;  -moz-transition: all 0.4s ease-out 0s;  -ms-transition: all 0.4s ease-out 0s;  -o-transition: all 0.4s ease-out 0s;  transition: all 0.4s ease-out 0s;}

.m-wmys .md{ padding: 15px 0; overflow: hidden;}
.w-wmys{ padding-bottom: 15px; overflow: hidden;}
.w-wmys .t-img{ overflow: hidden; line-height: 30px; padding-bottom: 8px;}
.wmys3{ width: 78%; float: left; color: #333233; font-size: 18px; font-weight: 700;}
.wmys4{ width: 20%;padding-top: 10px; text-align: center; float: right;}
.wmys4 span{ font-size: 40px; color: #d0d0d0;}




.m-hzhb{ padding: 30px 0; background: var(--zhu-color); margin-top: 30px; overflow: hidden;}
.m-hzhb .hd{ line-height: 45px; text-align: center;}
.m-hzhb .hd .hz-t{ font-size: 36px; color: #fff; font-weight: 700;}
.m-hzhb .hd .hz-tt{ text-align: center; color: #fff; font-size: 18px;}
.m-hzhb .bd{ padding-top: 35px; overflow: hidden;}
#indexPro{ width:100%; overflow:hidden;}
#indexPro li{ width: 250px; overflow: hidden; text-align: center; float: left;}
#indexPro li img{ width: 240px; height: 133px; object-fit:cover;}
#indexPro li:hover img{ border: 1px solid #f00; transform: scale(1.05); transition: all 0.3s;}

.m-line{background: url(../images/line.jpg) center; height: 450px; overflow: hidden;margin-top:30px;background-attachment: fixed;}
.m-line .line1{ text-align: center; color: #fff; padding-top: 85px; font-size: 20px;}
.m-line .line2{ text-align: center; color: #fff; padding-top: 35px; font-size: 16px;}
.m-line .line-tel{ text-align: center; color: #fff; padding: 55px 0; font-size: 48px;}
.m-line .more{  width: 180px; height: 50px; margin: 0 auto; overflow: hidden;}

.m-news{background:#f7f7f7 url(../images/news-bg.jpg) no-repeat bottom center; padding: 35px 0; overflow: hidden;}
.m-news .hd{ line-height: 35px; margin-bottom: 20px; font-weight: 700; overflow: hidden;}
.m-news .hd .news-1{ font-size: 48px; line-height: 58px; color: #e7e5e5;}
.m-news .hd .news-1 span{ font-size: 58px; color: var(--zhu-color);}
.m-news .hd .news-2{ color: #2c2c2c; font-size: 18px;}

.m-news-box{ margin: 15px 0; overflow: hidden;}
.m-news-box .time{ font-size: 14px; color: #939393; line-height: 30px;}
.m-news-box .time span{ font-size: 18px; color: #4a4a4b;}
.m-news-box .title{ padding: 10px 0; line-height: 30px; color: #222; font-size: 20px;}
.m-news-box .img{ position: relative;padding-bottom:58%;overflow: hidden;width:100%;margin-top: 15px;}
.m-news-box .img img{ width: 100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0;}
.m-news-box .content{ width:100%; margin: 15px 0; overflow: hidden; line-height: 30px; overflow: hidden; color: #222;-webkit-line-clamp:2;height: 60px;}
.m-news-box .more{ width: 130px; height: 35px; text-align: center; line-height: 33px; color: #838383; border: 1px solid #838383; border-radius: 30px; font-size: 12px;}
.m-news-box:hover .time{ color: var(--zhu-color);transition: 0.6s; }
.m-news-box:hover .time span{ font-size: 18px; color: var(--zhu-color);transition: 0.6s; }
.m-news-box:hover .more{ width: 150px; background: var(--zhu-color); border: 1px solid var(--zhu-color); color: #fff;transition: 0.6s; }
.m-news-box:hover .img img{ transform: scale(1.05); transition: all 0.3s;}
.m-message{ padding: 35px 0; overflow: hidden;}
.m-message .hd .hd1{ padding-bottom: 15px; overflow: hidden;}
.m-message .hd .hd1 .hd1-1{ font-size: 36px; line-height: 36px;  color: var(--zhu-color); font-weight: 700;}
.m-message .hd .hd1 .hd1-2{ font-size: 16px;  color: #999;}
.m-message .hd .hd1 .hd1-3{ width: 60px; height: 1px; background: var(--zhu-color); margin: 15px 0;}
.m-message .hd .hd1:hover .hd1-3{ width: 100px; transition: 0.6s;}
.m-message .hd .hd2{ margin-bottom: 35px; font-size: 16px; color: #999;line-height: 30px;}

.message-box li{margin-bottom: 25px;}
.ms1{ width: 100%; height: 46px; line-height: 36px; text-indent: 10px; background: #f7f7f7; border: none;}
.ms2{ width: 100px; height: 46px; line-height: 36px;text-indent: 10px; background: #f7f7f7; border: none;}
.ms3{ width: 80px; height: 46px;}
.ms4{ width: 100%; height: 106px;  background: #f7f7f7;text-indent: 10px; border: none;}
.ms5{display: block; color: #fff; width: 100%; height: 46px; background: var(--zhu-color); line-height: 46px; text-align: center; border-radius: 30px;transition: all .5s}
.ms5:hover{ color: #fff;letter-spacing:3px;}


/*--- sidebar ---*/ 
.sidebar{ overflow: hidden;}
.s-p{ width: 100%; overflow: hidden;}
.s-p .hd{ background: var(--zhu-color); line-height: 120px; color: #fff; font-weight: 700; font-size: 35px; text-align: center;}
.s-p .bd{ padding: 10px; background: #f9f9f9; overflow: hidden;}
.s-p .bd ul li{ width: 100%; height: 45px; line-height: 45px; overflow: hidden; margin-bottom: 10px;border-bottom: solid 1px #eee}
.s-p .bd ul li a{ background:url(../images/plist.png) no-repeat left center; text-indent:30px; display: block; width: 100%; height: 45px;}
.s-p .bd ul li a:hover{background:var(--zhu-color) url(../images/plist.png) no-repeat left center; text-indent: 45px; color: #fff; }
.s-order{ width: 100%; padding: 35px 0; background: var(--zhu-color); overflow: hidden; color: #fff; text-align: center;}
.s-order .hd{ font-size: 30px; font-weight: 700; line-height: 32px; }
.s-order .hd span{ font-size: 20px; font-weight: 100;}
.s-order .bd{ width: 145px; height: 42px; border: 1px solid #fff; border-radius: 5px; margin: 0 auto; line-height: 42px;}
.s-order .bd a{ color: #fff; font-size: 16px;}
.s-order .bd a:hover{  color: #ff0; text-decoration: underline;}
.s-message .hd{ border-left: 3px solid #2679ba; height: 30px; margin: 15px 0; overflow: hidden; text-indent: 15px; color: #333; font-size: 18px; line-height: 30px;}
.s-message .bd{ width: 100%; background: #fff; padding: 15px 0; overflow: hidden;}
.s-message .bd ul{ width: 98%; margin: 0 auto;}
.s-message .bd ul li{ margin-bottom: 8px; overflow: hidden;}
.cmm1{ width: 99%; height: 38px; border: 1px solid #e6e6e6; text-indent: 10px; line-height: 38px;}
.cmm2{ width: 99%; height: 80px; border: 1px solid #e6e6e6; text-indent: 10px; line-height: 38px;}
.cmm3{ width: 150px; height: 38px; border: 1px solid #e6e6e6; text-indent: 10px;}
.cmm4{ width:95px; height: 38px; border: 1px solid #dedede;vertical-align: top;}
.cmm5{ display: block; width: 98%; height: 38px; border-radius: 5px; text-align: center; line-height: 38px; background: var(--zhu-color); color: #fff; font-size: 16px;transition: all .5s}
.cmm5:hover{  color: #fff;letter-spacing:3px;}
/*--- company ---*/
.c-company{ padding: 35px 0; overflow: hidden;}
.c-company .hd{ text-align: center; padding-bottom: 20px; overflow: hidden;}
.c-company .hd .md1{ font-size: 30px; font-weight: 700; color: #222; line-height: 45px;}
.c-company .hd .md2{ width: 80px; height: 2px; background: var(--zhu-color); margin: 10px auto;}
.c-company .hd:hover .md2{ width: 120px;  transition: 0.6s;}
.c-company .bd{ padding-top: 30px; overflow: hidden;}
.c-company .bd .txt ul{ line-height: 45px;}

/*--- inside ---*/
.warp{padding: 35px 0; overflow: hidden;}
.ctname{ border-bottom: 1px solid var(--zhu-color); padding-bottom: 10px; overflow: hidden;}
.cname{ float: left; font-size: 22px; font-weight: 700; color: var(--zhu-color); line-height: 35px;}
.ccnate{ float: right; float: right;line-height: 35px;}
.ins-p{ width:100%; margin: 0 auto; padding: 15px 0; overflow: hidden;}
.ins-p li{ width: 33.3%; float: left; height: 35px; margin-bottom: 8px; overflow: hidden;}
.ins-p li a{ display: block; width: 90%; margin: 0 auto; height: 35px; text-align: center; color: #fff; line-height: 35px; background: var(--zhu-color);}
.ins-p li a:hover{ background: #00a4f9;}
.n-n{ width: 96%; margin: 0 auto; line-height: 2.6; padding: 15px 0;}

/*--- product ---*/
#picULs{ padding:30px 0 0;}
#picULs li{ margin-bottom: 15px; outline: none;}
#picULs li a{ outline: none; width: 100%; float: left; border: solid 1px #dedede; text-align: center;padding:10px;}
#picULs li a .pics_01{ overflow: hidden; position: relative; width:100%;padding-bottom: 75%;}
#picULs li a .pics_01 img{ width: 100%; object-fit: cover;height: 100%;  transition: all 0.3s;position: absolute;top:0;left:0;}
#picULs li a .pics_02{ height: 36px; line-height: 36px; overflow: hidden;  }
#picULs li a:hover .pics_01 img{ transform: scale(1.05); }
#picULs li a:hover .pics_02{ background:var(--zhu-color); color: #fff;  }

/*--- footer ---*/
.links{ padding: 35px 0; overflow: hidden;}
.links .hd img{ max-width: 100%;}
.links .bd{line-height: 55px;}
.links .bd a{ margin-right: 15px; font-size: 18px;}
.links .bd a:hover{ color: var(--zhu-color);}
.footer{ border-top: 6px solid var(--zhu-color); overflow: hidden; margin-bottom: 7rem;}
.f-top{ background: #282727; padding: 25px 0;}
.f-logo{padding-top: 20px; }
.f-logo-1{ font-size: 16px;  color: #fff;margin-bottom: 18px;}
.f-logo-2{ font-size: 28px;  color: #fff; margin-bottom: 10px; font-weight: 700}
.f-logo-3{ font-size: 14px; color: #797979; font-weight: 700;letter-spacing:2px;}
.f-logo-4{margin-top: 30px; background: url(../images/f-tel.png) no-repeat left center; padding-left: 30px; font-size: 14px; color: #797979;}
.f-logo-4 span{ color: var(--zhu-color);font-size: 36px; font-family: "Microsoft Yahei"; font-weight: 700;}

.f-nav{ margin:40px 0 10px 0;overflow: hidden;}
.f-e{line-height: 35px;}
.f-e .hdd1{ color: #fff; font-size: 18px; font-weight: 700;}
.f-e .hdd2{ width: 37px; height: 4px;  background: var(--zhu-color); overflow: hidden;}
.f-e:hover .hdd2{ width: 80px; transition: 0.6s;}
.f-nav .bd li{ width:30%; float: left; line-height: 45px;}
.f-nav .bd li a{ color: #929191}
.f-nav .bd li a:hover{ color: #fff}
.f-prd{ margin:40px 0 10px 0;}
.f-prd .bd li{ float: left; line-height: 45px;padding:0 10px;}
.f-prd .bd li a{ color: #929191}
.f-prd .bd li a:hover{ color: #fff}
.f-center{ background: #282727; padding: 15px 0;}
.f-c-bo{ width: 100%; padding: 10px 0; overflow: hidden;}
.f-wem{ width: 80%; margin: 0 auto; padding: 10px 0;}
.f-wem .img{ width:125px; float: left;}
.f-wem .img img{ width: 100%;}
.f-wem .txt{ padding-top: 25px; color: #fff; line-height: 35px; font-size: 18px;width:calc(100% - 160px);float: right;}
.f-wem .txt span{ color: #666; font-size: 16px;}
.f-tel{ background: url(../images/f-tel.jpg) no-repeat left center; font-size: 30px; font-weight: 700; width: 60%; margin: 0 auto; padding: 40px 0 30px 65px; color: #fff; line-height: 35px;}
.f-tel span{ color: #666; font-size: 16px;}

.f-bottom{ background: #302f30; text-align: center; line-height: 45px; color: #6a6a6a;}
.f-bottom a{ color: #6a6a6a; font-size: 14px;}
.f-bottom a:hover{ color: #ff0;}


#end{ width:100%; background: #003a93; height: 7rem; position: fixed; bottom:0; z-index: 9999999; overflow: hidden;}
#end li{ width: 25%; height: 7rem; padding-top: .8rem;  float: left; text-align: center; overflow: hidden;}
#end li img{ width:35px;}
#end li a{ color: #fff; font-size: 15px;}
#end li a:hover{ color: #f00;}

/*--- Universal ---*/
#newTitle{color:#333;font-size:24px;text-align:center; padding: 25px 0 5px 0; overflow: hidden;}
#newsContent{margin-bottom:16px;}
#newsInfo{ text-align: center; color: #999; font-size: 12px; margin-bottom:26px;}
#prev_next{ width: 95%; margin: 0 auto; padding: 35px 0 20px 0; overflow: hidden;}
#prev_next li{ width: 50%; float: left;}

.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: left; width: 84%; padding-left: 1rem;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 80px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5 a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.t5 a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}

#dituContent{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}

.de-page-mian{overflow: hidden; text-align: center; font-size: 0;  clear: both;}
  .de-page-mian .page-inner{display: inline-block; overflow: hidden;margin: 25px auto 0px;}
  .de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;width:auto;}
  .de-page-mian .page-inner a.active,
  .de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}
  .de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
  .de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
  .de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
  .de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
  .de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
  .de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
  .de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;display: none;}
  .de-page-mian .page-inner span{display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
  .de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}


.cont{ width: 100%; padding: 15px 0; overflow: hidden;}
.cont .hd{ width: 100%; height: 58px; margin: 10px 0;  font-size: 22px;  font-weight: 700; color: #202739; overflow: hidden;}
.cont .md{ border: 1px solid #dedede; padding: 10px 20px;}
.cont .bd{ height: auto; padding: 10px; border-bottom: 1px solid #dedede; overflow: hidden;}
.cont .bd .img{ width: 30%; float: left; padding-top: 20px; text-align: center; }
.cont .bd .txt{ width: 69%; float: right; padding-top: 20px; }
.cont .bd .txt li{width: 100%;height: 31px;color: #555;line-height: 31px; background: #f1f1f1;margin-bottom: 3px;padding-left: 20px;transition: 0.4s all;}
.cont .bd .txt li a{ color: #898989; }
.cont .bd .txt li:hover{background: #f47b00; color: #fff; padding-left: 25px; }
.cont .bd .txt li:hover a{ color: #fff; }


/*position*/
.position{width:100%;padding:10px 0;background:#ddd;color:#333;overflow:hidden;}
.position .container-fluid{width:100%;}
.position .p-left{float: left;}
.position .p-right{float: right;}
.position .p-right a{padding:0 10px;color:#333;transition: all .5s;display: inline-block;}
.position  a:hover{color:var(--zhu-color);}
@media(max-width: 768px){
  .position .p-right{float: left;margin-top: 15px;width:100%;}
  .position .p-right a{padding-left:0;}
}


/*l-banner*/
.l-banner{width:100%;background:url(../images/l-banner.jpg) center no-repeat;background-attachment: fixed;color:#fff;text-align: center;padding:100px 0;}
.l-banner .wrap{padding:30px 0;}
.l-banner b{font-size: 50px;font-weight:normal;letter-spacing: 5px}
.l-banner p{font-size: 16px;margin-top: 15px;line-height: 26px}

@media(max-width: 576px){
  .l-banner{padding:15px 0;background-size: auto 100%;}
  .l-banner b{font-size: 30px}
  .l-banner p{font-size: 14px}
}

/*flash*/
.flash img{object-fit: cover;}
/*prolist*/
.prolist{padding:30px 0;}

/*no-goods*/
.no-goods,.no-network{padding-top:100px; overflow: hidden; text-align: center;}
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}


/*小屏幕 (平板 大于等于768px)*/
@media (min-width:768px){ 


	
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 



	.m-about .txt{ padding-bottom: 0;}
	.picFocus .hd ul li{ width: 33.3%; height: 128px;float:left; position: relative;}
	.m-line .line1{  font-size: 26px;}
.m-message .hd .hd1{ padding-bottom: 25px;}
.m-message .hd .hd1 .hd1-3{margin: 45px 0;}
.links .bd{line-height: 65px;}
.footer{  margin-bottom: 0;}
.f-c-bo{ width: 70%; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.f-wem{ width: 49%; float: left;}
.f-tel{  width: 49%; float: right;}
.f-top{  padding: 45px 0;}
#picULs a .pics_01 img{ height: 226px;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 



	.m-about .txt{ padding-bottom: 0;}
	.picFocus .hd ul li{ width: 33.3%; height: 128px;float:left; position: relative;}
	.m-line .line1{ font-size: 26px;}
.m-message .hd .hd1{ padding-bottom: 25px;}
.m-message .hd .hd1 .hd1-3{margin: 45px 0;}
.links .bd{line-height: 75px;}
.footer{  margin-bottom: 0;}
.f-c-bo{ width: 60%; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.f-wem{ width: 49%; float: left;}
.f-tel{  width: 49%; float: right;}
.f-top{  padding: 45px 0;}
#picULs a .pics_01 img{ height: 226px;}
}

@media(max-width: 992px){
  .w-line{height: auto;padding-bottom: 15px;}
  .w-serch{height: 40px;}
  .search-text{height: 40px;color: #fff;line-height: 40px;}
  .go{height: 40px;}
  .m-plist .bd li:nth-child(7),.m-plist .bd li:nth-child(8){display: none;}
  .f-wem{width:50%;float: left;}
  .f-tel{width:50%;float: right;}
}
@media(max-width: 768px){
  .f-wem{width:100%;}
  .f-tel{display: none}
  .f-bottom{line-height: 24px;padding:10px 0;}
}
@media(max-width: 576px){
  .ys1{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;}
  .ys1 li{width:33%;}
  .ccys1{width:70px;height: 70px;line-height: 70px;border-radius: 50%;}
  .ccys1 span{font-size: 35px;}
  .ccys4{padding:20px 0;}
  .p-list-txt .wz span{display: none;}
  .m-line .line1{line-height: 30px;font-size: 18px;}
  .m-line .line-tel{font-size: 36px;}
  .m-news-box .title{font-size: 18px;}
  .m-news-box .img{margin-top: 0}
  .m-news-box .content{width:100%;}
  .f-logo{padding:20px 0;}
  .f-logo-2{font-size: 26px;}
  .f-logo-4 span{font-size: 30px;}
  .f-wem{padding:0;}
  .f-wem .img{width:100px;}
  .f-wem .txt{width:calc(100% - 110px);padding-top: 15px}
  .f-nav,.f-prd{margin-top: 20px;}
  .f-c-bo{padding:0;}
  .f-top{padding-bottom: 0}
  #picULs{padding-top: 0}
  #picULs li{padding:0 5px;}
  .flash img{height: 200px!important}
}