body{font-size:14px;font-family:Arial, Helvetica, Microsoft YaHei;color:#35393f}
      body h4{font-size:20px}
      .header {
	width:100%;
	height:80px;
	background-color: transparent;
    	min-width: 1024px;
    	position: fixed;
	z-index: 100;
	}
      .header > .header-box{width:827px;margin:auto;}
      .header > .header-box > a{line-height: 80px;}
      .header > .header-box > .logo{float:left}
      .header > .header-box > ul{width:400px;height:100%;float:right;margin:0;padding:0}
      .header > .header-box > ul > li{
		margin: auto 8px;
    		height: 100%;
		float:right;
		list-style-type:none;
		line-height: 80px;
	}
      .header > .header-box > ul > li > a{color:#b0b4ba;text-decoration:none;cursor:pointer}
      .dark{background:#fff;box-shadow: 0 3px 5px 0 rgba(7,0,2,.1);}
      .dark > .header-box > ul > li > a{color:#35393f;}
      .part1{
        width:100%;
        height:778px;
        background:  url("../img/part1.jpg") no-repeat;
        background-size: cover;
        background-position: top;
      }
      .part2{
        width:100%;
        height:700px;
        background:  url("../img/part2.jpg") no-repeat;
        background-size: cover;
        background-position: center;
      }
      .part2 > .system{
	width:865px;
	height:100%;
	margin:auto;
	position:relative;
	}
      .part2 > .system > div{float:left}
      .part2 > .system > .down{position:absolute;left: 50%;top: 85%;transform:translate(-50%,-50%);}
      .part2 > .system > .sys-title{background:url("../img/sys-title.jpg") no-repeat;background-position: center;width:25%;height:63%;padding-left: 20px;padding-bottom:40px}
      .part2 > .system > .sys-title > .main-title{display:block;margin-top:250px;margin-bottom: 20px;color:#f0ad1d;font-size: 30px;font-weight: 800;line-height:33px;width:60px;}
      .part2 > .system > .sys-title > .sub-title{display:block;color:#f0ad1d;font-size:14px;}
      .part2 > .system > div > .sys-name{display:block;color:#f0ad1d;text-align: center;font-size:30px;margin-top:110px;}
      .part2 > .system > div > .sys-detail{display:block;color:#b0b4ba;margin-top:250px;margin-left:18px;margin-right:18px;}
      .part2 > .system > .sys-1{background:url("../img/sys-1.jpg") no-repeat;background-position: center;width:25%;height:95%}
      .part2 > .system > .sys-1:hover{background:url("../img/sys-1-h.jpg") no-repeat;background-position: center;}
      .part2 > .system > .sys-1:hover .sys-detail{color:#35393f;}
      .part2 > .system > .sys-1 > .sys-name{width:39%;margin:auto;margin-top:90px;}
      .part2 > .system > .sys-1 > .sys-detail{margin-top:230px;}
      .part2 > .system > .sys-2{background:url("../img/sys-2.jpg") no-repeat;background-position: center;width:25%;height:95%}
      .part2 > .system > .sys-2:hover{background:url("../img/sys-2-h.jpg") no-repeat;background-position: center;}
      .part2 > .system > .sys-2:hover .sys-detail{color:#35393f;}
      .part2 > .system > .sys-3{background:url("../img/sys-3.jpg") no-repeat;background-position: center;width:25%;height:95%}
      .part2 > .system > .sys-3:hover{background:url("../img/sys-3-h.jpg") no-repeat;background-position: center;}
      .part2 > .system > .sys-3:hover .sys-detail{color:#35393f;}
      .carousel-indicators {
	   	bottom:10px;
	}
      .carousel-indicators .active {
	   width: 30px;
           height: 10px;
	   margin: 10px;
	   background-color: #e9eb5d;
	}
      .carousel-indicators li {
	   background-color: #fff;
	   border: none;
	   border-radius: 0px;
	   margin: 10px;
	   width: 30px;
           height: 10px;
	}
      .about-us{
	width:100%;
        height:700px;
        background:  url("../img/about-us.jpg") no-repeat;
        background-size: cover;
        background-position: center;
	padding-top:300px;
	position: relative;
	}
      .about-us > .about-us-info{margin:auto;width:100%;color:#b0b4ba;text-align: center;}
      .about-us > .down{position:absolute;left: 50%;top: 65%;transform:translate(-50%,-50%);}
      .contact-us{
	width:100%;
        position: relative;
	height:600px;
	}
	.contact-us > div{float:left;}
	.contact-us > .contact-left-bk{
		width:18%;
		height:100%;
		background:  url("../img/contact-us-1.jpg") no-repeat;
        	background-size: cover;
        	background-position: center;
	}
       	.contact-us > .contact-left
	{
		width:20%;
		height:100%;
		padding-left:2%;
		background:  url("../img/contact-us-2.jpg") no-repeat;
                background-size: cover;
                background-position: center;
	}
	.contact-us > .contact-left > .main-title{display:block;margin-top:100px;margin-bottom: 20px;color:#f0ad1d;font-size: 30px;font-weight: 800;line-height:33px;width:60px;}
      	.contact-us > .contact-left > .sub-title{display:block;color:#b0b4ba;font-size:14px;}
        .contact-us > .contact-left > .mob_sub_title{display:none}
	.contact-us > .contact-left > .email{display:block;color:#b0b4ba;font-size:14px;margin-top:180px;}
	.contact-us > .contact-left > .address{display:block;color:#b0b4ba;font-size:14px;margin-top:20px;}
	 .contact-us > .contact-left > .mob_detail{display:none}
	.contact-us > .contact-left i{width:24px;text-align: center;display:inline-block;margin-right: 5px;}
	.contact-us > .contact-left img{margin-bottom: 5px}
	.contact-us > .contact-right
        {
                width:44%;
                height:100%;
		padding-left:5%;
		padding-top:5%;
		background:  url("../img/contact-us-3.jpg") no-repeat;
                background-size: cover;
                background-position: center;
		float:left;
        }
	.contact-us > .contact-right > .short-input{border-bottom: 1px solid #666;width:60%;color:#b0b4ba;font-size:14px;padding:0 4px;margin-top:40px}
	.contact-us > .contact-right > .short-input > input{background: transparent;border: none;outline:none;width:70%}
	.contact-us > .contact-right > .short-input > input:focus{background: transparent;border: none;outline:none;}
	.contact-us > .contact-right > .long-input{width:80%;color:#fff;font-size:14px;margin-top:40px}
        .contact-us > .contact-right > .long-input > label{margin-left:4px;color:#b0b4ba}
        .contact-us > .contact-right > .long-input > textarea{display:block;background: transparent;border: 1px solid #666;outline:none;width:100%;height:100px;}
        .contact-us > .contact-right > .long-input > textarea:focus{background: transparent;border: 1px solid #666;outline:none;}
        .contact-us > .contact-right > .check-code {width:85%;color:#fff;font-size:14px;margin-top:20px}
	.contact-us > .contact-right > .check-code >  .code-input{background: transparent;border: none;outline:none;width:30%;border-bottom: 1px solid #666;}
	.contact-us > .contact-right > .check-code >  .code-input:focus{background: transparent;border: none;outline:none;border-bottom: 1px solid #666;}
	.contact-us > .contact-right > .check-code > img {background:#e9e9e9;margin-bottom: 6px;}
	.contact-us > .contact-right > .check-code > .submit{
		float:right;
		width:85px;
		height:24px;
		background:  url("../img/submit.jpg") no-repeat;
        	background-size: cover;
        	background-position: center;
		border: none;
		outline:none;
		color:#b0b4ba;
	}
	.contact-us > .contact-right-bk{
                width:18%;
                height:100%;
                background:  url("../img/contact-us-4.jpg") no-repeat;
                background-size: cover;
                background-position: center;
        }
	.footer {width:100%;}
	.footer > .footer-box{margin:auto;width:64%;background-color:#e9e9e9;padding:20px 0}
	.footer > .footer-box > .footer-content{width:100%;text-align: center;margin: auto;color: #666;display: block;}
@media screen and (max-width: 900px){
	.header {
	min-width:500px;
        }
      .header > .header-box{width:80%;}
      .header > .header-box > ul{width:400px;height:100%;}
      .header > .header-box > ul > li{
                margin: auto 8px;
        }
	.part1{
        width:100%;
        height:1200px;
        background:  url("../mob_img/part1.jpg") no-repeat;
        background-size: cover;
        background-position: top;
      }
      .part2{
        width:100%;
        height:auto;
        background:  none;
      }
	.part2 > .system{
        width:auto;
        height:auto;
        margin:auto;
        }
	.part2 > .system > .sys-title{background:url("../mob_img/sys-1.jpg") no-repeat;background-position: top;background-size: cover;width:50%;height:360px;padding-left: 0px;padding-bottom:0}
      .part2 > .system > .sys-title > .main-title{margin-top:180px;margin-left: 20%;width:60px;}
      .part2 > .system > .sys-title > .sub-title{margin-left:20%;}
      .part2 > .system > div > .sys-name{margin:auto;margin-top:60px;width:120px;height:120px;background: #000;border-radius:60px;line-height:120px}
      .part2 > .system > div > .sys-detail{margin-top:50px;margin-left:60px;margin-right:60px;}
      .part2 > .system > .sys-1{background:url("../mob_img/sys-2.jpg") no-repeat;background-position: center;background-size: cover;width:50%;height:360px}
      .part2 > .system > .sys-1:hover{background:none}
      .part2 > .system > .sys-1:hover .sys-detail{color:#35393f;}
      .part2 > .system > .sys-1 > .sys-name{padding: 28px 18px 18px 18px;width: 120px;line-height: 1;margin-top:60px}
      .part2 > .system > .sys-1 > .sys-detail{margin-top:50px;}
      .part2 > .system > .sys-2{background:url("../mob_img/sys-3.jpg") no-repeat;background-position: center;background-size: cover;width:50%;height:360px}
      .part2 > .system > .sys-2:hover{background:none}
      .part2 > .system > .sys-2:hover .sys-detail{color:#35393f;}
      .part2 > .system > .sys-3{background:url("../mob_img/sys-4.jpg") no-repeat;background-position: center;background-size: cover;width:50%;height:360px}
      .part2 > .system > .sys-3:hover{background:none}
      .part2 > .system > .sys-3:hover .sys-detail{color:#35393f;}
	.contact-us > .contact-left-bk{display:none;}
      .contact-us > .contact-left{width:31.25%;}
      .contact-us > .contact-right{width:68.75%;padding-top: 15%}
      .contact-us > .contact-right-bk{display:none;}
      .footer > .footer-box{width:100%}
}
@media screen and (max-width: 500px){
	.header {
        min-width:300px;
        }
      .header > .header-box{width:97%;}
      .header > .header-box > ul{width:270px;height:100%;}
      .header > .header-box > ul > li{
                margin: auto 4px;
        }
        .part1{
        width:100%;
        height:700px;
        background:  url("../mob_img/part1.jpg") no-repeat;
        background-size: cover;
        background-position: top;
      }
      .part2{
        width:100%;
        height:auto;
        background:  none;
      }
        .part2 > .system{
        width:auto;
        height:auto;
        margin:auto;
        }
	 .part2 > .system > .sys-title{background:url("../mob_img/sys-1.jpg") no-repeat;background-position: top;background-size: cover;width:50%;height:280px;padding-left: 0px;padding-bottom:0}
      .part2 > .system > .sys-title > .main-title{margin-top:100px;margin-left: 20%;width:60px;}
      .part2 > .system > .sys-title > .sub-title{margin-left:20%;}
      .part2 > .system > div > .sys-name{font-size: 20px;margin:auto;margin-top:30px;width:80px;height:80px;background: #000;border-radius:40px;line-height:80px}
      .part2 > .system > div > .sys-detail{margin-top:30px;margin-left:10%;margin-right:10%;}
      .part2 > .system > .sys-1{background:url("../mob_img/sys-2.jpg") no-repeat;background-position: center;background-size: cover;width:50%;height:280px}
      .part2 > .system > .sys-1:hover{background:none}
      .part2 > .system > .sys-1:hover .sys-detail{color:#35393f;}
      .part2 > .system > .sys-1 > .sys-name{padding: 21px 18px 18px 18px;width: 80px;line-height: 1;margin-top:30px}
      .part2 > .system > .sys-1 > .sys-detail{margin-top:30px;}
      .part2 > .system > .sys-2{background:url("../mob_img/sys-3.jpg") no-repeat;background-position: center;background-size: cover;width:50%;height:280px}
      .part2 > .system > .sys-2:hover{background:none}
      .part2 > .system > .sys-2:hover .sys-detail{color:#35393f;}
      .part2 > .system > .sys-3{background:url("../mob_img/sys-4.jpg") no-repeat;background-position: center;background-size: cover;width:50%;height:280px}
      .part2 > .system > .sys-3:hover{background:none}
      .part2 > .system > .sys-3:hover .sys-detail{color:#35393f;}
	.contact-us{height:500px;}
        .contact-us > .contact-left-bk{display:none;}
      .contact-us > .contact-left{width:100%;height:200px}
      .contact-us > .contact-left > .main-title{display:block;margin-top:20px;margin-bottom: 20px;text-align: center;width:100%}
        .contact-us > .contact-left > .sub-title{display:none}
	.contact-us > .contact-left > .mob_sub_title{display:block;color:#b0b4ba;font-size:14px;text-align: center;}
        .contact-us > .contact-left > .email{display:none;}
        .contact-us > .contact-left > .address{display:none}
	.contact-us > .contact-left > .mob_detail{display:block;width:250px;margin:auto;margin-top:20px}
	 .contact-us > .contact-left > .mob_detail > .mob_email{display:block;color:#b0b4ba;font-size:14px;margin-top:0px;width:100%;}
        .contact-us > .contact-left > .mob_detail > .mob_address{display:block;color:#b0b4ba;font-size:14px;margin-top:10px;widht:100%;}
      .contact-us > .contact-right{width:100%;padding-top: 15%}
      .contact-us > .contact-right-bk{display:none;}
      .footer > .footer-box{float:left;width:100%}
}