@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')}input[type="submit"], input[type="reset"], input[type="button"], button {  -webkit-appearance: none;  }
html{font-family: Tahoma,"arial","微软雅黑","宋体",FontAwesome;background-color:#fff;font-size:14px;}
body{ background-color: #fff; font-size:14px;line-height:2;color:#5a5a5a;}
body,li,ul,ul>li,ul>li>ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,dl>dt,dl>dd,figure,form,a,button
{margin:0;border:0;padding:0;list-style:none;}img{vertical-align:bottom; max-width: 100%; height: auto;}
div{margin:0px auto;}
em{font-style:normal;}
.single-over{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.clamp-voer{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.container{width:98%; max-width: 1200px; margin:0px auto;}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.infotools{width:95%;margin:10px auto;}
.infotools .page_preinfo{ text-align: left; width:48%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.infotools .page_next{ text-align:right; width:48%;float:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pagerlist{text-align:center;clear:both;padding:3px;margin:5px;}
.pagerlist a,.pagerlist span{margin:2px;padding:2px 5px;border:1px solid #ccc;}
.pagerlist .current{background-color:#ccc;color:#fff;}
.pagerlist .disabledfy{font-family:Tahoma,Verdana;cursor:pointer;background:no-repeat}
a{ text-decoration: none;color: #5a5a5a }
a:hover{color:#b40000}
.lsidebar{ margin-top: 40px; margin-bottom: 40px;}
.lsideBox{ width:230px; float: left;}
.rmainBox{ width:calc( 100% - 230px); float: right;}
.show{ display: block;}
.hide{ display: none;}
.top{ height: 88px; background-color:#b40000; color:#fff;  }
.top .welcome{ float: left; font-size: 13px; line-height: 1; margin-top: 60px;}
.top .right { float: right;}
.top .tools{ float: left; font-size: 13px; line-height: 1; margin-top: 60px;}
.top .tools a{ color:#fff;}

.top .tool{float: left; margin-right: 20px; position: relative;}
.top .tool:before{ content: ""; position: absolute; top:0; right:-10px; width:0; height: 100%; border-left: 1px solid #Fff}
.top .tool:last-child{ margin-right: 0;}
.top .tool:last-child:before{ border-left: 0;}
.top .tel{ float: left; margin-left: 20px; margin-top: 29px;}
.top .tel1{ font-size: 17px; line-height: 17px; }
.top .tel1 em{ font-size: 13px; }
.top .tel2{ font-size: 21px; line-height: 21px; letter-spacing: 1px; margin-top: 4px;  }
.banner{}
.companynav-box { height: 110px; background: #fff;}
.companynav-box.am-sticky{ border-bottom: 1px solid #f2f2f2;}
.company-box{ max-width: 60%; float: left; margin-top: 20px;}
.company-box .logo{ float: left;}
.company-box .logo img{ width:50px; height: auto; }
.company-box .company{ float: left; margin-left: 20px;}
.company-box .company_txt1{ font-size: 30px; line-height: 1.5; color:#c00;}
.company-box .company_txt2{ font-size: 16px; line-height: 1.5; }

.nav-box{  float: left; margin-left: 40px; height: 110px; line-height: 110px;  }
.nav-box .navli1{ float: left; padding: 0 5px; border-left: 1px solid #f4f4f4;}
.nav-box a.nava1{ font-size: 16px; display: block; width:100%; height: 100%; text-align: center; padding: 0 5px; }

.index_baike_search{ height: 68px; background-color: #f2f2f2; font-size: 14px;}
.subbox-nwes { float: left; width:calc( 100% - 20px - 250px); line-height: 68px;}
.index_baike_search-c-t-box{ float: left; color: #b40000; font-weight: bold; padding-left: 40px; background:url("../images/booking.png") no-repeat left center; background-size: 34px auto; }
.index_baike_search-c-c-box{ float: right; margin-left: 10px; width:calc(100% - 120px );}
.index_baike_search .subbox-nwes  .item{ width:100%;}
.index_baike_search .subbox-nwes  .title{ float: left; width:calc(100% - 120px );}
.index_baike_search .subbox-nwes  .time{ float: right; width:100px;}
.index_baike_search .subbox-search{ float: right; width:250px; height: 68px; position: relative;}
.index_baike_search .searchform{ position: absolute; top:50%; left:0; transform:translateY(-50%); width:100%;}
.index_baike_search .searchword{ width:100%; height: 25px; line-height: 25px; padding: 0 60px 0 10px; outline: none;  }
.index_baike_search .searchgo{ position: absolute; right: 0; top:50%  ; height: 25px; line-height: 25px;  width:50px; transform:translateY(calc(-50% + 2px)); background-color: #b40000; color: #b40000;}
.index_baike_search .searchgo:before{ content: "\f002"; color:#fff; font-size: 22px; position: absolute; top:50%; left:50%;  transform:translate(-50% , -50%); }


.index_about{ margin-top: 40px;}
.index_about .subbox-about { width:60%; float: left; position: relative;}
.index_about .subbox-about .titleen { font-family: Arial; font-size: 34px; line-height: 34px; font-weight: bold; color:#01426d; width:75%; margin-left: 0; }
.index_about .subbox-about .title{ font-size: 30px; font-weight: bold; line-height: 1.5; color:#b40000;  }
.index_about  .subbox-cert { width:35%; float: right;}
.index_about .subbox-about:before{/* content: "\f178"; position: absolute; bottom:30px; right:-130px; font-size: 40px; text-align: center; color: #70e2ff; width:120px; height: 40px; line-height: 40px; border: 1px solid #c5c5c5; */}
.index_about  .subbox-cert  .certlist{ position: relative; height: 300px;}
.index_about  .subbox-cert  .certlist .item{ position: absolute; left:0; top:0;}
.index_about  .subbox-cert  .certlist .item .certimg { border: 1px solid #eee; }

.index-pro { margin-top: 20px;}
.index-pro  .pro_action .navli2{ width:33%; float: left; padding: 0px 20px; cursor: pointer;}
.index-pro  .pro_action .pic{ float: left;}
.index-pro  .pro_action  .txt-box{ float: right; width:calc(100% - 200px); position: relative; }
.index-pro  .pro_action  .txt-box:before{ content: ""; width:50px; height: 0; border-bottom: 3px solid #0d7dbd; position: absolute; left:0; bottom:-20px;}
.index-pro  .pro_action  .title{ font-size: 18px; color: #b40000; }
.index-pro  .pro_action  .desc{ line-height: 1.2; }
.index-pro   .tabs_pannels{ margin-top: 20px; padding: 30px; background-color: #e5e5e5;}
.index-pro   .tabs_pannels .pannel{ display: none;}
.index-pro   .tabs_pannels .pannel:first-child{ display: block;}
.index-pro   .proclass{ width:230px; float: left;}
.index-pro   .proclass h2{ background: url("../images/proclassbg.png") no-repeat center; height: 100px; line-height: 100px; color:#fff; text-align: center; font-size: 24px ; font-weight: bold; letter-spacing: 2px;  }
.index-pro   .proclass li{ height: 50px; line-height: 50px; margin: 5px 0; text-indent: 30px; background: url("../images/lityle.png") no-repeat 8px center; background-size: 16px auto; background-color: #fff;}
.index-pro   .proclass li a{ width:100%; height: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-pro   .pro{ width:calc(100% - 20px - 230px); float: left;}
.index-pro   .pro .item{ width:50%; float: left;}
.index-pro   .pro  .proitemdiv{ margin:  10px; margin-top: 0; background-color: #f2f2f2; padding: 15px;}
.index-pro   .pro  .pic{ width:210px; float: left;}
.index-pro   .pro  .titleanddesc{ width:calc( 100% - 10px  - 210px); float: right;}
.index-pro   .pro  .titleanddesc  .title{ font-size: 16px;}
.index-pro   .pro  .titleanddesc  .desc{ -webkit-line-clamp:4; line-height: 1.5; color: #7f7f7f;}
.leftcontact { background: url("../images/leftcontactbg.png") no-repeat center; height: 112px; position: relative; color:#fff;}
.leftcontact .txt{ position: absolute;  font-size: 22px; line-height: 1; top:25px; left:58px; }
.leftcontact .tel{ position: absolute;  font-size: 34px; line-height: 1; bottom:20px; left:50%; transform:translate(-50%,0%); }
.index-xjb { margin-top: 40px; border: 1px solid #dedede;}
.index-xjb .tit3li{ width:33.2%; float: left; text-align: center; margin-right: 0.2%; height: 40px; line-height: 40px; color:#fff; background-color: #b40000; cursor: pointer; font-size: 14px; }
.index-xjb .tit3li:last-child{margin-right: 0;}
.index-xjb .tit3li.cur{ background: url("../images/index/pro_licur.gif") repeat-x center; }
.index-xjb .pannels{ padding-top: 20px; }
.index-xjb  .pannel{ margin: 0 20px;}
.index-xjb .zhj { min-height: 410px; background: url("../images/index/zj_img01.jpg")  no-repeat 10px top;}
.index-xjb .zhj ul{ margin-left: 420px; background: url("../images/index/zj_rbj.gif") no-repeat left 5px; padding-left:25px; }
.index-xjb .zhj li{ height: 74px;}
.index-xjb .zhj a{color:#b40000; display: block; font-size: 14px; font-weight: bold;}
.index-xjb .pk{ margin: 0 ; position: relative;}
.index-xjb .pk:before{ content: ""; width:0; height: 100%;  border-left: 0px solid #dedede; position: absolute; left:50%; top:0;}
.index-xjb .pk_1 { float: left; width:45%;}
.index-xjb .pk_2 { float: right; width:45%;}
.index-xjb .pk .fl{ float: left;}
.index-xjb .pk .fr{ float: right;}
.index-xjb .pkpart li{ background: url("../images/index/px.gif") no-repeat center; margin-bottom: 20px;}
.index-xjb .pkpart li  a,.index-xjb .pk li em{ display: block; text-align: center;}
.index-xjb .pk li em { line-height: 2.5; }
.index-xjb .pkpart img{ border: 1px solid #dedede; padding: 3px;}

.index-xjb .pk_table{ margin: 0px auto 20px; border-collapse:separate;  border-spacing:5px 5px;  }
.index-xjb .pk_table td{ background:#dedede; line-height: 1.5; text-align: center; vertical-align: middle; width:240px; white-space: normal; word-wrap:break-word; padding: 10px; }
.index-xjb .pk_table  td.bg_transparent{ background: transparent;}
.index-xjb .pk_table  td:nth-child(1){width:25px; text-align: center; vertical-align: middle; }

.index-xjb .pk_table  td.bg_red{ background: #b40000; color:#fff; font-weight: bold; text-align: center;}
.color_pk1{color:#b40000; font-weight: bold;}
.color_pk2{color:#01426d; font-weight: bold;}
.color_pk3{color:#00a213; font-weight: bold;}
.color_pk4{color:#a87e2b; font-weight: bold;}



.index-xjb  .xg dl{ width:24%; margin: 0 0.5%; float: left; }
.index-xjb  .xg dt{ text-align: center; }
.index-xjb  .xg dt img{border: 1px solid #dedede; padding: 2px; }
.index-xjb  .xg dd { position: relative; padding-top: 40px;}
.index-xjb  .xg dd a{ position: absolute; top:0; left:50%;  transform:translate(-50%,0%); white-space: nowrap;  line-height: 40px;  padding-left: 20px; background: url("../images/index/xg_a.gif") no-repeat 0px center; font-weight: bold;   }
.index-xjb  .xg dd p{ text-align: left; line-height: 1.5;}

.index_cpzl{ background: url("../images/index/cpzl.png") no-repeat  center top;  min-height: 600px; margin-top: 40px; color:#fff; padding-top: 130px;}
.index_cpzl .container{width:920px; position: relative;}
.index_cpzl .cpzl{width:920px;  }

.index_cpzl  .tabs{ width:450px; position: absolute; top:0; right:0;}
.index_cpzl  .tab{ width:150px; float: left; line-height: 75px; height: 75px; font-size: 24px; text-align: center; background-color: rgba(180,0,0,0.6); cursor: pointer;}
.index_cpzl  .tab.cur{background-color: rgba(180,0,0,1)}

.index_cpzl .title-box{ height: 75px; overflow: hidden; background-color: rgba(180,0,0,0.3)}
.index_cpzl .title-box .desc{ float: left; width:calc( 100% - 450px); padding: 4px 20px; font-size: 16px; line-height: 22px;}

.index_cpzl .pic{max-width: 100%; height: auto; }

.index-cl{ margin-top: 40px; background-color: #f0f0f0; padding: 20px 0;  }
.index-cl h2{ font-size: 24px; color:#01426d; line-height: 1; }
.index-cl h2 b{ font-size: 36px; color:#b40000;}
.index-cl h2 span{ display: block; color:#b2b2b2; line-height: 1.5; text-transform: uppercase; font-family: Arial;}
.index-cl ul{ height: 138px;  padding-left: 132px; color:#fff; background: url("../images/index/lcimg_2.png") no-repeat left center; background-size: auto 138px;}
.index-cl ul li{ float: left; width:132px; height: 138px; margin-left: 1.33px; padding: 15px ; padding-top: 20px; background-color:#01426d; line-height: 1.5; }
.index-cl ul li:nth-child(2n+1){ background-color: #b40000;}
.index-cl ul li span{ display: block; font-size: 28px; line-height: 30px; margin-bottom: 10px;}

.index_cases{ padding: 20px; padding-top: 40px; background-color: #f0f0f0;  }
.index_cases .title-box{ position: relative; line-height: 1;}
.index_cases .title-box  .title{ font-size: 36px;  color:#b40000; font-weight: bold; margin-bottom: 10px; }
.index_cases .title-box  .title span{ font-size: 24px; color:#01426d; margin-left: 5px;}
.index_cases .title-box .titleen{ position: absolute; left:80px; top:-20px; font-size: 24px; color:#b2b2b2; line-height: 1.5; text-transform: uppercase; font-family: Arial; font-weight: bold;}
.index_cases .title-box .desc{ color:#b2b2b2;}
.index_cases .case-box  .list{ position: relative; height: 600px; margin-top: 20px;}
.index_cases .case-box li{ position: absolute;  background-color: #b2b2b2; background-position: center bottom; background-size: cover;  background-repeat: no-repeat; }
.index_cases .case-box li a{ display: block; width:100%; height: 100%;}
.index_cases .case-box li:nth-child(1){ left:0 ; top:0; width:293px; height:296px; }
.index_cases .case-box li:nth-child(2){ left:301px ; top:0; width:293px; height:296px; }
.index_cases .case-box li:nth-child(3){ left:601px ; top:0; width:144px; height:195px; }
.index_cases .case-box li:nth-child(4){ left:753px ; top:0; width:144px; height:195px; }
.index_cases .case-box li:nth-child(5){ left:905px ; top:0; width:293px; height:195px; }
.index_cases .case-box li:nth-child(6){ left:0 ; top:304px; width:594px; height:296px; }
.index_cases .case-box li:nth-child(7){ left:601px ; top:203px; width:296px; height:195px; }
.index_cases .case-box li:nth-child(8){ left:905px ; top:203px; width:293px; height:195px; }
.index_cases .case-box li:nth-child(9){ left:601px ; top:405px; width:296px; height:195px; }
.index_cases .case-box li:nth-child(10){ left:905px ; top:405px; width:293px; height:195px; }
.index_news{ margin-top: 40px; margin-bottom: 40px; }
.index_news .newsl{ width:65%; float: left;}
.index_news .news_1,.index_news .news_2{ height: 210px; overflow: hidden;}
.index_news .news_1 .title,.index_news .news_2 .title{ position: relative; width:160px; height: 210px; float: left; background: url("../images/index/news_l.png") no-repeat left top; color:#fff; font-size: 20px; padding: 20px ;  line-height: 1;}
.index_news .news_1 .title span,.index_news .news_2 .title span{ display: block; font-size: 14px; text-transform: uppercase; line-height: 30px;}
.index_news .news_1 .title a,.index_news .news_2 .title a{ position: absolute; width:80px; height: 30px; bottom:38px; left:27px;}
.index_news .news_1 .newslist,.index_news .news_2 .newslist{ width:calc(100% - 20px - 160px); height: 210px; float: right;}
.index_news .news_1 .item{ height: 50px; line-height: 50px; border-bottom: 1px solid #b2b2b2; position: relative;}
.index_news .news_1 .item:before{ content: ""; width:0; height: 0; border: 5px solid #b40000; position: absolute; left:0px; top:50%; margin-top: -5px;}
.index_news .news_1 .newstitle{ width:calc(100% - 100px); float: left; text-indent: 20px; font-weight: bold;}
.index_news .news_1 .newstime{ width:80px; float: right;}
.index_news .news_2 .title{ background-image: url("../images/index/news_bg2.png")}
.index_news .news_2 .item{  height: 210px; overflow: hidden; padding: 20px; background-color:#f0f0f0;  }
.index_news .news_2 .itempic{ height: 170px; width:140px;  float: left;  background-size: contain; background-repeat: no-repeat; background-position: center; }
.index_news .news_2 .itemcontent{ width:calc( 100% - 20px - 140px); float: right; }
.index_news .news_2 .itemtitle{ font-weight: bold; font-size: 16px; }
.index_news .news_2 .itemtime{ color:#b40000;}
.index_news .news_2  .itemdesc{ line-height: 1.5; color:#7f7f7f; -webkit-line-clamp:5; height: 103px; overflow: hidden;}
.index_news .newsr{ width:32%; float: right;}
.index_news .newsr .title{ font-size: 18px; line-height: 2; font-weight: bold; position: relative; margin-bottom: 30px;}
.index_news .newsr .title span{ font-weight: normal; color:#7f7f7f;}
.index_news .newsr .title a{display: block; padding-left: 10px; color:#fff; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; background: #01426d; position: absolute; right: 0px; top:50%; margin-top: -15px; padding-right: 40px; }
.index_news .newsr .title a:before{content: "+"; position: absolute; height: 100%; top:0; right: -0px; padding:0 10px; background: #b40000;  }
.index_news .newsr  .newslist{ border-top: 1px solid #b2b2b2; padding-top: 20px;}
.index_news .newsr .item{ margin-top: 5px; padding-left: 40px; position: relative;}
.index_news .newsr .item:before,.index_news .newsr .item:after{ content: "问"; width:25px; height: 30px; text-align: center; line-height: 30px; color:#fff; position: absolute; top:0px; left:5px; background: #01426d;}
.index_news .newsr .item:after{content: "答"; top:30px; background: #b40000;}
.index_news .newsr  .itemtitle{ font-weight: bold; height: 30px; line-height: 30px;}
.index_news .newsr  .itemdesc{ height: 75px; line-height: 25px; -webkit-line-clamp:3;}

.footer-box{ padding: 20px 0; background-color: #1f2024; color:#999; }
.footer-box a{ color:#999;}
.footer-box .footer-nav{ float: left; display: inline-block; line-height: 1.5;}
.footer-box .footer-nav .navli1{ float: left; margin-right: 30px;}
.footer-box .footer-nav .nava1{ font-weight: bold; font-size: 16px;}
.footer-box .footer-nav .nava2{font-weight: bold; margin-top: 5px; text-indent: 1rem; }
.footer-box .footer-nav .nava3{ text-indent: 2rem; }
.footer-box .qrcodebox{ float: left; width:250px; margin: 0 10px; text-align: center; }
.footer-box .qrcodebox img{ width:120px; height: auto;}
.footer-box   .qrcode1,.footer-box  .qrcode2{ width:120px; float: left}
.footer-box  .qrcode2 { margin-left: 10px;}
.footer-box .qrcodebox .txt{ font-size: 16px; }
.footer-box  .feedback-box{ float: right; display: inline-block;}
.footer-box  .feedback-box .title-box{ font-size: 16px;}
.footer-box  .feedback-box .title-box .title
,.footer-box  .feedback-box .title-box .email
,.footer-box .share
,.footer-box .share .sharetxt
,.footer-box  .share  .bdsharebuttonbox
{ float: left;display: inline-block;}
.footer-box  .feedback-box .title-box .title:before{content: "\f0e6"; margin-right: 5px; }
.footer-box  .feedback-box .title-box .email{ margin-left: 20px;}
.footer-box  .feedback-box .title-box .email:before{content: "\f0e0";margin-right: 5px; }
.footer-box .share{ margin-left: 10px;}
.footer-box .share .sharetxt{margin-right: 5px;}

.footer-box  .feedback_table tr
,.productshowpage  .feedback_table tr
{ display: inline-block;}
.footer-box  .feedback_table tr:nth-child(4)
,.productshowpage   .feedback_table tr:nth-child(4)
{ display: block;}
.footer-box  .feedback_table td
 ,.productshowpage  .feedback_table td
{ padding:  2px 0;}
.footer-box .feedback_table  .text
,.productshowpage .feedback_table  .text
{ display: none;}
.footer-box .feedback_table  .input-text
,.productshowpage .feedback_table  .input-text
{ height: 40px; line-height: 40px; width:141px; padding: 0 10px; color:#fff; background: #1f2024; border: 1px solid #7f7f7f; outline: none; }
.footer-box .feedback_table  .textarea-text
,.productshowpage .feedback_table  .textarea-text
{ width:425px; height: 75px; line-height: 25px;padding: 0 10px;  color:#fff; background: #1f2024; border: 1px solid #7f7f7f; outline: none;}
.footer-box .feedback_table   .code
,.productshowpage .feedback_table   .code
  {height: 30px; line-height: 30px; padding: 0 10px; min-width:100px; color:#fff; background: #1f2024; border: 1px solid #7f7f7f; outline: none; text-transform: uppercase; }
.footer-box .feedback_table .new_code
,.productshowpage .feedback_table .new_code
{ height: 30px; width:auto; }
.footer-box .feedback_table .submint
,.productshowpage .feedback_table .submint
{ padding-left: 20px; }
.footer-box .feedback_table .button
 ,.productshowpage .feedback_table .button
{ height: 30px; line-height: 30px;background-color:#b40000;  border: 1px solid #b40000;  color: #fff; cursor: pointer;}
.footer-box .feedback_table  .reset
 ,.productshowpage .feedback_table  .reset
{  background-color:#edecea;  border: 1px solid #edecea; color: #626669; }
.footer-box .rz{ margin-top: 20px;}

.footer_comapany{ float: left; width: 55%; margin-top: 20px;}
.footer_comapany .logo{ height: auto; width:50px; float: left;}
.footer_comapany .logo img{ max-width: 100%; height: auto;}
.footer_comapany  .footer-company-box{ width:calc(100% - 10px - 50px); float: right;}
.footer-companyname{ font-size: 18px; font-weight: bold;}
.footer-box  .links{ margin-top: 40px;}
.footer-box  .titlelink{ float: left; display: inline-block; line-height: 1; }
.footer-box  .txtlink { float: left; display: inline-block;}
.footer-box  .txtlink li{ float: left; padding: 0 5px; border-left: 1px solid #999;}
.footer-box  .txtlink li:first-child{ border-left: 0;}
.footer-box  .txtlink li a{ display: block; width:100%; height: 100%; line-height: 1; padding: 0px 5px;}
.footer-box .links{ float: right; max-width: 43%;}
.footer-copyright{ background-color: #b40000; text-align: center; padding: 10px; color:#fff; border-top: 1px solid #48494b; }
.footer-copyright a{ color:#fff;}
.main_location{ height: 68px; line-height: 68px; background: #f2f2f2;}
.currlocatinon { width:calc( 100% - 50px - 250px); float: left; position: relative; padding-left: 25px;}
.currlocatinon:before{ content: "\f015"; font-size: 20px; color:#b40000; position: absolute; left:0; top:50%; transform:translateY(-50%); }
.main_location .subbox-search{ float: right; width:250px; height: 68px; position: relative;}
.main_location .searchform{ position: absolute; top:50%; left:0; transform:translateY(-50%); width:100%;}
.main_location .searchword{ width:100%; height: 25px; line-height: 25px; padding: 0 60px 0 10px; outline: none;  }
.main_location .searchgo{ position: absolute; right: 0; top:50%  ; height: 25px; line-height: 25px;  width:50px; transform:translateY(calc(-50% + 2px)); background-color: #b40000; color: #b40000;}
.main_location .searchgo:before{ content: "\f002"; color:#fff; font-size: 22px; position: absolute; top:50%; left:50%;  transform:translate(-50% , -50%); }
.pagenav2 { border-bottom: 2px solid #f2f2f2; margin-top: 20px; font-size: 14px;}
.pagenav2.am-sticky{ background: #fff; padding-top: 10px;  border-color: #b40000; }
.pagenav2  .navli2 { float: left; border-left: 2px solid #f2f2f2; padding:  20px ;}
.pagenav2.am-sticky  .navli2{ padding:  10px 20px; border-color: #b40000; }
.pagenav2  .navli2.curr a{ color:#b40000;}
.page { margin-top: 40px; padding-bottom: 40px; }

.productpage{ margin-top: 0;}
.productpage.page{ padding-bottom: 0;}
.productpage .item{ width:50%; float: left; }
.productpage .proitemdiv{ margin: 10px; margin-top: 0; padding: 15px; background: #f2f2f2; }
.productpage .proitemdiv .pic{ float: left;}
.productpage .proitemdiv .title
,.productpage .proitemdiv .desc
{ width:calc(100% - 10px - 210px); float: right;}
.productpage .proitemdiv .title{ font-size: 16px;}
.productpage .proitemdiv .desc{ -webkit-line-clamp:4; line-height: 1.5; color: #7f7f7f;}
.productshowpage{ width:1000px; }
.productshowpage.page{padding-bottom: 0;}
.productshowpage .producthead{ background: #f2f2f2; padding: 20px;}
.productshowpage .proshow-img-box { width:600px; float: left; text-align: center;}
.pro-bigimg-img{ max-width: 600px; height: auto; }
.pro-imglist{ width:100%; margin-top: 20px; overflow: hidden; position: relative; }
.pro-imglist li
,.showdiv .imglist-box li
{ float: left;  margin-right: 10px; border: 1px solid #7f7f7f; }
.pro-imglist li.curr
,.showdiv .imglist-box li.curr{ border: 1px solid #b40000;  }


.productshowpage .title-box{ width:calc(100% - 20px - 600px); float: right; position: relative;}
.productshowpage .title-box .pro-title{ font-size: 16px; font-weight: bold; line-height: 3;}
.productshowpage .title-box .para{ margin: 10px 0; padding: 10px 0; border: 1px dashed #7f7f7f; border-left: 0; border-right: 0;}
.productshowpage  .title-box .relevant{ height: 50px; line-height: 50px;  white-space: nowrap; text-overflow: ellipsis; }
.productshowpage  .title-box .relevant .txt{ color:#b40000;}
.productshowpage  .title-box .bars{ position: relative; height: 50px;  text-align: right; color:#01426d}
.productshowpage  .title-box .bars .downloadbar{ padding: 5px 10px; background: #b40000; color:#fff; }

.productshowpage  .bars2{ position: relative; height: 100px;}
.productshowpage  .bars2 .bar{ position: absolute; top:50%; color:#fff; padding: 10px 20px; }
.productshowpage  .bars2 .casebar{ background-color: #01426d; left:30%;  transform:translate(-50% , -50%); }
.productshowpage  .bars2 .casebar:before{ content: "\f0f2"; margin-right: 10px;}
.productshowpage  .bars2 .feedbackbar{ right:30%; background: #b40000;  transform:translate(0 , -50%); }
 .productshowpage  .bars2 .feedbackbar:before{ content: "\f0e6"; margin-right: 10px;}
.productshowpage .bars2 .feedback-content-box{ position: absolute; padding: 40px; background: #fff; border: 1px solid #7f7f7f; bottom:0px; right: calc( 30% + 150px); display: none; }
.productshowpage .feedback_table  .input-text
,.productshowpage .feedback_table  .textarea-text
,.productshowpage .feedback_table   .code
{color:#5a5a5a; background: #fff; }
.productshowpage .bars2 .close{ position: absolute; top:-4px; right:-2px; line-height: 1; cursor: pointer; }
.productshowpage .bars2 .close:before{ content: "\f2d4"; font-size: 30px; color:#7f7f7f; }

.productshowpage .productshowbody{ margin-top: 40px;}
.productshowpage .protabbar_div { line-height: 50px; height: 50px;  border-bottom: 1px solid #b40000;}
.productshowpage .tabli{ float: left; padding: 0 20px; margin-right: 10px; cursor: pointer; }
.productshowpage .tabli.active{ background-color: #b40000; color:#fff;}
.productshowpage .tabname{font-weight: bold; font-size: 16px; text-align:left; border-bottom: 1px dashed #eee;}
.productshowpage .contentpanel{ margin-top: 20px;}
.productshowpage .tabcontent img{ max-width: 100%; height: auto;}

.hotproduct{ margin-top: 20px; background:#e5e5e5; padding: 40px; }
.hotproduct .hottitle{ font-weight: bold; font-size: 16px; color:#b40000; line-height: 2;}
.hotproduct .divul{ width:100%;  overflow: hidden; margin-top: 20px; }
.hotproduct .list { width:auto; white-space: nowrap; width:8000%;}
.hotproduct .list .item{ float: left; margin-right: 10px;}
.hotproduct .list .item .title{ line-height: 3; text-align: center;}
.hotproduct .list .item a{color:#fff; font-weight: bold; background: #01426d;}
.protemplate{display: none;}

.imgpage .imglist .item{ width:25%; float: left;}
.imgpage .imglist .itembox{ margin: 10px ; margin-bottom: 20px;  text-align: center; cursor: pointer; }
.imgpage  .itembox .pic{ padding: 10px; margin: 10px; margin-bottom: 0; overflow: hidden;  border: 1px solid #f2f2f2; }

.imgpage  .itembox  img{ max-width: 100%; height: auto; transition: 200ms;}
.imgpage .imglist .itembox:hover .pic{ border-color: #b40000;}
.imgpage  .itembox  .title{ font-size: 14px; line-height: 3; background: #b40000; margin: 0 10px;}
.imgpage  .itembox  .title a{ color:#fff;}
.imgpage .imglist2 .columnimg .pic{ padding-bottom:42px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.imgpage  .imglist2  .columnimg .itembox:hover  .pic{ border-color: #f2f2f2;}
.imgpage10 .imglist .item{ width:33%; float: left;}
.imgpage10 .imglist .itembox{ margin: 10px ; margin-bottom: 20px;  text-align: center; cursor: pointer;  }
.imgpage10  .itembox .pic{ margin: 10px; overflow: hidden;}
.imgpage10  .itembox  img{ max-width: 100%; height: auto; transition: 200ms;}
.imgpage10 .imglist .itembox:hover img{ transform: scale(1.1,1.1);}
.imgpage10  .itembox  .title{ font-size: 16px; line-height: 3;}
.imgpage10  .itembox  .desc{ display: block; text-align: left; line-height: 25px; height: 75px; -webkit-line-clamp:3}

.imgpage10 .ywys{ background-color: #f4f4f4; padding: 40px;}
.imgpage10 .ystitle_bbbar{ text-align: center; font-size: 32px; font-weight: bold;}
.imgpage10  .ysdescbar{ text-align: center;}
.imgpage10 .yslist{ margin-top: 30px;}
.imgpage10 .yslist .item { width:25%; float: left;   }
.imgpage10 .yslist .item .itemtitle {width:80%;}
.imgpage10 .yslist .item .sign{ width:60%; text-align: center;}
.imgpage10 .yslist .itemtitle{ margin-top: 10px;}
.imgpage10 .yslist .txt0{  font-size: 18px; font-weight: bold; text-align: center;}
.imgpage10 .yslist .txt1{ }

.imgshowpage .bigimg-box{ text-align: center;}
.imgshowpage .titleandpms .title{ text-align: center; font-size: 18px; line-height: 3; font-weight: bold;}

.imgshowpage .imglist { width:100%; margin-top: 20px; overflow: hidden; position: relative; }
.imgshowpage .imglist  li
,.showdiv .imglist-box li
{ float: left;  margin-right: 10px; border: 1px solid #7f7f7f; }
.imglist  li.curr
,.showdiv .imglist-box li.curr{ border: 1px solid #b40000;  }


.newsList .group_0{ width:50%; float: left;  }
.newsList .group_0  .newsitem{padding: 20px; background: #f2f2f2; position: relative; }
.newsList .group_0 .pic{ width:100%; height: 300px;}
.newsList .group_0  .titleanddesc{ width:100%; }
.newsList .group_0 .title{ font-size: 16px; font-weight: bold;  line-height: 50px; width:80%; margin-left: 0; }
.newsList .group_0  .desc{ height: 100px; line-height: 25px; -webkit-line-clamp:4 ; color:#7f7f7f;}
.newsList .group_0  .time{ width: 100px; height: 50px ; line-height: 50px;  position: absolute; bottom: 120px; right:0px; }
.newsList .group_1{ width:48%; float: right; position: relative; }
.newsList .group_1 .newsitem{background: #f2f2f2; margin-bottom: 20px; position: relative;}
.newsList .group_1 .pic{ width:180px; height: 150px; float: left;}
.newsList .group_1  .titleanddesc{ width:calc(100% - 20px - 180px); float: right; margin-right: 10px; }
.newsList .group_1 .title{ font-size: 16px; font-weight: bold;  line-height: 40px; width:calc( 100% - 100px); margin-left: 0; }
.newsList .group_1  .desc{ height: 100px; line-height: 25px;-webkit-line-clamp:4 ;color:#7f7f7f; }
.newsList .group_1  .time{ width: 100px; height: 40px ; line-height: 40px;  position: absolute; top:0; right:0px; }

.newsList .group_2{clear: both; padding-top: 20px;}
.newsList .group_2 .newsitem .title{ font-weight: bold; font-size: 16px; line-height: 50px;}
.newsList .group_2 .newsitem .desc{ margin-top: 30px; text-indent: 2rem;}
.newsList .group_2 .newsitem .time{ /*height: 30px; line-height: 30px; position: absolute; left:320px; top:50px; color:#ccc; */}

.newsList .group_2 .newsitem{ height: 50px; line-height: 50px; padding: 0;  border-bottom: 1px dashed #eee; position: relative; }
.newsList .group_2 .newsitem .title{ width:calc( 100% - 20px - 100px); float: left;}
.newsList .group_2 .newsitem .time{ height: 50px; line-height: 50px; width:100px; float: right; }

.shownewpage .shownewstitle{ text-align: center;}
.shownewpage  .time{color:#ccc; text-align: center; }


#allmap { border: 1px solid #c9caca;}
#allmap img{ max-width: 1000%; height: auto;}
.bdmap{ max-width: 80%; float: left;}
.pointlist{ width:19%; float: right; line-height: 30px;}
.pointlist em{ width:15px; height: 15px;  line-height: 15px; text-align: center;  display: inline-block; background-color: #017ebc; color:#fff;}
.pointlist a{ cursor: pointer; margin-left: 10px;}

.jobpage .title { line-height: 80px; height: 80px; font-size: 18px; padding: 0 20px; border-bottom:  1px solid #eeeeee; cursor: pointer; position: relative;}
.jobpage .title:before{ content: "\f105"; position: absolute; top:0%; right: 30px; font-size: 28px; }
.jobpage .title.open:before{content: "\f107"; }
.jobpage .desc{padding:  20px; background-color:#eeeeee; display: none; }


.feedbackpage .feedback_table {max-width: 100%; width: 100%; line-height: 2;}

.feedbackpage .feedback_table .text{ width:100px;  text-align:right; padding-right: 10px; display: none; }
.feedbackpage .feedback_table .input{ padding:  5px 0; }
.feedbackpage .feedback_table .input .input-text{ width:90%;  line-height: 30px; padding: 10px;}

.feedbackpage .feedback_table .input img{ height: 22px; vertical-align: middle; padding-left: 1rem;}
.feedbackpage .feedback_table .info{ padding-left:5px; color: #f00; }

.feedbackpage .feedback_table .input .textarea-text{ width:90%; height: 120px;  line-height: 25px; padding:  10px;}
.feedbackpage .feedback_table td.submint{ padding-top: 20px;}
.feedbackpage .feedback_table .button { width:45%; line-height: 3; background-color:#c00;  border: 1px solid #c00;  color: #fff; cursor: pointer;}
.feedbackpage .feedback_table .reset{  background-color:#edecea;  border: 1px solid #edecea; color: #626669; }

.lsideBox .sidenav .title{ background-color: #b40000; height: 100px; line-height: 100px; color:#fff; text-align: center; font-size: 28px ; font-weight: normal; letter-spacing: 2px; }
.lsideBox  .sidenavul2{ border:1px solid #f2f2f2;}
.lsideBox  .sidenavli2{ border-bottom: 1px solid #f2f2f2;}
.lsideBox .sidenav .sidenava2 {height: 50px; line-height: 50px; margin: 5px 0; text-indent: 30px; background: url("../images/lityle.png") no-repeat 8px center; background-size: 16px auto; background-color: #fff;}
.lsideBox .sidenav .sidenavul3{ background: #e5e5e5; padding: 10px 0; display: none;}
.lsideBox .sidenav .curr2class .sidenavul3{ display: block;}
.lsideBox .sidenav .curr2class .sidenava2{ background-image: url("../images/lityle_curr.png")}
.lsideBox  .sidenava3{ text-indent: 30px; line-height: 2;}