@import url("iconfont.css");





/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal; }



body{min-width: 1200px; width: 100%;overflow-x: hidden;}

/*头部*/

.top_bg{ height:9.7rem;z-index: 10; width:100%;background:#fff;position:relative;overflow:hidden;}

.top_bg:before{content: "";width: 100%;height: 1px;position: absolute;bottom: 2px;left: 0;background: rgba(255,255,255,1);}

.top_line{width: 84.375%;margin: 0px auto;height: 9.7rem;position: relative;}

.h_top {
    height: 5rem;
    line-height: 5rem;
	position: absolute;
    right: 0;
}

.h_tel{padding-right: 1.2rem;}

.h_tel em{width: 1.5rem;height: 1.5rem;display: block;float: left;line-height: 0;padding: 1.8rem 0.5rem 0 0;}

.h_tel em img{width: 1.5rem;height: 1.5rem;}

.h_tel b{font-size: 1.1rem;color: #666;}

.search{width:1.1rem;height:1.1rem;cursor:pointer;position: relative;padding: 0 1.3rem;margin-top: 1.9rem;}

.search:before{content: "";width: 1px;height: 0.8rem;position: absolute;top: 2px;left: 0;background: rgba(255,255,255,1);}

.sea_icon i{display:block;width:1.1rem;height:1.1rem;float: left;line-height: 0;}

.sea_icon i img{width: 1.1rem;height: 1.1rem;}

.sea_icon:hover i{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.sea_box{position: absolute;width: 345px;right: 1rem;top:30px;z-index: 100;display: none;}

.sea_box input {float: left;border: 2px solid #a55315;font-size: 14px;color: #999;}

.sea_box input.txt {width: 250px;padding: 0 10px;line-height: 34px;height: 34px;margin-top: 15px;}

.sea_box input.btn {width: 70px;background-color: #a55315;color: #fff;cursor: pointer;height: 38px;margin-top: 15px;}

input::-webkit-input-placeholder {color: #999;}

.h_code{margin-top: 2rem;cursor: pointer;position: relative;}

.h_code em{width: 1rem;height: 1rem;display: block;line-height: 0;}

.h_code em img{width: 1rem;height: 1rem;}

.h_code p{width: 4.5rem;height: 4.5rem;position: absolute;top: -10rem;right: -5rem;-webkit-transition:all .5s;transition:all .5s;}

.h_code p img{width: 4.5rem;height: 4.5rem;}

.h_code:hover p{top: -1.5rem;}

.logo{ padding: 1.9rem 1rem 0 0;}

.logo img {
    width: 8rem;
}

.h_dw{
	font-size: 1.6rem;
    color: #333333;
    line-height: 2.2rem;
    float: left;
    padding: 2.5rem 0 0 0;
}
.h_dw b{color: #f8c301;}

.h_dw i{display: block;font-size:0.9rem;}

.h_nav{
	height: 4rem;
    overflow: hidden;
    padding-top: 2.5rem;
	padding-left: 3rem;
	}

.h_nav li{ float:left;  
  height: 4rem;
    line-height: 4rem;
	overflow: hidden;
	padding: 0 20px;
	}	
	

.h_nav li a{ font-size:18px; color:#333333;display:block; float:left;position: relative;vertical-align: middle;text-align: center;    height: 4rem;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;}
  
  
  
  
  @media screen and (max-width: 1550px){	

	.h_nav li{  padding: 0 8px;}
	.h_nav li a{ font-size:16px;}
	
	
}  
  
    
@media screen and (max-width: 1340px){	

	.h_nav li{  padding: 0 8px;}
	.h_nav li a{ font-size:14px;}
	
	.top_line{width: 100%; padding:0 10px;}
	
	
}  
  

.h_nav li a:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  bottom: 0;

  background: #f8c303;

  height: 0.15rem;

  -webkit-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before,.h_nav li.cur a:before {

  right: 0;

}

.h_ico{width: 1.9rem;height: 1.1rem; line-height: 0;padding: 1.6rem 0 0;}

.h_ico img{width: 1.9rem;height: 1.1rem;}

em,i{ font-style:normal;}



@-webkit-keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}

@keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}





.bk-title{position:relative;text-align:center;padding-bottom:30px;font-size:50px;font-weight:700;line-height:52px;color:#333;}

.bk-title b {color:#f8c301;}

.bk-title span{display:block;font-size:18px;font-weight:lighter;line-height:20px;color:#666;margin-top:14px}

.bk-title:before{content:"";display:block;width:20px;height:2px;background:#f8c301;position:absolute;left:50%;bottom:0;margin-left:-10px;transition:.35s}

.bk-title:after{content:"";display:block;width:30px;height:2px;background:#f8c301;position:absolute;left:50%;bottom:5px;margin-left:-15px;transition:.35s}

.bk-title:hover::before{width:40px;margin-left:-15px}

.bk-title:hover::after{width:50px;margin-left:-20px}







/*幻灯片*/



.banner{ max-height:746px;height:auto;width:100%; position:relative; z-index:1;}

.banner img{ display:block; width:100%; margin:0 auto;}

.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;  z-index:12; width: 24px;height: 7px; border: 0;}

.banner .slick-dots{ width:160px; height:15px;position:absolute; bottom:30px;left:50%; margin-left:-50px; z-index:8;}

.banner .slick-dots li {display: inline-block; outline: none;}

.banner .slick-dots li button{ width:15px; height:15px; float:left; display:inline;background:#fff;opacity:1; border-radius:15px; margin:0 8px; font-size:0; box-sizing:border-box;outline: none; color:#fff; border:0;}

.banner .slick-dots .slick-active button{ background:none; border:3px solid #fff; box-sizing:border-box;}

.banner .slick-prev{ display:none; background:none; width:104px;height:104px; position:absolute; top:38%; left:5%; z-index:8; margin-left:0; font-size:0; border:0;opacity:0.8;outline:none;}

.banner .slick-next{display:none;background:none; width:104px;height:104px; position:absolute; top:38%; right:5%;z-index:8; margin-right:0;font-size:0; border:0;opacity:0.8;outline:none;}







.yinz{ height:720px; padding-top:103px; overflow:hidden; background:url(../image/yinz_bg.jpg) no-repeat center top;}

.yinz dl{ height:464px; overflow:hidden; }

.yinz dt{ width:649px; height:464px; float:right; overflow:hidden;}

.yinz dt img{ display:block; width:80%;margin-left: 50px;}

.yinz dd{ width:451px; float:left;margin-top: 100px;}

.yinz dd h4{ font:44px "Microsoft YaHei UI"; font-weight:bold; color:#333333;}

.yinz dd h4 a{ color:#333333;}

.yinz dd h4 em{ display:block; font:18px "Microsoft YaHei UI"; color:#333; padding:12px 0 20px; border-bottom:1px solid #d9d9d9;}

.yinz dd p{ margin:48px 0 30px; font:15px "Microsoft YaHei UI"; line-height:34px; color:#666666;}

.yinz dd span{ display:block;}







.design{padding-top:90px;background:#fff url(../image/chanpinbeijing.jpg);margin-top: 50px;}



.design .design-b{;padding-top:60px;padding-bottom:80px}

.design .design-b .design-tit{text-align:center;margin-bottom:50px}

.design .design-b .design-tit ul li{display:inline-block;font-size:20px;font-weight:400;line-height:20px;color:#333;margin-right:62px;height:20px;position:relative}

.design .design-b .design-tit ul li a{display:block}

.design .design-b .design-tit ul li:last-of-type{margin-right:0}

.design .design-b .design-tit ul li::before{content:"";display:block;width:1px;height:100%;background:#d3d3d3;position:absolute;right:-31px;top:0}

.design .design-b .design-tit ul li:last-of-type::before{display:none}

.design .design-b .design-tit ul li::after{content:"";display:block;width:0;height:2px;background:#f8c301;position:absolute;left:0;bottom:-20px;transition:.25s}

.design .design-b .design-tit ul li:hover a{color:#f8c301}

.design .design-b .design-tit ul li:hover:after{width:100%}

.design .design-b .design-tit ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.design .design-b .design-con dl{position:relative;float:left;margin-bottom:20px}

.design .design-b .design-con dl dt img{transition:.25s}

.design .design-b .design-con dl dd{position:absolute;left:40px;top:48px}

.design .design-b .design-con dl dd h3{font-size:24px;font-weight:400;line-height:26px;color:#333;transition:.25s}

.design .design-b .design-con dl dd h3 span{display:block;font-size:14px;font-weight:400;line-height:16px;color:#666;text-transform:uppercase;margin-top:6px}

.design .design-b .design-con dl dd em{width:40px;height:40px;border-radius:50%;border:.1rem solid #e6e6e6;cursor:pointer;overflow:hidden;transition:.1s;display:block;margin-top:40px;line-height:0;position:relative;}

.design .design-b .design-con dl dd em img{width:100%;position:relative;top:0;transition:all .35s linear}

.design .design-b .design-con dl dd em img:last-of-type{position:absolute;left:-100%;top:0;}

.design .design-b .design-con dl:nth-of-type(1) dt,.design .design-b .design-con dl:nth-of-type(4) dt{width:590px;height:450px;line-height:0;overflow:hidden;display:block}

.design .design-b .design-con dl:nth-of-type(1) dt img,.design .design-b .design-con dl:nth-of-type(4) dt img{width:590px;height:450px;display:block;transition:.35s}

.design .design-b .design-con dl:nth-of-type(2) dt,.design .design-b .design-con dl:nth-of-type(3) dt{width:590px;height:450px;line-height:0;overflow:hidden;display:block}

.design .design-b .design-con dl:nth-of-type(2) dt img,.design .design-b .design-con dl:nth-of-type(3) dt img{width:590px;height:450px;display:block;transition:.35s}

.design .design-b .design-con dl:nth-of-type(odd){float:left}

.design .design-b .design-con dl:nth-of-type(even){float:right}

.design .design-b .design-con dl:hover dt img{filter:contrast(110%)}

.design .design-b .design-con dl:hover dd h3{margin-top:5px;color:#f8c301}

.design .design-b .design-con dl:hover dd em{background:#f8c301;border-color:#f8c301}

.design .design-b .design-con dl:hover dd em img{left:100%;}

.design .design-b .design-con dl:hover dd em img:last-of-type{left:0;}

.design .design-b .design-con::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}









.design .design-c{position:relative}

.design .design-c::before{content:"";display:block;width:2px;background:#f2f2f2;position:absolute;left:384px;top:0;z-index:-1}

.design .design-c::after{content:"";display:block;width:2px;background:#f2f2f2;position:absolute;right:384px;top:0;z-index:-1}

.design .design-c .tempWrap{width:1200px!important}

.design .design-c ul li{float:left;width:385px;margin-right:20px;box-sizing:border-box}

.design .design-c ul li i{font-size:20px;font-weight:400;line-height:100%;color:#333;display:block;margin-bottom:23px}

.design .design-c ul li img{display:block;width:385px;height:190px;transition:all .25s ease}

.design .design-c ul li:last-of-type{margin-right:0}

.design .design-c ul li:hover em img{filter:contrast(80%)}

.design .design-c ul li:hover h4{margin-top:20px;color:#f8c301}

.design .design-c ul li:hover p{padding-top:10px}

.design .design-c ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.design .design-c .prev{position:absolute;width:40px;height:40px;border:2px solid #ddd;border-radius:50%;left:-80px;top:80px;transform:rotateY(180deg);cursor:pointer;transition:.35s}

.design .design-c .prev img{width:100%;display:block}

.design .design-c .prev:hover{left:-85px}

.design .design-c .next{position:absolute;width:40px;height:40px;border:2px solid #ddd;border-radius:50%;right:-80px;top:80px;cursor:pointer;transition:.35s}

.design .design-c .next img{width:100%;display:block}

.design .design-c .next:hover{right:-85px}







/* trait start */

.trait {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.trait .trait_content {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

    height: 140px;

    padding: 70px 0 20px 0;

}



.trait .trait_content ul li {

    width: 25%;

    height: 140px;

    float: left;

}



.trait .trait_content .trait_Li {

    width: 100%;

    height: 108px;

    padding-top: 40px;

    margin: 0 auto;

    text-align: center;

    background: url(../image/round002.png) top center no-repeat;

}



.trait .trait_content .trait_Li span {

    display: inline-block;

    font-size: 48px;

    color: #111111;

    font-weight: bold;

    line-height: 50px;

    position: relative;

    letter-spacing: -3px;

    z-index: 2;

  font-family: "Geometr415_Blk_Bt";

}



.trait .trait_content .trait_Li em {

    font-size: 14px;

    margin-left: 3px;

}



.trait .trait_content .trait_Li span::after {

    content: "";

    width: 17px;

    height: 17px;

    position: absolute;

    right: -6px;

    top: 0px;

    background: url(../image/round001.png)center no-repeat;

    z-index: -1;

}



.trait .trait_content .trait_Li p {

    font-size: 16px;

    color: #111111;

    line-height: 20px;

    position: relative;

}



/* trait end */





.xban{background-image:url(../image/xban-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:400px;box-sizing:border-box;text-align:center;padding-top:88px}

.xban h3{font-size:52px;font-weight:700;line-height:58px;color:#fff;display:block}

.xban h4{font-size:32px;font-weight:lighter;line-height:52px;color:#fff;display:block;margin-top:16px}

.xban h4 b{color: #f8c301;}

.xban p{margin-top:60px;margin-bottom:8px;}

.xban p span{display:inline-block;font-size:16px;font-weight:400;line-height:18px;color:#fff;vertical-align:middle;margin-top:10px;text-shadow:0 0 5px rgba(0,0,0,.3)}

.xban p b{display:inline-block;font-size:30px;font-weight:400;line-height:90%;color:#fff;vertical-align:middle;text-shadow:0 0 5px rgba(0,0,0,.3)}

.xban p a{display:inline-block;width:200px;height:46px;border-radius:3px;background: #f8c301 ;text-align:center;font-size:23px;font-weight:400;line-height:44px;color:#fff;vertical-align:middle;margin-left:13px;transition:.25s}

.xban p a:hover{background:#f8c301;border-color:#f8c301;font-size:16px}







.pinpai{padding-top:120px;background:#fff url(../image/dabeijing.jpg);background-repeat:no-repeat;background-position:top center;background-size: 100% auto;padding-bottom:10px;}



.pinpai .pinpai-c dl dt{float:left;width:610px;line-height:0;padding-top:78px;padding-right:50px;}

.pinpai .pinpai-c dl dt img{width:100%;height:590px;display:block}



.pinpai .pinpai-c dl dd{padding-top:135px;float:right;width:540px}

.pinpai .pinpai-c dl dd h4{

	font-weight: 700;

    font-style: normal;

    font-size: 30px;

	letter-spacing: normal;

    color: #333333;

	}

.pinpai .pinpai-c dl dd h4 a{ color:#000000;}

.pinpai .pinpai-c dl dd h4 em{

	display: block;

    font-weight: 400;

    font-style: normal;

    font-size: 24px;

    line-height: 50px;

	}

.pinpai .pinpai-c dl dd p{ margin:17px 0 30px; font:16px "Microsoft YaHei UI"; line-height:34px; color:#666666;}



.pinpai .pinpai-c dl dd p{font-size:16px;font-weight:lighter;color:#666;display:block;margin-top:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:36px;height:144px}





.pinpai .pinpai-c dl dd ul{

    padding-top:30px;

	padding-bottom: 22px;

}

.pinpai .pinpai-c dl dd li{

    font-size: 18px;

    line-height: 32px;

    color: #333333;

	

}

.pinpai .pinpai-c dl dd .tukuang {

    display: flex;

    width: 100%;

	padding-top:76px;

}

.pinpai .pinpai-c dl dd .tukuang img{

    width: 98%;

	

}

.pinpai .pinpai-c dl dd em a{font-size:18px;font-weight:400;line-height:45px;color:#fff;display:block;width:180px;border-radius:23px;text-indent:32px;transition:.35s;margin-top:30px}

.pinpai .pinpai-c dl dd em a:hover{text-indent:35px;background-position:right 35px center}








.pinpai .pinpai-d dl dt{	
    float: right;
    width: 610px;
    height: 665px;
    line-height: 0;
    position: relative;
    background: url(../image/beijing_zizhi.jpg);
    background-position: bottom;
    background-repeat: no-repeat;	
}

.pinpai .pinpai-d .m_ysimg1{
	top: 30px;
    left: 7px;
    width: 610px;
    position: absolute;
    height: 600px;
	}

.pinpai .pinpai-d  .u_ljt, .u_rjt{ width:26px; height:70px;float: left; padding-top: 80px;  cursor:pointer;  display:block;}

.pinpai .pinpai-d  .u_ljt{}

.pinpai .pinpai-d  .u_rjt{}

.pinpai .pinpai-d  .u_ljt a{ background: url(../image/ljt2.jpg) no-repeat; width:26px; height:70px; display:block;}

.pinpai .pinpai-d  .u_rjt a{ background: url(../image/rjt2.jpg) no-repeat; width:26px; height:70px; display:block;}



.pinpai .pinpai-d .u_mid{ width:570px;height: 590px; overflow:hidden; float: left;}

.pinpai .pinpai-d .u_mid img {
    border: 0;
    width: 100%;
}
.pinpai .pinpai-d .roundabout-holder { width: 600px; height: 600px; margin: 0px auto; overflow: hidden; }

.pinpai .pinpai-d .roundabout-moveable-item { width: 200px; height: 300px; overflow: hidden; 
-webkit-box-shadow: 0px 39px 25px -24px rgba(0,0,0,0.47);

-moz-box-shadow: 0px 39px 25px -24px rgba(0,0,0,0.47);

box-shadow: 0px 39px 25px -24px rgba(0,0,0,0.47); }

}


.pinpai .pinpai-d .roundabout-in-focus { width: 100%; }






.pinpai .pinpai-d dl dd{padding-top:135px;float:left;width:540px;padding-right:50px;}

.pinpai .pinpai-d dl dd h4{

	font-weight: 700;

    font-style: normal;

    font-size: 30px;

	letter-spacing: normal;

    color: #000000;

	}

.pinpai .pinpai-d dl dd h4 a{ color:#000000;}

.pinpai .pinpai-d dl dd h4 em{

	display: block;

    font-weight: 400;

    font-style: normal;

    font-size: 24px;

    line-height: 50px;

	}

.pinpai .pinpai-d dl dd p{ margin:17px 0 30px; font:16px "Microsoft YaHei UI"; line-height:34px; color:#666666;}



.pinpai .pinpai-d dl dd p{font-size:16px;font-weight:lighter;color:#666;display:block;margin-top:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:36px;height:144px}





.pinpai .pinpai-d dl dd ul{

    padding-top:30px;

	padding-bottom: 22px;

}

.pinpai .pinpai-d dl dd li{

    font-size: 18px;

    line-height: 32px;

    color: #333333;

	

}

.pinpai .pinpai-d dl dd .tukuang {

    display: flex;

    width: 100%;

	padding-top:40px;

}

.pinpai .pinpai-d dl dd .tukuang img{

    width: 98%;

	

}

.pinpai .pinpai-d dl dd em a{font-size:18px;font-weight:400;line-height:45px;color:#fff;display:block;background:#f8c301 url(http://weibo.bd:8012/images/team-more.png);background-repeat:no-repeat;background-position:right 29px center;background-size:auto auto;width:180px;border-radius:23px;text-indent:32px;transition:.35s;margin-top:30px}

.pinpai .pinpai-d dl dd em a:hover{text-indent:35px;background-position:right 35px center}
















/*
.pinpai .pinpai-d {

    padding-top: 50px;

}

.pinpai .pinpai-d h4{

	font-weight: 700;

    font-style: normal;

    font-size: 36px;

	letter-spacing: normal;

    color: #333333;

	}

.pinpai .pinpai-d h4 a{ color:#666666;}

.pinpai .pinpai-d h4 em{

	display: block;

    font-weight: 400;

    font-style: normal;

    font-size: 26px;

    line-height: 45px;

	margin-bottom: 30px;

	}

	

.pinpai .pinpai-d ul {

    display: flex;

    flex-wrap: wrap;

	width: 100%;

	margin-bottom: 50px;

	justify-content: space-between;

}

.pinpai .pinpai-d li {

    width:24%;

	padding:5px 0;

	box-sizing: border-box;

}



.pinpai .pinpai-d li img{

    width:100%;

}





.pinpai .pinpai-d .dantu img{

    width:100%;

}



*/







.index-produce{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden}

.index-produce .produce-box{display:block;width:27.8125%;-webkit-transition:all .9s;-o-transition:all .9s;-moz-transition:all .9s;transition:all .9s;height:654px;cursor:pointer}

@media screen and (max-width: 750px){.index-produce .produce-box{height:270px}

}

@media screen and (max-width: 500px){.index-produce .produce-box{height:150px}

}

.index-produce .produce-box .active{display:none;position:relative;height:100%;width:100%;-webkit-transition:all .9s;-o-transition:all .9s;-moz-transition:all .9s;transition:all .9s;background-size:cover}

.index-produce .produce-box .active .img-bk{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;opacity:.6}

.index-produce .produce-box .active .img-bk img{width:100%;height:100%}

.index-produce .produce-box .active .dsc{position:absolute;left:79px;bottom:55px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:99;width:100%}

@media screen and (max-width: 1400px){.index-produce .produce-box .active .dsc{left:30px;bottom:30px}

}

@media screen and (max-width: 750px){.index-produce .produce-box .active .dsc{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:.075rem}

}

.index-produce .produce-box .active .dsc .icon{position:relative;display:block;width:58px;height:58px;background:-webkit-gradient(linear, left top, left bottom, from(#f8c301), to(#f8c301));background:-webkit-linear-gradient(#f8c301, #f8c301);background:-moz-linear-gradient(#f8c301, #f8c301);background:-o-linear-gradient(#f8c301, #f8c301);background:linear-gradient(#f8c301, #f8c301)}

@media screen and (max-width: 750px){.index-produce .produce-box .active .dsc .icon{width:.3rem;height:.3rem}

}

.index-produce .produce-box .active .dsc .icon:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:.15rem;color:#fff}

@media screen and (max-width: 500px){.index-produce .produce-box .active .dsc .icon:before{font-size:20px}

}

.index-produce .produce-box .active .dsc .r-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:15px}

.index-produce .produce-box .active .dsc .r-box .name{font-size:24px;line-height:32px;color:#fff}

@media screen and (max-width: 750px){.index-produce .produce-box .active .dsc .r-box .name{white-space:nowrap;font-size:24px;line-height:24px}

}

@media screen and (max-width: 750px){.index-produce .produce-box .active .dsc .r-box .name{font-size:16px;line-height:16px}

}

.index-produce .produce-box .active .dsc .r-box .sm{font-size:14px;line-height:24px;color:rgba(255,255,255,0.4)}

@media screen and (max-width: 750px){.index-produce .produce-box .active .dsc .r-box .sm{display:none}

}

.index-produce .produce-box .static{width:100%;height:100%;background-position:center center !important;background-size:cover !important;background-repeat:no-repeat !important;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .9s;-o-transition:all .9s;-moz-transition:all .9s;transition:all .9s}

@media screen and (max-width: 750px){.index-produce .produce-box .static{background:url(http://weibo.bd:8012/images/staticbk2.png) !important;background-position:center center !important;background-size:cover !important;background-repeat:no-repeat !important}

}

.index-produce .produce-box .static .icon{font-size:60px;color:#666;margin-top:220px}

@media screen and (max-width: 750px){.index-produce .produce-box .static .icon{margin-top:60px}

}

@media screen and (max-width: 500px){.index-produce .produce-box .static .icon{margin-top:34px;font-size:30px}

}

.index-produce .produce-box .static .dsc-box{margin-top:115px}

@media screen and (max-width: 750px){.index-produce .produce-box .static .dsc-box{margin-top:40px}

}

@media screen and (max-width: 500px){.index-produce .produce-box .static .dsc-box{margin-top:30px}

}

.index-produce .produce-box .static .dsc-box .name{text-align:center;font-size:24px;line-height:24px;color:#444}

@media screen and (max-width: 750px){.index-produce .produce-box .static .dsc-box .name{font-size:26px;line-height:26px}

}

@media screen and (max-width: 500px){.index-produce .produce-box .static .dsc-box .name{font-size:16px;line-height:18px}

}

.index-produce .produce-box .static .dsc-box .cn{font-size:16px;line-height:24px;color:#a2a2a2;font-family:Arial;text-align:center}

@media screen and (max-width: 500px){.index-produce .produce-box .static .dsc-box .cn{font-size:12px;line-height:16px}

}

@media screen and (max-width: 750px){.index-produce .produce-box:nth-of-type(2) .static{background:url(http://weibo.bd:8012/images/staticbk.png) !important;background-position:center center !important;background-size:cover !important;background-repeat:no-repeat !important}

}

.index-produce .on{width:44.375%}

.index-produce .on .active{display:block}

.index-produce .on .static{display:none}

@-moz-keyframes b2t{0%{-moz-transform:translateY(20px);transform:translateY(20px);opacity:0}

100%{-moz-transform:translateY(0);transform:translateY(0);opacity:1}

}

@keyframes b2t{0%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transform:translateY(20px);opacity:0}

100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1}

}

@-webkit-keyframes b2t{0%{-webkit-transform:translateY(20px);opacity:0}

100%{-webkit-transform:translateY(0);opacity:1}

}



















/*展会风采*/





.zhfc{padding-top:120px;}



.zhfc .zhfc-b{background:#fff;padding-top:80px;padding-bottom:80px}



.zhfc .zhfc-b .content{text-align:center;}

.process-box{ width: 1140px;height: 450px;margin: 0 auto;}

.process-box ul{width: 1140px;}

.process-box ul li{

  width: 196px;

  height: 196px;

  float: left;

  cursor: pointer;

  position: relative;

}

.process-box ul li .kuang{

  position: absolute;

  width: 196px;

  height: 196px;

  -moz-transform:rotate(45deg);

  -webkit-transform:rotate(45deg);

  -o-transform:rotate(45deg);

  transform:rotate(45deg);

  border:1px solid #ddd;

  margin-top: 42px;

  margin-left: 42px;

}

.process-box ul li .kuang1{

  top: 0;

  left: 0;

  z-index: 1;

}

.process-box ul li .kuang2{

  left: 5px;

  top: 0px;

  z-index: 2;

}

.process-box ul li .text1{ width: 276px; height: 276px; text-align:center;z-index: 3; position: absolute; left: 7px; top:2px;}

.process-box ul li .text1 .bg{width: 276px; height: 276px; }

.process-box ul li .text1 .bg1{ background: url(http://weibo.bd:8012/images/process-img1.png) no-repeat;}

.process-box ul li .text1 .bg2{ background: url(http://weibo.bd:8012/images/process-img2.png) no-repeat;}

.process-box ul li .text1 .bg3{ background: url(http://weibo.bd:8012/images/process-img3.png) no-repeat;}

.process-box ul li .text1 .bg4{ background: url(http://weibo.bd:8012/images/process-img4.png) no-repeat;}

.process-box ul li .text1 .bg5{ background: url(http://weibo.bd:8012/images/process-img5.png) no-repeat;}

.process-box ul li .text1 .bg6{ background: url(http://weibo.bd:8012/images/process-img6.png) no-repeat;}

.process-box ul li .text1 .bg7{ background: url(http://weibo.bd:8012/images/process-img7.png) no-repeat;}

.process-box ul li .text1 .num{ padding-top: 50px; font-size: 86px; color: #f8c301; font-weight: 700; }

.process-box ul li .text1 .title{ font-size: 15px; color: #422710; }

.process-box ul li .text1 .eng{ font-size: 12px; color: #f8c301; }

.process-box ul li .text2{ width: 276px; height: 276px; z-index: 4; position: absolute; left: 5px; top:0px;display: none; }

.process-box ul li .text2 .mengban{ border:1px solid #666666;

  position: absolute;

  z-index: 1;

  width: 196px;

  height: 196px;

  -moz-transform:rotate(45deg);

  -webkit-transform:rotate(45deg);

  -o-transform:rotate(45deg);

  transform:rotate(45deg);

  background: #f8f8f8f7;

  margin-top: 42px;

  margin-left: 42px;

}

.process-box ul li .text2 .desc{ position: absolute; z-index: 2; width: 140px; height: 110px; top: 88px; left:70px; font-size: 12px; color: #666666; text-align: center; line-height: 24px;}

.process-box ul li{ margin-right: 89px; }

.process-box ul.two li{ margin-top: -40px;}

.process-box ul li:hover .text2{

  display: block;

}







/* 案例 */



.case{background:#f8f8f8;padding-top:100px;overflow:hidden}

.case .case-con{margin-top:43px;width:1660px;margin-left:-100px}

.case .case-con .tempWrap{margin-left:-1760px!important}

.case .case-con dl{width:1660px;float:left;background:#fff;margin-right:100px}

.case .case-con dl dt{float:right;width:960px;height:680px;overflow:hidden;line-height:0}

.case .case-con dl dt img{width:960px;height:680px;display:block;transition:1s}

.case .case-con dl dt:hover img{transform:scale(1.03)}

.case .case-con dl dd{float:left;width:700px;height:680px;background:#fff;padding-left:100px;box-sizing:border-box;padding-top:100px}

.case .case-con dl dd h4 a{display:block;font-size:36px;font-weight:400;line-height:36px;color:#333;text-transform:uppercase;margin-bottom:34px;position:relative;top:0;transition:.25s}

.case .case-con dl dd h4 a:hover{top:10px}

.case .case-con dl dd b{width:195px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;height:60px;float: left;}

.case .case-con dl dd b span{font-size:18px;font-weight:400;line-height:60px;color:#333;float:left}

.case .case-con dl dd b span:first-of-type{background-image:url(http://weibo.ppjdfw.com/static/image/case-ic1.png);background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:27px;margin-left:6px}

.case .case-con dl dd b span:last-of-type{float:right;background-image:url(../image/case-ic2.png);background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:30px;width:166px}

.case .case-con dl dd p{width:442px;text-align:justify;font-size:16px;font-weight:400;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;line-height:30px;height:180px;margin-bottom:10px;margin-top:32px}

.case .case-con dl dd p span{font-weight:700;color:#f8c301}

.case .case-con dl dd em a{font-size:18px;font-weight:400;line-height:45px;color:#fff;display:block;background:#f8c301 url(../image/team-more.png);background-repeat:no-repeat;background-position:right 29px center;background-size:auto auto;width:180px;border-radius:23px;text-indent:32px;transition:.35s}

.case .case-con dl dd em a:hover{text-indent:35px;background-position:right 35px center}

.case .case-con dl::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.case .case-con::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.case .case-tit{width:1400px;margin-left:-100px;background:#fff;height:140px;z-index:1;margin-top:-140px;position:relative}

.case .case-tit ul{width:1200px;position:absolute;left:100px;top:0;text-align:center}

.case .case-tit ul li{font-size:20px;font-weight:400;line-height:140px;color:#666;display:inline-block;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif,Arial,Helvetica;margin-right:56px;vertical-align:middle}

.case .case-tit ul li:last-of-type{margin-right:0}

.case .case-tit ul li::before{content:"";width:0;height:2px;background:#666;display:inline-block;vertical-align:middle;transition:.5s;margin-top:-10px}

.case .case-tit ul li:first-of-type::before{display:none}

.case .case-tit ul li:first-of-type::after{content:"";width:0;height:2px;background:#666;display:inline-block;vertical-align:middle;transition:.5s;margin-top:-10px}

.case .case-tit ul li:first-of-type.cur::after,.case .case-tit ul li:first-of-type:hover::after{margin-left:50px;width:100px}

.case .case-tit ul li.cur,.case .case-tit ul li:hover{font-size:36px;font-weight:400;line-height:140px;color:#333}

.case .case-tit ul li.cur::before,.case .case-tit ul li:hover::before{width:100px;margin-right:55px}

.case .case-tit .prev{position:absolute;left:100px;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;transition:.25s}

.case .case-tit .prev:hover{top:calc(50% + 5px)}

.case .case-tit .next{position:absolute;right:100px;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;transition:.25s}

.case .case-tit .next:hover{top:calc(50% + 5px)}





/* 合作客户 */



.partner{background-image:url(../image/hz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:780px;box-sizing:border-box;margin-bottom: 100px;}

.partner .partner-c dl dt{padding-top:144px;float:left;width:540px}

.partner .partner-c dl dt h2{font-size:80px;font-weight:400;line-height:80px;color:#ccc;display:block;text-transform:uppercase;transition:.35s}

.partner .partner-c dl dt h2 a{color:#ccc;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif,Arial,Helvetica;display:block}

.partner .partner-c dl dt h2 span{font-size:36px;font-weight:400;line-height:38px;color:#333;display:block;margin-top:5px}

.partner .partner-c dl dt h2:hover{padding-left:10px}

.partner .partner-c dl dt p{font-size:16px;font-weight:lighter;color:#666;display:block;margin-top:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:36px;height:144px}

.partner .partner-c dl dt em a{font-size:18px;font-weight:400;line-height:45px;color:#fff;display:block;background:#f8c301 url(../image/team-more.png);background-repeat:no-repeat;background-position:right 29px center;background-size:auto auto;width:180px;border-radius:23px;text-indent:32px;transition:.35s;margin-top:30px}

.partner .partner-c dl dt em a:hover{text-indent:35px;background-position:right 35px center}

.partner .partner-c dl dd{float:right;width:648px;line-height:0;padding-top:78px}

.partner .partner-c dl dd img{width:100%;height:auto;display:block}













/* 服务流程 start */

.bflow {

    width: 100%;

    height: 500px;

    overflow: hidden;

    background: #ffffff;

}



.bflow .bflow_content {

    width: 1200px;

    height: auto;

    position: relative;

    margin: 0 auto;

}



.bflow .bflow_in {

    width: 100%;

    height: 157px;

    margin-top: 80px;

    

}



.bflow .bflow_in ul li {

    width: 115px;

    height: 157px;

    float: left;

    margin-right: 65px;

    position: relative;

}



.bflow .bflow_in ul li::before {

    content: "";

    width: 34px;

    height: 115px;

    background: url(../image/bf_bg001.png)center no-repeat;

    position: absolute;

    right: -50px;

    top: 0;

}



.bflow .bflow_in ul li .bflow_logo {

    width: 115px;

    height: 115px;

    padding-top: 60px;

    position: relative;

    border-radius: 50%;

    border: 1px solid #f8c301;

    box-sizing: border-box;

}



.bflow .bflow_in ul li .bflow_logo p {

    font-size: 14px;

    color: #111111;

    line-height: 40px;

    text-align: center;

}



.bflow .bflow_in ul li .bflow_logo::before {

    content: "";

    width: 100%;

    height: 60px;

    position: absolute;

    left: 0;

    top: 0;

}



.bflow .bflow_in ul li:nth-child(1) .bflow_logo::before {

    background: url(../image/bf_logo001.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(2) .bflow_logo::before {

    background: url(../image/bf_logo002.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(3) .bflow_logo::before {

    background: url(../image/bf_logo003.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(4) .bflow_logo::before {

    background: url(../image/bf_logo004.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(5) .bflow_logo::before {

    background: url(../image/bf_logo005.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(6) .bflow_logo::before {

    background: url(../image/bf_logo006.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(7) .bflow_logo::before {

    background: url(../image/bf_logo007.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-last-child(1) {

    margin-right: 0;

}



.bflow .bflow_in ul li:nth-last-child(1)::before {

    display: none;

}



.bflow .bflow_in ul li::after {

    content: "";

    width: 100%;

    height: 31px;

    background: url(../image/bf_bg002.png)center no-repeat;

    position: absolute;

    bottom: 0;

    left: 0;

    display: none;

}



.bflow .bflow_in ul li:nth-child(1):hover .bflow_logo::before {

    background: url(../image/bf_logo001_active.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(2):hover .bflow_logo::before {

    background: url(../image/bf_logo002_active.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(3):hover .bflow_logo::before {

    background: url(../image/bf_logo003_active.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(4):hover .bflow_logo::before {

    background: url(../image/bf_logo004_active.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(5):hover .bflow_logo::before {

    background: url(../image/bf_logo005_active.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(6):hover .bflow_logo::before {

    background: url(../image/bf_logo006_active.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:nth-child(7):hover .bflow_logo::before {

    background: url(../image/bf_logo007_active.png)bottom center no-repeat;

}



.bflow .bflow_in ul li:hover::after {

    display: block;

}



.bflow .bflow_in ul li .bflow_logo:hover {

    background: #f8c301;

}



.bflow .bflow_in ul li:hover .bflow_logo p {

    color: #fff;

}



/* 服务流程 end */





   .reg_bg {

            height: 485px;

            overflow: hidden;

            background: #f8f8f8;

        }

        

        .reg_l {

            float: left;

            width: 700px;

        }

        

        .reg_l h2 {

            margin: 0;

            font: 36px/90px "Microsoft Yahei";

            color: #333333;

            height: 80px;

            background: url(http://weibo.bd:8012/css/images/reg_img2.png) no-repeat left bottom;

        }

		

		.reg_l .reg_subtitle {

            height:30px;

			line-height:15px;

			display:block;

			padding-bottom:20px;

			font-size:24px;

			margin-left:52px;

		

			color: #f8c301;

			

			

        }

        

        .reg_l h2 img {

            vertical-align: top;

            margin-top: 23px;

            width: 55px;

            height: 45px;

        }

        

        .reg_l h2 i {

            color: #333333;

        }

        

        .reg_l ul {

            width: 700px;

            margin: 0 auto;

        }

        

        .reg_l li {

            float: left;

            height: 50px;

            width: 345px;

            margin: 0 10px 10px 0;

            color: #3f3f3f;

            line-height: 50px;

            background: #ffffff;

        }

        

        .reg_l li label {

            float: left;

            display: inline-block;

            width: 65px;

            height: 50px;

            text-align: center;

        }

        

        .reg_l .li03,

        .reg_l .li02 {

            margin-right: 0px;

        }

        

        .reg_l .inp1 input {

            width: 280px;

            height: 50px;

            border: 0px;

            font-size: 14px;

            line-height: 50px;

            overflow: hidden;

            background: none;

            color: #000;

            outline: none;

        }

        

        .reg_l .li01 {

            margin-right: 0px;

        }

        

        .reg_l .li02 {

            width: 700px;

            height: 85px;

        }

        

        .reg_l .li02 label {

            width: 120px;

            float: left;

            height: 50px;

        }

        

        .reg_l .li02 textarea {

            float: left;

            width: 575px;

            height: 50px;

            border: 0px;

            font-size: 14px;

            line-height: 50px;

            overflow: hidden;

            background: none;

            resize: none;

            color: #000;

            outline: none;

        }

        

        .reg_l li.reg_p {

            clear: both;

            background: none;

            width: 700px;

            overflow: hidden;

            height: 46px;

            line-height: 46px;

            font-size: 14px;

            color: #666666;

            margin-bottom: 10px;

        }



.butt-inp .butt-inp1 {

    font-size: 18px;

    font-weight: 400;

    line-height: 49px;

    color: #fff;

    border: 0;

    display: block;

    background: #f8c301 url(../image/team-more.png);

    background-repeat: no-repeat;

    background-position: right 26px center;

    background-size: auto auto;

    width: 180px;

    border-radius: 23px;

    text-indent: 11px;

    transition: .35s;

    margin-top: 30px;

	outline:none;

}



.butt-inp .butt-inp1:hover {

    text-indent: 5px;

    background-size: auto auto;

}



        .reg_r {

            width: 400px;

            height: 420px;

            float: right;

            margin-top: 30px;

            background: #ffffff url(http://weibo.bd:8012/css/images/reg_l0.gif) no-repeat right 60px;

        }

        

        .reg_r h3 {

            font: 24px/60px "Microsoft Yahei";

            color: #f2f2f2;

            height: 60px;

            background: #828282;

            text-align: center;

        }

        

        .reg_r h3 i {

            color: #f8c301;

        }

        

        .reg_r .reg_ul {

            width: 320px;

            margin: 15px auto 0;

            height: 340px;

            overflow: hidden;

        }

        

        .reg_r ul li {

            line-height: 45px;

            color: #424242;

            font-size: 14px;

            height: 45px;

            border-bottom: 1px solid #dddddd;

            padding-left: 16px;

            background: url(http://weibo.bd:8012/css/images/reg_ic.jpg) no-repeat left center;

        }













.news{padding-top:80px;padding-bottom:80px}

.news .news-c{margin-top:33px;position:relative}

.news .news-c::before{content:"";display:block;width:2px;height:560px;background:#fcfcfc;position:absolute;left:384px;top:0;z-index:-1}

.news .news-c::after{content:"";display:block;width:2px;height:560px;background:#fcfcfc;position:absolute;right:384px;top:0;z-index:-1}

.news .news-c .tempWrap{width:1200px!important}

.news .news-c ul li{float:left;width:340px;margin-right:90px;padding-top:33px;height:560px;box-sizing:border-box}

.news .news-c ul li i{font-size:20px;font-weight:400;line-height:100%;color:#333;display:block;margin-bottom:23px}

.news .news-c ul li em{display:block;width:340px;height:190px;overflow:hidden;line-height:0}

.news .news-c ul li em img{display:block;width:340px;height:190px;transition:all .25s ease}

.news .news-c ul li h4{font-size:24px;font-weight:400;color:#333;display:block;margin-top:25px;margin-bottom:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:36px;height:72px;transition:all .25s ease}

.news .news-c ul li p{font-size:14px;font-weight:400;color:#666;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:26px;height:52px;margin-bottom:76px;transition:all .25s ease}

.news .news-c ul li span{display:inline-block;font-size:16px;font-weight:400;line-height:18px;color:#333;padding-right:38px;background-image:url(http://weibo.bd:8012/images/news-more.png);background-repeat:no-repeat;background-position:right center;background-size:auto auto}

.news .news-c ul li:last-of-type{margin-right:0}

.news .news-c ul li:hover em img{filter:contrast(80%)}

.news .news-c ul li:hover h4{margin-top:20px;color:#f8c301}

.news .news-c ul li:hover p{padding-top:10px}

.news .news-c ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.news .news-c .prev{position:absolute;width:40px;height:40px;border:2px solid #ddd;border-radius:50%;left:-80px;top:134px;transform:rotateY(180deg);cursor:pointer;transition:.35s}

.news .news-c .prev img{width:100%;display:block}

.news .news-c .prev:hover{left:-85px}

.news .news-c .next{position:absolute;width:40px;height:40px;border:2px solid #ddd;border-radius:50%;right:-80px;top:134px;cursor:pointer;transition:.35s}

.news .news-c .next img{width:100%;display:block}

.news .news-c .next:hover{right:-85px}











/**/

.aboutbj{background:url(../image/abtbg.jpg) no-repeat center top;height: 1347px;max-width: 1920px;margin:0 auto; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;padding-top: 128px;}

.about{width: 1200px;margin:0 auto;height: 602px;}

.about h2{text-align: left; font-size: 55px;color:#333333;}

.about h2 a{color:#333;padding-left: 120px;}

.about h2 p{text-align: justify;font-size: 24px;color:#333333;padding-top:110px;font-weight: normal;}

.about dl{box-sizing: border-box;}

.about dl dd{padding-top: 10px;box-sizing: border-box;text-align: center;}

.about dl dd p{font-size:14px; color:#666666;  line-height: 27px;text-align: justify;height:30px;}

.about dl dd a{width:222px;height: 50px;line-height: 50px;text-align: left;padding-left:64px; font-size: 16px;color: #f8c301;font-weight: normal;background: #ffffff url(http://weibo.bd:8012/images/abt_btn.png) no-repeat 148px center;;display: block;border-radius: 25px;box-sizing: border-box;margin-top: 40px;}







/**/

.cutbj{height: 580px;box-sizing: border-box;}

.help_nav{ height: 129px;clear: both;  margin-bottom: 28px;position: relative;box-shadow:0 2px 6px #f0eeee;}

.help_nav li{height: 129px;  text-align: left; font-size:26px; color: #333333; display: block; float: left; width: 400px;background: #fff; font-weight: normal;padding-left:90px;padding-top:35px; box-sizing: border-box;}

.help_nav li a{color: #666666; text-decoration: none;}

.help_nav li  em{display: block;width: 61px; height: 56px; float: left;margin-right: 9px;position: relative;overflow: hidden;}

.help_nav li img{height: 56px; display: block;position: absolute;left:-61px;top:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.help_nav li i{font-size: 14px;color:#cccccc; display: block;}

.help_nav li.cur{background:#f8c301;}

.help_nav li.cur a{color: #ffffff;}

.help_nav li.cur em img{left:0;}

.help_nav li.cur i{color:#fff;}



.m_help{ width: 1200px; position: relative; }

.xc_l{position: absolute;left:-42px;top:43%;background: url(http://weibo.bd:8012/images/help_l.png) no-repeat;width:26px;height:26px;}

.xc_r{position: absolute;right:-42px;top:43%;background: url(http://weibo.bd:8012/images/help_r.png) no-repeat;width:26px;height:26px;}

.xc{width:1200px;  overflow: hidden;}

.xc li{ width:278px; position:relative;margin-right: 29px; float: left; }

.xc li img{ display:block;width:278px; box-sizing: border-box;}

.xc li em{height:40px;  font:16px "Microsoft YaHei"; line-height:40px; color:#666666; overflow:hidden; display: block; text-align: center; -webkit-transition:width .5s;transition:width .5s;}

.xc li a{ text-decoration: none; }



.xc li.nones{margin-right: 0;}

.xc li:hover em{color: #f8c301;z-index: 1;}

.xc li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.xc li:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}







		



.link{ background:#1f242c; height:66px; overflow:hidden;}

.link p{overflow: hidden; font:15px "Microsoft YaHei"; font-weight:bold; color:#fff;line-height:66px;}

.link p em{ font:15px Arial, Helvetica, sans-serif; color:#5d6167; text-transform:uppercase; padding:0 30px 0 3px;}

.link p a{ display: inline-block;margin:0 15px; font:14px "Microsoft YaHei"; color:#949597; line-height:66px; height:66px; position:relative; }

.link p a:hover{ color:#f8c301; text-decoration:underline;}