*{ margin:0; padding:0;}
body{ overflow-x:hidden; font-family:"微软雅黑"; font-size:12px;}
ul,li,ol{ list-style:none;}
a{ text-decoration:none;}
.clear{ width:100%; height:1px; clear:both;}
img{ border:none;}
@font-face{ src:url(../font/FOP.TTF); font-family:FOP;}


/*section*/
.section{ width:100%; height:100%;}


/*nav*/
#menu{ position:fixed; left:40px; top:calc((100% - 350px) / 2); width:40px; z-index:19999999;}
#menu li{ float:left; width:40px; height:40px; margin:5px 0px; background:url(../img/nav_bg.png) center center no-repeat;}
#menu li a{ display:block; width:40px; height:40px; line-height:38px; font-size:16px; color:#FFF; text-align:center;}
#menu li.active{ background:url(../img/nav_bg_hover.png) center center no-repeat !important;}


/*sect_bg*/
.sect_bg{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:-999;}


/*lanmu*/
.lanmu{ position:relative; top:50px; width:100%; height:162px; transition:all 0.5s; opacity:0;}/* opacity:0;*/
.lanmu div{ float:left; width:100%; height:60px; line-height:60px; text-align:center; font-size:60px; color:#FFF; font-family:FOP; padding-top:60px; text-shadow:3px 3px 20px rgba(12,90,228,0.3);}
.lanmu span{ float:left; width:100%; height:22px; line-height:22px; text-align:center; font-size:22px; color:#FFF; padding-top:20px; text-shadow:3px 3px 20px rgba(12,90,228,0.3); text-transform:uppercase;}
.active .lanmu{ opacity:1; transition-delay:1s; top:20px;}


/*sect1*/
.sect1{ width:100%; height:100%; overflow:hidden;}
.sect1_cen{ width:1200px; height:100%; margin:0 auto; overflow:hidden;}

.sect1_cen_top{ width:100%; height:90px; background:#FFF;}
.sect1_cen_top_logo{ float:left; width:226px; height:90px; background:url(../img/logo.png) right center no-repeat;}
.sect1_cen_top_fr{ float:right; height:90px;}
.sect1_cen_top_fr span{ float:left; height:90px; line-height:90px; margin-right:30px; margin-top:-40px; opacity:0;}
.sect1_cen_top_fr span a{ font-size:20px; color:#888;}

.sect1_top{ float:left; width:1140px; margin-top:10%; margin-left:60px;}
.sect1_top div{  float:left; width:100%; height:54px; line-height:54px; font-size:45px; color:#FFF; font-family:FOP; font-weight:bold;}
.sect1_top span{ float:left; width:100%; height:60px; line-height:60px; font-size:55px; color:#FFF; font-family:FOP; margin-top:40px;}
.sect1_top font{ float:left; width:100%; height:30px; line-height:30px; font-size:24px; color:#FFF; font-family:FOP; margin-top:20px;}

.sect1_bot{ position:absolute; bottom:40px; width:1200px;}
.sect1_bot>div{ float:left; width:200px; height:160px; margin:0px 20px;}
.sect1_bot>div span{ float:left; width:200px; height:30px; line-height:30px; text-align:center; font-size:22px; color:#FFF; margin-top:70px;}
.sect1_bot>div div{  float:left; width:200px; height:60px; line-height:30px; text-align:center; font-size:16px; color:#FFF;}

.sect1_bot_1{ background:url(../img/sect1_bot1.png) top center no-repeat;}
.sect1_bot_2{ background:url(../img/sect1_bot2.png) top center no-repeat;}
.sect1_bot_3{ background:url(../img/sect1_bot3.png) top center no-repeat;}
.sect1_bot_4{ background:url(../img/sect1_bot4.png) top center no-repeat;}
.sect1_bot_5{ background:url(../img/sect1_bot5.png) top center no-repeat;}


/*sect2*/
.sect2{ width:100%; height:100%; overflow:hidden;}
.sect2_cen{ width:1200px; height:100%; margin:0 auto; overflow:hidden;}

.sect2_fw{ float:left; width:1200px; height:calc(100% - 162px);}
.sect2_fw>div{ float:left; width:300px; height:160px; margin:0px 50px; border-radius:14px; margin-top:70px; background:rgba(225,32,24,0);}
.sect2_fw>div div{ float:left; width:100px; height:100px; margin:30px; overflow:hidden;}
.sect2_fw>div div img{ position:absolute; width:100px; height:100px;}
.sect2_fw_divimg1{ opacity:1;}
.sect2_fw_divimg2{ opacity:0;}

.sect2_fw>div span{ float:right; width:140px; height:100px; line-height:100px; padding-top:30px; font-size:16px; color:#FFF;}
.sect2_fw>div font{ opacity:0; position:absolute; width:125px; height:30px; margin-top:120px; background:url(../img/acw.png) right center no-repeat;}

.sect2_fw>a{ float:left; width:300px; height:160px; margin:0px 50px; border-radius:14px; margin-top:70px; background:rgba(225,32,24,0);}
.sect2_fw>a div{ float:left; width:100px; height:100px; margin:30px; overflow:hidden;}
.sect2_fw>a div img{ position:absolute; width:100px; height:100px;}
.sect2_fw_divimg1{ opacity:1;}
.sect2_fw_divimg2{ opacity:0;}

.sect2_fw>a span{ float:right; width:140px; height:100px; line-height:100px; padding-top:30px; font-size:16px; color:#FFF;}
.sect2_fw>a font{ opacity:0; position:absolute; width:125px; height:30px; margin-top:120px; background:url(../img/acw.png) right center no-repeat;}



/*sect3*/
.sect3{ width:100%; height:100%; overflow:hidden;}
.sect3_cen{ width:1200px; height:100%; margin:0 auto; overflow:hidden;}

.sect3_cen_c{ float:left; width:1160px; height:350px; margin-left:20px; margin-top:150px;}
.sect3_cen_c>div{ float:left; width:220px; height:350px; overflow:hidden; border-radius:10px; display:inline-block; margin:0px 6px;}

.sect3_cen_ch{  float:left; width:220px; height:150px;}
.sect3_cen_ch div{ float:left; width:150px; height:150px; border-radius:50%; margin-left:35px;}

.sect3_cen_c>div>span{ float:left; width:220px; height:60px; line-height:60px; text-align:center; font-size:28px; color:#FFF;}

.sect3_cen_chfont{ float:left; width:180px; height:0px; margin-top:-60px; background:#e9e8ea; overflow:hidden; padding:0px 20px;} 
.sect3_cen_chfont>div{ float:left; width:100%; height:60px; line-height:60px; text-align:center; font-size:28px; color:#333;}
.sect3_cen_chfont>span{  float:left; width:100%; height:120px; line-height:24px; font-size:13px; color:#666;}

.sect3_cen_c_1_img{ background:url(../img/sect31.png) center center no-repeat #3863ca;}
.sect3_cen_c_2_img{ background:url(../img/sect32.png) center center no-repeat #2ab2a8;}
.sect3_cen_c_3_img{ background:url(../img/sect33.png) center center no-repeat #dd557b;}
.sect3_cen_c_4_img{ background:url(../img/sect34.png) center center no-repeat #7766dc;}
.sect3_cen_c_5_img{ background:url(../img/sect35.png) center center no-repeat #e1ac37;}


/*sect4*/
.sect4{ width:100%; height:100%; overflow:hidden;}
.sect4_cen{ width:1200px; height:100%; margin:0 auto; overflow:hidden;}

.sect4_cen_bot{ float:left; width:930px; margin-left:135px; margin-top:110px;}

.sect4_cen_botc{ float:left; width:210px; margin:0px 50px;}
.sect4_cen_botc_div{ float:left; width:202px; height:202px; border-radius:30%; border:4px solid rgba(255,255,255,0.9); overflow:hidden;}
.sect4_cen_botc_div>div{ float:left; width:202px; height:202px;}
.sect4_cen_botc_div_1{ width:100%; height:100%; background:url(../img/sect41.png) center center no-repeat;}
.sect4_cen_botc_div_2{ width:100%; height:100%; background:url(../img/sect42.png) center center no-repeat;}
.sect4_cen_botc_div_3{ width:100%; height:100%; background:url(../img/sect43.png) center center no-repeat;}

.sect4_cen_botc>span{ float:left; width:210px; height:30px; line-height:30px; text-align:center; font-size:24px; color:#FFF; margin-top:30px;}
.sect4_cen_botc>font{ float:left; width:210px; height:60px; line-height:20px; text-align:center; font-size:14px; color:#FFF; margin-top:20px;}


/*sect5*/
.sect5{ width:100%; height:100%; overflow:hidden;}
.sect5_cen{ width:1200px; height:100%; margin:0 auto; overflow:hidden;}

.sect5_cen_bot{ float:left; width:1200px; margin-top:100px;}

.sect5_cen_bot_div{ float:left; width:480px; height:380px; background:#FFF; border-radius:11px; overflow:hidden; margin:0px 60px;}

.sect5_cen_bot_div_img{ float:left; width:480px; height:320px; box-shadow:2px 2px 3px #8c8c8c; border-radius:11px; overflow:hidden !important; display:block;}
.sect5_cen_bot_div_img_img{ width:480px; height:320px;}
.WAP_z_erwiema{ float:left; width:104px; height:104px; margin-top:0px; margin-left:350px; position:relative; z-index:9999; background:url(../img/shouji.png) no-repeat; padding-top:29px; padding-left:14px; padding-right:7px;}
.WAP_z_erwiema img{ width:104px; height:104px;}

.sect5_cen_bot_div_tit{ float:left; width:480px; height:60px;}
.sect5_cen_bot_div_tit div{  float:left; width:340px; height:60px; line-height:60px; padding:0px 10px; font-size:18px; color:#333; overflow:hidden;}
.sect5_cen_bot_div_tit span{ float:right; height:60px; padding:0px 15px;}
.sect5_cen_bot_div_tit span a{ float:left; width:30px; height:60px; display:block; margin-left:10px;}

.PC_z { background:url(../img/PCz.png) center center no-repeat;}
.WAP_z{ background:url(../img/WAPz.png) center center no-repeat;}


.add{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.add2{ -webkit-transform: scale(1);	-moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.addw{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.addw2{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


/*sect6*/
.sect6{ width:100%; height:100%; overflow:hidden;}
.sect6_cen{ width:1200px; height:100%; margin:0 auto; overflow:hidden;}

.sect6_cen_bot{ float:left; width:1200px; margin-top:60px;}

.sect6_cen_bot_a{ float:left; width:560px; height:120px; background:#FFF; border-radius:15px; margin:20px;}
.sect6_cen_bot_a_data{ float:left; width:122px; height:50px; margin-top:35px; margin-left:30px; border-right:1px solid #999;}
.sect6_cen_bot_a_data div { float:left; width:66px; height:50px; line-height:50px; font-size:50px; color:#666;}
.sect6_cen_bot_a_data span{ float:left; width:56px; height:25px; line-height:25px; font-size:17px; color:#666;}
.sect6_cen_bot_a_data font{ float:left; width:56px; height:25px; line-height:25px; font-size:17px; color:#666;}

.sect6_cen_bot_a_tit{ float:left; width:365px; height:66px; margin-left:20px; margin-top:27px;}
.sect6_cen_bot_a_tit div { float:left; width:365px; height:33px; line-height:33px; overflow:hidden; font-size:19px; color:#333;}
.sect6_cen_bot_a_tit span{ float:left; width:365px; height:33px; line-height:33px; overflow:hidden; font-size:16px; color:#666;}



/*sect7*/
.sect7{ width:100%; height:100%; overflow:hidden;}
.sect7_cen{ width:1200px; height:100%; margin:0 auto; overflow:hidden;}

.sect7_cen_bot{ float:left; width:1200px; margin-top:60px;}

.sect7_cen_bot_fl{ float:left; width:226px; height:330px; margin-left:128px; transition:all 0.5s; opacity:0;}
.sect7_cen_bot_fl img{ float:left; width:226px; height:226px;}
.sect7_cen_bot_fl div{ float:left; width:226px; height:58px; line-height:58px; text-align:center; color:#FFF; font-size:20px;}

.sect7_cen_bot_fr{ float:right; width:730px; height:330px; color:#FFF; line-height:40px; font-size:20px; margin-top:-30px; transition:all 0.5s; opacity:0;}
.sect7_cen_bot_fr a{ color:#FFF;}

.sect7_cen_bot_mc{ float:left; width:1200px; height:70px; clear:both; margin-top:30px}
.sect7_cen_bot_mc a{ float:left; width:160px; height:70px; line-height:70px; text-align:center; font-size:26px; color:#FFF; padding-left:50px; display:block;}
.sect7_cen_bot_mc_map{ background:url(../img/awf1.png) no-repeat; margin:0px 30px; margin-left:360px;}
.sect7_cen_bot_mc_car{ background:url(../img/awf2.png) no-repeat; margin:0px 30px;}

.sect7_cen_bot_href{ float:left; width:1200px; height:20px; margin-top:30px; text-align:center;}
.sect7_cen_bot_href div{ display:inline-block; height:20px; line-height:20px; margin-left:15px; color:#fefefe; font-size:16px;}
.sect7_cen_bot_href a  { display:inline-block; height:20px; line-height:20px; margin-left:15px; color:#fefefe; font-size:16px;}

.sect7_cen_bot_ditu{ position:absolute; opacity:0; bottom:140px; left:calc((100% - 870px) / 2); width:870px; height:430px; border:15px solid #FFF; background:#FFF;}
.sect7_cen_bot_ditu_guanbi{ position:absolute; z-index:9999; width:30px; height:30px; margin-left:894px; margin-top:-15px;}

.sect7_cen_bot_mc_bank{ position:absolute; opacity:0; bottom:140px; left:calc((100% - 620px) / 2); width:620px; height:430px; border:30px solid #FFF; background:#FFF;}
.sect7_cen_bot_mc_bank_top{ float:left; width:620px; border-bottom:1px solid #999;}
.sect7_cen_bot_mc_bank_top_div{ float:left; width:620px; height:25px; line-height:25px; font-size:24px; color:#333;}
.sect7_cen_bot_mc_bank_top_link{ float:left; width:620px; height:81px; line-height:27px; font-size:16px; color:#666; margin-top:20px; margin-bottom:20px;}

.sect7_cen_bot_mc_bank_bot{ float:left; width:620px;}
.sect7_cen_bot_mc_bank_bot_tit{ float:left; width:620px; height:25px; line-height:25px; font-size:24px; color:#333; margin-top:30px;}
.sect7_cen_bot_mc_bank_bot_zh{ float:left; width:620px;}
.sect7_cen_bot_mc_bank_bot_zh div{ float:left; width:310px; height:81px; line-height:27px; font-size:16px; color:#666; margin-top:20px;}

.sect7_cen_bot_mc_bank_guanbi{ position:absolute; z-index:9999; width:30px; height:30px; margin-left:659px; margin-top:-30px;}

.active .sect7_cen_bot_fl{ opacity:1; transition-delay:1s; margin-left:158px;}
.active .sect7_cen_bot_fr{ opacity:1; transition-delay:1s; margin-top:0px;}


/*fenye*/
.fenye{ width:1200px; margin:0 auto;}
.fenye_banner{ width:100%; clear:both;}


/*fenye_top*/
.fenye_top{ width:100%; height:90px; background:#FFF;}
.fenye_top_logo{ float:left; width:226px; height:90px; background:url(../img/logo.png) right center no-repeat;}
.fenye_top_fr{ float:right; height:90px;}
.fenye_top_fr span{ float:left; height:90px; line-height:90px; margin-right:30px; margin-top:-40px; opacity:0;}
.fenye_top_fr span a{ font-size:20px; color:#888;}
.fenye_top_fr span a:hover{ font-weight:bold; color:#e12018;}



/*fenye_anli*/
.fenye_anli{ width:1120px; margin:0 auto; padding-bottom:40px;}

.fenye_anli_div{ float:left; width:480px; height:380px; background:#FFF; border-radius:11px; overflow:hidden; margin:0px 40px; margin-top:40px; box-shadow:5px 8px 10px rgba(8,80,194,0.1);}
.fenye_anli_div_img{ float:left; width:480px; height:320px; box-shadow:2px 2px 3px #8c8c8c; border-radius:11px; overflow:hidden !important; display:block;}
.fenye_anli_div_img_img{ width:480px; height:320px;}
.WAP_z_erwiema{ float:left; width:104px; height:104px; margin-top:0px; margin-left:350px; position:relative; z-index:9999; background:url(../img/shouji.png) no-repeat; padding-top:29px; padding-left:14px; padding-right:7px;}
.WAP_z_erwiema img{ width:104px; height:104px;}

.fenye_anli_div_tit{ float:left; width:480px; height:60px;}
.fenye_anli_div_tit div{  float:left; width:340px; height:60px; line-height:60px; padding:0px 10px; font-size:18px; color:#333; overflow:hidden;}
.fenye_anli_div_tit span{ float:right; height:60px; padding:0px 15px;}
.fenye_anli_div_tit span a{ float:left; width:30px; height:60px; display:block; margin-left:10px;}

.PC_z { background:url(../img/PCz.png) center center no-repeat;}
.WAP_z{ background:url(../img/WAPz.png) center center no-repeat;}


.add{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.add2{ -webkit-transform: scale(1);	-moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.addw{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.addw2{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}



/*fenye_foot*/
.fenye_foot{ width:100%;}

.fenye_foot_top{ width:100%; padding:45px 0px; background:#222;}
.fenye_foot_top_cen{ width:1200px; margin:0 auto;}

.fenye_foot_top_cen_fl{ float:left; width:624px; border-right:1px solid #a3a3a3;}
.fenye_foot_top_cen_fl_div{ float:left; width:136px; padding-left:20px;}
.fenye_foot_top_cen_fl_div div{ float:left; width:100%; height:30px; line-height:20px; font-size:18px; color:#FFF; font-weight:bold;}
.fenye_foot_top_cen_fl_div a{   float:left; width:100%; height:16px; line-height:16px; font-size:12px; color:#666; margin-top:10px;}

.fenye_foot_top_cen_fr{ float:left; width:575px;}
.fenye_foot_top_cen_fr_fl{ float:left; width:144px; padding-left:54px;}
.fenye_foot_top_cen_fr_fl img{ float:right; width:144px;}
.fenye_foot_top_cen_fr_fl div{ float:right; width:144px; height:40px; line-height:40px; font-size:15px; color:#666; text-align:center;}
.fenye_foot_top_cen_fr_fr{ float:right; width:332px; line-height:24px; font-size:14px; color:#666;}

.fenye_foot_bot{ width:100%; background:#222;}
.fenye_foot_bot_cen{ width:1200px; margin:0 auto;}
.fenye_foot_bot_cen_fl{ float:left; width:1080px;}
.fenye_foot_bot_cen_fl_top{ float:left; width:100%; height:52px; border-bottom:1px solid #666;}
.fenye_foot_bot_cen_fl_top div{ float:left; height:52px; line-height:52px; font-size:16px; color:#666;}
.fenye_foot_bot_cen_fl_top a{   float:left; height:52px; line-height:52px; font-size:16px; color:#666; margin-left:15px;}
.fenye_foot_bot_cen_fl_bot{ float:left; width:100%; height:44px; line-height:44px; font-size:12px; color:#666;}
.fenye_foot_bot_cen_fl_bot div{ float:left; height:44px; padding-right:10px;}
.fenye_foot_bot_cen_fl_bot div img{ float:left; margin-top:11px;}
.fenye_foot_bot_cen_fl_bot span{ float:left; height:44px; color:#666;}
.fenye_foot_bot_cen_fl_bot a{ float:right; height:44px; color:#666;}

.fenye_foot_bot_cen_fr{ float:right; width:120px; text-align:center;}
.fenye_foot_bot_cen_fr img{ margin-top:14px;}



/*fenye_list*/
.fenye_list{ float:left; width:1200px; padding:20px 0px;}
.fenye_list_a{ float:left; width:560px; height:120px; background:#FFF; border-radius:15px; margin:20px;}
.fenye_list_a_data{ float:left; width:122px; height:50px; margin-top:35px; margin-left:30px; border-right:1px solid #999;}
.fenye_list_a_data div { float:left; width:66px; height:50px; line-height:50px; font-size:50px; color:#666;}
.fenye_list_a_data span{ float:left; width:56px; height:25px; line-height:25px; font-size:17px; color:#666;}
.fenye_list_a_data font{ float:left; width:56px; height:25px; line-height:25px; font-size:17px; color:#666;}

.fenye_list_a_tit{ float:left; width:365px; height:66px; margin-left:20px; margin-top:27px;}
.fenye_list_a_tit div { float:left; width:365px; height:33px; line-height:33px; overflow:hidden; font-size:19px; color:#333;}
.fenye_list_a_tit span{ float:left; width:365px; height:33px; line-height:33px; overflow:hidden; font-size:16px; color:#666;}



/*pages*/
.pages { float:left; position:relative; left:50%; font-family:"微软雅黑"; font-size:14px; color:#333; padding:30px 0px;}
.pages ul{ position:relative; left:-50%;}
.pages ul li { float:left; height:34px; line-height:34px; border:1px solid #133972; text-align:center; margin-left:6px;}
.pages ul li a { display:block; color:#666; padding:0px 15px;}
.pages ul .c { background:#37496F; padding:0px 15px; border:1px solid #37496F; background:#37496F; color:#FFF; height:34px; line-height:34px;}



/*list_body_img*/
.list_body_img{ position:relative; width:1920px; left:50%; margin-left:-960px;}
.list_body_img>img{ float:left; width:1920px;}

.list_body_img_jiaohuan{ width:100%; background:#FFF; clear:both;}
.list_body_img_jiaohuan_tit{ width:100%; height:30px; line-height:30px; text-align:center; font-size:30px; color:#333; padding-top:48px;}

.list_body_img_jiaohuan_c{ width:100%; height:42px; text-align:center; padding-bottom:30px; padding-top:22px;}
.list_body_img_jiaohuan_c div{ height:40px; line-height:40px; font-size:22px; text-align:center; display:inline-block; margin:0px 25px;}
.list_body_img_jiaohuan_c:hover{ cursor:pointer;}
.list_body_img_jiaohuan_c_div{ border-bottom:2px solid #e12018; color:#e12018 !important;}

.list_body_img_jiaohuan_b{ position:relative; width:922px; left:50%; margin-left:-461px; padding-bottom:20px;}
.list_body_img_jiaohuan_b img{ float:left; width:922px; display:none;}


.fenyepo{ width:710px; margin:0 auto; padding-bottom:30px;}
.fenyepo_top{ float:left; width:710px; height:60px; line-height:70px; font-size:16px; color:#333; text-align:right;}
.fenyepo_top a{ color:#333;}
.fenyepo_bot{ float:left; width:710px;}
.fenyepo_bot_body{ float:left; width:710px; font-size:14px; line-height:35px !important; color:#333;}
.fenyepo_bot_body img{ max-width:690px; margin:0px 10px;}
.fenyepo_bot_body *{ font-size:16px; color:#333;}



/*fenye_erji*/
.fenye_erji{ width:100%; height:32px; text-align:center; margin-top:30px; clear:both;}
.fenye_erji a{ padding:0px 20px; height:30px; line-height:30px; font-size:16px; color:#37496F; margin:0px 5px; border:1px solid #37496F; display:inline-block;}
.fenye_erji_div{ background:#37496F; color:#FFF !important;}



/*fenyere_body*/
.fenyere_body{ width:1000px; margin:30px auto; clear:both; font-size:14px; line-height:35px !important; color:#333;}
.fenyere_body img{ max-width:1000px; margin:0px auto; display:block;}
.fenyere_body *{ font-size:16px; color:#333;}












