﻿@charset "UTF-8";
.topImg{position: relative;width: 100%;min-width: 1200px;}
.menuBox{height: 400px;width: 200px;;margin-top: -50px;position: relative;margin-top: -50px;}
.menuBox .menuMain{width: 200px;height: 100%;margin:0 auto;}
.menuMain span:hover{width: 200px}
.logo{height: 100%;}
.menuMain>span{display:block;width:190px;-webkit-transition:all 1s;}
.menuMain span{-webkit-transition:all 1s;cursor: pointer;float: right;margin-bottom: 5px}
.menuMain span img{width: 100%;height: 100%}
.menuMain span:hover{color: #bbdc9e;}
.rightBox span:hover{width: 200px}
.rightBox span{width:190px;display: inline-block;}
.rightBox span {width: 190px;transition: all 0.6s;float: right;}
.entryBox img{position: relative;}
.mainBox{position: relative;margin:0 auto;}
.mainBox >div{position:absolute;width: 100%;display: none;left: 0;top:0;}
.mainBox >div.act{display: block;}
.main-box{width: 1200px;margin: 0 auto}
.optionBox input{width: 80%;height:40px;border: 1px solid #999999;background:none;color: #333;font-size: 13px;border-radius: 2px;padding:0 1em;}
.optionBox label span{color: #f40000;font-weight: 600;line-height: 40px}
.submit{position: relative;width: 853px;float:left;margin-left:190px;color: #303030;height: 50px;cursor: pointer;letter-spacing: .2em;font-size: 16px;border-radius: 2px;line-height: 50px;text-align: center;border: 1px solid #999999;}
.fieldBox{position: relative;width: 80%;float: left;padding:10px 0;}
.fieldBox ul{position: relative;width: 100%;overflow: hidden;}
.fieldBox ul li{cursor:pointer;width: 154px;height: 35px;float: left;color: #333333;text-align: center;margin-bottom: 20px;border-radius: 30px;font-size: 14px;line-height: 35px;margin-right: 20px}
.fieldBox ul li:nth-child(5n){margin-right: auto}
.fieldBox ul li.act{background: url(../images/opbg.png) no-repeat;background-size: 100% 100%;border: none;color: #ffffff}
.fieldBox ul li:hover{background: url(../images/opbg.png) no-repeat;background-size: 100% 100%;border: none;color: #ffffff}
.file_btn02{position:relative;float: right;margin-right:15px;width: 130px;height: 40px;outline:0;border:1px solid #e6e6e6;border-radius:20px;background:url(../images/icon_05.png) no-repeat #008df3;background-position:20px center;background-size:auto 30px;color:#fff;text-indent:10px;text-indent:45px;font-weight:400;font-size:14px;line-height: 40px;cursor:pointer;}
.file_btn02 input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.filebox{height: 60px;}
.scrollItem{display: none; position: fixed;bottom: 50px;right: 50px; width:46px;height:43px;background:url(../images/go_top.png) no-repeat;background-size:100% 100%;text-align:center;cursor:pointer}
/*.fixed{position: fixed !important;top: 50%;margin-top: -200px;right: 0;;z-index: 100;}*/
.menuBox{position: fixed !important;top: 50%;margin-top: -200px;right: 0;;z-index: 100;}
.display-mb{display:none;position:fixed;width: 100%;height: 100vh;background:rgba(0,0,0,0.2);z-index: 9999}
.display-gb{width: 270px;height: 290px;position:relative;left: 50%;top:50%;margin-top:-145px;margin-left:-135px;background: #ffffff}
.display-gb>img{margin-top: 87px;margin-left: 78px;}
.display-gb p{text-align: center;font-size: 14px}
.submit:hover{background: #008df3;color: #ffffff}
.display-button img{margin-top: 15px;margin-left: 15px}
.display-button{width: 50px;height: 50px;background: #ffffff;position: absolute;right: -20px;top:-20px;border-radius: 50%}
.banner{
    width: 100%;
    position: relative;
}
.banner>img{
    width: 100%;
}
.bg {
	background:url(../images/bg.png) no-repeat center top;
}
.mian-box{
	width:1290px;
	margin:0 auto;    
}
/* 当屏幕宽度小于 600px 时 */
@media (max-width:1290px) {
  .mian-box{
	width:95%;
	margin:0 auto;    
}
}
 
.top-logo{
    width: 100%;
    height: 80px;
}
.top-logo img{
    width: 304px;
    height: 100%;
    float: left;
}
.top-logo p{
    float: right;
    line-height: 80px;
    color: #828182;
    letter-spacing: 8px;
}
.name {
    font-size: 24px;
    text-align: center;
    color: #1a2b82;
    letter-spacing: 8px;
    margin-top: 7%;
}
.title {
    font-size: 48px;
    text-align: center;
    color: #1a2b82;
    margin-bottom: 25%;
}
.title-img{
    width: 355px;
    height: 82px;
}
.text{
    padding: 0 60px;
    line-height: 46px;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 7%;
}
.text1{
    padding: 0 60px;
    line-height: 46px;
    color: #1a2b82;
    font-size: 14px;
    margin-bottom: 4%;
}
.text2{
    padding: 0 60px;
    line-height: 46px;
    color: #1a2b82;
    font-size: 16px;
    overflow: hidden;
}
.text2 p{
    float: left;
    width: 50%;
}
.footer-box{
    margin-top: 80px;
	padding-bottom:20px;
    width: 100%;
    font-size: 16px;
    color: #1a2b82;
    text-align: center;
    position: relative;
    bottom: 0;
}
.sdh-left {
    width: 16%;
    height: 1160px;
    float: left;
}
.sdh-right {
    width: 70%;
    float: right;
}
.sdh-right p {
    font-size: 14px;
    color: #1a2b82;
    margin-top: 10px;
    line-height: 37px;
}
.optionBox {
    margin-bottom: 40px;
    overflow: hidden;
}
.optionBox label {
    width: 20%;
    height: 40px;
    display: inline-block;
    color: #303030;
    font-size: 15px;
    float: left;
    padding: 0 .5em;
    line-height: 40px;
}
.optionBox input {
    width: 80%;
    height: 40px;
    border: 1px solid #999999;
    background: none;
    color: #333;
    font-size: 13px;
    border-radius: 2px;
    padding: 0 1em;
}
.fieldBox {
    position: relative;
    width: 80%;
    float: left;
    padding: 10px 0;
}
.fieldBox ul {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.fieldBox ul li {
    cursor: pointer;
    width: 170px;
    height: 35px;
    float: left;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 35px;
    margin-right: 20px;
}
.fieldBox ul li:hover {
    background: url(../images/opbg.png) no-repeat;
    background-size: 100% 100%;
    border: none;
    color: #ffffff;
}
.fieldBox ul li.act {
    background: url(../images/opbg.png) no-repeat;
    background-size: 100% 100%;
    border: none;
    color: #ffffff;
}

.optionBox {
    margin-bottom: 40px;
    overflow: hidden;
}
.file_btn02 {
    position: relative;
    float: right;
    margin-right: 15px;
    width: 130px;
    height: 40px;
    outline: 0;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
/*    background: url(../images/icon_05.png) no-repeat #008df3;*/
    background-position: 20px center;
    background-size: auto 30px;
    color: #fff;
    text-indent: 0px;
	text-align:center;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    cursor: pointer;
}
.optionBox input {
    width: 80%;
    height: 40px;
    border: 1px solid #999999;
    background: none;
    color: #333;
    font-size: 13px;
	background:#fff;
    border-radius: 2px;
    padding: 0 1em;
}
.file_btn02 input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.submit {
    position: relative;
    width: 853px;
    float:none;
	margin:0 auto;
	display:block;
    color: #303030;
    height: 50px;
    cursor: pointer;
    letter-spacing: .2em;
    font-size: 22px;
    border-radius: 2px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #999999;
}
.submit:hover {
    background: #008df3;
    color: #ffffff;
}
.optionBox label span {
    color: #f40000;
    font-weight: 600;
    line-height: 40px;
}
.fieldBox ul li.act {
    background: url(../images/opbg.png) no-repeat;
    background-size: 100% 100%;
    border: none;
    color: #ffffff;
}
.fieldBox ul li:hover {
    background: url(../images/opbg.png) no-repeat;
    background-size: 100% 100%;
    border: none;
    color: #ffffff;
}
/*手机*/
.mBox{position: relative;width: 100%;}
.mBox .act{display: block}
.mBox >div{width:100%;position: absolute;left: 0;top:0;display: none}
.mBox >div>img{width: 100%;height: 100%}
.mobile-list{width: 1.8rem;position: fixed;right: 0;top:50%;margin-top:-2rem;z-index: 999}
.mobile-list li{width: 100%;height: 0.92rem;margin-bottom: 0.1rem}
.mobile-list li img{width: 100%;height: 100%}
.san-box>div{position: relative}
.san-box>div>img{width: 100%}
.san-box>div .entryMain{width: 100%;position: absolute;top:5.2rem;left: 0;padding: 0 2%;}
.san-box>div .entryMain .optionBox{width: 100%;height: 0.6rem;margin-bottom: 0.7rem}
.san-box>div .entryMain .optionBox label{width: 1.72rem;height: 0.5rem}
.san-box>div .entryMain .optionBox input{width: 5rem;height: 0.5rem;background-color: #fff}
.san-box>div .entryMain .fieldBox{width:5rem; }
.san-box>div .entryMain .fieldBox li{width: 1.5rem;height: 0.4rem;remtext-align: center;
                                     margin-bottom: 0.2rem;
                                     border-radius: 0.3rem;
                                     font-size: 14px;
                                     line-height: 0.4rem;
                                     margin-right: 0.15rem}
.submit1{width: 100%;height: 0.6rem;text-align: center;color: #ffffff;background: #28a1ff;line-height: 0.6rem;font-size: 0.16rem}




