@charset "utf-8";
/* CSS Document */

body, div,ul,li, h1, h2, h3,h4,dl,dd,dt,tr,td{margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif; font-family:"微软雅黑"}
ul,li{ list-style:none}
img {border: 0;}
body{color:#626262;background:#fff;}
a{color:#626262;text-decoration:none} 
a:hover{color:#F40E14}
.sj{ text-indent:2em;}
.mt18{ margin-top:18px}
.mt15{ margin-top:15px}
.border{ border:1px solid #dbdee1}
.oh{ overflow:hidden}
.clear{ clear:both; height:0;}
.l{ float:left}
.r{ float:right}
.bg{ background:#f2f2f2}

#wrap{width:100%; max-width:1920px; margin:0 auto; overflow:hidden}

.top{ width:100%; height:105px; top:0; left:0; background:#fff url(../images/logo.jpg) no-repeat center; z-index:9999}
.nav{width:1200px; height:105px; margin:0 auto;}
.top-tel{ float:right; width:100%; margin-top:10px;}
.top-tel p{ float:right; margin:0; margin-left:15px;}
.top-tel p.tel-num{ background: url(../images/tel1.png) no-repeat left center; text-indent:30px; padding-right:30px;font-size:18px;}
.nav ul{ float:right; margin-top:20px;}
.nav ul li{ width:132px; float:left; font-size:18px; height:18px; line-height:18px; text-align:center; border-right:1px solid #939393; position:relative}
.nav ul li:last-child{ border:none}
.nav ul li a{color: #949292; display:block}
.nav ul li a:hover,.nav ul li a.cur{color: #ef4545}
.nav ul li dl.sonnav{ position:absolute; padding-top:15px; z-index:9999; display:none}
.nav ul li:hover dl.sonnav{ display:block}
.nav ul li dl.sonnav dd{ width:132px; font-size:14px; text-align:center; height:35px; line-height:35px; background: url(../images/bg_01.png) repeat; border-bottom:1px solid #666; }
.nav ul li dl.sonnav dd a{ color:#ddd}
.nav ul li dl.sonnav dd a:hover{ color:#fff}
.banner{ width:100%;height:525px; width:100%}

.box{ width:1200px; margin:0 auto;}

.product ul{ width:1350px; margin-top:20px}
.product li{ float:left; margin-right:15px; height:207px;}
.product li img{ margin-top:20px;transition:all .4s;}
.product li img:hover{ margin-top:15px;}

.info ul{ width:1370px; margin-top:100px; overflow:hidden}
.info li{ width:225px; height:360px; float:left; margin-right:40px; line-height:26px; font-size:14px; color:#737373;}
.info li em{ display:block; width:225px; height:149px; margin-bottom:15px;}
.info li.i1 em{ background:url(../images/i1.jpg) no-repeat center}
.info li.i2 em{ background:url(../images/i2.jpg) no-repeat center}
.info li.i3 em{ background:url(../images/i3.jpg) no-repeat center}
.info li.i4 em{ background:url(../images/i4.jpg) no-repeat center}
.info li.i5 em{ background:url(../images/i5.jpg) no-repeat center}

.pro-list-t{ height:40px;border-bottom:1px solid #e20821; line-height:40px;}
.pro-list-t h3{ width:142px; height:40px;line-height:40px; float:left; background:#e20821; font-size:20px; font-weight:bold; text-align:center; color:#fff}
.pro-list-t span{ float:right; margin-right:30px; font-family:Arial; font-size:30px; color:#e20821}
.pro-list-t span em{ color:#383838; font-size:14px; font-family:"微软雅黑"}

#demo {margin: 0 auto;overflow: hidden;  width:1330px; height:360px; }
.pro-list-nr li{ width:243px; float:left; color:#646464; text-align:center; margin-top:30px; font-size:18px;}

.about{ width:100%; height:717px; background:url(../images/about_bg.jpg) no-repeat center; margin-top:50px}
.about .box img{ margin-top:120px;}

.main{ width:100%; margin:0 auto;}

.index-positon{ background:#fff}
.ej-position{background:#fff}

.news{ width:751px; margin-top:50px; float:left}
.news dl{ width:740px; padding-top:20px; display:inline-block; overflow:hidden;}
.news dt{ width:277px; height:153px; float:left; padding:0 15px 0 0;}
.news dd{ float:left; overflow:hidden; width:445px;}
.news dd h3{ height:25px; line-height:25px; overflow:hidden;}
.news dd h3 a{ font-size:18px; color:#4d4d4d;font-weight:bold;}
.news dd p{ margin:0; margin-top:10px;font-size:14px; color:#333; height:75px; line-height:25px; padding:5px 0 0;overflow: hidden;}
.news dd span{ padding:5px 0 0; font-size:14px;}
.news_m ul{ width:740px; display:inline-block; overflow:hidden;}
.news_m ul li{ height:37px; line-height:37px; border-bottom:#b4b4b4 1px dotted; overflow:hidden; background:url("../images/new_dot.gif") no-repeat 0 9px; width:350px; float:left; margin:0 20px 0 0;overflow: hidden;}
.news_m ul li a{ font-size:16px; color:#333; padding:0 0 0 15px;}

.video{ width:380px; float:right; margin-top:50px;}
.video-nr{ width:350px; height:314px; overflow:hidden; border:1px solid #ddd; margin-top:20px}

.pro{ margin:50px 0;}
.pro-slide{ width:1210px; position:relative; margin-top:20px}
.pro-slide .bd{ width:1220px; display:inline-block; overflow:hidden; float:left;}
.pro-slide .bd li{ width:598px; height:381px;float:left;margin-right:18px; line-height:30px; font-size:18px; text-align:center}
.pro-slide .bd li img{ display:block}
.pro-slide .bd li p{ margin:0; height:40px; line-height:40px; background:#000000;color:#fff}
.pro-slide .bd li:nth-child(2n+1) p{ background:#000000; color:#fff}
.pro-slide .bd li a{ color:#191919}
.pro-slide .prev,.pro-slide .next{ display:block;  width:27px; height:81px; top:140px;left:-40px;  overflow:hidden;cursor:pointer; background:url(../images/arrow.png) no-repeat 0 0; position:absolute}
.pro-slide .next{ background-position:-27px 0;left:auto;right:-40px;}

.pro-list{ margin:20px 0;}
.pro-list ul{ width:1250px;}
.pro-list li{ width:289px; float:left; margin-right:18px; line-height:30px; font-size:14px; text-align:center}

.footer{ width:100%; overflow:hidden; padding-top:15px; border-top:3px solid #eaeaea;}
.footer ul{ overflow:hidden; width:1200px; padding:20px 0}
.footer ul li{ float:left}
.footer ul li.addr{ color:#656565; font-size:12px; width:235px; text-align:left}
.footer ul li.wx{ float:right}
.footer ul li.menu{ text-align:left; margin-left:30px; width:680px; height:250px}
.footer ul li.menu dl{ float:left; width:135px;}
.footer ul li.menu dl dt{ font-size:14px; line-height:40px; }
.footer ul li.menu dl dt a{ color:#666}
.footer ul li.menu dl dd{ font-size:12px; line-height:28px;}
.footer ul li.menu dl dd a{ color:#868686}
.footer ul li.menu dl a:hover{ color:#aaa}
.footer ul li .menu-t{ color:#656565; font-size:16px; margin-bottom:20px}
.footer ul li .menu-t em{ display:block; height:1px; width:22px; background:#fea81d; border:1px solid #ff8700; margin-top:6px}
.footer .foot-txt{  text-align:left; border-top:1px solid #d5d5d5; padding-top:15px; height:50px;}
.footer .foot-txt p{ margin:0;float:left;line-height:36px; font-size:14px;}
.footer .foot-txt p em{ font-style:normal; color:#d20101; font-size:27px;}
.footer .foot-txt span{ float:right; line-height:36px; font-size:14px;}

.ej-banner{ width:100%;height:312px;background:url(../images/ej1.jpg) no-repeat center top;}

.ej-box{ width:1200px; margin:0 auto; }
.ej-content{ width:1200px; margin-top:0px;background:#fff;}
#ej-scroll{ margin:10px 0;height: 480px;width: 718px;overflow: auto; line-height:28px;}

.kc-t{}
.kc-t li{ float:left; margin:0 4.4px; cursor:pointer}
.kc-t li img{ display:block}
.kc-t li p{ margin:0; margin-top:1px; background:#595047; text-align:center; color:#fff; font-size:14px; height:26px; line-height:25px;}
.kc-t li.cur p{ color:#f4f244}

.kc-nr{ background:#fff; margin-top:30px; padding:20px; font-size:14px; line-height:26px; margin-bottom:50px; overflow:hidden}
.kc-nr h1{ font-size:25px; line-height:80px; text-align:center}
.zizhi-nr{ width:1160px; height:305px;}
.zizhi-nr li{ float:left; height:299px; margin-left:10px; border:2px solid #5e4000; border-radius:3px}

.kc-title{ padding-bottom:10px; margin-bottom:100px}
.kc-title li{ width:160px; height:50px; float:left; margin-right:20px; background:#f5f5f5; text-align:center; line-height:50px; font-size:16px; position:relative; margin-bottom:10px;}
.kc-title li:hover{ background:#fdd000}
.kc-title li a{ color:#454545; display:block}
.kc-title ul li dl.sonnavv{ position:absolute; padding-top:1px; z-index:9999; display:none}
.kc-title ul li:hover dl.sonnavv{ display:block}
.kc-title ul li dl.sonnavv dd{ width:160px; font-size:14px; text-align:center; height:40px; line-height:40px; background:#f5f5f5; border-bottom:1px solid #fff; }
.kc-title ul li dl.sonnavv dd a{ color:#454545}
.kc-title ul li dl.sonnavv dd:hover{ background:#fdd000}

.about-box{}
.about-left{ width:219px; height:299px; background:url(../images/about_t.png) no-repeat center; float:left}
.about-right{ width:891px; height:209px; background:#fff; float:right; background-color:rgba(255,255,255,.8); font-size:14px; color:#737373; line-height:26px; padding:45px;}


.class-list{ margin-top:25px; clear:both;}
.class-list li{ width:323px; height:395px; float:left;margin-left:45px;line-height:28px; font-size:14px;margin-bottom:30px; color:#3d3d3d; height:315px;}
.class-list li div{ width:243px; height:285px; margin:0 auto}
.class-list li h3{ font-size:18px; border-bottom:1px solid #cbcbcb; padding-bottom:13px; margin-bottom:8px; margin-top:5px; text-align:center;}
.class-list li p{ margin:0; text-align:center;}
.class-list li a{ color:#333}
.class-list li a:hover{ color:#dc3428}
.class-list li div img{transition: all 1s ease;-webkit-transition: all 1s ease;}
.class-list li:hover div img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}

.new_water_list{ padding-top:30px; margin:70px auto; }
.new_water_list li{ width:50%; position:relative; left:1px; margin-left:-1px; float:left; height:auto; overflow:hidden; padding-bottom:66px;}
.new_water_list_l{ float:left; width:15%;}
.new_water_list_l img{ width:80%; height:auto;}
.new_water_list_r{ float:left; width:85%; position:relative; left:1px; margin-left:-1px;}
.new_water_list_r h4,.new_water_list_r h5,.new_water_list_r p{ width:90%;}
.new_water_list_r h4{ line-height:46px; color:#000000; font-size:24px; font-weight:normal;}
.new_water_list_r h5{ line-height:46px; color:#000; font-size:16px; font-weight:normal; line-height:34px;}
.new_water_list_r p{ color:#898989; line-height:28px; font-size:16px;}
.new_water_list_r p a{ color:#898989;}
.new_water_list_r p a:hover{ color:#005bac;}

.new_water_list_max{ width:80%; margin:0 auto; text-align:center;}
.new_water_list_max img{ margin:0 auto;}
.new_water_list_max h4{ line-height:42px; font-size:24px; color:#464646; font-weight:normal;}
.new_water_list_max p{ line-height:24px; color:#979797; height:48px; overflow:hidden;}



.news-list li{ height:146px; width:500px;; margin-top:15px; border-bottom:1px solid #ececec;font-size:14px; float:left; margin-left:50px; margin-top:40px; color:#626262}
.news-list li h3{ font-size:24px;}

.msg-left{ width:830px; float:left; margin-left:30px;}
.msg-left p{ color:#7f8c8c; font-size:18px;}
.input-text{ width:468px; height:38px; background:#e5e6e6; border-radius:5px; font-size:16px; margin-right:30px; text-indent:10px}
.input-text:focus{ outline:none}
.msg-left textarea{ width:745px; height:240px; background:#e5e6e6; border-radius:5px; font-size:16px; padding:10px;}
.msg-left textarea:focus{ outline:none}
.input-sub{ width:200px; height:53px; line-height:52px; color:#fff; font-size:20px; border:none; background:#e8645a;border-radius:5px; cursor:pointer}
.msg-right{ width:300px; float:right; color:#231815}

.contact-ul{}
.contact-ul li{ float:left; width:400px; height:260px; line-height:40px; color:#3d3d3d; font-size:16px; padding-left:100px; background:url(../images/c1.jpg) no-repeat left top; margin-left:50px;}
.contact-ul li h3{ color:#3d3d3d; font-size:24px; margin-top:20px}
.contact-ul li.c2{ background:url(../images/c2.jpg) no-repeat left top}
.contact-ul li.c3{ background:url(../images/c3.jpg) no-repeat left top}
.contact-ul li.c4{ background:url(../images/c4.jpg) no-repeat left top}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd; padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}

.slideGroup{ width:100%; overflow:hidden; margin-bottom:50px;}
.slideGroup .parHd{ height:56px; background:#fff;position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:80px; top:0px; height:32px;   }
.slideGroup .parHd ul li{ float:left; width:122px; height:56px; line-height:56px; text-align:center; margin-left:50px; font-size:20px; cursor:pointer}
.slideGroup .parHd ul li.on{ background:#f3f3f3;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:25px; position:relative;background:#f3f3f3; }
.slideGroup .slideBox dl{ overflow:hidden;}
.slideGroup .slideBox dd{ float:left; overflow:hidden; margin-top:10px; margin-right:10px; position:relative}
.slideGroup .slideBox dd .up-text{ position:absolute; left:0; top:277px; width:100%; height:100%; background:url(../images/bg_01.png) repeat; transition:all 1s ease}
.slideGroup .slideBox dd:hover .up-text{ top:0;}
.slideGroup .slideBox dd .up-text h3{ padding:30px; color:#CCC; font-size:24px; white-space:nowrap; overflow:hidden}
.slideGroup .slideBox dd .up-text p{ margin:0; color:#CCC; padding: 0 30px;}

.slideGroup .slideBox dd.d1{ width:730px; height:277px;}
.slideGroup .slideBox dd.d2{ width:321px; height:277px;}
.slideGroup .slideBox dd.d3{ width:68px; height:277px;}
.slideGroup .slideBox dd.d4{ width:333px; height:267px;}
.slideGroup .slideBox dd.d5{ width:56px; height:267px;}
.slideGroup .slideBox dd.d6{ width:370px; height:267px;}
.slideGroup .slideBox dd.d7{ width:349px; height:267px;}

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0px; top:120px; display:block; width:27px; height:81px;background:url(../images/arrow.png) no-repeat 0 0; }
.slideGroup .sNext{ left:auto; right:0px;background-position:-27px 0;}



.slideGroup .parBd ul{ overflow:hidden; zoom:1; }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:360px; height:267px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }

/* 在线留言 */
.online_box table{
   width:90%;
   height:500px;
}
.online_box table p{
   color:#333333;
   font-size:14px;
   font-family:"微软雅黑";
}
.online_box table p i{
   color:#F11751;
   padding:0 5px;
}
.online_box table .otext{
   height:25px;
   width:90%;
   border:#999999 1px solid;
}
.online_box table .msg{
   height:100px;
   width:90%;
   border:#999999 1px solid;
}
.online_box table .beizhu{
   color:#F11751;
   line-height:20px;
}
