body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.3;font-size: 14px;min-width: 1230px;background: #fff;color: #333;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: #fe7800;}
ul {margin: 0;list-style: none;padding: 0;}

.container {padding: 0 50px;margin: 0 auto;max-width: 1600px;}
.text-center {text-align: center;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}
.swiper-button-next, .swiper-button-prev {background-size: contain;}

.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1 {background-image: url(../images/f_01.png);}
.footer-fix li i.i2 {background-image: url(../images/f_02.png);}
.footer-fix li i.i3 {background-image: url(../images/f_03.png);}
.footer-fix li i.i4 {background-image: url(../images/f_04.png);}

.header {padding: 25px 0 0;}
.header .logo {float: left;height: 75px;}
.header .logo img {display: block;float: left;
    margin-left: -15px;width: auto;height: 100%;}
.header .tel {line-height: 75px;float: right;font-size: 48px;font-style: italic;color: #fe7800;background: url(../images/icon1.png) no-repeat 0 center;padding-left: 54px;margin-right: 30px;}
.header .sns {float: right;padding: 15px 0;}
.header .sns a {float: left;margin-left: 60px;}
.header .sns img {display: block;}
.header .menu-btn {display: none;}
.header .nav-sc {display: none;}
.header .nav-lan {display: none;}

.nav {margin-top: 25px;}
.nav .nav-sc {display: block;}
.nav .nav-lan {display: block;}
.nav-sc {float: right;border: 1px solid #000;height: 40px;border-radius: 20px;padding: 0 15px 0 0;}
.nav-sc button {float: left;border: 0;padding: 0;cursor: pointer;margin: 0;background: url(../images/icon15.png) no-repeat center;width: 40px;height: 40px;}
.nav-sc input {float: left;padding: 0;height: 40px;border: 0;font-size: 14px;background-color: transparent;width: 200px;}
.nav-lan {float: right;position: relative;padding: 11px 0;margin-left: 45px;}
.nav-lan .b {display: block;font-size: 0;background: url(../images/icon5.png) no-repeat right center;padding-right: 20px;}
.nav-lan .b span {font-size: 14px;display: inline-block;vertical-align: middle;}
.nav-lan .b img {display: inline-block;vertical-align: middle;margin-right: 8px;}
.nav-lan ul {position: absolute;top: 100%;background-color: #fff;right: 0;width: 120px;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2);padding: 0;display: none;z-index: 99;}
.nav-lan li a {display: block;padding: 10px;font-size: 0;cursor: pointer;}
.nav-lan li span {font-size: 14px;display: inline-block;vertical-align: middle;}
.nav-lan li img {display: inline-block;vertical-align: middle;margin-right: 8px;}
.nav-lan li a:hover {background-color: #f1f1f1;}
.nav-menu {margin-right: 370px;}
.nav-menu li {float: left;width: 14%;}
.nav-menu li a {display: inline-block;font-size: 18px;line-height: 42px;padding-bottom: 25px;}
.nav-menu li.active a {color: #fe7800;}

.dropdown {position: relative;}
.dropdown-box {position: absolute;top: 100%;width: 150px;background-color: rgba(255,255,255,1);left: -15px;min-height: 44px;z-index: 100;display: none;}
.dropdown-box li {width: 100%;}
.dropdown-box li a {display: block;font-size: 14px;padding: 0 15px;width: 120px;color: #333 !important;background-color: #fff;}
.dropdown-box li .m {left: 130px;top: 0;position: absolute;display: table;width: 220px;height: 100%;display: none;}
.dropdown-box li .m span {display: table-cell;vertical-align: middle;padding: 15px;}
.dropdown-box li .m img {height: 150px;}
.dropdown-box li.sub-active a {color: #fe7800 !important;}
.dropdown-box li.sub-active .m {display: table;}
.dropdown-box li.sub-active .m img {border: 0px solid #000;}
.dropdown.open .dropdown-box {display: block;}

.banner .swiper-slide {background: no-repeat center;background-size: cover;}
.banner .inner {height: 740px;display: table;width: 100%;}
.banner .box {display: table-cell;vertical-align: middle;width: 100%;}
.banner p {font-size: 36px;margin: 0 0 30px;color: #fff;}
.banner h4 {margin: 0 0 30px;font-size: 72px;color: #fff;}
.banner .more {display: block;width: 200px;line-height: 50px;text-align: center;font-size: 20px;background-color: #fe7800;color: #fff;}
.banner .more span {display: block;-webkit-transition: all 0.3s;transition: all 0.3s;}
.banner .more:hover span {-webkit-transform: translateX(10px);transform: translateX(10px);}
.banner .swiper-pagination-bullet {height: 10px;border-radius: 10px;width: 10px;background-color: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
.banner .swiper-pagination-bullet-active {width: 50px;}

.section {padding: 90px 0;}
.section-title {margin-bottom: 40px;line-height: 60px;font-size: 30px;font-weight: bold;}
.section-title span {font-size: 60px;display: inline-block;vertical-align: top;color: #000;opacity: 0.1;text-transform: uppercase;margin-left: -40px;}
.section-title-o span {display: block;margin: -60px 0 0;}

.xinpin-in .swiper-slide a {display: block;border: 2px solid transparent;}
.xinpin-in .swiper-slide .t {padding: 20px;text-align: center;}
.xinpin-in .swiper-slide h4 {margin: 0;font-size: 18px;font-weight: normal;}
.xinpin-in .swiper-slide p {margin: 5px 0 0;font-size: 16px;color: #999;}
.xinpin-in .swiper-slide a:hover {border-color: #000;}
.xinpin-in .swiper-slide a:hover .t {background-color: #000;color: #fff;}
.xinpin-in .swiper-slide a:hover p {color: #fff;}
.xinpin-in .arr {margin-top: 20px;text-align: center;font-size: 0;margin-bottom: 40px;}
.xinpin-in .swiper-pagination {position: static;display: inline-block;vertical-align: middle;}
.xinpin-in .swiper-pagination-bullet {margin: 0 10px;width: 12px;height: 12px;background-color: #000;}
.xinpin-in .swiper-button-next,.xinpin-in .swiper-button-prev {position: static;display: inline-block;width: 10px;height: 20px;vertical-align: middle;margin: 0 20px;}
.xinpin-in .swiper-button-prev {background-image: url(../images/icon6.png);}
.xinpin-in .swiper-button-prev:hover {background-image: url(../images/icon6_a.png);}
.xinpin-in .swiper-button-next {background-image: url(../images/icon7.png);}
.xinpin-in .swiper-button-next:hover {background-image: url(../images/icon7_a.png);}

.prd-in {margin: -30px 0 0 -30px;}
.prd-in li {float: left;width: 50%;}
.prd-in li a {display: block;margin: 30px 0 0 30px;background-color: #fff;height: 300px;}
.prd-in li .m {height: 100%;line-height: 300px;float: left;width: 60%;-webkit-transition: all 0.8s;transition: all 0.8s;}
.prd-in li h4 {margin: 0 0 0 60%;font-size: 40px;width: 40%;text-align: center;padding-top: 170px;-webkit-transition: all 0.8s;transition: all 0.8s;}
.prd-in li a:hover .m {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.prd-in li a:hover h4 {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.prd-in li:nth-of-type(2) a {background-color: #fff;}
.prd-in li:nth-of-type(3) {width: 100%;}
.prd-in li:nth-of-type(3) a {background-color: #fff;height: 240px;}
.prd-in li:nth-of-type(3) .m {float: right;line-height: 240px;}
.prd-in li:nth-of-type(3) h4 {margin: 0 60% 0 0;padding-top: 140px;}
.prd-in li:nth-of-type(4) a {background-color: #fff;}
.prd-in li:nth-of-type(5) a {background-color: #fff;}

.cus-left {max-width: 48%;margin-top: 50px;float: left;}
.cus-left p {font-size: 18px;line-height: 1.8;text-align: justify;margin: 0;}
.cus-left .logo {height: 75px;width: auto;display: block;margin: 30px auto;}
.cus-left .more {display: block;
    width: 200px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    background-color: #000;
    color: #fff;
    margin-top: 20px;}
.cus-left .more span {display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}
.cus-left .more:hover span {color: #fff;-webkit-transform: translateX(10px);transform: translateX(10px);}
.cus-right {float: right;width: 50%;position: relative;height: 530px;}
.cus-right .item {position: absolute;left: 50%;top: 50%;width: 280px;height: 330px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);box-shadow: 0 0 10px rgba(0,0,0,0.2);-webkit-transition: all 0.8s;transition: all 0.8s;overflow: hidden;}
.cus-right .item img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.cus-right .item:nth-of-type(1) {margin: -160px 0 0 -285px;}
.cus-right .item:nth-of-type(2) {margin: -265px 0 0 20px;}
.cus-right .item:nth-of-type(3) {margin: -65px 0 0 -115px;}
.cus-right .item.op {opacity: 0.6;}
.cus-right .item.active {z-index: 10;}
.cus-more {display: none;line-height: 40px;font-size: 14px;width: 140px;background-color: #000;color: #fff;text-align: center;margin: 0 auto;}
.cus-right .item.active img {-webkit-transform: scale(1.2);transform: scale(1.2);}

.desc-in {padding: 120px 0;background: url(../images/bg1.jpg) no-repeat center / cover;color: #fff;text-align: center;}
.desc-in p {font-size: 30px;margin: 0 0 30px;}
.desc-in .zx {display: block;line-height: 48px;border: 1px solid #fff;font-size: 18px;width: 238px;color: #fff;margin: 80px auto 0;}
.desc-in .zx:hover {background-color: #000;border-color: #000;}
.desc-in span {display: block;margin: 50px 0 0;font-size: 24px;}

.about-in {margin: 0;padding-top: 4.5%;}
.about-in dt {float: left;width: 31.25%;overflow: hidden;}
.about-in dt img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.about-in dt:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.about-in dd {margin-left: 31.25%;padding-left: 50px;}
.about-in .text {background: url(../images/logo_h.png) no-repeat 80% bottom;background-size: auto 100px;}
.about-in .text h4 {margin: 0 0 20px;font-size: 24px;}
.about-in .text p {font-size: 16px;line-height: 1.8;margin: 10px 0;}
.about-in .text .more {display: block;width: 200px;line-height: 50px;text-align: center;font-size: 20px;background-color: #000;color: #fff;margin-top: 20px;}
.about-in .text .more span {display: block;-webkit-transition: all 0.3s;transition: all 0.3s;}
.about-in .text .more:hover span {-webkit-transform: translateX(10px);transform: translateX(10px);}
.about-in .pic {position: relative;padding-top: 32.3%;margin-bottom: 50px;}
.about-in .pic img {position: absolute;bottom: 0;width: 48%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.about-in .pic img:hover {-webkit-transform: scale(1.2);transform: scale(1.2);}
.about-in .pic .p1 {left: 0;}
.about-in .pic .p2 {right: 0;}
.about-in .pic span {position: absolute;top: -120px;left: 18%;font-size: 72px;text-transform: uppercase;color: #000;opacity: .1;}
.about-in .logo {display: none;padding-top: 22%;}
.about-in-text {display: none;margin-top: 20px;}
.about-in-text h4 {font-size: 20px;margin: 0 0 15px;text-align: center;}
.about-in-text p {margin: 5px 0;line-height: 1.8;}
.about-in-text .more {display: block;width: 140px;line-height: 40px;text-align: center;font-size: 14px;background-color: #000;color: #fff;margin-top: 15px;}
.about-in-text .more span {display: block;-webkit-transition: all 0.3s;transition: all 0.3s;}
.about-in-text .more:hover span {-webkit-transform: translateX(10px);transform: translateX(10px);}

.footer {background-color: #000;color: #fff;padding: 60px 0 0;}
.footer a {color: #cacaca;}
.footer a:hover {color: #fff;}
.footer .logo {float: left;width: 34%;line-height: 200px;height: 200px;}
.footer dl {margin: 0;float: left;width: 22%;}
.footer dt {font-size: 16px;margin-bottom: 25px;}
.footer dt:after {content: '';height: 1px;width: 40px;background-color: #fff;display: block;margin-top: 5px;}
.footer dd {margin: 0 25px 0 0;}
.footer dd p {margin: 15px 0 0;color: #cacaca;-webkit-transition: all 0.8s;transition: all 0.8s;}
.footer dd p:hover {-webkit-transform: translateX(10px);transform: translateX(10px);}
.footer dd p.icon {background: no-repeat 0 center;padding-left: 30px;}
.footer dd p.icon:hover {color: #ffff;}
.footer dd .ewm {width: 140px;height: 140px;line-height: 60px;background-color: #fff;}
.footer dd .ewm-t {margin-top: 5px;}
.footer dd .sns {margin-top: 20px;font-size: 0;}
.footer dd .sns a {display: inline-block;vertical-align: middle;margin-right: 8px;}
.footer dd .sns a p{    font-size: 16px; color: #fff; position: absolute; display: none; text-align: center;}
.footer dd .sns a:hover p{    font-size: 16px; color: #fff; position: absolute; display: block; text-align: center;    line-height: 0;}
.footer .copy {text-align: center;padding: 20px;margin-top: 60px;background-color: #1e1e1e;color: #cacaca;}

.list-1 {margin: -20px 0 0 -20px;}
.list-1 li {width: 24%; display: inline-block;vertical-align: top;}
.list-1 li a {display: block;border: 2px solid transparent;margin: 20px 0 0 20px;}
.list-1 li .t {padding: 20px;text-align: center;    }
.list-1 li h4 {margin: 0;font-size: 18px;font-weight: normal;}
.list-1 li p {margin: 5px 0 0;font-size: 16px;color: #999;}
.list-1 li a:hover {border-color: #000;}
.list-1 li a:hover .t {background-color: #000;color: #fff;}
.list-1 li a:hover p {color: #fff;}

.lanmu {float: right;line-height: 40px;padding: 10px 0;}
.lanmu a {float: left;margin-left: 20px;font-size: 16px;color: #999;font-weight: normal;padding: 0 20px;}
.lanmu a.active,.lanmu a:hover {background-color: #000;color: #fff;border-radius: 20px;}

.pages {margin-top: 40px;text-align: center;font-size: 0;}
.pages a {display: inline-block;font-size: 14px;padding: 6px 12px;margin: 0 5px;border-radius: 20px;min-width: 8px;vertical-align: middle;background-color: #f1f1f1;}
.pages a.active,.pages a:hover {background-color: #000;color: #fff;}
.pages .prev,.pages .next {padding: 0;height: 32px;width: 32px;vertical-align: middle;font-size: 0;background: no-repeat center;}
.pages .prev {background-image: url(../images/icon6.png);background-color: transparent !important;}
.pages .prev:hover {background-image: url(../images/icon6_a.png);}
.pages .next {background-image: url(../images/icon7.png);background-color: transparent !important;}
.pages .next:hover {background-image: url(../images/icon7_a.png);}
.pages img {height: 12px;vertical-align: middle;margin-top: -2px;}
.pages p {display: inline-block;font-size: 14px;padding: 6px 12px;margin: 0 5px;border-radius: 20px;min-width: 8px;vertical-align: middle;background-color: #f1f1f1;}

.sub-banner {height: 400px;background: no-repeat center / cover;}

.list-2 {margin: -60px 0 0 -60px;}
.list-2 li {float: left;width: 25%;}
.list-2 li a {display: block;margin: 60px 0 0 60px;color: #333;}
.list-2 li .m {position: relative;overflow: hidden;}
.list-2 li .m img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-2 li .m span {position: absolute;right: 0;bottom: 0;padding: 5px 8px;background-color: #fff;font-size: 14px;}
.list-2 li h4 {margin: 15px 0;font-size: 18px;line-height: 25px;padding-bottom: 15px;border-bottom: 1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition: all 0.8s;transition: all 0.8s;}
.list-2 li h4 span {float: right;font-weight: normal;font-size: 14px;}
.list-2 li p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0;height: 40px;}
.list-2 li a:hover .m img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.list-2 li a:hover h4 {border-color: #000;}

.news-view-title {border-bottom: 1px solid #ddd;padding-bottom: 40px;margin-bottom: 40px;text-align: center;}
.news-view-title h4 {margin: 0;font-size: 24px;}
.news-view-title p {margin: 5px 0 0;color: #999;}
.news-view-content {line-height: 1.8;font-size: 16px;}
.news-view-content img {max-width: 100%;height: auto;}
.news-view-exp {padding: 40px;margin-top: 40px;background-color: #efefef;}
.news-view-exp a {width: 48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition: all 0.8s;transition: all 0.8s;}
.news-view-exp span {background: none no-repeat 0 0;width: 10px;height: 20px;}
.news-view-exp a.prev {float: left;}
.news-view-exp a.prev span {border-right: 1px solid #ddd;background-image: url(../images/icon6.png);padding-right: 30px;margin-right: 30px;background-position: 0 center;float: left;}
.news-view-exp a.prev:hover {-webkit-transform: translateX(-10px);transform: translateX(-10px);}
.news-view-exp a.prev:hover span {background-image: url(../images/icon6_a.png);}
.news-view-exp a.next {float: right;text-align: right;}
.news-view-exp a.next:hover {-webkit-transform: translateX(10px);transform: translateX(10px);}
.news-view-exp a.next span {border-left: 1px solid #ddd;background-image: url(../images/icon7.png);padding-left: 30px;margin-left: 30px;background-position: right center;float: right;}
.news-view-exp a.next:hover span {background-image: url(../images/icon7_a.png);}

.showcase {background-color: #fff;padding: 40px;margin-bottom: 30px;}
.showcase-pic {float: left;width: 60%;}
.showcase-pic .picList {float: left;width: 200px;/* border-right: 1px solid #ddd;margin-top: -1px; */padding-top: 1px;}
.showcase-pic .picList li {height: 198px;line-height: 198px;border: 1px solid #ddd;margin-top: -1px}
.showcase-pic .picList li.active {border-color: #000;position: relative;z-index: 1;}
.showcase-pic .cover {margin-left: 200px;height: 596px;line-height: 596px;border: 1px solid #ddd;border-left: 0;}
div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.showcase-info {float: right;width: 35%;}
.showcase-info h1 {font-size: 36px;}
.showcase-info p {font-size: 20px;}
.showcase-content {padding: 40px;background-color: #fff;}
.showcase-content .news-view-title {padding-bottom: 0;border-bottom: 0;}
.showcase-content .news-view-title h4 {color: #000;}
.showcase-pic-m {display: none;}
.showcase-pic-m img {display: block;width: 100%;height: auto;}

.about-1 {text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 40px;margin-bottom: 40px;}
.about-1 h4 {font-size: 20px;margin: 0 0 20px;}
.about-1 p {margin: 0;font-size: 16px;color: #999;}

.about-2 {margin-bottom: 40px;}
.about-2 h4 {font-size: 20px;margin: 0 0 20px;text-align: center;}
.about-2 li {float: left;width: 33.333333%;font-size: 16px;}
.about-2 li p {margin: 5px 0;}

.map {height: 400px;}

.message {text-align: center;}
.message li {padding: 10px 15px;background-color: #ebedf0;width: 300px;margin: 0 20px 40px;font-size: 14px;display: inline-block;text-align: left;}
.message label {float: left;color: #999;line-height: 26px;width: 80px;cursor: pointer;}
.message .text {margin-left: 80px;}
.message .text input {display: block;width: 100%;line-height: 26px;height: 26px;border: 0;padding: 0;background-color: transparent;font-size: 14px;}
.message .textarea {width: 1050px;}
.message .textarea textarea {display: block;width: 100%;line-height: 26px;border: 0;padding: 0;background-color: transparent;font-size: 14px;}
.message .submit {border: 0;height: 60px;width: 470px;margin: 0;padding: 0;background-color: #000;color: #fff;font-size: 20px;cursor: pointer;}

.introduction {position: relative;overflow: hidden;}
.introduction:before,.introduction:after {content: '';position: absolute;top: 0;width: 100000px;height: 100%;}
.introduction:before {right: 50%;}
.introduction:after {left: 50%;background-color: #f7f7f7;}
.introduction .container {position: relative;z-index: 1;}
.introduction .box {padding: 0 50px;}
.introduction h4 {text-align: center;font-size: 24px;}
.introduction p {font-size: 18px;line-height: 1.8;}
.introduction-l {float: left;width: 50%;padding-top: 80px;}
.introduction-l .img {margin-top: 80px;}
.introduction-r {float: right;width: 50%;}
.introduction-r .img {margin-bottom: 0px;margin-right: -205px;}

.customized-title {text-align: center;font-size: 24px;color: #000;margin-bottom: 40px;}
.customized-1 {padding: 40px 50px;background-color: #fff;margin-bottom: 40px;}
.customized-1 p {font-size: 18px;line-height: 1.8;}

.customized-2 li {float: left;width: 25%;}
.customized-2 li a {display: block;overflow: hidden; padding: 2px;}
.customized-2 li img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.customized-2 li a:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.customized-2 .tips {margin-top: 20px;font-size: 18px;line-height: 1.8;}
.customized-2 .tips span {color: #000;}

.customized-3 {margin-left: -20px;}
.customized-3 li {float: left;width: 20%;padding: 20px 0;}
.customized-3 li a {display: block;position: relative;margin-left: 20px;padding-top: 120px;}
.customized-3 li i {position: absolute;width: 59px;height: 50px;background: url(../images/icon17.png) no-repeat center;right: 40px;top: 20px;}
.customized-3 li .box {border: 1px solid #ddd;padding: 0 20px;-webkit-transition: all 0.8s;transition: all 0.8s;}
.customized-3 li h4 {text-align: center;font-size: 18px;}
.customized-3 li .img-center {margin-bottom: -20px;position: relative;z-index: -1;overflow: hidden;}
.customized-3 li .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s;overflow: hidden;}
.customized-3 li:nth-of-type(even) a {padding-top: 0;padding-bottom: 120px;}
.customized-3 li:nth-of-type(even) i {top: auto;bottom: 20px;background-image: url(../images/icon18.png);}
.customized-3 li:nth-of-type(even) .img-center {margin-bottom: 0;margin-top: -20px;}
.customized-3 li a:hover .box {border-color: #000;}
.customized-3 li a:hover .img-center img {-webkit-transform: scale(1.2);transform: scale(1.2);}

.customized-title-big {padding: 40px 0;background-color: #035299;color: #fff;font-size: 40px;text-align: center;}

.customized-4 {position: relative;}
.customized-4 .m {line-height: 520px;border: 5px solid #000;width: 520px;height: 520px;border-radius: 50%;margin: 0 auto;}
.customized-4 ul {float: left;width: 50%;margin-top: -530px;}
.customized-4 ul.r {float: right;}
.customized-4 .item {font-size: 24px;line-height: 1.8;height: 162px;text-align: right;position: relative;padding-right: 66px;}
.customized-4 .item .p {-webkit-transition: all 0.8s;transition: all 0.8s;}
.customized-4 .item:last-child {height: auto;}
.customized-4 .item:before {content: '';border: 2px solid #fff;background-color: #000;width: 12px;height: 12px;border-radius: 50%;margin-top: 13px;position: absolute;right: 0;top: 0;}
.customized-4 .item strong {color: #000;margin-right: 15px;}
.customized-4 ul.r .item {padding-left: 66px;padding-right: 0;text-align: left;}
.customized-4 ul.r .item:before {left: 0;right: auto;}
.customized-4 .item.i1 {margin-right: 92px;}
.customized-4 .item.i5 {margin-left: 92px;}
.customized-4 .item.i2 {margin-right: 242px;}
.customized-4 .item.i6 {margin-left: 242px;}
.customized-4 .item.i3 {margin-right: 242px;}
.customized-4 .item.i7 {margin-left: 242px;}
.customized-4 .item.i4 {margin-right: 92px;}
.customized-4 .item.i8 {margin-left: 92px;}
.customized-4 .item .p:hover {-webkit-transform: translateX(-10px);transform: translateX(-10px);color: #000;}
.customized-4 ul.r .item .p:hover {-webkit-transform: translateX(10px);transform: translateX(10px);}

.customized-4-tips {margin-top: 0px;font-size: 18px;line-height: 1.8;}
.customized-4-tips strong {float: left;}
.customized-4-tips span {color: #000;display: block;margin-left: 110px;}

/*客服*/

.kf {

    width: 208px;

    position: fixed;

    /* right: 20px; */

    right: -208px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 999;

}

.kt-top {

    height: 40px;

    line-height: 40px;

    background: url("../images/kefu.png") 12px center no-repeat #000;

	-o-background-size: auto 20px;

	-ms-background-size: auto 20px;

	-moz-background-size: auto 20px;

	-webkit-background-size: auto 20px;

	background-size: auto 20px;

    padding-left: 46px;

    font-size: 14px;

    color: #fff;

}

.kt-top span:hover{

      transform: rotate(90deg);

}

.kt-top span {

    width: 18px;

    height: 16px;

    float: right;

    position: relative;

    margin: 10px 10px 0px 0px;

    cursor: pointer;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

}

.kt-top span b {

    width: 100%;

    height: 2px;

    background: #fff;

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

}

.kt-top span b:first-child {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}

.kt-top span b:last-child {

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

}

.kf .con {

    overflow: hidden;

    background: #fff;

}

.kf .qq li {

    height: 36px;

    line-height: 36px;

    border-bottom: #f5f5f5 solid 1px;

    padding-left: 16px;

}

.kf .qq li a {

    height: 36px !important;

    color: #666;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    text-decoration: initial;

    display: block;

}

.kf .qq li a img{

    padding-right: 6px;

}

.kf .con h5{
	margin: 0;

    height: 26px;

    line-height: 26px;

    margin-top: 12px;

    background: url('../images/lianxi.png') 16px center no-repeat;

    padding-left: 45px;

    color: #666;

    font-size: 14px;

}

.kf .contact {

    margin-top: 1px;

}

.kf .contact p{
	margin: 0;
    height: 26px;

    line-height: 26px;

    color: #666;

    font-size: 14px;

    padding-left: 22px;

}

.kf .contact p:nth-child(2n){

    padding-left: 32px;

}

.kf .con h5.qr-icon{

    background: url('../images/erweima.png') 16px center no-repeat;

}

.kf .con .qr{

    margin-top: 10px;

    padding-left: 40px;

}

.kf .con .qr img{

    width: 110px;

    height: 110px;

}

.kf .backTop{

    width: 100%;

    height: 40px;

    margin-top: 10px;

    background: url('../images/huidaodingbu.png') center center no-repeat #000;

    background-size: 18px auto;

    cursor: pointer;

}

.kf-side{

    padding: 18px 10px 10px;

    background: #000;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    left: -34px;

    cursor: pointer;

}

.kf-side b{

    display: block;

    color: #fff;

    line-height: 18px;

    font-size: 14px;

    font-weight: normal;

}

.kf-side span.arrow{

    width: 12px;

    height: 12px;

    background: url('../images/jt-1.png') no-repeat;

	-o-background-size: auto 12px;

	-ms-background-size: auto 12px;

	-moz-background-size: auto 12px;

	-webkit-background-size: auto 12px;

	background-size: auto 12px;

    display: block;

    margin-top: 10px;

}

.kf-side span.on{

    background: url('../images/jt-2.png') no-repeat;

    -o-background-size: auto 12px;

    -ms-background-size: auto 12px;

    -moz-background-size: auto 12px;

    -webkit-background-size: auto 12px;

    background-size: auto 12px;

}
	.link {
	    padding: 8px 0px;
	    color: #333;
	    font-size: 13px;
	}
	.link .list span {
	    font-size: 15px;
	    font-weight: bold;
	}
	.link .list a {
	    font-size: 14px;
	    padding: 0 10px 0 5px;
	    margin-bottom: 5px;
	    display: inline-block;
	}

.m-list3{
	padding: 5px 0;
	
}
.ul-city{
	overflow: hidden;
	padding-top: 20px;
}
.ul-city li{
	float: left;
	margin-bottom: 20px;
}
.ul-city li a{
	display: block;
	margin-right: 17px;
	font-size: 14px;
}
.ul-city li a:hover{
	color: #005098;
}

.g-tit3{
	padding-bottom: 10px;
	font-size: 16px;
	color: #005098s;
	border-bottom: 1px solid #e4e4e4;
	font-weight: 600;
}
.g-tit3 span{
	font-weight: 400;
	color: #999;
	text-transform: uppercase;
}

@media screen and (max-width: 1680px) {
    .banner .inner {height: 610px;}
}
@media screen and (max-width: 1366px) {
    .banner .inner {height: 520px;}
    .container {max-width: 1200px;}
}

@media screen and (max-width: 1068px) {
  body {min-width: 768px;}
  .customized-4 .item{font-size: 12px;
    line-height: 1.2;}
  .container {padding: 0 20px;}

  .header .logo {height: 40px;}
  .header .sns {padding: 5px 0;}
  .header .sns a {margin-left: 20px;}
  .header .sns img {height: 30px;width: auto;}
  .header .tel {font-size: 22px;line-height: 40px;background-size: auto 30px;padding-left: 40px;}
  
  .nav-menu {margin-right: 280px;}
  .nav-menu li a {font-size: 14px;line-height: 26px;}
  
  .nav-sc {height: 24px;}
  .nav-sc input {height: 24px;line-height: 24px;width: 100px;}
  .nav-sc button {height: 24px;width: 30px;background-size: 15px 15px;}
  .nav-lan {margin-left: 20px;padding: 3px 0;}

  .banner .inner {height: 350px;}
  .banner p {font-size: 30px;margin-bottom: 20px;}
  .banner h4 {font-size: 50px;margin-bottom: 20px;}
  .banner .more {width: 150px;line-height: 40px;font-size: 18px;}

  .prd-in li a {height: 240px;}
  .prd-in li .m {width: 50%;line-height: 240px;}
  .prd-in li h4 {font-size: 30px;margin-left: 50%;width: 50%;padding-top: 130px;}

  .cus-left {margin-top: 0;float: none;max-width: none;}
  .cus-right {
    float: none;
    width: auto;
    margin-bottom: 30px;
    height: 450px;}
  .desc-in {padding: 60px 0;}
  .desc-in p {font-size: 24px;margin-bottom: 20px;}
  
  .about-in .pic span {font-size: 40px;top: -60px;}

  .footer dl.yc {display: none;}
  .footer dl {width: 40%;}
  .footer .logo {width: 50%;line-height: 100px;height: 100px;margin-right: 10%;}

  .sub-banner {height: 200px;}

  .lanmu {float: none;overflow: hidden;margin-left: -20px;}

  .list-1 {font-size: 0;}
  .list-1 li {width: 33.33333%;}

  .showcase-pic {width: 100%;}
  .showcase-info {width: 100%;}

  .list-2 li {width: 33.333333%;}

  .showcase-pic .picList li {height: 158px;line-height: 158px;}
  .showcase-pic .cover {line-height: 476px;height: 476px;}
}

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

.footer-fix {display: block;}  
    body {min-width: 320px;}
.pagination {
    text-align: center;
}
  .pagination p {
    margin-top: 0px!important;
    margin-right: 1px!important;
}
  .pagination a {
    margin-top: 10px;
    margin: 0 1px!important;
}
  .pagination a {
     display: inline-block;
    margin-right: 1px!important;
    padding: 2px 12px;
    height: 24px;
    border: 1px #cccccc solid;
    background: #fff;
    text-decoration: none;
    color: #808080;
    font-size: 10px!important;
    line-height: 24px;
}
    .container {padding: 0 15px;}

    .header {padding: 10px 0;}
    .header .logo {height: 30px;}
    .header .nav-sc {display: block;}
    .header .tel {display: none;}
    .header .sns {display: none;}
    .header .menu-btn {float: right;display: block;height: 30px;width: 30px;background: url(../images/icon16.png) no-repeat center;background-size: 70% auto;}

    .nav {margin-top: 10px;display: none;}
    .nav .nav-sc {display: none;}
    .header .nav-lan {margin: 0 10px 0 0;padding: 8px 0;display: block;}
    .header .nav .nav-lan {display: none;}
    .nav-lan .b img {width: 20px;}
    .nav-lan .b {background: none;padding-right: 0;}
    .nav-lan .b img {margin: 0;}
    .nav-sc {height: 20px;padding: 4px 10px 4px 0;margin-right: 10px;}
    .nav-sc button {width: 30px;height: 20px;background-size: 45% auto;}
    .nav-sc input {height: 20px;font-size: 12px;line-height: 20px;width: 80px;}
    .nav-menu {margin: 0 0 -10px;}
    .nav-menu li {float: none;width: auto;}
    .nav-menu li a {font-size: 14px;line-height: 40px;display: block;padding-bottom: 0;}

    .dropdown.open .dropdown-box {display: none;}

    .banner .inner {height: 145px;}
    .banner p {font-size: 16px;margin-bottom: 10px;}
    .banner h4 {font-size: 18px;margin-bottom: 10px;}
    .banner .more {line-height: 24px;font-size: 12px;width: 80px;margin-bottom: 15px;}
    .banner .swiper-pagination-bullet {width: 5px;height: 5px;}
    .banner .swiper-pagination-bullet-active {width: 20px;}

    .section {padding: 30px 0;}
    .section-title {margin-bottom: 20px;font-size: 24px;line-height: 40px;}
    .section-title span {font-size: 32px;margin-left: -20px;}
    .section-title-o span {margin: -40px 0 0;}

    .xinpin-in .swiper-slide .t {padding: 15px;}
    .xinpin-in .swiper-slide h4 {font-size: 16px;}
    .xinpin-in .swiper-slide p {font-size: 14px;}
    .xinpin-in .swiper-button-next, .xinpin-in .swiper-button-prev {display: none;}
    .xinpin-in .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0 5px;}

    .prd-in li {width: 100%;}
    .prd-in li a {height: 150px !important;}
    .prd-in li .m {line-height: 150px !important;}
    .prd-in li h4 {padding-top: 80px !important;font-size: 22px;}

    .cus-left {margin-top: 0;float: none;max-width: none;}
    .cus-left p {font-size: 14px;}
    .cus-left .logo {height: 50px;margin: 20px auto;}
    .cus-left .more {display: none;}
    .cus-right {float: none;width: auto;margin-bottom: 30px;height: 278px;}
    .cus-right .item {width: 130px;height: 153px;}
    .cus-right .item:nth-of-type(1) {margin: -93px 0 0 -145px;}
    .cus-right .item:nth-of-type(2) {margin: -138px 0 0 15px;}
    .cus-right .item:nth-of-type(3) {margin: -14px 0 0 -50px;}
    .cus-more {display: block;margin:0;}

    .desc-in {padding: 50px 0;}
    .desc-in p {font-size: 18px;}
    .desc-in .zx {margin-top: 40px;}
    .desc-in span {margin-top: 30px;font-size: 18px;}

    .about-in {padding-top: 0;}
    .about-in dt {width: 49%;}
    .about-in dd {padding: 0;margin: 0;float: right;width: 49%;}
    .about-in .pic {padding-top: 72%;margin-bottom: 0;}
    .about-in .pic span {display: none;}
    .about-in .pic img {width: 100%;}
    .about-in .pic .p1 {display: none;}
    .about-in .logo {display: block;}
    .about-in .text {display: none;}
    .about-in-text {display: block;}

    .footer {padding-top: 30px;padding-bottom: 50px;}
    .footer dl,.footer .logo {float: none;width: auto;}
    .footer .logo {height: 50px;line-height: 50px;margin-bottom: 30px;}
    .footer dl {text-align: center;}
    .footer dl.yc {display: none;}
    .footer dt {display: none}
    .footer dd {margin: 0;}
    .footer dd .ewm {margin: 0 auto;}
    .footer dd .sns a {margin: 0 10px;}
    .footer dd .sns img {height: 35px;width: auto;}
    .footer .copy {margin-top: 30px;font-size: 12px;padding: 15px 0;}

    .list-1 {margin: -15px 0 0 -15px;}
    .list-1 li {width: 49%;}
    .list-1 li a {margin: 15px 0 0 15px;}
    .list-1 li .t {padding: 15px;}
    .list-1 li h4 {font-size: 16px;height:40px;}
    .list-1 li p {font-size: 14px;height: 40px; overflow: hidden;}

    .lanmu {display: none;}

    .pages {margin-top: 20px;}

    .sub-banner {height: 100px;}

    .list-2 {margin: -15px 0 0 -15px;}
    .list-2 li {width: 50%;}
    .list-2 li a {margin: 15px 0 0 15px;}
    .list-2 li .m span {font-size: 12px;padding: 3px 5px;}
    .list-2 li h4 {font-size: 14px;line-height: 20px;margin: 10px 0;padding-bottom: 10px;}
    .list-2 li h4 span {font-size: 12px;}

    .news-view-title {padding-bottom: 20px;margin-bottom: 20px;}
    .news-view-title h4 {font-size: 18px;}
    .news-view-title p {font-size: 12px;}
    .news-view-exp {padding: 15px;margin-top: 20px;line-height: 20px;font-size: 12px;}
    .news-view-exp a.prev span {padding: 0;border: 0;margin-right: 10px;}
    .news-view-exp a.next span {padding: 0;border: 0;margin-left: 10px;}

    .showcase {padding: 15px;margin-bottom: 15px;}
    .showcase-pic {display: none;}
    .showcase-info {float: none;width: auto;}
    .showcase-info h1 {margin: 0 0 15px;font-size: 18px;}
    .showcase-info p {font-size: 14px;margin: 0;}
    .showcase-content {padding: 15px;}
    .showcase-pic-m {display: block;}

    .about-1 {padding-bottom: 30px;margin-bottom: 30px;}
    .about-1 h4,.about-2 h4 {font-size: 18px;margin-bottom: 10px;}
    .about-1 p {font-size: 14px;}

    .about-2 li {width: 100%;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
    .about-2 li p {font-size: 14px;}

    .map {height: 350px;overflow: hidden;}

    .message li {width: auto;margin: 0 0 15px;display: block;}
    .message .textarea {width: auto;}
    .message .submit {width: 100%;height: 46px;font-size: 16px;}

    .introduction:after {display: none;}
    .introduction .box {padding: 0;}
    .introduction h4 {font-size: 18px;margin-top: 0;margin-bottom: 15px;}
    .introduction p {font-size: 14px;}
    .introduction-l,.introduction-r {width: 100%;}
    .introduction-l {padding-top: 0;}
    .introduction-l .img {margin-top: 0;}
    .introduction-r .img {margin: 50px -15px 0 0;}

    .customized-title {font-size: 18px;margin-bottom: 20px;}
    .customized-1 {padding: 15px;margin-bottom: 30px;}
    .customized-1 p {font-size: 14px;}

    .customized-2 li {width: 50%;}
    .customized-2 .tips {font-size: 14px;}

    .customized-3 {margin-left: -15px;}
    .customized-3 li {width: 50%;padding: 10px 0;}
    .customized-3 li a {margin-left: 15px;padding-top: 50px;}
    .customized-3 li h4 {font-size: 14px;margin: 10px 0;}
    .customized-3 li .box {padding: 0 15px;}
    .customized-3 li i {width: 30px;height: 25px;background-size: contain;right: 25px;top: 10px;}
    .customized-3 li:nth-of-type(even) i {bottom: 10px;}
    .customized-3 li .img-center {margin-bottom: -10px;}
    .customized-3 li:nth-of-type(even) a {padding-bottom: 50px;}
    .customized-3 li:nth-of-type(even) .img-center {margin-top: -10px;}
    .customized-3 li:last-child {float: right;}
    .customized-3 li:last-child a {padding-top: 0;}

    .customized-title-big {padding: 20px 0;font-size: 20px;}
    .customized-4-tips {font-size: 14px;margin-top: 0px;}
    .customized-4-tips strong {float: none;}
    .customized-4-tips span {margin: 0;display: inline;}

    .customized-4 .m {width: 180px;height: 180px;line-height: 180px;padding: 40px;margin-bottom: 20px;}
    .customized-4 ul {width: 100%;margin: 0;}
    .customized-4 .item {font-size: 18px;margin: 0 0 15px !important;padding: 0 !important;text-align: left;height: auto;}
    .customized-4 .item:before {position: static;display: inline-block;margin: 0 10px 0 0;vertical-align: middle;}
    .customized-4 .item .p {display: inline;vertical-align: middle;}
    
    
     .header .nav {    
    	position: absolute;
	    left: 0;
	    top: 50px;
	    width: 100%;
	    background: #fff;
	    margin-top: 0;
    	z-index: 20;
	}
     .header .nav li>a {
    	width: 80%;
    	display: block;
    }
    .header .nav li.on {
    	background: url(../images/bottom_x.png) no-repeat 95% 15px;
    	background-size: 16px;
    }
    .header .nav li.on.open {
    	background: url(../images/bottom_t.png) no-repeat 95% 15px;
    	background-size: 16px;
    }
    .header .nav li .v_list {
    	display: none;
    }
    .header .nav .nav-menu>li.open .dropdown-box {
    	display: block;
    	position: relative;
    	margin-right: 0;
    	margin-left: 10%;
    }
    .header .nav .nav-menu>li.open .dropdown-box li .m img {
    	display: none;
    }
    
}
@media screen and (max-width: 320px) {
.container {
    padding: 0 5px;
}
  .header .menu-btn{
      height: 25px;
    width: 25px;}
  .header .nav-lan {
    margin: 0 5px 0 0;
    padding: 8px 0;
    display: block;
}
  .nav-sc {
    height: 20px;
    padding: 4px 5px 4px 5px;
    margin-right: 5px;
}
  .header .logo {
    height: 28px;
}
  .list-1 li p {
    font-size: 12px;
}
  .list-1 li h4 {
    font-size: 14px;
    height: 40px;
    overflow: hidden;
}
   .pagination a {
    padding: 2px 8px!important;
}
  .pages a {
    border-radius: 20px;
}
}