﻿@charset "utf-8";
/* CSS Document */

/*通用*/
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
html{ -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}
/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
/*图片默认样式*/
img{border:0;vertical-align: middle;max-width:100%;}
/*动画效果*/
*{transition-property:all;}

.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.show{display:block;}
.hide{display:none;}

.ofH{overflow:hidden;}
.pr{position:relative;}

/*字体*/
@font-face {
    font-family:'DINCond-Bold';
    src: url('../fonts/DINCond-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*限制行数 -- 一行*/
.Ipro-box .t1,
.Ipro-box .t2,
.Icase-box .name,
.Inews-list li .t,
.Inews-list li .c,

.nlist-box .t
{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/
.Icase-box .con,

.Ipro-box .con,
.nlist-box .c
{-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}


/*动画*/
a:hover
{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.animation,
.Icase-more span,
.Isrv-list li img,
.Isrv-list li .type,

.pTableWeb-top:after
{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.comCul-list li img,
.comCul-list li .type,
.comCul-list li .split,
.comCul-list li .con{transition:all 1s cubic-bezier(.19,1,.22,1);-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);}


/*通用img*/
.srvlist-box .icon img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}
.Ipro-img img,
.nlist-img img{width:100%;height:100%;object-fit:cover;}

.sol-bnr,
.pro-top{background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;}

article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video 
{margin: 0;padding: 0;border: 0}

a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul {
	border: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}
article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video {display: block}
table {border-collapse: separate;border-spacing: 0;}
table caption, table td, table th {text-align: left;vertical-align: middle}
a img {border: 0}
em{font-style:normal;}
:focus {outline: 0}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
}
body {
	background-color: #ffffff;/*整体背景颜色*/
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(255,255,255,0);/*点击高亮效果*/
}
body, button, input, pre, select, textarea {
	font-size: 14px;
	font-family:'Microsoft YaHei','Arial';
}
input, textarea {-webkit-appearance: none;border-radius: 0;}
ol, ul {list-style: none;}
a, a:active{color: inherit;text-decoration: none;cursor:pointer;}
h1, h2, h3, h4, h5, p, span {overflow: visible;}

/*分页*/
.pagination{width:100%;height:auto;text-align:center;font-size:0px;position:relative;overflow:hidden;margin:35px 0 0;}/*分页*/
.pagination a,.pagination span{display:inline-block;padding:0 18px;line-height:48px;font-size:14px;color:#666666;border:1px solid #e5e5e5;margin:0 4px;}
.pagination span.current,
.pagination a:hover{color:#fff;border-color:#F03347;background:#F03347;}

/*-----whole-----*/
html{font-size:100px;overflow-x: hidden;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;overflow-x:hidden;}
body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;}

@media (min-width:768px){.contain{width:750px;margin:0 auto;}}
@media (min-width:992px){.contain{width:970px;margin:0 auto;}}
@media (min-width:1260px){.contain{width:1230px;margin:0 auto;}}
@media (min-width:1460px){.contain{width:1430px;margin:0 auto;}}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

input.text,
textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}

/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{height:72px;position:relative;}
.header-container{padding:0 2.5%;width:100%;background:#fff;box-shadow:0px 4px 5px rgba(9,2,4,.17);position:fixed;top:0px;left:0px;z-index:90;}


/*logo*/
.Hlogo{height:72px;line-height:72px;font-size:0px;float:left;overflow:hidden;position:relative;z-index:5;}

/*language*/
.Hlang{padding:0 0 0 34px;border-left:1px solid #e5e5e5;position:relative;float:right;}
.Hlang-menu{display:block;height:72px;line-height:72px;padding:0 0 0 28px;font-size:16px;color:#666666;background:url(../images/icon-Hlang.png) no-repeat left center;}
.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:68px;right:0px;display:none;padding:20px 0px;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;right:0;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#0062b2;}
.Hlang-box a.CN{background-image:url(../images/icon-CN.png);}
.Hlang-box a.JP{background-image:url(../images/icon-jp.png);}
.Hlang-box a.EN{background-image:url(../images/icon-EN.png);}

/*注册登录*/
.Header-btn{ padding:6px 12px 6px;font-size:14px;color:#fff; background:#1C89D8;border-radius:3px;float:right;margin:20px 12px 0;}
.Header-btn:hover{color:#F1F322;background:#009B4C;}

/*nav*/
.Hnav{position:relative;float:right;margin:0 30px 0 0;}
.Hnav>li{padding:0 36px;position:relative;float:left;z-index:2;}
.Hnav>li.Hnav-cur{padding:0px;height:3px;background:#F03347;position:absolute;bottom:0px;float:none;z-index:0;}
.Hnav .Hname{display:block;height:72px;line-height:72px;font-size:16px;position:relative;overflow:hidden;}
.Hnav .Hname i{display:block;width:50px;height:50px;background:url(../images/icon-dd1.png) no-repeat center center / 12px auto;position:absolute;right:0px;top:0px;z-index:2;display:none;}
.Hn2nd-box{padding:23px 0 0;width:178px;position:absolute;top:70px;left:22px;display:none;}
.Hn2nd-box:after{content:"";display:block;border-bottom:9px solid #e7e8ec;border-left:8px solid transparent;border-right:8px solid transparent;position:absolute;top:14px;left:20px;}
.Hn2nd-box a{display:block;padding:10px 0 10px 27px;line-height:26px;color:#666666;border-bottom:1px solid #c7d2df;background:#e7e9ec;}
.Hn2nd-box a.cur,
.Hn2nd-box a:hover{color:#F03347;}

.Hnav>li.cur .Hname{color:#F03347;}
@media all and (min-width:980px){
	.Hnav>li:hover .Hn2nd-box{display:block;animation:HnavDD .6s ease-in-out;-webkit-animation:HnavDD .6s ease-in-out;}
	.Hlang:hover .Hlang-box{display:block;}
}
@keyframes HnavDD{
	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes HnavDD{
	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}

/*--- Footer ---*/
.Footer-wrapper{}
.F-cr{padding:20px 0;line-height:20px;color:#888888;}
.footer-container{padding:35px 0 25px;background:#f4f4f4;}
.Fnav{width:16.5%;float:left;}
.Fnav dt{line-height:28px;font-size:16px;font-weight:600;}
.Fnav dd{margin:15px 0 0;}
.Fnav dd a{display:block;padding:5px 0;line-height:22px;color:#666666;}
.Fnav dd a:hover{color:#F03347;text-decoration:underline;}
.Fct{width:31%;float:right;}
.Fct .FoCon-btn{width:158px;height:45px;line-height:41px;font-size:16px;color:#F03347;border-radius:45px;border:2px solid #F03347;float:right;margin:6px 0 0;}
.FoCon-btn:hover{color:#fff;background:#F03347;}
.Fct .tel{line-height:32px;font-size:26px;}
.Fcon{padding:9px 0 13px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;margin:13px 0 0;}
.Fcon .con{padding:0 0 0 25px;line-height:28px;color:#666666;}
.Fcon .con.adr{background:url(../images/icon-Fadr.png) no-repeat left top;}
.Fcon .con.post{background:url(../images/icon-Fpost.png) no-repeat left top;}
.Fcode{margin:11px 0 0;}
.Fcode li{text-align:center;float:left;margin:0 0 0 6.989247311827957%;}
.Fcode li:first-child{margin:0px;}
.Fcode li img{width:160px;height:160px;}
.Footer-wrapper.on .Fnav dd{display:block !important;}

/*--- Banner ---*/
.bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;}
#index-bnr .swiper-slide{overflow:hidden;}
#index-bnr .bnr-img{height:600px;width:100%;overflow:hidden;}
#index-bnr .bnr-img .bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
#index-bnr .swiper-slide.swiper-slide-active .bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;}
#index-bnr .bnr-img span{width:82px;height:82px;background:rgba(255,255,255,0.1);border-radius:50%;position:absolute;left:0px;top:0px;font-size:18px;color:#fff;padding:15px 0px;text-align:center;transition:all 0.1s ease-in-out 0.1s;opacity:0;transition-delay:0.2s;-webkit-transition-delay:0.2s;}
#index-bnr .bnr-img span.bnr-ic1{left:23%;top:40px;transition-delay:.5s;}
#index-bnr .bnr-img span.bnr-ic2{left:30%;top:60px;transition-delay:1s;}
#index-bnr .bnr-img span.bnr-ic3{left:35%;top:40px;transition-delay:1.2s;}
#index-bnr .bnr-img span.bnr-ic4{left:41%;top:120px;transition-delay:1.5s;}
#index-bnr .bnr-img span.bnr-ic5{left:41%;top:auto;bottom:140px;transition-delay:1.8s;}
#index-bnr .bnr-img span.bnr-ic6{left:25%;top:auto;bottom:225px;transition-delay:2s;}
#index-bnr .bnr-img span.bnr-ic7{left:19%;top:auto;bottom:120px;transition-delay:2.2s;}
#index-bnr .bnr-img span.bnr-ic8{left:14%;top:auto;bottom:210px;transition-delay:2.4s;}
#index-bnr .bnr-img span.bnr-ic9{left:13%;top:auto;bottom:310px;transition-delay:2.6s;}
#index-bnr .swiper-slide.swiper-slide-active .bnr-img span{opacity:1;}
#index-bnr .bnr-img span:hover{background:rgba(255,255,255,0.3);color:#F03347;transition-delay:0.1s!important;-webkit-transition-delay:0.1s!important;}

/*Bnr1*/
.bnr-img .t1{line-height:80px;font-size:40px;font-weight:bold;}
.bnr-img .t2{font-size:32px;font-weight:lighter;font-family:'微软雅黑';}
.bnr-img .t1,.t1-tit,.t2-tit,
.bnr-img .t2{transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition-delay:.4s;-webkit-transition-delay:.4s;opacity:0;}
.bnr-img .t1,.t1-tit{transform:translateX(-50px);-webkit-transform:translateX(-50px);}
.bnr-img .t2,.t2-tit{transform:translateX(50px);-webkit-transform:translateX(50px);}
.swiper-slide.swiper-slide-active .t1,.active .t1-tit,.active .t2-tit,
.swiper-slide.swiper-slide-active .t2{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

#index-bnr .swiper-pagination{font-size:0px;bottom:24px !important;}
#index-bnr .swiper-pagination-bullet{width:12px;height:12px;background:none;border:1px solid rgba(255,255,255,.6);border-radius:100%;opacity:1;margin:0 8px;}
#index-bnr .swiper-pagination-bullet-active{background:#F03347;border:0px;}

.bnr-img.page-bnr{height:400px;}

#index-webBnr{display:none;}
#index-webBnr .bnr-img{height:12rem}
#index-webBnr img{width:100%;height:auto;}
#index-webBnr .swiper-pagination{font-size:0px;bottom:10px !important;}
#index-webBnr .swiper-pagination-bullet{width:8px;height:8px;background:none;border:1px solid rgba(255,255,255,.6);border-radius:100%;opacity:1;margin:0 3px;}
#index-webBnr .swiper-pagination-bullet-active{background:#F03347;border:0px;}

@media all and (max-width:980px){
	#index-bnr{display:none;}
	#index-webBnr{display:block;}
}

/*-- 首页 --*/
.I-title{text-align:center}
.I-title .t1{line-height:56px;font-size:36px;}
.I-title.It2 .t1{color:#fff;}

/*首页产品*/
.index-pro{padding:42px 0 50px;}
.Ipro-swiper{position:relative;margin:27px 0 0;}
.Ipro-box{display:block;margin-top: 2px;padding:0 0 20px;border:1px solid #c7c7c7;position:relative;}
.Ipro-box .Ipro-img{width:100%;height:320px;overflow:hidden;}
.Ipro-box .t1{padding:0 7.853403141361257%;line-height:30px;font-size:26px;margin:20px 0 0;}
.Ipro-box .t2{padding:0 7.853403141361257%;line-height:27px;font-size:18px;margin:10px 0 0;}
.Ipro-box .con{padding:0 7.853403141361257%;line-height:24px;height:72px;color:#666666;margin:10px 0 0;}
.Ipro-box .btn{width:100px;height:36px;line-height:36px;font-size:13px;font-weight:600;color:#fff;background:#F03347;margin:23px 0 0;float:right;}
.Ipro-box .btn span{padding:0 22px 0 0;background:url(../images/icon-go.png) no-repeat right center;}

.indexProSwiper-prev,
.indexProSwiper-next{display:block;width:70px;height:70px;position:absolute;top:50%;margin:-35px 0 0;z-index:2;}
.indexProSwiper-prev{background:url(../images/swiper1-l.png) no-repeat center center / cover;left:-1.28rem;}
.indexProSwiper-next{background:url(../images/swiper1-r.png) no-repeat center center / cover;right:-1.28rem;}
.indexProSwiper-prev:hover{background-image:url(../images/swiper1-l2.png);}
.indexProSwiper-next:hover{background-image:url(../images/swiper1-r2.png);}
.Ipro-box{transition:all .3s cubic-bezier(.55,0,.1,1);-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);}
.Ipro-box:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);}
@media all and (max-width:1400px){
	.indexProSwiper-prev{left:0px;}
	.indexProSwiper-next{right:0px;}
}


/*首页视频*/
.homebanner { width: 100%; text-align: center; color: rgb(255, 255, 255); display: table; position: relative; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } 
.homebanner.curr { margin-top: 148px; } 
#video { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; -o-object-fit: fill; object-fit: fill; } 
.hb_bg { background: rgba(22, 35, 44, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } 
.hb_txt { text-align: center; vertical-align: middle; display: table-cell; position: relative; z-index: 3; } 
.hb_txt .inner { margin: 0px auto; width: 60%; display: none; } 
.hb_txt .h2 { line-height: 80px; font-family: "microsoft yahei"; font-size: 0.6rem; margin-bottom: 15px; position: relative; } 
.hb_txt .desc { line-height: 35px; font-size: 18px; position: relative; } 
.increase-txt { line-height: 30px; color: #777; text-align: center; margin-top: 18px; margin-bottom: 20px; }

/*首页新闻*/
.index-news{padding:62px 0 70px;}
.Inews-wrap{width:46.75%;margin:46px 0 0;}
.Inews-top{padding:0 0 20px;line-height:43px;border-bottom:1px solid #afafaf;}
.Inews-top .type{font-size:24px;color:#000;}
.Inews-top .more{padding:0 22px 0 0;font-weight:600;font-size:13px;color:#F03347;background:url(../images/icon-go3.png) no-repeat right center;float:right;}
.Inews-list li{padding:14px 0 18px;border-top:1px solid #eeeeee;}
.Inews-list li:first-child{border:0px;}
.Inews-list li .t{line-height:30px;font-size:16px;}
.Inews-list li .c{line-height:26px;font-size:13px;color:#888888;}
.Inews-list li:hover .t{color:#F03347;}

/*首页服务*/
.index-srv{padding:50px 0 62px;text-align:center;color:#fff;background:url(../images/in04-bg.jpg) no-repeat center center / cover;}
.index-srv .top{line-height:46px;font-size:30px;}
.Isrv-list{}
.Isrv-list li{width:25%;float:left;margin:30px 0 0;}
.Isrv-list li .type{line-height:32px;font-size:18px;font-weight:600;margin:15px 0 0;}
.Isrv-list li:hover img{transform:translateY(-10px);-webkit-transform:translateY(-10px);}

/*-- 关于我们 --*/
.com-pro{padding:50px 0 6px;}
.comPro-data{margin:44px 0 0;}
.comPro-data li{padding:0 1.75% 7px;width:20%;text-align:center;position:relative;float:left;}	
.comPro-data li .num{line-height:65px;font-family:'DINCond-Bold';font-size:60px;color:#F03347;}
.comPro-data li .con{line-height:22px;height:44px;color:#666;margin:10px 0 0;}
.comPro-data li:after{content:"";display:block;width:1px;height:82.53968253968254%;background:#e5e5e5;position:absolute;left:0px;top:8.73015873015873%;}
.comPro-data li:first-child:after{display:none;}


.about-js{padding: 60px 0 60px;}
@media (min-width:768px){.about-js .text{width:98%; padding-right:20px;}}
@media (min-width:1260px){.about-js .text{width:65%; padding-right:20px;}}
@media (min-width:1460px){.about-js .text{width:65%;padding-right:20px;}}
.about-js h3{font-size: 36px;font-weight: bolder;color: #343434;margin-bottom: 35px;}
.about-js p{font-size: 18px;line-height: 34px;color: #676767;text-indent: 2em;}

.page-nav{border-bottom:1px solid #e2e1e1; background:#f4f4f4;}
.page-nav a{display:block;padding:20px 1.75%;line-height:32px;text-align:center;font-size:18px;position:relative;float:left;margin:0 0 0 2%;}
.page-nav a:first-child{margin:0px;}
.page-nav a.cur,
.page-nav a:hover{color:#F03347;}
.page-nav a.cur:after{content:"";display:block;width:100%;height:3px;background:#F03347;position:absolute;left:0px;bottom:-2px;}


/*关于我们其它*/
.aboutus-container{padding:31px 0 60px;}
.aboutus-con{line-height:28px;font-size:16px;color:#4c4c4c;position:relative;overflow:hidden;}
.aboutus-list{width:102.222225%;margin:0 0 0 -2.222225%;}
.aboutus-list li{width:25%;padding:29px 0 0 2.173915701795769%;float:left;text-align:center; font-size:16px; line-height:30px; height:300px;}
.aboutus-list .aboutus-box{display:block;text-align:center;font-size:0px;border:1px solid #dcdcdc;}
.aboutus-box img{max-width:100%;max-height:100%;}
.aboutus-box{transition:all .3s cubic-bezier(.55,0,.1,1);-webkit-transition:all .3s cubic-bezier(.55,0,.1,1)}
.aboutus-box:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);}


/*企业文化*/
.com-cul{padding:82px 0 160px;background:url(../images/about02-bg.jpg) no-repeat center center / cover;}
.comCul-list{margin:66px 0 0;}
.comCul-list{border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);}
.comCul-list li{padding:40px 10.00834028356964% 0 3.753127606338616%;width:25%;height:256px;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);position:relative;float:left;}
.comCul-list li .type{line-height:34px;font-size:24px;}
.comCul-list li .split{display:block;width:95px;height:3px;background:#e53d4a;margin:6px 0 18px 1px;}
.comCul-list li .con{line-height:30px;font-size:18px;}
.comCul-list li img{display:block;position:absolute;top:134px;right:11.0091743119266%;}
.comCul-list li:hover img{transform:translateY(-5px) rotateY(180deg);-webkit-transform:translateY(-5px) rotateY(180deg)}
.comCul-list li:hover .type{transform:translateY(-15px);-webkit-transform:translateY(-15px);}
.comCul-list li:hover .split{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.comCul-list li:hover .con{transform:translateY(-5px);-webkit-transform:translateY(-5px);}

/*新闻列表*/
.news-container{padding:41px 0 100px;}
.news-list li{padding:34px 0 33px;background:#fff;border-bottom:1px solid #d8d8d8;}
.nlist-img{display:block;width:20.4167%;height:150px;overflow:hidden;float:left;margin:3px 0 0;}
.nlist-box{width:57.6667%;float:left;margin:0 0 0 4.1667%;}
.nlist-box .t{line-height:32px;font-size:18px;font-weight:600;}
.nlist-box .c{height:72px;line-height:24px;color:#666666;margin:10px 0 0;}
.nlist-box .btn{padding:0 22px 0 0;line-height:26px;font-size:13px;font-weight:600;color:#F03347;background:url(../images/icon-go3.png) no-repeat right center;margin:20px 0 0;}
.nlist-date{padding:8px 0 0;width:82px;text-align:center;color:#666666;border-top:2px solid #707070;float:right;margin:5px 0 0;}
.nlist-date .day{line-height:47px;font-size:32px;}
.nlist-date .year{line-height:31px;}
.news-list li:hover{/*box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);*/transition:all .3s cubic-bezier(.55,0,.1,1)}
.news-list li:hover .nlist-box .t{color:#F03347;}

/*新闻详细*/
.news-info{padding:54px 0 69px;}
.nInfo-title{line-height:44px;text-align:center;font-size:26px;color:#2b2b2b;}
.nInfo-about{line-height:25px;text-align:center;font-size:16px;color:#666666;margin:15px 0 0;}
.nInfo-con{padding:38px 0 38px;line-height:28px;font-size:16px;color:#4c4c4c;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;position:relative;overflow:hidden;margin:28px 0 0;}
.nInfo-page{float:left;margin:23px 0 0;}
.nInfo-page .btn{line-height:48px;font-size:16px;color:#4c4c4c;border:1px solid #e5e5e5;float:left;}
.nInfo-page .btn.rtn-btn{width:160px;border:1px solid #F03347;color:#F03347; margin:0 180px 0 0;}
.nInfo-page .btn.prev-btn,
.nInfo-page .btn.next-btn{width:160px;font-size:18px;}
.nInfo-page .btn.prev-btn{border-right:0px;margin:0 45px 0 0;}
.nInfo-page .btn:hover{color:#fff;background:#F03347;border-color:#F03347;}

/*联系我们*/
.ctUs-container{padding:71px 0 129px;text-align:center;}
.ctUs-name{line-height:42px;font-size:42px;}
.ctUs-con{padding:38px 0 38px;line-height:28px;font-size:16px;color:#4c4c4c;border-top:1px solid #dcdcdc;position:relative;overflow:hidden;margin:28px 0 0; text-align:left;}
.ctUs-list{padding:0 1.5%}
.ctUs-list li{width:33.333%;padding:0 1.2%;float:left;margin:31px 0 0;}
.ctUs-list .culist-icon{width:136px;height:136px;line-height:134px;font-size:0px;border-radius:100%;border:1px solid #cfcfcf;margin:0 auto;}
.ctUs-list .culist-type{line-height:23px;font-size:16px;color:#666666;margin:30px 0 0;}
.ctUs-list .culist-con{line-height:24px;font-size:16px;margin:15px 0 0;}
.ctUs-list .culist-icon img{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;}
.ctUs-list li:hover .culist-icon img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}
.ctUs-list li:nth-child:hover .culist-icon img{transform:translateY(-10px) rotateY(0deg);-webkit-transform:translateY(-10px) rotateY(0deg);}

.ctUs-map{position:relative;overflow:hidden;height:500px;}

/*服务中心联系我们*/
.srv-ctUs{padding:109px 0 92px;text-align:center;color:#fff;background:url(../images/srv-bg2.jpg) no-repeat center center / cover fixed;}
.srv-ctUs .btn{display:block;width:240px;height:54px;line-height:54px;font-size:18px;color:#F03347;background:#fff;margin:33px auto 0;}
.srv-ctUs .btn span{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.srv-ctUs .btn:hover{color:#fff;background:#F03347;}
.srv-ctUs .btn:hover span{transform:translateY(-5px);-webkit-transform:translateY(-5px);}

/*-- 服务支持 --*/
.srv-top{text-align:center;}
.srv-top .t1{line-height:53px;font-size:32px;}
.srv-top .t2{line-height:25px;font-size:16px;margin:10px 0 0;color:#666;}
.srv-top .t2 .hint{color:#F03347;}
.srv-top.srv-top2 .t1,
.srv-top.srv-top2 .t2{color:#fff;}



/*产品详细介绍*/
.proInfo-top{padding:5px 0 15px;border-bottom:1px solid #e6e6e6;}
.proInfo-top span{display:block;padding:0 0 0 14px;height:20px;line-height:20px;font-size:18px;border-left:4px solid #F03347;}
.proInfo-box{margin:39px 0 0;}
.proInfo-img{width:45%;height:360px;line-height:350px;text-align:center;border:1px solid #e5e5e5;float:left;}
.proInfo-img img{max-width:100%;max-height:100%;}
.proInfo-block{padding:20px 2.5556% 0 4.6667%;width:55%;height:360px;background:#f2f2f2;float: right;}
.proInfo-block .name{padding:0 0 10px;line-height:31px;font-size:18px;border-bottom:1px solid #e5e5e5;}
.proInfo-block .con{padding:0 10px 10px 0;line-height:28px;color:#666666;position:relative;overflow:hidden;margin:12px 0 0;}
.proInfo-block .btn{width:142px;height:42px;line-height:42px;font-size:16px;font-weight:600;color:#fff;background:#F03347;margin:7px 0 0;}
.proInfo-block .btn span{padding:0 0 0 34px;background:url(../images/icon-shop.png) no-repeat left center;}
.proInfo-block .con.ps-container .ps-scrollbar-y-rail{width:5px;background:#eaeaea;}
.proInfo-block .con.ps-container .ps-scrollbar-y{width:5px;background:#F03347;}
.proInfo-dtl{margin:41px 0 0;}
.pIdtl-nav{background:#f2f2f2;}
.pIdtl-nav a{display:block;width:160px;height:50px;line-height:50px;text-align:center;font-size:16px;font-weight:600;color:#666666;position:relative;float:left;}
.pIdtl-nav a.cur{color:#fff;background:#F03347;}
.pIdtl-nav a:after{content:"";display:block;width:1px;height:14px;background:#dedede;position:absolute;left:0px;top:50%;margin:-7px 0 0;}
.pIdtl-nav a.cur:after,
.pIdtl-nav a:first-child:after{display:none;}
.product-container{padding:40px 0 40px 0;}
.pIdtl-info{margin:17px 0 0;}
.pIdtl-info dl{padding:23px 0 24px;border-bottom:1px solid #e5e5e5;position:relative;}
.pIdtl-info dl dt{width:19.4444%;line-height:28px;text-align:center;font-weight:600;float:left;}
.pIdtl-info dl dd{width:80.5556%;line-height:28px;color:#666666;float:left;}
.pIdtl-info dl dd img{max-width:100%;}




 /* 相关产品 */
.in-product{padding:32px 0 30px; background:#F2F2F2;} 
.in-product-ul li{width: 25%;float: left;padding:46px 20px 20px 0;box-sizing: border-box;border-radius: 10px;height: 335px;}
.in-product-ul li:nth-of-type(4n){margin-right: 0;}
.in-product-ul li a{display: block;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;height: 100%;width: 100%;border-radius: 10px;overflow: hidden;}
.in-product-ul li a::after{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.45);left: 0;right: 0;transition: 0.4s;}
.in-product-ul li a .in-product-text{position: absolute;bottom: 0;left: 0;right: 0;box-sizing: border-box;padding:35px 10px;z-index: 9;transition: 0.4s;}
.in-product-ul li a .in-product-text i{display: block;width: 45px;height: 2px;background: #FFFFFF;margin-bottom: 15px;}
.in-product-ul li a .in-product-text h4{font-size: 20px;color: #FFFFFF;margin-bottom: 15px;}
.in-product-ul li a .in-product-text p{font-size: 14px;color: #FFFFFF;line-height: 24px;height: 24px;overflow: hidden;transition: 0.4s;}
.in-product-ul li a .in-product-text span{font-size: 14px;color: #009B4C;background: #FFFFFF;border-radius: 100px;padding: 6px 20px;margin-top: 25px;display: none;height: 0;transition: 0.4s;}
.in-product-ul li a:hover .in-product-text span{display: inline-block;transition: 0.4s;height: auto;}
.in-product-ul li a:hover .in-product-text p{height: 96px;transition: 0.4s;}
.in-product-ul li a:hover::after{background: rgba(28,137,216,0.9);}


/* 产品展示 */
.product-list{padding:40px 0 40px 0;}
.product-list-ul{}
.product-list-ul li{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 32px;box-sizing: border-box;box-shadow: 0 0 8px #dcdcdc;}
.product-list-ul li:nth-of-type(4n){margin-right: 0;}
.product-list-ul li a{display: block;box-sizing: border-box;text-align: center;}
.product-list-ul li a .product-list-img{height: 220px;line-height: 220px;overflow: hidden;}
.product-list-ul li a .product-list-img img{max-height: 220px;transition: 0.4s;}
.product-list-ul li a:hover .product-list-img img{transform: scale(1.1);transition: 0.4s;}
.product-list-ul li a .product-list-text{border-top: 1px solid #E5E5E5;box-sizing: border-box;padding: 15px;position: relative;}
.product-list-ul li a .product-list-text h3{font-size: 18px;color: #222222;}
.product-list-ul li a .product-list-text p{font-size: 14px;color: #888888;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.product-list-ul li a .product-list-text::after{position: absolute;width: 100%;height: 3px;content: "";left: 0;right: 0;bottom: 0;background: #049ce6;opacity: 0;transition: 0.4s;}
.product-list-ul li a:hover .product-list-text::after{opacity: 1;transition: 0.4s;}


/*登录注册*/
.l_r_bg{ width:100%; margin:0px auto; padding:20px 0; border-top:1px solid #ddd;}
.l_r{ width:1200px; margin:0px auto; text-align:center;}
.l_r .reg_l,.l_r .reg_r{ display:inline-block; *display:inline; zoom:1; width:385px; text-align:left; margin:50px 60px; vertical-align:top; font-size:14px; color:#000;}
.l_r .reg_r{ padding-top:20px;}
.l_r .reg_r p{ width:100%; height:30px; line-height:30px;}
.l_r .reg_r p a{ font-size:16px; color:#EB5E00;}
.l_r .reg_r p img{ width:19px; height:19px; vertical-align:top; margin-top:5px;}
.l_r .reg_r p span{display:inline-block; *display:inline; zoom:1; vertical-align:top; height:19px; line-height:19px; margin-top:5px;}
.l_r .reg_l li{ width:100%; padding:5px 0;}
.l_r .reg_l li .name{display:inline-block; *display:inline; zoom:1; vertical-align:top; height:40px; line-height:40px; font-size:18px; color:#364C00; padding-left:12px; background:url(../images/icon22.png) no-repeat left center;}
.l_r .reg_l li .title,.l_r .reg_l li input{display:inline-block; *display:inline; zoom:1; vertical-align:top; height:30px; line-height:30px;}
.l_r .reg_l li .title{ width:150px; text-align:right; font-weight:bold; margin-right:3px;}
.l_r .reg_l li input{ border:1px solid #ddd; width:220px; background:#F5F5F5;}
.l_r .reg_l li.rember{ text-align:center;}
.l_r .reg_l li.rember input{ width:15px; height:15px; border:0; vertical-align:middle;}
.l_r .reg_l li.btn{ width:100%; text-align:center; margin:20px 0;}
.l_r .reg_l li.t_left{ text-align:left;}
.l_r .reg_l li.btn a{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; padding:0 25px;  color:#FFF; background:url(../images/bg_bak.png) no-repeat; background-size:100% 100%; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; overflow:hidden; text-shadow:0 2px 2px #444; margin:0 10px;}
.l_r .reg_l li.btn .btn_l{width:105px;display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px;padding:0 25px;color:#FFF; background:url(../images/bg_bak.png) no-repeat; background-size:100% 100%; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; overflow:hidden; text-shadow:0 2px 2px #444; margin:0 10px;border:none;}
.l_r .reg_l li.forget{ width:100%; text-align:center;}
.l_r .reg_l li.forget a{display:inline-block; *display:inline; zoom:1; height:22px; line-height:22px; color:#4D6D00; border-bottom:1px solid #4D6D00; margin:0 15px;}
/*会员中心*/
.u_head{ width:100%; height:80px; border-bottom:1px solid #2F4600; background:#F5F5F5;}
.u_head .u_ha{ width:280px; float:right; margin-right:80px; text-align:center;}
.u_head .u_ha span{ display:inline-block; *display:inline; zoom:1; height:22px; line-height:22px; padding-left:27px; font-size:14px; color:#656565; background:url(../images/icon23.png) no-repeat left center; vertical-align:top; margin-top:10px;}
.u_head .u_ha a{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; text-align:center; color:#FFF; font-size:12px; background:#5A8708; vertical-align:top; margin:7px 1px 0; padding:0 15px;}
.u_head .u_hb{ width:530px; text-align:right; float:right; margin-right:70px;}
.u_head .u_hb span{ display:inline-block; *display:inline; zoom:1; height:22px; line-height:22px; vertical-align:top; margin-top:30px; margin-left:15px; font-size:12px;}
.u_head .u_hb span img{display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-right:5px;}
.u_foot{ width:100%; height:30px; background:#EEEEEE; line-height:30px; text-align:left; position:absolute; left:0; bottom:0;}
.u_foot p{ width:98%; margin:0px auto; font-size:12px; color:#000;}
.u_m{ width:100%; position:relative;}
.h_bg{ background:#F6F6F6; width:100%; height:100%; min-width:1050px; overflow:hidden;}
.u_m .u_ml{ width:175px; background:#FFF; border-right:1px solid #2F4600; position:absolute; left:0; top:0;}
.u_m .u_ml .l_name{ width:100%; height:55px; background:#466B00; text-align:center; line-height:55px; font-size:18px; color:#FFF;}
.u_m .u_mm{ position:absolute; left:176px; top:0;}
.u_m .u_mr{ position:absolute; left:190px; top:0;}
.u_ml .s_nav{ width:100%;}
.u_ml .s_nav li{ width:100%; position:relative; margin-top:1px;}
.u_ml .s_nav li .li_m{ width:100%; height:40px; line-height:40px; background:#5A8708; text-align:left;}
.u_ml .s_nav li .li_m a{ font-size:14px; color:#FFF; display:block; width:155px; height:40px; line-height:40px; padding:0 10px; white-space:nowrap; overflow:hidden;}
.u_ml .s_nav li ul{ width:100%; padding:5px 0;}
.u_ml .s_nav li ul li{ width:100%; height:35px; line-height:35px; text-align:left;}
.u_ml .s_nav li ul li a{ font-size:12px; margin-left:20px; white-space:nowrap;}
.u_mm{ width:12px; border-left:1px solid #ddd; border-right:1px solid #ddd; cursor:pointer; background:url(../images/icon36.png) no-repeat right center;}
.u_mdj{ background:url(../images/icon37.png) no-repeat left center;}
.u_mm .zk{ background:url(../images/icon37.png) no-repeat; right:4px;}
.u_m .u_mr{ background:#FFF; overflow-x:hidden; overflow-y:auto; font-size:12px; color:#000; padding-top:35px;}
.u_m .u_mr .u_mrm{ width:100%; height:100%; position:relative;}
.u_mr .r_a{ width:100%; height:32px; border-bottom:1px solid #ddd; background:url(../images/icon32.jpg) repeat-x; position:fixed; left:190px; top:81px; z-index:999;}
.u_mr .r_a span,.u_mr .r_a a{ display:inline-block; *display:inline; zoom:1; height:32px; line-height:32px; vertical-align:top; padding:0 18px; color:#000;}
.u_mr .r_a span{ border-right:1px solid #ddd; position:relative; float:left;}
.u_mr .r_a span a{ padding:0;}
.u_mr .r_a .home{ padding:0;}
.u_mr .r_a .home a{ padding-left:25px; padding-right:8px; background:url(../images/icon27.png) no-repeat 5px center;}
.u_mr .r_a span i,.u_mr .r_a span em{ display:block;}
.u_mr .r_a span i{ width:7px; height:4px; background:url(../images/icon26.png) no-repeat; position:absolute; top:0; left:46%;}
.u_mr .r_a span em{ width:7px; height:7px; background:url(../images/icon34.png) no-repeat; position:absolute; right:1px; top:1px;}
.u_mr .r_a .on{ background:url(../images/icon33.jpg) repeat-x;}
.u_mr .r_b{ width:100%; height:auto; padding:0; padding-bottom:8px;}
.u_mr .r_b div{ line-height:20px;}
.u_mr .r_b span,.u_mr .r_b select,.u_mr .r_b a,.u_mr .r_b input{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-right:5px;}
.u_mr .r_b span{ height:20px; line-height:20px; padding-left:15px; margin-top:10px;}
.u_mr .r_b input{ width:90px; height:22px; border:1px solid #ddd; margin-top:9px;}
.u_mr .r_b select{ border:1px solid #ccc; height:18px; line-height:18px; margin-top:11px; font-size:12px; color:#000;}
.u_mr .r_b .btn{ width:auto; height:20px; line-height:20px; font-size:12px; border:1px solid #8AABCB; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:url(../images/icon35.jpg) repeat-x; padding:0 10px; min-width:45px; text-align:center; margin-top:9px; color:#000; cursor:pointer;}
.u_mr .r_c{ width:100%; background:#E1F3C0; height:auto; padding:0 0 7px;}
.u_mr .r_c a,.u_mr .r_c img,.u_mr .r_c span{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.u_mr .r_c a{ width:auto; padding:0 7px 0 0; background:url(../images/icon31.jpg) repeat-x; border:1px solid #ccc;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; height:24px; line-height:24px; margin-top:8px; margin-left:5px;}
.u_mr .r_c img{ width:24px; height:22px; margin-top:1px;}
.u_mr .r_c span{ height:24px; line-height:24px; color:#000;}
.u_mr .r_d{ width:100%; border-top:1px solid #95B8E7; padding-bottom:35px;}
.u_mr .r_da{ border-top:0;}
.u_mr .r_e{ width:100%; height:30px; background:#FFF; position:absolute; left:0; bottom:0; border-top:1px solid #ddd;}
.u_mr .r_e .r_em{ width:100%; height:30px; position:relative; text-align:left;}
.r_e .r_em .r_emr{ width:40%; height:30px; line-height:30px; text-align:right; position:absolute; right:0; top:0;}
.r_e .r_em select,.r_e .r_em input,.r_e .r_em span,.r_e .r_em a,.r_e .r_em .pg{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.r_e .r_em select,.r_e .r_em input{ height:20px; line-height:20px; border:1px solid #ddd; margin-top:5px; font-size:12px; color:#000;}
.r_e .r_em select{ margin-left:5px;}
.r_e .r_em span{ height:30px; line-height:30px;}
.r_e .r_em input{ width:32px; padding:0 3px;}
.r_e .r_em .pg{ height:24px; line-height:24px; border-left:1px solid #ddd; border-right:1px solid #ddd; margin:3px; padding:0 3px;}
.r_e .r_em .pg a{ width:10px; height:10px; margin:6px 3px;}
.r_e .r_em .pg .a{ background:url(../images/icon38.png) no-repeat;}
.r_e .r_em .pg .b{ background:url(../images/icon40.png) no-repeat;}
.r_e .r_em .pg .c{ background:url(../images/icon41.png) no-repeat;}
.r_e .r_em .pg .d{ background:url(../images/icon39.png) no-repeat;}
.r_e .r_em .refresh{ width:10px; height:10px; background:url(../images/icon42.png) no-repeat; margin-top:8px;}
.u_mr .r_d .ta{ width:100%; font-size:12px; color:#000;}
.u_mr .r_d .ta th{background:url(../images/icon31.jpg) repeat-x; border-bottom:1px solid #ddd; border-right:1px dotted #ccc; text-align:center; height:24px; line-height:24px;}
.u_mr .r_d .ta td{ border-right:1px dotted #ccc; border-bottom:1px dotted #ccc;}


