@charset "UTF-8";

/* CSS Document */
/* 通用 */
html,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
   color: #333;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
   display: block;
}

ul {
   list-style: none;
}

blockquote,
q {
   quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
   content: '';
   content: none;
}

a {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
   text-decoration: none
}

ins {
   background-color: #ff9;
   color: #000;
   text-decoration: none;
}

mark {
   background-color: #ff9;
   color: #000;
   font-style: italic;
   font-weight: bold;
}

del {
   text-decoration: line-through;
}

abbr[title],
dfn[title] {
   border-bottom: 1px dotted #000;
   cursor: help;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #cccccc;
   margin: 1em 0;
   padding: 0;
}

input,
select {
   vertical-align: middle;
}

.fl {
   float: left;
}

.clearboth {
   clear: both;
}

.fr {
   float: right;
}

input,
textarea {
   border: none;
}





p,
a,
li,
span {
   color: #333;
}



/*index*/
/*通用头部*/
.header {
   width: 100%;
}

.header_top {
   width: 100%;
   box-sizing: border-box;
   border-bottom: 1px solid #ececec;
}

.header_top0 {
   width: 1200px;
   margin: 0 auto;
   box-sizing: border-box;
   padding-top: 10px;
}

.header_logo {
   float: left;
   display: inline-block;
   width: 400px;
   height: 60px;
}

.header_logo img {
   display: block;
   margin: 0 auto;
}

.hotline {
   float: right;
   padding-top: 20px;
}

.hotline p {
   float: right;
   line-height: 22px;
}

.hotline span {
   float: right;
   line-height: 22px;
   font-size: 20px;
   color: #ff3f3f;
}

.header_nav {
   width: 1200px;
   margin: 0 auto;
}

.header_nav>li {
   float: left;
   width: 200px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   font-size: 18px;
   position: relative;
}


.header_nav>li a {
   width: 100%;
   display: block;
   background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAAAAABXFW6gAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjChgNOCXXWl+yAAAADklEQVQI12N4w8RAbQgAWkwBP1iOCdoAAAAASUVORK5CYII=") no-repeat;
   background-position: 0 center;
   background-size: 1px 30px;
   position: relative;
}

.header_nav>li>a::before {
   content: '';
   position: absolute;
   background-color: #a3a3a3;
   width: 40px;
   height: 1px;
   top: 30px;
   left: 10px;
   display: none;
}

.header_nav>li>a::after {
   content: '';
   position: absolute;
   background-color: #a3a3a3;
   width: 40px;
   height: 1px;
   top: 30px;
   right: 10px;
   display: none;
}


.header_nav>li:nth-last-child(2)::after {
   width: 1px;
   height: 30px;
   content: '';
   position: absolute;
   right: 0;
   top: 15px;
   background: #ececec;
}

.header_nav_ul {
   z-index: 1200;
   box-sizing: border-box;
   padding: 10px 0;
   background-color: rgba(1, 1, 1, 0.80);
   width: 180px;
   margin: -16px auto 0;
   position: relative;
   overflow: hidden;
   display: none;
}

.header_nav_ul>li {
   height: 24px;
   line-height: 24px;
   text-align: center;
   font-size: 18px;
   color: #fff;
}

.header_nav_ul>li:hover {
   background-color: #15aabb;
}

.header_nav_ul>li a {
   height: 24px;
   line-height: 24px;
   text-align: center;
   font-size: 18px;
   color: #fff;
   background: none;
}

.header_nav>li:hover {
   font-size: 20px;
   font-weight: 500;
}

.header_nav>li:hover ::before,
.header_nav>li:hover ::after {
   display: block;
}

.nav_switch {
   font-size: 20px !important;
   font-weight: 500;
}

.nav_switch a::before,
.nav_switch a::after {
   display: block !important;
}


/*首页*/

/*news*/
.center_news {
   width: 100%;
   background-color: #f6f6f6;
}

.in_news {
   width: 1200px;
   margin: 0 auto;
   text-align: center;
}

.index_ul {
   text-align: center;
}

.index_ul li {
   display: inline-block;
   width: 330px;
   margin: 0 20px;
   position: relative;
   height: 500px;
   background-color: #fff;
}

.index_ul_img {
   width: 330px;
   height: 330px;
}

.index_ul_img img {
   width: 100%;
   height: 100%;
   display: block;
}

.index_ul_title {
   text-align: left;
   position: absolute;
   left: 0;
   width: 50px;
   height: 60px;
   padding: 8px 0 0 5px;
   box-sizing: border-box;
   color: #fff;
   font-size: 18px;
   background-color: #0e0ebbcf;
   line-height: 24px;
   top: 310px;
}

.index_ul_text {
   text-align: left;
}

.index_ul_text h3 {
   line-height: 50px;
   text-indent: 70px;
   font-size: 18px;
   font-weight: 400;
}

.index_ul_text p {
   font-size: 14px;
   color: #666;
   line-height: 20px;
   box-sizing: border-box;
   padding: 0 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: box;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   /*! autoprefixer: off */
   -webkit-box-orient: vertical;
   /* autoprefixer: on */
   ;
   text-indent: 16px;
}

.index_ul_text a {
   background-position: 90px center;
   padding-right: 12px;
   padding-left: 30px;
   font-size: 14px;
   color: #333;
   margin-top: 20px;
   display: block;
}

/*中间*/
.center {
   width: 1200px;
   margin: 0 auto;
}

/*首页通用标题*/
.in_title {
   text-align: center;
   margin-bottom: 40px;
   padding-top: 30px;
}

.in_title h3 {
   height: 60px;
   line-height: 60px;
   font-size: 30px;
   margin-top: 30px;
   font-weight: 400;
   background: linear-gradient(blue, blue) no-repeat;
   background-size: 100px 1px;
   background-position: center 53px;
}

.in_title p {
   font-size: 14px;
}

/*首页通用按钮*/
.in_button {
   display: inline-block;
   margin: 60px 0;
}

.in_button a {
   position: relative;
}

.in_button a span {
   position: absolute;
   display: block;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
}

.in_button a span::before {
   position: absolute;
   content: '';
   background-color: #454545;
   height: 2px;
   width: 38px;
   top: -10px;
   right: -38px;
   transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;
   -o-transition: all .3s linear;
}

.in_button a::before {
   position: absolute;
   content: '';
   background-color: #454545;
   height: 2px;
   width: 38px;
   bottom: -10px;
   left: -38px;
   transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;
   -o-transition: all .3s linear;
}

.in_button a span::after {
   position: absolute;
   content: '';
   background-color: #454545;
   height: 20px;
   width: 2px;
   top: -10px;
   right: -38px;
   transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;
   -o-transition: all .3s linear;
}

.in_button a::after {
   position: absolute;
   content: '';
   background-color: #454545;
   height: 20px;
   width: 2px;
   bottom: -10px;
   left: -38px;
   transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;
   -o-transition: all .3s linear;
}

.in_button:hover ::before {
   width: 140px;
}

.in_button:hover ::after {
   height: 40px;
}


/*关于*/
.in_about {
   width: 100%;
}

.in_about_text {
   display: flex;
}

.in_about_text_img {
   flex: 1;
}

.in_about_text_img img {
   display: block;
   margin: 0 auto;
   height: 100%;
   padding-right: 150px;
}

.in_about_text_right {
   flex: 1;
   padding-left: 20px;
}

.in_about_text_right h3 {
   font-size: 22px;
   height: 40px;
   font-weight: 400;
   line-height: 40px;
}

.in_about_text_right p {
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 10px;
   text-indent: 20px;
}

/*展示*/
.in_show {}

.in_show_grid {
   text-align: center;
}

.in_show_grid li {
   width: 23%;
   display: inline-block;
   margin-top: 20px;
}

.in_show_grid li a {
   width: 260px;
   height: 260px;
   display: block;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
}

.in_show_grid li a img {
   width: 100%;
   height: 100%;
   display: block;
}

.in_show_grid_text {
   width: 240px;
   height: 240px;
   background-color: rgba(23, 7, 240, 0.726);
   position: absolute;
   top: 10px;
   left: 10px;
   padding: 20px;
   box-sizing: border-box;
   opacity: 0;
   transform: scale(0.8);
}

.in_show_grid_text h4 {
   color: #fff;
   /*font-size: 26px;*/
   margin: 60px 0 20px;
}

.in_show_grid_text p {
   color: #fff;
   font-size: 12px;
   text-indent: 16px;
   line-height: 18px;
}

.in_show_grid li:hover .in_show_grid_text {
   opacity: 1;
   transform: scale(1);
}

/*间隔*/
.jiange {
   height: 180px;/* 根据需要设置高度 */
   width: 100%;
   margin-top: 40px;
   background-image: url('../images/zhong-ad.jpg');
   background-size: cover; /* 保证图片覆盖容器，同时保持宽高比 */
   background-position: center; /* 图片居中显示 */
   background-repeat: no-repeat; /* 不重复背景图片 */
}

.jange1 {
   width: 1000px;
   margin: 0 auto;
}

.jange1 p {
   color: #fff;
   height: 180px;
   line-height: 180px;
   float: left;
   width: 60%;
   /* text-align: center; */
   font-size: 30px;
}

.jange1 a {
   color: #fff;
   height: 180px;
   line-height: 180px;
}

.jange1 .in_button {
   float: right;
   margin: 0;
}

.jange1 .in_button a::before,
.jange1 .in_button a::after {
   background-color: #fff !important;
}

.jange1 .in_button span::before,
.jange1 .in_button span::after {
   background-color: #fff !important;
}

.jange1 .in_button:hover ::before {
   width: 156px !important;
}


/*通用底部*/
.footer * {
   color: #efefef;
   font-size: 14px;
}

.footer {
   width: 100%;
   background-color: #0e0ebbcf;
   margin-top: 100px;
   padding-top: 40px;
}


.footer_top {
   width: 1200px;
   margin: 0 auto;
   display: flex;
   padding-bottom: 40px;
}

.footer_top h3 {
   font-size: 24px;
   font-weight: 400;
}



.footer_logo {
   margin: 0 auto;
   margin-bottom: 30px;
   padding-right: 345px;
}

.footer_logo img {
   height: 60px;
   display: block;
   margin-bottom: 20px;
}

.footer_logo p {
   text-align: center;
   font-size: 18px;
}


.footer_bottom {
   width: 100%;
}

.footer_bottom_nav {
   width: 1200px;
   margin: 0 auto;
}

.footer2 {
   flex: 1;
}

.footer3 {
   flex: 2;
}

.footer4 {
   flex: 1;
   text-align: center;
}

.footer_contact li {
   height: 22px;
   line-height: 22px;
   font-weight: 300;
}

.footer_contact li i,
.footer_contact li p,
.footer_contact li span {
   display: block;
   float: left;
}

.footer_contact li i {
   height: 18px;
   width: 18px;
   display: block;
   margin-right: 8px;
}

.footer_contact li:nth-child(1) i {
   background: url(../images/fo.png) no-repeat;
   background-position: center;
   background-size: auto 15px;
}

.footer_contact li:nth-child(2) i {
   background: url(../images/youxiang.png) no-repeat;
   background-position: center;
   background-size: auto 15px;
}

.footer_contact li:nth-child(3) i {
   background: url(../images/dizhi.png) no-repeat;
   background-position: center;
   background-size: auto 15px;
}

.footer_contact li:nth-child(3) {
   line-height: 20px;
}

.footer_contact li span {
   width: 60%;
}

.footer_contact li p {}

.footer2 ul {
   margin-top: 40px;
}

.footer2 ul li {
   height: 20px;
   line-height: 20px;
   font-weight: 300;
   padding: 0 20px;
   box-sizing: border-box;
   background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAQAAACfDS2NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjChkQNTM6YsPoAAAAUUlEQVQI11XNsQ1AQABA0XdyA9jEGmahUKjtoLQJa2g0mhtAYQAJjUv43U9+8kOa9TYvhdpqVGYl6uwakZDuHNr0hR9ZD63KEnGZDE6Ilu/oARGVENBP1WSYAAAAAElFTkSuQmCC") no-repeat;
   background-position: 5px center;
}

.footer2 ul li a {
   height: 18px;
   line-height: 18px;
   font-weight: 300;
   overflow: hidden;
   text-overflow: ellipsis;
   display: box;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   /*! autoprefixer: off */
   -webkit-box-orient: vertical;
   /* autoprefixer: on */
}

.footer3 h3 {
   text-indent: 50px;
}

.footer3 ul {
   margin-top: 40px;
   padding: 0 50px;
}

.footer3 ul li {
   width: 80px;
   height: 80px;
   float: left;
   margin: 0 15px 15px 0;
   overflow: hidden;
}

.footer3 ul li a,
.footer3 ul li img {
   display: block;
   width: 100%;
   height: 100%;
}

.footer4 div {
   height: 150px;
   width: 150px;
   margin: 28px auto 12px;
   overflow: hidden;
}

.footer4 p {
   height: 40px;
   line-height: 40px;
}

.footer4 img {
   width: 100%;
}

.footer_bottom {
   width: 100%;
   border-top: 1px solid #9b9b9b;
}

.footer_bottom * {
   color: #ffffff;
}

.footer_bottom_nav p {
   float: left;
   height: 90px;
   line-height: 90px;
   text-align: center;
}

.footer_bottom_nav_ul {
   float: right;
}

.footer_bottom_nav_ul li {
   height: 90px;
   width: 100px;
   float: left;
   line-height: 90px;
   text-align: center;
}

.footer_bottom_nav_ul li a {
   display: block;
   width: 100%;
   background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAYCAMAAAAbMPchAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAZlBMVEX///8XqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrsXqrv///+QUrMFAAAAIXRSTlMAKL2SgwzvG22pAdg9R86zYyTpCYyK6x5msNVAr4mNPBrY83+XAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+MKGREgJxbPm7YAAABfSURBVBjTRc5JFoAgDARREAdwQkUFZ+9/SldWsvqbrhel/tMZVCaHRVlh62DdtLjrZekHOE4Bz4sE14jTJsH9wMde4zPBuBb4umGYRjx4eaXv4NNI0Fn4lhLMjSwzDT/LywNUOTSrbAAAAABJRU5ErkJggg==") no-repeat;
   background-position: left center;
   text-indent: 8px;
   background-size: auto 16px;
}

.footer_bottom_nav_ul li:first-child a {
   background: none;
}




body {
   min-width: 1011px;
   margin: 0px;
   padding: 0px;
}

/* * {
   background: #000 !important;
   color: #0f0 !important;
   outline: solid #f00 1px !important;
} */

ul,
li {
   margin: 0;
   padding: 0;
   list-style: none;
}

#box {
   width: 100%;
   height: 600px;
   margin: 0px auto;
   position: relative;
}

@media only screen and (max-width: 1200px) {
   #box {
       width: 1200px;
       height: 37.25vw;
       min-width: 300px;
   }

   .jiange {
       width: 1200px;
   }

   .center_news {
       width: 1200px;
   }

   .footer {
       width: 1200px;
   }
}

#box .list li {
   position: absolute;
   top: 0;
   left: 0;
   display: none;
}

#box .list li img {
   width: 100%;
}

#box .list li.current {
   display: block;
}

#box .count {
   position: absolute;
   left: 47%;
   bottom: 10px;
}

#box .count li {
   float: left;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background-color: #fa0;
   text-align: center;
   line-height: 20px;
   margin-left: 10px;
   color: #fff;
   opacity: 0.8;
   cursor: pointer;
}

#box .count li.current {
   background-color: #f60;
   opacity: 1;
}

.formaa form {
   width: 1100px;
   margin: 0 auto;
}

.clearfix {
   zoom: 1;
}

.formaa form .inputbox input {
   width: 49%;
}

.formaa form .inputbox input {
   box-sizing: border-box;
   float: left;
   width: 49%;
   line-height: 45px;
   margin-bottom: 20px;
   border: 1px solid #3f5ed2;
   padding: 0 10px;
   font-size: 16px;
   outline: none;
   background-color: rgba(255, 255, 255, .1);
}

.nmz,
.mzyx {
   margin-right: 2%;
}

.formaa form textarea {
   width: 100%;
   box-sizing: border-box;
   border: 1px solid #3f5ed2;
   padding: 0 10px;
   height: 100px;
   margin-bottom: 15px;
   font-size: 16px;
   resize: none;
   background-color: rgba(255, 255, 255, .1);
   outline: none;
}

.formaa form button {
   width: 100%;
   font-size: 16px;
   border: none;
   background-color: #0e0ebbcf;
   outline: none;
   text-align: center;
   line-height: 45px;
   color: #fff;
   cursor: pointer;
   transition: all .3s;
   float: right;
}

.danye {
   width: 100%;
   height: 200px;
   overflow: hidden;
   position: relative;
}

.danye img {
   top: 0px;
   width: 1920px;
   height: 300px;
   display: block;
   position: absolute;
}

/*css*/
.cp_show{display: flex;}
.cp_show_list{flex: 1;}
.cp_show_ul{flex: 5;padding: 0 0 0 80px;margin-top: 34px;}

.cp_show_list1{margin-top: 50px;border-radius: 8px;overflow: hidden;
   -moz-box-shadow:5px 2px 10px #ddd;
-webkit-box-shadow:5px 2px 10px #ddd;
        box-shadow:5px 2px 10px #ddd;
}

.cp_show_list_logo{min-height: 40px;width: 100%;overflow: hidden;}
.cp_show_list_logo img{height: auto;width: 100%;display: block;}

.cp_show_ul>li{display: block;float: left;width: 29%;margin-top: 16px;}
.cp_show_ul>li>a{width: 220px;height: 220px;}
.cp_show_ul .in_show_grid_text{width: 200px;height: 200px;}
.cp_show_ul .in_show_grid_text h4{margin: 30px 0 10px;}

/*下拉菜单效果*/
.accion {width: 100%;max-width: 360px;margin: 0 auto;background: #FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align: left;}
.accion .link {cursor: pointer;display: block;padding: 15px;color: #4D4D4D;font-size: 14px;font-weight: 700;border-top: 1px solid #F2F2F2;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accion li:last-child .link {border-bottom: 0;}
.accion li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accion li i.fa-chevron-down {right: 16px;left: auto;font-size: 16px;background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAQAAABObR6mAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjChoKEwasCw2nAAAAc0lEQVQI113KIQoCQQBA0TeDYDR5AcGyTTDurTSvd9hbiMIcQjHYBLEIbre5ybCgQVdkfnz8kNbm8o4hlXYZvpTR3jbjjUNITFwMf/hUaCJu6r+31hASjFyNwd1USwQPq+9baelvBk4KZzMd/U1ngeUHeQPbeBvbW3Kq2AAAAABJRU5ErkJggg==") no-repeat;display: block;height: 10px;width: 10px;}
.accion li.open {background-color: #fcfcfc;}
.accion li.open .link {color: #15aabb;}
.accion li.open i {color: #b63b4d;}
.accion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}