@charset "utf-8";

@font-face {	
font-family: 'Poppins';	
src: url("../fonts/Poppins-Regular.eot");
src: url("../fonts/Poppins-Regular.eot") format("embedded-opentype"), 
url("../fonts/Poppins-Regular.woff") format("woff"), 
url("../fonts/Poppins-Regular.ttf") format("truetype"), 
url("../fonts/Poppins-Regular.svg") format("svg");	
font-weight: normal;
font-style: normal;}

@font-face {	
font-family: 'Poppins02';	
src: url("../fonts/Poppins-Light.eot");
src: url("../fonts/Poppins-Light.eot") format("embedded-opentype"), 
url("../fonts/Poppins-Light.woff") format("woff"), 
url("../fonts/Poppins-Light.ttf") format("truetype"), 
url("../fonts/Poppins-Light.svg") format("svg");	
font-weight: normal;
font-style: normal;}


*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family: 'Poppins', Arial, 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;color:#333;   font-size:16px;  line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; }
a{color:#333; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; }
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:bold; font-family: 'Poppins', Arial, 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
h3{font-weight:normal; }
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{font-size:16px;  outline:none; font-family:'Poppins', Arial, 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}

.section{ padding:80px 0 100px 0;}
.section02{ padding:80px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:100px;}


#a01, #a02, #a03, #a04{ margin-top:-100px; position:absolute; }

.wrap{ width:80%; max-width:1440px; margin:0 auto}
/*.nmain .wrap{ max-width:1366px;}*/
.iwhy .wrap{ width:calc(80% + 20px); max-width:1460px;}

.space{height:106px; }
.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}

.title{ margin-bottom:45px; position:relative; }
.title h4{ color:#e60012; font-weight:lighter; margin-bottom:5px;}
.title h3{ font-size:45px; line-height:45px; font-weight:bold; }
.title .more{ position:absolute; bottom:0; right:0;}
.more a{ display:block; position:relative; width:182px; line-height:55px; background: url(../images/youshibg.jpg) no-repeat center center; color:#fff; text-transform:uppercase; text-align:center; padding-right:20px; } 
.more a::before {position: absolute;content: "";left: 0;top: 0;height: 30%;width: 10%;transition: .5s;background:#e60012;border-radius: 0px 0px 100px 0px;transition: 0.5s;}
.more a:hover::before{height: 100%;width: 100%;border-radius: 0; }
.more a span{ position:relative; display: block; z-index:22; background: url(../images/bnext.png) no-repeat 95% center; background-size:8px auto; }
.title.jvzhong{ text-align:center;}

.header{ height:106px; background:#fff; position:fixed; left:0; top:0; width:100%; z-index:99;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.header .wrap{ position:relative;}
.header .logo{ position:absolute; left:0; top:50%; margin-top:-37px;}
.header .logo img{ display:block; height:74px; width:auto;}

.header .menu{position: relative;z-index: 2; float:right; margin-right:170px; text-transform:capitalize}
.header .menu>ul{display:flex;display:-webkit-flex;justify-content:space-between}
.header .menu>ul>li{ margin:0 20px;position:relative;white-space: nowrap;}
.header .menu .menu_a{color:#333;font-size:18px;line-height:106px;position:relative;display: block; font-family: 'Poppins'}

.header .menu .menu_a:hover, .header .menu .on .menu_a{ color:#e60012}
.header .menu .sub{ position:absolute;left: 50%;top: 100%; width:250px;text-align: center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); opacity: 0;visibility: hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.header .menu .sub .con {background-color: #fff;border-radius: 10px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); position:relative;padding: 10px 0;margin-top: 10px;}
.header .menu .sub .con:before { content:""; width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff; display:block; position:absolute; left:50%; margin-left:-6px; top:-6px}
.header .menu .sub a { display:block; background:#fff; border-bottom:1px solid #e8e8e8;line-height: 20px; padding: 15px 20px;word-wrap: break-word;white-space:normal}
.header .menu .sub a:last-child{border-bottom: 0;}
.header .menu li:hover .sub {opacity: 1;visibility: visible;}
.header .menu .sub a:hover {color:#e60012}

.header .sou{ position:absolute; right:110px; width:20px; height:20px; top:50%; margin-top:-10px; background: url(../images/search.png) no-repeat center center / cover; cursor:pointer; }
.search {position: fixed;left:0;top: 0;right:0;bottom: 0;/* background: #000; */background: rgba(0, 0, 0, 0.85);z-index: 9999;display: none;}
.search-box {width: 50%;position: absolute;top: 50%;transform: translateY(-50%);left: 25%;}
.search .search-con{width:30px; height:30px; display:block; cursor:pointer; background:url(../images/close.png) no-repeat center; background-size:cover; position:fixed; right:8%; top:5%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.search .search-con:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.search .pr{ position:relative}
.search .inp {width: 100%; line-height:80px; height:80px;background: none;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.7);font-size:20px;color: rgba(255, 255, 255, 0.7);}
.search .inp::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.7);}
.search .search_btn {position: absolute; cursor:pointer; border:none; top: 50%; right:0; margin-top:-40px; background:url(../images/pnext.png) no-repeat center; background-size:19px auto;line-height:80px; height:80px; width:19px; }
.header .language{background: url(../images/language.png) no-repeat left center; background-size:20px auto; font-size:16px; margin-left:28px; position:relative; line-height:30px; height:30px; padding-left:32px; top:50%; margin-top:-15px; right:0; position:absolute}
.header .language:after{ content:""; position:absolute; left:-28px; top:50%; margin-top:-10px;  height:20px; width:1px; background:#d0d0d0;}
.header .language a{ color:#000;}
.header .language a:hover{ color:#e60012}

.banner{ position:relative; z-index:1;  height:auto !important; width:100%;}
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative; overflow:hidden}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:40px; height:50px; margin-top:-20px; outline:none; opacity:0.6; top:50%; margin-top:20px; overflow:hidden}
.banner .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center; background-size:20px auto; left:0%; opacity:0.3}
.banner .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; right:0%; opacity:0.3}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-slide{ position:relative}
.banner .swiper-pagination{bottom:40px !important;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #666;opacity: 1;margin:0 10px!important;position: relative;}
.banner .swiper-pagination-bullet:after{content: '';border: 1px solid #666;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.banner .swiper-slide-active{z-index: 2;}
.banner .swiper-pagination-bullet-active{ background:#e60012; }
.banner .swiper-pagination-bullet-active:after{opacity: 1;border: 1px solid #e60012; }


.iproducts .wrap{ position:relative}
.iproducts .swiper-slide{ background:url(../images/iprobg.jpg) no-repeat center center; margin-bottom:40px; position:relative;}
.iproducts .swiper-slide a{ position:relative; text-align:center; width:100%; display:block}
.iproducts .swiper-slide .logob{ position:absolute; left:4%; top:4%; width:25%; }
.iproducts .swiper-slide .logob img{ width:68px; height:auto;}
.iproducts .swiper-slide .text{ text-align:center; padding:10px 15px 66px 15px; position:relative; height:220px;}

.iproducts .swiper-slide .text h3{ font-size:18px; font-weight:bold; }
.iproducts .swiper-slide .text p{ opacity:0.7; line-height:28px;}
.iproducts .swiper-slide .img2{ width:100%; height:auto; min-height:auto; }
.iproducts .swiper-slide .text p span{ color:#e60012;}
.iproducts .swiper-slide .text:after{content: '';display: block;position: absolute;left: 50%; bottom:40px; margin-left:-10px; width: 20px;height: 19px; opacity:0.7; background: url(../images/arrow-righth.png)no-repeat center center;background-size:20px auto;}
.iproducts .swiper-slide .text:hover:after{animation: dongqilai 1s infinite;background: url(../images/arrow-right.png)no-repeat center center;background-size:20px auto; opacity:1; }
@keyframes dongqilai{
	from{left:50%;}
	50%{left:calc(50% + 10px);}
	to{left:50%;}
}
.iproducts .swiper-button-prev, .iproducts .swiper-button-next{ width:50px; height:50px; margin-top:-25px; outline:none; top:50%; border-radius:50%; overflow:hidden}
.iproducts .swiper-button-prev{ background:url(../images/bpre.png) #666 no-repeat center center; background-size:16px auto; left:-65px;}
.iproducts .swiper-button-next{ background:url(../images/bnext.png) #666 no-repeat center center; background-size:16px auto; right:-65px}
.iproducts .swiper-button-prev:hover{ background:url(../images/bpre.png) #e60012 no-repeat center center; background-size:16px auto;}
.iproducts .swiper-button-next:hover{ background:url(../images/bnext.png) #e60012 no-repeat center center; background-size:16px auto;}
.iproducts .swiper-pagination{bottom:0px !important;}
.iproducts .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #666;opacity: 1;margin:0 10px!important;position: relative;}
.iproducts .swiper-pagination-bullet:after{content: '';border: 1px solid #666;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.iproducts .swiper-slide-active{z-index: 2;}
.iproducts .swiper-pagination-bullet-active{ background:#e60012; }
.iproducts .swiper-pagination-bullet-active:after{opacity: 1;border: 1px solid #e60012; }


.iwhy{ position:relative;}
.iwhy:after{ content:""; position:absolute; left:0; top:0; background:url(../images/youshibg.jpg) no-repeat center center / cover; width:100%; height:50%; z-index:-1; opacity:0.8;}
.iwhy .title h3{ color:#fff;}
.iwhy .swiper-slide{ margin-bottom:50px;}
.iwhy .swiper-slide .icon{ width:30%; max-width:120px; margin:0 auto; background:#e60012; border-radius:50%; overflow:hidden; position:relative; z-index:12;}
.iwhy .swiper-slide .icon img{ display:block; width:100%; height:auto; }
.iwhy .swiper-slide .text{ padding:100px 15px 50px 15px; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2); margin:-63px 10px 0 10px;}
.iwhy .swiper-slide .text h3{ font-size:20px; font-weight:bold; text-align:center; }
.iwhy .swiper-slide .text p{ opacity:0.55; line-height:26px; margin:10px 0; min-height:220px;}
.iwhy .swiper-slide .text:after{content: '';display: block;position: absolute;left: 50%; bottom:40px; margin-left:-10px; width: 20px;height: 19px; opacity:0.7; background: url(../images/arrow-righth.png)no-repeat center center;background-size:20px auto;}
.iwhy .swiper-slide .text:hover:after{animation: dongqilai 1s infinite;background: url(../images/arrow-right.png)no-repeat center center;background-size:20px auto; opacity:1; }
.iwhy .swiper-pagination{bottom:0px !important;}
.iwhy .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #666;opacity: 1;margin:0 10px!important;position: relative;}
.iwhy .swiper-pagination-bullet:after{content: '';border: 1px solid #666;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.iwhy .swiper-slide-active{z-index: 2;}
.iwhy .swiper-pagination-bullet-active{ background:#e60012; }
.iwhy .swiper-pagination-bullet-active:after{opacity: 1;border: 1px solid #e60012; }

.iabout .wrap{ display:table;}
.iabout .company{ width:45%; display: table-cell; vertical-align: middle;}
.iabout .company img{ display:block; width:100%; height:auto; }
.iabout .text{ width:55%; display: table-cell; vertical-align: middle; padding-left:5%;}

.iabout .text .conn p{ opacity:0.55;}
.iabout .text .more{ margin:80px 0 30px 0;}



.ifeedback{ position:relative;}
.ifeedback .title h3{ color:#fff;}
.ifeedback:before{ content:""; position:absolute; left:0; top:0; height:100%; width:50%; background:url(../images/messages.jpg) no-repeat center center / cover;z-index:-1; }
.ifeedback:after{ content:""; position:absolute; right:0; top:0; height:100%; width:50%; background:url(../images/youshibg.jpg) no-repeat center center / cover; z-index:-1; opacity:0.8;}
.ifeedback .conn{ width:50%; margin-left:50%; padding:5%;}
.ifeedback .conn input{ display:block; width:100%; line-height:45px; height:45px; padding:0 10px;}
.ifeedback .conn textarea{display:block; width:100%; height:155px; padding:10px;}
.ifeedback .conn .columns{ margin-bottom:20px;}
.ifeedback .conn .columns .row{ float:left; width:48.5%}
.ifeedback .conn .columns .row:last-child{ float:right;}
.ifeedback .conn .submit{background:#000; text-align:center; color:#fff; border:none; line-height:55px; height:55px; margin-top:10px; font-size:110%; cursor:pointer;}
.ifeedback .conn .submit:hover{background:url(../images/youshibg.jpg) no-repeat center center; }

.inews .conn{ position:relative;}
.inews .kuai{ width:32%; margin-right:2%; float:left; background:url(../images/iprobg.jpg) no-repeat center center;}
.inews .kuai:last-child{ margin-right:0;}
.inews .kuai .text{ padding:20px 20px 25px 20px;}
.inews .kuai .text h3{ font-size:18px; line-height:28px; min-height:84px; margin-bottom:25px;}
.inews .kuai .text p{ color:#666; font-size:15px;}
.inews .aqlist{ position: absolute; top:0; right:0; width:32%; height:100%; background:url(../images/iprobg.jpg) no-repeat center center; padding:30px 20px; overflow:auto;}
.inews .aqlist li{ margin-bottom:15px;}
.inews .aqlist .aqlist_tit h3{ font-size:18px; padding-right:20px; position:relative; display:block}
.inews .aqlist .aqlist_tit h3>i{ position:absolute; width:10px; height:10px; right:0;top:10px; cursor:pointer;}
.inews .aqlist .aqlist_tit h3>i:before{ content:""; width:10px; height:1px; background:#333; position:absolute; left:0;top:50%; margin-top:-0.5px;}
.inews .aqlist .aqlist_tit h3>i:after{ content:""; width:1px; height:10px; background:#333; position:absolute; left:50%; margin-left:-0.5px; top:0;}
.inews .aqlist li.cur .aqlist_tit h3 i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}
.inews .aqlist .aqlist_con{ display:none;opacity:0.55; line-height:26px;}


.footer{background:url(../images/youshibg.jpg) no-repeat center center; padding:50px 0;}
.footer .bottom{ padding-bottom:20px;}
.footer .bottom .flogo{ float:left}
.footer .bottom .flogo img{ display:block; height:70px; width:auto}
.footer .uses{ margin-top:30px; float:right}
.footer .uses .kuai{ width:33px; height:33px;background:#fff; float:left; border-radius:50%; margin-right:10px; position:relative}
.footer .uses .kuai .sub{ display:none; border:solid 1px #ddd; position:absolute; left:-55px; bottom:45px}
.footer .uses .kuai .sub img{ width:132px; display:block}
.footer .uses .icon{ position:relative; z-index:2;width:33px; height:33px; cursor:pointer}
.footer .uses .wcode .icon{background:url(../images/ficon001.png) no-repeat center center; background-size:cover; }
.footer .uses .wcode:hover .sub{ display:block;}
.footer .uses .mail .icon{background:url(../images/ficon002.png) no-repeat center center; background-size:cover; }
.footer .uses .admin .icon{background:url(../images/ficon003.png) no-repeat center center; background-size:cover; }

.footer .fcontent{ padding:60px 0; border-top:solid 1px rgba(255,255,255,0.3); border-bottom:solid 1px rgba(255,255,255,0.3)}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block;}
.footer li h3{ font-size:18px; margin-bottom:20px; color:#fff; position:relative;}
.footer li  h3 a{ color:#fff}
.footer p{ color: rgba(255,255,255,0.7); padding:4px 0; display:block; }
.footer p a{ color: rgba(255,255,255,0.7) }
.footer p a:hover{ color:#fff}
.footer li:last-child{ max-width:400px;}
.footer li:last-child h3{  line-height:42px; }
.footer li:last-child h3 span{padding-left:60px; background:url(../images/tel.png) no-repeat left center;font-size:22px; display:inline-block;}
.footer li:last-child p span:nth-child(1){ width:60px; float:left;}
.footer li:last-child p span:nth-child(2){ width:calc(100% - 60px); float:right}
.footer .copyright{ color: rgba(255,255,255,0.7); line-height:25px; padding:25px 0; font-size:15px;}
.footer .copyright a{color: rgba(255,255,255,0.7); padding:0 10px;}
.footer .copyright a:hover{color:#fff;}

.float_r{ position:fixed; font-size:12px; right:0px; top:50%; margin-top:-104px; z-index:111; padding:5px 5px 0px 5px; background:#272727;}
.float_r li{position:relative; cursor:pointer; text-align:center; height:75px; border-bottom:solid 1px #ddd; padding-top:5px}
.float_r .hd{position:absolute; left:-160px; top:0px; display:none; }
.float_r .hd p{ line-height:20px; padding:5px 0 0 0;}
.float_r .img{height:62px; text-align:center; width:50px;}
.float_r .img img{position:relative; top:5px; display:block; margin:0 auto}
.float_r .img p{ color:#fff;}

.float_r li:hover .hd{display:block;}

.float_r .li2 .hd{background:#272727; width:150px ; text-align:center; padding:10px; color:#fff; bottom:0; top:auto; }
.float_r .li2 .hd .ewm img{ display:block; width:100%}
.float_r .backtop{border-bottom:none;}
.float_r .backtop img{ margin-top:10px;}
.float_r li img{ display:block; width:auto; max-width:125px;}


.nbanner{ position:relative}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ text-align:center; position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; margin-top:-30px; color:#fff; width:100%}
.nbanner .text h3{ margin-bottom:10px; font-size:50px; line-height:50px;}
.nbanner .text p{ font-size:18px; line-height:30px; display:inline-block; }
.nbanner .text p a, .nbanner .text p i{ display:block; float:left;}
.nbanner .text p i{ width:20px; height:30px; background:url(../images/bnext.png) no-repeat center center; background-size:5px auto;}
.nbanner .text a{ color:#fff}


.nguide{ margin-bottom:12px; font-size:17px; position:relative; margin-top:-30px;}
.nguide li{color:#fff; float:left; background:#f8f8f8; line-height:60px;display:block; width:calc(33.33% - 10px); margin-right:15px; text-align:center;cursor:pointer; position:relative}
.nguide li:last-child{ margin-right:0 !important;}
.nguide02 li{ width:calc(50% - 7.5px);}

.nguide03 li{ width:calc(33.33% - 10px);}
.nguide05 li{ width:calc(20% - 12px);}
@media screen and (max-width: 1750px){
.nguide05 li{ width:auto !important;}
.nguide05 li a{ padding-left:46px !important; padding-right:46px !important;}
}
@media screen and (max-width: 1728px){
.nguide05 li a{ padding-left:42px !important; padding-right:42px !important;}
}
@media screen and (max-width: 1680px){
.nguide05 li a{ padding-left:40px !important; padding-right:40px !important;}
}
@media screen and (max-width: 1580px){
.nguide05 li a{ padding-left:38px !important; padding-right:38px !important;}
}
@media screen and (max-width: 1490px){
.nguide05 li a{ padding-left:35px !important; padding-right:35px !important;}
}
@media screen and (max-width: 1480px){
.nguide05 li a{ padding-left:30px !important; padding-right:30px !important;}
}
@media screen and (max-width: 1440px){
.nguide05 li a{ padding-left:28px !important; padding-right:28px !important;}
}
@media screen and (max-width: 1280px){
.nguide05 li a{ padding-left:22px !important; padding-right:22px !important;}
}
@media screen and (max-width: 1160px){
.nguide05 li a{ padding-left:15px !important; padding-right:15px !important;}
}
@media screen and (max-width: 1160px){
.nguide05 li a{ padding-left:15px !important; padding-right:15px !important;}
}
@media screen and (max-width: 1100px){
.nguide05 li a{ padding-left:5px !important; padding-right:5px !important;}
}

.nguide li:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;  background:url(../images/iprobg.jpg) no-repeat left center;}
.nguide li:last-child{ margin-right:0}
.nguide li a{ display:block;position:relative; z-index:2}

.nguide li a.cur,.nguide li a:hover{ background:#e60012; color:#fff}
.nguide li a:hover:after, .nguide li a.cur:after {content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #e60012;position: absolute;left: 50%;margin-left: -5px;bottom: -5px;}


.iabout .nyoushi{ margin-top:50px;}
.iabout .nyoushi h3{ padding-left:80px; height:80px; display:flex;align-items:center; }
.iabout .nyoushi h3 span{line-height:24px; display:block; width:100%;}
.iabout .nyoushi h3:nth-child(1){background:url(../images/ny01.png) no-repeat left center; background-size:auto 50px;}
.iabout .nyoushi h3:nth-child(2){background:url(../images/ny02.png) no-repeat left center; background-size:auto 50px;}
.iabout .nyoushi h3:nth-child(3){background:url(../images/ny03.png) no-repeat left center; background-size:auto 50px;}



.nculture{ position:relative}
.nculture:after{ content:""; position:absolute; left:0; top:0; background:url(../images/iprobg.jpg) no-repeat center center / cover; width:100%; height:100%; z-index:-1; opacity:0.8;}
/*.nculture .title h3{ color:#fff;}*/

.nculture .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; width:100% ;margin-top:-2%;}
.nculture .item{ background:#fff; padding:35px; width:49%; margin-top:2%;margin-right:2%;}
.nculture .item:nth-child(2n){ margin-right:0}
.nculture .text{ float:right; width:calc(100% - 120px);}
.nculture .text h3{ font-weight:bold; font-size:20px; margin:0px 0 10px 0;}
.nculture .text p{ opacity:0.6; line-height:28px;}
.nculture .icon{ float:left; width:90px; height:90px; background:#e60012; border-radius:50%; position:relative;}
.nculture .icon img{ display:block; margin:0 auto; width:auto; max-width:100%; max-height:100%; position: absolute;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%; padding:20%}
.nculture .item:nth-child(2n) .icon{ float:right}
.nculture .item:nth-child(2n) .text{ float:left}


.partner .conn{ margin-top:60px}
.partner ul{ width:100%; max-width:1350px; margin:0 auto}
.partner li{ float:left; width:16%; margin:0 2%; margin-top:-2%;background:url(../images/casebg.png) no-repeat center center; background-size:cover; position:relative }
.partner li img{max-width:100%; max-height:100%; padding:24%;}
.partner li:nth-child(6){ margin-left:11.5%}

.sblist ul{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; width:100%}
.sblist li{ width:32%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden; border:solid 1px #ddd; cursor:pointer}
.sblist li:nth-child(3n){ margin-right:0%; }
.sblist li .show {background:url(../images/iprobg.jpg) no-repeat center center;}
.sblist li .show .wenzi{ text-align:center; padding:15px 0 20px 0; background:#fff; }
.sblist li:before{ content:""; position:absolute; width:100%; height:3px; background:#ddd; left:0%; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.sblist li:after{ content:""; position:absolute; z-index:9; width:100%; height:3px; background:#e60012; left:-100%; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.sblist li:hover:after{ left:0}

.sblist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:9999}
.sblist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.sblist li .hd .closed{ width:37px; height:37px; display:block; background:url(../images/close.png) no-repeat center; position:absolute; left:50%; margin-left:350px; top:15%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.sblist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.sblist li .hd .sb_con{ width:640px; height:80%; position:absolute;top:15%;left:50%; margin-left:-320px;font-size:16px; line-height:38px; cursor:default; overflow-y:auto; z-index:99}
.sblist li .hd .sb_con .wenzi{background:#fff; line-height:26px; padding:15px 0; text-align:center}
.sblist li .hd .sb_con .intro{ background:#fff; padding:0 25px 25px 25px; line-height:30px;}



.sblist li .img-dv .img2{ height:100% !important; width:auto !important}

.ivideolist ul{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; width:100%}
.ivideolist li{ width:32%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden; border:solid 1px #ddd; cursor:pointer}
.ivideolist li:nth-child(3n){ margin-right:0%; }

.ivideolist li .tit{ text-align:center; padding:15px 0 20px 0; background:#fff; }
.ivideolist li:before{ content:""; position:absolute; width:100%; height:3px; background:#ddd; left:0%; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.ivideolist li:after{ content:""; position:absolute; z-index:9; width:100%; height:3px; background:#e60012; left:-100%; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.ivideolist li:hover:after{ left:0}


.ivideolist .picbox{ position:relative; overflow:hidden}
.ivideolist .img1{ display:block; width:100%; height:auto}
.ivideolist .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover; margin:auto; z-index:2}
.ivideolist .video-btn{position:absolute; left:0%;top:0%; width:100%; height:100%; z-index:3}
.ivideolist video{ width:100%; height:100%;position:absolute; left:0;top:0;right:0;bottom:0;margin:auto;background:#000;z-index:-1; opacity:0.0001}
.ivideolist iframe{ width:auto; height:auto; min-width:100%; min-height:100%;margin:auto;}

.ivideolist li:hover iframe{ z-index:9999}
.ivideolist li:hover{ cursor:pointer}

.ivideolist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#fff; display:none; z-index:99}
.ivideolist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.ivideolist li .hd .closed{ width: 48px;height: 48px;  display:block; background:url(../images/close.png) no-repeat center; position:absolute; right:3%; top:3%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.ivideolist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.ivideolist li .hd .hr_con{left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;width:80%;height:80%;position: fixed;z-index: 9999;}
.ivideolist li .hd .hr_con iframe{left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;position: fixed;z-index: 9999; width:100%; height:auto}
.ivideolist li .hd .hr_con .tit_hd{ font-size:20px; color:#fff;line-height:55px; text-align:center}




.video-mask {position: fixed;z-index: 999;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.9); display: none;}
.video-panel {position: fixed;display: none;clear: both;top: 0;left: 0;bottom: 0;right: 0;z-index: 9999; width:100%; height:100%;}
.video-panel .video-div,.video-panel .video-bar {width: 100%;}
.video-panel .video-div {width: 100%;height: 100%;top: 0;left: 0; margin:0 !important; z-index: 11;position: absolute;}
.video-panel .video-close {background: url(../images/close.png);background-size:100%;width: 30px;height: 30px; opacity:0.9; cursor:pointer; position: absolute; top:-60px; right:-60px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-panel .video-close:hover {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.video-panel .video-img { width:70%; max-width:1920px; height:auto; max-height:80%; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; position:fixed;z-index:9999; }
.video-panel .video-img iframe{ width:1920px; height:1080px; margin:0 auto}

.video-panel .video-left,.video-panel .video-right {width: 100px; position:absolute; left:-100px; top:50%; margin-top:-70px;}
.video-panel .video-right{right:-100px; left:auto; }
.video-panel .arrow-prv {background: url(../images/l_ch.png) no-repeat; background-size:100%; width: 100px;height: 100px; opacity:0.9}
.video-panel .arrow-prv:hover {background: url(../images/l_ch.png);background-size:100%;width: 100px;height: 100px;cursor: pointer;opacity:1}
.video-panel .arrow-next {background: url(../images/r_ch.png);width: 100px;background-size:100%;height:100px;opacity:0.9}
.video-panel .arrow-next:hover {background: url(../images/r_ch.png);background-size:100%;width: 100px;height: 100px;cursor: pointer;opacity:1}
.video-panel .video-bar{ text-align:center; width:100%; color:#fff; margin-top:20px}

.nnewslist .wrap{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nnewslist .wrap .kuai{ width:32%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden; border:solid 1px #ddd; cursor:pointer}
.nnewslist .wrap .kuai:nth-child(3n){ margin-right:0%; }
.nnewslist .kuai{ width:32%; margin-right:2%; float:left; background:url(../images/iprobg.jpg) no-repeat center center;}
.nnewslist .kuai:hover{box-shadow: 0 0 10px #ccc;}
.nnewslist .kuai:last-child{ margin-right:0;}
.nnewslist .kuai .text{ padding:20px 20px 25px 20px;}
.nnewslist .kuai .text h3{ font-size:18px; line-height:28px; min-height:84px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;  margin-bottom:25px;}
.nnewslist .kuai .text p{ color:#666; font-size:15px;}


.naqlist li{ background:#fff; border-radius:8px; border:solid 1px #ddd; padding:14px 22px; margin-bottom:12px;}
.naqlist li:hover, .naqlist li.cur{box-shadow: 0 0 10px #ccc;}
.naqlist li .aqlist_tit{background:url(../images/jia.png) no-repeat right center; line-height:24px; padding:5px 40px 5px 0 ;}
.naqlist li.cur .aqlist_tit{background:url(../images/jian.png) no-repeat right center;}
.naqlist .aqlist_tit{ line-height:30px; color:#000;  font-weight:bold; font-size:16px;}
.naqlist li.cur .aqlist_tit {color:#e60012}
.naqlist li.cur .aqlist_tit span{ display:none}
.naqlist .aqlist_con{ display:none;color:#666; line-height:30px; padding-top:5px; position:relative;}
.naqlist .aqlist_con .cheng{ color:#e60012}


.nnewsdetail .newsleft{ float:left; width:calc(100% - 450px)}
.nnewsdetail .newsleft .title{ margin-bottom:25px;}
.nnewsdetail .newsleft .title h3{ font-size:30px;}
.nnewsdetail .newsleft .date{color:#e60012; font-size:16px; margin-top:15px;}
.nnewsdetail .newsleft .newscon { color:#555}
.nnewsdetail .newsleft .newscon p{ margin-bottom:10px;font-size:17px; }
.nnewsdetail .newsleft .newscon img{ display:block;width:auto; max-width:100%; margin:20px auto}

.nnewsdetail .newsright{ float:right; width:360px; background:#fff; border:solid 1px #ddd; padding:30px;}
.nnewsdetail .newsright .ntitle{ margin-bottom:20px;}
.nnewsdetail .newsright .ntitle h3{ font-size:24px; font-weight:bold}
.nnewsdetail .newsright .nrconn .kuai{ margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #ddd}
.nnewsdetail .newsright .nrconn .kuai:last-child{ margin-bottom:0; border-bottom:none}
.nnewsdetail .newsright .nrconn .kuai h3{ font-size:17px; line-height:28px;}
.nnewsdetail .newsright .nrconn .kuai p{ color:#888; margin-top:10px;}

.nnewsdetail .newsright.fixeds{ right:calc(50% - 720px);}
.fixeds{position:fixed; top:130px !important}
@media screen and (max-width:1800px){
.nnewsdetail .newsright.fixeds{ right:10%;}
}
@media screen and (max-width: 1650px){
.nnewsdetail .newsright.fixeds{ right:8%;}
}
@media screen and (max-width: 1366px){
.nnewsdetail .newsright.fixeds{ right:6%;}
}
@media screen and (max-width: 1240px){
.nnewsdetail .newsright.fixeds{ right:5%;}
}
@media screen and (max-width: 1024px){
.nnewsdetail .newsright.fixeds{ right:4%;}
}
.ncontact .conn{ line-height:50px; font-size:18px;}
.ncontact .conn .ctop{ margin-bottom:25px; line-height:42px;}
.ncontact .conn .ctop h3{font-size:24px; }
.ncontact .conn {background:url(../images/map.jpg) no-repeat right center; background-size:auto 100%;}
.ncontact .conn .intro p{ padding-left:30px; max-width:640px; opacity:0.7; margin:15px 0;}
.ncontact .conn .intro p span{ display:inline-block}
.ncontact .conn .intro p.add span:nth-child(1){ width:65px; vertical-align:top;} 
.ncontact .conn .intro p.add span:nth-child(2){ width:calc(100% - 65px); vertical-align:top;} 
.ncontact .conn .intro p.add{background:url(../images/add.png) no-repeat left 16px}
.ncontact .conn .intro p.mail{background:url(../images/cmail.png) no-repeat left 19px}
.ncontact .conn .intro p.fax{background:url(../images/fax.png) no-repeat left 16px}
.ncontact .conn .intro p.tel{background:url(../images/ctel.png) no-repeat left 16px}
.ncontact .conn .intro p.web{background:url(../images/web.png) no-repeat left 16px}
.ncontact .conn .intro p.sk{background:url(../images/sk.png) no-repeat left 16px}

.inquiry{ background:url(../images/iprobg.jpg) no-repeat center center; }
.inquiry .wrap .title{ max-width:605px; margin-left:auto; margin-right:auto}
.inquiry .form .column{ float:left; position:relative; width:calc(33.33% - 15px); margin-right:15px; margin-bottom:15px; position:relative; background:#fff; }
.inquiry .form .row_1 { margin-right:-15px}
.inquiry .form .row_1 input{ border:none; line-height:48px; height:48px; width:calc(100% - 95px);}
.inquiry .form .row_1 label{ position:absolute; left:0;top:0; line-height:48px; height:48px; color:#999;padding-left:10px}
.inquiry .form .row_2{background:#fff; position:relative; margin-bottom:15px; }
.inquiry .form .row_2 label{ position:absolute; left:0;top:0; line-height:48px; height:48px; color:#999;padding-left:15px}
.inquiry .form .row_2 textarea{ width:100%; height:100px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; padding-left:95px}
.inquiry .form .row{ clear:both;}
.inquiry .form .row .submit{ display:block;font-size:18px; border:none; margin:20px auto 0 auto;text-align:center; background:#e60012; border-radius:8px; width:180px;line-height:52px; color:#fff;}
.inquiry .form .row .submit:hover{box-shadow: 0 5px 10px rgba(0,0,0,.15);}




.nproducts .wrap{ position:relative;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nproducts .item { background:url(../images/iprobg.jpg) no-repeat center center; margin-bottom:40px; width:32%; margin-right:2%; margin-bottom:2%;}
.nproducts .item:nth-child(3n){ margin-right:0; }
.nproducts .item a{ position:relative; text-align:center; display:block; }
.nproducts .item .logob{ position:absolute; left:4%; top:4%;}
.nproducts .item .logob img{ display:block; width:68px}
.nproducts .item .text{ text-align:center; padding:0px 20px 66px 20px; position:relative; }
.nproducts .item .text h3{ font-size:18px; font-weight:bold; }
.nproducts .item .text .con{ opacity:0.7; line-height:28px; margin:10px 0; min-height:56px;}
.nproducts .item .img2{ width:100%; height:auto; min-height:auto; }
.nproducts .item .text p span{ color:#e60012;}
.nproducts .item .text:after{content: '';display: block;position: absolute;left: 50%; bottom:40px; margin-left:-10px; width: 20px;height: 19px; opacity:0.7; background: url(../images/arrow-righth.png)no-repeat center center;background-size:20px auto;}
.nproducts .item .text:hover:after{animation: dongqilai 1s infinite;background: url(../images/arrow-right.png)no-repeat center center;background-size:20px auto; opacity:1; }

.protop{/*background:url(../images/protopbg.jpg) no-repeat center center; background-size:cover;*/}
.protop .location{ width:100%; line-height:24px; padding:18px 0; border-bottom:solid 1px rgba(255,255,255,0.3); border-top:solid 1px rgba(255,255,255,0.3); color:#666}
.protop .location a{ color:#666}
.protop .procon{ position: relative;}
.protop .procon .pics{ width:40%; float:left; border:solid 1px #ddd;}


.protop .picsshow{ float:left; width:50%; border:solid 1px #dedede; background:#fff; padding:15px 25px;}
.protop .swiper-container-wrapper { position:relative;}
.protop .swiper-container-wrapper .gallery-top img{ display:block; width:100%; height:auto;}

.protop .gallery-thumbs {width: 16%;height: 100%; margin-left:0px !important;  overflow:hidden; position:absolute; left:0; top:0; }
.protop .gallery-thumbs .swiper-wrapper {flex-direction: column;}
.protop .gallery-thumbs .swiper-slide {flex-flow: column nowrap;width: 100%; min-width:60px !important; cursor: pointer;}
.protop .gallery-thumbs .swiper-slide .pic{ display:block; height:90px; margin:5px 0; border: 1px solid #ddd;}
.protop .gallery-thumbs .swiper-slide-thumb-active .pic{border: 1px solid #e60012;}

@media screen and (max-width: 1650px){
.protop .gallery-thumbs .swiper-slide .pic{ height:80px;}
}
@media screen and (max-width: 1550px){
.protop .gallery-thumbs .swiper-slide .pic{ height:75px;}
}
@media screen and (max-width: 1366px){
.protop .gallery-thumbs .swiper-slide .pic{ height:70px;}
}
@media screen and (max-width: 1300px){
.protop .gallery-thumbs .swiper-slide .pic{ height:65px;}
}
@media screen and (max-width: 1240px){
.protop .gallery-thumbs .swiper-slide .pic{ height:60px;}
}
@media screen and (max-width: 1024px){
.protop .gallery-thumbs .swiper-slide .pic{ height:55px;}
}
@media screen and (max-width: 920px){
.protop .gallery-thumbs .swiper-slide .pic{ height:90px;}
}
@media screen and (max-width: 768px){
.protop .gallery-thumbs .swiper-slide .pic{ height:80px;}
}
@media screen and (max-width: 700px){
.protop .gallery-thumbs .swiper-slide .pic{ height:70px;}
}
@media screen and (max-width: 600px){
.protop .gallery-thumbs .swiper-slide .pic{ height:60px;}
}
@media screen and (max-width: 540px){
.protop .gallery-thumbs .swiper-slide .pic{ height:50px;}
.protop .gallery-thumbs{ width:20%; }
.protop .picsshow{ padding:10px;}
}
@media screen and (max-width: 460px){
.protop .gallery-thumbs .swiper-slide .pic{ height:40px;}
}
.protop .gallery-top {width: 80%; margin-left:20%}
.protop .gallery-top .img2{ display:block; width:auto; height:auto; min-height:auto !important; max-width:100% !important;; max-height:100% !important;;}
.protop .swiper-button-next, .protop .swiper-button-prev{ top:15px; bottom:0px; left:50%; margin-left:-12.5px; border:none !important; color: #15274d !important; width:25px; height:25px;text-align:center; transform: rotate(90deg);}
.protop .swiper-button-next{ top:auto; bottom:0px;}
.protop .swiper-button-next:after, .protop  .swiper-button-prev:after{font-size: 18px !important; border:none !important; line-height:25px; width:25px; height:25px;}



.protop .wenzi{ width:45%; margin-top:3%; float:right;}
.protop .wenzi .conn{line-height:35px; opacity:0.7}
.protop .wenzi .conn .item{ color: #666; margin:8px 0; clear:both; display:block;}
.protop .wenzi .conn .item .left{ width:90px; float:left; display:block}
.protop .wenzi .conn .item .right{ float:right; width:calc(100% - 90px)}
.protop .wenzi .conn .item .right a{ display:inline-block; padding:0px 10px 0px 30px; color:#fff; margin-right:3px; margin-bottom:3px; background:url(../images/tag.png) #999 no-repeat 10px center;}
.protop .wenzi .conn .item .right a:hover{background:url(../images/tag.png) #e60012 no-repeat 10px center;}
.protop .wenzi .protitle h3{ font-size:30px; font-weight:bold; margin-bottom:30px; padding-bottom:20px; position:relative;}
.protop .wenzi .protitle h3:after{ content:""; position: absolute; left:0; bottom:0; width:60px; height:3px; background:#e60012}
.protop .wenzi .use{ margin-top:60px;}
.protop .wenzi .use .ptel{float:left;}
.protop .wenzi .use .ptel a{ display:block; border-radius:5px; overflow:hidden; width:160px; line-height:42px; height:42px; background:url(../images/icon_7.png) #e60012 no-repeat 25px center; color:#fff; padding-left:30px; text-align:center;} 

.protop .wenzi .use .pfeedback{margin-left:45px; float:left;}
.protop .wenzi .use .pfeedback a{ display:block; border-radius:5px; overflow:hidden; width:160px; line-height:42px; height:42px; background:url(../images/pfeed.png) #e60012 no-repeat 25px center; color:#fff; padding-left:30px; text-align:center;} 


.npdpnav{ line-height:60px; height:60px; font-size:18px;background: url(../images/iprobg.jpg) no-repeat left center;}
.npdpnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.npdpnav li{white-space:nowrap; width:auto; display:inline-block; }
.npdpnav li a{ color:#222; padding:0 35px; display:inline-block; white-space:nowrap;}
.npdpnav li.cur a{ background:#e60012; color:#fff;}



.nmain.section{ padding-top:60px !important}

.prodetail .title{ margin-bottom:0}
.prodetail .ktitle { position:relative; padding-left:18px; font-size:24px; font-weight:bold; margin-top:35px; border-bottom:solid 1px #ddd; padding-bottom:15px;}
.prodetail .ktitle:after{ content:""; position:absolute; left:0; top:50%; margin-top:-20px; width:5px; height:26px; background:#e60012}

.prodetail .intro{ padding:40px 0; color:#555;}
.prodetail .intro img{ width:auto; max-width:100%}
.prodetail .intro h3{ margin-bottom:15px; font-weight:bold; font-size:20px; color:#222}
.prodetail .intro p{ margin-bottom:10px;}
.prodetail .intro.shebei{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; width:100%}
.prodetail .intro.shebei .item{ width:15%; margin-right:2%; text-align:center}
.prodetail .intro.shebei .item:nth-child(6n){ margin-right:0; }
.prodetail .intro.shebei .item .text{ margin-top:10px; line-height:25px;}
.prodetail .intro.shebei .item .pic{ max-width:180px; margin:0 auto;}

.npdpnav.fixeds{position:fixed; left:0; top:105px !important; width:100%; z-index:9; background: #eee;}
.section-wrapper {margin-top: -160px;padding-top: 160px;}

.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; padding:18px 0; margin-top:50px;color:#888}
.shangxia li{ float:left;}
.shangxia li:nth-child(2){ float:right;}
.shangxia li a{ color:#888}
.shangxia li a:hover{ color:#e60012}

.prodetail .more a{ margin:0 auto;}


.tjpro .swiper-slide{ background:url(../images/iprobg.jpg) no-repeat center center; margin-bottom:40px;}
.tjpro .swiper-slide a{ position:relative; text-align:center; display:block; }
.tjpro .swiper-slide .logob{ position:absolute; left:4%; top:4%;}
.tjpro .swiper-slide .logob img{ width:65px;}
.tjpro .swiper-slide .text{ text-align:center; padding:0px 15px 66px 15px; height:220px; position:relative; }
.tjpro .swiper-slide .text h3{ font-size:18px; font-weight:bold; }
.tjpro .swiper-slide .text p{ opacity:0.7; line-height:28px; margin:10px 0; min-height:56px;}
.prodetail .tjpro .swiper-slide .img-dv .img1{ width:100%; height:auto; }
.tjpro .swiper-slide .img2{ width:100%; height:auto; min-height:auto; }
.tjpro .swiper-slide .text p span{ color:#e60012;}
.tjpro .swiper-slide .text:after{content: '';display: block;position: absolute;left: 50%; bottom:40px; margin-left:-10px; width: 20px;height: 19px; opacity:0.7; background: url(../images/arrow-righth.png)no-repeat center center;background-size:20px auto;}
.tjpro .swiper-slide .text:hover:after{animation: dongqilai 1s infinite;background: url(../images/arrow-right.png)no-repeat center center;background-size:20px auto; opacity:1; }
.tjpro .swiper-pagination{bottom:0px !important;}
.tjpro .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #666;opacity: 1;margin:0 10px!important;position: relative;}
.tjpro .swiper-pagination-bullet:after{content: '';border: 1px solid #666;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.tjpro .swiper-slide-active{z-index: 2;}
.tjpro .swiper-pagination-bullet-active{ background:#e60012; }
.tjpro .swiper-pagination-bullet-active:after{opacity: 1;border: 1px solid #e60012; }