@import url(swiper.min.css);

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: Arial,"Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 1200px;background: #fff;color: #343434;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #343434;text-decoration: none;}
a:hover {color: #36b4ae;}
ul {list-style: none; margin: 0; padding: 0;}

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.container {padding: 0 15px;width: 1200px;margin: 0 auto;}

.header { position: fixed;left: 0; top: 0; width: 100%;height: 70px; background-color: #fff; z-index: 999; box-shadow: 0.469px 2.963px 7.6px 0.4px rgba(52, 52, 52, 0.08);}
.header .logo {float: left;font-size: 0;height: 70px;line-height: 70px;text-align: left;}
.header .nav { float: right; }
.header .nav li {display: inline-block;vertical-align: middle;}
.header .nav li a {display: block;font-size: 18px;line-height: 68px;padding: 0 15px;color: #030303; border-bottom: 2px solid transparent;}
.header .nav li.dropdown {position: relative;}
.header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;}
.header .nav .dropdown-box p {margin: 0;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;background-color: rgba(0, 0, 0, 0.5) !important;line-height: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.header .nav .dropdown-box a:hover {background-color: #ea3516 !important;}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {color: #36b4ae; border-bottom: 2px solid #36b4ae;}
.header .nav li.open .dropdown-box {display: block;}

.banner{ margin-top: 70px; }
.banner .swiper-slide {background: no-repeat center / cover;height: 500px;}
.banner .swiper-slide img {display: block;width: 100%;height: auto;}
.banner .swiper-pagination-bullet {width: 10px;height:10px;border-radius: 50%;background-color: #FFF;}
.banner .swiper-pagination-bullet-active {background-color: #ea3516;}

.section{ padding: 50px 0; }

.section-title{ margin-bottom: 40px; }
.section-title span{ color: #52aca7; display: block; font-weight: bold; font-size: 16px; text-transform: uppercase; }
.section-title strong{ font-size: 24px; }

.section-title2{ text-align: center; }

.in-pro{ padding-bottom: 0; }
.in-pro ul{ margin: 0 0 0 -50px; }
.in-pro li{ float: left; width: 33.3333%; }
.in-pro li a{ display: block; background-color: #f7f7f7; margin: 0 0 50px 50px; padding: 50px 50px; text-align: center; }
.in-pro li .icon{ display: flex; align-items: center;justify-content: center; height: 60px; }
.in-pro li .icon img{ transition:  0.5s;  }
.in-pro li .text h2 {font-size: 18px; margin: 10px 0}
.in-pro li .text p{ color: #808080; font-size: 16px; margin-top: 5px; height: 60px; }
.in-pro li a:hover .icon img{ transform: scale(1.2); }


.in-about {padding-bottom: 50px;}
.in-about .img-center{ float: left; width: 45%; }
.in-about .text{ margin-left: 50%; }
.in-about .text h3{ color: #03bfcb; }
.in-about .text h2{ color: #004767; font-weight: bold; margin: 15px 0; }
.in-about .text p{ line-height: 28px; }
.in-about .text .btns{ margin-top: 20px; }
.in-about .text .btns a {display: inline-block; padding: 0 30px; line-height: 44px; background: #03bfcb; color: #FFF;}
.in-about .text .btns a:hover{ background: #004767; }

.in-ys{ background-color: #f5f5f5; }
.homeAdvanceW { margin-left: auto; margin-right: auto; margin-top: 42px;}
.homeAdvanceW ul {float: left; margin-left: -69px;}
.homeAdvanceW ul li {width: 318px; height: 276px; margin-bottom: 11px; }
.homeAdvanceW .homeAdvanceList1 {margin-top: 231px; margin-left: 0;}
.homeAdvanceW .homeAdvanceList1 li {width: 452px; height: 392px;}
.homeAdvanceW .homeAdvanceList2 {margin-top: 143px;}
.homeAdvanceW .homeAdvanceList2 li {}
.homeAdvanceW .homeAdvanceList3 {}
.homeAdvanceW .homeAdvanceList3 li {}
.homeAdvanceW .homeAdvanceList4 {margin-top: 143px;}
.homeAdvanceW .homeAdvanceList4 li {}
.homeAdvanceCont {padding-top: 20px; box-sizing: border-box; background: url(../images/home_advance_bg.png) no-repeat center; background-size: 100%;}
.homeAdvanceCont h3 {height: 88px; margin-bottom: 8px; line-height: 88px; font-size: 30px; font-weight: 600; text-align: center; color: #006b3e;}
.homeAdvanceCont h3.homeAdvance01 {background: url(../images/home_advance_01.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance02 {background: url(../images/home_advance_02.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance03 {background: url(../images/home_advance_03.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance04 {background: url(../images/home_advance_04.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont p {padding: 0 40px 0 50px; line-height: 22px; font-size:16px;color: #666666; margin: 0;}

.in-wenti{ background-color: #f8f8f8; }
.in-wenti ul{ margin: 0 0 0 -15px; }
.in-wenti li{ float: left; width: 33.333%; }
.in-wenti li a{ display: block; margin: 0 0 15px 15px; border-bottom: 1px solid #eee; padding: 10px 0; }
.in-wenti li h2{ margin: 0;  font-weight: normal;}
.in-wenti li p{ margin: 5px 0 10px; color: #999; }
.in-wenti li .pic{ display: flex; align-items: center;  }
.in-wenti li .pic img{ margin-right: 15px; }

.in-news{ background-color: #f5f5f5; }
.in-news ul{ margin: 0 0 0 -15px; }
.in-news li{ float: left; width: 25%; }
.in-news li a{ display: block; margin: 0 0 15px 15px; background:#f8f8f8;  }
.in-news li .img-cover{ padding-top: 62%;  }
.in-news li .text{ padding: 15px 20px; }
.in-news li .text h2{ font-weight: normal; font-size: 16px; margin: 0; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.in-news li .text p{ color: #999; margin: 8px 0; }
.in-news li a:hover .img-cover span{ transform: scale(1.1); }

.in-liucheng ul{ position: relative; text-align: center; font-size: 0; margin: 0 100px; }
.in-liucheng ul:before{ position: absolute; left: 0; top:100px; width: 100%; height: 2px; background: #e1e1e1; content:''; }
.in-liucheng li{ display: inline-block; width: 25%; }
.in-liucheng li a{ display: block; font-size: 18px; position: relative; z-index: 99;}
.in-liucheng li .icon{ display: flex; justify-content: center; align-items: center;  }
.in-liucheng li .num{ width: 30px; height: 30px; border-radius: 50%; line-height: 30px; margin: 15px auto; background: #52aca7; color: #FFF; }

.in-adv{ background: url(../images/adv.jpg) no-repeat center; height: 228px; color: #FFF; display: flex; justify-content: center; align-items: center;}
.in-adv .text{ font-size: 32px; }
.in-adv .btns{ text-align: center; margin-top: 20px; }
.in-adv .btns a{ display: inline-block; border: 1px solid #FFF; margin: 0 9px; color: #FFF; font-size: 16px; border-radius: 5px; line-height: 35px; padding: 0 30px; }
.in-adv .btns a.green{ background: #006b3e; border-color: #006b3e; }
.in-adv .btns a:hover{ background: #015331; border-color: #015331; }

.in-contact{ padding-bottom: 10px; }
.in-contact-left{ float: left; width: 730px; display: flex; justify-content: space-between;}
.in-contact-left  .item{ display: flex; align-items: center; margin-bottom: 30px; }
.in-contact-left  .item .text{ margin-left: 15px; font-size: 18px; color: #36b4ad; }
.in-contact-left  .item .text span{ display: block; color: #999; font-weight: bold;}
.in-contact-right{ float: right; width: 180px; text-align: center; margin-right: 100px;}
.in-contact-right p{ margin-top: 0; font-size: 16px; }

.links{ line-height: 60px; font-size: 14px; color: #d3d3d3; }
.links a{ font-size: 14px; color: #d3d3d3; margin-right: 15px;  }

.copyright{ color: #a2a2a2; line-height: 60px; border-top: 1px solid #ebebeb; text-align: center; }
.copyright a{ color: #a2a2a2; margin-left: 20px; }