/*代码初始化*/
body{ color:#494949; font-size:14px;}
h1,h2,h3,h4,h5,h6,p{ margin:0;}
li{ list-style-type:none;}
.container{padding:0;}
::selection { background:#00a63e; color: #fff;
  }

  ::-moz-selection {

      background:#00a63e;  color: #fff;
       }

  ::-webkit-selection {
      background:#00a63e; color: #fff;
  }
.colo{ background-color: #f2f2f2 }

/*header*/
.hdtxt span{ margin-left: 15px; }
.headnav{ transition:0.3s; padding:20px 0; }
.headnav .tmnav{ padding:0; float:right; box-sizing:content-box; margin-right:-25px; margin-top:25px;}
.headnav .hdtxt{ padding:0; float:left;}
.header-frontend.p_fixed{ top:0; left:0; width:100%; z-index:9; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.headnav .navbar-collapse{ padding:0;}
.navbar{ margin-bottom: 0; }
.navbar-nav{ width: 100%; }
.navbar-nav > li{ width: 12.5%; text-align: center; }
.navbar-nav > li > a{ width: 100%; padding: 5px 0; color: #938c8c; font-size: 16px; transition:0.3s; border:1px solid transparent; border-radius:30px; }
.navbar-nav > li > a:hover,.navbar-nav > li.active > a{ color: #0d68b4; border-color:#0d68b4; background-color:transparent;}
.headtop .fr .hedbtn span{ color:#fff; padding-bottom:0;}
.dropdown-menu{ background:#0d68b4; padding:0px;min-width:110px;}
.dropdown-menu li{background: transparent;color:#fff; text-align: center;}
.dropdown-menu li a{ color:#fff; padding:5px 5px; transition:0.3s;}
.dropdown-menu li a:hover{ background:#1b74bf !important; color:#fff;}
.dropdown-menu li:hover{background:#fff !important; color:#ca1712 !important;}
.header-frontend{ transition:0.3s;}
.header-frontend.p_fixed{ background:#fff; padding:10px 0; transition:0.3s;}

/*banner*/
.banner .carousel_left, .banner .carousel_right{ width:35px; height:61px; background-color: transparent; opacity:1; overflow:hidden;}
.banner .carousel_left img, .banner .carousel_right img{ max-width:none; position:absolute; top:0;}
.banner .carousel_left img{ left:0;}
.banner .carousel_right img{ right:0;}
.banner .carousel-indicators .active{ background-color:#0d68b4;}

/*list*/
.list{ padding:55px 0;}
.list li{ float:left; padding:5px 80px; border-right:1px solid #d0d0d0;}
.list li:first-child{ padding-left:0;}
.list li:last-child{ padding-right:0; border-right:0;}
.list li .pic{ float:left;}
.list li .txt{ float:left; margin-left:15px; line-height:1.5em;}
.list li .txt h4{ color:#434343; font-size:16px; line-height:1.5em; margin-top:5px;}
.list li .txt h4{ color:#666; font-size:14px; line-height:1.5em;}

/*about*/
.about{ padding:45px 35px; background-color:#f6f6f6;}
.about h3{ font-size:24px; color:rgb(51, 51, 51); line-height:1.6em;}
.about span{ font-size:14px; color:rgb(13, 104, 180); line-height:1.6em;}
.about p{ font-size:14px; color:rgb(102, 102, 102); line-height:2em; margin-top:15px; margin-bottom:20px;}

/*honor*/
.honor{ padding:0; border:1px solid #e9e9e9; position:relative;}
.honor .info{ width:100%; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.65); color:#fff; padding:13px 15px;}
.honor .info i{ width:2px; height:2px; border-radius:50%; background-color:#fff; display:inline-block; margin-bottom:4px; margin-right:7px;}

.honor .title{ position:absolute; background-color:#0d68b4; padding:30px 60px; text-align:center; color:#fff; left:0; bottom:0; margin-left:-52%;}
.honor .title h3{ font-size:24px; margin-top:0; margin-bottom:5px;}
.honor .title p{ font-size:14px; margin-top:0; margin-bottom:0;}

/*zeren*/
.zeren{ position:relative; padding:80px 0 70px;}
.zeren .title{ position:absolute; top:0; left:0; margin-top:-60px;}
.zeren .title h2{ margin-bottom:10px;}
.zeren .title p{ font-size:18px; color:#666; line-height:24px;}
.zeren .title p img{ float:right;}
.zeren .neirong li{ padding-left:0; padding-right:0; width:32%; margin-right:2%; border:1px solid #d6d6d6; background-color:#f6f6f6;}
.zeren .neirong li:last-child{ margin-right:0;}
.zeren .neirong li .pic{ float:left;}
.zeren .neirong li .txt{ float:left; width:212px; padding:30px 25px;}
.zeren .neirong li .txt h4{ font-size:14px; margin-bottom:20px;}
.zeren .neirong li .txt p{ font-size:12px; line-height:1.5em;}

/*product*/
.product{ background-color:#f6f6f6; padding:40px 0 10px; text-align:center;}
.product .title{ padding-bottom:35px; margin-bottom:60px; border-bottom:1px solid #d4d4d4; position:relative;}
.product .title h2{ font-size:24px; color:rgb(51, 51, 51); margin-bottom:12px;}
.product .title p{ font-size:14px; color:rgb(102, 102, 102); text-transform:uppercase;}
.product .title i{ width:60px; height:3px; background-color:#0d64ae; display:inline-block; position:absolute; bottom:0; left:0; right:0; margin:auto;}
.product .neirong li{ text-align:center; margin-bottom:40px;}
.product .neirong li img{ border:1px solid #ddd; border-radius:3px;}
.product .neirong li p{ color:#656565; margin-top:15px;}

/*case*/
.case{ background:url(../images/bg1.jpg) no-repeat center; padding:45px 0 50px; text-align:center;}
.case .title{ color:#fff; margin-bottom:45px;}
.case .title h2{ font-size:24px; margin-bottom:10px;}
.case .title p{ text-transform:uppercase;}
.case .neirong li img{ border:3px solid #fff; border-radius:3px;}
.case .neirong li p{ color:#fff; margin-top:12px;}

/*news*/
.news{ padding:40px 0 20px;}
.news .title{ padding-bottom:35px; margin-bottom:60px; border-bottom:1px solid #d4d4d4; position:relative; text-align:center;}
.news .title h2{ font-size:24px; color:rgb(51, 51, 51); margin-bottom:12px;}
.news .title p{ font-size:14px; color:rgb(102, 102, 102); text-transform:uppercase;}
.news .title i{ width:60px; height:3px; background-color:#0d64ae; display:inline-block; position:absolute; bottom:0; left:0; right:0; margin:auto;}
.news .neirong li{ margin-bottom:45px; padding-bottom:30px; border-bottom:1px dashed #d7d7d7;}
.news .neirong span{ font-size:24px; color:rgb(167, 167, 167); display:block; margin-bottom:20px;}
.news .neirong h3{ font-size:16px; color:#434343; margin-bottom:20px; margin-top:10px;}
.news .neirong p{ color:#666; line-height:1.7em;}
.news .neirong img{ margin-bottom:30px;}
.news .neirong .right{ padding-bottom:30px; border-bottom:1px dashed #d7d7d7;}

/*footer*/
.footer{ background-color:#333; color:#fff;}
.footer a{ color:#fff; transition:0.3s;}
.footer a:hover{ color:#2c89d8;}
.footer .top{ padding:40px 0 25px; border-bottom:1px solid #232323;}
.footer .top ul{ float:left;}
.footer .top ul li{ float:left; padding:15px 20px; border-left:1px solid #575757; border-right: 1px solid #232323;}
.footer .top ul li:first-child{ padding-left:0; border-left:none;}
.footer .top ul li:last-child{ padding-right:0; border-right:none;}
.footer .top ul li .pic{ float:left;}
.footer .top ul li .txt{ float:left; line-height:1.5em; margin-left:25px;}
.footer .top ul li .txt h4{ font-size:14px; margin-top:5px;}
.footer .top .weixin{ float:right;}
.footer .top .weixin img{ float:right;}
.footer .top .weixin span{ float:right; text-align:center; margin-top:25px; margin-right:15px; margin-left:15px; line-height:1.7em;}
.footer .bottom{ text-align:center; padding:20px 0 25px; border-top:1px solid #575757;}

/*公司简介*/
.ilist{ background-color:#f7f7f7; border-bottom:1px solid #e8e8e8; text-align:center;}
.ilist li{ display:inline-block;}
.ilist li a{ display:inline-block; padding:15px 45px; border-left:1px solid #e8e8e8;}
.ilist li.active a, .ilist li a:hover, .ilist li.active a:hover{ background-color:#0d68b4; color:#fff; border-color:#0d68b4;}

.nyabout{ padding:30px 0 70px;}
.nyabout h2{ text-align:center; margin-bottom:35px; font-size:28px; color:rgb(90, 90, 90); margin-top: 30px;}
.nyabout h2 span{ color: rgb(13, 104, 180); font-size:12px; margin-top:10px; display:inline-block; text-transform: uppercase;}
.nyabout .content p{ line-height:2em; font-size:16px;}

/*新闻中心*/
.nyabout .newscon{ background-color: #fff; padding: 30px 45px; }
.nyabout .newscon li{ border-bottom: 1px solid #f0f2f5; padding-bottom: 30px; margin-bottom: 30px; }
.nyabout .newscon li h3{ margin: 0 0 20px; font-size: 22px; color: #464646; }
.nyabout .newscon li p{ color: #6a6a6a; line-height: 1.5em; margin-bottom: 10px; font-size: 13px; }
.nyabout .newscon li .info span{ color: #a3afb7; font-size: 16px; margin-right: 10px; }
.nyabout .newscon li .info span i{ margin-right: 5px; }
.nyabout .newslist .cont{ padding: 20px; margin-left: 30px; background-color: #fff; }
.nyabout .newslist .cont h2{ text-align: left; font-size: 18px; font-weight: 300; margin: 10px 0 15px; }
.nyabout .newslist .cont li{ padding: 10px 15px; border: 1px solid #e4eaec; margin-bottom: -1px; }
.met_pager{ color: #76838f; text-align: center; }
.met_pager a{ display: inline-block; padding: 9px 15px; border: 1px solid #e4eaec; margin-right: 20px; background-color: #fff; }
.met_pager a:hover{ background-color: #f1f1f1; }
.met_pager a.on{ border-color: #0d68b4; background-color: #0d68b4; color: #fff; }
.met_pager a.none{ display: none; }

/*产品展示*/
.plist li a{ padding: 15px 15px; }
.procont li .pcont{ margin-bottom: 25px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); background-color: #fff; }
.procont li .txt{ border-top: 1px solid #f1f1f1; padding: 20px; color: #464646; }

/*案例*/
.casecont li h4{ border-bottom: 1px solid #E1E1E1; padding: 20px 0 15px; margin-bottom: 30px; position: relative; font-size: 16px; }
.casecont li h4 i{ width: 10px; height: 1px; display: inline-block; background-color: #000; position: absolute; bottom: 0; left: 0; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.casecont li a:hover h4 i{ width: 100%; }

/*在线留言*/
form textarea.form-control{ height: 200px; }
form .btoo{ text-align: center; }
form .btoo .submit{ padding: 10px 50px; border: 1px solid #0d68b4; transition: 0.3s; border-radius: 3px; color: #0d68b4; margin-top: 10px; display: inline-block; }
form .btoo .submit:hover{ background-color: #0d68b4; color: #fff; }
.liuyan .pic{ text-align: center; }
.liuyan .pic img{ width: 65% }

/*联系我们*/
.contact #map{ height: 300px; }
.contact #map img{ max-width: none; }

/*新闻详情*/
.newscent h2{ text-align: left; font-size: 32px; color: #37474f; line-height: 1.2em; margin-top: 0; margin-bottom: 5px; }
.newscent .info{ color: #a3afb7; font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #f0f2f5; margin-bottom: 30px; }
.nyabout .content .coon p{ font-size: 14px; }

/*产品详情*/
.nyabout .nav{ margin-bottom: 15px; }
.nyabout .procon{ background-color: #fff; padding: 30px 0; margin-bottom: 30px; }
.nyabout .procon .pic{ border: 1px solid #f1f1f1; text-align: center; }
.nyabout .procon .txt{ padding-left: 30px; }
.nyabout .procon .txt h3{ line-height: 1.2em; }
.nyabout .procon .txt p{ font-size: 14px; margin-top: 15px; }
.nyabout .newscon .xiangqing{ border-bottom: 1px solid #e4eaec; margin-bottom: 35px; }
.nyabout .newscon .xiangqing h4{ display: inline-block; padding: 10px 20px; font-size: 14px; border-bottom: 2px solid #444; margin-bottom: -2px; }
.nyabout .procon .row{ margin: 0; }

@media (max-width: 1199px) {
	.list li{ padding:5px 48px;}
	.about{ padding:25px 15px;}
	.honor .title{ padding:24px 38px;}
	.zeren .neirong li .pic img{ width:140px;}
	.zeren .neirong li .txt{ width:168px; padding:20px 15px;}
	.zeren .neirong li .txt h4{ margin-bottom:10px;}
	.news .neirong li{ padding-bottom:30px;}
	.footer .top{ text-align: center; }
	.footer .top ul{ float: none; text-align: left; }
	.footer .top ul li{ padding: 15px 80px; }
	.footer .top .weixin{ margin-top: 20px; display: inline-block; float: none; }

	.liuyan .pic img{ width: 80% }

	.newscent h2{ font-size: 28px; }

	.nyabout .procon .txt h3{ font-size: 20px; }


}

@media (max-width: 991px) {
	.headnav{ padding:15px 0;}
	.list{ padding:40px 0;}
	.list li{ padding:5px 12px;}
	.honor .title{ position:static; width:100%; margin-left:0;}
	.zeren{ padding:30px 0;}
	.zeren .neirong li .pic img{ width:100px;}
	.zeren .neirong li .txt{ width:138px; padding: 5px;}
	.zeren .neirong li .txt p{ line-height:1.3em;}
	.product .title{ margin-bottom:35px; padding-bottom:25px;}
	.case .title{ margin-bottom:25px;}
	.case .neirong li{ margin-bottom:20px;}
	.news .title{ margin-bottom:35px; padding-bottom:25px;}
	.news .neirong span{ margin-bottom:15px;}
	.news .neirong h3{ margin-bottom:10px;}
	.news .neirong img{ margin-bottom:15px;}
	.footer .top ul li{ padding:10px 9px;}
	.footer .top ul li .txt{ margin-left:10px;}
	.footer .top ul li{ padding: 15px 35px; }

	.nyabout .newslist .cont{ margin-left: 0; margin-top: 50px; }
	.plist li a{ padding: 10px 5px; }

	.liuyan .pic img{ width: 90% }
	form textarea.form-control{ height: 150px; }

	.newscent .info{ margin-bottom: 20px; }



}

@media (max-width: 767px) {
	.container{ width:95%;}
	.headnav img{ height:60px !important;}
	.headnav .tmnav{ margin-top:5px; float:none; margin-right:0;}
	.navbar-nav .open .dropdown-menu{ background-color: #0d68b4; }
	.navbar-nav .open .dropdown-menu > li > a{ padding-left: 15px; }
	.navbar-nav{ margin:10px 0;}
	.navbar-nav > li{ width:100%;}
	.list{ padding:30px 0;}
	.list li{ width:50%; margin-bottom:15px;}
	.list li:first-child{ padding-left:12px;}
	.honor{ text-align:center;}
	.zeren .title{ position:static; margin-top:10px; margin-bottom:20px; text-align:center;}
	.zeren .neirong li{ text-align:center; width:48%; margin-bottom:15px; margin-left:1%; margin-right:1%;}
	.zeren .neirong li .pic{ float:none;}
	.zeren .neirong li .pic img{ width:auto;}
	.zeren .neirong li .txt{ width:90%; float:none; padding:15px 0; margin:0 auto;}
	.news .neirong li{ margin-bottom:25px;}
	
	.footer .top ul li{ float:none; border:none; padding-left: 10px; padding-right: 10px;}
	.footer .top ul li:first-child{ padding-left:10px;}
	.footer .top .weixin{ margin: 0 10px; }
	.footer .top .weixin img{ float:none;}
	.footer .top .weixin span{ display:block; float:none; margin-top:10px; margin-right:0; margin-left:0;}
	.footer .bottom{ line-height:1.7em;}
	.ilist li a{ padding:10px 15px;}
	.nyabout{ padding:25px 0 30px;}
	.nyabout h2{ margin-bottom:15px;}
	.nyabout .content p{ font-size:14px;}

	.nyabout .newslist .cont{ margin-top: 30px; }
	.nyabout .newscon{ padding: 20px 35px; }
	.nyabout .newscon li{ margin-bottom: 20px; padding-bottom: 20px; }
	.nyabout .newscon li h3{ font-size: 18px; margin-bottom: 15px; line-height: 1.5em; }
	.nyabout .newscon li p{ font-size: 12px; }
	.nyabout .newscon li .info span{ font-size: 14px; }
	.met_pager a{ padding: 5px 10px; margin-right: 10px; }

	.newscent h2{ font-size: 22px; }
	.newscent .info{ font-size: 14px; }
	.newscent h2{ margin-bottom: 5px; }

	.nyabout .procon .txt{ padding-left: 0; margin-top: 30px; }
	.nyabout .procon .txt h3{ font-size: 18px; }



}

@media (max-width: 480px) {
	.container{ width:98%;}
	.headnav{ padding-bottom:5px;}
	.headnav img{ height:40px !important;}
	.headnav .tmnav{ margin-top:0; margin-right:0;}
	.navbar-toggle{ margin-top:0; margin-bottom:0;}
	.list{ padding:20px 0;}
	.list li{ width:100%; border:none; padding:5px 30px;}
	.list li:first-child{ padding-left:30px;}
	.zeren .neirong li{ width:100%; margin-left:0; margin-right:0;}
	.footer .top ul{ float:none;}
	.footer .top .weixin{ float:none; text-align:center; margin-top:15px;}
	
	.nyabout h2{ font-size:20px;}

	.nyabout .newscon{ padding: 15px 30px; }
	.nyabout .newslist .cont{ margin-top: 20px; }
	.nyabout .newscon li{ padding-bottom: 15px; margin-bottom: 15px; }
	.nyabout .newscon li h3{ font-size: 15px; margin-bottom: 10px; }
	.nyabout .newscon li p{ margin-bottom: 5px; }
	.nyabout .newscon li .info span{ font-size: 13px; }
	.met_pager a:first-child{ display: none; }
	.met_pager a:last-child{ display: none; }

	.plist li a{ border: none; }
	.procont li{ width: 100%; }

	.casecont li{ width: 100%; margin-bottom: 30px; border-bottom: 1px solid #666; }
	.casecont li h4{ font-size: 14px; }

	.newscent h2{ font-size: 18px; }

	.nyabout .procon .txt h3{ font-size: 16px; }


}