@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body { margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank);
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */


}
button,div,a{outline:none;}
html {
     font-family: '微软雅黑' !important;
    font-size: 14px;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;

-webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;


}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
h1, h2, h3, h4, h5, h6, em, i {font-weight: normal; font-style: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur());color: #545454; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clear { clear: both;}
.fl{float: left;}
.fr{float: right;}

.text{text-align: center;}
.clearfix { *zoom: 1; }
.tabbox{vertical-align: middle;display: table-cell;}
.wrap{width:1200px;margin: 0 auto;}
.hide{display: none;}



.xxxx:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.xxx:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#83bc2b; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.xxx:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}



/*commn*/
.swiper-pagination-bullet-active{background:#e00!important}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#999;opacity:1!important}
/*commn*/

.a:hover img{ -webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}



@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.div{transition:all 0.5s; animation-name:fadeInUp; animation-delay:0.2s;}





/*过渡*/
.aaa{
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}



/*.nav2.showFixed{position:fixed;}
.nav2.hiddenFixed{top:-10em;}
.nav2{border-top: 1px #b5afaf solid;position:relative;left:0;top:0;width: 100%;background:#fff;z-index: 20;display:none;}
.nav2 table{width: 100%;}
.nav2 table tr td{width: 33.33%;text-align: center;border-right: 1px #b5afaf solid;border-bottom: 1px #b5afaf solid;}
.nav2 table tr td:last-child{border-right: none;}
.nav2 table tr td a{font-size: 1rem;color:#333;padding:.3rem 0;display: block;}

.nav2 table tr td img{zoom:.4;margin-right: 1em;vertical-align: middle;}
.nav2 table tr td span{position: absolute;left:.5em;top:0;height: 100%;vertical-align: middle;}
.nav2 table tr td span b{height: 100%;vertical-align: middle;display: inline-block;}
.nav2 table tr td:active{background:#1b952d;}
.nav2 table tr td:active a{color:#fff;}
.nav2 table tr td:active .img1{display:none;}
.nav2 table tr td:active .img2{display:initial;}
.nav2 table tr td .img1{display:initial;}
.nav2 table tr td .img2{display:none;}
.nav2 table tr td.on .img1{display:none;}
.nav2 table tr td.on .img2{display:initial;}
.nav2 table tr td.on{background:#1b952d;}
.nav2 table tr td.on a{color:#fff ;}
*/



.nav2.showFixed{position:fixed;}
.nav2.hiddenFixed{top:-10em;}
.nav2{border-top: 1px #b5afaf solid;position:relative;left:0;top:0;width: 100%;background:#fff;z-index: 20;display:none;}
.nav2 table{width: 100%;}
.nav2 table tr td{width: 33.33%;text-align: center;border-right: 1px #b5afaf solid;border-bottom: 1px #b5afaf solid;position:relative;}
.nav2 table tr td:last-child{border-right: none;}
.nav2 table tr td a{font-size: 1rem;color:#333;padding:.4rem 0 .4rem .8em;display: block;}
.nav2 table tr td img{zoom:.4;margin-right: 1em;vertical-align: middle;-moz-transform: scale(0.4);-moz-transform-origin: top left;}
.nav2 table tr td span{position: absolute;left:.5em;top:0;height: 100%;vertical-align: middle;}
.nav2 table tr td span b{height: 100%;vertical-align: middle;display: inline-block;}
.nav2 table tr td:active{background:#1b952d;}
.nav2 table tr td:active a{color:#fff;}
.nav2 table tr td:active .img1{display:none;}
.nav2 table tr td:active .img2{display:initial;}
.nav2 table tr td .img1{display:initial;}
.nav2 table tr td .img2{display:none;}
.nav2 table tr td.on .img1{display:none;}
.nav2 table tr td.on .img2{display:initial;}
.nav2 table tr td.on{background:#1b952d;}
.nav2 table tr td.on a{color:#fff ;}





/*微电影*/
.nybanner{width: 100%;position:relative;}
.nybanner img{width: 100%;display:block;}

.footer{}
.footer .copy{background:#104f26;height: 59px;line-height: 59px;color:#65aa7d;}
.footer .addre{background:#2c8f4f;height: 116px;line-height: 116px;}
.footer .addre span{margin-right: 20px;position:relative;top:0;}
.footer .addre .tel{font-size:18px;font-weight: bold;color:#fff;}
.footer .addre .tel dl{display:inline-table;}
.footer .addre .tel a{color:#fff;margin-right: 1em;}
.footer .addre_box{text-align: right;}
.footer .addre_box .item{color:#fff;display:inline;margin-left: 50px;}
.footer .addre_box .item a{color:#fcdb00;text-decoration:underline;}
.footer_top{border-bottom: 1px #3ca567 solid;background:#2c8f4f;height: 139px;}
.footer_top .wrap{height: 100%;}
.footer_top .logo2{height: 100%;vertical-align: middle;}
.footer_top .logo2 span{height: 100%;vertical-align: middle;display: inline-block;}
.footer_top .logo2 img{vertical-align: middle;}
.footer_top .link {margin-left: 45px;color: #9bf5c5;height: 100%;display:table;}
.footer_top .link a{color: #9bf5c5;font-size:16px;padding:0 1em;position:relative;z-index: 4;overflow: hidden;}
.footer_top .link2{width: 262px;height: 100%;display:table;}
.select01{width:100%;height: 35px;position: relative;cursor: pointer;background:#47a775;}
.select01_td{position: absolute;left: 0;top:0;width:95%;height: 100%;font-size:14px;color: #00582a;line-height: 35px;padding:0 3%;}
.select01_td:before{content: '';position: absolute;right: 0;top:0;width:30px;height: 100%;background: url(../images/link_08.jpg) no-repeat center;}
.select01_list{z-index:100;padding:0;margin-top: 0;}
.select01 ol{position: absolute;left: 0;top:35px;width:100%;display: none;}
.select01 ol li{line-height:35px;height: 35px;color: #666666;font-size:14px;border-bottom: 1px #e2dede solid;cursor: pointer;margin-right:0;background: #fafafa;margin-bottom:0;position: relative;padding:0 3%;width: 94%;}
.select01 ol li:hover{background: #005e2c;color:#fff;}
.retun{position:fixed;right:1%;bottom:3%;cursor:pointer;z-index: 99;width: 130px;background: rgba(0,0,0,1);padding: 0 .2em;text-align: center;}


.footer_top .link a:before{ content:""; width:90%; height:1px; position:absolute; left:5%; bottom:-7px; z-index: -1; background-color:#fff; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.footer_top .link a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.footer_top .link a:hover{color:#fff;}


.nycon{}
.nycon_menu{background:url(../images/bg3.jpg) repeat-x;height: 95px;}
.nycon_menu .wrap{height: 100%;}
.nyconL{/*width:36%;*/height: 100%;display:table;margin-right: 4%;}
.crumbs{font-size: 14px;color:#fff;}
.nyconL_name{font-size:30px;color:#fff;font-weight: bold;}
.nyconL_name span{color:#73c28f;font-weight: normal;text-transform:uppercase;margin-left: 15px;}
.nyconR{/*width: 61%;*/height: 100%;}
.nyconR a{height: 100%;width: auto;vertical-align: middle;font-size: 18px;color:#fff;position:relative;display:inline-table;padding:0 28px;z-index: 4;overflow:hidden;}
.nyconR a span{height: 100%;vertical-align: middle;display: inline-block;}
.nyconR a.on:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.nyconR a.on{color:#c22b31;}

.nyconR a:before{ content:""; width:100%; height:4px; position:absolute; left:0; bottom:0; z-index: 1; background:#c22b31; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.nyconR a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.nyconR a.on:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}

.nyconR a:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background:url(../images/bg4_03.png) no-repeat; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;background-size: 100% 100%;}
.nyconR a:hover:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.nyconR a:hover{color:#c22b31;}


.video_box{padding:55px 0;}
.video_box .top{text-align: center;font-size: 24px;color:#333333;}
.video_box .mian{text-align: center;margin-top: 21px;}
.video_box .mian video{margin:0 auto;width: 100%;}

.head.topFix{position:fixed;z-index: 500;
  -webkit-box-shadow:4px 2px 9px 1px #dbdbdb;
    -moz-box-shadow:4px 2px 9px 1px #dbdbdb;
    box-shadow: 4px 2px 9px 1px #dbdbdb;
}
.head{background:#fff;height: 106px;width: 100%;left:0;top:0;position:relative;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.head .wrap{height: 100%;}
.logo{vertical-align: middle;height: 100%;}
.logo span{height: 100%;vertical-align: middle;display: inline-block;}
.logo img{max-width: 100%;vertical-align: middle;}

.headR{width: 60%;height: 100%;display:table;}
.headR .nav{text-align: right;margin-top: 1em;}
.headR .nav li{display:inline-table;margin-left: 2em;}
.headR .nav li a{font-size: 18px;color:#555;font-weight: bold;position:relative;z-index: 4;overflow:hidden;}
.headR .nav li.on a{color:#008740;}
.headR .nav li a:hover{color:#008740;}

.headR .nav li a:before{ content:""; width:100%; height:4px; position:absolute; left:0; bottom:-17px; z-index: -1; background-color:#008740; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.headR .nav li:hover a:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.headR .nav li.on a:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.head_top{overflow: hidden;text-align: right;}
.head_top .tel{color:#696969;font-weight: bold;line-height: 28px;display:inline-flex;}
.head_top .tel a{color:#e01515;font-size: 18px;}
.head_top .tel img{margin-right: 9px;position:relative;top:0;}
.head_top .search{display:inline-table;margin-left: 35px;overflow:hidden;}
.head_top .search input{border:none;height: 29px;width: 0;background:#eee;font-size: 14px;color:#333;float:left;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.head_top .search input.on{width: 175px;padding-left: 1em;}
.head_top .search button{border:none;width: 29px;height: 29px;background:url(../images/saearch.png) no-repeat;background-size: 100% 100%;float:left;cursor:pointer;}



/*关于彩新*/
.about{margin:60px 0;}
.about_box{border:1px #e3e3e3 solid;}
.about_box .padd{padding:1em;}
.about_box p img{max-width: 100%;}
.about_box p{color:#444444;font-size: 16px;line-height: 30px;}
.about_box h4{color:#444444;font-size: 24px;font-weight: bold;margin-bottom: 5px;}




/*合作品牌*/
.brand_list{margin:67px 0;}
.brand_list ul{margin-right: -2%;}
.brand_list ul li{width: 17.8%;margin:0 2% 24px 0;border:1px #e3e3e3 solid;text-align: center;float:left;height: 144px;vertical-align: middle; position: relative;top:0;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.brand_list ul li span{height: 100%;vertical-align: middle;display: inline-block;}
.brand_list ul li img{max-width: 100%;vertical-align: middle;}
.brand_list ul li a{/*display:block;*/}
.brand_list ul li:hover{border-color:#2c8f4f;top:-.5em;
 -webkit-box-shadow:4px 2px 9px 1px #e3e3e3;
    -moz-box-shadow:4px 2px 9px 1px #e3e3e3;
    box-shadow: 4px 2px 9px 1px #e3e3e3;
}



.paging {text-align: center;margin-top: 1.5em;}
.paging a{display:inline-table;border:1px #ccc solid;color:#333;font-size: 14px;height: 28px;line-height: 28px;padding:0 1em;margin:0 5px;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.paging span{display:inline-table;color:#333;font-size: 14px;height: 28px;line-height: 28px;padding:0 1em;margin:0 5px;}
.paging a:hover{background:#008740;border-color: #008740;color:#fff;}



/*关于彩新_印刷设备*/
.cplist{margin:50px 0;}
.cplist_menu{margin-bottom: 49px;text-align: center;}
.cplist_menu dl{display:inline-table;height: 52px;line-height: 52px;background-color: #e0e0e0;width: 165px;cursor:pointer;}
.cplist_menu dl.on{background:#2c8f4f;color:#fff;}
.cplist_box{}
.cplist_box ul{margin-right: -2%;}
.cplist_box ul li{float:left;width: 31%;margin:0 2% 2% 0;height: 298px;position:relative;overflow:hidden;}
.cplist_box ul li img{display:block;width: 100%;height: 100%;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.cplist_box ul li p{position:absolute;left:0;bottom:0;width: 100%;height: 47px;line-height: 47px;text-align: center;background:url(../images/bg2.png) repeat;color:#fff;font-size: 16px;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.cplist_box ul li:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.cplist_box ul li:hover p{background: #2c8f4f;}
.cplist_box ul li:hover{
   -webkit-box-shadow:4px 2px 9px 1px #dbdbdb;
    -moz-box-shadow:4px 2px 9px 1px #dbdbdb;
    box-shadow: 4px 2px 9px 1px #dbdbdb;
}



/*产品展示*/
.cplist2{margin:50px 0;}
.cplist2 ul{margin-right: -2%;}
.cplist2 ul li{float:left;width:23%;margin:0 2% 2% 0;position:relative;overflow:hidden;top:0;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}
.cplist2 ul li .pic{height: 279px;border:1px #e7e7e7 solid;text-align: center;overflow:hidden;vertical-align: middle;}
.cplist2 ul li .pic span{height: 100%;vertical-align: middle;display: inline-block;}
.cplist2 ul li .pic img{max-width:96%;vertical-align: middle;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.cplist2 ul li .txt{position:relative;left:0;bottom:0;width: 94%;height:50px;line-height: 50px;text-align: center;background:#f5f5f5;color:#484848;font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 3%;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.cplist2 ul li:hover .pic{border:3px #2c8f4f solid;height: 275px;}
.cplist2 ul li:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.cplist2 ul li:hover .txt{background: #2c8f4f;}
.cplist2 ul li:hover{top:-.5em;
   -webkit-box-shadow:4px 2px 9px 1px #dbdbdb;
    -moz-box-shadow:4px 2px 9px 1px #dbdbdb;
    box-shadow: 4px 2px 9px 1px #dbdbdb;
}
.cplist2 ul li:hover .txt{color:#fff;}






/*联系我们*/
.site_list{background:#f4f4f4;padding:58px 0;}
.site_list .wrap{}
.site_list .item{float:left;width: 31.33%;margin-right: 2%;}
.site_list .itemL{width: 25%;}
.site_list .itemL img{width: 93px;height: 93px;}
.site_list .itemR{margin-left: 18px;width: 70%;}
.site_list .itemR h4{color:#000000;font-size: 16px;font-weight: bold;}
.site_list .itemR p{color:#000000;font-size: 14px;line-height: 30px;}

.mapbox{margin:62px 0 85px;}
.mapbox_div{border:1px #d8d8d8 solid;}
.mapbox_div img{display:block;max-width: 100%;}



/*公司动态*/
.news{padding:77px 0 92px 0;}
.news_list{margin-top: 85px;}
.news_list ul{margin-right: -2%;}
.news_list li{float:left;width: 31.3%;margin:0 2% 2% 0;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}
.news_list li .pic{height: 250px;overflow:hidden;}
.news_list li .pic span{width: 100%;height: 100%;display:block;background-position: center !important;background-size: cover !important;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.news_list li .txt{background:#f5f5f5;position:relative;height: 220px;}
.news_list li .txt .padd{padding:1em;}
.news_list li .txt .date{position:absolute;left:0;bottom:0;background:#919191;padding:5px 1em;color:#fff;}
.news_list li .txt .date h4{font-size: 16px;}
.news_list li .txt .date p{font-size: 14px;}
.news_list li .txt .more{text-align: right;color:#626262;position:absolute;right:1em;bottom:1em;}
.news_list li .txt .name{color:#000000;font-size: 18px;}
.news_list li .txt .main{margin-top: 10px;color:#555;font-size: 14px;line-height: 24px;max-height: 48px;overflow:hidden;}
.news_list ul li:hover .pic span{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.news_list ul li:hover .date{background:#ee5a00;}
.news_list ul li:hover{
  -webkit-box-shadow:4px 2px 9px 1px #dbdbdb;
    -moz-box-shadow:4px 2px 9px 1px #dbdbdb;
    box-shadow: 4px 2px 9px 1px #dbdbdb;
}
.news_list ul li:hover .name{color:#ee5a00;}
.news_list li .txt .more:hover{color:#ee5a00;}


.news_banner{position:relative;height: 372px;}
.news_swiper{padding-bottom: 2em;}
.news_swiper,.news_swiper .swiper-slide{width:100%;}
.news_swiper,.news_swiper .swiper-wrapper,.news_swiper .swiper-wrapper .swiper-slide{height: 100% !important;}
.news_swiper .swiper-slide img{width:100%;    display: block;}
.news_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:0;width: 100%;text-align: center;}
.news_swiper .swiper-pagination-switch {display: inline-block;width:12px;height:12px;margin-right:8px;cursor: pointer;background:#b2b2b2;border-radius: 12px;}
.news_swiper .swiper-visible-switch {}
.news_swiper .swiper-active-switch {background: #c22b31;}

.news_swiper .pic{width: 50%;height: 100%;overflow:hidden;}
.news_swiper .pic span{width: 100%;height: 100%;display:block;background-position: center !important;background-size: cover !important;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.news_swiper .pic .date{position:absolute;top:0;background:#919191;padding:5px 1em;color:#fff;}
.news_swiper .pic .date h4{font-size: 16px;}
.news_swiper .pic .date p{font-size: 14px;}
.news_swiper .txtmain{width: 50%;height: 100%;background:#f5f5f5;position:relative;display:table;}
.news_swiper .txtmain .tabbox{padding:0 7%;}
.news_swiper .txtmain .more{color:#626262;margin-top: 4em;width: 132px;height: 34px;border:1px #007d3b solid;border-radius: 34px;text-align: center;line-height: 34px;color:#017136;display:inline-block;float:right;position:relative;z-index: 4;overflow:hidden;}
.news_swiper .txtmain .name{color:#333333;font-size: 24px;font-weight:bold;}
.news_swiper .txtmain .main{margin-top: 10px;color:#555;font-size: 14px;line-height: 24px;overflow:hidden;}

.news_swiper:hover .pic .date{background:#ee5a00;}
.news_swiper:hover .pic span{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.news_swiper .more:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#008740; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.news_swiper:hover .more:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.news_swiper:hover .more{color:#fff;}


/*公司动态-详细*/
.new_xx{/*padding: 40px 0;*/}
.new_xx_head{color: #222222;font-size: 24px;font-weight: bold;text-align: center;}
.new_xx_data{height: 38px;line-height: 38px;text-align: center;background: #e9e9e9;margin: 30px 0;}
.new_xx_data span{color: #898989;font-size: 16px;margin:0 10px;padding: 0 0 0 24px;}
.new-riqi{background: url(../images/news2_03.jpg) no-repeat left center;}
.new-nabmer{background: url(../images/news_06.png) no-repeat left center;}
.new-name{background: url(../images/news_03.png) no-repeat left center;}

.int-con {font-size: 16px;line-height: 30px;}
.new_xx_txt{}
.new_xx_txt p{font-size: 16px;line-height: 36px;color: #222222;overflow: hidden;}
.new_xx_txt p img{max-width: 100%;}
.new_xx_pag{height: 38px;line-height: 38px;background: #e9e9e9;padding: 0 2%;position: relative;margin-top: 50px;}
.new_xx_pag ul li{height: 38px;line-height: 38px;width: 45%;}
.new_xx_pag ul li a{color: #5d5d5d;display: block;}
.new_xx_pag ul li.prevA{}
.new_xx_pag ul li.nextA{float:right;text-align: right;}
.new_xx_pag ul li.btn{position: absolute;left: 45%;top: 0;height: 38px;line-height: 38px;background:#a7a7a7;width: 10%;text-align: center; }
.new_xx_pag ul li.btn a{color: #fff;}
.new_xx_pag ul li.btn img{margin:14px 10px 0 0;}
.new_xx_pag ul li.prevA a:hover,.new_xx_pag ul li.nextA a:hover{font-weight: bold;color: #2c8f4f;}




/*产品展示_详细页*/
.cpdeat{margin:59px 0 110px 0;}
.cpdeat_top{font-size: 30px;color:#484848;text-align: center;border-bottom: 1px #e9e9e9 solid;padding:45px 0 37px;margin: 0 75px;}
.cpdeat_top a{float:right;font-size: 14px;color:#6a6a6a;height: 33px;line-height: 33px;position:relative;padding-left: 43px;}
.cpdeat_top a span{position:absolute;left:0;top:0;}
.cpdeat_box{border:1px #e3e3e3 solid;}


#wrapper{}
#picSlideWrap{ }
.titleh3{ height:70px; line-height:70px; text-align:center; background:url(../images/ico/dot.gif) repeat-x left bottom; width:910px; margin:0 auto; font-size:26px; color:#000;}
.titleh4{text-align:center; font-size:12px; color:#000; font-weight:normal; padding:10px 0 20px 0px;}
.imgnav{ width:788px; margin:10px auto;}
.imgnav{  position:relative; margin:0 auto;width: 100%;}
#img{ z-index:10;position:relative; text-align:center;width: 100%;height: 649px;vertical-align: middle;}
#img span{height: 100%;vertical-align: middle;display: inline-block;}
#img img{ height:auto; display:none;max-width: 100%;vertical-align: middle; }
#front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer;  width:394px; height:578px; background:url(../images/ico/blank.gif); }
#front a{position:absolute;left:20px;top:224px;display:block;background:url(../images/left1.png) no-repeat; width:72px; height:72px; display:none;}
#next{position:absolute;right:0px;top:0px;z-index:10;cursor:pointer; width:394px;height:578px;background:url(../images/ico/blank.gif);}
#next a{position:absolute;right:20px;top:224px;display:block; background:url(../images/rgiht1.png) no-repeat; width:72px; height:72px; display:none;}
#cbtn{position:relative;margin-top:10px;border-top:1px #e3e3e3 solid;background:#f5f5f5;padding:40px 20px; }
#cbtn ul{position:relative; width:10000px;}
#cbtn ul li{ float:left; padding:2px; width:200px;cursor:pointer; text-align:center; margin-right:35px; position:relative;}
#cbtn ul li .pic{width: 99%;height: 195px;text-align: center;overflow:hidden;background: #fff;border:1px #ccc solid;vertical-align: middle;}
#cbtn ul li .pic span{height: 100%;vertical-align: middle;display: inline-block;}
#cbtn ul li .pic img{ width:auto; height:auto;max-width: 96%;max-height: 100%;vertical-align: middle;}
#cbtn li.hov{ background:#2c8f4f;}
#cbtn li.hov .txt{background:#2c8f4f;color:#fff;}
.ctrl div{ clear:both;}
#cbtn ul li .txt{height: 35px;line-height: 35px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 2%;background:#f5f5f5;font-size: 12px;color:#484848;}
#cSlideUl{width:100%;overflow:hidden; position:relative; top:0; margin:0 auto;}
/*.picSildeLeft{cursor:pointer; position:absolute; top:32px; left:0; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:32px; right:0; z-index:9;}*/





/*index*/
.banner{position:relative;}
.banner_swiper,.banner_swiper .swiper-slide{width:100%;}
.banner_swiper,.banner_swiper .swiper-wrapper,.banner_swiper .swiper-wrapper .swiper-slide{height: auto !important;}
.banner_swiper .swiper-slide img{width:100%;    display: block;}
.banner_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:34px;width: 100%;text-align: center;}
.banner_swiper .swiper-pagination-switch {display: inline-block;width:39px;height:3px;margin-right:11px;cursor: pointer;background:#fff;}
.banner_swiper .swiper-visible-switch {}
.banner_swiper .swiper-active-switch {background: #ff3600;height: 8px;}


.teamwork{margin:67px 0 80px;}
.teamwork_head{position:relative;font-size: 24px;color:#a1a1a1;text-transform: uppercase;font-weight: normal;font-family: MicrosoftYaHeiLight;}
.teamwork_head:before{content:'';position:absolute;left:0;bottom:0;width: 100%;height: 1px;background:#e7e7e7;}
.teamwork_head span{position:relative;padding:0 25px;height: 49px;line-height: 49px;background:#2c8f4f;font-size: 30px;color:#fff;font-weight: bold;display: inline-block;margin-right: 30px;font-family: 微软雅黑;}
.teamwork_head span:before{content:'';position:absolute;right:-28px;bottom:0;width:28px;height: 100%;background:url(../images/bor1_03.jpg) no-repeat;}
.teamwork_head a{float:right;width: 40px;height: 31px;text-align: center;line-height: 31px;background:#c1c1c1;color:#fff;font-size: 38px;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.teamwork_head a:hover{background:#2c8f4f;}
.teamwork_main{border:1px #e7e7e7 solid;border-top:none;height: 207px;}
.teamwork_swiper,.teamwork_swiper .swiper-wrapper,.teamwork_swiper .swiper-wrapper .swiper-slide{height: 207px !important;vertical-align: middle;}
.teamwork_swiper .swiper-slide{text-align: center;}
.teamwork_swiper .swiper-slide span{height: 100%;vertical-align: middle;display: inline-block;}
.teamwork_swiper .swiper-slide img{max-width: 100%;max-height: 100%;vertical-align: middle;}


.spshow{margin-top: 52px;}
.spshow_head{text-align: center;}
.spshow_head h2{font-size: 30px;color:#434343;font-weight: bold;}
.spshow_head h4{font-size: 24px;color:#a1a1a1;text-transform: uppercase;font-family: MicrosoftYaHeiLight;}


.spshow_menu{background:#2c8f4f;margin-top: 15px;}
.spshow_menu dl{height: 59px;line-height: 59px;width: 20%;text-align: center;float:left;font-size: 18px;color:#fff;position:relative;z-index: 4;overflow:hidden;cursor:pointer;}
.spshow_menu dl.on:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.spshow_menu dl.on{color:#c22b31;}
.spshow_menu dl:before{ content:""; width:100%; height:4px; position:absolute; left:0; bottom:0; z-index: 1; background:#c22b31; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.spshow_menu dl:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.spshow_menu dl.on:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}

.spshow_menu dl:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background:url(../images/bg4_03.png) no-repeat; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;background-size: 100% 100%;}
.spshow_menu dl:hover:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.spshow_menu dl:hover{color:#c22b31;}







/*.spshow_main{margin-top: 59px;}
.spshow_main dd{position:relative;}
.spshow_swiper{padding-top: 3em;}
.spshow_swiper,.spshow_swiper .swiper-wrapper,.spshow_swiper .swiper-wrapper .swiper-slide{height: 331px !important;vertical-align: middle;}
.spshow_swiper .swiper-slide{text-align: center;}
.spshow_swiper .swiper-slide a{display:block;padding:0 1em;}
.spshow_swiper .swiper-slide .pic{width: 99.4%;height: 280px;text-align: center;overflow:hidden;background: #fff;border:1px #ccc solid;vertical-align: middle;}
.spshow_swiper .swiper-slide .pic span{height: 100%;vertical-align: middle;display: inline-block;}
.spshow_swiper .swiper-slide .pic img{ width:auto; height:auto;max-width: 100%;max-height: 100%;vertical-align: middle;}
.spshow_swiper .swiper-slide .txt{height: 50px;line-height:50px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 2%;background:#f5f5f5;font-size: 18px;color:#484848;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}
.spshow_swiper .pagination {position: absolute;z-index: 20;right:5%;top:5px;width: auto;text-align: center;}
.spshow_swiper .swiper-pagination-switch {display: inline-block;width:11px;height:11px;margin-right:9px;cursor: pointer;background:#c1c1c1;border-radius: 11px;}
.spshow_swiper .swiper-visible-switch {}
.spshow_swiper .swiper-active-switch {background: #ee5a00;}
.spshow_swiper .more{position:absolute;right:0;top:0;}
.spshow_swiper .more a{float:right;width: 40px;height: 31px;text-align: center;line-height: 31px;background:#c1c1c1;color:#fff;font-size: 38px;font-weight: normal;font-family: MicrosoftYaHeiLight;}
.spshow_swiper .swiper-slide:hover .txt{color:#fff;background:#2c8f4f;}
.spshow_swiper .swiper-slide:hover .pic{border:2px #2c8f4f solid;height: 278px;width: 98.8%;}
*/


.spshow_main{margin-top: 59px;}
.spshow_main dd{position:relative;}
.spshow_main dd .more{position:absolute;right:0;top:-45px;}
.spshow_main dd .more a{float:right;width: 40px;height: 31px;text-align: center;line-height: 31px;background:#c1c1c1;color:#fff;font-size: 38px;font-weight: normal;font-family: MicrosoftYaHeiLight;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}
.spshow_main dd .more a:hover{background:#2c8f4f;}
.spshow_main{}
.spshow_main dd{height: 331px;}
.spshow_main dd .bd {width: 100%;height: 100%;overflow: hidden;}
.spshow_main dd .bd ul{height: 100%;overflow: hidden;}
.spshow_main dd .bd li{ width:285px; height:331px;position: relative;margin: 0 20px 0 0;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;float: left;top:0;}
.spshow_main dd .bd li .pic{width: 99.4%;height: 280px;text-align: center;overflow:hidden;background: #fff;border:1px #ccc solid;vertical-align: middle;}
.spshow_main dd .bd li .pic span{height: 100%;vertical-align: middle;display: inline-block;}
.spshow_main dd .bd li .pic img{ width:auto; height:auto;max-width: 100%;max-height: 100%;vertical-align: middle;}
.spshow_main dd .bd li .txt{height: 50px;line-height:50px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 2%;background:#f5f5f5;font-size: 18px;color:#484848;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.spshow_main dd .hd{  position:absolute; top:-45px; right:5%; z-index:10;text-align: center;}
.spshow_main dd .hd li{  width:11px; height:11px; display:inline-block; vertical-align:bottom; margin-right:9px; text-indent:-999em; cursor:pointer;background:#c1c1c1;overflow: hidden;border-radius: 11px;}
.spshow_main dd .hd li.on{ background:#ee5a00;}
.spshow_main dd .bd li:hover .txt{color:#fff;background:#2c8f4f;}
.spshow_main dd .bd li:hover .pic{border:2px #2c8f4f solid;height: 278px;width: 98.8%;}

.spshow_main dd .bd li:hover{
  -webkit-box-shadow:4px 2px 9px 1px #dbdbdb;
    -moz-box-shadow:4px 2px 9px 1px #dbdbdb;
    box-shadow: 4px 2px 9px 1px #dbdbdb;

}



.dtbox{padding: 65px 0 68px;background:#f5f5f5;}
.dtbox .item{width: 50%;}
.dtbox_head{height: 98px;text-align: center;background:#d8ebe2;display:table;width: 100%;position:relative;}
.dtbox_head a{position:absolute;width: 50px;height: 100%;background:url(../images/more1.png) no-repeat;right:44px;top:0;background-position: center;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


.dtbox_head h2{font-size: 30px;color:#434343;font-weight: bold;}
.dtbox_head h4{font-size: 24px;color:#a1a1a1;text-transform: uppercase;font-family: MicrosoftYaHeiLight;}
.dtbox_head.green{background:#2c8f4f;}
.dtbox_head.green *{color:#fff;}
.dtbox_head.green a{background:url(../images/more2.png) no-repeat;background-position: center;}

.dtbox_head a:hover
{
  transform:rotate(90deg);
  -ms-transform:rotate(90deg);   /* IE 9 */
  -moz-transform:rotate(90deg);  /* Firefox */
  -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
  -o-transform:rotate(90deg);  /* Opera */
}



.Trends_main{position:relative;height: 373px;width:99%;margin-top: 9px;margin-right: 1%;}
.Trends_swiper,.hd_swiper{height: 100%;}
.Trends_swiper,.Trends_swiper .swiper-slide,.hd_swiper,.hd_swiper .swiper-slide{width:100%;position:relative;overflow:hidden;}
.Trends_swiper,.Trends_swiper .swiper-wrapper,.Trends_swiper .swiper-wrapper .swiper-slide,.hd_swiper,.hd_swiper .swiper-wrapper,.hd_swiper .swiper-wrapper .swiper-slide{height: 100% !important;}
.Trends_swiper .swiper-slide .pic,.hd_swiper .swiper-slide .pic{width: 100%;height: 100%;display:block;background-position: center !important;background-size: cover !important;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.Trends_swiper .swiper-slide .txt,.hd_swiper .swiper-slide .txt{position:absolute;left:0;bottom:0;width: 100%;height: 75px;background:url(../images/bg2.png) repeat;}
.Trends_swiper .txtb,.hd_swiper .txtb{width: 72%;height: 100%;font-size: 18px;color:#fff;line-height: 75px;padding:0 4%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Trends_swiper .date,.hd_swiper .date{width:20%;background:#ee5a00;height: 100%;font-family: MicrosoftYaHeiLight;display:table;}
.Trends_swiper .date .tabbox,.hd_swiper .date .tabbox{padding-left:1.5em;}
.Trends_swiper .date h4,.hd_swiper .date h4{color:#fff;font-size: 24px;}
.Trends_swiper .date p,.hd_swiper .date p{color:#fff;font-size: 14px;}



.Trends_main .arrow-left,.Trends_main .arrow-right,.Trends_main .arrow-left2,.Trends_main .arrow-right2{position: absolute;top:42%;width:30px;height:30px;z-index: 10;cursor: pointer;background-size: 100% 100% !important;display:none;opacity:0;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.Trends_main .arrow-left,.Trends_main .arrow-left2 {background: url(../images/left1.png) no-repeat;left:2%;}
.Trends_main .arrow-right,.Trends_main .arrow-right2 {background: url(../images/rgiht1.png) no-repeat;right:2%;}
.Trends_main:hover .arrow-left,.Trends_main:hover .arrow-left2{display:initial;opacity:1;}
.Trends_main:hover .arrow-right,.Trends_main:hover .arrow-right2{display:initial;opacity:1;}


.activity{margin-top: 9px;padding-left: 1%;}
.activity ul li{margin-bottom: 23px;}
.activity ul li .date{width: auto;background:#e3e3e3;height: 75px;padding:0 23px;display:table;font-family: MicrosoftYaHeiLight;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.activity ul li .date h4{color:#434343;font-size: 24px;}
.activity ul li .date p{color:#434343;font-size: 14px;}
.activity ul li .main{width: 78%;}
.activity ul li .main h4{color:#434343;font-size: 18px;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.activity ul li .main p{color:#797979;font-size: 12px;line-height: 18px;height: 36px;overflow:hidden;}

.activity ul li:hover .date{background:#919191;}
.activity ul li:hover .date *{color:#fff;}
.activity ul li:hover .main h4{color:#007d3b;}

.abstract{background:url(../images/bg3.jpg) #fff repeat-x left bottom;height: 375px;padding:49px 33px;}
.abstract .wrap{height: 100%;}
.abstract .video2{height: 100%;width: 50%;}
.abstract .video2 video{width: 100%;height: 100%;display:block;}
.abstract .main{width: 45%;padding-left: 5%;position:relative;height: 100%;}
.abstract .main .top{}
.abstract .main .top h3{font-size: 30px;color:#434343;font-family: 微软雅黑;font-weight: bold;margin-bottom: 3px;}
.abstract .main .top h3 span{font-size: 24px;color:#a1a1a1;text-transform: uppercase;font-family: MicrosoftYaHeiLight;font-weight: normal;margin-left: 5px;}
.abstract .main .top h4{font-size:24px;color:#007d3b;font-weight: bold;}
.abstract .main .top .txt{font-size: 16px;color:#434343;line-height: 30px;margin-top: 10px;}
.abstract .main .top a{width: 134px;height: 34px;line-height: 34px;text-align: center;border:1px #2c8f4f solid;border-radius: 34px;display:inline-block;color:#2c8f4f;font-size: 14px;float:right;margin-top: 15px;position:relative;z-index: 4;overflow:hidden;}
.abstract .main .other{height: 147px;position: absolute;left:5%;bottom:-49px;width: 95%;}
.abstract .main .other table{width: 100%;height: 100%;}
.abstract .main .other table td{width: 25%;text-align: center;position:relative;top:0;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.abstract .main .other table td span{margin-bottom: 10px;display:block;}
.abstract .main .other table td p{color:#fff;font-size: 18px;}

.abstract .main .other table td .tb1{display:inline-block;  }
.abstract .main .other table td .tb2{display:none;  }
.abstract .main .other table td:hover .tb1{display:none;}
.abstract .main .other table td:hover .tb2{display:inline-block;}
.abstract .main .other table td:hover p{color:#fcf2ab;}
.abstract .main .other table td:hover{top:-.5em;}
.abstract .main .top a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#2c8f4f; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.abstract .main .top a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.abstract .main .top a:hover{color:#fff;}





.works-wrap {display:none;margin-right: -2%;}
.works-item {float: left;width:48%;margin: 0 2% 2% 0;padding: 0;box-sizing: border-box;border: 1px solid #cccccc;text-align: center;}
.works-item .pic {height: 160px;text-align: center;overflow:hidden;vertical-align: middle;}
.works-item .pic span{height: 100%;vertical-align: middle;display: inline-block;}
.works-item .pic img{max-width: 96%;vertical-align: middle;max-height: 100%;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.works-item .name{position:relative;left:0;bottom:0;width: 94%;height:35px;line-height: 35px;text-align: center;background:#f5f5f5;color:#484848;font-size:1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 3%;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.works-item .count {color: #333;font-size: 1.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;}
.works-item .vote-btn {width: 90px;height: 25px;margin-bottom: 5px;background-size: cover;display: inline-block;background: url("../images/tp-btn-bg_03.jpg") no-repeat center;color: #fff;text-align: center;line-height: 25px;}
.ny-page {text-align: center;margin: 15px 0 25px 0;}
.ny-page  a {display: inline-block;padding: 0 5px;}
.ny-page a:hover,.ny-page a.active {background: #3686d5;color: #fff;transition: 0.3s;}
.c-m {font-size: 1.6rem;text-align: center;color: #999;padding-bottom: 20px;background-image: url("../images/more-icon_03.png");background-repeat: no-repeat;background-size: 10%;background-position: bottom center;}


.ewm{width:130px;height:auto;text-align: center;background:#fff;padding:.5em .2em;position: fixed;right:1%;bottom:12%;z-index: 10;}
.ewm img{width:100px;height: 100px;}
.ewm span{text-align: center;color:#333;font-size: 12px;line-height: 24px;display:block;}