@charset "utf-8";
/* CSS Document */

*{
	margin:0; 
	padding:0;
	font-family:"微软雅黑";
}
a{ text-decoration:none; cursor:pointer;}
ul{ list-style-type:none;}
/* 头部样式表 */

.head{
	height:100px;
	width:100%;
	border-top:6px solid #66cc33;
}
.head_top{
	width:1200px;
	height:100px;
	margin:0 auto;
}
.head_logo{
	width:275px;
	height:79px;
	float:left;
	padding:10px 11px 0 0;
}
.head_mean{
	width:705px;
	height:100px;
	float:left;
}
.head_phone{
	width:190px;
	height:69px;
	float:right;
	color:#50504f;
	padding:15px 11px 0 0;
}

/*  菜单样式表 */
/*.navi_head{
	height:79px;
	width:650px;
	background-color:#fff;
}
.navi_body{
	overflow:hidden;
	height:79px;
	width:649px;
	background:rgba(0,0,0,0.4);
	transition:height ease 0.5s;
}
.navi_body:hover{
	height:300px;
}

.navi_head>div>span{
	width:77px;
	text-align:center;
	height:300px;
	display:inline-block;
	color:#666;
	font-size:14px;
	vertical-align:top;
}

.navi_head>div>span>p a{
	width:77px;
	color:#fff;
	display:block;
	height:40px;
	line-height:40px;
}
.navi_head>div>span>p a:hover{
	width:77px;
	height:40px;
	color:#000;
	background:rgba(102,204,51,0.5);
}

.navi_title{
	width:77px;
	height:79px;
	font-size:14px;
	line-height:70px;
}

.navi_head>div>span:hover{
	background:rgba(102,204,51,0.5);
}
*/

.head_mean > ul > li{
	float:left;
	width:88px;
	height:100px;
	line-height:100px;
	text-align:center;
}
.head_mean > ul > li > a{
	color:#666;
	font-size:14px;
	display:block;
	width:88px;
	height:100px;
}
.head_mean > ul > li > a:hover ,.head_mean > ul > li on{
	background-image:url(../images/bj.png);
	background-size:100% 100%;
}
.erji{
	width:88px;
	float:none;
	font-size:14px;
	line-height:45px;
	text-align:center;
}	
.erji > a{
	color:#fff;
	width:88px;
	height:45px;
	display:block;
}
.erji a:hover{
	color:#fff;
	background:rgba(102,204,51,0.5);
}	
.erji_ul{
	display:none;
	position:absolute;
	/*background-color:#40ae09;*/
	background:rgba(0,0,0,0.4);
}	
ul li:hover .erji_ul{
	display:block;
}


/* 底部样式表 */
.in_top{
	padding-top:35px;
	width:100%;
	height:40px;
	border-bottom:1px solid #e1e0e0;
}
.in_top_n{
	width:1200px;
	height:40px;
	margin:0 auto;
}
.in_top_n > ul{ list-style-type:none;}
.in_top_n > ul >li{
	width:260px;
	height:39px;
	float:left;
	margin-right:140px;
	border-bottom:2px solid #66cc33;
	color:#000;
	font-size:22px;
}
.in_bot{
	width:1200px;
	margin:0 auto;
	height:300px;
	padding:10px 0;
	text-align:left;
}
.in_b_l{
	width:400px;
	height:300px;
	float:left;
}
.in_b_l > p{
	line-height:30px;
	color:#666; 
	font-size:14px;
}
.in_b_c{
	width:400px;
	height:300px;
	float:left;
}
.in_b_c > div{
	width:400px;
	height:40px;
	font-size:14px;
	color:#666;
}
.in_b_r{
	width:400px;
	height:300px;
	float:right;
}
.foot{
	height:44px;
	width:100%;
	background-image:url(../images/bj.png);
	text-align:center;
	font-size:12px;
	color:#fff;
	line-height:44px;
}

/*底部动画样式表*/
#services {
  height:300px;
  padding:24px 0;
}
.container{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
.container:before,.container:after{
    display:table;
    content:" "
}
.container:after{
    clear:both
}
.container:before,.container:after{
    display:table;
    content:" "
}
.container:after{
    clear:both
}
@media(min-width:768px){
    .container{
        width:750px
    }
}
@media(min-width:992px){
    .container{
        width:970px
    }
}
@media(min-width:1200px){
    .container{
        width:1170px
    }
}
 .animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown;
}
.animated.flip{
    -webkit-backface-visibility:visible;
    -ms-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}

#services,#services h2{
  color: #000;
}
.services-wrap h3 {
  font-size: 20px;
  margin: 10px 0;
}

.media-heading{
    margin: 0 0 5px;
}
.center-block{
    display:block;
    margin-right:auto;
    margin-left:auto
}
.row{
    margin-right:-15px;
    margin-left:-15px;
}
.row:before,.row:after{
    display:table;
    content:" "
}
.row:after{
    clear:both
}
.row:before,.row:after{
    display:table;
    content:" "
}
.row:after{
    clear:both
}
.col-md-4,.col-sm-6,{
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
@media(min-width:768px){
    .col-sm-6,{
        float:left
    }
	.col-sm-6{
        width:50%
    }
}

@media(min-width:992px){
   .col-md-4{
        float:left
    }
    .col-md-4{
        width:33.33333333333333%
    }	
}

/*.........css小图标样式.......*/

/*位置图标*/
.pin.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 2px;
  width: 12px;
  height: 12px;
  border: solid 1px #afadad;
  border-radius: 7px 7px 7px 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pin.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 4px;
  height: 4px;
  border: solid 1px #afadad;
  border-radius: 3px;
}

/*电话图标*/
.mobile-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 0px;
  width: 11px;
  height: 12px;
  border-radius: 2px;
  border-left: solid 1px #afadad;
  border-right: solid 1px #afadad;
  border-top: solid 3px #afadad;
  border-bottom: solid 4px #afadad;
}

.mobile-solid.icon:before {
  content: '';
  position: absolute;
  left: 5px;
  top: -2px;
  width: 2px;
  height: 1px;
  color: white;
  background-color: currentColor;
}

.mobile-solid.icon:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 5px;
  height: 2px;
  width: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}


/*传真图标*/
.print.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 5px;
  width: 15px;
  height: 6px;
  border: solid 1px #afadad;
  border-radius: 1px 1px 0 0;
}

.print.icon:before {
  content: '';
  position: absolute;
  left: 2px;
  top: -3px;
  height: 13px;
  width: 9px;
  border: solid 1px #afadad;
  background-color: white;
}

.print.icon:after {
  content: '';
  position: absolute;
  left: 1px;
  top: -1px;
  width: 13px;
  height: 3px;
  border-top: solid 1px #afadad;
  border-bottom: solid 1px #afadad;
  background-color: white;
}
/* 邮箱图标 */

.mail.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px #afadad;
}

.mail.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  top: -4px;
  width: 1px;
  height: 10px;
  background-color: #afadad;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(-54deg);
          transform: rotate(-54deg);
}

.mail.icon:after {
  content: '';
  position: absolute;
  left: 7px;
  top: -4px;
  width: 1px;
  height: 10px;
  background-color: #afadad;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(54deg);
          transform: rotate(54deg);
}


/*.........css小图标结束.......*/


/*右侧联系方式浮动*/
.float_right {
	width: 76px;
	height: 234px;
	border: 1px solid #e1e0e0;
	position: absolute;
	right: 0;
	bottom: 100px;
	background: #fff;
	z-index: 999;
}
.c_76 {
	float: left;
	width: 76px;
	margin-top: 10px;
}
.c_35 {
	width: 35px;
	margin: 0 auto;
	text-align: center;
}
.tit_33 {
	display: block;
	text-align: center;
	line-height: 25px;
	color: #898989;
	font-size:14px;
}
.tit_33:hover{
	color:#66cc33;
}
.top {
	float: left;
	width: 31px;
	height: 15px;
	margin: 8px 0 0 22px;
	padding-bottom: 16px;
}
.c_98 {
	width: 98px;
	height: 97px;
	border: 1px solid #e1e0e0;
	position: absolute;
	top: 50%;
	margin-top: -49px;
	left: -100px;
	display: none;
	z-index: 1001;
}
.wx {
	position: relative;
}
.wx:hover {
	background: url(../Images/main_img17.png) no-repeat left center;
}
.wx:hover .c_98 {
	display: block;
}

/*公司简介图片效果样式表*/

.port-2{
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    border: 5px solid rgba(255, 255, 255, 0.9);
    perspective: 800px;
   /* box-shadow: 0px 0px 12px 0px #969696;*/
}
.port-2 .text-desc{
	z-index: -1;
	transition: 0.6s;
}
.port-2 .image-box{
	transition: 0.4s;
}
.port-2:hover .image-box{
	transform: rotateX(80deg); 
	transform-origin: center bottom 0; 
	transition: 0.4s;
}
.port-2.effect-3 .text-desc{
	opacity: 1; 
	top: auto; 
	bottom: -100%;
}
.port-2.effect-3:hover .text-desc{
	bottom: 0;
	background:#fff;
}
.text-desc{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    height: 100%;
    opacity: 0;
    width: 100%;
    padding: 50px 0 0;
}
.text-desc h4 {
    color: #000;
    font-size: 28px;
    margin-bottom: 30px;
}
.text-desc p {
    color: #000;
    line-height: 2em;
    width: 75%;
    margin: 0 auto 0;
	text-indent:28px;
}









.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}

.ab_pages ul{display:inline-block;margin:0 auto;padding:0}

.ab_pages ul  a{color:#333;display:block;padding: 2px 8px;  border: 1px solid #f5f5f5;float: left;margin: 0 5px;border-radius: 4px}

.ab_pages ul  .page-num{color:#333;display:block;padding: 2px 8px;  border: 1px solid #f5f5f5;float: left;margin: 0 5px;}

.ab_pages ul  a.page-num-current{ background:#fff; color:#333; }