/*# sourceURL=/templates/dist/css/style.css?v=4453117 */

/*@ sourceURL=/templates/dist/css/style.css?v=4453117 */



/**

 * @Author   zcool

 * @Date     2017-11-20

 */
.banner_home{position: relative;

overflow: hidden;

position: fixed;

left: 0;

top: 0;

bottom: 0;

right: 0;}

.indexmainbox {

    background-color: #FFF;

    position: relative;

    z-index: 100;

}

.banner_home .item{ position: relative; height: 540px;  background-position: center center; background-repeat: no-repeat; background-size: cover;}

.banner_home .item .text{position: absolute;

left: 50%;

bottom: 1rem;

max-width: 15rem;

text-align: left;

color: #ffffff;

animation-delay: 0.5s;

margin-left: -7.5rem;

top: 50%;

margin-top: -1.2rem; padding-right: 25%;

}

.banner_home .item .text h5{ position: relative; font-weight: bold; font-size: 0.50rem; margin-bottom: 0.5rem; line-height: 1.4; }



.banner_home .item .text p{animation-delay:5s; font-size: 0.28rem; margin-bottom: 0.3rem; color: #ffffff;/*text-transform: Uppercase;*/

font-family: "family_DIN2";

font-weight: bold;}

.banner_home .item .text p .dian{ display: none;font-size: 0.10rem; display: inline-block; padding:  0 0.15rem}

.banner_home .item .text a{ position: relative; display: inline-block;font-size: 0.16rem; color:#ffffff; border: #fff 1px solid; padding: 0.18rem 0.4rem;border-radius:0.1rem; padding-right: 0.7rem}

.banner_home .item .text a::after {

	content: '';

position: absolute;

    top:50%;

    right:0.3rem;

    width: 0.28rem;

    height:0.09rem; margin-top: -0.045rem;

    background: url("../image/jiantou02.png") center center no-repeat;-webkit-transition: all ease .4s;

transition: all ease .4s;

}

.banner_home .item .text a:hover{ position: relative; display: inline-block;font-size: 0.16rem; color:#ffffff; border: #005dbd 1px solid; padding: 0.18rem 0.4rem;border-radius:0.1rem; padding-right: 0.7rem; background-color: #005dbd}

.banner_home .item .text a:hover::after{right:0.2rem;-webkit-transition: all ease .4s;

transition: all ease .4s;}



.banner_home .item.slick-current h5{animation: fadeInDown  2s ease; animation-fill-mode: both;}

.banner_home .item.slick-current p{animation: fadeInUp  2s ease; animation-fill-mode: both;}

.banner_home .item.slick-current a{animation: fadeInUp  2s ease; animation-fill-mode: both;}

.banner_home .slick-dots{ bottom: 1.4rem;

left: 50%;

max-width: 15rem;

text-align: left;

margin-left: -7.5rem;}

.banner_home .slick-dots li { margin:  0 6px;}

.banner_home .slick-dots li button{ height: 12px; width: 12px; background: none; border:#ffffff 1px solid;}

.banner_home .slick-dots li.slick-active button {

    background: #005dbd;border:#005dbd 1px solid;

}





.Main_dealer{ background: #fafafa url("https://www.sojet-tech.com/images/back_home01.jpg") center bottom no-repeat; padding-bottom: 1rem; padding-top:0.8rem; overflow: hidden}

.Main_dealer .Main_dealer_con{ background-color: #0068b7; text-align: left}

.Main_dealer .Main_dealer_con .Main_pic{ display: inline-block; width: 60%;vertical-align: top;}

.Main_dealer .Main_dealer_con .Main_pic img{ width: 100%;}

.Main_dealer .Main_dealer_con .Main_font{ display: inline-block; width:39%; text-align: left; padding: 0.5rem;vertical-align: top;}

.Main_dealer .Main_dealer_con .Main_font .Main_lists{ border-top: #80b4db 1px solid; padding-top: 0.3rem; margin-top: 0.3rem; line-height:2; color: #ffffff}

.Main_dealer .Main_dealer_con .Main_font .Main_lists a{color: #ffffff;text-decoration:underline}





.home_news{ padding-top:0.6rem; padding-bottom: 0.6rem; text-align: center; background: url("../image/home_back03.jpg") center bottom no-repeat;background-size:cover}

.news_home_list{ padding-top: 0.2rem; padding-bottom: 0.4rem;}

.home_news ul li{ display: inline-block; width: 31%;transition: all ease .4s; text-align:left; margin:0 1%; background-color: #ffffff;box-shadow: 0 0 10px #e8e8e8; vertical-align: top}

.home_news ul li .news_imgs{ text-align: center; height: 2.5rem; overflow: hidden}

.home_news ul li .news_imgs span{ display:block}

.home_news ul li .news_imgs img{width:100%; margin:0px auto}

.home_news ul li .news_r_fonts{ padding: 0.4rem 0.3rem; }

.home_news ul li .news_r_fonts h3{ margin-bottom: 0.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: normal}

.home_news ul li .news_r_fonts .news_descipe{ color: #4b6f8a; line-height: 1.8; margin-bottom: 0.3rem;overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;}

.home_news ul li .news_r_fonts .show_more_btn{}

.home_news ul li .news_r_fonts .show_more_btn span{ position: relative; border: #dfdfdf 1px solid; padding: 0.16rem 0.3rem; padding-right: 0.6rem}

.home_news ul li .news_r_fonts .show_more_btn span::after {

    content: '';

    position: absolute;

    top: 50%;

    right:0.2rem;

    width: 0.28rem;

    height: 0.09rem;

    margin-top: -0.045rem;

    background: url("https://www.sojet-tech.com/images/jiantou.svg") center center no-repeat;

    -webkit-transition: all ease .4s;

    transition: all ease .4s;

}

.workspace{  position: relative; padding-top: 1.3rem; padding-bottom: 1rem; background: url("https://www.sojet-tech.com/images/back_font_home01.svg") right 0.6rem no-repeat; background-size: 50% 1rem ;}

.workspace .workspace_left{ display: inline-block; width:30%; text-align: left; vertical-align: top; margin-right:8%; padding-top: 0.6rem}

.workspace .workspace_left .workspace_fonts{ line-height: 2; padding-top: 0.6rem; padding-bottom: 0.6rem;}

.workspace .workspace_left  .show_more_btn{}

.workspace .workspace_left  .show_more_btn span{ position: relative; border: #e5f0f8 1px solid; padding: 0.16rem 0.3rem; padding-right: 0.6rem; background-color: #e5f0f8}

.workspace .workspace_left  .show_more_btn span::after {

    content: '';

    position: absolute;

    top: 50%;

    right:0.2rem;

    width: 0.28rem;

    height: 0.09rem;

    margin-top: -0.045rem;

    background: url("https://www.sojet-tech.com/images/jiantou2.svg") center center no-repeat;

    -webkit-transition: all ease .4s;

    transition: all ease .4s;

}

.workspace .workspace_center{ display: inline-block; width:28%; text-align: left; vertical-align: top; margin-top: 1.2rem;}

.workspace .workspace_center img{ width: 100%;}

.workspace .workspace_right{ display: inline-block; width:28%; text-align: left; vertical-align: top; margin-left: 4%}

.workspace .workspace_right img{ width: 100%;}



.Pavilion{ background: url("https://www.sojet-tech.com/images/home_back_img.jpg") left top no-repeat; background-size:50% auto ;}

.Pavilion_con{padding-top:0.7rem; padding-bottom: 1rem; background: url("https://www.sojet-tech.com/images/back_font_home02.svg") right top no-repeat; background-size: 50% 1rem ;}

.Pavilion_con .Pavilion_left{ position: relative; display: inline-block; width:60%; text-align: left; vertical-align: top; overflow: hidden}

.Pavilion_con .Pavilion_left img{ width: 100%;}

.Pavilion_con .Pavilion_left:hover img{ transform: scale(1);}

.Pavilion_con .Pavilion_left p{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 0.1rem 0; color: #ffffff; font-size: 0.26rem; font-weight: bold; z-index: 2;background: rgba(0,17,28,0.4);}

.Pavilion_con .Pavilion_right{display: inline-block; width:34%; text-align: left; vertical-align: top; margin-left: 5%; padding-top: 0.9rem; }

.Pavilion_con .Pavilion_right .workspace_fonts{ line-height: 2; padding-top: 0.6rem; padding-bottom: 0.6rem;}

.Pavilion_con .Pavilion_right  .show_more_btn{}

.Pavilion_con .Pavilion_right  .show_more_btn span{ position: relative; border: #e5f0f8 1px solid; padding: 0.16rem 0.3rem; padding-right: 0.6rem; background-color: #e5f0f8}

.Pavilion_con .Pavilion_right  .show_more_btn span::after {

    content: '';

    position: absolute;

    top: 50%;

    right:0.2rem;

    width: 0.28rem;

    height: 0.09rem;

    margin-top: -0.045rem;

    background: url("https://www.sojet-tech.com/images/jiantou2.svg") center center no-repeat;

    -webkit-transition: all ease .4s;

    transition: all ease .4s;

}

.pro_home{ padding-top: 0rem;}

.pro_home .pro_titile{ position: relative;}

.pro_home .pro_titile  .show_more_btn{ position: absolute;right: 0; top: 0; z-index: 2}

.pro_home .pro_titile  .show_more_btn{}

.pro_home .pro_titile  .show_more_btn span{ position: relative; border: #e5f0f8 1px solid; padding: 0.16rem 0.3rem; padding-right: 0.6rem; background-color: #e5f0f8}

.pro_home .pro_titile  .show_more_btn span::after {

    content: '';

    position: absolute;

    top: 50%;

    right:0.2rem;

    width: 0.28rem;

    height: 0.09rem;

    margin-top: -0.045rem;

    background: url("https://www.sojet-tech.com/images/jiantou2.svg") center center no-repeat;

    -webkit-transition: all ease .4s;

    transition: all ease .4s;

}

.pro_list{ padding-top: 0.6rem; padding-left: 5%; padding-right: 5%}

.pro_list .item{ position: relative; overflow: hidden; margin: 0 0.3rem}

.pro_list .item .pro_home_pic img{ width: 100%;}

.pro_list .item:hover .pro_home_pic img{transform: scale(1);}

.pro_list .item .pro_home_titile{position: absolute;

left: 0;

bottom: 0;

width: 100%;

text-align: center;

padding: 0.2rem 0;

color: #ffffff;

font-size: 0.20rem;

font-weight: bold;

z-index: 2;

background: rgba(0,17,28,0.3);}

.pro_list .item:hover .pro_home_titile{

background: rgba(0,104,183,0.8);}



.more_info{ text-align: center}

.more_info a{ background: url("../image/jiantou01.png")  80% center no-repeat; display:  inline-block; border: #005dbd 1px solid; padding: 0.15rem 0.3rem; padding-right: 0.6rem; color: #005dbd; font-size: 0.16rem;border-radius:6px; }

.more_info a:hover{background:#005dbd url("../image/jiantou02.png")  80% center no-repeat; color: #ffffff;}



.more_info2{ text-align: center}

.more_info2 a{ background: url("../image/jiantou02.png")  80% center no-repeat; display:  inline-block; border: #ffffff 1px solid; padding: 0.15rem 0.3rem; padding-right: 0.6rem; color: #ffffff; font-size: 0.16rem;border-radius:6px; }

.more_info2 a:hover{background:#005dbd url("../image/jiantou02.png")  80% center no-repeat; color: #ffffff;}



.home_about_us{ background-color: #fdffff;

vertical-align: middle;

width: 100%;}

.home_about_us .more_info{ text-align: left;}

.home_about_us .home_about_l{ float: left;width:50%;

overflow: hidden;

}

.home_about_us .home_about_l .about_pics{width: 100%; height: 7.4rem;}

.home_about_us .home_about_l .about_pics .item{ width: 100%; height: 7.4rem; }

.home_about_us .home_about_l .item .poc_one{ width: 100%; height: 7.4rem; background-position: center center; background-repeat: no-repeat; background-size: cover}

.home_about_us .home_about_r{float: left; text-align: left;width:50%;

overflow: hidden;

vertical-align: middle;

display: table-cell; background: url("../image/home_back03.png") 80% bottom no-repeat; padding-left: 5%; padding-right: 8%; padding-top: 1rem}

.home_about_us .home_about_r .home_about_shows{ color: #6a6a6a; font-size: 0.18rem; line-height: 2.2; margin-bottom: 0.4rem; margin-top: 0.2rem}

.home_fangans{padding-top: 0.6rem;

padding-bottom: 0.6rem;

text-align: center;

background: url("../image/home_back01.jpg") center bottom no-repeat;

    background-size: auto;

background-size: cover;}

.home_pros{padding-top: 0.6rem;

padding-bottom: 0.6rem;

text-align: center;

background:#ffffff url("../image/home_back02.jpg") center bottom no-repeat;

    background-size: auto;

background-size: 100% auto;}



.pro_list_hot{ padding-bottom: 0.3rem}

.pro_list_hot .scroll{ text-align: left;}

.pro_list_hot  .slick-dots{ position: absolute; right: 0; top:-0.5rem;    text-align: right; height: 0.3rem}

.pro_list_hot  .slick-dots li button {

	border:0;

	display:block;

	height:10px;

	width:30px;

	padding:0;

	margin:0;

	outline:none;

	line-height:0;

	font-size:0;

	cursor:pointer;

	background:#eee;

	border-radius:0

}

.pro_list_hot  .slick-dots li.slick-active button {

	background:#005dbd;

}

.pro_list_hot .scroll .item{ margin:2%; vertical-align: top;background-color: #f6f6f6; padding-left:6%;padding-right:3%; padding-top: 0.4rem; padding-bottom:0.4rem; }

.pro_list_hot .scroll .item .img_hot{ float: right; width:45%;height: 3.5rem;

position: relative;transition: all 1s;}

.pro_list_hot .scroll .item:hover .img_hot {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}

.pro_list_hot .scroll .item .img_hot img {

    display: block;

    margin: auto;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    max-height:80%;

    max-width:80%;

}

.pro_list_hot .scroll .item .textbox{ float: left; width:54%;

position: relative; text-align: left; padding-top: 0.4rem;}

.pro_list_hot .scroll .item .textbox .title{color: #000;

font-weight: bold;

margin-bottom: 0.25rem;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis; line-height: 1.2}

.pro_list_hot .scroll .item .textbox .desc {

    color: #666; line-height: 2.2;

    overflow: hidden;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-line-clamp: 3;/*想省略几行就写几*/

	    -webkit-box-orient: vertical;

}

.pro_list_hot .scroll .item .textbox  .morebox{width: 50px;

height: 50px;

background-color: #005dbd;

border-radius: 50px;

margin-top: 34px;}

.pro_list_hot .scroll .item .textbox  .morebox .text{float: left;max-width:0px;overflow:hidden;color:#fff;font-weight:bold;font-family:Arial;line-height:50px}

.pro_list_hot .scroll .item .textbox  .morebox .icon {float: left;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

}

.pro_list_hot .scroll .item:hover{background-color:#fff;box-shadow:0px 2px 29px 0px rgba(0,0,0,0.11)}



.pro_list_hot .scroll .item:hover .textbox .morebox{width:180px;padding-left:30px}

.pro_list_hot .scroll .item:hover .textbox .morebox .text{max-width:96px}

.pro_list_hot .scroll .item .textbox  .morebox .icon img{

    display: inline-block;

    vertical-align: middle;

   margin-top: 18px;

width: 58%;

}



[transition="5s"], [imgsalc] img{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s}



.home_fangan{ margin-bottom: 0.4rem; text-align: center}

.home_fangan ul li{ display: inline-block; width: 47%; margin: 0 1%; vertical-align: top; background-color: #ffffff;border-radius:20px;box-shadow:0px 2px 29px 0px rgba(0,0,0,0.11)}

.home_fangan ul li .fangan_pic{ padding: 10px;}

.home_fangan ul li .fangan_pic img{ width: 100%;border-radius:20px; }

.home_fangan ul li .fangan_fonts{ background-position: 90% center; background-size: auto 60%; text-align: left; padding: 0.3rem;background-repeat: no-repeat;}

.home_fangan ul li .fangan_fonts h4{ font-size: 0.36rem; margin-bottom: 0.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height: 1.4}

.home_fangan ul li .fangan_fonts p{ font-size: 0.18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height: 1.4}



@media screen and (max-width: 800px){

	.fl {

    float: none;

}

	

	.fr {

    float: none;

}

	

	.banner_home .item{ height:6.6rem}

	.workspace .workspace_left {

    display: block;

    width: 100%; margin-right:0}

	.workspace .workspace_center{ width:49%;}

	.workspace .workspace_right{ width:45%;}

	.Pavilion_con .Pavilion_left {

    position: relative;

    display: block;

    width: 100%;}

	.Pavilion_con .Pavilion_right {

    display: block;

    width: 100%;

    text-align: left;

    vertical-align: top;

    margin-left: 0;

    padding-top: 0.9rem;

}

.home_news ul li {

    display: block;

    width: 100%;

    transition: all ease .4s;

    text-align: left;

    margin: 0;

    background-color: #ffffff;

    box-shadow: 0 0 10px #e8e8e8;

    vertical-align: top; margin-bottom: 0.3rem

}

.Main_dealer .Main_dealer_con .Main_pic {

    display: block;

    width: 100%;

}

.Main_dealer .Main_dealer_con .Main_font {

    display: block;

    width: 100%;



}

.banner_home .item .text{ padding:0.5rem 0.4rem;}

	

	.banner_home .item .text {

    position: absolute;

    left: 5%;

    bottom: auto;

    max-width:auto;

    text-align: left;

    color: #ffffff;

    animation-delay: 0.5s;

    margin-left: 0;

    top: 50%;

    margin-top: -1.5rem;

    width: 80%;

}

	.titile_show h3 span::before{ left: 0;bottom: 40px;}

	.titile_show h3 {

    padding-left: 0rem;

}

	.titile_show p{padding-left: 0rem;}

	.more_info2 a,.more_info a{ padding-right: 0.8rem}

	.home_fangan ul li {

    display: block;

    width:auto;

		margin: 1% 3%; margin-bottom: 0.3rem}

	.home_about_us .home_about_l,.home_about_us .home_about_r {

    float: none;

    width: initial;

    overflow: hidden;

}

	.home_about_us .home_about_l .item .poc_one,.home_about_us .home_about_l .about_pics .item,.home_about_us .home_about_l .about_pics{ height: 5rem}

	.home_about_us .home_about_r{ background-size: 30%; padding-bottom: 1rem}

	.home_news ul li .news_imgs{ text-align: center; height:4rem; overflow: hidden}

	  }