@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1200px) {
.wrapper{width:98%; float:left; margin:0 1%;}
.wrapper1{width:98%; loat:left; margin:0 1%;}

}
@media only screen and (max-width: 1023px) {
.top_line_left{font-size:10px;}
.line{width:100%; float:left;}
.line img{width:100%;}
.wrapper1{width:100%; float:left;}

.right_gl ul li{float:left; width:21%;} 

.project_main ul li a span:hover{background:#666666; color:#FFFFFF; font-style:italic; font-size:20px; padding-top:10px; width:95%; float:left; height:40px; position:absolute; left:0; bottom:3px; z-index:9; padding-left:10px; opacity:0.6;}

.five_gl h2{margin-top:15px;}

.detail_main{width:75%; float:left;}
.td { width: 46%;}

.gallery_menu ul li a{width: 165px;}
.right_gl ul li a {float: left; padding: 8px 7px;}
.right_gl ul li {float: left; width: 21%;}

.main_marquee{width:100%;}
.project_main ul li a img { width:100%;}
.project_main ul li.first{}
.about_cntnt{width:100%;}
.top_line_left{font-size: 11px;}

.about_main ul li img{width:40px; height:46px;}
.about_main ul li p{font-size: 12px; margin: 10px 0px; width: 90%; min-height:105px;}
.about_main ul li h2{font-size: 14px; margin: 15px 0px; min-height:32px;}
.footer ul li ul li ul li{ width: 40px; height: 45px;}
.footer ul li ul li ul li img{width: 100%; height: 100%;}
.footer ul li ul li a img{width: 200px; height: 110px;}
.footer ul li.first{}
.register_form {width: 30%; margin: 0 auto; color: #333333;}
ul.topnav{width:62%; float:right;}
}


@media only screen and (max-width: 960px) {
.top_line_left{font-size:10px;}
.wrapper1{width:100%; float:left;}
.main_marquee{width:100%;}
.project_main ul li a img { width:100%;}
.project_main ul li.first{}
.about_cntnt{width:100%;}
.top_line{width: 100%; height: 50px; font-size: 12px; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF;}
.top_line_left{font-size: 12px; line-height: 18px;}
.top_line_right {width: 30%; float: left; margin-right:10%; margin-top: 18px;}
.register_form {width: 30%; margin: 0 auto; color: #333333;}

.right_gl ul li { float:left; width: 29%;}
.right_gl { width: 100%; float: left;}

.detail_main { width: 75%; float: right;}
.td {width: 45.666%;}
.five_gl h2{margin-top:20px;}

.bannerform_child2 {width:380px; height: 45px;}
.bannerform_child_btn {padding: 10px 20px 10px 20px; background: #2f87c3; color: #FFFFFF; font-size: 14px;}

.about_main ul li img{width:40px; height:46px;}
.about_main ul li p{font-size: 12px; margin: 10px 0px; width: 90%; min-height:105px;}
.about_main ul li h2{font-size: 14px; margin: 15px 0px; min-height:32px;}
.footer ul li ul li ul li{ width: 38px; height: 45px;}
.footer ul li ul li ul li img{width: 100%; height: 100%;}
.footer ul li ul li a img{width: 200px; height: 110px;}
.footer ul li.first{}

.project_main ul li {min-height:250px;}

ul.topnav{width:100%; margin-top:10px; margin-bottom:10px;}

}


@media only screen and (max-width: 767px) {
.top_line_left{font-size:10px;}
.main_marquee{width:100%;}
.project_main ul li a img { width:100%;}
.project_main ul li.first{}
.wrapper1{width:100%; float:left;}

.right_gl ul li { float:left; width: 29%;}
.right_gl { width: 100%; float: left;}

.detail_main {
    width: 100%; float: right; margin-top:15px;}
	.td { width: 45%;}

.bannerform2 { top: 5px;}


.bannerform_child2 {width:340px; height: 40px;}
.bannerform_child_btn {padding: 8px 15px 8px 15px; background: #2f87c3; color: #FFFFFF; font-size: 13px;}
.about_cntnt{width:100%;}
.register_form {width: 30%; margin: 0 auto; color: #333333;}

.top_line{width: 100%; height: 50px; font-size: 12px; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF;}
.top_line_left{font-size: 12px; line-height: 18px;}
.top_line_right {width: 30%; float: left; margin-right:10%; margin-top: 18px;}

.project_main ul li a span:hover{background:#666666; color:#FFFFFF; font-style:italic; font-size:20px; padding-top:10px; width:94%; float:left; height:35px; position:absolute; left:0; bottom:3px; z-index:9; padding-left:10px; opacity:0.6;}

.top_menu{float: left; margin-top: -24px;}
.about_main ul li{float: left; width: 23.33333%;}
.about_main ul li img{width:30px; height:32px;}
.about_main ul li p{font-size: 12px; margin: 10px 0px; width: 90%; min-height: 147px;}
.about_main ul li h2{font-size: 12px; margin: 15px 0px; min-height:32px;}
.footer ul li ul li ul li{ width: 30px; height: 32px; padding-left: 0px; padding-bottom: 10px;}
.footer ul li ul li ul li img{width: 100%; height: 100%;}
.footer ul li ul li a img{width: 160px; height: 80px;}

.footer ul li p{font-size: 11px;}
.footer ul li h5{font-size: 13px;}
.footer ul li ul li a{ font-size:11px;}
.left_ft{width:35%;}
.right_ft {width: 65%;}
.footer ul li.first{}
ul.topnav{width:100%;}

}

@media only screen and (max-width: 639px) {
.wrapper1{width:100%; float:left;}
.top_line_left{font-size:10px;}
.project_main ul li.first{}
.project_main ul li a img { width:100%;}

.right_gl ul li { float: left; width: 44%; min-height:350px;}
.right_gl {width: 100%; float: left;}
.td { width: 43%;}

.footer ul li.first{}
.top_menu{margin-top: -24px; float: left;}
.bannerform_child2 {width:330px; height:38px;}
.bannerform_child_btn {padding: 8px 15px 8px 15px; background: #2f87c3; color: #FFFFFF; font-size: 13px;}
.bannerform2 {position: absolute; top:5px;}
.about_cntnt{width:100%;}
.register_form {width: 50%; margin: 0 auto; color: #333333;}

	
.top_line{width: 100%; height: 50px; font-size: 12px; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF;}
.top_line_left{font-size: 12px; line-height: 18px;}
.top_line_right {width: 30%; float: left; margin-right:10%; margin-top: 18px;}
	
.about_main ul li{width: 48.5%; margin-left: 5px; margin-top:10px; }
.about_main ul li h2{font-size:17px; width:100%; float:left; text-align:center; color:#000000; margin: 15px 0px;}
.about_main ul li p{width:95%; min-height: 92px;}
.about_main ul li img{width:50px; height:46px;}
.about_main ul li.first{margin-left:5px; margin-top:10px;}

.bannerform2 ul li { margin-top: 8px;}

.project_main h2{margin-bottom: 15px; font-size: 16px;}
.project_main ul li{width:47%; min-height: 260px;}
.project_main ul li a img{width:100%;}
.project_main ul li.first{margin-left:10px; margin-top:10px;}
.project_main ul li{ margin-top: 10px; min-height: 306px;}
 

.project_main ul li a span:hover{background:#666666; color:#FFFFFF; font-style:italic; font-size:30px; padding-top:15px; width:96.3%; float:left; height:55px; position:absolute; left:0; bottom:3px; z-index:9; padding-left:10px; opacity:0.6;}

.footer ul li{width:48%;}
.footer ul li p{font-size:12px;}
.footer ul li h5 {font-size: 15px;}

.footer ul li ul li {float: left; width: 100%;}
.footer ul li ul li ul li {width: 56px; height: 56px;}
	
.footer ul li ul li ul li img{width: 100%; height: 100%;}

ul.topnav{width:100%;}
	}


@media only screen and (max-width: 479px) {
.top_line_left{font-size:10px;}
.project_main ul li.first{}
.project_main ul li a img { width:100%;}
.footer ul li.first{}
.about_cntnt{width:100%;}
.about_cntnt p { width: 100%; float: left; text-align: justify; font-size: 13px; color: #666666; margin-top: 10px; line-height: 20px;}
.about_cntnt h2 { width: 100%; float: left; font-size: 16px; color: #999999; font-weight: normal; margin-top: 20px;}
.about_cntnt h1 {width: 100%; float: left; font-size: 20px; color: #000000; border-bottom: 1px solid #eee; padding-bottom: 12px;}
.register_form {width: 50%; margin: 0 auto; color: #333333;}

.project_main ul li a span:hover{background:#666666; color:#FFFFFF; font-style:italic; font-size:20px; padding-top:10px; width:96.3%; float:left; height:35px; position:absolute; left:0; bottom:3px; z-index:9; padding-left:10px; opacity:0.6;}


.wrapper1{width:100%; float:left;}
.right_gl ul li { float: left; width: 41%;}
.right_gl { width: 100%; float: left;}
.right_gl ul li a {float: left; padding: 8px 5px; font-size: 10px;}

.td { width: 43%;}
.five_gl ul li { float: left; width: 19%; height: 19%;}
.detail_main h1 {font-size: 15px;}

.top_line{width: 100%; height: 90px; font-size: 12px; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF;}
.top_line_left{font-size: 12px; line-height:22px;}
.top_line_right {width: 30%; float: left; margin-right:10%; margin-top: 18px;}
.register ul li{float: left; margin-left: 10px; margin-top: 16px;}
.register{float: right; margin-top: -10px;}

.wrapper1{width:100%; float:left;}


.right_gl ul li { float: left; width: 44%; min-height:300px;}


.bannerform_child2 {width:300px; height:30px;}
.bannerform_child_btn {padding: 5px 10px 5px 10px; background: #2f87c3; color: #FFFFFF; font-size: 12px;}
.bannerform2 {position: absolute; top:5px;}


.top_menu ul li a{font-size: 10px; padding-top:0px;}
.about_main ul li{width:48%; margin-left: 5px; }
.about_main ul li h2{font-size:15px; width:100%; float:left; text-align:center; color:#000000; margin: 15px 0px;}
.about_main ul li p{width:95%; min-height: 125px;}
.about_main ul li img{width:50px; height:46px;}

.project_main h2{margin-bottom: 15px; font-size: 16px;}
.project_main ul li{width:47%; min-height: 250px;}
.project_main ul li a img{width:100%;}
.project_main ul li.first{margin-left: 10px;}
.project_main ul li{ margin-top: 10px;} 

.footer ul li{width:48%; margin-top:5px;}
.footer ul li p{font-size:12px;}
.footer ul li h5 {font-size: 15px;}

.footer ul li ul li {float: left; width: 100%;}
.footer ul li ul li ul li {width: 56px; height: 56px;}
	
.footer ul li ul li ul li img{width: 100%; height: 100%;}
ul.topnav{width:100%;}

	}
	
	@media only screen and (max-width: 380px) {
.top_line_left{font-size:10px;}
.project_main ul li.first{}
.project_main ul li a img { width:100%;}
.footer ul li.first{}
.about_cntnt{width:100%;}
.about_cntnt p { width: 100%; float: left; text-align: justify; font-size: 13px; color: #666666; margin-top: 10px; line-height: 19px;}
.about_cntnt h2 { width: 100%; float: left; font-size: 16px; color: #999999; font-weight: normal; margin-top: 20px;}
.about_cntnt h1 {width: 100%; float: left; font-size: 20px; color: #000000; border-bottom: 1px solid #eee; padding-bottom: 12px;}
.register_form {width: 90%; margin: 0 auto; color: #333333;}

 .logo{float:left; margin-bottom:10px;}
	.logo img{width:100%; float:left;}
.social_media { float: left; margin-top: 10px; margin-bottom: 15px; margin-left: 51px; padding: 0% 0%;}

.detail_main ul li { float: left; width: 100%;}
.five_gl ul li{width:20%; height:20%;}
.detail_main ul li.last {float: right; width: 100%;}
.table_main h2 {width: 92%;}
.five_gl h2 {width: 92%;}
.td { width: 46.666%;}
.five_gl p{margin-bottom:15px;}

.wrapper1{width:100%; float:left;}
.add_prod ul li {float: left; width: 96%;}
.right_gl ul li a {float: left; padding: 8px 4px;}

.top_line{width: 100%; height: 90px; font-size: 12px; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF;}
.top_line_left{font-size: 12px; line-height:17px;}
.top_line_right {width: 30%; float: left; margin-right:10%; margin-top: 18px;}
.register ul li{float: left; margin-left: 10px; margin-top: 16px;}
.register{float: right; margin-top: -10px;}

.right_gl ul li { float: left; width: 42%; min-height:275px;}

 .logo{float:left; margin-bottom:10px;}
	.logo img{width:100%; float:left;}
.social_media { float: left; margin-top: 10px; margin-bottom: 15px; margin-left: 51px; padding: 0% 9%;}

.bannerform_child2 {width:260px; height:25px;}
.bannerform_child_btn {padding: 3px 8px 3px 8px; background: #2f87c3; color: #FFFFFF; font-size: 11px;}
.bannerform2 {position: absolute; top:0px;}

.left_ft { width: 100%;}
.right_ft { width: 100%; margin-top: 15px; text-align: left;  margin-bottom: 5px;}
.last_footer { margin-bottom: 5px;}
.scrollup { right: 3px; bottom: 0px; }

.top_menu ul li{padding:0;}
.top_menu ul li a{padding:0; margin-top: 20px; padding-left: 8px; padding-right:8px;}
.about_main ul li{width:48%; margin-left: 5px; }
.about_main ul li h2{font-size:17px; width:100%; float:left; text-align:center; color:#000000; margin: 15px 0px; min-height: 60px;}
.about_main ul li p{width:95%; min-height: 125px;}
.about_main ul li img{width:50px; height:46px;}

.project_main h2{margin-bottom: 15px; font-size: 16px;}
.project_main ul li{width:47%; min-height: 215px;}
.project_main ul li a img{width:100%;}
.project_main ul li.first{margin-left: 10px;}
.project_main ul li{ margin-top: 10px;} 

.footer ul li{width:98%; text-align: center; margin-top: 5px;}
.footer ul li p{font-size:12px;}
.footer ul li h5 {font-size: 16px;}
.footer ul li ul li a {font-size: 14px;}

.footer ul li ul li {float: left; width:90%;}
.footer ul li ul li ul li {width: 60px; height: 58px;}
	
.footer ul li ul li ul li img{width: 100%; height: 100%;}

ul.topnav{width:100%;}
	}
	
	

@media only screen and (max-width: 360px) {
.top_line_left{font-size:10px;}
.project_main ul li.first{}
.project_main ul li a img { width:100%;}
.footer ul li.first{}
.about_cntnt{width:100%;}
.about_cntnt p { width: 100%; float: left; text-align: justify; font-size: 13px; color: #666666; margin-top: 10px; line-height: 19px;}
.about_cntnt h2 { width: 100%; float: left; font-size: 16px; color: #999999; font-weight: normal; margin-top: 20px;}
.about_cntnt h1 {width: 100%; float: left; font-size: 20px; color: #000000; border-bottom: 1px solid #eee; padding-bottom: 12px;}
.register_form {width: 90%; margin: 0 auto; color: #333333;}

.detail_main ul li { float: left; width: 100%;}
.five_gl ul li{width:20%; height:20%;}
.detail_main ul li.last {float: right; width: 100%;}
.table_main h2 {width: 92%;}
.five_gl h2 {width: 92%;}
.td { width: 46%;}
.five_gl p{margin-bottom:15px;}

.social_media {float: left; margin-top: 10px; margin-bottom: 15px; margin-left: 23px;}
 .logo{float:left; margin-bottom:10px;}
	.logo img{width:100%; float:left;}
	
	.right_gl ul li { float: left; width: 41%; min-height:275px;}
	
.right_gl ul li a {float: left; padding: 8px 5px; font-size:10px;}

.top_line{width: 100%; height: 90px; font-size: 12px; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF;}
.top_line_left{font-size: 12px; line-height:17px;}
.top_line_right {width: 30%; float: left; margin-right:10%; margin-top: 18px;}
.register ul li{float: left; margin-left: 10px; margin-top: 16px;}
.register{float: right; margin-top: -10px;}

.select_btn { padding:7px 9px;}
.add_prod ul li {float: left; width: 96%;}

.bannerform_child2 {width:260px; height:25px;}
.bannerform_child_btn {padding: 3px 8px 3px 8px; background: #2f87c3; color: #FFFFFF; font-size: 11px;}
.bannerform2 {position: absolute; top:0px;}


.top_menu ul li{padding:0;}
.top_menu ul li a{padding:0; margin-top: 20px; padding-left: 8px; padding-right:8px;}
.about_main ul li{width:48.5%; margin-left: 5px; }
.about_main ul li h2{font-size:17px; width:100%; float:left; text-align:center; color:#000000; margin: 15px 0px; min-height: 60px;}
.about_main ul li p{width:95%; min-height: 127px;}
.about_main ul li img{width:50px; height:46px;}

.project_main h2{margin-bottom: 15px; font-size: 16px;}
.project_main ul li{width: 46.5%; min-height: 210px;}
.project_main ul li a img{width:100%;}
.project_main ul li.first{margin-left: 10px;}
.project_main ul li{ margin-top: 10px;} 

.footer ul li{width:98%; text-align: center; margin-top: 5px;}
.footer ul li p{font-size:12px;}
.footer ul li h5 {font-size: 16px;}
.footer ul li ul li a {font-size: 14px;}

.footer ul li ul li {float: left; width:90%;}
.footer ul li ul li ul li {width: 60px; height: 58px;}
	
.footer ul li ul li ul li img{width: 100%; height: 100%;}

ul.topnav{width:100%;}
	}

@media only screen and (max-width: 320px) {
.top_line_left{font-size:10px;}
.project_main ul li.first{}
.project_main ul li a img { width:100%;}
.footer ul li.first{}
.about_cntnt{width:100%;}
.about_cntnt p { width: 100%; float: left; text-align: justify; font-size: 12px; color: #666666; margin-top: 10px; line-height: 17px;}
.about_cntnt h2 { width: 100%; float: left; font-size: 16px; color: #999999; font-weight: normal; margin-top: 20px;}
.about_cntnt h1 {width: 100%; float: left; font-size: 20px; color: #000000; border-bottom: 1px solid #eee; padding-bottom: 12px;}
.child_btn{padding: 7px 17px 7px 17px;}
.bannerform2 ul li {float: left; list-style: none; margin-top: 4px;}
	.bannerform_child_btn { padding: 3px 7px 3px 7px;}
.right_gl ul li { float: left; width: 85%;}

.td {width: 46%;}

.social_media {float: left; margin-top: 10px; margin-bottom: 15px; margin-left: 23px;}
 .logo{float:left; margin-bottom:10px;}
	.logo img{width:100%; float:left;}


.add_prod ul li {float: left; width: 96%;}

.top_line{width: 100%; height: 90px; font-size: 12px; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF;}
.top_line_left{font-size: 12px; line-height:18px;}
.top_line_right {width: 30%; float: right; margin-right:3%; margin-top: 18px;}
.register ul li{float: left; margin-left: 10px; margin-top: 16px;}
.register{float: right; margin-top: -10px;}
.register_form {width: 90%; margin: 0 auto; color: #333333;}

.about_main ul li{width:100%; margin-left:0; }
.about_main ul li h2{font-size:17px; width:100%; float:left; text-align:center; color:#000000; margin: 15px 0px;}
.about_main ul li p{width:95%; min-height: 106px;}
.about_main ul li img{width:50px; height:46px;}

.project_main h2{margin-bottom: 15px; font-size: 16px;}
.project_main ul li{width:100%;}
.project_main ul li a img{width:100%;}
.project_main ul li.first{margin-left:0px;}
.project_main ul li{ margin-top: 10px; margin-left:0;} 

.footer ul li{width:100%; margin-top:5px; text-align:center;}
.footer ul li p{font-size:12px;}
.footer ul li h5 {font-size: 15px;}

.footer ul li ul li {float: left; width: 100%;}
.footer ul li ul li ul li {width: 56px; height: 56px;}
	
.footer ul li ul li ul li img{width: 100%; height: 100%;}


	}


@media only screen and (max-width: 300px) {
.top_line_left{font-size:10px;}
.project_main ul li.first{}
.project_main ul li a img { width:100%;}
.footer ul li.first{}
.about_cntnt{width:100%;}
.register_form {width: 90%; margin: 0 auto; color: #333333;}

.add_prod ul li {float: left; width: 96%;}
	
.right_gl ul li { float: left; width: 85%;}

.td {width: 45.9%;}

.social_media {float: left; margin-top: 10px; margin-bottom: 15px; margin-left: 20px;}
 .logo{float:left; margin-bottom:10px;}
	.logo img{width:100%; float:left;}


.about_cntnt p { width: 100%; float: left; text-align: justify; font-size: 11px; color: #666666; margin-top: 10px; line-height: 17px;}
.about_cntnt h2 { width: 100%; float: left; font-size: 16px; color: #999999; font-weight: normal; margin-top: 20px;}
.about_cntnt h1 {width: 100%; float: left; font-size: 20px; color: #000000; border-bottom: 1px solid #eee; padding-bottom: 12px;}

.top_line{width: 100%; height: 90px; font-size: 12px; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF;}
.top_line_left{font-size: 12px; line-height:13px;}
.top_line_right {width: 30%; float: right; margin-right:3%; margin-top: 18px;}
.register ul li{float: left; margin-left: 10px; margin-top: 16px;}
.register{float: right; margin-top: -10px;}

.child_btn{padding:6px 15px 6px 15px;}

.bannerform2 ul li {float: left; list-style: none; margin-top: 4px;}
	.bannerform_child_btn { padding: 3px 7px 3px 7px;}

.about_main ul li{width:100%; margin-left:0; }
.about_main ul li h2{font-size:17px; width:100%; float:left; text-align:center; color:#000000; margin: 15px 0px;}
.about_main ul li p{width:95%; min-height: 106px;}
.about_main ul li img{width:50px; height:46px;}

.project_main h2{margin-bottom: 15px; font-size: 16px;}
.project_main ul li{width:100%;}
.project_main ul li a img{width:100%;}
.project_main ul li.first{margin-left:0px;}
.project_main ul li{ margin-top: 10px; margin-left:0;} 

.footer ul li{width:100%; margin-top:5px; text-align:center;}
.footer ul li p{font-size:12px;}
.footer ul li h5 {font-size: 15px;}

.footer ul li ul li {float: left; width: 100%;}
.footer ul li ul li ul li {width: 56px; height: 56px;}
	
.footer ul li ul li ul li img{width: 100%; height: 100%;}

ul.topnav{width:100%;}
	}