@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;
    src:url();
    src:url(../font/fontawesome-webfont.eot) format('embedded-opentype'),
    url(../font/fontawesome-webfont.ttf) format('truetype'),
    url(../font/fontawesome-webfont.svg) format('svg')
}
html{font-family: Tahoma,"Calibri","微软雅黑","宋体",FontAwesome;background-color:#fff; font-size: 16px;}
html.w-1600.w-1400{ font-size: 14px;}
body{ background-color: #fff; line-height:1.8;color:#333;font-size:1rem; }
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;}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.flex{ display: flex;  -ms-display: flex;}
.flex > *{ margin-left: 0;  margin-right: 0;}
.flex.clearfix:after {  display:none;}
.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}

.page{ padding-top: 20px;}

    
.currposition  { height: 50px; line-height: 50px; width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-bottom: 1px dashed #ccc; }
.currposition .container {justify-content: space-between; position: relative; padding-left: 30px;}
.currposition .container :before{ content:"\f015"; position: absolute; left:0; top:50%;  transform: translate(0%,-50%); font-size: 20px; color:#0e90d2; }
.subnavlist .item{ padding: 0 8px;}
.subnavlist .subnava.curr
,.subnavlist .subnava:hover
{ font-weight: bold; color: #0e90d2; }

a{ text-decoration: none;color: #333 }
a:hover{color:#d90000}
.lsidebar{padding: 40px 0;}
.lsideBox{ width:300px; flex: none; }
.rmainBox{margin-left: 20px; flex: auto;}
.mainBox{ padding: 0;}
.show{ display: block;}
.hide{ display: none;}

.currlocatinon{ padding: 1rem 0; font-size: 1rem; border-bottom: 1px dashed #ccc;}

.head-top { height: 3rem; line-height: 3rem; background-color: #f7f7f7; font-size: 1rem;}
.head-top .flex{ justify-content: space-between;}
.head-top  .welcome{ letter-spacing: 2px;}
.head-top  .item{ padding:0 0.5rem; position: relative;}
.head-top  .item:before{ content: ""; with:0; height: 1rem; border-left: 1px dotted #333; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.head-top  .item:last-child{ padding-right: 0}
.head-top  .item:last-child:before{ border: 0;}
.head-top  .hrefa{ display: block;}


.logo_nav.am-sticky{ border-bottom: 1px solid #0e90d2;}
.logo_nav{ background-color: #fff;}
.logo_nav .container{ justify-content: space-between; padding: 1rem 0;}
.logo_nav .logo { flex: none;}
.logo_nav .tel_nav   {  margin-left: 3rem; justify-content: flex-end; }
.logo_nav .tel_nav    .tel{ height: 2rem; line-height: 2rem; justify-content: flex-end; width:100%;}
.logo_nav .tel_nav   .txt2{ font-size: 1.625rem; font-weight: bold; letter-spacing: 1px; color:#d90000;}
.logo_nav .tel_nav  .mainnav{ width:100%;}
.logo_nav .navul1{ justify-content: flex-end; height: 2rem; margin-top: 1rem;}
.logo_nav .navli1{ height: 30px; line-height: 30px;  font-size: 20px; font-weight: bold; padding:0 16px;position: relative; }
.logo_nav .navli1.dropdown{ position: relative;}
.logo_nav .navul2{ position: absolute; top:200%; left:0; opacity: 0; visibility: hidden; transition: 500ms; z-index: 999999; padding:1rem 0; font-size: 1rem; font-weight: normal; min-width: 100%;    }
.logo_nav .navli1:hover .navul2{ top:100%; opacity: 1; visibility: visible;}
.logo_nav .navli2{ padding: 0 1rem; background-color: #fff; box-shadow: 5px 4px 2px 0px rgba(51,51,51,0.5); position: relative;}
.logo_nav .navul3{ position: absolute; top:0; left:200%; padding-left: 5px; opacity: 0; visibility: hidden; transition: 500ms; }
.logo_nav .navli3{ background-color: #fff; padding: 0 10px; box-shadow: 5px 4px 2px 0px rgba(51,51,51,0.5);}
.logo_nav .nava3{ display: block;}
.logo_nav .navli2:hover .navul3{ opacity: 1; visibility: visible; left:100%; }


.index-banner { position: relative; }
.index-banner a { display: block; }
.index-banner img { display: block; width: 100%; }
.index-banner li { position: relative; }
.index-banner li .m-line-more { display: none; visibility: hidden; }
.index-banner .flex-direction-nav { display: none; }
.index-banner .flex-control-nav { z-index: 20; bottom: 38px; }
.index-banner .flex-control-nav li { margin: 0 3px; line-height: 0; height: 2px; width: 94px; background-color: #fff; }
.index-banner .flex-control-nav .cur { background-color: #d90000; }
.index-banner .flex-control-nav a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 94px; height: 2px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; padding: 15px 0; margin-top: -16px; }
.index-banner .flex-control-nav .flex-active { opacity: 1; background: none; }
.index-banner .slide01 { position: relative; overflow: hidden; }
.index-banner .slide01 .imgpopup { position: absolute; right: 0; bottom: 0; z-index: 3; width: 72.39583%; }
.index-banner .slide01 .imgpopup img { vertical-align: top; width: 100%; }
.index-banner .slide01 .textpopup { position: absolute; top: 27.5%; left: 50%; z-index: 10; margin-left: -800px; color: #fff; }
.index-banner .slide01 .tit { margin-bottom: 15px; font-size: 48px; line-height: 58px; width: 72.39583%; white-space: nowrap; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.index-banner .slide01 .txt { margin-bottom: 52px; font-size: 20px; line-height: 32px; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; white-space: nowrap; }
.index-banner .slide01 .m-line-more { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; width: 72.39583%; width: 138px; border-color: #a19583; color: #fff; }
.index-banner .slide01 .m-line-more:hover { color: #fff; }
.index-banner .slide01 .m-line-more:hover::after { background-color: #a19583; }
.index-banner .slide01 .before { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 0; }
.index-banner .slide01 .after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.index-banner .slide03 { position: relative; overflow: hidden; }
.index-banner .slide03 .textpopup03 { position: absolute; top: 27.5%; left: 50%; z-index: 10; margin-left: -800px; color: #fff; }
.index-banner .slide03 .textpopup03 .ico { margin-bottom: 26px; }
.index-banner .slide03 .textpopup03 .ico img { width: auto; }
.index-banner .slide03 .textpopup03 .tit { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; margin-bottom: 50px; font-size: 48px; line-height: 60px; color: #fff; }
.index-banner .slide03 .textpopup03 .m-line-more { border-color: #fff; color: #fff; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
.index-banner .slide03 .textpopup03 .m-line-more::after { background-color: #fff; }
.index-banner .slide03 .textpopup03 .before { -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 0; }
.index-banner .slide03 .textpopup03 .after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.index-banner .slide03 .imgpopup03 .before { -webkit-transform: translate(80px, 60px); -moz-transform: translate(80px, 60px); -ms-transform: translate(80px, 60px); -o-transform: translate(80px, 60px); transform: translate(80px, 60px); -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity:0; }
.index-banner .slide03 .imgpopup03 .after { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
.index-banner .slide03 .imgpopup03 img { position: absolute; z-index: 10; width: auto; }
.index-banner .slide03 .imgpopup03 .pop01 { width: 5.72917%; top: 66.5%; left:72.34375%; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.index-banner .slide03 .imgpopup03 .pop02 { width: 11.61458%; top: 69.875%; left: 77.29167%; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.index-banner .slide03 .imgpopup03 .pop03 { width: 6.61458%; top: 56.375%; left:65.04167%; -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; }
.index-banner .slide03 .imgpopup03 .pop04 { width: 19.21875%; top: 0%; left: 68.22917%; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.index-banner .slide03 .imgpopup03 .pop05 { width: 9.32292%; top: 37.375%; left: 78.82292%; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.index-banner .slide04 { position: relative; overflow: hidden; }
.index-banner .slide04 .textpopup { position: absolute; top: 31%; left: 50%; z-index: 10; margin-left: -800px; color: #fff; }
.index-banner .slide04 .textpopup .tit { margin-bottom: 15px; font-size: 48px; line-height: 58px; width: 72.39583%; white-space: nowrap; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.index-banner .slide04 .textpopup .txt { margin-bottom: 52px; font-size: 20px; line-height: 32px; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; white-space: nowrap; }
.index-banner .slide04 .textpopup .m-line-more { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; width: 72.39583%; width: 138px; border-color: #fff; color: #fff; }
.index-banner .slide04 .textpopup .m-line-more::after { background-color: #fff; }
.index-banner .slide04 .textpopup .m-line-more:hover { color: #fff; }
.index-banner .slide04 .textpopup .m-line-more:hover::after { background-color: #fff; }
.index-banner .slide04 .textpopup .before { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; }
.index-banner .slide04 .textpopup .after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.index-banner .slide04 .imgpopup img { position: absolute; z-index: 10; width: auto; }
.index-banner .slide04 .imgpopup .pop01 { top: 9.875%; left: 33.90625%; width: 35.46875%; }
.index-banner .slide04 .imgpopup .pop01.before { -webkit-transform: translate(-120px, 120px); -moz-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); }
.index-banner .slide04 .imgpopup .pop02 { top: 0; left: 58.54167%; width: 26.35417%; }
.index-banner .slide04 .imgpopup .pop02.before { -webkit-transform: translate(-120px, 120px); -moz-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); }
.index-banner .slide04 .imgpopup .pop03 { top: 79.375%; left: 33.3125%; width: 33.33333%; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.index-banner .slide04 .imgpopup .pop03.before { -webkit-transform: translate(120px, -120px); -moz-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }
.index-banner .slide04 .imgpopup .pop04 { top: 19.5%; left: 55.57292%; width: 35.46875%; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.index-banner .slide04 .imgpopup .pop04.before { -webkit-transform: translate(120px, -120px); -moz-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }
.index-banner .slide04 .imgpopup .pop05 { top: 0; left: 80.625%; width: 19.47917%; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.index-banner .slide04 .imgpopup .pop05.before { -webkit-transform: translate(120px, -120px); -moz-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }
.index-banner .slide04 .imgpopup .pop06 { top: 73.5%; left: 57.29167%; width: 36.97917%; }
.index-banner .slide04 .imgpopup .pop06.before { -webkit-transform: translate(-120px, 120px); -moz-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); }
.index-banner .slide04 .imgpopup .pop07 { top: 29.125%; left: 84.32292%; width: 15.88542%; }
.index-banner .slide04 .imgpopup .pop07.before { -webkit-transform: translate(-120px, 120px); -moz-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); }
.index-banner .slide04 .imgpopup .before { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.index-banner .slide04 .imgpopup .before.after { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }


.w-1400 .index-banner .slide01 .textpopup
, .w-1400 .index-banner .slide02 .textpopup
, .w-1400 .index-banner .slide03 .textpopup
, .w-1400 .index-banner .slide04 .textpopup
{ margin-left: -700px; }
.w-1400 .index-banner .slide01 .textpopup .tit
, .w-1400 .index-banner .slide02 .textpopup .tit
, .w-1400 .index-banner .slide03 .textpopup .tit
, .w-1400 .index-banner .slide04 .textpopup .tit
{ margin-bottom: 15px; font-size: 40px; line-height: 48px; }
.w-1400 .index-banner .slide01 .textpopup .txt
, .w-1400 .index-banner .slide02 .textpopup .txt
, .w-1400 .index-banner .slide03 .textpopup .txt
, .w-1400 .index-banner .slide04 .textpopup .txt
{ margin-bottom: 40px; font-size: 16px; line-height: 28px; }
.w-1400 .index-banner .slide01 .textpopup .m-line-more
, .w-1400 .index-banner .slide02 .textpopup .m-line-more
, .w-1400 .index-banner .slide03 .textpopup .m-line-more
, .w-1400 .index-banner .slide04 .textpopup .m-line-more
{ width: 120px; height: 28px; line-height: 28px; }

.w-1400 .index-banner .slide03 .textpopup03 { margin-left: -700px; }
.w-1400 .index-banner .slide03 .textpopup03 .ico { margin-bottom: 22px; }
.w-1400 .index-banner .slide03 .textpopup03 .ico img { width: 84px; }
.w-1400 .index-banner .slide03 .textpopup03 .tit { margin-bottom: 42px; font-size: 42px; line-height: 52px; }


.w-1200 .index-banner .slide01 .textpopup
, .w-md .index-banner .slide02 .textpopup
, .w-md .index-banner .slide03 .textpopup
, .w-md .index-banner .slide04 .textpopup
{ margin-left: -660px; }
.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup .tit, .w-md .index-banner .slide04 .textpopup .tit { margin-bottom: 15px; font-size: 30px; line-height: 40px; }
.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup .txt, .w-md .index-banner .slide04 .textpopup .txt { margin-bottom: 30px; font-size: 14px; line-height: 24px; }
.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more { width: 100px; height: 28px; line-height: 28px; }

.w-md .index-banner .slide03 .textpopup03 { margin-left: -660px; }
.w-md .index-banner .slide03 .textpopup03 .ico { margin-bottom: 21.32px; }
.w-md .index-banner .slide03 .textpopup03 .ico img { width: 79.54px; }
.w-md .index-banner .slide03 .textpopup03 .tit { margin-bottom: 41px; font-size: 39.36px; line-height: 49.2px; }


.w-1200 .index-banner .slide01 .textpopup
, .w-1200 .index-banner .slide02 .textpopup
, .w-1200 .index-banner .slide03 .textpopup
, .w-1200 .index-banner .slide03 .textpopup
{ margin-left: -600px; }
.w-1200 .index-banner .slide01 .textpopup .tit
, .w-1200 .index-banner .slide02 .textpopup .tit
, .w-1200 .index-banner .slide03 .textpopup .tit
, .w-1200 .index-banner .slide03 .textpopup .tit
{ margin-bottom: 25px; font-size: 28px; }
.w-1200 .index-banner .slide01 .textpopup .txt
, .w-1200 .index-banner .slide02 .textpopup .txt
, .w-1200 .index-banner .slide03 .textpopup .txt
, .w-1200 .index-banner .slide03 .textpopup .txt
{ margin-bottom: 30px; font-size: 14px; line-height: 35px; }
.w-1200 .index-banner .slide01 .textpopup .m-line-more
, .w-1200 .index-banner .slide02 .textpopup .m-line-more
, .w-1200 .index-banner .slide03 .textpopup .m-line-more
, .w-1200 .index-banner .slide03 .textpopup .m-line-more
{ width: 100px; height: 28px; line-height: 28px; }

.w-1200 .index-banner .slide03 .textpopup03 { margin-left: -600px; }
.w-1200 .index-banner .slide03 .textpopup03 .ico { margin-bottom: 19.5px; }
.w-1200 .index-banner .slide03 .textpopup03 .ico img { width: 72.75px; }
.w-1200 .index-banner .slide03 .textpopup03 .tit { margin-bottom: 37.5px; font-size: 36px; line-height: 45px; }
.w-1200 .index-banner .slide04 .textpopup { margin-left: -600px; }



.index-about
,.index-cases
,.index-fa
,.index-news
,.index-guest
{ padding-top: 2.5rem ;}
.index-about .title-box .en
,.index-cases .title-box .en
,.index-fa .title-box .en
,.index-news .title-box .en
,.index-guest .title-box .en
{ text-transform: uppercase; font-size: 1rem; line-height: 1.5rem; color:#999; }
.index-about .title-box .cn
,.index-cases .title-box .cn
,.index-fa .title-box .cn
,.index-news .title-box .cn
,.index-guest .title-box .cn
{ font-size: 2.25rem; line-height: 3.825rem; font-weight: bold;}
.index-about .title-box .cn em
,.index-cases .title-box .cn em
,.index-fa .title-box .cn em
,.index-news .title-box .cn em
,.index-guest .title-box .cn em
{ color:#d90000;}


.index-about  .content{ width:75%; margin-top: 1.5rem; margin-left: 0;}
.index-about  .content em{color:#d90000; }
.index-about .main_business{ margin-top: 2.5rem; justify-content: space-between;}
.index-about  .item { padding:2rem; position: relative; flex: auto; text-align: center; border: 1px solid #eee; transition: 200ms;}

.index-about .icon { padding: 0.5rem 0 1rem;  }
.index-about .icon .img1{display: inline-block;}
.index-about  .img2{display: none;}
.index-about  .item .title{ font-size: 1.125rem; line-height: 2.25rem; font-weight: bold;  }
.index-about  .item  .subitem{ font-size: 0.9rem; position: relative; padding: 0.125rem 0; }

.index-about   .item:hover{ box-shadow: 0 0 2px 2px #eee;}
.index-about   .item:hover .img1{ display: none;}
.index-about  .item:hover .img2{ display: inline-block;}
.index-about  .item:hover:after{width:100%;}
.index-about  .item:hover .title
,.index-about  .item .subitem:hover
,.index-about  .item .subitem:hover:before
{ color:#d90000; border-color: #d90000;}


.index-cases .mainbox{ margin-top: 2.5rem; justify-content: left; flex-wrap: wrap; }
.index-cases .item{ width:33.33%; padding: 1rem;}
.index-cases .itema{ display: block;}
.index-cases .content{ max-width: 100%; position: relative;}
.index-cases .content .txtbox{ position: absolute; top:0; left:0; transition: 200ms;  width:100%; height: 0; overflow: hidden; color:#fff; background-color: rgba(255,255,255,0.0); padding:0 2rem;  }
.index-cases .content .desc{ margin-top: 1rem; -webkit-line-clamp:3; font-size: 0.9rem; line-height: 1.5rem;}
.index-cases .itema:hover .txtbox{width:100%; height: 100%; padding: 2rem; background-color: rgba(217,0,0,0.8);}
.index-cases  .titlebox{ justify-content: space-between; line-height: 3rem;}
.index-cases  .titlebox .title{ font-size: 1.5rem;}
.index-cases  .titlebox .tag{ font-size: 0.85rem; color:#999;}

.index-fa{ background-color: #f5f5f5; margin-top:2.5rem; padding-top: 2.5rem ; }
.index-fa .mainbox{margin-top: 2.5rem; justify-content: left; flex-wrap: wrap;  }
.index-fa .item{ width:25%; padding: 1rem;}
.index-fa .itema{ display: block;position: relative; padding-bottom: 2rem; }
.index-fa  .itema:before
,.index-fa  .itema:after
{ content: ""; position: absolute; width:100%; border-bottom: 2px solid #eee; left:0; bottom:0; transition: 500ms; z-index: 2;}
.index-fa  .itema:after{ width:0; border-color:#d90000;z-index: 3; }
.index-fa .pic{ overflow: hidden;}
.index-fa  .faimg{ transition: 200ms; }

.index-fa .itema .txtbox{ margin-top: 1rem;}
.index-fa .itema .title{ font-size: 1.125rem; font-weight: bold;}
.index-fa .itema .desc{ font-size: 0.95rem; line-height: 1.5rem; height: 3rem; margin-top: 0.5rem; color:#666;  }
.index-fa .itema:hover .faimg{transform: scale(1.1);}
.index-fa .itema:hover:after{width:100%;}

.index-guest .mainbox { margin-top: 2rem; flex-wrap: wrap;}
.index-guest .mainbox  .item{ flex: none; }

.index-news  .barlist { margin-top: 1rem; justify-content: flex-start; }
.index-news  .barlist .bar{ padding: 0.25rem 0.5rem;}
.index-news .pannels{ margin-top: 1rem;}
.index-news .pannel{justify-content: space-between;}
.index-news .pannel .left{ max-width: 33%; flex: none;}

.index-news .pannel .left .pic{ max-width: 100%;}
.index-news .pannel .left .txtbox{ margin-top: 0.5rem; position: relative;}
.index-news .pannel .left .time{ position: absolute; top:0px; right:0; height: 2rem; font-size: 0.9rem ; color:#888;  }
.index-news .pannel .left  .title{ height: 2rem; line-height: 2rem; width:70%; margin-left: 0;}
.index-news .pannel .left  .desc{-webkit-line-clamp:4 ; margin-top: 0.4rem ; line-height: 1.5rem; font-size: 0.9rem ; color:#888;}
.index-news .pannel .right{ margin-left:5%;flex: auto; justify-content: space-between; flex-wrap: wrap; }
.index-news .pannel .right .item{width:49%;}
.index-news .pannel .right .time{ flex: none; text-align: center; position: relative;}
.index-news .pannel .right .time .d{ font-size: 2rem; line-height: 1; padding: 0;  position: absolute; bottom:50%; left:50%; transform: translateX(-50%); }
.index-news .pannel .right .time .ym{ padding: 0 0.5rem; padding-top: 50%;  }
.index-news .pannel .right .txtbox{ margin-left: 0.5rem; flex: auto;}
.index-news .pannel .right .desc{line-height: 1.5rem; font-size: 0.9rem ; color:#888;}


.aboutpage{ padding-top: 2rem;}


.productpage  .productlist  { flex-wrap: wrap; margin-top: 2rem;}
.productpage  .productlist  .item{ width:33.33%; margin-bottom: 1rem;}
.productpage  .productlist  .promain{position: relative; margin-bottom: 2rem; max-width: 98%;  }
.productpage  .productlist  .promain:before{ content: ""; width:calc(100% + 10px); height:calc(100% + 10px); border: 1px solid #f6f6f6; box-shadow: none; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index: -1;transition: 500ms; }
.productpage  .productlist  .promain .title{ height: 5rem; line-height: 5rem; text-align: center;  font-size: 1.5rem;}
.productpage  .productlist  .promain .pic{ overflow: hidden; background-color:#f6f6f6; }
.productpage  .productlist  .promain img{ transition: 500ms;}
.productpage  .productlist  .promain .hidediv{ position: absolute; padding-top: 0; height: 0; visibility: hidden; opacity: 0; width:100%;  top:0; left:0; background-color: transparent; color:#fff; text-align: center; transition: 500ms;  }
.productpage  .productlist  .promain:hover{ transform: translateY(-1rem);}
.productpage  .productlist  .promain:hover:before{width:100%; height: 100%; border-color: transparent; box-shadow: 5px 10px 10px 0px rgba(0,0,0,0.3);}
.productpage  .productlist  .promain:hover img{ transform: scale(1.1);}
.productpage  .productlist  .promain:hover .hidediv{ padding-top: 3rem; height: calc(100% - 5rem);visibility: visible; opacity: 1; background-color:rgba(0,0,0,0.6);}

.productshowpage{ margin-top: 2rem;}
.productshowpage .imgAndTitle{ padding: 2rem 10%; background-color: #eaeaea; }
.productshowpage .imgAndTitle .imgbox{ flex: none; padding: 1rem; background-color: #fff;}
.productshowpage .imgAndTitle .title-box{ margin-left: 2rem; flex: auto; padding: 1rem 2.5rem; background-color: #fff;}
.productshowpage .imgAndTitle  .pro-title{ text-align: center; font-weight: bold; font-size: 1.2rem; line-height: 1;}
.productshowpage  .imgAndTitle .para{ margin-top: 2rem;}
.productshowpage  .paralistbox{ margin-top: 2rem;}
.productshowpage  .pro-imglist .item{ padding: 3px; }
.productshowpage  .pro-imglist .img{ box-shadow: 0 0 0 1px #eee;}
.productshowpage  .pro-imglist .curr .img{ box-shadow: 0 0 0 1px #315c6e;}

.productshowpage .bdsharebuttonbox{margin-top: 1rem; padding-left: 5rem; }
.productshowpage .tabname{ font-size: 1.25rem; line-height: 3rem; color:#315c6e; font-weight: bold;  display: none;}
.productshowpage .tabname:before{ content: ">>"; margin-right: 0.5rem;}
.productshowpage  .tabcontent{ margin-bottom: 2rem; margin-top: 2rem;  text-align: center;}



.casepage  .cases_extul{ margin-bottom: 20px;}
.casepage .cases_extul .extitem{ padding: 0px 5px;}
.casepage .cases_extul .extitem .exta{ display: block; padding: 3px 10px; color:#fff; background-color:#315c6e; }
.casepage .cases_extul .extitem .exta.active{ background-color:#d90000;}
.imgpage .pagelist { flex-wrap: wrap;}
.imgpage .pagelist .item{ width:33.33%;}
.imgpage .pagelist  .divmain{ margin: 10px; transition: 500ms; position: relative;}
.imgpage .pagelist   .divmain .pic{ overflow: hidden;}
.imgpage .pagelist  .txtbox{ text-align: center; height: 70px; line-height: 70px;}
.imgpage .pagelist   .divmain:before{
    content: ""; width:calc(100% + 10px); height:calc(100% + 10px); border: 1px solid #f6f6f6; box-shadow: none; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index: -1;transition: 500ms;
}
.imgpage .pagelist   .divmain:hover{ transform: translateY(-1rem);}
.imgpage .pagelist   .divmain:hover:before{width:100%; height: 100%; border-color: transparent; box-shadow: 5px 10px 10px 0px rgba(0,0,0,0.3);}

.imgpage .pagelist   .divmain:hover img{ transform: scale(1.1);}

.showcasepage .titlebox{ padding: 30px 0; background-color: #eaeaea; }
.showcasepage .titlebox .pic{ padding: 20px; background-color: #fff;}
.showcasepage .titlebox .txtbox{ margin-left: 30px; padding: 20px; background-color: #fff;}
.showcasepage .titlebox  .title{ font-weight: bold; font-size: 22px;  text-align: center; margin-bottom: 30px;}
.showcasepage  .content{ padding: 20px; border: 1px dotted #eaeaea;}


    
.newspage .pagelist .item { background-color: #f5f5f5; border: 1px solid #f5f5f5; margin-bottom: 32px;  }
.newspage .pagelist .divmain{ margin: 16px; height: 100px;}
.newspage .pagelist .itema{  width:100%; height: 100%;}
.newspage .pagelist .timebox{ width:100px; flex: none; position: relative}
.newspage .pagelist .timepath{ width:100%; line-height: 1; display: block; position: absolute; left:0; text-align: center;}
.newspage .pagelist .ym{ top:50%;font-size: 20px; transform:  translateY(40%); }
.newspage .pagelist .d{ bottom:50%; font-size: 36px; font-weight: bold; transform: translateY(10%);}
.newspage .pagelist .txtbox { display: flex; flex-direction: column; justify-content: space-between; }
.newspage .pagelist .title{ height: 30px; line-height: 30px; font-weight: bold; font-size: 18px;}
.newspage .pagelist .desc{ height:46px; ;  line-height: 23px; font-size: 14px; overflow: hidden;}
.newspage .pagelist .item{ transition: 500ms; }
.newspage .pagelist .item:hover{ transform: translateY(-10%);  }


.shownewspage .maincontent{ margin-top: 30px;}
.shownewspage  .titlebox{ text-align: center;}
.shownewspage  .titlebox .title{ font-weight: bold; font-size: 20px; line-height:40px;}
.shownewspage .maincontent .shownewscontent{ margin-top: 20px;}

.shijipage .pagelist .item { background-color: #f5f5f5; border: 1px solid #f5f5f5; margin-bottom: 16px;  }
.shijipage .pagelist .divmain{ margin: 16px;}
.shijipage .pagelist .itema{  width:100%; height: 100%;}
.shijipage .pagelist .txtbox{ flex: auto; margin-left: 20px;}
.shijipage .pagelist .title{ height: 30px; line-height: 30px; font-weight: bold; font-size: 18px;}
.shijipage .pagelist .desc{ height:46px; ;  line-height: 23px; font-size: 14px; color:#5a5a5a; margin-top: 20px;}




.imgpage  .imglist { flex-wrap: wrap; margin-top: 2rem;}
.imgpage  .imglist .item{ width:33.33%;}
.imgpage  .imglist .promain{position: relative; margin-bottom: 2rem; padding-bottom: 1rem; transition: 500ms;}

.imgpage  .imglist .promain .title{ height:3rem; line-height: 3rem; text-align: center; padding: 0 1rem;}
.imgpage  .imglist .promain .pic{ overflow: hidden;}
.imgpage  .imglist .promain img{ transition: 500ms;}
.imgpage  .imglist .desc{ font-size: 0.85rem;  padding: 0 1rem; }
.imgpage  .imglist .promain:hover{ transform: translateY(-1rem); box-shadow: 5px 10px 10px 0px rgba(0,0,0,0.3);}
.imgpage  .imglist .promain:hover img{ transform: scale(1.1);}

.imgshowpage   .title-box{ font-size: 2rem;padding: 2rem; text-align: center;}
.imgshowpage   .imgbox{ padding: 2rem; flex-direction: row; justify-content: center;}
.imgshowpage   .imgbox .imglist{ margin-left: 2rem;}
.imgshowpage   .imgbox .imglist li{ border: 1px solid #f6f6f6; margin: 10px 0;}
.imgshowpage   .imgbox .imglist li.curr{border-color:#315c6e;  }
.imgshowpage  .protabbar_div{ line-height: 2.5; border-bottom: 1px solid #f6f6f6;}
.imgshowpage  .protabbar_div .tabli{ font-size: 1.5rem;}
.imgshowpage    .contentpanel{ margin-top: 2rem; line-height: 2;}

.showimgpage .titlebox .title{font-size: 2rem;padding: 2rem; text-align: center; }



.footer{ margin-top:1rem; color:#777; background-color: #333; padding: 2.5rem;  }
.footer .container{ justify-content: space-between;}
.footer .footdl{ max-width: 40%; flex-shrink: 1;  padding-right: 24px;}
.footer  .title{ font-size: 1.5rem; line-height: 3rem; color:#fff;}
.footer  .txtbox{ font-size: 0.9rem; line-height: 1.8rem;}
.footer  .txtbox.flex{ justify-content: space-between;}
.footer  .txtbox .subul{ padding-right: 1rem;}
.footer .txtitem{ white-space: nowrap;}
.footer  .colummitem{ transition: 500ms; }
.footer  .colummitem:hover{ text-indent: 0.9rem;}
.footer  a{ color:#777; display: block;}
.copyright{ background-color: #323232; color:#fff; border-top: 1px solid #eee; padding: 1rem; text-align: center;  }


.sitemappage  .companyname{ font-size: 30px; font-weight: bold;   line-height: 70px; text-align: center;}
.sitemappage  .sitemap{ padding: 30px;}
.sitemappage  .sitename{ font-weight: bold; font-size: 30px; line-height: 48px; height: 48px; text-align: center;}
.sitemappage  .navul{ padding-top: 16px; overflow: hidden; flex-wrap: nowrap;}
.sitemappage  .navul .navli{ padding-right: 16px; flex: none;}
.sitemappage  .navul .navli_first{ font-weight: bold; }
.sitemappage .dataul  { flex-wrap: wrap; padding: 16px ; border: 1px dotted #eee;}
.sitemappage .dataul .datali{ width:23%; margin-right: 2%}