﻿/* 初始化/reset */

@charset "utf-8";

*,*:before,*:after{box-sizing:border-box;}

*{-webkit-tap-highlight-color: rgba(0,0,0,0);}

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, font, ins, kbd, q, s, samp, small,strike,

tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td

 {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	padding:0;

	outline: 0;

	vertical-align: baseline;

}

body {position:relative;background:#fff;line-height:150%;box-sizing:border-box;color:#5a5a5a;font-family:Microsoft Yahei!important;font-size:14px;}

a{color:#2a2c2e;text-decoration:none;}

a:hover{color:#FABD00;}

h1,h2,h3,h4,h5,h6 {font-weight:700;line-height:normal;}

h2{font-size:18px;}

h3{font-size:16px;}

strong{color:#000;}

ol,ul,li{list-style:none;}

pre{padding:10px;margin:10px 0;word-break:break-all;word-wrap: break-word;white-space:pre-wrap;background:#f9f9f9;border:1px solid #f0f0f0;color:#aaa;}

img{max-width:100%;height:auto;display:block;border:0;}

i{margin-right:5px;}

hr{margin:10px 0 0 0;height:1px;border:none;background:#ddd;}

input,select,textarea{border:1px solid #dfdfdf;background:#fff;outline:none;width:100%;color:#464646;padding:8px;font-size:14px;font-family:Microsoft Yahei}

textarea{resize:none;overflow-y:hidden;display:block;}

table {float:none;border-collapse:collapse;max-width:100%;width:100%;margin:1em 0;}

table td {border:1px solid #ddd; padding:5px 2px;vertical-align:middle;}

.clearfix:after,.clearfix:before{content:".";display:block;visibility:hidden;height:0;clear:both;}

.fl{float:left;position:relative;}

.hidden{display:none;}



/* public */

.header,.header-nav,.main{min-width:990px;max-width:1200px;margin:0 auto;}

/* logo */

img.logo{z-index:19;width:600px; margin:30px 0;}

.client-phone{ float:right;}

.client-phone p{ font-size:14px; color:#003d1b; background:url(../images/phone.png) 0 12px no-repeat; padding-left:40px; margin-top:30px;}

.client-phone p span{ display:block; font-size:22px; font-weight:700; padding-top:5px;}



/* 一级导航 */

.header-conter{ border-top:solid 1px #eeeeee;}

ul.menu{}

ul.menu li a:after{ background:#eeeeee; height:22px; width:1px; content:""; position:absolute; top:12px; right:0;}

ul.menu li:hover a:after{ background:#003D1B;}

ul.menu li.no-after a:after{ background:none;}

ul.menu li a{display:block;padding:10px 55px;}

ul.menu li:hover a{background:#003d1b; color:#FFF;}

ul.menu li{position:relative;}



/* 二级导航 */

ul.menu li ul{position:absolute;min-width:100%;z-index:15;display:none;}

ul.menu li:hover > ul{display:block;}

ul.menu li ul li a{white-space:nowrap;}

ul.menu li ul li a:after{ display:none;}

ul.menu li ul li:hover a{background:#FCC100;color:#003D1B;}



.banner .flex-direction-nav a{ border-radius:60px; width:50px; height:50px; line-height:50px; background:#003d1b;  filter:alpha(opacity=28); -moz-opacity:0.28; -khtml-opacity: 0.28; opacity: 0.28;}

.banner .flex-direction-nav a::before{ font-size:35px;}



.nav-top{ text-align:center; padding:60px 0 45px 0;}

.nav-top img{ margin:0 auto; padding-bottom:25px;}

.nav-top h3{ font-size:28px; font-weight:700; color:#1d1d1d;}



ul.fine-effect li{ width:12.5%;}

ul.fine-effect li img{ margin:0 auto; position:relative;}

ul.fine-effect li p{ font-size:16px; color:#1d1d1d; text-align:center; padding-top:10px; font-family:Microsoft Yahei}



.fine-content h4,.fine-content p{ text-align:center; font-size:36px; font-family:Arial; color:#565152; padding-bottom:15px;}

.fine-content h4{ padding:60px 0 15px 0;}


ul.fine-effect2 li{ width:20%;}

ul.fine-effect2 li img{ margin:0 auto; position:relative;}

ul.fine-effect2 li p{ font-size:16px; color:#1d1d1d; text-align:center; padding-top:10px; font-family:Microsoft Yahei}




ul.gifts-int li{ width:20%; height:465px; overflow:hidden;}

ul.gifts-int li p{ text-align:center; font-size:18px; color:#1b1b1b; font-weight:700; padding-top:30px;}

ul.gifts-int li .thumbnail-pic{ height:405px; overflow:hidden;}

ul.gifts-int li .thumbnail-pic .pic_img{height:405px;}

/*ul.gifts-int li .thumbnail-pic img{ height: 305px;max-height: 100%;max-width: 100%;overflow: hidden;width: 318px;}*/

ul.gifts-int li:hover .thumbnail-pic .pic_img{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}



.nav-toptwo{ text-align:center; padding:100px 0 45px 0;}

.nav-toptwo h3{ font-size:30px; color:#1d1d1d;}

.nav-toptwo p{ font-size:30px; color:#565152; font-family:Arial; padding-top:20px;}



ul.news-index{ padding-bottom:28px;}

ul.news-index li{margin-right:15px; background:#FFF;}

ul.news-index li img{ width:100%; padding:0 25px;}

ul.news-index li h3{ font-size:16px; color:#000000; padding:25px 25px 20px 25px;}

ul.news-index li p{ font-size:14px; color:#333333; padding:0 25px 40px 25px;}

ul.news-index li span{ display:block; background:#fafafa; padding:15px 25px 15px 25px; width:65%; color:#6a6767;}

ul.news-index li span.news-sj{ display:block; text-align:center; width:35%; padding:15px 0; background:#34343b; color:#FFF; float:right;}

ul.news-index li:hover span.news-sj{ background:#fcc100;}

.case-ad{ position:relative;}

.case-ad .flex-control-nav{ bottom:-15px;}

.case-ad .flex-control-paging li a{ border-radius:0; width:60px; height:4px; background:#9f9f9f;}

.case-ad .flex-control-paging li a.flex-active,.case-ad .flex-control-paging li a:hover{ background:#fcc100;}



a.eng2{text-align: center;display:block;background: #fabd00;padding: 10px 50px;margin: 50px 0 50px 41%;border-radius: 30px; width: 18%;}


a.eng2:hover{ background:#26262e; color:#fabd00;}


.ri-time{ width:100%;}

.news-conter{  background:url(../images/lbj.png);}



.nav-topthere h3,.nav-topthere p{ color:#FFF;}

.nav-topthere span{ font-size:20px; color:#FFF;}

.nav-topthere{ background:#003d1b;}



ul.case-list{ padding-bottom:50px;}

ul.case-list li{width:20%;overflow:hidden;}

/*ul.case-list li img{}*/

ul.case-list li img{height: 240px;max-height: 100%;max-width: 100%;width: 381px;}

ul.case-list li div,ul.case-list li h3.case-title{background:url(../images/functionbg.png) repeat;position:absolute;width:100%;height:100%;z-index:1;}

ul.case-list li div{padding:20px;}

ul.case-list li div p{font-size:12px;line-height:normal;padding:3px 0;}

ul.case-list li div p.slide-title{border-bottom:1px solid #fff;font-size:14px;padding:0 0 10px 0;margin-bottom:8px;}

ul.case-list li a{color:#fff;display:block;}

ul.case-list li h3.case-title{font-weight:100;bottom:0;left:0;height:35px;line-height:35px;padding:0 10px; text-align:center;}

.da-slideFromTop {left:0px;top:-100%;}

.da-slideFromBottom {left:0px;top:100%;}

.da-slideFromLeft {top:0px;left:-100%;}

.da-slideFromRight {top:0px;left:100%;}

.da-slideTop {top: 0px;}

.da-slideLeft {left: 0px;}



.case a.eng{ text-align:center; display:inline; background:#fabd00; padding:10px 50px; margin:50px 0 50px 46%; border-radius:30px;}

.case a.eng:hover{ background:#26262e; color:#fabd00;}



ul.foot-nav{ padding:20px 0 50px 0; margin-top:50px;}

.footer{ background:#34343b;}

ul.foot-nav li{ width:18.4%; margin-right:2%;}

ul.foot-nav li h3{background:url(../images/tm1.png) no-repeat; color:#FFF; border-bottom:solid 1px #717176; margin:5px 0 20px 0; padding:2px 0 10px 35px; font-size:16px;}

ul.foot-nav li h3.b{background:url(../images/tm2.png) no-repeat;}

ul.foot-nav li h3.c{background:url(../images/tm3.png) no-repeat;}

ul.foot-nav li h3.d{background:url(../images/tm4.png) no-repeat;}

ul.foot-nav li h3 i{ float:right; padding-top:5px; font-size:18px;}

ul.foot-nav li a{ display:block; color:#e6e6e6; padding-bottom:7px;}

ul.foot-nav li a:hover{ color:#FFF;}

ul.foot-nav li ul li{ width:50%; margin:0;}

.client-phoneb p{ color:#FFF; background:url(../images/tm5.png) 0 12px no-repeat; padding-left:40px; margin-top:0;}

ul.foot-nav li ul.wx li{ width:33.33%;}

ul.wx li i{ font-size:22px; padding-top:10px; padding-left:3px;}

ul.wx li a{ display:block; text-align:center; width:42px; height:42px; background:#26262e; border-radius:30px; margin-top:20px; margin-left:20px;}

ul.wx li a:hover i{ color:#fabd00;}

ul.wx li.wxxs a,ul.wx li.sjxs a{ position:relative;}

.wxyc,.sjyc{ background:#FFF; padding:2px; position:absolute; top:50px; left:-50px; display:none;}

ul.wx li img{ width:90px; height:90px;}



.copyright{ background:#303034; padding:10px 0; overflow:hidden;}

.copyright p,.copyright p a{ color:#d6d6d6; font-size:12px;}

.copyright p a:hover{ color:#FFF;}

p.copyrighta{ width:70%;}

p.copyrightb{ width:30%; text-align:right;}

.client-phoneb p.bra-title span{ font-size:25px;}



/*a.go-top {background:#003D1B; bottom: 20px; display:none; height:50px; position:fixed; right:20px; width:50px; z-index:99999; border:solid 1px #004a21;}

a.go-top i {color:#fff; font-size:2.5em; left:13px; position:absolute; top:8px;}

a.go-top:hover i{color:#FED90F;}*/

.return{ bottom: 20px; height:170px; position:fixed; right:20px; width:50px; z-index:99999;}

.return a{background:#6d6d6b; display:block; height:50px; width:50px;  border:solid 1px #6d6d6b; margin-bottom:8px;}

.return a img{ margin:0 auto; margin-top:12px;}

.return ul.an li.yc{ position:relative;}

.ycewm{ position:absolute; top:-182px; left:-102px; background:#6d6d6b; padding:5px; text-align:center; color:#FFF; display:none;}

.ycewm img{ width:90px; height:90px;}











.branches{ padding-top:50px; margin-top:50px; border-top:solid 1px #CCC;}

.branches ul li{ width:29.333%; margin:0 2%;}

.branches ul li:hover a i{ color:#FFF;}

.branches ul li:hover a{ background:#fabd00; color:#FFF; border:solid 1px #fabd00;}

.branches ul li a{ font-size:18px; border:solid 1px #CCCCCC; display:block; padding:20px 20px 20px 25px; color:#1d1d1d; font-weight:bold;}

.branches ul li a span{ font-weight:400; font-size:16px; padding-left:20px;}

.branches ul li a i{ float:right; font-size:30px; color:#fabd00;}







.position{ float:right; padding-top:5px;}

.inpage-nav ul li{ padding:10px 0 10px 0;}

.inpage-nav ul li a{margin-right:30px; padding:10px 20px;color:#333; }

.inpage{ padding:10px 0 0 0; border-bottom:solid 1px #eee;}

.inpage-nav ul li:hover a,.inpage-nav ul li.active a{ color:#FABE00;background:#003D1B;}



.sing-cp{ padding:60px 0;}

.single-content{ width:76%; margin-right:2%; line-height:27px; padding-right:4%; border-right:solid 1px #eee;}

.single-content img {
    max-width: 100%;
    height: auto;
    border: 0;
}

.sidebar{ width:22%;}



.single-content h2.single-title{ font-size:20px; color:#1d1d1d; padding-bottom:3px;}

.single-content span.single-en{ font-size:18px; color:#c5c5c5; font-family:Arial; }

.single-content p.single-lv{ font-size:18px; color:#003f1b; padding:5px 0 30px 0;}



.cp{ height:275px; position:relative;}

.cp img.cp{ width:100%;}

.cp p.cp-dj{ font-size:18px; font-weight:700; position:absolute; bottom:0; left:0; padding:10px 20px; width:100%; background:url(../images/cpbj.png);}

.cp p.cp-dj i{ float:right; position:absolute; bottom:15px; right:20px; font-size:35px;}

.cp p.cp-dj span{ font-size:14px; font-weight:400; display:block; color:#666; padding-top:5px;}



.tzgg h3.tz{ padding:40px 0 10px 0;}

ul.btr li{ position:relative; padding-top:5px;}

ul.btr li a{ padding-left:15px;}

ul.btr li i{ font-size:7px; position:absolute; left:0; bottom:5px; color:#fabd00;}



.pud-conter{ padding:25px 0 50px 0;}

ul.normal-column-list li{ width:32%; margin-right:2%;}

ul.normal-column-list li img{ border:solid 1px #CCC;}

ul.normal-column-list li p{ padding:15px 0 40px 20px;}



.cp-righr{ background:url(../images/cpzx.png); color:#FFF; padding:35px 0 75px 20px;}

.cp-righr h3{ font-size:24px;}

.cp-righr span{ font-size:18px; color:#c5c5c5;}

.cp-righr p{ font-size:18px; padding-top:20px;}



.cp-bz a{ text-align:center; width:33.333%; padding-top:30px;}

.cp-bz a img{ width:50%; margin:0 auto; padding-bottom:10px;}

.cp-bz{ background:#fafafa; height:550px; margin-top:10px;}



/* 订单 */

.submit-input p.submit-title{border-bottom:1px solid #efefef;font-size:18px;line-height:normal;padding:8px 0;}

.submit-input ul li{width:48%;margin:1%;position:relative;}

.submit-input ul li input,.submit-input ul li textarea{width:80%;margin-left:20%;}

.submit-input ul li input[type="radio"]{width:auto;}

.submit-input ul li.radio span{top:0;}

.submit-input ul li span{position:absolute;left:0;top:7px;width:20%;text-align:center;}

.submit-input ul li.ewm img{position:absolute;right:0;top:0;}

.submit-input ul li input[type="submit"]{cursor:pointer;background:#003D1B;color:#fff;border:none;}

.submit-input ul li input[type="submit"]:hover{background:#000;}



.editor-content{ padding-bottom:15px;}

.content h1.title{ font-size:16px; text-align:center; padding-bottom:15px;}

.prev-next{ padding-bottom:30px;}

.item-info{ text-align:center; padding-bottom:20px;}

.item-info span{ padding-right:30px;}

p.item-info i{ color:#666;}

.prev-next a.right{ float:right;}

.page-url{ padding-top:20px;}



/* list 左右结构列表样式 */

ul.list li{padding:10px 0;margin:15px 0;border-bottom:1px solid #eee;}

ul.list li .thumb-pic{width:26%;margin-right:2%;}

ul.list li .item-txt{width:72%;}

ul.list li h2.title{font-size:16px;margin:0;color:#666; padding-bottom:15px;}

ul.list li h2 span.time{ float:right; color:#999; font-weight:400; font-size:14px;}

ul.list li p{color:#959595;line-height:normal;}

ul.list li:hover h2.title{color:#FABD00;}







/* 内页 */

ul.wh li{ width:49%; margin-right:2%;}

ul.wh li span{ background:#FABE00; color:#003d1b; width:95px; display:inline-block; margin-bottom:8px; padding-left:8px; margin-right:10px; font-weight:bold;}



ul.zhaopian li{ width:32%; margin-right:2%;}

ul.zhaopian li p{ font-size:14px; color:#003D1B; font-weight:bold; text-align:center; padding:5px 0 20px 0;}



/* 列表页分页样式 */

.page-number{text-align:center;padding:2em 0;}

.page-number ul li{display:inline;}

.page-number ul li a{color:#003D1B;padding:4px 10px;background:#f0f0f0;}

.page-number ul li a:hover{color:#fff;background:#FABD00;}

.page-number ul li.active a{background:#FABD00;color:#fff;}

.page-number ul li.active a:hover{background:#FABD00;}



ul.shape-sort li a:hover p{ color:#F7C600;}

#slider-photo{ width:800px; height:500px; margin:0 auto;}



/* animate */

.animate{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;}

.animate-1{-webkit-animation:bounceIn 1.2s .2s ease both;-moz-animation:bounceIn 1.2s .2s ease both;-ms-animation:bounceIn 1.2s .2s ease both;} /*弹*/

.animate-2{-webkit-animation:fadeInUp .5s .2s ease both;-moz-animation:fadeInUp .5s .2s ease both;-ms-animation:fadeInUp .5s .2s ease both;}/*向上淡入*/

.animate-3{-webkit-animation:fadeInDown .5s .2s ease both;-moz-animation:fadeInDown .5s .2s ease both;-ms-animation:fadeInDown .5s .2s ease both;}/*向下淡入*/

.animate-4{-webkit-animation:fadeOut .6s .2s ease both;-moz-animation:fadeOut .6s .2s ease both;-ms-animation:fadeOut .6s .2s ease both;}/*淡出*/

.animate-5{-webkit-animation:fadeIn .6s .2s ease both;-moz-animation:fadeIn .6s .2s ease both;-ms-animation:fadeIn .6s .2s ease both;}/*淡入*/

.animate-6{-webkit-animation:lightSpeedIn .6s .2s ease both;-moz-animation:lightSpeedIn .6s .2s ease both;-ms-animation:lightSpeedIn .6s .2s ease both;}

.animate-6o{-webkit-animation:lightSpeedOut .6s .2s ease both;-moz-animation:lightSpeedOut .6s .2s ease both;-ms-animation:lightSpeedOut .6s .2s ease both;}

.animate-7{-webkit-animation:flipInY .6s .2s ease both;-moz-animation:flipInY .6s .2s ease both;-ms-animation:flipInY .6s .2s ease both;}

.animate-8{-webkit-animation:flipOutY .6s .2s ease both;-moz-animation:flipOutY .6s .2s ease both;-ms-animation:flipOutY .6s .2s ease both;}

.animate-9{-webkit-animation:zoomIn .6s .2s ease both;-moz-animation:zoomIn .6s .2s ease both;-ms-animation:zoomIn .6s .2s ease both;}

.animate-10{-webkit-animation:bounceIn .6s .2s ease both;-moz-animation:bounceIn .6s .2s ease both;-ms-animation:bounceIn .6s .2s ease both;} /*快速弹*/

.rotateup{color:#EA5413;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.rotatedown{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}

.loop{animation-iteration-count:infinite;/*animation-duration:.8s*/}

.fastanimate{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;}

.tbstyle table td{padding:8px 10px;}

.tbstyle table tr.first{background:#666!important;text-align:center;font-size:18px;font-weight:700;color:#fff;}

.tbstyle table tr.second{background:#eee;text-align:center;font-size:16px;}

.tbstyle table tr.first td{line-height:80px;color:#fff;}

.tbstyle table tr.even{background:#f9f9f9;}



@media screen and (max-width: 1680px)  {

	ul.gifts-int li{ height:405px;}

	ul.gifts-int li .thumbnail-pic{ height:353px;}

} 

@media screen and (max-width: 1600px)  {

	ul.gifts-int li{ height:388px;}

	ul.gifts-int li .thumbnail-pic{ height:336px;}

}

@media screen and (max-width: 1440px)  {

	ul.gifts-int li{ height:355px;}

	ul.gifts-int li .thumbnail-pic{ height:303px;}

}

@media screen and (max-width: 1400px)  {

	ul.gifts-int li{ height:345px;}

	ul.gifts-int li .thumbnail-pic{ height:293px;}

}

@media screen and (max-width: 1366px)  {

	ul.gifts-int li{ height:337px;}

	ul.gifts-int li .thumbnail-pic{ height:285px;}

}

@media screen and (max-width: 1280px)  {

	ul.gifts-int li{ height:318px;}

	ul.gifts-int li .thumbnail-pic{ height:266px;}

}