@charset "utf-8";
body{font-size:medium !important;}
html{font-size:100px; overflow-x: hidden;}
body{ margin:0; padding:0;}
*{ margin:0; padding:0;}


.main{ width:100%; overflow: hidden;}
.banner{ display: block; position:relative;}


.banner .logo{ position:absolute; top:-10%; left:15%;}
.banner .logo img{ width: 59%;}
.wap_banner{ display:none !important;}

.tier{ width:100%; display:table;}
.tier.bc1{ background-color:#f5f7fe;}
.tier.bc2{ background-color:#fff;}
.tier.bc3{ background-color:#3061e0;    background-size:100% contain;}
.tier.bc3 img{ display:table; margin:0.94rem auto; cursor: pointer;}
.tier_biaoti{ text-align:center; width:100%; margin-top:0.5rem;}
.tier_biaoti h3{ text-align:center; font-weight:normal; font-size:0.6rem; color:#6d6cf6;}
.tier_biaoti h4{ text-align: center; font-weight:normal; font-size:0.3rem;}
.tier_biaoti .jiazhi{ width:1200px; margin:0.6rem auto; display:table;}
.tier_biaoti .jiazhi ul{ width:100%;}
.tier_biaoti .jiazhi li{ width:25%; float: left; list-style:none;}
.tier_biaoti .jiazhi li h4{text-align: center; font-weight:normal; font-size:0.3rem;}
.tier_biaoti .jiazhi li p{ margin:0.2rem 0;}

.tier .tier_box{ width:1200px; margin:1rem auto; display:table;}

.tier .tier_box .tier_box_biaoti{ width:100%; text-align:center;}
.tier .tier_box .tier_box_biaoti h3{font-size:0.6rem; color:#3061e0; font-weight:normal;}
.tier .tier_box .tier_box_biaoti h4{ font-size:0.17rem; line-height:30px; color:#666; font-weight:normal; margin:10px 0;}
.tier .tier_box .tier_box_yh { width:100%; }
.tier .tier_box .tier_box_yh  ul{ width:100%; text-align:center;}
.tier .tier_box .tier_box_yh  li{ width:19%; margin:0.2rem 0; display:inline-block; text-align: center;}
.tier .tier_box .tier_box_yh  li img{ width:0.9rem; display:table; margin:0 auto; margin-bottom:10px;}

.tier .tier_box .tier_box_yh  li .info_x h3{ font-size:0.25rem; color:#333; position:relative; left:23%; font-weight:normal;}
.tier .tier_box .tier_box_yh  li .info_x h3 p{ font-size:0.15rem;}

.tier_box_zs{ width:1200px; margin:0 auto; display:table;}
.tier_box_zs ul{ width:100%;}
.tier_box_zs li{ width:25%; display:inline-block; float:left;}
.tier_box_zs li img{ width:80%; margin:0 auto;}


.mfsy{ padding:4% 2%; width:96%; background-color:#fff; text-align: center;box-shadow: 0px 7px 17px #dedede; position:fixed; bottom:0; left:0; display:none; z-index:9999; font-size:0.35rem; color:#333;}
.mfsy.hover{display: none;}



/*左框*/
.tier .tier_box .tier_box_l{ width:60%; float:left;}
.tier .tier_box .tier_box_l img{ width:100%; float:left;}

/*右框*/

.tier .tier_box  .top_tel{ position: absolute;top: 0;right: 0;     position: absolute; top: 30px;  right: 15%;}
.tier .tier_box  .top_tel h3{font-size: 24px;color: #fff; line-height: 30px;  font-family: 'HelveticaNeue'; float: left;}
.tier .tier_box  .top_tel i{font-size: 65px;vertical-align: middle;float: left;margin-right: 10px;line-height: 58px;color: #fff;}
.tier .tier_box  .top_tel p{font-size: 16px; text-align:center;}

.tier .tier_box  .top_info{ position:absolute; width:100%; top:59%; right:0;}
.tier .tier_box  .top_info .top_info_box{ width: 690px;  margin: 0 auto; padding-left: 340px;}

.sqsy{ padding:8px; font-size:22px; color:#fff; margin-top:15px; margin-bottom: 15px; text-align: center !important;}
.sqsy font{ color:#ffc621; margin:0 5px;}

.sqmd{width: 326px;
    height: 30px;
    overflow: hidden; border-radius:5px;
    background-color: #fff;
    margin: 0 auto;}
.sqmd ul{ width:100%;}
.sqmd li{ color:#333; font-size:14px; line-height:25px; }
.sqmd li img{ margin-right:15px; vertical-align:middle; width:23px !important; height:23px !important; display: initial !important;
    margin: 0 10px !important;}




.tier .tier_box .tier_box_r{ width:40%; float:right; text-align:center;}
.tier .tier_box .tier_box_r h3{ font-size:0.55rem; color:#fff; font-weight:normal;} 
.tier .tier_box .tier_box_r h4{ font-size:0.25rem; color:#fff; font-weight:normal; padding:15px 0;} 
.tier .tier_box .tier_box_r h5{ font-size:0.2rem; color:#fff; font-weight:normal; padding: 0;}
.tier .tier_box .tier_box_r a.btn{ width:270px; height:0.8rem; line-height:0.8rem; color:#000; text-align:center; border-radius:200px;  display: inline-block; background-color:#ffc621; margin-top:0.5rem; font-size:0.2rem; text-decoration:none;
}
.tier .tier_box .tier_box_r .text_box{ margin-top:40%;}



/*灰背景样式*/
.tier.bc2 .tier_box{    margin: 0.8rem auto;}
.tier.bc2 .tier_box_r{ width:50%; text-align:left;}
.tier.bc2 .tier_box_l{ width:40%; text-align:left;}
.tier.bc2 .tier_box_l h3{ font-size:0.45rem; font-weight:normal; margin-top:1rem; margin-bottom:0.2rem; color:#6d6cf6;}
.tier.bc2 .tier_box_l h3 p{ font-size:0.2rem; margin-top:0.3rem; line-height: 0.35rem; color:#333;}
.tier.bc2 .tier_box_l h3 p.pc{ display:inline-block;}
.tier.bc2 .tier_box_l h3 p.wap{ display:none;}

.tier.bc2 .tier_box_l p.info{ font-size:16px; margin:0.1rem 0; list-style: disc inside!important; color:#666; line-height: 0.15rem;}

/*白背景样式*/
.tier.bc1 .tier_box{    margin: 0.8rem auto;}

.tier.bc1 .tier_box a.btn{ width:160px; height:40px; line-height:40px; border-radius:5px; color:#fff; background-color:#3061e0; text-align:center; display:inline-block;}
.tier.bc2 .tier_box a.btn{ width:160px; height:40px; line-height:40px; border-radius:5px; color:#3061e0 !important; text-decoration:none; background-color:#fff; text-align:center;  display:inline-block;     margin-top: 0.5rem; font-size: 0.2rem;}


.tier.bc1 .tier_box_r{ width:40%; text-align:left;}
.tier.bc1 .tier_box_l{ width:50%; text-align:right;}
.tier.bc1 .tier_box_l img{ width:auto; float:none;}
.tier.bc1 .tier_box_r h3{ font-size:0.45rem; font-weight:normal; margin-top:1rem; color:#6d6cf6; margin-bottom:0.2rem; }
.tier.bc1 .tier_box_r h3 p{ font-size:0.25rem; margin-top:0.3rem; line-height: 0.35rem; color:#333; }
.tier.bc1 .tier_box_r h3 p.pc{display:inline-block;}
.tier.bc1 .tier_box_r h3 p.wap{display:none;}


.tier.bc1 .tier_box_r p.info{ font-size:16px; margin:0.1rem 0; list-style: disc inside!important; color:#666; line-height: 0.15rem;}

/*底部*/
.footer{background-color:#452bb3;}

.footer_box{ 
width: 1200px; padding:0.3rem 0 ;
    margin: 0 auto; text-align:center;
    display: table;

}
.footer_box i{ font-size:71px; color:#fff; display:inline-block; vertical-align:middle; position:relative; top:-20px; left:-20px;}
.footer_box h3{ display:inline-block; font-family:'HelveticaNeue'; color:#fff; font-size:35px; font-weight:normal;}
.footer_box p{ font-size:16px;}

.erm_box{ width:100%; display:table; text-align:center; color:#fff; font-size:14px;}
.erm_box a{ color:#fff;}

.mfsy {
    padding: 4% 2%;
    width: 96%;
    background-color: #fff;
    text-align: center;
    box-shadow: 0px 7px 17px #dedede;
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 9999;
    font-size: 0.35rem;
    color: #333;
}

/*留言*/
.guset_index{ width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.8); display:none; z-index:9999;}
.guset_index.hover{ display:block;}

.guset_index .guset_index_box{position: relative;
    width: 55vh;
    height: 55vh;
    margin: 2% auto;
    padding: 2%;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    top: 15vh;}

.normal-button{
    cursor: pointer;
    width: 100%;
    height: 54px;
    border-radius: 8px;
    color: rgb(255, 255, 255);
    margin-top: 10px; 
    margin-left: 0px; 
    font-size: 19px;
    box-shadow: none;
    background:#6d6cf6;border: 0;
}	
	
.guset_index .guset_index_box h3{ font-size: 0.3rem;
    font-weight: normal;
    text-align: center;
    color: #6d6cf6; margin:0.3rem 0;}	
.guset_index .guset_index_box ul{ width:100%; margin: 0 auto;}
.guset_index .guset_index_box li{ width:98%; padding:1%; float:left; list-style:none;}
	

.guset_index .guset_index_box .uname.lzm input{     width: 50%;}
.guset_index .guset_index_box .uname.lzm span{float: right;}
.guset_index .guset_index_box .uname.lzm span img{height: 33px;}
.guset_index .guset_index_box .uname.dxm  span{float: right;}

.guset_index .guset_index_box .uname.dxm  span button{height: 33px;background-color: #6d6cf6;color: #fff;border: 0;border-radius: 5px;}
.guset_index .guset_index_box .uname.dxm input{     width: 50%;}

.guset_index .guset_index_box ul{ width:100%; margin: 0 auto;}
.guset_index .guset_index_box li{ width:98%; padding:1%; float:left; list-style:none;}
	
	
.guset_index .guset_index_box .uname{ border:1px solid #dfdfdf; border-radius:5px; padding:1% 3%; background-color: #efefef; width: 94%; display: table;}
.guset_index .guset_index_box .uname input{outline:none;   padding:0px; padding: 0px;  font-size: 18px;  background-color: #efefef;  border: 0; height: 33px;}

.app_off{ width:40px; height:40px; border-radius:50%; color:#fff; line-height:40px; text-align:center; background-color:#6d6cf6; position:absolute; top:-20px; right:-20px;}