﻿/*
* name: Mobile && SmallScreen StyleSheet
* version: v1.1.0
* update: 尺寸细分代替横竖屏
* date: 2015-08-10
*/

/* <640 */
/*top*/
.top{ border-bottom:1px solid #ddd; padding-bottom:20px;}
.top-lan{ float:left; margin-right:0; }
.top-search .tse-inp{ width:100px;}
.mobile-nav{ display:none; }
.mobile-nav .nav_layer ._img {display:none;}
.mobile_key{ display:block; position:absolute; top:10px; right:0px; font-size:30px; }
.mm-opened .top{ z-index:30;}

/*banner*/
.banner .arrs{ top:65%; }

/*首页*/
.banner{ height:0; padding-bottom:46%;}
.banner img{ width:100%; height:auto; margin:0; position:static;}
.banner .slide_nav{ bottom:10px;}

.channel-banner()
.channel-banner img{ width:100%; height:auto; margin:0; position:static;}


.ipro{ margin-top:20px; height:auto;}
.ipro-list li{ width:25%;}
.ilant{ width:100%; padding-left:0; background:none !important;}
.inews{ width:100%; margin-bottom:30px; }
.ivideo{ width:100%; }
.inews li a{ background:none;}
.inews li a:hover{ background:none;}
.inews li ._date{ width:20%;}
.inews li ._nr{ float:right; width:76%; margin-left:0;}
.icxin-list li{ margin-bottom:20px;}
.icxin-list li ._more{ width:120px;}
.igongyi-nr { width:90%; padding:0 5% 20px;}
.igongyi-nr .igy-sum{ width:100%; margin-left:0;}
.igongyi-nr .igy-sum .igysum-t3{ display:block;}
.index_pt1 .idpt1_item2 .index_md .maodian{display: none;}
.index_pt1 .idpt1_item1{width: 100%}
.index_pt1 .idpt1_item2{width: 100%}
.index_pt1 .idpt1_item3{width: 100%}
.index_pt1{background: none;}
.index_pt2 .tbb_li.have_dec.show:after{display: none;}
.index_pt2 .bottom_dec_box{padding: 20px 0}
.index_pt3 .right_news .rn_box{padding-left: 0;}
.index_pt4 .in_item{width: 100%;}
.index_pt4 .in3 .in3_box{padding-bottom: 100%}
.index_pt3 .bottom_news .left_riqi .nianyue{font-size: 12px;}
.index_pt3 .bottom_news .left_riqi .ri{font-size: 30px;}

/*ipart03*/
.ipart03 .iprt03_ul { width:100%; }
.ipart03 .iprt03_li { margin-right:2%; margin-bottom:20px; width:48%; }
/*内页*/
.nmain{ padding:20px 0 10px; background:#fff; z-index:15; }
.nmian-left{ width:100%; float:none; margin-bottom:20px;}
.nmian-right{ width:100%; float:none; }
.nchan-lant{ height:85px;}
.nchan-lant ._cn{ padding-top:10px;}
.chr-top .chr-lant{ float:none;}
.posi{ float:none; font-size:12px;}
.ab-sum { padding-bottom:10px; font-size:16px; font-family:"微软雅黑"; line-height:160%}
.ab-sum img{margin:10px 0; float:none; width:100%}

/*新闻列表*/
.news-hot{ float:none; padding:20px 5%; width:100%;}
.news-saerch{ float:none; padding:20px 5%; width:100%;}
.news-list li ._date{ display:none; }
.news-list li a{ background:none;}
.news-list li a:hover{ background:none; padding-bottom:0;}
.news-list li ._nr{ width:100%; margin-left:0;}
.news-list li ._tools{ font-size:14px;}

.fgs-list li ._date{ display:none1; width:100%; height:auto; }
.fgs-list li ._date img{ display:none1; width:100%;margin-bottom:	1%;}
.fgs-list li a{ background:none;}
.fgs-list li a:hover{ background:none; padding-bottom:0;}
.fgs-list li ._nr{ width:100%; margin-left:0;}
.fgs-list li ._tools{ font-size:14px;}

/*新闻详细*/
.widget-newsdetail-2 ._tools{ display:none;}
.widget-newsdetail-2 ._head ._title{ padding-bottom:10px; }

/*产品*/
.pro-top ._nr{ width:100%; }
.pcat-list li{ width:25%; }

/*产品详细*/
.pdet-top ._img{ width:100%; }
.pdet-top ._nr{ width:90%; margin-left:0; padding:5%; }
.pdet-top ._down{ height:75px; }
/* 产品表格 */
.pro_table{ font-size:14px;}
.pro_table th { width:30%;}
.pro_table td{ width:70%;}
.form-horizontal .control-label{text-align: left;}

/*公益*/
.gongyi-list li{ margin-bottom:20px; }
.gongyi-list li ._img{ width:100%; float:left;}
.gongyi-list li ._nr{ width:100%; margin-left:0; }
.gongyi-list li ._title{ margin-top:15px; margin-bottom:0; line-height:1.2;}

/*联系我们*/
.contact-map{ height:200px;}
.contact-list li ._title{ word-break:normal; overflow:visible; height:auto;}
.contact-list li ._sum{ height:auto; }

/*关于我们*/
.about-left{ float:none; width:100%; margin-bottom:20px;}
.about-video{ float:none; width:100%;}
.abchan-tag{ display:none;}

/*job*/
.job-top{ background:none;}
.job-top li{ width:50%; margin:0;}
.job-list li ._jobt1{ width:50%;  }
.job-list li ._jobt2{ display:none; }
.job-list li ._jobt3{ display:none; }
.job-list li ._jobt4{ display:none; }
.job-list li ._jobt5{ width:50%; }

.jdet-list li{ width:98%;}
.job-content dt{ display:none;}
.job-content dd{ width:100%; margin-left:0;}

/*发展历程*/
.widget-history-3-tab .tab_c .his-list ._years{ display:none; }
.widget-history-3-tab .tab_c .his-list ._nr{ width:100%; float:none; padding-left:0; border-left:none;}

/*企业文化*/
.culture-tab .tab_b{ display:none;}
.culture-tab .tab_t{ position:relative !important; top:auto !important; left:auto !important; width:100%; border:1px solid #ddd; margin-bottom:10px; }
.nadd-luru-m img{ display:block; margin-left:auto; margin-right:auto; }
.nadd-luru-m span{ color:#e7463c; }

.dianboShow li { width:20%; float:left; text-align:center;}
.dianboShow li p{text-align:center; font-size:14px; margin:0 auto; width:100px;}
.dianboShow .icos{ margin:10px auto; }
.dianboShow .icos,.dianboShow .ico_w,.dianboShow .ico_b{ display:block; width:70px; height:70px;}
.dianboShow .icos { text-align:center; position:relative; margin:0 auto;}
.dianboShow .ico_w,.dianboShow .ico_b { position:absolute; left:10px; margin-left:0px; top:0;}
.dianboShow .ico_w { z-index:2;}
.dianboShow .icos img { display:inline-block; height:70px; max-width:none; }
.channel-content h2{ font-size:18px; line-height:32px; color:#009D4D}


/*留言表单*/
.message-form li.mes-btn input{ width:120px;}

/*his*/
.timeline-effect { display: block; }
.timeline-wrap{ width:100% !important; float:none !important;}
.border-right{ border-right:none; border-left:3px solid #e7463c;}
.timeline-effect-img{ display:none;}
.timeline-effect-text{ width:100%; float:none; text-align:left !important;}
.timeline-effect-left{ padding-right:0; padding-left:30px; }
.timeline-detail-left .timeline-blow{ right:auto; left:-20px;}
.timeline-detail-left{ margin-left:0;}
.last_item .timeline-wrap{ border-left:3px solid #e7463c;}

/*荣誉*/
.honor-list li ._date{ display:none;}
.honor-list li ._title{ width:95%;}

/*成长环境*/
.czimg-right{ width:100%;}
.czimg-scroll{ height:auto; margin-top:0;}
.czimg-scroll li{ width:100%; margin-bottom:20px;}
.czimg-right .czimg-btn{ display:none;}

/*职业发展*/
.zhiye01,.zhiye02,.zhiye03{ margin-left:10px;margin-bottom:30px; }

/*job2*/
.job-tab-key li span{ margin-left:0; margin-bottom:-1px;}

/*国际市场*/
.newgjscb-right{ float:right; width:100%; }
.newgjscb-left{ float:left; width:100%;margin-bottom:10px;}
.newgjscb-text ._border{ height:180px;}

/*绿色发展*/
.fazhan-list li ._img{ display:none;}
.fazhan-list li ._nr{ width:100%; padding-top:0;}

/*生产装备*/
.zhuangbei-left{ width:100%;}
.zhuangbei-left .abchan-title,.zhuangbei-left .abchan-tag{ font-family:'微软雅黑'; }
.zhuangbei-left .abchan-tag{ display:block; }
.zhuangbei-video{ width:100%; margin-top:20px; }
.zbtab-key li{ width:49% !important;}
.zbtab-nr ._img{ height:auto; padding-bottom:0;}
.zbtab-nr ._img img{ display:block;position:static;}
.zbtab-nr ._cover{ position:relative; right:auto; top:auto; width:90%; padding:0 5% 30px;}
.zbtab-nr ._sum{ height:auto; }

.newgjscb-text ._border { height:auto; padding-bottom:25px; }

.widget-newslist-7 ._time { width:auto; min-width:0; margin-right:10px; }
.widget-newslist-7 ._title { width:65%; }

.position-box .info{font-size:14px; color:#555; text-align:center; width:85%; margin:0 auto 20px; line-height:26px;}
.position { display: inline-block; margin: auto; }

.position li { width: 50%; float: left; text-align: center; margin-top:25px;}
.position li figure { display: block; position: relative; margin: auto; width: 120px; height:120px; border-radius: 50%; border: 1px solid #047563; transition: 780ms; }
.position li figure img { display: block; margin: auto; position: relative; transition: 450ms; }
.position li:nth-child(1) figure { bottom: 0px; background:url(../images/li0.png) center center no-repeat}
.position li:nth-child(2) figure { bottom: 0px; background:url(../images/li02.png) center center no-repeat}
.position li:nth-child(3) figure { bottom: 0px; background:url(../images/li03.png) center center no-repeat}
.position li:nth-child(4) figure { bottom: 0px; background:url(../images/li04.png) center center no-repeat}
.position li:nth-child(1) figure img { bottom: 0px; }
.position li:nth-child(2) figure img { top: 39px; }
.position li:nth-child(3) figure img { top: 17px; }
.position li:nth-child(4) figure img { top: 40px; }
.position li:hover:nth-child(1) figure { bottom: 0px;  background:url(../images/lihover.png) center center no-repeat #009D4D}
.position li:hover:nth-child(2) figure { bottom: 0px;  background:url(../images/li2hover.png) center center no-repeat #009D4D}
.position li:hover:nth-child(3) figure { bottom: 0px;  background:url(../images/lihover.png) center center no-repeat #009D4D}
.position li:hover:nth-child(4) figure { bottom: 0px;  background:url(../images/lihover.png) center center no-repeat #009D4D}
.position li figcaption { display: block; margin-top: 0px; text-align: center; }
.position li figcaption h2 { color: #000000; font-size: 18px; font-weight: normal; line-height: normal; margin-bottom: 20px; opacity: 8; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transition: 650ms; }
/* <320 */
.row>[class*="span-"] {
float:left;
margin-right:1%;
/*margin-left:4%;*/
*margin-right:1.89%
}
.icxin-list li{margin-left:4%;}
.atitle{ line-height:30px; color:#333; text-align:center; font-size:14px; font-weight:normal; overflow:hidden; height:30px;}
.channel-content img{border-radius:8px; margin:0px;}
@media screen and (max-width: 375px){

.dianboShow li p{text-align:center; font-size:12px; margin:0 auto; width:80px;}


}


@media screen and (max-width: 320px){

.dianboShow li p{text-align:center; font-size:12px; margin:0 auto; width:80px;}


}
