@charset "utf-8";
@import url(animate.css);
/*清除属性*/
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe { padding: 0px; margin: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM { padding: 0px; margin: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A {BORDER-STYLE: none;border: 0px; text-decoration:none;}
IMG {BORDER-STYLE: none;border: 0px; text-decoration:none;}
table{border-collapse: collapse;border-spacing: 0;} 
html{ font-family:"微软雅黑";}
/*结束*/
.ybm18_bigbox{width:1920px;position:relative;left:50%;margin-left:-960px;overflow:hidden;}

/** top **/
.ybm18_box01{ width: 1920px; position: relative; height: 1060px; background:url(../images/czpc01.jpg); background-size: 100%;}
.ybm18_ts01{ width: 1920px; height: 1060px; background:url(../images/czpc04.png); position: absolute; left: 0; top: 0; z-index: 1;
	-webkit-animation-name: flymove;
	-webkit-animation-duration: 30s;
	-webkit-animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;

   -moz-animation-name: flymove;
   -moz-animation-duration: 30s;
   -moz-animation-timing-function: linear;
   -moz-animation-iteration-count: infinite;

   -ms-animation-name: flymove;
   -ms-animation-duration: 30s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
}
.ybm18_box01 .ybm18_img01{ position: relative; z-index: 2; display: block; width: 100%;}
.ybm18_box01 a{position:absolute;background:url(../images/czpc03.png) no-repeat center right;height:187px;width:920px; left: 500px; top: 450px;z-index: 2;animation-iteration-count: infinite; }
/** 表单 **/
.ybm18_bdbox{width:1200px;height:160px;background:rgba(255,255,255,0.4);border-radius:20px;overflow:hidden;margin:50px auto; position: relative; z-index: 2;}
.ybm18_bdbox p{ background-color:rgba(255,255,255,0.8);text-align:center;line-height:60px;color:#620c0c;font-size:22px;}
.ybm18_bdbox from{ width: 1000px; overflow: hidden;}
.xm_box{ border-bottom: 1px solid #ffffff; background: url(../images/czpc05.png) no-repeat center left; padding-left: 40px; height:53px;overflow: hidden; width: 240px; margin: 20px; float: left;}
.xm_box input{ height: 55px; margin-top: -1px; width: 241px; background:rgba(255,255,255,0); border: none; color: #ffffff; padding-left: 10px;font-size: 18px; line-height: 53px;}
.dh_box{ border-bottom: 1px solid #ffffff; background: url(../images/czpc06.png) no-repeat center left; padding-left: 40px; height:53px;overflow: hidden; width: 240px; margin: 20px; float: left;}
.dh_box input{ height: 55px; margin-top: -1px; width: 241px; background:rgba(255,255,255,0); border: none; color: #ffffff; padding-left: 10px;font-size: 18px; line-height: 53px;}
.zy_box{ display:none;}
.ybm18_bdbox button{width:200px;height:50px;background:#fa4000;color:#ffffff;border:none;margin:25px 0 20px 70px;border-radius:10px;font-size: 18px; line-height: 50px; cursor: pointer;}


.ybm18_box02{ width: 1920px; height:734px; background: url(../images/czpc07.jpg) no-repeat; position: relative; overflow: hidden;}
.ybm18_box02 p{ width: 1004px; display: block; margin: 0 auto; color: #fd3e00;font-size: 24px;line-height: 2.2; text-indent: 2em;}
.ybm18_box02 p:nth-child(1){ margin-top: 100px;}
.ybm18_box02 a{display: block; background: #fff; width: 280px; height: 60px; line-height: 60px; text-align: center; margin:110px auto 0; border-radius: 50px; color: #fd3e00; font-size: 24px;}
.ybm18_box02 a:hover{ font-size: 26px; }


.ybm18_box03{width:1920px; background:url(../images/czpc08.jpg) no-repeat;height:1515px;position:relative;}
.ybm18_box03 div{width: 185px; height: 60px; position: absolute; top: 78px; left: 62%;}
.ybm18_box03 a{display: block; background: #fff; width: 280px; height: 60px; line-height: 60px; text-align: center; border-radius: 50px; color: #fd3e00; font-size: 24px; position: absolute; top: 1410px; left: 50%; margin-left: -140px;}
.ybm18_box03 a:hover{ font-size: 26px; }


.ybm18_box04{width:1920px; height:535px; background:url(../images/czpc09.jpg) no-repeat; position:relative; overflow: hidden;}
.ybm18_box04 p{ width:805px; font-size: 24px; color: #ffffff; margin: 0 auto; padding-top: 250px; line-height: 1.8;}
.ybm18_box04 p span{ font-size: 26px;}


.ybm18_box05{ width: 1920px; height: 914px; position: relative; overflow: hidden; margin: 0 auto; background: url(../images/czpc10.jpg) no-repeat;}
.box05_xxbz{ width: 1200px; position: relative; overflow: hidden; margin: 25px auto 0;}
.box05_xxbz li{ width: 350px; height: 350px; background: url(../images/czpc11.png) no-repeat center; position: relative; overflow: hidden; float: left; cursor: pointer;}
.box05_xxbz li:nth-child(1){ margin-bottom: 50px;}
.box05_xxbz li:nth-child(2){ margin: 0 73px; margin-bottom: 50px;}
.box05_xxbz li:nth-child(3){ margin-bottom: 50px;}
.box05_xxbz li:nth-child(5){ margin: 0 73px;}
.box05_xxbz li img{ position: absolute; top: 35px; left: 35px; border-radius: 50%; transition: all 0.5s;}
.box05_xxbz li:hover img{ transform: scale(1.23);}

.box05_xxnr{ width: 1200px; height: 800px; position: absolute; top: 0; left: 50%; margin-left: -600px; overflow: hidden; display: none;}
.box05_xxnr li{ width: 350px; height: 290px; background: #fff; border-radius: 20px; box-shadow: 0px 0px 15px #ccc; position:absolute;}
.box05_xxnr li:nth-child(1){ top: 55px; left: 0;}
.box05_xxnr li:nth-child(2){ top: 55px; left: 422px;}
.box05_xxnr li:nth-child(3){ top: 55px; right: 4px;}
.box05_xxnr li:nth-child(4){ top: 455px; left: 0;}
.box05_xxnr li:nth-child(5){ top: 455px; left: 422px;}
.box05_xxnr li:nth-child(6){ top: 455px; right: 4px;}
.box05_xxnr li p{ width:300px; margin: 0 auto; font-size: 18px; line-height: 1.8; color: #333; padding-top: 50px;}
.box05_xxnr .box05_gb{ position: absolute; top: 10px; left: 300px; cursor: pointer;}
.box05_xxnr a{ width: 200px; height: 40px; display: block; background: #ff6031; line-height: 40px; color: #fff; text-align: center; border-radius: 50px; font-size: 18px; position: absolute; bottom: 25px; left: 75px;}
.ybm18_box05 .box05_zx{display: block; background: #fff; width: 280px; height: 60px; line-height: 60px; text-align: center; border-radius: 50px; color: #fd3e00; font-size: 24px; margin: 30px auto;}
.ybm18_box05 .box05_zx:hover{ font-size: 26px; }


.ybm18_box06{width:1920px;height:544px;background:url(../images/czpc19.jpg) no-repeat;position:relative; overflow: hidden;}
.ybm18_box06 h2{font-size:24px;color:#fff;text-align:center;padding-top:240px;line-height:48px;margin-bottom:30px;}
.ybm18_box06 p{ width:798px; font-size: 18px; color: #ffffff; margin: 0 auto; line-height: 1.8; text-align: center;}




.ybm18_box10{ width: 1920px; height: 1835px; position: relative; overflow: hidden; background: url(../images/czpc20.jpg) no-repeat;}

.ybm18_bt01{width:540px;margin:0 auto;height:167px;padding-left:100px;}
.ybm18_bt01 h2{font-size:24px;color:#fff;padding-top:30px;line-height:24px;margin-bottom:20px;}
.ybm18_bt01 p{ font-size: 18px; color: #ffffff; margin: 0 auto; line-height: 30px; }

.ybm18_box07{width:860px;height:335px;background-image:url(../images/czpc21.png);margin: 10px auto;position:relative; margin-bottom: 30px;}
.ybm18_box07 li{ height: 183px; width: 158px; overflow: hidden; border-radius:100px;cursor:pointer;}
.ybm18_box07 li img{ background-color:#ff3b31;opacity: 0; position: absolute; width: auto;}
.ybm18_box07 li:hover img{ opacity: 1;}

.ybm18_dw01{ position: absolute; left: 0; top: -1px;}
.ybm18_dw02{ position: absolute; left: 176px; top: -1px;}
.ybm18_dw03{ position: absolute; left: 351px;; top: -1px;}
.ybm18_dw04{ position: absolute; left: 527px; top: -1px;}
.ybm18_dw05{ position: absolute; left: 703px;; top: -1px;}
.ybm18_dw06{ position: absolute; left: 88px;; top: 151px;;}
.ybm18_dw07{ position: absolute; left: 263px; top: 151px;;}
.ybm18_dw08{ position: absolute; left: 439px; top: 151px;;}
.ybm18_dw09{ position: absolute; left: 614px; top: 151px;}

.ybm18_dw01 img{ left: 0; top: 0;}
.ybm18_dw02 img{ left: -176px; top: 0;}
.ybm18_dw03 img{ left: -351px; top: 0;}
.ybm18_dw04 img{ left: -527px; top: 0;}
.ybm18_dw05 img{ left: -703px; top: 0;}
.ybm18_dw06 img{ left: -88px; top: -152px;}
.ybm18_dw07 img{ left: -263px; top: -152px;}
.ybm18_dw08 img{ left: -439px; top: -152px;}
.ybm18_dw09 img{ left: -614px; top: -152px;}

.ybm18_bt02{width:540px;margin:50px auto 0 auto;height:167px;padding-left:130px;}
.ybm18_bt02 h2{font-size:24px;color:#fff;padding-top:20px;line-height:24px;margin-bottom:20px;}
.ybm18_bt02 p{ font-size: 18px; color: #ffffff; margin: 0 auto; line-height: 30px; }

.ybm18_box08{ position: relative; margin-top: 10px; width: 1100px; margin:20px auto;}

.ybm18_xxbz{ width: 1100px; overflow: hidden; margin: 0 auto;}
.ybm18_xxbz li{width: 180px;height:180px;float:left;margin:10px 20px;background-color:#fff;border-radius:90px;cursor: pointer; background-image: url(../images/czpc23.png); background-repeat: no-repeat; background-position: center 120px;}
.ybm18_xxbz li:hover{ background-size: 26px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.ybm18_xxbz h2{ font-size: 24px; text-align: center; line-height: 36px; padding-top: 30px;color: #fd3e00; }
.ybm18_xxbz span{ font-size: 14px; line-height: 21px; margin-top: 20px; display: block;}

.ybm_xxnr{ position: absolute; width:540px; background-color: #fff; z-index: 2; padding: 50px 60px; color: #333333;font-size: 18px; line-height: 30px; left: 50%; margin-left: -330px; top: 10px; border-radius:14px;  display: none; box-shadow: 0px 0px 15px #ccc; }
.ybm_xxnr a{ position: absolute; width: 200px;background-color: #ff6031;; border: 2px solid #fff; text-align: center; color:#fff; font-size: 18px; line-height: 36px;  left: 50%; margin-left: -102px; bottom: -18px; border-radius: 18px; animation-iteration-count: infinite;}
.ybm18_gb{ position: absolute; right: 10px; top: 10px; width: 30px; display: block; cursor: pointer;}

.ybm18_bt03{width:570px;margin:50px auto 0 auto;height:167px;padding-left:130px;}
.ybm18_bt03 h2{font-size:24px;color:#fff;padding-top:50px;line-height:24px;margin-bottom:20px;}
.ybm18_bt03 p{ font-size: 18px; color: #ffffff; margin: 0 auto; line-height: 30px; }

.ybm18_box09{ position: relative; margin-top: 10px; width: 1203px; margin:20px auto;}

.rollBox{width:1203px;overflow:hidden;}
.rollBox .Cont{width:1203px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:1203px;float:left;text-align:center;border-radius: 5px;}
.rollBox .Cont .pic img{display:block;margin:0 auto; width: 100%;}

.rollBox .Cont .pic p{ background-color: #ffffff; color: #f24646;font-size: 18px; line-height: 66px;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .LeftBotton{height:600px;width:600px; cursor:pointer; position: absolute; left: 0; top: 0;}
.rollBox .RightBotton{height:600px;width:600px; cursor:pointer; position: absolute; right: 0;top: 0;}

.ybm18_img02{ position: absolute; right: -80px; top: 4400px;}
.ybm18_img03{ position: absolute; left: 50px; top: 5800px;}
.ybm18_img04{ position: absolute; right: 0; top: 6700px;}


.ybm18_box10 .box10_zx{display: block; background: #fff; width: 280px; height: 60px; line-height: 60px; text-align: center; border-radius: 50px; color: #fd3e00; font-size: 24px; margin: 50px auto;}
.ybm18_box10 .box10_zx:hover{ font-size: 26px;}


@-webkit-keyframes flymove{0%{background-position:0px bottom;}100%{background-position:-1920px bottom;}}
@-moz-keyframes flymove{0%{background-position:0px bottom;}100%{background-position:-1920px bottom;}}
@-ms-keyframes flymove{0%{background-position:0px bottom;}100%{background-position:-1920px bottom;}}
@keyframes flymove{0%{background-position:0px bottom;}100%{background-position:-1920px bottom;}}