@charset "utf-8";
/* CSS Document */
*{color:#666;font-size:14px;font-family:"微软雅黑";}
body{margin:0;}
h1,h2,h3{margin:0;font-weight:normal;}
img{display:block;}
a{text-decoration:none;}
p{margin:0;}
ul{margin:0;padding:0;}
ul,li{list-style:none;}
input{margin:0;padding:0;border:none;outline:none;}
textarea{outline:none;margin:0;padding:0;}
dl,dd{margin:0;}
.clearfix{clear:both;}

.banner{padding-bottom: 50px; max-width:1000px; margin:0 auto; overflow:hidden; position:relative;height: 360px;}
.bannerbox-bg{ width:3000px; position:relative; }
.swiper-wrapper{ height: 360px;}
.left,.right{ width:156px; position:absolute; top:38%;cursor:pointer; z-index:1000;}
.left{ left:20px;}
.right{ right:20px;}
.ctrlbtn{position:absolute;left:50%; bottom:8%; margin-left:-60px; cursor: pointer;}
.ctrlbtn span{ float:left; width:32px ;height:6px; background-color:#7db2e4; margin:0 6px; border-radius:20px;}
.bannerbox-bg .bannerbox::after{ clear:both; display:block; content:'';}
.ctrlbtn .current{background-color:#d4e2ee;}

.bannerbox-list{ background:url(../img/soye_icon_15.png) no-repeat; background-size:100%; float:left; width:303px; margin: 0 0px; height:360px; background-position:center center;  }
.bannerbox-list li{ color: #fff; text-align: center;}
.bannerbox-list li:nth-child(1) img{ width:105px; display:block; margin:80px auto 10px auto;}
.bannerbox-list li:nth-child(2){ width:72%; line-height:26px; margin:0 auto;}
.bb2 .bannerbox-list{width: 330px; margin: 0 15px;}
@media(max-width:1000px){
	.left,.right{ display: none;}
}

.nav-bg{ width: 90%; color: #000; margin: 0 auto; background-color:#fff;}
.nav-bg::after{ clear:both; display:block; content:'';}
.logo{ float: left; width: 202px; margin-top: 20px;}
.nav{ float: right;}
.nav::after{ clear:both; display:block; content:'';}
.nav li{ float: left;}
.nav li a{ color: #000; transition: all 1s; line-height: 62px; box-sizing: border-box; padding: 13px 20px 0 20px; display:block; cursor:pointer;}
.nav li a:hover{ background-color:#5e6df6; color:#fff;}


.title{ margin-top: 30px; padding-bottom: 20px;}
.title li{ text-align: center;}
.title li:nth-child(2){ font-size: 30px; color: #323131;}
.title li:nth-child(3){ font-size: 16px; color: #cccccc;}
.title li:nth-child(4){ width:100%; height:1px; background-color:#d9d9e1; margin-top:40px;}
.title li:nth-child(5){ width: 40%; line-height: 30px; color:#a6a6a6; margin:0 auto; background-color:#fff; margin-top:-15px;}
.title li:nth-child(6){ width:55px; margin:15px auto 0 auto;}
.hk-title-yuan{ width:16%; margin:0 auto;height: 14px;}
.hk-title-yuan span{ width:14px; height:14px; border-radius:50%; display:block; background-color:#5f6ef6; float:left;}
.hk-title-yuan::after{ clear:both; display:block; content:'';}
.hk-title-yuan span:last-child{ background-color:#03e1f3; margin-left:5px;}
@media(max-width:1000px){
	.hk-title-yuan{ width:20%;}
	
}
.hk_details{ width: 1100px;margin: 0 auto;line-height:2.0em;font-size: 16px;padding: 10px 0 50px 0;}
.hk_details hr {border: 1px solid #bebebe;border-top: 0px solid #fff;margin: 40px 0;}
.hk_details p{ text-indent: 2em;}

.bottom-bg{ background-color: #000; padding: 30px 0;}
.bottom{ max-width: 1100px; margin: 0 auto; color: #5e656b; line-height: 24px;}
.bottom::after{ clear:both; display:block; content:'';}
.bottom-p{ float:left; color:#fff; font-size:12px; line-height:26px;}
.bottom img{ display: block; width:62px; float:right; margin-left:30px;}
@media(max-width:1000px){
	.bottom{ width:90%;}
	.bottom p{ font-size: 12px;}
}

.jszc-list-bg{ max-width: 1100px; margin: 0 auto;}
.jszc-list-bg li{ float: left; width: 33.3%; position: relative; height: 320px; cursor: pointer;}
.jszc-img1,.jszc-img2{ display: block; margin: 0 auto; margin-top: 70px;}
.jszc-img3{ display: none;}
.jszc-img2{ display: none;}
.jszc-img3{ width: 42px; position: absolute; left: 50%; margin-left: -21px; bottom: 0;}
.jszc-content{ background-color: #f1f4fb; padding-bottom:40px;}
.jszc-content .p{ padding: 10px 20px; max-width: 1060px; margin: 0 auto; line-height: 32px; color: #515151; font-size: 14px; padding-top: 20px; display: none;}
.jszc-list-bg .on .jszc-img1{ display: none;}
.jszc-list-bg .on .jszc-img2,.jszc-list-bg .on .jszc-img3{ display: block;}
.jszc-content .p.on{ display: block;}



.anli-content-bg{overflow: hidden; background:url(../img/anli_bg.jpg) no-repeat; background-size:100%; background-position:10%; position:relative; padding-bottom:120px;}
.anli-content{  width:1100px; margin:0 auto; position:relative;background:url("/include/htmlhk/img/anli_yuan.png") repeat-y center top; margin-bottom: -300px;}
.anli-content ul{ width: 50%;float: left;}
/*.anli-list-bg-1{ position:absolute; right:60px; width:500%; top:0px;}
.anli-list-bg-2{ position:absolute; left:-40px; width:500%; top:210px;}*/
.anli-tp{ width:73px; margin:0 auto; display:block;}
.anli-list-bg-1{ padding-top:26px;}
.anli-list-bg-1 li{ text-align:right; margin-bottom:344px;margin-right: 20px;}
.anli-list-bg-1 li span{ line-height:80px; margin-left:10px;}
.anli-list-bg-2{padding-top: 240px;}
.anli-list-bg-2 li{ text-align:left;margin-bottom:344px;margin-left: 20px;}
.anli-list-bg-2 li span{ line-height:80px; margin-right:10px;}
 
.anli-list-1{ color:#323233; font-size:21px;}
.anli-list-2{ color:#010136; font-size:36px; padding-top:}
.anli-list-3{ width:24px; height:24px; background-color:#a4acf6; border-radius:50%;}
.anli-content-bt{ position:absolute; bottom:0; left:0; width:100%;}

.gywm-tp{ max-width:1100px; margin:50px auto;}
.gywm-tp img{ width:100%;}
.gywm-p{ max-width:1100px; margin:-10px auto 80px auto;text-indent: 2em; font-size:16px; line-height:30px; color:#808080;}
@media(max-width:1000px){
	.gywm-p{ font-size: 8px; padding:0 20px;}
}
.gywm-dz-bg{ background-color:#f1f4fb; padding:50px 0;}
.gywm-dz{ max-width:1100px; margin:0 auto;}
.gywm-dz::after{ clear:both; display:block; content:'';}
.gywm-dz li{ width:20%; margin:2.5%; float:left; text-align:center;}
.gywm-dz li img{ width:54px; display:block; margin:0 auto;}
.gywm-dz li span{ color:#51bcfd; font-size:20px; line-height:50px;}
.gywm-lx{ padding: 120px 0;}
.gywm-lx p{ text-align: center; width:50%; margin: 0 auto; color: #666666; line-height: 26px; font-size: 16px;}

.zhuanti{ max-width:1100px;max-height: 300px;overflow: hidden; margin:30px auto 30px auto;}
.zt_ico{ width: 48px;margin: 0 auto;}

.soye-gywm-bg{ background-color:#fff; padding-top:80px; padding-bottom:100px;}
.shubiao{ width:25px; display:block; margin:0 auto; margin-top:-80px;cursor: pointer;}
.soye-gywm{ max-width:1100px; margin:50px auto; background-color:#fff;}
.soye-gywm::after{ clear:both; display:block; content:'';}
.soye-gywm li{ width:20%; margin:0 2.5%; float:left; text-align:center;}
.soye-gywm li p{ color:#bebebe; transition:all 1s;}
.soye-gywm-1{ width:203px; height:143px; border:2px solid #bebebe; margin:0 auto; border-radius:50%; padding-top:60px; transition:all 1s;}
.soye-gywm-1 p{ font-size:30px;}
.soye-gywm-1 span{ font-size:60px; color:#bebebe; transition:all 1s;}
.soye-gywm-2{ line-height:60px;}
.soye-gywm li:hover .soye-gywm-1{ border:2px solid #2779e9;}
.soye-gywm li:hover p{ color:#2779e9;}
.soye-gywm li:hover span{ color:#2779e9;}

.ckgd{ width:214px; line-height:40px; border:1px solid #bebebe; color:#8e8c8c; display:block; margin:50px auto 0 auto; border-radius:50px; text-align:center; cursor:pointer; transition:all 1s;}
.ckgd:hover{ background-color:#2779e9; color:#fff; border:1px solid #2779e9;}

.soye-xxh-bg{ padding-top:40px; position:relative; height:660px;}
.soye-xxh-bg .title li{ color:#fff;}
.soye-xxh-tp{ position:absolute; left:0; top:0; z-index:-100000; width:120%; height:700px;}
.soye-xxh-p{ max-width:400px; margin:0 auto; color:#fff; line-height:30px; text-align:center;}
.soye-xxh-bg .shubiao{ margin-top:20px;}

.soye-anli-bg{ background-color: #fff; padding: 50px 0;}
.soye-anli-bg .title{ margin-top: 0;  }
.anli_title{ width: 1100px;margin: 0 auto; }
.soye-anli{ width: 100%; height: 600px; background-color: #fff; position: relative;}
.soye-anli li{ border-radius: 50%; position: absolute; overflow: hidden; cursor: pointer; background-color: #392952;}
.soye-anli-tp,.soye-anli-a{ transition: all 1s;}
.soye-anli li a{ position: absolute; width: 68px; height: 68px; border: 1px solid #fff; border-radius: 50%; text-align: center; display: none; line-height: 68px; color: #fff; font-size: 40px; left: 50%; margin-left: -34px; top: 50%; margin-top: -34px; transition: all 1s;}
.soye-anli li:nth-child(1){ width: 13%; left: 5%; top: 10%;}
.soye-anli li:nth-child(2){ width: 10%; left: 28%; top: 10%;}
.soye-anli li:nth-child(3){ width: 10%; left: 23%; top: 60%;}
.soye-anli li:nth-child(4){ width: 18%; left: 45%; top: 30%;}
.soye-anli li:nth-child(5){ width: 12%; left: 70%; top: 22%;}
.soye-anli li:nth-child(6){ width: 8%; left: 85%; top: 10%;}
.soye-anli li:nth-child(7){ background-color: #d4fbd5; width: 40px; left: 15%; top: 70%; height: 40px;}
.soye-anli li:nth-child(8){ background-color: #c9b6ff; width: 50px; left: 20%; top: 50%; height: 50px;}
.soye-anli li:nth-child(9){ background-color: #bbdbff; width: 40px; left: 60%; top: 20%; height: 40px;}
.soye-anli li:nth-child(10){ background-color: #cef7ee; width: 20px; left: 65%; top: 75%; height: 20px;}
.soye-anli li:nth-child(11){ background-color: #ef9d9d; width: 40px; left: 90%; top: 80%; height: 40px;}
.soye-anli li:hover .soye-anli-tp{ opacity: 0.3;}
.soye-anli li:hover .soye-anli-a{ display: block;}

.soye-lx{ margin: 0 auto; max-width: 1100px;}
.soye-lx .bannerbox-list{ width: 25.3%; margin: 30px 4% 0 4%;}
.soye-lx .bannerbox-list li img{ width:61px; display:block; margin:120px auto 10px auto;}
.soye-lx .bannerbox-list li{ font-size: 18px;}

.soye-hzhb-bg{ background-color: #fff; padding: 50px 0;}
.soye-hzhb{ margin: 0 auto; max-width: 1100px;}
.soye-hzhb::after{ clear: both; display: block; content: '';}
.soye-hzhb li{ float: left;height: 74px;overflow: hidden; width: 218px; margin:20px 2.5%;border:1px solid #f5f5f5}
.soye-hzhb li img{ width: 100%;}
@media(max-width:1000px){
	.soye-anli{ height:400px;}
}

@media(max-width:1000px){
	.soye-xxh-tp{ width:100%; height:700px;}
}
@media(max-width:1000px){
	.soye-lx-bg{ height: 560px;}
	.soye-lx-bg .soye-xxh-tp{ width:100%; height:600px;}
}

.chanpin-xxh-bg{ background: url(../img/chanpin_banner_2.jpg) no-repeat; background-size: cover; padding: 50px 0;}
.chanpin-xxh-bg .bannerbox{ float: none; max-width: 1100px; margin: 40px auto 0 auto;}
.chanpin-xxh-bg .bannerbox::after{ clear:both; display:block; content:'';}
.chanpin-xxh{ max-width: 900px; margin: 0 auto;}
.chanpin-xxh li{ text-align: center; color: #fff;}
.chanpin-xxh li:first-child{ font-size: 44px; line-height: 140px;}
.chanpin-xxh li:nth-child(2){ font-size: 16px; line-height: 30px;}
.chanpin-xxh li:nth-child(3){ font-size: 16px; line-height: 90px;}
.chanpin-logo{ width: 100px; display: block; margin: 20px auto;}
@media(max-width:1000px){
	.chanpin-xxh li:first-child{ font-size: 20px; line-height: 80px;}
	.chanpin-xxh li:nth-child(2){ font-size: 6px; line-height: 20px;}
	.chanpin-xxh li:nth-child(3){ font-size: 6px; line-height: 70px;}
	.chanpin-xxh-bg .bannerbox{margin: 0px auto 0 auto;}
	.chanpin-xxh-bg{padding: 0px 0;}
}

.chanpin-hlw{ background: url(../img/chanpin_banner_3.jpg) no-repeat; background-size: cover; padding: 40px 0;}

.chanpin-list{ margin: 0 auto; max-width: 1100px; height: 600px; position: relative;}
.chanpin-list li{ border-radius: 50%; position: absolute; overflow: hidden; cursor: pointer;}
.chanpin-list li:nth-child(1){ width: 26%; left: 1%; top: 4%;}
.chanpin-list li:nth-child(2){ width: 13%; left: 20%; top: 60%;}
.chanpin-list li:nth-child(3){ width: 35%; left: 40%; top: 20%;}
.chanpin-list li:nth-child(4){ width: 20%; left: 78%; top: 0%;}
.chanpin-list li:nth-child(5){ width: 40px; height: 40px; left: 40%; top: 10%; background-color: #ffa841;}
.chanpin-list li:nth-child(6){ width: 60px; height: 60px; left: 45%; top: 7%; background-color: #fe4e4e;}
.chanpin-list li:nth-child(7){ width: 30px; height: 30px; left: 75%; top: 65%; background-color: #ffa841;}
.chanpin-list li:nth-child(8){ width: 80px; height: 80px; left: 80%; top: 60%; background-color: #fe4e4e;}
@media(max-width:1000px){
	.chanpin-list{height: 440px;}
}