/*内页公用样式*/
.nei_br {
    width: 100%;
    position: relative;
    margin-top: 98px;
}

.nei_br img {
    width: 100%;
}

.nei_br .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 8%;
}

.nei_br .text h3 {
    font-size: 30px;
    color: #fff;
}

.nei_br .text p {
    font-size: 18px;
    color: #fff;
}

@media (max-width:1200px) {
    .nei_br {
        margin-top: 90px;
    }

}

@media (max-width:991px) {
    .nei_br .text {
        padding-top: 8%;
    }

}

@media (max-width:767px) {
    .nei_br .text {
        padding-top: 12%;
    }

    .nei_br .text h3 {
        font-size: 26px;
    }

    .nei_br .text p {
        font-size: 16px;
    }

}

.nei_nav {
    text-align: right
}

.nei_nav span {
    display: inline-block;
    padding-left: 24px;
    line-height: 25px;
    background: url(/template/default/index/3370/images/nei_nav_back01.png) no-repeat 0 5px;
}

.nei_nav span a {
    color: #666;
    font-size: 14px;
}

.nei_title {
    text-align: center;
}

.nei_title h3 {
    font-size: 36px;
    font-weight: bold;
    color: #ca0107;
    text-align: center;
    line-height: 48px;
}

.neirong {
    margin-top: 10px;
    margin-bottom: 60px;
}

.neirong p {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1250px;
    font-size: 16px;
    line-height: 36px;
    color: #666;
}

/*翻页*/
.pages {
    padding-bottom: 40px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #CA0107;
    border-color: #CA0107;
}

.pagination > li > a, .pagination > li > span {
    color: #333;
}

/*.pages{padding-top:20px; padding-bottom:40px; margin:0 auto;text-align: center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; display:inline-block; line-height:38px;
    color: #333;
    margin: 5px 2px;
    height:40px;
    min-width:42px;
    padding:0 5px;
    text-decoration: none;
    font-size:14px;
    }
.pages a:hover{  text-decoration: none; border: 1px solid #D70B31;  background-color:#D70B31;color: #fff;padding:0 5px;height:40px; line-height:38px; font-size:14px;}
.pages span { display:inline-block; border: 1px solid #D70B31;  background-color:#D70B31;color: #fff; line-height:38px;min-width:42px;padding:0 5px;height:40px; font-size:14px; margin:0 2px;}
.pages a:first-child , .pages a:last-child{/* border:none;*/
}

*/

/*时间轴公用样式*/
.pro {
padding-bottom: 20px;
overflow: hidden;
width: 78%;
margin: 32px auto 0;
}

.pro h1, .pro h4 {
text-align: center;
letter-spacing: .75px;
color: #c8161e
}

.pro h4 {
font-size: 24px;
margin-top: 12px
}

.pro .timeline {
height: 41px;
padding-top: 17px;
background: url(/template/default/index/3370/images/timescroll.png) no-repeat top center
}

.pro .time {
width: 100%;
padding: 0 9%;
top: -25px;
}

.pro .time .slick-next, .pro .time .slick-prev {
top: 5px;
width: 42px;
height: 42px;
background-repeat: no-repeat;
background-position: center;
background-size: 42px
}

.pro .time .slick-prev {
left: 0;
background-image: url(/template/default/index/3370/images/l.png)
}

.pro .time .slick-next {
right: 0;
background-image: url(/template/default/index/3370/images/r.png)
}

.pro .time .item.slick-current a {
color: #b60005;
font-size: 24px;
padding-top: 20px;
}

.pro .time .item.slick-current:before {
content: "";
position: absolute;
top: 0px;
left: 50%;
margin-left: -10px;
width: 20px;
height: 20px;
background: url(/template/default/index/3370/images/dian02.png) center center no-repeat;
}

.pro .time .slick-list {
padding-bottom: 12px !important
}

.pro .time .item.slick-current::after {
opacity: 1
}

.pro .time .item {
font-size: 24px;
color: #333333;
position: relative;
outline: 0;
cursor: pointer;
padding-top: 20px;
outline: 0;
}

.pro .time .item:before {
content: "";
position: absolute;
top: 0px;
left: 50%;
margin-left: -10px;
width: 20px;
height: 20px;
background: url(/template/default/index/3370/images/dian01.png) center center no-repeat;
}

.pro .timecontent {
width: 100%;
margin: auto;
margin-top: 50px
}

.pro .timecontent p {
font-size: 16px;
background: url(/template/default/index/3370/images/dian.png) no-repeat 0 12px;
margin-top: 13px;
padding-left: 12px;
position: relative;
letter-spacing: 1px;
line-height: 30px;
}

.pro .timecontent .item {
background: #fff;
outline: 0;
}

.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list {
position: relative;
display: block;
padding: 0;
overflow: hidden;
width: 100%;
margin: 0 auto;
}

.slick-list:focus {
outline: none;
}

.slick-list.dragging {
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}

.slick-track:before, .slick-track:after {
display: table;
content: '';
}

.slick-track:after {
clear: both;
}

.slick-loading .slick-track {
visibility: hidden;
}

.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}

[dir='rtl'] .slick-slide {
float: right;
}

.slick-slide img {
display: block;
}

.slick-slide.slick-loading img {
display: none;
}

.slick-slide.dragging img {
pointer-events: none;
}

.slick-initialized .slick-slide {
display: block;
}

.slick-loading .slick-slide {
visibility: hidden;
}

.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
display: none;
}

.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 42px;
height: 42px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25;
}

.slick-prev:before, .slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Dots */
.slick-dots {
position: absolute;
bottom: -24px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}

.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}

.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '?';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}

/*culture*/
.xiantanwh {
}

.xiantanwh .detail01 {
margin-top: 70px;
}

.xiantanwh .detail01 .img img {
width: 100%;
}

.xiantanwh .detail01 .text {
padding-left: 9%;
padding-top: 24px;
}

.xiantanwh .detail01 li {
margin-bottom: 50px;
}

.xiantanwh .detail01 li h3 {
font-size: 24px;
font-weight: bold;
color: #000;
}

.xiantanwh .detail01 li p {
font-size: 18px;
color: #666;
margin-top: 10px;
}

.xiantanwh .detail01 li:nth-last-child(1) {
margin-bottom: 0;
}

.xiantanwh .detail02 {
background: url(/template/default/index/3370/images/xiantanwh_img02.jpg) center center no-repeat;
background-size: cover;
margin-top: 130px;
}

.xiantanwh .detail02 ul {
height: 100%;
}

.xiantanwh .detail02 li {
width: 33.33%;
height: 100%;
float: left;
position: relative;
}

.xiantanwh .detail02 li h3 {
text-align: center;
font-size: 24px;
color: #000;
padding-top: 80px;
margin-bottom: 40px;
}

.xiantanwh .detail02 li p {
text-align: center;
font-size: 16px;
line-height: 36px;
color: #333;
padding-bottom: 80px;
padding-left: 15px;
padding-right: 15px;
}

.xiantanwh .detail02 li:hover {
background: url(/template/default/index/3370/images/xiantanwh_back01.png) center center no-repeat;
background-size: cover;
}

.xiantanwh .detail02 li:hover h3 {
color: #fff;
}

.xiantanwh .detail02 li:hover p {
color: #fff;
}

.detail03 {
margin-top: 80px;
}

.detail03 .title {
text-align: center;
margin-bottom: 76px;
}

.detail03 .title h3 {
font-size: 28px;
color: #333;
font-weight: bold;
}

.xiantanwh .detail03 {
margin-top: 75px;
padding-bottom: 90px;
background: url(/template/default/index/3370/images/xiantanwh_back02.jpg) right bottom no-repeat;
}

.xiantanwh .detail03 .img img {
width: 100%;
transition: all .5s ease;
-webkit-transition: all .5s ease;
}

.xiantanwh .detail03 .img:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}

.xiantanwh .detail03 .text {
padding-left: 9%;
padding-top: 68px;
}

.xiantanwh .detail03 .text li {
padding-left: 80px;
position: relative;
margin-bottom: 90px;
}

.xiantanwh .detail03 .text li h3 {
font-size: 24px;
color: #333;
font-weight: bold;
}

.xiantanwh .detail03 .text li p {
font-size: 18px;
color: #777;
margin-top: 10px;
}

.xiantanwh .detail03 .text li:before {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -30px;
width: 56px;
height: 56px;
}

.xiantanwh .detail03 .text li:nth-child(1):before {
background: url(/template/default/index/3370/images/xiantanwh_icon01.png) center center no-repeat;
}

.xiantanwh .detail03 .text li:nth-child(2):before {
background: url(/template/default/index/3370/images/xiantanwh_icon02.png) center center no-repeat;
}

.xiantanwh .detail03 .text li:nth-child(3):before {
background: url(/template/default/index/3370/images/xiantanwh_icon03.png) center center no-repeat;
}

.xiantanwh .detail03 .text li:nth-child(4):before {
background: url(/template/default/index/3370/images/xiantanwh_icon04.png) center center no-repeat;
}

.xiantanwh .detail03 li:nth-last-child(1) {
margin-bottom: 0;
}

@media (max-width:1099px) {
.xiantanwh .detail02 li p {
    font-size: 14px;
    line-height: 1.6;
}

}

@media (max-width:767px) {
.xiantanwh .detail01 li h3 {
    font-size: 22px;
}

.xiantanwh .detail01 li p {
    font-size: 16px;
}

}

/*走进AG官网*/
.zoujinxt {
padding-top: 0px;
}

.zoujinxt .detail01 {
margin-top: 45px;
}

.zoujinxt .detail01 .number {
margin-left: -4.5%;
margin-right: -4.5%;
}

.zoujinxt .detail01 .number li {
float: left;
width: 16.6%;
margin-bottom: 0;
}

.zoujinxt .detail01 .number li .num_title {
font-size: 48px;
font-weight: bold;
color: #ba1206;
text-align: center;
}

.zoujinxt .detail01 .number li p {
font-size: 18px;
color: #606060;
text-align: center;
}

.zoujinxt .detail01 .text {
margin-top: 55px;
}

.zoujinxt .detail01 .text p {
font-size: 16px;
color: #555;
line-height: 40px;
}

.zoujinxt .detail01 .text .video {
width: 100%;
margin-top: 64px;
position: relative;
}

.zoujinxt .detail01 .text .video img {
width: 100%;
}

.zoujinxt .detail01 .text .video:before {
content: "";
width: 81px;
height: 81px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px;
background: url(/template/default/index/3370/images/videobut01.png) no-repeat;
cursor: pointer;
}

.zoujinxt .detail01 .text .video:hover:before {
background: url(/template/default/index/3370/images/videobut02.png) no-repeat;
transition: all 0.4s;
}

.zoujinxt .detail02 {
margin-top: 90px;
}

.zoujinxt .detail02 li {
height: 400px;
border-radius: 10px;
margin-bottom: 46px;
position: relative;
}

.zoujinxt .detail02 li .text {
position: absolute;
}

.zoujinxt .detail02 li:nth-child(odd) .text {
right: 9%;
width: 80%;
max-width: 754px;
}

.zoujinxt .detail02 li:nth-child(even) .text {
left: 9%;
width: 80%;
max-width: 754px;
}

.zoujinxt .detail02 li .text h3 {
font-size: 30px;
font-weight: bold;
color: #ba1206;
}

.zoujinxt .detail02 li .text p {
font-size: 16px;
line-height: 36px;
color: #000;
margin-top: 24px;
}

.zoujinxt .detail02 li:nth-child(odd) .text h3 {
text-align: right;
}

.zoujinxt .detail02 li:nth-child(odd) .text p {
text-align: right;
}

.zoujinxt .detail02 li:nth-last-child(1) {
margin-bottom: 0px;
}

.zoujinxt .detail02 {
padding-bottom: 120px;
}

@media screen and (max-width:1366px) {
.zoujinxt {
    padding-top: 10px;
}

.zoujinxt .detail01 {
    margin-top: 30px;
}

.zoujinxt .detail01 .text {
    margin-top: 30px;
}

}

@media screen and (max-width:1100px) {
.zoujinxt .detail01 .number li {
    width: 33.3%;
}

}

@media screen and (max-width:767px) {
.zoujinxt {
    padding-top: 10px;
}

.zoujinxt .detail01 .text {
    margin-top: 10px;
}

.zoujinxt .detail01 {
    margin-top: 30px;
}

.zoujinxt .detail01 .text p {
    line-height: 32px;
}

.zoujinxt .detail02 li {
    height: auto;
    padding: 50px 30px;
}

.zoujinxt .detail02 li .text p {
    line-height: 32px;
    margin-top: 24px;
}

.zoujinxt .detail02 li .text h3 {
    font-size: 26px;
}

.zoujinxt .detail02 li .text {
    position: inherit;
    right: inherit !important;
    left: inherit !important;
    width: 100% !important;
}

.zoujinxt .detail02 {
    padding-bottom: 50px;
    margin-top: 50px;
}

.zoujinxt .detail01 .text .video {
    margin-top: 30px;
}

.zoujinxt .detail01 .number li {
    width: 50%;
    padding-bottom: 15px;
}

.zoujinxt .detail01 .number li .num_title {
    font-size: 30px;
    line-height: 1.6;
}

.zoujinxt .detail01 .text .video:before {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-size: 100%;
}

.zoujinxt .detail01 .text .video:hover:before {
    background-size: 100%;
}

}

/*企业新闻*/
.newtj {
padding-top: 54px;
}

.newtj ul {
margin-left: -12px;
margin-right: -12px;
}

.newtj ul li {
float: left;
width: 25%;
padding-left: 12px;
padding-right: 12px;
}

.newtj ul li a h3 {
font-size: 16px;
color: #333333;
word-break: break-all;
line-height: 25px;
height: 50px;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.newtj ul li span {
margin-top: 15px;
background: url(/template/default/index/3370/images/newjt.png) no-repeat right;
padding-right: 20px;
display: inline-block;
font-size: 14px;
color: #aaaaaa;
}

.newtj ul li a:hover h3 {
color: #D61516;
}

.newmend_pic {
overflow: hidden;
}

.newmend_pic img {
transition: 600ms;
-webkit-transition: 600ms;
}

.newtj ul li a:hover .newmend_pic img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}

.newborder {
padding: 20px 6px;
transition: 600ms;
-webkit-transition: 600ms;
}

.newlist {
margin-top: 40px;
margin-bottom: 40px;
}

.newlist ul li {
margin-bottom: 20px;
}

.newlist ul li a {
display: block;
padding: 19px 0 19px 13px;
border: 1px solid #EEEEEE;
}

.newlist ul li a .nleft {
width: 22%;
float: left;
overflow: hidden;
}

.newlist ul li a .nleft img {
transition: 600ms;
-webkit-transition: 600ms;
}

.newlist ul li:hover .nleft img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}

.newlist ul li a .nright {
width: 13%;
float: left;
}

.newlist ul li a .nmiddle {
width: 65%;
float: left;
padding: 28px 98px 0 34px;
}

.nmiddle h3 {
font-size: 18px;
font-weight: bold;
color: #333333;
margin: 0;
line-height: 40px;
white-space: nowrap;
max-width: 100%;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
}

.nmiddle p {
font-size: 16px;
margin-top: 6px;
color: #666;
line-height: 28px;
max-width: 100%;
height: 84px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.newlist ul li a:hover .nmiddle h3 {
color: #CA0107;
}

.newtime {
padding: 30px 0 0 0;
}

.newtime strong {
font-size: 26px;
color: #666;
font-family: Arial, Helvetica, sans-serif;
display: block;
font-weight: 500;
}

.newtime p {
font-size: 16px;
color: #999999;
background: url(/template/default/index/3370/images/newmore1.png) no-repeat left bottom;
padding-bottom: 50px;
}

.newlist li a:hover {
background-color: #F7F7F7;
}

.newlist li a:hover .newtime  p {
background: url(/template/default/index/3370/images/newmoreh1.png) no-repeat left bottom;
}

.newcontent {
padding-bottom: 30px;
}

@media (max-width:1359px) {
.newlist ul li a .nmiddle {
    padding: 10px 98px 0 34px;
}

.newtime {
    padding: 15px 0 0 0;
}

}

@media (max-width:1249px) {
.newlist ul li a .nmiddle {
    padding: 0px 50px 0 34px;
}

.newtime {
    padding: 5px 0 0 0;
}

.nmiddle p {
    font-size: 15px;
}

}

@media (max-width:767px) {
.newtj ul li {
    width: 50%;
    margin-bottom: 12px;
}

.newlist ul li a .nleft {
    width: 25%;
}

.newlist ul li a .nmiddle {
    width: 75%;
    padding: 0 20px 0 20px;
}

.nmiddle h3 {
    font-size: 16px;
    line-height: 26px;
    height: 26px;
}

.nmiddle p {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
}

.newlist ul li a i {
    font-style: normal;
    padding-top: 5px;
}

}

@media (max-width:375px) {
.newtj ul li {
    width: 100%;
}

.newlist ul li a .nleft {
    width: 100%;
}

.newlist ul li a .nmiddle {
    width: 100%;
    padding: 15px 0px 0 0px;
}

.newlist ul li a {
    padding: 19px 15px 19px 15px;
}

}

.mtlie {
padding-top: 54px;
}

.mtlie ul {
margin-left: -14px;
margin-right: -14px;
}

.mtlie ul li {
width: 20%;
float: left;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 28px;
}

.mtlie ul li a {
position: relative;
overflow: hidden;
border: 1px solid #E5E5E5;
display: block;
}

.mtlie ul li a img {
width: 100%;
}

.mtmeng {
position: absolute;
background: url(/template/default/index/3370/images/mtbg.png) repeat;
top: 0px;
left: -100%;
width: 100%;
height: 100%;
padding: 28px 32px 0 32px;
transition: 500ms;
-webkit-transition: 500ms;
}

.mtmeng p {
text-align: center;
line-height: 22px;
color: #fff;
height: 66px;
overflow-y: auto;
}

.mtlie ul li a:hover .mtmeng {
left: 0;
}

@media (max-width:1359px) {
.mtmeng {
    padding: 15px 15px 0 15px;
}

}

@media (max-width:1249px) {
.mtmeng {
    padding: 15px 15px 0 15px;
}

.mtlie ul li {
    width: 25%;
}

}

@media (max-width:991px) {
.mtmeng p {
    line-height: 22px;
    height: 44px;
}

}

@media (max-width:767px) {
.mtmeng {
    padding: 15px 15px 0 15px;
}

.mtlie ul li {
    width: 50%;
}

.mtmeng p {
    line-height: 22px;
    height: 66px;
}

}

@media (max-width:500px) {
.mtmeng p {
    line-height: 22px;
    height: 44px;
}

}

@media (max-width:374px) {
.mtlie ul li {
    width: 100%;
}

.mtmeng {
    padding: 25px 15px 0 15px;
}

.mtmeng p {
    line-height: 22px;
    height: 88px;
}

}

/*新品速递*/
.xpsd {
padding-top: 0px;
}

.xpsd .newlist {
margin-top: 70px;
}

@media (max-width:991px) {
.xpsd .newlist {
    margin-top: 40px;
}

}

@media (max-width:767px) {
.xpsd {
    padding-top: 0px;
}

}

/*产品列表*/
.w44 {
width: 44%;
float: left;
}

.w56 {
width: 56%;
float: left;
}

.pb50 {
padding: 50px 0;
}

.fname {
color: #fff;
font-size: 30px;
text-align: center;
line-height: 46px;
font-weight: normal;
}

.foodsearch {
border-bottom: 1px dashed #8cac60;
padding-bottom: 20px;
font-size: 16px;
color: #666;
margin-bottom: 10px;
}

.richradio {
border: 1px solid #999999;
display: inline-block;
color: #666;
display: inline-block;
height: 26px;
line-height: 26px;
padding: 0px 15px 0px 10px;
min-width: 60px;
margin-right: 20px;
border-radius: 4px;
background: url(/template/default/index/3370/images/radio.png) no-repeat 91% center;
font-size: 14px;
cursor: pointer;
}

.richradio input {
width: 100%;
height: 100%;
display: none;
opacity: 0;
}

.foodsearch .on {
background: url(/template/default/index/3370/images/check.png) no-repeat 91% center;
border: 1px solid #769c41;
color: #769c41
}

.discip p {
color: #777;
font-size: 16px;
line-height: 30px;
}

.prolist {
padding-top: 30px;
}

.prolist ul li {
padding: 30px 0;
}

.probox {
overflow: hidden;
}

.probox img {
display: block;
margin: 0 auto;
max-width: 80%;
}

.sline {
border-color: #666667;
max-width: 605px;
border-top: none;
margin: 15px 0;
background-color: #666667;
height: 1px;
}

.dispro h3 {
color: #000000;
font-size: 24px;
line-height: 50px;
font-weight: normal;
}

.dispro p {
color: #666;
font-size: 16px;
line-height: 30px;
}

.dispro p strong {
font-weight: bold;
}

.dispro a.cha {
display: block;
position: relative;
width: 129px;
line-height: 36px;
border: 1px solid #999999;
text-align: center;
border-radius: 4px;
color: #333;
margin: 35px 0 10px;
overflow: hidden;
}

.dispro a:after {
position: absolute;
display: block;
content: '';
left: 0;
bottom: 0;
width: 100%;
transition: all linear 0.4s;
height: 0%;
background-color: #ca0107;
z-index: -1;
}

.dispro a:hover {
color: #fff;
}

.dispro a:hover:after {
height: 100%;
top: 0;
border-color: #ca0107;
}

.dispro:hover h3 {
color: #ca0107;
}

@media screen and (max-width:1700px) {
.pbanner .txts {
    position: absolute;
    left: 15%;
    top: 40%;
    max-width: 700px;
}

.picimg {
    width: 75%;
    height: 580px;
}

.pbanner .scroll-down {
    left: 15%;
}

.inner_content:before {
    height: 870px;
}

}

@media screen and (max-width:1450px) {
.inner_content:before {
    width: 30%;
    height: 870px;
}

.dispro p {
    font-size: 14px;
    line-height: 26px;
}

.dispro h3 {
    font-size: 20px;
    line-height: 40px;
}

.probox img {
    max-width: 70%;
}

}

@media screen and (max-width:1200px) {
.picimg {
    height: 500px;
}

.pbanner .scroll-down {
    left: 100px;
}

.pbanner .txts {
    left: 100px;
}

.inner_content:before {
    height: 800px;
}

.prolist ul li {
    padding: 40px 0;
}

.inner_content .header .logo {
    padding: 30px 15px 70px;
    transition: all 0.6s;
}

.w44 {
    width: 40%;
}

.w56 {
    width: 60%;
}

}

@media screen and (max-width:1100px) {
.picimg {
    height: 400px;
}

.pbanner .en {
    font-size: 36px
}

}

@media screen and (max-width:1024px) {
.inner_content .header .logo {
    background-color: transparent;
    padding: 10px 0px 0px;
}

.inner_content {
    padding-top: 68px;
}

.picimg {
    width: 100%;
    float: none;
    height: auto;
    margin-right: 68px;
}

.pbanner {
    padding: 0 68px;
}

.pbanner .txts {
    left: 90px;
}

.w44 {
    width: 35%;
}

.w56 {
    width: 65%;
}

}

@media screen and (max-width:800px) {
.pbanner {
    padding: 0px;
}

.inner_content:before {
    display: none;
}

.fname {
    color: #000;
    font-size: 24px;
    text-align: left;
    line-height: 36px;
}

.pbanner .txts {
    left: 20px;
}

.w44 {
    width: 100%;
    float: none;
}

.w56 {
    width: 100%;
    float: none;
}

.pb50 {
    padding: 20px 0 0px;
}

.richradio {
    margin-right: 6px;
}

.prolist ul li {
    padding: 20px 0;
}

.dispro h3 {
    font-size: 20px;
    line-height: 40px;
}

.dispro a.cha {
    width: 110px;
    margin: 20px 0;
}

.probox img {
    max-width: 100%;
    width: 100%;
}

.dispro {
    padding-top: 15px;
}

}

/*产品系列*/
.psearch {
width: 220px;
margin-left: 240px;
}

.psearch h2 {
font-size: 30px;
line-height: 50px;
color: #fff;
font-weight: normal;
margin-bottom: 4%;
}

.psearch form {
position: relative;
}

.psearch form input {
width: 100%;
color: #e7e7e7;
line-height: 32px;
height: 34px;
border: 1px solid #fff;
box-sizing: border-box;
padding: 0 15px;
background-color: transparent;
}

.psearch form input::-webkit-input-placeholder {

/* WebKit browsers */
color: #e7e7e7;
}

.psearch form input::-moz-placeholder {

/* Mozilla Firefox 19+ */
color: #e7e7e7;
}

.psearch form input:-ms-input-placeholder {

/* Internet Explorer 10+ */
color: #e7e7e7;
}

.psearch form button {
position: absolute;
right: 10px;
top: 4px;
background-color: transparent;
border: none;
color: #fff;
}

.percent {
text-align: right;
float: right;
padding: 15px 230px 15px 0;
width: 500px;
box-sizing: border-box;
background: url(/template/default/index/3370/images/circle.png) no-repeat 94% center;
}

.percent p {
font-size: 40px;
color: #ca0107;
line-height: 60px;
font-weight: bold;
}

.plists {
margin: 0 auto;
}

.plists li .itemplay {
border: 1px solid #d1dec0;
height: 100%;
overflow: hidden;
box-sizing: border-box;
position: relative;
border-radius: 10px;
}

.itemplay video {
position: absolute;
left: 0;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
z-index: 1;
transition: 0.3s;
visibility: hidden;
opacity: 0;
}

.itemplay .pimg {
position: absolute;
left: 0;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
z-index: 1;
transition: 0.3s;
visibility: hidden;
opacity: 0;
}

.descr {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 10;
padding: 30px 94px;
height: 100%;
display: flex;
align-items: center;
}

.descr h3 {
font-size: 30px;
color: #ca0107;
line-height: 50px;
font-weight: normal;
margin-bottom: 2%;
}

.descr p {
font-size: 18px;
color: #888;
line-height: 36px;
}

.lheight {
height: 108px;
overflow: hidden;
}

.descr span {
font-size: 16px;
margin-top: 10px;
color: #888;
display: inline-block;
width: 100px;
line-height: 40px;
background: url(/template/default/index/3370/images/mright.png) no-repeat 0 bottom;
}

.plists li {
margin-bottom: 99px;
}

#vlists li:hover video, #vlists li:hover .pimg {
opacity: 1;
visibility: visible;
}

#vlists li:hover h3, #vlists li:hover p {
color: #Fff;
}

#vlists li:hover span {
color: #fff;
background: url(/template/default/index/3370/images/wright.png) no-repeat 0 bottom;
}

@media screen and (max-width:1500px) {
.psearch {
    margin-left: 150px;
}

}

@media screen and (max-width:1450px) {
.psearch {
    margin-left: 0px;
}

.descr p {
    font-size: 16px;
    line-height: 30px;
}

}

@media screen and (max-width:1100px) {
.inner_content::before {
    height: 660px;
}

.plists li {
    margin-bottom: 50px;
}

}

@media screen and (max-width:1024px) {
.inner_content::before {
    height: 800px;
}

.percent {
    padding: 15px 160px 15px 0;
    max-width: 500px;
    background: url(/template/default/index/3370/images/circle.png) no-repeat 94% center;
    background-size: 100px auto;
}

.percent p {
    font-size: 30px;
    color: #ca0107;
    line-height: 40px;
    font-weight: bold;
}

.psearch {
    width: 180px;
}

}

@media screen and (max-width:940px) {
.ptitle {
    margin-bottom:;
}

.inner_content::before {
    height: 700px;
}

.descr {
    padding: 20px 40px;
}

}

@media screen and (max-width:800px) {
.psearch h2 {
    color: #ca0107;
    margin-bottom: 10px;
}

.psearch form input {
    border: 1px solid #ddd;
    color: #444;
}

.psearch form button {
    color: #ca0107;
}

.descr h3 {
    font-size: 20px;
    line-height: 36px;
}

.descr p {
    font-size: 16px;
    line-height: 30px;
}

.lheight {
    height: 120px;
}

.descr {
    padding: 20px 15px;
}

.plists {
    width: 100%;
}

.plists li {
    margin-bottom: 30px;
}

.percent {
    padding: 15px 90px 15px 0;
    background: url(/template/default/index/3370/images/circle.png) no-repeat right center;
    background-size: 80px auto;
}

.percent p {
    font-size: 20px;
    line-height: 30px;
}

}

@media screen and (max-width:767px) {
.descr {
    position: relative;
}

.lheight {
    height: auto;
}

#vlists li {
    padding: 15px 0;
    margin: 0;
}

}

.pname h2 {
font-size: 30px;
color: #fff;
line-height: 40px;
font-weight: normal;
max-width: 300px;
}

.pname p {
font-size: 18px;
color: #fff;
line-height: 30px;
}

.pname {
margin-bottom: 8%;
}

.prodisp p {
font-size: 18px;
color: #888;
line-height: 40px;
}

.proimg {
padding-bottom: 550px;
background: url(/template/default/index/3370/images/plogo.png) no-repeat right bottom;
}

.thimg {
width: 100%;
max-width: 495px;
float: right;
position: relative;
}

.thimg .tab_menu {
overflow: hidden;
position: absolute;
right: 0%;
top: 0%;
margin-left: 109px;
}

.thimg .tab_menu li {
text-align: center;
cursor: pointer;
position: relative;
box-sizing: border-box;
transition: all 0.3s;
width: 74px;
height: 74px;
border: 1px solid #fff;
border-radius: 2px;
margin-bottom: 7px;
}

.thimg .tab_menu li.current {
border: 1px solid #ca0107;
}

.thimg .tab_menu li img {
max-width: 100%;
max-height: 100%;
}

.thimg .tab_box {
width: 400px;
height: 400px;
border-radius: 4px;
border: 1px solid #ca0107;
text-align: center;
box-sizing: border-box;
overflow: hidden;
}

.thimg .tab_box img {
max-width: 100%;
max-height: 100%;
}

.thimg .tab_box div {
height: 100%;
box-sizing: border-box;
}

@media screen and (max-width:1440px) {
.pname {
    margin-bottom: 13%;
}

.prodisp p {
    font-size: 15px;
    line-height: 34px;
}

}

@media screen and (max-width:1300px) {
.thimg .tab_box {
    width: 360px;
    height: 360px;
}

.thimg .tab_menu li {
    width: 68px;
    height: 68px;
    margin-bottom: 5px;
}

}

@media screen and (max-width:1200px) {
.thimg .tab_box {
    width: 320px;
    height: 320px;
}

.thimg .tab_menu li {
    width: 60px;
    height: 60px;
    margin-bottom: 3px;
}

.pname h2 {
    font-size: 24px;
    line-height: 32px;
    max-width: 240px;
}

}

@media screen and (max-width:1120px) {
.thimg .tab_box {
    width: 250px;
    height: 250px;
}

}

@media screen and (max-width:1024px) {
.pname h2 {
    font-size: 20px;
    line-height: 28px;
    max-width: 180px;
}

.pname p {
    font-size: 16px;
}

.thimg .tab_menu li {
    width: 60px;
    height: 60px;
}

.proimg {
    padding-bottom: 400px;
    background: url(/template/default/index/3370/images/plogo.png) no-repeat right bottom;
    background-size: 200px auto;
}

.thimg .tab_box {
    width: 180px;
    height: 180px;
}

.pname {
    margin-bottom: 11%;
}

.thimg .tab_menu li {
    width: 48px;
    height: 48px;
    margin-bottom: 2px;
}

}

/*社会责任*/
.xiantanzr {
padding-bottom: 60px;
}

.xiantanzr .neirong {
margin-top: 40px;
}

.xiantanzr .neirong p {
text-align: center;
width: 100%;
margin: 0 auto;
max-width: 1250px;
font-size: 16px;
line-height: 36px;
color: #666;
}

.pt58 {
padding-bottom: 20px;
}

.mhxysbt {
padding-top: 55px;
text-align: center;
}

.mhxysbt strong {
color: #0274c7;
font-size: 24px;
background: url(/template/default/index/3370/images/whbg.jpg) no-repeat center bottom;
display: block;
padding-bottom: 18px;
margin-bottom: 18px;
}

.mhxysbt p {
font-size: 15px;
color: #333333;
}

.yslbo ul li.item {
display: block;
position: relative;
width: 25%;
height: 538px;
float: left;
overflow: hidden;
}

.myspiao {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(/template/default/index/3370/images/mywbg1.jpg) no-repeat center;
border-right: 1px solid #BBBBBB;
}

.yslbo ul li:last-child .myspiao {
border-right: none;
}

.mystb {
width: 98px;
height: 98px;
display: block;
margin: 0 auto;
text-align: center;
}

.mysynr strong {
color: #333333;
display: block;
text-align: center;
font-size: 20px;
padding-top: 18px;
}

.mysynr i {
height: 98px;
width: 100%;
display: inline-block;
}

.mysynr {
padding-top: 12%;
height: 100%;
position: relative;
}

.mysynr:before {
position: absolute;
content: "";
left: 50%;
margin-left: -23px;
bottom: 7%;
width: 46px;
height: 46px;
background: url(/template/default/index/3370/images/xiantanzr_icon.png) center center no-repeat;
}

.myshang {
width: 99%;
margin: 0 auto;
height: 42%;
}

.mysxia {
padding-top: 14%;
width: 85%;
margin: 0 auto;
font-size: 15px;
color: #333;
text-align: center;
line-height: 26px;
}

.mysxia p {
color: #002649;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}

.myschu {
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
height: 100%;
}

.myschu img {
width: 100%;
}

.mysmore {
background: url(/template/default/index/3370/images/myshj.png) no-repeat;
width: 40px;
height: 40px;
display: block;
margin: 0 auto;
}

.mengb {
background: url(/template/default/index/3370/images/zrmask_03.png) repeat;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.mengb i {
height: 98px;
width: 100%;
display: inline-block;
text-align: center;
border-radius: 50%;
}

.mengb i img {
max-width: 100%;
width: auto;
}

.mengb .mystb {
background: url(/template/default/index/3370/images/mysbai.png) no-repeat;
display: block;
margin: 0 auto;
margin-top: 77px;
text-align: center;
border: none;
}

.mengb strong {
color: #fff;
display: block;
text-align: center;
font-size: 20px;
padding-top: 35px;
}

.mengb p {
color: #fff;
display: block;
padding: 0 20px;
text-align: center;
font-size: 14px;
padding-top: 15px;
}

.mengb span.mysmore {
background: url(/template/default/index/3370/images/mysbj.png) no-repeat center;
width: 100%;
height: 40px;
display: block;
margin: 0 auto;
margin-top: 27px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}

.mengb span.mysmore:hover {
background: url(/template/default/index/3370/images/mysbj.png) no-repeat 52%;
}

.mengb:hover i {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}

@media (max-width:767px) {
.yslbo ul li.item {
    width: 50%;
    height: 538px;
    margin-bottom: 15px;
}

.yslbo ul li:nth-child(2) .myspiao {
    border-right: none;
}

.xiantanzr {
    padding-top: 0px;
    padding-bottom: 60px;
}

.xiantanzr .neirong {
    margin-top: 20px;
}

.xiantanzr .neirong p {
    line-height: 32px;
}

.pt58 {
    padding-top: 30px;
}

.mengb p {
    overflow-y: auto;
    max-height: 50%;
    padding: 0 15px;
}

}

@media (max-width:374px) {
.yslbo ul li .myspiao {
    border-right: none;
}

.yslbo ul li.item {
    width: 100%;
    height: 538px;
}

}

/*荣誉资治*/
.honor {
}

.honor .neirong {
margin-top: 40px;
margin-bottom: 60px;
}

.honor .neirong p {
text-align: center;
width: 100%;
margin: 0 auto;
max-width: 1250px;
font-size: 16px;
line-height: 36px;
color: #666;
}

.hu_xin {
padding-top: 40px;
}

#zoom {
z-index: 99990;
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background: url(/template/default/index/3370/images/meibg.png) repeat;
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
z-index: 99999;
}

#zoom .content {
z-index: 99991;
position: absolute;
top: 50%;
left: 50%;
width: 1000px;
background: #ffffff no-repeat 50% 50%;
padding: 0;
margin: -100px 0 0 -100px;
box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
border-radius: 4px;
}

#zoom .content.loading {
background-image: url('/template/default/index/3370/images/loading.gif');
}

#zoom img {
display: block;
max-width: none;
background: #ececec;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
border-radius: 4px;
}

#zoom .close {
z-index: 99993;
position: absolute;
top: 0;
right: 0;
width: 49px;
height: 49px;
cursor: pointer;
background: transparent url('../images/close.png') no-repeat 50% 50%;
opacity: 1;
filter: alpha(opacity=100);
border-radius: 0 0 0 4px;
}

#zoom .previous, #zoom .next {
z-index: 99992;
position: absolute;
top: 50%;
overflow: hidden;
display: block;
width: 51px;
height: 50px;
margin-top: -25px;
}

#zoom .previous {
left: 0;
background: url('/template/default/index/3370/images/zuoshou.png') no-repeat;
}

#zoom .next {
right: 0;
background: url('/template/default/index/3370/images/youshou01.png') no-repeat;
}

#zoom .previous:hover {
background: url('/template/default/index/3370/images/zuoshou01.png') no-repeat 0 0;
}

#zoom .next:hover {
background: url('/template/default/index/3370/images/youshou.png') no-repeat 0 0;
}

.zoomed > .container01 {
-webkit-filter: blur(3px);
filter: blur(3px);
}

.gallery {
list-style-type: none;
margin: 0;
display: block;
overflow: hidden;
}

.gallery li {
float: left;
width: 28%;
margin-right: 7%;
margin-bottom: 26px;
}

.gallery li:nth-child(3n+0) {
margin-right: 0;
}

.gallery li img {
width: 100%;
}

.gallery li span {
display: block;
text-align: center;
font-size: 16px;
color: #333;
height: 50px;
margin: 20px 0 0 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.gallery li a {
width: 100%;
height: 100%;
display: block;
position: relative;
}

.gallery li b {
width: 100%;
height: 100%;
background: rgba(116, 135, 135, 0.7) url(../images/fang.png) no-repeat center;
position: absolute;
top: 0;
left: 0;
display: none;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
text-align: center;
color: #fff;
font-weight: normal;
padding-top: 50%;
font-size: 16px;
}

.gallery li:nth-child(6n) {
padding-right: 0;
}

.gallery li:hover b {
display: block;
}

.gallery li:hover span {
background: url(/template/default/index/3370/images/cn2.png) top center no-repeat;
}

.gallery li:hover a {
box-shadow: 0px 0px 10px #888888;
}

/*人才招聘*/
.rczp {
padding: 0 0 70px 0px;
}

.rczp .neirong {
margin-top: 40px;
margin-bottom: 60px;
}

.rczp .neirong p {
text-align: center;
width: 100%;
margin: 0 auto;
max-width: 1250px;
font-size: 16px;
line-height: 36px;
color: #666;
}

img {
max-width: 100%;
}

.talent {
padding: 42px 0 40px;
border-bottom: 2px solid #f4f4f4;
}

.talent h2 {
font-size: 18px;
line-height: 30px;
color: #333;
font-weight: bold;
margin-bottom: 16px;
}

.talent p {
font-size: 14px;
line-height: 32px;
color: #9f9b9b;
}

.talents {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-perspective: 1000px;
perspective: 1000px;
}

.talents li {
border-bottom: 2px solid #f4f4f4;
padding: 20px 0;
transform: translateZ(0);
perspective: 1000px;
transition: all 0.3s;
}

.talents li:nth-last-child(1) {
border-bottom: none;
}

.talents li:after {
content: '';
clear: both;
width: 0px;
height: 0px;
visibility: hidden;
}

.talents li h2 {
font-size: 18px;
line-height: 30px;
color: #333;
font-weight: bold;
margin-bottom: 30px;
}

.talents li p {
font-size: 14px;
line-height: 32px;
color: #9f9b9b;
}

.talents li img {
float: right;
transition: all 0.3s;
}

.talents {
margin-bottom: 50px;
}

@media screen and (max-width:1100px) {
.talents li h2 {
    margin-bottom: 15px;
    margin-top: 0px;
}

}

@media screen and (max-width:768px) {
.talent {
    padding: 0px 0 30px;
}

.talents li img {
    width: 100%;
    margin-top: 20px;
}

.talents li:hover img {
    margin-right: 0px;
}

}

.job_bg {
background: url(/template/default/index/3370/images/rclntu2.jpg) no-repeat center;
height: 286px;
background-size: cover;
width: 100%;
}

.jobuptitle {
text-align: center;
font-size: 28px;
color: #333333;
padding-top: 192px;
}

.jobuptitle  span {
color: #333333;
font-size: 15px;
display: block;
text-transform: uppercase;
padding-top: 8px;
}

.ppw {
padding-top: 40px;
}

.jot {
padding-left: 0
}

.jot span {
display: block;
width: 25%;
text-align: center;
float: left;
line-height: 63px;
height: 63px;
overflow: hidden
}

.jot span:nth-child(1) {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 50px;
    line-height: 20px;
}

.jot span:nth-child(2), .jot span:nth-child(4) {
width: 16%
}

.jotis span {
font-size: 18px;
color: #333333;
font-weight: bold;/* background:#0053a3; */
}

.jod>span {
background: 0 0;
color: #666;
font-size: 16px;
cursor: pointer;
transition: .3s;
-webkit-transition: .3s
}

.jod {
border-bottom: 1px solid #F2F2F2
}

.jotxs {
position: relative;
margin-bottom: 5px;
background: #E6E7E8;
}

.jos {

/* padding-left:0; */border: 2px solid #e7e7e7;
border-top: none;
padding: 40px 38px 38px 38px;
background: #fff;
display: none;
}

.jos .bodr {

/* background:#FFF; */border: none;/* padding:30px 40px; */
border-top: 0;
}

.jos .bodr span {
display: block;
border-top: none;
padding-top: 0;
margin-top: 0
}

.jotxs .line {
background: url(/template/default/index/3370/images/jobhui.png) no-repeat;
width: 30px;
height: 30px;
top: 5px;
right: 10px;
display: block;
position: absolute
}

.jotxs .arrow {
width: 55px;
height: 47px;
position: absolute;
top: 10px;
cursor: pointer;
left: inherit;
right: 3.5%;
transition: .3s;
-webkit-transition: .3s
}

.jotxs.act .jod>span, .jotxs:hover .jod>span {
background: 0 0
}

.jo2 .act .jod>span {
color: #d61717
}

#jo2 a {
font-size: 18px;
color: #333;
background: #E6E7E8;
padding: 9px 44px
}

#jo2 a:hover {
background: #d61717;
color: #fff;
}

.jos h3 {
font-size: 16px;
color: #d61717;
font-weight: bold;
margin: 0;
line-height: 30px;
margin-bottom: 20px;
}

.jos p {
font-size: 14px;
color: #333;
line-height: 28px
}

.bodr p {
padding-bottom: 25px
}

.bodr span a {
font-size: 14px;
color: #333;
background: #D8D8D8;
padding: 8px 44px
}

.act .line {
background: url(/template/default/index/3370/images/joblan.png) no-repeat;
}

@media screen and (max-width:991px) {
.jod>span {
    font-size: 16px;
    font-weight: 500;
}

}

@media screen and (max-width:767px) {
.jobleft {
    float: left;
    width: 100%;
}

.jobright {
    float: left;
    padding-left: 06px;
    width: 100%;
}

.jos {
    padding: 20px 15px 38px 15px;
}

}

@media screen and (max-width:640px) {
.jot span:nth-child(3) {
    display: none
}

.jot span {
    width: 20% !important;
    padding: 0;
    font-size: 14px;
}
.jot span:nth-child(4) {
    font-size: 12px;
}
.jot span:first-child {
    width: 35% !important;
    display: flex;
    align-items: center;
    line-height: 20px;
    justify-content: flex-start;
    padding-left: 5px;
}

}

@media screen and (max-width:375px) {
.jot span:nth-child(2) {
    display: none
}

.jot span {
    width: 26% !important;
}

.jot span:nth-child(1) {
    width: 50% !important;
}

}

/*--应聘页面--*/
.jobyp {
padding-top: 40px;
}

.recuit label {
width: 20%;
float: left;
}

.recuit input[type=text] {
width: 80%;
float: left;
border-radius: 0px;
}

.recuit input[type=radio] {
height: 34px;
margin-top: 0px;
vertical-align: -12px;
margin-right: 6px;
}

.recuit .form-group {
line-height: 34px;
margin-bottom: 30px;
}

.recuit button {
margin-top: 30px;
margin-bottom: 30px;
background-color: #ca0107;
border-color: #ca0107;
color: #fff !important;
outline: 0;
}

.recuit textarea {
border-radius: 0px;
}

@media screen and (max-width:992px) {
.recuit .form-group:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
}

.recuit .form-group {
    margin-bottom: 10px;
}

}

/*联系AG官网*/
.lxwm {
padding-top: 0px;
}

.lxwm .nei_title {
margin-bottom: 45px;
}

.lxwm .nei_title span {
display: inline-block;
margin-top: 10px;
}

.conlist {
margin: 5% auto;
text-align: center;
min-height: 165px;
}

.conbox {
height: 70px;
}

.conbox2 {
height: 70px;
position: relative;
}

.conbox2 span {
position: absolute;
width: 0;
height: 0;
opacity: 0;
bottom: 30%;
}

.conlist:hover .conbox2 span {
opacity: 1;
transition: all 0.3s;
width: 110px;
height: 110px;
margin-left: -55px;
left: 50%;
bottom: -5px;
}

.conlist h3 {
font-size: 18px;
color: #333;
line-height: 40px;
font-weight: bold;
background: url(/template/default/index/3370/images/redx3.jpg) no-repeat center bottom;
padding-bottom: 10px;
margin-bottom: 15px;
}

.conlist p {
font-size: 16px;
color: #333;
line-height: 30px;
}

.weimg li {
width: 20%;
float: left;
box-sizing: border-box;
padding: 5px;
font-size: 16px;
text-align: center;
}

.weimg li p {
font-size: 14px;
}

.weimg li img {
width: 100%;
}

.plist {
font-size: 16px;
line-height: 30px;
color: #333;
max-height: 400px;
overflow-y: auto;
}

.map {
width: 100%;
margin: 40px auto 0;
overflow: hidden;
}

.map img {
width: 100%;
}

@media (max-width:1024px) {
.conlist p {
    font-size: 14px;
    line-height: 26px;
}

.conbox, .conbox2 {
    height: 50px;
}

.conlist h3 {
    font-size: 16px;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.map {
    margin: 20px auto 0;
    height: 400px;
}

}

@media (max-width:768px) {
.conlist {
    min-height: auto;
}

.weimg li {
    width: 50%;
}

.map {
    height: 300px;
}

}

/*AG官网标志*/
.detail03 .row {
margin-left: -20px;
margin-right: -20px;
}

.xiantanbz .detail01 ul {
margin-bottom: 90px;
}

.xiantanbz .detail01 .img {
padding-right: 65px;
}

.xiantanbz .detail01 .img img {
max-width: 100%;
}

.xiantanbz .detail01 .text {
padding-top: 58px;
padding-left: 66px;
}

.xiantanbz .detail01 ul:nth-child(2n+0) .text {
padding-left: 0;
padding-right: 66px;
}

.xiantanbz .detail01 ul:nth-child(2n+0) .img {
padding-left: 65px;
padding-right: 0;
}

.xiantanbz .detail01 .text h3 {
font-size: 24px;
font-weight: bold;
color: #ca0107;
margin-bottom: 30px;
}

.xiantanbz .detail01 .text p {
line-height: 40px;
font-size: 16px;
color: #666;
}

.xiantanbz .culture02 {
padding-top: 180px;
font-size: 30px;
color: #fff;
}

.culture02 {
height: 420px;
}

.xiantanbz .detail03 {
padding-bottom: 108px;
}

.xiantanbz .detail03 .img {
height: 260px;
}

.xiantanbz .detail03 .box {
height: 100%;
width: 100%;
}

.culmask {
height: 100%;
width: 100%;
background: url(/template/default/index/3370/images/bzmask02.png) repeat;
-webkit-box-flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.xiantanbz .detail03 .box:hover .culmask {
background: url(/template/default/index/3370/images/bzmask01.png) repeat;
}

.xiantanbz .detail03 .box h3 {
opacity: 0;
height: 0;
transform: translateY(30px);
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
line-height: 30px;
}

.xiantanbz .detail03 .box p {
opacity: 0;
transform: translateY(20px);
height: 0;
text-align: center;
color: #fff;
line-height: 32px;
font-size: 16px;
margin-top: 20px;
}

.xiantanbz .detail03 .box .neir {
width: 70%;
margin: 0 auto;
}

.cul_sub {
font-size: 20px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 34px;
}

.xiantanbz .detail03 .box:hover .cul_sub {
display: none;
}

.xiantanbz .detail03 .box:hover h3 {
opacity: 1;
transform: translateY(0px);
height: auto;
transition: all 0.3s;
}

.xiantanbz .detail03 .box:hover p {
opacity: 1;
height: auto;
transform: translateY(0px);
transition: all 0.5s;
}

@media (max-width:1439px) {
.xiantanbz .detail01 .text {
    padding-top: 30px;
}

}

@media (max-width:1249px) {
.xiantanbz .detail01 .text {
    padding-top: 0;
}

.xiantanbz .detail01 .img {
    padding-right: 0;
}

.xiantanbz .detail01 ul:nth-child(2n+0) .img {
    padding-left: 0;
    padding-right: 0;
}

.xiantanbz .detail01 .text h3 {
    margin-bottom: 20px;
}

}

@media (max-width:1099px) {
.xiantanbz .detail01 .text {
    padding-left: 30px;
}

.xiantanbz .detail01 ul:nth-child(2n+0) .text {
    padding-right: 30px;
}

.xiantanbz .detail01 .text h3 {
    font-size: 22px;
}

.xiantanbz .detail03 .box .neir {
    width: 80%;
}

}

@media (max-width:991px) {
.xiantanbz .detail01 ul {
    margin-bottom: 0px;
}

.xiantanbz .detail01 ul:nth-child(2n+0) {
    margin-bottom: 50px;
}

.xiantanbz .detail01 .text {
    padding-left: 0;
    padding-top: 30px;
}

.xiantanbz .detail01 ul:nth-child(2n+0) .text {
    padding-right: 0;
    padding-bottom: 30px;
}

.xiantanbz .detail03 .img {
    height: 260px;
    margin-bottom: 36px;
}

}

@media (max-width:767px) {
.xiantanbz .detail01 .text h3 {
    font-size: 20px;
}

.culture02 {
    height: 300px;
}

.xiantanbz .culture02 {
    padding-top: 140px;
    font-size: 30px;
}

.xiantanbz .detail03 {
    padding-bottom: 50px;
}

.xiantanbz .detail03 .box .culmask {
    background: url(/template/default/index/3370/images/bzmask01.png) repeat;
}

.cul_sub {
    display: none;
}

.xiantanbz .detail03 .box h3 {
    opacity: 1;
    transform: translateY(0px);
    height: auto;
    transition: all 0.3s;
}

.xiantanbz .detail03 .box p {
    opacity: 1;
    height: auto;
    transform: translateY(0px);
    transition: all 0.5s;
}

}

/*AG官网客户*/
.customer .neirong p {
color: #8c8b8b;
max-width: 1140px;
}

.xiantankh .list {
max-width: 1200px;
margin: 0 auto;
}

.xiantankh .list ul {
margin-left: -30px;
margin-right: -30px;
}

.xiantankh .list li {
float: left;
width: 25%;
padding: 0 30px;
margin-bottom: 2.5%;
text-align: center;
}

.xiantankh .list li .img {
width: 100%;
border-radius: 14px;
background-color: rgb(255, 255, 255);
box-shadow: 2.294px 3.277px 6px 0px rgba(0, 0, 0, 0.2);
overflow: hidden;
padding: 20px 5px;
}

.xiantankh .list li .img img {
max-width: 100%;
transition: all 0.3s;
}

.xiantankh .list li span {
height: 50px;
overflow: hidden;
display: block;
font-size: 18px;
color: #000;
text-align: center;
margin-top: 24px;
}

@media (max-width:991px) {
.xiantankh .list {
    width: 100%;
}

.xiantankh .list li {
    width: 33.33%;
    margin-bottom: 1.5%;
}

}

.xiantankh .list li:hover .img img {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform: scale(1.1);
}

@media (max-width:767px) {
.xiantankh .list ul {
    margin-left: -15px;
    margin-right: -15px;
}

.xiantankh .list li {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 15px;
}

.xiantankh .list li .img {
    padding: 15px 5px;
}

}

/*投资者关系*/
.touziz {
padding-top: 0px;
}

.touziz .nei_title {
margin-bottom: 50px;
}

.touziz .detail01 {
margin-bottom: 50px;
}

.touziz .detail01 h3 {
font-size: 22px;
color: #333;
font-weight: bold;
padding-left: 16px;
border-left: 4px solid #d80000;
margin-bottom: 34px;
}

.touziz .detail01 table td, .touziz .detail01 table th {
text-align: center;
font-weight: normal;
font-size: 16px;
padding: 15px 8px;
}

.touziz .detail01 table th {
background-color: #f9f9f9;
}

.tzbottom {
text-align: center;
padding-top: 8%;
background: url(/template/default/index/3370/images/tzbg.jpg) no-repeat center;
background-size: cover;
height: 362px;
width: 100%;
}

.tzbottom a {
background: #C40202;
border: 1px solid #C40202;
font-weight: bold;
font-size: 18px;
color: #fff;
width: 310px;
height: 68px;
text-align: center;
line-height: 68px;
display: inline-block;
border-radius: 8px;
margin: 0 70px;
}

.tzbottom a:hover {
border: 1px solid #C40202;
background: #fff;
color: #C40202
}

/*新增*/
.nei_br .text h3 {
font-weight: bold;
}

.xiantanwh .detail02 li {
transition: all 0.3s;
}

.touziz .detail01 .tzimg {
float: left;
width: 50%;
padding: 0 1px;
}

.touziz .tzcont {
margin-left: -1px;
margin-right: -1px;
}

@media (max-width:1249px) {
.xiantanwh .detail01 li {
    margin-bottom: 30px;
}

.xiantanwh .detail01 .text {
    padding-left: 8%;
    padding-top: 0px;
}

.xiantanwh .detail02 li h3 {
    padding-top: 45%;
}

.xiantanwh .detail03 .text {
    padding-left: 8%;
    padding-top: 30px;
}

.xiantanwh .detail03 .text li {
    margin-bottom: 50px;
}

}

@media (max-width:1099px) {
.xiantanwh .detail01 .text {
    padding-left: 5%;
}

.xiantanwh .detail03 .text {
    padding-left: 5%;
    padding-top: 0;
}

.tzbottom a {
    width: 300px;
    height: 60px;
    line-height: 60px;
    margin: 0 50px;
}

}

@media (max-width:991px) {
.xiantanwh .detail01 li h3, .xiantanwh .detail02 li h3, .xiantanwh .detail03 .text li h3 {
    font-size: 20px;
}

.xiantanwh .detail01 li p, .xiantanwh .detail03 .text li p {
    font-size: 16px;
}

.tzbottom {
    padding-top: 15%;
    height: 300px;
}

.tzbottom a {
    width: 260px;
    height: 50px;
    line-height: 50px;
    margin: 0 40px;
}

}

@media (max-width:767px) {
.honor .neirong {
    margin-top: 30px;
    margin-bottom: 30px;
}

.honor {
    padding-top: 20px;
}

.honor .neirong {
    margin-top: 20px;
}

.touziz, .team_up, .lxwm {
    padding-top: 0;
}

.team_cont {
    padding-top: 30px;
}

.nei_title {
    padding-top: 30px;
}

.neirong {
    margin-top: 20px;
    margin-bottom: 30px;
}

.nei_title h3 {
    font-size: 28px;
}

.lxwm .nei_title {
    margin-bottom: 30px;
}

.detail03 {
    margin-top: 30px;
}

.xiantanwh {
    margin-top: 10px;
}

.xiantanwh .detail03 {
    margin-top: 30px;
}

.detail03 .title {
    margin-bottom: 30px;
}

.xiantanwh .detail01 {
    margin-top: 30px;
}

.xiantanwh .detail03 .text {
    padding-top: 30px;
}

.xiantanwh .detail03 {
    padding-bottom: 0px;
}

.xiantanwh .detail01 .text {
    padding-top: 30px;
    padding-left: 15px;
}

.xiantanwh .detail02 {
    margin-top: 50px;
    padding-bottom: 30px;
    height: auto;
}

.xiantanwh .detail02 li {
    width: 100%;
    padding-bottom: 10px;
}

.xiantanwh .detail02 li h3 {
    padding-top: 30px;
    margin-bottom: 20px;
}

.xiantanwh .detail02 li p {
    padding-bottom: 30px;
}

.xiantanwh .detail03 .text li {
    margin-bottom: 30px;
}

.gallery li {
    width: 100%;
    margin-right: 7%;
    margin-bottom: 26px;
}

.rczp {
    padding: 0 0 30px 0px;
}

.rczp .neirong {
    margin-top: 20px;
    margin-bottom: 30px;
}

.tzbottom {
    padding-top: 15%;
    height: auto;
    padding-bottom: 15%;
}

.tzbottom a {
    width: 42%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    margin: 0 10px;
}

.touziz .detail01 .tzimg {
    width: 100%;
    padding-bottom: 2px;
}

}

@media (max-width:374px) {
.nei_title h3 {
    font-size: 26px;
}

}

/*AG官网历史*/
.xtls {
padding-bottom: 100px;
}

/*--新闻详情--*/
.mhuibg {
background: #F4F4F4;
margin-bottom: 15px;
}

.mhuibg a {
display: block;
padding: 29px 29px 10px 29px;
}

.mxqxian {
background: url(/template/default/index/3370/images/mxqxian.jpg) no-repeat left;
height: 2px;
width: 100%;
background-color: #CDCDCD;
}

.mxqpic {
width: 100%;
text-align: center;
}

.mxqpic img {
margin: 0 auto;
width: 100%;
}

.mhuibg strong {
font-size: 16px;
color: #333333;
}

.mhuibg span {
display: block;
font-size: 14px;
color: #999999;
padding-top: 10px;
}

.mhuibg p {
margin-top: 5px;
height: 50px;
line-height: 25px;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.mnewk {
padding-top: 50px;
padding-bottom: 50px;
}

.mnewmore {
padding: 10px 0 0px 0;
}

.mnewkuang {
border: 1px solid #E5E5E5;
padding: 35px;
padding-bottom: 0;
}

.mnewsj {
display: inline-block;
background: #E5E5E5;
line-height: 26px;
padding-right: 10px;
margin-right: 10px;
}

.mnewsj span {
background: #CA0107;
color: #fff;
width: 55px;
text-align: center;
display: inline-block;
margin-right: 16px;
}

.mnewbt {
width: 100%;
padding-top: 23px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 20px;
color: #aaaaaa;
}

.mnewbt h4 {
color: #333333;
line-height: 38px;
font-weight: 500;
font-size: 26px;
margin: 0;
padding-bottom: 14px;
}

.conts {
line-height: 26px;
}

.conts p {
line-height: 26px;
padding-bottom: 25px;
}

.conts p img {
display: block;
margin: 0 auto;
}

.conts img {
margin: 0 auto;
max-width: 100% !important;
height: auto !important;
}

.conts img {
max-width: 100%;
}

.conts {
padding-top: 30px;
border-bottom: 1px solid #E5E5E5;
}

.mfenx {
display: inline-block;
float: right;
line-height: 32px;
padding-right: 5px;
}

.mnewbt .col-md-4 {
padding-top: 10px;
}

.mfhmore {
background: #CA0107;
float: right;
padding: 8px 20px;
}

.mfhmore a {
font-size: 14px;
color: #FFF;
height: 23px;
display: block;
line-height: 23px;
}

.mfhmore a i {
background: url(/template/default/index/3370/images/mfan.png) no-repeat center;
margin-left: 5px;
float: right;
width: 21px;
height: 23px;
display: inline-block;
transition: all 0.3s;
}

.mfhmore a:hover i {
transform: rotate(-90deg);
}

.trans-rotate {
-webkit-transition: transform .25s linear;
-moz-transition: transform .25s linear;
-o-transition: transform .25s linear;
transition: transform .25s linear;
}

.mpfoot {
padding-top: 20px;
padding-bottom: 15px;
}

.mpfoot .col-sm-8 {
font-size: 14px;
line-height: 26px;
}

.mpfoot .col-sm-8 span {
float: left;
display: inline-block;
font-size: 16px;
}

.mpfoot .col-sm-8 a {
font-size: 14px;
float: left;
display: inline-block;
overflow: hidden;
white-space: nowrap;
width: 80%;
height: 21px;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

@media screen and (max-width:991px) {
.mpfoot .col-md-8 {
    padding-bottom: 15px;
}

.mnewbt h4 {
    line-height: 30px;
    font-size: 20px;
    padding-bottom: 14px;
}

.mnewbt .right {
    width: 100%;
    float: left;
}

.mhuibg a {
    padding: 20px;
}

}

@media screen and (max-width:767px) {
.mpfoot .col-sm-8 a {
    margin-bottom: 10px;
    display: block;
}

.mnewbt h4 {
    color: #333333;
    font-weight: 500;
    font-size: 18px;
    padding-bottom: 14px;
}

.mnewk {
    padding: 25px 0 20px 0;
}

.mnewk .col-sm-4 {
    margin-top: 15px;
}

.mnewkuang {
    padding: 20px 15px;
    padding-bottom: 0;
}

}

/* animation */
@keyframes logoShow {
from, to {
    transform: scale(1, 1);
}

25% {
    transform: scale(0.9, 1.1);
}

50% {
    transform: scale(1.1, 0.9);
}

75% {
    transform: scale(0.95, 1.05);
}

}

@keyframes b_jump {
from {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

to {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
}

}

@keyframes b_right {
from {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

to {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
}

}

.trtion {
transition: 700ms;
-webkit-transition: 700ms;
transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
}

.dly_1 {
transition-delay: 100ms;
-webkit-transition-delay: 100ms;
}

.dly_15 {
transition-delay: 150ms;
-webkit-transition-delay: 150ms;
}

.dly_2 {
transition-delay: 200ms;
-webkit-transition-delay: 200ms;
}

.dly_3 {
transition-delay: 300ms;
-webkit-transition-delay: 300ms;
}

.dly_4 {
transition-delay: 400ms;
-webkit-transition-delay: 400ms;
}

.dly_45 {
transition-delay: 450ms;
-webkit-transition-delay: 450ms;
}

.dly_5 {
transition-delay: 500ms;
-webkit-transition-delay: 500ms;
}

.dly_6 {
transition-delay: 600ms;
-webkit-transition-delay: 600ms;
}

.dly_7 {
transition-delay: 700ms;
-webkit-transition-delay: 700ms;
}

.dly_8 {
transition-delay: 800ms;
-webkit-transition-delay: 800ms;
}

.pic2 > img {
display: block;
width: 100%;
}

.transY {
transform: translateY(80px);
-webkit-transform: translateY(80px);
opacity: 0;
visibility: inherit;
}

.transY2 {
transform: translateY(-80px);
-webkit-transform: translateY(-80px);
opacity: 0;
visibility: inherit;
}

.transX {
transform: translateX(100px);
-webkit-transform: translateX(100px);
opacity: 0;
visibility: inherit;
}

.transX2 {
transform: translateX(-100px);
-webkit-transform: translateX(-100px);
opacity: 0;
visibility: inherit;
}

.transShow {
transform: translate(0);
-webkit-transform: translate(0);
opacity: 1;
}

.newnf {
background: url(/template/default/index/3370/images/timescroll.png) no-repeat top center;
padding: 0 50px;
}

.newnf .owl-dots {
display: none;
}

.newnf .owl-carousel .owl-nav button {
border: none;
}

.newnf .item {
text-align: center;
padding-top: 34px;
position: relative;
}

.newnf .item a:before {
content: "";
position: absolute;
top: 2px;
left: 50%;
margin-left: -10px;
width: 20px;
height: 20px;
background: url(/template/default/index/3370/images/dian01.png) center center no-repeat;
}

.newnf .item a {
font-size: 24px;
color: #666;
position: relative;
outline: 0;
cursor: pointer;
padding-top: 28px;
outline: 0;
}

.newnf .item a.on {
color: #b60005;
}

.newnf .item a.on:before {
background: url(/template/default/index/3370/images/dian02.png) center center no-repeat;
}

.newnf .owl-theme .owl-nav {
position: relative;
margin: 0;
padding: 0 100px;
}

.newnf .owl-carousel .owl-nav button.owl-prev {
position: absolute;
left: -50px;
margin: 0;
background: url(/template/default/index/3370/images/l.png) no-repeat;
}

.newnf .owl-carousel .owl-nav button.owl-next {
position: absolute;
right: -51px;
margin: 0;
background: url(/template/default/index/3370/images/r.png) no-repeat;
}

.newnf .owl-carousel .owl-nav button {
border: 0;
outline: 0;
top: -72px;
width: 42px;
height: 42px;
opacity: 1;
}

.newnf .owl-carousel .owl-nav button span {
font-size: 0;
}

@media screen and (max-width:767px) {
.newnf .owl-theme .owl-nav {
    padding: 0 30px;
}

.newnf .owl-carousel .owl-nav button.owl-prev {
    left: -50px;
}

.newnf .owl-carousel .owl-nav button.owl-next {
    right: -51px;
}

}

/*9.16*/
.orgin_new {
padding-top: 35px;
}

.orgin_new ul {
margin-left: -20px;
margin-right: -20px;
}

.orgin_new ul li {
float: left;
width: 20%;
padding: 24px 20px;
}

.orgin_new ul li .orginx {
font-size: 16px;
padding: 0 17px;
line-height: 20px;
height: 65px;
color: #333333;
text-align: center;
display: block;
position: relative;
border: 2px solid #666666;
border-radius: 8px;
}

.orginx span {
height: 65px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.orgin_new ul li .orginx:before {
content: "";
position: absolute;
width: 30px;
height: 15px;
background: url(/template/default/index/3370/images/huix.jpg) no-repeat;
right: -15px;
top: 50%;
margin-top: -7px;
}

.orgin_new ul li .orginx:after {
content: "";
position: absolute;
width: 30px;
height: 15px;
background: url(/template/default/index/3370/images/huix.jpg) no-repeat;
left: -15px;
top: 50%;
margin-top: -7px;
}

.orgin_new ul li:first-child .orginx:after, .orgin_new ul li:nth-child(6) .orginx:after, .orgin_new ul li:nth-child(5n) .orginx:before, .orgin_new ul li:last-child .orginx:before {
background: #F9F9F9;
}

.orgin_down {
padding-top: 56px;
}

.orginleft {
width: 35%;
float: left;
}

.orginmid {
float: left;
width: 30%;
padding: 0 58px;
}

.orginleft {
}

.orginleft ul li {
background: #EBEBEB;
margin-bottom: 40px;
height: 70px;
line-height: 20px;
padding: 0 15px;
border-radius: 8px;
}

.orginleft ul li:last-child {
margin-bottom: 0;
}

.orginleft ul li span {
font-size: 18px;
color: #333333;
height: 70px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

@media screen and (max-width:1099px) {
.orgin_new ul li .orginx {
    font-size: 14px;
}

.orginleft {
    width: 32%;
}

.orginmid {
    width: 36%;
    padding: 0 40px;
}

}

@media screen and (max-width:991px) {
.orgin_new ul li {
    width: 25%;
}

.orgin_new ul li:nth-child(6) .orginx:after, .orgin_new ul li:nth-child(5) .orginx:before {
    background: url(/template/default/index/3370/images/huix.jpg) no-repeat;
}

.orgin_new ul li:nth-child(5) .orginx:after, .orgin_new ul li:nth-child(4n) .orginx:before, .orgin_new ul li:last-child .orginx:before, .orgin_new ul li:nth-child(9) .orginx:after {
    background: #F9F9F9;
}

.orginleft ul li span {
    font-size: 16px;
}

}

@media screen and (max-width:767px) {
.orginleft {
    width: 100%;
    padding-bottom: 15px;
}

.orginmid {
    width: 100%;
    padding: 15px 0;
    text-align: center;
}

.orginleft ul li {
    margin-bottom: 15px;
    height: 70px;
    line-height: 20px;
}

.orgin_down {
    padding-top: 30px;
}

}

@media screen and (max-width:540px) {
.orgin_new ul {
    margin-left: -10px;
    margin-right: -10px;
}

.orgin_new ul li {
    width: 33.33%;
    padding: 15px 10px;
}

.orgin_new ul li .orginx {
    padding: 0 12px;
}

.orgin_new ul li .orginx:before, .orgin_new ul li .orginx:after {
    width: 18px;
}

.orgin_new ul li .orginx:before {
    right: -9px;
}

.orgin_new ul li .orginx:after {
    left: -9px;
}

.orgin_new ul li:nth-child(4n) .orginx:before, .orgin_new ul li:nth-child(6) .orginx:after, .orgin_new ul li:nth-child(4) .orginx:before, .orgin_new ul li:nth-child(5) .orginx:before, .orgin_new ul li:nth-child(5) .orginx:after, .orgin_new ul li:nth-child(9) .orginx:after, .orgin_new ul li:nth-child(8) .orginx:after {
    background: url(/template/default/index/3370/images/huix.jpg) no-repeat;
}

.orgin_new ul li:nth-child(3n) .orginx:before, .orgin_new ul li:last-child .orginx:before, .orgin_new ul li:nth-child(4) .orginx:after, .orgin_new ul li:nth-child(7) .orginx:after, .orgin_new ul li:last-child .orginx:after {
    background: #F9F9F9;
}

}

.big-link {
}

.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0, 0, 0, .8);
z-index: 100;
display: none;
top: 0;
left: 0;
}

.reveal-modal {
visibility: hidden;
top: 15px;
left: 10%;
max-width: 80%;
background: #eee;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.reveal-modal.xlarge {
width: 100%;
}

.reveal-modal h2 {
font-size: 18px;
margin-bottom: 15px;
}

.reveal-modal video {
max-height: 100%;
max-width: 100%;
}

.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
font-weight: bold;
cursor: pointer;
}

.newpic {
padding: 30px 0 0 0;
}

.newpic ul {
margin-left: -3px;
margin-right: -3px;
}

.newpic ul li {
float: left;
width: 25%;
padding: 0 3px;
margin-bottom: 0;
}

.newpic ul li a {
display: inline-block;
position: relative;
overflow: hidden;
}

.newpic ul li a img {
border-radius: 8px;
max-width: 100%;
transition: 600ms;
-webkit-transition: 600ms;
}

.newpic ul li a:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}

.newbut {
position: absolute;
background: rgba(0, 0, 0, 0.2);
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
border-radius: 8px;
display: flex;
align-items: center;
font-size: 20px;
color: #fff;
font-weight: bold;
}

.newbutn {
width: 100%;
}

.newbutn i {
background: url(/template/default/index/3370/images/newplay.png) no-repeat center;
width: 60px;
height: 60px;
display: inline-block;
}

.newtext {
text-align: center;
font-size: 20px;
font-weight: bold;
padding-top: 30px;
}

@media screen and (max-width:767px) {
.reveal-modal {
    top: 10%;
    left: 5%;
    max-width: 90%;
    padding: 30px 15px 15px 15px;
}

.newpic {
    padding: 20px 0 0 0;
}

.newpic ul li {
    width: 50%;
    padding-top: 15px;
}

.newbutn i {
    background: url(/template/default/index/3370/images/newplay.png) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: cover;
}

}<!--0.0001370906829834-->