@charset "utf-8";
/*首页*/
.i_logo{ width: 160px; margin: 0px auto; text-align: center;}
.i_logo img{ max-width: 100%;}
.i_top{ width: 1200px; margin: 0px auto; padding: 10px 0; position: relative;;}
.banner{ width: 100%; height: 600px;} 
.banner .swiper-pagination-bullet{ width: 40px; height: 4px; border-radius: 0px; background: #fff; opacity: 1;}
.banner .swiper-pagination-bullet-active{ background: #987ade;}
.banner .swiper-button-next, .banner .swiper-button-prev{ display: none; outline: none; width: 55px; height: 110px; top: 42%;}
.banner .swiper-button-next{ background-image: url(ban_right.png); right: 14%;}
.banner .swiper-button-prev{ background-image: url(ban_left.png); left: 14%;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{display: block;}
.banner a{ display: block; width: 100%; height: 100%; background: center top no-repeat; } 
.banner .ban_img_01 { background-image: url(banner01.jpg);}
.banner .ban_img_02 { background-image: url(banner02.jpg);} 
.bg01{ background: url(bg01.jpg) center top no-repeat; width: 100%; height: 650px;;}
.bg02{ background: url(bg02.jpg) center top no-repeat; width: 100%; height: 599px; }
.bg03{ background: url(bg03.jpg) center top no-repeat; width: 100%; height: 900px; }
.bg04{ background: url(bg04.jpg) center top no-repeat; width: 100%; height: 226px; }
.bg02 img{ position: absolute;left: 0px; top: -50px;}
.bg02 p{ color: #fff; font-size: 16px; padding: 340px 220px 0 220px; line-height: 30px ;}
.i_qiye img{  float: right; margin-top: -50px; }
.i_qiye p{ color: #333; font-size: 18px; padding: 190px  0px 0 0px; width: 550px; float: left; line-height: 30px ;}
.i_qiye h2{ background: #987ade; font-size: 30px; width: 260px; height: 60px; font-weight: normal; color: #fff; line-height: 60px; text-align: center; position: absolute; left: 400px; top: 100px;}

.i_nav{ width: 100%; background:rgba(152,122,222,.8); height: 80px;   position: absolute;  z-index: 10;  left: 0px; top: 0px;;}
.i_nav_a{ width: 1000px; float: left; }
.i_nav_a ul li{ width: 20%; float: left; text-align: center;}
.i_nav_a ul li a{ font-size: 18px; color: #fff; line-height: 80px; display: block;}
.i_nav_a ul li a:hover{ background: #fff; color: #987ade;}
.i_nav_a .active a{ color: #e4a84b;}
.i_nav b{ width: 100%; background: url(i_nav_bg.png) center top repeat-x; height: 12px; display: block; position: absolute; left: 0px; top: 80px;}
.i_tel{float: left;width: 200px;height: 70px;background: #e4a84b ;}
.i_tel img{float: left;padding: 14px 0 0 8px;}
.i_tel p{color: #fff;font-size: 12px;padding: 10px 0 0 7px;display: block;float: left;}
.i_tel p span{font-size: 21px;line-height: 19px;color: #fff;}

.i_team_t{ width: 100%; text-align: center;}
.i_team_t h2{ color: #fff; font-size: 30px; font-weight: normal; line-height: 50px; padding: 40px 0 0 0;}
.i_team_t p{ font-size: 16px; color: #fff; line-height: 30px; padding: 20px 150px;}
.i_team{ width: 100%;}
.i_team ul li{ width: 20%; float: left; text-align: center;}
.i_team p{ color: #fff; font-size: 18px; padding: 10px 0  ; line-height: 24px;;}
.i_team span{ font-size: 14px;}
.i_team b{background: #000; display: block; width: 194px; height: 300px; margin: 0px auto; }
.i_team img{ opacity: 0.4; transition: all .5s ease; }
.i_team ul li:hover img{ opacity: 1;}
.i_zixun{ width: 100%; text-align: center;}
.i_zixun a{ color: #fff; position: relative; border-radius: 20px; border: 1px solid #fff; font-size: 22px; line-height: 40px; padding: 0 50px; display: inline-block;}
.i_zixun a:hover{ background: #fff; color: #987ade;}
.i_zixun a.a1{ border-color: #9c7fdf; background: #9c7fdf; color: #fff;}
/*.i_zixun img{ position: absolute; left: -26px; bottom:  -1px; width: 240px;  visibility: hidden; transform:scale(0);-webkit-transform:scale(0);transition:all ease .3s;-webkit-transition:all ease .3s;transform-origin:right bottom;-webkit-transform-origin:right bottom;}
.i_zixun a:hover img{  visibility: visible;transform:scale(1);-webkit-transform:scale(1);}*/
.i_v_img{ width: 100%; padding: 20px 0 0 0 ;}
.i_v_img ul li { width: 33.3%; padding: 15px 0; float: left; text-align: center;}
.i_rongyu{ width: 90%; margin: 0 auto;}
.i_rongyu ul li{ width: 180px; padding: 35px 0 0 0; float: left; text-align: center;}
.i_rongyu  img{transition: all .5s ease;}
.i_rongyu span{ color: #fff; font-size: 16px; padding: 20px 0 0 0; line-height:26px; display: block; }
.i_rongyu ul li:hover img{ padding-top: 14px; }
.i_video{ width: 800px; height: auto;  background: #333;  position: absolute; left:50%; margin-left: -400px; top: 20%; z-index: 99;}
.i_video .a_close{ position: absolute; right: 10px; top: 10px; height: 40px; width: 40px; line-height: 40px; border-radius:50% ; text-align: center; background:rgba(0,0,0,0.6); color: #fff; font-size: 34px; ;}

.bm_t{ width: 100%; text-align: center;}
.bm_t h2{ color: #987ade; font-size: 26px; line-height: 40px; font-weight: normal; padding:100px 0 50px 0;}
.baoming{ width: 800px; margin: 0px auto; padding:  5px 0px 0px 0px;}
.baoming ul li{height: 50px; float: left; width: 32%; padding: 0 1% 0 0; position: relative; display: flex;    align-items: flex-start; justify-content: flex-start}
.baoming input,.baoming select{width: 115px; padding-left: 10px; height: 32px;line-height: 32px;float: left;border: 1px solid #ccc;background: #fff; outline: none;}
.baoming strong{ font-size: 16px; line-height: 34px; font-weight: normal;}
.baoming ul li b{ position: absolute; right: 68px; top:6px; color: #999; font-size: 16px; }
.baoming .b1{ right: 40px;}
.baoming .b2{right: 97px;} 
.baoming .b3{right: 97px;}  
.baoming .li01{ width: 100%; height: 74px; display: block;}
.baoming .li01 strong{ padding-right: 20px;}
.baoming .li01 span{ display: inline-block; cursor: pointer; background: url(i_icon_sel.png) 5px 4px no-repeat; padding: 0 34px 0 26px; font-size: 16px; ;}
.baoming .li01 .sel{ background-position: 3px -22px;}
.baoming .li02{ width:55%;}
.baoming .li02 input{ width: 200px;}
.baoming .li03{ width:40%;}
.baoming .li03 input{ width: 200px;}
.baoming .sub{ width: 100%; padding:10px 0 0 0; display: block;  text-align: center;}
.baoming .sub input{outline: none; background: #987ade ; float: none; border: none;   width:200px; padding: 0px;height: 34px;line-height: 34px;   font-size: 18px; cursor: pointer;  color: #fff; }
.baoming .sub input:hover{ background: #e50112 }
.bm_succ{ width: 100%; display: none;}
.bm_succ_t{text-align: center;width: 100%;}
.bm_succ_t b{font-size: 38px;display: block;padding: 20px 0 0 0;}
.bm_succ_t img{display: inline;}
.bm_succ_t p{color: #27cf06;padding: 8px 0 0 0;font-size: 30px;line-height: 50px;}
 
.cp_bg01{ background: url(cp_bg01.jpg) center top no-repeat; width: 100%; height: 1028px;;}
.cp_bg02{ background: url(cp_bg02.jpg) center top no-repeat; width: 100%; height: 1002px;;}
.cp_bg01 .i_zixun{ padding: 600px  0 0 227px; width: auto; text-align: left;}
.cp_p{ width: 1140px; margin: 0px auto;}
.cp_p ul li{ width: 50%; float: left; text-align: center;}
.cp_p ul li h2{ line-height: 40px; padding: 60px 0 20px 0; color: #fff; font-size:34px; font-weight: normal;}
.cp_p ul li p{ font-size: 16px; color: #fff; padding: 10px 40px; line-height: 30px;}
.cp_p2_t{ width: 100%; text-align: center; padding: 30px 0;}
.cp_p2_t h2{color: #9c7fdf; font-size: 40px; font-weight: normal; line-height: 50px;}
.cp_p2{ width: 90%; margin: 0px auto;}
.cp_p2 ul li{ width: 50%; float: left; height: 380px; text-align: center; padding: 20px 0 0 0;}
.cp_p2 img{ transition: all .5s ease; padding-bottom: 20px;}
.cp_p2 ul li h2{ line-height: 40px; color: #9c7fdf; font-size:26px; font-weight: normal;}
.cp_p2 ul li p{ font-size: 16px; color: #333; padding: 10px 60px; line-height: 30px;}
.cp_p2 ul li:hover img{ padding: 20px 0 0 0;}
.cp_bg03{ background: url(cp_img05.jpg) center top no-repeat; width: 1000px; margin: 0px auto; position: relative; height: 430px;}
.cp_bg03 .i_zixun{ position: absolute; right: 130px; bottom:60px; width: auto;}


.banner_sec{ width: 100%; background: center top no-repeat; height:600px ; }
.ban_anli{background-image: url(ban_anli.jpg);}
.ban_team{background-image: url(banner02.jpg);}
.banner_sec a{ display: block; width: 100%; height: 100%;}
.team_t{ width: 100%; text-align: center;}
.team_t h2{ font-size: 30px; line-height: 40px; color: #9c7fdf; font-weight: normal;  padding: 20px 0 10px 0;}
.team_t span{ font-size: 18px; padding: 10px 0;}
.team_t p{ font-size: 16px; padding: 30px 100px; line-height: 32px;}
.team_p{ width: 100%;;}
.team_p ul li{ width: 550px; padding: 20px 20px;   float: left;}
.team_img{ width: 194px; float: left; background: #333;;}
.team_img img{ opacity: .4;transition: all .5s ease;}
.team_r{ padding: 0px 20px 0 20px; width: 316px; height: 300px; float: left; background: #9c7fdf;}
.team_r h2{ padding: 30px 0 10px 0 ; font-size: 26px; font-weight: normal; color: #fff;;}
.team_r span{ color: #fff; font-size: 18px;;}
.team_r p{ font-size: 14px; padding: 20px 0 0 0; color: #fff;}
.team_p ul li:hover img{ opacity: 1;}

.a_bg01{ width: 100%; background: url(a_bg01.jpg) center top no-repeat; height: 640px;;}
.a_bg01 h2{ font-size: 24px; font-weight: normal; color: #fff; padding: 180px 0 30px 40px;}
.a_bg01 p{ font-size: 16px; color: #fff; line-height: 30px; padding: 10px 0  0px 40px; width: 500px;}
.a_bg02{ width: 100%; background: url(a_bg02.jpg) center top no-repeat; height: 900px;;}
.a_bg02 h2{ font-size: 24px; font-weight: normal; text-align: center; color: #fff; padding: 40px 0 30px  0px;}
.a_youshi{ width: 1110px; margin: 0px auto;}
.a_youshi ul li{ width: 350px; overflow: hidden; padding: 0 10px; float: left;}
.a_ys_p{ background: rgba(163,184,262,.7); width: 100%; height: 350px;;}
.a_ys_p p{font-size: 18px;color: #fff;padding: 31px 20px 0px 20px;line-height: 32px;}

.tc_weixin{ background: url(tc_bg.png) center top no-repeat; width: 400px; height: 500px; top: 20%; position: absolute; left: 50%; margin-left: -200px;}
.tc_wx_img{width: 150px;margin: 0px auto;padding: 276px 0 0 0;}
.tc_wx_img img{ max-width: 100%; }
.tc_weixin .a_close{ width: 40px; height: 40px; position: absolute; right: 0px; top: 0px; display: block; }