@charset "utf-8"; 
/*全局样式*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'宋体'; color: #666; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

-webkit-user-select: none; 
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
/*设置字体的抗锯齿或者说光滑度*/ 
-webkit-font-smoothing: antialiased;  
}

ul,li,form, dl,dt,dd, div,p{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
ul,li{ list-style:none; margin: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none; text-decoration:none;}
a:hover{ color: #15182B; text-decoration: none;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;} /*清除浮动*/
/*全局样式*/
.SinglePage{ color: #666666; line-height: 25px;}
/*
 .nav-1 为demo编号
 */

/* Bootstrap默认优先手机 */
.container{ padding: 0px;  }
.nav-1{ width:100%; background-color: #e6e6e6;position: fixed;top: 0;z-index: 9;}
.nav-1 .TopCont{ margin:0; position:relative;}
/*设置logo*/
.nav-1 .navbar-header .logo{ width: 26%; padding-bottom: 0; padding:17px 0px 8px; margin:0; height: auto;}

.nav-1 .navbar-toggle{ margin-top: 2%; margin-right: 0;}
.nav-1 .navbar{ background:none; border:0; margin:0;}
.nav-1 .Top .container{ padding-left:0; padding-right:0;}
.nav-1 .navbar .NavCont .nav{ padding-left:0; padding-right:0; margin:0;}

/*设置导航a选中和经过样式*/
.nav-1 .navbar .NavCont ul li.active a,
.nav-1 .navbar .NavCont ul li a:hover{ border-bottom:2px solid #f4a60f; background: none;}

/*小屏隐藏分享*/
.nav-1 .Top_Share{ display: none;}



/*============================ @media 屏幕适应 ===============================*/
/* 超小屏幕（手机，小于 768px） */
@media screen and (min-width:640px){
  .nav-1 .navbar-toggle{ margin-top: 2%;}
}

/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width:768px ) {
	.nav-1 .navbar-header{ width: 20%;}
	.nav-1 .navbar-header .logo{ width: 100%;}
	
	.nav-1 .container .NavCont{  float:right;}
	.nav-1 .container .NavCont ul li{ padding-left: 0;}
	.nav-1 .container .NavCont ul li a{ color:#555555; text-align:center; padding:14px 15px; line-height:1; font-size: 12px;}
	.nav-1 .TopCopy .container .NavCont{ padding-top:0px; padding-left:0; padding-right:0; float:none;}
	
	/*分享按钮*/
	.nav-1 .Top_Share{ position:absolute; top:3px; right:0; display: none;}
	
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width:1024px ) {


  .nav-1 .container .NavCont ul li a{ font-size: 14px;}
  
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media screen and (min-width: 1200px) { 
  .navbar-collapse{ padding-right: 0px; }
  .container {width: 1100px;}
  .nav-1 .container .NavCont ul li#nav5 a{ padding:35px 20px 17px 20px; border-right: #dcdcdc 1px solid;}
  .nav-1 .container .NavCont ul li a{ font-size: 16px; padding: 35px 30px 17px 30px; border-left: #dcdcdc 1px solid; display: inline-block;}
  .nav-1 .navbar-header .logo{ padding-left: 0px; padding-top: 23px; }
}

/*首页ban*/


.homeban-2{ position:relative; padding:0; margin:0 auto; overflow: hidden;}
.homeban-2 .banlist,
.homeban-2 .banlist li,
.homeban-2 .banlist li img{ width:100%;}
/*tab导航*/
.homeban-2 .tablist{ position:absolute; left:50%; margin-left: -16px; bottom:5%; overflow: hidden;}
.homeban-2 .tablist li{ cursor:pointer; display:inline-block; width:8px; height:8px; border-radius:8px; background:#BC3147; margin-right:3px; float: left;}
.homeban-2 .tablist li.on span{ background: #fff; display: block; width: 4px; height: 4px; border-radius: 4px; margin: 2px;}



@media (min-width:640px){
   .homeban-2 .tablist{ margin-left: -30px;}
   .homeban-2 .tablist li{ width: 12px; height: 12px; border-radius: 12px; margin-right: 8px;}
   .homeban-2 .tablist li.on span{ margin: 4px;}
}

/*首页内容*/
@media (max-width:640px){
  .syabout_right img{ width: 49%; }
 .syabout_right .syaboutimg{width:35%;}
}



@media (min-width:320px) and (max-width:1200px){
.container{ padding: 0px 20px; }
.sy_about{ background-color: #fff; padding: 30px 0 40px 0px;}
.syabout_end{ line-height: 24px; padding-top: 10px; font-size: 14px; color: #444444; }
.syabout_end p{ margin-bottom: 10px; }
.top_span{ font-size: 17px; color: #343434;  border-bottom: #000 solid 2px; padding-bottom: 10px; display: none; }
.syabout_endleft a.syabout_a{display: block; width: 100px; height:30px;background-color: #FFF; border:#dedede 1px solid; color: #dedede;text-align: center;line-height: 30px; border-radius: 30px; font-size: 12px; margin: 10px 0; }
.syabout_endleft a.syabout_a:hover{ background-color: #f5a100;  color: #fff; border:#f5a100 1px solid;  }

.syproct{ background: #f2f2f2; }
.syproct_top .proct_span{ display: none; }

.syproct_end li img{width: 100%}
.syproct_top .proct_span{ color: #666666; font-size:16px;}
.syproct_end a{ display: block; }
.syproct_end li{  border-bottom: #dddddd 5px solid;  border-right: #dddddd 5px solid; margin-top: 20px; }
.syproct_bottom{  padding: 30px 0 20px 20px; background-color: #fff; }
.syproct_bottom .syproct_more{ display: block; width: 33px; height: 33px; background: url(../images/sylmt_21.png) no-repeat; float: right; margin-right: 20px; }
.syproct_bottom h2{ margin: 0px; color: #313131; font-size: 16px;padding: 0px 0 5px 0; }
.syproct_bottom span{ color: #b8b8b8; font-size: 16px; text-transform: uppercase; display: block;  background: url(../images/sylmt_29.png) left bottom no-repeat; padding-bottom: 8px;  }
.syproct_bottom .pt_bottomleft{ float: left;  }
.syproct_end li:hover h2{ color:#f5a100;}
.syproct_end li:hover span{color: #fce1c2; background: url(../images/sylmt_32.png) left bottom no-repeat;}
.syproct_end li:hover .syproct_more{ background:url(../images/sylmt_24.png) no-repeat ;}




.synew_end li img{width: 100%}


.synew_top .top_span{ /* display: block;   */margin-top:20px;}
.synew_top .synew_tab{  margin-top: 25px;  }
.synew_top .synew_tab a{ display: inline-block; width: 120px; height: 30px;  border: #dddddd 1px solid;  color: #444444; font-size: 12px; text-align: center; line-height: 30px; background: #fff; border-radius: 30px;  margin-left: 10px;}
.synew_top .synew_tab a.on,
.synew_top .synew_tab a:hover{ border: #dddddd 1px solid; background: #f5a100; border: #f5a100 1px solid; color: #fff;  border-radius: 30px;}
.synew_bottom h2{ line-height:1;font-size: 16px; color: #444444; padding: 28px 0 25px 0; margin: 0px; }
.synew_bottom .new_bottomleft span{  color: #999999; font-size: 12px; line-height: 25px; }
.synew_bottom .new_more { margin-top: 40px;visibility: hidden;  }
.synew_bottom .new_more .synewt_more{ display:inline-block; float: left;  width: 38px; height: 9px; background: url(../images/synewxjt_14.png) no-repeat; }
.synew_bottom .new_more .time{ float: right; color: #e0e0e0; font-size: 12px; }
.synew_end li{ margin-top: 28px; }
.synew_end li:hover h2{ color: #f5a100;}
.synew_end li:hover .synewt_more{ background: url(../images/synewxjt_12.png) no-repeat;  }


.sycontact{ background-color: #f2f2f2;  }
.sycontact .sycontact_left{ padding-top: 10px; }
.sycontact .sycontact_left .sycontent_leftend{ font-size: 16px; color: #444444; }
.sycontact .sycontact_left .sycontent_leftend h3{ font-size: 16px; font-weight: normal; margin: 10px 0 15px 0; line-height: 30px; color: #343434; }
.sycontact .sycontact_left .sycontent_leftend li{ height: 25px; padding-left: 30px; margin-bottom: 20px; line-height: 23px; }
.sycontact .sycontact_left .sycontent_leftend li.sycontentLi1{ background: url(../images/sylxwmtt_07.png) left center no-repeat; }
.sycontact .sycontact_left .sycontent_leftend li.sycontentLi2{ background: url(../images/sylxwmtt_10.png) left center no-repeat; }
.sycontact .sycontact_left .sycontent_leftend li.sycontentLi3{ background: url(../images/sylxwmtt_13.png) left center no-repeat; }
.sycontact .sycontact_left .sycontent_leftend li.sycontentLi4{ background: url(../images/sylxwmtt_16.png) left center no-repeat; }
.sycontact .sycontact_left .sycontent_leftend li.sycontentLi5{ background: url(../images/sylxwmtt_18.png) left center no-repeat; }
.sycontact .sycontact_right{ /*background: url(../images/sylxwmt_05.jpg) right no-repeat;*/  }
.sycontact_top{  padding-top: 12px; }
.sycontact .sycontact_right .sycontact_n{  display: block; text-indent: 10px; width: 100%; }
.sycontact .sycontact_right .sycontact_n h2{ font-size: 20px; line-height: 60px; font-weight: bold; }
.sycontact .sycontact_right .sycontact_n{ font-size: 14px; line-height: 25px; }
.sycontact .sycontact_right .sycontact_n:hover{ background: url(../images/xinwent_06.png); color: #fff; }


}


@media screen and (min-width: 1200px) { 
.sy_about{ background-color: #fff; padding: 50px 0 90px 0px; min-height: }
.syabout_top{  background: url(../images/sygut_03.png) left center no-repeat; height: 102px;}/*
.syabout_top{  background: url(../images/ab_03.png) left center no-repeat; height: 105px;}*/
.top_span{ font-size: 34px; color: #343434; line-height: 62px;}
.syabout_end{ line-height: 30px; padding-top: 37px; font-size: 14px; color: #444444; }
.syabout_end .syabout_endleft{ width: 592px; float: left; }
.syabout_end p{ margin-bottom: 30px; }
.syabout_endleft a.syabout_a{  display: block; width: 143px; height: 40px;background-color: #FFF; border:#dedede 1px solid; color: #dedede;text-align: center;line-height: 40px; border-radius: 30px; font-size: 12px;   }
.syabout_endleft a.syabout_a:hover{ background-color: #f5a100;  color: #fff; border:#f5a100 1px solid;  }
.syabout_right{width: 445px; float: right; position: relative;}
.syabout_right .syaboutimg{ position: absolute; right: 0px; top: 85px; }

.syproct{ background: url(../images/sybjt_03.jpg) right center no-repeat #f2f2f2;  padding: 70px 0;}
.syproct_top{ background: url(../images/sycpt_06.png) left center no-repeat; height: 104px; padding-top: 10px; }
.syproct_top .proct_span{ color: #666666; font-size:16px;}
.syproct_end a{ display: block; }
.syproct_end li{ float: left; margin-right: 37px; border-bottom: #dddddd 5px solid;  border-right: #dddddd 5px solid; margin-top: 20px; }
.syproct_end li:nth-child(3){   margin-right: 0px; }
.syproct_bottom{  padding: 30px 0 20px 20px; background-color: #fff; }
.syproct_bottom .syproct_more{ display: block; width: 33px; height: 33px; background: url(../images/sylmt_21.png) no-repeat; float: right; margin-right: 20px; }
.syproct_bottom h2{ margin: 0px; color: #313131; font-size: 16px;padding: 0px 0 5px 0; }
.syproct_bottom span{ color: #b8b8b8; font-size: 16px; text-transform: uppercase; display: block;  background: url(../images/sylmt_29.png) left bottom no-repeat; padding-bottom: 8px;  }
.syproct_bottom .pt_bottomleft{ float: left;  }
.syproct_end li:hover h2{ color:#f5a100;}
.syproct_end li:hover span{color: #fce1c2; background: url(../images/sylmt_32.png) left bottom no-repeat;}
.syproct_end li:hover .syproct_more{ background:url(../images/sylmt_24.png) no-repeat ;}

.synew{ padding: 70px 0; }
.synew_top{ background: url(../images/synewt_03.png) left center no-repeat; height: 102px; padding-top: 12px;}
.synew_top .top_span{ display: inline-block; float: left; }
.synew_top .synew_tab{ float: right; margin-top: 10px; }
.synew_top .synew_tab a,.synew_global a{ display: inline-block; width: 158px; height: 40px;  border: #dddddd 1px solid;  color: #444444; font-size: 16px; text-align: center; line-height: 40px; background: #fff; border-radius: 30px;  margin-left: 10px;}
.synew_top .synew_tab a.on,
.synew_top .synew_tab a:hover,.synew_global a:hover,.synew_global a.on{ border: #dddddd 1px solid; background: #f5a100; border: #f5a100 1px solid; color: #fff;  border-radius: 30px;}
.synew_bottom h2{ font-size: 16px; color: #444444; padding: 28px 0 25px 0; margin: 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; }
.synew_bottom .new_bottomleft span{  color: #999999; font-size: 12px; line-height: 25px; }
.synew_bottom .new_more { margin-top: 40px;  }
.synew_bottom .new_more .synewt_more{ display:inline-block; float: left;  width: 38px; height: 9px; background: url(../images/synewxjt_14.png) no-repeat; }
.synew_bottom .new_more .time{ float: right; color: #e0e0e0; font-size: 12px; }
.synew_end li{ float: left; width: 340px; margin-right: 40px; margin-top: 28px; }
.synew_end li:nth-child(3){ margin-right: 0px;}
.synew_end li:hover h2{ color: #f5a100;}
.synew_end li:hover .synewt_more{ background: url(../images/synewxjt_12.png) no-repeat;  }

.sycontact{ background-color: #f2f2f2;  }
.sycontact .sycontact_left{ padding-top: 70px; width: 610px; float: left; }
.sycontact .sycontact_left .sycontent_leftend{ width: 465px; font-size: 16px; color: #444444; }
.sycontact .sycontact_left .sycontent_leftend h3{ font-size: 16px; font-weight: normal; margin: 30px 0 35px 0; line-height: 30px; color: #343434; }
.sycontact .sycontact_left .sycontent_leftend li{ height: 25px; padding-left: 30px; margin-bottom: 20px; line-height: 23px; }
.sycontact .sycontact_left .sycontent_leftend li.sycontentLi1{ background: url(../images/sylxwmtt_07.png) left center no-repeat; }
.sycontact .sycontact_left .sycontent_leftend li.sycontentLi2{ background: url(../images/sylxwmtt_10.png) left center no-repeat; }
.sycontact .sycontact_left .sycontent_leftend li.sycontentLi3{ background: url(../images/sylxwmtt_13.png) left center no-repeat; }
.sycontact .sycontact_left .sycontent_leftend li.sycontentLi4{ background: url(../images/sylxwmtt_16.png) left center no-repeat; }
.sycontact .sycontact_left .sycontent_leftend li.sycontentLi5{ background: url(../images/sylxwmtt_18.png) left center no-repeat; }
.sycontact .sycontact_right{ background: url(../images/sylxwmt_05.jpg) right no-repeat; height: 560px; float: right; width: 490px; }
.sycontact_top{ background: url(../images/sylxwmtt_03.png) left center no-repeat; height: 104px; padding-top: 12px; }
.sycontact .sycontact_right .sycontact_n{ width: 250px; padding: 280px 40px 0 40px; display: block; height: 560px; }
.sycontact .sycontact_right .sycontact_n h2{ font-size: 20px; line-height: 60px; font-weight: bold; }
.sycontact .sycontact_right .sycontact_n{ font-size: 14px; line-height: 25px; }
.sycontact .sycontact_right .sycontact_n:hover{ background: url(../images/xinwebj.png) no-repeat; color: #fff; }

}
/*内页ban*/
.ban-1,.ban-1 img{ width: 100%;}
@media (min-width:320px) and (max-width:678px){
.navigation{  height: 37px; border-top: #e9e9e9 1px solid; border-bottom: #f1f1f1 2px solid; line-height: 37px; }
.navigation span{ display: inline-block;padding-right: 15px; font-size: 16px; color: #555555; background: url(../images/proctt_08.png) right center no-repeat; margin-right: 5px;}
.navigation a{ display: inline-block; margin-right:0px; padding: 0 5px;  color: #333333; font-size: 16px;  line-height: 30px;}
}
@media (min-width:678px) and (max-width:1200px){
.navigation{  height: 67px; border-top: #e9e9e9 1px solid; border-bottom: #f1f1f1 2px solid; line-height: 67px; }
.navigation span{ display: inline-block; padding-right: 35px; font-size: 18px; color: #555555; background: url(../images/proctt_08.png) right center no-repeat; margin-right: 15px;}
.navigation a{ display: inline-block; margin: 0 25px; padding: 0 5px;  color: #333333; font-size: 16px;  line-height: 60px;}
}
/*菜单*/
@media (min-width:320px) and (max-width:1200px){
.navigation a:hover,.onmenu{border-bottom: #f5a100 2px solid;}
.Twonavigation{ text-align: center;  }
.Twonavigation a{ display: inline-block; width: 28%; height: 36px; border:#dcdcdc 1px solid;  border-radius: 20px; line-height: 34px; margin:10px 5px; color: #c8c8c8; font-size: 12px; }
.Twonavigation a:hover,a.Selected{ border: #f5a100 1px solid; background: #f5a100; color: #fff; }

.productTop_n{ padding-top: 10px; }
.productTop_n .top_span{ padding-right: 15px; }

.slidebar{ margin-top: 10px; }
.slidebar .partibox{  height: 85px;/* height: 121px; */ background: #f2f3f5;  color: #343434; padding-left: 20px; /* padding-top: 20px; */ line-height: 48px;}
.slidebar .partibox i{ font-style: normal; font-size: 20px;  }
.slidebar .partibox h5{ margin: 0px; font-size: 18px; }
.slidebar .slidebarLeft{}
.slidebar .slidebarLeft .menu{  border:#e7e2e2 1px solid; border-top: none;  }
.slidebar .slidebarLeft .menu_span{ height: 59px;  display: block; line-height: 59px;  background: url(../images/cptpo_06.png) 95% center no-repeat #f8f8f8; padding: 0 25px; cursor: pointer;}
.slidebar .slidebarLeft .menu_info a{ height: 39px; line-height: 39px; background: url(../images/cptpo_11.png) 95% center no-repeat ;padding: 0 25px; border-bottom:#e0e0e0 1px dashed; display: block;  }

.slidebar .slidebarRight{ margin-top: 10px; }
.slidebar .slidebarRight li{ margin-bottom: 30px;}
.slidebar .slidebarRight_a{ display: block;   }
.slidebar .slidebarRight_a img { width: 100%; }
.slidebar .slidebarRight_div{ height: 250px;  border-right: #d9dbe0 5px solid; border-bottom:#d9dbe0 5px solid;  padding-left: 50px; padding-top: 15px; }
.slidebar .slidebarRight_div dd{ line-height: 30px;  color: #666666; }

.slidebar .slidebarRight_div dd span{  color: #333333; }
/*pages*/
.pages{ clear:both; text-align:center; padding:10px 0;}
.pages a{ display:inline-block; height:20px; line-height:18px; text-align:center; margin:0 2px; border:1px solid #e3e3e3; width:50px; color: #acacac; }
.pages .num a{ width:20px;}
.pages .num a.a_cur{ background:#f5a100; color:#fff; border:1px solid #f5a100;}
.pages .a_first{ display: none; }
.pages .a_end{ display: none; }
}

@media screen and (min-width: 1200px) { 
.navigation{  height: 67px; border-top: #e9e9e9 1px solid; border-bottom: #f1f1f1 2px solid; line-height: 67px; }
.navigation span{ display: inline-block; padding-right: 35px; font-size: 18px; color: #555555; background: url(../images/proctt_08.png) right center no-repeat; margin-right: 15px;}
.navigation a{ display: inline-block; margin: 0 25px; padding: 0 5px;  color: #333333; font-size: 16px;  line-height: 60px;}
.navigation a:hover,.onmenu{border-bottom: #f5a100 2px solid;}
.Twonavigation{ text-align: center;  }
.Twonavigation a{ display: inline-block; width: 140px; height: 36px; border:#dcdcdc 1px solid;  border-radius: 20px; line-height: 34px; margin: 40px 10px 60px 10px; color: #c8c8c8; font-size: 14px; }
.Twonavigation a:hover,a.Selected{ border: #f5a100 1px solid; background: #f5a100; color: #fff; }

.productTop_n{ background: url(../images/prot1_03.png) left no-repeat; height: 104px; padding-top: 10px; }
.productTop_n .top_span{ padding-right: 15px; }

.slidebar{ margin-top: 40px; }
.slidebar .partibox{ width: 229px; height: 121px; background: url(../images/cptop_13.jpg) no-repeat;  color: #343434; padding-left: 20px; padding-top: 20px; line-height: 48px;}
.slidebar .partibox i{ font-style: normal; font-size: 20px;  }
.slidebar .partibox h5{ margin: 0px; font-size: 18px; }
.slidebar .slidebarLeft{ float: left; }
.slidebar .slidebarLeft .menu{  border:#e7e2e2 1px solid; border-top: none;  }
.slidebar .slidebarLeft .menu_span{ height: 59px;  display: block; line-height: 59px;  background: url(../images/cptpo_06.png) 185px center no-repeat #f8f8f8; padding: 0 25px; cursor: pointer;}
.slidebar .slidebarLeft .menu_info a{ height: 39px; line-height: 39px; background: url(../images/cptpo_11.png) 190px center no-repeat ;padding: 0 25px; border-bottom:#e0e0e0 1px dashed; display: block;  }

.slidebar .slidebarRight{ width: 830px; float: right; }
.slidebar .slidebarRight li{ margin-bottom: 30px; height: 250px; }
.slidebar .slidebarRight_a{ display: block; float: left; width: 409px; }
.slidebar .slidebarRight_div{ width: 420px; float: left; height: 250px;  border-right: #d9dbe0 5px solid; border-bottom:#d9dbe0 5px solid;  padding-left: 50px; padding-top: 15px; }
.slidebar .slidebarRight_div dd{ line-height: 30px;  color: #666666; }

.slidebar .slidebarRight_div dd span{  color: #333333; }

/*pages*/
.pages{ clear:both; text-align:center; padding:20px 0;}
.pages a{ display:inline-block; height:30px; line-height:28px; text-align:center; margin:0 2px; border:1px solid #e3e3e3; width:70px; color: #acacac; }
.pages .num a{ width:30px;}
.pages .num a.a_cur{ background:#f5a100; color:#fff; border:1px solid #f5a100;}

}


/*联系我们*/
@media (min-width:320px) and (max-width:768px){
.contcontTop{ margin-top: 20px;  }
  .remind {line-height: 25px; color: #333333;}
  .contcont_list li{  border: #e8e8e8 1px solid; padding: 7px;   margin-bottom: 30px; }
 .contcont_list .contcont_list_a img{ width:100% }
  .contcont_list .contcont_list_div{   padding-top: 10px;  }
  .contcont_list .contcont_list_div dd{ line-height: 25px; color: #666666; }
  .contcont_list_div .content_a{ font-weight:bold; }
}
@media (min-width:768px) and (max-width:1200px){
  .contcontTop{ margin-top: 40px;  }
  .remind {line-height: 85px; color: #333333;}
  .contcont_list li{ width:100%; height: 244px; border: #e8e8e8 1px solid; padding: 7px; float: left;  margin-bottom: 30px; }
  .contcont_list .contcont_list_a{ width: 25%; height: 229px; float: left; }

  .contcont_list .contcont_list_div{ width: 70%; float: right;  padding-top: 10px;  }
  .contcont_list .contcont_list_div dd{ line-height: 30px; color: #666666; }
  .contcont_list_div .content_a{ font-weight:bold; }
}
@media screen and (min-width: 1200px) { 
  .contcontTop{ margin-top: 40px;  }
  .remind {line-height: 85px; color: #333333;}
  .contcont_list li{ width:534px; height: 244px; float: left; border: #e8e8e8 1px solid; padding: 7px; float: left;  margin-bottom: 30px; }
  .contcont_list li:nth-child(2n){ float: right; }
  .contcont_list .contcont_list_a{ width: 192px; height: 229px; float: left; }
  .contcont_list .contcont_list_div{ width: 305px; float: right;  padding-top: 10px;  }
  .contcont_list .contcont_list_div dd{ line-height: 30px; color: #666666; }
  .contcont_list_div .content_a{ font-weight:bold; }

 }

@media (min-width:320px) and (max-width:768px){
  .SinglePage .video{ margin: 0 auto; width: 460px; }
  .SinglePage .syabout_right{ display: none; }
}

@media (min-width:768px) and (max-width:1200px){
  .SinglePage .video{  float: left; margin-right: 45px; margin-bottom: 20px;}
  .SinglePage .syabout_right{ display: none; }
}

 /*单篇*/
 @media screen and (min-width: 1200px) { 
 .SinglePage .video{  float: left; margin-right: 45px; margin-bottom: 20px;}
 .SinglePage{ line-height: 25px; }
 .SinglePage .syabout_right{ margin-left: 75px; }
}



/*新闻动态*/
@media (min-width:320px) and (max-width:768px){
.Newsdetail_top{ text-align: center; }
.Newsdetail_top h2{  color: #333333; font-size: 18px; margin: 0px; line-height: 25px; }
.Newsdetail_top span{ display: inline-block; line-height: 30px; font-size: 12px; color: #8f8f8f; }
.Newsdetail_top span.on{ margin: 0 18px; }

.Newsdetail{ border-bottom: #eeeeee 1px solid; margin-top: 20px; padding-bottom: 10px; }
.Newsdetail_end{ padding-top: 15px; line-height: 25px; color: #666666;}
.Newsdetail_end p{ line-height: 25px; padding-bottom: 10px; text-indent: 30px; }
.Newsdetail_end img{ margin: 10px 0 20px 0; }
.Flip{ padding-top: 15px; }
.Flip span{ background: url(../images/sypian_07.png) left 4px  no-repeat; padding-left:18px; line-height: 30px; }
}


 @media screen and (min-width: 768px) { 
.Newsdetail_top{ text-align: center; }
.Newsdetail_top h2{  color: #333333; font-size: 24px; margin: 0px; line-height: 45px; }
.Newsdetail_top span{ display: inline-block; line-height: 30px; font-size: 12px; color: #8f8f8f; }
.Newsdetail_top span.on{ margin: 0 48px; }

.Newsdetail{ border-bottom: #eeeeee 1px solid; margin-top: 35px; padding-bottom: 10px; }
.Newsdetail_end{ padding-top: 25px; line-height: 25px; color: #666666;}
.Newsdetail_end p{ line-height: 25px; padding-bottom: 25px; text-indent: 30px; }
.Newsdetail_end img{ margin: 10px 0 30px 0; }
.Flip{ padding-top: 15px; }
.Flip span{ background: url(../images/sypian_07.png) left 4px  no-repeat; padding-left:18px; line-height: 30px; }
 }

@media (min-width:768px) and (max-width:1200px){
.synew_end li{ width: 48%; float: left; max-height:401px;}
.synew_end li:nth-child(2n){ float: right; }
}

 @media screen and (min-width: 1200px) { 
.synew_end1 li:nth-child(3n){ margin-right: 0px; }
.synew_end1 li{margin-right: 40px; margin-bottom: 28px;  margin-top: 0px; max-height:342px;}
}

/*服务*/

 @media screen and (min-width: 1200px) { 
 .serviceTop_n{ background: url(../images/fuwu_03.png) left center no-repeat; }
 }

 /*客户*/
 @media (min-width:320px) and (max-width:768px){
 .Cooperative li{ width: 50%; }
 .Cooperative li{ float: left; border: #f1f1f1 1px solid; }
.Cooperative li img{ width: 100%; }
 }

@media (min-width:768px) and (max-width:1200px){
 .Cooperative li{ width: 33%; }
 .Cooperative li{ float: left; border: #f1f1f1 1px solid; }
  .Cooperative li img{ width: 100%; }
  }

  @media screen and (min-width: 1200px) { 
 .kh_top{ height: 104px; background: url(../images/kehut_03.png) left center no-repeat; padding-top: 5px; }
 .Cooperative{ border: #f6f6f6 5px solid; border-top: #f6f6f6 1px solid; border-left: #f6f6f6 1px solid;width: 1096px;}
 .Cooperative li img{ width: 217px; height: 149px; }
 .Cooperative li{ float: left; border: #f1f1f1 1px solid; border-top: none; border-left: none; }
  }


/*招聘*/

 
.recruit_brief{ margin-top: 20px; }
.Recruitment_ul li{ margin-bottom: 2px; }
.Recruitment_top{  height: 40px; line-height: 40px; background-color: #f2f2f2; font-size: 16px;  padding: 0 45px 0 20px; color: #666666;  position: relative;}
.Recruitment_top span{ float: right; display: inline-block; font-size: 14px; }
.Recruitment_top i{ background: url(../images/zpxinxt_07.png) no-repeat;  display: inline-block; width: 23px; height: 23px; position: absolute;  right: 15px; top: 10px; cursor: pointer;}
.Recruitment_end{ padding: 10px; }
.Online{ width: 151px; height: 40px; border-radius: 5px; background-color: #005ca2; font-size: 18px; color: #ffffff; text-align: center; line-height: 40px; display: block; margin-top: 20px; margin-bottom: 50px; }
.onon{ background-color: #005ca2;  color: #ffffff; }
.Recruitment_top i.on{ background:url(../images/zpxinxt_03.png) no-repeat;}

.Personaltion li{  width: 100%; height: 40px; border: #d7d7d7 1px solid;  margin-bottom: 20px; line-height: 38px; color: #333333;  padding-left: 20px; }

.Personaltion li i{ background:url(../images/hdiant_03.png) left center no-repeat; display: inline-block; width: 15px; height: 40px; float: right; }
.workexperience{ border: #d7d7d7 1px solid; padding-top: 5px; }
.workexperience h5{ float: left; margin: 3px 0 0 20px; }
.workexperience textarea{ height:205px; width: 100%; }
.Personal_h4{font-size: 16px; color: #f5a100; margin: 10px 0 30px 0} 
.Personal_h5{font-size: 16px; color: #f5a100; margin: 0 0 30px 0}
.Personal_h6{ margin: 30px 0; font-size: 16px;color: #f5a100;}

.Btn_JobTable{text-align:center;}
.Btn_JobTable .btn{width: 150px;height: 40px;margin: 20px auto;text-align: center;font-size: 18px;color: rgb(255, 255, 255);background: rgb(43, 47, 60) none repeat scroll 0% 0%;display: inline-block;}

@media (min-width:768px) and (max-width:1200px){ 
 .Personaltion li{ float: left; width: 47%; height: 40px; border: #d7d7d7 1px solid; margin-right: 6%; margin-bottom: 20px; line-height: 38px; color: #333333;  padding-left: 20px; }
 .Personaltion li:nth-child(2n){ margin-right: 0px; }
  }

  @media screen and (min-width: 1200px) { 
.syrecruit_top{  background: url(../images/zpxin_03.png) left center no-repeat; }
.recruit_brief{ margin-top: 40px; }
.Personaltion li:nth-child(3n){ margin-right: 0px; }

.Personaltion li{ float: left; width: 340px; height: 40px; border: #d7d7d7 1px solid; margin-right: 40px; margin-bottom: 20px; line-height: 38px; color: #333333;  padding-left: 20px; }
.workexperience textarea{ height:205px; width: 932px; }
}

/*产品信息*/
@media (min-width:320px) and (max-width:768px){ 
  .slidebar .information li{ margin-bottom: 30px;    }
.slidebar .information_a{ display: block;  width: 100% }
.slidebar .information_a img{ width: 100%; }
.slidebar .information_div{ width: 100%; height: 219px;  border-right: #d9dbe0 5px solid; border-bottom:#d9dbe0 5px solid;  padding-left: 20px; padding-top: 15px; }
.slidebar .information_div dd{ line-height: 30px;  color: #666666; }
.slidebar .information_div dd span{  color: #333333; }


.Message{ margin-top: 50px; }
.Message_end{ background: #f2f2f2; padding: 2%; }
.Message_top{  width: 113px; height: 50px; background-color: #005ca2; font-size: 18px; color: #fff; line-height: 50px; text-align: center; }
.Message_end li span{ display: inline-block; float: left; width: 100%;  display: block;}
.Message_end li{ margin-bottom: 20px; }
.Message_end li input{ width: 100%; height: 40px; background: #fff; text-indent: 20px; }
.Message_end li textarea{width: 100%; height: 223px; background: #fff; text-indent: 20px;}

.Message_end .qdly{ display:block; width: 150px; height: 40px; margin: 20px auto;  text-align: center; line-height: 40px; font-size: 18px; color: #fff; background: #2b2f3c;}

}

@media (min-width:768px) and (max-width:1200px){ 
  .slidebar .information li{ margin-bottom: 30px;  height: 219px;  }
.slidebar .information_a{ display: block; float: left; height: 219px; width: 40% }

.slidebar .information_div{ width: 60%; float: left; height: 219px;  border-right: #d9dbe0 5px solid; border-bottom:#d9dbe0 5px solid;  padding-left: 20px; padding-top: 15px; }
.slidebar .information_div dd{ line-height: 30px;  color: #666666; }
.slidebar .information_div dd span{  color: #333333; }


.Message{ margin-top: 50px; }
.Message_end{ background: #f2f2f2; padding: 2%; }
.Message_top{  width: 113px; height: 50px; background-color: #005ca2; font-size: 18px; color: #fff; line-height: 50px; text-align: center; }
.Message_end li span{ display: inline-block; float: left; width: 100%;  display: block;}
.Message_end li{ margin-bottom: 20px; }
.Message_end li input{ width: 100%; height: 40px; background: #fff; text-indent: 20px; }
.Message_end li textarea{width: 100%; height: 223px; background: #fff; text-indent: 20px;}

.Message_end .qdly{ display:block; width: 150px; height: 40px; margin: 20px auto;  text-align: center; line-height: 40px; font-size: 18px; color: #fff; background: #2b2f3c;}

  }


  @media screen and (min-width: 1200px) {
.informationTop_n{ background:url(../images/cpxint_03.png) left center no-repeat; }
.informationTop_n .top_span{ padding-right: 23px; }


.slidebar .information li{ margin-bottom: 30px;  height: 219px;  float: left; }
.slidebar .information li:nth-child(2n){ float: right; }
.slidebar .information_a{ display: block; float: left; height: 219px; }
.slidebar .information_div{ width: 270px; float: left; height: 219px;  border-right: #d9dbe0 5px solid; border-bottom:#d9dbe0 5px solid;  padding-left: 20px; padding-top: 15px; }
.slidebar .information_div dd{ line-height: 30px;  color: #666666; }
.slidebar .information_div dd span{  color: #333333; }

.Message{ margin-top: 50px; }
.Message_end{ background: #f2f2f2; padding: 37px; }
.Message_top{  width: 113px; height: 50px; background-color: #005ca2; font-size: 18px; color: #fff; line-height: 50px; text-align: center; }
.Message_end li span{ display: inline-block; float: left; width: 80px; line-height: 40px;}
.Message_end li{ margin-bottom: 20px; float: left;}
.Message_end .Li_Tel{margin-left: 35px;}
.Message_end li input{ width: 944px; height: 40px; background: #fff; text-indent: 20px; }
.Message_end li textarea{width: 944px; height: 223px; background: #fff; text-indent: 20px;}

.Message_end li.name_on:nth-child(2n){ float: right; }
.Message_end li.name_on input{ width: 415px; }
.Message_end .qdly{ display:block; width: 150px; height: 40px; margin: 20px auto;  text-align: center; line-height: 40px; font-size: 18px; color: #fff; background: #2b2f3c;}
}

/*服务电话*/
  @media screen and (min-width: 768px) {
.callleft{ float: left; }
.callright{ float: right; }
}
  @media screen and (min-width: 1200px) {

.fwdhtTop_n{ background: url(../images/fwdht_03.png) left center no-repeat; }
.fwdhtTop_n .top_span{ padding-right: 22px; }

}

/*公司文化*/
.gswhimg{ display: none; }
  @media screen and (min-width: 1200px) {
.zhyyt_top{ background: url(../images/zhtpt_03.png) left center no-repeat; }
.gswhimg{ float: right; margin-left: 20px; display: block; }
}







































/*底部*/
/*
 .bottom-2 为demo编号
 */

/* Bootstrap默认优先手机 */
.bottom-2{ background: #ffffff; width: 100%; padding: 20px 0;}

/*左侧*/
.bottom-2 .bt-left{ text-align: center;}
.bottom-2 .bt-left,
.bottom-2 .bt-left a{ color: #7c808b; font-size: 14px;}
/*分享*/
.bottom-2 .bt-left .bdsharebuttonbox{ text-align: center;}
.bottom-2 .bt-left .bdsharebuttonbox .code{ display: none;}
.bottom-2 .bt-left .bdsharebuttonbox a{ float: none; width: 34px; height: 34px; display: inline-block; margin: 0px 14px 0 0; }
.bottom-2 .bt-left .bdsharebuttonbox a.bds_sqq{ background: url(../images/syfx_07.png) no-repeat; }
.bottom-2 .bt-left .bdsharebuttonbox a.bds_weixin{ background: url(../images/syfx_05.png) no-repeat; }
.bottom-2 .bt-left .bdsharebuttonbox a.bds_tsina{ background: url(../images/syfx_03.png) no-repeat; }


.bottom-2 .bt-left .nav-bt{ padding: 10px 0; }
.bottom-2 .bt-left .nav-bt em{ font-style: normal; padding: 0 5px 0 10px;}

/*右侧*/
.bottom-2 .bt-right{ display: none;}
.copyright_a{ display: none; }
/*============================ @media 屏幕适应 ===============================*/
/* 超小屏幕（手机，小于 768px） */
@media screen and (min-width:640px){}

/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width:768px ) {}
	
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width:1024px ) {
   .bottom-2{ padding: 52px 0 30px;}
   
   /*左侧*/
   .bottom-2 .bt-left{ float: left; text-align: left;}
   .bottom-2 .bt-left .nav-bt{ padding: 24px 0 17px 0; margin-top: 22px; border-top: #d9dbe0 1px solid;}
   .copyright_a { display: block; }
   .bottom-2 .bt-left .copyright_a a{ color:#b5b5b5; } 
   /*分享*/
   .bottom-2 .bt-left .bdsharebuttonbox{ text-align: left;}
 
   .bottom-2 .bt-left .bdsharebuttonbox a{ float: left;}
   .bottom-2 .bt-left .bdsharebuttonbox a:hover{ opacity: 1; filter:alpha(opacity=100);}


   
   /*右侧*/
  .bottom-2 .bt-right{ width: 187px; height: 90px; float: right; margin-top: 56px; display: block; background: url(../images/dbphpto_03.png) no-repeat; position: relative;}

  .bt-right span{ display: block; position: absolute;color: #7c808b; }
  .bt-right span.span1{ top:15px; right:0px; font-size: 16px;  }
  .bt-right span.span2{ top:40px; right:0px; font-size: 26px;   }
  
}

@media screen and (min-width:1100px ) {
.homeban-2 .banlist li a{display: block; height: 700px;}
.homeban-2 .banlist li img{display: none;}
.ban-1 span{display: block; height: 350px;}
.ban-1 img{display: none;}
}

.Item h2{ margin-bottom: 20px; }