@charset "utf-8";
.info_content {font-size:14px; line-height:26px}
@media only screen and (max-width: 1200px){
.flexslider .slides li img,.infos .news_case ul li img,.infos .blog ul li img,.infos .column .column_list .list_left img,.infos .pinpai ul li img,.bestList li a img,.ff-items .ff-item-type img,.infos .service_list .service_list1 .fadehover img,.hangye_list .hangyes img,.lheight img,.info_content img,.news_lista .bottom .list .center .txt img{max-width:100%; height:auto}

.info_content,.news_lista .bottom .list .center .txt{font-size:14px;line-height:25px}

body {min-width:10px;padding:0 3%}
.header{ padding:30px 0 0 0; width:auto;}
.menu li.sub2 { display:none}
.infos,.footerzs,.indexcase,.siderMain,.siderMain #slider,.siderMain #slider li,.siderMain #slider li#content,.islerdetay-arw,#maincontent .btn-LR,.linksMain,.footer,.stars .star_list{ width:100%;}
#back_to_top {right: 3%;margin-right: 0;}
.flexslider {  width:100%; min-height:30px; margin:60px auto 0 auto; position:relative}
.slides_text { width:100%;height:auto; overflow:visible;}
.slides_text h3{ line-height:20px; height:auto;font-size:12px;margin:10px auto}
.slides_text p{ height:auto}
.flexslider .slides > li { height:auto}
.flex-direction-nav{ display:none;}
/* Control Nav */
.flex-control-nav { top:-40px; left:0;width:100%; text-align:center }
.flex-control-nav li {float:none; display:inline-block; vertical-align:middle;}
.infos .channel_navs .channel_left{ margin:10px 0 0 0;}
.infos .chann_list .channel_title .channel_left{ width:100%}
.infos .channel_navs .channel_right{ width:100%;margin:0 0; height:auto}
.infos .channel_navs .channel_right .channel_navss{ width:100%; }
.infos .channel_navs .channel_right .channel_fen{ float:none;}

.big_title{ width:100%;padding-bottom:20px; height:30px; line-height:30px; font-size:20px;}
.infos .news_case ul li{ width:32%; height:auto; margin-right:2%;}
.infos .news_case ul li a{width:100%; height:auto; display:block}
.infos .news_case ul li a p{ height:30px;line-height:30px; font-size:14px;margin:5px 0 10px 0; text-align:center}
.infos .news_case ul li.no_margin{ margin-right:0px;}

.infos .blog ul li{ width:23.5%; height:auto; margin-right:2%;}
.infos .blog ul li a{ width:100%; height:auto}
.infos .blog ul li a p{ height:30px; line-height:30px; margin:5px 0 10px 0; text-align:center}
.stars{margin-top:5px;}
.stars .star_list{ width:100%}
.stars .star_list .star_lists{ width:49%;margin-right:2%; height:360px}
.stars .star_list .one_2{margin-right:0px;}
.stars .star_list .one_4{margin-right:0px;}
.stars .star_list .star_lists .bg_he .bg_title{ font-size:16px; margin:20p 0 20px 0;line-height:20px; height:20px;}
.stars .star_list .star_lists .bg_he .bg_remark{ font-size:20px; line-height:40px; height:40px;}
.stars .star_list .star_lists .star_listsa{  padding:10px 0; height:240px; overflow:hidden;}
.stars .star_list .star_lists .star_listsa ul li{ padding-left:35px;}

.infos .column .column_list{ width:32%; height:auto; margin:0 2% 3% 0;}
.infos .column .column_list .list_left{ width:30%; height:auto;}
.infos .column .column_list .list_left img {width:100%}
.infos .column .column_list .list_right{ width:65%;  height:auto}
.infos .column .column_list .list_right  a{  font-size:14px; height:20px; line-height:20px}
.infos .column .column_list.no_margin{ margin:0 0 3% 0;}
.infos .pinpai ul li{ width:11.625%; height:auto; margin:0 1% 15px 0;}

.foot_nav .left{ width:100%;float:none; height:auto}
.foot_nav .right{ width:100%; float:none;margin:5px 0 20px 0; clear:both}
.bestContainer{padding-left:0px;}
.bestTitle{width:100%;}
.bestTitle ul{position:relative;left:0; top:40px; width:100%; text-align:center}
.bestTitle ul li a{float:none;}
.bestTitle2{padding:60px 0px 5px 0px;   font-size:20px;    line-height: 30px;    height: 30px;}
.bestTitle .more{position:relative;bottom:0;right:auto;text-align:left;}

.bestContent{width:100%}
.listContent{width:100%}
.listContent .introduction{padding-top:13px;}
.bestList{padding-top:15px;width:100%;}
.bestList li{width:32.6666%;height:auto;margin-right:1%; position:relative}
.bestList li a{width:100%;height:auto}
.bestList li a img{width:100%;height:auto;max-width:100%}
.bestList li a div{width:90%;height:95%;padding:5% 5% 0 5%;}
.sidebarWrapper{ display:none;}
.bestList li.cr{margin-right:0;}
.bestList li p{ height:20px; line-height:20px; overflow:hidden}


.nav_hostlists ul li{margin-top:2px}
.nav_hostlists ul li.nav_hosttitle{ display:block; clear:both}

.WorklistTitle { padding:40px 0 20px 0; margin-top:10px;font-size: 20px; line-height:30px; height:auto;}
.WorklistTitle span {padding: 0 18px 0 0; display:block;width:110px;}
.cywworklist1 {width: 100%; padding-left: 0; float:none;}

.worktMain{ width:100%;}
.worktMain .theTitle{ float:none; width:100%;}
.worktMain .ff-items{ float:none; width:100%;}
.ff-items .ff-item-type{width:32.3333%; height:auto;margin:0.5%}
.ff-items a{width:100%; height:100%;}
.ff-items a span.name{ width:95%;padding-left:5%; background:rgba(0,0,0,0.6)}
.ff-items .ff-item-type img{ width:100%; height:auto;}
.services_title{ height:auto; line-height:30px; width:100%; font-size:20px;padding:50px 0 10px 0}
.infos{ width:100%;}
.infos .service_list .service_list1 .fadehover{ margin:0 1% 10px 0; width:32.6666%; height:auto}
.infos .service_list .service_list1 .fadehover img{ width:100%; height:auto;}
.infos .service_list .service_list1 .fadehover a { position:relative; display:block}
.infos .service_list .service_list1 .fadehover a div{ width:100%; height:100px;}
.infos .service_list .service_list1 .lists{ margin:0 1% 11px 0;}
.infos .service_list .service_list1 .listsr{ margin:0 0px 11px 0;}
.infos .service_list .service_list1 .fadehover p { height:18px; line-height:18px; overflow:hidden}
.infos .fade-text{ width:100%}
.infos .fade-text img {max-width:100%; height:auto}
.service_list{width:100%;}
.wrapper .content-wrapper .lingwais{ padding-left:0; }
.service_list .fadehover{ min-height:inherit;  height:auto;width:100%}
.service_list .fadehover p{ height:10px;}
.hangye_list .hangyes {width:32%;margin:6px 2% 0px 0;height:101px;}
.hangye_list .hangyess{ margin-right:0px;} 
.hangye_list .hangyes img{ width:100%; height:101px;}
.tua{ position:relative; left:0;top:10px;margin:0 0 30px 0}
.info_titles,.info_title{ height:auto}

.service_red .service_red_list .hangyeaaaas{
    height:70px;
    margin: 6px 0  0px  0px;
    min-height:10px;
    width:32.6666%; }
.service_red .service_red_list .hangyeaaaa{ 
    height:auto;
    margin: 6px 1% 0 0;
    width:32.6666%;
    min-height:15px; }
.service_red .service_red_list .hangyeaaaa img,.service_red .service_red_list .hangyeaaaas img{  width:100%; height:70px; max-width:100%   }

.bestTitle,.bestTitles{ width: 100%;}
.bestTitles ul {left:0;left:50%;margin-left:-110px;top:20px}
.pagination { text-align:center;min-width:10px}
.pagination li { padding:5px 2px; margin:0}
.pagination li a{ font-size:13px; padding:0 2px;}
.paginationpage {left:0%; line-height:5px;}
.news_lista .top{ width:100%;  height:auto; line-height:25px; font-size:20px;padding:30px 0 10px 0}
.news_lista .bottom .list .center{ width:100%}
.news_lista .bottom .list .center .time{ position:relative; width:100%; height:60px; top:20px; left:0; text-align:left; clear:both;margin:0 0 30px 0}
.news_lista .bottom .list .center .title dt{ font-size:18px; height:auto; line-height:25px;margin:0 0 10px 0; font-weight:bold;}
.news1 {width:100%}
.paginationpage2 {left:auto;margin-left:0;min-width:10px;margin:0 auto;width:100%; text-align:center;top:0px}
.paginationpage2 li {float:none; display:inline-block}

.news_lista .bottom .list2{ width:100%;margin-top:20px} 
.news_lista .bottom .list2 dl dt{font-size:18px;}
.news_lista .bottom .list2 dl dd a{ float:none; width:100%;}
.pagination2 { text-align:center;left:0;width:100%;margin:30px 0 0 0}
.pagination2 li {float:none; display:inline-block;}
.soul-text{ padding:60px 0 0 0;}
.soul-text h2{ font-size:15px;}
.soul-text p{font-size:18px; line-height:30px; padding-top:10px; height:auto}
.other_font{ width:100%;}
.other_font h6{padding-top:10px; font-size: 18px; line-height:30px;height:auto}
.sliderbutton { display:none;}
.soulimg1,.soulimg2,.soulimg3,.soulimg4{background:none;}
.other_font .pic { display:block;margin-top:20px}
.other_font .pic img {width:300px; height:auto;}
.siderMain2 #slider li {width:1200px;}
.aboutimg {background:none;  height:auto}
.aboutimg .pic img {max-width:100%; height:auto;width:auto}

dl.contact-info{ float:none; width:100%; }
.leftad { display:none;}
.paginationbloglist {left:50%; margin-left:-50px;margin-top:30px}
.zttitle { height:50px; line-height:50px; font-size:20px;margin-top:40px}
.ztlist li {width:100%; overflow:hidden;}
.blogline {top:240px}
.paginationbloglist2 {left:40%;margin-left:-60px;margin-top:30px;}

.news_bloga_lista .top { height:auto;margin:30px auto 0 auto}
.news_bloga_lista .top .blogtitle1 {margin-top:-10px;}
.news_bloga_lista .top .blogtitle1 a {font-size:14px;}
.blogtitle2 {font-size:16px;margin:5px 0 0 0}

.news_lista .bottom .list .center .txt{ line-height:25px;font-size:16px}

}

@media only screen and (max-width: 900px){
.infos .pinpai ul li{ width:23%;  margin:0 1% 5px 1%;}
.infos .pinpai ul li.no_margin{ margin-right:1%;}
}

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

.infos .news_case ul li{ width:100%;margin-right:0;}
.infos .news_case ul li a p{  height:auto; line-height:20px;margin:10px 0 20px 0}
.infos .news_case ul li img,.infos .blog ul li img {width:100%}
    .menu {
        width: 160px;
    }
.infos .blog ul li{ width:100%; margin-right:0;}
.infos .blog ul li a p{ height:auto; line-height:20px;margin:10px 0 20px 0}
.infos .column .column_list{ width:100%; height:auto; margin:0 0 20px 0;}
.infos .column .column_list.no_margin{ margin:0 0 20px 0;}
.stars .star_list .star_lists{ width:100%;margin-right:0; height:auto}
.bestList li{width:100%;margin-right:0;}
.bestList li p{ height:auto}
.ff-items .ff-item-type{width:100%; height:auto;margin:10px 0}
.infos .service_list .service_list1 .fadehover{ margin:0 0 10px 0; width:100%}
.infos .service_list .service_list1 .lists{ margin:0 0 11px 0;}
.infos .service_list .service_list1 .fadehover h4 { height:auto}
.hangye_list {width:101%;margin-left:-0.5%}
.hangye_list .hangyes {width:49%;margin:0.5% 0.5% 0 0.5%;}
.hangye_list .hangyess{ margin-right:0.5%;} 

.servicework6tb td {display:block;}
.servicework6u li {width:100%}
}