@charset "utf-8";
/* 通用*/
html{ overflow-x:hidden !important;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:normal 16px "Microsoft Yahei";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol{list-style:none;}
a{text-decoration:none;outline:none;}
img{border:0;}
/*HC - 2018.05.30*/
.content div .main{width: 1000px;margin: 0 auto;}
.line_01{ overflow:hidden; }
.line_01 .main{}
.line_02{height:980px; background-color:#FFF;}
.line_02 .main{height:980px; background-color:#FFF; position:relative;}
.line_03{height:1355px; background-color:#f0eefc;}
.line_03 .main{height:1355px; background-color:#f0eefc;}
.line_04{height:1147px; background-color:#FFF;}
.line_04 .main{height:1147px; background-color:#FFF;}
.line_05{height:656px;background:url(../images/bg_05.jpg) center no-repeat;}
.line_05 .main{height:656px;background:url(../images/bg_05.jpg) center no-repeat;}
.line_06{height:900px; background-color:#FFF;}
.line_06 .main{height:900px; background-color:#FFF;}
.line_07{height:1097px; background-color:#f0eefc;}
.line_07 .main{height:1097px; background-color:#f0eefc;}
.line_08{height:777px; background-color:#FFF;}
.line_08 .main{height:777px; background-color:#FFF;}
.line_09{height:902px; background:url(../images/bg_09.jpg) center no-repeat;}
.line_09 .main{height:902px;  background:url(../images/bg_09.jpg) center no-repeat;}
.line_10{height:276px; background-color:#FFF;}
.line_10 .main{height:777px; background-color:#FFF;}
.line_12{height:777px; background-color:#FFF;}
.line_12 .main{height:777px; background-color:#FFF;}
.line_13{height:281px; background-color:#f0eefc;}
.line_13 .main{height:281px; background-color:#f0eefc;}
.line_14{height:475px; background-color:#FFF;}
.line_14 .main{height:475px; background-color:#FFF;}
.line_15{height:645px;background:url(../images/bg_15.jpg) center no-repeat;}
.line_15 .main{height:645px; background:url(../images/bg_15.jpg) center no-repeat;}
.line_16{height:626px;background:url(../images/bg_16.jpg) center no-repeat;}


@font-face {
  font-family: 'pfcg';
  src: url('../fonts/pfcg.eot');
  src:
    url('../fonts/pfcg.eot?#font-spider') format('embedded-opentype'),
    url('../fonts/pfcg.woff') format('woff'),
    url('../fonts/pfcg.ttf') format('truetype'),
    url('../fonts/pfcg.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.f_l{ float:left;} 
.f_r{float:right;}
.title_40_01,.title_40_02{font-family: 'pfcg'; font-size:40px; color:#333; text-align:center;}
.title_40_02{color:#FFF;}
.hd_no_box .swiper-pagination-bullet{width:15px; height: 15px; margin-left: 15px !important;}
.hd_no_box{width:100%; height: auto; overflow: hidden;}
.hd_no_box img{width:100%}
.text_box,.text_box_x{width:1020px; height:135px;padding-top:100px; margin:0 auto; position:relative;}
.text_box_x{height:47px;}
.text_box_02{padding-top:75px;}
.hd_lr_box_01{width: 1000px;height: 432px;margin-top:50px; overflow:hidden;}
.hd_lr_box_01 .swiper-button-next,.hd_lr_box_01 .swiper-button-prev{width:51px; height: 51px; top:inherit; margin-top:-230px}	
.hd_lr_box_01 .swiper-button-next{background: url(../images/right_btn.png) no-repeat;right:-80px;}
.hd_lr_box_01 .swiper-button-prev{background: url(../images/left_btn.png) no-repeat;left:-80px;}
.hd_lr_box_01 li,.hd_lr_box_01 .swiper-slide{width:245px !important; height:429px; float:left; list-style-type:none; border-radius:10px; }
.li_gaoxin01,.li_gaoxin05{background-image: linear-gradient(to bottom, #b2c9f2 10%, #f18bca);}
.li_gaoxin02,.li_gaoxin06{background-image: linear-gradient(to bottom, #d392fa 10%, #f797f1);}
.li_gaoxin03,.li_gaoxin07{background-image: linear-gradient(to bottom, #fcbd88 10%, #ff6745);}
.li_gaoxin04{background-image: linear-gradient(to bottom, #fb90aa 10%, #f872a4);}
.box_sjly{width:250px; height:40px; margin:40px auto 0;}
.btn_box_01{width: 235px; height:50px;padding-top:55px; margin:0 auto;}
.no_bg_btn_24_01{width: 228px; height:42px;font-size:16px; text-align:center;color:#FFF !important;background-color: #546afe;line-height:40px; border:3px solid #546afe; display: block; border-radius:23px;text-decoration: none;transition:.5s;font-family: 'pfcg';}
.no_bg_btn_24_01:hover{background-color: #FFF;transition:.5s;color:#546afe !important;}

.no_bg_btn_24_02{width: 228px; height:34px;font-size:16px; text-align:center;background-color: #FFF; border:3px solid #546afe;color:#546afe !important; display: block; border-radius:23px;padding-top: 8px;text-decoration: none;transition:.5s; line-height:26px;font-family: 'pfcg';}
.no_bg_btn_24_02:hover{transition:.5s;background-color: #546afe;color:#FFF !important;}

.no_bg_btn_24_03{width: 228px; height:34px;font-size:16px; text-align:center;background-color: #f0eefd; border:3px solid #546afe;color:#546afe !important; display: block; border-radius:23px;padding-top: 8px;text-decoration: none;transition:.5s; line-height:26px;font-family: 'pfcg';}
.no_bg_btn_24_03:hover{transition:.5s;background-color: #546afe;color:#FFF !important;}

.no_bg_btn_24_04{width: 228px; height:34px;font-size:16px; text-align:center;background-color: #FFF; border:3px solid #fff;color:#000 !important; display: block; border-radius:23px;padding-top: 8px;text-decoration: none;transition:.5s; line-height:26px;font-family: 'pfcg';}
.no_bg_btn_24_04:hover{transition:.5s;background-color: #4884fa;color:#FFF !important;}

.no_bg_btn_16_01{width:130px; height:31px;font-size:16px;text-align:center;background-color: #546aff;color:#FFF !important; display: block; border-radius:23px;text-decoration: none;transition:.5s; line-height:30px; margin:0 auto;font-family: 'pfcg';}
.no_bg_btn_16_01:hover{transition:.5s;background-color: #3f41e5;}
.no_bg_btn_16_01:active,.no_bg_btn_16_01:visited{ color: #ffffff!important}

.no_bg_btn_16_02{width:228px; height:46px;font-size:16px;text-align:center;background-color: #ffffff;color:#ff5462;display: block; border-radius:23px;text-decoration: none;transition:.5s; line-height:42px; margin:38px auto 0;font-family: 'pfcg';}

.no_bg_btn_16_02:link{background-color: #ffffff;color:#ff5462 ;}
.no_bg_btn_16_02:visited{background-color: #ffffff!important;color:#ff5462 !important;}
.no_bg_btn_16_02:hover{transition:.5s;background-color: #e22f3d; color: #ffffff !important}
.no_bg_btn_16_02:active{background-color: #e22f3d; color: #ffffff !important}



.text_box_01{width:861px; height:66px; margin:20px auto 0;}
.text_box_01 p,.text_box_01 span{font-size:18px;color:#333;font-family: 'pfcg'; line-height:34px;}
.text_box_01 span{color:#FFF; text-align:center;}
.chrt_box_01{font-size:24px; color:#FFF;font-family: 'pfcg'; padding-top:64px; text-align:center;}
.chrt_box_02{font-size:30px;color:#FFF;padding-top:24px; text-align:center; text-indent:-15px;}
.chrt_box_02 strong{font-size:64px; font-weight:bold; font-family:"Agency FB";}
.chrt_box_03_01,.chrt_box_03_02,.chrt_box_03_03,.chrt_box_03_04
{width:143px; height:24px; background-color:#b0bceb;font-size:18px;color:#FFF; border-radius:12px; margin:0 auto; text-align:center;font-family: 'pfcg';}
.chrt_box_03_02{background-color:#c977f8;}
.chrt_box_03_03{background-color:#f86c4c;}
.chrt_box_03_04{background-color:#fb5b88;}
.chrt_box_04{width:193px; height:134px; margin:30px 0 0 21px; position:relative;}
.chrt_box_04_bg01{width:188px; height:131px; background:url(../images/line_chert_01.png) no-repeat;}
.chrt_box_04_bg02{width:188px; height:131px; background:url(../images/line_chert_02.png) no-repeat;}
.chrt_box_04_bg03{width:190px; height:131px; background:url(../images/line_chert_03.png) no-repeat;}
.chrt_box_04_bg04{width:190px; height:131px; background:url(../images/line_chert_04.png) no-repeat;}
.chrt_box_04_bg05{width:188px; height:131px; background:url(../images/line_chert_05.png) no-repeat;}
.chrt_box_04_bg06{width:188px; height:131px; background:url(../images/line_chert_06.png) no-repeat;}
.chrt_box_04_bg07{width:188px; height:131px; background:url(../images/line_chert_07.png) no-repeat;}


.left_text_01{width:182px; height:30px; font-size:20px; color:#333;font-family: 'pfcg'; float:left;}
.right_img_01{width:61px; height:30px; float:right;}
.box_bg_sc{width:1000px; height:977px; background:url(../images/bg_img.jpg) no-repeat; margin-top:60px;}
.title_box_sc{width:247px; height:90px;margin:110px -12px 0 51px;}
.title_box_sc .text_01{font-size:40px; font-weight:bold; color:#FFF;font-family: 'pfcg'; }
.title_box_sc .text_02{font-size:22px; margin-top:8px; color:#FFF;font-family: 'pfcg'; margin-top:14px\0; }
.title_box_sd{width:477px; height:306px;margin:88px 66px 0 0; color:#FFF;font-family: 'pfcg'; position:relative;}
.title_box_sd .left,.title_box_sd .right{width:212px; height:303px;font-family: 'pfcg'; opacity:0; position:absolute;left:0;}
.right{left:inherit !important;right:0;}
.title_box_sd .left .title,.title_box_sd .right .title{font-size:24px;color:#434343;}
.title_box_sd .left .cont,.title_box_sd .right .cont{width:196px; height:237px;font-size:18px;color:#333;font-family: 'pfcg'; margin:28px 0 0 10px;}
.title_box_sd .left .cont li,.title_box_sd .right .cont li{font-size:24px;color:#469692;font-family: 'pfcg'; margin-top:2px; list-style:disc !important; line-height:34px\0;}
.title_box_sd .left .cont li span,.title_box_sd .right .cont li span{font-size:18px;color:#333;font-family: 'pfcg'; display:inline-block; text-indent:-15px;text-indent:0\0;}
.xinzi_box{width:526px; height:332px; float:left; margin:76px 0 0 86px; position:relative;}
.box_sc_top,.box_sc_btm{width:1000px; height:471px; position:relative;}
.box_sc_btm{margin-top:37px;}
.text_tie_xinzi{width:193px; height:60px; position:relative;}
.text_tie_xinzi .text_01{font-size:18px;line-height:34px; color:#434343;font-family: 'pfcg';}
.chrt_gaoxin{width:510px; height:210px; position:absolute;}
.gaoxin_shuju{width:526px; height:92px; margin:0 auto; position:absolute;bottom:0;font-size:16px;line-height:30px; color:#434343;font-family: 'pfcg';}
.zw_less{width:1000px; height:653px; margin:60px auto 0; position:relative;}
.zw_less .title{font-size:32px;color:#333;font-family: 'pfcg'; text-align:center;}
.zw_less li{ list-style-type:none; width:329px; height:545px; margin:62px 0 0 5px; background-color:#3d4061; float:left;}
.zw_less li:nth-child(1){ margin-left:0;}
.zw_less li .img{width:329px; height:459px;}
.zw_less li .line{width:23px; height:3px; background-color:#ffe790;margin:21px 0 0 32px;}
.zw_less li .text{font-size:20px;color:#FFF;font-family: 'pfcg';margin:12px 0 0 32px;}

.cbx{width:329px; height:546px; overflow:hidden; position:relative; cursor:pointer;}
.zw_less li:hover .text_box_a{height:546px;transition:height .8s; opacity:1;} 
.pic_box{backface-visibility: hidden;}
.text_box_a{width:329px; height:0px; background-color:#f95b6d;position:absolute;bottom:0; opacity:0;color:#FFF;font-family: 'pfcg';}
.text_box_a_line{width:80px; height:5px; background-color:#ffe790; margin-top:50px;}
.text_box_a_text{width:203px; height:397px; margin:34px 0 0 58px;font-family: 'pfcg';}
.text_box_a_text_01{font-size:16px;line-height:34px;font-family: 'pfcg';}
.text_box_a_text_01 p{font-family: 'pfcg';}
.text_box_a_text_02{ margin-top:125px;font-family: 'pfcg';}
.text_box_a_text_02 p{font-family: 'pfcg';}
.text_box_a_text_03{margin-top:25px; font-size:18px;font-family: 'pfcg';}
.text_box_a_text_03 p{font-family: 'pfcg';}

.video_box{width:1000px; height:570px; margin:0 auto; position:relative;}
.video_box li{width:494px; height:274px; float:left; margin-top:10px;}
.video_box li:nth-child(2n){ margin-left:10px;}

.hd_lr_box_02_a{ position:relative;}
.hd_lr_box_02{width: 1000px;height: 632px;margin-top:50px; overflow:hidden; position:relative;}
.hd_lr_box_02_a .swiper-button-next_s,.hd_lr_box_02_a .swiper-button-prev_s{width:45px; height: 45px; top:inherit; margin-top:-330px; position:absolute; cursor:pointer;}	
.hd_lr_box_02_a .swiper-button-next_s{background: url(../images/right_btn_02.jpg) no-repeat;right:-80px;}
.hd_lr_box_02_a .swiper-button-prev_s{background: url(../images/left_btn_02.jpg) no-repeat;left:-80px;}
.hd_lr_box_02 li,.hd_lr_box_02 .swiper-slide{width:243px !important; height:624px; float:left; list-style-type:none; }
.hd_lr_box_02 li,.hd_lr_box_03 li,.jieda_box li,.youhui_box li{ background-color:#FFF;transition: all 0.2s linear 0s; position:relative;}
.hd_lr_box_02 li:hover,.hd_lr_box_03 li:hover,.jieda_box li:hover,.youhui_box li:hover{box-shadow:0 5px 10px rgba(125, 124, 124, 0.32); transform: translate3d(0px, -5px, 0px); transform:scale(1.01,1.01)}
.hd_lr_box_02 .img{width:221px; height:272px; margin:11px auto 0;}
.hd_lr_box_02 .text{width:205px; height:304px; margin:0 auto;}
.hd_lr_box_02 .name{width:210px;font-size:20px;color:#333;font-family: 'pfcg'; margin:35px auto 0; text-align:center;}
.hd_lr_box_02 .name span{font-size:24px;font-family: 'pfcg';}
.hd_lr_box_02 .name p{font-family: 'pfcg'; }
.hd_lr_box_02 .msg{width:205px;height:250px; margin:15px auto 0;font-size:16px;color:#333;font-family: 'pfcg'; line-height:30px;}
.hd_lr_box_02 .msg p{font-family: 'pfcg'; }
.hd_lr_box_02_a .swiper-button-next_s.swiper-button-disabled, .swiper-button-prev_s.swiper-button-disabled{opacity:.35; cursor:auto; pointer-events:none;}

.hd_lr_box_03_a{ position:relative;}
.hd_lr_box_03{width: 1000px;height: 337px;margin-top:50px; overflow:hidden; position:relative;}
.hd_lr_box_03_a .swiper-button-next_t,.hd_lr_box_03_a .swiper-button-prev_t{width:51px; height: 51px; top:inherit; margin-top:-200px; position:absolute;cursor:pointer;}	
.hd_lr_box_03_a .swiper-button-next_t{background: url(../images/right_btn.png) no-repeat;right:-80px;}
.hd_lr_box_03_a .swiper-button-prev_t{background: url(../images/left_btn.png) no-repeat;left:-80px;}
.hd_lr_box_03 li,.hd_lr_box_03 .swiper-slide{width:193px !important; height:337px; float:left; list-style-type:none; }
.hd_lr_box_03 li{ background-color:#f2f3f9;}
.hd_lr_box_03 .img{width:161px; height:161px; margin:23px auto 0;font-family: 'pfcg';}
.hd_lr_box_03 .text{width:178px; height:115px; margin:0 auto;color:#333;font-family: 'pfcg'; text-align:center;}
.hd_lr_box_03 .name{width:178px;font-size:24px;color:#333; margin:19px auto 0;font-family: 'pfcg';}
.hd_lr_box_03 .msg{width:178px;margin:10px auto 0;font-size:16px;font-family: 'pfcg';}
.hd_lr_box_03 .name p{font-family: 'pfcg'; }
.hd_lr_box_03 .msg_02{width:178px;font-size:16px; margin-top:10px;font-family: 'pfcg';}
.hd_lr_box_03 .msg_02 span{font-size:20px;font-family: 'Agency FB'; font-weight:bold;color:#ff5e5e;}
.hd_lr_box_03_a .swiper-button-next_t.swiper-button-disabled, .swiper-button-prev_t.swiper-button-disabled{opacity:.35; cursor:auto; pointer-events:none;}


.pos_box{width:1100px; height:484px; margin:40px auto 0; position:relative;}
.pos_box li{ list-style-type:none; width:324px; height:494px; float:left;color:#FFF;font-family: 'pfcg'; text-align:center; position:relative;}
.pos_box li .box_p_01,.pos_box li .box_p_02,.pos_box li .box_p_03{width:218px; height:494px; position:absolute; left:0; background:url(../images/pos_01.png) no-repeat; opacity:0;}
.pos_box li .box_p_02{ background:url(../images/pos_02.png) no-repeat;}
.pos_box li .box_p_03{ background:url(../images/pos_03.png) no-repeat;}
.pos_box li .box_t{width:214px; height:213px; position:absolute; right:0; top:224px; background:url(../images/msg_box.png) no-repeat; opacity:0;}
.t_left{right:13px !important;}
.pos_box li .box_t .line{width:27px; height:2px; margin:45px auto 0; background-color:#FFF;}
.pos_box li .box_t .text_01{ font-size:24px;margin:10px 0;font-family: 'pfcg';}
.pos_box li .box_t .text_02{ font-size:16px;line-height:30px;font-family: 'pfcg';}
.auto_box{ position:relative;}
.auto_box_01,.auto_box_02,.auto_box_03{width:33.333333%;position:relative; float:left; opacity:0;}

.youhui_box{width:1000px; height:477px; margin:0 auto;}
.youhui_box li{width:235px; height:433px; float:left; margin:60px 0 0 15px; background-color:#FFF; list-style-type:none;color:#333;font-family: 'pfcg'; text-align:center;}
.youhui_box li:nth-child(1){margin-left:0;}
.youhui_box li .img_01,.youhui_box li .img_02,.youhui_box li .img_03,.youhui_box li .img_04{width:134px;height:133px; margin:38px auto 0; background:url(../images/ui_bg.jpg) no-repeat;}
.youhui_box li .img_02{ background-position:-133px 0 !important;}
.youhui_box li .img_03{ background-position:-267px 0 !important;}
.youhui_box li .img_04{width:133px !important; background-position:-401px 0 !important;}
.youhui_box li .line{width:30px; height:2px; margin:23px auto 0; background-color:#ffe790;}
.youhui_box li .text_01{ font-size:20px;margin:10px 0 20px;font-family: 'pfcg';}
.youhui_box li .text_02{ font-size:16px;line-height:32px;padding-left:15px;font-family: 'pfcg';}

.jieda_box{width:1000px; height:290px; margin:0 auto;}
.jieda_box li{width:235px; height:289px; float:left; margin-left:15px; background-color:#FFF; list-style-type:none;color:#333;font-family: 'pfcg'; text-align:center;}
.jieda_box li:nth-child(1){margin-left:0;}
.jieda_box li .img_01,.jieda_box li .img_02,.jieda_box li .img_03,.jieda_box li .img_04{width:49px;height:64px; margin:60px auto 0; background:url(../images/ui_bg.jpg) -608px -64px no-repeat;}
.jieda_box li .img_02{width:55px !important; background-position:-598px 0 !important;}
.jieda_box li .img_03{width:74px !important;height:66px !important;background-position:-534px -66px !important;}
.jieda_box li .img_04{width:64px !important;height:65px !important; background-position:-534px 0 !important;}
.jieda_box li .text_01{ font-size:20px;margin:41px 0 25px;font-family: 'pfcg';}

.shouqi_box{width:500px; height:261px; margin:0 auto; padding-top:145px;}
.sqb_title{height:46px;font-family: 'pfcg'; font-size:40px; color:#FFF; text-align:center;}
.sqb_te_box{width:500px; height:153px;}
.sqb_te_left{width:239px; height:60px; margin:70px 0 0 10px;font-family: 'pfcg'; font-size:38px; color:#ffe98d;float:left;}
.sqb_te_left span{font-size:58px; font-family:Arial !important; font-weight:bold; }
.sqb_te_right{width:239px; margin:41px 0 0 5px;float:left; }
.sqb_te_right strong{font-family:Arial !important;font-weight:bold !important; font-size:96px; color:#FFF;letter-spacing:9px;letter-spacing:15px\0;}
.sqb_msg{width:255px;font-family: 'pfcg'; font-size:30px; color:#FFF; margin:20px auto 0;}

.exp3_box{width:979px; height:471px; margin:0 auto;padding-top:83px; position:relative;}
.exp3_box li{ list-style-type:none;}
.exp3_box_left{width:273px; height:471px; float:left; margin-left:7px; position:relative;}
.exp3_box_right{width:626px; height:212px; float:right; position:relative;}
.exp3_box_right_text{width:618px; height:156px;font-family: 'pfcg';color:#FFF;}
.exp3_box_right_text_title{ font-size:32px; padding-top:44px;}
.exp3_box_right_text_text{font-size:16px; line-height:32px;padding-top:12px;font-family: 'pfcg';}
.exp3_box_right_text_text p{font-family: 'pfcg';}
.exp3_box .swiper-pagination{width:634px; height:210px; position:absolute;left:0\0;margin-left:353px;bottom:0;}
.exp3_box .swiper-pagination-bullet{float: left; display: block;background: inherit;border-radius:inherit; opacity:.7 !important;}
.exp3_box .swiper-pagination-bullet-active{background: inherit;transform:scale(1) !important;transition:.5s; opacity:1 !important;}
.exp3_box .swiper-pagination span{width:110px; height: 110px;transform:scale(.8);transition:.5s; float:left; margin-left:20px;}
.exp3_box .swiper-pagination span:hover{transform:scale(1);transition:.5s;opacity:1 !important;}
.exp3_box .swiper-pagination span:nth-child(1){ background:url(../images/span_01.png) top center no-repeat;background-size: cover; margin-left:0;}
.exp3_box .swiper-pagination span:nth-child(2){ background:url(../images/span_02.png) top center no-repeat;background-size: cover;}
.exp3_box .swiper-pagination span:nth-child(3){ background:url(../images/span_03.png) top center no-repeat;background-size: cover;}
.exp3_box .swiper-pagination span:nth-child(4){ background:url(../images/span_04.png) top center no-repeat;background-size: cover;}
.exp3_box .swiper-pagination span:nth-child(5){ background:url(../images/span_05.png) top center no-repeat;background-size: cover;}
.exp3_box .swiper-pagination span:nth-child(6){ background:url(../images/span_06.png) top center no-repeat;background-size: cover; margin-left:0;}
.exp3_box .swiper-pagination span:nth-child(7){ background:url(../images/span_07.png) top center no-repeat;background-size: cover;}
.exp3_box .swiper-pagination span:nth-child(8){ background:url(../images/span_08.png) top center no-repeat;background-size: cover;}
.exp3_box .swiper-pagination span:nth-child(9){ background:url(../images/span_09.png) top center no-repeat;background-size: cover;}
.exp3_box .swiper-pagination span:nth-child(10){ background:url(../images/span_10.png) top center no-repeat;background-size: cover;}

.exp3_box .swiper-button-next{ background: url(../images/right.jpg) no-repeat;background-size: cover;}
.exp3_box .swiper-button-prev{background: url(../images/left.jpg) no-repeat;background-size: cover;}

.img_box_swp5{width:274px; height:463px; position:relative;}
.video1,.video2,.video3,.video4,.video5,.video6,.video7,.video8,.video9,.video10{ position:absolute;left:-999em;}
.video1{left:0;}

.video_1,.video_2,.video_3,.video_4,.video_x3{width:487px; height:274px; background:url(../images/v_img_01.jpg)  no-repeat; position:relative; overflow:hidden;}
.section-first{width:487px; height:274px;}
.video_2{ background:url(../images/v_img_02.jpg) no-repeat;}
.video_3{ background:url(../images/v_img_03.jpg) no-repeat;}
.video_4{ background:url(../images/v_img_04.jpg) no-repeat;}

.viado_btn{width:66px; height:66px;background:url(../images/play_black.png) no-repeat; position:absolute;top:0;left:0;bottom:0;right:0; margin:auto;z-index:2;}
.video_am_box{width:1000px; height:562px; margin:0 auto;}
.video_am_box li{ list-style-type: none;width:493px; height:274px; float:left; cursor:pointer;}
.video_am_box li:nth-child(2n){ margin-left:10px;}
.video_am_1{width:493px; height:274px; background:url(../video/pic/v_1.jpg) no-repeat;animation:video_01_am 5s step-start infinite; }
.video_am_2{width:493px; height:274px; background:url(../video/pic/v_2.jpg) no-repeat;animation:video_01_am 5s step-start infinite; }
.video_am_3{width:493px; height:274px; background:url(../video/pic/v_3.jpg) no-repeat;animation:video_01_am 5s step-start infinite; }
.video_am_4{width:493px; height:274px; background:url(../video/pic/v_4.jpg) no-repeat;animation:video_01_am 6s step-start infinite; }
.lesson_01_am{animation:lesson_01_am;animation-duration:2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;right:264px;}
.lesson_02_am{animation:lesson_02_am;animation-duration:1s; animation-delay:2.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}
.jia_am{width:17px; height:17px; background:url(../images/jia_am.jpg) no-repeat; position:absolute;right:304px;top:94px;opacity:0;
animation:lesson_03_am;animation-duration:.75s; animation-delay:2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}
.xinzdaiy_line{width:531px;height:1px; background-color:#887480; position:absolute;top:140px;}
.amxinzt_yi{width:88px; height:96px; background:url(../images/am_1pic.png) no-repeat; position:absolute;left:30px;top:76px; opacity:0;
animation:lesson_04_am;animation-duration:.75s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}
.amxinzt_er{width:95px; height:116px; background:url(../images/am_2pic.png) no-repeat; position:absolute;left:156px;top:58px;opacity:0;
animation:lesson_04_am;animation-duration:.75s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}
.amxinzt_sa{width:106px; height:157px; background:url(../images/am_3pic.png) no-repeat; position:absolute;left:278px;top:15px;opacity:0;
animation:lesson_04_am;animation-duration:.75s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}
.amxinzt_si{width:115px; height:214px; background:url(../images/am_4pic.png) no-repeat; position:absolute;left:400px;top:-41px;opacity:0;
animation:lesson_04_am;animation-duration:.75s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}

.li_01_am{animation:li_01_am;animation-duration:.75s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}
.fadein_am{animation:fadein_am;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}
.fadeinleft_am{animation:fadeinleft_am;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}

.am_ch_sheji_dian_01_01,.am_ch_sheji_dian_01_02,.am_ch_sheji_dian_01_03,
.am_ch_sheji_dian_02_01,.am_ch_sheji_dian_02_02,.am_ch_sheji_dian_02_03,.am_ch_sheji_dian_02_04,
.am_ch_sheji_dian_03_01,.am_ch_sheji_dian_03_02,.am_ch_sheji_dian_03_03,.am_ch_sheji_dian_03_04,
.am_ch_sheji_dian_04_04,
.am_ch_sheji_dian_05_01,.am_ch_sheji_dian_05_02,.am_ch_sheji_dian_05_03,.am_ch_sheji_dian_05_04,
.am_ch_sheji_dian_06_01,.am_ch_sheji_dian_06_02,.am_ch_sheji_dian_06_03,.am_ch_sheji_dian_06_04,
.am_ch_sheji_dian_07_01,.am_ch_sheji_dian_07_02,.am_ch_sheji_dian_07_03,.am_ch_sheji_dian_07_04
{width:10px; height:10px; background-color:#FFF; border-radius:5px; position:absolute; top:79px;left:54px;opacity:0;}
.am_ch_sheji_dian_01_02{ top:47px;left:106px;}
.am_ch_sheji_dian_01_03{ top:16px;left:156px;}

.am_ch_sheji_dian_02_01{ top:96px;left:51px;}
.am_ch_sheji_dian_02_02{ top:79px;left:84px;}
.am_ch_sheji_dian_02_03{ top:62px;left:125px;}
.am_ch_sheji_dian_02_04{ top:9px;left:162px;}

.am_ch_sheji_dian_03_01{ top:79px;left:54px;}
.am_ch_sheji_dian_03_02{ top:46px;left:87px;}
.am_ch_sheji_dian_03_03{ top:34px;left:130px;}
.am_ch_sheji_dian_03_04{ top:6px;left:162px;}

.am_ch_sheji_dian_04_04{ top:19px;left:165px;}

.am_ch_sheji_dian_05_01{ top:97px;left:56px;}
.am_ch_sheji_dian_05_02{ top:84px;left:85px;}
.am_ch_sheji_dian_05_03{ top:64px;left:125px;}
.am_ch_sheji_dian_05_04{ top:23px;left:160px;}

.am_ch_sheji_dian_06_01{ top:78px;left:48px;}
.am_ch_sheji_dian_06_02{ top:54px;left:87px;}
.am_ch_sheji_dian_06_03{ top:42px;left:125px;}
.am_ch_sheji_dian_06_04{ top:23px;left:162px;}

.am_ch_sheji_dian_07_01{ top:100px;left:47px;}
.am_ch_sheji_dian_07_02{ top:89px;left:87px;}
.am_ch_sheji_dian_07_03{ top:76px;left:125px;}
.am_ch_sheji_dian_07_04{ top:27px;left:162px;}




.am_ch_sheji_line_01_01,.am_ch_sheji_line_01_02,.am_ch_sheji_line_02_01,.am_ch_sheji_line_02_02,.am_ch_sheji_line_02_03,
.am_ch_sheji_line_03_01,.am_ch_sheji_line_03_02,.am_ch_sheji_line_03_03,
.am_ch_sheji_line_04_03,
.am_ch_sheji_line_05_01,.am_ch_sheji_line_05_02,.am_ch_sheji_line_05_03,
.am_ch_sheji_line_06_01,.am_ch_sheji_line_06_02,.am_ch_sheji_line_06_03,
.am_ch_sheji_line_07_01,.am_ch_sheji_line_07_02,.am_ch_sheji_line_07_03
{width:0px; height:3px; background-color:#FFF;transform:rotate(-31deg);transform-origin:0% 0%;position:absolute; top:80px;left:62px;}
.am_ch_sheji_line_01_02{top:49px;left:112px;transform:rotate(-32deg);}
.am_ch_sheji_line_02_01{top:98px;left:59px;transform:rotate(-28deg);}
.am_ch_sheji_line_02_02{top:81px;left:91px;transform:rotate(-23deg);}
.am_ch_sheji_line_02_03{top:63px;left:132px;transform:rotate(-56deg);}

.am_ch_sheji_line_03_01{top:81px;left:59px;transform:rotate(-44deg);}
.am_ch_sheji_line_03_02{top:48px;left:95px;transform:rotate(-15deg);}
.am_ch_sheji_line_03_03{top:36px;left:137px;transform:rotate(-42deg);}

.am_ch_sheji_line_04_03{top:63px;left:132px;transform:rotate(-47deg);}

.am_ch_sheji_line_05_01{top:101px;left:59px;transform:rotate(-25deg);}
.am_ch_sheji_line_05_02{top:85px;left:93px;transform:rotate(-26deg);}
.am_ch_sheji_line_05_03{top:66px;left:131px;transform:rotate(-50deg);}

.am_ch_sheji_line_06_01{top:81px;left:54px;transform:rotate(-33deg);}
.am_ch_sheji_line_06_02{top:55px;left:95px;transform:rotate(-15deg);}
.am_ch_sheji_line_06_03{top:43px;left:133px;transform:rotate(-26deg);}

.am_ch_sheji_line_07_01{top:102px;left:53px;transform:rotate(-15deg);}
.am_ch_sheji_line_07_02{top:91px;left:95px;transform:rotate(-19deg);}
.am_ch_sheji_line_07_03{top:78px;left:131px;transform:rotate(-53deg);}





.ui_chart_am_line_01_01{animation:ui_chart_am_line_01_01 .5s linear forwards;}
.ui_chart_am_line_02_01{animation:ui_chart_am_line_02_01 .5s linear forwards;}
.ui_chart_am_line_02_02{animation:ui_chart_am_line_02_02 .5s linear forwards;}
.ui_chart_am_line_02_03{animation:ui_chart_am_line_02_03 .5s linear forwards;}

.ui_chart_am_line_03_01{animation:ui_chart_am_line_03_01 .5s linear forwards;}
.ui_chart_am_line_03_02{animation:ui_chart_am_line_02_02 .5s linear forwards;}
.ui_chart_am_line_03_03{animation:ui_chart_am_line_03_03 .5s linear forwards;}

.ui_chart_am_line_04_03{animation:ui_chart_am_line_04_03 .5s linear forwards;}

.ui_chart_am_line_05_01{animation:ui_chart_am_line_02_01 .5s linear .4s forwards;}
.ui_chart_am_line_05_02{animation:ui_chart_am_line_02_02 .5s linear .9s forwards;}
.ui_chart_am_line_05_03{animation:ui_chart_am_line_04_03 .5s linear 1.4s forwards;}

.ui_chart_am_line_06_01{animation:ui_chart_am_line_03_01 .5s linear .4s forwards;}
.ui_chart_am_line_06_02{animation:ui_chart_am_line_02_02 .5s linear .9s forwards;}
.ui_chart_am_line_06_03{animation:ui_chart_am_line_03_03 .5s linear 1.4s forwards;}

.ui_chart_am_line_07_01{animation:ui_chart_am_line_02_02 .5s linear .4s forwards;}
.ui_chart_am_line_07_02{animation:ui_chart_am_line_02_02 .5s linear .9s forwards;}
.ui_chart_am_line_07_03{animation:ui_chart_am_line_02_03 .5s linear 1.4s forwards;}




.ui_chart_am_dian{animation:alf_am .3s linear forwards;}

.ui_chart_am_dian_05_01{animation:alf_am .3s linear .3s forwards;}
.ui_chart_am_dian_05_02{animation:alf_am .3s linear .8s forwards;}
.ui_chart_am_dian_05_03{animation:alf_am .3s linear 1.3s forwards;}
.ui_chart_am_dian_05_04{animation:alf_am .3s linear 1.8s forwards;}


@keyframes ui_chart_am_line_01_01 {0% {width:0;}100% {width:52px;}}
@keyframes ui_chart_am_line_02_01 {0% {width:0;}100% {width:30px;}}
@keyframes ui_chart_am_line_02_02 {0% {width:0;}100% {width:37px;}}
@keyframes ui_chart_am_line_02_03 {0% {width:0;}100% {width:56px;}}

@keyframes ui_chart_am_line_03_01 {0% {width:0;}100% {width:41px;}}
@keyframes ui_chart_am_line_03_03 {0% {width:0;}100% {width:35px;}}

@keyframes ui_chart_am_line_04_03 {0% {width:0;}100% {width:50px;}}


@keyframes lesson_01_am {
	 0 { transform:scale(0);}
	 30%,40%,50%,60% {transform:scale(1.2,1.2);right:264px;}
	 100%{ right:0; opacity:1;}
	}

@keyframes lesson_02_am {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity:1;
	}
}

@keyframes lesson_03_am {
	0%,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes lesson_04_am {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}



@keyframes li_01_am {
	0%,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1.03)
	}
}


@keyframes video_01_am {
  0 {background-position:0 0;}
  5% {background-position:0 -274px;}
  10% {background-position:0 -548px;}
  15% {background-position:0 -822px;}
  20% {background-position:0 -1096px;}
  25% {background-position:0 -1370px;}
  30% {background-position:0 -1644px);}
  35% {background-position:0 -1918px;}
  40% {background-position:0 -2192px;}
  45% {background-position:0 -2466px;}
  50% {background-position:0 -2740px;}
  55% {background-position:0 -3014px;}
  60% {background-position:0 -3288px;}
  65% {background-position:0 -3562px;}
  70% {background-position:0 -3836px;}
  75% {background-position:0 -4110px;}
  80% {background-position:0 -4384px;}
  85% {background-position:0 -4658px;}
  90% {background-position:0 -4932px;}
  95% {background-position:0 -5206px;}
  to {background-position:0 0;}
}

@keyframes fadein_am{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}


@keyframes fadeinleft_am {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes alf_am {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1
	}
}



.wrapper{background: #e2e2e2;height: 43px;overflow: hidden;margin-top: 56px;}
.wrap-top{width: 1052px;margin: 0 auto;zoom:1;}
.wrap-top .fl{float: left;}
.wrap-top .logo{margin-top: 40px;}
.wrap-top .logo span{font-size: 18px;line-height: 30px;padding-left: 20px;}
.wrap-top #new-head{padding-left: 50px;overflow: visible;}
.wrap-top #new-head li{float:left;position: relative;z-index: 100;width: 107px;text-align: center;line-height: 43px; }
.wrapper #new-head  a{display: inline-block;font-size: 14px;color: #585858;font-weight: normal;text-transform: capitalize;}
.wrapper #new-head .active{background:#e94058;text-align: center;width: 107px;}
.wrapper #new-head .active a{color: #fff !important;}
.suspend{position:fixed;top:20%;left:0;z-index:99;cursor:pointer}

/*20181016 hc add 加入部分内容*/
.text_box2{width:1020px; height:135px;padding:100px 0 60px 0; margin:0 auto; position:relative;}
.line_add1{height:2293px; background-color:#f2ecfd;}
.add_box1{width:1000px;height:437px; background:url(../images/ad1.jpg) no-repeat; margin:58px auto 0;}
.ulx1{width:1000px; height:1325px; margin:0 auto;}
.ulx1 li{width:998px; height:310px; margin:54px auto 0; background-color:#FFF;transition: all 0.2s linear 0s;}
.ulx1 li:hover{box-shadow:0 5px 10px rgba(187, 187, 187, 0.3); transform: translate3d(5px, -5px, 0px);}
.ix1{width:502px; height:310px; float:left;}
.bx1{width:430px; height:276px; float:left; margin:30px 0 0 30px; position:relative;}
.add_line{width:69px; height:2px; background-color:#f96fa4; position:absolute;left:-50px;}
.title_add1{font-size:24px; color:#333;padding-top:14px;}
.cov_add1{font-size:16px;color:#333; line-height:30px;}
.cov_add1 span{font-weight:bold;}
.cov_add1 p{padding-top:10px;}
.other_li{height:323px !important;}
























