﻿@charset "utf-8";
body,html{ background:#F5F5F7!important; font-family:HelvLight, Helvetica, sans-serif }
*{ margin:0; padding:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:HelvLight, sans-serif;  }
body,p{ font-size:14px; border:none;}
a{ font-size:14px; color:#999; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; }
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
input,button,table,tr,td,textarea{ font-family:HelvLight, sans-serif; }
.main_widht_FF{ width:100%; height:auto; float:right; margin-top:0px; overflow:hidden; background:#FFF; padding-bottom:80px;}
.main_widht_FF_pro{ width:80%; height:auto; float:right; margin-top:60px; overflow:hidden; background:#FFF; padding-bottom:0px;}
.main_widht_F5{ width:100%; height:auto; overflow:hidden; background:#F5F5F7;padding-bottom:80px;}
.s_main_widht{ width:100%; height:auto; overflow:hidden; margin:50px auto 40px auto}
.widthdiv{ max-width: 1780px; margin:0px auto; height:auto; overflow:hidden;}
.widthdiv_small{ max-width: 1400px; height:auto; margin:0px auto; overflow:hidden;}
.widthdiv_small_1200{ max-width: 1000px; height:auto; margin:0px auto; overflow:hidden;}
.title_h2{ width:100%; text-align:center; font-size:30px; color:#333; margin-top:76px;}
.title_dixian{ background:#0063b7; width:82PX; height:2px; margin:15px auto 0px auto;}
.index_about{ width:100%; float:left; padding-top:30px; font-size:16px; line-height:36px;  box-sizing:border-box}
.index_about p {  box-sizing:border-box; font-size:16px; line-height:36px; text-indent:2em  }
.index_about_right{ float:right; width:40%; text-align:right}
.index_about_right img{ border:solid 17px #fff}
.i_prolist{ width:80%; float:right; height:auto;overflow:hidden; margin:60px auto 30px auto}
.i_prolist ul li{float:left; width:23.5%; margin-right:2%; margin-bottom:30PX; }
.i_prolist ul li img{ width:100%;border:solid 1px #E5E5E5; box-sizing:border-box}
.i_prolist ul li:nth-child(4n){ margin-right:0px;}
.i_prolist ul li:hover .proname{ color:#0063b7}
.noprolist{ color:#FF0000; font-size:18px; width:100%; text-align:center}
.widht100 {width:100%;}
.proname{ width:100%; height:36px; line-height:36px; text-align:center; font-size:18px; color:#333}
.i_more a{ width:136px; height:44px; background:#0063b7; display:block; margin:0px auto; text-align:center; line-height:44px; color:#FFF!important; border-radius:8px;}
.i_more a:hover{background:#0079c7;}
.more a{ width:136px; height:44px; background:#0063b7; display:block; margin:20px auto 0px auto; text-align:center;float:left; line-height:44px; color:#FFF!important; border-radius:8px;}
.more a:hover{background:#0079c7;}
.wap_lanage { display:none}
/*首页滚动*/

/*滚动*/
.iproappmain{ width:100%; height:auto; padding-bottom:40px;}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
  .institutional-presence {
    padding: 30px 0;
  }
  .institutional-presence .index-headline {
    color: #7d4086;
  }
  .institutional-presence-swiper {
    margin-top: 30px;
  }
  .institutional-presence-swiper .m-btn {
    text-align: center;
    margin-top: 40px;
  }
  .institutional-presence-swiper .m-btn a {
    background: #7d4086;
  }
  .institutional-swiper .swiper-slide {
    text-align: center;
  }
  .institutional-swiper .swiper-slide .pic {
    position: relative;	  
    padding-top: 68%;
    width: 100%;
  }
  .institutional-swiper .swiper-slide .pic img {
    position: absolute;
        left: 50%;
        top: 50%;
        max-width: 100%;
        max-height: 100%;
        transform: translate(-50%,-50%);
  }
  .institutional-swiper .swiper-slide .pic .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(125, 64, 134, 0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007d4086', endColorstr='#007d4086');
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  :root .institutional-swiper .swiper-slide .pic .mask {
    filter: none\9;
  }
  .institutional-swiper .swiper-slide .pic span {
    width: 40px;
    height: 40px;
    background: #fff;
    line-height: 40px;
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s linear;
  }
  .institutional-swiper .swiper-slide .pic span i {
    color: #7d4086;
    font-size: 20px;
  }
  .institutional-swiper .swiper-slide p {
    color: black;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
  }
  .institutional-swiper .swiper-slide:hover .pic .mask {
    background: rgba(125, 64, 134, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f7d4086', endColorstr='#7f7d4086');
  }
  :root .institutional-swiper .swiper-slide:hover .pic .mask {
    filter: none\9;
  }
  .institutional-swiper .swiper-slide:hover .pic span {
    transition: all 0.3s linear;
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .institutional-swiper .swiper-next,
  .institutional-swiper .swiper-prev {
    position: absolute;
    z-index: 3;
    width: 59px;
    height: 117px;
    top: calc(50% - 59px);
    text-align: center;
    line-height: 117px;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#7f000000');
    cursor: pointer;
  }
  :root .institutional-swiper .swiper-next,
  .institutional-swiper .swiper-prev {
    filter: none\9;
  }
  .institutional-swiper .swiper-next i,
  .institutional-swiper .swiper-prev i {
    font-size: 26px;
    color: #fff;
  }
  .institutional-swiper .swiper-next:hover,
  .institutional-swiper .swiper-prev:hover {
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#cc000000');
  }
  :root .institutional-swiper .swiper-next:hover,
  .institutional-swiper .swiper-prev:hover {
    filter: none\9;
  }
  .institutional-swiper .swiper-prev {
    left: 0px;
  }
  .institutional-swiper .swiper-next {
    right: 0px;
  }
  
  /*新闻中心*/
.joblist{ margin-top:60px; width:100%; height:auto; overflow:hidden}
.joblist ul li{ float:left; width:23.5%; margin-right:2%;height:auto; border:solid 1px #E5E5E5; margin-bottom:30px; box-sizing:border-box; overflow:hidden; background-color:#FFF}
.joblist ul li img{ width:100%; height:auto; overflow:hidden;aspect-ratio: 10 / 6;}
.joblist ul li:hover{ background:#0063b7}
.joblist ul li:hover .joblisttitle{ color:#fff}
.joblist ul li:hover .joblistdate{ color:#fff}
.joblist ul li:hover .joblistwz{ color:#CCC}
.joblist ul li:nth-child(4n){ margin-right:0%;}
.joblisttitle{ font-size:16px; width:100%; padding-right:16px; display:block; color:#333;box-sizing:border-box; height:31px; overflow: hidden;padding:10px 16px 5px 16px; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;text-overflow: ellipsis; }
.joblistwz{font-size:14px; width:100%; padding-right:16px; display:block; color:#666;box-sizing:border-box; height:40px; overflow: hidden;margin:10px 16px 5px 16px; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: ellipsis;}
.joblistdate{font-size:14px; color:#999; padding:5PX 16PX 20PX 16PX;box-sizing:border-box;}
/*合作伙伴*/
.ipartermain{ width:100%; height:auto; overflow:hidden; padding-bottom:60px; background:#FFF}
.iparterlist{ width:100%; margin-top:60px;}
.iparterlist ul li{ float:left; width:18%; margin-right:2%; background:#FFF; margin-bottom:30px; border:solid 1px #efefef; border-box:content-box}
.iparterlist ul li:nth-child(5n){ margin-right:0px;}
.iparterlist ul li img{ width:100%}
/*企业荣誉*/

.ihonorlist{ width:100%; margin-top:60px;}
.ihonorlist ul li{ float:left; width:21.25%; margin-right:5%; background:#FFF; margin-bottom:30px; border:solid 1px #efefef; border-box:content-box}
.ihonorlist ul li:nth-child(4n){ margin-right:0px;}
.ihonorlist ul li img{ width:100%; overflow:hidden}

/*新闻中心*/
.news_banner_bg{ width:100%; height:495px; background:url(../images/news_banner.jpg) center no-repeat;}
.newsmenu { width:100%; height:42px; margin:60px auto 0px auto; overflow:hidden}
.newsmenu ul{display: flex;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */ }
.newsmenu ul li{ width:auto; height:42px;background:#d8d8d8; line-height:42px; text-align:center; margin-right:12px; }
.newsmenu ul li a{ width:auto; padding:0px 20px; height:42px; display:block; color:#333}
.newsmenu ul li a:hover{ width:auto; padding:0px 20px; height:42px; background:#00034B; color:#fff; display:block}
.newsmenu ul li a.cur{ width:auto; padding:0px 20px; height:42px; background:#00034B; color:#fff; display:block}
.newsmenu ul li:nth-child(3n){ margin-right:0px;}
.news_show_left{ width:80%; margin-right:2%; height:auto; overflow:hidden; background:#FFF; margin-top:60PX; margin-bottom:80px; float:left}
.news_show_right{ width:18%; height:auto; margin-top:60px; overflow:hidden;float:left;margin-bottom:80px;}
.news_show_title{ width:100%; height:auto; font-size:18px; text-align:center; border-bottom: dotted 1px #F5F5F5; margin:30px 0px; line-height:36px; padding:0px 40px 20PX 40PX; box-sizing:border-box; color:#333}
.news_show_title span{ color:#666; padding-left:30px; font-size:14px;}
.news_show_wz{width:100%; height:auto; font-size:14px; line-height:30px!important; font-weight:300; padding:0px 40px 40px 40px; box-sizing:border-box; color:#333;min-height:320px;}
.news_othor{background:#d8d8d8; text-transform:uppercase; color:#00034B; width:100%; height:68px; line-height:68px; text-align:center; font-size:18px;}
.news_othor a {margin-top:30px; background:#d8d8d8; text-transform:uppercase; color:#00034B; width:100%; height:68px; line-height:68px; text-align:center; font-size:18px;}
.news_orhor_list{ background:#FFF}
.news_orhor_list ul{ margin:0PX; padding:0PX;}
.news_orhor_list ul li{ width:100%; height:auto; cursor:pointer; border-bottom:dotted 1px #DDDADA; overflow:hidden; padding-left:20px; box-sizing:border-box;}
.news_orhor_list ul li:hover{ background:#EFEFEF;}
.news_orhor_list ul li a{ color:#333;  height:40px; line-height:40px; font-size:14px; font-weight:300;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
a.go { float:right; width:30px; margin-top:-10px;}
.news_orhor_list ul li div {float:left; width:90px;}


/*公司简介*/
.about_banner_bg{ width:100%; height:495px; background:url(../images/about_banner.jpg) center no-repeat;}
.er_menu_main{ width:1400px; height:70px; line-height:70px; background-color:rgb(255,255,255,0.7); margin:-70px auto 0px auto; position:relative}
.er_menu_main ul{ margin:0px; padding:0px;}
.er_menu_main ul li{  margin:0px; padding:0px; line-height:70px; text-align:center}
.er_menu_main ul li:hover a{color:#FFF;font-size:18px;width:170px; height:70px; background:#0063b7; float:left; font-size:18px; line-height:70px; text-align:center}
.er_menu_main ul li a{ color:#333;font-size:18px;width:170px; height:70px; float:left; font-size:18px; display:block}
.er_menu_main ul li a.cur{ color:#FFF;font-size:18px;width:170px; height:70px; background:#0063b7; float:left; font-size:18px; line-height:70px; text-align:center}
.mart_top_70{ margin-top:-170px;}
.mart_top_60{ margin-top:60px;}
.about_banner_wz{ width:100%; height:auto; width:1400px; margin:0px auto;overflow:hidden}
.about_banner_fk{ float:left; width:85px; margin-top:250px; height:3px; background:#FFF}
.about_banner_fk02{ float:left; width:85px; margin-top:250px; height:3px; background:#FFF}
.about_banner_title{ float:left; width:100%; margin-top:0px; color:#FFF; height:48px; line-height:48px; text-align:left; font-size:36px;}
.about_banner_title font{text-shadow:2px 2px 4px #000000}
.about_qywh_img{ width:50%; float:left; text-align:right; padding-right:80px; margin-top:60px; box-sizing:border-box}
.about_qywh_img img{ border:solid 13px #FFF}
.about_qywh_wz{ width:50%; text-align:left; color:#666; padding-left:20px;font-size:16PX; line-height:48PX; box-sizing:border-box; float:right;margin-top:80px;}
.about_qywh_wz font{ font-size:18px; color:#333}

/*位置*/
.localmain{ width:100%; height:60px; background:#E5E5E5; line-height:60px;}
.locallist{ font-size:14px; text-align:right; color:#666; font-weight:300}
.locallist b{ color:#00034B}

/*产品中心*/
.pro_banner_bg{ width:100%; height:495px; background:url(../images/pro_bannerbg.jpg) center no-repeat;}
.newsbanner{ width:100%; height:633px; background:url(../images/News_banner.jpg)center no-repeat}
.newsmenu { width:100%; height:42px; margin:60px auto 0px auto; overflow:hidden}
.newsmenu ul{display: flex;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */ }
.newsmenu ul li{ width:auto; height:42px;background:#d8d8d8; line-height:42px; border-radius:8px; text-align:center; margin-right:12px; }
.newsmenu ul li a{ width:auto; padding:0px 20px; height:42px; display:block; border-radius:8px; color:#333}
.newsmenu ul li a:hover{ width:auto; padding:0px 20px; height:42px; background:#0063b7; color:#fff; display:block}
.newsmenu ul li a.cur{ width:auto; padding:0px 20px; height:42px; background:#0063b7;color:#fff; display:block}
.newsmenu ul li:nth-child(3n){ margin-right:0px;}
.pro_title_left{ float:left;width:500px; border:solid 1px #E5E5E5; padding:0px!important;  margin-top:60px;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */  box-sizing:border-box;overflow:hidden;}
.pro_title_left img{ width:100%;}
.pro_title_right{ float:left; text-align:left; width:500px;padding-left:100px; margin-top:60px; box-sizing:border-box}
.pro_title_name{ font-size:30px; color:#00034b; width:100%;padding-top:54px; text-align:left}
.pro_title_cs{ padding-top:36px; line-height:36px;width:100%; color:#666; font-size:18px; font-weight:300} 
.pro_title_cs b{ width:150px; float:left; color:#000; font-weight:300}
.pro_title_app{ margin-top:44px; width:100%; text-align:left; font-size:30px;  color:#0063b7; line-height:36px; font-weight:400}
.inquirybut a{ width:154px; height:40px; margin-top:40px; text-align:center; line-height:40px; background:#0063b7; color:#fff!important; font-weight:300; border-radius:40px; display:block; float:left; font-size:18px;}
.inquirybut a:hover{ background:#00057a}
.Description_wz{ font-size:16px; line-height:36px; text-align:center; margin:60px auto; color:#333}
.Description_wz_title{ font-size:18px; height:48px; line-height:48px; font-weight:400; width:100%; margin-bottom:20px; padding-left:20PX; box-sizing:border-box; background:#f5f5f7; color:#333}
.Description_wz img{ width:100%; max-width:500px; margin:0px auto}
.Drawing{ width:100%; height:auto; background:#FFF; padding:0PX 0px 80px 0px; float:left;}
.contactmessage{ width:100%; margin:0px auto;}
.contactinput{display:flex; justify-content:space-between; margin-top:30px;}
.contactinput input{ width:48%; border:1PX solid #e5e5e5; padding:0px 20px; box-sizing:border-box; font-weight:300; height:36px;outline:none; background:#FFF}
.contactbeizhu{ width:100%; height:auto; overflow:hidden;margin-top:30px;}
.contactbeizhu textarea{ width:100%; min-height:200px; outline:none; height:auto;  font-weight:300;overflow:hidden;border:1PX solid #e5e5e5; padding:0px 20px; box-sizing:border-box; line-height:36px;}
.messagesub{ width:160px; font-weight:300; margin-top:30PX; height:40px;border-radius:8px; line-height:40px; background:#0063b7; color:#fff; text-align:center}
.messagesub a{  width:160px; font-weight:300; margin-top:30PX; height:40px; border-radius:8px; display:block; line-height:40px; background:#0063b7; color:#fff!important; text-align:center}
.messagesub a:hover{ background:#00057a;display:block;}



/*制造中心*/
.man_banner{ width:100%; height:495px; background:url(../images/man_banner.jpg) center no-repeat;}
.man_main_ff{ width:100%; height:400px; overflow:hidden; border-radius:16px; margin-bottom:60px; background:#f5f5f7}
.man_title{ width:200px; height:70px; background:#0063b7; color:#FFF; text-transform:uppercase; text-align:center; line-height:70px; font-size:18px;}
.man_left{ float:left; width:700px; overflow:hidden;}
.man_title_wz{align-items: center; /* 垂直居中 */ display:flex; font-size:16px;font-family:HelvLight, sans-serif ;font-weight:300; line-height:30px;   padding-left:80px; box-sizing:border-box; width:700px; height:330px;}
.man_right{ float:right; width:600px; text-align:right;}



/*案例*/
.case_banner{ width:100%; height:495px; background:url(../images/Case_banner.jpg) center no-repeat;}
.caselist{ margin-top:60px; width:100%; height:auto; overflow:hidden}
.caselist ul li{ float:left; width:23.5%; margin-right:2%;height:auto; border:solid 1px #E5E5E5; margin-bottom:30px; box-sizing:border-box; overflow:hidden; background-color:#FFF}
.caselist ul li img{ width:100%; height:auto; aspect-ratio: 10 / 7;overflow:hidden}
.caselist ul li .casetitle{ font-size:14px; width:100%; display:block; padding-right:26px; color:#333;box-sizing:border-box; height:18px; overflow: hidden;margin:10px 16px 10px 16px; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;text-overflow: ellipsis;}
.caselist ul li:nth-child(4n){ margin-right:0%;}



/*联系我们*/
.contact_banner{ width:100%; height:495px; background:url(../images/contact_banner.jpg) center no-repeat;}
.contactmain{ width:100%; height:auto;margin-bottom:50px; overflow:hidden; background:#FFF}
.contactcopnanme{ text-align:center; float:left;display: flex;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */ width:18%; height:225PX; font-size:18PX; line-height:30px; border-right:solid 1px #F5F5F7; color:#333; text-transform:uppercase; background:#eeeeef;font-family:HelvLight, sans-serif; font-weight:300  }
.contactadd{ width:auto; font-size:14px;  font-weight:300; line-height:36px; padding-left:20px; float:left; box-sizing:border-box; height:225px;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */ color:#666; box-sizing:border-box; width:47%; background:#f5f5f7 }
.add_cop{ font-size:18px; font-weight:300;font-family:HelvLight, sans-serif; margin-left:20px; padding-bottom:8px;}
.contactadd table{ width:100%}
.contactadd td{ height:225px;line-height:30px;font-size:14px; font-weight:300;font-family:HelvLight, sans-serif;}
.contactadd b{ float:left; margin-left:20px; width:auto;}
.contactadd span{ float:left}
.contactmap{ float:right; width:35%; height:225px;}
.contactmap img{ min-height:225px;}
.marg60{ margin-top:60px;}
.iprotitle{ margin-top:86px; width:100%; margin-bottom:60px; width:100%; text-align:center; text-transform:uppercase; font-size:36px; color:#333;}
.iprotitle span{color:#00034b}
.contact_cot_web{ display:block}
.contact_cot{ display:none}


/*bottom*/
.bottom_main{ width:100%; height:283px; overflow:hidden; background:#313131}
.bottom_left{ float:left; width:60%;}
.bottom_menu{ color:#dedbdb; font-size:16px; margin-top:55px; margin-bottom:30px;}
.bottom_menu a{ color:#dedbdb!important; padding-right:8px; font-size:16px;padding-left:8px;}
.bottom_menu a:nth-child(1){ padding-left:0px;}
.bottom_menu a:hover{ color:#fff!important; text-decoration:underline}
.bottom_right{ float:left; width:40%;}
.bottom_add{ width:100%; text-align:left; color:#858585; line-height:32px; font-size:16px;}
.bottom_logo{ float:left; margin-top:50px; width:100%; margin-bottom:30PX;}
.bottom_add2{ color:#858585; width:100%; line-height:32PX;font-size:16px}
.bottom_cop{ font-size:14px; color:#999999; height:66px; line-height:66px; text-align:center; background:#262626}
.bottom_cop_mb{ font-size:14px; color:#999999; height:66px; display:none; line-height:66px; text-align:center; background:#262626}
@media screen and (max-width:1680px) {
}

@media screen and (max-width:1440px){
.main_widht_FF_pro{padding-bottom:0px;}
.pro_title_left{ float:left;width:430px; border:solid 1px #E5E5E5; padding:0px!important;  margin-top:60px;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */  box-sizing:border-box;overflow:hidden;}
.pro_title_right{ float:left; text-align:left; width:430px;padding-left:40px; margin-top:60px; box-sizing:border-box}
.widthdiv_small{ max-width: 1200px; height:auto; margin:0px auto; overflow:hidden;}
.about_banner_wz{ height:auto; width:1200px; margin:0px auto;overflow:hidden}
.widthdiv_small_1200{ max-width: 900px; }
.er_menu_main{ width:1200px; height:70px; line-height:70px; background-color:rgb(255,255,255,0.7); margin:-70px auto 0px auto; position:relative}
.widthdiv_small{ max-width: 1200px; height:auto; margin:0px auto; overflow:hidden;}
.index_about{ width:100%; float:left; padding-top:20px; padding-right:40px; box-sizing:border-box; font-size:14px; line-height:24px;}
.index_about_right{ float:right; width:40%; text-align:right}
.man_title_wz{align-items: center; /* 垂直居中 */ display:flex; font-size:16px; line-height:48px;  padding-left:80px; box-sizing:border-box; width:calc(100% -600px); height:330px;}
.contactadd{ width:auto; font-size:12px;  font-weight:300; line-height:36px; padding-left:10px; float:left; box-sizing:border-box; height:225px;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */ color:#666; box-sizing:border-box; width:47%; background:#f5f5f7 }
.contactadd td {font-size:12px;}

/*制造中心*/
.man_banner{ width:100%; height:495px; background:url(../images/man_banner.jpg) center no-repeat;}
.man_main_ff{ width:100%; height:400px; overflow:hidden; border-radius:16px; margin-bottom:60px; background:#f5f5f7}
.man_title{ width:200px; height:70px; background:#0063b7; color:#FFF; text-transform:uppercase; text-align:center; line-height:70px; font-size:18px;}
.man_left{ float:left; width:600px; overflow:hidden;}
.man_title_wz{align-items: center; /* 垂直居中 */ display:flex; font-size:16px;font-family:HelvLight, sans-serif ;font-weight:300; line-height:30px;   padding-left:80px; box-sizing:border-box; width:560px; height:330px;}
.man_right{ float:right; width:600px; text-align:right;}
.man_title_wz{align-items: center; /* 垂直居中 */ display:flex; font-size:16px; line-height:48px;  padding-left:80px; box-sizing:border-box; width:510px; height:330px;}
}

@media screen and (max-width:1280px) {
.s_main_widht{ width:100%; height:auto; overflow:hidden; margin:50px auto 20px auto}

.main_widht_FF{ width:100%; height:auto; overflow:hidden; background:#FFF; padding-bottom:80px;}
.main_widht_FF_pro{ width:80%; height:auto; overflow:hidden; background:#FFF; padding-bottom:0px;}
.main_widht_F5{ width:100%; height:auto; overflow:hidden; background:#F5F5F7;padding-bottom:40px;}
.er_menu_main{ width:1200px; height:60px; line-height:60px; background-color:rgb(255,255,255,0.7); margin:-60px auto 0px auto; position:relative}
.er_menu_main ul{ margin:0px; padding:0px;}
.er_menu_main ul li{  margin:0px; padding:0px; line-height:60px; text-align:center}
.er_menu_main ul li:hover a{color:#FFF;width:170px; height:60px; background:#0063b7; float:left; font-size:14px; line-height:60px; text-align:center}
.er_menu_main ul li a{ color:#333;font-size:14px;width:170px; height:60px; float:left; font-size:14px; display:block}
.er_menu_main ul li a.cur{ color:#FFF;font-size:14px;width:170px; height:60px; background:#0063b7; float:left;  line-height:60px; text-align:center}
.about_banner_title{ float:left; width:100%; margin-top:0px; color:#FFF; height:48px; line-height:48px; text-align:left; font-size:30px;}
.about_banner_title font{text-shadow:2px 2px 4px #000000}
.title_h2{ width:100%; text-align:center; font-size:24px; color:#333; margin-top:56px;}
.bottom_menu{ color:#dedbdb; font-size:14px; margin-top:55px; margin-bottom:30px;}
.bottom_menu a{ color:#dedbdb!important; padding-right:8px; font-size:14px;padding-left:4px;}
.bottom_add{ width:100%; text-align:left; color:#858585; line-height:32px; font-size:14px;}
.bottom_add2{ color:#858585; width:100%; line-height:32PX;font-size:14px}
.contactcopnanme{ text-align:center; float:left;display: flex;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */ width:18%; height:225PX; font-size:14PX; line-height:30px; border-right:solid 1px #F5F5F7; color:#333; text-transform:uppercase; background:#eeeeef }
.add_cop{ font-size:20px; font-weight:400; margin-left:20px; padding-bottom:8px;}
.i_prolist ul li:hover .proname{ color:#0063b7; font-size:14px;}
.proname{ width:100%; height:36px; line-height:36px; text-align:center; font-size:14px; color:#333}
.man_title{ width:160px; height:60px; background:#0063b7; color:#FFF; text-align:center; line-height:60px; font-size:18px;}
.index_about{ width:100%; float:left; padding-top:20px; padding-right:40px; box-sizing:border-box; font-size:14px; line-height:22px;}
.pro_title_name{ font-size:24px; color:#00034b; width:100%;padding-top:54px; text-align:left}
.pro_title_cs{ padding-top:36px; line-height:36px;width:100%; color:#666; font-size:14px; font-weight:300} 
.pro_title_cs b{ width:150px; float:left; color:#000; font-weight:300}
.pro_title_app{ margin-top:44px; width:100%; text-align:left; font-size:24px;  color:#0063b7; line-height:36px; font-weight:400}
.inquirybut a{ width:134px; height:40px; margin-top:40px; text-align:center; line-height:40px; background:#0063b7; color:#fff!important; font-weight:300; border-radius:40px; display:block; float:left; font-size:14px;}
.inquirybut a:hover{ background:#00057a}
.Description_wz_title{ font-size:16px; height:48px; line-height:48px; font-weight:400; width:100%; margin-bottom:20px; padding-left:20PX; box-sizing:border-box; background:#f5f5f7; color:#333}
}

@media screen and (max-width:1200px) {
.wap_lanage { padding:20px 20px; width:100%; display:block; box-sizing:border-box; float:left; background:#00034B}
.wap_lanage a { float:left; margin-left:0px; margin-right:20px; color:#fff!important;}
.wap_lanage img { vertical-align:middle; margin-right:5px;float:left}
 .main_widht_FF_pro{ width:100%; height:auto; overflow:hidden; background:#FFF; padding-bottom:0px;}
.localmain { display:none}
.marg60{ margin-top:30px;}
.widthdiv_small{ width: 94%; height:auto; margin:0px auto!important; overflow:hidden;}
.widthdiv_small_1200{width: 94%; height:auto; margin:0px auto!important; overflow:hidden;}
.index_about{ width:100%; float:left; padding-top:10px; font-size:14px; padding:0px; line-height:24px;  box-sizing:border-box}
.index_about_right{ float:right; width:100%; padding:0px; margin-top:30px; text-align:center}
.index_about_right img{ width:90%; border:solid 17px #FFF}
/*产品中心*/
.main_widht_FF{ width:100%; float:right; height:auto; overflow:hidden; background:#FFFFFF; padding-bottom:40px;}
.pro_banner_bg{ width:100%; height:300px; background:url(../images/pro_bannerbg_mb.jpg) center no-repeat;}
.i_prolist{ width:100%; height:auto; overflow:hidden; margin:30px auto}
.i_prolist ul { margin:0px; padding:0px;}
.i_prolist ul li{ float:left!important; width:46%; margin-right:8%; margin-left:0PX!important; margin-bottom:30PX; }
.i_prolist ul li img{ width:100%;border:solid 1px #E5E5E5}
.i_prolist ul li:nth-child(2n){ margin-right:0px;}
.i_prolist ul li:hover .proname{ color:#0063b7; font-size:18px;}
.proname{ width:100%; height:36px; line-height:36px; text-align:center; font-size:18px; color:#333}
.pro_title_left{ float:left;width:100%; border:solid 1px #E5E5E5; padding:0px!important;  margin-top:30px;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */  box-sizing:border-box;overflow:hidden;}
.pro_title_left img{ width:90%; margin:0px;}
.pro_title_right{ float:left; text-align:left; width:100%;padding-left:20px; margin-top:30px; box-sizing:border-box}
.pro_title_name{ font-size:16px; color:#00034b; width:100%;padding-top:14px; text-align:left}
.pro_title_cs{ padding-top:20px; line-height:24px;width:100%; color:#666; font-size:14px; font-weight:300} 
.pro_title_cs b{ width:100px; float:left; color:#000; font-weight:300}
.contactmessage{ width:100%; margin:0px auto;}
.Description_wz img{ width:90%!important; margin:0px auto}
.contactinput{display:block; justify-content:space-between; margin-top:30px;}
.contactinput input{ width:100%; border:1PX solid #e5e5e5; box-sizing:border-box; margin-bottom:20px; padding:0px 20px; font-weight:300; height:36px;outline:none; background:#FFF}



/*新闻中心*/
.news_banner_bg{ width:100%; height:300px; background:url(../images/news_banner_mb.jpg) center no-repeat;}
.joblist{ margin-top:30px; width:100%; margin:30px auto; height:auto; overflow:hidden}
.joblist ul { margin:0px; padding:0px;}
.joblist ul li{ float:left; width:48%; margin-right:4%;height:auto; border:solid 1px #E5E5E5; margin-bottom:30px; box-sizing:border-box; overflow:hidden; background-color:#FFF}
.joblist ul li img{ width:100%; height:auto; overflow:hidden}
.joblist ul li:nth-child(2n){ margin-right:0%;}
.news_show_title{ width:100%; height:auto; overflow:hidden; font-size:16px; text-align:center; border-bottom: dotted 1px #F5F5F5; margin:10px 0px; line-height:24px; padding:0px 0px 10PX 0PX; box-sizing:border-box; color:#333}
.news_show_title span{ color:#666; padding-left:0px; display:block; width:100%; text-align:center; font-size:14px;}
.news_show_left{ width:100%; margin-right:0%; height:auto; overflow:hidden; padding:10px; box-sizing:border-box; background:#fff;  border-radius:16px; margin-top:30PX; margin-bottom:0px; float:left}
.news_show_right{ width:100%; height:auto; overflow:hidden;float:left;margin-bottom:20px; display:none}
.news_show_wz{width:100%; height:auto; font-size:14px; line-height:24px!important; font-weight:300; padding:0px 0px 40px 0px; box-sizing:border-box; color:#333}
.news_othor{background:#d8d8d8; text-transform:uppercase; color:#00034B; width:100%; height:48px; line-height:48px; text-align:center; font-size:14px;}
.joblisttitle{ font-size:13px; width:100%;  display:block; color:#333;box-sizing:border-box; height:48px; overflow: hidden;padding:10px 10px 5px 10px; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: ellipsis; }
.joblistwz{ display:none}
.joblistdate{font-size:12px; color:#999; padding:5PX 10PX 10PX 10PX;box-sizing:border-box;}
.pro_title_app{ margin-top:24px; width:100%; text-align:left; font-size:18px;  color:#0063b7; line-height:36px; font-weight:400}
.inquirybut a{ width:154px; height:40px; margin-top:20px; text-align:center; line-height:40px; background:#0063b7; color:#fff!important; font-weight:300; border-radius:40px; display:block; float:left; font-size:18px;}
.inquirybut a:hover{ background:#00057a}



/*合作伙伴*/
.ipartermain{ width:100%; margin:0px auto; height:auto; overflow:hidden; padding-bottom:60px; background:#FFF}
.iparterlist{ width:100%; margin-top:30px;}
.iparterlist ul { margin:0px; padding:0px;}
.iparterlist ul li{ float:left; width:46%; margin-right:8%; background:#FFF; margin-bottom:30px; border:solid 1px #efefef;box-sizing:border-box;}
.iparterlist ul li:nth-child(2n){ margin-right:0px;}
.iparterlist ul li:nth-child(5){margin-right:8%; }
.iparterlist ul li img{ width:100%}

/*公司简介*/
.about_banner_bg{ width:100%; height:300px; background:url(../images/about_banner_mb.jpg) center no-repeat;}
.about_banner_fk_02{ float:left; width:85px; margin-top:130px; height:3px; background:#FFF}
.about_banner_fk{ float:left; width:85px; margin-top:180px; height:3px; background:#FFF}
.about_qywh_img{ width:94%; float:left; text-align:center; padding-right:0px; margin-top:30px; margin-left:2%; box-sizing:border-box}
.about_qywh_img img{ border:solid 13px #FFF; width:90%}
.about_qywh_wz{ width:94%; text-align:left; color:#666; padding-left:0px;font-size:16PX; line-height:48PX; box-sizing:border-box; float:right;margin-top:30px;}
.about_qywh_wz font{ font-size:18px; color:#333}

.about_banner_wz{ height:auto; width:94%; margin:0px auto;overflow:hidden}
.er_menu_main{ display:none}

/*案例*/
.case_banner{ width:100%; height:300px; background:url(../images/Case_banner_mb.jpg) center no-repeat;}
.caselist{ margin-top:30px; width:100%; height:auto; overflow:hidden}
.caselist ul{ margin:0px; padding:0px;}
.caselist ul li{ float:left; width:46%; margin-right:8%;height:auto; border:solid 1px #E5E5E5; margin-bottom:30px; box-sizing:border-box; overflow:hidden; background-color:#FFF}
.caselist ul li:nth-child(2n){ margin-right:0%;}

/*联系我们*/
.contact_banner{ width:100%; height:300px; background:url(../images/contact_banner_mb.jpg) center no-repeat;}
.contactmap{ float:right; width:100%; background:#FF0000; height:auto;}
.contactmap img{ min-height:100px; width:100%}
.contactcopnanme{ text-align:center; float:left;display: flex;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */ width:100%; height:auto; font-size:18PX; line-height:24px; border-right:solid 1px #F5F5F7; color:#333; text-transform:uppercase; background:#eeeeef;padding:16px 0px; }
.contactadd{ width:100%; font-size:12px;  font-weight:300; line-height:24px; padding-left:10px;  float:left; box-sizing:border-box; height:auto;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */ color:#666; box-sizing:border-box; background:#f5f5f7 }
.contactadd b{ float:left; margin-left:5px; width:55px;}
.add_cop{ font-size:16px; font-weight:400; margin-left:5px; padding-bottom:8px;}
.contact_cot_web{ display:none}
.contact_cot{ display:block}

/*制造中心*/
.man_banner{ width:100%; height:300px; background:url(../images/Man_banner_mb.jpg) center no-repeat;}
.man_main_ff{ width:100%; height:auto; overflow:hidden; border-radius:16px; margin-bottom:60px; background:#f5f5f7}
.man_title{ width:160px; height:48px; background:#0063b7; color:#FFF; text-align:center; line-height:48px; font-size:18px;}
.man_left{ float:left; width:calc(100%); overflow:hidden;}
.man_title_wz{align-items: center; /* 垂直居中 */ display:flex; font-size:14px; line-height:24px;  padding:20px; text-align:left; box-sizing:border-box; width:calc(100%); height:auto;}
.man_right{ float:right; width:100%; text-align:center;}
.man_right img { width:90%; margin:0px auto}


/*底部*/
.bottom_cop_mb{ display:block;font-size:12px; color:#999999; height:66px; line-height:66px; text-align:center; background:#262626}
.bottom_main{ display:none}
.bottom_cop{display:none}
}
