/*
 * @Description: 公共的样式写在这个文件中
 * @fileName: pulicStyle.css
 * @Author: LiSuwan
 * @Date: 2020-01-09 13:31:02
 * @LastEditors: caochen
 * @LastEditTime: 2020-05-12 13:36:44
 */
 .rich h1{
   font-size: 22px;
   font-weight: bold;
}
.rich h2{
   font-size: 20px;
   font-weight: bold;
}
.rich h3{
   font-size: 18px;
   font-weight: bold;
}
.rich h4{
   font-size: 16px;
   font-weight: bold;
}
.rich h5{
   font-size: 14px;
   font-weight: bold;
}
.rich h6{
   font-size: 12px;
   font-weight: bold;
}
.rich {
  font-size: 14px;
  color: #666;
  line-height: 150%;
  /* padding: 50px 0 30px; */
  border-bottom: 1px solid #eee;
  padding:20px 0;
}
.rich img{
  max-width: 100%;
  display: block;
  margin:15px auto;
}
/* ********caochen  style start**************/
.scroll::-webkit-scrollbar {
   width: 8px;
   height: 425px;
}

.scroll::-webkit-scrollbar-track {
   background: #f5f5f5;
   border-radius: 4px;
}

.scroll::-webkit-scrollbar-thumb {
   width: 8px;
   height: 98px;
   background-color: #ccc;
   border-radius: 4px;
}
 .home_top{
    background-color:#f6f7f7;
    min-height:40px;
    padding-top:8px;
}
.home_top_l{
    width:85%;
    color:#666;
    float: left;
    margin-top:3px;
}
.home_top_r{
   float: right;
   text-align:right;
   position: relative;
   padding-bottom:9px;
}
.home_languge{
    font-size:15px;
    color:#333;
    cursor: pointer;
}
.home_languge span{
    display:inline-block;
    vertical-align:middle;
    margin:0 4px;
}
.home_lan_icon1,.home_lan_icon2{
    display:inline-block;
    vertical-align:middle;
}


.home_lan_list{
    position:absolute;
    top:31px;
    right:0;
    z-index:150;
    min-width:100%;
    box-shadow:0 0 10px #e5e5e5;
    background-color:#fff;
    padding:0 15px;
    display:none;
}
.home_lan_list>li a{
    display:block;
    padding:5px 0;
    border-bottom:1px solid #e5e5e5;
    text-align:left;
    color:#666;
}
.home_lan_list>li a:hover{
    color:#cf2430;
}


/* pc端导航 */
header{
    position: relative;
    z-index: 100;
 }
 header .center{
    /* display: flex;
    justify-content: flex-start; */
   position: relative;
 }
 header .logo{
    display:inline-block;
    vertical-align:middle;
    width:18%;
 }
 header nav{
    width:66%;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
 }
 nav .navOne{
    display:inline-block;
    vertical-align:middle;
    position: relative;
 }
.onelev{
   min-width:90px;
   padding:40px 20px;
   background-color: #FFF;
   text-align: center;
   font-size:18px;
   color: #666;
   cursor: pointer;
   /*text-transform: uppercase;*/
 }
.navOne:hover .onelev{
    color: #cf2430;
 }
 
nav .navOne.on .onelev i{
   background: url(../images/whiteDown.png) no-repeat center;
   background-size: 100% 100%;
}
.navOne.on .onelev{
   color: #cf2430;
}
.navOne ul{
    position: absolute;
    top: 100%;
    left: 0;
    /*width:100%;*/
    background: #fff;
   box-shadow:0 0 10px #e5e5e5;
    display: none;
}
.navOne:hover ul{
   display: block;
}
.twolev{
   width:100%;
   font-size: 18px;
   color: #333333;
   padding:15px 0;
   text-align: left;
   cursor: pointer;
   border-bottom:1px solid #e5e5e5;
   position: relative;
    white-space: nowrap;
}
.twolev span{
   display:inline-block;
   width:90%;
}
.twolev i{
   width:8px;
   height:14px;
   display:inline-block;
   position:absolute;
   top:0;
   bottom:0;
   right:-15px;
   margin:auto;
   background:url(../images/home_select04.png) center center no-repeat;
}

.navOne ul li:hover .twolev{
   color: #cf2430;
}
.navOne ul li:hover .twolev i{
   background:url(../images/home_select03.png) center center no-repeat;
}
.navOne ul li{
   position: relative;
   padding:0 25px;
   box-sizing:border-box;
}
.navOne ul li:last-child .twolev{
   border-bottom:0;
}
.threelevWarp{
   position: absolute;
   top: 0;
   left:100%;
   width:290px;
   background-color: #FFF;
   display: none;
   padding:0 25px;
   box-sizing:border-box;
   box-shadow:0 0 10px #e5e5e5;
 }
.navOne ul li:hover .threelevWarp{
   display: block;
}
.threelev{
   font-size: 19px;
   color: #333;
   padding:15px 0;
   text-align: left;
   cursor: pointer;
   border-bottom: 1px solid #eee;
 }
.threelev:last-child{
   border-bottom:0;
}
.threelev:hover{
   color: #c9232e;
}

.home_search{
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   margin:auto;
   width:18%;
   height:42px;
   border-bottom:1px solid #e5e5e5;
   padding:12px 0;
}
.home_search input{width:90%;}
.home_search_btn{
   width:22px;
   height:22px;
   display:inline-block;
   background:url(../images/home_icon03.png) center center no-repeat;
   border:0;
   position: absolute;
   top:0;
   bottom:0;
   right:0;
   margin:auto;
}


/* 移动端 导航 */
.phoneNav{
   box-shadow: 0px 13px 35px 0px rgba(175, 175, 175, 0.3);
}
header .topMenu{
    display:flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 15px;
    border-bottom:1px solid #c9232e;
    box-sizing:border-box;
    background-color:#fff;
 }
 header .topMenu .le{
    width: 50%;
 }
 header .topMenu .le img{
    width: 70%;
    max-height: 50px;
 }
 header .topMenu .ri{
    width: 50%;
    text-align: right;
 }
 header .topMenu .ri i{
    width:30px;
    height:30px;
    display: inline-block;
    background:url(../images/menu.png) no-repeat center;
    background-size:80% auto;
 }
 header .topMenu .ri.on i{
   width:30px;
   height:30px;
   background:url(../images/menuclose.png) no-repeat center;
   background-size:80% auto;
 }

/* 头部 end */

/* 下拉 start */
.home_pro_link{
   padding:35px 0;
   background:url(../images/home_bg02.jpg) left center no-repeat;
   background-size:100% 100%;
}

.home_pro_link_list>li>a{
   display:block;
   color:#fff;
   border:1px solid #fff;
   padding:15px;
   background-color: rgba(255, 255, 255, 0.102);
}
.home_pro_link_list>li>a span{
   display:inline-block;
   vertical-align:middle;
   width:85%;
   margin-left:5px;
   white-space:nowrap; 
   text-overflow:ellipsis; 
   -o-text-overflow:ellipsis; 
   overflow: hidden; 
}
.home_pro_link_list>li{
   width:45.5%;
   display:inline-block;
   vertical-align:top;
   margin-right:100px;
   position: relative;
   font-size:19px;
   background: url(../images/bottomLinkBgwhite.png) no-repeat center;
   background-size: 100% auto;
}
.home_pro_link_list>li:nth-of-type(2n){
   margin-right:0;
}
.home_pro_icon{
   position:absolute;
   right:15px;
   top:0;
   bottom:0;
   margin:auto;
}
.home_pro_link_list>li.on>a{
   background-color: rgba(255, 255, 255, 0.4);
}

/* 下拉 */
.home_pro_list_div1{
   position: absolute;
   bottom:60.6px;
   z-index:100;
   width:600px;
   display:none;
}
.home_pro_list_div1_list{
   max-height:679px;
   overflow:auto;
   position: relative;
   text-align: center;
}
.home_pro_list_div1_list>li{
   background-color:#fff;
   box-shadow: 0px 13px 35px 0px rgba(175, 175, 175, 0.3);
   width:300px;
   font-size:19px;
   border-bottom:1px solid #e2e2e2;
}
.home_pro_list_div1_list>li:last-child{
   border-bottom:0;
}
.home_pro_list_div1_list>li a{
   display:block;
}

.home_pro_list_div1_list>li>a{
   font-weight:bold;
   color:#333;
   padding:20px;
}
.home_pro_list_div1_list1>li a{
   color:#666;
}
.home_pro_list_div1_list1>li>a{
   padding:20px;
   position: relative;
}
.home_pro_list_div1_list1>li>a span{
   width:80%;
   display:inline-block;
}
.home_pro_list_div1_list1>li>a i{
   display:inline-block;
   position:absolute;
   top:0;
   bottom:0;
   right:20px;
   margin:auto;
   width:14px;
   height:8px;
   background:url(../images/home_select01.png) center center no-repeat;
}
.home_pro_list_div1_list1>li a.on{
   color:#cf2430;
}
.home_pro_list_div1_list1>li a.on i{
   background:url(../images/home_select02.png) center center no-repeat;
}
.home_pro_list_div1_list2{
   display:none;
}
.home_pro_list_div1_list2>li{
   background-color:#fdf6f7;
   padding:0 20px;
   box-sizing:border-box;
}
.home_pro_list_div1_list2>li>a{
   padding:20px;
   border-bottom:1px dashed #f7cad1;
   position: relative;
}
.home_pro_list_div1_list2>li:last-child>a{
   border-bottom:0;
}
.home_pro_list_div1_list2>li>a i{
   background:url(../images/home_select04.png) center center no-repeat;
   position:absolute;
   top:0;
   bottom:0;
   right:5px;
   margin:auto;
   width:8px;
   height:14px;
}
.home_pro_list_div1_list2>li>a.on i{
   background:url(../images/home_select03.png) center center no-repeat;
}
.home_pro_list_div1_list3{
   width:300px;
   position:absolute;
   right:0px;
   top:0;
   max-height:525px;
   overflow-x: auto;
   box-shadow: 0px 13px 35px 0px rgba(175, 175, 175, 0.3);
   background-color:#fff;
   display:none;
}
.home_pro_list_div1_list3>li{
   border-bottom:1px solid #e2e2e2;
}
.home_pro_list_div1_list3>li:last-child{
   border-bottom:0;
}
.home_pro_list_div1_list3>li a{
   padding:20px;
}
.home_pro_list_div1_list3>li>a{
   font-weight:bold;
   color:#333;
}
/* 下拉 end */
/* 底部 */
.home_foot_con{
   background:url(../images/home_bg04.jpg) left center no-repeat;
   background-size:cover;
   color:#fff;
   font-size:14px;
   padding:40px 0;
}
.home_foot_logo{
   padding:0;
   width:22%;
   padding-right:20px;
}
.home_foot_logo a{
   display:block;
}
.home_foot_r{
   padding:0;
   padding-left:20px;
   width:78%;
}
.home_foot_rdiv1{
   display:inline-block;
   vertical-align:top;
   width:67%;
}
.home_foot_r a{
   color:#fff;
}
.home_foot_r a:hover{
   color:#cf2430;
}
.home_foot_list{
   display:inline-block;
   vertical-align:top;
   overflow: hidden;
   width:22.1%;
}
.home_foot_list li{
   float: left;
   text-align:center;
   width:32%;
}
.home_foot_ewm{
   width:8%;
   display:inline-block;
   vertical-align:top;
   text-align:right;
}
.home_foot_p1{
   display:inline-block;
   margin-right:50px;
}
.home_foot_rdiv1 p:nth-of-type(2){
   margin-right:0;
}
.home_foot_p2{
   margin-top:10px;
}
/*.home_foot_p22 {*/
/*    display: flex;*/
/*    border: 1px solid red;*/

/*}*/

.home_foot_list_p1{
   margin-top:10px;
}
.home_foot_bottom{
   background-color:#424242;
   color:rgba(255,255,255,0.5);
   text-align:center;
   padding:10px;
   box-sizing:border-box;
}
.home_foot_bottom a{
   color:#fff;
}
.home_foot_bottom a:hover{
   color:#cf2430;
}

.home_bottom_div1{
    display:inline-block;
    vertical-align:middle;
}
.home_bottom_div2{
    display:inline-block;
    vertical-align:top;
    width:86%;
}
.home_bottom_div2 span{
    display:block;
}

@media (min-width: 200px) and (max-width:767px) {
   .banner{
      height:130px;
   }
    body{
        padding-top:50px;
    }
    header {height:50px;position:fixed;top:0;left:0;width:100%;}
    header nav{margin-left:0px;width:100%;position:fixed;top:50px;left:0;max-height:90%;overflow:auto;}
    .navOne{width:100%;}
    nav .navOne .onelev {width: 100%;font-size: 16px;text-align: left;padding:15px;border-bottom: 1px solid #eee;position: relative;}
    .navOne ul {position: static;margin-bottom: 0;box-shadow: none;}
    .navOne ul li .twolev {font-size: 15px;width:100%;text-align: left;padding:15px;}
    .navOne:hover ul {display: none;}
    .onelev span{width:90%;display:inline-block;}
    .onelev i{
      width: 8px;
      height: 14px;
      display: inline-block;
      position: absolute;
      top: 0;
      bottom: 0;
      right:15px;
      margin: auto;
      background: url(../images/home_select04.png) center center no-repeat;
    }
    .navOne ul li:hover .threelevWarp{
       display: none;
    }
    .threelevWarp{
       position:static;
       width:100%;
       display:none;
       box-shadow: none;
    }
    .threelev{padding:10px 0;font-size:15px;}

    .home_pro_link_list>li{margin-right:0px;width:100%;margin-bottom:10px;font-size:16px;}
    .home_pro_link_list>li:last-child{margin-bottom:0;}
    .home_pro_link{padding:15px 0;}

   .home_pro_list_div1_list>li{font-size:16px;width:100%;}
   .home_pro_list_div1_list>li>a{padding:10px;}
   .home_pro_list_div1_list1>li>a{padding:10px;}
   .home_pro_list_div1_list2>li{padding:0 10px;}
   .home_pro_list_div1_list2>li>a{padding:10px 0;}
   .home_pro_list_div1_list3>li a{padding:10px;}
   .home_pro_list_div1_list3{position:static;width:100%;}
   .home_pro_list_div1{bottom:56px;width:100%;}

   .home_foot_con{padding:15px 0;}

   .home_foot_logo{width:100%;margin-bottom:15px;}
   .home_foot_logo img{width:180px;}
   .home_foot_r{width:100%;padding-left:0;}
   .home_foot_rdiv1{width:100%;}
   .home_foot_list{width:100%;margin-top:15px;}
   .home_foot_ewm{width:100%;text-align:center;margin-top:15px;}

   .product_right{padding:0;margin-top:15px;}

   .home_top_r{
      float: none;
      position:absolute;
      top:11px;
      right:20%;
   }
 }
 @media (min-width: 768px){
     .aboutVision,.announcements{
         min-height:400px;
     }
   .product_right{
      padding:0px 0 0 40px;
  }
    .container {
        padding:0;
    }
    .navOne .onelev:after{
      content:'';
      display:inline-block;
      width:0px;
      height:3px;
      background-color:#cf2430;
      position:absolute;
      bottom:0;
      left:0;
      right:0;
      margin:auto;
      transition:0.5s;
    }
   .navOne:hover .onelev:after,.navOne.on .onelev:after{
      width:30px;
   }
   .home_pro_list_div1_list>li a:hover{
      color:#cf2430;
   }
   .home_pro_link_list>li:hover>a{
      background-color: rgba(255, 255, 255, 0.4);
   }
   .home_foot_con .container{
      overflow: hidden;
   }
   .home_foot_logo{border-right:1px solid #adadad;}
   .home_top_r:hover .home_lan_list{
      display:block;
   }
   .home_top_r:hover .home_lan_icon2{
      transform:rotate(-180deg);
      transition:0.5s;
   }
}
@media (min-width:768px) and (max-width:991px){
    .home_bottom_div2{
        width:77%;
    }
}
@media (min-width:992px) and (max-width:1199px){
    .home_bottom_div2{
        width:83%;
    }
}
 .navTit{margin-top: -70px;}
.navTit .title{
   height: 70px;
   line-height: 70px;
   font-size: 32px;
   padding: 0 30px;
   color: #ffffff;
   background: url(../images/navTit.png) no-repeat center;
   background-size: 100% 100%;
   text-transform: uppercase;
}

.pages {
   text-align: center;
   margin-bottom: 60px;
}

/* 清除默认效果 */
.pages a {
   text-decoration: none;
}

.pages a{
   line-height: 34px;
}
.pages a .change_page {
   width: 11px;
  height: 18px;
  vertical-align: center;
  position: relative;
  top: -2px;
}

.pre_red, .next_red {
   display: none;
}

/* 静态样式 */
.staticEffect a{
   color: #999999;
   border: 1px solid transparent;
   background: #fff;
}

/* 鼠标经过 */
.hoverEffect a:hover{
   color: #cf2430;
   border: 1px solid transparent;
   background-color: #f1dde1;
}

/* 基础样式 */
.pages a {
   font-size: 18px;
   display: inline-block;
   margin-right: 10px;
   width: 34px;
   height: 34px;
   text-align: center;
   vertical-align: middle;
   line-height: 34px;
   background-color:#fafafa;
}

.pages a.prev, .pages a.next {
   font-size: 18px;
   color: #cf2430;
}

/* 选中样式 */
.pages a.on  {
   color: #fff;
   background: #cf2430;
}
.pageBtn{
   width: 100%;
   padding: 30px 0;
   text-align: center;
}
.pageBtn button{
   width: 100px;
   height: 35px;
   margin: 0 10px;
   background: #cf2430;
   color: #FFF;
   border: 1px solid transparent;
}
.pageBtn button:hover{
   background: #FFF;
   color: #cf2430;
   border: 1px solid #cf2430;
}

/* 跳转到第一页 / 最后一页的 图片切换显示 */
.prev_pre:hover .pre_gray {
   display: none;
}

.prev_pre:hover .pre_red {
   display: inline;
}

.next_nex:hover .next_gray {
   display: none;
}

.next_nex:hover .next_red {
   display: inline;
}
@media (min-width: 200px) and (max-width:768px){
   .navTit {margin-top: 20px;}
   .navTit .title{ height: 50px; line-height: 50px;font-size: 22px; padding: 0 20px;cursor: pointer;}
}

@media (min-width: 768px) and (max-width:991px){
   header .logo{width:16%;}
   header nav{width:68%;}
   .onelev{font-size:13px;padding:20px;}
   .twolev{font-size:13px;padding:10px 0;}
   .threelev{font-size:13px;padding:10px 0;}

   .home_pro_link_list>li{margin-right:20px;width:48.4%;}
   .home_pro_list_div1_list>li{font-size:16px;}
   .home_pro_list_div1_list>li>a{padding:10px;}
   .home_pro_list_div1_list1>li>a{padding:10px;}
   .home_pro_list_div1_list2>li{padding:0 10px;}
   .home_pro_list_div1_list2>li>a{padding:10px 0;}
   .home_pro_list_div1_list3>li a{padding:10px;}

   .home_foot_logo{padding-right:8px;}
   .home_foot_r{padding-left:8px;}
   .home_foot_rdiv1{width:59%;}
   .home_foot_list{width:31.1%;}
   .navTit {margin-top: -60px;}
   .navTit .title{ height: 60px; line-height: 60px;font-size: 25px; padding: 0 25px;}
}

 @media (min-width: 992px) and (max-width:1199px) {
   .home_pro_link_list>li{margin-right:83px;}
   .home_foot_p1{margin-right:15px;}
   .home_foot_rdiv1{width:61%;}
   .navTit .title{ height: 70px; line-height: 70px;font-size: 32px; padding: 0 30px;}



@media(min-width:1200px){
    
}
@media(min-width:768px) and (max-width:1330px){
   .home_pro_list_div1{width:100%;}
   .home_pro_list_div1_list>li{width:50%;}
   .home_pro_list_div1_list3{width:50%;}
   
}

@media (min-width: 200px) {
.banner{height: 120px;}
}
@media (min-width: 768px) {
.banner{height: auto;}
}
/* /* ********caochen  style end************ */