body{background: #f1f1f1; height: auto;}
body .crumbs{display: none;}
/* banner */
@media all{
    .banner2 {  position: relative; width: 100%;  margin: 0 auto;  padding-top:80px;  }
    .callbacks {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
    .callbacks li {  position: absolute;  width: 100%;  left: 0;  top: 0;  }
    .callbacks img {  display: block;  position: relative;  z-index: 1;  height: auto;  width: 100%;  border: 0;  }
    .callbacks .caption {  display: none;  position: absolute;  z-index: 2;  font-size: 20px;  text-shadow: none;  color: #fff;  background: #000;  background: rgba(0,0,0, .5);  left: 0;  right: 0;  bottom: 0;  padding: 20px 20px;  margin: 0;  max-width: none;  }
    .callbacks .caption p{margin:0 auto; width:1200px; color:#fff;}
    .callbacks_nav {  position: absolute;  -webkit-tap-highlight-color: rgba(0,0,0,0);  top: 52%;  left: 0;  opacity: 0.7;  z-index: 3;  text-indent: -9999px;  overflow: hidden;  text-decoration: none;  height: 61px;  width: 38px;  background: #fff url("../img/themes.png") no-repeat left top;  margin-top: -3px;}
    .callbacks_nav:active {  opacity: 1.0;  }
    .callbacks_nav.next {  left: auto;  background-position: right top;  right: 0;  }
    .rslides {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  } 
    .rslides li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  }
    .rslides li:first-child {  position: relative;  display: block;  float: left;  }
    .rslides img {  display: block;  min-height: 160px;  float: left;  width: 100%;  border: 0;  }
}
@media (max-width:1199px) and (min-width:980px) /*1199px-980px*/ {
    .banner2 {  position: relative; width:100%;  margin: 0 auto;  padding-top:74px;  }
}
@media (max-width:979px) and (min-width:641px)/*979-639*/{
    .banner2 {width: 100%; padding-top:74px;}
    .callbacks_nav { margin-top: -23px;}
}
@media (max-width:640px)/*≤640px*/{
    .banner2 {width: 100%; padding-top:51px;}
    .callbacks .caption { font-size: 1.2em;  text-shadow: none;  padding: 5px 15px;  margin: 0;  max-width: none;  }
    .callbacks_nav { top: 55%;  left: 0;  opacity: 0.7;  z-index: 3;  height: 38px;  width: 38px;  background: #fff url("../img/themes.png") no-repeat left -12px;  margin-top: -15px;}
    .callbacks_nav:active {  opacity: 1.0;  }
    .callbacks_nav.next {  left: auto;  background-position: right -12px;  right: 0;  }
}

/* mod00-wapnav */
@media all{
    .mod00-wrap{display: none;}
}
@media all and (max-width:640px){
    .mod00-wrap{display: block; width: 100%;}
	.mod00-wrap  .ctain  {width: 100%;}
	.mod00-wrap  .ctain  .wapnavbox  li{box-sizing: border-box;float:left;width:20%; text-align: center; padding:15px 0;}
	.mod00-wrap  .ctain  .wapnavbox  li span{display: block; color:var(--color1);}
    .mod00-wrap  .ctain  .wapnavbox  .icon{font-size: 24px; margin-bottom: 10px;}
    .mod00-wrap  .ctain  .wapnavbox  .text{font-size: 18px;}
}


/* mod01:product */
@media all {
    .mod01-wrap{width: 100%;}
    .mod01-wrap .ctain{width: 1140px; margin:0 auto; padding:30px;background:#fff;}
    .mod01-wrap .ctain .lfbox{float:left; height: 860px; width:210px; background: var(--color4);}
    .mod01-wrap .ctain .lfbox .titl{ background: var(--color2); padding:30px 15px; text-align:center; }
    .mod01-wrap .ctain .lfbox .titl a img{width:160px;}
    .mod01-wrap .ctain .lfbox .superul .supli{padding:15px 0 15px 40px; border-top:1px solid #eee; background: url(../img/yd01.png) no-repeat 14px center;}
    .mod01-wrap .ctain .lfbox .superul .supli h2{font-size: 16px; height: 30px; line-height: 30px; color:#fff;}
    .mod01-wrap .ctain .lfbox .superul .supli:hover{background-color: var(--color2);}
  
    .mod01-wrap .ctain .rtbox{float:left; width: 900px; margin-left:30px;}
    .mod01-wrap .ctain .rtbox .tag{margin-top:30px; border-bottom:1px solid rgb(223, 223, 223); background: url(../img/productshow.png) no-repeat 130px center;}
    .mod01-wrap .ctain .rtbox .tag p{float:left; border-bottom:3px solid var(--color2); font-size:24px; padding:0 10px 5px 10px; }
    .mod01-wrap .ctain .rtbox .tag img{float:right; }

    .mod01-wrap .ctain .rtbox .imglist{margin-top:15px;}
    .mod01-wrap .ctain .rtbox .imglist li{float:left; width:164px ; padding:0 0 0 20px; margin-bottom: 20px; }
    .mod01-wrap .ctain .rtbox .imglist li:nth-child(5n+1){padding:0;}
    .mod01-wrap .ctain .rtbox .imglist .prodli .prodpic{overflow: hidden; border-radius: 10px; height: 120px;width: 100%; display: flex; justify-content: center;align-items: center; border:1px solid #ccc; } 
    .mod01-wrap .ctain .rtbox .imglist .prodli .prodpic img{width:100%; height: 100%; object-fit: cover;transition: all 0.5s ease-in-out; display: block;}
    .mod01-wrap .ctain .rtbox .imglist .prodli .prodtitl{display: flex;  display: -webkit-flex; align-items: center; justify-content: center; text-align: center;  height: 60px; padding: 0 20px;}
    .mod01-wrap .ctain .rtbox .imglist .prodli .prodtitl h3{font-size: 14px;}
    .mod01-wrap .ctain .rtbox .imglist li:hover .prodpic{border:1px solid var(--color2); } 
    .mod01-wrap .ctain .rtbox .imglist li:hover  img{width:100%; transform: scale(1.05);}
    .mod01-wrap .ctain .rtbox .imglist li:hover  h3{color: var(--color2); transition: all 0.5s ease-in-out;}
    .mod01-wrap .ctain .rtbox .wapmore{display: none;}
}
@media all and (max-width:640px){
    .mod01-wrap .ctain{width: 100%; padding:0;}
    .mod01-wrap .ctain .lfbox{width: 100%; height: auto;}
    .mod01-wrap .ctain .lfbox .titl{width: 100%; text-align:center; padding:5px 0; background: var(--color2);}
    .mod01-wrap .ctain .lfbox .titl a img{width:120px; padding: 5px  0;}
    .mod01-wrap .ctain .lfbox .superul{padding:0;}
    .mod01-wrap .ctain .lfbox .superul .supli{float:left; width:33.33%; padding:5px 0;border-bottom:1px solid #aaa; border-right:1px solid #aaa; background:#f1f1f1; text-align: center; box-sizing: border-box;}
    .mod01-wrap .ctain .lfbox .superul .supli:hover{background:var(--color2);}
    .mod01-wrap .ctain .lfbox .superul .supli:hover a h2{color:#fff;}
    .mod01-wrap .ctain .lfbox .superul .supli:nth-child(3n){border-right: none; }
    .mod01-wrap .ctain .lfbox .superul .supli:nth-child(n+10){display: none;}
    .mod01-wrap .ctain .lfbox .superul .supli a h2{font-size: 14px; height: 24px; line-height: 24px;color:var(--color2); width: 100%;}
    .mod01-wrap .ctain .rtbox{width:100%; margin:0 0 10px 0;}
    .mod01-wrap .ctain .rtbox .tag{display:none;}
    .mod01-wrap .ctain .rtbox .imglist li{box-sizing: border-box; border:1px solid #eee; padding:0; width:44.5%;}
    .mod01-wrap .ctain .rtbox .imglist li:nth-child(odd){margin:0 2.5% 15px 3%;}
    .mod01-wrap .ctain .rtbox .imglist li:nth-child(even){margin:0 3% 15px 2.5%;}
    .mod01-wrap .ctain .rtbox .imglist li:nth-child(odd){display: none;}
    .mod01-wrap .ctain .rtbox .imglist li:hover{border:1px solid var(--color2); }
    .mod01-wrap .ctain .rtbox .imglist li:hover .prodpic{border:none; } 
    .mod01-wrap .ctain .rtbox .imglist .prodli .prodpic{border-radius: 0; border:none; height: 175px;}
    .mod01-wrap .ctain .rtbox .imglist .prodli .prodtitl{height: 40px;}
    .mod01-wrap .ctain .rtbox .wapmore{display: block; text-align:center;}
    .mod01-wrap .ctain .rtbox .wapmore span{display: inline-block; margin:15px 0; padding:6px 30px;border-radius:5px; color:var(--color4);; font-size: 16px;  font-weight:bold; border:2px solid var(--color4); }
}

/* olimgs-m17-wrap */
@media all{
    .olimgs-m17-wrap{width: 100%; background: #333; /*background: url(../images/yitiaolong/bg001.jpg) 0 0 no-repeat;background-size: 100% 100%;*/}
    .olimgs-m17-wrap .ctain{width:1200px; margin:0 auto; padding:75px 0;}
    .olimgs-m17-wrap .ctain .txtbox{text-align: center;}
    .olimgs-m17-wrap .ctain .txtbox h2{font-size: 30px; color:var(--color2);}
    .olimgs-m17-wrap .ctain .txtbox p{padding:15px 0 40px; color:#ccc;}
    .olimgs-m17-wrap .ctain .ulbox .libox{float:left; width:171.42px; text-align: center;}
    .olimgs-m17-wrap .ctain .ulbox .libox .ctentbox img{width: 100px; border-radius: 50px;max-width:100%;filter: grayscale(0.4); transition: 0.3s all;-webkit-transition: 0.3s all; position: relative; top: 0;}
    .olimgs-m17-wrap .ctain .ulbox .libox .ctentbox .title{margin:15px 0 15px; font-size: 16px; color:#fff;}
    .olimgs-m17-wrap .ctain .ulbox .libox .ctentbox .txt{ display: none;padding:0 25px; }
    .olimgs-m17-wrap .ctain .ulbox .libox:hover .ctentbox img{top:5px; filter: grayscale(0); box-shadow: 0 0 5px 2px var(--color2);}
    .olimgs-m17-wrap .ctain .ulbox .libox:hover .ctentbox .title{color: var(--color2); font-weight: bold;}
}
@media all and (max-width:640px){
    .olimgs-m17-wrap .ctain{width: 100%; padding:40px 3% 10px; box-sizing: border-box;}
    .olimgs-m17-wrap .ctain .txtbox h2{font-size: 20px; }
    .olimgs-m17-wrap .ctain .txtbox p{padding:15px 0 20px;}
    .olimgs-m17-wrap .ctain .ulbox .libox{width: 31%; margin-bottom:30px;}
    .olimgs-m17-wrap .ctain .ulbox .libox:nth-child(3n-1){margin-left: 3.5%;}
    .olimgs-m17-wrap .ctain .ulbox .libox:nth-child(3n){margin-left:3.5%;}
    .olimgs-m17-wrap .ctain .ulbox .libox:last-child{margin-left:34.5%;}
    .olimgs-m17-wrap .ctain .ulbox .libox .ctentbox .title{margin:10px 0 10px;}
}


/* mod03: apply */
@media all {
    .mod03-wrap{width: 100%; }
    .mod03-wrap .ctain{width: 1200px; margin:0 auto;}
    .mod03-wrap .ctain .topbox{margin-top:40px;}
    .mod03-wrap .ctain .topbox .titl{float:left; background: var(--color2); padding:10px 15px; width:210px;}
    .mod03-wrap .ctain .topbox .titl img{width: 210px;}
    .mod03-wrap .ctain .topbox .supul{float:left; width:800px; height: 100px; margin-left:30px;}
    .mod03-wrap .ctain .topbox .supul .supli{float:left; width: 90px; padding: 5px 10px 5px 40px;  background: url(../img/yd01.png) no-repeat 15px center; background-color: var(--color4);  margin: 0 20px 10px 0;}
    .mod03-wrap .ctain .topbox .supul .supli:hover{background-color: var(--color2);}
    .mod03-wrap .ctain .topbox .supul .supli strong{color:#fff; font-size:16px;}
    .mod03-wrap .ctain .topbox .more{float:right; margin:0 30px 0 0;}

    .mod03-wrap .ctain .btmbox .imglist{margin:15px 0 20px 0;}
    .mod03-wrap .ctain .btmbox .imglist li{float:left; width:224px ; padding:0 0 0 20px; margin-bottom: 20px; }
    .mod03-wrap .ctain .btmbox .imglist li:nth-child(5n+1){padding:0;}
    .mod03-wrap .ctain .btmbox .imglist .prodli .prodpic{overflow: hidden;width: 100%; height: 224px;display: flex; justify-content: center; align-items: center; border-bottom:1px solid #ccc; } 
    .mod03-wrap .ctain .btmbox .imglist .prodli .prodpic img{width:100%; height: 100%; object-fit: cover; display: block;  transition: all 0.5s ease-in-out;}
    .mod03-wrap .ctain .btmbox .imglist .prodli .prodtitl{display: flex;  display: -webkit-flex; align-items: center; justify-content: center; text-align: center;  height: 60px; padding: 0 20px; background: #e1e3e2;}
    .mod03-wrap .ctain .btmbox .imglist h3{color:#444; font-size: 14px;}
    .mod03-wrap .ctain .btmbox .imglist li:hover  img{width:100%; transform: scale(1.05);}
    .mod03-wrap .ctain .btmbox .imglist li:hover  .prodli h3{color:#fff;}
    .mod03-wrap .ctain .btmbox .imglist li:hover  .prodli .prodtitl{background: var(--color2); transition: all 0.5s ease-in-out;}
    .mod03-wrap .ctain .wapmore{display:none;}
}
@media all and (max-width:1199px){}
@media all and (max-width:1024px){}
@media all and (max-width:640px){
    .mod03-wrap .ctain{width:100%;}
    .mod03-wrap .ctain .topbox{margin-top:0;}
    .mod03-wrap .ctain .topbox .titl{width: 100%; text-align:center; padding:5px 0;}
    .mod03-wrap .ctain .topbox .titl img{width: 150px; padding:5px 0;}
    .mod03-wrap .ctain .topbox .supul{width: 100%; margin:0; height: auto;}
    .mod03-wrap .ctain .topbox .supul .supli{box-sizing:border-box; background: var(--color4); padding:5px 0;  margin:0; width: 25%; text-align: center; border-top:1px solid #fff; border-right: 1px solid #fff;}
    .mod03-wrap .ctain .topbox .supul .supli:nth-child(4n){border-right:none;}
    .mod03-wrap .ctain .topbox .supul .supli:nth-child(n+9){display: none;}
    .mod03-wrap .ctain .topbox .supul .supli strong{font-size:14px;}
    .mod03-wrap .ctain .topbox .more{display: none;}
    .mod03-wrap .ctain .btmbox .imglist{margin:15px 0 5px 0;}
    .mod03-wrap .ctain .btmbox .imglist li{box-sizing: border-box; width:44.5% ; padding:0; }
    .mod03-wrap .ctain .btmbox .imglist li:nth-child(odd){margin:0 2.5% 20px 3%;}
    .mod03-wrap .ctain .btmbox .imglist li:nth-child(even){margin:0 3% 20px 2.5%;}
    .mod03-wrap .ctain .btmbox .imglist li:nth-child(n+9){display: none;}
    .mod03-wrap .ctain .btmbox .imglist .prodli .prodpic{height: 175px;}
    .mod03-wrap .ctain .btmbox .imglist li:hover  img{transform: none;}
    .mod03-wrap .ctain .btmbox .imglist .prodli .prodtitl{margin-top:-4px;}
    .mod03-wrap .ctain .wapmore{display:block; text-align:center;}
    .mod03-wrap .ctain .wapmore span{display: inline-block; margin:0 0 20px 0; padding:6px 30px;border-radius:5px; color:var(--color2);; font-size: 16px;  font-weight:bold; border:2px solid var(--color2); }

}

/* mod04-prodcase */
@media all{
    .mod04-wrap{width: 100%;}
    .mod04-wrap .ctain{box-sizing: border-box;width: 1200px; margin:0 auto; background: #fff; padding:30px 0; margin-bottom: 30px;}
    .mod04-wrap .ctain .listbox{float:left; width:360px; margin-left:30px;}
    .mod04-wrap .ctain .listbox .titlbox{border-bottom:1px solid #eee; padding-bottom:10px;}
    .mod04-wrap .ctain .listbox .titlbox .titl{font-size:16px; color: var(--color2); padding-left: 20px; background: url(../img/arr04.gif) no-repeat 0 center;}
    .mod04-wrap .ctain .listbox .ulbox li{box-sizing:border-box; width: 350px; margin:10px 0; padding-left:20px; background: url(../img/arr05.png) no-repeat 0 center;}
    .mod04-wrap .ctain .listbox .ulbox li:hover a{color: var(--color2);}
}
@media all and (max-width:640px){
    .mod04-wrap .ctain{width: 100%; padding:20px 3%;}
    .mod04-wrap .ctain .listbox{width: 100%; margin-left: 0;}
    .mod04-wrap .ctain .listbox:nth-child(n+2) .titlbox{margin-top:5px; padding-bottom: 6px;}
    .mod04-wrap .ctain .listbox .titlbox .titl{font-size:15px;}
    .mod04-wrap .ctain .listbox .ulbox li{width: 100%; margin:6px 0;}

}

/* mod05:about us */
@media all {
    .mod05-wrap{width: 100%; background: url(../img/bg300.jpg) no-repeat; background-size: 100% 100%; padding-bottom:70px;}
    .mod05-wrap .ctain{width: 1200px; margin:0 auto;}
    .mod05-wrap .ctain .topbox{width: 500px; margin:0 auto; padding:60px 0 0;}
    .mod05-wrap .ctain .topbox .titl{text-align: center; font-size: 35px;color:#fff;}
    .mod05-wrap .ctain .topbox .abt{position: relative; margin:20px 0 30px; }
    .mod05-wrap .ctain .topbox .abt p{position: relative; z-index: 1; margin:0 auto;  text-align: center; font-size: 24px; color:#eee;}
    .mod05-wrap .ctain .topbox .abt .subline{display: none; position:absolute; width:100%; border-bottom:2px solid #fff; top:12px;}
    .mod05-wrap .ctain .btmbox{padding:40px 30px; background-color: #fff; opacity: 0.9;}
    .mod05-wrap .ctain .btmbox .gsImg{ float:left; width:555px; margin: 0 30px 0 0;}
    .mod05-wrap .ctain .btmbox .text{float:left; width: 555px; }
    .mod05-wrap .ctain .btmbox .text strong{font-size:20px; color: rgba(234,137,28,1);}
    .mod05-wrap .ctain .btmbox .text h1{font-size:17px; margin:10px 0; color: #333;}
    .mod05-wrap .ctain .btmbox .text .ctlog li{float:left; padding: 5px 10px;border: 1px solid #f9b275;border-radius: 3px; margin: 15px 25px 0 0; font-size:16px; text-align: center;}
    .mod05-wrap .ctain .btmbox .text .ctlog li:hover{background:var(--color2); transition: all 0.5s ease-in-out;}
    .mod05-wrap .ctain .btmbox .text .ctlog li:hover a{color:#fff; transition: all 0.5s ease-in-out;}

}
@media all and (max-width:640px){
    .mod05-wrap{padding-bottom:0;}
    .mod05-wrap .ctain{width:100%;}
    .mod05-wrap .ctain .topbox{width: 100%; padding:15px 0; background: var(--color2);}
    .mod05-wrap .ctain .topbox .titl{font-size:24px; color:#fff;}
    .mod05-wrap .ctain .topbox .abt{margin:10px 0 0; }
    .mod05-wrap .ctain .topbox .abt p{color:#fff; background: var(--color2); font-size:16px;}
    .mod05-wrap .ctain .topbox .abt .subline{border-bottom:1px solid rgb(221, 221, 221);}
    .mod05-wrap .ctain .btmbox{padding:0;}
    .mod05-wrap .ctain .btmbox .gsImg{width: 100%; border-top:10px solid #f1f1f1;}
    .mod05-wrap .ctain .btmbox .text{width: 100%; box-sizing: border-box; padding:10px 3% 20px; }
    .mod05-wrap .ctain .btmbox .text strong{font-size:18px;}
    .mod05-wrap .ctain .btmbox .text h1{font-size:16px;}
    .mod05-wrap .ctain .btmbox .text .ctlog li{box-sizing: border-box; width: 30%; margin-right: 5%; font-size:14px;}
    .mod05-wrap .ctain .btmbox .text .ctlog li:nth-child(3n){margin-right:0;}
}


/* mod06: news */
@media all {
    .mod06-wrap{width: 100%; }
    .mod06-wrap .ctain{width: 1200px; margin:0 auto; margin-top:30px;}
    .mod06-wrap .ctain .lfbox {float:left; width:770px; height: 760px; margin-right:30px;}
    .mod06-wrap .ctain .lfbox .honor{float:left; width: 710px; height: 280px; padding:0 30px;  background: #fff;}
    .mod06-wrap .ctain .lfbox .honor .titlbox{border-bottom:1px solid #eee; padding-bottom:10px;margin-top:20px;}
    .mod06-wrap .ctain .lfbox .honor .titlbox .titl{font-size: 20px; border-bottom: 2px solid var(--color2); padding-bottom:10px;}
    .mod06-wrap .ctain .lfbox .honor .titlbox .more{float:right; padding-top:10px;}

    .mod06-wrap .ctain .lfbox .honor .marq5_box{overflow: hidden; height: 170px; margin-top:20px;}
    .mod06-wrap .ctain .lfbox .honor .marq5_box ul li{margin-bottom: 20px; text-align: center; }
    .mod06-wrap .ctain .lfbox .honor .marq5_box .imgbox{float:left; margin-right: 15px; width: 226.5px;}
    .mod06-wrap .ctain .lfbox .honor .marq5_box .imgbox:nth-child(3n){margin-right: 0;}
    .mod06-wrap .ctain .lfbox .honor .marq5_box .imgbox img{width: 100%; height: 135px;}
    .mod06-wrap .ctain .lfbox .honor .marq5_box .imgbox h4{height: 30px; line-height: 30px; }

    .mod06-wrap .ctain .lfbox .arclist{float:left; padding-left:30px; background: #fff; margin-top:30px;}
    .mod06-wrap .ctain .lfbox .arclist .listbox{float:left; width: 340px; padding:20px 30px 30px 0; height: 385px;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .titlbox{border-bottom:1px solid #eee; padding-bottom:10px;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .titlbox .titl{font-size: 20px; border-bottom: 2px solid var(--color2); padding-bottom:10px;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .titlbox .more{float:right; padding-top:10px;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .tuwen{margin:20px 0;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .tuwen img{float:left; width:120px; height:72px ;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .tuwen .rtbar{float:left; width: 200px; padding-left:20px;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .tuwen .rtbar .titl{ font-size:14px; font-weight: bold; margin-bottom:10px;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .tuwen .rtbar .titl:hover a{color:var(--color2);}
    .mod06-wrap .ctain .lfbox .arclist .listbox  ul li{padding:6px 0;}
    .mod06-wrap .ctain .lfbox .arclist .listbox  ul li:hover a{color:var(--color2);}
    .mod06-wrap .ctain .lfbox .arclist .listbox  ul li:nth-child(1){display: none;}
    .mod06-wrap .ctain .lfbox .arclist .listbox  ul li>span{color:#999;}

    .mod06-wrap .ctain .rtbox {float:left; width: 340px; padding:0 30px; background: #fff; height: 745px;}
    .mod06-wrap .ctain .rtbox .titlbox{border-bottom:1px solid #eee; padding-bottom:10px;margin-top:20px;}
    .mod06-wrap .ctain .rtbox .titlbox .titl{font-size: 20px; border-bottom: 2px solid var(--color2); padding-bottom:10px;}
    .mod06-wrap .ctain .rtbox .titlbox .more{float:right; padding-top:10px;}
    .mod06-wrap .ctain .rtbox .listul{padding-top:10px;}
    .mod06-wrap .ctain .rtbox .listul .listli{padding:12px 0; border-bottom:1px dashed #eee;}
    .mod06-wrap .ctain .rtbox .listul .listli .item{display: flex; align-items: center;}
    .mod06-wrap .ctain .rtbox .listul .listli .item h3{font-size:14px;}
    .mod06-wrap .ctain .rtbox .listul .listli:hover .item h3{color:var(--color2);}
    .mod06-wrap .ctain .rtbox .listul .listli .item img{float:left; width:90px; height: 68px;}
    .mod06-wrap .ctain .rtbox .listul .listli .item .titl{float:left; width:200px; margin-left:20px;}
}
@media all and (max-width:1199px){}
@media all and (max-width:1024px){}
@media all and (max-width:640px){
    .mod06-wrap .ctain{width:100%; margin-top:20px;}
    .mod06-wrap .ctain .lfbox{width:100%; height: auto; margin:0;}
    .mod06-wrap .ctain .lfbox .honor{display: none;}
    .mod06-wrap .ctain .lfbox .arclist{width:100%; margin:0; padding:0; background:none;}
    .mod06-wrap .ctain .lfbox .arclist .listbox{box-sizing: border-box;width:100%; height:auto; padding:20px 3%; margin-bottom:20px; background:#fff;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .tuwen{margin:15px 0;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .tuwen img{width: 25%; height: auto; max-height: 65px;}
    .mod06-wrap .ctain .lfbox .arclist .listbox .tuwen .rtbar{width: 70%; padding-left:5%;}
    .mod06-wrap .ctain .rtbox{width: 100%; box-sizing: border-box; padding:0 3% 20px; margin-bottom: 20px; height: auto;}
    .mod06-wrap .ctain .rtbox .listul .listli .item img{width: 25%; height:auto; max-height: 65px;}
    .mod06-wrap .ctain .rtbox .listul .listli .item .titl{width: 70%; margin-left:5%;}
}


/* mod07:flink */
@media all{
    .partner{margin:15px auto 0; width:1140px; padding:20px 30px; background: rgba(255,255,255,1);}
    .partner .tag{padding-bottom:10px; border-bottom: 1px solid #F1F1F1;}
    .partner .tag p{float:left; margin-right: 20px; cursor:pointer;color:rgb(22,58,125);}
    .partner .tag p span{font-size:20px;border-bottom: none; } /*清除base里面设置的基本样式*/
    .partner .tag .active{color:var(--color2); border-bottom: 2px solid  rgba(230,100,25,1); padding-bottom:10px;}
    
    .partner .box{height: 160px;padding-top:20px;}
    .partner #marquee_box{overflow: hidden; padding-top:20px;}
    .partner #marquee_box #inner_marquee{width:1000%;} 
    .partner #marquee_box #inner_marquee #marq1{float:left;} 
    .partner #marquee_box #inner_marquee #marq2{float:left;}
    .partner .box-02 li{float: left;}
    .partner .box-02 li a{display: inline-block;height:30px; line-height:30px;margin:3px; padding: 0 10px; background:#F1F1F1;font-size: 14px;}
    .partner .box-02 li a:hover{background:var(--color2); color: #FFFFFF;}
    
    .copyright{margin:15px auto 0; width:1160px; padding:20px; background: rgba(255,255,255,1);}
    
    #imgDiv  #a {width:20px;height:20px;position:absolute;left:380px;background:salmon;text-align: center;}
    #imgDiv  #imgFloat {width:400px;height:240px;background-image:url(../img/701.jpg);}
}
@media (max-width:1199px) and (min-width:980px) /*1199px-980px*/ {
    .partner{margin:20px auto 0; width:940px; padding:20px; background: rgba(255,255,255,1);}
    .partner .tag{padding-bottom:15px; border-bottom: 1px solid #F1F1F1;}
    .partner .tag p{float:left; margin-right: 20px;}
    .partner .tag p span{border-bottom: none;}/*清除base里面设置的基本样式*/
    .partner .tag .active{color:var(--color2); border-bottom: 2px solid  var(--color2);}

    .partner .box{height: 100px;padding-top:20px;}
    .partner #marquee_box{overflow: hidden; padding-top:20px;}
    .partner #marquee_box #inner_marquee{width:800%;} 
    .partner #marquee_box #inner_marquee #marq1{float:left;} 
    .partner #marquee_box #inner_marquee #marq2{float:left;}
    .partner .box-02 a{display: inline-block; height:30px; line-height:30px;margin:3px; padding: 0 10px; background:#F1F1F1;font-size: 1.2em;}
    .partner .box-02 a:hover{background:#010101; color: #FFFFFF;}

    .copyright{margin:20px auto 0; width:940px; padding:20px; background: rgba(255,255,255,1);}

}
@media (max-width:979px) and (min-width:640px)/*979-640*/{
    .partner{margin:0 auto; width:96%; padding:20px 2%; }
    .copyright{margin:20px auto; width:96%; padding:20px 2%; }
}
@media (max-width:639px)/*≤639px*/{
    .partner{display: none; margin:0 auto 20px; width:auto; padding:20px; background: rgba(255,255,255,1);}
    .partner .tag{padding-bottom:15px; border-bottom: 1px solid #F1F1F1;}
    .partner .tag p{float:left; margin-right: 20px; font-size:1.3em;}
    .partner .tag p span{border-bottom: none;}/*清除base里面设置的基本样式*/
    .partner .tag .active{color:var(--color2); border-bottom: 2px solid  var(--color2);}

    .partner .box{height: 100px;padding-top:20px;}
    .partner #marquee_box{overflow: hidden; padding-top:20px;}
    .partner #marquee_box #inner_marquee{width:2600%;} 
    .partner #marquee_box #inner_marquee #marq1{float:left;} 
    .partner #marquee_box #inner_marquee #marq2{float:left;}
    .partner .box-02 a{display: inline-block; height:20px; line-height:20px;margin:3px; padding: 0 3px; background:#F1F1F1;font-size: 1em;}

    .copyright{margin:20px auto 20px; width:auto; padding:20px; background: rgba(255,255,255,1);}
    #imgDiv  #a {left: 180px;}
    #imgDiv  #imgFloat {width: 200px; height: 120px; background-image:url(../img/702.jpg);}
}

/* mod08:copyright */
@media all {
    .mod08-wrap{width: 100%; margin-top:30px;}
    .mod08-wrap .ctain{width: 1140px; margin:0 auto; padding:25px 30px; background: #fff; font-size:12px;}
}
@media all and (max-width:640px){
    .mod08-wrap{margin-top:0;}
    .mod08-wrap .ctain{width: 100%; box-sizing: border-box; padding:20px 3%;}
}