@charset "utf-8";
.header {
	position: fixed;
	z-index: 100;
	height:98px;
	background:#fff;
	box-shadow: 0px 2px 6px 0px rgba(39, 39, 39, 0.2);
	left: 0;
	top: 0 !important;
	width: 100%;z-index:99;
}
.logo {	margin-top:15px;float:left;}


.nav-close { border:0; cursor:pointer; outline:0; margin:0; padding:0; display:none;}
.header-bd .nav li a{ padding:0;}
.header-tools {	float: right; position:relative; margin-left:35px;}
.extra-link { outline:0; border:0; cursor:pointer;padding:0px 36px 0 10px; position:relative;}
.extra-link a {  display: inline-block;height:100%;width:20px;}
.extra-link .link4 {  background: url(/template/default/index/3370/images/se2.png) no-repeat center;}

.search-alert {  display: none;}
.pc_lang { float:right; padding-top:34px; padding-right:30px; position:relative;}
.pc_lang a { color:#000000; font-size:16px;}
.pc_lang a:hover { color:#CA0107 !important;}
.extra-link{
	float: left;
	height:97px
}
.cent-form .close {
	height: 38px;
	background:none;
	outline:0;
	border:none;
	float:right;
	color: #fff;
	font-size: 0px;
	text-align: center;
}
.search-alert {
	position: absolute;
	top: 98px;
	right: 30px;
	width: 210px;
	height: 38px;
	background: #f5f5f5;
	z-index: 999;
}
.cent-form {
	position: relative;
	max-width:100%;
	margin: 0 auto
}
.cent-form, .cent-form form {
	height: 100%
}

.header-field {
	display: block;
	outline:0;
	width: 260px;
	float:left;
	border:1px solid #cc090f;
	padding:0 5px;
	color:#666;
	font-size:14px;
	height: 38px;
	background-color:transparent;
	box-sizing:border-box;
}
.cent-form .tj{ width:50px;height:38px;border:0;outline:0;float:right; background:#cc090f; color:#fff;}

.cent-form ::-webkit-input-placeholder { /* WebKit browsers */
  color: #333;
}

.cent-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #333;
}

.cent-form :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #333;
}  

.header-button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;z-index:1;display:block;width:30px;height:26px;margin:0;padding:0;outline:0;border:none;cursor:pointer}
#toggle-search{}
#toggle-search.open:after{top:40px}

#toggle-basket{position:relative;float:right;background-position:-120px 0}
#toggle-basket:before{position:absolute;top:5px;left:0;width:2px;height:50px;content:"";background-color:#000}
#search-form{-moz-transition:max-height,.5s;-o-transition:max-height,.5s;-webkit-transition:max-height,.5s;transition:max-height,.5s;position:absolute;top:98px;right:0;width:260px;max-height:0;overflow:hidden;background-color:#fff}
#search-form.open{max-height:50px}
#search-form fieldset{position:relative;padding:0;border:none}
#search-form input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:50px;font-family:'微软雅黑'}
#search-form input[type=search]{width:100%;padding:0 5px 0 10px;background-color:#fff; border:1px solid #cc090f;outline:0}
#search-form input[type=submit]{position:absolute;bottom:0;right:0;width:60px;margin:0;padding:0;font-weight:700;text-transform:uppercase;color:#fff;background:#cc090f;border:none;cursor:pointer;outline:0}
@keyframes fadedown{from{transform:translateY(-100%);opacity:0}
to{transform:translateY(0);opacity:1}
}

.eng { display:none;background: #fff; border-top:1px solid #D9D9D9; width:70px;color: #000000;
    padding:10px 15px;
    position: absolute;
    top: 66px;
	left:-14px;
    z-index: 96;}
.china { background:url(/template/default/index/3370/images/xl.png) no-repeat right; padding-right:20px;}
.eng a{ display:block; font-size:16px;}

.china_oa { background:url(/template/default/index/3370/images/xl.png) no-repeat right; padding-right:20px;}
.eng_oa a{ display:block; font-size:16px;}
.eng_oa { display:none;background: #fff; border-top:1px solid #D9D9D9; width:95px;color: #000000;
    padding:10px 15px;
    position: absolute;
    top: 62px;
	left:-14px;
    z-index: 96;}
.pc_lang:hover .eng_oa{ display:block;}

@font-face {
    font-family: 'dinCond-Medium';
    src: url('/template/default/index/3370/fonts/dincond-medium-webfont.eot');
    src: url('/template/default/index/3370/fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/template/default/index/3370/fonts/dincond-medium-webfont.woff') format('woff'),
         url('/template/default/index/3370/fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('/template/default/index/3370/fonts/dincond-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (max-width:1279px){
.header-tools { margin-left:20px;}
}
@media (max-width:1200px) {

.header {	 padding-bottom:15px;}
.logo {
	position: relative;
	z-index: 5;
	display: block
}


}
@media (max-width:1199px) {
#search-form{top:90px;}


}

@media (max-width:1249px) {
.extra-link { padding:0px 20px 0 0;}
.pc_lang { padding-right:20px;}
.search-alert { right:48px;}
}

@media (min-width:1201px) {
.nav-toggle {	display: none;}

}

@media (min-width:1201px) {
.header-sm-search {	display: none !important; }
}

@media (max-width:1200px) {
.header { height:90px;}
.lang a { display:inline-block; width:50%;}	
}

@media (max-width:1024px) {
.header { background:#fff;}
.logo { margin-top:15px;}
}
@media only screen and (max-width:767px){
.logo { max-width:45%; position: absolute; margin-top: 0; top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.header-bd {
     max-width: 1600px;
    margin: 0 auto;
    padding-top: 0px;
}
 .mtop {
    height: 63px;
}
	.header-tools {margin-left:0;}
	.pc_lang {padding-right:10px;}
	.china {    padding-right: 16px;}
	
}
@media only screen and (max-width:374px){
.pc_lang a {    font-size: 12px;}
	.logo { max-width:40%; }

}


/*导航弹出*/
.max1280 { max-width:1280px; margin:0 auto;}
.header.open{background:url(/template/default/index/3370/images/meubg.jpg) repeat;height:100%;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
.header.open .ejectm{ display:none;}
.nav-bar{display:none; width:100%; height:100%; overflow: hidden;overflow-y:auto;position: fixed;top: 0;left: 0px;z-index: 9999; }
.eject_cont { position:relative; width:100%; height:100%;}
.zlogo { padding:10px 0 0 50px;}
.eject_cha{background:#CA0107; position:absolute; top:0; right:0; width:60px; height:60px; padding-top:18px; text-align:center;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
.eject_cha .nav_btns{cursor:pointer;width: 50px;}
.eject_cha .nav_btns span{position: relative; width:25px; height:25px; margin-right:4px; display: inline-block;}
.eject_cha em { font-style:normal; color:#fff; font-family:Arial; font-size:16px; display:block;} 
.eject_cha .nav_btns span:after,.eject_cha .nav_btns span:before{content:'';display: inline-block;width: 30px;height: 3px;
  background-color: #fff;position: absolute; left:0;}

.eject_cha span:after{
  -webkit-transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
  -moz-transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
  -o-transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
  -ms-transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
  transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
  -webkit-transform: rotate(-45deg);
  top: 0px;
  -moz-transform: rotate(-45deg);
  top: 0px;
  -o-transform: rotate(-45deg);
  top: 0px;
  -ms-transform: rotate(-45deg);
  top: 0px;
  transform: rotate(-45deg);
  top: 9px;
}
.eject_cha span:before{
  -webkit-transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
  -moz-transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
  -o-transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
  -ms-transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
  transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
  -webkit-transform: rotate(45deg);
  top: 0px;
  -moz-transform: rotate(45deg);
  top: 0px;
  -o-transform: rotate(45deg);
  top: 0px;
  -ms-transform: rotate(45deg);
  top: 0px;
  transform: rotate(45deg);
  top: 9px;
}


.header-top { float:right; padding-top:40px;}
.nav_btn{cursor:pointer;height: 16px;width:26px; float:left;display:block;position: relative;z-index: 9;}
.nav_btn span{display: inline-block;width:26px;height: 2px;background-color: #000000;
  position: absolute;top: 0;left: 0px;
  -webkit-transition:background-color 0.3s ease-out 0.1s;
  -moz-transition:background-color 0.3s ease-out 0.1s;
  -o-transition:background-color 0.3s ease-out 0.1s;
  -ms-transition:background-color 0.3s ease-out 0.1s;
  transition:background-color 0.3s ease-out 0.1s;
}

.nav_btn span:after{content:'';display: inline-block;width: 26px;height: 2px;
  background-color: #000000;position: absolute;top: 7px;left:0px;
  -webkit-transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
  -moz-transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
  -o-transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
  -ms-transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
  transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.nav_btn span:before{content:'';display: inline-block;width: 26px;height: 2px;
  background-color: #000000;position: absolute;top: 14px;left:0px;
  -webkit-transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
  -moz-transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
  -o-transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
  -ms-transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
  transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.search{ width:100%; border-bottom:1px solid #666666; margin:3% 0 3%;}
.search button{ width:8%; background:none; border:none; text-align:left; padding:10px 0 10px;}
.search input{ width:80%; background:none; border:none; text-align:left; padding:10px 0 10px; font-size:18px; color:#a0a0a0; }

.pnav li{ width:16.66%; float:left;}
.pnav li a{ display:block; font-size:14px; color:#666; line-height:30px; margin-bottom:7px;}
.pnav li a h3{ font-size:22px; font-weight:bold; transition:all 0.6s; color:#000000; line-height:34px; padding-bottom:14px; position:relative; margin-bottom:10px;}
.pnav li a h3:hover{ transform:translateY(-3px);}
.pnav li a:hover { color:#CA0107;}
/*.open .pnav { opacity:1;transform:translateXx(-0px); }
*/
.nav_bottom { width:100%; padding-top:70px; vertical-align:top; font-size:16px;}
.nav_bottom img { vertical-align:middle;}
.tel {font-family: 'dincond-medium';}
.font34 { font-size:36px; color:#000000;}
.tel em { font-style:normal;}

.threet { display:inline-block;transition: all 0.3s}
.nav_bottom a.threet:hover {transform:translateY(-3px);}
.newlxr04 { float:right;}
.newlxr04 li { position:relative; float:left; margin-left:39px; text-align:center; cursor:pointer; }
.newlxr04 li:first-child { margin-left:0;}
.newlxr04 li span.mfico { width:31px; height:29px; display:inline-block; text-align:center; cursor:pointer;}
.newlxr04 li p { font-size:14px; padding-top:5px;}
.lximg {background:#FFFFFF;position:absolute;width:110px;height:110px;right: -10px;bottom: 67px;display:none;}
.lximg span {padding:5px; display:block;}
.lximg img { max-width:100%;}
.lximg:after {content:'';display:block;position:absolute;width:0;height:0;border:8px solid transparent;border-top: 10px solid #fff;bottom: -18px;left: 55px;}

@media screen and (max-width:991px){
.newlxr04 li { margin-left:15px;}

}
@media screen and (max-width:839px){
.nav_bottom .left,.nav_bottom .right { width:100%; float:left;}
.nav_bottom .right { padding-top:15px;}
.newlxr04 { float:left;}
}
@media screen and (max-width:767px){
.extra-link { display:none;}
.pc_lang a { font-size:14px;}
.nav_bottom { padding-top:30px;}
.pnav { padding-top:15px; overflow:hidden;}
.pnav li { width:33.33%;}
.pnav li:nth-child(1),.pnav li:nth-child(2),.pnav li:nth-child(3) { height:276px;}
.pnav li a h3 { font-size:18px; margin-bottom:0; padding-bottom:5px;}
.pnav li a { margin-bottom:0;}
.zlogo {padding: 10px 0 0 10px;}
.newlxr04 li span.mfico { display:none;}
.lximg { display:block !important; position:inherit;right: inherit;bottom: inherit;}
.newlxr04 li { max-width:100%}
.newlxr04 li { margin:0; margin-bottom:10px; padding:0 5px; }
.newlxr04 li p { padding-top:0px; padding-bottom:5px;}
.tel { display:block;}
.search input { font-size:16px;}

}
/*footer*/
.footer{ position:relative;}

#top{position: fixed;right:25px;bottom:30px;z-index:99}
.itop1 #top { display:none;}

.footer .t{ background:#CA0107;}
.left { float:left;}
.right { float:right;}


.foot_l { float:left; padding-right:108px;}
.foot_l img { max-width:89px;}
.foot_l a { line-height:25px; display:inline-block;}
.foot_r { float:left; color:#fff;}
.foot_r a { color:#fff;}
.footup { padding-top:26px; width:100%; overflow:hidden; padding-bottom:7px;}
.footup ul li { float:left; padding-right:62px; line-height:25px;}
.footup ul li:last-child { padding-right:0;}
.footup ul li a{ font-size:18px; font-weight:bold; color:#fff;}
.footbottom { color:rgba(255,255,255,0.7); font-size:12px;}
.footbottom a{ color:rgba(255,255,255,0.7); font-size:12px;}
.footbottom a:hover{ color:rgba(255,255,255,1);}

@media screen and (max-width:1099px){
.foot_l {  padding-right:58px;}
.footup ul li {  padding-right:32px;}
}
@media screen and (max-width:991px){
.foot_l {  padding-right:30px;}
.foot_r { width:84%;}
}

@media screen and (max-width:839px){
.foot_l {  padding-right:20px;}
.foot_r { padding-bottom:15px;}
.footup { padding-top:20px;}
}
@media screen and (max-width:767px){
.foot_l { width:100%; padding-right:0; display:none;}
.foot_r { padding:15px 0; width:100%;}
.footup { padding-top:20px; display:none;}
.footbottom { color:rgba(255,255,255,1); }
.footbottom a{ color:rgba(255,255,255,1);}
.footer #top{ display:none !important;}

}




.header .menupt50{ float:right;}
.header.act .mainli .maina{    color: #333; position:relative;}
.header .mainli
{
    position: relative;
    float: left;
    height: 100%;
    padding:0 37px;
}
.header.act .act2 .maina { color:#CA0107;}
.header.act .act .maina { color:#CA0107;}

.header.act .maina:before{
content: "";
width:0;
height: 1px;
background: #CA0107;
margin: 0 auto;
position: absolute;
bottom: 24px;
left: 0;
right: 0;
opacity: 0;
transition: all 0.5s ease 0s;
}
.header.act .act2 .maina:before{
content: "";
width:100%;
height: 1px;
background: #CA0107;
margin: 0 auto;
position: absolute;
bottom: 24px;
left: 0;
right: 0;
opacity: 1;
transition: all 0.5s ease 0s;
}
.header.act .act .maina:before{
bottom: 24px;
width:100%;
opacity: 1;
}


.header .mainli .maina
{
    font-size: 16px;
    color: #000000;
	line-height: 97px;
    display: inline-block;
    height: 100%;
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
}


.header .dropmenu
{
    position: absolute;
    top: 97px;
    left: 0;
    width: 100%;
}
.header .dropmenu .drop{ display: none;background: rgba(255,255,255,0.85); overflow:hidden;}
.header .dropmenu .drop .indrop{  padding: 12px 0;
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;}
.header .dropmenu .drop li{ float:left;margin: 0 20px;}
.header .dropmenu .drop li a{
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    transform: translateX(0px);
}
.header .dropmenu .drop li a:hover{    transform: translateX(4px); color:#CA0107;}



@media screen and (max-width:1279px){
.header-tools { margin-left:20px;}
}
@media (min-width: 1201px) {
#menu1 li:first-child{ padding-left:26%;}
#menu2 li:first-child { padding-left:35%;}
#menu3 li:first-child { padding-left:43%;}
#menu4 li:first-child { padding-left:51%;}
#menu5 li:first-child { padding-left:60%;}
#menu6 li:first-child { padding-left:68%;}

}

@media (min-width: 1250px) {
#menu1 li:first-child { padding-left:22%;}
#menu2 li:first-child { padding-left:32%;}
#menu3 li:first-child { padding-left:42%;}
#menu4 li:first-child { padding-left:52%;}
#menu5 li:first-child { padding-left:62%;}
#menu6 li:first-child { padding-left:72%;}

}

@media (min-width: 1280px) {
#menu1 li:first-child { padding-left:23%;}
#menu2 li:first-child { padding-left:33%;}
#menu3 li:first-child { padding-left:43%;}
#menu4 li:first-child { padding-left:53%;}
#menu5 li:first-child { padding-left:63%;}
#menu6 li:first-child { padding-left:73%;}
 
}
@media (min-width: 1440px) {
#menu1 li:first-child { padding-left:19%;}
#menu2 li:first-child { padding-left:31%;}
#menu3 li:first-child { padding-left:42%;}
#menu4 li:first-child { padding-left:54%;}
#menu5 li:first-child { padding-left:65%;}
#menu6 li:first-child { padding-left:77%;}
}
@media (min-width: 1500px) {
#menu1 li:first-child { padding-left:20%;}
#menu2 li:first-child { padding-left:32%;}
#menu3 li:first-child { padding-left:43%;}
#menu4 li:first-child { padding-left:56%;}
#menu5 li:first-child { padding-left:67%;}
#menu6 li:first-child { padding-left:78%;}
}

@media screen and (max-width:1439px){
.header .mainli {padding: 0px 26px;}
}

@media screen and (max-width:1279px){
.header .mainli {padding: 0px 27px;}
}

@media (max-width:1249px) {
.header .mainli {	padding: 0 16px;}
.header .mainli .maina { font-size:14px;}
}

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

.menupt50 { display:none;}
}












<!--0.00010085105895996-->