@charset "utf-8";

/* CSS Document */

@media only screen and ( min-width: 1500px ) and ( max-width: 1920px ) {

.category_header .bg {background-position:80% center;}

}



@media only screen and ( min-width: 1281px ) and ( max-width: 1449px ) {

.category_header .bg {background-position:97% center;}

}



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

.category_header .bg {background-position:right center;}

}



/*-------------------[990px]------------------*/

@media only screen and ( min-width: 990px ) and ( max-width: 1229px ) {

.container {width:960px;}



.class_box ul {width:184px;}

.class_box ul li a {padding:15px;}



.strip {padding:55px 0;}

.space_head {height:19px;}

.space_head2 {height:60px;}

.space_head3 {height:11px;}

.space_head4 {height:12px;}



.col-md-3 {width:239px; height:120px;}

.col-md-4 {width:240px; height:120px;}

.col-md-3 .widget_image {width:240px; margin:-40px 0 0 -120px;}



.col-md-5 {width:172px; margin:0 10px; float:left;}



.pic_box {width:471px; margin:0 9px;}

.col-md-6 {width:156px; height:146px;}



.asd_l {width:320px;}

.asd_c {width:410px;}

.asd_r {width:230px;}



.about_con dl dt {width:370px; height:auto;}

.about_con dl dd {margin-left:400px;}

.about_con dl dd h2 {margin-bottom:25px;}



.float1_1 {left:40px; top:150px;}

.float1_2 {left:260px; top:235px;}



.col-in-1 {width:720px;}

.col-in-1 .webcon {width:350px;}

.col-in-1 .webcon img {width:350px; height:212px;}

.col-in-1 .webcon.mr30 {margin-right:20px;}



.col-in-2 {width:220px;}



.col-in-3 {margin:0 23px;}



.service {height:470px;}

.service_bg {height:310px;}

.service_col {width:100%;}

.col-in-4 {width:280px; margin:0 20px;}

.col-in-4 .img_over {width:280px; height:184px;}

.col-in-4 .img_over img {width:280px; height:184px;}

.col-in-4 .service_con {padding:20px;}



.software_bg {background:url(../images/software_bg.jpg) center 151px no-repeat; background-size:cover;}

.widgets_feature .widgets_feature_wrapper4 {margin-left:-20px; margin-right:-20px;}

.col-in-5 {width:210px; margin:45px 20px;}

}



/*-------------------[768px]------------------*/

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

.header_box .headerBg > .container,

.header_box .searchBg > .container {width:100%; padding:0;}

.container {width:738px;}

 

.headerBg {height:60px;}

.logoCon {position:absolute; left:15px; top:14px; padding-top:0; z-index:999999;}



.navbg {width:100%; min-width:100%; height:50px; padding:0; position:absolute; right:0; top:5px; background:none;}

.navbox {width:100%; height:50px; padding:0; position:relative;}

.name {float:left; font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#fff; display:block; position:absolute; left:150px; top:26px;}



.classBg {display:none;}

.strip {padding:40px 0;}

.heading.marb30 {margin-bottom:10px;}

.space_head {height:24px;}

.space_head2 {height:45px;}

.space_head3 {height:16px;}

.space_head4 {height:17px;}



.widgets_feature .widgets_feature_wrapper2 {margin-left:-5px; margin-right:-5px;}

.col-md-3,.col-md-4 {width:364px; height:182px; border:0; margin:0 5px 10px 5px;}



.col-md-5 {width:100%; margin:0; float:none;}



.widgets_feature .widgets_feature_wrapper3 {margin-left:-6px; margin-right:-6px;}

.pic_box {width:363px; margin:0 6px;}

.col-md-6 {width:120px; height:112px;}

.col-md-6 p {height:60px; line-height:60px;}



.asd_l {display:none;}

.asd_c {width:290px; margin:0 auto; float:none;}

.asd_r {display:none;}



.footer_menu {display:none;}

.footer_con {width:450px;}

.footer_box {width:450px; text-align:center; margin:0 auto; padding:0; float:none;}

.footer_box2 {width:390px; padding-left:60px; text-align:left;}

.footer_box2 span {left:35px;}



.banner_small {height:300px;}



.about_bg {background:url(../images/about_bg.jpg) right bottom no-repeat; padding-bottom:300px;}

.about_col-1 {width:100%;}



.about_con dl dt {display:none;}

.about_con dl dd {width:100%; margin-left:0;}



.font_box1,.font_box2 {width:200px; height:52px;}

.float1_1 {left:20px; top:120px;}

.float1_2 {left:200px; top:185px;}



.web_font {width:738px; text-align:center;}

.web_font span {float:none; display:block;}

.col-in-1 {width:738px;}

.col-in-1 .webcon {width:359px;}

.col-in-1 .webcon img {width:359px; height:217px;}

.col-in-1 .webcon.mr30 {margin-right:20px;}



.col-in-2 {display:none;}



.design_bg {height:auto;}

.col-in-3 {height:580px; margin:0 auto; float:none;}



.service {height:423px;}

.service_bg {height:290px;}

.service_col {width:100%;}

.col-in-4 {width:216px; margin:0 15px;}

.col-in-4 .img_over {width:216px; height:142px;}

.col-in-4 .img_over img {width:216px; height:142px;}

.col-in-4 .service_con {height:140px; padding:20px;}



.software_bg {background:url(../images/software_bg.jpg) center 121px no-repeat; background-size:cover;}

.widgets_feature .widgets_feature_wrapper4 {margin-left:-30px; margin-right:-30px;}

.col-in-5 {width:339px; margin:45px 30px;}

}



/*-------------------[480px]------------------*/

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

.container {width:calc(100% - 30px);} 



.headerBg {height:50px;}

.logoCon {top:11px;}

.logoCon img {width:109px; height:30px;}



.navbg {height:50px; top:0;}

.name {font-size:16px; left:135px; top:21px;}



.strip {padding:30px 0;}

.heading h1,.heading h2 {font-size:25px;}

.space_head {height:18px;}

.space_head2 {height:35px;}

.space_head3 {height:10px;}

.space_head4 {height:11px;}



.col-md-1,.col-md-2 {width:calc(100% - 20px); margin:0 10px;}

.col-md-1 {margin-bottom:30px;}



.about-item{padding:0;}

.about-item h3, .about-item p {margin-left:90px;}



.col-md-3,.col-md-4 {width:calc(50% - 10px); height:auto;}

.col-md-3 .widget_image p {line-height:2em;}



.widgets_feature .widgets_feature_wrapper3 {margin-left:0; margin-right:-1px;}

.pic_box {width:100%; float:none; display:table; margin:0 0 30px 0;}

.col-md-6 {width:calc(33.33% - 1px); height:auto; overflow:hidden; display:table}

.pic_box.margin-bot0 {margin-bottom:0;}

.col-md-6 p {height:80px; line-height:80px;}



.banner_small {height:230px;}



.font_box1,.font_box2 {width:160px; height:41px;}

.float1_1 {left:0; top:95px;}

.float1_2 {left:130px; top:150px;}



.web_font {width:100%;}

.col-in-1 {width:100%;}

.col-in-1 .webcon {width:49%;}

.col-in-1 .webcon img {width:100%; height:auto;}

.col-in-1 .webcon.mr30 {margin-right:2%;}

.col-in-1 .webcon .ft1 {display:table}

.col-in-1 .webcon .ft1 p {float:none; margin-bottom:10px;}

.web_height {height:29px; clear:both;}



.service {height:1301px;}

.service_bg {height:1130px;}

.col-in-4 {width:305px; margin:0 auto 40px auto; float:none;}

.col-in-4 .img_over {width:305px; height:200px;}

.col-in-4 .img_over img {width:305px; height:200px;}

.col-in-4 .service_con {height:120px; padding:25px;}



.software_bg {background:url(../images/software_bg.jpg) center 101px no-repeat; background-size:cover;}

.widgets_feature .widgets_feature_wrapper4 {margin-left:-20px; margin-right:-20px;}

.col-in-5 {width:calc(50% - 40px); margin:45px 20px;}

}



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

.heading p {height:auto;}



.col-md-3 .widget_image {width:180px; height:56px; margin:-28px 0 0 -90px;}

.col-md-3 .widget_image h1 {font-size:28px; line-height:2em;}

.col-md-3 .widget_image p {display:none;}



.banner_small {height:190px;}



.font_box1,.font_box2 {width:120px; height:31px;}

.float1_1 {top:85px;}

.float1_2 {left:110px; top:130px;}



.col-in-5 h3 {font-size:22px;}

}



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

.web_font {width:100%;}

.col-in-1 {width:100%;}

.col-in-1 .webcon {width:100%; float:none;}

.col-in-1 .webcon img {width:100%; height:auto; margin-bottom:15px;}

.col-in-1 .webcon.mr30 {margin:0 0 29px 0;}

.col-in-1 .webcon .ft1 {width:100%; display:table;}

.col-in-1 .webcon .ft1 p {float:right; margin-bottom:0;}

.web_height {height:29px; clear:both;}

}



/*-------------------[320px]------------------*/

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

.space_head2 {height:25px;}



.col-md-6 p {height:60px; line-height:60px;}



.footer_con {width:100%;}

.footer_box {width:100%;}

.footer_box p {padding-right:0; display:block;}

.footer_box2 {width:100%; padding-left:0; text-align:center;}

.footer_box2 span {display:none;}

.footer_name {width:100%; padding-right:0;}

.footer_name span {display:none;}



.banner_small {height:170px;}



.float1_1 {top:70px;}

.float1_2 {left:100px; top:110px;}



.widgets_feature .widgets_feature_wrapper4 {margin-left:0; margin-right:0;}

.col-in-5 {width:100%; margin:30px 0 20px 0;}

}



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

.col-md-3 .widget_image {width:170px; height:50px; margin:-25px 0 0 -85px;}

.col-md-3 .widget_image h1 {font-size:25px;}



.col-md-6 p {font-size:16px;}



.banner_small {height:160px;}



.float1_2 {left:80px;}

}



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

.col-md-3 .widget_image {width:160px; height:44px; margin:-22px 0 0 -80px;}

.col-md-3 .widget_image h1 {font-size:22px;}



.banner_small {height:140px;}



.font_box1,.font_box2 {width:100px; height:26px;}

.float1_1 {top:67px;}

.float1_2 {left:80px; top:97px;}



.col-in-1 .webcon .ft1 p {float:none; margin-bottom:10px;}

.web_height {height:29px; clear:both;}



.col-in-3 {width:240px; height:530px;}

.col-in-3 .img_over {width:240px; height:216px;}

.col-in-3 .img_over img {width:240px; height:216px;}

.col-in-3 .style_font {left:44px; top:216px;}

.col-in-3 .style_font .wp-title span {font-size:40px; line-height:50px}

.col-in-3 .design_line {left:97px; top:219px;}

.col-in-3 .wp-title-s,.col-in-3 .wp-title-s2 {top:219px;}

.col-in-3 .wp-title-s {left:127px;}

.col-in-3 .wp-title-s2 {left:156px;}

}



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

.col-md-3 .widget_image {width:140px; height:40px; margin:-20px 0 0 -70px;}

.col-md-3 .widget_image h1 {font-size:20px;}



.col-md-6 p {font-size:14px;}



.banner_small {height:130px;}



.float1_1 {top:65px;}

.float1_2 {left:60px; top:91px;}



.service {height:1266px;}

.service_bg {height:1100px;}

.col-in-4 {width:290px; margin:0 auto 40px auto; float:none;}

.col-in-4 .img_over {width:290px; height:190px;}

.col-in-4 .img_over img {width:290px; height:190px;}

.col-in-4 .service_con {height:120px; padding:25px;}

}



@media print {

#main_cycle_wrapper .thumb_wrapper {display:none !important;}

#main_cycle_wrapper #prod_thumbs {display:none !important;} 

#main_cycle_wrapper .slide_controls {display:none !important;}

}