/*
* name: Mobile && SmallScreen StyleSheet
* version: v1.1.0
* update: 尺寸细分代替横竖屏
* date: 2015-08-10
*/

/* <640 */
.nav { display: none; }
.minwrap{max-width: 100%;}
.widget-newsdetail-3 ._head ._title { font-size: 14px; }
.mobile_key { font-size: 20px; }
.logo { width: 50%; }
.logo img{ vertical-align:middle;}
.ion{ font-size:24px;}
.top { border-top: none; position: relative; }
.top ._sear { display: none; width: 97%; padding: 2%; background: #000; position: absolute; left: 0%; top: 100%; margin: 0;z-index: 20; }
.top ._sear input{ height: 30px;background: #fff; border: none; text-indent: 2%;}
.top ._sear button{ background: #f9b406 ; height: 30px; line-height: 30px;}
.top ._sear button i{ font-size: 14px; color: #fff; font-weight: bold;}
.top ._sear button .ion{ display: none;}
.top>.wrap{ position: relative; overflow: visible;}
.top ._link { float: left;  width: auto; margin-top: 14px;}
.banner { height: auto; width: 100%; height: 176px; }
.banner li img { position: static; margin: 0; width: 100%; }
.sec_head ._txt { font-size: 14px; }
.h_news{ padding-top:20px;}
.h_news .tab_t { width: 50%; float: left; }
.h_news .tab_b { top: 0; }
.h_news .tab_c { padding: 0 2%; }
.h_news .tab_c li { width:100%; }
.h_news .tab_c li ._txt{ font-size: 14px;}
.sec_head2 { padding:4% 2%; width: 96%; }
.sec_head2 ._links a { width:25%; font-size: 14px; padding:0 2%; }
.sec_con2 ._img img { width: 100%; }
.sec_con2 ._info { padding: 2%; }
.sec_con2 ._info .txt { margin-bottom: 5px; }
.sec_con1 .more{ margin-top: 15px;}
.home_bottom { padding: 4%; }
.friendLink{ width:100%; height:30px; font-size:14px; background-color:#FFF;}
.footer { height: auto; line-height: normal; padding: 4%; }
.footer .l { margin-bottom: 5px; }
.footer .gs { margin-left: 0; }
.footer .r { margin-top: 20px; }
.innerBan ._con { width: 100%; font-size: 14px; position: static; }
.innerBan ._con h3 { font-size: 20px; }
.innerBan { height: auto; }
.submenu a { text-indent: 0; }
.mainLeft { width: 100%; padding-left: 0; padding-top: 30px; text-indent: 0; }
.mainRight{ width:100%; padding:20px 0 0;}
.aboutCon2 { padding: 0; }
.aboutCon2 .l { width: 100%; float: none; }
.breadCrumb { padding-left: 4%; width: auto; }
.aboutlist li { width: 100%; float: none; height: auto; padding-bottom: 0; background: none !important; }
.otherCompany ._list li { width: 100%; }
.otherCompany ._list li img { width: 100%; }
.aboutlist li h3 { font-size: 20px; width: 100%; }
.otherCompany ._tit { font-size: 20px; }
.otherCompany ._tit a { margin-top: 0; }
.job_list li { float: none; width: 100%; }
.widget-job-2 ._jt span { display: none; }
.map-M2-list { height: auto }
.map-M2-search { padding: 0; border: 0 }
.map-M2-search .form-control, .map-M2-search .btn { margin-bottom: .5em }
.widget-newslist-3 ._img { float: none; width: auto; }
.h_news .arr1_prev,.h_news .arr2_prev { left: 0; }
.h_news .arr1_next,.h_news .arr2_next { right: 0; }
.h_news .arrs1 { margin-top: 0; }
.mainLeft .channelT{ font-size: 18px;}
.channelT:after { content: ''; display: inline-block; margin-top: 3px; width: 30px; height:14px; background: url(../images/arr_up.png) no-repeat 0 -14px; background-size:85% auto; float: right; }
.submenu { display: none; }
.channelT.active:after { background-position: 0 0; }
.submenu a { background: #0b328f; color: #fff; text-align: center; margin-bottom: 2px; }
.contact_bot{ display:none;}
.sec_head1{ height: 114px; padding-top: 10px;}
.sec_head1 ._txt { width: 90%; line-height: 26px;  font-size: 12px;}
.videoCon{ margin: 0; width: 100%; display: none;}
._video li img{ width: 100%;}
.news_list li{ width: 100%; margin-right: 0; margin-bottom: 20px; }
.innerban { display: none;}
.proverall ._tit{ font-size: 15px; width: 80%; }
.pro_pad{ padding: 0; width: 100%;}
.proverall .shop_sear{ width: 100%; float: none; margin-bottom: 0;}
.shop_sear ._sele{ border: #ccc solid 1px; width: 100%;}
.pro_list li{ width: 48%; margin:0 1%; margin-bottom: 20px;}
.shop_sear ._left{ /*display: none;*/width:100%; padding-left:0px !important; margin-bottom:20px;}
.shop_sear ._midd{ width: 100%; float: none; margin: 0;}
.shop_sear ._right{ width: 100%; padding-top: 20px;}
.proDetailImg ._txt{ position: static; width: 96%;}
.mainData{ display: none;}
.techData ._con{ overflow-x:scroll;}
.property ._right{ display: none;}
.property ._left{ width: 100%; float: none;}
.property{ background: #fff; color: #555; padding: 30px 0; margin-bottom: 0;}
.zy_left{ width: 100%; float: none; }
.zy_right{ width: 100%; float: none; }

.zy_left .box2 .l{ width: 100%; float: none;}
.zy_left .box2 .l1{ width: 96%; padding: 2%; float: none;}
.zy_left .box2 .l2{ margin-bottom: 10%;}
.zy_left .box1 ._con{ width: 96%; padding: 2%; position: static; color: #555;}
.zy_left .box3{ display: none;}
.zy_right .box3 ._con{ width: 96%; padding: 2%;}
.zy_tit{ padding: 25px 0;}
.job_list li form button{ margin-left: 0; height: 36px;}
.job_list li form ._sel1, .job_list li form ._sel2{ height: 30px;}
.proverall li{ height: auto; padding-bottom: 0; margin-bottom: 20px;}
.proverall li ._bg{ display: none; }
.proverall li ._txt{ margin-bottom: 15px;}
.widget-newsdetail-3{ padding-right: 0;}
.proverall ._links a{ width: 46%; margin:0 2%; padding: 0; margin-bottom: 10px;}
.year_bar li{ width: 100%;}
.developBan h3{ font-size: 16px;}
.footer{ position: relative;}
.footer .gs{ position:absolute; top:52px; width:30px; right:40%;}
/*.h_news .tab_c li{ width: 95%;}
.proscroll li { width: 100% !important;}
*/.h_news .tab_t{ font-size: 14px;}
.h_news .pro_img{ display: none;}
.sec_con2 ._con:hover ._img { padding-bottom: 80%; }
.banner .slide_nav{ height: 30px; padding-top: 0;}
.banner .slide_nav a{ margin-top: 10px;}
.banner .arrs{ bottom: 0; }
.sec_con1{ padding: 25px 0;}
.sec_head ._tit{ font-size: 20px;}
.news_list ._intro ._txt{ height: auto; text-align:justify; text-justify:inter-ideograph; }
.wrap{ overflow: hidden;}
.submenu li a{ text-indent: 0; color: #fff;}
.news_list .noimg ._intro ._txt{ height: auto;}
.mainRight ._productT h2{ margin-bottom: 20px; float: none; width: 100%; padding-left: 0;}
.pro_bar{ width: 68%;padding-left: 32%; margin-bottom: 15px;}
.proDetailImg ._txt h3{ font-size: 20px;}
.proRight .sec_tit{ font-size: 20px;}
.shop_sear h3{ font-size: 20px;}
.submenu dd>a{ background: #ccc; color: #0b328f; }
.h_news .tab_c li ._con:hover { color: #000; background: #fff;  }
.h_news .tab_c li ._con:hover ._day { border-color: #fff; }
.h_news .tab_c li ._con:hover ._detail { color: #000; }

.kcsRight ._cont ._list{ height: 400px;}
.kcs_tips dd{ width: 100%;}
.kcs_tips dd ._left{ width: 100%; float: none; display: none;}
.kcs_tips dd ._intro{ width: 90%; float: none;}
.kcs_tips ._close{ right: 0;}
.kcs_tips{top: 26%;}
._video li i img{ width: auto; }
.videoCon{ margin-bottom: 20px;}
.zy_left .box1 ._con ._txt{ font-size: 12px;}
.sear_key { font-size: 20px;}
.map-M2-map{ height: 400px;}
.home{ padding-top: 53px;}

#downProRes{width: 100%; margin-bottom: 20px;}



.sec_con3 ._info ._txt{ height:102px;}

.honor_list li{ width:48%; margin:0 1% 3%;}
.prolist li{ width:48%;}
.job_list{ padding:20px 3%;}
.job_list .job_main .job_l{ width:100%;}
.job_list .job_main .job_r{ width:100%;}
.conMainL{ width:90%; padding:20px 5%;}
.conMainR{ width:100%; padding:0 0;}
.conMap{ height:450px;}
.messTbl{ padding:20px 5% 0; width:90%;}
.messTbl ul li{ width:99%;}

/* <320 */
@media screen and (max-width: 320px) {
}