@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;  outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font-size:14px; margin: 0 auto; color: #666;  background-color: #fff; -webkit-tap-highlight-color:rgba(0,0,0,0); font-family:"微软雅黑";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6{font-weight:normal}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #1f4e8a; color: #fff; text-shadow: none; }
::selection { background: #1f4e8a; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color:#404040;}
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; outline:none; color:#717c8e;}
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.mt30{margin-top:30px;}
.mb50{margin-bottom:50px;}
.ptb{padding-bottom:50px; padding-top:20px;}
.inner { width: 1200px; margin: 0px auto;}


.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { position: relative; width: 100%; height:100%; overflow:hidden;}
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); height:100%; }
.owl-theme .owl-controls { text-align: center; }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(../images/ajaxloader.gif) no-repeat center center; }

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

/*header*/
.head{width:100%; background:#fff; height:100px; position:relative; z-index:999}
.top{max-width: 1200px; width:100%; margin:0px auto; color: #fff; z-index: 1000; }
.top a:link, .top a:visited { color: #333;}
.top a:active,.top a:hover { color: #333;}
.top:hover .bg2,.topAct .bg2,.topScroll .bg2{ opacity: 1; visibility: visible;}
.topAct .bg,.topScroll .bg{ display: none;}
.logo{ float: left; display: block; position: relative; padding: 0px 0px; width:224px; margin-left: 5px; padding-top:15px;}
.logo img{ width: auto; display: block;}
.logo .img2{ display: none;}
.nav{ float: left; display: block; padding-left:5%; margin:0px auto; position: relative;}
.nav li{ float: left; display: block; position: relative;}
.nav li a{ padding: 0px 18px; font-size: 16px; height: 100px; line-height: 100px; display: block; position: relative; z-index: 2;}
.nav li a.active{ color: #fff; background:#f36f21;}
.nav li a.hov{ background-color: #f36f21; color: #fff;}
.nav li .navlogo img{margin-top:7px;}
.top .subnav a:link, .top .subnav a:visited { color: #fff;}
.top .subnav a:active,.top .subnav a:hover { color: #f36f21;}
.nav .subnav{ position: absolute; left: 0px; top: 0px; margin-top:50px; background:rgba(88,93,99,.6); z-index:9;  padding: 16px 0px; display: none; color:#ccc;!important}
.nav .subnav a{ padding: 8px 15px; font-size: 14px; line-height: 1.2; font-weight: normal; height: auto; color:#fff;!important; float:left}
.nav .subnav a:hover{ color:#fff;}
.moible-menu{ float: right; display: none;}
.moible-menu li{ float: left; display: block; width: 60px; height: 60px; border-left: 1px solid #eeeeee;}
.serach-icon,.signin-icon,.user-icon{ display: block; width: 100%; padding: 15px 0px;}
.serach-icon i,.signin-icon i{ width: 30px; height: 30px; display: block; margin: 0px auto 0px; background: url(../images/ico2.png) no-repeat; transform: scale(0.7); -webkit-transform: scale(0.7);}
.signin-icon i{ background-position:right center;}
.serach-icon.active,.signin-icon.active{ background-color: #efefef;}
.user-icon{ position: relative;}
.user-icon span{ background-size: cover; border-radius: 50%; background-position: center center; background-repeat: no-repeat; width: 26px; height: 26px; border: 2px solid #fff; display: block; margin: 0px auto; border: 2px solid #c1c1c1;}
.menu-yuyan {float:left}
.menu-yuyan a{ display: block; float: left; width: 31px; margin-top:15px; margin-right:5px; height: 31px; line-height:31px; margin-left: 15px; border:1px solid #ccc; border-radius:50%; text-align:center; color: #666!important;}
.menu-handler { display: block; width: 100%; height: 60px; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 24px; height: 2px; background: #828282; display: block; position: absolute; z-index: 5; top: 21px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 29px; }
.menu-handler .burger-3 { top: 37px; }
.menu-handler.active{ background-color: #efefef;}
.menu-handler.active .burger-1 { top: 29px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 29px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.pusher-black{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 900;}
.menuBox{ background-color: #fff; color: #8f8f8f; position: fixed; right: 0px; top: 0px; width: 570px; height: 100%;  z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch;  transform:translate(570px,0px);
-moz-transform:translate(570px,0px); /* Firefox 4 */
-webkit-transform:translate(570px,0px); /* Safari and Chrome */
-o-transform:translate(570px,0px); /* Opera */ transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.no-csstransforms3d .menuBox{ display: none;}
.navMobile{ background-color: #ffffff;}
.navMobile a{ padding: 12px 5%; display: block; position: relative; font-size: 16px; line-height: 1.4; color: #5b5b5b;}
.navMobile li{ border-bottom: 1px solid #efefef;}
.navMobile li.active{ background-color: #717c8e;}
.navMobile li.active .item{ color: #fff;}
.navMobile li:first-child .item{ height: 36px; line-height: 36px; background-color: #f7f7f7;}
.navMobile .subnav{ display: none;}
.navMobile .subnav dd{ border-top: 1px solid #fff;}
.navMobile .subnav a { color: #fff; font-size: 14px;}
.navMobile .subnav a:hover { color: #fff;}
.nav-link:before{ content:""; width:18px; height:12px; position:absolute; right:5%; margin-top: -6px; top:50%; transform: scale(0.8); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); background:url(../images/m_ico1.png) no-repeat scroll center;  transition:0.4s; -webkit-transition:0.4s;}
.navMobile li.active .nav-link:before{ background-image: url(../images/m_ico2.png);}
.menuOpen .top{ transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher-black{ display: block;}
.menuOpen .menuBox{ z-index: 99999;}
.menuOpen .bottom-nav-box{ opacity: 0;}
.mobile-foot{ font:12px/1.8 Arial, Helvetica, sans-serif; padding: 20px 10%;}
.mobile-foot a:link,.mobile-foot a:visited { color: #8f8f8f;}
.mobile-foot a:active,.mobile-foot a:hover { color: #fff;}
.mobile-tel{ background: url(../images/tel2.png) no-repeat scroll 0px 0px; padding-left: 50px; font: 19px/30px Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 10px;}
.mobile-ewm{ margin-bottom: 18px;}
.box-Serach{ position: fixed; left: 100%; top: 0px; height: 100%; width: 100%; background-color: #363636; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; z-index: -1; color: #fff; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.open-box{ left: 0; z-index: 900;}
.box-sbox{ padding: 60px 0px 20px;}
.box-sbox .stxt{ box-sizing: border-box; font-size: 16px; padding: 18px 5%; display: block; border: 0px none; width: 100%; background-color: #efefef;}
.box-slist{ margin-bottom: 60px;}
.box-slist li{ border-bottom: 1px solid #616161; padding: 12px 5%; position: relative;}
.box-slist li:before{ content:""; width:16px; height:16px; position:absolute; right:5%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); background:url(../images/option_2.png) no-repeat scroll center;  transition:0.4s; -webkit-transition:0.4s;}
.box-slist li.active:before{ background-image: url(../images/option_1.png);}
.box-sbtn{ text-align: center;}
.box-sbtn .btn{ border: 1px solid #ffffff; color: #FFFFFF; padding: 1% 5%; display: inline-block; border-radius: 5px; margin: 0px 10px;}
.box-sbtn .btn:hover{ color: #666; background-color: #fff;}



.search{background:#fff; border:1px solid #dddddd; border-radius:30px; float:right; margin-top:30px;}
.search input[type=text]{ padding-left:15px; width:165px; height:30px; line-height:34px; color:#666666; font-size:14px; background:none; outline:none; border:none; font-family:Arial, Helvetica, sans-serif; float:left;}
.search input[type=button]{ float:left; width:22px; height:22px; margin-right:10px; margin-top:5px; float:left; background:none; outline:none; border:none; cursor:pointer; background:url(../images/icon_search.png) center no-repeat;}


.i-content { width:100%; background:#fff;}
.content { width:100%; background:#f6f6f6;}
.banner { width: 100%; margin: 0px auto 0px auto; overflow: hidden; color: #fff; }
.mbanner{display:none}
.about-banner{width:100%;}
.about-banner img{width:100%;}

.i-title {margin:0px auto; margin-top:65px; text-align:center; position:relative; width:100%; max-width:1200px;}
.i-title H2{font-size:36px; color:#000; line-height:50px;}
.i-title H4{font-size:20px; color:#919191; line-height:30px;}
.i-title H5{font-size:14px; line-height:30px; color:#919191; margin-top:20px;}
.i-title .t1 {font-size: 14px; color: #ccc; font-weight:normal;  margin:0px auto 0 auto; background:#fff; font-weight:normal; line-height:35px; text-align:center!important; position:relative; top:0px;}
.i-title .xian{position:relative; margin-top:15px; z-index:1}
.i-title .xian1 {content: "";max-width:100%; width: 90%;height: 1px;margin:0px auto;background: #eee; z-index:1;}
.i-title .xian2 {content: "";max-width:100%; width: 100px;height: 5px;margin:-5px auto;background: #ffde16; z-index:1;}




.introduce{width:100%; margin:60px auto 70px auto; float:left; background:#fff;}
.introduce li{width:25%; text-align:center; float:left; cursor:pointer;}
.introduce li figure{ display:block; line-height:normal; width:100%; float:left; overflow:hidden; position:relative}
.introduce li img{text-align:center; transition:460ms}
.introduce li:hover figure img{ transform:translate(0,10px); -webkit-transform:translate(0,10px); -moz-transform:translate(0,10px);}
.introduce li h4{display:block; font-size:24px; color:#000; line-height:50px;}
.introduce li h6{display:block; font-size:14px; color:#888; line-height:30px;}



.i-about{width:100%; background:#f6f6f6; padding:30px 0px; float:left}
.i-about ul{margin-top:50px;}
.i-about li{width:32%; margin-right:2%; text-align:center; float:left; cursor:pointer; background:#fff; padding-bottom:20px;}
.i-about li:last-child{margin-right:0px;}
.i-about li figure{ display:block; line-height:normal; width:100%; float:left; overflow:hidden; position:relative}
.i-about li img{text-align:center; transition:460ms}
.i-about li:hover figure img{ transform:scale(1.05)}
.i-about li h4{display:block; font-size:20px; color:#ffa800; line-height:50px;}
.i-about li h6{display:block; font-size:14px; color:#888; line-height:24px;}
.i-about li span{width:40px; height:1px; background:#ffa800; margin:0px auto; margin-bottom:10px; content:""; display:block}
.i-about .more{width:108px; height:38px; border:1px solid #d3d3d3; border-radius:30px; text-align:center; margin:30px auto;  color:#999; line-height:40px; background:#fff;}
.i-about .more a{color:#999;}


.i_news{margin:50px auto; float:left; width:100%;}
.i_news .newsimg{width:50%; float:left;}

.newsimg_box figcaption:before{ content:""; width:100%; height:100%; left:0; top:-100%; transition:750ms; position:absolute;}
.newsimg_box:hover figcaption:before{ top:0;}
.newsimg_box:hover figcaption .casemore:before{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:650ms 450ms;}
.newsimg_box:hover figcaption .casemore:after{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:650ms 450ms;}
.newsimg_box:hover figure .img{ transform:scale(1.08);}
.newsimg_box:hover figcaption b{ width:100%;}
.newsimg_box figure{ display:block; position:relative; overflow:hidden;}
.newsimg_box figure:before{ width:100%; height:0px; content:""; position:absolute; left:0; top:0; transition:750ms; background:#00a29a; z-index:10;} 
.newsimg_box figure .img{ width:100%; height:350px; display:block; line-height:0; transition:860ms; }
.newsimg_box figcaption{ display:block; padding:12px 0px 10px; position:relative; overflow:hidden;}
.newsimg_box figcaption h3{ color:#404040; font-size:18px; line-height:30px; font-weight:normal; transition:480ms;}
.newsimg_box figcaption .time{display:block; color:#cecece; font-size:12px; line-height:30px; overflow:hidden}
.newsimg_box figcaption .time i{padding-right:5px; vertical-align:middle; float:left; padding-top:3px;}
.newsimg_box figcaption .txt{line-height:24px; color:#8c8c8c; font-size:14px;}

.i_news .newsbox{width:48%; float:right}
.i_news .newsbox li{display:inline-block; border-bottom:1px dashed #eee; padding:10px 0px 15px 0; width:100%; margin:0px auto 5px auto;}
.i_news .newsbox .time{width:90px; height:90px; background:#c1c1c1; text-align:center; float:left}
.i_news .newsbox .time H3{font-size:48px; color:#fff; line-height:60px;}
.i_news .newsbox .time H6{font-size:18px; color:#fff;}
.i_news .newsbox .ncon{margin-left:20px; float:left; width:80%;}
.i_news .newsbox .ncon H5{color:#404040; font-size:18px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_news .newsbox .ncon H6{color:#9c9c9c; font-size:14px; line-height:26px;}
.i_news .newsbox .ncon H6 a{color:#9c9c9c;}
.i_news .newsbox .ncon span{color:#666; font-size:18px; line-height:50px;}



.productIbox{ padding: 74px 0px 30px 0px;}
.productIbox .ibox{ height: 480px;}
.productIbox dd{ float: left; display: block; position: relative; height: 100%; overflow: hidden; padding:0px; margin:0px;}
.productIbox dd.item1{ width: 400px; margin-right:10px;}
.productIbox dd.item2{ width: 410px; margin-right:10px;}
.productIbox dd.item3{ width: 370px; margin: 0px 0px;}
.productIbox .dis{display:block}

.productIbox .itembox .diversified { display: block; width: 370px; height: 225px; background: rgba(0,0,0,0.8); visibility: hidden; background: #000\9; filter: alpha(opacity=80); position: absolute; left: 0; top: 0; z-index: 10; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform: rotateX(-60deg); -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; margin-left:20px;}
.productIbox .itembox .diversified mark { display: block; background: none; padding-left: 10%; height: 100%; padding-right: 10%; opacity: 0; transform: translateY(26px); -webkit-transform: translateY(26px); -moz-transform: translateY(26px); transition: 450ms 0ms; }
.productIbox .itembox .diversified h4 { line-height: normal; color: #fff; position: relative; padding-top: 20%; font-size: 24px; font-weight: normal; margin-bottom: 30px; }
.productIbox .itembox .diversified p { color: #ffffff; font-size: 13px; line-height: 30px; border:1px solid #fff; width:120px; margin:0px auto;}
.productIbox .itembox:hover figure img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.productIbox .itembox:hover figcaption { bottom: -56px; }
.productIbox .itembox:hover .diversified { opacity: 1; visibility: visible; transform: rotateX(0); -webkit-transform: rotateX(0); -moz-transform: rotateX(0); }
.productIbox .itembox:hover .diversified mark { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 450ms 250ms; }

.productIbox .itembox2 .diversified { display: block; width: 370px; height: 225px; background: rgba(0,0,0,0.8); visibility: hidden; background: #000\9; filter: alpha(opacity=80); position: absolute; left: 0; top: 0; z-index: 10; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform: rotateX(-60deg); -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;}
.productIbox .itembox2 .diversified mark { display: block; background: none; padding-left: 10%; height: 100%; padding-right: 10%; opacity: 0; transform: translateY(26px); -webkit-transform: translateY(26px); -moz-transform: translateY(26px); transition: 450ms 0ms; }
.productIbox .itembox2 .diversified h4 { line-height: normal; color: #fff; position: relative; padding-top: 20%; font-size: 24px; font-weight: normal; margin-bottom: 30px; }
.productIbox .itembox2 .diversified p { color: #ffffff; font-size: 13px; line-height: 30px; border:1px solid #fff; width:120px; margin:0px auto; }
.productIbox .itembox2:hover figure img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.productIbox .itembox2:hover figcaption { bottom: -56px; }
.productIbox .itembox2:hover .diversified { opacity: 1; visibility: visible; transform: rotateX(0); -webkit-transform: rotateX(0); -moz-transform: rotateX(0); }
.productIbox .itembox2:hover .diversified mark { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 450ms 250ms; }


.productIbox .itembox3 .diversified { display: block; width: 370px; height: 225px; background: rgba(0,0,0,0.8); visibility: hidden; background: #000\9; filter: alpha(opacity=80); position: absolute; left: 0; top: 0; z-index: 10; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform: rotateX(-60deg); -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; margin-left:20px;}
.productIbox .itembox3 .diversified mark { display: block; background: none; padding-left: 10%; height: 100%; padding-right: 10%; opacity: 0; transform: translateY(26px); -webkit-transform: translateY(26px); -moz-transform: translateY(26px); transition: 450ms 0ms; }
.productIbox .itembox3 .diversified h4 { line-height: normal; color: #fff; position: relative; padding-top: 20%; font-size: 24px; font-weight: normal; margin-bottom: 30px; }
.productIbox .itembox3 .diversified p { color: #ffffff; font-size: 13px; line-height: 30px; border:1px solid #fff; width:120px; margin:0px auto; }
.productIbox .itembox3:hover figure img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.productIbox .itembox3:hover figcaption { bottom: -56px; }
.productIbox .itembox3:hover .diversified { opacity: 1; visibility: visible; transform: rotateX(0); -webkit-transform: rotateX(0); -moz-transform: rotateX(0); }
.productIbox .itembox3:hover .diversified mark { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 450ms 250ms; }



.productIbox .itembox{ height: 225px; background-color: #fff; margin-bottom: 34px; text-align: center; color: #897870; position:relative}
.productIbox .itembox3{ height: 225px; background-color: #fff; margin-bottom: 0px; text-align: center; color: #897870; position:relative}

.productIbox .itembox2{ height: 225px; background-color: #fff; margin-bottom: 34px; text-align: center; color: #897870; position:relative}


.company{width:100%; background:#fff;}
.company-title{height:69px; border-bottom:1px solid #e8e8e8; width:100%; margin:0px auto;}
.company-title .box{width:100%; max-width:1200px; margin:0px auto}
.company-title li{ display:inline-block; clear:both; padding:0px 0px; line-height:67px; text-align:center;  width:16.3%; margin-right:0;}
.company-title li a{font-size:14px; color:#666; text-decoration:none; width:100%; display:block;  border-right:0px;}
.company-title li a:hover, .company-title li a.cur{text-decoration:none;  color:#000; border-bottom:3px solid #ffde16;}


.company .tit {margin:0px auto; margin-top:0px; text-align:center; position:relative; width:100%; max-width:1200px;}
.company .tit H2{font-size:30px; color:#000; line-height:50px;}
.company .tit H3{font-size:30px; color:#FFF; line-height:50px;}
.company .tit H4{background:url(../images/company_tit.png) no-repeat; width:296px; height:7px; display:block; margin:10px auto 0 auto}
.company .tit H6{font-size:14px; color:#c0c0c0; line-height:30px; margin-top:10px;}

.company .tit2 {margin-top:45px; text-align:center; position:relative}
.company .tit2 h3 {font-size: 30px; color: #000; width:250px; margin:-50px auto 0 auto; background:#f6f6f6; font-weight:normal;}
.company .tit2 .xian {top: 50px; content: "";max-width:100%; width: 100%;height: 1px;margin:30px auto;background: #fbea86;}



.company-about{width:100%; max-width:1200px; margin:50px auto 0 auto;}
.company-about .img{width:50%; margin-top:50px;}
.company-about .img img{width:100%;}
.company-about .text{width:46%; margin-left:4%; margin-top:50px;}


.company-culture{width:100%; background:#f6f6f6; margin:50px auto 0px auto; padding:50px 0px;}
.company-culture .img{width:100%; margin-top:50px;}
.company-culture .img img{width:100%;}


.company-culture-xt { margin-top: 66px; }
.company-culture-xt  li { width:23%; overflow: hidden; float: left; position: relative; margin-right:2.6%}
.company-culture-xt  li:last-child {margin-right:0px;}

.company-culture-xt  li figure { display: block; line-height: normal; overflow: hidden; }
.company-culture-xt  li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 450ms; }
.company-culture-xt  li figcaption { display: block; width: 100%; height: 56px; line-height: 56px; color: #ffffff; font-size: 24px; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); position: absolute; left: 0; bottom: 0; transition: 300ms; }
.company-culture-xt  li .diversified-wr { display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.8); visibility: hidden; background: #000\9; filter: alpha(opacity=80); position: absolute; left: 0; top: 0; z-index: 10; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform: rotateX(-60deg); -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; }
.company-culture-xt  li .diversified-wr mark { display: block; background: none; padding-left: 10%; height: 100%; padding-right: 10%; opacity: 0; transform: translateY(26px); -webkit-transform: translateY(26px); -moz-transform: translateY(26px); transition: 450ms 0ms; }
.company-culture-xt  li .diversified-wr h4 { line-height: normal; color: #fff; position: relative; padding-top: 20%; font-size: 24px; font-weight: normal; margin-bottom: 30px; }
.company-culture-xt  li .diversified-wr p { color: #ffffff; font-size: 13px; line-height: 2; }
.company-culture-xt  li:hover figure img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.company-culture-xt  li:hover figcaption { bottom: -56px; }
.company-culture-xt  li:hover .diversified-wr { opacity: 1; visibility: visible; transform: rotateX(0); -webkit-transform: rotateX(0); -moz-transform: rotateX(0); }
.company-culture-xt  li:hover .diversified-wr mark { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 450ms 250ms; }

.company-patent{width:100%; background:url(../images/about_patent_bj.jpg) no-repeat; padding-top:50px; padding-bottom:30px;}

/*2018.7.18补充 */
.company-video{width:100%; max-width:1200px; margin:50px auto 0 auto; padding-bottom: 50px;}
.company-video-tit{width: 100%; height: auto; background: url(../images/company_tit.png) no-repeat 50% 100%; font-size: 30px; text-align: center; padding-bottom: 20px;}
.company-video-list{width: 100%; height: auto; max-width: 1215px; margin: 20px auto; overflow: hidden;}
.company-video-list li{width: 390px; height: auto; float: left; margin-right: 15px; text-align: center; }
.company-video-list li p{line-height: 240%; background: #f6f6f6;}
/*2018.7.18补充结束 */


/*2019.4.15补充*/
.home-links { width: 1200px; margin: 0px auto; overflow: hidden; }
.home-links-title {margin:0px auto; margin-top:65px; text-align:center; position:relative; width:100%; max-width:1200px;}
.home-links-title H2{font-size:36px; color:#000; line-height:50px; text-transform: uppercase; }
.home-links-title H4{font-size:20px; color:#919191; line-height:30px;}
.home-links-title H5{font-size:14px; line-height:30px; color:#919191; margin-top:20px;}
.home-links-title .t1 {font-size: 14px; color: #ccc; font-weight:normal;  margin:0px auto 0 auto; background:#fff; font-weight:normal; line-height:35px; text-align:center!important; position:relative; top:0px;}
.home-links-title .xian{position:relative; margin-top:15px; z-index:1}
.home-links-title .xian1 {content: "";max-width:100%; width: 90%;height: 1px;margin:0px auto;background: #eee; z-index:1;}
.home-links-title .xian2 {content: "";max-width:100%; width: 100px;height: 5px;margin:-5px auto;background: #ffde16; z-index:1;}
.links-pic { width: 1200px; margin: 30px auto; overflow: hidden; }
.links-pic span a {padding: 5px 10px 5px 0; }


.company-patent .parent{margin:0px auto;}
.parent-list{ margin-top:15px;}
.parent-list li{ width:90%; float:left; margin:0px 2%; margin-bottom:0px; text-align:center;  position:relative}
.parent-list li:nth-child(3n+3){ margin-right:0;}
.parent-list li figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.parent-list li figure img{ display:block; width:94%; margin:3% auto; height:auto; transition:424ms linear;}
.parent-list li figcaption{ display:block; color:#000; font-size:18px; line-height:24px; height:50px; transition:350ms; text-align:center; padding-left:10px;}
.parent-list .product-down{ float:left;}

.parent-list li figure mark:before{ content:""; width:100%; height:0%; border-left:1px solid #999; border-right:1px solid #999; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.parent-list li figure mark:after{ content:""; width:0%; height:100%; border-top:1px solid #999; border-bottom:1px solid #999; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.parent-list li:hover figure mark{ opacity:1; transform:skewX(0); visibility:visible;}
.parent-list li:hover figure mark:before{ height:100%; transition:330ms 200ms;}
.parent-list li:hover figure mark:after{ width:100%; transition:330ms 200ms;}
.parent-list li:hover figure img{ transform:scale(1.02); -webkit-transform:scale(1.02); -moz-transform:scale(1.02);}
.parent-list li:hover figcaption{ color:#f00824; text-align:center}
.parent-list .owl-nav{display:none!important}

.parent-list li a{color:#c0c0c0; text-decoration:none; font-size:14px;}
.parent-list li a:hover{color:#fff; text-decoration:none}







.company-history{width:100%; margin:0px auto; margin-top:50px; max-width:1200px;}

.company-environment{width:100%; margin:0px auto; margin-top:50px;}



.company-market{width:100%; background:url(../images/about_marketing_bj.jpg) no-repeat; height:630px; padding-top:50px; padding-bottom:30px;}
.company-market .box{width:45%; float:left; max-width:400px; margin-top:100px;}
.company-market .img{width:100%; display:block}
.company-market .c{margin-top:10px; line-height:30px; color:#fff; text-indent:28px;}

.company-market .list{padding:0px 0px; float:right; width:50%; margin-top:100px;}
.company-market .list li{display:block; margin:30px 0px; height:55px; line-height:55px;}
.company-market .list li img{line-height:55px; vertical-align:middle;}
.company-market .list li i{float:left; width:52px;}
.company-market .list li span{float:left;}
.company-market .list li .txt{float:left; padding-left:10px; width:80%;}
.company-market .list li .txt H4{font-size:20px; color:#fff; line-height:35px;}
.company-market .list li .txt H5{font-size:14px; color:#8e9095; line-height:20px;}
.company-market .list li:last-child{margin-right:0px;}


.location{width:100%; background:#fff; height:51px; display:block}
.location p{font-size:14px; line-height:50px; color:#919191;}


.about{width:100%; margin:0px auto; margin-bottom:0px; display:block }
.about-box{margin:0px auto; max-width:1200px; width:100%;}


.aboArea{ border-top:none; } 
.aboArea .l{ max-width:270px; width:100%; float:left; position:relative; z-index:99;}
.aboArea .r{float:right; position:relative; max-width:900px; width:100%;}
.topLine{ display:block; width:0; position:absolute; top:0; height:5px; transition:1.5s; -webkit-transition:1.5s;  }
.topLine_1{ right:0; }
.topLine_2{ left:0; }
.topLine.show{ width:100%; }
.back_1{ background:#717c8e; }
.back_1:after{content:""; background:url(../images/navleft-1.jpg) no-repeat; width:19px; height:12px; display:block }
.proArea .abnav .lnav{ width:268px; }
.proArea .abnav .lnav a{ padding:15px 0; }
.btmpas{ padding-bottom:7%; }
.abnav .padd{ padding:40px 0 0 0px; }
.abnav a{ color:#070707; }
.abnav a:hover,.abnav a:active{ color:#38b7bd; }
.abnav .lnav{ width:270px;  margin-top:0px; border-top:0px; padding:0px 0px 20px 0px; background:#fff;}
.abnav .lnav li{padding:0px 0px 0px 0px; border-bottom:1px solid #ddd; margin:0px 10px; position:relative}
.abnav .lnav a{ text-transform:capitalize; display:block;  position:relative; transition:0ms; -webkit-transition:0ms; font-size:14px; color:#666666;}
.abnav .lnav li a{ color:#404040; margin:0px -10px; border-left:3px solid #fff;}
.abnav .lnav li a:hover, .abnav .lnav li a.cur{ color:#d71619; border-left:3px solid #ffde16;}
.abnav .lnav li span{padding-left:20px;}

.abnav .mcv{ line-height:42px; color: #fff; font-size:15px; text-align:center; display:none; cursor:pointer; background:#717c8e; }
.abti{ background:#717c8e; width:270px; position:relative; text-align:center} 
.abti:before{content:"";  width:0; height: 0; border-top: 35px solid #ffde16; border-right: 50px solid transparent; position:absolute; top:0px; left:0px;}
.abti .tit{width:120px; margin:0px auto; padding:30px 0px;}
.abti .tit H3{font-size:30px; color:#fff; padding:0px 0px;} 
.abti .tit H6{font-size:14px; color:#aaa; padding:0px 0px; font-family:Arial, Helvetica, sans-serif; text-align:left;} 

.abnav .cont{margin-top:20px;}
.abnav .cont .tit{ background:#00b8e0; width:270px;} 
.abnav .cont .tit h3{font-size:18px; color:#fff; padding:15px 0px 15px 20px;} 

.abnav .cont .list{ width:268px;  margin-top:0px; border:1px solid #eee; border-top:0px; padding:10px 0px 30px 0px;}
.abnav .cont .list li{padding:10px 0px 10px 20px; border-bottom:1px solid #eee; margin:0px 20px; font-size:14px; color:#666;}
.abnav .cont .list li i{background:url(../images/jiantou.jpg) no-repeat; width:6px; height:9px; margin-right:10px; display:block; float:left; margin-top:3px;}
.abnav .cont .list li span{color:#00b8e0; display:block;}


.l-contact{max-width:270px; width:100%; margin-top:20px;}
.l-contact .tit{background:#717c8e; text-align:center; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; position:relative}
.l-contact .tit:before{position:absolute; background:url(../images/left-contact-icon.png) no-repeat; width:45px; height:50px; display:block; content:""; top:0px; left:0px;}
.l-contact .box{background:#fff; max-width:270px; width:100%;}
.l-contact .box ul{padding:18px 10px;}
.l-contact .box ul li{display:block; line-height:30px; color:#424242;}


.aboArea .rbox{width:100%; padding-top:40px;}
.aboArea .rbox .title{border-bottom:1px solid #eee; position:relative; height:53px;}
.aboArea .rbox .title H3{font-size:24px; padding:10px 0px 5px 0px; color:#000;}
.aboArea .rbox .title p{float:right; color:#999999; font-size:12px; padding-top:20px;}
.aboArea .rbox .title p span{color:#999;}
.aboArea .rbox .con{padding:20px 0px 30px 0px; background:#fff; float:left; width:100%; min-height:600px;}

.aboArea .rbox .con .cbox{padding-left:20px; padding-right:20px; line-height:30px;}

.contact-box{width:100%; float:left}
.contact-box .box{width:100%;}
.contact-box .box h1{font-size:36px; color:#404040; line-height:50px;}
.contact-box .box p{font-size:14px; color:#404040; line-height:30px;}
.contact-box .ewm{float:left; margin-top:10px; text-align:center; max-width:107px;}
.contact-box .ewm p{text-align:center;}

.contact-map{width:100%; float:left; margin-top:40px;}
.contact-map img{width:100%;}



/*新闻资讯*/
.newIbox{width:100%; margin-top:30px;}
.newIlist a:link, .newIlist a:visited { color: #404040; }
.newIlist a:active, .newIlist a:hover { color: #0880D6; }
.newIlist dd {display:block; width: 100%; margin-bottom:10px; border-bottom:1px dashed #dadada; padding-bottom:20px; }
.newIlist .time { color: #b3bcc3; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; float:right;}
.newIlist .time i{background:url(../images/icon_time.png) no-repeat; width:16px; height:16px; display:inline-block; float:left; margin-top:2px; margin-right:5px;}
.newIlist .tit{width:100%; display:block; height:40px; overflow:hidden}
.newIlist .t { font-size: 18px; height:30px; line-height: 1.5; overflow: hidden; margin-bottom: 10px; color:#404040; float:left}
.newIlist .c { color: #9c9c9c; font-size: 14px; height: 50px; line-height:25px; overflow: hidden; margin-bottom: 10px; }
.newIlist a.more { width: 132px; height: 36px; text-align: center; line-height: 36px; display: block; background-color: #717c8e; color: #fff; position: relative; }
.newIlist a.more .i1 { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; transition: 300ms; background-color: #4f5a6b; }
.newIlist a.more .i2 { position: relative; z-index: 1; }
.newIlist dd:hover .t a { color: #333; }
.newIlist dd:hover .more .i1 { width: 100%; }
.newIlist dd:hover .c { color: #666; }


.newsview {width: 100%; margin: 30px auto 60px auto;}
.newsview H3 {font-size: 24px; color: #666; line-height: 60px; text-align: center; padding:0px 10px;}
.newsview .info {width: 98%; margin: 0px auto; text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 10px;}
.newsview .info span {margin: 0px 10px;	line-height: 30px; font-size: 12px; text-align: center}
.newsview .info .ly{display:inline-block}
.newsview .info .time{display:inline-block}
.newsview .info .zi{display:inline-block}
.newsview .info .zi a{padding:0px 5px; color:#666;}
.newsview .c {font-size: 16px; line-height: 30px; padding: 0px 10px; margin-top: 30px;}
.newsview .c img {text-align: center;}]
.newsview .c a{width:100%!important; color:#666!important; max-width:100%!important;}
.newsview .botbox{width:100%; max-width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:15px 0px; height:40px;}
.newsview .botbox .share{float:right; padding-left:10px; font-size:12px; padding-top:10px}
.newsview .botbox .newpage{float:left; padding-right:10px; font-size:12px;}
.newsview .botbox .newpage span{display:block; line-height:24px;}

.newsview .bbtn{width:100%; text-align:center; margin-top:30px;}
.newsview .bbtn .btn1{width:130px; height:40px; line-height:40px; text-align:center; background:url(../images/icon_fanhui.jpg) no-repeat; color:#fff; display:inline-block; text-indent:-9999px; overflow:hidden}
.newsview .bbtn .btn1:hover{background:url(../images/icon_fanhui_1.jpg) no-repeat}
.newsview .bbtn .btn2{width:130px; height:40px; line-height:40px; text-align:center; background:url(../images/icon_gotop.jpg) no-repeat; color:#fff; display:inline-block; padding-left:-10px; text-indent:-9999px; overflow:hidden}
.newsview .bbtn .btn2:hover{background:url(../images/icon_gotop_1.jpg) no-repeat}


/*产品中心*/
.pro-list{width:100%; margin-top:0px;}
.pro-list li{width:100%; float:left; margin-bottom:0px;}
.pro-list .item { border-bottom:1px solid #eee; padding: 25px 25px; position: relative; height: 230px;}
.pro-list .img { position: absolute; left: 16px; top: 25px; width: 370px; overflow: hidden; cursor: pointer; }
.pro-list .img img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.pro-list .box { padding-left: 400px; }
.pro-list .t { color: #343333; font-size: 20px; line-height: 22px; margin-top:0px; height: 22px; overflow: hidden; margin-bottom: 12px; text-overflow:ellipsis; }
.pro-list .t a{ color: #343333; text-decoration:none}
.pro-list .t a:hover{ color: #1f4e8a;}
.pro-list .c { height: 120px; line-height:30px; overflow: hidden; margin-bottom: 10px; color:#666; font-size:14px;}
.pro-list .c a{ color: #666; text-decoration:none}
.pro-list .c a:hover{ color: #343333;}
.pro-list li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.pro-list li:hover .t { color: #1f4e8a; }
.pro-list .more {padding: px 0px px 0px; line-height:35px; display: inline-block; color:#fff; font-size:12px;  background:#717c8e; width:120px; height:35px; text-align:center; border-radius:20px;}
.pro-list .more:hover {background:#4f5a6b;}

.pro-list li:hover{ box-shadow:0px 0px 20px #ddd;}


.pro-box a:link{ color: #fff; }
.pro-box a:active{ color: #fff; }
.pro-box{border:1px solid #eee;}
.pro-box .img { display: block; transition: 600ms;}
.pro-box .itemtxt { position: absolute; width: 100%; left: 0%; top: 0%; height: 100%; text-align: center; display: table-cell; z-index: 5; transition: 400ms; }
.pro-box .itemtxt .ico { background:url(../images/workshop_icon_fdj.png) no-repeat; width: 65px; height: 65px; display: block;  opacity: 0; filter: alpha(opacity=0); position: relative; top: 160px; transition: 300ms; margin:0px auto;}
.pro-box:hover .img { transform: scale(1); -webkit-transform: scale(1); }
.pro-txt { font:14px; display:block; transition: 300ms; color:#787a7d; padding:15px 0px; text-align:center;}
.pro-txt a{color:#787a7d}
.pro-txt a:hover{color:#002860}

.pro-box { position: relative; top: 0px; opacity: 0; }
.pro-box { top: 0px; opacity: 1; }


.pro-view{width:100%}
.pro-view .img{width:100%;}
.pro-view .img img{width:100%;}
.pro-view .box{width:100%; padding-top:20px; padding-bottom:30px; border-bottom:1px dashed #dddddd}

.pro-view .box .tit{border-top:2px solid #333; height:5px; border-bottom:1px solid #eeeeee; height:56px; display:block; margin-bottom:20px;}
.pro-view .box .tit H4{line-height:56px; color:#333; font-size:18px;}

.pro-view .box2{width:100%; padding-top:20px; padding-bottom:30px; border-bottom:1px dashed #dddddd}
.pro-view .box2 table{background:#ccc;}

.proForm { padding:0 0px; color: #747474; font-size: 14px; margin-top:0px; }
.formBox { float: left; display: block; width: 80%;}
.formBox2 { float: left; display: block; width: 100%;}
.formBox2 span{padding-left:10px; color:#f00}

.formBox p{ color:#F00}
.formBox span{padding-left:10px; color:#f00}
.formBox .fitem { padding: 20px 0% 0px; }
.formBox2 .fitem { padding: 20px 0% 0px; }
.formBox .proFormT { margin-bottom: 28px; }
.formBox2 .proFormT { margin-bottom: 28px; }
.formBox2 .fromT { background-color: #fff; border: 0px none; padding: 8px 12px; width: 80%; font: 14px/1.8 Arial, Helvetica, sans-serif; border:1px solid #ddd;}
.proForm .fromBtn { display:inline-block; width: 100%; max-width:160px; margin:20px auto 0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background-color: #717c8e; border:1px solid #717c8e; margin-right:20px; cursor:pointer}
.proForm .fromBtn:hover { background-color: #556073; border:1px solid #556073; color:#fff }
.proForm .fromBtn2 { display:inline-block; width: 100%; max-width:160px; margin:0px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background-color: #062b0c; border:1px solid #062b0c; margin-right:20px; cursor:pointer}
.proForm .fromBtn2:hover { background-color: #054d11; border:1px solid #054d11; color:#fff }


.proFormT2 { font-weight: normal; }
.proFormTBL td { padding-bottom: 10px; vertical-align: top;}
.proFormTBL2 td {width:100%; display:block; padding-bottom: 0px;}
.jfname { width: 120px; text-align: right; padding-right:10px; line-height: 34px; }
.jfname2 { width: 100%; text-align: left; line-height: 34px; }
input[type="text"].fromT { border-radius: 0px; }
.fromT { background-color: #fff; border: 0px none; padding: 8px 12px; width: 70%; font: 14px/1.8 Arial, Helvetica, sans-serif; border:1px solid #ddd;}
.fromT2 { height: 120px; margin-bottom:0px; }
.fromT3 { background-color: #fff; border: 0px none; padding: 8px 12px; width: 20%; font: 14px/1.8 Arial, Helvetica, sans-serif; border:1px solid #ddd;}
textarea.fromT2 { resize: none; font-size: 14px; }
select.selbox { width: 100%; height: 38px; line-height: 38px; padding: 0px; outline: none; vertical-align: middle; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:Arial, Helvetica, sans-serif; cursor: pointer; display: block; font-size: 12px; background: url(../images/select.gif) no-repeat scroll 98% center #fff; padding-left: 12px; }
.no-csstransitions select.selbox { padding-left: 0; background-image: none; }
select.selbox option { padding: 2px 12px; }
select.selbox:hover { color: #323232; }
.formBox .selbox { float: left; margin: 0px 1.33% 0px 0px; display: block; width: 100%; border:1px solid #ddd; border-radius: 3px; }
.formBox .selbox2 { margin-right: 0px; width: 33.33%; }
input.fromT:focus { box-shadow: 0 1px 2px 0 #ddd; }


/* 底部 */
.footer{ background:#424242 url(../images/i_footer_bj.jpg) repeat;}
.footer a{ color:#a6a6a6; }
.footer a:hover,.footer a:active{ color:#fff; }
.footer .fnav{ width:55%; float:left; line-height:2.2; border-right:1px solid #353535; margin-top:35px; }
.footer .fnav li{ float:left; margin-left:8%; }
.footer .fnav li:first-child{ margin-left:0; }
.footer .fnav a{ display:block; text-transform:capitalize; font-size:14px;}
.footer .fnav .fa{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; color:#fff; font-size:16px; position:relative; margin-bottom:0px; }
.footer .fnav .line{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; }
.footer .fnav .fa:hover .line{ width:0; }
.footer .t{ padding:0px 0 45px 0;}
.footer .t .r{ width:40%; float:left; margin-top:35px; border-left:1px solid #555; padding-left:3%; height:305px; }
.footer .t .r .tx{ padding-left:0px; line-height:30px; width:100%; float:left; color:#8c8c8c}
.tool a{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; width:32px; height:32px; margin-left:8px;}
.footer .t .r .ewm{ padding-left:0px; line-height:30px; width:30%; float:left}
.footer .t .r .ewm img{padding-left:20px;}
.footer .t .r H6{text-align:center; color:#fff;}

.footer .b{ color:#999;}
.footer .b a{ color:#999; }
.footer .b a:hover,.footer .b a:active{ opacity:0.5; filter:alpha(opacity=50); }
.footer .lef{ float:left; min-height:31px; padding-top:13px;}
.footer .rig{ float:right; position:relative;}
.footer .rig .r1 {position:absolute; right:60px; top:0px; min-width:150px; padding-top:15px;}
.footer .rig .r1 span{padding:0px 5px;}
.footer .rig .r2 {position:absolute; top:0px; right:0px; padding:0px; margin:0px; height:44px; overflow:hidden}
.footer .rig .r2 img{padding:0px; margin:0px;}
.back_1{ background:#efefef;}
.back_2{ background:#f7f7f7;}

/* 底部 end */




@-webkit-keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }

  
}

@keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }
}


/*荣誉资质*/
.honor{width:100%;}
.honor ul{margin-top:20px;}
.honor li{width:30%; margin-right:1.2%; margin-left:1.83%; display:block; overflow:hidden; float:left; margin-bottom:2%;}
.honor li:nth-child(3n+3){margin-right:0}
.honor-box .img { display: block; transition: 600ms; padding:4%; width:92%;}
.honor-box .img img{}
.honor-txt { font:14px; display:block; transition: 300ms; color:#404040; padding:15px 0px 0px; text-align:center;}
.honor-txt :hover{color:#002860}

.honor-box { position: relative; top: 0px; opacity: 0; }
.honor-box { top: 0px; opacity: 1; }



.news-Ibox a:link,.news-Ibox a:visited { color: #484848;}
.news-Ibox a:active,.news-Ibox a:hover { color: #484848;}
.news-Ibox ul{ margin-left: 0px; border-bottom:1px dashed #ddd; padding-bottom:30px;}
.news-Ibox li{ float: left; display: block; width:32%; margin-right:2%;}
.news-Ibox li:last-child{margin-right:0px;}
.itemBox{ position: relative;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #fff;}
.itemBox .imgBox{ position: relative; overflow: hidden; background-color: #000;}
.itemBox .img{ width: 100%; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.itemBox .tit{ position: absolute; left: 0px; bottom:0px; color: #fff; background:rgba(0,0,0,.7); width:100%; height:50px; line-height:20px;}
.itemBox .tit span{ margin:5px 10px; float:left}
.itemBox .c{margin-top:10px;}
.itemBox .c .t{font-size: 14px; margin-bottom: 10px; overflow: hidden; color: #828282; line-height:24px;}
.itemBox .c .time{ height: 20px; overflow: hidden; color: #797979;}
.itemBox .c .time i{background:url(../images/icon_time.png) no-repeat; width:16px; height:16px; display:inline-block; float:left; margin-top:4px; margin-right:5px;}
.itemBox:hover .img{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:0.5; filter:alpha(opacity=50);}












.pagelist{ text-align:center; margin-top:30px;}
.pages{ display:inline-block; margin:auto;}
.pages a{ display:inline-block; float:left; background:#fff; text-align:center; height:25px; line-height:25px; color:#7b7b7b; border:1px solid #eee;}
.pages a.prev{ width:45px;}
.pages a.home{ margin-right:8px;}
.pages a.last{ margin-left:8px;}
.pages a:hover{ color:#fff; background:#ffca7d;}
.pages a.prpage{ width:25px;}
.pages a.pre{ margin-right:8px;}
.pages a.nex{ margin-left:8px;}
.pages a.nuble{ width:32px; margin-right:1px;}
.pages a.act{ color:#fff; background:#ffca7d;}





.tab-group {position: relative; margin-top: 30px;}
.tab-group section {opacity: 0; height: 0; padding: 0 0; overflow: hidden;}
.tab-group section.active {opacity: 1; height: auto; overflow: visible;}
.tab-nav {list-style: none;  padding: 0; height: 40px; overflow: hidden; background:#eee;}
.tab-nav li {display: inline;}
.tab-nav li a {position: relative; display: block; float: left; background: #eee; line-height: 40px; width:24.769%; padding: 0 0px; text-align:center; text-decoration: none; border-right:2px solid #fff; color:#333}
.tab-nav li.active a {background: #ffde16; color: white; line-height: 40px; margin-top: 0;}



.menu_list{width:100%;margin:0 auto;}
.menu_head{
	height: 47px;
	line-height: 47px;
	padding-left: 20px;
	font-size: 14px;
	color: #525252;
	cursor: pointer;
	position: relative;
	border-bottom:1px solid #eee;
	margin: 0px;
	background:url(../images/icon-jia.png) center right no-repeat;
}
.menu_list .current{background:url(../images/icon-jian.png) center right no-repeat; color:#000;}
.menu_body{
	line-height: 38px;
	backguound: #fff;
	padding-left:20px;
}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #eee; padding:5px 0px!important;}
.menu_body a:hover{text-decoration:none;}
.menu_body a.curr{color:#c50200;}



table {
  /*background-color: transparent;*/
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
  font-size:14px;
  font-weight:normal
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  border-top: 1px solid #ddd;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}




  .table {
    border-collapse: collapse !important;
  }
  .table td {
    background-color: #fff !important;
  }
   .table th {
    background-color: #eee !important;
  }
  
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }


.shopcar table{border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
.shopcar table td{ border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}


.milepostPage { padding: 80px 0px 60px; }
.pageBoxT2 .zh1 { font: 30px/1.5 "Helvetica Neue","Hiragino Sans GB","Microsoft JhengHei",Arial,"SimSun",sans-serif; color: #5899dd; }
.pageBoxT2 .zh2 { font: 22px/1.5 "Helvetica Neue","Hiragino Sans GB","Microsoft JhengHei",Arial,"SimSun",sans-serif; color: #747474; margin: 10px 0px; }
.milepostPage .pageBoxT2 { text-align: center; }
.milepostPage .inner { padding: 90px 0px; position: relative; }
.article-block .pageBoxT2 .zh1, .article-block .pageBoxT2 .zh2 { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.articleShow .pageBoxT2 .zh1, .articleShow .pageBoxT2 .zh2 { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.article-block .pageBoxT2 .zh1 { transition: all 570ms ease-in-out 0s; }
.article-block .pageBoxT2 .zh2 { transition: all 770ms ease-in-out 0s; }
.milepostDemo { width: 1042px; margin: 0px auto; }
.milepostDemo a:link, .milepostDemo a:visited { color: #a9a9a9; }
.milepostDemo a:active, .milepostDemo a:hover { color: #5899dd; }
.milepostDemo .item { text-align: center; margin: 0px 15px; border: 1px solid #fff; }
.milepostDemo .item a { display: block; padding: 70px 0px 0px; height: 198px; position: relative; }
.milepostDemo .item .t { font-size: 24px; margin-bottom: 10px; }
.milepostDemo .item .time { font-size: 14px; }
.milepostDemo .item:hover { border: 1px solid #dddddd; box-sizing: border-box; }
.proLeft, .proRight { position: absolute; top: 45%; width: 31px; height: 31px; }
.proLeft { background:url(../images/about_environment_left.png) no-repeat scroll 25% center; left: 0px; }
.proRight { background:url(../images/about_environment_right.png) no-repeat scroll 75% center; right: 0px; }
.proLeft:hover { background-position: 0px center; }
.proRight:hover { background-position: right center; }