﻿/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html,body{
	width:100%;
	height:100%;
	font-size:12px;
	color:#333;
}
*{
	padding:0;
	margin:0 
}
.row{
    margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}
ul{
   margin-bottom: 0px;

}
.list-inline{   
   margin-left: 0px;
   margin-right: 0px;
}
a{
    color:#eee
}
a:focus{
    text-decoration:none;
}
/*头部*/
.webtop{
   background:#333;
   width:100%;
   height:25px;
   line-height:25px;
}
.webtop-top{
   width: 1100px;
   margin: 0 auto;
   color:#FFF;
}
.webtop-top a:hover,.webtop-top a:focus{
   color:#eee
}

/*logo*/
.weblogo{
   width: 1100px;
   margin: 0 auto;
   background:#fff;
}

.logo{
   float:left;
   line-height:75px;
}
.zx-tel{
   float:right;
   color:#333;
   line-height:75px;
   font-size:1.3em;
   margin: 0 0 0px;
}
.zx-tel i{
   color:#006699;
   font-weight:bold;
   font-size:1.5em
   }
.chinaenglish{
   padding-right:50px;
   }
.chinaenglish a{
padding:0px 6px;
   color:#333;
   font-weight:600;
   font-size:20px;
}
.chinaenglish a:nth-child(1){
   color:red
}
.chinaenglish a:nth-child(2){
   color:#1067ff
}
 .ph-hidelogo{
   height:50px;
   margin-top:3px;
display:none
}
/*导航*/
.nav-D {
    width: 100%;
	height: 52px;
	z-index: 9999;
    position: absolute;
}
.navbar-default{
    top: 102px;
	background-image: transparent;
	background-repeat: no-repeat;
	border-radius: 0;
	width:100%;
	background: #1b1b1b;
	color:#fff;
}
 .navbar-default .navbar-nav > li > a{
   border-bottom: 2px solid transparent;
}
 .navbar-default .navbar-nav > li > a.dropdown-toggle.text-center {
    border-bottom: 0px solid transparent;
}
     /*固定导航*/
.fixednav{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	}
	
	
.navbar-brand {
	display:none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color:transparent
}
.navbar-collapse {
    padding-right:0px;
    padding-left: 0px;  
	width:68%;
	margin:0 auto;
	}
.navbar-nav {
    float: right;
	}

.navbar-nav > li > a {

    padding-top: 0px;
    padding-bottom: 0px;
	}
.nav > li{
    padding-top:17px;
	padding-bottom:17px;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;

	position:unset;
}
.nav > li a:hover,.nav > li a:focus {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-bottom: 2px solid #fff;
	}


.navbar-default .navbar-nav > li > a{	
	color:#fff;
	font-size:1.2em;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #fff;
	background-color:#1b1b1b;

	
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #1b1b1b;
    border-bottom: 2px solid #fff;
}
.navbar-default .navbar-nav > .active > a{
	color:#fff;
	font-size:1.3em;
	background-image: linear-gradient(to bottom,#002042 0,#002042 100%);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
.navbar-default .navbar-nav > .active a,.navbar-default .navbar-nav > .active:focus a{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-bottom: 2px solid #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-image: linear-gradient(to bottom,#1b1b1b 0,#1b1b1b 100%);
	}

/*汉堡导航*/
.navbar-default .navbar-toggle {
    border-color: #fbf7f7;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #30a0ff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #21a1ff;
	   border-color: #21a1ff;
}
.navbar-default .navbar-toggle:hover .icon-bar , .navbar-default .navbar-toggle:focus .icon-bar{
    background-color: #fff;
}

	
	/*导航下拉*/
	.dropdown-menu{
		top: auto;
		background-color: transparent;
		box-shadow: 0 0px 0px rgba(0,0,0,0);
		border: 0px solid rgba(0,0,0,.15);
		
	}
	.dropdown-menu img{
	    display:block
	}
	.dropdown-menu > li > a{
	    padding:3px 0px;
	}
	.hide-ce{
        display:none;
        padding-right: 0;
  
        float: right;
        }
	/*服务项目下拉*/
	.dropdown-serv{
		width: 550px;
        padding: 10px 0px;
		left: auto;
		position: -ms-page;
		position: absolute;
	}
	.dropdown-serv ul{
	width:30%;
	float:left;
	text-align:center;
	font-size:1.1em;
	color:#fff;
	border-right: 2px solid #eee;
	line-height:30px
	}
	.dropdown-serv > ul > li > a:hover{
	color:#fff;
	font-size:1.15em;
	font-weight:600;
	text-decoration:none;
	}
	.pub-nav-hide{
	width:100%;
	float:right;
	margin-top: 9px;
	padding: 20px 0px;
	background:rgba(30,31,39,.95);
	}	
	.dropdown-serv  img{
	    overflow:hidden;
		text-align:center;
		margin:0 auto;
	}
	.pub-nav-hideimg.row {
		width: 66%;
		float: left;
		margin-left: 2%;
		margin-top: 15px;
		
	}
	
#p-dowm{
    width:1100px;
}
.p-s-ul li a:hover,.p-s-ul li a:focus{
    border-bottom: 0px solid #fff;
	font-size:18px;
    color: #fff;
    text-decoration: none;
}
	/*解决方案下拉*/
	.dropdown-pro{
		
		margin: 0 auto;
		padding: 10px 0px 0px;
		right: 0px;
        position:absolute;
		
}
	.dropdown-pro .pub-nav-hide{
	width: 86%;
	float:left;
	right: 7%;
	margin-left:7%;
	position:-ms-device-fixed;
	}	

	.dropdown-pro li a{
	    color:#fff;	
		font-size: 18px;
		text-align: center;
        display: block;
	 }

	.p-p-ul li:hover a,.p-p-ul li:focus a{   
    color: #fff;
    text-decoration: underline;
    border-bottom: 0px solid #fff;

}
	.dropdown-pro li{
	    width:16%;
		margin: 0 auto
	}	
	.dropdown-pro li img {
	    width: 65%;
        margin: 0 auto 10px;
	}	

	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	    background-color:transparent;
		background-image: linear-gradient(to bottom,#292a32 0,#292a32 100%);
	}
	/*联系我们下拉*/
	.dropdown-us{
		width:1100px;
		margin: 0 auto;
		padding: 10px 0px 0px;
		right: 0px;
        	position:-ms-device-fixed;
		
}
	.dropdown-us ul{
	width:30%;
	float:left;
	padding-top:20px;
	text-align:center;
	font-size:1.1em;
	color:#fff;
	line-height:30px;

	}
	.dropdown-us > ul > li > a:hover{
	color:#fff;
	font-size:1.15em;
	font-weight:600;
	text-decoration:none;
	}
	.dropdown-us .pub-nav-hide{
	width: 550px;
	
	
	}	
	.dropdown-us  img{
		text-align:center;
		margin:0 auto;
	}
	.dropdown-us .pub-nav-hideimg{
	border-left: 2px solid #eee;
	}
	.p-a-ul li:hover a,.p-a-ul li:focus a{
	color: #fff;
    text-decoration: none;
    border-bottom: 0px solid #fff;
	font-size:18px;
	}
.dropdown:hover .dropdown-toggle{
   border-bottom:0px solid #fff;
}
/* banner*/
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;

	}
.container-fulid.row.banner{
	position: relative;
	margin-top: 52px;
}
.ban-text {
    position: absolute;
    top: 0;
    width: 68%;
    margin-left: 16%;
    text-align: center;
}
.carousel-inner img{
    width:100%;
}
.carousel-control.right,.carousel-control.left{
     background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 0%);
}
.carousel-indicators .active {
    width: 60px;
    height: 5px;
    margin: 0;
    background-color: #0d39fb;
		margin-right:5px
}
.carousel-indicators li {
    width: 60px;
    height: 5px;
	background-color: rgb(255, 255, 255);
    border: 0px solid #fff;
	margin:0px;
	margin-right:5px
}
.carousel-indicators li:hover{
    background-color: #0d39fb;
}	

 .navbar-default .navbar-nav > .active  li a{ 
border-bottom: 2px solid transparent;
}


/*底部*/
.foot{
   width:100%;
   background-color: #373d41;
}
.foot-con{
   width:1100px;
   margin: 0 auto;
   padding:30px 0px;
}
.foot-right {
    width: 30%;
    float: left;
    border-right: 1px solid #4b5054;
    padding: 0px 50px 0px 0px;
	margin-top: 10px;
    }

.mess-con h4{
   color:#d7d8d9;
   text-align:center;
   margin-bottom:15px;
}
.form-control{
  color: #555;
   margin: 5px 0;
}
.btn-danger{
   float:right;
   color:#fff;
}
.foot-left{
  width:69%;
  float:right;
  padding:50px 0px 0px 50px
}
.bot-nav{
  border-bottom: 1px solid #4b5054;
  padding-bottom:10px
}
.bot-nav li{
  font-size:1.2em;
  padding: 0px 20px;
}
.bot-nav li a{
  color:#d7d8d9;
}
.bot-nav li a:hover{
  color:#d7d8d9;
}
.bot-tel{ 
  width:55%;
  font-size:1.2em;
  color:#9b9ea0;
  float:left;
  padding-top:25px
}
.bot-img{
  width:44%;
  float:right;
  padding-top:50px;
  text-align:center;
  color:#9b9ea0;
  font-size:1.2em;
}
.bot-img img{
  padding-bottom:10px;
}
.beian a{
  color: #4194ff;

}

/*友情链接*/
.friend{
   background:#262626;
}
.friend-con{
   width:80%;
   margin: 0 auto; 
}
.friend-con p{ 
   color:#939393;
   font-size:1.2em;
   line-height:30px;
   text-align:center;
   margin: 0 0 3px;
}
.friend-con ul li{
   font-size:1.22em;
   color:#535353;
}



/*底部固定导航*/
.footer-nav {
  width:100%;
  text-align:center;
  background:#0078ff;
  display:none;
}
.footer-nav ul{
margin-bottom: 0px;

}
.footer-nav p {
    margin: 0 0 5px;
	}
.footer-nav li{
  width:17%;
  padding-top: 5px;

}
.footer-nav li a{
   text-decoration:none;
}
.footer-nav li a:hover,.footer-nav li a:focus{
   text-decoration:none;
   color:#fff;
}
.footer-nav i{
   font-size:28px;
   color:#fff;

}
.footer-nav img{
   width:23px;
   margin:0 auto;
}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;bottom: 0px;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/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px; width:180px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


/*悬浮联系我们*/
.xuanfu{ position:absolute; right:0; top:150px;z-index: 999;}
.xuanfu .slide_min{ width:100px; height:100px; cursor:pointer;margin-top: 120px;}
.xuanfu .slide_box{ width: 170px; height:auto; overflow:hidden; font-size:12px;  line-height:130%;color: #1e1e1e;margin-top: 50px; }
.xuanfu .slide_box .weixin{ margin-bottom:5px;}
.xuanfu .slide_box img{ cursor:pointer;}
.xuanfu .slide_box .tel-zx{    font-weight: 600;text-align:center; padding:10px 0px;margin-bottom:0px;background:url(../images/fin-lx-2.gif);font-size:16px;color:#333;text-align:center;}
.xuanfu .slide_box .tel-num{

   margin-bottom:10px;
   width:80%;
   margin:0 auto;
   padding: 7px 0px;
    font-size: 16px;
    line-height: 20px;
}
.tel{
   background:#fff;
   padding:5px 0px 10px;
   border-left:1px solid #cfcbcb;
   border-right:1px solid #cfcbcb;
   border-bottom:1px solid #cfcbcb;
}

.wrap {
  bottom: 100px;
  position: absolute;
  width: 100px;
}

.ball,
.shadow {
  border-radius: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.ball {
  -webkit-animation: ball 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
  animation: ball 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
  
}

.blue .ball  img{ margin:0 auto;display: block;}

.shadow {
  -webkit-animation: shadow 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
  animation: shadow 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
  background: #000;
  bottom: -90px;
  height: 25px;
  width: 60px;
}


.blue .ball ,
.blue .shadow  { -webkit-animation-delay: 0; animation-delay: 0; }

@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY( 0 );
    transform: translateY( 0 );
  }
  100% {
    -webkit-transform: translateY( -30px );
    transform: translateY( -30px );
  }
}

@keyframes ball {
  0% {
    -webkit-transform: translateY( 0 );
    transform: translateY( 0 );
  }

  100% {
    -webkit-transform: translateY( -30px );
    transform: translateY( -30px );
  }
}

@-webkit-keyframes shadow {
  0% {
    opacity: 0.2;
    -webkit-transform: scale( 0.65 );
    transform: scale( 0.65 );
  }
  100% {
    opacity: 0.05;
    -webkit-transform: scale( 1 );
    transform: scale( 1 );
  }
}

@keyframes shadow {
  0% {
    opacity: 0.2;
    -webkit-transform: scale( 0.75 );
    transform: scale( 0.75 );
  }
  100% {
    opacity: 0.05;
    -webkit-transform: scale( 1 );
    transform: scale( 1 );
  }
}

/*分页*/
.dede_pages{
    width: 100%;
    float: none;
    overflow: hidden;
    text-align: center;
    margin-top: 80px;
}
.dede_pages ul li.thisclass{
    background:#0282d5;
	color:#fff
}
.dede_pages ul{
	margin:0px auto;
	float:none;
	clear:both;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
}
 .dede_pages ul li{
    padding:8px;
 }
 .dede_pages ul li, .dede_pages ul li a{
	float:none;
	color: #353535;
	display:inline;
}
.dede_pages ul{
	float:right;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}

/*上下篇*/
.nextpre a{
   color:#333 !important;
}
.list-unstyled.nextpre{
    margin-top: 60px 0px 30px
	}
	.all-con{
   margin-bottom:60px;
}
.all-tel{
   text-align:center;
}
.all-erweima{
    margin-top:50px;
    text-align:center;
}
.all-erweima img{
    width:70%;
	margin:0 auto;
	display:block
}


.newscon-con-l img,.product-con-text img,.all-con img{
   width:70% !important;
   height:auto !important;
}
.tel p a{
   color:blue
}
