@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; min-width:1200px; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width:1100px;  margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}

.flex{ display: flex; align-items: center;}


.pagebj{ position: fixed; left:0; top:0; width:100%; height:100%; }
.loginbj{ background: url(../images/loginbj.jpg) no-repeat center center; background-size:cover; }
.registerbj{ background: url(../images/registerbj.jpg) no-repeat center center; background-size:cover; }


.main{ position: relative; z-index:1; }


.logo{ width:500px; margin:85px auto; }
.logo img{ display: block; width:100%; }


.userMain{ overflow: hidden; position: relative; border-radius:15px; box-shadow:0 0 30px #505050; }
.userMain .img{ width:50%; position: absolute; left:0; top:0; height:100%; }
.userMain .content{ width:50%; background:#ffffff; padding:70px 90px; }
.content_tit{ line-height:1; }
.content_tit h3{ font-size:36px; color:#4467f7; }
.content_tit p{ font-size:24px; color:#949494; margin-top:20px; letter-spacing:4px; }

.formList{ overflow:hidden; margin-top:50px; }
.formList li{ float:left; width:100%; }
.formList li.litext{ height:52px; border:1px solid #e8e8e8; background:#ffffff; border-radius:26px; margin-bottom:20px; overflow:hidden; }
.formList li .ico{ width:50px; float:left; height:50px; text-align:center; line-height:50px; color:#b8bcc4; }
.formList li .ico span{ font-size:20px; }
.formList li .input{ padding-left:50px; }
.formList li .input input{ height:50px; width:100%; line-height:50px; padding-right:15px; }
.formList li .input input::placeholder{ color:#979797; font-size:14px; }
.formList li .inputCode{ position: relative; }
.formList li .inputCode .btn{ position: absolute; background:#617bf3; font-size:16px; cursor:pointer; text-align:center; color:#ffffff; text-align:center; right:0; height:50px; line-height:50px; width:120px; top:0; }
.formList li .inputImg{ position: relative;}
.formList li .inputImg img{ cursor:pointer; height:50px; width:150px; position: absolute; right:0; top:0;}
.formList li.litext:hover{ border-color:#617bf3; }
.formList li.litext:hover .ico{ color:#617bf3; }

.formList li.submit{}
.formList li.submit input{ cursor:pointer; height:50px; width:100%; font-size:20px; font-weight:bold; line-height:50px; display: block; border-radius:25px; background:#617bf3; color:#ffffff; }

.tips{ font-size:14px; color:#525252; margin-top:30px; line-height:30px; padding:0 20px; }
.tips a.fr{ color:#3969fa; font-size:14px; }
.tips a:hover{ text-decoration: underline; color:#3969fa; }

.userMain .content2{ background:#ffffff url(../images/rigContent.jpg) no-repeat center top; background-size:100% auto; }

.copy{ text-align: center; color:#8fabf4; font-size:14px; padding:60px 0; }
.copy2{ color:#808080; }

.pageban{ overflow:hidden; height:400px; background: url(../images/pageban.jpg) no-repeat center center; background-size:cover; }
.pageban .logo2{ height:70px; margin-top:50px; }
.pageban .logo2 img{ display:block; height:100%; float:left; }
.pageban .logo2 .signout{ float:right; width:100px; border-radius:17px; height:34px; font-size:14px; line-height:32px; border:1px solid #ffffff; color:#ffffff; text-align:center; margin-top:18px; }
.pageban .logo2 .signout:hover{ background:#ffffff; color:#3a68f6; }

.pageban .bantxt{ height:70px; margin:50px 0 0 420px; }
.pageban .bantxt img{ display:block; height:100%; }


.queryMain{ border-radius:15px; margin-top:-100px; box-shadow:0 20px 20px #dedede; background: url(../images/queryMain.jpg) no-repeat center top; background-size:100% auto; min-height:600px; padding:0 60px; overflow:hidden; }
.queryTit{ font-size:28px; color:#3a68f6; background: url(../images/queryTit.png) no-repeat center center; background-size:cover; line-height:62px; text-align:center; width:505px; height:62px; margin:70px auto;  }

.query{ width:100%; }
.query img{ display:block; width:100%; }

.queryBtn{ text-align:center; margin:70px 0; }
.queryBtn a{ padding:0 120px; display:inline-block; height:60px; line-height:60px; border-radius:5px; font-size:18px; font-weight:bold; text-align:center; background:#f5881f; color:#ffffff; }
.queryBtn span{ float: left; }
.queryBtn .iconfont{ font-size:28px; font-weight:normal; margin-right:12px; }
.queryBtn .tit{ }
.queryBtn a:hover{ background:#3969fa; }

.queryTips{ margin:170px 0; }
.queryTips .tit{ color:#3a68f6; font-size:30px; text-align:center; }
.queryTips .img{ width:200px; margin:70px auto 0 auto; }
.queryTips .img img{ display: block; width:100%; }


.applicationTop{ position:relative; margin-top:-60px; background:#ffffff url(../images/applicationTop.jpg) no-repeat center top; background-size:100% auto; text-align:center; padding:70px 50px; box-shadow:0 20px 20px #e8e8e8; border-radius:15px; }
.applicationTop::after{ content:""; width:1036px; height:20px; border-radius:10px 10px 0 0; position: absolute; left:50%; top:-20px; margin-left:-518px; background: rgba(255,255,255,0.5); }
.applicationTop::before{ content:""; width:1000px; height:40px; border-radius:10px 10px 0 0; position: absolute; left:50%; top:-40px; margin-left:-500px; background: rgba(255,255,255,0.2);}
.applicationTop .tit{ color:#346afa; font-size:30px; font-weight:bold; }
.applicationTop .tit span{ font-size:30px; margin-right:10px; }
.applicationTop .info{ color:#333333; font-size:16px; margin-top:15px; padding-bottom:50px; border-bottom:1px solid #eeeeee; }

.applicationMain{ padding:30px; background:#ffffff; margin-top:30px; box-shadow:0 20px 20px #e8e8e8; }
.applicationTit{ height:54px; padding-left:54px; line-height:54px; position: relative; background:#f3f5fc; border-radius:5px; overflow: hidden; }
.applicationTit .ico{ width:54px; height:54px; position: absolute; left:0; top:0; background:#376afa; color:#ffffff; text-align: center; }
.applicationTit .ico span{ font-size:24px; }
.applicationTit .tit{ padding-left:15px; color:#333333; font-size:20px; font-weight:bold; float: left; }
.applicationTit .alt{ float: left; color:#6b6b6b; font-size:16px; }


.applicationList{ overflow:hidden; padding:54px; margin-top:-20px; }
.applicationList li{ width:440px; float: left; margin-right:50px; height:40px; overflow:hidden; margin-top:20px; }
.applicationList li .tit{ width:100px; float:left; color:#777777; line-height:40px; font-size:16px; }
.applicationList li .content{ width:340px; float:left;  }
.applicationList li .content .input{ border:1px solid #e5e5e5; height:40px; display: block; width:100%; border-radius:5px; padding:0 10px; color:#333333; }
.applicationList li .content .input::placeholder{ color:#b4b4b4;}
.applicationList li .content .select{ border:1px solid #e5e5e5; height:40px; display: block; width:100%; border-radius:5px; overflow: hidden; position:relative; }
.applicationList li .content .select select{ width:100%; height:38px; padding:0 10px; }
.applicationList li .content .select .iconfont{ font-size:16px; height:40px; width:40px; position:absolute; right:0; top:0; line-height:40px; text-align:center; color:#000000; }
.applicationList li .radio{ line-height:40px; color:#404040; font-size:16px; }
.applicationList li .radio label{ margin-right:16px; cursor:pointer; }
.applicationList li .radio label input{ margin-right:8px; }
.applicationList li:nth-child(2n){ margin-right:0; }

.applicationList li.pic{ height:auto; width:100%; }
.applicationList li.pic .content{ width:800px;}
.applicationList li.pic .img{ background:#f9f9f9; border:1px solid #dcdcdc; width:140px; height:180px; border-radius:5px; overflow:hidden; position: relative; }
.applicationList li.pic .img img{ display: none; width:100%; height:100%; }

.imgtxt{ width:100%; height:80px; position: absolute; top:50%; left:0; margin-top:-40px; }
.imgtxt .iconfont{ display: block; font-size:40px; width:40px; line-height:1; height:40px; margin:0 auto; color:#959595; }
.imgtxt .text{ color:#777777; font-size:14px; line-height:20px; margin-top:20px; text-align:center; }
.imgAlt{ color:#9f9f9f; font-size:14px; margin-top:20px; }

.addMain{ padding:54px; }
.addBtn{ width:80px; height:40px; line-height:40px; border-radius:5px; color:#ffffff; background:#f5881f; font-size:14px; text-align:center; cursor:pointer; }
.addBtn span{ font-size:14px; margin-right:7px; }

.addList{ overflow: hidden; }
.addList li{ float: left; overflow: hidden; height:40px; margin-top:10px; }
.addList li .input{ float: left; margin-right:10px; }
.addList li .input01{ width:230px; }
.addList li .input02{ width:300px; }
.addList li .input03{ width:205px; }
.addList li .input04{ width:420px; }
.addList li .input input{ display: block; width:100%; height:40px; border:1px solid #e5e5e5; border-radius:5px; padding:0 15px; }
.addList li .input input::placeholder{ color:#b4b4b4; }
.addList li .btn{ float: left; cursor:pointer; height:40px; width:60px; border-radius:5px; text-align:center; line-height:40px; text-align:center; color:#ffffff; background:#376afa; }
.addList li .btn:hover{ background:#f5881f; }


.applicationBottom{ padding:54px 0; border-top:1px solid #eeeeee; text-align: center; }
.applicationBottom .btn{ cursor:pointer; margin:0 5px; height:40px; width:160px; border:1px solid #dcdcdc; border-radius:5px; background:none; color:#636363; font-size:16px; font-weight:bold; }
.applicationBottom .btn01{ background:#f5881f; border-color:#f5881f; color:#ffffff; }
.applicationBottom .btn:hover{ background:#376afa; border-color:#376afa; color:#ffffff; }


.applicationTable{ width:960px; margin:0 auto; }
.applicationTable .tit01{ background:#376afa; color:#ffffff; font-size:18px; padding:8px 20px; font-weight:bold; }
.applicationTable .tit02{ background:#f6f6f6; color:#333333; font-size:14px; padding:8px 20px; text-align:right; line-height:1.4; }
.applicationTable .tit03{ background:#f6f6f6; color:#333333; font-size:14px; padding:8px 20px; text-align:center; line-height:1.4;  }

.applicationTable .table01{ border-bottom:none; }
.applicationTable table{ border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; width:960px; }
.applicationTable table td{ border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.applicationTable table .td12{width:960px; }
.applicationTable table .td6{width:480px; }
.applicationTable table .td5{width:400px; }
.applicationTable table .td4{width:320px; }
.applicationTable table .td3{width:240px; }
.applicationTable table .td2{width:160px; }

.applicationTable .info{ padding:20px; line-height:2; font-size:16px; color:#333333; }
.applicationTable .text01{ padding:8px 20px; color:#333333; font-size:14px; }
.applicationTable .text02{ padding:8px 20px; color:#333333; font-size:14px; text-align:center; }


.applicationDownload{ margin:0 auto 50px auto; width:400px; overflow:hidden; }
.applicationDownload span{ font-size:18px; margin-right:9px; }
.applicationDownload a{ float:left; border-radius:5px; width:160px; margin:0 20px; height:50px; text-align:center; font-size:18px; line-height:50px; background:#376afa; color:#ffffff; }

.animated{opacity: 0;}

.txtmove{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.imgmove{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.imgmove:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}