/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family: Arial,' '; color:#666;}
a{ color:#666;}
a:hover{ color:#c0bcbc; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper1{ width:1080px; margin:0 auto;}
.wapper2{ width:90%; min-width:1080px; margin:0 auto;}
input,textarea,select{outline:none}
img{ object-fit: cover;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
@media(max-width:768px){
.wapper1{ width:90%; }
.wapper2{ min-width:0px; }
    .p img {
    max-width:100%;
    }
    img {
    max-width:100%;
    }
}
/*common end*/


.headbg{ width:100%; position:fixed; z-index:55; top:0; left:0; transition:all .5s ease;}
.head{ height:40px; padding:50px 0;}
.head .logo{ float:left; width:130px; height:40px; position:relative; }
.head .logo img{ max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.h_lang1{ float:right; height:40px; line-height:40px; margin:0 0 0 20px;}
.h_lang1 a{ font-size:14px;}
.h_search1{ float:right; height:40px; line-height:40px; font-size:14px; position:relative;}
.search1_open{ display:block; width:34px; height:40px; background:url(../images/icons-search.svg) center no-repeat; background-size:18px auto;}
.search1_open:hover{ color:#c0bcbc; }
.search1_open.active{ background:url(../images/ico_close1.png) center no-repeat; background-size:15px auto;}
.search1bg{ position:absolute; top:0; right:100%; display:none;}
.search1{}
.search1 .form{ height:40px; width:245px;}
.search1 .form .text1{ float:left; border:none; border-bottom:1px solid #ced4da; height:33px; line-height:33px; width:211px;}
.search1 .form .button1{ float:right; width:34px; height:40px; background:url(../images/icons-search.svg) center no-repeat; background-size:18px auto;}
/*menu*/
.menu{height:40px;line-height:40px; float:right; margin:0 0 0 20px;}
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ background:#fff; width:160px; transform:translateX(-50%); position:absolute; left:50%; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:22px; }
.menu ul li dl dd a{ font-size:12px; color:#5a5a5a; font-weight:normal; padding:10px 15px;}
.menu ul li dl dd a:hover{ color:#c0bcbc; }
.menu a{ font-size:14px;color:#5a5a5a; text-decoration:none; font-weight:normal; display:block;text-align:center; padding:0 20px;}
.menu a:hover{color:#c0bcbc;}
a.menu_hover{ color:#c0bcbc; }

.head_mbg{ width:100%; position:fixed; z-index:55; top:0; left:0; display:none; transition:all .5s ease;}
.head_m{ height:40px; position:relative; padding:25px 0;}
.head_m .logo{ float:left; width:130px; height:19px; position:relative; margin-left:5%;}
.head_m .logo img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
/**/
.nav_open{ width:29px; height:24px; line-height:40px; text-align:center; background:url(../images/nav_open.png) center no-repeat; float:right; margin:0 5% 0 0;}
.nav_box{ }
.nav_close1{ width:100%; height:100%; background:rgba(0,0,0,.2); position:fixed; z-index:998; display:none;}
.navbg{ width:16.25rem; height:100%; background:#fff; position:fixed; top:0; right:-100%; z-index:999; transition:all .3s ease;}
.nav{ padding:15px 15px 15px 15px; position:relative;}
.nav_close2{ width:40px; height:40px; line-height:40px; text-align:center; background:url(../images/nav_close.png) center no-repeat; position:absolute; top:25px; left:-40px;}
.nav_list{ }
.tree{ max-height:calc(100vh - 125px); overflow-y:scroll;}
.tree_box{ }
.tree_one,.tree_two{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:18px; height:40px; line-height:40px; overflow:hidden; margin:0; position:relative; }
.tree_box h3 a{ color:#5a5a5a; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#c0bcbc;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{}
.tree_one h4{ font-weight:normal; font-size:14px; position:relative; height:30px; line-height:30px; overflow:hidden; margin:0 0 0 5%; }
.tree_box h4 a{ color:#5a5a5a; position:relative; z-index:10;}
.tree_box h4 a:hover{ color:#c0bcbc;}
.h_lang2{ font-size:18px; line-height:40px; height:40px; margin-bottom:15px;}
.h_search2{}
.h_search2 .form{ height:40px;}
.h_search2 .form .text1{ float:left; border:1px solid #ced4da; background:#fff; border-radius:5px; height:38px; line-height:38px; padding:0 10px; width:calc(80% - 22px); margin-right:10px;}
.h_search2 .form .button1{ float:left; width:30px; height:40px; background:url(../images/icons-search.svg) center no-repeat; background-size:30px auto;}
.navbg.active{ right:0;}

.h_height{ height:140px;}

.headbg.active{ background:rgba(255,255,255,.8);
-webkit-box-shadow: 0px 4px 4px -5px rgba(0,0,0,.2);
box-shadow: 0px 4px 4px -5px rgba(0,0,0,.2);}
.head_mbg.active{ background:rgba(255,255,255,.8);
-webkit-box-shadow: 0px 4px 4px -5px rgba(0,0,0,.2);
box-shadow: 0px 4px 4px -5px rgba(0,0,0,.2);}
@media(max-width:1080px){
.headbg{ display:none;}
.head_mbg{ display:block;}
.h_height{ height:90px;}
}



.con01bg{}
.con01{}
.con01 .list_pc {
    margin: 0 -15px;
}
.con01 .list_pc ul li{ float:left; padding:0 15px; width:calc(50% - 30px); margin:0 0 40px 0;}
.con01 .list_pc ul li .img_box{}
.con01 .list_pc ul li .img{}
.con01 .list_pc ul li .img img{ display:block; width:100%; transition:all .5s ease;}
.con01 .list_pc ul li .img img:hover{ opacity: .6; filter: alpha(opacity=60);}
.con01 .list_pc ul li .txt{ margin-top:10px;}
.con01 .list_pc ul li .txt .h2{ font-size:12px; line-height:22px;}
.con01 .list_pc ul li .txt .h2 a{}
.con01 .list_pc ul li .txt .h3{ font-size:12px; line-height:22px;}
.con01 .list_pc ul li .txt .h4{ font-size:12px; line-height:22px;}
.con01 .list_pc ul li.li1 { width: calc(100% - 30px); }
.con01 .list_pc ul li.li2,.con01 .list_pc ul li.li4{ float:right;}
.con01 .list_pc ul li.li2{ width:369px;}
.con01 .list_pc ul li.li3{ width:680px;}
.con01 .list_pc ul li.li4{ width:712px;}
.con01 .list_pc ul li.li5{ width:337px;}
.con01 .list_pc ul li.li6 { width: calc(100% - 30px); }
.con01 .list_pc ul li.li9{ clear:left;}
.con01 .list_pc ul li.li2 .img img{ width:369px; height:369px;}
.con01 .list_pc ul li.li3 .img img{ width:680px; height:369px;}
.con01 .list_pc ul li.li4 .img img,.con01 .list_pc ul li.li5 .img img{ width:auto; height:505px;}

.con01 .list_mc{ display:none;}
.swiper-container1 { width: 100%; }
.swiper-container1 .swiper-slide {
/* Center slide text vertically */
/*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;*/
}
.swiper-container1 .swiper-slide .img_box{}
.swiper-container1 .swiper-slide .img{ padding-bottom:66%; position:relative;}
.swiper-container1 .swiper-slide .img img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit:contain; transition:all .5s ease;}
.swiper-container1 .swiper-slide .img img:hover{ opacity: .6; filter: alpha(opacity=60);}
.swiper-container1 .swiper-slide .txt{ margin-top:10px;}
.swiper-container1 .swiper-slide .txt .h2{ font-size:12px; line-height:22px;}
.swiper-container1 .swiper-slide .txt .h2 a{}
.swiper-container1 .swiper-slide .txt .h3{ font-size:12px; line-height:22px;}
.swiper-container1 .swiper-slide .txt .h4{ font-size:12px; line-height:22px;}
.swiper-container1 .swiper-pagination1{}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{}
.swiper-container1 .swiper-button-prev1{}
.swiper-container1 .swiper-button-next1{}
@media(max-width:768px){
.con01bg{ display:none;}
.con01 .list_pc{ display:none;}
.con01 .list_mc{ display:block; margin-bottom:40px;}
}


.con02bg{}
.con02{}
.con02 .list_pc{ margin:0 -15px;}
.con02 .list_pc ul li{ float:left; padding:0 15px; width:calc(33% - 30px); margin:0 0 40px 0;}
.con02 .list_pc ul li .img_box{}
.con02 .list_pc ul li .img{}
.con02 .list_pc ul li .img img{ display:block; width:100%; transition:all .5s ease;}
.con02 .list_pc ul li .img img:hover{ opacity: .6; filter: alpha(opacity=60);}
.con02 .list_pc ul li .txt{ margin-top:10px;}
.con02 .list_pc ul li .txt .h2{ font-size:12px; line-height:22px;}
.con02 .list_pc ul li .txt .h2 a{}
.con02 .list_pc ul li .txt .h3{ font-size:12px; line-height:22px;}
.con02 .list_pc ul li .txt .h4{ font-size:12px; line-height:22px;}
.con02 .list_pc ul li.li1{ /*width:calc(100% - 30px);*/}
.con02 .list_pc ul li.li4,.con02 .list_pc ul li.li5,.con02 .list_pc ul li.li6{ width:calc(100%/3 - 30px);}
.con02 .list_mc{ display:none;}
@media(max-width:768px){
.con02bg{ display:none;}
.con02 .list_pc{ display:none;}
.con02 .list_mc{ display:block; margin-bottom:40px;}
}


.con03bg{}
.con03{}
.con03 .list_pc{ margin:0 -15px;}
.con03 .list_pc ul li{ float:left; padding:0 15px; width:calc(50% - 30px); margin:0 0 40px 0;}
.con03 .list_pc ul li:nth-child(2n-1){ clear:left;}
.con03 .list_pc ul li .img_box{}
.con03 .list_pc ul li .img{}
.con03 .list_pc ul li .img img{ display:block; width:100%; transition:all .5s ease;}
.con03 .list_pc ul li .img img:hover{ opacity: .6; filter: alpha(opacity=60);}
.con03 .list_pc ul li .txt{ margin-top:10px;}
.con03 .list_pc ul li .txt .h2{ font-size:12px; line-height:22px;}
.con03 .list_pc ul li .txt .h2 a{}
.con03 .list_pc ul li .txt .h3{ font-size:12px; line-height:22px;}
.con03 .list_pc ul li .txt .h4{ font-size:12px; line-height:22px;}
.con03 .list_pc ul li.li2,.con03 .list_pc ul li.li4{ float:right;}
.con03 .list_pc ul li.li4{ margin-top:-204px;}
.con03 .list_mc{ display:none;}
@media(max-width:768px){
.con03bg{ display:none;}
.con03 .list_pc{ display:none;}
.con03 .list_mc{ display:block; margin-bottom:40px;}
}


.index_mc1bg{ display:none;}
.index_mc1{}
.index_mc1 .list_mc{ margin-bottom:40px;}
.index_mc1 .list_mc>.txt{ margin-top:10px;}
.index_mc1 .list_mc>.txt .h2{ font-size:12px; line-height:22px;}
.index_mc1 .list_mc>.txt .h2 a{}
.index_mc1 .list_mc>.txt .h3{ font-size:12px; line-height:22px;}
.index_mc1 .list_mc>.txt .h4{ font-size:12px; line-height:22px;}
@media(max-width:768px){
.index_mc1bg{ display:block;}
}


.footbg{ padding:120px 0 40px 0 ;}
.foot{ font-size:12px; line-height:22px;}
.foot .box1{ margin-bottom:40px;}
.foot .box1 .h1{ margin-bottom:10px;}
.f_share1{}
.f_share1 a{ display:inline-block; margin:0 0 0 10px;}
.f_share1 a:nth-child(1){ margin-left:0;}
.f_share1 a img{ display:block; height:16px;}
.foot .box2{ margin-bottom:20px;}
.foot .box3{ text-align:center;}
@media(max-width:768px){
.footbg{ padding:80px 0 20px 0 ;}
.foot .box1{ margin-bottom:20px;}
.foot .box2{ margin-bottom:10px;}
}


/*Add------------------------------------------------------------------------------*/

.innavbg{}
.innav{}
.innav ul li{ float:left; margin:0 20px 0 0;}
.innav ul li a{ display:block; font-size:14px; line-height:24px; padding-bottom:5px; border-bottom:1px solid transparent;}
.innav ul li.active a{ border-bottom:#5a5a5a solid 1px;}

.insidebg{ padding:40px 0 80px 0;}
.inside{}
@media(max-width:768px){
.innav ul li{ float:left; margin:0 7px 10px 0;}
.insidebg{ padding:20px 0 40px 0;}
#lContent img,#lblContent img,.xiangxi_con img,.xiangqing img{ width:auto !important; height:auto !important; max-width:100%;}
}

.product1bg{ padding:40px 0 0 0;}
.product1{}
.product1 .list_pc{ margin:0 -15px;}
.product1 .list_pc ul li{ float:left; padding:0 15px; width:calc(100%/3 - 30px); margin:0 0 40px 0;}
.product1 .list_pc ul li:nth-child(3n-2){ clear:left;}
.product1 .list_pc ul li .img_box{}
.product1 .list_pc ul li .img{}
.product1 .list_pc ul li .img img{ height:230px; display:block; width:100%; transition:all .5s ease;}
.product1 .list_pc ul li .img img:hover{ opacity: .6; filter: alpha(opacity=60);}
.product1 .list_pc ul li .txt{ margin-top:10px;}
.product1 .list_pc ul li .txt .h2{ font-size:12px; line-height:22px;}
.product1 .list_pc ul li .txt .h2 a{}
.product1 .list_pc ul li .txt .h3{ font-size:12px; line-height:22px;}
.product1 .list_pc ul li .txt .h4{ font-size:12px; line-height:22px;}
@media(max-width:768px){
.product1 .list_pc ul li{ float:left; padding:0 15px; width:calc(100% - 30px); margin:0 0 40px 0;}
}


.proDetail1bg{}
.proDetail1{}
.proDetail1 .list1{ margin-bottom:100px;}
.gallery-top { float:left; width:79.1666%;}
.gallery-top .swiper-slide { }
.gallery-top .swiper-slide .img{ height:570px; position:relative;}
.gallery-top .swiper-slide .img video{ display:block; width:100%; height:100%;object-fit: contain; position:absolute; top:0; left:0;}
.gallery-top .swiper-slide .img img{ display:block; width:100%; height:100%;object-fit: contain; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.gallery-top .swiper-button-prev,.gallery-top .swiper-button-next{ margin-top:-20px; width:10px; height:40px; outline:none; background-color:rgba(255,255,255,.9); background-size:10px 20px;}
.gallery-top .swiper-button-prev{ left:0;}
.gallery-top .swiper-button-next{ right:0;}
.swiper-thumbs{ float:right; width:16.6666%; padding:55px 0; height:460px; position:relative;}
.swiper-thumbs .swiper-button-prev,.swiper-thumbs .swiper-button-next{ margin:0; top:auto; width:20px; height:20px; position:absolute; left:50%; transform:translateX(-50%) rotate(90deg); cursor:pointer; background-size:contain; outline:none;}
.swiper-thumbs .swiper-button-prev{ top:0px;}
.swiper-thumbs .swiper-button-next{ bottom:0; }
.gallery-thumbs { height:460px;}
.gallery-thumbs .swiper-slide { cursor:pointer;}
.gallery-thumbs .swiper-slide .img_box{ position:relative;}
.gallery-thumbs .swiper-slide .paly_btn{ width:100%; height:100%; background:url(../images/bt_play.png) center no-repeat; position:absolute; top:0; left:0;}
.gallery-thumbs .swiper-slide .img{ height:113px; position:relative; border:1px solid #fff;}
.gallery-thumbs .swiper-slide .img img{ display:block; width:100%; height:100%; object-fit: contain; opacity:.5; position:absolute; top:0; left:0;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .img img{ opacity:1;}
.proDetail1 .list2{ margin-bottom:100px;}
.proDetail1 .list2 .box1{ width:79.1666%;}
.proDetail1 .list2 .h1{ font-size:14px; line-height:24px; margin-bottom:40px;}
.proDetail1 .list2 .txt1bg{ font-size:14px; line-height:20px; margin-bottom:20px; /*height:80px;*/ overflow:hidden; transition:all .5s ease;}
.proDetail1 .list2 .txt1{ word-break:break-word;}
.proDetail1 .list2 .txt1 *{ word-break:break-word !important;white-space: normal !important;}
.proDetail1 .list2 .txt1bg.active{ height:auto;}
.proDetail1 .list2 .readmorebg{ margin-bottom:20px; text-align:right;}
.proDetail1 .list2 .readmore{ display:inline-block; font-size:14px; line-height:24px;}
.proDetail1 .list2 .readmore em{ display:inline-block; font-style:normal;}
.proDetail1 .list2 .readmore em.em2{ display:none;}
.proDetail1 .list2 .readmore.active em.em1{ display:none;}
.proDetail1 .list2 .readmore.active em.em2{ display:inline-block;}
.proDetail1 .list2 .readmore span{
display: inline-block;
width: 10px;
height: 10px;
margin-left: .5rem;
border: 1px solid;
border-color: #444 #444 transparent transparent;
-webkit-transform: translateY(-4px) rotate(135deg);
-ms-transform: translateY(-4px) rotate(135deg);
transform: translateY(-4px) rotate(135deg);}
.proDetail1 .list2 .readmore.active span{
    display:none;
border: 1px solid;
border-color: transparent transparent #444 #444;
-webkit-transform: translateY(3px) rotate(135deg);
-ms-transform: translateY(3px) rotate(135deg);
transform: translateY(3px) rotate(135deg);}
.proDetail1 .list2 .txt2{ font-size:12px; line-height:22px; word-break:break-word;white-space: normal;}
.proDetail1 .list2 .txt2 *{ word-break:break-word !important;white-space: normal !important;}
.proDetail1 .list2 .txt2 table{}
.proDetail1 .list2 .txt2 th{ width:10%; font-weight:normal; text-align:left; vertical-align:top;}
.proDetail1 .list2 .txt2 td{ width:90%;}
.proDetail1 .list2 .h2{ font-size:12px; line-height:22px;}
@media(max-width:768px){
.gallery-top { float:left; width:100%;}
.gallery-top .swiper-slide .img{ height:auto; padding-bottom:68%; }
.swiper-thumbs{ float:right; width:calc(100% - 60px); padding:0 30px; height:auto; }
.gallery-thumbs { height:auto;}
.swiper-thumbs .swiper-button-prev,.swiper-thumbs .swiper-button-next{ margin:0; top:50%; left:auto; width:10px; height:20px; transform:translateX(0%) translateY(-50%) rotate(0deg); cursor:pointer; background-size:10px 20px; outline:none;}
.swiper-thumbs .swiper-button-prev{ left:0px;}
.swiper-thumbs .swiper-button-next{ right:0px; }
.gallery-thumbs .swiper-slide .img{ height:auto; padding-bottom:68%;}
.gallery-thumbs .swiper-slide .paly_btn{ background-size:40px auto;}
.proDetail1 .list2 .box1{ width:100%;}
.proDetail1 .list2 .txt2 th{ width:36%; }
.proDetail1 .list2 .txt2 td{ width:64%;}
}


.news1bg{ padding:20px 0 0 0;}
.news1{}
.news1_lt{ float:left; width:180px; padding:30px 0;}
.news1_lt .h2{ font-size:22px; line-height:24px;}
.news1_rt{ float:right; width:calc(100% - 200px);}
.news1 .list_pc{}
.news1 .list_pc ul li{ border-top:#5a5a5a solid 1px; padding:30px 0;}
.news1 .list_pc ul li:nth-child(1){ border-top:none;}
.news1 .list_pc ul li .nr_box{}
.news1 .list_pc ul li .img_box{ float:left; width:25%;}
.news1 .list_pc ul li .img{ font-size:18px; line-height:24px; margin:0 15px 0 0;}
.news1 .list_pc ul li .img img{ display:block; max-width:100%;}
.news1 .list_pc ul li .txtbg{ float:right; width:75%;}
.news1 .list_pc ul li .txt{ margin:0 0 0 15px;}
.news1 .list_pc ul li .txt .h2{ font-size:14px; line-height:24px;}
.news1 .list_pc ul li .txt .h3{ font-size:14px; line-height:24px; margin-bottom:15px;}
.news1 .list_pc ul li .txt .h4{ font-size:14px; line-height:24px; margin-bottom:15px;}
.news1 .list_pc ul li .txt .h5{ font-size:14px; line-height:24px;}
.news1 .list_pc ul li .txt .h5 a{ color:#5a5a5a;}
.news1 .list_pc ul li .txt .h5 a i{ color:#a0b2bd;}
.news1 .list_pc ul li .txt .h5 a:hover{}
@media(max-width:768px){
.news1_lt{ float:left; width:100%; padding:30px 0;}
.news1_rt{ float:right; width:100%;}
.news1 .list_pc ul li{ padding:30px 0;}
.news1 .list_pc ul li .img_box{ float:left; width:100%;}
.news1 .list_pc ul li .img{ margin:0 0 15px 0;}
.news1 .list_pc ul li .img img{ margin:0 auto;}
.news1 .list_pc ul li .txtbg{ float:right; width:100%;}
.news1 .list_pc ul li .txt{ margin:0 0 0 0;}
}


.profile1bg{}
.profile1{}
.profile1 .list_pc{}
.profile1 .list_pc ul li{ border-top:#5a5a5a solid 1px; padding:30px 0;}
.profile1 .list_pc ul li:nth-child(1){ border-top:none;}
.profile1 .list_pc ul li .nr_box{}
.profile1 .list_pc ul li .img_box{ float:left; width:15%;}
.profile1 .list_pc ul li .img{ margin:0 15px 0 0;}
.profile1 .list_pc ul li .img img{ display:block; max-width:100%;}
.profile1 .list_pc ul li .txtbg{ float:right; width:84%;}
.profile1 .list_pc ul li .txt{ margin:0 0 0 15px;}
.profile1 .list_pc ul li .txt .h2{ font-size:14px; line-height:24px; margin-bottom:15px;}
.profile1 .list_pc ul li .txt .h2 strong{ font-size:18px; font-weight:normal; margin-right:20px;}
.profile1 .list_pc ul li .txt .h2 span{}
.profile1 .list_pc ul li .txt .h3{ font-size:14px; line-height:24px; margin-bottom:15px;}
@media(max-width:768px){
.profile1 .list_pc ul li{ padding:30px 0;}
.profile1 .list_pc ul li .img_box{ float:left; width:100%;}
.profile1 .list_pc ul li .img{ margin:0 0 15px 0;}
.profile1 .list_pc ul li .img img{ margin:0 auto;}
.profile1 .list_pc ul li .txtbg{ float:right; width:100%;}
.profile1 .list_pc ul li .txt{ margin:0 0 0 0;}
}


.contact1bg{ padding:40px 0 80px 0;}
.contact1{}
.contact1 .list_pc{ float:right; width:48%;}
.contact1 .list_pc ul li{/* float:left; width:10%;*/ font-size:14px; line-height:30px;}
.contact1 .list_pc ul li .nr_box{}
.contact1 .list_pc ul li .box1{ float:left; width:100%; cursor:pointer;}
.contact1 .list_pc ul li .box1 .h2{ position:relative;}
.contact1 .list_pc ul li .box2{/* float:right; width:0;*/ display:none;}
.contact1 .list_pc ul li .box2 dl dd{ margin:0 0 10px 0; position:relative;}
.contact1 .list_pc ul li .box2 dl dd:nth-child(3),.contact1 .list_pc ul li .box2 dl dd:nth-child(7){ margin-bottom:40px;}
.contact1 .list_pc ul li .box2 dl dd .txt{ padding-left:30px;}
.contact1 .list_pc ul li .box2 dl dd .txt img{ height:30px; position:absolute; left:0; top:0;}
.contact1 .list_pc ul li .box2 dl dd .txt strong{ margin-left:40px; float:left; /*width:35%;*/ font-weight:normal; margin-right:10px;}
.contact1 .list_pc ul li .box2 dl dd .txt span{ float:left;/* width:60%;*/ }
.contact1 .list_pc ul li.active{/* width:60%;*/}
.contact1 .list_pc ul li.active .box1{ width:30%;}
.contact1 .list_pc ul li.active .box1 .h2{ padding-left:10px;}
.contact1 .list_pc ul li.active .box1 .h2:before{ content:""; width:4px; height:4px; border-radius:100%; position:absolute; left:0; top:10px; background:#666;}
.contact1 .list_pc ul li.active .box2{/* width:80%;*/ display:block; }
@media(max-width:768px){
.contact1 .list_pc{ float:right; width:100%;}
.contact1 .list_pc ul li{/* float:left; width:100%;*/ margin:0 0 20px 0;}
.contact1 .list_pc ul li .box2 dl dd .txt strong{ margin-left:30px; margin-right:10px;}
.contact1 .list_pc ul li.active{/* width:100%;*/}
.contact1 .list_pc ul li.active .box2{/* width:100%;*/ }
}




.career1bg{ padding:40px 0 20px 0;}
.career1{}
.career1 .list1{ font-size:12px; line-height:16px; margin-bottom:40px;
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: left;
-webkit-box-align: center;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;}
.career1 .list1 .txt1{ width:calc(94%/3); padding-right:25px; font-size:42px; line-height:46px; color:#000;}
.career1 .list1 .txt2{ width:calc(94%/3); padding-right:25px;}
.career1 .list1 .txt3{ width:calc(94%/3);}
.career1 .list2{ margin-bottom:40px;}
.swiper-container2 { width: 100%; }
.swiper-container2 .swiper-slide {
/* Center slide text vertically */
/*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;*/
}
.swiper-container2 .swiper-slide .img_box{}
.swiper-container2 .swiper-slide .img{ padding-bottom:66%; position:relative;}
.swiper-container2 .swiper-slide .img img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover; transition:all .5s ease;}
.swiper-container2 .swiper-slide .img img:hover{ opacity: .6; filter: alpha(opacity=60);}
.swiper-container2 .swiper-slide .txt{ margin-top:10px;}
.swiper-container2 .swiper-slide .txt .h2{ font-size:14px; line-height:18px; position:relative; padding-left:15px;}
.swiper-container2 .swiper-slide .txt .h2:before{ content:""; width:8px; height:8px; background:#333; position:absolute; left:0; top:5px;}
.swiper-container2 .swiper-pagination2{ display:none;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{}
.swiper-container2 .swiper-button-prev2,.swiper-container2 .swiper-button-next2{ display:none;}
.swiper-container2 .swiper-button-prev2{}
.swiper-container2 .swiper-button-next2{}

.career2bg{ padding:20px 0 40px 0;}
.career2{}
.career2 .list1{ margin-bottom:40px;}
.career2 .list1 .h1{ font-size:22px; line-height:26px; color:#000; margin-bottom:20px;}
.career2 .list1 .sx{ margin-bottom:20px;}
.career2 .list1 .sx select{ border:none; width:20%; height:30px; line-height:30px;}
.career2 .list2{ font-size:14px; line-height:18px; margin-bottom:40px;}
.career2 .list2 table{ border:none; table-layout: fixed;}
.career2 .list2 tr{ border:none;}
.career2 .list2 .tr1{ cursor:pointer;}
.career2 .list2 .tr2{ display:none;}
.career2 .list2 th{ padding:10px 5px; font-weight:normal; text-align:left; font-size:14px; line-height:18px;  border:none;border-bottom:1px solid #c4c4c4;}
.career2 .list2 td{ padding:10px 5px; border:none; border-bottom:1px solid #c4c4c4;}
.career2 .list2 .w1{ width:40%;}
.career2 .list2 .w2{ width:20%;}
.career2 .list2 .w3{ width:20%;}
.career2 .list2 .w4{ width:20%;}
.career2 .list2 .xiangqing{ padding:10px;}

.career3bg{ padding:20px 0 80px 0;}
.career3{}
.career3 .list1{ font-size:12px; line-height:16px; margin-bottom:40px;
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: left;
-webkit-box-align: center;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;}
.career3 .list1 .txt1{ width:calc(100%/3); padding-right:25px; font-size:22px; line-height:26px; color:#000;}
.career3 .list1 .txt2{ width:calc(100%/3); padding-right:25px;}
.career3 .list1 .txt3{ width:calc(100%/3);}
.career3 .list2{}
.career3 .list2 img{ display:block; margin:0 auto; width:100%;}
@media(max-width:768px){
.career1 .list1{ display:block;}
.career1 .list1 .txt1{ width:100%;}
.career1 .list1 .txt2{ width:100%;}
.career1 .list1 .txt3{ width:100%;}
.career2 .list1 .sx select{ width:25%;}
.career2 .list2{ font-size:12px; line-height:16px; overflow-x:auto;}
.career2 .list2 table{ width:600px;}
.career2 .list2 th{ padding:10px 5px; font-size:13px; line-height:17px; }
.career2 .list2 .xiangqing{ width:300px;}
.career2 .list2 .xiangqing p{ font-size:12px !important; line-height:2em !important; padding:0;}
.career2 .list2 .xiangqing span{ font-size:12px !important;}
.career3 .list1{ display:block;}
.career3 .list1 .txt1{ width:100%;}
.career3 .list1 .txt2{ width:100%;}
.career3 .list1 .txt3{ width:100%;}
}