@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";color:#333;margin:0px auto; background:url(../images/bg1.jpg) repeat;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#222222;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#3a5df5;text-decoration:none;}
.center{margin:0px auto;}
.moddle{ width:1200px;}
.fl{ float: left;}
.fr{ float: right;}
.sbj{margin-top:45px;}
.topnav{ width:100%; background:url(../images/bg.jpg) no-repeat center top;}
.top{height:26px; line-height:26px; text-align:right; color:#666666; border-top:5px solid #991313;}
.top a{padding:0px 10px; color:#666666;}
.logo{ height: 100px; width: 300px; margin-right: 30px;}
.logo img{ margin-top: 20px;}
#nav{ height:100px; line-height:100px; width: 770px;}
#nav li{float:left;text-align:center; width:200px;}
#nav ol{ float:left;}
#nav li a{line-height:100px;display:block;height:100px;text-align:center;font-size:18px;}
#nav li a:hover{text-decoration:none; height:100px; font-size:18px; font-weight: bold;}
.topr{ width: 100px; line-height: 100px; font-size: 14px;}
.topr a{ font-size: 14px;}
#wrap{ width:100%; background:url(../images/bgpic.jpg) no-repeat center top; padding-top:45px;}
.rjxz{ padding: 100px 0px; text-align: center; }
.tjxzt{color: #333; font-weight: bold; font-size: 28px; line-height: 56px; background:url(../images/title.png) no-repeat center bottom; margin-bottom: 25px; text-align: center;}
.tjxzb{ margin-bottom: 30px;}
.tjxzb1 .xzl{ width: 380px; margin-right: 20px; background: url(../images/app.jpg) no-repeat left center; height: 378px; text-align: left;}
.xzrj{ border: 2px solid #F4F4F4; border-radius: 16px; margin-bottom: 30px}
.xzl{ width: 380px; margin-right: 20px; background: url(../images/zmd.jpg) no-repeat left center; height: 378px; text-align: left;}
.xzl p{ padding-left: 16px; line-height: 48px; font-size: 16px; color: #000;}
.xzr{ width: 796px; text-align: left; margin-top: -50px;}
.xzr dl{ padding: 10px 0px;}
.xzr dl dt{ line-height: 60px; font-size: 26px; color: #333333;}
.xzr dl dt span{ font-size: 18px;}
.xzr dl dt em{ font-style: normal; font-size: 14px; margin-left: 25px;}
.xzr dl dt em img{ height: 20px; width: 20px; vertical-align: middle;}
.xzrn dl dt em{ font-style: normal; font-size: 14px; margin-left: 25px;}
.xzrn dl dt em img{ height: 20px; width: 20px; vertical-align: middle;}
.xzr dl dd{ line-height: 30px; font-size: 18px; height: 210px; margin-bottom: 15px;}
.xzr dl ol{ width: 160px; background: #fff;  text-align: center; line-height: 42px; float: left; margin-right: 25px; color: #96A8F7; font-size: 16px; }
.xzr dl ol .wk{border: 2px solid #96A8F7; border-radius: 21px;}
.xzr dl ol a{ color: #3a5df5; font-size: 16px; border: 2px solid #2E52F0; border-radius: 21px; display: block;}
.xzrn{ width: 796px; text-align: left; }
.xzrn dl{ padding: 10px 0px;}
.xzrn dl dt{ line-height: 60px; font-size: 26px; color: #333333;}
.xzrn dl dt span{ font-size: 18px;}
.xzrn dl dd{ line-height: 30px; font-size: 18px; height: 210px; margin-bottom: 20px;}
.xzrn dl ol{ width: 160px; background: #fff;  text-align: center; line-height: 42px; float: left; margin-right: 25px; color: #96A8F7; font-size: 16px; }
.xzrn dl ol .wk{border: 2px solid #96A8F7; border-radius: 21px;}
.xzrn dl ol a{ color: #3a5df5; font-size: 16px; border: 2px solid #2E52F0; border-radius: 21px; display: block;}
.xzlb{ position: relative; float: right; margin-right: 10px;}
.xzlb li{ width: 220px; text-align: center; background: url(../images/icon_list.png) no-repeat 165px center;}
.xzlb li a{line-height:49px;display:block;height:49px;text-align:center;font-size:16px; color: #3a5df5; font-weight: bold;}
.xzlb li dl{width:220px;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left; border: 1px solid #A8B8FB; border-radius: 16px; padding: 12px 0px; background: #fff;}
.xzlb li dl dt{height:45px;line-height:45px; }
.xzlb li dl dt a{color:#999999;font-size:16px;height:45px;line-height:45px; font-weight:100;}
.xzlb li dl dt a:hover{ background:none; color: #3a5df5; font-weight: bold;}
.xzlb li dl dt:hover{ background: #F5F7FE;}
.xzlb li:hover dl{left:auto;}
.footnav{ width:100%; background:url(../images/foot.png) no-repeat center bottom;}
.contact{ width:570px; float:left;}
.contact dl{ font-size:18px; font-weight:bold; color:#c62b2b; margin-top:25px;}
.contact dt{ width:285px; float:left; color:#333333; font-size:15px; font-weight:bold; line-height:35px; margin-top:15px;}
.contactn{ width:630px; float:right; background:url(../images/wz.png) no-repeat right bottom; padding-bottom:70px; text-align:right;}
.contactn li{ margin-top:15px; line-height:50px; margin-bottom:40px;}
.contactn li a{ font-size:14px; font-weight:bold; color:#333; padding-left:20px;}
.footer{ background: url(../images/footer.jpg) no-repeat center; padding: 60px 0px; color: #fff;}
.footer a{ color: #fff;}
.footl{ width: 400px;}
.footl p{ line-height: 36px; font-size: 16px}
.footl p b{ font-size: 20px;}
.footc{ width: 600px;}
.footc li{ width: 30%; float: left; line-height: 36px;}
.footc li a{ font-size: 18px;}
.footc li dl dt a{ font-size: 16px;}
.footr{ width: 200px; text-align: center;}
.footr img{ width: 130px; height: 130px;}
.footr p{ line-height: 45px; font-size: 16px;}
.coryright{ text-align: center; font-size: 14px;}
.coryright a{ font-size: 14px;}

.wrapper {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
			margin-bottom: 50px !important;
        }
        
.wrapper header {
            background: #4a6bdf;
            color: white;
            padding: 25px;
            text-align: center;
        }
        
.wrapper header h1 {
            font-weight: 600;
            font-size: 2.2rem;
            margin-bottom: 10px;
        }
        
.wrapper .last-updated {
            font-style: italic;
            opacity: 0.9;
        }
        
.wrapper .agreement-content {
            padding: 30px;
            border-bottom: 1px solid #eee;
            border-top: 1px solid #eee;
        }
        
.wrapper h2 {
            color: #4a6bdf;
            margin: 25px 0 15px;
            padding-bottom: 8px;
            border-bottom: 2px solid #eaeaea;
			font-size: 20px;
        }
        
.wrapper h3 {
            color: #555;
            margin: 20px 0 10px;
        }
        
.wrapper p {
            margin-bottom: 15px;
            text-align: justify;
			font-size: 14px;
        }
        
.wrapper ul {
            margin-bottom: 15px;
            padding-left: 20px;
        }
        
.wrapper li {
            margin-bottom: 8px;
        }
        
/*弹窗*/
.tanchuang{position: fixed;z-index: 9999;left: 0;top: 0; width: 100%;height: 100%;background: rgba(0,0,0,.8);display: flex;justify-content: center;align-items: center;}

.tanchuang .tcwrap{background: #fff;position: relative; width: 400px; }
.tcti {text-align: center; margin: 20px 0px 0px 0px; padding-bottom: 25px; border-bottom: 1px solid #E5E5E5;}
.tcti span{font-size: 20px; padding-bottom: 25px;}
.tcti p{font-size: 16px;color: #666;margin-top: 5px;}
.zctanchuang{position: fixed;z-index: 9999;left: 0;top: 0; width: 100%;height: 100%;background: rgba(0,0,0,.8);display: flex;justify-content: center;align-items: center;}
.zctanchuang .tcwrap{background: #fff;position: relative; width: 400px; }
.zctanchuang .cha{position: absolute;right: 15px;top: 15px;font-size: 30px;cursor: pointer;}
.zctanchuang p{ font-size: 14px; line-height: 35px; padding-bottom: 35px;}

.tanchuang .cha{position: absolute;right: 15px;top: 15px;font-size: 30px;cursor: pointer;}
.tanchuang .message{ padding: 20px;}
.tanchuang .message .bigbox{margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;}
.tanchuang .message .bigbox .box2{width: 100%;}
.tanchuang .message .bigbox .box2 input{width: 94%;line-height: 40px;outline: none;border-radius: 4px;border: 1px solid #e1e1e1;background: #fff;padding: 0 10px;}
.tanchuang .message .bigbox .box2 input::placeholder {color: #999999;font-size: 14px;}
.tanchuang .message .bigbox .box2 input:focus{border-color: #1345fc;}
.tanchuang .message .bigbox .box2 select{width: 100%;height:40px; line-height: 40px;outline: none;border-radius: 4px;border: 1px solid #ccc;background: #fff;padding: 0 10px;color: #666;}
.tanchuang .message .bigbox .box2 select:focus{border-color: #1345fc;}
.tanchuang .message .bigbox .box2 textarea{width: 100%;height:100px; outline: none;border-radius: 4px;border: 1px solid #ccc;background: #fff;padding: 10px;}
.tanchuang .message .bigbox .box2 textarea:focus{border-color: #1345fc;}
.tanchuang .message .bigbox .box2 textarea::-webkit-input-placeholder{line-height: 1.4}
.tanchuang .message .input_sub{outline:none;border: none;line-height: 44px;text-align: center;font-size:16px;background: #071B46;color: #fff;border-radius: 4px;width: 100%;cursor: pointer;letter-spacing:10px;}
.tanchuang .message .bigbox .box3{width: 100%; margin-top: 20px; font-size: 14px;}
.tanchuang .message .bigbox .box3 a{ color: #06183c; font-size: 14px;}
.tanchuang .message .bigbox .box4{width: 100%; font-size: 14px;}
.tctib {text-align: center;  border-top: 1px solid #E5E5E5;}
.tctib p{font-size: 12px;color: #999;margin-top: 15px;}
.tctib p a{ font-size: 14px; color: #071B46;}
 .container {
            width: 100%;
            max-width: 450px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            overflow: hidden;
        }
        
        .header {
            background: #4a6bdf;
            color: white;
            padding: 25px;
            text-align: center;
        }
        
        .header h1 {
            font-weight: 600;
            font-size: 1.8rem;
        }
        
        .form-container {
            padding: 30px;
        }
        
        .input-group {
            margin-bottom: 20px;
            position: relative;
        }
        
        .input-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #333;
            font-size: 14px;
        }
        
        .input-group input {
            width: 92%;
            padding: 14px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 16px;
            transition: all 0.3s ease;
        }
        
        .input-group input:focus {
            outline: none;
            border-color: #4a6bdf;
            box-shadow: 0 0 0 3px rgba(74, 107, 223, 0.2);
        }
        
        .input-group .error {
            color: #e74c3c;
            font-size: 12px;
            margin-top: 5px;
            display: none;
        }
        
        .input-group.error input {
            border-color: #e74c3c;
        }
        
        .input-group.error .error {
            display: block;
        }
        
        .checkbox-group {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
        }
        
        .checkbox-group input {
            margin-right: 10px;
            width: 18px;
            height: 18px;
        }
        
        .checkbox-group label {
            font-size: 14px;
            color: #555;
        }
		.checkbox-group label a{
			font-size: 14px;
			color: #06183c;
		}
        
        .checkbox-group .error {
            color: #e74c3c;
            font-size: 12px;
            margin-top: 5px;
            display: none;
        }
        
        .checkbox-group.error .error {
            display: block;
            margin-left: 28px;
        }
        
        button {
            width: 100%;
			font-size: 14px !important;
            padding: 15px;
            background: #4a6bdf;
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.3s ease;
        }
        
        button:hover {
            background: #3a5bd0;
        }
        
        .message {
            margin-top: 20px;
            padding: 15px;
            border-radius: 6px;
            text-align: center;
            display: none;
        }
        
        .error-message {
            background: #ffebee;
            color: #e74c3c;
            border: 1px solid #e74c3c;
        }
        
        .success-message {
            background: #e8f5e9;
            color: #2e7d32;
            border: 1px solid #2e7d32;
        }
        
        @media (max-width: 480px) {
            .container {
                max-width: 100%;
            }
            
            .form-container {
                padding: 20px;
            }
        }


.content{line-height:36px;font-size:13px;}
.left{ width:245px; float:left; margin-right:40px; margin-bottom:50px;}
#iright{float:left;width:915px;margin-bottom:50px;}
.title4{background:url(../images/logo1.png) no-repeat left bottom; font-size:22px; font-weight:bold; padding-left:150px; height:53px; line-height:53px;}
.title4 span{ float:right; padding-right:5px; font-size:14px; line-height:53px;}
/*内页样式*/
.tp{width:893px;height:140px;border-bottom:1px #ccc solid;padding-top:10px;}
.tp_img{width:180px;float:left;margin-right:10px;}
.tp_wz{width:703px;float:right;}
.tp_wz_bt{height:30px;line-height:30px;text-align:left;}
.tp_wz_bt a{font-size:14px;font-weight:bold;}
.tp_wz_bt span{float:right;padding:0px 10px 0px 10px;background:#991313;}
.tp_wz_bt span a{font-size:12px;font-weight:normal; color:#fff;}
.tp_wz_bt span a img{margin-right:10px;}
.tp_wz_nr{line-height:24px;text-align:left;color:#666;}
.tittle{text-align:center;line-height:40px;height:40px;font-size:14px;font-weight:bold;margin-top:20px;}
.lb{text-align:left;text-indent:2em;}
.nyxw2{width:48%;float:left;text-align:left;text-indent:1.5em;height:40px;line-height:40px;border-bottom:1px #ccc dotted;background:url(../images/dot.png) no-repeat left;background-position:5px center;margin-right:2%}
.nyxw2 span{float:right;height:40px;line-height:40px}
.page{width:100%;text-align:center;margin:0px auto;}
.page li{text-align:center;padding-right:10px;float:left}
.page li a{ font-size: 14px;}
.inews{padding:0px 10px;text-align:left;}
.inews li{height:40px;line-height:40px;text-align:left;border-bottom:1px #ccc dotted;background:url(../images/dot.png) no-repeat;background-position:left center;padding-left:15px;}
.inews li span{float:right}
/*内页样式*/
.cpzs1{ margin-top:10px;}
.cpzs1 div{ width:218px; float:left; margin:0px 5px;}
.cpzs1 div li{ width:218px;height:152px;}
.cpzs1 div li a{ width:218px;}
.cpzs1 div li a img{ border:1px solid #ccc; width:216px; height:150px;}
.cpzs1 div p{ line-height:32px; height:32px; text-align:center;}
.mup1{ font-size:14px; font-weight:bold; border-bottom:1px solid #991313;}
.icpfl ul li{ border-bottom:1px dotted #ccc; background:url(../images/dot.png) no-repeat 10px center; height:36px; line-height:36px;}
.icpfl ul li a{ padding-left:20px; font-size:14px; font-weight:bold;}
.icpfl ul p{ border-bottom:1px dotted #ccc; background:url(../images/dot.png) no-repeat 20px center; height:36px; line-height:36px;}
.icpfl ul p a{ padding-left:30px;font-weight:bold;}