@charset "utf-8";
*{ font-family:"微软雅黑";}
@media (max-width: 980px) {

}
@media (max-width: 640px) {

}
@media (max-width: 480px) {

}



.phone-nav{display: block;width: 50px; height: 50px; margin-top: 5px; text-align: center;}
.phone-nav span{ display: block; width: 80%; height: 4px;  background: #000; margin-top: 6px; float:right;}
.phone-nav span:first-child{margin-top: 9px;}



/*******************-S header-**************************/
#header{position: fixed;left: 0;top: 0;width: 100%;background: url(../images/zhezhao1.png);z-index: 999;}
#header .logo{margin-top: 10px;}



#header .selected{ width:72px;height:25px;margin-top: 33px;  }

#header .select_box{ color:#dceeff;position:relative;cursor:pointer;width:70px; height:23px;font-size:12px;font-family:"微软雅黑"; font-weight:normal;border: 1px solid #cce1f3;}
#header .selet_open{display:inline-block;position:absolute;right:0;top:0;width:18px; height:23px;background: url(../images/dot2.png)  center no-repeat;}
#header .select_txt{ display:inline-block;padding-left: 8px; height:23px;line-height: 23px; cursor:text;overflow:hidden;color:#dceeff;font-size:12px;font-family:"微软雅黑"; font-weight:normal;}
#header .option{width:70px;border:solid 1px #cce1f3;position:absolute;top:22px;left:-1px;z-index:2;overflow:hidden;display:none;}
#header .option a{display:block;height:20px;line-height:20px;text-align:left;padding:0 10px;color:#dceeff;font-size:12px;}
#header .option a:hover{}

/******--------------------- nav---------------------******/
#header .navwrap{height: 90px;}
#header .nav2{display:block;  position:relative; z-index:1000 !important;  }
  #header .nav2 h3{ font-size:100%;width: 100%; font-weight:normal; margin:0px !important; }
  #header .nav2 .m{/* width:108px; */position:relative;float:left;display:block;height:90px;text-align:center;}
  #header .nav2 h3 a{/* width:100%; */height:90px;zoom:1;line-height:90px;display:block;color:#ffffff;font-size:18px;padding-left: 20px;padding-right: 20px;}
  #header .nav2 li:hover h3>a,#header .nav2 h3 a:hover,#header .nav2 h3 .current{  background:url(../images/zhezhao2.png) ; color: #ffffff;}
  
  #header .nav2 .m .sub{margin: 0;padding: 0;display:none;width: 262px;position:absolute;left:0px;top:90px;float:left;line-height:35px;z-index:1000 !important;background:url(../images/zhezhao2.png);z-index:1000 !important;}
  #header .nav2 .m .sub li{ text-align:center;line-height: 35px;display: block; position: relative; }
  #header .nav2 .m .sub li a{display:block;zoom:1;color:#fff;text-align: left;font-size:14px;padding-left: 20px;padding-right:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px dotted #4881b4;}
  #header .nav2  .m .sub li a:hover{  color:#ffffff; border-bottom:1px dotted #fff; background: url(../images/zhezhao1.png); }
  #header .nav2 .subson{margin: 0;padding: 0;display:none;width: 262px;position: absolute;left: 100%;top: 0;background:url(../images/zhezhao2.png);}
  #header .nav2 .m .sub li:hover > a{background:url(../images/zhezhao2.png) ; border-bottom:1px dotted #fff;}
  #header .nav2 .m .sub li:hover .subson{display: block;}
  #header .nav2 .subson li:hover a{background:url(../images/zhezhao2.png) ; }
 
#header .nav2 .m2{ position:relative;}
#header .nav2 .m2 .sub{ width:600px; padding:10px;}
#header .nav2 .m2 .sub li{ display:block; float:left; width:33%; margin-right:0.333%; float:left;text-align:left;}
#header .nav2 .m2 .sub li a{ display:block; padding-left:0px !important; padding-right:15px;   border-bottom:1px dotted #25ccd9;  }
#header .nav2 .m2 .sub li a:hover{background:none; border-bottom:1px dotted #fff;}



@media (max-width:768px){

}

@media (max-width:992px){
#header .logo{margin-top: 2px;}
#header .logo img{width: 220px;}

}


@media  (min-width: 992px) and (max-width:1300px){
#header .nav2 .m{width: 87px;}
#header .nav2 h3 a{font-size: 15px;}

}

@media (min-width:1300px){
#header{ height:90px;}

}
/*******************-E header-**************************/




/*******************-S nyheader-**************************/
#nyheader{position: fixed;left: 0;top: 0;width: 100%;background:#fff;z-index: 999;}
#nyheader .logo{margin-top: 10px;}



#nyheader .selected{ width:72px;height:25px;margin-top: 33px;  }

#nyheader .select_box{ color:#dceeff;position:relative;cursor:pointer;width:70px; height:23px;font-size:12px;font-family:"微软雅黑"; font-weight:normal;border: 1px solid #e7e7e7;}
#nyheader .selet_open{display:inline-block;position:absolute;right:0;top:0;width:18px; height:23px;background: url(../images/dot1.png)  center no-repeat;}
#nyheader .select_txt{ display:inline-block;padding-left: 8px; height:23px;line-height: 23px; cursor:text;overflow:hidden;color:#666666;font-size:12px;font-family:"微软雅黑"; font-weight:normal;}
#nyheader .option{width:70px;border:solid 1px #e7e7e7;position:absolute;top:22px;left:-1px;z-index:2;overflow:hidden;display:none;background: #fff;}
#nyheader .option a{display:block;height:20px;line-height:20px;text-align:left;padding:0 10px;color:#666666;font-size:12px;}
#nyheader .option a:hover{}

/******--------------------- nav---------------------******/
#nyheader .navwrap{height: 90px;}
#nyheader .nav2{display:block;  position:relative; z-index:1000 !important;  }
  #nyheader .nav2 h3{ font-size:100%;width: 100%; font-weight:normal; margin:0px !important; }
  #nyheader .nav2 .m{position:relative; float:left;display:block; height:90px; text-align:center; }
  #nyheader .nav2 h3 a{ height:90px;  zoom:1;  line-height:90px;   display:block;  color:#373737; font-size:18px; padding-left: 20px;padding-right: 20px;}
  #nyheader .nav2 li:hover h3>a,#nyheader .nav2 h3 a:hover,#nyheader .nav2 h3 .current{  background:#1c6db7; color: #ffffff;}
  
  #nyheader .nav2 .m .sub{margin: 0;padding: 0; display:none;  width: 262px;position:absolute; left:0px; top:90px;   float:left; line-height:35px; z-index:1000 !important;background:url(../images/zhezhao2.png) ; z-index:1000 !important;  }
  #nyheader .nav2 .m .sub li{ text-align:center;line-height: 35px;display: block; position: relative; }
  #nyheader .nav2 .m .sub li a{ display:block; zoom:1;color:#fff; font-size:14px; padding-left:20px; padding-right:10px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; border-bottom:1px dotted #4881b4; text-align: left;}
  #nyheader .nav2  .m .sub li a:hover{  color:#ffffff; border-bottom:1px dotted #fff; background: url(../images/zhezhao1.png); }
  #nyheader .nav2 .subson{margin: 0;padding: 0; display:none; width: 262px;position: absolute;left: 100%; top: 0;background:url(../images/zhezhao2.png) ;  }
  #nyheader .nav2 .m .sub li:hover > a{background:url(../images/zhezhao2.png) ; border-bottom:1px dotted #fff;}
  #nyheader .nav2 .m .sub li:hover .subson{display: block;}
  #henyheaderader .nav2 .subson li:hover a{background:url(../images/zhezhao2.png) ; }
 
#nyheader .nav2 .m2{ position:relative;}
#nyheader .nav2 .m2 .sub{ width:600px; padding:10px;}
#nyheader .nav2 .m2 .sub li{ display:block; float:left; width:33%; margin-right:0.333%; float:left;text-align:left;}
#nyheader .nav2 .m2 .sub li a{ display:block; padding-left:0px !important; padding-right:15px;   border-bottom:1px dotted #25ccd9;  }
#nyheader .nav2 .m2 .sub li a:hover{background:none; border-bottom:1px dotted #fff;}



@media (max-width:768px){

}

@media (max-width:992px){
#nyheader .logo{margin-top: 2px;}
#nyheader .logo img{width: 220px;}

}


@media  (min-width: 992px) and (max-width:1300px){
#nyheader .nav2 .m{width: 87px;}
#nyheader .nav2 h3 a{font-size: 15px;}

}

@media (min-width:1300px){
#nyheader{ height:90px;}

}
/*******************-E header-**************************/


/*******************-S banner-**************************/
.banner {
  text-align: center;
  overflow: hidden;
}
.banner img {
  display: block;
  margin: auto;
}
.banner .slick-dots {
  width: 100%;
  margin: auto;
  text-align: center;
}
.banner .slick-dots li button {
  width: 14px;
  height: 14px;
}
.banner .slick-dots .slick-active button {
  background: #008893;
  height: 18px;
  width: 18px;
}

@media (max-width:991px){
  .banner img{width: 100%;}

}
@media (max-width: 768px) {
  .banner .slick-dots {
    text-align: center;
    bottom: 7px;

  }
 
  .banner .slick-dots li button {
    width: 10px;
    height: 10px;
  }
  .banner .slick-dots .slick-active button {
    background: #167cc5;
    height: 10px;
    width: 10px;
  }

}

.nybanner {width:100%;margin-top: 90px; }
    .nybanner img {width:100%;}

 @media (max-width:992px){
.nybanner {width:100%;margin-top: 50px; }
 }   
/*******************-E banner-**************************/









/*******************-单页-**************************/
.main { margin-top:40px;}




/*******************-page-**************************/
.mainbox_2 {width: 100%;
    padding-top: 18px;color: #444444;font-size: 16px;line-height: 32px;padding-bottom:50px;}
.mainbox_2 img{max-width: 100%;}

.aboutbox{position: relative;}
.aboutimg{margin-left: auto;margin-right: auto;}
.aboutimg,.aboutimg img{width: 326px;height: 183px;}
.about img{max-width: 100%;}

@media (min-width:992px){
.aboutimg{position: absolute;left: 0;top: 0;}
.about{padding-left: 368px;padding-top: 15px;color: #444444;font-size: 16px;line-height: 32px;min-height: 190px;}

}


/*******************-contact-**************************/
.contactbox{}
.contactbox img{max-width: 100%;}
    .sideMenu{width: 100%;padding-bottom: 20px;  }
    .sideMenu h3{cursor: pointer; height:45px; line-height:45px; border-bottom:1px solid #dddddd;  cursor:pointer;color: #333333;font-size: 14px;}
    .sideMenu h3 p{padding-left: 33px; color: #3e3e3e;font-size: 18px; font-weight: normal; background: url(../images/icon_dot4.png) 12px center no-repeat;}
    .sideMenu h3 em{ float:right; display:block; width:30px; height:45px;   background:url(../images/icon_dot5.png) center no-repeat; cursor:pointer; }
    .sideMenu h3.on em{ background:url(../images/icon_dot6.png) center no-repeat;  }
    .sideMenu h3.on{color: #014dbb;}
    .sideMenu .mycontact{ display:none;}
.mycontact{width: 100%; padding: 15px 25px 35px 25px;background: #f5f5f5; border: 1px solid #dddddd;margin-top: -1px;color: #555555;font-size: 14px;line-height: 27px;}
@media (min-width:768px){
.contactbox{margin-left: 9px;margin-right: 9px;}
} 


/*******************-详细-**************************/
.mainbox_3{padding-top: 40px;}
.time2 { margin-top:10px;}
.show_pic{ color:#444444; padding-top:10px; text-align:center;}
    .show_pic h4 {font-size:30px;color: #3a3a3a;line-height: 37px;font-weight: normal;}
.pic_cp img{max-width:100%; margin-top:10px; }
.nrr { padding:10px 0;color: #444444;font-size: 16px;line-height: 32px;}
.nrr img{max-width: 100%;}


@media (max-width:768px){
.maindetail{padding: 10px !important; margin-bottom: 30px !important;}
.mainbox_3{padding-top: 15px;}
    .show_pic h4 {font-size: 24px;}

}


/*******************-应用领域-**************************/
.maindetail{margin-top: 30px;background: #ffffff;padding: 23px 50px;margin-bottom: 64px;}



/******---------------------mcatbox 手机分类 ---------------------******/
.cat{margin-top: 55px;}
.cat ul{margin: 0;padding: 0;}
.cat ul li{float: left;margin-right: 13px;margin-bottom: 15px;}
.cat ul li a{padding-left: 46px;padding-right: 46px;height: 45px;line-height: 45px;text-align: center;color: #555555;font-size: 18px;background: #ededed;display: block;}
.cat ul li a:hover,.cat ul li .current{background: #1b7ed6;color: #fff;}


/******--------------------- News ---------------------******/
.mainbox_2a {margin-top:30px;}
.mainbox_2a a{display: block;margin-bottom: 47px;background: #f9f9f9;height: 100px;}
.mainbox_2a a dl{width: 100%;position: relative;}
.mainbox_2a a dl dt{padding-left: 6px; height: 100px;width: 103px;text-align: center;position: absolute;left: 0;top: 0;background: url(../images/xian2.png) right center no-repeat;}
.mainbox_2a a dl dt p{padding-top: 24px;line-height: 28px;color: #4e4e4e;font-size: 18px;font-weight: normal;}
.mainbox_2a a dl dt span{display: block;line-height: 28px;color: #4e4e4e;font-size: 18px;}
.mainbox_2a a dl dd{padding-left:124px;padding-top: 23px;padding-right: 10px;}
.mainbox_2a a dl dd h3{ height: 31px;line-height: 31px;color: #333333;font-size: 18px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;font-weight: normal;}
.mainbox_2a a dl dd .news_info{line-height: 27px;height: 27px;color: #808080;font-size: 14px;overflow:hidden;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}
.mainbox_2a a:hover{background: #1b7ed6;}
.mainbox_2a a:hover dt p,.mainbox_2a a:hover dt span,.mainbox_2a a:hover dd h3,.mainbox_2a a:hover dd .news_info{color: #fff;}

@media (max-width: 768px) {
.cat{margin-top: 30px;}

.cat ul li{float: left;margin-right: 13px;margin-bottom: 15px;}
.cat ul li a{padding-left: 15px;padding-right: 15px;height: 35px;line-height: 35px;text-align: center;color: #555555;font-size: 18px;background: #ededed;display: block;}
.cat ul li a:hover,.cat ul li .current{background: #1b7ed6;color: #fff;}



.mainbox_2a{margin-top: 5px;}
.mainbox_2a a dl dd{padding-left: 90px;}
.mainbox_2a a dl dt{width: 80px;}
.mainbox_2a a dl dt p,.mainbox_2a a dl dt span{font-size: 15px;}
.mainbox_2a a dl dd h3{font-size: 16px;}
.mainbox_2a a{margin-bottom: 25px;}


}







/******--------------------- 在线留言 ---------------------******/
.messageword{    color: #474747;font-size: 14px;line-height: 26px;padding-bottom: 15px;}
/*在线留言*/
.tex_a{position: relative; width: 500px;margin-left: auto;margin-right: auto;}
.tex_a i{position: absolute;right: 13px;top: 6px;}

.mess_nei {
  background: #fff;
  margin: auto;
  font-family: arial;
 text-align: center;
  width: 100%;
  max-width: 780px;
  padding: 5% 0px;
}
.mess_nei i {
  font-style: normal;
  color: #FF0000;
}
.mess_nei .top_mes_t {
  color: #008c40;
  font-size: 48px;
  background: url(../images/messagr_bg.png) no-repeat bottom center;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
.mess_nei p {
  font-size: 14px;
  color: #000000;
  margin: 20px auto;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}
.mess_nei .name_li {
  width: 66%;
  margin: auto;
  padding: 0;
}
.mess_nei .name_li li {
  display: inline-block;
  width: 242px;
  height: 35px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  padding: 5px 6px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 10px;
}
.mess_nei .name_li li img {
  display: block;
  float: left;
  margin-right: 10px;
}
.mess_nei .name_li li input {
  height: 25px;
  width: 170px;
  margin-right: 2px;
  border: none;
  line-height: 25px;
  color: #888888;
  font-size: 12px;
  outline: none;
}
@media (max-width: 1200px) {
  .mess_nei .name_li {
    width: 100%;
  }
}
.mess_nei textarea {
  width: 500px;
  height: 90px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  margin: 10px auto 20px auto;
  display: block;
  color: #888888;
  padding: 5px 6px;
  resize: none;
  outline: none;
  font-family: arial;
}
.mess_nei .yan {
  margin: 0px auto 20px;
  width: 500px;
  text-align: left;
}
.mess_nei .yan input {
  width: 140px;
  height: 34px;
  border: 1px solid #dcdcdc;
  line-height: 25px;
  color: #888888;
  font-size: 12px;
  border-radius: 5px;
  padding: 5px;
  outline: none;
}
.mess_nei .yan img {
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}
.mess_nei .yan .ah {
  color: #acacac;
  font-size: 12px;
}
.mess_nei .yan .ah:hover {
  color: #0c9aa5;
}
@media (max-width: 640px) {
  .mess_nei .name_li {
    text-align: center;
  }
  .mess_nei .name_li li {
    float: none;
    margin: 0px auto 10px;
  }
  .mess_nei textarea {
    width: 500px;
  }
  .mess_nei .yan {
    width: 242px;
  }
  .mess_nei .yan input {
    width: 60px;
  }
  .mess_nei .yan img {
    margin: 0px 3px;
  }
}
.tijiao .btn {
  width: 108px;
  height: 33px;
  background: #a0a0a0;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  line-height: 33px;
  border-radius: 5px;
  padding: 0px;
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;cursor: pointer;
}
.tijiao .btn:hover {
  background: #0c9aa5;
}
.tijiao .active {
  background: #0c9aa5;
}
.tijiao .active:hover{background: #1c696e;}
.tijiao .sub {
 /* margin-right: 20px;*/
}

@media (max-width:650px){
.mess_nei .name_li li{width: 100%;position: relative;}
.mess_nei .name_li li img{position: absolute;left: 6px;top: 5px;}
.mess_nei .name_li li input{width: 100%;padding-left: 40px;padding-right: 20px;}
.mess_nei .name_li li  i{position: absolute;right: 12px;top: 6px;}
.mess_nei textarea{width: 100%;}
.mess_nei .yan{width: 100%;}
.tex_a{width: 100%;}
} 


/*******************-S footer-**************************/
.footnavwrap{background: #282828;padding-top: 15px;padding-bottom: 15px;}
.wechat{width: 11.75%;margin-top: 15px;}
.wechat img{width: 100%}
.footnav_item1{width: 15%;}
.footnav_item1 dl dt a{height: 40px;line-height: 40px;color: #ffffff;font-size: 16px;}
.footnav_item1 dl dd a{display: block;height: 27px;line-height: 27px;color: #9f9f9f;font-size: 13px;padding-right: 10px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;
}
.footnav_item1 dl dd a:hover{text-decoration: underline;}
.foot_contact{width: 26%;}
.foot_contact dl dt a{height: 40px;line-height: 40px;color: #ffffff;font-size: 16px;}
.foot_contact dl dd{line-height: 27px;color: #9f9f9f;font-size: 13px;}

.footer {background:#282828; border-top: 1px solid #393939; }
.foot{position: relative;padding-top:8px; padding-bottom:8px;}
.link_title{ color: #ffffff; font-size: 16px;height: 50px; position: absolute;left: 0; top: 0;line-height: 50px;width: 85px;}
.linklist{padding-left: 85px;}
.linklist ul{margin: 0;padding: 0;margin-top: 2px;}
.linklist ul li{display: block;float: left;}
.linklist ul li a{display: block;height: 30px;line-height: 30px; padding-right: 30px; color: #9f9f9f; font-size: 13px;}
.linklist ul li a:hover{text-decoration: underline;}
.coopright { background:#1f2122; color:#848484; font-size:13px; padding-top:20px; padding-bottom: 20px; line-height:24px;}
.cn22img img{height: 12px;}
.cn22img{width: 50px;}
@media (min-width: 768px) {
.cn22img {float: right;} 
}

@media (max-width: 768px) {
.coopright{text-align: center;}
.cn22img{margin-left: auto;margin-right: auto;}
}
/*******************-E footer-**************************/


/*******************-lan-**************************/
.lan1{padding-bottom: 17px;background: url(../images/xian1.png) center bottom no-repeat; text-align: center;}
.lan1 h3{color: #008893;font-size: 30px;font-weight: normal;line-height: 41px;}
.lan1 p{line-height: 23px;color: #9e9e9e;font-size: 14px;font-weight: normal;}

.lan2{height: 85px;background: url(../images/lan_bg1.png) left top no-repeat;}
.lan2 h3{padding-top: 18px;line-height: 56px;padding-left: 19px;color: #ffffff;font-size: 27px;font-weight: normal;}

.lan3{background: url(../images/xian3.png) left bottom repeat-x;position: relative;padding-bottom: 13px;}
.lan3:before{display: block; content: '';width: 16px;height: 7px;background: url(../images/xian4.png) left top repeat-x;position: absolute;left: 0;bottom: 0;}
.lan3:after{display: block; content: '';width: 16px;height: 7px;background: url(../images/xian4.png) left top repeat-x;position: absolute;right: 0;bottom: 0;}

.nylan{ padding-left:38px; line-height:53px;color:#747474;  background:url(../images/icon_home.png) 9px  17px no-repeat; font-size:18px; color: #777777;border-bottom: 1px solid #dddddd; }
.nylan a:hover{ text-decoration:underline;}
.nylan,.nylan a,.nylan font{font-size:16px; }
.nylan a{ color:#777777;}
.nylan font{ color:#1c6db7;}


@media (max-width: 768px) {
.lan1 h3{font-size: 22px;}

.nylan {line-height: 30px;background:url(../images/icon_home.png) 9px  7px no-repeat;}
}






.text_c{ text-align:center;}



 
 /*-----侧栏------*/
.qq_onService_panel i,.qq_onService_panel em{font-style:normal;}
.function_list{margin: 0;padding: 0;}
.function_list li{ position:relative;}
.qq_onService_panel .sidebar2_Mo{position: fixed; right:0; top:50%; margin-top: -179px; z-index:10000;}
.qq_onService_panel .sidebar2_list{width: 50px; margin-bottom: 10px; position: relative; right:0;}
.qq_onService_panel .sidebar2_listT,.qq_onService_panel .sidebar2_listB{background-repeat: no-repeat; padding-left:7px;}
.qq_onService_panel .sidebar2_listT{background-position:left top;}
.qq_onService_panel .sidebar2_listB{background-position:left bottom;}
.qq_onService_panel .list_c{height:7px;}
.qq_onService_panel .ie_w{*width: 43px;}
.qq_onService_panel .sidebar2_listC{text-align: center;}
.qq_onService_panel .sidebar2_listC .prev_btn,.qq_onService_panel .sidebar2_listC .next_btn{display: inline-block;}
.qq_onService_panel .sidebar2_listC .prev_btn{margin-bottom: 10px;}
.qq_onService_panel .function_list .list{text-align: center; height:40px; width:auto; padding:0; border:0; overflow: inherit; margin-bottom: 10px; position: relative;}
.qq_onService_panel .function_list .list a{display: inline-block;}
/*.function_list .list:hover .alt_c{display: block;}*/
.qq_onService_panel .list .tel_icon,.qq_onService_panel .list .qq_icon,.qq_onService_panel .list .wx_icon,.qq_onService_panel .list .edit_icon,.qq_onService_panel .list .mail_icon,.qq_onService_panel .list .map_icon{background-repeat: no-repeat; background-position: center center; position: relative; margin-top: 7px; width: 100%; z-index: 2;}
.qq_onService_panel .list .tel_icon{background-image:url('../images/tel_icon.png'); width:26px; height:26px;}
.qq_onService_panel .list:hover .tel_icon{background-image:url('../images/tel_icon_h.png');}
.qq_onService_panel .list .qq_icon{background-image:url('../images/qq_icon.png'); width:25px; height:25px;}
.qq_onService_panel .list:hover .qq_icon{background-image:url('../images/qq_icon_h.png');}
.qq_onService_panel .list .wx_icon{background-image:url('../images/wx_icon.png'); width:30px; height:23px;}
.qq_onService_panel .list:hover .wx_icon{background-image:url('../images/wx_icon_h.png');}
.qq_onService_panel .list .edit_icon{background-image:url('../images/wx_icon.png'); width:30px; height:25px;}
.qq_onService_panel .list:hover .edit_icon{background-image:url('../images/wx_icon_h.png');}
.qq_onService_panel .list .mail_icon{background-image:url('../images/mail_icon.png'); width:26px; height:25px;}
.qq_onService_panel .list:hover .mail_icon{background-image:url('../images/mail_icon_h.png');}
.qq_onService_panel .list .map_icon{background-image:url('../images/qq_icon.png'); width:26px; height:25px;}
.qq_onService_panel .list:hover .map_icon{background-image:url('../images/qq_icon_h.png');}
.qq_onService_panel .sidebar2_state{text-align: center;}
.qq_onService_panel .sidebar2_state a{display: inline-block; width: 32px; height:32px;}
/*.alt_c{display: none;}*/
 
 
/* 联系我们 */
.qq_onService_panel .lxwm_tel{ width: 178px; position: absolute; right:-178px; top:0; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; }
.qq_onService_panel .lxwm_c .lxwm_tit{padding:0 20px; font-weight: normal; height:50px; line-height: 50px; text-align: left; font-size: 18px; border-bottom-width: 1px; border-bottom-style: solid;}
.qq_onService_panel .lxwm_c .lxwm_list{padding:20px 20px 1px;}
.qq_onService_panel .lxwm_c .lxwm_list li{background:url('../images/tel_border.png') no-repeat; margin-bottom: 20px; width:139px; height:32px; line-height: 32px; font-size: 14px;}

/* 联系方式 */
.qq_onService_panel .lxfs_qq{width:200px; overflow:hidden; position: absolute; right:-200px; top:-50px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
.qq_onService_panel .lxfs_c{ width:217px; overflow:hidden;/* overflow-y:auto; overflow-x:hidden;max-height:236px;*/}
.qq_onService_panel .lxfs_list{padding:20px 15px 0 0; min-height:107px;}
.qq_onService_panel .lxfs_list li{margin-bottom: 20px;}
.qq_onService_panel .lxfs_list li em{display:block; float: left; text-align: right; width:77px; overflow: hidden; font-size: 12px; height:32px; line-height: 32px;}
.qq_onService_panel .lxfs_list li a{width: 102px; height:32px; line-height: 32px; text-align: center;}

/* 微信扫码 */
.qq_onService_panel .wx_scan{width:200px; position: absolute; right:-200px; top:-80px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
.qq_onService_panel .wx_scan_c{text-align: center; padding-top:15px;}
.qq_onService_panel .wx_scan_c .pic{margin-bottom: 5px; display: block;}
.qq_onService_panel .wx_scan_c p{padding-bottom: 10px;}

/* 说明文字 */
.qq_onService_panel .explain_text{width:140px; position: absolute; right:-106px; top:-2px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;}
.qq_onService_panel .explain_c a{font-size: 16px; padding:5px 0;}


 
.qq_onService_panel .sidebar2_listT,.qq_onService_panel .sidebar2_listB{background-image:url('../images/botder_img.png');}
.qq_onService_panel .list_c,.qq_onService_panel .alt_bg,.sidebar2_listC{background:#C1BFC0;}
.qq_onService_panel .sidebar2_state a{background-image: url('../images/hide_btn.png')}
.qq_onService_panel .sidebar2_state a.cur{background-image: url('../images/show_btn.png')}
.qq_onService_panel .lxwm_c .lxwm_tit{color:#eee; border-bottom-color: #CFCDCE;}
.qq_onService_panel .lxwm_c .lxwm_list li{color:#fff;}
.qq_onService_panel .lxfs_list li{color:#fff;}
.qq_onService_panel .lxfs_list li a{background:url('../images/qq_btn.png');}
.qq_onService_panel .explain_c a{color:#fff;}
.qq_onService_panel .wx_scan_c p{color:#fff;}



.nybanner{}
.nybanner img{max-width: 100%;}

.zy_q{text-align: center;}
.zy_q a {
  display:inline-block !important;margin-left: 8px !important;margin-right: 8px !important; 
}
.zy_q{display: block;width: 100%;}



.select{ display:block;width: 100%;color:#8a8a8a; font-size:13px;border: none;}
.select option{ color:#8a8a8a; font-size:13px;line-height: 30px;}
select:focus {
 border:none;
 outline:0;
}
select:focus option{border: 1px solid #ddd;outline:0;}

@media (max-width: 650px){
.select{width: 100%;}
}


 /******--------------------- 分页 ---------------------******/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 8px 14px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #222222;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: 4px;margin-right: 4px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #1b7ed6;
  border-color: #1b7ed6;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #1b7ed6;
  border-color: #1b7ed6;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}







label {
 display:inline-block;
 max-width:100%;
 margin-bottom:5px;
 font-weight:700
}
input[type=search] {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
input[type=checkbox],
input[type=radio] {
 margin:4px 0 0;
 margin-top:1px \9;
 line-height:normal
}
input[type=file] {
 display:block
}
input[type=range] {
 display:block;
 width:100%
}
select[multiple],
select[size] {
 height:auto
}
input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
 outline:thin dotted;
 outline:5px auto -webkit-focus-ring-color;
 outline-offset:-2px
}
output {
 display:block;
 padding-top:7px;
 font-size:14px;
 line-height:1.42857143;
 color:#555
}
.form-control {
 display:block;
 width:100%;
 height:34px;
 padding:6px 12px;
 font-size:14px;
 line-height:1.42857143;
 color:#555;
 background-color:#fff;
 background-image:none;
 border:1px solid #ccc;
 border-radius:4px;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
 -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus {
 border-color:#66afe9;
 outline:0;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
 color:#999;
 opacity:1
}
.form-control:-ms-input-placeholder {
 color:#999
}
.form-control::-webkit-input-placeholder {
 color:#999
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
 background-color:#eee;
 opacity:1
}
.form-control[disabled],
fieldset[disabled] .form-control {
 cursor:not-allowed
}
textarea.form-control {
 height:auto
}
input[type=search] {
 -webkit-appearance:none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 input[type=date],
 input[type=time],
 input[type=datetime-local],
 input[type=month] {
  line-height:34px
 }
 .input-group-sm input[type=date],
 .input-group-sm input[type=time],
 .input-group-sm input[type=datetime-local],
 .input-group-sm input[type=month],
 input[type=date].input-sm,
 input[type=time].input-sm,
 input[type=datetime-local].input-sm,
 input[type=month].input-sm {
  line-height:30px
 }
 .input-group-lg input[type=date],
 .input-group-lg input[type=time],
 .input-group-lg input[type=datetime-local],
 .input-group-lg input[type=month],
 input[type=date].input-lg,
 input[type=time].input-lg,
 input[type=datetime-local].input-lg,
 input[type=month].input-lg {
  line-height:46px
 }
}
.form-group {
 margin-bottom:15px
}
.checkbox,
.radio {
 position:relative;
 display:block;
 margin-top:10px;
 margin-bottom:10px
}
.checkbox label,
.radio label {
 min-height:20px;
 padding-left:20px;
 margin-bottom:0;
 font-weight:400;
 cursor:pointer
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
 position:absolute;
 margin-top:4px \9;
 margin-left:-20px
}
.checkbox+.checkbox,
.radio+.radio {
 margin-top:-5px
}
.checkbox-inline,
.radio-inline {
 position:relative;
 display:inline-block;
 padding-left:20px;
 margin-bottom:0;
 font-weight:400;
 vertical-align:middle;
 cursor:pointer
}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
 margin-top:0;
 margin-left:10px
}
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
 cursor:not-allowed
}
.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
 cursor:not-allowed
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
 cursor:not-allowed
}
.form-control-static {
 min-height:34px;
 padding-top:7px;
 padding-bottom:7px;
 margin-bottom:0
}
.form-control-static.input-lg,
.form-control-static.input-sm {
 padding-right:0;
 padding-left:0
}
.input-sm {
 height:30px;
 padding:5px 10px;
 font-size:12px;
 line-height:1.5;
 border-radius:3px
}
select.input-sm {
 height:30px;
 line-height:30px
}
select[multiple].input-sm,
textarea.input-sm {
 height:auto
}
.form-group-sm .form-control {
 height:30px;
 padding:5px 10px;
 font-size:12px;
 line-height:1.5;
 border-radius:3px
}
select.form-group-sm .form-control {
 height:30px;
 line-height:30px
}
select[multiple].form-group-sm .form-control,
textarea.form-group-sm .form-control {
 height:auto
}
.form-group-sm .form-control-static {
 height:30px;
 min-height:32px;
 padding:5px 10px;
 font-size:12px;
 line-height:1.5
}
.input-lg {
 height:46px;
 padding:10px 16px;
 font-size:18px;
 line-height:1.3333333;
 border-radius:6px
}
select.input-lg {
 height:46px;
 line-height:46px
}
select[multiple].input-lg,
textarea.input-lg {
 height:auto
}
.form-group-lg .form-control {
 height:46px;
 padding:10px 16px;
 font-size:18px;
 line-height:1.3333333;
 border-radius:6px
}
select.form-group-lg .form-control {
 height:46px;
 line-height:46px
}
select[multiple].form-group-lg .form-control,
textarea.form-group-lg .form-control {
 height:auto
}
.form-group-lg .form-control-static {
 height:46px;
 min-height:38px;
 padding:10px 16px;
 font-size:18px;
 line-height:1.3333333
}
.has-feedback {
 position:relative
}
.has-feedback .form-control {
 padding-right:42.5px
}
.form-control-feedback {
 position:absolute;
 top:0;
 right:0;
 z-index:2;
 display:block;
 width:34px;
 height:34px;
 line-height:34px;
 text-align:center;
 pointer-events:none
}
.input-lg+.form-control-feedback {
 width:46px;
 height:46px;
 line-height:46px
}
.input-sm+.form-control-feedback {
 width:30px;
 height:30px;
 line-height:30px
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
 color:#3c763d
}
.has-success .form-control {
 border-color:#3c763d;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
 border-color:#2b542c;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon {
 color:#3c763d;
 background-color:#dff0d8;
 border-color:#3c763d
}
.has-success .form-control-feedback {
 color:#3c763d
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
 color:#8a6d3b
}
.has-warning .form-control {
 border-color:#8a6d3b;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
 border-color:#66512c;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon {
 color:#8a6d3b;
 background-color:#fcf8e3;
 border-color:#8a6d3b
}
.has-warning .form-control-feedback {
 color:#8a6d3b
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
 color:#a94442
}
.has-error .form-control {
 border-color:#a94442;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
 border-color:#843534;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon {
 color:#a94442;
 background-color:#f2dede;
 border-color:#a94442
}
.has-error .form-control-feedback {
 color:#a94442
}
.has-feedback label~.form-control-feedback {
 top:25px
}
.has-feedback label.sr-only~.form-control-feedback {
 top:0
}
.help-block {
 display:block;
 margin-top:5px;
 margin-bottom:10px;
 color:#737373
}
@media (min-width:768px) {
 .form-inline .form-group {
  display:inline-block;
  margin-bottom:0;
  vertical-align:middle
 }
 .form-inline .form-control {
  display:inline-block;
  width:auto;
  vertical-align:middle
 }
 .form-inline .form-control-static {
  display:inline-block
 }
 .form-inline .input-group {
  display:inline-table;
  vertical-align:middle
 }
 .form-inline .input-group .form-control,
 .form-inline .input-group .input-group-addon,
 .form-inline .input-group .input-group-btn {
  width:auto
 }
 .form-inline .input-group>.form-control {
  width:100%
 }
 .form-inline .control-label {
  margin-bottom:0;
  vertical-align:middle
 }
 .form-inline .checkbox,
 .form-inline .radio {
  display:inline-block;
  margin-top:0;
  margin-bottom:0;
  vertical-align:middle
 }
 .form-inline .checkbox label,
 .form-inline .radio label {
  padding-left:0
 }
 .form-inline .checkbox input[type=checkbox],
 .form-inline .radio input[type=radio] {
  position:relative;
  margin-left:0
 }
 .form-inline .has-feedback .form-control-feedback {
  top:0
 }
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
 padding-top:7px;
 margin-top:0;
 margin-bottom:0
}
.form-horizontal .checkbox,
.form-horizontal .radio {
 min-height:27px
}
.form-horizontal .form-group {
 margin-right:-15px;
 margin-left:-15px
}
@media (min-width:768px) {
 .form-horizontal .control-label {
  padding-top:7px;
  margin-bottom:0;
  text-align:right
 }
}
.form-horizontal .has-feedback .form-control-feedback {
 right:15px
}
@media (min-width:768px) {
 .form-horizontal .form-group-lg .control-label {
  padding-top:14.33px
 }
}
@media (min-width:768px) {
 .form-horizontal .form-group-sm .control-label {
  padding-top:6px
 }
}


.formwrap{margin-top: 30px;margin-bottom: 50px;}
.formwrap .control-label {
    margin-bottom: 10px !important;
    font-size: 14px;
    font-weight: normal;
}
.formwrap .control-label {
    padding-right: 0px;
    color: #333;
  }
.help-tips {
    padding-top: 7px;
    color: #666;
    padding-left: 0px; color: #f31515;
}  



/******--------------------- btn 按钮 ---------------------******/
.btn-brown:hover, .btn-brown:focus, .btn-brown.focus, .btn-brown:active, .btn-brown.active, .open > .dropdown-toggle.btn-brown {
    background-color: #0b589e;
    border-color: #0b589e;
    color: #fff;
}
.btn-brown {
    background-color: #1c6db7;
    border-color: #1c6db7;
    color: #fff;

    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 100%;
}

/*******************-产品-**************************/
.nypro_list{}
.nypro_list .nypro_item{display: block;float: left;margin-bottom: 34px;width: 100%;}
.nypro_list .nypro_item dt img{width: 100%; }
.nypro_list .nypro_item dd{padding-left: 10px;padding-right: 10px; padding-top: 6px; height: 53px;line-height: 47px;text-align: center; border-bottom: 2px solid #eeeeee;color: #555555;background: #fff;font-size: 16px;}
.nypro_list .nypro_item:hover dd{border-bottom: 2px solid #1b7ed6;color: #ffffff;background: #1b7ed6;}
@media (min-width:992px){
.nypro_list {width: 105%;padding-left: 4px;}
.nypro_list .nypro_item{width: 225px;margin-right: 34px;}
.nypro_list .nypro_item dt img{width: 225px;height: 160px;}
}