/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; }
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.head{background: #FFFFFF;width: 100%;border-bottom: 1px solid #EEEEEE;}
.head .logo{width: 20%;float: left;}
.head .logo img{max-width: 100%;}
.head .right{width: 70%;float:left;}

.head .ss{width: 10%;float: right;margin-top: 2%;}
.head .ss .text1{width: 80%;height: 30px;border: 1px solid #DDDDDD;border-right: none; float: left;}
.head .ss .btn1{width: 15%;height: 32px;border: 1px solid #DDDDDD;border-left: none;background: url(../images/ss.png) no-repeat center center;float: left;}

/*menu*/
.menu{height:5rem;line-height:5rem;}
.menu ul li{ float:left; position:relative; background:url(../images/line.jpg) right center no-repeat;width:16%;border-top: 3px solid transparent;}
.menu ul li:hover{border-top: 3px solid #A0CE4E;}
.menu ul li dl{ background:#fff; width:162%; position:absolute; left:0px; top:5rem; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none;z-index: 999; border-top: 3px solid #A0CE4E;}
.menu ul li dl dd{ background: #F2EFEF; line-height:3em;border-bottom: 1px solid #ddd;padding: 0 10px;}
.menu ul li dl dd:hover{background: #F8F8F8;}
.menu ul li dl dd a{ font-size:14px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd:hover a{ color:#A0CE4E;}
.menu a{ font-size:16px;color:#333; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#A0CE4E;}
a.menu_hover{ background:;color:#A0CE4E;}

.nav {margin:0px; padding:0; width:100%; display:none;}
.nav-item {margin:0px;padding:0px; list-style:none;zoom:1;width:100%; text-align: left; background: url(../images/gdxia.png) #F6F6F6 no-repeat right 10px top 15px;background-size: 15px;}
.nav-item a {display:block;-webkit-transition: color .2s linear,background .2s linear;-moz-transition: color .2s linear,background .2s linear;-o-transition: color .2s linear,background .2s linear;transition: color .2s linear,background .2s linear; font-size:14px; color: #333; border-top:1px solid rgba(16,24,32,.2); line-height:3em;  overflow:hidden;padding-left: 20px;}
.nav-item a:hover{background:#1e90ff;background-size: 15px;}
.nav-item:hover a {color: #000;}
.nav-mobile {display: none;cursor: pointer;position: absolute; top: 0px; right:2%; background: url(../images/navbg.png) center no-repeat;width: 50px;height:50px;}
.nav-mobile { display:block;}
.nav-list {width:100%;margin:0px;padding:0px;float:left;display:none;}
.nav-inner {display: none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}

.nav-item .erji{display: none;}
.nav-item:hover .erji{display: block;}
.nav-item dl{}
.nav-item dl dd{line-height: 3em;}
.nav-item dl dd a{font-size: 14px;color: #333333;padding-left: 40px;}


/*---------------------------轮换图片-------------------------------*/
.slide_container { position: relative;float: left;width: 100%;margin-top: 5.5rem;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 50%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}
/*---------------------------轮换图片 End-------------------------------*/
.rslides li .dwzi{position: absolute;top: 30%;left: 0;width: 100%;z-index: 999;}
.rslides li .dwzi h1{font-size: 40px;color:#FFFFFF ;font-weight: normal; background: rgba(0,0,0,0.5);display: inline-block;padding:5px 10px;}
.rslides li .dwzi h2{font-size: 20px;color: #FFFFFF;font-weight: normal;background: rgba(0,0,0,0.5);display: inline-block;padding:5px 10px;margin-top: 2%;}
.rslides li .dwzi .an{width: 100px;background: #A0CE4E;text-align: center;margin-top: 2%;}
.rslides li .dwzi .an:hover{background: #96C346;}
.rslides li .dwzi .an a{font-size: 16px;color: #FFFFFF;line-height: 2em;}

.con1{padding: 3% 0 0 0;}
.con1 .con1bt{text-align: center;}
.con1 .con1bt h2{font-size: 30px;color: #333333;line-height: 2em;font-weight: normal;}
.con1 .con1bt h3{font-size: 24px;color: #333333;line-height: 2em;font-weight: normal;}
.con1 .con1nr {margin-top: 3%;overflow: hidden;}
.con1 .con1nr ul{width: 105%;padding: 3% 0 0 0;}
.con1 .con1nr ul li{width: 30.4%;float: left;margin: 0 2% 5% 0;text-align: center;}
.con1 .con1nr ul li .zi{background: #F2F2F2;padding: 14%;position: relative;}
.con1 .con1nr ul li .zi h2{font-size:18px;color: #A0CE4E;line-height: 2em;text-align: center;}
.con1 .con1nr ul li .zi span{font-size: 14px;color: #333333;line-height: 1.5em;display: block;text-align: center;}
.con1 .con1nr ul li .zi .dwimg{ position: absolute;top: -30px;left: 0;width: 100%;}
.con1 .con1nr ul li .zi .dwimg .img{width: 60px;height: 60px;border-radius: 50%;background: #000000;text-align: center;margin: 0 auto;line-height: 60px;}
.con1 .con1nr ul li .zi .dwimg .img:hover{background: #A0CE4E;}
.con1 .con1nr ul li .zi .dwimg .img img{max-width: 100%;vertical-align: middle;}

.con2{padding: 3% 0;}
.con2 .con2bt{}
.con2 .con2bt h2{font-size: 40px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.con2 .con2nr{margin-top: 3%;text-align: center;}
.con2 .con2nr video{max-width: 100%;}

.con3{background: #000000;padding: 2% 0;}
.con3 h1{font-size: 50px;color: #FFFFFF;font-weight: normal;line-height: 2em;text-align: center;}

.con4{padding: 3% 0;}
.con4 .con4bt{}
.con4 .con4bt h2{font-size: 30px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.con4 .con4nr{margin-top: 3%;overflow: hidden;}
.con4 .con4nr ul{width: 105%;}
.con4 .con4nr ul li{width: 46%;float: left;margin: 0 3% 3% 0;}
.con4 .con4nr ul li .img{overflow: hidden;}
.con4 .con4nr ul li .img img{max-width: 100%;transition: all ease 0.3s;}
.con4 .con4nr ul li:hover .img img{transform: scale(1.1);transition: all ease 0.3s;}
.con4 .con4nr ul li .zi{}
.con4 .con4nr ul li .zi span{font-size: 16px;color: #333333;line-height: 2em;display: block;text-align: center;}

.con5{background: #3F3F3F;padding: 3% 0;}

.con6{padding: 3% 0;}
.con6 .con6bt{}
.con6 .con6bt h2{font-size: 30px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.con6 .con6nr{margin-top: 3%;}
.con6 .con6nr ul{}
.con6 .con6nr ul li{width: ;margin: 0 0 3% 0;}
.con6 .con6nr ul li:last-child{margin: 0 0 0 0;}
.con6 .con6nr ul li .img{width: 49%;float: left;}
.con6 .con6nr ul li .img img{max-width: 100%;}
.con6 .con6nr ul li .zi{text-align: center;width: 49%;float: right;}
.con6 .con6nr ul li .zi h2{font-size: 40px;color: #333333;line-height: 2em;font-weight: normal;}

.con7{padding: 3% 0;}
.con7 .zi{}
.con7 .zi h1{font-size: 30px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.con7 .zi h2{font-size: 20px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.con7 .an{width: 200px;background: #A0CE4E;margin: 3% auto 0 auto;text-align: center;}
.con7 .an:hover{background: #96C346;}
.con7 .an a{font-size: 16px;color: #FFFFFF;line-height: 3em;}

.foot{border-top: 10px solid #E9EAEE;}
.foot .f1{background: #363839;padding: 2% 0;}
.foot .f1 .yi{width: 23%;float: left;}
.foot .f1 .yi p{font-size: 14px;color: #999999;line-height: 1.5em;text-align: left;}
.foot .f1 .er{width: 23%;float: left;margin-left: 2%;}
.foot .f1 .er h2{font-size: 16px;color: #ccc;line-height: 2em;font-weight: normal;}
.foot .f1 .er ul{}
.foot .f1 .er ul li{line-height: 3em;border-bottom: 1px solid #999;background: url(../images/gdleft.png) no-repeat center left;background-size: 10px;}
.foot .f1 .er ul li a{font-size: 14px;color: #999;padding-left: 20px;}
.foot .f1 .er ul li:hover a{color: #FFFFFF;}
.foot .f1 .san{width: 23%;float: left;margin-left: 2%;}
.foot .f1 .san h2{font-size: 16px;color: #ccc;line-height: 2em;font-weight: normal;}
.foot .f1 .san p{font-size: 14px;color: #999999;line-height: 1em;text-align: left;}
.foot .f1 .si{width: 23%;float: right;}
.foot .f1 .si h2{font-size: 16px;color: #ccc;line-height: 2em;font-weight: normal;}
.foot .f1 .si p{font-size: 14px;color: #999999;line-height: 1em;text-align: left;}
.foot .f1 .si p a{font-size: 14px;color: #999999;line-height: 1em;text-align: left;}
.foot .f1 .si p img{max-width: 100%;vertical-align: middle;}
.foot .f2{background: #282A2B;border-top: 1px solid #4B4C4D;}
.foot .f2 p{font-size: 14px;color: #FFFFFF;line-height: 3em;text-align: left;}

.backtop{width: 50px;height: 50px;text-align: center;position: fixed;bottom: 3%;right: 1%;}
.backtop a{}
.backtop a img{max-width: 100%;}

.aboutbanner{padding: 1% 0; background: url(../images/aboutbanner.png) no-repeat center center;background-size: cover;margin-top: 5.5rem;border-bottom: 1px solid #DDDDDD;}
.aboutbanner .lt{width: 50%;float: left;}
.aboutbanner .lt h2{font-size: 20px;color: #333333;line-height: 2em;font-weight: normal;}
.aboutbanner .rt{width: 50%;float: right;text-align: right;}
.aboutbanner .rt a{font-size: 14px;color: #333333;line-height: 3em;}
.aboutbanner .rt span{font-size: 14px;color: #333333;line-height: 3em;}

.about1{padding: 3% 0;}
.about1 .left{width: 49%;float: left;}
.about1 .left img{max-width: 100%;}
.about1 .right{width: 49%;float: right;}
.about1 .right p{font-size: 14px;color: #333333;line-height: 1.5em;text-align: left;}

.about2{background: #454545;padding: 3% 0;}
.about2 ul{}
.about2 ul li{line-height: 3em;background: url(../images/about2.png) no-repeat left center;}
.about2 ul li p{font-size: 14px;color: #FFFFFF;padding-left: 30px;}

.about3{background: #D8D8D8;padding: 3% 0;}
.about3 ul{}
.about3 ul li {}
.about3 ul li .img{width: 3%;float: left;position: relative;}
.about3 ul li .img .imgnrk{width: 60px;height: 60px;line-height: 60px; text-align: center;border-radius: 50%;background: #000000;position: absolute;top: 0;right: -30px;transition: all ease 0.3s;}
.about3 ul li:hover .img .imgnrk{background: #A0CE4E; transition: all ease 0.3s;}
.about3 ul li .img img{max-width: 100%;vertical-align: middle;}
.about3 ul li .zi{width: 87%;float: right;border-left: 1px solid #000000;padding:0 5% 1% 5%;}
.about3 ul li:last-child .zi{border-left: none;}
.about3 ul li .zi h2{font-size: 26px;color: #A0CE4E;line-height: 3em;text-align: left;font-weight: normal;}
.about3 ul li .zi p{font-size: 14px;color: #333333;line-height: 1.5em;text-align: left;}

.about4{padding: 3% 0;}
.about4 .about4bt{}
.about4 .about4bt h2{font-size: 30px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.about4 .about4nr{margin-top: 3%;overflow: hidden;}
.about4 .about4nr ul{width: 105%;}
.about4 .about4nr ul li{width: 22.4%;float: left;margin: 0 2% 0 0 ;}
.about4 .about4nr ul li img{max-width: 100%;}

.about5{padding: 3% 0;}
.about5 .about5bt{}
.about5 .about5bt h2{font-size: 30px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.about5 .about5bt h3{font-size: 20px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.about5 .about5nr{margin-top: 3% ;overflow: hidden;}
.about5 .about5nr ul{width: 105%;}
.about5 .about5nr ul li{width: 31%;float: left;margin: 0 1% 1% 0;}
.about5 .about5nr ul li img{max-width: 100%;}
.about5 .about5nr h1{font-size: 40px;color: #333333;line-height: 2em;text-align: center;}

.products1{margin-top: 5.5rem;}
.products1 ul{}
.products1 ul li{padding: 3% 0;}
.products1 ul li .img1{width: 49%;float: left;}
.products1 ul li .img1 img{max-width: 100%;}
.products1 ul li .zi1{width: 49%;float: right;}
.products1 ul li .zi1 h2{font-size: 30px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.products1 ul li .zi1 span{font-size: 16px;color: #333333;line-height: 1.5em;display: block;text-align: center;}
.products1 ul li .zi1 .an{width: 20%;margin: 3% auto 0 auto;text-align: center;background: #A0CE4E;border-radius: 3px;}
.products1 ul li .zi1 .an a{font-size: 16px;color: #FFFFFF;line-height: 3em;}

.products1 ul li .img2{width: 49%;float: right;}
.products1 ul li .img2 img{max-width: 100%;}
.products1 ul li .zi2{width: 49%;float: left;}
.products1 ul li .zi2 h2{font-size: 30px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.products1 ul li .zi2 span{font-size: 16px;color: #333333;line-height: 1.5em;display: block;text-align: center;}
.products1 ul li .zi2 .an{width: 20%;margin: 3% auto 0 auto;text-align: center;background: #A0CE4E;border-radius: 3px;}
.products1 ul li .zi2 .an a{font-size: 16px;color: #FFFFFF;line-height: 3em;}

.project1{overflow: hidden;margin-top: 5.5rem;padding: 3% 0;overflow: hidden;}
.project1 ul{ width: 105%;}
.project1 ul li{ width: 30.4%;float: left;margin: 0 2% 2% 0;}
.project1 ul li .img{ overflow: hidden;}
.project1 ul li .img img{ max-width: 100%;transition: all ease 0.3s; }
.project1 ul li:hover .img img{transform: scale(1.1);transition: all ease 0.3s;}
.project1 ul li .zi{ }
.project1 ul li .zi span{font-size: 16px;color: #333333;line-height: 2em;display: block;text-align: center; }

.banner{padding: 10% 0;margin-top: 5.5rem;}
.banner img{max-width: 100%;}
.banner h2{font-size: 30px;color: #FFFFFF;line-height: 2em;font-weight: normal;text-align: center;}

.support1{padding: 3% 0;}
.support1 .support1bt{}
.support1 .support1bt h2{font-size: 30px;color: #333;line-height: 2em;font-weight: normal;text-align: center;}
.support1 .support1bt h3{font-size: 20px;color: #999999;line-height: 2em;font-weight: normal;text-align: center;}
.support1 .support1nr{margin-top: 3%;overflow: hidden;}
.support1 .support1nr ul{width: 105%;}
.support1 .support1nr ul li{width: 30.4%;float: left;margin: 0 2% 0 0;}
.support1 .support1nr ul li .img{width: 60px;height: 60px;line-height: 60px;margin: 0 auto; border-radius: 50%;background: #000000;text-align: center;transition: all ease 0.3s;}
.support1 .support1nr ul li:hover .img{background: #A0CE4E;transition: all ease 0.3s;}
.support1 .support1nr ul li .img img{max-width: 100%;vertical-align: middle;}
.support1 .support1nr ul li .zi{}
.support1 .support1nr ul li .zi h1{font-size: 30px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.support1 .support1nr ul li .zi span{font-size: 16px;color: #999999;line-height: 1.5em;display: block;text-align: center;}
.support1 .support1nr ul li .an{width: 30%;margin: 3% auto 0 auto;text-align: center;background: #A0CE4E;border-radius: 3px;}
.support1 .support1nr ul li .an a{font-size: 16px;color: #FFFFFF;line-height: 2em;}

.support2{padding: 3% 0;}
.support2 .nrk{border-top: 5px solid #A0CE4E;background: #D3D3D3;padding: 2%;}
.support2 .nrk .left{width: 70%;float: left;}
.support2 .nrk .left p{font-size: 16px;color: #333;line-height: 3em;}
.support2 .nrk .right{width: 15%;float: right;}
.support2 .nrk .right .an{width: 100%;margin: 3% auto 0 auto;text-align: center;background: #A0CE4E;border-radius: 3px;}
.support2 .nrk .right .an a{font-size: 16px;color: #FFFFFF;line-height: 3em;}

.lxwm1{padding: 3% 0;}
.lxwm1 .left{width: 100%;float: left;}
.lxwm1 .left .lxfs{}
.lxwm1 .left .lxfs h1{font-size: 26px;line-height: 2em;font-weight: normal;}
.lxwm1 .left .lxfs p{font-size: 16px;color: #333;line-height: 1em;}
.lxwm1 .left .wk{background: #E8E8E8;border-top: 5px solid #A0CE4E;padding: 3%;margin-top: 5%;}
.lxwm1 .left .wk h2{font-size: 16px;color: #333;line-height: 2em;font-weight: normal;}
.lxwm1 .left .wk p{font-size: 12px;color: #666;line-height: 2em;}

.lxwm1 .left .liuyan{overflow: hidden;margin-top: 5%;text-align: center;}
.lxwm1 .left .liuyan ul{width: 105%;}
.lxwm1 .left .liuyan ul li{width: 46.5%;float: left;margin: 0 2% 2% 0;}
.lxwm1 .left .liuyan ul li span{font-size: 14px;color: #333333;line-height: 2em;display: block;text-align: left;}
.lxwm1 .left .liuyan ul li span font{color: #ff0000;}
.lxwm1 .left .liuyan ul li .text2{width: 99%;height: 40px; border: 1px solid #DDDDDD ;}
.lxwm1 .left .liuyan span{font-size: 14px;color: #333333;line-height: 2em;display: block;text-align: left;}
.lxwm1 .left .liuyan span font{color: #ff0000;}
.lxwm1 .left .liuyan .text3{width: 99%;height: 40px; border: 1px solid #DDDDDD ;}
.lxwm1 .left .liuyan .textarea1{width: 99%;height: 100px; border: 1px solid #DDDDDD ;}
.lxwm1 .left .liuyan .btn2{width: 80px;height: 40px;background: #A0CE4E;font-size: 14px;color: #FFFFFF;text-align: center;margin-top: 20px;}


.lxwm1 .right{width: 28%;float: right;text-align: center;}
.lxwm1 .right h2{font-size: 20px;color: #999999;line-height: 2em;font-weight: normal;}
.lxwm1 .right img{max-width: 100%;}
.lxwm1 .right a{font-size: 14px;color: #333333;line-height: 2em;display: inherit;}
.lxwm1 .right a img{max-width: 100%;vertical-align: middle;}

.inside1{padding: 3% 0;}
.inside1 .inside1bt{}
.inside1 .inside1bt h2{font-size: 30px;color: #333333;line-height: 2em;font-weight: normal;text-align: center;}
.inside1 .inside1nr{margin-top: 3%;}
.inside1 .inside1nr p{font-size: 14px;color: #333333;line-height: 1.5em;text-align: left;}
.inside1 .inside1nr img{max-width: 100%;}




@media only screen and (max-width: 768px) {
	.wapper{width: 94%;}
	
	.menu{display: none;}
	.head .ss{display: none;}


	.nav {display: block;float: left;}


}

@media only screen and (max-width: 480px) {
	.head .logo{width: 30%;}
	
	.banner{margin-top: 3.5rem;}
	
	.slide_container{margin-top: 3.5rem;}
	.rslides li .dwzi h1{font-size: 22px;}
	.rslides li .dwzi h2{font-size: 16px;}
	
	.con1 .con1bt h2{font-size: 22px;}
	.con1 .con1bt h3{font-size: 14px;}
	.con1 .con1nr ul {width: 100%;}
	.con1 .con1nr ul li{width: 100%;margin: 6% 0;}
	
	.con2 .con2bt h2{font-size: 22px;}
	
	.con3 h1{font-size: 24px;}
	
	.con4 .con4bt h2{font-size: 22px;}
	.con4 .con4nr ul {width: 100%;}
	.con4 .con4nr ul li{width: 100%;margin: 3% 0;}
	
	.con6 .con6bt h2{font-size: 22px;}
	
	.con6 .con6nr ul li .img{width: 100%;}
	.con6 .con6nr ul li .zi{width: 100%;}
	.con6 .con6nr ul li .zi h2{font-size: 20px;}
	
	.con7 .zi h1{font-size: 24px;}
	.con7 .zi h2{font-size: 16px;}
	
	.foot .f1 {padding: 5% 0;}
	.foot .f1 .yi{width: 100%;}
	.foot .f1 .er{width: 100%;margin-left: 0;margin-top: 5%;}
	.foot .f1 .san{width: 100%;margin-left: 0;margin-top: 5%;}
	.foot .f1 .si{width: 100%;margin-top: 5%;}
	
	.foot .f2 p{font-size: 12px;text-align: center;line-height: 1.5em;}
	
	.aboutbanner{margin-top: 3.5rem;}
	
	.about1{padding: 5% 0;}
	.about1 .left{width: 100%;}
	.about1 .right{width: 100%;}
	
	.about2{padding: 5% 0;}
	
	.about3{padding: 3% 0;}
	.about3 ul li .img{width: 8%;}
	.about3 ul li .zi{width: 77%;    padding: 0 5% 1% 10%;}
	
	.lxwm1 .left{width: 100%;}
	.lxwm1 .right{width: 100%;}
	
	.lxwm1 .left .liuyan ul {width: 100%;}
	.lxwm1 .left .liuyan ul li{width: 100%;margin: 3% 0;}
	
	.products1{margin-top: 3.5rem;}
	.products1 ul li{padding: 6% 0;}
	.products1 ul li .img1{width: 100%;}
	.products1 ul li .zi1{width: 100%;}
	.products1 ul li .img2{width: 100%;}
	.products1 ul li .zi2{width: 100%;}
	.products1 ul li .zi1 .an{width: 30%;}
	.products1 ul li .zi2 .an{width: 30%;}
	.products1 ul li .zi1 h2{font-size: 24px;}
	.products1 ul li .zi2 h2{font-size: 24px;}
	
	.project1{margin-top: 3.5rem;}
	.project1 ul li{width: 46.4%;margin: 0 2% 5% 0;}
	
	.support1 .support1bt h2{font-size: 22px;}
	.support1 .support1bt h3{font-size: 12px;}
	.support1 .support1nr ul {width: 100%;}
	.support1 .support1nr ul li{width: 100%;margin: 0 2% 5% 0;}
	
	.support2 .nrk{padding: 5% ;}
	.support2 .nrk .left{width: 100%;}
	.support2 .nrk .right{width: 100%;}
	.support2 .nrk .right .an{width: 30%;}
	
	.inside1 .inside1bt h2{font-size: 22px;}

}


@media only screen and (max-width: 360px) {
	.head .logo{width: 40%;}

}

@media only screen and (max-width: 320px) {
	
	.about3 ul li .zi{width: 72%;    padding: 0 5% 1% 15%;}
	
	.products1 ul li .zi1 .an{width: 50%;}
	.products1 ul li .zi2 .an{width: 50%;}
	.products1 ul li .zi1 .an a{line-height: 2em;}
	.products1 ul li .zi2 .an a{line-height: 2em;}
	
	.support1 .support1nr ul li .an{width: 40%;}
	.support2 .nrk .right .an{width: 40%;}
	
}

@media(max-width: 768px) {

}

@media(max-width: 650px) {

}

@media(max-width: 540px) {

}

@media(max-width: 480px) {

}

@media(max-width: 414px) {

}

@media(max-width: 375px) {

}

@media(max-width: 320px) {

}