* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a { text-decoration:none; transition: all 0.5s ease;}
.pcshow { display: block;}
.wapshow { display: none;}
html { scroll-behavior: smooth;}
@charset "UTF-8";
html{
  font-size:7.14vw;
}
@media screen and  (min-width:1400px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}
body {
  float: left;
  width: 100%; font-size:14px; line-height:26px;
  scroll-behavior: smooth;
}
img { max-width:100%;  border: 0;}
.max-width{ max-width: 1400px; margin: 0 auto;}
.max-w1920{ max-width: 1920px; margin: 0 auto;}
.ctext{padding-left:70px;padding-right:70px;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
.pcshow { display: none;}
.wapshow { display: block;}
}


.top_nav1{ width:100%; background: #f5f5f5; padding:3px 34px;}
.top_nav1 .box{ width:100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.top_nav1 .welcom{ display:inline-flex; color: #000000; font-size:14px; line-height:26px;}
.top_nav1 .right{ display: flex;}
.top_nav1 .JD{ display: flex; align-items: center; color: #000000; font-size:14px; line-height:26px;}
.top_nav1 .JD img{ width:20px; height: 20px; padding:3px; margin-right:6px; background: #c91521; border-radius:2px;}
.top_nav1 .JD:hover{color: #007ac3;}
.top_nav1 .tel{ display: flex; align-items: center; color: #fff; font-size:14px; line-height:26px; background: #007ac3; border-radius:26px; padding:0 15px; margin-left: 17px;}
.top_nav1 .tel img{ width:16px; height: 16px; margin-right:4px;}
.top_nav2{ width:100%; padding:0 34px; position: relative;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.top_nav2.act{ position: fixed; left: 0; top:0; z-index:26; background: #fff; box-shadow:0 3px 6px rgba(0,0,0,0.1);}
.top_nav2.ect{ transform: translateY(-100%); -ms-transform: translateY(-100%);}
.top_nav2 .sub{ position:absolute; left:0; top:100%; z-index: 16; width:100%; float:left; display:none;}
.top_nav2 .box{ width:100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.top_nav2 .logo{ display: flex; flex-wrap:wrap; line-height: 0;}
.top_nav2 .logo img{ height:0.36rem;}
.top_nav2 .menuph{ display:none; align-items: center; justify-content: center; width:30px; height:30px; margin:0 -5px 0 -3px;}
.top_nav2 .menuph img{ width:24px; height:24px;}
.top_nav2 .menu{ display: flex; flex-wrap:wrap; margin-left:0.72rem;}
.top_nav2 .menu .nli{ display: flex; flex-wrap:wrap; margin:0 0.26rem;}
.top_nav2 .menu .nli span a{ display: flex; flex-wrap:wrap; color: #000000; font-size:16px; line-height:0.3rem; padding:0.25rem 0.05rem; position: relative;}
.top_nav2 .menu .nli span a::after{ display: flex; content:''; position: absolute; left:50%; bottom:0; width:0; height:2px; background: #007ac3; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.top_nav2 .menu .nli.active span a,
.top_nav2 .menu .nli:hover span a{ color: #007ac3;}
.top_nav2 .menu .nli.active span a::after,
.top_nav2 .menu .nli:hover span a::after{ width:100%;}
.top_nav2 .anniu{ display: flex;}
.top_nav2 .anniu .li{ display: flex; align-items: center; color: #000000; font-size:16px; line-height:30px; position: relative; margin-left:0.3rem; cursor: pointer;}
.top_nav2 .anniu .li img{ width:22px; height: 22px; margin-right:8px;}
.top_nav2 .anniu .search{ margin-left:0 !important;}
.top_nav2 .anniu .shop span{ color:#fff; background: #007ac3; font-size:12px; line-height:16px; border-radius:17px; padding:0 4px 1px 4px; position: absolute; left: 16px; top:-2px;}
/*.top_nav2 .anniu .shop img{ margin-right:18px;}*/
.top_nav2 .anniu .shop:hover{ color: #007ac3;}
.top_nav2 .anniu .avatar,
.top_nav2 .anniu .editor{ color: #007ac3;}
.top_nav2 .anniu .avatar:hover,
.top_nav2 .anniu .editor:hover{ text-decoration: underline;}

@media  screen and (max-width: 1600px){
.top_nav2 .menu{ margin-left:0.36rem;}	
.top_nav2 .menu .nli{ margin:0 0.2rem;}
.top_nav2 .anniu .li{ margin-left:0.25rem;}
}
@media  screen and (max-width: 1440px){
.top_nav2 .menu{ margin-left:0;}	
.top_nav2 .menu .nli a{ font-size:14px;}
.top_nav2 .menu .nli{ margin:0 0.1rem;}
.top_nav2 .anniu .li{ margin-left:0.1rem; font-size:14px;}
.top_nav2 .anniu .li img{ width:20px; height: 20px;  margin-right:4px;}
/*.top_nav2 .anniu .shop img{ margin-right:18px;}*/
}
@media  screen and (max-width: 1024px){
.top_nav1{ display:none; padding:0 15px;}	
.top_nav2{ padding:8px 15px;}
.top_nav2 .logo img{ height:20px;}
.top_nav2 .menuph{display:flex;}
.top_nav2 .menu{ display: none;}
.top_nav2 .anniu .search{ display: none;}
.top_nav2 .anniu .shop{ display: none;}
.top_nav2 .anniu .li{ margin:0 12px 0 0;}
.top_nav2 .anniu .li img{ margin-right: 2px;}
}

.menuBg{ display:none; float: left; width:100%; height:100%;background: rgba(0, 0, 0, 0.5);position: fixed; left:0; top:0; z-index: 29;}
.xiala{position: fixed;left:100%; top:0; z-index: 30;width: 100%;height: 100%;padding: 0 0 0 8%;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.xiala.active {left:0;}
.layout-catalog{ display: block; width:100%; position: relative; height:100vh; background: #fff;overflow-x: auto;}
.layout-catalog .title{ display:block;width: 100%;background: #007ac3;color: #fff;font-size:18px;line-height:30px;padding:8px 12px;flex-wrap: wrap;display: flex;align-items: center;cursor: pointer;}
.layout-catalog .title img {max-width: none;width:24px;height: 24px;margin-right:6px;}
.layout-catalog .menucolse {float: right;width:30px;height: 30px;cursor: pointer;position:absolute;right:5px;top:10px; z-index: 6;}
.layout-catalog .box{ display: block; width:100%; height:-webkit-calc(100vh - 50px); height:-moz-calc(100vh - 50px); height:calc(100vh - 50px); padding:0 24px 40px 24px; overflow-y: auto;}
.layout-catalog .ul1{ display: block; width:100%;}
.layout-catalog .ul1 li{ display: block; width:100%; position:relative;}
.layout-catalog .ul1 .ass-list{border-bottom: 1px dashed #e0e0e0;}
.layout-catalog .ul1 li .industrial{ display: block; position: relative; width:100%;color: #333;line-height:30px;font-size:16px; padding:10px 0;}
.layout-catalog .ul1 li span{position: absolute; right:0px; top:0px; width:50px; height:50px; display: block;}
.layout-catalog .ul1 li span i{ display: flex; content:''; width:8px; height:8px; margin:23px 0 0 18px; transform:rotate(45deg); -ms-transform:rotate(45deg);border-top: 1px solid #333;border-right: 1px solid #333;}
.layout-catalog .ul1 li.on .industrial{ color: #007ac3;}
.layout-catalog .ul1 li.on i{border-top: 1px solid #007ac3;border-right: 1px solid #007ac3; transform:rotate(135deg); -ms-transform:rotate(135deg);}
.layout-catalog .ul2{ display:none; width:100%; padding:0 10px 20px 10px;}
.layout-catalog .ul2 .a2{ display: block; width:100%;color: #666;line-height:24px;font-size:14px; padding:2px 0;}
.layout-catalog .ul2 .a2:hover{ color: #007ac3;}
.layout-catalog .btn{ display: flex; align-items: center; justify-content: center; width:100%;}

.soDown {display: none;float: left;width: 100%;position:absolute;left: 0;top:100%;z-index: 17;background: rgba(255,255,255,0.9);box-shadow: 0 3px 3px rgba(0,0,0,0.15);border-top: 1px solid #f5f5f5;}
._searchs {float: left; width:64%;margin: 40px 18%;}
._searchs input {float: left;height: 40px;border: 0;}
._searchs .but {width: 50px;height: 40px;background: url(../_im_g/_search.svg) center no-repeat #007ac3;background-size: 22px auto;}
._searchs .txt {width: -webkit-calc(100% - 50px);width: -moz-calc(100% - 50px);width: calc(100% - 50px);padding: 0 15px;background: #fff;border: 1px solid #007ac3;color: #000;font-size: 14px;}
@media screen and (max-width: 1024px) {
.soDown{ top:52px;}	
._searchs {float: left; width:100%;margin:30px 0 20px 0;}
}



.pfRight{position: fixed;width:0.56rem; bottom:0.5rem;right: 0.09rem; z-index: 16; background: #f3faff; border-radius:0.56rem;}
.pfRight ul{ display:flex; flex-wrap: wrap; width:100%; border-bottom:1px solid rgba(0,122,195,0.2); margin:0.25rem 0 0.06rem 0;}
.pfRight ul li{ display: block; width:100%; border-top:1px solid rgba(0,122,195,0.2); position: relative; position: relative;}
.pfRight ul li .ico{ width:0.56rem; height:0.56rem; display: flex; justify-content: center; align-items: center;background: #f3faff; position: relative; z-index: 7;}
.pfRight ul li .ico img{ width:0.26rem; height:0.26rem;}
.pfRight ul li .ico .img1{ display: block;}
.pfRight ul li .ico .img2{ display: none;}
.pfRight ul li:hover .ico .img1{ display: none;}
.pfRight ul li:hover .ico .img2{ display: block;}
.pfRight ul li .fs14{ display:block; position: absolute; right:100%; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); white-space: nowrap; line-height:20px; padding:8px 0; width:0; overflow: hidden; background: #f3faff; z-index: 6; margin-right: 17px;}
.pfRight ul li .fs14::after{ position: absolute; left:100%; top:50%; content:''; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left: 8px solid #f3faff; margin-top:-6px; }
.pfRight ul li:hover .fs14{ width:150px; overflow: visible; padding:8px 14px;}
.pfRight .back{ background:none; padding:0.04rem;}
.pfRight .ino{ width:0.48rem; height:0.48rem; border-radius:50%; display: flex; justify-content: center; align-items: center;background: #007ac3;}
.pfRight .ino img{ width:0.24rem; height:0.24rem;}

@media  screen and (max-width: 1024px){
.pfRight{ bottom:70px; width:30px;right:10px; border-radius:0; background:none;}	
.pfRight ul{ display:none;}
.pfRight .back{ padding:0;}
.pfRight .ino{ width:32px; height:32px;}
.pfRight .ino img{ width:16px; height:16px;}
}

.pfDown { display:none; position: fixed;width: 100%;bottom: 0;left: 0; z-index: 16;}
.pfDown ul{ display: flex; flex-wrap: wrap; width:100%; background: #007ac3;}
.pfDown li {width: 25%;}
.pfDown li a {font-size: 12px; color: #fff;line-height: 18px;display: block;text-align: center;padding: 5px 0;}
.pfDown li a img {display: block;margin: 0 auto;width: 24px;height: 24px;}
.pfDown li a span {display: block;width: 100%;margin-top: 0;}
@media  screen and (max-width: 1024px){
.pfDown.act{ display:flex;}
}


/*dl_section*/
.dl_section { background: #f3faff;width: 100%;padding-top: 98px; padding-bottom: 103px;}
.dl_section .qh_box {width: 500px;margin: 0 auto;background: #ffffff;border-radius: 4px;padding:42px 46px 52px 46px;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);}
.dl_section .qh_t {width: 100%;overflow: hidden;margin-bottom:16px;}
.dl_section .qh_t .list {width: 100%;float: left;font-size:22px;color: #000000;line-height:32px;text-align: center;position: relative;cursor: pointer;}
.dl_section .qh_b {width: 100%;}
.dl_section .qh_b .list {width: 100%;}
.dl_section .qh_b .list .inputbox {width: 100%;margin-bottom:20px;overflow: hidden;border: 1px solid #e5e5e5;border-radius: 4px;position: relative;}
.dl_section .qh_b .list .inputbox:hover {border-color: #007ac3;}
.dl_section .qh_b .list .inputbox .l_ico {width:43px;display: block;float: left; cursor: pointer;border-right: 1px solid #e5e5e5;}
.dl_section .qh_b .list .inputbox input {width: calc(100% - 43px);float: left; cursor: pointer;height:42px; line-height:30px;border: 0;padding:5px 11px;font-size: 16px;color: #333;}
.dl_section .qh_b .list .inputbox .r_ico {width: 22px;display: block;position: absolute;right: 14px;top: 50%;cursor: pointer;transform: translate(0, -50%);-ms-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-o-transform: translate(0, -50%);}
.dl_section .qh_b .list .inputbox .r_ico2 {display: none;}
.dl_section .qh_b .list .inputbox.on .r_ico1 {display: none;}
.dl_section .qh_b .list .inputbox.on .r_ico2 {display: block;}
.dl_section .qh_b .list .but {width: 100%;margin-bottom:14px;}
.dl_section .qh_b .list .but a {display: block;font-size: 16px;color: #ffffff;line-height:42px; height:44px;text-align: center;background: #007ac3;border-radius: 4px;}
.dl_section .qh_b .list .but a:hover { background: #025d94;}
.dl_section .qh_b .list .jzyh {width: 100%; display: table;margin-bottom: 36px;}
.dl_section .qh_b .list .jzyh a {float: right;font-size: 16px;color: #007ac3;line-height: 26px;}
.dl_section .qh_b .list .jzyh a:hover { text-decoration: underline;}
.dl_section .qh_b .list .jzyh .ico {width: 16px;height: 16px;border: 1px solid #e5e5e5;border-radius: 3px; float:left; margin:5px 5px 0 0;cursor: pointer; position: relative;}
.dl_section .qh_b .list .jzyh .ico img {width: 14px;position: absolute;left: 50%;top: 50%;display: none;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);}
.dl_section .qh_b .list .jzyh.on .ico img {display: block;}
.dl_section .qh_b .list .jzyh .words {font-size:16px;color: #333;line-height:26px; float: left;}
.dl_section .qh_b .list .zcs { font-size: 16px;color: #333;line-height: 48px;background: #f3faff;text-align: center;}
.dl_section .qh_b .list .zcs a { color: #007ac3;}
.dl_section .qh_b .list .zcs a:hover {text-decoration: underline;}
.dl_section ::-webkit-input-placeholder{color:#b0b5c1}
.dl_section :-moz-placeholder{color:#b0b5c1}
.dl_section ::-moz-placeholder{color:#b0b5c1}
.dl_section :-ms-input-placeholder{color:#b0b5c1}

@media screen and (max-width: 1024px) {
.dl_section {padding-top:50px;padding-bottom: 50px;}
.dl_section .qh_box {width: 100%;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);padding:25px 20px;}
.dl_section .qh_t {margin-bottom: 12px;}
.dl_section .qh_t .list {font-size: 18px;line-height: 28px;}
.dl_section .qh_b .list .inputbox {margin-bottom: 12px;}
.dl_section .qh_b .list .jzyh{ margin-bottom:14px;}
.dl_section .qh_b .list .zcs {line-height:40px; font-size:14px;}
.dl_section .qh_b .list .but{ margin-bottom:10px;}
.dl_section .qh_b .list .but a{ font-size:15px; line-height:42px; height:44px;}
.dl_section .qh_b .list .jzyh a{ font-size:14px;}
.dl_section .qh_b .list .jzyh .words{ font-size:14px;}
.dl_section .qh_b .list .yzmbox {margin-bottom: 12px;}
.dl_section .qh_b .list .inputbox input{ font-size:14px;height:38px; line-height:26px;}
.dl_section .qh_b .list .inputbox .l_ico{ width:39px;}
.dl_section .qh_b .list .inputbox .r_ico{ width:20px;}
}

/* zc_section */
.zc_section {width: 100%;padding-top: 98px;padding-bottom:103px; background: #f3faff;}
.zc_section .content {width:500px;background: #fff;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);margin: 0 auto;padding:41px 46px 47px 46px; border-radius:4px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);}
.zc_section .content h2 {font-size: 22px;color: #000000;line-height:32px;text-align: center;margin-bottom: 20px;}
.zc_section .inputbox {width: 100%;overflow: hidden;margin-bottom:20px; display: flex;}
.zc_section .inputbox .l_words {width:84px; min-width:84px;float: left;text-align: right;padding-right: 12px;font-size:16px;color: #555555;line-height:44px; white-space: nowrap;}
.zc_section .inputbox .l_words span {color: #e60012;}
.zc_section .inputbox .inputs {width: 100%; display: flex;}
.zc_section .inputbox .inputs input {width: 100%;height:44px; line-height:30px; font-size:16px;color: #333;padding:5px 11px;border-radius: 4px;border: 1px solid #e5e5e5;}
.zc_section .inputbox .inputs input:focus {border: 1px solid #007ac3;}
.zc_section .inputbox .inputs button {cursor: pointer;width: 105px; min-width: 105px; margin-left: 19px; float: right;font-size:16px;color: #ffffff;line-height:42px; height:44px; border-radius: 4px;background: #007ac3;border: 0;transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out;-moz-transition: All 0.3s ease-in-out;-o-transition: All 0.3s ease-in-out;}
.zc_section .inputbox .inputs button:hover {background: #025d94;}

.zc_section .content .inputbox .inputs{position:relative;}
.zc_section .content .inputbox .inputs .r_ico {
    width: 22px;
    display: block;
    position: absolute;
    right: 14px;
    top: 50%;
    cursor: pointer;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.zc_section .content .inputbox .inputs .r_ico2 {
    display: none;
}

.zc_section .content .inputbox .inputs.on .r_ico1 {
    display: none;
}

.zc_section .content .inputbox .inputs.on .r_ico2 {
    display: block;
}


.zc_section .content .gx {width: 100%; display: table;margin-bottom: 36px;}
.zc_section .content .gx .ico { position:relative; width: 16px;height: 16px;border: 1px solid #e5e5e5;border-radius: 3px; float:left; margin:5px 5px 0 0;cursor: pointer;}
.zc_section .content .gx .ico img { display: none;}
.zc_section .content .gx.on .ico img { display: block;}

.zc_section .content .gx .ico span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.zc_section .content .gx .ico input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    position: relative;
    z-index: 2;
    width: 14px;
    height: 14px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    line-height: 12px;
}
.zc_section .content .gx .ico input[type="checkbox"]:checked+span {
    display: block;
    background-image: url(/theme/cn/_im_g/zimg7.png);
    background-size: 100% 100%;
}


.zc_section .content .gx .words {font-size:16px;color: #333;line-height:26px; float: left;}
.zc_section .content .gx .words a {color: #007ac3;}
.zc_section .content .gx .words a:hover { text-decoration: underline;}
.zc_section .content .but {width: 100%;margin-bottom:14px;}
.zc_section .content .but a{display: block;font-size: 16px;color: #ffffff;line-height:42px; height:44px;text-align: center;background: #007ac3;border-radius: 4px;}
.zc_section .content .but a:hover {background: #025d94;}
.zc_section .content .dl{ font-size: 16px;  color: #333;line-height: 48px;background: #f3faff;text-align: center;}
.zc_section .content .dl a {color: #007ac3;}
.zc_section .content .dl a:hover {text-decoration: underline;}

.zc_section ::-webkit-input-placeholder{color:#b0b5c1}
.zc_section :-moz-placeholder{color:#b0b5c1}
.zc_section ::-moz-placeholder{color:#b0b5c1}
.zc_section :-ms-input-placeholder{color:#b0b5c1}


@media screen and (max-width: 1024px) {
.zc_section {padding-top:50px;padding-bottom: 50px;}
.zc_section .content{width: 100%;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);padding:25px 20px;}
.zc_section .content h2 {font-size:18px;line-height: 28px;margin-bottom: 12px;}
.zc_section .inputbox{ margin-bottom:12px;}
.zc_section .inputbox .l_words{ font-size:14px; line-height:40px; padding-right: 10px; width:72px; min-width:72px;}
.zc_section .inputbox .inputs input{ font-size:14px; line-height:28px; height:40px;}
.zc_section .inputbox .inputs button{ font-size:14px; line-height:38px; height:40px;width:95px; min-width: 95px;  margin-left: 10px;}
.zc_section .content .but{ margin-bottom: 10px;}
.zc_section .content .but a{ font-size:14px; line-height:38px; height:40px;}
.zc_section .content .dl{ line-height: 40px; font-size: 14px;}
.zc_section .content .gx{ margin-bottom:14px;}
.zc_section .content .gx .words{ font-size:14px;}

}

/* hyzx_section */
.hyzx_section {width: 100%;padding-top:40px;padding-bottom: 50px; background: #f3faff; display: block;}
.hyzx_section .content {width: 100%;position: relative; /*display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;*/}
.hyzx_section .l_nav {float:left; width: 320px;background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.06); border-radius: 4px; overflow: hidden;}
.hyzx_section .l_nav h1 {font-size:18px;color: #fff;line-height:30px;text-align: left;padding:15px 54px;font-weight: bold; background: #007ac3;}
.hyzx_section .l_nav ul {width: 100%;padding:10px 30px 12px 30px;}
.hyzx_section .l_nav ul li .yjwords {width: 100%; padding:10px 0;}
.hyzx_section .l_nav ul li .yjwords a {width: 100%; display: flex; align-items: center;}
.hyzx_section .l_nav ul li .yjwords a img {width:18px;display:flex;margin-right:6px;}
.hyzx_section .l_nav ul li .yjwords a .img2 {display: none;}
.hyzx_section .l_nav ul li .yjwords.on a .img1,
.hyzx_section .l_nav ul li .yjwords:hover a .img1 {display: none;}
.hyzx_section .l_nav ul li.on .yjwords a .img1 {display: none;}
.hyzx_section .l_nav ul li.on .yjwords a .img2 {display: block;}
.hyzx_section .l_nav ul li .yjwords.on a .img2,
.hyzx_section .l_nav ul li .yjwords:hover a .img2 {display: block;}
.hyzx_section .l_nav ul li .yjwords a .words {font-size:16px;color: #000000;line-height:26px;display:flex;}
.hyzx_section .l_nav ul li .yjwords.on a .words,
.hyzx_section .l_nav ul li .yjwords:hover a .words {color: #007ac3;}
.hyzx_section .l_nav ul li.on .yjwords a .words {color: #007ac3;}
.hyzx_section .l_nav ul li .listbox {width: 100%; padding:3px 0; display: flex; flex-wrap: wrap;}
.hyzx_section .l_nav ul li .listbox .list { width:100%; display: block; padding:5px 24px;}
.hyzx_section .l_nav ul li .listbox .list a {display: block;font-size:16px;color: #555555;line-height:30px;}
.hyzx_section .l_nav ul li .listbox .list:hover a,
.hyzx_section .l_nav ul li .listbox .list.on a {color: #007ac3;}
.hyzx_section .content .r_box {float:right; width: calc(100% - 340px);position: relative;z-index: 2;}
.hyzx_section .content .r_box h2 {font-size:18px;color: #007ac3;line-height:28px;position: relative;font-weight: bolder;padding:15px 17px 13px 17px;border-bottom: 1px solid #e5e5e5; display: block; width:100%;}
.hyzx_section .content .r_box h2::after {content: "";display: block;width: 5px;height:18px;background: #007ac3;position: absolute;left: 0;top: 50%;margin-top: -9px;}

@media screen and (max-width:1440px) {
.hyzx_section .l_nav{ width:240px;}	
.hyzx_section .l_nav h1{ padding:15px 49px;}
.hyzx_section .l_nav ul{ padding:10px 25px 12px 25px;}
.hyzx_section .l_nav ul li .yjwords{ padding:8px 0;}
.hyzx_section .l_nav ul li .yjwords a .words{ font-size:15px;}
.hyzx_section .l_nav ul li .listbox .list{padding:3px 24px;}
.hyzx_section .l_nav ul li .listbox .list a{ font-size:15px;}
.hyzx_section .content .r_box{width: calc(100% - 260px);}
}
@media screen and (max-width: 1024px) {
.hyzx_section {padding-top: 30px; padding-bottom:40px;}
.hyzx_section .l_nav {width: 100%;margin-bottom: 16px;}
.hyzx_section .l_nav h1 {line-height: 34px;display: none;}
.hyzx_section .l_nav ul {padding:12px 12px;}
.hyzx_section .l_nav ul li .yjwords{ padding:5px 0;}
.hyzx_section .l_nav ul li .listbox {padding:3px 18px;}
.hyzx_section .l_nav ul li .listbox .list {width: 33.3333%;float: left;padding:0 6px;}
.hyzx_section.on .l_nav {display: none;}
.hyzx_section .content .r_box {width: 100%;}
}

/* hhsy_section */
.hhsy_section .tops {margin-bottom: 20px;width: 100%;background: #ffffff;font-size: 0;position: relative;display: flex;align-items: center;border-radius:4px; overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.06); display: flex;}
.hhsy_section .tops .left {width: 340px; min-width: 340px;display:flex; flex-wrap: wrap; align-items: center; min-height:172px; padding:32px 22px;background: #007ac3;}
.hhsy_section .tops .left a {width: 100%;display: flex; align-items: center;}
.hhsy_section .tops .left a img {width:70px;display: inline-block;vertical-align: middle;border-radius: 100%;}
.hhsy_section .tops .left a .wordsbox {width: calc(100% - 62px);display: inline-block;vertical-align: middle;padding-left: 16px;}
.hhsy_section .tops .left a .wordsbox .name {font-size: 18px;color: #fff;line-height: 22px;margin-bottom: 10px;display: flex;align-items: center;}
.hhsy_section .tops .left a .wordsbox .name .lv {height: 18px;padding: 0 4px;background: #fff;color: #007ac3;font-size:12px;margin-left:8px;line-height: 18px;border-radius: 2px;display: inline-block;border-radius:2px;}
.hhsy_section .tops .left a .wordsbox .num {font-size: 18px;color: #fff;line-height: 22px;}
.hhsy_section .tops .right {display:flex; flex-wrap: wrap; width:100%;padding:32px 22px; min-height:172px;}
.hhsy_section .tops .right .listbox {display:flex; width:100%;}
.hhsy_section .tops .right .listbox .lis {display:flex; flex-wrap: wrap; justify-content: center; align-items: center; width:33.33%; text-align: center;}
.hhsy_section .tops .right .listbox .lis .words1 {font-size: 24px;color: #007ac3;line-height:28px;margin-bottom:16px;font-weight: bolder;text-align: center;}
.hhsy_section .tops .right .listbox .lis .words2 {font-size: 16px;color: #000000;line-height: 26px;text-align: center;}
.hhsy_section .centers {width: 100%;background: #fff; border-radius:4px;box-shadow: 0 2px 10px rgba(0,0,0,0.06);}
.hhsy_section .centers .tit {font-size: 16px;color: #007ac3;line-height:26px;border-bottom: 1px solid #E5E5E5;padding:12px 22px;}
.hhsy_section .ulbox {width: 100%;padding:19px 22px; min-height:293px;}
.hhsy_section .ulbox ul { display: flex; flex-wrap: wrap;}
.hhsy_section .ulbox ul::after {content: "";display: block;clear: both;}
.hhsy_section .ulbox ul li {width: 19.7%;float: left;padding: 0 16px;}
.hhsy_section .ulbox ul li a {display: block; margin:0 auto; max-width:130px;background: #ffffff;padding:11px 12px; position: relative; min-height:100%;}
.hhsy_section .ulbox ul li a:hover {box-shadow:4px 2px 10px 0 rgba(0, 0, 0, 0.08); background:#f3faff; border-radius:4px;}
.hhsy_section .ulbox ul li a .ico {width: 44px;margin: 0 auto 10px auto;}
.hhsy_section .ulbox ul li a .ico img {width: 100%;display: block;}
.hhsy_section .ulbox ul li a .ico img.ico2 {display: none;}
.hhsy_section .ulbox ul li a:hover .ico img.ico1 {display: none;}
.hhsy_section .ulbox ul li a:hover .ico img.ico2 {display: block;}
.hhsy_section .ulbox ul li a .words1 {font-size:16px;color: #000;line-height:26px;margin-bottom:4px;text-align: center;}
.hhsy_section .ulbox ul li a:hover .words1 {color: #007ac3;}
.hhsy_section .ulbox ul li a .num {font-size: 14px;color: #000;line-height:24px;text-align: center;}
.hhsy_section .ulbox ul li a:hover .num {color: #007ac3;}
.hhsy_section .bottoms {width: 100%;background: #deedff;padding: 0 10px 10px 10px;overflow: hidden;}
.hhsy_section .titbox {width: 100%;font-size: 0;text-align: center;}
.hhsy_section .titbox img {width: 100px;display: inline-block;vertical-align: middle;}
.hhsy_section .titbox .words {font-size: 16px;color: #007ac3;line-height: 40px;display: inline-block;vertical-align: middle;margin: 0 26px;}


@media screen and (max-width:1440px) {
.hhsy_section .tops .left {width:300px; min-width:300px;}
}
@media screen and (max-width: 1024px) {
.hhsy_section .tops {margin-bottom: 16px; flex-wrap: wrap;}
.hhsy_section .tops .left {width: 100%;display: block;padding: 14px 12px; min-height: inherit;}
.hhsy_section .tops .left a img {width:50px;}
.hhsy_section .tops .left a .wordsbox {width: calc(100% - 44px);padding-left: 12px;}
.hhsy_section .tops .left a .wordsbox .name {font-size:16px;line-height: 22px;margin-bottom:2px;}
.hhsy_section .tops .left a .wordsbox .name .lv{ font-size:12px; line-height:16px; height:16px; margin-left: 4px;}
.hhsy_section .tops .left a .wordsbox .num {font-size: 16px;line-height: 22px;}
.hhsy_section .tops .right {display: block;width: 100%;padding:15px 12px; min-height:inherit;}
.hhsy_section .tops .right .listbox .lis .words1 {font-size:20px;line-height: 26px;margin-bottom:2px;}
.hhsy_section .tops .right .listbox .lis .words2{ font-size:15px; line-height:24px;}
.hhsy_section .centers{ margin-bottom:16px;} 	
.hhsy_section .centers .tit {font-size:15px;padding:8px 12px;}
.hhsy_section .ulbox {padding: 12px 6px; min-height:inherit;}
.hhsy_section .ulbox ul {margin: 0 -6px;width: calc(100% + 12px);}
.hhsy_section .ulbox ul li {width: 25%;padding: 0 6px;}
.hhsy_section .ulbox ul li a {padding: 8px;}
.hhsy_section .ulbox ul li a .ico {width: 30px;margin: 0 auto 8px auto;}
.hhsy_section .ulbox ul li a .words1 { font-size:15px;margin-bottom:2px;}
.hhsy_section .titbox .words {font-size: 14px;line-height: 36px;margin: 0 14px;}
.hhsy_section .bottoms ul li a {padding: 12px;}
.hhsy_section .bottoms ul li a ._l {width: 100%;}
.hhsy_section .bottoms ul li a ._l .logo {width: 90px;margin: 0 auto 12px auto;}
.hhsy_section .bottoms ul li a ._l .pic {width: 200px;margin: 0 auto;}
.hhsy_section .bottoms ul li a ._c {width: 100%;float: left;padding-left: 0;padding-right: 0;margin: 12px 0;}
.hhsy_section .bottoms ul li a ._c .listbox {display: block;padding-right: 0;}
.hhsy_section .bottoms ul li a ._c .listbox .list {width: 100%;margin-bottom: 12px;}
.hhsy_section .bottoms ul li a ._c .listbox .list:last-child {margin-bottom: 0;}
.hhsy_section .bottoms ul li a ._c .listbox .list ._ts {margin-bottom: 12px;}
.hhsy_section .bottoms ul li a ._c .listbox .list ._bs {overflow: hidden;}
.hhsy_section .bottoms ul li a ._c .listbox .list ._bs .words {margin-bottom: 12px;float: left;font-size: 13px;margin-right: 8px;}
.hhsy_section .bottoms ul li a ._r {width: 100%;}
.hhsy_section .bottoms ul li a ._r ._ts {font-size: 14px;margin-bottom: 12px;}
.hhsy_section .bottoms ul li a ._r .listbox1 {margin-bottom: 12px;overflow: hidden;}
.hhsy_section .bottoms ul li a ._r .listbox1 .list {margin-bottom: 0;width: 50%;float: left;}
.hyzx_section .content .r_box h2 {font-size: 16px;line-height:26px;padding:8px 15px;}
.hyzx_section .content .r_box h2::after {content: "";display: block;width: 4px;height: 16px;margin-top: -8px;}
}

/* hywddd_section */
.hywddd_section{ padding-bottom:16px; display:flex; flex-wrap: wrap; width:100%; background: #fff; box-shadow:0 2px 10px rgba(0,0,0,0.06); border-radius:4px;}
.hywddd_section .cons {width: 100%;padding:8px 18px 0 18px;}
.hywddd_section .cons .top {width: 100%;margin-bottom:11px;overflow: hidden;}
.hywddd_section .cons .top .qhbox {float: left;}
.hywddd_section .cons .top .qhbox .list {float: left;margin-right:45px;}
.hywddd_section .cons .top .qhbox .list:last-child {margin-right: 0 !important;}
.hywddd_section .cons .top .qhbox .list a {display: block;font-size:16px;color: #333333;line-height:34px;padding:5px 0;position: relative;}
.hywddd_section .cons .top .qhbox .list:hover a,
.hywddd_section .cons .top .qhbox .list.on a {color: #007ac3;}
.hywddd_section .cons .top .qhbox .list a::after {content: "";display: block;width: 0%;height: 2px;background: #007ac3;position: absolute;left: 50%;bottom: 0;transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out;-moz-transition: All 0.3s ease-in-out;-o-transition: All 0.3s ease-in-out;}
.hywddd_section .cons .top .qhbox .list.on a::after,
.hywddd_section .cons .top .qhbox .list:hover a::after {width: 100%;transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);}
.hywddd_section .cons .top .inputbox {float: right;width: 352px; display: flex;}
.hywddd_section .cons .top .inputbox input {width:100%;height:44px;display: block;padding:5px 12px; line-height:30px; font-size:16px;color: #333;border: 1px solid #d8d8d8;border-right: 0 !important;float: left; border-radius:3px 0 0 3px;}
.hywddd_section .cons .top .inputbox input:focus {border: 1px solid #007ac3;}
.hywddd_section .cons .top .inputbox .but{width:88px; min-width:88px;float: left;font-size:16px; color:#fff; line-height:44px; text-align: center;background: #007ac3; border-radius:0  3px 3px 0; display: flex; justify-content:center; align-items: center;}
.hywddd_section .cons .top .inputbox .but:hover{background: #025d94;}
.hywddd_section .cons .top .inputbox .but img {width:18px; display:flex;margin-right:6px;}
.hywddd_section .cons .top .inputbox .but .words { display:flex;}
.hywddd_section ::-webkit-input-placeholder{color:#cdcdcd}
.hywddd_section :-moz-placeholder{color:#cdcdcd}
.hywddd_section ::-moz-placeholder{color:#cdcdcd}
.hywddd_section :-ms-input-placeholder{color:#cdcdcd}
.hywddd_section .bottom {width: 100%;}
.hywddd_section .bottom ._t {width: 100%;background: #f3faff;overflow: hidden; border-radius:3px;}
.hywddd_section .bottom ._t .list {font-size:16px;color: #007ac3;line-height: 48px;float: left;text-align: center;}
.hywddd_section .bottom ._t .list:nth-child(1) {width: 43%;text-align: left;padding-left: 16px;}
.hywddd_section .bottom ._t .list:nth-child(2) {width: 8.8%;padding: 0 4px;}
.hywddd_section .bottom ._t .list:nth-child(3) {width: 7%;padding: 0 4px;}
.hywddd_section .bottom ._t .list:nth-child(4) {width: 9.3%;padding: 0 4px;}
.hywddd_section .bottom ._t .list:nth-child(5) {width: 12%;padding: 0 4px;}
.hywddd_section .bottom ._t .list:nth-child(6) {width: 8.4%;padding: 0 4px;}
.hywddd_section .bottom ._t .list:nth-child(7) {width: 11.5%;padding: 0 4px;}
.hywddd_section .bottom ._b {width: 100%;float: left;}
.hywddd_section .bottom ._b li {width: 100%;padding-top:17px;padding-bottom: 17px;border-bottom: 1px solid #e5e5e5;font-size: 0;}
.hywddd_section .bottom ._b li.cancellation .pic:after {content: "";height: 100%;width: 100%;position: absolute;top: 0;left: 0;background: #eee;opacity: 0.5;}
.hywddd_section .bottom ._b li.cancellation .tit,
.hywddd_section .bottom ._b li.cancellation .info,
.hywddd_section .bottom ._b li.cancellation .boxs2,
.hywddd_section .bottom ._b li.cancellation .boxs3 {color: #aaa !important;}
.hywddd_section .bottom ._b li.cancellation .list .boxs4 .but1 a{border: 1px solid #f2f2f2;color: #aaaaaa ;}
.hywddd_section .bottom ._b li.cancellation .list .boxs4 .but2 a{color: #aaa;}
.hywddd_section .bottom ._b li.cancellation .boxs4 .but2 a:hover{color: #007ac3;}
.hywddd_section .bottom ._b li .list_line {margin-top: 5px;}
.hywddd_section .bottom ._b li .list_line:first-child {margin-top: 0px;}
.hywddd_section .bottom ._b li .list {display: inline-block;vertical-align: middle;text-align: center;}
.hywddd_section .bottom ._b li .list .boxs1 {width: 100%;font-size: 0;}
.hywddd_section .bottom ._b li .list .boxs1 .pic {width: 100px; height:100px; display: inline-block;vertical-align: middle;border: 1px solid #e5e5e5;text-align: center;display: flex;align-items: center;justify-content: center;position: relative;float: left; overflow: hidden; border-radius:5px;}
.hywddd_section .bottom ._b li .list .boxs1 .pic img {max-width: 70%;display: block;margin: 0 auto;}
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox {width: calc(100% - 100px);display: inline-block;vertical-align: middle;padding-left: 17px; margin:-5px 0;}
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox .tit {font-size: 18px;color: #333333;line-height:28px;margin-bottom:6px;}
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox .info {font-size: 14px;color: #333333;line-height: 24px;white-space: normal;}
.hywddd_section .bottom ._b li .list .boxs1:hover .wordsbox .tit,
.hywddd_section .bottom ._b li .list .boxs1:hover .wordsbox .info {color: #007ac3;}
.hywddd_section .bottom ._b li .list .boxs2 {font-size: 14px;color: #333333;line-height:30px;white-space: nowrap;}
.hywddd_section .bottom ._b li .list .boxs2.boxs22 {color: #007ac3}
.hywddd_section .bottom ._b li .list .boxs3 {font-size:16px;color: #ff0000;line-height: 30px;white-space: nowrap;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 {width: 95px;margin: 0 auto 12px auto;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a {display: block;font-size: 14px;color: #007ac3;line-height: 26px;border: 1px solid #007ac3;text-align: center;display: flex;height: 28px;width: 94px;align-items: center;justify-content: center; border-radius:3px; padding-bottom:1px;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a img {max-width: 15px;margin-right: 3px;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a p {font-size: 14px;line-height: 20px;transition: 0s !important;-webkit-transition: all 0s linear !important;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a .icon2 {display: none}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a:hover {background: #007ac3;color: #fff;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a:hover .icon2 {display: inline;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a:hover .icon1 {display: none;}
.hywddd_section .bottom ._b li .list .boxs4 .but2 {width: 56px;margin: 0 auto;}
.hywddd_section .bottom ._b li .list .boxs4 .but2 a {display: flex;font-size: 14px;color: #555555;line-height: 18px;text-align: center;align-items:center;}
.hywddd_section .bottom ._b li .list .boxs4 .but2 a img {width: 14px;margin-right:5px}
.hywddd_section .bottom ._b li .list .boxs4 .but2 a .icon2 {display: none;}
.hywddd_section .bottom ._b li .list .boxs4 .but2:hover .icon2 {display: block;}
.hywddd_section .bottom ._b li .list .boxs4 .but2:hover .icon1 {display: none;}
.hywddd_section .bottom ._b li .list .boxs4 .but2 a:hover {color: #007ac3;}
.hywddd_section .bottom ._b li .list:nth-child(1) {width: 43%;text-align: left;padding-left: 16px;}
.hywddd_section .bottom ._b li .list:nth-child(2) {width: 8.8%;padding: 0 4px;}
.hywddd_section .bottom ._b li .list:nth-child(3) {width: 7%;padding: 0 4px;}
.hywddd_section .bottom ._b li .list:nth-child(4) {width: 9.3%;padding: 0 4px;}
.hywddd_section .bottom ._b li .list:nth-child(5) {width: 12%;padding: 0 4px;}
.hywddd_section .bottom ._b li .list:nth-child(6) {width: 8.4%;padding: 0 4px;}
.hywddd_section .bottom ._b li .list:nth-child(7) {width: 11.5%;padding: 0 4px;}

@media screen and (max-width: 1600px) {
.hywddd_section .bottom ._t .list{ font-size:15px;}	
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox{ padding-left:12px; margin:0;}
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox .tit{ font-size:17px; line-height:27px;}
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox .info{ font-size:13px; line-height:22px;}
.hywddd_section .bottom ._b li .list .boxs2{ font-size:13px;}
.hywddd_section .bottom ._b li .list .boxs3{ font-size:15px;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a{ width:86px;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a p{ font-size:13px;}
.hywddd_section .bottom ._b li .list .boxs4 .but2 a{ font-size:13px;}
.hywddd_section .cons .top .qhbox .list {;margin-right:40px;}
}
@media screen and (max-width: 1440px) {
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox .tit{ font-size:15px; line-height:25px; margin-bottom:2px;}
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox .info{ font-size:12px; line-height:18px;}

.hywddd_section .bottom ._b li .list:nth-child(7){width: 14.5%;}
.hywddd_section .cons .top .qhbox .list {margin-right:30px;}
.hywddd_section .cons .top .qhbox .list a{ font-size:15px; line-height:30px;}
.hywddd_section .cons .top .inputbox{ width:340px;}
.hywddd_section .cons .top .inputbox input{ font-size:15px; line-height:28px; height:40px;}
.hywddd_section .cons .top .inputbox .but{ line-height:40px; font-size:15px;}
}
@media screen and (max-width: 1024px) {
.hywddd_section .cons {padding: 12px 12px 0 12px;}
.hywddd_section .cons .top .qhbox {width: 100%;margin-bottom: 15px;}
.hywddd_section .cons .top .qhbox .list {margin-right: 0;width: 20%;}
.hywddd_section .cons .top .qhbox .list a {text-align: center;}
.hywddd_section .cons .top .qhbox .list.on a::after,
.hywddd_section .cons .top .qhbox .list:hover a::after {width: 60px;}
.hywddd_section .cons .top .inputbox {width: 100%;}
.hywddd_section .bottom {width: 100%;white-space: nowrap;overflow: hidden;overflow-x: auto;scrollbar-width: thin;max-width: 100%;}
.hywddd_section .bottom::-webkit-scrollbar {display: none;}
.hywddd_section .bottom ._t {display: none;}
.hywddd_section .bottom ._b li {padding-top:15px;padding-bottom: 15px;}
.hywddd_section .bottom ._b li .list:nth-child(1) {text-align: left;padding-left: 10px;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 {margin:0;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a {line-height: 24px;}
.hywddd_section .bottom ._b li .list .boxs4 .but2 {width: 50px;}
.hywddd_section .bottom ._b li .list .boxs4 .but2 a {line-height: 24px;}

.hywddd_section .cons .top .qhbox .list.lingqu{width:30%; position:absolute; right:0; top:2px;}
.hywddd_section .cons .top .qhbox .list.lingqu a:after{display:none;}
}

.hywddd_section .bottom ._b li .pcshow{display:inline-block;}
.hywddd_section .bottom ._b li .wapshow{display:none;}
@media screen and (max-width: 767px) {
.hywddd_section .bottom ._b li{ position: relative; padding-left:90px; min-height:110px;}
.hywddd_section .bottom ._b li .line{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.hywddd_section .bottom ._b li .pcshow{display:none;}
.hywddd_section .bottom ._b li .wapshow{display:flex;}
.hywddd_section .bottom ._b li .list{ padding: 0 !important;}
.hywddd_section .bottom ._b li .list .boxs1 .pic{ width:80px; height:80px; position: absolute; left:0; top:15px;}
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox{ padding:0;}
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox .tit{ font-size:14px; line-height:28px; margin-bottom:6px; padding-right:0px;}
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox .info{ font-size:12px; line-height:20px; padding-right:0px; /*overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:1;*/}
.hywddd_section .bottom ._b li .list .boxs1 .wordsbox{width:100%;}
.hywddd_section .bottom ._b li .list .boxs4{ width:100%; margin-top:10px; display: flex; align-items: center; justify-content:flex-end;}

.hywddd_section .bottom ._b li .list .boxs4 .but2 {width:auto; margin:0; margin-right:5px;}
.hywddd_section .bottom ._b li .list .boxs4 .but2 a{ font-size:12px;}
.hywddd_section .bottom ._b li .list .boxs2{ font-size:12px; line-height:24px;}
.hywddd_section .bottom ._b li .list .boxs3{ font-size:14px; line-height:20px;}
.hywddd_section .bottom ._b li .list .boxs4 .but1{  margin-right:5px;}
.hywddd_section .bottom ._b li .list .boxs4 .but1 a p{ font-size:12px;}
.hywddd_section .bottom ._b li .list .boxs4 .but2 a{ font-size:12px;}
.hywddd_section .bottom ._b li .list:nth-child(1){ width:100%; padding-left: 0;}	
.hywddd_section .bottom ._b li .list:nth-child(2){ width:auto; text-align: left;}	
.hywddd_section .bottom ._b li .list:nth-child(3){ width:auto;}	
.hywddd_section .bottom ._b li .list:nth-child(4){ width:auto; text-align: right; position: absolute; top:49px; right:0;}	
.hywddd_section .bottom ._b li .list:nth-child(5){ width:auto; text-align: left;}	
.hywddd_section .bottom ._b li .list:nth-child(6){ width:auto;}	
.hywddd_section .bottom ._b li .list:nth-child(7){ width:auto;}	


}

/* paging */
.paging {float: left;width: 100%;padding:30px 0;flex-wrap: wrap;display: flex;justify-content: center;}
.paging .fy_pc{ display: flex;}
.paging .fy_pc a {float: left;color: #323232;font-size: 12px;line-height: 24px;width: 26px;text-align: center;border: 1px solid #e5e5e5;background: #fff;margin: 0 4px; border-radius:3px;}
.paging .fy_pc a.on,
.paging .fy_pc a:hover {border: 1px solid #007ac3;color: #fff;background: #007ac3;}
.paging .fy_ph{ display:none; font-size:14px; color:#000000;}
.paging .fy_ph a{ display: flex; padding:2px 20px 4px 20px; color:#fff; background:#007ac3; border-radius:30px;}
.paging .fy_ph span{ display: flex; padding:0 20px;}

@media screen and (max-width: 1024px) {
.paging {padding:20px 0;}
.paging .fy_pc{ display:none;}
.paging .fy_ph{ display: flex;}
}



.h-main2{ position: relative; overflow:hidden;}
.h-main2 .left{ width:47%; text-align: justify; display: flex; flex-wrap:wrap; align-content: center; min-height:7.1rem;}
.h-main2 .more{ margin-top:0.88rem;}
.h-main2 .list{ margin-top:0.9rem;}
.h-main2 .list .ico{ line-height: 0;}
.h-main2 .list .ico img{ width:calc(30px + 0.24rem);}
.h-main2 .list .fs30{ margin-top:0.15rem;}
.h-main2 .list .fs16{ margin-top:3px;}
.h-main2 .img{ position: absolute; right:0; top:1.16rem; line-height:0; z-index:4; width:49.58%;}

@media screen and (max-width: 1440px) {
.h-main2 .left{ min-height:inherit;}	
}
@media screen and (max-width: 767px) {
.h-main2 .left{ width:100%;}	
.h-main2 .fs36{ text-align: center;}
.h-main2 .more{ justify-content: center;}
.h-main2 .img{ position: static; width:calc(100% + 30px); margin:30px -15px 0 -15px;}
}


.h-main3{ position: relative; overflow: hidden;}
.h-main3 .mt28{ padding:0 14.5%;}
.h-main3 .more{ margin-top:0.64rem;}
.h-main3 .bg{ line-height:0; position:relative; width:100%; z-index:3; margin-top: -0.7rem;}

@media screen and (max-width: 1440px) {
.h-main3 .mt28{ padding:0 7.8%;}
}
@media screen and (max-width: 1024px) {
.h-main3 .mt28{ padding:0;}
.h-main3 .mt28 br{ display:none;}
.h-main3 .more{ margin-top:20px;}

}
@media screen and (max-width: 767px) {
.h-main3 .mt28{ padding:0; text-align: left;}
.h-main3 .mt28 br{ display:none;}
.h-main3 .bg{ margin-top: 20px;}
}


.h-main7{ position: relative; overflow:hidden;}
.h-main7 .left{ width:43%; text-align: justify; text-align: justify; display: flex; flex-wrap:wrap; align-content: center; min-height:6.6rem;}
.h-main7 .more{ margin-top:0.64rem;}
.h-main7 .img{ position: absolute; right:0; top:0; line-height:0; z-index:4; height:100%; width:54.42%; display: flex; flex-wrap: wrap;}
.h-main7 .img img{ width:100%; height:100%;/* object-fit: cover; */}

@media screen and (max-width: 1440px) {
.h-main7 .left{ width:46%; min-height:inherit; }
}
@media screen and (max-width: 1024px) {
.h-main7 .left{ width:53%;}	
}
@media screen and (max-width: 767px) {
.h-main7{ padding-bottom: 0;}	
.h-main7 .left{ width:100%;}	
.h-main7 .fs36{ text-align: center;}
.h-main7 .more{ margin-top:22px;justify-content: center;}
.h-main7 .img{ position: static; width:calc(100% + 30px); margin:40px -15px 0 -15px;}
}


.h-main4 .li{ padding-top:1.2rem; padding-bottom:1.2rem;}
.h-main4 .li .end{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.h-main4 .li .left{ width:43.21%;}	
.h-main4 .li .more{ margin-top: 0.64rem;}
.h-main4 .li .img{ overflow: hidden; border-radius:0 0.8rem 0 0.8rem; line-height:0; width:50.28%;}	
.h-main4 .li:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-main4 .li:nth-child(2n) .end{flex-direction:row-reverse;}
@media screen and (max-width: 1440px) {
.h-main4 .li .left{ width:45.21%;}	
}
@media screen and (max-width: 1024px) {
.h-main4 .li{ padding-top:40px; padding-bottom:40px;}	
}
@media screen and (max-width: 767px) {
.h-main4 .li .left{ width:100%;}	
.h-main4 .li .fs36{ text-align: center;}
.h-main4 .li .more{ margin-top:22px; justify-content: center;}
.h-main4 .li .img{ width:100%; margin-top:30px;}
}


.h-main6 .list{ margin:25px 0 30px 0;}
.h-main6 .list .ul{ display: flex; flex-wrap: wrap; margin:0 -0.1rem; width:calc(100% + 0.2rem);}
.h-main6 .list .slick-slider{ display:block;}
.h-main6 .list .li{ width:25%; padding:0.1rem;}
.h-main6 .list .a{ display: flex; flex-wrap: wrap; width:100%; background: #f3faff;}
.h-main6 .list .a .img{ display:block; position: relative; padding-bottom:60%; overflow: hidden;}
.h-main6 .list .a .img::after{ display: block; content: ''; position: absolute; left:0; top:0; width:100%; height:100%; z-index: 6; opacity: 0;}
.h-main6 .list .a .img img{ display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 2; object-fit: cover;z-index: 6;}
.h-main6 .list .a .cont{ padding:0.32rem 0.35rem 0.3rem 0.35rem;}
.h-main6 .list .a .c3{ margin:0.02rem 0 0.22rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.h-main6 .list .a:hover{ background: #007ac3;}
.h-main6 .list .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-main6 .list .a:hover .img::after{ border:0.1rem solid #007ac3; opacity:1;}
.h-main6 .list .a:hover .cc{ color:#fff;}
.h-main6 .list .a:hover .c3{ color:#fff;}
.h-main6 .slick-dots{ position: static; margin:15px 0 0 0; display: flex; align-items: center; justify-content: center;}
.h-main6 .slick-dots li{ display: block;width:10px; height:10px; margin:0 5px; border-radius:50%;border: 1px solid #007ac3;}
.h-main6 .slick-dots li.slick-active{ background: #007ac3;}
.h-main6 .slick-arrow{ display: flex; width:0.36rem; height:0.36rem; border-radius:3px;border: 1px solid #d9d9d9; z-index: 8;}
.h-main6 .slick-arrow:hover{border: 1px solid #007ac3;}
.h-main6 .slick-prev{ left:-0.46rem;}
.h-main6 .slick-next{ right:-0.46rem;}
.h-main6 .slick-arrow::after{ display: flex; content:''; width:0.1rem; height:0.1rem; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);border-top: 1px solid #000000;border-right: 1px solid #000000;  opacity:0.15; margin-left: -0.02rem;}
.h-main6 .slick-arrow:hover::after{border-top: 1px solid #007ac3;border-right: 1px solid #007ac3;  opacity:1; }
.h-main6 .slick-prev::after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-left:0.02rem;}

@media screen and (max-width: 1024px) {
.h-main6 .list{ margin:15px 0 22px 0;}	
.h-main6 .list .ul{ margin:0 -6px; width:calc(100% + 12px);}
.h-main6 .list .li{ padding:6px;}
.h-main6 .list .a .cont{ padding:14px 12px;}
.h-main6 .list .a .c3{ line-height:calc(20px + 0.06rem); margin:0 0 4px 0;}
}
@media screen and (max-width: 767px) {
.h-main6 .list .li{ width:50%;}
}

.h-main1 .mt28{ padding:0 15%;}
.h-main1 .h-pord{ margin:25px 0 30px 0;}
.h-pord .ul{ display: flex; flex-wrap: wrap; margin:0 -0.1rem; width:calc(100% + 0.2rem);}
.h-pord .ul li{ width:20%; padding:0.1rem 0.1rem;}
.h-pord .ul .box{ display: flex; flex-wrap: wrap; width:100%; background: #f3faff; position: relative; height:100%; border-radius:10px; overflow: hidden;}
.h-pord .ul .box .zt {position: absolute; top:-18px; left:-18px;font-size:calc(12px + 0.02rem); line-height:22px; color: #fff; width:70px; height:70px;display:flex; align-items: center; justify-content: center;}
.h-pord .ul .box .zt span{ display: flex; align-items: center; justify-content: center; width:100%; transform:rotate(-45deg); -ms-transform:rotate(-45deg); background: #ff0000;}
.h-pord .ul .box .collect { position: absolute;top:9px; right:9px;display: flex;cursor: pointer; line-height: 0; width:26px; height:26px; line-height: 0; justify-content: center; align-items: center;}
.h-pord .ul .box .collect img { width:16px;}
.h-pord .ul .box .collect .xx1{display: block;}
.h-pord .ul .box .collect .xx2{display: none;}
.h-pord .ul .box .collect.active .xx1{display: none;}
.h-pord .ul .box .collect.active .xx2{display: block;}
.h-pord .ul .box .a{ display: flex; flex-wrap: wrap; width:100%; padding:32px 0.2rem 13px 0.2rem; }
.h-pord .ul .box .a .pic{ display: block; overflow: hidden; line-height: 0; width:100%;}
.h-pord .ul .box .a .pic img{ width:100%;}
.h-pord .ul .box:hover .a .pic img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-pord .ul .box .cont{display: flex; flex-wrap: wrap; width:100%; border-top:1px solid #dae1e5; padding:10px 0.2rem 22px 0.2rem;}
.h-pord .ul .box .tit{ margin-top:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.h-pord .ul .box:hover .bold{ color: #007ac3;}
.h-pord .ul .box .bold{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.h-pord .ul .box .button{display: flex; flex-wrap: wrap; width:100%; justify-content:space-between; margin-top: 18px;}
.h-pord .ul .box .button .cc{ display: flex; justify-content: center; align-items: center; border:1px solid #007ac3; line-height:28px; height:32px; border-radius:3px; width:48%; padding-bottom: 1px;font-size:calc(12px + 0.02rem);}
.h-pord .ul .box .button .cc:hover{ background: #007ac3; color: #fff;}
.h-pord .ul .box .button .white{ display: flex; justify-content: center; align-items: center; border:1px solid #007ac3; background:#007ac3; line-height:28px; height:32px; border-radius:3px; width:47.5%; padding-bottom: 1px;font-size:calc(12px + 0.02rem);}
.h-pord .ul .box .button .white:hover{ border:1px solid #ff0000; background: #ff0000;}
.h-pord .ul .box .button .white img { width:18px; margin-right:0.05rem;}
.h-pord .ul .box .info{display: flex; flex-wrap: wrap; width:100%; justify-content:space-between; margin-bottom: 2px;}
.h-pord .ul .box .num{ color: #ff0000;}
.h-pord .ul .box .nun1{ color: #888888; text-decoration:line-through;}


@media screen and (max-width: 1440px) {
.h-main1 .mt28{ padding:0 7.5%;}
.h-pord .ul .box .a{ padding:32px 0.15rem 13px 0.15rem; }
.h-pord .ul .box .cont{padding:10px 0.15rem 22px 0.15rem;}
.h-pord .ul .box .button .cc{ font-size:12px; line-height:26px; height:30px; }
.h-pord .ul .box .button .white{ font-size:12px; line-height:26px; height:30px; }
}
@media screen and (max-width: 1024px) {
.h-main1 .mt28{ padding:0;}
.h-main1 .h-pord{ margin:12px 0 22px 0;}
.h-pord .ul li{ width:25%;}
.h-pord .ul .box .a{ padding:20px 10px 10px 10px; }
.h-pord .ul .box .cont{padding:10px 10px 15px 10px;}
.h-pord .ul .box .info{ margin-bottom: 0;}
.h-pord .ul .box .button{ margin-top:10px;}
.h-pord .ul .box .collect{ top:8px; right:8px;}
}
@media screen and (max-width: 767px) {
.h-main1 .mt28{ text-align: left;}	
.h-pord .ul li{ width:50%;}
}

._banner{ width:100%; position: relative; display: block; overflow: hidden;}
._banner .mouse{ cursor:pointer; position: absolute; left:50%; bottom:0.2rem; width:32px; z-index:10; line-height:0; transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
._banner .list{ width:100%; display: block; line-height:0; position: relative;}
._banner .list .pcshow{ width:100%; height:-webkit-calc(100vh - 0.8rem - 32px); height:-moz-calc(100vh - 0.8rem - 32px); height:calc(100vh - 0.8rem - 32px); object-fit: cover;}
._banner .list .div{ width:100%; display: block; position: relative;}
._banner .list .slick-arrow{ display: flex; width:0.4rem; height:0.4rem; border-radius:3px;border: 1px solid #fff; z-index: 8;  opacity:0.3;}
._banner .list .slick-arrow:hover{border: 1px solid #007ac3; background:rgba(0,122,195,.2);  opacity:1;}
._banner .list .slick-prev{ left:0.34rem;}
._banner .list .slick-next{ right:0.34rem;border: 1px solid #007ac3;  opacity:1; }
._banner .list .slick-arrow::after{ display: flex; content:''; width:0.12rem; height:0.12rem; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);border-top: 1px solid #fff;border-right: 1px solid #fff; margin-left: -0.03rem;}
._banner .list .slick-arrow:hover::after{border-top: 1px solid #007ac3;border-right: 1px solid #007ac3; }
._banner .list .slick-prev::after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-left:0.03rem;}
._banner .list .slick-next::after{border-top: 1px solid #007ac3;border-right: 1px solid #007ac3; }
._bantext{ position: absolute; left: 0; top:49.5%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); width:100%; }
._bantext .cont{ text-align: right; width:39%; margin:0 0 0 61%;}
._bantext .fs60{ text-transform: uppercase; font-weight: 600;}
._bantext .fs18{ margin-top: 0.24rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
._bantext .fs36{ margin-top: 0.18rem; font-weight: lighter;}
._bantext .more{ margin-top: 0.53rem;}


@media screen and (max-width:1600px) {
._banner .list .slick-prev{ left:0.15rem;}
._banner .list .slick-next{ right:0.15rem;}
}
@media screen and (max-width: 1024px) {
._banner1 .list .wapshow{ height:-webkit-calc(100vh - 46px); height:-moz-calc(100vh - 46px); height:calc(100vh - 46px); object-fit: cover;}	
._banner .list .slick-arrow{ width:28px; height:28px;}	
._banner .list .slick-arrow::after{width:8px; height:8px; margin-left: -2px; }
._banner .list .slick-prev::after{ margin-left: 2px; }
._banner .list .slick-prev{ left:15px;}
._banner .list .slick-next{ right:15px;}	
._bantext{ top:50px; transform: translateY(0%); -ms-transform: translateY(0%);}	
._bantext .cont{ text-align:center; width:100%; margin:0;}
._bantext .fs18 br{ display:none;}
._bantext .fs18{ margin-top: 10px;}
._bantext .info{ text-align: center;}
._bantext .fs36{ margin-top: 0;}
._bantext .more{ margin-top:22px;}
._bantext .more-a{ background: rgba(255,255,255,0.1);}
._banner .mouse{ bottom:18px; /* display:none; */}
}


.footer1{ background:#212330; padding-top:14px; padding-bottom: 17px; border-top:1px solid rgba(255,255,255,0.1);}
.footer1 .Copyright{ color: #fff; color:rgba(255,255,255,0.5);}
.footer1 .Copyright a{ color: #fff; color:rgba(255,255,255,0.5);}
.footer1 .Copyright a:hover{ color: #fff;}
.footer0{ background:#212330; padding-top:1rem; padding-bottom:0.64rem;}
.footer0 .left{ display: flex; flex-wrap: wrap; flex-direction: column;}
.footer0 .logo{ line-height:0; margin-bottom: 0.27rem;}
.footer0 .logo img{ height:0.36rem;}
.footer0 .JD{ display: block; margin-top: 0.4rem;}
.footer0 .JD a{ display: inline-flex; align-items: center; background: #007ac3; border-radius:3px; padding:7px calc(10px + 0.35rem);}
.footer0 .JD a img{ width:20px; height: 20px; padding:3px; margin-right:6px; background: #c91521; border-radius:2px;}
.footer0 .addr{ display: block; color: #fff; color:rgba(255,255,255,0.5);}
.footer0 .nav{ display: flex;flex-wrap: wrap; flex-direction: column;}
.footer0 .nav .ul{ display: flex;flex-wrap: wrap; flex-direction: column; margin-top: 0.27rem;}
.footer0 .nav .ul .fs16{ display: inline-flex; color: #fff; color:rgba(255,255,255,0.5);}
.footer0 .nav .ul .fs16:hover{ color: #fff;}


@media screen and (max-width: 1024px) {
.footer1{ padding-bottom:68px;}
.footer0{ padding-top:35px; padding-bottom:35px;}
.footer0 .left{ width:100%; justify-content: center; text-align: center;}
.footer0 .logo{ margin-bottom:15px;}
.footer0 .logo img{ height:26px;}
.footer0 .JD{ margin-top:18px;}
.footer0 .JD a{ padding:5px calc(10px + 0.35rem);}
.footer0 .nav{ display:none;}
}
@media screen and (max-width: 767px) {
.footer1 .Copyright a{ display: block;}
}

.mbx{ display: flex; flex-wrap: wrap; padding:0.15rem 0;}
.mbx a{ display:inline-flex; position: relative; color:#555; padding:0.04rem 0;}
.mbx a.on::after{ display: block; content:''; position: absolute; left:0;bottom:0; width:100%; height: 1px; background: #609fd3;}
.mbx a.on,
.mbx a:hover{ color:#007ac3;}
.mbx-1{ color:#fff;}
.mbx-1 a{ color:#fff;}
.mbx-1 a.on::after{ background: #fff;}
.mbx-1 a.on,
.mbx-1 a:hover{ color:#fff;}

@media screen and (max-width: 1024px) {
.mbx{ display: none;}
}


.contact{ margin:37px 0 0.77rem 0;}
.contact .ul{ width:calc(100% + 0.2rem); margin:-0.1rem;}
.contact .ul li{ display:flex; flex-wrap: wrap; width:33.33%; padding:0.1rem;}
.contact .ul li:nth-child(3n+1),
.contact .ul li:nth-child(3n+2){ width:28%;}
.contact .ul li:nth-child(3n+3){ width:44%;}
.contact .ul .la{ display:flex; align-items: center; width:100%; border-radius:6px; position: relative; height:100%; background:#f2f9ff; padding:0.43rem 0.23rem 0.39rem 0.23rem;}
.contact .ul .tel{ margin-top:0.06rem;}
.contact .ul .ico{ display:flex; justify-content: center; align-items: center; background: #fff; border-radius:50%; line-height: 0; min-width:calc(36px + 0.42rem); width:calc(36px + 0.42rem);height:calc(36px + 0.42rem); margin-right: 0.2rem; box-shadow:0 3px 7px 0 rgba(0,122,195,0.3);}
.contact .ul .ico img{ width:calc(20px + 0.14rem);height:calc(20px + 0.14rem);}
.contact .ul .la:hover .bold{ color:#007ac3;}

@media screen and (max-width: 767px) {
.contact .ul li{ width:100%;}
}
@media screen and (max-width: 1024px) {
.contact{ margin:20px 0 30px 0;}
.contact .ul{ width:calc(100% + 12px); margin:-6px;}
.contact .ul li{ padding:6px;}
.contact .ul .la{ padding:15px 12px;}
.contact .ul .ico{ margin-right:6px;}
}
@media screen and (max-width: 767px) {
.contact .ul li{ width:100%;}
.contact .ul li:nth-child(3n+1),
.contact .ul li:nth-child(3n+2){ width:50%;}
.contact .ul li:nth-child(3n+3){ width:100%;}
.contact .ul li .fs18{font-size: calc(12px + 0.04rem); line-height:calc(20px + 0.06rem);}
}


._form1{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; background: #f3faff; margin-top:37px; border-radius:8px; border:1px solid #e5e5e5; padding:0.54rem 0.58rem;}
._form1 .lab{ display: flex; flex-wrap: wrap; padding:0.15rem 0;}
._form1 .w47{ width:47%;}
._form1 .fs18{ line-height:1; margin-bottom:0.16rem;}
._form1 .fs18 span{ color: #ff0000; margin-right:4px;}
._form1 .text{ width:100%; display: block;color: #333; font-size:16px; line-height:34px; height:48px; padding:5px 11px;border-radius: 4px;border: 1px solid #e5e5e5;}
._form1 .text:focus{border: 1px solid #007ac3;}
._form1 .textarea{ width:100%; display: block;color: #333; font-size:16px; line-height:28px; height:126px; padding:5px 11px;border-radius: 4px;border: 1px solid #e5e5e5;}
._form1 .textarea:focus{border: 1px solid #007ac3;}
._form1 .submit{ display: block;font-size: 16px;color: #ffffff;line-height:46px; height:48px;text-align: center;background: #007ac3;border-radius: 4px; width:45%; padding-bottom:1px; margin-top:calc(12px + 0.22rem);}
._form1 .submit:hover{background: #025d94;}
._form1 .yzm{ position: relative;}
._form1 .yanzhengma{ display: block; position: absolute; min-width:1.26rem;width:1.26rem; object-fit: contain; border-radius: 4px;border: 1px solid #e5e5e5; height:48px; top:0; right:-1.45rem; cursor: pointer;}
._form1 .shau{ white-space: nowrap; display: flex; align-items: center; width:55%;  font-size:calc(12px + 0.06rem); color: #007ac3; line-height:1; height:48px; margin-top: calc(12px + 0.22rem); padding-left: 0.92rem;}
._form1 .shau img{ min-width:20px; width:20px; height:20px; margin-right:0.06rem;}
._form1 .shau:hover{ text-decoration: underline;}

._form1 ::-webkit-input-placeholder{color:#b0b5c1}
._form1 :-moz-placeholder{color:#b0b5c1}
._form1 ::-moz-placeholder{color:#b0b5c1}
._form1 :-ms-input-placeholder{color:#b0b5c1}

@media screen and (max-width: 1600px) {
._form1{ padding:0.54rem 0.54rem;}	
}
@media screen and (max-width: 1440px) {
._form1{ padding:0.4rem 0.4rem;}	
._form1 .shau{ font-size:16px;}
}
@media screen and (max-width: 1024px) {
._form1{ margin-top:20px; padding:20px 15px;}
._form1 .lab{ padding:7px 0;}
._form1 .fs18{ margin-bottom:8px;}
._form1 .text{ font-size:14px; line-height:28px; height:40px;}
._form1 .textarea{ font-size:14px; line-height:26px; height:116px;}
._form1 .submit{ font-size:14px; line-height:38px; height:40px; margin-top:10px;}
._form1 .shau{ font-size:14px; height:40px; margin-top:10px; padding-left: 0;}
._form1 .yanzhengma{ width:100px; min-width:100px; height:40px;}
._form1 .w47{ width:48.5%;}
._form1 .lab1{ width:100%;}
._form1 .yzm{ padding-right: 112px;}
._form1 .yanzhengma{ right: 0;}

}


.xuzhi .li{ margin-top:0.35rem;}
.xuzhi .down{ padding-top:6px;}
.xuzhi .dd{ display: flex; flex-wrap: wrap; margin-top:9px; border-radius:4px; border:1px solid #e5e5e5; padding:17px 23px; cursor: pointer;}
.xuzhi .dd .p{ width:100%; min-height:36px; display: flex; align-items: center;}
.xuzhi .dd .ico{ display:block; text-align:center; width:36px; height:36px; line-height:34px; border:1px solid #007ac3; border-radius:50%; margin-right: 15px; color: #007ac3; position: absolute; left: 0; top:0;}
.xuzhi .dd .wen .ico{ background:#007ac3; color: #fff;}
.xuzhi .dd .wen{ float:left; position: relative; padding:0 20px 0 51px;}
.xuzhi .dd .wen::after{ display:block; content: ''; position:absolute; right:0; top:50%; width:10px; height:10px; border-top: 1px solid #373737; border-right: 1px solid #373737; transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg);}
.xuzhi .dd .da{ float:left; position: relative; padding-left:51px; display:none; margin-top:0.35rem;}
.xuzhi .dd.on{ border:1px solid #007ac3; background: #f2f9ff;}
.xuzhi .dd.on .wen .p{ font-weight: bold; color: #007ac3;}
.xuzhi .dd.on .wen::after{ border-top: 1px solid #007ac3; border-right: 1px solid #007ac3; transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); margin-top: -2px;}

@media screen and (max-width: 1024px) {
.xuzhi .li{ margin-top:15px;}
.xuzhi .down{ padding-top:2px;}
.xuzhi .dd{ padding:12px 12px;}
.xuzhi .dd .p{ min-height:28px; }
.xuzhi .dd .ico{ width:28px; height:28px; line-height:26px;}
.xuzhi .dd .wen{ padding:0 15px 0 36px;}
.xuzhi .dd .wen::after{ width:8px; height:8px;}
.xuzhi .dd .da{ padding-left:36px; margin-top:12px;}
}


.slide1{ width:100%;}
.slide1 ul{ display: flex; flex-wrap: wrap; justify-content: center; width:100%;}
.slide1 ul li{ margin:0 0.3rem;}
.slide1 ul li a{ display: flex; position: relative; padding:10px 4px; color: #acdeff; font-size:16px; line-height:36px;}
.slide1 ul li a::after{ display: block; content:''; position: absolute; left:50%; bottom:0; width:0; height:2px; background: #fff; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.slide1 ul li:hover a,
.slide1 ul li.on a{ color: #fff;}
.slide1 ul li:hover a::after,
.slide1 ul li.on a::after{ width:100%;}
@media screen and (max-width: 1440px) {
.slide1 ul li{ margin:0 0.2rem;}
}
@media screen and (max-width: 1024px) {
.slide1 ul li{ margin:0 8px;}
.slide1 ul li a{ font-size:14px; line-height:24px; padding:8px 4px; }
.slide1-1 ul{ justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap;}
.slide1-1 ul::-webkit-scrollbar{ display: none;}
}

.rhxz0{ padding:0 4%; margin-top:30px;}
.rhxz1{ margin-top:43px;}
.rhxz1 .ul{ width: calc(100% + 0.2rem); margin:-0.1rem;}
.rhxz1 .ul li{ width:25%; padding:0.1rem;}
.rhxz1 .ul .la{ display: flex; flex-wrap: wrap; width:100%; padding:0.1rem; position: relative; min-height:100%; background: #f3faff; border-radius:8px; text-align: justify; padding:0.62rem 0.48rem 0.53rem 0.48rem;}
.rhxz1 .ul .la .ico{ width:100%; line-height: 0; height:calc(26px + 0.3rem);}
.rhxz1 .ul .la .ico img{ height:calc(26px + 0.3rem);}
.rhxz1 .ul .la .ico .img2{ display: block;}
.rhxz1 .ul .la .ico .img1{ display: none;}
.rhxz1 .ul .la .c0{ margin-top: 0.22rem;}
.rhxz1 .ul .la .c3{ margin-top: 0.16rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.rhxz1 .ul .la .more-a{ margin-top: 0.43rem;padding: 0 calc(10px + 0.24rem) 1px calc(10px + 0.24rem);}
.rhxz1 .ul .la:hover{ background: #007ac3;}
.rhxz1 .ul .la:hover .ico .img2{ display: none;}
.rhxz1 .ul .la:hover .ico .img1{ display: block;}
.rhxz1 .ul .la:hover .c0{ color: #fff;}
.rhxz1 .ul .la:hover .c3{ color: #fff;}
.rhxz1 .ul .la:hover .more-a{ background: #fff; border:1px solid #fff; color: #007ac3;}

@media screen and (max-width: 1024px) {
.rhxz0{ padding:0; margin-top:15px;}
.rhxz1{ margin-top:25px;}
.rhxz1 .ul{ width: calc(100% + 12px); margin:-6px;}
.rhxz1 .ul li{ padding:6px;}
.rhxz1 .ul .la{ padding:20px 15px 25px 15px;}
.rhxz1 .ul .la .c0{ font-size:16px; line-height:26px; margin-top:8px;}
.rhxz1 .ul .la .c3{ font-size:14px; line-height:22px; margin-top:6px;}
.rhxz1 .ul .la .more-a{ margin-top:20px;padding:0 calc(10px + 0.15rem) 1px calc(10px + 0.15rem);}
}
@media screen and (max-width: 767px) {
.rhxz0{ text-align: left;}	
.rhxz1 .ul li{ width:50%;}
}



.jishu2{ padding:0.32rem 0 0.2rem 0; padding-top:0;}
.jishu2 .ul{ width:100%; justify-content: space-between;}
.jishu2 .ul li.l2{ width:47.8%; padding:0.31rem 0;}
.jishu2 .ul li.l2 .la{ display: flex; flex-wrap: wrap; width:100%; background: #f3faff;}
.jishu2 .ul li.l2 .la .img{ display:block; position: relative; overflow: hidden; padding-bottom:68.6%; width:100%;}
.jishu2 .ul li.l2 .la .img img{ display:block; width:100%; height:100%; position: absolute; left:0; top:0; object-fit: cover;}
.jishu2 .ul li.l2 .la .cont{ width:100%; padding:0.41rem 0.48rem 0.45rem 0.48rem;}
.jishu2 .ul li.l2 .la .cc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.jishu2 .ul li.l2 .la .c3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top: 0.09rem; text-align: justify;}
.jishu2 .ul li.l2 .la .more-a{ margin-top: 0.23rem;}
.jishu2 .ul li.l2 .la:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.jishu2 .ul li.l2 .la:hover .more-a{ background: #007ac3; color: #fff;}
.jishu1{ width:100%;}
.jishu1 .ul{ width:100%;}
.jishu2 .ul li.l1{ width:100%; padding-bottom:0.32rem;}
.jishu2 .ul li.l1 .la{ display: flex; flex-wrap: wrap; align-items: center;flex-direction:row-reverse; width:100%; background: #f3faff;}
.jishu2 .ul li.l1 .la .cont{ width:52.2%; padding:0.4rem 0.78rem;}
.jishu2 .ul li.l1 .la .cont{ width:52.2%; padding:0.4rem 0.78rem;}
.jishu2 .ul li.l1 .la .pic{ width:47.8%;}
.jishu2 .ul li.l1 .la .img{ display:block; position: relative; overflow: hidden; padding-bottom:68.6%; width:100%;}
.jishu2 .ul li.l1  .la .img img{ display:block; width:100%; height:100%; position: absolute; left:0; top:0; object-fit: cover;}
.jishu2 .ul li.l1 .la .cc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.jishu2 .ul li.l1 .la .c3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; margin-top: 0.28rem;}
.jishu2 .ul li.l1 .la .more-a{ margin-top: 0.34rem; margin-bottom:0.05rem;}
.jishu2 .ul li.l1 .la:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.jishu2 .ul li.l1 .la:hover .more-a{ background: #007ac3; color: #fff;}

@media screen and (max-width: 1440px ) {
.jishu2 .ul li.l2{ width:48%; padding:0.2rem 0;}
.jishu2 .ul li.l1 .la .cont{ width:52%;}
.jishu2 .ul li.l1 .la .pic{ width:48%;}
.jishu2 .ul li.l1 .la .cont{ padding:0.3rem 0.58rem;}
}
@media screen and (max-width: 1024px ) {
.jishu2{ padding:10px 0 20px 0; padding-top:0;}	
.jishu2 .ul li.l2{ width:48.6%; padding:6px 0;}
.jishu2 .ul li.l2 .la .cont{ padding:15px 15px 20px 15px;}
.jishu2 .ul li.l2 .la .c3{line-height: calc(20px + 0.06rem); margin-top:2px;}
.jishu2 .ul li.l2 .la .more-a{ margin-top:12px;}
.jishu2 .ul li.l1{padding-bottom:10px;}
.jishu2 .ul li.l1 .la .cont{ width:51.4%;}
.jishu2 .ul li.l1 .la .pic{ width:48.6%;}
.jishu2 .ul li.l1 .la .c3{line-height: calc(20px + 0.06rem); margin-top:2px;-webkit-line-clamp:3; }
.jishu2 .ul li.l1 .la .more-a{ margin-top:12px; margin-bottom:0;}
.jishu2 .ul li.l1 .la .cont{ padding:15px 15px 20px 15px;}
}
@media screen and (max-width: 767px) {
.jishu2 .ul li.l2 .la .cont{ padding:15px 12px 20px 12px;}	
.jishu1 .ul li.l1 .la .cont{ width:100%; padding:15px 12px 20px 12px;}
.jishu1 .ul li.l1 .la .pic{ width:100%;}

}

.jishu3 .fs36{ display: flex; flex-wrap: wrap; align-items:end; border-bottom:2px solid #007ac3; padding-bottom: 0.4rem; margin-bottom: 0.33rem;}
.jishu3 .fs36 .tit{ display: inline-flex; margin-right: 10px;}
.jishu3 .fs36 .fs20{ display: inline-flex; background: #007ac3; border-radius:3px; padding:0 12px 1px 12px;line-height:calc(20px + 0.14rem);}
.jishu3 .img{ display: block; line-height:0; text-align: center; margin-top:0.57rem;}
.jishu3 .shipin{ cursor: pointer; overflow: hidden; display: block; line-height:0; text-align: center; position: relative; margin:0.44rem 0;}
.jishu3 .shipin .paly{ display: block; width:0.7rem; height:0.7rem; position: absolute; left:50%; top:50%; z-index:6; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.jishu3 .videos{ float: left; width:100%; height:100%; position: absolute; left:0; top:0; z-index:8; object-fit: cover;}


@media screen and (max-width: 1024px ) {
.jishu3 .fs36{ border-bottom:1px solid #007ac3; padding-bottom:20px; margin-bottom:20px;}	
.jishu3 .fs36 .tit{ margin-left: 10px;}
.jishu3 .fs36 .fs20{ padding:0 8px 1px 8px;}
.jishu3 .img{ margin-top:25px;}
.jishu3 .shipin{ margin:25px 0;}
.jishu3 .shipin .paly{ width:36px; height:36px;}
}

.wack1{ width:100%; text-align:center; display: flex; flex-wrap: wrap; justify-content:center;}
.wack1 .pz_fy{ display: flex;}
.wack1 .pz_fy a{ display: flex; position: relative; min-width:34px; height:34px; line-height:34px; color:#000000; font-size:18px; margin:0 5px;background:#f3faff; border-radius:3px; justify-content:center;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{color:#fff; background:#007ac3;}
.wack1 .pz_fy .l_fy{ margin-right:24px;}
.wack1 .pz_fy .r_fy{ margin-left:24px;}
.wack1 .pz_fy .l_fy:after,
.wack1 .pz_fy .r_fy:after{ display: block; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg);  width:10px; height: 10px; border-top: 1px solid #000000; border-right: 1px solid #000000; margin-left:-1px;}
.wack1 .pz_fy .l_fy:after{ transform: translate(-50%,-50%) rotate(225deg); -ms-transform: translate(-50%,-50%) rotate(225deg);  margin-left:1px;}
.wack1 .pz_fy .l_fy:hover:after,
.wack1 .pz_fy .r_fy:hover:after{ border-top: 1px solid #fff; border-right: 1px solid #fff;}
.wack1 .fy_pc{ display:none; font-size:14px; color:#000000;}
.wack1 .fy_pc a{ display: flex; padding:2px 20px 4px 20px; color:#fff; background:#007ac3; border-radius:30px;}
.wack1 .fy_pc span{ display: flex; padding:0 20px;}
@media screen and (max-width: 1024px ) {
.wack1 .pz_fy{ display:none;}
.wack1 .fy_pc{ display:flex;}
}


.news1 .ul{ display: flex; flex-wrap: wrap; margin:-0.1rem; width:calc(100% + 0.2rem);}
.news1 .li{ width:33.33%; padding:0.1rem;}
.news1 .a{ display: flex; flex-wrap: wrap; position: relative; height:100%; width:100%; background: #f3faff;}
.news1 .a .img{ display:block; position: relative; padding-bottom:74.4%; overflow: hidden;}
.news1 .a .img::after{ display: block; content: ''; position: absolute; left:0; top:0; width:100%; height:100%; z-index: 6; opacity: 0;}
.news1 .a .img img{ display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 2; object-fit: cover;z-index: 6;}
.news1 .a .cont{ padding:0.32rem 0.35rem 0.3rem 0.35rem;}
.news1 .a .c3{ margin:0.02rem 0 0.22rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news1 .a:hover{ background: #007ac3;}
.news1 .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.news1 .a:hover .img::after{ border:0.1rem solid #007ac3; opacity:1;}
.news1 .a:hover .cc{ color:#fff;}
.news1 .a:hover .c3{ color:#fff;}
@media screen and (max-width:1024px) {
.news1 .ul{margin:-6px; width:calc(100% + 12px);}
.news1 .li{ padding:6px;}
}
@media screen and (max-width:767px) {
.news1 .li{ width:50%;}
.news1 .li:last-child{ display:none;}
}

.news2{ margin-bottom:0.6rem;}
.news2 .ul{ width:100%;}
.news2 .li{ width:100%; display: flex; margin-top:0.2rem;}
.news2 .a{ display: flex; align-items: center; width:100%; background: #f3faff;}
.news2 .a .img{ display:block; position: relative; min-width:2.95rem; width:2.95rem; height:2.22rem; line-height: 0; overflow: hidden;}
.news2 .a .img::after{ display: block; content: ''; position: absolute; left:0; top:0; width:100%; height:100%; z-index: 6; opacity: 0;}
.news2 .a .img img{ display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 2; object-fit: cover;z-index: 6;}
.news2 .a .cont{ width:100%; padding:0.2rem 0.47rem;}
.news2 .a .fs20{ padding-right:10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news2 .a .fs16{ margin:0.09rem 0 0.2rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news2 .a:hover{ background: #007ac3;}
.news2 .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.news2 .a:hover .img::after{ border:0.1rem solid #007ac3; opacity:1;}
.news2 .a:hover .cc{ color:#fff;}
.news2 .a:hover .c3{ color:#fff;}


@media screen and (max-width:1024px) {
.news2{ margin-bottom:25px;}	
.news2 .li{ margin-top:14px;}	
.news2 .a{ padding:10px 10px;}		
.news2 .a .img{ min-width:130px; width:130px; height:100px;}
.news2 .a .cont{ padding:0; margin-left: 10px;}	
.news2 .a .fs16{ margin:2px 0 4px 0;line-height: calc(20px + 0.06rem);}
.news2 .a .fs20{ padding-right: 0; font-size:16px; line-height:26px;}
}
@media screen and (max-width:767px) {
.news2 .a .end .cc{ display:none;}
}

._page{ float:left; width:100%; border-top:1px solid #e5e5e5; position:relative;flex-wrap:wrap; display: flex; justify-content: space-between; margin-top:39px; padding-top:23px;}
._page .prev,
._page .next{ float:left; max-width:46%; color:#333333; overflow:hidden;font-size:calc(12px + 0.04rem);line-height:calc(20px + 0.10rem); height:calc(40px + 0.20rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._page .prev:hover,
._page .next:hover{ color:#007ac3;}
._page .next{ float:right; text-align:right;}
._page .renter{ float:left; width:77px; height:77px; border-radius:50%; background:#007ac3; color:#fff; font-size:calc(12px + 0.04rem); line-height:calc(22px + 0.02rem); display: flex; flex-direction:column; justify-content:center; align-items: center; position:absolute; left:50%; top:-39px; z-index:6; margin-left:-38px;}
._page .renter img{ max-width:none; width:20px;}
._page .renter:after{ float:left; width:1px; height:0.37rem; content:''; position:absolute; left:50%; top:100%; background:#e5e5e5;}
.news3{ width:64.28%; padding:0.74rem 0;}
.news3 .info{ padding:0.08rem 0 0.35rem 0; margin-bottom: 0.35rem; border-bottom:2px solid #007ac3;}
.news3 .info .p{ margin-right: 0.28rem;}
.news3 .info .p:last-child{ margin-right:0 !important;}
.news3 .cont{ margin-bottom:20px;}
.news4{ width:32.14%; padding:0.79rem 0 0.79rem 0.48rem; position: relative;}
.news4:after{ display: block; content:''; position:absolute; right:100%; top:0; width:16px; height:100%; background: url(../_im_g/ico0.png) right top repeat-y;}
.news4 .fs32{ background: #007ac3; padding:0.23rem 12px;}
.news5{ width:100%;}
.news5 .li{ width:100%; display: flex; border-bottom:1px solid #e5e5e5;}
.news5 .a{ display: flex; align-items: center;flex-direction:row-reverse; width:100%; padding:0.2rem 0;}
.news5 .a .img{ display:block; position: relative; min-width:1.3rem; width:1.3rem; height:0.97rem; line-height: 0; overflow: hidden; margin-left: 0.55rem;}
.news5 .a .img img{ display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 2; object-fit: cover;z-index: 6;}
.news5 .a .fs18{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:2px;}
.news5 .a:hover{ background: #007ac3;}
.news5 .a:hover .cont{ transform: translate(0.2rem,0); -ms-transform: translate(0.2rem,0);}
.news5 .a:hover .img{ transform: translate(-0.2rem,0); -ms-transform: translate(-0.2rem,0);}
.news5 .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.news5 .a:hover .img::after{ border:0.1rem solid #007ac3; opacity:1;}
.news5 .a:hover .cc{ color:#fff;}
.news5 .a:hover .c3{ color:#fff;}

@media screen and (max-width:1440px) {
.news5 .a .img{ margin-left: 0.3rem;}	
.news5 .a:hover .cont{ transform: translate(0.12rem,0); -ms-transform: translate(0.12rem,0);}
.news5 .a:hover .img{ transform: translate(-0.12rem,0); -ms-transform: translate(-0.12rem,0);}	
}
@media screen and (max-width:1024px) {
._page{ margin-top:30px; padding-top:16px;}
._page .renter{ width:60px; height:60px; top:-30px; margin-left:-30px;}
._page .renter:after{ height:30px;}	
.news3{ width:100%; padding:35px 0; line-height:26px;}
.news3 .info{ padding:5px 0 20px 0; margin-bottom:20px; border-bottom:1px solid #007ac3;}
.news3 .info .p{ margin-right:15px;}
.news3 .cont{ margin-bottom:25px;}

.news4{ width:100%; padding:0 0 40px 0;}
.news4:after{ display:none;}
.news4 .fs32{ padding:14px 12px;}
.news5 .a{ padding:14px 0;}		
.news5 .a .img{ min-width:120px; width:120px; height:89px; margin-left:14px;}
.news5 .a .fs18{ font-size:15px; line-height:24px;}
.news5 .a:hover .cont{ transform: translate(0,0); -ms-transform: translate(0,0);}
.news5 .a:hover .img{ transform: translate(0,0); -ms-transform: translate(0,0);}
}



.about6{ width:100%; margin-top:14px;}
.about6 .a{ display: flex; align-items: center;width:100%; background:#fff;  padding:21px 21px; margin-top: 19px;}
.about6 .a .img{ display:block; position: relative; min-width:2.9rem; width:2.9rem; height:1.9rem; line-height: 0; overflow: hidden; margin-right: 0.21rem;}
.about6 .a .img img{ display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 2; object-fit: cover;z-index: 6;}
.about6 .a .cont{ width:100%; padding:0.24rem;}
.about6 .a .fs16{ margin-top:0.16rem;}
.about6 .a:nth-child(2n){flex-direction:row-reverse; }
.about6 .a:nth-child(2n) .img{ margin-left:0.45rem; margin-right:0 !important;}
.about6 .a:hover{ background: #007ac3;}
.about6 .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.about6 .a:hover .cc{ color:#fff;}
.about6 .a:hover .c3{ color:#fff;}

@media screen and (max-width:1024px) {
.about6{ width:100%; margin-top:8px;}	
.about6 .a{ padding:12px 12px; margin-top:14px;}
.about6 .a .fs16{ margin-top:5px;line-height: calc(20px + 0.06rem);}
.about6 .a .img{ margin-right:12px;}
.about6 .a:nth-child(2n) .img{ margin-left:12px; margin-right:0 !important;}
}
@media screen and (max-width:767px) {
.about6 .a{ flex-wrap: wrap;}	
.about6 .a .cont{ padding:16px 0 10px 0;}
.about6 .a .img{ min-width:100%; width:100%; height: auto; margin-right:0;padding-bottom: 0;}
.about6 .a .img img{ position: static;}
.about6 .a:nth-child(2n) .img{ margin-left:0; margin-right:0 !important;}
}

.about5{ margin-top:36px;}
.about5 .ul{ display: flex; flex-wrap: wrap; margin:-0.1rem; width:calc(100% + 0.2rem);}
.about5 .li{ width:33.33%; padding:0.1rem;}
.about5 .a{ display: flex; flex-wrap: wrap; position: relative; height:100%; width:100%; background: #f3faff; padding:11px 12px 25px 12px; align-content: flex-start;}
.about5 .a .img{ display:block; position: relative; padding-bottom:74.4%; overflow: hidden;}
.about5 .a .img img{ display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 2; object-fit: cover;z-index: 6;}
.about5 .a .cont{ padding:0.25rem 0.25rem 0 0.25rem;}
.about5 .a .cc{ text-align: center;}
.about5 .a .c3{ margin-top:0.11rem;}
.about5 .a:hover{ background: #007ac3;}
.about5 .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.about5 .a:hover .img::after{ border:0.1rem solid #007ac3; opacity:1;}
.about5 .a:hover .cc{ color:#fff;}
.about5 .a:hover .c3{ color:#fff;}
@media screen and (max-width:1024px) {
.fs16.mt20 br{ display:none;}
.about5{ margin-top:22px;}	
.about5 .ul{margin:-6px; width:calc(100% + 12px);}
.about5 .li{ padding:6px;}
.about5 .a .cont{ padding:15px 0 0 0;}
.about5 .a .c3{ margin-top:5px;line-height: calc(20px + 0.06rem);}
}
@media screen and (max-width:767px) {
.about5 .li{ width:100%;}
}


.about4{ position: relative; overflow: hidden;}
.about4 .ctext{ width:100%; position: absolute; left:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.about4 .cont{ width:39%; margin:0 0 0 61%; text-align: right;}

@media screen and (max-width:1024px) {
.about4 .ctext{ top:0; transform: translateY(0); -ms-transform: translateY(0);}
.about4 .cont{ width:100%; margin:0; text-align: center;}
.about4 .cont .fs16{ text-align: left;}
.about4 .cont .fs16 br{ display:none;}
}

.about1{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.about1 .left{ width:46%; text-align: justify;}	
.about1 .img{ overflow: hidden; border-radius:0 0.8rem 0 0.8rem; line-height:0; width:48%;}	

@media screen and (max-width: 1600px) {
.about1 .left{ width:48%;}
}
@media screen and (max-width: 1440px) and (min-width: 1024px) {
.about1 .left{ width:46%;}	
.about1 .img{ width:50%;}	
.about1 .fs36{font-size: calc(12px + 0.2rem);line-height: calc(20px + 0.2rem);}	
.about1 .fs16{font-size: calc(12px + 0.02rem);line-height: calc(20px + 0.06rem);}
}
@media screen and (max-width: 1024px) {
.about1 .left{ width:100%;}	
.about1 .img{ width:100%; margin-top:30px;}
}

.about2{ position: relative; width: 100%; border-left:1px solid rgba(255,255,255,0.36);}
.about2 .li{ position: relative; display: flex; flex-wrap: wrap; width: 25%; border-right:1px solid rgba(255,255,255,0.36); text-align: center; padding:90px 0.2rem 79px 0.2rem;}
.about2 .li:after{ display: block; content:''; position:absolute; top:14.24%; left:0; width:3px; height:24px; border-radius: 3px; background: #fff; margin:-12px 0 0 -2px;}
.about2 .li:nth-child(4n+4)::before{ display: block; content:''; position:absolute; top:29.77%; right:0; width:3px; height:24px; border-radius: 3px; background: #fff; margin:-12px -2px 0 0;}
.about2 .li:nth-child(4n+1):after{ top:76.05%;}
.about2 .li:nth-child(4n+3):after{ top:40.13%;}
.about2 .li:nth-child(4n+4):after{ top:68.61%;}
.about2 .li .ico{ line-height: 0;}
.about2 .li .ico img{ height:calc(30px + 0.22rem);}
.about2 .li .fs24{ margin-top:23px;}
.about2 .li .fs18{ margin-top:2px;}
.about2 .li .counter{ font-size:calc(16px + 0.24rem);}

@media screen and (max-width: 1024px) {
.about2 .li .fs24{ margin-top:14px;}
}
@media screen and (max-width: 767px) {
.about2 .li{ width: 50%; border-top:1px solid rgba(255,255,255,0.36); padding:40px 15px;}
.about2 .li:nth-child(1),
.about2 .li:nth-child(2){border-top:0;}
.about2 .li:after{ top:20%;}
.about2 .li:nth-child(4n+4)::before{ display:none;}
.about2 .li:nth-child(2n+2)::before{ display: block; content:''; position:absolute; top:50%; right:0; width:3px; height:24px; border-radius: 3px; background: #fff; margin:-12px -2px 0 0;}
.about2 .li:nth-child(4n+4):after{ top:20%;}
.about2 .li:nth-child(4n+3):after{ top:50%;}
.about2 .li:nth-child(4n+1):after{ top:50%;}
}







._about3{ overflow: hidden;}
._about3 .month{ float: left; width:100%;position: relative; overflow: hidden; margin-top:39px;}
._about3 .month .ul{ float: left; width: 100%; position: relative;  }
._about3 .month .li{ float: left; width:100%; text-align: center; padding:0 16.7%;}
._about3 .month .li .p{ float: left; width:100%; padding:0 60px; display:inline-flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center; }
._about3 .month .fs24{ float: left; max-width:870px;}
._about3 .month .fs16{ float: left; max-width:870px; margin-top:20px;}
._about3 .top{ float: left; position: relative;overflow: hidden; width:calc(100% + 1.12rem); margin:35px -0.56rem 0 -0.56rem; padding:0 0.36rem;}
._about3 .year{ float: left; width:100%; position: relative; z-index: 3;overflow: hidden; padding-right: 1.2rem;}
._about3 .year::after{ display:block; content: ''; position: absolute; left:0; top:50%; background: #007ac3; height: 1px; width:100%; z-index: 1;}
._about3 .year .ul{ float: left; width: 100%;z-index: 6; position: relative;}
._about3 .year .li{ float: left; cursor: pointer; position: relative; height:17vw; display: flex; align-items: center; justify-content: center; width:9.9vw;}
._about3 .year .li:after{ float: left; content: ''; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width:17vw; min-width:17vw; height:17vw;}
._about3 .year .li span{ float: left; border-radius:50%; background: #e6f2fa; width:1.24rem; height:1.24rem; position: relative; color: #007ac3; font-size: 0.3rem; line-height: 2; display: flex; justify-content: center; align-items: center; font-weight: bold;} 
._about3 .year .li.swiper-slide-active{ width:15.7vw;}
._about3 .year .li.swiper-slide-active span{background: #007ac3;color: #fff; width:10.2vw; height:10.2vw; font-size: 0.36rem;box-shadow:none;} 
._about3 .year .li.swiper-slide-active:after{ background:url(../_im_g/about5.png) center no-repeat; background-size: 99.8% 99.8% !important;}
._about3 .swiper-arrow{ cursor: pointer; position:absolute; top:50%; margin-top: -0.18rem; display: flex; width:0.36rem; height:0.36rem; border-radius:3px;border: 1px solid #007ac3; z-index: 8;}
._about3 .swiper-arrow:hover{ background:#007ac3;}
._about3 .swiper-prev{ left:0;}
._about3 .swiper-next{ right:0; }
._about3 .swiper-arrow::after{ display: flex; content:''; width:0.12rem; height:0.12rem; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);border-top: 1px solid #007ac3;border-right: 1px solid #007ac3; margin-left: -0.03rem;}
._about3 .swiper-arrow:hover::after{border-top: 1px solid #fff;border-right: 1px solid #fff; }
._about3 .swiper-prev::after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-left:0.03rem;}
._about3 .slick-dots{ position: static; margin:20px 0 0 0 !important;}
._about3 .slick-dots li{ margin:0 3px !important; background: none; width:10px !important; height:10px !important; border-radius: 10px; border:1px solid #007ac3; opacity:0.5; cursor: pointer;}
._about3 .slick-dots li.slick-active{ width:10px !important; background: #007ac3; opacity:1;}
._about3 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
._about3 .swiper-slide {  flex-shrink: 0;position: relative; transition-property: transform}
._about3 .year .li.swiper-slide-prev{ margin-right:0.6rem;}
._about3 .year .li.swiper-slide-next{ margin-left:0.6rem}

@media (min-width:1940px){
._about3 .year{ padding-right:1.12rem;}	
._about3 .year .li{ width:1.9rem;height:3.26rem;}	
._about3 .year .li:after{ width:3.26rem; min-width:3.26rem; height:3.26rem;}
._about3 .year .li.swiper-slide-active{ width:3rem;}
._about3 .year .li.swiper-slide-active span{width:1.96rem; min-width:1.96rem; height:1.96rem;}
}
@media (max-width:1600px){
._about3 .year .li{ width:11.88vw;}
._about3 .year .li.swiper-slide-active{ width:18.84vw;}
}
@media (max-width:1440px){
._about3 .year .li span{font-size: 0.26rem;}
._about3 .year .li.swiper-slide-active span{ font-size: 0.32rem;}
._about3 .month .li{ padding:0 12%; }
}
@media (max-width:1024px){
._about3 .top{ width:100%; margin:20px 0 0 0; padding:0 28px;}	
._about3 .year{ width:100%; padding-right: 0;}	
._about3 .year .li{width:11.4vw;}
._about3 .year .li.swiper-slide-prev{ margin-right:0;}
._about3 .year .li.swiper-slide-next{ margin-left:0}
._about3 .month{ margin-top:20px;}
._about3 .month .li{ padding:0; }
._about3 .month .li .p{ padding:0;}
._about3 .month .fs16{ margin-top:10px;}
._about3 .month .fs16 br{ display:none;}
._about3 .swiper-arrow{ width:28px; height:28px; margin-top: -14px;}	
._about3 .swiper-arrow::after{width:8px; height:8px; margin-left: -2px; }
._about3 .swiper-prev::after{ margin-left: 2px; }	
._about3 .slick-dots{ position: static; margin:15px 0 0 0 !important;}
}
@media (max-width:767px){
._about3 .year .li{ height:4rem;}
._about3 .year .li:after{  width:4rem; height:4rem;}
._about3 .year .li span{width:2rem; height:2rem; font-size:16px;} 
._about3 .year .li.swiper-slide-active span{ width:2.4rem; height:2.4rem; font-size:20px;} 
}


.pord1{ width:100%; margin-bottom:0.5rem; border:1px solid #e5e5e5; border-radius:3px; overflow: hidden;}
.pord1 ._t{ width:100%; display: flex; flex-wrap: wrap; align-items: center; background:#f3faff; color: #007ac3; line-height:25px;}
.pord1 ._t .list{ padding:0.15rem 0.1rem;}
.pord1 ._b{ width:100%; display: flex; flex-wrap: wrap;}
.pord1 ._b li{ width:100%; display: flex; flex-wrap: wrap; border-top:1px solid #e5e5e5; align-items: center;}
.pord1 ._b li .list{ display: flex; flex-wrap:wrap; flex-direction: column; padding:0.2rem 0.1rem;}
.pord1 ._b li .collect {cursor: pointer; line-height: 0; display: inline-flex;flex-direction: column;}
.pord1 ._b li .collect i{width: calc(24px + 0.08rem); }
.pord1 ._b li .collect img { width:26px; margin: 0 auto;}
.pord1 ._b li .collect .xx1{display: block;}
.pord1 ._b li .collect .xx2{display: none;}
.pord1 ._b li .sc{cursor: pointer; display: inline-flex; color:#333; font-size:calc(12px + 0.04rem); line-height:1; padding-top:8px;}
.pord1 ._b li .collect.active .xx1{display: none;}
.pord1 ._b li .collect.active .xx2{display: block;}
.pord1 ._b li .collect.active .sc{ color:#007ac3;}
.pord1 ._b li .det{ display: flex; justify-content: center; align-items: center; border:1px solid #007ac3; color:#007ac3; line-height:28px; height:32px; border-radius:3px; width:105px; padding-bottom: 1px;font-size:calc(12px + 0.02rem);}
.pord1 ._b li .det:hover{ background: #007ac3; color: #fff;}
.pord1 ._b li .shop{ display: flex; justify-content: center; align-items: center; border:1px solid #007ac3; background:#007ac3; color:#fff; line-height:28px; height:32px; border-radius:3px; width:105px; padding-bottom: 1px;font-size:calc(12px + 0.02rem); margin-top: 11px;}
.pord1 ._b li .shop:hover{ border:1px solid #ff0000; background: #ff0000;}
.pord1 ._b li .shop img { width:18px; margin-right:0.05rem;}
.pord1 ._b li .tit1{ color: #555; font-size: calc(12px + 0.02rem);line-height:calc(20px + 0.08rem); overflow: hidden;white-space: nowrap; text-overflow:ellipsis; }
.pord1 ._b li .tit2{ color: #000; font-size: calc(12px + 0.06rem);line-height:calc(20px + 0.08rem); font-weight: bold;}
.pord1 ._b li .tit2 span{ color: #fff; font-weight: normal; margin-left: 6px; border-radius:3px; padding:0 6px; line-height:20px; font-size:calc(12px + 0.02rem); background: #ff0000; padding-bottom: 1px;}
.pord1 ._b li:hover{ background:#f3faff;}
.pord1 ._b li .boxs2{font-size: calc(12px + 0.04rem);line-height:calc(20px + 0.08rem);}
.pord1 ._b li .jg{ margin-left: 8px; color: #ff0000;}
.pord1 ._b li .yj{ margin-left: 8px; color: #888888; text-decoration:line-through;}
.pord1 ._b li .pic{ line-height:0;}
.pord1 ._b li .pic img{ width:128px; height:128px;}
.pord1 .list:nth-child(1){ width:16.6%; margin-right:5.6%; text-align: center;}
.pord1 .list:nth-child(2){ width:23.6%;}
.pord1 .list:nth-child(3){ width:24.3%;}
.pord1 .list:nth-child(4){ width:17.1%;}
.pord1 .list:nth-child(5){ width:12.8%;}


@media (max-width:1440px){
.pord1 .list:nth-child(1){ width:16.6%; margin-right:2.6%;}	
.pord1 .list:nth-child(5){ width:15.8%;}
}
@media (max-width:1024px){
.pord1{ margin-bottom:35px;}	
.pord1 ._b li .det{ width:84px; font-size:12px; line-height:25px;height:28px;}
.pord1 ._b li .shop{ width:84px; font-size:12px; line-height:25px;height: 28px;}
}
@media (max-width:767px){
.pord1{ border-top: 0;}	
.pord1 ._t{ display:none;}	
.pord1 ._b li{ position: relative; justify-content: space-between; padding:20px 12px 20px 110px; min-height:130px;}
.pord1 ._b li .list{ padding:0;}
.pord1 ._b li .pic{ position: absolute; left:10px; top:20px;}
.pord1 ._b li .pic img{ width:90px; height:90px;}	
.pord1 ._b li .det{ position: absolute; right:12px; top:43px;}
.pord1 ._b li .shop{ position: absolute; right:12px; top:80px; margin-top:0;}
.pord1 ._b li .collect{ position: absolute; right:12px; top:15px; flex-direction:row; align-items: center; justify-content: center; height:calc(20px + 0.08rem);}
.pord1 ._b li .collect i{ width:auto;}
.pord1 ._b li .collect img{ width:18px;}
.pord1 ._b li .sc{ padding:0 0 0 4px; font-size:12px;}
.pord1 ._b li .jg{ margin-left: 4px;}
.pord1 ._b li .yj{ margin-left: 4px; }
.pord1 ._b li .tit2{ line-height:20px;}
.pord1 .list:nth-child(1){ width:90px; margin-right:0; }	
.pord1 .list:nth-child(2){width:100%; padding-right:92px !important;}
.pord1 .list:nth-child(3){ width:100%; padding-right:92px !important;}
.pord1 .list:nth-child(4){ width:auto;}
.pord1 .list:nth-child(5){ width:auto;}

}






.shop_cart_tit { display: block;
line-height: calc(20px + 0.06rem);
  color: #fff;
  position: relative;
  padding:0.15rem 0 0.15rem 16px;
  font-size:calc(13px + 0.05rem);
}
.shop_cart_tit:after {
  content: "";
  height:calc(14px + 0.02rem);
  width: 5px;
  position: absolute;
  top:calc(4px + 0.17rem);
  background: #fff;
  left:0;
}
@media (max-width:1024px){
.shop_cart_tit{  padding:10px 0 10px 10px;}	
.shop_cart_tit:after { width:3px; height:14px; top:calc(10px + 0.17rem);}
}
.Shopping_Cart {
  width: 100%; padding-bottom: 49px;
}
.Shopping_Cart .l1 {
  width: 30.7%; margin-right:4.5%;
}
.Shopping_Cart .l2 {
  width: 25%;
}
.Shopping_Cart .l3 {
  width: 6.8%;
  text-align: center;
}
.Shopping_Cart .l4 { 
  width:17.7%; justify-content: center;
  text-align: center;
}
.Shopping_Cart .l5 {
  width: 6.8%;	
  text-align: center;
}
.Shopping_Cart .l6 {
  width: 6%; margin-left:2.5%;
  text-align: center;
}
@media (max-width:1440px){

}
.Shopping_Cart .l6:hover{ cursor: pointer; color: #ff0000;}
.Shopping_Cart .overh{ margin-top:20px;}
.Shopping_Cart .top_tab {
  background: #f3faff; border:1px solid #e5e5e5; border-bottom: 0; border-radius:6px 6px 0 0;
  padding: 0 0.2rem 0 0.56rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Shopping_Cart .top_tab .tab_li {
  line-height:25px; padding:0.15rem 0;
}
.Shopping_Cart .shop_cart_list li .check{position: absolute;
  top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
  left:0.28rem;}
.Shopping_Cart .all,
.Shopping_Cart .delete,
.Shopping_Cart .qk{ cursor: pointer;}
.Shopping_Cart .check {
  height:18px;
  width: 18px;
  position:relative; border:1px solid #d9d9d9; background: #fff; border-radius:2px; overflow: hidden;
  cursor: pointer;
}
.Shopping_Cart .check input[type="checkbox"]{ cursor:pointer; opacity:0; position:absolute; left:0; top:0; z-index:2;width:100%; height:100%; display: inline-block; text-align: center;vertical-align: top; line-height:12px;}
.Shopping_Cart .check input[type="checkbox"]+span{ position:relative; z-index:1; display:block; width:100%; height:100%; border: 1px solid #d9d9d9; border-radius: 2px; }
.Shopping_Cart .check input[type="checkbox"]:checked+span{display: block; border: 1px solid #007ac3; background:url(../img/duih.png) center center no-repeat; background-size:9px 7px; background-color: #007ac3;}
.Shopping_Cart .check .span{ width:100%; height:100%; border: 1px solid #d9d9d9; border-radius: 2px;}
.Shopping_Cart .check.on .span{display: block; border: 1px solid #007ac3; background:url(../img/duih.png) center center no-repeat; background-size:9px 7px; background-color: #007ac3;}
.Shopping_Cart .check img {
  display: none;
}
.transfer_accounts{ margin-top: 3px;}
.transfer_accounts ul{
 display: flex; flex-wrap: wrap;
}
.nafter:after {
  display: none !important;
}
.Shopping_Cart .check.on {
  background: #007ac3;
  border: 1px solid #007ac3;
}
.Shopping_Cart .check.on img {
  display: block;
}
.Shopping_Cart .shop_cart_list li {
  width: 100%;
  padding: 20px 0.2rem 20px 0.56rem;
  position: relative;border: 1px solid #e5e5e5;
  border-bottom:0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.5s ease;
}
.Shopping_Cart .shop_cart_list li:hover {
  background-color: #f3faff;
}

.Shopping_Cart .shop_cart_list li .l1 {
  display: flex;
  align-items: center;
}
.Shopping_Cart .shop_cart_list li .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  height:130px;
  width: 130px; min-width: 130px;
  border: 1px solid #e5e5e5;
  background: #fff; border-radius:6px;
}
.Shopping_Cart .shop_cart_list li .pic img {
  max-width: 100%;
  max-height:100%;
}
.Shopping_Cart .shop_cart_list li .text {
  padding-left:0.3rem;
}
.Shopping_Cart .shop_cart_list li .text .tit {
  margin-bottom:3px;
}
.Shopping_Cart .shop_cart_list li .text .info{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.Shopping_Cart .shop_cart_list li .l4 {
  display: flex; justify-content: center;
}
.Shopping_Cart .shop_cart_list li .l4 .reduce,
.Shopping_Cart .shop_cart_list li .l4 .plus {
  height: 32px;
  width: 32px;
  background: #fafafa;
  display: flex; padding-bottom:2px;
  align-items: center;border: 1px solid #e5e5e5;
  justify-content: center;
  color: #7a7a7a; font-size:calc(16px + 0.04rem);
  cursor: pointer;
}
.Shopping_Cart .shop_cart_list li .l4 .reduce:hover,
.Shopping_Cart .shop_cart_list li .l4 .plus:hover{border: 1px solid #007ac3;background: #007ac3; color: #fff;}
.Shopping_Cart .shop_cart_list li .l4 .reduce{ border-radius:4px 0 0 4px;}
.Shopping_Cart .shop_cart_list li .l4 .plus{ border-radius:0 4px 4px 0;}
.Shopping_Cart .shop_cart_list li .l4 .num {
  display: flex;
  align-items: center;
  justify-content: center; padding-bottom: 1px;
  height: 32px; color: #555555; font-size:calc(12px + 0.04rem);
  width: 0.66rem; background: #fff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align:center;
}
.Shopping_Cart .shop_down {
  padding:10px 10px 10px 17px;
  position: relative;
  background: #f3faff; border:1px solid #e5e5e5;  border-top:0; border-radius:0 0 6px 6px;
  width: 100%;
}
.Shopping_Cart .shop_down .l {
  align-items: center; position: relative;
}
.Shopping_Cart .shop_down .l .check{ margin-right: 15px;
}
.Shopping_Cart .shop_down .r {
  align-items: center;
}
.Shopping_Cart .shop_down .r .settlement {
  height: 36px;
  width:120px;
  line-height: 36px;
  background: #007ac3; border:1px solid #007ac3; line-height:33px; padding-bottom: 1px;
  color: #fff;font-size:calc(12px + 0.04rem);
  text-align: center;
  border-radius: 4px;
  margin-left:18px;
  cursor: pointer;
}
.Shopping_Cart .shop_down .r .settlement:hover{ background: #fff; color: #007ac3;}
.Shopping_Cart .gong{ align-items: center;}
.Shopping_Cart .shop_down .line{ display: inline-flex; width:1px; height:14px; background: #c2c8cc; margin:0 10px;}


.Shopping_Cart .j1{width: 30.7%; margin-right:6%; display: flex; align-items: center;
}
.Shopping_Cart .j2{ width:23%; text-align:center;
}
.Shopping_Cart .j3{ width:11%; text-align:center;
}
.Shopping_Cart .j4{ width:20%; text-align:center;
}
.Shopping_Cart .j5{ width:9.3%; text-align:center;
}
.Shopping_Cart.settlement .top_tab {
  padding:0 27px;
}
.Shopping_Cart.settlement .shop_cart_list li {
  padding:20px 27px;
}

.Shopping_Cart.settlement .top_tab {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-bottom: 0px solid #e5e5e5;
}
.Shopping_Cart.settlement .shop_cart_list{ overflow: hidden;
	border-bottom: 1px solid #e5e5e5; border-radius:0 0 6px 6px;
}

.settlement .information {
  margin-top:19px;
  width: 100%;
  padding: 20px 26px;
  border: 1px solid #e5e5e5; border-radius:6px;
}
.settlement .information_top {
  display: flex;
  align-items: center; flex-wrap: wrap;
  justify-content: space-between;
}
.settlement .information_top .tit {
  position: relative;
}
.settlement .information_top .tit:after {
  content: "";
  height: 60%;
  width: 4px;
  position: absolute;
  top: 20%;
  left:-10px;
  background: #007ac3;
}
.settlement .information_top.integral {
  justify-content: flex-start;
}
.settlement .information_top .colort {
  font-size: 14px;
  color: #007ac3;
}

.settlement .information_top .fun {
  display: flex;
  align-items: center;
  justify-content: center;
}

.settlement .information_top .fun .button {
  width: 120px;
  height:32px;
  line-height:30px;
  color: #fff;
  text-align: center;
  background: #007ac3;
  border-radius: 4px; border: 1px solid #007ac3;
font-size:calc(12px + 0.04rem);
  margin-left: 10px;
  cursor: pointer;
  transition: all .5s ease;
}
.settlement .information_top .fun .button:hover {
  color: #007ac3;
  background: #f3faff;

}
.settlement .information_down {
  width: 100%; display: flex; flex-wrap: wrap;
  margin-top:12px; margin-bottom:5px;
}
.settlement .information_down .zffs{width:100%;}
.settlement .information_down .zffs ul{ display:flex; flex-wrap: wrap; width:100%;}
.settlement .information_down .zffs ul li{ display:flex; flex-wrap: wrap; position: relative; overflow: hidden; margin-right: 19px; border:1px solid #e5e5e5; width:180px; line-height: 0; cursor: pointer;}
.settlement .information_down .zffs ul li img{ width:100%;}
.settlement .information_down .zffs ul li .circle{ opacity: 0; position:absolute; right: 0; bottom: 0; width:26px; height:20px; display: flex; background: #007ac3; clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%); align-items: flex-end; justify-content: flex-end; }
.settlement .information_down .zffs ul li .circle img{ width:14px;}
.settlement .information_down .zffs ul li.on{ border:1px solid #007ac3;}
.settlement .information_down .zffs ul li.on .circle{ opacity: 1; }

.settlement .information_down .transfer_accounts li {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  justify-content: flex-start;
}
.settlement .information_down .transfer_accounts li .circle {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border:4px solid #d1d1d1; border-radius:50%;
  position: relative;
}
.settlement .information_down .transfer_accounts li .fs16 {
  margin: 0 25px 0 5px;
}
.settlement .information_down .transfer_accounts li.on .circle {
  border:4px solid #007ac3;
}
.settlement .yhq_list{ padding:3px 0 6px 0;width:100%;}
.settlement .yhq_list ul {
  margin:-9px;
  width: calc(100% + 18px);
}
.settlement .yhq_list ul li {
  padding:9px;
  width: 20%;
  float: left;
}
.settlement .yhq_list ul li a {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  border: 1px solid #dcdfe6;
}
.settlement .yhq_list ul li a .yhq_top {
  padding:28px 0 13px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; position: relative; overflow: hidden;
}
.settlement .yhq_list ul li a .yhq_top .zt {position: absolute; top:-18px; left:-18px; line-height:22px; width:70px; height:70px;display:flex; align-items: center; justify-content: center;}
.settlement .yhq_list ul li a .yhq_top .zt span{ display: flex; align-items: center; justify-content: center; width:100%; transform:rotate(-45deg); -ms-transform:rotate(-45deg); background: #ff0000;}
.settlement .yhq_list ul li a .yhq_top .num {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}
.settlement .yhq_list ul li a .yhq_top .xq {
  font-size: 12px;
  color: #fff;
  border: 1px solid #fff;
  padding: 0 11px 1px 11px;
  margin:5px 0 8px 0;
}
.settlement .yhq_list ul li a .yhq_top .time {
  font-size: 12px;
  color: #fff;
}
.settlement .yhq_list ul li a .yhq_down {
  width: 100%;
  padding: 11px 15px 18px 15px;
}
.settlement .yhq_list ul li a .yhq_down .content {
 width:100%;
}
.settlement .yhq_list ul li a .yhq_down .content .c3{width:100%; display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.settlement .yhq_list ul li a .yhq_down .content .tishi{width:100%; position: absolute; left:0; top:100%; background:#Fff; display:none; width:100%; border-radius:4px; box-shadow:0 3px 6px rgba(0,0,0,0.1); z-index: 6; padding:10px 12px; line-height:1.8; float: left;}
.settlement .yhq_list ul li a .yhq_down .content .c3:hover .tishi{ display: block;}
.settlement .yhq_list ul li a .yhq_down .content i{ display:block; width:12px; line-height: 0; margin-left: 8px;}
.settlement .yhq_list ul li a .yhq_down .content i img{ width:100%;}
.settlement .yhq_list ul li a .yhq_down .use {
  width: 100px;
  height: 32px;
  line-height:28px; padding-bottom:1px;
  color: #007ac3;
  text-align: center;
  border: 1px solid #007ac3;
  border-radius: 4px;
  font-size: 14px;
  margin: 16px auto 0 auto;
  transition: all 0.5s ease;
}

.settlement .yhq_list ul li a .yhq_down .button{display:flex;}

.settlement .yhq_list ul li.on a .yhq_down .use,
.settlement .yhq_list ul li a .yhq_down .use:hover {
  background: #007ac3;
  color: #fff;
}

.settlement .yhq_list ul li.already a .yhq_top .zt span{background:#aaa}
.settlement .yhq_list ul li.already .use{color: #aaa !important; border: 1px solid #aaa !important;background: #fff !important;}
.settlement .yhq_list ul li.already .content,
.settlement .yhq_list ul li.already .content *{color: #aaa !important;}
.settlement .yhq_list ul li.already a .yhq_down .content i img{opacity:0.5;}

.settlement .information_down .integral li {
  width: auto;
}
.settlement .information_down .notes {
  position: relative; width:100%;
}
.settlement .information_down .notes textarea {
  height: 116px;
  width: 100%;
  background: #f5f6fa;
  padding: 11px 16px;
  color: #333;
  font-size:calc(12px + 0.04rem);
  line-height:calc(20px + 0.06rem);
  border: 0px;
}
.settlement .information_down .notes textarea::placeholder {
  color: #888888;
}
.settlement .information_down .notes span {
  font-size: calc(12px + 0.02rem);
  color: #888888;
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: flex;
}
.settlement .js_down {
  width: 100%;
  margin-top:20px;
  padding:10px 10px 10px 17px;
background: #f3faff; border-radius:6px;
}
.settlement .js_down .l {
align-items: center;
}
.settlement .js_down .check{ margin-right:15px;}
.settlement .js_down .r {
  align-items: center;
}

.settlement .js_down .p {
  font-size: 16px;
  color: #888;
  line-height: 58px;
}
.settlement .js_down .submit {
 height: 36px;
   width: 120px;
   line-height: 36px;
   background: #007ac3;
   line-height: 34px;
   color: #fff;
   font-size: calc(12px + 0.04rem);
   text-align: center;
   border-radius: 4px;
   margin-left: 18px;
   cursor: pointer;
}


@media screen and (max-width: 1024px) {
.Shopping_Cart .top_tab .tab_li {
font-size: 14px;
}
.Shopping_Cart .shop_cart_list li .pic {
height:90px;
width: 90px;
min-width: 90px;
}
.Shopping_Cart .shop_cart_list li .xinx {
align-items: flex-start;
width: auto;
margin: 0 10px;
}
.settlement .js_down {
height: auto;
flex-direction: column;
padding: 15px;
}
.settlement .js_down {
height: auto;
flex-direction: column;
padding: 15px;
}
.settlement .js_down .p,
.settlement .js_down .color,
.settlement .js_down .bold {
font-size: 14px;
line-height: 24px !important;
}
.settlement .information_top {
flex-direction: column;
align-items: flex-start;
}
.settlement .information_down .notes textarea {
width: 100%
}
.settlement .information_top {
flex-direction: column;
align-items: flex-start;
}
.settlement .information_down .notes textarea {
width: 100%
}
.settlement .yhq_list ul li{ width:50%;}
.Shopping_Cart.settlement .shop_cart_list li{ padding:15px 15px;}
.Shopping_Cart .l1{width: 36.7%;margin-right: 0%;}
}
@media screen and (max-width: 767px) {
.Shopping_Cart .top_tab{ display:none;}	
.Shopping_Cart .shop_cart_list li{ flex-wrap: wrap; justify-content: space-between; padding:15px 12px 15px 130px; min-height:120px;}
.Shopping_Cart .shop_cart_list li .text .info{-webkit-line-clamp:1; line-height:22px;}
.Shopping_Cart .shop_cart_list li .pic{ position: absolute; left:30px; top:15px;}
.Shopping_Cart .shop_cart_list li .text{ padding:0; width:100%;}
.Shopping_Cart .l1{ width:100%; margin:0;}
.Shopping_Cart .l2{ display:none;}
.Shopping_Cart .l3{ width:60%; text-align:left; font-size:14px; line-height:20px; padding-left:40px; position: relative;}
.Shopping_Cart .l4{ width:auto; position:absolute; right:12px; bottom:15px;}
.Shopping_Cart .l5{ width:60%; text-align:left; font-size:14px; line-height:20px; padding-left:40px; position: relative;}
.Shopping_Cart .l6{ width:auto; margin: 0; position:absolute; right:12px; top:15px;}
.Shopping_Cart .shop_cart_list li .check{ left:15px;}
.Shopping_Cart .shop_cart_list li .l4 .reduce,
.Shopping_Cart .shop_cart_list li .l4 .plus{ width:24px; height:24px;}
.Shopping_Cart .shop_cart_list li .l4 .num{ width:36px; height:24px;}
.Shopping_Cart .shop_cart_list li .text .tit{ width:100%; font-size:16px; line-height:24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; margin-bottom:0; padding:0 30px 0 0;}
.Shopping_Cart .l5:after {
content: "小计：";
position: absolute;
left:0; white-space:nowrap;
top: 0; color: #333; font-weight:normal;
}
.Shopping_Cart .l3:after {
content: "金额：";
position: absolute;
left:0; white-space:nowrap;
top: 0; color: #333; font-weight:normal;
}
.Shopping_Cart .shop_down{ padding:15px 12px; justify-content: center;}
.Shopping_Cart .shop_down .r{justify-content: center; margin-top: 3px;}
.Shopping_Cart .gong{ width:100%;justify-content: center;}
.Shopping_Cart .shop_down .r .settlement{ margin:10px 0 0 0; width:100px; height:34px; line-height: 32px; padding-bottom: 2px;}
.Shopping_Cart .shop_down .l .check{ margin-right:6px;}
.Shopping_Cart .check{ width:14px; height:14px;}
.Shopping_Cart .j1{width: 100%;margin-right: 0%;}
.Shopping_Cart .j2{ width:50%; text-align:left;}
.Shopping_Cart .j4{ width:50%; text-align:left; text-align:left; font-size:14px; padding-left:40px; position: relative;}
.Shopping_Cart .j3{ width:auto; text-align:left; font-size:14px; padding-left:40px; position: relative;}
.Shopping_Cart .j5{ width:auto; text-align:left; font-size:14px; padding-left:40px; position: relative;}
.Shopping_Cart .j5{ po}
.Shopping_Cart .j5:after {
content: "小计：";
position: absolute;
left:0; white-space:nowrap;
top: 0; color: #333333; font-weight:normal;
}
.Shopping_Cart .j3:after {
content: "金额：";
position: absolute;
left:0; white-space:nowrap;
top: 0; color: #333333; font-weight:normal;
}
.Shopping_Cart .j4:after {
content: "数量：";
position: absolute;
left:0; white-space:nowrap;
top: 0; color: #333333; font-weight:normal;
}
.Shopping_Cart.settlement .shop_cart_list li{ padding:15px 12px 15px 114px;}
.Shopping_Cart.settlement .shop_cart_list li .pic{ left:12px;}
.settlement .js_down .check{ margin-right:6px;}
.settlement .js_down .r{ justify-content:center; margin-top:1px;}
.settlement .js_down .tong{ width:100%; justify-content: center;}
.settlement .js_down .submit { width:100px; line-height:30px; height:34px; padding-bottom:2px;  margin:10px 0 0 0;}
/**/
.settlement .information{ margin-top: 14px;padding:15px 14px;}
.settlement .information_top .tit{ font-size: 16px; line-height:26px; padding-left: 10px;}
.settlement .information_top .tit::after{ left: 0;width:3px; top:22%;}
.transfer_accounts{ margin-top: 0;}
.settlement .yhq_list ul{margin: -5px;
  width: calc(100% + 10px);}
.settlement .yhq_list ul li{ padding:5px;}
.settlement .yhq_list ul li a .yhq_down{padding: 11px 10px 18px 10px;}
.settlement .information_down .zffs ul li{ width:120px; margin-right: 12px;}

}

.popu-bg{ float: left; display: none; width:100%; height:100%; z-index: 40; position: fixed; left:0; top:0; background: #000; opacity: 0.6;}
.popu-box{ float: left; display: none; width:410px; z-index: 42; position: fixed; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.popu-box .box{ text-align: center; float: left; width:100%; position: relative; background: #fff; border-radius:6px;  padding:35px 34px;}
.popu-box .box .col{ position: absolute; right:-30px; top:-24px; line-height:0; width:30px; height:30px; border-radius:50%; border:1px solid rgba(255,255,255,0.5); padding:4px; cursor: pointer;}
.popu-box .box .fs24{ margin-top:23px;}
.popu-box .box .p{ padding:8px 0 19px 0;}
.popu-box .box .ico{ margin-top:27px; line-height: 0;}
.popu-box .box .ico img{ height:calc(30px + 0.29rem);}
.popu-box .box .btm{ margin-top: 22px;}
.popu-box .box .btm .a{line-height: calc(35px + 0.1rem); padding-bottom:1px; border-radius:4px; border:1px solid #007ac3; width: 47%;}
.popu-box .box .btm .a.on:hover{ background:#007ac3; color: #fff;}
.popu-box .box .btm .a.om{ background:#007ac3; color: #fff;}
.popu-box .box .btm .a.om:hover{ background:#fff; color: #007ac3;}
.popu-box .box .shop{ line-height:0; margin-top: 9px;}
.popu-box .box .shop a{ display:flex; justify-content: center; align-items: center; margin:0 auto; border-radius:50%; width:calc(50px + 0.5rem); height:calc(50px + 0.5rem); background:#007ac3; color: #fff;}
.popu-box .box .shop a img{ width:calc(25px + 0.25rem); height:calc(25px + 0.25rem);}

@media screen and (max-width: 767px) {
.popu-box{ width:290px;}	
.popu-box .box{ padding:25px 25px;}
.popu-box .box .col{ right:0; top:-40px; width:26px; height:26px; padding:2px;}	
.popu-box .box .fs24{ margin-top:15px;}
.popu-box .box .p{ padding:5px 0 5px 0;}
.popu-box .box .ico{ margin-top:5px; }
.popu-box .box .btm{ margin-top: 15px; margin-bottom: 5px;}
.popu-box .box .btm .a{line-height: calc(30px + 0.1rem);}
.popu-box .box .shop{ margin-top: 5px;}
}

.h-pord1{ margin-top: 35px;}
.h-pord1 .slick-dots{ position: static; margin:15px 0 0 0; display: flex; align-items: center; justify-content: center;}
.h-pord1 .slick-dots li{ display: block;width:10px; height:10px; margin:0 5px; border-radius:50%;border: 1px solid #007ac3; padding: 0 !important;}
.h-pord1 .slick-dots li.slick-active{ background: #007ac3;}
.h-pord1 .slick-arrow{ display: flex; width:0.36rem; height:0.36rem; border-radius:3px;border: 1px solid #d9d9d9; z-index: 8;}
.h-pord1 .slick-arrow:hover{border: 1px solid #007ac3;}
.h-pord1 .slick-prev{ left:-0.46rem;}
.h-pord1 .slick-next{ right:-0.46rem;}
.h-pord1 .slick-arrow::after{ display: flex; content:''; width:0.1rem; height:0.1rem; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);border-top: 1px solid #000000;border-right: 1px solid #000000;  opacity:0.15; margin-left: -0.02rem;}
.h-pord1 .slick-arrow:hover::after{border-top: 1px solid #007ac3;border-right: 1px solid #007ac3;  opacity:1; }
.h-pord1 .slick-prev::after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-left:0.02rem;}

@media screen and (max-width: 1024px) {
.h-pord1{ margin-top:16px;}
}



.prod-img{ display: block;
  width: 48.5%;
}
.prod-img .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height:auto !important;}
.prod-img .swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform;}
.prod-img .big_pic {
  width: 100%; background: #fff; overflow: hidden; border-radius:10px;
}
.prod-img .big_pic li {
  width: 100%;
}
.prod-img .big_pic li .pic_box {
  height:100%;
  display: block;
  width: 100%;
  text-align: center;
}
.prod-img .big_pic li .pic_box img {
  width: 100%;
}
.prod-img .small_pic {
  width: 100%; display: flex; position: relative;
  margin-top:6px; overflow:hidden; padding:0 27px;
}

.prod-img .small_pic ul {
 width:100%;
}
.prod-img .small_pic ul li {
  width: 25%; display: flex;
  padding: 0 4px;
}
.prod-img .small_pic ul li .pic_box {
  display:block;overflow: hidden; border-radius:6px;line-height: 0;
  width: 100%; background: #fff;
  text-align: center;
  cursor: pointer; border:2px solid #fff;
}
.prod-img .small_pic ul li .pic_box img {
  max-width: 100%;width: 100%;
}
.prod-img .small_pic ul li.swiper-slide-thumb-active .pic_box{ border:2px solid #007ac3;}
.prod-img .small_pic .swiper-arrow{background: #f3faff; cursor: pointer; position: absolute; top:0; display:block; width:27px; height:100%; z-index:10;}
.prod-img .small_pic .swiper-prev{ left:0;}
.prod-img .small_pic .swiper-next{ right:0; }
.prod-img .small_pic .swiper-arrow::after{ display: flex; content:''; width:12px; height:12px; position: absolute; top:50%; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0%,-50%) rotate(45deg);}
.prod-img .small_pic .swiper-prev::after{ left:2px; border-bottom: 1px solid #aaafb3;border-left: 1px solid #aaafb3;}
.prod-img .small_pic .swiper-next::after{ right:2px; border-top: 1px solid #aaafb3;border-right: 1px solid #aaafb3;}
.prod-img .small_pic .swiper-prev:hover::after{ border-bottom: 1px solid #007ac3;border-left: 1px solid #007ac3;}
.prod-img .small_pic .swiper-next:hover::after{border-top: 1px solid #007ac3;border-right: 1px solid #007ac3;}



@media screen and (max-width: 1024px) {
.prod-img{ width:100%;}
.prod-img .small_pic{ padding: 0 16px;}
.prod-img .small_pic .swiper-arrow{ width:16px;}
}

.prod-text{ width:46%;}
.prod-text .fs36{ margin-top: 0.14rem;}
.prod-text .line{ width:100%; height:1px; background: #e5e5e5;}
.prod-text .info{ align-items: center; padding:9px 0 0.4rem 0;}
.prod-text .info .fs18{ background: #007ac3; border-radius:4px; padding:1px 15px 3px 15px ;}
.prod-text .collect{ cursor: pointer; display: flex; align-items: center;}
.prod-text .collect img{ width:18px; height:18px; margin-right:4px;}
.prod-text .collect .xx1{ display: block;}
.prod-text .collect .xx2{ display: none;}
.prod-text .collect.active .xx1{ display: none;}
.prod-text .collect.active .xx2{ display: block;}
.prod-text .cont{ padding:0.25rem 0 0.36rem 0;}
.prod-text .mt6{ margin-top: 0.06rem;}
.prod-text .cs{ padding:0.4rem 0;}
.prod-text .control{ display: flex;}
.prod-text .reduce,
.prod-text .plus {
  height:44px;
  width: 44px;
  background: #fff;
  display: flex; padding-bottom:2px;
  align-items: center;border: 1px solid #e5e5e5;
  justify-content: center;
  color: #7a7a7a; font-size:calc(18px + 0.04rem);
  cursor: pointer;
}
.prod-text .reduce:hover,
.prod-text .plus:hover{ background: #007ac3;border: 1px solid #007ac3; color: #fff;}
.prod-text .reduce{ border-radius:4px 0 0 4px;}
.prod-text .plus{ border-radius:0 4px 4px 0;}
.prod-text .num {
  display: flex;
  align-items: center;
  justify-content: center; padding-bottom: 1px;
  height: 44px; color: #000000; font-size:calc(12px + 0.04rem);
  width:62px; background: #fff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align:center;
}
.prod-text .jrgwc{ margin-left: 0.2rem; display: flex;
  align-items: center;
  justify-content: center; padding-bottom: 1px;
  height: 44px; line-height:40px; color: #fff; font-size:calc(12px + 0.04rem);
  width:134px; background: #007ac3;border-radius:4px;
  border: 1px solid #007ac3;
  text-align:center;}
 .prod-text .jrgwc:hover{ background: #fff; color: #007ac3;} 
.prod-text .hqyhjg{ margin-left: 0.2rem; display: flex;
  align-items: center;
  justify-content: center; padding-bottom: 1px;
  height: 44px; line-height:40px; color: #fff; font-size:calc(12px + 0.04rem);
  width:134px; background: #ff9600;border-radius:4px;
  border: 1px solid #ff9600;
  text-align:center;}  
.prod-text .hqyhjg:hover{ background: #fff; color: #ff9600;} 
.prod-text .ys{ display: flex; flex-wrap: wrap; padding:0.11rem 0 0.46rem 0 ;}
.prod-text .ys .li{ cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; margin-right:0.4rem;font-size:calc(13px + 0.05rem); color: #333; padding:4px 0;}
.prod-text .ys .li span{ margin:0 6px;}
.prod-text .ys .li i{ position: relative; display: block; width:34px; height:34px; line-height: 0; border:1px solid #000; border-radius:50%; padding:7px;}
.prod-text .ys .li i b{display: block;  position:absolute; left:50%; top:50%; width:24px; height:24px; border-radius:50%; z-index: 1; background: #000000; margin: -12px 0 0 -12px;}
.prod-text .ys .li i img{position: relative; z-index: 6; width:100%; opacity:0;}
.prod-text .ys .li.on{ color: #007ac3;border:1px solid #007ac3; border-radius:4px; background: #fff; justify-content: center; min-width:120px;}
.prod-text .ys .li.on i img{ opacity:1;}
.prod-text .jgxl{ padding:0.23rem 0;}
.prod-text .jgxl .jg .c8{text-decoration: line-through; margin-left: 7px;}


@media screen and (max-width: 1600px ) {
.prod-text .fs36{ margin-top: 0;}
.prod-text .info{padding: 9px 0 0.3rem 0;}
.prod-text .jgxl{ padding:0.15rem 0;}
.prod-text .cs{ padding:0.3rem 0;}
.prod-text .ys{padding: 0.11rem 0 0.36rem 0;}
.prod-text .cont{padding: 0.2rem 0 0.3rem 0;}
}
@media screen and (max-width: 1400px ) {
.prod-text .fs36{ margin-top: 0;}
.prod-text .info{padding: 9px 0 0.25rem 0;}
.prod-text .jgxl{ padding:0.12rem 0;}
.prod-text .cs{ padding:0.25rem 0;}
.prod-text .ys{padding: 0.1rem 0 0.3rem 0;}	
.prod-text .mt6{ margin-top:0.02rem;}
.prod-text .cont{padding: 0.2rem 0 0.25rem 0;}
}
@media screen and (max-width: 1024px) {
.prod-text{ width:100%; margin-top:20px;}
.prod-text .jgxl{padding:12px 0;}
.prod-text .cs{ padding:15px 0;}
.prod-text .info{ padding:9px 0 15px 0;}
.prod-text .cont{ padding:15px 0 10px 0;}
.prod-text .jrgwc{ width:104px; height:32px; line-height:28px; margin-left:15px;}
.prod-text .hqyhjg{ width:104px; height:32px; line-height:28px; margin-left:15px;}
.prod-text .reduce,
.prod-text .plus{ width:32px; height:32px;}
.prod-text .num{ width:40px; height:32px;}
.prod-text .ys{ padding:8px 0 15px 0;}
.prod-text .ys .li{ min-width:90px; margin-right:20px; padding:2px 10px 2px 0;}
.prod-text .ys .li i{ width:22px; height:22px; padding:4px;}
.prod-text .ys .li i b{ width:16px; height:16px;margin: -8px 0 0 -8px;}
.prod-text .ys .li.on{ min-width:90px;}
}

@media screen and (max-width: 767px) {
.prod-text .btn{ justify-content: space-between;}
.prod-text .control{ width:100%; margin-bottom: 15px;}
.prod-text .jrgwc{ width:48%; height:32px; line-height:28px; margin-left:0;}
.prod-text .hqyhjg{ width:48%; height:32px; line-height:28px; margin-left:0;}
}


.product_tab{ display: flex; flex-wrap: wrap; width:100%; padding-top:0.1rem; height:0.7rem;}
.product_tab .nav-wrap{ height:0.6rem;}
.product_tab ul{ display: flex; width:100%;}
.product_tab ul li{ display: flex; flex-wrap: wrap;}
.product_tab ul li a{ white-space: nowrap; color: #Fff;font-size:calc(13px + 0.05rem); line-height:0.4rem; padding:0.1rem 0.34rem; border-radius:10px 10px 0 0;}
.product_tab ul li a.active{ background: #Ffff; color: #007ac3;}
.navFim .navFix{ position: fixed; left: 0; top:0; z-index:20; width:100%; background: #007ac3; padding:0 70px;}


@media screen and (max-width: 1024px) {
.product_tab{ padding-top: 5px; height:45px;}
.product_tab .nav-wrap{ height:40px;}
.product_tab ul li a{ font-size:14px; line-height:30px; padding:5px 15px; border-radius:6px 6px 0 0;}
.navFim .navFix{ padding:0 5px;}
}
@media screen and (max-width: 767px) {
.product_tab ul{ justify-content:space-between;}
.product_tab ul li a{ text-align: center; width:100%; padding:5px 8px;}
}


.cpjs{ display: block;}
.cptz{ display: block;}
.cptz .ul .li{ background: #f3faff; align-items: center; margin-top:20px;}
.cptz .ul .li:first-child{ margin-top: 0 !important;}
.cptz .ul .li .cont{ width:50%; padding:0.6rem 0.9rem;}
.cptz .ul .li .c3{ margin-top: 0.25rem;}
.cptz .ul .li .img{ width:50%; line-height:0;}
.cptz .ul .li .pic{ width:100%; position: relative; overflow: hidden;}
.cptz .ul .li .pic img{ width:100%;}
.cptz .ul .li:hover .pic img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.cptz .ul .li:nth-child(2n){flex-direction:row-reverse;}

@media screen and (max-width: 1024px) {
.cptz .ul .li{ margin-top: 14px;}	
.cptz .ul .li .cont{ padding:20px 15px;}
.cptz .ul .li .c3{ margin-top:6px;}
}
@media screen and (max-width: 767px) {
.cptz .ul .li .cont{ width:100%;}
.cptz .ul .li .img{ width:100%; margin-top: 5px;}
}

.cpgg{ display: block;}
.cpgg .ul{border:1px solid #e5e5e5;border-top:0;border-right:0;}
.cpgg .ul .li{ width:25%;border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:0.17rem 0.24rem;}
.cpgg .ul .li:nth-child(2n){ width:35.7%;}
.cpgg .ul .li:nth-child(2n+1){ width:14.3%; background:#f3faff;  text-align: center;}

@media screen and (max-width: 767px) {
.cpgg .ul .li{ padding:8px 8px;}	
.cpgg .ul .li:nth-child(2n){ width:76%;}
.cpgg .ul .li:nth-child(2n+1){ width:24%; }
}

.zyxz{ display: block;}
.zyxz .ul{ width:calc(100% + 0.2rem); margin:-0.1rem;}
.zyxz .ul li{ display: flex; width:50%; padding:0.1rem;}
.zyxz .ul li a{ display: flex; width:100%; justify-content:space-between; align-items: center; background: #f3faff; padding:0.18rem 0.22rem 0.18rem 0.16rem;}
.zyxz .ul li a .fs16{ display: flex; align-items: center; padding-right:10px;}
.zyxz .ul li a .c3{ width:100%;}
.zyxz .ul li a .c3 img{ width:40px; min-width: 40px; margin-right:0.14rem;}
.zyxz .ul li a .white{ background: #007ac3; border:1px solid #007ac3; padding:0 0.22rem; line-height:33px; height:36px; padding-bottom: 1px; white-space:nowrap;}
.zyxz .ul li a .white img{ width:20px; min-width: 20px; margin-right:5px;}
.zyxz .ul li a .white .img1{ display: block;}
.zyxz .ul li a .white .img2{ display: none;}
.zyxz .ul li a:hover .c3{ color: #007ac3;} 
.zyxz .ul li a .white:hover{ background:#fff; color:#007ac3;} 
.zyxz .ul li a .white:hover .img1{ display: none;}
.zyxz .ul li a .white:hover .img2{ display: block;}

@media screen and (max-width: 1024px) {
.zyxz .ul{ width:calc(100% + 12px); margin:-6px;}
.zyxz .ul li{ padding:6px;}
.zyxz .ul li a{ padding:12px 12px 12px 8px;}
.zyxz .ul li a .c3 img{ width:30px; min-width: 30px; margin-right:5px;}
.zyxz .ul li a .white{ height:30px; padding:0 12px;}
}
@media screen and (max-width: 767px) {
.zyxz .ul li{ width:100%;}
}



.comment{ display: block;}
.comment .tit{ padding:0.15rem 0.2rem;}
.comment_list { width: 100%; display: flex; flex-wrap: wrap;}
.comment_list ul {
  width: 100%; display: flex; flex-wrap: wrap;}
.comment_list ul li {
  width: 100%; display: flex;align-items: flex-start;
  padding:16px 0 18px 0;
  border-bottom: 1px dashed #d1d1d1;
}
.comment_list ul li .portrait {
  width:65px; min-width:65px; height:65px; line-height:0; border:1px solid #f6f6f6; border-radius:50%; overflow: hidden;
  float: left; margin-right:0.19rem;
}
.comment_list ul li .content {
  width:100%;
}
.comment_list ul li .content .name {
  display: flex; justify-content:space-between; width:100%;
  margin-top:7px;
}
.comment_list ul li .content .name span {
  margin-right:5px;
}
.comment_list ul li .content .name img{ width:15px;}
.comment_list ul li .content .info2 { margin-top:2px;
}
.comment_list ul li .content .pic { 
display:flex; flex-wrap: wrap; width:calc(100% + 0.2rem) ; margin-right: -0.2rem; padding:24px 0 0 0;
}
.comment_list ul li .content .pic .div { display: block;
  float: left; background: #f3faff; line-height: 0;
  margin-right:0.2rem; width:calc(20% - 0.2rem);
  margin-bottom:0.2rem;
}
.comment_list ul li .content .pic .div img{ width:100%;}

@media screen and (max-width: 1024px) {
.comment .tit{ padding:8px 12px; font-size: 16px; line-height:26px;}
.comment_list ul li .portrait{ width:60px; min-width:60px; height:60px; margin-right:10px;}
}
@media screen and (max-width: 767px) {
.comment_list ul li .content .pic { 
 width:calc(100% + 10px) ; margin-right: -10px; padding:12px 0 0 0; 
}
.comment_list ul li .content .pic .div {
  margin-right:10px; width:calc(33.33% - 10px); margin-bottom:10px;
}
}



.hyzx_section .content .l_nav ul li .yjwords a .num{ display: inline-block; vertical-align: top; background: red;  color: #fff; font-size: 12px; width: 20px;; line-height: 20px; border-radius: 50%; text-align: center; font-family: Arial; position: relative; z-index: 10; margin: -4px 0 0 -6px;}
.h-pord .ul .slick-list{width:100%;}


.hyzx_section .yhq_list ul li{width:25%;}
@media screen and (max-width: 1024px) {
.hyzx_section .yhq_list ul li{width:50%;}
}

.pagecon{padding:50px 0;}
@media screen and (max-width: 1024px) {
.pagecon{padding:20px 0;}
}

@media screen and (max-width: 1024px) {
.collect .hywddd_section .bottom ._b li{padding-right:90px; overflow:hidden;}
.collect .hywddd_section .bottom ._b li .list .boxs4{display:block;}
.collect .hywddd_section .cons .bottom ._b li{ display:block !important;}
.collect .hywddd_section .bottom ._b li .list{float:left; display:block;}

.collect .hywddd_section .bottom ._b li .caozuo{position:absolute; right:0; top:16px;}
.collect .hywddd_section .bottom ._b li .list .boxs4 .but1,
.collect .hywddd_section .bottom ._b li .list .boxs4 .but2{margin-right:0;}

.collect .hywddd_section .bottom ._b li .list .boxs1 .wordsbox .tit{white-space:normal; line-height:20px;}
.collect .hywddd_section .bottom ._b li .list .boxs1 .wordsbox .info{line-height:18px;}
.collect .hywddd_section .bottom ._b li .list .boxs4 .but1{width:auto;}
.collect .hywddd_section .bottom ._b li .list .boxs4 .but1 a{width:76px;}

.collect .hywddd_section .bottom ._b li .list:nth-child(4){position:initial; width:auto !important;}
.collect .hywddd_section .bottom ._b li .wapshow{display:initial;}
}



.hyshdzlb_tc .content .listbox .list .right .xlbox{width: calc(100% + 10px);margin: 0 -5px;}
.hyshdzlb_tc .content .listbox .list .right .xlbox::after{content: "";display: block;clear: both;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist{width: 33.333333%;float: left;padding: 0 5px;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs{width: 100%;position: relative;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs .xl_t{cursor: pointer;width: 100%;border: 1px solid #D8D8D8;border-radius: 6px;padding: 0 16px; font-size: 14px;color: #666;line-height: 40px; height:40px;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs .xl_t .words{font-size: 14px;color: #666;line-height: 40px;display: inline-block;vertical-align: middle;width: calc(100% - 10px);padding-right: 10px;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs .xl_t img{width: 10px;display: inline-block;vertical-align: middle;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs .xl_b{display: none;width: 100%;position: absolute;left: 0;top: 105%;background: #fff;border: 1px solid #eee;border-radius: 6px;overflow: hidden;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs .xl_b .xlist{width: 100%;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs .xl_b .xlist a{display: block;width: 100%;font-size: 14px;color: #555;line-height: 40px;text-align: center;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs .xl_b .xlist a:hover{color: #fff;background: #000;}

@media screen and (max-width: 1024px) {
.hyshdzlb_tc .content .listbox .list .right .xlbox{width: 100%;margin: 0;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist{width: 100%;margin-bottom: 10px;position: relative;padding: 0;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist:last-child{margin-bottom: 0;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs .xl_t{padding: 0 12px;line-height: 34px; height:34px;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs .xl_t .words{line-height: 34px;}
.hyshdzlb_tc .content .listbox .list .right .xlbox .xllist .xlboxs .xl_b .xlist a{line-height: 32px;}
}