﻿@charset "utf-8";
body,*{margin:0;padding:0;}
body{font-family:"微软雅黑"; color:#434343; font-size:14px; background:#ffffff; }
.center{ text-align:center;}
a{text-decoration:none; color:#434343;}
a:hover{ text-decoration:none;color:#feb85a;}
li{ list-style-type:none}
img{ display:block; border:none;}
.allbox{ width:1440px; margin:0px auto;}

.toper{ width:100%; top:0px; z-index:1000;}
.header{height:100px; width:100%; background:#e be9ea;}

.headbox{height:100px; width:1400px; margin:0px auto; position:relative; background:#;}
.logo{ height:100px; float:left; width:167px; overflow:hidden;  margin-right:20px;}
.headbox>ul>li{ float:left;  position:relative; padding-top:32px;}
.headbox>ul{ float:left;} 
.headbox li a{ font-size:18px;display:block;padding:5px 12px;white-space:nowrap; letter-spacing:-1px; transition:background 0.6s,color 0.6s;}
.headbox li a.active{ background:#86131a; color:#fff;}
.headbox li a:hover{ background:#86131a; color:#fff;}



.search{ float:right; position:relative; top:10px; right:90px;}
.search a{ position:absolute; right:0px; top:20px; border-radius:20px; overflow:hidden;}
.search input{ position:absolute; right:0px; outline:none; text-indent:12px; color:#fff; width:170px; font-size:16px; top:20px; border:none; background:#c5c6c5; border-radius:100px; height:36px; line-height:36px;}
.language{ position:absolute; right:0; top:36px; font-size:18px;}
.language span{ padding:0px 4px;font-size:16px;}


/***/

.banner{ width:100%; height:659px; margin:0px auto; position:relative; overflow:hidden;}
.banner a{ display:block; width:100%; height:659px;}
.banner .pic{ width:10000px; position:absolute; left:0; top:0;}
.banner .pic li{ float:left; height:300px; color:#fff; text-align:center; line-height:300px; font-size:36px;}
.banner .btn{ height:50px; width:30px; top:45%; margin-top:-25px; background-color:rgba(0,0,0,0.5); position:absolute; z-index:1000; color:#fff; text-align:center; line-height:50px;
cursor:pointer; font-family:"宋体"; font-size:30px;}
.banner .btn_left{ left:0;}
.banner .btn_right{ right:0;}
.banner .dot{ position:absolute; width:100%; text-align:center; bottom:20px;}
.banner .dot li{ display:inline-block; margin:0px 5px; width:60px; height:4px; background-color:#959595;cursor:pointer;}
.banner .dot li.on{ background-color:#ff9e36;}


.banner01{width:100%; height:659px;}

/***/

.footer{ background:#252525;}
.footerbox{ width:1400px; margin:0px auto; padding:30px 0 60px 0; overflow:hidden; position:relative;}

.footerbox li{ float:left;}
.footerbox li h4{ font-weight:normal; line-height:60px; font-size:24px; color:#ff7b00;}
.footerbox li a{ display:block;word-wrap:break-word; font-size:18px; padding-right:90px; color:#fff; line-height:40px; position:relative; padding-left:12px;}
.footerbox li a:before,.lxfs a:before{ content:"·"; position:absolute; left:-6px; color:#fff; font-family:'宋体';}
.footerbox li a:hover{color:#ff9e36;}
.lianxi{ position:absolute; right:0;}
.lxfs{ position:absolute; left:-100px; margin-top:18px;}
.lxfs a{ display:block; font-size:18px; color:#fff; line-height:40px;position:relative; padding-left:12px;}

/***/
.contant{ margin:0px auto; width:1440px; overflow:hidden; position:relative;}
.cotright{ padding-left:370px; padding-top:50px}
.conleft{ position:absolute; left:0px; top:50px; width:300px;}
.conleft a{ display:block;  line-height:48px; font-size:20px; text-indent:24px;}
.conleft a.active{ color:#fff; background:#b62022;font-size:22px;}
.alltitle01{ position:relative; font-size:30px; color:#000000; border-bottom:1px solid #7d7d7d; padding:10px 0; margin:20px 0 50px 0;}
.alltitle01 span{ font-family:'宋体'; font-weight:bold; color:#8d8d8d;}
.alltitle01 a{ position:absolute; background:#c5c7c6; border-radius:20px; right:0; font-size:20px; color:#000000; padding:3px 15px;}

.prodactlist ul{ margin-left:-60px; width:1520px; display:block;}
.prodactlist li{ float:left; margin-left:60px; margin-bottom:38px; width:319px; overflow:hidden;}
.prodactlist li img{ transition:all 0.5s;}
.prodactlist li:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
.prodactlist li span{ text-align:center; font-size:26px; display:block; padding-top:20px;}
.page{ text-align:center; padding:50px 0; font-size:30px;}

.page a,.page span{ padding:0px 10px;font-size:24px;}


/***/
.buy{width:1300px; margin:0px auto; padding:100px 0;}
.buy h1{ font-size:48px; font-weight:normal; text-align:center; border-bottom:1px solid #c6c6c6; padding:30px 0; margin-bottom:100px;}
.buy ul{ width:580px; margin:0px auto;}
.buy ul li{ padding-top:20px; position:relative}
.buy ul li .yzm{ position:absolute; right:0px; top:24px; width:206px; height:87px; overflow:hidden;}
.buy input[type="text"]{ width:100%; height:90px; line-height:90px; border:1px solid #c6c6c6; border-radius:5px; font-size:30px; text-indent:24px; font-family:"微软雅黑"; }
.buy input[type="checkbox"]{ position:relative;transform: scale(1.5,1.5);-ms-transform: scale(1.5,1.5); margin:0px 0px 0 0; top:-1px;}
.buy .tk{ text-align:center; font-size:22px; font-family:'宋体'; padding:50px 0;}
.buy .tk a{ color:#ff3300; text-decoration:underline;}
.buy .btn{ position:relative}
.buybtn{ height:90px; line-height:90px; text-align:center; font-size:30px; display:block; border-radius:6px;}
.buybtn01{ width:65%; background:#c5c7c6;}
.buybtn02{ width:34%; background:#535353; color:#fff; position:absolute; right:0px; top:20px;}



/*****/        .content{width: 100%; margin: 0 auto; overflow: hidden; }

        .con_mid{padding:40px 10px 20px 10px; width: 1020px;border: 1px solid #333333; margin-left:398px; background:#fff;}
 .content_mid{ white-space:nowrap; min-width:100%;}
        .content_mid ul li{ width:240px;text-align: center; line-height: 40px; margin:10px 20px 10px 0px; float:left; white-space:nowrap;}
		.content_mid ul li a{ display:block; background:#cccccc; font-size:20px; margin:10px 30px;}
		.content_mid ul li span{ font-size:20px;}
        .clear::after{ height: 0; display: block; clear: both; content:'';}
		.bottom_scroll{ width:100%; height:16px;}
		.bottom_scroll span{ float:left; width:20px; height:16px;text-align:center; line-height:16px; cursor:pointer; text-indent: 99em; overflow: hidden;}
        .scroll_border{margin:5px auto; width:1024px;  height:12px; position: relative; background: #959595;border-radius: 6px;}
        .scroll_btn{ cursor:pointer; width:20px; height: 12px;background:#666666;border-radius: 6px; position: absolute; left: 0px; top:0;}
		.scroll_btn.now{ background:#ff0000;}
		.bottom_scroll span.scroll_l{background-image:url(buttongroup.png); background-repeat:no-repeat; background-position:center 0px;}
		.bottom_scroll span.scroll_r{background-image:url(buttongroup.png); background-repeat:no-repeat; background-position:center -16px;}
		.bottom_scroll span.scroll_t{background-image:url(buttongroup.png); background-repeat:no-repeat; background-position:center -32px;}
		.bottom_scroll span.scroll_b{background-image:url(buttongroup.png); background-repeat:no-repeat; background-position:center -32px;}
		#scroll_v {position:relative;}
		#scroll_v .content{ height:200px; position:relative;} 
		#scroll_v .content_mid{ width:100%;}
		#scroll_v .bottom_scroll{ width:16px; height:180px; position:absolute; right:5px; top:55px;}
		#scroll_v .bottom_scroll span{ float:left; width:20px; height:16px;text-align:center; line-height:16px; cursor:pointer; text-indent: 99em; overflow: hidden;}
        #scroll_v .scroll_border{  margin:2px 6px; width:6px; border:1px solid #ccc;height:100%; position: relative; box-shadow: -1px 0 2px #000 inset; border: 1px solid #ccc; }
        #scroll_v .scroll_btn{ cursor:pointer; width:12px; height: 12px;background:#CC0;border-radius: 6px; position: absolute; left:-3px; top:0;}
		#scroll_v .scroll_btn.now{ background:#FC3}
		#scroll_v .bottom_scroll span.scroll_left{ background-image:url(buttongroup.png); background-repeat:no-repeat; background-position:center -32px;}
		#scroll_v .bottom_scroll span.scroll_rig{background-image:url(buttongroup.png); background-repeat:no-repeat; background-position:center -48px;}


/***/
.allboxp{ position:relative; padding:30px 0;}
.about{ width:1440px; margin:0px auto;}
.about h1,.h1txt{ font-size:48px; color:#b32022; text-align:center; padding:50px 0 30px 0;}
.about span{ display:block; font-size:30px; color:#747168; font-weight:normal;}
.about .line{ border:1px dashed #2f2f2f; height:8px;}
.about_txt{ overflow:hidden; padding:30px 0 60px 0; font-size:18px;  line-height:30px; color:#44413;}
.about_txt p{ text-indent:36px;}
.about_txt img{ float:left; margin-right:20px;}
.guanpan{ position:absolute; left:0px; top:20px; width:370px;}

.gpbt{ height:60px; position:relative; font-size:30px; color:#140506; padding-left:70px;}
.gpbt span{ display:block; font-size:16px;}
.gpbt img{ position:absolute; left:0px; top:0px;}
.gptxt{ font-size:19px; line-height:32px; padding:22px 0; height:242px; color:#5a503b}
.gpbtn a{ display:block; line-height:46px; font-size:20px; text-align:center;}
.gpbtn .gpbtn01{ background:#b5b5b5; color:#222;}
.gpbtn .gpbtn02{background:#535353; color:#fff;}





/***/
.table01 { border-radius:5px; overflow:hidden; border:2px solid #535353; text-align:left;}
.table01 th{ background:#535353; color:#fff; line-height:50px; font-size:20px; font-weight:normal; text-indent:24px;}
.table01 td{ border-bottom:1px solid #535353; line-height:50px; font-size:18px;text-indent:24px;}
.table01 td img{ padding-left:24px;}

.tabs01,.xgzj{border-radius:5px; overflow:hidden; border:2px solid #535353; margin-top:30px;}
.tabs01 ul{ overflow:hidden; background:#535353;}
.tabs01 li{ float:left;}
.tabs01 li a{ display:block; line-height:50px; font-size:20px; color:#fff; padding:0px 30px;}
.tabs01 li a.active{ background-color:#3f3f3f;}
.tab01_txt{ padding:30px; line-height:36px; font-size:20px;}
.download{ margin:30px 0; border-radius:5px; overflow:hidden; border:2px solid #535353;}
.xgzj .title,.download .title,.cpjs .title{ background:#535353; color:#fff; line-height:50px; font-size:20px; font-weight:normal; text-indent:24px;}
.xgzj ul{}
.xgzj ul li{ float:left; width:267px; margin:10px;}
.xgzj ul li img{ width:100%;}

.xgzj span{ display:block; text-align:center; font-size:18px; padding:10px 0;} 
.titicon { padding-left:48px}
.titicon img{ display:inline-block; position:absolute; margin-left:-48px; width:36px; height:36px; margin-top:6px;;}

/***/

.cpjs{ border-radius:5px; overflow:hidden; border:2px solid #535353; }
.cpjs li{ line-height:40px; text-indent:24px; font-size:18px; border-bottom:1px solid #535353;}
.cpjs li:last-child,.download li:last-child a{ border:none;}
.download .title{ position:relative;}
.download .title a{ position:absolute; right:18px; color:#fff;}
.download  li a{ position:relative; line-height:60px;height:60px; display:block;border-bottom:1px solid #535353; font-size:18PX; padding-left:90px;}
.download  li a img{ position:absolute;height:50px; top:5px; left:24px;}
.download  li a:hover{ background:#f6f6f6;}

 /***/
 .slider{position: relative}
.slider div{position: relative;text-align: center;padding: 0px;list-style-type: none;margin: 0px;width:450px;background: #ffffff;height:419px;overflow: hidden;}
.hdnum{overflow: hidden;padding-top: 2px}
.hdnum li{padding-right: 1px;background-color: #000;width:110px;height: 110px;float: left;margin:0 0 0 1px;overflow: hidden;}
.hdnum li img{width:100%;filter: alpha(opacity=50);opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5}
.hdnum li.on{background-color: #f54102;}





