@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;}
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;}


.jdcpqh{width: 1260px;margin: 0 auto;max-width: 94%; padding-bottom: 90px;}
.jd_title{text-align: center; padding: 80px 0 65px;}
.jd_title h2{font-weight: 500; font-size: 42px;color: #333; margin-bottom: 40px;}
.jd_title li{display: inline-block; padding: 0 15px;}
.jd_title span{display: block;cursor: pointer; position: relative; font-size: 18px; line-height: 70px; padding-right: 100px;color:#000}
.jd_title span:before{position: absolute;content: "";border-bottom: 3px solid #d9dadc; width: 100%; left: 0; bottom: 0;}
.jd_title span:after{position: absolute;content: "";border-bottom: 3px solid #2183e9; width:0; left: 0; bottom: 0;transition: .5s;}
.jd_title li.cur span{color: #2183e9;}
.jd_title li.cur span:after{width: 100%;}
.jd_title span:hover{color: #2183e9;}
.jd_title span:hover:after{width: 100%;}

.jdbox{overflow: hidden;display: flex;justify-content: space-between;}
.jdleft{width: 50%; padding-right: 60px;}
.jdleft h2{font-size: 32px;color: #333; margin: 30px 0;}
.jdleft p{font-size:18px;color: #000; line-height: 26px;}
.jdleft ul{padding-top: 35px; overflow: hidden;}
.jdleft li{float: left; padding-right: 20px;}
.jdleft li a{display: block; border-radius: 6px; text-align: center;width: 150px; line-height: 48px; font-size: 16px; }
.btn1{ background: #2183e9;color: #fff;transition: .5s;}
.btn1 b{display: inline-block; background: url(../images/a_01.png);width: 0;height: 20px;background-size: 100%;vertical-align: middle; margin: -3px 0 0 5px;transition: .5s;}
.btn1:hover b{width: 20px; margin-left: 8px;}
.btn2 b{display: inline-block; background: url(../images/a_02.png);width: 0;height: 20px;background-size: 100%;vertical-align: middle; margin: -3px 0 0 5px;transition: .5s;}
.btn2:hover b{width: 20px; margin-left: 8px;}
.jdright{width: 50%; padding-left: 60px;}
.jdleft dl{padding-top: 30px; margin-top: 40px;border-top: 1px solid #ddd; overflow: hidden;}
.jdleft dl p{float: left;width: 25%; line-height: 42px; font-size: 16px;color: #000;}
/*.jdleft dt a{color: #666;}*/
/*.jdleft dt a:hover{color: #007AFF;}*/
.jdtp img{width: 100%;border-radius: 15px;}
.jdtext{border-radius: 15px;background: #f5f5f5; margin-top: 20px; padding: 50px 20px 30px 20px;}
.jdtext ul{overflow: hidden; padding: 0 0 25px 0;}
.jdtext li{float: left; width: 33.33%;}
.jdtext h1{font-weight: 400; font-size: 34px;margin-bottom: 10px;color: #000;}
.jdtext p{font-size: 16px;color: #000;}
.jdtext h3{font-size: 16px; line-height: 1.6; color: #000;}
.jdtext a{display: inline-block; margin-top: 20px;color: #007AFF;}
.jdtext a b{padding-left: 10px;}
.jdbox{animation: fadeIn 1s 1;}

.bj1{ background-image: linear-gradient(#f5f5f5, #f5f5f5);}
.zgjd{width: 1340px; margin: 0 auto;max-width: 94%; padding-bottom: 90px;}
.zgjd_title h2{font-weight: 500; font-size: 40px;padding: 80px 0 70px;color: #333;text-align: center;}
.zgjd_nr ul{overflow: hidden; padding-bottom:55px; border-bottom: 1px solid #d3dae3;}
.zgjd_nr li{float: left;width: 33.33%;text-align: center;}
.zgjd_nr ul li h2{font-size: 42px;color: #2183e9; margin-bottom: 15px;}
.zgjd_nr ul li h2 span{font-size: 62px;}
.zgjd_nr ul li p{font-size: 18px;color: #333; line-height: 1.5;}
.zgjd_nr dl{overflow: hidden; padding-top: 50px;overflow: hidden;}
.zgjd_nr dt{float: left; width: 20%; padding-left: 20px;}
.gobox{position: relative;}
.gobox img{width: 100%;}
.gotext{position: absolute; width: 100%; left: 0; top: 50%;transform: translateY(-50%);text-align: center; padding: 0 15px;}
.gotext p{font-size: 18px;color: #666;padding-bottom: 15px;margin-bottom: 10px;border-bottom: 1px solid #dbe0e7;}
.gotext p:nth-child(2){font-weight: bold; font-size: 16px;color: #333; line-height: 1;border-bottom:0px;margin-bottom:3px;}
.gotext p:nth-child(3){font-weight: bold; font-size: 16px;color: #333; line-height: 1;border-bottom:0px}
.h200{height: 400px;}

.rightfd{position: fixed;width: 77px; right: 0;top: 50%;transform: translateY(-50%);text-align: center;border-radius: 15px;z-index: 10;}
.rightfd li{ border-bottom: 1px solid rgba(255,255,255,.3); position: relative;}
.rightfd  ul li:nth-child(1) .ribox{ border-radius: 18px 18px 0 0;}
.rightfd  ul li:nth-child(3) .ribox{ border-radius: 0 0 18px 18px;}
.ribox{padding: 25px 0;position: relative;z-index: 10;background: #2f80f4;}
.rightfd p{line-height: 1.5;color: #fff; margin-top: 5px;}
.ribox img{margin: 0 auto; width: 30px;}
.sqbox{position: absolute;width: 375px;border-radius: 20px; overflow: hidden; background: #fff;top: 0; left: 0; overflow: hidden; box-shadow:0 0 10px rgba(0, 0, 0, .1); opacity: 0;transition: .5s;}
.ribox:hover{background: #2063f2;}
.sqtop{padding: 50px 0 55px;background: #2f7ff3;text-align: center;}
.sqtop p{font-size: 14px;color: #fff; margin: 20px 0 25px;}
.sqtop h2{font-weight: bold; font-size: 26px;color: #fff;}
.sq_bottom{overflow: hidden;}
.sqright{width: 150px;float: right;}
.sqright img{width: 100%;}
.sqleft{float: left;width: calc(100% - 150px); padding: 30px 0 0 25px;overflow: hidden;}
.wbnr{float: right;width: calc(100% - 42px);}
.wbnr h2{font-weight: 500;color: #2f80f5; font-size:17; line-height: 1.5;text-align: left;}
.wbnr a{display: block;text-align: center;color: #fff; width: 115px; line-height: 30px;border-radius: 6px; font-size: 14px; background: #2f80f4;margin-top: 10px;}
.sqleft span{float: left;}

.rwm{position: absolute;width: 180px; padding: 25px 25px 0 25px;background: #fff; box-shadow:0 0 10px rgba(0, 0, 0, .1);bottom: 0; left:0; z-index: 1;opacity: 0;transition: .5s;}
.rwm img{width: 100%;}
.rwm p{text-align: center; font-size: 14px; line-height: 52px; color: #007AFF;}
.tc1:hover .sqbox{left: -385px; opacity: 1;}
.tc2:hover .rwm{opacity: 1;left: -190px;}

@media(max-width:1360px){
.jd_title span{padding-right: 30px;}	
.gotext p{padding-bottom: 8px; margin-bottom: 5px;}
.gotext h2{font-size: 12px; line-height: 1.6;}
.gotext p{font-size: 12px;}
}
@media(max-width:1000px){
.jd_title{padding: 50px 0 30px;}
.jd_title h2{font-size: 24px;}
.jd_title span{padding: 0; line-height: 40px;font-size: 14px;}
.jd_title ul{text-align: left;overflow: auto;white-space: nowrap;}
.jd_title ul::-webkit-scrollbar {width: 0;height: 0;}
.jdbox{display: block;}
.jdleft{width: 100%; padding: 0;}
.jdleft img{width: 200px;}
.jdright{width: 100%; padding: 20px 0 0 0;}
.jdtext h1{font-size: 24px;}
.jdtext ul{display: flex;justify-content: space-between;}
.jdtext p{font-size: 12px;}

.rightfd{display: none;}
.jdcpqh{padding-bottom: 50px;}
.zgjd_title h2{padding: 50px 0 35px; font-size: 24px;}
.zgjd_nr ul li{width: 100%; padding-bottom: 35px;}
.zgjd_nr ul li h2{font-size: 14px;}
.zgjd_nr ul li h2 span{font-size: 24px;}
.zgjd_nr ul li p{font-size: 14px;}
.zgjd_nr ul{padding-bottom: 0px;display:flex}
.zgjd_nr  dl{font-size: 0;text-align: center;}
.zgjd_nr dt{width: 50%; padding-bottom: 25px;display: inline-block;float: none;}
.zgjd{padding-bottom: 40px;}
}