@charset "utf-8";
/* CSS Document */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
.container{ width:100%;margin:0 auto; clear:both; text-align:center;}
.cl{ clear:both;}
sup{ line-height: 1em;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.top,.head,.nav,.ban,.ad2,.col3,.place2{width:100%; min-width:1000px;}
.top{ background: url(images/top-bg.png) repeat-x; height:35px; line-height:35px; }
.head{ background:url(images/logo-bg.png) no-repeat bottom center #006aae; height:100px; padding:30px 0px 15px 0px;}
.head .title{ font-size:26px; color:#FFF; font-weight:bolder; margin-left:20px; line-height:120%; padding-top:7px; text-align:left;}
.head .title p{ font-size:16px; color:#7ed6fc; font-weight:normal; }
.tel2{ width:283px;}
.logo{ }
.fr{ float:right;}
.fl{ float:left;}
.text-blue{color:#006aae;}
.text-fff{color:#fff;}

.nav{ background:url(images/nav-bg.png) repeat-x bottom center; height:35px;  line-height:35px; }

.nav .container ul{ }
.nav .container ul li{ float:left; list-style:none; width:142px; height:35px; color:#FFF;line-height:33px; text-align:center; font-size:16px; font-weight:bold;}
#menu{ width:994px;display:block; height:35px;  margin:0px auto;}


.pt50{ padding-top:40px; padding-bottom:20px;}
.t3{ font-size:40px; text-align:center; color:#00349a; line-height:50px;}
.sb{ height:1px; background:#ccc; position:relative; margin-top:15px;}
.t8{ position:relative; margin:0 auto;   top:-13px; text-align:center; }
.t8 span,.t8 i{ background:url(../images2016/i1.png) no-repeat; width:12px; height:12px; display: inline-table;}
.t8 .smo{ background:#FFF; padding:0px 30px; font-size:16px; color:#666;}
.indexclass{ height:300px; padding-left:10px; margin-top:20px;}
.indexclass li{ float:left; width:220px; border:#CCC solid 1px; margin-left:20px; background:#ececee; text-align:center; }
.indexclass li .img{width:220px; height:190px;overflow:hidden;}
.indexclass li img{ transition: .1s transform;  transform: translateZ(0); }
.indexclass li:hover{ background:#00349a;  border:#00349a solid 1px; color:#FFF;}
.indexclass li:hover p{ color:#FFF;}
.indexclass li:hover img{  transform: scale(1.3, 1.3);
  transition: .3s transform;}
.indexclass li:hover small{border-top:#666 solid 2px; }
.indexclass li small{ width:180px; margin:auto; border-top:#dadadc solid 2px; display:block; line-height:150%; font-size:14px; padding:5px;}
.ad2{ background:url(../images2016/ban-2.jpg) no-repeat top center; height:197px;}

.col2,.col2 .t8 .smo{ background:#e6e6e6;}
.col3{ background:#b3b3b3; height:500px;}
.why{ background:url(../images2016/bg-why.jpg) no-repeat center 80px; width:100%; height:280px;}
.why ul li{ float:left; width:250px; text-align:center;cursor:pointer;}
.why ul li .t{ transition: .1s transform;  transform: translateZ(0); height:129px; margin-top:10px;}
.why ul li:hover .t{ transform: scale(1.2, 1.2);  transition: .3s transform; }
.why ul li .t2{ font-size:20px;font-weight:bold; line-height:200%; margin-top:10px; text-align:center;}
.why ul li .t5{font-size:18px;line-height:150%; color:#999;}
.why ul li a{color:#b22e93; font-size:18px;font-weight:bold;line-height:200%; }


.place2{ height:120px; background:url(../images2016/bg-place.jpg) no-repeat center top; width:100%; }
.place2 .title{ width:950px; margin:0 auto;  border:0px; height:120px; padding-left:50px;}
.place2 .title h1,.place2 .title h3{ padding-top:30px;font-size:24px; font-weight: bold; color:#8d9299; height:40px; width:400px; line-height:40px;}
.place2 .title h1 span,.place2 .title h3  span{	color:#0177be; font-size:18px;	margin-left:10px; font-weight:normal;}


.likeart{ margin-bottom:15px; padding-bottom:15px; padding-left:10px; background:#F2F2F2; float:left; width:100%;}
.likeart ul li{ width:50%; float:left; font-size:13px;}
.likeart ul li a{ color:#999;}

.works-class{ border-bottom:#00349a 3px solid; width:96%; margin-bottom:15px; clear:both;}
.works-class h2 a{ font-size:24px; color:#00349a; line-height:200%;}
.works-class h2 small{ margin-left:15px; font-size:16px; font-weight:normal;}

/* 2020 */
.col5{ background:url(images/po-bg.jpg); height:543px;}
.col6{ background:url(images/bg-4.jpg); height:269px; padding-top:60px;}
.col7{ background:url(images/bg-5.jpg); height:166px; padding-top:50px;}
.sannav{ height:157px; background: url(images/sannav-bg.jpg);}
.sun-nav li{ float:left; width:124px; height:85px; border-right:1px solid #a6d9f9; }
.ban2{ background:url(images/ban2-bg.png) #ededed;}
.ban2 .container{ height:500px;}
.ban2 .swiper-wrapper .swiper-slide{height:450px;  position:relative;}
.ban2 .swiper-wrapper .swiper-slide img{max-width:100%;}

.ban2txt{ background:url(images/ban2-txtbg.png) no-repeat bottom center ; padding-bottom:15px;}
.ban2txt h3{ font-size:45px; font-weight:bold; color:#006aae; margin-top:40px;}
.ban2txt p{font-size:22px;color:#006aae;  }
.ban2 .ban2-5{ background:url(images/ban2-5.png) no-repeat bottom center ;}
.ban2 .ban2-1{ background:url(images/ban2-1.png) no-repeat bottom center ;}
.ban2 .ban2-2{ background:url(images/ban2-2.png) no-repeat bottom center ;}
.ban2 .ban2-3{ background:url(images/ban2-3.png) no-repeat bottom center ;}
.ban2 .ban2-4{ background:url(images/ban2-4.png) no-repeat bottom center ;}
.ban2 .swiper-pagination-bullet{ width:20px; height:20px;border-radius:0;opacity:1;}

.shopbat li{margin-bottom:25px;}
.shopbat li img{ border-radius:5px;}
.code li{ width1:70px; margin-left:40px;}
.code li p{ font-size:20px; color:#fff;}

.col-about{background:#fff ;height:235px; padding-top:50px;}
.col-tit{background:url(images/bg-1.jpg) no-repeat top center ;}
.col-tit .title{ text-align:left;padding-top:50px; clear:none;}
.col-tit .title h3{font-size:45px; font-weight:bold; }
.col-tit .title dl{font-size:30px;font-family: 'Helvetica Neue', 'Helvetica', 'Microsoft Yahei', sans-serif;}
.text-bg-bule{text-shadow: 3px 3px 0px #006aae ,2px 2px 0px #006aae, -2px -2px 0px #006aae, 3px 3px 0px #006aae, -3px -3px 0px #006aae;}
.packag-list ul{ clear:both; height:auto;}
.packag-list ul .packag-box{background:url(images/pack-bg.png) no-repeat bottom center #f3f3f3; background-size: 100% auto; padding:20px; float:left; margin-right:20px; margin-bottom:30px;}
.packag-list ul li:nth-child(3n),.packaging li:nth-child(2n),.partners-list ul li:nth-child(6n){margin-right:0px}
.packag-list ul li .imgbox{width:280px; height:280px; position:relative;}
.packag-list ul li .imgbox .tag{width:60px; height:60px; border-radius:30px; background:#56aa1c; position:absolute;top:0; right:0; font-size:16px; color:#fff; padding:10px; line-height:20px;}
.packag-list ul li .tit{ font-size:26px; color:#006aae; border-bottom:1px solid #999; height:40px; line-height:40px;margin-bottom:10px;}
.packag-list ul li .aot{margin-bottom:30px;}
.packag-list ul li .cat{width:200px; height:26px; line-height:26px; background:url(images/cat.png) no-repeat center #56aa1c; border-radius:30px;color:#fff; margin:25px auto;word-spacing:30px;}
.hr-green{ background:#56aa1c;border: none;	height: 1px;}
.gift{ padding-bottom:40px;}
.packaging li:nth-child(2),.packaging li:nth-child(2) .imgbox{width:620px;}
.packaging li:nth-child(3),.packaging li:nth-child(4),.packaging li:nth-child(3) .imgbox,.packaging li:nth-child(4) .imgbox{width:450px;}
.packag-list .packaging li:nth-child(3){}
.spank{ width:60px; height:3px; margin-left:0px; margin-bottom:40px; border:1px solid #fff; background:#fff;}
.bg-bule{background: #006aae;}
.bor-bule{border-color: #006aae;}
.pt40{ padding-top:40px;}
.partners-bg{background:url(images/partners-bg.jpg) no-repeat top center ;}
.partners-list ul li{ float:left; width:135px; margin-right:14px; height:150px; margin-bottom:15px; background:#f3f3f3; padding:10px;}
.partners-list ul li img{ max-height:100%; max-width:100%;}