/* 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; }

.img-responsive{display: block;max-width:100%;height: auto;}

.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: Verdana, Geneva, sans-serif; }

#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:  Arial, Helvetica, sans-serif; }

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; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}

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

.clear { clear: both; }

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

.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 { color: #1b1b1b; font-size: 14px; font-size: 1.4rem; font-family:Arial, Helvetica, sans-serif ; }

:-o-placeholder { color: #1b1b1b; font-size: 14px; font-size: 1.4rem; font-family:Arial, Helvetica, sans-serif ; }

::-moz-placeholder { color: #1b1b1b; font-size: 14px; font-size: 1.4rem; font-family:Arial, Helvetica, sans-serif ; }

:-ms-input-placeholder {  color: #1b1b1b; font-size: 14px; font-size: 1.4rem; font-family:Arial, Helvetica, sans-serif ; }

.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: 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;  }

.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; padding-left: 15px;}

.container .nav > ul > li .c-show .c-s1 > a {  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; padding-left: 15px;}

.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 .nav > ul > dl{padding: 20px;}

.container .nav > ul > dl dd{float: left;margin: 0 2px;}

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

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

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

/*head*/
.head {width: 100%;width: 100%;position: relative;top: 0;left: 0;z-index: 9999;}
.head .logo{margin-left: 0px;margin-top: 16px;}
.head .logo a{display: block;}

.head .nav1{margin-left: 86px;}
.head .nav1>ul>li{float: left;margin-left: 3px;position: relative;height: 113px;line-height: 113px;border-top: 3px solid transparent;}
.head .nav1>ul>li>a{text-transform: uppercase; display: block;padding:0 16px;  font-size:14px;font-size:1.4rem;color:#333;}
.head .nav1>ul>li:hover>a ,.head .nav1>ul>li.on>a{color:#fff; }
.head .nav1>ul>li:hover ,.head .nav1>ul>li.on{background-color:#881f2d; border-color: #f6ab00;}

.head li .yiji{width: 205px;position: absolute;top: 100%;left: 0;display: none;padding: 0 1.5px;background-color: transparent;}
.head li .yiji .yijiin{padding: 0 17px;background-color: #f5f5f5;position: relative;}
.head li .yiji .yijiin > a{display: block; line-height: 30px;padding: 5px 0;color: #333;font-size:16px;font-size:1.6rem;}
.head li .yiji .yijiin > a:hover{text-decoration: underline; color: #881f2d;}
.head .nav1>ul>li:hover .yiji{display: block;}

.head li .erji{width: 270px;position: absolute;top: 0%;left: 100%;display: none;padding: 0 1.5px;background-color: transparent;}
.head li .erji .erjiin{padding: 0 17px;background-color: #f5f5f5;}
.head li .erji .erjiin > a{display: block; line-height: 30px;padding: 5px 0;color: #333;font-size:16px;font-size:1.6rem;}
.head li .erji .erjiin > a:hover{text-decoration: underline; color: #881f2d;}
.head li .yiji .yijiin:hover .erji{display: block;}

.head li .sanji{width: 230px;position: absolute;top: 0%;left: 100%;display: none;padding: 0 1.5px;background-color: transparent;}
.head li .sanji .sanjiin{padding: 0 17px;background-color: #f5f5f5;}
.head li .sanji .sanjiin > a{display: block; line-height: 30px;padding: 5px 0;color: #333;font-size:16px;font-size:1.6rem;}
.head li .sanji .sanjiin > a:hover{text-decoration: underline; color: #881f2d;}
.head li .erji .erjiin:hover .sanji{display: block;}
/* nav2 */
.nav2{display: none;background-color: #fff;width: 100%;padding-top: 15px;}
.nav2 ul li{width: 25%;float: left;text-align: center;padding-top: 8px;padding-bottom: 8px;}
.nav2 ul li:hover,.nav2 ul li.hover{background-color: #881f2d;}
.nav2 ul li:hover a,.nav2 ul li.hover a{color:#fff;}
.nav2 ul li a{display: block;font-size:16px;font-size:1.6rem;color: #881f2d;}
/* chazhao */
.chazhao{display: none; width: 100%;height:36px; padding-top: 10px;padding-bottom: 10px;}
.chazhao .wp{border: 1px solid #881f2d;}
.chazhao form{width: 100%;height: 100%;}
.chazhao form .ipt{ display: block;width:70%;text-indent: 10px;font-size:14px;font-size:1.4rem;color:#333; height: 36px;line-height: 36px;}
.chazhao form .ips{width: 13%;height: 36px;background: url(../img/sousuo.png) no-repeat center center;cursor: pointer;}


/*container*/
.container{ width:5px; height:100%;position:absolute; right:0px;top:0px;transition:all 0.4s ease 0s; z-index:999999; cursor:pointer;}
.container .menubtn{width: 35px;height: 30px;position: absolute;top:20px;right:35px;transition:all 0.4s ease 0s; z-index:9999}
.container .menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #881f2d;}
.container .nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.container .nav ul {display: none; margin-top:65px;}
.container .nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.container .nav ul li a{ color:#fff;}


.search{width:35px;z-index:99999; position:absolute;background:none;
margin-top:43px;
right:6px;
}
.sb-icon-search {color: #333;width:35px;height:35px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none;z-index: 99999; }
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 35px;height: 35px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden;z-index:99999; border-radius:5px;border:0px solid #fff; color:#333}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 35px;line-height:35px;padding-left:10px;border:none;margin: 0;z-index: 10;font-family:Arial, Helvetica, sans-serif;color:#333;background: transparent;}
.sb-icon-search,.sb-search-submit{width: 35px;height: 35px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:url(../img/sousuo.png) no-repeat center;}
.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:35px;line-height:35px;position:relative;right:0px;top:0px;z-index: 9999999; background:#fff; color:#333; border:1px solid #881f2d;}
.no-js .sb-search .sb-icon-search {position:absolute;background:#fff url(../img/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px; border:none !important}
.no-js .sb-search .sb-search-submit{z-index: 9990;}

.show999{display: none;}
@media screen and (max-width:1219px){
    .head .nav1{margin-left: 15px;}
    .head .nav1 > ul > li{margin-left: 2px;}
    .head .nav1 > ul > li > a{padding: 0 8px;}
}
@media screen and (max-width:999px){
    /* .head .nav1 ul li{margin-left: 30px;} */
    .head .nav1{float: none;margin-top: 15px;}
    .head .nav1 {margin-left: 0;}
    .head .nav1 > ul{width: 730px;margin: 0 auto;}
    .head .nav1 > ul > li{height: 50px;line-height: 50px;}
    .head .nav1 > ul > li > a{padding: 0 10px;}
    .search{right: 0;}
    .show999{display: block;}
}
@media screen and (max-width:979px){
    .head .language{top: 0;right: 20px;}
    
    .container .menubtn{top:25px;}
    .head .logo{margin-top: 15px;}
    .head .logo{width: 70px;}
    .search{margin-top: 22px;}
}
@media screen and (max-width:768px){
  .search{right: 70px;}
  .head .nav1 {display: none;}
  .nav2{display: block;}
}
@media screen and (max-width:639px){
  .nav2 ul li a{font-size:12px;font-size:1.2rem;}
}
@media screen and (max-width:500px){
    .chazhao{ display: block;}
    .search{display: none;}
    .head .language{top: 0;right: 28px;}
}
@media screen and (max-width:360px){
  .container .menubtn{right: 10px;}
    /* .head .logo{width: 70%;} */
    .head .logo a{display: block;}
    .head .logo a img{max-width:100%; display: block;}
}

/*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%; }

.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: 22px; height: 21px; background-image: url("../img/slide.png"); background-repeat: no-repeat; background-position: center center; margin: 0 7px; cursor: pointer; }

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

.slide .carousel-control {position: absolute;top: 46%;width: 61px;height: 61px;z-index: 999;margin-top: -45px;}

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

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

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

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

.slide .slidedetail { display: none; }

.slide.slide2 .dotList{bottom: 10px;}
@media screen and (max-width: 768px) {
  .slide .carousel-control{width: 40px;height: 40px; background-size: 100%;}
  .slide .dotList{bottom: 10px;}
  .slide .carousel-control.left{left: 20px;}
  .slide .carousel-control.right{right: 20px;}
  .slide .carousel-control{top: 60%;}
  .slide .dotList ul li{width: 10px;height: 10px;margin: 0 3px;background-size: 100%;}
}
@media screen and (max-width: 639px) {
  .slide .carousel-control{display: none;}
}


/* main1 */
.main1{padding-top: 66px;padding-bottom: 171px;background:url(../img/m1bg.png) no-repeat bottom center;position: relative; z-index: 5;}
.main1 .title{margin-bottom: 28px;}
.main1 .title a{font-size:36px;font-size:3.6rem;text-align: center;display: block;color: #333;text-transform: uppercase; }
.main1 .title a:hover{color: #881f2d;}

.main1 .cont{margin-bottom: 44px;}
.main1 .cont a{font-size:14px;font-size:1.4rem;line-height: 30px; text-align: center;display: block;color: #333;}
.main1 .cont a:hover{color: #881f2d;}

.main1 ul{max-width: 910px;width: 910px\9;margin: 0 auto;}
.main1 ul li{width: 228px;float: left;margin-left: 110px;}
.main1 ul li .litop a{display: block;}
.main1 ul li .litop a img{margin: 0 auto;}

.main1 ul li .limid{margin-top: 24px;margin-bottom: 6px;}
.main1 ul li .limid a{display: block;text-align: center;font-size:16px;font-size:1.6rem;font-weight: bold;text-transform: uppercase;color: #333;}
.main1 ul li .limid a:hover{color: #881f2d;}

.main1 ul li .libot a{display: block;font-size:14px;font-size:1.4rem;line-height: 30px;text-align: center;}
.main1 ul li .libot a:hover{color: #881f2d;}


@media screen and (max-width: 1219px) {
  .main1 .title a{font-size:60px;font-size:6rem;}
}
@media screen and (max-width: 979px) {
  .main1 ul li{width: 31%;margin: 1%!important;}
}
@media screen and (max-width: 768px) {
  .main1{padding-top: 20px;padding-bottom: 20px;}
  .main1 .title a{font-size:24px;font-size:2.4rem;}
  .main1 .title{margin-bottom: 10px;}
  .main1 .cont{margin-bottom: 10px;}
  .main1 ul li .litop a img{width: 60%;}
  .main1 ul li .limid a{font-size:14px;font-size:1.4rem;}
  .main1 ul li .libot a{font-size:12px;font-size:1.2rem;line-height: 24px;}
}
@media screen and (max-width: 500px) {
  .main1 .cont a{font-size:12px;font-size:1.2rem;line-height: 24px;}
  .main1 ul li {width: 100%;margin: 0 0 15px 0;}
  .main1 ul li .litop a img{width: 90px;}
}
/* main2 */
.main2{padding-top:64px;padding-bottom: 132px;background:url(../img/m2bg.jpg) no-repeat top center;position: relative; z-index: 6;top: -36px;}
.main2 .title{margin-bottom: 32px;}
.main2 .title a{font-size:36px;font-size:3.6rem;text-align: center;display: block;color: #333;text-transform: uppercase; }
.main2 .title a:hover{color: #881f2d;}

.main2 .TAB{text-align: center;margin-bottom: 45px;}
.main2 .TAB a{display: inline-block;margin: 0 20px; font-size:16px;font-size:1.6rem;text-transform: uppercase;color: #666666;padding-bottom: 10px;border-bottom: 2px solid transparent;}
.main2 .TAB a.hover,.main2 .TAB a:hover{color: #881f2d;border-bottom: 2px solid #881f2d;}

.main2 .four{width: 50%;}
.main2 .four dl dd{width: 47.335%; float: left;margin-left: 32px;margin-bottom: 36px;}
.main2 .four dl dd .ddtop a{display: block;}
.main2 .four dl dd .ddbot a{display: block;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align: center;height: 44px;line-height: 44px;background-color: #fff;font-size:14px;font-size:1.4rem;color:#333;font-weight: bold;text-transform: uppercase;}
.main2 .four dl dd .ddbot a:hover{background-color: #881f2d;color:#fff;}

.main2 .youce{width: 505px;padding-right: 25px; -ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main2 .youce .item1{margin-top: 72px;margin-bottom: 23px;}
.main2 .youce .item1 a{font-size:30px;font-size:3rem;line-height: 42px;}
.main2 .youce .item1 a:hover{color: #881f2d;}
.main2 .youce .item1 a span{color: #881f2d;}
.main2 .youce .item2{margin-bottom: 34px;}
.main2 .youce .item2 a{display: block; font-size:14px;font-size:1.4rem;line-height: 30px;color: #333;padding-right: 45px;}
.main2 .youce .item2 a:hover{color: #881f2d;}
.main2 .youce .item3 a{font-size:14px;font-size:1.4rem;color:#333;font-weight: bold;text-transform: uppercase; padding-left: 82px;background:url(../img/m2line.jpg) no-repeat left center;}
.main2 .youce .item3 a:hover{color: #881f2d;}
@media screen and (max-width: 1219px) {
  .main2 .four dl dd{width: 48%;margin: 1%!important;}
  .main2 .youce{width: 420px;}
}
@media screen and (max-width: 979px) {
  .main2 .youce{width: 320px;}
}
@media screen and (max-width: 768px) {
  .main2{top :0;}
  .main2 .youce .item1 a{font-size:20px;font-size:2rem;line-height: 26px;}
  .main2 .youce .item2 a{padding-right: 0;}
  .main2 .youce .item3 a{padding-right: 0;}
  .main2 .title a{font-size:24px;font-size:2.4rem;}
  .main2{padding-top: 20px;padding-bottom: 20px;}
  .main2 .title{margin-bottom: 20px;}
  .main2 .TAB a{font-size:14px;font-size:1.4rem;}
  .main2 .four{width: 100%;margin: 0;}
  .main2 .youce{width: 100%;margin: 20px 0 0 0;}
  .main2 .four dl dd .ddtop{max-width: 284px;margin: 0 auto;}
  .main2 .four dl dd .ddbot{max-width: 284px;margin: 0 auto;}
  .main2{background:#f0f1f2 url(../img/m2bg.jpg) no-repeat bottom center;}
  .main2 .TAB{margin-bottom: 20px;}
  .main2 .youce .item1{margin-top: 5px;margin-bottom: 15px;}
}
@media screen and (max-width: 600px) {
  .main2 .TAB a{width: 47%;margin: 1%!important}
}
@media screen and (max-width: 450px) {
  .main2 .youce .item2 a{font-size:12px;font-size:1.2rem;line-height: 24px;}
}
/* main3 */
.main3{padding-top: 64px;padding-bottom: 0px;position: relative; z-index: 6;top: -36px;}
.main3 .title{margin-bottom: 71px;}
.main3 .title a{font-size:36px;font-size:3.6rem;text-align: center;display: block;color: #333;text-transform: uppercase; }
.main3 .title a:hover{color: #881f2d;}

.main3 ul li{float: left;border: 1px solid #f7f7f7;width: 279px; margin-left: 28px;margin-bottom: 57px; -ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main3 ul li .litop a{display: block;}
.main3 ul li .libot a{display: block;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align: center;height: 43px;line-height: 43px;background-color: #e4e4e4;font-size:14px;font-size:1.4rem;color:#333;font-weight: bold;text-transform: uppercase;}
.main3 ul li .libot a:hover{background-color: #881f2d;color:#fff;}
.main3 ul li a{display: block;}
.main3 ul li img{display: block;max-width:100%;height: auto;}
.main3 ul li.li1{width: 585px;border: none;margin-left: 0;} 
.main3 ul li.li4{margin-left: 0;}

@media screen and (max-width: 1219px) {
  .main3 ul li{width: 23%;margin: 1%!important;}
  .main3 ul li.li1{width: 48%;margin: 1%!important;}
  .main3 ul li .libot a{height: 33px;line-height: 33px;}
}
@media screen and (max-width: 979px) {
  .main3 ul li .libot a{font-size:14px;font-size:1.4rem;font-weight: normal; text-transform: capitalize;height: 31px;line-height: 31px;}
}
@media screen and (max-width: 768px) {
  .main3 ul li{width: 31%;margin: 1%!important;}
  .main3 ul li.li1{width: 64%;margin: 1%!important;}
  .main3{padding-top: 20px;padding-bottom: 20px;top: 0;}
  .main3 .title{margin-bottom: 15px;}
  .main3 .title a{font-size:24px;font-size:2.4rem;}
}
@media screen and (max-width: 480px) {
  .main3 ul li{width: 48%;margin: 1%!important;}
  .main3 ul li.li1{width: 100%;margin: 1% 0%!important;}
}
/* main4 */
.main4{margin-top: -30px;}
@media screen and (max-width: 768px) {
  .main4{margin-top: 0px;}
}

/* main5 */
.main5{padding-top: 70px;padding-bottom: 0px; }
.main5 .title{margin-bottom: 59px;}
.main5 .title a{font-size:36px;font-size:3.6rem;text-align: center;display: block;color: #333;text-transform: uppercase; }
.main5 .title a:hover{color: #881f2d;}

.main5 ul li{width: 48.33%;}

.main5 ul li .litop{margin-bottom: 18px;} 
.main5 ul li .riqi{width: 170px;position: relative;}
.main5 ul li .riqi .day{font-size:155px;font-size:15.5rem;font-weight: bold;text-align: center;color: #f1f1f1;}
.main5 ul li .riqi .month{background-color: #fff;text-align: center;line-height: 24px;color: #881f2d; font-size:16px;font-size:1.6rem;width: 104px;height: 24px;position: absolute;z-index: 99;top: 50%;left: 50%;margin-top: -12px;margin-left: -52px;text-transform: uppercase; }


.main5 ul li .neirong{width: 365px;margin-top: 1px;} 
.main5 ul li .neirong .n-top{margin-bottom: 6px;}
.main5 ul li .neirong .n-top a{color:#881f2d; display: block;font-size:16px;font-size:1.6rem;line-height: 30px;font-weight: bold;}
.main5 ul li .neirong .n-top a:hover{color: #333;}
.main5 ul li .neirong .n-bot a{display: block;font-size:14px;font-size:1.4rem;line-height: 30px;color: #666;}
.main5 ul li .neirong .n-bot a:hover{color: #881f2d;}
@media screen and (max-width: 1219px) {
  .main5 ul li .neirong{width: 285px;}
}
@media screen and (max-width: 999px) {
  .main5 ul li .neirong{width: 265px;}
}
@media screen and (max-width: 979px) {
  .main5 ul li .riqi .day{font-size:100px;font-size:10rem;}
  .main5 ul li .riqi{width: 110px;}
  .main5 ul li .neirong .n-top a{font-size:14px;font-size:1.4rem;line-height: 20px;}
  .main5 ul li .neirong .n-bot a{font-size:13px;font-size:1.3rem;line-height: 20px;}
  .main5 ul li .neirong{width: calc(100% - 130px);}
}
@media screen and (max-width: 768px) {
  .main5{padding-top: 20px;padding-bottom: 20px;}
  .main5 .title a{font-size:24px;font-size:2.4rem;}
  .main5 .title{margin-bottom: 20px;}
}
@media screen and (max-width: 639px) {
  .main5 ul li{width: 100%;margin: 0;}
  .main5 ul li .neirong .n-top{margin-top: 10px;}
  .main5 ul li .neirong .n-top a{max-height: 40px;overflow: hidden;}
  .main5 ul li .neirong .n-bot a{max-height: 40px;overflow: hidden;}
}
/* foot1 */
.foot1{background-color: #f1f1f1;padding-top: 32px;padding-bottom: 44px;margin-top: 72px;}
.foot1 .item1{text-align: center;}
.foot1 .item1 a{display: inline-block;margin: 0 9px;}

.foot1 p{text-align: center;font-size:14px;font-size:1.4rem;line-height: 30px;}
.foot1 .item2{margin-top: 29px;margin-bottom: 29px;}
.foot1 .item2 p img{position: relative;top: 2px;left: -13px;}

.foot1 .item3{text-align: center;}
.foot1 .div0{margin: 0 39px; text-align: center;font-size:14px;font-size:1.4rem;line-height: 30px;color:#333;display: inline-block;}
.foot1 .div0 a{text-align: center;font-size:14px;font-size:1.4rem;line-height: 30px;color:#333;}
.foot1 .div0 a:hover{color: #881f2d;}
.foot1 .item3 .div0 img{position: relative;top: 2px;left: -13px;}
.foot1 .item3 .div1 img{position: relative;top: 5px;left: -13px;}
.foot1 .item3 .div3 img{position: relative;top: 4px;left: -13px;}

/* foot */
.footer{background:#333;padding-top: 40px;padding-bottom: 0px;}

.footer .ft1,.footer .ft2,.footer .ft3,.footer .ft4{float: left;}

.footer .title{margin-bottom: 19px; font-size:24px;font-size:2.4rem;color:#fff;/*text-transform: uppercase;*/}
.footer .title a{font-size:24px;font-size:2.4rem;color:#fff;}
.footer .title a:hover{color: #881f2d;}

.footer ul li{font-size:14px;font-size:1.4rem;padding-left: 23px;background:url(../img/xing1.png) no-repeat left 11px; font-family: Arial, Helvetica, sans-serif;line-height: 30px;color: #fff;}
.footer ul li span{color:#fff;}
.footer ul li a{color: #fff;}
.footer ul li a:hover{color: #881f2d;}

.footer .ft1{width: 25%;}
.footer .ft2{width: 20%;}
.footer .ft3{width: 30%;}
.footer .ft4{width: 20%;}
.footer .wp{border-bottom: 1px solid #ffffff;padding-bottom: 52px;}

.foot2{background:#333;padding-top: 17px;padding-bottom: 22px;}
.foot2 p{font-size:14px;font-size:1.4rem;line-height: 30px;color:#fff;}
.foot2 p a{font-size:14px;font-size:1.4rem;line-height: 30px;color:#fff;}
.foot2 p a:hover{color: #881f2d;}
.foot2 .reanod{margin-left: 5px;margin-right: 9px;}

.links{margin-top: 11px; font-size:14px;font-size:1.4rem;color:#fff;line-height: 24px;font-family: Arial, Helvetica, sans-serif;}
.links a{font-size:14px;font-size:1.4rem;color:#fff;margin-left: 10px; text-align: center;line-height: 24px;font-family: Arial, Helvetica, sans-serif;}
.links a:hover{color: #881f2d;}



@media screen and (max-width: 1219px) {
  .footer .ft1{width: 25.25%;}
  .footer .ft4{width: 19%;}
} 
@media screen and (max-width: 768px) {
  .footer .title{margin-bottom: 0;}
  .footer .ft1{width: 50%;height: 320px;margin-bottom: 15px;}
  .footer .ft2{width: 50%;height: 320px;margin-bottom: 15px;}
  .footer .ft3{width: 50%;height: 180px;margin-bottom: 15px;}
  .footer .ft4{width: 50%;height: 180px;margin-bottom: 15px;}
  .footer .wp{padding-bottom: 0;}
  .foot2 p{font-size:13px;font-size:1.3rem;}
  .foot2 p a{font-size:13px;font-size:1.3rem;}
}
@media screen and (max-width: 639px) {
  .foot1{display: none;}
  .footer{display: none;}
  .links{display: none;}
}
/* .bread  */
.bread{padding-top: 10px;padding-bottom: 10px;font-size:14px;font-size:1.4rem;color:#666;line-height: 30px;background-color: #f1f1f1;}
.bread a{font-size:14px;font-size:1.4rem;color:#666;line-height: 30px;}
.bread a:hover,.bread a.on{color: #881f2d;}
.bread a.a1{padding-left: 30px;background:url(../img/mianbao.png) no-repeat left center;}
/* ======================================== product ======================================== */
.product{padding-top: 57px;}
.product .p-title a{font-size:22px;font-size:2.2rem;color: #881f2d;line-height: 30px;font-weight: bold;}
.product .p-title{margin-top: 0px;margin-bottom: 10px;}
.product .good1{width: 900px;padding-top: 10px;}
.product .good1 ul li{position: relative; width: 300px;float: left;margin-left:0px; margin-bottom: 70px;padding-bottom: 24px;}
.product .good1 ul li input{position: absolute;top: 17px;left: 13px;cursor: pointer;}
.product .good1 ul li .lit{margin-bottom: 18px;border: 2px solid transparent;}
.product .good1 ul li .lit a{display: block;}
.product .good1 ul li .lit a img{max-width:100%; display: block;}

.product .good1 ul li .lim{margin-bottom: 14px;text-align: center;}
.product .good1 ul li .lim a{
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    padding: 0 10px;
    line-height: 24px;
    min-height: 41px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.product .good1 ul li .lim a:hover{color: #881f2d;}

.product .good1 ul li .lib a{font-size:14px;font-size:1.4rem;border-radius: 6px;margin: 0 auto; display: block;width: 122px;height: 29px;line-height: 29px;text-align: center;border: 1px solid #881f2d;color: #881f2d;}
.product .good1 ul li .lib a:hover{color:#fff;background-color: #881f2d;}

.product .good1 ul li:hover .lit{border: 2px solid #e5e5e5;}
/* page */
.page{position: relative;margin:15px auto 35px;}
.page {text-align: center;}
.page a:hover{color: #fff;background-color: #881f2d;}
.page a {display: inline-block;background-color:#fff;color: #333; margin-right:5.5px;width: 33px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5; text-align:center;font-size: 12px;font-size: 1.2rem;border-radius: 0px;font-family: Arial, Helvetica, sans-serif;}
.page a.on,.page a:hover{background-color: #881f2d;color: #fff;border: 1px solid #881f2d;}
.page a.first{width:59px;margin-right:6px;}
.page a.last{width: 59px;margin-left: 0px;}
.page span{display: inline-block;width: 50px;text-align: center;font-size:16px;font-size:1.6rem;color: #333;position: relative;top: 3px;}
.page img{display: inline-block;position: relative;top: 5px;margin-left: 15px;margin-right: 8px;}
.ins{margin-left: 18px;top: 1px;position: relative; width: 150px;display: inline-block;height: 30px; line-height: 28px;text-align: center; border: none; outline: none;background-color: #881f2d;color: #fff;font-size: 14px;font-size: 1.4rem;cursor: pointer;border: 1px solid #881f2d;}
.ins:hover{background-color: #fff;color:#881f2d;}

/*list*/
.product .xiangqing .list {width: 265px;}
.product .xiangqing .list .title1{width: 100%;margin-bottom:0px;}
.product .xiangqing .list .title1 a{font-weight: bold; display: block;width: 100%;height: 39px;line-height: 39px;color: #333;font-size: 20px;border-bottom: 1px solid #bfbfbf;padding-bottom: 4px;}
.product .xiangqing .list .title2{width: 100%;margin-top:29px;}
.product .xiangqing .list .title2 a{font-weight: bold; display: block;width: 100%;height: 39px;line-height: 39px;color: #333;font-size: 20px;border-bottom: 1px solid #bfbfbf;padding-bottom: 4px;}
.product .xiangqing .list .title3{width: 100%;margin-top:29px;}
.product .xiangqing .list .title3 a{font-weight: bold;
 display: block;width: 100%;/*height: 39px;*/line-height: 39px;color: #333;
 font-size: 20px;border-bottom: 1px solid #bfbfbf;padding-bottom: 4px;}

 .product .xiangqing .list .title4{width: 100%;margin-top:29px;}
.product .xiangqing .list .title4 a{font-weight: bold;
 display: block;width: 100%;/*height: 39px;*/line-height: 39px;color: #333;
 font-size: 20px;border-bottom: 1px solid #bfbfbf;padding-bottom: 4px;}


.product .xiangqing .list .subNavBox{width: 100%;}
.product .xiangqing .list .subNav{cursor: pointer;background:#fff;margin-top: 0px;margin-bottom: 0px;}
.product .xiangqing .list .subNav.div1{margin-top: 0px;padding-top: 3px;}
.product .xiangqing .list .subNav a{display: block; line-height:20px; padding-left:0px;padding-top: 12px;padding-bottom: 12px; background: url(../img/parrowon.png) no-repeat right center; font-size:16px; font-size:1.6rem; color:#333333; transition:0s;padding-right: 15px;}
.product .xiangqing .list .subNav:hover a{ background: url(../img/parrow.png) no-repeat right center; color:#881f2d;padding-left: 0px;}
.product .xiangqing .list .currentDd a{ background: url(../img/parrow.png) no-repeat right center; color:#881f2d;padding-left: 0px;}

.product .xiangqing .list .navContent{display: none; background:#fff;position: relative;padding-bottom: 0px;margin-top: -5px;margin-bottom: -2px;}
.product .xiangqing .list .navContent>li a{background-color: #fff; display:block; font-size:14px; font-size:1.4rem;line-height:20px; padding-top: 8px;padding-bottom: 8px;color:#666; padding-left:23px;}
.product .xiangqing .list .navContent>li a:hover{color: #881f2d;}


/* product1 */
.at-resp-share-element .at-icon{width:26px!important;height:26px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width:26px!important;height:26px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

/*goods1*/
.product .xiangqing .good2{width: 900px;}
/*mouse hands*/
#showArea img{cursor:pointer;display:block;margin-bottom:11px;margin-top: 3px;width:125px;height:132px;border: 2px solid #d2d2d2;}
#showArea a{ display:block;}
#main_img{cursor:pointer;display:block;}
#gotop{cursor:pointer;display:block; margin:auto; }
#gobottom{cursor:pointer;display:block; margin:auto;}
#showArea{height:439px; overflow:hidden;}
.MagicZoomBigImageCont {background:#FFF;width:300px!important;height:300px!important;}
.MagicZoomBigImageCont img{width:996px;height:1056px}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}


.left-pro{width:662px;margin: 0 auto;}
.left-pro .t1{width:129px;float:right;}
.left-pro .t2{width:498px;text-indent:0;float:left; height: 528px;border: 2px solid #d2d2d2;}
.left-pro .t2 a{ display:block;margin-bottom: 18px;}
.left-pro .t2 img{text-indent:0;display: block;}
/* .MagicZoomBigImageCont,.MagicZoomPup{display: none!important;} */


.product .xiangqing .good2 .content{width: 100%;}
.good2 .content .title{padding-top: 2px;margin-bottom: 9px;}
.good2 .content .title h1{text-transform: uppercase; text-align: center; margin-top: 39px; font-size:16px;font-size:1.6rem;font-weight: bold; color: #333333;}
.good2 .content ul p{font-size:16px;font-size:1.6rem;color: #333;padding-top: 0px;padding-bottom: 0px;line-height: 30px;margin-bottom: 30px;}
.good2 .content ul li{font-size:16px;font-size:1.6rem;color: #333;padding-top: 0px;padding-bottom: 0px;line-height: 30px;}
.good2 .content .btn{margin-top: 22px;margin-bottom: 27px;max-width: 380px;margin: 22px auto 33px;width: 380px\9;}
.good2 .content .btn a {display: block;border-radius: 0px;border: 1px solid #881f2d; font-size:16px;font-size:1.6rem;color: #881f2d;width: 168px;height: 44px;line-height: 44px;text-align: center;}
.good2 .content .btn a:hover{background-color: #881f2d;color:#fff;}

.good2 .content .share1 {max-width: 230px;margin: 0px auto 27px;width: 230px\9;}
.good2 .content .share1 .lsh{margin-right: 3px;}
.good2 .content .share1 .lsh span{font-size:14px;font-size:1.4rem;line-height: 26px;display: block;height: 26px;color: #881f2d;}


.img980{display: none;}
.img980 ul li{width: 31%;margin: 1%;float: left;}
.img980 ul li a{display: block;width: calc(100% - 2px);border: 1px solid #666666;}
.img980 ul li a img{display: block;width: 100%;}

.wenzi p{line-height: 30px;font-size:14px;font-size:1.4rem;color: #333333;margin-bottom: 30px;}
.wenzi p span{line-height: 30px;font-size:14px;font-size:1.4rem;color: #333333;}
.wenzi p li{line-height: 30px;font-size:14px;font-size:1.4rem;color: #333333;}
.wenzi p b{line-height: 30px;font-size:18px;font-size:1.8rem;color: #881f2d;font-size: bold;}
.wenzi p img{display: block;max-width: 100%;}
.wenzi iframe{display: block;max-width: 100%;}

.wenzi p a{line-height: 30px;font-size:14px;font-size:1.4rem;color: #881f2d;}

.g2title{background-color: #eeeeee;height: 48px;margin-bottom: 20px;}
@media screen and  (min-width:1220px){
  .g2title{margin-top: 84px;}
}
.g2title span{ display: block;width: 292px;text-align: center;height: 46px;text-transform: uppercase; line-height: 48px;background-color: #f8f8f8; font-size:18px;font-size:1.8rem; border-bottom: 2px solid #881f2d;}

.wenzi table{ width:97%; border-collapse:collapse; line-height:24px;margin-bottom: 26px;}
.wenzi tr td{ line-height:24px; padding:2px;border: 1px solid #ccc;}

@media screen and  (max-width:1219px){
    .product .xiangqing .list {width: 250px;}
    .product .xiangqing .good1{width: 700px;}
    .product .xiangqing .good2{width: 700px;}
    .product .xiangqing .good1 ul li{width: 30%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:999px){
    .product .xiangqing .good1{width: 650px;}
    .product .xiangqing .good2 .content{width: 100%;}
    .MagicZoomPup,.MagicZoomBigImageCont {display: none!important;}
}
@media screen and  (max-width:979px){
    .product .xiangqing .good1{width:100%;}
    .product .xiangqing .good2{width:100%;}
    .product .xiangqing .good1 ul li{width: calc(31% - 4px);margin: 0 1% 2% 1%!important;}
    .product .xiangqing .list{width: 100%;}
} 
@media screen and  (max-width:768px){
    .product .left-pro{display: none;}
    .product{padding-top: 20px;}
    .product .good1 ul li .lim a{font-size:14px;font-size:1.4rem;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
    .product .xiangqing .list .subNav a{font-size:14px;font-size:1.4rem;}
    .product .xiangqing .list .navContent > li a{font-size:13px;font-size:1.3rem;}
    .img980{display: block;}
}  
@media screen and  (max-width:639px){
    .page a{margin-bottom: 10px;}
    .product .xiangqing .good1 ul li{width: calc(48% - 4px);margin: 0 1% 2% 1%!important;}
    .product .xiangqing .list {margin-bottom: 15px;}
    .g2title span{font-size:14px;font-size:1.4rem;width: 200px;}
}
@media screen and  (max-width:400px){
    .img980 ul li{width: 48%;margin: 1%;float: left;}
    .good2 .content .btn a{width: 100%;margin-bottom: 10px;}
    
}
@media screen and  (max-width:320px){
    .product .xiangqing .good1 ul li{width: calc(100% - 4px);margin: 0 0% 2% 0%!important;}
}

/* ======================================== about ======================================== */
.about .item1{margin-top: 61px;}
.about .item1 .img{margin-right: 33px;margin-bottom: 0px;}

.about .item1 .cont .it1{margin-top: -5px; text-transform: uppercase;  font-size:24px;font-size:2.4rem;color: #881f2d;font-weight: bold;}
.about .item1 .cont .it1 img{display: inline-block;position: relative;top: 2px;}

.about .item1 .cont .it2{margin-top: 11px;margin-bottom: 24px; text-transform: uppercase;  font-size:34px;font-size:3.4rem;color: #333;font-weight: bold;}

.about .item1 .cont .it3 p{font-size:14px;font-size:1.4rem;line-height: 30px;color:#333;margin-bottom: 30px;}

.about .item2{margin-top: 61px;}
.about .item2 ul{margin: 0 auto;display: flex;align-items: flex-start;justify-content: center;}
.about .item2 ul li{width: 228px;float: left;margin-left: 95px;}
.about .item2 ul li .litop a{display: block;}
.about .item2 ul li .litop a img{margin: 0 auto;}

.about .item2 ul li .limid{margin-top: 24px;margin-bottom: 6px;}
.about .item2 ul li .limid a{display: block;text-align: center;font-size:16px;font-size:1.6rem;font-weight: bold;text-transform: uppercase;color: #333;}
/* .about .item2 ul li .limid a:hover{color: #881f2d;} */

.about .item2 ul li .libot a{display: block;font-size:14px;font-size:1.4rem;line-height: 30px;text-align: center;}
/* .about .item2 ul li .libot a:hover{color: #881f2d;} */

.about3_title{font-weight: bold; line-height: 40px;font-weight: bold; font-size: 30px; font-size: 3.0rem; text-transform: uppercase; color: #333; text-align: center; padding-bottom: 10px;background:url(../img/title4bg.jpg) no-repeat bottom center; }
.about .item3{background:url(../img/ab3bg.jpg) no-repeat top center;margin-top: 79px;padding-top: 39px;padding-bottom: 44px;}
.about .img-scroll3 { position:relative; z-index:9; padding-top:0px; margin-top:71px; margin-bottom:0px;}
.about .img-scroll3 .prev3,.about .img-scroll3 .next3{position:absolute;display:block;width:42px;height:46px; top:50%; margin-top:-48px; z-index:999}
.about .img-scroll3 .prev3 { left:0px;cursor:pointer;}
.about .img-scroll3 .next3 { right:0px;cursor:pointer;}
.about .img-list3 { position:relative;  overflow:hidden; z-index:99;width: 1066px;margin: 0 auto;}
.about .img-list3 ul { width:9999px;}
.about .img-list3 li { float:left; display:inline; width:233px; margin-right:45px;}

.about .zhengshun{ position:relative; overflow:hidden; max-width:233px; margin:auto;}
.about .zhegntu{ width:100%; max-width:233px; max-height:319px;}
.about .zhengfangda{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#000; background:rgba(0,0,0,0.5);}
.about .zhengfangda img{ width:35px; height:35px; position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-16px;}
.about .img-list3 li:hover .zhengfangda{ top:0px;}
.about .zhengzi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:31px; height:40px; overflow:hidden; margin-top:11px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.about .mat{ padding-top:43px;}

.about4_title{font-weight: bold; line-height: 40px;font-weight: bold; font-size: 30px; font-size: 3.0rem; text-transform: uppercase; color: #333; text-align: center; padding-bottom: 10px;background:url(../img/title4bg.jpg) no-repeat bottom center; }
.about .item4 {margin-top: 71px;}
.about .item4 .top{margin-top: 46px;}
.about .item4 .top .m6box{width:595px;position: relative;}
.about .item4 .top .m6box .m6tu a{display: block;}
.about .item4 .top .m6box .m6tu a img{display: block;max-width: 595px; width: 100%; margin: 0 auto;}
.about .item4 .top .m6box{overflow: hidden;}
.about .item4 .top .m6box .m6tuzz{position: absolute;top: 100%;left: 0;background:url(../img/m6bg.png) repeat center center;width: 100%;height: 100%;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.about .item4 .top .m6box:hover .m6tuzz{top: 0;}
.about .item4 .top .m6box .m6tuzz .tuhezi .hang1{text-align: center;margin-top: 23.7%;margin-bottom: -2px;}
.about .item4 .top .m6box .m6tuzz .tuhezi .hang1 a{text-transform: uppercase; font-size:20px;font-size:2rem;line-height: 50px;color:#fff;}
.about .item4 .top .m6box .m6tuzz .tuhezi .hang2{margin: 0 auto;width: 71px;height: 1px;background-color: #fff;}
.about .item4 .top .m6box .m6tuzz .tuhezi .hang3{margin: 3px auto 23px;text-align: center;width: 95%;}
.about .item4 .top .m6box .m6tuzz .tuhezi .hang3 a{font-size:14px;font-size:1.4rem;line-height: 30px;color:#fff;}
.about .item4 .top .m6box .m6tuzz .tuhezi .hang4 a{font-size:14px;font-size:1.4rem; display: block;width: 118px;height: 28px;border: 1px solid #fff;color: #fff;line-height: 28px;text-align: center;margin: 0 auto;}
.about .item4 .top .m6box img{max-width: 100%;}
.about .item4 .bottom .m6box img{max-width: 100%;}

.about .item4 .bottom {margin-top: 7px; margin-bottom: 108px; }
.about .item4 .bottom .m6box{width:394px;position: relative;}
.about .item4 .bottom .m6box .m6tu a{display: block;}
.about .item4 .bottom .m6box .m6tu a img{display: block;max-width: 100%;}
.about .item4 .bottom .m6box{overflow: hidden;}
.about .item4 .bottom .m6box .m6tuzz{position: absolute;top: 100%;left: 0;background:url(../img/m6bg.png) repeat center center;width: 100%;height: 100%;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.about .item4 .bottom .m6box:hover .m6tuzz{top: 0;}
.about .item4 .bottom .m6box .m6tuzz .tuhezi .hang1{text-align: center;margin-top: 16.7%;margin-bottom: -2px;}
.about .item4 .bottom .m6box .m6tuzz .tuhezi .hang1 a{text-transform: uppercase; font-size:20px;font-size:2rem;line-height: 50px;color:#fff;}
.about .item4 .bottom .m6box .m6tuzz .tuhezi .hang2{margin: 0 auto;width: 71px;height: 1px;background-color: #fff;}
.about .item4 .bottom .m6box .m6tuzz .tuhezi .hang3{margin:3px auto 23px;text-align: center;width: 95%;}
.about .item4 .bottom .m6box .m6tuzz .tuhezi .hang3 a{font-size:14px;font-size:1.4rem;line-height: 30px;color:#fff;}
.about .item4 .bottom .m6box .m6tuzz .tuhezi .hang4 a{font-size:14px;font-size:1.4rem; display: block;width: 118px;height: 28px;border: 1px solid #fff;color: #fff;line-height: 28px;text-align: center;margin: 0 auto;}
.about .item4 .bottom .m6box.m6boxz{margin-left: 10px;}



@media screen and (max-width:1319px){
    .about .item4 .top .m6box{width: 48%;}
    .about .item4 .bottom .m6box{width: 30%;}
    .about .item4 .bottom .m6box.m6boxz{margin-left: 5%;}
    .about .item2 ul li{margin-left: 21px;}
    .about .img-list3{width: 792px;}
}
@media screen and (max-width:999px){
    .about .item4{ height: auto; }
    .about .item4 .top .m6box .m6tuzz .tuhezi .hang3{max-height: 50px;overflow: hidden;}
    .about .item4 .bottom .m6box .m6tuzz .tuhezi .hang3{max-height: 70px;overflow: hidden;}
    .about .item4 .bottom .m6box .m6tuzz .tuhezi .hang3{margin-top: 10px;margin-bottom: 10px;}
    .about .item2 ul li{width: 23%;margin: 1%!important;}
    .about .item2 ul li .litop a img{width: 110px;}
}
@media screen and (max-width:979px){
  .about .item1 .img{width: 50%;}
  .about .item1 .cont .it2{font-size:26px;font-size:2.6rem;}
  .about .img-list3{width: 100%;}
  .about .img-list3 ul{width: 1000%;}
  .about .img-list3 ul li{width: 3.2%!important;margin-right: 0.2%!important;}
  .about .item4 .top .m6box .m6tuzz{display: none;}
  .about .item4 .bottom .m6box .m6tuzz{display: none;}
  .about .zhengfangda{background: none;top: 0;}
}
@media screen and (max-width:979px) and (min-width:640px){
    .about .item4 .bottom .m6box .m6tuzz .tuhezi .hang3{width: 100%;max-height: 35px;}
    .about .item4 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;margin-top: 15%;}
    .about .item4 .bottom .m6box .m6tuzz .tuhezi .hang1 a{font-size:14px;font-size:1.4rem;line-height: 16px;}
    .about .item4 .bottom .m6box .m6tuzz .tuhezi .hang3 a{font-size:12px;font-size:1.2rem;line-height: 16px;margin-top: 0;margin-bottom: 5px;}
    .about .item4 .top .m6box .m6tuzz .tuhezi .hang3{width: 100%;max-height: 35px;margin-top: 0;margin-bottom: 5px;}
    .about .item4 .top .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;margin-top: 8%;}
    .about .item4 .top .m6box .m6tuzz .tuhezi .hang1 a{font-size:14px;font-size:1.4rem;line-height: 16px;}
    .about .item4 .top .m6box .m6tuzz .tuhezi .hang3 a{font-size:12px;font-size:1.2rem;line-height: 16px;}
}
@media screen and (max-width:768px){
  .about .item1{margin-top: 30px;}
  .about .item1 .cont .it2{font-size:20px;font-size:2rem;margin-top: 0;margin-bottom: 5px;}
  .about .item1 .cont .it1{font-size:18px;font-size:1.8rem;}
  .about .item1 .cont .it1 img{width: 12px;}
  .about .item1 .cont .it3 p{font-size:12px;font-size:1.2rem;line-height: 24px;margin-bottom: 15px;}
  .about .item2{margin-top: 15px;}
  .about .item2 ul li .limid a{font-size:14px;font-size:1.4rem;}
  .about .item2 ul li .libot a{font-size:12px;font-size:1.2rem;line-height: 24px;}
  .about .item3{margin-top: 15px;}
  .about3_title{font-size:24px;font-size:2.4rem;}
  .about4_title{font-size:24px;font-size:2.4rem;}
  .about .item3{padding-top: 20px;}
  .about .img-scroll3{margin-top: 25px;}
  .about .item4{margin-top: 20px;}
  .about .item4 .top{margin-top: 30px;}
  .about .item4 .bottom{margin-bottom: 0;}
}
@media screen and (max-width:720px){
    .about .item4 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;margin-top: 5%;}
}
@media screen and (max-width:700px){
    .about .item4 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;margin-top: 5%;}
}
@media screen and (max-width:571px){
    .about .item4 .top .m6box{width: 100%;margin-bottom: 25px;}
    .about .item4 .bottom .m6box .m6tuzz{  position: relative; top: 0px; padding-bottom: 2%; }
    .about .item4 .top .m6box .m6tuzz{ position: relative;  top: 0px;  padding-bottom: 2%;}
    .about .item4 .bottom .m6box{width: 100%;max-width: 373px;float: none;margin: 10px auto!important;}

    .about .item4 .top .m6box .m6tuzz .tuhezi .hang3{ margin-top: 0%!important; padding-top: 5%;padding-bottom: 2%;}

    .about .item4 .top .m6box .m6tuzz .tuhezi .hang1 a{line-height: 16px;}
    .about .item4 .top .m6box .m6tuzz .tuhezi .hang1{ margin-top: 0%!important; padding-top: 5%;padding-bottom: 2%;}
    .about .item4 .bottom .m6box .m6tuzz .tuhezi .hang1{ margin-top: 0%!important; padding-top: 5%;padding-bottom: 2%;}
}
@media screen and (max-width:550px){
  .about .item1 .img{width: 100%;margin-bottom: 20px;}
  .about .item2 ul li{width: 48%;}
  .about .img-list3 ul li{width: 4.8%!important;}
}
/* ======================================== news ======================================== */
/*new*/
.new{  padding-top: 26px; }
.new_dl{ margin-top: 33px; padding-bottom: 66px; }

.new_dl.new_dl2{ margin-left: 69px;}
.new_dl dt{ width: 450px;}
.new_dl dt a{ display: block;}
.new_dl dt a img{ display: block; max-width: 450px; width: 100%;}
.new_dl dd{ width: 577px; margin-left: 56px; padding-top: 0px; }
.new_dl dd .title{ font-size: 72px; font-size: 7.2rem; color: #d0d0d0; margin-top: -12px; }
.new_dl.new_dl2 dd .title{margin-top: -19px; }
.new_dl dd .title span{  font-size: 18px; font-size: 1.8rem; color: #999999;  }
.new_dl dd .title2{ padding-top: 25px;  padding-bottom: 9px; display: block;  font-size: 16px; font-size: 1.6rem; line-height: 30px; font-weight: bold; }
.new_dl dd .title3{ line-height: 28px; padding-bottom: 28px; display: block; font-size:14px;font-size:1.4rem;}
.new_dl dd .more{ display: block; text-transform: uppercase; font-family: Tahoma; border: 1px solid #881f2d; color: #881f2d;   border-radius: 50px;font-size:14px;font-size:1.4rem;
     width: 141px;height: 42px; line-height: 42px; text-align: center;   }
.new_dl dd .more:hover{background: #881f2d; color: #fff;  }
.new_dl dd a:hover{ color: #881f2d;  } 

.new .page {
  margin: 71px auto 33px;
}

@media screen  and (max-width:1219px) {
    .new_dl dt{ width: 377px;}
    .new_dl dd{ width: 530px; padding-top: 0px; }
    .new_dl.new_dl2{ margin-left: 0px; }
}
@media screen  and (max-width:999px) {
    .new .page {  margin: 20px auto 30px;}
    .new_dl dt{ width: 100%;}
    .new_dl dd{ width: 100%; margin-left: 0px; padding-top: 0px; }
    .new_dl.new_dl2 dd .title{margin-top: 10px;}
    .new_dl dd .title{margin-top: 10px;}
    .new_dl{padding-bottom: 40px;}
    .new_dl dd .more{height: 30px;line-height: 30px;}
}
@media screen  and (max-width:768px) {
  .new_dl dd .title span{font-size:16px;font-size:1.6rem;}
  .new_dl dd .title2{font-size:14px;font-size:1.4rem;}
  .new_dl dd .title3{font-size:13px;font-size:1.3rem;}
}
@media screen  and (max-width:640px) {
    .new_dl{ margin-top: 0px; }
    .new_dl dd .title2{ padding-top: 10px; }
    .new_dl dd .title{ font-size: 40px; font-size: 4rem; padding-top: 10px; }
}

@media screen  and (max-width:320px) {
    
}
/* new2 */

.new2{ margin-bottom: 0px; margin-top: 42px;}
.new2_left{ width: 800px; border-right: 1px solid #e5e5e5;padding-top: 11px;  padding-right: 28px; }
.new2 .xqy {position: relative;}
.new2 .xqy .top1{margin-top: 0px;}

.new2 .xqy .top1 .title1{}
.new2 .xqy .top1 .title1 h1{font-size: 24px;font-size:2.4rem;color: #333; text-transform: uppercase; line-height: 40px;}
.new2 .xqy .top1 .time{margin-top: 9px;margin-bottom: 21px;}
.new2 .xqy .top1 .time span{font-size: 14px;font-size:1.4rem;color: #666666;font-weight: normal;display: inline-block;line-height: 26px; }

.new2 .newsx { border-top: 1px solid #e5e5e5;  }
.new2 .newsx p{line-height: 30px;font-size:16px;font-size:1.6rem;color: #666666;}
.new2 .newsx span{line-height: 30px;font-size:16px;font-size:1.6rem;color: #666666;}
.new2 .newsx li{line-height: 30px;font-size:16px;font-size:1.6rem;color: #666666;}
.new2 .newsx b{line-height: 30px;font-size:16px;font-size:1.6rem;color: #666666;}
.new2 .newsx img{display: block;max-width: 100%;}

.new2 .newsx a{line-height: 30px;font-size:16px;font-size:1.6rem;color: #881f2d;}

.new2 .newsx table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.new2 .newsx table tr td{ padding:3px; border:1px solid #ccc; background:#fff}

.new2_right{   margin-top: 22px;  margin-right: 34px;    }
.new2_right .back{ display: block;   font-size:18px;font-size:1.8rem; border-radius: 5px; text-transform: uppercase; max-width: 237px; width: 100%;   height: 60px; line-height: 60px; text-align: center; color: #fff;
      background: #881f2d;  margin-bottom: 25px; font-weight: normal; }
.new2_right .title{   display: block; font-size:26px;font-size:2.6rem; color:#201d1d; line-height: 40px; font-weight: bold;  text-transform: uppercase;  }
.top_imgtd{ display: block; width: 8px; height: 20px; margin-bottom: 33px; }


.shar_wrap{   margin-bottom: 44px;   }
.shar_wrap .share1 p{text-align: center; display: inline-block; margin-left: 6px; }
.shar_wrap .share1 p span{font-size:14px;font-size:1.4rem;color:#881f2d;margin-right: 4px;display: inline-block;}
.shar_wrap .share1 .shar{display: inline-block;}
.share1{
  line-height: 24px;
  margin-bottom: 20px;
}

.inpu{ text-align: center; margin-bottom: 24px;   }
.inpu a{ display: inline-block; width: 130px; height: 38px; line-height: 38px; text-align: center; margin-left: 25px; margin-right: 25px;
     font-size:14px;font-size:1.4rem;color:#142347; border-radius: 50px; border: 1px solid #142347;  }
.inpu a:hover{  background: #142347; color: #fff; }

.new2_right .ex_wrap{   width: 305px;  margin: 0 auto; padding-bottom: 10px;}
.new2_right .ex_wrap dl{  width: 100%; margin: 0 auto; margin-bottom: 23px;}
.new2_right .ex_wrap dl dd a{ display: block;  }
.new2_right .ex_wrap dl dd a.we_tit{  padding-top: 21px;  line-height: 28px; font-size:14px;font-size:1.4rem;}
.new2_right .ex_wrap dl dd a.we_tit:hover{color: #881f2d;}
.new2_right .ex_wrap dl dt img{ display: block; max-width:305px; max-height: 207px; width: 100%;  }


.updown{padding-top: 6px; border-top: 1px solid #a9a9a9;margin-bottom:64px;}
.updown .up{margin-top: 18px;margin-bottom: 5px;}
.updown p{ display: inline-block;    line-height: 28px;font-size: 16px;font-size:1.6rem;color: #201d1d;}

.updown p .img{ display: inline-block; }
.updown p .img img{ display: inline-block; position: relative;  top:7px;  padding-right: 4px; }

.updown p .on{color:#142347; }
.updown p a{ font-size: 16px;font-size:1.6rem; color: #201d1d; text-transform: none; }
.updown p:hover a{color: #881f2d;}

@media screen and (max-width:1219px){
    .new2_left{ width:605px;}
    .new2_right {  margin-right: 14px;  }
}
@media screen and (max-width:999px){
    .new2_right { width:100%; float: none;  margin-right: 0;   }
    .new2_left{ width:100%; float: none;  padding-right: 0; border-right: 0px;  }
    .new2_right .ex_wrap{   width: 100%;  margin: 0 auto; padding-bottom: 10px;}
}

@media screen and (max-width:640px){
.new2 .xqy .top1 .title1 h1{ font-size:18px;font-size:1.8rem; line-height: 30px; }
.new2_right .title{ font-size:20px;font-size:2rem; }
.new2_right .back{ margin-bottom: 10px; }
.shar_wrap{ margin-bottom: 20px; }
.updown p a{font-size:14px;font-size:1.4rem;}
.updown p{font-size:14px;font-size:1.4rem;}
.new2_right .back{max-width: 200px;height: 40px;line-height: 40px;}
}

@media screen and (max-width:400px){
    .new2_right .ex_wrap{ width: 100%;  }
    .new2_right .ex_wrap dl{ width: 100%; }

    .ex_wrap{ width: 100%;  }
    .ex_wrap dl{ width: 100%; }
}
/****************************************************************  video  **************************************************/
.vimain{ padding-top:0px; padding-bottom:0px; background:url(../img/xvxian.jpg) no-repeat center 60px;overflow: hidden;}
.vilie{ width:46.1%; margin-top:60px;}
.video{border: 1px solid red;}
.video{position: relative;padding-bottom: 67.1%;height: 0;overflow: hidden;width: 100%;margin: 0 auto;}
.video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
.video iframe body{margin: 0!important;}
.vitu{ display:block;}
.vizi{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; text-align:center; line-height:30px; margin-top:15px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.vizi:hover{ color:#900000;}
.mat1{ padding-top:39px;}
.vimain .page {
  background-color: #fff;
  margin: 0px auto 0px;
  padding: 102px 0  106px 0;
}
@media screen and (max-width:1219px){
  .vimain .page {padding: 102px 0  50px 0;}
}
@media screen and (min-width:1000px) and (max-width:1219px){
.vilie{ width:480px; margin-top:56px;}
}
@media screen and (max-width:999px){
.vimain{ padding-bottom:29px;background: none;}
.vilie{ width:49%; margin-top:20px;}
.vizi{ font-size:14px; font-size:1.4rem; font-weight:normal;}
}
@media screen and (max-width:768px){
  .vimain .page {
    padding:30px 0  30px 0;
  }
}
@media screen and (max-width:479px){
.vilie{ width:99%; margin-top:20px;}
}
/****************************************************************  qc  **************************************************/
.qc{padding-top: 64px;padding-bottom: 41px;}
.qc .title{font-size:30px;font-size:3rem;font-weight: bold; line-height: 30px;color:#333;text-align: center;}
.qc .cont{font-size:14px;font-size:1.4rem;line-height: 30px;color:#333;}
.qc .cont{margin-top: 31px;margin-bottom: 68px;}
.qc .img img{margin: 0 auto;}

@media screen and (max-width:768px){
  .qc .title{font-size:22px;font-size:2.2rem;}
  .qc{padding-top: 30px;padding-bottom: 30px;}
  .qc .cont{margin-top: 20px;margin-bottom: 20px;}
}
/****************************************************************  project  **************************************************/
.project{background:url(../img/projectbg.jpg) no-repeat  center 10px;padding-top: 60px;padding-bottom: 36px;}
.project .title{font-size:30px;font-size:3rem;font-weight: bold; line-height: 30px;color:#881f2d;text-align: center;}
.project .cont{margin-top: 22px;margin-bottom: 6px;text-align: center; font-size:20px;font-size:2rem;line-height: 30px;color:#666;}

.project .cont1{margin-bottom: 71px;text-align: center;font-size:14px;font-size:1.4rem;line-height: 30px;color:#666;}
.project .cont2{margin-top: 93px; margin-bottom: 6px;text-align: center;font-size:20px;font-size:2rem;line-height: 30px;color:#666;}
.project .cont3{margin-bottom: 33px;text-align: center;font-size:14px;font-size:1.4rem;line-height: 30px;color:#666;}

.project .img img{margin: 0 auto;}

@media screen and (max-width:768px){
  .project .title{font-size:22px;font-size:2.2rem;}
  .project{padding-top: 30px;padding-bottom: 30px;}
  .project .cont{margin-top: 20px;margin-bottom: 20px;font-size:18px;font-size:1.8rem;}
  .project .cont1{margin-top: 20px;margin-bottom: 20px;}
  .project .cont2{margin-top: 20px;margin-bottom: 20px;font-size:18px;font-size:1.8rem;}
  .project .cont3{margin-top: 20px;margin-bottom: 20px;}
}

/* ======================================== cotact ======================================== */
.contact{padding-bottom: 33px;}

.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: 510px; padding-top: 57px;}
.clxfs>li>span{ font-size:18px;font-size:1.8rem;color:#333;  display: block; }
.clxfs>li{margin-bottom: 28px;  } 
.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: 30px;  margin-top: 4px;}
.cicbiao a{display: block;  color:#333333; }

.clxfs>li p.cicbiao1{background: url("../img/cic1.png") no-repeat left 7px; font-size:16px;font-size:1.6rem; line-height: 30px;}
.cicbiao2{background: url("../img/cic2.png") no-repeat left 7px;}
.cicbiao3{background: url("../img/cic4.png") no-repeat left;}
.cicbiao4{background: url("../img/cic5.png") no-repeat left 7px;}
.cicbiao5{background: url("../img/cic3.png") no-repeat left 5px;}
.cicbiao10{background: url("../img/cic10.png") no-repeat left 5px;}
.cicbiao11{background: url("../img/phone.png") no-repeat left 5px;}
.cicbiao12{background: url("../img/code.png") no-repeat left 5px;}
.cp1{font-weight: bold;margin-bottom: 3px;}
.cp2{line-height: 24px;}

.cicbiao1 li{margin-bottom: 28px;}
.clxfs a:hover{color: #881f2d;}

.wu{font-weight: bold;margin-bottom: 10px;}
.cy_part{width: 662px; padding-top: 60px;}
.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: 298px;height: 52px;line-height: 52px; padding-left: 13px;color: #333;border: 1px solid #d2d2d2;font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif;}
.xing{padding-left: 14px;margin-bottom: 23px;}
.xing2{background: url("../img/xing.png") no-repeat left 24px;}
.xing4{background: url("../img/xing.png") no-repeat left 20px;margin-bottom: 15px;}
 


.textarea{width:632px;padding-left: 13px;border: 1px solid #d2d2d2; line-height: 37px;  height: 191px; color: #333;font-family: Arial, Helvetica, sans-serif;font-size:14px;font-size:1.4rem; }
.xing input.capt{width: 163px;height: 52px;line-height: 52px; padding-left: 13px;color: #333;border: 1px solid #d2d2d2; font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif;}

.yzm{cursor: pointer;vertical-align: middle;margin-left: 17px;}
.xing3{display: inline-block;}

.csub{width: 250px;height: 54px;font-size:14px;font-size:1.4rem;text-transform: uppercase; text-align: center;background: #881f2d;color: #fff;float: right; cursor: pointer;  line-height: 54px;font-family: Arial, Helvetica, sans-serif; }
.csub:hover{background: #333;}


.ditu{margin-top: 40px; }


 
 
@media screen and (min-width:1000px) and (max-width:1219px) {
    .cz_part{width: 280px;}
    .cy_part{width: 670px;}
    .xing input{width: 300px;}
    .textarea{width: 643px;}
    .csub{width: 220px;}
    .whether{padding: 0 50px;}
    .con_name input{ height: 52px; width: calc( 100% - 13px ) ;   font-size:16px;font-size:1.6rem;padding-left: 13px;color: #a6a6a6;border: 1px solid #d2d2d2; }
    
}
@media screen and (max-width:999px) {
    .cz_part{width: 100%;padding-top: 20px; }
    .cy_part{width: 100%; padding-top: 20px;}
    .textarea{width: calc( 100% - 13px ) ;}
    .contact{padding-bottom: 70px;}
    .zydiv{width: 100%;}
    .xing input{width: calc( 100% - 13px ) ; }
    .whether{padding: 0 30px;}
    .head2 .nav_list{margin-top: 20px;}
    .con_name input{ height: 52px; width: calc( 100% - 13px ) ;   font-size:16px;font-size:1.6rem;padding-left: 13px;color: #a6a6a6;border: 1px solid #d2d2d2; }
    .clxfs>li{ margin-bottom: 10px; }
}
@media screen and (max-width:850px) {
  .csub {width: calc(100% - 14px);}
    .ditul{ width: 100%; float: none;  }
    .ditur{ width: 100%; float: none;}
}
@media screen and (max-width:699px) {
  .xing input,.xing input.capt{height: 35px;line-height: 35px;}
  .xing2 {background: url("../img/xing.png") no-repeat left 15px;}
  .clxfs > li p.cicbiao{font-size:14px;font-size:1.4rem;}
  .xing{margin-bottom: 14px;}
  .csub {width: calc(100% - 14px);height: 35px;line-height: 33px;}
  .ditu{margin-top: 25px;}
}
@media screen and (max-width:699px) {
    .zydiv{width: 100%;}
    .xing3{display: block;}
    .yzm{margin-bottom: 27px;margin-left: 14px;}
    .sino{font-size: 40px;font-size: 4rem;}
    .whether{font-size: 20px;font-size: 2rem;}

}
 
@media screen and (max-width:479px) { 
    .contact{ padding-bottom:  20px;  }
}

@media screen and (max-width:420px) {
    .xing input.capt{width: 96%;}
    .xing3{display: block;}
    .yzm{margin-bottom: 20px;margin-left: 15px;}
}


/* index */

.head .head-languages {margin-top: 43px;position: relative;margin-left: 30px;z-index: 9;}

.head .head-languages .head-language {display: flex;align-items: center;text-align: center;cursor: pointer;font-size: 14px;/*line-height: 30px;*/}

.head .head-languages img{max-width: 100%;}

.head .head-languages .head-language i {vertical-align: middle;}

.head .head-languages .head-cou {width: 35px;border-radius: 50%;overflow: hidden;margin-right: 10px;}

.head .head-languages .head-language:hover,.head .head-languages .head-lang-ulh {color: #881f2d;}

.head .head-language span {color: #fff;font-size: 12px;display: inline-block;vertical-align: middle;margin-left: 8px;}

.head .head-lang-ul {max-width: 150%;min-width: 100px;position: absolute;top: 50px;right: 0px;background: #fff;display: none;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}

.head .head-lang-ul a {display: flex;align-items: center;padding: 5px 10px;font-size: 14px;line-height: 24px;color: #333;}

.head .head-languages .head-lang-ul a i{width: 24px;margin-right: 5px;flex-shrink: 0;}

.head .head-lang-ul a:hover {color: #881f2d;}

.search{ position: initial;}

@media screen and (max-width: 1219px) {
  .head .head-languages{margin-left: 10px;}
}

@media screen and (max-width: 979px) {
  .head .head-languages{margin-top: 22px;}

  .head .head-languages .head-cou{width: 24px;}
}
@media screen and (max-width: 768px) {
  .head .head-languages {margin-right: 70px;}
}
@media screen and (max-width: 360px) {
  .head .head-languages {margin-right: 50px;margin-left: 0;}
}

/* main1-n */
.main1-n{padding-top: 67px;padding-bottom: 22px;}
.main1-n .title{margin-bottom: 39px;}
.main1-n .title a{font-size:36px;font-size:3.6rem;text-align: center;display: block;color: #333;text-transform: uppercase; }
.main1-n .title a:hover{color: #881f2d;}

.main1-n .TAB{text-align: center;margin-bottom: 22px;}
.main1-n .TAB a{display: inline-block;margin: 0 20px; font-size:16px;font-size:1.6rem;text-transform: uppercase;color: #666666;padding-bottom: 10px;border-bottom: 2px solid transparent;}
.main1-n .TAB a.hover,.main1-n .TAB a:hover{color: #881f2d;border-bottom: 2px solid #881f2d;}

.m1-n-det{display: grid;grid-template-columns: repeat(4,1fr);gap: 28px;}
.m1-n-det li{border: solid 1px #f2f2f2;}
.m1-n-det li img{max-width: 100%;}
.m1-n-img{max-width: 277px;margin: 0 auto;}

.m1-n-btn a{padding: 7px; display: block;font-weight: bold;font-size: 14px;line-height: 26px;color: #333333;background-color: #e4e4e4;text-align: center; word-break: break-all;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.m1-n-btn a:hover{background-color: #881f2d; color: #fff;}

@media screen and (max-width: 1219px) {
  .main1-n .title a{font-size:60px;font-size:6rem;}
  .m1-n-det{gap: 10px;}
}
@media screen and (max-width: 979px) {
  
}
@media screen and (max-width: 768px) {
  .main1-n{padding-top: 20px;padding-bottom: 20px;}
  .main1-n .title a{font-size:24px;font-size:2.4rem;}
  .main1-n .title{margin-bottom: 10px;}

  .m1-n-det{grid-template-columns: repeat(2,1fr);}
  .main1-n .TAB a{font-size:14px;font-size:1.4rem;}
  .main1-n .TAB{margin-bottom: 20px;}
}

@media screen and (max-width: 600px) {
  .main1-n .TAB a{width: 47%;margin: 1%!important}
}

/* main2 */
.main2{background-image: url("../img/2.png");}

.main2 .youce .item1 em{font-style: initial; color: #881f2d;}

/* main2-n */

.main2-n{padding-top: 32px;padding-bottom: 20px;}

.main2-n .title{margin-bottom: 39px;}
.main2-n .title a{font-size:36px;font-size:3.6rem;text-align: center;display: block;color: #333;text-transform: uppercase; }
.main2-n .title a:hover{color: #881f2d;}

.main2-n .img-scroll3 { position:relative; z-index:9; padding-top:0px; margin-top:54px; margin-bottom:0px;}
.main2-n .img-scroll3 .prev3,.main2-n .img-scroll3 .next3{position:absolute;display:block;width:40px;height:40px; border: 50%; overflow: hidden; top:50%;  z-index:999}
.main2-n .img-scroll3 .prev3 .m-btnh,.main2-n .img-scroll3 .next3 .m-btnh{display: none;}
.main2-n .img-scroll3 .prev3:hover .m-btnh,.main2-n .img-scroll3 .next3:hover .m-btnh{display: block;}
.main2-n .img-scroll3 .prev3:hover .m-btn,.main2-n .img-scroll3 .next3:hover .m-btn{display: none;}
.main2-n .img-scroll3 .prev3 {transform: translate(-50%,-50%); left:0px;cursor:pointer;}
.main2-n .img-scroll3 .next3 {transform: translate(50%,-50%); right:0px;cursor:pointer;}
.main2-n .img-list3 { position:relative;  overflow:hidden; z-index:99;width: 1110px;margin: 0 auto;}
.main2-n .img-list3 ul { width:9999px;}
.main2-n .img-list3 li { float:left; display:inline; width:210px; margin-right:15px;}

.main2-n .m2-n-img{box-sizing: border-box; border: solid 1px #eeeeee;max-width: 210px;margin: 0 auto;}
.main2-n .m2-n-img img{max-width: 100%;}

@media screen and (max-width: 1366px) {
  .main2-n .img-list3{width: 840px;}
  .main2-n .img-scroll3 .prev3,.main2-n .img-scroll3 .next3{transform: translateY(-50%);}
  .main2-n .img-list3 li {width: 198px;}
}

@media screen and (max-width: 1219px) {
  .main2-n .title a{font-size:60px;font-size:6rem;}
}
@media screen and (max-width: 979px) {
  .main2-n .img-scroll3{margin-top: 20px;}
  .main2-n .img-list3{width: 100%;}
  .main2-n .img-list3 ul{width: 1000%;}
  .main2-n .img-list3 ul li{width: 2.35%!important;margin-right: 0.2%!important;}
}
@media screen and (max-width: 768px) {
  .main2-n .title a{font-size:24px;font-size:2.4rem;}
  .main2-n .title{margin-bottom: 10px;}
  .main2-n .img-list3 ul li{width: 3.2%!important;margin-right: 0.2%!important;}
}

@media screen and (max-width:550px){
  .main2-n .img-list3 ul li{width: 4.8%!important;}
}

/* main5 */

.main5{padding-bottom: 74px;}

@media screen and (max-width: 768px){
  .main5{padding-bottom: 20px;}
}

/* footer */
.footer .title{/*text-transform:uppercase;*/}

.ft-det{padding-top: 10px;padding-right: 20px;}

.ft-det p{font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 20px;color: #ffffff;margin-bottom: 15px;}

.ft-det a{color: #fff;}

.fo-title {display: flex;align-items: center;justify-content: space-between;}

.fo-title i{display: none;}

@media screen and (max-width: 639px){
  .footer{display: block;}

  .fo-title i,.links{display: block;}

  .footer .ft1,.footer .ft2,.footer .ft3,.footer .ft4{width: 100%;height: auto;}

  .ft-det,.footer ul{display: none;}

  .footer .title,.footer .title a{font-size: 18px;font-size: 1.8rem;}
}
.top20du{
  margin-top: 50px;
  font-size: 16px;
}
.listcart{margin-top: 90px;}
.listcart a.l{float: left;}
.listcart a.r{float: right;}
.listcart a{ background:#881f2d;display:inline-block;height: 34px; width:200px; line-height: 34px;cursor: pointer;border: none;overflow: hidden;color: #fff;cursor: pointer;  border:1px solid #881f2d; padding-left:10px; padding-right:10px; text-align:center; margin-left:10px;}
.listcart a:hover{  border:#881f2d solid 1px;background: #881f2d; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px ;float: none;}
.listcart{ width:100%; margin-top:50px; }
}
@media screen and (max-width:472px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}
.qc .cont img{
  max-width: 100%;
}
.about4_desc{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    /*text-align: center;*/
    margin-top: 20px;
}
.page .big{
    width:100px;
}