@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'iconfont';  /* project id 2345038 */
  src: url(../index.html),
  url(../index.html) format('woff'),
  url(../index.html) format('truetype'),
}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:83%; min-width:1300px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto;  width:83%; min-width:1300px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.n_box{
   margin: 4vw auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}

/*导航*/
.header{ position:fixed; top:0; left:0; right:0; width:100%; margin: 0 auto;z-index:999; font-family: "microsoft yahei";border-bottom: 1px solid rgba(255,255,255,0.1);
    transition: all ease 0.5s; min-width: 1300px; background: #255f9f;
}

.logowhite{
    display: block;
}
.logoblue{
    display: none;;
}
.header .w1400,.headerbg .w1400{min-width:1300px; margin: 0 auto;
height:90px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }

.hleft p{font-size:18px; color:#111; padding-left: 10px; 
    line-height:28px; display: block;position: relative;
}
.hleft p:before{
    content: "";
    display: block;width: 1px;height:50px;background:#ddd; position: absolute;left: 0;top: 5px;
}
.hleft p span{
    font-size:19px;
}
.hleft strong{
    letter-spacing: 0.6px;
}
.hleft a{ margin-right:13px; float: left;
}
.hleft a img{
  width: auto; /*height:60px;*/
}
.nav{
    
}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;
 
}

.nav>ul>li{  margin:0 1.6vw;transition:all .5s ease;}
.headerbg .nav>ul>li.on>a,.nav>ul>li.on>a {
   font-weight: bold;
}
.top50{
    margin-top: 50px;
}
.top8vh{
    margin-top: 8vh;
}
  

.nav>ul>li>a{ font-size:17px; color:#fff; display:block; line-height:90px; position:relative; }
.nav>ul>li>a i{
    font-size: 15px;padding-left: 5px;
}

.nav>ul>li:nth-of-type(1)>a i{
    display: none;
}

.nav>ul>li .dropmenu{position:absolute;  overflow:hidden;  top:90px; left:0; width:100%; background:#fff; text-align: center;
box-shadow:0 0 10px inset rgba(0,0,0,10%);  display: block;height: 0;transition:all .5s ease;
}
.nav>ul>li:hover .dropmenu{
    height:80px;
}






.header .tel{
    position: relative;text-align: center;
}
.header .tel .telico{ font-size: 1rem; color:#222; line-height:100px;}
.header .tel .telico:before{line-height:30px;cursor: pointer;
    display: block;width: 30px;height: 30px;background:rgba(255,255,255,0.1);color: #fff;text-align: center;font-size: 16px;
    border-radius: 50%;margin-top: 35px;}
.header .tel .telnumber{width: 400px;
    position: absolute;top:92px;right: 0;background: #fff;color: #222;font-size: 22px;font-weight: bold;
    line-height:80px;box-shadow: 0 0 10px rgba(0,0,0,10%);
}    


.nav>ul>li:hover .dropmenu{ padding-top:20px;}
.dropmenu a{ display:inline-block; background: #f5f5f5;padding: 0 2vw;margin: 10px 10px 0 10px;
line-height:40px; font-size:16px; color:#555; text-align:center; transition:all .3s ease;}
.dropmenu a:hover{
    background: #255f9f;color:#fff;
}
.nav>ul>li:nth-of-type(3) .dropmenu a{width:12%;padding: 0 10px;margin: 10px 0 0 0;float: left;display: block;box-sizing: border-box;
   
}
.nav>ul>li:nth-of-type(3) .dropmenu a+a{ margin-left:0.571%;}
.nav>ul>li:nth-of-type(3) .dropmenu .box:after{
    display: block;content: "";clear: both;
}


.searchicon{ width:34px; height:26px; cursor:pointer;border-radius: 50%; margin-top: 34px; height:51px; box-sizing: border-box;
    color: #fff;overflow: hidden;text-align: center; 
}
.searchicon:before{
    font-size:1.4rem;
}
.search{  margin-left: 1vw;
   
}
/*.search:hover .iser_box{transform: rotateX(0deg);box-shadow: 0 0 8px rbga(0,0,0,10%);}*/

.iser_box{background: rgba(255,255,255,0.98);width:100%;box-sizing:border-box; position: absolute;top:90px;right: 0;padding: 25px 30px 30px 30px; z-index: 9;
    border-top: 1px solid #eee;
}
.iser_box .iShow{ visibility:visible; opacity:1; top:62px;}

.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}

.hidden{
    display: none;
}
/*.search:hover .iser_box { display: block;}*/

.navlayout{cursor: pointer;
    width:160px;color: #f9f9f9;position: relative;line-height:90px;transition: all ease 0.5s;
}
.navlayout:before{
    display: block;float: left;font-size: 1.2rem;
}
.navlayout em{
    display: block;float: left;margin: 0 8px;font-size:17px;
}
.navlayout i{
    display: block;float: left;font-size:1.2rem;font-weight: normal;transform: rotate(180deg);transition: all ease 0.5s;
}
.navlayout:hover i{transform: rotate(0);}


.navlayout:hover .xia a:hover{
    color: #222; font-weight: bold;
}

.navlayout .xia{position: absolute;top: 90px;left: 0;height: 0;line-height: 40px;transition: all ease 0.5s;
    display:block;width: 160px;text-align: center;background:#f9f9f9;overflow: hidden;box-shadow: 0 0 10px inset rgba(0,0,0,10%);
}
.navlayout:hover .xia{height:100px;

}
.navlayout .xia a{
    display: block;color: #333;font-size: 1.1rem; 
}

.headerbg{position: fixed;top:0; left:0; right:0; width:100%; margin: 0 auto;
    z-index:999;width: 100%;min-width: 1300px;border-bottom: 1px solid #eee; background:rgba(255,255,255,0.96) !important;
    
}
.headerbg .logowhite {
    display: none !important;
}
.headerbg .logoblue{
   display: block;
}
.headerbg .nav>ul>li>a,.headerbg .navlayout,.headerbg .searchicon{
    color: #333;
}



.header:hover{
    background:rgba(255,255,255,1);
}
.header:hover .tel .telico:before,.headerbg  .tel .telico:before{
    background: #255f9f;
}
.header:hover .nav>ul>li>a,.header:hover .navlayout,.header:hover .searchicon,.header:hover .tel i,.headerbg.header .tel i{
    color: #333;
}
.header:hover .tel:before,.headerbg.header .tel:before{
   background:#005894;color: #fff;  
}
.header:hover .logowhite{
    display: none;
}
.header:hover .logoblue{
    display: block;
}



/*数字滚动*/
.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; height:280px; font-size:18px; color:#555555; text-align:center; }
.num span,.num i{ display:inline-block; vertical-align:top;}
.num span{ font-size:66px; color:#000000; font-family:arial; position:relative; z-index:3;}
.num i{ border-radius:50%; width:30px; height:30px; font-size:22px; font-family:impact; line-height:30px; color:#fff; background:#255f9f  ; margin-left:-10px;}
.num p+p{;}


/*产品展示*/
.prodall{
    width: 100%;background: #f5f5f5;padding: 90px 0; min-width: 1300px;
}
.prodt{text-align: center;font-size: 17px;color: #666;line-height: 1.4; margin-bottom: 35px;
}
.prodt h2{ font-size:44px;color:#222;line-height:1;
    font-weight: normal;
}
.prodt span{color:#255f9f;font-weight:bold;}
.prodt p{ padding:10px 0 10px 0;}
.prodt .arrow{
    text-align: center;
}
.prodt .arrow i{ width:8px;height:8px;border-radius:50%;
    display: inline-block;background: #255f9f;margin: 0 5px;
}

.prodt .arrow i:nth-of-type(2){ background:#ff9600;}



/*左边分类*/
.cpfl{width:270px;box-sizing:border-box;border:15px solid #255f9f;background:#fff;}
.cpflt{color:#fff;background:#255f9f;line-height: 1.4;text-align: center;
    padding: 20px 20px 30px 20px;
}
.cpflt h3{font-size:28px;}
.cpflt dl{color:rgba(255,255,255,0.6);
    text-transform: uppercase;font-size: 16px;letter-spacing: 1px;
}
.cpflc{
    padding:10px 20px;
}

.cpflc a{
    display: block;border-radius: 25px;line-height: 46px;margin: 15px 0;text-align: left;font-size: 15px;background: #f5f5f5;color: #222; padding-left: 30px;
}
.cpflc li.on a{
    background:#255f9f;color:#fff;
}

.cpflb{background: #255f9f;padding:30px 0 20px 0;
    color: #fff; font-size: 16px;line-height:36px;
}
.cpflb dl{ font-size:28px;font-weight:bold; margin-top:5px;}

.category-link.active {
    background-color: #255f9f; 
    color: #fff; 
  
  }









.chanpqh{ margin-bottom:35px;
    display: flex;justify-content: space-between;
    
}
.chanpqh li{
    position: relative;
}

.chanpqh li a{ padding: 0 1vw;font-size: 17px; background: #fff;color: #333; line-height: 46px; 
    display: block;border-radius: 5px; box-shadow:0 0 5px  rgba(0,0,0,8%);
}
.chanpqh li.on:after{content:""; margin: 0 auto;
    display: block;width:15px;height: 15px;transform: rotate(45deg);background: #255f9f;position: absolute;left: 0;right: 0;bottom: -8px;
}
.chanpqh li.on a{background: #255f9f; color:#fff;}


.nboxr{float: right;
   width:calc(100% - 320px);-webkit-width:calc(100% - 320px);-ms-width:calc(100% - 320px);}

.picScroll-leftcp .bd{width: 100%;
}
.picScroll-leftcp .bd li a{ margin:0 2% 0 0;background:#fff;
    display: block;float: left;width:49%;box-sizing: border-box;border: 1px solid #eee;
}
.picScroll-leftcp .bd li a:nth-of-type(2),.picScroll-leftcp .bd li a:nth-of-type(6){ margin-right:0;}


.picScroll-leftcp .bd li a:nth-of-type(n+3){width: 23.5%; margin-top:2%;}
.picScroll-leftcp .bd li a .pic{
    overflow: hidden;
}
.picScroll-leftcp .bd li a .pic img{
    display: block;width: 100%;height: auto;
}
.picScroll-leftcp .bd li a .text{text-align: center; box-sizing: border-box;
    line-height: 50px;background: #fff;border-top: 1px solid #eee;font-size: 15px;}
    .picScroll-leftcp .bd li:after{
        display: block;content: "";clear: both;
    }
    .picScroll-leftcp .bd li a .text span{
        display: block;font-size: 16px;color: #333;
    }
    .picScroll-leftcp .bd li a:nth-of-type(n+3):hover .text span{
        background: #255f9f;color: #fff;
    }
.picScroll-leftcp .bd li a i{ font-size: 14px;line-height: 2;color: #888;padding-top:0.5vw;
    display: none;overflow: hidden;
    text-overflow: ellipsis;
   
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.picScroll-leftcp .bd li a em{
    display: none;
}
.picScroll-leftcp .bd li a:nth-of-type(-n+2){display: flex;justify-content: space-between;}
.picScroll-leftcp .bd li a:nth-of-type(-n+2) .pic{
    width: 45%;
}
.picScroll-leftcp .bd li a:nth-of-type(-n+2) .text{text-align:left; width: 55%; padding:0 2vw;
    border-top: none;
}


.picScroll-leftcp .bd li a:nth-of-type(-n+2) .text i{
    display: -webkit-box;
}
.picScroll-leftcp .bd li a:nth-of-type(-n+2) .text span{ line-height:1.4;
    font-size: 24px;color: #222;padding-top: 2.5vw;display: block;
}
.picScroll-leftcp .bd li a:nth-of-type(-n+2) .text span:hover{color:#255f9f;}
.picScroll-leftcp .bd li a:nth-of-type(-n+2) em{transition:all ease 0.5s;
    display: block;margin-top: 2vw;width: 150px;line-height: 40px;background: #255f9f;text-align: center;color: #fff;border-radius: 20px;font-size: 14px;
}
.picScroll-leftcp .bd li a:nth-of-type(-n+2) em:hover{ border-radius:0;background:#ff9600;}

/*蓝色背景*/
.picScroll-leftcp .bd li.lansebg  a:nth-of-type(-n+2) .text{
    background: #255f9f;color: #fff7;
}
.picScroll-leftcp .bd li.lansebg  a:nth-of-type(-n+2) .text span{color:#fff;}
.picScroll-leftcp .bd li.lansebg  a:nth-of-type(-n+2) .text i{color:#fff7;}
.picScroll-leftcp .bd li.lansebg  a:nth-of-type(-n+2) .text em{
    background: rgba(255,255,255,10%);color: #fff;
}
.picScroll-leftcp .bd li.lansebg a:nth-of-type(-n+2) .text span:hover{color:#ffd400;}




/*公司优势*/
.youshi{
    width: 100%;min-width: 1300px;padding: 90px 0;background: url(images/ysbg.jpg)center top fixed no-repeat;
}

.youshi .prodt h2{color:#fff;}
.youshi .prodt p{color:rgba(255,255,255,0.6);}
.youshit{ color:#fff;
    margin-bottom: 35px;
}
.youshitl dl{font-size:36px;display:inline-block;line-height:60px; padding-left:5px;}
.youshitl dt{ font-family:arial;font-size:60px;text-transform: uppercase;
    display: inline-block;text-transform: uppercase;vertical-align: top;
}

.youshib{
background: #255f9f;border-radius: 50px;overflow: hidden;
}
.youshib .picScroll-leftys{ overflow: hidden;
    display: flex;justify-content: space-between;
}
.youshib .hd{
    width: 30%; box-sizing: border-box; padding: 3vw;position: relative;
}
.youshib .hd .video{ overflow:hidden;}
.youshib .hd video{
    width: 100%;display: block;border: 5px solid #4777ad;box-sizing: border-box;border-radius: 10px;
}

.youshib .hd .tel{
    position: absolute;left:3vw;bottom: 3vw;color: #fff;
}
.youshib .hd .tel span{ width:36px;line-height:36px;background:rgba(255,255,255,0.2);
    color: #fff;border-radius: 50%;text-align: center;font-size: 20px;display: inline-block;
}
.youshib .hd .tel dt{
display: inline-block;font-size: 18px;line-height: 36px;margin-left: 5px;
}
.youshib .hd .tel dl{font-size:40px;font-family:"arial"; font-weight:bold; margin-top:5px;}

.youshib .hd ul{
    position: absolute;bottom:10vw;
}

.youshib .hd ul li{cursor: pointer;
    display: inline-block;background:linear-gradient(to bottom,rgba(255,255,255,5%),#fff);
    width: 2.2vw;height: 5vw;border-radius: 25px 25px 0 0;
}
.youshib .hd ul li:hover{background:linear-gradient(to bottom,#ffd800,#ff9600);}
.youshib .hd ul li+li{ margin-left:1.3vw;}
.youshib .hd ul:after{
    display: block;content: "";clear: both;
}
.youshib .hd ul li:nth-of-type(1){height: 3vw;}
.youshib .hd ul li:nth-of-type(2){height: 3.5vw;}
.youshib .hd ul li:nth-of-type(3){height: 4vw;}
.youshib .hd ul li:nth-of-type(4){height: 4.5vw;}

.youshib .bd{width:70%; background:#fff;border-radius: 50px;overflow: hidden; box-sizing: border-box; }
.youshib .bd li{float: left;cursor: pointer;
    display: block;width: 50%;box-sizing: border-box; font-size: 16px;color: #222;color: #888;line-height: 1.6;padding:3vw;
}

.youshib .bd li .lit:after{display:block;content: "";clear: both;}
.youshib .bd li:nth-of-type(1),.youshib .bd li:nth-of-type(3){ border-right:1px solid #eee;}
.youshib .bd li:nth-of-type(1),.youshib .bd li:nth-of-type(2){ border-bottom:1px solid #eee;}

.youshib .bd li .lit:after{
    display: block;content: "";clear: both;
}
.youshib .bd li .lit .pic{text-align: center;font-size: 30px;float: left;
    background: #f5f5f5;line-height: 80px;width: 80px;border-radius: 50%;overflow: hidden;color: #222; margin-right:0.8vw;
}
.youshib .bd li .lit .text{ line-height:1.6;padding-top:5px;float: left;}
.youshib .bd li .lit .text dl{ font-size:28px; color:#222;}
.youshib .bd li .lit .text dt{
    display: block;font-size: 14px;text-transform: uppercase;color: #888;font-family: "arial";
}
.youshib .bd li .lib{ font-size:15px;padding-top:1vw; line-height:2;}

.youshib .bd li.cur .lit .pic{background: #255f9f;color: #fff;
    
}


/*应用领域*/
.case{
    width: 100%;min-width: 1300px;background: #fff;padding: 90px 0;
}

.caseb a{ background: #f9f9f9;position: relative;border-radius: 10px;overflow: hidden;
    display: block;width: 32%;float: left;box-sizing: border-box; margin-right: 2%;
}
.caseb a .pic{
    width: 100%;height: auto;overflow: hidden;z-index: 2;position: relative;
}
.caseb a .pic img{
    display: block;width: 100%;height: auto;transition: all ease 0.5s;
}
.caseb a .txt{border: 1px solid #eee;position: relative;
   text-align: center;padding: 20px 20px;line-height: 2;z-index: 2;
}
.caseb a .txt dl{transition:all ease .5s ;
    display: block;font-size: 24px;color: #222;
}
.caseb a .txt p{ font-size:14px; color:#888;line-height:1.6;transition:all ease .5s ;}
.caseb a:nth-of-type(3n){ margin-right:0;}
.caseb a:nth-of-type(n+4){ margin-top:2%;}

.caseb a:After{transition:all ease .5s ;
    display: block;width: 0%;height: 0;content: "";
    position: absolute;bottom: 0;left: 0;background: linear-gradient(to bottom,#255f9f,#255f9f);
}
.caseb a:hover:After{
    width: 100%;height: 150px;
}
.caseb a:hover .txt{ border-color:transparent;}
.caseb a:hover .txt dl{color:#fff;}
.caseb a:hover .txt p{color:rgba(255,255,255,0.5);}
.caseb a:hover .pic img{transform:scale(1.1);}


/*简介*/
.about{
    width: 100%;min-width: 1300px;padding: 90px 0;background: url(images/aboutbg.jpg)center top fixed no-repeat;
}
.about .prodt h2{color:#fff;}
.about .prodt p{color:rgba(255,255,255,0.6);
    font-size:24px;
}
.aboutc{display: flex;justify-content: space-between;
    padding: 3vw;background: #fff;border-radius: 50px;overflow: hidden;
}
.aboutc .pic{border-radius:25px;overflow: hidden;
    width: 48.5%;box-sizing: border-box; position: relative;
}
.aboutc .pic .circle{position: absolute;top: 0;left: 0;
    width: 100%;height: 100%;display: flex;justify-content: center;
    align-items: center;
}
.aboutc .pic .shipin{z-index: 4;position: relative;display: block;text-align: center;
    cursor: pointer;
    width: 100px; 
    color: #255f9f;
    font-size: 30px;
    line-height: 100px;
    margin: 0 auto;
    }
    .shipinbg{
        position: relative; margin-top: -1vw;
    }
    .shipinbg:after{content:"";border-radius: 50%;z-index: 2;
    display: block;width: 60px;height: 60px;top: 20px;background: rgba(255,255,255,60%);position: absolute;left: 0;right: 0;margin: 0 auto;
 animation: arrow  2s infinite;    -moz-animation: arrow 2s infinite;    -ms-animation: arrow 2s infinite;    -o-animation: arrow 2s infinite;    -webkit-animation: arrow 2s infinite;}

@-webkit-keyframes arrow
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 60px;height: 60px;top: 20px; opacity:0;}

}
@-moz-keyframes arrow
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 60px;height: 60px;top: 20px; opacity:0;}
}
  
@-o-keyframes arrow
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 60px;height: 60px;top: 20px; opacity:0;}
}


.shipinbg:before{content:"";border-radius: 50%;z-index: 1;
    display: block;width: 100px;height: 100px;top: 0;background: rgba(255,255,255,50%);position: absolute;left: 0;right: 0;margin: 0 auto;
 animation: arrow  4s infinite;    -moz-animation: arrow 4s infinite;    -ms-animation: arrow 4s infinite;    -o-animation: arrow 4s infinite;    -webkit-animation: arrow 4s infinite;}

@-webkit-keyframes arrow
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 100px;height: 100px;top: 0; opacity:0;}

}
@-moz-keyframes arrow
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 100px;height: 100px;top: 0; opacity:0;}
}
  
@-o-keyframes arrow
  
{
0% {width: 0;height:0; top:50px; opacity:0;}
50% {opacity:1;}
100% {width: 100px;height: 100px;top: 0; opacity:0;}
}
    
    
.aboutc .pic img{
    display: block;width: 100%;height: auto;
}


.aboutc .word{ width: 48%;position: relative;box-sizing: border-box;padding-top:1vw; 
    text-align: justify;
}
.aboutc .word h2{ font-size:44px;font-weight:bold;color:#222; line-height:1;}
.aboutc .word h3{ font-size:26px;color:#255f9f; line-height:2; margin-bottom:1.4vw;}
.aboutc .word h3:after{
    display: block;width:50px;background: #255f9f;height: 1px;content: "";margin-top: 1.4vw;
}
.aboutc .word .wenzi{overflow : hidden; font-size:16px;line-height: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
    .aboutc .word .zimu{font-weight: bold;
        font-size:120px;font-family: "arial";line-height: 1;position: absolute;right: 0;bottom: 0;text-transform: uppercase;color: #eee;
    }
.linksjj{border-radius: 5px;overflow: hidden;position: absolute;left: 0;bottom:2vw;
    display: block;width: 180px;line-height:50px;background: #255f9f ;color: #fff;font-size: 16px;text-align: center;transition: all ease 0.5s;
}  
.linksjj:hover{ background:#ff9600;color:#fff; width:240px;letter-spacing:2px;overflow: hidden;}
      
.aboutb{ margin-top:3vw;}
.aboutb a{float: left;border-radius: 10px;overflow: hidden;transition: all ease 0.5s;
    display: block;width: 23.5%;box-sizing: border-box;border: 5px solid #2d6695;position: relative;
}
 .aboutb a dl{font-size:16px;transition: all ease 0.5s;
     display: block;line-height: 42px;position: absolute;bottom: 0;text-align: center;width: 100%;background: rgba(37,95,159,0.9);color: #fff;
 }
 .aboutb a img{transition: all ease 0.5s;
     display: block;width: 100%;height: auto;
 }   
  .aboutb a+a{
      margin-left: 2%;
  }
  .aboutb a:hover {
      border-color: #fff;
  }
   .aboutb a:hover img{transform:scale(1.1);}
    .aboutb a:hover dl{ bottom:-42px;}
    
    
    
    /*版权*/
.copy{
    width: 100%;min-width: 1300px;background: #222 ;position: relative; padding-bottom: 50px;
}
.copy:after{
    display: block;content: "";width: 100%;height: 220px;background: #255f9f;top: 0;position: absolute;left: 0;right: 0;z-index: 1;
}
.copytel{
    background: #255f9f;font-size:16px;color: #fff;line-height:110px; position: relative;z-index: 2;
}
.copytel .box{    display: -webkit-flex;position: relative;z-index: 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    
}
.copytel .box li i{ width: 36px;height: 36px;border: 1px solid #fff4;border-radius: 50%;overflow: hidden;text-align: center;line-height: 36px;font-size: 20px;margin-right: 5px;float: left;
    margin-top: 40px;
}
.copytel .box li em{
    display: block;float: left;
}
.copytel .box li span{font-size:20px; }
.copytel .box li:after{
    display: block;content: "";clear: both;
}
.font16{font-size:16px;}

.copynav{ background:#fff; 
    padding:2.5vw 2.5vw 0 2.5vw ;position: relative;z-index: 2;
}

.cylogo{
    font-size: 19px;line-height:36px;color: #999;
}
.cylogo dl{
    padding-top: 5px;
}
.cylogo img{
    display: block;
}
.cylogo .code{width:170px; margin-top:14px; border:1px solid #eee;color:#333;
    text-align: center;font-size: 15px;
}
.cylogo .code img{
    width: 100%;
}
.cylogo .code p{
    background: #f5f5f5;
}
.cylogo .code+.code{ margin-left:20px;}

.copynavr{
    width: auto;display: -webkit-flex; 
    display: flex;
    justify-content: space-between;color: #fff;
    flex-wrap: nowrap;
   
}


.copynavr dl{font-size:20px;font-weight:bold;line-height:2;color:#222; margin-bottom:5px;}
.copynavr a{
    display: block;line-height:30px;font-size: 15px;color: #888;
}

.copynavr li+li{ margin-left:3.5vw;}

.copynavr li:nth-of-type(1){
    width:320px;
}
.copynavr li:nth-of-type(1) a{
    float: left;width: 160px;
}


 .copyW{
     line-height:80px;color: #888;font-size: 15px; margin-top:20px; border-top: 1px solid #eee;
 } 
 .copyW a{color: #888;font-size: 15px;}
 
 .top3vw{ margin-top:3vw;}
 
 
    
    

  /*内页幻灯片*/
.mod1019 .banner .ban_bg{ overflow: hidden;display: flex;    justify-content: center; align-items: center;
   
    text-align: center;color: transparent;position: relative;
}

 .banner_w {   width:auto;  font-size:18px;    color: #fff; line-height:1.6;text-align:center;  margin-top:-80px;}
.banner_w b {    display:block; color: #fff; font-size:44px; letter-spacing:2px; font-weight:normal; }
.banner_w b span{   display: block;} 
.textright{ text-align: right !important;}
 
 .miaoshu .banner_w {display:none;}




/*内页简介*/
.nus{
     margin-top:1vw;
}
.nusw{ font-size:16px;line-height:2; padding:3vw; 
    background: #f9f9f9;
}
.nusw p{
    text-indent: 2em;padding: 10px 0;}
    
 .nus001 .num{ margin-top:4vw; height:auto;}
.nus001 .num span{color:#222;}    
.nus001 .num p+p{color:#666;}


.nus001 .case{ padding-bottom:0;}

.nus001 .caseb a{width:23.5%;}
.nus001 .caseb a:nth-of-type(4n){ margin-right:0;}
.nus001 .caseb a:nth-of-type(n+5){ margin-top:2%;}
.nus001 .caseb a:nth-of-type(3n){ margin-right:2%;}
.nus001 .caseb a:nth-of-type(4){ margin-top:0;}
.nus001 .caseb a .txt{ padding:10px;}


.bai{}
.lv{color:green;}
.lan{color:#255f9f;}
.cheng{color:orange;}
.hong{color:red;}
.huang{color:#ffe000;}
.zi{color:purple;}


.video_n{
    max-width: 1000px;height: auto;display: block; margin: 0 auto;
}





 @media(max-width:1800px){
    .box, .content, .w1200, .width-1200{width:88%;} 
    .copynavr li+li{ margin-left:3vw;}
 }     
     
 @media(max-width:1680px){
.box, .content, .w1200, .width-1200{width:92%;}
.nav>ul>li:nth-of-type(3) .dropmenu a{ font-size:15px;}
.chanpqh li a{font-size:16px;}
.youshib .bd li .lit .text dt{font-size:13px;}
.youshib .hd ul{bottom:12vw;}
.youshib .hd ul li{width:2.5vw;}
.chanpqh li a{padding:0 0.5vw;}
.aboutc .word h3:after{ margin-top:1vw;}
.aboutc .word h3{ margin-bottom:1vw;}
 .copynavr li+li{ margin-left:2.5vw;}


}
  
  @media(max-width:1440px){
.box, .content, .w1200, .width-1200{width:96%;}
.nav>ul>li:nth-of-type(3) .dropmenu a{ font-size:14px;}
.chanpqh li a{font-size:15px;}
.chanpqh li a{padding:0 1vw;}
.mod1494{display:none;}
.num{font-size:17px;}

.picScroll-leftcp .bd li a:nth-of-type(-n+2) em{ margin-top:1.5vw;}
.picScroll-leftcp .bd li a:nth-of-type(-n+2) .text span{ padding-top:2vw;}
.youshib .bd li .lit .text dt{font-size:12px;}
.youshib .hd ul{bottom:14vw;}
.youshib .hd ul li{width:3vw;}
.aboutc .word .wenzi{ font-size:15px;}
.aboutc .word h2,.prodt h2{font-size:40px;}
.aboutc .word .zimu{font-size:110px;}
 .copynavr li+li{ margin-left:2vw;}
 
}

  
    @media(max-width:1366px){
.box, .content, .w1200, .width-1200{width:98%;}
.aboutc .word .zimu{font-size:100px;}

}