﻿@charset "utf-8";

/*大屏幕*/
@media (min-width:1400px) and (max-width:1800px) {
.pics{ display:none;}
}
/*笔记本*/
@media (min-width:1200px) and (max-width:1400px) {
 span.custompre{left:0;  }
    span.customnext{ right:0; }
span.aboutpre{left:0; }
    span.aboutnext{right:0; }
}

/* 小屏幕 移动端*/
@media(max-width:1190px) {
	body{ padding-bottom:40px;}
	.container{ padding-left:4%;padding-right:4%; overflow:hidden;}
.top_container h1,.top_container h2{ width:170px; height:42px;}

	.hamburger{ display:block;}
.top,.top_container>p,.top_container .tel{ display:none;}	
.top h1,.top h2{width:55%;margin-left:4%; padding-top:8px;}
	.top h1 a,.top h2 a{ width:100%; }
.top p,.top div.tel{ display:none;}
.top_container { padding:10px 2%;}


	
nav{ display:none;}
nav>ul>li ul,nav>ul>li:hover ul{display:none;}
nav{position:absolute;left:0;top:62px;cursor:pointer; background:#fff;width:100%; float:none; padding:0; margin:0;  z-index:999;min-height: 760px; display:none; border-top:1px solid #fff;}
nav>ul>li>figure,nav>ul>li:hover>figure{ display:none;}

nav>ul>li{display:block;width:100%; height:auto; padding-left:0; border-bottom:1px solid #999;}
nav>ul>li a{margin:0; width:100%; display:block; text-align:center; font-size:20px; font-weight:bold;line-height:3.1;color:#000; padding:0; height:auto;}
nav>ul>li:last-child{ display:none;}
nav>ul>li>a:hover,nav>ul>li>a.hover{color: #3B5CAB; }


section.search{ display:none;}
section.adv {
    padding: 20px 0;
}
.adv_container>dl{ margin-bottom:0;}
.adv_container>dl>dt{padding-top:80px; font-size: 0.9em; background-size:100%;  }
.adv_container>dl>dd{  display:none;}


.pro_box aside{ width:100%; float:none;}
.pro_box aside h4{ display:none;}
.pro_box aside dl dt{ margin:5px 0 8px 3px; width:auto; clear:none;overflow: hidden; float:left; height:24px; line-height:24px; padding:0 8px;
    font-size: 14px;
    color: #333333;
    background:none;}
.pro_box aside dl dd{ display:none;}

.pro_box aside dl{ padding:5px 0;}
.pro_box aside p{ display:none; margin-bottom:2px;}
h3.s_title,h3.s_title a{font-size:1.15em;}
h3.s_title{ padding-top:15px;}
em.s_intro{ width:90%; padding-top:15px; padding-bottom:10px; margin:0 auto;overflow:hidden; text-overflow: ellipsis;
    white-space: nowrap;  }
.pro_box .pro_list{ float:none; width:100%;}
.pro_box .pro_list ul li{ margin-top:10px;}
.pro_box .pro_list ul li>a:first-child{ height:90px;}
.pro_box .pro_list ul li>a:last-child{  padding-top:5px; font-size:0.8em; text-overflow: ellipsis;
    white-space: nowrap;  overflow:hidden; }
section.index_pro {padding-bottom:10px;}
.case_list figure{  padding-top:8px; }
.case_list{  height:168px;}
.case_list p.case_btn{padding-left:15%;}
.case_list figure figcaption{  
     
    padding: 10px 5px 0 10px;}
.case_list figure figcaption a.case_title,figure.shili_item figcaption>div a.case_title,figure.about_figure figcaption h4{ color:#fff; font-size:1em; font-weight:300; }
.case_list figure figcaption p,figure.shili_item figcaption>div p,figure.about_figure figcaption p{ overflow:hidden; margin:5px 0;
-webkit-line-clamp: 5; font-size:0.8em; }
a.index_btn{ display:none; }


 figure.shili_item{  height:168px; }
 figure.shili_item figcaption{ height:80%;}
 figure.shili_item figcaption>div{padding: 10px 10px 0 10px; margin-top:10%; overflow:hidden;}
.safe{ display:none;}


section.custom{height:auto;overflow: hidden; width:100%; margin-top:5px; background:#3B5CAB;}
.custom_list figure{  padding:10px 2%; }
.custom_list figure figcaption p{ -webkit-line-clamp: 4; }
.custom_list{ height:auto;}
 span.custompre{left:10px; top:150px; }
    span.customnext{right:10px; top:150px;  }

section.mate ul li{ width:32.5%; margin-right:1.2%;}
section.mate ul li img{ height:67px;}
section.mate ul li:nth-child(3n){ margin-right:0;}
section.mate ul li{ margin-bottom:5px;}
section.mate{ padding-bottom:5px;}
figure.about_figure>a{display:none; }
figure.about_figure figcaption{ width:100%; float:none;padding:20px;  height:auto;}
figure.about_figure{ margin-bottom:8px; }
.about_list{ margin-top:10px;}
   span.aboutpre{left:10px; }
    span.aboutnext{right:10px; }
section.about{height:auto; padding-bottom:20px;}

.newslist>dl{ width:100%; float:none; margin-right:0;}

.newslist>dl dt h4{
    left: 0px;
font-size: 1.1em; width:auto; height:auto;
}
.newslist>dl dt h4 a{ width:100%; padding:20px;}
.newslist>dl dt{ height:auto; margin-bottom:10px;}
.newslist>dl dd{font-size:1em; }
.links,footer{ display:none;}


p.position {
    
    margin-bottom: 5px;
   
}
.inner_pro .pro_intro {
    padding: 10px 2%;
}

.inner_pro .pro_intro h3 {
    font-size: 1.1em;
    
    height: 40px;
    line-height: 40px;
  
}
.inner_pro .pro_intro h3:after{ width:50%; }
.inner_pro {
    padding-bottom: 20px;
}

section.detail aside{ display:none;}
section.detail .detail_box{ width:100%;}


section.detail .position{height:40px;}
section.detail .position p{ text-align:left;}
section.detail .position h3{ display:none;}
section.detail  .position i{ display:none;}
figure.news_item{margin-top:20px;padding-bottom:15px;} 
figure.news_item>a{float:left;width:30%;height:70px;}

figure.news_item figcaption{width:65%;}
figure.news_item figcaption>time{display:none;}
figure.news_item figcaption>div{float:none; width:100%; padding:0;}
figure.news_item figcaption>div>a.news_title{ font-size:1.1em;}
 figure.news_item figcaption>div>p{ display:none;}

article.pro_detail {
    float: none;
    width: 100%;
}

article.pro_detail>figure>a{ width:70%; float:none; margin:0 auto;}
article.pro_detail>figure{  padding:5px 0;}

article.pro_detail>figure figcaption {
  
    float: none;
    width: 100%;
}

article.pro_detail>figure figcaption h1 {
    color: #333;
    line-height: 1.4;
    padding:5px 0;
    font-size:1.15em;
     text-align:left;
}


.other_pro ul li a img {
    height: 76px;

}



.article_box article{width:100%;}
.article_box article h1{font-size:20px;line-height:26px;padding-top:30px;padding-bottom:5px; font-weight:300;}
.article_box article .author{ padding-left:50px; background:url(../images/touxiang.png) left center no-repeat; background-size:40px; margin:10px 0 20px 0;}
.article_box article .author>span{font-size:1em; padding-bottom:0;}
.article_box article .author .article_position{ display:block; clear:both; padding:0; border:none; margin:0;}
.article_box article .author .article_position a{ color:blue}
.article_box article .article{ float:none;width:100%; font-size:1.15em; line-height:1.8em;}
.article_box article dl.aside{ float:none;width:100%; margin-top:20px;}
.article_box article .article *{line-height:1.8em;}
.article_box article .article img{ width:100%; }
.article_box article dl.aside dt{font-size:1.15em;}
.article_box article dl.aside dd{ padding:5px 0;}
.article_box aside.position_about{height:50px; line-height:50px; padding:0 2%;}
.article_box article .article h2,.article_box article .article h3,.article_box article .article h4,.article_box article .article h5,.article_box article .article h6{ font-size:1.1em;}



#inner .banner img,#inner .banner {
     height:auto;
}
.about_box{ padding:15px 0 15px 0; overflow:hidden;}
figure.contact_fig{background-color: #f3f3f3;
    padding:10px 3%;
    width:100%; margin:5px 0; overflow:hidden;}
figure.contact_fig img{ float:none; width:100%; }
figure.contact_fig figcaption{ float:none;width:100%;}
figure.contact_fig figcaption h3{font-size: 1.1em; padding:10px 0;}


.contact_list{padding:10px 3%;margin-bottom: 15px; }
.contact_list p{width:100%; float:none; height:60px; line-height:60px; text-indent:60px; overflow:hidden;}

.contact_list p:nth-child(2){float:none; }

.contact_list p:nth-child(4){float:none;background-image:url(../images/c4.jpg); }

.contact_list p:nth-child(6){float:none;background-image:url(../images/c6.jpg); }

.contact_list:after{ display:none;}

#dituContent{ height:200px!important; overflow:hidden}







ul.pic_list{ margin-top:0; margin-bottom:20px;}
ul.pic_list li{ width:49%; margin-right:2%; margin-top:10px; }
ul.pic_list li:nth-child(2n){ margin-right:0;}
ul.pic_list li>a:first-child{height:90px;}
ul.pic_list li>a:last-child{ padding-top:5px; font-size:0.8em;}


.pro_box h1.cp_title{padding-bottom: 10px;font-size:1.2em;  padding-top:10px;}
.pro_box p.cp_intro {line-height: 1.8;padding: 10px 0;}
.pro_box p.cp_nav a{ margin-right:8px; margin-left:2px;}

.pro_box table.cp_table tr td:nth-child(n+4),.pro_box table.cp_table tr th:nth-child(n+4),.pro_box table.cp_table tr td:nth-child(2),.pro_box table.cp_table tr th:nth-child(2) { display:none;}

.pic_list{ width:100%; float:none; }
.pic_list_l figure img{height:180px;}
.pic_list_s figure img{  height:70px; }

.pic_list_news_l figure img{height:180px; }
.pic_list_news_s figure img{  height:70px; }
.pic_list_news span.pic_pre,.pic_list_news span.pic_next{ bottom:20px;}


.othersnews {font-size:1.15em;padding-top:20px;}
.othersnews>div span{float:none; width:100%; margin-left:0; padding:6px 0; overflow:hidden; }
.othersnews>div span:nth-child(2n+1){ margin-left:0;}
.othersnews>div span a{text-overflow: ellipsis;white-space: nowrap;float:none; color:#333; max-width:100%;text-overflow:ellipsis;white-space:nowrap; display:block;text-indent:5%;font-size:0.9em;}

.othersnews>div span:before {
   
    top: 10%;
   
}
.page {
    
    
    margin-top: 10px;
   
}
.page a, .page b {
   
    line-height: 30px;
   
    height: 30px;
    font-size: 0.9em;
    padding: 0 8px;
   
}





}


