/*
  公共样式
*/
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
address,
em,
img,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
i,
b,
s{
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "微软雅黑";
}
body {
  overflow-x: hidden;
  font-size: 14px;
  background-color: rgb(23,23,23);
}
p {
  word-break: normal;
  word-wrap: break-word;
}
button::-moz-focus-inner {
  padding: 0;
}
input,
button,
textarea {
  resize: none;
  outline: none;
  border: none;
}
ul {
  list-style: none;
}
ul li{
	list-style: none;
}
textarea:focus,
input:focus,
button:focus {
  outline: none;
}
html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}

a {
  color: #efefef;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
a:hover,
a:focus {
  color: rgb(204, 0, 0);
  text-decoration: none;
}
.box_sizing{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.bg1{background-color: rgb(217, 0, 0);}
.fontsize1{font-size: 1.0rem;}
.container{margin-left: 15px; margin-right: 15px;}
.wap-menu{
  background-color: rgb(23,23,23); z-index:99999;
  position: fixed; top: 0px; left: 0; right: 0; bottom: 0;
  line-height: 3.35rem; overflow-y: scroll; display: none;
}
.wap-menu nav a{border-bottom: 1px solid rgb(100, 100, 100); font-size: 1.0rem;}
/*=======================================
  ||   头部样式                            
  =======================================*/
@media only screen and (min-width: 960px){
  header{
    background: url(../images/menu_bg.jpg) repeat-x left bottom;
    background-size: 100% 40px;
  }
}

.ny-banner{
  height: 140px;
  background: #060f2c url(../images/banner-about.jpg) no-repeat center bottom;
  background-size: auto 100%;
}

@media only screen and (min-width: 960px){
  .ny-banner{
    height: 240px;
    background: #060f2c url(../images/banner-about.jpg) no-repeat center bottom;
    background-size: auto 100%;
  }
}

.flex1{flex: 1;}
/*  Banner分页器样式 */
.swiper-pagination-custom {
  bottom: 5%;
  left: 0;
  width: 100%;
  height: 20px;
  /* background-color: red; */
  text-align: center;
  margin-bottom: 30px;
}
/*自定义分页器的样式，这个你自己想要什么样子自己写*/
.swiper-pagination-customs {
width: 12px;
height: 12px;
display:inline-block;
border: 2px solid #fff;
opacity: .8;
border-radius: 50%;
/* box-shadow: 0 0 2px #000; */
margin: 0 5px;
outline: 0;
}
/*自定义分页器激活时的样式表现*/
.swiper-pagination-customs-active {
opacity: 1;
border: 3px solid rgb(217, 0, 0);
background-color: rgb(217, 0, 0);
}
.bgcolor-index-font{background-color: rgb(217, 0, 0);}
.color-index-font{color: rgb(217, 0, 0);}
.index-produt-title{
  height: 44px; top: -22px; z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background-color: rgb(33, 33, 33);
}
.index-produt-title-right,.index-produt-title-left{
  flex: 1;
}
.hot-menu a i{font-size: 24px; margin-right: 15px;}
.font-weight{font-weight: bold;}
.index-bar-bg{background-image: linear-gradient(to right , rgb(217, 0, 0), #d90000);
}
.index-bar-bg i{font-size: 1.4rem;}
.index-produt-title-right{background-color: rgb(217, 0, 0);color: #fff}
.bg-gray{background-color: rgb(45,45,45);}
.mt24{margin-top: 24px;}
.index-bar-title{
  font-size: 16px;
  color: rgb(317, 0, 0);
  background: -webkit-linear-gradient(left, rgb(30,30,30) , rgb(38,38,38)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, rgb(30,30,30), rgb(38,38,38)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, rgb(30,30,30), rgb(38,38,38)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, rgb(30,30,30), rgb(38,38,38)); /* 标准的语法 */
}
.ny-box{background-color: #fff;}
.ny_content{line-height: 27px; font-size: 15px;}
.ny_content img{max-width: 100%;}
.index-box-bg{background-color: rgb(45, 45, 45);}
.index-about{color: rgb(230, 230, 230); line-height: 34px; font-size: 14px;}
.header_menu nav{display: flex; justify-content: space-between;}
.header_menu a{color: #fff; text-align: center; display: block; width: 100%; line-height: 42px; font-size: 14px;}
.footer{background-color: rgb(40, 40, 40);}
.f_left{line-height: 35px;}
.left_fontsize{font-size: 1.1rem;}
.f_left li a{color: #666; font-size: 15px;}
.f_left li.focus{background: url(../images/ny-left-list-focus.png) no-repeat left center;}
.f_left li.focus a{color: rgb(217, 0, 0);}
.index-news li{
  line-height: 36px;
}
.index-news li:nth-child(even){background-color: rgb(58, 58, 58);}
.index-news li a{color: rgb(230, 230, 230);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news li small{color: #999;}
.hot-menu a{
  font-size: 16px;
  background-color:#2d2d2d;
    /*chrome2+,safari4+;multiplecolorstops*/
    background-image:-webkit-gradient(linear,leftbottom,righttop,color-stop(0.32,#d41a1a),color-stop(0.66,#d9e60c),color-stop(0.83,#5c7c99));
    /*chrome10+,safari5.1+*/
    background-image:-webkit-linear-gradient(45deg,#2d2d2d,#5c5c5c,#5c7c99);
    /*firefox;multiplecolorstops*/
    background-image:-moz-linear-gradient(45deg,#2d2d2d,#5c5c5c,#5c7c99);
    /*ie10*/
    background-image:-ms-linear-gradient(45deg,#2d2d2d0%,#5c5c5c100%);
    /*opera11.1*/
    background-image:-o-linear-gradient(45deg,#2d2d2d,#5c5c5c);
    /*标准写法*/
    background-image:linear-gradient(45deg,#2d2d2d,#5c5c5c);
}
.index-news-hot h6{overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;}
.index-news-hot p{overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-line-clamp:3;

-webkit-box-orient:vertical;}
.header_logo{height: 80px;}
.logo{height: 100px;}

.index-about{
  line-height: 1.6rem;
}
.font-18{font-size: 18px;}
.index-service a i{font-size: 34px; color: rgb(234, 0, 0);}
/*=======================================
  ||   主体样式                            
  =======================================*/

/* 方案页面  */
.plan_category{border-bottom: 1px solid rgb(210,210,210);}
.plan_category li{width: 100%; padding: 8px 0; display: flex; justify-content: space-between; align-items: flex-start;}
.plan_category li .text{display: flex;flex: 1;text-align: left; flex-wrap: wrap;}
.plan_category li .text a{line-height: 28px; margin-top: 2px; margin-bottom: 2px; padding: 0 10px; color: #555; margin-right: 18px;}
.plan_category li .text a.focus{
  line-height: 24px;
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding:0 10px; color: rgb(204, 0, 0); border: 1px solid rgb(204, 0, 0);}
.plan_category li > span,.plan_category li > a{line-height: 32px; height: 32px;}
.plan_category li > span{margin-right: 15px; width: 90px; border-radius: 2px; color: #fff; text-align: center;}

.plan_list_home{width: 20%;}
.plan_list_box a{flex-direction: column;background-image: linear-gradient(to bottom right, #fff, rgb(210,210,210));}
.plan_list_box a h2{
  font-size: 15px;
  line-height: 20px;
  height: 40px;
  color: #666;
  overflow: hidden; 
  display: -webkit-box;  
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;
}
.plan_list_box a article{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #666;
  margin-bottom: 10px;
}

.plan_box{padding-bottom: 10px;}
.plan_show{
  padding: 15px;background-color: #fff;margin-top: 15px;
}
.plan_show .plan_show_title{
  border-bottom: 1px solid #dfdfdf;
}
.plan_show_content{
  padding: 10px 20px;
  line-height: 32px;
}
.plan_show_content img{max-width: 100%;}
.plan_jianjie{
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.plan_jianjie .img{
  max-width: 100%;
}
.plan_jianjie .img img{padding: 8px; border: 1px solid #ececec; max-width: 100%; height: auto;}
.plan_jianjie .text{
  text-align: left;
  flex: 1;
  margin-left: 0;
  line-height: 34px;
}

@media only screen and (min-width: 960px){
  .plan_jianjie{
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .plan_jianjie .img{
    max-width: 550px;
  }
  .plan_jianjie .text{
    text-align: left;
    flex: 1;
    margin-left: 100px;
    line-height: 34px;
  }
}

.plan_jianjie .text h1{margin-top: 24px; color: #666; line-height: 45px; font-size: 24px;}
.plan_jianjie .text a{display: block; border-radius: 2px; margin-top: 15px; font-size: 15px; width: 110px; text-align: center; color: #fff;background-color: rgb(217, 0, 0);}

.about_box{padding: 25px;background-color: #fff;}
.about_box_category{
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 34px;
  padding: 25px 0 50px;
}
.about_box_category a{
  padding: 0 12px;
  border: 1px solid #ddd;
  font-size: 15px;
  margin: 0 15px;
  color: #666;
  border-radius: 2px;
}
.about_box_category a.focus{
  border: 1px solid rgb(204, 0, 0);
  color: rgb(204, 0, 0);
}
.about_box_content{
  max-width: 960px;
  margin: 0 auto;
  padding: 25px 0;
  line-height: 28px;
}
.feedback_box_content{
  max-width: 1200px;
  margin: 0 auto;
  border: 1px solid #dfdfdf;
  padding: 25px;
}
.contact_box_content{
  max-width: 1200px;
  margin: 0 auto;
  line-height: 28px;
  background-color: #dfdfdf;
  display: flex;
  align-items: stretch;
}
.baidumap{flex: 1;}
.leftitem{padding: 25px;}

.news_box{display: flex; justify-content: space-between; align-items: stretch;}
.news_box_left{
  flex: 1;
}
.news_box_right{
  width: 230px;
  background-color: #fff;
  padding: 12px;
  margin-left: 20px;
}
.news_box_left .news_box_left_category{
  background-color: rgb(240, 240, 240);
  line-height: 34px;
  display: flex;
  justify-content: center;
}
.news_box_left .news_box_left_category a{
  padding: 0 12px;
  border: 1px solid #ddd;
  font-size: 15px;
  margin: 0 10px;
  color: #666;
  border-radius: 4px;
}
.news_box_left .news_box_left_category a.focus{
  border: 1px solid rgb(204, 0, 0);
  color: rgb(204, 0, 0);
}

.news_box_left_content li{
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.company_box_news_content ul{display: flex; flex-wrap: wrap; margin-top: 10px;}
.company_box_news_content li{width: 50%; padding: 12px 0;}
.news_box_left_content li a,.company_box_news_content li a{display: flex;flex-direction: column;}
.news_box_left_content li article,.company_box_news_content li article{flex: 1;}
.news_box_left_content li .img{width: 100%; margin-right: 0;}
.news_box_left_content li .img img{max-width: 100%; height: auto;}

@media only screen and (min-width: 960px){
  .news_box_left_content li .img img{width: 220px; height: auto;}
  .news_box_left_content li a,.company_box_news_content li a{ flex-direction: row; }
  .news_box_left_content li .img{width: 220px; margin-right: 32px;}
}


.company_box_news_content li .img{width: 140px; margin-right: 15px;}
.company_box_news_content li .img img{width: 140px; height: auto;}
.company_box_news_content li a h1{color: #333; font-size: 16px; line-height: 30px; margin:2px 0 5px 0;}
.news_box_left_content li a h1{color: #333; line-height: 30px; margin:2px 0 5px 0;}
.news_box_left_content li a h2{color: #666; margin-bottom: 8px; font-size: 15px; line-height: 26px; font-weight: normal;}
.news_box_left_content li a span,.company_box_news_content li a span{color: #999;}

.news_box_details h1{line-height: 30px; font-size: 1.2rem; color: #333; padding-bottom: 15px;}
@media only screen and (min-width: 960px){
  .news_box_details h1{line-height: 62px; font-size: 28px; color: #333; padding-bottom: 0px;}
}
.news_box_details article span{color: #999; font-size: 14px; line-height: 24px;}
.news_box_details .content{padding: 30px 0 10px 0; line-height: 24px; font-size: 15px;}
.news_box_details .content img{max-width: 100%;}

.news_hot_title{
  border: 1px solid rgb(204, 0, 0);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news_hot_title h2{
  width: 50%;
  background-color: rgb(204, 0, 0);
  color: #fff;
  line-height: 34px;
  font-size: 18px;
  text-align: center;
  margin: 0;
}
.news_hot_title a{margin-right: 8px;}
.news_hot_ol{
  padding: 10px 0;
  line-height: 22px;
  margin-bottom: 15px;
}
.news_hot_ol li{padding: 5px 0;}

.feedback-box{padding: 20px 45px;}
.inpu1,.inpu2{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 25px 0;
}
.inpu1 input,.inpu2 input,.inpu2 textarea{font-size: 14px;font-weight: 500; 
  width: 100%; border: 1px solid #ececec; border-radius: 2px; line-height: 44px;
  padding-left: 10px; font-family: '微软雅黑';
}
.inpu1 input:first-child{margin-right: 45px;}
.inpu3{
  padding: 15px 0 45px;
  display: flex;
  justify-content: center;
}
.inpu3 button{
  background: rgb(204, 0, 0);
  border-radius: 2px;
  color: #fff;
  width: 190px;
  height: 60px;
  font-size: 18px;
  cursor: pointer;
}

.company_box_company_content{
  padding-top: 15px;
  line-height: 29px;
  font-size: 16px;
}

.location{color: #999; line-height: 42px;}
.location a,.location i{color: #999;}
.round-top-left{border-top-left-radius: 5px;}
.location_box{background: rgba(32,32,32);}


.home_box{
  background-color: #fff;
  margin-top: 20px;
  padding: 12px;
}
.home_box_title{
  background-color: #efefef;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home_box_title span{background-color: rgb(204, 0, 0); color: #fff; font-size: 15px; font-weight: bold; padding: 9px 20px;}
.home_box_title span i{margin-right: 6px;}
.home_box_title a{margin-right: 12px;}.home_box_title a i{margin-left: 6px;}

.index-product-text{background-color: rgb(33, 33, 33); flex: 1}
.index-product{flex-direction: column;}
.index-product h6{line-height: 24px; font-size: 14px; color: red; min-height: 48px;text-overflow: -o-ellipsis-lastline;
overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 2; 
line-clamp: 2; 
-webkit-box-orient: vertical;}
.index-product article small{color: #999;}

.company_box{display: flex; margin-top: 15px; align-items: stretch; justify-content: space-between;}
.company_box .company_box_company{width: 480px; margin-right: 25px;}
.company_box_news{flex: 1;}
/*=======================================
  ||   底部样式                            
  =======================================*/
  .foot-link{border-left: 1px dashed rgb(87, 87, 87);border-right: 1px dashed rgb(87, 87, 87);}
  .foot-border{border-top: 1px solid rgb(67, 67, 67);}
  .foot_nav_menu{flex: 1; display: flex; justify-content: space-between; line-height: 24px;}
  .foot_nav_menu h2{font-size: 15px; color: #666; margin-bottom: 10px;}
  .foot_nav_menu a{color: #666;}
  .foot_nav_ewm{display: flex;}
  .foot_nav_ewm .img{display: flex; font-size: 15px; font-weight: bold; color: #888; flex-direction: column; align-items: center; justify-content: center;}
  .foot_nav_ewm .img img{max-width: 100px; margin-bottom: 8px;}
  .foot_nav_ewm .text{line-height: 28px;color: #999;}
  .foot-link a,.foot-menu a{margin-right: 15px; color: #999; margin-top: 4px;}
  .foot_nav_ewm .text h2,.foot-link h2,.foot-menu h2{font-size: 16px; color: #fff; margin-bottom: 10px;}
  .foot_nav_ewm .text h3{color: rgb(204, 0, 0); font-size: 18px;}
  .foot_copyright{line-height: 1.4rem; color: rgb(189, 189, 189);}
  .foot_copyright a{color: rgb(189, 189, 189);}
  .flex-middle{flex-direction: column; justify-content: center; align-items: center;}


  /* 分页信息  */
.showpages{text-align: center; padding-top: 30px;}
.showpages a,.showpages span{
  display: inline-table;
  line-height: 28px;
  height: 28px;
  border:1px solid #DCDCDC;
  background-color: #fff;
  margin: 0 2px;
  padding: 0 12px;
  text-align: center;
  color: #999;
  font-size: 14px;
}

.showpages a:hover{
  color: #0267d0;
}

.showpages .current{
  border:1px solid rgb(217,0,0);
  background-color: rgb(217,0,0);
  color: #fff;
}

.top-icon-fontsize span{
  font-size: 20px;
}
.product-filter{line-height: 32PX;}
.product-filter p,ul.product-category{height: 96px; overflow-y: hidden;}
.accessories_content .item a{font-size: 0.8rem;color: #333; line-height: 22px;}
.product-filter ul a,.product-filter p a{
                    color: #333;
                    -webkit-transition: all 0.3s linear;
                    -moz-transition: all 0.3s linear;
                    -ms-transition: all 0.3s linear;
                    -o-transition: all 0.3s linear;
                    transition: all 0.3s linear;
                    margin-right: 12px;
                    }
.product-filter a.more{font-size: 0.8rem;}
.product-filter a.more,.product-filter p a:hover,.product-filter ul a.focus,.product-filter ul a:hover,.product-filter p a.focus{color: rgb(204, 0, 0);}
.access_details_jianjie h4{line-height: 38px;font-size: 18px;}
.access_details_jianjie li{line-height: 36px; font-size: 14px;}
.access_details_jianjie li span{color: #666;}
.access_details_title{font-size: 18px;border: 1px solid rgb(229,229,229); border-top: 2px solid rgb(217,0,0);}