@charset "utf-8"; 
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td{ margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑";}
table{ border-collapse:collapse; border-spacing:0px; font-family:"微软雅黑";}
*{ margin:0px; padding:0px; list-style-type:none;}
a{ text-decoration:none; font-family:"微软雅黑"; color:#333;}
a:hover{ text-decoration:underline; font-family:"微软雅黑";}
body,html{ width:100%; height:100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}
img{ border:none; vertical-align:top; max-width:100%; } 
.clear{ clear:both;}

.bigbg{ width:1920px; position:fixed; left:50%; top:-20%; z-index:-1;}
.bigbg img{ position:relative; left:-50%;}

.one{ width:100%; margin:auto; background:url(../images/1.png) 50% no-repeat; height:231px;}
.top{ width:1200px; margin:auto;}
.top p{ color:#fff; line-height:36px;}
.top_nav{ width:1200px; margin:auto;}
.top_nav ul{ margin-top:145px;}
.top_nav ul li{ width:150px; float:left; text-align:center; display:block; height:50px; line-height:50px;}
.top_nav ul li a{ font-size:18px;}
.top_nav ul li a:hover{ background:#be0008; display:block; color:#fff; text-decoration:none;}

/* flexslider */
.flexslider{ position:relative; height:777px; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat;}
.slides{ position:relative; z-index:1;}
.slides li{ height:777px;}
.flex-control-nav{ position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li{ display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:14px; height:14px; line-height:40px; 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; width:100%; top:45%;}
.flex-direction-nav li a{ display:block; width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute;}
.flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{ right:40px; background:url(../images/next.png) center center no-repeat;}

.about{ width:100%; margin:auto; background:url(../images/about.png) 50% no-repeat; height:823px;}
.about_rr{width:1200px;margin:auto;padding-top: 314px;}
.about_rr ul{ width:1200px; margin:auto;}
.about_rr ul li{float:left;width: 210px;text-align: right;}
.about_rr ul li a{ color:#333; font-size:16px;}
.about_rr ul li a:hover{ color:#be0008; text-decoration:none;}
.about_rr h3{text-align:center;margin:auto;display:block;font-size:20px;margin-top: 45px;font-weight:  normal;}
.about_rr p{text-align:center;margin:auto;display:block;margin-top:  45px;line-height: 29px;}
.about_rr p a{ color:#333; font-size:14px; line-height:36px;}
.about_rr p a:hover{ color:#be0008; text-decoration:none;}
.about_rr h4{text-align:center;margin:auto;display:block;width: 200px;margin-top: 25px;}
.about_rr h4 a{color: #fff;font-size: 20px;display: block;height:  40px;line-height: 40px;font-weight:  normal;}
.about_rr h4 a:hover{color: #eee;text-decoration:none;}

.product{ width:1200px; margin:auto; background:url(../images/product.png) 50% no-repeat; height:705px; padding-top:50px;}
.pro_left{width: 195px;float:left;}
.pro_left h3{ color:#fff; font-size:28px; font-weight:normal; text-align:center; margin-top:-5px; line-height:40px;}
.pro_left h3 span{ font-size:14px;}
.pro_left ul{ margin-top:18px;}
.pro_left ul li{ display:block; margin-top:8px; line-height:40px; text-align:center; width:195px;}
.pro_left ul li:hover{ height:40px; line-height:40px; background:#be0008;}
.pro_left ul li a{ color:#fff; font-size:16px;}
.pro_left ul li a:hover{ text-decoration:none;}
.pro_left h4{ text-align:center; margin-top:23px;}
.pro_left h4 a{ color:#fff; width:195px; height:40px; line-height:40px; display:block; font-size:20px; font-weight:normal;}
.pro_left h4 a:hover{ color:#eee; text-decoration:none;}
/* product_list */
.lanren{width: 882px;float: right;height:auto;overflow:hidden;}
.lanren li{ border:1px solid #ccc; width:286px;/*width:240px;*/ height:173px; overflow:hidden; margin:3px; float:left; cursor:pointer; padding-bottom:0px; background-color:rgba(0,0,0,0.3);}
.lanren li:hover{border: 1px solid #be0008;}
.lanren li img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease; z-index:33; position:relative;}
.lanren li:hover img{ -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease;}
.lanren li h2{height:34px;text-align:center;padding-top:23px;/*padding-top:3px;*/z-index:999;background: transparent;}
.lanren li h2 a{font-size:16px;color: #fff;}
.lanren li h2 a:hover{ color:#be0008; text-decoration:none;}

.lanren li h3{height:34px;text-align:center;padding-top:23px;/*padding-top:3px;*/z-index:999;background: transparent;}
.lanren li h3 a{font-size:16px;color: #fff;}
.lanren li h3 a:hover{ color:#be0008; text-decoration:none;}
.chanpin h5{ width:177px; height:40px; background:#ffe26a; text-align:center; margin-top:40px; float:left; font-size:18px; font-weight:normal; line-height:40px; margin-left:464px;}
.chanpin h5 a{ color:#777;}
.chanpin h5 a:hover{ text-decoration:none; color:#333;}

.two{ width:100%; margin:auto; background:url(../images/2.png) 50% no-repeat; height:1023px; margin-top:40px;}
.youshi{ height:545px;}
.dh_news{ width:1200px; margin:auto;}
.dhnews_left{ width:288px; float:left;}
.dhnews_left ul{margin-top: 170px;text-align:  center;margin-left: 30px;}
.dhnews_left ul li{ width:222px; line-height:29px;}
.dhnews_left ul li span{font-size:12px;float:right;color:  #999;}
.dhnews_left ul li a{color:#555;font-size: 14px;float:left;}
.dhnews_left ul li a:hover{ color:#be0008;}
.dhnews_left p{color:#333;width: 240px;font-size: 12px;margin-left: 30px;margin-top: 23px;}

.dhnews_right{ width:665px; float:right;}
.dhnews_right ul{width: 569px;margin:auto;}
.dhnews_right ul li{ margin-top: 30px;}
.dhnews_right ul li h4{text-align:center;display:block;width:60px;height:60px;background:#be0008;color:#fff;font-size: 24px;float:left;line-height: 29px;font-weight:  normal;}
.dhnews_right ul li h4 span{ font-size:12px;}
.dhnews_right ul li a{width: 470px; font-weight:normal; font-size:16px;}
.dhnews_right ul li a:hover{ text-decoration:none; color:#be0008;}
.dhnews_right ul li h3{ font-weight:normal; color:#555; margin-left:90px;}
.dhnews_right ul li p{ font-weight:normal; color:#CCC; font-size:10px;}

.bottom{ width:100%; margin:auto; background:url(../images/3.png) 50% no-repeat; height:572px;}
.footer{ width:1200px; margin:auto;}
.foot_top{ width:1200px; margin:auto;}
.foot_top h4{ width:270px; float:right; text-align:center; font-size:21px; font-weight:normal; margin-top:59px;}
.foot_top h4 a{ color:#fff; display:block;}
.foot_top h4 a:hover{ color:#ccc; text-decoration:none;}

.footop_left{ width:530px; float:left; margin-left:180px; margin-top:75px;}
.footop_left h3{ font-size:30px; font-weight:normal; color:#fff;}

.foot_bottom{width:1200px; margin:auto; margin-top:120px;}
.foot_bottom h3{width:1200px;margin:auto;text-align:center;color:  #fff;font-weight:  normal;font-size:  14px;margin-top: 65px;}
.nav_bottom{ width:1200px; margin:auto;}
.nav_bottom ul{ width:885px;margin:auto;text-align:  center;}
.nav_bottom ul li{float:left; width:110px;text-align:  center;font-size: 16px;}
.nav_bottom ul li a{ color:#fff; text-align:center;}
.nav_bottom ul li a:hover{ color:#be0008; text-decoration:none;}

.lianxi{ margin-top:115px;}
.lianxi ul{ text-align:left;}
.lianxi ul li{ color:#eee; line-height:27px;}

/* neiye */
.neibanner{ width:100%; background:url(../images/neibanner.png) 50% no-repeat; height:350px;}
.neitop{width:1200px;margin:auto; margin-bottom:25px;}
.neitop p{ text-align:left;}
.neitop p a{ color:#333; font-size:14px;}
.neitop p a:hover{ color:#be0008; text-decoration:none;}
.nei_tit{ width:1200px; margin:auto; text-align:center;}
.nei_tit h3{ color:#ece7e3; font-size:60px; font-weight:normal;}
.nei_tit h4{ color:#000; font-size:20px; font-weight:normal; margin-top:-30px;}
/*css fanye*/
div.jogger{padding: 20px;
    margin: 0 auto;
    font-family: "微软雅黑";
    width: 600px;
    margin-bottom: 20px;}
div.jogger li{float:left}
div.jogger a{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#be0008;text-decoration:none;}
div.jogger a:hover{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#F37672;}
div.jogger a:active{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#F37672;}
div.jogger span.current{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#6d643c;background-color:#be0008;}

/* guanyu_about */
.dh_about{ width:1200px; margin:auto; margin-top:20px;}
.about_da{ width:1200px; margin:auto;}
.abrr_top{ background:url(../images/abrihght.png) no-repeat; height:443px;}
.abrr_top h3{ font-size:24px; color:#555; padding-top:20px; padding-left:20px; font-weight:normal; margin-bottom:20px;}
.abrr_top p{ text-indent:2em; line-height:36px; width:570px; font-size:17px; padding-left:20px;}
.abrr_bott{ width:1200px; margin:auto; margin-top:50px;}
.abrr_bott img{ float:left; margin-bottom:35px;}
.abrr_bott p{width:700px;float:right;line-height: 34px;text-indent:2em;font-size: 16px;}
.anliitop{ width:1200px; margin:auto;text-align:center; margin-top:20px; margin-bottom:-30px;}
.anliitop h3{ font-size:18px; font-weight:normal; color:#333; text-align:center; line-height:44px;}
.anliitop p{ font-size:12px; color:#999;}

/* lianxi_contact */
.contact_xl{ width:1200px; margin:auto; margin-top:30px;}
.contact_xl ul{ float:left;}
.contact_xl ul h3{ font-size:24px; color:#333; margin-bottom:15px;}
.contact_xl ul li{ line-height:36px;}

/* zaixianliuyan */
.send{width:777px;margin:auto;text-align:left;line-height:36px;}
.biaod{margin:0 auto;width:777px;height:auto;border:none;text-align:left;line-height:26px;}
.biaod p{line-height:30px;height:30px;font-size:14px;color:#333;text-transform:uppercase;letter-spacing:1px;}
.biaod input{width:730px;height:30px;font-size:16px;padding:0 5px;margin-bottom:10px;box-sizing:border-box;border:1px #000 solid;}
.biaod textarea{width:730px;height:145px;font-size:16px;padding:0 5px;line-height:30px;border:1px solid #333;margin-bottom:15px;box-sizing:border-box;}
.biaod .ss{text-transform:uppercase;width:215px;height:45px;background:#000; color:#fff;}

/* zhaoxiannashi */
.zhaoxiannashi{ width:1200px; margin:auto; margin-top:25px; margin-bottom:20px; line-height:36px;}
.zhaoxiannashi ul{ width:1200px; margin:auto;}
.zhaoxiannashi ul li{ width:1200px; margin-bottom:15px; border-bottom:dashed 1px #777;}
.zhaoxiannashi ul li span{float:left; height:40px;width:80px;display:block; background:#be0008;margin-right:15px;text-align:center;}
.zhaoxiannashi ul li span a{ color:#fff; line-height:40px;}
.zhaoxiannashi ul li span a:hover{}
.zhaoxiannashi ul li h3{ line-height:normal;}
.zhaoxiannashi ul li h3 a{ font-size:16px; color:#be0008;}
.zhaoxiannashi ul li h3 a:hover{ color:#333; text-decoration:none;}
.zhaoxiannashi ul li p{ text-indent:2em;}
.zhaoxiannashi ul li p a{ color:#333;}
.zhaoxiannashi ul li p a:hover{ text-decoration:underline;}

/* anlizhanshi */
.demo{ padding:2em 0;}
.product-grid{ font-family:'Open Sans', sans-serif; text-align:center; overflow:hidden; position:relative; transition:all 0.5s ease 0s;}
.product-grid:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3); }
.product-grid .product-image{ overflow:hidden; }
.product-grid .product-image a{ display:block; }
.product-grid .product-image img{ width:100%; height:auto; transition:all 0.5s ease 0s;}
.product-grid:hover .product-image img{ transform:scale(1.1); }
.product-grid .product-content{ padding:12px 12px 15px 12px; transition:all 0.5s ease 0s;}
.product-grid:hover .product-content{ opacity:0; }
.product-grid .title{ font-size:20px; font-weight:600; text-transform:capitalize; margin:0 0 10px; transition:all 0.3s ease 0s;}
.product-grid .title a{ color:#000; }
.product-grid .title a:hover{ color:#be0008; }
.product-grid .price {/* font-size:18px; font-weight:600; color:#2e86de;*/ font-size:14px; font-weight:normal; color:#be0008;}
.product-grid .price span { color:#999; font-size:15px; font-weight:400; text-decoration:line-through; margin-left:7px; display:inline-block;}
.product-grid .social{ background-color:#fff; width:100%; padding:0; margin:0; list-style:none; opacity:0; transform:translateX(-50%); position:absolute; bottom:-50%; left:50%; z-index:1; transition:all 0.5s ease 0s;}
.product-grid:hover .social{ opacity:1; bottom:20px;}
.product-grid .social li{ display:inline-block; }
.product-grid .social li a{ color:#909090; font-size:16px; line-height:45px; text-align:center; height:45px; width:60px; margin:0 7px; border:1px solid #909090; border-radius:50px; display:block; position:relative; transition:all 0.3s ease-in-out;}
.product-grid .social li a:hover { color:#fff; background-color:#be0008; width:95px;}
.product-grid .social li a:before,
.product-grid .social li a:after{ content:attr(data-tip); color:#fff; background-color:#be0008; font-size:12px; letter-spacing:1px; line-height:20px; padding:1px 5px; border-radius:5px; white-space:nowrap; opacity:0; transform:translateX(-50%); position:absolute; left:50%; top:-30px;}
.product-grid .social li a:after{ content:''; height:15px; width:15px; border-radius:0; transform:translateX(-50%) rotate(45deg); top:-20px; z-index:-1;}
.product-grid .social li a:hover:before,
.product-grid .social li a:hover:after{ opacity:1;}
@media only screen and (max-width:990px){ .product-grid{ margin-bottom:30px; }}

/* product_list */
.proneiye_left{width: 260px;float:left;border: 1px solid #be0008;padding-bottom: 20px;}
.proneiye_left h3{color:#333;font-size:28px;font-weight:normal;text-align:center;padding-top: 15px;line-height:40px;border-top: 7px solid #be0008;}
.proneiye_left h3 span{ font-size:14px;}
.proneiye_left ul{margin-top:18px;}
.proneiye_left ul li{display:block;margin-top:8px;line-height:40px;text-align:center;width: 260px;border-bottom: 1px dashed #d9d9d9;}
.proneiye_left ul li:hover{height:40px;line-height:40px;background:#be0008;/* display:block; */border: none;color:  #fff;}
.proneiye_left ul li a{color:#333;font-size:16px;display:  block;}
.proneiye_left ul li a:hover{height:40px;line-height:40px;text-decoration:none;color:#fff;display:block;width: 260px;}

.lanren_neiye{width: 882px;float: right;height:auto;overflow:hidden;}
.lanren_neiye li{ border:1px solid #ccc; width:286px; height:275px; overflow:hidden; margin:3px; float:left; cursor:pointer; padding-bottom:0px;}
.lanren_neiye li:hover{border: 1px solid #be0008;}
.lanren_neiye li img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease; z-index:33; position:relative;}
.lanren_neiye li:hover img{ -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease;}
.lanren_neiye li h3{height:34px;text-align:center;padding-top:23px;z-index:999;background: transparent;}
.lanren_neiye li h3 a{font-size:16px;color: #333;}
.lanren_neiye li h3 a:hover{ color:#999; text-decoration:none;}


/* news */
.newsline{ width:1200px; margin:0px auto; max-width:96%; margin-top:10px;}
.newsline a{ display:inline-block; float:left; height:132px; width:100%; padding:0 20px; transition:all ease 0.3s;}
.newsline a .newstime{ border-right:#be0008 solid 1px; width:178px; float:left; height:63px; margin-top:37px; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center;}
.newsline a .newstime .newstime_top{ font-size:47px; color:#be0008; line-height:50px;}
.newsline a .newstime .newstime_bot{ font-size:16px; color:#787878; line-height:18px; text-transform:uppercase;}
.newsline a .newtext{ padding-left:32px; width:840px; float:left;}
.newsline a .newtext .newtitle{ width:100%; float:left; font-size:15px; color:#575757; overflow:hidden; text-overflow:ellipsis; margin-top:32px; margin-bottom:10px;}
.newsline a .newtext .ntime{ display:none; width:100%; float:left; font-size:12px; color:#787878; line-height:22px;}
.newsline a .newtext .newsmall{ width:100%; float:left;font-size:13px; color:#787878; line-height:22px;max-height:44px; overflow:hidden;}
.newsline a .newsjiantou{ margin-left:27px; -webkit-align-items:center; display:-webkit-flex; -webkit-justify-content:center; height:100%; width:13px; float:left;}
.newsline a .newsjiantou .newsjiantou2{ display:none;}

.newsline a:hover{ padding-left:0px; transition:all ease 0.3s; background:#be0008;}
.newsline a:hover .newstime_top{ color:#FFFFFF;}
.newsline a:hover .newstime_bot{ color:#FFFFFF;}
.newsline a:hover .newtitle{ color:#FFFFFF;}
.newsline a:hover .newsmall{ color:#FFFFFF;}
.newsline a:hover .newsjiantou .newsjiantou1{ display:none;}
.newsline a:hover .newsjiantou .newsjiantou2{ display:block;}

.newsdeta{ width:1200px; margin:auto; line-height:36px; margin-bottom:15px; margin-top:15px;}
.newsdeta h3{ font-size:22px; text-align:center;}
.newsdeta h1{ font-size:22px; text-align:center;}
.newsdeta span{  text-align:center;}
.newsdeta .date{ line-height:36px; font-size:12px; color:#777; height:36px; display:block; padding-left:10px; border:1px solid #ccc; background:#f8f8f8;}
.newsdeta p{ font-size:16px; text-indent:2em; line-height:36px;}
.newsdeta img{ display:block; padding-bottom:20px; padding-top:20px; margin:auto; text-align:center;}
.newsdeta h4{ font-size:14px; font-weight:normal; color:#333;}
.newsdeta h4 a{ color:#333;}
.newsdeta h4 a:hover{ color:#064da3; text-decoration:none;}

.nei_zhaopin{ width:1200px; margin:auto; margin-bottom:45px;}
.nei_zhaopin h3{ font-size:22px; font-weight:normal; color:#ff6138; margin-bottom:10px;}
.nei_zhaopin ul{width: 1200px;}
.nei_zhaopin ul li{width:33%;float:left;border: none; line-height:40px;}
.nei_zhaopin p{ font-size:15px; color:#333;}

.list_neinav{width:1200px;margin:auto;padding-bottom: 65px;height: auto; text-align:center;}
.list_neinav ul{ width:1200px; float:left;text-align:  center;}
.list_neinav ul li{ display:block;width: 200px;float:left;margin: 25px;line-height: 50px;height: 50px;background: #be0008;text-align:  center;}
.list_neinav ul li a{ display:block; color:#fff; font-size: 18px;}
.list_neinav ul li a:hover{ display:block; border:#be0008 1px solid; background:#fff; text-decoration:none; color:#be0008;line-height: 50px;height: 50px;}

#vlightbox{width:1200px;height:355px;margin:0 auto;}
#vlightbox span{display:block;}
#vlightbox a{display:block;float:left;width:284px;height:355px;margin:3px 1px;padding:6px;border:solid 1px #b8b8b8;
background-color:#f4f5f5;opacity:0.87;}
#vlightbox a img{display:block;border:none;margin:0px;}
#vlightbox a:hover{opacity:1;}
#vlightbox a.vlightbox_hidden{display:none;}
#vlightbox a img{border:medium none;margin:0 auto;width:284px;height:355px;}