/*
* Power by www.826pc.com
*/
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#333; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;outline:none;}
a:hover {text-decoration:none; color:#ffa800;noOutline:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{border:0; width:100%;}
b {font-weight:700;}i,em {font-style:normal;}

button, input, select, textarea {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none;}
button {cursor:pointer;}

input::-moz-placeholder,  textarea::-moz-placeholder{color:#ccc;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#ccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#ccc;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block; }
*+html .clearfix {min-height:1%;}

body {font-size:12px; color:#333; background:#fff; font-family:Verdana,Microsoft YaHei,Arial,Helvetica, sans-serif; padding:0; margin:0; behavior:url("../images/csshover.htc");-webkit-text-size-adjust:none;}

.main {position:relative; margin:0 auto; width:96%; max-width:1200px; color:#444;}

/***头部***/
.topbar {position:relative; top:0; left:0; display:block; width:100%; background-color:rgba(231,231,231,1); z-index:99;}
.topbar-left{float:left; width:50%; font-size:12px; line-height:35px;}
.topbar-right {float:right; width:50%; font-size:12px; line-height:35px; text-align:right;}
.topbar .main {height:35px;}


.header {position:relative; top:0; left:0; display:block; width:100%; background-color:rgba(255, 255, 255, 1); z-index:99;}
.header .main {height:92px;}

.header-left{float:left; margin-top:15px; width:73%; font-size:12px; line-height:22px;}
.header-logo {float:left;width:215px; margin-right:20px;}
.header-left h3{ display:inline-block; margin-right:20px;}
.header-left h3 p{ top:25px; position: absolute}
.header-left h3 img{ width:364px;}

.header-right {float:right; margin-top:22px; height:50px; }
.header-tel{background:url(../images/toptel.png) left center no-repeat; padding-left:48px; line-height:25px; font-size:14px;}
.header-tel p{ font-size:16px; color:#ffa800; font-weight:700; transform: scale(1,1.3);-ms-transform: scale(1,1.3);-webkit-transform: scale(1,1.3);-moz-transform: scale(1,1.3);-o-transform: scale(1,1.3);}

.header-nav  {position:relative; top:0; left:0; display:block; width:100%; background-color:rgba(37, 19, 133, 1); z-index:99; margin-bottom:1px;}
.header-nav li {position:relative; height:50px; line-height:50px; font-size:15px; text-align:center; font-weight:700; width:12.5%; float:left;}
.header-nav li a{ color:#FFF;}

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear: both;}
#menu {zoom:1;}
#menu li:hover > a {color:#ffa800;}
*html #menu li a:hover {color:#ffa800;}
#menu ul {margin:10px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:50px; width:150px; z-index:1; background:none; background-color:rgba(0,0,0,0.65); -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#menu li:hover > ul {opacity:1; visibility:visible; margin:0 0 0 0; width:150px;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0; width:150px;}
#menu ul li { margin:0; padding:10px 10px; width:130px; height:auto; line-height:22px; font-size:14px; background:none; border-bottom:1px solid rgba(255,255,255,0.15);text-align:center; text-transform:capitalize;}
#menu ul li a {display:block; color:#fff;}
#menu ul li:hover {color:#ffa800;}
#menu ul li:hover a{color:#ffa800;}
#menu ul ul {top:0; left:0; margin:0 0 0 10px; display:block;}

.m-header {display:none;}

@media screen and (max-width:1024px) {
.header-left h3 p{ display:none;}
}
@media screen and (max-width:768px) {
.topbar, .header, .header-nav {display:none;}

.m-header {display:block; position:fixed; top:0; left:0; width:100%; background-color:rgba(255,255,255,1); border-bottom: 1px solid #ddd; z-index:999;}
.m-header .main {margin:0 auto; width:96%; height:70px; overflow:hidden;}
.m-header-logo {float:left; margin-top:8px; width:auto;}

.nav-btn {position:relative; float:right; margin:25px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#222222; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:42px; background:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:70px;}
.nav-show ul {border-bottom:0px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; padding-left:20px; line-height:40px; font-size:15px; border-top:1px #ddd solid;}
.m-nav >ul >li:last-child {border-bottom:1px #ddd solid;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#000;width:80%;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#6a6a6a; line-height:36px; text-align:left;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul {margin-left:10px;}
}


/***banner***/
.flexslider{display:block; position:relative; height:auto; background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative; z-index:0; margin:0 auto; width:100%; overflow:hidden;}
.slides li {position:relative;}
.slides li img {display:block;}

.flex-control-nav{position:absolute; bottom:15px; left:50%; margin-left:-60px; padding:4px 0 2px; z-index:2; width:120px; text-align:center;}
.flex-control-nav li{display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(../images/bpng01.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng02.png) no-repeat;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-20px;}
.flex-direction-nav li a{position:absolute; display:block; width:28px; height:48px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev{left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px; background:url(../images/next.png) center center no-repeat;}
@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin:70px auto 0;}
.slides {position:relative; z-index:0;}
.flex-control-nav {position:absolute; bottom:5px; z-index:2; left:50%; margin-left:-35px; padding:1px 0; z-index:2; width:70px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(../images/bpng03.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../images/bpng04.png) no-repeat;}

.flex-direction-nav {position:absolute; top:35%; z-index:3; width:100%; display:none;}
.flex-direction-nav li a {position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev {left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:10px; background:url(../images/next.png) center center no-repeat;}
}


/***img***/
.imgbox {position:relative; overflow:hidden;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}

/***htitle***/
.htitle {position:relative; margin:0 auto 15px; width:96%; max-width:1200px; text-align: center;}
.htitle h2 { position:relative; height:46px; line-height:46px; font-size:24px; font-weight:700;}
.htitle p { line-height:22px; font-size:13px; color:#777; width:70%; margin:0 auto;}
.htitle a { display: inline-block; margin-top:5px; width:190px; height:40px; line-height:40px; font-size:18px; color:#fff; background-color:#222222; border-radius:5px; display:none;}
.htitle a:hover { background-color:#05953e;}
.htitle h3 {margin:15px auto; width:40px;  height:2px;  background:#ffa800;}
.htitle h4 {margin:8px auto 35px; width:40px;  height:2px;  background:#ffffff;}
@media screen and (max-width:768px) {
.htitle {margin-bottom:15px; width:90%;}
.htitle h2 {line-height:22px; font-size:22px; height:auto; font-weight:700; margin-bottom:8px;}
.htitle p {line-height:18px; font-size:12px; width:100%;}
.htitle a {margin-top:5px; width:160px; height:35px; line-height:35px; font-size:14px; border-radius:3px; }
}


.morebtn{font-size:16px; text-align:center; line-height:35px; margin:30px auto 0;}
.morebtn span{ font-family:"宋体"; font-size:14px; line-height:35px; padding:0 5px;}
@media screen and (max-width:768px) {
.morebtn{font-size:14px; text-align:center; line-height:35px; margin:15px auto 0;}
}


.imglist { position: relative;}
.imglist li {position: relative; float: left; width:34%; overflow:hidden;}
.imglist li:nth-child(5) { position: absolute; right: 0; bottom:0; }
.imglist li .bg { display: none;}
@media screen and (max-width:768px) {
.imglist li {float:left; width: 100%; overflow: hidden; }
.imglist li:nth-child(5) { position: relative; right: auto; bottom:auto;}
.imglist li .bg { display: block;}
}


/***mod1***/
.mod1 {padding:50px 0 70px 0; background: #f5f5f5;}
.p-solution {display:block;}
.m-solution {display:none;}
.solution a {margin:0 10px; display:block; overflow:hidden;}
.solution a:hover h3{color:#ffa800;}
.solution a:hover img{opacity:0.8;}
.solution a img{ height:197px; border:1px #FFF solid; box-sizing:border-box;}
.solution-info {position:relative; margin:0px auto 0; padding:15px 15px; width:100%; color:#333; background-color:#fff; /*box-shadow:0 0 8px 0 #999;*/ box-sizing:border-box; z-index:2;}
.solution-info h3 {line-height:35px; font-size:16px; font-weight:700; text-align:center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; }
.solution-info p {line-height:22px; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;  font-size:13px;}
.swiper-button-next.index-area-next {top:50%; right:-40px; width:45px; height:45px; background-image:none; background:url(../images/next_l.png) no-repeat; background-size:cover;}
.swiper-button-prev.index-area-prev {top:50%; left: -40px; width:45px; height:45px; background-image:none; background:url(../images/prev_l.png) no-repeat; background-size:cover;}
@media screen and (max-width:768px) {
.mod1 {padding:40px 0;}
.p-solution {display:none;}
.m-solution {display:block; width:80%;}
.solution-info {margin:0px auto 0; padding:10px 12px; width:100%;}
.solution-info h3 {font-size:18px;}
.solution-info p {margin:0px 0px 0px 0px; line-height:22px; -webkit-line-clamp:1; font-size:12px;}
}

.product-category {margin:0 auto 15px; width:100%; text-align:center;}
.product-category a {display: inline-block; vertical-align:top; padding:0 40px; margin:0 6px 12px 0; height:30px; line-height:30px; background-color:#ffffff; border:1px solid #ddd; border-radius:25px; font-size:14px; font-weight:700;}
.product-category a:hover {color:#fff; background-color:#ffa800; border-color:#ffa800; }
@media screen and (max-width:768px) {
.product-category {width:100%; margin:0 auto 10px;}
.product-category a {padding: 0 20px; margin:0 4px 8px 0px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:5px; }
}
/*我们的优势*/
.advantage{padding:30px 0; background:#eee;}
.advantage_title{ text-align:center; color:#251385; font-size: 30px; font-weight:bold; background:url(../images/advantage_title.png) center bottom no-repeat; line-height:50px; padding:10px 0;}
.advantage ul li.xm{  margin:40px auto; overflow:hidden;}
.advantage ul li.xm .xuhao{ width:50px; height:50px; border-radius:50%; overflow:hidden; background:#fff; box-shadow:0 3px 5px #999; text-align:center; border:5px solid #fff; background:#251385; margin-right:20px; position:absolute; top:40px; left:10px; }
.advantage ul li.xm .xuhao span{  font-size:42px; line-height:50px; color:#fff; font-weight:bold; }
.advantage ul li.xm:hover .xuhao{transform: scale(1.2); -webkit-transform: scale(1.2);-webkit-transform: all .5s ease 0s;transition: all .5s ease 0s; }
.advantage ul li.xm .tu{ width:502px; height:auto; overflow:hidden; float:left; }
.advantage ul li.xm0 .tu{ float:right;}
.advantage ul li.xm .tu img{ display:block; width:500px; height:auto; border:1px solid #ccc; border-radius:10px; background:#fff;}
.advantage ul li.xm:hover .tu img{transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}
.advantage ul li.xm .wen{ width:550px; height:auto; overflow:hidden; float: right; padding:48px 0 20px 100px;  position:relative}
.advantage ul li.xm0 .wen{ float:left;}
.advantage ul li.xm .bt{ color:#251385; font-size:30px; line-height:1.5em; }
.advantage ul li.xm .nr{ font-size:16px; line-height:2em; text-align:justify; margin-top:10px;}
@media screen and (max-width:1024px) {
.advantage ul li.xm{  margin:20px auto;}
.advantage ul li.xm .xuhao{ width:38px; height:38px; top:5px; left:8px; }
.advantage ul li.xm .xuhao span{  font-size:24px; line-height:38px;}
.advantage ul li.xm .tu{ width:35%;}
.advantage ul li.xm .tu img{  width:100%;}
.advantage ul li.xm .wen{ width:55%; padding:12px 0 20px 65px;}
.advantage ul li.xm .bt{ color:#251385; font-size:24px;}
.advantage ul li.xm .nr{ font-size:16px;}
}
@media screen and (max-width:667px) {
.advantage_title{ font-size:28px;}
.advantage ul li.xm{  margin:20px auto;}
.advantage ul li.xm .xuhao{ width:32px; height:32px; top:25px; left:8px; }
.advantage ul li.xm .xuhao span{  font-size:24px; line-height:32px;}
.advantage ul li.xm .tu{ width:100%; float:none; }
.advantage ul li.xm0 .tu{ float:none;}
.advantage ul li.xm .tu img{  width:100%;}
.advantage ul li.xm .wen{ width:80%; float: none; padding:30px 0 20px 65px;}
.advantage ul li.xm0 .wen{ float: none;}
.advantage ul li.xm .bt{ color:#251385; font-size:22px;}
.advantage ul li.xm .nr{ font-size:14px;}
}

/*应用领域*/
.application{padding:50px 0 70px 0;}
.pc-application li{width:32%;height: auto;float:left;margin-right:18px;margin-bottom:18px;position:relative;overflow:hidden;cursor:pointer;}
.pc-application li:nth-child(3n){ margin-right:0px;}
.pc-application .txt{width:100%;height:45px;background:rgba(0,0,0,0.6);position:absolute;left:0;bottom:0;color:#fff;}
.pc-application .txt h3{font-size:18px;font-weight: 300;height: auto;text-align:center;line-height:45px;}
.pc-application .txt p{font-size:16px; line-height:30px;text-align:center; padding:0 12px;}
.m-application{ display:none;}
@media screen and (max-width:823px) {
.pc-application li{width:48.6%;}
.pc-application li:nth-child(3n){ margin-right:18px;}
.pc-application li:nth-child(2n){ margin-right:0px;}
}
@media screen and (max-width:667px) {
.pc-application li{width:48.2%;}
}

@media screen and (max-width:640px) {
.application{padding:30px 0 40px 0;}
.pc-application{ display:none;}
.m-application{ display: block;}
.m-application li{width:48.6%;height: auto;float:left;margin-right:15px;margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;}
.m-application li:nth-child(2n){ margin-right:0px;}
.m-application .txt{width:100%;height:30px;background:rgba(0,0,0,0.6);position:absolute;left:0;bottom:0;color:#fff;}
.m-application .txt h3{font-size:16px;font-weight: 300;height: auto;text-align:center;line-height:30px;}
}
@media screen and (max-width:540px) {
.m-application li{width:48.2%; margin-right:12px;margin-bottom:12px;}
.m-application .txt h3{font-size:14px;}
}
@media screen and (max-width:346px) {
.m-application li{width:48%; margin-right:10px;margin-bottom:10px;}
}
@media screen and (max-width:260px) {
.m-application li{margin-right:8px;margin-bottom:8px;}
}

/*客户案例*/
.case{padding:50px 0 70px 0; background:#f5f5f5;}

/***mod2***/
.mod2 {overflow:hidden;background:url(../images/about_right.jpg) right top no-repeat;}
.mod2_left{float:left; width:55%; background:#ffffff; padding:50px 5% 70px 0;}
.mod2_left h2{height:46px; line-height:46px; font-size:24px; font-weight:700;}
.mod2_left h3{margin:15px 0; width:40px; height:2px; background:#ffa800;}
.mod2_left_txt{line-height:26px; font-size:13px;}
.mod2_left ul{overflow:hidden;}
.mod2_left ul li{float:left; margin-top:25px; margin-right:25px; width:28%; height:55px; line-height:55px; color:#FFF; font-size:16px; padding-left:12%; box-sizing:border-box;  -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border-radius:5px;}
.mod2_left_bg1{ background:#251385 url(../images/1.png) 22% center no-repeat;}
.mod2_left_bg2{ background:#251385 url(../images/2.png) 22% center no-repeat;}
.mod2_left_bg3{ background:#251385 url(../images/3.png) 22% center no-repeat;}
.mod2_left_bg4{ background:#251385 url(../images/4.png) 22% center no-repeat;}
.mod2_left_bg5{ background:#251385 url(../images/5.png) 22% center no-repeat;}
.mod2_left_bg6{ background:#251385 url(../images/6.png) 22% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg1{ background:#ffa800 url(../images/1.png) 22% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg2{ background:#ffa800 url(../images/2.png) 22% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg3{ background:#ffa800 url(../images/3.png) 22% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg4{ background:#ffa800 url(../images/4.png) 22% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg5{ background:#ffa800 url(../images/5.png) 22% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg6{ background:#ffa800 url(../images/6.png) 22% center no-repeat;}


.mod2_right{float:right; width:35%; padding:50px 0 70px 5%;}
.mod2_right h2{height:46px; line-height:46px; font-size:24px; font-weight:700; color:#fff;}
.mod2_right h3{margin:15px 0; width:40px; height:2px; background:#fff;}
.video_bg{ width:450px; height:270px; border:5px #FFF solid; margin-top:30px;background:#000; box-sizing:border-box;}
@media screen and (max-width:768px) {
.mod2 {padding:4% 2%; background:#251385;}
.mod2_left{float:none; width:90%; background:#ffffff; padding:5%; margin-bottom:40px;}
.mod2_left ul li{float:left; margin-top:15px; margin-right:10px; width:46%; font-size:16px; padding-left:20%;}
.mod2_left h2{height:24px; line-height:24px; font-size:22px; font-weight:700;}
.mod2_left h3{margin:10px 0; width:40px; height:2px; background:#ffa800;}
.mod2_left_bg1{ background:#251385 url(../images/1.png) 18% center no-repeat;}
.mod2_left_bg2{ background:#251385 url(../images/2.png) 18% center no-repeat;}
.mod2_left_bg3{ background:#251385 url(../images/3.png) 18% center no-repeat;}
.mod2_left_bg4{ background:#251385 url(../images/4.png) 18% center no-repeat;}
.mod2_left_bg5{ background:#251385 url(../images/5.png) 18% center no-repeat;}
.mod2_left_bg6{ background:#251385 url(../images/6.png) 18% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg1{ background:#ffa800 url(../images/1.png) 18% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg2{ background:#ffa800 url(../images/2.png) 18% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg3{ background:#ffa800 url(../images/3.png) 18% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg4{ background:#ffa800 url(../images/4.png) 18% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg5{ background:#ffa800 url(../images/5.png) 18% center no-repeat;}
.mod2_left ul a:hover .mod2_left_bg6{ background:#ffa800 url(../images/6.png) 18% center no-repeat;}
.mod2_right{float:none; width:100%; padding:0%;}
.mod2_right h2{height:24px; line-height:24px; font-size:22px; font-weight:700; color:#fff;}
.mod2_right h3{margin:10px 0; width:40px; height:2px; background:#fff;}
.video_bg{ width:100%; height:auto; border:5px #FFF solid; margin-top:15px; background:#000;}
}

/***mod3***/
.mod3 { padding:30px 0 30px 0; background:url(../images/home_news.jpg) no-repeat top center #f5f5f5;}
.mod3 .htitle h2,.mod3 .htitle p{ color:#fff;}
.voice { padding-top:30px;}
.voice li {float:left; width:23.5%; position:relative; display:block; padding:25px; line-height:25px; background-color:#fff; border:1px solid #ddd; box-shadow:0 0px 2px 0 #e7e7e7; box-sizing:border-box; border-radius:5px;}
.voice li:hover{border-color:#ffa800;}
.voice li:hover .voice-name{color:#ffa800;}
.voice li:nth-child(n+1) {margin-right:2%;}
.voice li:nth-child(n+4) {margin-right:0%;}
.voice .imgbox {position:relative; width:100%; height:auto; overflow:hidden;}
.voice-date { font-size:12px; color:#999; margin-bottom:15px;}
.voice-name {font-size:15px; font-weight:bold; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height:20px; height:40px;}
.voice-txt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:15px; line-height:22px;}

@media screen and (max-width:768px) {
.mod3 {padding:40px 0;}
.voice { padding-top:40px;}
.voice li {float:left; width:48.5%;overflow:hidden; padding:5%;}
.voice li:nth-child(2n+1) {margin-right:3%;}
.voice li:nth-child(n+2) {margin-right:0;}
.voice li:nth-child(n+3) {margin-top:3%;margin-right:3%;}
.voice li:nth-child(n+4) {margin-top:3%;margin-right:0;}
.voice .imgbox {float:none; height:auto; width:100%;}
.voice-name {font-size:14px; margin-bottom:10px; line-height:20px;}
}

.mod4 { padding:50px 0 60px 0; background-color:#fff; }
.partner li {float: left; width:18.4%; text-align: center; border:1px solid #ddd; box-sizing: border-box; border-radius: 5px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; overflow: hidden;}
.partner li img{padding:0 10%; width:80%;}
.partner li:nth-child(n+2) {margin-left:2%;}
.partner li:nth-child(5n+1) {margin-left: 0;}
.partner li:nth-child(n+6) {margin-top: 2%;}
.partner li:hover {box-shadow: 0 0 10px 0 #ddd;}
@media screen and (max-width:768px) {
.mod4 {padding:40px 0;}
.partner li {float: left; width:32%; text-align: center; border:1px solid #ddd; box-sizing: border-box; border-radius: 5px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; overflow: hidden;}
.partner li:nth-child(n+2) {margin-left:2%;}
.partner li:nth-child(3n+1) {margin-left: 0;}
.partner li:nth-child(n+4) {margin-top: 2%;}
}

/***footer***/
.footer {padding:50px 0; background: #251385 url(../images/flooerbg.jpg) center center no-repeat;}
.footer_nav {float:left; width:50%;}
.footer_nav dl {float:left; width:25%;}
.footer_nav dl a{ color:#FFF;}
.footer_nav dl a:hover{ color:#FFF;opacity:0.7;}
.footer_nav dt {margin-bottom:10px; font-size:16px; line-height:28px; font-weight:700;}
.footer_nav dd {font-size:14px; line-height:32px;}
.footer_nav dd a {color:#fff; opacity:0.7;}
.footer_nav dd a:hover {opacity:1;}
.footer-qrcode { float:left; width:10%;}
.footer-qrcode h3{ margin-top:10px; margin-bottom:10px; text-align:center; color:#fff;}
.footer-contact {float:right; width:35%; color:#fff; font-size:14px;}
.footer-contact dt {height:28px; line-height:28px; font-size:16px; font-weight:700; margin-bottom:10px;}
.footer-contact dd {line-height:24px; padding:10px 0px 10px 30px;}
.footer-contact dd a{color:#FFF;}
.add1{background:url(../images/address.png) left 12px no-repeat; opacity:1;}
.add2{background:url(../images/tel.png) left 12px no-repeat; opacity:1;}
.add3{background:url(../images/fax.png) left 12px no-repeat; opacity:1;}
.add4{background:url(../images/mail.png) left 12px no-repeat; opacity:1;}
.add5{background:url(../images/web.png) left 12px no-repeat; opacity:1;}

.footer-copyright{ margin-top:50px; line-height: 20px; text-align: center; color:#FFF;}
.footer-copyright a{ color:#FFF;}

@media screen and (max-width:768px) {
.footer {padding:25px 10px;}
.footer_nav{display:none;}
.footer-qrcode { float:none; width:100%;}
.footer-qrcode .img{ width:30%;}
.footer-qrcode h3{ width:30%;}
.footer-contact { float: none; width: 100%; }
.footer-contact dt {height:25px; line-height:25px; font-size:16px; font-weight:700; margin-bottom:10px;}
}


.zsend {display:none;}
@media screen and (max-width:768px) {
.zsend{margin:0 auto; display:block; position:fixed; bottom:0; width:100%; padding:0rem; z-index:99; background:#ffae00;}
.zsend li{float:left; text-align:center; color:#fff; width:33.3%; font-size:14px; height:35px; line-height:35px;}
.zsend li img{width:20px; display:inline; margin-right:5px; border:0; vertical-align:middle;}
}



/*分页*/
.page{text-align:center; padding:40px 0 20px 0; /*border:1px solid #D9D9D9;background:#fff; margin-top:20px;*/ }
.page a,.page span{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 9px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.page span.current{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:10px;}
.page a{font-size:12px; padding:3px 8px; margin:0;}
}

#onsec {color:#ffa800;}
#onsec a{color:#ffa800;}

.pubdate{line-height:20px; margin:10px 0; OVERFLOW: hidden; text-align:left; font-size:12px; color:#999;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto;border-bottom:1px #ddd solid; background:#fff;}
.weizhi{overflow:hidden;width:96%; max-width:1200px; margin:0 auto; font-size:12px; line-height:30px; padding:5px 0 5px;}
.span_right{float:right; font-size:12px;}
.span_page{width:20px; height:20px; background: url(../images/icon5.png) no-repeat left center; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(../images/point.png) no-repeat left center; margin:0 8px; display:-webkit-inline-box;vertical-align:middle;}
@media screen and (max-width:768px) {
#weizhi{margin:0 auto;}
.weizhi{padding:5px 0px; font-size:12px; width:94%;}
.span_right{font-size:12px;}
}


/****************************公用****************************/
.wrap {margin:0 auto; padding:40px 0; width:100%; background-color:#f5f5f5;}
.lymain {position:relative; margin:0 auto; width:96%; max-width:1200px; overflow:hidden;}
.lybanner {margin:0 auto;}
.lybanner img{width:100%;}
@media screen and (max-width:768px) {
.wrap {padding:15px 0; width:100%;}
.lymain {width:94%; margin:0 auto; padding-bottom:3%;}
.lybanner {margin:70px auto 0;}
}


/*左右框架*/
.mainleft{float:left; width:71%; padding-right:3%; overflow:hidden; border-right:0px #ddd dotted;}
.mainright{float:right; width:23%; overflow:hidden; padding:0 1.4%; background:#fff;}
.mainright_title{font-size:18px; line-height:40px; width:100%; padding-bottom:5px; border-bottom:1px #ddd solid; margin-bottom:5px; font-weight:700; color:#222222;}
.mainright ul{overflow:hidden;}
.mainright ul li{line-height:24px; margin:0; font-size:16px; border-bottom:1px #ddd dotted; background:url(../images/file.png) left center no-repeat; padding:15px 10px 15px 40px;}
.mainright ul h4{line-height:20px; margin:0; font-size:12px; border-bottom:1px #ddd dotted; padding:8px 0px; color:#666;}
.mainright ul h4 span{color:#ffa800;}
.mainright ul h4 img{width:auto;}

.mainright dl{}
.mainright dl dt{ height:132px;background:url(../images/contact_bg.jpg) no-repeat top center; background-size:cover;}
.mainright dl dd{ line-height:24px; padding:10px 0px 10px 30px;}

.margintop40{ margin-top:40px;}
.marginbottom40{ margin-bottom:40px;}
.righttxt{margin:20px 0px; border-bottom:1px #ddd dotted; padding-bottom:20px;}
.righttxt h3{color:#222222; font-size:14px; line-height:20px; font-weight:700;}
.righttxt p{font-size:12px; line-height:28px; color:#777;}
.righttxt div{font-size:12px; line-height:20px; color:#555; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
@media screen and (max-width:768px) {
.mainleft{float:none; width:100%; padding:0;}
.mainright{float:none; width:97%; padding:0 3%; margin-top:8%; margin-left:0; border-left:0;}
.mainright_title{font-size:16px; line-height:24px; margin-top:5px;padding-bottom:5px; margin-bottom:5px;}
.mainright ul li{line-height:22px; margin:0; font-size:14px; padding:8px 5px 8px 30px;}
.margintop40{ margin-top:30px;}
.righttxt{margin:12px 0px; border-bottom:1px #ddd dotted; padding-bottom:10px;}
.righttxt h3{color:#222222; font-size:14px; line-height:22px;}
.righttxt p{ font-size:12px; line-height:20px; color:#777;}
}


/*about us*/
.about_txt{line-height:30px; margin-bottom:40px; font-size:13px; padding:40px; background:#fff; overflow:hidden;}
.about_txt img{max-width:100%; width:auto; margin-top:0px;}
.about_txt:last-child {margin-bottom:0px;}
.about_txt h2{color:#ffa800; font-size:20px; text-transform:uppercase; font-weight:700; margin-bottom:10px; border-bottom:1px #ddd solid; padding-bottom:10px;}
.about_txt b,.about_txt strong{/*color:#ffa800;*/}

.about_txt td{padding:4px 6px; line-height:18px; font-size:12px;}

@media screen and (max-width:768px) {
.about_txt{line-height:26px; margin-bottom:20px; font-size:13px; padding:15px; background:#fff;}
.about_txt table{display:-webkit-box; width:auto; white-space: nowrap;  overflow-x: auto; overflow-y: hidden;}
.about_txt img{width:100%; height:auto;}
.about_txt:last-child {margin-bottom:0px;}
.about_txt h2{font-size:16px; text-transform:uppercase; font-weight:700;}
.about_txt b,.about_txt strong{color:#222222;}
}


/*news list*/
.newsul{}
.newsul li{overflow:hidden; margin-bottom:3%; padding:3%; border:1px #ddd dotted; background:#fbfbfb; position: relative;}
.newsul li:hover{ background:#fff;  box-shadow:0 0 10px 0 #ddd;}
.newsul li:hover h2 a ,.newsul li:hover a div{color:#ffa800;}
.newsul li img{width:30%; margin-right:2%; float:left;}
.newsul li h2{font-size:16px; line-height:25px; padding-right:40px; font-weight:700;}
.newsul li h2 a{}
.newsul li h2 a:hover{color:#ffa800;}
.newsul li div{color:#666; line-height:22px; font-size:12px; padding-right:20px;}
.newsul li p{color:#999; padding:6px 0 6px 0; line-height:20px; font-size:12px;}
.newsul li p span{ margin-right:20px;}
.newsul li .sub {position: absolute; top:0; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}
#news_more{margin-top: 10px; width:110px; height:32px; line-height:32px; font-size:14px; text-align:center;  border:1px solid #ddd;  border-radius:3px; float:left; padding-right:0;}

@media screen and (max-width:768px) {
.newsul li{padding:5%; margin-bottom:15px; /*width:100%; background:#f8f8f8;*/}
.newsul li:not(:nth-of-type(2n)){ margin-right:0%;}
.newsul li img{width:100%; margin-bottom:4%; margin-right:0;}
.newsul li p span{ margin-right:10px;}
.newsul li p{padding:7px 0px; font-size:12px;}
.newsul li h2{font-size:16px; padding:0; line-height:20px; font-weight:700;}
.newsul li div{font-size:12px; line-height:18px; padding:0;}
.newsul li .sub {position: absolute; top:0; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}
}


/*news detail*/
.newsshow{overflow:hidden;padding:50px; background:#fff; margin-bottom:40px;}
.news_xxjs{line-height:30px!important; overflow:hidden; font-size:13px!important; margin:20px 0;}
.news_xxjs p,.news_xxjs span{line-height:30px!important; font-size:13px!important;}
.news_xxjs td{padding:2px 4px; font-size:13px!important; border:1px #CCCCCC solid;}
.news_xxjs table{width:100!important; margin:10px 0;}
.news_xxjs img{max-width:100%; height:auto; overflow:hidden; margin:10px auto; padding:0px; width:auto;}
.news_title{}
.news_title h1{font-size:24px; text-align:left; padding:5px 0px 10px 0px; font-weight:700; border-bottom:1px #ddd dotted;}
@media screen and (max-width:768px) {
.newsshow{padding:3%; width:94%; margin-bottom:20px;}
.news_title{}
.news_title h1{font-size:18px;}
.news_xxjs{font-size:13px!important; margin:15px 0;}
.news_xxjs p,.news_xxjs span{font-size:13px!important;}
.news_xxjs td{font-size:13px!important;}
.news_xxjs img{max-width:100%; height:auto;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
}


/*news_info*/
.Information{overflow:hidden;margin-top:20px; padding:5px; background:#fafafa; border:1px #ddd solid;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:14px; padding:10px 0;}
.Information li span{float:right; font-size:14px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width:768px) {
.Information ul li{font-size:14px; padding:1px 0; line-height:30px; height:30px;}
}



/*下载中心*/
.download{margin:0px auto; padding:3%; border:1px #ddd dotted; background:#fff;}
.downloadul{overflow:hidden;}
.downloadul li{overflow:hidden; padding:15px 0px 15px 40px; line-height:28px; border-bottom:1px #ddd dotted; background:url(../images/file.png) no-repeat 0px center; font-size:14px; /*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/}
.downloadul li:hover{background:#f5f5f5 url(../images/file.png) no-repeat 0px center;}
.downloadul li span{float:right; font-size:14px; color:#acacac;}
@media screen and (max-width: 768px) {
.download{float:none;}
.downloadul li{}
.downloadul li span{display:none;}
}


/*解决方案*/
.solutions {text-align:center; overflow:hidden;}
.solutions li {float:left; vertical-align:top; margin:0 0 3% 0; width:31.333%;}
.solutions li:not(:nth-of-type(3n)){ margin-right:3%;}
.solutions li .imgbox img{height:240px;}
.solutions li a {display: block; padding-bottom: 25px;}
@media screen and (max-width:768px) {
.solutions li { display: block; margin:0 0; width:100%;}
.solutions li a {padding-bottom:15px;}
.solutions li:nth-child(n+2){margin-top:30px;}
.solutions li:not(:nth-of-type(3n)){ margin-right:0;}
.solutions li .imgbox img{height:240px;}
}

/*产品中心*/
.product_title{text-align:left; padding:0;}
.product_title h2{font-size:24px; line-height:30px; }
.product_title_txt{font-size:14px; line-height:24px; padding:15px 0 30px;}
.product_title ul{overflow:hidden; padding:0 0 10px 0; margin-bottom:20px; border-bottom:1px #ccc dotted;}
.product_title ul li{width:17.7%; float:left; text-align:left; font-size:16px; height:40px; line-height:40px; background:url(../images/d1.png) left center no-repeat; padding-left:2.3%; font-weight:700; color:#569407;}
.product_title ul li:nth-child(n+6){margin-top:3%;}
.product_title ul li a{color:#569407;}
.product_title ul li:hover{color:#e17212; background:url(../images/d2.png) left center no-repeat;}
.product_title ul li:hover a{color:#e17212;}

#prodsec{color:#e17212; background:url(../images/d2.png) left center no-repeat;}
#prodsec a{color:#e17212;}

.product_biaoti{line-height:30px; padding:10px; font-size:13px;overflow:hidden;}
.product_biaoti h2{color:#ffa800; padding:10px; margin:5px 0px; background:#fff; font-size:20px; font-weight:700; border-bottom:1px #ddd solid;}
.product_biaoti h2 span{ float:right; font-size:14px;}
.product_biaoti h2 span a{color:#666;}

@media screen and (max-width:768px) {
.product_biaoti{line-height:26px; margin-top:10px; margin-bottom:10px; font-size:13px;background:#fff;}
.product_biaoti h2{font-size:16px; padding:3px; font-weight:700;}
}

.productsul{overflow:hidden; padding:10px;font-size:0;}
.productsul li{display:inline-block;vertical-align:top;overflow:hidden; width:22.75%; background:#fff;}
.productsul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.15); background:#FFF; color:#F90;}
.productsul li:not(:nth-of-type(4n)){ margin-right:3%;}
.productsul li:nth-child(n+5){margin-top:3%;}
.productsimg {width:90%; display:block; overflow:hidden; padding:5% 5% 2% 5%; height:164px;}
.productsimg img {width:100%; height:auto; display:block;}

.products_info {padding:0 0 25px 0; position:relative; z-index:2;}
.products_info h3 {font-size:16px; line-height:35px; font-weight:700; text-align:center; overflow:hidden;}
.products_info p {line-height:22px; overflow:hidden;-webkit-line-clamp:3; font-size:12px; color:#747474; text-align:center;}

.prodmore{display:inline-block; vertical-align:top; margin-top:20px; width:100%; height:35px; line-height:35px; font-size:14px; color:#fff;  background-color:#666; text-align:center;}
.prodmore:hover {background-color:#e17212;}

.pinfo{ padding-bottom:15px; border-bottom:1px #ddd dotted;}
.pinfo .cp_pic{ width:38%; display:inline-block; border:1px #ddd solid; padding:3px;} 
.pinfo .cp_des{ width:60%; float:right;}
.pinfo .cp_des p{ font-size:14px; line-height:25px; margin-bottom:20px;}
.pinfo .cp_des p span{ font-weight:bold; color:#0068ba;}
.pinfo .cp_des p a{ display:block; text-align:center; font-weight:bold; background:#0068ba; padding:5px; color:#fff; width:100px;border-radius:5px;}
.pbtn{ font-size:18px; text-align:center; display:block; background:#6cb149; color:#fff;padding:10px 0;width:300px; margin:30px auto;border-radius:5px;}

@media screen and (max-width: 823px){
.pinfo .cp_pic{ width:100%;} 
.pinfo .cp_des{ width:100%; float:none;}
}

@media screen and (max-width: 768px) {
.product_title_txt{line-height:24px; padding:10px 0 10px; font-size:12px;}
.product_title ul li{width:40%; float:left; text-align:left; font-size:14px; height:40px; line-height:40px; background:url(../images/d1.png) left center no-repeat; padding-left:7.5%; font-weight:700; color:#569407;}
.product_title ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.product_title ul li:nth-child(n+3){margin-top:0%;}

.productsul{ padding:0%;}
.productsul li{width:48.5%;}
.productsimg {width:90%; display:block; overflow:hidden; padding:5%; height:auto;}
.productsul li img{width:100%;}
.productsul li:not(:nth-of-type(4n)){ margin-right:0;}
.productsul li:not(:nth-of-type(2n)){ margin-right:3%;}
.productsul li:nth-child(n+3){margin-top:3%;}
.products_info {padding:0 0 10px 0; position:relative; z-index:2;}
.products_info h3 {line-height:22px; padding-bottom:0px; text-align:center; overflow:hidden; font-size:14px;}
.products_info p {line-height:18px; overflow:hidden; -webkit-line-clamp:2; color:#747474; padding:0 10px;}
}
@media screen and (max-width: 360px){
.pbtn{ width:100%;}
}

.cpshow{width:100%; margin:0px auto;}
.cpshowtop{overflow:hidden;}
.cpshowtop_l{ float:left; width:600px; border:0px #ddd solid;}
.cpshowtop_r{float:left; width:35%; overflow:hidden; margin-left:3%;}
.cpshowtop_r h2{font-size:24px; line-height:50px; border-bottom:1px #ddd dotted; font-weight:700;}
.cpshowtop_r h2 p{float:left; line-height:45px; font-size:12px; color:#999; display:block;}
.cpshowtop_r_tags{font-size:15px; line-height:26px; padding:10px; background:#fff; border:1px #ddd solid; margin:15px 0;}
.cpshowtop_r_div{font-size:15px; line-height:28px; padding-top:10px;}
@media screen and (max-width: 768px) {
.cpshow{width:100%; margin:20px auto;}
}


/*产品详情页滚动*/
.lanrenzhijia{width:600px;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:205px;cursor:pointer;z-index:2;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:5px;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(../images/prevbtntop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(../images/nextbtntop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:5px;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width: 600px;height:450px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:450px;position:relative;overflow:hidden; border:1px #ddd solid;}
.lanrenzhijia .picBox ul{height:450px;position:absolute;}
.lanrenzhijia .picBox li{width:600px;height:450px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:600px;height:57px;margin:0 auto;position:relative;padding:15px 0 0 0; overflow:hidden; display:none;}
.lanrenzhijia .listBox ul{height:57px;position:absolute; margin-left:40px;}
.lanrenzhijia .listBox li{width:86px;height:57px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:80px;height:53px;}
.lanrenzhijia .listBox li img{width:78px;height:52px;border:1px solid #ddd;}
.lanrenzhijia .listBox .on img{width:78px;height:52px;border:1px solid #e17212;}
.lanrenzhijia .listBox .on i{display:block;}
@media screen and (max-width: 768px) {
.lanrenzhijia{width:100%;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:120px;cursor:pointer;z-index:2;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:5%;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:0px; width:46px; height:48px;}
.lanrenzhijia #prevTop{background: url(../images/prevbtntop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(../images/nextbtntop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:5%;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:360px;height:271px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{ width:360px; height:271px;position:relative;overflow:hidden; margin:0 auto;}
.lanrenzhijia .picBox ul{height:271px;position:absolute;}
.lanrenzhijia .picBox li{width:360px;height:271px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:300px;height:40px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:40px;position:absolute; margin-left:0px;}
.lanrenzhijia .listBox li{width:60px;height:40px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:60px;height:40px}
.lanrenzhijia .listBox li img{width:56px;height:37px;}
.lanrenzhijia .listBox .on img{width: 56px;height:37px;border:1px solid #e17212;}
.lanrenzhijia .listBox .on i{display:block;}
}
@media screen and (max-width: 375px) {
.lanrenzhijia{width:100%;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:100px;cursor:pointer;z-index:2;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:4%;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:0px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(../images/prevbtntop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(../images/nextbtntop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:4%;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:320px;height:320px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:235px;position:relative;overflow:hidden; width:320px;}
.lanrenzhijia .picBox ul{height:235px;position:absolute;}
.lanrenzhijia .picBox li{width:320px;height:235px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:300px;height:33px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:33px;position:absolute;}
.lanrenzhijia .listBox li{width:50px;height:33px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:46px;height:30px}
.lanrenzhijia .listBox li img{width:42px;height:28px;}
.lanrenzhijia .listBox .on img{width: 42px;height: 28px;border:1px solid #e17212;}
.lanrenzhijia .listBox .on i{display:block;}
}


#tab1{width:100%; height:50px; margin:0px auto 0; background:#e4e4e4;text-align:center;}
#tab1 ul{overflow:hidden;}
#tab1 li{position: relative;display: inline-block; vertical-align: top; margin: 0 25px; height:50px; line-height:50px; font-size:18px; cursor: pointer;}
#tab1 li.now {color:#e17212;}
#tab1 li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#e17212; display:none;}
#tab1 li.now i {display:block;}
#sp1{ width:1300px; margin:20px auto;}

.tablist{overflow:hidden; display:none; line-height:26px!important; font-size:13px!important; font-weight:normal!important;}
.tablist table{width:100%!important;}
.tablist p,.tablist span{line-height:26px!important; font-size:14px!important;}
.tablist td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid!important;}

.block{display:block;}
.tablist img{ max-width:100%; width:auto; height:auto; overflow:hidden;}

.prod_btn{background:#fff; padding:20px; margin-top:15px; border:1px #ddd solid; box-sizing:border-box;}

.ptitle2{border-bottom:2px #251385 solid; line-height:45px; height:45px; font-size:18px; font-weight:700; margin-bottom:20px; padding:0px; margin-top:20px;}
.ptitle{border-bottom:1px #ddd dotted; line-height:30px; height:30px; font-size:18px; font-weight:700; margin-bottom:15px; padding-bottom:10px;}
@media screen and (max-width: 768px) {
.cpshowtop{padding:0%;}
.cpshowtop_l{float:none; width:99%; border:0px #ddd solid; margin-bottom:20px;}
.cpshowtop_r{float:none; width:100%; margin-left:0;}
.cpshowtop_r h2{font-size:18px; line-height:40px;}
.cpshowtop_r p{font-size:12px;}
.cpshowtop_r_tags{ font-size:12px;}
.cpshowtop_r_div{font-size:12px; line-height:24px;}

#tab1{height:auto; margin:30px auto 0; overflow:hidden;}
#tab1 li{position: relative;display: inline-block; vertical-align: top; margin: 0 15px; height:40px; line-height:40px; font-size:16px; cursor: pointer;}
#tab1 li.now {color:#e17212;}
#tab1 li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#e17212; display:none;}
#tab1 li.now i {display:block;}
#sp1{width:96%; margin:10px auto;}


.tablist{font-size:14px; padding-top:0px;}
.tablist p,.tablist span{font-size:12px!important; line-height:20px!important;}
.tablist td{font-size:12px!important;}
.tablist table{ width:100%; height:auto!important; display: block; display:-webkit-box; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
}

/*资质证书*/
.cert{margin-top:20px;}
.certul{overflow:hidden;font-size:0;}
.certul li{display:inline-block; vertical-align:top; overflow:hidden; width:18.4%; background:#fff;}
.certul li:hover{background:#FFF; color:#F90;}
.certul li:not(:nth-of-type(5n)){ margin-right:2%;}
.certul li:nth-child(n+6){margin-top:2%;}
.certul li .mask, .certul li .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.certul li .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.certul li .view {top:50%; left:50%; margin:-26px 0 0 -24px; width:48px; height:48px; background:url(../images/view.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.certul li .title {line-height:18px; font-size:12px; color:#555457; text-align:center; padding:10px 20px; overflow:hidden; background:#f5f5f5;}
.certul li a:hover .mask, .certul li a:hover .view {opacity:1;}
.certul li a:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.certul li a {position:relative; display:block;}
.certul li img{}

.m-hot {display:none;}
.imgbox1 img{ border:1px #ddd solid; box-sizing:border-box;}
@media screen and (max-width: 768px) {
.cert{margin-top:0.2rem;}
.certul{overflow:hidden;}
.certul li{width:31.33%;}
.certul li .title {line-height:1.0rem;overflow:hidden; font-size:0.14rem; color:#555457; text-align:center; padding:0.75rem;}
.certulimg {width:90%; display:block; overflow:hidden; padding:5%;}
.certul li img{width:100%;}
.certul li:not(:nth-of-type(5n)){ margin-right:0;}
.certul li:not(:nth-of-type(3n)){ margin-right:3%;}
.certul li:nth-child(n+4){margin-top:3%;}
.certul li .mask, .certul li .view {display:none;}

.p-hot {display:none;}
.m-hot {display:block;}
}


.contact_info {font-size:14px; margin-top:30px; float:left; width:40%;}
.contact_info dt {height:28px; line-height:28px; font-size:16px; font-weight:700; margin-bottom:10px;}
.contact_info dd {line-height:24px; padding:10px 0px 10px 30px;}
.add11{background:url(../images/address_1.png) left 12px no-repeat; opacity:1;}
.add22{background:url(../images/tel_1.png) left 12px no-repeat; opacity:1;}
.add33{background:url(../images/fax_1.png) left 12px no-repeat; opacity:1;}
.add44{background:url(../images/mail_1.png) left 12px no-repeat; opacity:1;}
.add55{background:url(../images/web_1.png) left 12px no-repeat; opacity:1;}

.contact_right{float:right; width:60%;}
@media screen and (max-width: 768px) {
.contact_info {font-size:14px; margin-top:30px; float:none; width:100%; margin-bottom:30px;}
.contact_right{float:none; width:100%;}
}

/*--------在线留言--------------*/
.guestbook{ width:94%; margin:0 auto; padding:3% 3%; background:#FFF;}
.guestbook h4{font-size:24px; margin:10px 0px;}
.guestbook ul{ overflow:hidden;} 
.guestbook ul li{overflow:hidden; margin-bottom:8px; float:left; width:100%;}
.guestbook ul li p{ margin-top:5px;}
.box1{float:left;width:80px;height:35px; border:1px #ddd solid; line-height:35px; padding:4px 2%;}
.yzm_img{ width:141px;height:35px;padding:4px 1%;}
.box2 {width:95.5%; height:35px; border:1px #ddd solid; line-height:35px; padding:4px 2%;}
.box3 {width:95.5%; border:1px #ddd solid; line-height:24px;padding:4px 2%; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif;}
.box4 {width:95.5%; height:35px; border:1px #ddd solid; line-height:35px; padding:4px 2%; }
.sub_gestbook {
	background:-webkit-gradient(linear,left top,left bottom,from(#757575),to(#757575));
	background:-moz-linear-gradient(top,#757575,#757575);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575',endColorstr='#757575');
	background-color:#757575;
	border:none;width:100%;
	height:45px;
	line-height:45px;
	color:#fff;
	font-size:17px;
	cursor:pointer;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; 
}
.sub_gestbook:hover{ background:#ffa800;}

@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.box2 {width:95%;}
.box3 {width:95%;}
.box4 {width:95%;}
}

/* 2022.8.12新增首页友情链接 */
.link_box{ padding:30px 0px;background:#f5f5f5;}
.link_main{max-width: 1200px;width: 96%;margin: 0 auto;}
.home_link{ width:100%; border-bottom:#cecece 1px solid;}
.link_name{ font-size:24px; color:#1094d3; line-height:52px;}
.link_name span{ display:inline-block; position:relative;}
.link_name span:before{ position:absolute; left:0; bottom:-1px; content:""; width:100%; height:2px; background:#d72c43;}
.links{font-size:14px; color:#666; margin-top:30px;}
.links a{ color:#666; margin:0 20px 0 0;}
.links a:hover{ text-decoration:none; color:#1094d3;}