@charset "utf-8";
body{padding:0;margin:0;font-family:"Microsoft YaHei";color:#333;background:#fff;min-width: 1120px;max-width: 1920px;}
ol,ul{list-style:none;}
img{vertical-align:top;display:block;border:none;}
a{color:#333;cursor:pointer;text-decoration:none;}

.banner{min-width:1120px;width:100%;position:relative; overflow: hidden;}
.banner img{width:100%;}

.zg_con1{background: url(../images/zg_bg1.jpg) no-repeat top center;text-align: center;padding: 60px  0;}
.zg_con2{background: url(../images/zg_bg2.jpg) no-repeat center;text-align: center;padding: 60px 0;}
.pg3{background: url(../images/bg3.jpg) no-repeat center;text-align: center;padding: 60px 0;}
.pg4{text-align: center;margin: 60px auto;width: 1120px;}
.pg5{background: url(../images/bg5.jpg) top center no-repeat #f8f8f8;text-align: center;padding: 60px 0;background-size: auto 100%;}
.pg6{background: url(../images/bg6.jpg) top center no-repeat #f8f8f8;text-align: center;padding: 60px 0;}
.pg7{background: black;text-align: center;padding: 60px 0;}
.pg8{background: #150522;text-align: center;padding: 60px 0;}

.tit_h2{font-size: 40px;line-height: 1.2em;font-weight: normal;margin: 0 auto 0.2em;width: 1120px;}
.tit_p{font-size: 18px;line-height: 2em;margin: 0 auto 0.2em;width: 1080px;text-align: left;text-indent: 2em;}
.ljzx{display: inline-block;width: 440px;height: 72px;line-height: 70px;text-align: center;color: #fff;font-size: 28px;margin: 0;border-radius: 40px;background: linear-gradient(to right, #3e56ff , #8d11ff);}
.ljzx:hover{color:#00fef1;}

.zg_con2_li{width: 311px;height: 359px;float: left;margin-right: 33px;position: relative;cursor: pointer;}
.zg_con2_li.no{margin-right: 0;}
.zg_con2_li_c{text-align: center;padding-top: 15px;}
.zg_con2_c{margin: 30px auto;padding: 10px 0;overflow: hidden;width: 1000px;}
.zg_con2_li_c{position: relative;transition: all .5s 0.25s;width: 311px;height: 344px;background: white;border-radius: 10px;overflow: hidden;opacity: 1;}
.zg_con2_li_c span{display: block;background: url(../images/yuan.png) no-repeat center;width: 102px;height: 102px;text-align: center;line-height: 70px;color: #fff;font-size: 24px;position: absolute;left: 0;top:170px;z-index: 1;}
.zg_con2_li_c h6{bottom: 0;text-align: center;font-size: 24px;font-weight: normal;color: #fff;width: 100%;left: 0;position: absolute;margin: 0;height: 150px;line-height: 150px;background: #6d74ff;}
.zg_con2_li_c h6 b{color: #fff001;font-weight: normal}
.zg_con2_c .zg_con2_p{background: white;visibility:hidden;width: 100%;height: 100%;left: 0;top:0;transform:rotateY(-90deg);transition: all .5s 0s;position: absolute;border-radius: 10px;opacity: 0;}
.zg_con2_li:hover .zg_con2_p{transform:rotateY(0);visibility:visible;transition: all .5s 0.25s;opacity: 1;}
.zg_con2_li:hover .zg_con2_li_c{transform:rotateY(90deg);transition: all .5s 0s;opacity: 0;}
.zg_con2_p p{font-size: 17px;text-align: left;line-height: 30px;width: 80%;margin: 80px auto 0;}
.zg_con2_p p span{color: #ff4b01;}
.con2_a {display: block;border-width: 1px;border-color: rgb(246, 255, 1);border-style: solid;width: 440px;height: 72px;text-align: center;line-height: 72px;margin: 0 auto;border-radius: 60px;font-size: 28px;color: #fff601;font-weight: bold;box-sizing: border-box;}
.con2_a:hover{border:none;background: #ffffff;color: #2081E2}

.zg_con3{width: 100%;/* height:1044px ; */background: url(http://www.sdxhcc.com/zhuanye/vrcm/images/zg_bg3.jpg) no-repeat center;}
.zg_con3_title h2{font-size: 48px;text-align: center;font-weight: normal;color: #fff;line-height: 1;padding: 68px 0 20px 0;}
.zg_con3_title h2 span{color: #fff601;}
.zg_con3_title p{text-align: center;font-size: 18px;color: #afc0ee;line-height: 30px;}
.zg_con3_c{margin: 50px auto;overflow: hidden;width: 980px;padding: 0;border-radius: 30px 30px 0 0;}
.zg_con3_c li{float: left;margin-right: 16px;width: 316px;}
.zg_con3_c li.no{margin-right: 0;}
.zg_con3_c li p{border: 1px solid rgb(0, 37, 148);border-radius: 3px;background-color: rgb(30, 44, 71);width: 255px;height: 87px;margin-top: 16px;color: #a5b8dd;padding:24px 29px;font-size: 14px;line-height: 24px;margin: 18px 0 0;}
.zg_con3_c li p span{color: #fff601;}

.con1 {margin: 30px auto;width: 1120px;padding: 10px 0;}
.con1 img{margin: 0 auto;}
.con1 ul{padding: 0;}
.con1 li{font-size: 20px;display: inline-block;width: 220px;color: white;}


.xh_box5{margin: 30px auto;padding: 10px 0;overflow: hidden;}
.xh_box5 .xh_box5_ri{box-sizing: border-box;padding: 0;}
.xh_box5 .xh_box5_ri ul{padding: 0;margin: 0;}
.xh_box5 .xh_box5_ri li{margin: 0;height: auto;}
.xh_box5 .xh_box5_ri img{float: left;}
.xh_box5 .xh_box5_ri div{float: right;width: 636px;height: 340px;box-sizing: border-box;padding: 60px 40px 0;}
.xh_box5 .xh_box5_ri div ul{padding: 0;margin: 0;}
.xh_box5 .xh_box5_ri div li{font-size: 14px;float: left;width: 50%;line-height: 2.2em;text-align: left;text-indent: 2em;position: relative;color: #2e2c2c;}
.xh_box5 .xh_box5_ri div li::after{content:"";border: 3.5px solid #bfbfbf;width: 0;height: 0;position: absolute;transform: rotate(45deg);left: 10px;top: 0;bottom: 0;margin: auto;}
.xh_box5 .xh_box5_ri div h3{font-size: 20px;text-align: left;line-height: 1.6em;margin: 0 auto 20px;text-indent: 1em;}
.xh_box5 .xh_box5_le{padding: 0;margin: 0 auto 20px;}
.xh_box5 .xh_box5_le ul{margin: 0;width: 100%;box-sizing: border-box;padding: 0;position: relative;}
.xh_box5 .xh_box5_le li{line-height: 2.5em;position: relative;font-size: 18px;color: #1d1b1b;border: 1px solid #333;border-radius: 5px;box-sizing: border-box;}
.xh_box5 .xh_box5_le li span{position: absolute;top: 0;right: -0.2em;font-size: 0.6rem;font-weight: bold;width: 1em;text-align: right;color: rgba(255, 255, 255, 0.6);}
.xh_box5 .xh_box5_le li.active{background: #6534ff;background: linear-gradient(to right, #474eff , #8717ff);color: white;border: none;}
.xh_box5 .xh_box5_le li.active::after{content:"";background:url(http://www.sdxhcc.com/zhuanye/vrcm/images/act.png);width: 26%;height: 0;padding: 0 0 26%;position: absolute;right: -13%;top: 0;bottom: 0;margin: auto;max-width: 36px;background-size: 100% 100%;}

.con6{margin: 30px auto;padding: 10px 14px;width: 1120px;box-sizing: border-box;height: 225px;}
.con6 li{float: left;margin: 0 15px;position: relative;}
.con6 p{position: absolute;background-color: #01e497;font-size: 18px;line-height: 2em;bottom: 2em;margin: 0;left: 0;width: 100%;color: white;}

.con7{margin: 30px auto;padding: 0;width: 1120px;box-sizing: border-box;overflow: hidden;}
.con7 li{float: left;margin: 10px 21px 10px 0;position: relative;}

.marketing_xszw2 {margin: 30px auto;padding: 10px 0;}
.marketing_xszw2 ul {padding: 0;margin: 0;}
.marketing_xszw2 li {width: 448px;position: relative;}
.marketing_xszw2 li::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255);content: "";opacity: 0.2;transition: opacity 0.3s linear;}
.marketing_xszw2 li.active::after{opacity: 0;}
.marketing_xszw2 p {font-size: 18px;color: #201d1d;line-height: 1.6em;margin: 1em 0 0;}
.marketing_xszw2 .swiper-pagination{bottom: 0}

.by {widtH: 1100px;margin-top: 25px;background: url(../images/sm_11.jpg) center no-repeat;height: 475px;padding: 10px 0 10px 20px;box-sizing: border-box;margin: 30px auto;}
.by div {widtH: 233px;height: 226px;floaT: left;line-height: 1.6;margin: 0 0 0 200px;}
.by h3 {widtH: 200px;margin: 15px auto;font-sizE: 18px;text-align: left;color: #FFF;position: relative;padding: 0 0 20px;}
.by h3::before {content: "";left: 0;bottom: 0;width: 100%;height: 2px;position: absolute;background: linear-gradient(to right, transparent , #f6ef8c,transparent);}
.by p {widtH: 200px;margin: 10px auto;font-sizE: 18px;text-align: left;color: #fffdde;font-weight: normal;}
.by .fir {margin: 0 0 0 -20px;}

.sec6_cont{margin-top: 114px;width: 1120px;margin: 0 auto;height: 400px;padding: 0 100px;box-sizing: border-box;}
.sec6_left{width: 480px;float: left;margin: 0 100px 0 0;}
.sec6_left a{width: 290px;height: 50px;display: block;font-size: 18px;line-height: 50px;color: white;text-indent: 1em;float: left;margin: 15px 0;border-radius: 8px;opacity: 0.7;position: relative;}
.sec6_left a:hover{opacity: 1;}
.sec6_left a::after{content: " ";width: 0;border: 10px solid transparent;border-top-width: 30px;border-top-color: inherit;position: absolute;left: 32px;bottom: -30px;transform: rotate(33deg);}
.sec6_left .fr{float: right;}
.sec6_left .fr::after{transform: rotate(-33deg);right: 32px;left: inherit;}
.sec6_left strong{float: right;font-weight: normal;margin: 0 1em 0;color: white;}
.sec6_left span{color: white;}
.sec6_left .zx1{background: linear-gradient(to right, #0080b3 , #1bbbbd);color: #058bb4;}
.sec6_left .zx2{background: linear-gradient(to right, #a01082 , #df0362);color: #d60566;}
.sec6_left .zx3{background: linear-gradient(to right, #410461 , #6c0480);color: #470466;}
.sec6_left .zx4{background: linear-gradient(to right, #0080b3 , #1bbbbd);/* opacity: 0.5; */color: #17b3bb;}
.sec6_left .zx5{background: linear-gradient(to right, #a01082 , #df0362);opacity: 0.5;color: #a90e7e;}

.sec6_left a:hover{opacity: 1;filter: alpha(opacity=100);}
.sec6_form{width: 340px;height: 400px;background: white;border-radius: 6px;float: left;padding: 50px 0;box-sizing: border-box;}
.sec6_form p{font-size: 30px;text-align: center;background: url(../images/sec6_formtt.png) no-repeat center bottom;line-height: 34px;height: 60px;margin: 0 0 40px;}
.sec6_form input{display: block;width: 258px;height: 46px;border: 1px solid #d6d6d6;font-size: 18px;line-height: 46px;text-indent: 3em;margin: 20px auto;padding: 0;}
.sec6_form .username{background: url(../images/user_name.png) no-repeat;}
.sec6_form .mobile{background: url(../images/user_tel.png) no-repeat;text-indent: 62px;margin-top: 20px;margin-left: 40px;}
.sec6_form .sub{display: block;width: 260px;height: 48px;border: none;font-size: 20px;line-height: 48px;color: white;background: #f21250;text-align: center;border-radius: 6px;cursor: pointer;text-indent: 0;margin: 30px auto 0;}


.margin_r_0{margin-right:0!important;}
.co_wt{color: white!important;}
.te_ce{text-align: center!important;text-indent: 0!important}