@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN-Regular.eot');
    src: url('../fonts/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Regular.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Regular.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Regular.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN-Bold.eot');
    src: url('../fonts/SourceHanSansCN-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Bold.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Bold.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Bold.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}*/
/*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:14px; font-family: Arial,'SourceHanSansCN'; color:#333; overflow-x:hidden;}
a{ color:#666;}
a:hover{ color:#ffffff; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper1{ width:1300px; margin:0 auto;}
input,textarea,select{outline:none; font-family: Arial,' ';}
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; max-width:100%;}
#lContent img,#lblContent img,.xiangxi_con img,.xiangqing img{ width:auto !important; height:auto !important; max-width:100%;}
@media(max-width:1024px){
.wapper1{ width:90%; }
}
/*common end*/




.headbg{ width:100%; background:#fff; box-shadow:0 1.5px #dfdede; position:fixed; z-index:55; top:0; left:0;}
.head{ height:80px; }
.head .logo{ float:left; width:20%; height:80px; position:relative; margin:0 40px 0 0 ;}
.head .logo img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
/**/
.h_search1{ float:right; margin:25px 0 0 40px;}
.h_search1 a{ display:block; width:30px; height:30px; background:url(../images/search1.png) center no-repeat; background-size:contain;}
.search1_open.active{ background-image:url(../images/ico_close1.png);}
/*menu*/
.menu{height:80px;line-height:80px; float:left; position:relative; /*width:calc(80% - 110px);*/}
.menu>ul>li{ float:left; }
.menu ul li span a{ font-size:16px;color:#333; font-weight:normal; display:block;text-align:center; padding:0 20px;}
.menu ul li span a:hover,.menu ul li:hover span a{color:#000000; background-color:#fff;font-weight: bold;}
.menu ul li.menu_down{ position:relative;}
.menu ul li.menu_down span a,.menu ul li.menu_down2 span a{ background-image:url(../images/ico_down1.png); background-position:right 0px center; background-repeat:no-repeat; background-size:16px auto;}
.menu ul li.menu_down span a:hover,.menu ul li.menu_down:hover span a,.menu ul li.menu_down2 span a:hover,.menu ul li.menu_down2:hover span a{background-image:url(../images/ico_down1_hover.png);}
.menu ul li dl{ background:#848484; width:100%; transform:translateX(-50%); position:absolute; left:50%; top:100%; box-shadow:rgba(43, 52, 69, 0.1) 0px 4px 16px; padding:10px 0;display:none; }
.menu ul li:hover dl{ display:block;}
.menu ul li dl dd{ line-height:24px; padding:0 5px;}
.menu ul li dl dd a{ font-size:14px; color:#fff; font-weight:normal; display:block; text-align:center; padding:5px 5px;}
.menu ul li dl dd a:hover{ color:#000000; background:#fff; }


.tele{display: flex;align-items: center;float: right;height: 80px;}
.tele img{ width:30px; margin-right:4px}
.tele a{color:#333;font-size: 24px;}

/**/ 
.pro_erjibg{ width:100%; background:#fff; box-shadow:rgba(43, 52, 69, 0.1) 0px 4px 16px; position:absolute; top:100%; left:0; display:none;}
.menu ul li:hover .pro_erjibg{ display:block;}
.pro_erji{ line-height:24px;}
.slideTxtBox_01{}
.slideTxtBox_01 .hd1{ float:left; width:154px; padding:10px 0; height:340px; background:#848484;}
.slideTxtBox_01 .hd1 ul li{ padding:0 5px;}
.slideTxtBox_01 .hd1 ul li a{ font-size:14px; color:#fff; font-weight:normal; display:block; text-align:center; padding:5px 0;}
.slideTxtBox_01 .hd1 ul li.on a{ background:#000000; color:#FFFFFF;}
.slideTxtBox_01 .bd1{ float:right; width:calc(100% - 154px);}
.pro_sanji{}
.slideTxtBox_02{ padding:10px 20px 9px 20px; border-top:1px solid #dfdede;}
.slideTxtBox_02 .hd2{ float:left; width:144px; }
.slideTxtBox_02 .hd2 ul li{ padding:0 5px;}
.slideTxtBox_02 .hd2 ul li a{ font-size:14px; color:#333; font-weight:normal; display:block; text-align:left; padding:5px 5px;}
.slideTxtBox_02 .hd2 ul li.on a{ color:#000000;}
.slideTxtBox_02 .bd2{ float:right; width:calc(100% - 144px);}
.pro_siji{ padding:0 20px;}
.pro_siji .h1{ text-align:center; font-size:14px; line-height:26px; padding-bottom:5px; border-bottom:1px solid #ccc; color:#000000; margin-bottom:10px;}
.pro_siji ul li{ float:left; width:calc((100% - 60px)/4); margin:0 0 10px 20px; text-align:center;}
.pro_siji ul li:nth-child(4n-3){ margin-left:0; clear:left; }
.pro_siji ul li .img{ height:120px; position:relative;}
.pro_siji ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.pro_siji ul li .h2{ font-size:14px; line-height:24px; height:24px; margin-top:5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pro_siji ul li a:hover .h2 {font-weight: bold;color: #000;}
/**/
.head_mbg{ width:100%; background:#fff; box-shadow:rgba(43, 52, 69, 0.1) 0px 4px 16px; position:fixed; z-index:55; top:0; left:0; display:none;}
.head_m{ height:60px; position:relative; }
.head_m .logo{ float:left; width:50%; height:60px; 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;}
.h_search2{ float:right; margin:10px 0 0 0;}
.h_search2 a{ display:block; text-align:center; width:20px; height:40px; background:url(../images/search1.png) center no-repeat; background-size:contain;}
/**/
.nav_open{ width:20px; height:40px; line-height:40px; font-size:20px; text-align:center; float:right; margin:10px 5% 0 20px;}
.nav_open.active{ }
.navbg{ width:100%; height:calc(100vh - 60px); background:#fff; position:fixed; top:60px; left:0; z-index:666; display:none;}
.nav{ padding:0px 0 20px 0; position:relative;}
.nav_list{ height:calc(100vh - 80px); overflow-Y:scroll;}
.tree{}
.tree_box{ border-top:1px solid #eee; padding:0 5%;}
.tree_box h3{ font-weight:normal; font-size:14px; height:40px; line-height:40px; overflow:hidden; margin:0; position:relative;}
.tree_box h3 a{ color:#333; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#000000;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{}
.tree_one{display: none; overflow: hidden; padding:0 0 10px 0;}
.tree_one h4{ font-weight:normal; font-size:12px; position:relative; height:35px; line-height:35px; overflow:hidden; margin:0 0 0 5%; }
.tree_one h4 a{ color:#666; position:relative; z-index:10;}
.tree_one h4 a:hover{ color:#000000;}
.tree_two{display: none; overflow: hidden;}
/**/
.search1bg{ width:100%; background:#f2f2f2; border-top:1px solid #dfdede; position:fixed; z-index:44; top:80px; left:0; display:none;}
.search1{ width:90%; max-width:1300px; margin:0 auto; position:relative;}
.search1_close{ width:30px; height:50px; background:url(../images/ico_close1.png) center no-repeat; background-size:30px auto; cursor:pointer; position:absolute; right:0; top:15px; display:none;}
.search1_con{ max-width:1000px; margin:0 auto; padding:40px 0;}
.search1_con .form1{ height:48px; border:1px solid rgba(0, 0, 0, 0.23); background:#fff;}
.search1_con .text1{ float:left; border:none; background:none; height:48px; line-height:48px; padding:0 0 0 20px; width:calc(100% - 170px);}
.search1_con .button1{ float:right; width:150px; height:48px; line-height:48px; background:#000000; color:#fff; font-size:18px; text-align:center;}
.search1_con .button1:hover{ background:#03772e;}
.h_height{ height:80px;}
@media(max-width:1024px){
.headbg{ display:none;}
.head_mbg{ display:block;}
.search1bg{ top:60px; }
.search1_con{ padding:30px 0;}
.search1_con .form1{ height:38px; border:1px solid rgba(0, 0, 0, 0.23); }
.search1_con .text1{ float:left; height:38px; line-height:38px; padding:0 0 0 10px; width:calc(100% - 110px);}
.search1_con .button1{ float:right; width:100px; height:38px; line-height:38px; font-size:14px; }
.h_height{ height:60px;}
}


.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{ display:block; width:100%; /*min-height:80vh;*/}
.swiper-container1 .swiper-pagination1{ bottom:160px;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:8px; height:8px; background:#fff; opacity:1;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#000000; opacity:1;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ display:none;}
.swiper-container1 .swiper-button-prev1{ }
.swiper-container1 .swiper-button-next1{}
@media(max-width:1024px){
.swiper-container1 .swiper-slide img{ min-height:0;}
}


.con01bg{ }
.con01{}
.con01 .list{ position:relative; z-index:2; margin-top:-90px; padding:50px 20px 30px 20px; overflow:hidden;}
.swiper5{ box-shadow:0 0 10px #ccc; border-radius:10px; background:rgba(255,255,255,.5); height:148px;}
.swiper-container5{ overflow:visible;}
.con01 .list ul{
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/}
.con01 .list ul li{/* width:100%;*/ text-align:center; position:relative;}
.con01 .list ul li:before{ content:""; width:2px; height:50%; background:#e3e3e3; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1;}
.con01 .list ul li:nth-child(1):before{ display:none;}
.con01 .list ul li .txt{ padding:20px 0 20px 0; border-radius:10px; transition:all .3s ease; position:relative; z-index:2;}
.con01 .list ul li .txt .h2{ font-size:24px; line-height:34px; height:68px; margin-bottom:0; transform:translateY(20px); transition:transform .3s ease;
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;}
.con01 .list ul li .txt .h3{}
.con01 .list ul li .txt .h3 i{ display:inline-block; vertical-align:top; width:40px; height:40px; background:url(../images/ico_more1.png) center no-repeat; background-size:contain; opacity:0; visibility:hidden;}
.con01 .list ul li:hover .txt,.con01 .list ul li.active .txt{ padding:30px 0 30px 0; background:#000000; box-shadow:0 0 15px #5a5959; margin-top:-40px;color:#fff;}
.con01 .list ul li:hover .txt .h2,.con01 .list ul li.active .txt .h2{ transform:translateY(0); margin-bottom:20px;}
.con01 .list ul li:hover .txt .h3 i,.con01 .list ul li.active .txt .h3 i{ opacity:1; visibility:visible;}
@media(max-width:1024px){
.con01bg{/* padding:20px 0 10px 0;*/}
.con01 .list{ margin-top:0;/* box-shadow:none; */ padding:30px 10px 30px 10px;}
.swiper5{ height:auto;}
.con01 .list ul{/* flex-wrap:wrap; */}
.con01 .list ul li{/* width:calc((100% - 30px)/4); margin:0 0 10px 10px;*/}
.con01 .list ul li:nth-child(4n-3){/* margin-left:0;*/ }
.con01 .list ul li:before{/* display:none;*/}
.con01 .list ul li .txt{ padding:0;/* background:#000000;color:#fff;*/}
.con01 .list ul li .txt .h2{ font-size:12px; line-height:22px;/* margin-bottom:10px;*/ transform:translateY(0);}
.con01 .list ul li .txt .h3{ display:none;}
.con01 .list ul li .txt .h3 i{ width:20px; height:20px; opacity:1; visibility:visible;}
.con01 .list ul li:hover .txt,.con01 .list ul li.active .txt{ padding: 0; margin-top:0; background:none; color:#333; box-shadow:none; }
.con01 .list ul li:hover .txt .h2, .con01 .list ul li.active .txt .h2{ margin-bottom:0;}
}


.tit1{ text-align:center;}
.tit1 .h2{ font-size:36px; line-height:46px; font-weight:bold;}
.more1{}
.more1 span{ display:inline-block; text-align:center; font-size:18px; line-height:48px; border-radius:3px; background:#e64c2a; color:#fff; padding:0 10px;}
.more1 span:hover{}
.more2{ text-align:center;}
.more2 span{ display:inline-block; text-align:center; font-size:14px; line-height:34px; background:#000; color:#fff; padding:0 10px; min-width:80px;}
.more2 span:hover{}
.con02bg{ padding:60px 0 60px 0;}
.con02{}
.con02 .list{ margin-top:40px; background:#f2f2f2;}
.con02_lt{ float:left; width:300px; height:700px; background-position:bottom center; background-repeat:no-repeat; background-size:cover; color:#fff; text-align:center;}
.con02_lt img{ width:100%; display:none;}
.con02_lt .nr_box{ padding:80px 0 0 0;}
.con02_lt .h2{ font-size:48px; line-height:58px; font-weight:bold; margin:0 0 80px 0;}
.con02_rt{ float:right; width:calc(100% - 300px);}
.slideTxtBox_03{}
.slideTxtBox_03 .hd{ float:left; width:300px; height:700px; background:#fff; box-shadow:0 0 10px 10px rgba(0, 0, 0 , 0.1); font-size:24px; line-height:34px; text-align:center;}
.slideTxtBox_03 .hd ul{ height:100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-direction: column;}
.slideTxtBox_03 .hd ul li{ width:100%; height:100%; cursor:pointer;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.slideTxtBox_03 .hd ul li a{ display:block; width:100%; font-weight:bold;}
.slideTxtBox_03 .hd ul li.on{ box-shadow:0 0 10px 10px rgba(0, 0, 0 , 0.1);}
.slideTxtBox_03 .hd ul li.on a{ color:#000000;}
.slideTxtBox_03 .bd{ float:right; width:calc(100% - 300px);}
.con02_list{ padding:0 20%;}
.swiper2{ padding:100px 0; position:relative;}
.swiper-container2 { width: 100%; height:500px;}
.swiper-container2 .swiper-slide { position:relative; overflow:hidden;
/* 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{ height:225px; position:relative; background:#fff;}
.swiper-container2 .swiper-slide .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.swiper-container2 .swiper-slide .txtbg{ width:100%; height:100%; background:rgba(255, 255, 255 , 0.5); position:absolute; left:0; top:182px; transition:all .3s ease;}
.swiper-container2 .swiper-slide .txt{ padding:10px 5%;}
.swiper-container2 .swiper-slide .txt .h2{ font-size:18px; line-height:28px; height:28px; text-align:center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.swiper-container2 .swiper-slide .txt .h3{ font-size:14px; line-height:24px; color:rgba(255,255,255,.5); margin-bottom:5px;}
.swiper-container2 .swiper-slide .txt .h3 ul{}
.swiper-container2 .swiper-slide .txt .h3 li{ padding-left:20px; background:url(../images/ico01.png) left 5px no-repeat;}
.swiper-container2 .swiper-slide:hover .txtbg{ background:rgb(255 255 255 / 90%); top:0;}
.swiper-container2 .swiper-slide:hover .txt .h2{ color:#000000;}
.swiper2 .swiper-pagination2{ display:none;}
.swiper2 .swiper-pagination2 .swiper-pagination-bullet{ }
.swiper2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ }
.swiper2 .swiper-button-prev2,.swiper2 .swiper-button-next2{ width:23px; height:12px; margin:0; background-position:top center; left:50%; transform:translateX(-50%);}
.swiper2 .swiper-button-prev2{ background-image:url(../images/prev1.png); top:50px;}
.swiper2 .swiper-button-next2{ background-image:url(../images/next1.png); top:auto; bottom:50px;}
@media(max-width:1024px){
.tit1 .h2{ font-size:24px; line-height:34px; }
.more1 span{ font-size:12px; line-height:32px; padding:0 10px;}
.more2 span{ font-size:12px; line-height:32px; padding:0 10px; min-width:80px;}
.con02bg{ padding:0 0 30px 0;}
.con02 .list{ margin-top:0; }
.con02_lt{ float:left; width:100%; height:auto; }
.con02_lt img{ display:block;}
.con02_lt .nr_box{ padding:40px 0 0 0;}
.con02_lt .h2{ font-size:30px; line-height:40px; margin:0 0 40px 0;}
.con02_rt{ float:right; width:100%;}
.slideTxtBox_03 .hd{ float:left; width:100px; height:300px; font-size:12px; line-height:22px; }
.slideTxtBox_03 .bd{ float:right; width:calc(100% - 100px);}
.con02_list{ padding:0 5%;}
.swiper2{ padding:50px 0; }
.swiper-container2 { width: 100%; height:200px;}
.swiper-container2 .swiper-slide .img{ height:200px; }
.swiper-container2 .swiper-slide .txtbg{ top:160px; }
.swiper-container2 .swiper-slide .txt .h2{ font-size:16px; line-height:26px; height:26px; }
.swiper-container2 .swiper-slide .txt .h3{ font-size:12px; line-height:22px; margin-bottom:5px;}
.swiper-container2 .swiper-slide .txt .h3 li{ background-position:left 5px;}
.swiper2 .swiper-button-prev2{ top:10px;}
.swiper2 .swiper-button-next2{ bottom:10px;}
}


.con03bg{ padding:60px 0 100px 0;}
.con03{}
.con03 .list{ margin-top:40px;}
.con03 .list>ul>li{ float:left; width:102px; height:586px; position:relative; box-shadow:0 0 5px 5px rgba(0 , 0 , 0 , 0.1); background-position:right center; background-repeat:no-repeat; background-size:cover;}
.con03 .list ul li .txt1bg{ width:100px; border-right:2px solid #fff; height:100%; background:#fff; position:absolute; left:0; top:0;}
.con03 .list ul li .txt1{ text-align:center; padding:100px 0 0 0;}
.con03 .list ul li .txt1 .ico{ margin:0 auto; width:50px; height:40px; overflow:hidden; margin-bottom:20px;}
.con03 .list ul li .txt1 .ico img{ display:block;}
.con03 .list ul li .txt1 .h2{ font-size:26px; line-height:36px; font-weight:bold;}
.con03 .list ul li .txt1 .h3{ opacity:.3; font-size:16px; line-height:20px; position:absolute; bottom:10px; left:0; width:100%;}
.con03 .list ul li .txt1 .h3 span{ display:block;}
.con03 .list ul li .txt1 .h3 strong{ display:block; font-weight:normal; font-size:24px; line-height:28px; margin-top:5px;}
.con03 .list ul li .img{ display:none;}
.con03 .list ul li .img img{ display:block; width:100%;}
.con03 .list ul li .txt2bg{ width:670px; min-height:145px; background:#fff; box-shadow:0 0 3px 3px rgba(0 , 0 , 0 , 0.1); position:absolute; left:200px; bottom:-40px; display:none;}
.con03 .list ul li .txt2{ padding:15px 20px;}
.con03 .list ul li .txt2 .h2{ font-size:24px; line-height:34px; margin-bottom:10px;}
.con03 .list ul li .txt2 .h3{ font-size:16px; line-height:26px; color:#666;}
.con03 .list ul li .txt2 .h3 ul{}
.con03 .list ul li .txt2 .h3 li{ padding-left:25px; background:url(../images/ico04.png) left 4px no-repeat; margin-top:5px;}
.con03 .list>ul>li.active{ width:calc(100% - 306px);}
.con03 .list>ul>li.active:before{ content:""; position:absolute; width:16px; height:23px; background:url(../images/ico06.png) center no-repeat; top:50%; transform:translateY(-50%); left:100px; z-index:2;}
.con03 .list ul li.active .txt1bg{ background:#000000;}
.con03 .list ul li.active .txt1{ color:#fff;}
.con03 .list ul li.active .txt1 .ico img{ margin-top:-71px;}
.con03 .list ul li.active .txt2bg{ display:block;}
.con03 .list_m{ margin-top:30px; display:none;}
.slideTxtBox_05{}
.slideTxtBox_05 .hd{}
.slideTxtBox_05 .hd ul{
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;}
.slideTxtBox_05 .hd ul li{ width:25%; text-align:center; cursor:pointer; box-shadow:0 0 5px 0 rgba(0 , 0 , 0 , 0.1);}
.slideTxtBox_05 .hd ul li .txt1{ padding:10px 0 10px 0;}
.slideTxtBox_05 .hd ul li .ico{ width:30px; height:26px; overflow:hidden; margin:0 auto; margin-bottom:5px;}
.slideTxtBox_05 .hd ul li .ico img{ display:block; width:100%;}
.slideTxtBox_05 .hd ul li .h2{ font-size:12px; line-height:16px; height:48px; font-weight:bold;}
.slideTxtBox_05 .hd ul li .h3{ font-size:12px; line-height:16px; height:48px; opacity:.3;}
.slideTxtBox_05 .hd ul li .h3 span{ display:block;}
.slideTxtBox_05 .hd ul li .h3 strong{ display:block;}
.slideTxtBox_05 .hd ul li.on{ background:#000000; color:#fff;}
.slideTxtBox_05 .hd ul li.on .ico img{ margin-top:-41px;}
.slideTxtBox_05 .bd{ box-shadow:0 0 5px 5px rgba(0 , 0 , 0 , 0.1);}
.con03_list{}
.con03_list .img{}
.con03_list .img img{ display:block; width:100%;}
.con03_list .txt2{ padding:15px 5%;}
.con03_list .txt2 .h2{ font-size:14px; line-height:24px; margin-bottom:10px;}
.con03_list .txt2 .h3{ font-size:12px; line-height:22px;}
.con03_list .txt2 .h3 li{ padding-left:25px; background:url(../images/ico04.png) left 3px no-repeat; margin-top:5px;}
@media(max-width:1024px){
.con03bg{ padding:30px 0 10px 0;}
.con03 .list{ margin-top:30px; display:none;}
.con03 .list>ul>li{ float:none; width:100%; height:auto; margin-bottom:20px;}
.con03 .list ul li .txt1bg{ width:100%; border-right:none; position:static; }
.con03 .list ul li .txt1{ padding:15px 5%;}
.con03 .list ul li .txt1 .ico{ width:50px; height:40px; margin:0 auto 10px auto;}
.con03 .list ul li .txt1 .h2{ font-size:16px; line-height:24px; margin-bottom:10px;}
.con03 .list ul li .txt1 .h3{ font-size:12px; line-height:20px; position:static; }
.con03 .list ul li .txt1 .h3 strong{ font-size:14px; line-height:20px; margin-top:0;}
.con03 .list ul li .img{ display:block;}
.con03 .list ul li .txt2bg{ width:100%; min-height:0; position:static; display:block;}
.con03 .list ul li .txt2{ padding:15px 5%;}
.con03 .list ul li .txt2 .h2{ font-size:14px; line-height:24px; margin-bottom:10px;}
.con03 .list ul li .txt2 .h3{ font-size:12px; line-height:22px; }
.con03 .list ul li .txt2 .h3 li{ background-position:left 3px; margin-top:5px;}
.con03 .list>ul>li.active{ width:100%;}
.con03 .list>ul>li.active:before{ display:none;}
.con03 .list ul li.active .txt1 .ico img{ margin-top:-71px;}
.con03 .list_m{ display:block;}
}


.con04bg{ padding:60px 0 60px 0; min-width:1200px;}
.con04{ position:relative;}
.con04 .tit1{ width: 500px; position: absolute; right: calc(47.5% - 500px); top:44px;  z-index:1;}
.con04 .list{/* margin-top:40px;*/}
.slideTxtBox_04{ position:relative; background:url(../images/planbg.jpg) center no-repeat; background-size:cover;}
.slideTxtBox_04 .hd{ width:500px; position:absolute; right:calc(47.5% - 500px); top:130px; z-index:2;}
.slideTxtBox_04 .hd ul li{ float:left; width:calc((100% - 20px)/2); margin:0 0 20px 20px; text-align:center;}
.slideTxtBox_04 .hd ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.slideTxtBox_04 .hd ul li a{ display:block; height:108px; border:solid 1px #aaa; border-radius:10px;
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;}
.slideTxtBox_04 .hd ul li .nr_box{ width:100%;}
.slideTxtBox_04 .hd ul li .ico{ margin:0 auto; width:70px; height:37px; overflow:hidden;}
.slideTxtBox_04 .hd ul li .ico img{ display:block;filter: brightness(0)}
.slideTxtBox_04 .hd ul li .h2{ font-size:18px; line-height:22px;/* height:44px;*/ margin-top:8px;}
.slideTxtBox_04 .hd ul li.on a{ background:#fff; color:#000000;font-weight: bold}
.slideTxtBox_04 .hd ul li.on .ico img{ margin-top:-58px;}
.slideTxtBox_04 .bd{}
.con04_list{ position:relative;}
.con04_lt{ float:left; width:50%; height:100%; position:absolute; left:0; top:0;}
.con04_lt img{ display:block; width:100%; height:100%;}
.con04_rt{ float:right; width:50%; min-height:630px;}
.con04_rt .nr_box{ padding:400px 5% 0 5%; max-width:500px;}
.con04_rt .h2{ font-size:14px; line-height:24px; color:#999; margin-bottom:40px;}
.con04_rt .h3{ font-size:14px; line-height:24px; color:#999; font-weight:bold;}
.con04_rt .h3 a{ color:#999; display:inline-block; padding-right:25px; background:url(../images/ico03.png) right center no-repeat;}
@media(max-width:1024px){
.con04bg{ padding:30px 0 30px 0; min-width:0;}
.con04 .tit1{ width:100%; position:static; text-align:center; }
.con04 .tit1 .h2{ padding:0;}
.con04 .list{ margin-top:30px;}
.slideTxtBox_04 .hd{ width:90%; padding:0 5%; position:static; }
.slideTxtBox_04 .hd ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 10px 10px; }
.slideTxtBox_04 .hd ul li .h2{ font-size:12px; line-height:16px;/* height:32px;*/ margin-top:5px;}
.con04_lt{ float:left; width:100%; position:static; }
.con04_rt{ float:right; width:100%; min-height:0;}
.con04_rt .nr_box{ padding:20px 5% 20px 5%; }
.con04_rt .h2{ font-size:14px; line-height:24px; margin-bottom:20px;}
}


.con05bg{ padding:60px 0 120px 0;}
.con05{}
.con05 .list{ margin-top:40px;}
.con05 .list ul li{ float:left; width:calc((100% - 40px)/3); margin:0 0 20px 20px; text-align:center;}
.con05 .list ul li:nth-child(1){ width:calc((100% - 40px)/3*2 + 20px);}
.con05 .list ul li:nth-child(1),.con05 .list ul li:nth-child(3){ margin-left:0; clear:left;}
.con05 .list ul li .img{ height:210px; position:relative; overflow:hidden;}
.con05 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.con05 .list ul li:hover .img img{ transform:scale(1.1);}
.con05 .list ul li .txt{ padding:15px 5px;}
.con05 .list ul li .txt .h2{ font-size:18px; line-height:28px; height:28px; font-weight:bold; color:#000000;}
.con05 .list ul li:hover .txt{ background:#000000; color:#fff;}
.con05 .list ul li:hover .txt .h2{ color:#fff;}
@media(max-width:1024px){
.con05bg{ padding:30px 0 60px 0;}
.con05 .list{ margin-top:30px;}
.con05 .list ul li{ float:left; width:100% !important; margin:0 0 20px 0; }
.con05 .list ul li .img{ height:auto; padding-bottom:44%;}
.con05 .list ul li .txt{ padding:15px 5px;}
.con05 .list ul li .txt .h2{ font-size:14px; line-height:24px; height:24px; }
}


.con06bg{ padding:120px 0 120px 0; background:#f7f7f7;}
.con06{}
.con06 .list{/* margin-top:40px;*/}
.con06_lt{ float:right; width:calc((100% - 60px)/3*2 + 60px);}
.con06_lt ul li{ float:left; width:calc(50% - 30px); margin:0  0 0 30px; background:#fff; height:480px; overflow:hidden;}
.con06_lt ul li:hover{ box-shadow:0 2px 1px rgba(0,0,0,.09), 0 4px 2px rgba(0,0,0,.09), 0 8px 4px rgba(0,0,0,.09), 0 16px 8px rgba(0,0,0,.09), 0 20px 10px rgba(0,0,0,.09);}
.con06_lt ul li .img{ height:240px; position:relative; overflow:hidden;}
.con06_lt ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.con06_lt ul li:hover .img img{ transform:scale(1.1);}
.con06_lt ul li .txt{ color:#333; padding:35px 20px;}
.con06_lt ul li .txt .h2{ font-size:24px; line-height:34px; height:68px; margin-bottom:5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.con06_lt ul li .txt .date{ font-size:16px; line-height:26px; color:#999; margin-bottom:15px;}
.con06_lt ul li .txt .date span{ display:inline-block; padding-left:20px; background:url(../images/news02.png) left center no-repeat;}
.con06_lt ul li .txt .h3{ font-size:16px; line-height:26px; height:52px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.con06_rt{ float:left;width:calc((100% - 60px)/3); height:480px; background:#fff;}
.con06_rt>.h1{ text-align:center; font-size:36px; font-weight:bold; line-height:80px; background:#000000; color:#fff;}
.con06_rt ul{ padding:35px 20px 0 20px;}
.con06_rt ul li{ margin-bottom:20px;}
.con06_rt ul li .txt{ color:#333;}
.con06_rt ul li .txt .h2{ font-size:18px; line-height:28px; font-weight:bold; margin-bottom:5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.con06_rt ul li:hover .txt .h2{ color:#000000;}
.con06_rt ul li .txt .date{ font-size:18px; line-height:28px; color:#999;}
@media(max-width:1024px){
.con06bg{ padding:60px 0 60px 0; background:#f7f7f7;}
.con06 .list{/* margin-top:30px;*/}
.con06_lt{ float:left; width:100%;}
.con06_lt ul li{ float:left; width:100%; margin:0 0 20px 0; height:auto; }
.con06_lt ul li .img{ height:auto; padding-bottom:60%;}
.con06_lt ul li .txt{ padding:25px 5%;}
.con06_lt ul li .txt .h2{ font-size:16px; line-height:26px; height:auto; margin-bottom:5px; }
.con06_lt ul li .txt .date{ font-size:12px; line-height:22px; margin-bottom:10px;}
.con06_lt ul li .txt .date span{ display:inline-block; padding-left:20px; background:url(../images/news02.png) left center no-repeat;}
.con06_lt ul li .txt .h3{ font-size:12px; line-height:22px; height:auto; }
.con06_rt{ float:right;width:100%; height:auto; }
.con06_rt>.h1{ font-size:24px; line-height:80px; }
.con06_rt ul{ padding:25px 5%;}
.con06_rt ul li .txt .h2{ font-size:16px; line-height:26px; margin-bottom:5px; }
.con06_rt ul li .txt .date{ font-size:12px; line-height:22px; }
}


.con07bg{ padding:60px 0 60px 0;}
.con07{}
.con07 .tit1{ float:left; width:50px; padding:0 25px; height:586px; background:#000000; color:#fff;  writing-mode: vertical-lr;
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;}
.con07 .tit1 .h2{ width:100%;}
.con07 .list{ float:right; width:calc(100% - 100px);}
.con07 .list>ul>li{ float:left; width:25%;}
.con07 .list>ul>li .nr_box{ box-shadow:0 0 5px rgba(0 , 0 , 0 , 0.1); }
.con07 .list ul li .txt1bg{ height:586px; border-left:2px solid #eee;}
.con07 .list ul li .txt1{ text-align:center; padding:100px 5% 0 5%;}
.con07 .list ul li .txt1 .ico{ margin:0 auto; width:50px; height:40px; overflow:hidden; margin-bottom:20px;}
.con07 .list ul li .txt1 .ico img{ display:block; transition:all .3s ease;}
.con07 .list ul li .txt1 .h2{ font-size:24px; line-height:34px; margin-bottom:10px; font-weight:bold;}
    .con07 .list ul li .txt1 .h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
        text-align: left; font-weight:bold;
    }
.con07 .list ul li .txt1 .h4{ font-size:16px; line-height:26px; opacity:.7;}
.con07 .list ul li .txt1 .h4 ul{}
.con07 .list ul li .txt1 .h4 li{ padding-left:25px; background:url(../images/ico04.png) left 8px no-repeat; margin-top:5px;}
.con07 .list>ul>li:hover .nr_box{ box-shadow:0 0 5px 5px rgba(0 , 0 , 0 , 0.1); background:#000000; color:#fff;}
.con07 .list ul li:hover .ico img{ margin-top:-71px;}
@media(max-width:1024px){
.con07bg{ padding:60px 0 60px 0;}
.con07 .tit1{ float:left; width:100%; padding:15px 5%; height:auto; writing-mode:initial; }
.con07 .list{ float:right; width:100%;}
.con07 .list>ul>li{ float:left; width:50%; }
.con07 .list ul li .txt1bg{ height:500px; border-left:2px solid #eee;}
.con07 .list ul li .txt1{ text-align:center; padding:60px 5% 0 5%;}
.con07 .list ul li .txt1 .h2{ font-size:20px; line-height:30px; margin-bottom:10px; }
.con07 .list ul li .txt1 .h3{ font-size:16px; line-height:26px; margin-bottom:10px;}
.con07 .list ul li .txt1 .h4{ font-size:12px; line-height:22px; }
.con07 .list ul li .txt1 .h4 li{ background-position:left 4px ;}
}


.con08bg{ padding:60px 0 90px 0;}
.con08{}
.con08_lt{ float:left; width:calc((100% - 60px)/3); height:566px; background:#f7f7f7;}
.con08_lt .tit1{ background:#000000; color:#fff;}
.con08_lt .tit1 .h2{ line-height:80px;}
.con08_lt .list{ margin-top:35px;}
.con08_lt .list ul li{ margin-bottom:30px; padding:0 20px;}
.con08_lt .list ul li .txt{}
.con08_lt .list ul li .txt .h2{ font-size:18px; line-height:28px; font-weight:bold; margin-bottom:5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.con08_lt .list ul li:hover .txt .h2{ font-size:18px; line-height:28px; font-weight:bold; margin-bottom:5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #000;}
.con08_lt .list ul li .txt .h3{ font-size:18px; line-height:28px; color:#999;}
.con08_rt{ float:right; width:calc((100% - 60px)/3*2 + 60px);}
.con08_rt .list{ }
.con08_rt .list ul li{ float:left; width:calc((100% - 60px)/2); margin:0 0 30px 30px; text-align:center;}
.con08_rt .list ul li:nth-child(2n-1){/* margin-left:0;*/ clear:left;}
.con08_rt .list ul li .img{ height:210px; position:relative; overflow:hidden;}
.con08_rt .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.con08_rt .list ul li:hover .img img{ transform:scale(1.1);}
.con08_rt .list ul li .txt{ padding:15px 5px;}
.con08_rt .list ul li .txt .h2{ font-size:18px; line-height:28px; height:28px; font-weight:bold; color:#000000;}
.con08_rt .list ul li:hover .txt{ background:#000000; color:#fff;}
.con08_rt .list ul li:hover .txt .h2{ color:#fff;}
@media(max-width:1024px){
.con08bg{ padding:30px 0 60px 0;}
.con08_lt{ float:left; width:100%; margin-bottom:30px;}
.con08_lt .list{ margin-top:20px;}
.con08_lt .list ul li{ margin-top:10px;}
.con08_rt{ float:right; width:100%;}
.con08_rt .list ul li{ float:left; width:100% !important; margin:0 0 20px 0; }
.con08_rt .list ul li .img{ height:auto; padding-bottom:44%;}
.con08_rt .list ul li .txt{ padding:10px 5px;}
.con08_rt .list ul li .txt .h2{ font-size:14px; line-height:24px; height:24px; }
}


.footbg{ padding:40px 0 40px 0; background:#000000; }
.foot{ color:#fff;}
.foot a{ color:rgba(255,255,255,.9);}
.foot a:hover{ color:#fff;}
.foot .lt{ float:left; width:180px;}
.foot .f_logo{ margin-bottom:20px;}
.foot .f_logo img{ display:block; max-width:100%; max-height:50px;}
.foot .f_contact{}
.foot .f_contact .h2{ font-size:16px; line-height:26px;}
.foot .f_contact .h2 span{ display:block;}
.foot .f_contact .h2 strong{ font-size:24px;}
.foot .ct{ float:left;}
.foot .f_nav{}
.foot .f_nav dl{float:left;margin-left: 30px;padding-left: 30px;border-left:1px solid rgba(255,255,255,.5);min-height:200px;max-width: 312px;}
.zeniue{
    width: 100%;
}
.foot .f_nav dl dt{ font-size:16px; line-height:26px; font-weight:bold; margin-bottom:10px;}
.foot .f_nav dl dd{ font-size:14px; line-height:24px; }
.foot .f_nav dl .lxwm{ width:100%}
.foot .f_nav dl .lxwm ul li{display: flex;font-size:14px;}
.foot .f_nav dl .lxwm ul li span{/* flex:1; */width: 72px;}
.foot .f_nav dl .lxwm ul li em{font-style:normal;width: 55%;}
.foot .rt{ float:right; width:180px;}
.foot .f_ewm{ text-align:center;}
.foot .f_ewm img{ display:block; margin:0 auto; width:180px; margin-bottom:10px;}
.foot .f_ewm span{ display:block; font-size:16px; line-height:26px;}
@media(max-width:1024px){
.foot .lt{ float:none; width:100%; margin-bottom:40px;}
.foot .f_contact .h2{ font-size:16px; line-height:26px;}
.foot .f_contact .h2 strong{ font-size:24px;}
.foot .ct{ float:none; margin-bottom:40px; }
.foot .f_nav dl{ float:none; margin:0 0 5px 0; padding:0 0 5px 0; border-left:none; min-height:0; min-width:0; border-bottom:1px solid rgba(255,255,255,.1); }
.foot .f_nav dl:nth-child(1){ margin-left:0;}
.foot .f_nav dl dt{ font-size:14px; line-height:24px; margin-bottom:5px; background:url(../images/ico_down1_hover.png) right center no-repeat; background-size:10px auto;}
.foot .f_nav dl dd{ font-size:12px; line-height:22px; display:none;}
.foot .rt{ float:none; width:180px;}
.foot .f_nav dl .lxwm ul li em{    width: 77%;}
}


/*Add------------------------------------------------------------------------------*/

.inbanner img{ display:block; width:100%;}
.inbarbg{ background:#e6e6e6; padding:17px 0;}
.inbar{ font-size:16px; line-height:26px;}
.inbar strong{}
.inbar span{}
.inbar span a{ margin:0 5px 0 0; display:inline-block;}
.inbar span a:hover{color: #000000}
.insidebg{ padding:40px 0 80px 0;}
.inside{}
.weizhi{ font-size:14px; line-height:24px; padding-left:20px; background:url(../images/p102-curmbs-icon1.png) left center no-repeat;}
.inside .weizhi{ margin-bottom:20px;}
.inside_lt{ float:left; width:240px;}
.side_a{}
.side_a .h1{ background:#000000; color:#fff; text-align:center; font-size:24px; line-height:64px; margin-bottom:2px;}
.side_a>ul{}
.side_a>ul>li{ margin-bottom:2px;}
.side_a>ul>li .h2{ background:#e6e6e6; line-height:60px; height:60px; overflow:hidden; position:relative; padding:0 40px 0 20px;}
.side_a>ul>li .h2 a{ display:inline-block; font-size:18px; color:#333;}
.side_a>ul>li .h2 span{ width:100%; height:100%; background:url(../images/ico_right1.png) right 20px center no-repeat; position:absolute; top:0; left:0; cursor:pointer;}
.side_a>ul>li .h2:hover,.side_a>ul>li .h2.on{ background:#000000;}
.side_a>ul>li .h2:hover a,.side_a>ul>li .h2.on a{ color:#fff;}
.side_a>ul>li .h2:hover span,.side_a>ul>li .h2.on span{ background-image:url(../images/ico_right1_hover.png);}
.side_a>ul>li.active .h2{ background:#000000;}
.side_a>ul>li.active .h2 a{ color:#fff;}
.side_a>ul>li.active .h2 span{ background-image:url(../images/ico_right1_hover.png);}
.side_a>ul>li>ul{ display:none;}
.side_a>ul>li>ul>li{ margin-top:1px;}
.side_a>ul>li>ul>li .h3{ background:#e6e6e6; line-height:26px;}
.side_a>ul>li>ul>li .h3 a{ display:block; font-size:16px; padding:10px 10px 10px 40px;}
.side_a>ul>li>ul>li .h3:hover a,.side_a>ul>li>ul>li .h3.on a{ color:#000000;}
.side_b{ width:140px;}
.side_b ul li{ margin-bottom:10px;}
.side_b ul li a{ display:block; height:140px; text-align:center; font-size:20px; line-height:30px; background:#333; color:#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;}
.side_b ul li.active a,.side_b ul li:hover a{ background:#000000;}
.inside_rt{ float:right; width:calc(100% - 280px);}
.tit2{ }
.tit2 .h2{ font-size:20px; line-height:40px; }
.tit2 .h2 span{ display:inline-block; vertical-align:top; border-bottom:1px solid #000000;}
.inside_rt .tit2{ margin-bottom:20px;}
.innav{ margin-bottom:10px;}
.innav ul li{ float:left; margin:0 10px 10px 0;}
.innav ul li a{ display:block; text-align:center; font-size:16px; line-height:40px; background:#b3b3b3; color:#000; border-radius:20px 0 20px 0; padding:0 30px;}
.innav ul li.active a,.innav ul li:hover a{ background:#000000; color:#fff;}
.inside_rt .innav{ }
@media(max-width:1024px){
.inbar{ font-size:14px; line-height:24px;}
.inside_lt{ float:left; width:100%; margin-bottom:20px;}
.side_a>ul>li .h2{ line-height:50px; height:50px; padding:0 40px 0 20px;}
.side_a>ul>li .h2 a{ font-size:16px; }
.side_a>ul>li>ul>li .h3{ line-height:24px;}
.side_a>ul>li>ul>li .h3 a{ font-size:14px; padding:5px 10px 5px 40px;}
.side_b{ width:100%;}
.side_b ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.side_b ul li{ width:100%; margin-left:10px;}
.side_b ul li:nth-child(1){ margin-left:0;}
.side_b ul li a{ height:80px; font-size:16px; line-height:26px; padding:0 10px;}
.inside_rt{ float:right; width:100%;}
.innav ul li{ margin:0 5px 5px 0;}
.innav ul li a{ font-size:12px; line-height:30px; border-radius:15px 0 15px 0; padding:0 14px;}
}


.product1{}
.product1 ul li{ float:left; width:calc((100% - 30px)/3); margin:0 0 15px 15px;}
.product1 ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.product1 ul li .nr_box{ border:1px solid #dedede;}
.product1 ul li:hover .nr_box{ border-color:#000000;}
.product1 ul li .img{ padding-bottom:56%; position:relative; overflow:hidden;}
.product1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.product1 ul li:hover .img img{ transform:scale(1.1);}
.product1 ul li .txt{ padding:5px 0 15px 0;}
.product1 ul li .txt .h2{ font-size:18px; line-height:28px; text-align:center;}
.product1 ul li:hover .txt .h2 {color: #000000;font-weight: bold;}
@media(max-width:1024px){
.product1 ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 15px 10px;}
.product1 ul li:nth-child(3n-2){ margin-left:10px; clear:none;}
.product1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.product1 ul li .txt .h2{ font-size:14px; line-height:24px; }
}


.more3{}
.more3 span{ display:inline-block; text-align:center; line-height:40px; border-radius:4px; font-size:12px; background:#848484; color:#fff; padding:0 10px; min-width:100px;}
.more3 span:hover{ background:#000000;}
.proDetail1{}
.proDetail1 .list1{ margin-bottom:40px;}
.proDetail1 .list1 .lt{ float:left; width:500px;}
.gallery-top { }
.gallery-top .swiper-slide{}
.gallery-top .swiper-slide .img{ padding-bottom:56%; position:relative;}
.gallery-top .swiper-slide .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.gallery-thumbs { }
.gallery-thumbs .swiper-slide { }
.gallery-thumbs .swiper-slide .img{ padding-bottom:75%; position:relative; border:1px solid #eee; cursor:pointer;}
.gallery-thumbs .swiper-slide .img img{ max-width:90%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.gallery-thumbs .swiper-slide-thumb-active .img{ border-color:#000000;}
.proDetail1 .list1 .rt{ float:right; width:calc(100% - 550px)}
.proDetail1 .list1 .rt .nr_box{}
.proDetail1 .list1 .rt .h2{ font-size:16px; line-height:26px; border-bottom:1px solid #e5e5e5; padding-bottom:5px; margin-bottom:15px;}
.proDetail1 .list1 .rt .h3{ font-size:14px; line-height:24px; margin-bottom:25px;}
.proDetail1 .list1 .rt .h3 strong{ display:block; font-weight:normal;}
.proDetail1 .list1 .rt .h3 span{ display:block;}
.proDetail1 .list2{ margin-bottom:40px;}
.proDetail1 .list2 .h1{ background:#848484; color:#fff; text-align:center; font-size:20px; line-height:30px; padding:25px 0; margin-bottom:20px;font-weight: bold;}
.proDetail1 .list2 .h1 span{}
.proDetail1 .list2 .txt{ /*background:#e6e6e6;*/ padding:15px 6%; font-size:16px; line-height:1.6em;}
.proDetail1 .list3{ margin-bottom:40px;}
.proDetail1 .list3 .h1{ font-size:24px; line-height:1em; border-left:5px #000000 solid; padding-left:10px; margin-bottom:20px;}
.proDetail1 .list3 .h1 span{ display:inline-block; vertical-align:top;}
.swiper3{ position:relative;}
.swiper-container3 { width: 100%; }
.swiper-container3 .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-container3 .swiper-slide .nr_box{}
.swiper-container3 .swiper-slide .img{ padding-bottom:75%; position:relative; border:1px solid #eee; overflow:hidden;}
.swiper-container3 .swiper-slide .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.swiper-container3 .swiper-slide:hover .img img{ transform:scale(1.1);}
.swiper-container3 .swiper-slide .txt{ text-align:center; color:#333; padding:15px 20px;}
.swiper-container3 .swiper-slide .txt .h2{ font-size:14px; line-height:24px; height:24px;}
.swiper-container3 .swiper-slide .txt .h3{ font-size:12px; line-height:22px; opacity:.7;}
.swiper-container3 .swiper-slide:hover .txt{ background:#000000 url(../images/ico_right2.png) right 10px center no-repeat; color:#fff;}
.swiper3 .swiper-pagination3{ display:none;}
.swiper3 .swiper-pagination3 .swiper-pagination-bullet{ }
.swiper3 .swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active{ }
.swiper3 .swiper-button-prev3,.swiper3 .swiper-button-next3{ width:50px; height:50px; margin-top:-25px; border-radius:100%; background-color:#fff; background-size:10px 24px; box-shadow:0 0 5px rgba(0,0,0,.1);}
.swiper3 .swiper-button-prev3{ left:-25px;}
.swiper3 .swiper-button-next3{ right:-25px;}
.proDetail1 .list4{ margin-bottom:40px;}

@media(max-width:1024px){
.more3 span{ line-height:30px; padding:0 10px; min-width:80px;}
.proDetail1 .list1 .lt{ float:left; width:100%; margin-bottom:20px;}
.proDetail1 .list1 .rt{ float:right; width:100%;}
.swiper3 .swiper-button-prev3{ left:0;}
.swiper3 .swiper-button-next3{ right:0;}
}


.solution1{}
.solution1 ul li{ float:left; width:calc((100% - 25px)/2); margin:0 0 25px 25px;}
.solution1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.solution1 ul li .nr_box{ border:1px solid #dedede;}
.solution1 ul li:hover .nr_box{ border-color:#000000;background: #000}
.solution1 ul li .img{ padding-bottom:58%; position:relative; overflow:hidden;}
.solution1 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.solution1 ul li:hover .img img{ transform:scale(1.1);}
.solution1 ul li .txt{ padding:20px 10px;}
.solution1 ul li .txt .h2{ font-size:18px; line-height:28px; text-align:center;}
@media(max-width:1024px){
.solution1 ul li{ float:left; width:100%; margin:0 0 20px 0;}
.solution1 ul li .txt{ padding:15px 10px;}
.solution1 ul li .txt .h2{ font-size:14px; line-height:24px; }
}


.case1{ margin-top:20px;}
.case1 ul li{ float:left; width:calc((100% - 30px)/3); margin:0 0 30px 15px;}
.case1 ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.case1 ul li .nr_box{ border:1px solid #ebebeb; box-shadow:10px 10px 20px #f2f2f2;}
.case1 ul li:hover .nr_box{ border-color:#000000;}
.case1 ul li .img{ padding-bottom:50%; position:relative; overflow:hidden;}
.case1 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.case1 ul li:hover .img img{ transform:scale(1.1);}
.case1 ul li .txt{ padding:15px 10px;}
.case1 ul li .txt .h2{ font-size:18px; line-height:24px; text-align:center;}
.case1 ul li:hover .txt .h2{ color: #000;font-weight: bold;}
@media(max-width:1024px){
.case1 ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 20px 10px;}
.case1 ul li:nth-child(3n-2){ margin-left:10px; clear:none;}
.case1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.case1 ul li .txt{ padding:5px 5px;}
.case1 ul li .txt .h2{ font-size:12px; line-height:22px; }
}


.tit3{ text-align:center; position:relative;}
.tit3 .h2{ font-size:50px; line-height:1em; font-weight:bold; color:#000000; position:relative; z-index:2; text-shadow:2px 2px 1px #333;}
.tit3 .h3{ font-size:50px; line-height:1em; font-weight:bold; color:#eee; position:absolute; top:0; left:0; width:100%; z-index:1;}
.news1{ margin-top:50px;}
.news1 .list{ margin-top:60px;}
.news1 .list ul li{ float:left; width:calc((100% - 90px)/4); margin:0 0 60px 30px;}
.news1 .list ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.news1 .list ul li .nr_box{}
.news1 .list ul li .img{ padding-bottom:78%; position:relative; overflow:hidden;}
.news1 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.news1 .list ul li:hover .img img{ transform:scale(1.1);}
.news1 .list ul li .txtbg{ padding:0 10px; margin-top:-40px; position:relative; z-index:2;}
.news1 .list ul li .txt{ background:#f6f7fb; color:#333; padding:15px 20px;}
.news1 .list ul li:hover .txt{ background:#000000; color:#fff;}
.news1 .list ul li .txt .h2{ font-size:14px; line-height:18px; height:18px; font-weight:bold; margin-bottom:10px; border-left:3px solid #000000; padding-left:5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.news1 .list ul li:hover .txt .h2{ border-color:#fff;}
.news1 .list ul li .txt .h3{ font-size:12px; line-height:16px; height:48px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
@media(max-width:1024px){
.tit3 .h2{ font-size:24px; line-height:1em; }
.tit3 .h3{ font-size:24px; line-height:1em; }
.news1 .list{ margin-top:40px;}
.news1 .list ul li{ float:left; width:100%; margin:0 0 20px 0;}
}


.aboutus1{ margin-top:30px;}
.aboutus1 .lt{ float:left; width:67%; font-size:16px; line-height:2em;}
.aboutus1 .lt p{ text-indent:2em;}
.aboutus1 .rt{ float:right; width:30%;}
.aboutus1 .rt ul li{ float:left; width:48%; margin:0 1% 20px 1%; text-align:center;}
.aboutus1 .rt ul li .nr_box{ max-width:100px; margin:0 auto;}
.aboutus1 .rt ul li .img{ margin:0 auto; width:100px; height:100px; position:relative;}
.aboutus1 .rt ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.aboutus1 .rt ul li .txt{ color:#333; margin-top:15px;}
.aboutus1 .rt ul li .txt .h2{ font-size:14px; line-height:18px; margin-bottom:5px;}
.aboutus1 .rt ul li .txt .h3{ font-size:12px; line-height:16px; color:#999;}
@media(max-width:1024px){
.aboutus1{ margin-top:20px;}
.aboutus1 .lt{ float:left; width:100%; font-size:14px; line-height:2em; margin-bottom:20px;}
.aboutus1 .rt{ float:right; width:100%;}
}


.tit4{ text-align:center;}
.tit4 .h2{ font-size:28px; line-height:38px; font-weight:bold;}
.tit4 .h3{ font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.solution_detail1{}
.solution_detail1 .list{ margin-top:20px; margin-bottom:40px; font-size:14px; line-height:24px;}
.prevnext{ font-size:14px; line-height:24px;}
.prevnext ul li{ height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#999;}
.prevnext ul li a{ }
@media(max-width:1024px){
.tit4 .h2{ font-size:20px; line-height:30px; }
.tit4 .h3{ font-size:14px; line-height:24px; margin-top:0;}
}


.case_detail1{ margin-top:40px;}
.case_detail1 .list{ margin-top:20px; margin-bottom:40px; font-size:14px; line-height:24px;}


.news_detail1{ }
.news_detail1 .list{ margin-top:20px; margin-bottom:40px; font-size:14px; line-height:24px;}


.contact1{ margin-top:50px;}
.contact1 .list{ border:5px solid #ddd;}
.contact1 .list:hover{ border-color:#000000; background:#f9f9f9;}
.contact1 .list .lt{ float:left; width:52%;}
.contact1 .list .lt .nr_box{ padding:40px 5% 20px 5%;}
.contact1 .list .lt .h2{ font-size:24px; line-height:34px; font-weight:bold; margin-bottom:40px;}
.contact1 .list .lt ul{}
.contact1 .list .lt ul li{ /*padding-left:40px; */position:relative; line-height:30px; font-size:18px; margin-top:20px;}
.contact1 .list .lt ul li img{ position:absolute; left:0; top:0;}
.contact1 .list .rt{ float:right; width:48%;}
.contact1 .list .rt img,.contact1 .list .rt iframe{ display:block; max-width:100%;}
@media(max-width:1024px){
.contact1{ margin-top:40px;}
.contact1 .list .lt{ float:left; width:100%;}
.contact1 .list .lt .nr_box{ padding:20px 5% 20px 5%;}
.contact1 .list .lt .h2{ font-size:18px; line-height:28px; margin-bottom:10px;}
.contact1 .list .lt ul li{ padding-left:40px; line-height:30px; font-size:14px; margin-top:10px;}
.contact1 .list .rt{ float:right; width:100%;}
}


.message1{ margin-top:50px;}
.message1 .form{}
.message1 .form ul li{ margin-bottom:15px;}
.message1 .form .h2{ font-size:14px; line-height:24px; color:#666; margin-bottom:5px;}
.message1 .form .text1{ border:1px solid #ced4da; background:#fff; height:30px; line-height:30px; border-radius:4px; padding:0 10px; width:calc(100% - 22px);}
.message1 .form .text2{ border:1px solid #ced4da; background:#fff; height:50px; line-height:30px; border-radius:4px; padding:0 10px; width:calc(100% - 22px);}
.message1 .form .text3{ border:1px solid #ced4da; background:#fff; height:30px; line-height:30px; border-radius:4px; padding:0 10px; width:calc(50% - 22px); float:left;}
.message1 .form .yzm{ height:32px;}
.message1 .form .yzm img{ width:90px; height:32px; object-fit:contain; float:left; margin-left:10px; cursor:pointer;}
.message1 .form .button1{ text-align:center; width:80px; height:32px; border:1px solid #28a745; background:#28a745; color:#fff; font-size:14px; cursor:pointer; border-radius:4px;}
.message1 .form .button1:hover{ border-color:#218838; background:#218838;}
@media(max-width:1024px){
.message1{ margin-top:30px;}
}


.honor1{ margin-top:50px;}
.honor1 .list{}
.honor1 .list ul li{ float:left; width:calc((100% - 90px)/4); margin:0 0 30px 30px;}
.honor1 .list ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.honor1 .list ul li .img{ border:1px solid rgba(0,0,0,.125); border-radius:4px; background:#fff; padding-bottom:133%; position:relative;}
.honor1 .list ul li:hover .img{ border-color:#28a745;}
.honor1 .list ul li .img img{ max-width:90%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
@media(max-width:1024px){
.honor1{ margin-top:30px;}
.honor1 .list ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 20px 10px;}
.honor1 .list ul li:nth-child(4n-3){ margin-left:10px; clear:none;}
.honor1 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
}


.culture1{ margin-top:50px;}
.culture1 .list{}
.culture1 .list ul li{ float:left; width:calc((100% - 60px)/3); margin:0 0 30px 30px; background:#eee; border-radius:4px;}
.culture1 .list ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.culture1 .list ul li .nr_box{ padding:30px 20px;}
.culture1 .list ul li .img{ height:120px; position:relative;}
.culture1 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.culture1 .list ul li .txt{ margin-top:20px;}
.culture1 .list ul li .txt .h2{ font-size:18px; line-height:28px; text-align:center; border-bottom:1px solid #c3c3c3; padding-bottom:5px; margin-bottom:10px;}
.culture1 .list ul li .txt .h3{ font-size:14px; line-height:24px; height:72px; color:#666;}
@media(max-width:1024px){
.culture1{ margin-top:30px;}
.culture1 .list ul li{ float:left; width:100%; margin:0 0 30px 0; }
.culture1 .list ul li .txt .h3{ font-size:14px; line-height:24px; height:auto; }
}


.history1{ width:1500px; margin-left:-100px; overflow:hidden; margin-top:70px;}
.swiper4{ width:1312px; margin:0 auto; position:relative; padding:0; }
.swiper-container4 { width: 100%; overflow:visible;}
.swiper-container4 .swiper-slide { width:254px; height:450px; position:relative;
/* 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-container4 .swiper-slide .nr_box{ width:100%; height:262px; position:absolute; top:68px; right:-5.5px; background:url(../images/ty_b.png) center bottom no-repeat;}
.swiper-container4 .swiper-slide .txtbg{ width:35px; height:35px; position:relative; top:50%; margin-top:-12px; left:-12px; background:url(../images/yd_n.png) center no-repeat;}
.swiper-container4 .swiper-slide .txt{ padding:15px; width:185px; background:#fff; box-shadow:0 0 10px #eee; position:absolute; bottom:40px; left:-80px;}
.swiper-container4 .swiper-slide .txt .h2{ font-size:24px; line-height:34px; margin-bottom:10px;}
.swiper-container4 .swiper-slide .txt .h2 span{ color:#009b4c;}
.swiper-container4 .swiper-slide .txt .h3{ font-size:14px; line-height:24px; color:#999;}
.swiper-container4 .swiper-slide:nth-child(2n) .nr_box{ width:275px; right:auto; left:-5.5px; background-image:url(../images/ty_t.png); background-position:center top ;}
.swiper-container4 .swiper-slide:last-child .nr_box{ background:none;}
.swiper-container4 .swiper-slide:nth-child(1) .txtbg{ background-image:url(../images/yd_on.png);}
.swiper-container4 .swiper-slide:last-child .txtbg{ background-image:url(../images/yd_jt.png);}
.swiper-container4 .swiper-slide:nth-child(2n) .txt{ bottom:auto; top:40px;}
.swiper-container4 .swiper-slide:last-child .txt{ background:none; box-shadow:none;}
.swiper-container4 .swiper-slide:last-child .txt .h3{ color:#009b4c; font-size:18px; line-height:28px;}
.swiper4 .swiper-pagination4{ display:none;}
.swiper4 .swiper-pagination4 .swiper-pagination-bullet{ }
.swiper4 .swiper-pagination4 .swiper-pagination-bullet.swiper-pagination-bullet-active{ }
.swiper4 .swiper-button-prev4,.swiper4 .swiper-button-next4{ display:none;}
.swiper4 .swiper-button-prev4{ }
.swiper4 .swiper-button-next4{ }
@media(max-width:1024px){
.history1{ width:calc(100% - 100px); margin-left:0; margin-top:40px; padding:0 0 0 100px;}
.swiper4{ width:100%; padding:0; }
.swiper-container4 .swiper-slide .txt .h2{ font-size:20px; line-height:30px;}
}






















