/* CSS Document */
*{ margin:0; padding:0;}
.clear{ clear:both;}
.h1, .h2, .h3, h1, h2, h3,.h4, .h5, .h6, h4, h5, h6, p, ol, ul{ margin:0;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none; outline:none;}
.ellipsis{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
body,html { font-family:Arial, "微软雅黑"; height:78%; max-width:640px; margin:0 auto;}


header{ background:#FFFFFF; padding:25px 0 13px; border-bottom:1px solid #a4a4a4;}
.logo{ width:84%; margin:0 auto; text-align:center;}
.logo p{font-size:20px;}
.wxlogo{width:100%;margin:0 auto;text-align:center;padding-bottom:10px;padding-top:10px;border-top:1px solid #dbdbdb;}
.wxlogo p{margin-bottom:10px;font-size:16px;}
.logo2{ width:100%; margin:0 auto; text-align:center;}
.logo img{ margin:0 auto;margin-top:5px;margin-bottom:5px;}
.logo3{ width:100%;margin:0 auto;}
.logo3 img:nth-child(1){margin-top:5px;float:left;margin-bottom:5px;margin-left:10px;}
.logo3 img:nth-child(2){margin-top:10px;float:right;margin-right:10px;}
.banner{ border-bottom:1px solid #a4a4a4;}
.banner img{  width:100%; margin:0 auto;}
.banner .swiper-container{ width: 100%; height: auto;}
.swipercode {width:100%; height: auto;}
.swipercode{margin:0 auto;}
.swipercode img {margin:0 auto;}

/*.bannerbark{ border-bottom:1px solid #a4a4a4;}*/
.bannerbark img{  width:100%; margin:0 auto;}
/*.bannerbark .swiper-container{ width: 100%; height: auto;}*/
.swiper-pagination{padding-top:10px;}
.swiper-pagination-bullet{ background:#ffffff; opacity:1; width:13px; height:13px;}
.swiper-pagination-bullet-active{ background:#0166ac;}

.banner_bot .media{ margin:0; background:#f4f4f4; border-bottom:1px solid #dbdbdb; padding:10px 0; padding-left:30px; font-size:16px; color:#3c3c3c;}
.box1list{ list-style:none; padding:30px 0; margin:0 -5px;}
.box1list li{ text-align:center; padding:0 5px;}
.box1list li img{ margin:10px auto; transition:all 0.2s ease-in-out;}
.box1list li h3{ font-size:18px; color:#171717; line-height:20px; height:30px; overflow:hidden;}
.box1list li a:hover img{ transform:scale(1.05,1.05);}
.box1list li a:hover h3{ color:#0166ac;}
.box1list li:nth-child(1) a:hover h3{ color:#f99322;}
.box1list li:nth-child(2) a:hover h3{ color:#f8e322;}
.box1list li:nth-child(3) a:hover h3{ color:#aed35b;}
.box1list li:nth-child(4) a:hover h3{ color:#6cc28f;}
.box1list li:nth-child(5) a:hover h3{ color:#f45f66;}
.box1list li:nth-child(6) a:hover h3{ color:#d287b1;}
.box1list li:nth-child(7) a:hover h3{ color:#9c8fc5;}
.box1list li:nth-child(8) a:hover h3{ color:#68b9eb;}
.container-fluid2{margin-right:auto;margin-left:auto;}
.box2list{ list-style:none; padding:30px 0; margin:0 -5px;}
.box2list li{ text-align:center; padding:0 5px;}
.box2list li img{ margin:10px auto; transition:all 0.2s ease-in-out;}
.box2list li h3{ font-size:18px; color:#171717; line-height:24px; height:72px; overflow:hidden;}
.box2list li p{ font-size:16px; color:#3c3c3c;font-weight:normal;}
.box2list li a:hover img{ transform:scale(1.05,1.05);}
.box2list li a:hover h3{ color:#0166ac;}
.box2list li:nth-child(1) a:hover h3{ color:#aed35b;}
.box2list li:nth-child(2) a:hover h3{ color:#f99322;}
.box2list li:nth-child(3) a:hover h3{ color:#d287b1;}
.box2list li:nth-child(4) a:hover h3{ color:#f8e322;}
.box2list li:nth-child(5) a:hover h3{ color:#68b9eb;}
.box2list li:nth-child(6) a:hover h3{ color:#6cc28f;}
.box2list li:nth-child(7) a:hover h3{ color:#f45f66;}
.box2list li:nth-child(8) a:hover h3{ color:#aed35b;}

.box2list li:nth-child(1) a:hover p{ color:#68b9eb;}
.box2list li:nth-child(2) a:hover p{ color:#f99322;}
.box2list li:nth-child(3) a:hover p{ color:#f8e322;}
.box2list li:nth-child(4) a:hover p{ color:#aed35b;}
.box2list li:nth-child(5) a:hover p{ color:#6cc28f;}
.box2list li:nth-child(6) a:hover p{ color:#f45f66;}
.container-wine{width:80%;margin:0px auto;}

.container-item{text-align:center; margin:10px;padding:0 5px;}
.container-item img{margin:0 auto;max-width:100%}
.container-item h3{margin:10px;max-width:100%}
.mainbox{ background:#f1f1f1;}
.mainbox_parcel {background: #8CCDF1;padding:10px;}
.mainbox_parcel .gray{background:#E2E0E1}
.mainbox_parcel .blue {background: #8AD2FA}
.mainbox_parcel .blue a {color: black;}
.mainbox_parcel span {color: white;font-size: 24px;}
.mainboxh1{ background:#f99322; padding:20px 0; text-align:center; font-size:24px; color:#ffffff; font-weight:normal; position:relative;}
.mainboxh1 img{ max-width:15%;text-align:left;}
.mainboxh1 span{right:1px;}
.mainboxh1:after{ display:block; content:""; position:absolute; left:50%; bottom:-14px; margin-left:-7px;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 14px 0 14px;
border-color: #f99322 transparent transparent transparent;
}
.infor1tit{background:#E36B0B}
.infor1tit:after{ border-color: #E36B0B transparent transparent transparent;}
.infor2tit{ background:#f0da10;}
.infor2tit:after{ border-color: #f0da10 transparent transparent transparent;}
.infor3tit{ background:#aed25a;}
.infor3tit:after{ border-color: #aed25a transparent transparent transparent;}
.infor4tit{ background:#6cc28f;}
.infor4tit:after{ border-color: #6cc28f transparent transparent transparent;}
.infor5tit{ background:#f35f66;}
.infor5tit:after{ border-color: #f35f66 transparent transparent transparent;}
.infor6tit{ background:#d187b0;}
.infor6tit:after{ border-color: #d187b0 transparent transparent transparent;}
.infor7tit{ background:#9c8fc5;}
.infor7tit:after{ border-color: #9c8fc5 transparent transparent transparent;}
.infor8tit{ background:#68b9eb;}
.infor8tit:after{ border-color: #68b9eb transparent transparent transparent;}
.infor9tit{background:#0C5889;}
.infor9tit:after{ border-color: #0C5889 transparent transparent transparent;}
.infor10tit{margin-top:30px; font-size:20px; color:#ffffff; padding:20px 15px; line-height:30px;background:#f99322;}

.main{ padding-bottom:30px;}
.mainboxh2{ margin-top:30px; font-size:20px; color:#ffffff; padding:20px 15px; background:#a0d045; line-height:30px;}

.infor2tit2{ background:#f0da10;}
.infor3tit2{ background:#aed25a;}
.infor4tit2{ background:#6cc28f;}
.infor5tit2{ background:#f35f66;}
.infor6tit2{ background:#d187b0;}
.infor7tit2{ background:#9c8fc5;}
.infor8tit2{ background:#68b9eb;}
.infor9tit2{ background:#0C5889;}
.infor5_list .View{ background:#f35f66;}
.infor6_list .View{ background:#d187b0;}
.infor7_list .View{ background:#9c8fc5;}

.maincon{ background:#FFFFFF; padding:15px; font-size:16px; color:#3c3c3c; line-height:32px;}
.maincon p{text-indent:2em;}
.mainboxh3{ border-bottom:1px solid #cbcbcb; font-size:16px; color:#3c3c3c; line-height:32px; padding-bottom:10px; margin-bottom:10px;}
.maincon p img{ max-width:100%; display:block; margin:10px auto;}
.maincon2{ background:#FFFFFF; padding:10px; font-size:16px; color:#3c3c3c; line-height:32px;}
.maincon2 img{width:100%;margin-bottom:10px;}
.mainpic{ border-top:1px solid #cbcbcb; padding:10px 0 20px;}
.mainboxh4{ font-size:20px; color:#3c3c3c; line-height:40px;}
.mainboxh4 small{ padding-left:10px;}
.mainpic img{ margin:10px auto;}
.mainpic p{ text-align:center;}

.infor3_list{ background:#FFFFFF; font-size:16px; color:#0e0e0e; line-height:42px; list-style:none; padding:0 0 15px;}
.infor_parcel{background:#FFFFFF; font-size:16px; color:#0e0e0e; line-height:42px; list-style:none; padding:0 0 15px;}
.infor_parcel .Viewparcel{cursor:pointer;}
.infor_parcel li{ border-bottom:1px solid #cbcbcb; padding:0 15px;}
.infor_parcel li img {float:right;margin-top:5px;}
.infor_parcel li label {float:right;margin-top:5px;margin-right:10px;text-align:center;}
.infor_parcel p{text-indent:0.5em;padding:0 0 0 10px;}
.infor_sub_parcel{background:#FFFFFF; font-size:16px; color:#0e0e0e; line-height:42px; list-style:none; padding:0 0 15px;display:none;}
.infor_sub_parcel li{ border-bottom:1px solid #cbcbcb; padding:0 15px;}
.infor3_list li{ border-bottom:1px solid #cbcbcb; padding:0 15px;}
.View{ display:block; width:80%; margin:20px auto; color:#FFFFFF; background:#AED25A; height:60px; line-height:60px; text-align:center; font-size:18px; cursor:pointer;}
.View:hover,.View:focus{ color:#FFFFFF;}
.view_pic{ text-align:center; display:none;}
.view_pic img{ max-width:100% ;margin:0 auto; display:block;}
.view_pic a{ max-width:100%; margin:0 auto; display:block;}
.infor3_list span.cor_red{ color:#ff0000;}


.infor4_list{ background:#FFFFFF;}
.infor4_list .media{ margin:0 auto; padding:20px 15px; border-bottom:1px solid #cbcbcb;}
.infor4_list .media:first-child{ padding-top:10px;}
.infor4_list .media-body{ font-size:20px; color:#3c3c3c; line-height:36px;}
.infor4_list .media-body .cor_red{ color:#ff0000;}
.infor4_list .media-body .cor_org{ color:#ffcb66; cursor:pointer;}
.infor4_list .media:last-child{ border-bottom:none;}

.infore4_result{ padding:15px 0 0; display:none;}
.infore4_resulth5{ font-size:20px; color:#ffffff; background:#a0d045; height:40px; line-height:40px; padding:0 15px;}
.infore4_table{ padding:10px; margin-bottom:0;}
.infore4_td1{ border:none !important; width:50%; font-size:16px;}
.infore4_td2{ text-align:right;}
.infore4_td2 .cor_red{ color:#ffcb66;}
.infore4_td2 .cor_blue{ color:#3488f6;}

.infor6_numbg{ padding:40px 0 10px; text-align:center; font-size:20px; color:#343434;}
.infor6_num{ font-size:64px; color:#d187b0; text-align:center; width:150px; height:150px; margin:0 auto; background:#d187b0; border-radius:50%; padding-top:25px; margin-bottom:15px; box-shadow:0 3px 3px rgba(0,0,0,0.35) inset;}
.infor6_num span{ display:block; width:100px; height:100px; line-height:100px; border-radius:50%; margin:0 auto; box-shadow:0 3px 3px rgba(0,0,0,0.35); background:#f1f1f1;

animation:mymove 1s infinite;
-webkit-animation:mymove 1s infinite;
}


.goback{ position:absolute; top:50px; left:10%; background:#005BAC; color:#FFFFFF; padding:5px 15px; border-radius:3px; box-shadow:0 0px 2px #77bfff;}
.goback:hover,.goback:focus{ color:#FFFFFF;}

@keyframes mymove
{
from { font-size:60px;}
to { font-size:64px;}
}

@-webkit-keyframes mymove
{
from { font-size:60px;}
to { font-size:64px;}
}

@media (max-width:460px){
	header{ padding:15px 0 10px;}
	.banner_bot .media{ padding:5px 0; padding-left:15px; font-size:14px;}
	.box1list{ padding:15px 0;}
	.box1list li h3{ font-size:14px;}
	.mainboxh1{ font-size:20px;}
	.mainboxh2{ padding:10px 15px; font-size:18px;}
	.View{ height:40px; line-height:40px;}
	
	.infor4_list .media .media-left img{ width:100px; height:100px;}
	.infor4_list .media-body{ font-size:18px; line-height:28px;}
}
.infore3con{ padding:15px; margin-top:30px; background:#FFFFFF; font-size:16px; color:#3c3c3c; line-height:32px;}
.publicCode {text-align:center;margin:0 auto;margin-bottom:20px;}
.publicCode a{ font-size:18px;color:#005BAC;margin-left:15px;font-weight:bold;}

.searchbody{width:100%;overflow:hidden;}
.container-item{text-align:center; margin:10px;padding:0 5px;}
.searchbox{ height:231px; padding:30px 0 0; width:100%;}
.searchwrap{margin:0 auto;}
.fl{ float:left;}

.kouan{text-align:center;color:white;}
.kouan:hover{color:white;}
.kouan:active{position:relative;top:1px;}
.kouandiv{height:2em;line-height:2em;background-color:#68B9EB;font-size:1.2em;text-align:center;border-radius: 0.6em;margin:auto;}

#tabLayout .tabs{height:50px;background:url(../images/tab_bg.jpg);text-align:center;}
#tabLayout .tabbutton{
    font-size:15px;
    font-weight:bold;
    width:25%;
    height:100%;
    margin:0 auto;
    line-height:50px;
    vertical-align:middle;
}
.tabs .active{
   background-image:url(../images/tab_active2.jpg);
}
.tabs label{
   width:2px;
   height:30px;
   overflow:hidden;
   float:left;
   margin:5px;
   background-image:url(../images/tab_sline.jpg);  
}
.infor8_numbg{ padding:40px 0 10px; text-align:center; font-size:20px; color:#343434;}
.infor8_num{ font-size:64px; color:#6cc28f; text-align:center; width:150px; height:150px; margin:0 auto; background:#68b9eb; border-radius:50%; padding-top:25px; margin-bottom:15px; box-shadow:0 3px 3px rgba(0,0,0,0.35) inset;}
.infor8_num span{ display:block; width:100px; height:100px; line-height:100px; border-radius:50%; margin:0 auto; box-shadow:0 3px 3px rgba(0,0,0,0.35); background:#f1f1f1;}

.dianlanheader{display:block;width:100%;text-align:center;background:#3c3c3c;color:#FFFFFF;padding:10px 0 10px 0;}