@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/oswald-regular-unhinted-webfont.eot');
    src: url('../fonts/oswald-regular-unhinted-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-unhinted-webfont.woff2') format('woff2'),
         url('../fonts/oswald-regular-unhinted-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-unhinted-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-unhinted-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 全局样式 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body {font:16px/1.5 Microsoft YaHei,SimHei,simsun,tahoma,arial,\5b8b\4f53,sans-serif; color:#000; min-width:320px; overflow-x:hidden; max-width:900px; margin:0 auto; overflow-y:auto;}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
fieldset, img {border:0;}
li,dl,dd {list-style-type:none;}
ol,ul {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}

input, textarea, select {outline:none !important;}
/* Fix for Chrome's yellow input highlighting */
input:focus, textarea:focus, select:focus {outline:none;}
img {display:block;}
a img {text-decoration:none; border:none;}
input[type="checkbox"], input[type="radio"] {background:transparent;}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
button, input, optgroup, select, textarea {color:inherit; font:inherit; margin:0;}
button {overflow:visible;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}

input {line-height:normal;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input[type="text"] {-webkit-appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}

input, button, select, textarea {font-family:inherit; font-size:inherit; font-weight:inherit; outline:none; -webkit-appearance:none; border-radius:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}
input:focus, textarea:focus {outline:none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}

input {padding:0 10px;}
textarea {overflow:auto; padding:10px;}

/*全站链接颜色*/
a:link{color:#000;}
a:visited{color:#000;}
a:hover{color:#ce0000; text-decoration:underline;}
a:active{color:#000;}

strong {font-weight:bold;}
a {color:#000; text-decoration:none;} 
a:hover {color:#ce0000; text-decoration:underline;}

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}

/*通用样式*/
.space1,.space2,.space5,.space10,.space15,.space18,.space20,.space25,.space30,.space35,.space40,.space43,.space44,.space45,.space50,.space55,.space60,.space70,.space90 {clear:both; font-size:1px; height:0; line-height:1px;}
.space1 {height:1px;}.space2 {height:2px;}.space5 {height:5px;}.space10 {height:10px;}.space15 {height:15px;}.space18 {height:18px;}.space20 {height:20px;}.space25 {height:25px;}.space30 {height:30px;}.space35 {height:35px;}.space40 {height:40px;}.space43 {height:43px;}.space44 {height:44px;}.space45 {height:45px;}.space50 {height:50px;}.space55 {height:55px;}.space60 {height:60px;}.space70 {height:70px;}.space90 {height:90px;}
.hidden {display:none;}.invisible{visibility:hidden;}
.fb {font-weight:bold;}.fn {font-weight:normal;}
.text-c {text-align:center}.text-l {text-align:left}.text-r {text-align:right;}
.fl{float:left;*display:inline;*zoom:1;}
.fr{float:right;*display:inline;*zoom:1;}
.pr {position:relative;}
.pa {position:absolute;}

.content {padding:1em;}
.container {padding:0 15px; margin:0 auto;}
.container:before,.container:after {content:" "; display:table;}
.container:after {clear:both;}

.inlineblock{display:inline-block; *display:inline; *zoom:1;}
.clr{clear:both;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}

.clear {zoom:1;}
.clear:after {visibility:hidden; display:block; font-size:0; content:"1"; clear:both; height:0;}
.fle {float:left; _display:inline;}
.fri {float:right; _display:inline;}

.cf {zoom:1;}
.cf:before, .cf:after {content:" "; display:block; height:0; overflow:hidden;}
.cf:after {clear:both;}

/*颜色预定义 可以随时增加*/
.gray,a.gray:link,a.gray:visited {color:#878787;}
a.gray:hover{color:#03d6f6;}

/*字体颜色 可以随时增加*/
.time14 {font-size:13px; color:#717171; font-family:Verdana, Helvetica, Arial, sans-serif;}
.Red18 {font-size:18px; color:#a91a19; font-weight:bold;}
.Black {color:#000;}

/*字体大小 可以随时增加*/
.en12 {font:12px Verdana, Arial, Helvetica, sans-serif; padding-top:2px}

/* 页面布局样式 */

/* 按钮 css */
.more {width:130px; height:40px; line-height:40px; margin:0 auto; font-size:18px; color:#fff; text-align:center; background:#ce0000; margin-bottom:10px; display:table; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.more:hover {background:#666; color:#fff; text-decoration:none;}
a.more,a:hover.more {color:#fff;}

.tab_link {width:130px; height:40px; line-height:40px; margin:0 auto; font-size:18px; color:#fff; text-align:center; background:#ce0000; margin-bottom:10px; display:table; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.tab_link:hover {background:#666; color:#fff; text-decoration:none;}
a.tab_link,a:hover.tab_link {color:#fff;}

/* logo css */
.logoCon {width:100%; display:table;}
.logoCon .logo {width:auto; float:left;}
.logoCon .logo img {width:auto; height:60px;}
.language {width:90px; float:right}
.language_cn,.language_en {height:26px; line-height:26px; text-align:right; font-size:14px; margin-top:3px;}
.language_cn {width:72px; background:url(../images/cn.gif) left center no-repeat;}
.language_en {width:90px; background:url(../images/en.gif) left center no-repeat;}
@media only screen and ( max-width: 400px ) {
.logoCon .logo img {height:54px;}
.language_cn,.language_en {margin-top:1px;}
}
@media only screen and ( max-width: 359px ) {
.logoCon .logo img {height:52px;}
.language_cn,.language_en {margin-top:0;}
}

/* 导航 */
.nav {width:90%; padding:15px 5% 0 5%; height:100px; background:#828487;}
.nav ul li {width:calc(33.33% - 42px); margin:0 20px 15px 20px; height:34px; line-height:34px; text-align:center; float:left;}
.nav ul li a {color:#fff ;display:block; border:1px solid #fff; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.nav ul li a:hover,.nav ul li a.on {background:#ce0000; color:#fff; text-decoration:none; border:1px solid #ad0000; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
@media only screen and ( max-width: 500px ) {
.nav {width:100%; padding:15px 0 0 0;}
.nav ul li {width:calc(33.33% - 32px); margin:0 15px 15px 15px;}
}
@media only screen and ( max-width: 400px ) {
.nav ul li {width:calc(33.33% - 22px); margin:0 8px 15px 12px;}
}
@media only screen and ( max-width: 359px ) {
.nav ul li {width:calc(33.33% - 12px); margin:0 3px 15px 7px;}
}

/* 视频 */
.videoCon {width:100%; height:506px; overflow:hidden; position:relative;}
video {height:100%;}
@media only screen and ( max-width: 800px ) {
.videoCon {height:450px;}
}
@media only screen and ( max-width: 767px ) {
.videoCon {height:431px;}
}
@media only screen and ( max-width: 580px ) {
.videoCon {height:326px;}
}
@media only screen and ( max-width: 500px ) {
.videoCon {height:281px;}
}
@media only screen and ( max-width: 479px ) {
.videoCon {height:269px;}
}
@media only screen and ( max-width: 430px ) {
.videoCon {height:242px;}
}
@media only screen and ( max-width: 400px ) {
.videoCon {height:225px;}
}
@media only screen and ( max-width: 359px ) {
.videoCon {height:202px;}
}

/* 搜索 */
.searchBox{background:#fff; height:40px; line-height:40px; border-bottom:1px solid #f5f5f5;}
.search_box {width:calc(100% - 80px); height:40px; line-height:40px; color:#666; border:none;}
.search_but {width:60px; height:40px; background:url(../images/search_button.png) -60px 0 no-repeat; display:block; text-indent:-9999px; float:right; border:none;}
.search_but:hover {background-position:-120px 0;}

/* 产品分类 */
.tabs {width:100%; height:auto; background:#383e42;}
.tabs ul {display:table;}
.tabs-list {width:100%; list-style:none;}
.tabs-list li {width:calc(16.66% - 1px); color:#fff; text-align:center; border:1px solid #51585b; border-width:0 1px 1px 0; float:left; display:block; *display:inline; *zoom:1; float:left; text-align:center; text-transform:uppercase;}
.tabs-list li a {display:block; color:#fff;}
.tabs-list li a:hover {text-decoration:none; color:#ce0000;}
.tabs-list li.active a {background:#f5f5f5; cursor:pointer; color:#ce0000;}
.tabs-list li:hover,.tabs-list li a.active {background:#fff; cursor:pointer; color:#ce0000;}
.tabs-list li p {height:30px; line-height:30px; padding-bottom:10px;}
.tabs-list li img {width:100%; margin:0 auto;}
.tabs-list li.no_bor {border-right:0;}
@media only screen and ( max-width: 767px ) {
.tabs-list li {width:calc(33.33% - 1px);}
.tabs-list li.no_bor2 {border-right:0;}
}

.bg01 {display:table; padding:30px 0; background:#f5f5f5;}
.heading {width:500px; line-height:30px; margin:0 auto; text-align:center; background:url(../images/titleBg.png) center bottom no-repeat;}
.heading p {font-size:30px; color:#ce0000; display:inline-block; padding-bottom:15px;}
.heading p span {font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:700; color:#000; line-height:46px; padding:0 15px 0 0; float:left; text-transform:uppercase;}
@media only screen and ( max-width: 500px ) {
.heading {width:100%;}
.heading p {padding-bottom:30px;}
.heading p span {padding:0 0 0 0; float:none; display:block;}
}

.col-md-1 {width:100%; margin-top:30px;}
.col-bg-1 img {width:100%; max-width:605px; margin:0 auto 20px auto;}
.col-md-1 p {line-height:24px; margin-bottom:20px;}
.col-md-1 p span {color:#ce0000;}

.bg02 {padding:50px 0; background:url(../images/bg02.jpg) center top no-repeat;background-attachment: fixed; background-size:cover;}
.col-bg-2 {width:100%; line-height:30px; font-size:32px; color:#fec500; text-align:center; margin-bottom:30px;}
.col-text-2 {width:100%; line-height:30px; font-size:26px; color:#fff; text-align:center; margin-bottom:30px;}
.col-md-2 {width:380px; height:45px; margin:14px auto 0 auto;}
.col-md-2 ul li {width:150px; height:45px; font-size:22px; text-align:center; margin:0 20px; float:left;}
.col-md-2 ul li a {height:43px; line-height:43px; background:url(../images/translucent01.png) left top repeat; display:block; border:1px solid #fff; color:#fff;}
.col-md-2 ul li a:hover {background:#ce0000; border:1px solid #ce0000; color:#fff; text-decoration:none;}
@media only screen and ( max-width: 800px ) {
.col-bg-2 {font-size:28px; margin-bottom:20px;}
.col-text-2 {font-size:20px;}
}
@media only screen and ( max-width: 767px ) {
.col-bg-2 {font-size:26px; line-height:35px;}
}
@media only screen and ( max-width: 430px ) {
.col-bg-2 {font-size:24px; margin-bottom:20px;}
.col-md-2 {width:290px; height:45px;}
.col-md-2 ul li {width:125px; height:45px; font-size:20px; text-align:center; margin:0 10px; float:left;}
}

.bg03 {padding:30px 0 100px 0; background:#f7f7f7 url(../images/bg03.jpg) center bottom no-repeat;}
.col-text-3 {width:100%; line-height:24px; font-size:16px; text-align:center; color:#373636; margin:30px 0;}
.col-md-3 {width:100%; box-sizing:border-box; overflow:hidden;}
.col-md-3 ul {margin:0 -12px; box-sizing:border-box; display:table; position:relative; zoom:1;}
.col-md-3 ul li {width:calc(33.33% - 24px); margin:0 12px; overflow:hidden; float:left;}
.col-md-3 ul li:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.col-md-3 ul li img {width:100%;
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.col-md-3 ul li:hover img,
.col-md-3 ul li:focus img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and ( max-width: 767px ) {
.bg03 {padding:30px 0 70px 0;}
}
@media only screen and ( max-width: 580px ) {
.bg03 {padding:30px 0 50px 0;}
}
@media only screen and ( max-width: 500px ) {
.bg03 {padding:30px 0 70px 0;}
.col-md-3 ul {margin:0; box-sizing:border-box; display:block;}
.col-md-3 ul li {width:100%; margin:0 0 20px 0; overflow:hidden; float:none;}
.col-md-3 ul li img {width:100%; margin:0 auto;}
}
.bg04 {padding:50px 0 30px 0; background:#000 url(../images/footerBg.jpg) center top no-repeat;}
.footL {width:85%; margin:0 auto; display:table; border-top:1px solid #4e4d4b; border-bottom:1px solid #4e4d4b; padding-bottom:30px;}
.footL dl {width:50%; height:50px; padding-top:30px; float:left;}
.footL dl dt {width:58px; padding-top:3px; float:left;}
.footL dl dd {margin-left:58px; color:#fff;}
.footL dl dd h3 {font-family:'Oswald', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:20px; line-height:26px; font-weight:500; text-transform:uppercase;}
.footL dl dd p {font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; line-height:20px;}
.footL dl dd span {font-size:14px; line-height:20px; display:block;}
.footL a,.footL a:hover {color:#fff;}
.footR {width:85%; margin:0 auto; display:table; padding-top:30px;}
.footR_l {width:320px; float:left;}
.footR_l ul {height:160px;}
.footR_l ul li {width:120px; height:158px; padding-right:40px; float:left;}
.footR_l ul li img {width:120px; height:120px;}
.footR_l ul li p {height:38px; line-height:38px; text-align:center;} 
.footR_l ul li a {color:#ccc; display:block;}
.footR_l ul li a:hover,.footR_l ul li:hover a {color:#fff; text-decoration:underline;}
.footBot {line-height:26px; font-size:14px; color:#c4c4c4; margin-left:180px;}
.footBot a,.footBot span a {color:#c4c4c4;}
.footBot span {color:#c4c4c4;}
.footBot a:hover {color:#fff;}
.display_no {display:none;}
@media only screen and ( max-width: 767px ) {
.footL {width:100%;}
.footL dl {width:320px; float:none; margin:0 auto; padding-top:30px;}
.footR {width:100%;}
.footR_l {width:320px; float:none; margin:0 auto;}
.footR_l ul {height:175px;}
.footR_l ul li {padding:0 20px;}
.footBot {width:440px; margin:20px auto 0 auto;}
.display_no {display:block;}
}
@media only screen and ( max-width: 500px ) {
.footBot {width:100%; margin:20px 0 0 0;}
}
@media only screen and ( max-width: 359px ) {
.footL dl {width:290px;}
.footR_l {width:280px;}
.footR_l ul li {padding:0 10px;}
}

.con_version {width:150px; font-size:18px; text-align:center; background:#fff; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; border-radius:25px; position:absolute; left:50%; top:-44px; margin:0 0 0 -75px;}
.con_version a {height:35px; line-height:35px; color:#000; display:block; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; border-radius:25px; cursor:pointer; border:1px solid #fff;}
.con_version a:hover {color:#fff; text-decoration:underline; background:#ce0000; border:1px solid #ad0000;}
.con_version i {color:#ce0000}
.con_version a:hover {text-decoration:none;}
.con_version a:hover i,.con_version i:hover {color:#fff;}

.contact {width:320px; padding-top:20px;}
.contact ul {height:140px;}
.contact ul li {width:120px; height:140px; padding-right:40px; float:left;}
.contact ul li img {width:120px; height:120px; display:block;}
.contact ul li p {height:20px; line-height:20px; text-align:center;} 
.contact ul li a {color:#000; display:block;}
.contact ul li a:hover,.contact ul li:hover a {color:#ce0000; text-decoration:underline;}

/* ------------------------------------------------------  内页样式  ------------------------------------------------------ */
.moduleBg {background:#efefef;}
.banner-bg {width:100%; height:433px; position:relative; overflow:hidden; position:relative;}
.banner-bg .img {
    background-color:#f5f5f5;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    width:100%;
    height:433px;
}
@media only screen and ( max-width: 800px ) {
.banner-bg {height:369px;}
.banner-bg .img {height:369px;}
}
@media only screen and ( max-width: 767px ) {
.banner-bg {height:279px;}
.banner-bg .img {height:279px;}
}
@media only screen and ( max-width: 580px ) {
.banner-bg {height:241px;}
.banner-bg .img {height:241px;}
}
@media only screen and ( max-width: 500px ) {
.banner-bg {height:231px;}
.banner-bg .img {height:231px;}
}
@media only screen and ( max-width: 479px ) {
.banner-bg {height:207px;}
.banner-bg .img {height:207px;}
}
@media only screen and ( max-width: 430px ) {
.banner-bg {height:193px;}
.banner-bg .img {height:193px;}
}
@media only screen and ( max-width: 400px ) {
.banner-bg {height:173px;}
.banner-bg .img {height:173px;}
}
@media only screen and ( max-width: 359px ) {
.banner-bg {height:154px;}
.banner-bg .img {height:154px;}
}

.w100{width:100%;}
.breadcrumb_wrapper {width:100%; height:auto; line-height:34px; border-bottom:2px solid #ad0000; border-top:1px solid #fff; background:#ce0000; display:table;}
.breadcrumb {height:24px; padding:5px 1em;}
.breadcrumb ul li {float:left; height:24px; line-height:24px; color:#fff;}
.breadcrumb ul li:before {content:'> '; color:#fff; box-sizing:border-box;}
.breadcrumb ul li:nth-child(1):before {display:none;}
.breadcrumb ul li a:nth-child(1) {margin-left:0; color:#fff;}
.breadcrumb ul li.sel {color:#ffd041;}
.breadcrumb ul li a {margin:0 7px; color:#fff; line-height:24px; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.breadcrumb ul li a:hover {color:#ffc000;}
.breadcrumb ul li.contact_us {width:100%; font-size:20px; text-align:center;}
.headings {font-size:20px; height:35px; line-height:35px; border-bottom:1px solid #ccc; margin-bottom:15px; font-weight:bold; color:#000;}
.headings:before {content:"\f1b9"; font-family:'FontAwesome'; speak:none; font-style:normal; color:#ce0000; padding-right:5px; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*资质荣誉列表样式 */
.honor_nav{width:100%;}
.honor_nav .hd {height:40px; line-height:40px; border-bottom:1px solid #ce0000; position:relative;}
.honor_nav .hd ul {width:100%; height:40px; float:left; position:absolute; left:0; top:0;}
.honor_nav .hd ul li {width:calc(50% - 11px); font-size:18px; text-align:center; color:#8e9291; margin:0 5px; cursor:pointer; background:#efefef; border-bottom:1px solid #ce0000; float:left;}
.honor_nav .hd ul li.on {height:39px; color:#000; background:#fff; border:1px solid #ce0000; border-bottom:1px solid #fff;}
.honor_nav .bd .Tab_box {zoom:1; padding-top:20px;}

.honor_con {width:100%; box-sizing:border-box; overflow:hidden;}
.honor_vertical {margin:0 -15px; box-sizing:border-box; position:relative; zoom:1;}
.honor_vertical dl {width:calc(50% - 30px); float:left; padding:10px 0 30px 0; margin:0 15px 0 15px; position:relative;}
.honor_vertical dl:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.honor_vertical dl dt img {
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.honor_vertical dl:hover dt img,
.honor_vertical dl:focus dt img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.honor_vertical dl dt {width:calc(100% - 2px); height:0px; padding-top:134%; overflow:hidden; position:relative; border:1px solid #ccc;}
.honor_vertical dl:hover dt {border:1px solid #f00;}
.honor_vertical dl dt img {width:100%; height:100%; position:absolute; top:0; left:0;}
.honor_vertical dl dd {width:100%; height:30px; line-height:30px; text-align:center; font-size:18px; position:absolute; left:0; bottom:0; z-index:3; cursor:pointer; overflow:hidden;}
.honor_vertical dl dd a:hover {text-decoration:none;}
.honor_vertical dl:hover dd {height:40px; line-height:40px; bottom:30px; filter:DropShadow(Color=#333333, OffX=1, OffY=1, Positive=true); text-shadow:1px 1px 0 #333333; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; z-index:999;
background-color:rgba(206,0,0,0.8);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
}
.honor_vertical dl:hover dd p {color:#fff;}
.honor_vertical dl:hover dd a {color:#fff;}
@media only screen and ( max-width: 500px ) {
.honor_vertical dl dd { font-size:16px;}
}
@media only screen and ( max-width: 359px ) {
.honor_vertical dl dd { font-size:14px;}
}
.honor_horizontal {margin:0 -15px; box-sizing:border-box; position:relative; zoom:1;}
.honor_horizontal dl {width:calc(50% - 30px); float:left; padding:10px 0 30px 0; margin:0 15px 0 15px; position:relative;}
.honor_horizontal dl:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.honor_horizontal dl dt img {
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.honor_horizontal dl:hover dt img,
.honor_horizontal dl:focus dt img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.honor_horizontal dl dt {width:calc(100% - 2px); height:0px; padding-top:69%; overflow:hidden; position:relative; border:1px solid #ccc;}
.honor_horizontal dl:hover dt {border:1px solid #f00;}
.honor_horizontal dl dt img {width:100%; height:100%; position:absolute; top:0; left:0;}
.honor_horizontal dl dd {width:100%; height:30px; line-height:30px; text-align:center; font-size:18px; position:absolute; left:0; bottom:0; z-index:3; cursor:pointer; overflow:hidden;}
.honor_horizontal dl dd a:hover {text-decoration:none;}
.honor_horizontal dl:hover dd {height:40px; line-height:40px; bottom:30px; filter:DropShadow(Color=#333333, OffX=1, OffY=1, Positive=true); text-shadow:1px 1px 0 #333333; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; z-index:999;
background-color:rgba(206,0,0,0.8);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
}
.honor_horizontal dl:hover dd p {color:#fff;}
.honor_horizontal dl:hover dd a {color:#fff;}
@media only screen and ( max-width: 500px ) {
.honor_horizontal dl dd { font-size:16px;}
}
@media only screen and ( max-width: 359px ) {
.honor_horizontal dl dd { font-size:14px;}
}

/*内页新闻列表样式 */
.n_list li {line-height:28px; padding:10px 15px; color:#de171c; border-bottom:1px solid #d4d4d4;}
.n_list li:hover {
  background:#fff7f7;
  animation:myfirst 1s;
  -moz-animation:myfirst 1s; /* Firefox */
  -webkit-animation:myfirst 1s; /* Safari and Chrome */
  -o-animation:myfirst 1s; /* Opera */
}
.n_list li:hover a {color:#de171c;}
.n_list li span {float:right; font-size:14px; color:#999;}
.n_list li a:hover {text-decoration:none;}
.n_list li i {margin-right:10px;}

/*内页产品列表样式 */
.products_con {}
.products_con dl {width:calc(100% - 2px); height:238px; float:left; margin-top:20px; background:#fff; display:table; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; position:relative; overflow:hidden; border:1px solid #fff;
    -moz-box-shadow:3px 3px 7px #bbbbbb;
    -webkit-box-shadow:3px 3px 7px #bbbbbb;
    box-shadow:3px 3px 7px #bbbbbb;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#bbbbbb')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#bbbbbb');  
}
.products_con dl:hover {border:1px solid #d83333;
    -moz-box-shadow:-10px 10px 20px #bbbbbb;
    -webkit-box-shadow:-10px 10px 20px #bbbbbb;
    box-shadow:-10px 10px 20px #bbbbbb;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#bbbbbb')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#bbbbbb');
}
.products_con dl a:hover {color:#ce0000; text-decoration:none;}
.products_con dl dt {width:238px; height:238px; float:left; position:relative; background:url(../images/nopic2.jpg) center center no-repeat;}
.products_con dl dt img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:100%; max-height:100%;} 
.products_con dl dd {height:180px; margin:29px 29px 29px 265px; position:relative; text-align:center;}
.products_con dl dd h2 {font-family:'Oswald', 'Open Sans', Verdana, Arial; font-size:32px; color:#ce0000; height:50px; line-height:50px; font-weight:500;}
.products_con dl a:hover dd h2 {color:#ce0000;}
.products_con dl dd h3 {font-size:22px; color:#000; height:40px; line-height:40px; font-weight:normal;}
.products_con dl a:hover dd h3 {color:#000;}
.products_con dl dd p {font-size:16px; font-weight:500; line-height:26px; color:#8e9291; margin-top:10px; text-align:left;}
.products_con dl a:hover dd p {color:#8e9291;}
.products_con dl .cover {width:240px; height:240px; line-height:240px; font-size:18px; color:#fff; text-align:center; display:none; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; position:absolute; left:0; top:0; z-index:9999;}
.products_con dl:hover .cover {background: url(../images/coverBg.png) left top repeat; color:#fff; text-decoration:none; display:block;}
@media only screen and ( max-width: 600px ) {
.products_con dl dt {float:none; margin:20px auto 0 auto;}
.products_con dl dd {width:calc(100% - 40px); height:auto; padding:20px; margin:0;}
.products_con dl .cover {left:50%; top:20px; margin:0 0 0 -120px;}
}

.prod {width:100%;}
.prod_l {width:100%; margin-top:15px; display:table;}
.prod_l h2 {font-family:'Oswald', 'Open Sans', Verdana, Arial; font-size:40px; font-weight:700; line-height:50px; color:#ce0000; text-align:center; margin-bottom:8px;}
.prod_l h3 {font-size:26px; font-weight:500; line-height:26px; text-align:center; margin-bottom:20px;}
.prod_l_con {width:100%; height:0; padding-top:100%; margin:0 auto; border:1px solid #dbdbdb; overflow:hidden; position:relative;}
.prod_l_con img {width:100%; height:100%; position:absolute; top:0; left:0;}
.prod_l_text {width:100%; font-size:18px; line-height:28px; padding-top:15px;}
.prod_l_text_color {width:100%; font-size:18px; height:30px; line-height:30px; float:left; background:url(../images/color.gif) 90px 6px no-repeat;}
.prod_r {width:100%; line-height:35px;}
.prod_r h4 {font-size:22px; height:40px; line-height:40px; background:#332c2b; padding:0 20px; color:#fff; font-weight:500; margin:12px 0;}
.prod_r p {line-height:35px;}
.prod_r_con {width:100%; display:table; min-height:200px;}
.prod_r_con ul {border-top:1px solid #dbdbdb;}
.prod_r_con ul li {height:40px; line-height:40px; padding:0 5px; border-bottom:1px solid #dbdbdb;}
.prod_r_con ul li span {float:right;}
.prod_r_con ul li.Bggray {background:#f9f9f9;}
.prod_con {width:100%; padding:20px 0;}
.prod_con .tit {height:55px; padding-bottom:5px; background:url(../images/titBg.png) left top repeat-x;}
.prod_con .tit h3 {width:235px; height:55px; line-height:55px; padding-left:30px; margin:0 auto; font-weight:normal; background:url(../images/prod_titBg.png) left top no-repeat; font-size:24px; color:#fff;}
.prod_con .tit h3.pad_l {padding-left:60px}
.prod_con .sizecon {width:100%; box-sizing:border-box; overflow:hidden;}
.prod_con .sizebox {width:calc(100% + 10px); margin:30px -5px 0 -5px; box-sizing:border-box; display:table; position:relative; zoom:1;}
.prod_con .sizebox a:hover { text-decoration:none;}
.prod_con .sizebox dl {width:calc(50% - 32px); height:auto; float:left; border:1px solid #c9caca; padding:10px 10px 0 10px; margin:0 5px 10px 5px; background:#fff;}
.prod_con .sizebox dl dt {width:100%; height:0; padding-top:39%; position:relative; overflow:hidden;}
.prod_con .sizebox dl dt img {width:100%; height:100%; position:absolute; top:0; left:0;}
.prod_con .sizebox dl dd {height:40px; line-height:40px; text-align:center;}
.prod_con .sizebox dl:hover {background:#d3d3d3; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;} 
.prod_con .sizebox dl dt img {
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.prod_con .sizebox dl:hover dt img,
.prod_con .sizebox dl:focus dt img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and ( max-width: 479px ) {
.prod_con .sizebox {width:100%; margin:30px 0 0 0;}
.prod_con .sizebox dl {width:calc(100% - 22px); float:none; margin:0 0 10px 0;}
}

.wp-title_content {line-height:200%;}
.wp-title_content img,.wp-title_content p img  {max-width:100%; display:inline;}

/*分页及按钮样式 */
.commands {text-align:center;}
.btn {width:45%; height:42px; line-height:36px; display:block; margin:0 auto; text-align:center; background:#666; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; color:#fff;}
.btn:hover {background:#0186d5; color:#fff; text-decoration:none;}

/* 单页css */
.sg_cont {line-height:200%; min-height:200px;}
.sg_cont p {line-height:200%; margin-bottom:10px;}
.sg_cont img {max-width:100%; display:inline;}

/* 正文css */
.newsinfo {width:100%; text-align:left; margin:0 auto;}
.newsinfo h3 {font-size:24px; font-weight:normal; text-align:center; color:#ce0000; padding:5px; line-height:1.3em; margin-bottom:5px; display:block;}
.newsinfo .boxline {margin-bottom:20px; background:url(../images/s_tit_bg.png) left bottom repeat-x; font-weight:normal; line-height:20px; text-align:center; padding-bottom:15px; color:#666;} 
.newsinfo .time,.newsinfo .view {width:100%; font-weight:normal; line-height:20px; padding:0 5px;}
.newsinfo .view span {font-style:normal; color:#6c5a54;}
.newsinfo p {font-weight:normal; line-height:200%; margin-bottom:10px; padding:0; text-align:left;}
.newsinfo img {max-width:100%; margin:0 auto 15px auto; text-align:center;}
.newsinfo p img {max-width:100%;}



/********************************************
				Animation
********************************************/

.banner-bg-animation {
    animation: bg-zoom 10s linear;
    animation-fill-mode: forwards;
    -webkit-animation: bg-zoom 10s linear;
    -webkit-animation-fill-mode: forwards;
}
@keyframes bg-zoom {
    0%{transform: scale(1.5)}
    100%{transform: scale(1)}
}
@-webkit-keyframes bg-zoom {
    0%{transform: scale(1.5)}
    100%{transform: scale(1)}
}

@keyframes myfirst
{
0%   {background:#fff;}
50%  {background:#f1f2f8;}
100% {background:#fff7f7;}
}
@-moz-keyframes myfirst /* Firefox */
{
0%   {background:#fff;}
50%  {background:#f1f2f8;}
100% {background:#fff7f7;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {background:#fff;}
50%  {background:#f1f2f8;}
100% {background:#fff7f7;}
}
@-o-keyframes myfirst /* Opera */
{
0%   {background:#fff;}
50%  {background:#f1f2f8;}
100% {background:#fff7f7;}
}