#develop{ background-color:#f6f6f4;padding:70px 0 0}
.develop_main{ width:1205px; margin:0 auto; }
.develop_main h2{font-weight:normal; font-size:36px; color:#313131; text-align:center; margin-bottom:38px}

/*发展历程*/
.mod18{position:relative;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;}
.mod18 .prev{left:10px;background:url(../images/de_l.png) no-repeat;}
.mod18 #prev,.mod18 #next{top:27px;width:37px;height:37px; z-index:999}
.mod18 #prevTop{ background:none}
.mod18 #nextTop{background:none}
.mod18 .next{right:10px;background:url(../images/de_r.png) no-repeat;}
.mod18 li{float:left;}

.mod18 .picBox{width:1100px; height:110px;position:relative;overflow:hidden; margin:50px auto 0}
.mod18 .picBox ul{position:absolute; left:0;}
.mod18 .picBox li{width:1100px;overflow:hidden; font-size:14px; line-height:25px; text-align:center }

.mod18 .listBox{width:1000px;height:97px;margin:0 auto;position:relative;overflow:hidden;background:url(../images/bor.png) repeat-x center}
.mod18 .listBox ul{height:97px;position:absolute; }
.mod18 .listBox li{width:145px;height:97px;cursor:pointer;position:relative; text-align:center}
.mod18 .listBox li b{ font-weight:normal; font-size:16px; color:#606060; display:block; padding-top:8px}
.mod18 .listBox img{ padding-top:23px}
.mod18 .listBox .on img{display:none}
.mod18 .listBox .on{background:url(../images/dev_img_bak.png) center top no-repeat;}
.mod18 .listBox .on b{ color:#fff; padding-top:27px; position:relative;left:-2px; font-size:25px}

.applicat_main{ width:1100px; margin:0 auto; padding:60px 0}
.applicat_main h2{font-weight:normal; font-size:36px; color:#313131; text-align:center; margin-bottom:38px;padding-top: 30px;}
.applicat_main h2 span{font-size:16px; font-family:Arial; display:block; color:#606060; margin:10px 0 50px; line-height:24px}

.applicat_main li{ float:left}
.applicat_main li a{ float:left; font-size:14px; font-family:#Arial; line-height:45px; width:220px; text-align:center; margin-bottom:30px;-webkit-transition:all .2s linear;transition:all .2s linear}
.applicat_main li a:hover{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
.applicat_main li a span{display:block; line-height: 24px; padding-top:10px;}

.pro_ban{ background:url(../images/pro_ban.jpg) no-repeat center center; height:427px;}
.pro_b_con{ width:1100px; margin:0 auto}
.pro_b_con h2{font-size:46px; color:#fff; padding-top:125px; line-height:62px}

.pro_con{ width:1100px; margin:0 auto; padding:70px 0}
.pro_cont{ border-top:1px solid #d4d8d9; padding:40px 0}
.pro_l{ float:left; width:254px}
.pro_l h2 a{ font-weight:normal; font-size:18px; color:#00b1a9; line-height:27px}
.pro_l h2 a:hover{ color:#019b94}
.pro_r{ float:right; width:820px}
.pro_cont dl{ float:left; width:377px; border:1px solid #d4d8d9; margin-left:30px}
.pro_cont dd{ background-color:#f6f6f4; padding:30px }
.pro_cont dd h3 a{ font-size:18px; color:#313131; font-weight:normal}
.pro_cont dd p{ font-size:14px; line-height:22px; margin-top:25px}
.pro_cont dt{ overflow:hidden}

.pro_list{ padding:0 0 70px}
.pro_list_con dl{ margin:0 20px 30px 0; width:344px}
.pro_list_con dt img{ width:344px; height:232px}
/*.pro_cont dt img{ width:344px}*/


.pro_content{ width:1100px; margin:70px auto 0; border-top:1px solid #d4d8d9; padding:40px 0}
.pro_c_l{ float:left; width:556px}
.pro_r_l{ float:right; width:490px}
.pro_r_l h2{ font-weight:normal; font-size:24px; color:#313131; margin-top:40px}
.pro_r_l p{ font-size:14px; line-height:23px; margin:35px 0 85px}
.pro_r_l a{font-size:14px;}

.pro_more a{ width:110px; height:35px; display:block; text-align:center; line-height:35px; background-color:#d4d8d9; margin:30px 0 0 30px; font-size:14px; color:#313131}
.pro_more a:hover{ background-color:#00b1a9; color:#fff}

 


.support_text{ font-size:15px; line-height:26px; margin:-18px 0 35px}

/*以下样式是js日期控件*/		
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .jq_input_nav {
    width: 17.5em; /* 7 * 2.5em */
  }
  
  .date_selector .month_nav, .date_selector .year_nav {
    margin: 0 0 3px 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
  }
  .date_selector .month_nav {
    float: left;
    width: 55%;
  }
  .date_selector .year_nav {
    float: right;
    width: 35%;
    /*margin-right: -8px;*/ /* Compensates for cell borders */
  }
  .date_selector .month_name, .date_selector .year_name {
    font-weight: bold;
    line-height: 20px;
    color: #646464;
    font-size: inherit;
    position: inherit;
    padding-right: inherit;
    top: 0;
  }
  .date_selector .button {
    display: block;
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-weight: bold;
    color: #00b1a9;
    text-align: center;
    font-size: 120%;
    overflow: hidden;
    border: 1px solid #F2F2F2;
  }
    .date_selector .button:hover, .date_selector .button.hover {
      background: none;
      color: #00b1a9;
      cursor: pointer;
      border-color: #ccc;
    }
  .date_selector .prev {
    left: 0;
  }
  .date_selector .next {
    right: 0;
  }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
    clear: both;
  }
    .date_selector th, .date_selector td {
      width: 2.37em;
      height: 2em;
      padding: 0;
      text-align: center;
      color: black;
	  margin:0;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      color: #535c65;
      background: white;
    }
    .date_selector td.today {
      background: #FFFEB3;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
    .date_selector td.selectable_day {
      cursor: pointer;
    }
    .date_selector td.selected {
      background: #D8DFE5;
      font-weight: bold;
    }
    .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {
      background: #03a59e;
      color: white;
    }
	.battery_main td .jq_table{float: left;padding: 2px 10px 10px;
    cursor: pointer;
    height: 22px;
    color: #00b1a9;
    font-size: inherit;
    position: inherit;
    top: 0; font-size:14px}
    .battery_main td .jq_clear{float:right; padding: 2px 10px 10px; cursor:pointer; height:22px;color: #00b1a9;
    font-size: inherit;
    position: inherit;
    top: 0;font-size:14px}


.pic_photo{background-color: #00b1a9; display:block; margin-left:10px; width:140px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:14px}
.pic_photo:hover{ background-color:#01a79f; color:#fff}
.feed_text{ text-align:center; margin-top:30px; color:#00b1a9; font-size:16px}

.succes_main{ background-color:#f6f6f4; padding:115px 0; width:1100px; margin:0 auto 70px; text-align:center}
.succes_main h2{ font-size:36px; color:#00b1a9; font-weight:normal}
.succes_main p{ font-size:20px; color:#606060; line-height:34px; margin-top:40px}
.succes_main span{ border-bottom:1px solid #ccc;padding-bottom:4px;font-size:17px; position:relative; top:-4px;color:#00b1a9;}


.down_li{ max-height:265px; overflow:hidden}





.tit{background-color:#00b1a9; width:45px; height:45px; float:right}
.list h1{ text-align:center; padding:35px 0 0}
.list h2{ text-align:center; font-size: 30px;color: #5f5f5f; margin:25px 0 10px}
.list h3{text-align:center; font-size: 20px;color: #5f5f5f; margin:0px 0 20px; font-weight:normal}
.list ul{ overflow:hidden; margin:0 auto; display:table}
.list li{ width:117px; float:left; margin:0 30px; text-align:center; line-height:45px}
.list li a{ float:left;font-size: 22px;color: #5e5e5e;}
.list li a:hover{color: #00b1a9;}



/*轮播*/
.slide_banner{width: 100%;height:calc(100% - 140px);position: relative;}
.slide_banner .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;transition: all .3s ease;}
.slide_banner .swiper-slide a{display:block; width: 100%;height: 100%;}
.slide_banner  .swiper-pagination-bullet{background-color: transparent;opacity: 1;display:inline-block; transition: all .3s ease;line-height: 20px;position: relative; margin: 0 8px;border-radius: 100%;}
.slide_banner  .swiper-pagination-bullet:after{content: "";border-radius: 50%;border: 1px solid #00b1a9;display: block;background-color:#00b1a9;width: 13px;height: 13px;
box-sizing: border-box;position: absolute;transition: width .2s ease,height .2s ease,margin .2s ease;-webkit-transition: width .2s ease,height .2s ease,margin .2s ease;}
.slide_banner  .swiper-pagination-bullet-active{transition: all .3s ease;}
.slide_banner  .swiper-pagination-bullet-active:after{background-color:transparent;border: 2px solid #00b1a9;display: block;height:14px;width: 14px;margin-top: 0px;
margin-left: 0px;transition: width .2s ease,height .2s ease,margin .2s ease;-webkit-transition: width .2s ease,height .2s ease,margin .2s ease;}
.slide_banner .swiper-pagination{width: 100%;bottom: 35px;} 






/*顶部提示*/
.cookiepolicy{background-color:rgba(0,0,0,0.8)}
.cookiepolicy__content{color:#fff}
.cookiepolicy__content>div{width:100%;font-size:14px;line-height:22px}
.cookiepolicy__content{margin-left:auto;margin-right:auto;width:90.6%;max-width:1246px;padding:15px 0;align-items:center}
.cookiepolicy__content>div a{font-size:14px;line-height:22px;color: #00b1a9;}
.cookiepolicy__content button{padding:10px 20px;font-size:15px; cursor:pointer; background-color: #00b1a9;-webkit-outline-style:none;-moz-outline-style:none;-ms-outline-style:none;-o-outline-style:none;outline-style:none; line-height:initial;color:#fff;text-decoration:none;text-align:center;line-height:26px;border-style:none;display:flex;align-items:center;justify-content:center;line-height:initial;border:0;width:100%;margin:12px 0 5px 0}
.cookiepolicy__content button:hover{background-color:#7c7c7c;color:#fff}
.cookiepolicy__content button:disabled{color:#999;background-color:#adadad}



        .p_one{padding:60px 0;}
        .p_one .pic img{max-width:100%;}
        .p_tit{text-align: center;}
        .p_tit h2{font-size:30px; color:#000; font-weight:normal;}
        .p_tit p{font-size:14px; color:#666; padding:10px 0 40px;}
        .p_one .pic{ text-align:center;}
        .p_two{background: url(/images/amber02.jpg) no-repeat center center;padding-top: 60px; padding-bottom:calc(30% - 60px);background-size: cover;}        
        .p_three{padding:60px 0;}

        .amber_video{width:800px; margin:30px auto 0;}


        .main1320{width:1320px; margin:0 auto; display:flex;}
        .main1320 .l{float:left;width:50%;}
        .main1320 .r img{width:100px;}
        .main1320 .r{float:right;width:50%;background: linear-gradient(180deg, #0f324b, #18597c);}
        .main1320 ul{padding:80px 50px;}
        .main1320 li{float:left; height:90px; margin:40px 30px; width:calc((100% - 180px) / 3);}
        .main1320 li img{ padding:10px 10px; border:1px solid #fff; border-radius:15px; width:100%;}
        .main1320 li p{color:#fff;text-align:center;padding-top: 6px;font-size: 14px;}

        .p_four{padding:60px 0;background-color: #eceef3;clear: both;}
        .keep_list{width:930px; margin:0 auto;display:flex;}
        .keep_list li{float:left; margin:40px 60px 20px; width:calc((100% - 360px) / 3);}
        .keep_list li div{ padding:30px;border:2px solid #595959; border-radius:50%; }
        .keep_list li p{color:#595959;text-align:center;padding-top: 6px;font-size: 20px;}
        .p_four2{background: url(/images/amber04.jpg) no-repeat center center; background-size: cover;  padding-top: 50%;}

        .p_five{padding:60px 0; clear:both;}
        .five_main{width:1100px; margin:0 auto; display:flex;}
        .five_main li{float:left;margin:40px 30px 20px; width:calc((100% - 120px) / 2);}
        .five_main li p{color:#333;text-align:center;padding-top: 40px;font-size: 20px;}
        .five_main li img{max-width:100%;}
        .p_five2{background: url(/images/amber05.jpg) no-repeat center center; background-size: cover;  padding-top: 53%;}

        .p_six{padding:60px 0 0; clear:both;}
        .six_main{width:1320px; margin:0 auto; display:flex;}
        .six_main .l{float:left;width:50%;}
        .six_main .r{float:right;width:50%;background: linear-gradient(180deg, #1771be, #0ca497);text-align:center;}
        .six_main .r img{padding-top:40px;}

        .p_seven{padding:60px 0 0; clear:both;}
        .seven_main{width:1164px; margin:0 auto; text-align:center; padding-top:30px;}
        .seven_main img{max-width:100%;}

        .p_eight{padding:60px 0; clear:both;}
        .eight_main{width:1100px; margin:0 auto; display:flex;}
        .eight_main li{float:left;margin:40px 30px 20px; width:calc((100% - 120px) / 2);}
        .eight_main li img{max-width:100%;}
        .eight_main li p{color:#333;text-align:left;padding-bottom: 40px;font-size:18px; padding-left:60px; line-height:26px;}
        
        .page_btn{width:1200px; margin:0 auto; display: flex; justify-content: center;align-items: center;}
        a.amber_pdf{width:290px; padding:15px 0px; background-color:#00b1a9; margin:0 20px 60px; display:block; color:#fff; font-size:14px; text-align:center;font-weight: bold; float:left; cursor:pointer;}
        a.amber_pdf:hover{background-color:#019891;}
        .layui-layer-setwin .layui-layer-close2{background: url(/images/cha.png) no-repeat center!important;top:-35px!important; right:-40px!important;padding: 12px!important;background-color: #009688!important;border-radius: 20px!important;width: 16px!important;height: 16px!important;-webkit-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;-ms-transform:all ease-in-out 400ms;overflow:hidden;}
        .layui-layer-setwin .layui-layer-close2:hover{background: url(/images/cha.png) no-repeat center!important;-webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);transform: rotate(180deg);background-color: #009688!important;}
        .layui-layer.layui-layer-iframe{border-radius:0!important; box-shadow: 0px 0px 0px rgba(0,0,0,0);overflow-y: initial;}


@media(min-width:992px) and (max-width:1199.9px),(min-width:1200px){
    .cookiepolicy__content>div a{line-height:22px;font-size:15px}
    .cookiepolicy__content>div{line-height:22px;font-size:15px}
}
@media(min-width:1200px){
    .cookiepolicy__content{width:78.48%}
    .cookiepolicy__content button{font-size:20px;line-height:34px}
}
@media(min-width:768px) and (max-width:991.9px),(min-width:992px) and (max-width:1199.9px),(min-width:1200px){
    .cookiepolicy__content{display:flex}
    .cookiepolicy__content>div{flex:0 0 auto;width:83.3333%}
    .cookiepolicy__content>div p{margin:0}
    .cookiepolicy__content button{display:inline-flex;width:auto;margin:0;margin-left:auto}
}
@media(min-width:768px) and (max-width:991.9px){
    .cookiepolicy__content button{font-size:16px;line-height:28px}
}
@media(min-width:992px) and (max-width:1199.9px){
    .cookiepolicy__content button{font-size:18px;line-height:32px}
}


@media screen and (max-width: 1024px) {
.swiper-container{padding-top: 68px!important;}
.pro_main{ overflow:hidden}
.main1320{width:100%;}
.main1320 ul{padding: 90px 20px;}
.main1320 li{height: auto; margin:10px 30px;}
.main1320 .r img{width:calc(100% - 20px);}

.keep_list{width:684px;}
.keep_list li{  margin: 40px 20px 20px;width: calc((100% - 120px) / 3);}
.five_main{width:100%;}

.six_main{width:100%;}
.six_main .r img{ padding:50px 30px;}
.six_main .r img{max-width:calc(100% - 60px);}


.seven_main{width:100%;}
.eight_main{width:100%;}
}

@media screen and (max-width: 768px) {
.main1320{width:100%;display:initial;}
.main1320 ul{padding: 80px 50px;display: inline-block;}
.main1320 li{height: auto; margin:10px 30px;}
.main1320 .l{width:100%;}
.main1320 .l img{width:100%;}
.main1320 .r{width:100%;}
.main1320 .r img{width:calc(100% - 20px);}

.six_main{width:100%;display:initial;}
.six_main .l{width:100%;}
.six_main .l img{width:100%;}
.six_main .r{width:100%;}
.six_main .r img{ padding:60px 30px;}
.six_main .r img{max-width:calc(100% - 60px);}
}


@media screen and (max-width: 640px) {
    .p_tit h2{font-size:26px;}
    .keep_list{width:100%;}
    .keep_list li{width: calc(100% - 40px);}
    .keep_list li div{width: 124px; margin: 0 auto;}
    .main1320 ul{padding: 80px 0px;}
    .main1320 li{margin: 10px 20px;width: calc((100% - 120px) / 3);}
    .eight_main li{width: calc(100% - 60px);}
    .eight_main li p{padding-left:0;padding-bottom:10px;}
	.p_one .pic img{max-width: 60%;}
}