body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td, li, span, div{ margin:0; padding:0;}
body,select{ font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB'; color:#666;background: #fff;}
img{vertical-align: middle; border:none;display: inline-block;max-width: 100%;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;outline: none;border: 0px;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur());
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
		}
a:hover{ color: #c39558;
text-decoration:none; 
		transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
		}
a:focus{text-decoration:none;}
a:active{color:#8fc31f}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea,input{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.wrap0{ width:1366px; margin:0px auto;position: relative;}
.wrap{ width:1200px; margin:0px auto;position: relative;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
.overflow{overflow: hidden;}
.position{position: relative;}
/*-----------------------------------------header--------------------------------------------*/
#loading{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: #fff;z-index: 1000000;}
#preloader_4{
	position:absolute;top: 50%;left: 50%;margin-left: -100px;
}
#preloader_4 span{
	position:absolute;
	width:20px;
	height:20px;
	background:#3498db;
	opacity:0.5;
border-radius:20px;
	-webkit-animation: preloader_4 1s infinite ease-in-out;
	-moz-animation: preloader_4 1s infinite ease-in-out;
	-ms-animation: preloader_4 1s infinite ease-in-out;
	-animation: preloader_4 1s infinite ease-in-out;

}
#preloader_4 span:nth-child(2){
	left:20px;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-ms-animation-delay: .2s;
	animation-delay: .2s;
}
#preloader_4 span:nth-child(3){
	left:40px;
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	animation-delay: .4s;
}
#preloader_4 span:nth-child(4){
	left:60px;
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	animation-delay: .6s;
}
#preloader_4 span:nth-child(5){
	left:80px;
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-ms-animation-delay: .8s;
	animation-delay: .8s;
}

@-webkit-keyframes preloader_4 {
    0% {opacity: 0.3; -webkit-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; -webkit-transform: translateY(-10px); background:#f1c40f;	box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
  	100%  {opacity: 0.3; -webkit-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@-moz-keyframes preloader_4 {
    0% {opacity: 0.3; -moz-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; -moz-transform: translateY(-10px); background:#f1c40f;	box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
  	100%  {opacity: 0.3; -moz-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@-ms-keyframes preloader_4 {
    0% {opacity: 0.3; -ms-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; -ms-transform: translateY(-10px); background:#f1c40f;	box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
  	100%  {opacity: 0.3; -ms-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@keyframes preloader_4 {
    0% {opacity: 0.3; transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; transform: translateY(-10px); background:#f1c40f;	box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
  	100%  {opacity: 0.3; transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
.mark-q{ background: url(../images/st1.png) no-repeat; display: inline-block; }
.mark-t{ background: url(../images/st2.png) no-repeat; display: inline-block; background-size: contain;}

/*-----------------------------------------header--------------------------------------------*/
.header{background: #4d4a52;position: relative;}
.logo{float: left;margin: 15px 0px;}
.more{float: right;width: 100px;height: 26px;line-height: 26px;text-align: center;background: #c39558;color: #fff;font-size: 14px;overflow: hidden;border-radius: 13px;margin: 38px 0px 0px 0px;}
.nav{float: right;margin-right: 25px;border-left: 1px solid #333;}
.nav li{float: left;width: 120px;position: relative;}
.nav li:hover .cn-box{display: block;}
.nav li:hover .nur{color: #c39558;}
.cn-box{width: 100%;position: absolute;top: 100%;left: 0px;overflow: hidden;z-index: 10;display: none;background: #000}
.cn-box a{font-size: 12px;color: #fff;width: 100%;float: left;line-height: 28px;text-align: center;}
.cn-box a:hover{color: #8FC31F;}
.nur{height: 83px;line-height: 83px;text-align: center;color: #aeaeae;font-size: 14px;width: 100%;float: left;box-sizing: border-box;border-right: 1px solid #333333;}

.header1{background: #323433;font-size: 14px;}
.top-nav{line-height: 38px;}
.h-top{background: #000;}
.top-nav a{display: inline-block;margin: 0px 20px;color: #616161;}
.top-nav a:hover{color: #8fc31f;}
.header1 p{float: right;line-height: 38px;}
.header1 p a{display: inline-block;color: #fff;padding: 0px 10px;background: #8FC31F;}
.nav-two{float: right;margin: 30px 75px 0px 0px;}
.nav-two li{width: 103px;float: left;}
.nacur{color: #fff;line-height: 53px;width: 100%;float: left;font-size: 14px;text-align: center;border-bottom: 2px solid #000;}
.nav-two li:hover .nacur{color: #8FC31F;border-bottom: 2px solid #8FC31F;}
.h-navs{background: /*url(../images/opc3.png) 0 0 repeat*/ #323433;width: 655px;position: absolute;top: 55px;right: 0px;padding: 0px 33px 27px;display: none;z-index: 1;}
.h-navs a{font-size: 14px;width: 16.6666%;float: left;line-height: 64px;text-align: center;border-bottom: 1px solid #cbcbcb;color: #fff;}
.h-navs a:hover{color: #8FC31F;}
.nav-two li:hover .h-navs{display: block;}
.sou{width: 14px;height: 14px;display: inline-block;position: absolute;right: 30px;top: 52px;background: url(../images/sou.jpg) center center no-repeat;cursor: pointer;z-index: 2;}
.h-top .del{background: url(../images/sou1.jpg) center center no-repeat;}
.h-top .nav-two .scale{
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}

.the-form{width: 758px;padding: 13px 33px 27px;position: absolute;top: 30px;right: 75px;display: none;z-index: -1;}
.h-top .the-right{
	display: block;
	z-index: 1;
	animation: bounceInRight 0.6s ease 0.7s both;
	-webkit-animation: bounceInRight 0.6s ease 0.7s both;
	-moz-animation: bounceInRight 0.6s ease 0.7s both;
	-ms-animation: bounceInRight 0.6s ease 0.7s both;
	-o-animation: bounceInRight 0.6s ease 0.7s both;
}
.input{width: 100%;position: relative;}
.text{width: 100%;line-height: 24px;height: 24px;background: none;text-indent: 10px;color: #fff;font-size: 14px;}
.input .sou1{position: absolute;top: 5px;left: -16px;width: 14px;height: 14px;display: inline-block;background: url(../images/sou.jpg) center center no-repeat;cursor: pointer;z-index: 2;}
.t-nav{display: none;}
/*-----------------------------------------footer--------------------------------------------*/
.footer{background: #69666c;text-align: center;padding-bottom: 20px;}
.footer span{display: block;line-height: 44px;color: #000000;}
.footer a{color: #5d5d5d;}
.footer img{margin: 0px 13px;}



/*-----------------------------------------footer--------------------------------------------*/


	
/*-----------------------------------------index--------------------------------------------*/
.banner-box{width: 100%;overflow: hidden;position: relative;}
.banner-nr{width: 100%;overflow: hidden;}
.banner-ul{width: 1000%;overflow: hidden;}
.banner-li{width: 10%;float: left;position: relative;overflow: hidden;}
.banner-li img{width: 100%;}
.banner-box .flex-control-nav{width: 80%;position: absolute;bottom: 20px;left: 10%;text-align: right;}
.banner-box .flex-control-nav li{width: 12px;height: 12px;border-radius:50% ;overflow: hidden;display: inline-block;margin-right: 10px;font-size: 0px;}
.banner-box .flex-control-nav li a{width: 12px;height: 12px;float: left;background: url(../images/nav2.png) center center no-repeat;}
.banner-box .flex-control-nav li .flex-active{background: url(../images/nav1.png) center center no-repeat;}
.banner-box .flex-direction-nav{
	width: 100%;height: 52px;position: absolute;top: 50%;left: 0px;margin-top: -26px;
	opacity: 0;filter: alpha(opacity=0);
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;

}
.banner-box .flex-prev{font-size: 0px;width: 27px;height: 52px;position: absolute;left: 20px;top: 0px;background: url(../images/opcleft.png) center center no-repeat;}
.banner-box .flex-next{font-size: 0px;width: 27px;height: 52px;position: absolute;right: 20px;top: 0px;background: url(../images/opcright.png) center center no-repeat;}
.banner-box:hover .flex-direction-nav{
	opacity: 1;filter: alpha(opacity=100);
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}
.opc-mask{position: absolute;left: -100%;height: 100%;top: 0px;background: url(../images/opc.png) 0 0 repeat;z-index: 1;
	transition: all 1s ease-in-out 1s;
	-webkit-transition: all 1s ease-in-out 1s;
	-moz-transition: all 1s ease-in-out 1s;
	-ms-transition: all 1s ease-in-out 1s;
	-o-transition: all 1s ease-in-out 1s;
}
.flex-active-slide .opc-mask{left: 0px;
	transition: all 1s ease-in-out 1s;
	-webkit-transition: all 1s ease-in-out 1s;
	-moz-transition: all 1s ease-in-out 1s;
	-ms-transition: all 1s ease-in-out 1s;
	-o-transition: all 1s ease-in-out 1s;
}



.banner-art{width: 690px;position: relative;margin: 0 auto 120px;}
.banner-box1{width: 100%;position: relative;}


.banner-box1 .flex-control-nav{width: 100%;position: absolute;bottom: 66px;left: 0px;text-align: center;z-index: 100;}
.banner-box1 .flex-control-nav li{width: 16px;height: 16px;;overflow: hidden;display: inline-block;margin-right: 2px;font-size: 8px;}
.banner-box1 .flex-control-nav li a{width: 16px;height: 16px;float: left;background: url(../images/fpre1.png) center center no-repeat;color: #fff;text-align: center;line-height: 16px;background-size: cover;}
.banner-box1 .flex-control-nav li .flex-active{background: url(../images/fpre.png) center center no-repeat;background-size: cover;}

.pron_box1{position: absolute;bottom: -110px;z-index: 2;width: 615px;left: 50%;margin-left: -307.5px;}
.pron_nr{overflow: hidden;}
.banner-box1 .flex-direction-nav{width: 100%;position: absolute;bottom: -50px;left: 0px;z-index: 10;}
.banner-box1 .flex-direction-nav a{font-size: 0px;width: 27px;height: 93.47px;display: inline-block;position: absolute;top: -33.47px;}
.banner-box1 .flex-prev{background:#8FC31F url(../images/opcleft.png) center center no-repeat;left: 0px;background-size: 50%;}
.banner-box1 .flex-next{background:#8FC31F url(../images/opcright.png) center center no-repeat;right: 0px;background-size: 50%;}
.pron_box1 .flex-active-slide img{border: 1px solid #8FC31F;}
.pron_box1 li img{box-sizing: border-box;width: 100%;height: 93px;}
.banner-ul1 li img{width: 100%;height: 460px;}


.mark{ width: 19px; height: 55px; position: absolute; left: 50%; margin-left:-9.5px; bottom:30px; z-index: 99;}
.mark-q{  width: 19px; height: 33px; }
.mark-q i{ width: 3px; height: 7px; position: absolute; left: 8px; top: 12px; background: #fff; }
.mark-t{ width: 16px; height: 21px; position: absolute; left: 1.5px; 
	top:40px;}
.mark-q i{
	-webkit-animation: topBottom .8s ease 0s both infinite alternate;
	-ms-animation: topBottom .8s ease 0s both infinite alternate;
	animation: topBottom .8s ease 0s both infinite alternate;
}
.mark-t{
	animation-duration:0.8s;
	-ms-animation-duration:0.8s;
	-webkit-animation-duration:0.8s;
	-webkit-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	-webkit-animation-direction:alternate;
	-ms-animation-direction:alternate;
}
@-webkit-keyframes topBottom{
	0%{ -webkit-transform: translateY(3px);}
	100%{ -webkit-transform: translateY(-3px);}
}
@-ms-keyframes topBottom{
	0%{ -ms-transform: translateY(3px);}
	100%{ -ms-transform: translateY(-3px);}
}
@keyframes topBottom{
	0%{ transform: translateY(3px);}
	100%{ transform: translateY(-3px);}
}

.hor2{width: 50%;float: left;}
.hor1{width: 100%;float: left;}
.hover>img{width: 100%;}
.hover{position: relative;overflow: hidden;}
.cover{position: absolute;background: url(../images/opc.png) 0 0 repeat;height: 100%;z-index: 1;top: 0px;left: 100%;width: 100%;}
.hover .cover img{width: initial;margin: 25px 0px 25px 20px;}
.cover p{font-size: 28px;color: #fff;line-height: 28px;margin-bottom: 16px;margin-left: 20px;}
.cover span{display: inline-block;width: 39px;height: 4px;background: #fff;margin-left: 20px;}




.message{width: 650px;padding: 25px 0px;margin: 0 auto;}
.message5{height: 137px;}
.mess_top{width: 520px;text-align: center;font-size: 16px;line-height: 16px;height: 16px;position: relative;color: #000000;margin-bottom: 55px;}
.mess_top img{position: absolute;left: 0px;bottom: 0px;}

.fpr p{width: 86px;line-height: 28px;font-size: 14px;text-align: right;float: left;height: 28px;}
.fpr4 p{width: 284px;line-height: 28px;font-size: 14px;text-align: right;float: left;height: 28px;}
.fpr5 p{width: 200px;line-height: 28px;font-size: 14px;text-align: right;float: left;height: 28px;}
.fpr6 p{width: 284px;line-height: 28px;font-size: 14px;text-align: right;float: left;height: 28px;}
.fpr span{width: 100px;float: left;font-size: 12px;line-height: 28px;margin-left: 5px;}
.fpr{margin-bottom: 21px;width: 100%;overflow: hidden;}
.name input{width: 250px;height: 28px;border: 1px solid #E5E5E5;float: left;font-size: 14px;text-indent: 5px;}
.nrs input{width: 255px;height: 28px;border: 1px solid #E5E5E5;float: left;font-size: 14px;text-indent: 5px;}

.nrs4 input{width: 254px;height: 28px;border: 1px solid #E5E5E5;float: left;font-size: 14px;text-indent: 5px;}
.nrs textarea{width: 455px;height: 104px;border: 1px solid #E5E5E5;float: left;font-size: 14px;text-indent: 5px;line-height: 26px;resize: none;}
.code input{width: 160px;height: 28px;border: 1px solid #E5E5E5;float: left;font-size: 14px;text-indent: 5px;}
.code img{width: 83px;height: 28px;float: left;margin-left: 20px;}
.sum{font-size: 14px;height: 28px;float: left;margin-left: 86px;width: 100px;text-align: center;line-height: 28px;background: #2e64b4;color: #FFF;}

.the-form .sum{
	width: 0px;
	height: 0px;
	float: none;
	background: none;
}


/*-----------------------------------------index--------------------------------------------*/

	
	
	
/*-----------------------------------------hr--------------------------------------------*/
.hr_nr{width: 100%;padding:50px 0px 53px 0px;}
.hr_nr li{width: 100%;border-bottom: 1px solid #e8e8e8;padding: 30px 0px;}
.hr_left{width: 190px;min-height: 265px;border-right: 1px solid #E8E8E8;float: left;}
.hr_left h3{font-size: 20px;color: #333333;font-weight: bold;text-align: center;width: 100%;line-height: 20px;margin: 70px 0px 22px;}
.hr_left p{font-size: 12px;line-height: 24px;width: 100%;text-align: center;}
.hr_right{float: left;margin-left: 44px;height: 236px;overflow: hidden;}
.hr_right h3{font-size: 16px;line-height: 24px;font-weight: bold;margin-bottom: 20px;}
.hr_right p{font-size: 12px;line-height: 24px;}		
	
.hr_nr li:hover .hr_right{height: auto;}
	
/*-----------------------------------------about--------------------------------------------*/

.banners img{width: 100%;}
.a-head{line-height: 90px;font-size: 30px;color: #fff;position: relative;margin-bottom: 36px;}
.a-head img{position: absolute;top: -32px;left: 0px;}
.a-nav{width: 150px;padding: 7px 28px 7px 0px;background: #191919;position: absolute;top: 3px;right: 0px;overflow: hidden;}
.a-nav a{float: left;color: #5f5f5f;line-height: 37px;text-align: center;height: 37px;width: 100%;}
.a-nav span{padding-left: 25px;float: left;height: 37px;margin-left: 35px;background: url(../images/xia2.png) left center no-repeat;font-size: 14px;text-align: right;line-height: 37px;}
.a-nav .cur{background: #8fc31f;color: #fff;}
.a-nav a:hover{background: #8fc31f;color: #fff;}
.a-nav a:hover span{background: url(../images/xia1.png) left center no-repeat;}
.a-nav .cur span{background: url(../images/xia1.png) left center no-repeat;}
.nr{text-align: center;font-size: 14px;color: #fff;margin: 0px 20px;}
.nr p{font-size: 18px;line-height: 24px;height: 102px; overflow: hidden;}
.nr a{display: inline-block;width: 125px;height: 24px;border: 1px solid #fff;text-align: center;line-height: 24px;color: #fff;}
.case li{margin-bottom: 30px;}
.even .a1 .case-left{width: 208px;height: 380px;background: #2c2d31;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.even .a1:hover .case-left{background: #8fc31f;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.even .a2 .case-left{width: 186px;height: 184px;background: #2c2d31;float: right;position: relative;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.even .a3 .case-left{width: 186px;height: 184px;background: #2c2d31;float: right;position: relative;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.even .a2:hover .case-left{background: #8fc31f;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.even .a2 .case-left:after{
		content: '';
		border:transparent solid 21px;
		border-right:21px dashed #2c2d31;
		position: absolute;
		bottom: 71px;
		left: -42px;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
}
.even .a3:hover .case-left{ background: #8fc31f;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.even .a3:hover .case-left:after{border-left-color: #8fc31f;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.even .a2:hover .case-left:after{border-right-color: #8fc31f;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.even .a3 .case-left:after{
		content: '';
		border:transparent solid 21px;
		border-left:21px dashed #2c2d31;
		position: absolute;
		bottom: 71px;
		right: -42px;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
}
.odd .a1 .case-left{width: 208px;height: 380px;background: #2c2d31;float: right;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.odd .a1:hover .case-left{background: #8fc31f;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.odd .a3 .case-left{width: 186px;height: 184px;background: #2c2d31;float: right;position: relative;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.odd .a2 .case-left{width: 186px;height: 184px;background: #2c2d31;float: right;position: relative;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.odd .a3:hover .case-left{background: #8fc31f;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.odd .a3 .case-left:after{
		content: '';
		border:transparent solid 21px;
		border-right:21px dashed #2c2d31;
		position: absolute;
		bottom: 71px;
		left: -42px;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
}
.odd .a2:hover .case-left{ background: #8fc31f;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.odd .a2:hover .case-left:after{border-left-color: #8fc31f;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.odd .a3:hover .case-left:after{border-right-color: #8fc31f;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.odd .a2 .case-left:after{
		content: '';
		border:transparent solid 21px;
		border-left:21px dashed #2c2d31;
		position: absolute;
		bottom: 71px;
		right: -42px;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
}
.a1 .nr{padding-top: 125px;}
.a2 .nr{padding-top: 26px;}
.a3 .nr{padding-top: 26px;}
.box{background: url(../images/bg.jpg) center bottom repeat-y;}
.box5{background: url(../images/jtyy_16.jpg) center bottom repeat-y;}
.even .a1{width: 698px;overflow: hidden;position: relative;float: left;margin-right: 5px;}
.even .a2{width: 422px;overflow: hidden;position: relative;float: left;margin-bottom: 4px;}
.even .a3{width: 422px;overflow: hidden;position: relative;}
.even .a1 .block{width: 490px;height: 380px;float: right;overflow: hidden;}
.even .a2 .block{width: 236px;height: 184px;display: inline-block;overflow: hidden;}
.even .a3 .block{width: 236px;height: 184px;float: right;overflow: hidden;}
.odd .a1{width: 698px;overflow: hidden;position: relative;float: right;margin-right: 3px;}
.odd .a3{width: 422px;overflow: hidden;position: relative;;margin-right: 5px;}
.odd .a2{width: 422px;overflow: hidden;position: relative;margin-bottom: 4px;}
.odd .a1 .block{width: 490px;height: 380px;overflow: hidden;float: left;}
.odd .a3 .block{width: 236px;height: 184px;display: inline-block;overflow: hidden;}
.odd .a2 .block{width: 236px;height: 184px;float: right;overflow: hidden;}
.case{width:1127px}
.a1 img{width: 490px;height: 380px;}
.a2 img{width: 236px;height: 184px;}
.a3 img{width: 236px;height: 184px;}
.case img{
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.a1:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.a2:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.a3:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.span1{float: left;width: 248px;height: 34px;background: url(../images/opc.png) 0 0 repeat;text-align: center;color: #fff;font-size: 16px;line-height: 34px;position: absolute;bottom: 0px;right: 0px;display: none;}
.ls-cur{color: #8FC31F;}
.box1{background: #fcfcfc;}
.article{overflow: hidden;padding: 30px 5px;font-size: 14px;line-height: 30px;}
.black{ background: #000; }
.article *{max-width: 100%!important;}
.article img{height: auto!important;}
/*-----------------------------------------case--------------------------------------------*/

.casen-h{font-size: 18px;color: #fff;line-height: 40px;}

/*-----------------------------------------case--------------------------------------------*/

/*-----------------------------------------contact--------------------------------------------*/

	
	
/*-----------------------------------------contact--------------------------------------------*/



/*-----------------------------------------pro--------------------------------------------*/

.product1{width: 1250px;overflow: hidden;margin: 17px 0px 27px;}
.product1 li{float: left;margin-right: 20px;width: 285px;height: 159px;overflow: hidden;}
.product1 li:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.product1 li img{width: 285px;height: 159px;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.product2 li img:hover{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.pro-h{overflow: hidden;font-size: 18px;line-height: 18px;margin-bottom: 20px;color: #000;}
.pro-h a{float: right;color: #666666;}
.product2{overflow: hidden;width: 1250px;margin-bottom: 40px;}
.product2 li{float: left;margin-right: 20px;width: 285px;overflow: hidden;}
.product2 img{width: 285px;height: 159px;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.product2>li>a{display: inline-block;width: 285px;height: 159px;overflow: hidden;float: left;}
.contact1{padding: 20px;background: #f1f1f1;}
.contact1 h3{font-size: 18px;color: #000;line-height: 44px;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.contact1 h3:hover{
	text-indent: 10px;
	color: #8FC31F;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.contact1 p{font-size: 14px;line-height: 20px;margin-bottom: 10px;height: 40px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.contact1 span{color: #8FC31F;font-size: 16px;}


.right{width: 237px;float: left;-padding-top: 17px;}
.right h3{font-size: 20px;padding: 0px 20px;color: #fff;margin-bottom: 5px;}
.right p{color: #fff;line-height: 24px;padding: 0px 20px;margin: 10px 0px 10px; height: 0;}
.right span{color: #7da623;font-size: 24px;padding: 0px 20px;}
.rt{background: #2e2828;}

.product3 li{background: #f1f1f1;width: 301px;overflow: hidden;float: left;margin: 0px 0px 20px 20px;padding-bottom: 20px;}
.product3 li img{width: 301px;height: 168px;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.products{width: 1250px;}
.products li{background: #fff;width: 285px;overflow: hidden;float: left;margin: 0px 20px 20px 0px;padding-bottom: 20px;}
.products li img{width: 285px;height: 159px;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}

.contact2{text-align: center;}
.contact2 h3{font-size: 16px;color: #000;line-height: 30px;margin-top: 10px;}
.contact2 div{width: 43px;height: 2px;background: #8FC31F;display: inline-block;margin: 5px auto;}
.contact2 p{color: #666;font-size: 14px;}
.contact2 span{font-size: 16px;color: #ff0000;}

.p-box{background: #f1f1f1;margin-bottom: 15px;}
.p-box h3{font-size: 16px;color: #000;line-height: 30px;margin: 40px 0px 0px 30px;}
.p-box span{font-size: 16px;color: #ff0000;padding-left: 30px;}
.product3 .mores{background: #fff;}
.product3 .mores img{width: 170px;height: 138px;float: right;}
.product3 li img:hover{
	margin: -10px 0px 10px 0px;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}


.rt1{background: #dededc;}
.rt1 h3{color: #000;}
.rt1 p{color: #666;}


.pages{ text-align:center;margin: 0px auto;padding: 60px 0px;}
.pages a{ display: inline-block; padding:2px 8px; color: #333333; border-radius: 2px; margin: 0 3px;border: 1px solid #808080;background: #808080;}
.pages .cr{ background: #8fc31f;color: #fff;border-color: #8fc31f;}
.pages a:hover{background: #8fc31f;color: #fff;border-color: #8fc31f;}

.pagess{ text-align:center;margin: 0px auto;padding: 60px 0px;}
.pagess a{ display: inline-block; padding:2px 8px; color: #333333; border-radius: 2px; margin: 0 3px;border: 1px solid #e6e6e6;background: #fafafa;}
.pagess .cr{ background: #8fc31f;color: #fff;border-color: #e6e6e6;}
.pagess a:hover{background: #8fc31f;color: #fff;border-color: #e6e6e6;}

.return{overflow: hidden;margin: 0px auto;width: 182px;padding: 30px 0px;}
.return .re1{width: 70px;height: 30px;border: 1px solid #eaeaea;border-radius: 4px;float: left;}
.return a{width: 30px;height: 30px;border: 1px solid #eaeaea;border-radius: 4px;float: left;margin: 0px 1px;text-align: center;line-height: 30px;color: #fff;}
.re0{background: url(../images/return.png) center center no-repeat;}
.return .re1:hover{background: #8FC31F;}

.ev-box{ position: relative;margin-bottom: 70px;}
.ev-scroll{ width: 1200px; position: relative; overflow: hidden;margin: 0px auto 0px;padding-top: 16px;}
.ev-scroll li{ float: left; margin-right:20px;position: relative;width: 224px;overflow: hidden;background: #f1f1f1;padding-bottom: 20px;}
.ev-scroll li img{width: 224px; height: 178px;transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;}
.imgs{width: 224px;height: 178px;overflow: hidden;}
.ev-scroll li:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.ev-scroll ul{ width: 1000%;margin: 0 auto;overflow: hidden;}
.ebtn{width: 46px; height: 24px; position: absolute; top: -19px;z-index: 9;display: inline-block;}
.eprev{background: url(../images/left.jpg) center center no-repeat;right: 45px;transition: all .8s ease 0s;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.enext{background: url(../images/right.jpg) center center no-repeat;right: 0px;transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.ev-box .tempWrap{margin: 0 auto;}


.p-nav{background: #f5f5f5;line-height: 44px;margin-top: 25px;font-size: 14px;}
.p-nav a{display: inline-block;margin: 0px 5px;}
.list-ul{width: 1200px;margin: 0px auto;}
.list-ul li{line-height: 55px;border-bottom: 1px solid #dedede;position: relative;font-size: 14px;padding: 0px 100px;}
.list-box{overflow: hidden;width: 1000px;margin: 0 auto;height: 55px;}
.list-ul .height{height: auto;}
.list-ul .list-s{background: url(../images/shang1.jpg) right center no-repeat;}
.l-more{padding-right: 20px;background: url(../images/xia3.jpg) right center no-repeat;position: absolute;line-height: 55px;top: 0px;right: 10px;cursor: pointer;}
.tel{line-height: 55px;position: absolute;top: 0px;left: 0px;}
.list-ul li a{float: left;width: 14.285%;}
.list-nav{line-height: 66px;}
.list-nav a{float: left;}
.list-nav .l-cur{color: #8FC31F;}
.up{padding-right: 20px;background: url(../images/shang.jpg) right center no-repeat;}
.gury .down{background: url(../images/xia.jpg) right center no-repeat;}
.gury{background: #f5f5f5;}
.list-nav span{float: left;width: 140px;text-align: center;}

.box2{text-align: center;line-height: 59px;border-bottom: 1px solid #e1e1e1;}
.box2 a{display: inline-block;font-size: 14px;margin: 0px 55px;}
.box3{background: #fafafa;}
.p-tel{background: url(../images/xian.jpg) center center no-repeat;font-size: 20px;line-height: 60px;text-align: center;}
.box4{background: #fff;}
.case-box{width: 800px;margin: 0 auto;}
.phone{
	position: absolute;
    right: 4px;
    top: 12px;
    color: #aeaeae;
    font-size: 14px;
}

/*-----------------------------------------pro--------------------------------------------*/


/*-----------------------------------------news--------------------------------------------*/

.news{width: 830px;margin: 0 auto;}
.news li{overflow: hidden;margin-bottom: 40px;}
.news li img{width: 263px;height: 148px;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.nimgs{float: left;width: 263px;height: 148px;margin-right: 28px;overflow: hidden;}
.nimgs:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.news li h3{color: #fff;font-size: 16px;line-height: 28px;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}
.news li span{color: #888;}
.news li p{line-height: 24px;margin: 5px 0px 15px;color: #c9c9c9;height: 48px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	}
.news .n-more{display: inline-block;width: 96px;height: 27px;text-align: center;line-height: 27px;color: #fff;font-size: 14px;background: #8FC31F;border-radius: 4px;overflow: hidden;}
.news li h3:hover{color: #8FC31F;text-indent: 5px;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
}

.about{width: 820px;margin: 0 auto;}
/*-----------------------------------------news--------------------------------------------*/
.fixed li{position: relative;margin-bottom: 9px;}
.fixed{position: fixed;height: 300px;top: 50%;left: 0px;z-index: 99999999999999;width: 44px;}
.fix-er{width: 92px;height: 92px;}
.fix-sp{position: absolute;top: 0px;right: -92px;display: none;}
.fix-li4 span{display: block;height: 43px;margin-bottom: 2px;border-radius: 4px;overflow: hidden;background: url(../images/opcfix.png) 0 0 repeat;color: #fff;text-align: center;line-height: 43px;}
.fix-li5 span{display: block;height: 43px;margin-bottom: 2px;border-radius: 4px;overflow: hidden;background: url(../images/opcfix.png) 0 0 repeat;color: #fff;text-align: center;line-height: 43px;}
.fix-med{width: 140px;position: absolute;top: 0px;right: -140px;display: none;}
.fix-med1{width: 200px;position: absolute;top: 0px;right: -200px;display: none;}
.fixp{width: 44px;height: 43px;}
.fix-p1{background: url(../images/fix11.png) center center no-repeat;}
.fix-p2{background: url(../images/fix22.png) center center no-repeat;}
.fix-p3{background: url(../images/fixer.png) center center no-repeat;background-size: contain;}
.fix-p4{background: url(../images/fix44.png) center center no-repeat;}
.fix-p5{background: url(../images/fix55.png) center center no-repeat;}
.fix-p6{background: url(../images/fix66.png) center center no-repeat;}
@media only screen and (max-width: 600px) {
	
	.fixed{margin-top: 0px;top: initial;bottom: 20px;height: auto;}
	
	
}




.msgbox{width: 590px;margin: 0 auto;}
.tts{ background: url(../images/mess.jpg) no-repeat left; padding-left:90px; height: 76px; margin:75px auto 60px;width: 450px;}
.tts h3{ font-size: 18px; color: #ef8914;line-height: 40px;}
.tts p{font-size: 16px;}
.tetx-item2{ height: 40px; position: relative;background: #f3f2f2;margin-bottom: 15px;}
.tit2{ width: 108px; float: left; height: 40px; line-height: 40px; text-align:center;font-size: 16px;}
.tetx-item2 .text{ height: 24px; line-height: 24px; padding:8px 0; background: #f3f2f2;float: left;width: 482px; text-indent: 10px;}
.yz2 .text{ width: 95px; }
.yz2{width: 203px;}
.ycode{ position: absolute; right: -100px;top: 3px;}
.ta2{ height: auto; margin-bottom: 20px;}
.ta2 textarea{ padding:8px 0; background: #f3f2f2;  width: 590px; resize:none;height: 140px; text-indent: 10px;}
.tjbtn{ width: 160px; height: 40px; background: #ef8914; color: #fff;font-size: 16px;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
 }
.msgbox{ padding-bottom: 40px; }
.tetx-item2 b{ color: #f00; position: absolute; left: -16px; top: 13px; }
.tjbtn:hover{background: #ef8914;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
}

/*手机导航*/
	.med-btn{width: 25px;height: 20px;overflow: hidden;position: absolute;bottom: 10px;right: 12px;display: none;}
	.med-btn span{height: 2px;border-radius:4px;width: 100%;float: left;margin-bottom: 6px;background: #8FC31F;padding: 0px;}
	.med_nav{width: 90%;height: 100%;overflow: auto;position: fixed;top: 0px;left: -90%;background:#F1F1F1;z-index: 99999;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
		}
	.med-ul{width: 100%;overflow: hidden;}
	.med_box>li{width: 100%;border-bottom: 1px solid #e0e0e0;overflow: hidden;}
	.m_na{width:100%;display: inline-block;background: url(../images/add.png) 95% center no-repeat;line-height: 40px;font-size: 16px;background-size: 15px;text-indent: 10px;}
/*	.m_nacur{color: #fff;}*/
	.med_box .m_nacur{background: url(../images/reduce.png) 95% center no-repeat;background-size: 15px;}
	.md_head{width:100%;padding: 0px 20px;display: inline-block;background:#e0e0e0 url(../images/arrow.png) 93% center no-repeat;line-height: 40px;font-size: 14px;background-size: 15px;}
	.md_head a{width: 100%;display: inline-block;border-top: 1px solid #CCCCCC;}
	.md_head .lineno{border-top: none;}
	.md_head1 a{color: #fff;}
	.med_box .md_head1{background:#e0e0e0 url(../images/arrow-active.png) 93% center no-repeat;background-size: 15px;}
	.md_nr{background: #CCCCCC;width: 100%;padding: 0 25px;line-height: 40px;font-size: 12px;display: none;}
	.md_nr a{width: 100%;display: inline-block;border-top: 1px solid #e0e0e0 ;}
	.md_nr .lineno{border-top: none;}
	.md_box{display: none;width: 100%;}
	.mask{width: 100%;height: 100%;position: fixed;top: 0px;background: rgba(0,0,0,.5);z-index: 99998;left: -100%;
		transition: all 0s ease .8s;
		-webkit-transition: all 0s ease .8s;
		-moz-transition: all 0s ease .8s;
		-ms-transition: all 0s ease .8s;
		-o-transition: all 0s ease .8s;
		}
	
	/*开关效果*/
	
	body .scroll_med{left: 0px;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
	}
	body .mask1{
		left: 0px;
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
	}
	
	.ser-ul{width: 1000px;margin: 0 auto;padding-bottom: 30px;}
	.ser-h3{text-align: center;font-size: 24px;line-height: 24px;margin-bottom: 25px;color: #fff;}
	.ser-p{color: #fff;line-height: 24px;width: 1000px;margin: 0 auto;}
	.ser-ul li{background: url(../images/serxian2.jpg) left center repeat-x;height: 126px;margin-bottom: 3px;box-sizing: border-box;padding: 0px 20px;border-radius: 10px;overflow: hidden;}
	.ser-ul h3{font-size: 14px;line-height: 22px;margin: 28px 0px 8px;height: 22px}
	.ser-ul p{line-height: 24px;height: 48px;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;}
	.ser-ul li:hover{background: url(../images/serxian1.png) left center repeat-x;color: #fff}
	.ser-ul .ser-cur{background: url(../images/serxian1.png) left center repeat-x;color: #fff}



	/*********************************/
.pb-box{ width: 1200px; margin:auto; -background: #000000;  font-size: 14px;
color: #bbbdc0;}
.pd-dj-wenzi{ float: left; width: 440px; padding-top: 60px;}
.pd-dj-wenzi h3{ color: #fff; font-size: 36px; margin-bottom: 30px;}
.pd-dj-wenzi h3 span,.lvs{ color: #77c043; }
.pd-dj-intro{ font-size: 14px; line-height: 30px; color: #bbbdc0; margin-bottom: 40px;}
.morezp{ background: url(../images/pb-1.png) no-repeat; width: 208px; height: 39px; display: block; 
margin-left: 80px;}
.pd-dj-tu{ float: right; }
.pb-dj-item{ padding:50px 0; border-bottom: 2px solid #bebebe; }
.pd-dj-t0{ padding-top: 0; }
.pd-dj-pic2 { padding-top: 30px; }

.tong-left{ float: left; width: 625px;}
.lvzi{ color: #77c043; font-size: 36px; margin-bottom: 30px;}
.wenzi-t{ color: #fff; font-size: 16px; margin-bottom: 8px;}
.wenzi-con{ line-height: 30px; margin-bottom: 30px;}
.tong-right{ float: right; padding-top: 110px;}
.zhubiao{ font-size: 24px; margin-bottom:10px;}
.da2biao{ text-align: center; padding-top: 100px;}

.jingli{ padding:40px 50px 0; }
.jingli li{ width: 50%; text-align: center; float: left; }
.jingli li h3{ color: #fff; font-size: 18px; padding:15px 0; }
.jingli li p{ margin-bottom: 2px; }

.moreanli{ background: url(../images/pb-9.png) no-repeat; width: 208px; height: 39px; display: block; 
float: right; margin-top:150px;}
.yitiao{ line-height: 30px; }
.meixueauto{ width: auto; }
.tu3zu li{ width: 33.3%; text-align: center; float: left; padding-top: 30px; }
.meixuezj{ float: left; width: 560px;}
.tuzuo{ float: left; margin-right:50px;}
.meixuezj-js{ padding:40px 0 0 0; color: #fff; }
.meixuezj-js h3{ font-size: 18px; margin-bottom: 6px; }
.meixuezj-js p{ line-height: 30px; }
.meixuetu{ float: right; }
.meixuez{ padding-top: 80px; }
.shipinsj li{ width: 381px; float: left; height: 267px; overflow: hidden; text-align: center;
 margin:0 100px 35px;}
.shipinsj li img{ max-width: 100%; max-height: 100%; }
.shipinsj .tewenzi{ line-height: 30px; text-align: left; }
.shipinsj .tewenzi h3{ color: #fff; }
.tixi-left{ float: left; }
.tixic{ font-size: 26px; color: #93ef54; background: url(../images/pb-19.png) no-repeat 0 bottom;
padding-bottom:10px; margin-bottom: 35px;}
.tixi-right{ margin-left:300px; color: #dfdfdf; padding-bottom: 40px; 
	border-bottom: 1px solid #636567; padding-left: 40px; height: 256px;}
.tixi-item{ line-height: 30px; margin-bottom: 70px;}
.tixi-right p{ width: 620px;}

.ts-cc span{ font-size: 26px; color: #93ef54;}
.ts-cc{ text-align: center; margin-bottom: 35px;}
.ts-cc span{ display: inline-block; border-bottom: 4px solid #95979a; padding-bottom:2px;  position: relative;}
.ts-cc p{ font-size: 12px; }
.cc-cloumn{ height: 20px; border-top:1px solid #58595b; }
.cc-cloumn span{ font-size: 18px; display: inline-block; top: -15px;
 position: relative; padding:0 10px 6px 0; background: url(../images/pb-25.png) no-repeat left bottom
 #000; }

.leftto2{ float: left; padding-top: 36px;}
.tssb li{ float: left; margin-right:38px; text-align: center; }
.leftto2 h3{ margin-bottom: 24px; }
.tssb li p{ margin-top:24px; }
.di3z{ float: right; margin-top: 15px; padding:5px; border:1px solid #595a5c; }
.tiaos-item { padding-bottom: 80px; }
.di33z{ margin-top: 55px; }
.buzy{ position: absolute; right: -50px; top: 8px; }
.yiduanwzi{ width: 540px; padding:24px 0 0 120px; line-height: 30px; height: 208px;}
.diyicleft{ float: left; width: 690px; }
.yicright{ float: right; padding:5px; border:1px solid #535455; }
.mbb20{ -margin-bottom: 20px; }
.futuj{ margin-top: -80px; }

.quanw-item{ line-height: 30px; padding:40px 130px;  border-bottom: 1px solid #6d6e71;}
.quanw-pic-left{ float: left; margin-top: 50px; }
.quanw-pic-right{ float: right; }
.quanw-pic{ padding-top:20px; }
.wangzhiba{ text-align: right; padding-top: 35px; }
.gl-dabiao{ width: 590px; margin: 20px auto 100px;background:url(../images/pb-43.png) no-repeat left 10px;
padding-left: 40px;}
.gl-dabiao h3,.gl-dabiao p{ font-size: 30px; color: #93ef54; line-height: 42px;}
.gl-wenz{ line-height: 26px; color: #fff; font-size: 16px;}
.gl-dabiao p{ margin-bottom: 20px; }

.baozhang{ padding-left: 20px; background: url(../images/pb-47.png) repeat-y 228px 0;}
.baozhang li{ height: 130px; }
.baozhang li .itus{ background: url(../images/pb-44.jpg) no-repeat; width: 60px; height: 58px; 
	float: left; margin-right: 30px;}
.baozhang li:nth-of-type(1) .itus{ background-position: 0 0; }
.hehes{ float: left; font-size: 18px; line-height: 22px; background: url(../images/pb-45.png) no-repeat
	left bottom; padding-bottom: 13px;}
.gl-infos{ float: left; line-height: 26px; width: 520px; padding:0 0 0 80px;}
.baozhang li:nth-of-type(2) .itus{ background-position: 0 -127px; }
.baozhang li:nth-of-type(3) .itus{ background-position: 0 -256px; }
.baozhang li:nth-of-type(4) .itus{ background-position: 0 -383px; }
.baozhang li:nth-of-type(5) .itus{ background-position: 0 -511px; }
.baozhang li:nth-of-type(6) .itus{ background-position: 0 -638px; }
.guanl-item{ border-bottom: 1px solid #727476; margin-bottom: 100px; }
.gl-infos{ position: relative; }
.gl-infos:after{ background: url(../images/pb-46.png) no-repeat; content: ''; width: 15px; height: 15px;
position: absolute; left: 39px; top: 0; }
.bbddnone{ border:none; }
.shangh{ position: absolute; color: #fff; right:-74px; top: 26px;}
.logo{ position: relative; }
.beijing{position: absolute; color: #fff; right:-74px; top: 6px;}

	
/*-------------------------------------------------animations-------------------------------------------*/

@media only screen and (max-width: 1366px) {
	.wrap0{width: 98%;}
	.ser-p{width: 600px;}
	
   
}
	
@media only screen and (max-width: 1200px) {
	.wrap{width: 98%;}
	.nav{display: none;}
	.med-btn{display: block;}
	.header{overflow: hidden;}
	.more{font-size: 12px;margin: 0px -2% 0px 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
		.even .a1{width: 100%;padding: 10px 0px;border-bottom: 1px solid #fff;}
	.even .a1 .case-left{width: 100%;height: auto;}
	.nr p{height: 48px;font-size: 14px;}
	.even .a1 .block{float: none;}
	.case img{width: 100%;}
	.a1 .nr{padding: 10px 0;font-size: 12px;}
	.a1:hover img{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	}
	.a2:hover img{
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
	}
	.a3:hover img{
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
	}
	.a1 img{height: auto;}
	.even .a2{width: 100%;padding: 10px 0px;border-bottom: 1px solid #fff;}
	.even .a2 .block{width: 100%;height: auto;float: left;}
	.even .a2 .case-left:after{display: none;}
	.a2 .nr{padding: 10px 0px}
	.even .a2 .case-left{width: 100%;height: auto;float: left;}
	.a2 img{height: auto;}
	.even .a3{width: 100%;padding: 10px 0px;}
	.even .a3 .block{width: 100%;height: auto;}
	.even .a3 .case-left{width: 100%;height: auto;}
	.a3 .nr{padding: 10px 0px;}
	.odd .a1{width: 100%;margin: 0;padding: 10px 0;border-bottom: 1px solid #fff;}
	.odd .a1 .block{width: 100%;height: auto;}
	.odd .a1 .case-left{width: 100%;height: auto;}
	.odd .a2 .case-left:after{display: none;}
	.even .a3 .case-left:after{display: none;}
	.odd .a2{width: 100%;padding: 10px 0;border-bottom: 1px solid #fff;}
	.odd .a2 .block{float: none;width: 100%;height: auto;}
	.odd .a2 .case-left{width: 100%;height: auto;}
	.odd .a3{width: 100%;padding: 10px 0px;}
	.odd .a3 .block{width: 100%;height: auto;}
	.odd .a3 .case-left:after{display: none;}
	.even .a3 .case-left:after{display: none;}
	.odd .a3 .case-left{width: 100%;height: auto;}
	.header1{position: relative;}
	.top-nav{position: absolute;top: 0px;left: 0px;width: 120px;background:#fff url(../images/xia3.jpg) 105px 16.5px no-repeat;z-index: 1000;height: 38px;overflow: hidden;}
	.top-nav:hover{height: auto;}
	.top-nav a{width: 100%;margin: 0 auto;text-align: center;display: none;}
	.top-nav span{width: 100%;margin: 0 auto;text-align: center;}
	.top-nav .t-nav{display: block;}
	.top-nav span{display: none;}
	.nav-two{display: none;}
	.h-top .med-btn{bottom: 22px;}
	.sou{top: 30px;right: 70px;}
	.the-form{width: 60%;right: 20%;padding: 0px;}
	.list-ul{width: 100%;}
	.list-ul li{padding: 0px;}
	.list-box{width: 80%;}
	.l-more{right: 0px;padding-right: 10px;}
	.products{width: 610px;margin: 0 auto;}
	.product1{width: 610px;margin: 10px auto;}
	.product2{width: 610px;margin: 10px auto;}
	.products li{margin: 0px 10px 20px;}
	.product1 li{margin: 0px 10px 20px;}
	.product2 li{margin: 0px 10px 20px;}
	.right{float: none;width: 100%;position: relative;padding-bottom: 5px;}
	.right img{display: none;}
	.right span{display: none;}
	.product3{width: 642px;margin: 10px auto;}
	.ev-scroll{width: 732px;}
	.box5 ul{width: 100%;}
	.box5 li{margin: 0px 0px 10px 0px;}
	.t-nav{display: block;}
	.box .service{width: 98%;}
	.ser-position{display: none;}
	.phone{
		top: 4px;
	    right: 94px;
	}
	/************************************/
	.pb-box{ width: 100%; }
	.quanw-item{ padding:20px 10px; }
	.tong-left{ width: 505px; }
	.tixi-item{ padding:0 10px; }
}
@media only screen and (max-width: 1000px) {
	.pd-dj-wenzi,.pd-dj-tu,.tong-left,.tong-right{ float: none;  width: 100%;}
	.pb-dj-item{ padding:20px 10px; }
	.pd-dj-wenzi{ padding-top:0; margin-bottom: 20px;}
	.pd-dj-wenzi h3{ font-size: 20px; margin-bottom: 5px; }
	.morezp{ margin-left: 0; }
	.pd-dj-intro{ margin-bottom: 15px; }
	.tong-right{ padding-top: 0; margin-bottom: 15px;}
	.lvzi{ font-size: 20px; margin-bottom: 10px;}
	.wenzi-t{ margin-bottom: 0; }
	.wenzi-con{ margin-bottom: 15px; }
	.da2biao{ padding-top: 20px; }
	.zhubiao{ font-size: 18px; margin-bottom: 5px; }
	.jingli li h3{ font-size: 16px; padding:5px 0; }
	.moreanli{ float: left; margin:20px 0 0 0; }
	.meixuezj,.meixuetu{ float: none; width: 100%; overflow: hidden; }
	.meixuezj{ margin-bottom: 20px; }
	.meixuez{ padding-top: 20px; }
	.shipinsj li{ width: 50%; margin:0 0 20px 0; }
	.ts-cc{ margin-bottom:20px; }
	.ts-cc span{ font-size: 18px; }
	.cc-cloumn span{ font-size: 16px; }
	.leftto2,.di3z{ float: none; border:none;}
	.leftto2 h3{ margin-bottom: 15px; }
	.tssb li p{ margin-top:10px; }
	.tssb li{ float: left; width: 50%; text-align: center; margin:0; }
	.di3z{ text-align: center; }
	.leftto2{ padding-top: 20px; }
	.tiaos-item{ padding-bottom: 30px; }
	.di33z{ margin-top: 20px; margin-bottom: 20px; }
	.diyicleft,.yicright{ float: none; width: 100%; }
	.yiduanwzi{ padding:10px 0 30px 0; width: 100%; height: auto; line-height: 24px;}
	.tiaos-item{ padding:0 10px; }
	.yicright{ border:none; text-align: center; margin-bottom: 20px; }
	.futuj{ margin:0; }
	.buzy{ display: none; }
	.tixi-right{ padding-left: 0; line-height: 24px;margin-left:242px; height: auto; width: auto;
	padding-bottom: 20px; }
	.tixic{ font-size: 16px; margin-bottom: 10px; }
	.tixi-item{ margin-bottom: 20px; }
	.tixi-right p{ width: 100%; }

	.changs .right span,.changs .right{ display: block!important; }
	.changs .right img{ display: block!important; margin: auto; float: none!important;}
	.changs .right div{ width: 100%!important; float: none!important; text-align: center!important;
	height: auto!important; }
	.ser-ul{ width: 100%; overflow: hidden; }
}
@media only screen and (max-width: 860px) {
	.news{width: 98%;}
	.case-box{width: 100%;}
	.banner-box1 .flex-direction-nav{bottom: -43px;}
	
	.banner-box1 .flex-next{right: 50%;margin-right: -107px;}
	.banner-box1 .flex-prev{left: 50%;margin-left: -107px;}
	.pron_box1{position: initial;margin: 10px auto 0;width: 150px;}
	.guanl-item{ margin-bottom: 20px; }
	.gl-dabiao{ width: 100%; margin-bottom: 20px; background: none; padding-left: 10px;}
	.gl-dabiao h3, .gl-dabiao p{ font-size: 18px; }
	.gl-dabiao p{ margin-bottom: 8px; }
	.gl-wenz{ line-height: 24px; font-size: 14px; }
	.baozhang{ background: none; padding:0 10px;}
	.gl-infos:after{ display: none; }
	.baozhang li{ height: auto; margin-bottom: 20px; }
	.baozhang li .itus{ margin-right: 15px; }
	.hehes{ font-size: 14px; }
	.gl-infos{ padding-left: 15px; }
}
@media only screen and (max-width: 768px) {
	.logo{width: 100px;}
	.mark{display: none;}
	.footer span{line-height: 24px;padding: 0 2%;margin-bottom: 5px;}
	.footer img{margin: 0px 2px;}
	.footer{padding: 5px 0px 10px;}
	.cover{left: 0px;}
	.hor2{width: 100%;}
	.cover span{margin-left: 5px;}
	.hover .cover img{width: 60%;margin:5px;}
	.cover p{margin: 0px 5px;font-size: 14px;}
	.a-head img{height: 25px;top: -14px;}
	.a-head{font-size: 18px;line-height: 60px;margin-bottom: 20px;}
	.a-nav{position: initial;}
	.about{width: 98%;}
	.list-box{width: 70%;}
	.list-ul li a{width: 50%;}
	.list-nav span{width: 20px;}
	.products{width: 305px;}
	.banner-art{width: 320px;}
	.banner-ul1{height: 200px;}
	.banner-li1{height: 200px;}
	.name input{
		width: 100%;
		box-sizing: border-box;
	}
	
	.mess_top{
		width: 100%;
		height: auto;
		line-height: 24px;
		margin-bottom: 20px;
	}
	
	.fpr p{
		text-align: left;
	}
	
	.nrs textarea{
		width: 100%;
		box-sizing: border-box;
	}
	
	.nrs input{
		width: 100%;
		box-sizing: border-box;
	}
	
	.code input{
		width: 88px;
		text-indent: 0px;
	}
	
	.sum{
		width: 100%;
		margin: 0 auto;
	}

	/************************************/
	.ts-cc span{ font-size: 16px; }
	.ts-cc{ margin-bottom: 15px; }
	.quanw-pic-left,.quanw-pic-right{ float: none;  text-align: center;}
	.quanw-pic-left{ margin:0 0 20px 0; }
	.pb-box img{ max-width: 100%; }
	.hehes{ width: 400px; }

	
}
@media only screen and (max-width: 640px) {
	.message{
		width: 98%;
	}
	.logo{width: 100px;}
	.mark{display: none;}
	.footer span{line-height: 24px;padding: 0 2%;margin-bottom: 5px;}
	.footer img{margin: 0px 2px;}
	.footer{padding: 5px 0px 10px;}
	.cover{left: 0px;}
	.hor2{width: 100%;}
	.cover span{margin-left: 5px;}
	.hover .cover img{width: 60%;margin:5px;}
	.cover p{margin: 0px 5px;font-size: 14px;}
	.nimgs{width: 100px;height: 56px;}
	.news li img{width: 100%;height: 56px;}
	.news li p{display: none;}
	.nimgs{margin-right: 5px;}
	.news li span{line-height: 24px;}
	.news li h3{margin-bottom: 5px;font-size: 12px;line-height: 16px;height: 32px;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
	.product1{width: 305px;}
	.product2{width: 305px;}
	.news .n-more{float: right;height: 24px;line-height: 24px;}
	.pages{padding: 30px 0px;}
	.h-top{padding-bottom: 30px;}
	.the-form{width: 90%;right: 5%;bottom: -40px;top: initial;}
	.sou{display: none;}
	.the-form{display: block;z-index: 1;}
	.text{border: 1px solid #fff;border-radius: 10px;overflow: hidden;}
	.product3{width: 301px;}
	.product3 li{margin: 0px 0px 10px 0px;}
	.ev-scroll{width: 224px;}
	.banner-box .flex-control-nav{bottom: 5px;}
	.box2 a{margin: 0px 5px;}
	.article iframe{ width: 100%!important; height: 620px!important;}
	.article iframe #mapCard_way_information{ font-size: 12px!important; }

	/***************************/
	.pd-dj-tu{ text-align: center; }
	.pd-dj-wenzi h3{ font-size: 16px; }
	.pd-dj-intro{ line-height: 24px; }
	.morezp,.moreanli{ background-size: 160px 30px; width: 160px; height: 30px; }
	.pd-dj-pic1,.tong-right,.meixuetu{ text-align: center; }
	.wenzi-con{ line-height: 24px; }
	.shipinsj li{ width: 100%; height: auto; float: none; margin-bottom: 20px; }
	.tuzuo{ width: 120px; margin-right:10px;}
	.meixuezj-js{ padding-top: 0; }
	.meixuezj-js h3{ font-size: 16px; }
	.meixuezj-js p{ line-height: 24px; }
	.jingli{ padding:20px 0 0 0; } 
	.leftto2{ padding-top: 10px; }
	.di3z{ margin-bottom: 20px; }
	.yiduanwzi{ padding-bottom:15px; }
	.tixi-left{ margin-right: 10px; }
	.tixi-left img{ width: 90px; }
	.tixi-right{ margin:0; }
	.tixic{ background: none; margin: 0; padding-bottom:2px; }
	.baozhang li .itus{ display: none; }
	.gl-infos{ padding-left: 0; width: 100%;}
	.hehes{ color: #fff; }
	.gl-dabiao h3, .gl-dabiao p{ line-height: 24px; }
	.baozhang li{ overflow: hidden; }
	.shangh{  top: 18px;}
.beijing{ top: 0;}

}
@media only screen and (max-width: 410px) {
	.logo{width: 100px;}
	.mark{display: none;}
	.footer span{line-height: 24px;padding: 0 2%;margin-bottom: 5px;}
	.footer img{margin: 0px 2px;}
	.footer{padding: 5px 0px 10px;}
	.cover{left: 0px;}
	.hor2{width: 100%;}
	.cover span{margin-left: 5px;}
	.hover .cover img{width: 60%;margin:5px;}
	.cover p{margin: 0px 5px;font-size: 14px;}
	
}
	
	
/*-------------------------------------------------animations-------------------------------------------*/
.service{width: 1000px;margin: 0 auto;position: relative;}
	.ser-position{position: absolute;z-index: 100000;height: 24px;width: 68px;}
	.ser-sp1{width: 15px;height: 15px;background: url(../images/biao1.png) center center no-repeat;background-size: contain;float: left;}
	.ser-sp0{width: 15px;height: 15px;float: left;background: #8fc31f;border-radius: 50%;overflow: hidden;position: absolute;top: 4.5px;left: 2px;-webkit-animation-fill-mode: both;
	animation-fill-mode: both;-webkit-animation: ball-scale-multiple 1.5s 0s linear infinite;animation: ball-scale-multiple 1.5s 0s linear infinite; }
	.ser-b{-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
	.ser-c{-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
	.ser-position ul{border-radius: 8px;overflow: hidden;position: absolute;top: 0px;left: 24px;padding: 14px;background: #8fc31f;width: 240px;display: none;}
	.ser-position li{width: 240px;font-size: 14px;color: #fff;line-height: 24px;}
	.divs1{top: 330px;right: 245px;}
	.divs2{top: 445px;right: 367px;}
	.divs3{top: 367px;right: 410px;}
	.divs4{top: 413px;right: 446px;}
	.divs5{top: 290px;right: 130px;}
	.divs6{top: 200px;right: 79px;}
	.divs7{top: 256px;right: 71px;}
	.divs8{top: 513px;right: 284px;}
	.divs9{top: 563px;right: 305px;}
	.divs10{top: 373px;right: 272px;}
	.divs11{top: 438px;right: 291px;}
	.divs12{top: 400px;right: 220px;}
	.divs13{top: 488px;right: 204px; z-index: 9;}
	.divs14{top: 492px;right: 230px; z-index: 8;}
	.divs15{top: 522px;right: 184px;}
	.divs16{top: 551px;right: 255px;}
	.divs17{top: 599px;right: 201px;}
	.divs18{top: 660px;right: 286px;}
	.divs19{top: 709px;right: 347px;}
	.divs20{top: 534px;right: 407px;}
	.divs21{top: 620px;right: 466px;}
	.divs22{top: 500px;right: 164px;}
	.divs23{top: 228px;right: 713px;}
	.divs24{ bottom: 235px; right: 162px; z-index: 1;}
	
@-webkit-keyframes ball-scale-multiple {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0; }

	5% {
		opacity: 1; }

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0; } }

@keyframes ball-scale-multiple {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0; }

	5% {
		opacity: 1; }

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0; } }



.the-form .sum{
	width: 0px;
	height: 0px;
	float: none;
	background: none;
}

#doyoo_panel{
	top: 50%!important;
}