@charset "utf-8";
/*767*/
@media (max-width : 767px){
/*
	header
*/

/*
	responsive menu
*/
.mycontainer{width: 100%;margin: 0 auto;}
.navbar-collapse{width: 100%;}
.header .navbar{min-height: 80px;}
.header .navbar-nav { clear: both; width: 100%; background: #151515; float: none; margin-left:0;padding:20px 0;margin-top:18px;}
.header .navbar-nav li { line-height: 32px; border-bottom: 1px solid #232323; border-top: 1px solid #0e0e0e; float: none;}
.header .navbar-nav li a { display: block; padding: 7px 16px; height: 100%; color: #fff;font-size: 1.4rem; }
.header .navbar-nav li a:hover,.header .navbar-nav a.active {
color:#; background: #000; text-decoration: none; transition: background .5s; -webkit-transition: background .5s;border:0; }

/*blog*/
.bloghome{width: 100%; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.bloghome .thumbnail {
padding: 0;
border: 0;
position: relative;
margin: 0 20px;
width:100%;
margin-bottom: 15px;
text-align: center;
}
.bloghome .thumbnail img{max-width: 360px;}
.bloghome .blog-time {
width: 70px;
height: 70px;
position: absolute;
top: 0;
color: #fff;
background-color: #f06739;
}
.bloghome .blog-time span, .bloghome .blog-time p {
color: #fff;
font-size: 22px;
font-weight: 600;
display: block;
text-align: center;
}
/*footer*/
.footers{width: 100%;margin: 0 auto;}
.footerbox{width:100%;padding:20px; margin-bottom: 15px;}
.footerboxR{width:100%;padding:20px;}
.footer {
background: #3FA1A6;
padding: 15px 0;
text-align: center;
color: #fff;
height: 20px;
}

}
/* 320px */
@media (max-width : 320px){
		/*banner*/
.banner{height: 300px;width: 100%;padding-top: 80px;background: #7FCADF;}
.banner h1{padding-top: 40px; font-size: 22px;color: #fff;text-align: center;text-shadow: -1px -2px 0 #29809B;font-weight: bold;line-height: 32px;}

.banner .btn1{width:120px;border-radius: 20px;display: inline-block;text-align: center;font-size: 16px;color: #fff;padding:8px 10px;margin: 0 10px;background: rgba(49,160,193,0.9);border:2px solid rgba(255,255,255,0.8);}
.banner .texts{margin-top:40px;}
.banner .btn1:hover{background: rgba(250,183,55,0.8);border:2px solid rgba(255,255,255,0.8);}
.videoindex{position: absolute;  left: 0px; bottom: 0px; right: 0px; z-index: -100; width: 100%; height: 200px; background: #7FCADF;display: none;}
/*row one*/
.rowonetitle{font-size: 28px;text-align: center;margin: 20px 0 10px 0;color: #333;}
.font20{font-size: 14px;}
.pslist{margin-top: 20px;list-style: none;}
.pslist li{width:100%;text-align: center;float: left;padding: 10px;margin-top:15px;}
/*row two*/
.gglist{margin-top:30px;}
.gglist li{width: 100px;height: 100px;line-height: 100px;text-align: center;font-size:20px;color: #fff;background-color: #40b0eb;position: relative;float: left;margin:0 10px 20px 15px;}
/*
	home-case
*/
.home-case .list { width: 100%; }
.home-case .list li { width: 100%; height: auto; }
.home-case .list img { max-width: 100%; }

.home-case .showbox h3 { padding: 30px 10px 10px 10px; font-size: 20px; line-height: 24px; }
.home-case .showbox p { font-size: 14px; line-height: 20px; padding: 0 0 10px 0; }
.home-case .showbox .btn-view { display: inline-block; border: 2px solid #dfdfdf; padding: 7px 15px; color: #fff; margin-top: 5px;font-size: 12px;}
/*price*/
.price{width: 100%;}
.price .pricebox{width: 100%;border:1px solid #dadada;text-align: center;display: block;margin:0;margin-bottom: 15px;}
.price .pricebox h4{font-size: 20px;color: #444;margin:10px 0;}
.price .pricebox p{font-size: 14px;color: #666;margin-bottom: 10px;border-bottom: 1px solid #ccc;display: block;height: 35px;line-height: 35px;}

.price .pricebox .list{width: 100%;margin: 20px auto;}

.price .pricebox .list li{height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;text-align: center;color:#333;font-size: 16px;}
.price .pricebox .btnbuy{background: #5db3b7;padding: 6px 20px;font-size: 20px;text-align: center;color: #fff;margin: 0 auto;height: 25px;line-height: 25px;}
}

/* 321-480 */
@media ( min-width: 321px) and ( max-width:480px ){
/*banner*/
.banner{height: 300px;width: 100%;padding-top: 80px;}
.banner h1{padding-top: 40px; font-size: 22px;color: #fff;text-align: center;text-shadow: -1px -2px 0 #29809B;font-weight: bold;}

.banner .btn1{width:140px;border-radius: 30px;display: inline-block;text-align: center;font-size: 18px;color: #fff;padding:8px 15px;margin: 0 15px;background: rgba(49,160,193,0.9);border:2px solid rgba(255,255,255,0.8);}
.banner .texts{margin-top:90px;}
.banner .btn1:hover{background: rgba(250,183,55,0.8);border:2px solid rgba(255,255,255,0.8);}
.videoindex{position: absolute;  left: 0px; bottom: 0px; right: 0px; z-index: -100; width: 100%; height: 250px; background: #7FCADF;}
/*row one*/
.pslist li{width:50%;text-align: center;float: left;padding: 10px;margin-top:15px;}
/*row two*/
.gglist{margin-top:40px;}
.gglist li{width: 110px;height: 110px;line-height: 110px;text-align: center;font-size:20px;color: #fff;background-color: #40b0eb;position: relative;float: left;margin:0 10px 20px 20px;}
/*
	home-case
*/
.home-case .list { width: 100%; max-width: 398px; margin: 0 auto; }
.home-case .list li { float: none; width: 100%; max-width: 398px; height: auto; padding: 1px; margin: 0; }
.home-case .list img { width: 100%; max-width: 398px; }
.home-case .showbox h3 { padding-top: 30px; }
/*price*/
.price{margin:20px auto;width: 100%;}
.price .pricebox{width: 45%;border:1px solid #dadada;padding:20px; text-align: center;float: left;margin:0 10px 0 10px;}
.price .pricebox h4{font-size: 24px;color: #444;margin:10px 0;}
.price .pricebox p{font-size: 14px;color: #666;margin-bottom: 10px;border-bottom: 1px solid #ccc;display: block;height: 35px;line-height: 35px;}

.price .pricebox .list{width: 90%;margin: 20px auto;}

.price .pricebox .list li{height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;text-align: center;color:#333;font-size: 16px;}
.price .pricebox .btnbuy{background: #5db3b7;padding: 8px 20px;font-size: 20px;text-align: center;color: #fff;margin: 0 auto;height: 25px;line-height: 25px;}
}

/*480-640*/

@media (min-width: 481px ) and (max-width: 767px ){

/*banner*/
.banner{height: 350px;width: 100%;padding-top: 80px;}
.banner h1{padding-top: 40px; font-size: 30px;color: #fff;text-align: center;text-shadow: -1px -2px 0 #29809B;font-weight: bold;}

.banner .btn1{width:200px;border-radius: 40px;display: inline-block;text-align: center;font-size: 20px;color: #fff;padding:10px 20px;margin: 0 15px;background: rgba(49,160,193,0.9);border:2px solid rgba(255,255,255,0.8);}
.banner .texts{margin-top:120px;}
.banner .btn1:hover{background: rgba(250,183,55,0.8);border:2px solid rgba(255,255,255,0.8);}
.videoindex{position: absolute;  left: 0px; bottom: 0px; right: 0px; z-index: -100; width: 100%; height: 300px; background: #7FCADF;}
/*row one*/
.pslist li{width:50%;text-align: center;float: left;padding: 10px;margin-top:15px;}
/*row two*/
.gglist{margin-top:40px;}
.gglist li{width: 130px;height: 130px;line-height: 130px;text-align: center;font-size:24px;color: #fff;background-color: #40b0eb;position: relative;float: left;margin:0 25px 20px 35px;}
/*
	home-case
*/
.home-case .list { width: 100%; }
.home-case .list li { width: 50%; height: auto; margin: 0; padding: 1px; }
.home-case .list img { max-width: 100%; }

.home-case .showbox h3 { padding: 20px 10px 10px 10px; font-size: 2.4rem; line-height: 28px; }
.home-case .showbox p { font-size: 1.6rem; line-height: 20px; padding: 0 0 10px 0; }
.home-case .showbox .btn-view { display: inline-block; border: 2px solid #dfdfdf; padding: 8px 15px; color: #fff; margin-top: 10px;font-size: 14px;}
/*price*/
.price{margin:20px auto;width: 100%;}
.price .pricebox{width: 260px;border:1px solid #dadada;padding:20px; text-align: center;float: left;margin:0 10px 0 20px;}
.price .pricebox h4{font-size: 24px;color: #444;margin:10px 0;}
.price .pricebox p{font-size: 14px;color: #666;margin-bottom: 10px;border-bottom: 1px solid #ccc;display: block;height: 35px;line-height: 35px;}

.price .pricebox .list{width: 80%;margin: 20px auto;}

.price .pricebox .list li{height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;text-align: center;color:#333;font-size: 16px;}
.price .pricebox .btnbuy{background: #5db3b7;padding: 10px 20px;font-size: 20px;text-align: center;color: #fff;margin: 0 auto;height: 45px;line-height: 45px;}

}

/*640-768*/
@media (min-width: 641px ) and (max-width: 767px ){


}

/*768-991*/
@media (min-width: 768px ) and (max-width: 990px){
/*menu*/
.mycontainer{width: 100%;margin: 0 auto;}
.navbar-collapse{width: 100%;}
.header .navbar-nav{ float: left; padding: 14px 10px 0 0; margin-left:150px;}
.header .navbar-nav li { float: left; font-size: 18px; margin: 0 12px; }
.header .navbar-nav li.menuright{margin:0 7px;}
.header .navbar-nav li.menuright a{color: #fff;}
 .header .navbar-nav a { display: block; color: #fff; line-height: 30px; }
 .header .navbar-right{margin-left:0;}
 /*banner*/
.banner{height: 350px;width: 100%;padding-top: 80px;}
.banner h1{padding-top: 40px; font-size: 34px;color: #fff;text-align: center;text-shadow: -1px -2px 0 #29809B;font-weight: bold;}

.banner .btn1{width:200px;border-radius: 40px;display: inline-block;text-align: center;font-size: 20px;color: #fff;padding:10px 20px;margin: 0 15px;background: rgba(49,160,193,0.9);border:2px solid rgba(255,255,255,0.8);}
.banner .texts{margin-top:120px;}
.banner .btn1:hover{background: rgba(250,183,55,0.8);border:2px solid rgba(255,255,255,0.8);}
.videoindex{position: absolute;  left: 0px; bottom: 0px; right: 0px; z-index: -100; width: 100%; height: 300px; background: #7FCADF;}
 /*row one*/
 .pslist li{width:25%;text-align: center;float: left;padding: 10px;margin-top:15px;}
/*row two*/
.gglist{margin-top:40px;}
.gglist li{width: 115px;height: 115px;line-height: 115px;text-align: center;font-size:20px;color: #fff;background-color: #40b0eb;position: relative;float: left;margin:0 10px 20px 15px;}
/*
	home-case
*/
.home-case .list { width: 768px; }
.home-case .list li { width: 240px; height: auto; }
.home-case .list img { max-width: 240px; }
.home-case .showbox h3 { font-size: 2.4rem; padding-top: 20px; }
.home-case .showbox p { font-size: 1.4rem; }
/*price*/
.price{margin:20px auto;width: 100%;}
.price .pricebox{width: 300px;border:1px solid #dadada;padding:20px; text-align: center;float: left;margin:0 20px 0 20px;}
.price .pricebox h4{font-size: 24px;color: #444;margin:10px 0;}
.price .pricebox p{font-size: 14px;color: #666;margin-bottom: 10px;border-bottom: 1px solid #ccc;display: block;height: 35px;line-height: 35px;}

.price .pricebox .list{width: 70%;margin: 20px auto;}

.price .pricebox .list li{height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;text-align: center;color:#333;font-size: 16px;}
.price .pricebox .btnbuy{background: #5db3b7;padding: 10px 20px;font-size: 20px;text-align: center;color: #fff;margin: 0 auto;height: 45px;line-height: 45px;}

}

/* 
	Medium devices (desktops, 992px and 1200) 
	==================================================================================
*/
@media (min-width: 991px ) and (max-width: 1200px){
/*menu*/
.mycontainer{width: 100%;margin: 0 auto;}
.navbar-collapse{width: 100%;}
.header .navbar-nav{ float: left; padding: 14px 10px 0 0; margin-left:180px;}
.header .navbar-nav li { float: left; font-size: 18px; margin: 0 12px; }
.header .navbar-nav li.menuright{margin:0 10px;}
.header .navbar-nav li.menuright a{color: #fff;}
 .header .navbar-nav a { display: block; color: #fff; line-height: 30px; }
 .header .navbar-right{margin-left:0;}
 /*row one*/
 .pslist li{width:25%;text-align: center;float: left;padding: 10px;margin-top:15px;}
 /*row two*/
.gglist{margin-top:40px;}
.gglist li{width: 135px;height: 135px;line-height: 135px;text-align: center;font-size:24px;color: #fff;background-color: #40b0eb;position: relative;float: left;margin:0 30px 20px 25px;}
/*
	home-case
*/
.home-case .list { width: 960px; }
.home-case .list li { width: 318px; height: auto; }
.home-case .list img { max-width: 318px; }
.home-case .showbox h3 { padding-top: 40px; }
/*price*/
.price{margin:20px auto;width: 100%;}
.price .pricebox{width: 320px;border:1px solid #dadada;padding:20px; text-align: center;float: left;margin:0 0px 0 110px;}
.price .pricebox h4{font-size: 24px;color: #444;margin:10px 0;}
.price .pricebox p{font-size: 14px;color: #666;margin-bottom: 10px;border-bottom: 1px solid #ccc;display: block;height: 35px;line-height: 35px;}

.price .pricebox .list{width: 70%;margin: 20px auto;}

.price .pricebox .list li{height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;text-align: center;color:#333;font-size: 16px;}
.price .pricebox .btnbuy{background: #5db3b7;padding: 10px 20px;font-size: 20px;text-align: center;color: #fff;margin: 0 auto;height: 45px;line-height: 45px;}
}