/* 

.-"""-.
/ .===. \
\/ 6 6 \/
( \___/ )
_________ooo__\_____/_____________
/                                 \
| Powered By CHECK-WIN             |                           
| https://www.seoso.cn             |
| Tel:400-677-0510                 |
| Creation:2023.08.16              | 
| Designed By Silence              |
\_______________________ooo________/ 
 |  |  |
 |_ | _|
 |  |  |
 |__|__|
 /-'Y'-\
(__/ \__) 


*/
  

@charset "utf-8";
html{margin:0;padding:0;border:0;overflow-x:hidden;}
@font-face{font-family:MONOTON;src:url(../font/MONOTON-REGULAR.TTF)}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
ul{padding:0;margin:0}
ul li{list-style:none}
a{/*color:#337ab7;*/text-decoration:none}
h1,h2,h3,h4,h5{margin:0}
a:focus,a:hover{color:#23527c;text-decoration:none}
a:focus{outline:0;outline-offset:-2px}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
img,video{width:auto;height:auto;max-width:100%;vertical-align:middle}
li,ol,ul{list-style-type:none}
img,input,select{vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
table,td,th{vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.clearfix{zoom:1}
.clearboth{height:0;line-height:0;overflow:hidden;clear:both;font-size:0}
h1,h2,h3,h4{font-size:12px;font-weight:700}
hr{border:0;border-top:1px solid #ccc;height:0}
/*样式*/
.fl{float:left}
.fr{float:right}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
/* .content{max-width:1400px;height:auto;margin:0 auto;box-sizing:border-box} */
img{max-width:100%;}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;font-size:0}
@media (min-width:1660px){html{font-size:16px}
}
@media (min-width:1400px) and (max-width:1660px){html{font-size:14px}
}
@media (max-width:1399px){html{font-size:12px}
}
@media (max-width:767px){html{font-size:14px}
}
@media only screen and (max-width :1919px){.banner img{width:100%;height:auto}
}

@-webkit-keyframes tiaodong{0%{transform:translateY(-10px)}
25%{transform:translateY(0)}
66%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
@keyframes tiaodong{0%{transform:translateY(0)}
25%{transform:translateY(-10px)}
50%{transform:translateY(0)}
75%{transform:translateY(10px)}
100%{transform:translateY(0)}
}

/* =====================================  首页 =====================================  */
/* banner */
.banner{position:relative; /*height: 100vh;background: #000;*/}
.ban-item{-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:right top;padding-top:200px;padding-bottom:224px;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1);margin-bottom:30px}
.ban-base{float:left;width:42%;margin-top:66px}
.ban-txt{position:relative;z-index:0}
.ban-txt i{position:absolute;left:0;top:-10px;color:#3073b9;opacity:.06;filter:Alpha(opacity=6);font-size:120px;font-weight:700;text-transform:uppercase;line-height:1.1;z-index:-1;-webkit-filter:Alpha(opacity=10)}
.ban-txt a{display:block;color:#255c4f;font-size:100px;font-weight:700;line-height:1.1}
.ban-txt a:hover{color:#222}
.ban-txt a.txt-font{font-size:72px;padding-top:16px}
.ban-font p{margin-top:50px;color:#666;font-size:18px;line-height:20px}
.ban-font p:before{content:'';display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/ban-icon.png) no-repeat;margin-right:10px}
.ban-tab{margin-top:-11rem;margin-left:35%;margin-right:6%;overflow:hidden}
.ban-tab .slick-list{margin-left:-12px}
.ban-btn{margin-top:77px;margin-left:104px}
.tab-list{float:left;position:relative;padding:5rem 20px 25px 90px;background:#fff;-webkit-box-shadow:0 10px 20px rgba(25,64,54,.1);-moz-box-shadow:0 10px 20px rgba(25,64,54,.1);-ms-box-shadow:0 10px 20px rgba(25,64,54,.1);-o-box-shadow:0 10px 20px rgba(25,64,54,.1);box-shadow:0 10px 20px rgba(25,64,54,.1);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;margin:22px -50px 22px 80px}
.tab-list:before{content:"";position:absolute;left:-2px;top:-2px;bottom:-2px;right:-2px;background:-webkit-linear-gradient(left,#3073b9 20%,#fff 80%);background:-moz-linear-gradient(left,#0043f1 20%,#fff 80%);background:-o-linear-gradient(left,#0043f1 20%,#fff 80%);background:linear-gradient(to right,#0043f1 20%,#fff 80%);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;z-index:-1;width:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.tab-pro{position:absolute;left:-70px;top:14px;width:54%}
.tab-list.slick-current:before,.tab-list:hover:before{width:100%}
.tab-list.slick-current .tab-info a,.tab-list:hover .tab-info a{color:#3073b9;background-image:url(../images/ban-name02.png)}
.banner .slick-slide{outline:0}
.ban-tab .slick-slide{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.ban-con .slick-next:before,.ban-con .slick-prev:before{display:none}
.ban-con .slick-next,.ban-con .slick-prev{font-size:0;top:auto;left:50%;bottom:5rem;z-index:99;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.ban-con .slick-prev{margin-left:-50rem;background-image:url(../images/banner_left.png);    position: absolute;}
.ban-con .slick-next{right:auto;margin-left:-40rem;background-image:url(../images/banner_right.png); position: absolute;}
.paging{position:absolute;z-index:99;left:50%;margin-left:-46rem;color:#333;font-size:1rem;margin-top: -7rem;}
.paging .cur{color:#222;font-size:2.5rem;font-weight:700}
.ban-pic{float:right;width:56%;position:relative;margin-top:30px}
.ban-pic:after{content:"";position:absolute;right:0;top:-70px;width:211px;height:623px;background:url(../images/ban-right.png) no-repeat}
.ban-pic span{position:absolute;right:-130px;top:50%;margin-top:-26px;color:#f0be4d;font-size:24px;line-height:30px;width:120px}
.ban-pic img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.ban-pic img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.wrap { width: 98%; max-width: 1400px; margin: 0 auto;}
button{border: none;background: none;}
.tab-list {width:17rem!important}
.navbar-collapse{padding-right: 15px;padding-left: 0px;}
/* {{  ====== 头部header  ====== }} */
.header {padding: 10px 0;width: 100%; /*min-width: 1400px;*/ z-index: 99999; position: fixed; left: 0; top: 0;
   position: fixed;
    /* box-shadow: 1px 2px 3px rgb(183 183 183 / 59%); */
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

} 
.header .wrap96{width:100%; max-width:96%; padding:0 20px;}
.header ul  li  a{color: #333;font-size: 1.125rem;  }
.header .logo{display:block; width: 20rem;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* .menu_head:hover{color:#0043f1} */
.dropdown-menu{display:none}
/* .header ul li a.cur {color: #0043f1; font-size: 1.125rem;} */
.header ul>li::after { position: absolute; content: "/"; right: 0;  top: 0;}
.header ul>li>a { display: block; padding: 0 1.2rem;  font-size: 1rem; font-weight: normal; position: relative; line-height:80px;
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding:0 25px;
}
.header ul>li::after{
    content: "";
    width: 0;
    height: 100%;
    background: #da0000;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all 0.5s ease 0s;
    z-index: -1;
}


.header ul>li:hover:after {
    width: 100%;
    left: 0;
}
.header ul>li:hover a{
    color:#fff;
}

.wrap100{
    width: 100% ;
}
.flex{
    display: flex;
}
.between{
    justify-content: space-between;
}
.e_box{

    margin:30px 0;
}

.e_box .sy-more{
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    color: #666;
    font-size: 16px;
    font-family: "pop";
    border: 1px solid #ccc;
    background: url(../images/s_more1.png) no-repeat center left 36px;
    text-indent: 60px;
    border-radius: 30px;
    transition: all 0.5s;
}

.sy-title {
    padding-left: 20px;
    border-left: 4px solid #da0000;
}

.sy-title h2 {
    font-size: 40px;
    color: #333;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .sy-title {
        padding-left:10px;
    }

    .sy-title h2 {
        font-size: 30px;
        line-height: 30px;
    }
}

.sy-more {
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    color: #666;
    font-size: 16px;
    font-family: "pop";
    border: 1px solid #ccc;
    background: url(../images/s_more1.png) no-repeat center left 36px;
    text-indent: 60px;
    border-radius: 30px;
    transition: all 0.5s;
}

.sy-more:hover {
    color: #fff;
    background: url(../images/s_more2.png) no-repeat center left 36px #da0000;
    border: 1px solid #da0000;
}

@media screen and (max-width: 768px) {
    .sy-more {
        width:140px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        background: url(../images/s_more1.png) no-repeat center left 24px;
        text-indent: 44px;
    }

    .sy-more:hover {
        color: #fff;
        background: url(../images/s_more2.png) no-repeat center left 24px #da0000;
    }
}

/* .header ul>li:nth-of-type(8){display:none; } */
.header ul>li:nth-of-type(8)::after{content:"";display:none; }
.header ul>li{position:relative;height: 80px;line-height:80px;z-index:9999}
.dropdown-menu{position: absolute; width: 100%; top: 3.8rem;  padding: 1rem 1rem;     background: #f8f8f9;  text-align: center; left: -5%;box-shadow: none;border: none; border-radius: 0;z-index:9999999}
.dropdown-menu li a{font-size:1rem;line-height:1.8;z-index:9999; padding:0 25px;}
.dropdown-menu li a:hover{color:#0043f1}
.dropdown-menu li::after { position: absolute; content: ""; right: 0;  top: 0;display:none;  }
.dropdown-menu li a {padding: 0 0rem!important;display:block;width:100%;font-size:1rem!important;  }
.dropdown-menu li a:hover{ color:#0043f1;background:none; }


.header ul>li:nth-of-type(3) .dropdown-menu {width:15rem;left:-3rem}
.header ul>li:nth-of-type(5) .dropdown-menu {width:15rem;left:-3rem}


.header  .icon img{display:block;width:3.125rem;height:3.125rem;max-width:100%;  }
.flogo{display: block; width: 20rem;}

/* 电话图标 */
.tel .icon { font-size: 24px; color: blue; cursor: pointer; margin-right: 10px;}
.tel .nr {display: none; font-size: 1rem;color: #333; margin-left: 10px; position: absolute; top: 90%; right:15%;background: #fff; padding: 1rem;box-shadow: 1px 3px 4px #f1f1f1;border-radius: 10px;} 
.tel .show { display: block;}
/* {{  ====== 品牌故事 ====== }}*/
.index_about{ position: relative; padding:5rem  0 0rem 0;  background:url(../images/aboutBg1.jpg) no-repeat center left; }
/* .index_about h3{display:block;background:url(../images/ppbg.png) left center no-repeat;width:100%;font-size:2rem;font-weight:400; color:#333;line-height:3;position:relative;padding:1rem 0 0 7rem;height:8rem;height: 8rem; background-size: contain;} */
/* .index_about h3::after{content: ""; width: 60rem; height: 1px; background-color: #eeeeee;bottom: 2rem;  position: absolute;left: 18%;} */
.index_about h6{font-size:2rem;color:#222;line-height:1.3;font-weight:600;
    padding-left: 20px;
    border-left: 4px solid #da0000;
    font-size: 40px;
    color: #333;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}
.index_about .des{line-height:2;font-size:16px;color:#666;padding: 1rem 0 2rem 0;}
.numblist ul{    position: relative;}
.numblist em{
    width:100%;
    display:block;
    text-align:center;
    font-size: 15px;
    color: #4B4C4D;
    opacity: 0.7;
    line-height: 18px;
    font-family: pop;
    font-style: normal;
    margin-top:10px;
   }
.index_about  .ibrand-num p{
    position: relative;
    font-size:3.6rem;display:block;-webkit-background-clip:text;color:transparent;color:#000;font-family:impact}
.index_about .ibrand-num p span{font-size: 70px;
    font-family: "imp";
    color: #d80c18;
    line-height: 70px;
    margin: 0 5px;
    font-weight: bold;
}
.numblist p b { display: inline-block; color: #333; 
    /* bottom:0%; right: -1.2rem; position: absolute; */
    font-size: 14px;
    margin: 0 5px;
    font-family: pop;
    color: #d80c18;

}
/* .numblist li:nth-of-type(3)  b {right: 0.6rem;}
.numblist li:nth-of-type(1)  b {right: 3.5rem;} */
.numblist i{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    background: #da0000;
    animation: line infinite linear 10s;
    z-index: 100;

}

.ibrand-num li{
       width:20%;
       position:relative;
       text-align:center;
       line-height: 40px;
       position: relative;
       margin: 70px 0;
    }
.index_about .right{width: 50%;}
.index_about .right img{max-width:100%;display:block;object-fit:contain}
.index_about .left{width:50%;
    margin-top: 30px;
    margin-bottom: 10px;
    padding:0 16px;
}
.numblist{width:100%;background-color: rgba(245, 245, 245, 1);}




/* 公司简介列表 */
 .about-sort {
    font-size: 0px;
    text-align: center;
}

 .about-sort li {
    display: inline-block;
    width: 33.33%;
    border: 1px solid #dbdbdb;
    border-right: none;
    transition: all 0.5s;
}

 .about-sort li i {
    display: block;
    height: 35px;
    margin: 0 auto;
}

 .about-sort li:nth-child(1) i {
    width: 40px;
    background: url(../images/aboutIcon1.png) no-repeat center center;
}

 .about-sort li:nth-child(2) i {
    width: 35px;
    background: url(../images/aboutIcon2.png) no-repeat center center;
}

 .about-sort li:nth-child(3) i {
    width: 39px;
    background: url(../images/ryxtu.png) no-repeat center center;
}

 .about-sort li:nth-child(4) i {
    width: 43px;
    background: url(../images/aboutIcon4.png) no-repeat center center;
}

 .about-sort li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 20px;
}

 .about-sort li:last-child {
    border-right: 1px solid #dbdbdb;
}

 .about-sort li h3 {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin-top: 20px;
    font-family: pop;
}

 .about-sort li:hover {
    background: #da0000;
    border-color: #da0000;
}

 .about-sort li:hover i {
    animation: jitter 0.5s;
}

 .about-sort li:nth-child(1):hover i {
    background: url(../images/aboutIcon1_1.png) no-repeat center center;
}

 .about-sort li:nth-child(2):hover i {
    background: url(../images/aboutIcon2_1.png) no-repeat center center;
}

 .about-sort li:nth-child(3):hover i {
    background: url(../images/ryxtubs.png) no-repeat center center;
}

 .about-sort li:nth-child(4):hover i {
    background: url(../images/aboutIcon4_1.png) no-repeat center center;
}

 .about-sort li:hover h3 {
    color: #fff;
}


.abmore{background:url(../images/abmore.png) bottom left no-repeat;color:#3365f6;line-height:1;font-size:1.6rem;font-weight:600;padding-bottom:3rem;display:block;padding-left:2rem;background-size: contain; width: 23.75rem;height: 1.5625rem;}
.abmore:hover{color:#e14832;padding-left:.5rem;transition:.4s all ease-in-out}
/* {{  ====== 产品中心 ====== }}*/
.index_pro {    background-color: rgba(248, 248, 248, 1);position: relative;overflow: hidden;

padding:4rem 0;
}
.index_pro  .pmore{display: block;background:url(../images/pro_button.png) center center no-repeat;width: 18%;height: 8rem; background-size: contain; margin-bottom: 2rem; }
.index_pro  .pmore:hover{transition: 0.3s all ease-in-out; margin-right:0.5rem; }
.pubtit {background:url(../images/icon1.png) left center no-repeat;   }
.pubtit h3{color: #222;font-size: 2rem;padding: 0 1rem 0 4rem; }
.pubtit span{ color: #666;font-size:1.6rem; font-family: auto;font-weight:100;display: block;text-transform: uppercase; }

    
/* {{  ====== 合作伙伴 ====== }}*/
.index_partner{padding:3rem 0;}
.index_partner  button{display: none;font-size: 0;  }
.index_partner .img{width:100%;overflow: hidden;}
.index_partner .img img{display: block;margin: 0 auto;height: 100%;transition: .5s ease-in;object-fit: contain; max-width: 100%; }
.index_partner .img img:hover { transform:scale(1.1,1.1);}
.index_partner h3{display:block;background:url(../images/ppbg.png) left center no-repeat;width:100%;font-size:2rem;font-weight:400; color:#333;line-height:3;position:relative;padding:1rem 0 0 6rem;height:8rem;height: 8rem;background-size: contain;}
.index_partner h3::after{content: ""; width: 1280px; height: 1px; background-color: #eeeeee;  bottom: 32px; position: absolute; left: 52%;}
.index_partner .parmore{  display:block;  background:url(../images/icon4.png) right center no-repeat; font-size: 1rem; color: #444;padding-right: 2rem;    }
.index_partner .parmore:hover{ color:#fe8503; transition: all 0.3s ease-in-out;padding-right:2.5rem;    }
.index_partner .slider .part{width:19%;border: 1px solid #eee; margin-bottom: 0.8rem; margin-right: 1%;overflow: hidden; }
.index_partner .slider .part:nth-of-type(5n){ margin-right: 0%;}
.index_partner .slider .part:hover{border: 1px solid #fd9c00;transition: 0.4s all ease-in-out;  }

/* {{  ====== 全球产业布局 ====== }}*/
.index_industrial .pardes{background:url(../images/internation_back.jpg) left center no-repeat;   }
.index_industrial  h6{font-size: 2rem;line-height: 2; color: #222;  font-weight: 600; }
.index_industrial .pardes p{color: #444; font-size: 1rem;line-height: 1.8; padding: 2rem 0; padding: 1.2rem 0 1.8rem 0; }
.index_industrial h3{display:block;background:url(../images/ppbg.png) left center no-repeat;width:100%;font-size:2rem;font-weight:400; color:#333;line-height:3;position:relative;padding:1rem 0 0 6rem;height:8rem;height: 8rem;
    background-size: contain;}
.index_industrial h3::after{content: ""; width: 1280px; height: 1px; background-color: #eeeeee;  bottom: 32px; position: absolute; left: 52%;}
.index_industrial .indusmore{  display:block;  background:url(../images/icon4.png) right center no-repeat; font-size: 1rem; color: #444;padding-right: 2rem;    }
.index_industrial .indusmore:hover{ color:#fe8503; transition: all 0.3s ease-in-out;padding-right:2.5rem;    }
.index_industrial .con{display: block;margin: 2rem auto 0;text-align: center;}
/* {{  ====== 新闻中心 ====== }}*/
.index_news {padding: 7rem 0;}
.index_news .part{width:48%;}
.index_news ul li{border-bottom: 1px solid #ddd;padding: 1rem 0;margin: 1rem 0;  }
.index_news ul li a{padding-left: 1.6rem;  position: relative; font-weight: 600;width: 60%;  display: block;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #131313;  font-size: 1.125rem; line-height: 2;   }
.index_news ul li a::before{position: absolute;content: "";left: 0; width: 12px;height: 12px;top: 0.8rem;background:url(../images/icon5.png) left center no-repeat; left:0;    }
.index_news ul li span{color: #888;font-size: 0.875rem;      }
.index_news ul li p{color: #666666;padding: 0 0 0 1.6rem;line-height: 1.6rem;font-size: 0.875rem; overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;   }
.index_news  .first .img{width: 50%;border-radius: 10px;overflow: hidden;     height: 14rem;  }
.index_news  .first .img img{  display: block;transition:.5s ease-in;height: 100%;width: 100%;object-fit: cover;  }
.index_news  .first .img img:hover { transform:scale(1.1,1.1);}
.index_news  .des{width:50%;padding: 0 2%; }
.index_news  .des h6{ font-weight: 600;font-size: 1.125rem;color: #131313;padding: 1rem 0;line-height:1.5;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;    }
.index_news  .des .p1{line-height: 2;color: #888;font-size: 0.875rem; font-family: Arial, Helvetica, sans-serif;   }
.index_news  .des .p2{ color: #666;font-size: 0.875rem;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.index_news  .nmore{color:#fd9c00;display: block;font-size: 0.875rem;line-height: 2;padding: 1rem 0 0  0;  }
.index_news .pubtit {margin-bottom: 2rem;}
.index_news .first{background: linear-gradient(to bottom, #fff 5%, #fff 10% ,#f6f7fa 10% , #f6f7fa 80%); }
.index_news  .nmore:hover{padding-left:0.5rem;transition: all 0.3s ease-in-out;color: #0043f1;  }
.index_news ul li a:hover{color:#eb6521;transition: all 0.3s ease-in-out; }
.index_news .newsmore{ text-indent: 1rem;border: 1px dashed #fd9c00; border-radius: 50px;color: #333; font-size: 1rem; padding: 1rem 5rem; display: block;  position: relative; }
.index_news .newsmore::before{position: absolute;content: ""; left: 0; width: 12px; height: 12px; top: 39%;background: url(../images/icon5.png) left center no-repeat; left: 26%;  }
.index_news .newsmore:hover{color:#eb6521;transition: all 0.3s ease-in-out;}


.index_news  .nr{align-items: flex-start!important; }


/* {{  ====== 在线留言 ====== }}*/
.index_message{padding: 6rem 0;   background: url(../images/message_back.jpg) center no-repeat;background-size: cover;  }
.index_message  .pubtit h3 { color: #fff; }
.index_message  .pubtit span { color: #fff; font-size: 1.6rem;}
.index_message .des{color:#fff;font-size: 1rem; padding: 2rem 0 0 0;line-height: 1.6; }
.index_message .des b{color:#eb6521;}
.nyliuyan .gcmorelinkall{background: linear-gradient(to bottom,#0043f1 20%,#326da9 100%,#0043f1 30%);border-radius:50px;line-height:3;font-weight:600; padding: 0 2rem;font-size:1.5rem;text-align:center;display:block;width:100%;color:#fff;position:relative}
.nyliuyan .gcmorelinkall::after{position:absolute;content:"";border:1px dashed #282091;width:108%;height:6rem;border-radius:50px;left:-5%;bottom:-17%}
.nyliuyan .gcmorelinkall:hover{background:linear-gradient(to bottom,#fcc700 20%,#f48700 100%,#f48700 30%);transition:all .5s ease-in}
.nyliuyan .gcmorelinkall:hover::after{border:1px dashed #fcc400;transition:all .5s ease-in}
.liu p{font-size:1rem;color:#888;line-height:3}
.liu .form b{font-size:1.25rem;line-height:2;color:#fff}
.liu .input{width:70%;background-color:#fff!important}
.liu li{width:48%;color: #fff; border: 1px solid #444;font-size: 1rem;margin-bottom: 2rem;}
.liu li:nth-child(4){width:100% ; width: 53%;border: none}
.button:focus{outline:0}
.button{border:none;outline:0}
/* input[type=password],input[type=text],textarea{overflow:hidden;width:100%;height:68px;background:none; border: 1px solid #444;text-align:center;line-height:44px;font-size:.875rem;color:#fff;margin-right:1rem;text-align:left;text-indent:2rem} */
input.index_input::-webkit-input-placeholder{color:#fff;font-size:.875rem;text-align: 1rem;}
input.index_input:-moz-placeholder{color:#fff;opacity:1;font-size:.875rem;text-align: 1rem;}
input.index_input::-moz-placeholder{color:#fff;opacity:1;font-size:.875rem;text-align: 1rem;}
input.index_input:-ms-input-placeholder{color:#fff;font-size:.875rem;text-align: 1rem;}
textarea.index_textarea::-webkit-input-placeholder{color:#fff;font-size:.875rem;text-align: 1rem;}
textarea.index_textarea:-moz-placeholder{color:#fff;opacity:1;font-size:.875rem;text-align: 1rem;}
textarea.index_textarea::-moz-placeholder{color:#fff;opacity:1;font-size:.875rem;text-align: 1rem;}
textarea.index_textarea:-ms-input-placeholder{color:#fff;font-size:.875rem;text-align: 1rem;}
/* input{border-width:0!important;border-color:none!important;border:#fff} */
.liu{width:100%;margin:2rem 0}
input{outline:0}
input:focus{outline:0}
textarea{outline:0}
textarea:focus{outline:0}
.nyliuyan{width: 48%;}
.index_textarea{color: #fff;}
textarea { border: none;}
text{color: #fff;}
#attr_26 {color: #fff;}
.liu li:nth-child(1) {background: url(../images/icon6.png)  left 1rem center no-repeat;}
.liu li:nth-child(2) {background: url(../images/icon7.png)  left 1rem center no-repeat;}
.liu li:nth-child(3) {background: url(../images/icon8.png)  left 1rem center no-repeat;}
#attr_26::placeholder ,  #attr_27::placeholder  ,  #attr_28::placeholder  {color: #fff;text-indent: 3rem;}
#attr_28::placeholder  {padding-top:0.5rem;}
/* {{  ====== 底部 ====== }}*/
.footer{position: relative;padding:60px 0 20px;background-color: #00040F;  }
.footer h6{color:#fd9c00;font-size: 1.5rem;font-weight: 600;line-height: 1.6;}
.footer .ul1{margin:1rem  0;}
.footer .ul1 li{margin-bottom: 1rem;color: #fff; font-size: 1rem;   }
.footer .ul1 p{color:#fff; font-size: 14px;}
.footer .navlist .first{ display: block;font-size: 1rem;color: #fff;line-height: 2;padding-bottom: 1rem;text-align: left; }
.footer .navlist  li a{ font-size: 0.875rem;color: #8f99aa;line-height:2; }
.footer  .part{background: url(../images/icon10.png) left top no-repeat;padding-left: 7%;width:29%;height: 18.5rem;}
.navlist{align-items: flex-start!important;    width: 70%;}
.footer-top-fl {align-items: flex-start!important;}
.footer .navlist  li a:hover{color: #fff;transition: all 0.3s ease-in-out;}
.footer .cop{font-size: 0.875rem; padding: 16px 0; }
.footer .cop  a{display: inline-block;line-height:3;   color: #b2b2b2;  }
.footer .cop  p{ line-height: 3;}
.footer .cop  a:hover{    color: #b2b2b2;transition: all 0.3s ease-in;   }
.footer .cop{text-align: center; line-height: 3;    color: #b2b2b2; border-top: 1px solid rgba(255, 255, 255, 0.15); font-size: 14px; }
.footer .list{width:100%;align-items: flex-start!important;
}
.footer  .tel{background: url(../images/tell_f.png) left no-repeat;padding-left:3rem; font-size: 1rem;color: #fff; line-height: 2;  }
.footer  .tel b{font-size: 1.875rem;color: #fff;font-family: arial;  }
.footer  .top{margin-left: 2rem;cursor: pointer;  }

.footer .foot-l{
    width:40%;
}

.footer .foot-l .f-title {
    padding-left: 20px;
    border-left: 4px solid #da0000;
}

.footer .foot-l .f-title h2 {
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    font-family: osw;
    font-weight: normal;
}


.footer .foot-l .f-contact {
    font-size: 0;
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 30px 0 10px;
    margin-top: 40px;
}

.footer .foot-l .f-tel {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    line-height: 40px;
}

.footer .foot-l .f-tel span {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-family: "pop";
}

.footer .foot-l .f-tel a {
    display: block;
    font-size: 20px;
    color: #fff;
    font-family: "pop";
}

.footer .foot-l .f-btn {
    display: inline-block;
    width: 160px;
    height: 48px;
    line-height: 48px;
    background: url(../images/s_arrow.png) no-repeat center right 28px #da0000;
    text-indent: 28px;
    color: #fff;
    font-size: 16px;
    border-radius: 50px;
    vertical-align: middle;
    font-family: "pop";
}

.footer .foot-l .row-pad {
    padding: 10px 0 0 0;
}

.footer .foot-l .iShare a {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 5px;
    background-color: #fff;
    border-radius: 50px;
}

.footer .foot-m{
    width: 32%;
   
}
.footer .foot-m ul{
    padding-left: 20%;
}

.footer .foot-m .f-details li {
    padding-left: 38px;
    font-size: 16px;
    color: #b2b2b2;
    font-family: "pop";
    margin-bottom: 20px;
}

.footer .foot-m .f-details li span {
    display: block;
    font-size: 16px;
    color: #fff;
    font-family: "pop";
    line-height: 20px;
}

.footer .foot-m .f-details li a {
    font-size: 14px;
    color: #b2b2b2;
    font-family: "pop";
    transition: all 0.5s;
}

.footer .foot-r{
    width:28%;
    display: flex;
    justify-content: flex-end;
    gap:10px;
}
.footer .foot-r .ewm{
    width:140px;

}
.footer .foot-r .ewm img{
    max-width: 140px;
}
.footer .foot-r .ewm p{
    font-size: 14px;
    color: #fff;
    text-align: center;
}



/* ==================================================  内页 ==================================================  */
/* {{  ====== 产品列表页面  ====== }} */
/* 内页的产品列表页面 */
.mt5{margin-top:2rem}
.mt3{margin-top:3rem}
.mb5{margin-bottom:3em}
.nyprolist li{ position:relative; border-radius:10px;width:23.5%; margin: 1rem 0;padding: 3px;background: #fff;text-align: center;margin-right:1%;box-shadow: 1px 2px 5px rgb(238 238 238 / 56%);}
.nyprolist li:nth-child(4n){margin-right:0}
.nyprolistli .info{font-size:14px;line-height:2;color:#999;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nyprolist li a{display:block;width: 100%;}
.nyprolist li .nydes { width: 100%; padding: 0 5%;}
.nyprolist .img{width: 100%;  position: relative;   background: url(../images/pbg.jpg) bottom left no-repeat;  border-radius: 3px; overflow: hidden; background-size: cover;height:19rem;  }
.nyprolist .img img{transition: .5s ease-in; display: block; object-fit: cover; margin: 0 auto;}
.nyprolist li h3{text-align: center;display:block;color:#333;margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block-start:0;margin-block-end:0;font-weight:400;font-size:1rem;line-height:3;padding: 0 5%;}
.nyprolist .img img:hover { transform:scale(1.1,1.1);}
/*.container-fluid {padding: 0 0 0 0 !important}*/
/*产品内页大图轮播*/
.leftlunbo{position:relative}
.leftlunbo .swiper{width:100%;height:100%}
.leftlunbo .swiper-slide{text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;/* -webkit-box-pack: center; */  -ms-flex-pack: center;  /* -webkit-justify-content: center; *//* justify-content: center; */ /* -webkit-box-align: center; */ -ms-flex-align: center; -webkit-align-items: center; align-items: center;display: flex; flex-direction: column; /* align-items: flex-start;*/}
.leftlunbo .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.leftlunbo .swiper{width:100%;height:300px;margin-left:auto;margin-right:auto}
.leftlunbo .swiper-slide{background-size:cover;background-position:center}
.leftlunbo .mySwiper2{height:80%;width:100%}
.leftlunbo .mySwiper{height:20%;box-sizing:border-box;/*padding:10px 0*/}
.leftlunbo .swiper-slide img{display: block; width: 100%; height: 100%;  width: 25.5rem; overflow: hidden; padding: 0!important;}
.leftlunbo{width:50%;overflow: hidden;}
.leftlunbo .swiper-button-next, .leftlunbo .swiper-button-prev {color: #ddd;}
.leftlunbo .swiper-button-next{ right: 22%;}
.leftlunbo .swiper-button-next:hover, .leftlunbo .swiper-button-prev:hover {color: #0044f1;}
.leftlunbo{width:50%;overflow:hidden;display:flex;margin-bottom: 4rem;}
.leftlunbo .mySwiper2{height:100%;width:71%}
.leftlunbo .mySwiper{height:100%;box-sizing:border-box;/*padding:0 10px;*/width:20%;display:flex}
.leftlunbo .mySwiper .swiper-slide{/*flex:1;*/height:100%;height: 8rem!important; margin-bottom: 10px!important; }
.leftlunbo .mySwiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:contain;background:url(../images/nyprobg.jpg) center center no-repeat;height: 8rem;}
.leftlunbo .mySwiper2 .swiper-slide-active{background:url(../images/nyprobg.jpg) center center no-repeat;background-size:cover; width: 25rem;
    height: 23rem;overflow: hidden;padding: 0!important;}
.leftlunbo .mySwiper2 .swiper-slide-active img{height:26rem;overflow:hidden}
.page-product-detail-effect {align-items:flex-start!important}
.nyxqjsleft h6{display:block;color:#222;font-size:1.3rem;background:#f6f7fb;font-weight:400;width:15%;text-align:center;line-height:2.5;border-top:3px solid #0044f1;margin-bottom:2px}
.nyxqjsleft .tit{border-bottom:1px solid #f3f3f3;margin-bottom:2rem}
.detaildes{align-items:flex-start!important}
.nyxqjsleft{width:68%;padding-bottom: 4.5rem;}
.nytop_nav{text-align:center;position:relative;margin-top:5rem;height:18.75rem}
.ny-index-banner{height:450px!important;background-size:cover!important}
.page-position .content a{color:#333}
.page-position a{color:#333}
.page-wrap{background:#fff;padding-bottom:0rem;position:relative;z-index:99}
.page-position{border-bottom:1px solid #eee;padding:0 0;line-height:3;font-size:.875rem;color:#333;width:100%;}
.page-position p {  text-align: left; display: block; font-size: .875rem;  background: url(/skin/images/icon11.png) no-repeat left center; padding-left: 2rem; line-height: 1.8; padding: 0.5rem 0rem 0.5rem 2rem; background: url(/skin/images/icon11.png) no-repeat top 0.9rem left;}
.page-position p a:hover{color:#4c41e4}
.page-product-detail-right .hotline{margin:1rem 0}
.page-product-detail-right .hotline p{font-size:1rem;color:#333;line-height:2;padding-left:1rem;}
.page-product-detail-right .hotline b{font-size:1.5rem;color:#333;font-family:Arial,Helvetica,sans-serif;display: block;}
.page-product-detail-right .hotline>div{width:100%}
.leftlunbo .swiper-button-prev, .leftlunbo .swiper-container-rtl .swiper-button-next {left: 22%;}
.leftlunbo    .swiper-slide{height:25rem} 
.leftlunbo   .swiper-wrapper{height:25rem} 
    
/* 页码 */
.xypg-pagination{margin: 5rem 0;text-align:center;font-size:0}
.xypg-pagination li{display:inline-block}
.xypg-pagination .pagin-left,.xypg-pagination .pagin-mid,.xypg-pagination .pagin-right,.xypg-pagination .pagin-select{display:inline-block;vertical-align:middle}
.xypg-pagination #current,.xypg-pagination a{line-height: 2rem;border-radius: 5px;display:inline-block;font-size:14px;color:#333;font-family:"Microsoft YaHei",Arial;line-height:32px;margin:0 3px;padding:0 12px}
.xypg-pagination #current,.xypg-pagination a:hover{color:#fff;border-color:#2059ee;background:#2059ee}
.nyprolist li:hover h3{color:#0044f1}
.xypg-pagination li.active a{color: #fff;background:#2059ee;border:1px solid #2059ee}
.xypg-pagination #current, .xypg-pagination a { display: inline-block;font-size: 14px; color: #333; font-family: "Microsoft YaHei",Arial; line-height: 32px; border: 1px solid #cbcbcb; margin: 0 3px; padding: 0 12px; border-radius: 50px;}
/*.xypg-pagination  li:first-of-type  ,  .xypg-pagination  li:last-of-type {display:none}*/
.xypg-pagination a:hover{background:#2059ee;  }
.xypg-pagination li:hover a{background:#2059ee;border:1px solid #2059ee;transition:all 0.3s ease-out;  }
.xypg-pagination #current, .xypg-pagination a { font-size: 0.875rem!important;}
/*上一条下一条*/
.pagelist{font-size:1rem;color:#666;padding:1rem .5rem;margin:3rem 0 0 0}
.pagelist a{font-size:1rem;color:#666}
.pagelist a:hover{color:#282091}
.pagelist>div{width:100%;margin-bottom:1rem;background-color:#f6f7fb;line-height:3.5;padding-left:2rem;color:#666;font-size:1rem}
.page-wrap-right{overflow:hidden;margin-top:2rem!important}
.page-wrap .right{width:20%;background-color:#fff;padding:2rem 1rem;border-radius:25px 0 0 0;border:1px solid #eee}
.page-wrap .right b{background:url(/skin/images/recommended.png) no-repeat left 2% center;font-size:1.5rem;color:#fff;display:block;text-align:left;margin-bottom:1rem;padding-left:2rem;line-height:3}
.page-wrap .content{align-items:flex-start!important}
/*推荐产品*/
.page-wrap .right .ul1 .img{width:100%;background:url(../images/pbg.jpg) center center no-repeat;border-radius:8px;overflow: hidden;}
.page-wrap .right .ul1 .img img{width:100%;display:block;object-fit:contain;margin:0 auto;display: block;transition:.5s ease-in;}
.page-wrap .right .ul1 li{margin-bottom:2rem;overflow:hidden}
.page-wrap .right .ul1 .more{text-align:center;color:#333;display:block;line-height:2;font-size:1rem}
.page-wrap .right .ul1 .more:hover{color:#0044f1;transition:all .3s ease-in-out}
.page-wrap .right .ul1 li:last-of-type{margin-bottom:0}
.page-product-detail-box {width: 100%; }
.page-product-detail-box  .big-img{width:48%;}  
.page-product-detail-right{width: 59%;height: 100%;z-index: 22;}
.page-product-detail-box  .big-img  img{max-width: 100%;width: 100%;display: block;object-fit: cover;height: 100%;  }
.view-pro-page-position {border-top:none;top: 10%;} 
.page-wrap .right .ul1 img:hover { transform:scale(1.1,1.1);}

/* 内页的二级分类导航栏 */
.nynav{margin: 0rem auto 1rem;    }
.nynav  ul  li{width:23%;margin-right: 2rem;border: 1px solid #0043f138; margin-bottom: 1%;border-radius: 50px; background: #f7f7f7;}
.nynav  ul  li:nth-child(4n){margin-right: 0%;}
.nynav  ul  li a{display: block;text-align: center;font-size: 1.05rem;  line-height:3; color: #333;    }
.nynav  ul  li:hover{ border: 1px solid #0044f1;background:#0044f1;   transition: 0.3s all ease-out; }
.nynav  ul  li.on{ border: 1px solid #0044f1;background:#0044f1;  }
.nynav  ul  li.on a{color:#fff}
.nynav  ul  li:hover a{color:#fff;transition:all 0.3s ease-out}

/* {{  ====== 应用领域列表页面  ====== }} */
.ctgc .left{width:100%}
.nycaselist{margin-top:2rem}
.nycaselist ul{margin-top:3rem}
.nycaselist li{width:29.8%;margin-right:1%;background:#f6f7fb;margin-bottom:4%;padding:1.2rem}
.nycaselist li:nth-child(3n){margin-right:0}
.nycaselist li h6{padding-left:2rem;color:#222;font-size:1.3rem;line-height:2.5;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding-left:5%}
.nycaselist .des{color:#555;font-size:0.9rem;line-height:1.7;padding:1% 5%;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 2.9rem;}
.nycaselist .outimg{background-color:#d2d1e5;position:relative;overflow: hidden;}
.nycaselist .outimg img{ display: block;transition:.5s ease-in;}
.nycaselist .outimg img:hover { transform:scale(1.1,1.1);}
.nycaselist li .gcimg{display:block;width:100%;object-fit:cover}
.nycaselist .morelink a:first-of-type{display:block;background:#2059ee;border:1px solid #2059ee;font-size:.875rem;color:#fff;    padding: 1.165rem 3.5rem;border-radius:50px 0 0 50px;line-height:1}
.nycaselist .morelink a:last-of-type{padding: 1.2rem 3.5rem;border-radius:0 50px 50px 0;line-height:1;display:block;background:#fff;border:1px solid #ddd;font-size:.875rem;color:#333}
.nycaselist .morelink{margin:1rem 5%;width:100%}
.nycaselist .morelink a:first-of-type:hover{background:#fd9c00;border:1px solid #fd9c00;transition:all .3s ease-in-out}
.nycaselist .morelink a:last-of-type:hover{background:#fd9c00;border:1px solid #fd9c00;transition:all .3s ease-in-out;color:#fff}
.casedesleft{width:100%}
.detaildes .ul1 .img{width:100%;background:url(../images/pbg.jpg) center center no-repeat;border-radius:8px;background-size:cover}
.detaildes .ul1 .more{text-align:center;color:#333;display:block;line-height:2;font-size:1rem;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.casedesleft .ul1 {height: 22rem;}
.casedesleft .ul1 li{width:24%;}
.detaildes .ul1 li:hover .more{color:#0044f1;transition:all .3s ease-in-out}
.detaildes .ul1 .img{overflow:hidden}
.detaildes .ul1 img{display:block;transition:.5s ease-in; height: 20rem!important;}
.detaildes .ul1 img:hover{transform:scale(1.1,1.1)}
.leftnycasebigimg img{display:block;width:100%;}
/* {{  ====== 新闻列表  ====== }} */
.nynewstitlist  li{width: 8rem;transform: skewX(-20deg);  line-height: 3rem; text-align: center;font-size: 1rem;}
.nynewstitlist  li a{color:#333;display:block;transform: skewX(20deg);}
.nynewstitlist li.on { background: #0044f1;}
.nynewstitlist li.on  a{ color:#fff;}
.nynewslist  .right{border:none}
.nynewslist ul li{width:100%;margin-bottom: 2rem;  background: #f6f7fb;  }
.nynewslist ul a{width: 100%;align-items:flex-start  }
.nynewslist  .img{width: 33%; overflow: hidden;padding: 1rem;background: #f1f1f1;}
.nynewslist  .img img{    width: 100%; display: block;object-fit: contain;transition: .5s ease-in; height: 14rem;}
.nynewslist  .img img:hover { transform:scale(1.1,1.1);}
.nynewslist .right{width: 65%;padding: 0;background: none;padding: 1rem;}
.nynewslist .right  .p1{display:block;color:#3065ef;font-size:1.125rem;line-height:2;font-weight: 600; font-family: arial;  }
.nynewslist .right h6{color:#222;font-weight:600;font-size:1.5rem;display:block;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nynewslist .right .p2{padding: 1rem 0 1.5rem 0;;display:block;color:#444;font-size:.875rem;line-height:1.5;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.nynewslist .right span{display:block;color:#222;font-size:.875rem;border-radius:50px;border:1px solid #ddd;width:9rem;text-align:center;line-height:3}
.nynewslist .right span:hover{color:#fff;transition:all .3s ease-in;background:#2059ee;border:1px solid #2059ee}
.nynewslist .right h6:hover{color:#2059ee;transition:all .3s ease-in}
/*新闻详情页*/
.nesdetaillist > div{width:100%;line-height: 2.5;}
.newsdetail .ul3 .img{ width: 100%!important;background: none!important;;overflow: hidden;}
.newsdetail .ul3 .more {width: 100%!important;padding: 0!important; border-radius: 0!important;}
.nesdetaillist > div {width: 100%;line-height: 2.5;margin-bottom:1rem; background: #f8f9fb;padding: 1rem 2.5rem;}
.nesdetaillist{background:none!important;font-size: 0.875rem;color: #666; padding:0 0 0 0 !important;}
.newsdetail .ul3  h6{font-weight:400;font-size: 1rem;padding: 0 10%; margin-bottom: 1rem;}
.newsdetail .ul3  .more a {display: block;font-size: 1rem; width: 100%; text-align: center; color: #333; padding-top: 1rem;}
.newsdetail .ul3  li  p{color:#999; padding: 1rem 0;  }
.newsdetail .ul3  li{border-bottom: 1px solid #ddd;margin-bottom: 2rem;}
.newsdetail .ul3  .more a:hover {color:#0044f1;transition:all 0.3s  ease-in}
.newsdetail .ul3  li:last-of-type{border-bottom:none}
.newsdetail .ul3  .more{ width:100%;overflow:hidden;   }
.nynewstit{padding-bottom: 1rem;border-bottom:1px solid #ddd; margin-bottom: 1rem;}
.nynewstit .met_title{font-size: 1.5rem; font-weight: 600; padding: 5px 0; margin-bottom: 10px; text-align: left; color: #222;}
.nynewstit .met_time {padding-left: 25px;background: url(../images/icon13.png) no-repeat left center;font-size:0.875rem;  }
.newsdetail .ul3 .img img{ display: block;transition:.5s ease-in;}
.newsdetail .ul3 .img img:hover { transform:scale(1.1,1.1);}
.nycontact_detail  b{display:block;font-size:1.125rem;color:#333;}
.nycontact_detail  li{font-size:1rem;line-height:2.5;color：#333;}






/* {{  ====== 服务支持单页  ====== }} */
.nyservice  .part{background:#f6f7fb;margin-bottom:3rem;padding: 2rem 0;  }
.nyservice  .part b{font-size:1.6rem;display:block;background:#0044f1;line-height:2;padding:0 3rem; color:#fff }
.nyservice  .part h6{font-size:1.5rem;display:block;color:#333;padding-left: 3rem;}
.nyservice  .part p{font-size:1rem;line-height:1.8;padding: 2rem;}
.nyservice  .part em{display:block;font-style:normal;color:#333;font-size:1.125rem;font-weight: 600;}
.xypg-product-detail  .gcjstit{ display: block;background: url(/skin/images/icon25.png) no-repeat left center; padding-left: 3rem; color: #222;font-size: 1.6rem!important;margin: 1.5rem 0;    }
.ctgc-big-img{height: 27rem!important;}
.ctgc-big-img img { max-width: 100%; width: 100%; display: block; object-fit: cover; height: 100%;}
.page-product-detail-box .big2 img { max-width: 100%;display: block;height: 100%; width: 80%;object-fit: contain;}
.page-product-detail-right  h1{font-size:2rem;color: #222;line-height: 2;  position:relative;  padding-bottom: 2rem;  text-align:left;}
.page-product-detail-right  .nr{padding-left: 5%;}
.page-product-detail-right h1::after{position:absolute;content:"";width:100px;background:#0044f1;height:2px;bottom: 1.5rem;left: 0;   }
.page-product-detail-right .Briefdescription{font-size:1.5rem;color:#333;line-height:3}
.page-product-detail-right .des{line-height:1.8;font-size:1rem;color:#666}
.page-wrap .left{width:70%}
.page-wrap .left_1{width:75%;padding:2rem 0 0 3rem}
.procontent p{font-size:1rem;color:#666;line-height:1.6;margin-bottom:.6rem}
.procontent p strong{display:block;background:url(/skin/images/icon25.png) no-repeat left center;padding-left:3rem;color:#222;font-size:1.6rem!important;margin:0 0 .6rem 0}
/* {{  ====== 联系我们单页  ====== }} */
.nypubtit{text-align:center}
.nypubtit h3{color:#222;font-size:2rem;line-height:2;position:relative;margin-bottom: 2.5rem; font-weight: bold; width: 100%; display: block;}
.nypubtit h3::after{position:absolute;bottom:0;width:5rem;height:3px;background:#0044f1;content:""; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);bottom: -0.5rem; }
h3 {display: block;  font-size: 1.17em; margin-block-start: 0em; margin-block-end: 0em;}
.nyconlist  li{width: 33%;  margin-right: 1%; text-align: left; background: #f8f9fb; padding: 3% 3% 4% 3%; height: 10rem;}
.nyconlist  li:nth-child(4){margin-right:0%;}
.nyconlist  li  img{display:block;margin:2rem auto  ;}
.nyconlist  li  b{font-family:"arial"; color:#281f90; font-size:1.375rem;display: block;}
.nyconlist  li p{font-size:1.3rem;color:#222;line-height:2.4;border-bottom:1px solid #ddd;position:relative}
.nyconlist  li p::after{ content:""; position:absolute; bottom: -1px; width: 3rem; height: 2px;background: #0044f1; left: 0; }
.nyconlist  li span{display:block;font-size: 1rem; line-height: 2; color: #333;}
.nyconlist  li span:first-of-type{padding-top:2rem}
h6 {display: block;margin-block-start: 0em;margin-block-end:0em;}
.nyliuyaninpage{width:100%}
.nyliuyaninpage .liu li { font-size: 0.875rem;width: 48%; color: #aaaaaa; border: 1px solid #ddd;}
.nyliuyaninpage input[type=password], input[type=text], textarea { overflow: hidden;width: 100%;}
.nyliuyaninpage .gcmorelinkall{background:linear-gradient(to bottom,#0043f1 20%,#326da9 100%,#0043f1 30%);border-radius:50px;line-height:2.5;font-weight:600;padding:0 2rem;font-size:1.25rem;text-align:center;display:block;width:16%;color:#fff;margin:0 auto;position:relative}
.nyliuyaninpage .liu li:nth-child(4){width:100%;border:none;}
.nyliuyaninpage  #attr_26{color:#aaa; }
.nyliuyaninpage  #attr_27{color:#aaa; }
.nyliuyaninpage  #attr_28{color:#aaa; }
.nyliuyaninpage .index_textarea{color: #aaa;}
.nyliuyaninpage textarea { border: none;}
.nyliuyaninpage text{color: #aaa;}
.nyliuyaninpage #attr_26::placeholder ,  .nyliuyaninpage #attr_27::placeholder  ,  .nyliuyaninpage #attr_28::placeholder  {color: #aaa;text-indent:2rem;}
.nyliuyaninpage #attr_28::placeholder  {padding-top:0.5rem;}
.nyliuyaninpage .liu li:nth-child(3){width:100%;height: 11rem;}
/* {{  ====== 国际合作列表  ====== }} */
.cooperatelist  li{background:url(/skin/images/pic.png) no-repeat bottom center; position:relative;  }
.cooperatelist  li p{position:absolute;  color: #333; font-size: 1rem;  bottom: 1.5rem;  left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.cooperatelist  .box {background:url(/skin/images/pic.png) no-repeat bottom center; position:relative;}
.cooperatelist  .box .inner {  padding: 0 0 2.5rem 0; position: relative; background: none}
.cooperatelist .box img { border-radius: 20px;}
.cooperatelist .three-cols .box { width: 21%; padding: 1rem; margin-bottom: 0.8rem; overflow: hidden; border: 1px solid #fff;  margin-right: 2%;}
/* {{  ====== 荣誉  ====== }} */
#examples{width:100%}
.cooperatelist li{border:none!important}
.cooperatelist .inner {
    padding: 0 0 2.5rem 0!important;
    background: none;
}



/*#examples .content{padding:0 0 0 0!important}*/
.honor_1 .swiper-scrollbar{display:none}
.honor_1 .right{width:100%;position:relative;}
.honor_1 .amore .a1{border-radius: 50px;border: 1px solid #2e259d; display: block;line-height: 3; font-size: 1rem; background: url(../images/icon31.png) no-repeat right 20% center;width: 12rem!important;color: #2e259d; text-align: left;text-indent: 17%; margin-right:2rem; }
.honor_1  .amore .a1:hover{background: linear-gradient(to bottom,#282091 20%,#655cdd 100%,#4b3fe0 30%);background: url(../images/icon30.png)  #282091   no-repeat right 20% center;transition: all 0.3s ease-in-out;color:#fff;  }
.honor_1  .amore{margin:2rem 0}
.honor_1 .swiper { width: 100%; height: 100%; }
.honor_1 .swiper-slide {font-size: 18px; height: auto;-webkit-box-sizing: border-box; box-sizing: border-box;}
.honor_1 .swiper-scrollbar-drag {height: 100%; width: 100%;position: relative;background: #4b42c8;border-radius: 10px; left: 0; top: 0;}
.honor_1  .image-container{position:relative;display:inline-block}
#image-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}
#image-popup:target{opacity:1;pointer-events:auto}
#image-popup img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}
.close-button{position:absolute;top:10px;right:10px;font-size:20px;color:#fff}
.close-button:hover{color:#ccc}
.honor_1  .right{border:none;padding:0 0 0 0}
.three-cols .box { width: 24%;}
.honor_1  li{border:1px solid #ddd;padding:10px;border-radius: 5px;}
.honor_1  .box .inner{padding:0}
.nycooperatelist{padding:4.5rem  0}

.honor_1 .three-cols .box{width:22%;  }


/* {{  ====== 关于我们 公司简介  ====== }} */
.about_1 {position:relative}
.about_1  {font-size:1rem;text-indent:2rem;line-height:2;color:#444}
.about_1  img{display:block;max-width:100%;margin-top:2rem}
.about_2 {background: url(../images/ab_pic2.jpg)   #f6f7fa  right center no-repeat; padding:5rem 0;background-size: contain;  }
.about_2 .left{width:55%}
.about_2  .nypubtit h3{color:#222222;text-align: left;}
.about_2  .nypubtit h3::after { left: 7%;}
.about_2{color:#444;line-height:2;font-size:1rem;padding: 0rem 0;}
.about_2 .nypubtit{padding-top: 3rem;}
.about_2  .aboutmore{transition: all .5s ease; position: relative;cursor: pointer; display: block;font-family: arial;font-size: 18px;line-height: 50px;text-align:center;border-radius: 50px;color: #333; width: 11.25rem;margin-top: 20px; margin: 2rem 0;background: url(../images/icon5.png) left 15% center no-repeat;border: 1px dashed  #f78b0b;}
.about_2  .aboutmore2{transition: all .5s ease; position: relative;cursor: pointer; display: block;font-family: arial;font-size: 18px;line-height: 50px;text-align:center;border-radius: 50px;color: #fff; width:11.25rem;margin-top: 20px; margin: 2rem 0;background: url(../images/iconyuan.png)  #f78a0b left 15% center no-repeat; margin-left: 2rem;}
.about_3 h3{background: none;height:auto!important;  }
.about_3 {padding:4.5rem  0}
.about_2  .aboutmore:hover{color:#f78b0b;transition:all 0.3s ease-in-out}
.about_2 .aboutmore2:hover {transition:all 0.3s ease-in-out; background: url(../images/iconyuan.png) #2059ee left 15% center no-repeat;}
.about_3 h3 {padding: 0rem 0 0 0rem!important;}

 body{overflow-y: hidden;}   
 .mobile_banner{display:none}
/*============= 国际合作 =============*/
.xymob-head{display:none}


.khxc  .procontent p {  font-size: 1rem; color: #666; line-height: 1.6;margin-bottom: 0rem!important;}
.khxc  .procontent p strong {display: block; background: none!important;  padding-left: 0rem!important; color: #222!important;font-size:20px!important;  margin: 0 0 0 0!important; }
.khxc .firstRow  strong{color: #222;}
.ftlink{}
.ftlink  b{display:inline-block;color:#fff;font-size:1rem;font-weight:normal}
.ftlink a{display:inline-block;color: #68768d;;font-size:0.875rem  }

@media (max-width:1800px){
.about_2 .left {width:51%;}


}


@media (max-width:1700px){
.about_2 .left {width:48%;}


}


@media (max-width:1600px){
.nyprolist .img { height: 22rem;}
.about_2 .left {width: 51%;}

}

@media (max-width:1500px){
.about_2 .left { width: 48%;}
.header ul>li>a { padding: 0 1.5rem;}
.paging { margin-left: -45.5rem; margin-top: -5.5rem;}
.ban-tab {margin-top: -14rem;}
.about_2 .aboutmore { background: url(../images/icon5.png) left 9% center no-repeat;}
.three-cols .box {width: 24.0%!important}
#examples .content {padding: 0 0 0 0!important;}
/* .content {padding:0 5%!important} */
.honor_1 .three-cols .box { width: 22.0%!important;}
.page-product-detail-right {  margin-left: 2%;}



}







@media (max-width:1400px){
/* .content {padding: 0 5%!important;} */
.page-product-detail-right { margin-left: 2%;}
.about_2 {background: url(../images/ab_pic2.jpg) #f6f7fa right -36% center no-repeat;padding: 5rem 0;background-size: contain;}

}


@media (max-width:1099px){
    .index_about .left{width:100%}
    .index_about .right{width: 100%;}
    .index_about .wrap100{flex-wrap: wrap;}
    .header{display: none;}
 }


#cart1{display:none}
@media (max-width:768px){
    .pagebox {
        margin-top: 60px;
    }
   
    .wrap{
        margin: 30px auto 10px;
        padding: 0 16px;
    }
    #c_portalResPublic_codeContainer-16219058641858118{
        display: none;
    }
    .index_new{
        display: none;
    }
    .sy-title {
        padding-left: 10px;
    }
    .sy-title h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .procenter{
        padding:0px !important;
    }

    .e_box .sy-more {
        width: 140px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        background: url(../images/s_more1.png) no-repeat center left 24px;
        text-indent: 44px;
    }
    .companyList{
        margin:20px auto
    }

/*首页*/
 .mobile_banner{display:block;height: 19rem; overflow: hidden;}
 .banner{display:none}
.xymob-nav .sec li > a{color: #fff;opacity: 0.7;font-size: 0.875rem;line-height: 2;}
.xymob-nav .sec li{width: 50%; margin: 0.2rem 0;padding-bottom: 0.5rem;}
.xymob-head b{display: block; color:#cd0202 ;font-size:1.5rem;   }
.xymob-head a {display: flex!important;}
.xymob-head{display: block!important;height: 5.2rem;}

/* .xymob-nav>li:nth-child(8){display:none} */
.ban-item{height: 24rem!important;background-size: contain!important;padding-top: 4.5rem!important;    padding-bottom: 0;  }
.ban-tab {margin-top: -10rem; margin-left: 6%; margin-right: 0%;}
.tab-list{width: 6rem!important;}
.tab-list {padding: 2rem 1rem 1px 1rem; margin: 6px -47px 2px 4rem!important;}
.ban-tab .slick-list { margin-left: 2rem;}
.index_about { position: relative;padding:0rem 0 3rem 0;}
/* .index_about h3 { height: 3rem; background-size: contain;}    */
.index_about .left {width: 100%;} 
.index_about .right { position: absolute;  right: 0; top: 23%;width: 100%;position: static;}
/* .index_about h3 {background: none;width: 100%;font-size: 2rem; padding: 0rem 0 0 0rem;} */
/* .index_about h3::after {left: 0%;bottom: -2rem;} */
.numblist {margin: 1rem 0;}
.numblist span {font-size: 2rem;}
.numblist ul{flex-wrap: wrap;}

.ibrand-num li {width:50%;padding: 1rem 1rem 3rem 1rem;margin: 20px 0; padding:0;}
.ibrand-num li:nth-child(2){display: none;}
.ibrand-num p { font-size: 2.6rem;}   
.index_about .ibrand-num p span{
    font-size: 40px;
    line-height: 40px;
}
.numblist em {top: 77%;padding: 0 0.5rem;}
.banner {overflow: hidden;} 
.header { display: none;}
.xymob-logo  img{height:3.5rem; /*margin: 1rem 0px 0px 1rem;*/margin: 0rem 0px 0px 1rem;}
.xymob-navbtn { position: absolute;z-index: 9; top: 0px; bottom: 0; right: 10px;margin: 0 0 0 0!important ;}
.xymob-head-box{padding:1rem 0 0 0}
.xymob-navbtn {width:35px;height:35px;padding-top: 1.5rem;}
.index_about .content{flex-wrap:wrap}
.index_about .des { padding: 0rem 0 0rem 0;}
.ibrand-num li { margin-bottom: 1rem;} 
.index_about h6 {
     /* padding: 2rem 0 1rem 0;  */
    font-size: 1.6rem;}
.index_pro .pubtit{flex-wrap:wrap}  
.index_pro .pubtit {background: url(../images/icon1.png) top 7% left no-repeat;}
.index_pro .pubtit .fx{flex-wrap:wrap} 
.index_pro  .pubtit h3 {width: 100%;line-height: 2;font-size: 1.6rem;}
.index_pro .pmore {display: block; background: url(../images/pro_button.png) left top no-repeat; width: 100%; height: 5rem; margin-bottom: 3rem; background-size: contain;}    
.index_pro .slider .img img { padding: 0rem;}
.index_pro .slider .img { height: 13rem;}
.index_pro .part { width: 49%;}
.index_pro .part p { margin: 0 1rem 1rem 1rem;}
.index_pro .slider h6 {padding: 0 1rem;}
.index_partner h3 {background: none; padding: 1rem 0 0 0;}  
.index_partner h3::after {left: 0%;}
.index_partner .slider .part { width: 32%;}
.index_industrial h3 {background: none; padding: 1rem 0 0 0;} 
.index_industrial h6 {font-size: 1.5rem;line-height: 1.5;}
.index_industrial h3::after {left: 0%;}
.index_news .pubtit { margin-bottom: 2rem;flex-wrap: wrap;}
.index_news .pubtit { background: url(../images/icon1.png) left top no-repeat;}
.index_news .newsmore { margin: 2rem 0;}
.index_news .fx{flex-wrap:wrap}
.index_news .part {width: 100%;}
.index_news .part:nth-of-type(2){display:none} 
.index_news {padding: 3rem 0;}
input[type=password], input[type=text], textarea { width: 100%;height: 4rem;}
.liu li:nth-child(4) { width: 100%;}
.nyliuyan {width: 100%;}
.nyliuyan .gcmorelinkall { padding: 0 1rem; font-size: 1rem; width: 100%;}
.index_message { padding: 2rem 0;background-position: left;}
.liu { margin: 2rem 0 0 0;}  
.footer-con{flex-wrap:wrap} 
.footer .tel{flex-wrap:wrap} 
.footer .list {flex-wrap:wrap} 
.navlist { width: 100%;display: none;}
.footer .part { padding-left: 0%; width: 33%; background:none;height: auto;  }
.footer .navlist .first { padding-top: 2rem;}
.footer .cop{flex-wrap:wrap;text-align:center}
.footer .cop>div{width:100%}
.footer .cop p { line-height: 1;}
.footer .cop a { line-height: 1;text-align:center}

.footer .foot-l{
    width:100%;
}
.footer .foot-m{
    width: 100%;
}
.footer .foot-r{
    display: none;
}
.footer .foot-m ul{
    padding-left: 0;
    margin:10px 0;
}
.liu li { width: 100%;}
.footer .tel {background: url(../images/tell_f.png) left top no-repeat;margin: 2rem 0 0;}
.index_news .des h6 {height: 4.2rem;}
.xymob-menu {top: 5rem;}
.navlist  ul{margin-left: 0em;}
.footer .navlist .first { text-align: left;}
/*关于我们*/
.nytop_nav {position: relative;margin-top:5.5rem;height:0rem;}
.nypubtit h3 { font-size: 1.6rem;}
.about_2 {background: left;}
.about_3  .slider .part{width: 31%!important;}
.about_3  .nypubtit h3::after {left:50%}
.cooperatelist .three-cols .box {width:40%;}
.xypg-pagination { margin-top: 20px; text-align: center; font-size: 1rem;}
.cooperatelist li p {  bottom: 1rem; font-size: 0.75rem;}
.xypg-pagination .current {display: inline-block; font-size: 14px; color: #fff; font-family: "Microsoft YaHei",Arial;  line-height:32px;border: 1px solid #1a2f54; margin: 0 3px; padding: 0 12px; border-radius: 50px;  background: #1a2f54;}
.xypg-pagination .disabled{display: inline-block; font-size: 14px; color: #333; font-family: "Microsoft YaHei",Arial;  line-height: 32px;  border: 1px solid #cbcbcb;margin: 0 3px; padding: 0 12px;border-radius: 50px;}
.cooperatelist .three-cols .box:nth-of-type(2n) {margin-right: 0%;}
/*产品中心*/
.nynav { width: 100%;}
.nynav .fx{flex-wrap:wrap}
.nynav ul li { width: 45%; margin-right: 1rem; margin-bottom: 4%;}
/*.nynav ul {padding:0 5%}   */
.nyprolist{width: 100%;} 
.nyprolist li {  width: 46.8%;} 
.nyprolist li:nth-child(2n) { margin-right:0} 
.nyprolist .img { height: 14rem;} 
.page-product-detail-effect{flex-wrap:wrap}
.leftlunbo { width: 100%;}
.page-product-detail-right .nr {padding-top: 0%;padding-left: 0%;}
.page-product-detail-right .hotline { margin: 1rem 0rem 0px 0rem;flex-wrap: wrap;}
.detaildes{flex-wrap:wrap}
.nyxqjsleft { width: 100%;}
.page-wrap .right {width: 100%;}
.nyxqjsleft h6 { width: 34%;}
.page-wrap  .right  .ul1{display:flex;justify-content:space-between}
.page-wrap .right .ul1 li { margin-bottom: 0rem;width:32%;  }
/*案例*/
.page-wrap .content {padding: 0 5%!important;}
.nycaselist li { width:39%;}
.nycaselist li:nth-child(2n){margin-right:0}
ul { display: block; list-style-type: disc; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px;padding-inline-start: 0px;}
.nycaselist  ul{width: 100%;}
.nycaselist .morelink{flex-wrap:wrap}
.nycaselist .morelink a:first-of-type{text-align: center;padding: 0.5rem 0.5rem; line-height: 1; display: block;  border: 1px solid #2059ee; font-size: .875rem; color: #fff;width: 72%;border-radius:0; background: #2059ee; border: 1px solid #2059ee;margin-top: 1rem;}
.nycaselist .morelink a:last-of-type {text-align: center;padding: 0.5rem 0.5rem;line-height: 1;display: block;background: #fff; border: 1px solid #ddd; font-size: .875rem;color: #333; width: 72%; border-radius:0;margin-top: 1rem;}
.nycaselist li:nth-child(3n) {margin-right: 1%;}
.leftnycasebigimg img {margin-bottom: 0rem;}
.page-product-detail-right .hotline b {font-size: 1.8rem;}
/*新闻中心*/
.page-position .content{flex-wrap:wrap}
.nynewslist .right{width:100%;overflow: hidden;}
.nynewslist .img{width:100%;padding: 2rem 2rem 0rem 2rem;}
.nynewslist ul a {flex-wrap:wrap}
.nynewslist .right span { margin: 1rem 0;} 
.nydetail-page{flex-wrap:wrap}
.page-wrap .left { width: 100%;}
.page-wrap  .right  .ul3{display:flex;justify-content:space-between;align-items:flex-start}
.page-wrap .right .ul3 li { margin-bottom: 0rem;width:23%;  }
.newsdetail .ul3 h6 {padding: 0 0;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsdetail{width: 92%!important;} 
.newsdetail .ul3 li { border-bottom: none; margin-bottom: 0rem;}
/*服务支持*/
.nyservice  .fx{flex-wrap:wrap}
.nyservice .part h6 { padding-left: 1rem;padding-right: 1rem;}
.nyservice .part p { padding: 1rem;}
/*联系我们*/
.nyconlist li {width: 100%; margin-bottom: 1rem; height: 12rem;}
.nyconlist{flex-wrap:wrap}
.page-wrap-right {margin-top: 0rem;}
.nesdetaillist > div { padding: 1rem 1rem;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:16px!important;font-weight: 600;}
.page-wrap {padding-bottom:0}
.casedesleft .ul1 {flex-wrap:wrap}
.casedesleft .ul1 li {width: 48%;}
.casedesleft .ul1 li img{height:12rem!important}
.casedesleft .ul1 {height: auto;}
.page-product-detail-right .hotline>div {width: 100%;flex-wrap: wrap;}
 
 
 
 
}









.procenter{
    padding:0 16px;
    background: url(../images/proBg.jpg) no-repeat bottom center;
}
  .procenter .proCateBox {
    padding: 10px 0;
}

.procenter .container {
    position: relative;
    padding: 0px;
    width: 100%;
}

.procenter .slide9 {
    padding: 10px;
    margin: 0 !important;
}

.procenter .box {
    width: 100%;
    height: auto;
    overflow: hidden;
    transition: all 0.8s ease;
    text-align: center;
}

.procenter .cate-pic-box {
    position: relative;
    overflow: hidden;
}

.procenter .cate-pic {
    width: auto;
    max-width: 100%;
    transition: all 1s;
}

.procenter .title {
    font-size: 26px;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 30px;
    line-height: 28px;
    font-family: pop;
}

.procenter .summary {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    margin: 10px 0;
    font-family: pop;
}

.procenter .pic-link {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: url(../images/s_arrow.png) no-repeat center right 45px #da0000;
    text-indent: 45px;
    text-align: left;
    margin: 40px auto 30px;
    font-size: 16px;
    font-family: "pop";
}

.procenter .swiper-button {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 99;
}

.procenter .swiper-button .iconfont {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 48px;
    color: #fff;
    opacity: 0.7;
    transition: all 0.5s;
}

.procenter .swiper-button:hover .iconfont {
    opacity: 1;
}

.procenter .btn-left9 {
    left: 5%;
}

.procenter .btn-right9 {
    right: 5%;
}

.procenter .pagination-wyz9 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    display: none;
}

.procenter .swiper-pagination-bullet {
    margin: 0 3px;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: rgba(228,228,228,1);
    cursor: pointer;
    transition: all .5s ease;
}

.procenter .swiper-pagination-bullet-active {
    background-color: rgba(231, 120, 23, 1);
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .procenter .container {
        padding:0 30px;
    }

    .procenter .swiper-button .iconfont {
        font-size: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .procenter .proCateBox {
        padding:0;
    }

    .procenter .slide9 {
        padding: 0 10px;
    }

    .procenter .btn-left9 {
        left: -6px;
    }

    .procenter .btn-right9 {
        right: -6px;
    }

    .procenter .title {
        margin-top: 50px;
        font-size: 20px;
    }

    .procenter .pic-link {
        margin: 20px auto;
    }
}

.procenter .cate-pic-box:hover img {
    transform: scale(1.1);
    transition: .8s;
}

.procenter .cate-pic-box:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0);
    transition: .8s;
}

.procenter .cate-pic-box:hover:before {
    background: rgba(0,0,0,.7);
    transition: .8s;
}




 .proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.proBox .proContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0rem auto;
}

.proBox .proLi {
    position: relative;
    overflow: hidden;
    padding: 20px 10px;
}

.proBox .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-bottom: 65%;
}

.proBox .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

.proBox .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff;
    height: auto;
    border: none;
}

.proBox .proTitle {
    font-size: 1rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.proBox .proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
    display: none;
}

.proBox .lookDetail {
    position: relative;
    display: none;
    color: #777;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #e5e5e5;
}

.proBox .arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}

.proBox .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

.proBox .harr {
    opacity: 0;
}

.proBox .showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgb(221 24 24 / 70%);
    transition: all 0.5s ease;
}

.proBox .showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}

.proBox .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

.proBox .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

.proBox .lookDetail:hover .barr {
    opacity: 0;
}

.proBox .lookDetail:hover .harr {
    opacity: 1;
}

.proBox .proLi:hover .showBox {
    opacity: 1;
}

.proBox .proLi:hover .proImg {
    transform: translate( -50% ,-50%) scale(1.1);
}

.proBox .proLi:hover .showBoxLink::before {
    width: 1rem;
}

.proBox .proLi:hover .showBoxLink::after {
    width: 1rem;
}


@media only screen and (min-width: 769px) {
    .proBox .proContainer {
        max-width:100%;
    }

    .proBox .proLi {
        width: calc(100% / 4);
        height: auto;
        float: left;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .proBox .proContainer {
        max-width:100%;
    }

    .proBox .proLi {
        width: 50%;
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .proBox .proLi {
        width:50%;
        height: auto;
        float: left;
        padding: 10px;
    }

    .proBox .lookDetail {
        display: none;
    }

    .proBox .proTitle {
        font-size: 13px;
        margin-bottom: 0px;
    }

    .proBox .porBbox {
        padding: 8px;
    }
}

.index_case{
    padding:20px 0;
}



#c_portalResNews_list-16215852436315840 .p_articles {
    width: calc((100% - 0px)/10);
}

#c_portalResNews_list-16215852436315840 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResNews_list-16215852436315840 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResNews_list-16215852436315840 >div {
    animation-fill-mode: both;
}

#c_portalResNews_list-16215852436315840 .ss_title {
    text-align: center;
    margin-bottom: 4rem;
}

#c_portalResNews_list-16215852436315840 .ss_title h1 {
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

#c_portalResNews_list-16215852436315840 .ss_title h1 span {
    color: #cf8b32;
    margin-right: 0.2rem;
}

#c_portalResNews_list-16215852436315840 .ss_title h4 {
    opacity: 0.4;
}

#c_portalResNews_list-16215852436315840 .newject-container {
    margin: 0 -5%;
}

#c_portalResNews_list-16215852436315840 .pj_imgC {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#c_portalResNews_list-16215852436315840 .newject_list {
    margin: 0 0.5rem;
}

#c_portalResNews_list-16215852436315840 .pj_titles {
    margin: 1rem 0;
    padding-right: 6rem;
}

#c_portalResNews_list-16215852436315840 .pj_title {
    font-size: 1.15rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#c_portalResNews_list-16215852436315840 span.time {
    display: block;
    font-size: 0.825rem;
    opacity: 0.8;
    color: #cf8b32;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 1.8;
}

#c_portalResNews_list-16215852436315840 .newject_list>a {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

#c_portalResNews_list-16215852436315840 .S02 {
    width: 100%;
    overflow: hidden;
}

#c_portalResNews_list-16215852436315840 .pj_summary {
    font-size: 0.875rem;
    margin-bottom: 1rem;
    opacity: 0.8;
    line-height: 1.5;
}

#c_portalResNews_list-16215852436315840 .newject-slide.swiper-slide .newject_list {
    transition: 0.8s;
    opacity: 0.15;
}

#c_portalResNews_list-16215852436315840 .newject-slide.swiper-slide.swiper-slide-active .newject_list {
    opacity: 1;
}

#c_portalResNews_list-16215852436315840 .newject-slide.swiper-slide.swiper-slide-prev .newject_list {
    opacity: 1;
}

#c_portalResNews_list-16215852436315840 .newject-slide.swiper-slide.swiper-slide-next .newject_list {
    opacity: 1;
}

#c_portalResNews_list-16215852436315840 .newject-slide.swiper-slide .newject_list .pj_titles {
    transition: 0.8s;
    opacity: 0;
}

#c_portalResNews_list-16215852436315840 .newject-slide.swiper-slide.swiper-slide-active .newject_list .pj_titles {
    opacity: 1;
}

#c_portalResNews_list-16215852436315840 .newject-slide.swiper-slide.swiper-slide-prev .newject_list .pj_titles {
    opacity: 1;
}

#c_portalResNews_list-16215852436315840 .newject-slide.swiper-slide.swiper-slide-next .newject_list .pj_titles {
    opacity: 1;
}

#c_portalResNews_list-16215852436315840 .pj-prev-btn {
    position: absolute;
    z-index: 20;
    left: 0px;
    width: 20%;
    bottom: 0px;
    top: 0px;
    cursor: pointer;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

#c_portalResNews_list-16215852436315840 .pj-prev-btn .btns {
    color: #000;
    text-align: center;
    position: absolute;
    bottom: 1.5rem;
    left: 0px;
    right: 0px;
    text-transform: uppercase;
    font-size: 0.825rem;
}

#c_portalResNews_list-16215852436315840 .pj-next-btn {
    position: absolute;
    z-index: 20;
    right: 0px;
    width: 20%;
    bottom: 0px;
    top: 0px;
    cursor: pointer;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

#c_portalResNews_list-16215852436315840 .pj-next-btn .btns {
    color: #000;
    text-align: center;
    position: absolute;
    bottom: 1.5rem;
    left: 0px;
    right: 0px;
    text-transform: uppercase;
    font-size: 0.825rem;
}

#c_portalResNews_list-16215852436315840 .pj-prev-btn .btns>* {
    display: inline-block;
    vertical-align: middle;
    margin: 0.5rem 0.5rem;
}

#c_portalResNews_list-16215852436315840 .pj-next-btn .btns>* {
    display: inline-block;
    vertical-align: middle;
    margin: 0.5rem 0.5rem;
}

#c_portalResNews_list-16215852436315840 .pj_img {
    position: relative;
    height: 0px;
    padding-bottom: 100%;
    overflow: hidden;
    transform: perspective(1000px) translate3d(0, 0, 0px);
    transition: 0.5s;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0);
}

#c_portalResNews_list-16215852436315840 .newject_list:hover .pj_img {
    overflow: hidden;
    transform: perspective(1000px) translate3d(0, 0, 30px);
    transition: 0.5s;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 769px) {
    #c_portalResNews_list-16215852436315840 .pj_summary {
        display:-webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width: 1100px) {
    #c_portalResNews_list-16215852436315840 .newject-container {
        margin: 0 0.5%;
    }

    #c_portalResNews_list-16215852436315840 .pj-prev-btn .btns {
        display: none;
    }

    #c_portalResNews_list-16215852436315840 .pj-next-btn .btns {
        display: none;
    }

    #c_portalResNews_list-16215852436315840 .pj_titles {
        margin: 1rem 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 769px) {
    #c_portalResNews_list-16215852436315840 .S02 {
        padding: 2rem 0;
    }

    #c_portalResNews_list-16215852436315840 .newject-container {
        margin: 0 5%;
    }

    #c_portalResNews_list-16215852436315840 .pj-prev-btn {
        display: none;
    }

    #c_portalResNews_list-16215852436315840 .pj-next-btn {
        display: none;
    }
}

#c_portalResNews_list-16215852436315840 .sL_icon {
    background-size: contain;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
}

#c_portalResNews_list-16215852436315840 .more_btn {
    margin: 4rem 0;
    text-align: center;
}

#c_portalResNews_list-16215852436315840 .mBtn {
    display: inline-block;
}

#c_portalResNews_list-16215852436315840 .mBtn a {
    display: inline-block;
    padding: 1rem 2rem;
    border: 2px solid #d39545;
    color: #000;
}

#c_portalResNews_list-16215852436315840 .p_hot .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-16215852436315840 .p_new .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-16215852436315840 .p_page .pre .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-16215852436315840 .p_page .next .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-16215852436315840 .p_more .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-16215852436315840 .p_loading .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-16215852436315840 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 40px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 4%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}


.c_portalResPublic_codeContainer-01001008 .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom:1; background: rgba(0,0,0,.5);
}

.c_portalResPublic_codeContainer-01001008 .slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.c_portalResPublic_codeContainer-01001008 .slick-track:after {
    clear: both;
}

.c_portalResPublic_codeContainer-01001008 .slick-loading .slick-track {
    visibility: hidden;
}

.c_portalResPublic_codeContainer-01001008 .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.c_portalResPublic_codeContainer-01001008 .slick-slide img {
    display: block;
}

.c_portalResPublic_codeContainer-01001008 .slick-slide.slick-loading img {
    display: none;
}

.c_portalResPublic_codeContainer-01001008 .slick-slide.dragging img {
    pointer-events: none;
}

.c_portalResPublic_codeContainer-01001008 .slick-initialized .slick-slide {
    display: block;
}

.c_portalResPublic_codeContainer-01001008 .slick-loading .slick-slide {
    visibility: hidden;
}

.c_portalResPublic_codeContainer-01001008 .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.c_portalResPublic_codeContainer-01001008 .industryIbox {
    position: relative;
    overflow: hidden;
    color: #fff;
}

.c_portalResPublic_codeContainer-01001008 .industryIbox {
    position: relative;
    overflow: hidden;
    color: #fff;
}
.c_portalResPublic_codeContainer-01001008 .industryIDemo {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .item {
    position: relative;
    opacity: 1 !important;
    border: none;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .img {
    position: relative;
    overflow: hidden;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .img img {
    width: 100%;
    display: block;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .black-30 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .con {
    position: absolute;
    left: 11%;
    top: 24%;
    width: 650px;
    transform: translateX(88px);
    -webkit-transform: translateX(88px);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    opacity: 0;
    visibility: hidden;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .t {
    font-size: 36px;
    line-height: 1.5;
    color: #fff;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .by {
    font-weight: bold;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.2;
    margin-top: 5px;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .txt {
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    line-height: 26px;
    margin-bottom: 30px;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .slick-active {
    z-index: 800 !important;
    border: none;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .slick-active .img {
    -webkit-animation: slideIn 1s;
    animation: slideIn 1s;
}

.c_portalResPublic_codeContainer-01001008 .industryIDemo .slick-active .img img {
    -webkit-animation: imgIn 1s;
    animation: imgIn 1s;
}


.c_portalResPublic_codeContainer-01001008 .industryIDemo .slick-active .con {
    transform: translate(0,0);
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0) skew(0);
    opacity: 1;
    visibility: visible;
    transition: 680ms 480ms;
    -webkit-transition: 680ms 480ms;
}



.c_portalResPublic_codeContainer-01001008 .industryINav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0 !important;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .itemC {
    border-left: 1px solid rgba(255,255,255,0.2);
    border-top: 1px solid rgba(255,255,255,0.2);
    padding: 20px 50px 0px;
    height: 155px;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .itemC:before {
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: linear-gradient(to right, rgb(208 11 11), rgb(208 11 11));
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1);
    transition: transform .38s cubic-bezier(.4,0,.2,1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .ico {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0px auto 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .t {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .en {
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 8px;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .addico {
    background: url(//dfs.yun300.cn/group1/M00/03/B2/rBQBHVyr-miETVyiAAAAACMB2M8834.png) no-repeat scroll center center;
    background-size: cover;
    width: 10px;
    height: 10px;
    display: block;
    margin: 0px auto 14px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .moreBtn {
    opacity: 0;
    margin: 0px auto;
    visibility: hidden;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .moreBtn .txt {
    color: rgba(255,255,255,.5);
}

.c_portalResPublic_codeContainer-01001008 .industryINav .moreBtn:hover .txt {
    color: #fff;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .slick-current .ico {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .slick-current .itemC:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}



.c_portalResPublic_codeContainer-01001008 .common_btn {
    position: relative;
    overflow: hidden;
    border-radius: 100px;
}

.c_portalResPublic_codeContainer-01001008 .common_btn>span {
    display: inline-block;
    vertical-align: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
}

.c_portalResPublic_codeContainer-01001008 .common_btn::before {
    content: attr(c-text);
    position: absolute;
    top: 0;
    left: 14%;
    width: 80%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    display: none\0;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover .iconfont {
    color: #fff;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover {
    background: #cc0707;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover::before {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: inline-block;
}

.c_portalResPublic_codeContainer-01001008 .common_btn>span.sep {
    width: 5px;
    height: 5px;
    display: inline-block;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(1) {
    -webkit-transition-delay: 45ms;
    transition-delay: 45ms;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(2) {
    -webkit-transition-delay: .09s;
    transition-delay: .09s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(3) {
    -webkit-transition-delay: .135s;
    transition-delay: .135s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(4) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(5) {
    -webkit-transition-delay: .225s;
    transition-delay: .225s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(6) {
    -webkit-transition-delay: .27s;
    transition-delay: .27s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(7) {
    -webkit-transition-delay: .315s;
    transition-delay: .315s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(8) {
    -webkit-transition-delay: .36s;
    transition-delay: .36s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(9) {
    -webkit-transition-delay: .405s;
    transition-delay: .405s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(10) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(11) {
    -webkit-transition-delay: .495s;
    transition-delay: .495s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(12) {
    -webkit-transition-delay: .54s;
    transition-delay: .54s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(13) {
    -webkit-transition-delay: .585s;
    transition-delay: .585s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(14) {
    -webkit-transition-delay: .63s;
    transition-delay: .63s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(15) {
    -webkit-transition-delay: .675s;
    transition-delay: .675s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(16) {
    -webkit-transition-delay: .72s;
    transition-delay: .72s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(17) {
    -webkit-transition-delay: .765s;
    transition-delay: .765s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(18) {
    -webkit-transition-delay: .81s;
    transition-delay: .81s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(19) {
    -webkit-transition-delay: .855s;
    transition-delay: .855s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn:hover>span:nth-child(20) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.c_portalResPublic_codeContainer-01001008 .common_btn.static_btn:hover {
    background: none;
}

.c_portalResPublic_codeContainer-01001008 .common_btn.static_btn>span {
    color: #d20319;
}

.c_portalResPublic_codeContainer-01001008 .common_btn.static_btn::before {
    left: 0;
}

@keyframes gelatine {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

@-webkit-keyframes gelatine {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.c_portalResPublic_codeContainer-01001008 .industryINav .slick-current .addico {
    opacity: 0;
    visibility: hidden;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.c_portalResPublic_codeContainer-01001008 .industryINav .slick-current .moreBtn {
    opacity: 1;
    visibility: visible;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .itemC:hover .ico {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
}

.c_portalResPublic_codeContainer-01001008 .industryINav .itemC:hover .addico {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}


.c_portalResPublic_codeContainer-01001008 .line_btn {
    display: inline-block;
    *display: inline;
    *zoom:1;white-space: nowrap;
    padding: 0 60px 0 30px;
    line-height: 45px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    border-left: 1px solid rgba(255, 255, 255, .84);
    border-right: 1px solid rgba(255, 255, 255, .84);
    border-top: 1px solid rgba(255, 255, 255, .84);
    border-bottom: 1px solid rgba(255, 255, 255, .84);
}

.c_portalResPublic_codeContainer-01001008 .line_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100px;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
}

.c_portalResPublic_codeContainer-01001008 .line_btn:hover::after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
}

.c_portalResPublic_codeContainer-01001008 .line_btn.line_btn_red {
    position: relative;
    left: 0;
    bottom: 0;
    border-color: #d20319;
}

.c_portalResPublic_codeContainer-01001008 .line_btn.line_btn_red::after {
}

.c_portalResPublic_codeContainer-01001008 .line_btn .jt {
    position: absolute;
    width: 6px;
    bottom: 0;
    top: 0;
    right: 20px;
}

.c_portalResPublic_codeContainer-01001008 .line_btn .jt img {
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 0;
}

.c_portalResPublic_codeContainer-01001008 .line_btn.sj_btn {
    padding-right: 80px;
    line-height: 60px;
    border: none;
}

.c_portalResPublic_codeContainer-01001008 .line_btn.sj_btn::after {
    background: url(../images/sj_btn.png) no-repeat center;
    width: 12px;
    height: 15px;
    margin-top: -8px;
    right: 50px;
}

.c_portalResPublic_codeContainer-01001008 .line_btn.sj_btn .jt {
    width: 12px;
    right: 50px;
}

.c_portalResPublic_codeContainer-01001008 .line_btn.sj_btn .jt img {
    margin-top: -8px;
}

@media only screen and (max-width: 1600px) {
    .c_portalResPublic_codeContainer-01001008 .industryINav .itemC {
        height: 155px;
        padding: 25px 30px 0px
    }

    .c_portalResPublic_codeContainer-01001008 .industryIDemo .con {
        position: absolute;
        left: 6%;
        top: 15%;
        width: 650px;
        transform: translateX(88px);
        -webkit-transform: translateX(88px);
        transition-timing-function: ease-out;
        -webkit-transition-timing-function: ease-out;
        opacity: 0;
        visibility: hidden;
    }

    .c_portalResPublic_codeContainer-01001008 .line_btn {
        display: none;
    }

    .c_portalResPublic_codeContainer-01001008 .survey-title .year {
        font-size: 140px;
    }
}

@media only screen and (max-width: 1400px) {
    .c_portalResPublic_codeContainer-01001008 .picwrap .i {
        width: 100%;
        font-size: 13px;
        margin: 3% 0 3%;
    }

    .c_portalResPublic_codeContainer-01001008 .player {
        width: 50px;
        height: 50px;
        background-size: 10px;
    }

    .c_portalResPublic_codeContainer-01001008 .iboxT .zh, .iboxT .en {
        font-size: 18px;
    }

    .c_portalResPublic_codeContainer-01001008 .picwrap .cn {
        font-size: 20px;
    }

    .c_portalResPublic_codeContainer-01001008 .picwrap .en {
        font-size: 18px;
    }

    .c_portalResPublic_codeContainer-01001008 .picwrap ul {
        width: 100%;
    }

    .c_portalResPublic_codeContainer-01001008 .num_box .number {
        font-size: 30px;
    }

    .c_portalResPublic_codeContainer-01001008 .num_box .text {
        font-size: 12px;
    }

    .c_portalResPublic_codeContainer-01001008 .info_box {
        font-size: 12px;
    }

    .c_portalResPublic_codeContainer-01001008 .picwrap .con {
        width: 90%;
        padding: 10% 0;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .contxt .con {
        width: 90%;
        padding: 10% 0;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .contxt .cn {
        font-size: 20px;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .contxt .en {
        font-size: 18px;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .conpic .txts {
        padding: 9% 5% 0 5%;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .conpic .ch {
        font-size: 20px;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .conpic .en {
        font-size: 18px;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .contxt .i {
        font-size: 13px;
        height: 70px;
        margin: 3% 0 3%;
    }

    .c_portalResPublic_codeContainer-01001008 .teambox .c , .teambox .t {
        font-size: 20px;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResPublic_codeContainer-01001008 .c_portalResPublic_codeContainer-01001 {
        min-height:500px;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .c_portalResPublic_codeContainer-01001008 .survey-plist {
        right: 0;
        width: 400px;
    }

    .c_portalResPublic_codeContainer-01001008 .survey-title .year {
        font-size: 120px;
    }

    .c_portalResPublic_codeContainer-01001008 .pbanner {
        margin-top: 70px;
    }

    .c_portalResPublic_codeContainer-01001008 .banner-title .ch {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .c_portalResPublic_codeContainer-01001008 .banner-title .en {
        font-size: 16px;
    }

    .c_portalResPublic_codeContainer-01001008 .banner-title .cy-small {
        margin-top: 5px;
    }

    .c_portalResPublic_codeContainer-01001008 .banner-title {
        bottom: 20px;
        left: 5%;
    }
}

@media only screen and (max-width: 1024px) {
    .c_portalResPublic_codeContainer-01001008 .memorabiliaDemo {
        width: auto;
        padding: 40px 0 60px 10px;
        margin-top: 40px;
    }

    .c_portalResPublic_codeContainer-01001008 .md {
        width: 100% !important;
        float: none;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .picwrap {
        position: relative;
        left: 0;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .contxt .i {
        height: auto;
    }

    .c_portalResPublic_codeContainer-01001008 .picwrap .i {
        width: 100%;
        height: auto;
    }

    .c_portalResPublic_codeContainer-01001008 .picwrap ul {
        width: 100%;
    }

    .c_portalResPublic_codeContainer-01001008 .industryINav {
        position: relative;
        left: auto;
        bottom: auto;
        background-color: rgba(0,0,0,0.5);
    }

    .c_portalResPublic_codeContainer-01001008 .slick-track {
        background-color: rgba(0,0,0,0.0);
    }

    .c_portalResPublic_codeContainer-01001008 .industryINav .ico {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }

    .c_portalResPublic_codeContainer-01001008 .industryINav .itemC {
        height: 105px;
        padding: 15px 30px 0px;
        background-color: rgba(0,0,0,0.8);
    }

    .c_portalResPublic_codeContainer-01001008 .industryINav .t {
        font-size: 14px;
    }

    .c_portalResPublic_codeContainer-01001008 .industryINav .en {
        display: none;
    }

    .c_portalResPublic_codeContainer-01001008 .industryINav .addico {
        display: none;
    }

    .c_portalResPublic_codeContainer-01001008 .industryINav .moreBtn {
        margin-top: 5px;
        opacity: 1;
        visibility: visible;
        z-index: 10;
    }

    .c_portalResPublic_codeContainer-01001008 .industryIDemo .con {
        width: 90%;
        left: 5%;
    }

    .c_portalResPublic_codeContainer-01001008 .industryIDemo .t {
        font-size: 16px;
    }

    .c_portalResPublic_codeContainer-01001008 .picwrap .moreBtn {
        float: left;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .contxt {
        position: relative;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .conpic .line {
        height: 2px;
    }

    .c_portalResPublic_codeContainer-01001008 .picwrap .img {
        background-image: url(//dfs.yun300.cn/group1/M00/03/AF/rBQBHVyrGj6EDfNXAAAAADtrD1s610.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .c_portalResPublic_codeContainer-01001008 .ibox .contxt .img {
        background-image: url(//dfs.yun300.cn/group1/M00/03/B7/rBQBHVysTtCEfYBjAAAAAMe4o6Q617.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .c_portalResPublic_codeContainer-01001008 .picwrap .img img ,.ibox .contxt .img img {
        display: none;
    }

    .c_portalResPublic_codeContainer-01001008 .cur-list li {
        padding-top: 115px;
    }

    .c_portalResPublic_codeContainer-01001008 .cur-list .txx, .cur-list .line {
        opacity: 1;
        visibility: inherit;
    }

    .c_portalResPublic_codeContainer-01001008 .cur-list li:before {
        display: none;
    }
}

@media only screen and (max-width: 840px) {
    .c_portalResPublic_codeContainer-01001008 .footer {
        padding: 0 0 30px;
    }

    .c_portalResPublic_codeContainer-01001008 .footer .to-top {
        position: static;
        top: 0;
        right: 0;
        display: inline-block;
        width: 100%;
        height: auto;
    }

    .c_portalResPublic_codeContainer-01001008 .footer .to-top span {
        margin: 20px 0;
    }

    .c_portalResPublic_codeContainer-01001008 .footer .f-foot {
        width: 90%;
        margin: 50px auto 0;
    }

    .c_portalResPublic_codeContainer-01001008 .f-sec , .f-wer {
        float: none;
    }

    .c_portalResPublic_codeContainer-01001008 .footer .f-contact dl {
        float: none;
        margin: 0 0 30px 0;
    }

    .c_portalResPublic_codeContainer-01001008 .footer .f-contact dt {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .c_portalResPublic_codeContainer-01001008 .footer .f-contact dl {
        margin: 0 0 20px 0;
    }

    .c_portalResPublic_codeContainer-01001008 .footer .f-contact {
        margin-bottom: 30px;
    }

    .c_portalResPublic_codeContainer-01001008 .footer .f-wer {
        text-align: left;
        margin-bottom: 20px;
    }

    .c_portalResPublic_codeContainer-01001008 .cur-list li {
        width: 50%;
        padding-top: 75px;
        height: 320px;
    }

    .c_portalResPublic_codeContainer-01001008 .cur-list li:hover {
        padding-top: 75px;
    }
}

@media only screen and (max-width: 768px) {
    .c_portalResPublic_codeContainer-01001008 .c_portalResPublic_codeContainer-01001 {
        min-height:500px;
        width: 100%;
    }

    .c_portalResPublic_codeContainer-01001008 .survey-plist {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
    }

    .c_portalResPublic_codeContainer-01001008 .surveyPCon {
        padding: 60px 0 80px;
    }

    .c_portalResPublic_codeContainer-01001008 .survey-title .year {
        font-size: 80px;
    }

    .c_portalResPublic_codeContainer-01001008 .survey-title .zh {
        font-size: 20px;
        margin-top: -20px;
    }

    .c_portalResPublic_codeContainer-01001008 .survey-c {
        width: auto;
        height: auto;
    }

    .c_portalResPublic_codeContainer-01001008 .picwrap li {
        margin-bottom: 10px;
        width: 50%;
    }

    .c_portalResPublic_codeContainer-01001008 .num_box {
        margin-bottom: 5px;
    }

    .c_portalResPublic_codeContainer-01001008 #w_grid-1555380161025 .p_gridbox ,#w_grid-1555395074857 .p_gridbox {
        background-attachment: inherit !important;
    }

    .c_portalResPublic_codeContainer-01001008 .memorabiliaPbox {
        padding-top: 60px;
    }

    .c_portalResPublic_codeContainer-01001008 .pboxT .t {
        font-size: 18px;
    }

    .c_portalResPublic_codeContainer-01001008 .pboxT .by {
        font-size: 22px;
    }

    .c_portalResPublic_codeContainer-01001008 .industryIDemo .txt {
        margin-top: 10px;
        line-height: 1.5;
        font-size: 12px;
        height: 32px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .c_portalResPublic_codeContainer-01001008 .pbanner {
        margin-top: 60px;
    }

    .c_portalResPublic_codeContainer-01001008 .pbanner .pic img {
        height: 225px !important;
        width: auto !important;
        position: relative;
        display: block;
        left: 50%;
        transform: translate(-50%,0);
    }

    .c_portalResPublic_codeContainer-01001008 .banner-title .ch {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .c_portalResPublic_codeContainer-01001008 .banner-title .en {
        font-size: 14px;
    }

    .c_portalResPublic_codeContainer-01001008 .banner-title .cy-small {
        margin-top: 5px;
    }

    .c_portalResPublic_codeContainer-01001008 .banner-title {
        bottom: 20px;
        left: 5%;
    }

    .c_portalResPublic_codeContainer-01001008 .cur-list li {
        width: 100%;
        float: none;
        border-left: none;
        height: auto;
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .c_portalResPublic_codeContainer-01001008 .cur-list li:hover {
        padding-top: 55px;
    }

    .c_portalResPublic_codeContainer-01001008 .cur-list .ch {
        font-size: 18px;
    }

    .c_portalResPublic_codeContainer-01001008 .cur-list .en {
        font-size: 15px;
    }

    .c_portalResPublic_codeContainer-01001008 .culturebox:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.2);
    }

    .c_portalResPublic_codeContainer-01001008 .culturebox-tit .t {
        font-size: 20px;
        margin-bottom: 5px;
        font-weight: normal;
    }

    .c_portalResPublic_codeContainer-01001008 .horon-tit .c {
        text-align: justify;
    }

    .c_portalResPublic_codeContainer-01001008 .structure-img img {
        max-width: 100% !important;
    }

    .c_portalResPublic_codeContainer-01001008 .teambox {
        padding: 100px 0;
        width: 100%;
    }

    .c_portalResPublic_codeContainer-01001008 #w_grid-1555410258174 .p_gridbox ,#w_grid-1555407827801 .p_gridbox {
        background-attachment: inherit !important;
    }

    .c_portalResPublic_codeContainer-01001008 #w_grid-1555494821307 .p_gridbox,#w_grid-1555551250858 .p_gridbox {
        background-attachment: inherit !important;
    }

    .c_portalResPublic_codeContainer-01001008 .culturebox-tit {
        padding: 10% 0;
    }

    .c_portalResPublic_codeContainer-01001008 .structure-img {
        padding: 0px 0px 80px;
    }

    .c_portalResPublic_codeContainer-01001008 .strength {
        margin-top: 60px;
    }

    .c_portalResPublic_codeContainer-01001008 .industry-Page .t {
        font-size: 18px;
    }

    .c_portalResPublic_codeContainer-01001008 .industry-Page {
        padding: 60px 0px 40px;
    }

    .c_portalResPublic_codeContainer-01001008 .industry-Page .by {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .c_portalResPublic_codeContainer-01001008 .strength .pbot {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    .c_portalResPublic_codeContainer-01001008 .industrys, .industry-list li figure, .industry-list li figure img {
        height: auto;
    }

    .c_portalResPublic_codeContainer-01001008 .industry-list li figure img {
        width: 100%;
        display: block;
    }

    .c_portalResPublic_codeContainer-01001008 .industry-item {
        width: 90%;
        left: 5%;
        height: auto;
        margin: 0;
        padding: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .c_portalResPublic_codeContainer-01001008 .industry-list li {
        width: 100%;
        float: none;
    }

    .c_portalResPublic_codeContainer-01001008 #allmap {
        height: 300px;
    }

    .c_portalResPublic_codeContainer-01001008 .cta-list {
        margin-top: 30px;
    }

    .c_portalResPublic_codeContainer-01001008 .cta-list li {
        float: none;
        text-align: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .c_portalResPublic_codeContainer-01001008 .cta-list .txx {
        margin-top: 5px;
        font-size: 14px;
    }

    .c_portalResPublic_codeContainer-01001008 .cta-list li a {
        display: inline-block;
        margin-right: 20px;
    }

    .c_portalResPublic_codeContainer-01001008 .cta-list .ico {
        width: 48px;
        height: 48px;
        margin-right: 10px;
        float: left;
        display: inline-block;
        background-size: 48px;
    }

    .c_portalResPublic_codeContainer-01001008 .ab-title .ch {
        font-size: 20px;
    }

    .c_portalResPublic_codeContainer-01001008 .ab-title .en {
        font-size: 16px;
    }

    .c_portalResPublic_codeContainer-01001008 .contact {
        padding: 45px 0 50px 0;
    }

    .c_portalResPublic_codeContainer-01001008 .cta-list .catco {
        transition: all .3s;
    }
}

@media only screen and (max-width: 1290px) and (min-width: 769px) {
    .c_portalResPublic_codeContainer-01001008 .pbanner {
        margin-top: 70px;
    }

    .c_portalResPublic_codeContainer-01001008 .strength {
        margin-top: 70px;
    }

    .c_portalResPublic_codeContainer-01001008 .industry-Page .t {
        font-size: 22px;
    }

    .c_portalResPublic_codeContainer-01001008 .industry-Page {
        padding: 100px 0px 80px;
    }

    .c_portalResPublic_codeContainer-01001008 .industry-Page .by {
        font-size: 24px;
    }

    .c_portalResPublic_codeContainer-01001008 .strength .pbot {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .c_portalResPublic_codeContainer-01001008 .industrys, .industry-list li figure, .industry-list li figure img {
        height: auto;
    }

    .c_portalResPublic_codeContainer-01001008 .industry-list li figure img {
        width: 100%;
        display: block;
    }

    .c_portalResPublic_codeContainer-01001008 .industry-item {
        width: 90%;
        left: 5%;
        height: auto;
        margin: 0;
        padding: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .c_portalResPublic_codeContainer-01001008 #allmap {
        height: 400px;
    }

    .c_portalResPublic_codeContainer-01001008 .ab-title .ch {
        font-size: 26px;
    }
}


#c_portalResNews_list-15964418470850389 .p_articles {
    width: calc((100% - 0px)/3);
}

#c_portalResNews_list-15964418470850389 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResNews_list-15964418470850389 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResNews_list-15964418470850389 >div {
    animation-fill-mode: both;
}

#c_portalResNews_list-15964418470850389 .container {
    width: 100%;
    padding: 0px;
}

#c_portalResNews_list-15964418470850389 .p_more {
    background-color: #cccccc;
    color: #999;
    border: 1px solid #cccccc;
    font-size: 16px;
    font-weight: bold;
    transition: all .5s ease;
    height: 44px;
}

#c_portalResNews_list-15964418470850389 .p_more:hover {
    background-color: #cccccc;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    transition: all .5s ease;
}

#c_portalResNews_list-15964418470850389 .p_more .iconfont {
    display: none;
}

#c_portalResNews_list-15964418470850389 .p_more .font {
    line-height: 44px;
}

#c_portalResNews_list-15964418470850389 .col-md-3 {
    width: calc((100% - 90px) / 3);
    margin: 15px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

#c_portalResNews_list-15964418470850389 .pic_box {
    width: 100%;
    height: auto;
    position: relative;
}

#c_portalResNews_list-15964418470850389 .pic {
    width: 100%;
    transition: all 1.5s ease;
}

#c_portalResNews_list-15964418470850389 .content1 {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    padding: 40px;
    transition: all 0.8s ease;
}

#c_portalResNews_list-15964418470850389 .title {
    display: block;
    height: 60px;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.8s ease;
    transform: translateY(150%);
    font-family: pop;
}

#c_portalResNews_list-15964418470850389 .sunmry {
    font-size: 14px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #ccc;
    opacity: 0;
    transition: all 0.8s ease;
    transform: translateY(350%);
    font-family: pop;
}

#c_portalResNews_list-15964418470850389 .time {
    color: #fff;
    line-height: 30px;
    height: 24px;
    padding-left: 36px;
    background: url(../images/date.png) no-repeat center left;
    font-family: "pop";
    font-size: 15px;
}

#c_portalResNews_list-15964418470850389 .col-md-3:hover .pic {
    transform: scale(1.2);
}

#c_portalResNews_list-15964418470850389 .col-md-3:hover .sunmry {
    transform: translateY(320%);
    opacity: 1;
}

#c_portalResNews_list-15964418470850389 .col-md-3:hover .content {
    background: rgba(0,0,0,0.8);
}

@media only screen and (max-width: 1440px) and (min-width: 1100px) {
    #c_portalResNews_list-15964418470850389 .container {
        padding: 10px;
    }

    #c_portalResNews_list-15964418470850389 .col {
        width: calc((100% - 60px) / 3);
        margin: 10px;
    }

    #c_portalResNews_list-15964418470850389 .content1 {
        padding: 30px;
    }

    #c_portalResNews_list-15964418470850389 .title {
        transform: translateY(120%);
    }

    #c_portalResNews_list-15964418470850389 .sunmry {
        transform: translateY(240%);
    }
}

@media only screen and (max-width: 1100px) and (min-width: 769px) {
    #c_portalResNews_list-15964418470850389 .col {
        width:calc((100% - 80px) / 2);
        margin: 20px;
    }

    #c_portalResNews_list-15964418470850389 .content1 {
        padding: 40px;
    }

    #c_portalResNews_list-15964418470850389 .title {
        transform: translateY(150%);
    }

    #c_portalResNews_list-15964418470850389 .sunmry {
        transform: translateY(350%);
    }
}

@media only screen and (max-width: 769px) {
    #c_portalResNews_list-15964418470850389 .col {
        width: calc((100% - 20px) / 1);
        margin: 10px;
    }

    #c_portalResNews_list-15964418470850389 .content1 {
        padding: 20px;
    }

    #c_portalResNews_list-15964418470850389 .title {
        transform: translateY(130%);
    }

    #c_portalResNews_list-15964418470850389 .sunmry {
        transform: translateY(220%);
        opacity: 1;
    }

    #c_portalResNews_list-15964418470850389 .col-md-3:hover .sunmry {
        transform: translateY(200%);
    }
}

@media only screen and (min-width: 1024px) {
    #c_portalResNews_list-15964418470850389 .pic {
        width:100%;
        height: 350px;
        transition: all 1.5s ease;
    }
}

#c_portalResNews_list-15964418470850389 .p_hot .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-15964418470850389 .p_new .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-15964418470850389 .p_page .pre .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-15964418470850389 .p_page .next .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-15964418470850389 .p_more .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-15964418470850389 .p_loading .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResNews_list-15964418470850389 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}




/* banner */


#c_portalResEbizads_banner-15963562072970538 .bannerBox {
    height: 100vh;
    min-height: 210px;
    max-height: 1000px;
    width: 100%;
}

#c_portalResEbizads_banner-15963562072970538 .content {
    position: relative;
    width: 100%;
    height: auto;
}

#c_portalResEbizads_banner-15963562072970538 .picB {
    width: 100%;
    height: auto;
}

#c_portalResEbizads_banner-15963562072970538 .bannerPic {
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    transform: none;
}

#c_portalResEbizads_banner-15963562072970538 .swiper-button-prev {
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: absolute;
    background: rgba(255,255,255,0.1);
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    left: 0px;
    transition: all 0.5s;
}

#c_portalResEbizads_banner-15963562072970538 .swiper-button-next {
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    right: 0px;
    background: rgba(255,255,255,0.1);
    transition: all 0.5s;
}

#c_portalResEbizads_banner-15963562072970538 .iconfont {
    display: block;
    width: 8px;
    height: 12px;
    transition: all 0.3s linear;
    margin-top: 24px;
    margin-left: 26px;
}

#c_portalResEbizads_banner-15963562072970538 .iconfontPrev {
    background: url(../images/ban_l.png) no-repeat center left;
}

#c_portalResEbizads_banner-15963562072970538 .iconfontNext {
    background: url(../images/ban_r.png) no-repeat center right;
}

#c_portalResEbizads_banner-15963562072970538 .swiper-button-next:hover {
    background: #da0000;
}

#c_portalResEbizads_banner-15963562072970538 .swiper-button-next:hover .iconfontNext {
    width: 20px;
    margin-left: 20px;
}

#c_portalResEbizads_banner-15963562072970538 .swiper-button-prev:hover {
    background: #da0000;
}

#c_portalResEbizads_banner-15963562072970538 .swiper-button-prev:hover .iconfontPrev {
    width: 20px;
    margin-left: 20px;
}

#c_portalResEbizads_banner-15963562072970538 .text {
    position: absolute;
    top: 50%;
    width: 94%;
    max-width: 1400px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    transform: translateY(-50%);
}

#c_portalResEbizads_banner-15963562072970538 .bannerTitle {
    color: #fff;
    position: relative;
    padding-bottom: 2rem;
    font-size: 1.125rem;
    display: none;
}

#c_portalResEbizads_banner-15963562072970538 .bannerTitle::before {
    content: '';
    display: block;
    width: 2rem;
    height: 0.125rem;
    background-color: #e34646;
    position: absolute;
    top: 2.25rem;
}

#c_portalResEbizads_banner-15963562072970538 .bannerTitle::after {
    content: '';
    display: block;
    width: 2rem;
    height: 0.125rem;
    background-color: #fff;
    position: absolute;
    top: 2.25rem;
    left: 2rem;
}

#c_portalResEbizads_banner-15963562072970538 .summry h2 {
    font-family: "osw";
    font-weight: bold;
    font-size: 55px;
    color: #fff;
    letter-spacing: 0px;
}

#c_portalResEbizads_banner-15963562072970538 .summry h3 {
    font-family: "osw";
    font-size: 32px;
    color: #fff;
    margin: 24px 0 16px;
}

#c_portalResEbizads_banner-15963562072970538 .summry p {
    font-family: "pop";
    font-size: 20px;
    color: #fff;
    word-break: break-word;
    text-align: left;
    margin-top: 10px;
}

#c_portalResEbizads_banner-15963562072970538 .summry a {
    display: block;
    width: 160px;
    height: 50px;
    line-height: 50px;
    background: url(../images/s_arrow.png) no-repeat center right 30px #da0000;
    font-family: "pop";
    text-indent: 30px;
    font-size: 16px;
    color: #fff;
    margin-top: 50px;
}

#c_portalResEbizads_banner-15963562072970538 .bannerLink {
    display: block;
    width: 6rem;
    height: 2rem;
    border-radius: 1rem;
    background-color: #fff;
    text-align: center;
    line-height: 2rem;
    color: #ccc;
    margin-top: 3rem;
}

#c_portalResEbizads_banner-15963562072970538 .text * {
    transform: translateY(3rem);
    opacity: 0;
}

#c_portalResEbizads_banner-15963562072970538 .swiper-slide-active .text * {
    transition: all 2s ease .5s;
    transform: translateY(0);
    opacity: 1;
}

#c_portalResEbizads_banner-15963562072970538 .bannerLink:hover {
    background-color: rgba(227, 70, 70, 1);
    color: #fff;
    transition: all 2s ease;
}

@media only screen and (max-width: 1280px) and (min-width: 769px) {
    #c_portalResEbizads_banner-15963562072970538 .text {
        width:70%;
    }

    #c_portalResEbizads_banner-15963562072970538 .summry h2 {
        font-size: 50px;
    }

    #c_portalResEbizads_banner-15963562072970538 .summry h3 {
        font-size: 32px;
        letter-spacing: 2px;
        margin: 10px 0 16px;
    }

    #c_portalResEbizads_banner-15963562072970538 .summry p {
        font-size: 16px;
    }

    #c_portalResEbizads_banner-15963562072970538 .summry a {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 768px) {
    #c_portalResEbizads_banner-15963562072970538 .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: 100%;
    }
    #c_portalResEbizads_banner-15963562072970538 .bannerBox {
        height: 30vh;
    }

    #c_portalResEbizads_banner-15963562072970538 .bannerBtn {
        display: none;
    }

    #c_portalResEbizads_banner-15963562072970538 .text {
        width: 90%;
    }

    #c_portalResEbizads_banner-15963562072970538 .summry h2 {
        font-size: 28px;
    }

    #c_portalResEbizads_banner-15963562072970538 .summry h3 {
        font-size: 20px;
        letter-spacing: 0px;
        margin: 10px 0 8px;
        font-family: ""
    }

    #c_portalResEbizads_banner-15963562072970538 .summry p {
        font-size: 14px;
    }

    #c_portalResEbizads_banner-15963562072970538 .summry a {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1360px) {
    #c_portalResEbizads_banner-15963562072970538 .bannerBox {
        height: auto;
        min-height: 210px;
        width: 100%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    #c_portalResEbizads_banner-15963562072970538 .bannerBox {
        height: 50vh;
        min-height: 210px;
        width: 100%;
    }
}

@media only screen and (min-width: 1361px) and (max-width: 1600px) {
    #c_portalResEbizads_banner-15963562072970538 .bannerBox {
        height: auto;
        min-height: 210px;
        width: 100%;
    }
}

#c_portalResEbizads_banner-15963562072970538 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

a.hvr-ripple-out {
    display: block;
    transform: translateZ(0px);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px;
    backface-visibility: hidden;
    position: relative;
    border-radius: 50px;
}
a.hvr-ripple-out::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    animation-duration: 1s;
    border-width: 6px;
    border-style: solid;
    border-color: #da0000;
    border-image: initial;
    border-radius: 50px;
}

a.hvr-ripple-out:hover::before {
    animation-name: hvr-ripple-out;
}


/*水平线滑动*/
@keyframes line{
    from {
      width: 0%;
    }
    to {
      width: 100%;
    }
  }
  /*鼠标经过按钮扩散*/
  @-webkit-keyframes hvr-ripple-out {
    100% {
      top: -12px;
      right: -12px;
      bottom: -12px;
      left: -12px;
      opacity: 0;
    }
  }
  @keyframes hvr-ripple-out {
    100% {
      top: -12px;
      right: -12px;
      bottom: -12px;
      left: -12px;
      opacity: 0;
    }
  }




  @media only screen and (max-width: 768px) {
    .c_portalResEbizads_banner-01001 .p_prompt {
        width: auto;
        height: auto;
        text-align: center;
        background-color: inherit;
        font-size: 16px;
        border: 1px solid #E4E4E4;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
        display: inline-table;
        padding: 0 30px;
        height: 100%;
        min-height: 260px;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .iconfont:before {
        content: "";
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first {
        height: auto;
        display: table-cell;
        font-size: 36px;
        margin-right: 10px;
        position: relative;
        color: #09bb07;
        vertical-align: middle;
        padding: 0 10px 10px 0;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first:before {
        content: "\e6b4";
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
        font-size: 24px;
        text-align: left;
        color: rgba(51,51,51,1);
        font-weight: bold;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .font {
        display: table-cell;
        line-height: normal;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .promptbox {
        width: auto;
        height: 100%;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_content {
        font-size: 18px;
        color: rgba(105, 105, 105,1);
        padding-left: 65px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: #e2e2e2;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
        content: '\e687';
        display: inline-block;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: #e2e2e2;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont:before {
        content: '\e687';
        display: inline-block;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn {
        display: inline-table;
        height: 30px;
        width: 30px;
        background-color: #67b8b4;
        border-width: 1px;
        border-color: transparent;
        color: #999999;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn .shape {
        display: table-cell;
        width: inherit;
        height: inherit;
        text-align: center;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn:active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn.active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn.j-nav-active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn {
        display: inline-block;
        height: 10px;
        width: 100px;
        padding: 0;
        background-color: #f2f2f2;
        border-width: 1px;
        border-color: transparent;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
        text-align: center;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn .shape {
        text-indent: -9999em;
        width: inherit;
        height: inherit;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn:active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn.active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn.j-nav-active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn {
        width: 15px;
        height: 15px;
        display: inline-table;
        background-color: rgba(228,228,228,1);
        color: rgba(153,153,153,1);
        font-size: 12px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        text-align: center;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn .shape {
        width: inherit;
        height: inherit;
        text-indent: -99999px;
        display: table-cell;
        vertical-align: middle;
        border-radius: inherit;
        -moz-border-radius: inherit;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn:active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn.active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn.j-nav-active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn {
        width: 150px;
        height: 66px;
        border-color: rgba(242,242,242,1);
        border-width: 2px;
        border-style: solid;
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn .shape {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn:active {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn.active {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_ImgSummary {
        text-align: justify;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResEbizads_banner-01001 .p_ImgHead {
        display: inline-table;
        margin: 0;
        padding: 0;
        color: #323232;
        font-size: 30px;
        font-weight: 400;
        text-align: left;
        white-space: nowrap;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_ImgHead .font {
        display: table-cell;
        vertical-align: top;
        line-height: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_ImgHead .iconfont:before {
        content: "";
    }

    .c_portalResEbizads_banner-01001 .p_TitleBox {
        width: inherit;
        height: auto;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox {
        width: inherit;
        height: auto;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: rgba(179, 179, 179,1);
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB {
        background: rgba(81,80,80,.3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text-align: center;
        color: rgba(255,255,255,1);
        font-size: 40px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 3px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB:hover {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(115,115,115,.7);
        color: rgba(106,192,189,1);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB:active {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(81,80,80,.7);
    }

    .c_portalResEbizads_banner-01001 .p_interactionB {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA {
        background: rgba(81,80,80,.3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text-align: center;
        color: rgba(255,255,255,1);
        font-size: 40px;
        z-index: 999;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 3px;
        right: 4px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA:hover {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(115,115,115,.7);
        color: rgba(106,192,189,1);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA:active {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(81,80,80,.7);
    }

    .c_portalResEbizads_banner-01001 .p_interactionA {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_interactionA + .p_interactionA {
        left: initial;
        right: 0;
    }

    .c_portalResEbizads_banner-01001 .p_imageA {
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_images {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_banner {
        width: inherit;
        height: auto;
        border-width: 1px;
        border-style: none;
        border-color: rgba(255, 255, 255,1);
        background-color: transparent;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 {
        min-width: 300px;
        overflow: auto;
    }

    .c_portalResEbizads_banner-01001 .p_banner {
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_images {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox {
        width: auto;
        height: auto;
        border-width: 0;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_interactionA {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_interactionB {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_TitleBox {
        border-width: 0;
    }

    .c_portalResEbizads_banner-01001 .p_TitleBoxA {
        width: auto;
        height: auto;
        border-width: 0;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .c_banner {
        width: inherit;
        height: inherit;
    }

    .c_portalResEbizads_banner-01001 .p_images {
        width: inherit;
        height: inherit;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .c_portalResEbizads_banner-01001 .p_LinkA {
        width: inherit;
        height: inherit;
        display: block;
        position: relative;
    }

    .c_portalResEbizads_banner-01001 .p_imageA {
        vertical-align: baseline;
        text-align: center;
        width: inherit;
        height: inherit;
    }

    .c_portalResEbizads_banner-01001 .p_imageA:hover {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_imageA:hover:after {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_interactionA {
        cursor: pointer;
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_interactionB {
        cursor: pointer;
        right: 0;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        padding-top: 10px;
        color: rgb(187, 182, 182);
        left: 0;
        width: 33px;
        height: 64px;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont:before {
        font-size: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        right: 0;
        width: 33px;
        height: 64px;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
        padding-top: 10px;
        color: rgb(187, 182, 182);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont:before {
        font-size: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        height: 70px;
        background-color: transparent;
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox:hover {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox .p_LinkB {
        display: block;
        background-color: rgba(0,0,0,0.5);
    }

    .c_portalResEbizads_banner-01001 .p_TitleBox {
        width: 100%;
        height: auto;
        height: 60px;
        line-height: 60px;
        padding: 0 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 999;
        font-weight: bold;
    }

    .c_portalResEbizads_banner-01001 .p_LinkA .p_TitleBox span {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_LinkA:hover .p_TitleBox span {
        color: #fff;
    }

    .c_portalResEbizads_banner-01001 .p_TitleBoxA {
        width: 100%;
        height: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox {
        position: absolute;
        text-align: center;
        font-size: 0;
        z-index: 6;
        overflow: hidden;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        bottom: 60px;
        left: 42%;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
        padding-right: 30px;
        padding-left: 30px;
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
        font-size: 0;
        z-index: 6;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox .p_NumBtn:first-child {
        margin-left: 0;
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn {
        margin-right: 6px;
        font-size: 0;
        width: 90px;
        height: auto;
        display: inline-block;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn {
        margin-left: 10px;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn {
        margin-left: 10px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC {
        position: absolute;
        top: 50%;
        left: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD {
        position: absolute;
        top: 50%;
        right: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn, .c_portalResEbizads_banner-01001 .p_SquareNumBtn, .c_portalResEbizads_banner-01001 .p_ListNumBtn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn {
        width: 98px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
        content: "\e6ae";
        font-size: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_ImgSummary {
        font-weight: normal;
        white-space: normal;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont {
        font-size: 30px;
        color: rgba(255,255,255,.6);
        display: table-cell;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont {
        font-size: 30px;
        color: rgba(255,255,255,.6);
        display: table-cell;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC:hover .iconfont {
        color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD:hover .iconfont {
        color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn:hover {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-01001 .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: 100%;
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .swiper-container-android .swiper-slide, .swiper-wrapper {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .c_portalResEbizads_banner-01001 .p_MatteIcon:before {
        content: '\e752';
    }

    .c_portalResEbizads_banner-01001 .widther img {
        width: auto!important;
    }

    .c_portalResEbizads_banner-01001 .swiper-pagination1 {
        position: absolute;
        z-index: 20;
        bottom: 65px;
        width: 100%;
        text-align: center;
    }

    .c_portalResEbizads_banner-01001 .dot {
        width: 20px;
        height: 20px;
    }

    .c_portalResEbizads_banner-01001 .swiper-pagination span {
        display: inline-block;
        margin-right: 4px;
    }

    .c_portalResEbizads_banner-01001 .background_default {
        display: inline-block;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        margin: 0 5px;
        opacity: 0.8;
        cursor: pointer;
    }

    .c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img {
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
        width: 100%;
    }

    .c_portalResEbizads_banner-01001 .background_default {
        width: 17px;
        height: 17px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB {
        display: none;
    }
}


/* 在线客服 */
 .wyz {
    position: fixed;
    right: -1px;
    top: 80%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 50px 0;
    border-right: 1px solid #da0000;
    height: 482px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
    font-family: pop;
}

 .wyz-form.cur {
    width: 200px;
    opacity: 1;
}

 .wyz .transition {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
}

 .wyz .wyz-title {
    background-color: rgba(218, 0, 0, 1);
    color: #fff;
    padding: 15px 20px 0;
    white-space: nowrap;
    position: relative;
}

 .wyz .wyz-title .cf-close {
    position: absolute;
    left: 166px;
    top: 0;
    padding: 10px;
}

 .wyz-item-block {
    position: absolute;
    right: 0;
    width: 70px;
    height: 70px;
    background-color: rgba(218, 0, 0, 0.9);
    border: 1px solid #da0000;
    border-right: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

 .wyz-item-block:nth-child(1) {
    top: 0px;
    display: none;
}

 .wyz-item-block:nth-child(2) {
    top: 71px;
}

 .wyz-item-block:nth-child(3) {
    top: 142px;
}

 .wyz-item-block:nth-child(4) {
    top: 213px;
}

 .wyz-item-block:nth-child(5) {
    top: 362px;
}

 .wyz-item {
    width: 100%;
    height: 100%;
}

 .wyz-item-p {
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
}

 .wyz-item-in {
    height: 100%;
    display: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

 .wyz-item-in-p {
    color: #fff;
    text-align: center;
    line-height: 68px;
    height: 68px;
    white-space: nowrap;
    font-size: 14px;
}

 .wyz-in.cur {
    width: 180px;
    background-color: transparent;
}

 .wyz-in.cur .wyz-item-in {
    width: 100%;
    display: block;
}

 .wyz-in.cur .wyz-item {
    display: none;
}

 .wyz-in:before {
    content: "";
    background-color: rgba(218, 0, 0, 1);
    position: absolute;
    height: 100%;
    width: 0;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
}

 .wyz-in.cur:before {
    width: 100%;
}

 .wyz-item-block.wyz-top {
    display: none;
    cursor: pointer;
    width: 46px;
    height: 46px;
    top: 320px;
}

 .wyz-item-block.wyz-top .wyz-item-p {
    font-size: 14px;
    margin-top: 0;
}

 .wyz-in.wyz-search.cur {
    border-left: none;
}

 .wyz-form {
    position: absolute;
    width: 0;
    right: 156px;
    bottom: -1px;
    z-index: 999;
    overflow: hidden;
    opacity: 0;
}

 .wyz-form .cf-form {
    background-color: #da0000;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 20px;
    border-bottom: 1px solid #da0000;
}

 .wyz-form .cf-form-item {
    margin-bottom: 10px;
    font-size: 0;
    white-space: nowrap;
}

 .wyz-form .cf-form-item:last-of-type {
    margin: 0;
}

 .wyz-form input {
    padding: 0 8px;
    margin: 0;
    border: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 160px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
}

 .wyz-form .verify {
    width: 86px;
    margin-right: 5px;
}

 .wyz-form .submit {
    width: 160px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
}

 .wyz-qr-show {
    display: none;
    position: absolute;
    z-index: 1;
    border: 1px solid rgba(218, 0, 0, 1);
    left: -123px;
    top: -53px;
}

 .flex-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
     .wyz {
        display:none;
    }
}

 {
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
}