BODY{FONT-FAMILY:"微软雅黑";COLOR:#585858;FONT-SIZE:14px;MARGIN:0;padding:0;background:#fff;}
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:#585858;TEXT-DECORATION:none}
A:hover{COLOR:#0191c2;TEXT-DECORATION:none}
pd50{ padding:50px 0px;}
.main{MARGIN:0 auto;width:100%; max-width:1200px;line-height:25px;overflow:hidden;}
.mainbox{clear:both;padding:0}
.mainl{width:314px;height:310px;background:#f2f2f2}


.pagefix{ margin:0 auto; width:100%; max-width:1200px;  height:auto;position:relative}


/*LOgo头部*/
.toplogo{ height:120px;  background:#00adc1; margin:0px 0px; position:relative; padding:0px; }
.logo{overflow:hidden; width:auto; height:100px; float:left}
.logo img{ width:100%}
.hbox{ width:600px; float:right; height:80px;}
.htel{ font-size:24px; color:#ffffff;  height:50px; line-height:50px; text-align:right; position:relative; font-style:italic; padding-top:20px}
.htitle{ font-size:16px; color:#ffffff; height:30px; line-height:30px; float:right;position:relative}

/*<!--通用头部菜单样-->*/
.navhead{ width:100%;position:relative; height:45px; background: #333333}
.navbox{  max-width:1200px; margin:0 auto}
.navBar{height:36px;font-size:18px;text-align:center;position:relative;z-index:999; margin:0 auto; text-align:center; width:100%;}
.navBar li{line-height:36px;float:left;position:relative;width:12.5%;}
.navBar li .nav-menu{width:100%;display:block;height:45px; }
.navBar li .nav-menu  .cna { line-height:45px; height:45px;color: #ffffff; font-size:16px; text-align:center; background:#ffb400}
.navBar li .nav-menu  .cn{ line-height:45px; height:45px; color: #ffffff; font-size:16px; text-align:center}
.navBar  a.nav-menu:hover .cn,.navBar  a.nav-menu:hover .cna{line-height:45px; height:45px; color:#ffffff; display:block; text-align:center; background:red}

.navBar li.active a.nav-menu{color:#e2bf00}
.navBar  a.nav-menu:hover{color:#e2bf00}

.navBar .sub-menu{position:absolute;left:0;top:45px;opacity:.9;width:300px;line-height:30px;background:#00c4e8;text-align:left;visibility:hidden}
.navBar li:hover .sub-menu{visibility:visible;}
.navBar .sub-menu a{display:block;color:#ffffff;padding-left:25px;height:50px; line-height:50px;transition:padding-left ease .3s;-webkit-transition:padding-left ease .3s; text-indent:1.5em; border-bottom:1px solid #39cdff;font-size:16px}
.navBar .sub-menu a:hover{background:#333333;color:#ffffff;padding-left:35px;}

.homeppt{ margin:10px auto; text-align: center; font-size:24px; color: #6f6600; border:1px solid #EBEBEB;width: 220px; background: #FF0000; height: 50px; line-height:50px;-webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg);transform: skew(-30deg);}
.homeppt .text{height: 50px; line-height:50px;-webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg);transform: skew(30deg);}
.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-red { 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:red}
.content img{ max-width:95%; margin:0 auto}


.footer{TEXT-ALIGN:center;WIDTH:100%;BOTTOM:0;margin:0 auto;padding:10px 0;min-width:100%; max-width:1200px; position:relative; background: #424242}
.copyright{color:#ffffff;width:960px;margin:0 auto;text-align:left;line-height:30px;font-size:12px}
.copyright a{color:#ffffff;font-size:12px}
.code{width:100px;height:50px;line-height:50px;overflow:hidden; position:absolute; right:5px; top:30px;}

<!--产品展示-->
.cp_list{width:100%}
.cp_list li{width:33%;float:left;text-align:center;background:#ffffff; margin-top:10px; margin-bottom:10px;}

.homeimg{width:100%}
.homeimg li{width:25%;float:left;text-align:center; height:260px;background:#ffffff; }
.homeimg2{ width:auto; white-space:nowrap}
.homeimg2 li{width:250px;float:left;text-align:center; height:300px;background:#ffffff; }
.imgbox{overflow:hidden;width:95%;overflow:hidden; height:220px; margin:0 auto}
.imgbox a{display:block;}
.imgbox  a img{ max-width:100%; height:220px;}
.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;}

@keyframes imgboxf{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)}
}
.imgboxf{-webkit-animation-name:imgboxf;animation-name:imgboxf}
.imgbox a:hover img,.homeprobox a:hover img{}

.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:red; color:#fff; padding:2px 10px; border:1px solid #F00}
.bigimg{text-align:center}
.bigimg img{max-width:640px}
.nextphoto{clear:both}
.nextphoto a{width:100px;height:30px;background:red;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:#755b00;text-align:center;height:40px;line-height:40px;}
.input1{border:1px solid #ACACAC}


.cls{clear:both}
.hidden{display:none}

.homeacbox{ width:31.9%;   margin-top:20px; border:1px solid #EBEBEB; margin-bottom:20px; }
.homeacbox .h2box{ text-align:left; height:50px; line-height:50px; color:#ffffff; font-size:24px; text-align:left; font-weight:100; border-bottom:2px solid #febc14; background:#00adc1}
.h2box h2{ text-align:left; height:50px; line-height:50px; color:#ffffff; font-size:24px; text-align:left; font-weight:100; text-align:center}
.homeac{overflow:hidden;margin:0 0;overflow:hidden;padding:5px; height:180px;}
.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}
.homeac li a{font-size:12px;color:#585858}
.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:red; 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:red;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:98%;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}
.news ul li .date{ position:absolute; right:10px; color:#C1C1C1}
.pagecontent{padding:10px 10px;min-height:300px;font-size:14px;width:960px;float:right; }
.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}
.links a{white-space:nowrap;color:#979797}

.w100{ width:100%; margin-top:5px;}
.bga{ background: #EDEDED}

.acbox{width:393px;float:left;line-height:22px}
.gsjj{ line-height:28px; font-size:14px; color:#000000; border:1px solid #EBEBEB; padding:10px;}

.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:red;margin-top:10px; font-size:24px;  width:600px;}
.it01text2{ margin-top:10px; color: #FFFFFF; font-size:18px;  width:600px; text-indent:2em;}

/*内页头部广告*/
.abanner{ height:200px; background: url(../images/abbanner.jpg) no-repeat center;background-size: cover;text-align:left; 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;}

/*招商加盟样式*/
.jmbox{ width:33.3%; float:left; height:300px; position:relative}
.jmbox UL,.dlbox ul{ margin:10px; text-indent:2em; font-size:18px; line-height:30px;}
.dlbox{ width:33.33%; float:left; height:100px; background:#fffff; margin-bottom:30px;}
.dlbox ul{ font-size:14px;}
.dlbox h2{ color:#8c5e25}
.bga1{ background:#8c5e25; color:#ffffff}
.bga2{ background:#c5bc70; color:#ffffff}
.shu{width: 30px; font-size: 18px;  line-height: 30px; text-align: center; height: 30px; border-radius: 15px; color:#ffffff; background:#f435d2; position:absolute; left:0px;}


/*隔墙知识样式*/
.hnewbox{ width:49%; border:1px solid #EBEBEB; margin:10px auto;}
.hnewbox h2{ text-indent:1em; background: #8c5e25; font-weight:100; height:36px; line-height:36px; color:#ffffff; position:relative}
.hnewbox h2 .more{ display:block; position:absolute; top:10%; right:10px; font-size:12px; color:#ffffff}
.hnewacac{overflow:hidden;margin:0 0;overflow:hidden;padding:5px; height:180px;}
.hnewacac ul{ margin:20px 10px;}
.hnewacac li{height:30px;line-height:30px;padding-left:10px;position:relative;overflow:hidden; white-space:nowrap; overflow:hidden; text-align:left; list-style: inside; color:#8c5e25}
.hnewacac li a{font-size:14px;color:#5f4b39}
.hnewacac li A:hover{color:#f43735;font-size:16px;transition:font-size 0.35s;   -webkit-transition:font-size 0.35s;}
.leftnav ul,.mainl ul{margin:0;padding:0}
.leftnav{width:200px;padding-top:2px}
.leftnav li{text-align:center;font-size:14px;font-weight:700;color:#444;margin-top:8px; border:1px solid #ECECEC; width:90%;}
.leftnav a{font-size:14px;font-weight:400;display:block;height:50px;line-height:50px;}
.leftnav A:hover{color:red;font-size:14px;color:red}

.leftdiv{width:200px;float:left;height:100%}
.localtion{height:50px;line-height:50px;font-size:14px;color:#008080; text-align:left}
.localtion a{font-size:14px;color: #008080}
.lefttd{width:240px;background:#f1f8fb;padding-right:3px}


/*留言样式*/
.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-box */
.banner-box{ width:100%;  height:560px;overflow:hidden; position:relative; margin:0 auto}
.banner-box .bd{ width:100% !important; margin:0 auto}
.banner-box .bd ul li{ background-size:100% 560px;-moz-background-size:35% 560px; }
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden; margin:0 auto}
.banner-box .bd li{width:100% !important;height:560px;}
.banner-box .bd li a{display:block;background-size:auto; display:block; width:100%; height:100%;}
.banner-btn{width:100%;position:absolute;top:30%;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}
.banner-box .hd {position:absolute; top:350px;left:50%;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}


/*我们的服务*/

.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:red; border-bottom:1px dotted #C1C1C1; margin-left:10px;}
.cate .catebox .content li a{  border-bottom:1px dotted #EFEFEF; margin-left:10px;}

.qq{ width:auto; position:fixed; top:200px; right: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;}
.preview ul{margin:0 auto}
.hidden{display:none}
.scrolldoorFrame{margin:0 auto;overflow:hidden}
.scrollUl{width:100%;height:40px;margin-left:0; text-align:center;display:inline-block;}
.scrollUl li{height:40px;line-height:40px;width:50%}
.sd01,.sd02{display:block;height:32px;line-height:32px;font-size:18px; text-align:center;overflow:hidden;display:inline-block;overflow:hidden; float:left}
.sd01{background: #EBEBEB;color:red; border-bottom:2px solid #FF0000}
.sd02{background: #EBEBEB;color: #004080;width:100%;border-bottom:2px solid #FF8000}

.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:260px; float:left; text-align:center}
#demo ul,#indemo  ul{ margin:0px; padding:0px;}
#indemo {float:left;width:800%; height:260px; 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: center; height:auto}
.homecate a{font-size:16px; display: block; width:100%; border:1px solid #EBEBEB; margin-bottom:2px; background:#eee500; color:#000000}


.about{ width:100%; }


.about .abox{ width:25%; margin-top:0px;  color:#555555; overflow:hidden;margin-top:10px; float:left; position:relative;background:#e4e4e4;}
.about .abox ul{margin:5px; background:#ffffff}
.about .abox .imgbox-a{ text-align:center; width:100%;}
.about .abox .imgbox-a img{  margin:0px auto; width:100%; }
.about .abox h2{  height:30px; line-height:30px; position:absolute; left:5px; bottom:0px; right:5px; text-align:center; background:#000000; color:#ffffff}
