@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#333;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
/*clear*/
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;overflow:hidden;}
.cf{zoom:1;}
/*other*/
.main{width:100%;min-width:1100px;background:url(../imgs/bg.jpg) no-repeat top center #fffaf3;background-size: 100% auto;}
.layout{width:1100px;}
.fl{float:left;}
.fr{float:right;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*header*/
.header{height:40px;background:#fff}
.header span{float:left;}
.header span img{margin-top:3px;}
.header em{float:right;line-height:40px;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}
/*top*/
.top{position: relative;height:43vw;}
.top_h{height:20vw;}
.Scroll_txt{position: relative;width:380px;height: 100px;overflow: hidden;left:2%}
.Scroll_txt li{text-align: center;font-size: 14px;line-height: 160%;}
#tit1{width:30%;height: auto;right:-5%;top:11.5vw;left:0;margin:auto;position: absolute;
    -webkit-animation: bounceIn 2s .2s ease both;
    -moz-animation: bounceIn 2s .2s ease both;
    -ms-animation: bounceIn 2s .2s ease both;
    -o-animation: bounceIn 2s .2s ease both;
    animation: bounceIn 2s .2s ease both;
}
#cattle{width:30%;height: auto;right:0%;bottom:0px;left:0;margin:auto;position: absolute;
    -webkit-animation: cattle-move 1s 3.3s infinite alternate ease-in-out;
    animation: cattle-move 1s 3.3s infinite alternate ease-in-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}
@keyframes cattle-move{
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    33% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    66% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes cattle-move{
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    33% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    66% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes bounceIn{
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes bounceIn{
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
/*p1Con*/
.p1Con{margin-top: 25px;}
.p1Con h1,.p2Con h1{font: normal 42px/50px \5FAE\8F6F\96C5\9ED1;color: #ca8227;
background: url(../imgs/titbg.png) no-repeat bottom;height:106px;padding-left:55px;}
.pic1 li{margin-bottom:70px;position: relative;}
.pic1 li span{background:url(../imgs/picbg1.png) no-repeat;position: absolute;display: block;width:346px;height:346px;}
.pic1 li img{margin-left:21px;margin-top:21px;float:left;margin-right:63px}
.pic1 li b{background:url(../imgs/long.png) no-repeat;display: inline-block;width:374px;height:62px;line-height:62px;font-size:28px;text-align: center;color:#fff;margin-bottom:25px}
.pic1 li p{font-size: 20px;line-height:160%;color:#8d5a00;text-indent: 2em;}
.pic1 li.odd1 span{background:url(../imgs/picbg1.png) no-repeat right;right:0}
.pic1 li.odd1 img{float:right;margin-left:63px;margin-right:21px;}
/*p2Con*/
.p2Con{margin-top: 25px;}
.pic2 li{float:left;width:261px;margin-left:12px;font-size: 14px;margin-top:20px;height:376px;}
.pic2 li b{display: block;background:url(../imgs/short.png) no-repeat;width:261px;height:43px;line-height:43px;text-align: center;color:#fff;margin-bottom:25px;font-size:16px;}
.pic2 li img{border:5px solid #cd993e;margin-bottom:15px;}
.pic2 li p{height:130px;overflow-y:auto;}
.pic2 li p::-webkit-scrollbar{width:4px;height: 1px;}
.pic2 li p::-webkit-scrollbar-thumb{border-radius: 10px;background: #d09324;}
.pic2 li p::-webkit-scrollbar-track{border-radius: 10px;background:transparent;}
/*copyright*/
#copyright{text-align:center;width:100%;font-size:14px;font-family: \5B8B\4F53;padding:80px 0;}
@media screen and (min-width:1000px) and (max-width:1120px){
    .main{width:100%;min-width:1000px;background-position: center 20px;}
    .layout{width:1000px;}
    .pic1 li p{font-size: 18px;}
    .p1Con h1, .p2Con h1{background-size:98% auto}
    .pic2 li{width:238px;height:395px;}
    .pic2 li img{width:225px;height: auto;}
    .pic2 li b{background-size:100% auto;width:100%;font-size:14px;height:33px;line-height: 33px;}
    .pic2 li p{height:128px;}
}
/*---------MEDIA QUERIES Mobile phone--------------*/
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
    .main{width:100%;min-width:1000px;background-position: center 16px;}
    .layout{width:95%;}
    .pic1 li img{margin-bottom:10px;}
    .pic1 li p{font-size:0.8em}
    .p1Con h1, .p2Con h1{background-size:98% auto}
    .pic2 li{width:23%;height:390px;}
    .pic2 li b{background-size:100% auto;width:100%;font-size: 1em;}
    .pic2 li img{width:100%;height: auto;}
    #copyright{width:100%;}
}