@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px;font-family: "微软雅黑";color:#000;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,h5,h6,h1,b,strong { font-weight: normal; }
em,i { font-style: normal; }
body{ background-color: #fff; }
.cont{ width:1200px; margin:0 auto; }


.head{ position: fixed; left: 0; top: 0; width: 100%; z-index: 88; padding: 30px 0; }
.head .cont{}
.head .logo{ float: left; height: 50px; display: flex; align-items: center; cursor: pointer; }
.head .logo img{  display: block; height: 50px; }
.head .nav{ float: left; transition: all 0.4s; margin-left: 120px; }
.head .nav .nava{ float: left; margin-left: 80px; font-size: 17px; color: #333; line-height: 50px; cursor: pointer; position: relative; }
.head .nav .nava.on{ color: #3d65b1; font-weight: bold; }
.head .nav .nava.on:after{ content: ""; position: absolute; left: 50%; bottom: 3px; width:14px; height: 4px; border-radius: 4px; margin-left: -7px; background-color:#3d65b1;   }
.head .nav .nava:hover{ color: #3d65b1; font-weight: bold; }
.head .nav .nava:hover:after{ content: ""; position: absolute; left: 50%; bottom: 3px; width:14px; height: 4px; border-radius: 4px; margin-left: -7px; background-color:#3d65b1;   }

.head .menu{ display: none; }
.head .wechat{ float: right; display: block; width: 108px; height: 46px; background-color:#3d65b1; line-height: 46px; border-radius: 46px; font-size: 16px; color: #fff; cursor: pointer; text-align: center; margin-top: 2px;  }
.head .wechat:hover{ box-shadow: 0 0 3px #3d65b1; }
.head.ups{ background-color: rgba(255,255,255,0.8); }
.head .user{ float: right; height: 50px; display: none; align-items: center; display: none; }
.head .user img{ display: block; width: 42px; height: 42px; border-radius: 50%; margin-right: 10px; }
.head .user span{ display: block; font-size: 16px; color: #333; }
.head .user.islogin{ display: flex; }

.banner{ width: 100%; position: relative; background-color: #fff; height: 460px; overflow: hidden; }
.banner .pic{ display: block; width: 1920px; height: 460px; position: relative; }
.banner.mc:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 1; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); }
.banner .word{ position: absolute; left: 0; top: 0; width: 100%; height:100%; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index:10; padding-top: 50px; }
.banner .word h3{ font-size: 52px; color: #3d65b1; font-weight: bold; line-height: 56px; margin-bottom: 25px; }
.banner .word h6{ font-size: 20px; color: #666; line-height: 28px; }
.banner .find{ width:580px; height: 54px; border-radius: 6px; position: relative; background-color: #fff; overflow: hidden; position: relative; margin-top: 50px; }
.banner .find:before{ content: ""; position: absolute; left: 23%; top: 50%; width: 1px; height: 20px; background-color:#ccc; margin-top: -10px;  }
.banner .find select{ display: block; height: 54px; text-align: center; width: 20%; float: left; font-size: 16px; color: #000; border:none; line-height: 54px; margin-right: 3.8%; padding: 0 0 0 15px; }
.banner .find .suba{ width: 19%; float: right; background-color: #3d65b1; line-height: 54px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; cursor: pointer; }
.banner .find .suba img{ display: block; margin-right: 8px; width:16px;  }
.banner .find input{ display: block; width:57.2%; float: left; line-height: 54px; border:none; padding: 0 20px; font-size: 15px; color: #333; }
.banner.h380{ height: 380px; }
.banner.h380 .pic{ height: 380px; }

.footer{ background-color:#282828; font-size: 14px; color: #fff; line-height: 28px; padding: 40px 0; }
.footer .cont{ display: flex; align-items: center; justify-content: space-between;}
.footer .phone{ padding-left:22px; background-position: left center; background-repeat: no-repeat; background-size:12px auto; background-image: url(../img/img07.png);  }

/*页码*/
.pages{ padding: 60px 0px 130px; display: flex; align-items: center; justify-content:center; width: 100%; }
.pages a{ display: block; width:36px; height: 36px; border-radius: 0px; line-height: 34px; text-align: center; border:1px solid #d9d9d9; margin-left:0px; font-size: 14px; color: rgba(0, 0, 0, 0.65); cursor: pointer; transition: all 0.4s; }
.pages a.on{ background-color: #3d65b1; border:1px solid #3d65b1; color: #fff; }
.pages a:hover{ background-color: #3d65b1; border:1px solid #3d65b1; color: #fff; }
.pages .change{ font-size: 14px; width: 60px; margin:0 10px; }
.pages p{ display: flex; align-items: center; font-size: 14px; color: #888; padding: 0 15px; }
.pages p input{ display: block; width: 50px; height: 36px; line-height: 34px; font-size: 14px; color: #333; text-align: center; margin:0 10px; border:1px solid #d9d9d9; border-radius: 6px; }
.pages a.sure{background-color: #3d65b1; border:1px solid #3d65b1; color: #fff; width: 50px; margin-left: 0; }
/*页码*/


.main{}
.filter{ border-bottom: 1px solid #ededed; padding: 40px 0; }
.filter .btns{ overflow: hidden; }
.filter .btns span{ overflow: hidden; padding: 0 16px; font-size: 16px; color: #666; line-height: 38px; border-radius:6px; margin-right: 20px; cursor: pointer; float: left; transition: all 0.4s;  }
.filter .btns span:hover{ background-color: #3d65b1; color: #fff; }
.filter .btns span.on{ background-color: #3d65b1; color: #fff; }
.filter .btns span:last-child{ margin-right: 0; }
.lists{ overflow: hidden; padding: 40px 0; }
.lists .item{ width:31.16%; float: left; margin-bottom: 20px; margin-right: 3.26%; cursor: pointer; transition: all 0.4s; }
.lists .item .imga{ display: block; border-radius: 12px; width: 100%; height: 480px; padding-bottom: 53.1%; position: relative; }
.lists .item .imga img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lists .item .imga i{ position: absolute; left: 50%; top: 50%; width:60px; height: 60px; transform: translate(-50%,-50%); z-index: 3; background-image: url(../img/img05.png); opacity: 0; transition: all 0.4s;  }
.lists .item .names{ display: block; padding: 20px 0 }
.lists .item .names span{ display: block; overflow: hidden; transition: all 0.4s; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #000; line-height:30px; font-weight: bold;  }
.lists .item .names i{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; line-height:24px; margin-top: 6px;  }
.lists .item:nth-child(3n){ margin-right: 0; }
.lists .item:hover{ transform: translateY(-3px); }
.lists .item:hover .imga i{ opacity: 1; }
.lists .item:hover .names span{ color: #3d65b1; }

.pop{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; }
.popbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.75) }
.pop .mid{ background-color: #fff; width: 490px; background-color: #fff; border-radius: 30px; padding: 50px 60px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);  z-index: 2;  }
.pop .close{ position: absolute; right:20px; top: 20px; width: 24px; z-index: 2; cursor: pointer;  }
.pop .names{ display: flex; align-items: center; justify-content: center; height: 70px; }
.pop .names .icon{ display: block; width: 70px; height: 70px; border-radius: 50%; margin-right: 20px; }
.pop .names p{ display: flex; justify-content: space-between; height: 62px; flex-direction: column; }
.pop .names p b{ display: block; font-size: 28px; color: #000; font-weight: bold;  }
.pop .names p i{ display: block; font-size: 18px; color: #666; }
.pop .code{ margin:20px auto; width:292px; height: 292px; position: relative;  }
.pop .code .pic{ width:292px; height: 292px;}
.pop .code .ok{ width:50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index:2; }
.pop .know{ text-align: center; font-size: 14px; color: #000; line-height: 20px; }
.pop .know a{ color: #3d65b1; }

.myinfo{ padding: 60px 0 120px 0; }
.myinfo .deal{ display: flex; align-items: center; justify-content: center; margin-bottom: 70px; }
.myinfo .deal a{ display: block; width:118px; height: 42px; line-height: 42px; border-radius: 6px; background-color: #e6e6e6; font-size: 16px; color: #888; margin:0 11px; cursor: pointer; text-align: center; transition: all 0.4s; }
.myinfo .deal a:hover{ background-color:#3d65b1; color: #fff;  }
.myinfo .deal a.on{ background-color:#3d65b1; color: #fff;}
.myinfo .txs{ display: block; width: 112px; height: 112px; padding: 13px; border:1px solid #3d65b1; border-radius: 50%; margin:0 auto; background-color: #fff; margin-bottom: 20px; }
.myinfo p{ line-height: 30px; font-size: 20px; color: #000; font-weight: bold; text-align: center; margin-bottom: 24px; }
.myinfo h3{ display: flex; align-items: center; justify-content: center; height: 28px; font-size: 16px; color: #000; font-weight: bold; }
.myinfo h3 a{ display: block; background-color: #ebeff7; border-radius: 4px; height: 28px; line-height: 28px; padding: 0 8px; font-size:14px; color: #3d65b1; margin-left: 16px; font-weight: normal;  }

.downlist .line{ overflow: hidden; font-size: 14px; transition: all 0.4s; }
.downlist .line .ltd{ float: left; width:10%; text-align: center; }
.downlist .line .ltd.wd1{ width:50%; padding-left: 40px; text-align: left; }
.downlist .line.lth{ height: 46px; background-color:#f6f6f6; line-height: 46px; font-weight: bold; }
.downlist .scrolls .line{ padding: 20px 0; color: #333;box-shadow: 0px 1px 0px 0px #ededed; }
.downlist .scrolls .line .ltd{ height: 110px; display: flex; align-items: center; text-align: center; justify-content: center;}
.downlist .scrolls .line .ltd.wd1{ justify-content: flex-start; }
.downlist .scrolls .line .imga{ display: block; width:132px; height: 70px; border-radius: 6px; margin-right:16px;   }
.downlist .scrolls .line .imga img{ display: block; width:132px; height: 70px; }
.downlist .scrolls .line .namea{ display: block; color: #333; max-width: calc(1100% - 150px ); text-align: left; line-height: 1.2; }
.downlist .scrolls .line:nth-child(2n){ background-color: #f7faff; }
.downlist .scrolls .line:hover{ background-color: #f6f6f6; }

.detail{ padding: 50px 0 100px; }
.detail .way{ font-size: 15px; color: #666; line-height: 28px; margin-bottom: 60px; }
.detail .way a{cursor: pointer;}
.detail .way a:hover{ color:#3d65b1;  }
.detail .tit{ position: relative; margin-bottom: 40px; }
.detail .tit h2{ font-size: 32px; color: #000; font-weight: bold; line-height: 40px; }
.detail .tit h3{ font-size: 14px; color: #666; margin-top: 20px; line-height: 24px; }
.detail .tit .down{ position: absolute; right: 0; top: 50%; width:110px; height: 42px; border-radius: 6px; background-color: #3d65b1; line-height: 42px; font-size: 15px; color: #fff; z-index: 2; cursor: pointer; text-align: center; margin-top: -21px;  }
.detail .tit .down:hover{ box-shadow: 0 0 3px #3d65b1; }
.detail .mation{ background-color: #fafafb; padding: 50px; font-size: 15px; color: #555; line-height: 36px; }
.detail .mation img{ display: block; width:100%; margin-bottom: 46px;  }

.bdphone{ position: fixed; left:0; top: 0; width: 100%; height: 100%; background-image: url(../img/img13.png); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.bdphone .logo{ display: block; width: 232px; margin-bottom: 50px; }
.bdphone .form{ background-color: #fff; width:490px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.13); border-radius: 30px; padding: 50px; }
.bdphone h3{ font-size: 28px; color: #000; font-weight: bold; line-height: 1.4; }
.bdphone h4{ font-size: 18px; color: #666; line-height: 1.4; margin-bottom: 40px; margin-top: 10px; }
.bdphone .fone{ height: 56px; background-color: #f7f7f7; border-radius: 8px; border: solid 1px #e5e5e5; display: flex; align-items: center; margin-bottom: 24px; }
.bdphone .fone input{ height: 54px; line-height: 54px; flex:1; display: block; border:none; box-shadow: none; padding: 0 20px; font-size: 16px; color: #333; }
.bdphone .fone span{ display: block; width:120px; font-size: 16px; color: #3d65b1; height: 54px; line-height: 54px; cursor: pointer; text-align: center;  }
.bdphone p{ font-size: 14px; color: #ff4200; line-height: 20px;  }
.bdphone button{ display: block; border:none; box-shadow: none; text-align: center; height: 56px;
	background-color: #3d65b1; border-radius: 8px; font-size: 18px; color: #fff; margin-top:40px; width: 100%;  }

@media(max-width:1220px){
	.cont{ width: 1000px; }
}
	
@media(max-width:1024px){
	body{ padding-top: 0.96rem; }
	.cont{ width: 100%; padding-left: 0.3rem; padding-right: 0.3rem; }
	.head{ padding: 0.2rem 0rem; background-color: #fff; box-shadow: 0 0 0.2rem #eee; }
	.head .nav{ display: none; }
	.head .logo{ height: 0.56rem;}
	.head .logo img{ height: 0.56rem;}

	.head .wechat{ width: 1.7rem; height: 0.56rem; line-height: 0.56rem; border-radius:0.56rem; font-size: 0.28rem; margin-top: 0px;  }
	.head .user{ height: 0.56rem; }
	.head .user img{ width: 0.56rem; height: 0.56rem; margin-right: 0.12rem; }
	.head .user span{ font-size: 0.26rem;  }
	
	.footer{ padding: 0.3rem 0; }
	.footer .cont{ display: block; }
	.footer p{ font-size: 0.24rem; line-height: 0.4rem; margin-bottom: 0.2rem; }
	.footer p:last-child{ margin-bottom: 0; }


	.banner{ width: 100%; height: 4.6rem; height: auto; display: flex; align-items: center; justify-content: center; }
	.banner .pic{ display: block; width: auto; height: 4.6rem; position: relative; }
	.banner .word{ padding-top: 0px; }
	.banner .word h3{ font-size: 0.56rem; line-height: 0.72rem; margin-bottom: 0.3rem; }
	.banner .word h6{ font-size: 0.3rem; line-height: 0.44rem; }
	.banner .find{ width:6.9rem; height: 0.8rem; border-radius: 0.12rem; margin-top:0.5rem; }
	.banner .find:before{ left: 28%; }
	.banner .find select{ height: 0.8rem; width: 26%; font-size: 0.26rem; color: #000;  line-height: 0.8rem; padding: 0 0 0 0.1rem; margin-right: 2.8%; }
	.banner .find .suba{ width: 19%; line-height: 0.8rem; font-size: 0.26rem; color: #fff; }
	.banner .find .suba img{ margin-right: 0.1rem; width:0.28rem;  }
	.banner .find input{  width:52.2%; line-height: 0.8rem; border:none; padding: 0 0.12rem; font-size: 0.28rem; }
	.banner.h380{ height:3.8rem; }
	.banner.h380 .pic{ height: 3.8rem; }


	
	.pop .mid{ width: 6.5rem;border-radius: 0.3rem; padding: 0.5rem 0.6rem; }
	.pop .close{ right:0.2rem; top: 0.2rem; width: 0.36rem; z-index: 2;  }
	.pop .names{ height:0.88rem; }
	.pop .names .icon{ width: 0.88rem; height: 0.88rem; margin-right: 0.2rem; }
	.pop .names p{ height: 0.8rem;  }
	.pop .names p b{ font-size: 0.36rem; }
	.pop .names p i{ font-size: 0.26rem; }
	.pop .code{ margin:0.3rem auto; width:5rem; height: 5rem;  }
	.pop .code .pic{ width:5rem; height: 5rem;}
	.pop .code .ok{ width:0.8rem; height: 0.8rem; margin-left: -0.4rem; margin-top: -0.4rem; }
	.pop .know{ font-size: 0.26rem;line-height: 0.4rem; }

	.filter{ padding:0.3rem 0 0.18rem; }
	.filter .btns span{ overflow: hidden; padding: 0 0.2rem; font-size: 0.28rem; line-height: 0.56rem; border-radius:0.12rem; margin-right: 0.12rem; margin-bottom: 0.12rem; }

	.lists{ padding: 0.3rem 0.3rem; }
	.lists .item{ width:100%; float: left; margin-bottom:0.3rem; margin-right:0; cursor: pointer;}
	.lists .item .imga{ border-radius: 0.2rem; }
	.lists .item .imga i{ width:0.9rem; height: 0.9rem; background-size: cover; opacity: 1; }
	.lists .item .names{ padding: 0.2rem 0; }
	.lists .item .names span{ font-size: 0.28rem; line-height:0.4rem; }
	.lists .item .names i{ font-size: 0.24rem; line-height:0.4rem; margin-top:0.06rem;  }
	.lists .item:hover{ transform: translateY(0px); }
	.lists .item:hover .imga i{ opacity: 1; }
	.lists .item:hover .names span{ color: #3d65b1; }

	/*页码*/
	.pages{ padding: 0.5rem 0px 1.2rem; }
	.pages a{ width:0.52rem; height:0.52rem; line-height:0.48rem; border:0.02rem solid #d9d9d9;font-size: 0.26rem;  } 
	.pages a.on{ border:0.02rem solid #3d65b1; }
	.pages a:hover{ border:0.02rem solid #3d65b1; }
	.pages .change{ font-size: 0.26rem; width: 1rem; margin:0 0.1rem; }
	/*页码*/

	.myinfo{ padding: 0.6rem 0 1.2rem 0; }
	.myinfo .deal{ margin-bottom: 0.8rem; }
	.myinfo .deal a{ width:1.8rem; height:0.68rem; line-height:0.68rem; border-radius: 0.12rem; font-size: 0.28rem; color: #888; margin:0 0.2rem;}
	.myinfo .txs{ width: 1.84rem; height: 1.84rem; padding: 0.2rem; border:0.02rem solid #3d65b1; border-radius: 50%;  margin-bottom: 0.5rem; }
	.myinfo p{ line-height: 0.44rem; font-size: 0.3rem; margin-bottom: 0.3rem; }
	.myinfo h3{ height:0.44rem; font-size: 0.28rem; }
	.myinfo h3 a{ border-radius: 0.08rem; height: 0.44rem; line-height:0.44rem; padding: 0 0.12rem; font-size:0.26rem; margin-left:0.2rem; }

	.downlist .line{ font-size: 0.24rem; }
	.downlist .line .ltd{ float: left; width:15%; }
	.downlist .line .ltd.wd1{ width:25%; padding-left:0.12rem;  }
	.downlist .line.lth{ height: 0.6rem; line-height: 0.6rem; }
	.downlist .scrolls .line{ padding: 0.3rem 0; color: #333;box-shadow: 0px 1px 0px 0px #ededed; display: flex; align-items: center; }
	.downlist .scrolls .line .ltd{ height: auto; flex-direction: column; flex-wrap: wrap; word-break: break-all; }
	.downlist .scrolls .line .ltd.wd1{ justify-content: flex-start; }
	.downlist .scrolls .line .imga{ display: block; width:98%; height: auto; border-radius: 6px; margin-right:0;/* display: none;*/  }
	.downlist .scrolls .line .imga img{ display: block; width:100%; height:auto; }
	.downlist .scrolls .line .namea{ display: block; color: #333; width:100%; text-align: left; line-height: 1.2; overflow: hidden; margin-top: 0.06rem; display: none; }
	.downlist .pages{ padding-bottom: 0.6rem; padding-top: 1rem; }

	.detail{ padding: 0.5rem 0.3rem 1rem; }
	.detail .way{ font-size: 0.28rem; line-height:0.4rem; margin-bottom: 0.6rem; }
	.detail .tit{ margin-bottom: 0.4rem; }
	.detail .tit h2{ font-size: 0.36rem; line-height:0.52rem; }
	.detail .tit h3{ font-size: 0.26rem; margin-top: 0.2rem; line-height: 0.4rem; }
	.detail .tit .down{ position: static; width:1.6rem; height:0.6rem; border-radius: 0.12rem;line-height: 0.6rem; font-size: 0.28rem; margin-top:0.2rem; display: block;  }
	.detail .mation{ padding:0.3rem; font-size:0.28rem; line-height:0.44rem; }
	.detail .mation img{ margin-bottom: 0.4rem;  }

	.bdphone{}
	.bdphone .logo{ display: block; width: 3.6rem; margin-bottom: 0.8rem; }
	.bdphone .form{ width:6.6rem;box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.13); border-radius: 0.3rem; padding:0.5rem; }
	.bdphone h3{ font-size:0.32rem; line-height: 1.4; }
	.bdphone h4{ font-size:0.28rem; line-height: 1.4; margin-bottom: 0.4rem; margin-top: 0.1rem; }
	.bdphone .fone{ height: 0.88rem; border-radius: 0.16rem; border: solid 0.02rem #e5e5e5; margin-bottom: 0.35rem; }
	.bdphone .fone input{ height: 0.84rem; line-height: 0.84rem; padding: 0 0.2rem; font-size: 0.28rem; }
	.bdphone .fone span{ width:1.5rem; font-size: 0.26rem; height: 0.84rem; line-height: 0.84rem;}
	.bdphone p{ font-size: 0.26rem; color: #ff4200; line-height: 0.4rem;  }
	.bdphone button{ height:0.88rem; border-radius: 0.16rem; font-size:0.3rem; margin-top:0.4rem;}

}