@charset "utf-8";
.Bg1{ background: url(../images/ons_03.jpg) top center no-repeat; padding-bottom: 120px;}
.comL{ width: 500px; padding-right: 20px;}
.comL h3{ height: 62px; line-height: 62px; background: url(../images/jr_06.jpg) left bottom no-repeat; font-weight: 100;}
.comL p{  padding: 15px 0; font-size: 14px; line-height: 28px; color:#5e5e5e;}
.comL h4{ height: 35px; line-height: 35px; font-weight: 100; margin-bottom: 30px;}
.comL h2 a{display: inline-block;width:160px;height: 58px; background-color: #e50016; border-radius: 29px; text-align: center;line-height: 58px;  14px;color: #fff; margin: 0 15px; font-weight: 100; font-size: 20px;}
.comL h2 a:hover{ background-color: #333; color: #fff;}

.comR{ width: 500px; height: 400px;}

.qklc li{ padding:5px;}
.qklc li img{ width:100%; height:288px;}

.inBan{ text-align:center;}

.c-t i{padding-top: 50px;   animation-name: swing; animation-duration: 1s;   animation-iteration-count: infinite;}

.inTitle{color: #0c0c0c; font: 32px "宋体"; padding-left: 15px; padding-top: 50px; width: 925px;}
.inTitle b{ display: block;}
.inTitle span{font: 42px "宋体"; color: #e50016;}
.c-t p{ line-height: 24px;padding-left: 15px;width: 925px; color: #5e5e5e;}

.cpdt{ text-align: center;}
.cpTj{  width:640px; position:relative; height:230px;}

.cpTj .prev,.cpTj .next{width:75px;height:34px;position:absolute;top:105px;z-index:100; cursor:pointer; }
.cpTj .prev{background:url(../images/bh1.jpg) no-repeat;left:-30px;}

.cpTj .prev:hover{background:url(../images/r_03.jpg) no-repeat; }
.cpTj .next{ background:url(../images/bh2.jpg) no-repeat; right: 0;} 
.cpTj .next:hover{ background:url(../images/r_05.jpg) no-repeat;} 
.scrollWrap{width:640px; padding-top:15px;overflow:hidden;position:absolute;}
.cpTj li{ float:left; width:300px; margin:0 10px 0 0; }
.cpTj li img{  width: 290px; height: 211px; border: 4px solid #e50016;}

.cpRxx span{position: absolute; top: -150px;  left: -2px;}
.cpRxx{ width: 360px; position: relative;}
.cpBg{ width: 300px; position: absolute; height: 375px; padding: 30px; right: 0;   top: -150px; background: url(../images/gf_03.png) repeat;    }
.cpBg b{ margin-top: 30px; text-align: center; background: url(../images/jr_06.jpg) bottom center no-repeat; height: 55px; line-height: 55px; display: inline-block; width: 100%; margin-bottom: 50px; font-weight: 100;}
.cpBg a{ color: #333;}
.cpBg:hover a{ color: #fff;}
.cpBg p{ font-size: 14px; line-height: 25px; z-index: 999;}

.cpRxx1 .cpBg{ left: 0; margin: 0;}
.cpRxx1 span{ left: 300px;}


.bg2{ background: url(../images/xwBg.jpg) center 60px no-repeat; position: relative;   margin-top: 15px;}
.zx{ width: 450px;text-align: center; animation-name: slideInRight; animation-duration: 3s; margin: 0 auto;}

.rxtitle{ background: url(../images/th_03.jpg) center center no-repeat; height: 70px; font-weight: 100; line-height: 35px; text-align: center; position: relative;   }
.rxtitle span{ display: block;}
.rxtitle a{ position: absolute; width: 105px; height:35px; line-height: 35px; text-align: center; border: 1px solid #dedede; background-color: #fff; border-radius: 25px; top: 18px;  right: 18px;}

.n_List{ width: 100%; }
.n_List li{ padding:10px 5px 30px;  } 
.n_List img{ width: 100%;  border:4px solid #e50016; display: block; }
.n_List li h4{ text-align: center; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 100%;}
.n_List li p{ line-height:28px; text-indent: 2em; margin-bottom: 16px; color: #666;  text-align: center; }
.n_List li span{ width: 110px; display: block;  text-align: center; height: 42px; line-height: 42px; margin: 0 auto; color: #FFFFFF; border-radius: 20px;transition: all 300ms ease-in 0ms; background-color: #e50016; font-size: 14px; }
.n_List li a:hover span{ background: #f2b625; color: #fff;  }

.bg3{ background: url(../images/foubj_02.jpg) center -60px no-repeat;}
.xztitle{ background: url(../images/fou_03.png) center center no-repeat; height: 50px; font-weight: 100; line-height: 50px; text-align: center; position: relative; margin: 10px 0; }

.xzfc li{ border-right: 1px solid #868686; text-align: center; height: 210px; padding-top: 20px; margin-bottom: 50px;}
.xzfc li img{ width: 101px; height: 77px; margin-bottom: 15px;}
.xzfc li p{ line-height: 28px; font-size: 14px;}
.zjc{font:14px "宋体"; display: inline-block; width: 100%; color:#5e5e5e;text-align: center;  height:25px;line-height: 25px; margin-bottom: 10px;}
.more{width: 207px;margin: 0 auto;padding-top: 20px;}

.bg4{ background: url(../images/fccl.jpg) center top no-repeat; padding-top: 80px;}

.fccl li{ padding:40px 20px 20px; text-align: center;}
.fccl li h4{ height: 52px; line-height: 52px; background: url(../images/jr_06.jpg) bottom center no-repeat; margin-bottom: 20px;}
.fccl li p{ line-height: 28px; color: #555; margin-bottom: 15px;}
.fccl li img{ border: 5px solid #E50016; border-radius: 25px; width: 288px; height: 190px;}

.bg5{ background: url(../images/xwBg1.jpg) center top no-repeat; padding-top: 90px;}

.xwL{ width: 48%;  }
.xwTitle{background: url(../images/xwTitBg.jpg) center center no-repeat; height: 50px; font-weight: 100; line-height: 50px; text-align: center;  margin: 10px 0; font-size: 24px; }
.notice { width: 100%;   overflow: hidden; } 
.notice .tab-hd ul {  width: 60%; margin: 0 auto;}
.notice .tab-hd li{ float: left; font-size: 16px; height: 32px; line-height: 32px;width: 50%; text-align: center;   }
.notice .tab-hd li a{ display:block;   }
.notice .tab-hd li a:hover{ color:#E50016; text-decoration:underline;   } 
.notice .tab-hd .on a{color: #E50016; font-weight: 700;}
.notice .tab-bd { display: inline-block; width: 100%;   padding:5px;  }
.notice .xwList{ overflow:hidden; zoom:1; }
.notice .xwList li {  height: 50px;  overflow: hidden; width: 100%; float: left; margin: 8px 0; }
.notice .xwList li span{ font-size: 16px; text-align: center; float: left; width: 60px; line-height: 25px;}
.notice .xwList li span i{ display: block; font-size: 14px; line-height: 25px; font-style: normal;}
.notice .xwList li p{line-height: 50px; font-size: 14px; width: 390px; overflow: hidden; float: right; white-space:nowrap;text-overflow:ellipsis;  }
.notice .xwList li a:hover{ color: #E50016;}
	/* 本例子css */
	.focusBox { position: relative; width: 100%; height: 177px; overflow: hidden;  text-align: left; }
	.focusBox .pic{height: 177px; }
	.focusBox .pic img { width: 100%; height: 177px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:0;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
	
.xwTitle a{ display: block; font-size: 14px; line-height: 18px;}
.sideBox{ padding:10px; height:410px; overflow:hidden;   background:#fff; margin-bottom:10px;   }

.sideBox .bd{ padding:10px 0 10px 5px;  }
.sideBox .bd li{ height:140px; border-bottom: 1px solid #ddd;   overflow:hidden;  padding: 10px 0;   } 
.sideBox .bd li h2{ color: #333; font-size: 18px; font-weight: 100; height: 45px; line-height: 45px;}

.sideBox .bd li p{ height: 52px; font-size: 14px; line-height: 24px;}


.sbanner{ text-align: center;   }
.sbanner img{ width: 100%;}
.sNav{ background: url(../images/secIcon.png) left center no-repeat; padding-left: 65px; height: 52px; line-height: 52px; border-bottom: 1px solid #dedede; margin-bottom: 15px; font-size: 14px; }
 
.cplist li{ padding: 0 10px; margin-top: 10px;}
.cplist li > a{ display: inline-block;  border: 1px solid #dedede; height:238px; overflow: hidden;box-shadow:0px 0px 5px #ccc; padding: 5px;} 
 
.cplist li img{ width: 100%; -webkit-transition: all 0.8s ease-in-out;   -moz-transition: all 0.8s ease-in-out;  -o-transition: all 0.8s ease-in-out;  -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.cplist li:hover img { -webkit-transform: scale(1.2) rotate(1deg); -moz-transform: scale(1.2) rotate(2deg); -o-transform: scale(1.2) rotate(1deg); -ms-transform: scale(1.2) rotate(1deg); transform: scale(1.2) rotate(1deg); }
.cplist li h3{ height: 42px; line-height: 38px; text-align: center; font-size: 16px; font-weight: 100;}

.cptitle{ height: 52px; line-height: 52px; text-align: center; font-size: 24px; color: #E50016; display: inline-block; width: 100%;}


.caption{height:62px;oerflow:hidden;  margin-bottom:15px; float: left; width: 100%;}
 .caption li{ float: left; width: 20%; padding: 0 3px; background-color: #fff;position: relative;}
.caption a{  width: 100%; float:left; font-size:20px; font-weight: 100; height:52px; line-height:48px; text-align:center;  display:block; background-color: #E7E7E7}
  .fixedTop {  position: fixed;   top: 0;   width: 1000px;    }
.caption a span{border-right:#dadada 1px solid;font-style:normal;float:right;height:20px; display:block;}
.caption a:hover{ text-decoration:none;}
.caption .active a{ color: #fff; background:white; font-weight:bold; background-color: #E50016; }

.cpbox{ font-size:16px; line-height:170%;}
.cpbox table tr td{ border-bottom:1px solid #333; border-left:1px solid #333; padding:7px; border-right:1px solid #333;border-top:1px solid #333;}
.cpbox table{  border-right:1px solid #333;border-top:1px solid #333;}

.cpbox img,.nr img{ max-width:100%; height:auto;}

.left{ width: 216px;}
.stit{color: #fff; font-size: 20px; background: #E50016; padding:12px 0;text-align: center;overflow: hidden;font-weight: bold;}
.stit i{color: #fff;display: block;font:12px Arial; text-align: center; font-size:14px; line-height:18px; text-transform:uppercase;}
.fldh{ border: 2px solid #E50016; padding: 7px; margin-top: 2px;}

.fldh h3{  font-size:14px; display:block; background:#E50016 url(../images/fdc.png) no-repeat 150px 10px;border: 1px solid #E5E5E5;line-height:37px; font-weight:bold;   font-family:"宋体";text-align:center; margin-bottom:0;}
.fldh h3 a{ color: #fff;}
.fldh .selOn{ background-color: #252525;}

.dianh{ padding: 8px; border: 1px solid #dedede;;}
.dianh h3{ font-weight: 100; border-bottom: 1px solid #dedede; height: 42px; line-height: 42px;}
.dianh h3 span{ color: #E50016; font-size: 19px;}
.dianh p{ line-height:28px; font-size: 13px;}

.right{ width: 760px;}
.tjNew{ float:left; width:100%; }
.tjNew li{ float:left; width:100%; padding:10px; background-color: #f7f7f7; margin-bottom:15px;  }
.tjNew li img{ float:left; width:190px; height:140px; margin-right:12px;}
.tjNew li h3{ height:40px; line-height:40px;  font-size:18px;  font-weight:700;}
.tjNew li span{  line-height:25px; color:#aaa; float: right;  }
.tjNew li p{ text-indent:2em; line-height:24px; color:#777; font-size:14px;}
.tjNew .tjL img{ float:right; width:450px; height:330px;}
.tjL .tjCon{float:left; width:425px; margin-right:20px;}
 
.tjL .tjCon p{ height:205px;}
 
.dyNav{background: #E9E9E9; height: 58px; line-height: 58px; display: inline-block; width: 100%;}
.dyNav a{ float: left; width: 130px; font-size: 18px; font-weight: 100; text-align: center;}
.dyNav .selOn{ background-color: #E50016; color: #fff; font-weight: 700;} 

.nr{ padding: 10px; line-height: 170%; font-size: 16px;}

.dytitle{ height: 52px; line-height: 52px; font-size: 18px; font-weight: 100;}

.mesImg{ float: left; }
.mesr{float:right; width:540px; margin:15px 0 0; padding:0;} 
.MesList li{ float:left; width:100%; line-height:24px; margin-bottom:10px; color:#666;font-size:14px;}
.MesList li span{ float:left; width:98px;  text-align:right;}
.MesList li b{ color:#f00; }
.mesCon02{ height:90px; line-height:20px; width:470px; max-width:80%; border:1px solid #e4e4e4; color:#DF001F; float:left;}
.yzmTxt{ height:20px; line-height:20px; margin-right:5px; width:120px; border:1px solid #e4e4e4; color:#DF001F; float:left;}
.MesList li img{ float:left; margin:0 5px; display:inline;}
.MesTxt02{ height:22px; line-height:22px; margin-right:5px; width:225px; max-width:50%; border:1px solid #ccc; }
.MesBt{ float:left; width:82px; height:28px; line-height:28px; margin-right:10px;  border:none; cursor:pointer; background-color:#DF001F; border-radius:3px; text-align:center; color:#fff; font-weight:700; }
.MesBt1{ float:left; width:82px; height:28px; line-height:28px; margin-right:10px;  border:none; cursor:pointer; background-color:#bfbfbf; border-radius:3px;  text-align:center; color:#fff; font-weight:700;}


.sleft{ width: 265px;}
.sright{ width: 715px;}
.phb li{ height:32px; line-height:32px; float: left; width: 100%;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 100;   cursor:pointer; background-color: #efefef; margin-top:3px; text-indent: 5px; }

.phb li.on{ height: auto;  }
.phb_cp{ padding:8px 0; color:#999; display:none; float: left; width: 100%; /* 默认都隐藏 */ background-color: #fff;  }
.phb img{ float: left; width: 100%;  margin-right: 8px;}
.phb_cp p{ line-height: 22px;  font-size: 14px;}

.artTitle{ line-height: 38px; margin-bottom: 10px; color:#596156; font-weight: 100; font-size: 24px;}

.xw_fb{ font-weight: 100; color:#888; border-bottom: 1px dashed #ccc; height: 35px; line-height: 25px; padding-bottom: 10px;}
.xw_fb img{ margin-top: 5px;margin-right: 5px;}
.xw_fb img,.xw_fb span{ float: left; }
.xw_fb span{ margin-right: 25px;}

.xwtit{ height: 45px; line-height: 45px; border-bottom: 3px solid #ddd;   font-size: 16px; color: #E50016;}

.fy { background-color: #f8f8f8; display: inline-block; width: 100%; padding: 8px 20px;}
.fy ul{ float: left; width: 100%; line-height: 30px; }
.fy ul li{ font-size: 15px;}
.fy ul li a{ color: #646464;}

.xwldt li{ height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block;  width: 100%; background: url(../images/icon1.gif) left center no-repeat; padding-left: 15px;}

.tjrd{ border: 1px solid #dedede; padding: 10px; display: inline-block; width: 100%;  }
.tjrd h3{ color: #E50016; height: 42px; line-height: 42px; border-bottom: 2px solid #ddd; margin-bottom: 5pxs;}
.tjrd .xwldt li{ font-size: 14px;height: 35px; line-height:35px; border-bottom: 1px dashed #dedede;}
 

.wmap{ padding:0 20px 20px; border:1px solid #d9d9d9; clear: both; margin-top: 15px; display: inline-block;}
.wmap h1{ padding:15px 10px; font-size:16px; margin:0;}
.wmap div{ border:1px solid #dfdfdf; padding:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; line-height:26px;}
.wmap div a{ display:inline-block; width:33%; font-size:14px;}


/*
产品底盘分类*/
.ppLi li{ float: left; width: 100%; height: 28px; line-height: 28px; margin-bottom: 12px; font-size: 16px; }
.ppLi li span{ float: left; width:85px;}
.ppLi li a{ padding: 0 5px; float: left; margin: 0 10px;}

.ppLi li .selOn{ background-color: #DF001F;color: #fff;}


 
.xgcplist li > a{ display: inline-block;  border: 1px solid #dedede; height:178px; overflow: hidden;box-shadow:0px 0px 5px #ccc; padding: 2px;} 

.sxwL{ width:50%; padding:0 10px; box-sizing:border-box;}
.sxwL li{ text-align:right; height:28px; line-height:28px;}
.sxwL li a{ float:left; text-align:left; width:83%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:14px;}