﻿@charset "utf-8";
/* CSS Document */

@media (min-width: 769px){
#xlg,.banner_box,.b-return,.txtSSwe,.b-return,.flexslider,.logo .logo_mobile{display:none;}
#xlg,.logo .logo_mobile{ height:0; overflow:hidden;}
}

@media(max-width:768px){
#top,.container{width:100%;overflow:hidden;margin:0 auto;}
/* -- 页面整体布局 -- */
.top_bj,.logo1,.flexslidera,.product_box{ display:none}


.header {width:100%;height:60px; background:none;}
.logo {width:100%;height:60px;margin: 0 auto;}
.logo .logo_mobile img{height:50px; margin-top:5px; float:left; margin-left:6px;}

.logo h1,.sousuok,.navigation span .nav li{ display:none;}

#xlg>img{cursor:pointer;}
#xlg{width:100%;z-index:999; text-align:right}

/*nav*/
#headbot{width:100%;height:0px;overflow:hidden;position:absolute;left:0px;top:58px;z-index:99999;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;}

/*navigation*/
.navigation{background:#0572d7;height:auto;overflow: hidden;}
.navigation span{line-height:33px;width:100%;background:none;display: block;}
.navigation span a{ font-size:14px}
.navigation span a:hover{background:#02519b;}

/*baoz*/
.content{ width:100%; margin:0 auto; overflow:hidden; }
.baoz{ clear:both;padding:27px 0 10px;overflow:hidden; background:#eee}
.baoz li{ float:left;padding:0 0px 0px 0px;width:22%;text-align:center; position:relative;overflow:hidden;background:url(../images/top_bjw.png) no-repeat 53% 60%; margin-right:10px;}
.baoz li:nth-last-child(1){margin-right:0px;}

.baoz li img{ display:block; vertical-align:top;margin:0px;width:100%;height:auto; overflow:hidden; position:absolute;left:0px;top:0; z-index:1;}
.baoz li i img{z-index:-2;}
.baoz li b{ font-size:12px; font-weight:normal; display:inline-block;margin:0 auto;padding:119px 0 0; line-height:23px;height:47px; color:#555;}

/*------产品中心---------*/
.pro_nav_side,.pro_nav_side1{display:none}

.pro_box {width:100%;padding-top:14px;}
.pro_box_cont {height:auto;}
.pro_centre3 .pro_box_cont {padding:0;margin-right:0px;}

.contentSS{width:100%;float:none;margin-top:18px;}
.contentSS .conSS:nth-child(old){ float:left}
.contentSS .conSS:nth-child(even){ float:right}
.conSS{width:48%;height: auto;float: left;margin-right:0px;margin-left:0px;margin-bottom: 15px;position: relative; cursor: pointer; border:1px solid #ddd}
.conSS img{width:100%;height:auto;}
.txtSS{display:none}
.txtSSwe{height:35px;line-height: 35px;text-align:center; font-size:14px;background:#ccc;filter:alpha(opacity=60); /*IE*/-moz-opacity:0.6; /*MOZ , FF*/opacity:0.6; /*CSS3, FF1.5*/}
.contentSS li.conSS:nth-child(9){ display:none;}

/*about*/
.title_zuo,.title_you{background:none;}
.title_z span{height:9px;}

.i-intro{height:auto;padding:40px 0;background:#efefef; margin-top:8px;}
.i-intro .video{display:none}
.i-intro .detail{position:inherit;float:none;width:96%;margin:0 auto;height:auto;padding-top:2px;line-height: 25px; font-size:14px;color: #333;}
.i-intro .detail a{display:block;position:inherit;width: 134px; margin:0 auto}

/*news*/
.floornine {min-height:inherit; margin-top:0px;}
.baike,.news {float:none;width:96%; margin:0 auto}
.baikelist{margin: -10px 0 0 194px;}
.baikelist li{ overflow:hidden; display:block;white-space:nowrap; text-overflow:ellipsis;}
.newstit a{font-size:20px;}
.title h1{font-size:24px;}
.biaoti{ overflow: hidden; display: block; white-space: nowrap;text-overflow: ellipsis;}

/*合作伙伴*/
.cor,.shenlink{ display:none}
/*link*/
#hotl{ overflow:hidden}
#hotl .w11,.BottomTextBox{width: 100%;margin: 0 auto;}

.BottomLeftTxt{ width:98%; float:none; height:auto; margin:10px auto; border-right:none;}
.BottomLeftTxt ul{float:left; list-style-type:none; margin-left:0px; margin-top:10px; width:25%;}
.BottomLeftTxt ul li{ width:100%; height:24px; line-height:24px; text-align:left; font-size:11pt; margin-bottom:5px; display:block}

.BottomRightBox{ width:97%; float:right; margin-top:15px;}

.BOttomRightItem2{width:30%;float:left; margin-top:15px;}
.BOttomRightItem2 img { margin:0 auto; width:100%; border:none;}
.BOttomRightItem2 span{float:left; text-align:center; width:100%; margin-top:5px;}

.BOttomRightItem3{width:63%; height:auto; float:right; margin-top:15px; padding-top:0px;}
.BOttomRightItem3 span{ float:left;width:100%;  text-align:left; margin-bottom:10px;}
.BottomLop{ width:98%; margin:0 auto; height: auto; line-height:18px; padding:8px 0}

/*-------------------------------------------内页样式开始----------------------------------*/
/*bann*/
.bann,.cp .cp_r h3,.recomd_pro,.sub_tel,.pro_til{ display:none}

.b-return {width: 100%;height: 39px;line-height: 39px;color: #FFF;background:#065da3;position: relative;z-index: 19;text-align: center;}
.b-return .btn-return {width: 39px;height: 39px; display: block;   content: "";background: url(../images/menu_back.png) no-repeat left center;background-size:auto;position: absolute;top: 0;left: 0;text-indent: -999em; margin-left:15px;}
.b-return span {font-size:16px;}

.pro_centre3 {padding-top:0px;margin:0px auto 0 auto;width:96%;}
.pro_nav_side_ny{width:100%; }
.pro_til,.sub_tel,.pro_box h3{ display:none;}
.sub_cont {padding:18px 0 12px 0;border:none; overflow: hidden;background:#f2f0f0;}
.sub_cont .sublist{width:98%; margin:0 auto;}
.sublist li{ width:48%; float:left;}
.sublist li a{border-radius:9px;background-color: #dadada;background-image: -webkit-linear-gradient(#ffffff, #dadada);background-image: -moz-linear-gradient(#ffffff, #dadada);background-image: -ms-linear-gradient(#ffffff, #dadada);background-image: -o-linear-gradient(#ffffff, #dadada);background-image: linear-gradient(#ffffff, #dadada); border:1px solid #ccc}
.sublist li a:hover, .sublist .cur a{background-color: #1174c4;background-image: -webkit-linear-gradient(#1683db, #1174c4);background-image: -moz-linear-gradient(#1683db, #1174c4);background-image: -ms-linear-gradient(#1683db, #1174c4);background-image: -o-linear-gradient(#1683db, #1174c4);background-image: linear-gradient(#1683db, #1174c4); }
.sublist li:nth-child(old){ float:left}
.sublist li:nth-child(even){ float:right}


.sublist1a li{ width:100%!important; float:left;}
.sublist1a li ul.subl a{ background:url(../images/dd.gif) no-repeat 10% center; border:none; padding-left:15px; line-height:30px;height:30px;}

.aboutimg img{ width:100%;}
.nycomin{ padding:23px 5px; line-height:26px; font-size:14px}

/*contact*/
.y_navwrap,#left_layer{ display:none}
.con_con{ float:none; width:98%; margin:12px auto;}
.con_map{ float:none; width:100%;}
.feedback{ font-size:18px; margin-top:12px;}
.kk_message{width:98%;padding:0 1%;}
.kk_message .kk_msg_input{ margin:20px 30px 0px 0;}
.kk_message .kk_msg_input,.kk_message .kk_msg_tex{width:94%;float:none;margin-right:0;}
.kk_message .kk_msg_but{margin:20px auto 50px auto;}

/*tore*/
#right1 {width:100%; }
#right1 .pro_1 {width: 100%;}
#right1 .pro_1 dl {width:48%;margin-left:0px; margin-right:0px}
#right1 .pro_1 dd {padding-right:0px;}
#right1 .pro_1 img {height:auto;width:100%;}
.pro_1 h2 {line-height: 30px;font-weight: normal;text-align: center;height:30px;}
#right1 .pro_1 dl:nth-child(old){ float:left}
#right1 .pro_1 dl:nth-child(even){ float:right}

/*products*/
#img_p1{ height:100%; width:100%; margin:0px auto; padding-top:13px;}
#img_p1 ul li{ width:46%;}
.info_img1 a img{ width:100%; height: auto;}
#img_p1 li{ float:left; padding:5px 0px 0px 9px; margin-right:0px;}
.pro_centre3 .pro_box {padding-top: 15px;}

/*news*/
.inf_lc{ position:relative; width:96%; margin:0 auto}
.inf_lc li{padding:7px 10px 0 10px;height:auto; overflow:hidden;margin:0px 0px 20px 0px;}
.inf_lc li h4{ display:none}
.inf_lc li p{padding:0; line-height:22px;width:100%;}
.inf_lc li .fr{ position:absolute; right:5px; margin:0}
.inf_lc li p b{ line-height:35px;}


}