* {padding: 0;margin: 0;}
body {font-family: "微软雅黑", Arial;font-size: 12px;font-weight: normal;line-height: 1.7;color: #5a5a5a;background: #fff;position: relative;}
p {font-weight: normal;margin: 0;}
h1, h2, h3, h4, h5, h6, figure {color: #444;font-family: "Open Sans", Arial, sans-serif;font-weight: 400;margin: 0;}
a {color: #333;}
li {list-style: none;}
.clearfix {zoom: 1;}
.clearfix::after {display: block;content: "";height: 0;clear: both;}
.top {padding: 20px 0;background:#ebf8fe url(../images/top.png) no-repeat center;background-size: 100% 100%;height:125px;}
.logo {float: left;max-width: 70%;margin-top:1.2rem;}
.logo img {height:80px;}
.top-tel {float: right;height: 54px;margin-top:1.5rem;padding-left: 24px;}
.top-tel img{height: 65px;}
.top-tel > p {margin: 0;line-height: 1.1;}
.top-tel > p > span:first-child {font-size: 24px;color: #ec8807;font-weight: bold;}
.contacts {font-size: 16px;color: #9a9a9a;}
#nav-section {background:url(../images/nav.png) no-repeat center center;background-size: 100% 100%;}
.nav_ul {width: 100%;font-size: 0;}
.nav_ul li.last-level{float: right;width: auto;margin-right:0px;margin-left:2%;}
.nav_ul li.search{
    float: right;
	width: 225px;
    margin-right: 10px;
  }
.nav_ul li.last-level a{    font-size: 1.5rem;
    background: rgb(65 176 255 / 24%);
    color: #fff;
    padding: 10px 25px;
    line-height: 17px;
    border-radius: 30px;
    margin-top: 9px;
    border: 1px solid #fff;}
.nav_ul li.last-level:hover a{color:;background: #27aae1  !important;}
.nav_ul li:hover::after{display:none !important;}
.nav_ul > li {position: relative;width:10%;height:60px;text-align: center;margin-right:3%;}
.nav_ul > li.current::after{ display: table;content: " ";    background-image: linear-gradient(#9ad8f8, #96cbf7, #8db9f7);height:2px;width: 100%;margin-top: -4px;}
.nav_ul li:hover > a {text-decoration: none;background: none;}
.nav_ul li:hover::after{ display: table;content: " ";background-image: linear-gradient(#9ad8f8, #96cbf7, #8db9f7);height:2px;width: 100%;margin-top: -4px;}
.nav_ul > li > a {display: inline-block;line-height:55px;padding: 0;font-size:1.6rem;color: #fff;}
/* 搜索框 */
.search-box{
  width: 225px;
  height: 39px;
  border: solid 1px #ffffff;
  border-radius: 20px;
  /*overflow: hidden;*/
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  margin-top: 9px;
}
.search-box .options-list{
  width: 100%;
  height: 0;
  overflow: auto;
  position: absolute;
  top: 40px;
  border-radius: 10px;
  transition: all 0.3s;
  background: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
  padding: 0;
  z-index: 10;
}
.search-box .options-list.show{
  height: auto;
  max-height: 240px;
  transition: all 0.3s;
  overflow: auto;
  padding: 12px 0;
}
.search-box .options-list.show::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
    z-index: 0;
    background-color: transparent;
}
.search-box .options-list.show::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1);
    background: #efefef;
}
.search-box .options-list.show::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 8px #ffffff;
    border-radius: 0;
    background: none;
}
.search-box .options-list .option-item{
  display: block;
  width: 100%;
  padding: 10px 14px;
  text-align: left;
  font-size: 14px;
  color: #605f5f;
  line-height: 1.4;
  word-break: break-all;
  cursor: pointer;
}
.search-box .options-list .option-item .keyword{
	color: #0068db;
}
.search-box .options-list .empty{
  display: block;
  width: 100%;
  padding: 10px 14px;
  text-align: center;
  font-size: 14px;
  color: #aaa7a7;
  line-height: 1.4;
  word-break: break-all;
}
.search-box .options-list .option-item:hover{
  color: #0068db;
  background: rgba(240, 246, 255);
}
.search-box input{
  border: 0;
  outline: none;
  background: none;
  width: auto;
  flex: 1;
  height: 100%;
  text-align: left;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 20px 0 0 20px;
  color: #ffffff;
}
.search-box input::-webkit-input-placeholder { /* Chrome/Edge/Safari */
  color: rgba(255,255,255,0.8);
}
.search-box input:-moz-placeholder { /* Firefox 18- */
  color: rgba(255,255,255,0.8);
}
.search-box input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255,255,255,0.8);
}
.search-box input:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255,255,255,0.8);
}
.search-box .search-icon{
  text-align: center;
  width: 60px;
  height: 100%;
  /*border-left: solid 1px #cccccc;*/
  border-radius: 0 20px 20px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.search-box .search-icon img{
  width: 24px;
  height: 24px;
}

.drop-menu {display: none;position: absolute;width: 100%;top: 45px;left: 0;background: #ec8807;z-index: 3;}
.drop-menu > li {border-top: 1px solid #eae7e7;}
.drop-menu > li > a {font-size: 15px;color: #fff;line-height: 2;}
.nav_ul > li > a + span {padding-left: 6px;padding-top: 12px;vertical-align: top;font-size: 16px;color: #fff;}
.banner > img {width: 100%;}
.pcdgd{clear:both;display:block;width:100%;}
.pcdgd .container {display: flex;}
.pcdgd li{border: 3px solid #9ad7f7;float: left;text-align: CENTER;display: flex;flex-direction: column;align-items: center;justify-content: center;flex-shrink: 0;width:186px;height:170px;border-radius: 20px;cursor: pointer;background: #fff;margin-right: 24px;transition: all .7s;}
.pcdgd li img{width:100px;height:100px;transition: opacity 1s ease-in-out;margin-top: -10px;}
.pcdgd li p{transition: all .3s;color: #605f5f;text-align: center;font-family: PingFang SC;font-size: 15px;font-weight: 500;line-height: 24px;padding: 0 15px;}

.bigbust{background: url(../images/index3.png) no-repeat center center;background-size: 100% 100%;padding-top: 2rem;padding-bottom: 1rem;}
.bigbust .gdone{float: left;width: 21%;}
.bigbust .gdone img{clear: both;display: block;width:100%;transition: transform 0.5s ease-in-out;}
.bigbust .line{float: left;width:18%;text-align: center;margin-top: 7%;}
.bigbust .gdone:hover img{transform: rotate(360deg);}

.index6{width:80%;margin:0 auto;}

/* 底部start */
footer {background: url(../images/foot.png) no-repeat center center;background-size: 100% 100%;padding-top: 5rem;padding-bottom: 3rem;}
.footer-content .left{float: left;width:32%;}
.footer-content .left img{float: left;max-width:100%;}
.footer-content .center{float: left;width:40%;color: #fff;font-size: 1.5rem;line-height: 1.5;border-left: 3px solid #fff;padding-left: 1.85rem;margin-left:10%;}
.footer-content .right{float:right;width:18%;}
.footer-content .right a{color: #fff;font-size: 1.5rem;line-height: 1.5;border-left: 3px solid #fff;padding-left: 1.85rem;margin-left: 4%;clear: both;display: block;}
.footer-content .right span{color: #fff;font-size: 1.5rem;line-height: 1.5;border-left: 3px solid #fff;padding-left: 1.85rem;margin-left: 4%;clear: both;display: block;}

#main {margin: 22px 0;}
.left-part {width: 24%;float: left;}
.right-part {width: 73%;float: right;}
.left-menu {margin-bottom: 24px;}
.left-title {height: 48px;line-height: 48px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;background: #ec8807;border-radius: 4px 4px 0 0;border: 1px solid #ec8807;}
#subnav {padding: 4px 12px;}
#subnav, .left-contact {
	border-radius: 0 0 4px 4px;
	border: 1px solid #ec8807;
	background: #fff;
}
#subnav > li {
	position: relative;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-bottom: 1px dashed #ec8807;
}
#subnav > li:last-child {border-bottom: none;}
#subnav > li > a {
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}
#subnav > li.active > a {color: #ec8807;}
.left-contact > .desc {
	padding: 12px;
	font-size: 14px;
	line-height: 2;
}
.inner-title {
	height: 36px;
	line-height: 36px;
	border-bottom: 2px solid #ec8807;
}
.inner-title > span {
	float: left;
	font-size: 16px;
	font-weight: bold;
}
.bread {float: right;}
.bread > li {display: inline-block;}
.bread > li::after {
	content: "/";
	display: inline-block;
	padding: 0 2px;
}
.bread > li:last-child::after {
	content: "";
	width: 0;
	padding: 0;
}
.detail {
	margin: 16px 0;
	font-size: 14px;
	line-height: 1.8;
}
.detail img {max-width: 100%;}
/* 内页公共样式end */

/* 分页start */
.pagination {
	width: 100%;
	text-align: center;
}
.pagination>li {
	display: inline-block;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #ec8807;
	border-color: #ec8807;
}
.pagination>li>a, .pagination>li>span {
	color: #ec8807;
}
/* 分页end */

.img_wrapper {
	width: 100%;
	padding-bottom: 75%;
	background-position: center center;
	background-size: 100% 100%;
}
/*在线客服*/
.SonlineBox {
	width: 139px;
	font-size: 12px;
	overflow: hidden;
	z-index: 6;
}
.SonlineBox .openTrigger {
	width: 31px;
	height: 130px;
	position: absolute;
	top: 0px;
	z-index: 1;
	cursor: pointer;
	background: #ec8807 url(../images/greenopen.jpg) no-repeat;
}
.SonlineBox .titleBox {
	width: 135px;
	height: 35px;
	line-height: 33px;
	background: #ec8807;
	border-bottom: 2px solid #ec8807;
}
.SonlineBox .titleBox span {
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
}
.SonlineBox .contentBoxC {
	width: 135px; /*height:335px;*/
	border: 2px solid #ec8807;
	background: #ffffff/* url(../images/greenbg.jpg) no-repeat*/;
	position: absolute;
	z-index: 2;
}
.SonlineBox .contentBoxC .closeTrigger {
	width: 25px;
	height: 25px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
	-webkit-transition: all 0.8s ease-out;
}
.SonlineBox .contentBoxC .closeTrigger:hover {
	-webkit-transform: scale(1) rotate(360deg);
}
.SonlineBox .contentBoxC .listBox {
	overflow: hidden;
	margin-bottom: 10px;
}
.SonlineBox .contentBoxC .listBox .Tlist {
	display: block;
	width: 86%;
	height: 22px;
	margin: 10px auto 0px auto;
	text-align: center;
}
.SonlineBox .contentBoxC .listBox .Tlist span {
	float: left;
	line-height: 22px;
}
.SonlineBox .contentBoxC .listBox .Tlist a {/*float:left;*/
}
.SonlineBox .contentBoxC .listBox .WWList {
	line-height: 18px;
	height: 18px;
}
.SonlineBox .contentBoxC .listBox .SkypeList {
	line-height: 23px;
	height: 23px;
}
.SonlineBox .contentBoxC .otherBox {
	clear: both;
	height: 115px;
	text-align: center;
}
.SonlineBox .contentBoxC .otherBox img {
	width: 105px;
	height: 105px;
}
.SonlineBox .contentBoxC .telBox {
	display: block;
	padding: 36px 0 10px 0;
	color: #ec8807;
	font-size: 14px;
	line-height: 26px;
	font-family: '微软雅黑';
	background: url(../images/telbg.jpg) 0 0 no-repeat;
	text-align: center;
	font-weight: bold;
}
/*在线客服 end*/

/*手机底部导航*/
#toolbar {
	display: none;
}
 @media screen and (min-width:1201px) {
}
 @media (min-width:992px) and (max-width:1199px) {
.links_ul > a {
	padding: 0 8px;
}
}
 @media screen and (max-width:992px) {
.nav_ul > li > a {
	font-size: 13px;
}
.left-part {
	width: 26%;
}
.right-part {
	width: 70%;
}
}
 @media screen and (max-width:768px) {
.top-tel {
	display: none;
}
.logo {margin-top: 10px;}
.logo > img {
	width: 242px;
}
.nav_ul {
	margin: 0 auto;
}
.nav_ul > li {width: 100%;padding-left: 0px;text-align: left;border-bottom: 1px solid #6ba4bd;height: auto;line-height: 55px;}
.nav_ul > li:last-child {
	border-bottom: none;
}
.nav_ul > li > a {display: inline-block;width: auto;font-size: 18px;line-height: 60px;}
.drop-menu {
	position: static;
	margin-left: 24px;
}
.drop-menu > li > a {
	font-size: 13px;
}
.nav_ul > li > a + span {
	padding-top: 7px;
}
.links {
	display: none;
}
.top {padding: 0;height: 65px;background: #ebf8fe;}
.rightico{display: none;}
.footer-content .center{border-left: 0;margin-left: 0;padding-left: 0;width: 100%;margin-top: 20px;border-top: 1px solid #ccc;padding-top: 20px;font-size: 1.6rem;}
.footer-content .right{width: 100%;text-align: CENTER;border-top: 1px solid #ccc;padding-top: 8px;margin-top: 15px;}
.footer-content .right a{border-left: none;margin-left: 0px;padding-left: 0;clear: unset;display: inline-block;font-size: 1.5rem;}
.footer-content .right span{border-left: none;margin-left:10px;margin-right:10px;padding-left: 0;clear: unset;display: inline-block;font-size: 1.4rem;}
footer {background: url(../images/foot.png) no-repeat center bottom;background-size: 100% 120%;padding-top: 1rem;padding-bottom: 1.5rem;}
.bigbust{padding-top: 1rem;padding-bottom: 2rem;}
.index6{width:100%;}
.bigbust .line{width:8%;margin-left: 1%;margin-right: 1%;margin-top: 8%;}
.bigbust .line img{width:100%;}
.bigbust .gdone {width: 26%;}


.footer-content .left{width: 100%;}
.left-part, .right-part {width: 100%;}
.left_contact {
	display: none;
}
}
 @media screen and (max-width:480px) {
.footer-content {
	padding: 18px 0;
}
.footer-content, .footer-content a {
	font-size: 12px;
}
.footer-content > p {
	margin-bottom: 2px;
}
}
/* 内页 end*/

/* 回到顶部 */
.toTop {
	position: fixed;
	right: 6px;
	top: 80%;
}
.toTop > a {
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	font-size: 18px;
	color: #fff;
	border-radius: 2px;
	background: #e3840a;
}
.toTop > a:hover {
	background: #a47e4e !important;
}
#maximg img{ max-width:100% !important; height:auto !important}
