@charset "utf-8"; 
*{margin:0;padding:0;}
a{text-decoration:none;}
img{border:none;}
body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial;font-size: 12px;font-weight: normal; max-width:1920px; margin:0 auto;}
ul,li{list-style:none;}
.clear{ margin:0px; padding:0px; height:0px; width:0px; line-height:0px; clear:both;}
input,button,select{ outline:none}
 
.fl{ float:left}
.fr{ float:right}
.w1300{ width:1300px; margin:0 auto}
.w1200{ width:1200px; margin:0 auto}
.w1440{ width:1400px; margin:0 auto}
.wmain{ width:1280px; margin:0 auto}
.cen{ text-align:center}


.header-over{ height: 70px; width: 100%; background:#182357; }
.header{ height:70px; overflow:hidden;  width:100%; position:fixed; top:0; z-index:99; background:rgb(24, 35, 87,.8);}
.headerover{ width:100%; height:110px;}
.header .w1200{height: 70px; display:flex;justify-content: space-between;    align-items: center; }
.header .w1200 .logo{ display:block;float:left; width:200px}  
.header .w1200 .logo_white{ display:none;float:left; width:200px}
.header .menu{ overflow:hidden; }
.header .headli{ height:30px; line-height:30px; margin:0 25px; font-size:16px;  color:#fff; display:block; float:left;  }
.header .headli:hover{   border-bottom:1px solid #D79FB3;}
.header .headli.on{ border-bottom:1px solid #D79FB3  }
.header .headico{ height:30px; line-height:30px; margin-left:15px; font-size:20px;  color:#fff; display:block; float:left;  }

 
 

.banner .swiper-slide{ height:830px; background-size:cover !important;  background-repeat: no-repeat; background-position: center bottom;}
.banner .swiper-pagination-bullet-active{ background:#D79FB3}
.banner .swiper-container-horizontal>.banner .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ bottom: 30px !important;}

.indmu{ overflow:hidden; background:url(../img/ind1.png) center; height:542px; display:flex;justify-content: center;align-items: center;}
.indmu a{ margin:0 22px; border-radius:32px;}
.indmu a:hover{ background:#fff;}


.indpro{ overflow:hidden; background:#fff; padding:100px 0;}
.indti{ text-align:center;}
.indpro .swiper-container{ margin:60px auto 0px; padding-bottom:30px; }
.indpro .swiper-slide a{ display:block; width:230px; padding:0 20px; height:345px; position:relative; margin:20px 15px; overflow:hidden; box-shadow: 1px 4px 15px 4px #f2f4f9;}
.indpro .swiper-slide:nth-child(1) a{ border-bottom:3px solid #5159C6}
.indpro .swiper-slide:nth-child(2) a{ border-bottom:3px solid #FEC11D}
.indpro .swiper-slide:nth-child(3) a{ border-bottom:3px solid #D79FB3}
.indpro .swiper-slide:nth-child(4) a{ border-bottom:3px solid #0AE8D3}
.indpro .swiper-slide:nth-child(5) a{ border-bottom:3px solid #5159C6}
.indpro .swiper-slide:nth-child(6) a{ border-bottom:3px solid #FEC11D}
.indpro .swiper-slide:nth-child(7) a{ border-bottom:3px solid #D79FB3}
.indpro .swiper-slide:nth-child(8) a{ border-bottom:3px solid #0AE8D3}
.indpro .swiper-slide a h1{ font-size:26px; font-weight:normal; line-height:30px; margin-bottom:20px; margin-top:40px; color:#07073B;}
.indpro .swiper-slide a h2{ font-size:14px; font-weight:normal; line-height:18px; margin-bottom:120px; color:#6F7A98;}
.indpro .swiper-slide a span{ display:block; width:109px; height:34px; background:url(../img/ind2.png?v=1); background-size: 100%;}
.indpro .swiper-slide a img{ height:205px; position:absolute; right:-20%; bottom:0}
.indpro .swiper-pagination-bullet-active{ background:#D79FB3}

.indpro .swiper-slide:nth-child(1) a:hover{background:#5159C6}
.indpro .swiper-slide:nth-child(2) a:hover{background:#FEC11D}
.indpro .swiper-slide:nth-child(3) a:hover{background:#D79FB3}
.indpro .swiper-slide:nth-child(4) a:hover{background:#0AE8D3}
.indpro .swiper-slide:nth-child(5) a:hover{background:#5159C6}
.indpro .swiper-slide:nth-child(6) a:hover{background:#FEC11D}
.indpro .swiper-slide:nth-child(7) a:hover{background:#D79FB3}
.indpro .swiper-slide:nth-child(8) a:hover{background:#0AE8D3}
.indpro .swiper-slide a:hover h1{color:#fff;}
.indpro .swiper-slide a:hover h2{color:#fff;} 


.indabt{ height:784px; background:url(../img/ind3.png) center; overflow:hidden; position:relative;}
.indabt ul{ display:flex;justify-content: center;align-items: center; margin-top:90px; margin-bottom:40px;}
.indabt li{ font-size:18px; color:#D79FB3; margin:0 100px;}
.indabt li p{ margin-bottom:15px;}
.indabt li span{ font-size:36px;}
.indabtvdo{ width:144px; height:48px; margin:0 auto; cursor:pointer;}

.indvdotc{ position: fixed; width: 1200px; height: 690px; background-color: #fff; border-radius: 10px; left: 50%; margin-left: -600px; top: 50%; margin-top: -345px; z-index: 99;  justify-content: center;
align-items: center; display: none;}
.indvdotc video{ width: 1170px; }
.indvdotc i{ position: absolute; top: 20px; right: 20px; font-size: 24px; z-index: 9; cursor: pointer; color:#E8AAC0 ;}
.indvdotcbg{ position: fixed;width: 100%; height: 100%; left: 0; top: 0; z-index: 98;background: url(../img/vdomainbg.png);display: none;}

.indabt .indabtdec{ width:1204px; height:440px; background:url(../img/ind5.png) center; text-align:center; position:absolute; left:50%; margin-left:-602px; bottom:0;}
.indabt .indabtdec h1{ font-weight:normal; font-size:48px; line-height:50px; margin-bottom:40px; margin-top:80px; color:#07073B}
.indabt .indabtdec p{ font-size:16px; line-height:38px; margin-bottom:60px; color:#07073B;}
 

.indwrap{ position:relative; overflow:hidden; padding:100px 0;}
.indnews{ position:relative; overflow:hidden; padding:120px 0 0; justify-content: space-between; display: flex; z-index:9;}
.indnews a{ width:380px; display:block;}
.indnews a .imgs{ width:380px; height:220px; overflow:hidden; margin-bottom:20px; border-radius:10px; background-position: center; background-size: cover;}
.indnews a .imgs img{transition: 500ms;}
.indnews a h1{ font-size:20px; font-weight:normal; color:#07073B; line-height:30px; margin-bottom:10px; height:60px;}
.indnews a p{ color:#6F7A98; font-size:14px; margin-bottom:24px;}
.indnews a span{ display:block; font-size:16px; width:100px; height:35px; line-height:35px; border:1px solid #243172; color:#243172; text-align:center; border-radius:35px;}
.indnews a:hover span{ color:#E8AAC0; border:1px solid #E8AAC0;}
.indnews a:hover .imgs img{transform:scale(1.1)}

.nicon1{ position:absolute; left:10px; top:20px;}
.nicon2{ position:absolute; right:0px; top:440px;}
.nicon3{ position:absolute; left:0px; top:640px;}

.indstore{ position:relative; overflow:hidden; padding:120px 0 0; justify-content: space-between; display: flex; z-index:9;}
.indstore a{border-radius:10px; overflow:hidden; position:relative;}
.indstore a img{ display:block;transition: 500ms;}
.indstore a .indstt{ position:absolute; width:205px; height:64px; line-height:64px; left:0; bottom:0; text-align:center; color:#fff; font-size:20px; border-top-right-radius:48px; display:flex;justify-content: center;align-items: center;}
.indstore a:nth-child(1) .indstt{ background:#D79FB3}
.indstore a:nth-child(2) .indstt{ background:#243172}
.indstore a .indstt i{ width:18px; height:18px; line-height:18px; background:#fff;   text-align:center; border-radius:50%; font-size:12px; margin-left:10px;}
.indstore a:nth-child(1) .indstt i{ color:#D79FB3}
.indstore a:nth-child(2) .indstt i{ color:#243172}
.indstore a:hover  img{transform:scale(1.1)}

.indjoin{ height:787px; background:url(../img/ind11.png) center; overflow:hidden;}
.indjoin .w1200{ margin:375px auto 0; height:100px; line-height:100px; display:flex;justify-content: center;align-items: center;font-size:18px;color:#6F7A98;}
.indjoin .w1200 i{ width:40px; height:40px; line-height:40px; text-align:center; display:block; border:1px solid #6F7A98; border-radius:50%; color:#6F7A98; font-size:20px; margin-right:10px;}
.indjoin .w1200 span{ display:block; margin-left:70px; color:#07073B; font-weight:bold; font-size:25px;}

.indjoin a{ margin:90px auto 0; display:block; width:254px;}


.footer{ overflow:hidden; background:#182357; padding:80px 0 0;}
.footer .w1200{ overflow:hidden;}
.footer .w1200 .fl{ width:840px;display: flex;    flex-wrap: wrap;}
.footer dl{ float:left; overflow:hidden; width:140px; margin-bottom:50px;}
.footer dl dt{ font-size:16px; color:#fff; margin-bottom:30px;}
.footer dl a{ font-size:14px; display:block; color:#ACB0C3; margin-bottom:15px;}
.footer dl a:hover{ color:#fff ;}
.footer .w1200 .fl .lxinfo { width: 100%;}
.footer .w1200 .fl .lxinfo p{ font-size:14px; line-height:30px; color:#ACB0C3; margin:10px 0;}

.footer .w1200 .fr{ width:300px;}
.footer .w1200 .fr img{ display:block; margin-bottom: 30px; }
.footer .w1200 .fr p{ font-size:14px; line-height:30px; color:#ACB0C3; margin:10px 0;}
.footer .w1200 .botbtn{ overflow:hidden; margin-top:15px;}
.footer .w1200 .botbtn img{ float:left; display:block; margin-right:10px;}
.footer .bot{ height:60px; line-height:60px; text-align:center; color:#ACB0C3; font-size:14px; padding-bottom:30px;}
.footer .bot a{color:#ACB0C3;}


.abtban{ height:600px; background:url(../img/abtban.jpg) center;}
.joinban{ height:600px; background:url(../img/joinban.jpg) center;}
.newsban{ height:600px; background:url(../img/newsban.jpg) center;}
.conban{ height:600px; background:url(../img/conban.jpg) center;}
.proban{ height:600px; background:url(../img/proban.jpg) center;}
.caseban{ height:600px; background:url(../img/caseban.jpg) center;}

.mainmu{ width:100%; height:80px; line-height:80px; display:flex;justify-content: center;align-items: center;box-shadow: 1px 5px 10px 0px #dfe8f1; z-index:9; position:relative;}
.mainmu em{ width:1px; height:24px; background:#DADCDE; display:block; margin:0 150px;}
.mainmu a{ font-size:20px; color:#07073B; display:flex;justify-content: center;align-items: center;}
.mainmu a img{ margin-right:10px;}
.mainmu a .iconmu2{ display:none;}
.mainmu a.on{ color:#5159C6}
.mainmu a.on .iconmu1{ display:none;}
.mainmu a.on .iconmu2{ display:block;}
.mainmu a:hover .iconmu1{ display:none;}
.mainmu a:hover .iconmu2{ display:block;}
.mainmu a:hover{ color:#5159C6}

.joinyq{ overflow:hidden; padding:130px 0 0; background:#F3F7FB;}
.joinyq .w1200{justify-content: space-between; display: flex; flex-wrap:wrap;}
.joinyq .yqli{ width:280px; height:390px; padding:0 30px; background:#fff; overflow:hidden;}
.joinyq .yqli .yqliico{ display:block; margin:60px auto 40px;}
.joinyq h1{ font-size:20px; font-weight:normal; color:#07073B; line-height:20px; margin-bottom:15px;}
.joinyq p{ color:#6F7A98; font-size:14px; line-height:30px;}
.joinyq .yqlimax{ background:url(../img/join4.png?v=1); width:392px;   padding:100px 70px 0 740px; height:450px; margin-top:100px;}
.joinyq .yqlimax h1{ font-size:26px; line-height:26px; margin-bottom:15px;}
.joinyq .yqlimax a{ display:block; margin-top:80px; margin-left:-13px;}
.joinyq .yqli:hover{background:url(../img/join6.png) top no-repeat #fff;box-shadow: 1px 1px 15px 4px #f0f3ff;}



.joinser{ background:#243172; overflow:hidden; height:265px; padding-top:195px; margin-top:-130px;display:flex;justify-content: center; }
.joinser .joinserli{ width:230px; margin:0 35px; overflow:hidden;}
.joinser .joinserli img{ margin-bottom:24px;}
.joinser .joinserli h1{ font-size:20px; line-height:20px; font-weight:normal; color:#E7A6BD; margin-bottom:15px;}
.joinser .joinserli p{ font-size:14px; color:#B59EBC; line-height:26px;}

.joinbot{ height:782px; background:url(../img/join11.png) center}


.joinform{ overflow:hidden; background:url(../img/join12.png) center bottom no-repeat #fff;}
.joinform .jointi{ text-align:center; overflow:hidden; margin:90px 0 50px;}
.joinform .jointi h1{ font-size:36px; font-weight:normal; line-height:40px; color:#07073B; margin-bottom:10px;}
.joinform .jointi p{ font-size:16px; line-height:20px; color:#515176;}

.joinform form{ width:1060px; margin:0 auto 110px;box-shadow: 1px 10px 15px 4px #eceff9; padding:60px 70px; background:#fff; overflow:hidden; border-radius:20px;}
.joinform .inp_text{   overflow:hidden; margin-bottom:40px; ;}
.joinform .inp_text p{margin-bottom:15px;font-size:16px; color:#07073B;}
.joinform .inp_text span{ color:#FF546E; font-size:22px; display:block; float:left; margin-top:3px;}
.joinform .inp_text input{ width:460px; height:40px; line-height:40px; padding:0 15px; border:1px solid #DADCDE; border-radius:5px;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial;}
.joinform .inp_text textarea{ width:1028px; height:120px; line-height:40px; padding:15px; border:1px solid #DADCDE; border-radius:5px;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial;}
.joinform .formbtn{ width:100%; overflow:hidden;}
.joinform button{ width:188px; height:84px; background:url(../img/join13.png); display:block; margin:0 auto; border:0; cursor:pointer;}

.joinform ::-webkit-input-placeholder { color: #b4b4c4;  }
.joinform ::-moz-placeholder {color: #b4b4c4;}
.joinform :-ms-input-placeholder {color: #b4b4c4;} 



.newsti{ overflow:hidden; font-size:26px; font-weight:normal; color:#07073B; line-height:30px;}
.newsti em{ width: 4px;height: 27px;background: #5159C6; display:block; float:left; margin-right:15px; margin-top:2px;}

.newsmain{ overflow:hidden; padding:60px 0; background:#F3F7FB;}
.newstop{ margin-top:40px; overflow:hidden; background:#fff; border-radius:14px; padding:0 20px;margin-bottom:60px;}
.newstop a{ margin:20px 0; display:block; overflow:hidden; border-top:1px solid #EAECED; padding-top:20px;}
.newstop a:nth-child(1){ border:0; padding:0}
.newstop a .imgs{ width:260px; height:170px; float:left; margin-right:25px; overflow:hidden; background:#f1f1f1; border-radius:10px;background-size:cover;    background-position: center;}
.newstop a h1{ font-size:24px; font-weight:normal; color:#07073B; line-height:30px; overflow:hidden; margin-bottom:20px; margin-top:10px;}
.newstop a p{ font-size:16px; color:#515176; height:60px; line-height:30px;margin-bottom:20px; }
.newstop a span{font-size:14px; color:#515176;}

.newslist{ overflow:hidden;margin-top:40px; width:1250px; padding-left:10px; margin-left:-10px;}
.newslist a{ background:#fff; overflow:hidden; display:block; float:left; padding:15px; width:250px; margin-right:25px; margin-bottom:25px; border-radius:14px;}
.newslist a .imgs{ width:250px; height:150px; overflow:hidden; background:#f1f1f1; border-radius:5px; margin-bottom:10px; background-size:cover;    background-position: center;}
.newslist a h1{ font-size:16px; font-weight:normal; color:#07073B;height:46px; line-height:23px; overflow:hidden; margin-bottom:20px;}
.newslist a .newdec{ overflow:hidden;}
.newslist a .newdec .newstime{ float:left; font-size:14px; color:#6F7A98; margin-top:8px;}
.newslist a .newdec span{width: 100px;height: 36px; line-height:36px;border-radius: 18px;border: 1px solid #5159C6; display:block; text-align:center; float:right; color:#5159C6; font-size:14px;}
.newslist a:hover span{ background:#5159C6; color:#fff;}
.newslist a:hover{box-shadow: 1px 1px 15px 4px #f0f3ff;}
 

.newstit{ font-size:16px; margin:30px auto 30px; }
.newstit a{color:#7f7f7f;}
.newstit em{color:#7f7f7f; font-style:normal; margin:0 3px;}
.newstit a:hover{ color:#D79FB3}

.newsdetailmain{ overflow:hidden; margin:0 auto 100px;}
.newsinfo{ background:#fff; float:left; padding:60px 40px 40px; width:770px;}
.videodetailmain .newsinfo{ width:1220px;}
.newstj{ background:#fff; float:right; padding:60px 35px 80px; width:265px;}
.newstj h1{ font-size:24px; color:#0c0c0c; line-height:25px; border-bottom:1px solid #dddddd; padding-bottom:20px; }
.newstj a{ display:block; padding:20px 0; border-bottom:1px dashed #dfdfdf}
.newstj a p{ color:#0c0c0c; font-size:14px; margin-bottom:7px;}
.newstj a span{ display:block; color:#808080; font-size:14px;}
.newstj a:hover p,.newstj a:hover span{ color:#D79FB3}

.newsinfo .newsdestit{ text-align:center; font-size:34px; color:#0c0c0c; margin-bottom: 10px;}
.newsinfo .newsdesdate{ text-align:center; font-size:16px; color:#333333; margin-bottom:60px;}
.newsinfo .newsdesmain{ line-height:24px;}
.newsinfo .newsdesmain img{ max-width:100%; margin:10px 0;}
.newsinfo .newsdesmain video{ max-width:100%; margin:10px 0;}
.newsinfo .newdet-link{
    width: 100%;
    border-top: 1px solid #dddddd;
    padding-top: 20px;
    overflow:hidden;
	position:relative;
	min-height:70px;
	margin-top:40px;
}
.newsinfo .newdet-link a
{
    line-height: 34px;
    color: #808080;  
    font-size: 16px;
    display:block;
}
.newsinfo .newdet-link a span
{
    color: #808080;
}
.newsinfo .newdet-link a span:hover
{
    color:#D79FB3;
}
.newsinfo .newsback a{
	position:absolute;
	right:0;
	top:35px;
    background: #D79FB3; 
    color: #fff;
    display: block;
    text-align: center;
    width: 120px;
    height: 40px;
    line-height: 40px;
	font-size:18px;
	font-weight:bold;
	border-radius:5px;}





.vdomain{ overflow:hidden; background:url(../img/vdobg.png) no-repeat bottom right #F3F7FB; padding:80px 0 125px;}
.vdomain .w1200{justify-content: space-between; display: flex; flex-wrap:wrap;}
.vdomain .w1200 a{ width:540px; display:block; padding:20px; background:#fff; border-radius:14px; margin-bottom:40px;}
.vdomain .w1200 a .imgs{ width:540px; height:310px; overflow:hidden; background:#F1F1F1; margin-bottom:25px; background-size: cover; background-repeat: no-repeat;}
.vdomain .w1200 a h1{ font-size:24px; color:#07073B; font-weight:normal; line-height:26px; margin-bottom:25px;}
.vdomain .w1200 a p{ font-size:14px; color:#6F7A98; margin-bottom:30px;}
.vdomain .w1200 a span{ width: 120px;height: 40px; line-height:40px;border-radius: 20px;border: 1px solid #5159C6; display:block; color:#5159C6; text-align:center; font-size:16px;}
.vdomain .w1200 a:hover span{background:#5159C6; color:#fff;}

.loadmore a{ width: 300px; height: 60px;line-height: 60px; margin: 0 auto; background-color: #fff; color: #555; border-radius: 60px; display: block; text-align: center; font-size: 20px;}


.abtdec{ overflow:hidden; background:url(../img/abt7.png) center top; height:370px; text-align:center;}
.abtdec h1{ font-size:36px; color:#07073B; font-weight:normal; line-height:40px; margin-bottom:30px; margin-top:110px;}
.abtdec p{ font-size:16px; line-height:30px; color:#515176}

.abtinfo{ overflow:hidden; background:url(../img/abt2.png) center top; height:800px; justify-content: center; display: flex; flex-wrap:wrap;align-items: center; }
.abtinfo .abtinfofl{ width:356px; height:405px; padding:40px 25px;background:url(../img/abt5.png?v=1) center top; background-size: 100%; margin-right:30px;}
.abtinfo .abtinfofm{ overflow:hidden; margin-right:30px;}
.abtinfo .abtinfofr{   height:485px;width:372px; overflow:hidden;}
.abtinfo .abtfrp{ width:342px; height:195px; padding:15px 15px;background:url(../img/abt6.png?v=1) center top;background-size: 100%; margin-top:20px;}
.abtinfo h1{ font-size:26px; color:#fff; font-weight:normal; margin-bottom:20px;}
.abtinfo p{ font-size:14px;line-height:30px; color:#C5C5C9; font-weight: 300;}
.abtinfo .abtfrp p{ font-size:14px;line-height:26px; color:#C5C5C9}


.abtjs{ overflow:hidden; background:url(../img/abt1.png) center top; height:484px;display:flex;justify-content: center;align-items: center;}
.abtjs ul{ display:flex;justify-content: center;align-items: center; }
.abtjs li{ font-size:18px; color:#D79FB3; margin:0 20px; width:270px; padding-bottom:60px;}
.abtjs li p{ margin-bottom:15px; color:#515176;}
.abtjs li span{ font-size:48px;color:#07073B; font-weight:bold;}
.abtjs li:nth-child(1){ border-bottom:3px solid #5159C6}
.abtjs li:nth-child(2){ border-bottom:3px solid #FEC11D}
.abtjs li:nth-child(3){ border-bottom:3px solid #FF546E}
.abtjs li:nth-child(4){ border-bottom:3px solid #0AE8D3}



.abtpro{ background:#F9FCFF; overflow:hidden; padding:100px 0;}
.abtpro .abtti{ text-align:center; overflow:hidden; margin-bottom:60px;}
.abtpro .abtvdo{ text-align:center; overflow:hidden; position: relative; width: 1200px; height: 675px; margin: 0 auto;border-radius:20px; }
.abtpro .abtvdo .vdodef{ position: relative;z-index: 1;}
.abtpro .abtvdo .vdomainbg{ position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0;   justify-content: center; align-items: center; background: url(../img/vdomainbg.png); display: none;}
.abtpro .abtvdo:hover .vdomainbg{ display: flex;}
.abtpro .abtvdo img{ display: block; width: 100%;}
.abtpro .abtvdo video{ display: block; width: 100%; height: 675px;}

.abtstore{ background:url(../img/abt11.png) center bottom no-repeat #F9FCFF; overflow:hidden;  text-align:center;}
.abtstore .simg{ border-radius:20px;}
.abtstore .abtti{ text-align:center; overflow:hidden; margin-bottom:60px;}
.abtstore p{ font-size:16px; line-height:28px; color:#C5C5C9; margin:50px 0 40px;}
.abtstore a{ display:block; margin:0 auto 90px;}


.abtwh{ height:608px; background:url(../img/abt15.jpg) center; padding:100px 0;}
.abtwh .abtti{ text-align:center; overflow:hidden; margin-bottom:60px;}
.abtwh ul{ overflow:hidden;justify-content: center; display: flex; flex-wrap:wrap;}
.abtwh ul li{ width:321px; height:174px; margin:0 50px 50px; padding:0px 30px 0 110px;  display: flex; flex-wrap:wrap;align-items: center;align-content: center; }
.abtwh ul li:nth-child(1){ background:url(../img/abt17.png?v=1);background-size: 100%;}
.abtwh ul li:nth-child(2){ background:url(../img/abt18.png?v=1);background-size: 100%;}
.abtwh ul li:nth-child(3){ background:url(../img/abt19.png?v=1);background-size: 100%;}
.abtwh ul li:nth-child(4){ background:url(../img/abt20.png?v=1);background-size: 100%;}
.abtwh ul li h1{ font-size:20px; line-height:20px; font-weight:normal; color:#fff; margin-bottom:15px; width:100%;}
.abtwh ul li p{ font-size:14px; line-height:24px; color:#C5C5C9}



.conmain{background:url(../img/conbg.jpg) top center no-repeat #fff; overflow:hidden; padding:90px 0;}
.conmain .conti{ font-size:36px; color:#07073B; line-height:40px; text-align:center; font-weight:normal; margin-bottom:50px;}

.condec{justify-content: space-between; display: flex; flex-wrap:wrap; overflow:hidden; margin-bottom:10px;}
.condec h1{ font-size:28px; color:#07073B; line-height:28px; margin-bottom:20px; font-weight:normal; color: #07073B;}
.condec h1 span {  margin-left: 70px;  font-size:14px; color:#07073B; font-weight: normal;}
.condec p{ font-size:14px; color:#6F7A98; line-height:28px;}
.condec .confr{ margin-right:50px;}

.conList { width: 100%; clear: both; overflow: hidden; margin-bottom: 30px;}
.conList ul { width: 1084px;}
.conList ul li {float:left; width: 206px; height: 61px; background: linear-gradient(180deg, #F0F7FF 0%, #FBFAF6 100%); border-radius: 7px; opacity: 0.83; margin-right: 24px; padding: 10px 20px;}
.conList ul li p { color: #07073B; font-size: 14px; line-height: 32px;}

.contt{ overflow:hidden; font-size:24px; font-weight:normal; color:#07073B; line-height:30px;}
.contt em{ width: 4px;height: 22px;background: #5159C6; display:block; float:left; margin-right:15px; margin-top:4px;}

.conmain .conform{ width:1060px; margin:0px auto;box-shadow: 1px 10px 15px 4px #eceff9; padding:60px 70px; background:#fff; overflow:hidden; border-radius:20px;}
.conmain form{ overflow:hidden; margin-top:40px;}
.conmain .inp_text{   overflow:hidden; margin-bottom:30px; ;}
.conmain .inp_text p{margin-bottom:15px;font-size:16px; color:#07073B;}
.conmain .inp_text span{ color:#FF546E; font-size:22px; display:block; float:left; margin-top:3px;}
.conmain .inp_text input{ width:460px; height:40px; line-height:40px; padding:0 15px; border:1px solid #DADCDE; border-radius:5px;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial;}
.conmain .inp_text textarea{ width:460px; height:120px; line-height:40px; padding:15px; border:1px solid #DADCDE; border-radius:5px;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial;}
.conmain .formbtn{ width:100%; overflow:hidden; padding-top:30px;}
.conmain button{ width:188px; height:84px; background:url(../img/con1.png); display:block; margin:0 auto; border:0; cursor:pointer;}

.conmain ::-webkit-input-placeholder { color: #b4b4c4;  }
.conmain ::-moz-placeholder {color: #b4b4c4;}
.conmain :-ms-input-placeholder {color: #b4b4c4;} 


.promu{ overflow:hidden;display:flex;justify-content: space-between; width:1266px; height:144px; background:url(../img/promu.png)  center; background-size: 100%;   position:absolute; left:50%; margin-left:-633px; margin-top:-50px}
.promu a{ display:flex; margin: 0 140px; padding: 0 25px 0 15px; height:100px;  align-items: center;    justify-content: center; font-size:16px; color:#0A0A37;  }
.promu a img{ width: 44px; margin-right: 10px;}
.promu a .iconmu1{ display:block;}
.promu a .iconmu2{ display:none;}
.promu a.on .iconmu1{ display:none;}
.promu a.on .iconmu2{ display:block;}
.promu a.on{ border-bottom: 2px solid #E7A6BD;}
.promu a:hover .iconmu1{ display:none;}
.promu a:hover .iconmu2{ display:block;}
.promu a:hover{ border-bottom: 2px solid #E7A6BD;}

.pronva{ display: flex; justify-content: center; overflow: hidden; margin-bottom: 60px;}
.pronva a{ display: block; height: 48px; line-height: 48px; padding: 0 30px; background-color: #E4EAEF; color: #fff; font-size: 18px; margin: 0 5px; border-radius: 4px;}
.pronva a:hover{background-color: #E7A6BD; }
.pronva a.on{background-color: #E7A6BD; }


.promain{ overflow: hidden; padding: 110px 0 60px; background: url(../img/probg.jpg) center top;}

.prolist{ padding:0px 5% 0px; overflow:hidden;}
.prolist a{ display:block; float:left; width:24%; margin:0 0.5% 15px; padding-bottom: 30px;   background:#fff;  text-align:center;}
.prolist a .imgs{ width:180px; height:180px; overflow:hidden;   margin:20% auto 10%; display: flex; align-items: center; justify-content: center; }
.prolist a .imgs img{ max-width: 100%; max-height: 100%;transition: 500ms;}
.prolist a p{ font-size:16px; color:#07073B; height:30px; line-height:30px;transition: 500ms;}
.prolist a span{ font-size:16px; color:#E7A6BD; height:30px; line-height:30px; font-family: Arial, Helvetica, sans-serif;}
.prolist a:hover img{transform:scale(1.1)}
.prolist a:hover p{color: #E7A6BD; font-size: 20px;transform:scale(1.1)}

.proshow{ overflow: hidden; margin-bottom: 60px;}
.proshow .mainleft{
    padding: 0 30px;
	width: 900px;
	margin: 0 auto;
	background: #fff;
	overflow:hidden;
}
.proshow .mainleft .imgs{ height: 600px; text-align: center;}
.proshow .mainleft .imgs img{ max-width:100%; max-height: 100%;}
.proshow .mainleft .menu{
	width: 100%;
	border-bottom: 3px solid #E7A6BD;
	overflow: hidden;
	margin-top: 30px;
}
.proshow .mainleft .menu div{
	line-height: 62px;
	float: left;
	font-size: 16px;
    color: #fff;
    padding: 0 25px;
    background: #E7A6BD;
}
.proshow .mainleft .intor{
	font-size: 18px;
    color: #666;
    line-height: 34px;
    padding:0 20px;
}
.proshow .mainleft .pros .name{
    font-size: 18px;
 
    line-height: 1;
    margin: 0px 0 15px;
}
.gallerydecback {
	margin: 0px auto 60px;
	display: block;
	width: 145px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	background: #E7A6BD;
	border-radius:10px;
	border: 0;
	letter-spacing:2px;
}
.casetit{
	padding: 80px 0;
	overflow: hidden;
}
.casetit h1{ 
	text-align: center; 
	font-size: 36px; 
	font-weight: normal;
}
.caselist{
	overflow: hidden;
	background: url(../img/casebg.jpg) top center no-repeat;
	 
}
.caselist li{
	display: flex;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 100px;
}
.caselist li .imgs{
	overflow: hidden;
	width: 580px;
	height: 440px;
	display: flex;
	align-items: center;
	align-content: center;
	
}
.caselist li .imgs img{
	overflow: hidden;
	display: block;
	border-radius: 5px;
}
.caselist li .casedec{
	overflow: hidden;
	width: 490px;
	height: 300px;
	padding: 70px 45px;
	background: url(../img/case1.png) top center no-repeat;
}
.caselist li .casedec h1{
	overflow: hidden;
	font-size: 24px;
	font-weight: normal;
	color: #2D3034;
	margin-bottom: 25px;
	line-height: 30px;
}
.caselist li .casedec p{
	overflow: hidden;
	font-size: 16px;
	line-height: 30px;
	color: #6F7A98;
}



.miao{ position: absolute; margin-top: -71px;}