/* CSS Document */
*{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:#222; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
a:hover {text-decoration:none; color:#ea0000;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; 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:#bbb;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#bbb;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#bbb;}

.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:16px; color:#222; background:#fff; font-family: Microsoft YaHei,Arial, Verdana, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}

.main {position:relative; margin:0 auto; width:94%; max-width:1350px;}


/***头部***/
.header {position:fixed; top:0; left:0; display:block; width:100%; background-color:#FFF; z-index:99; border-bottom:1px #ccc solid; box-sizing:border-box; height:68px;}
.header .main {height:68px;}
.header-logo {float:left; margin-top:10px; width:350px;}

.header-nav {float:right; height:68px;}
.header-nav li {position:relative; display:inline-block; vertical-align:top; margin-left:15px; padding:14px 5px; height:40px; font-size:18px; line-height:40px;}
.header-nav li a {display:block;}
.header-nav li span { font-size:16px; font-family:Verdana; font-weight:normal;}

.header-nav li .search-btn { display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: url(../images/icon_search.png) center no-repeat; background-size: 26px 26px; background-position: 6px 4px; }


.header-nav h2 {font-size:18px; font-weight:500;}
#nav_hover_bg {width:100%; height:0px; background-color:rgba(245, 245, 245, 1); position:absolute; top:68px; z-index:99; overflow:hidden;}
.header-nav ul>li.intro>h2:before {content:""; position:absolute; bottom:0; left:0; width:100%; background-color:#ea0000; height:3px;}
.header-nav ul li .sub-nav {position:absolute; top:68px; width:1350px; height:0px; z-index:999; overflow:hidden; text-align:center;}


/*解决方案*/
#navMenu .dh_about {padding-top:30px; margin:0 auto;}
#dh_about{margin-left:-620px;}

.dh_about_left{float:left; width:56%; margin-right:4%; padding-top:20px;}
.dh_about_left h2{text-align:left; font-size:18px; font-weight:700; margin-bottom:10px;}
.dh_about_left_pic{float:left; width:27%; margin-right:3%;}
.dh_about_left_pic img{width:100%;}

.dh_about_left_txt{float:left; width:70%;}
.dh_about_left_txt ul{overflow:hidden;}
.dh_about_left_txt ul p{float:left; width:47.5%; font-size:16px; line-height:18px;text-align:left;}
.dh_about_left_txt ul p:not(:nth-of-type(2n)){margin-right:5%;}
.dh_about_left_txt ul p:nth-child(n+3){margin-top:15px;}
.dh_about_left_txt ul p a{color:#222;}
.dh_about_left_txt ul p a:hover{color:#ea0000;}


.dh_about_right{float:right; width:40%; padding-top:20px;}
.dh_about_right h2{text-align:left; font-size:18px; font-weight:700; margin-bottom:10px;}
.dh_about_right ul {overflow:hidden;}
.dh_about_right ul p{float:left; width:22.75%; font-size:16px; line-height:18px; text-align:left;}
.dh_about_right ul p:not(:nth-of-type(4n)){margin-right:3%;}
.dh_about_right ul p:nth-child(n+5){margin-top:15px;}
.dh_about_right ul p a{color:#222;}
.dh_about_right ul p a:hover{color:#ea0000;}



/*产品中心*/
#navMenu .dh_pro {padding-top:20px; margin:0 auto;}
#dh_pro_left{margin-left:-435px;}
.dh_pro ul {overflow:hidden;}
.dh_pro li {display:inline-block; width:110px; text-align:center; font-size:15px; height:auto; line-height:18px; overflow:hidden; padding:40px 0 0 0; margin-left:0}
.dh_pro li:not(:nth-of-type(7n)){margin-right:10px;}
.dh_pro li .imgsc {padding-bottom:8px; width:40px; height:40px; margin:0 auto; overflow:hidden;}
.dh_pro li a{color:#222;}
.dh_pro li a:hover{color:#ea0000;}
.dh_pro li a:hover .imgsc img{transform: translateY(-40px); filter: drop-shadow(#ea0000 0 40px);}



/*新闻咨讯*/
#navMenu .dh_news {padding-top:20px; margin:0 auto;}
#dh_news_left{margin-left:-660px;}
.dh_news ul {overflow:hidden;}
.dh_news li {display:inline-block; width:110px; text-align:center; font-size:16px; height:auto; line-height:18px; overflow:hidden; padding:40px 0 0 0; margin-left:0}
.dh_news li:not(:nth-of-type(4n)){margin-right:20px;}
.dh_news li .imgsc {padding-bottom:8px; width:40px; height:40px; margin:0 auto; overflow:hidden;}
.dh_news li a{color:#222;}
.dh_news li a:hover{color:#ea0000;}
.dh_news li a:hover .imgsc img{transform: translateY(-40px); filter: drop-shadow(#ea0000 0 40px);}



/*服务支持*/
#navMenu .dh_service {padding-top:20px; margin:0 auto;}
#dh_service_left{margin-left:-788px;}
.dh_service ul {overflow:hidden;}
.dh_service li {display:inline-block; width:110px; text-align:center; font-size:16px; height:auto; line-height:18px; overflow:hidden; padding:40px 0 0 0; margin-left:0}
.dh_service li:not(:nth-of-type(6n)){margin-right:20px;}
.dh_service li .imgsc {padding-bottom:8px; width:40px; height:40px; margin:0 auto; overflow:hidden;}
.dh_service li a{color:#222;}
.dh_service li a:hover{color:#ea0000;}
.dh_service li a:hover .imgsc img{transform: translateY(-40px); filter: drop-shadow(#ea0000 0 40px);}




/*关于我们*/
#navMenu .dh_contact {padding-top:20px; margin:0 auto;}
#dh_contact_left{margin-left:-905px;}
.dh_contact ul {overflow:hidden;}
.dh_contact li {display:inline-block; width:110px; text-align:center; font-size:16px; height:auto; line-height:18px; overflow:hidden; padding:40px 0 0 0; margin-left:0}
.dh_contact li:not(:nth-of-type(6n)){margin-right:20px;}
.dh_contact li .imgsc {padding-bottom:8px; width:40px; height:40px; margin:0 auto; overflow:hidden;}
.dh_contact li a{color:#222;}
.dh_contact li a:hover{color:#ea0000;}
.dh_contact li a:hover .imgsc img{transform: translateY(-40px); filter: drop-shadow(#ea0000 0 40px);}




/*搜索*/
#navMenu .dh_search {padding-top:20px; margin:0 auto;}
#dh_search_left{margin-left:-1300px;}
.dh_search ul {overflow:hidden;}
.dh_search .searchbar {margin:50px auto 0; padding:0px; width:800px; height:40px; background-color:#fff; border:1px #ddd solid;}
.dh_search .search-input {float:left; width:700px; height:40px; line-height:40px; background-color:#fff; padding:0 10px;}
.dh_search .searchbtn {float:right; cursor:pointer; color:#fff; height:40px; line-height:40px; font-size:16px; background:#ea0000; width:80px; font-weight:700;}
.dh_search .searchbtn:hover{color:#ffea00;}

.m-header {display:none;}
@media screen and (max-width:1175px) {
.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:9;}
.m-header .main {margin:0 auto; width:94%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:8px; width:180px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#999; 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:18px; line-height:42px; background:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:45px;}
.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:15px; line-height:40px; font-size:16px; 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%; display:block;}
.m-nav ul li ul li{background:url(../images/point.png) left center no-repeat;}
.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***/
.swiper-container {width: 100%; margin-top:68px;}
.swiper-container .main { position: absolute; top: 0; left: 50%; margin-left: -675px; height: 100%; }

.slide1 .swiper-text{ background: rgba(0,0,0,0.4) }
.slide2 .swiper-text{ background: rgba(255,255,255,0.08) }

.swiper-text { float: right; padding: 150px 50px 0; width: 550px; height: 100%; color: #fff; box-sizing: border-box;}
.swiper-text h2 {line-height:40px; font-size:33px; margin-bottom:30px; font-weight:700;}
.swiper-text h3 {line-height:28px; font-size:24px; margin-bottom:30px; }
.swiper-text p {line-height:24px; font-size:17px;margin-bottom:30px; }
.swiper-text a {display:inline-block; width: 130px; height:35px; line-height:35px; font-size:17px; color: #fff; text-align: center; border:1px solid rgba(255,255,255,0.5); border-radius:5px; }
.swiper-text a:hover {border-color: #fff; background:#ea0000;  border:1px solid rgba(214,27,31,1);}
.swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; }

.slide-text1 {margin: 0 auto; padding-top:8%; width:60%; color: #16366e;  text-shadow:-2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;}
.slide-text1 .p1 { line-height: 90px; font-size: 70px; font-family: Arial narrow; }
.slide-text1 .p2 { line-height: 60px; font-size: 40px; font-weight: 700; }
.slide-text1 .p3 { line-height: 44px; font-size: 24px; margin-top: 15px; }

@media screen and (max-width:1420px) {
.swiper-text {padding:100px 50px 0;}
}
	
@media screen and (max-width:1350px) {
.swiper-text {padding:80px 50px 0;}
}
	
@media screen and (max-width:768px) {
.swiper-container { margin-top: 45px; height: 300px; overflow: hidden;}
.swiper-container img { width: 960px; height: 300px; /*-webkit-transform:translate(-25%,0); transform:translate(-25%,0);*/}
.swiper-container .main {left: 0; margin-left: 0; width: 100%; height: 100%; z-index: 2; }

.slide2 .swiper-text{ background: rgba(0,0,0,0.4) }

.swiper-text {float: left; padding: 50px 30px 0; width: 100%;}
.swiper-text h2 {height:auto; line-height:26px; font-size:18px; font-weight:700; margin-bottom:15px;}
.swiper-text h3 {line-height:22px; font-size:16px; margin-bottom:15px;}
.swiper-text p {line-height:20px; font-size:14px; margin-bottom:15px; }
.swiper-text a { margin-top: 10px; display: inline-block; width: 100px; height: 30px; line-height: 30px; font-size: 12px; border-radius: 15px; }

.swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; }

}


/***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 10px; width:94%; max-width:1350px;}
.htitle h1 {position: relative; height:36px; line-height:36px; font-size:24px; color:#033e8e;}
.htitle p {line-height: 24px; font-size:16px; color:#666; }
.htitle a { position: absolute; bottom:0; right: 0; height: 24px; line-height: 24px; font-size:16px; color: #555;}
.htitle a:hover { color: #ea0000; }
@media screen and (max-width:768px) {
.htitle {text-align: center;}
.htitle h1 {height:24px; line-height:24px; font-weight:700; margin-bottom:5px;}
.htitle p {line-height: 20px; font-size:14px; margin-bottom: 5px; }
.htitle a {position: relative; bottom:auto; right: auto; height: 20px; line-height:20px; font-size:16px; font-weight:700;}
}


.imglist { position: relative;}
.imglist li {position: relative; float: left; width: 32.4%; overflow:hidden;}
.imglist li:nth-child(5) { position: absolute; right: 0; bottom:0; }
/*.imglist li p { position: absolute; left: 0; bottom: 0; padding:0 15px; width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; box-sizing: border-box; overflow: hidden; background-color: rgba(0,0,0,0.5); }*/
.imglist li .bg { display: none;}
@media screen and (max-width:768px) {
.imglist li {float: none; width: 100%; overflow: hidden; }
.imglist li:nth-child(5) { position: relative; right: auto; bottom:auto;}
.imglist li .bg { display: block;}
}


.project-info {position: absolute; top:0; left:0; padding:14px 20px; width:100%; height:100%; color:#fff;-webkit-transform: translate(0,73%); transform: translate(0,73%); background-color: rgba(0,0,0,0.6); box-sizing: border-box; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.project-info h3 {height:30px; line-height:30px; font-size:18px; margin-bottom:10px;}
.project-info h4 {margin-top:5px; line-height:24px; opacity:1; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis; font-weight:700; font-size:18px;}
.project-info p {margin-top:5px; line-height:24px; opacity:0.8; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis;}
.project-info h5 {display:inline-block; margin-top:20px; line-height:20px; font-size:14px; background:#FFF; color:#ea0000; padding:6px 15px; border-radius:5px;}
.project-info h5:hover{ background:#ea0000; color:#FFF;}
#project-info2 {translate(0,87%); transform: translate(0,87%);}
@media screen and (max-width:768px) {
.project-info {}
.project-info h3 {height: 20px; line-height: 20px; font-size:16px; }
.project-info p {line-height:18px;}
.project-info h5 {margin-top:10px;}
}


/***mod1***/
.mod1 {padding:50px 0;}
.solution li:nth-child(2) { margin: 0 1.4%; }
.solution li:nth-child(4)  { position: absolute; left: 0; bottom:0; }
.solution li:hover { cursor:pointer;}
.solution li:hover .project-info {-webkit-transform: translate(0,0); transform: translate(0,0);}
.solution li:hover #project-info2 {-webkit-transform: translate(0,0); transform: translate(0,0);}
.solution li:hover .project-info p {-webkit-line-clamp:0;}
@media screen and (max-width:768px) {
.mod1 {padding:25px 0;}
.solution li:nth-child(2) { margin-left: 0; margin-right: 0; }
.solution li:nth-child(2) .imgbox {/*position: absolute;*/ top:0; left: 0; }
.solution li:nth-child(n+2) { margin-top: 2%;}
.solution li:nth-child(4)  { position: relative; left: auto; bottom:auto; }
}


/***mod2***/
.mod2 { padding:50px 0; background-color: #f5f5f5; }
.product li:nth-child(n+2) { margin-left: 1.4%; }
.product li:nth-child(4)  { position: absolute; left: 32.4%; bottom:0; }
.product li:hover { cursor:pointer;}
.product li:hover .project-info {-webkit-transform: translate(0,0); transform: translate(0,0);}
.product li:hover #project-info2 {-webkit-transform: translate(0,0); transform: translate(0,0);}
.product li:hover .project-info p {-webkit-line-clamp: 5;}
@media screen and (max-width:768px) {
.mod2 {padding:25px 0;}
.product li:nth-child(1) .imgbox {/*position: absolute;*/ top:0; left: 0; }
.product li:nth-child(n+2) { margin-left: 0; margin-top: 2%; overflow: hidden;}
.product li:nth-child(4)  { position: relative; left: auto; bottom:auto; }
}




/***mod3***/
.mod3 { padding:50px 0 0; }
.mod3 .htitle h1 {height: 42px; line-height: 42px; font-size: 30px; text-align: center; color: #555; font-weight: normal; }

.type {width: 100%; box-sizing: border-box; overflow:hidden; background:#deeaf8;}

.type-hd { float: left; width: 16%; height:720px; background-color:#c0d6f6;}
.type-hd li { position:relative; height:72px; line-height:74px; font-size: 18px; text-indent:30px; cursor:pointer; color:#033e8e;}
.type-hd li img{width:25px; height:25px; vertical-align:middle; margin-right:10px; display:inline;}
.type-hd li.active { background-color:#deeaf8; font-weight:700; color:#033e8e;}
.type-hd li.active:after { position: absolute; top:0; right:-1px; content: ""; width: 1px; height:72px; background-color:#d6e5f7; }

.type-bd { float: left;  width: 84%; min-height:300px; display:none; }
.type-list { padding: 20px 40px; width: 100%; box-sizing: border-box; height:720px; overflow:scroll; overflow-x:hidden;}
.list-item { padding: 15px 0;}
.list-item h3 { height:35px; line-height:35px; font-size:18px; color:#033e8e; font-weight:700;}
.list-item ul { overflow: hidden; }
.list-item li { float: left; width:50%; line-height:35px; font-size:16px; }
.list-item li a:before { display: inline-block; vertical-align: middle; margin-right: 5px; content: ""; width: 12px; height: 12px; background: url(../images/arrow.png) no-repeat;  }

.accordion{ display:none; width:100%;}
.accordion .link{cursor:pointer;display:block; padding:4px 15px 4px 4px; height:40px; line-height:40px; font-size:17px;font-weight:700;border-bottom:1px solid #ccc;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li i {position:absolute;top:12px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li i.fa-chevron-down{right:12px;font-size:17px}
.accordion li.open .link {color:#ea0000; background:#f5f5f5;}
.accordion li.open i {color:#ea0000}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}

.submenu {display:none; padding:2px 4px; font-size:16px}
.submenu h3 {  padding-top:10px; line-height:2; font-weight: 700; color: #033e8e; }
.submenu ul{overflow:hidden;}
.submenu li { border-bottom:1px dotted #ddd; float:left; width:45%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-right:5%;}
.submenu a {display:block; line-height:40px; -webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}



@media screen and (max-width:768px) {
.mod3 {padding:25px 0 0;}
.mod3 .htitle h1 {height: 24px; line-height: 24px; font-size: 16px;}
.type { display: none; }
.accordion {display: block;}


.submenu h3 {padding-top:10px; line-height:1.5; font-weight:700; color:#033e8e; font-size:16px;}
.submenu li { border-bottom:1px dotted #ddd; float:left; width:100%; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-right:0%; font-size:14px;}

}

/***mod4***/
.mod4 { padding:50px 0;}
.news-info h4 {font-size: 16px; font-weight: 700; overflow: hidden;}
.news-tags span {margin-right:15px; }
.news-hot a, .news-list li a {display: block; overflow: hidden;}
.news-hot {position: relative; float: left; width:40.8%; }
.news-hot .news-info { position: absolute; left: 0; bottom: 0; padding:14px 15px; width: 100%; height: 78px; line-height: 25px; color: #fff; background-color: rgba(0,0,0,0.5); box-sizing: border-box; }
.news-hot .news-info h4, .news-hot .news-tags { height: 25px; }
.news-list{ float: right; width:57.2%; } 
.news-list li {position: relative; overflow: hidden;}
.news-list li:nth-child(n+2) { margin-top:3%; }
.news-list .imgbox { float: left; width: 20.5%; }
.news-list .news-info {float: right; width:78%;}
.news-list .news-info h4 {line-height:1.2; }
.news-list .news-info .news-tags { margin-top:5px; line-height:22px; font-size:16px; color:#999; }
.news-list .news-info .news-tags span{margin-right:15px;}
.news-list .news-info .news-abstract {line-height:22px; font-size:16px; color:#333; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

@media screen and (max-width:768px) {
.mod4 {padding:25px 0;}
.news-info h4 { font-size:16px;}
.news-tags span { margin-right: 4px; }
.news-hot,.news-list {float: none; width: 100%; }
.news-hot .news-info { padding:8px 10px; width: 100%; height: 56px; line-height: 20px; }
.news-hot .news-info h4, .news-hot .news-tags { height: 20px; }
.news-list .imgbox { float: left; width: 35.5%; }
.news-list .news-info {float: right; width:61%;}
.news-list li, .news-list li:nth-child(n+2) { margin-top:25px; }
.news-list .news-info .news-tags { margin-top: 4px; line-height: 18px; font-size: 12px; display:none;}
.news-list .news-info .news-abstract {margin-top: 3px; height: 54px; line-height: 18px; font-size: 12px;}
}


/***mod5***/
.mod5 { padding:30px 0; background-color:#fff;}
.contact li { float: left; width: 20%; }
.contact li img { float: left; margin-right: 5px; width: 46px; }
.contact-info {float: left; padding:3px 0; line-height: 20px;}
.contact-label { height: 20px; font-size:16px; }
.contact-value { height: 20px; font-size: 16px; font-weight: 700; color: #033e8e; }

@media screen and (max-width:768px) {
.mod5 {padding:11px 0;}
.contact li { float:; width:50%; overflow:hidden; }
.contact li:nth-child(n+3) {margin-top:20px;}
.contact li img {width: 40px; }
.contact-info {padding:0;}
.contact-label,.contact-value { font-size: 12px; }
}


/***footer***/
.footer {padding:50px 0; background-color: #033e8e;}
.footer-nav { float: left; width:70%; }

.nav-item { float: left; width:16.66%; }
.nav-item:first-child { width:33.32%;}
.nav-item-hd { height: 38px; line-height: 38px; font-size: 16px; color: #fff; font-weight: 700; }
.nav-item-hd:hover { color: #fada00 }
.nav-item-bd { height: 224px; }
.nav-item-bd li { height:35px; line-height:35px; font-size:16px;}
.nav-item-bd li a {color:#fff; opacity:0.6;}
.nav-item-bd li a:hover {color:#fff; opacity:1;}
.nav-item:first-child .nav-item-bd li {float: left; width: 40%;}

.footer-qrcode{ float:right; width:28%; text-align:left; line-height:28px; font-size:16px; color:#a1adcb;}
.footer-qrcode img{ width:100px; float:left; margin-bottom:10px; margin-right:15px;}
.footer-qrcode h3{ font-size:18px; line-height:30px;}
.footer-qrcode h4{ font-size:24px; line-height:35px; color:#FFF;}
.footer-copyright {margin-top:70px; font-size: 12px; color: #a7b3cb; text-align: center; }
.footer-copyright a{color:#FFF;}
@media screen and (max-width:768px) {
.footer {padding:25px 0;}
.footer-nav { float: none; width: 100%; text-align: center; overflow: hidden; display:none;}

.nav-item,.nav-item:first-child { width: 20%;}
.nav-item-hd { height: 24px; line-height: 24px; font-size: 12px; font-weight: 700; }
.nav-item-bd { display: none; }

.footer-qrcode {float: none; margin:15px auto 0; width: 80px; line-height: 24px; font-size: 12px; display:none;}
.footer-copyright {margin-top:0px; line-height:24px;}
}





/************内页banner*************/
#mob{display:none;}
#pc{display:block; margin:68px auto 0;}
@media screen and (max-width:768px) {
#pc{display:none;}
#mob{display:block; margin-top:45px;}
}

/*分页*/
.page{text-align:center; padding:20px 0; /*border:1px solid #D9D9D9;background:#fff; margin-top:20px;*/ }
.page a{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;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:10px;}
.page a{font-size:14px; padding:2px 9px; margin:0;}
}

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


/*--------内页路径--------*/
#weizhitop{width:100%; margin:68px auto 0;}
#weizhi{width:100%; margin:0px auto;}
.weizhi{overflow:hidden;width:94%; max-width:1350px; margin:0 auto; font-size:16px; line-height:40px; padding:15px 0 15px;}
.weizhi a{color:#666;}
.weizhi a:hover{color:#ea0000;}
.span_right{float:right; font-size:16px;}
.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) {
#weizhitop{width:100%; margin:45px auto 0;}
#weizhi{margin:0px auto 0;}
.weizhi{padding:5px 0px; font-size:14px; width:94%; line-height:18px;}
.span_right{font-size:16px; display:none;}
}


/****************************公用****************************/
.wrap {margin:0 auto; padding:40px 0; width:100%; background-color:#fff;}
.lymain {position:relative; margin:0 auto; width:94%; max-width:1350px; overflow:hidden;}
.lybanner {margin:0px 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:45px auto 0;}
}


/*左右框架*/
.mainleft{float:left; width:68%; padding-right:6%; overflow:hidden;}
.mainright{float:right; width:21.85%; overflow:hidden; padding:2%; background:#f9f9f9;}
.mainright_title{font-size:20px; line-height:40px; width:100%; padding-bottom:5px; border-bottom:1px #30579d solid; margin-bottom:5px; font-weight:700; color:#30579d;}
.mainright ul{overflow:hidden;}
.mainright ul li{line-height:24px; margin:0; font-size:18px; 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:16px; border-bottom:1px #ddd dotted; padding:8px 0px; color:#666;}
.mainright ul h4 span{color:#ea0000;}
.mainright ul h4 img{width:auto;}

.margintop40{ margin-top:40px;}
.marginbottom40{ margin-bottom:40px;}
.righttxt{margin:15px 0px; border-bottom:1px #ddd dotted; padding-bottom:15px;}
.righttxt h3{color:#30579d; font-size:16px; line-height:30px; font-weight:700;}
.righttxt p{font-size:16px; line-height:28px; color:#777;}
.righttxt div{font-size:14px; line-height:24px; color:#555; display: -webkit-box; -webkit-line-clamp:3; -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:90%; padding:5%; margin-top:3%; margin-left:0; border-left:0;}
.mainright_title{font-size:18px; line-height:24px;padding-bottom:5px; margin-bottom:5px;}
.mainright ul li{line-height:30px; margin:0; font-size:16px; padding:8px 5px 8px 40px;}
.margintop40{ margin-top:30px;}
.righttxt{margin:12px 0px; border-bottom:1px #ddd dotted; padding-bottom:10px;}
.righttxt h3{color:#30579d; font-size:14px; line-height:28px;}
.righttxt p{ font-size:14px; line-height:20px; color:#777;}
}


/*news list*/
.newsul{}
.newsul li{overflow:hidden; margin-bottom:5%; padding-bottom:5%; border-bottom:1px #ddd dotted; 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:#ea0000;}
.newsul li img{width:30%; margin-right:2%; float:left;}
.newsul li h2{font-size:18px; line-height:30px; font-weight:700;}
.newsul li h2 a{}
.newsul li h2 a:hover{color:#ea0000;}
.newsul li div{color:#666; line-height:26px; height:78px; overflow:hidden; font-size:16px;}
.newsul li p{color:#999; padding:6px 0 6px 0; line-height:20px; font-size:14px;}
.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; background:#f5f5f5;}

@media screen and (max-width:768px) {
.newsul li{padding:0%; margin-bottom:20px; padding-bottom:20px; /*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:14px;}
.newsul li h2{font-size:16px; padding:0; line-height:24px; font-weight:700;}
.newsul li div{font-size:14px; line-height:20px; 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; margin-bottom:40px; /*padding:4%; background:#fbfbfb;  border:1px #ddd dotted; box-sizing:border-box;*/}
.news_xxjs{line-height:26px!important; overflow:hidden; font-size:17px!important; margin:35px 0;}
.news_xxjs p,.news_xxjs span{line-height:26px!important; font-size:16px!important;}
.news_xxjs td{padding:4px; font-size:16px!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;}

.txtspace{letter-spacing:3px; line-height:28px; padding:20px; border:1px #ddd dotted; background:#f5f5f5; font-size:17px;}
.txtspace p {line-height:28px; font-size:17px;}
.txtspace img{ width:auto!important; margin-right:15px; max-width:100%;}

.news_title{}
.news_title h1{font-size:24px; text-align:left; padding:5px 0px 10px 0px; font-weight:700; border-bottom:1px #ddd dotted;}
.pubdate{line-height:20px; margin:10px 0; OVERFLOW: hidden; text-align:left; font-size:14px; color:#999;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:left; color:#999999;}

/*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:17px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{line-height:28px;font-size:16px; padding:5px 0;}
.Information li span{float:right; font-size:16px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width:768px) {
.newsshow{padding:0%; width:100%; margin-bottom:20px;}
.news_title{}
.news_title h1{font-size:18px;}
.news_xxjs{font-size:14px!important; margin:15px 0;}
.pubdate span{margin:0px 10px 0 0;}
.news_xxjs p,.news_xxjs span{font-size:14px!important;}
.news_xxjs td{font-size:14px!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;}
.Information ul li{font-size:14px; padding:1px 0; line-height:30px; height:30px;}
}


/*about us*/
.about_txt{line-height:28px; font-size:16px; overflow:hidden; margin-bottom:40px; /*padding:4%; background:#fbfbfb;*/}
.about_txt img{max-width:100%; margin-bottom:20px; width:auto; margin-right:20px;}
.about_txt:last-child {margin-bottom:0px;}
.about_txt h2 ,.development_txt h2 ,.cert h2 ,.notice h2 ,.download h2 ,.download h2 ,.newsshow h2{color:#30579d; font-size:20px; text-transform:uppercase; line-height:40px; height:40px; margin-bottom:20px; border-bottom:1px #ddd solid; padding-bottom:5px; font-weight:700;}
.about_txt b,.about_txt strong{color:#30579d; font-size:16px;}
.about_txt td{padding:4px; font-size:16px!important; border:1px #CCCCCC solid;}
.about_txt table{width:100!important; margin:10px 0;}
.about_txt td{font-size:14px!important; line-height:28px!important; padding:4px 8px; border:1px #ddd solid;}
.about_txt td p, .about_txt td span{font-size:14px!important; line-height:28px!important;}
.about_txt p,.about_txt span{font-size:16px;}

@media screen and (max-width:768px) {
.about_txt{line-height:26px; margin-bottom:20px; font-size:14px; padding:0;}
.about_txt img{width:auto; max-width:100%; height:auto; margin-bottom:10px;}
.about_txt:last-child {margin-bottom:0px;}
.about_txt h2 ,.development_txt h2 ,.cert h2 ,.notice h2 ,.download h2 ,.download h2 ,.newsshow h2{font-size:18px; text-transform:uppercase; line-height:35px; height:35px; font-weight:700; padding-bottom:0; margin-bottom:10px;}
.about_txt b,.about_txt strong{color:#30579d;}
.about_txt table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0;}
.about_txt td, .about_txt p,.about_txt span{font-size:14px}

}


/*发展历程*/
.development_txt{line-height:28px; margin-bottom:40px; font-size:16px;}
.development_txt ul{overflow:hidden; padding-bottom:40px; background:url(../images/about_line.png) 109px top repeat-y;}
.li_left{float:left; width:11%; font-size:18px; color:#30579d; font-weight:700; text-align:right; padding-right:1%;}
.li_right{float:right; width:85%; font-size:16px; line-height:28px; background:url(../images/about_dian.png) left 5px no-repeat; padding-left:3%; margin-top:2px; color:#666;}
.li_right p{margin-bottom:12px;}
@media screen and (max-width: 768px) {
.development_txt{padding:0px; margin:0 auto;}
.development_txt ul{overflow:hidden; padding:10px 0 10px 0; background:none;}
.li_left{float:left; width:20%; font-size:18px; color:#30579d; font-weight:700; padding-right:2%;}
.li_right{float:right; width:70%; font-size:14px; line-height:20px; background:url(../images/about_dian.png) left 5px no-repeat; padding-left:5%; padding-right:3%;}
.li_right p{margin-bottom:10px;}
}


/*资质证书*/
.cert{line-height:28px; margin-bottom:60px; font-size:16px; /*padding:50px; background:#fbfbfb; border:1px #ddd dotted; box-sizing:border-box;*/}
.certul{overflow:hidden;}
.certul li{float:left; overflow:hidden; width:22%; background:#fff;}
.certul li:hover{background:#FFF; color:#F90;}
.certul li:not(:nth-of-type(4n)){ margin-right:4%;}
.certul li:nth-child(n+5){margin-top:4%;}
.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 {height:20px; line-height:20px; font-size:16px; color:#555457; text-align:center; padding:5px 20px; overflow:hidden;}
.certul li .title1 {height:18px; line-height:18px; font-size:16px; color:#555457; text-align:center; padding:5px 20px; overflow:hidden;}
.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;}

@media screen and (max-width: 768px) {
.cert{line-height:20px; margin-bottom:40px; font-size:16px; padding:0;}
.certul{ padding:0%; overflow:hidden;}
.certul li{width:47.5%;}
.certul li .title {line-height:18px; font-size:14px; color:#555457; text-align:center; padding:2px;}
.certul li .title1 {line-height:18px; font-size:14px; color:#555457; text-align:center; padding:2px; overflow:hidden;}

.certulimg {width:90%; display:block; overflow:hidden; padding:5%;}
.certul li img{width:100%;}
.certul li:not(:nth-of-type(4n)){ margin-right:0;}
.certul li:not(:nth-of-type(2n)){ margin-right:5%;}
.certul li:nth-child(n+3){margin-top:5%;}
.certul li .mask, .certul li .view {display:none;}
}


/*产品公告*/
.notice{margin:0px auto; /*padding:4%; border:1px #ddd dotted; background:#fbfbfb;*/}
.noticeul{overflow:hidden;}
.noticeul 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:17px; /*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/}
.noticeul li:hover{background:#fff url(../images/file2.png) no-repeat 0px center;}
.noticeul li span{float:right; font-size:16px; color:#acacac;}
@media screen and (max-width: 768px) {
.notice{float:none;}
.noticeul li{font-size:16px; padding:10px 0 10px 40px; line-height:20px;}
.noticeul li span{font-size:14px; margin-left:10px; display:none;}
}


/*下载中心*/
.download{margin:0px auto; /*padding:4%; border:1px #ddd dotted; background:#fbfbfb;*/}
.downloadul{overflow:hidden;}
.downloadul li{overflow:hidden; padding:15px 0px 15px 40px; line-height:22px; border-bottom:1px #ddd dotted; background:url(../images/file.png) no-repeat 0px center; font-size:17px; /*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/}
.downloadul li:hover{background:#fff url(../images/file2.png) no-repeat 0px center;}
.downloadul li p span{font-size:14px; color:#acacac; margin-right:15px; line-height:24px;}

.search_down{ border:1px #ddd solid; box-sizing:border-box; padding:15px; margin-bottom:20px; background:#f5f5f5;}
.select_down {float:left; width:200px; height:35px; line-height:35px; border:1px solid #DBDBDB; box-sizing:border-box; padding-left:6px; margin-right:15px; background:#FFF;}
.input_down {float:left; height:35px; border:1px solid #DBDBDB; box-sizing:border-box; line-height:35px;  width:300px;  padding-left:6px; margin-right:15px; background:#FFF;}
.submit_down {width: 80px; height: 35px; line-height:35px; color: #FFFFFF; font-weight: bold; background: #ff6600; border: 0; cursor: pointer; border-radius:5px;}
.submit_down:hover{background:#ea0000;}

@media screen and (max-width: 768px) {
.download{float:none;}
.downloadul li{font-size:16px; padding:8px 0 8px 40px; line-height:20px;}
.select_down {float:none; width:100%; margin-right:0px; margin-bottom:15px;}
.input_down {float:none; width:100%; margin-right:0px; margin-bottom:15px;}
.submit_down {width:100%;}

.downloadul li p span{font-size:14px; color:#acacac; margin-right:15px; line-height:20px;}
}



/*产品中心*/
.ptitle {position:relative; margin:0 auto 20px; text-align: center;}
.ptitle h2 {height: 42px; line-height:42px; font-size:30px; color:#033e8e; font-weight:700;}
.ptitle h2:before, .ptitle h2:after {/*display: inline-block; vertical-align: middle; margin:0 10px; content: ""; width:50px; height:1px; background-color:#ccc;*/}
.ptitle p { margin:10px auto 0; width:100%; line-height:24px; color:#777; font-size:16px; }
@media screen and (max-width:768px) {
.ptitle {margin:0 auto 5px;}
.ptitle h2 {height:30px; line-height:30px; font-size:24px; font-weight:700;}
.ptitle h2:before, .ptitle h2:after { margin:0 5px;  width:40px; height:1px; }
.ptitle p { margin: 5px auto 0; width: 100%; line-height:22px; }
}


.product_1 {padding:40px 0; background-color:#fff;}
.product_left {float: left; width: 57%; }
.product_profile {line-height:30px; font-size:16px; padding-bottom:20px;}
.product_more {line-height:40px; font-size:16px; text-align:center; background-color:#033e8e; color:#FFF; float:left; margin-right:10px; border-radius:5px; padding:0px 30px;}
.product_more:hover {color:#fff; background-color:#ea0000;}
.product_right {float: right; width: 37%;}
.product_right img{ border:1px #ddd solid; box-sizing:border-box;}
@media screen and (max-width:768px) {
.product_1 {padding:30px 0;}
.product_left, .product_right {float:none; width:100%; overflow:hidden;}
.product_profile {line-height:26px;font-size:14px; padding-bottom:0px;}
.product_more{margin:10px 2.5% 0; width:45%; padding:0; margin-right:0;}
.product_right{margin-top:15px; height:auto;}
}


.product_2 {padding:40px 0;}
.prod_index li{float:left; width:30%; text-align:center; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border:1px #ddd solid; box-sizing:border-box;}
.prod_index li:not(:nth-of-type(3n)){ margin-right:4%;}
.prod_index li:nth-child(n+4){ margin-top:4%;}

.prod_index li img{ height:202px; width:405px;}
.prod_index li h3 {line-height:30px; font-size:16px; padding:10px 40px 0px 40px; text-align: center; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; margin-bottom:20px;}
.prod_index li p {line-height:22px; padding:0 5%; font-size:16px; color:#999;}
@media screen and (max-width:768px) {
.product_2 {padding:30px 0;}
.prod_index{margin-top:15px;}
.prod_index li {width:100%; background:#ffffff; padding:2%;}
.prod_index li img{width:100%; height:auto;}

.prod_index li:nth-child(n+2){ margin-left:0; margin-top:5%;}

.prod_index li h3 {line-height:20px; font-size:16px; margin-top:5px; margin-bottom:5px; padding:0; -webkit-line-clamp:2;}
}


.product_3 {padding:40px 0 60px 0; background-color:#fff;}
@media screen and (max-width:768px) {
.product_3 {padding:30px 0;}
}



/*产品中心详情页*/
.cpshow{position:relative; margin:60px auto 80px; width:94%; max-width:1350px; overflow:hidden;}
.cpshowtop{overflow:hidden;}
.cpshowtop_l{ float:left; /*width:50%;*/ border:0px #ddd solid;}
.cpshowtop_r{float:right; width:48%; overflow:hidden;}
.cpshowtop_r h2{font-size: 28px; color: #033e8e; font-weight:700;}
.cpshowtop_r_div{font-size:16px; line-height: 28px; margin:10px 0 30px 0;}

#content{}
#content a {text-decoration:none; color:#ea0000;}


.lanrenzhijia{width:600px;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .prev{left:0;background:url(../images/index_tab_l.png) no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/index_tab_r.png) no-repeat;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .btn{position:absolute;width:28px;height:51px;top:125px;cursor:pointer;z-index:2;font-size:50px;font-weight:bold;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}

.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:600px;height:300px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:300px;position:relative;overflow:hidden;}
.lanrenzhijia .picBox ul{height:300px;position:absolute;}
.lanrenzhijia .picBox li{width:600px;height:300px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:600px;height:40px;margin:0 auto;position:relative;padding:15px 0 0; overflow:hidden;}
.lanrenzhijia .listBox ul{height:40px;position:absolute;}
.lanrenzhijia .listBox li{width:86px;height:40px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:80px;height:40px;}
.lanrenzhijia .listBox li img{width:80px;height:40px;border:1px solid #ddd; box-sizing:border-box;}
.lanrenzhijia .listBox .on img{width:80px;height:40px;border:1px solid #ff0000; box-sizing:border-box;}
.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:28px;height:51px;top:60px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:10px;width:6px; height:6px;}

.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display:block; width:360px;height:180px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:180px;position:relative;overflow:hidden; width:360px; margin:10px auto; border:0;}
.lanrenzhijia .picBox ul{height:180px;position:absolute;}
.lanrenzhijia .picBox li{width:360px;height:180px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}

.lanrenzhijia .listBox{width:360px;height:40px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden; display:none;}
.lanrenzhijia .listBox ul{height:40px; position:absolute;}
.lanrenzhijia .listBox li{width:85px;height:40px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:80px;height:40px}
.lanrenzhijia .listBox li img{width:80px;height:auto;}
.lanrenzhijia .listBox .on img{width:80px;height:auto; border:1px solid #ff6600;}
.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:28px;height:51px;top:60px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:10px;width:6px; height:6px;}

.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display:block; width:360px;height:180px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:180px;position:relative;overflow:hidden; width:360px; margin:0 auto; border:0;}
.lanrenzhijia .picBox ul{height:180px;position:absolute;}
.lanrenzhijia .picBox li{width:360px;height:180px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}

.lanrenzhijia .listBox{width:360px;height:40px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden; display:none;}
.lanrenzhijia .listBox ul{height:40px; position:absolute;}
.lanrenzhijia .listBox li{width:85px;height:40px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:80px;height:40px}
.lanrenzhijia .listBox li img{width:80px;height:auto;}
.lanrenzhijia .listBox .on img{width:80px;height:auto; border:1px solid #ff6600;}
.lanrenzhijia .listBox .on i{display:block;}
}


@media screen and (max-width:768px) {
.cpshow{padding:0; margin:10px auto;}
.cpshowtop{padding:0%;}
.cpshowtop_l{float:none; width:100%;}
.cpshowtop_r{float:none; width:100%; margin-top:0; padding:0%;}
.cpshowtop_r h2{font-size:16px; padding-top:0; padding-bottom:10px;}
.cpshowtop_r p{font-size:14px;}
.cpshowtop_r_div{padding:0; line-height:24px; font-size:14px; margin:0;}
}


#tab1 ,#tab2{width:100%; padding:0; overflow:hidden; margin:0 auto;}
#tab1 ul ,#tab2 ul{margin:0;padding:0;}
#tab1 li,#tab2 li{float:left; width:16.666%; height:50px;line-height:50px;text-align:center; background:#f5f5f5; color:#626262; font-size:18px; cursor:pointer;}
#tab1 li.now,#tab2 li.now{color:#fff;background:#033e8e;}
.tablist{ overflow:hidden; display:none; padding-bottom:60px;}
.block{display:block;}
.cpcs{overflow:hidden; width:100%; font-size:16px; line-height:28px; padding-top:20px;}
.cpcs table{width:100%;}
.cpcs td{font-size:14px!important; line-height:28px!important; padding:4px 8px; border:1px #ddd solid;}
.cpcs td p, .cpcs td span{font-size:14px!important; line-height:28px!important;}
.cpcs p,.cpcs span{font-size:16px;}

.xgdownload{overflow:hidden; width:100%; padding-top:20px;}
.xgdownload ul{overflow:hidden;}
.xgdownload li{font-size:17px; background:url(../images/file.png) no-repeat left center; padding:14px 0 14px 36px; border-bottom:1px #ddd dotted; line-height:26px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
.xgdownload li span{float:right; font-size:16px; color:#afafaf;}


@media screen and (max-width: 768px) {
#tab1 ,#tab2{width:100%; padding:0;}
#tab1 li,#tab2 li{height:40px;line-height:40px; font-size:14px; width:33.33%;}
#tab1 li,#tab2 li:nth-child(n+4){ margin-top:2px; }

.tablist{padding-bottom:15px;}

.cpcs{width:100%; padding:15px 0 0; font-size:14px;}
.cpcs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0;}
.cpcs td, .cpcs p,.cpcs span{font-size:14px}

.xgdownload{width:96%; padding:2%;}
.xgdownload li{width:90%; font-size:14px; background:url(../images/file.png) no-repeat left center; padding:8px 0 8px 10%; text-overflow:clip; white-space:initial;}
.xgdownload li:not(:nth-of-type(2n)){margin-right:0;}
.xgdownload li span{font-size:14px; padding-left:10px;}
}
@media screen and (max-width: 413px) {
#tab1 li,#tab2 li{height:40px;line-height:40px; font-size:14px; width:33.33%;}
#tab1 li,#tab2 li:nth-child(n+4){ margin-top:2px; }
}



/*解决方案*/
.solumod{padding:80px 0 0 0;}
.solumodtop{ padding-top:0;}
.solumodtop2{ padding-top:40px;}
.stitle {position:relative; margin:0 auto 15px; text-align:left; background:url(../images/solu.jpg) left top no-repeat; padding-left:15px;}
.stitle h2 {height:24px; line-height:24px; font-size:24px; color:#033e8e;}
.stitle p { margin:3px auto 0; width:100%; line-height:24px; color:#777; font-size:16px;display: -webkit-box; -webkit-line-clamp:1;  -webkit-box-orient:vertical;  overflow:hidden; text-overflow: ellipsis; }

.solulist { position: relative;}
.solulist li{position: relative; float:left; width:42%; overflow:hidden;}
.solulist li:nth-child(n+2){ margin-left:3%; width:55%;}
.solulist li p{position: absolute; left: 0; bottom: 0; padding:0 15px; width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; box-sizing: border-box;  background-color: rgba(0,0,0,0.6); text-align:center; display: -webkit-box; -webkit-line-clamp:1;  -webkit-box-orient:vertical;  overflow:hidden; text-overflow: ellipsis;}

.solulist_list{ border:1px #ddd solid; box-sizing:border-box; padding:20px; background:#fbfbfb;}
.solulist_list li{position: relative; float:left; width:31.33%; overflow:hidden; font-size:14px; color:#666; line-height:35px;}
.solulist_list li:not(:nth-of-type(3n)){margin-right:3%;}

@media screen and (max-width:768px) {
.solumod{padding:55px 0 0 0;}
.solumodtop{ padding-top:0;}
.solumodtop2{ padding-top:20px;}


.stitle {margin:0 auto 5px; background:none; padding-left:0;}
.stitle h2 { height:30px; line-height:30px; font-size:18px; font-weight:700;}
.stitle p { margin:0px auto 0; width:100%; line-height:20px; -webkit-line-clamp:10; font-size:14px;}

.solulist li {float: none; width: 100%; overflow: hidden;}
.solulist li:nth-child(n+2){ margin-left:0%; margin-top:5%; width:100%;}

.solulist li p{padding:0 15px; width:100%; height:40px; line-height:40px; font-size:14px;}

.solulist_list{padding:10px;}

.solulist_list li{width:100%;}
.solulist_list li:not(:nth-of-type(3n)){margin-right:0%;}
}


.sitemap{overflow:hidden; background:#FFF; padding:20px; border:1px #ddd solid;}
.sitemap h2 {padding:5px; font-size:16px; font-weight:bold; color:#033e8e;}
.sitemap h2 a{color:#033e8e;}
.sitemap h2 a:hover{color:#ff6600;}
.sitemap ul{ overflow:hidden; margin-bottom:15px; padding:6px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:14px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:24px; font-weight:600;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:14px; line-height:24px;}