html {overflow-x: hidden;padding: 0px;margin: 0px;}
body{font-size: 16px;line-height:31px;;word-wrap: break-word;font-weight: 400;; color: #333;}
svg{fill: currentcolor;width: 15px;height: 15px;}
img.svg{width: 15px;height: 15px;}
@font-face {
	font-family: "DINENGSCHRIFTSTD";
	src: url("../css/font/DINENGSCHRIFTSTD.woff2") format("woff2"),
	url("../css/font/DINENGSCHRIFTSTD.woff") format("woff"),
	url("../css/font/DINENGSCHRIFTSTD.ttf") format("truetype"),
	url("../css/font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"),
	url("../css/font/DINENGSCHRIFTSTD.svg") format("svg");
}
.iconfont{font-family: 'iconfont';}
.fontDIN {font-family: "DINENGSCHRIFTSTD";}
i,em{ font-style:normal;}
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a{ text-decoration:none; color:#333;}
.arlo_tm_wrapper_all,.arlo_tm_section,.arlo_tm_content{width: 100%;height: auto;clear: both;float: left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
#ripple{position: relative;z-index: 0;}
.arlo_tm_content{position: relative;z-index: 2;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #333;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #333;opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #333;opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #333;}
::-ms-input-placeholder { /* Microsoft Edge */color: #333;}

::placeholder { /* Most modern browsers support this now. */color: #333;}



.arlo_tm_leftpart_wrap{width: 260px;position: fixed;top: 0px;bottom: 0px;left: 0px;background-color: #082b60;z-index: 100;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;
	-o-transition: all .3s ease;	transition: all .3s ease;}
.arlo_tm_leftpart_wrap.hide{left: -300px;}
.arlo_tm_leftpart_wrap.opened{left: -300px;}
.arlo_tm_leftpart_wrap .logo_wrap{background-color: #082b60;padding: 25px 20px;width: 100%;float: left;text-align: center;margin-bottom: 50px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */	box-sizing: border-box; /* Opera/IE 8+ */ }
.arlo_tm_leftpart_wrap .menu_list_wrap{width: 100%;height: auto;clear: both;float: left;padding: 0px 20px 0px 20px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */	box-sizing: border-box; /* Opera/IE 8+ */}
.arlo_tm_leftpart_wrap .menu_list_wrap ul{margin: 0px;list-style-type: none;}
.arlo_tm_leftpart_wrap .menu_list_wrap ul li{margin:0px;border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); text-align: center; line-height: 4rem;}
.arlo_tm_leftpart_wrap .menu_list_wrap ul li:last-child{margin-bottom: 0px;}
.arlo_tm_leftpart_wrap .menu_list_wrap ul li a{text-decoration: none;color: #fff;font-size: 16px;font-weight: 500;text-transform: uppercase;position: relative;display: inline-block;
-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;	-o-transition: all .3s ease;	transition: all .3s ease;}
.arlo_tm_leftpart_wrap .menu_list_wrap ul li a:before{position: absolute;content: "";height: 2px;width: 0px;background-color: #E3872D;top: 32px;transform: translateY(-50%);left: 100%;margin-left: 10px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;	-o-transition: all .3s ease;	transition: all .3s ease;}
.arlo_tm_leftpart_wrap .menu_list_wrap ul li a:hover{color: #E3872D;}
.arlo_tm_leftpart_wrap .menu_list_wrap ul li a:hover:before{width: 35px;}
.arlo_tm_leftpart_wrap .leftpart_bottom{position: absolute;left: 86px; bottom: 18px;}


@media only screen and (max-width: 1600px){
	.arlo_tm_leftpart_wrap .menu_list_wrap ul li{ line-height:3rem;}

}

/*收缩按钮*/
.arlo_tm_leftpart_wrap .arlo_tm_resize{position: absolute;right: 0px;bottom: 20%;width: 40px;height: 40px;text-align: center;line-height: 40px;background-color: #ea5514;display: inline-block;text-decoration: none;
z-index: 200;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.arlo_tm_leftpart_wrap .arlo_tm_resize.opened{right: -80px;}
.arlo_tm_leftpart_wrap .arlo_tm_resize i{color: #fff;transform: rotate(0deg);position: absolute;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;  font-style: normal; font-size: 16px;}
.arlo_tm_leftpart_wrap .arlo_tm_resize i.opened{transform: rotate(-180deg);}



.arlo_tm_rightpart{	width: 100%;height: auto;float: left;padding-left: 260px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;
transition: all .3s ease;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */}
.arlo_tm_rightpart.full{padding-left: 0px;}
.arlo_tm_rightpart.opened{padding-left: 0px;}
.arlo_tm_rightpart .rightpart_inner{width: 100%;height: auto;clear: both;float: left;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */}

.arlo_tm_hero_header_wrap .inner_content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;text-align: center;width: 100%;padding: 0px 20px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */}
.arlo_tm_hero_header_wrap .image_wrap{width: 200px;height: 200px;display: inline-block;margin-bottom: 38px;}
.arlo_tm_hero_header_wrap .image_wrap img{border-radius: 100%;border: 8px solid rgba(255,255,255,.5);}
.arlo_tm_hero_header_wrap .name_holder h3{ext-transform: uppercase;color: #fff;font-size: 50px;font-weight: 300;}
.arlo_tm_hero_header_wrap .name_holder h3 span{font-weight: 500;color: #E3872D;}
.arlo_tm_hero_header_wrap .text_typing{width: 100%;height: auto;float: left;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */	box-sizing: border-box; /* Opera/IE 8+ */}
.arlo_tm_hero_header_wrap .text_typing p{color: #fff;font-size: 24px;}
.arlo_tm_animation_text_word{font-weight: 600;line-height: 1;}
.arlo_tm_about_wrap .arlo_tm_animation_text_word{color: #E3872D;}

/*全景*/
.quanjing{width: 100%; height: 95vh;}

@media only screen and (max-width: 768px){
	.quanjing{height: 45vh;}
}


#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:18px;height:18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#f0c02e}

@media (max-width:750px){
	#banner  #bannerBtnS em{width: 10px; height: 10px;}
}

/*公司简介*/
.about{width: 100%;display: flex;flex-wrap: wrap; background: url("../images/aboutbg.jpg") no-repeat left bottom; margin: 6% auto 0% 5%;}
.about .about_l{padding: 2% 50px 20px 0 !important; width: 50%; margin-left: 5%;}
.about .about_l h2{ margin-bottom: 5%;}
.about .about_l h2 em{font-family: impact;text-transform: uppercase;color: #ea5514;}
.about .about_l h2:after{content: ""; width: 20%; height: 4px; background: #e9bb24; display: block; margin-top: 10px;}
.PubLink {display: inline-block;color: rgb(102, 102, 102);width: 50%;max-width: 256px;line-height: 62px;text-align: center;font-family:  Times New Roman;font-size: 15px;border-width: 1px;border-style: solid;border-color: rgb(102, 102, 102);border-image: initial;padding: 0px 30px; margin-top: 7%;}
.PubLink:hover {border: 1px #ea5514 solid;background: #ea5514;color: #fff;}
.about .about_r{width: 40%;}
.about .about_r img{width: 100%;}

.flex {display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;width: 90%; margin: 0 auto;}
.flexwp {flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.flexbt {-webkit-box-pack: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-justify-content: space-between;}
.brandNum {margin-top: 1rem;}
.brandNum{ margin-top:5%;}
.brandNum .fbs{width: 22%; margin: 0 2% 5% 0;}
.imgBad img{width: 1.5rem;margin-bottom: 1.6rem;}
.brandLeft{padding: .5rem 0 0 1rem; width: 45%; background-size: cover !important;position: relative;z-index: 3;}
.mapPoint{ margin: .6rem 0 -1.2rem 0;}
.colorlogo {color: #203a69;}
.line1{line-height: 1;}

@media screen and (max-width: 1000px) {
	.about .about_l{ width:48%;}
}
@media only screen and (max-width: 768px){
	.about{display: block; margin: 6% auto 0% 0%;}
	.about .about_l{padding: 2% 50px 20px 0 !important; width:100%; margin-left: 0;}
	.PubLink {max-width:150px;line-height: 45px;}
	.about .about_r{width: 100%;}
	.brandNum .fbs{width: 48%; margin: 0 2% 5% 0;text-align: center;}
}

/*企业文化*/
.wenhua{width: 100%;background: url("../images/wenhua.jpg") no-repeat center top; margin: 0% auto;}
.wenhua .s_width{width: 90%; margin: 0 auto;display: flex;flex-wrap: wrap; padding: 5% 4%; }
.wenhua .wenhua_l{ width: 45%; color: #fff; }
.wenhua .wenhua_l em{display: block;text-transform: uppercase; font-weight: 100; line-height: 50px;}
.wenhua .wenhua_l p{ margin-top: 16%;}
.wenhua .PubLink {display: inline-block;color: rgb(255, 255, 255);width: 50%;max-width: 256px;line-height: 62px;text-align: center;font-family:  Times New Roman;font-size: 15px;border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255);border-image: initial;padding: 0px 30px; margin-top: 7%;}
.wenhua .PubLink:hover {border: 1px #ea5514 solid;background: #ea5514;color: #fff;}
.wenhua .wenhua_r{width: 50%; margin-left: 5%;}
.wenhua .wenhua_r ul{display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.wenhua .wenhua_r li{ margin-right: 10%; color: #fff; text-align: center; line-height: 50px; font-weight: 800;}
.wenhua .wenhua_r li:nth-child(3){margin-right: 0;}
.wenhua .wenhua_r li:nth-child(4){margin-left: 15%; margin-top: 5%;}
.wenhua .wenhua_r li:nth-child(5){margin-top: 5%;}
.wenhua .wenhua_r li i{ height: 135px; width: 135px;border-radius:50%;text-align: center;display:block; border:1px solid transparent; border-color: rgba(255, 255, 255, 0.5); }
.wenhua .wenhua_r li i img{margin-top: 40px;}

@media only screen and (max-width: 1280px){
	.wenhua .wenhua_r li i{ height: 100px; width: 100px;}
	.wenhua .wenhua_r li i img{margin-top: 25px;}
}

@media only screen and (max-width: 768px){
	.wenhua .wenhua_l{display: none;}
	.wenhua .wenhua_r{width:100%; margin: 0 auto;}
	.wenhua .wenhua_r li{ margin-right: 10%; width: 26%; text-align: center; line-height: 50px; font-weight: 800;}
	.wenhua .wenhua_r li:nth-child(3n){margin-left:0%; margin-right: 0;}

	.wenhua .wenhua_r li:nth-child(5){margin-top: 5%;}
}

/*产品分类*/
.pro_list{width: 100%;background: url("../images/prolist.jpg") no-repeat center top; margin: 0% auto;}
.pro_list ul{display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;flex-wrap: wrap;width: 90%; margin: 0 auto; padding: 5% 0;}
.pro_list li{border:1px solid transparent; border-color: rgba(255, 255, 255, 0.5); margin: 0 1% 2% 1%; text-align: center; width: 18%; padding: 1% 0;transition: .5s; }
.pro_list li:nth-child(5n){margin-right: 0;}
.pro_list li:nth-child(1){margin-left: 0;}
.pro_list li:nth-child(6){margin-left: 0;}
.pro_list li em{display: block; }
.pro_list li a{color: #fff;}
.pro_list li a em{color: #dbd9d8;}
.pro_list li:hover{ background: #ea5514;}

@media only screen and (max-width:1600px){
	.f_16 {font-size: 14px!important;}
}
@media only screen and (max-width:1280px){
	line-height: 21px;
}
@media only screen and (max-width: 768px){
	.pro_list{background:#1a2948 url("../images/prolist.jpg") no-repeat center bottom; }
	.pro_list li{margin: 0 1% 2% 1%; text-align: center; width: 47%; padding: 1% 0;transition: .5s; }
	.pro_list li:nth-child(5n){margin-right: 1%;}
	.pro_list li:nth-child(2n){margin-right: 0;}
	.pro_list li em{ line-height: 21px;}
}

/*pro*/
.pro{width: 100%;background: url("../images/pro.jpg") no-repeat center top; margin: 0% auto;}
.pro .s_width{width: 90%; margin: 0 auto;display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex; padding: 5% 0; }
.pro .pro_l{ width: 35%; color: #fff;box-shadow: 0px 0px 10px #e3dede; background: #fff;}
.pro .pro_r{width: 58%; margin-left: 5%;}
.pro .pro_r h2{ padding-top: 5%;}
.pro .pro_r h2:after{content: ""; width: 10%; height: 4px; background: #e9bb24; display: block; margin-top: 10px;}
.pro .pro_r p{ margin-top: 5%;}
.pro .pro_r .PubLink {display: inline-block;color: rgb(255, 255, 255);width: 50%;max-width: 230px;line-height: 62px;text-align: center;font-size: 15px;border-image: initial;padding: 0px 30px; margin-top: 7%;background: #082b60;}
.pro .pro_r .PubLink:hover {border: 1px #ea5514 solid;background: #ea5514;color: #fff;}

@media only screen and (max-width: 768px){
	.pro .s_width{width: 95%; display:block }
	.pro .pro_l{ width: 100%;}
	.pro .pro_r{width: 100%; margin-left: 0%;}
	.pro .pro_r .PubLink {max-width:150px;line-height: 45px;}

}

/*公司优势*/
.youshi{ width:100%; background:url(../images/youshi.jpg) no-repeat center top; height:870px;}
.youshi h2{ font-size:60px; line-height:100px; color:#fff; text-align:center; padding-top:70px;}
.youshi .youshi_cont{ width:1350px; margin:50px auto 0 auto; height:500px; position:relative;}
.youshi_img{ width:483px; position:absolute; left:0; top:0;}
.youshi_a{ width:325px; position:absolute; left:500px; top:0;}
.youshi_a .youshi_a_img{ width:147px; height:108px; border-radius: 10px; border:5px solid #fff; position:absolute; left:0; z-index:2}
.youshi_a .youshi_a_cont{ width:295px; height:70px; background-image: -webkit-linear-gradient(left,#009944, #0054a3); position:absolute; left:25px; top:45px; z-index:1; color:#fff; padding:50px 20px;border-radius: 20px}
.youshi_a .youshi_a_cont h3{ text-align:right;line-height:35px;}
.youshi_a .youshi_a_cont p{ text-align:right; line-height:31px;}
.top_line{ width:204px; height:32px; position:absolute; top:120px; left:818px;}
.youshi_b{ width:325px; position:absolute; right:0; top:0;}
.youshi_b .youshi_b_img{ width:147px; height:108px; border-radius: 10px; border:5px solid #fff; position:absolute; left:0; z-index:2}
.youshi_b .youshi_b_cont{ width:295px; height:70px; background-image: -webkit-linear-gradient(left,#009944, #0054a3); position:absolute; left:25px; top:45px; z-index:1; color:#fff; padding:50px 20px;border-radius: 20px}
.youshi_b .youshi_b_cont h3{ text-align:right;  line-height:35px;}
.youshi_b .youshi_b_cont p{ text-align:right; line-height:31px;}

.youshi_c{ width:325px; position:absolute; left:0; top:320px;}
.youshi_c .youshi_c_img{ width:147px; height:108px; border-radius: 10px; border:5px solid #fff; position:absolute; left:0; z-index:2}
.youshi_c .youshi_c_cont{ width:295px; height:70px; background-image: -webkit-linear-gradient(left,#009944, #0054a3); position:absolute; left:25px; top:45px; z-index:1; color:#fff; padding:50px 20px;border-radius: 20px}
.youshi_c .youshi_c_cont h3{ text-align:right;line-height:35px;}
.youshi_c .youshi_c_cont p{ text-align:right;  line-height:31px;}

.btm_line{ width:204px; height:32px; position:absolute; top:435px; left:320px;}
.youshi_d{ width:325px; position:absolute; left:500px; top:320px;}
.youshi_d .youshi_d_img{ width:147px; height:108px; border-radius: 10px; border:5px solid #fff; position:absolute; left:0; z-index:2}
.youshi_d .youshi_d_cont{ width:295px; height:70px; background-image: -webkit-linear-gradient(left,#009944, #0054a3); position:absolute; left:25px; top:45px; z-index:1; color:#fff; padding:50px 20px;border-radius: 20px}
.youshi_d .youshi_d_cont h3{ text-align:right; line-height:35px;}
.youshi_d .youshi_d_cont p{ text-align:right;  line-height:31px;}
.btm_line2{ width:204px; height:32px; position:absolute; top:435px; left:830px;}
.youshi_e{ width:325px; position:absolute; right:0; top:320px;}
.youshi_e .youshi_e_img{ width:147px; height:108px; border-radius: 10px; border:5px solid #fff; position:absolute; left:0; z-index:2}
.youshi_e .youshi_e_cont{ width:295px; height:70px; background-image: -webkit-linear-gradient(left,#009944, #0054a3); position:absolute; left:25px; top:45px; z-index:1; color:#fff; padding:50px 20px;border-radius: 20px}
.youshi_e .youshi_e_cont h3{ text-align:right;  line-height:35px;}
.youshi_e .youshi_e_cont p{ text-align:right;  line-height:31px;}


@media only screen and (max-width: 1600px){
	.youshi .youshi_cont{ width:1280px;}
}

@media only screen and (max-width: 1440px){
	.youshi .youshi_cont{ width:1080px;}
	.youshi_img{ width:420px;}
	.youshi_a{ width:325px; left:450px;}
	.youshi_a .youshi_a_img{ width:125px; height:89px; border-radius: 10px; border:3px solid #fff; overflow: hidden; }
	.youshi_a .youshi_a_cont{ width:225px; height:70px; left:25px; top:45px; z-index:1; color:#fff; padding:39px 20px;border-radius: 20px}

	
	.youshi_b .youshi_b_img{ width:125px; height:89px; border-radius: 10px; border:3px solid #fff;  overflow: hidden; }
	.youshi_b .youshi_b_cont{ width:225px; height:70px; left:25px; top:45px; z-index:1; color:#fff; padding:39px 20px;border-radius: 20px}

	.youshi_c .youshi_c_img{ width:125px; height:89px; border-radius: 10px; border:3px solid #fff;  overflow: hidden; }
	.youshi_c .youshi_c_cont{ width:225px; height:70px; left:25px; top:45px; z-index:1; color:#fff; padding:39px 20px;border-radius: 20px}

	.youshi_d{ width:325px; position:absolute; left:415px; top:320px;}
	.youshi_d .youshi_d_img{ width:125px; height:89px; border-radius: 10px; border:3px solid #fff;  overflow: hidden; }
	.youshi_d .youshi_d_cont{ width:225px; height:70px; left:25px; top:45px; z-index:1; color:#fff; padding:39px 20px;border-radius: 20px}

	.youshi_e .youshi_e_img{ width:125px; height:89px; border-radius: 10px; border:3px solid #fff;  overflow: hidden; }
	.youshi_e .youshi_e_cont{ width:225px; height:70px; left:25px; top:45px; z-index:1; color:#fff; padding:39px 20px;border-radius: 20px}
}

@media only screen and (max-width: 1280px){
	.youshi .youshi_cont{ width:1025px;}
	.youshi_img{ width:385px;}
	.youshi_a{ width:200px; left:395px;}
	.youshi_a .youshi_a_cont{ width:190px; height:70px; }
	.youshi_a .youshi_a_cont h3{ line-height:21px;}
	.youshi_b{ width:200px; right:125px;}
	.youshi_b .youshi_b_cont{ width:190px; height:70px; }
	.youshi_b .youshi_b_cont h3{ line-height:21px;}

	.youshi_c{ width:200px; left:0;}
	.youshi_c .youshi_c_cont{ width:190px; height:70px; }
	.youshi_c .youshi_c_cont h3{ line-height:21px;}
	.youshi_d{ width:200px; left:400px;}
	.youshi_d .youshi_d_cont{ width:190px; height:70px; }
	.youshi_d .youshi_d_cont h3{ line-height:21px;}

	.youshi_e{ width:200px; right:110px;}
	.youshi_e .youshi_e_cont{ width:190px; height:70px; }
	.youshi_e .youshi_e_cont h3{ line-height:21px;}
}

@media only screen and (max-width: 1000px){
	.youshi_d{left:350px;}
	.youshi_e{ right:160px;}
}
@media only screen and (max-width: 768px){.youshi{display: none;}}

/*厂容厂貌*/
.cf{width: 90%; margin: 5% auto;}
.cf h2{ font-weight: 800; text-align: center;}
.cf h2 em{color: #ea5514;}
.cf h2 i{display: block; font-weight: normal; color: #666; padding-top: 15px;}
.cf h2 i:before{content: ""; width: 20%; height: 6px; background:url(../images/line.png) no-repeat center top; display: block; margin: 10px auto 15px auto;}
.tel_al_pic{display: none;}
.al_pic {overflow:hidden;margin:60px auto 20px auto;width:100%; overflow:hidden; display: block;}
.al_pic li {float:left;margin-right:20px;width:450px; }
.al_pic li a:hover {background:#ec5411;color:#fff;}
.al_pic li a:hover ol {color:#333;margin-left:30px;}
.al_pic li a:hover ol::before {border-color: #fff;content: "+";font-size: 40px;border: none;width: auto;top: -15px;left: 240px;}
.al_pic li a {display:block;}
.al_pic li a img {display:block;width:100%;}
.al_pic li a ol {text-align:left;font-size:18px;margin:15px 0 0 0;position:relative;height:40px;transition:all .6s; width:100%;color:#333;}
.al_pic li a ol::before {position:absolute;top:15px;left:140px;content:"";border-top:1px solid #ccc;width:100px;height:1px;}
@media (min-width: 1281px) {
	/*左右滚动*/
	.al_pic {
	  display: block; }
	}

	@media only screen and (max-width: 768px){
		.cf{width: 95%; margin: 11% auto 5% auto;}
		.al_pic{display: none;}
		.tel_al_pic{display: block; width: 95%;margin:60px auto 20px auto;}
		.tel_al_pic li {width:49%; margin: 0 1% 1% 0; float: left; }
		.tel_al_pic li:nth-child(2n){ margin: 0 0 1% 0;}
		.tel_al_pic li a ol {text-align:center;font-size:16px;margin:15px 0 0 0;position:relative;height:40px;transition:all .6s; width:100%;color:#333;}
	}


/*视频展示*/
.about_video{ position: relative;height: 100%;overflow: hidden;}
.about_video .m_bg{top: 0;height: 880px;width: 100%;background: rgba(27,26,119,0.7) url(../images/video.jpg) repeat; z-index: 2;position: absolute}
.about_video_con{position: absolute;z-index: 3;width:100%;top:20%;display: flex; justify-content: space-between;flex-direction: column}
.bofang{width:90px;height:90px;margin:0 auto; text-align: center;}

.about_video_con div{text-align: center; }
.about_video_con div img{max-width:687px;width:35%}
.about_video_con div.bofang img{ width:100%;}
.about_video_con p{font-size: 19px;color: #fff;line-height: 33px;text-align: center; margin: 6% 0;}
.video-box {position: relative;padding-top: 39%;overflow: hidden;}
.video-box video {position: absolute;left: 50%;margin-left:-40%;top:5%;width:80%;height:40%;-o-object-fit: cover;object-fit: cover;}
.icon-play {}
.index-video {position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none;}
.index-video .x-btn {top: 5%;right: 5%;}
.index-video-wrap {z-index: 30;}
.search-close { width:60px; height:60px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;}
.search-close:hover {  color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.x-btn {position: absolute;width: 75px;height: 75px;line-height: 75px;text-align: center;color: #fff;background-color: ;-webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: 0.3s;-o-transition: 0.3s;
transition: 0.3s;font-size: 24px;z-index: 50;transition:.4s all;}
.x-btn:hover {transform: rotate(360deg); -webkit-transform: rotate(360deg);color: #fff;}
.about_pic{height: 855px;}


@media only screen and (max-width: 1280px){
	.about_pic{height: 640px;}
}
@media only screen and (max-width: 768px){
	.about_video .m_bg{height: 445px;}
	.about_video_con{top:6%;}
	.about_video_con p{font-size:15px;line-height: 21px;width: 90%; margin:10% auto;}
	.bofang{width:60px;height:60px;}
	.about_pic{height: 445px;}
}

/*实力担当*/
.adv{width: 100%; margin: 0 auto; background: #f5f5f5;}
.adv h2{ font-weight: 800; text-align: center; padding: 5% 0;}
.adv h2 em{color: #ea5514;}
.adv h2 i{display: block; font-weight: normal; color: #666; padding-top: 15px;}
.adv h2 i:before{content: ""; width: 20%; height: 6px; background:url(../images/line.png) no-repeat center top; display: block; margin: 10px auto 15px auto;}

.adv .s_width{ width: 90%; margin: 0px auto 0px auto; padding-bottom: 50px; }
.adv ul{ overflow:hidden; width:100%； }
.adv li{width: calc(100%/4); float:left;}
.adv .adv_cont{height:500px; position:relative;}
.adv .adv_cont .adv_img{ border-radius: 50%; position:absolute; z-index:2; display:block; text-align:center; width:220px; height:220px; left:10%;}
.adv .adv_cont .adv_img img{ width:100%;border-radius: 50%;border:8px solid #082b60;}
.adv .adv_a{ position:absolute; z-index:1; margin-top:180px; background:#fff; width:300px; height:315px; text-align:center;}
.adv .adv_a h3{ margin-top:60px; text-align:center; font-size:25px; line-height:50px;}
.adv .adv_a p{ padding:20px 10px; font-size:16px; line-height:31px;}
.adv .adv_a em{ width:40px; height:40px; background:#ea5514;border-radius:50%; display:block; line-height:40px; text-align:center; margin:0 auto; color:#fff;}

@media only screen and (max-width: 1280px){
	.adv .adv_cont .adv_img{  width:160px; height:160px; left:10%;}
	.adv .adv_cont .adv_img img{border:5px solid #082b60;}
	.adv .adv_a{margin-top:120px; width:200px;}
}

@media only screen and (max-width: 768px){
	.adv .s_width{ width: 95%;  padding-bottom: 30px; }
	.adv .adv_cont{height:285px; position:relative;}
	.adv li{width: calc(100%/2); }
	.adv .adv_cont .adv_img{  width:100px; height:100px; left:10%;}
	.adv .adv_a{margin-top:100px; width:100%; height:170px;}
	.adv .adv_a h3{ margin-top:22px; font-size:18px; line-height:35px;}
	.adv .adv_a p{ padding:10px 0px; font-size:14px; line-height:21px;}
	.adv .adv_a em{display: none;}
}

#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(0,0,0,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #fff;border-left:3px solid #fff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:200px;position:absolute;right:0;left:0;bottom:3%;margin:auto; z-index: 1;}
#banner  #bannerBtnS em{display:block;float:left;width}


/*新闻资讯*/
.news{width: 90%; margin: 5% auto;}
.news h2{ font-weight: 800; text-align: center;}
.news h2 em{color: #ea5514;}
.news h2 i{display: block; font-weight: normal; color: #666; padding-top: 15px;}
.news h2 i:before{content: ""; width: 20%; height: 6px; background:url(../images/line.png) no-repeat center top; display: block; margin: 10px auto 15px auto;}
.news_cont{display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;	-ms-flex-wrap: wrap;flex-wrap: wrap;width: 90%;overflow: hidden; margin: 0 auto;}
.news_cont .newList{flex-basis: 31%;margin-right: 3%;margin-top: 80px;}
.newList{ overflow:hidden; padding:0rem; height:auto; width:100%; }
.news_cont .newList:nth-child(3n){ margin-right:0px; }
.news_cont .newPicBox{ position:relative; width:100%; height:0px; padding-bottom:50%; overflow:hidden; border-radius:0px; margin:0 auto; }
.news_cont .newPic{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1); width:100%; height:auto; transition:all .5s ease; }
.news_cont .picLink{ position:absolute; top:0px; left:0px; width:100%; height:100%; }
.news_cont .contentBoxB{ padding:0px; }
.news_cont .newTitle{ font-size:20px; margin-bottom:0; min-height:48px; line-height:1.2; font-weight:normal; color:#373c41; transition:all .5s ease; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }
.news_cont .lineBox{ position:relative; width:100%; height:1px; background:#ededed; margin-bottom:26px; }
.news_cont .lineBox::before{ content:''; position:absolute; top:0px; left:0px; width:0px; height:100%; background:#afafaf; transition:all .5s ease; }
.news_cont .TimeBox{ font-size:14px; line-height:1.5; letter-spacing:.25px; color:#777; margin-bottom:20px; }
.news_cont .newMs{ position:relative; width:100%; line-height:1.4; clear:both; font-size:14px; color:#777; min-height:22px; letter-spacing:0; margin:20px 0px 30px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;  font-weight: 100;}
.news_cont .image_con{ width: 100%; }
.news_cont .image_con img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.news_cont .image_con:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.news_cont .look{ display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:20px; color:#777; overflow:hidden; }
.news_cont .look .look_name{ margin-right:10px; position:relative; }
.news_cont .bottom_btn{font-size:14px;line-height:7.5;/* font-weight:bold; */letter-spacing:.5px;text-transform:uppercase;transition:all .5s ease;}
.news_cont .contentBoxB .bottom_btn{ display:none; }
.news_cont .newList:hover .newPic{ transform:translate(-50%,-50%) scale(1.1); }
.news_cont .newList:hover .newTitle{ color:#222; }
.news_cont .newList:hover .lineBox::before{ width:100%; }
.news_cont .newList:hover .bottom_btn{ color:#d2bb84; } 
@media only screen and (min-width: 769px){
.news_cont .newList{ flex-basis:30%; margin-right:5%; margin-top:80px; } 
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
.news_cont .newList { flex-basis: 100%; width:100%; margin-right: 0; margin-top: 50px; }
.news_cont .newList a{ display:flex; justify-content: space-between; flex-direction: row-reverse; }
.news_cont .contentBoxB{ width: 48%; }
.news_cont .image_con{ width: 48%; }
.news_cont .image_con img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.news_cont .image_con:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.news_cont .image_con .bottom_btn{ display:none; }
.news_cont .contentBoxB .bottom_btn{ display:block; }
.news_cont .newPicBox{ padding-bottom:72%; } 
}

@media only screen and (max-width: 768px){
.news_cont{display:block;}
.news_cont .bottom_btn{line-height:4.5;}

.news_cont .newList { width: 100%; margin-top: 30px; }
.news_cont .newTitle{ font-size:18px; }
.news_cont .newMs{ font-size:14px; } 
}
.news_cont .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; }
.news_cont .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; }
.news_cont .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } 


/*end*/
.tel_end{display: none;}
.footer{width: 100%;position: relative;background-image: -webkit-linear-gradient(left,#162e5b, #5d3b43);}
.footer .s_width{padding-bottom: 2rem;   padding-top: 5rem; width: 90%; margin:0rem auto 2rem auto; color: #fff;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .footer_a{ width: 25%;}
.footer .footer_a h2{ margin-bottom: 2rem;font-weight: 300;}
.footer .footer_a p{ line-height: 35px;}
.footer_link2 {z-index: 1;position: relative;color: #fff;width: 170px; line-height: 58px;border-bottom: 3px solid #f39b1b;background: #536072;display: flex;justify-content: center;flex-direction: column;align-items: center; display: block; margin-top: 30px; text-align:center}
.footer_link2::before {transition: 0.6s;z-index: 1;position: absolute;right: 0;bottom: -3px;content: "";width: 0;height: 3px;background: #536072;}
.footer_link2::after {transition: 0.6s;z-index: -1;position: absolute;left: 0;bottom: 0;content: "";width: 0;height: 100%;background: #f39b1b;}
.footer_link2:hover::before,.footer_link2:hover::after{width: 100%;}

.footer .footer_b{width: 20%;}
.footer .footer_b h2{ margin-bottom: 2rem;font-weight: 300;}
.footer .footer_b li {float: left; width: 45%; margin-right: 3%;}
.footer .footer_b li:nth-child(2){ margin-right: 0;}
.footer .footer_b li em{display: block; text-align: center; line-height: 45px;}

.footer .footer_c{width: 40%;border-left: 1px solid rgba(85,85,85,.4);border-right: 1px solid rgba(85,85,85,.4);padding:0 5%;}
.footer .footer_c h2{ margin-bottom: 2rem;font-weight: 300;}
.footer .footer_c ul{width: 100%;}
.footer .footer_c li{font-weight:normal;width: 45%; margin-right: 3%; float: left;}
.footer .footer_c li:nth-child(2n){ margin-right: 0;}
.footer .footer_c a{color: #fff; display: block;width: 100%; line-height: 35px; }
.footer .footer_c a:hover{color: #fff;}
.footer .footer_c .nav_title{float: left;}

.end{width: 90%; margin: 0 auto;border-top: 1px solid rgba(85,85,85,.4); line-height: 70px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.end p{color: #babbba;}
.end p a{color: #babbba;}
.end .row{margin-top: 20px;;}

@media only screen and (max-width: 768px){
	.footer,.end{display: none;}
	.tel_end{display: block;}
	.tel_contact{ background: #1a2948; width: 100%;}
	.tel_contact p{color: #fff; line-height: 28px; width: 80%; margin: 0 auto; padding: 3% 0 22% 0;;;}

	.tel_footer{max-width:640px;overflow-x:hidden;width:100%;min-height:80px;position:fixed;z-index:9999999;bottom:0;display:flex;background:#e95517;}
	.tel_footer li{width:25%;text-align:center;}
	.tel_footer li a{font-size:16px;color:#fff;}
	.tel_footer li a img{display:block;margin:5px auto 0px auto;}
}

.arlo_tm_counter_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.arlo_tm_counter_wrap{overflow: hidden;}
.arlo_tm_counter_list{
	list-style-type:none;
	width:100%;
	margin: 0px;
	
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	perspective: 500px;
}
.arlo_tm_counter_list li{
	width:25%;
	float:left;
	text-align:center;
	margin: 0px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.arlo_tm_counter_list li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding: 90px 15px 93px 15px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.arlo_tm_counter_list li .inner:before{
	position: absolute;
	content: "";
	width: 1px;
	top: 35px;
	bottom: 35px;
	background-color: #d1d7db;
	left: 100%;
}
.arlo_tm_counter_list li:nth-child(4) .inner:before{display: none;}
.arlo_tm_counter_list li h3{
	font-family: "Montserrat";
	color: #181a2f;
	margin-bottom: 10px;
}
.arlo_tm_counter_list li h3 > span{
	font-size: 40px;
	font-weight: 700;
}
.arlo_tm_counter_list li .inner > span{
	color:#666;
	font-family: "Open Sans";
	font-size: 14px;
	display: block;
	font-weight: 600;
}




/* PORTFOLIO LIST */

.arlo_tm_portfolio_list{
	list-style-type:none;
	margin: 0px 0px 0px -30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.arlo_tm_portfolio_list > li{
	width:33.3333%;
	float:left;
	position:relative;
	margin: 0px 0px 30px 0px;
	padding-left: 30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.arlo_tm_portfolio_list li img{min-width: 100%;}

.entry{position: relative;}
.arlo_tm_portfolio_image_main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.arlo_tm_popup_share_wrap{display: none;}
#arlo_tm_popup_blog{opacity: 0;visibility: hidden;width: 100%;height: 100vh;position: fixed;background-color: rgba(255,255,255,1);padding: 50px 0px;	z-index: 99999999;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;
-o-transition: all .2s ease;transition: all .2s ease;}
#arlo_tm_popup_blog.opened{opacity: 1;visibility: visible;}
#arlo_tm_popup_blog .definitions_wrap{width: 100%;float: left;}
#arlo_tm_popup_blog .full_def{display: block;margin-bottom: 20px;width: 100%;float: left;}
#arlo_tm_popup_blog .full_def p{display: inline-block;}
#arlo_tm_popup_blog .definition{display: none;}
#arlo_tm_popup_blog .inner_popup{width: 100%;float: left;clear: both;position: relative;}
#arlo_tm_popup_blog .date_wrap p{color: #333;font-family: "Montserrat";font-weight: 600;}
#arlo_tm_popup_blog .date_wrap p a{color: #333;text-decoration: none;text-transform: uppercase;position: relative;margin-left: 23px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#arlo_tm_popup_blog .date_wrap p a:hover{color: #BD0A0D;}
#arlo_tm_popup_blog .image_wrap{margin-bottom: 45px;position: relative;width: 100%;float: left;}
#arlo_tm_popup_blog .image_wrap .big{display: block;min-height: 250px;}
#arlo_tm_popup_blog .image_wrap .small{display: none;}
#arlo_tm_popup_blog .image_wrap .news_image{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background-repeat: no-repeat;background-position: center;background-size: cover;}
#arlo_tm_popup_blog .date_wrap{margin-bottom: 16px;width: 100%;float: left;}
#arlo_tm_popup_blog .date_wrap p a:before{position: absolute;content: "";width: 10px;height: 1px;background-color: #333;top: 50%;right: 100%;margin-right: 8px;}
#arlo_tm_popup_blog .title_holder{margin-bottom: 18px;width: 100%;float: left;}
#arlo_tm_popup_blog .title_holder h3{line-height: 1.4;font-weight: 600;font-family: "Montserrat";}
#arlo_tm_popup_blog .title_holder h3 a{text-decoration: none;color: #000;font-size: 22px;display: block;}
#arlo_tm_popup_blog .definition p{color: #333;}
#arlo_tm_popup_blog .read_more{display: none;}
#arlo_tm_popup_blog .arlo_tm_popup_share_wrap{display: block;width: 100%;height: auto;clear: both;float: left;padding-bottom: 5px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */}
#arlo_tm_popup_blog .arlo_tm_popup_share_wrap ul{margin: 0px;list-style-type: none;}
#arlo_tm_popup_blog .arlo_tm_popup_share_wrap ul li{display: inline-block;margin: 0px 15px 0px 0px;}
#arlo_tm_popup_blog .arlo_tm_popup_share_wrap ul li a{text-decoration: none;color: #000;font-size: 15px;position: relative;font-family: "Montserrat";font-weight: 600;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#arlo_tm_popup_blog .arlo_tm_popup_share_wrap ul li a:hover{color: #BD0A0D;}
#arlo_tm_popup_blog .close{position: absolute;top: 30px;right: 40px;width: 50px;height: 50px;cursor: pointer;display: block;z-index: 111111111;}
#arlo_tm_popup_blog .close a{position: relative;display: block;height: 30px;margin-right: 10px;margin-top: 12px;}
#arlo_tm_popup_blog .close a:before{position: absolute;content: "";width: 2px;height: 20px;background-color: rgba(0,0,0,1.00);top: 5px;right: 13px;transform: rotate(45deg);}
#arlo_tm_popup_blog .close a:after{position: absolute;content: "";width: 2px;height: 20px;background-color: rgba(0,0,0,1.00);top: 5px;right: 13px;transform: rotate(135deg);}



.arlo_tm_totop{
	position: fixed;
	bottom: 40px;
	right: 55px;
	z-index: 100;
	overflow: hidden;
	background-color: #ea5514;
    padding: 22px;
    border-radius: 3px;
    display: inline-block;
	
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}
.arlo_tm_totop:before{
	position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -75%;
    width: 0%;
    background-color: #041230;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: 1;
}
.arlo_tm_totop:after{
	width: 0px;
    height: 0px;
    position: absolute;
    content: '';
    border: 5px solid transparent;
    border-bottom-color: #fff;
    top: 14px;
    left: 17px;
	z-index: 2;
}
.arlo_tm_totop:hover:before{width: 290%;}
.arlo_tm_totop.opened{
	opacity: 1;
	visibility: visible;
	bottom: 55px;
}

/*---------------------------------------------------*/
/*	11) ARLO PARTICLE HOMEPAGE
/*---------------------------------------------------*/

#particles-js {
	width: 100%;
	height: 100%;
  	position: relative;
  	z-index: 2;
}
.arlo_tm_universal_box_wrap.particle{
	height: 100vh;
	position: relative;
	background-image: url(..//img/hero/2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.arlo_tm_universal_box_wrap.particle .particle_overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color:rgba(7,23,55,.8);
}

/*---------------------------------------------------*/
/*	12) ARLO RIPPLE HOMEPAGE
/*---------------------------------------------------*/

.arlo_tm_ripple_wrap{
	width: 100%;
	height:100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(..//img/hero/2.jpg);
	position: relative;
}
.arlo_tm_ripple_wrap .overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(7,23,55,.8);
	z-index: 1;
}
.arlo_tm_ripple_wrap .container{
	height: 100%;
	z-index: 2;
}


/*---------------------------------------------------*/
/*	 ARLO INTRO_PAGE
/*---------------------------------------------------*/

.arlo_tm_intro_universal_bg_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.arlo_tm_intro_universal_bg_wrap .bg_wrap{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
}
.arlo_tm_intro_universal_bg_wrap .bg_wrap .overlay_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 15;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.arlo_tm_intro_universal_bg_wrap .bg_wrap .overlay_color{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 20;
}
.arlo_tm_intro_universal_bg_wrap .content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	z-index: 30;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.arlo_tm_intro_universal_bg_wrap .bg_wrap .overlay_image.top{background-image: url(..//img/hero/2.jpg);}
.arlo_tm_intro_universal_bg_wrap .bg_wrap .overlay_color.top{background-color: rgba(10,4,37,.85);}
.arlo_tm_intro_universal_bg_wrap .content.top{height: 75vh;}
.arlo_tm_intro_universal_bg_wrap .content.top .main_titles_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	width: 100%;
	padding: 0px 20px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.arlo_tm_intro_universal_bg_wrap .logo_holder{margin-bottom: 25px;}
.arlo_tm_intro_universal_bg_wrap .logo_holder span{
	display: block;
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 600;
	padding-top: 10px;
}
.arlo_tm_intro_universal_bg_wrap .intro_definition{margin-bottom: 26px;}
.arlo_tm_intro_universal_bg_wrap .intro_definition p{
	color: #FFFFFF;
	font-size: 25px;
	font-weight: 500;
	font-family: "Montserrat";
}
.arlo_tm_intro_universal_bg_wrap .purchase_button a span{
	position: relative;
	z-index: 2;
}
.arlo_tm_intro_universal_bg_wrap .purchase_button a{
	text-decoration: none;
    color: #fff;
    background-color: #fd4d4d;
    font-weight: 600;
    font-family: "Montserrat";
    padding: 12px 40px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.arlo_tm_intro_universal_bg_wrap .purchase_button a:before{
	position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background-color: #fff;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: 1;
}
.arlo_tm_intro_universal_bg_wrap .purchase_button a:hover:before{width: 160%;}
.arlo_tm_intro_universal_bg_wrap .purchase_button a:hover{color: #000;}
.arlo_tm_intro_universal_bg_wrap .purchase_button a i{margin-right: 10px;}
.arlo_tm_main_demos_wrap,
.arlo_tm_main_demos_title,
.arlo_tm_main_demos_list_wrap,
.arlo_tm_main_demos_list_wrap ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.arlo_tm_main_demos_wrap{padding-bottom: 60px;}
.arlo_tm_main_demos_title{text-align: center;}
.arlo_tm_main_demos_title span{
	display: inline-block;
	text-align: center;
	color: #000;
	font-size: 25px;
	font-weight: 600;
	padding: 80px 0px;
	text-transform: uppercase;
	font-family: "Montserrat";
}
.arlo_tm_main_demos_title.another span{padding-top: 20px !important;}
.arlo_tm_main_demos_list_wrap ul{
	margin: 0px 0px 0px -40px;
	list-style-type: none;
}
.arlo_tm_main_demos_list_wrap ul li{
	margin: 0px 0px 40px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 40px;
	position: relative;
	top: 0px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.arlo_tm_main_demos_list_wrap ul li:hover{top: -5px;left: 0px;}
.arlo_tm_main_demos_list_wrap ul li .inner{
	position: relative;
	overflow: hidden;
	box-shadow: 0px 5px 40px -8px rgba(0,0,0,.1);
	padding-bottom: 20px;
}
.arlo_tm_main_demos_list_wrap ul li .inner .image_holder{margin-bottom: 15px;}
.arlo_tm_main_demos_list_wrap ul li .inner .image_holder img{min-width: 100%;}
.arlo_tm_main_demos_list_wrap ul li .inner .name{
	width: 100%;
	float: left;
	text-align: center;
}
.arlo_tm_main_demos_list_wrap ul li .inner .name span{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
	display: inline-block;
	text-transform: uppercase;
}
.arlo_tm_main_demos_list_wrap ul li .inner .name span a{
	text-decoration: none;
	color: #000;
	font-family: "Montserrat";
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.arlo_tm_main_demos_list_wrap ul li .inner .name span a:hover{color: #BC0127;}
.arlo_tm_main_demos_list_wrap ul li .inner .new{
	position: absolute;
	top: 15px;
	left:-33px;
	transform: rotate(-45deg);
}
.arlo_tm_main_demos_list_wrap ul li .inner .new span{
	display: inline-block;
	color: #FFFFFF;
	background-color: #BC0127;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	padding: 5px 45px;
}





.arlo_tm_mobile_header_wrap{
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 11111111;
	left: 0px;
	top: 0px;
	display: none;
}
.arlo_tm_mobile_header_wrap .main_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 0px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #e2e4e7;
	border-bottom: 1px solid rgba(255,255,255,.1);
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.arlo_tm_mobile_header_wrap .main_wrap img{width:67%}
.arlo_tm_trigger{width: auto;}
.arlo_tm_trigger .hamburger{padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;
text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;}
.arlo_tm_trigger .hamburger-box{width: 30px;height: 18px;display: inline-block;position: relative;}
.arlo_tm_trigger .hamburger-inner{display: block;top: 50%;margin-top: -2px;}
.arlo_tm_trigger .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width: 30px;height: 2px;background-color: #333333;position: absolute;transition-property: transform;transition-duration: 0.15s;
transition-timing-function: ease;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.arlo_tm_trigger .hamburger-inner::before,.arlo_tm_trigger .hamburger-inner::after{content: "";display: block;}
.arlo_tm_trigger .hamburger-inner::before{top: -8px;}
.arlo_tm_trigger .hamburger-inner::after{ bottom: -10px;}
.arlo_tm_trigger .hamburger--collapse-r .hamburger-inner{top: auto;bottom: 0;transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.arlo_tm_trigger .hamburger--collapse-r .hamburger-inner::after{top: -16px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;}
.arlo_tm_trigger .hamburger--collapse-r .hamburger-inner::before{transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner{transform: translate3d(0, -10px, 0) rotate(45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner::after{top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;}
.arlo_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner::before{top: 0;transform: rotate(90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);}
.arlo_tm_trigger .hamburger{padding: 0px;height: 100%;display: table-cell;vertical-align: middle;}
.arlo_tm_trigger .hamburger-box{display: block;}
.arlo_tm_trigger .hamburger .hamburger-inner::before,.arlo_tm_trigger .hamburger .hamburger-inner::after,.arlo_tm_trigger .hamburger .hamburger-inner{background-color: #082b60;width: 30px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.arlo_tm_mobile_menu_wrap{width: 100%;height: auto;clear: both;float: left;background-color: rgba(4,18,48,.97);padding: 30px 20px;display: none;border-bottom: 1px solid rgba(0,0,0,.09);border-top: 1px solid rgba(0,0,0,.09);-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */	}
.arlo_tm_mobile_menu_wrap .mob_menu{width: 100%;height: auto;clear: both;float: left;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */}
.arlo_tm_mobile_menu_wrap .mob_menu > ul{margin: 0px;list-style-type: none;}
.arlo_tm_mobile_menu_wrap .mob_menu > ul > li{ text-align: center;border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.1); line-height: 3.4rem;}
.arlo_tm_mobile_menu_wrap .mob_menu > ul > li:last-child{margin-bottom: 0px;}
.arlo_tm_mobile_menu_wrap .mob_menu > ul > li a{text-decoration: none;color: #fff;font-family: "Montserrat";font-weight: 600;font-size: 19px;}


@media (max-width: 1400px) {
	.arlo_tm_about_wrap .leftbox{padding-right: 0px;}
}
@media (max-width: 1200px) {
	.arlo_tm_services_wrap .list_wrap ul li{width: 50%;}
	#arlo_tm_popup_blog .close{right: 0px;}
	.arlo_tm_list_wrap > ul.total > li{width: 50%;}
	.arlo_tm_about_wrap .leftbox{display: none;}
	.arlo_tm_about_wrap .rightbox{padding-left: 0px;width: 100%;}
}
@media (max-width: 1040px) {
	.arlo_tm_about_wrap{flex-direction: column;}
	.arlo_tm_about_wrap .rightpart .info_list ul li{width: 100%;}
	.arlo_tm_about_wrap .leftpart{width: 100%;padding-right: 0px;margin-bottom: 60px;}
	.arlo_tm_about_wrap .rightpart{width: 100%;}
	.arlo_tm_skills_wrap .inner_wrap{flex-direction: column;}
	.arlo_tm_skills_wrap .leftbox{padding-right: 0px;width: 100%;margin-bottom: 60px;}
	.arlo_tm_skills_wrap .rightbox{width: 100%;padding-left: 0px;}
	.arlo_tm_main_demos_list_wrap ul{margin: 0px;}
	.arlo_tm_main_demos_list_wrap ul li{width: 100%;padding: 0px;}
	.arlo_tm_portfolio_single_wrap .details_wrap{flex-direction: column;}
	.arlo_tm_portfolio_single_wrap .details_wrap .leftbox{padding-right: 0px;width: 100%;margin-bottom: 50px;}
	.arlo_tm_portfolio_single_wrap .details_wrap .rightbox{width: 100%;}
	.arlo_tm_mobile_header_wrap{display: block;}
	.arlo_tm_leftpart_wrap{display: none;}
	.arlo_tm_rightpart{padding-left: 0px;}
}
@media (max-width: 768px) {
	.arlo_tm_hero_header_wrap .name_holder h3{font-size: 40px;}
	.arlo_tm_hero_header_wrap .text_typing p{font-size: 21px;}

	.arlo_tm_services_wrap .list_wrap ul{margin: 0px;}
	.arlo_tm_services_wrap .list_wrap ul li{width: 100%;padding-left: 0px;}
	.arlo_tm_counter_list li{width: 50%;}
	.arlo_tm_counter_list li .inner{padding: 45px 15px 48px 15px;}

	.arlo_tm_list_wrap > ul.total{margin: 0px;}
	.arlo_tm_list_wrap > ul.total > li{width: 100%;padding-left: 0px;}

	.arlo_tm_totop{right: 20px;bottom: 10px;}
	.arlo_tm_totop.opened{bottom: 20px;}
	.arlo_tm_portfolio_single_wrap .title_holder h3{font-size: 45px;}
}
@media (max-width: 480px) {
	.arlo_tm_hero_header_wrap .name_holder h3{font-size: 30px;}
	.arlo_tm_hero_header_wrap .text_typing p{font-size: 18px;}
	.arlo_tm_counter_list li{width: 100%;}
	.arlo_tm_counter_list li .inner{padding: 0px 0px 35px 0px;}
	.arlo_tm_counter_wrap{padding: 94px 0px 48px 0px;}
}	
audio{
	z-index: 5;
	position: absolute;
  
	opacity: 0.1;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
  }
  audio:hover{
	opacity: 1;
  }
.f_80{font-size: 80px;}
.f_72{font-size: 72px;}
.f_62{font-size: 62px;}
.f_48{font-size: 48px;}
.f_40{font-size: 40px;}
.f_30{font-size: 30px;}
.f_24{font-size: 23px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}



/*===================== 响应式代码 START =====================*/

@media( max-width:1600px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 40px;}
.f_48{font-size: 36px;}
.f_40{font-size: 30px;}
.f_30{font-size: 24px;}
.f_24{font-size: 20px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}
}



@media( max-width:1280px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 28px;}
.f_40{font-size: 26px;}
.f_30{font-size: 24px;}
.f_24{font-size: 16px;}
.f_20{font-size: 18px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_15{font-size: 14px;}
.f_14{font-size: 14px;}
}





@media (max-width:750px){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 22px;}
.f_40{font-size: 22px;}
.f_30{font-size: 24px;}
.f_24{font-size: 14px;}
.f_20{font-size: 14px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_14{font-size: 14px;}
}