/*公用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {*{margin:0px;padding:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
img {border:none;max-width:100%;}
.donghua,::after,::before {-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}
a {-webkit-tap-highlight-color:rgba(0,0,0,0);/* 取消链接高亮 */text-decoration:none;color:rgba(255,255,255,.6);-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}
html {min-height:100%;}
body {position:relative;min-height:100%;font-size:14px;color:#333;min-width:320px;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;letter-spacing:1px;}
@media only screen and (max-width:1600px) {body {font-size:14px;}
}
@media only screen and (max-width:1280px) {body {font-size:12px;}
}
@media only screen and (max-width:1000px) {body {font-size:14px;}
body.on {background:#fff;overflow:hidden;}
body.on #ALL {opacity:.5;}
}
body.on #ALL {}
.h30{ clear:both; width:100%; height:30px;}

.h80{ clear:both; width:100%; height:80px;}

@media only screen and (max-width:1200px){
.h30{ height:20px;}
}
@media only screen and (max-width:1023px){
.h30{ height:10px;}
}
@media only screen and (max-width:1024px){
.h80{ clear:both; width:100%; height:0;}
.h30{ height:5px;}
}
.clear{ clear:both;}
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

li {list-style:none;}
table {border-collapse:collapse;}
#ALL {min-height:400px;overflow:hidden;width:100%;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}

body.on .phonemenu .pcmenu-btn div:nth-child(2) {opacity:0;width:0px;}
body.on .phonemenu .pcmenu-btn div:nth-child(1) {transform:rotate(45deg);margin-top:-1px;}
body.on .phonemenu .pcmenu-btn div:nth-child(3) {transform:rotate(-45deg);margin-top:-1px;}
#phone-menu {display:none;}
body[data-cp="on"] .cp-xl.nobg {opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);top:100px;}
body[data-cp="on"][data-on="on"] .cp-xl.yesbg {opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);}
@media only screen and (max-width:1660px) {#logo {left:0px;}
.cp-xl dl dd {width:20%;}
}
@media only screen and (max-width:1500px) {#phone-menu {display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;}
.phonemenu .menu ul {display:none;}
.phonemenu .pcmenu-btn {display:block;}
.phonemenu .menu {width:100%;max-width:100%;}
body[data-on="on"] .phonemenu,body.on .phonemenu {-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1;}
}
/*pc导航 end*//*top end*//*banner*/
.pc-banner {background:#000;min-height:500px;height:100%;width:100%;position:relative;z-index:3;}
.pc-banner .black {width:160px;height:100%;background:rgba(0,0,0,0);position:absolute;left:2%;top:0px;position:absolute;z-index:10;padding-top:108px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-orient:horizontal;-ms-box-orient:horizontal;box-orient:horizontal;}
.pc-banner .black .text {-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;width:30px;line-height:30px;text-align:left;color:rgba(255,255,255,.5);margin:auto;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);letter-spacing:3px;overflow:hidden;text-transform:uppercase;}
.pc-banner .black .sz {text-align:center;position:absolute;bottom:1%;left:80%;font-size:76px;color:#fff;opacity:.5;}
.pc-banner .black .sz span{ font-size:30px;}
.pc-banner .black .line {width:1px;height:60px;margin:20px auto;background:rgba(255,255,255,.3);}
.pc-banner .black .href {}
.pc-banner .black .href a {display:block;width:22px;height:22px;margin:0 auto 20px;background-repeat:no-repeat;background-position:center;opacity:.4;position:relative;cursor:pointer;}
.pc-banner .black .href a.weixin img {display:block;position:absolute;max-width:500px;left:100px;bottom:0%;-moz-transform:scale(.0000001);-ms-transform:scale(.0000001);-o-transform:scale(.0000001);-webkit-transform:scale(.0000001);transform:scale(.0000001);}
.pc-banner .black .href a.weixin:hover img {-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.pc-banner .black .href a:hover {opacity:1;}
.pc-banner .black .href a.qq {background-image:url(/templates/cn/images/fx_03.png);}
.pc-banner .black .href a.weixin {background-image:url(/templates/cn/images/fx_06.png);}
.pc-banner .black .href a.weibo {background-image:url(/templates/cn/images/fx_08.png);}
.pc-banner .black .href a.email {background-image:url(/templates/cn/images/fx_10.png);}
.banner_title {font-size:48px;color:#fff;letter-spacing:2px;line-height:50px;font-family:cursive;width:100%;}
.banner_cont {font-size:16px;width:100%;display:block;margin-top:1%;text-transform:uppercase;line-height:40px;color:#fff;font-family:'Times New Roman',Times,serif}
.banner_line {display:block;margin-top:2%;}
.banner_fenxiang {position:absolute;right:2%;bottom:4%;z-index:999;}
.banner_fenxiang img {display:inline-block;margin:0 8px;}
@media only screen and (max-width:1660px) {.pc-banner .black {left:0px;}
}
.pc-banner .biao {height:30px;line-height:30px;position:absolute;bottom:30px;left:50%;position:absolute;z-index:10;color:#fff;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}
.pc-banner .biao:before {content:"";display:block;width:10px;height:10px;position:absolute;top:100%;left:50%;margin:-5px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);border-top:2px solid rgba(255,255,255,.8);border-left:2px solid rgba(255,255,255,.8);}
.pc-banner .swiper-slide {background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;min-height:400px;height:100%;transition-timing-function:ease;-moz-transition-timing-function:ease;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;}
.pc-banner .swiper-slide a {display:block;}
.pc-banner .swiper-slide a img {display:none;width:100%;}
.pc-banner .swiper-slide.swiper-slide-prev {transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}
.pc-banner .swiper-slide.swiper-slide-active {z-index:10;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.pc-banner .swiper-slide a {display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;}
.pc-banner .swiper-slide a h1{ position:absolute;left:10%; top:28%; width:60px; height:5px; background:#fff; z-index:99;}
.pc-banner .swiper-slide a h2{ position:absolute;left:10%; top:33%; font-size:45px; line-height:60px; color:#fff; z-index:99; letter-spacing:2px;}
.pc-banner .swiper-slide a h3{ position:absolute;left:10%; top:40%; font-size:32px; line-height:50px; color:#fff; font-weight:normal; letter-spacing:normal;font-family:'Times New Roman',Times,serif; z-index:99;}

.pc-banner .swiper-slide:nth-child(1) a h2{ position:absolute; left:auto;right:10%; top:35%; text-shadow: 1px 1px #666;}
.pc-banner .swiper-slide:nth-child(1) a h3{ position:absolute; left:auto;right:10%; top:42%; text-shadow: 1px 1px #666;}

.pc-banner .swiper-slide:nth-child(2) a h2{ position:absolute; left:auto; text-align:center; width:100%;top:31%;  color:#111;}
.pc-banner .swiper-slide:nth-child(2) a h3{ position:absolute; left:auto; text-align:center;width:100%; top:38%;  color:#666;}




.pc-banner .swiper-slide:nth-child(3) a h2{ position:absolute; left:13%; top:38%;  color:#fff;text-shadow: 1px 1px #666;}
.pc-banner .swiper-slide:nth-child(3) a h3{ position:absolute;left:13%; top:45%;color:#fff;text-shadow: 1px 1px #666;}





.pc-banner .swiper-slide:nth-child(5) a h2{ position:absolute; left:auto;right:15%; top:38%;  color:#fff;text-shadow: 2px 2px #666;}
.pc-banner .swiper-slide:nth-child(5) a h3{ position:absolute;left:auto;right:15%; top:45%;color:#fff;text-shadow: 1px 1px #666;}


.pc-banner .swiper-slide:nth-child(4) a h2{position:absolute;left:10%; top:40%; font-size:40px; line-height:60px; color:#fff; }
.pc-banner .swiper-slide:nth-child(4) a h3{position:absolute;left:10%; top:48%; font-size:30px; line-height:50px; color:#fff; font-weight:normal;}



.pc-banner .swiper-slide:nth-child(6) a h2{ position:absolute; left:auto; text-align:center; width:100%;top:31%;  color:#111;}
.pc-banner .swiper-slide:nth-child(6) a h3{ position:absolute; left:auto; text-align:center;width:100%; top:38%;  color:#666;}


.pc-banner .swiper-pagination {bottom:80px;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s,width .3s,bottom .3s;-moz-transition:-moz-transform 0.3s,opacity 0.3s,width .3s,bottom .3s;transition:transform 0.3s,opacity 0.3s,width .3s,bottom .3s;left:50%;z-index:100;cursor:pointer;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);width:auto;}
.pc-banner .swiper-pagination span {border:0px;height:8px;display: inline-block;width:8px;background:rgba(0,0,0,.5);border-radius:100%;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s,width .3s;-moz-transition:-moz-transform 0.3s,opacity 0.3s,width .3s;transition:transform 0.3s,opacity 0.3s,width .3s;margin:0 7px !important;opacity:1;position:relative;}

.pc-banner .swiper-pagination span:nth-child(1):before {}
.pc-banner .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;}
.pc-banner .swiper-pagination span:after {left:50%;top:50%;background:rgba(255,255,255,1);width:100%;height:100%;position:absolute;border-radius:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);opacity:0;display:block;content:"";-webkit-transition:-webkit-transform 0.3s,opacity 0.3s,width .3s,bottom .3s;-moz-transition:-moz-transform 0.3s,opacity 0.3s,width .3s,bottom .3s;transition:transform 0.3s,opacity 0.3s,width .3s,bottom .3s;}
.pc-banner .swiper-button-next {color:rgba(255,255,255,1);height:80px;line-height:80px; top:43%;right:2%;margin:0px;width:80px;font-weight:bold;position:absolute;display:inline-block; border-radius:50%; text-align:center; font-size:28px;background:rgba(0,0,0,.2);}

.pc-banner .swiper-button-prev {color:rgba(255,255,255,1);height:80px;line-height:80px; top:43%;left:2%;margin:0px;width:80px;font-weight:bold;position:absolute;display:inline-block; border-radius:50%; text-align:center; font-size:28px;background:rgba(0,0,0,.2);}


/*.pc-banner .swiper-button-next:after {content:"";display:block;position:absolute;right:0px;top:50%;margin-top:-5px;width:80px;height:80px; background:rgba(0,0,0,.5);}
.pc-banner .swiper-button-next:before {content:"";display:block;position:absolute;right:0px;top:50%;margin-top:-5px;width:80px;height:80px; background:rgba(0,0,0,1);}*/
/*.pc-banner .swiper-button-next:after {content:"";display:block;position:absolute;right:0px;top:50%;margin-top:-5px;width:8px;height:8px;border-top:2px solid rgba(255,255,255,.3);border-right:2px solid rgba(255,255,255,.3);transform:rotate(45deg);}
.pc-banner .swiper-button-next:before {content:"";display:block;position:absolute;right:1px;top:50%;margin-top:-1px;height:2px;background:rgba(255,255,255,.3);width:30px;border-radius:0 1px 1px 0;}*/
/*.pc-banner .swiper-button-prev {color:rgba(255,255,255,.6);padding-left:40px;text-align:right;height:30px;line-height:30px;bottom:62px;left:auto;right:52%;background:none;margin:0px;top:auto;width:80px;font-weight:bold;position:absolute;display:inline-block;}
.pc-banner .swiper-button-prev:after {content:"";display:block;position:absolute;left:0px;top:50%;margin-top:-5px;width:8px;height:8px;border-top:2px solid rgba(255,255,255,.3);border-left:2px solid rgba(255,255,255,.3);transform:rotate(-45deg);}
.pc-banner .swiper-button-prev:before {content:"";display:block;position:absolute;left:1px;top:50%;margin-top:-1px;height:2px;background:rgba(255,255,255,.3);width:30px;border-radius:0 1px 1px 0;}*/
.pc-banner .swiper-pagination span.swiper-pagination-bullet-active{background:rgba(225,37,26,1);opacity:1;}
.pc-banner .swiper-pagination span.swiper-pagination-bullet-active:after {opacity:0.1;transform:translate(-50%,-50%) scale(2);-webkit-transform:translate(-50%,-50%) scale(2);-moz-transform:translate(-50%,-50%) scale(2);}


@media only screen and (max-width:1000px) {.pc-banner .swiper-button-next,.pc-banner .swiper-button-prev {display:none;}
.pc-banner .biao {display:none;}
.pc-banner .black {opacity:0;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);}
.pc-banner .swiper-pagination {bottom:30px;display:block;}
.pc-banner .swiper-pagination span {opacity:.5;margin:0 10px !important;width:8px;height:8px;}
.pc-banner .swiper-pagination span:before,.pc-banner .swiper-pagination span:after {display:none;}
.pc-banner .swiper-slide a {display:block;position:relative;}
.pc-banner .swiper-slide,.pc-banner {min-height:0px;height:auto !important;}
.pc-banner .swiper-slide a img {display:block;opacity:0;}



.pc-banner .swiper-slide a h1{ }
.pc-banner .swiper-slide a h2{ font-size:20px; line-height:50px; }
.pc-banner .swiper-slide a h3{ font-size:16px; line-height:30px; }

.pc-banner .swiper-slide:nth-child(1) a h2{ right:10%; top:22%;}
.pc-banner .swiper-slide:nth-child(1) a h3{ right:10%; top:30%;}

.pc-banner .swiper-slide:nth-child(2) a h2{ top:22%;  }
.pc-banner .swiper-slide:nth-child(2) a h3{top:30%;  }

.pc-banner .swiper-slide:nth-child(3) a h2{top:18%; }
.pc-banner .swiper-slide:nth-child(3) a h3{ top:26%;}


}
@media only screen and (max-width:600px) {.banner_title {font-size:24px;letter-spacing:1px;line-height:30px;}
.banner_cont {font-size:12px;line-height:22px;}
.banner_fenxiang {display:none;}
.banner_line img {max-width:50%;margin-top:1%}
.pc-banner .swiper-slide a {min-height:500px;}
.pc-banner .swiper-pagination {bottom:10px;}
.pc-banner .swiper-pagination span {opacity:.5;margin:0 5px !important;width:6px;height:6px;}
}
/*banner end*/@-webkit-keyframes slideShine {0% {background-position:0 0;}
100% {background-position:100% 100%;}
}

/*首页 end*/
.scroll_more {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto;min-height:auto;overflow:visible;position:relative;z-index:99;bottom:0px;margin:0 auto;}
.scroll_div {position:absolute;color:#fff;width:100%;height:78px;bottom:0;border:0;left:0;right:auto;}
.scroll_txt {/* -webkit-transform:rotate(-90deg) translateX(-2rem);transform:rotate(-90deg) translateX(-2rem);*/    position:relative;display:block;/*   font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.5px;font-family:Gilroy_Regular;*/margin-left:16px;}
.scroll_bar {width:2px;height:50px;position:absolute;bottom:2.14286rem;left:calc(50% - 1px);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;cursor:pointer;overflow:hidden;}
.scroll_bar::after {content:"";background-color:#fff;left:0;top:-100%;height:100%;width:100%;position:absolute;-webkit-animation:slide-down 2s infinite;animation:slide-down 2s infinite;}
@keyframes slide-down {0% {top:-100%;}
100% {top:100%;}
}
@media screen and (max-width:787px) {.scroll_more_m {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto;min-height:auto;overflow:visible;position:relative;z-index:99;bottom:150px;margin:0 auto;}
.scroll_div_m {position:absolute;color:#fff;width:100%;height:78px;bottom:0;border:0;left:0;right:auto;}
.scroll_txt_m {/* -webkit-transform:rotate(-90deg) translateX(-2rem);transform:rotate(-90deg) translateX(-2rem);*/    position:relative;display:block;/*   font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.5px;font-family:Gilroy_Regular;*/margin-left:0px;}
.scroll_bar_m {width:2px;height:15px;position:absolute;bottom:2.14286rem;left:calc(50% - 1px);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;cursor:pointer;overflow:hidden;}
.scroll_bar_m::after {content:"";background-color:#fff;left:0px;top:-100%;height:100%;width:100%;position:absolute;-webkit-animation:slide-down 2s infinite;animation:slide-down 2s infinite;}
@keyframes slide-down {0% {top:-100%;}
100% {top:100%;}
}
}



.muns {text-align:center;padding-top:30px;}
.muns .child {margin:0px 1%;display:inline-block;*display:inline;*zoom:1;width:17%;height:100px;text-align:center; vertical-align:middle; }
.muns .child .childMun {font-weight:bold;padding:10px 0 3px 0;color:#000;font-size:50px;line-height:60px;letter-spacing:normal;font-family:"黑体",DIN Medium,Arial,Helvetica,sans-serif;}

.muns .child .childTitle p{line-height:20px;color:#666;font-size:16px;padding-top:10px;}
.muns .child .jiahao {font-size:20px;padding-top:0px;margin-left:10px;}
@media (max-width:1400px) {
.muns {text-align:center;padding-top:20px;}
.muns .child {padding:0;height:auto;margin-top:0px;}
.muns .child .childMun {padding:10px 0 3px 0;font-size:50px;line-height:50px;}
.muns .child .childTitle {line-height:20px;font-size:15px;padding-top:0px;}
.muns .child .jiahao {font-size:15px;padding-top:10px;margin-left:10px;}
.muns .child .childTitle p  {font-size:15px;line-height:27px;}
}
@media (max-width:1200px) {
.muns {text-align:center;padding-top:15px;}
.muns .child {padding:0;height:auto;margin-top:0px; vertical-align:middle;}
.muns .child .childMun {padding:10px 0 3px 0;font-size:40px;line-height:40px;}
.muns .child .childTitle {line-height:20px;font-size:14px;padding-top:0px;}
.muns .child .jiahao {font-size:14px;padding-top:10px;margin-left:10px;}
.muns .child .childTitle p  {font-size:14px;line-height:25px;}
}

@media (max-width:1023px) {
.muns {text-align:center;padding-top:10px;}
.muns .child {padding:0;height:auto;margin-top:0px; height:100px;margin:0 1% 0px 0;padding:0;width:30.33%; display:inline-block; vertical-align:middle; margin-bottom:10px;}
.muns .child .childMun {padding:10px 0 5px 0;font-size:30px;line-height:30px;}
.muns .child .childTitle {line-height:20px;font-size:13px;padding-top:0px; height:40px;}
.muns .child .jiahao {font-size:13px;padding-top:10px;margin-left:10px;}
.muns .child .childTitle p  {font-size:13px;line-height:22px;}
}


@media (max-width:639px) {
.muns {text-align:center;padding-top:10px;}
.muns .child {margin:0 1% 0px 0;padding:0;width:30.33%;height:auto;}
.muns .child .childMun {padding:0;font-size:22px;line-height:25px;text-align: center;}
.muns .child .childTitle {line-height:20px;font-size:12px;padding-top:0px;}
.muns .child .jiahao {font-size:13px;padding-top:10px;margin-left:5px;}
.muns .child .childTitle p {font-size:13px;line-height:22px; text-align: center;}
}




.sale_box{ clear:both; width:100%; background:#e7ecf6; height:710px;}
.sale_box img{ max-width:1200px; margin: 0 auto; display:block;}


@media (max-width:1200px) {
.sale_box img{ max-width:100%;}
}


.n_about_box{ clear:both; width:100%; background: url(../image/about-bg.jpg) no-repeat center top #fff; background-size:100% auto; height: auto; padding:25px 0 35px 0;}


.about_left_box{ float:left; width:62%;  max-width:1100px;margin-top:3%; margin-right:5%;}
.about_right_box{ float: right; width:33%;  max-width:372px;margin-top:3%;}
.about_right_box img{ max-width:100%; max-height:550px; overflow:hidden;}

.about_tit{ width:100%; clear:both; z-index:3; position:relative; margin-bottom:20px;text-align: center; }
		
.about_tit h2{ position: relative;color:#f8554c;font-size:30px; line-height:35px;text-transform:uppercase;font-family:"Times New Roman", Times, serif; }
.about_tit h2:before{ content: attr(data-text);position: absolute;z-index: 10; color:#E1251B; -webkit-mask:linear-gradient(to top, #E1251B, transparent ); }		

.about_tit h3{ font-size:22px; line-height:40px; font-weight:normal;}
.about_tit .tit_line{width:100px; height:2px; background:#E1251B; margin-top:5px;}

.about_tit h4{ width:60px; height:1px; background:#E1251B; margin:10px auto; text-align:center; display: block;}

.n_about_box p{ line-height:180%; font-size:15px;}

.about_left_box{ line-height:180%;}

@media only screen and (max-width:1400px) {
.about_left_box{  max-width:800px; margin-right:3%;}

}


@media only screen and (max-width:1170px) {
.about_left_box{ margin-top:3%; }
.about_right_box{ max-width:300px;}
.about_right_box img{max-height:450px;}
.about_tit{ margin-bottom:20px;}
}


@media only screen and (max-width:1023px) {
.about_left_box{ max-width:100%;margin-right:0;margin-top:1%; float:none; width:100%;}
.about_right_box{ display:none;}
.about_tit{ margin-bottom:15px;}
.n_about_box{  height:450px;}
.about_tit h2{ font-size:26px; line-height:35px;color:#ccc;text-transform:uppercase;}
.about_tit h3{ font-size:18px; line-height:28px;  }

}


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

.n_about_box{  height: auto;}
.about_tit{ margin-bottom:10px; margin-left:10px; margin-top:-5px;}
.about_tit h2{ font-size:16px; line-height:24px;}
.about_tit h3{ font-size:16px; line-height:24px;}

.about_left_box{ line-height:24px;}

}
.w1460 {
	
  width: 100%;
  max-width:1200px;
  
  margin: 0 auto;
}


@media screen and (max-width: 1200px) {
  .w1460 {
    width: 100%;
	  max-width:100%;
	  padding:0 2%;
  }
  }
  .shubiao{ position:absolute; top:45%; left:45%;}
  .shubiao:hover img{  cursor:pointer;}
  /*视频*/
.vedioHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:111;}
.vedioContent{display:none;position:fixed;top:50%;left:50%;width:800px;height:550px;margin:-260px 0 0 -400px;z-index:5;background:#000;padding:20px 20px 50px 20px;
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); z-index:112; }
.vedioContent video{width:100% !important;height:100% !important; background:#000;}
.vedioContent .vedioClose{position:absolute; left:0; top:0; width:100%; height:100%; background:#ff0000;cursor:pointer;}

  
.index .con05 {
    height: 300px;
	max-width:1200px;
	margin:0 auto;

}
.index .con05 .list {
    overflow: hidden;
    margin: 0 auto;
    padding-top: 45px;
    position: relative
}
.index .con05 .list li {
    width: 240px;
    background: url(/templates/cn/images/ico17.jpg) no-repeat center;
    float: left;
    height: 200px;
    position: relative;
    overflow: hidden;
    -webkit-transition: width 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    -ms-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out
}
.index .con05 .list li.on {
    width: 720px;
    -webkit-transition: width 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    -ms-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out
}
.index .con05 .list li + li {
    background: url(/templates/cn/images/ico18.jpg) no-repeat center;
}
.index .con05 .list li + li + li {
    background: url(/templates/cn/images/ico19.jpg) no-repeat center;
}
.index .con05 .list li .detailed {
    width: 100%;
    height: 100%;
    padding: 39px 29px 0;
}
.index .con05 .list li .detailed .title{ padding-left:25px; padding-top:20px;}
.index .con05 .list li .detailed .title .en {
    font-size: 16px;
    color: #7d98ce;
    margin-bottom:5px;
	text-transform:uppercase;
	font-weight:normal;
}
.index .con05 .list li .detailed .title .cn {
    font-size: 18px;
    color: #2e3242;
	font-weight:normal;
}
.index .con05 .list li .detailed .title h4 {
    font-size: 18px;
    color: #e79d39;
    line-height: 20px;
    margin: 16px 0 22px;
    -webkit-transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}
.index .con05 .list li .detailed .ico {
    width: 36px;
    height: 11px;
    background: url(/templates/cn/images/home_xiayipian.png) no-repeat center;
    display: block;
	margin-left:25px;
    /* -webkit-transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); */
    opacity: 0;
    filter: alpha(opacity=0);
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.index .con05 .list li.on .detailed h4,
.index .con05 .list li.on .detailed .ico,
.index .con05 .list li:hover .detailed h4,
.index .con05 .list li:hover .detailed .ico {
    opacity: 1;
    filter: alpha(opacity=100);
    animation: fadeInRight .6s linear forwards;
    -webkit-animation: fadeInRight .6s linear forwards;
    /* -webkit-transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); */
    /* -webkit-transition-delay: .75s;
    transition-delay: .75s; */
}
.index .con05 .list li .detailed .ico:hover {
    margin-left: 15px;
}



@media screen and (max-width: 1480px) {
.index .con05 { max-width:1200px;}
.index .con05 .list li { width: 300px;}
.index .con05 .list li.on {width: 600px;}
}


@media screen and (max-width: 1380px) {
.index .con05 { max-width:1100px;}
.index .con05 .list li {width: 280px;}
.index .con05 .list li.on {width: 540px;}

}


@media screen and (max-width: 1200px) {
.index .con05 { max-width:1000px;}
.index .con05 .list li {width: 250px;}
.index .con05 .list li.on {width: 500px;}

}


.tab0 {
	display: block
}


.pc-footer {
	display: block;
	overflow: hidden
}

.m-footer {
	display: none
}

.page-footer i {
	font-style: normal;
	font-weight: 600
}

.page-footer .part_box {
	max-width: 1200px;
	*width: 1460px;
	margin: 0 auto;
	position: relative;
	overflow: visible;
	padding-bottom: 1%;
}

.page-footer {
	overflow-x: hidden;
	padding: 50px 0 0 0;
	background: #222;
	color: #ccc;
	box-sizing: border-box
}

.page-footer dl {
	float: left;
	width: 17%;
	padding-left:0;
	box-sizing: border-box
}


.page-footer dl:first-child {

	width: 22%;
	margin-right: 5%;
}

.page-footer dl:first-child {
	position: relative;
	z-index: 3
}

.page-footer dl:first-child,.page-footer dl:first-child a {
	color: #ccc
}

.page-footer dl dt {
	font-size: 17px;
	font-size: 17px\9;
	padding: 10px 0;
	font-weight: 400;
	color:#ddd;
}

.page-footer dl dd {
	padding: 6px 0;
		color:#ccc;
}
.page-footer dl dd p{
	padding: 6px 0;
		color:#ccc;
}

.page-footer dt.online {
	margin-top: 30px
}

.clear {
	clear: both;
	overflow: hidden
}

.page-footer i {
	display: inline-block;
	height: 30px;
	width: 30px;
	vertical-align: middle;
	margin-right: 13px;
	margin-right: 13px\9
}

.page-footer i.saler {
	background: url(/templates/cn/images/footer_icon.png) no-repeat;
	background-position: -4px -6px
}

.page-footer i.c_server {
	background: url(/templates/cn/images/footer_icon.png) no-repeat;
	background-position: -60px -1px
}

.page-footer a {
	color: #ccc;
	display: inline-block
}

.page-footer a:hover {
	color: #ccc;
	text-decoration: none
}

.Copyright {
	width: 100%;
	clear:both;
	height:60px;
	background:#111;
	color:#666;
	 line-height:60px;font-size:14px;
}

.Copyright a {
	margin-left: 20px;	color:#666; font-size:14px;
}

.Copyright p{color:#666; font-size:14px;}


.Copyright .y_f {
	float: right
} 

.Copyright .y_f a {
	margin: 0 6px
}

.page-footer .part_msk {
	height: 110%;
	width: 17%;
	position: absolute;
	top: -50px;
	z-index: 1
}

.page-footer .indicators {
	margin-bottom: 14px
}

.page-footer .indicators li {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer
}

.page-footer .indicators-1,.page-footer .indicators-2,.page-footer .indicators-3 {
	display: inline-block;
	background: url(../image/f.jpg) no-repeat;
	width: 49px;
	height: 35px
}

.page-footer .indicators .indicators-2 {
	background-position: 4px -34px
}

.page-footer .indicators .indicators-3 {
	background-position: 0 -74px
}

.page-footer .tabs .img-box {
	width: 100px;
	height: 116px;
	position: relative;

	color: #fff;
	text-align: center;
	font-size: 12px
}

.page-footer .img-box p {
	width: 103px;
	height:110px;
}


.page-footer .tab0 .img-box {
	margin-left: -35px
}

.page-footer .tab1 .img-box {
	margin-left: 20px
}

.page-footer .tab2 .img-box {
	margin-left: -30px
}


.page-footer .tab0{ width:103px; float:left;}

.page-footer .tab0 p {
	background: url(../image/weixin.jpg) no-repeat center top; background-size: 100% auto;
}
 .page-footer .tab0 h2{text-align:center; width:100%; font-size:12px; font-weight:normal; margin-left:-18px;}
.page-footer .tab2{ width:103px; float:left;}

.page-footer .tab2 p {
	background: url(../image/douyin.jpg) no-repeat center top;background-size: 100% auto; text-align:center;
}
 .page-footer .tab2 h2{text-align:center; width:100%; font-size:12px; font-weight:normal; margin-left:-18px;}
.page-footer .p_contain {
	width: 20%;
	float: right;
}

.page-footer .email-error-tips {
	color: #c80000;
	display: none
}

.page-footer .subscribe-input {
	padding-left: 10px;
	border: 1px solid #949ca1;
	line-height: 36px;
	height: 38px;
	background: transparent;
	width: 74%;
	vertical-align: middle;
	box-sizing: border-box;
	color: #fff
}

.page-footer .subscribe-submit {
	color: #fff;
	background: #949ca1;
	line-height: 38px;
	width: 25%;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	margin-left: -2%;
	vertical-align: middle;
	cursor: pointer
}

.page-footer .subscribe-tips {
	margin-top: 6px;
	margin-bottom: 20px
}

@media (min-width:1700px) {
	.page-footer .part_msk {
		height: 110.5%
	}
}

@media screen and (max-width:768px) {
	.page-footer .indicators li,.page-footer .tabs p,.page-footer i.saler,.page-footer i.c_server {
		background: 0 0
	}

	.pc-footer {
		display: none
	}

	.m-footer {
		display: block
	}

	.page-footer {
		padding: 4% 0;
		background: #101010;
		color: #a6acb0;
		box-sizing: border-box;
		height: auto
	}

	.page-footer .item {
		margin: 0 4%;
		border-bottom: 1px solid #4e5054;
		padding: 14px 0
	}

	.page-footer .item.act-contain-us {
		border-bottom: 0
	}

	.page-footer .til {
		font-size: .373rem;
		margin-bottom: .32rem
	}

	.page-footer .item a {
		font-size: .32rem;
		width: 32%
	}

	.page-footer .item a.wb {
		width: auto
	}

	.page-footer .item a.tel {
		width: 35%
	}

	.page-footer .tel {
		width: auto;
		border: 1px solid #6c747f;
		color: #fff;
		padding: .213rem .32rem
	}

	.page-footer i {
		display: inline-block;
		height: .8rem;
		width: .8rem;
		vertical-align: middle;
		margin-right: .8rem
	}

	.page-footer .footer-mask {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(10,10,10,.5);
		width: 100%;
		height: 100%
	}

	.page-footer .code-img-1,.page-footer .code-img-2 {
		width: 70%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -40%;
		margin-left: -35%
	}

	.page-footer .icon-1,.page-footer .icon-2,.page-footer .icon-3 {
		background: url(../image/f.jpg) no-repeat;
		width: 49px;
		height: 35px
	}

	.page-footer .icon-2 {
		background-position: 4px -34px
	}

	.page-footer .icon-3 {
		background-position: 4px -74px
	}

	.page-footer .copy {
		padding: 4%;
		border-top: 1px solid #4e5054;
		font-size: 12px
	}

	.page-footer .bot-logo {
		content: '';
		width: 140px;
		height: 42px;
		margin: 1% 0;
		display: inline-block;
		background: url(/templates/cn/images/footer_13.jpg);
		background-size: auto 100%
	}

	.page-footer .copy a {
		color: #a6acb0;
		padding: 0 4px
	}

	.page-footer .copy .yinsi {
		padding-left: 0
	}

	.page-footer .subscribe-tips {
		margin-bottom: 0
	}
}

@media screen and (max-width:768px) and (min-width:415px) {
	.page-footer .til {
		font-size: .32rem
	}

	.page-footer .tel {
		font-size: .24rem
	}

	.page-footer .code-img-1,.page-footer .code-img-2 {
		width: 50%;
		margin-top: -30%;
		margin-left: -25%
	}

	.page-footer .tel {
		padding: .053rem .267rem
	}

	.page-footer .item a {
		font-size: .24rem
	}
}



.dingyue_box{ clear:both; width:100%; max-width:100%; border-top:1px solid #333; padding-top:20px; margin-top:0px;}
.dingyue_left{ width:160px; float:left; text-align: right; font-size:14px; color:#ababab;}
.dingyue_left h2{ font-size:16px; font-weight:normal; line-height:26px; color:#fff}
.dingyue_center{ float:left; margin-left:10px; width:400px; height:48px; background:#313131;}
.dingyue_center input.dingyue_input { color:#fff; background:none; border:none; line-height:48px; padding-left:10px;}
.didngyue_right{ float:left; width:196px; height:48px; background:url(../image/index7_03.png) no-repeat center top; line-height:48px; font-size:14px; color:#fff; padding-left:20px; margin-left:10px;}

.zsjm_fanhui{top:40%;width:60px;height:60px;left:45%;position: absolute; display:block;z-index:100;border-radius:50%;box-shadow:0 0 15px 2px rgba(0,0,0,.1)}

.zsjm_fanhui .icon{width:50px;height:50px;background:url(../image/fanhui.png) no-repeat;background-size:cover;position:absolute;left:5px;top:5px}

.zsjm_fanhui .eb{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0px;
    top: 0px;
    background: #fff;
    border-radius: 50%;
}
.zsjm_fanhui:after {
    content: '';
    background: #fff;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-animation: fadein 2s linear infinite;
  }
  @-webkit-keyframes fadein {
    0% {
      -webkit-transform: scale(1);
      opacity: .5;
    }

    100% {
      -webkit-transform: scale(1.5);
      opacity: 0;
    }
  }

  .zsjm_fanhui:before {
    content: '';
    background: #fff;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: fadein 2s linear infinite .5s;
  }





  @media only screen and (max-width:800px){
  .zsjm{bottom:5%;width:35px;height:35px;right:2%;position:fixed; display:block;z-index:100;border-radius:50%;box-shadow:0 0 15px 2px rgba(0,0,0,.1)}

.zsjm .icon{width:30px;height:30px;background:url(/templates/cn/img/dianhua.png) no-repeat;background-size:cover;position:absolute;left:2px;top:2px}

.zsjm .eb{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0px;
    top: 0px;
    background: #C5A47E;
    border-radius: 50%;
}
.zsjm:after {
    content: '';
    background: #fff;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-animation: fadein 2s linear infinite;
  }
  @-webkit-keyframes fadein {
    0% {
      -webkit-transform: scale(1);
      opacity: .5;
    }

    100% {
      -webkit-transform: scale(1.5);
      opacity: 0;
    }
  }

  .zsjm:before {
    content: '';
    background: #fff;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: fadein 2s linear infinite .5s;
  }


  }