﻿/*header*/
.head-wrap{ padding: 0px 0px 0px 0px; background: #fff;}
@media (min-width: 768px){
    .head-wrap{ height:80px;}
}
@media (max-width: 768px){
    .head-wrap{ padding: 10px 0px 0px 0px; background: #fff;}
}
.logo{ float: left;}
@media (min-width:996px){
    .logo{ padding-top:10px;}
}
/*右侧下拉按钮*/
.navbar-toggle{position:relative;float:right;margin-right:0px;padding:14px 10px;margin-top:8px;margin-bottom:8px;border:1px solid transparent;border-radius:4px;background-color: #dddddd;}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
@media (min-width:768px){
    .navbar-toggle{display:none}
}
.sr-only {  position: absolute;  width: 1px;  height: 1px;  margin: -1px;  padding: 0;  overflow: hidden;  clip: rect(0, 0, 0, 0);  border: 0; }
/*导航*/
.header-x .nav {  float: right;  margin-left: 45px; }
.header-x .nav>li { display: block;  text-align: center; margin-right: 5px; position: relative; }
.header-x .nav>li>a{ display: block;}
.header-x .nav>li.current a, .header-x .nav>li:hover>a{ color: #fff; background: #025aac; }
.header-x .nav>li a{ padding: 0px 15px; font-size: 16px;}
.header-x .nav>li{ float: left; height: 80px;  line-height: 80px; }
.header-x .nav>li.lastLi{ margin-right: 0;}

/*二级导航*/
.subNav{position:absolute;top:100%;left:0;z-index:1000;display:none; float:left;min-width:160px;list-style:none;font-size:14px;text-align:left; background: #025aac; width: 333px; padding: 10px;}
.header-x .nav .subNav>li{ float: left; height: auto; line-height: 30px; margin: 5px 5px;}
.header-x .nav .subNav>li a{ color: #fff; font-size: 12px; padding: 5px 10px; border:1px solid #025aac;}
.header-x .nav .subNav>li a:hover{ border:1px solid #f04646;}
.header-x .nav>li:hover .subNav{display: block;}
/*search group*/
.header-x .nav li.lastLi a, .header-x .nav li.lastLi a:hover {  padding: 30px 20px;  background: #242424; }
.searchWrap {  position: absolute; right: 0;  width: 300px; top: 80px; z-index: 9999;  padding: 15px;  display: none; background: #242424; }
.input-group {  position: relative;  display: table;  border-collapse: separate; width:100%; }
.input-group input.form-control{ position: relative;  z-index: 2;  float: left;  width: 100%;  margin-bottom: 0; height: 34px;padding: 6px 12px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; display: table-cell; background: #fff; border: 1px solid #ccc;}
.input-group-btn {  position: relative; white-space: nowrap;display: table-cell; width: 10%; }
.btn {  display: inline-block; float: left;  margin-bottom: 0;  font-weight: normal;  text-align: center;  vertical-align: middle;  padding: 6px 12px;  line-height: 1.42857143;border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
/*按钮颜色*/
.btn-danger {  color:#fff;  background:#D9534F;  border: 1px solid #D43F3A;  font-family: 'Microsoft Yahei', 微软雅黑, Helvetica;  font-size: 14px; transition: all .2s ease; }
.btn-danger:hover{ background: #c9302c;}

/*侧边栏导航*/
.side-nav {  position: fixed;  top: 0; left: 0;  width: 220px;  height: 100%;  z-index: 999;  background-color: #2b2b2b;  margin-left: -220px;  transition: margin-left 0.15s ease-in-out 0s; }
.side-nav .menu li {  padding-left: 15px;  border-bottom: 1px solid #333333; }
.side-nav .menu li a {  text-decoration: none;  display: block;  color: #fff;  padding:20px 20px 20px 30px;  position: relative; }
@media (max-width: 767px) {
    .side-nav .menu li a{ font-size: 16px !important;}
}
.side-nav .menu li a .icon{  position: absolute;  top:23px;  left:0;  color: #959595;  font-size: 16px;  margin-right: 10px; }
.side-nav .menu li.current,.side-nav .menu li:hover{  background-color: #262626; }

.containerWrap{ width: 100%;}
.container-Wrap{ width: 100%; margin: 0; padding: 0;}
.searchWrap{ position: absolute; right: 0; width: 300px; top:80px; padding: 15px; display: none;}

/*banner*/
#slider { width:100%; height: 430px; overflow: hidden; position: relative; margin-top: 10px;}
.bd{ position: absolute; z-index: 1; }
.bd ul{ height: 430px; position: relative;}
.bd ul li{ float: left;}
.bd ul li a { width: 100%; height: 430px; display: block;}
@media (max-width: 767px) {
    .bd ul{ height: 158px; }
    .bd ul li a { height: 158px;}
}
.hd{ width: 100%; position: absolute;  z-index: 99;  bottom: 10px;  left: 0; text-align: center;}
.hd ul{ text-align: center;}
.hd ul li{ display: inline-block; zoom: 1; text-align: center; border-radius: 10px;  width: 10px; height: 10px;  margin: 0 5px 0 0; text-indent: -9999px; background: #fff;}
.hd ul .on{ background:#FF4000;  }
@media (max-width:767px){
    #slider{ height: 158px;}
}
.arrow { cursor: pointer; display: none; line-height: 39px; text-align: center; font-size: 36px; position: absolute; z-index: 2; top: 160px; width:58px; height:81px;}
#slider:hover .arrow { display: block;}
#prev { left: 20px; background:url(../images/prev.png) no-repeat scroll 0 0; }
#next { right: 20px; background:url(../images/next.png) no-repeat scroll 0 0; }

/*产品滚动*/
.wrapper{ width: 100%;}
.productWrap{ padding-bottom: 15px;}
.proTit, .coopTit{ text-align: center; padding: 10px 0;}
.proTit p, .coopTit p{ color: #fff; line-height: 30px; font-weight: lighter;}
.proWrap{ padding-bottom: 20px;}
@media (max-width: 767px) {
    .proWrap{ padding-bottom: 10px;}
}

#proscroll{ max-height: 333px !important;}
ul.pic_ul{ list-style:none; margin:0; padding:0; max-height: 333px; overflow: hidden;}

ul.pic_ul li{ float:left;height:150px; text-align: center; margin-top: 15px;}
ul.pic_ul li img{ width: 100%; height:100%;}
ul.pic_ul li:hover img{ background: #000; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
-moz-opacity:0.7; /*Firefox私有，透明度50%*/
opacity:0.7;/*其他，透明度50%*/}
.l_r{ margin:10px auto; width:880px;}
@media (min-width: 992px){
    #proscroll{ width:1000px;}
    ul.pic_ul{ list-style:none; margin:0; padding:0; position:absolute; left:0; top:0;}
    ul.pic_ul li img{ max-width: 200px;}
    ul.pic_ul li{ width: 200px; margin:0 10px; padding: 0;}
}

/*优势*/
.advIcon{ height: 1px;}
.advWrap{ width: 90%; margin: 0 auto; position: relative; padding-bottom: 20px;}
.adv-box{padding: 20px; height: 134px; overflow: hidden;}
.adv-box h2{padding:0 0 15px 30px; line-height: 24px; background: url(../images/icon.png) no-repeat scroll 0 0;}
.adv-box h2.adv-tit01{ background-position: 0 0;}
.adv-box h2.adv-tit02{ background-position: 0 -44px;}
.adv-box h2.adv-tit02-2{ background-position: 0 -91px;}
.adv-box h2.adv-tit03{ background-position: 0 -141px;}
.adv-box h2.adv-tit03-2{ background-position: 0 -194px;}
.adv-box h2.adv-tit04{ background-position: 0 -252px;}
.adv-box h2.adv-tit04-2{ background-position: 0 -306px;}
.advList{ height: 60px; overflow: hidden;}

/*合作伙伴*/
.coopWrap{ width:100%; padding-bottom:20px;}
.coopUL{ width: 100%; overflow: hidden;}
.coopUL li{ width: 33.3%; float: left; text-align: center;margin-top:-1px;}
@media (max-width: 767px) {
    .coopUL li:nth-child(3n){ border-right: 0 none;}

}
.coopUL li span{display: block; padding: 10px 0;}
.coopUL li img{ width: 90%; max-width: 196px;}

/*公司介绍*/
.aboutCont{margin: 0 auto; padding-bottom: 20px;}
.aboutWrap{ margin: 0 auto;}
.aboutBox{ padding-bottom: 15px; }
.aboutImg img{ width: 100%; max-height: 204px;}
.aboutBox .tit{padding-bottom: 10px; line-height: 28px;}
.aboutBox .cont{ line-height: 24px;  max-height: 190px; overflow: hidden;}
.aboutTab{ width: 100%;}
.aboutTab a{ display: inline-block; padding: 5px 10px; margin: 0 0 10px 0; transition: all .5s ease;}

@media (max-width: 767px) {
    .aboutTab a{  padding: 5px 6%;}

}

/*联系我们*/
.connect{ padding-top: 20px; text-align:right;}
.connect h3.tit{ height: 38px;}
.connect h3.tit span{ padding-left: 20px; padding-bottom: 10px;}
.con-cont{ line-height: 24px; padding-top: 10px; padding-bottom: 10px;}
.conWrap{ margin: 0 auto;}
.map-wrap{ position: relative; padding-bottom: 20px;}

/*导航路径*/
.breadcrumb {  background: none;  padding: 0;  margin: 0 0 0 10px; }
.breadcrumb li { display: inline-block; }
.breadcrumb > li + li:before { content: "- ";padding: 0 5px; }

/*列表页*/
.mainbox_2a ul {  margin-bottom:15px; }
.mainbox_2a li {  border-bottom: 1px dashed #999;  height: 45px;  width: 100%;   background: url(../images/q.gif) no-repeat scroll 5px center; }
.mainbox_2a li a { color: #666;  display: block;  height: 45px;  line-height: 45px;  padding-left: 20px; width: 70%; overflow: hidden; }

.mainbox_2a li span { line-height: 45px; }
.mainbox_2a img{ width: 140px; height: 90px;}
/*详细*/
.show_pic{padding-top:10px; margin:0px 40px;}
.pic_cp img{max-width:744px; border:1px solid #ccc; margin-top:10px; }
.nrr { padding:15px; line-height:24px; color:#333;}
.nrr img{ max-width: 744px;}

@media (max-width:768px){
    .show_pic{padding-top:10px; margin:0px;}
    .pic_cp img{max-width:280px; border:1px solid #ccc; margin-top:10px; }
    .nrr { padding:15px; line-height:24px; color:#333;}
    .nrr img{ max-width: 280px;}
}



/*分页*/
.sh_page{margin:30px 0;height:33px;line-height:33px;*line-height:50px; font-size:12px;}
.sh_page a{padding:5px 8px;border:1px solid #ccc;margin-left:3px;color:#5b5b5b;}
.dangqian{background:#efefef;}

.fanye{color:#0b61ac;line-height:20px;margin:15px 30px 20px 0px; font-size: 12px;}
.fanye a { color:#000;}
.fanye a:hover{text-decoration:underline;}

/*footer*/
.footer {line-height: 24px;  padding: 10px 0; text-align: center; }
.footer p{ margin: 0 10px; padding: 0;}

/*回到顶部*/
#go_top,#wqq,#wxin{z-index:2;width:50px;height:50px;right:10px;position:fixed;cursor:pointer}#wqq{top:360px}#wqq a{background:url(../images/sbtn.png) 0 0;right:0;float:left;width:50px;height:50px;text-indent:-9999px}#wqq a:hover{background:url(../images/sbtn.png) -50px 0}#wxin{top:412px}#wxin a{background:url(../images/sbtn.png) 0 -50px;width:50px;height:50px;right:0;float:left;text-indent:-9999px}#wxin a:hover{background:url(../images/sbtn.png) -50px -50px}#go_top{top:464px;background:url(../images/sbtn.png) 0 -101px;width:50px;height:50px}#go_top:hover{background:url(../images/sbtn.png) -50px -101px}.wqq,.wxin{position:relative;z-index:2}.wxin a:hover .wxinh{display:block}.wqq .wqqh{position:absolute;display:none;left:-275px;top:-200px;width:275px;height:355px;background:url(../images/wqq.png) 0 -2px no-repeat}.wxin .wxinh{position:absolute;display:none;left:-275px;top:-200px;width:275px;height:360px;background:url(../images/wshare.png) no-repeat}

/*page*/
.pageWrap{ width: 90%; margin: 0 auto;}
.mainCont .tit span{ background: url(../images/dz.png) no-repeat scroll 0 3px; padding-left: 22px;}
.aboutpage{ padding: 30px 0;}
.aboutpage h1.title {  text-align: center;  font-weight: normal;  margin-bottom: 10px; }
.aboutpage p { text-indent: 2em;  line-height: 1.8; }

/*小屏*/
@media (min-width: 768px){
    .navbar-static-top .navbar-nav>li>a{ line-height: 50px !important; transition: all .5s ease;}
    .navbar-static-top .navbar-toggle{ margin-top:25px;}
    .navbar-collapse{ border-bottom:none;}
    .navbar-static-top .navbar-right{ margin-right:0;}
    .glyphicon-search{ background: url(../images/search.png) no-repeat  0 0; width: 20px; height: 20px; display: block;}

    .navbar-nav>li>.subUL{border-radius: 0; border:0 none; width: 290px; padding: 8px 10px;}
    .navbar-nav>li>.subUL li{ float: left; width: 50%; padding: 5px;}
    .navbar-nav>li>.subUL li a{display: inline;padding-left: 10px;}

    .navbar-nav>li>.subUL li.last{ width:100%;}
    .navbar-nav>li>.subUL li.last img{ width: 100%;}

    /*banner*/
    .focus{ height: 330px;}
    .focus .bd li img{height:330px; }
    .focus .hd ul li{ border-radius: 15px; width: 12px; height: 12px;}
    .focus .bd ul li a{height: 330px; }
    .jumboWrap{ width:750px;}
    .jumboBox{ top:80px; width: 462px; height: 162px;}

    /*产品滚动*/
    .proTit, .coopTit{padding: 30px 0 15px;}
    .wrapper{ width: 100%;}
    #proscroll{ width:100%; min-height:150px; margin:0 auto; position:relative; overflow:hidden;}
    .ul.pic_ul{ max-height: 333px; overflow: hidden;}
    .picScroll .hd li{ width: 12px; height: 12px;}

    /*优势*/
    .advIcon{ height:auto;}
    .advWrap{ width: 100%; margin: 0 auto; padding-bottom: 50px;}
    .advIcon{ position: absolute; top:84px; z-index: 3; width: 100px; height: 100px; background: url(../images/ys.png) no-repeat scroll 0 0; text-indent: -9999px;}
    .adv-box{padding: 20px 30px;}

    /*合作伙伴*/
    .coopWrap{ padding-bottom:50px;}
    .coopUL li{ width: 20%;}

    /*公司介绍*/
    .aboutBox .tit{ padding-bottom: 10px;}
    .aboutCont{margin: 0 auto; padding-bottom: 50px;}

    /*联系我们*/
    .connect{ padding-top: 20px; padding-bottom:20px;}
    .connectWrap{ height: 278px; overflow: hidden;}
    .map-wrap{ position: absolute; right: 0; padding-right: 0; padding-bottom: 0; width: 62%;}
    .connect{ text-align: right;}

    .mainbox_2a img{ width:100%; height: 140px;}
    .mainbox_2a a{ line-height: 30px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; width:100%;  }
    /*footer*/
    .footer {  padding: 20px 0;}



}
/*中屏*/
@media (min-width: 992px){
    .containerWrap{ width: 970px;  margin: 0 auto;}
    .navbar-header{ margin-top: 10px;}
    .navbar-brand>img{ width: 156px;}
    /*banner*/
    .focus{ height: 430px;}
    .focus .hd{ bottom:8px;}
    .focus .bd li img{height:430px; }
    .focus .bd ul li a{height: 430px; }
    .jumboWrap{ width:970px;}
    .jumboBox{ top:134px;}

    /*产品滚动*/
    .wrapper{ width: 970px; margin: 0 auto;}
    /*优势*/
    .advIcon{top:84px; left:435px;}
    /*公司介绍*/
    .aboutBox, .aboutTab{ margin-left:0px;}
}
/*大屏*/
@media (min-width: 1200px){
    .containerWrap{ width: 1000px;  margin: 0 auto; }
    .headH{height: 80px;}
    .jumboWrap{ width:1000px;}
    #slider {  margin-top: 0px;}
    /*产品滚动*/
    .wrapper{ width: 1000px; margin: 0 auto;}

    /*优势*/
    .advIcon{top:84px; left:449px;}

}
/*导航*/
.navbar-collapse{background: #fff;}
.navbar-nav>li{ border-bottom:1px solid #eee;}
.navbar-nav>li>a{ font-size: 16px; color: #333;}
.navbar-toggle .icon-bar{ background-color: #025aac;}
.open .dropdown-toggle{ background-color: #025aac;}
.nav>li>a:hover ,.nav .open>a.dropdown-toggle,.nav .open>a.dropdown-toggle:hover, .nav a.dropdown-toggle:hover{background-color:#025aac; color: #fff;}
.navbar-nav .open .dropdown-menu>li>a:hover{ background: #e5e5e5;}
.btn-danger {  color: #fff;  background: #d9534f;  border:1px solid #d43f3a; font-family: "Microsoft Yahei", "微软雅黑", Helvetica; font-size: 14px; }
.btn-danger:hover{ background: #c9302c;}
.dropdown-menu{background-color:#fff;border:1px solid #ccc;}
.input-group input.form-control{ background: #fff; border: 1px solid #ccc; }
.searchWrap{ background: #242424;}
/*产品滚动*/
.proTit p.title, .coopTit p.title{ font-size: 24px;}
.proTit p.subtitle, .coopTit p.subtitle{ font-size: 20px;}
.coopTit p.title{ color: #025aac;}
.coopTit p.subtitle{ color: #333;}
/*优势*/
.adv-box, .adv-box h2{ color: #333;}
.adv-box{ background: #fff;}
.bgRed .advList,.bgRed h2{ color: #fff;}
/*合作伙伴*/
.coopUL li{ border-top: 1px dotted #999;}
.coopUL li span{ border-right:1px dotted #999; }
/*公司介绍*/
.aboutBox .tit{ color: #025aac;}
.aboutTab a{ background: #eee;}
.aboutTab a.on, .aboutTab a:hover{ background: #e00001; color: #fff;}
/*联系我们*/
.connect h3.tit{ font-size: 20px; color: #fff;}
.connect h3.tit span{ border-bottom: 2px solid #fff;}
.con-cont{ color: #fff;}
/*page单页*/
.mainCont .tit span{font-size: 18px;}
.aboutpage .title{font-size: 24px; color:#222;}
.aboutpage p{font-size: 14px;  color: #222; }
/*导航路径*/
.breadcrumb > li + li:before {color: #ccc; }
@media (max-width: 768px){
.mainCont li { font-size:16px !important;}
}
/*新闻列表页*/
.mainbox_2a li a:hover {  color: #e00001; }
.mainbox_2a li span {  color: #7c7c7c; font-size: 12px; }

/*产品列表页*/
.mainbox_2a a{ display: block; line-height: 30px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;
}
/*尾部*/
.footer-wrap{ background: #1c1c1c;}
.footer {  color: #fff;  }
.footer a {  color: #fff; }
/*----message----*/
.liuyan_box{ text-decoration:none; font:14px "微软雅黑";}
.liuyan_box li{ margin:10px 0px; }
.liuyan_box li label {float:left;width:86px;text-align:right;line-height:30px; font-weight:normal; color:#333;}
.liuyan_box li div {float:left;line-height:25px;}
.liuyan_box li div textarea{border:1px solid #ccc; width:100%;font-size:12px;color:#555;padding:5px; min-height:100px;_height:expression(document.body.clientWidth > 100 ? "100px" : "auto"); }
.yanzheng{border:1px solid #9e8e8e;display:inline-block;width:70px;height:28px;vertical-align:top; margin-left:10px;padding-left:2px;}
.up_but{cursor:pointer;}
.first {margin-left:0;clear:left;}
.qqqq,.width2{ border:1px solid #ccc !important; height: 30px; line-height: 30px; padding:0 5px;}
/*小屏*/
@media (min-width: 768px){
    .navbar-static-top .navbar-nav>li>a:hover{ background: #025aac; color: #fff;}
    .navbar-nav .open>.subUL li a:hover{ border:1px solid #f04646; background:transparent;}
    .navbar-nav>li>.subUL{background: #025aac;}
    .navbar-nav>li>.subUL li a{ color: #fff; border:1px solid #025aac;}
    .navbar-nav>li { border-bottom: 0; }
    /*搜索*/
    .navbar-nav>li.lastLi a, .navbar-nav>li.lastLi a:hover{ padding: 30px 20px; background: #242424; }
    /*banner*/
    .jumbotron h2{font-size: 18px;}
    .jumbotron h3{font-size: 16px;}
    .jumbotron h2{ height: 56px;}
    .jumbotron h3{ height: 56px;}
    .liuyan_box{ padding:20px 20px 70px 50px;}
    .liuyan_box li div textarea{ width: 440px;}
}


.glyphicon-search:before {
    content: "" !important;
}

.msgsuccess{ padding: 50px 0px 100px 0px !important; text-align: center;}

.mainbox_2a .specms-edit{ display:block; width:100%;text-overflow:ellipsis; overflow:hidden;}


.largeimg{ width:100%;}
.largeimg img{ width:100%; height:200px;}

@media (max-width: 768px){
    .largeimg img { height:150px;}
}


/*分页*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #025aac;
    border-color: #025aac;
}


.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li > a:hover,.pagination > li > span:hover{ color: #333;}