/* @font-face {
	font-family:'noto';
	src: url(../font/NotoLight.otf); */
}
@font-face {
	font-family:'DIN';
	src: url("../../../font/DIN.ttf");
}
/*banner*/
.ind-banner{ width: 100%; margin-top: 100px;}
.ind-banner .imgBig img{ width: 100%; }
.ind-banner .imgBig img.on{ display: block; }
.ind-banner .imgBig img.off{ display: none; }
.ind-banner .swiper-slide{ height: auto; width: 100%; height: auto; position: relative; }
.ind-banner .ban1{ position: absolute; left: 0; right: 0; top: 40%; }
.ind-banner .ban1 .txt1{ width: 599px; height: 68px; background: url("../image/ban_i1.png") no-repeat; margin: 0 auto 16px;  }
.ind-banner .ban1 .txt2{ font-size: 36px; color: #fff; line-height: 80px; font-family: 'Noto'; text-align: center; }

.ind-banner .ban2{ left: 13%; top: 44%; }
.ind-banner .ban2 .txt1{ margin: 0 0 16px; }
.ind-banner .ban2 .txt2{ text-align: left; }

.ind-banner .ban3{ right: 13%; left: auto; top: 20%; }
.ind-banner .ban3 .i{ width: 449px; height: 467px; background: url("../image/ban_i2.png") no-repeat; }

.ind-banner .swiper-pagination{ bottom: 32px !important; }
.ind-banner .swiper-pagination span{ width: 13px; height: 7px; border-radius: 4px; background: #FFFFFF; opacity: 1; transition: .5s; }
.ind-banner .swiper-pagination .swiper-pagination-bullet-active{ width: 53px; background: #063f90; }

/*banner END*/

.indexPage1{ height: 113px; background: #063f90; position: relative; z-index: 10; }
.index1{ overflow: hidden; }
.index1 .leftDiv{ width: 840px; }
.index1 .topBox{ box-sizing: border-box; padding: 32px 0 0; overflow: hidden; }
.index1 .topBox em{ font-size: 16px; color: #fff; font-weight: bold; margin-right: 22px; display: block; float: left; line-height: 40px; }
.index1 .topBox input{ width: 307px; height: 38px; border-radius: 64px; border: 1px solid #fff; float: left; box-sizing: border-box; padding: 0 24px; font-size: 14px; color: #FFFFFF; }
.index1 .topBox a{ display: inline-block; background: #fff url("../image/seek.png") no-repeat center; border-radius: 50%; float: left; width: 38px; height: 38px; margin-left: 10px; }
.index1 .topBox .btn{background: #fff url("../image/seek.png") no-repeat center; border-radius: 50%; float: left; width: 38px; height: 38px; margin-left: 10px; }
.index1 .topBox a:hover{ opacity: 0.8; }
.index1 .btmBox{ margin: 15px 0 0; }
.index1 .report{ padding: 0 0 0 84px; position: relative; }
.index1 .report span{ position: absolute;  left: 0; top: 0; font-size: 14px; color: #FFFFFF; }
.index1 .report li{ float: left; }
.index1 .report li a{ color: #FFFFFF; font-size: 14px; padding: 0 6px; border-right: 2px solid #FFFFFF; display: block; line-height: 14px; }
.index1 #marquee2{width:100%;height:63px;overflow:hidden;}

.index1 .rightDiv{ width: 337px; height: 113px; background: #063f90; }
.index1 .rightDiv .text{ padding: 32px 0 0 70px; }
.index1 .rightDiv .h6{ font-size: 14px; color: #FFFFFF; margin-bottom: 6px; }
.index1 .rightDiv .p{ font-size: 30px; font-weight: bold; color: #FFFFFF; }
.index22{ padding: 70px 0 35px 0; }
.indexPage2{ background: #FFFFFF; }
.index2{ padding: 0 0 70px; }
.title1{ text-align: center; }
.title11{ text-align: center; }
.index2 .title1{ margin-bottom: 50px; }
.index3335 .title1 .h6{ font-size: 26px; color: #fff; margin-bottom: 12px; }
.index3335 .title1 .h7{ font-size: 24px; color: #fff; margin-bottom: 12px; }
.index3335 .title1 .en{ font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 26px; }

.title1 .h6{ font-size: 26px; color: #000000; margin-bottom: 12px; }
.title1 .h7{ font-size: 24px; color: #fff; margin-bottom: 12px; }
.title1 .en{ font-size: 14px; color: rgb(156, 156, 156); text-transform: uppercase; margin-bottom: 26px; }
.title11 .en{ font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 26px; }
.title1 .h5{ font-size: 30px; color: #333333; }
.title11 .h6{ font-size: 24px; color: #fff; margin-bottom: 12px; }
.ind2_nav{ margin: 0 -1px 22px; }
.ind2_nav .slick{ background: #f5f5f5; margin: 0 1px; }
.ind2_nav a{ display: block; overflow: hidden; height: 152px; }
.ind2_nav .i{ width: 50px; height: 50px; line-height: 50px; text-align: center; margin: 32px auto 34px; }
.ind2_nav .i .off{ display: none; }
.ind2_nav .name{ text-align: center; font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
 }
.ind2_nav .slick:hover ,
.ind2_nav .slick.nice{ background: #063f90; }
.ind2_nav .slick:hover .off ,
.ind2_nav .slick.nice .off{ display: inline-block; }
.ind2_nav .slick:hover .on ,
.ind2_nav .slick.nice .on{ display: none; }
.ind2_nav .slick:hover .name ,
.ind2_nav .slick.nice .name{ color: #FFFFFF; }
.ind2Con .content{ display: none; }
.ind2Con .topDiv{ overflow: hidden; position: relative;  }
.ind2Con .topDiv a{ display: block; height: 438px; padding: 0 0 0 666px; }
.ind2Con .topDiv .img{ width: 660px; position: absolute; left: 0; top: 0; }
.ind2Con .topDiv .img img{ width: 100%;  }
.ind2Con .text{ padding: 6px 0px 0 50px; position: relative; }
.ind2Con .text .h6{ font-size: 30px; color: #666; margin-bottom: 14px; }
.ind2Con .text .en{ font-size: 16px; color: #666; text-transform: uppercase; margin-bottom: 32px; }
.ind2Con .text .p{ font-size: 16px; color: #666; font-family: '黑体'; line-height: 30px; }
.ind2Con .more1{ position: absolute; left: 716px; bottom: 36px; }
.more1{ width: 180px; text-align: center; line-height: 52px; border: 1px solid #666; font-size: 16px; color: #666; transition: .5s; display: block; }
.more1:hover{ border-color: #063f90; color: #666; background: #063f90; transform: translateY(-5px); }
.ind2Con ul{ margin: 22px 0 0; }
.ind2Con ul:after{ content: ''; display: block; clear: both; }
.ind2Con li{ float: left; margin: 5px; box-shadow: 0 0 20px rgba(0,0,0,0.1); width: 290px; transition: .5s; font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 300%; color: #063f90;}
.ind2Con li:last-child{ margin-right: 0; }
.ind2Con li img{ width: 100%; }
.ind2Con li:hover{ transform: translateY(-6px);}
.ind2Con li a{color: #063f90;}
.indexPage333{ padding-top: 70px; background: #fff; padding-bottom: 70px; }
.indexPage39{ background: url("../picture/25.webp") no-repeat center;background-color: #fff;
    background-size: cover;  padding: 70px 0; }

.index39 .title1 .h6 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 12px;
}
.index39 .title1 .en {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 26px;
}
.ind37List{ overflow: hidden; 
}
.ind37List li{ width: 33.33%; float: left; }
.ind37List li .hover{ text-align: center; padding: 30px 0; }
.ind37List li .hover .p{ color: #fff; font-size: 14px; line-height: 24px;  transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.ind37List li .hover .name{ line-height: 40px; height: 40px; font-size: 22px; color: #deb971; transition: .5s; }
.ind37List li .hover .name p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }



.indexPage33333{ background: url("../image/8000347.png") no-repeat center;background-color: #fff;
    background-size: cover;  padding: 70px 0; }
.indexPage33334{ background: url("../image/20.webp") no-repeat center;background-color: #fff;
    background-size: cover;  padding: 70px 0; }
.indexPage33335{ background-color: #fff;  background-size: cover;  padding: 70px 0; }
.indexPage33336{ background-color: #eff1f4;  background-size: cover;  padding: 70px 0; }
.index331 .title1 .h6{ font-size: 26px; color: #063f90; margin-bottom: 12px; }
.index331 .title1 .en{ font-size: 14px; color: #000; text-transform: uppercase; margin-bottom: 26px; }
.indexPage33337{ background: #f8f8f8; padding: 70px 0 40px 0; }
.indexPage3333{ background: #fff; padding: 70px 0 40px 0; }
.indexPage3{ background: #f3f3f3; padding: 70px 0 70px; }
.index3 .title1{ margin-bottom: 28px; }
.index3 .title11{ margin-bottom: 28px; }
.ind3List{ overflow: hidden; }
.ind3List li{ width: 300px; float: left; }
.ind3List li img{ width: 100%; }
.ind3List li a{ display: block; position: relative; }
.ind3List li .hover{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 30px 18px; }
.ind3List li .hover .p{ color: #FFFFFF; font-size: 14px; line-height: 24px; opacity: 0; transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.ind3List li .hover .name{ line-height: 38px; height: 38px; background: url("../image/bg_02.png") repeat; position: absolute; left: 0; right: 0; bottom: 0; font-size: 16px; color: #FFFFFF; transition: .5s; }
.ind3List li .hover .name p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 34px 0 19px; }
.ind3List li:hover .hover{ }
.ind3List li:hover .hover .p{ opacity: 1; }
.ind3List li:hover .hover .name{ background: #063f90; }
.ind3List li .hover .name p{ background: url("../image/i_09.png") no-repeat right center; }

.ind33List{ overflow: hidden; 
}
.ind33List li{ width: 50%; float: left; }
.ind33List li .hover{ text-align: center; padding: 30px 18px; }
.ind33List li .hover .p{ color: #FFFFFF; font-size: 20px; line-height: 24px;  transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.ind33List li .hover .name{ line-height: 40px; height: 40px; font-size: 14px; color: #FFFFFF; transition: .5s; }
.ind33List li .hover .name p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

.ind333List{ overflow: hidden; 
}
.ind333List li{ width: 31.13%; float: left; margin: 1%; border: 1px #d1d1d1 solid; background-color: #fff;}
.ind333List li .hover{ text-align: center; padding: 30px 0; }
.ind333List li .hover .p{ color: #000; font-size: 14px; line-height: 24px;  transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.ind333List li .hover .name{ line-height: 40px; height: 40px; font-size: 24px; color: #063f90; transition: .5s; }
.ind333List li .hover .name p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }


.ind323List{ overflow: hidden; 
}
.ind323List li{ width: 22.5%; float: left; margin: 1%; padding: 2% 0; background-color: #ffcc80;}
.ind323List li:nth-child(2n){ background-color: #64b5f6;}
.ind323List li .hover{ text-align: center; padding: 30px 0; }
.ind323List li .hover .p{ color: #000; font-size: 14px; line-height: 22px;  transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.ind323List li .hover .name{ line-height: 40px; height: 40px; font-size: 20px; color: #000; transition: .5s; }
.ind323List li .hover .name p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }




.ind332List{ overflow: hidden; 
}
.ind332List li{ width: 31.2%; float: left; margin: 1%; }
.ind332List li .hover{ text-align: center; padding: 15px 0; }
.ind332List li .hover .p{ color: #999; font-size: 14px; line-height: 24px;  transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.ind332List li .hover .name{ line-height: 60px; height: 60px; font-size: 18px; color: #000; transition: .5s; }
.ind332List li .hover .name p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

.ind3322List{ overflow: hidden; 
}
.ind3322List li{ width: 31.2%; float: left; margin: 1%; padding: 2% 0; background-color: #ffcc80;}
.ind3322List li:nth-child(2n){ background-color: #64b5f6;}
.ind3322List li .hover{ text-align: center; padding: 15px 0; }
.ind3322List li .hover .p{ color: #000; font-size: 14px; line-height: 24px;  transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.ind3322List li .hover .name{ line-height: 40px; height: 40px; font-size: 20px; color: #000; transition: .5s; }
.ind3322List li .hover .name p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }


.ind3334List{ overflow: hidden; 
}
.ind3334List li{ width: 17.5%; float: left; margin: 1%; border: 1px #d1d1d1 solid; background-color: #fff;}
.ind3334List li .hover{ text-align: center; padding: 30px 0; }
.ind3334List li .hover .p{ color: #000; font-size: 14px; line-height: 28px;  transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.ind3334List li .hover .img {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 10px auto 12px;
}
.ind3334List li .hover .img img{ display:block; width: 100%;}
.ind3334List li .hover .name{ line-height: 40px; height: 40px; font-size: 18px; color: #063f90; transition: .5s; }
.ind3334List li .hover .name p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

.ind3336List{ overflow: hidden; 
}
.ind3336List li{ width: 22.5%; float: left; margin: 1%;}
.ind3336List li .hover{ text-align: center; padding: 30px 0; }
.ind3336List li .hover .p{ color: #fff; font-size: 14px; line-height: 28px;  transition: .5s;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.ind3336List li .hover .img {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 10px auto 12px;
}
.ind3336List li .hover .img img{ display:block; width: 100%;}
.ind3336List li .hover .name{ line-height: 60px; font-weight: bolder; height: 60px; font-size: 24px; color: #fff; transition: .5s; }
.ind3336List li .hover .name p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }



.index3 .more1{ border-color: #063f90; color: #FFFFFF; background: #063f90; margin: 45px auto 0; }
.indexPage41{ background: #f8f8f8; padding: 0 0 0 0; }
.indexPage4{ background: #FFFFFF; padding: 70px 0 70px; }
.ind4_nav{ }
.ind4_nav .slick{ display: inline-block; position: relative; }
.ind4_nav .slick:before{ content: ''; display: block; position: absolute; right: 0; top: 0; bottom: 0;width: 0px; background: #eaeaea;  }
.ind4_nav .slick:last-child:before{ display: none; }
.ind4_nav .slick .i{ width: 179px; height: 179px; margin: 0 auto 24px; text-align: center; }
.ind4_nav .slick .off{ display: none; }
.ind4_nav .slick .name{ font-size: 20px; color: #212121; text-align: center; padding: 0 14px; }
.ind4_nav .slick:hover .off ,
.ind4_nav .slick.nice .off{ display: inline-block; }
.ind4_nav .slick:hover .on ,
.ind4_nav .slick.nice .on{ display: none; }
.ind4_nav .slick:hover .name ,
.ind4_nav .slick.nice .name{ color: #063f90; }

.ind4Con{ background: #f5f5f5; }
.ind4Con .txtbox{ position: relative; height: 436px; padding: 0 672px 0 0; }
.ind4Con .content .img{ position: absolute; right: 0; top: 0; width: 596px; }
.ind4Con .content .img img{ width: 100%; }
.ind4Con .txt .h6{ font-size: 30px; padding: 0 0 0 60px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; margin-bottom: 26px; }
.ind4Con .txt .h6:before{ content: ''; display: block; width: 28px; height: 30px; background: #063f90; position: absolute; left: 0; right: 0; }
.ind4Con .txt{ padding: 60px 0 0; position: relative; }
.ind4Con .txt .p{ font-size: 14px; color: #666666; line-height: 24px; padding: 0 0 0 60px; height: 190px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5; }
.ind4Con .txt .more1{ background-color: #063f90; border-color: #063f90; color: #fff; margin: 20px 0 0 60px;  }
.ind4Con .txt .more1:hover{ border-color: #063f90; color: #FFFFFF; }
.ind4Con .content{ display: none; }

.i1d4Con{ background: #fff;}
.i1d4Con .txtbox{ position: relative; height: 366px; padding: 0 0 0 600px; background-color: #f8f8f8;}
.i1d4Con .content .img{ position: absolute; left: 0; top: 0; width: 596px; }
.i1d4Con .content .img img{ width: 100%; }
.i1d4Con .txt .h6{ font-size: 30px; padding: 0 0 0 60px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; margin-bottom: 26px; }
.i1d4Con .txt .h6:before{ content: ''; display: block; width: 28px; height: 30px; background: #063f90; position: absolute; left: 0; right: 0; }
.i1d4Con .txt{ padding: 0; position: relative; background-color: #f8f8f8; }
.i1d4Con .txt .p{ font-size: 14px; color: #666666; line-height: 24px; padding: 0 0 0 60px; height: 360px;
-webkit-line-clamp:5; }
.i1d4Con .txt .p .cc{ font-size: 20px; color: #000000; font-weight: bolder; line-height: 28px; overflow: hidden;}
.i1d4Con .txt .p .dd{ font-size: 16px; color: #000000; font-weight: bolder; line-height: 28px; overflow: hidden;}
.i1d4Con .txt .more1{ background-color: #063f90; border-color: #063f90; color: #fff; margin: 20px 0 0 60px;  }
.i1d4Con .txt .more1:hover{ border-color: #063f90; color: #FFFFFF; }
.i1d4Con .content{ display: none; }


.indexPage55{  padding: 70px 0; }
.indexPage55 .p{ width: 1064px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 28px; color: #FFFFFF;}
.indexPage5{  padding: 48px 0 0px; }
.indexPage5 .title1{ margin-bottom: 32px; }
.indexPage5 .title1 .en{ margin-bottom: 0; }
.indexPage5 .p{ width: 1064px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 24px; color: #FFFFFF;}
.indexPage5 .img{ margin-top: 30px; }
.indexPage5 .img img{ width: 100%; }

.indexPage6{ padding: 20px 0 50px; }
.index6{ width: 1348px; margin: 0 auto; padding: 0 66px; box-sizing: border-box; }
.ind_honor{ position: relative; margin: -10px 5px 0; }
.ind_honor .slick-list{ padding: 10px 0 0; }
.ind_honor .slick{ margin: 0 5px;  transition: .5s; }
.ind_honor .slick:hover{ transform: translateY(-10px); }
.ind_honor .slick img{ width: 100%; }
.ind_honor .slick-prev ,
.ind_honor .slick-next{ width: 34px; height: 34px; display: block; position: absolute; top: 50%; margin: -17px 0 0; z-index: 10; }
.ind_honor .slick-prev{ left: -68px; background: url("../image/l1.png") no-repeat; background-size: cover; }
.ind_honor .slick-next{ right: -68px; background: url("../image/r1.png") no-repeat; background-size: cover; }
.ind_honor .slick-prev:hover{ background: url("../image/l1on.png") no-repeat; background-size: cover; }
.ind_honor .slick-next:hover{ background: url("../image/r1on.png") no-repeat; background-size: cover; }
.indexPageqx7{  padding: 40px 0 0 0; background: #FFFFFF; }
.indexPageq7q{  padding: 70px 0 20px 0; background-color: #f4f4f4; }
.indexPageq7qq{  padding: 10px 0 20px 0;  }
.indexPageq77qq{  padding: 70px 0 20px 0;  }
.indexPageq7{  padding: 70px 0 20px 0;  }
.indexPageq7w{  padding: 60px 0 10px 0;  }
.indexPage7{  padding: 70px 0; background: #FFFFFF; }
.index7{  }
.index7 .title1{ margin-bottom: 0px; }
.index7 .title1 .en{ margin-bottom: 36px; }
.ind7Nav{ text-align: center; }
.ind7Nav li{ display: inline-block; margin: 0 28px; font-size: 16px; color: #333333; position: relative; padding: 0 0 14px; cursor: pointer; }
.ind7Nav li em{ display: block; height: 3px; width: 0; position: absolute; left: 0; bottom: 0; background: #063f90; transition: .5s; }
.ind7Nav li.on em ,
.ind7Nav li:hover em{ position: absolute; width: 100%;  }

.ind7Con{ margin: 44px 0 26px 0; }
.ind7List{ overflow: hidden; display: none; }
.ind7List li{ width: 23%; float: left; margin: 1%; box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);}
/*.ind7List li:last-child{ margin-right: 0; }
.ind7List li .img{ overflow: hidden; }*/
.ind7List li:nth-child(4n){ margin-right: 0; }
.ind7List li .img{overflow: hidden;height: 137px;line-height: 137px;}
.ind7List li img{ width: 100%; transition: .5s; }
.ind7List li img:hover{ transform: scale(1.2); }
.ind7List .text{ padding: 20px 10px; }
.ind7List .h6{ color: #000000; font-size: 16px; font-weight: bold; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ind7List .p{ font-size: 14px; line-height: 26px; color: #666; height: 96px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.ind7List .more2{ color: #063f90; font-size: 14px; margin-top: 42px; }
.ind7List a:hover .h6{ color: #063f90; }

.ind47List{ overflow: hidden; }
.ind47List li{ width: 31.33%; float: left; margin: 1%; box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);}
.ind47List li:nth-child(4n){ margin-right: 0; }
.ind47List li .img{overflow: hidden;height: 240px;line-height: 240px;}
.ind47List li img{ width: 100%; transition: .5s; }
.ind47List li img:hover{ transform: scale(1.2); }
.ind47List .text{ padding: 20px 10px; }
.ind47List .h6{ color: #000000; font-size: 16px; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ind47List .p{ font-size: 14px; line-height: 26px; color: #666; height: 96px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.ind47List .more2{ color: #999; font-size: 14px; margin: 10px 0; }
.ind47List a:hover .h6{ color: #063f90; }


.ind41List{ overflow: hidden; display: none; }
.ind41List li{ width: 23%; float: left; margin: 1%; box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);}
.ind41List li:nth-child(4n){ margin-right: 0; }
.ind41List li .img{overflow: hidden;height: 240px;line-height: 240px;}
.ind41List li img{ width: 100%; transition: .5s; }
.ind41List li img:hover{ transform: scale(1.2); }
.ind41List .text{ padding: 20px 10px; }
.ind41List .h6{ color: #000000; font-size: 16px; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ind41List .p{ font-size: 14px; line-height: 26px; color: #666; height: 96px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.ind41List .more2{ color: #999; font-size: 14px; margin: 10px 0; }
.ind41List a:hover .h6{ color: #063f90; }



.indexPage77{  padding: 70px 0; background: #F4f4f4; }
.index77{  }
.index77 .title1{ margin-bottom: 0px; }
.index77 .title1 .en{ margin-bottom: 36px; }
.ind77Nav{ text-align: center; }
.ind77Nav li{ display: inline-block; margin: 0 28px; font-size: 16px; color: #333333; position: relative; padding: 0 0 14px; cursor: pointer; }
.ind77Nav li em{ display: block; height: 3px; width: 0; position: absolute; left: 0; bottom: 0; background: #063f90; transition: .5s; }
.ind77Nav li.on em ,
.ind77Nav li:hover em{ position: absolute; width: 100%;  }

.ind77Con{ margin: 44px 0 0; }
.ind77List{ overflow: hidden; display: none; }
.ind77List li{ width: 44%; float: left; background-color: #FFFFFF; margin: 1%; padding: 2%;}
/*.ind7List li:last-child{ margin-right: 0; }
.ind7List li .img{ overflow: hidden; }*/
.ind77List li:nth-child(4n){ margin-right: 0; }
.ind77List li .img{overflow: hidden;height: 272px;line-height: 272px;}
.ind77List li img{ width: 100%; transition: .5s; }
.ind77List li img:hover{ transform: scale(1.2); }
.ind77List .text{ padding: 28px 0 0; }
.ind77List .h6{ color: #000000; font-size: 16px; font-weight: bold; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ind77List .p{ font-size: 14px; line-height: 24px; color: #666; height: 96px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.ind77List .more2{ color: #999; font-size: 14px; margin-bottom: 18px; }
.ind77List a:hover .h6{ color: #063f90; }




.indexPage8{ background: #f3f3f3; padding: 48px 0 70px; }
.index8{ width: 1348px; margin: 0 auto; padding: 0 66px; box-sizing: border-box; }
.title2{ text-align: center; }
.title2 .h6{ font-size: 24px; color: #000000; margin-bottom: 12px; }
.title2 .en{ font-size: 24px; font-weight: bold; color: #063f90; text-transform: uppercase; margin-bottom: 16px; }
.title2 em{ width: 34px; height: 4px; background: #063f90; display: block; margin: 0 auto; }

.index8 .p{ font-size: 16px; text-align: center; margin: 14px 0 0; }
.ind8Img{ margin: 42px -4px 0; }
.ind8Img .slick-list{ padding: 10px 0 0; }
.ind8Img .slick{ margin: 0 4px; }
.ind8Img .slick li{ margin-bottom: 10px; overflow:hidden;}
.ind8Img .slick li .img{ overflow: hidden; }
.ind8Img .slick li img{ width: 100%; transition: 0.5s; }
.ind8Img .slick li img:hover{ transform: scale(1.2); }
.ind8Img .slick li:last-child{ margin: 0; }
.ind8Img .slick-prev, .ind8Img .slick-next {width: 34px;height: 34px;display: block;position: absolute;top: 50%;margin: -17px 0 0;z-index: 10;}
.ind8Img .slick-prev{ left: -68px; background: url("../image/l1.png") no-repeat; background-size: cover; }
.ind8Img .slick-next {right: -68px;background: url("../image/r1.png") no-repeat; background-size: cover;}
.ind8Img .slick-prev:hover{ background: url("../image/l1on.png") no-repeat; background-size: cover; }
.ind8Img .slick-next:hover{ background: url("../image/r1on.png") no-repeat; background-size: cover; }

.Hotlinebox{ height: 300px; }
.Hotlinebox .txtImg{ position: relative; padding: 82px 0 0 250px; width: 608px; }
.Hotlinebox .img{ position: absolute; left: 2px; top: 35px; }
.Hotlinebox .h6{ font-size: 16px; font-weight: bold; color: #FFFFFF; margin-bottom: 16px; }
.Hotlinebox .h5{ font-size: 30px; font-weight: bold; color: #FFFFFF; }
.Hotlinebox .p{ font-size: 14px; color: #FFFFFF; line-height: 24px; }
.Hotlinebox .rightDiv{ margin-top: 80px; margin-right: -120px;}
.more3{ width: 164px; height: 45px; line-height: 45px; background: url("../image/more_01.png") no-repeat; background-size: 100% 100%; border-radius: 64px; display: block; text-align: center; font-size: 16px; color: #FFFFFF; margin-top: 18px; transition: .5s; }
.more3:hover{ transform: translateY(-6px); }


/*1产品工艺*/
/*.within_ban{ margin-top: 100px; }*/
.within_ban .img img{ width: 100%; }
.header_indTop2 .header .logo{ background: url("../image/logo2.png") no-repeat; }
.header_indTop2 .header li > a { color: #333;}
.header_indTop2 .header li.on > a ,
/*.header_indTop2 .header li:hover > a{ color: #FFFFFF; }*/
.header_indTop2 .header li:hover > a{ color: #fff; background:#063f90; }
.withinHome{ overflow: hidden; }
.homeBox{ overflow: hidden; padding: 20px 0 66px; }
.homeBox .rightDiv{ color: #999999; }
.homeBox .rightDiv a{ color: #999999; }
.homeBox .rightDiv a:hover{ color: #063f90; }
.homeBox .rightDiv span{ color: #063f90; }
/*.product1 .ind2_nav{ margin-bottom: 52px;background: #fff; }*/
.product1 .ind2_nav{ margin-bottom: 52px; background: #FFFFFF; }
.product1 .ind2_nav .slick:hover, .product1 .ind2_nav .slick.nice{ background: #063f90; }
.product1 .ind2_nav .slick{ background: #FFFFFF; }
.product1 .numberBox{ padding: 32px 0 0px; }

.productCon1{  }
.productCon1 ul:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.productCon1 li{ float: left; margin: 0 20px 20px 0; background: #FFFFFF; box-shadow: 0 0 20px rgba(218,218,218,0.1); }
.productCon1 li:nth-of-type(4n){ margin-right: 0; }
.productCon1 li .img{ overflow: hidden;     width: 285px;height :285px;}
.productCon1 li img{ width: 100%; transition: .5s; }
.productCon1 li img:hover{ transform: scale(1.2); }
.productCon1 li a{ display: block; position: relative; }
.productCon1 li .name{ text-align: center; position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; color: #666666; padding-bottom: 18px; word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; }
.productCon1 li .ico{ width: 52px; height: 52px; background: url("../image/p_i1.png") no-repeat; position: absolute; right: 0; bottom: 0; opacity: 0; transition: .5s; }
.productCon1 li:hover{ box-shadow: 0 0 30px rgba(218,218,218,0.5); }
.productCon1 li:hover .name{ color: #063f90; font-weight: bold; }
.productCon1 li:hover .ico{ opacity: 1; }
.product1 .numberBox{ padding: 64px 0 120px; }
.product1 .numberBox{ padding: 32px 0 60px; }

/*产品工艺详情*/
.productshow1 .ind2_nav{ margin-bottom: 52px; }
.productshowCon1{ overflow: hidden; padding: 7px 32px 0; background: #FFFFFF; }
.productshowCon1 .leftDiv{ width: 509px; }
.productshowCon1 .leftDiv img{ width: 100%; }
.productshowCon1 .rightDiv{ width: 600px; background: #f8fdff; }
.productshowCon1 .text{ padding: 66px 68px 74px; }
.productshowCon1 .h6{ font-size: 26px; font-weight: bold; color: #333333; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ margin-bottom: 32px; }
.productshowCon1 .bor{ height: 1px; width: 318px; background: #e2e2e2; margin-bottom: 38px; }
.productshowCon1 .p{ line-height: 36px; font-size: 14px; color: #999999; height: 108px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.productshowCon1 .more4{ margin: 116px 0 0; }
.more4{ width: 136px; height: 40px; line-height: 40px; background: #90c748; border-radius: 64px; display: block; text-align: center; font-size: 14px; transition: .5s; color: #ffffff; }
.more4:hover{ transform: translateY(-5px); }

.productshowNav1{ width: 509px; margin: 24px -4px 44px; }
.productshowNav1 .slick{ margin: 0 4px; }
.productshowNav1 img{ width: 100%; opacity: 0.6; }
.productshowNav1 .on img{ opacity: 1; }

.productshow2{  }
.productshow2{ background: #ffffff; }
.productshow2 .tit{ line-height: 59px; border-bottom: 1px solid #eeeeee; padding: 0 46px; background: #f8fdff; }
.title3{ padding: 0 0 0 22px; background: url("../image/bor1.jpg") no-repeat left center; font-size: 16px; font-weight: bold; color: #5b5b5b; }
.productshow2 .content{ padding: 4px 68px 66px; }
.title4{ position: relative; }
.title4 .h6{ font-size: 22px; font-weight: bold; color: #373737; margin-bottom: 14px; }
.title4 .en{ font-size: 16px; text-transform: uppercase; color: #90c748; margin-bottom: 14px; }
.title4 .bor{ width: 29px; height: 2px; background: #5d5d5d; }
.productshow2 .content .title4{ padding: 50px 0 28px; }
.productshow2 .content .p{ font-size: 14px; line-height: 30px; }

.productshowList1{ overflow: hidden; }
.productshowList1 li{ width: 16.66%; float: left; text-align: center; }
.productshowList1 dt{ background: #f6f6f6; line-height: 38px; font-size: 14px; color: #595857; }
.productshowList1 dd{ line-height: 34px; border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; font-size: 14px; color: #999999; }
.productshowList1 li:last-child dd{ border-right: 1px solid #eeeeee; }

.productshow3{ padding: 62px 0 90px; }
.productshow3 .title5{ margin-bottom: 35px; }
.title5{ text-align: center; }
.title5 .h6{ margin-bottom: 6px; font-size: 22px; color: #3b3b3b; }
.title5 em{ display: inline-block; width: 26px; height: 3px; background: #063f90;  }
.productshowList2:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.productshowList2 li{   float: left;
    width: 280px;
    margin-right: 26px;
    margin-bottom: 30px;
    box-shadow: 0 0 20px rgba(218,218,218,0.3);
 }
/*.productshowList2 li:last-child{ margin-right: 0; }*/
.productshowList2 li:nth-of-type(4n) {
    margin-right: 0;
}
.productshowList2 li a{ display: block; position: relative; }
.productshowList2 li img{ width: 100%; }
.productshowList2 li .name {text-align: center;position: absolute;left: 0;right: 0;bottom: 0;font-size: 14px;color: #666666;padding-bottom: 26px;text-overflow: -o-ellipsis-lastline;
/*overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;*/    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.productshowList2 li:hover{  box-shadow: 0 0 30px rgba(218,218,218,0.5);  }


/*2-1应用行业-电动车控制器散热方案*/
.industryPage1{  }
.industryList1{ overflow: hidden; }
.industryList1 li{ float: left; width: 188px; height: 55px; line-height: 55px; text-align: center; margin: 0 14px 14px 0; background: #f2f2f2; }
.industryList1 li a{ display: block; font-size: 14px; }
.industryList1 li:nth-of-type(6n){ margin-right: 0; }
.industryList1 li.on a ,
.industryList1 li:hover a{ background: #063f90; color: #FFFFFF; font-weight: bold; }
.title6{  }
.title6 .en{font-size: 30px; font-weight: bold; color: #063f90; text-transform: uppercase; margin-bottom: 4px; }
.title6 .enx{font-size: 22px; color: #333; text-transform: uppercase; margin-bottom: 10px; }
.title6 .cn{font-size: 36px; font-weight: bold; color: #fff; text-transform: uppercase; margin-bottom: 4px; }
.title6 .h6{ font-size: 20px; color: #3b3b3b; }
.title6 .h6x{ font-size: 14px; color: #999; }
.title6 .h66{ font-size: 22px; color: #fff; }
.title6 .bor{ width: 26px; height: 3px; background: #063f90; margin-top: 22px; }


.industry1{ margin: 50px 0 0; }
.industry1 .content{ overflow: hidden; }
.industry1 .text{ float: left; width: 930px; }
.industry1 .text .p{ font-size: 14px; line-height: 30px; color: #999999; }
.industry1 .img{ width: 223px; border: 1px solid #e2e2e2; float: right;}
.industry1 .img img{ width: 100%; }
.industry1 .title6{ margin-bottom: 56px; }

.industry2{ padding: 42px 0 0; }
.industry2 .h6{ font-size: 22px; color: #063f90; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; }
.industry2 .content{ overflow: hidden; padding: 24px 0 0; }
.industry2 .content .text{ padding: 82px 0 0; line-height: 30px; font-size: 14px; float: left; }
.industry2 .content strong{ color: #3b3b3b; }
.industry2 .content .img{ float: right; border: 1px solid #e2e2e2; }
.industry2 .content .img img{ width: 100%; }

.industry3{ padding: 60px 0 0; }
.industry3 .img{  border: 1px solid #e2e2e2; }
.industry3 .img img{ width: 100%; }

.industry4{ padding: 40px 0 0; }
.industryPage1 .h7{ font-size: 16px; color: #3b3b3b; font-weight: bold; padding-bottom: 24px;}
.industryList4{ overflow: hidden; font-size: 14px; }
.industryList4 li{ float: left; width: 33.33%; text-align: center; }
.industryList4 li.liow1{ text-align: left; }
.industryList4 dt{ background: #EEEEEE; line-height: 40px; color: #3b3b3b; padding: 0 34px; }
.industryList4 dd{ border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; line-height: 38px; padding: 0 34px; color: #999999; }

.industry5{ padding: 0 0 80px; }
.industry5 ul{ overflow: hidden; padding: 38px 0 0; }
.industry5 li{ height: 470px; overflow: hidden; }
.industry5 li img{ border: 1px solid #e2e2e2; }
.industry5 li .name{ font-size: 16px; text-align: center; color: #3b3b3b; line-height: 24px; margin: 14px 0 0; }


/*2-2应用行业-风能变流器散热方案*/
.industry1_two{  }
.industry1_two .title6{ margin-bottom: 40px; }
.industry2_two{ padding: 42px 0 0; }
.industry2_two .h6{ font-size: 22px; color: #063f90; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; }
.industry2_two .content{ overflow: hidden; padding: 40px 0 0; }
.industry2_two .content .text{ padding: 82px 0 0; line-height: 30px; font-size: 14px; float: left; }
.industry2_two .content strong{ color: #3b3b3b; }
.industry2_two .content .img{ border: 1px solid #e2e2e2; }
.industry2_two .content .img img{ width: 100%; }
.industryPage2 .h7{ padding-bottom: 20px; }
.industry3_two{ padding: 40px 0 78px; overflow: hidden; }
.industry3_two .content{ overflow: hidden; margin-bottom: 42px; }
.industry3_two .content1{ margin-bottom: 44px; }
.industry3_two .box1{ width: 574px; margin-right: 48px; }
.industry3_two .content .img img{ border: 1px solid #e2e2e2; }
.industry3_two .box2{ width: 576px; }
.industry3_two .name{ font-size: 14px; line-height: 30px; }
.industry3_two .name1{ padding: 34px 0 0; }
.industry3_two strong{ color: #3b3b3b; }
.industry3_two span{ color: #999; }
.industry3_two .name2{ padding: 86px 0 0; }
.industry3_two .name3{ padding: 58px 0 0; }
.industry3_two .p{ line-height: 24px; font-size: 14px; color: #3b3b3b; margin-top:16px;}


/*2-3应用行业-光伏逆变器散热方案*/
.industry3_1{  }
.industry3_1 .title6{ margin-bottom: 46px; }
.industry3_1 .content{ overflow: hidden; }
.industry3_1 .text {float: left;width: 930px; margin: 8px 0 0; }
.industry3_1 .img{ width: 225px; float: right; }
.industry3_1 .text .p { font-size: 14px; line-height: 30px; color: #999999; }
.industry3_2{ margin: 44px 0 0; }
.h22{ font-size: 22px; color: #063f90; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; }
.h16 {font-size: 16px;color: #3b3b3b; padding: 42px 0 24px; font-weight: bold; }
.p24{ line-height: 24px; font-size: 14px; color: #3b3b3b; text-align: center; margin: 16px 0 0; }
.industry3_2 .h16{ padding-top: 22px; }
.industry3_2 .box1{ width: 594px; }
.industry3_3 .h16{ padding-top: 34px; }
.industryPage1 .box1{ float: left; width: 576px; }
.industryPage1 .box1 img{ width: 100%; }
.industryPage1 .box2{ float: right; width: 576px; }
.industryPage1 .box2 img{ width: 100%; }
.industryPage1 .namep {line-height: 24px;font-size: 14px;color: #999; }
.industry3_4 .namep{ margin: 140px 0 0; }
.industryPage1 .namep strong{ color: #3B3B3B; }
.industry3_10
{
    padding: 48px 0 112px;
}
.industry3_10 table{ width: 100%; font-size: 14px; border-collapse:collapse;  }
.industry3_10 table th{ width: 114px; font-weight: normal; color: #3b3b3b; background: #eeeeee; height: 78px; }
.industry3_10 table td{ text-align: center; line-height: 38px; color: #999999; border: 1px solid #dadada; border-top: none; }
.industry3_10 table .th1 ,
.industry3_10 table .th3 ,
.industry3_10 table .th9{ width: 170px; }
.industry_three{ padding: 48px 0 112px; }

/*2-5应用行业-储能系统散热方案*/
.industry_Four{ padding: 48px 0 120px; }
.industry_Four .img img{ width: 100%; }
.industry4_1 .title6{ margin-bottom: 54px; }
.industry4_1 .text .p {font-size: 14px;line-height: 30px;color: #999999;}
.industry4_2{ padding: 42px 0 0; }
.industry4_2{  }
.industry_Four .name{ line-height: 30px; font-size: 14px; margin: 40px 0 0; }
.industry_Four strong{ color: #3b3b3b; }
.industry_Four span{ color: #999; }
.industry4_4{  }
.industry4_4 .p24{ text-align: left;  border-spacing:0; }
.industry4_4 .content{ margin: 0 0 20px; }
.industry4_4 .content:nth-of-type(2){ margin: 0 0 0px; }


.industry4_10{   padding: 48px 0 112px;}
.industry4_10 table{ width: 100%; border-collapse:collapse; font-size: 14px; border-spacing:0;  }
.industry4_10 table th{ width: 149px; height: 36px; border: 1px solid #dadada; color: #3B3B3B; line-height: 40px; }
.industry4_10 table td{  height: 36px; border: 1px solid #dadada; text-align: center; color: #999999; }


/*2-6应用行业-动力电池包散热方案*/
.industry_Five{ padding: 48px 0 112px; }
.industry_Five .title6{ margin-bottom: 54px; }
.industry_Five .text .p {font-size: 14px;line-height: 30px;color: #999999;}
.industry_Five .name{ line-height: 30px; font-size: 14px; margin: 18px 0 0; }
.industry_Five strong{ color: #3b3b3b; }
.industry_Five span{ color: #999; }
.industry5_2 span{ display: block;color: #999; }
.industry5_2 .name{ line-height: 30px; font-size: 14px; margin: 18px 0 0; }

.h40{ height: 40px; }
.industry5_3 .content:last-child{ margin: 30px 0 0; }
.industry5_4 .content:last-child{ margin: 30px 0 0; }
.industry5_6{ padding: 48px 0 112px; }

.industry5_6 .name{ line-height: 30px;
    font-size: 14px;
    margin: 18px 0 0; }
.industry5_6 span{ color: #999; }
/*2-7应用行业-电机外壳散热方案*/
.industry_Six{ padding: 48px 0 112px; }
.industry_Six .title6{ margin-bottom: 54px; }
.industry_Six .text .p {font-size: 14px;line-height: 30px;color: #999999;}
.industry6_1 .text{ float: left; width: 938px; }
.industry6_1 .img{ width: 226px; float: right; }
.industry6_8{ padding: 48px 0 112px; }

.industry6_8 .name{    line-height: 30px;
    font-size: 14px;
    margin: 38px 0 0; }
.industry6_1 span{ color: #999; }

.industryPage1 .img img{ width: 100%; }
.industry_Six .name{ line-height: 30px; font-size: 14px; margin: 38px 0 0; }
.industry_Six strong{ color: #3b3b3b; }
.industry_Six span{ color: #999; }

/*2-9应用行业-变频器散热方案*/
.industry_Seven{ padding: 48px 0 120px; }
.industry_Seven .title6{ margin-bottom: 54px; }
.industry_Seven .text .p {font-size: 14px;line-height: 30px;color: #999999;}
.industry7_2{  }
.industry7_2 .h22{ margin: 56px 0 0; }
.industry7_2 .h16{ padding: 20px 0; }
.industry_Seven .name{ line-height: 30px; font-size: 14px; margin: 134px 0 0; }
.industry_Seven strong{ color: #3b3b3b; }
.industry_Seven span{ color: #999; }
.industry_Seven .industry7_4 .name{ margin-top: 32px; }
.industry7_4   .name {
    margin-top: 32px;
}
.industry7_4 .name {
    line-height: 30px;
    font-size: 14px;

}
.industry7_4 span {
   color: #999;
}
.industry7_8{ padding: 48px 0 112px; }

.industry7_8 .content{ overflow-x: auto; }
.industry7_8 table{ width: 100%; border-collapse:collapse; font-size: 14px; border-spacing:0;  }
.industry7_8 table th{ width: 149px; height: 36px; border: 1px solid #dadada; color: #3B3B3B; line-height: 26px; padding: 12px 0; }
.industry7_8 table td{  height: 20px; border: 1px solid #dadada; text-align: center; color: #999999; line-height: 21px; padding: 8px 0; }

/*2-10应用行业-电能质量SVG散热方案*/
.industry_Eight{ padding: 48px 0 120px; }
.industry_Eight .title6{ margin-bottom: 54px; }
.industry_Eight .text .p {font-size: 14px;line-height: 30px;color: #999999;}
.industry8_2 .h22 { margin: 56px 0 0;}
.industry8_2 .h16{ padding: 20px 0; }
.industry8_2 table{ width: 100%; border-collapse:collapse; font-size: 14px; border-spacing:0; text-align: center; }
.industry8_2 table td{ border: 1px solid #dadada; height: 37px; line-height: 26px; padding: 5px 0 4px; }
.industry8_2 table td:nth-of-type(2n+1){ width: 178px; color: #3B3B3B; }
.industry8_2 table td:nth-of-type(2n+2){ width: 422px; color: #999999; }
.industry8_3 .name {
    line-height: 30px;
    font-size: 14px;
    margin: 42px 0 0;
}
.industry8_3 span {
   color: #999;
}
.industry8_4 .name {
    line-height: 30px;
    font-size: 14px;
    margin: 42px 0 0;

}
.industry8_4 span {
   color: #999;
}
.industry_Eight .name{ line-height: 30px; font-size: 14px; margin: 42px 0 0; }
.industry_Eight strong{ color: #3b3b3b; font-size: 16px; }
.industry_Eight span{ color: #999; }
.industry8_8{ padding: 48px 0 112px; }

.industry8_8 .content{ overflow-x: auto; }
.industry8_8 table{ width: 100%; border-collapse:collapse; font-size: 14px; border-spacing:0; text-align: center;}
.industry8_8 table td{ text-align: center; height: 36px; border: 1px solid #dadada; padding: 0 32px; color: #999999; }
.industry8_8 table span{ color: #3B3B3B; }
.industry8_8 table td:nth-child(1){ width: 184px; }
.industry8_8 table td:nth-child(2){ width: 246px; }
.industry8_8 table td:nth-child(3){ width: 228px; }
.industry8_8 table td:nth-child(4){ width: 268px; }
.industry8_8 table td:nth-child(5){ width: 268px; }


/*2-11应用行业-IT通信散热方案*/
.industry_Nine{ padding: 48px 0 120px; }
.industry_Nine .title6{ margin-bottom: 54px; }
.industry_Nine .text .p {font-size: 14px;line-height: 30px;color: #999999;}
.industry9_2 .h22 {margin: 56px 0 0;}
.industry9_2 table{ width: 100%; border-collapse:collapse; font-size: 14px; border-spacing:0; text-align: center; }
.industry9_2 table td{ border: 1px solid #dadada; width: 50%; height: 35px; color: #999999; }

.table_repeat{ width: 100%; border-collapse:collapse; font-size: 14px; border-spacing:0; text-align: center; }
.table_repeat td{ border: 1px solid #dadada; height: 27px; color: #999999; line-height: 26px; padding: 6px 0; }
.table_repeat td:nth-child(1){ width: 140px; color: #3B3B3B; }

.table_repeat2 td{ height: 48px; }
.industry_Nine .name{ line-height: 30px; font-size: 14px; margin: 42px 0 0; }
.industry_Nine strong{ color: #3b3b3b; font-size: 14px; }
.industry_Nine span{ color: #999; }
.industry9_3 .h16{ font-weight: normal; }
.industry9_3 strong{ font-size: 16px; }
.industry9_4 table{ margin: 70px 0 0; }
.industry9_6{ margin: 36px 0 0; }

.industry9_8{  }
.industry9_8 table{ width: 100%; border-collapse:collapse; font-size: 14px; border-spacing:0; text-align: center; }
.industry9_8 table th{ color: #3B3B3B; width: 16.66%; height: 34px; border: 1px solid #dadada; }
.industry9_8 table td{ color: #999999; height: 39px; border: 1px solid #dadada; }

.industry9_9{ margin: 44px 0 0; }
.industry9_9 table{ width: 100%; border-collapse:collapse; font-size: 14px; border-spacing:0; text-align: center; }
.industry9_9 table th{ color: #3B3B3B; width: 25%; height: 34px; border: 1px solid #dadada; }
.industry9_9 table td{ color: #999999; height: 39px; border: 1px solid #dadada; }
.industry9_10 .name{ /*margin: 110px 0 0;*/     line-height: 30px;
    font-size: 14px;
    margin: 42px 0 0;}
.industry9_10 span {
   color: #999;
}
.industry9_11{ margin: 46px 0 0; }
.industry9_11 .name{ /*margin: 120px 0 0;*/  line-height: 30px;
    font-size: 14px;
    margin: 42px 0 0;}
.industry9_11 span {
   color: #999;
}
.industry9_13{ padding: 48px 0 112px; }

.industry9_13 table{ width: 100%; border-collapse:collapse; font-size: 14px; border-spacing:0; text-align: center; }
.industry9_13 table th{ width: 25%; height: 35px; border: 1px solid #dadada; }
.industry9_13 table b{ font-weight: normal; color: #3B3B3B; }
.industry9_13 table td{ color: #999999; height: 35px; border: 1px solid #dadada; }

/*3-1热管理系统-液冷系列*/
.withinNavBox{ background: #eff1f2; }
.withinNavList{ overflow: hidden; }
.withinNavList li{ float: left; line-height: 65px; }
.withinNavList li a{ display: block; text-align: center; padding: 0 32px; font-size: 16px; color: #5e5e5e; }
.withinNavList li.on a ,
.withinNavList li:hover a{ color: #063f90; font-weight: bold; background: #FFFFFF; }


.withinNav{ line-height: 46px; }

.heatOnePage1 .h16{ padding: 40px 0 20px; }
.heatOnePage1 .p{ line-height: 30px; font-size: 14px; color: #999; }
.heatOnePage1 .img img{ width: 100%; }
.heatOne{ padding: 0 0 118px; }
.heatOne1{  }
.heatOne1 .text{ width: 650px; padding: 26px 0 0; }
.heatOne1 .right{ width: 499px; }
.heatOne1 .right img{ width: 100%; }
.heatOne2{ padding: 60px 0 0; }
.heatOne2 .h22{ margin-bottom: 28px; }
.heatOne3{ padding: 60px 0 0; }
.heatOnePage1 .box1{ width: 599px; float: left; }
.heatOnePage1 .box2{ width: 554px; float: right; }
.heatOne7 .box2 .p{ margin: 110px 0 0; }
.heatOne9 .box2 .p{ margin: 94px 0 0; }
.heatOne10 .box2 .p{ margin: 104px 0 0; }
.heatOne11 table{ width: 100%; border-collapse:collapse; font-size: 14px; border-spacing:0; text-align: center; }
.heatOne11 table td{ color: #999999; border: 1px solid #dadada; height: 35px; }
.heatOne11 table td em{ color: #3B3B3B; }
.heatOne12 .leftDiv{ width: 724px; }
.heatOne12 .rightDiv{ width: 437px; }
.heatOne13 ul{ overflow: hidden; }
.heatOne13 li{ width: 362px; float: left; margin: 0 57px 0 0; }
.heatOne13 li:last-child{ margin: 0; }
.heatOne13 li .name{ font-size: 15px; color: #3B3B3B; text-align: center; margin: 14px 0 0; }

/*3-2热管理系统-强制风冷*/
.heattwo{ padding: 0 0 118px; }
.heattwo1{  }
.heattwo1 .text{ width: 750px; }
.heattwo1 .right{ width: 400px; }
.heattwo2{ padding: 42px 0 0; }
.heattwo2 .h22{ margin-bottom: 28px; }
.heattwo3{ padding: 40px 0 0; }
table{ border-collapse:collapse; font-size: 14px; border-spacing:0; text-align: center; }
table td{ color: #999999; border: 1px solid #dadada; line-height: 25px; height: 35px; }
table em{ color: #3B3B3B; }
.heattwo3 table{ width: 100%; }
.heattwo3 table .tr1 td{ padding: 12px 0; }
.heattwo3 table td{ width: 168px; }
.heattwo3 table .td5{ width: 212px; }
.heattwo4 .leftDiv{ width: 559px; }
.heattwo4 .rightDiv{ width: 605px; }
.p15{ font-size: 15px; color: #3B3B3B; margin: 18px 0 0; line-height: 24px; }
.heattwo5{  }
.heattwo5 .leftDiv{ width: 547px; }
.heattwo5 .rightDiv{ width: 616px; }
.heattwo5 .p15{ text-align: center; }
.heattwo6 .leftDiv{ width: 575px; }
.heattwo6 .rightDiv{ width: 587px; }
.heattwo7 .leftDiv{ width: 624px; }
.heattwo7 .rightDiv{ width: 540px; }

/*3-3热管理系统-自然对流*/
.heatthree{ padding: 0 0 120px; }
.heatthree1{  }
.heatthree1 .title6{ margin-bottom: 62px; }
.heatthree1 .text{ float: left; width: 750px; }
.heatthree1 .right{ width: 410px; float: right; margin: 16px 0 0; }
.heatthree1 .right img{  width: 100%;}
.heatthree2{ padding: 38px 0 0; }
.heatthree2 .p{ margin: 30px 0 0; }
.heatthree3{ padding: 38px 0 0; }
.heatthree3{  }
.heatthree .p15{ text-align: center; }
.heatthree .box1{ width: 503px; }
.heatthree .box2{ width: 515px; }
.heatthree5{ margin: 46px 0 0; }
.heatthree7{  }
.heatthree7 table{ width: 100%; }

/*4-1新闻资讯-公司新闻*/
.newsList{}
.newsList li{ width: 48%; margin: 1%; background-color: #f4f4f4; float: left;}
.newsList li a{ display: block; position: relative; }
.newsList .img{ float: right; width: 50%; }
.newsList .img img{ width: 100%; }
.newsList .text{ float: left; width: 50%; text-align: center;}
.newsList .h6{ font-size: 20px; color: #3B3B3B; margin: 35px 0 14px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsList .browse{ font-size: 12px; line-height: 30px; }
.newsList .browse span{ color: #000; }
.newsList .p{ font-size: 16px; line-height: 32px; color: #909090; max-height: 96px;
 overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.newsList .btn{ margin: 15px 30px; padding: 10px; font-size: 14px; color: #063f90;border: 1px solid rgba(28, 1, 238, 1);
}
 }
.newsList a:hover{  }
.newsList a:hover .h6{ color: #063f90; font-weight: bold; }
.newsList a:hover .btn{ color: #063f90; }

.nnewsList li{ width: 98%; margin: 1%; background-color: #f4f4f4; float: left;}
.nnewsList li a{ display: block; position: relative; }
.nnewsList .img{ float: right; width: 50%; }
.nnewsList .img img{ width: 100%; }
.nnewsList .text{ float: left; width: 50%; text-align: center;}
.nnewsList .h6{ font-size: 20px; color: #3B3B3B; margin: 35px 0 14px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nnewsList .browse{ font-size: 12px; line-height: 30px; }
.nnewsList .browse span{ color: #000; }
.nnewsList .p{ font-size: 14px; color: #909090; max-height: 96px; margin: 10px;
 overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.nnewsList .btn{ margin: 0 auto; max-width: 120px; margin-top: 20px; margin-bottom: 20px; padding: 10px; font-size: 14px; color: #333; border-radius: 20px; border: 1px solid #ccc;
}
 }
.n1newsList ul{ background-color: #f4f4f4;}
.n1newsList li{ width: 98%; margin: 1%; background-color: #f4f4f4; float: left;}
.n1newsList li a{ display: block; position: relative; }
.n1newsList .img{ float: left; width: 50%; }
.n1newsList .img img{ width: 100%; }
.n1newsList .text{ float: right; width: 50%; text-align: center;}
.n1newsList .h6{ font-size: 20px; color: #3B3B3B; margin: 35px 0 14px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.n1newsList .browse{ font-size: 12px; line-height: 30px; }
.n1newsList .browse span{ color: #000; }
.n1newsList .p{ font-size: 14px; color: #909090; max-height: 96px; margin: 10px;
 overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.n1newsList .btn{ margin: 0 auto; max-width: 120px; margin-top: 20px; margin-bottom: 20px; padding: 10px; font-size: 14px; color: #333; border-radius: 20px; border: 1px solid #ccc;
}

.newsPage1{ padding: 0 0 70px; overflow: hidden;}
.news1 .numberBox{ padding: 86px 0 0px; }

/*4-1新闻资讯-公司新闻-新闻详情*/
.title7{ text-align: center; padding-bottom: 36px; background: url("../image/bor2.png") repeat no-repeat left bottom; margin-bottom: 30px; }
.title7 .h6{ font-size: 30px; color: #444444; margin-bottom: 24px; }
.title7 .span span{ padding: 0 14px; border-right: 1px solid #e5e5e5; color: #acacac; }
.title7 .span span:last-child{ border-right: none; }
.newshow{  }
.newshow .content{ padding: 0 0 78px; background: url("../image/bor2.png") repeat no-repeat left bottom; }
.newshow .p{font-size: 14px; line-height: 30px; color: #999; }
.newshow .img{ margin: 30px 0; }
.newshow .img img{ width: 100%; }
.reternBox{ padding: 0 190px 0 0; position: relative; margin: 32px 0 0; }
.reternBox div{ font-size: 14px; margin-bottom: 18px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.reternBox div a:hover{ color: #063f90; }
.reternBox div:last-child{ margin-bottom: 0; }
.retern{ position: absolute; right: 0; top: 0; display: block; width: 128px; height:40px; line-height: 40px; background: #063f90; text-align: center; font-size: 16px; color: #FFFFFF; transition: .5s; }
.retern:hover{ transform: translateY(-5px); }
.newshowPage1{ padding: 0 0 116px; }

/*4-3新闻资讯-常见问题*/
.commonPage1{ padding: 0 0 120px; }
.commonList{ margin-top: -46px; }
.commonList li{ padding: 46px 0 32px; background: url("../image/bor2.png") repeat no-repeat left bottom; }
.commonList .h6{ padding: 0 0 0 46px; position: relative; line-height: 27px; font-size: 14px; color: #666666; margin-bottom: 13px; }
.commonList .h6:before{ content: 'Q'; font-family: arial; font-size: 15px;color: #FFFFFF; width: 27px; height: 27px; border-radius: 50%; background: #063f90; display: block; line-height: 27px;text-align: center; position: absolute; left: 0; top: 0; }
.commonList .p{ font-size: 14px; color: #999999;padding: 0 0 0 46px; position: relative; line-height: 24px; font-size: 14px; min-height: 48px; }
.commonList .p:before{ content: 'A'; font-family: arial; font-size: 15px;color: #FFFFFF; width: 27px; height: 27px; border-radius: 50%; background: #cdcdcd; display: block; line-height: 27px;text-align: center; position: absolute; left: 0; top: 0; }
.common .numberBox{ padding: 86px 0 0; }


/*公司简介*/
.aboutPage12{ margin: 70px 0;}
.aboutPage12 .wal {
    width: 1200px;
    margin: 0px auto;background: url(../image/lxwm.png) no-repeat right bottom; background-size:480px 250px;
}
.aboutPage1_1{ margin: 0;}
.aboutPage115{ margin: 70px 0; padding-bottom: 70px; background: url(../image/tpc.webp) no-repeat bottom center;}
.aboutPage115 .p{ line-height: 30px; line-height: 30px; color: #000; font-size: 14px; }
.aboutPage11{ margin: 70px 0; padding-bottom: 70px; background: url(../image/tp.webp) no-repeat bottom center;}
.aboutPage19{ background-color: #f8f8f8; padding: 30px 0; overflow: hidden;}
.aboutPage1{ margin: 70px 0 30px 0;}
.aboutPage11 .p{ line-height: 30px; line-height: 30px; color: #000; font-size: 14px; }
.aboutPage1 .p{ line-height: 30px; line-height: 30px; color: #999999; font-size: 14px; }

.aboutPage1 .pc{ line-height: 30px; line-height: 30px; color: #000; font-size: 16px; }
.aboutPage1 .imgBig{ margin: 38px 0 0; }
.aboutPage1 .imgBig img{ width: 100%; }
.aboutPage12 .p{ line-height: 30px; line-height: 30px; color: #999999; font-size: 14px; }
.aboutPage12 .imgBig{ margin: 38px 0 0; }
.aboutPage12 .imgBig img{ width: 100%; }

.about1{ padding: 0 0 10px; }
.about1 .title6{ margin-bottom: 42px; }
.about1 .title6 .h7{ padding-top: 3%; line-height: 33px; font-size: 16px; color: rgb(195, 171, 136);}
.about1 .img img{ width: 100%; }
.about1 .imgBig video{ width: 100%;height:615px; }

.aboutList1{ overflow: hidden; margin: 38px -15px -30px; }
.aboutList1 .slick{ margin: 0 15px; }
.aboutList1 li:nth-of-type(4){ margin-right: 0; }
.aboutList1 .name{ margin: 18px 0 0; text-align: center; font-size: 14px; color: #999; }
.aboutPage22_1{ padding-bottom: 70px ; }
.aboutPage22_1 .wal img {
    width: 100%;
}
.aboutPage22{ padding: 0; }
.aboutPage912{ padding: 50px 0; }
.aboutPage222{ padding-bottom: 70px; }
.aboutPage22 .wal img{width: 100%;}
.aboutPage2{ padding: 70px 0 70px; }
.about2 .title6{ margin-bottom: 44px; }
.about2 .content{ overflow: hidden; }
.about22 .leftDiv{ width: 260px; text-align: center; padding: 20px;}
.about22 .date{  line-height: 50px; overflow: hidden; margin-bottom: 14px; }
.about22 .date span{width: 260px; text-align: center; font-size: 50px; overflow: hidden; float: left; color: #000; }
.about22 .date em{ font-size: 20px; float: left; color: #000; margin-left: 12px; }
.about22 .h7{ font-size: 20px; color: #000; margin-bottom: 22px; line-height: 30px; }
.about22 .p{ font-size: 14px; line-height: 30px; color: #999999; }

.about2 .leftDiv{ width: 400px; padding: 40px 0 0 0;}
.about2 .leftDiv1{ width: 698px; }
.about2 .date{ line-height: 50px; overflow: hidden; margin-bottom: 14px; }
.about2 .date span{ font-size: 50px; overflow: hidden; float: left; color: #063f90; }
.about2 .date em{ font-size: 20px; float: left; color: #063f90; margin-left: 12px; }
.about2 .h7{ font-size: 20px; color: #3B3B3B; margin-bottom: 22px; line-height: 30px; }
.about2 .p{ font-size: 14px; line-height: 30px; color: #999999; }
/*.about2 .rightDiv{ float: right; position: relative;}
.about2 .logo_position{ width: 0; height: 0; position: absolute; left: 50%; top: 50%; }
.about2 .logosBig img{ transform: scale(0); transition: 2s; }*/
.about2 .rightDiv{ float: right; position: relative; width: 698px; height: 445px; background: url("../image/line.png") no-repeat; transform: scale(0); transition: 3s; }
.about2 .rightDiv1{ float: right; width: 400px; }
.about2 .rightDiv1 img{ width: 100%;}
.logo_position{ width: 700px; height: 300px; padding-left: 20px;}
.logo_position li{ position: absolute; transition: 1.5s; left: 50%; top: 50%; opacity: 0; }
.logo_position li img{ transition: .5s; }
.logo_position li img:hover{ transform: scale(1.2); }
.about2 .logosBig img{ transform: scale(0); transition: 1s; }

/*发展历程*/
.coursePage1{ background: url("../image/cou_bg.jpg") no-repeat; background-size: cover; padding: 0 0 294px; }
.courseNav{ padding: 0 0 0 96px; position: relative; }
.courseNav:before{ content: ''; display: block; width: 101px; height: 101px; background: url("../image/cou_i3.png") no-repeat; position: absolute; left: 0; bottom: 0; z-index: 10; }
.courseNav .slick{ height: 197px; cursor: pointer; }
.courseNav .icoBox{ margin-left: -19px; margin-bottom: 15px; transition: .5s; }
.courseNav .ico{ width: 52px; height: 85px; background: url("../image/cou_i1.png") no-repeat; font-size: 16px; color: #063f90; font-weight: bold; padding: 24px 18px 0; margin: 0 auto; transition: .5s; }
.courseNav .name{ height: 46px; line-height: 46px; background: url("../image/cou_i4.png") no-repeat; width: 196px; margin-left: -19px; text-align: center; font-size: 16px; color: #6a6a6a; }
.courseNav .slick:hover .icoBox{ margin-top:11px; margin-bottom: 4px;  }
.courseNav .slick:hover .ico{ background: url("../image/cou_i2.png") no-repeat; }
.courseNav .slick:hover .name{ color: #063f90; font-weight: bold; }
.courseNav .slick.on .icoBox{ margin-top:11px; margin-bottom: 4px;  }
.courseNav .slick.on .ico{ background: url("../image/cou_i2.png") no-repeat; }
.courseNav .slick.on .name{ color: #063f90; font-weight: bold; }

.courseCon{ margin: 38px 0 0; }
.title8 .h6{ font-size: 26px; font-weight: bold; color: #3B3B3B; text-align: center; margin-bottom: 12px; }
.title8 .span{ font-size: 14px; text-align: center; color: #999999; }
.courseCon .box{ display: none; }
.courseCon .title8{ margin-bottom: 34px;  }
.courseCon .content{ height: 686px; box-sizing: border-box; border-radius: 8px; position: relative; }
.courseCon .content .padding{ padding: 68px 98px 60px; position: relative; z-index: 10; background: url("../image/cou_i5.png") no-repeat; }
.courseCon .content:after{ content: ''; width: 32px; top: 0; bottom: 0; background: url("../image/l3.png") no-repeat; display: block; position: absolute; left: -32px; }
.courseCon .content:before{ content: ''; width: 32px; top: 0; bottom: 0; background: url("../image/r3.png") no-repeat; display: block; position: absolute; right: -32px; }
.courseCon .content .textBg{ height: 72px; background: url("../image/btm2.png") no-repeat; position: absolute; left: -32px; right: -32px; bottom: -62px; }

.courseCon .textBox{ overflow-y: auto; height:586px; }
.courseCon .text{ padding: 22px 0 0 228px; position: relative; }
.courseCon .time{ position: absolute; left: 0; top: 6px; }
.courseCon ul{ background: url("../image/line2.jpg") no-repeat repeat 160px top; overflow: hidden; }
.courseCon li{ margin-bottom: 36px;}
.courseCon li:last-child{ margin-bottom: 26px; }
.courseCon .time:before{ content: ''; display: block; width: 7px; height: 7px; background: url("../image/cou_i6.png") no-repeat; position: absolute; right: -58px; top: 24px; }
.courseCon .year1{ font-size: 48px; font-weight: bold; color: #063f90; margin-bottom: 8px; }
.courseCon .year2{ font-size: 12px; color: #a2a2a2; letter-spacing: 4px; text-transform: uppercase; }
.courseCon .p{ font-size: 15px; color: #646464; margin-bottom: 26px; }
.courseCon .img{ width: 280px; overflow: hidden; }
.courseCon .img img{ width: 100%; transition: .5s; }
.courseCon .img img:hover{ transform: scale(1.2); }

/*荣誉资质*/
.honorPage11{ padding: 0 0 50px; background-color: #f4f4f4; }
.honorPage1{ padding-bottom: 60px;  }
.honor{  }
.honor .list{  }
.honor .list ul{ overflow: hidden; }
.honor .list li{ float: left; margin: 0 36px 26px 0; width: 273px; background-color:#fff; }
.honor .list li .img{ background: #fff; }
.honor .list li img{ width: 100%; }
.honor .list li:nth-of-type(4n){ margin-right: 0; }
.honor .list .name{ padding: 20px 0px; text-align: center; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; }

.ahonor{  }
.ahonor .list{  }
.ahonor .list ul{ overflow: hidden; }
.ahonor .list li{ float: left; margin: 13px 18px; width: 564px; background-color:#fff; }
.ahonor .list li .img{ background: #fff; }
.ahonor .list li img{ width: 100%; }
.ahonor .list li:nth-of-type(4n){ margin-right: 0; }
.ahonor .list .name{ padding: 20px 0px; text-align: center; font-size: 20px; line-height: 24px; height: 24px; overflow: hidden; }


#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url("../../../style/80.png") repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { position:absolute; z-index:9999; left:50%; background-color:#fff;  -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url("../../../style/images/WhiteLoading.gif") no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { width: 452px !important; height: auto !important; left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage img{ width: 100%; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:block; color:#3B3B3B; line-height:20px; font-size:16px; font-family:"微软雅黑"; text-align: center; padding: 12px 20px; }
#mbNumber { background:url("../../../style/images/mbNumber_bg.gif") no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; display: none; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url("../image/l2.png") no-repeat center; position: absolute; top:38%; left:-62px; }
#mbNextLink { width:32px; height:100px; background:transparent url("../image/r2.png") no-repeat center; position: absolute; top:38%; right:-62px; }
#mbCloseLink { width:24px; background:transparent url("../../../images/CustomBlackClose.gif") no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }


/*企业文化*/
.culturePage1{ padding: 0 0 126px; }
.culture1{  }
.culture1 .content{ height: 377px; position: relative; padding: 0 654px 0 0; margin: 46px 0 0;  }
.culture1 .img{ width: 601px; position: absolute; right: 0; top: 0; }
.culture1 .img img{ width: 100%; }
.culture1 .tit{ font-size: 22px; color: #595857; margin-bottom: 14px; margin-top: 32px; }
.culture1 .tit:nth-of-type(1){ margin-top: 0px; }
.culture1 .p{ font-size: 14px; color: #999; line-height: 30px; }
.culture2{ margin: 80px 0 0; }
.culture2 .title6{ margin-bottom: 46px; }
.culture2 .leftCon{ height: 320px; position: relative; padding: 0 84px 0 662px; background: #eeeeee; }
.culture2 .leftCon .img{ position: absolute; left: 0; top: 0; width: 600px; }
.culture2 .leftCon .img img{ width: 100%; }
.culture2 .text{ padding: 72px 0 0; }
.culture2 .leftCon .h6{ font-weight: bold; color: #595857; }
.culture2 .leftCon .title6{ margin-bottom: 20px; }
.culture2 .p{ font-size: 16px; line-height: 30px; color: #999; }
.culture2 .rightCon{ height: 320px; position: relative; padding: 0 662px 0 84px; background: #eeeeee; }
.culture2 .rightCon .img{ position: absolute; right: 0; top: 0; width: 600px; }
.culture2 .rightCon .img img{ width: 100%; }
.culture2 .rightCon .h6{ font-weight: bold; color: #595857; }
.culture2 .rightCon .title6{ margin-bottom: 20px; }

.culture3{ margin: 72px 0 0; }
.culture3 .title6{ margin-bottom: 56px; }
.culture3 .content{ overflow: hidden; }
.culBIgimg{ width: 958px;}
.culBIgimg .img{ position: relative; margin-bottom: 26px; }
.culBIgimg img{ width: 100%; }
.culBIgimg .name{ height: 54px; background: url("../image/bg_01.png"); padding: 0 56px; position: absolute; bottom: 0; left: 0; right: 0; line-height: 56px; color: #FFFFFF; font-size: 18px; }
.culture3 .p{ line-height: 30px; color: #909090; font-size: 14px; width: 958px; }
.culMinimg{ width: 178px; padding: 44px 0 13px; position: relative; }
.culMinimg .slick{ margin-bottom: 27px; opacity: 0.5; }
.culMinimg .slick.on{ opacity: 1; }
.culMinimg .slick img{ width: 100%; }
.culMinimg .slick-prev ,
.culMinimg .slick-next{ width: 34px; height: 34px; position: absolute; left: 50%; margin-left: -17px; z-index: 10; border-radius: 50%; }
.culMinimg .slick-prev{background: url("../image/top1.png") no-repeat center; top: 0; }
.culMinimg .slick-next{ background: url("../image/btm1on.png") no-repeat center; bottom: 0; }
.culMinimg .slick-prev:hover{background: url("../image/top1on.png") no-repeat center; }
.culMinimg .slick-next:hover{ background: url("../image/btm_1.png") no-repeat center;}


/*客户服务*/
.servePage1{ padding: 0 0 82px; }
.serve1{ background: #FFFFFF; }
.serve1 .title6{ text-align: center; margin-bottom: 32px; }
.serve1 .title6 .bor{ margin: 22px auto 0; }
.serve1 .p{ text-align: center; line-height: 30px; font-size: 14px; color: #999999; }
.serve1 .img{ margin: 62px 0 60px; }
.serve1 .img img{ width: 100%; }

.servelist1:after{ content: ''; display: block; visibility: hidden; clear: both; height: 0; }
.servelist1 li{ float: left; width: 287px; height: 105px; box-sizing: border-box; background: #f3f3f3; border-radius: 8px; margin: 0 17px 0 0; padding: 24px 23px; transition: .5s; position: relative; }
.servelist1 li:last-child{ margin-right: 0; }
.servelist1 li .h6{ padding: 0 0 0 22px; position: relative; font-size: 18px; font-weight: bold; color: #595857; }
.servelist1 li .h6 em{ display: block; width: 14px; height: 14px; position: absolute; left: 0; top: 6px; }
.servelist1 li.liow1 .h6 em{ background: url("../image/serve_02.png") no-repeat; background-size: cover; }
.servelist1 li.liow2 .h6 em{ background: url("../image/serve_03.png") no-repeat; background-size: cover; }
.servelist1 li.liow3 .h6 em{ background: url("../image/serve_04.png") no-repeat; background-size: cover; }
.servelist1 li.liow4 .h6 em{ background: url("../image/serve_05.png") no-repeat; background-size: cover; }
.servelist1 li .p{ text-align: left; }

.servelist1 li:hover{ box-shadow: 0 4px 20px rgba(153,153,153,0.3); transform: translateY(-10px); }



.serve2{ padding: 44px 0 0; }
.serve2 .h6{ font-size: 22px; color: #595857; padding: 0 0 0 14px; position: relative; line-height: 22px; margin: 36px 0 24px; }
.serve2 .h6 ems{ display: block; width: 4px; height: 22px; background: #063f90; position: absolute; left: 0; top: 0px;  }
.serve2 .p{ font-size: 14px; color: #999999; line-height: 30px; }
.serve2 .p strong{ color: #595857; }

.servePage2{ overflow: hidden; background: #f8f8f8; }
.serve3{ padding: 80px 0 130px; }
.serve3 .title6{ text-align: center; margin-bottom: 32px; }
.serve3 .title6 .bor{ margin: 22px auto 0; }
.serve3 .p{ font-size: 14px; color: #666666; line-height: 30px; text-align: center; }
.serve3 .content{ overflow: hidden; margin: 38px 0 0; padding-top:80px;}
.serve3 .leftDiv .img{ width: 321px; margin: 34px 0 0; position: relative; }
.serve3 .text{ width: 167px; height: 167px; background: #97ca53; text-align: center; line-height: 167px; border-radius: 50%; display: table-cell; vertical-align: middle; position: absolute; right: -145px; top: 104px; }
.serve3 .text em{ line-height: 30px; font-size: 20px; color: #FFFFFF; display: inline-block; vertical-align: middle; }
.serve3 .ico{ width: 62px; height: 62px; background: #d3d3d3; position: absolute; bottom: -2px; right: -30px; border-radius: 50%; }
.serve3 .rightDiv{ width: 670px; }
.serve3 li{ margin-bottom: 20px; }
.serve3 li:last-child{ margin-bottom: 0; }
.serve3 .input{ padding: 0 0 0 92px; position: relative; }
.serve3 .input span{ width: 320px; line-height: 40px; background: #FFFFFF url("../image/serve_08.png") 94% center no-repeat;box-sizing: border-box;border: 1px solid #d9d9d9; display: block; padding: 0 24px; font-size: 14px; cursor: pointer; }
.serve3 .input input{ width: 320px; height: 40px; box-sizing: border-box;border: 1px solid #d9d9d9; background: #FFFFFF;padding: 0 24px; font-size: 14px; color: #666; }
.serve3 .select{ width: 100%;  background: #FFFFFF;box-sizing: border-box;border: 1px solid #d9d9d9; padding: 12px 24px; position: absolute; left: 92px; width: 320px; top: 100%; z-index: 10; display: none; }
.serve3 .select dd{ line-height: 30px; cursor: pointer; }
.serve3 .input .txt{ position: absolute; left: 0; top: 0; line-height: 40px; width: 86px; text-align: right; font-size: 14px; color: #666; font-weight: bold; }
.serve3 .i{ line-height: 40px; color: #ff0000; font-size: 14px; position: absolute; right: -28px; top: 0; }
.serve3 .i p{ line-height: 40px; color: #ff0000; font-size: 14px; position: absolute; right: -190px; top: 0; width:200px;}

.serve3 .textarea{ width: 455px; padding: 0 0 0 92px; position: relative; margin-bottom: 20px;}
.serve3 textarea{ box-sizing: border-box; width: 100%; height: 192px; background: #FFFFFF;border: 1px solid #d9d9d9; padding: 12px 24px; font-size: 14px; outline: none; resize: none; color: #666; }
.serve3 .textarea .txt{ position: absolute; left: 0; top: 0; line-height: 40px; width: 86px; text-align: right; font-size: 14px; color: #666; font-weight: bold; }
.serve3 .input{ display: inline-block; margin-bottom: 20px;}
.serve3 .input .inputBox{ width: 120px; display: inline-block; }
.serve3 .input .img{ display: inline-block; border: 1px solid #000109; margin: 0 0 0 19px; }
.serve3 .col-6{margin-bottom:20px; float: left; margin-right: 20px;}
.serve3 .leavem-msg-submit{float: right;}
.serve3 .codeimg{float: right;}
.inputBtn{ width: 130px; height: 40px; line-height: 36px; text-align: center; color: #FFFFFF; font-size: 16px; display: inline-block; background: #063f90; border-radius: 64px; margin: 0 0 0 42px; cursor: pointer; border: 1px solid #063f90;}
.serve3 .btn:hover{color: #063f90; background: #FFFFFF;}
/*联系我们*/
.contactPage1{ padding: 0 0 86px; }
.contactPage1 .contact .img{ width:1160px;height:400px }

.contact .title6{ margin: 0 0 68px; }
.contactList1{ margin: 44px 0 0; }
.contactList1:after{ content: ''; display: block; clear: both; visibility: hidden; display: block; }
.contactList1 li{ float: left; height: 220px; width: 220px; background: #f8f8f8;  margin: 0 16px 0 0; }
.contactList1 li:nth-of-type(5){ margin-right: 0; }
.contactList1 .ico{ width: 70px; margin: 45px auto 38px; }
.contactList1 .ico img{ width: 100%; }
.contactList1 .p{ text-align: center; }
.contactList1 .p p{ display: inline-block; position: relative; margin: 0 auto; font-size: 12px; line-height: 22px; color: #999999; }
.contactList1 .p em{ display: inline-block; color: #999999; }



.contactPage2{ padding: 88px 0 202px;height:396px; }
.contact2 .title6{ margin-bottom: 68px; }
.contactList2{  }
.contactList2:after{ content: ''; display: block; clear: both; visibility: hidden; }
.contactList2 li{ float: left; width: 380px;   background: #FFFFFF; border-radius: 8px; margin:0 14px; box-sizing: border-box; transition: .5s; }
.contactList2 li:nth-of-type(3n){ /*margin-right: 0;*/ }
.contactList2 .text{ padding: 38px 44px; display: block; }

.contactList2 .p{ font-size: 14px; color: #999999;height:38px; padding: 0 0 0 22px; background: url("../image/map_07.png") no-repeat left 2px; }
.contactList2 .title9{ margin-bottom: 36px; }
.contactList2 li:hover{ transform: translateY(12px); box-shadow: 0 0px 24px rgba(0,0,0,0.05); }
/*.contactList2 .p{ font-size: 14px; color: #999999; padding: 0 0 0 22px; background: url(../image/map_07.png) no-repeat left 2px; }
.contactList2 .title9{ margin-bottom: 36px; }
    /*.contactList2{ position: relative; margin: 0 -26px; }
.contactList2 .slick-list{ padding: 30px 12px; }
.contactList2 .slick{ width: 380px;  height: 230px; margin: 0 14px; box-sizing: border-box; transition: .5s; }
.contactList2 .text{ padding: 38px 44px; display: block; transition: .5s; border-radius: 8px; background: #FFFFFF; }
.contactList2 .slick:hover .text ,
.contactList2 .slick.on .text{ padding: 58px 44px; margin-top: -20px; box-shadow: 0 4px 20px rgba(153,153,153,0.3);  }*/
/*.contactList2 li:hover {
    box-shadow: 0 4px 20px rgba(153,153,153,0.3);
    padding: 22px 0;
    margin: -22px 28px 0 0;
}
.contactList2 li:nth-of-type(3n):hover {
    margin: -22px 0px 0 0;
}*/
.contactList2 .slick-prev ,
.contactList2 .slick-next{ position: absolute; top: 50%; width: 34px; height: 34px; z-index: 10; margin-top: -17px; }
.contactList2 .slick-prev{ background: url("../image/l1.png") no-repeat center; background-size: cover; left: -34px; }
.contactList2 .slick-next{ background: url("../image/r1.png") no-repeat center; background-size: cover; right: -34px; }
.contactList2 .slick-prev:hover{ background: url("../image/l1on.png") no-repeat center; background-size: cover; }
.contactList2 .slick-next:hover{ background: url("../image/r1on.png") no-repeat center; background-size: cover; }
.title9{ }
.title9 .en{ font-size: 36px; color: #5a5a5a; font-weight: bold; font-family: arial; margin-bottom: 8px; }
.title9 .h6{ font-size: 20px; color: #3b3b3b; margin-bottom: 18px; }
.title9 .bor{ height: 3px; width: 16px; background: #063f90; }


/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:14px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	/* background:#f6f6f6; */
	white-space:nowrap;
}

/* .str_wrap.str_active {
	background:#f1f1f1;
} */
.str_move {
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute;
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;
}