body{background:url(../images/bg.jpg) no-repeat center top #fff; font-size:12px; font-family:"Microsoft YaHei"; line-height:24px; color:#333333;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,input,textarea,input{ margin:0; padding:0;font-family:"Microsoft YaHei"; outline:none;}
li,img,input,em,textarea{ list-style:none; border:none; font-style:normal; margin:0; padding:0;}
a{ text-decoration:none; color:#000000;}
*{ margin:0; padding:0; font-family:"Microsoft YaHei";}

.wrap{ width:990px; margin:0 auto;}
.clear{ clear:both;}
.img_none{display:none;}

.top{width:100%; float:left;}
.logo{float:left;}
.tori{float:right;}
.toa{ overflow:hidden; text-align:right;font-size:12px; line-height:30px; color:#222222;}
.toa a{ font-size:12px; line-height:30px; color:#222222; padding:0 5px;}
.toa a:hover{text-decoration:underline; color:#ff0000;}
.tel{font-size:12px; line-height:22px; color:#222222; text-align:right;}
.tel span{font-size:16px; line-height:22px; color:#fc0404; font-weight:bold;}
.search{ overflow:hidden; margin-top:5px; width:192px; float:right;}
.se1{ float:left; width:140px; font-size:13px; line-height:24px; color:#9b9b9b; border:1px solid #7a7979; background:url(../images/se.png) no-repeat left center; padding-left:27px; height:24px; overflow:hidden;}
.se2{ width:46px; height:24px; float:right; background:#636161; text-align:center; line-height:24px; color:#fff; font-size:13px;}


.navbox{width:100%; float:left; height:38px; background:url(../images/nav.png) repeat-x left top;}
.nav{display:block; z-index:1;}
.nav .nLi{ width:165px;float:left;text-align:center;position:relative; height:38px; background:url(../images/nle.png) no-repeat left 10px;}
.nav .nLi a{display:block;}
.nav .nLi span{ display:block; font-size:14px; line-height:34px; font-weight:bold; padding-top:4px; color:#ffffff; transition:0.4s all;}
.nav .lion{ width:150px; background:none;}
.nav .lion span{ background:url(../images/nspan.png) no-repeat center top;}
.nav .nLi:hover span{color:#0093DD;}

.nav .sub{ display:none; width:165px; left:0; top:38px;  position:absolute; z-index:9999; text-align:center;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; background-color:#000; }
.nav .sub li{ zoom:1; display:block; overflow:hidden; text-align:center;}
.nav .sub a{ display:block;font-size:14px;line-height:35px; color:#fff; overflow:hidden; background:none; text-align:center; height:35px; border-bottom:1px solid #fff; transition:0.4s all;}
.nav .sub a:hover{ background:#dc352b; }


.bannerbox{width:100%; float:left; position:relative;}
/*切换大图*/
.flexslider{position:relative;height:350px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:0;}
.slides{position:relative;z-index:0;height:562px;overflow:hidden;}
.slides li{height:350px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:20px; float:left;height:16px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:20px;height:16px;line-height:45px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
/*左右箭头，如果不要可删除*/
.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:40px;height:40px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}

.content{width:100%; float:left; padding:8px 0px;}

.pbox{ overflow:hidden;}

.p1{width:208px; background:#555354; border:1px solid #d4d2d3; overflow:hidden; float:left;}
.p1_tit{font-size:14px; line-height:30px; height:31px; overflow:hidden; color:#ffffff; margin-left: 15px;}
.p1_ul{ background:url(../images/p1ul.jpg) no-repeat center top; margin:0px 4px 4px 4px; width:190px; overflow:hidden; min-height:228px; padding:5px;}
.p1_ul li{ overflow:hidden;}
.p1_ul li a{ background:url(../images/pt1.jpg) no-repeat 11px center; padding-left:24px; font-size:12px; line-height:32px; color:#222222; height:32px; overflow:hidden;}
.p1_ul li a:hover{ text-decoration:underline;}


.p2{ border:1px solid #b6bfc4; margin:0 10px; overflow:hidden; float:left; width:540px;}
.p2_tit{ background:url(../images/p2tit.jpg) repeat-x left top; padding:0 13px; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#222222;}
.p2_tit a{display:block; float:right; font-size:12px; line-height:30px; color:#222222;}
.p2_tit a:hover{ text-decoration:underline;}



		/* 本例子css */
.slideGroup{ width:540px; z-index:99}
.slideGroup .parHd{height:20px; position:relative; margin-top:7px; margin-bottom:5px; }
.slideGroup .parHd ul{ overflow:hidden; position:absolute; left:0; bottom:0;}
.slideGroup .parHd ul li{ float:left; width:106px; text-align:center; background:#6e6d6d; font-size:12px; line-height:20px; color:#fff; cursor:pointer; margin:0 1px; overflow:hidden;}
.slideGroup .parHd ul li.on{ background:#ff6d6d; }

.slideGroup .parBd{ overflow:hidden;}
.slideGroup .slideBox .cp{ zoom:1; position:relative; margin:7px;}

.pkk{width:203px; height:202px; float:left; border:1px solid #dbdada; margin:0px 5px; text-align:center; overflow:hidden;}
.pkk .pimg{width:203px; height:202px; text-align:center; vertical-align:middle; position:relative; overflow:hidden;}
.pkk .pimg i{display: inline-block;vertical-align: middle;height:100%;}
.pkk .pimg .ptu{text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}
.pkk .pimg img{ max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;transition:all 0.4s; }
.pkk:hover .pimg img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}

.pjj{ width:280px; height: 202px;overflow: hidden; float:left; overflow:hidden; font-size:12px; line-height:22px; color:#222222;}
.pjj img{display:none;}
.pjj .pjtt{ font-size:14px; line-height:24px; color:#fc0303; font-weight:bold; height:24px; overflow:hidden; padding-top:5px;}
.pjj:hover .pjtt{ text-decoration:underline;}

.p3{width:218px; float:right; overflow:hidden;}
.p3_tit{ font-size:14px; color:#fff; line-height:26px; height:26px; padding-left:12px; background:#555454; overflow:hidden;}
.p3_nr{ border:1px solid #b6bfc4; overflow:hidden; padding:0 8px;}
.p3_img{text-align:center; padding-top:9px; overflow:hidden;}
.p3_img img{max-width:100%; height:auto;}
.p3_ul{overflow:hidden; padding:13px 0px;}
.p3_ul li{ height:21px; border-bottom:1px dashed #cacaca; overflow:hidden; margin-bottom:6px;}
.p3_ul li a{ font-size:12px; line-height:20px; color:#222222; background:url(../images/nlog.jpg) no-repeat left center; padding-left:10px; display:block; float:left;}
.p3_ul li span{display:block; float:right;font-size:12px; line-height:20px; color:#222222; font-family:Arial, Helvetica, sans-serif;}
.p3_ul li:hover a{ color:#ff0000;}

.ztu{ margin:8px 0px; overflow:hidden; text-align:center;}
.ztu img{max-width:100%; height:auto;}


.gbox{ background:#e2e2e2; padding:5px 6px; overflow:hidden;}
.gbox1{ border:1px solid #cacaca; background:#fff; padding:10px; overflow:hidden;}
.gb1{ width:237px; float:left; overflow:hidden;}
.g1_tit{ font-size:14px; line-height:26px; color:#222222; border-bottom:1px solid #cfcfcf; overflow:hidden;}
.g1_nr{background:url(../images/ile.jpg) no-repeat right top; padding:6px 0px;}
.g1_tel{overflow:hidden; font-size:14px; line-height:24px; color:#222222;}
.g1_tel span{display:block; font-size:18px; line-height:24px; color:#f30200; font-weight:bold;}
.g1_tel img{ padding:2px; border:1px solid #e4e2e3; float:left; margin-right:8px;}
.g1_lx{ font-size:12px; line-height:22px; color:#222222; overflow:hidden; padding:13px 22px 20px 10px;}

.gb2{ width:700px; float:right; overflow:hidden;}
.gb2_tit{ height:26px; border-bottom:1px solid #cfcfcf; overflow:hidden; padding-top:1px;}
.gb2_tit span{ display:inline-block; float:left; font-size:14px; line-height:26px; color:#fff; background:#4c4c4c; padding:0 12px; border-radius:5px 5px 0px 0px;}
.gb2_tit a{ display:block; float:right;font-size:12px; line-height:26px; color:#222222;}
.gb2_tit a:hover{text-decoration:underline;}


.hgd{ margin:21px 0px;}
/* 本例子css */
.picScroll-left{margin:0 auto; position:relative;}
.picScroll-left .hd{ height:0; float:left;}
.picScroll-left .hd .prev{ display:block;  width:21px; height:21px; overflow:hidden;cursor:pointer; position:absolute; left:-10px; top:30px; background:url(../images/hle.png) no-repeat center center;z-index:9999;}
.picScroll-left .hd .next{ display:block;  width:21px; height:21px; overflow:hidden;cursor:pointer; position:absolute; right:-11px; top:30px;  background:url(../images/hri.png) no-repeat center center; z-index:9999;}

.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .bd{ margin:0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:20px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left .bd ul li .hic{width:214px; height:174px; border:1px solid #e2e2e2; padding:2px;text-align:center; vertical-align:middle; position:relative; overflow:hidden;}
.picScroll-left .bd ul li .hic img{ max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;transition:all 0.4s;}
.picScroll-left .bd ul li .hic i{display: inline-block;vertical-align: middle;height:100%;}
.picScroll-left .bd ul li .hic .htu{text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}
.picScroll-left .bd ul li .hmc{ width:220px; height:30px; text-align:center; line-height:30px; font-size:12px; color:#222222; overflow:hidden;}
.picScroll-left .bd ul li:hover .hic{ border:1px solid #ff0000;}
.picScroll-left .bd ul li:hover .hmc{color:#ff0000;}












.you{width:100%; float:left; background:url(../images/you.jpg) repeat-x left top; padding-top:23px;}
.ytit{ font-size:14px; line-height:18px; color:#cb0202; background:url(../images/link.jpg) no-repeat right center; padding:16px 0px; float:left; padding-right:5px;}
.ytit span{display:block; text-transform:uppercase; font-family:"新宋体"; font-size:24px; color:#292929; line-height:30px;}







.foot{width:100%; float:left; background:#292929;}
.ftit{ height:34px; line-height:34px; font-size:13px; color:#fff; padding-bottom:2px; background:url(../images/ftit.jpg) no-repeat center bottom; text-align:center; overflow:hidden;}
.ftit a{ line-height:34px; font-size:13px; color:#fff; padding:0 12px;}
.flx{font-size:12px; line-height:26px; color:#afaeae; overflow:hidden; margin:26px auto; padding-top:7px; width:412px;}
.flx img{ float:left; padding-right:24px; margin-top:-7px;}
.ftit a:hover{text-decoration:underline;}

.ba{ width:100%; float:left; text-align:center;}
.ba a{ font-size:14px; line-height:54px; color:#222222; background:url(../images/ba.png) no-repeat left center; padding-left:23px;}




.left{width:180px; float:left; overflow:hidden;}
.letit{background:url(../images/tit1.png) no-repeat left top; font-size:14px; line-height:32px; color:#fff; padding:0px 0px 0px 36px; }
.letit a{float:right; font-size:12px; line-height:32px; color:#fff; padding-right:5px;}
.letit a:hover{text-decoration:underline;}

.div1{ width:162px; padding:8px; overflow:hidden;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-bottom:11px;}
.div2{ height:26px;overflow:hidden; font-size:12px; color:#222222; line-height:26px; transition:all 0.4s; background:url(../images/t1.png) no-repeat left center; padding-left:19px;}
.div2:hover{ text-decoration:underline;}
.div3{display:none; width:162px;}

.pronav{ overflow:hidden;}
.pronav li{ height:24px;  overflow:hidden;}
.pronav li a{ display:block; height:24px;font-size:12px; line-height:24px;color:#222222; overflow:hidden; background:url(../images/t2.png) no-repeat 10px center; padding-left:30px;}
.pronav li a:hover{ text-decoration:underline;}

.zlist{ width:162px; padding:8px; overflow:hidden;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-bottom:11px;}
.zlist li{ height:26px; overflow:hidden;}
.zlist li a{font-size:12px; color:#222222; line-height:26px; transition:all 0.4s; background:url(../images/nlog.jpg) no-repeat left center; padding-left:11px;}
.zlist li a:hover{text-decoration:underline;}
/*.plist{ overflow:hidden; margin-bottom:8px;}
.plist li{height:43px;overflow:hidden; margin-top:4px;background:#f5f5f5; transition:all 0.4s; overflow:hidden; line-height:43px;}
.plist li a {display:block;font-size:18px; line-height:43px; color:#131313;padding-left:38px;}
.plist li:hover { background:#007aff;}
.plist li:hover a { color:#fff;}*/

.lelx{ overflow:hidden; }
.lximg{overflow:hidden;}
.lxtel{ font-size:20px; line-height:25px; color:#fa0100; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(../images/ltel.png) no-repeat left center; padding:10px 0px 10px 51px;}
.lxnr{ font-size:12px; line-height:28px; color:#222222; padding:10px 10px 10px 0px; overflow:hidden; }


.right{width:800px; float:right; overflow:hidden;}

.title{overflow:hidden; height:31px; background:url(../images/tit2.png) no-repeat center top;}
.title .t1{ float:left; padding-left:12px; font-size:14px; line-height:31px; color:#222222; font-weight:bold;}
.title .t2{ float:right; font-size:12px; line-height:31px; color:#222222; padding-right:5px;}

.company{overflow:hidden;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;padding:12px 7px;}
.list{ overflow:hidden; width:780px;}
.list li{ overflow:hidden; margin:4px 5px;float:left;}
.list li .pic{width:183px; height:158px; border:1px solid #e6e6e6;text-align:center; vertical-align:middle; position:relative; overflow:hidden;}
.list li .pic img{ max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;transition:all 0.4s;}
.list li .pic i{display: inline-block;vertical-align: middle;height:100%;}
.list li .pic .ptu{text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}
/*.list li:hover .pic img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}
*/.list li .pmc{ width:185px; height:30px; text-align:center; line-height:30px; font-size:12px; color:#222222; overflow:hidden;}
.list li:hover .pmc{color:#000; text-decoration:underline;}

.main{overflow:hidden;border:1px solid #dfdfdf;padding:19px 10px;}

.pro-main { overflow:hidden; padding-bottom:52px; border-bottom:1px solid #e3e3e3;}
#BigImage { border: 1px solid #E3E3E3; float: left; height: 350px; padding: 1px; position: relative; width: 370px; }
#BigImage img { height: 350px; width: 370px; }
.pro-info { border: 1px solid #E3E3E3; float: right; font-size: 12px; width: 394px;color:#333; }
.pro-info h3 { background-color: #F6F6F6; font-size: 14px; font-weight: 700; line-height: 28px; padding-left: 10px; }
.pro-info ul { padding: 5px 10px; }
.pro-info li { border-bottom: 1px dashed #E3E3E3; line-height: 34px; }
.pro-info span{ color: #626262; font-size: 12px; }

.tab-li { border: 1px solid #E3E3E3; float: right; margin-top: 10px; width: 394px; }
.tab-li h3 { background-color: #E3E3E3; font-size: 14px; font-weight: 700; line-height: 28px; padding-left: 10px;color:#333; }
.tab-li ul { height: 76px;padding:10px 7px; }
.tab-li li { float: left; margin-right: 3px;width:92px; overflow:hidden;}
.tab-li li img {width:86px; cursor: pointer; padding: 1px; height:76px;overflow:hidden;}
.curr_base {border:1px solid #dadada;}
.curr_on {border:2px solid #82acd5;}


.show{ overflow:hidden; padding-top:28px; font-size:12px; line-height:22px; color:#222222;}
.shtit{ border-bottom:3px solid #6e6e6e;}
.shtit span{ font-size:22px; font-weight:bold; color:#fff; background:#6e6e6e; width:140px; display:block; height:31px; line-height:31px; text-align:center;}
.shnr{ overflow:hidden;}
.sn1{ padding:19px 0px 23px 0px; overflow:hidden;}
.sn2{ padding:9px 0px 16px 0px; overflow:hidden;}
.sn3{  overflow:hidden;}

.xgcp{ overflow:hidden; padding:54px 0px 0px 0px;}
.xgtit{ border-bottom:1px solid #e3e3e3; height:23px; position:relative;}
.xgtit span{border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-bottom:1px solid #fff; padding:0px 13px; font-size:13px; font-weight:bold; color:#333333; position:absolute; left:0; bottom:-1px; height:23px; background:#fff;}
.xlist{ overflow:hidden; padding-top:5px;}
.xlist li{ overflow:hidden; margin:11px;float:left;}
.xlist li .xic{width:170px; height:170px; border:1px solid #cccccc;text-align:center; vertical-align:middle; position:relative; overflow:hidden;}
.xlist li .xic img{ max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;transition:all 0.4s;}
.xlist li .xic i{display: inline-block;vertical-align: middle;height:100%;}
.xlist li .xic .xtu{text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}
/*.xlist li:hover .xic img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}
*/.xlist li .xmc{ width:172px; height:22px; text-align:center; line-height:22px; font-size:12px; color:#333333; overflow:hidden;}
.xlist li:hover .xmc{color:#000; text-decoration:underline;}


.cptitle{font-size: 16px; text-align: center; margin:20px 0px;}
.cpimg img{max-width:100%; display: block; margin:0 auto;}
.cptext {margin-top: 20px; line-height: 26px;}
.cptext img{max-width:100%; height: auto;}





/* 本例子css */
.slideTxtBox{ overflow:hidden;}
.slideTxtBox .hd{ height:40px; line-height:40px;  border-bottom:3px solid #6e6e6e; background:#f1f1f1;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:0px; height:40px;}
.slideTxtBox .hd ul li{ float:left;cursor:pointer;font-size:18px; line-height:40px;  color:#6e6e6e;  width:180px; display:block;text-align:center; font-weight:bold; transition:0.4s all;}
.slideTxtBox .hd ul li.on{ color:#fff; background:#6e6e6e;}
.slideTxtBox .bd ul{padding:20px 0px; overflow:hidden; zoom:1;  }
.slideTxtBox .bd li{ }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
.slideTxtBox .arrow .next{ background-position:0 -50px;  }
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }