body,div,p,h1,h2,h3,h4,a,ol,ul,li,dl,dt,dd,input,img{ margin:0; padding:0;}
li{ list-style:none; }
i{ font-style:normal; }
a{ text-decoration:none; color:#666; }
img{ border:0;}
input { border:0; outline:none;}
body{ font-family:arial,"微软雅黑"; font-size:12px; color:#666;} 

.inner{ width:1260px; margin:0 auto; display:block; }
.clear{ clear:both;}



.banner{ height: 250px;  width:100%;  position:fixed; text-align:center; color:#fff; position:relative; }
.banner .pic{ height:250px; width:100%; }
.banner h1{ font-size:18px; margin-bottom:6px; position:absolute; left:45%; top:40%; }
.banner a{ color:#fff; padding:2px 8px; background:#978066; border-radius:5px; position:absolute; left:44.5%; top:52%;}
.notice{ width:100%; height:50px; background:#f1f1f1;}
.notice .inner{ background:url(../imgs/la_03.jpg) no-repeat; height:50px; background-position: left center; }
.notice .index_icon li{ float:left; line-height:50px; padding-right:52px; }
.notice .index_icon li a:hover{ color:#099; text-decoration:underline;}
.notice .icon{ margin-left:34px; }
.notice .index_icon li span{ margin-right:4px; }
.content{ width:100%; height:310; }
.content .inner{ height:310px; }
#banner{ float:left; width:49%; height:250px; overflow:hidden; position:relative; margin:30px 5px 30px 0px; }
/*#banner ol{ position:absolute; left:42%; bottom:12px; z-index:10;}
#banner ol li{ float:left; width:8px; height:8px; border:2px solid #c8ad6f; border-radius:50%; margin-left:6px;}*/
#pic_loop{ position:absolute; left:0;overflow:hidden;width:620px;height:250px; }
#banner ul img{width: 620px;;height: 250px;}
#banner ul li{ width:620px;float:left;}
#banner .left i{ position:absolute; left:-20px; top:40%; width:20px; height:40px; background:#fff; z-index:10; font-family:consolas; text-align:center; font-size:24px; line-height:40px; background-color:#000; color:#fff;}
#banner .right i{ position:absolute; right:-20px; top:40%; width:20px; height:40px; background:#fff; z-index:10; font-family:consolas; text-align:center; font-size:24px; line-height:40px; background-color:#000; color:#fff; }
#banner:hover .left i{left:0px; }
#banner:hover .right i{right:0px; }
#banner .left i:hover{ background-color:#00c3b6;}
#banner .right i:hover{ background-color:#00c3b6;}
#banner i{transition:all 0.3s ease-out;}
#marqueeNav{position:absolute; left:42%; bottom:12px; z-index:10;}
#marqueeNav ul li{cursor:pointer;width:8px; height:8px; border:2px solid #c8ad6f; border-radius:50%; margin-left:6px;}
#marqueeNav .navOn{ background:#fff; }
.push{ width:50%; float:left; margin:30px 0px; }
.push .box{ float:left; }
.push img{ width:300px; height:250px;}
.push .box .inner{ width:300px; height:250px; margin:auto 6px;}
.cool{ background:#f1f1f1; height:866px; width:100%; padding-top:30px;}
.cool li{ float:left; width:23.4%; height:260px; border:1px solid #ccc;  margin-right:24px; margin-bottom:28px; }
.cool li:nth-child(4){ margin-right:0;}
.cool li:nth-child(8){ margin-right:0;}
.cool li:nth-child(12){ margin-right:0;}
.cool li .thumb{ width:280px; height:180px; overflow:hidden; }
.cool li .thumb .pc{ width:296px; height:180px; overflow:hidden; position:relative; margin-top:10px; }
.cool li .thumb .ban{ position: absolute; left: 0; top:0px; background: #000; z-index:40; width:270px; height:180px; margin-left:10px; opacity:0; transition:0.5s; }
.cool li:hover .thumb .ban{ opacity:0.3;}
.cool li .thumb img{ width:280px; display:block; transition:all 0.3s; margin-left:10px; }
.cool .mar .thumb img{ margin-left:10px;}
.cool li:hover .thumb img{transform: translateY(10px);}
.cool li .mb{ display:inline-block; line-height:50px; margin-left:12px; width:268px; border-bottom:1px solid #ccc; font-size:12px; overflow:hidden; }
.cool li .data{ line-height:24px; width:260px; font-size:14px;}
.cool li .data a:hover{ color:#00a398; }
.cool li .data p{ float:left; margin-left:12px; font-size:12px; }
.cool li .data span{ float:right; margin-left:10px;}
.cool li .data span i{ margin-right:4px;}
.cool li .template{ position:absolute; transform:translateY(-35px); left:0; top:0px; width:85%;  transition:all 0.5s; background-color:#222; margin-left:10px; padding:8px 10px;  color:#fff; z-index:20;}
.cool li .template a{ color:#fff; }
.cool li:hover .mb{ color:#00a398; }
.cool li:hover .template span{ float:right; margin-right:10px;}
.cool li:hover .template span i{ margin-left:6px;}
.cool li:hover .template{transform:translateY(0); }

#page{ width:100%; height:78px; background:#f1f1f1; }
#page #page-current{ margin-left:36%; float:left; text-align:center; font-size:14px; }
#page #page-current .ys{ background:#00c3b6; color:#fff; }
#page #page-current i{ font-family:consolas; font-size:18px; }
#page #page-current a{ width:36px; line-height:36px; background:#fff; display:inline-block; }
#page #page-current a:hover,#page #page-current .niu:hover { background:#00c3b6; color:#fff; transition:all 1s; }
#page #page-current span{line-height:36px; display:inline-block; margin:0 10px;}
#page #page-current .txt{ width:50px; height:34px; border:1px solid #ccc; text-align:center; border-radius:5px 0 0 5px; }
#page #page-current .niu{ width:36px; height:36px; background:#fff; border:1px solid #ccc; border-left:none;  }

.syz{ height:646px; background:url("../imgs/love-bg.jpg") center bottom no-repeat fixed; background-size:100%; padding-top:5px;}
.syz ul img{ width:100%;}
.syz .thumb1{ width:100%; height:262px; position:relative; overflow:hidden;}
.syz li{ float:left; width:25%; height:262px;}
.syz li .thumb1 .ban{ position: absolute; left: 0; top:0px; background: #00c3b6; z-index:40; width:100%; height:262px;  opacity:0; transition:0.5s; text-align:center; }
.syz li .thumb1 .ban i{ color:#fff; font-size:40px; line-height:202px; margin-top:15px;}
.syz li:hover .thumb1 .ban{ opacity:0.7;}
.syz li .thumb1 .template1{ height:60px; position: absolute; left: 0; bottom:0px;; background: #000; z-index:40; width:100%; height:60px;   transition:0.5s;  transform:translateY(60px); opacity:0.7; }
.syz li .thumb1 .template1 span{ float:right; margin-right:10px;}
.syz li .thumb1 .template1 span a{ color:#8E8B8C; line-height:0; margin-left:0;}

.syz li .thumb1 .template1 a{ margin-left:10px; line-height:34px; color:#fff;}
.syz li .thumb1 .template1 span a i{ margin:0 5px 0 3px;}
.syz li .thumb1 .template1 .zfd{ float:left; margin-left:10px;}
.syz li:hover .thumb1 .template1{ transform:translateY(0px);}
.feel-go{ width:100%; text-align:center; }
.feel-go a{ display:inline-block; padding:8px 25px; background:#00c3b6; margin:30px auto; color:#fff; border-radius:20px; font-size:14px;  transition:all 0.7s;}
.feel-go a:hover{ background:#ED359C;}

.content1 ul{ height:auto;}
.content1 li{ float:left; width:33.33%; text-align:center;}
.content1 li p i{ width:100px; height:100px; font-size:35px;  line-height:100px; margin-bottom:20px; background:#00a398; border-radius:50%; color:#fff; margin-top:40px; }
.content1 li h2{ color:#00c3b6; font-size:18px; font-weight:normal; margin-bottom:8px;}
.content1 li h3{ margin-bottom:54px;}

.feature{ height:202px; background-color:#fff;}
.feature li{ width:25%; margin-bottom:2px; float:left; }
.feature li a .item{ background-size:468px auto;}
.feature li:nth-child(1) a .item{ background:url(file:///E|/juewei/imgs/ra1.jpg) no-repeat; height:200px;}
.feature li:nth-child(2) a .item{ background:url(file:///E|/juewei/imgs/ra2.jpg) no-repeat; height:200px;}
.feature li:nth-child(3) a .item{ background:url(file:///E|/juewei/imgs/ra3.jpg) no-repeat; height:200px;}
.feature li:nth-child(4) a .item{ background:url(file:///E|/juewei/imgs/ra4.jpg) no-repeat; height:200px;}