@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')
}
html{ font-family:"arial","微软雅黑","宋体",FontAwesome;background-color: #f6f3f1; font-size: 14px;}
body{font-size: 16px; line-height: 28px; color: #272831; background-color: #f6f3f1;}
body,li,ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,figure, form,a,button {
    margin: 0; border: 0; padding: 0; list-style: none;
}
ul>li>ul{ margin: 0;}
img{ vertical-align: bottom;}
div{margin: 0px auto;}
a,a:hover{color:#272831;}
em{ font-style:normal; }
.container{width: 1300px;max-width: 98%;  margin: 0px auto; }
.clearfix:after{content:""; height:0; visibility:hidden;display:block; clear:both;  color:transparent}


.dian7{ position: relative;}
.dian7:after{content: ""; width:100%; height: 7px; background: url("../images/dian_3.png"); position: absolute; left:0; bottom:0;}

.currlocatinon { position: relative; padding: 15px 0; margin-top: 30px; margin-bottom: 30px;}
.currlocatinon .curr{ position: absolute; left:0; bottom:60px; z-index: 999999999; background-color:rgba(39,40,49,0.75);line-height:100px;font-size: 42px;color: #fff;letter-spacing: 0.6px;}
.currlocatinon .curr .txt{ padding: 0 20px; margin: 10px; min-width: 300px; border:2px solid #fff; z-index: 2; letter-spacing: 4px;}
.head-top{ background-color:#BF1248; font-size: 14px; line-height: 42px; color:#fff;}
.head-top .txt { letter-spacing: 1.5px;}
.logo-nav-search{ background:#f6f3f1; }
.logo-nav-search.am-sticky{ border-bottom: 1px solid #BF1248;}
.logo-nav-search  .logo{ padding: 20px 0;}
.logo-nav-search  .logo img{ height: 100px;  width:auto; max-width: none;}
.flex>.nav-search{ position: relative;  align-items: center;}
.logo-nav-search .mainnav{ margin: 0 20px;}
.nav-search .navul1{ justify-content: space-around; }
.logo-nav-search  .nava1{ display: block; padding:10px 20px;}
.logo-nav-search .navli1:hover  .nava1
,.logo-nav-search .navli1.active  .nava1 { background: #BF1248; color:#fff; }
.logo-nav-search .dropdown{ position: relative;}
.logo-nav-search .navul2{ padding-top: 20px; border: 1px solid #BF1248; position: absolute; top:200%; left:0;z-index: 99999; min-width: 100%; max-width: 200%; background: #fff; transition: 500ms; opacity: 0; visibility: hidden; }
.logo-nav-search .navul2 .nava2{ display: block; padding: 10px; width:100%; line-height: 1; }
.logo-nav-search .dropdown:hover .navul2{ top:100%; opacity: 1; visibility: visible;}
.logo-nav-search .navul2 .nava2:hover{ color:#fff; background: #BF1248;}
.logo-nav-search .searchform .searchword{ line-height: 2rem; height: 2rem; font-size: 1rem; padding: 0 1rem; outline: none; border: 1px solid #BF1248; width:15rem;}
.logo-nav-search .searchform  .searchgo{ height: 2rem; background-color:#BF1248; color:#fff; padding: 0 1rem; margin: 0; }
.index-item{ margin-top: 60px;}
.index-item .titlebox .title{ font-size: 36px; font-weight:bold; line-height: 50px; text-align: center; letter-spacing: 1px;}
.index-item .titlebox .subtitle{ font-size: 20px; line-height: 30px; color:#D5DAE1; text-align: center; text-transform: uppercase;}
.index-product  .list{ flex-wrap: wrap; margin-top: 30px;}
.index-product .item{ width:25%; padding-bottom: 20px;}
.index-product .mainbox{ margin: 20px; }
.index-product .mainbox .pic { overflow: hidden;}
.index-product .mainbox  img{ transition: 500ms;}
.index-product .mainbox .title{ line-height: 36px; text-align: center; padding: 0 20px; background: #fff; }
.index-product .pic:hover img{ transform: translate(1.1,1.1);}

.index-about{ background: url("../images/index-aboutbg.png") center top; padding: 30px 0 150px 0;  color:#fff;}
.index-about .mainbox{ margin-top: 40px;}

.index-about   .pic{ border: 3px solid #a7c6fa; border-radius: 15px; overflow: hidden;}
.index-about   .txtbox{ margin-left: 30px; position: relative;}
.index-about   .txtbox .title{ font-size: 24px; line-height: 50px; }
.index-about   .content{ padding-top: 20px; color:#fff; line-height: 30px; letter-spacing: 1px;}
.index-about   .content p{ text-indent: 32px;}
.index-about   .txtbox .aboutinfoa{ position: absolute; left:10px; bottom:10px; display: block; line-height: 1; padding: 20px 30px; border: 1px solid #fff; border-radius: 5px; color:#fff; transition: 500ms;}
.index-about   .txtbox .aboutinfoa:hover{ background: #fff; color:#BF1248;}

.index-data{margin: 0;}
.index-data .container{ position: relative; height: 50px; }
.index-data .list { background: #f6f3f1;  position:absolute; width:100%; left:0; bottom:0; z-index: 3; padding-top: 40px; justify-content: space-around; }
.index-data .list .num{ color:#BF1248; font-size: 60px; font-weight: bold; line-height: 70px; margin-right: 10px;}
.index-data .list .txt1{ align-items: baseline;}
.index-data .list  .txt2{ text-align: center; line-height: 40px;}

.index-shibei .list{ overflow: hidden; }
.index-shibei .rollDiv{ overflow: hidden;}
.index-shibei .maindiv{ margin: 10px; }
.index-shibei .maindiv .title{ line-height: 50px;}

.index-news .maindiv{ margin: 20px; text-align: center; background: #fff;padding-bottom: 20px;}
.index-news .maindiv .title{ line-height: 50px; font-size: 18px; padding: 0 20px;}
.index-news .maindiv .desc{ padding: 0 20px;}


.index-guest .list{ overflow: hidden; flex-wrap: wrap;margin-top: 30px; justify-content:space-between;}
.index-guest .maindiv{ margin: 5px; }

.footer{ background: #313131; color:#fff; padding: 30px; margin-top: 80px;}
.footer .nav{ justify-content: space-around;}
.footer .nav1{ font-size: 20px; line-height: 40px;}
.footer .navul2,.footer .nav .content{ margin-top: 20px;}
.footer .nav2a{ color:#fff;}
.footer-rightcopy{ background: #313131; color:#fff; padding: 20px 0; border-top: 1px solid #f6f3f1;}

.pagetitlebox .title{ font-size: 30px;font-weight: bold;letter-spacing: 4px;text-align: center; line-height: 60px; }
.pagetitlebox .subnav{ justify-content: center;}
.pagetitlebox .subnav .subitem{ line-height: 1; margin: 10px;}
.pagetitlebox .subitema{ padding: 10px 20px; display: block; background: #BF1248; color:#fff;}

.pagelist .imglist{ margin-top: 30px;}
.pagelist .imglist .item{ text-align: center; margin-bottom: 20px;}
.pagelist .divmain{ margin: 10px; background: #fff; transition: 500ms;}
.pagelist .divmain .title{ line-height: 60px; padding: 0 10px;}
.pagelist .divmain:hover{ transform: translate(-10px,-10px); box-shadow: 10px 10px 10px 0  #dedede;}
.pageshow .showmain{ margin-top: 20px;}
.pageshow .showmain .title{ font-size: 30px; line-height: 60px; text-align: center;  }
.pageshow .showmain .imgbox{ text-align: center; margin: 0 10px;}
.pageshow .showmain  .content{ border: 1px solid #dedede;  padding: 20px;}

.newslist .leftbox{ margin-right: 20px;}
.newslist .leftbox .item{ background: #fff; margin: 10px 0; padding: 20px;}
.newslist .leftbox .date{ width:100px; flex: none; background: #BF1248; color:#fff; position: relative; line-height: 1; }
.newslist .leftbox .date .d{ position: absolute; bottom: 50%; left:50%; white-space: nowrap; transform: translate(-50%,0px); font-size: 30px;}
.newslist .leftbox .date .ym{position: absolute; top: 50%; left:50%; white-space: nowrap; transform: translate(-50%,10px);}
.newslist .leftbox  .content{ margin-left: 20px;}
.newslist .leftbox  .title{ font-size: 24px; line-height: 40px; }
.newslist .leftbox  .desc{ margin-top: 10px; line-height: 26px; color:#5A5A5A; font-size: 12px;}
.newslist .rightbox{ width:250px; flex:none;}
.newslist .rightbox .item{ margin-bottom: 20px;}
.newslist .rightbox .divmain{ padding-bottom: 10px;}
.newslist .rightbox .divmain:hover{ transform: translate(0px,0px); box-shadow: 0px 0px 0px 0  transparent;}
.newslist .rightbox  .title{ line-height: 40px;}
.newslist .rightbox  .date{ padding: 0 10px; font-size: 12px;color:#5A5A5A; }
.newslist .rightbox  .desc{  padding: 0 10px; font-size: 14px; color:#5A5A5A; line-height:20px; }

.shownewpage .shownewstitle{ margin-top: 1rem; text-align: center; height: 60px; ; line-height: 60px;}
.shownewpage  .time{ text-align: center; font-size: 12px; line-height: 24px; }
.shownewpage .shownewscontent{ padding: 20px;}

 .productlist .item{ text-align: center; margin-bottom: 20px;}


.productshowpage { padding-top: 20px; ;}
.productshowpage .imgAndTitle{ justify-content: space-between;}
.productshowpage .imgbox{ flex: none; max-width: 100%;}
.productshowpage  .pro-bigimg-img{ box-shadow: 0 0 0 2px #eee;}
.productshowpage .imgAndTitle  .title-box{ flex: auto; margin-left: 2rem;}
.productshowpage  .pro-title { font-weight: bold; font-size: 1.2rem; height: 3rem; line-height: 3rem; border-bottom: 1px solid #eee;}
.productshowpage .imgAndTitle .para{ line-height: 1.8; padding: 1rem 0;}

.productshowpage .imgAndTitle .tel-1{ padding-left: 10px; font-size: 1.5rem; color:#f6992b; letter-spacing: 1px; }
.productshowpage .askdiv{margin-top: 10px;}
.productshowpage .aska{ display: inline-block; padding: 1rem 3rem; background-color:#f6992b; border-radius: 10px; color:#fff; font-weight: bold;  }
.productshowpage .tabname{ height: 2.5rem; line-height: 2.5rem; border-bottom: 2px solid #eee; margin-top: 2rem;  }
.productshowpage .tabnamespan{ padding: 0 2rem; background-color:#70a117;  color:#fff; display: inline-block; border-radius: 10px; border-bottom-left-radius: 0;border-bottom-right-radius: 0; }
.productshowpage .tabcontent{ padding: 1rem; border: 1px solid #eee; line-height: 1.8;}
.productshowpage .show-hitspro{margin-top: 2rem; border: 1px solid #ccc; overflow: hidden; max-width: 100%; }
.productshowpage .show-hitspro .titlebox{  background-color: #ccc; color:#194a8d; font-weight: bold; padding-left: 2rem; line-height: 2.5rem; height: 2.5rem; }
.productshowpage .show-hitspro .contentbox{ margin: 1rem 0; }

.productshowpage .show-hitspro .item{ flex: none; text-align: center;}
.productshowpage .show-hitspro .item  .title{ height: 2.5rem; line-height: 2.5rem;}


/*searchpage page*/
.searchpage{ padding-top: 60px;}
.searchpage .searchform{ margin-bottom: 20px;}
.searchpage .form{ position: relative;}
.searchpage .keyword{ width:100%; height: 40px; line-height: 40px; outline: none; padding: 0 100px 0 30px; border-radius: 50px; border: 1px solid #00824A;}
.searchpage .submit{ background-color: #00824A; color:#fff; position: absolute; top:0%; right:0;  height: 40px; line-height: 40px; padding: 0 20px;  border-radius: 50px; border-bottom-left-radius: 0; border-top-left-radius: 0; border: 1px solid #00824A; }
.searchpage  .pagelist .item{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee;}
/*searchpage page end*/