@charset "utf-8";

/*reset*/

/* CSS reset for c_b */
body{ min-width: 1200px; font-family: 'microsoft yahei' ; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
ception, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a { color: #666; text-decoration: none; }

/*for ie f6n.net*/
a:focus { outline: none; }

/*for ff f6n.net*/
a:hover { text-decoration: underline; }

.topNav:hover { text-decoration: none; }



/*定位*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.zoom { zoom: 1 }
.hidden { visibility: hidden; }
.vam { vertical-align: middle; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
p { word-spacing: -1.5px; }
-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;

/*其他*/
.cur { cursor: pointer }
;

/*原reset*/
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { *font-size: 100%; }
input, select { vertical-align: middle; }
body { font: 12px/1.231 arial, helvetica, clean, sans-serif; }
select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif; }
table { font-size: inherit; font: 100%; border-collapse: collapse; }
pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

/*title*/
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
#roll_top, #fall, #ct { position: relative; cursor: pointer; height: 52px; width: 52px }
#roll_top { background: url(../images/top.gif) no-repeat }
#fall { background: url(../images/top.gif) no-repeat 0 -80px }
#ct { background: url(../images/top.gif) no-repeat 0 -40px }
#roll { display: block; width: 15px; margin-right: -558px; position: fixed; right: 46%; top: 80%; _margin-right: -558px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index: 100; }

/*end reset*/

/* CSS Document */

body { background-color: #fff; overflow-x: hidden; color: #666; font-size: 12px; font-family: 'microsoft yahei' ,' 宋体'; position: relative; }

/*网站字体颜色*/
.header, .content, .footer, .container { margin-left: auto; margin-right: auto; width: 1200px; }

/*页眉*/
.header { width: 100%; background: url(../images/header_bg.jpg) no-repeat center top; height: 193px; }
.header_top { overflow: hidden; width: 1200px; margin: 0 auto; height: 137px; }
.header_top h1 { float: left; margin-top: 50px; }
.header_top h2 { float: left; padding: 5px 0; padding-left: 25px; margin-left: 25px; background: url(../images/logo_w.png) no-repeat left center; margin-top: 50px; font-size: 22px; color: #c80b0f; }
.header_top h2 p { font-weight: normal; font-size: 16px; color: #333; }

/*

.header_top .phone{ overflow:hidden; float:right; margin-top:40px; padding-left:50px; background:url(../images/phone.png) no-repeat left top;}

.header_top .phone p{ font-size:13px; color:#333; text-align-last:justify}

.header_top .phone b{ display:block; font-size:26px; color:#c80b0f; font-family:Impact}

.header_top .phone em{ display:block; font-size:18px; color:#000; background:url(../images/phone02.png) no-repeat center; margin-left:-50px; margin-top:5px; text-align:center}

*/
.header_top .phone { overflow: hidden; float: right; margin-top: 33px; padding-left: 50px; background: url(../images/phone.png) no-repeat left top; }
.header_top .phone p { font-size: 13px; color: #333; letter-spacing: 14px; }
.header_top .phone b { display: block; font-size: 26px; color: #c80b0f; font-family: Impact }
.header_top .phone em { display: block; font-size: 20px; color: #333; background: url(../images/phone02.png) no-repeat center; margin-left: -60px; margin-top: 5px; text-align: center }

.w1200{ width: 1200px; margin:0 auto; }
nav { /*background: #c80b0f;*/ height: 56px;color: #fff;width:100%; z-index:2; clear: both;}
.nav li {float: left;  /*width: 149px;*/ width: 166px;  position: relative;height: 56px;line-height: 56px; text-align: center; /*border-right: 1px solid #c80b0f;*/ }
.nav li:last-child{ border-right: none; }
.nav>li>a {/*color: #fff;*/ color: #1b1b1b;   text-align: center;font-size: 16px;padding: 0;}
.nav>li>a:link { background: none; }
.nav>li>a:hover, .nav>li>a.active {color: #fff;background: none;}
.nav .hb-first-li ul li a {color: #ffffff;height: 36px;overflow: hidden;}
/*.nav .hb-first-li .active a,.nav .hb-first-li a:hover {background-color: #ffff00;color: #c80b0f;display: block;}*/
.nav .hb-first-li .active a,.nav .hb-first-li a:hover {background-color: #c80b0f;color: #fff;display: block;} 

.nav .hb-first-li>ul { position: absolute; width: 166px; background-color: #c80b0f; z-index: 20; padding: 0; opacity: 0; transition: all .5s ease 0s; -webkit-transform: translate3d(0, 10px, 0); visibility: hidden }
.nav .hb-first-li:hover ul{ opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); visibility: visible }
.nav .hb-first-li>ul li { height: 34.18px; line-height: 36px; width: 100%; text-align: center; border-bottom: 1px solid rgba(226, 226, 226, 0.37); transition: all .3s ease-out 0s }



#roll_top, #fall, #ct { position: relative; cursor: pointer; height: 60px; width: 52px }
#roll_top { background: url(../images/top.gif) no-repeat }
#fall { background: url(../images/top.gif) no-repeat 0 -80px }
#ct { background: url(../images/top.gif) no-repeat 0 -40px }
#roll { display: block; width: 15px; margin-right: -558px; position: fixed; right: 46%; top: 80%; _margin-right: -558px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index: 100; }
.clsas { width: 300px; height: 170px; background: #ffed99; border: 5px solid #bfbfbf; position: fixed; _position: absolute; left: 0; bottom: 0; z-index: 9999 }
.clsas h5 { color: #843e00; font-size: 24px; line-height: 40px; text-align: center; font-weight: bold; height: 46px }
.clsas p { color: #111; font-size: 14px; font-weight: bold; line-height: 18px; padding-left: 20px; height: 24px }
.clsas span { width: 0; height: 0; border-top: 9px solid transparent; border-left: 18px solid red; border-bottom: 9px solid transparent; display: block; float: left; margin-right: 5px }
.clsas a { color: #111 }
.clsas a:hover { color: #f00 }


/*优势2*/
.main { width: 1200px; margin: 0 auto;  }
.crbox { position: relative; height: 156px; margin-top: 15px; clear: both; }
.crbox .xx { background: #cccccc; height: 1px; width: 1200px; position: absolute; top: 80px; }
.crbox .crbt { z-index: 999; position: absolute; top: 0px; text-align: center; width: 1200px; }
.crcont { width: 1200px; /*margin: 120px auto 0 auto; */ margin: 120px auto 60px auto;   height: 350px; }
.crcont ul li { float: left; padding-left: 10px; padding-right: 10px; border-bottom: 4px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; width: 240px; height: 330px; position: relative; margin-right: 50px; }
#id { margin-right: 0px; }
.tu { position: absolute; width: 240px; text-align: center; top: -105px; }
.tu img { border-radius: 50%; }
.crcont ul li p { font-size: 28px; text-align: center; top: 105px; position: absolute; font-weight: bold; width: 240px; margin: 0 auto; border-bottom: solid 1px #dddddd;  font-family: "Microsoft yahei";   }
.crcont ul li p span { font-family: "Impact"; font-weight: 100 }
.crcont .nr { position: absolute; width: 220px; line-height: 30px; top: 150px; padding-left: 10px; padding-right: 10px; }
.crcont a { position: absolute; top: 250px; width: 108px; text-align: center; height: 33px; line-height: 33px; border: solid 1px #CCCCCC; left: 75px; }

/*广告图1*/
.x-ban { height: 300px; background: url(../images/dh.jpg) no-repeat center center; }
.x-ban .content { height: 300px; position: relative; }
.x-ban span { font-size: 36px; color: #fff; font-weight: bold; font-family: Arial; display: block; position: absolute;
 /*left: 195px; */ /*left: 352px;*/ left: 386px;   top: 200px; }
.x-ban a.zx_btn { width: 146px; height: 52px; display: block; position: absolute; left: 513px; top: 195px; }

/*关于我们+产品*/
.aboutbox { width: 1198px; /*border: solid 1px #dadada;*/ margin: 20px auto; }
.abouttitle { width: 1198px; background: url("../images/left_bg.png") repeat #0b52a3; height: 44px; }
.abouttitle p { float: left; background: url("../images/about_bg.jpg") repeat-x; height: 44px; width: 154px; text-align: center; line-height: 44px; font-size: 18px; color: #FFFFFF; }
.abouttitle a { float: right; padding-right: 15px; line-height: 44px; color: #FFFFFF; }
.aboutcont { padding: 20px; width: 1158px; border-bottom: solid 1px #dadada; margin-bottom: 20px; }
.aboutcont span { font-size: 18px;  margin-top: 20px; display: block; }
.aboutcont p {    font-size: 16px;   line-height: 32px; }

.content { width: 1200px; /*height: 195px;*/ height: 330px; margin: 0 auto; position: relative; }
.pro_slide_content{ width:1130px; }
.content .le_jt { width: 33px; height: 83px; display: block; position: absolute; left: -30px; 
/*top: 65px;*/ top: 120px; 
z-index: 1000; }
.content .rig_jt { width: 33px; height: 83px; display: block; position: absolute; right: -35px; 
/*top: 65px;*/  top: 120px; 
z-index: 1000 }
.content .conpro { width: 1130px; /*height: 185px;*/ height: 310px;  position: absolute; margin: 0 auto; display: block; }
.content .conpro a { display: inline; 
/*width: 206px; height: 185px;*/ 
width: 350px; height: 320px;
float: left; margin: 0 8px; background: url("../images/cp_dw.jpg") no-repeat top center; padding-top: 4px; text-align: center; }
.content .conpro a:hover { display: inline; 
/*width: 206px; height: 185px;*/ 
width: 350px; height: 320px;

float: left; margin: 0 8px; }