* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    color: #000;
    font-weight: 400;
}


body{max-width: 1920px; margin: auto;}

img {
    max-width: 100%;
    display: block;
}

@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.woff2?t=1704767433965') format('woff2'),
        url('../font/iconfont.woff?t=1704767433965') format('woff'),
        url('../font/iconfont.ttf?t=1704767433965') format('truetype');
}
@font-face {
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
    }



    .neiye{ margin-top:40px;}



    .neiye .lianxi h3{ padding-bottom:11px; font-size: 24px;}
    
    
    
    .neiye .lianxi h4{font-size:16px; line-height:26px; color:#888; padding-bottom:7px;}
    .neiye_banner{margin-bottom: 20px;}
    
    
    
    
    
    
    .neiye .lianxi em{width:30px; height:1px; background-color:#0e6eb8; display:block; margin-bottom:15px;}
    
    
    
    
    
    
    
    .neiye .lianxi b{font-family:Arial, Helvetica, sans-serif; color:#23517B; padding-left:5px; font-size:20px !important;}
    
    
    
    
    
    
    
    .neiye .lianxi p{font-size:16px; line-height:40px;}
    
    
    
    
    
    
    
    .neiye .lianxi p i{padding-right:10px; color:#aaa;}
    
    
    
    
    
    
    
    .neiye .lianxi input.w_z{width:32%; height:40px; font-size:14px; line-height:40px; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;}
    
    
    
    
    
    
    
    .neiye .lianxi input.a_n{width:120px; height:40px; background-color:#0e6eb8; font-size:14px; color:#fff; line-height:40px; border:none;}
    
    
    
    
    
    
    
    .neiye .lianxi textarea{width:100%; height:66px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px; box-sizing: border-box;font-family: '黑体';}
    
    
.biaodan{display: flex; justify-content: space-between;}




.ousailai_ny2_case_list{display: flex;justify-content: space-between;}
.ousailai_ny2_case_list_l{width: 816px; background-color: #0043fa; height:612px; overflow: hidden;}
.ousailai_ny2_case_list_r{width: 38%; height: auto; display: flex;}
.ousailai_ny2_case_list_r ul{ display: flex;justify-content: space-between;  flex-direction: column;}
.ousailai_ny2_case_list_r  li:nth-child(1){height:208px;padding:58px 10px 10px 50px; box-sizing: border-box; background: url(../images/xmbg.png) right bottom ; width: 516px; overflow: hidden; font-size: 20px; }
.ousailai_ny2_case_list_r  li:nth-child(2){background-color: #333333; margin-top: 3%;  width: 516px; height: 387px; overflow: hidden;;  }

.ousailai_ny2_case_list_r h3{font-size: 40px; font-weight: bold; line-height: 40px;}


.ousailai_ny2_case_list_r h4{font-size: 30px; font-weight: bold; line-height: 30px; margin-top: 20px;}

.ousailai_ny2_case_list{margin-bottom: 50px;}

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

.index_main {
    margin-top: 70px;
    margin-bottom: 80px;
}

.fengcai .swiper-slide{

height: 300PX;


}


.mc_cont100{ display: flex; justify-content: space-around; padding: 0 2% ; box-sizing: border-box;}

.banner .swiper{width: 100%;}
.fengcai .swiper-slide img{ height: 100%;}

.head {
    display: flex;
    justify-content: space-around;
    height: 114px;
    align-items: center;
    position: fixed;
    top: 0px;
    z-index: 2;
    background: #fff;
    width: 100%;
}

.head_nav ul {
    display: flex;
    justify-content: space-between;
}

.head_nav {
    width: 40%;
}

.head_search {
    width: 40px;
    height: 40px;
    background: #196ccf;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top:50%;
    transform: translate(0,-50%);
}

.head_search::after {
    content: "\e603";
    color: #fff;



}
.goods_pd2_text{text-align: center;  line-height: 30px; margin-bottom: 20px;} 

.biaodan{width: 100%; display: flex;}
#feedback{width: 100%; margin-bottom: 60px; }
.goods_pd1{display: flex; background: #fafafa; padding:  8% 8% 0px 8% ; box-sizing: border-box; justify-content: space-between; min-height:560px ;}
.goods_pd1_l{width: 50%;}
.goods_pd2_banner{margin-bottom: 30px;}


.goods_pd2{display: flex; flex-direction: column; justify-content: center;    align-items: center; box-sizing: border-box;}
.goods_pd2_title{font-size: 24px; font-weight: bold;  margin-bottom:10px; margin-top: 20px;}
.goods_pd2_line{background: #3248f8; width: 68px; height: 4px; border-radius: 4px;margin: 18px 0px;}

.about_logo  dl{ display: flex; flex-wrap: wrap; }
.about_logo  dd{width: 20%; margin-bottom: 20px;}
.about_logo_main {width: 1369px; margin: auto;}


.ousailai_ny_logo img{ max-width: 30%;}

.goods_pd1{background: url(../images/productsbg.jpg)  bottom right;}

.goods_pd1_l_text h2{font-size: 46px;}
.goods_pd1_l_text h3{font-size: 26px; margin-top: 30px;}
.goods_pd1_l_text p{ margin-top: 20px; line-height: 26px;}
.goods_pd1_l_text{display: flex; flex-direction: column; }
.goods_pd1_r{width: 40%;}
.biaodan_but{background: #0028aa;
    color: #fff;
    border: none;
    width: 100px;
    line-height: 40px;}

.biaodan_text{ width: 200px;}

.index_main_t {
    display: flex;
    justify-content: space-between;
}

.index_title h2 {
    font-size: 30px;
    color: #083d70;
    font-weight: 400;
    font-weight: bold;
}

.line {
    height: 5px;
    background: #083d70;
}

.index_main_k {
    padding: 0 10%;
    box-sizing: border-box;
}

.index_title {
    display: inline-grid;
    flex-direction: column;
    height: 74px;
    justify-content: space-between;

}

.index_text h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 26px;
}

.index_text p {
    line-height: 30px;
    margin-bottom: 10px;
}

.index_main_t_l {
    width: 43%;
    flex-direction: column;
    display: flex;
}

.index_main_t_r {
    width: 49%;
}

.bottom2 {
    margin-top: auto;
}

.yuan {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #083d70;
}

.link a {
    display: flex;
    justify-content: left;
}

.yuan::before {
    content: "\e62d";
    color: #fff;
    font-size: 10px;
}

.yuan {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.link span {
    margin-right: 10px;
}


.index_main_b ul {
    display: flex;
    justify-content: space-between;
}

.index_main_b_num {
    font-size: 48px;
    color: #083d70;
    font-weight: bold;
    line-height: 48px;
}

.index_main_b_t {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.index_main_b {
    margin-top: 120px;
    margin-bottom: 160px;
}

.index_main_youshi_t_nr {
    display: flex;
    justify-content: space-between;
    background: #f8f8f8;
    margin-bottom: 50px;
}

.index_main_youshi_t_nr_text {
    padding: 75px 82px 0px 60px;
    box-sizing: border-box;
    width: 50%;

}

.index_main_youshi_t_nr_img {
    width: 50%;
}

.index_main_youshi_t_nr_text h2 {
    font-size: 28px;
}

.index_main_youshi_t_nr_text h3 {
    font-size: 20px;
    margin-top: 18px;
    margin-bottom: 15px;
   
}
.index_main_youshi_t_nr_text_h3_line{width: 100%; height: 4px; background: #083d70; margin-bottom: 43px;}

.index_main_youshi_t_nr_text_h3{

    display: inline-block;


}
.index_main_youshi_t_nr_text li {
    margin-bottom: 30px;
    font-size: 16px;
}

.index_main_youshi_t_nr_text li::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #083d70;
    margin-right: 10px;
    border-radius: 3px;
    display: inline-block;
}
.index_main_youshi_t_nr_text li:nth-child(2):before{align-items: flex-start;}
.index_main_youshi_t_nr_text  span{width: 90%;}


.index_main_youshi_t_nr_text li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.index_main_youshi_t_nr_img_title {
    position: absolute;
    color: #fff;
    background: rgba(8, 61, 112, 0.58);
}

.index_main_youshi_t_nr_img {
    position: relative;
}

.index_main_youshi_t_nr_img_title h2 {
    color: #fff;
    font-size: 26px;
    padding: 10px;
}

.youshi3 {
    background: #f8f8f8;
}

.youshi3_title {
    background: rgba(8, 61, 112, 0.58);
    height: 64px;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    display: inline-flex;
    padding: 0px 10px;
}

.youshi3_title h2 {
    color: #fff;
    font-size: 26px;
}



.youshi3_title_main li {
    justify-content: center;
    background: #fff;
    margin-right: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 283px;
    padding: 10px;
    box-sizing: border-box;
    width: 16%;
}

.youshi3_title_main li:nth-last-child(1) {
    margin-right: 0;
}

.youshi3_title_main li:nth-child(1) .youshi3_title_main_icon::before {
    content: "\e668";
    font-size: 56px;
    color: #a1a1a1;
}

.youshi3_title_main ul {
    display: flex;
    justify-content: space-between;
}

.youshi3_title_main ul {
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
}

.youshi3_title_main_title {
    font-size: 22px;
    color: #000;
    margin: 28px 0px;
}

.youshi3_title_main_text {
    font-size: 14px;
    text-align: center;
}

.youshi3_title_main li:nth-child(2) .youshi3_title_main_icon::before {
    content: "\e60e";
    font-size: 38px;
    color: #a1a1a1;
}

.youshi3_title_main li:nth-child(3) .youshi3_title_main_icon::before {
    content: "\e613";
    font-size: 38px;
    color: #a1a1a1;
}

.youshi3_title_main li:nth-child(4) .youshi3_title_main_icon::before {
    content: "\e604";
    font-size: 38px;
    color: #a1a1a1;
}

.youshi3_title_main li:nth-child(5) .youshi3_title_main_icon::before {
    content: "\e61a";
    font-size: 38px;
    color: #a1a1a1;
}

.youshi3_title_main li:nth-child(6) .youshi3_title_main_icon::before {
    content: "\e600";
    font-size: 38px;
    color: #a1a1a1;
}

.banner_ny {
    position: relative;
    margin-top: 80px;
}

.banner_text a {
    color: #fff
}

.banner_text {
    position: absolute;
    bottom: 0px;
    background: rgba(0, 6, 85, 0.45);
    width: 100%;
    line-height: 46px;
    font-size: 14px;
}

.banner_text_main {
    padding: 0 10%;
    box-sizing: border-box;
}

.ousailai_ny {

    padding: 0 10%;
    box-sizing: border-box;


}

.ousailai_ny_k{    background: url(../images/about3_05.jpg);
    background-size: 100%;    background-repeat: no-repeat;}

.ousailai_ny_logo img {
    display: inline-block;
    margin: 77px 0px;
}

.ousailai_ny_logo {
    text-align: center;
}

.ousailai_ny_text {
    text-align: center;
}

.ousailai_ny2 {
    display: flex;
    justify-content: space-between;
}


.ousailai_ny2 {

    padding: 0 10%;
    box-sizing: border-box;

}

.ousailai_ny2_r {
    width: 40%;
    display: flex;
    flex-direction: column;

}

.ousailai_ny2_l {
    width:60%;
    height: 480px;
    ;
}

.ousailai_ny2_r h3 {
    font-size: 36px;
    font-weight: bold;
    color: #083d70;
    line-height: 36px;
    margin: 30px 0px;
}

.ousailai_ny2_r h2 {
    font-weight: bold;
    font-size: 24px;
}

.ousailai_ny2_r_line {
    height: 2px;
    display: flex;
    justify-content: flex-start;
}

.ousailai_ny2_r_line_l {
    width: 40%;
    background: #083d70;
    height: 100%;
}

.ousailai_ny2_r_line_r {
    width: 60%;
    background: #d8d8d8;
    height: 100%;
}

.ousailai_ny2_r_title {
    display: flex;
    flex-direction: column;
}

.ousailai_ny2_r_text p {
    line-height: 36px;
}

.ousailai_ny2_title {
    text-align: center;



    margin-bottom: 90px;
}

.ousailai_ny2_title h3 {
    color: #b3b3b3;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;    margin-top: 16px;
}

.ousailai_ny2_title h2 {
    text-transform: uppercase;
    font-size: 48px;
    font-weight: bold;

}

.ousailai_ny3 {
    
    box-sizing: border-box;

    margin:  auto;
    width: 1360px;
}

.ousailai_ny2_nr ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ousailai_ny4_main_new li{ display: flex; justify-content: space-between;}
.ousailai_ny4_main_new_img{width: 680px; height: 300px;;}

.ousailai_ny4_main_new_text{width: 47%;}


.ousailai_ny4_main_new{ width: 1360px; margin: auto;    padding-top: 190px;}
.ousailai_ny2_nr li {
    display: flex;
  
    justify-content: flex-start;
    align-items: center;
    margin-right: 0px;
    width:48.5%;
    margin-bottom: 33px;
    flex-direction: column;
    border: #f9f9f9 1px solid;
    box-shadow: 0px 1px 10px 1px #c3c3c3;
    padding:40px 84px  10px  84px ;
    align-items: flex-start;
height: 400px;
    box-sizing: border-box;
}

.ousailai_ny2_nr li:nth-child(3n) {
    margin-right: 0px;
}

.ousailai_ny2_nr_l {
    width: 66px;
    height: 66px;
}

.ousailai_ny2_nr_r {

}

.ousailai_ny2_nr_r h2{ font-size: 26px; line-height: 26px;  font-weight: bold; color: #083d70; border-bottom: 1px solid #434343; padding-bottom:30px  ; margin-bottom: 30px;}

.ousailai_ny2_nr li:nth-child(4) .ousailai_ny2_nr_l img {
    width: 50px;
}

.ousailai_ny2_nr li:nth-child(5) .ousailai_ny2_nr_l img {
    width: 50px;
}

.ousailai_ny2_nr li:nth-child(6) .ousailai_ny2_nr_l img {
    width: 50px;
}

.ousailai_ny2_nr_l img {
    display: inline-block;
    width: 60px;

}

.ousailai_ny2_nr_l {
    text-align: left;    margin-bottom: 30px;
}

.ousailai_ny2_title h2 {
    padding-top: 90px;
    line-height: 48px;
}

.ousailai_ny2_nr_r p{ line-height: 32px;}

.ousailai_ny4 {

}



.ousailai_ny4_main_new_text h2{


    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    color: #083d70;margin-bottom: 20px;

}

.ousailai_ny4_main_new_text h3{


    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 14px;


}

.ousailai_ny4_main_new_text p{ line-height: 36px; margin-bottom: 20px;}


.ousailai_ny4_main_new li{ margin-bottom: 200px;}
.ousailai_ny4_main_new li:nth-child(2){margin-bottom: 0;}
.ousailai_ny4_main_new li:nth-child(2) .ousailai_ny4_main_new_text{ order: 2;}


.ousailai_ny4_main {
    padding: 98px 10%;
}

.ousailai_ny4_main ul {
    display: flex;
    justify-content: space-around;
}

.ousailai_ny4_main ul li {
    padding-right: 28px;
    border-right: 1px #c8c7c7 solid;
    padding-left: 28px;
}

.ousailai_ny4_main ul li:nth-child(1) {
    padding-left: 0;
}

.ousailai_ny4_main ul li:nth-child(3) {
    padding-right: 0;
    border-right: 0px #c8c7c7 solid;
}

.ousailai_ny4_main h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

.ousailai_ny4_main p {
    font-size: 16px;
    line-height: 30px;
}

.ousailai_ny5 {

    background-image: url(../images/about3_37.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #eef1f5;
}

.ousailai_ny5 .ousailai_ny2_title {
    margin: 0px;

}

.ousailai_ny5_main {
    text-align: center;

}

.ousailai_ny5_main img {
    display: inline-block;
}

.ousailai_ny2_title p {
    margin-top: 130px;
}


		/* 本例子css */
		.slideBox{ width:100%;overflow:hidden; position:relative;   }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{  display: inline-block; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

.tempWrap dl{display: flex; flex-wrap: wrap; justify-content: left; width: 1400px; margin: auto;;}

.tempWrap dd{width: 18%; text-align: center; margin-bottom: 80px; margin-right: 30px;}
.tempWrap dd:nth-child(5n){margin-right: 0px;}


.ousailai_ny5_main .swiper-container {
    width: 100%;
    height: 100%;
    padding: 10px 0px;
   
}

.ousailai_ny5_main .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 2px 0px 11px 4px #e8e8e8;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}

.ousailai_ny5_main .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
}



.ousailai_ny5_main .swiper-button-prev,
.ousailai_ny5_main .swiper-container-rtl .swiper-button-next {
    border: 1px solid #b5b5b5;
}

.ousailai_ny5_main .swiper-button-next,
.ousailai_ny5_main .swiper-container-rtl .swiper-button-prev {
    border: 1px solid #b5b5b5;
}

.ousailai_ny5_main .swiper-button-prev:after,
.ousailai_ny5_main .swiper-container-rtl .swiper-button-next:after {
    font-size: 12px;
    color: #a8a8a8;
}

.ousailai_ny5_main .swiper-button-next:after,
.ousailai_ny5_main .swiper-container-rtl .swiper-button-prev:after {
    font-size: 12px;
    color: #a8a8a8;
}

.prev_next {
    width: 39%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 99;
}

ul.about_logo {

}

.about_logo li {


    text-align: center;

}


.hezuo_lunbo .swiper-grid>.swiper-wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
}

.about_logo li:nth-child(5n) {
    margin-right: 0;
}

.ousailai_ny7 {
    padding: 0px 10%;
    box-sizing: border-box;
}

.about_logo img {
    display: inline-block;
    width: 70%;
}

.mySwiper5 .swiper-slide{flex-wrap: wrap; justify-content: flex-start; }
.mySwiper5{ padding: 0  10%; box-sizing: border-box;}
.mySwiper5 .swiper-slide img{display: inline-block;}
.mySwiper5 .swiper-slide li{ width: 20%;margin-bottom:100px; }

.swiper2 {
    width: 100%;
    height: 100%;
}


.fengcai{ margin-bottom: 100px;    padding-top: 40px;}


.swiper2 {
    margin-left: auto;
    margin-right: auto;
}

.fengcai .swiper-slide {
    padding: 8px;
    box-shadow: 0px 2px 11px 3px #c8c7c7;
}

.fengcai .swiper-wrapper {
    padding: 60px 0px;
    box-sizing: border-box;
}

.serach_input{border: none; background: none; outline: none; }

.search{border-radius: 20px; box-shadow: none; border: 1px solid #ccc; width:0px;;}

.zoom{display: none;}





/*Bottom Info*/



.bottom_bg {



	width:100%;



	padding:3% 0px 0px;



	text-align: left;



	margin:0px;



	background-color:#283246;



}



.Bottom_Title h2 {



    color: #fff;



    font-size: 22px;



    font-weight: 600;



	line-height:35px;



}



.Bottom_Title hr {



	border:none;border-top:2px double #2e7297;



    width: 45px;



    margin: 0px;



	padding:0px;



	overflow:hidden;



}



.bottom_list {



	padding:20px 0px;



	font-size:12px;



	color:#fff;



	margin:0px;



}



.bottom_list a {



	color:#FFF;



	padding-left:11px;



	 font-size:16px;



}



.bottom_list ul {padding:0px; margin:0px;}



.bottom_list li{text-align:left;position:relative;display:block;line-height:28px; font-family:Arial; padding:0px; margin:0px;}



.bottom_list li span{  font-size:15px;}



.bottom_copyright {



	border-top:1px solid #fff;



	font-size:17px;



	padding:5px 0px;



	color:#999999;



	line-height:45px;



	text-align:center;



}


.bottom_copyright span{color: #fff;}
.bottom_copyright p{color: #fff;}

.bottom_bg ul{display: flex; justify-content: space-around;}
.bottom_list ul{display: flex; justify-content: space-around; flex-direction: column ;}

.bottom_list li span{color: #fff;}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.banner_text_main a{ color: #fff;}
.banner_text_main{ color: #fff;}



.ousailai_ny8_fazhan_nr ul{width: 1360px; margin: auto;   display: flex;  border-radius: 10px;    overflow: hidden;box-shadow: -1px 1px 12px 6px #e4e4e4;}
.ousailai_ny8_fazhan_nr li{height: 400px;width: 12.5%; overflow: hidden; transition: all .6s; display: flex; flex-direction: column; justify-content: center; font-size: 36px; align-items: center;    position: relative; box-shadow: 0 8px 10px -5px #00000014, 0 16px 24px 2px #0000000a, 0 6px 30px 5px #0000000d; background: #e6e7ea;}
.ousailai_ny8_fazhan_nr li:nth-child(1).hover{background:#10adff}
.ousailai_ny8_fazhan_nr li:nth-child(2).hover{background: #5a00ff;}
.ousailai_ny8_fazhan_nr li:nth-child(3).hover{background: #0043fa;}
.ousailai_ny8_fazhan_nr li:nth-child(4).hover{background: #ff9b10;}
.ousailai_ny8_fazhan_nr li:nth-child(5).hover{background: #ff0035;}
.ousailai_ny8_fazhan_nr li:nth-child(6).hover{background: #ff4610;}
.ousailai_ny8_fazhan_nr li:nth-child(7).hover{background: #ff7fec;}
.ousailai_ny8_fazhan_nr li:nth-child(8).hover{background: #86dbff; box-shadow: none;}
.ousailai_ny8_fazhan_nr li.hover {width: 30%;}
.ousailai_ny8_fazhan_nr_text{transition: all  .6s  ; transform: translate(0px,-395px); font-size: 18px; width: 347px; transition: all  .8s; padding:0 20px ; box-sizing: border-box; color: #fff;} 
.ousailai_ny8_fazhan_nr_year{ color: #757575; font-weight: bold;}
.ousailai_ny8_fazhan_nr_text{position: absolute; opacity: 0; }
.ousailai_ny8_fazhan_nr li.hover  .ousailai_ny8_fazhan_nr_year{ display:none;}
.ousailai_ny8_fazhan_nr li.hover  .ousailai_ny8_fazhan_nr_text{  font-size: 14px;   transform: translate(0px,0px); position: static; opacity: 1; } 
.ousailai_ny8_fazhan_nr_text  h2 {color: #fff;}
.ousailai_ny8_fazhan_nr_text p{font-size: 16px; color: #fff;}
.ousailai_ny5_main{ position: relative; width: 1369px; margin: auto; padding-top: 90px;}

.ousailai_ny8_fazhan_nr li.hover { width: 30%;     }

.banner img{width: 100%;}

.map_cion {
    position: absolute;
    left: 505px;
    top:420px;
}

.map_cion_china .dotted{width: 18px; height: 18px;   background-color: #ff7a0d; border-radius: 9px; }

.ousailai_ny8_fazhan{ width: 1360px; margin: auto;;} 


    .map_cion2{    position: absolute;
        left: 160px;
        top: 320px;}


        .map_cion3{position: absolute;          left: 480px;
            top: 460px;}



            .map_cion4 {
                position: absolute;
                left: 537px;
                top: 510px;
            }


            .map_cion5 {
                position: absolute;
                left: 556px;
                top: 368px;
            }




            .map_cion6 {
                position: absolute;
                left: 598px;
                top: 369px;
            }

            .map_cion7 {
                position: absolute;
                right: 408px;
                top: 363px;
            }

.ousailai_ny8_fazhan_nr{ position: relative;}


.btn-group{
    width:870px;
    margin:10px auto;
    overflow: hidden;
  } 
  button{
    padding-left:15px;
    padding-right:15px;
    height: 35px;
    border:thin solid #ccc;
    cursor: pointer;
    float: left;
  }
  button:first-child{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  button:last-child{

    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  button:hover{
    background-color: #999;
  }










.dotted{ width: 8px; height: 8px;   background-color: #0d8aff; border-radius: 4px;}

.pulse1 , .pulse2 , .pulse3{width: 19px; height: 19px;  box-shadow: 0 0 12px #083d70; position: absolute; left:50%; top:50%;transform: translate(-50%,-50%); animation: pulse 1.4s linear  infinite;  border-radius: 50%;}
.pulse2 {  animation-delay: 0.4s;}


.pulse3{  animation-delay: 0.8s;}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.bottom_bg i{ color: #fff;}




.mc_nav_li.yxnav_active1 {
    opacity: 1;
}

.mc_fixed .mc_nav_li.yxnav_active1 .mc_nav_a {
    color: #001eb4;
    opacity: 1;
}

.mc_nav_xl {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 70px;
    width: 100%;
    border-top: 1px solid #dfdede;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, .1); */
}

.mc_nav_xl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;

    opacity: 1;
    transition: all .5s ease-in-out;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .07);
}

.mc_nav_xl.show::before {
    opacity: 1;
}

.mc_navxl_container {
    width: 100%;
    padding: 50px 0 60px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .07);
}


.mc_navxl_r {
    width: 290px;
    padding: 42px 0;
    padding-left: 80px;
    text-align: left;
}

.mc_navxl_l {
    width: calc(100% - 290px);
    min-height: 206px;
    padding: 35px 0;
    border-right: 1px solid #dfdede;
    text-align: left;
}

.mc_navxl_title {
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #000000;
    width: 314px;
    margin-top: 15px;
}

.mc_navxl_subnav {
    width: calc(100% - 314px);
}

.mc_subnav_a {
    display: block;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 0;
    color: #333333;
    white-space: normal;
}

.mc_subnav_li {
    float: left;
    width: 50%;
    padding-right: 30px;
}

.mc_navxl_subnav {
    max-width: 460px;
}

.mc_subnav_li:nth-child(odd) {
    clear: left;
}

.mc_navxlr_title {
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #0028aa;
    margin-bottom: 12px;
}

.mc_navxlr_title a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.mc_navxlr_a {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    padding: 12px 0;
}







@media (max-width: 768px){

.banner{margin-top: 20px;}
.mc_ph_hd{height: auto;}

.phxia{    top: 40px;}

.ousailai_ny8_fazhan{width: 100%;}

.ousailai_ny8_fazhan_nr ul{    flex-direction: column;
    width: 100%;}

    .ousailai_ny8_fazhan_nr li{width: 100%;}

    .ousailai_ny8_fazhan_nr li.hover{width: 100%;}


    .ousailai_ny3{width: 100%;}
    .ousailai_ny2_nr li{width: 100%; height: auto; padding: 5%;}

.ousailai_ny2_nr{padding: 0  10px;  box-sizing: border-box;}

.ousailai_ny8_fazhan_nr li{ height: 130px;}
.ousailai_ny4_main_new{padding:30px  10px 10px 10px ; box-sizing: border-box;}
.ousailai_ny4_main_new_text{width: 100%;}
.ousailai_ny4_main_new_img{width: 100%;}
.ousailai_ny4_main_new{width: 100%;}

.ousailai_ny4_main_new li{    flex-direction: column;}
.ousailai_ny4_main_new li {
    margin-bottom: 20px;
}
.ousailai_ny4_main_new li:nth-child(2) .ousailai_ny4_main_new_text {
    order: 0;
}
.ousailai_ny2_title{    margin-bottom: 20px;}
.ousailai_ny5_main{width: 100%;}
.tempWrap dl{width: 100%;}
.fengcai .swiper-slide img{height: 100%;}

.ousailai_ny_logo img{max-width: 50%;    margin: 27px 0px;}

.ousailai_ny{padding:0px 10px;  line-height: 28px;}

.index_main_b {
    margin-top: 30px;
    margin-bottom: 30px;
}

.ousailai_ny2{display: flex; flex-direction: column;}
.ousailai_ny2_l{width: 100%;    height: auto;}
.ousailai_ny2_r {width: 100%;}
.ousailai_ny2_r h3{font-size: 26px;}

.ousailai_ny2{padding: 0px 10px;}

.about_logo_main{width: 100%;}
.ousailai_ny5{ display: none;}
.about_logo dd {
    width: 32%;
    margin-bottom: 20px;
}
.ousailai_ny2_title h2 {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
}

.ousailai_ny2_title h3 {
    color: #b3b3b3;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    margin-top: 16px;
}




.ousailai_ny2_title h2 {
    padding-top: 20px;
    line-height:28px;
}

.ousailai_ny4_main_new_img{height: auto; margin-bottom: 20px;}

.ousailai_ny5_main {    padding-top: 20px;}

.ousailai_ny2_title p {
    margin-top: 30px;
}
.fengcai .swiper-wrapper {
    padding: 20px 0px;
    box-sizing: border-box;
}

.ousailai_ny2_nr_l {

    margin-bottom:0px;
}



.goods_pd1{background: none; flex-direction: column;  }

.goods_pd1_l{
    width: 100%;
   
}


.goods_pd1_l_text h2 {
    font-size: 35px;

    margin-top: 30px;
}


.goods_pd1{ padding: 10px;}
.lianxi{ padding: 10px; box-sizing: border-box;}
.ousailai_ny2_case_list {

    flex-direction: column;

}

.ousailai_ny2_case_list_r{
    width: 100%;

    order: -1;
   
    margin-bottom: 10px;
}

.biaodan{flex-direction: column;}
.neiye .lianxi input.w_z{width: 100%;    box-sizing: border-box;}
.bottom_bg ul{display: flex; flex-direction: column; padding: 0px 10px ; box-sizing: border-box;}


.container_s{display: flex;  flex-direction: column;}
.container_s dl{
padding: 0 40px;}



.mc_subnav_li {

    width: 100%;

}










}





@keyframes pulse{
    0%{}

    70%{width: 30px;  height:30px; opacity: 1;}


    100%{width: 50px;  height:50px; opacity: 0;}







}