/*CSS FOR RESPONSIVE LAYOUTS*/
/*___________________________________________________________________*/

/*---------------iPad & Samsung Galaxy Tablets portrait---------------*/
/*___________________________________________________________________*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
#container{ width: 794px;}
.container {width: 714px; }
.sidebar .widget  .top-search input{width: 145px;}

.side,.side_txt,.liebiao,.main_tit,.main_txt{width:100%; float:left;}
.liebiao li,.liebiao li a,.liebiao li a:hover{width:auto; float:left; margin:0px 5px;}
.main{padding:0px;}
.main_tit{width:714px; padding:0px;}
.main_txt .main_gdtp{height:300px;width:714px; padding-left:6px;}


/*###################  新闻中心xinwen  ###################*/
.xinwen{width:100%; background:#fff}
.khjz,.dongtai{width:100%; height:auto; float:left; overflow:hidden}
.dongtai{padding-left:0%}
/*###################  客户案例khal  ###################*/
.khal,khal_txt,.scroll{width:100%; margin:0px auto; margin-top:10px; overflow:hidden}
/*###################  底部导航dbdh  ###################*/
.dbdh{width:100%; padding-left:0px;}
.dbnr_left,.dbnr_right{width:100%; float:left}






.scroll{width:654px;}



/*######  ny_side ######*/
.ny_side{width:100%; float:left;}
.ny_side_tit h3{color:#fff; font-size:24px; text-indent:22px; line-height:35px; font-family:微软雅黑; font-weight:100}
.ny_side_tit h3 span{ font-size:14px;padding-left:16% }
.ny_side_tit{width:20%; height:90px; background:#dc2c2e; float:left; position:relative; top:0;}
.ny_side_txt{width:80%;height:90px; float:left; background:#f6f6f6;position:relative; top:0; }
.fenlei{ width:auto; margin:0px auto; padding-top:12px;}
.fenlei li{height:50px; border-bottom:1px solid #cecece; display:block; float:left; margin:0px 3px; line-height:50px; text-indent:3px;}
.fenlei li a{height:50px; display:block; font-size:16px; color:#272727; padding:0px 10px;}
.fenlei li a:hover{color:#dc2c2e; background:url(../images/ny_side1.jpg) no-repeat 2px 16px;display:block}
/*######  ny_main  ######*/
.ny_main{width:100%; padding-top:40px; overflow:hidden}
.ny_main_tit{width:100%; height:40px; background:#dc2c2e url(../images/ny_main1.jpg) no-repeat 10px 12px; font-size:16px; color:#fff; line-height:39px; text-indent:25px;}
.ny_main_tit span{ float:right; font-size:12px; color:#fff; padding-right:12px; }
.ny_main_tit span a{font-size:12px; color:#fff; }
.ny_main_txt{width:100%; height:auto; line-height:30px;}
.item-wrapp .portfolio-item img{width: 163px;height: 190px;}

.xiangguan li{width:46%; height:230px; float:left; margin:5px 2%; background:#f3f3f3;}

.after-nav-info{display: none;}
.flex-slider-text{ margin-top: 60px;margin-bottom: 60px; }
.flex-slider-text h1{font-size: 22px;line-height: 28px;}
.flex-slider-text p{font-size: 13px;line-height: 21px;}
ul.main-menu.alternative{float: left;width: 100%;display: block;margin-top: 15px;}
ul#portfolio-container.two-columns li {width: 47.88%;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 38%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 26%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 26%;}
.portfolio-item:hover  a.item-permalink{left: 26%;}
.portfolio-item:hover  a.item-preview{right: 26%;}
.blog-item.small:hover  a.item-permalink{display: none;}
.blog-item.small:hover  a.item-preview{display: none;}
.blog-item.medium:hover  a.item-permalink{left: 34%;}
.blog-item.medium:hover  a.item-preview{right: 34%;}
.blog-item.large:hover  a.item-permalink{left: 42%;}
.blog-item.large:hover  a.item-preview{right: 42%;}
.blog-post.layout-2 .media-holder{ float:left;width: 110px;}
.comment-entry{margin:-70px 0 0 90px;width:75%;}
ul.commentlist li.child .comment-entry{  width:70%;}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#container{ width: 440px;}
.container {width: 400px; }
#main-navigation select { display: block}
#main-navigation ul{display: none;}
#main-navigation select {margin: 30px 70px;  width:300px;} 
.after-nav-info{ width: 100%;text-align: center;}
#logo{text-align:center;width: 100%;float: left;}
a#logo span {text-align: center;display: block;position: relative;}


.side,.side_txt,.liebiao,.main_tit,.main_txt{width:100%; float:left;}
.liebiao li,.liebiao li a,.liebiao li a:hover{width:auto; float:left; margin:0px 5px;}
.main{padding:0px;}
.main_tit{width:400px; padding:0px;}
.main_tit .a_rmgjc{width:130px; float:left; overflow:hidden}
.main_txt .main_gdtp{height:300px;width:400px; padding-left:6px;}
.main_txt .main_gdtp .guntu_top{width:200px;}
.main_txt .main_gdtp .guntu_top ul .li1{width: 185px; height: 126px; }
.main_txt .main_gdtp .guntu_top ul .li1 img{width: 185px; height: 126px;}
.main_txt .main_gdtp .guntu_top ul .li2{width:185px; height:34px;line-height:34px;}


/*###################  新闻中心xinwen  ###################*/
.xinwen{width:100%; background:#fff}
.khjz,.dongtai{width:100%; height:auto; float:left; overflow:hidden}
.dongtai{padding-left:0%}

/*###################  客户案例khal  ###################*/
.khal,khal_txt,.scroll{width:100%; margin:0px auto; margin-top:10px; overflow:hidden}
/*###################  底部导航dbdh  ###################*/
.dbdh{width:100%; padding-left:0px;}
.dbnr_left,.dbnr_right{width:100%; float:left}













.scroll{width:340px;}



/*######  ny_side ######*/
.ny_side{width:0; float:left; overflow:hidden}
.ny_side_tit h3{color:#fff; font-size:24px; text-indent:22px; line-height:35px; font-family:微软雅黑; font-weight:100}
.ny_side_tit h3 span{ font-size:14px;padding-left:16% }
.ny_side_tit{width:25%; height:90px; background:#dc2c2e; float:left; position:relative; top:0;}
.ny_side_txt{width:68%;height:90px; float:left; background:#f6f6f6;position:relative; top:0; }
.fenlei{ width:auto; margin:0px auto; padding-top:1px;}
.fenlei li{width:auto;height:40px; border-bottom:1px solid #cecece; display:block; float:left; margin:0 0%; line-height:50px; }
.fenlei li a{height:40px; display:block; font-size:16px; color:#272727; padding:0px 10px;}
.fenlei li a:hover{color:#dc2c2e; background:url(../images/ny_side1.jpg) no-repeat 10px 16px;display:block}
/*######  ny_main  ######*/
.ny_main{width:100%; padding-top:20px;}
.ny_main_tit{width:100%; height:40px; background:#dc2c2e url(../images/ny_main1.jpg) no-repeat 10px 12px; font-size:16px; color:#fff; line-height:39px; text-indent:25px;}
.ny_main_tit span{ float:right; font-size:12px; color:#fff; padding-right:12px; }
.ny_main_tit span a{font-size:12px; color:#fff; }
.ny_main_txt{width:100%; height:auto; line-height:30px;}
.item-wrapp .portfolio-item img{width: 184px;height: 190px;}



.xiangguan li{width:46%; height:230px; float:left; margin:5px 2%; background:#f3f3f3;} 

.new_cate li{width:100%; float:left; border-bottom:1px dashed #ccc; margin:0.7% 0%;font-size:12px; overflow:hidden;}

.top-search{display: none;}
.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth{ float:left;position:relative;width: 100%; margin-right: 0!important;margin-bottom: 20px;}
 #header-links ul.social-links{display: none;}
#header-links  div{margin-bottom: 0px;}
ul#portfolio-container.two-columns li,  ul#portfolio-container.three-columns li,  ul#portfolio-container.four-columns li {width: 47.88%;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 28%;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 28%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left:38%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right:28%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 40%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 40%;}
.portfolio-item:hover  a.item-permalink{left: 28%;}
.portfolio-item:hover  a.item-preview{right: 28%;}
 ul.pricing-boxes li{margin-bottom: 20px;}
 ul.pricing-boxes.five li {width:99%; }
 ul.pricing-boxes.four li {width: 99%;}
 ul.pricing-boxes.three li {width: 99%; }
ul.pricing-boxes li .plan-features{ border-right:1px solid #e6e9ee;}
.plan-features ul li{margin-bottom: 0px;}
.blog-post.layout-2 .media-holder{width: 400px;margin-bottom: 20px; margin-right: 0px;}
.blog-item.small:hover  a.item-permalink{left: 40%;}
.blog-item.small:hover  a.item-preview{right: 40%;}
.blog-item.medium:hover  a.item-permalink{left: 30%;}
.blog-item.medium:hover  a.item-preview{right: 30%;}
.blog-item.large:hover  a.item-permalink{left: 40%;}
.blog-item.large:hover  a.item-preview{right: 40%;}
#filterable li {margin-bottom: 5px;}
#filterable li a {padding: 5px 8px;}
 #breadcrumb{ text-align: center;padding-bottom: 15px;}
#breadcrumb .one-half{margin-bottom: 0px;}
.comment-entry{margin:-70px 0 0 90px;width:66%;}
ul.commentlist li.child .comment-entry{  width:56%;}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#container{ width: 300px;}
.container {width:260px;}
#main-navigation select { display: block}
#main-navigation ul{display: none;}
#main-navigation select {margin: 30px 10px;  width:260px;} 
.after-nav-info{ width: 100%;text-align: center;}
#logo{text-align:center;width: 100%;float: left;}
a#logo span {text-align: center;display: block;position: relative;}
.top-search{display: none;}
.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth{ float:left;position:relative;width: 100%; margin-right: 0!important;margin-bottom: 20px;}
 

.side,.side_txt,.liebiao,.main_tit,.main_txt{width:100%; float:left;}
.liebiao li,.liebiao li a,.liebiao li a:hover{width:auto; float:left; margin:0px 5px;}
.main{padding:0px;}
.main_tit{width:260px; padding:0px;}
.main_tit .a_rmgjc{width:0px; float:left; overflow:hidden}
.main_txt .main_gdtp{height:300px;width:260px; padding-left:6px;}

/*###################  新闻中心xinwen  ###################*/
.xinwen{width:100%; background:#fff}
.khjz,.dongtai{width:100%; height:auto; float:left; overflow:hidden}
.dongtai{padding-left:0%}
/*###################  客户案例khal  ###################*/
.khal,khal_txt,.scroll{width:100%; margin:0px auto; margin-top:10px; overflow:hidden}
/*###################  底部导航dbdh  ###################*/
.dbdh{width:100%; padding-left:0px;}
.dbnr_left,.dbnr_right{width:100%; float:left}













.scroll{width:200px;}

 
/*######  ny_side ######*/
.ny_side{width:0; float:left; overflow:hidden}
.ny_side_tit{width:44%; height:90px; background:#dc2c2e; float:left; position:relative; top:0;}
.ny_side_tit h3{color:#fff; font-size:20px; text-indent:10px; padding-top:0px; font-family:微软雅黑;}
.ny_side_tit h4{color:#fff; font-size:12px; text-indent:10px; text-transform:uppercase; font-family:Arial}
.ny_side_txt{width:56%;height:90px; float:left; background:#f6f6f6;position:relative; top:0; }
.fenlei{ width:auto; margin:0px auto; padding-top:1px;}
.fenlei li{width:48%;height:40px; border-bottom:1px solid #cecece; display:block; float:left; margin:0 1%; line-height:50px; text-indent:5px;}
.fenlei li a{height:40px; display:block; font-size:16px; color:#272727;}
.fenlei li a:hover{color:#dc2c2e; background:url(../images/ny_side1.jpg) no-repeat 1px 16px;display:block}
/*######  ny_main  ######*/
.ny_main{width:100%; padding-top:20px;}
.ny_main_tit{width:100%; height:40px; background:#dc2c2e url(../images/ny_main1.jpg) no-repeat 10px 12px; font-size:16px; color:#fff; line-height:39px; text-indent:25px;}
.ny_main_tit span{ float:right; font-size:12px; color:#fff; padding-right:12px; }
.ny_main_tit span a{font-size:12px; color:#fff; }
.ny_main_txt{width:100%; height:auto; line-height:30px;}
.item-wrapp .portfolio-item img{width: 247px;height: 190px;} 
 

 
.xiangguan li{width:100%; height:230px; float:left; margin:5px 2%; background:#f3f3f3;} 
 
.new_cate li{width:100%; float:left; border-bottom:1px dashed #ccc; margin:0.7% 0%;font-size:12px; overflow:hidden;} 
 
 #header-links ul.social-links{display: none;}
#header-links  div{margin-bottom: 0px;}
ul#portfolio-container {margin:0 0  0 0%;}
ul#portfolio-container.two-columns li,  ul#portfolio-container.three-columns li,  ul#portfolio-container.four-columns li {width: 98%;margin-right: 0!important;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 33%;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 33%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left:42%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right:33%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 33%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 33%;}
.portfolio-item:hover  a.item-permalink{left: 33%;}
.portfolio-item:hover  a.item-preview{right: 33%;}
 ul.pricing-boxes li{margin-bottom: 20px;}
 ul.pricing-boxes.five li {width:99%; }
 ul.pricing-boxes.four li {width: 99%; }
 ul.pricing-boxes.three li {width: 99%;}
ul.pricing-boxes li .plan-features{ border-right:1px solid #e6e9ee;}
.plan-features ul li{margin-bottom: 0px;}
.blog-post.layout-2 .media-holder{width:260px;margin-bottom: 20px; margin-right: 0px;}
.blog-item.small:hover  a.item-permalink{left: 33%;}
.blog-item.small:hover  a.item-preview{right: 33%;}
.blog-item.medium:hover  a.item-permalink{left: 33%;}
.blog-item.medium:hover  a.item-preview{right: 33%;}
.blog-item.large:hover  a.item-permalink{left: 33%;}
.blog-item.large:hover  a.item-preview{right: 33%;}
#filterable li {margin-bottom: 5px;}
#filterable li a {padding: 5px 8px;}
 #breadcrumb{ text-align: center;padding-bottom: 15px;}
#breadcrumb .one-half{margin-bottom: 0px;}
.comment-entry{margin:-70px 0 0 90px;width:66%;}
ul.commentlist li.child .comment-entry{  width:56%;}
.blog-post.layout-3{width: 98%; margin-right: 0%!important}
ul.commentlist li.child{margin-left: 0px;}
.comment-entry{ margin:0px 0 0 0px;width:82%;}
ul.commentlist li.child .comment-entry{   width:82%;}
form.simple-form   textarea {width: 90%; }
.comment > .avatar,.comment-arrow{display: none;}
}