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

/*========================================= 首页 =====================================*/
.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;}

header{background: #fff}
.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}
.headl .logo span a{display: inline-block;color: #fff}
.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)}

.title{margin-top: 50px}
.title h2{font-size: 30px;font-weight: normal}
.title p{color: #666;line-height: 2;margin-top: 10px;}


.oneA{overflow: hidden;margin-top: 40px;display: flex;align-items: center;justify-content: space-between}
.oneAl{width: 536px}
.oneAl img{max-width: 100%}
.oneAr{margin-left: 110px;width: 554px}
.oneAr .title{margin-top: 0}
.oneAr .text{line-height: 2;color: #666;margin-top: 25px}
.oneAr ul{display: flex;margin-top: 35px}
.oneAr ul li{margin-right: 60px;transition: transform 0.3s ease-in-out, box-shadow 0.3s}
.oneAr ul li a{display: flex;align-items: center}
.oneAr ul li dl{margin-left: 15px}
.oneAr ul li dl h3{font-size: 18px;font-weight: normal}
.oneAr ul li dl p{color: #999;line-height: 1.8}
.oneAr ul li:hover {-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);transform: translateY(-2px);}
.oneAr ul li:hover a{color: #0866df}
.oneAr ul li:hover p{color: #0866df}

.onebg{background: #f2f6fd}
.oneB{overflow: hidden;padding: 65px 0}
.oneB .title{margin-top: 0}
.oneB ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.oneB ul li{width: 365px;text-align: center;margin-top: 50px}
.oneB ul li h3{font-size: 20px;line-height: 45px;font-weight: normal}
.oneB ul li p{line-height: 1.6}
.oneB ul li:nth-child(4) {margin-left: 200px;}
.oneB ul li:nth-child(5) {margin-right: 200px;}

.oneC{margin-top: 40px}
.oneC img{max-width: 100%}

.oneD{overflow: hidden;margin-top: 40px;padding-bottom: 75px}
.oneD ul{padding-top: 75px;display: flex;justify-content: space-between}
.oneD ul li{width: 285px;height: 300px;background: #FFFFFF;transition:all 0.3s ease;box-shadow: 0px 0px 10px 0px rgba(8, 102, 223, 0.1);border-radius: 10px;border: 1px solid #fff;text-align: center;padding: 40px 65px 0;}
.oneD ul li h3{font-size: 24px;margin: 30px 0 25px;text-align: center;font-weight: normal}
.oneD ul li p{display: flex;justify-content: space-between;color: #666;line-height: 2;text-align: center}
.oneD ul li:nth-child(2n){margin-top: -40px}
.oneD ul li:nth-child(2n) p{display: inherit}
.oneD ul li:hover {border-color: #3D7EE6;}
.odmore{text-align: center}
.odmore a{font-size:16px;display: inline-block;width: 200px;height: 44px;background: #0866DF;box-shadow: 0px 15px 6px 0px rgba(8, 102, 223, 0.15);border-radius: 10px;line-height: 44px;text-align: center;color: #fff;margin: 70px auto 0;cursor: pointer;}
.odmore a:hover{background: #3d7ee6}

.oneE{margin-top: 20px;overflow: hidden}
.oneE ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.oneE ul li{width: 48%;border-bottom: 1px solid #e8e8e8;padding: 13px 0;position: relative;padding-left: 10px}
.oneE ul li a{color: #666}
.oneE ul li:before{content: '';position: absolute;top: 21px;left: 0;width: 2px;height: 2px;background: #999}
.oneE ul li:hover a{color: #3d7ee6}

.oneF{background: #3473d5;margin-top: 50px}
.oneFs{display: flex;justify-content: space-between;align-items: center;padding: 15px 60px;}
.oneFs h2{font-size: 22px;color: #fff;font-weight: normal}
.oneFs a{display: inline-block;width: 235px;line-height: 40px;color: #fff;background: #a9d71f;font-size: 20px;text-align: center;border-radius: 3px}
.oneFs a:hover{background: #DF6D08}

.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}

.news{overflow: hidden;padding: 20px 0 40px}
.newsl{width: 800px;}
.newsl ul li{border-bottom: 1px solid #f0f0f0;padding: 20px 0}
.newsl ul li h3{font-size: 16px;line-height: 23px;font-weight: normal}
.newsl ul li h3 a{color: #0000cc;}
.newsl ul li p{line-height: 23px;margin-top: 15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.newsl ul li h3 a:hover{text-decoration: underline}

.newsr{width: 290px;}
.newsrA{width: 100%;border: 1px solid #e5e5e5;box-sizing: border-box;padding: 15px;margin-top: 20px}
.newsr h2{font-size: 16px;font-weight: bold;margin: 0}
.newsrA ul{margin: 15px 0;overflow: hidden}
.newsrA ul li{border-bottom: 1px solid #f3f3f3;overflow: hidden;padding: 8px 0}
.newsrA ul li i{display: inline-block;width: 14px;height: 14px;text-align: center;line-height: 14px;font-style: normal;
    background-color: #8eb9f5;font-size: 12px;color: #fff;float: left;margin: 2px 5px 0 0}
.newsrA ul li span{display: inline-block;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left}
.newsrA ul li:nth-child(1) i{background-color: #f54545}
.newsrA ul li:nth-child(2) i{background-color: #ff8547}
.newsrA ul li:nth-child(3) i{background-color: #ffac38}

.newsrB{width: 100%;border: 1px solid #e5e5e5;box-sizing: border-box;padding: 15px;margin-top: 20px;overflow: hidden}
.newsrB ul{margin-top: 10px;overflow: hidden}
.newsrB ul li{width: 50%;float: left;padding: 8px 0}
.newsrB ul li a{color: #888}

.newsrC{margin-top: 20px;}
.newsrC img{width: 100%;}

.more{width: 100%;line-height: 40px;text-align: center;font-size: 16px;margin-top: 20px;border: 1px solid #1086f4}
.more a{display: block;color: #1086f4}
.more:hover{background: #1086f4}
.more:hover a{color: #fff}
.more2{background: #1086f4;}
.more2 a{color: #fff}
.more2:hover{background: #3951B3}
.more3{width: 200px;margin: 0 auto;margin-top: 40px;border-radius: 5px}
.more3:hover{background: #1086f4}
.more3:hover a{color: #fff}

.page_fanye{overflow: hidden;background-color: #f5f5f6;padding: 20px 0;font-size: 0}
.page_fanye a{display: inline-block;height:36px;line-height: 36px;background-color: #fff;border-radius: 6px;font-size: 14px;
    text-align: center;color: #3951B3;margin-right: 10px;padding: 0 15px}
.page_fanye .onpage,.page_fanye a:hover {background-color: #4e6ef2;color: #fff;}
.page_fanye span.current{background-color: #4e6ef2;color: #fff;}
.page_fanye span {display: inline-block;height:36px;line-height: 36px;background-color: #fff;border-radius: 6px;
    text-align: center;color: #3951B3;margin-right: 10px;padding: 0 15px;font-size: 14px;}

.footer2{padding: 40px 0;overflow: hidden;background: #fff}
.footl{width: 835px;border-right: 1px solid #e4e6e5}
.footl h2{font-size: 16px;}
.footl ul{display: flex;justify-content: space-between;padding: 15px 0}
.footl ul li{width: 33.3%;color: #666;line-height: 1.8}
.footl .copy{font-size: 12px;color: #999}
.footr{display: flex;align-items: center;color: #666;line-height: 1.8}
.footr dd{width: 108px;height: 108px;margin-right: 30px}
.footr dd img{width: 100%}

.header2 .head{padding: 10px 0}
.headr2{color: #999;font-size: 12px}
.headr2 a{display: inline-block;margin-left: 15px;border-radius: 3px;}
.headr2 .a1{border: 1px solid #3d7ee6;line-height: 30px;padding: 0 18px;background: #fff;color: #3d7ee6;}
.headr2 .a2{background: #3d7ee6;color: #fff;line-height: 32px;padding: 0 18px}
.headr2 .a2:hover{background: #3951B3}
.headr2 .a1:hover{background: #3d7ee6;color: #fff;}

.content{width: 718px;margin:0 auto;padding: 40px 0}
.content h1{font-size: 24px}
.time{margin-top: 20px;color: #666}
.info{margin-top: 40px;background: #ecedef;overflow: hidden;padding: 20px 0;border-left: 3px solid #9a9a9a;text-indent: 10px;color: #999;}
.cont{line-height: 2;margin-top: 30px;font-size: 16px}
.cont img{max-width: 100%;display: block;margin: 0 auto!important;vertical-align: middle}

.conB{background: #fff;margin-top: 40px;border: 1px solid #eaeaea}
.conB dl{padding: 20px;}
.conB ul{margin-top: 20px}
.conB ul li{margin-top: 13px;position: relative;padding-left: 12px}
.conB ul li:before{content: '';width: 5px;height: 5px;position: absolute;top: 7px;left: 0;background: #656565;border-radius: 100%;}
.conB ul li a{color: #666}