@font-face {
    font-family: 'weblogmayekan';
    src: url('fonts/IRAN.eot');
    src: url('fonts/IRAN.eot#iefix') format('embedded-opentype'),
         url('fonts/IRAN.woff') format('woff'),
         url('fonts/IRAN.ttf') format('truetype'),
         url('fonts/IRAN.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
	font-family:weblogmayekan;font-size:14px;;
}
#m{
	display:none;
}
#container { direction: rtl; width: 100%; margin: 0 auto;background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%); }
body{
background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);}
#content1{
	height:auto;margin-bottom:0px;
}#ccontent1{
	width:1170px; margin: 0 auto;display:table ;height:auto;
}
#menu{
	float:right;;margin-top:14px;margin-bottom:14px;
}
#q1{
	display:inline-block;margin:10px;width:210px;height:200px;
}
#pro{
	height:150px;
}

#box2{
	width:240px;height:200px;display:inline-block;margin:15px;
}
#menu2{
	display:none;float:left;
}
#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:120px;overflow:hidden;width:1000px;float:left;
}
#ninews{
height:100px;width:150px;
}
.rotate{
transition: 1s ease;
}

.rotate:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}
h1{
	font-size:17px;padding:0px;margin:0px;font-weight:bold;
}
h2{
	font-size:15px;padding:0px;margin:0px;
}
h3{
	font-size:14px;padding:0px;margin:0px;
}
#z2{
	width:210px;height:200px;display:inline-block;margin:10px;
}
#logo{
	float:right;width:243px;height:57px;margin-top:12px;margin-bottom:12px;
}
#menu{
	float:left;
}
#j{
	width:360px;height:250px;border:2px green solid;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;margin:10px;display:inline-block;
}
#k{
	width:360px;height:380px;border:2px green solid;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;margin:10px;display:inline-block;
}

#f1{
	width:30%;float:right;
}

#f2{
	width:30%;float:right;margin-right:2%;
}
#f3{
	width:36%;float:left;
}

@media only screen and (max-width: 1200px) {

#ccontent1{
	width:1050px;
}
#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:870px;float:left;
}
#ninews{
height:100px;width:150px;
}


#menu2{
	display:block;
}
#m{
	display:block;
}
#menu{
	display:none;
}

}
@media only screen and (max-width: 1050px) {
#ccontent1{
	width:850px;
}
#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:670px;float:left;
}
#ninews{
height:100px;width:150px;
}





}


@media only screen and (max-width: 800px) {
#ccontent1{
	width:720px;
}
#menu2{
	display:block;
}

#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:490px;float:left;
}
#ninews{
height:100px;width:150px;
}


}


@media only screen and (max-width: 750px) {
.rotate{
transition: 1s ease;
}

.rotate:hover{
-webkit-transform: rotateZ(-0deg);
-ms-transform: rotateZ(-0deg);
transform: rotateZ(-0deg);
transition: 1s ease;
}
#ccontent1{
	width:100%;padding:5px;;
}
#nnews1{
	float:right;width:100%;height:200px;text-align:right;
}
#nnews2{
height:100px;overflow:hidden;width:100%;float:left;
}
#ninews{
height:200px;width:300px;
}
#news1{
	width:100%;margin:0px;margin-bottom:10px;
}
#q1{
	width:100%;margin:0px;margin-bottom:20px;height:300px;
}
#pro{
	height:250px;
}
#r{
	width:100%;
}
#l{
	width:100%;
}
#c1{
	width:100%;line-height:24px;
}
#c2{
	width:100%;
}
#c3{
	width:100%;
}
#t{
	width:100%;margin:0px;margin-bottom:5px;
}
#m{
	width:100%;margin:0px;margin-bottom:10px;
}
#view{
	width:100%;
}
#logo{
	width:100%;text-align:center;
}
#logo2{
	width:100%;text-align:center;display:none;
}

#phone{
	width:100%;text-align:center;
}

#f1{
	width:100%;
}

#f2{
	width:100%;margin:0px;margin-top:14px;margin-bottom:14px;
}

#f3{
	width:100%;
}


}