@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body, textarea{ font-size: 14px; font-family:"微软雅黑","Microsoft YaHei","msyh"; color: #333;}
a{ text-decoration: none; font-size: 14px; }
li{ list-style: none; }
button, textarea, input, select{ outline: none; }
.zkh{font-family: "zcoolkuhei";}
.fr{ float: right; }
.fl{ float: left; }
.mt1{ margin-top: 10px; }
.mt2{ margin-top: 20px; }
.mt3{ margin-top: 30px; }
.mt5{ margin-top: 50px; }
.mt7{ margin-top: 70px; }
.mb1{ margin-bottom: 10px; }
.mb2{ margin-bottom: 20px; }
.mb3{ margin-bottom: 30px; }
.mb5{ margin-bottom: 50px; }
.mb7{ margin-bottom: 70px; }

.pt1{ padding-top: 10px; }
.pt2{ padding-top: 20px; }
.pt3{ padding-top: 30px; }
.pt5{ padding-top: 50px; }
.pt7{ padding-top: 70px; }
.pb1{ padding-bottom: 10px; }
.pb2{ padding-bottom: 20px; }
.pb3{ padding-bottom: 30px; }
.pb5{ padding-bottom: 50px; }
.pb7{ padding-bottom: 70px; }

.f07{ font-size: 14px }
.f08{ font-size: 14px }
.f09{ font-size: 14px }
.f10{ font-size: 14px }
.f11{ font-size: 1.1rem }
.f12{ font-size: 1.2rem }
.f13{ font-size: 1.3rem }
.f14{ font-size: 1.4rem }
.f15{ font-size: 1.5rem }
.f16{ font-size: 1.6rem }
.f17{ font-size: 1.7rem }
.f18{ font-size: 1.8rem }
.f19{ font-size: 1.9rem }
.f20{ font-size: 2rem }
.f30{ font-size: 3rem }
.f40{ font-size: 4rem }
.hide{ display: none; }

::selection{color:#fff;background:rgba(170,170,170,0.55);}
::-moz-selection{color:#fff;background:rgba(170,170,170,0.55);}
::-webkit-selection{color:#fff;background:rgba(170,170,170,0.55);}

.cyellow{ color: #fee912; }
.cgray{ color: #3d3f3e; }
.mx12 img{ max-width: 1200px; margin: 10px auto; }
.bgcenter{ background-position: center; background-repeat: no-repeat; }
.pfull{ background-size: cover; background-position: center; background-repeat: no-repeat; }

.clear{ clear: both; }
.container{ width: 100%; min-width: 1200px; overflow: hidden; }
.wrapper{ width: 1200px; margin: 0px auto; position: relative; }
.wrapper>.title{ font-size: 2rem; }
/*图片水平垂直居中*/
/*.pic{ width: 200px; height: 200px; vertical-align: middle; display: table-cell; text-align: center; }
.pic img{ display: block; vertical-align: middle; margin: 0 auto; max-width: 200px; max-height: 200px; }*/
/*文字单行显示超过隐藏*/
.aline{ width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* banner */
.banner .slideBox{ width:100%; height:440px; overflow:hidden; position:relative; }
.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; width: 100%; left: 0px; bottom:20px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; display: table; margin: 0 auto;  }
.banner .slideBox .hd ul li{ float:left; margin:0 3px;  width:50px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#fe2; color:#fff; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:440px; display:block;  }
.banner .slideBox .bd li a{ width: 100%; height: 440px; display: block; background-position: center; background-repeat: no-repeat; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .slideBox .prev,
.banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .slideBox .prev:hover,
.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .slideBox .prevStop{ display:none;  }
.banner .slideBox .nextStop{ display:none;  }

.ititle{ font-size: 2rem; font-weight: bold; text-align: center;  }
.ititle img{ margin: 0 auto; display: block; }
/*header*/
.header{ height: 75px; }
.header .logo{ margin-top:7px; width: 265px; }
.header .logo img{ width: 100%; }
.header .logor{ margin-top: 10px; }
.nav{ background-color:#fc9801; }
.nav>.wrapper>ul>li{ float: left; }
.nav>.wrapper>ul>li a{ height: 32px; width: 150px; text-align: center; line-height: 32px; color: #fff; display: block; transition: all 0.35s; font-size: 14px; }
.nav>.wrapper>ul>li a:hover{ background-color: #fff; color: #fc9801 }
.nav>.wrapper>ul>li ul { display: none; position: absolute; z-index: 9; }
.nav>.wrapper>ul>li ul a{ display: block; color: #fc9801; background-color: #fff; }
.nav>.wrapper>ul>li ul a:hover{ background-color: #fc9801; color: #fff; }

/*show*/
.show{ background-image:url(../images/bg/作品展示.png); }
.show li{ float: left; width: 50%; height: 360px;  }
.show1{ position: relative; }
.show1 img{ position: absolute; bottom: 0; right: 0; }

/*author*/
.author .slideBox{ width:100%; height:699px; overflow:hidden; position:relative; }
.author .slideBox .hd{ height:129px; overflow:hidden; position:absolute; width: 100%; left: 0px; bottom:20px; z-index:1; }
.author .slideBox .hd ul{ overflow:hidden; zoom:1; display: table; margin: 0 auto;  }
.author .slideBox .hd ul li{ float:left; margin:0 9px;  width:280px; height:129px; line-height:14px; text-align:center; background:#fff; cursor:pointer; background-position: center; background-size: cover; }
.author .slideBox .hd ul li a{ width: 100%; height: 100%; display: block; transition: all 0.35s; }
.author .slideBox .hd ul li.on a{ border: 5px solid #fe2; box-sizing: border-box; }
.author .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.author .slideBox .bd li{ zoom:1; height: 699px; vertical-align:middle; background-position: center; background-size: cover; }
.author .slideBox .bd img{ width:100%; height:699px; display:block;  }
.author .slideBox .bd li a{ width: 100%; height: 699px; display: block;  }

.author /* 下面是前/后按钮代码，如果不需要删除即可 */
.author .slideBox .prev,
.author .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.author .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.author .slideBox .prev:hover,
.author .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.author .slideBox .prevStop{ display:none;  }
.author .slideBox .nextStop{ display:none;  }

.author .bd li .info{ float: right; margin-top: 135px; text-align: right; }
.author .bd li .info .name{ color: #fe2; font-size: 3rem; font-weight: bold; padding-bottom: 0.5rem; border-bottom: 2px solid #fe2; display: table-cell; float: right; text-shadow: 0 0 10px #fff; }
.author .bd li .info .p{ color: #000;margin-top: 30px; width: 50%; float: right; line-height: 1.5rem; font-size: 14px; background-color: rgba(255,255,255,0.75); padding: 10px;}
.author .bd li .info .unline{ width: 42px; height: 1px; background-color:#aaa; float: right; margin-top: 10px; display: block; }
.author .bd li .info a{ display: block; width: 90px; height: 30px; background-color: #fe2; line-height: 30px; text-align: center; color: #444; font-size: 1rem; float: right; margin-left: 10px; font-weight: bold; margin-top: 40px; }

.author .bd li .info a.buy{  }
.author .bd li .info a.more{ background-color: #444; color: #fff; }

/*优势*/
.aa{ background-image: url(../images/bg/about.jpg); background-repeat: no-repeat; background-position:center; }
.adv{  }
.adv .space{ background-color: #3d3f3e; padding: 40px; }
.adv .space ul li{ background-repeat: no-repeat; background-position:center 54px; float: left; transition: all 0.25s; }
.adv .space ul li{ width: 25%; height: 350px; background-image:url(../images/ys/1.png)  }
.adv .space ul li.ico2{ background-image:url(../images/ys/2.png)  }
.adv .space ul li.ico3{ background-image:url(../images/ys/3.png)  }
.adv .space ul li.ico4{ background-image:url(../images/ys/4.png)  }
.adv .space ul li:hover{ background-color: #fee912; }
.adv .space ul li.ico1:hover{ background-image:url(../images/ys/on1.png)  }
.adv .space ul li.ico2:hover{ background-image:url(../images/ys/on2.png)  }
.adv .space ul li.ico3:hover{ background-image:url(../images/ys/on3.png)  }
.adv .space ul li.ico4:hover{ background-image:url(../images/ys/on4.png)  }

/*首页关于我们*/
.about .space{ background-repeat: no-repeat; background-image: url(../images/bg/aboutbg.png); background-position: center bottom; padding:0 40px 50px 40px; }
.about .aboutl{ float: left; }
.about .aboutl img{ box-shadow: 0px 0px 20px #000; }
.about .aboutr{ float: left; width: 700px; }
.about .aboutr .title{ margin-left: 40px; }
.about .aboutr .box{ margin-top: 93px; margin-left: 100px; }
.about .aboutr .box .t{ color: #fe2; font-weight: bold; font-size: 1.7rem; }
.about .aboutr .box .p{ color: #aaa; margin-top: 25px; font-size: 14px; }
.about .aboutr .box a.more{ color: #aaa; display: block; font-size: 0.85rem; margin-top: 40px; }
.about .aboutr .box .unline{ width: 20px; height: 1px; background-color: #fe2; margin-top: 10px; }

/*副产品展示*/
.product-t ul li{ width: 24.5%; margin-left: 0.6666%; float: left; }
.product-t ul li:first-child{ margin-left: 0px; }
.product-t ul li img{ width: 100%; }


/* 服务 */
/*.service .picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.service .picScroll-left .hd{ overflow:hidden; }
.case-list{ position: relative; }
.case-list .prev, .case-list .next{ display:block;  width:28px; height:50px; float:right; overflow:hidden;
       cursor:pointer; background:url("../images/icon/arrow.png") no-repeat; position: absolute; top: 30%; left: -50px; display: none; }
.case-list .next{ background-position:-28px 0px; left: auto; right: -50px;  }
.service .picScroll-left .hd ul{ overflow:hidden; zoom:1; margin:20px auto 0 auto; zoom:1; display: table; }
.service .picScroll-left .hd ul li{ float:left;  width:20px; height:20px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url("../images/icon/icoCircle.png") 0px -20px no-repeat; }
.service .picScroll-left .hd ul li.on{ background-position:0px 0px; }
.service .picScroll-left .bd{ }
.service .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.service .picScroll-left .bd ul li{ width:385px; height: 215px; margin-right:22px; float:left; _display:inline; overflow:hidden; position: relative; }
.service .picScroll-left .bd ul li .pic{ text-align:center; }
.service .picScroll-left .bd ul li .pic{ width:100%; height:135px; display:block; }
.service .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.service .picScroll-left .bd ul li .title{  padding:5px 10px 0px 10px; width: 100%; height: 80px; position: absolute; bottom: 0; left: 0; box-sizing: border-box; transition: all 0.35s; }
.service .picScroll-left .bd ul li .title .t a{ transition: all 0.2s; color: #333; font-weight: bold; }
.service .picScroll-left .bd ul li .title .t{ font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.service .picScroll-left .bd ul li .title .unline{ width: 45px; height: 2px; background-color: #feb42e; display: none; margin-top: 20px; }
.service .picScroll-left .bd ul li .title .p{ line-height:1.4rem; font-size: 0.85rem; overflow: hidden; height: 2.8rem; margin-top: 3px; }
.service .picScroll-left .bd ul li .title .p a{ color: #777; font-size: 14px; }
.service .picScroll-left .bd ul li .title .btn{ display: none; position: absolute; bottom: 10px; right: 10px; }
.service .picScroll-left .bd ul li:hover .title{ height: 100%; background-color: #fe2; padding: 40px 15px; }
.service .picScroll-left .bd ul li:hover .title .t a{ color: #ba5c00; }
.service .picScroll-left .bd ul li:hover .title .unline{ display: block; }
.service .picScroll-left .bd ul li:hover .title .p{ margin-top: 20px; }
.service .picScroll-left .bd ul li:hover .title .p a{ color: #ba5c00; }
.service .picScroll-left .bd ul li:hover .title .btn{ display: block; }*/
.service .picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.service .picScroll-left .hd{ overflow:hidden; }
.case-list{ position: relative; }
.case-list .prev, .case-list .next{ display:block;  width:28px; height:50px; float:right; overflow:hidden;
       cursor:pointer; background:url("../images/icon/arrow.png") no-repeat; position: absolute; top: 30%; left: -50px; display: none; }
.case-list .next{ background-position:-28px 0px; left: auto; right: -50px;  }
.service .picScroll-left .hd ul{ overflow:hidden; zoom:1; margin:20px auto 0 auto; zoom:1; display: table; }
.service .picScroll-left .hd ul li{ float:left;  width:20px; height:20px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url("../images/icon/icoCircle.png") 0px -20px no-repeat; }
.service .picScroll-left .hd ul li.on{ background-position:0px 0px; }
.service .picScroll-left .bd{ }
.service .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.service .picScroll-left .bd ul li{ width:407px; height: 215px; float:left; _display:inline; overflow:hidden; position: relative; background-image: url(../images/hrr.jpg); background-position: center; background-repeat: no-repeat; text-align: center; }
.service .t{ margin-top: 60px; }
.service .d{ margin-top: 50px; }
.service .picScroll-left .bd ul li .pic{ text-align:center; }
.service .picScroll-left .bd ul li .pic{ width:100%; height:135px; display:block; }
.service .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.service .picScroll-left .bd ul li .title{  padding:5px 10px 0px 10px; width: 100%; height: 80px; position: absolute; bottom: 0; left: 0; box-sizing: border-box; transition: all 0.35s; }
.service .picScroll-left .bd ul li .title .t a{ transition: all 0.2s; color: #333; font-weight: bold; }
.service .picScroll-left .bd ul li .title .t{ font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.service .picScroll-left .bd ul li .title .unline{ width: 45px; height: 2px; background-color: #feb42e; display: none; margin-top: 20px; }
.service .picScroll-left .bd ul li .title .p{ line-height:1.4rem; font-size: 0.85rem; overflow: hidden; height: 2.8rem; margin-top: 3px; }
.service .picScroll-left .bd ul li .title .p a{ color: #777; font-size: 14px; }
.service .picScroll-left .bd ul li .title .btn{ display: none; position: absolute; bottom: 10px; right: 10px; }
.service .picScroll-left .bd ul li:hover .title{ height: 100%; background-color: #fe2; padding: 40px 15px; }
.service .picScroll-left .bd ul li:hover .title .t a{ color: #ba5c00; }
.service .picScroll-left .bd ul li:hover .title .unline{ display: block; }
.service .picScroll-left .bd ul li:hover .title .p{ margin-top: 20px; }
.service .picScroll-left .bd ul li:hover .title .p a{ color: #ba5c00; }
.service .picScroll-left .bd ul li:hover .title .btn{ display: block; }


/*合作伙伴*/
.fri .box{ background-color: #f8f8f8; padding-bottom: 30px; }
.fri .box li{ float: left; width: 15%; margin: 0 2.5%; box-sizing: border-box; border: 1px solid #e1e1e1; }
.fri .box li img{ width: 100%; }
/*脚部*/
.foot{ width: 100%; }
.foot .foott{ background-color: #585858; padding: 20px 0; height: 83px; position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; z-index: 50; box-shadow: 0 0 10px rgba(0,0,0,0.55) }
.foot .foott .foottl{ float: left; }
.foot .foott .foottl img{ display: block; }
.foot .foott .foottl img.t{ float: left; margin-top: 10px; }
.foot .foott .foottl ul{ float: left; }
.foot .foott .foottl ul li{ float: left; margin-left: 15px; position: relative; }
.foot .foott .foottl ul li a{ display: block; border-radius: 10px; overflow: hidden; }
.foot .foott .foottl ul li a:hover{ box-shadow: 0 0 10px #fff; }
.foot .foott .foottr img{ margin-right: 15px; }
.foot .foott .foottr{ float: right; color: #fe2; font-weight: bold; font-size: 1.7rem; }

.footb{ padding: 50px 0; background-color: #000; }
.footb .footnav ul li{ float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #aaa; }
.footb .footnav ul li a{ display: block; color: #aaa; font-size: 14px; }

.footc { margin-top: 30px; color: #aaa; }
.footc li{ margin-top: 3px; font-size: 14px; }
.footc i{ margin-right: 15px; display: block; float: left; }
.copyright{ margin-top: 30px; font-size: 14px; }
.footb .wrapper{ position: relative; }
.ewm{ position: absolute; top: 0; right: 0; height: 100%; }
.ewm img{ height: 100%; }

.nice{ background-image: url(../images/service/bg1.jpg); }
.nice .nicer{ width: 60%; float: right; margin-top: 40px; }
.nice .nicer ul li{ width: 50%; height: 155px; float: left; }
.nice .nicer img{ margin-right: 20px; }
.nice .nicer .p{ float: left; }
.nice .nicer .hr{ width: 70px; height: 1px; background-color: #555; }
.nice .nicer{ line-height: 1.5rem; }

.s-pro{ background-image: url(../images/service/bg3.jpg); }
.s-pro ul{ margin-top: 30px; }
.s-pro ul li{ float: left; width: 33.33%; text-align: center; line-height: 1.7rem; height: 270px; border-left:1px solid #999; box-sizing: border-box; padding-top: 50px; border-bottom: 1px solid #999; }
.s-pro ul li:nth-child(1){ border-left:0; }
.s-pro ul li:nth-child(4){ border-left:0; border-bottom: 0px; }
.s-pro ul li:nth-child(5){ border-bottom: 0px; }
.s-pro ul li:nth-child(6){ border-bottom: 0px; }
.s-pro ul li { color: #fff; }
.s-pro ul li .t{color: #dc5; margin: 0 auto; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dc5; display: table; }


.s-about{ background-image: url(../images/service/b.png); }
.s-about ul{ margin-top: 30px; }
.s-about ul li{ width: 50%; float: left; border-right: 1px solid #555; box-sizing: border-box; text-align: center; }
.s-about ul li:nth-child(2){ border-right: 0; }
.s-about .p{ margin-top: 40px; text-align: center; }
.s-about .p i{ margin-right: 0.5rem; }
.s-about a{ display: block; width: 118px; height: 34px; background-image: url(../images/service/m.png); margin: 0 auto; margin-top: 35px;  }
.s-about a:hover{ background-image: url(../images/service/onm.png); }

.s-case{ background-image: url(../images/service/bg2.jpg); background-repeat:  no-repeat; background-position: center 0; }
.s-case .p{ width: 32%; }
.s-case .box{ border:25px solid #e1e0bf; padding: 60px 30px; background-color: #fff; }
.s-case .p h3{ font-size: 1.2rem; }
.s-case .p .t{ margin: 50px 0; }
.s-case .p a{ margin-right: 15px; }
.s-case .carblock{ margin: 5px 7px 5px 0px; width: 30px; height: 1px; background-color: #000; color: #fff;  font-size: 0.75rem; margin-top: 10px; }
.s-case .pic{ width: 700px; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover; }

/* banner */
.s-case .slideBox{ width:100%; overflow:hidden; position:relative; }
.s-case .slideBox .hd{ height:15px; overflow:hidden; position:absolute; width: 100%; left: 0px; bottom:20px; z-index:1; }
.s-case .slideBox .hd ul{ overflow:hidden; zoom:1; display: table; margin: 0 auto;  }
.s-case .slideBox .hd ul li{ float:left; margin:0 3px;  width:50px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.s-case .slideBox .hd ul li.on{ background:#fe2; color:#fff; }
.s-case .slideBox .bd{ position:relative; z-index:0;   }

.s-case .slideBox .prev,.s-case .slideBox .next{ position:absolute; width: 28px; height: 28px; background-image: url(../images/service/r.png); bottom: 0px; right: 0px;  }
.s-case .slideBox .next{  background-image: url(../images/service/l.png); bottom: 0px; right: 28px;  }

.s-case .slideBox .prevStop{ display:none;  }
.s-case .slideBox .nextStop{ display:none;  }

.team { background-color: #f4f4f4; }
.team li{ padding-bottom: 70px; }
.team li .img{ width: 460px; height: 670px; background-image: url(../images/team/b.jpg); float: left;}
.team li .img .tu{ margin-top: 44px; width: 475px; height: 660px; background-size: 100%; background-position: center; background-repeat: no-repeat; margin-left: 44px; }
.team li .p{ width: 50%; margin-top: 44px; float: right; }
.team li .t{ margin-top: 20px; line-height: 1.7rem; font-size: 14px; }
.team li .pic{ margin-top: 20px; }
.team li .t2{ margin-top: 20px; }
.team li a.btn{ display: block; float: left; margin-right: 15px; text-align: center; width: 100px; height: 30px; border:2px solid #fe2; color: #555; line-height: 30px; border-radius: 10px; margin-top: 30px; }
.team li .pic_group a{ display: block; float: left;  width: 250px; height: 150px; margin-right: 15px; margin-bottom: 10px; background-size: cover; background-position: center; }

.team li:nth-child(2n){ text-align: right; }
.team li:nth-child(2n) .img{ width: 460px; height: 670px; background-image: url(../images/team/b.jpg); float: right; position: relative; }
.team li:nth-child(2n) .img .tu{ position: absolute; right: 44px; margin-left: auto; }
.team li:nth-child(2n) .p{ width: 50%; margin-top: 44px; float: left; }
.team li:nth-child(2n) .t{ margin-top: 20px; line-height: 1.7rem; font-size: 0.9rem; }
.team li:nth-child(2n) .pic{ margin-top: 20px; }
.team li:nth-child(2n) .pic_group a{ display: block; float: right;  width: 250px; height: 170px; margin-right: 15px; margin-bottom: 10px; background-size: cover; background-position: center; }
.team li:nth-child(2n) .t2{ margin-top: 20px; }
.team li:nth-child(2n) a.btn{ float: right; margin-left: 15px; }





.contact{  }

.contact-t{ font-size: 1.8em; text-align: center; letter-spacing: 2px; }
.contact-e{ font-size: 0.7em; text-align: center; margin-bottom: 30px; }
.contact-r{ float: left; width: 530px; border:0px solid #d1d1d1; position: relative; }

.cr-li{ height: 110px; width: 100%; }
.cr-li .clp{ float: left; height: 100%; width: 90px;  background-repeat: no-repeat; background-position: center; }
.cr-li .clp i{ width: 100%; height: 100%; display: block; font-size: 2.7rem; color: #f80; line-height: 80px; text-align: center; align-items: center;
    display: -webkit-flex;
    justify-content: center; }
.cr-li .space{ width: 14px; height: 1px; background: #7f7f7f; margin:5px 0; }
.clt{ float: left; color: #777; }
.clt1{ margin-top:30px; font-size: 20px; }
.clt1 span{ font-size: 0.6em; margin-left:11px; color: #aaa; }

.srt1{ text-align: center; font-size: 1.5em; letter-spacing: 3px; margin-top:10px;  }
.srt2{ text-align: center; font-size: 0.7em; }

.contact2{ margin-top:0px; margin-bottom: 50px; }

.lmap{ height: 400px; float:right; margin-top: 30px; }



.pageinfo{ padding:30px 0 23px 0; margin-bottom: 30px; border-bottom: 7px solid rgba(134,6,0,0.05); }
.pageinfo .location{ color: #999; float: left; }
.pageinfo .location span{ color: #e1c22a; }
.pageinfo .location a{ color: #999; }
.pageinfo .location a:hover{ color: #555; text-decoration: underline; }
.pageinfo .location-t{ float: right; font-weight: bold; }
.pageinfo .location-t span{ color: #e1c22a; font-family: 微软雅黑; font-size: 20px; font-style: normal; font-variant: normal; line-height: 140%;  }
.pageinfo .location-t i{ color: #ccc; font-size: 20px; line-height: 28px; text-transform: uppercase; }


/*新闻页面*/
.lx-jianjie {
    text-align: left;
    width: 1200px;
    margin: 0 auto;
    color: #555;
    line-height: 1.7em;
    letter-spacing: 1px;
    text-indent: 2em;
}

.newsul{ margin-top: 0px; }
.newsul li{ }
.newsul li a{ display: block; }
.newsul li a .date{ float: left; width: 90px; color: #777; }
.newsul li a .dateimg{ float: left; width: 33px; background: url(../images/dd.png); }
.newsul li a .newsr{ float: left; width: 1057px; margin-left:20px; border-bottom: 1px dashed #ddd; padding-bottom: 0.5rem; margin-bottom: 0.5rem; }
.newsul li a .newsr .newst{ font-size: 1.2em; color: #555; }
.newsul li a .newsr .newsjj{ font-size: 14px; color: #888; margin-top: 10px; line-height: 1.7em; height: 3.4em; overflow: hidden; }


/*关于我们*/
.cb2{ background: url(../images/tell.jpg) no-repeat fixed center; margin-top: 40px; background-size: cover; text-align: center; }
.bgcolor{ background-color: rgba(220,170,34,0.85);  padding: 50px 0; }

/*产品中心*/
.pro-con li{ border-top: 1px solid #ccc; padding:30px 0; }
.pro-con{ width: 1200px; margin: 50px auto; display: table; }
.pro-con .pic{ width: 550px; height: 300px; background-repeat: no-repeat; background-position: center; float: left; background-color: #eee; background-size:100%;  }
.pro-c2{ width: 50%; float: right; }
.pro-c2 .pc-title{ font-size: 1.8em; color: #ec2; white-space : nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro-c2 .pc-jianjie{ margin:18px 0 8px 0; max-height: 250px; overflow: hidden; }
.pro-c2 .pc-web{ font-size: 0.9em; color: #555; max-height: 120px; overflow: hidden; }
.pro-c2 a{ width:106px; height: 37px; background: #ec2; text-align: center; color: #fff; border-radius: 5px; display: block; line-height: 37px; margin-top: 50px;}

.pro-c2 .pc-jianjie ul{
	list-style-type: none !important;
    list-style-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}
.pro-c2 .pc-jianjie ul li{
	list-style-type: none !important;
    list-style-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
}
.pro-c2 .pc-jianjie a{
	list-style-type: none !important;
    list-style-image: none !important;
    padding: 0 !important;
    margin: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    background-color: auto !important;
    background: transparent !important;
    float: left;
    margin-right: 7px;
}




/*产品详情*/

.detail-img{ margin: 0 auto; display: block; text-align: vertical-align:middle; max-width: 500px; max-height: 500px; }

.detail-title{ font-size: 2em; text-align: center; }

.detail-jianjie{ margin-top:30px; line-height: 1.8em; color: #999; width:100%; overflow: hidden; transition: 0.5s all;  }

.detail-con{ width: 1200px; min-height: 300px; margin:0 auto 70px auto; display: table; }
.editt{ margin: 30px 0 10px 0; font-size: 1.7em; width:100%; padding-bottom: 10px; border-bottom: 1px solid #ddd; color: #999; }
.editt:first-child{ margin-top: -10px; }
.editt span{ font-size: 16px; color: #aaa; margin-left: 15px; }
/*分页*/
.page_count{ display: table; margin: 50px auto; }

.about-team{ padding: 70px 0; }
.about-team ul{ margin-top: 40px; }
.about-team ul li{ width: 24%; margin-left:1.333%; height: 400px; float: left; background-repeat: no-repeat; background-size: cover; background-position: center; }
.about-team ul li:first-child{ margin-left:0;  }

.bgcolor2{ background-color: rgba(255,255,255,0.87); padding: 70px 0; }
.join{ background:fixed; background-size: cover; background-image: url(../images/join.jpg); background-repeat: no-repeat; text-align: center; }
.join .join-t{ margin-top: 30px; margin-bottom: 2rem; zoom:1.5; }
.join .join-t a{ display: block; color: #555; color: #f90; }
.join .join-t a:hover{ text-decoration: underline; }
.join .join-t span{ color: #f90; font-size: 1.2rem; font-weight: bold; }

.join .t3 p{ text-align: left; text-indent: 2rem; margin-bottom: 1rem; }

.about-title .t1{ font-size: 2rem; color: #ec2; text-align: center; }
.about-title .t2{ font-size: 1.2rem; color: #aaa; text-align: center; margin-top: 12px; }
.about-title .t3{ color: #999; text-align: center; margin-top:30px; line-height: 1.7rem }


/*新闻详情页*/
.news_detail .t{  }
.news_detail .j{ text-align: center; margin: 15px 0 25px 0; padding-bottom: 25px; color: #777; border-bottom: 1px solid #ddd; }
.news_detail .c{  }


span.downlit{ color: #777; }

.msg{ float: right; width: 40%; }
.contact-message{ margin-top: 20px; }
.contact-message input{ margin-top: 15px; height: 40px; line-height: 40px; padding: 0 10px; border: 0px; background: #ffeeb6; width: 250px; font-size: 1.1rem; }
.contact-message button{ margin-top: 15px; height: 40px; line-height: 40px; padding: 0 10px; border: 0px; background: #ffeeb6; width: 250px; }
.contact-message textarea{ margin-top: 15px; background: #ffeeb6; border: 0px; height: 100px; width: 400px; padding: 10px 10px; font-size: 1rem; font-size: 1.1rem; }
.contact-message button.submit{ width: 100px; background: #fe2; color: #000; cursor: pointer; transition: all 0.35s; font-size: 1.1rem; }
.contact-message input.submit:hover{ background: #bbb; }

.backtop { position: absolute; height: 43px; right: -83px; top: 0; cursor: pointer; }
.backtop i{ text-align: center; line-height: 35px; color: #fff; font-size: 2rem; }

.bottom-weixin-content{ padding: 1rem; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.35); border-radius:1rem; position: absolute; top: -255px; left: -50%; max-height: 208px; text-align: center; display:none ; }
.bottom-weixin-content:after{ content: ""; position: absolute; bottom: -23px; left:29px; height: 0px; width: 0px; border: 15px solid transparent; border-top: 15px solid #fff;  }

.bottom-tel-content{ padding: 1rem; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.35); border-radius:1rem; position: absolute; top: -95px; left: -50%; max-height: 208px; text-align: center; display:none ; width: 400px; font-size: 2rem; color: #ffb60b }
.bottom-tel-content:after{ content: ""; position: absolute; bottom: -23px; left:29px; height: 0px; width: 0px; border: 15px solid transparent; border-top: 15px solid #fff;  }
.bottom-tel-content i{ font-size: 2rem; }


.bottom-qq-content{ padding: 1rem; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.35); border-radius:1rem; position: absolute; top: -95px; left: -50%; max-height: 208px; text-align: center; display:none ; width: 400px; font-size: 2rem; color: #ffb60b }
.bottom-qq-content:after{ content: ""; position: absolute; bottom: -23px; left:29px; height: 0px; width: 0px; border: 15px solid transparent; border-top: 15px solid #fff;  }
.bottom-qq-content i{ font-size: 2rem; }

.mask{ position: fixed; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 600; display: none; top: 0; left: 0; }

.print-full-slide{ min-width: 1000px; position: relative; height: 540px; overflow: hidden;  background: url(../images/resinhero3.jpg) no-repeat center; }
.print-slide-video { left: 0; position: absolute; width: 100%; top: 0;z-index: 0; height: 100%;}
.print-slide-playvideo { left: 50%; min-width: 100%; min-height: 100%; max-width: none; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.print-full-slide .t{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; }
.print-full-slide .t .t1{ margin-top: 130px; font-size: 4rem; color: #fff; }
.print-full-slide .t .t2{ margin-top: 30px; font-size: 2.2rem; color: #fff; }
.print-full-slide .t .t2 span{ font-size: 3rem; }

.ty{ margin-top: 50px; }
.ty li{ float: left; width: 20%; text-align: center; }
.page-banner{ height: 450px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; border-bottom: 1px solid #fc2; }

.pic3ds ul li{ margin-bottom: 2rem; height: 320px; overflow: hidden; padding: 0rem; background-color: #ddd; position: relative; }
.pic3ds .ssr{ position: absolute; right: 0px; top: 0px; height: 100%; width: 20%; background-color: rgba(0,0,0,0.55); padding: 1.5rem; }
.pic3ds .ssr .t{ font-size: 1.5rem; color: #fff; }
.pic3ds .ssr .p{ font-size: 0.92rem; line-height: 1.5rem; margin-top: 1rem; color: #fff; }
.pic3ds .pbao{ width: 100%; height: 100%; overflow: hidden; float: left; }
.pic3ds ul li:hover .pic{ transform: scale(1.2); }
.pic3ds ul li:nth-child(2n) { margin-right: 0; }
.pic3ds ul li .pic{ height: 100%; background-size: cover; background-position: center; transition:5s all; }

.p3ds { background-image: url(../images/service/b.png);}

.s-logo{ background-image: url(../images/service/bg3.jpg); }
.slogo ul{ display: table; margin: 0 auto; margin-top: 30px; }
.slogo ul li{ width: 150px; float: left; margin: 0 20px; }
.slogo ul li img{ max-width: 150px; text-align: center; }

.pic3dp .p0{ width: 100%; position: absolute; height: 0px; left: 0; top: 0; }
.pic3dp>ul{ margin-top: -70px; }
.pic3dp>ul>li{ margin-top: 170px; padding:3rem 1.5rem 2rem 1.5rem; background-color: #ddd; position: relative; box-shadow: 0 0 20px rgba(0,0,0,0.35); }
.pic3dp>ul>li .pp { float: left; background-color: rgba(255,255,255,0.75); position: relative; left: 1rem; margin-top: -7rem; padding: 1rem; z-index: 9; height: 100px; box-shadow: 0 0 20px rgba(0,0,0,0.25) ; padding: 1rem 2rem;}
.pic3dp>ul>li .pp .t { float: left; font-size: 1.5rem; right: 1rem; top: 3rem; color: #777; line-height: 100px; margin-left: 2rem; }
.pic3dp>ul>li .pp .p{ float: left; height: 100px; left: 1rem; }
.pic3dp>ul>li .pp .p img{ height: 100%; }
.pic3dp>ul>li ul li{ float: left; width: 31.33%;  text-align: center;   margin:0 1%; }
.cp { padding-top: 100%; background-size: cover; background-position: center; display: block;}
.cpt{ line-height: 1.5rem; padding-top: 1rem; }
.cpt .st{ font-size: 1.2rem; padding-bottom: 0.5rem; }

.tech { margin-bottom: 2rem; }
.tech li{ width: 30%; height: 360px; margin:1.666%; float: left; position: relative; overflow: hidden; background-color: #a77019; }
.tech li .pic{ width: 360px; height: 360px; transition: all 0.35s; display: table-cell;vertical-align: middle; text-align: center; }
.tech li .pic img{ max-height: 100%; max-width: 100%; text-align: center; vertical-align: middle; display: table-cell; margin: 0 auto; display: block; }
.tech li .text{ position: absolute; top: 291px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.65); padding: 15px; box-sizing: border-box; transition: all 0.35s; }
.tech li .text .name{ color: #fff; height: 40px; line-height: 40px; border-bottom: 1px solid #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tech li .text .jianjie{ color: #ccc; margin-top: 15px; height: 9.6rem; font-size: 0.85rem; line-height: 1.6rem; overflow: hidden; }
.tech li:hover .text{ top: 0px; }
.tech li:hover .pic{ transform: scale(1.05); }

.pagecount{ display: table; margin: 0 auto;}

.pro-top-list{ display: table; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; }
.pro-top-list ul{  }
.pro-top-list ul li{ float: left; margin: 0 10px; }
.pro-top-list ul li a{ padding: 10px 20px; text-align: center; border:1px solid #f90; border-radius: 10px; color: #f90; display: block; }
.pro-top-list ul li a.hover{ background-color: #f90; color: #fff; }

.zzs{ background:fixed; background-position: center; background-size: cover; background-repeat: no-repeat; box-sizing: border-box; border-top: 5px solid #fe2; }
.zzs .p{ font-size: 1.2rem; }
.zzmo{width: 100%; padding: 50px 0; background-color: rgba(255,255,255,0.75); }
.zzmo .title{ font-size: 3rem; margin-bottom: 30px; }

.addeds{ display: table; margin: 0 auto; margin-top: 30px; }
.addeds a{ display: block; padding: 10px 20px; color: #fe2; float: left; transition: all 0.35s; text-align: center; }
.addeds a:hover{ background-color: #fe2; color: #000; }

.contactme{ width: 150px; text-align: center; height: 50px; line-height: 50px; background-color: #ca0; color: #fff; border-radius: 5px; margin: 0 auto; transition: all 0.35s; display: block; font-size: 1.5rem; }
.contactme:hover{ background-color: #fe2; color: #000; }

.join-list ul li{ background-color: #fff; float: left; width: 49%; text-align: left; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 0.3rem; margin: 0 0.5%; margin-bottom: 1rem; cursor: pointer; }
.join-list ul li .t{ height: 3rem; line-height: 3rem; box-sizing: border-box; padding: 0 2rem; color: #555; font-size:1.1rem; border-bottom: 1px dashed #aaa; }
.join-list ul li .j{ padding: 1rem 2rem;  }
.join-list ul li .c{ padding: 1rem 2rem; display: none; }

.p3dpc{ background:fixed; background-image: url(../images/3dp/js/1.jpg); background-position: center; background-size: cover; position: relative; }
.p3dpcm{ background-color: rgba(255,255,255,0.85); position: absolute; height: 100%; width: 100%; top: 0; left: 0; }

.servicet{ display: table; margin: 1rem auto; }
.servicet .pic{ float: left; width: 50px; }
.servicet .pic img{ height: 50px; float: right; }
.servicet .info{ float: left; width: 200px; }
.servicet .info .t{ font-size: 1.2rem; }
.servicet .info .use{ font-size: 14px; margin-top: 0.5rem; }

.top-tel{ float: right; }
.top-tel i{ font-size: 2.8rem; color: #aaa; float: left; line-height: 50px; margin-right: 0.5rem; }
.tel-r{ float: left; }
.tel-r .t{ color: #fff; font-weight: bold; background-color: #aaa; text-align:  center; font-size: 0.75rem; padding: 0.2rem 1rem; letter-spacing: 1px; }
.tel-r .p{ color: #f90; font-weight: bold; font-size: 1.7rem; }

table{ /*border:1px solid #ddd;*/ border-collapse: collapse; border-spacing: 0; width: 100%; }
th{ text-align: left; padding: 1rem; border:1px solid #ddd; border-bottom-width: 2px; }
tr:hover{ background-color: #f5f5f5; }
td{ padding: 1rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
table i{ color: #ff335e; font-style: normal; font-size: 1.2rem; }

.nshow{ background-image:url(../images/bg/作品展示.png); }
/* banner */
.nshow .slideBox{ width:100%; height:600px; overflow:hidden; position:relative; }
.nshow .slideBox .hd{ height:15px; overflow:hidden; position:absolute; width: 100%; left: 0px; bottom:20px; z-index:1; }
.nshow .slideBox .hd ul{ overflow:hidden; zoom:1; display: table; margin: 0 auto;  }
.nshow .slideBox .hd ul li{ float:left; margin:0 3px;  width:50px; height:10px; line-height:14px; text-align:center; cursor:pointer; }
.nshow .slideBox .hd ul li.on{ background:#fe2; color:#fff; }
.nshow .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.nshow .slideBox .bd li{ zoom:1; vertical-align:middle; }
.nshow .slideBox .bd img{ width:100%; height:600px; display:block;  }
.nshow .slideBox .bd li a{ width: 100%; height: 600px; display: block; background-position: center; background-repeat: no-repeat; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.nshow .slideBox .prev,
.nshow .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.nshow .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.nshow .slideBox .prev:hover,
.nshow .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.nshow .slideBox .prevStop{ display:none;  }
.nshow .slideBox .nextStop{ display:none;  }