@media (min-width: 769px){
.navbar-header,.banner_box,.b-return,.b-return,.flexslider1,.search{display:none;}
}


@media(max-width:768px){
.block1200,.container,.headCon,.mainCon {width:98%;}
.flexslider12,.tour,.htmldady ul,#header-container .header-sub-show1{ display:none}
#header-container .header-sub{ background:none;display:none}
#headbot{width:100%;height:0px;overflow:hidden;position:absolute;left:0px;top:65px;z-index:99999;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;}
.navbar-header{ float:right}
.navbar-header .navbar-toggle{background-color:#ddd; border-color: #ddd;position: relative;float: right;padding: 9px 10px;margin-top: 14px;margin-right: 10px;margin-bottom: 8px;border-radius: 4px;}
.navbar-header .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd; }
.navbar-header .navbar-toggle .icon-bar{background-color:#888;margin-top: 4px;display: block;width: 22px;height: 2px; border-radius: 1px;}

.collapse { float:none; margin-left:0px;}
.navbar-userbar{right:30px;top: 22px;}
.headCon .logo { float:left; height:46px; padding:6px 0 0 0; }
.header {height:65px;}
.search{ top:65px;}

.nav > li{padding:0px;width:100%}
.navbar-nav > li > a {line-height: 34px;padding:0px; color:#fff;width:100%}
.nav {background:#333; padding:12px 0}
#header-container .header-sub-wrap{ display:none;}

/*main*/
.indextitle h3{float:left; font-size:18px;}
.indexprolist { margin-top:12px;}
.indexprolist ul{ width:100%;overflow: hidden;}
.indexprolist ul li{ width:100%; height:auto; float:left; margin:0 1% 2px 0; position:relative; overflow:hidden;}
.indexprolist ul li img { width:100%; height:auto;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.indexprolist ul li.profrist01{width:100%!important; height:auto!important;}
.indexprolist ul li.profrist01 img{width:100%!important; height:auto!important; }
.indexprolist ul li h3 { left:26px; top:30px;width: 100%; overflow: hidden; }
.indexprolist ul li p { width: 100%; color:#999;  position:absolute; left:26px; top:60px; line-height:18px;overflow: hidden;}
.indexprolist ul li h3 a{ font-size:16px}
/*aboutbj*/
.aboutbj{ margin-top:40px;}
.about h2{ padding-top:40px;}
.about dl {  }
.about dt { float:left;padding:0px; background:#fff; border:0px solid #CCC}
.about dt img { width:100%;}
.about dd {padding-left:0px; width:100%;line-height:25px;}
.about dd .titwen{ line-height:24px; font-size:14px}

.about .honor{ width:100%; margin-top:12px;border:0px solid rgba(255,255,255,0.3) }
/*partner*/
.partner{ margin-top:50px; margin-bottom:30px;}
.parttit{height:85px;line-height:26px;}
.parttit a{ color: #222;font-size:18px;font-weight:800}
.parttit p{font-size:20px}

.partner ul{ margin-top:2px;}
.partner ul li{  width:32%;}
.partner ul li:nth-child(3n){border-right:1px solid #ddd}
.partner ul li:nth-child(5n){border-right:0px solid #ddd}

/*news*/
.index-news-list{width:100%;}
.index-news-list li{float: left;margin-bottom: 14px;width:100%;box-sizing: border-box;background: #fff;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.index-news-list li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);box-shadow:0 10px 20px rgba(0,0,0,0.2);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}
.index-news-list li .pic{width:32%;float:left}
.index-news-list li .pic img{width:100%;height:118px;vertical-align: middle;}
.index-news-list li .new_wen{ float:right; width:64%; background:#f1f1f1; padding:2%; height:104px;}
.index-news-list li .tit{margin-top: 5px;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px;}
.index-news-list li .date{margin-bottom: 5px;padding-left: 15px;background: url(../images/icon_clock.png) no-repeat left center;color: #000;}
.index-news-list li .des{font-size: 12px;line-height: 1.75;color: #999; height:30px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.index-news-list li:nth-child(3){ display:none}

/*footer*/
.footer_con {height:auto;}
.footer_nav{width:100%;margin-top:0px; padding-top:15px;}
.footer_nav_one {width:100%;height:auto;float:none;margin-right:0px;}
.footer_nav_one h3{margin-bottom:0px; text-align:center;background:url("../images/lit_07.png") no-repeat right center;background-position: right 26px top 16px;margin: 0;border-bottom: 1px solid #414040; display:block; height:38px; line-height:38px;}
.footer_nav_one h3 a {font-size:15px;color:#fff;}
.footer_nav_one ul{ display:none}
.footer_nav_one li a {line-height:40px; background:#fff; text-align:center;border-bottom: 1px solid #bbb; display:block; color:#222}

.footer_dizhi {color:#b1b1b1;padding:20px 0px 20px 0px; width:80%; margin:0 auto;}
.footer_top .fr,.footer_top .fl{ float:none!important}


.footer hr {width:100%;border-bottom:1px solid #2d2d2d;opacity:0.4; margin:0 auto}
.footer_bottom {line-height:23px;color:#fff;width:100%;height:auto;}
.footer_bottom_con {width:96%;height:auto; margin:0 auto}

.link{ height:auto; background:#212020; margin-top:40px; padding:12px 0}
.link p{ width:80px; margin: 0; float: left; color: #777;line-height:22px; font-size:14px}
.link a{ float: left; display: block; margin: 0 10px; color: #777; font-size:12px; line-height:22px;}

/*=======================nymain=============================*/
.Innav {  background:#fff; width:100%; padding:24px 0 20px 0;margin-top:60px;}
.InnavCon {  width:98%;}
.Innavleft {  float:none;}
.Innavleft h3 {  color:#1272c7; font-size:24px; line-height:32px; font-weight:normal}
.Innavleft p {  padding-top:2px;color:#999; margin-bottom:5px;}
.Innavleft p a {  color:#999; padding:0 4px;}
.Innavright {  float:none;}
.Innavright ul { padding:0; }
.Innavright ul li{padding:0; width:48%; text-align:center; border:1px solid #ddd; border-radius:8px; margin-bottom:12px;  }
.Innavright ul li a{padding-bottom:0px; line-height:38px;  }
.Innavright ul li a:hover,.Innavright ul li a.cur {  border-bottom:0px solid #c9c8c8; color:#1272c7;}
.Innavright ul li:nth-child(odd){ float:left}
.Innavright ul li:nth-child(even){ float:right}


.nymain{ font-size:14px; padding:30px 0; line-height:28px;}
.aboutimg img{ width:100%!important; height:auto!important}

/*contact*/
.con_con{ float:none; width:100%;}
.con_con1{ float:none; width:100%; height: auto;}
.con_con1 iframe{ width:100%!important; height:350px!important;}
/*feedback*/
.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:100%;float:none;margin-right:0;}
.kk_message .kk_msg_but{margin:20px auto 50px auto;}

/*新闻中心*/
.xwzx dl{ width:100%; height:auto; margin-bottom:35px; background:#fff; border-bottom:none}
.xwzx dl dt{ width:99%; height:auto; float:left; padding-left:0px; position: inherit; }
.xwzx dl dd{display:none;}
.xwzx dl dt p{ height:46px; overflow:hidden;}
.xwzx dl dd em{ color:#ccc; font-size:14px; line-height:27px;}
.xwzx dl dt img{ float:none; padding-right:22px; padding-top:12px; width:100%; height: auto;}
.xwzx dl dt h5{ padding-top:6px; padding-bottom:0px;line-height:32px; }
.xwzx dl dt h5 a{ display:block;color:#06a5ec; font-size:16px;}
.xwzx dl dt a.detail{ color:#a7a7a7; font-size:14px; position:inherit ; background:#fff; height:33px; line-height:33px; display:block; text-align:center;border-radius:8px; border:1px solid #ccc; width:65%; margin:12px auto}

.projectshow1 .contentbox img,.pro-intro-txt img{ width:100%!important; height:auto!important}


/*产品列表*/
.productbox {  background:none;margin-bottom:65px;}
.productlist ul {   overflow:hidden; }
.productlist {  overflow:hidden;width:100%;padding-left:0px; }
.productlist ul li {  width:100%; height: auto;padding:12px 0px 0; background:#fff; float:left; margin:0 18px 20px 5px;}
.productlist ul li .productlistimg{width:40%; height:auto;  float:left;}
.productlist ul li .productlistimg img { width:100%; height:auto;}
.productlistdiv {width:59%;}

.productlistdiv h3,.probuy,.productlistdiv p{width:94%;}
.productlistdiv h3 a {font-size: 20px;}
.productlistdiv p{ height:35px;}
.probuy dt{ margin-top:2px; width:48%; }
.probuy dt .probuyone {height:32px;line-height:32px; }
.probuy dt .probuymore {height:30px; border:1px solid #e2e2e2;}

/*详细页面*/
.list_top1{margin-top:60px;}
.pro-intro-tab{height:56px; display:block; width:100%;float:none; display:block}

/*---人才招聘---*/
.jobsheader{  padding:30px 20px;}
.jobsheader dl dt{ width:68%; padding:0}
.jobsheader dl dd{  width:30%; height: auto; float:right;}
.jobsheader dl dd img{ display:block;width:100%; height: auto;}

.jobslist dl.jobslistHead{padding:0; width:100%}
.jobslist dl dt{ padding:0}
.jobslist dl dt,.jobslist dl dd,.jobslist dl dd.jobslistTime{ float:left;width:25%; text-align:center}
.jobslist dl,.jobslist dl dt a{margin:0px 0px; font-size:14px}

/*---人才招聘详细---*/
.jobsDetailed{padding:45px 25px 50px 25px; margin-top:25px; margin-bottom:50px; color:#4c4c4c;}
.jobsDetailedleft{width:100%;}
.jobsDetailedright{ display:none}

/*partner*/
.partner1 li{margin:16px 0 0 0; width:48%}
.partner1 li:nth-child(odd){ float:left}
.partner1 li:nth-child(even){ float:right}
.partner1 li img{ width:100%; height:auto;}

/*support*/
.faq-top span,.faq-top.cur span{padding-left:0px;background:none;overflow:hidden; display:block; text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/white-space:nowrap;/* 不换行 */}

/*download*/
.Downloadlist dl dd.Size,.Downloadlist dl dd.FileDownload{ width:16%;}
.Downloadlist dl dd.Filename{width:44%;overflow:hidden; display:block; text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/white-space:nowrap;/* 不换行 */}
.Downloadlist dl dd.Release{width:22%;}

/*tour*/
.fancybox_img ul li{width:46%;float:left;margin-right:0%;margin-left:0%; margin-bottom:10px;}
.fancybox_img ul li:nth-child(2n){margin-right:0;}
.fancybox_img ul li:nth-child(odd){ float:left}
.fancybox_img ul li:nth-child(even){ float:right}


.bardcon { padding:30px 0px 30px; width:100%; color:#666; font-size:14px; line-height:29px; margin-bottom:60px; overflow:hidden;}
.nymain1{padding:0;}
.nymainbj img{ width:100%!important;}
.nymain_w {width: 94%!important;}


/*个性化定制*/
.bardcon { padding:30px 2% 30px; width: 96%; color:#666; font-size:14px; line-height:29px; margin-bottom:60px; overflow:hidden;}
.bardconform {  border-top:1px dashed #e6e6e6; padding-top:51px; overflow:hidden;}
.bardconform ul { width:96%; margin:0 auto;}
.bardconform ul li{  width:96%; margin-right:0%; border-bottom:1px solid #d0d0d0; float:left; margin-bottom:45px;}
.bardconform ul li span {  display:block; float:left; color:#999; font-size:14px;height: 31px; width:24%;}
.bardconform ul li label {  display:block; float:left;width:68%;}
.bardconform ul li label input { width:100%; height:100%; font-family:"Microsoft YaHei";color:#666; background:none;}
.bardconform ul li.bard04 {  width:100%;}
.bardconform ul li.bard04 label {}
.bardconform ul li.bard08 {  width:100%;}
.bardconform ul li.bard04 span{ width:93px!important}
.bardconform ul li.bard08 span{ width:80px!important}
.bardconform ul li.bard09 {  width:100%; border-bottom:none; margin-bottom:0;}
.bardconform ul li.bard09 label {  width:166px; height:54px; background:#1272c7; color:#fff; text-align:center; line-height:54px; float:right; color:#fff; padding-left:0; cursor:pointer;}
.bardconform ul li.bard09 label input {  color:#fff; font-size:16px; cursor:pointer;}



}


@media(min-width:769px) and (max-width:1200px){
.block1200,.container,.headCon,.mainCon {width:98%;}
.headCon .logo{ width:15%;height:auto}
.headCon .logo img{ width:100%; height:auto}
.collapse{ width:72%; margin-left:1%;}
.navbar-nav > li{width:16.6%; padding:0}
.navbar-nav > li > a{ width:100%; padding:24px 0}

/*main*/
.indextitle h3{float:left; font-size:18px;}
.indexprolist { margin-top:12px;}
.indexprolist ul{ width:100%;overflow: hidden;}
.indexprolist ul li{ width:50%; height:auto; float:left; margin:0 0% 2px 0; }
.indexprolist ul li img { width:100%; height:auto;}
.indexprolist ul li.profrist01{ display:none}

/*aboutbj*/
.aboutbj{ margin-top:40px;}
.about h2{ padding-top:40px;}
.about dt { float:left;padding:0px;border:0px solid #CCC; width:32%}
.about dt img { width:100%;}
.about dd {padding-left:0px; width:66%;line-height:25px;}
.about dd .titwen{ line-height:24px; font-size:14px}

.tour{ margin-top:20px;}
.tour_t{ font-size:18px; font-weight:800; padding-left:10px;}
.about_nr ul {overflow:hidden; margin-top:15px;}
.about_nr ul li { width:23%; height:auto; float:left; margin:0 1% 14px 1%; display:inline; overflow:hidden; position:relative;}
.about_nr ul li img { width:100%; height:auto; padding:2px; border:1px solid #ccc}
.about_nr ul li .fc { display:none}

/*footer*/
.footer {}
.footer_con {height:auto;}
.footer_nav_one {width:20%;height:auto;float:left;margin-right:0;}
.footer_nav{width:68%;}
.footer_dizhi {color:#b1b1b1;padding:20px 0px 20px 0px; width:30%; margin:0 auto;}

/*contact*/
.con_con{ width:40%;}
.con_con1{width:58%; height: auto; float:right}
.con_con1 iframe{ width:100%!important; height:350px!important;}
/*feedback*/
.feedback{ font-size:18px; margin-top:12px;}
.kk_message{width:100%;padding:0 1%;}
.kk_message .kk_msg_input{ margin:20px 3% 0px 0; width:30%}
.kk_message .kk_msg_tex{width:100%;margin-right:0;}
.kk_message .kk_msg_but{margin:20px auto 50px auto;}

/*新闻中心*/
.xwzx dl,.xwzx dl dt,.xwzx dl dt h5{ width:100%;}
.xwzx dl dd{ display:none}

.Innav {  background:#fff; width:100%; padding:24px 0 20px 0;margin-top:60px;}
.InnavCon {  width:98%;}

/*产品列表*/
.productbox {  background:none;margin-bottom:65px;}
.productlist ul {   overflow:hidden; }
.productlist {  overflow:hidden;width:100%;padding-left:0px; }
.productlist ul li {  width:48%; height: auto;padding:12px 0px 0; background:#fff; float:left; margin:0 0px 20px 0px;}
.productlist ul li .productlistimg{width:40%; height:auto;  float:left;}
.productlist ul li .productlistimg img { width:100%; height:auto;}
.productlistdiv {width:59%;}
.productlist ul li:nth-child(odd){ float:left}
.productlist ul li:nth-child(even){ float:right}
.probuy,.productlistdiv p{width:94%;}

/*---人才招聘---*/
.jobsheader{  padding:30px 20px;}
.jobsheader dl dt{ width:68%; padding:0}
.jobsheader dl dd{height: auto; float:right;}
.jobsheader dl dd img{ display:block;}

.jobslist dl.jobslistHead{padding:0; width:100%}
.jobslist dl dt{ padding:0}
.jobslist dl dt,.jobslist dl dd,.jobslist dl dd.jobslistTime{ float:left;width:25%; text-align:center}
.jobslist dl,.jobslist dl dt a{margin:0px 0px;}

/*---人才招聘详细---*/
.jobsDetailed{padding:45px 25px 50px 25px; margin-top:25px; margin-bottom:50px; color:#4c4c4c;}
.jobsDetailedleft{width:60%;}
.jobsDetailedright{ width:35%;}

/*partner*/
.partner1 li{ margin:0 1% 20px 1%; width:23%;}
.partner1 li img{ width:100%; height:auto;}
.partner1 li span{ display:block; text-align:center; line-height:25px;}

}