@charset "utf-8";
/*banner*/
.banner{width:100%;height:100%;position:relative;z-index:5;overflow:hidden}
.banner .swiper-container {position:relative;width: 100%;height:100%;text-align:center;background:#ffffff;}
.banner .swiper-container .swiper-slide{background-repeat: no-repeat;background-position: center center;background-size: cover}
.banner .swiper-container-horizontal .swiper-pagination-bullets{bottom:50px;font-size:0;width:100%;max-width:1400px;left:50%;right:auto;margin:auto;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.banner .swiper-container-horizontal .swiper-pagination-bullet{float:left;width:88px;height:4px;margin-left:0;margin-right:16px;background: #ffffff;opacity:1;border-radius: 0}
.banner .swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background:#e62129;}
.banner .swiper-button-prev{left:50%;margin-left:-627px}
.banner .swiper-button-next{right:50%;margin-right:-627px}
.banner .swiper-container .swiper-slide a{display:block;width: 100%;height:100%;}

.nbanner{position:relative;width:100%;overflow: hidden;}
.nbanner img {position:relative;width:1920px;left:50%;margin-left:-960px}

/*main*/
.section-title-h{margin-bottom:50px;text-align: center;line-height: 1.5}
.section-title-h h2{font-size:32px;font-weight:bold;color:#000000;}
.section-title-h h3{font-size:18px;font-weight:bold;color:#000000;text-transform: uppercase;}
.swiper2{float: right;width: 34%;}
.swiper2 .swiper-slide img{width: 100%;}
.swiper2 .sbp2{top:auto;bottom:0;left:auto;right:80px;width:80px;height:80px;background-color:#ffffff;background-image: none}
.swiper2 .sbp2:after {position:absolute;content:'';left:35px;top:50%;margin-top:-5px;width:10px;height:10px;border:1px solid #9E9E9E;border-right:0;border-bottom:0;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);  }
.swiper2 .sbn2{top:auto;bottom:0;left:auto;right:0;width:80px;height:80px;background-color:#ffffff;background-image: none}
.swiper2 .sbn2:after {position:absolute;content:'';right:35px;top:50%;margin-top:-5px;width:10px;height:10px;border:1px solid #9E9E9E;border-left:0;border-bottom:0;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);  }
.swiper2 .sbn2:before{width:0;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;border-left:1px solid #9E9E9E;content:'';}

.about-center{float: left;width: 56%}
.about-center .title{float:left;width: 114px;height:350px;font-size:18px;color:#040404;line-height:1.2;background: url(../imgs/index_about_title.png) no-repeat right top}
.about-center .con{float:right;width: 349px;}
.about-center .con .tit{font-size:22px;color:#040404;}
.about-center .con .txt{font-size:13px;color:#666666;margin-top:20px}
.about-center .con .more{display:block;margin-top:50px;width:146px;height:40px;line-height:40px;padding-left:30px;font-size:13px;color:#ffffff;background: url(../imgs/more.png) no-repeat 150px center;background-color: #e62129;border-radius: 40px}
.about-center .about-link{margin-top:150px;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;flex-direction: row;}
.about-center .about-link a{position: relative;height:70px;line-height:70px;text-align: center;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;}
.about-center .about-link a:first-child{border-left:1px solid #E1E1E1;}
.about-center .about-link a:last-child{border-right:1px solid #E1E1E1;}
.about-center .about-link a:after{position: absolute;right:0;top:50%;margin-top:-11px;width:0;height:22px;border-right:1px solid #E1E1E1;content:'';}
.about-center .about-link a:last-child:after{border:0;}
.about-center .about-link a .icon{display: inline-block;width:30px;height:30px;margin-right: 12px;margin-top:20px;vertical-align: top;background: url(../imgs/icon_01.png) no-repeat}
.about-center .about-link a .icon_1{background-position: 0 0}
.about-center .about-link a .icon_2{background-position: -30px 0}
.about-center .about-link a .icon_3{background-position: -60px 0}
.about-center .about-link a .icon_4{background-position: -90px 0}
.about-center .about-link a:hover{background-color: #e62129;border-color:#e62129;color:#ffffff;}
.about-center .about-link a:hover:after{border-color:#e62129}
.about-center .about-link a:hover .icon_1{background-position: 0 -30px}
.about-center .about-link a:hover .icon_2{background-position: -30px -30px}
.about-center .about-link a:hover .icon_3{background-position: -60px -30px}
.about-center .about-link a:hover .icon_4{background-position: -90px -30px}

.index-product .uls{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;flex-direction: row;justify-content:space-between}
.index-product .uls li{width:250px;height:500px;background-color: #ffffff;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.index-product .uls li a{display:block;width:250px;height:500px;}
.index-product .uls li .pic{width:250px;height:350px;background-color: #ffffff}
.index-product .uls li .pic img{width:250px;height:350px;}
.index-product .uls li .tit{display:table-cell;vertical-align: middle;padding:0 35px;width: 180px;height:150px;}
.index-product .uls li .tit-en{color:#040404;font-size: 18px;font-weight: bold;line-height: 1.2;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.index-product .uls li .tit-ch{color:#040404;font-size: 16px;margin-top:10px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.index-product .uls li:hover{background-color: #e62129}
.index-product .uls li:hover .tit-en{color: #ffffff}
.index-product .uls li:hover .tit-ch{color: #ffffff}

.index-product .product-link{margin-top:50px;width: 100%;background-color: #ffffff}
.index-product .product-link .a{float: left;padding:0 50px;position: relative;height:70px;line-height:70px;}
.index-product .product-link .a:after{position: absolute;right:0;top:50%;margin-top:-11px;width:0;height:22px;border-right:1px solid #E1E1E1;content:'';}
.index-product .product-link .a:last-child:after{border:0;}
.index-product .product-link .a:hover{background-color: #e62129;border-color:#e62129;color:#ffffff;}
.index-product .product-link .a:hover:after{border-color:#e62129}
.index-product .product-link .more{display:block;float: right;width:185px;height:70px;line-height:70px;background: url(../imgs/more2.png) no-repeat center center;background-color: #e62129;}

.section.merchants{background: url(../imgs/index_02.jpg) no-repeat center center;background-size: cover}
.merchants-con{float: left;width: 675px;}
.merchants-con .tit-en{font-size: 44px;font-weight: bold;color:#ffffff;line-height: 1;text-transform: uppercase;}
.merchants-con .tit-ch{font-size: 22px;color:#ffffff;}
.merchants-con .txt{font-size: 13px;color:#ffffff;margin-top: 20px}
.merchants-con .more{display:block;margin-top:70px;width:146px;height:40px;line-height:40px;padding-left:30px;font-size:13px;color:#ffffff;background: url(../imgs/more.png) no-repeat 150px center;background-color: #e62129;border-radius: 40px}
.merchants-pic{float: right;margin-top: 20px}
.merchants-text{margin-top:120px;width: 100%;padding:25px 0;background-color: #ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;flex-direction: row;}
.merchants-text .a{position: relative;height:50px;text-align: center;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;vertical-align: middle}
.merchants-text .a:after{position: absolute;right:0;top:50%;margin-top:-11px;width:0;height:22px;border-right:1px solid #E1E1E1;content:'';}
.merchants-text .a:last-child:after{border:0;}
.merchants-text .a a{display: block}
.merchants-text .a .icon{display: inline-block;width:50px;height:50px;margin-right:20px;vertical-align: top;background: url(../imgs/icon_02.png) no-repeat}
.merchants-text .a .icon_1{background-position: 0 0}
.merchants-text .a .icon_2{background-position: -50px 0}
.merchants-text .a .icon_3{background-position: -100px 0}
.merchants-text .a p{display: inline-block;line-height: 20px;font-size: 13px;text-align: left}
.merchants-text .a p b{display: block;line-height: 30px;font-size: 18px;color:#040404;}

.swiper3{padding-bottom: 60px;}
.swiper3 .swiper-slide:nth-child(3n-1){text-align: center}
.swiper3 .swiper-slide:nth-child(3n){text-align: right}
.swiper3 .box{width:400px;display: inline-block;text-align: left}
.swiper3 .tit{width:400px;height:60px;}
.swiper3 .tit .n{float: left;width:100px;line-height: 60px;color:#040404;font-size: 62px;font-weight: bold}
.swiper3 .tit .d{margin-left:100px;width:300px;height: 30px;line-height: 30px;color:#666666;font-size: 14px;font-family: arial}
.swiper3 .tit .t{margin-left:100px;width:300px;height: 30px;line-height: 30px;color:#040404;font-size: 18px;}
.swiper3 .tit .t a{color:#040404;font-size: 18px;}
.swiper3 .txt{margin-top:30px;width:400px;height: 48px;line-height:24px;color:#666666;font-size: 13px;overflow: hidden}
.swiper3 .more{margin-top:25px;display:inline-block;color:#666666;font-size: 13px;font-family: arial;text-transform: uppercase;}
.swiper3 .pic{margin-top:30px;width:400px;height:300px;overflow: hidden}
.swiper3 .pic img{width:400px;height:300px;}
.index-news .swiper-container-horizontal .swiper-pagination-bullets{bottom:0;font-size:0;left:50%;right:auto;margin:auto;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.index-news .swiper-container-horizontal .swiper-pagination-bullet{display:inline-block;width:60px;height:4px;margin-left:0;margin-right:20px;background: #e1e1e1;opacity:1;border-radius: 0}
.index-news .swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background-color: #e62129}

.page-title{position: relative;}
.page-title .icon{display: block;float: left;position: relative;width:73px;height:66px;background:url(../imgs/about_11.jpg) no-repeat center center}
.page-title .tit-en{margin-left: 95px;line-height:33px;color:#040404;font-size: 30px;font-weight: bold;text-transform: uppercase;}
.page-title .tit-ch{margin-left: 95px;line-height:33px;color:#040404;font-size: 22px;}
.company-profile .content{margin-top:45px;color:#868686;font-size: 16px;line-height: 2}
.company-profile .content h2{margin-bottom:20px;color:#040404;font-size: 22px;font-weight: normal}
.company-profile .content img{max-width: 100% !important}
.company-profile .gallery{margin-top:35px;margin-left:-10px;}
.company-profile .gallery .pic{float: left;margin-top:14px;margin-left: 10px}
.company-profile.tpw .content,
.company-profile.tpw .tit-en,
.company-profile.tpw .tit-ch{color:#ffffff;}

.social-responsibility{width:100%;height:1000px;background-image: url(../imgs/about_10.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;}

.honor .picScroll-left{width:1300px;margin-top:60px;overflow:hidden;position:relative;}
.honor .picScroll-left .hd{position: relative;width:100%}
.honor .picScroll-left .hd .prev,
.honor .picScroll-left .hd .next{position: absolute;display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;background:url(../imgs/arrows2.png) no-repeat;}
.honor .picScroll-left .hd .prev{background-position:0 0;left:0;top:205px;}
.honor .picScroll-left .hd .next{background-position:-50px 0;right:0;top:205px;}
.honor .picScroll-left .hd ul{display:none;}
.honor .picScroll-left .bd{width:1143px;margin:auto;border:1px solid #DFDFDF;border-left:0;}
.honor .picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.honor .picScroll-left .bd ul li{width:280px;height:410px;padding:50px;float:left; _display:inline; overflow:hidden; text-align:center;border-left:1px solid #DFDFDF;}
.honor .picScroll-left .bd ul li .pic{width:280px;height:360px;text-align:center;display: table-cell;vertical-align: middle}
.honor .picScroll-left .bd ul li .pic img{max-width:280px;max-height:360px;}
.honor .picScroll-left .bd ul li .title{margin-top:25px;color:#868686;font-size: 14px}

.contact-box{margin-top: 85px}
.contact-box .li{float: left;padding-right:80px;border-right:1px dashed #DFDFDF;}
.contact-box .li .t{color:#040404;font-size: 22px;font-weight: bold}
.contact-box .li .p{margin-top: 40px;height:50px;line-height: 25px}
.contact-box .li .p .icon{float: left;position: relative;width: 50px;height:50px;background-color: #e62129;border-radius: 50%;}
.contact-box .li .p .icon:after{position: absolute;content:'';width: 30px;height:30px;top:50%;left:50%;margin-top: -15px;margin-left:-15px;background:url(../imgs/icon_03.png) no-repeat;}
.contact-box .li .p .icon_ad:after{background-position: 0 0}
.contact-box .li .p .icon_tel:after{background-position: -30px 0}
.contact-box .li .p .icon_kf:after{background-position: -60px 0}
.contact-box .li .p .icon_fax:after{background-position: -90px 0}
.contact-box .li .p b{margin-left:70px;display: block;font-size: 18px;color:#040404;}
.contact-box .li .p p{margin-left:70px;display: block;font-size: 15px;color:#868686;}
.contact-box .qr-box{float: right;}
.contact-box .qr-box .l{margin-bottom:30px}
.contact-box .qr-box .l img{width: 120px;float:left;}
.contact-box .qr-box .l p{height: 120px;line-height: 120px;color:#868686;font-size: 15px;margin-left: 140px}

.feedback .lis_h{width:610px;}
.feedback .lis_f{width:1300px;}
.feedback label{display:block;width:100%;height:50px;line-height:50px;color:#666666}
.feedback .lis_h input{width:570px;padding: 0 20px;height:50px;line-height:50px;background: #ffffff;border:0}
.feedback .lis_f textarea{width:1260px;padding: 15px 20px;height:125px;line-height:25px;background: #ffffff;border:0;resize:none;vertical-align:top}
.feedback .yzm{float: left;width:300px;margin-top:30px;margin-right:30px;height:50px;background: #ffffff;border:0}
.feedback .yzm input{float: left;width:160px;padding:0 20px;height:50px;line-height:50px;background: #ffffff;border:none}
.feedback .yzm img{float: right;width:100px;height:50px;}
.feedback .btns{float: left;margin-top:30px;width:150px;height:50px;}
.feedback .btns button{width:150px;height:50px;color:#ffffff;background: #e62129;cursor:pointer;border:none}

.feedback .lis_h input,
.feedback .lis_f textarea,
.feedback .yzm input{-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.feedback .lis_h input:hover,
.feedback .lis_f textarea:hover,
.feedback .yzm input:hover{transform: translateY(-1px);-ms-transform: translateY(-1px);-webkit-transform: translateY(-1px);-o-transform: translateY(-1px);-moz-transform: translateY(-1px);}
.feedback .lis_h input:focus,
.feedback .lis_f textarea:focus,
.feedback .yzm input:focus{box-shadow:0 2px 5px rgba(0,0,0,0.2);transform: translateY(-1px);-ms-transform: translateY(-1px);-webkit-transform: translateY(-1px);-o-transform: translateY(-1px);-moz-transform: translateY(-1px);}

.core-advantages .adv-lis{margin-top:75px;}
.core-advantages .adv-lis .pic{width: 601px}
.core-advantages .adv-lis .pic img{width: 601px}
.core-advantages .adv-lis .con{width: 640px}
.core-advantages .adv-lis .con .tit{color:#040404;font-size: 26px;margin-top: 35px}
.core-advantages .adv-lis .con .txt{color:#868686;font-size: 14px;line-height: 35px}
.core-advantages .adv-lis .line{margin:20px 0;width: 45px;height:3px;background-color: #e62129;border-top:3px solid #332c2b;border-bottom: 3px solid #fff000}

.customer-box {margin-left: -20px}
.customer-box .li{float: left;margin-top:20px;margin-left:20px;width: 242px;height:140px;border:1px solid #DFDFDF;}
.customer-box .li .pic{display: table-cell;width: 242px;height:140px;text-align: center;vertical-align: middle}
.customer-box .li .pic img{max-width: 220px;max-height:100px;}

.menus{height:97px;text-align:center;border-bottom: 1px solid #E1E1E1}
.menus a{position: relative;display: inline-block;padding:0 15px;height:97px;line-height:97px;margin:0 70px;}
.menus a.active:after{position: absolute;left:0;bottom:0;width:100%;height:3px;background-color: #e62129;border-top:3px solid #fff000;border-bottom:3px solid #332c2b;content:'';}
.menus a:hover{color:#e62129}

.hid{position: absolute;right:0;top:8px}
.qd_select {position: relative;background: no-repeat white;cursor: pointer;z-index: 10;width:410px;height: 48px;display: inline-block;border: 1px solid #dfdfdf;border-radius: 3px;vertical-align: top;}
.qd_select li.sname {position: relative;z-index: 1;background: white;width:340px;height: 48px;line-height: 48px;text-align: left;display: block;color: #868686;display: block;padding:0 25px;font-size: 16px;overflow: hidden;}
.qd_select li.sname i {position: absolute;top: 11px;right: 0;width: 25px;height: 25px;background: url(../imgs/hn_ico.png) no-repeat center;}
.qd_select li .list {position: relative;top: -48px;z-index: 0;display:none;}
.qd_select ul {overflow: visible;zoom: 1;min-width: 100%;max-height:240px;position: absolute;top:48px;left: -1px;display: block;padding-bottom: 0px; background: white;border: 1px solid #e5e5e5;overflow-y: scroll;}
.qd_select ul li {text-align: left;white-space: nowrap;display: block;line-height: 48px;height: 48px;cursor: pointer;font-size:16px;}
.qd_select ul li a{display:block;padding-left:25px;text-align: left;white-space: nowrap;line-height: 48px;height: 48px;cursor: pointer;font-size:16px;}
.qd_select ul li:hover a, .qd_select ul li.cur a{background: #e62129;color:#ffffff;}
.qd_select.hover li .list {display:block}

.service-center{margin-top: 35px}
.service-center .con{display: none}
.service-center h2{margin-bottom:35px;font-size: 22px;color:#040404;}
.service-center .ul{margin-left:-17px;}
.service-center .ul .t{float: left;margin-left:17px;width:420px;height:48px;line-height:48px;border:1px solid #dfdfdf;text-align: center}
.service-center .ul .t .city{float: left;width:210px;height:48px;color:#ffffff;font-size: 16px;background: #e70015}
.service-center .ul .t .people{float: left;width:209px;height:48px;color:#040404;font-size: 16px;background: #ffe800;border-left:1px solid #dfdfdf;}
.service-center .ul .d{float: left;margin-left:17px;width:420px;height:48px;line-height:48px;border:1px solid #dfdfdf;border-top:0;text-align: center}
.service-center .ul .d .city{float: left;width:210px;height:48px;color:#444444;font-size: 14px;background: #ffffff}
.service-center .ul .d .people{float: left;width:209px;height:48px;color:#444444;font-size: 14px;background: #ffffff;border-left:1px solid #dfdfdf;}

.shop-list ul{margin-top: 40px;margin-left:-35px;}
.shop-list li{float: left;width: 410px;height:520px;margin-left:35px;margin-top:35px;}
.shop-list li .pic{width: 410px;height:410px;position: relative;}
.shop-list li .pic img{width: 410px;height:410px;}
.shop-list li .pic .mask{display:none;position: absolute;left:0;top:0;width: 410px;height:410px;background:url(../imgs/fd.png) no-repeat center center;background-color: rgba(0,0,0,.5)}
.shop-list li:hover .pic .mask{display:block}
.shop-list li .tit{display:table-cell;padding:0 20px;width:368px;height:108px;line-height:25px;vertical-align: middle;text-align: center;font-size:18px;color:#040404;border:1px solid #dfdfdf;}

.team-list ul{margin-top: 20px;margin-left:-20px;}
.team-list li{float: left;width: 310px;height:390px;margin-left:20px;margin-top:20px;}
.team-list li .pic{width: 310px;height:310px;position: relative;}
.team-list li .pic img{width: 310px;height:310px;}
.team-list li .pic .mask{display:none;position: absolute;left:0;top:0;width: 310px;height:310px;background:url(../imgs/fd.png) no-repeat center center;background-color: rgba(0,0,0,.5)}
.team-list li:hover .pic .mask{display:block}
.team-list li .tit{display:table-cell;padding:0 20px;width:268px;height:78px;line-height:20px;vertical-align: middle;text-align: center;font-size:15px;color:#040404;border:1px solid #dfdfdf;}

.submit{padding:10px 0 100px;}
.location{line-height:20px;padding:22px 0;border-bottom: 1px solid #dfdfdf;color:#444444;font-size: 13px}
.location i{display: inline-block;margin-right:10px;vertical-align:top;width:20px;height:20px;background:url(../imgs/ico_home.png) no-repeat center center;}
.location a{color:#444444;font-size: 13px}
.location span{margin: 0 10px;}

.submit-box{margin-top:20px;padding:70px;background: #ffffff}

.text-li {margin-bottom:20px;}
.text-li label{float: left;width:110px;text-align: left;height:42px;line-height:42px;font-size:16px;color:#040404;}
.text-li .in{float: left;height:42px;background-color:#ffffff;}
.text-li .span-tel,.text-li .span-name{float: left;margin-left:15px;color:orangered;height:42px;line-height:42px;}
.text-li .in input{width:480px;height:20px;line-height:20px;padding:10px ;color:#666666;border:1px solid #dfdfdf;}
.text-li .in input:hover{border: solid 1px #e62129}
.text-li .in input:focus{border:solid 1px #e62129 \9;border-color:rgba(230,33,41,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(230, 33, 41, 0.6)}

.text-li .in3{float: left;height:42px;}
.text-li .in3 input:hover{border: solid 1px #e62129}
.text-li .in3 input:focus{border:solid 1px #e62129 \9;border-color:rgba(230,33,41,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(230, 33, 41, 0.6)}
.text-li .in3 input{width:100px;height:20px;line-height:20px;padding:10px;border:1px solid #dfdfdf;color:#666666}
.text-li .in4 {float: left;}
.text-li .in4 img{height:40px;width:100px;border:1px solid #dfdfdf;border-left:0;}
.text-li input{-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}


.feed{margin-top: 60px}
.feed .btn{margin-top:50px}
.feed .btn .sub,
.feed .btn .res{float:left;margin-right:8px;width:180px;height:50px;border:none;background-color:#fff; cursor:pointer;border:1px solid #dfdfdf;font-size: 16px;color: #040404}
.feed .btn .sub{background: #e62129;border-color: #e62129;color:#fff;}

.text-li .in .form-control{width:200px;float:left;}
.text-li .in .btn-default{float:left;width:42px;height:42px;background:url(../imgs/tt.png) no-repeat center ;border:0;border-left:0; cursor:pointer;border:1px solid #dfdfdf;border-left:0;}



/*方法一、修改源生*/
.select-box{vertical-align:middle; width:240px; display:inline-block}
.select-box{padding: 5px 10px;border:1px solid #dfdfdf;}
.select-box .select{ border:none}
.select-box.inline,
.select-box.inline .select{ width:auto}
.select{cursor: pointer;line-height:normal;font-weight: normal;width:100%; white-space:nowrap;height:30px;line-height:30px;}

.newslist ul{margin-left:-50px}
.newslist li{float: left;width: 400px;height:440px;margin-top:60px;margin-left:50px;}
.newslist li .pic{position: relative;width: 400px;height:300px;border-radius: 5px;overflow:hidden;}
.newslist li .pic img{width: 400px;height:300px;}
.newslist li .pic .mask{display:none;position: absolute;left:0;top:0;width: 400px;height:300px;background:url(../imgs/fd.png) no-repeat center center;background-color: rgba(0,0,0,.5)}
.newslist li:hover .pic .mask{display:block}
.newslist li .tit{position: relative;margin-top:30px;width: 400px;height:30px;line-height: 30px;font-size:18px;color:#040404;overflow:hidden;}
.newslist li .txt{position: relative;margin-top:5px;width: 400px;height:40px;line-height: 20px;font-size:13px;color:#878787;overflow:hidden;}
.newslist li .day{position: relative;margin-top:15px;width: 400px;height:20px;line-height: 20px;font-size:14px;color:#878787;font-family:arial;overflow:hidden;}



.newscontent .news-left{float: left;width:925px;}
.newscontent .news-left .content{padding:30px 0}
.newscontent .news-left .content img{max-width:925px !important;height:auto !important;}
.newscontent .news-left .content iframe,
.newscontent .news-left .content embed,
.newscontent .news-left .content video{width:800px;height:500px}

.newscontent .news-title{position:relative;z-index:55;border-bottom:1px solid #e1e1e1;padding-bottom:20px;}
.newscontent .news-title .title{width:870px;font-size:24px;color: #040404;}
.newscontent .news-title .date{width:870px;font-size:14px;color: #878787;margin-top:10px}
.newscontent .otherxx{padding:20px 0;}


.teamcontent .content{padding:30px 0}
.teamcontent .content img{max-width:1300px !important;height:auto !important;}
.teamcontent .content iframe,
.teamcontent .content embed,
.teamcontent .content video{width:800px;height:500px}

.teamcontent .team-title{position:relative;z-index:55;border-bottom:1px solid #e1e1e1;padding-bottom:20px;text-align: center}
.teamcontent .team-title .title{width:1300px;font-size:24px;color: #040404;}
.teamcontent .team-title .date{width:1300px;font-size:14px;color: #878787;margin-top:10px}
.teamcontent .otherxx{padding:20px 0;}


.m-ewm{position:absolute;right:0;bottom:20px;width:20px;height:20px;background:url(../imgs/ico_qr.png) no-repeat center center;}
.m-ewm .por{width:100%;height:100%;}
.m-ewm .showewm{display:none;position:absolute;right:0;top:0;width:160px;height:210px;padding:10px;text-align:center;background:#fff;border:1px solid #ddd;}
.m-ewm .showewm img{display:block;margin:auto;width:140px;height:140px;}
.m-ewm .showewm p{display:block;margin:auto;margin-top:10px;line-height:1.5;font-size:12px;color:#666666}
.m-ewm .showewm p span{color:#e62129;font-weight:700}
.m-ewm:hover .showewm{display:block;}


.relevantnews{float: right;width:280px}
.relevantnews h2{position:relative;font-size:20px;color:#040404;font-weight: normal}
.relevantnews .lis{padding-top:25px;margin-top:25px;border-top:1px solid #e5e5e5;line-height: 1.5}
.relevantnews .lis .pic{width: 280px;max-height:210px;overflow:hidden;}
.relevantnews .lis .pic img{width: 280px;}
.relevantnews .lis .tit {margin-top:15px}
.relevantnews .lis .tit a{color:#040404;font-size:15px;}
.relevantnews .lis .tit a:hover{color:#e62129}
.relevantnews .lis .txt{color:#878787;font-size:13px;margin-top:10px;}
.relevantnews .lis .day{color:#878787;font-size:13px;margin-top:10px;}

.product-nav {background: #ffffff;padding:20px 45px;}
.product-nav ul{overflow:hidden;}
.product-nav li{float: left;padding:15px 90px 15px 20px;position: relative;border-bottom:1px solid #e1e1e1;margin-bottom:-1px;}
.product-nav li a{display: inline-block;line-height: 30px;height: 30px;}
.product-nav li.active:after{position: absolute;content:'';left:0;top:50%;margin-top:-4px;width: 7px;height:7px;background: #e62129;border-radius: 50%}
.product-nav li.active a{color: #e62129;}
.product-nav li a:hover{color: #e62129;}


.product-list{margin-left:-12px;}
.product-list li{float: left;margin-left:12px;margin-top:12px;width:250px;height:500px;background-color: #ffffff;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.product-list li a{display:block;width:250px;height:500px;}
.product-list li .pic{width:250px;height:350px;background-color: #ffffff}
.product-list li .pic img{width:250px;height:350px;}
.product-list li .tit{display:table-cell;vertical-align: middle;padding:0 35px;width: 180px;height:150px;}
.product-list li .tit-en{word-break: break-all;color:#040404;font-size: 18px;font-weight: bold;line-height: 1.2;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.product-list li .tit-ch{color:#040404;font-size: 16px;margin-top:10px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.product-list li:hover{background-color: #e62129}
.product-list li:hover .tit-en{color: #ffffff}
.product-list li:hover .tit-ch{color: #ffffff}


.product-main{padding:10px 0 100px;}
.product-box{background: #ffffff;margin-top: 20px;padding:20px 70px 20px 50px;}
.product-pic{float: left;width: 500px;height:600px;}
.product-pic>div{display:table-cell;width: 500px;height:600px;text-align: center;vertical-align: middle}
.product-pic>div>img{max-width: 500px;max-height:600px;display:inline-block;}
.product-text{float: right;width: 600px;margin-top: 60px}
.product-name{margin-top: 40px;color:#040404;font-size: 22px}
.product-desc{margin-top: 10px;padding-top:20px;border-top:1px solid #e1e1e1;color:#868686;font-size: 14px}
.product-b{margin-top: 50px;padding-top:25px;border-top:1px solid #e1e1e1;}

.product-detail{float: left;margin-top: 20px;width:720px;padding:50px 100px;background: #ffffff}
.product-detail .d-t{padding-bottom:15px;color:#040404;font-size: 20px;border-bottom: 1px solid #e1e1e1;}
.product-detail .content{margin-top: 15px;}
.product-detail .content img{max-width:720px !important;height:auto !important;}

.product-relation{float: right;margin-top: 20px;width:250px;padding:50px;background: #ffffff}
.product-relation .lis{margin-top:30px;width:250px;padding-bottom:30px;border-bottom: 1px solid #e1e1e1;}
.product-relation .lis:last-child{border-bottom: 0;}
.product-relation .lis a{display:block;width:250px;}
.product-relation .lis .pic{width:250px;}
.product-relation .lis .pic img{width:250px;}
.product-relation .lis .tit{padding:0;width: 250px;}
.product-relation .lis .tit-en{color:#040404;font-size: 18px;font-weight: bold;line-height: 1.2;}
.product-relation .lis .tit-ch{color:#040404;font-size: 16px;margin-top:10px;}




/*********      page      ***************/
#page{width:100%;overflow:hidden;}
#page{ text-align:center}
#page select{display:none;}
#page span,#page a{display:inline-block;vertical-align: top;padding:0 15px;font-size:14px;margin:0 5px;background:#ffffff;border-radius: 2px;overflow: hidden;line-height:34px;color:#666666;border:1px solid #e4e4e4;}
#page span{color:#ffffff;font-size:14px;background: #e62129;border-color: #e62129}
#page span font{color:#ffffff;}
#page span.nolink{display:inline-block;vertical-align: top;padding:0 15px;font-size:14px;margin:0 5px;background:#ffffff; line-height:34px;color:#666666;border:1px solid #e4e4e4;}
#page a:hover{color:#e62129;border-color:#e62129;}

/** prev next button ***/
.pn{padding-top:15px;margin:auto;overflow:hidden;border-top:1px solid #e5e5e5;color:#666666}
.pn .pn_l{padding:5px 0;font-size:14px;}
.pn .pn_r{padding:5px 0;font-size:14px;}
.pn a{color:#666666}
.pn a:hover{color:#e62129}





.search_list{width:760px;float: left;}
.search_list h2{height: 48px;line-height: 1;font-size: 18px;border-bottom: 1px solid #e7e7e7;}
.search_list li{padding:20px 0;height:130px;border-bottom:1px solid #dddddd}
.search_list li .tit{width:760px;height:30px;line-height:30px;}
.search_list li .tit a{color:#0000cc;font-size:16px;text-decoration:underline}
.search_list li .tit a .hightlight{color:#cc0087}
.search_list li .con{height:90px;margin-top:10px;}
.search_list li .con .pic{float:left;width:120px;height:90px;margin-right:20px;overflow:hidden}
.search_list li .con .pic a{display: table-cell;width:120px;height:90px;text-align:center;vertical-align:middle}
.search_list li .con .pic img{max-width:120px;max-height:90px;}
.search_list li .con .txt{height:88px;line-height:22px;color:#333;overflow:hidden}
.search_list li .con .txt .hightlight{color:#cc0087}


.search_listright{width:380px;float: right}
.search_listright h3{height:48px;line-height:1;font-size:18px;border-bottom:1px solid #e7e7e7}
.search_listright .box{width:380px;overflow:hidden;}
.search_listright li{width:380px;height:114px;padding:30px 0;overflow: hidden;border-bottom:1px solid #e7e7e7}
.search_listright li .pic{float:left;width:152px;height:114px;border:1px solid #e7e7e7;}
.search_listright li .pic img{width:152px;height:114px;}
.search_listright li .con{float:right;width:205px;height:114px;}
.search_listright li .con .tit{width:200px;height:44px;line-height:22px;color:#333;font-size:14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_listright li .con .tit a{color:#333}
.search_listright li .con .date{margin-top:10px;width:200px;height:15px;line-height:15px;color:#999;font-size:12px;overflow : hidden;}
.search_listright li .con .rm{display:block;margin-top:20px;width:84px;height:24px;line-height:24px;padding: 0;color:#999999;text-align:center;border:1px solid #e7e7e7;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.search_listright li .con .rm i{display:block;width:20px;height:10px;margin:auto;background:url(../imgs/rm2.png) no-repeat center bottom}
.search_listright li .con .rm:hover{background-color:#e62129;border-color:#e62129;color:#ffffff}



.news-list-box .news_l{height:178px;border:1px solid #e5e5e5;background:#fff;margin-top:45px}
.news-list-box .news_l a{display:block;width:100%;height:178px}
.news-list-box .news_l .pic{width:320px;height:178px;overflow: hidden;}
.news-list-box .news_l .pic img{width:320px;height:178px}
.news-list-box .news_l .date{width:100px;height:78px;margin-left:50px;margin-top:55px;line-height:30px; font-family:Arial}
.news-list-box .news_l span{font-size:30px}
.news-list-box .news_l p{color:#999}
.news-list-box .news_l .p{width:600px;height:98px;margin-top:40px;padding-left:35px;border-left:1px solid #e5e5e5;}
.news-list-box .news_l .p .p_t{font-size:18px;height:30px;line-height:30px;color:#333;}
.news-list-box .news_l .p .p_c{height:60px;margin-top:15px;line-height:24px;font-size:12px;color:#999;overflow:hidden}






#s-address .side{
  width: 310px;
  height: calc(100% - 200px);
  padding: 0 20px;
  background-color: #fff;
  position: absolute;
  left: 25px;
  top: 110px;
  z-index: 2;
}
#s-address .side .h1{
  font-size: 18px;
  color: #333333;
  text-align: center;
  padding: 19.5px 0;
}
#s-address .side .tsear{
  position: relative;
  width: 308px;
  height: 35px;
  z-index: 99;
}
#s-address .side .tsear .se-text{
  width: 244px;
  height: 35px;
  line-height: 35px;
  border: none;
  padding: 0 48px 0 16px;
  font-size: 14px;
  border: 1px solid #e6e6e6;
}
#s-address .side .tsear .se-submit{
  width: 48px;
  height: calc(100% - 4px);
  background: url('../imgs/8.jpg') no-repeat center;
  right: 0;
  top: 50%;
  position: absolute;
  border: none;
  padding: 0;
  transform: translate(0,-50%);
}
#s-address .side .tsear .se-con{
  position: absolute;
  width: 100%;
  border: 1px solid #ecebe9;
  top: 35px;
  left: -1px;
  height: 200px;
  padding: 10px 0;
  max-height: 360px;
  overflow: auto;
  background: #fff;
  display: none;
}
#s-address .side .tsear .se-con .pointitem{
  background: url('../imgs/18.png') no-repeat 15px center;
  height: 30px;
  line-height: 30px;
  padding-left: 40px;
}
#s-address .side .tsear .se-con .pointitem:hover{
  color: #000;
  cursor: pointer;
}
#s-address .side .ulbox{
    height: calc(100% - 200px);
}
#s-address .side .ulbox h2{
  font-weight: normal;
  font-size: 16px;
}
#s-address .side .ulbox .jgtit{
  margin-top: 30px;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  color: #666666;
}
#s-address .side .ulbox ul{
  height: 96%;
  overflow: hidden;
}
#s-address .side .ulbox li{
  font-size: 12px;
  color: #666666;
  border-bottom: 1px solid #f6f6f6;
  padding: 15px 0 18px 5px;
  cursor: pointer;
}
#s-address .side .ulbox li:first-child{
  border-top: 1px solid #f6f6f6;
}
#s-address .side .ulbox li .mdtit{
  font-size: 15px;
  color: #333333;
}
#s-address .side .ulbox li .mdtit span{
  color: #007bc6;
  margin-right: 5px;
}
#s-address .side .ulbox li .md-per{
  padding-left: 30px;
  line-height: 30px;
  background: url('../imgs/17.png') no-repeat left center;
}
#s-address .side .ulbox li .md-local{
  padding-left: 30px;
  line-height: 30px;
  background: url('../imgs/19.png') no-repeat left 7px;
}
#s-address .side .ulbox li .md-tel{
  padding-left: 30px;
  line-height: 30px;
  background: url('../imgs/20.png') no-repeat left center;
  min-height: 30px;
  /* font-size: 0; */
}
.z3{
  z-index: 3 !important;
  position: relative;
}
#hscrollBox2 .bar{
    width: 3px;
    height: 285px;
    right: 0;
    min-height: 80px;
    top: 0;
}
#hscrollBox2 .bar .block{
    width: 3px;
    height: 58px;
    background: #d9dada;
    top: 0;
    left: 0;
}
#s-address{
  position: relative;
}
#s-address header{
  position: fixed;
}
#s-address .head{
  position: absolute;
}
header.head3{
  /* background-color: #fff !important; */
}
header.head3 .bgdown{
  height: 177px;
  transition: all .44s ease-in;
}
#s-address header.head2,
#s-address header.head3{
  background-color: #fff;
}
#s-address .infobox{
  width: 268px;
}
#s-address .infobox .d1{
  font-size: 15px;
  color: #333333;
}
#s-address .infobox .d1 span{
  color: #2999e3;
  margin-right: 5px;
}
#s-address .infobox .md-per{
  font-size: 13px;
  color: #000000;
  padding-left: 32px;
  line-height: 18px;
  background: url('../imgs/17.png') no-repeat left top;
  margin-top: 5px;
}
#s-address .infobox .md-local{
  font-size: 13px;
  color: #000000;
  padding-left: 32px;
  line-height: 18px;
  background: url('../imgs/19.png') no-repeat left top;
  margin-top: 5px;
}
#s-address .infobox .md-tel{
  font-size: 13px;
  color: #000000;
  padding-left: 32px;
  line-height: 30px;
  height: 30px;
  background: url('../imgs/20.png') no-repeat left center;
  min-height: 30px;
}
#s-address .infobox .dqlocal{
  position: relative;
  margin-top: 12px;
}
#s-address .infobox .dqlocal input{
  width: 224px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e0e0e0;
  background-color: #f2f2f2;
  font-size: 12px;
  color: #333333;
  padding: 0 34px 0 6px;
  vertical-align: top;
}
#s-address .infobox .dqlocal .closetext{
  width: 10px;
  height: 10px;
  background: url('../imgs/22.png') no-repeat center;
  right: 12px;
  top: 50%;
  margin-top: -5px;
  position: absolute;
  cursor: pointer;
}
#s-address .infobox .local{
  margin-top: 10px;
  font-size: 0;
}
#s-address .infobox .local input{
  width: 214px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e0e0e0;
  background-color: #f2f2f2;
  font-size: 12px;
  color: #666666;
  padding: 0 5px;
  vertical-align: top;
}
#s-address .infobox .local .tet{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#s-address .infobox .local .gobtn{
  height: 30px;
  line-height: 30px;
  width: 34px;
  text-align: center;
  background: #fff;
  border: 1px solid #eaeaea;
  margin-left: 6px;
}
#s-address .infobox .dia-colse{
  width: 10px;
  height: 10px;
  background: url('../imgs/22.png') no-repeat center;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
#s-address #map{
  position: relative !important;
  width: 100%;
  height: calc(100vh - 90px);
  top: 0;
  left: 0;
}
#s-address .ht1box {
    display: none;
}




.a-menus{height:97px;text-align:center;border-bottom: 1px solid #E1E1E1;}
.a-menus a{position: relative;flex:1;padding:0 15px;height:97px;line-height:97px;max-width: 200px}
.a-menus a.active:after{position: absolute;left:0;bottom:0;width:100%;height:3px;background-color: #e62129;border-top:3px solid #fff000;border-bottom:3px solid #332c2b;content:'';}
.a-menus a:hover{color:#e62129}
.a-menus>.w1300{display: flex;justify-content:center;}


.danye table{border:1px solid #ddd;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
.danye table td{border:1px solid #ddd;}


.danye .adv-lis{margin-top:75px;display: table;width: 100%}
.danye .row{display:table-row;}
.danye .cell{display:table-cell;}
.danye .adv-lis .pic{width: 601px;vertical-align: middle}
.danye .adv-lis .pic img{width: 601px}
.danye .adv-lis .con{vertical-align: middle}
.danye .adv-lis .con .tit{color:#040404;font-size: 26px;}
.danye .adv-lis .con .txt{color:#868686;font-size: 14px;line-height: 35px}
.danye .adv-lis .line{margin:20px 0;width: 45px;height:3px;background-color: #e62129;border-top:3px solid #332c2b;border-bottom: 3px solid #fff000}








