.product {

    margin: auto;

    height: auto;

    width: 1100px;

    padding-top: 10px;

    padding-bottom: 50px;

    font-size: 13px;

    line-height: 28px;

    color: #434343;

    clear: both;

}

.product .prd_table {

  background-color: #d0d0d0;

  width: 100%;

}

.product .prd_table tr th {

  background-color: #d7deea;

  vertical-align: bottom;

  font-size: 12px;

  height: 100px;

}

.product .prd_table tr .lie {

  width: 65px;

  text-align: center;

  position:relative;line-height: 2;padding-top: 8px;

}

.product .prd_table tr .sx {

  width: 220px;

  height:auto;

  padding-bottom:20px;

  text-align: center;

  position:absolute;

  left:0;

  /*top:99px;*/

  background-color:#fff;

  box-shadow: 3px 3px 5px #888888;

  border-radius:4px 4px 0 0;

  /*border-top:4px solid #0e2141;*/

  z-index:9999;

  display:none;



}

.product .prd_table tr .sx .p1 {

  width:100%;

  height:40px;font-size: 14px;color: #333;

  float:left;text-align: left;text-indent: 1em;    line-height: 42px;

  

}

.product .prd_table tr .sx .p2 {

  width:100%;

  height:auto;

  float:left;

  border-top:dashed 1px #CCC;

  

}

.product .prd_table tr .sx .p2 font{

  float:left;

  margin-left:10px;    font-size: 13px;

  

}

.product .prd_table tr .lie:hover .sx{

  display:block;

}

.product .prd_table tr .lie span {

  text-align: center;

  width: 100%;

  display: inline-block;

  font-weight:normal;

  font-size:10px;

}

.product .prd_table tr .lie em {

  height: 10px;

  width: 10px;

  border: 1px solid #999;

  display: inline-block;

  cursor:pointer;    margin-right: 6px;

}





.product .prd_table tr td {

  background-color: #FFF;

  text-align: center;

  font-size: 12px;

}

.product .prd_table tr .nm {

  color: #e60012;

  text-align:left;white-space: nowrap;    text-align: center;

    text-indent: -1em;

}

.product .prd_table tr .nm a{

  color: #e60012;

}

.product .prd_table tr .nm .hot{

  margin-left:10px;

  

}

.product .prd_table tr.first .nm{width: 44px;min-width: 95px;}

.product .prd_table tr .gu {

  width:130px;

}

.product .prd_table tr .nm em {

  display: inline-block;

  height: 10px;

  width: 10px;

  border: 1px solid #999;

  margin-right: 5px;

  cursor: pointer;

}

.product .prd_table tr  .sel {

  background-image: url(../images/gou.png);

}

/*内页样式*/

.container{max-width:1200px;margin:0 auto 50px auto;padding: 0 10px;position: relative;}

.subbanner{max-height: 400px;overflow: hidden;position: relative;width: 100%}



.breadcrumb-bar{margin-bottom: 2%}

.breadcrumb-bar .cont{max-width:1200px;margin:0 auto;border-bottom: 1px dashed #ddd;}

.breadcrumb-bar .path{float: left;border-left: 5px solid #f38e28;padding-left: 10px;line-height: 25px;margin: 20px 0;}

.breadcrumb-bar .path a{margin: 0 5px}

.breadcrumb-bar .fa-reply{float: right;color: #999999;font-size: 18px;line-height: 25px;margin: 20px 0;}



/* aboutnav */

.aboutnav{background: #f4f4f4;max-width:1200px;margin:0 auto;margin-bottom: 2%;}

.aboutnav li{width: 20%;float: left;text-align: center;line-height: 60px;font-size: 16px;border-right: 1px solid #fff;box-sizing: border-box;position: relative;}

.aboutnav li.active,.aboutnav li:hover{background: #0071bf;}

.aboutnav li.active a,.aboutnav li:hover a{color: #fff;}

.aboutnav li.active::after{content: '';position: absolute;width: 0;height: 0;border: 0 dashed transparent;overflow: hidden;border-top-style: solid;border-width: 8px 8px 10px;border-bottom-color:#0071bf;bottom: -20px;left: 50%;transform: translateX(-50%) rotate(180deg);}



/* about */

.container .about_tit{text-align: center}

.container .about_tit h2{position: relative;margin-bottom: 15px;display: inline-block;padding: 0 20px;background: #fff;font: 600 36px/30px "microsoft yahei" }

.container .about_tit p{font-size: 18px;color: #999;font-family: Arial;text-transform: uppercase;position: relative;padding-bottom: 8px;}

.container .about_tit p::after{content: '';position: absolute;width: 40px;height: 2px;background: #f38e28;bottom: 0;left: 50%;transform: translateX(-50%);}

.container .about_des{margin-top: 3%;margin-bottom: 4%;position: relative;}

.container .about_des .fr{width: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.container .about_des .fr img{width: 100%;}

.container .about_des .fl{width: 50%;padding: 30px;float: left;background: #f5f5f5}

.container .about_des .fl .txt{margin-right: 50px;line-height: 2;font-size: 16px;}

.container .about_des .fl .txt h3{color:#0071bf;font: 500 24px "Microsoft Yahei";margin-bottom: 20px;position: relative;padding-bottom: 15px;margin-top:15px;}

.container .about_des .fl .txt h3::after{content: '';position: absolute;width: 40px;background: #f38e28;height: 2px;left: 0;bottom: 0;}

.container .abot_adv{margin-top: 3%;margin-bottom: 4%}

.container .abot_adv li{width: 20%;float: left;text-align: center;}

.container .abot_adv li h3{font: 600 18px "microsoft yahei";margin: 10px 0 15px;color: #0071bf}

.container .abot_adv li p{width: 88%;margin: 0 auto;line-height: 2;color: #444444}



/* left Sidebar */

.left_sides{float: left;width: 22%;overflow: hidden;position: relative;margin-right: 4%}

.sidebar .overview{line-height:80px;position: relative;background: #0071bf;text-align: center;overflow: hidden;}

.sidebar .overview i{width: 35px;height: 80px;background: url(../images/inco_nav.png)center no-repeat;display: inline-block;vertical-align: top;margin-right: 15px}

.left_sides  .overview a{font: 500 24px "microsoft yahei";color: #fff ;line-height: 80px}

.sidenav{background: #fff;border-left:2px solid #0071bf;border-right:2px solid #0071bf;border-bottom:2px solid #0071bf;padding: 0 20px}

.sidenav .fa-angle-right{float: right;width: 30px;height: 30px;border-radius: 100%;border: 1px solid #ddd;color: #999;text-align: center;line-height: 30px;margin-top: 15px;}

.sidenav li{line-height: 60px;padding: 0 20px;font-size: 15px;border-bottom: 1px dotted #888888}

.sidenav li a{color: #333333;font-size: 15px}

.sidenav li:last-child{border-bottom: none}

.sidenav li:hover a,.sidenav li.active a{color: #0071bf;}

.sidenav li:hover .fa-angle-right,.sidenav li.active .fa-angle-right{background: #0071bf;border: 1px solid #0071bf;color: #fff;}

.level2 {*zoom:1;  overflow: hidden;}

.level2 li {border-bottom: 0 none;margin: 5px 10px;padding: 0 10px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.level2 li:first-child{border-top: 1px solid #cdcbcb;}

.sidenav .level2 li a { color: #333; background: none; font-size: 12px; line-height: 24px; padding:5px 0;}

.sidenav .level2 .active a,

.sidenav .level2 li a:hover { color: #0071bf; }



.hotnews .title{height: 60px;line-height: 60px;position: relative;background: #0071bf;color: #fff;margin-top: 40px}

.left_sides .hotnews h2{font: 500 24px "microsoft yahei";line-height: 60px;color: #fff;text-align: center}

.hotnewsbd{border: 1px solid #dddddd}

.hotnewsbd ul{padding: 10px 20px}

.hotnewsbd .fa-circle{font-size: 8px;color: #f38e28;margin-right: 8px}

.hotnewsbd ul li{line-height: 40px;padding-left: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.hotnewsbd ul li:last-child{border-bottom: none}

.tag .title{height: 60px;position: relative;background: #0071bf;margin-top: 40px;}

.left_sides .tag h2{font: 500 24px "microsoft yahei";line-height: 60px;color: #fff;text-align: center}

.tag .tagbd{border: 1px solid #dddddd;padding: 10px 15px;border-top: none}

.tagbd a{display: inline-block;padding: 3px 5px;border: 1px solid #dddddd;border-radius: 5px;color: #888888;margin: 5px 3px}



.right-cont{float: right;width: 74%;}

/* prolist */

.right-cont h2.coltit{font: 500 24px "Microsoft Yahei";border-bottom: 1px solid #ddd;margin-bottom: 3%;position: relative;padding-bottom: 15px;}

.right-cont h2.coltit::after{content: '';position: absolute;width: 100px;background: #f38e28;height: 1px;left: 0;bottom: -1px;}

.container .prolist {width: 103%;}

.container .prolist li{width: 30.33%;margin-right: 3%;float: left;overflow: hidden;margin-bottom: 3%;position: relative;box-sizing: border-box}

.container .prolist li .txt{height: 50px;line-height: 50px;text-align: center;box-sizing: border-box;font-size: 16px;}

.container .prolist li:hover{color: #0071bf}

.container .prolist li .imgarea{height: 210px;width: 100%;display: block;overflow: hidden;position: relative;}

.container .prolist li img{width: 100%;height: 100%; }

.container .prolist li .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 113, 191, 0.7) url(../images/prologo2.png)center center no-repeat;opacity: 0;transition: 1s all;}

.container .prolist li:hover .cover{opacity: 1;}



.container .shebei{margin-top: 4%;width: 103%;}

.container .shebei li{width: 30.33%;margin-right: 3%;float: left;overflow: hidden;margin-bottom: 3%;position: relative;box-sizing: border-box}

.container .shebei li .imgarea{height: 280px;display: block;overflow: hidden;position: relative;padding: 5px;border: 1px solid #ddd;}

.container .shebei li img{width: 100%;height: 100%; }

.container .shebei li .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 113, 191, 0.7) url(../images/prologo2.png)center center no-repeat;opacity: 0;transition: 1s all;}

.container .shebei li:hover .cover{opacity: 1;}



.proshow .top .tit{width: 48%;float: right;padding-bottom: 10px;border-bottom: 1px solid #ddd;font-size: 22px;}

.proshow .top img{width: 48%;left: 0}

.proshow  .title {text-align: center;}

.proshow  .title h3{display: inline-block;padding: 0 20px;position: relative;font-size: 24px;font-weight: 500;margin: 20px 0;}

.proshow  .title h3::before{content: '';position: absolute;width: 105px;height: 15px;background: url(../images/t_bg.jpg)left center no-repeat;top: 50%;transform: translateY(-50%);left: -105px;}

.proshow  .title h3::after{content: '';position: absolute;width: 105px;height: 15px;background: url(../images/t_bg.jpg)right center no-repeat;top: 50%;transform: translateY(-50%) rotateY(180deg);left: 100%;}



/* news */

.newslist li{padding: 30px;border: 1px solid #ddd;margin-bottom: 20px;}

.newslist li:hover .link{background: #0071bf;}

.newslist .imgarea{width: 240px;height: 170px;overflow: hidden;float: left;margin-right: 30px;display: block;}

.newslist .imgarea img{width: 100%;height: 100%;}

.newslist .date{margin: 5px 0;color: #666666;font-family: arial;}

.newslist .txtarea{float: right;width: calc(100% - 270px);}

.newslist .txtarea h2{font: 600 16px "microsoft yahei";margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1em}

.newslist .txtarea .desc{margin-top: 5px;word-break: break-all;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;color: #666666}

.newslist .txtarea .link{display: inline-block;padding: 5px 30px;background: #999;color: #fff;margin-top: 20px;}



/* caselist */

.newslist.caselist li{box-shadow: 0 0 10px #ddd;border: none;margin-bottom: 30px;}

.newslist.caselist .txtarea .desc{word-break: break-all;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;color: #666666}



/* newsdetail */

.sub_title {text-align: left;padding-bottom: 20px;border-bottom: 1px dashed #dfdfdf;line-height: 30px;}

.sub_info{color: #777;}

.sub_info span{margin-right: 10px}

.sub_title h3{font:500 24px "microsoft yahei";margin-bottom: 20px;margin-top: 10px}

.article{margin: 20px 0;line-height: 25px}

.article img{text-align: center;height: auto !important;}



.bdshare-button-style0-16{display: inline-flex}



.relate{margin-top: 5%;border: 1px solid #dddddd;padding: 30px;}

.relate .tit h3{font: 600 20px "microsoft yahei";float: left;color: #333333;margin-bottom: 10px}

.relate .tit h3 span{font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666666;font-weight: 500}

.relate .newslink{width: 46%;margin: 0 15px;border-bottom: 1px dashed #dfdfdf;line-height: 40px;float: left;height: 40px;}

.relate .newslink a{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.relate .newslink i{margin-right: 10px;color: #0071bf;font-size: 18px}

.relate .newslink .date{float: right;color: #999999;font-family: Arial}



/* --------------news---------------- */

#dcms_pager { margin-top: 50px; text-align: center;position: relative;margin-bottom: 50px}

#dcms_pager ul{position: absolute;right: 0;}

#dcms_pager a{display: inline-block; padding: 3px 12px; margin: 0 2px;color: #333; cursor: pointer; border:1px solid #dedede;}

#dcms_pager .active { color: #fff; background-color: #1772b9; cursor: default; }

#dcms_pager .active a{color: #fff}





/* contact */

.container  .contact_info{width: 103%;margin: 4% 0;}

.container  .contact_info li{width: 22%;margin-right:3%;float: left;padding: 20px 0;text-align: center;border: 1px solid #ddd;border-radius: 5px;box-sizing: border-box;background: #f7f7f7;}

.container  .contact_info .fa-mobile-phone{color: #0071bf;font-size: 70px;line-height: 70px;}

.container  .contact_info .fa-tty{color: #0071bf;font-size: 54px;line-height: 70px;}

.container  .contact_info .fa-envelope{color: #0071bf;font-size: 54px;line-height: 70px;}

.container  .contact_info .fa-map-marker{color: #0071bf;font-size: 55px;line-height: 70px;}

.container  .contact_info li .txt{font-size: 14px;color: #333333;margin-top: 10px;}

.container  .contact_info li .txt p{font-size: 16px;color: #0071bf;margin-top: 10px;font-family: Arial;}



.message{width: 100%;margin: 4% 0;}

.message form{width: 48%;float: left;}

.message  .ui-input {width: 48%;line-height: 36px;border:1px solid #dddddd;padding-left:1%;color: #bdbcbc;margin-bottom: 20px;margin-right: 2%;box-sizing: border-box;}

.message   input:nth-child(2){margin-right: 0}

.message  .ui-textarea{margin-bottom: 20px;width: 99%;height: 150px;border:1px solid #dddddd;padding-left: 1%;font-family: "microsoft yahei";box-sizing: border-box;}

.message  .ui-btn1 { background:#0071bf;border: none;color: #fff;width: 120px;padding: 10px;margin-right: 30px;}

.message  .ui-btn2 {background:#bbbbbb;border: none;color: #fff;width: 120px;padding:10px;}

.message .code_fr{width: 48%;float: right;}

.message .code_fr li{width: 50%;text-align: center;color: #666;margin-top: 20px;float: left;}

.message .code_fr li img{max-width: 100%;}

.container .map{width: 100%;overflow: hidden;margin: 3% 0;}



/* tag */

.breakerDiv h2{font: 500 26px/40px "microsoft yahei";color: #333333}

.searchbox{margin-top: 10px;}

.search-body li{margin-bottom: 18px;height: 96px;overflow: hidden;}

.search-body .date{width: 100px;text-align: center;float: left;font: 300 14px/24px "microsoft yahei";background: #06245f;color: #fff;padding: 16px}

.search-body .date h3{font: 300 30px/40px Arial;}

.search-body .date span{font: 300 18px/20px Arial;}

.search-body .txtarea{float: right;width: calc(100% - 125px);background: #f7f7f7;padding: 10px 20px}

.search-body .txtarea h3{font: 700 18px/30px "microsoft yahei";width: 100%;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



@media only screen and (max-width: 1200px){

  #globalnav .gn-link{font-size: 15px}

  .gn-content .search{margin-left: 25px}

  .subbanner img{width: 140%;margin-left: -20%}

  .right-cont .prolist li .imgarea{height: 17vw;}

  .right-cont .caselist li .imgarea{height: 16vw;}

  

}



@media only screen and (max-width: 1000px){

  #globalnav .gn-list{width: 100%}

  .subbanner img{width: 160%;margin-left: -20%}

  .level2{display: none}

  #globalnav .active1{color: #0c2a67;border-bottom: none;}

  .container{margin: 10px auto 30px auto;}

  .left_sides{float: none;width: 100%}

  .sidebar .overview{display: none}

  .sidenav{display: none}

  .left_sides .hotnews{display: none}

  .left_sides .tag{display: none}

  .right-block{width: 100%;padding-top: 0;}

  .right-cont{width: 100%;}

  .relate .newslink{width: calc(100% - 30px)}

  .prolist li .imgarea{height:21vw;}

  #dcms_pager{margin-top: 3vw;margin-bottom: 3vw;}

  .relate .prolink .imgarea{height: 110px;}

  #globalnav .gn-link{color: #fff;line-height: 50px;color: #fff}

  #globalnav .active1{color: #fff;}

  #globalnav .gn-link:hover { color:#fff;}

  #globalnav.scroll .gn-link{color: #fff}

  .right-cont .prolist li .imgarea{height: 21vw;}

  .right-cont .caselist li .imgarea{height: 20vw;}

  .container .contact .contact_info li .txt p{font-size: 24px}

  

}



@media only screen and (max-width: 768px){

  .article_cont .title{font-size: 24px;}

  .container .about_des .fl{width: 100%;}

  .container .about_des .fr{width: 100%;position: relative;top: 0;transform:none;}

  .container .contact_info li{width: 47%;margin-bottom: 20px;}

  .message form{width: 100%;margin-bottom: 20px;}

  .message .code_fr{width: 100%;}

  .container .about_tit h2{font-size: 24px;margin-bottom: 5px;}

}



@media only screen and (max-width: 640px){

  .right-cont .tag_sq span{padding: 0 10px;}

  .sub_title h3{font: 500 22px "microsoft yahei";}

  .subbanner img{width: 220%;margin-left: -30%;}

  .newslist li {padding: 13px;}

  .newslist .imgarea{width: 30%;height: 21vw;margin-right: 3vw;}

  .newslist .txtarea{float: none;width: auto;}

  .newslist .tag{display: none;}

  .newslist .txtarea .desc {line-height: 1.7; }

  .newslist .date {line-height: 1em;font-size: 12px;}

  .newslist .txtarea h2{font-size:18px;}

  .copyright{padding-bottom:60px;box-sizing: inherit;height: auto;padding-top:15px;line-height: 1.9em;text-align: center;}

  .copyright a{float: none;}

  .sidenav{padding: 0;}

  .sidenav li{margin: 5px 10px 5px 0;}

  .newslist .txtarea .link{display: none;}

  .newslist.caselist li{margin-bottom: 20px;}

  .proshow .top{text-align: center;}

  .proshow .top .tit{width: 100%;text-align: center;margin-bottom: 20px;}

  .proshow .top img{max-width: 80%;}

  .proshow .title h3{font-size: 20px;}



}

@media only screen and (max-width: 480px){

    .relate .prolink .imgarea{height:45x;}

    .newslist li{padding: 15px 5px;}

    .newslist .imgarea{width: 30%;height: 21vw;margin-right: 3vw;}

    .newslist .date{height: 1em;display: block;margin:5px 0;}

    .newslist .date h3{margin-top:0;margin-bottom:0}

    .news_imgarea{margin-right: 2vw;}

    .message .code_fr li img{width: 80%;}

}



.breadcrumb-bar{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}



.distpicker_area{    overflow: hidden;

    clear: both;

    margin-bottom: 1rem;}

.distpicker_area select{    width: 6.4rem;

    margin-right: 0.9rem;

    border: none;

    float: left;

    text-indent: .8em;

    border-radius: 3px;

    line-height: 2rem;

    height: 2rem;}

    .top_link{text-align: right;padding: 10px 0;}
    .navbar .language{vertical-align: middle;}
    .navbar .language a{padding: 0 5px;}
        .top_search{display: inline-block;margin-left: 1rem;position: relative;}
        .top_search form{border: 1px solid #ddd;}
        .top_search .key{height: 26px;line-height: 26px;box-sizing: border-box;width: 160px;border:  none;padding-left: 10px;font-size: 13px;background: #fff;line-height: 26px;}
        .top_search .search-btn{width: 26px;padding: 0;margin: 0;height: 26px;cursor: pointer;background: url(ser_icon.png)#fff no-repeat center;border: none;background-size: 70%;}

    @media (max-width: 768px){
      .top_search{height: 53px;margin-left: 0;margin-right: 1rem;}
      .top_search .serchinco{margin-top: 14px;}
      .top_search .serchbox{top: 53px;}
    }