@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:"寰蒋闆呴粦";font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span,em {margin: 0;padding: 0;list-style: none;color: #333;}
img{display:block;}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family:"寰蒋闆呴粦";font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
.fl {float:left;}
.fr {float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
::selection { color: #fff; background: #26759d;}
* { margin: 0px; padding: 0px; -moz-box-sizing: border-box; box-sizing: border-box; }
.fons0{ font-size:0px; font-size:0rem;}

::-webkit-input-placeholder {/* WebKit browsers */
 color:#666666;opacity:1}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#666666;opacity:1 }
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#666666;opacity:1 }
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#666666;opacity:1 }

.sou::-webkit-input-placeholder {/* WebKit browsers */
 color:#9a9a9a;opacity:1}
.sou:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#9a9a9a;opacity:1 }
.sou::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#9a9a9a;opacity:1 }
.sou:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#9a9a9a;opacity:1 }

@media screen and (min-width:1360px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1359px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}


.at-resp-share-element .at4-share-count-container {text-decoration: none;float: right; padding-right: 15px;line-height: 25px !important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}


/*  head  */
.head{ position:relative; background: #fff; padding-top: 1px;}
.head .zong1{ width: 95%; margin: auto; max-width: 1620px;}

.logo{display:block;float:left; width:250px; margin-top:16px;}
.logo img{display:block;margin:auto;width:100%;}

.her{float:right; padding-top:32px;}

.daohang{ float:left; margin-right:43px;}
.daohang>li{ float:left; position:relative; z-index:99; transition:0.5s; padding-bottom:43px; margin-right:70px;}
.daohang>li>a{display:block;font-size:16px;font-size:1.6rem; line-height:35px; position:relative; overflow:hidden; color: #7c7c7c; /*font-weight: bold;*/}
.daohang>li:hover>a{ color: #0a76fa;}
.daohang>li>a i{ display:inline-block; vertical-align:middle; color:#c6c6c6; font-size:12px; font-size:1.2rem; margin-left:7px;}
.dangqiandao{color: #0a76fa !important;}

.yijiw{background:#fff;background:rgba(255,255,255,0);position:absolute;width:168px;top:-9999px;left:50%; transform:translateX(-50%); padding-top: 5px;}
.yiji{background:#ffffff; text-align: center;}
.yiji li{position:relative;transition:0.5s; border-bottom: 1px solid #d6d6d6;}
.yiji li a{display:block;font-size:18px;font-size:1.8rem;font-size:16px;line-height:0px;padding:10px; color:#333333;}
.yiji li:hover{background: #0a76fa;}
.yiji li:hover>a{ color:#fff;}
.erji{position:absolute;width:180px;background:#0a76fa;top:-9999px;left:100%;}
.sanji{position:absolute;width:180px;background:#0a76fa;top:-9999px;left:100%;}
.daohang>li:hover .yijiw{top:78px;}
.daohang>li:hover .yiji>li>a{line-height:24px;}
.yiji>li:hover .erji{top:0px;}
.yiji>li:hover .erji>li>a{line-height:24px;}
.erji>li:hover .sanji{top:0px;}
.erji>li:hover .sanji>li>a{line-height:24px;}
.matn{margin-top:auto !important;}

.xiala{ width: 757px; position: absolute;top: 78px; left: 50%; transform: translateX(-50%); padding-top: 5px; display: none}
.outer { background: #fff; display: flex;}
.tab {zoom: 1; position:relative; font-size: 0px; width: 211px; display: inline-block; vertical-align: top; padding:25px 13px; box-shadow: -1px 3px 13px 0px rgba(51, 51, 51, 0.15);}
.tab li{ width: 100%; display: inline-block; vertical-align: middle; padding:11px 10px; cursor:pointer; transition:0.5s; position:relative; background:#fff; border-bottom: 1px solid #d6d6d6;}
.tab li a { display:inline-block; vertical-align:middle; font-size:18px; font-size:1.8rem; line-height:24px; color:#333; position:relative; overflow:hidden;}

.tab li.current{}
.tab li.current a{ color: #0a76fa;}
.content { width: 546px; display: inline-block; vertical-align: top; padding: 20px;}
.content .tabul {display: none; font-size: 0px; padding-top: 5px;}
.tabul a{ display: inline-block; vertical-align: top; min-width: 50%; color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 6px; padding-right: 10px;}
.tabul a:hover{color: #0a76fa;}

.daohang>li:hover .xiala{display: block}


/*  sousuo  */
.sousuo{ float:right; }
.sousuo form{ width:199px; height:35px; overflow:hidden; position:relative; z-index:1; border: solid 1px #c8c8c8;}
.sou{ width:100%; height:33px; line-height:33px; float:left; padding-left:4px; padding-right:36px; font-size:14px; font-size:1.4rem; background:none; color:#888888;}
.suo{ width:33px; height:33px; cursor:pointer; background:none; position:absolute; right:0px; top:0px; z-index:3;}
.sousuo form i{ display:block; width:33px; line-height:33px; position:absolute; right:0px; top:0px; color:#393939; text-align:center; font-size:18px; font-size:1.8rem; z-index:2;}

.yvzhong{ line-height: 35px; background: #0a76fa; padding: 0 10px; float: right; color: #ffffff; font-size: 16px; font-size: 1.6rem; margin-right: 12px;}
.yvzhong a{ color: #ffffff; display: inline-block; vertical-align: middle;}
.yvzhong a:hover{ text-decoration: underline;}

.daohang2,sousuo2,.xnav{display:none}

.headh{}
.headh .het{ font-size:0px; padding:0px; line-height:0px;}

/*  banner  */
.slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;}
.slide .slideItem .banner-img{width:100%;}
.slide .carouse .slideItem{	width:100%;	position:absolute;}
.slide .console{ height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }
.slide .dotList{ position: absolute; left: 0; bottom: 21px; width: 100%; text-align: center; margin-top: 20px; }
.slide .dotList ul li{ display: inline-block; width: 38px; height: 3px; margin-left: 4px; margin-right: 4px; background: #fff; cursor:pointer; font-size: 0px;}
.slide .dotList ul li.active{ background-position:0px 0px; background:#0a76fa;}
.slide .carousel-control{position: absolute; top: 45%;line-height: 50px;text-align: center; width: 50px; height: 50px; z-index:999; background: #333;color: #fff;display:none;}
.slide .carousel-control.left{left:2%;background-position:-38px 0px;	cursor:pointer; }
.slide .carousel-control.right{	right:2%;background-position:-85px 0px;cursor:pointer;}
.slide .slide-count{display: none}
.slide .carousel-control:hover{background:#0a76fa ;}

@media screen and (max-width:1599px) {
.daohang>li{ margin-right:39px;}
}
@media screen and (max-width:1359px) {
.logo{ width:160px; margin-top: 28px;}
.daohang{ margin-right:0px;}
.daohang>li{ margin-right:12px;}
.daohang>li>a{ font-size: 14px; font-size: 1.4rem;}

.xiala{ width: 600px;}
.tab { width: 180px; padding:15px 5px;}
.tab li{ padding:11px 5px;}
.tab li a { font-size:14px; font-size:1.4rem;}

.content { width: 420px; padding: 15px;}
.tabul a{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 6px; padding-right: 10px;}
.yiji li a{font-size:14px;font-size:1.4rem;padding:10px;}
}
@media screen and (min-width:1000px) {.carousel,.nav{display: none}}
@media screen and (max-width:999px) {
	
.slide .carousel-control{line-height:30px; width: 30px; height: 30px;}

.head{ position:relative; padding-bottom:10px;}
.het{ display:none}
.heb{ padding-top:5px;}
.logo{ width:140px; margin-top:0px; float: none;}
.her{ padding:0px; float: none;}
.sousuo,.hexin{ display:none}
.yvzhong{ position:absolute; top:9px; margin-right: 40px; right:2.5%; line-height: 30px; font-size: 12px; font-size: 1.2rem;}
.daohang{ margin:auto; margin-top:9px; float:none; text-align:center;}
.yijiw,.yiji2,.xiala{display:none !important}
.daohang>li{padding-bottom:0px; display:inline-block; vertical-align:middle; float:none; *float:left; margin:0px 32px;}
.daohang>li>a{font-size:14px;font-size:1.4rem;line-height:30px;}

.banner1{ margin-top:0px; border-width:3px;}
.banner1 .slick-arrow { margin-top: -18px; width: 36px; height: 36px; background-size:cover;}
.banner1 .slick-dots{ bottom:5px;}
.banner1 .slick-dots li { margin: 0 3px;}
.banner1 .slick-dots a { width: 8px; height: 8px;}
	
.slide .dotList{ bottom: 5px;}
.slide .dotList ul li{ width: 10px; height: 4px; margin-left: 2px; margin-right: 3px;}
	
.xnav{ display:block}
.nav { position:fixed;width: 35px;height: 23px;background:#fff;right: 2.5%;top:12px;cursor: pointer; border-radius:5px;z-index: 9999999999}
.nav span {display: block;width: 20px;height: 2px;background: #0a76fa;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition: 0.5s;z-index: 9999999991}
.nav .nav1 {margin-top: -1px;}
.nav .nav2 {margin-top: -8px;}
.nav .nav3 {margin-top: 6px;}
.nav:hover .nav1 {width: 25px;}
.navh .nav1 {transform: rotate(45deg)}
.navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
.navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
.navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}
.navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}
.navh span{}
.smdaohang {position: fixed;width: 280px;height: 100%; opacity:0; overflow: auto;top: 0px;right: -100%;background:#000; background:rgba(0,0,0,0.8); z-index: 9999999;transition: 0.5s;text-align: center;}
.smdaohangh {right: 0px; opacity:1; }
.topnav {margin: auto;margin-top: 30px;padding: 20px;}

ul.topnav li {text-align: left; position:relative;}
ul.topnav li a {padding: 5px;padding-left: 0px;color: #fff;display: block; font-size: 14px;font-size: 1.4rem;line-height: 24px; padding-right:50px;}
ul.topnav ul {display: none;}
ul.topnav ul li {clear: both;}
ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0;}
ul.topnav ul li a:hover {
}
ul.topnav ul ul li a {padding-left: 40px;}
ul.topnav ul ul ul li a {padding-left: 60px;}
ul.topnav span { display:block; position:absolute; right:0px; top:7px; width:20px; height:20px; background:#fff; background:rgba(255,255,255,0.6); cursor:pointer; border-radius:50%; transition:0.5s;}
ul.topnav span:before{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:0px; transform:rotate(45deg); transform-origin:right center}
ul.topnav span:after{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-1px; transform:rotate(-45deg); transform-origin:right center; transition:0.5s;}
ul.topnav span.yizi{ transform:rotate(90deg)}

.smdaohang form { margin-top:15px; margin-bottom:15px; width: 240px;height: 26px;border: 1px solid #fff;position: relative;background: #fff;}
.smdaohang form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 24px;line-height: 24px;display: block;float: left;}
.smdaohang form .ipsc {width: 20%;height: 26px;line-height: 26px;display: block;float: right;background: transparent;position: relative;z-index: 99;}
.smdaohang form i {position: absolute;right: 10px;top: 3px;}
  }
@media screen and (min-width:768px) {.clear3{display: none}}
@media screen and (max-width:767px) {
.head{ padding-bottom:10px;}
.logo{ float:none;width:140px;}
.daohang2{display:block;text-align:center;margin-top:10px;}
.daohang2 a{float:left;width:25%;font-size:13px;font-size:1.3rem;line-height:24px;text-align:center;}
.daohang2 .dangqiandao{ color: #0a76fa !important;}

.banner1 .slick-arrow { display:none !important;}
.daohang,.daohang1{display: none}

.banner1 .slick-arrow { margin-top: -18px; width: 36px; height: 36px; background-size:cover;}
}

/*  main1  */
.main1{background: #f7f9fd; padding-top: 80px; padding-bottom: 93px;}
.main1 .zong{}
.main1 .zong:after{content: ""; clear: both; display: block;}

.m1tu{ width: 52.9%; float: right; margin-right: -8.33%; margin-left: 60px; padding-right: 44px; padding-bottom: 44px; position: relative; z-index: 1}
.m1tu:before{content: ""; position:absolute; width: 486px;	height: 390px;	background: #ffffff; box-shadow: 0px 2px 46px 0px rgba(0, 0, 0, 0.5);border-radius: 30px 0px 30px 0px; opacity: 0.3; right: 0px; bottom: 0px; z-index: 2}
.m1tun{display: block; border-radius: 30px 0px 30px 0px; position: relative; z-index: 3}
.m1tu img{width: 100%; border-radius: 30px 0px 30px 0px;}

/*.m1zi{ padding-top: 17px;}*/
.m1biao{display:inline-block; font-size: 38px; font-size: 3.8rem; line-height: 46px; padding-bottom: 22px; font-weight: bold; position: relative;font-size: 32px !important;}
.m1biao span{color: #0a76fa;}
.m1biao:before{content: ""; position: absolute; width: 100%; max-width: 167px; height: 1px; background: #666666; bottom: 1px; left: 50%; transform: translateX(-50%);}
.m1biao:after{content: ""; position: absolute; width: 50%; max-width: 71px; height: 3px; background: #0a76fa; bottom: 0px; left: 50%; transform: translateX(-50%);}

.m1p{color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 32px;}
.m1p p{text-indent: 2em;}
.m1p p a{display: block; color: #666666;display: inline;}
.m1biao:hover,.m1p p a:hover{color: #0a76fa;}

@media screen and (max-width:1359px) {
	.m1tu{ margin-right: auto; margin-left:30px; padding-right: 20px; padding-bottom: 20px;}
	.m1tu:before{ width: 90%; height: 90%;}
	.m1zi{ padding-top: 0px;}
	.m1biao{font-size: 28px; font-size: 2.8rem; line-height: 32px;}
.m1p{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 32px;}
}
@media screen and (max-width:999px) {
.main1{padding-top: 40px; padding-bottom: 43px;}
	.m1tu{ width: 46%; margin-top: 50px;}
}
@media screen and (max-width:767px) {
.main1{padding-top: 33px; padding-bottom: 33px;}
	.m1tu{ width: 100%; margin: auto; padding: 0px; max-width: 500px; float: none; margin-bottom: 20px;}

	.m1biao{font-size: 20px; font-size: 2rem; line-height: 30px; padding-bottom: 15px;}
.m1p{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 20px;}
}

/*  main2  */
.main2{ background: url("../images/m2bei.jpg") no-repeat center; background-size: cover; padding-top: 90px; padding-bottom: 191px;}
.m2biao{text-align: center;}
.m2biao .m1biao{color: #fff;}
.m2biao .m1biao:before,.m2biao .m1biao:after{background: #fff;}

.m2n{font-size: 0px; padding-top: 25px;}
.m2lie{ /*width: 16.666%;*/ width: 14.2857%; display: inline-block; vertical-align: top; margin-top: 24px;}
.m2tu{ display: block; width: 73%; max-width: 137px; border: solid 3px #ffffff; border-radius: 50%; margin: auto;}
.m2tu img{width: 100%;}
.m2tu:hover{ background: #0a76fa;}
.m2zi{display: block; color: #ffffff; font-size: 20px; font-size: 2rem;font-size: 18px; line-height: 30px; /*font-weight: bold;*/ text-align: center; margin-top: 21px;}
.m2zi:hover{ text-decoration: underline;}

@media screen and (max-width:1359px) {
.main2{ padding-top: 30px; padding-bottom: 31px;}
	.m2lie{ margin-top: 10px;}
	.m2tu{ max-width: 90px; border-width: 1px;}
	.m2zi{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 5px;}	
.m2n{ padding-top: 20px;}
}
@media screen and (max-width:767px) {
	.m2lie{ width: 33.333%; margin-top: 15px;}
	.m2zi{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 5px;}	
}

/*  main3  */
.main3{ padding-top: 70px; padding-bottom: 119px;}
.m3biao{ text-align: center;}
.m3n{ font-size: 0px; padding-top: 50px;}
.m3lie{ width: 29.66%; display: inline-block; vertical-align: top; margin-left: 5.5%; margin-top: 23px;}
.m3lie:first-child{margin-left: auto;}

.m3tu{display: block;}
.m3tu img{width: 100%;}
.m3a{display: block; font-size: 20px; font-size: 2rem; line-height: 32px; height: 64px; overflow: hidden; /*font-weight: bold;*/ margin-top: 15px;}
.m3riqi{display: block; color: #0a76fa; font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 6px;}
.m3p{ text-indent: 2em; color: #5f5f5f; font-size: 16px; font-size: 1.6rem; line-height: 28px; height: 56px; overflow: hidden; margin-top: 11px;}
.m3p a{color: #5f5f5f; display: block;}

.m3mor{ display: block; width: 225px; height: 52px;	background: #0a76fa; border-radius: 26px; margin: auto; text-align: center; line-height: 50px; color: #fff; font-size: 16px; font-size: 1.6rem; margin-top: 79px; border: 1px solid #0a76fa;}
.m3a:hover,.m3p a:hover{color: #0a76fa;}
.m3mor:hover{ background: #fff; color: #0a76fa;}

@media screen and (max-width:1359px) {
.m3n{ padding-top: 30px;}
.m3lie{ width: 32.333%; margin-left: 1.5%; margin-top: 23px;}
.m3a{ font-size: 18px; font-size: 1.8rem; line-height: 26px; height: 52px; margin-top: 10px;}
.m3riqi{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 6px;}
.m3p{ font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 52px; margin-top: 6px;}
}
@media screen and (max-width:999px) {
.main3{ padding-top: 30px; padding-bottom: 49px;}
.m3n{ padding-top: 10px;}
	.m3mor{ font-size: 14px; font-size: 1.4rem; width: 140px; height: auto; line-height: 40px; margin-top: 40px;}
.m3a{ font-size: 16px; font-size: 1.6rem; line-height: 24px; height: 48px; margin-top: 10px;}
}
@media screen and (max-width:767px) {
.main3{ padding-top: 30px; padding-bottom: 30px;}
.m3lie{ width: 49%; margin-left: 2%; margin-top: 23px;}
.m3lie:nth-child(2n-1){margin-left: auto;}

.m3a{ font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 48px; margin-top: 10px;}
.m3riqi{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 6px;}
.m3p{ font-size: 12px; font-size: 1.2rem; line-height: 22px; height: 44px; margin-top: 6px;}
	.m3mor{ display: none;}
}

/*  main4  */
.main4{ background: url("../images/m4bei.jpg") no-repeat center; background-size: cover; position: relative; padding-top: 60px; padding-bottom: 75px;}
.m4t{ text-align: center; color: #666666; font-size: 18px; font-size: 1.8rem; line-height: 40px; margin-top: 37px;}
.m4t a{ color: #666666; display: block;}
.m4n{ padding-left: 180px; font-size: 0px; padding-top: 47px;}
.m4lie{ width: 16.66%; text-align: center; display: inline-block; vertical-align: top; margin-top: 20px;}
.m4tu{ display: block; width: 100px; margin: auto; border-radius: 50%;}
.m4tu img{width: 100%;}
.m4zi{ display: block; color: #000000; font-size: 16px; font-size: 1.6rem; line-height: 26px; text-align: center; margin-top: 19px;}
.m4tu:hover{ background: #0a76fa;}
.m4zi:hover,.m4t a:hover{color: #0a76fa;}
.m4mor{ display: block; width: 275px; background: #0a76fa; border-radius: 27px; margin: auto; line-height: 52px; border: 1px solid #0a76fa; text-align: center; color: #ffffff; font-size: 20px; font-size: 2rem; margin-top: 91px;}
.m4mor:hover{ background: #fff; color: #0a76fa;}

@media screen and (max-width:1359px) {
.m4n{ padding-left: 0px;}
.m4t{ font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 20px;}
.m4zi{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 9px;}
	.m4n{ padding-top: 20px;}
.m4mor{ width: 140px; border-radius: 27px; line-height: 40px; font-size: 16px; font-size: 1.6rem; margin-top: 30px;}
}
@media screen and (max-width:999px) {
.main4{ padding-top: 40px; padding-bottom: 45px;}
	.m4tu{ width: 60px;}
}
@media screen and (max-width:767px) {
.main4{ padding-top: 35px; padding-bottom: 35px;}
.m4t{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 15px;}
.m4zi{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 5px;}
}
@media screen and (max-width:599px) {
.m4lie{ width: 33.333%; margin-top: 20px;}
	.m4mor{ display: none}
.m4t{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 12px;}
}

.foot{ background: #0a76fa; padding-top: 36px; padding-bottom: 26px;}
.fot{ position: relative; font-size: 0px;}
.fot:after{content: ""; position: absolute; width: 1px; background: #9dc9ff; top: 0px; bottom: 0px; left: 33.333%}
.fot:before{content: ""; position: absolute; width: 1px; background: #9dc9ff; top: 0px; bottom: 0px; left: 66.666%}
.folie{ width: 33.333%; display: inline-block; vertical-align: top; position: relative; padding: 0 40px;}
.folie:first-child{margin-left: auto;}
.folie i{ color: #ffffff; font-size: 40px; font-size: 4rem; position: absolute; left: 40px; top: 0px; line-height: 50px;}
.folien{ padding-left: 46px;}
.fobiao{color: #ffffff; font-size: 18px; font-size: 1.8rem; line-height: 26px;} 
.fop{color: #ffffff; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 2px; text-align: left;}
.fop a{display: block; color: #fff;}

.fonav{text-align: center; color: #ffffff; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 48px;}
.fonav a,.fonav span{color: #fff;}
.fonav a{color: #fff; margin: 0 20px;}
.fop2{ text-align: center; margin-top: 9px; color: #ffffff; font-size: 16px; font-size: 1.6rem; line-height: 30px;}
.fop2 a{display: inline-block; vertical-align: middle; color: #fff;}
.youlian{ text-align: center; color: #ffffff; font-size: 16px; font-size: 1.6rem; margin-top: 11px;}
.youlian a,.youlian span{color: #fff;}
.youlian a{margin: 0 10px;}
.foot a:hover{ text-decoration: underline;}

@media screen and (max-width:999px) {
.folie{ padding: 0 20px;}
.folie i{ font-size: 24px; font-size: 2.4rem; left: 20px; top: 0px; line-height: 40px;}
.folien{ padding-left: 40px;}
.fobiao{ font-size: 16px; font-size: 1.6rem; line-height: 24px;} 
.fop{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 4px;}

	.fonav,.fop2,.youlian{ font-size: 14px; font-size: 1.4rem; margin-top: 5px; line-height: 24px;}
	.fonav{margin-top: 40px;}
}
@media screen and (max-width:767px) {
.foot{ padding-top: 20px; padding-bottom: 20px;}
	.youlian,.fot{display: none}
	.fonav,.fop2,.youlian{ font-size: 12px; font-size: 1.2rem; margin-top: 5px; line-height: 22px;}
	.fonav{margin-top: 0px;}
}

.top{width: 50px; height: 50px; background: #0a76fa url("../images/top.jpg") no-repeat center; border-radius: 50%; margin:auto; cursor:pointer;position:fixed;right:20px;bottom:-100px;transition:0.9s;z-index:99999;}
.bottom{bottom:150px;}


.lianxi{ position:fixed; width:38px; right:0px; top:50%; transform:translateY(-50%); z-index:99999}
.lianxi div a{ display:block; margin-top:1px; width:38px; height:38px; text-align:center; line-height:38px; font-size:16px; color:#fff; margin-top:1px;}
.ke1{ background:#1da1f2}
.ke2{ background:#1877f2}
.ke3{ background:#80af58}
.ke4{ background:#3f729b}
.weixin{ position:relative; cursor:pointer;}
.weixin img{ position:absolute; width:149px; height:150px; top:0px; left:-149px; display:none;}
.weixin:hover img{ display:block;}
.weixin2,.tankuang{ display:none}
.tankuang{ position:absolute; bottom:50px; left:50% !important; margin-left:-75px;}
.tankuang img{ display:block; position:relative; width:150px; height:150px; left:auto; margin:auto;}
.lianxi div a:hover{ background:#0a76fa;}
.clear2{ display:none}

@media screen and (max-width:999px) {
.clear2{ display:block; clear:both;}
}
@media screen and (max-width:767px) {.foot{padding-bottom:56px;}
.youlian{display:none}
.top{width:20%;height:38px;line-height:38px;bottom:0px;right:0px;border-radius:0px;border:none; background-size: 16px}

.lianxi{ width:100%; right:auto; top:auto; margin:auto; left:0px; bottom:0px; border-top:1px solid #fff; transform:translateY(0);}
.lianxi div{ width:20%; float:left;}
.lianxi div a{ margin:auto; width:100%; background:#0a76fa; color:#fff !important; border-radius:0px;}
.weixin2{ display:block}
.weixin1{ display:none}
}

/**********************  product  **********************/
.fenbanner{ position: relative;}
.fentu{}
.fentu img{width: 100%;}
.fenbiao{position: absolute; top: 10%; left: 50%; transform: translateX(-50%); color: #ffffff; font-size: 44px; font-size: 4.4rem; line-height: 50px; text-shadow: 0px 1px 10px rgba(0,0,0,0.2)}

.mianbao{ color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-top: 11px;}
.mianbao a{color: #666666;}
.mianbao a:hover{color: #0a76fa;}
.comian{color: #0a76fa !important;}

@media screen and (max-width:1359px) {
.fenbiao{ font-size: 34px; font-size: 3.4rem; line-height: 40px; top: 8%;}
.mianbao{ font-size: 14px; font-size: 1.4rem; line-height: 26px; padding-top: 6px;}
}
@media screen and (max-width:999px) {
.fenbiao{ font-size: 24px; font-size: 2.4rem; line-height: 30px; top: 15%;}
}
@media screen and (max-width:767px) {
.fenbiao{ font-size: 18px; font-size: 1.8rem; line-height: 26px; top: 5%;}
.mianbao{ font-size: 12px; font-size: 1.2rem; line-height: 22px; padding-top: 6px;}
}

.prmain{ padding-top: 34px; padding-bottom: 129px;}
.prmain:after{content: ""; clear: both; display: block;}
.prl{ width: 19.75%; float: left;}
.prr{ width: 76.66%; float: right;}

.prlt{}
.prlbiao{display: block; color: #0a76fa; font-size: 26px; font-size: 2.6rem; line-height: 34px; margin-bottom: 30px;}

.pryijiz{}
.pryijiz>li>a{display: block; background: #0a76fa; line-height: 50px; padding: 0 13px; color: #ffffff; font-size: 18px; font-size: 1.8rem; font-weight: bold;}

.pryiji{}
.pryiji>li{ margin-top: 11px;}
.pryiji>li>a{display: block; background: #e2e2e2; line-height: 50px; padding: 0 13px; font-size: 18px; font-size: 1.8rem;}
.pryiji>li:hover>a{ background: #0a76fa; color: #fff;}

.prerji{ padding: 8px 0; cursor: pointer;}
/*.prerji>li>a{ display: block; border-bottom: 1px solid #cccccc; line-height: 30px; padding: 10px 0; padding-left: 26px; color: #666666; font-size: 16px; font-size: 1.6rem; position: relative;}
.prerji>li>a:before{content: ""; position: absolute; width: 0; border: 7px solid #666666; border-bottom-color:transparent ; border-top-color: transparent; border-right-color: transparent; left: 12px; top: 19px;}
.prerji>li>a:hover{ color: #0a76fa;}*/
.prerji>li{padding-left: 26px;position: relative;border-bottom: 1px solid #cccccc; }
.prerji>li>a{ display: block; line-height: 30px; padding: 10px 0;  color: #666666; font-size: 16px; font-size: 1.6rem; }
.prerji>li:before{content: ""; position: absolute; width: 0; border: 7px solid #666666; border-bottom-color:transparent ; border-top-color: transparent; border-right-color: transparent; left: 12px; top: 19px;}
.prerji>li:hover{ color: #0a76fa;}
.prerji2{ padding: 8px 0;}
.prerji2>li>a{ display: block; line-height: 28px; padding: 5px 0; padding-left: 40px; color: #666666; font-size: 16px; font-size: 1.6rem; position: relative;}
.prerji2>li>a:hover{ color: #0a76fa;}

.dangyi>a{ background: #0a76fa !important; color: #ffffff !important;}
.danger>a{ color: #0a76fa !important;}

.prlb{ margin-top: 39px;}
.prlb .prlbiao{margin-bottom: 17px;}
.prlbn{color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px;}
.prlbn a{ display: inline-block; vertical-align: top; color: #666666; margin-right: 10px;}
.prlbn a:hover{color: #0a76fa;}

.prlbiao:hover{ color: #333;}

.prt{}
.prtbiao{color: #0a76fa; font-size: 30px; font-size: 3rem; line-height: 40px;}
.prtp{color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 14px;}
.prtp p{color: #666666;}

.prrn{ font-size:0px; padding-top: 40px;}
.prlie{width: 31.5%; display: inline-block; vertical-align: top; position: relative; margin-left: 2.75%; margin-bottom: 47px;}
.prlie:nth-child(3n-2){margin-left: auto;}
.prlie:before{content: ""; position: absolute; width: 100%; left: 0px; top: 86px; bottom: 0px; border: solid 1px #c8c8c8; z-index: -1}
.prtu{ display: block; width: 90%; max-width: 219px; border: solid 1px #c8c8c8; border-radius: 50%; margin: auto;}
.prtu img{ width: 100%; border-radius: 50%;}
.przi{}
.praz{ padding: 0 10px; /*text-align: center;*/ font-size: 0px; position: relative; margin-top: 18px;}
.pra{ display: block; font-size: 18px; font-size: 1.8rem; line-height: 30px; padding: 0 0 0 55px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.praz input{ position: absolute; left: 40px; top: 7px; cursor: pointer;}
.prp a{ display: block; color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 28px; height: 56px; overflow: hidden; padding: 0 10px; text-align: center; margin-top: 15px;}
.prmor{display: block; background: #e2e2e2; line-height: 46px; padding: 0 10px; text-align: center; font-size: 16px; font-size: 1.6rem; margin-top: 51px; margin-left: 1px; margin-right: -1px; margin-bottom: 1px;}
.przi a:hover{color: #0a76fa;}
.prmor:hover{ background: #0a76fa; color: #fff !important;}

.fenye{text-align: center; margin-top: 36px;}
.fenyen{ display: inline-block; vertical-align: middle; font-size: 0px;}
.fenyen a{display:inline-block; vertical-align: middle; line-height: 35px; padding: 0 19px; border: solid 1px #ededed; font-size: 14px; font-size: 1.4rem; margin: 0 6px; margin-top: 5px;}
.fenyen span{display:inline-block; vertical-align: middle; line-height: 35px; padding: 0 19px; font-size: 14px; font-size: 1.4rem; margin: 0 6px; margin-top: 5px;}
.fuxuan{display: inline-block; vertical-align: middle; background: url("../images/fuxuan.jpg") no-repeat right center; padding-right: 23px; margin-left: 40px; margin-top: 5px;}
.fuxuan input{width: 196px;	height: 37px; background: #0a76fa; border: 1px solid #0a76fa; line-height: 37px; text-align: center; color: #ffffff; font-size: 16px; font-size: 1.6rem; cursor: pointer; transition: 0.5s;}
.fuxuan input:hover{ background: #fff; color: #0a76fa;}
.fenyen a:hover{ background: #0a76fa; color: #fff; border-color: #0a76fa;}
.dangfen{ background: #0a76fa !important; color: #fff !important; border-color: #0a76fa !important;}

@media screen and (max-width:1359px) {
.prmain{ padding-top: 34px; padding-bottom: 59px;}
.prl{ width: 24%; float: left;}
.prr{ width: 73%; float: right;}

.prlbiao{ font-size: 24px; font-size: 2.4rem; line-height: 30px; margin-bottom: 20px;}
.prtbiao{ font-size: 24px; font-size: 2.4rem; line-height: 30px;}
.prtp{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 14px;}
.pryijiz>li>a,.pryiji>li>a{ line-height: 50px; padding: 0 10px; font-size: 16px; font-size: 1.6rem;}
.prerji>li>a,.prerji2>li>a{ line-height: 30px; padding: 7px 0; padding-left: 10px; font-size: 14px; font-size: 1.4rem;}
.prerji>li>a:before{ border: 4px solid #666666; border-bottom-color:transparent ; border-top-color: transparent; border-right-color: transparent; left: 0px; top: 19px;}
.prlbn{ font-size: 14px; font-size: 1.4rem; line-height: 26px;}

.prtbiao{ font-size: 24px; font-size: 2.4rem; line-height: 30px;}
.prtp{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 10px;}

.prlie{ margin-bottom: 20px;}
.praz{ padding: 0px; margin-top: 10px;}
.pra{ font-size: 18px; font-size: 1.8rem; line-height: 26px; padding: 0 20px;}
.praz input{ left: 5px; top: 5px;}
.prp a{ font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 52px; padding: 0 5px; margin-top: 8px;}
.prmor{ line-height: 35px; padding: 0 5px; font-size: 14px; font-size: 1.4rem; margin-top: 13px;}

.fenye{ margin-top: 20px;}
.fenyen a{ line-height: 26px; padding: 0 9px; font-size: 12px; font-size: 1.2rem; margin: 0 3px; margin-top: 5px;}
.fuxuan{ padding-right: 23px; margin-left: 10px;}
.fuxuan input{width: 130px;	height: 28px; line-height: 28px; font-size: 12px; font-size: 1.2rem;}
}
@media screen and (max-width:999px) {
.prl{ width: 24%; float: left;}
.prr{ width: 73%; float: right;}

.prlbiao{ font-size: 20px; font-size: 2rem; line-height: 30px; margin-bottom: 20px;}
.prtbiao{ font-size: 20px; font-size: 2rem; line-height: 30px;}
.prtp{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 10px;}

.prrn{ padding-top: 26px;}
.pryijiz>li>a,.pryiji>li>a{ line-height: 40px; padding: 0 10px; font-size: 14px; font-size: 1.4rem;}
.prerji>li>a,.prerji2>li>a{ line-height: 26px; padding: 5px 0; padding-left: 10px; font-size: 12px; font-size: 1.2rem;}
.prerji>li>a:before{ top: 14px;}
.prlbn{ font-size: 12px; font-size: 1.2rem; line-height: 22px;}

.praz{ padding: 0px; margin-top: 10px;}
.pra{ font-size: 14px; font-size: 1.4rem; line-height: 22px; padding: 0 20px;}
.praz input{ left: 5px; top: 4px;}
.prp a{ font-size: 12px; font-size: 1.2rem; line-height: 22px; height: 44px; padding: 0 5px; margin-top: 8px;}
.prmor{ line-height: 35px; padding: 0 5px; font-size: 12px; font-size: 1.2rem; margin-top: 10px;}
}
@media screen and (max-width:767px) {
.prmain{ padding-top: 20px; padding-bottom: 35px;}
.prl{ width: 100%; float: none; margin-top: 30px;}
.prr{ width: 100%; float: none;}

	.praz{position: inherit;}
	.prlie{position: relative;}
	.praz input{bottom: 10px; top: auto;}
	.pra{padding: 0 5px;}
}
@media screen and (max-width:539px) {
.prlie{ width: 49%; margin-left:auto}
.prlie:nth-child(2n){margin-left: 2%;}
}

/**********************  product2  ********************/
.prmain1{ padding-bottom:67px; position:relative; background: #f6fafe;}

.prmain1n{padding-top: 46px;}
.zoomPad{position:relative; float:left; z-index:99; cursor:crosshair; }
.zoomPreload{-moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; }
.zoomPup{overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; }
.zoomOverlay{position:absolute; left:0px; top:0px; background:#FFF;	z-index:5000; width:100%; height:100%; display:none; z-index:101; }
.zoomWindow{position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; }
.zoomWrapper{position:relative; border:1px solid #999; z-index:110; }
.zoomWrapperTitle{display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage{display:block; position:relative; overflow:hidden; z-index:110; }
.zoomWrapperImage img{border:0px; display:block; position:absolute; z-index:101; }
.zoomIframe{z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }

.m-propic { margin:0 auto 0; width: 543px; float:left;}
.m-propic .pic-big { position: relative; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:9;border: solid 1px #c8c8c8;}
.m-propic .big-img { display: block; line-height: 0; font-size: 0;}
.m-propic .big-img .zoomPad { float: none; z-index: 8;}
.m-propic .zoomWrapperImage img { max-width: 1200px; z-index:99}
.m-propic .pic-small { position: relative; float: left; width: 103px; padding-top:43px; padding-bottom:43px; overflow: hidden; z-index:1}
.m-propic .pic-btn { position: absolute; margin: 0 auto; left:50%; transform: translateX(-50%); display: block; width:33px; text-align:center; height:33px; border: 2px solid #666666; line-height:29px; border-radius: 50%; font-size:14px; cursor: pointer; color:#666666; z-index:9}
.m-propic .pic-btn.prev { top: 0px;} 
.m-propic .pic-btn.next { bottom: 0px;}
.m-propic .pic-btn:hover{ color: #0a76fa; border-color: #0a76fa;}

.m-propic .pic-list { height: 327px; overflow: hidden;}
.m-propic .pic-list ul { height: 2000px;}
.m-propic .list-item { margin-bottom:8px; position:relative;}
.m-propic .item-pic { display: block; position:relative;border: solid 1px #c8c8c8;}
.m-propic .item-pic img { width: 100%;display: block; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s; background:#fff}
.m-propic .item-pic:hover {}
.m-propic .item-pic.zoomThumbActive {border: solid 1px #0a76fa;}
.m-propic .item-pic.zoomThumbActive:before{ left:-12px;}
.m-propic2 { display: none; }

.jianjie{ width:600px; float:right; padding-top:34px;}
.jianjie h1{ font-size:26px; font-size:2.6rem; line-height:32px;}
.jiann{ text-indent: 2em; font-size:16px; font-size:1.6rem; line-height:30px; color:#666666; padding-top:40px;}
.jiann p,.jiann em,.jiann strong{ color:#666666;}
.jiann a{ color:#0a76fa;}

.share{ margin-top:43px; display:inline-block; vertical-align:middle;}
.share1{ display:inline-block; *float:left; font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; vertical-align:middle;}
.share2{ display:inline-block; *float:left; margin-left:8px; vertical-align:middle}
.inno3{ padding-top:38px;}
.inno3 a{ display:inline-block; min-width:170px; line-height:38px; padding:0 5px; text-align:center; border: solid 1px #0a76fa; border-radius: 20px; margin:5px 0; margin-left: 14px; font-size:16px; font-size:1.6rem; color:#0a76fa; float:left; border-radius: 19px;}
.inno3 a i{font-size: 20px; display: inline-block; vertical-align:middle; margin-right: 5px; font-weight: bold;}
.inno3 a:hover{ background:#0a76fa; color:#fff;}
.inno3 a:first-child{ margin-left:0px;}


@media screen and (max-width: 1359px) { 
.jianjie{ width:420px; float:right; padding-top:5px;}
.jianjie h1{ font-size:20px; font-size:2rem; line-height:30px;}
.share{ display:block;}
.prdo{ display:block; margin-top:10px; margin-left:auto;}
.jiann{ font-size:14px; font-size:1.4rem; line-height:24px;}
	.inno3{padding-top: 10px;}
.inno3 a{ min-width:120px; line-height:32px; font-size:14px; font-size:1.4rem; margin-left: 10px; margin-top: 10px;}
 
	.zoomPad { cursor: default !important; }
	.zoomPup { display: none !important; }
	.zoomWindow { display: none !important; }
	.zoomPreload { display: none !important; }
}
@media screen and (max-width:999px){
	.m-propic1 { display: none; }
	.m-propic2 { position: relative; display: block; overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:none; }
	.m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 17px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
	.m-propic2 .box-btn.prev { left: 0;}
	.m-propic2 .box-btn.next { right: 0;}
	.m-propic2 .box-btn.prev:hover {}
	.m-propic2 .box-btn.next:hover {}
	.m-propic2 .box-list { overflow: hidden; }
	.m-propic2 .box-list ul { width: 1000%; }
	.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; padding:0px;} 
	
.prmain1{ padding-bottom:27px;}
	.prmain1n{padding-top: 20px;}
.m-propic { float:none; margin:auto;}
.jianjie{ width:100%; float:none; padding-top:27px;}

.pr2main1{ padding-top:28px; padding-bottom:15px;}
.jianjie h1{ font-size:18px; font-size:1.8rem; line-height:26px;}
.jianjie{ width:100%; float:none;}
.inno3{ padding-top:10px;}
.inno3 a{ min-width:90px; font-size:12px !important; font-size:1.2rem !important; padding: 0 10px; margin-left:5px; float:left; text-transform:none;}
	.inno3 a i{font-size: 14px; margin-right: 3px;}
.jiann{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top: 0px; padding-top: 15px;}
.jiann p{ padding-left:0px; margin-bottom:3px;}
.jiann strong{ display:inline-block; margin-right:15px; width:auto; position:relative; left:auto; top:auto; font-size:16px; font-size:1.6rem;}

.share{ margin-top:20px;}
.share1{ font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:767px){
.jiann{ font-size:12px; font-size:1.2rem; line-height:22px; padding-top:9px;}
.jiann strong{ font-size:14px; font-size:1.4rem;}
}
 @media only screen and (max-width:500px ) {
.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:4.8%; } 
}
@media only screen and (max-width:350px ) {
.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:9.8%; } 
}

.prnav{ font-size: 0px;}
.prnavh{position: fixed; width: 100%; left: 0px; top: 0px; padding: 10px 0; background: #fff; transition: 0.5s; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index: 99}
.prnav a{display: inline-block; vertical-align: top; min-width: 240px; line-height: 35px; padding: 10px; background: #666666; border-radius: 0px 0px 10px 10px; margin-right: 20px; color: #ffffff; font-size: 24px; font-size: 2.4rem; text-align: center; font-weight: bold;}
.prnav a:hover{ background: #0a76fa;}

@media screen and (max-width:1359px) {
.prnav a{ min-width: 150px; line-height: 26px; padding: 10px; font-size: 18px; font-size: 1.8rem; margin-right: 5px;}
}
@media screen and (max-width:999px) {
.prnav a{ min-width: 150px; line-height: 26px; padding: 10px; font-size: 16px; font-size: 1.6rem; margin-right: 5px;}
}
@media screen and (max-width:767px) {
	.prnav {text-align: center;}
	.prnavh{ padding: 5px 0;}
.prnav a{ min-width: 90px; line-height: 26px; padding: 5px; font-size: 14px; font-size: 1.4rem; margin: 5px 2px;}
}


.prmain2{ padding-top: 70px; padding-bottom: 85px;}
.chanxbiao{ font-size: 26px; font-size: 2.6rem; line-height: 34px; font-weight: bold;}

.pr2n{ font-size: 0px; padding-top: 25px;}
.pr2n p{ width: 15.8%; display: inline-block; vertical-align: middle; height: 44px; border: solid 1px #c8c8c8; line-height: 42px; margin-left: 1.04%; text-align: center; margin-top: 10px;font-size: 1.4rem;}
.pr2n p:nth-child(6n-5){margin-left: auto;}
.pr2n p span{display: inline-block; vertical-align: middle; font-size: 16px; font-size: 1.6rem; line-height: 20px; padding: 0 5px;}
.pr2n p em{ font-style: normal; display: inline-block; vertical-align: middle; font-size: 16px; font-size: 1.6rem; line-height: 20px; padding: 0 5px;}

.prmain3{ background: #f2f2f2; padding-top: 44px; padding-bottom: 60px;}
.prmain4{ padding-top: 89px; padding-bottom: 60px;}

.chanxiang{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top: 33px;}
.chanxiang p,.chanxiang em,.chanxiang strong{ color:#666666;}
.chanxiang a{ color:#0a76fa;}
.chanxiang img{ max-width:100%;}
.chanxiang strong{ display:block; font-size:22px; font-size:2.2rem; font-weight:normal; margin-bottom:8px; color: #333333;}

.chanxiang .table{ width:100%; overflow:auto;}
.chanxiang .table table{ min-width:100%; margin:auto; border-collapse:collapse;}
.chanxiang .table table tr td{ padding:3px 20px; font-size:14px; font-size:1.4rem; color: #333; line-height:26px; border:1px solid #808080; text-align:left; background: #f2f2f2;}
.chanxiang .table table tr td:nth-child(2n){background: #fff;}

@media screen and (max-width: 1359px) { 
.prmain2{ padding-top: 50px; padding-bottom: 55px;}
.chanxbiao{ font-size: 22px; font-size: 2.2rem; line-height: 30px;}
.pr2n{ padding-top: 10px;}

.prmain3{ padding-top: 24px; padding-bottom: 30px;}
.chanxiang{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top: 20px;}
.chanxiang strong{ font-size:18px; font-size:1.8rem; font-weight:normal; margin-bottom:8px; color: #333333;}
.prmain4{ padding-top: 39px; padding-bottom: 40px;}
}
@media screen and (max-width:999px){	
.chanxbiao{ font-size: 20px; font-size: 2rem; line-height: 30px;}
.chanxiang{ font-size:14px; font-size:1.4rem; line-height:26px;}
.pr2n p span{ font-size: 14px; font-size: 1.4rem; line-height: 20px; padding: 0 5px;}
.pr2n p em{ font-size: 14px; font-size: 1.4rem; line-height: 20px; padding: 0 5px;}
}
@media screen and (max-width:767px){
.chanxbiao{ font-size: 18px; font-size: 1.8rem; line-height: 26px;}
.chanxiang{ font-size:12px; font-size:1.2rem; line-height:24px;}
.chanxiang strong,.chanxiang em{ font-size:14px; font-size:1.4rem;}

.chanxiang .table table tr td{ padding: 5px; font-size:12px; font-size:1.2rem; line-height:22px;}
.prmain2{ padding-top: 30px; padding-bottom: 30px;}
.prmain4{ padding-top: 30px; padding-bottom: 30px;}
	
	.pr2n p{ width: 32.33%; margin-left: 1.5%;}
	.pr2n p:nth-child(3n-2){margin-left: auto;}
.pr2n p span{ font-size: 12px; font-size: 1.2rem; line-height: 18px; padding: 0 5px;}
.pr2n p em{ font-size: 12px; font-size: 1.2rem; line-height: 18px; padding: 0 5px;}
}
 @media only screen and (max-width:500px ) {
.chanxbiao{ font-size:16px; font-size:1.6rem;}
	.pr2n p{ width: 49%; margin-left: 2% !important; margin-top: 5px;}
	.pr2n p:nth-child(2n-1){margin-left: auto !important;}
}

.homain{ padding-top: 47px; padding-bottom: 94px;}
.img-scroll {position: relative; margin-top:59px;}
.img-scroll .prev, .img-scroll .next {position: absolute; top:-96px; text-align:center;display: block; width:41px; height: 41px; line-height:37px; border-radius:50%; border: solid 2px #666666; font-size:16px; font-size:1.6rem; color:#666666; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll .prev { right:49px; cursor: pointer;}
.img-scroll .next { right:0px; cursor: pointer;}
.img-scroll .prev:hover,.img-scroll .next:hover { border-color:#0a76fa; color: #0a76fa;}
.img-list {position: relative;overflow: hidden;}
.img-list ul {width: 10000%;}
.img-list li {float: left;display: inline;width:0.178%; margin-right:0.0275%; position:relative;}
.hotu{display: block; border-radius: 50%; border: dashed 1px #9a9a9a;}
.hotu img{width: 100%; border-radius: 50%;}
.hozi{display: block; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 8px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
a.chanxbiao:hover,.hozi:hover{ color: #0a76fa;}

@media screen and (max-width:1359px) {
.img-scroll .prev, .img-scroll .next { top:-96px; width:34px; height: 34px; line-height:30px; border: solid 2px #666666; font-size:14px; font-size:1.4rem;}
	.hozi{ font-size: 14px; font-size: 1.4rem;}
}
@media screen and (max-width:999px) {
.homain{ padding-top: 30px; padding-bottom: 40px;}
.img-list li {width:0.24%; margin-right:0.0133%; position:relative;}

.img-scroll .prev, .img-scroll .next { top:-55px; width:30px; height: 30px; line-height:28px; border: solid 1px #666666; font-size:14px; font-size:1.4rem;}
.img-scroll .prev { right:39px;}
.img-scroll .next { right:0px;}
.img-scroll { margin-top: 26px;}
}
@media screen and (max-width:767px) {
.img-list li {width:0.3233%; margin-right:0.015%; position:relative;}
.hozi{ font-size: 12px; font-size: 1.2rem; line-height: 22px;}
}
@media screen and (max-width:399px) {
.img-list li {width:0.49%; margin-right:0.02%; position:relative;}
}

/*  about1  */
.abnav{box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); border: solid 1px #eaeaea; background: #ffffff; text-align: center; font-size: 0px; margin-top: 70px;}
.abnav a{ width: 16%; display: inline-block; vertical-align: middle; line-height: 75px; padding: 0 10px; margin: 0 3px;}
.abnav a span{display: inline-block; vertical-align: middle; font-size: 20px; font-size: 2rem; line-height: 24px; color: #343433; transition: 0.5s; font-weight: bold;}
.abnav a:hover{ background: #0a76fa;}
.abnav a:hover span{ color: #fff}
.dangab{ background: #0a76fa !important;}
.dangab span{color: #fff !important;}

@media screen and (max-width:1359px) {
.abnav{ margin-top: 20px;}
.abnav a span{ font-size: 16px; font-size: 1.6rem; line-height: 24px;}
}
@media screen and (max-width:999px) {
.abnav a{  line-height: 50px; padding: 0 10px; margin: 0px;}
}
@media screen and (max-width:767px) {
.abnav a span{ font-size: 14px; font-size: 1.4rem; line-height: 20px;}
}

.ab1main1{ padding-top: 59px; padding-bottom: 55px;}
.ab1biao{ font-size: 38px; font-size: 3.8rem; font-size: 32px;line-height: 44px; font-weight: bold; text-align: center; position: relative; padding-bottom: 20px;}
.ab1biao:before{content: ""; position: absolute; width: 110px; height: 1px; background: #666666; bottom: 1px; left: 50%; transform: translateX(-50%);}
.ab1biao:after{content: ""; position: absolute; width: 44px; height: 3px; background: #0a76fa; bottom: 0px; left: 50%; transform: translateX(-50%);}
.ab1biao span{color: #0a76fa;}

.ab1p{ font-size: 18px; font-size: 1.8rem; line-height: 30px; margin-top: 50px;}
.ab1p p{text-indent: 2em;}

.ab1main2{}
.ab1main2 img{ max-width: 100%;}

.ab1main3{ padding-top: 68px; padding-bottom: 47px;}

.img-scroll2 {position: relative; margin-top:94px;}
.img-scroll2:before{content: ""; position: absolute; width: 100%; height: 1px; background: #0a76fa; top: 145px; left: 0px;}
.ab13nav{ height: 36px; position: absolute; left: 50%; transform: translateX(-50%); top: -140px;}
.img-scroll2 .prev, .img-scroll2 .next {position: absolute; top:0px; text-align:center;display: block; width:36px; height: 36px; line-height:34px; border-radius:50%; border: solid 1px #0a76fa; font-size:16px; font-size:1.6rem; color:#0a76fa; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll2 .prev { right:44px; cursor: pointer;}
.img-scroll2 .next { right:0px; cursor: pointer;}
.img-scroll2 .prev:hover,.img-scroll2 .next:hover { border-color:#0a76fa; background: #0a76fa; color: #fff;}
.img-list2 {position: relative;overflow: hidden; width: 95%; max-width: 1400px; margin: auto;}
.img-list2 ul {width: 10000%;}
.img-list2 li {float: left;display: inline;/*width:0.178%; margin-right:0.0275%;*/ width: 0.17%; margin-right: 0px; position:relative;}

.abnian{display: block; text-align: center; color: #0a76fa; font-size: 24px; font-size: 2.4rem; line-height: 30px; font-weight: bold; position: absolute; top: 50%; width: 100%; left: 0px;}
.abnian:before{content: ""; position: absolute; width: 22px; height: 22px; background: #0a76fa; border-radius: 50%; left: 50%; transform: translateX(-50%); opacity: 0.2;}
.abnian:after{content: ""; position: absolute; width: 12px; height: 12px; background: #0a76fa; border-radius: 50%; left: 50%; transform: translateX(-50%);}
.ab13p{ font-size: 14px; font-size: 1.4rem; line-height: 30px; text-align: center; height: 60px; overflow: auto;}

.ab131 .abnian{ padding-bottom: 42px; margin-top: -50px;}
.ab131 .abnian:before{bottom: 0px;}
.ab131 .abnian:after{bottom: 5px;}

.ab132 .abnian{ padding-top: 42px;}
.ab132 .abnian:before{top: 0px;}
.ab132 .abnian:after{top: 5px;}

.ab131{padding-bottom: 209px;}
.ab132{padding-top: 209px;}

@media screen and (max-width:1359px) {
.ab1biao{ font-size: 28px; font-size: 2.8rem; line-height: 34px; padding-bottom: 15px;}
.ab1biao:before{ width: 50px;}
.ab1biao:after{ width: 20px;}

.ab1p{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 30px;}

.ab13p{ font-size: 14px; font-size: 1.4rem;}
.abnian{ font-size: 20px; font-size: 2rem;}
.img-list2 li {width:0.24%; margin-right:0.01333%; position:relative;}
}
@media screen and (max-width:999px) {
.ab1main1{ padding-top: 39px; padding-bottom: 15px;}
.ab1main3{ padding-top: 38px; padding-bottom: 17px;}

.img-scroll2 { margin-top:34px;}
.img-scroll2:before{ top: 125px; }
.ab13nav{ /*top: -70px;*/ top: -28px; height: 28px;}
.img-scroll2 .prev, .img-scroll2 .next { width:28px; height: 28px; line-height:26px; border: solid 1px #0a76fa; font-size:14px; font-size:1.4rem;}
.img-scroll2 .prev { right:auto; left: 50%; margin-left: -30px; cursor: pointer;}
.img-scroll2 .next { right: 50%; margin-right: -30px; cursor: pointer;}

.img-list2 li {width:0.3233%; margin-right:0.015%; position:relative;}

.abnian{ font-size: 18px; font-size: 1.8rem; line-height: 24px;}
.ab13p{ font-size: 12px; font-size: 1.2rem; line-height: 22px; height: 66px;}

.ab131 .abnian{ padding-bottom: 24px; margin-top: -25px;}
.ab131 .abnian:before{bottom: 0px;}
.ab131 .abnian:after{bottom: 5px;}

.ab132 .abnian{ padding-top: 24px;}
.ab132 .abnian:before{top: 0px;}
.ab132 .abnian:after{top: 5px;}

.ab131{padding-bottom: 160px;}
.ab132{padding-top: 160px;}
}
@media screen and (max-width:767px) {
.ab1main1{ padding-top: 30px; padding-bottom: 10px;}
.ab1main3{ padding-top: 30px; padding-bottom: 10px;}

.img-scroll2 { margin-top:34px; padding-bottom: 50px;}
.ab13nav{ top: auto; bottom: 0px;}

.ab1biao{ font-size: 20px; font-size: 2rem; line-height: 30px; padding-bottom: 10px;}

.ab1p{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 20px;}
.img-list2 li {width:0.49%; margin-right:0.02%; position:relative;}
}

.ab2main1{ padding-top: 59px;}
.ab21p{color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: center; margin-top: 24px;}
.ab21p p{color: #666666;}

.ab21p2{/*color: #1e1e1e;*/ color: #333; font-size: 18px; font-size: 1.8rem; line-height: 30px; text-align: center; margin-top: 24px;}
.ab21p2 p{/*color: #1e1e1e;*/color: #333;}
.ab21p2 p strong{/*color: #0a76fa;*/color: #333;}


.ab2main2{ padding-bottom: 148px;}
.ab2lie{ font-size: 0px; margin-top: 87px;}
.ab2tu{width: 50%; display: inline-block; vertical-align: middle;}
.ab2tu img{width: 100%;}
.ab2zi{width: 50%; display: inline-block; vertical-align: middle;}
.ab2zin{width: 560px; padding: 0 10px; position: relative; display: inline-block; vertical-align: middle; text-align: left;}
.ab2a{ font-size: 24px; font-size: 2.4rem; color: #0a76fa; line-height: 30px; font-weight: bold;}
.ab2p{ font-size: 18px; font-size: 1.8rem; line-height: 30px; margin-top: 30px; text-indent: 2em;}

.ab2lie1{}
.ab2lie1 .ab2tu{ padding-right: 40px;}
.ab2lie2 .ab2tu{ padding-left: 40px;}
.ab2lie1 .ab2zi{ padding-left: 40px;}
.ab2lie2 .ab2zi{ padding-right: 40px; text-align: right;}

.ab2biao{ width: 105px; height: 124px; background: url("../images/ab2bei1.png") no-repeat left bottom; font-size: 36px; font-size: 3.6rem; line-height: 36px; color: #0a76fa; font-weight: bold; writing-mode:tb-rl; position: absolute; left: 100%; bottom: 100%;}
.ab2lie2 .ab2zin:before{content: ""; width: 203px; height: 136px; background: url("../images/ab2bei2.png") no-repeat center; position: absolute; right: 100%; bottom: 50%;}

@media screen and (max-width:1699px) {
	.ab2biao{ left: auto; right: 0px;}
	.ab2lie2 .ab2zin:before{ right: auto; left: 0px; bottom: 110%;}
}
@media screen and (max-width:1359px) {
.ab2lie1 .ab2tu{ padding-right: 20px;}
.ab2lie2 .ab2tu{ padding-left: 20px;}
.ab2lie1 .ab2zi{ padding-left: 20px;}
.ab2lie2 .ab2zi{ padding-right: 20px; text-align: right;}

.ab2zin{width: 470px; padding: 0 20px;}
.ab2biao{ width: 53px; height: 50px; background-size: cover; font-size: 16px; font-size: 1.6rem; line-height: 26px;}
.ab2lie2 .ab2zin:before{ width: 100px; height: 68px; background-size: cover;}

.ab2a{ font-size: 20px; font-size: 2rem; line-height: 26px;}
.ab2p{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 20px;}
}
@media screen and (max-width:999px) {
.ab2main1{ padding-top: 40px;}
.ab21p{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 18px;}

.ab2main2{ padding-bottom: 48px;}
	
.ab2lie1 .ab2tu{ padding-right: 10px;}
.ab2lie2 .ab2tu{ padding-left: 10px;}
.ab2lie1 .ab2zi{ padding:  0 10px;}
.ab2lie2 .ab2zi{ padding:  0 10px; text-align: right;}

.ab2lie{ margin-top: 27px;}
.ab2zin{width: 100%; padding: 0px;}
	.ab2biao,.ab2lie2 .ab2zin:before{display: none}
}
@media screen and (max-width:767px) {
.ab21p{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 12px;}
.ab2a{ font-size: 16px; font-size: 1.6rem; line-height: 23px;}
.ab2p{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 10px;}
.ab2lie{ margin-top: 15px;}
}
@media screen and (max-width:489px) {
	.ab2tu,.ab2zi{ width: 100%; padding:10px !important;}
}

.ab3mor1{display: block; margin: auto; width: 365px; height: 57px; background: #0a76fa; border: 1px solid #0a76fa; border-radius: 29px; line-height: 55px; text-align: center; padding: 0 10px; color: #ffffff; font-size: 18px; font-size: 1.8rem; margin-top: 38px;}
.ab3mor1:hover{ background: #fff; color: #0a76fa;}

.ab1main2{ margin-top: 51px;}

@media screen and (max-width:1359px) {
.ab3mor1{ width: 280px; height: 40px; border-radius: 20px; line-height: 38px; font-size: 14px; font-size: 1.4rem; margin-top: 20px;}
}
@media screen and (max-width:999px) {
.ab1main2{ margin-top: 21px;}
}

.ab3main3{ padding-top: 58px; padding-bottom: 19px;}
.ab3n{ margin-top: 84px;}
.ab3lie{ position: relative; padding: 12px 0; border-bottom: 1px solid #b5b5b5; margin-top: 13px;}
.ab3lien{ padding-right: 190px; min-height: 47px;}
.ab33mor{display: block; width: 178px; height: 47px; line-height: 45px; background: #ffffff; border-radius: 24px; border: solid 1px #0a76fa; text-align: center; padding: 0 10px; color: #0a76fa; font-size: 18px; font-size: 1.8rem; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
.ab33a{ font-size: 18px; font-size: 1.8rem; line-height: 30px;}
.ab33riqi{ display: block; color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 26px;}
.ab33mor:hover{ background: #0a76fa; color: #fff;}

.ab4main2{ padding-bottom: 150px; padding-top: 50px;}

@media screen and (max-width:1359px) {
.ab33mor{ width: 120px; height: 35px; line-height: 33px; font-size: 14px; font-size: 1.4rem;}
.ab3lien{ padding-right: 130px; min-height: 47px;}
.ab33a{ font-size: 16px; font-size: 1.6rem; line-height: 30px;}
.ab33riqi{ font-size: 14px; font-size: 1.4rem; line-height: 26px;}
.ab3n{ margin-top: 30px;}
}
@media screen and (max-width:999px) {
.ab4main2{ padding-bottom: 50px; padding-top: 30px;}
.ab3main3{ padding-top: 30px; padding-bottom: 12px;}
.ab3n{ margin-top: 20px;}
.ab33a{ font-size: 14px; font-size: 1.4rem; line-height: 26px;}
.ab33riqi{ font-size: 12px; font-size: 1.2rem; line-height: 22px;}
}
@media screen and (max-width:499px) {
.ab4main2{ padding-bottom: 30px; padding-top: 10px;}
	.ab33mor{ position: relative; transform: translate(0); margin-top: 6px;}
.ab3lien{ padding-right: 0px; min-height: 0px;}
}

/*****************  contact  *****************/
.comain1{ padding-top: 59px;}
.co1n{margin-top: 86px; border-bottom: 1px solid #b5b5b5; padding-bottom: 32px;}
.co1n:after{content: ""; clear: both; display: block;}

.col{ width: 37.5%; float: left;}
.ditu{ width: 54%; float: right;}
.ditu img{width: 100%;}

.colbiao{color: #0a76fa; /*font-size: 28px; font-size: 2.8rem;*/ font-size: 22px; font-size: 2.2rem; line-height: 32px;}
.cola{ font-size: 20px; font-size: 2rem; line-height: 30px; margin-top: 38px;}
.colp1{color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 28px; margin-top: 10px;}
.colp1 p,.colp1 a{color: #666666;}
.colp1 strong{ font-weight: normal; color: #333; display: block; margin-bottom: 13px;}

.colb{position: relative; padding-left: 136px; min-height: 126px; margin-top: 39px;}
.coltu{ width: 126px; position: absolute; left: 0px; top: 0px;}
.coltu img{width: 100%;}
.colp2{color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px;}
.colp2 p,.colp2 a{color: #666666;}
.colp2 strong{ font-weight: normal; color: #0a76fa;}
.colp2 a:hover{ color: #0a76fa;}

@media screen and (max-width:1359px) {
.col{ width: 37.5%; float: left;}
.ditu{ width: 60%; float: right;}
	.cola{margin-top: 20px;}
	.colb{ margin-top: 20px;}
}
@media screen and (max-width:999px) {
.comain1{ padding-top: 30px;}
.col{ width: 44%; float: left;}
.ditu{ width: 54%; float: right;}
.co1n{margin-top: 36px; padding-bottom: 22px;}
.colbiao{ font-size: 22px; font-size: 2.2rem; line-height: 26px;}
.cola{ font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 10px;}
.colp1{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 10px;}
.colp1 strong{ margin-bottom: 6px;}
.colb{ padding-left: 115px; min-height: 100px; margin-top: 15px;}
.coltu{ width: 100px;}
.colp2{ font-size: 14px; font-size: 1.4rem; line-height: 24px;}
}
@media screen and (max-width:767px) {
.col{ width: 100%; float: none;}
.ditu{ width: 100%; float: none; margin-top: 20px;}

.co1n{margin-top: 20px; padding-bottom: 22px;}
.colbiao{ font-size: 16px; font-size: 1.6rem; line-height: 24px;}
.cola{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 10px;}
.colp1{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 10px;}
.colb{ padding-left: 100px; min-height: 90px; margin-top: 15px;}
.coltu{ width: 90px;}
.colp2{ font-size: 12px; font-size: 1.2rem; line-height: 22px;}
}

.comain2{ text-align: center; font-size: 0px; display: flex; justify-content: center; flex-flow: wrap; padding-top: 71px; padding-bottom: 55px;}
.co2lie{ width: 36.66%; display: inline-block; vertical-align: top; background: #f4f4f4; padding: 12px 50px; text-align: left; margin: 10px 2.9%;}
.co2biao{ font-size: 20px; font-size: 2rem; line-height: 30px; font-weight: bold;}
.co2a{ font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-top: 13px;}
.co2p{color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 28px; margin-top: 21px;}
.co2p p{color: #666666;}

@media screen and (max-width:1359px) {
.comain2{ padding-top: 31px; padding-bottom: 35px;}
.co2lie{ width: 48%; padding: 15px 20px; text-align: left; margin: 10px 1%;}

.co2biao{ font-size: 18px; font-size: 1.8rem; line-height: 26px;}
.co2a{ font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 10px;}
.co2p{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 11px;}
}
@media screen and (max-width:999px) {

}
@media screen and (max-width:767px) {
.comain2{ padding-top: 20px; padding-bottom: 20px;}
	.co2lie{ padding: 10px;}
.co2biao{ font-size: 16px; font-size: 1.6rem; line-height: 26px;}
.co2a{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 10px;}
.co2p{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 11px;}
}
@media screen and (max-width:499px) {
.co2lie{ width: 100%; margin: 5px 0;}
}

.comain3{ background: #f4f4f4; padding-top: 61px; padding-bottom: 87px;}
.co3biao{text-align: center; /*font-size: 30px; font-size: 3rem;*/ font-size: 26px; font-size: 2.6rem; line-height: 44px;}
.co3a{color: #0a76fa; font-size: 18px; font-size: 1.8rem; line-height: 30px; text-align: center; margin-top: 16px;}
.coxin{ width: 100%; max-width: 890px; margin: auto; margin-top: 48px;}
.co3p{color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 34px;}
.coxin .int1{ width: 46.179%; margin-top: 6px;}
.coxin .int1:nth-child(2n-1){ float: left;}
.coxin .int1:nth-child(2n){ float: right;}
.coxin .int1 input{width: 100%; height: 42px; background: #ffffff; border-radius: 5px; line-height: 42px; padding: 0 10px; font-size: 16px; font-size: 1.6rem;}
.coxin .int2{ margin-top: 17px;}
.coxin .int2 label{display: inline-block; vertical-align: middle; margin-right: 85px; margin-top: 9px; cursor: pointer;}
.coxin .int2 label input{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.coxin .int2 label p{ color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px; display: inline-block; vertical-align: middle;}
.coxin .int2 textarea{width: 100%; height: 162px; background: #ffffff; border-radius: 5px; line-height: 30px; padding: 0 10px; font-size: 16px; font-size: 1.6rem; margin-top: 5px;}
.coxin .int3{ width: 42.69%; float: left; margin-top: 48px;}
.coxin .int3 input{width: 100%; height: 42px; background: #ffffff url("../images/xing.png") no-repeat 10px 18px; border-radius: 5px; line-height: 42px; padding: 0 10px; font-size: 16px; font-size: 1.6rem; padding-left: 22px;}
.coxin .yanzheng{width: 143px; height: 42px; float: left; margin-left: 21px; cursor: pointer; margin-top: 48px;}
.coxin .int4{ width: 33.37%; height: 42px; float: right; background: #0a76fa; border: 1px solid #0a76fa; border-radius: 21px; margin-top: 48px; color: #ffffff; font-size: 16px; font-size: 1.6rem; cursor: pointer; transition: 0.5s;}
.coxin .int4:hover{ background: #fff; color: #0a76fa;}

@media screen and (max-width:1359px) {
.co3biao{ font-size: 30px; font-size: 3rem; line-height: 40px;}
.co3a{ font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 10px;}
.co3p{ font-size: 14px; font-size: 1.4rem; line-height: 30px;}
	.coxin .int2 label p{ font-size: 14px; font-size: 1.4rem;}
	.coxin .int1 input,.coxin .int2 textarea,.coxin .int3 input,.coxin .int4{ font-size: 14px; font-size: 1.4rem;}
}
@media screen and (max-width:999px) {
.comain3{ padding-top: 31px; padding-bottom: 37px;}
.co3biao{ font-size: 24px; font-size: 2.4rem; line-height: 30px;}
	.coxin{ margin-top: 20px;}
	.coxin .int3,.coxin .yanzheng,.coxin .int4{ margin-top: 20px;}
	.coxin .int1{ width: 49%;}
}
@media screen and (max-width:767px) {
.co3biao{ font-size: 18px; font-size: 1.8rem; line-height: 24px;}
.co3a{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 10px;}
.co3p{ font-size: 12px; font-size: 1.2rem; line-height: 26px;}
	.coxin .int2 label p{ font-size: 12px; font-size: 1.2rem;}
	.coxin .int1 input,.coxin .int2 textarea,.coxin .int3 input,.coxin .int4{ font-size: 12px; font-size: 1.2rem;}
	.coxin .int2 label{ margin-right: 20px;}
	.coxin .int3{width: 100%;}
	.coxin .yanzheng{margin-left: auto;}
	.coxin .int4{ width: 46%;}
}

/**********************  application  **********************/
.appnav{ position: absolute; /*bottom: 73px;*/bottom: 50px; left: 50%; transform: translateX(-50%); font-size: 0px;}
.appnavn{ width: 14.28%; display: inline-block; vertical-align: top; padding: 0 10px;max-width: 150px;}
.appntu{display: block; width: 90%; max-width: 137px; border: solid 3px #ffffff; border-radius: 50%; margin: auto;}
.appntu img{width: 100%;}
.appnzi{color: #ffffff; font-size: 20px; font-size: 2rem; line-height: 30px;margin-bottom: 30px; text-align: center; display: block; font-weight: bold; margin-top: 15px;}
.appnavn:hover .appntu{ background: #666666;}
.dangapp .appntu{ background: #666666 !important;}

@media screen and (max-width:1599px) {
	.appnav{ bottom: 10px;}
	.appnzi{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 5px;}
}
@media screen and (max-width:1109px) {
	.appnav{ bottom: 60px;}
}
@media screen and (max-width:899px) {
	.appnav{ bottom: 40px;}
}
@media screen and (max-width:767px) {
	.appntu{ border-width: 1px;}
	.appnav{ background: #000; position: relative; transform: translate(0); left: auto; bottom: auto; width: 100%; padding: 10px;}
	.appnzi{ font-size: 12px; font-size: 1.2rem; line-height: 20px;}
}
@media screen and (max-width:699px) {
	.appnavn{ width: 25%; margin: 10px 0;}
	.appntu{max-width: 80px;}
}
@media screen and (max-width:399px) {
	.appnavn{ width: 33.333%; margin: 10px 0;}
	.appntu{max-width: 80px;}
}

.appt{ font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 71px; border-bottom: 1px solid #bbbbbb; padding-bottom: 30px;}
.appt strong{ font-size: 20px; font-size: 2rem;}
.appt img{max-width: 100%;}

@media screen and (max-width:1359px) {
.appt{ font-size: 14px; font-size: 1.4rem; line-height: 28px; margin-top: 21px; padding-bottom: 30px;}
.appt strong{ font-size: 18px; font-size: 1.8rem;}
}
@media screen and (max-width:999px) {

}
@media screen and (max-width:767px) {
.appt{ font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-top: 13px; padding-bottom: 20px;}
.appt strong{ font-size: 16px; font-size: 1.6rem;}
}

.appmain{ padding-bottom: 79px;}
.applie{ border-top: 1px solid #bbbbbb; padding-bottom: 51px;}
.appnt{ position: relative; min-height: 170px; line-height: 170px;}
.appttu{height: 170px; position: absolute; right: 0px; top: 0px;}
.appttu img{width: 100%;}
.apptzi{padding-right: 180px; display: inline-block; vertical-align: middle; font-size: 19px; font-size: 1.9rem; line-height: 24px;}

.appxiang{ font-size:16px; font-size:1.6rem; line-height:28px;}
.appxiang p,.appxiang em,.appxiang strong{ color:#666666;}
.appxiang a{ color:#0a76fa;}
.appxiang img{ max-width:100%;}
.appxiang strong{ display:block; font-size:22px; font-size:2.2rem; font-weight:normal; margin-bottom:8px; color: #333333;}

.appxiang .table{ width:100%; overflow:auto;}
.appxiang .table table{ min-width:100%; margin:auto; border-collapse:collapse;}
.appxiang .table table tr td{ padding:10px 20px; font-size:14px; font-size:1.4rem; color: #333; line-height:26px; border:1px solid #fff; text-align:left; background: #f2f2f2;}
.appxiang .table table tr:nth-child(2n) td{background: #d9d9d9;}
.appmor{display: block; width: 237px; height: 56px;	background: #0a76fa; border: 1px solid #0a76fa; border-radius: 28px; line-height: 54px; text-align:center; color: #ffffff; font-size: 18px; font: 1.8rem; margin-top: 50px;}
.appmor:hover{ background: #fff; color: #0a76fa;}

@media screen and (max-width:1359px) {
.applie{ padding-bottom: 31px;}
.apptzi{padding-right: 180px; font-size: 16px; font-size: 1.6rem; line-height: 24px;}
.appxiang .table table tr td{ padding:10px;}
.appxiang{ font-size:14px; font-size:1.4rem; line-height:26px;}
.appmor{ width: 130px; height: 36px; border-radius: 18px; line-height: 34px; font-size: 14px; font: 1.4rem; margin-top: 20px;}
}
@media screen and (max-width:767px) {
.appmain{ padding-bottom: 20px;}
.applie{ border-top: 1px solid #bbbbbb; padding-bottom: 21px;}
.appnt{ min-height: 100px; line-height: 100px;}
.appttu{height: 100px;}
.apptzi{padding-right: 110px; font-size: 14px; font-size: 1.4rem; line-height: 22px;}
.appxiang .table table tr td{ padding:5px 10px; font-size: 12px; font-size: 1.2rem; line-height: 20px;}
.appxiang{ font-size:12px; font-size:1.2rem; line-height:22px;}
.appmor{ width: 100px; height: 30px; border-radius: 15px; line-height: 28px; font-size: 12px; font: 1.2rem; margin-top: 15px;}
}

/******************  news  ******************/
.nemain{ padding-top: 72px; padding-bottom: 139px;}
.nemain:after{content: ""; clear: both; display: block;}
.nel{ width: 55%; float: left;}
.ner{ width: 33%; float: right;}

.nelie{ margin-bottom: 63px;}
.netu{display: block;}
.netu img{width: 100%;}
.nelt{position: relative; padding-left: 88px; min-height: 48px; margin-top: 20px;}
.nelt:before{content: ""; position: absolute; width: 1px; height: 38px; background: #0a76fa; left: 68px; top: 50%; transform: translateY(-50%);}
.neriqi{display: block; width: 55px; position: absolute; left: 0px; top: 0px; color: #0a76fa; font-size: 18px; font-size: 1.8rem; line-height: 24px; text-align: center;}
.nea a{ display: block; font-size: 18px; font-size: 1.8rem; line-height: 24px; padding: 12px 0; /*font-weight: bold;*/ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nep a{ text-indent: 2em; display: block; color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 28px; margin-top: 14px; max-height: 56px; overflow: hidden;}
.nemor{display: block; width: 172px; height: 41px; background: #0a76fa; border-radius: 21px; border: solid 1px #0a76fa; line-height: 39px; text-align: center; color: #ffffff; font-size: 16px; font-size: 1.6rem; margin-top: 29px;}
.nelie:hover a{ color: #0a76fa;}
.nelie:hover .nemor{background: #fff;}

.nert{box-shadow: 0px 2px 12px 0px rgba(51, 51, 51, 0.1); padding: 22px; padding-bottom: 29px;}
.nerbiao{display: block; color: #0a76fa; font-size: 18px; font-size: 1.8rem; line-height: 26px; padding-left: 12px; position: relative; font-weight: bold;}
.nerbiao:before{content: ""; position: absolute; width: 3px; height: 21px; background: #0a76fa; left: 0px; top: 50%; transform: translateY(-50%);}
.nerlie{ position: relative; min-height: 101px; margin-top: 27px;}
.nertu{ display: block; width: 137px; position: absolute; left: 0px; top: 0px;}
.nertu img{width: 100%;}
.nerzi{ margin-left: 148px;}
.nerp a{ display: block; font-size: 16px; font-size: 1.6rem; line-height: 28px; height: 56px; overflow: hidden; /*font-weight: bold;*/}
.nerriqi{display: block; color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 14px;}
.nerbiao:hover{color: #333;}
.nerp a:hover{color: #0a76fa;}

.nerb{margin-top: 53px;}
.img-scroll3 {position: relative; margin-top:42px;}
.img-scroll3 .prev, .img-scroll3 .next {position: absolute; top:-67px; text-align:center;display: block; width:27px; height: 27px; line-height:23px; border-radius:50%; border: solid 2px #666666; font-size:12px; font-size:1.2rem; color:#666666; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll3 .prev { right:32px; cursor: pointer;}
.img-scroll3 .next { right:0px; cursor: pointer;}
.img-scroll3 .prev:hover,.img-scroll3 .next:hover { border-color:#0a76fa; color: #0a76fa;}
.img-list3 {position: relative;overflow: hidden;}
.img-list3 ul {width: 10000%;}
.img-list3 li {float: left;display: inline;width:0.49%; margin-right:0.02%; position:relative; padding: 0 10px;}
.holie{margin-bottom: 40px;}

@media screen and (max-width:1359px) {
.nel{ width: 55%; float: left;}
.ner{ width: 40%; float: right;}
}
@media screen and (max-width:999px) {
.nemain{ padding-top: 32px; padding-bottom: 40px;}
.nelie{ margin-bottom: 23px;}
.nelt:before{left: 55px;}
.nelt{ padding-left: 60px; min-height: 48px; margin-top: 10px;}
.neriqi{ width: 50px; font-size: 14px; font-size: 1.4rem;}
.nea a{ font-size: 14px; font-size: 1.4rem;}
.nep a{ font-size: 14px; font-size: 1.4rem; line-height: 25px; max-height: 50px; margin-top: 14px;}
.nemor{ width: 120px; height: 36px; border-radius: 18px; line-height: 34px; font-size: 14px; font-size: 1.4rem; margin-top: 15px;}

.nerp a{ font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 48px;}
.nerriqi{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 14px;}
	.img-list3 li { padding: 0 5px;}
}
@media screen and (max-width:767px) {
.nemain{ padding-top: 20px; padding-bottom: 20px;}
.nel{ width: 100%; float: none;}
.ner{ width: 100%; float: none; margin-top: 26px;}
	.img-list3 li { padding: 0px;}
.holie{margin-bottom: 20px;}
.nerb{margin-top: 26px;}
	.nert{ padding: 20px 10px;}

.nep a{ font-size: 12px; font-size: 1.2rem; line-height: 25px; max-height: 50px; margin-top: 14px;}
.nemor{ width: 100px; height: 36px; border-radius: 18px; line-height: 34px; font-size: 12px; font-size: 1.2rem; margin-top: 15px;}

.nerp a{ font-size: 12px; font-size: 1.2rem; line-height: 24px; height: 48px;}
.nerriqi{ font-size: 12px; font-size: 1.2rem; line-height: 24px; margin-top: 14px;}
}

/******************  news2  ******************/
.nel h1{ font-size: 24px; font-size: 2.4rem; line-height: 36px; font-weight: bold;}
.net{ margin-top: 19px;}
.neriqi2{display: inline-block; vertical-align: middle; color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-right: 20px;}
.neriqi2 i{display: inline-block; vertical-align: middle; margin-right: 6px;}
.net .share{display: inline-block; vertical-align: middle; margin: auto;}
.net .share1{ font-size: 14px; font-size: 1.4rem;}

.nexiang{color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 51px;}
.nexiang p{ text-indent: 2em; }
.nexiang em{ font-style: normal; }
.nexiang p,.nexiang em{color: #666666;}
.nexiang strong{ display: block; position: relative; color: #666666; padding-left: 17px; font-weight: normal;}
.nexiang strong:before{content: ""; position: absolute; width: 3px; height: 100%; background: #0a76fa; left: 0px; top: 0px;}
.nexiang img{max-width: 100%;}
.nexiang a{ color: #0a76fa;}
.fanpian{ border-top: 1px solid #a5a5a5; padding-top: 20px; margin-top: 50px;}
.fanpian li{ font-size: 16px; font-size: 1.6rem; line-height: 24px; padding: 8px 0;}
.fanpian li a:hover{color: #0a76fa;}

@media screen and (max-width:1359px) {
.nel h1{ font-size: 20px; font-size: 2rem; line-height: 30px;}
.nexiang{ font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 31px;}
.fanpian li{ font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 3px 0;}
}
@media screen and (max-width:767px) {
.nel h1{ font-size: 16px; font-size: 1.6rem; line-height: 26px;}
.neriqi2{ font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-right: 10px;}
.nexiang{ font-size: 12px; font-size: 1.2rem; line-height: 24px; margin-top: 20px;}
	.fanpian{ margin-top: 30px;}
.fanpian li{ font-size: 12px; font-size: 1.2rem; line-height: 22px; padding: 3px 0;}
}

.semain{ background: url("../images/sebei.jpg") no-repeat center; background-size: cover; background-attachment: fixed; position: relative; margin-top: 92px; padding-top: 44px; padding-bottom: 30px;}
.semain:before{content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: url("../images/sebei.jpg") no-repeat center; background-size: cover; z-index: -1}

.semain .zong{display: flex; flex-flow: wrap;}
.selie{ background: #f7f7fd; width: 29.33%; display: inline-block; vertical-align: top; margin: 35px 0; margin-left: 6%; padding: 18px; padding-bottom: 38px;}
.selie:nth-child(3n-2){margin-left: auto;}
.selien{ border-bottom: 1px solid #dfdfdf; min-height: 130px; line-height: 130px; position: relative;}
.setu{ display: block; width: 80px; border-radius: 50%; position: absolute; left: 9px; top: 50%;transform: translateY(-50%);}
.setu img{width: 100%; border-radius: 50%;}
.sezi{ margin-left: 109px; display: inline-block; vertical-align: middle; font-size: 18px; font-size: 1.8rem; line-height: 32px;}
.sezi a:hover{color: #0a76fa;}

@media screen and (max-width:1359px) {
.selie{ width: 32.33%; margin: 10px 0; margin-left: 1.5%; padding: 18px 10px; padding-bottom: 38px;}
}
@media screen and (max-width:999px) {
.semain{ margin-top: 32px; padding-top: 24px; padding-bottom: 20px;}
.selie{ width: 32.33%; margin: 10px 0; margin-left: 1.5%; padding:10px 5px; padding-bottom: 15px;}
.selien{ min-height: 80px; line-height: 80px;}
	.setu{ width: 70px; left: 0px;}
	.sezi{ margin-left: 80px; font-size: 14px; font-size: 1.4rem; line-height: 24px;}
}
@media screen and (max-width:767px) {
.selie{ width: 49%; margin: 5px 0; margin-left: 2% !important;}
	.selie:nth-child(2n-1){margin-left: auto !important;}
.selien{ min-height: 80px; line-height: 80px;}
	.setu{ width: 50px; left: 0px;}
	.sezi{ margin-left: 55px; font-size: 12px; font-size: 1.2rem; line-height: 20px;}
}
@media screen and (max-width:399px) {
.selie{ width: 100%; margin: 5px 0; margin-left: 0% !important;}
}

@media screen and (max-width:1359px) {

}
@media screen and (max-width:999px) {

}
@media screen and (max-width:767px) {

}


@font-face {
  font-family: "iconfont"; /* Project id 2982866 */
  font-display: swap;
  src: url('../fonts/iconfont.woff2?t=1639365477470') format('woff2'),
       url('../fonts/iconfont.woff?t=1639365477470') format('woff'),
       url('../fonts/iconfont.ttf?t=1639365477470') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiazai:before {
  content: "\e605";
}

.icon-home:before {
  content: "\e624";
}

.icon-edit:before {
  content: "\e611";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-bigger:before {
  content: "\e647";
}

.icon-left:before {
  content: "\e72c";
}

.icon-right:before {
  content: "\e72d";
}

.icon-up1:before {
  content: "\e72e";
}

.icon-bottom1:before {
  content: "\e72f";
}

.icon-left1:before {
  content: "\e730";
}

.icon-right1:before {
  content: "\e731";
}

.icon-up:before {
  content: "\e73e";
}

.icon-bottom:before {
  content: "\e73f";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-tumblr:before {
  content: "\e79e";
}

.icon-download:before {
  content: "\e7a0";
}

.icon-download1:before {
  content: "\e7a7";
}

.icon-search4:before {
  content: "\e7b2";
}

.icon-address:before {
  content: "\e7bc";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c6";
}

.icon-phone:before {
  content: "\e7c8";
}

.icon-tel:before {
  content: "\e7c7";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-address1:before {
  content: "\e7c3";
}

.icon-contact1:before {
  content: "\e7c4";
}

.icon-email1:before {
  content: "\e7c5";
}

.icon-skype1:before {
  content: "\e7c9";
}

.icon-fax1:before {
  content: "\e7ca";
}

.icon-qq:before {
  content: "\e7ce";
}

.icon-tel1:before {
  content: "\e7cd";
}

.icon-wechat:before {
  content: "\e7cf";
}

.icon-phone2:before {
  content: "\e7d0";
}

.icon-message:before {
  content: "\e7da";
}

.icon-calendar:before {
  content: "\e7e1";
}

.icon-calendar1:before {
  content: "\e7e3";
}

.icon-top:before {
  content: "\e7ed";
}

.icon-youbian:before {
  content: "\e60f";
}

.icon-jian2:before {
  content: "\e600";
}

.icon-jia2:before {
  content: "\e608";
}

.icon-vk:before {
  content: "\e735";
}

.icon-instagram1:before {
  content: "\e640";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-sousuo4:before {
  content: "\e610";
}

.icon-sousuo:before {
  content: "\e616";
}

.icon-sousuo1:before {
  content: "\e65b";
}

.icon-sousuo2:before {
  content: "\e62e";
}

.icon-fenleiorguangchangorqita:before {
  content: "\e64f";
}

.setua{ position: relative; cursor: pointer;}
.setub{ display: none; position: absolute; top: 100%; left: 50%;  transform: translateX(-50%); max-width: 150px; }

.tagkey{ text-indent: 2em; margin-bottom: 20px; }
.m-kefu-chat.mobile-hide{ right: 6px!important; }
.fenye a.no:hover {color: #333!important;border-color: #ededed!important; background: none!important;}
.item-btns a.no:hover  {color: #333!important; background-color: #E5E5E5!important;}
.ppp{line-height: 30px; font-size: 16px; font-size: 1.6rem; margin-top: 21px; display: block;}
.actives{color: #d52c2c!important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.listcart {width: 100%;text-align: center;}
.listcart a {
    display: inline-block;
    height: 34px;
    width: 200px;
    line-height: 34px;
    overflow: hidden;
    color: #fff;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 10px;
    border-radius: 5px;
  	background-color: #b8b8b8;
    }
    .listcart a:hover {background: #0a76fa;}
    .xunpanc{margin-top: 20px;}
    .xunpanc .table {margin-top: 0;}
    .xunpanc table tr td{border: 1px solid #ccc; text-align: left; padding: 3px;}
    .xunpanc table tr td a:hover{color: #0a76fa;}
.star{ background: url(../images/xing.png) no-repeat left 16px; padding-left: 12px;}

.fot:after{ left: 34%}
.fot:before{ left: 65%}
.folie:nth-child(1){ width: 34%}
.folie:nth-child(2){padding-left: 110px; width: 31%}
.folie:nth-child(2) i{left: 100px;}
.folie:nth-child(3){padding-left: 90px; width: 35%}
.folie:nth-child(3) i{left: 70px;}

@media screen and (max-width:1359px) {
.fot:after{ left: 34%}
.fot:before{ left: 65%}
.folie:nth-child(1){ width: 34%}
.folie:nth-child(2){padding-left: 80px; width: 31%}
.folie:nth-child(2) i{left: 60px;}
.folie:nth-child(3){padding-left: 70px; width: 35%}
.folie:nth-child(3) i{left: 56px;}
}
@media screen and (max-width:999px) {
.fot:after{display: none;}
.fot:before{display: none;}
.folie:nth-child(1){ width: 33%}
.folie:nth-child(2){padding-left: 40px; width: 33%}
.folie:nth-child(2) i{left: 20px;}
.folie:nth-child(3){padding-left: 40px; width: 33%}
.folie:nth-child(3) i{left: 20px;}
}
a.maon_first{ background: #0a76fa;  }

.appmain .appnt .appttu{ width: auto; height: 170px; }
.appmain .appnt .appttu img{ width: auto; height: 100%; }
@media screen and (max-width:999px) { .appmain .appnt .appttu{ height: 100px; } }

.telsj{ font-size: 16px; line-height: 30px; background: #fff; width: 300px;/*max-width: 100%;*/z-index: 9; }

@media screen and (max-width:767px) {
	.telsj{ left: 70%; }
	.noshow{ display: none; }
}

.img-scroll4 {position: relative; margin-top:42px;}
.img-scroll4 .prev, .img-scroll4 .next {position: absolute;top: 50%; transform: translateY(-50%); text-align:center;display: block; width:40px; height: 40px; line-height:38px; border-radius:50%; border: solid 1px #fff; font-size:12px; font-size:1.5rem; color:#fff; background: rgba(102,102,102,0.9); z-index: 999; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll4 .prev { left:70px; cursor: pointer;}
.img-scroll4 .next { right:70px; cursor: pointer;}
.img-scroll4 .prev:hover,.img-scroll4 .next:hover { background: rgba(10,118,250,0.9);}
.img-list4 {position: relative;overflow: hidden;}
.img-list4 ul {width: 10000%;}
.img-list4 li {float: left;display: inline;width:1%; margin-right:0.02%; position:relative;}


@media screen and (min-width:1359px) {
.guanyu{
	font-size:30px;
	padding-bottom: 10px;
}}

@media screen and (min-width:768px) {
.main2{
	background-size:1920px 450px;

}}
.main2{
	padding-top: 0;
	padding-bottom: 0;
}
.m2biao{
	padding-top:30px;
}
.m2n{padding-bottom:38px;}

.main2{ padding-top:30px; padding-bottom:38px; background-size:cover;}
.navContent1 li a:hover{ color:#0a76fa;}


@media screen and (min-width:1420px) {.zong2 {width: 1400px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1419px) {.zong2 {width: 900px;margin: auto;}}
@media screen and (max-width:999px) {.zong2 {width: 85%;margin: auto;}}


.rybt{ font-size: 38px; background: url(../images/dixiaheng.jpg) no-repeat center bottom; text-align:center; padding-bottom:40px;font-weight: bold; margin-top:60px;  color:#0a76fa;}
.rybt span{ color:#343433;}
.rybt2{text-align:center; font-size: 16px;	line-height: 30px; margin-top:10px;	color: #1e1e1e; }
.rycontent1{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin-top:146px;     align-items: center;}
.rycontent11{width:41.285714%; max-width:578px; 	
/*font-size: 22px;	line-height: 70px;*/
 font-size: 16px;	line-height: 30px;
	color: #1e1e1e;}
.rycontent12{ width:54.8571%; max-width:768px; display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-start; }
.rycontent12 img{ width:42.96875%; max-width:330px;}

.rycontent2{ display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-start; margin-top:104px;  }
.rycontent2 img{ width:21.64%; max-width:303px; display:block;}


.rycontent3{ display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-start;  margin-top:104px; }
	
.rycontent3 img{width:19%;max-width:367px;display:block; margin-bottom:73px;}




@media screen and (max-width:1420px) {
	.rycontent11,.rybt2{  font-size: 18px;    line-height: 30px;}
	.rycontent12 img{ width:48%; }	
	.rycontent1{ margin-top:50px;}
	.rycontent2{ margin-top:50px;}
	.rycontent3{ margin-top:50px;}
}

@media screen and (max-width:999px) {
		.rycontent1{ margin-top:30px;}
	.rycontent2{ margin-top:30px;}
	.rycontent3{ margin-top:30px;}
	.rycontent11,.rybt2{  font-size: 16px;    line-height: 28px;}
	.rycontent11{width:100%; max-width:100%; margin-bottom:40px;}
.rycontent12{ width:100%;  max-width:100%;}
.rycontent3 img{margin-bottom:30px; }
}

@media screen and (max-width: 767px) {
    .rycontent11,.rybt2{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;}
		
		}
@media screen and (max-width: 1359px) {
  .rybt{
        font-size: 28px; padding-bottom:27px;
    }
}		
		
@media screen and (max-width: 767px) {
.rybt{
        font-size: 20px;
    }
}

		
		
		
		


.head .zong1{
	position: relative;
}

.daohang>li.nav-no-pos{
	position: initial;
}

.nav-no-pos .xiala{
	width: 100%;
	top: 100%;
	z-index: 99;
	padding: 32px;
	background-color: #f8f8f8;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
}

.nav-b-fis{
	display: flex;
	flex-wrap: wrap;
	gap: 0px 0.87%;
	
}

.nav-b-fis>li{
	width: 15.94%;
}

.nav-fis{
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 12px;
}

.nav-sec{
	margin-top: 16px;
	/*font-size: 16px;*/
	font-size: 12px;
	line-height: 20px;
}

.nav-sec li{
	margin-bottom: 5px;
}

.nav-sec a{
	color: #555;
}


.nav-fis a:hover,
.nav-sec a:hover{
	color: #0a76fa ;
}
.pryiji>li:first-of-type{
	position: relative;
}
.pryiji>li:first-of-type p {
	content: "+";
    position: absolute;
    text-align: center;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    right: 15px;
    font-weight: bold;
    top: 10px;
    color: #fff;
    font-size: 20px;
cursor: pointer;
}