BODY{FONT-FAMILY:"微软雅黑";COLOR:#3c3c3c;FONT-SIZE:14px;MARGIN:0;padding:0; }
IMG{border:0; margin:0 auto;}
BUTTON,CITE,DL,DT,EM,FORM,H1,H2,H3,H4,H5,H6,H7,INPUT,OL,P,STRONG,body,dd,li,ul{padding:0;margin:0;text-justify:inter-ideograph;}
LI,OL{LIST-STYLE-TYPE:none}
A{COLOR:#000000;TEXT-DECORATION:none}
A:hover{COLOR:#ff4457;TEXT-DECORATION:none}


.main{MARGIN:0 auto;width:1280px; max-width:80%;line-height:25px;overflow:hidden;}
.pagefix{ margin:0 auto; width:100%; max-width:80%; height:auto;position:relative}

.ttop{ background:#3a3633; height:100px; }
.toplogo{ height:100px; margin:0px auto;  padding:0px; position:relative;   width:1280px; }
.logo{overflow:hidden; width:40%; height:85px; float:left}
.logo img{ height:85px; }

.biaoyu{ width:40%; float:right; text-align:right}

.topronav{ background:#fa3902; width:100%; height:50px; line-height:50px;}
.topronav a{ color:#ffffff; display: block; float:left; margin:5px 10px;}
.topannav{ background:#4f4f4f; width:100%; height:50px; line-height:50px;}
.topannav a{ color:#ffffff; display: block; float:left; margin:5px 5px;}

.toptex{ font-size:14px; color: #FFFF00; width:60%; float:left;height:50px; line-height:50px; }
.toptel{ float:right; width:35%; font-size:24px; color:#ffffff; text-align:right; height:50px; line-height:50px;}
.ll01{ float:left; width:48%}
.ll02{ float:right; width:50%; border-bottom:1px dotted #ACACAC; text-align:right}

.nav a{color: #FFFF00; display: block; float:left; margin:5px 8px; font-size:14px; }

.gsbox01{ width:48%; float:left; border:1px solid #EBEBEB; background:#585858; color:#ffffff; padding:10px; margin:5px auto; height:220px }
.gsbox02{ width:48%; float: right;border:1px solid #EBEBEB;background:#ca0000;color:#ffffff; padding:10px;margin:5px auto;  height:220px}
.gsbox03{ width:48%; float:left; border:1px solid #EBEBEB; background:#ca0000; color:#ffffff; padding:10px; margin:5px auto; height:220px}
.gsbox04{ width:48%; float: right;border:1px solid #EBEBEB;background:#585858;color:#ffffff; padding:10px;margin:5px auto; height:220px }
.gsbox01 h1,.gsbox02 h1,.gsbox03 h1,.gsbox04 h1{ font-size:18px; color:#FFFFFF;  text-align:center; height:50px; line-height:50px; }




.mainbg1{ background:  url(../../wap/images/headbg.jpg); position:relative; display:block}
.mainbg2{ background:#000000; height:auto; position:relative; display:block;height:400px; overflow:hidden}
.mainbg3{ background: url(../images/x.jpg)   bottom;}
.bg1{ background:#ffffff}
.bg2{ background:#000000}
.bg3{ background:#d8dbe4}
.bg4{ background:#fdebdf}
.bg5{ background:#bababa}
.bg6{ background:#f4f4f4}
.pd50{ margin:50px 20px;}

.h50{ height:50px;  }



.homeppt{}
.homeppt2{ width:auto; margin:10px auto; text-align:center; font-size:18px; height:50px; line-height:50px; color: #ffffff}
/*首页圆形图标*/
.row {display:inline-block;overflow:hidden;*display:inline;*zoom:1; width:18%; margin-left:20px;}
.center { text-align: center;}
.circles img { margin-top: 25px;}
.circle { margin: 25px 10px; width: 120px; color: #fff; font-size: 32px;  line-height: 120px; text-align: center; height: 120px; border-radius: 60px;}
.bg-green { background: #5bd5a0;}
.bg-blue { background: #1daee9;}
.bg-purple { background: #c843a5;}
.bg-#008080 { background: #eb3980;}
.bg-yellow { background: #ffcc35;}
.span3 { width: 220px;}

.content .main .cp_list{FLOAT:left;padding:7px 4px 2px 4px}
.content{margin:0 10px;padding:5px;line-height:25px;font-size:14px}
.content a{color:#008080}
.content img{ max-width:95%; margin:0 auto}


.footer{ background:#515151; height:auto}
.footer a{ color:#FFFF00}
.copyright{color:#ffffff;width:500px;margin:0 auto;text-align:left;  line-height:24px;font-size:14px;  padding:20px 0px; float:right; height:auto;}
.code{ width:400px; float:left; text-align:right}
.icp{ width:300px; float:left;  color:#ffffff; line-height:36px; margin-top:50px; height:60px; text-align:center}
.icp a { color:#ffffff}
.qq{ width:300px; float:left; line-height:36px; margin-top:50px; height:60px;}
.qq img{ margin-left:20px;}



.cp_list{width:100%}
.cp_list li{width:25%;float:left;text-align:center; margin-top:10px; margin-bottom:10px;}
.cp_list li img{ height:220px; width:auto}

.homeimg{width:100%; }
.homeimg li{width:24%;float:left;text-align:center; background:#EBEBEB ; border:1px solid #FFFFFF; margin:3px;  }
.homeimg li img{ height:220px; border:2px solid #ffffff; margin:8px;}

.homeimg2{ width:auto; white-space:nowrap; border-bottom:2px solid dotted #EBEBEB; margin-top:20px;}
.homeimg2 li{float:left;text-align:center;background:#ffffff; width:25% }
.homeimg2 li img{ height:200px;}

.homeimg3{ width:auto; white-space:nowrap}
.homeimg3 li{float:left;text-align:center;background:#ffffff; width:10% }
.imgbox{overflow:hidden;width:95%;overflow:hidden; margin:0 auto; text-align:center}
.imgbox a{display:block;}
.imgbox  a img{ width:auto}
.imgboxtitle {WIDTH:100%;overflow:hidden;display:block; height:25px; line-height:25px;}
.imgboxtitle {WIDTH:100%;overflow:hidden;display:block; height:25px; line-height:25px; margin-top:10px; padding-bottom:20px;}

@keyframes imgboxcc{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.imgboxcc{-webkit-animation-name:imgboxcc;animation-name:imgboxcc;}
.imgbox a:hover img{animation:imgboxcc 1s 1;-webkit-animation:imgboxcc 1s 1;}


.pages{text-align:center;clear:both;margin-top:10px;height:50px;line-height:25px; margin-top:30px;}
.pages a{text-decoration:none;margin:0 10px; background:#ee0000; color:#fff; padding:2px 10px; border:1px solid #ECECEC}

.nextphoto{clear:both}
.nextphoto a{width:100px;height:30px;background:#008080;color:#fff;text-align:center;line-height:30px;font-weight:700}
.piece{float:left}
.next{float:right}
.pagestyle{clear:both}
.pagestyle a{height:25px;width:25px;background:#b10000;color:#000;display:block;line-height:25px;float:left;margin:5px;text-align:center;font-weight:700}
.pagestyle a:hover{color:#FF0}
.sp-list{min-height:400px}
.sp-list li{list-style:none;width:460px;float:left;text-align:center}
.sp-list li img{width:400px;border:2px solid #191919;height:320px}



.acboxlist{border:1px solid #EBEBEB;padding:5px;height:185px;overflow:hidden}
.acboxlist li{height:22px;line-height:22px}
.tt{font-size:18px;color:#ff0000;text-align:center;height:40px;line-height:40px;}
.input1{border:1px solid #ACACAC}


.cls{clear:both}
.hidden{display:none}



.homeac{overflow:hidden;margin:0 0;overflow:hidden;padding:5px; background:#ffffff;opacity:.9;}
.homeac ul{padding:5px}
.homeac li{height:30px;line-height:30px;padding-left:10px;position:relative;overflow:hidden; white-space:nowrap; overflow:hidden; text-align:left;  background:url(../images/dian.gif) no-repeat 10px; text-indent:2em; border-bottom:1px dotted #CC3300}
.homeac li a{font-size:12px;color:#000000}
.homeac li A:hover{color:red;font-size:16px;transition:font-size 0.35s;   -webkit-transition:font-size 0.35s;}
.date{right:5px;position:absolute;color:#008080; width:100px;}




.homeac2{overflow:hidden;margin:0 0;overflow:hidden;padding:5px; }
.homeac2 ul{padding:5px}
.homeac2 li{height:30px;line-height:30px;padding-left:10px;position:relative;overflow:hidden; white-space:nowrap; overflow:hidden; text-align:left;  background:url(../images/dian.gif) no-repeat 10px; text-indent:2em; width:48%; float:left}
.homeac2 li a{font-size:12px;color:#585858}
.homeac2 li A:hover{color:#008080;font-size:16px;transition:font-size 0.35s;   -webkit-transition:font-size 0.35s;}


.news{ width:100%}
.news ul{margin-top:0px}
.news ul li{width:95%;height:45px;line-height:45px;border-bottom: #828282 dotted 1px; overflow:hidden; position:relative; background:url(../images/dian.gif) no-repeat 10px; text-indent:2em; background: #EBEBEB)}
.news ul li .date{ position:absolute; right:50px; top:0px; color: #ACACAC; width:200px}
.pagecontent{padding:10px 10px;min-height:300px;font-size:14px; }
.pagecontent p img{ margin: 0 auto; max-width:100%; text-align:center}

.links{width:100%;margin:0 auto;line-height:25px;height:30px;line-height:30px;overflow:hidden; text-align:center; background:#000000}
.links a{white-space:nowrap;color:#979797;}

.w100{ width:100%; margin-top:5px;}
.bga{ background: #EDEDED}

.acbox{width:393px;float:left;line-height:22px}

.br1{border:1px solid #EBEBEB; }


/*大图广告内容样式*/
.fl{ float:left}
.fr{ float: right}
.fboxa{ width:300px; margin-top:90px;}
.it01img{ width:600px; height:300px; margin:50px auto;}
.it01text1{ color:#008080;margin-top:10px; font-size:24px;  width:600px;}
.it01text2{ margin-top:10px; color: #FFFFFF; font-size:18px;  width:600px; text-indent:2em;}

/*内页头部广告*/
.abanner{ height:2px; background:#ee0000; position:relative; width:100%}
.afboxa{ width:800px; margin-top:20px; margin-left:300px;}
.ait01img{ width:200px; height:200px; margin:0px auto; position:absolute; left:0px; top:10px}
.ait01text1{ color:#14c9e9;margin-top:10px; font-size:24px;  width:800px;}
.ait01text2{ margin-top:10px; color: #14c9e9; font-size:18px;  width:800px; text-indent:2em;}

/*我们的服务*/






.nbr{ border:1px solid #EEE;}
.m5{ margin:0px 5px;}
.homejj{ background: #EDEDED; }

.homepro{}
.homeprobox{ width:50%; height:360px; position:relative; margin-top:20px; overflow:hidden}
.homeproboxa{ width:50%;height:360px; position:relative; background: #ffffff; text-indent:1em}
.homeproboxa h2 a{ font-size:18px; color:#8dab00; border-bottom:1px solid #ACACAC dotted; font-weight:100}
.homeproboxa li{ text-indent:1em;list-style: inside;color:#29b2e0}
.homeproboxa li a{ font-size:14px;}

.homeproboxa li a:hover,.homeproboxb li a:hover{transition:font-size 0.35s;   -webkit-transition:font-size 0.35s; font-size:16px;}

.homeproboxb{ width:100%;height:180px; position:relative; background: #ffffff; text-indent:1em}
.homeproboxb h2{ font-size:18px; color:#828282; border-bottom:1px solid #ACACAC dotted; font-weight:100}
.homeproboxb li{ text-indent:1em; width:50%; float:left;list-style: inside; color:#29b2e0}
.homeproboxb li a{ font-size:14px;}

/*首页企业文化样式*/
.qywhbox{ width:25%; height:150px; float:left; background:#8c5e25}
.bl{ background:#8c5e25 url(../images/x.jpg) repeat-y;}

.qywhtt01 .span1{ width:100%; text-align: center; font-size:24px; color:#ffffff; margin-top:20px;}

.qywhtt02{color:#ffffff;margin:5px 10px; text-align:center }
.qywhtt01{color:#ffffff;margin:5px 10px; text-align:center}
.left10{ margin-left:20px;}




.leftnav{ width:20%; float:left}
.leftnav ul,.mainl ul{margin:0;padding:0}
.leftnav .tta{ font-size:24px; background:#ffffff url(../images/left.jpg) no-repeat; color:#ffffff; height:60px; line-height:60px; text-align:center}
.leftnav{padding-top:2px}
.leftnav li{text-align:center;font-size:14px;font-weight:700;color:#444;margin-top:5px; border:1px solid #ECECEC; width:100%;}
.leftnav a{font-size:14px;font-weight:100;display:block;height:36px;line-height:36px; background:#f6f6f6 url(../images/leftnavbg.jpg) no-repeat; color:#000000}
.leftnav A:hover{color: #FF0000;font-size:18px;  background:url(../images/leftnavbg2.jpg) no-repeat}
.mc{ float:right; width:75%; min-height:300px; font-size:14px;text-align:justify; text-justify:inter-ideograph; background:#FFFFFF; padding:30px 5px; }


.sx{ text-align: center; margin-right:100px; margin-top:50px;}
.sx a{ color:red}

.localtion{height:50px;line-height:50px;font-size:14px;color: #828282; text-align:left; text-indent:0em}
.localtion a{font-size:14px;color: #828282}



/*留言样式*/
.book{ width:96%; overflow:hidden; margin:0 auto; text-align:left}
.book .hhhhj{ clear:both; width:100%;line-height:40px; margin-top:5px;}
.book .booktitle{ width:200px; text-align:right; color: #6D6D6D; float:left;  padding-right:20px; font-size:12px;}
.book textarea{ width:60%; float:left; margin-top:5px;}
.book .bookinput{ height:24px; line-height:24px; margin:2px; border:1px solid #D6D6D6; width:60%; float:left }
.book select{ height:30px; line-height:30px; margin:2px; border:1px solid #D6D6D6; width:60%;  }
.btn-#0a75b1{background:#FF8000; color:#FFFFFF;text-align:center; margin:0 auto}
.booknr{ width:70%; height:auto; margin:0 auto; padding-top:20px;}
.brl{ border:1px solid #EBEBEB}

.banner{ width:100%; height:450px; white-space:nowrap; margin:0 auto; overflow:hidden;  position:relative; z-index:1; background:#000000}
.banner_m{ width:50%; height:450px; display:inline-block; position:relative;}
.wrapper {*float:left; width:1920px; height:450px; display:inline-block; position:relative; left:-980px;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none;}
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 180px; left:5%; z-index: 100; width: 72px; height: 143px; overflow: hidden; text-indent: -9999em; margin-top:0; background: url('../images/prev.png') no-repeat left top !important; opacity:0.6;}
.box_skitter .next_button { position: absolute; top: 180px; right:5%; z-index: 100; width: 72px; height: 143px; overflow: hidden; text-indent: -9999em; margin-top:0; background: url('../images/next.png') no-repeat left top !important; opacity:0.6;}
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url('../Images/ajax-loader.gif') no-repeat left top; width: 31px; height: 31px; }
#slideshow { width:1920px; height:450px; }
#slideshow ul { display: none; }


/*我们的服务*/

.hpnav{ background:#ffffff; padding-bottom:50px;}
.lfxx{ display:block; height:100%; position:relative;float:left; text-align:center; margin-left:80px;}
.lfxx img{ width:auto; height:100%;}
.lfxx .fuwubg1{ width:auto; display:block; width:100%; position:relative; z-index:1; margin:0 auto;}
.lfxx .fuwubg2{ width:100%; height:0%; top:0; left:0; position:absolute; background-size:100% !important;background:url(../images/banbg2.png) center  top no-repeat; z-index:2;}
.fuwuk1{ display:block; position:absolute; width:51px; height:41px; left:50%; top:23.7%; margin-left:-25.5px;  z-index:4;}
.fuwuk10{ position:absolute; width:100%; height:0%;}
.fuwuk2{ display:block; position:absolute; width:100%; text-align:center; top:47.4%; line-height:32px; color:#000000; font-size:18px;  z-index:4;}
.fuwuk3{ display:block; position: absolute; width:55px; height:51px; bottom:0; left:50%; margin-left:-27.5px;  z-index:4; overflow:hidden;}
.fuwuk3 span{ display:block; position:relative; left:-5px; top:0; width:65px; height:65px; text-align:center; color: #D6D6D6; font-size:24px}
.fuwuk3, .fuwuk1, .fuwuk10, .fuwuk2 {
	-webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 1.24);
	-moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 1.24);
	-o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 1.24);
	transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 1.24);}
.fuwuk3 span{
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.75, 1.24);
	-moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.75, 1.24);
	-o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.75, 1.24);
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.75, 1.24);}
	
.hpnav a:hover .fuwubg2{ height:100%;}
.hpnav a:hover .fuwuk2{ color:#000;}
.hpnav a:hover .fuwuk10{ height:100%;}
.hpnav a:hover .fuwuk1{ transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
.hpnav a:hover .fuwuk3 span{ color:#ffffff}
.homeimgt{ width:auto; margin:0 auto; text-align:center}

/*
首页调取分类信息*/
.cate{ width:100%}
.cate .catebox ul{ width:98%; margin:0 auto; border:1px solid #EDEDED}
.cate .catebox h2{ height:25px; line-height:25px; color:#000000;font-weight:100; font-size:16px; text-align:center; background:#F6F6F6}
.cate .catebox{ width:50%; height:auto; margin-top:0px;  color:#555555; overflow:hidden; float:left}
.cate .catebox .imgbox-a{ text-align:center;  }
.cate .catebox .imgbox-a img{  margin:0px auto; width:100%; height:auto;}
.cate .catebox .content{ }
.cate .catebox .content li{ list-style:disc; color:#008080; border-bottom:1px dotted #C1C1C1; margin-left:10px;}
.cate .catebox .content li a{  border-bottom:1px dotted #EFEFEF; margin-left:10px;}


/*
自定义特殊内容定义样式*/

.tdes{ text-align:left; font-size:14px; border:1px solid  #ECECEC; margin:20px; padding:10px;  color:#766c00; line-height:30px;}


.preview{overflow:hidden;clear:both; height:700px;}
.preview ul{margin:0 auto}
.hidden{display:none}
.scrolldoorFrame{margin:0 auto;overflow:hidden}
.scrollUl{width:100%;margin-left:0; text-align:center; }
.scrollUl li{height:50px;line-height:60px;}
.sd01,.sd02{display:block;height:60px;line-height:60px;font-size:18px; text-align:center;overflow:hidden; width:20%; margin:1px; border-bottom:1px dashed #CC3300}
.sd01{background: #ff4457;color:#ffffff;}
.sd02{background: #f0ff00;color: #000000;}

.cont{padding:5px 0;float:right;width:100%}
.cont ul{margin:0;padding:0}


#demo { overflow:hidden; width:800%; padding:0px 5px; font-size:12px;} 
#demo li{ width:300px; padding:0px; height:300px; float:left; text-align:center}
#demo ul,#indemo  ul{ margin:0px; padding:0px;}
#indemo {float:left;width:800%; height:300px; text-align: left} 
#demo1 { float: left; height:230px; width:auto} 
#demo2 { float: left; overflow:hidden; width:auto} 
.mt10{ margin-top:10px;}

.homeleft{ width:25%; float:left; }
.homeright{ width:75%; float:right;}
.homecate{ width:100%; text-align: left;}
.homecate a{font-size:14px; display: block; width:100%; margin-bottom:2px;  color:#ffffff; line-height:24px;}

.homecate2{ width:100%; text-align: center; height:40px;}
.homecate2 a{ width:120px; font-size:16px; padding:5px 30px; border:1px solid #ea0000; margin-bottom:10px; background:#b40000; color:#ffffff}


.boxpro{ width:100%; }
.bgblk{ background:#000000}

.boxpro .abox{ width:20%;   color:#555555; overflow:hidden;margin-top:10px; float:left; position:relative; margin-bottom:50px;}
.boxpro .abox ul{margin:5px; }
.boxpro .abox .imgbox-a{ text-align:center; width:100%;}
.boxpro .abox .imgbox-a a:hover{}
.boxpro .abox .imgbox-a img{  margin:0px auto; width:100%; }
.boxpro .abox h2{  height:30px; line-height:30px; position:absolute; left:5px; bottom:0px; right:5px; text-align:center;  color: #ffffff; font-size:12px; background:#c50900}

.homebox{ width:50%; float:left; height:500px; overflow:hidden;}
.homebox img{ width:100%}

/*首页产品框架*/
.hpbox{ float:left; width:33.33%; overflow:hidden}

.ftt{ font-size:18px; color:#ffffff; text-align:left}
/*
评论*/


.proleft{ width:30%; float:left}
.proright{ width:70%; float:right}

.bbbox{text-align:center; position:relative}
.bigimg{text-align:center; position:relative}
.bigimg img{ height:600px;}
.sxbb{ width:100%; height:600px; position: absolute; top:0;}
.sxbbl{ width:60px; height:30px; margin-top:45%; position:absolute; left:0px; background:#EBEBEB}
.sxbbr{width:60px; height:30px; margin-top:45%;position:absolute;  right:0px;background:#EBEBEB}

.ppmore{ width:100px; text-align:center; margin:10px auto; border:1px solid #EBEBEB; background:red; color:#FFFFFF}
.ppmore a{ color:#ffffff}
.hpboxr{ width:66%; float:right}
.hpboxl{ width:27.5%; float: left}





.htext{display:table-cell;vertical-align:middle; height:auto;line-height:30px; font-size:14px}
.ta1{ height:60px; line-height:60px;  font-size:36px; color: #FF0000; text-align:center; padding-top:30px; width:450px; margin: 0 auto; border-bottom:1px solid #EDEDED}
.ta2{ text-align:center; padding-bottom:5px; color: #6D6D6D}
.kklink a{ color:#C1C1C1}