*{
    margin: 0;
    padding: 0;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
    color: #2c252d;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
body{
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}
.section1{
    position: relative;
    background: url("../img/pro1.jpg") no-repeat 50%;
    background-size: cover;
}
.section2{
    background: url("../img/pro2.jpg") no-repeat 50%;
    background-size: cover;
}
.section3{
    position: relative;
    background: url("../img/pro3.jpg") no-repeat 50%;
    background-size: cover;
}
.section4{
    background: url("../img/pro4.jpg") no-repeat 50%;
    background-size: cover;
}
.section5{
    background: url("../img/pro5.jpg") no-repeat 50%;
    background-size: cover;
}



.menu_nav{
    width: 100%;
    height: 80px;
    background: rgba(255,255,255,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    -webkit-transition: background .7s 0s;
    transition: background .7s 0s;
}
.menu_nav_cur{
  background: rgba(0, 0, 0, 0.5) !important;
}
.menu_nav_cur ul li a{
  color: #fff !important;
  -webkit-transition: color .7s 0s;
  transition: color .7s 0s;
}

.menu_container,.page_container{
    width: 1200px;
    margin: 0 auto;
}
.mynavs {
    overflow: hidden;
}
.mynavs ul{
    overflow: hidden;
}
.mynavs ul li{
    float: left;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.menu_nav ul li a{
    display: block;
    padding-left: 18px;
    padding-right: 18px;
    line-height: 80px;
    font-size: 16px;
}
.menu_nav ul li.active a{
    background: #ee0a2b;
    color: #FFFFFF;
}
.section1_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
}
.theme{
    position: relative;
    left: 50%;
    top: 337px;
    margin-left: -268px;
    width: 536px;
}
.theme img{
    width: 100%;
}
.tryProduct{
    width: 194px;
    height: 64px;
    position: absolute;
    left: 50%;
    margin-left: -97px;
    top: 557px;
    z-index: 1000;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    line-height: 64px;
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
}
.page2{
    height: 100%;
}
.page2_bg{
    position: relative;
    width: 645px;
    background: rgba(255, 255, 255, 0.8);
    float: left;
    height: 0%;
}
.page2_box{
    width: 570px;
    height: 546px;
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -285px;
    /*background: #ff00FF;*/
	/*padding-left: 30px;*/
}
.page2_title{
	margin-left: 0;
    opacity: 0;
}
.page2_box .page2_t1{
    font-size: 14px;
    color: #ed0a2b;
    border-bottom: 1px solid #ed0a2b;
    /*margin-left: 32px;*/
	display: inline-block;
    width: 164px;
}
p.page2_t2 {
    /*width: 228px;
    height: 200px;
    margin-left: 32px;
    margin-left: 0px;
    opacity: 0;
    margin-bottom: 67px;
    background: url("../img/page2.png") no-repeat -18px -159px;*/
    font-size: 65px;
    line-height: 72px;
    width: 228px;
    height: 200px;
    margin-top: 20px;
	margin-bottom: -20px;
}
.page2_box .red_line{
	width: 130px;
    height: 8px;
    background: #ed0a2b;
}
.page2_lists{
    opacity: 0;
	margin-top:64px;
}
.page2_lists:after{
    content:'';
    display: block;
    height: 0;
    clear: both;
}
.page2_lists li{
    width: 158px;
    float: left;
    box-sizing: border-box;
}
.page2_lists li.list1,.page2_lists li.list2{
    position: relative;
    padding-top: 120px;
    margin-right: 43px;
}
.page2_lists li.list3{
    position: relative;
    padding-top: 120px;
 }
.page2_lists li h3{
    text-align: center;
    color: #434343;
    font-size: 22px;
    padding-bottom: 20px;

}
.page2_lists li p{
    font-size: 14px;
    color: #666666;
}
.page2_lists li.list1:before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left:-56px;
    width: 112px;
    height: 112px;
    background: url("../img/page2.png") no-repeat -10px -12px;
}
.page2_lists li.list2:before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left:-56px;
    width: 112px;
    height: 112px;
    background: url("../img/page2.png") no-repeat -210px -12px;
}
.page2_lists li.list3:before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left:-56px;
    width: 112px;
    height: 112px;
    background: url("../img/page2.png") no-repeat -414px -12px;
}
/*page3*/
.page3_container{
	width:1200px;
	height:224px;
	box-sizing: border-box;
	margin:0 auto;
	padding:0 128px 0 48px;
    margin-top: -360px;
}
.page3_container span.page2_t1{
    font-size: 14px;
    color: #ed0a2b;
    border-bottom: 1px solid #ed0a2b;
    /*margin-left: 32px;*/
	display: inline-block;
    width: 164px;
}
.page3_container p.page2_t2{
	width:180px;
	line-height: 72px;
    margin-bottom: -25px;
}
.page3_container.red_line{
	width: 130px;
    height: 8px;
    background: #ed0a2b;
}
.page3_left{float:left}
.page3_right{float:right;margin-top:40px;}
.page3_t1{color: #5459a2;font-size: 30px;}
.page3_t2{color: #5e5d5d;font-size: 14px;line-height:26px;width:168px;margin:18px 0 28px 0;}
.page3_t3{background: #ed0a2b;color: #fff;font-size: 14px;width: 142px;height: 42px;line-height:42px;text-align:center;border-radius:50px;}
.r_button ,.l_button{
    width: 73px;
    height: 124px;
    position: relative;
    left: -85px;
	top: -265px;
	background: url("../img/go1.png") no-repeat;

}
.r_button{
	background: url("../img/go2.png") no-repeat;   
    left: 220px;
    top: -388px;
}
.page_change {
    position: relative;
    top: -77px;
    left: -4px;
    width: 212px;
    height: 371px;
    background: #fff;
    margin: 0 auto;
    /*overflow: hidden;*/
}
@media (min-width: 1900px){
	.page_change {
		position: relative;
		top: -146px;
		left: -5px;
		width: 286px;
		height: 371px;
		background: #fff;
		margin: 0 auto;
		/* overflow: hidden; */
	}
	.r_button {
		background: url("../img/go2.png") no-repeat;
		left: 300px;
		top: -388px;
	}
	.r_button, .l_button {
		left: -95px;
		top: -365px;
		
	}
	.r_button {
		left: 305px;
		top: -488px;
	}
}
.page_change img{width: 100%;}
/*page4*/
.page4_bg{
    position: relative;
    width: 645px;
    background: rgba(255, 255, 255, 0.8);
    float: right;
    height: 0%;
}
.page4_bg.page2_box {
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -285px;
}

.page4_bg .page2_box .page4_t1{
    font-size: 14px;
    color: #ed0a2b;
    border-bottom: 1px solid #ed0a2b;
    margin-left: 0;

	display: inline-block;
    width: 164px;
}
p.page4_t2{
	font-size: 65px;
    line-height: 72px;
	width: 228px;
    height: 200px;
	margin-top: 20px;
	margin-bottom: -20px;
}
.red_line {
    width: 130px;
    height: 8px;
    background: #ed0a2b;
}
.page2_title.page4_title {
    width: 0px;
	position: relative;
    left: 300px;
}
ul.page4_lists li h3 {
    font-size: 20px;
    color: #fff;
	height: 48px;
	font-weight: normal;
}
.page4_lists{width: 496px;margin-top: 80px;opacity: 0;}
.page4_lists li{
	width: 126px;
	height: 126px;
	border-radius: 63px;
	background: #ccc;
	float: left;
	line-height: 126px;
	text-align: center;
}
.page4_lists .list3 h3,.page4_lists .list4 h3{
	line-height: 28px;
    margin-top: 30px
}
.page4_lists .list1,.page4_lists .list4{
	margin-right: 46px;
}
.page4_lists .list2,.page4_lists .list5{
	margin-right: 68px;
}
.page4_lists .list4,.page4_lists .list5,.page4_lists .list6{
	margin-top: 40px;
}
.page4_lists .list1{
	background:#6d7dc5;
}
.page4_lists .list2{
	background:#5ac073;
}
.page4_lists .list3{
	background:#db6b44;
}
.page4_lists .list4{
	background:#dba444;
}
.page4_lists .list5{
	background:#5f9ad7;
}
.page4_lists .list6{
	background:#94d24b;
}
/*page5*/
.page2_bg,.page4_bg,.page5_bg{
  overflow: hidden;
}
.page5_bg{
    position: relative;
    width: 645px;
    background: rgba(255, 255, 255, 0.8);
    float: left;
    height: 0%;
}
span.page5_t1{
    font-size: 14px;
    color: #ed0a2b;
    border-bottom: 1px solid #ed0a2b;
    /*margin-left: 32px;*/
    opacity: 1;
	display: inline-block;
    width: 164px;
	margin-left: 0px;
}
p.page4_t2.page5_t2{
	width: 160px;
	margin-left: 20px;
}
p.page5_content {
    color: #3d3d3d;
    line-height: 28px;
    margin-top: 50px;
	padding-left: 50px;
	opacity: 0;
}
.about_line{margin-left:20px;}
/*page6*/
.page2_box.page6_box {padding-left: 45px;}
.page4_bg .page6_box span.page6_t1{
    font-size: 14px;
    color: #ed0a2b;
    border-bottom: 1px solid #ed0a2b;
    /*margin-left: 32px;*/
	display: inline-block;
    width: 164px;
	margin-left: 335px;
}
.page4_bg .page6_box p.page4_t2{width: 280px;margin-left: 240px;}
.page4_bg .page6_box div.red_line{margin-left: 368px;}
.img-download{background: url(../img/down-logo.png) no-repeat; margin-left: 0px; margin-top: 96px;opacity:0;}
.img-download p {margin-left: 70px;font-size: 22px;color: #585858; padding: 6px 0 1px 0;}
.img-download p a {color: #434899;}
.img-download p:nth-child(2) {margin-left: 70px;font-size: 14px;color: #8f8f8f;}
/*page7*/
.section7 .Case_example{
    min-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
	background:#fff;
}
.section7 .Case_example ul{
    width: 101%;
    overflow: hidden;
    margin-bottom: 1px;
}
.section7 .Case_example li{
    width: 12.4%;
    height: 175px;
    background:#efefef;
    float: left;
    margin-right: 0px;
	border-right: 1px solid #fff;
}
li.example.partner{
	background: url("../img/case_example.jpg") no-repeat;
	background-size: cover;
}
.section7 .Case_example li .example_img{
    display: block;
    width: 110px;
    height: 110px;
    margin: 22px auto 0;
}
.section7 .Case_example li .case4{
    width: 134px!important;
}
.section7 .Case_example li .example_name{
    display: block;
    text-align: center;
    font-size: 16px;
	line-height:46px;
    color: #727272;
}
div#partner {
    padding-top: 30px;
}
.section7 .Case_example li .case1{
    background: url("../img/case_example1.png") no-repeat -1px -2px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case1:hover{
    background: url("../img/case_example2.png") no-repeat -1px -2px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case2{
     background: url("../img/case_example1.png") no-repeat -240px -0px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
 }
.section7 .Case_example li .case2:hover{
    background: url("../img/case_example2.png") no-repeat -240px -0px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case3{
    background: url("../img/case_example1.png") no-repeat -480px -2px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case3:hover{
    background: url("../img/case_example2.png") no-repeat -480px -2px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case4{
    background: url("../img/case_example1.png") no-repeat -707px -2px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case4:hover{
    background: url("../img/case_example2.png") no-repeat -707px -2px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case5{
    background: url("../img/case_example1.png") no-repeat -960px -2px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case5:hover{
    background: url("../img/case_example2.png") no-repeat -960px -2px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case6{
    background: url("../img/case_example1.png") no-repeat -1200px -0px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case6:hover{
    background: url("../img/case_example2.png") no-repeat -1200px -0px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case7{
    background: url("../img/case_example1.png") no-repeat -1440px -0px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case7:hover{
    background: url("../img/case_example2.png") no-repeat -1440px -0px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case8{
    background: url("../img/case_example1.png") no-repeat -1680px -4px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case8:hover{
    background: url("../img/case_example2.png") no-repeat -1680px -4px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case9{
    background: url("../img/case_example1.png") no-repeat -1px -190px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case9:hover{
    background: url("../img/case_example2.png") no-repeat -1px -190px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case10{
    background: url("../img/case_example1.png") no-repeat -240px -190px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case10:hover{
    background: url("../img/case_example2.png") no-repeat -240px -190px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}

.section7 .Case_example li .case12{
    background: url("../img/case_example1.png") no-repeat -720px -190px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case12:hover{
    background: url("../img/case_example2.png") no-repeat -720px -190px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case13{
    background: url("../img/case_example1.png") no-repeat -960px -190px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case13:hover{
    background: url("../img/case_example2.png") no-repeat -960px -190px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case14{
    background: url("../img/case_example1.png") no-repeat -1200px -190px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case14:hover{
    background: url("../img/case_example2.png") no-repeat -1200px -190px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case15{
    background: url("../img/case_example1.png") no-repeat -1436px -186px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case15:hover{
    background: url("../img/case_example2.png") no-repeat -1436px -186px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}.section7 .Case_example li .case16{
    background: url("../img/case_example1.png") no-repeat -1682px -186px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case16:hover{
    background: url("../img/case_example2.png") no-repeat -1682px -186px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}.section7 .Case_example li .case17{
    background: url("../img/case_example1.png") no-repeat -0px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case17:hover{
    background: url("../img/case_example2.png") no-repeat -0px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case18{
    background: url("../img/case_example1.png") no-repeat -240px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case18:hover{
    background: url("../img/case_example2.png") no-repeat -240px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case19{
    background: url("../img/case_example1.png") no-repeat -480px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case19:hover{
    background: url("../img/case_example2.png") no-repeat -480px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case20{
    background: url("../img/case_example1.png") no-repeat -720px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case20:hover{
    background: url("../img/case_example2.png") no-repeat -720px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case21{
    background: url("../img/case_example1.png") no-repeat -960px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case21:hover{
    background: url("../img/case_example2.png") no-repeat -960px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case22{
    background: url("../img/case_example1.png") no-repeat -1200px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case22:hover{
    background: url("../img/case_example2.png") no-repeat -1200px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.section7 .Case_example li .case23{
    background: url("../img/case_example1.png") no-repeat -1440px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case23:hover{
    background: url("../img/case_example2.png") no-repeat -1440px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}.section7 .Case_example li .case24{
    background: url("../img/case_example1.png") no-repeat -1676px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;

}
.section7 .Case_example li .case24:hover{
    background: url("../img/case_example2.png") no-repeat -1676px -376px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
footer.index{
    width: 100%;
    /*height: 273px;
	margin-top:3%;*/
}

footer.index section{
    width: 1200px;	
    padding-top: 5%;
    margin: 0 auto;
    overflow: hidden;
}
.foot_l{
    padding-top: 5%;
    float: left;
    width: 842px;
}
.foot_l ul{
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 16px;
}
.foot_l ul li{
    float: left;
    width: 92px;
    text-align: center;
    border-right: 2px solid #bebfbf;
}
.foot_l ul li.f_irst{
    width: 74px;
    text-align: left;
}
.foot_l ul li.l_ast{
    border-right: none;
	margin-left: 8px;
}
li.l_ast.la_st {
    width: 140px;
    margin-left: 10px;
	padding-left: 35px;
}
.foot_l ul li a{
    color: #ccc;
    font-size: 14px;
}
.foot_l p{
    color: #919191;
    font-size: 14px;
}
.foot_r{
    padding-bottom: 0%;
	width: 90px;
    height: 117px;
    float: right;
    text-align: right;
    background:url("../img/code.png") no-repeat center center;
}