/* CSS Document */
html, body {
    width: 100%;
    overflow-x: hidden;
}
ul, li {margin: 0; padding: 0; list-style: none;}
a, a:hover {text-decoration: none; color: #333;}
img {width: 100%;}
.claer {clear: both;}
body {color: #333; line-height: 180%; font-family: "microsoft yahei",sans-serif;}

.head-top {max-width: 1166px; margin: 0 auto; line-height: 220%;}
.head-top i {color: #3e4494;}
/*.phone, .ditu {border-right:  1px solid #f3f3f3; border-left: 1px solid #f3f3f3;}*/
.mail {border-right: solid 1px #f3f3f3;}
.phone, .mail, .ditu {padding-bottom: 6px; padding-top: 6px; color: #e2e2e2;}

.top-nav {background:#fff; padding:20px 0;}
.navbar {margin-bottom: 0; border-radius: 0;}
.mynavbar {padding:20px 0;transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;}
.mynavbar a {background:transparent !important; }
.mynavbar a:hover {color:#45bcf9 !important;background:transparent;outline:0}
.mynavbar a {transition: color 0.5s ease-in-out;}/*-webkit-transition ;-moz-transition*/
.botnav {color: #fff; border: 1px solid #fff;}
.icon-bar {color: #fff; border: 1px solid #fff;}
ul.navbar-right li a:hover {background: none;}
.nav .open  a:hover {background: none;}
.nav .open  a:focus {
  background: none;
  border-color: #337ab7;
}
ul.navbar-right li a {color: #333; font-size: 16px;}
ul.navbar-right li.dropdown ul.dropdown-menu li a:hover {background: none;}
ul.navbar-right li.dropdown ul.dropdown-menu li a {color: #333;}
.logo {padding-top:0; padding-bottom: 0; padding-left: 10px; margin-top: -8px;}
.navigation{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index: 100;
	box-shadow: 2px 0px 4px #777777;
}
.youlianqq{
	float: left;
    padding: 1px 4px;
    margin-right: 10px;
    background: #9ab3ce;
    color: #fff;
}
.youlianqq a{
	color:#fff;
}
.service {margin-top: 40px;}
.service hr {width: 60px;}
/*.services-block {margin-bottom: 40px;}*/
.lower-box {border-bottom: 1px solid #f2f2f2; padding-top: 8px;}
.lower-box .content {
    position: relative;
    text-align:center;
    font-size: 16px;
}
.lower-box .content h3 {font-size: 22px;}
.lower-box .content .number {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 18px;
    color: #3f3b3a;
}
.text{
	position:relative;
	line-height:1.8em;	
	font-family: 'Open Sans', sans-serif;
}
.btn-blue {background: #a72126; color: #fff; font-size: 18px;}
.btn-blue2 {background: #3f3b3a; color: #fff; font-size: 14px;}
.btn-blue2:hover {color: #fff;}

.about, .news {background: #f3f3f3; padding-bottom: 40px;}
.sub-1, .inewslist, .ilink {max-width: 1166px; margin: 40px auto 0;}
.sub-1 h2 {font-size: 24px;color:#fff; margin-left: 30%;}
.sub-1 .aboutus{margin-left: 34%;}
.cutr {margin-top: 20px;}
.cutr .btn-blue {font-size: 16px;}


.proclass a i  {color: #3e4494;}
.proclass h2 {margin-bottom: 5px;font-size:28px;}
.proclass a {border: 1px solid #3e4494;  padding: 8px 10px; border-radius: 8px; margin-left: 10px;}
.proclass a:hover {background: #3e4494; color: #fff;}
.proclass a:hover i {color: #fff;}
.proclass hr {margin-top: 10px; width: 60px;}
.products {margin-top: 40px;margin-bottom: 40px;}
.products ul.prolist li {margin-bottom: 10px; margin-top:15px; font-size: 13px; color: #666; line-height: 180%;}
.products ul.prolist li h3 {font-size: 16px; color: #333;}

.newspic {padding: 0;}
.npiclist {margin-bottom: 20px; float: left;}
.npiclist h3 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:18px;margin:10px 0;}
.inewslist ul li {line-height: 220%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inewslist ul li span {float: right;}
.inewslist hr {text-align: center; color: #ccc; border-top: 1px solid #d2d2d2; margin-top: 10px; width: 60px;}
.ilink {margin-top: 25px;}


.footer {background: #3e4494;}
.foot {max-width: 1166px; margin: 0 auto; color:#fff;}
.foot a {color: #fff;}


/*客服固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/*--列表页--*/
.main, .case {background: #f3f3f3; padding-bottom: 40px; padding-top: 40px;}
.page_banner {padding-left: 0; padding-right: 0;}
.colr, .caselist {max-width: 1166px;  margin: 0 auto;}
.colr .left h2, .colr .leftpro h2 {font-size: 16px; color:#333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.colr .left, .colr .right {color: #666; background: #fff; padding: 15px;}
.colr .left ul li p {color: #999; font-size: 12px;}
.colr .left ul li {border-bottom: dotted 1px #f3f3f3;}
.colr .leftpro {float: left;}
.leftpro ul li {margin-bottom: 10px;}

.colr .right .rtitle, .colr .right .rtitle2 {background: #619fe5; text-align: center; color: #fff; font-size: 18px; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px;}
.colr .right ul {margin-bottom: 20px;}
.colr .right ul li {line-height: 240%; border-bottom: solid 1px #f2f2f2; font-size: 16px;}
.colr .right ul li span {float: right; padding-top: 12px;}
.colr .right ul li p {text-align: center; font-size: 16px;}
.colr .right ul li .cwfsjdt {text-align:left; font-size: 16px;}

.localtion {background: #f3f3f3; padding-bottom: 10px; padding-top: 10px; text-align: center;}
.local {max-width: 1166px; margin: 0 auto;}
.local a {margin-left: 10px; margin-right: 10px;}
ul.productlist {padding: 15px; padding-top: 30px; text-align: center;}
ul.productlist li h2 {font-size: 16px;margin: 0; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3;}
ul.productlist li {margin-bottom: 20px;}
.diqupro {padding-bottom: 10px; padding-top:10px; margin-top: 25px; margin-bottom: 25px; border-top:solid 1px #ccc;}
.diqupro a {margin-left: 15px; margin-right: 10px; padding: 10px;}

.caselist ul li {margin-bottom: 20px;}
.casetitle {background: #fff; padding-bottom: 8px; padding-top: 10px;}

/*--表单--*/
.input-with-icon {position: relative;margin-bottom: 30px;}
.input-with-icon i {position: absolute;left: 28px;top: 15px;font-size: 22px;color: #999;}
.input-with-icon input {display: block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #f3f3f3;border: 0;width: 100%;color: #767676;outline: none;font-size: 16px;padding: 15px 15px 15px 45px;}
.fm-ta {background-color: #f3f3f3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 0;padding: 15px;font-size: 16px;outline: none;display: block;width: 100%;color: #767676;margin-bottom: 30px;}
.intxt {display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #f3f3f3;border: 0;width: 50%;color: #767676;outline: none;font-size: 16px;padding: 10px 15px;vertical-align: middle;}
.inyzm {display: inline-block;vertical-align: middle;}
.insubmit {display: block;width: 100%;padding: 15px;background-color: #465bb6;color: #fff;outline: none;}
.insubmit:hover {color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);}
.formlist img {width:200px; height:60px;}


/*--内容页--*/
.leftcon {color: #666; background: #fff; padding: 15px 15px 35px 15px; }
.leftcon h1 {font-size: 20px !important; color:#666 !important; border-bottom: solid 1px #f3f3f3; padding-bottom: 10px;}
.leftcon .content h2 ,h3 {font-size: 16px !important; color:#666 !important; margin-top: 20px; margin-bottom: 10px;}
.leftcon p.source {font-size: 12px;}
.leftcon p.sour {font-size: 12px;}
.leftcon .content {text-align: justify;}

.leftpro {color: #666; background: #fff; padding:0; clear: both; width: 100%;}
.leftpro .cp-center {font-size: 22px;}
.information {margin-bottom: 20px; margin-top: 20px;}
.leftpro h3 {font-size: 16px; color: #3e4494; border-bottom: solid 1px #f3f3f3; padding-bottom: 10px;}
.tag {margin-bottom: 10px;}
.pronews ul li span {float: right;}
.pronews ul li {line-height: 220%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prve .nextt {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.msg-form img {width: 200px; height: 60px;}


@media only screen and (max-width: 767px) {
	.head-top, .navbar-form, .yb_conct, .cutr  {display: none;}
	.top-nav {margin-top: 0;}
	.newspic {padding: 0;}
	ul.navbar-right li.dropdown ul.dropdown-menu li a {color: #fff;}
	.proiclass {display: none;}
	.leftcon h1 {font-size: 18px; line-height: 180%;}
	
}
@media only screen and (max-width: 1200px) {
	.navbar-form {display: none;}
}
@media (min-width: 992px){
    .ditu{width: 66%;}
}
.container-fluid{
    background:#d6d6d6;
    color: #fff;
}

.row .prolist img{
  cursor: pointer;
  transition: all 0.6s;/*所有的属性变化在0.6s的时间段内完成*/
}
.row .prolist img:hover{
  transform: scale(1.1);/*表示在鼠标放到图片上的时候图片按比例放大1.2倍*/
  overflow: hidden;
}
/*友情链接开始*/
.youlian{
  width: 100%;
  margin-bottom: 20px;
}
.youlian .yl{
    width: 91%;
    height: auto;
    border: 1px solid #d6d6d6;
    float: left;
    padding-left: 5px;
    text-align: left;
    color: #666;
    line-height: 28px;
}
.youlian .yl a{
  display: inline-block;
  margin-left: 10px; 
}
.youlian .yl a:hover{
  text-decoration: underline;
}
/*友情链接结束*/
.beian{
	text-align: center;
    color: #4377b2;
    border-top: 1px solid #5a5a5a;
    padding: 5px 0;
}
.beian a{
	color:#b9b9b9;
}
.weixin{
	position: fixed;
    bottom: 75px;
    right: 16px;
    width: 42px;
    height: 45px;
    color: #333;
    background: #fff;
    text-align: center;
    line-height: 1.2;
    padding: 5px;
    font-size: 14px;
	border: 1px solid #b3b3b3;
}
.weixin:hover{
	background:#2a7dd9;
	color:#fff;
	border-color:#2a7dd9;
}
.weierweima{
    position: absolute;
    display: none;
	right:100%;
	bottom: -60px;
    width: 100px;
    height: 110px;
    background: url(../images/weixin1.png) no-repeat;
}
.weixin:hover .weierweima{
	display:block;
}
/*footer*/
.footer{
  background:#2b4c72;
  width: 100%;
  overflow:hidden;
}
.footer p{
  color: #fff;
  float: left;
}
.footer .footer-con{
    margin-top: 25px;
  }
.footer .footer-contact{
  text-align: left;
}
.footer .footer-contact p {
  float: left;
  margin-right: 20px;
  margin-bottom:0;
}
.footer .footer-logo{
  width: 350PX;
  height: 50PX;
  margin-top: 10%;
}
.footer .erwei{
  margin-top: 12px;
}
/*footer end*/

.news{
    background:#fff;
	overflow:hidden;
}
            .pagination p{
                margin:0;
                cursor:pointer
            }
            .pagination{
                height:40px;
                padding:20px 0px;
            }
            .pagination a{
                display:block;
                float:left;
                margin-right:10px;
                padding:2px 12px;
                height:24px;
                border:1px #cccccc solid;
                background:#fff;
                text-decoration:none;
                color:#808080;
                font-size:12px;
                line-height:24px;
            }
            .pagination a:hover{
                color:#077ee3;
                background: white;
                border:1px #077ee3 solid;
            }
            .pagination a.cur{
                border:none;
                background:#077ee3;
                color:#fff;
            }
            .pagination p{
                float:left;
                padding:2px 12px;
                font-size:12px;
                height:24px;
                line-height:24px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:8px;
            }
            .pagination p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            .pagination p.pageRemark b{
                color:red;
            }
            .pagination p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }
            .dates li {font-size: 14px;margin:20px 0}
            .dates li span{float:right}
            .footer .erwei img{
              padding: 20px;
            }
.container-fluid-top{
  background:#2b4c72;
}
/*返回头部*/
#totop {
    display: inline-block;
    position: fixed;
    bottom: 40px;
    right: 16px;
    padding: 6px 10px 2px;
    background: #b3b3b3;
}
#totop .iconfont{
  color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
}
.about{
  background: #08589d;
}
.navbar-nav li.dropdown ul.dropdown-menu li a{
  line-height:2.7; 
}
.navbar-nav li.dropdown ul.dropdown-menu li:hover{
  background: #3f3b3a;
}
.navbar-nav li.dropdown ul.dropdown-menu li:hover a{
    color: #fff;
}

.navbar-nav>li.dropdown:hover ul.dropdown-menu{
  display: block;
}
.navbar-right .dropdown-menu{
  left: 0;
}
    @media (max-width: 768px){
      /*  .prolist{
          padding: 0 40px;
        }*/
       .navbar-nav>li.dropdown:hover ul.dropdown-menu{
          display: none;
        }
        .left-sub .left iframe{
          height: 400px;
        }
      }

.rongyu{
  background: #fff;
  overflow: hidden;
}
.rongyu .swiper-container {
      width: 100%;
      height: 100%;
    }
.rongyu .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
/*荣誉资质结束*/
.left-sub .left iframe{
  height: 450px;
}
.pages {
    clear: both;
    margin: 20px auto;
    text-align: center;
    overflow: hidden;
    padding: 20px 0;
   
}
.pages ul{
  display: inline-block;
  margin: 0 auto; 
}
.pages li {
    overflow: hidden;
    display: inline-block;
    float: left;
}
.pages a {
    display: inline-block;
    font-family: Arial;
    font-size: 13px;
    border: #69a9ef 1px solid;
    padding: 4px 9px;
    margin: 2px;
    margin-bottom: 5px;
    color: #69a9ef;
    text-decoration: none;
}
.pages li:hover a{
   background: #69a9ef;
  color:#fff;
}

.left-sub h1 small{
  float:right;
  line-height: 1.5;
  font-size:14px;
}
.left_h2{
  display: inline-block;
  width: 98%;
margin-bottom: 2%;
margin-top: 2%;
}
.left_h2 .cp-center{
  display: inline-block;
  padding-bottom: 1%;
  border-bottom: 1px solid #69a9ef;
}

/*.collapse .dropdown{
  font-size: 18px;
}*/
.leftpro .content h1{
	font-size:26px
}
.collapse .dropdown:hover a{
  color: #0079ff;
}
.right-sub{background: #fff;}
.tuijian{background: #fff;}
@media only screen and (max-width: 767px){
  .footer .erwei img{
    padding: 0;
    margin-bottom: 20px;
    margin-left: 19%;
  }
  .about{
    padding-top: 33px;
    padding-bottom: 30px;
  }
  .navbar-toggle{
    background: #0e70c0;
  }
/*.cp-row{
    margin-right: -58px;
    margin-left: -58px;
  }*/
  .left-sub small{
    display: none;
  }
  .lower-box .content h4,.news h4{
    font-size: 16px;
    font-weight: bold;
    padding-left: 0px;
  }
  .products .cp-zx{
    padding-right: 10px;
    padding-left: 10px;

  }
  .services-block .image{
    padding-right: 5px;
    padding-left: 4px;
    padding-bottom: 4px;
  }
  .lower-box .content{
    padding-left: 0px;
  }
  .lower-box{
    padding-top: 0px;
  }
  .footer .footer-contact p{
    font-size: 14px;
    line-height: 20px;
  }
  .lower-box .text{
    font-size: 14px;
    line-height: 
    20px;
  }
  .news{
    padding-bottom: 8%;
    padding-top: 0px;
    margin-top: 3%;
	
  }
  .service{
    margin-top: 0;
  }
  .container-fluid{
    padding-right: 3%;
    padding-left: 3%;
  }
  .main .tuijian{padding-left:1%;padding-right: 1%;}
  .right-sub,.left-sub{background: #fff;}
  .right-sub{    margin-bottom: 10px;}
  .colr .right{
    padding:15px 15px 0;
  }
  .left-sub{padding: 0}
  .collapse .dropdown a{
      font-size: 14px;
      line-height: 20px;
      padding:10px 15px;
  }

}