@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
h1,h2,h3,h4,h5,h6 {font-size:100%; line-height:1.2em; font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
a{ text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{border:0; vertical-align:middle; max-width:100%;}
body{font:14px/1.6em 'Open Sans',Proxima Nova,Arial,Helvetica;color:#333;background:#fff;}
hr{border:none; height:0; overflow:hidden; border-bottom:1px solid #ededed;margin:12px 0; *margin:0; height:0;} 

.clear{ clear:both; height:0; overflow:hidden;}

/*top_banner*/
.top_banner {background:url(https://www.shining-soft.com/images/camera.jpg) no-repeat center 0; height:740px;}

@media (max-width: 767px) {
	.top_banner { background-size:auto 100%; min-height:250px;}
}


/*main_box*/
.main_box{padding:60px 0;}
.main_box .title1{ font-size:52px; font-weight:300; line-height:1em; text-align:center;}
.wrap{width:780px;margin:0 auto;}

@media (max-width: 979px) {
	.wrap{width:auto;padding:0 60px;}
	.main_box .title1{ font-size:48px;}
	.input_box{width:auto;padding:0 60px;}
	.input_box .areabor1{ background-position:590px center;}
	.input_box .areabor2{ background-position:590px center;}
	.input_box .areabor2.curr{ background-position:590px center;}
	.input_box .areabor3{ background-position:590px 20px;}
	.input_box .poplist{width:628px;}
	.input_box .btnbox a{width:208px; font-size:16px;}
}
@media (max-width: 767px) {
	.main_box .title1{ font-size:40px;}
	.wrap{padding:0;}
}
@media (max-width: 479px) {
	.main_box .title1{ font-size:30px;}
}

.n_tit{ font-size:18px; text-align:center; line-height:1.4em; width:1000px; margin:auto;}
.recommend{ font-size:30px; text-align:center; line-height:1.4em;}
.gua_box{padding:60px 0; width:990px; margin:0 auto;}
.gua_box .item{float:left;width:274px;margin:0 8px; background:#f6f6f6;padding:30px 20px; text-align:center;color:#333;height:220px;}
.gua_box .item:hover{ background:#e4dfd9;}
.gua_box .item a:hover{ text-decoration:none;}
.gua_box .item h3{margin-top:10px; font-size:20px; line-height:1.2em;}
.gua_box .item .dd{ font-size:14px; line-height:1.4em;margin-top:15px;}
@media (max-width: 979px) {
	.gua_box{width:750px;}
	.gua_box .item{width:214px;padding:20px 15px;}
}
@media (max-width: 767px) {
	.gua_box{width:460px;}
	.gua_box .item{width:194px;padding:20px 15px;margin-bottom:15px;}
	.gua_box .item:hover{margin-top:0;}
}
@media (max-width: 479px) {
	.gua_box{width:308px;}
	.gua_box .item{float:none;width:auto;padding:20px 15px;margin-bottom:15px;}
}