@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;}
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:#f33b09; text-decoration:underline;}
a:active{color:#000;}

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

/*通用样式*/
.space1,.space2,.space4,.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;}.space4 {height:4px;}.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; position:relative; padding-bottom:80px; background:#fffaee; z-index:1;}
.con_wrapper {width:100%; min-width:1230px; margin:0 auto;}
.container {width:1200px; position:relative; z-index:99;}
.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;}

.row {position:relative; zoom:1;}
.row:before,.row:after {content:" "; display:table;}
.row:after {clear:both;}

.widgets {width:100%; box-sizing:border-box;}
.widgets_feature {box-sizing:border-box; overflow:hidden}
.widgets_feature .widgets_feature_wrapper {margin-left:-10px; margin-right:-10px; box-sizing:border-box;}

/* widget css */
.cont_full {width:100%;}
.cont_full:before,.cont_full:after {content:" "; display:table;}
.cont_full:after {clear:both;}

.strip {padding:65px 0;}

/*颜色预定义 可以随时增加*/
.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}

/* 页面布局样式 */
/* header css */
.header_box {width:100%; display:table; position:relative;}
.headerBg {width:100%; height:92px; background:url(../images/navBg.png) left top repeat-x; position:fixed; left:0; top:0; z-index:9999;}
.logoCon {width:160px; float:left;}
.logoCon img {width:160px; height:84px;}

/* nav css */
.navbg {width:920px; height:92px; float:right;}

/* heading css */
.heading {position:relative; margin:0 auto; text-align:center;}
.heading h2 {width:250px; height:64px; margin:0 auto;}
.heading p {width:100%; height:50px; line-height:50px; margin:0 auto; color:#885f3f;}

/* float css */
.float01 {width:347px; height:273px; position:absolute; left:-20px; top:75px; z-index:15;}
.float02 {width:199px; height:327px; position:absolute; right:0; top:440px; z-index:15;}
.float03 {width:219px; height:185px; position:absolute; left:68px; top:159px; z-index:15;}
.float04 {width:276px; height:379px; position:absolute; right:-10px; top:205px; z-index:15;}
.float05 {width:260px; height:275px; position:absolute; left:-60px; top:-130px; z-index:15;}
.float06 {width:247px; height:430px; position:absolute; right:0; bottom:-15px; z-index:15;}
.float07 {width:275px; height:230px; position:absolute; left:-60px; top:75px; z-index:15;}
.float08 {width:280px; height:302px; position:absolute; right:-15px; top:440px; z-index:15;}

/* bg01 css */
.bg01 {height:972px; background:url(../images/bg-01.jpg) center top repeat;}
.bg01_2 {height:896px; background:url(../images/bg-02.png) center top repeat; position:relative; padding-top:76px;}
.float_img,.float_img_img {width:234px; height:446px; position:absolute; left:125px; top:340px;}
.float_img {z-index:10;}
.float_img_img {z-index:1;}
.float_hot {width:135px; height:135px; position:absolute; left:185px; top:356px; z-index:11;}
.float_img2 {width:228px; height:285px; position:absolute; left:362px; top:501px; z-index:1; background:#FFFFFF}
.float_img3 {width:228px; height:285px; position:absolute; left:594px; top:501px; z-index:1; background:#FFFFFF}
.float_img4 {width:230px; height:285px; position:absolute; left:829px; top:416px; z-index:1;}
.float_img4 img {width:230px; height:285px;
  -webkit-transform: rotate(28deg);
     -moz-transform: rotate(28deg);
      -ms-transform: rotate(28deg);
       -o-transform: rotate(28deg);
          transform: rotate(28deg);
}
.float_video {width:450px; height:270px; position:absolute; left:389px; top:157px; z-index:11;}

/* bg02 css */
.bg02 {height:818px; background:#fffaee; position:relative; padding-top:76px; overflow:hidden;}
.bg02_con_l {width:958px; height:271px; float:left;}
.bg02_con_r {width:232px; height:564px; float:right;}
.cp1,.cp2 {width:958px; height:271px;}
.cp3 {width:232px; height:564px;}
.cp1 ul,.cp2 ul,.cp3 ul {position:relative; border:3px solid #fff; overflow:hidden; float:left;}
.cp1 ul {width:468px; height:271px; }
.cp2 ul {width:226px; height:271px; margin-right:10px;}
.cp3 ul {idth:226px; height:558px;}
.cp1 ul:hover,.cp2 ul:hover,.cp3 ul:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; cursor:pointer;}
.cp1 ul li,.cp2 ul li,.cp3 ul li {overflow:hidden;}
.cp1 ul li,.cp1 ul li img {width:468px; height:271px;}
.cp2 ul li,.cp2 ul li img {width:226px; height:271px;}
.cp3 ul li,.cp3 ul li img {width:226px; height:558px;}
.cp1 ul li img,
.cp2 ul li img,
.cp3 ul li 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;
}
.cp1 ul:hover img,
.cp1 ul:focus img,
.cp2 ul:hover img,
.cp2 ul:focus img,
.cp3 ul:hover img,
.cp3 ul: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);
}
.cp1 ul span,.cp2 ul span,.cp3 ul span {width:118px; height:42px; position:absolute; right:0; top:0; z-index:9;}
.cp1 ul:hover span img,
.cp1 ul:focus span img,
.cp2 ul:hover span img,
.cp2 ul:focus span img,
.cp3 ul:hover span img,
.cp3 ul:focus span img {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

/* bg03 css */
.bg03 {height:620px; background:url(../images/bg-03.jpg) center top repeat; position:relative;}
.bg03_l {width:50%; height:620px; position:absolute; left:0; top:0; background:#e8dacf;} 
.bg03_con {width:100%; height:620px; position:absolute; left:0; top:0;}
.bg03_con_l {width:280px; height:620px; background:#e8dacf; float:left; position:relative;} 
.bg03_con_r {width:880px; height:620px; padding-left:40px; background:url(../images/bg-03.jpg) right top repeat; float:right;} 
.heads {width:60px; height:245px; position:absolute; left:157px; top:52px;}
.heads_font {width:120px; height:260px; position:absolute; left:0; top:108px; font-size:16px; color:#885f3f; writing-mode:vertical-rl; writing-mode:tb-rl; line-height:59px; letter-spacing:2px; background:url(../images/heads_line.png) left top repeat-y;}
.img_tj {width:117px; height:78px; position:absolute; left:50px; top:410px; background:url(../images/img-tj.jpg) center top no-repeat;}
.but_tj {width:132px; height:35px; line-height:35px; text-align:center; position:absolute; left:40px; top:520px;}
.but_tj a {line-height:35px; display:block; color:#fff; background:#d58b35; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; behavior:url(PIE.htc);}
.but_tj a:hover {background:#fff; color:#ff9c00; text-decoration:none;}
.picScroll-left{width:879px; height:453px; overflow:hidden; position:relative;}
.picScroll-left .bd ul{overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{margin-right:21px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; cursor:pointer;}
.picScroll-left .bd ul li .pic {text-align:center; overflow:hidden;}
.picScroll-left .bd ul li .pic img {width:279px; height:340px; display:block;}
.picScroll-left .bd ul li .title {line-height:56px; font-size:18px;}
.picScroll-left .bd ul li .title a:hover,.picScroll-left .bd ul li:hover .title a {color:#f33b09;}
.picScroll-left .bd ul li .pic 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;
}
.picScroll-left .bd ul li:hover .pic img,
.picScroll-left .bd ul li:focus .pic 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 css */
.bg04 {height:734px; background:#fffaee; position:relative; padding-top:76px; overflow:hidden;}
.bg04_con {width:1200px; height:480px; background:#fcefe7; position:relative;}
.picScroll-text {width:100%; height:480px; position:relative; z-index:10;}
.picScroll-text .hd {height:30px; float:left; position:relative; left:50%; bottom:-10px;}
.picScroll-text .hd ul {width:100%; margin-top:10px; float:left; position:relative; left:-50%;}
.picScroll-text .hd ul li {float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat;}
.picScroll-text .hd ul li.on {background-position:0 0;}
.picScroll-text .bd ul li {width:503px; padding:0 30px 0 340px; _display:inline; position:relative;}
.picScroll-text .bd ul li .pic {position:absolute; left:15px; top:15px; z-index:10;}
.picScroll-text .bd ul li .pic img {width:280px; height:204px; display:block;}
.picScroll-text .bd ul li .title {width:503px; height:420px; line-height:32px; font-size:16px; color:#885f3f; overflow:hidden;}
.picScroll-text .bd ul li .title h3 {line-height:32px; font-size:20px; color:#333; margin:55px 0 25px 0; font-weight:normal;}
.picScroll-text .bd ul li .title h3 a {color:#333;}
.bg04_box {width:310px; height:480px; background:#e8dacf; position:absolute; left:0; top:0; z-index:1;}
.bg04_bor {width:278px; height:226px; padding-top:18px; border:1px solid #dcc6b5; border-width:0 1px 1px 1px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; position:absolute; left:15px; top:219px; behavior:url(PIE.htc); z-index:11;}
.news_con {width:208px; height:208px; margin:0 auto;}
.news_con ul li {width:100px; height:100px; margin:2px; float:left; background:#fbefe7; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; behavior:url(PIE.htc);}
.news_con ul li i {width:36px; height:44px; padding-top:16px; margin:0 auto; display:block;}
.news_con ul li p {color:#885f3f; text-align:center;} 
.news_con ul li a {background:#fbefe7;}
.news_con ul li a:hover {text-decoration:none;}
.news_con ul li:hover {background:#dcc6b5;} 
.news_con ul li.on {background:#dcc6b5;}
.news_con ul li i.small {font-size:30px;} 
.video_con {width:300px; height:342px; padding:138px 14px 0 13px; background:url(../images/video_img.jpg) left top no-repeat; position:absolute; right:0; top:0; z-index:11;}

/* foot_nav css */
.foot_nav {height:310px; position:relative; background:#fff; border-top:4px solid #f33b09;}
.foot_con {width:1153px; height:285px; padding-left:47px;}
.foot_box {display:table}
.foot_box ul li {width:143px; height:270px; border-left:1px solid #c9c9c9; padding-top:15px; float:left; position:relative;}
.foot_box ul li span {width:2px; height:60px; background:#d68c33; position:absolute; left:-1px; top:0;}
.foot_box ul li.bor_white {border-left:1px solid #fff;}
.foot_box ul li h3 {height:75px; line-height:75px; font-weight:normal; text-align:center;}
.foot_box ul li p {line-height:26px; font-size:14px; color:#555; margin-left:35px;}
.foot_box ul li p a {color:#555;}
.foot_box ul li p a:hover {color:#f33b09;}
.foot_box ul li.no_bor {width:1px; background:#c9c9c9; border-left:0}


/* footer css */
.footer {width:100%; min-width:1230px; margin:0 auto; height:76px; background:#f33b09;}
.footer_l {float:left;}
.footer_r {float:right;}
.footer_l,.footer_r {color:#fff; line-height:76px;}
.footer_l a,.footer_r a {color:#fff;}
.footer_l a:hover,.footer_r a:hover {color:#fff;}

/* ------------------------------------------------------  内页样式  ------------------------------------------------------ */
.banner-bg {width:100%; height:600px; position:relative; overflow:hidden;}
.banner-bg .img {
    background-color:#39383e;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
	position: fixed;
    width:100%;
    height:600px;
	-ms-behavior:url(../css/backgroundsize.min.htc);
	behavior:url(../css/backgroundsize.min.htc);
	border-bottom:3px solid #cc0000;
}
.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)}
}
.n_navtop {height:65px; background:url(../images/n_navtop.png) center top no-repeat;}
.bread_crumbsBg {height:270px; background:url(../images/bread_crumbsBg.png) center top no-repeat;} 
.bread_crumbsCon {height:155px;}
.bread_crumbs {width:93px; height:106px; line-height:92px; font-size:18px; text-align:center; position:absolute; left:400px; top:2px; z-index:10;}
.bread_crumbs a {height:106px; background:url(../images/bread_crumbsNav1_1.png) 0 0 no-repeat; display:block; color:#000;}
.bread_crumbs a:hover {background:url(../images/bread_crumbsNav1_2.png) 0 0 no-repeat; color:#fff; text-decoration:none;}
.bread_crumbs2 {width:93px; height:103px; line-height:93px; font-size:18px; text-align:center; position:absolute; left:540px; top:2px; z-index:10;}
.bread_crumbs2 a {height:103px; background:url(../images/bread_crumbsNav2_1.png) 0 0 no-repeat; display:block; color:#000;}
.bread_crumbs2 a:hover {background:url(../images/bread_crumbsNav2_2.png) 0 0 no-repeat; color:#fff; text-decoration:none;}
.bread_crumbs3 {width:126px; height:144px; line-height:126px; font-size:22px; text-align:center; position:absolute; left:670px; top:2px; background:url(../images/bread_crumbsNav3.png) 0 0 no-repeat; color:#fff; z-index:10;}
.bread_crumbsLine {width:390px; height:20px; position:absolute; left:400px; top:40px; background:url(../images/bread_crumbsLine.png) 0 0 no-repeat; z-index:9;}
.n_navbg {height:50px; line-height:50px; background:url(../images/n_navbg.png) center top no-repeat;}
.n_nav ul li {width:140px; height:50px; line-height:50px; float:left; font-size:20px; text-align:center;}
.n_nav ul li a {display:block; color:#333;}
.n_nav ul li a:hover,.n_nav ul li a.on {background:#fca80b; color:#fff; text-decoration:none;}

.full_content {margin-top:50px;}
.wp-title_content {line-height:200%;}

.piclist_con {width:100%; overflow:hidden; box-sizing:border-box;}
.piclist {margin:0 -30px; box-sizing:border-box; display:table;}
.piclist dl {width:360px; margin:0 30px 40px 30px; float:left; text-align:center;}
.piclist dl dt {width:358px; height:238px; border:1px solid #ccc; overflow:hidden; position:relative;}
.piclist dl:hover dt {border:1px solid #f33b09;}
.piclist dl dt img {width:358px; height:238px; transition:all 0.6s;}
.piclist dl:hover dt img {transform:scale(1.1)}
.piclist dl dd {font-size:18px; height:52px; line-height:52px; color:#fff; margin-top:1px; background:#c89b78; text-align:center;}
.piclist dl dd a {color:#fff; display:block;}
.piclist dl dd a:hover,.piclist dl:hover dd {background:#f33b09; text-decoration:none;}
.piclist dl dt span,.piclist dl:hover dt span {width:358px; height:238px; display:block; position:absolute; left:0; top:0; background:url(../images/video_ico.png) center center no-repeat; z-index:1}

.prodcut_con {width:100%; box-sizing:border-box;}
.prodcut_list {margin:0 -15px; box-sizing:border-box; display:table; position:relative;}
.prodcut_list dl {width:380px; float:left; margin:0 15px 25px 15px;}
.prodcut_list dl:hover {-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;
    -moz-box-shadow:3px 3px 7px #8c8c8c;
    -webkit-box-shadow:3px 3px 7px #8c8c8c;
    box-shadow:3px 3px 7px #8c8c8c;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#8c8c8c')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#8c8c8c');
}
.prodcut_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;
}
.prodcut_list dl:hover dt img,
.prodcut_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);
}
.prodcut_list dl dt {width:380px; height:380px; overflow:hidden; position:relative;}
.prodcut_list dl dt img {width:100%; height:100%;}
.prodcut_list dl dd {background:#fff; line-height:24px; color:#8c8c8c;}
.prodcut_list dl dd p {font-size:30px; height:45px; overflow:hidden; padding:20px 20px 0 20px;}
.prodcut_list dl dd a p {color:#000;}
.prodcut_list dl dd a:hover p {color:#f33b09;}
.prodcut_list dl dd a:hover {text-decoration:none;}
.prodcut_list dl dd i {font-style:normal; padding:0 20px 20px 20px; display:block;}
.prodcut_list dl dd a i,.prodcut_list dl dd a:hover i {color:#8c8c8c;}
.prodcut_list dl:hover dd a p {color:#f33b09; text-decoration:none;}
.prodcut_list dl dt span {width:78px; height:78px; position:absolute; left:20px; top:0; z-index:9;}
.prodcut_list dl:hover dt span img,
.prodcut_list dl:focus dt span img {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

.newslist {margin-bottom:40px;}
.newslist dl {height:90px; border-bottom:1px dashed #d8d8d8; padding:30px 0; position:relative;}
.newslist dl dt {width:100px; height:78px; line-height:35px; padding-top:12px; background:#c89b78; float:left; font-size:16px; text-align:center; color:#fff;}
.newslist dl dt p {font-size:28px;}
.newslist dl dd {height:86px; line-height:24px; margin-left:120px; padding-right:20px; color:#666; overflow:hidden;} 
.newslist dl dd h4 {font-size:22px; font-weight:normal; margin-bottom:10px; color:#000;}
.newslist dl:hover {background:#fffaf7;}
.newslist a {text-decoration:none;}
.newslist a:hover dl h4,
.newslist a dl:hover dd h4 {color:#f33b09;}

.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 {text-align:center; max-width:100%; margin:0 auto;}
.number {width:100%; height:40px; line-height:40px; text-align:center; font-size:18px;}
.number p a {color:#666;}
.number p a:hover {color:#ff9700;}
.number p a i {color:#ff9700;}

/********************************************
				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;}
}