@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%;display:block;} 
.clear{clear:both;}

.one{ width:100%; margin:auto; background:url(../images/1.png) 50% no-repeat; height:170px; z-index:99999; position:relative;}
.top{ width:100%; margin:auto; height:36px; line-height:36px; background:#000;}
.top p{ color:#fff; width:1200px; margin:auto; text-align:left;}

.nav_top{width:1231px;margin:auto;}
.nav_top ul{width:921px;float:right;padding-top:29px;}
.nav_top ul li{width:111px;float:left;text-align:center;margin-right:4px;}
.nav_top ul li a h1{background:url(/Application/Home/Public/images/wangzhanshouye.png) no-repeat; height:27px; text-indent:-110em;}
.nav_top ul li a h2{background:url(/Application/Home/Public/images/wangzhanshouye.png) no-repeat; height:27px; text-indent:-110em;}
.nav_top ul li a{font-size:20px;}
.nav_top ul li a:hover{ color:#e00000; text-decoration:none;}

/* flexslider */
.flexslider{position:relative;height:600px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin-top:-50px;}
.slides{position:relative;z-index:1;}
.slides li{height:600px;}
.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;}

.two{ width:1200px; margin:auto;z-index:99999; position:relative; margin-top:15px;}
.pro_list{width:1200px;margin:auto;padding-top:31px;}
.pro_list ul{width:788px;margin:auto;}
.pro_list ul li{padding:0px 10px;border:1px solid #e00000;width:140px;float:left;margin-right:35px;line-height:40px;height:40px;display:block;text-align:center;}
.pro_list ul li:hover{ display:block; background:#e00000; color:#fff;}
.pro_list ul li a{font-size:20px;font-weight:normal; display:block;width:140px;}
.pro_list ul li a:hover{ color:#fff; text-decoration:none; display:block;width:140px;}


.related{ width:1200px; margin:auto; padding-top:30px;}
#cpdemo{ overflow:hidden; width:1200px;}
#cpindemo{ float:left; width:2500%;}
#cpdemo1{ float:left; }
.scroll-2{ display:block; float:left;  margin-left:15px;}
.scroll-2 img{  display:block; height:240px; width:240px; border:solid 1px #ccc;}
.scroll-2 span{ display:block; text-align:center; width:152px; line-height:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.scroll-2 p{ text-align:center;}
.scroll-2 p a{ text-align:center;}
#cpdemo2{ float:left;}

.two h4{ width:150px; display:block; background:#e00000; height:45px; line-height:45px; margin:auto; margin-top:35px; margin-bottom:30px;}
.two h4 a{ color:#fff; width:150px; display:block; background:#e00000; height:45px; line-height:45px; margin:auto; text-align:center; font-size:20px; font-weight:normal;}
.two h4 a:hover{ display:block; color:#e00000; border:1px solid #e00000; background:#fff; text-decoration:none;}

.three{ width:1200px; margin:auto; background:url(../images/3.png) no-repeat; height:525px;}
.three ul{width:1224px;margin:auto;}
.three ul li{width:385px;float:left;margin-right:23px;}
.three ul li h3{color:#fff;font-size:23px;font-weight:normal;width:343px;margin:auto;margin-top:20px;}
.three ul li span{font-size:14px;margin-left:15px;}

.three ul li p{width:343px;margin:auto;text-indent:2em;margin-top:28px;color:#fff;line-height:31px;}
.three ul li p:hover{ color:#e00000; text-decoration:none;}
.three ul li p a{color:#fff;line-height:31px;}
.three ul li p a:hover{ color:#e00000; text-decoration:none;}

.xinwen{margin-top:55px;}
.xw_top{width:1200px;margin:auto;}
.xw_top h3{text-align:center;font-size:35px;font-weight:normal;color:#e00000;}
.xw_top h3 span{color:#333;}
.xw_top p{text-align:center;line-height:48px;font-size:12px;color:#999;}

.xinwen ul{width:1300px;margin:auto;margin-top:17px;}
.xinwen ul li{width:550px;float:left;margin-right:100px;}
.xinwen ul li h4{line-height:36px;font-weight:normal;}
.xinwen ul li h4 a{ color:#333;}
.xinwen ul li h4 a:hover{ color:#e00000; text-decoration:none;}
.xinwen ul li span{float:right;}

.four{width:100%;margin:auto;background: url(../images/4.png) 50% top no-repeat #30323e;height: auto;margin-top: 35px;padding-bottom: 58px;}
.rex{margin:auto;width:1200px;padding-top: 100px;}
.rex h3{margin-top:53px;margin-left:38px;text-align:center;color:#fff;font-weight:normal;}
.rex p{text-align:center;margin-left:163px;margin-top:8px;color:#fff;font-size:30px;}

.nav_bottom{width:1231px;margin:auto;}
.nav_bottom ul{width:921px;margin: auto;padding-top: 77px;}
.nav_bottom ul li{width: 107px;float:left;text-align:center;margin-right:4px;}
.nav_bottom ul li a{font-size: 17px;color:  #fff;}
.nav_bottom ul li a:hover{ color:#e00000; text-decoration:none;}


.four h4{font-size:14px;color:#ccc;font-weight:normal;text-align:center;margin-top: 35px;}
.four h4 a{color:  #fff;line-height: 36px;}
/*neiye*/
.orange{ color:#f55d52;}
.red{ color:#be0008 !important;}

.toplist{ width:1200px; margin:auto; margin-top:50px;}
.toplist ul{ width:1200px; margin:auto;}
.toplist ul li{ padding:0px 25px; border:1px solid #be0008; float:left; width:auto; margin-right:35px; font-size:18px; font-weight:bold;}
.toplist ul li:hover{ border:1px solid #999;}
.toplist ul li a{ color:#333; line-height:42px; height:42px;}
.toplist ul li a:hover{ color:#be0008; text-decoration:none;}

.jrnei_tit{ width:1200px; margin:auto; margin-top:50px;}
.jrnei_titleft{ width:600px; float:left;}
.jrnei_titleft h3{ font-size:30px;}
.jrnei_titleft h3 a{ text-decoration:none;}
.jrnei_titleft p{ font-size:36px; color:#be0008; width:150px; float:left;}
.jrnei_titright{ width:600px; float:right; text-align:right;}
.jrnei_titright h3{ font-size:16px; color:#909090; font-weight:normal; border-top:5px solid #000;}
.jrnei_titright p{ font-size:14px; color:#666;}

/* guanyu_about */
.about{ width:1200px; margin:auto;}
.ab_top{ margin-top:77px;}
.ab_top h3{ float:left; width:600px; text-align:left; margin-top:-45px; margin-left:50px; font-size:24px; color:#555;}
.abt_pic{ float:left !important; text-align:left;}
.ab_top p{ width:1200px; margin:auto; line-height:36px; font-size:16px; color:#333;}
.ab_top img{ float:right; margin-top:-47px;}

.ab_top h4{ width:1200px; margin:auto; line-height:36px; font-size:16px; color:#333; margin-bottom:77px; font-weight:normal;}

.ab_left{ margin-top:45px;}
.ab_left img{ float:left;}
.abl_tit{ width:350px; float:right; margin-top:45px;}
.abl_tit h3{ font-size:22px; color:#333; font-weight:normal;}
.abl_tit p{/* text-indent:2em;*/ line-height:30px; color:#999; margin-top:15px;}
.abl_tit span{ line-height:36px; border:1px #666 solid; width:106px !important; height:36px; display:block; text-align:center; margin-top:20px; display:block;}
.abl_tit span:hover{ border:1px #be0008 solid; width:106px !important; height:36px; display:block;}
.abl_tit span a{ color:#666; display:block;}
.abl_tit span a:hover{ border:1px #be0008 solid; color:#fff; text-decoration:none; background:#be0008; height:36px; display:block;}

.ab_right{ margin-top:45px;}
.ab_right img{ float:right;}
.abr_tit{ width:350px; float:left; margin-top:45px;}
.abr_tit h3{ font-size:22px; color:#333; font-weight:normal;}
.abr_tit p{/* text-indent:2em;*/ line-height:30px; color:#999; margin-top:15px;}
.abr_tit span{ line-height:36px; border:1px #666 solid; width:106px !important; height:36px; display:block; text-align:center; margin-top:20px; display:block;}
.abr_tit span:hover{ border:1px #ffe26a solid; width:106px !important; height:36px; display:block;}
.abr_tit span a{ color:#666; display:block;}
.abr_tit span a:hover{ border:1px #be0008 solid; color:#fff; text-decoration:none; background:#be0008; border:1px #be0008 solid;}

.nnabout{ width:1111px; margin:auto;}
.nnabl_tit{ width:550px; float:right; margin-top:45px;}
.nnabl_tit h3{ font-size:22px; color:#333; font-weight:normal;}
.nnabl_tit p{/* text-indent:2em;*/ line-height:30px; color:#999; margin-top:15px;}
.nnabr_tit{ width:550px; float:left; margin-top:45px;}
.nnabr_tit h3{ font-size:22px; color:#333; font-weight:normal;}
.nnabr_tit p{/* text-indent:2em;*/ line-height:30px; color:#999; margin-top:15px;}

#vlightbox{width: 1200px;height:355px;margin:0 auto;}
#vlightbox span{display:block;}
#vlightbox a{display:block;float:left;width: 282px;height: 242px;margin: 3px 2px;padding:6px;border:solid 1px #b8b8b8;background-color:#f4f5f5;opacity:0.87;text-align:  center;line-height: 40px;}
#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:310px;height: 212px;}

.gongc{width:1200px; margin:auto;}
.gongc img{ display:block; margin:auto; text-align:center;}
.gongc ul{width:1210px;margin:auto;margin-top:25px;}
.gongc ul li{width:292px;float:left;margin-right:8px;border:1px solid #be0008;}
.gongc ul li:hover{border:1px solid #999;}

.gongc ul li a{text-align:center;line-height:42px;}
.gongc ul li a:hover{ text-decoration:none; color:#be0008;}
.gongc ul li img{width:292px;height:216px;}

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

.lianxi{ width:450px; float:left;}
.lianxi ul{ width:450px; margin:auto;}
.lianxi ul li{ line-height:40px; }

/*css fanye*/
div.jogger{padding:20px;margin:20px;font-family:"微软雅黑"; text-align:center;}
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;}

/* news */
.newsline{ width:1200px; margin:0px auto; max-width:96%; margin-top:10px;}
.newsline li:hover{color:# be0008;}
.newsline .a{ display:inline-block; float:left; height:132px;  padding:0 20px; transition:all ease 0.3s; width:100%;}
.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 .newtitle a{ color:#FFFFFF;}
.newsline .a:hover .newsmall{ color:#FFFFFF;}
.newsline .a:hover .newsjiantou .newsjiantou1{ display:none;}
.newsline .a:hover .newsjiantou .newsjiantou2{ display:block;}

.product{ width:1200px; margin:auto; margin-top:35px;}

.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; background:#fff; border:1px solid #e9e9e9;}
.product-grid:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);height: auto;background:  #fff;}
.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; margin:0px;}
.product-grid:hover .product-image img{ transform:scale(1.1); }
.product-grid .product-content{padding: 12px 12px 22px 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; height:60px;}
.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;padding-top: 10px;}
.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; }}
.pro_xinlan h5{ text-align:center; margin-top:2px;}
.pro_xinlan h5 a{ color:#fff; font-size:28px; font-weight:normal;}
.pro_xinlan h5 a:hover{ color:#eee; text-decoration:none;}

.protit{ width:1200px; margin:auto;}
.protit ul{ width:1200px; margin:auto; margin-bottom:30px;}
.protit ul li{ width:150px; float:left; text-align:center; height:40px; line-height:40px; display:block; border:1px #be0008 solid; margin-left:44px;}
.protit ul li:hover{ display:block; color:#fff; background:#be0008;}
.protit ul li a{ display:block; font-size:16px; color:#064ba3;}
.protit ul li a:hover{ display:block; color:#fff; text-decoration:none;}

/* article_product */
.km_pleft{ width:680px; float:left;}
.km_pright{ width:350px; float:right; margin-left:70px;}
.pright_atop{ margin-top:20px;}
.pright_atop h3{ font-size:22px; font-weight:normal;}
.pright_atop p{ text-align:left; font-size:12px; color:#ccc; margin-top:10px;}
.km_pright ul{ margin:auto;}
.km_pright ul li{ float:left; width:100%; text-align:left; line-height:46px; font-size:16px; margin-left:25px;}
.km_pright h4{ background:url(../images/lianxi.jpg) no-repeat; height:42px; border-bottom:none; padding-left:65px; line-height:42px; margin-left:25px;}
.km_pright h4 a{ font-size:20px; color:#555; text-decoration:none;}
.km_pright h4 a:hover{ text-decoration:underline;}

.hy_protit{ width:900px; margin-top:20px;}
.hy_protit h4{ font-size:18px; border-bottom:1px dashed #777; padding-bottom:10px;}
.hy_protit img{ float:right; width:900px; height:auto;}
.hy_protit p{ width:900px; line-height:30px; text-indent:2em; margin-top:15px;}
.hy_rnrsc{ width:900px; margin:auto; text-align:center;}
.hy_rnrsc img{ margin-top:15px;}

/* product-tuijian */
.xgtuijian{margin-top: 25px; text-indent:0em;}
.xgtuijian p{font-size: 24px;    text-indent: 0em;padding-bottom: 10px;}
.xgtuijian a{display: inline-block;width: 20%;margin: 2%;}
.xgtuijian .chanpintuijian img{height: 180px;}
.xgtuijian .chanpintuijian p{color: #333; width:180px; font-size:16px; margin: auto;}

.xgtuijian .xinwen1{display: inline-block;width: 50%;border-bottom: 1px #999 dashed; margin-top:10px}
.xgtuijian .xinwen1 .xinwentuijian{display: flex;}
.xgtuijian .xinwen1 .xinwentuijian .tuijianbiaoti{line-height: 40px;width: 80%;}
.xgtuijian .xinwen1 .xinwentuijian .tuijianbiaoti a{width: auto;margin: 0;}
.xgtuijian .xinwen1 .xinwentuijian .tuijianshijian{height: 40px;line-height: 40px;}