/* 
	Name: komatsu
	Author: 范波
	Verson: 0.1
	Date: 2015.04.05
*/

/* CSS Document */
body{ background:#fff;}
ul,li{ list-style:none;}
a{color:#ababab;}
a:hover{ color:#b00000; text-decoration:none;}
.png{ background:url(../image/png.png) no-repeat;}
.blank0{ height:0; width:100%; float:none; clear:both; display:block; overflow:hidden;}
.blank5{ height:5px; width:100%; float:none; clear:both; display:block; overflow:hidden;}
.blank10{ height:10px; width:100%; float:none; clear:both; display:block; overflow:hidden;}
.blank20{ height:20px; width:100%; float:none; clear:both; display:block; overflow:hidden;}
.shadow{ -webkit-box-shadow:0 0 10px #e5e5e5; -moz-box-shadow:0 0 10px #e5e5e5; box-shadow:0 0 10px #e5e5e5;}

/*  -------  头部  ------  */
#Top{ width:1200px; margin:0 auto;}
.TopT{ height:auto; overflow:hidden; padding:20px 0 25px;}
.TopT h1{ float:left; display:inline;}
.logo_r{ float:right; display:inline; padding-top:5px;}
.logo_r p{ font-size:15px; color:#666; text-align:right; padding-bottom:10px;}
.logo_r p font{ color:#cc0000;}
.search_lang{ height:auto; overflow:hidden;}
.searchBox{ float:right;}
.sarchText{ width:156px; float:left; border:1px solid #b6b6b6; border-right:0; height:18px; padding:3px 5px; color:#666;}
.sarchSub{ width:29px; height:26px; border:1px solid #b6b6b6; border-left:0; background-position:2px 2px; cursor:pointer; outline:0; float:left;}
.langBox{ float:right; line-height:26px; padding-right:10px;}
.langBox a{ color:#666; float:left;}
.langBox a{ color:#cc0000;}
.langBox span{ float:left; color:#ccc; padding:0 5px;}
.navBox{ padding-bottom:10px;}
.navBox ul{ height:auto; overflow:hidden; padding-left:25px; background:#e1e1e1;}
.navBox ul li{ float:left; margin-right:30px;}
.navBox ul li a{ float:left; border:1px solid #e1e1e1;}
.navBox ul li a span{ height:25px; line-height:25px; font-size:15px; color:#666; float:left; border:1px solid #e1e1e1; padding:0 15px; text-transform:Uppercase;}
.navBox ul li a:hover,.navBox ul li.cur a{ border-color:#b10606;}
.navBox ul li a:hover span,.navBox ul li.cur a span{ background:#b00000; border-color:#e51b1b; color:#fff;}

/*  ---  首页  ---  */
#Main{}
.MainBox{ background:#f7f7f7; padding:10px 0 20px;}
.BannerBox{ width:1170px; margin:0 auto; padding:14px; background:#fff; border:1px solid #ededed;}
.Banner{ overflow:hidden; height:535px; position:relative;}
.Banner .bd{ height:535px; position:relative; z-index:5;}
.Banner .bd li{ float:left;}
.Banner .bd img{ width:1170px; height:535px; display:block;}
.Banner a.BannerQj{ width:35px; height:64px; position:absolute; top:50%; margin-top:-32px; z-index:10;}
.Banner a.prev{ left:0; background-position:0 -92px;}
.Banner a.prev:hover{ background-position:-80px -92px;}
.Banner a.next{ right:0; background-position:-40px -92px;}
.Banner a.next:hover{ right:0; background-position:-120px -92px;}
.inProList{ margin:0 auto; width:1200px;}
.inProList .mt{ height:61px; background:#b00000;}
.inProList .mt h2{ font-size:25px; color:#fff; line-height:61px;}
.inProList .mt h2 span{ display:inline-block; vertical-align:top; margin:17px 10px 0 10px;}
.inProList .mt h2 span i{ width:24px; height:26px; background-position:-37px 0; display:block;}
.inProList .mt h2 .more{ line-height:1.2; text-transform:uppercase; font-size:15px; color:#fff; float:right; margin:22px 30px 0 0;}
.inProList .mt h2 .more em{ display:inline-block; vertical-align:top; margin:3px 0 0 0;}
.inProList .mt h2 .more em i{ width:11px; height:11px; background-position:-66px 0; display:block;}
.inProList .mc{ overflow:hidden; padding:20px 35px; background:#fff;}
.inProList .mc ul{ width:105%; height:auto; overflow:hidden; margin-top:-30px;}
.inProList .mc ul li{ width:340px; float:left; margin:30px 55px 0 0; display:inline; text-align:center;}
.inProList .mc ul li img{ border:1px solid #ccc;}
.inProList .mc ul li p{ font-size:15px; color:#666; padding-top:10px;}
.inProList .mc ul li a:hover img{ border-color:#b00000;}
.inProList .mc ul li a:hover p{ color:#b00000;}
.MainBox02{ background:#fff; position:relative; padding:25px 0 35px;}
.MainBox02 .line{ height:0; width:100%; overflow:hidden; border-bottom:1px dotted #999; position:absolute; top:60px; left:0;}
.News_About{ height:auto; overflow:hidden; width:1200px; margin:0 auto;}
.inNews{ width:600px; float:left;}
.inNews h2{ font-size:25px; color:#b0000; padding-bottom:20px;}
.inNews h2 span{ display:inline-block; vertical-align:top; margin:5px 6px 0 0;}
.inNews h2 span i{ width:22px; height:20px; display:block; background-position:-82px 0;}
.inNews .mc{}
.inNews .mc dl{ height:auto; overflow:hidden;}
.inNews .mc dl dt{ width:110px; float:left; margin-right:20px; display:inline;}
.inNews .mc dl dd{ width:470px; float:left;}
.inNews .mc dl dd h3{ margin:5px 0 10px; height:23px; overflow:hidden;}
.inNews .mc dl dd h3 a{ font-size:20px; color:#666;}
.inNews .mc dl dd h3 a:hover{ color:#b00000;}
.inNews .mc dl dd .text{ line-height:20px; color:#666; height:60px; overflow:hidden; font-size:13px;}
.inNews .mc .Line{ height:1px; background:#999; overflow:hidden; width:100%; display:block; float:none; clear:both; margin:10px 0;}
.inAbout{ width:570px; float:right;}
.inAbout h2{ font-size:25px; color:#b0000; padding-bottom:20px;}
.inAbout h2 span{ display:inline-block; vertical-align:top; margin:6px 6px 0 0;}
.inAbout h2 span i{ width:25px; height:17px; display:block; background-position:-109px 0;}
.inAbout .mc{}
.inAbout .mc dl{ height:auto; overflow:hidden;}
.inAbout .mc dl dt{ width:235px; margin-right:15px; float:left; display:inline;}
.inAbout .mc dl dd{ width:320px; float:left;}
.inAbout .mc dl dd h3{ font-size:15px; color:#b00000; margin:5px 0 10px; height:18px; overflow:hidden;}
.inAbout .mc dl dd .text{ font-size:13px; color:#666; line-height:20px; height:140px; overflow:hidden;}
.inAbout .mc dl dd .more{ font-size:13px; color:#b00000; border-bottom:2px solid #b00000; float:left; padding-bottom:3px; margin-top:30px;}

/*  ---  关于我们  ---  */
.twoMain{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.twoList{ width:229px; float:left; padding-top:20px;}
.twoList .mt{ font-size:20px; color:#fff; width:229px; height:49px; line-height:49px; background-position:0 -191px; text-transform:uppercase;}
.twoList .mt span{ display:inline-block; vertical-align:top;}
.twoList .mt span i{ width:25px; height:17px; display:block; overflow:hidden;}
.aboutCon .twoList .mt span{ margin:15px 12px 0 9px;}
.aboutCon .twoList .mt span i{ width:25px; height:17px; background-position:0 -245px;}
.twoList .mc{}
.twoList .mc ul{}
.twoList .mc ul li{ padding-top:5px;}
.twoList .mc ul li a{ border:1px solid #cdcdcd; display:block;}
.twoList .mc ul li a span{ height:25px; line-height:25px; display:block; font-size:15px; color:#333; background:none; border:1px solid #fff;}
.twoList .mc ul li a span em{ display:inline-block; vertical-align:top; margin:9px 17px 0 39px;}
.twoList .mc ul li a span em i{ width:4px; height:7px; display:block; overflow:hidden; background-position:-75px -67px;}
.twoList .mc ul li a:hover,.twoList .mc ul li.cur a{ border:1px solid #626262;}
.twoList .mc ul li a:hover span,.twoList .mc ul li.cur a span{ color:#fff; background:url(../image/png.png) 0 -161px no-repeat; border:1px solid #ea201e;}
.twoList .line{ height:2px; background:#666; overflow:hidden; margin:10px 0 5px;}
.subttom{ width:227px; height:27px; border:1px solid #cdcdcd; display:block;}
.subttom span{ height:25px; line-height:25px; display:block; font-size:15px; color:#fff; background-position:0 -161px; border:1px solid #626262;}
.subttom span em{ display:inline-block; vertical-align:top; margin:9px 17px 0 39px;}
.subttom span em i{ width:4px; height:7px; display:block; overflow:hidden; background-position:-75px -67px;}
.twoMain_r{ width:920px; padding:20px 0 0 40px; float:right; min-height:500px; background:url(../image/con_back.png) no-repeat;}
.twoMain_r .weizhi{ color:#333; font-size:15px; padding:15px 0; border-bottom:1px dashed #a0a0a0;}
.twoMain_r .weizhi span{ padding:0 5px;}
.twoMain_r .weizhi a,.twoMain_r .weizhi font{ color:#333; text-transform:capitalize;}
.twoMain_r .weizhi a:hover{ color:#c00; text-decoration:underline;}
.twoMainBox{ padding-top:20px;}
.aboutConText{ font-size:13px; color:#666; line-height:20px;}
.aboutConText img{ max-width:100%; height:auto;}

/*  ---  联系我们  ---  */
.contactConText{}
.contactConText h2{ font-size:20px; color:#c00; padding-bottom:5px;}
.contactConText dl{ height:auto; overflow:hidden; font-size:15px; color:#666;}
.contactConText dl dt{ width:13%; float:left; text-align:right; line-height:40px;}
.contactConText dl dd{ width:87%; float:left; line-height:40px;}

/*  ---  留言  ---  */
.contactMgeConText{}
.contactMgeConText dl{ height:auto; overflow:hidden;}
.contactMgeConText dl dt{ width:21%; float:left; text-align:right; font-size:15px; color:#666; line-height:32px;}
.contactMgeConText dl dd{ width:79%; float:left; margin-bottom:7px;}
.contactMgeText{ width:485px; height:18px; background:#fff; border:1px solid #ccc; padding:6px 5px;}
.contactMgeText02{ width:665px; height:95px; line-height:18px; background:#fff; border:1px solid #ccc; padding:7px 5px;}
.contactMgeSub{ width:97px; height:29px; background-position:-96px -41px; border:0; float:left; margin-top:21px;}
.contactMgeConText dl dd span{ float:left; line-height:29px; padding-left:10px; color:#666; margin-top:21px;}

/*  ---  新闻列表  ---  */
.newsConText{}
.newsConText dl{ padding:15px 11px; height:auto; overflow:hidden; border-top:1px dashed #aeaeae;}
.newsConText dl:hover{ background:#f0f0f0;}
.newsConText dl dt{ width:184px; float:left; margin-right:15px;}
.newsConText dl dd{ width:699px; float:left;}
.newsConText dl dd h2{ padding-bottom:3px;}
.newsConText dl dd h2 a{ color:#c00; font-size:20px;}
.newsConText dl dd h2 a:hover{ color:#c00; text-decoration:underline;}
.newsConText dl dd .time{ padding-bottom:10px; color:#999;}
.newsConText dl dd .text{ font-size:13px; color:#666; line-height:20px; height:40px; overflow:hidden;}
.newsConText dl dd .more{ font-size:13px; color:#c00; padding-right:14px; background-position:right -241px; margin-top:50px; float:left;}
.Page{ height:27px; position:relative; padding-top:20px; border-top:1px solid #acacac;}
.pageBox{ position:absolute; left:25%;}
.pageBox,.pageBox a{ color:#666}
.pageBox ul{ margin-left:-50%; height:auto; overflow:hidden; float:left;}
.pageBox ul li{ float:left; margin:0 5px; display:inline;}
.pageBox ul li a{ border:1px solid #9a8f8f; float:left;}
.pageBox ul li a span,.pageBox ul li em span{ width:23px; height:23px; text-align:center; line-height:23px; background:#999; border:1px solid #ccc; display:block; color:#fff; font-size:15px;}
.pageBox ul li em span{ background:none; border:0; color:#666; width:auto;}
.pageBox ul li.fanye a span{ float:left; width:auto; padding:0 15px;  text-transform:uppercase;}
.pageBox ul li a:hover,.pageBox ul li.cur a{ border-color:#b51010;}
.pageBox ul li a:hover span,.pageBox ul li.cur a span{ background:#b51010; border-color:#f00;}

/*  ---  新闻详细  ---  */
.newsDelConText{}
.newsDelConText h2.name{ text-align:center; font-size:20px; color:#c00; padding-bottom:5px;}
.newsDelConText .time{ color:#999; text-align:center;}
.newsDelConText .text{ line-height:20px; color:#666; padding:20px 0;}
.newsDelConText .text img{ max-width:100%; height:auto;}
.newsDelConText .other{ padding-top:14px; border-top:1px solid #ccc;}
.newsDelConText .other ul{ width:50%;}
.newsDelConText .other ul li{ font-size:15px; color:#666; height:auto; overflow:hidden; line-height:26px;}
.newsDelConText .other ul li a{ color:#666; float:left;}
.newsDelConText .other ul li a:hover{ color:#c00;}
.newsDelConText .other ul li em{ font-style:normal; text-transform:uppercase;}
.newsDelConText .other ul li span{ font-size:12px; float:right;}

/*  ---  产品列表  ---  */
.proCon .twoList .mt span{ margin:11px 12px 0 9px;}
.proCon .twoList .mt span i{ width:24px; height:26px; background-position:-30px -245px;}
.proListBox{ overflow:hidden;}
.proListBox ul{ height:auto; overflow:hidden; width:105%;}
.proListBox ul li{ width:286px; float:left; height:190px; margin:0 31px 25px 0; text-align:center;}
.proListBox ul li img{ border:1px solid #9c9c9c;}
.proListBox ul li p{ color:#666; padding-top:10px; font-size:15px;}
.proListBox ul li a:hover img{ border-color:#c00;}
.proListBox ul li a:hover p{ color:#c00;}

/*  ---  产品详细  ---  */
.proDelConText{}
.proDelConText .name{ font-size:20px; color:#c00; padding-bottom:10px;}
.proDelConText .img{ padding-bottom:20px;}
.proDelConText .img img{ max-width:1--%; height:auto;}
.proDelConText .info{}
.ProInfoBox .hd{ overflow:hidden;}
.ProInfoBox .hd ul{ width:105%; overflow:hidden;}
.ProInfoBox .hd ul a{ color:#333333}
ProInfoBox .hd ul a:hover{ color:#FFFFFF}
.ProInfoBox .hd ul li{ border:1px solid #cdcdcd; float:left; cursor:pointer; margin-right:10px; display:inline;}
.ProInfoBox .hd ul li span{ width:160px; height:25px; line-height:25px; display:block; font-size:15px; color:#333; background:none; border:1px solid #fff;}
.ProInfoBox .hd ul li span em{ display:inline-block; vertical-align:top; margin:9px 17px 0 26px;}
.ProInfoBox .hd ul li span em i{ width:4px; height:7px; display:block; overflow:hidden; background-position:-75px -67px;}
.ProInfoBox .hd ul li.on{ border-color:#5a5a5a;}
.ProInfoBox .hd ul li.on span{ color:#fff; background:url(../image/png.png) 0 -161px no-repeat; border:1px solid #ea201e;}
.ProInfoBox .bd{}
.ProInfoBox .bd .proDelInfo{ color:#666; line-height:22px; padding-top:20px;}
.paraTble,.paraTble td{ border:1px solid #ccc;}
.paraTble td{ line-height:22px; font-size:15px; color:#666; padding:13px 10px; text-align:center;}
.proOter .tishi{ line-height:42px; color:#cc0000;}
.proOter .img{ padding-bottom:15px; border-bottom:1px dotted #999;}
.proOter .img img{ max-width:100%; height:auto;}
.proPresent{ padding-top:15px; height:auto; overflow:hidden; color:#666; line-height:22px;}
.proPresent img{ max-width:100%; height:auto;}

/*  ---  视频页面  ---  */
.videoCon .twoList .mt span{ margin:11px 12px 0 9px;}
.videoCon .twoList .mt span i{ width:22px; height:25px; background-position:-59px -245px;}
.videoConText{}
.videoConText dl{ height:auto; overflow:hidden;}
.videoConText dl dt{ width:340px; float:left; border:2px solid #ccc; padding:4px; background:#fff; margin-right:20px; display:inline;}
.videoConText dl dd{ width:548px; float:left;}
.videoConText dl dd h2{ font-size:20px; font-size:20px; color:#c00; padding-bottom:10px;}
.videoConText dl dd .text{ color:#666; line-height:20px;}

/*  ---  底部样式  ---  */
#Bottom{ border-top:3px solid #333;}
.Bottom{ width:1200px; margin:0 auto; height:auto; overflow:hidden; padding:25px 0 15px;}
.Bottom_l{ width:50%; float:left;}
.Bottom_l h2{ font-size:20px; color:#333;}
.Bottom_l ul{}
.Bottom_l ul li{ padding-top:12px; line-height:21px; font-size:13px; color:#666;}
.Bottom_l ul li span{ display:inline-block; vertical-align:top; margin:0 10px 0 0;}
.Bottom_l ul li span i{ width:21px; height:21px; display:block; overflow:hidden;}
.Bottom_l ul li.fore1 span i{ background-position:0 -41px;}
.Bottom_l ul li.fore2 span i{ background-position:-27px -41px;}
.Bottom_l ul li.fore3 span i{ background-position:-51px -41px;}
.Bottom_l ul li.fore4 span i{ background-position:-73px -41px;}
.copyRight{ width:50%; float:right;}
.copyRight .share{ height:auto; overflow:hidden; padding-bottom:10px;}
.copyRight .share ul{ float:right; display:inline;}
.copyRight .share ul li{ float:left; margin-left:8px;}
.copyRight .share ul li a i{ width:20px; height:20px; display:block; overflow:hidden;}
.copyRight .share ul li.fore1 a i{ background-position:0 -67px;}
.copyRight .share ul li.fore2 a i{ background-position:-25px -67px;}
.copyRight .share ul li.fore3 a i{ background-position:-50px -67px;}
.copyRight p,.copyRight a{ font-size:13px; color:#666; text-align:right; line-height:20px;}
.copyRight a:hover{ color:#b00000; text-decoration:underline;}