@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;min-width: 1200px;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

#head{height:100px; width: 100%; position: fixed;top: 0;left: 0;z-index: 100;transition: All 0.4s ease-in-out;}
#head.on{background: #3786ff;}
.banner img{width: 100%;}
.logo{float: left; font-weight: bold; font-size: 24px; color: #fff;}
.headerbox{width: 1410px;max-width: 94%; margin: 0 auto; height: 100px;position: relative;}
.dlbox{position: absolute; right: 0; top: 110px;background: #fff; width: 380px; padding: 0 20px 30px 20px;border-radius: 10px;display: none;}
.dlbox h2{font-size: 20px; font-weight: bold; color: #333; line-height: 80px;}
.dlbox li{border-bottom: 1px solid #ddd;}
.wby1{width: 100%; height: 50px; padding: 0 0 0 40px;line-height: 50px;background: url(../images/a_02.png) no-repeat 10px center;}
.wby2{width: 100%; height: 50px; padding: 0 0 0 40px;line-height: 50px;background: url(../images/a_03.png) no-repeat 10px center;}
.ddbtn1{border-radius: 8px; height: 45px; font-size: 16px; margin-top: 20px; color: #fff; background-image: linear-gradient(to right, #2f57d4 , #2c81fd);border: none; width: 100%;}
.dlbox p{font-size: 14px; margin-top: 20px;}
.dlbox p a{color: #333;}
.dlbox p a:hover{text-decoration: underline;}
.logo{float: left; line-height: 100px; font-size: 24px;}
.logo a{font-weight: bold; color: #fff;font-style: italic;font-size: 24px;}
.dlbtn{float: right; width: 100px; height: 36px;border-radius: 18px; border:1px solid #fff;background: #345ac5;text-align: center; margin-top: 32px;}
.dlbtn li{line-height: 34px; font-size: 14px; color: #fff;display: inline-block;font-weight: bold;}
.dlbtn li a{color: #fff;}
.dlbtn li a:hover{color: #428eff;}
#loutiNav{float: right; padding-right: 80px;}
#loutiNav ul{overflow: hidden;}
#loutiNav li{float: left; padding-left: 80px;font-size: 18px; line-height: 100px;}
#loutiNav li span{display: block;position: relative;color: #fff;cursor: pointer;font-weight: bold;}
#loutiNav span:before{border-bottom:3px solid #c6f0fd ;left: 50%;bottom: 20px; transform: translateX(-50%);width: 0;transition: All 0.4s ease-in-out; position: absolute;content: "";}
#loutiNav .active:before{width: 100%;}
#loutiNav .active{color: #c6f0fd;}
#loutiNav span:hover:before{width: 100%;}
.bj1{background: #f1f1f1;}
.yspt{width: 1410px; margin:-85px auto 0 auto; max-width: 94%;}
.yspt_title{text-align: center; padding: 80px 0 40px;}
.yspt_title h2{font-size: 36px; font-weight: bold; color: #333; padding-bottom: 35px;position: relative;}
.yspt_title h2:before{position: absolute; content: ""; border-bottom: 3px solid #3f8cff;width: 60px; bottom: 20px;left: 50%;transform: translateX(-50%);}
.yspt_title p{font-size: 14px; color: #999;}
.yspt_nr{padding-bottom: 120px;display: flex;justify-content : space-between;align-items: center;}
.ystp_left{width: 50%; padding: 20px; position: relative;}
.ystp_left img{width: 100%; position: relative;z-index: 10;}
.ystp_left:before{width: 100px ;height: 100px;position: absolute;content: "";background: #3f8cff;left: 0; top:0;}
.ystp_left:after{width: 200px ;height: 100px;position: absolute;content: "";background: #3f8cff;right: 0; bottom:0;}
.ystp_right{width: 50%; padding-left: 50px;}
.ystp_right li{padding: 15px 0;}
.ystp_right h2{font-weight: bold; font-size: 24px; margin-bottom: 10px; color: #3f8cff;}
.ystp_right p{font-size: 16px; color: #999;}

.fwfw{width: 1410px; margin: 0 auto; max-width: 94%; padding-bottom: 50px;}
.fwfw_nr ul{overflow: hidden; margin-left: -60px;}
.fwfw_nr li{float: left; width: 50%; padding: 0 0 30px 60px;}
.fwbox{border-radius: 10px;background: #f4f4f4; padding: 15px 30px;display: flex;justify-content : space-between; align-items: center;}
.fwtext{width: calc(100% - 240px);}
.fwtext p{font-size: 22px; color: #666;line-height: 1.8;}
.wbbox img{width: 100%;}

.qyjj{width: 1410px; margin: 0 auto;max-width: 94%;}
.qyjj_nr{padding-bottom: 100px; overflow: hidden;}
.qyjj_right{float: right;width: 50%;}
.qyjj_right img{width: 100%;}
.qyjj_left{float: left;width: 50%; padding-right: 50px;}
.qyjj_left h2{position: relative; font-weight: bold; font-size: 22px; padding-bottom: 30px; color: #2e79ff;}
.qyjj_left h2:before{position: absolute; content: ""; border-bottom: 3px solid #2e79ff;width: 60px;left: 0; bottom: 15px;}
.qyjj_left p{color: #666; font-size: 16px; line-height: 2; margin-bottom: 20px;}
.bj2{background: url(../images/a_16.png) no-repeat center;background-size: cover;}

#foot{background: #3786ff; padding: 30px 0;}
.footer{width: 1410px; max-width: 94%; margin: 0 auto; position: relative;overflow: hidden;}
.rwm{width: 106px; float: right;text-align: center;}
.rwm h2{font-size: 16px; margin-top: 10px; color: #fff;}
.bqxx{width: 100%; position: absolute; left: 0;top:50%; transform: translateY(-50%);}
.bqxx p{font-size: 16px; line-height: 2.2; color: #fff;text-align: center;}
.bqxx p a{color: #fff;}