/* reset */

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td,  dl, dd, form, input, textarea { margin: 0; padding: 0; }

body { font: 14px/24px '微软雅黑', Arial, '宋体', HELVETICA; color: #000000; }

img { border: 0; vertical-align: top; }

li { list-style-type: none; vertical-align: top; }

button, input, select, textarea { font-size: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

input, textarea { border: none; resize: none; outline: none; }

a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }

a:hover { color: #c90005; }
.item a:hover { color: #ffffff; }
/* end reset */

.dbgg{font-size:20px;font-weight: bold;}

/* public */

.w1220 { width: 1220px; margin: 0 auto; position: relative;clear: both; }

.fl { float: left; }

.fr { float: right; }

.overflow{ overflow:hidden}

.mb20 { margin-bottom: 20px; }

.cl { zoom: 1; }

.cl:after { content: ''; display: block; clear: both; }

.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ib { display: inline-block; vertical-align: top; }

.z9 { z-index: 9; position: relative; }

.tr, .zoomIn img { transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; }

.zoomIn:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

.gray img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url(gray.svg#grayscale); transition: 0.2s; }

.gray a:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; }

.title { text-align: center; background: url(../images/title.png) no-repeat center bottom; padding-bottom: 24px; }

.title h2 { height: 22px; margin-bottom: 5px; }

.title h3 { font-size: 14px; color: #706e6e; line-height: 34px; }

.title span { color: #e54517; font-weight: bold; font-family: Arial; font-size: 18px; letter-spacing: 2px; }

/* end public */



/* header */

.header { z-index: 9; position: relative; background: url(../images/header.gif); }

.topbar { line-height: 20px; padding-top: 11px; padding-bottom: 8px; color: #5c5c5d; position: relative; z-index: 9; height: 20px; border-bottom: 1px solid #d6d6d6; position: relative; }

.topbar a { color: #5c5c5c; }

.topbar a:hover { color: #c90005; }

.share a { background: url(../images/iconbg.png) no-repeat; margin-right: 10px; }

.share a:hover { background-image: url(../images/iconbgon.png); }

.share .b { background-position: -20px 0; }

.share .c { background-position: -40px 0; }

.share .d { background-position: -60px 0; }

.topbar-link span { margin: 0 6px; color: #c0c0c0; font-family: Arial; cursor: default; }

.wxCode { position: absolute; top: 29px; right: 50px; display: none; }

.wxCode2 { position: absolute; top: 29px; right: 50px; display: none; }

.head { height: 120px;}
.logo {margin-right: 21px;margin-top:15px;}
.logo img{width:250px;}
.vice { background: url(../images/vice.png) no-repeat 0 center; padding-left: 24px; position: relative; top: 34px; }

.vice h2, .vice h3 { font-weight: bold; color: #121315; }

.vice h2 { line-height: 30px; font-size: 24px; }

.vice h3 { line-height: 28px; font-size: 20px; }

.vice span { color: #c90005; }

.tel { padding-top: 30px; }

.tel img { width: 20px; height: 20px; background: url(../images/iconbgon.png) no-repeat -80px 0; margin-right: 4px; }

.tel p { color: #222224; padding-bottom:5px;}

.tel h3 { color: #c90005; font-family: Arial; font-size: 32px; }

.nav { height: 51px; background: url(../images/navbg.gif); clear: both;}

.nav .item, .nav h2, .nav h2 a { float: left; }

.nav .item { background: url(../images/navcut.gif) no-repeat 0 center; }

.nav .none, .nav .non { background: none; }

.nav h2 { position: relative; }

.nav h2 a { width: 130px; text-align: center; height: 51px; line-height: 51px; color: #fff; color: #fff; font-size: 14px; }

.nav h2 em { background: url(../images/point.png) no-repeat; width: 9px; height: 6px; position: absolute; bottom: 0; left: 50%; margin-left: -5px; opacity: 0; filter: alpha(opacity = 0); transition: 0.2s; }

.nav h2 a:hover, .nav .on h2 a { background: #c90005; }

.nav h2 a:hover em, .nav .on h2 em { opacity: 1; filter: alpha(opacity = 100); }

.sub { position: absolute; top: 51px; right: 0; background: #F0F0F0; display: none; }

.subWrap { padding: 50px; overflow: hidden; }

.subItem { float: left; width: 33.33%; }

.subItem li, .subLeft li { float: left; width: 50%; line-height: 30px; }

.subItem h3 { margin-bottom: 20px; }

.subItem h3 a { font-size: 24px; color: #222; line-height: 30px; }

.subItem li a, .subLeft li a { font-size: 14px; color: #222; opacity: 0.9; filter: alpha(opacity = 90); text-indent: 0; float: left; background: url(../images/sidenav.gif) no-repeat 0 center;

    padding-left: 12px; }

.subItem li a:hover, .subLeft li a:hover { background-position: 10px center; text-indent: 10px; color: #FF787B; }

.subLeft { width: 300px; }

.subWrap .long li { width: 100%; }

.prodSub { width: 1000px; right: 50%; margin-right: -500px; }

.sub2 { right: 240px; }

.sub3 { right: 100px; }

.subRight { width: 500px; height: 250px; overflow: hidden; display: none; }

.in_pro_wrap{ width:100%; padding:30px 0; height:auto; background:url(../images/in_pro_bj.jpg) repeat-x left bottom #FFF; overflow: hidden}

.in_pro_wrap .in_pro{width:1220px; margin:0 auto;}

.in_pro_wrap .in_pro .pro_L{ width:254px; float:left}

.in_pro_wrap .in_pro .pro_L .pro_bt{width:254px; height:113px; float:left}

.in_pro_wrap .in_pro .pro_L .pro_nr{width:252px; padding:20px 0 10px; float:left; background:#eeeeee; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}

.in_pro_wrap .in_pro .pro_L .pro_nr li{ width:201px; height:40px; padding-left:20px;  line-height:40px; margin:0 auto 22px; background:url(../images/pro_li.jpg) left center no-repeat;}

.in_pro_wrap .in_pro .pro_L .pro_nr li a{font-size:14px; color:#111111}

.in_pro_wrap .in_pro .pro_L .pro_nr li a:hover{color:#c00904}



.in_pro_wrap .in_pro .pro_R{ width:940px; float:right}

.in_pro_wrap .in_pro .pro_R .pro_R_bt{ width:940px; height:50px; border-bottom:1px solid #CCC;}

.in_pro_wrap .in_pro .pro_R .pro_R_bt .bt_left{width:140px; float:left; height:50px; font-size:18px; overflow:hidden; color:#FF0000; font-weight:bold}

.in_pro_wrap .in_pro .pro_R .pro_R_bt .bt_left span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bbb8b8; font-weight:bold}

.in_pro_wrap .in_pro .pro_R .pro_R_bt .bt_right{width:50px; line-height:50px; float:right; height:50px; overflow:hidden}

.in_pro_wrap .in_pro .pro_R .pro_R_nr{ width:940px; overflow:hidden}

.in_pro_wrap .in_pro .pro_R .pro_R_nr li{ float:left; width:210px; height:194px;margin-left:12px;}

.in_pro_wrap .in_pro .pro_R .pro_R_nr li .pic{  width:210px;  text-align:center; border:1px solid #CCC}

.in_pro_wrap .in_pro .pro_R .pro_R_nr li .pic img{ width:210px; height:134px;}

.in_pro_wrap .in_pro .pro_R .pro_R_nr li .txt{ width:212px; line-height:28px; height:28px; text-align:center;}

.pro_R_nr h3{ font-size:16px; line-height:35px; border-bottom:dotted 1px #dfdfdf; margin-bottom:10px; color:#FF0000}

.in_pro_wrap h4{font-size:14px;}

.in_pro_wrap h3{font-size:16px;}

.in_pro_wrap h2{font-size:18px;}

.yingyong{ background:url(../images/bj1.jpg) top center no-repeat; height:1176px;}

.h_bj{ background:#fff; padding:50px 0}



.h_01_l{ width:190px; float:left; margin-top:23px; margin-left:210px;}

.h_01_l h1{text-align:center; color:#ca2b2f; font-size:16px; font-weight:bold}

.h_01_l p{ font-size:14px; color:#333333; margin-top:20px;}



.h_01_r{ width:190px; float:right; margin-top:23px; margin-right:210px;}

.h_01_r h1{text-align:center; color:#ca2b2f; font-size:16px; font-weight:bold}

.h_01_r p{ font-size:14px; color:#333333; margin-top:20px;}



.h_02{ margin-top:300px;}

.h_02_l{ width:190px; float:left; margin-top:23px; margin-left:40px;}

.h_02_l h1{text-align:center; color:#ca2b2f; font-size:16px; font-weight:bold}

.h_02_l p{ font-size:14px; color:#333333; margin-top:20px;}



.h_02_r{ width:190px; float:right; margin-top:23px; margin-right:40px;}

.h_02_r h1{text-align:center; color:#ca2b2f; font-size:16px; font-weight:bold}

.h_02_r p{ font-size:14px; color:#333333; margin-top:20px;}



.h_03{ margin-top:270px;}

.h_03_l{ width:190px; float:left; margin-top:23px; margin-left:210px;}

.h_03_l h1{text-align:center; color:#ca2b2f; font-size:16px; font-weight:bold}

.h_03_l p{ font-size:14px; color:#333333; margin-top:20px;}



.h_03_r{ width:190px; float:right; margin-top:23px; margin-right:210px;}

.h_03_r h1{text-align:center; color:#ca2b2f; font-size:16px; font-weight:bold}

.h_03_r p{ font-size:14px; color:#333333; margin-top:20px;}
/* about */

.about { padding-top: 36px; }

.about .title { margin-bottom: 37px; }

.aboutLeft { background: url(../images/aboutbg.png) no-repeat; width: 524px; height: 304px; margin-left: -15px; position: relative; padding-top: 3px; padding: 3px 18px 34px; }

.aboutRight { width: 640px; padding-right: 10px; }

.aboutRight h2 { padding-top: 3px; height: 22px; margin-bottom: 16px; }

.aboutTxt { line-height: 26px; margin-bottom: 26px; color: #5f5f5f; height: 310px; overflow: hidden; }

.aboutTxt p { margin-bottom: 10px; }

.aboutBtn a { width: 105px; height: 32px; line-height: 32px; background: #6f6f6f; border-radius: 16px; overflow: hidden; text-align: center; line-height: 32px; color: #fff; font-size: 14px; margin-right: 12px; }

.aboutBtn a:hover { background: #e54517; }

.aboutTel { color: #c90005; }

.aboutTel p { line-height: 16px; }

.aboutTel h3 { line-height: 18px; font-weight: bold; font-size: 18px; }

.about h2{font-size:25px;}






.footer { background: #141924; font-size: 14px;}

.footNav { height: 38px; border-bottom: 1px solid #272b36; text-align: center; padding-top: 16px; }

.footNav a { font-size: 14px; color: #fff; opacity: 0.7; filter: alpha(opacity = 70); }

.footNav a:hover { color: #c90005; }

.footNav span { font-family: Arial; margin: 0 35px; cursor: default; }

.footLeft { width: 500px; padding-top: 26px; }

.footLeft h3 { margin-bottom: 22px; }

.footLeftTop input { width: 201px; height: 26px; border: 1px solid #72757c; padding: 0 10px; line-height: 26px; color: #919295; background: none; font-family: 'Microsoft Yahei'; }

.footLeftTop .item { float: left; margin-right: 11px; margin-bottom: 13px; }

.footLeftBottom textarea { width: 339px; height: 45px; border: 1px solid #72757c; color: #919295; background: none; padding: 10px; line-height: 22px; font-family: 'Microsoft Yahei'; margin-right: 17px; }

.footBtn { width: 78px; }

.footBtn input { width: 78px; height: 31px; background: #c90005; color: #fff; font-size: 14px; font-family: 'Microsoft Yahei'; cursor: pointer; }

.footBtn .reset { margin-bottom: 7px; background: #72757c; }

.foot { padding-bottom: 28px; }
.footRight { color: #bcbcbe; line-height: 26px; text-align: center; padding-top: 30px; }

.footRight span { margin-left: 14px; }

.footRight a { color: #bcbcbe; }

.footRight a:hover { color: #c90005; }

.footRight h3 { color: #fff; font-size: 30px; font-weight: bold; line-height: 36px; }

.footRight fr{float: inherit;}
/* advantage */

.advantage { background: url(../images/advantagebg.png) no-repeat center 0; height: 1080px;}

.advantageTitle { padding-left: 500px; padding-top: 28px; margin-bottom: 65px; }

.advantageTitle h3 { letter-spacing: 2px; font-size: 16px; color: #fff; line-height: 36px; }

.advantageTitle span { margin-right: 16px; }

.advantageTop { margin-bottom: 30px; }

.advantageTop .fl { margin-top: -56px; position: relative; padding-left: 22px; }

.advantageBox li { position: relative; padding-left: 63px; margin-bottom: 24px; }

.advantageBox .num { position: absolute; top: 0; left: 0; }

.advantageBox h3 { height: 22px; margin-bottom: 10px; padding-top: 14px; font-size:22px}

.advantageBox h3 strong{ color:#bb2119}

.advantageBox p { font-size: 14px; color: #585858; }

.advantageBottom .fr { margin-top: -122px; position: relative; }

.advantage h2{font-size:25px;color:#FFFFFF;}



/* client */

.client { padding-top: 52px; background: #fff; padding-bottom: 50px; }

.client .title { margin-bottom: 30px; }

.clientWrap { position: relative; }

.clientWrap li { float: left; background: #ececec; width: 288px; margin-right: 22px; }

.clientWrap .img { width: 288px; height: 216px; overflow: hidden; display: block;  }

.clientWrap .more { width: 56px; height: 18px; background: url(../images/more.png) no-repeat center #cf2e00; display: block; border-radius: 9px; overflow: hidden; }

.clientWrap .more:hover { background-color: #ff440f; }

.clientWrap .bd { width: 1220px; overflow: hidden; }

.clientWrap .bd ul { width: 1250px; }

.clientBox { padding: 0 16px 0; }

.clientBox h3 { padding-top: 18px; margin-bottom: 4px; }

.clientBox h3 a { display: block; color: #313131; font-size: 14px; }

.clientBox h3 a:hover { color: #c90005; }

.clientBox p { margin-bottom: 18px; line-height: 18px; color: #5f5f5f; }

.clientCtrl { width: 1220px; position: absolute; left: 0; top: 0; }

.clientCtrl a { width: 28px; height: 70px; background: #141924; text-align: center; line-height: 70px; color: #fff; font-size: 18px; font-family: 'simsun'; position: absolute; border-radius: 14px; overflow: hidden; top: 132px; }

.clientCtrl a:hover { background: #cf2e00; }

.clientCtrl .prev { left: -46px; }

.clientCtrl .next { right: -46px; }

.client h2{font-size:25px}

.client h4{font-size:14px}


/* public */

.w1220 { width: 1220px; margin: 0 auto; position: relative;clear: both; }

.fl { float: left; }

.fr { float: right; }

.overflow{ overflow:hidden}

.mb20 { margin-bottom: 20px; }

.cl { zoom: 1; }

.cl:after { content: ''; display: block; clear: both; }

.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ib { display: inline-block; vertical-align: top; }

.z9 { z-index: 9; position: relative; }

.tr, .zoomIn img { transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; }

.zoomIn:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

.gray img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url(gray.svg#grayscale); transition: 0.2s; }

.gray a:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; }

.title { text-align: center; background: url(../images/title.png) no-repeat center bottom; padding-bottom: 24px; }

.title h2 { height: 22px; margin-bottom: 5px; }

.title h3 { font-size: 14px; color: #706e6e; line-height: 34px; }

.title span { color: #e54517; font-weight: bold; font-family: Arial; font-size: 18px; letter-spacing: 2px; }

/* end public */