@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0;box-sizing: border-box}
body {font-size:14px;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width:1200px;}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
a {color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none;}
.text-cut  /*限制文字,文字超出显示冒号*/
{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;}
.container{max-width: 1200px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
.text-center{text-align: center}


/*============================ 公共部分 ============================*/
.fanye {overflow: hidden;}
.fanye .fanyeA,.fanye .fanyeB { color:#666; line-height:2;font-size: 16px}
.fanye a{color: #333}
.fanye a:hover { text-decoration:underline;}


/* 文章类别上下页 */
.page { overflow:hidden;background: #F3F3F3;margin: 0 20px;}
.pagelink {}
.pagelink span,.pagelink a { display:inline-block;float: left;text-align:center;padding: 4px 10px;color:#666;}
.pagelink a:hover,.pagelink a.on { background:#207dc8; color:#fff;}
.pagelink span{display:inline-block; color:#fff; background:#207dc8;padding: 4px 10px;}

/*========================================= 首页 =====================================*/
.top{background: #f0f1f3;overflow: hidden;line-height: 35px}
.topl ul,.topr ul{display: flex;justify-content:  space-between;}
.topl ul li{margin-right: 15px;position: relative}
.topl ul li:last-child{padding-right: 17px}
.topl ul li:last-child:after{content:'';position: absolute;top: 16px;right: 0;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #6a686d;}
.topr ul li{padding: 0 10px;position: relative}
.topr ul li:after{content:'';position: absolute;top: 11px;right: 0;height: 15px;width: 1px;background: #dcdddf;}
.topr ul li:last-child{padding-right: 0}
.topr ul li:last-child:after{opacity: 0;}

.head{display: flex;justify-content: space-between;align-items: center;padding: 25px 0}
.headl .logo span{display: inline-block;width: 96px;line-height: 26px;background: #eb6100;color: #fff;text-align: center;border-radius: 15px;margin-left: 10px}
.logo{overflow: hidden;display: flex;align-items: center}
.headl h1{font-size: 16px;color: #666;font-weight: normal;letter-spacing: 2px}
.headc{display: flex}
.headc input{width: 375px;line-height: 38px;border: 1px solid #e6e6e6;text-indent: 15px;outline: none;float: left}
.headc button,.headc a{background: #3d7ee6;color: #fff;border: none;outline: none;width: 90px;display: inline-block;line-height: 40px;text-align: center;float: left}
.head a{background: #eb6100}
.headr{background: url("../img/tel.png") no-repeat left;padding-left: 45px}
.headr b{color: #3a7df0;font-size: 20px;font-family: "Arial"}
.headr p{color: #999}
.headc button:hover,.headc a:hover{opacity: 0.8}

nav{background: #3d7ee6;overflow: hidden}
nav ul li{line-height: 47px;float: left;width: 160px;text-align: center}
nav ul li a{font-size: 16px;color: #fff}
nav ul li:hover,nav ul li.active{background: rgba(0,0,0,0.2)}

.bg{background: #f2f2f2;overflow:hidden}
.bgwhite{background: #fff}
.oneA{color: #31708f;background-color: #d9edf7;border:1px solid #bce8f1;padding: 10px 25px;margin-top: 20px}
.oneA span{color: #eb6100}

.title{text-align: center;padding-top: 70px}
.title h2{font-size: 32px;font-weight: normal}
.title i{display: inline-block;width: 48px;height: 2px;background: #3c7ee5;border-radius: 4px;margin: 10px 0;}
.title p{color: #999}

.oneB{margin-top: 60px;}
.oneB .hd{}
.oneB .hd ul{display: flex;justify-content: space-between}
.oneB .hd ul li{width: 16.6%}
.oneB .hd ul li dd{width: 80px;height: 80px;border-radius: 50px;margin: 0 auto;font-size: 42px;line-height: 80px;font-weight: lighter;background: #dae1f2;}
.oneB .hd ul li p{line-height: 46px;font-weight: bold;text-align: center;}
/*.oneB .hd ul li:hover dd,.oneB .hd ul li.on dd{background: #3978d9}*/
.oneB .hd ul li:hover p,.oneB .hd ul li.on p{color: #3978d9}
.oneB .hd ul li:nth-child(1) dd{background: url("../img/ob11.png") no-repeat center #dae1f2;}
.oneB .hd ul li:nth-child(2) dd{background: url("../img/ob22.png") no-repeat center #dae1f2;}
.oneB .hd ul li:nth-child(3) dd{background: url("../img/ob33.png") no-repeat center #dae1f2;}
.oneB .hd ul li:nth-child(4) dd{background: url("../img/ob44.png") no-repeat center #dae1f2;}
.oneB .hd ul li:nth-child(5) dd{background: url("../img/ob55.png") no-repeat center #dae1f2;}
.oneB .hd ul li:nth-child(6) dd{background: url("../img/ob66.png") no-repeat center #dae1f2;}
.oneB .hd ul li:nth-child(1):hover dd,.oneB .hd ul li:nth-child(1).on dd{background: url("../img/ob11h.png") no-repeat center #3978d9;}
.oneB .hd ul li:nth-child(2):hover dd,.oneB .hd ul li:nth-child(2).on dd{background: url("../img/ob22h.png") no-repeat center #3978d9;}
.oneB .hd ul li:nth-child(3):hover dd,.oneB .hd ul li:nth-child(3).on dd{background: url("../img/ob33h.png") no-repeat center #3978d9;}
.oneB .hd ul li:nth-child(4):hover dd,.oneB .hd ul li:nth-child(4).on dd{background: url("../img/ob44h.png") no-repeat center #3978d9;}
.oneB .hd ul li:nth-child(5):hover dd,.oneB .hd ul li:nth-child(5).on dd{background: url("../img/ob55h.png") no-repeat center #3978d9;}
.oneB .hd ul li:nth-child(6):hover dd,.oneB .hd ul li:nth-child(6).on dd{background: url("../img/ob66h.png") no-repeat center #3978d9;}


.oneB .bd{height: 330px;padding: 34px 49px;background: linear-gradient(270deg, #5098f3 0%, #5150f3 100%);}
.oneB .bd ul li{display: flex;justify-content: space-between;align-items: center}
.oneB .bd ul li dl{color: #fff}
.oneB .bd ul li dl h3{font-size: 20px;margin-bottom: 20px}
.oneB .bd ul li dl p{line-height: 40px;position: relative;padding-left: 15px;}
.oneB .bd ul li dl p:before{content: '';width: 5px;height: 5px;border-radius: 100%;background: #fff;position: absolute;top: 17px;left: 0}
.oneB .bd ul li dl p a{color: #fff}
.oneB .bd ul li dl p a:hover{text-decoration: underline}

.onebg{background: #fff;padding: 0 30px 50px;margin-top: 25px;overflow: hidden;margin-bottom: 40px;}
.title2{margin-top: 40px;line-height: 30px;display: flex;justify-content: space-between}
.title2 h2{font-size: 20px;font-weight: normal;padding-left: 20px;color: #3c7ee5;border-left: 4px solid #3c7ee5}
.title2 span{color: #999}

.oneC{margin-top: 25px;}
.oneC ul{display: flex;justify-content: space-between}
.oneC ul li{width: 33.34%;font-size: 18px;line-height: 40px;padding: 0 20px;background: #3c7ee5;color: #fff}
.oneC ul span{display: inline-block;position: relative;width: 30px;height: 40px;}
.oneC ul span:before {content: "";position: absolute;left: 0;top: 0;width: 0;height: 0;border-top: 20px solid transparent;border-left: 20px solid #3c7ee5;border-bottom: 20px solid transparent;background: transparent;}
.oneC ul span:after {content: " ";position: absolute;right: 0;top: 0;width: 0;height: 0;border-top: 20px solid #3c7ee5;border-left: 20px solid transparent;border-bottom: 20px solid #3c7ee5;background: transparent;}
.oneC ul li.on{background: #eb6100}
.oneC ul span.on:before{border-left-color: #eb6100;}

.oneD{overflow: hidden}
.oneD form{display: flex;align-items: center;margin: 35px 0 15px}
.oneD form dl{width: 395px;border: 1px solid #dcdfe6;border-radius: 3px;padding: 0 10px;}
.oneD form dl input{width: 355px;line-height: 36px;border: none;float: left;outline: none}
.oneD form dl button{border:none;margin-top: 8px;float: right;outline: none;}
.oneD form dl button:hover{cursor: pointer}

.oneD ul li{width: 10%;float: left;border: 1px solid #dcdfe6;border-radius: 3px;text-align: center;line-height: 30px;margin-top: 11px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 1%;cursor: pointer}
.oneD ul li:nth-child(9n){margin-right: 0}
.oneD ul li:hover,.oneD ul li.on{background: #3c7ee5;color: #fff;border-color: #3c7ee5}


.oneE{border: 1px solid #e0e1e3;margin-top: 40px;overflow: hidden}
.oneEl{width: 755px;border-right: 1px solid #e0e1e3}
.oneEla{}
.oneEla ul li{border-bottom: 1px solid #e0e1e3;padding: 10px 25px;line-height: 37px;position: relative}
.oneEla ul li:nth-child(1){display: flex;justify-content: space-between}
.oneEla ul li input{line-height: 35px;width: 180px;border: 1px solid #e0e1e3;border-radius: 3px;padding: 0 0 0 10px}
.oneEla ul li .tel{width: 405px;}
.oneEla a{display: block;width: 150px;background: #3d7ee6;color: #fff;border-radius: 3px;margin: 0 auto;text-align: center;line-height: 40px;margin-top: 30px}
.oneEla ul li p{position: absolute;top: 58px;left: 99px;border: 1px solid #FAC454;color: #666;background: #FFF9EE;border-radius: 3px;padding: 0 20px;
    display: inline-block;font-style: normal;line-height: 35px;display: none}
.oneEla ul li p:before{content: '';display: inline-block;width: 8px;height: 8px;border-top: 1px solid #FAC454;border-right: 1px solid #FAC454;transform: rotate(-45deg);position: absolute;top: -6px;left: 50%;margin-left: -3.5px;background: #FFF9EE;}
.oneEla ul li p b{font-weight: normal}

.oneElb{margin-top: 35px;overflow: hidden}
.oneElb ul li{line-height: 48px;color: #666;border-top: 1px solid #e0e1e3;padding: 0 60px 0 20px;display: flex;justify-content: space-between}
.oneElb ul li span{display: inline-block;text-align: left;}
.oneElb ul li span:nth-child(1){width: 20%;}
.oneElb ul li span:nth-child(2){width: 20%;}
.oneElb ul li span:nth-child(3){width: 30%;}
.oneElb ul li span:nth-child(4){padding-right: 20px;}
.oneElb ul li:nth-child(1){background: #f8f8f8}
.oneElb ul li:nth-child(2){color: green}
.oneElb ul li:nth-child(2) span:nth-child(4){color: red;background: url("../img/top.png") no-repeat right;}

.oneElc{background: #f8f8f8;padding: 25px 20px;border-top: 1px solid #e0e1e3;}
.oneElc h3{color: #666;margin-bottom: 15px}
.oneElc p{color: #999;line-height: 1.8}
.oneEr{padding-top: 90px;text-align: center;width: 360px;}
.oneEr dl{width: 220px;margin: 0 auto}
.oneEr h3{color: #3d7ee6;position: relative}
.oneEr h3:before{content: '';position: absolute;top: 10px;left: 0;width: 65px;height: 1px;background: #c5d8f6;}
.oneEr h3:after{content: '';position: absolute;top: 10px;right: 0;width: 65px;height: 1px;background: #c5d8f6;}
.oneEr dd{border: 1px solid #e0e1e3;padding: 10px;margin: 25px 0;display: inline-block}
.oneEr a{display: inline-block;width: 120px;line-height: 30px;border: 1px solid #58a9ff;border-radius: 3px;color: #3d7ee6;
background: url("../img/online.png") no-repeat 20px #f4f9ff;padding-left: 30px}


footer{background: #3d7ee6;padding: 20px 0;text-align: center}
.footnav ul{display: flex;justify-content: center;}
.footnav ul li{color: #cecece}
.footnav ul li a{color: #cecece;padding: 0 20px;}
.footb{margin: 10px 0;color: #fff}
.coopright{color: #b8b8b8}
.coopright a{color: #b8b8b8}

.more{text-align: center;margin-top: 20px}
.more a{display: block;width: 150px;background: #3d7ee6;color: #fff;border-radius: 3px;margin: 0 auto;text-align: center;line-height: 40px;margin-top: 30px;}