*{margin: 0; padding: 0; border: 0; box-sizing:border-box;}
body{margin: 0; padding: 0; background: #FFF; font-family: "Microsoft YaHei";}
ul{margin: 0; padding: 0; list-style: none;}
a{text-decoration: none;}
table { border-collapse:collapse; border-spacing:0; }
button{font-family: "Microsoft YaHei"}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
.fl{float: left;}
.fr{float: right;}
.bian{
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}


body, .onepage-wrapper, html { display: block; position: static; padding: 0; width: 100%; height: 100%; }
.onepage-wrapper { width: 100%; height: 100%; display: block; position: relative; padding: 0; }
.onepage-wrapper .section { width: 100%; height: 100%; }
.onepage-pagination { position: absolute; right: 10px; top: 45%; z-index: 5; list-style: none; margin: 0; padding: 0; }
.onepage-pagination li { padding: 0; text-align: center; }
.onepage-pagination li a { padding: 12px; width: 4px; height: 4px; display: block; }
.onepage-pagination li a:before { content: ''; position: absolute; width: 4px; height: 4px; background: rgba(0, 0, 0, 0.85); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.onepage-pagination li a.active:before { width: 10px; height: 10px; background: none; border: 1px solid black; margin-top: -4px; left: 8px; }

.wrapper {height: 100% !important;height: 100%;margin: 0 auto; overflow: hidden;}
.main {float: left;width: 100%;margin: 0 auto;}
.main section  {overflow: hidden;}
.main section.page1 {}
.main section.page2 {background: url(../image/bg1.jpg) center;}
.main section.page3 {background: url(../image/bg2.jpg) center;}
.main section.page4 {background: url(../image/bg3.jpg) center;}
.main section.page5 {background: url(../image/bg4.jpg) center;}


.slides-box { width: 100%; height: 100%; margin: auto; overflow: hidden; }
.slides { position: relative; height: 100%; width: 100%; margin: auto; float: left; }
.slides li { position: absolute; width: 100%; height: 100%; }
.slides li img { display: block; width: 100%; margin: auto; }
.pagination { position: absolute; bottom: 26px; z-index: 99; }
.pagination li { padding: 5px 3px; float: left; }
.pagination li a { display: block; width: 25px; height: 25px; line-height: 25px; border-radius: 25px; background: #000; color: #fff; text-align: center; font-family: Arial; text-decoration: none; }
.pagination .active { background: red; }


header{width: 100%; height: 100px; position: absolute; top: 0; left: 0; background: #fff; z-index: 9;}
.top { width: 1200px; height: 100px; margin: 0 auto;}
.logo { float: left; width: 479px; height: 100px }
.nav li a { float: left; margin-left: 76px; font-size: 16px; color: #333; line-height: 100px; text-align: center; }
.nav li a:hover { color: #009944; }


.about{width: 1200px; height: 560px; position: absolute; top: 50%; margin-top: -280px; left: 50%; margin-left: -600px;}
.about .tit{width: 224px; height: 98px; background: url(../image/ab_tit.png); margin: 0 auto;}
.about .con { width: 1200px; margin: 0 auto; margin-top: 69px; }
.about .con li{width: 265px; height: 410px; background: #fff; overflow: hidden; float: left; margin-right: 44px; position: relative;}
.about .con li:last-child{margin-right: 0;}
.about .con li .top{width: 265px; height: 410px; position: absolute; left: 0; top: 0;}
.about .con li .top img{width: 265px; height: 284px; display: inline-block;}
.about .con li .top h4{font-size: 18px; color: #000; font-weight: bold; padding: 20px 15px 0; line-height: 18px;}
.about .con li .top h5{font-size: 12px; color: #666; padding: 5px 15px; text-transform:Uppercase;}
.about .con li .top h6{width: 29px; height: 9px; background: #b7b7b7; border-radius: 20px; margin: 20px 15px;}
.about .con li:hover .top{top: -410px;}
.about .con li .bot{width: 265px; height: 410px; color: #fff; position: absolute; left: 0; bottom: -410px;}
.about .con li:nth-child(1) .bot{background: url(../image/g11.jpg);}
.about .con li:nth-child(2) .bot{background: url(../image/g22.jpg);}
.about .con li:nth-child(3) .bot{background: url(../image/g33.jpg);}
.about .con li:nth-child(4) .bot{background: url(../image/g44.jpg);}
.about .con li .bot h3{font-size: 18px; font-weight: bold; text-align: center; padding: 70px 0 5px; line-height: 18px;}
.about .con li .bot h4{width: 80px; height: 1px; background: #fff; margin: 0 auto;}
.about .con li .bot h5{font-size: 16px; line-height: 28px; height: 140px; padding: 0 20px; margin-top: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.about .con li .bot .more{width: 120px; height: 38px; border-radius: 30px; border: 1px solid #fff; text-align: center; line-height: 36px; font-size: 16px; margin: 40px auto 0;}
.about .con li:hover .bot{bottom: 0;}


.product-bg{width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1}
.product-bg img{width: 100%; height: auto; display: inline-block;}
.product{width: 100%; height: 100%; overflow: hidden; position: relative;}
.product li{width: 18%; position: absolute; z-index: 9; text-align: center;}
.product li:nth-child(1){left: 5%; top: 3%; text-align: left;}
.product li:nth-child(2){left: 40%; top: 20%;}
.product li:nth-child(3){right: 5%; top: 3%; text-align: right;}
.product li:nth-child(4){left: 15%; top: 45%;}
.product li:nth-child(5){right: 15%; top: 45%;}
.product li img{width: 100%;}
.product li h5{font-size: 20px; color: #000; line-height: 20px; padding: 20px 0 0;}
.product li h4{font-size: 24px; color: #009944; line-height: 24px; padding: 10px 0;}
.product li h6{font-size: 16px; color: #666; line-height: 16px;}
.product li:nth-child(4) img{padding-top: 58%;}
.product li:nth-child(4) h5{margin-top: -130%;}
.product li:nth-child(5) img{padding-top: 58%;}
.product li:nth-child(5) h5{margin-top: -130%;}


.new{width: 1200px; height: 670px; position: absolute; top: 50%; margin-top: -335px; left: 50%; margin-left: -600px;}
.new .tit{width: 293px; height: 98px; background: url(../image/new_tit.png); margin: 0 auto;}
.new .i_n_1 { width: 1200px; height: 334px; background-color: #fff; margin: 40px auto 10px; padding: 30px 30px; }
.new .i_n_1 .n_img { float: left;}
.new .i_n_1 .i_n_text { float: right; width: 544px; }
.new .i_n_1 .i_n_text h3 { font-size: 18px; font-weight: bold; margin-top: 14px; color: #000;}
.new .i_n_1 .i_n_text p { font-size: 16px; line-height: 26px; margin-top: 26px; color: #333}
.new .i_n_1 .i_n_text span { margin: 20px 0; display: block; color: #666;}
.new .i_n_b { width: 1200px; height: 132px; padding-top: 22px; margin: 0 auto; }
.new  .i_n_b li a { width: 300px; height: 110px; padding: 27px 18px; float: left; display: block;}
.new  .i_n_b li a{background: #fff;}
.new  .i_n_b .i_n_2L { float: left; width: 58px; height: 58px; text-align: center; }
.new  .i_n_b .i_n_2L .day { font-size: 33px; font-weight: bold; color: #979797; }
.new  .i_n_b .i_n_2L .year { font-size: 10px; color: #979797; }
.new  .i_n_b .i_n_2R { float: right; width: 179px; }
.new  .i_n_b .i_n_2R .content { font-size: 16px; line-height: 27px; color: #333;}
.new  .i_n_b .i_n_2R .content:hover{color: #fff;}
.new  .i_n_b li a:hover {
background: -webkit-linear-gradient(left, #159655, #30af86); 
background: -o-linear-gradient(right, #159655, #30af86); 
background: -moz-linear-gradient(right, #159655, #30af86); 
background: linear-gradient(to right, #159655, #30af86); 
}
.new .btn { width: 110px; height: 22px; margin: 30px auto 0; border-bottom: 1px solid #094; font-size: 18px; line-height: 18px;}
.new .btn a { color: #009944;}


.contact{width: 1200px; height: 560px; position: absolute; top: 50%; margin-top: -280px; left: 50%; margin-left: -600px;}
.contact .lx{width: 400px; overflow: hidden; margin-top: 140px;}
.contact .lx h4{font-size: 24px; color: #094; font-weight: bold;}
.contact .lx h5{font-size: 16px; color: #333; line-height: 36px; padding-top: 30px;}
.contact .lx h5 a{color:#333;}
.contact .fr{width: 590px; height: 560px; background: url(../image/WeChat.png) no-repeat; position: relative;}
.contact .fr li{width: 85px; height: 85px; position: absolute;}
.contact .fr li:nth-child(1){top: 140px; left: 82px;}
.contact .fr li:nth-child(2){top: 85px; right: 118px;}
.contact .fr li:nth-child(3){bottom: 112px; right: 180px;}
.contact .fr li:nth-child(4){bottom: 30px; left: 68px;}
.contact .fr .ewm{width: 126px; height: 126px; margin: 220px auto 0;}
.contact .fr .ewm img{
	width: 126px;
	height: 126px;
}


.copy{width: 100%; height: 50px; background: #094;}
.copy .con{width: 1200px; height: 50px; line-height: 50px; color: #fff; margin: 0 auto; font-size: 14px;}
.copy .con a{color: #fff;}


.ny-banner{width: 100%; height: 400px; overflow: hidden; position: relative; margin-top: 100px;}
.ny-banner img{width: 1920px; height: 400px; position: absolute; top: 0; left: 50%; margin-left: -960px;}


.ny-nav { background: #f0f0f0; width: 100%; }
.rid34-T, .rid40-T, .page-box, .NavList_a1, .location, .select { width: 92%; max-width: 1200px; margin: 0 auto; }
.NavList_a1 li { position: relative; text-align: center; float: left; width: auto; }
.NavList_a1 a { display: block; height: 100%; font-size: 16px; line-height: 80px; width: 125px; height: 80px; color: #000;}
.NavList_a1 a.on { color: #fff; background: #094; }
.NavList_a1 ul { display: inline-block; vertical-align: top; width: 100%; }
.NavList_a1 a.on:after { bottom: -6px; margin-left: -4px; left: 50%; position: absolute; border-style: solid; content: ''; border-color: #094 transparent transparent; border-width: 8px 6px 0 6px; }
.location { line-height: 40px; text-align: right; }
.location img { margin-right: 5px; display: inline-block; vertical-align: middle; }
.PosList_a1 b { color: #094; }
.PosList_a1 { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; }
.PosList_a1 a{color: #999;}
.PosList_a1 a:hover{color: #094;}


.ny-con{width: 1200px; overflow: hidden; min-height: 500px; margin: 0 auto;}
.ny-con h3{font-size: 36px; color: #094; text-align: center; font-weight: bold; margin: 50px 0 80px; position: relative;}
.ny-con h3:before{content: " "; width: 30px; height: 3px; right: 50%; background: #094; bottom: -27px; position: absolute;}
.ny-con h3:after{content: " "; width: 30px; height: 3px; left: 50%; background: #e0e3e4; bottom: -27px; position: absolute;}
.ny-con .ny-main{width: 100%; overflow: hidden; font-size: 16px; color: #666; line-height: 30px; text-align:Justify; padding-bottom:30px;}


.cson_right{width:1098px; overflow: hidden; margin: 40px auto 30px;}
.cson_right_txt{width:100%;min-height:500px;}
.cson_wz{margin-bottom:8px;}
.cson_wz p {background: url(../image/tb8.jpg) no-repeat left 7px;padding-left: 20px;color: #666;}
.cson_wz p a {font-size: 12px;color: #666;}
.cson_wz p b {font-size: 12px;color: #f00;}
.cson_rightbox{width:1200px;margin:0px auto;}
.cson_rightwb p,.cson_rightwb{line-height:36px;color:#444;}
.cson_rightwb h3{font-size:16px;font-weight:bold;}
.cson_rightwb p img,.cson_rightwb img{display: block;margin:10px auto;max-width:100%;}
.cson_rightpic ul li{width:336px;height: 301px; float:left;margin: 0 15px 10px;}
.cson_rightpic ul li a{display:block;margin:0px auto;margin:0px auto;background:#fff;overflow:hidden;}
.cson_rightpic ul li a img{max-width:100%;display:block;height:261px;margin:0px auto;-webkit-transition: all ease 3s;transition: all ease 3s ;}
.cson_rightpic ul li a img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.cson_rightpic ul li a h6{line-height:40px;color:#333;font-size:16px;text-align: center;}


.fenye{ width: 650px; overflow: hidden; margin: 40px auto 80px; }
.fenye li{font-size: 18px; color: #333; padding: 5px 15px; margin: 0 8px; border: 1px solid #181717; border-radius: 3px; float: left;}
.fenye li a{color: #181717;}
.fenye li a:hover{color: #390713;}


.ny-pro{width: 1200px; overflow: hidden;}
.ny-pro li{width: 380px; overflow: hidden; float: left; margin: 0 30px 30px 0;}
.ny-pro li:nth-child(3n){margin-right: 0;}
.ny-pro li .tu{width: 380px; height: 253px; overflow: hidden; border: 1px solid #ccc;}
.ny-pro li .tu img{width: 380px; height: 253px; -webkit-transition: all ease 1s;transition: all ease 1s;}
.ny-pro li:hover .tu img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.ny-pro li h5{text-align: center; padding-top: 10px; font-size: 16px; color: #666;}


.ny-new{width: 1100px; overflow: hidden; margin: 0 auto;}
.ny-new li{width: 340px; overflow: hidden; border: 2px solid #e8e8e8; margin: 30px 40px 20px 0;}
.ny-new li .tu{width: 340px; height: 227px; overflow: hidden;}
.ny-new li .tu img{width: 340px; height: 227px;}
.ny-new li h4{font-size: 18px; color: #333; line-height: 18px; font-weight: bold; padding: 15px 20px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny-new li h5{font-size: 16px; color: #666; line-height: 28px; padding: 0 20px; height: 56px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ny-new li h6{font-size: 14px; color: #999; line-height: 14px; padding: 10px 20px 20px;}
.ny-new li:hover{border: 2px solid #094; margin: 10px 40px 40px 0;}
.ny-new li:nth-child(3n){margin-right: 0;}
.ny-new li:hover h4{color: #094;}
.xw-tit{text-align: center; font-size: 20px; color: #333; font-weight: bold;}
.xw-tit-date { width: 1100px; margin: 0 auto; border-bottom: 1px dashed #cdcdcd; color: #999; margin-top: 20px; height: 50px; line-height: 50px; }
.xw-tit-date em { font-style: normal; display: block; width: 10px; height: 10px; background: #e13717; float: left; margin: 20px 10px 0 0; }


.ny-lx{width: 1200px; overflow: hidden; margin: 0 auto;}
.ny-lx .fl{width: 600px; overflow: hidden;}
.ny-lx .fl h4{font-size: 22px; font-weight: 400; color: #333;}
.ny-lx .fl .con{width: 550px; line-height: 28px; margin-top: 20px; font-size: 16px; color: #666;}
.ny-lx .fr{width: 600px; overflow: hidden;}
.ny-lx .fr h4{font-size: 22px; padding-left: 40px; font-weight: 400; color: #333;}
.liuyan{width: 490px; overflow: hidden; margin: 0 auto;}
.liuyan table tr{margin-bottom: 10px;}
.liuyan .sx{width: 80px; height: 40px; font-size: 16px; color: #617787; line-height: 40px;}
.liuyan .srk{width: 400px; height: 38px; border: 1px solid #617787; border-radius: 3px; margin: 10px 0;}
.liuyan .bz{width: 400px; height: 100px; border: 1px solid #617787; border-radius: 3px; margin: 10px 0;}
.liuyan .tj{width: 80px; height: 38px; background: #094; margin-left: 80px; margin-top: 10px; border-radius: 4px; color: #fff; font-size: 16px;letter-spacing:2px;}
.liuyan .cz{width: 80px; height: 38px; background: #ccc; margin-left: 65px; margin-top: 10px; border-radius: 4px; color: #fff; font-size: 16px;letter-spacing:2px;}


.zp{width: 1200px; overflow: hidden; margin: 20px auto 60px;}
.zp h4{font-size: 22px; color: #333; text-align: center;}
.zp .con{width: 1000px; overflow: hidden; margin: 30px auto 0;}
.zp .con .tit{background: #fff !important;}
.zp .con .llzp{width: 100%; min-height: 60px; color: #666; line-height: 60px; background: #f1f1f1; margin-top: 10px; overflow: hidden;}
.zp .con .llzp .zwmc{width: 47%; float: left; padding-left: 30px;}
.zp .con .llzp .zprs{width: 43%; float: left;}
.zp .con .llzp .ckxq{width: 10%; float: left; text-align: center;}
.zp .con .llzp .ckxq-1{width: 10%; float: left; text-align: center; color: #094; cursor: pointer;}
.zp .con .llzp .ckxq-1 a{color: #094;}
.zp .con .zpxq{width: 100%; overflow: hidden; background: #fff; line-height: 26px; padding: 10px 30px 20px;}
.zp .con .zpxq button{width: 120px; height: 40px; background: #094; color: #fff; display: block; margin: 20px auto; border-radius: 3px; cursor: pointer;}

.fp{width: 1200px; height: 50px; margin: 30px auto 50px; font-size: 16px; color: #333; font-weight: 400;}
.fp a{color: #666;}
.fp a:hover{text-decoration: underline;}


.child_content{width: 1200px; overflow: hidden; margin:0 auto;}
.case_details_img{width: 1200px;float: left;margin: 30px 0;}
.play {width: 622px;overflow: hidden;border: 1px solid #ccc;box-sizing: border-box;padding: 10px;float: left;}
.big_pic {width: 600px;height: 400px;overflow: hidden;border-bottom: 1px solid #ccc;background: #222; position: relative;}
.big_pic li {width: 600px;height: 400px;overflow: hidden;position: absolute;top: 0;left: 0;z-index: 0;background: url(../image/tb8.jpg) no-repeat center center;}
.big_pic li img {width: 100%;height: 100%;}
.mark_left {width: 400px;height: 570px;position: absolute;left: 0;top: 0;background: red;filter: alpha(opacity:0);opacity: 0;z-index:3000;}
.mark_right {width: 400px;height: 570px;position: absolute;left: 400px;top: 0;background: green;filter: alpha(opacity:0);opacity: 0;z-index:3000;}
.big_pic .prev {width: 60px;height: 120px;background: url(../image/banner_btn_l.png) no-repeat center;position: absolute;top: 128px;left: 10px;z-index: 3001;filter:alpha(opacity:50);opacity:0.5;cursor: pointer;}
.big_pic .next {width: 60px;height: 120px;background: url(../image/banner_btn_r.png) no-repeat center;position: absolute;top: 128px;right: 10px;z-index: 3001;filter:alpha(opacity:50);opacity:0.5;cursor: pointer;}
.big_pic .text {position: absolute;left: 10px;top: 540px;z-index: 3000;color: #ccc;}
.big_pic .length {position: absolute;right: 10px;bottom: 4px;z-index: 3000;color: #ccc;}
.big_pic .bg {width: 900px;height: 30px;background: #000;filter: alpha(opacity=60);opacity: 0.6;position: absolute;z-index: 2999;bottom: 0;left: 0;}
.small_pic {width: 600px;height: 140px;position: relative;top: 10px;left: 0;overflow: hidden;}
.small_pic ul {height: 129px;position: absolute;top: 0;left: 0;}
.small_pic li {width: 203px;height: 129px;float: left;padding-right: 10px;background: url(../image/tb8.jpg) no-repeat center center;cursor: pointer;filter: alpha(opacity=60);opacity: 0.6;}
.small_pic img {width: 100%;height: 100%;}
.guige{width: 540px; overflow: hidden; float: right;}
.guige h4{font-size: 22px; color: #333; }
.guige h5{font-size: 16px; color: #666; line-height: 28px; margin-top: 20px;}


.ce{width: 70px; height: auto; position: fixed; right: 0; bottom: 30px; display:none;}
.ce li{width: 70px; height: 70px; margin-top: 5px; position: relative;}
.ce li img{width: 100%;}
.ce li:nth-child(1){background: #ee6c14;}
.ce li:nth-child(2){background: #e63f42;}
.ce li:nth-child(3){background: #fd3d00;}
.ce li a{display: block;}
.ce li:hover:nth-child(1){background: #e05a00;}
.ce li:hover:nth-child(2){background: #e5292d;}
.ce li:hover:nth-child(3){background: #e13600;}
.ce li .ewm{width: 110px; height: 110px; position: absolute; display: none; top: 50%; margin-top: -55px; right: 80px;}
.ce li:hover .ewm{display: block;}