@charset "utf-8";
*{margin:0; padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
body{font-family:"微软雅黑"；}
html {-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
html::-webkit-scrollbar{width:0px}
::-webkit-scrollbar{display:none;}

/*标题公共标示*/
.title{ text-align:center;background-color: #FFFFFF;}
.title h1{ font-size:27px; color:#333;background-color: #FFFFFF;}
.title i{width: 100px;height: 1px;background: #AEAEAE;display:block;margin: 5px  auto  0;} 

/*头部区域*/
.top{width:100%; height:50px; background-color: #2B2B2B;}
/*.top_logo_s{width: 35px;height: 35px;float: left;background-image: url("../images/harryhorse-logo_s1.png");margin-left: 80px;margin-top: 7px;background-size: cover;}*/
.top_logo {width: 128px;height: 22px;background-image: url("../images/harryhorse-logo.png");float: left;margin-left: 80px;margin-top: 18px;background-size: cover;}
.top ul li {display: inline;margin-right: 30px;}
.top ul li a {text-align: right;font-size: 12px;line-height: 50px;color: #BBBBBB;}
.top_right {float: right;width: 150px;}
.top_right_language {;float: right; width:150px;}

/*页眉区域*/
.header{width:100%; height:78px;text-align: center;}
.header hl li {display:inline;margin-right: 50px;line-height: 78px;}
.header hl li a{color:#333333;}

/*海报区域*/
banner{width:100%; height:460px;background-image:url(../images/S1.png);background-size: cover;}
.banner img {width: 100%;height: 460px;}

/*公司介绍区域*/
.introduce{width:1000px; height:180px;;margin: 30px auto;}
.introduce h1 {text-align:center;padding-top: 40px;font-size:30px;}
.introduce_line {width: 10%;height: 1px;background-color:#AEAEAE;margin-top: 5px;margin-right: auto;margin-left: auto;margin-bottom: 20px;}
.introduce .Company.Introduction.Content p {width:900px;margin-left: 30px; }


/*前端导航区域*/
.nav_1{width:900px; height:200px;text-align:center;margin: 50px auto;}
.nav_1 h1{font-size:30px}
.application_line {width: 10%;height: 1px;background-color:#AEAEAE;margin-top: 5px;margin-right:auto;margin-left: auto;margin-bottom: 20px;}
.nav_1 .navs {;width: 400px;margin:0px auto;float:left;}
.nav_1 .navs li a{font-size: 18px;line-height: 50px;color: #333333;margin:  auto 20px;}
.nav_1 .navs_2 {;width: 1000px;margin:10px auto;}
.nav_1 .navs_2 li a{font-size: 18px;display:inline;line-height: 50px;color: #333333;}

/*黑色横条_1区域*/
.banner_1{width:100%; height:80px;line-height:80px;background-color:#E9E9E9;margin:50px auto;}
.banner_1 h1{text-align: center;color: #000000;font-size:35px}

/*产品介绍区域*/
.pro{width:900px; height:400px;margin: 20px auto;}
.pro_h1_line {width: 10%;height: 1px;background-color: #AEAEAE;margin-top: 5px;margin-right: auto;margin-left: auto;margin-bottom: 20px;}
.pro h1 {text-align: center;font-size: 27px;margin:20px auto 0 auto;}
.pro .product_1{width:900px;height: 335px;}
.pro .product_1 li {width: 400px;height: 350px;background: #f2f2f2;float: left;margin-right: 90px;	transition: 0.3s;}
.pro .product_1 li .text {weith:360px;height:180px;margin:auto 30px;font-seze:8px;}
.pro .product_1 li .text h3 {font-size: 20px;color: #333;}
.pro .product_1 li .text p{margin: 10px auto;font-size: 13px;color: #777;}
.pro .product_1 li:hover{margin-top: -20px;}

/*软件区域*/
.software{width:1000px; height:1210px;margin: 50px auto;background-color: #F9F9F9;}
.software .s1 { height:180px;background-color: #FFFFFF;}   
.software .s1 ul h1 {font-size: 20px;text-align:center;margin: 20px;} 
.software .s1 ul p {font-size: 18px;margin: 20px auto;margin-left: 30px;}
.software .s1 ul li {font-size: 12px;display:inline;margin: 17px;margin-left: 30px;}
.software .s1 ul li img { margin:auto 20px;width: 60px;float: left;margin-left: 30px;}

.software .s2{height: 300px;margin: 20px auto;}
.software .s2 ul {font-size: 18px;background-color: #FFFFFF;}
.software .s2 ul li {margin-left: 30px;}
.software .s2 ul li img {margin: 20px auto;}

.software .s3 {background-color: #FFFFFF; height: 280px; margin: 30px auto; }
.software .s3 li{font-size: 20px;margin: 20px auto; margin-left: 30px;}
.software .s3 ul p {font-size: 15px;margin: 10px auto;margin-left: 30px; }

.software .s4 { width: 1000px;height: 357px; margin: 0px auto;float: left;font-size: 15px;background-color: #FFFFFF;}
.software .s4 h2{margin-left: 30px;}
.software .s4 ul li img {width: 700px;margin: 20px auto 0px auto;margin-left: 30px;}
.software .s4 ul p {margin: 10px auto;font-size: 15px;margin-left: 30px;}

/*中部海报区域*/
m_banner{width:100%; height:460px;background-image:url("../images/S5.png.jpg");background-size: cover;}
.m_banner img {width: 100%;height: 460px;  }
/*智能产品区域*/
.smart-devices{width:1000px; height:1950px;;margin: 50px auto;background-color: #F9F9F9;}
.smart-devices .smart-1 ul{height:300px;background-color: #FFFFFF;}
.smart-devices .smart-1 ul h2{font-size: 20px;margin: 20px auto;margin-left: 30px;}
.smart-devices .smart-1 ul p{font-size: 15px;width: 500px;float: left;margin: auto 0px;margin-left: 30px;}
.smart-devices .smart-1 ul img { width: 300px;height: 240px; margin: auto 100px; margin-left: 70px;}

.smart-devices .smart-2 ul{height:300px;background-color: #FFFFFF;}
.smart-devices .smart-2 ul h2{font-size: 20px;margin: 20px auto;margin-left: 30px;}
.smart-devices .smart-2 ul p{font-size: 15px;width: 500px;float: left;margin: auto 0px;margin-left: 30px;}
.smart-devices .smart-2 ul img { width: 300px;height: 240px; margin: auto 100px; margin-left: 70px;}

.smart-devices .smart-3 ul{height:300px;background-color: #FFFFFF}
.smart-devices .smart-3 ul h2{font-size: 20px;margin: 20px auto;margin-left: 30px;}
.smart-devices .smart-3 ul p{font-size: 15px;width: 500px;float: left;margin: auto 0px;margin-left: 30px;}
.smart-devices .smart-3 ul img { width: 300px;height: 240px; margin: auto 100px; margin-left: 70px;}

.smart-devices .smart-4 ul{height:300px;background-color: #FFFFFF}
.smart-devices .smart-4 ul h2{font-size: 20px;margin: 20px auto;margin-left: 30px;}
.smart-devices .smart-4 ul p{font-size: 15px;width: 500px;float: left;margin: auto 0px;margin-left: 30px;}
.smart-devices .smart-4 ul img { width: 300px;height: 240px; margin: auto 100px; margin-left: 70px;}

.smart-devices .smart-5 ul{height:300px;background-color: #FFFFFF}
.smart-devices .smart-5 ul h2{font-size: 20px;margin: 20px auto;margin-left: 30px;}
.smart-devices .smart-5 ul p{font-size: 15px;width: 500px;float: left;margin: auto 0px;margin-left: 30px;}
.smart-devices .smart-5 ul img { width: 300px;height: 240px; margin: auto 100px; margin-left: 70px;}

.smart-devices .smart-6 ul{height:300px;background-color: #FFFFFF}
.smart-devices .smart-6 ul h2{font-size: 20px;margin: 20px auto;margin-left: 30px;}
.smart-devices .smart-6 ul p{font-size: 15px;width: 500px;float: left;margin: auto 0px;margin-left: 30px;}
.smart-devices .smart-6 ul img { width: 300px;height: 240px; margin: auto 100px;margin-left: 70px; }



/*黑色横条_2区域*/
.banner_2{width:100%; height:80px;line-height:80px;background-color:#F1F1F1;margin: 50px auto;}
.banner_2 h1{text-align: center;color: #3E3E3E;font-size: 32px;}
/*生产线区域*/
.one_Stop_Platform{width:1000px; height:680px;margin: 50px auto;font-size: 15px;}
.one_stop.P_1 ul p { margin-left: 30px; }

.one_Stop_Platform ul img { width: 800px;height: 239px; margin:20px 100px; }
.one_stop.P_2 ul h1 {font-size: 20px; margin-left: 30px;}
.one_stop.P_2 ul img {width: 800px;height: 365px; margin: 0px 100px;  }

/*黑色横条_3区域*/
.banner_3{width:100%; height:80px;line-height:80px;background-color:#E9E9E9;margin: 30px auto;}
.banner_3 h1{text-align: center;color: #000000;font-size:35px}
/*联系我们区域*/
.contect_us{width:800px; height:100px;margin: 40px auto;}
.contect_us p{width: 700px;height: 70px;text-align: center;font-size: 15px;margin-left: 30px;}
contect img{float: right;margin: -80px 20px 0px 0px;width: 60px;height: 60px;}

.contect_us h2 {text-align: center;font-size: 20px;color: #22222;}
/*尾部区域*/
.footer{width:100%; height:100px;line-height:100px;background-color:#2B2B2B;margin: 0px auto;}
/*.footer .logo {width: 35px;height: 35px;float: left;background-image: url("../images/harryhorse-logo_s1.png");margin-left: 80px;margin-top: 35px;background-size: cover;}*/
.footer p{text-align: center;color: #BBBBBB;font-size: 15px;}


.return_top img {position:fixed;right: 20px;bottom: 120px;visibility: visible;}

.back_top img {position: fixed;right: 20px;bottom: 25px; cursor:pointer;}