﻿@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; overflow-x:hidden;}
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;}

/*通用样式*/
.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;}

.wrapper {width:100%; min-width:1230px; margin:0 auto; display:table;}
.container {width:1200px;}
.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}

/* 页面布局样式 */
.strip {padding:30px 0; position:relative;}
.strip2 {padding:42px 0 60px 0; position:relative;}

.row {position:relative; zoom:1;}
.row:before,.row:after {content:" "; display:table;}
.row:after {clear:both;}
.row:before,.row:after {content:" "; display:table;}
.row:after {clear:both;}

.cf {zoom:1;}
.cf:before, .cf:after {content:" "; display:block; height:0; overflow:hidden;}
.cf:after {clear:both;}

/* 按钮 css */
.more {width:130px; height:40px; line-height:40px; 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; behavior:url(PIE.htc); -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; 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;}

/* body css */
.overflow_x {overflow-x:hidden;}


/* header css */
.head_topBg {height:103px; background:#fff; position:relative; z-index:999;}
.head_r {width:50%; height:103px; background:url(../images/head_r.gif) right top repeat-x; float:right;}
.head_cover {width:100%; position:absolute; left:0; top:0;}
.head_top {height:103px; background:url(../images/headBg.gif) center top repeat-x;}
.logoCon {width:290px; height:79px; padding-top:24px; float:left;}
.logoCon img {width:230px; height:66px;}

.headCon {width:910px; height:103px; float:left}
.head_box {width:100%; height:50px;}

.language {width:175px; height:26px; padding:13px 0 10px 20px; float:right}
.language_cn,.language_en {height:26px; line-height:26px; text-align:right; font-size:14px; float:left;}
.language_cn {width:72px; padding-right:13px; background:url(../images/cn.gif) left center no-repeat;}
.language_en {width:90px; background:url(../images/en.gif) left center no-repeat;}

.searchCon {width:188px; height:28px; line-height:28px; background:#fff; border:1px solid #5e5e5e; margin-top:11px; float:right; overflow:hidden;}
.search_box {width:140px; height:28px; line-height:28px; color:#666; border:none;}
.search_but {width:28px; height:28px; display:block; text-indent:-9999px; float:right; background:url(../images/search_button.png) -16px -16px no-repeat; border:none;}
.search_but:hover {background-position:-76px -16px;}

/*导航栏变异部分*/
.fixnav {width:100%; position:fixed; left:0; top:0; z-index:9999;}
.head_topBg_min {height:auto; background:#fff;}
.head_r_min {width:50%; height:52px; background:url(../images/head_r.gif) right bottom repeat-x; float:right;}
.head_top_min {height:52px; background:url(../images/headBg.gif) center bottom repeat-x;}
.logoCon_min {width:290px; height:45px; padding-top:3px; float:left;}
.logoCon_min img {width:200px; height:45px;}
.headCon_min {width:910px; height:52px; float:left}

.videoCon {height:600px; overflow:hidden; position:relative}

/* Tab css */
.navWidth {width:232px;}
.navWidth2 {width:212px;}
.navWidth3 {width:174px;}
.navWidth4 {width:188px;}
.navWidth5 {width:174px;}
.navWidth6 {width:213px;}

.tabs {width:100%; height:auto; min-width:1230px; margin:0 auto; background:#383e42;}
.tabs ul {width:1199px; margin:0 auto; border-left:1px solid #51585b;}
.tabs-list {list-style:none; height:170px;}
.tabs-list li {height:170px; color:#fff; text-align:center; border-right:1px solid #51585b; 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:#fff; 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:auto; margin:0 auto;}

.tab-content {display:table;}
.tabs-container {background:#fff; padding:50px 0;}
.tabs-container .prodcutCon {width:100%; display:table;}
.tabs-container .left_side {width:580px; overflow:hidden; position:relative;}
.tabs-container .left_side img {max-width:100%;}
.tabs-container .right_side {width:580px; font-size:18px; line-height:26px; position:relative;}
.tabs-container .right_side h3 {font-family:'Oswald', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:40px; font-weight:700; line-height:50px; color:#ce0000; margin:0 0 10px 0;}
.tabs-container .right_side h4 {font-size:26px; font-weight:500; line-height:36px;}
.tabs-container .right_side h5 {font-size:22px; height:40px; line-height:40px; background:#332c2b; padding:0 20px; color:#fff; font-weight:500; margin:20px 0 30px 0;}
.tabs-container .right_side p {margin:0 0 18px 0;}

.bg01 {height:491px; padding-top:45px; background:#f5f5f5; margin-bottom:135px;}
.heading {width:500px; height:65px; line-height:42px; 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:2px;}
.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;}

.col-md-1 {width:605px; height:375px; padding-left:595px; position:relative;}
.col-bg-1 {width:554px; height:461px; position:absolute; left:0; top:10px; background:url(../images/pic01.png) left top no-repeat;}
.col-md-1 p {font-size:18px; height:210px; line-height:34px; overflow:hidden;}
.col-md-1 p span {color:#ce0000;} 
.col-text-1 {font-size:18px; height:90px; line-height:26px; padding-top:10px; color:#898989; overflow:hidden;}

.bg02 {height:246px; padding-top:41px; background:url(../images/bg02.jpg) center top no-repeat fixed; background-size:cover; -ms-behavior:url(../css/backgroundsize.min.htc); behavior:url(../css/backgroundsize.min.htc);}
.col-bg-2 {width:1120px; height:60px; margin:0 auto; background:url(../images/text1.png) center top no-repeat;}
.col-text-2 {width:1120px; height:80px; line-height:80px; font-size:26px; color:#fff; text-align:center; margin:0 auto;}
.col-md-2 {width:380px; height:45; 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;}

.bg03 {height:597px; background:#f7f7f7; position:relative;}
.bg03-1 {width:100%; height:367px; position:absolute; left:0; top:230px; background:url(../images/bg03.jpg) center bottom no-repeat; background-size:cover; -ms-behavior:url(../css/backgroundsize.min.htc); behavior:url(../css/backgroundsize.min.htc);}
.col-pr {width:1230px; height:auto; position:absolute; left:50%; top:45px; margin:0 0 0 -615px; z-index:9;}
.col-text-3 {width:640px; height:auto; line-height:24px; margin:0 auto; font-size:16px; text-align:center; color:#373636; overflow:hidden;}
.col-md-3 {width:1200px; height:240px; 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:384px; height:240px; 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:384px; height:240px;
  -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);
}


.bg04 {height:254px; padding-top:40px; background:url(../images/footerBg.jpg) center top no-repeat; background-size:cover; -ms-behavior:url(../css/backgroundsize.min.htc); behavior:url(../css/backgroundsize.min.htc);}
.footL {width:770px; float:left;}
.footL dl {width:385px; height:50px; padding-top:40px; 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; font-size:18px; line-height:20px;}
.footL dl dd span {line-height:20px; display:block;}
.footL a,.footL a:hover {color:#fff;}

.footR {width:320px; padding-top:34px; float:right;}
.footR ul {height:160px;}
.footR ul li {width:120px; height:158px; padding-left:40px; float:left;}
.footR ul li img {width:120px; height:120px;}
.footR ul li p {height:38px; line-height:38px; text-align:center;} 
.footR ul li a {color:#ccc; display:block;}
.footR ul li a:hover,.footR ul li:hover a {color:#fff; text-decoration:underline;}
.footBot {height:50px; line-height:50px; font-size:14px; color:#c4c4c4;}
.footBot a,.footBot span a {color:#c4c4c4;}
.footBot span {float:right; color:#c4c4c4;}
.footBot a:hover {color:#fff;}

.contact {width:320px; padding-top:34px; float:left;}
.contact ul {height:160px;}
.contact ul li {width:120px; height:158px; padding-right:40px; float:left;}
.contact ul li img {width:120px; height:120px;}
.contact ul li p {height:38px; line-height:38px; 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;}

/* ------------------------------------------------------  内页样式  ------------------------------------------------------ */
.banner-bg {width:100%; height:400px; position:relative; overflow:hidden;}
.banner-bg .img {
    background-color:#f5f5f5;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    width:100%;
    height:400px;
	-ms-behavior:url(../css/backgroundsize.min.htc);
	behavior:url(../css/backgroundsize.min.htc);
}
.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.1)}
    100%{transform: scale(1)}
}
@-webkit-keyframes bg-zoom {
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}

.searchBg {height:40px; line-height:40px; margin-top:52px; background:#eee; border-top:1px solid #c00; border-bottom:1px solid #fff;}
.search_key {width:100%; color:#666; float:left;}
.search_key span {color:#d9251b;}
.search_key i {font-size:18px; line-height:40px; display:block; float:left}

.sub_navigation {height:70px; background:#383E42; border-top:1px solid #fff; /*text-align:center;*/}
/*.sub_navigation ul {display:inline-block;}*/
.sub_navigation ul li {width:199px; height:70px; line-height:70px; font-size:18px; text-align:center; color:#fff; border-left:1px solid #5e5e5e; float:left; position:relative; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.sub_navigation ul li a {display:block; color:#fff; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.sub_navigation ul li a:hover {background:#ce0000; text-decoration:none;}
.sub_navigation ul li a:focus {color:#fff;}
.sub_navigation ul li:hover {border-color:#ce0000;}
.sub_navigation ul li:hover a {background:#ce0000;}
.sub_navigation ul li.last {width:198px; border-right:1px solid #5e5e5e;}
.sub_navigation ul li.sel {border-color:#ce0000;}
.sub_navigation ul li.sel a {background:#ce0000;}
.sub_navigation ul li.sel:after {content:''; display:block; position:absolute; top:100%; background:url(../images/sub_nav_bar.png); width:100%; height:19px; background-size:100% 100%;}
.sub_navigation ul li.min_height {height:40px; line-height:40px; margin:0 auto; border:0; float:none;}
.sub_navigation.min_height {height:40px; border-bottom:1px solid #ce0000;}

/*.sub_navigation {height:70px; background:#383E42; border-top:1px solid #fff;}
.sub_navigation ul {display:table; width:100%; table-layout:fixed; margin:0;}
.sub_navigation ul li {display:table-cell; height:70px; line-height:70px; font-size:18px; text-align:center; color:#fff; border-left:1px solid #5e5e5e; position:relative; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.sub_navigation ul li a {display:block; color:#fff; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.sub_navigation ul li a:hover {background:#ce0000; text-decoration:none;}
.sub_navigation ul li a:focus {color:#fff;}
.sub_navigation ul li:hover {border-color:#ce0000;}
.sub_navigation ul li:hover a {background:#ce0000;}
.sub_navigation ul li.last {border-right:1px solid #5e5e5e;}
.sub_navigation ul li.sel {border-color:#ce0000;}
.sub_navigation ul li.sel a {background:#ce0000;}
.sub_navigation ul li.sel:after {content:''; display:block; position:absolute; top:100%; background:url(../images/sub_nav_bar.png); width:100%; height:19px; background-size:100% 100%;}*/

.honor_nav{width:100%;}
.honor_nav .hd {height:55px; line-height:55px; border-bottom:1px solid #ce0000; position:relative;}
.honor_nav .hd ul {height:55px; float:left; position:absolute; left:-5px; top:0;}
.honor_nav .hd ul li {width:190px; 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:54px; color:#000; background:#fff; border:1px solid #ce0000; border-bottom:1px solid #fff;}
.honor_nav .bd .Tab_box {zoom:1; padding-top:40px;}

.honor_con {width:1200px; box-sizing:border-box; overflow:hidden;}
.honor_vertical {margin:0 -20px; box-sizing:border-box; display:table; position:relative; zoom:1;}
.honor_vertical dl {width:270px; height:400px; float:left; margin:0 20px 25px 20px;}
.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:268px; height:360px; border:1px solid #ccc; overflow:hidden; position:relative;}
.honor_vertical dl:hover dt {border:1px solid #d8272d;}
.honor_vertical dl dt img {width:100%; height:100%;}
.honor_vertical dl dd {width:100%; height:40px; overflow:hidden; font-size:18px; text-align:center; cursor:pointer;}
.honor_vertical dl dd a {height:40px; line-height:40px; overflow:hidden; display:block; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.honor_vertical dl dd a:hover {text-decoration:none;}
.honor_vertical dl:hover dd a {line-height:50px; color:#d9251b;}

.honor_horizontal {margin:0 -30px; box-sizing:border-box; display:table; position:relative; zoom:1;}
.honor_horizontal dl {width:360px; height:290px; float:left; margin:0 30px 25px 30px;}
.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:358px; height:246px; border:1px solid #ccc; overflow:hidden; position:relative;}
.honor_horizontal dl:hover dt {border:1px solid #d8272d;}
.honor_horizontal dl dt img {width:100%; height:100%;}
.honor_horizontal dl dd {width:100%; height:40px; overflow:hidden; font-size:18px; text-align:center; cursor:pointer;}
.honor_horizontal dl dd a {height:40px; line-height:40px; overflow:hidden; display:block; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.honor_horizontal dl dd a:hover {text-decoration:none;}
.honor_horizontal dl:hover dd a {line-height:50px; color:#d9251b;}

.news_con {margin-top:15px;}
.news_con dl {width:530px; height:165px; float:left; padding:20px; margin-bottom:60px; background:#fff; display:table; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; position:relative; overflow:hidden;
    -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');  
}
.news_con dl:hover {
    -moz-box-shadow:-15px 15px 20px #bbbbbb;
    -webkit-box-shadow:-15px 15px 20px #bbbbbb;
    box-shadow:-15px 15px 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');
}
.news_con a:hover dl {color:#ce0000; text-decoration:none;}
.news_con dl dt {width:220px; height:165px; float:left; position:relative; background:url(../images/nopic.jpg) left top no-repeat;}
.news_con dl dt img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%;} 
.news_con dl dd {height:155px; margin:10px 0 0 250px; position:relative;}
.news_con dl dd h3 {font-size:18px; color:#ce0000; line-height:28px; font-weight:500;}
.news_con a:hover dl dd h3 {color:#000;}
.news_con dl dd p {font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:500; line-height:26px; color:#8e9291; margin-top:15px;}
.news_con a:hover dl dd p {color:#8e9291;}
.news_con dl dd .but {width:110px; height:35px; line-height:35px; font-size:16px; color:#fff; text-align:center; background:#ce0000; display:table; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; behavior:url(PIE.htc); -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; position:absolute; right:0; bottom:0;}
.news_con dl:hover dd .but {background:#666; color:#fff; text-decoration:none;}
.news_con dl dd.mar_noL {height:100px;margin:10px 0 0 0;}
.news_con dl.first {margin-right:30px;}
.news_con dl.last {margin-left:30px;}

.products_con {margin-top:15px;}
.products_con dl {width:589px; height:238px; float:left; margin-bottom:20px; background:#fff; display:table; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; position:relative; overflow:hidden; border:1px solid #fff; border-width:1px 1px 1px 0;
    -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; border-width:1px 1px 1px 0;
    -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) left top 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;}
.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;}
.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;}
.products_con dl.first {margin-right:10px;}
.products_con dl.last {margin-left:10px;}

.talent_con {margin-top:15px;}
.talent_con dl {width:510px; height:100px; float:left; padding:30px; margin-bottom:60px; background:#fff; display:table; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; position:relative; overflow:hidden;
    -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');  
}
.talent_con dl:hover {
    -moz-box-shadow:-15px 15px 20px #bbbbbb;
    -webkit-box-shadow:-15px 15px 20px #bbbbbb;
    box-shadow:-15px 15px 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');
}
.talent_con a:hover dl {color:#ce0000; text-decoration:none;}
.talent_con dl dd {height:100px; position:relative;}
.talent_con dl dd h3 {font-size:18px; color:#ce0000; line-height:28px; font-weight:500;}
.talent_con a:hover dl dd h3 {color:#000;}
.talent_con dl dd p {font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:500; line-height:26px; color:#8e9291; margin-top:15px;}
.talent_con a:hover dl dd p {color:#8e9291;}
.talent_con dl dd .but {width:110px; height:35px; line-height:35px; font-size:16px; color:#fff; text-align:center; background:#ce0000; display:table; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; behavior:url(PIE.htc); -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; position:absolute; right:0; bottom:0;}
.talent_con dl:hover dd .but {background:#666; color:#fff; text-decoration:none;}
.talent_con dl.first {margin-right:30px;}
.talent_con dl.last {margin-left:30px;}

.staff_con {width:1200px; box-sizing:border-box; overflow:hidden;}
.staff_list {margin:0 -15px; box-sizing:border-box; display:table; position:relative; zoom:1;}
.staff_list dl {width:380px; height:280px; float:left; margin:0 15px 30px 15px; position:relative;}
.staff_list dl:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.staff_list 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;
}
.staff_list dl:hover dt img,
.staff_list 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);
}
.staff_list dl dt {width:380px; height:234px; overflow:hidden; position:relative;}
.staff_list dl dt img {width:100%; height:100%;}
.staff_list dl dd {width:380px; height:40px; line-height:40px; text-align:center; font-size:18px; position:absolute; left:0; bottom:6px; z-index:3; cursor:pointer; overflow:hidden;}
.staff_list dl dd a:hover {text-decoration:none;}
.staff_list dl:hover dd {bottom:46px; 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浏览器)会读懂 */
}
.staff_list dl:hover dd p {color:#fff;}
@media \0screen\,screen\9 {
/* 只支持IE6、7、8 */
.staff_list dl:hover dd {background-color:#ce0000; filter:Alpha(opacity=80); 
  position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */ 
  *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
.staff_list dl:hover dd p {
  position:relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
}  
}
.staff_list dl:hover dd a {color:#fff;}

.prod {width:100%;}
.prod_l {width:600px; float:left;}
.prod_l_logo {margin-bottom:30px; padding-top:5px; border-bottom:1px solid #dbdbdb; padding-bottom:31px}
.prod_l_con {width:598px; height:598px; border:1px solid #dbdbdb;}
.prod_l_con img {width:100%; height:100%;}
.prod_l_text {width:100%; font-size:22px; line-height:40px; padding-top:15px; position:relative;}
.prod_l_text_color {width:79px; height:17px; position:absolute; left:186px; top:68px;}
.prod_r {width:540px; float:right; line-height:35px;}
.prod_r h2 {font-family:'Oswald', 'Open Sans', Verdana, Arial; font-size:40px; font-weight:700; line-height:50px; color:#ce0000;}
.prod_r h3 {font-size:26px; font-weight:500; height:50px; line-height:50px;}
.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 20px; 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:25px; font-weight:normal; background:url(../images/prod_titBg.png) left top no-repeat; font-size:24px; color:#fff;}
.prod_con .sizecon {width:1200px; box-sizing:border-box; overflow:hidden;}
.prod_con .sizebox {margin:30px -15px 0 -15px; box-sizing:border-box; display:table; position:relative; zoom:1;}
.prod_con .sizebox dl {width:358px; height:180px; float:left; border:1px solid #c9caca; padding:10px 10px 0 10px; margin:0 15px 30px 15px; background:#fff;}
.prod_con .sizebox dl dt {width:358px; height:140px; overflow:hidden;}
.prod_con .sizebox dl dt img {width:100%; height:100%;}
.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);
}

/*内页、单页样式*/
.moduleBg {background:#efefef;}
.full_content {margin:60px 0;}
.full_content2 {margin:0;}
.wp-title_content {line-height:200%;}
.wp-title_content img,.wp-title_content p img  {max-width:100%; display:inline;}

.yc_tit {padding:40px 0 10px 0; border-bottom:1px solid #e2e2e2; background:url(../images/s_tit_bg.png) center bottom no-repeat;}
.yc_tit h1 {font:36px Microsoft YaHei; color:#333; line-height:1.5em; margin-bottom:30px; text-align:center;}
.yc_tit .features {height:28px; line-height:28px;}
.yc_tit .features .time,.yc_tit .features .time a {font:14px Microsoft YaHei; color:#777; margin-right:10px; line-height:28px;}
.yc_tit .features .time a:hover {color:#f54343;}
.yc_tit .features .share {width:130px; font:14px Microsoft YaHei; color:#777; line-height:28px; float:right;}

#content-fontsize img,#content-fontsize p img {max-width:100%; display:inline;}
.number {width:100%; height:40px; line-height:40px; text-align:center; font-size:18px;}
.number p a {color:#666;}
.number p a:hover {color:#d8272d;}
.number p a i {color:#d8272d;}
.no_info {width:100%; height:300px; line-height:300px; text-align:center; font-size:24px; color:#f00;}

/********************************************
				Animation
********************************************/

.animate {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.delay1 {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
.delay2 {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.delay3 {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}
.delay4 {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}
.delay5 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		-ms-transform: translateX(-40px);
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0%{
		opacity:0;
		-webkit-transform:translateY(40px);
		-ms-transform:translateY(40px);
		transform:translateY(40px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0%{
		opacity:0;
		-webkit-transform:translateY(-40px);
		-ms-transform:translateY(-40px);
		transform:translateY(-40px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}


.img-hover-animate:hover {-webkit-animation:scaleHoverImg 2s ease-in; -moz-animation:scaleHoverImg 2s ease-in; -o-animation:scaleHoverImg 2s ease-in; animation:scaleHoverImg 2s ease-in; position:relative;}
@-webkit-keyframes scaleHoverImg{
	0%{opacity:0.8; }
	50%{opacity:1; -webkit-transform:scale(1.12);}
	100%{opacity:1;}
}
@-moz-keyframes scaleHoverImg{
	0%{ opacity:0.8; }
	50%{opacity:1; -moz-transform:scale(1.12);}
	100%{opacity:1;}
}
@-o-keyframes scaleHoverImg{
	0%{opacity:0.8; }
	50%{opacity:1; -o-transform:scale(1.12);}
	100%{opacity:1;}
}
@keyframes scaleHoverImg{
	0%{opacity:0.8; }
	50%{opacity:1; transform:scale(1.12);}
	100%{opacity:1;}
}
