﻿/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#333;	margin:0px auto; font-family:Microsoft YaHei; font-size:14px;}
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:visited {}
a:focus { outline:none; }
a:hover, a:active{ color:#a41812; outline:none; }

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

.ease, .ease * { -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; transition:all ease 300ms; }
.w1120{ width: 1120px; margin: 0px auto;}
.layout{ width:100%; height: 480px;position: absolute; top: 50%; margin-top: -240px;}
/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;vertical-align: baseline; *vertical-align: middle; outline: none;}
button,select {text-transform: none;}
input{background-color: #FFFFFF;line-height: normal;outline: none;}
textarea{background-color: #fff;}
.clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }
html, body {
    margin: 0;
    padding: 0;
    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.float_right { float: right;}
.float_left { float: left;}

/*首页及公共样式*/
/****banner****/
.main_banner {width: 100%;overflow: hidden;margin: 0 auto;  position: relative;  z-index: 1;  margin-top: 82px;}
.banner {  width: 100%;  position: absolute;  top: 0;  left: 0;overflow: hidden;}
.banner a { display:block; width:100%; height:100%;}
.banner_fmenu {  position: absolute;  width: 100%;  left: 50%;  bottom:100px;  height: 10px;  z-index: 3000;  margin-left: -32px;}
#banner_fmenu A {  margin-right: 8px;  width: 14px;  height: 14px;  border: 1px solid #fff;  line-height: 14px;  text-align: center;  cursor: pointer;  font-size: 0;  font-weight: bold;  display: block;  float: left;  -webkit-border-radius: 100%;  -moz-border-radius: 100%;  border-radius: 100%;  overflow: hidden;}
#banner_fmenu A.activeSlide {  background: #ce0015;  border: 1px solid #ce0015;}
#banner_fmenu A:focus {  OUTLINE-STYLE: none;  OUTLINE-COLOR: invert;  OUTLINE-WIDTH: medium;}
.main_banner span{display:block; position:absolute; width:38px; height:70px;  top:48%; z-index:99; cursor:pointer; opacity:0.6}
.main_banner span:hover { opacity:1}
.main_banner span.prev { background:url(../images/prev.png) no-repeat center; left:10%;}
.main_banner span.prev:hover { transform:translateX(-3px)}
.main_banner span.next { background:url(../images/next.png) no-repeat center; right:10%;}
.main_banner span.next:hover { transform:translateX(3px)}

.Nbanner{ height:286px; overflow: hidden;}
.Nbanner .w1120 { position: relative;height: 286px; }
.Nbanner .location{ position: absolute; bottom:17px; right: 0; color: #fff; font-size: 14px;}
.Nbanner .location span{ background: url(../images/location.png) no-repeat center left; padding-left:18px; color: #fff;font-size: 14px;}
.Nbanner .location a{color: #fff;font-size: 14px;}

.subnav{ text-align: center; border-bottom: 1px solid #e7e7e7;}
.subnav ul li{ display: inline-block; *display: inline; zoom: 1; padding:0 5px; line-height:58px; border-bottom:4px solid #fff; margin-right: 15px;}
.subnav ul li a{ color: #333; font-size: 14px;}
.subnav ul li:hover{ border-bottom:4px solid #c21f1f;}
.subnav ul li.on{border-bottom:4px solid #c21f1f;}
.onsubnav {
    position:fixed; width:100%; background:#fff; top:82px;
}


#nav_main{ width:100%;  height:82px; position:fixed; top:0px; left:0; background:url(../images/top_main.jpg) repeat; z-index:999;}
#nav{ height:82px; width:1120px; margin:0px auto;}
#nav .nav_logo{ float:left;}
#nav .navlist{ float:left; margin-left:20px;}
#nav .nav_tool{ float:right;}
#nav .navlist { float:left;}
#nav .navlist li{ float:left; color:#fff; text-align:center;width:110px; height: 82px; margin:0px 14px;}
#nav .navlist li a h3{ color:#fff; font-size:16px; font-weight:normal; margin-top:20px;}
#nav .navlist li a p{ font-size:12px; font-family:Arial; color:#6b6b6b; margin-top:3px;}
#nav .navlist li:hover{ background:url(../images/nav_bg.jpg) no-repeat center;}
#nav .navlist li:hover a p{ font-size:12px; font-family:Arial; color:#cf6464; margin-top:3px;}
#nav .navlist li.on{ background:url(../images/nav_bg.jpg) no-repeat center;}
#nav .navlist li.on a p{ font-size:12px; font-family:Arial; color:#cf6464; margin-top:3px;}
#nav .subnavlist{ position:absolute; display:none; z-index:999;}
#nav .subnavlist li{ float:left; line-height:58px; text-align:left;}
#nav .subnavlist li a{ font-size:12px; color:#333333}
#nav .subnavlist li a:hover{ color:#0da2f7;}
#nav .nav_tool .tool_1{ background:url(../images/ico.png) no-repeat 0px 0px; width:26px; height:26px; float:left; margin-right:10px; margin-top:24px; cursor:pointer; position: relative;}
#nav .nav_tool .tool_1 img{display: block; position: absolute; left:-30px; top:58px;display: none;  width: 88px; height: 88px;}
#nav .nav_tool .tool_1:hover img{display: block;}
#nav .nav_tool .tool_2{ background:url(../images/ico.png) no-repeat -35px 0px; width:26px; height:26px;float:left;margin-right:10px; margin-top:24px;cursor:pointer;position: relative;}
#nav .nav_tool .tool_2 img{display: block; position: absolute; left:-30px; top:58px;display: none;  width: 88px; height: 88px;}
#nav .nav_tool .tool_2:hover img{display: block;}
#nav .nav_tool .tool_3{ background:url(../images/ico.png) no-repeat -71px 0px; width:26px; height:26px;float:left;margin-right:10px; margin-top:24px; cursor:pointer;}

#myMenu{ position:fixed; right:8%; bottom: 20%; z-index: 999;}
#myMenu .top{ background:url(../images/mynav_top.png) no-repeat center; cursor: pointer; width:83px; height:52px;}
#myMenu .top a{display: block; width:83px; height:52px;}
#myMenu .getback{ background: url(../images/mynav_getback.jpg) no-repeat center; width:83px; height:84px; margin-top: 7px;cursor: pointer;}

.sublistnav { text-align: center; padding-top: 40px; margin-bottom:37px;}
.sublistnav ul li{ display: inline-block; *display: inline; zoom: 1; width: 125px; height: 44px; line-height: 44px; background:url(../images/ico.png) no-repeat; background-position:0px -174px; margin-right: 5px;}
.sublistnav ul li a{ display: block;}
.sublistnav ul li:hover{ background-position:0px -125px;}
.sublistnav ul li:hover a{ color:#fff;}
.sublistnav ul li.on{ background-position:0px -125px;}
.sublistnav ul li.on a{ color:#fff;}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

.footer  .copybottom{ height: 41px; line-height: 41px; background:#25030b; overflow: hidden; color: #726669;}
.footer  .copybottom .float_right{ float: right; color: #fff;}
.footer  .copybottom .float_right a{ color: #fff;}

#Getback{position:fixed;width: 100%; height: 100%; background:url(../images/black_bg.png) repeat; z-index:200;left: 0; top: 0;display:none;}
#Getback .backlist{ width: 805px; height:350px; background: #fff; position: absolute; left: 50%; margin-left: -433px; top: 50%; margin-top: -180px; padding:30px; position: relative;}
#Getback .backlist h2{ font-size:26px; font-weight: normal; color: #cf182e;}
#Getback .backlist ul { margin-top: 15px;}
#Getback .backlist ul li{ float: left;position: relative;}
#Getback .backlist ul li label{position: absolute; left:10px; top:12px;}
#Getback .backlist ul li input.text{ display: block; width: 249px; height: 41px; border: 1px solid #a0a0a0; margin-right: 14px; text-indent: 50px;}
#Getback .backlist ul li textarea{ width: 739px; height: 143px; padding:15px 20px; border: 1px solid #a0a0a0; margin-top: 27px; text-indent: 30px;}
#Getback .backlist ul li .btn{ width: 110px; height: 42px; background: #c21f1f; line-height: 42px; text-align: center; color: #fff; font-size: 16px; border:none; margin-top: 20px; cursor: pointer;}
#Getback .backlist .backclose{ position: absolute; background: url(../images/backclose.png) no-repeat; width: 72px; height: 72px; z-index: 300px; right: -36px; bottom: 40px; cursor: pointer;}

.pager { padding: 5px 10px; border: 1px solid #ccc; margin: 20px 0px; }
.pager p { height: 30px; line-height: 30px; }
.pager ul { margin-top: -30px; overflow: hidden; float: right; }
.pager ul li { float: left; padding: 0 !important; height: auto !important; border: none !important; }
.pager ul a { margin-left: 5px; padding: 0 10px; height: 28px; line-height: 28px; border: 1px solid #ccc; text-decoration: none; float: left; }
.pager ul a.current { background-color: #c21f1f; border-color: #c21f1f; color: #fff; }
.pager ul a.current:hover { background-color: #c21f1f; border-color: #c21f1f; color: #fff; }
.pager ul a:hover { background-color: inherit; color: inherit; border-color: #c21f1f; *background-color: transparent; *color: #666; }

.reLink {border: 1px solid #ccc; text-align:left; padding:20px}
.reLink .prevLink, .reLink .nextLink { height:28px; line-height: 28px; }
.reLink .prevLink a, .reLink .nextLink a { height: 28px; line-height: 28px; }
.reLink .prevLink { }
.reLink .nextLink { }

.map_ul { list-style: outside none none; display: block; width: 100%; padding-top: 10px; }
.map_ul li { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left; }
.map_ul li a { font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold; }
.map_ul .list-inline { display: block; margin-left: 14%; width: 80%; min-height: 30px; }
.map_ul .list-inline li { height: 32px; line-height: 32px; border-bottom: 0; text-align: center; border: 1px solid #ccc; width: auto; padding: 0px; }
.map_ul .list-inline li a { font-weight: normal; display: block; line-height: 32px; height: 32px; display: inline-block; width: auto; padding: 0px 10px; width: auto; white-space:nowrap}
.map_ul .list-inline li a:hover { background: #c21f1f ; color: #fff; }
/*内页样式*/
.title{ padding-top: 35px; text-align: center; margin-bottom: 35px;}
.title h2{ font-size: 30px; font-weight: normal;}
.title p{ background: url(../images/page_p.png) no-repeat center; color: #999999; margin-top:13px;}
.page,.product,.product_info,.case,.contact,.about,.product_show,.news,.newinfo,.productlist_show{ background: url(../images/body.jpg) repeat center;}

.about .infocontent { padding:50px 0; min-height:450px;overflow:hidden}
.productlist_show .body {min-height:560px;overflow:hidden}
.product_show .body { min-height:610px;overflow:hidden}
.case .body { min-height:610px;overflow:hidden}
.page .body { min-height:610px;overflow:hidden}
/*news*/
.news .body{ padding: 60px 0; min-height:732px;}
.news .body ul li{ background:#fff; box-shadow:1px 3px 5px #ccc; margin: 0px auto; width:100%; height: 163px; overflow: hidden; margin-bottom:20px;}
.news .body ul li .img{ float: left; margin-top: 13px; margin-left: 13px;}
.news .body ul li .img img{ display: block;width: 171px; height: 128px;}
.news .body ul li .text{ float: left; margin-left:24px; margin-top: 13px; width: 840px;}
.news .body ul li .text h2 a{ font-size: 16px;}
.news .body ul li .text p{ font-size: 14px; color: #666; margin-top: 15px;}
.news .body ul li .text .tool{ margin-top: 20px;}
.news .body ul li .text .tool span{ color: #999; font-size: 12px; padding-right:22px;}

/*newinfo*/
.newinfo{ padding: 70px 0;overflow:hidden}
.newinfo .w1120 h1{ font-size: 24px; text-align: center; }
.newinfo .w1120 .infop{ height: 38px; line-height: 38px; border: 1px dashed #cecece; border-left: none; border-right:none; margin: 25px  0;  text-align: center;}
.newinfo .w1120 .infop span{ color: #999; font-size: 14px; padding-right:20px;}
.newinfo .w1120 .content { min-height:600px;overflow:hidden;}
.newinfo .remand{ overflow: hidden; margin-top: 40px; margin-bottom: 25px; float:left;}
.newinfo .remand h2{ background: url(../images/remend.png) no-repeat left center; padding-left:25px; text-align:left}
.newinfo .remand ul { width: 105%; overflow: hidden; margin-top: 22px;}
.newinfo .remand ul li{overflow: hidden; line-height:28px; text-align:left}
.newinfo .remand ul li a{ display: block;background: url(../images/textlist.png) no-repeat left center; padding-left:10px;}
.newinfo .NewRbottom { float:right; margin-top: 40px; margin-bottom: 25px; width:368px; text-align:right;}
.newinfo .NewRbottom ul {overflow:hidden; margin-top:20px;}
.newinfo .NewRbottom ul li { float:right; background:#dcdcdc; line-height:28px; padding:0 30px;}
.newinfo .NewRbottom ul li.red {  color:#fff; background:#c21f1f}
.newinfo .NewRbottom h3 { font-family:"Arial"; font-size:34px; font-weight:normal; margin:15px 0;}
.newinfo .NewRbottom p { border:none; color:#333; font-size:14px;margin:0; line-height:1em;}
.newinfo .NewRbottom span { display:block; background:url(../images/span.png) no-repeat center; width:368px; height:16px; margin-top:2px}
/*page*/
.page .body ul { width: 105%; overflow: hidden;}
.page .body ul li{ float: left; margin-right: 27px; margin-bottom: 20px;}
.page .body ul li img{ width: 259px; height: 195px; display: block;}
.page .body ul li  h2 { margin-top:15px; text-align: center;}
.page .body ul li  h2 a{ color: #333; font-size: 14px; font-weight: normal;}

/*page*/
.page .body ul { width: 105%; overflow: hidden;}
.page .body ul li{ float: left; margin-right: 27px; margin-bottom: 20px;}
.page .body ul li img{ width: 259px; height: 195px; display: block;}
.page .body ul li  h2 { margin-top:15px; text-align: center;}
.page .body ul li  h2 a{ color: #333; font-size: 14px; font-weight: normal;}

/*case*/
.case .body ul { width: 105%; overflow: hidden;}
.case .body ul li{width:337px; height:254px; float: left; margin-right:55px; margin-bottom:50px;  position: relative;}
.case .body ul li img{ width:337px; height:254px; display: block;}
.case .body ul li .line{position: absolute; left:0; top:0; width:100%; height:100%; border: 1px solid #fff; z-index:99;}
.case .body ul li:hover .line{ width:90%; height: 90%; left: 5%; top: 5%;}
.case .body ul li:hover img{ opacity: 0.8;}

/*product_show*/
.product_show .body ul { width: 105%; overflow: hidden;}
.product_show .body ul li{width:337px; height:254px; float: left; margin-right:55px; margin-bottom:50px;  position: relative;}
.product_show .body ul li img{ width:337px; height:254px; display: block;}
.product_show .body ul li h2{ position:absolute; bottom: 0; left: 0; width: 100%; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size:16px; font-weight: normal; background: url(../images/list_bg.png) repeat;}
.product_show .body ul li .line{position: absolute; left:0; top:0; width:100%; height:100%; border: 1px solid #fff; z-index:99;}
.product_show .body ul li .line h3{ font-size: 16px; color: #fff; font-weight: normal; margin-top:80px; text-align: center; display: none;}
.product_show .body ul li .line span{ color: #fff; font-size: 12px; display: block; width: 111px; height: 34px; line-height: 34px; background: url(../images/ico.png) no-repeat; background-position:-0px -226px; margin: 0px auto; text-indent:24px; margin-top:15px; display: none;}
.product_show .body ul li:hover h2{ display: none;}
.product_show .body ul li:hover .line{ width:90%; height: 90%; left: 5%; top: 5%;}
.product_show .body ul li:hover .line h3{display: block;}
.product_show .body ul li:hover .line span{display: block;}
.product_show .body ul li:hover img{ opacity: 0.8;}

/*productlist_show*/
.productlist_show .body { padding:50px 0;}
.productlist_show .body ul { width: 105%; overflow: hidden;}
.productlist_show .body ul li{width:530px; height:398px; float: left; margin-right:58px; margin-bottom:50px;  position: relative;}
.productlist_show .body ul li img{ width:530px; height:398px; display: block;}
.productlist_show .body ul li h2{ position:absolute; bottom: 0; left: 0; width: 100%; height: 64px; line-height: 64px; text-align: center; color: #fff; font-size:26px; font-weight: normal; background: url(../images/list_bg.png) repeat;}
.productlist_show .body ul li .line{position: absolute; left:0; top:0; width:100%; height:100%; border: 1px solid #fff; z-index:99;}
.productlist_show .body ul li .line h3{ font-size: 26px; color: #fff; font-weight: normal; margin-top:146px; text-align: center; display: none;}
.productlist_show .body ul li .line span{ color: #fff; font-size: 12px; display: block; width: 111px; height: 34px; line-height: 34px; background: url(../images/ico.png) no-repeat; background-position:-0px -226px; margin: 0px auto; text-indent:24px; margin-top:15px; display: none;}
.productlist_show .body ul li:hover h2{ display: none;}
.productlist_show .body ul li:hover .line{ width:90%; height: 90%; left: 5%; top: 5%; border-color:#c2201d}
.productlist_show .body ul li:hover .line h3{display: block;}
.productlist_show .body ul li:hover .line span{display: block;}
.productlist_show .body ul li:hover img{ opacity: 0.8;}

/*contact*/
.contact .contact_box{ position: relative;}
.contact .cnav{text-align: center; position: absolute; z-index: 99; left: 50%; margin-left: -592px; top: -22px;}
.contact .cnav ul li{display:inline-block; *display: inline; zoom: 1; background: url(../images/cnav.png) no-repeat center; width: 235px; height: 44px; line-height: 44px; font-size: 0;}
.contact .cnav ul li a{display: block; color:#c21f1f; font-size: 16px;}
.contact .cnav ul li:hover{ background: url(../images/cnav_li.png) no-repeat center;}
.contact .cnav ul li:hover a{color: #fff;}
.contact .cnav ul li.on{ background: url(../images/cnav_li.png) no-repeat center;}
.contact .cnav ul li.on a{color: #fff;}
.contact .touchmap{ background: url(../Upload/map.jpg) no-repeat center; height:468px; padding-top:84px; position: relative; margin-top: -22px; z-index: 1;}
.contact .touchmap .touchme{ background: url(../images/touchme.png) no-repeat center; width: 335px; height: 408px; margin:0px auto; text-align: center;}
.contact .touchmap .touchme h2{ font-size: 22px; padding-top: 53px;}
.contact .touchmap .touchme h3{ font-size: 16px; font-weight: normal; margin-top:15px; margin-bottom: 20px;}
.contact .touchmap .touchme p{ color: #666666; font-size: 12px;}
.contact .touchmap .touchme img{ display: block; width: 96px; height: 96px; margin: 0 auto; margin-top:18px; border: 1px solid #c21f1f; padding: 1px; border-radius: 5px; margin-bottom: 8px;}
.contact .touchmap .touchme span{ color:#333; font-size: 12px;}
.contact .w1120 .head{ text-align: center;}
.contact .w1120 .head h2{ font-size: 24px; margin-top:50px;}
.contact .w1120 .head p{ font-family: Tahoma; font-size: 12px; color: #191919; margin-top: 3px;}
.contact .w1120 .body{ margin-top: 30px;}
.contact .w1120 .body ul li{ width:100%;  height:55px; line-height: 55px; border: 1px solid #e1e1e1; -moz-box-shadow:0px 3px 3px #e1e1e1; -webkit-box-shadow:0px 3px 3px #e1e1e1; box-shadow:0px 3px 3px #e1e1e1; background:url(../images/redmore.png) no-repeat 98% 50% #fff;  margin-bottom: 10px; cursor: pointer;}
.contact .w1120 .body ul li .part{ float: left; width: 33.33%; line-height:55px; text-align: center; color: #666666;}
.contact .w1120 .body ul li:hover{ background:url(../images/jiaru_h.png) no-repeat 98% 50%  #c21f1f;}
.contact .w1120 .body ul li:hover .part{ color: #fff;}
.contact .w1120 .body ul li .showinfo{ position:fixed;left: 0; top: 0; width: 100%; height:100%; background:url(../images/black_bg.png) repeat; z-index:100; display: none;}
.contact .w1120 .body ul li .showinfo .content{ width: 845px; height: 380px; background: #fff; position: absolute; left: 50%; margin-left: -423px; top: 50%; margin-top: -190px; border-radius:5px; overflow: hidden;}
.contact .w1120 .body ul li .showinfo .content h2{ height: 40px; text-align: center; line-height: 40px; background:#c21f1f; color: #fff; font-size: 16px; font-weight: normal;}
.contact .w1120 .body ul li .showinfo .content .info{ padding: 25px;}
.contact .w1120 .body ul li .showinfo .content .close{position: absolute; display: block; width:40px;height: 40px; text-align: center; line-height: 40px; right: 0; top: 0; background: #8b1717; color: #fff; z-index: 999;}

.contact .w1120 .guessback{ margin-top: 85px; margin-bottom: 60px;}
.contact .w1120 .guessback .guessbody{margin-top: 30px; height:275px;}
.contact .w1120 .guessback .guessbody ul {}
.contact .w1120 .guessback .guessbody ul li { float:left; position:relative;}
.contact .w1120 .guessback .guessbody ul li label{ position:absolute; left:15px; top:0px;line-height: 48px; z-index:99; font-size: 14px; color: #999999;}
.contact .w1120 .guessback input.text{ display: block; float: left; height:48px; line-height: 48px; width: 344px; border: 1px solid #e1e1e1; -moz-box-shadow:0px 3px 3px #e1e1e1; -webkit-box-shadow:0px 3px 3px #e1e1e1; box-shadow:0px 3px 3px #e1e1e1; text-indent:50px; font-size: 14px; color: #999999;}
.contact .w1120 .guessback .textarea{ display: block; float: left; padding: 15px; height:101px; line-height:1.5em; width:1088px;border: 1px solid #e1e1e1; -moz-box-shadow:0px 3px 3px #e1e1e1; -webkit-box-shadow:0px 3px 3px #e1e1e1; box-shadow:0px 3px 3px #e1e1e1; font-size: 14px; color: #999999; margin-top:20px; text-indent:80px}
.contact .w1120 .guessback input.postcode{ display: block; float:left; height:48px; line-height: 48px; width:148px;border: 1px solid #e1e1e1;text-indent: 5px; font-size: 14px; color:#999999; text-indent:65px}
.contact .w1120 .guessback input.btn{ display: block; width: 137px; height: 50px; line-height: 50px; text-align: center; border: none; background: #c21f1f; color: #fff;cursor: pointer; float: right;margin-top:20px;}


/*product_info*/
.product_info .product_box { position: relative;}
.product_info .product_box .backhome{ float: left; width: 114px; height: 31px; text-align: center; line-height: 31px;background:url(../images/backhome.png) no-repeat 20px 50% #c21f1f; text-indent: 25px; margin-bottom:1px;}
.product_info .product_box .backhome a{display: block; color: #fff; }
.product_info .product_box .bd{ width: 100%; overflow:hidden;}
.product_info .product_box .bd ul li { width: 100%; overflow: hidden; background: url(../images/product_box_li.png) no-repeat right center;}
.product_info .product_box .bd ul li img{ float: left; width: 560px; height: 419px; display: block; margin-right: 45px;}
.product_info .product_box .bd ul li h2{ color: #333; font-size: 28px; margin-top:65px;}
.product_info .product_box .bd ul li p{ color: #666; margin-top: 15px; width: 475px; max-height:190px; overflow: hidden;}
.product_info .product_box .bd .prev{ display: block; width: 39px; height: 39px; position: absolute; background: url(../images/ico.png) no-repeat; background-position:-146px -130px; z-index: 999; right: 425px; bottom:40px; cursor: pointer;}
.product_info .product_box .bd .prev:hover{ background-position: -146px -171px;}
.product_info .product_box .bd .next{display: block; width: 39px; height: 39px; position: absolute; background: url(../images/ico.png) no-repeat; background-position:-146px -212px; z-index: 999; right: 475px; bottom:40px; cursor: pointer;}
.product_info .product_box .bd .next:hover{ background-position:-146px -253px;}
.product_info .remand{ overflow: hidden; margin-top: 40px; margin-bottom: 25px;}
.product_info .remand h2{ background: url(../images/remend.png) no-repeat left center; padding-left:25px;}
.product_info .remand ul { width: 105%; overflow: hidden; margin-top: 22px;}
.product_info .remand ul li{ float: left; width: 268px; height: 202px; overflow: hidden; position:relative;margin-right: 16px;}
.product_info .remand ul li a{ display: block;}
.product_info .remand ul li a img{ width: 268px; height: 202px; display: block;}
.product_info .remand ul li a h3{ background: url(../images/list_bg.png) repeat; position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; line-height: 38px; color: #fff; font-weight: normal; font-size: 14px; text-align: center; }

