@charset "utf-8";
.w1000{ width:1000px; height:auto; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
#header{ width:100%; height:auto; background:#fff;}
.top{ width:100%; height:35px; line-height:35px; background:#ededed;}
.top_l{ }
.top_r{ }
.logo{ width:100%; height:146px;}
.logo_l{  }
.logo_r{  }
#header .nav{ width:100%; height:59px; background:#040303;}
#header .nav ul li{ float:left; width:105px; height:59px;}
#header .nav ul li a{ display:block; text-align:center; line-height:59px; font-size:16px; color:#fff;}
#header .nav ul li a:hover{ background:url(../images/bgnav1.jpg) no-repeat}
#header .nav ul li.li3{ width:160px; background:url(../images/bgnav2.jpg) no-repeat}
#header .nav ul li.li3 a:hover{background:url(../images/bgnav2.jpg) no-repeat}
#header .nav ul li.li2{ background:url(../images/bgnav1.jpg) no-repeat}
#header .nav ul li a.addlm{ background:url(../images/bgnav1.jpg) no-repeat;}
.banner{ width:100%; height:auto;}
.banner img{ width:100%;}

/* login */
.login-header{display:inline;}
.login{width:480px;position:fixed;border:#ebebeb solid 1px;height:auto;top:55px;left:50%;display:none;background:#fbf6e0;box-shadow:0px 0px 20px #ddd;z-index:9999;margin-left:0px;padding-bottom: 20px; border-radius: 6px;}
.login-title{width:100%;margin:10px 0px 0px 0px;text-align:center;line-height:40px;height:40px;font-size:18px;position:relative; color:red;}
.login-title span{position:absolute;font-size:12px;right:-20px;top:-30px;background:#ffffff;border:#ebebeb solid 1px;width:40px;height:40px;border-radius:20px;}
.login-title span a{display:block;}
.login-input-content{margin-top:20px;}
.login-input {overflow:hidden;margin:0px 0px 20px 0px;}
.login-input label{float:left;width:82px;padding-right:10px;text-align:right;line-height:35px;height:35px;font-size:14px; color:red; }
.login-input input.list-input{float:left;line-height:35px;height:35px;width:306px;border:1px solid #afafaf;text-indent:5px; border:0; color: #808080;}
.login-input textarea.list-area{ float:left;height:80px;width:340px;border:1px solid #afafaf;padding:5px; font-size: 14px;line-height: 20px; border:0; color: #808080;}
.login-button{width:31%;margin:18px auto 0px; }
.login-button .sub{ width:150px; height:40px; border-radius: 4px; background: red; border:0; cursor:pointer; color:#fff;}
.login-bg{width:100%;height:100%;position:fixed;top:0px;left:0px;background:#ebebeb;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;display:none;}


#mainbody{ width:100%; height:auto; background:#f8f8f8;}
.main_content{ width:100%; height:auto; padding:50px 0;}

.search{ width:100%; height:70px; line-height:70px; background:#fff;}
.search_l{ }
.search_r{ margin-top: 20px;}
.s_inp{ width:250px; height:30px; background:#f3f3f3; padding-left:5px; border: 0;}
.s_sub{ width:30px; height:30px; border:0; background:url(../images/bgsearch.jpg); cursor:pointer;}

.chanpin{ width:100%; height:auto;  padding:55px 0;}
.chanpin_l{ float:left; width:260px; height:auto;}
.cp_title{ width:260px; height:71px;}
.cp_sider{ width:260px; height:auto;}
/*.cp_sider ul li{ height:52px; background:#c70000; border-bottom:1px solid #ccc; padding-left: 12px;}*/
.cp_sider ul li a{ display:block; line-height:51px; font-size:16px; color:#fff;}
.cp_sider ul li span{ font-size:28px;  margin-right:8px; vertical-align:middle; font-family:impact;}
.chanpin_r{ float:right; width:713px; height:auto; }
.hotcp1{ width:100%; height:34px; line-height:34px; padding-bottom:5px; border-bottom:1px solid #ccc;}
.hotcp2{ width:100%; height:auto;}
.hotcp2_l{ width:375px; height:275px; background:url(../images/bghotcp.png) no-repeat; padding: 70px 20px 0;}
.hotcp2_r{ width:217px; height:235px; background:#c70000; padding: 70px 40px 40px;color:#fff;}
.hotcp2_l img{ width:375px; height:260px;}
.hotcp2_r a { color:#fff; border-bottom:1px solid #fff;}
.hotcp2_r a:hover{ font-size:16px; margin-left:15px; border:0; transition:all 500ms;}
.hotcp2_r p{ margin-top:30px; color:#fff;}
.relcp{ width:225px; height:235px; float:left; margin: 0 6px; border-bottom:1px solid #ccc;}
.relcp1{ width:195px; height:125px; background:url(../images/bgrelcp.png) no-repeat; padding: 50px 15px 10px;}
.relcp2{ text-align:center; margin-top: 15px;}
.relcp1 img{ width:195px; height:125px;}
.relcp1:hover{ border:1px solid #c70000;}

.anli{ width:100%; height:auto; padding:40px 0 60px; background:#fff;}
.anli_title{ text-align:center; background:url(../images/bgcase.png) no-repeat top center; padding-top: 20px;}
.anli_content{ width:100%; height:auto;}
.case{ width:240px; height:482px; float:left; margin-left:8px;}
.case img{ display:block; width:240px; height:394px;}
.hy{ border:1px solid #ddd; border-top:none; padding:10px 0px 20px 20px;}
.hy p span { font-size:16px; color:#019eef;}
.anlimore{ width:100px; height:29px; margin:auto; margin-top: -15px; background:url(../images/bgmore.png) no-repeat; text-align:center; line-height:29px;}
.anlimore:hover{ background:url(../images/bgmore2.png) no-repeat;}
.case2{ margin-top:35px;}
.case1:hover{ margin-top:35px; transition:all 500ms;}
.case2:hover{ margin-top:0px; transition:all 500ms;}


.guanyu{ width:100%; height:391px; padding:40px 0; background:url(../images/bgguanyu.png);}
.ab_title{ text-align:center;}
.gy_l{ width:390px; height:227px; float:left; background:#fff; padding:5px; overflow:hidden; margin:0 30px;}
.gy_r{ width:485px; height:240px; float:right; overflow:hidden; margin:0 25px; padding-top:5px;}
.gymore{ width:103px; height:37px; text-align:center; line-height:37px; background:url(../images/bgmore3.png) no-repeat; margin-top:20px;}
.gymore a{ color:#fff;}


.xinwen{ width:100%; height:auto; padding:50px 0; background:#fff;}
.xw_l{ width:542px; height:334px; border:1px solid #ccc; float:left; padding:25px;}
.xw_r{ width:334px; height:334px; border:1px solid #ccc; float:right; padding:25px;}
.xw_title{ background:url(../images/add.png) no-repeat right top; height: 26px;}
.tuijian_l{ float:left; }
.tuijian_l img{ width:215px; height:156px; border:5px solid #ccc;}
.yinying{ height: 26px; background:url(../images/bgyinying.png) no-repeat center bottom;}
.tuijian_r{ float:right; width:300px; height:170px;}
.xw_list ul li{ float:left; width:255px; line-height:30px; background:url(../images/xwarrow.png) no-repeat 0; padding-left: 15px;}
.quest_list ul li{ height:70px}
.quest_list ul li p{ line-height:28px; font}
.txtMarquee-top{ overflow:hidden; position:relative; }
p.icon1{ background:url(../images/icon1.png) no-repeat 0 5px; padding-left:30px;}
p.icon2{ background:url(../images/icon2.png) no-repeat 0 5px; padding-left:30px;}
p.icon1 a{ font-weight:600; font-size:15px;}


.contact_content{ padding: 40px 0 60px 0; background: #fff;}
.contact1{ float:left; width:266px; height:93px; background:url(../images/bgcontact1.png) no-repeat; padding: 187px 20px 20px;}
.contact2{ float:left; width:266px; height:120px; margin: 0 40px; background:url(../images/bgcontact2.png) no-repeat; padding: 160px 20px 20px;}
.contact3{ float:left; width:306px; height:120px; background:url(../images/bgcontact3.png) no-repeat; padding: 160px 0px 20px; text-align:center;}


.main_content{ width:100%; min-height:600px;}
.location{ width:100%; height:34px; line-height:34px; padding-bottom:5px; border-bottom:1px solid #ccc; background:url(../images/fire.png) no-repeat }
.loc_l{ float:left;}
.loc_r{ float:right;}
.lanmu{ font-size:23px; font-weight:bold; color:#d82828; margin-left: 26px;}
.about_img{ float:left; margin-right:25px;}
.about_img img{ border:5px solid #fff;}
.wenzi{ padding:50px 10px 50px 15px;}
.wenzi p{ line-height:38px; font-size:15px;}

.mainright_cont{ padding: 0px 20px 30px;}
.prod{ float:left; width:343px; height:370px; margin-right: 22px; margin-bottom: 30px; background: #fff; border:1px solid #ededed;}
.prod:hover{ margin-top:-15px; transition:all 500ms; box-shadow: 5px 5px 10px #ccc; }
.prod:hover .cpmore{ background:#c70000;transition:all 500ms;}
.prod:hover .cpmore a{ color:#fff;}
.prod1{ width:323px; height:220px; padding:10px; border-bottom:1px solid #ccc; background:#fff;}
.prod1 img{ width:323px; height:220px;}
.prod2{ padding:20px 0;}
.prod_name{ text-align:center; font-size:16px; }
.prod_name a{ color:#333;}
.unline{ width:35px; height:1px; background:#999; margin:auto; margin-top:2px;}
.cpmore{ width:104px; height:41px; margin: auto; margin-top: 17px; border:1px solid #ccc;}
.cpmore a{ display:block; font-size:16px; text-align:center; line-height:41px; color:#999; }
/*.cpmore a:hover{ color:#fff; background:#c70000;}*/


#footer{ width:100%; height:auto; background:url(../images/bgfoot.png) no-repeat;}
.footer_nav{ border-bottom:1px solid #ccc; height:35px; padding-top: 30px; }
.footer_nav ul li{ float:left; padding:0 22px;}
.footer_nav ul li a{ display:block; text-align:center; color:#fff; font-size:15px;}
.footer_cont{ padding:30px 0;}
.footer_cont_l{ float:left; width:372px; height:140px;}
.footer_cont_r{ float:right; width:580px; height:120px; padding-top: 20px;}
.footer_cont_r ul{ float:left; width:290px;}
.footer_cont_r ul li{ color:#fff; }
.footer_bottom{ width:100%; height:65px; background:#383838;}
.footer_bottom_l{ float:left; color:#fff; line-height:65px;}
.footer_bottom_r{ float:right; margin-top:8px;}

.side-bar {border-radius: 5px;bottom: 150px;background: #ffcc33;}
.side-pannel {position: fixed;left: 50%;margin-left: 520px;z-index: 99;}	
.side-bar a {
    display: block;
    cursor: pointer;
    width: 70px;
    height: 45px;
    border-radius: 5px;
    position: relative;
    text-align: center;
    text-decoration: none;}
.side-bar a.gotop s {position: absolute;top: 50%;left: 17px;}
.g-icon-top {height: 20px;width: 35px; margin-top: -10px;background-image: url(../images/sprite1.png);}	


.newslist ul li{padding-left:5px; height:145px; border-bottom:1px dashed #ccc; margin-bottom:15px; }
.news_l{ float:left; width:188px;}
.news_l img{ width:188px; height:131px;}
.news_r{ float:right; width:491px; height:131px; overflow:hidden;}
.spleft{ float:left; display:block;}
.spright{ float:right; display:block;}
.spleft a{ font-size:17px; }
.spright a{ font-size:16px;}
.artitle{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:8px;}
.artime{ text-align:center; line-height: 30px;}
.artext{ margin-top:20px; font-size:15px; line-height:30px;}

/*分页*/
.pages{ text-align:center;}
.pages li{ display:inline-block; background:#fff;}
.pages li a{ display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; }
.pages li.pagetotal{ display:none;}
.pages li.pagesy{ display:none;}
.pages li.pagewy{ display:none;}
.pages li.pageleft{ background:url(../images/pageleft.png) no-repeat center;}
.pages li.pageright{ background:url(../images/pageright.png) no-repeat center;}
.pages li.c{width:35px; height:35px; background:red; line-height:35px; text-align:center; color:#fff; }