/* 大屏幕（大桌面显示器，大于等于 1200px） */
@import url(../../web/css/PcMax.css) screen and (min-width: 1200px);

/* 中等屏幕（桌面显示器，大于1024小于1200） */
@import url(../../web/css/Pc.css) screen and (min-width: 1024px) and (max-width:1200px);

/* 小屏幕（平板，大于640小于1024） */
@import url(../../web/css/Pad.css) screen and (min-width: 640px) and (max-width: 1024px);

/* 超小屏幕（手机，小于 640px） */
@import url(../../web/css/Mobile.css) screen and (max-width: 640px);


/*
 * PcMode-max
 */
 html{font-size: 16px}
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}
.wrap{max-width:1200px;margin-left:auto;margin-right:auto; *width:1200px;}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}

/*
 * PcMode-min
 */
 
 @media only screen and (max-width: 1200px) {
 
.news_list_l1 dl dd { float: left;}
.news_list_r1 dl dd { float: left;} 
.youshi01 h1 { margin-left:0%;}
.youshi01 h2 {padding-left:0%; }
.advtage_d_l img {max-width: 100%; }
 }
  
@media only screen and (min-width: 1024px) and (max-width: 1200px){
.wrap{max-width:1030px;}
.box2{max-width:1030px;}
.news_list_l1 dl dd { float: left;}
.news_list_r1 dl dd { float: left;}
.news_list_r1 dl dd { width:100%;}
.news_list_l1 dl dd { width:100%;}





}

/*
 * PadMode
 */
@media only screen and (min-width: 640px) and (max-width: 1024px) {
.wrap {
    padding-left: 2%;
    padding-right: 2%;
    max-width: none;
}
.box2{
padding-left: 2%;
padding-right: 2%;
max-width: none;
}
.head_tel {
    height: auto;
    padding: 5px 0 15px 0;
    text-align: center;
}
.head_tel a { display: inline;padding-left: 10px;}
.logo_img, .logo_txt{ height: 90px;line-height:90px;}
.jcarousel_main a.bx-prev{left:-4%;background:url(images/case_l.jpg) no-repeat center center;}
.jcarousel_main a.bx-next{right:-4%;}
body, input, textarea, button, select { font-size: 14px;}
.pro_img img { padding-top: 20%;}
.child .childContent .childContentli{font-size: 12px;line-height: 28px;}
.child .childContent .childContentli:hover{font-size: 12px;line-height: 28px;}
}
@media only screen and (max-width: 800px) {
	
.about_left { width: 100%; float: left; margin:auto; text-align:center; display:block;}
.about_left img { width: 100%;}
.about_right { width: 100%; float: left;}		
.products_left{
	  position: relative;
      float: left;
      width: 100%;
      margin-right: 0;
}
.products_slide .products_box h3{
    font-size: 24px;
    background-repeat: repeat-x;
    position: relative;
    line-height: 55px;
}
.products_slide .products_box h3::after {
    position: absolute;
    display: block;
    font-family: 'iconfont';
    content: '+';
    right: 10px;
    top: 0;
    font-weight: normal;
}
.logo_img a{ padding-right:4%}
.products_slide .tel-box {
    display: none;
}
.products_right_c {
    margin-left:0px;
}
.advtage_u_l {width:98%;
    padding-top: 0em;}
.advtage_u_r {width:98%;padding-top: 3em;}
.advtage_d_l {width:98%;padding-top: 3em;}
.advtage_d_r {width:98%;padding-top: 3em;}
.left{width:100%}
.right{width:100%; padding-top:2%;}
.productul li { width: 31%;}
.left1_title{
	font-size: 24px;
    background-repeat: repeat-x;
    position: relative;
   line-height: 55px;
}
.left1 .left1_title::after {
    position: absolute;
    display: block;
    font-family: 'iconfont';
    content: '+';
    right: 10px;
    top: 0;
    font-weight: normal;
}
.leftcontact{ display:none}
.nei_zixun .liuyan{
	margin-top:10px;
	margin-left:0;
}
.footer {
    font-size: 13px;
}
.footer_contact a {
    font-size: 13px;
}
.copyright p a {
    font-size: 13px;
}
.catalog{ display:none}
.logo_txt p {
    font-size: 18px;}
.pro_itemall{ display:none}
.title20 a {
    font-size: 18px;
    color: #4b4b4b;
    position: relative;
    line-height: 45px;
	font-size: 18px;
}
.title21 {
    margin: 20px 0 10px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.box2 {padding-left: 4%;
padding-right: 4%;}

.mianbao a{
    font-size: 14px;
}


.news_list_l { width:100%;}
.news_list_r { width:100%;}

.news_list_l1 dl dd { float:right;}
.news_list_r1 dl dd { float:right;}
.news_list_l1 dl img { width: 30%;}
.news_list_l1 dl dd { width: 66%;}
.news_list_r1 dl img { width: 30%;}
.news_list_r1 dl dd { width: 66%;}	


.contact_left {
    float: left;
    width: 100%;
}
.contact_right {
    float: left;
    width: 100%;
}

.section_advtage {
    background: #fff;
}
.youshi01 { background:#165099;
}

}
@media only screen and (max-width:64em){
	.top{display:none;}
	.logo_left{width:98%}
	.logo_right{width:98%}
}
/*
 * MobileMode
 */
@media only screen and (max-width: 640px) {
	.wrap {
    padding-left: 4%;
    padding-right: 4%;
}
	.pro_list {
    float: left;
    margin-right: 2%;
    width: 48%;
    transition: .2s width ease;
    text-align: center;
}
.news_left {width:98%}
.about_right {width:98%}
.fadeInLeft {width:98%}
.fadeInRight {width:98%;}
.nei_zixun .liuyan {
    margin-top: 0px;
    margin-left:13px;
}
.logo_img{width: 90%;height: 60px; line-height:60px;overflow: hidden;}
.logo_img::after {
    width: 1px;
    height: auto;
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    margin-top: 0;
}
.logo_txt{width: 100%;height: auto; display:none}
.logo_txt p {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.5;
    display: inherit;
    text-align: center;
}
.logo_txt::before {
	display:none
}
.logo_right{ display:none}
.nav_skin {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.wapNavBtn {
    display: block;
    top: 16px;
    right: 16px;
    width: 24px;
    font-size: 24px;
}
header .fa{font-size:30px; font-weight:normal}
.nav_skin ul.navmenu {
    position: absolute;
    width: 262px;
    height: 280px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
}
.nav_skin .navmenu li.child{
    margin: 10px 7px;
    font-size: 12px;
    width: 69px;
    height: 69px;
    line-height: 69px;
    border: 2px solid #fff;
}
.nav_skin .navmenu li.child .menu_title {
    color: #fff;
    font-size: 12px;
}
header .wapNavBtn { display:block;top: 16px;
right: 16px;
width: 24px;
font-size: 24px;}
.public_left{ display:none}
.public_center{width:98%;}
.public_right{width:98%; text-align:center}
.pro_listbox p {
 font-size: 12px;
line-height: 32px;
}
.footer_message_left{ width:98%}
.footer_message_right{ display:none}
.footer_menu{ display:none}
.footer_contact p{ text-align:center}
.footer_contact p a{font-size: 12px;
line-height: inherit;}
.copyright p a{font-size: 12px;
line-height: inherit;}
#top{ display:none}
#bdshare{display:none}
.nei_banner{display:none}
.mianbao{display:none}
.icon-caidan3::before {
    content: "三";
}
.hot_search .form-control {
    height: 38px;
}
.hot_search .search_btn {
    height: 38px;
}
.hot_search{
    width: 95%;
}
.products_content {
    text-align: center;
    padding:0;
}
.products_main {
    padding-bottom: 1em;
}
.products_list .pro_listall{ display:none}
.childContent{ display:none}
.title_name h2 {
    font-size: 20px;
    line-height: 1.2;
}
.title_name h3 {
    font-weight: lighter;
    font-size: 16px;
    line-height: 35px;
}
.jcarousel_main a.bx-prev {
    left:-2%;}
.jcarousel_main a.bx-next {
    right: -2%;
}
.advtage_box h3 p {
    font-size: 18px;
    line-height: 1.4;
}
.advtage_box h3 small{
    font-size: 15px;
}
.advtage_box h3::before{
    top: 8px;
    width: 40px;
    background-image: none;
    font-size: 24px;
}
.advtage_box h3 {
    padding-left: 50px;
}

.advtage_main {
    padding: 1em 1em;
}
.advtage_box {
    padding-bottom: 10px;
}
.box-t {
    font-size: 20px;
}
.iconMore a {
    font-size: 22px;
    line-height: 17px;
}
.iconMore{
    display: block;
    width: 20px;
    height: 20px;
    font-size: 22px;
    overflow: hidden;
    line-height: 17px;
}
.news_main {
    padding: 1em 1em;}

.about-box p {

    line-height: 2;
    padding: 15px 0 0 0;

}
body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu {

    margin: 0;

}
body, h1, h2, h3, h4, h5, h6, div, ul, li, ol, dl, dt, dd, td, p, pre, form, fieldset, input, textarea, blockquote, th, button, em, select {

    padding: 0;
    margin: 0;

}
body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu {

    margin: 0;

}
body, h1, h2, h3, h4, h5, h6, div, ul, li, ol, dl, dt, dd, td, p, pre, form, fieldset, input, textarea, blockquote, th, button, em, select {

    padding: 0;
    margin: 0;

}
.news_center {

    text-align: left;

}
body {
    font: 12px/1.8 'Microsoft Yahei',Arial,sans-serif;


}
.copyright{ display:none}
.wapNavBtn.on{display: none;}
.products_slide .products_box ul { display:none}
ul.navmenu li.child:hover .childContent{ 
     display:none;	
}
.section_find {
    padding: 10px 0;}
.hot_word p {
    font-size: 16px;
    padding-bottom: 5px;
    text-align: center;
    color: #000;
}
.logo_img {
    width: 86%;}
.mianbao a{
    font-size: 14px;
}
.pr_name {
    font-size: 26px;

}

.advtage_u_l {padding-top: 0em;}
.hot_word p{ margin:0 auto;float: none;line-height: 26px;}
.hot_search { margin:0 auto;float: none;}
.pro_img img {
    padding-top:0%;
}
.pro_listbox {
    margin-bottom: 2.4%;
	}
.pro_list {
    margin-right: 2.3%;
    width: 47%;}
.products_right{ margin-top:2%}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 30%;}
.hot_word {
    width: 100%;
    float: none;
}
.hot_word span{ display:block; float:none}


.img-wrap{height: 240px;}

}
@media only screen and (max-width: 480px) {
	.nei_zixun .liuyan {
    margin-top: 10px;
    margin-left: 0px;
}
.product_info{ float:none}
.nei_zixun a{ float:none; width:auto; text-align:left}
.img-wrap {
    height: 162px;
}
.pro_img{
    height: 162px;
}
.pro_listbox {
    border: 2px solid #e2e2e2;
}

.news_list dl img {
    width: 185px;
}


.news_list dl dd {
    width: auto;
}

.news_list_l2 dl dd { display: block; float: right; width: 76%;}
.news_list_r2 dl dd { display: block; float: right; width: 76%;}


news_list_l dl dd { width:70%;}


}
@media only screen and (max-width: 360px) {
	.img-wrap {
    height: 135px;
}
.pro_img{
    height: 135px;
}
	}
@media only screen and (max-width:40em){
.productul li {
    float: left;
    margin-right: 2%;
    width: 48%;
    transition: .2s width ease;
}
}