/* CSS Document */

* { margin: 0; padding: 0; }



input[type="submit"] { cursor: pointer; }



input[type="checkbox"] { cursor: pointer; }



input[type="radio"] { cursor: pointer; }



img.imgyzm { cursor: pointer; }



.disnone { display: none; }



#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }



#baguetteBox-overlay.visible { opacity: 1; }



#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }



#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }



#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }



#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family:微软雅黑; }



#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }



#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease; }



#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }



#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }



.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; }



.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; }



.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }



.baguetteBox-button#next-button { right: 2%; display: block !important; }



.baguetteBox-button#previous-button { left: 2%; display: block !important; }



.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }



.baguetteBox-button svg { position: absolute; left: 0; top: 0; }



.spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }



.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }



.double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; }



@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }

  50% { margin-left: -30px; }

  100% { margin-left: 0; } }



@keyframes bounceFromRight { 0% { margin-left: 0; }

  50% { margin-left: -30px; }

  100% { margin-left: 0; } }



@-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; }

  50% { margin-left: 30px; }

  100% { margin-left: 0; } }



@keyframes bounceFromLeft { 0% { margin-left: 0; }

  50% { margin-left: 30px; }

  100% { margin-left: 0; } }



@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0);

    transform: scale(0); }

  50% { -webkit-transform: scale(1);

    transform: scale(1); } }



@keyframes bounce { 0%, 100% { -webkit-transform: scale(0);

    transform: scale(0); }

  50% { -webkit-transform: scale(1);

    transform: scale(1); } }



html { font-size: 62.5%; height: 100%; background-color: #fff; }



body { margin: 0 auto; font-size: 12px; font-size: 1.2rem; max-width: 1920px; position: relative; overflow-x: hidden; font-family:微软雅黑;  }



img { border: none; }



ul li { list-style-type: none; }



a, dd, dl, dt, form, img, li, p, span, table, td, tr, ul { margin: 0; padding: 0; list-style: none; color: #333; }



a { text-decoration: none; color: #333; outline: none; -webkit-transition: 0.3s; transition: 0.3s; }



h1 { margin: 0; padding: 0; font-weight: normal; color: #333; }



.clear { clear: both; }



.maln { margin-left: auto !important; }



input, textarea { font-size: 12px; font-size: 1.2rem; color: #333; border: none; outline: none; }



.l, .fl { float: left; }



.r, .fr { float: right; }



.fix { *zoom: 1; }



.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }



.wp { position: relative; }



.box { position: relative; }



.mln { margin-left: 0 !important; }



.mbn { margin-bottom: 0 !important; }



.mtn { margin-top: 0 !important; }



@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }



@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } }



@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } }



@media screen and (min-width: 1220px) { .zong { width: 1200px; margin: auto; } }



@media screen and (min-width: 1000px) and (max-width: 1219px) { .zong { width: 980px; margin: auto; } }



@media screen and (max-width: 999px) { .zong { width: 95%; margin: auto; } }



::-webkit-input-placeholder { /* WebKit browsers */ color: #666; font-size: 16px; font-size: 1.6rem; font-family:微软雅黑;  }



:-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; font-size: 16px; font-size: 1.6rem; font-family:微软雅黑;  }



::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; font-size: 16px; font-size: 1.6rem; font-family:微软雅黑;  }



:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; font-size: 16px; font-size: 1.6rem; font-family:微软雅黑;  }



.gotop1 { opacity: 0; position: fixed; cursor: pointer; bottom: 100px; right: 20px; width: 39px; height: 61px; background: url(../img/gotop1.png) no-repeat center center; }



/*.container*/

.container { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }



.container .nav { overflow: hidden; width: 300px; background: #000; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }



.container .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }



.container .nav form .iptc { box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }



.container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(../img/sousuo1.png) no-repeat center center; }



.container .nav > ul { display: none; margin-top: 10px; margin-bottom: 20px; overflow: scroll; }



.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }



.container .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("fonts/shizi.png") no-repeat center center; background-size: 100% 100%; }



.container .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }



.container .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }



.container .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }



.container .nav > ul > li .c-show { display: none; width: 100%; }



.container .nav > ul > li .c-show .c-s1 { position: relative; }



.container .nav > ul > li .c-show .c-s1 > a { text-indent: 20px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



.container .nav > ul > li .c-show .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }



.container .nav > ul > li .c-show .c-s1 .c-s2 { display: none; }



.container .nav > ul > li .c-show .c-s1 .c-s2 a { text-indent: 30px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



.container .nav > ul > li .c-show .c-s1 .c-s2 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }



.container .menubtn { width: 35px; height: 30px; position: absolute; top: 30px; right: 15px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }



.container .menubtn span { display: block; width: 100%; height: 5px; margin-bottom: 5px; background-color: #fbe974; }



@media screen and (min-width: 980px) { .container, .nav { display: none !important; } }



/* head */

.head { padding-top: 7px; padding-bottom: 14px; z-index: 10000; top: 0; left: 0; width: 100%; background-color: #000000; }



.head .wp { position: relative; }



.logo { margin-top: 9px; }



.logo a { display: block; }



.logo img { max-width: 100%; display: block; }



._logo1 { margin-left: 46px; margin-top: 26px; }



.yuyan { text-align: right; }



.yuyan a.a1 { font-family:微软雅黑;  color: #fff; font-size: 12px; font-size: 1.2rem; display: inline-block; padding-left: 30px; background: url(../img/zhongguo.png) no-repeat left center; }



.nav1 { position: absolute; z-index: 10000; width: 100%; top: 0; left: 0; background-color: transparent; padding-top: 35px; }



.nav1 ul { text-align: center; }



.nav1 li { margin-left: 67px; position: relative; display: inline-block; }



.nav1 li:first-child { margin-left: 0px; }



.nav1 li > a { font-family:微软雅黑;  border-bottom: 2px solid transparent; font-size: 16px; font-size: 1.6rem; color: #fff; display: block; padding: 8px 0px; text-transform: uppercase; }



.nav1 li:hover > a, .nav1 li.on a { color: #fbe974; border-bottom: 2px solid #fbe974; }



.nav1 li .dl1 { position: absolute; top: 100%; padding-top: 0px; display: none; width: 243px; background: #333; }



.nav1 li .dl1 .dd1 { background: #333; display: block; text-align: left; position: relative; }



.nav1 li .dl1 .dd1 > a { font-family:微软雅黑;  font-size: 14px; color: #fff; display: block; line-height: 20px; padding: 10px 12px; }



.nav1 li .dl1 .dd1:hover { background-color: #fbe974;  }

.nav1 li .dl1 .dd1:hover a{ color:#333; }



.nav1 li:hover .dl1 { display: block; }



.nav1 li .dl2 { position: absolute; top: 0px; left: 100%; padding-top: 0px; display: none; width: 243px; background: #333; }



.nav1 li .dl2 .dd2 { background: #333; display: block; text-align: left; }



.nav1 li .dl2 .dd2 a { font-family:微软雅黑;  font-size: 14px; color: #fff; display: block; line-height: 20px; padding: 10px 12px; }



.nav1 li .dl2 .dd2:hover { background-color: #fbe974; }



.nav1 li .dl1 .dd1:hover .dl2 { display: block; }



/* i-b */

.i-b { display: block; margin-top: 16px; width: 251px; float: right; height: 35px; }



.i-b .form1 { display: block; width: 100%; border: 1px solid #fff; border-radius: 0px; overflow: hidden; }



.i-b .form1 .ipt1 { font-size: 12px; font-size: 1.2rem; color: #dadada; font-family:微软雅黑;  display: block; width: 80%; height: 33px; line-height: 33px; text-indent: 12px; background-color: transparent; }



.i-b .form1 .ips1 { width: 20%; display: block; font-size: 14px; font-size: 1.4rem; color: #333; height: 33px; line-height: 33px; background: transparent url(../img/sousuo.png) no-repeat 65% center; }



@media screen and (max-width: 1219px) { .nav1 li { margin-left: 29px; } }



@media screen and (max-width: 999px) { .nav1 li { margin-left: 20px; } }



@media screen and (max-width: 979px) { .nav1, .i-b { display: none; }

  .yuyan { margin-right: 50px; margin-top: 23px; } }



@media screen and (max-width: 639px) { ._logo1 { display: none !important; }

  .logo a._logo { width: 65px; }

  .yuyan { margin-top: 16px; }

  .container .menubtn { top: 23px; } }



/*lun bo*/

.slide { position: relative;  }



.slide .carouse { width: 100%; overflow: hidden; position: relative; }



.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }



.slide .carouse .slideItem .banner-img { width: 100%; display:block;}



.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }



.slide .dotList { position: absolute; width: 100%; bottom: 37px; text-align: center; }



.slide .dotList ul li { display: inline-block; width: 23px; height: 22px; background-image: url("../img/slide.png"); background-repeat: no-repeat; background-position: center center; margin: 0 12px; cursor: pointer; }



.slide .dotList ul li.active { background-image: url("../img/slideon.png"); }



.slide .carousel-control { position: absolute; top: 50%; margin-top: -42px; width: 85px; height: 84px; z-index: 999; }



.slide .carousel-control.left { left: 88px; background-image: url("../img/slideleft.png"); background-repeat: no-repeat; cursor: pointer; }



.slide .carousel-control.left:hover { background-image: url("../img/slidelefton.png"); }



.slide .carousel-control.right { right: 88px; background-image: url("../img/slideright.png"); background-repeat: no-repeat; cursor: pointer; }



.slide .carousel-control.right:hover { background-image: url("../img/sliderighton.png"); }



.slide .slidedetail { display: none; }



@media screen and (min-width: 1000px) { .carousel, .clear2 { display: none; } 


}


@media screen and (max-width: 1000px) {
.slide .carousel-control.left { max-width:50px; background-size:100%; }


.slide .carousel-control.right {  max-width:50px; background-size:100%; }


}

@media screen and (max-width: 999px) { .slide { display: none; }

  .carousel { width: 100%; position: relative; overflow: hidden; }

  .carousel ul { width: 100%; height: 100%; }

  .carousel ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

  .carousel ul li img { width: 100%; vertical-align: middle; }

  .carousel ol { position: absolute; z-index: 2; width: 80px; height: 10px; bottom: 5px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

  .carousel ol li { float: left; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; border-radius: 5px; background-color: #fff; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

  .carousel ol li.cur { width: 10px; background: #fbe974; } }



.m1 { background: url(../img/m1bg.jpg) no-repeat top center; }



.m1 .main1 { padding-top: 68px; padding-bottom: 116px; }



.m1 .main1 .item1 .title { margin-right: 15px; margin-bottom: 0px; display: block; }



.m1 .main1 .item1 .title img { display: block; max-width: 100%; }



.m1 .main1 .item1 .subtitle { width: 855px; margin-top: -11px; }



.m1 .main1 .item1 .subtitle .a1 { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #d7d7d7; margin-bottom: 33px;text-indent:2em; }



.m1 .main1 .item1 .subtitle .a1:hover { color: #fbe974; }



.m1 .main1 .item1 .subtitle .more { display: block; width: 137px; height: 39px; text-align: center; line-height: 39px; border: 1px solid #fff; font-size: 14px; font-size: 1.4rem; color: #d7d7d7; text-transform: uppercase; }



.m1 .main1 .item1 .subtitle .more:hover { color: #333; background-color: #fbe974; border: 1px solid #fbe974; }



.m1 .main1 .fenlei { margin-top: 71px; margin-bottom: 77px; text-align: center; }



.m1 .main1 .fenlei li { margin: 0 22px; display: inline-block; padding: 6.5px 28px; font-size: 16px; font-size: 1.6rem; color: #fff; border: 1px solid #fff; cursor: pointer; }



.m1 .main1 .fenlei li:hover, .m1 .main1 .fenlei li.hover { color: #fbe974; border: 1px solid #fbe974; }



.m1 .main1 .img-scroll1 { position: relative; }



.m1 .main1 .img-scroll1 .prev1, .m1 .main1 .img-scroll1 .next1 { position: absolute; display: block; width: 31px; height: 31px; top: 50%; margin-top: -24.5px; }



.m1 .main1 .img-scroll1 .prev1 { left: 0; cursor: pointer; background: url(../img/arrowleft.png) no-repeat center; }



.m1 .main1 .img-scroll1 .prev1:hover { background: url(../img/arrowlefton.png) no-repeat center; }



.m1 .main1 .img-scroll1 .next1 { right: 0; cursor: pointer; background: url(../img/arrowright.png) no-repeat center; }



.m1 .main1 .img-scroll1 .next1:hover { background: url(../img/arrowrighton.png) no-repeat center; }



.m1 .main1 .img-scroll1 .img-list1 { position: relative; width: 1108px; overflow: hidden; margin: 0 auto 0px;     min-height: 292px;}



.m1 .main1 .img-scroll1 .img-list1 ul { width: 9999px; }



.m1 .main1 .img-scroll1 .img-list1 ul li { float: left; width: 265px; margin-right: 16px; overflow: hidden; }



.m1 .main1 .img-scroll1 .img-list1 ul li .litop a { display: block; position: relative; }



.m1 .main1 .img-scroll1 .img-list1 ul li .litop a img { display: block; max-width: 100%; }



.m1 .main1 .img-scroll1 .img-list1 ul li .litop a span { position: absolute; width: 100%; height: 100%; -webkit-transition: 0.5s; transition: 0.5s; top: -100%; left: 0; background: url(../img/img1-zz.png) no-repeat center center; }



.m1 .main1 .img-scroll1 .img-list1 ul li .litop a:hover span { top: 0; }



.m1 .main1 .img-scroll1 .img-list1 ul li .libot a { display: block; font-size: 13px; font-size: 1.3rem; color: #fff; font-weight: bold; height: 45px; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: uppercase; text-align: center; background-color: #646464; }



.m1 .main1 .img-scroll1 .img-list1 ul li .libot a:hover { color: #fbe974; }



@media screen and (max-width: 1219px) { .m1 .main1 .item1 .subtitle .a1 { max-height: 90px; overflow: hidden; }

  .m1 .main1 .item1 .subtitle { width: 630px; }

  .m1 .main1 .fenlei li { margin: 5px 5px;    padding: 6.5px 11px;}

  .m1 .main1 .img-scroll1 .img-list1 { width: 829px; } }



@media screen and (max-width: 979px) { .m1 .main1 { padding-top: 25px; }

  .m1 .main1 .item1 .title { float: none; }

  .m1 .main1 .item1 .title img { margin: 0 auto 20px; }

  .m1 .main1 .item1 .subtitle { float: none; width: 100%; text-align: center; height: auto; max-height: auto; }

  .m1 .main1 .item1 .subtitle .more { margin: 0 auto; }

  .m1 .main1 .item1 .subtitle .a1 { margin-bottom: 20px; max-height: auto; }

  .m1 .main1 .fenlei { margin-top: 20px; margin-bottom: 20px; }

  .m1 .main1 .img-scroll1 .img-list1 { width: 100%; }

  .m1 .main1 .img-scroll1 .img-list1 ul { width: 1000%; }

  .m1 .main1 .img-scroll1 .img-list1 ul li { width: 2.4%; margin-right: 0.1333%; }

  .m1 .main1 .img-scroll1 .img-list1 ul li .litop a span { display: none; }

  .m1 .main1 .img-scroll1 .prev1 { z-index: 9999; }

  .m1 .main1 .img-scroll1 .next1 { z-index: 9999; } }



@media screen and (max-width: 768px) { .m1 { background: none; }

  .m1 .main1 { padding-bottom: 30px; background: #333 url(../img/m2img.jpg) no-repeat center center; background-attachment: fixed; }

  .m1 .main1 .item1 .title img { width: 130px; }

  .m1 .main1 .fenlei li { font-size: 14px; font-size: 1.4rem; }

  .m1 .main1 .img-scroll1 .img-list1 ul li { width: 3.2%; margin-right: 0.2%; }

  .m1 .main1 .img-scroll1 .prev1, .m1 .main1 .img-scroll1 .next1 { top: 28%; }

  

  

   }



@media screen and (max-width: 639px) { .m1 .main1 .fenlei li { width: 46%; margin: 1% !important; box-sizing: border-box; } }



@media screen and (max-width: 560px) { .m1 .main1 .img-scroll1 .img-list1 ul li { width: 4.9%; margin-right: 0.2%; } }



@media screen and (max-width: 639px) { .m1 .main1 .fenlei li { width: 98%; } }



.m1 .main2 { padding-top: 94px; padding-bottom: 76px; }



.m1 .main2 .title { margin-bottom: 14px; text-align: center; padding-top: 17px;/* margin-bottom: 87px; */}



.m1 .main2 .title a { font-size: 50px; font-size: 5rem; font-weight: bold; color: #333; font-family:微软雅黑;  }



.m1 .main2 .title a:hover { color: #fbe974; }



.m1 .main2 ul li { margin-bottom: 24px; }



.m1 .main2 ul li .riqi { width: 127px; height: 137px; border: 1px solid #333333; }



.m1 .main2 ul li .riqi .month { padding-top: 0px; }



.m1 .main2 ul li .riqi .month span { display: block; text-align: center; color: #333; font-size: 24px; font-size: 2.4rem; font-family:微软雅黑;  }



.m1 .main2 ul li .riqi .year { margin-top: 17px; }



.m1 .main2 ul li .riqi .year span { display: block; text-align: center; color: #333; font-size: 68px; font-size: 6.8rem; font-family:微软雅黑;  }



.m1 .main2 ul li .mid { width: 61%; margin-left: 25px; margin-top: 5px; }



.m1 .main2 ul li .mid .m5top a { font-size: 18px; font-size: 1.8rem; color: #333; line-height: 24px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.m1 .main2 ul li .mid .m5top a:hover { color: #0e66cd; }



.m1 .main2 ul li .mid .m5mid { width: 58px; height: 1px; background-color: #000; margin-top: 5px; margin-bottom: 20px; }



.m1 .main2 ul li .mid .m5bot1 { margin-bottom: 19px; }



.m1 .main2 ul li .mid .m5bot1 a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666;text-indent:2em; }



.m1 .main2 ul li .mid .m5bot1 a:hover { color: #0e66cd; }



@media screen and (max-width: 1219px) { .m1 .main2 { padding-top: 20px; }

  .m1 .main2 ul li .mid { width: 490px; } }



@media screen and (max-width: 979px) { .m1 .main2 ul li .mid { width: calc(100% - 415px); }

  .m1 .main2 ul li .mid .m5bot1 a { max-height: 90px; overflow: hidden; } }



@media screen and (max-width: 768px) { .m1 .main2 { padding-bottom: 10px; }

  .m1 .main2 .title { padding-top: 0; margin-bottom: 20px; }

  .m1 .main2 .title a { font-size: 30px; font-size: 3rem; }
  .m1 .main2 ul li .riqi .year span { font-size: 38px; font-size: 3.8rem;  }
  .m1 .main2 ul li .riqi {
    width: 104px;}
	.m5img{ max-width:217px;}

  
   }



@media screen and (max-width: 639px) { .m1 .main2 ul li .m5img { width: 158px; }

  .m1 .main2 ul li .m5img a { display: block; }

  .m1 .main2 ul li .m5img a img { display: block; max-width: 100%; }

  .m1 .main2 ul li .mid { width: 100%; float: none; clear: both; margin-left: 0; padding-top: 20px; margin-top: 0; }

  .m1 .main2 ul li .riqi { width: 100px;     height: 101px;}

  .m1 .main2 ul li .riqi .year { margin-top: 0; }

  .m1 .main2 ul li .mid .m5top a { font-size: 14px; font-size: 1.4rem; }

  .m1 .main2 ul li .mid .m5bot1 { margin-bottom: 0; }

  .m1 .main2 ul li .mid .m5bot1 a { font-size: 12px; font-size: 1.2rem; }

  .m1 .main2 ul li .mid .m5mid { margin-bottom: 5px; } 

  .m1 .main2 ul li .riqi .year span { font-size: 40px; font-size: 4rem;  }

  

  }

.wenzi p{text-indent:2em;}



.main3 { position: relative; overflow: hidden; }



.main3 > img { display: block; max-width: 100%; }



.main3 ul { position: absolute; width: 100%; left: 0; top: 19%; }



.main3 ul .wp { box-sizing: border-box; padding-left: 5%; }



.main3 ul .title { margin-bottom: 14px; }



.main3 ul .title a { font-size: 24px; font-size: 2.4rem; color: #fff; text-transform: uppercase; }



.main3 ul li { padding-left: 22px; background: url(../img/m3dian.png) no-repeat left 12px; font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 30px; }



.main3 ul li a { font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 30px; }



.main3 ul .more { margin-top: 68px; }



.main3 ul .more a { display: block; width: 141px; height: 47px; line-height: 47px; text-align: center; border: 1px solid #fff; color: #e9e9e9; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }



.main3 ul .more a:hover { color: #333; background-color: #fbe974; border: 1px solid #fbe974; }



@media screen and (max-width: 1219px) { .main3 ul { top: 10%; }

  .main3 ul .more { margin-top: 20px; } }



@media screen and (max-width: 999px) { .main3 > img { width: 980px; margin: 0 auto; max-width: none; position: relative; left: 50%; margin-left: -490px; } }



@media screen and (max-width: 639px) { .main3 ul { top: 3%; }

  .main3 ul li a { font-size: 12px; font-size: 1.2rem; }

  .main3 ul .title a { font-size: 20px; font-size: 2rem; }

  .main3 ul .more a { height: 30px; line-height: 30px; font-size: 12px; font-size: 1.2rem; } }



.main4 { position: relative; overflow: hidden; }



.main4 > img { display: block; max-width: 100%; }



.main4 ul { position: absolute; width: 100%; left: 0; top: 24%; }



.main4 ul .wp { box-sizing: border-box; padding-left: 37%; }



.main4 ul .title { margin-bottom: 14px; }



.main4 ul .title a { font-size: 24px; font-size: 2.4rem; color: #333; text-transform: uppercase; }



.main4 ul li { padding-left: 22px; background: url(../img/m4dian.png) no-repeat left 12px; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }



.main4 ul li a { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }



.main4 ul .more { margin-top: 24px; }



.main4 ul .more a { display: block; width: 141px; height: 47px; line-height: 47px; text-align: center; border: 1px solid #333; color: #e9e9e9; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; background-color: #333; }



.main4 ul .more a:hover { color: #333; background-color: #fbe974; border: 1px solid #fbe974; }



@media screen and (max-width: 1219px) { .main4 ul { top: 10%; }

  .main4 ul .more { margin-top: 20px; } }



@media screen and (max-width: 999px) { .main4 > img { width: 980px; margin: 0 auto; max-width: none; position: relative; left: 50%; margin-left: -490px; } }



@media screen and (max-width: 639px) { .main4 ul .wp { padding-left: 5%; }

  .main4 ul { top: 3%; }

  .main4 ul li a { font-size: 12px; font-size: 1.2rem; }

  .main4 ul .title a { font-size: 20px; font-size: 2rem; }

  .main4 ul .more a { height: 30px; line-height: 30px; font-size: 12px; font-size: 1.2rem; } }



.foot { background: #333333; padding-top: 31px; padding-bottom: 54px; }



.foot .ft { box-sizing: border-box; float: left; }



.foot .ft .title { text-transform: uppercase; margin-bottom: 21px; font-size: 20px; font-size: 2.0rem; color: #fff; font-family:微软雅黑;  }



.foot .ft .title a { font-size: 20px; font-size: 2.0rem; color: #fff; font-family:微软雅黑;  }



.foot .ft .title a:hover { color: #fbe974; }



.foot .ft ol { margin-top: 43px; }



.foot .ft ol a { float: left; /*margin-left: 32px;*/ margin-bottom: 19px; }



.foot .ft ol  a { display: block; }



.foot .ft li a img { display: block; max-width: 100%; }



.foot .ft li:first-child { margin-left: 0; }



.foot .ft ul li { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #bcbcbc; font-family:微软雅黑;  }



.foot .ft ul li a { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #bcbcbc; font-family:微软雅黑;  }



.foot .ft ul li a:hover { color: #fbe974; }



.foot .ft ul li:first-child { font-size: 16px; font-size: 1.6rem; color: #FFF; margin-bottom: 13px; }



.foot .ft dl dd { font-size: 14px; font-size: 1.4rem; font-family: #fbe974; color: #bcbcbc; line-height: 30px; }



.foot .ft dl dd a { display: block; font-size: 14px; font-size: 1.4rem; font-family: #fbe974; color: #bcbcbc; line-height: 30px; }



.foot .ft dl dd a:hover { color: #fbe974; }



.foot .ft .cont { padding-top: 12px; }



.foot .ft .cont p { font-size: 16px; font-size: 1.6rem; font-family:微软雅黑;  color: #fff; line-height: 36px; }



.foot .ft .cont p.p1 { margin-top: 1px; margin-bottom: 7px; line-height: 24px; }



.foot .ft .cont p a { font-size: 16px; font-size: 1.6rem; font-family:微软雅黑;  color: #fff; line-height: 36px; }



.foot .ft .cont p a:hover { color: #fbe974; }



.foot .ft .cont .reanod { margin-left: 12px; }



.foot .ft .cont .cnzz { margin-left: 12px; }



.foot .ft2 { width: 190px; }



.foot .ft3 { float: left; width: 420px; margin-left: 118px; }



.foot .ft4 { float: right; width: 420px; }



.foot .ft4 form { display: block; box-sizing: border-box; padding: 33px 28px 34px 17px; margin-top: 33px; width: 100%; background: #444; background: rgba(255, 255, 255, 0.2); }



.foot .ft4 .c_div1 { padding-bottom: 10px; }



.foot .ft4 .c_div1 input { box-sizing: border-box; padding-left: 23px; background: #dedede url(../img/renwu.png) no-repeat left top; }



.foot .ft4 .c_div2 { padding-bottom: 10px; }



.foot .ft4 .c_div2 input { box-sizing: border-box; padding-left: 23px; background: #dedede url(../img/xinfeng.png) no-repeat left top; }



.foot .ft4 .c_div3 { padding-bottom: 10px; }



.foot .ft4 .c_div3 textarea { box-sizing: border-box; padding-left: 23px; background: #dedede url(../img/xiaoxi.png) no-repeat left top; }



.foot .ft4 .c_bt1 { color: #ff4f53; font-size: 18px; font-size: 1.8rem; width: 8px; padding-left: 0px; float: left; height: 30px; line-height: 30px; margin-top: 8px; position: relative; left: -2px; }



.foot .ft4 .c_div3 .c_bt1 { margin-top: 8px; }



.foot .ft4 .c_input, .foot .ft4 .c_input2, .foot .ft4 .c_textarea, .foot .ft4 .c_captcha { text-indent: 12px; float: left; color: #a6a6a6; font-size: 14px; font-size: 1.4rem; background: #dedede; }



.foot .ft4 .c_input, .foot .ft4 .c_input2, .foot .ft4 .c_captcha { height: 38px; line-height: 38px; }



.foot .ft4 .c_input { width: 365px; }



.foot .ft4 .c_input2 { width: 365px; }



.foot .ft4 .c_textarea { width: 365px; float: left; line-height: 26px; height: 126px; padding-top: 6px; font-family:微软雅黑;  }



.foot .ft4 .c_captcha { width: 130px; }



.foot .ft4 .c_yzm { float: left; cursor: pointer; margin-left: 9px; width: 92px; height: 38px; }



.foot .ft4 .c_send { float: right; cursor: pointer; width: 125px; height: 38px; text-transform: uppercase; line-height: 36px; text-align: center; color: #fff; background: #3b61c2; font-size: 14px; font-size: 1.4rem; font-family:微软雅黑;  }



.ft-bot { background-color: #222222; padding-top: 6px; padding-bottom: 5px; }



.ft-bot .jishu { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #fff; font-family:微软雅黑;  }



.ft-bot .jishu .reanod { margin-left: 7px; margin-right: 6px; }



.ft-bot .links { font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; line-height: 28px; font-family:微软雅黑;  }



.ft-bot .links a { font-size: 14px; font-size: 1.4rem; color: #fff; margin-left: 10px; line-height: 28px; font-family:微软雅黑;  }



.ft-bot .links a:hover { color: #fbe974; }



.ft-bot.ft-bot1 { padding: 20px 0; }



@media screen and (max-width: 1219px) { .foot .ft3 { width: 310px; margin-left: 0; }

  .foot .ft li { margin-left: 20px; } }



@media screen and (max-width: 979px) { .foot .ft2 { width: 50%; }

  .foot .ft3 { width: 50%; margin-left: 0; }

  .foot .ft4 { width: 100%; float: left; margin-top: 15px; }

  .foot .ft ol { margin-top: 15px; }

  .foot .ft li { margin-left: 0 !important; margin-right: 6px; }

  .foot .ft4 .c_input { width: calc(100% - 8px); }

  .foot .ft4 .c_input2 { width: calc(100% - 8px); }

  .foot .ft4 .c_textarea { width: calc(100% - 8px); } }



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

  .links { display: none; }

  .foot .ft { width: 100% !important; margin-top: 20px !important; }

  .foot .ft dl dd, .foot .ft dl dd a { font-size: 14px; font-size: 1.4rem; }

  .foot .ft ul li, .foot .ft ul li a { font-size: 14px; font-size: 1.4rem; }

  .foot .ft .cont p { font-size: 14px; font-size: 1.4rem; }

  .foot .ft ol a {  margin-left: 15px; }

  

   }



@media screen and (max-width: 450px) { .foot .ft4 .c_captcha { width: calc(100% - 8px); }

  .foot .ft4 .c_yzm { margin: 10px 0 10px 8px; }

  .foot .ft4 .c_send { width: calc(100% - 7px); } }



.bread { background-color: #fff; }



.bread .wp { padding-top: 33px; padding-bottom: 5px; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; color: #333333; border-bottom: 1px solid #ebebeb; }



.bread .wp a { font-size: 16px; font-size: 1.6rem; color: #333333; line-height: 16px; }



.bread .wp a:hover { color: #fbe974; }



.bread .wp .a1 { padding-left: 28px; background: url(../img/fangzi.png) no-repeat left center; }



.bread .wp .a2 { color: #e6d14b; }



@media screen and (max-width: 768px) { .bread .wp a { font-size: 14px; font-size: 1.4rem; } }



/* ===============================================================product====================================================== */

/*goods*/

.product { padding-top: 20px; }



.product .xiangqing .goods { width: 834px; }



.product .xiangqing .goods .box1 { width: 100%; }



.product .xiangqing .goods .box1 ul { width: 100%; }



.product .xiangqing .goods .box1 ul li { float: left; margin-left: 12px; width: 270px; margin-bottom: 39px; }



.product .xiangqing .goods .box1 ul li .img { width: 100%; position: relative; border: 1px solid #bfbfb6; }



.product .xiangqing .goods .box1 ul li .img input { cursor: pointer; display: block; position: absolute; top: 9px; left: 12px; z-index: 99999; }



.product .xiangqing .goods .box1 ul li .img > a { display: block; width: 100%; position: relative; overflow: hidden; }



.product .xiangqing .goods .box1 ul li .img > a img { display: block; width: 100%; height: 100%; }



.product .xiangqing .goods .box1 ul li .img > a .przz { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: url(../img/przz.png) repeat center center; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }



.product .xiangqing .goods .box1 ul li .img > a .przz span { display: block; width: 113px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #333; background-color: #fff; text-transform: uppercase; text-align: center; margin: 111px auto 0; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }



.product .xiangqing .goods .box1 ul li .img > a .przz span:hover { color: #fbe974; }



.product .xiangqing .goods .box1 ul li .img > a:hover .przz { top: 0; }



.product .xiangqing .goods .box1 ul li .wenzi1 { text-align: center; padding-top: 14px; padding-bottom: 12px; }



.product .xiangqing .goods .box1 ul li .wenzi1 a { font-size: 16px; font-size: 1.6rem; color: #333; font-weight: bold; display: block; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.product .xiangqing .goods .box1 ul li .wenzi1 a:hover { color: #fbe974; }



.product .xiangqing .goods .box1 ul li .wenzi a { display: block; width: 95px; height: 26px; border-radius: 13px; margin: 0 auto 20px; line-height: 26px; color: #333; border: 1px solid #333; font-size: 14px; font-size: 1.4rem; text-align: center; }



.product .xiangqing .goods .box1 ul li .wenzi a:hover { color: #fff; background-color: #333; }



/*page*/

.page { position: relative; margin: 45px auto 97px; }



.page { text-align: center; }



.page a { display: inline-block; background-color: #fff; color: #333; margin-left: 8px; width: 25px; height: 26px; line-height: 26px; border: 1px solid #cccccc; text-align: center; font-size: 12px; font-size: 1.2rem; border-radius: 0px; }

.no:hover{ border: 1px solid #cccccc !important;background-color: #fff !important; color: #333 !important;}



.page span { display: inline-block; background-color: #fff; color: #333; margin-left: 8px; width: 33px; height: 28px; line-height: 28px; border: 1px solid #cccccc; text-align: center; font-size: 12px; font-size: 1.2rem; border-radius: 0px; }



.page a.on, .page a:hover { color: #fff; border: 1px solid #333; background-color: #333; }



.page a.first { width: 62px; margin-left: 0; }



.page a.last { width: 62px; }



.page img { display: inline-block; position: relative; top: 5px; margin-left: 7px; }



.ins { width: 129px; border: 1px solid #cccccc; margin-left: 25px; display: inline-block; height: 28px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #333; color: #fff; font-size: 12px; font-size: 1.2rem; cursor: pointer; font-family:微软雅黑;  }



/*list*/

.product .xiangqing .list { width: 320px; margin-bottom: 30px; }



.product .xiangqing .list .title1 { width: 100%; margin-bottom: 10px; }



.product .xiangqing .list .title1 a { display: block; width: 100%; text-align: center; font-size: 26px; font-size: 2.6rem; height: 50px; line-height: 50px; border-bottom: 1px solid #fbe974; color: #fff; font-weight: bold; text-transform: uppercase; background-color: #333; }



.product .xiangqing .list .subNavBox { width: 100%; }



.product .xiangqing .list .subNav { cursor: pointer; background: #fff; margin-top: 4px; }



.product .xiangqing .list .subNav.div1 { margin-top: 0px; padding-top: 4px; }



.product .xiangqing .list .subNav a { display: block; line-height: 25px; padding-top: 8px; padding-bottom: 8px; padding-left: 13px; padding-right: 25px; background: #e4e5e6 url(../img/parrow.png) no-repeat 95.5% 14px; font-size: 16px; font-size: 1.6rem; color: #333333; -webkit-transition: 0s; transition: 0s; }



.product .xiangqing .list .subNav:hover a { background: #333 url(../img/parrowon.png) no-repeat 95.5% 14px; color: #fff; }



.product .xiangqing .list .currentDd a { background: #333 url(../img/parrowon.png) no-repeat 95.5% 14px; color: #fff; }



.product .xiangqing .list .navContent { margin-bottom: 13px; background-color: #fafafa; padding-top: 9px; padding-bottom: 11px; display: none; position: relative; top: 0px; }



.product .xiangqing .list .navContent > li a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; padding-left: 38px; background: url(../img/xian.png) no-repeat 16px center; }



.product .xiangqing .list .navContent > li a:hover { color: #fbe974; }



.product .xiangqing .list .title2 { width: 100%; margin-top: 60px; margin-bottom: 2px; }



.product .xiangqing .list .title2 a { display: block; text-align: left; font-size: 26px; font-size: 2.6rem; height: 46px; line-height: 46px; border-top: 2px solid #fbe974; color: #fff; font-weight: bold; text-transform: uppercase; background-color: #333; padding: 0 15px; }



.product .xiangqing .list dl { background-color: #eeeeee; padding: 0 18px; }



.product .xiangqing .list dl dd { border-bottom: 1px solid #b5b5b5; }



.product .xiangqing .list dl dd .dd1 { margin-bottom: 20px; margin-top: 18px; }



.product .xiangqing .list dl dd .dd1 a { display: block; }



.product .xiangqing .list dl dd .dd1 a img { display: block; max-width: 100%; }



.product .xiangqing .list dl dd .dd2 { margin-bottom: 12px; }



.product .xiangqing .list dl dd .dd2 span { display: block; font-size: 14px; font-size: 1.4rem; color: #333; font-weight: bold; }



.product .xiangqing .list dl dd .dd2 a { display: block; font-size: 14px; font-size: 1.4rem; color: #333; font-weight: bold; }



.product .xiangqing .list dl dd .dd2 a:hover { color: #8c7c11; }



.product .xiangqing .list dl dd .dd3 { margin-bottom: 14px; }



.product .xiangqing .list dl dd .dd3 a { display: block; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 24px; }



.product .xiangqing .list dl dd .dd3 a:hover { color: #8c7c11; }



.product .xiangqing .list dl dd .dd4 { margin-bottom: 21px; }



.product .xiangqing .list dl dd .dd4 a { display: block; font-size: 14px; font-size: 1.4rem; color: #666; }



.product .xiangqing .list dl dd .dd4 a:hover { color: #8c7c11; }



.product .xiangqing .list dl dd.dl2 { margin-top: 22px; border: none; }



/* ===============================================================product1====================================================== */

.product1 { padding-top: 23px; /* ul.rel-pro li .libox{} */ }



.product1 #showArea { margin-top: 16px; margin-bottom: 6px; }



.product1 #showArea img { cursor: pointer; display: block; width: 145px; height: 135px; margin-bottom: 20px; border: 1px solid #bfbfb6; }



.product1 #showArea a { display: block; }



.product1 #main_img { cursor: pointer; display: block; }



.product1 #gotop { cursor: pointer; display: block; margin: auto; }



.product1 #gobottom { cursor: pointer; display: block; margin: auto; }



.product1 #showArea { height: 460px; overflow: hidden; }



.product1 .MagicZoomBigImageCont { background: #FFF; }



.product1 .MagicZoomBigImageCont img { width: 1092px !important; height: 1018px !important; display: block; }



.product1 .MagicZoomPup { border: 0px solid #aaa; background: #ffffff; }



.product1 .left-pro { width: 728px; text-align: left; margin: 0px auto 23px; }



.product1 .left-pro .t1 { width: 147px; float: right; }



.product1 .left-pro .t2 { width: 548px; text-indent: 0; float: left; border: 1px solid #cccccc; }



.product1 .left-pro .t2 a { display: block; margin-bottom: 0px; }



.product1 .left-pro .t2 img { text-indent: 0; display: block; }



.product1 .goods1 .content { width: 430px; }



.product1 .goods1 .content .title { padding-top: 20px; }



.product1 .goods1 .content .title h1 { font-size: 34px; padding-bottom: 5px; font-size: 3.4rem; color: #333; font-weight: normal; border-bottom: 1px solid #cccccc; }



.product1 .jianshao { padding-top: 16px; }



.product1 .jianshao p { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }



.product1 .goods1 .content .btn { margin-top: 23px; margin-bottom: 31px; }



.product1 .goods1 .content .btn a,.product1 .goods1 .content .btn span { display: block; font-size: 16px; font-size: 1.6rem; color: #333; width: 175px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #cccccc; }



.product1 .goods1 .content .btn span { display: block; font-size: 16px; font-size: 1.6rem; color: #333; width: 175px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #cccccc; }



.product1 .goods1 .content .btn a:hover { color: #fff; background-color: #4d4d4d; border: 1px solid #4d4d4d; }



.product1 .goods1 .content .share1 { padding-bottom: 27px; }



.product1 .goods1 .content .share1 .span { font-size: 14px; font-size: 1.4rem; color: #333; height: 25px; line-height: 25px; margin-right: 3px; }



.product1 .at-resp-share-element .at-icon { width: 25px !important; height: 25px !important; }



.product1 .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }



.product1 .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 25px !important; height: 25px !important; }



.product1 .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }



.product1 .protitle1 { width: 100%; margin-bottom: 33px; margin-top: 59px; }



.product1 .protitle1 a { height: 48px; line-height: 48px; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #000; display: block; width: 292px; text-align: center; background: #f8f8f8 ; }



.product1 .protitle1 li { cursor: pointer; display: inline-block; margin: 1px 3px; text-transform: uppercase; width: 290px; height: 54px; line-height: 54px; text-align: center; font-size: 20px; font-size: 2rem; color: #4d4d4d; background-color: #dddddd; }



.product1 .protitle1 li.hover, .product1 .protitle1 li:hover { background-color: #333; color: #fff; }



.product1 .protitle1 li.li4 { background: #dddddd url(../img/xiazai.png) no-repeat 17% center; }



.product1 .protitle1 li.li4.hover, .product1 .protitle1 li.li4:hover { background: #333 url(../img/xiazai.png) no-repeat 17% center; color: #fff; }



.product1 .goods1 .wenzi p { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #000; margin-bottom: 8px; font-family:微软雅黑;  }



.product1 .goods1 .wenzi span { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #000; font-family:微软雅黑;  }



.product1 .goods1 .wenzi p img { display: block; max-width: 100%; }



.product1 .goods1 .wenzi a { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #1e8bc3; }



.product1 .goods1 .wenzi b { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #000; font-family:微软雅黑;  }



.product1 .goods1 .wenzi iframe { display: block; max-width: 100%; }





.product1 .goods1 .wenzi table{ width:100%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}

.product1 .goods1 .wenzi table tr td{ padding:3px; border:1px solid #ccc;}

.product1 .goods1 .wenzi .table{ width:100%;  overflow:scroll;}

.product1 .goods1 .wenzi  table{ width:885px;}	





.product1 ul.rel-pro { margin-bottom: 115px; }



.product1 ul.rel-pro li { float: left; margin-left: 12px; width: 270px; }



.product1 ul.rel-pro li .img { border: 1px solid #dadada; }



.product1 ul.rel-pro li .img > a { display: block; width: 100%; position: relative; overflow: hidden; }



.product1 ul.rel-pro li .img > a img { display: block; width: 100%; height: 100%; }



.product1 ul.rel-pro li .img > a .przz { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: url(../img/przz.png) repeat center center; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }



.product1 ul.rel-pro li .img > a .przz span { display: block; width: 113px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #333; background-color: #fff; text-align: center; margin: 89px auto 0; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }



.product1 ul.rel-pro li .img > a .przz span:hover { color: #1e8bc3; }



.product1 ul.rel-pro li .img > a:hover .przz { top: 0; }



.product1 ul.rel-pro li .wenzi1 { text-align: center; padding-top: 8px; padding-bottom: 18px; border-top: 1px solid #dadada; }



.product1 ul.rel-pro li .wenzi1 a { font-size: 16px; font-size: 1.6rem; color: #333; }



.product1 ul.rel-pro li .wenzi1 a:hover { color: #1e8bc3; }



.product1 .img980 { display: none; }



.product1 .img980 ul li { width: calc(23% - 2px); border: 1px solid #ccc; margin: 1%; float: left; }



.product1 .img980 ul li a { display: block; width: 100%; }



.product1 .img980 ul li a img { display: block; width: 100%; }



.relative { margin-bottom: 100px; }



.relative .title {  width: 100%; margin-bottom: 59px; margin-top: 30px; }



.relative .title a { padding-bottom: 8px; padding-top: 9px; line-height: 30px; font-size: 24px; font-size: 2.4rem; color: #333; display: block; font-weight: bold; border-bottom: 2px solid #333; width: 255px; text-transform: uppercase; }



.relative .title a:hover { color: #fbe974; }



.relative .img-scroll3 { position: relative; z-index: 9; margin-bottom: 66px; }



.relative .img-scroll3 .prev3, .relative .img-scroll3 .next3 { position: absolute; display: block; width: 31px; height: 31px; top: 41%; margin-top: 0px; z-index: 999; }



.relative .img-scroll3 .prev3 { left: 0px; cursor: pointer; background: url(../img/hotleft.png) no-repeat center center; }



.relative .img-scroll3 .prev3:hover { left: 0px; cursor: pointer; background: url(../img/hotlefton.png) no-repeat center center; }



.relative .img-scroll3 .next3 { right: 0px; cursor: pointer; background: url(../img/hotright.png) no-repeat center center; }



.relative .img-scroll3 .next3:hover { right: 0px; cursor: pointer; background: url(../img/hotrighton.png) no-repeat center center; }



.relative .img-list3 { position: relative; overflow: hidden; z-index: 99; width: 1109px; margin: 0 auto; }



.relative ul { width: 9999px; }



.relative ul li { float: left; width: 265px; margin-right: 15.66px; }



.relative ul li .ddbox .ddtop { position: relative; overflow: hidden; }



.relative ul li .ddbox .ddtop .ddimg a { display: block; border: 1px solid #e0e0e0; }



.relative ul li .ddbox .ddtop .ddimg a img { display: block; max-width: 100%; }



.relative ul li .ddbox .ddtop .ddzz { position: absolute; width: 100%; height: 100%; top: 100%; left: 0; -webkit-transition: 0.5s; transition: 0.5s;  }



.relative ul li .ddbox .ddtop .ddzz a { display: block; width: 100%; height: 100%; margin-top: 30px; }



.relative ul li .ddbox .ddtop .ddzz a span { display: block; width: 81%; margin: 45% auto 0; font-family:微软雅黑;  text-align: center; font-size: 14px; line-height: 24px; color: #333; }



.relative ul li .ddbox .ddbot a { display: block; text-align: center; font-size: 14px; color: #fff; font-weight: bold; text-transform: uppercase; background-color: #646464; font-family:微软雅黑;  line-height: 30px; padding: 6.5px 0; 

white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 15px;}



.relative ul li:hover .ddbox .ddtop .ddzz { top: 0; }



.relative ul li:hover .ddbot a { background-color: #fbe974;    color: #333;}



@media screen and (max-width: 1219px) { .product1 .goods1 .content { width: 220px; }

  .product1 .goods1 .content .btn a,.product1 .goods1 .content .btn span { /*float: none;*/ margin: 5px 0; }

  .relative .img-list3 { width: 826px; }

  .product1 .protitle1 li { width: 24%; margin: 0; } }

  

  @media screen and (min-width: 1000px) and (max-width: 1219px) {

	  

	  .product1 .goods1 .content .btn a,.product1 .goods1 .content .btn span { float: none; margin: 5px 0; }

	  

	   }

  

  



@media screen and (max-width: 999px) { .product1 .goods1 .content { width: 195px; }

  .product1 .goods1 .content .title h1 { font-size: 20px; font-size: 2rem; } }



@media screen and (max-width: 979px) { .relative { margin-bottom: 30px; }

  .left-pro { display: none; }

  .product1 .goods1 .content { width: 100%; float: none; }

  .product1 .img980 { display: block; }

  .product1 .protitle1 { margin-top: 15px; margin-bottom: 15px; }

  .product1 .protitle1 li { font-size: 14px; font-size: 1.4rem; }

  .relative .title { margin-top: 10px; margin-bottom: 10px; }

  .relative .img-list3 { width: 100%; }

  .relative ul { width: 1000%; }

  .relative ul li { width: 3.2% !important; margin-right: 0.2% !important; margin-left: 0; } }



@media screen and (max-width: 768px) { .relative .img-scroll3 { margin-bottom: 30px; }

  .product1 .protitle1 li { width: 49%; }

  .relative { margin-bottom: 0; }

  .relative ul li .ddbox .ddbot a { font-size: 12px; font-size: 1.2rem; overflow: hidden; height: 30px; } }



@media screen and (max-width: 639px) { .relative ul li { width: 4.9% !important; margin-right: 0.2% !important; margin-left: 0; }


  .relative .title a { font-size: 18px; font-size: 1.8rem; } }



@media screen and (max-width: 450px) { .img980 ul li { width: calc(48% - 2px) !important; } }



@media screen and (max-width: 400px) { 



 .product1 .goods1 .content .btn a,.product1 .goods1 .content .btn span { float: none;  }

.product1 .protitle1 li { width: 100%; font-size: 14px; font-size: 1.4rem; height: 30px; line-height: 30px; } }



/*pro media zhuyemian*/

@media screen and (max-width: 1219px) { .product .xiangqing .list { width: 260px; }

  .product .xiangqing .goods { width: 700px; }

  .product .xiangqing .goods .box1 ul li { width: 31%; margin: 0 1% 2% 1% !important; }

  .product .xiangqing .list .title1 a { font-size: 20px; font-size: 2rem; }

  .product .xiangqing .list .title2 a { font-size: 20px; font-size: 2rem; } }



@media screen and (max-width: 999px) { .product .xiangqing .goods { width: 650px; } }



@media screen and (max-width: 979px) { .page { margin-bottom: 30px; margin-top: 20px; }

  .page .l { float: none; }

  .page a { margin-bottom: 10px; }

  .page .add { float: none; }

  .product .xiangqing .goods { width: 100%; }

  .product .xiangqing .goods .box1 ul li { width: 23%; margin: 0 1% 2% 1% !important; }

  .product .xiangqing .list { width: 100%; }

  .product .xiangqing .goods .box1 ul li .img > a .przz { display: none; }

  .product .xiangqing .list dl dd .dd1 { border: none; border-bottom: 1px solid #b5b5b5; } }



@media screen and (max-width: 900px) { .product .xiangqing .goods .box1 ul li { width: 31%; margin: 0 1% 2% 1% !important; } }



@media screen and (max-width: 768px) { .product .xiangqing .list .title1 a { font-size: 20px; font-size: 2rem; }

  .product .xiangqing .list .title2 a { font-size: 20px; font-size: 2rem; }

  .product .xiangqing .list .subNav a { font-size: 14px; font-size: 1.4rem; }

  .product .xiangqing .list .navContent > li a { font-size: 12px; font-size: 1.2rem; }

  .product .xiangqing .goods .box1 ul li .wenzi1 a { font-size: 14px; font-size: 1.4rem; }

  .product .xiangqing .list .title2 { margin-top: 15px; } }



@media screen and (max-width: 500px) { .product .xiangqing .goods .box1 ul li { width: 48%; margin: 0 1% 2% 1% !important; } }



@media screen and (max-width: 320px) { .product .xiangqing .goods .box1 ul li { width: 100%; margin: 0 0% 2% 0% !important; } }



/* ======================================== about ======================================== */

.about { padding-bottom: 24px; padding-top: 19px; }



.about .title { font-size: 36px; font-size: 3.6rem; color: #333; font-weight: bold; padding-left: 30px; background: url(../img/xiexian.png) no-repeat left center; }



.about .rimg { width: 520px; margin-left: 50px; }



.about .rimg img { display: block; max-width: 100%; padding-bottom: 43px; background: url(../img/yinying1.png) no-repeat bottom center; background-size: 100% auto; }



.about .ltxt { padding-top: 27px; }



.about .ltxt .title { margin-bottom: 15px; }



.about .ltxt p { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; margin-bottom: 70px; text-indent:2em;}



@media screen and (max-width: 1219px) { .about .ltxt p { margin-bottom: 30px; } }



@media screen and (max-width: 900px) { .about .rimg { float: none; max-width: 520px; width: 100%; margin: 0 auto; }

  .about .title { font-size: 20px; font-size: 2rem; margin-top: 0; }

  .about .ltxt { padding-top: 0; } }



@media screen and (max-width: 639px) { .about .rimg img { padding-bottom: 20px; } }



/* ======================================== case ======================================== */

.camain { padding-bottom: 101px; padding-top: 22px; }



.calie { position: relative; margin-bottom: 74px; }



.catu { width: 400px; }



.catu a { display: block; }



.catu a img { display: block; width: 100%; }



.cazi { padding-top: 17px; width: 733px; }



.caa { display: block; font-weight: bold; font-size: 22px; font-size: 2.2rem; color: #333; line-height: 36px; padding-top: 29px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.cazi p a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 28px; color: #666666; height: 140px; overflow: hidden; margin-top: 8px; text-indent:2em;}



.camor { display: block; width: 128px; height: 30px; background: #fff; border-radius: 15px; text-align: center; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; margin-top: 45px; border: 1px solid #333333; }



.caa:hover { color: #e6d14b; }



.cazi p a:hover { color: #e6d14b; }



.camor:hover { background-color: #333; color: #fff; }



.camain .page { padding-top: 23px; margin: 0px auto 0px; }



.mat { margin-top: 10px; padding-top: 59px; }



@media screen and (max-width: 1219px) { .camor { margin-top: 15px; }

  .cazi { width: 545px; } }



@media screen and (max-width: 999px) { .cazi { width: calc(100% - 440px); }

  .calie { margin-bottom: 45px; }

  .camain { padding-bottom: 55px; } }



@media screen and (max-width: 768px) { .catu a img { max-width: 400px; }

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

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

  .caa { padding-top: 0; } }



/* ======================================== case1 ======================================== */

.case1 .xqy { position: relative; }



.case1 .xqy .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; }



.case1 .xqy .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }



.case1 .xqy .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; }



.case1 .xqy .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }



.case1 .xqy .top1 { margin-top: 27px; }



.case1 .xqy .top1 .title1 { text-align: center; }



.case1 .xqy .top1 .title1 h1 { font-size: 22px; font-size: 2.2rem; color: #333; font-weight: bold; }



.case1 .xqy .top1 .fenxiang1 { width: 290px; margin: 16px auto 14px; }



.case1 .xqy .top1 .fenxiang1 .span { font-size: 14px; font-size: 1.4rem; color: #666; height: 26px; line-height: 26px; margin-right:6px;}



.case1 .xqy .top1 .time { text-align: center; margin-top: 9px; margin-bottom: 18px; }



.case1 .xqy .top1 .time span { font-size: 14px; font-size: 1.4rem; color: #666; font-weight: normal; display: inline-block; font-family:微软雅黑;  line-height: 26px; padding-left: 25px; background: url(../img/shizhong.png) no-repeat left center; }



.case1 .newsx { padding-top: 13px;     padding-bottom: 50px;}



.case1 .newsx p {text-indent:2em; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666;  font-family:微软雅黑;  }



.case1 .newsx span { line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666; font-family:微软雅黑;  }



.case1 .newsx p img { display: block; max-width: 100%; }



.case1 .newsx p iframe { display: block; max-width: 100%; }



.case1 .newsx a { line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #fbe974; }



.case1 .newsx table { width: 97%; border-collapse: collapse; line-height: 24px; margin-bottom: 28px; }



.case1 .newsx tr td { line-height: 24px; padding: 2px; border: 1px solid #ccc; white-space: nowrap; }



.updown { padding-top: 24px; border-top: 1px solid #ccc; margin-bottom: 95px; }



.updown .up { margin-top: 0px; margin-bottom: 6px; }



.updown p { line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #333; }



.updown p a { font-size: 14px; font-size: 1.4rem; color: #333; }



.updown p span { font-size: 14px; font-size: 1.4rem; color: #333; }



.updown p a:hover { color: #b1a033; }



/* ======================================== news ======================================== */

.new1 { padding-bottom: 103px; padding-top: 21px; }



.new1 .fwp { margin-bottom: 40px; padding-bottom: 58px; position: relative; border-bottom: 1px dashed #ccc; }



.new1 .swp { position: absolute; top: 0; left: 0; }



.new1 .swp a { display: block; width: 100%; margin: 0 auto; }



.new1 .swp a img { display: block; max-width: 330px; max-height: 236px; width: 100%; margin: 0 auto; }



.new1 .zi { padding-left: 370px; min-height: 236px; padding-right: 0px; }



.new1 .zi .time { padding-bottom: 20px; padding-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; }



.new1 .zi .title { color: #333; display: block; padding-top: 18px; line-height: 30px; font-size: 16px; font-size: 1.6rem; font-weight: bold; }



.new1 .zi .p { display: block; padding-bottom: 17px; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 28px; text-indent:2em;}



.new1 .zi .more { display: block; font-size: 14px; font-size: 1.4rem; width: 111px; height: 32px; border: 1px solid #333; line-height: 32px; text-align: center; color: #333; background: #fff; border-radius: 17px; }



.new1 .zi .title:hover { color: #e6d14b; }



.new1 .zi .p:hover { color: #e6d14b; }



.new1 .zi .more:hover { background: #333; color: #fff; }



.new1 .page { position: relative; margin: 101px auto 0; }



@media screen and (max-width: 700px) { .new1 { padding-bottom: 30px; }

  .new1 .fwp { padding-bottom: 15px; }

  .new1 .swp { position: relative; top: 0; left: 0; }

  .new1 .zi { padding-left: 0px; min-height: 236px; padding-right: 0px; }

  .new1 .page { margin-top: 30px; } }



/* ======================================== news1 ======================================== */

.news1 .xqy { position: relative; }



.news1 .xqy .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; }



.news1 .xqy .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }



.news1 .xqy .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; }



.news1 .xqy .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }



.news1 .xqy .top1 { margin-top: 27px; }



.news1 .xqy .top1 .title1 { text-align: center; }



.news1 .xqy .top1 .title1 h1 { font-size: 22px; font-size: 2.2rem; color: #333; font-weight: bold; }



.news1 .xqy .fenxiang1 { width: 270px; margin: 16px auto 14px; }



.news1 .xqy .fenxiang1 .span { font-size: 14px; font-size: 1.4rem; color: #666; height: 26px; line-height: 26px; margin-right:6px; }



.news1 .xqy .top1 .time { text-align: center; margin-top: 20px; margin-bottom: 18px; }



.news1 .xqy .top1 .time span { font-size: 14px; font-size: 1.4rem; color: #666; font-weight: normal; display: inline-block; font-family:微软雅黑;  line-height: 26px; padding-left: 25px; background: url(../img/shizhong.png) no-repeat left center; }



.news1 .newsx { padding-top: 48px; }



.news1 .newsx p { line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666; font-family:微软雅黑;text-indent:2em;  }



.news1 .newsx span { line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666; font-family:微软雅黑;  }



.news1 .newsx p img { display: block; max-width: 100%; }



.news1 .newsx p iframe { display: block; max-width: 100%; }



.news1 .newsx a { line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #fbe974; }



.news1 .newsx table { width: 97%; border-collapse: collapse; line-height: 24px; margin-bottom: 28px; }



.news1 .newsx tr td { line-height: 24px; padding: 2px; border: 1px solid #ccc; white-space: nowrap; }



/* ======================================== contact ======================================== */

.contact { padding-bottom: 97px; }



.sino { text-align: center; font-size: 60px; font-size: 6rem; }



.whether { text-align: center; padding: 0 265px; font-size: 26px; font-size: 2.6rem; margin-top: 22px; margin-bottom: 79px; line-height: 30px; }



.cz_part { width: 450px; padding-top: 19px; }



.cz_part .title1 { font-size: 24px; font-size: 2.4rem; color: #333; font-weight: bold; text-transform: uppercase; }



.cy_part .title1 { font-size: 24px; font-size: 2.4rem; color: #333; font-weight: bold; text-transform: uppercase; margin-bottom: 22px; }



.clxfs .title2 { font-size: 18px; font-size: 1.8rem; color: #333; margin-bottom: 11px; }



.clxfs p { font-size: 16px; font-size: 1.6rem; color: #333; margin-top: 24px; margin-bottom: 34px; }



.clxfs > li { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 36px; }



.clxfs > li > a { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 36px; }



.clxfs > li p { padding-left: 27px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333333; }



.clxfs > li p a { color: #333333; }



.cicbiao { color: #333333; line-height: 28px; }



.cicbiao a { display: block; color: #333333; }



.clxfs > li p.cicbiao1 { font-size: 14px; font-size: 1.4rem; line-height: 36px; }



.cp1 { font-weight: bold; margin-bottom: 3px; }



.cp2 { line-height: 24px; }



.cicbiao1 li { margin-bottom: 28px; }



.clxfs a:hover { color: #fbe974; }



.wu { font-weight: bold; margin-bottom: 10px; }



.cy_part { width: 708px; padding-top: 19px; }



.cy_part .title { font-size: 20px; font-size: 2rem; color: #333; }



.cy_part p { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 28px; padding-top: 3px; padding-bottom: 33px; }



.xing input { width: 300px; height: 47px; padding-left: 20px; color: #1b1b1b; border: 1px solid #d2d2d2; font-size: 14px; font-size: 1.4rem; line-height:47px; }



.xing { padding-left: 0px; margin-bottom: 35px; }



.xing.xing2 input { background: url(../img/xingxing.jpg) no-repeat 15px top; }



.xing.xing2 textarea { background: url(../img/xingxing.jpg) no-repeat 15px -5px; }



.textarea { width: 687px; padding-left: 20px; border: 1px solid #d2d2d2; line-height: 37px; height: 177px; color: #1b1b1b; font-family:微软雅黑;  font-size: 14px; font-size: 1.4rem; }



.xing input.capt { background: url(../img/xingxing.jpg) no-repeat 15px top; width: 298px; height: 47px; padding-left: 19px; color: #1b1b1b; border: 1px solid #d2d2d2; }



.yzm { cursor: pointer; vertical-align: middle; margin-left: 26px; }



.xing .csub { width: 137px !important; font-size: 18px; font-size: 1.8rem; font-family:微软雅黑;  height: 49px; text-align: center; text-align: center; background: #333; color: #fff; float: right; cursor: pointer; padding: 0 !important; line-height: 47px; }



.csub:hover { background: #fbe974; }



.tongji table { width: 98%; border-collapse: collapse; }



.tongji tr td { line-height: 36px; padding: 2px; border: 1px solid #ccc;  font-size: 16px; font-size: 1.6rem; }



.tongji input { width: 100%; height: 100%; display: block;font-size:1.4em;

height:1.6em;border-radius:4px;border:1px solid #c8cccf;color:#6a6f77;     text-align: center;}



.ditu { margin-top: 104px; }



.ditu img { display: block; width: 100%; }



@media screen and (max-width: 1219px) { .cy_part { width: 650px; }

  .cz_part { width: 300px; }

  .textarea { width: 629px; }

  .xing input.capt { width: 200px; } }



@media screen and (max-width: 999px) { .cz_part { width: 260px; } }



@media screen and (max-width: 979px) { .cy_part { width: 100%; }

  .cz_part { width: 100%; }

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

  .xing input { width: 100%; box-sizing: border-box; height: 35px; line-height: 35px; }

  .xing { margin-bottom: 15px; }

  .xing.xing2 input { background: url(../img/xingxing.jpg) no-repeat 15px -7px; }

  .textarea { width: 100%; box-sizing: border-box; }

  .ditu { margin-top: 30px; }

  .contact { padding-bottom: 45px; }

  .xing input.capt { width: 100%; box-sizing: border-box; float: none; display: block; }

  .yzm { margin-left: 0; margin-bottom: 15px; margin-top: 15px; float: none; display: block; }

  .xing .csub { float: none; display: block; width: 100% !important; } }



@media screen and (max-width: 639px) { .cz_part .title1 { font-size: 18px; font-size: 1.8rem; }

  .cy_part .title1 { font-size: 18px; font-size: 1.8rem; }

  .tongji { width: 100%; overflow: scroll; }

  .tongji table { width: 600px; } 

  .news1 .newsx {

    padding-top: 18px;

}

  

  }

  

  

  

  

/*********************************************************************  about2  *********************************************************/

.ab2main1{margin-top: 60px;margin-bottom: 89px;padding-bottom: 89px\9;}





.ab2main1 .ab2item1{float: left;width: 37.5%;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.ab2main1 .ab2item2{background-color: #279dd0;height: 492px; height: 492px\9!important;  float: left;padding-top: 90px; width: 39.5%;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.ab2main1 .ab2item3{float: right;width: 23%;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}



.ab2main1 .ab2item2 p{font-size:16px;font-size:1.6rem;line-height: 28px;margin-bottom: 28px;color:#fff;padding: 0px 54px 0 64px;}



@media screen and (max-width:1219px){

  .ab2main1 .ab2item2 p{padding: 0px 20px 0 20px;}

  .ab2main1 .ab2item2{padding-top: 25px;height: 401px;}

}

@media screen and (max-width:999px){

  .ab2main1 .ab2item2{float: none;width: 100%;clear: both;height: auto!important;padding-bottom: 30px;}

  .ab2main1 .ab2item1{width: 62.4%;margin-bottom: 5px;}

  .ab2main1 .ab2item3{width: 37.6%;margin-bottom: 5px;}

  .ab2main1 img{margin: 0 auto;}

  .ab2main1{margin-top: 20px;margin-bottom: 20px;}

}





/*********************************************************************  about4  *********************************************************/



/* .abox{padding-top:17px;padding-left:12px;padding-right:12px;padding-bottom:12px;} */

.ablie2{ width:261px; float:left; margin-left:52px;margin-bottom: 49px;}

.abtu2{position:relative; overflow:hidden;display: block;}

.abtu2>img{width:100%;max-width:261px;max-height:359px;display: block;}

.fangda{ background:url(../img/zhengshubg.png) no-repeat center center; display:block; position:absolute; width:100%; height:100%; top:100%; left:0px;transition: 0.5s;}

.fangda img{ width:38px; height:39px; position:absolute; left:50%; margin-left:-19px; top:50%; margin-top:-19px;}

.ablie2 p{text-align:center; margin-top:19px; height:72px;overflow: hidden;font-size:16px;font-size:1.6rem;}

.ablie2:hover .fangda{ top:0px;}

.mat{ margin-top:57px;}



.about2 .ms_ye{margin-top: 67px;}



.img-scroll2 {position: relative;margin: 0px auto 0;width: 100%;margin-top: -14px;}

.img-scroll2 .prev2, .img-scroll2 .next2 {position: absolute;display: block;width: 46px;height: 46px;top:0;color: #fff;text-align: center;line-height: 100px}

.img-scroll2 .prev2 {right: 0;margin-right:55px;cursor: pointer;background: url("../img/zss.png") no-repeat;}

.img-scroll2 .next2 {right: 0;margin-right:3px;cursor: pointer;background: url("../img/zsx.png") no-repeat;}

.img-scroll2 .prev2:hover {background: url("../img/zss2.png") no-repeat;}

.img-scroll2 .next2:hover {background: url("../img/zsx2.png") no-repeat;}

.img-list2 {position:relative;width:100%;overflow: hidden;margin: 0 auto;padding-top: 73px;}

.img-list2 ul {width: 10000%;}

.img-list2 li {float: left;display: inline;width: 359px;position: relative;position: relative;margin-right: 63px;}



.hzs img{width: 100%;max-width: 359px;max-height: 261px;}

/**/

.hzs{position: relative;overflow: hidden;display: block;}

.hzs .hz-zz{position: absolute;width: 100%;height: 100%;top: -100%;left: 0;transition: 0.5s;background: url(../img/fangda9.png) no-repeat center center;}
.hzs:hover .hz-zz{top: 0;}



@media screen and (max-width:999px) {

  .hzs .hz-zz{top: 0!important;background:url(../img/fangda.png) no-repeat center center;}

}





/**/



.hzsp{text-align: center;display: block;line-height: 36px;margin-top: 0px;font-size:16px;font-size:1.6rem;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.ablie2{margin-left: 20px;width: 230px;}

.abox{background-size: 100%;}

.about2 .liangge{margin-bottom: 25px;}

.img-list2 li{width: 285px;}

}

@media screen and (max-width:999px) {

.abox{background-size: 100%;}

.ablie2{width: 23%;margin: 0 1%;margin-bottom: 30px;}

.about2 .ms_ye{margin-top: 40px;}

.img-list2 ul{width: 10000%;}

.img-list2 li{width: 0.31333%;margin: 0 0.01%;}

.img-scroll2{margin-top: 20px;}

.img-list2{padding-top: 55px;}

.about2{padding-bottom: 50px;}

.fangda{top: 0;background: none;}

.bottom2 .link{padding-top: 0;}

}

@media screen and (max-width:639px) {

.ablie2{width: 31%;margin: 0 1%;margin-bottom: 30px;}

.about2 .ms_ye{margin-top: 20px;}

.about2{padding-top: 20px;}

.liangge a{background-size: 70%;padding-top: 95px;}

.lg1.currentlg{background-size: 70%;}

}

.img-list2 li{width: 0.31333%;margin: 0 0.01%;}

}

@media screen and (max-width:400px) {

.ablie2{width: 48%;margin: 0 1%;margin-bottom: 20px;}

}

.about2{padding-top: 24px;padding-bottom: 77px;}



.juse{ color:#e6d14b !important;}

.list_cart { margin-bottom:20px;}