/* @font-face {
	font-family:'noto';
	src: url(../font/NotoLight.otf); */
}
@font-face {
	font-family:'DIN';
	src: url("../../../../www.tycooler.com/font/DIN.ttf");
}
/*banner*/
.ind-banner{ width: 100%; }
.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: 26%; }
.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: 28px; color: #ffffff; line-height: 24px; 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: 130px !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: #29166f; }

/*banner END*/

.indexPage1{ margin: -110px 0 0; height: 110px; background: url("../image/bg_01.png") repeat; position: relative; z-index: 10; }
.index1{ overflow: hidden; }
.index1 .leftDiv{ width: 95%; margin:0 2%;}
.index1 .topBox{ box-sizing: border-box; padding: 21px 0 0; overflow: hidden; }
.index1 .topBox em{ font-size: 16px; color: #ffffff; 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 #8a8687; float: left; box-sizing: border-box; padding: 0 24px; font-size: 14px; color: #FFFFFF; }
.index1 .topBox a{ display: inline-block; background: #231816 url("../image/seek.png") no-repeat center; border-radius: 50%; float: left; width: 38px; height: 38px; margin-left: 10px; }
.index1 .topBox .btn{background: #231816 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: 28%; height: 110px; background: #29166f; margin-right:2%}
.index1 .rightDiv .text{ padding: 30px 0 0 70px; }
.index1 .rightDiv .h6{ font-size: 16px; color: #FFFFFF; margin-bottom: 8px; }
.index1 .rightDiv .p{ font-size: 30px; font-weight: bold; color: #FFFFFF; }

.indexPage2{ background: #f3f3f3; }
.index2{ padding: 48px 0 48px; }
.title1{ text-align: center; }
.index2 .title1{ margin-bottom: 38px; }
.title1 .h6{ font-size: 38px; color: #000000; margin-bottom: 12px; }
.title1 .en{ font-size: 24px; font-weight: bold; color: #29166f; text-transform: uppercase; margin-bottom: 56px; }
.title1 .h5{ font-size: 30px; color: #333333; }

.ind2_nav{ margin: 0 -1px 22px; }
.ind2_nav .slick{ background: #ffffff; margin: 0 1px; }
.ind2_nav a{ display: block; overflow: hidden; color:#29166f; font-weight:bolder; height: 42px; line-height:42px;}
.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: #6498fd; }
.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; background: #353535; }
.ind2Con .topDiv a{ display: block; height: 438px; padding: 0 0 0 666px; }
.ind2Con .topDiv .img{ width: 600px; position: absolute; left: 0; top: 0; }
.ind2Con .topDiv .img img{ width: 100%;  }
.ind2Con .text{ padding: 46px 36px 0 0px; position: relative; }
.ind2Con .text .h6{ font-size: 30px; color: #FFFFFF; margin-bottom: 14px; }
.ind2Con .text .en{ font-size: 16px; color: #aeaeae; text-transform: uppercase; margin-bottom: 32px; }
.ind2Con .text .p{ font-size: 16px; color: #FFFFFF; font-family: '黑体'; line-height: 30px; }
.ind2Con .more1{ position: absolute; left: 666px; bottom: 60px; }
.more1{ width: 180px; text-align: center; line-height: 52px; border: 1px solid #FFFFFF; font-size: 16px; color: #FFFFFF; transition: .5s; display: block; }
.more1:hover{ border-color: #29166f; color: #FFFFFF; background: #29166f; transform: translateY(-5px); }
.ind2Con ul{ margin: 22px 0 0; }
.ind2Con ul:after{ content: ''; display: block; clear: both; }
.ind2Con li{ float: left; margin: 0 10px 0 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); width: 290px; transition: .5s; }
.ind2Con li:last-child{ margin-right: 0; }
.ind2Con li img{ width: 100%; }
.ind2Con li:hover{ transform: translateY(-6px); }

.showBoxLink {
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color:#000000;
	}
	
.indexPage3{ background: #f3f3f3; padding: 48px 0 56px; }
.index3 .title1{ margin-bottom: 28px; }
.ind3List{ overflow: hidden; }
.ind3List li{ width: 25%; 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: 40px 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{ position: absolute; left: 0; right: 0; top:45%;font-size: 24px; color: #333333; color: rgba(51,51,51,1); text-align:center; transition: .5s; }
.ind3List li .hover .name p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 34px 0 19px; }
.ind3List li:hover img{ transition: all 0.5s;transform:rotateZ(360deg);}
.ind3List li:hover .hover .p{ opacity: 1; }
.ind3List li .hover .name p{ }
.index3 .more1{ border-color: #29166f; color: #FFFFFF; background: #29166f; margin: 45px auto 0; }

.indexPage4{ background: #FFFFFF; padding: 48px 0 90px; }
.ind4_nav{  padding: 0 90px; margin: 24px 0 26px; }
.ind4_nav .slick{ display: inline-block; position: relative; }
.ind4_nav .slick:before{ content: ''; display: block; position: absolute; right: 0; top: 0; bottom: 0;width: 1px; background: #eaeaea;  }
.ind4_nav .slick:last-child:before{ display: none; }
.ind4_nav .slick .i{ width: 70px; height: 70px; margin: 0 auto 14px; line-height: 70px; text-align: center; }
.ind4_nav .slick .off{ display: none; }
.ind4_nav .slick .name{ font-size: 16px; color: #333333; 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: #4f8409; }

.ind4Con{ background:; }
.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: #29166f; position: absolute; left: 0; right: 0; }
.ind4Con .txt{ padding: 0; position: relative; }
.ind4Con .txt .p{ font-size: 14px; color: #666666; line-height: 24px; padding: 0 0 0 60px; height: 120px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5; }
.ind4Con .txt .more1{ border-color: #a0a0a0; color: #a0a0a0; margin: 20px 0 0 60px;  }
.ind4Con .txt .more1:hover{ border-color: #29166f; color: #FFFFFF; }
.ind4Con .content{ display: none; }

.indexPage5{ background: #ffffff; padding: 48px 0 0px; }
.indexPage5 .title1{ margin-bottom: 42px; }
.indexPage5 .title1 .en{ margin-bottom: 0; }
.indexPage5 .p{ width: 1064px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 24px; }
.indexPage5 .img{ margin-top: 30px; }
.indexPage5 .img img{ width: 100%; }

.indexPage6{ background: #FFFFFF; padding: 48px 0 56px; }
.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; border: 2px solid #29166f; box-shadow: 0 0 20px rgba(0,0,0,0.1); 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; }

.indexPage7{ padding: 48px 0 48px; 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: #231816; transition: .5s; }
.ind7Nav li.on em ,
.ind7Nav li:hover em{ position: absolute; width: 100%;  }

.ind7Con{ margin: 24px 0 0; }
.ind7List{ overflow: hidden; display: none; }
.ind7List li{ width: 365px; float: left; margin: 0 52px 0 0; }

@media screen and ( min-width:1000px ){

.ind7List li{ width: 30.33%; float: left; margin: 0 1.5%; }
.ind2Con li {    float: left;
    margin:1%;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    width: 31.33%;
    transition: .5s;
}
}
/*.ind7List li:last-child{ margin-right: 0; }
.ind7List li .img{ overflow: hidden; }*/
.ind7List li:nth-child(3n){ margin-right: 0; }
.ind7List li .img{overflow: hidden;height: 272px;line-height: 272px;}
.ind7List li img{ width: 100%; transition: .5s; }
.ind7List li img:hover{ transform: scale(1.2); }
.ind7List .text{ padding: 28px 0 0; }
.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: 24px; color: #666; height: 48px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.ind7List .more2{ color: #29166f; font-size: 14px; margin-top: 42px; }
.ind7List a:hover .h6{ color: #29166f; }

.indexPage8{ background: #f3f3f3; padding: 48px 0 60px; }
.index8{ width: 1348px; margin: 0 auto; padding: 0 66px; box-sizing: border-box; }
.title2{ text-align: center; }
.title2 .h6{ font-size: 38px; color: #000000; margin-bottom: 12px; }
.title2 .en{ font-size: 24px; font-weight: bold; color: #29166f; text-transform: uppercase; margin-bottom: 16px; }
.title2 em{ width: 34px; height: 4px; background: #231816; 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;width: 32.33%; }
.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:#231816; }
.withinHome{ overflow: hidden; }
.homeBox{ overflow: hidden; padding: 20px 0 30px; }
.homeBox .rightDiv{ color: #999999; }
.homeBox .rightDiv a{ color: #999999; }
.homeBox .rightDiv a:hover{ color: #231816; }
.homeBox .rightDiv span{ color: #231816; }
/*.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: #6498fd; }
.product1 .ind2_nav .slick{ background: #FFFFFF; }
.productCon1{  }
.productCon1 ul:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.productCon1 li{ float: left; width: 23%; margin: 1%; 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:100%;}
.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; font-size: 14px; color: #666666; padding:16px 0; 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: #29166f; font-weight: bold; }
.productCon1 li:hover .ico{ opacity: 1; }
.product1 .numberBox { padding: 32px 0 0px;}
.product1 {
    padding: 0 0 5% 0;
}
/*产品工艺详情*/
.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: #f6f4fe; }
.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: #29166f; 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{ background: #ffffff; margin-bottom:4%;}
.productshow2 .tit{ line-height: 59px; border-bottom: 1px solid #eeeeee; padding: 0 46px; background: #f6f4fe; }
.title3{ 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: #29166f; margin-bottom: 14px; }
.title4 .bor{ width: 29px; height: 2px; background: #ffffff; }
.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: #231816;  }
.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; margin-bottom: 52px;}
.industryList1 li{ float: left; width: 24%; height: 42px; line-height: 42px; text-align: center; margin: 0 14px 14px 0; background: #ffffff; }
.industryList1 li a{ display: block; font-weight:bolder; font-size: 16px; color:#29166f;}
.industryList1 li.on a ,
.industryList1 li:hover a{ background: #6498FD; color: #FFFFFF; font-weight: bold; }
.title6{  }
.title6 .en{font-size: 36px; font-weight: bold; color: #231816; text-transform: uppercase; margin-bottom: 4px; }
.title6 .h6{ font-size: 22px; color: #3b3b3b; }
.title6 .bor{ width: 26px; height: 3px; background: #6498FD; margin-top: 22px; }

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

.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: #29166f; 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: #29166f; 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: #29166f; 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: #ffffff; font-weight: bold; background: #6498fd; }


.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{ background: url("../image/bor2.png") repeat no-repeat; }
.newsList li{ padding: 42px 0 41px; background: url("../image/bor3.png") repeat no-repeat left top; }
.newsList li:last-child{ background: url("../image/bor3.png") repeat no-repeat left top , url("../image/bor3.png") repeat no-repeat left bottom; }
.newsList li a{ display: block; padding: 0 0 0 158px; position: relative; }
.newsList .time{ position: absolute; left: 0; top: 0; text-align: right; }
.newsList .month{ font-size: 40px; font-family: none; color: #29166f; font-weight: bold; }
.newsList .year{ font-size: 16px; color: #999999; }
.newsList .img{ float: left; width: 359px; }
.newsList .img img{ width: 100%; }
.newsList .text{ float: right; width: 1200px; }
.newsList .h6{ font-size: 18px; color: #3B3B3B; margin: 14px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsList .browse{ font-size: 12px; line-height: 30px; }
.newsList .browse span{ color: #999999; margin: 0 30px 0 0; }
.newsList .p{ font-size: 14px; line-height: 32px; color: #909090; max-height: 60px;
 overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.newsList .btn{ font-size: 14px; margin: 34px 0 0; color: #666666; }
.newsList a:hover{  }
.newsList a:hover .h6{ color: #29166f; font-weight: bold; }
.newsList a:hover .btn{ color: #29166f; }

.newsPage1{ padding: 0 0 60px; }
.news1 .numberBox{ padding: 40px 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: #29166f; }
.reternBox div:last-child{ margin-bottom: 0; }
.retern{ position: absolute; right: 0; top: 0; display: block; width: 128px; height:40px; line-height: 40px; background: #29166f; 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: #29166f; 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; }


/*公司简介*/
.aboutPage1{  }
.aboutPage1 .p{ line-height: 30px; line-height: 30px; color: #999999; font-size: 14px; }
.aboutPage1 .imgBig{ margin: 38px 0 0; }
.aboutPage1 .imgBig img{ width: 100%; }

.about1{ padding: 0 0 54px; }
.about1 .title6{ margin-bottom: 42px; }
.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; }

.aboutPage2{ padding: 90px 0 159px; }
.about2 .title6{ margin-bottom: 44px; }
.about2 .content{ overflow: hidden; }
.about2 .leftDiv{ width: 422px; padding: 86px 0 0; }
.about2 .date{ line-height: 70px; overflow: hidden; margin-bottom: 54px; }
.about2 .date span{ font-size: 90px; overflow: hidden; float: left; color: #29166f; font-weight: bold; }
.about2 .date em{ font-size: 50px; float: left; color: #29166f; font-weight: bold; margin-left: 12px; }
.about2 .h7{ font-size: 22px; color: #3B3B3B; margin-bottom: 32px; 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; }
.logo_position{ width: 0; height: 0; position: absolute; left: 50%; top: 50%; }
.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: #29166f; 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: #29166f; 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: #29166f; 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: #29166f; 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); }

/*荣誉资质*/
.honorPage1{ padding: 0 0 74px; }
.honor{  }
.honor .list{  }
.honor .list ul{ overflow: hidden; }
.honor .list li{ float: left; margin: 0 36px 26px 0; width: 273px; }
.honor .list li .img{  padding: 32px 38px; background: #f4f4f4; }
.honor .list li img{ width: 100%; }
.honor .list li:nth-of-type(4n){ margin-right: 0; }
.honor .list .name{ padding: 20px 0px 0; text-align: center; font-size: 14px; line-height: 24px; height: 48px; 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("../../../../www.tycooler.com/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("../../../../www.tycooler.com/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("../../../../www.tycooler.com/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("../../../../www.tycooler.com/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: #29166f; 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: #29166f; border-radius: 64px; margin: 0 0 0 42px; cursor: pointer; border: 1px solid #29166f;}
.serve3 .btn:hover{color: #29166f; 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: #29166f; }


/*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;
}