.ybj_box,.newyear_box{ width:100%; position: relative;}                 

.ybj_box > div,.newyear_box > div{ width:100%; background: center 0px no-repeat;} 

.ybj_box .ds_ban01{ /*background-image:url(img/zz_ban_01.jpg) ;*/ height:700px; }

.ybj_box .ds_ban03{ background-image:url(img/aa.jpg);  height:350px; margin: auto;     border: 25px solid #B90909;}

.ds_ban03 h2{ color:#FFCC00; font-size:32px; line-height:50px; text-align:center;}

.ds_ban03 p{ color:#FFCC00; font-size:24px; line-height:50px; text-align:center;}

.ybj_box .ds_ban05{/* background-image:url(img/zz_ban_05.jpg);*/ height:275px; margin:auto;}

.ds_ban04 a{ display: block; width: 100%; height: 220px; position: relative;}

.ds_ban05 .w1100{ position: relative; width:1200px;}

.ybj_box .cover {     position: absolute;   top: 0;    left: 0;    right: 0;    bottom: 0;    background: url(img/v_star.png) top;    -webkit-animation: c 4s linear 0s infinite; height:701px;    animation: c 4s linear 0s infinite; 	}

 @-webkit-keyframes c{0%{background-position:900px -900px;opacity:0}50%{background-position:0 0;opacity:.7}to{background-position:-900px 900px;opacity:0}}

	@keyframes c{0%{background-position:900px -900px;opacity:0}50%{background-position:0 0;opacity:.7}to{background-position:-900px 900px;opacity:0}}

	



.ybf_bao_c ul li:hover,.sjs img:hover,.ybf_gcj  img:hover,.jiancai img:hover,.three img:hover,.kb_cont img:hover{ 

-moz-transition: all 0.5s ease-in-out; 

-webkit-transition: all 0.5s ease-in-out; 

-o-transition: all 0.5s ease-in-out; 

-ms-transition: all 0.5s ease-in-out; 

transition: all 0.5s ease-in-out; 

-moz-transform: rotateY(360deg);

-webkit-transform: rotateY(360deg);

-o-transform:rotateY(360deg);

-ms-transform: rotateY(360deg);

transform: rotateY(360deg);

} 

 

body{ background: #fff;}



.zixun{ width: 330px; position: absolute; left: 380px; top: 20px; overflow: hidden;}

.zixun h2{ color:#CCCCCC; font-size:50px; line-height:50px;  text-align:center;}

.zixun h3{ text-align:center;  background:#fff600; color:#fc002d;line-height:40px; margin-bottom:10px;}

.zixun  ul li { height: 38px; line-height: 30px; overflow: hidden;   text-overflow: ellipsis;  white-space: nowrap;     position: relative;margin-bottom: 14px;} 

.zixun  ul li  strong{ color:#fff; width:72px; font-weight:normal;   display: block; float:left; padding-left:8px;margin-right:6px;font-size: 16px;}

.zixun input{ width: 200px;   height: 30px;  line-height: 30px;   padding: 0px 0px 0px 10px; float: left; border: 1px solid #ccc;  }

.zixun .sub{    width:260px; text-align:center; height: 55px; margin: 10px auto; }

.zixun ul li span{   position: absolute; right: 10px; top: -2px;  }

.zixun .sub input{cursor:pointer; font-size:18px; font-weight:bold;  width: 150px; height: 35px;  background:#fffb16; color:#d00;   float: none; padding: 0px; border-radius: 6px; border: none;}

.zixun .sub input:hover{ cursor: pointer; background: #d00; color: #fff;}

.bm_list{ width:180px;  position:absolute; left: 733px; top: 10px;   text-align:center;  height:230px; float: right; }

.bm_list h2{ color:rgb(224, 193, 6); line-height:35px; padding:10px 0px 10px 0px; font-size: 18px;;}

.bm_list h2 strong{ padding: 1px 5px; margin: 0px 6px;  }

.s_max{ width:180px; height:160px;  overflow:hidden;}

.s_max ul li{ font-size:12px; color:#fff; width:100%; line-height:24px;}

.s_max ul li span{ display: block; float: left; width: 80px; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; ;  }

.s_max ul li strong{ float:left; display: block; width: 80px; font-weight:normal;}



.box_c{margin:0px auto; } 

.box_title{ text-align:center;}

.box_content{ background:#fff; }

.part01{ width:100%;   background:url(img/banner.jpg) center 0px no-repeat; height:800px;}

.part01 h2{ font-size:34px; color:#F6F509; padding:100px 0px 30px 130px; }

.part01 .p0{ text-align:center;}

.part01  .p1{ padding:20px 0px 0px 0px; }

<!--八大特权-->

.tq{ width:1050px; background:#fff;  margin:0px auto; padding:60px 50px 0px  50px;  }

.tq ul li{ height:800px;text-align:left; position:relative; }

.tq img{   position:absolute;left:0px;}

.tq  b{ font-size:36px; color:#F5060A; padding:0px 0px 20px 0px;}

.tq p{ font-size:22px;   color:#F12626; line-height:35px; background:#dddbda; padding:30px 20px 30px 120px;}

<!--八大特权-->





.part01  .p1 a{ width:450px; float:right; height:70px; display:block; }

.part02{ padding:20px 0px;}

.box_img{  text-align: center;background:url(/App/Tpl/Home/Default/Public/yangshi/youhui/style//images/IMG_2275.png)}

.box_img .p0{  line-height:40px; color:#C40808; text-align: left; padding: 15px 20px; font-size:45px; text-indent:2em;}

.box_img .p0 strong{ color:#FA1111; font-size:25px;}



.box_img1{   width: 100%;

    background: url(img/IMG_2297.png) center -642px no-repeat;

    text-align: center;

    height: 700px;

	   }

.box_img1 .p0{  line-height:40px; color:#C40808; text-align: left; padding: 15px 20px; font-size:45px; text-indent:2em;}

.box_img1 .p0 strong{ color:#FA1111; font-size:25px;}





.ybj_box .ban_7 {

    /*background-image: url(/App/Tpl/Home/Default/Public/yangshi/youhui/style/css/img/ban7.jpg);*/

	margin-top:0px;

 margin-right:0px;

 margin-bottom:0px;

 margin-left:0px;

 background-repeat:no-repeat;

 background-position:top;

    height: 136px;

}

.ban_7 .lefttime span{  background: #d8d8d8 none repeat scroll 0 0;

    border-radius: 5px;

    box-shadow: 0 5px 7px #000;

    color: #403c3c;

    display: block;

    float: left;

    font-size: 35px;

    font-weight: bold;

    line-height: 60px;

    margin: 0 15px;

    text-align: center;

    width: 105px;}

.ban_7 .lefttime {

    float: left;

    height: 85px;

    margin: 0 auto;

    padding: 35px 0 0 54.7%;

   

}

.ban_7 .lefttime .ts1{ position:absolute; top:200px; left:30px;}



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

  padding-top: 50px;

}



.hvr-shutter-out-horizontal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  background: #fff;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-shutter-out-horizontal:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: #2d3134;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 50%;

  transform-origin: 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

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

  transition-timing-function: ease-out;

}

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {

  color: white;

}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

/**welcome**/

/*--services-grids--*/

.services-grids {

    padding: 0;

    background: #1B1B1B;

    text-align: center;

    margin: 6px;

    width: 32.5%;

}

.services-grids i.glyphicon {

    font-size: 2em;

    color: #079D99;

    border-radius: 50%;

    padding: 1em;

    background: #fff;

}

.services-grids h5{

    color: #009b97;

    font-size: 1.5em;

    font-family: 'Microsoft YaHei', sans-serif;

	margin: .8em 0 .3em;

	font-weight: 600;

}



.hover-fold {

  background:#E64B50;

  height: 300px;

  margin: 0px auto;

  -moz-perspective: 1500;

  -webkit-perspective: 1500;

  perspective: 1500;

  position: relative;

  width:100%;

}

.hover-fold h4 {

  border-bottom: 3px double #fff;

  margin: 0 40px;

  padding: 3em 0 0.7em;

  color:#fff;

  font-size:2em;

  font-family: 'Microsoft YaHei', sans-serif;

}

.hover-fold .top {

  height: 50%;

  -moz-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  -moz-transform: rotateX(0deg);

  -ms-transform: rotateX(0deg);

  -webkit-transform: rotateX(0deg);

  transform: rotateX(0deg);

  -moz-transform-origin: 0 100%;

  -ms-transform-origin: 0 100%;

  -webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

  -moz-transform-style: preserve-3d;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  position: absolute;

  top: 0px;

  width: 100%;

  z-index: 10;

}

.hover-fold .top .face {

  -moz-backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  position: absolute;

}

.hover-fold:hover .top {

  -moz-transform: rotateX(-180deg);

  -ms-transform: rotateX(-180deg);

  -webkit-transform: rotateX(-180deg);

  transform: rotateX(-180deg);

}



.hover-fold .back {

  background: #E64B50;

  height: 100%;

  /*has to be 100% of .top */

  padding: 0 40px;

  -moz-transform: rotateX(180deg);

  -ms-transform: rotateX(180deg);

  -webkit-transform: rotateX(180deg);

  transform: rotateX(180deg);

  width: 100%;

}

.hover-fold .back p {

  margin: 0;

  color:#fff;

  font-size:1.15em;

  line-height:2em;

}

.hover-fold .bottom {

  background: url(../images/aa.jpg) bottom;

  height: 50%;

  position: absolute;

  top: 50%;

  width: 100%;

  z-index: 0;

}







.welcome-section {

    padding: 5em 0;

	background: #f5f5f5;

	text-align:center;

}

.welcome-section h2,.about-section h2 ,.service-section h2,.gallery h2,.pages-top h2,.contact h2 {

    font-size: 3.5em;

    color: #2d3134;

    font-family: 'Microsoft YaHei', sans-serif;

    text-align: center;

	    font-weight: 600;

}

.welcome-section span {

    font-size: 1.2em;

    color: #999;

    display: block;

    margin-top: 1em;

}

.welcome-grids,.capabil-grids,.about-grids,.team-grids,.service-grids ,.choose-grids,.contact-grids {

    margin-top:0px;

	margin-bottom:30px;

}

.wel-text {

    background: #fff;

	width: 600px;

    height: 200px;

}

.wel-grid h4 {

    color: #B82528;

    font-size: 4em;

    font-family: 'Microsoft YaHei', sans-serif;

	    font-weight: 600;

		padding-top:25px;

}

.wel-grid p {

    color: #0F0F0F;

    font-size: 20px;

	line-height:2em;

	padding-top: 25px;

}

.wel-text:hover p {

    color: #fff;

}



.solutions{

width:1100px;

overflow:hidden;}



.solutions ul{

width:1140px;}



.solutions li {

    height: 280px;

    width: 265px;

    border: 2px solid #e5e5e5;

    border-bottom: 5px solid #efefef;

    float: left;

    margin-right: 8px;

    position: relative;

    margin-bottom: 20px;

}

ul li, .xl li{

list-style:none;}

.solutions span{ font-size:18px; color:#FF0000}

.solutions p{ font-size:15px; color:#FF0000}





.zz_video{   width: 100%;  background: url(img/ybf_bg01.jpg) center -642px no-repeat; text-align: center;  height: 620px;}

.ybf_video{ width:740px; height: 500px;  float: left ; padding: 60px 0px 0px 10px;}

.ybf_zx{ width:332px; float: right; height: 495px;}

.ybf_zx p{ color: #d00;

    font-size: 25px;

    font-weight: bold;

    line-height: 48px;

    text-align: center;}

.ybf_zx p strong{ background: #d00; border-radius: 4px; color: #fff; padding: 4px 6px; margin: 0px 5px;}



.ybf_zx a{ display: block;  width: 100%;  height: 90px;}







.ybf_bao a{ display: block; }

.ybf_bao_c{ background: rgba(0, 0, 0, 0) url("img/ybf_line.jpg") no-repeat scroll center 96px;

    height: 190px;

    margin: 0 auto;

    padding: 60px 0 20px 116px;

    width: 1240px;}

.ybf_bao_c ul li{ width:160px; text-align:center; float:left;}

.ybf_bao_c ul li h2{ width:80px; text-align:center; margin:0px auto; color:#fff; font-size:22px; line-height:80px; height:80px; background:#CC051B; border-radius:50%; }

.ybf_bao_c ul li h2.w2{ font-size:16px; line-height:24px; padding-top:14px; height:75px;}

.ybf_bao_c ul li  p{ padding:10px 10px;}



.ybf_team{ width: 100%; ; background: url(/App/Tpl/Home/Default/Public/yangshi/youhui/style/css/img/aa3.jpg); height: 600px; }

.ybf_title{ width:1000px; text-align:center; padding:15px 0px 20px 0px; margin:0 auto; background: #FCFCFC}

.ybf_title h2{ font-size:44px; color:#F82020; line-height:70px;}

.ybf_title p{ font-size:30px; color:#000; line-height:40px; text-indent:2.5em}

.ybf_title p.p0{ width: 1100px; margin: 0px auto; font-size: 22px; text-align: left; text-indent: 2em;;}



.sjs{ width:1110px;  margin:0px auto;    padding:20px 0px 10px  0px; position:relative; }

.sjs_cont{ width:1110px; height:520px; overflow: hidden;  }

.sjs_cont ul{ width:10000px;}

.sjs_cont ul li{ width:267px; background:#fff; margin:0px 5px; display:inline; float:left;} 

.sjs_cont ul li img{  width:267px; height: 267px;}

.sjs_cont h2{ color:#e50005; padding:5px 0px 5px 10px;; line-height:30px;}

.sjs_cont p{ line-height:24px; padding:0px 5px 5px 10px; overflow:hidden;}

.sjs_cont h3{  text-align:center; line-height:40px; background:#e72100 url(img/zz_jt.png) 80px 10px no-repeat; }

.sjs_cont h3 a{ color:#fff; display: block; padding-left: 10px;}

.sjs_cont h3:hover{ background-color: #444;}

.part_btn{ width:60px; height:60px; position:absolute; top:180px; display:block;   cursor: pointer; z-index:999;}

#leftArr_sjs{ left:  -20px;}

#rightArr_sjs{ right:  -20px;  }

.ybf_gcj{background: url(/App/Tpl/Home/Default/Public/yangshi/youhui/style/css/img/aa2.jpg); padding-top:15px; margin:0 auto; padding-bottom:20px}

.ybf_gcj  .w1100{ background:url(img/ybf_bg04.jpg)  center 20px no-repeat; height:630px; padding:200px  0px 0px 20px;;}

.ybf_gcj ul li {  width:330px; text-align:center; float:left; margin-right:10px;  padding:10px 10px 0px 10px; }

.ybf_gcj img{ border-radius:50%; border:1px solid #ddd; margin-bottom:5px;}

.ybf_gcj h2{ line-height:40px; font-size:24px; color:#d00;}

.ybf_gcj h2 strong{ font-size:30px; }

.ybf_gcj p{ font-size:18px; text-indent:2em; color:#000; padding:10px 10px 0px 10px; text-align:left; line-height:26px; height:170px; }

.ybf_words{ width: 100%; background: #F7F7F7 ; border-bottom:1px solid #ABF8BE; height: 450px; padding-top: 3px;}

.ybf_words .w1100{   background: rgba(255, 255, 255, 0.7) !important;background:  #CBDAC9;  filter: Alpha(opacity=70); padding: 10px 0px; }

.ybf_words .w1100 p{ padding: 20px 70px; font-size: 24px; line-height: 36px;}

.ybf_words .w1100 p strong{ color: #d00;}



.ybf_gongdi{ width: 100%; background: url(img/ybf_bg02.jpg) center 0px no-repeat; height: 650px; }

.ybf_gd_cont{ width: 1100px; margin: 0px auto; position: relative;  }

.ybf_gd_img{ width: 100%; height: 450px; overflow: hidden}

.ybf_gd_img ul{ width: 10000px;}

.ybf_gd_img ul li{ width: 1100px; float: left; height: 450px; position: relative;}

.ybf_gd_img  img{ width: 100%; height: 100%; position:initial;}

.ybf_gd_img .gd_img01{ width: 640px; height: 450px; position: initial; left: 0px; top: 0px;}

.ybf_gd_img .gd_img02{ width: 430px; height: 300px; position: absolute; right: 0px; top: 0px;}

.ybf_gd_img .gd_words{ width: 430px; height:140px;  position: absolute; right: 0px; bottom: 0px;}

.ybf_gd_img .gd_words h2{font-size: 18px; line-height: 30px; width: 100%; height:40px;}

.ybf_gd_img .gd_words h2 a{ float: right; font-size: 14px; border-radius: 4px; color: #fff; background: #DE0509; padding: 0px 30px;;}

.ybf_gd_img .gd_words p{ width: 50%; float: left;}

.ybf_gd_img .gd_words strong{ color: #DE0509;}

.ybf_gd_img .gd_words h2 a:hover{ background: #d00;}

 .ybf_gd_cont .part_btn{ top: 200px;}

#leftArr_gd{ left:-30px;}

#rightArr_gd{right:-30px;  }

 



.jiancai{ width:100%; margin:0px auto;   /*background:url(img/1025_bg3.jpg) center bottom no-repeat;*/ height:540px; }

.jiancai ul li{ width:391px; margin:0 11px; float:left; display:inline; position:relative}

.jiancai ul li h2{ width:100%; background: #B79973 !important;  filter: Alpha(opacity=60);  height:35px; line-height:35px; text-align:center; font-size:18px; color:#fff; position:inherit; bottom:0px ; left:0px;}

.jiancai ul li img{ width:100%; height:260px;}

.jiancai h2:hover {background: rgba(249, 60, 75, 0.96) !important;background: #168600;  filter: Alpha(opacity=100); }







.three{ width:1050px; background:#fff;  margin:0px auto; padding:60px 50px 0px  50px;  }

.three ul li{ height:260px; padding:32px 0px  0px 110px; text-align:left; position:relative; }

.three img{   border-radius:50%;  position:absolute; top: 0px; left:0px;}

.three  b{ font-size:36px; color:#B82528; padding:0px 0px 20px 0px;}

.three p{ font-size:22px;   color:#444; line-height:35px; background:#dddbda; padding:30px 20px 30px 120px;}

.tedian{ width:100%; height:300px; margin:0px auto; padding:20px 0px 0px 0px;}

.tedian ul li{ width:210px; height:130px; text-align:center; line-height:130px; margin:8px; float:left;}

.tedian ul li a{ width:210px; height:130px;  background:#d3d7da; color:#444; font-size:30px; font-weight:bold; display:block;}

.tedian   a:hover,.tedian  .on a{ background:#A7041D; color:#fff}

.sanbao{ width:100%; padding:10px 0px; text-align:center;}

.sanbao h2{ font-size:22px; padding:0px 0px 30px 0px; }

.sanbao h2 strong{ color:#d00}

.sanbao img{ width:98%;}

 

.koubei{ width:100% ; height:655px; background:#fff;}

.koubei h1{ font-size:30px; line-height:50px; text-align:center; padding:20px 0px  0px 0px; height:134px;; }

.koubei h1 strong{ color:#DB0505}

.kb_cont{ width:1130px; padding:0px 10px;  }

.kb_cont ul li{ width:560px; height:320px; float:left; overflow:hidden;  }

.kb_cont img{ float:left ; margin-right:20px;}

.kb_cont p{ padding:10px 20px 0px 0px; margin-left:270px; text-indent:2em;}

.kb_cont p a{ color:#e94604;} 



.zz_adv{width: 100%; background: url(img/zz_adv01.jpg) center  0px no-repeat ; height: 360px; ;}