@charset "utf-8";
* {box-sizing: border-box;}
*::before, *::after {box-sizing: border-box;}
article,aside,dialog,header,section,footer,nav,figure,menu{display:block; clear:both}
header{ position:fixed; left:0; top:0; width:100%;   height:120px; position:static}
header .top{ position:absolute; top:0; width:100%; position:fixed; width:100%;z-index:99999;}
header .header-nav{ height:83px;top:35px; position:fixed; width:100%;background:#fff;border-bottom: 1px solid #d8dddd;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);z-index:9999;}
html{ margin:0; padding:0}
body{ margin:0; padding:0; font-size:.75em;color:#727171; font-family:myriad-pro,Myriad,"PT Sans",sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.5em; font-weight:300}
.container{ margin:0 auto;clear:both;}
a{ color:#727171; text-decoration:none;}
a,a:focus {	outline: none;}
h1,h2,h3,h4,h5,h6,hr,ul,li,p,ol{ list-style:none; margin:0; padding:0}
input, textarea, button, select, legend, fieldset, text{background: none;border:  none;margin: 0;outline: none;padding: 0;}
img{ max-width:100%; margin:0 auto; display:block; border:none}
hr{ height:1px; width:100%; border:none; border-bottom:1px solid #b3b3b3;}
/*top*/
.top{ background:#484748; width:100%; height:35px; line-height:35px; color:#fff}
.tel a{ color:#fff; text-decoration:none}
.top-mail{ margin-right:2em;}
.top-mail a{ color:#fff; margin-left:6px}
.top-mail a:hover{ text-decoration:underline; color:#fff}
/*top-language*/
.language-ico{ width:15px; height:20px; background:url(../images/ico.png); background-position:-1px -1px; float:left; margin:8px 11px 0 14px; }
.top-language{ background:#c9caca; color:#fff}
.top-language {margin: 0px auto ;} 
.top-language ul ul {display: none;}
.top-language ul li:hover ul {display: block;}
.top-language ul {padding: 0;list-style: none;position: relative; z-index:4;display: inline-table;}
.top-language ul:after {content: ""; clear: both; display: block;}
.top-language ul li {float: left; font-size:12px; min-width:120px;}
.top-language ul li:hover a {color: #fff;}
.top-language ul li a {display: block; color: #484748; text-decoration: none; }
.top-language ul ul {background: #5f6975; border-radius: 0px; padding: 0;position: absolute; top: 100%;}
.top-language ul ul li {float: none; border-top: 1px solid #6b727c;border-bottom: 1px solid #575f6a; position: relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:none}
.top-language ul ul li a {padding: 1px 10px;color: #fff !important; background:none}   
.top-language ul ul li a:hover {background: #4b545f;}
/*top-language*/
.logo{ margin-top:20px;}
.navigation{ margin-top:30px;}
/*foot*/
.leave-inquiry{ background:#333}
.foot{ background:#484748; color:#fff; padding:3em 0;}
.foot .container{ display:table; overflow:hidden;}
.foot a{ color:#fff; font-size:1.1em}
.foot h5{ font-size:1.5em; margin-bottom:1em; }
.foot .nf-1 li,.foot .nf-3 li{ float:left; width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:.5em}
.foot .nf-3 li a i{ font-size:1.3em; margin-right:5px;color:#fff; background:none}
.bottom{ height:auto; overflow:hidden; padding:15px 0;background:#484748; border-top:1px solid #565556; color:#fff}
.bottom a{ color:#fff}
.bottom .nf-6{ margin-bottom:5px;}
.main-bg{ background:#f6f6f6 url("../images/breadbg.png") repeat-x scroll 0 0}
.foot .nf-3.last a{background:#7f7e80; color:#373638; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; height:32px; width:32px; text-align:center; float:left; margin-right:5px;}
.foot .nf-3.last a i{ font-size:1.5em; line-height:32px;}
.foot .nf-3.last a:hover{ color:#7f7e80;background:#373638}

.foot a:hover,.bottom a:hover,.breadcrumb a:hover,.sidebar-nav .acc_container li a:hover,.pro-box li h2 a:hover,.pro-show li h2 a:hover,.projects-nav a:hover,.projects-nav a.on,.news-introduction p a:hover,.news-introduction.nf-9 span a,.news-nav .acc_container li a:hover,.news-voide-list li h2 a:hover,.no-found a:hover,.article-paging p a:hover,.other_container li a:hover,.news-introduction h2 a:hover,.project .pro-box li:hover h2,.crushing-main li .nf-7 h2 a:hover{ color:#d70c25}
.news-introduction h2 a:hover,.project .pro-box li:hover h2{ text-decoration:underline;}
.project .pro-box li:hover h2{color:#d70c25 !important}
/*page*/
#callBackPager{ text-align:center}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline; font-size:1.2em}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#000;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#d70c25;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#d70c25;border-color:#b81b32;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}

/*tab*/
.tabPanel{ display:block}
.tabPanel ul{ display:block}
.tabPanel ul li{float:left;text-align:center;cursor:pointer; }
.tabPanel .hit{cursor:pointer;}
.panes{ float:left; width:100%}
.pane{display:none;}

@media screen and (min-width:1002px){
	.container{ width:1002px;}
	.search form{width:90%;}
	.index-pro-txt{padding:15% 20% ;}
	.news-list li img{ max-height:180px;max-width:270px;}
	}
@media screen and  (min-width: 980px) and (max-width:1001px){
	.container{ width:960px;}
	.search form{width:84%;}
	.pro-box li {min-height: 200px !important;}
	.pro-box li .pro-txt{ height:50px !important; overflow:hidden; padding:8px 10px !important}
	.index-pro-txt{padding:10% ;}
	} 
@media screen and  (min-width: 769px) and (max-width:979px){
	.container{ width:760px;}
	.search form{width:80%;}
	.search .searchsub{ width:13%;}
	.index-news .nf-6{ width:100%;}
	.pro-box .nf-4{ width:50%}
	.pro-search .searchtext{ max-width:80%;}
	.pro-contact a{ height:auto !important}
	.pro-contact span{ width:100%; display:table; left:0 !important; top:-5px !important;}
	.moduletable{ margin-top:4em;}
	}
@media screen and  (min-width: 480px) and (max-width:768px){
	.container{ width:480px;}
	.search form{ width:80% !important}
	.cao.slider{ width:420px !important; margin:0 auto}
	}
@media screen and (max-width:479px){
	.container{ width:100%;}
	.fl.tel{ display:none}
	.fr.language{ float:inherit; padding:0 15px}
	.search form{ width:320px !important}
	.search .searchsub{ width:15%;}
	.cao.slider{ width:290px !important; margin:0 auto}
	.date-table{ max-width:280px; margin:0 auto}
	.article-main{ padding:0 15px}
	.news-time.nf-2{ margin:0 auto; display:table; float:none !important}
	.index-pro-txt h2{ font-size:1.2em !important;  font-weight:bold !important}
	.index-pro-txt p{ margin:1em auto 1.5em !important; font-size:1em !important}
	.index-pro-txt span a{ padding:6px 25px !important}
	}
/*PC*/	 
@media screen and (min-width:769px){
	.tel a{pointer-events: none;}
	.fl,.index-pro{ float:left;}
	.fr{ float:right;}
	.nf-1,.nf-2,.nf-3,.nf-4,.nf-6,.nf-7,.nf-8,.nf-9,.nf-10,.nf-5,.nf-11{ float:left; padding:0 15px;}
	.nf-1{ width:20%}
	.nf-2{ width:25%}
	.nf-3{ width:30%}
	.nf-4{ width:33.3333%}
	.nf-5{ width:40%}
	.nf-11{ width:60%}
	.nf-6,.index-pro{ width:50%}
	.nf-7{ width:66.666%}
	.nf-8{ width:75%}
	.nf-9{ width:80%}
	.nf-10{ width:100%}
	.sidebar-right{ float:right;}
	.foot .acc_container{ display:block !important;}
	.foot .acc_trigger{ background:none !important; pointer-events: none;}
	.bottom .fr{ text-align:right}
	.pro-box li{ min-height:240px;}
	.pro-contact{ padding:2em}
	.pro-contact a{ width:33.333%}
	.introduce-txt img{ float:right;margin-left:1em;}
	.introduce-txt-fl img{margin-right:1em; float:left;margin-left:0 !important}
	.form-group{ width:50%; height:75px;}
	.form-group.msg{ height:auto;}
	.news-img2{ float:left; width:50%; text-align:center; margin:20px auto; border-left:5px solid #fff;border-right:5px solid #fff}
	.news-img3{ float:left; width:33.3%; text-align:center; margin:20px auto; border-left:5px solid #fff;border-right:5px solid #fff}
	.news-img4{float:left; width:25%; text-align:center; margin:20px auto; border-left:5px solid #fff;border-right:5px solid #fff}
	.voide-bg .fa-4x{ font-size:3em}
	.news-list .nf-4{ padding:0 15px 0 0}
	.nf-5.nf-center{ padding:0}
	.nf-1.acc-item,.nf-3.acc-item{ border-left:#565556 1px solid; margin-bottom:-10000px; padding-bottom:10000px;}
	.nf-3.acc-item.first{ border:none}
	.nf-11.index-news{ padding:0 20px 0 15px}
	.nf-5.index-news{ padding:0 15px 0 20px}
	.index-pro-txt p{ max-height:37px; overflow:hidden}
	.news-introduction p{ max-height:105px; overflow:hidden;}
	.about-txt .about-p .nf-7,.sidebar-fl,.project .sidebar,.news-voide-list .nf-4,.about-tab .about-nav,.crushing-main li .nf-4{ padding:0 15px 0 0}
	.about-txt .about-p .nf-4,.nf-11.index-news .nf-11,{ padding:0 0 0 15px}
	.about-txt{ padding:3em 15px 6em 0 !important}
	
}
/*wap*/	
@media screen and (max-width:768px){
	.tel,.top-mail{ float:left;}
	.language,.top-language{ float:right;}
	.logo{ text-align:center; width:168px}
	.tel a{pointer-events:auto;}
	.no-show{ display:none}
	.navigation{ margin:0 !important}
	.nf-1,.nf-2,.nf-4,.nf-6,.nf-8,.nf-7,.nf-10,.nf-3,.nf-9,.nf-5,.nf-11{ width:100%;padding:0 15px;}
	.search{ width:100% !important; margin-top:0 !important}
	.nf-center{ text-align:center}
	.index-news{ margin-bottom:2em; display:table}
	.index-pro{ width:100%;}
	.index1-txt{ text-align:center}
	.index1-txt p{ margin:0 !important;float:none !important; text-indent:1em !important;}
	.index1-txt a{ float:none !important; padding:5px 10px !important; margin-top:5px}
	.pro-contact{ padding:2em 2em 1em}
	.pro-contact a{ width:100%; margin-bottom:1em !important}
	.introduce-txt{ text-align:center;}
	.introduce-txt p{ text-align:left;}
	.form-group{ width:100%; padding:0 !important}
	.foot .acc_trigger {background:url(../images/red_acc_closed.png) no-repeat right center #555; padding:4px 0; text-indent:1em;}
	.foot .acc_trigger.active {background:url(../images/red_acc_opened.png) no-repeat right center;}
	.foot .acc_container{ border-bottom:1px solid #555; height:auto; overflow:hidden; padding-bottom:10px; margin-bottom:10px;}
	.article-case-info b{ padding:9px 20px;}
	.article-case-info .nf-10 .nf-6{ width:100% !important; display:table; padding:10px 0}
	.news-img2,.news-img3,.news-img4{ width:100%; text-align:center; margin:10px auto}
	.slider .slide-prev,.slider .slide-next{ display:block !important}
	ul.es-pager{ display:block !important; position:absolute; bottom:0px;}
	.pro-box li{ margin-bottom:20px;}
	.about-p .nf-4 img{ margin-bottom:20px;}
	.article-paging p a{ width:50% !important;}
	.pro-tab li{ width: 33.3%; }
	.pro-tab li h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left; width:100%}
	.pro-box li{ width:100% !important}
	.pro-box li .pro-txt{ height:auto !important; overflow:hidden;}
	.pro-box li h2{overflow: initial;text-overflow: initial;white-space: normal;}
	.seach-box .resources-search{ padding-bottom:0 !important}
	.resources-search .searchtext{ width:80% !important}
	.resources-search .searchsub{ width:20% !important}
	#KeyShotVR,#turntable{ height:170px !important}
	.index-pro-txt{ padding:2% 6% !important}
	.news-list .nf-4{ margin-bottom:10px}
	}
	
	
/*nav*/	
#navmenu,#navmenu ul,#navmenu ul li,#navmenu ul li a,#navmenu #menu-button {line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:auto}
#navmenu:after,#navmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#navmenu #menu-button {display: none;}
#navmenu {width: auto;line-height: 1;}
#menu-line {position: absolute;bottom: 0px;left: 0;height: 3px;background: #d70c25;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#navmenu > ul > li {float: left;}
#navmenu.align-center > ul {font-size: 0;text-align: center;}
#navmenu.align-center > ul > li {display: inline-block;float: none;}
#navmenu.align-center ul ul {text-align: left;}
#navmenu.align-right > ul > li {float: right;}
#navmenu.align-right ul ul {text-align: right;}
#navmenu > ul > li > a {padding: 20px;text-decoration: none;color: #484748;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease; font-weight:bolder; font-size:1.25em}
#navmenu > ul > li.has-sub > a {padding-right: 25px;}
#navmenu > ul > li.has-sub:hover > a::after {border-color: #d70c25;}
#navmenu ul ul {position: fixed;left: -9999px; z-index:2}
#navmenu li:hover > ul {left: auto;}
#navmenu.align-right li:hover > ul {right: 0;}
#navmenu ul ul ul {margin-left: 100%;top: 0;}
#navmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#navmenu ul ul li {height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;}
#navmenu ul li:hover > ul > li {height: 32px;}
#navmenu ul ul li a {padding: 0 20px;height:35px; line-height:35px;width: 100%;background: #434242;color: #ddd;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease; font-size:1.1em; font-weight:600}
#navmenu ul ul li:hover > a,#navmenu ul ul li a:hover {color: #fff;}
#navmenu ul ul li.has-sub > a::after {position: absolute;top: 13px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
#navmenu.align-right ul ul li.has-sub > a::after {right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
#navmenu ul ul li.has-sub:hover > a::after {border-color: #fff;}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #navmenu {width: 100%; background:#fff}
  #navmenu ul {width: 100%;display: none;}
  #navmenu.align-center > ul,#navmenu.align-right ul ul {text-align: left;}
  #navmenu ul li,#navmenu ul ul li,#navmenu ul li:hover > ul > li {width: 100%;height: auto;border-top: 1px solid rgba(120, 120, 120, 0.15);}
  #navmenu ul li a,#navmenu ul ul li a {width: 100%;}
  #navmenu > ul > li,#navmenu.align-center > ul > li,#navmenu.align-right > ul > li {float: none;display: block;}
  #navmenu ul ul li a {padding: 0px 20px;color: #434343;background: none;}
  #navmenu ul ul li:hover > a,#navmenu ul ul li a:hover {color: #000;}
  #navmenu ul ul ul li a {padding-left: 40px;}
  #navmenu ul ul,#navmenu ul ul ul {position: relative;left: 0;right: auto;width: 100%;margin: 0;}
  #navmenu > ul > li.has-sub > a::after,#navmenu ul ul li.has-sub > a::after {display: none;}
  #menu-line {display: none;}
  #navmenu #menu-button {display: block;padding: 5px;color: #000;cursor: pointer;text-transform: uppercase;text-indent:-999em}
  #navmenu #menu-button::after {content: '';position: absolute;top: -20px;right: 20px;display: block;width: 25px;height: 2px;background: #d70c25;}
  #navmenu #menu-button::before {content: '';position: absolute;top: -30px;right: 20px;display: block;width: 25px;height: 7px;border-top: 2px solid #d70c25;border-bottom: 2px solid #d70c25;}
  #navmenu .submenu-button {position: absolute;z-index: 10;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.15);height: 52px;width: 52px;cursor: pointer;}
  #navmenu .submenu-button::after {content: '';position: absolute;top: 21px;
left: 26px;display: block;width: 1px;height: 11px;background: #000000;z-index: 99;}
  #navmenu .submenu-button::before {content: '';position: absolute;left: 21px;top: 26px;display: block;width: 11px;height: 1px;background: #000;z-index: 99;}
  #navmenu .submenu-button.submenu-opened:after {display: none;}
}
/*back top*/
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;text-indent: 100%;white-space: nowrap;background:  url(../images/top.jpg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
}
.cd-top.cd-is-visible {/* the button becomes visible */visibility: visible;opacity: 1;z-index:9999999}
.cd-top.cd-fade-out {/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}
@media only screen and (max-width: 769px) {.cd-top {right: 20px;bottom: 20px;}}
@media only screen and (min-width: 1024px) {.cd-top {height: 60px;width: 60px;right: 0px;bottom: 75px;}}
/*back top*/