/* 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 0.3s ease-in-out; transition:all 0.3s ease-in-out;outline:none;}
a:hover {text-decoration:none; color:#ffc000;noOutline:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.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,radio {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;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);}


.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%;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999; opacity:1;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999;opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999;opacity:1;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;opacity:1;}

@font-face {
/*Open-Sans*/
font-family: 'Open-Sans';
src:url('../fonts/Open-Sans.ttf') format('truetype');
font-weight: normal;
font-style: normal;

font-family: 'Geomanist-Book';
src: url('../fonts/Geomanist-Book.eot');
src:
 url('../fonts/Geomanist-Book.eot?#font-spider') format('embedded-opentype'),
 url('../fonts/Geomanist-Book.woff') format('woff'),
 url('../fonts/Geomanist-Book.ttf') format('truetype'),
 url('../fonts/Geomanist-Book.svg') format('svg');
font-weight: normal;
font-style: normal;
}

body {font-size:14px; color:#222; background:#fff; font-family:'微软雅黑',Verdana, Geneva, sans-serif;  padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}

.main {position:relative; margin:0 auto; width:92%; max-width:1600px;}
@media screen and (max-width:768px) {
.main {width:92%;}
}

/***头部***/

.header {position:fixed; top:0; left:0; width:100%; z-index:9;background:rgba(255,255,255,1); /*box-shadow:0 0px 8px 0 #999;*/}

.header_top{height:110px; width:92%; max-width:1600px; margin:0 auto;}
.header-logo {float:left; margin-top:10px; width:50%;}
.header-logo img{width:auto; height:90px; float:left; margin-right:10px;}
.header-logo h2{font-size:18px; margin-top:5px; line-height:26px;}

.header-right{position:relative; float:right; width:50%;}
.header-right ul{text-align:right; margin-top:15px;}
.header-right ul li{font-size:22px; height:48px; line-height:48px; display:inline-block; box-sizing:border-box;}
.header-right ul li:nth-of-type(1){margin-right:15px;}
.header-right ul li:nth-of-type(2){width:48px; background:url(../images/weixin.png) center center no-repeat; background-size:32px;margin-right:10px;}
.header-right ul li:nth-of-type(3){background:url(../images/tel.png) left center no-repeat;background-size:32px; padding-left:35px;}
.header-right ul li p{color:#ffc000; font-family:Tahoma, Geneva, sans-serif;transform: scale(1, 1.25);}
.header-right ul li .weixin{width:48px; height:48px;position:relative;}
.header-right ul li .weixin:hover{ cursor:pointer;}
.header-right ul li .online-show {position:absolute; top:55px; opacity:0;box-shadow:0 0px 8px 0 #999; width:0; height:0; left:0; margin-left:0; z-index:9;}
.header-right ul li .online-show img{width:90%; background:#FFF; padding:5%;}
.header-right ul li .weixin:hover .online-show {opacity:1; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;top:45px; left:50%; margin-left:-70px; width:140px; height:140px;}
.header-right .ptxt{ text-align:right;}
.header-right .ptxt a{ margin-left:10px;}
.header-right .ptxt b{ color:#ffc000;}


#searchform{width:250px; background-color:#f8f8f8; border-radius:50px; padding:0 40px 0 25px; position:relative; border:1px #ddd solid; box-sizing:border-box;}
#searchform .input{width:100%; height:35px; line-height:35px; font-size:14px; border:0;  outline:none;}
#searchform .search{position:absolute;top:2px; right:10px; width:30px; height:30px; background: url(../images/search.png) no-repeat; background-size:30px;}

.header-nav {height:50px; width:100%; color:#FFF; background:-webkit-linear-gradient(bottom, #004ba6, #004ba6);}
.header-nav ul{width:92%; max-width:1600px;margin:0 auto;}
.header-nav ul li{position:relative; line-height:50px; font-size:16px; text-align:center; box-sizing:border-box; width:10%; float:left;}
.header-nav ul li a{position:relative; display:block; color:#FFF;}
.header-nav ul li:hover{background:-webkit-linear-gradient(bottom, #ffc000, #ffc000);}
.header-nav ul li:hover a{color:#FFF;}
/*
.header-nav ul li:after{ position:absolute; display:inline-block; vertical-align:middle; content:""; width:24px; height:1px; background:#ccc; transform: rotate(-65deg) translateY(100%); top:15px; right:-15px;}
.header-nav ul li:last-child:after{display:none;}
*/
#menu {zoom:1;}
#menu li:hover > a {color:#fff;}
#menu ul {margin:15px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:50px; width:100%; z-index:1; background-color:rgba(255,192,0,1); -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; overflow:hidden;}
#menu li:hover > ul {opacity:1; visibility:visible; margin:0; }
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0;background:#ffb400;}
#menu ul li{padding:10px 10px; width:100%; line-height:20px; font-size:14px; border-bottom:1px solid rgba(0,0,0,0.10);}
#menu ul li:last-child{border-bottom:0;}
#menu ul li:hover{background:#ffb400;}
#menu ul ul {top:0; left:0; margin:0 0 0 10px; display:block;}
.m-header {display:none;}


@media screen and (max-width:768px) {
.header {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgba(255,255,255,1); z-index:99;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; width:85%; margin-top:5px;font-size:12px;}
.m-header-logo img{height:40px; width:auto; float:left; margin-right:5px;}
.m-header-logo h2{ font-size:12px; margin-top:5px;}

.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:#16316f; 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:45px;}
.nav-show ul {border-bottom:1px #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:16px; border-top: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 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***/
.banner {width:100%; position:relative;}
.banner video{object-fit:fill; height:820px; overflow:hidden;}
.slide{background-repeat:no-repeat; background-position:center; background-size:cover; height:820px;}

.slide-txt1 {text-align:left; width:1250px; position:absolute; top:50%; transform:translateY(-50%); left:50%; box-sizing:border-box; color:#16316f; margin-left:-625px; z-index:20px; padding-left:580px;}
.slide-txt1 .p2 {font-size:48px; font-weight:700; text-transform:uppercase;}
.slide-txt1 .p3 {display:inline-block; line-height:36px; font-size:24px;margin-top:10px;}
.slide-txt1 .p4 {display:inline-block; line-height:28px; font-size:18px;margin-top:20px;}
.slide-txt1 .btn{ background:#0050d4; border-radius:25px; padding:0px 35px; color:#FFF; font-size:18px; display:inline-block; margin-top:20px; line-height:40px; height:40px; text-transform:uppercase; display:inline-block; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.slide-txt1 .btn span{padding-left:10px;}
.slide-txt1 .btn:hover{ background:#ffc000;}

.swiper-pagination-bullet {background:#fff; opacity:0.5;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;}
@media screen and (max-width:1024px) {
.slide-txt1 .p2 {font-size:32px;}
}

@media screen and (max-width:768px) {
.banner{margin:45px 0 0 0; display:block;}
.banner video{object-fit:fill; height:240px; overflow:hidden;}
.slide{background-size:cover!important; height:240px;}
.slide-txt1 {text-align:center; width:100%; position:absolute; top:45%; left:0; transform:translateY(-50%); padding:0 20px; margin-left:0;}
.slide-txt1 .p2 {font-size:24px;}
.slide-txt1 .p3 {margin-top:5px; font-size:16px; line-height:24px; display:block;}
.slide-txt1 .p4 {margin-top:5px; font-size:14px; line-height:24px; display:block;}
.swiper-container-mob{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-pagination-mob{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.slide-txt1 .btn{padding:0px 25px; color:#FFF; font-size:14px; margin-top:10px; line-height:35px; height:37px;}
}



/***img***/
.imgbox {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);}
.imgbox:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);}



/***indexhtitle***/
.index_htitle {margin:0 auto 20px;}
.index_htitle h2{position:relative; font-size:32px; text-transform:uppercase; line-height:40px; text-align:center; font-weight:700;}
.index_htitle h2 span{color:#ffc000;}
.index_htitle h2:before, .index_htitle h2:after {display: inline-block; vertical-align:middle; margin: -5px 20px 0 20px; content: ""; width:50px; height:1px;  background:#ccc;}
.index_htitle h3 { font-size:14px; color:#666; line-height:30px;}
.index_htitle ul{ overflow:hidden; text-align:center; margin-top:10px;}
.index_htitle ul p{ display:inline-block; padding:0 20px; font-size:16px; line-height:40px;}

@media screen and (max-width:768px) {
.index_htitle {margin:0 auto 15px; width:100%;}
.index_htitle h2 {font-size:24px;}
.index_htitle h2:before, .index_htitle h2:after {display:none;}
.index_htitle h3 { font-size:12px; color:#666; line-height:18px; margin-top:5px;}
}



/***htitle***/
.htitle {margin:0 auto 20px;}
.htitle h2 {position:relative; font-size:28px; text-transform:uppercase; font-weight:700; text-align:left; line-height:40px; border-bottom:1px #ddd dotted; padding-bottom:10px;}
/*.htitle h2:before, .htitle h2:after {display: inline-block; vertical-align:middle; margin: -5px 20px 0 20px; content: ""; width:50px; height:1px;  background:#ccc;}*/
.htitle h2 span{color:#ffc000; float:right; font-size:16px; font-weight:normal;}
.htitle h3 { font-size:14px; color:#666; line-height:30px;}
@media screen and (max-width:768px) {
.htitle {margin:0 auto 15px; width:100%;}
.htitle h2 {font-size:22px;}
.htitle h2:before, .htitle h2:after {display:none;}
.htitle h3 { font-size:12px; color:#666; line-height:18px; margin-top:5px;}
}


.div_more{text-align:center;}
.div_more a:hover{color:#fff;}
.more{display:inline-block; margin:30px auto 0; height:40px; line-height:40px; font-size:14px; padding:0 40px; text-align:center; text-transform: uppercase;border-radius:5px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; color:#FFF; width:100%; box-sizing:border-box; background:-webkit-linear-gradient(bottom, #004ba6, #004ba6);}
.more:hover{background:-webkit-linear-gradient(bottom, #ffc000, #ffc000);}
@media screen and (max-width:768px) {
.more { margin:10px auto 0; width:100%; height:40px; line-height:40px; font-size:14px; box-sizing:border-box; display:block;}
}



/***mod0***/
.mod0{background:#f8f8f8; padding:60px 0 40px; overflow:hidden; margin-top:160px; box-sizing:border-box;}
.mod0 h3{color:#004ba6; font-size:24px; font-weight:700; padding-left:5px; margin-bottom:20px; padding-bottom:10px; border-bottom:2px #004ba6 solid;}
.mod0 ul{letter-spacing:-8px;}
.mod0 ul li{letter-spacing:normal; vertical-align:top; display:inline-block; width:12.57%; position:relative;  box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; text-align:center; background:#fff; padding:10px 10px 0 10px; box-shadow:0 0 6px 0 #e8e8e8;}
.mod0 ul li h2{font-size:14px; line-height:40px; height:40px; overflow:hidden;}
.mod0 ul li:not(:nth-of-type(7n)){margin-right:2%;}
.mod0 ul li:nth-child(n+8){margin-top:2%;}
.mod0 ul li:hover{ background:#ffc000; color:#fff;}
.mod0 ul li:hover a{color:#fff;}

@media screen and (max-width:768px){
.mod0{padding:20px 0 20px 0; margin-top:45px;}
.mod0 h3{font-size:18px;}
.mod0 ul li{width:32%; padding:10px 10px 0 10px;}
.mod0 ul li:not(:nth-of-type(7n)){margin-right:0;}
.mod0 ul li:not(:nth-of-type(3n)){margin-right:2%;}
.mod0 ul li:nth-child(n+4){margin-top:2%;}
}




/***mod1***/
.mod1{background:#f8f8f8; padding:40px 0 80px 0; overflow:hidden;}
.mod1_mask{height:45px; line-height:45px; background:#f5f5f5; text-align:center;-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;font-size:14px; padding:0 5%; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}

.mod1_right{background:#fff; padding:40px; box-sizing:border-box; margin-bottom:50px; box-shadow:0 0 8px 0 #e8e8e8;}
.mod1_right:last-child{margin-bottom:0;}
.mod1_right h2{font-size:24px; line-height:60px; text-align:left; overflow:hidden; margin-bottom:20px; border-bottom:1px #ddd solid; padding-bottom:5px; font-weight:700;}
.mod1_right h2 img{ height:60px; width:auto; float:left; vertical-align:middle; margin-right:10px;}
.mod1_right h2 span{ float:right; font-size:14px; font-weight:normal; padding:5px 30px; background:#999; height:20px; line-height:20px; margin-top:20px; border-radius:50px; color:#fff;-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.mod1_right h2 span:hover{background:#ffc000;}

.mod1_right ul{letter-spacing:-8px;}
.mod1_right ul li{ letter-spacing:normal; vertical-align:top; display:inline-block; width:15.833%; position:relative; border:1px #e8e8e8 solid; box-sizing:border-box;}
.mod1_right ul li:not(:nth-of-type(6n)){margin-right:1%;}
.mod1_right ul li:nth-child(n+7){margin-top:1%;}
.mod1_right ul li .imgbox{height:170px;}
.mod1_right ul li .imgbox img{width:100%; height:100%;}
.mod1_right ul li:hover .mod1_mask{background:#ffc000; color:#FFF;}

@media screen and (max-width:768px){
.mod1{padding:20px 0;}
.mod1_mask{height:35px; line-height:35px;}
.mod1_mask h2{font-weight:normal;}

.mod1_right{padding:15px;margin-bottom:30px;}
.mod1_right h2{font-size:18px; line-height:40px; height:40px; text-align:left; overflow:hidden; border-bottom:1px #ddd solid; padding-bottom:5px; font-weight:700;}
.mod1_right h2 img{float:left; height:40px; width:auto; display:block; vertical-align:middle; margin-right:0px; display:none;}
.mod1_right h2 span{ float:right; font-size:12px; font-weight:normal; padding:3px 10px; background:#999; height:20px; line-height:20px; margin-top:10px; border-radius:50px; color:#fff;-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.mod1_right h2 span:hover{background:#ffc000;}

.mod1_right ul li .imgbox{height:66px;}


.mod1_right ul{margin-top:0px;}
.mod1_right ul li{width:30%;}
.mod1_right ul li:not(:nth-of-type(6n)){margin-right:0;}
.mod1_right ul li:not(:nth-of-type(3n)){margin-right:5%;}
.mod1_right ul li:nth-child(n+4){margin-top:5%;}
}



/***mod2***/
.mod2{background:#fff; padding:80px 0; overflow:hidden;}
.course-class{margin-bottom:20px; width:100%; text-align:center; border:1px #ddd solid; box-sizing:border-box;}
.course-class li{float:left;font-size:16px; background:#fff; cursor:pointer; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border-right:1px #ddd dotted; box-sizing:border-box; width:14.28%; text-align:center; padding:25px 0; overflow:hidden;}
.course-class li:hover,.course-class li.active{color:#FFF;background:-webkit-linear-gradient(bottom, #ffc000, #ffc000);}
.course-class li:last-child{ border-right:0;}
.course-class li img{ width:20%; height:auto; margin:0 auto 15px; display:block; opacity:0.6;}
.course-class li:hover img,.course-class li.active img{transform: translateY(-80px); filter: drop-shadow(#ffffff 0 80px); opacity:1;}

.course-list {display:none;}
.mod2_left{width:23%; margin-right:2%; float:left; padding:3%; background:#f8f8f8; border:1px #ddd solid; box-sizing:border-box; line-height:30px;}
.mod2_left h2{font-size:24px; font-weight:700; margin-bottom:20px;}

.course-list ul{width:75%; float:right;}
.course-list ul li {float:left; width:31.33%; background: #fff; border:1px solid #ddd; box-sizing: border-box; }
.course-list ul li:not(:nth-of-type(3n)){margin-right:3%;}
.course-list ul li:nth-child(n+4){margin-top:3%;}
.course-list ul li .imgbox{height:240px; overflow:hidden;}
.course-list ul li .imgbox img{height:240px;}

.course-info { padding:10px; color:#555;}
.course-title {position:relative; line-height:24px; font-size:15px; font-weight:700; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align:center;}
.course-abstract{line-height:20px; font-size:14px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;color:#999; margin-top:4px;}
.course-list li:hover .course-title {color:#ffc000;}

@media screen and (max-width:768px) {
.mod2{padding:40px 0;}

.course-class{margin-bottom:10px; border:0;}
.course-class li{font-size:14px; width:33.33%; border:1px #ddd solid; padding:15px 0;}
.course-class li img{ width:45px; height:45px; margin:0 auto 5px; display:block; opacity:0.6;}
.course-class li:hover img,.course-class li.active img{transform: translateY(-80px); filter: drop-shadow(#ffffff 0 80px); opacity:1;}
.course-class li:last-child{ border:1px #ddd solid;}

.course-list {display:none;}
.mod2_left{width:100%; margin-right:0%; float:none; padding:4%;line-height:28px;}
.mod2_left h2{font-size:18px; font-weight:700; margin-bottom:10px;}

.course-list ul{width:100%; float:none; margin-top:10px;}
.course-list ul li {float:left; width:31.33%; background: #fff; border:1px solid #ddd; box-sizing: border-box; }
.course-list ul li:not(:nth-of-type(3n)){margin-right:3%;}
.course-list ul li:nth-child(n+4){margin-top:3%;}
.course-list ul li .imgbox{height:80px; overflow:hidden;}
.course-list ul li .imgbox img{height:80px;}
.course-info { display:none;}
}



/*首页中的计算器*/
.mod22{background:#fff; padding:80px 0; overflow:hidden;}
.mod22 .index_htitle{margin-bottom:0;}
.mod22 .index_htitle_txt{ text-align:center; padding:10px 10%; line-height:30px;}
.jishuan{ overflow:hidden; padding:20px; font-size:14px; text-align:center; margin:0 auto; border-radius:50px; max-width:1200px;background:-webkit-linear-gradient(bottom, #004ba6, #004ba6);}
.jishuan ul{overflow: hidden; text-align: center; padding: 0px; margin: 0px;}
.jishuan ul li {text-align: center;display: inline-block; padding:0 5px;}
.jibtn{font-size:14px;overflow:hidden; background:#fff; border-radius:35px;height:40px;line-height:40px; padding:0px 40px;}
.jibtn2{font-size:14px;overflow:hidden; background:#ffc000; border-radius:35px;height:40px;line-height:40px; text-align:center; color:#FFF; width:120px; font-weight:bold;}
.jibtn2:hover{ background:#FC0; color:#222; cursor:pointer;}
@media screen and (max-width: 768px) {
.mod22{padding:40px 0;}
.jishuan{border-radius:5px; width:85%;}
.jishuan ul li{ width:100%; padding:0; margin-bottom:10px;}
.jibtn{ width:90%; padding:0 5%; border-radius:5px;}
.jibtn2{width:100%; padding:0 5%; border-radius:5px;}
}



/***mod33***/
.mod33{background:#f8f8f8; padding:80px 0 0 0; overflow:hidden;}
.mod33 .index_htitle_txt{ text-align:center; padding: 10px; 0; line-height:30px;}
.mod33 h3{color:#004ba6; font-size:24px; font-weight:700; padding-left:5px; margin-bottom:20px; padding-bottom:10px; border-bottom:2px #004ba6 solid;}
.mod33 ul{letter-spacing:-8px; margin-bottom:80px;}
.mod33 ul li{ letter-spacing:normal; vertical-align:top; display:inline-block; width:23.5%; position:relative; padding:1.5%; background:#FFF; box-sizing:border-box; box-shadow:0px 0px 2px 0 #ddd; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.mod33 ul li:hover{ box-shadow:0px 0px 15px 0 #ddd;}
.mod33 ul li:not(:nth-of-type(4n)){margin-right:2%;}
.mod33 ul li:nth-child(n+5){margin-top:2%;}
.mod33_notes{margin-top:10px;line-height:28px;display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis; font-size:18px; font-weight:700; text-align:center;}
@media screen and (max-width:768px){
.mod33{padding:40px 0 0 0;}
.mod33 h3{font-size:18px;}
.mod33 ul{margin-bottom:40px;}
.mod33 ul li{width:47.5%;padding:3%;}
.mod33 ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod33 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.mod33 ul li:nth-child(n+3){margin-top:5%;}
.mod33_title h2{font-size:14px;}
.mod33_title h2 p{font-size:14px; width:25px; height:25px; line-height:25px;margin-right:5px;}
.mod33_notes{margin-top:10px; line-height:22px; font-size:14px;}
}




/***mod3***/
.mod3{background:#ffffff; padding:80px 0; overflow:hidden;}
.mod3 ul{letter-spacing:-8px;}
.mod3 ul li{ letter-spacing:normal; vertical-align:top; display:inline-block; width:23.5%; position:relative; padding:1.5%; background:#FFF; box-sizing:border-box; box-shadow:0px 0px 2px 0 #ddd; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.mod3 ul li:hover{ box-shadow:0px 0px 15px 0 #ddd;}
.mod3 ul li:not(:nth-of-type(4n)){margin-right:2%;}
.mod3 ul li:nth-child(n+5){margin-top:2%;}
.mod3_title{margin-bottom:20px;}
.mod3_title h2{font-size:20px;font-weight:700;}
.mod3_title h2 p{font-family:Tahoma, Geneva, sans-serif; font-size:24px; color:#fff; margin-right:10px; width:40px; height:40px; line-height:40px; text-align:center; border-radius:15%; background:#ffc000; font-weight:normal; float:left;}
.mod3_title p{font-size:12px; color:#999; text-transform:uppercase; overflow:hidden;}
.mod3_notes{margin-top:10px; line-height:28px;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis; color:#666;}
@media screen and (max-width:768px){
.mod3{padding:40px 0;}
.mod3 ul li{width:47.5%;padding:3%;}
.mod3 ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod3 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.mod3 ul li:nth-child(n+3){margin-top:5%;}
.mod3_title h2{font-size:14px;}
.mod3_title h2 p{font-size:14px; width:25px; height:25px; line-height:25px;margin-right:5px;}
.mod3_notes{margin-top:10px; line-height:22px;}
}




/***mod4***/
.mod4{background:url(../images/index_about_bg.jpg) center top no-repeat; padding:80px 0; overflow:hidden; background-size:cover;}
.mod4 .index_htitle{color:#FFF;}
.mod4_top_txt{color:#FFF; text-align:center; line-height:30px; padding:0 10% 10px;}
.mod4 ul{overflow:hidden; letter-spacing:-8px; width:90%; margin:50px auto;}
.mod4 ul li{display:inline-block; vertical-align:top; letter-spacing:normal; width:25%; box-sizing:border-box; text-align:center; border-right:1px #fff dotted;}
.mod4 ul li:nth-child(n+5){margin-top:5%;}
.mod4 ul li:last-child{border-right:0;}
.mod4 ul li h2{font-size:48px; text-transform:uppercase; color:#FFF;}
.mod4 ul li h2 i{font-family:Tahoma, Geneva, sans-serif; font-size:60px; font-weight:700;}
.mod4 ul li h2 span{font-size:16px; margin-left:5px;}
.mod4 ul li p{ font-size:14px; line-height:24px; color:#fff;}

@media screen and (max-width:768px) {
.mod4{padding:40px 0;}
.mod4_top_txt{color:#FFF; text-align:center; line-height:28px; padding:0 10px;}
.mod4 ul{width:100%; margin:25px auto;}
.mod4 ul li{width:50%;}
.mod4 ul li:nth-child(n+5){margin-top:0;}
.mod4 ul li:nth-child(2){border-right:0;}
.mod4 ul li:nth-child(n+3){margin-top:10%;}
.mod4 ul li h2{font-size:32px;}
.mod4 ul li h2 i{font-size:36px;}
.mod4 ul li h2 span{font-size:14px; margin-left:5px;}
.mod4 ul li p{font-size:14px; line-height:24px; color:#fff;}
}


.mod4_client{width:100%; overflow:hidden; margin-top:30px; margin-bottom:30px;padding:3%; background-color:rgba(0,0,0,0.2); box-sizing:border-box;}
.mod4_client h3{font-size:24px; font-weight:700; margin-bottom:20px; text-align:center;}
.mod4_clients {position:relative; margin:0 auto; width:100%;}
.mod4_clients  .imgbox{background:#FFF; padding:8%;}
.mod4_clients_item {position:relative; padding:0 5px;}
.mod4_clients_item {display: block; }
.clients-area-next{ right:-20px;}
.clients-area-prev{ left:-20px;}
.m_mod4_clients{display:none;}
.m_mod4_client{display:none;}
@media screen and (max-width:768px) {
.mod4_client{width:100%; overflow:hidden; margin-top:35px; margin-bottom:35px;}
.mod4_clients{display:none;}	
.mod4_client{display:none;}
.m_mod4_client{display:block;width:100%; overflow:hidden; margin-top:30px; padding:3%; background-color:rgba(0,0,0,0.2); box-sizing:border-box;}
.m_mod4_clients{display:block; position:relative;}
.m_mod4_clients  .imgbox{background:#FFF; padding:5%;}
.mod4_client h3{font-size:20px; font-weight:700; margin-bottom:20px; text-align:center;}
.clients-area-next{ right:0px; top:54%}
.clients-area-prev{ left:0px; top:54%;}
}


/***mod5***/
.mod5{background:#f8f8f8; padding:80px 0; overflow:hidden;}
.mod5 ul{overflow:hidden; letter-spacing:-8px;}
.mod5 ul li{ letter-spacing:normal; vertical-align:top; display:inline-block; width:18.8%; position:relative;}
.mod5 ul li:not(:nth-of-type(5n)){margin-right:1%;}
.mod5 ul li:nth-child(n+6){margin-top:1%;}
.mod5 ul li .imgbox{padding:5%; background:#FFF; box-sizing:border-box;}
.mod5 ul li .imgbox img{width:auto; max-width:90%; margin:0 auto;}
@media screen and (max-width:768px){
.mod5{padding:40px 0;}
.mod5 ul li{width:30%;}
.mod5 ul li:not(:nth-of-type(5n)){margin-right:0;}
.mod5 ul li:not(:nth-of-type(3n)){margin-right:5%;}
.mod5 ul li:nth-child(n+4){margin-top:5%;}
}



/***mod6***/
.mod66{background:#fff; padding:80px 0; overflow:hidden;}
.mod66 ul li{float:left; width:30%; position:relative; background-color:#fff; border:0px solid #ddd; box-shadow:0 0px 6px 0 #f5f5f5; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.mod66 ul li:not(:nth-of-type(3n)){margin-right:5%;}
.mod66 ul li:nth-child(n+4){margin-top:2%;}
.mod66 ul li .imgbox{height:325px; overflow:hidden;}
.mod66 ul li .imgbox img{ width:100%; height:100%;}
.mod66 ul li:hover{border-color:#ffc000;}
.mod66 ul li:hover .voice-name{color:#ffc000;}
.mod66 ul li h3{font-size:24px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; line-height:30px; font-weight:700; text-align:center}
.mod66 ul li p{font-size:14px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height:30px;text-align:center; line-height:24px; padding:0 10%;}


@media screen and (max-width:768px) {
.mod66{padding:40px 0;}
.mod66 ul li{float:left; width:30%; position:relative; padding:5px; line-height:24px;}
.mod66 ul li .imgbox{height:80px; overflow:hidden;}
.mod66 ul li h3{font-size:18px; margin-top:10px;}
.mod66 ul li p{font-size:12px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; line-height:24px;}
}





/***mod6***/
.mod6{background:#f5f5f5; padding:80px 0; overflow:hidden;}
.mod6 ul li{float:left; width:23.5%; position:relative; padding:30px; line-height:28px; background-color:#fff; border:1px solid #ddd; box-shadow:0 0px 6px 0 #f5f5f5; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.mod6 ul li:not(:nth-of-type(4n)){margin-right:2%;}
.mod6 ul li:nth-child(n+5){margin-top:2%;}
.mod6 ul li .imgbox{height:200px; overflow:hidden;}
.mod6 ul li .imgbox img{ width:100%; height:100%;}
.mod6 ul li:hover{border-color:#ffc000;}
.mod6 ul li:hover .voice-name{color:#ffc000;}
.voice-date { font-size:14px; color:#999; margin-bottom:20px;}
.voice-name {font-size:18px; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; line-height:30px; font-weight:700;}
.voice-txt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:15px; line-height:26px; color:#666;}
.voice-more { font-size:14px; color:#999; margin-top:90px;}

@media screen and (max-width:768px) {
.mod6{padding:40px 0;}
.mod6 ul li{float:left; width:47.5%; position:relative; padding:10px; line-height:28px; background-color:#fff; border:1px solid #ddd; box-shadow:0 0px 2px 0 #e7e7e7; box-sizing:border-box; border-radius:5px;}
.mod6 ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod6 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.mod6 ul li:nth-child(n+3){margin-top:5%;}
.mod6 ul li .imgbox{height:80px; overflow:hidden;}
.voice-name {font-size:16px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; line-height:24px;}
.voice-txt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:10px; line-height:24px; color:#666;}
.voice-more {margin-top:40px;}
}





/***footer***/
.footer {padding:50px 0 40px 0; background:#004ba6; position:relative;}

.footer_nav {float:left; width:63%;}
.footer_nav dl {float:left; width:22%;}
.footer_nav dl:nth-child(1){width:28%;}
.footer_nav dl:nth-child(2){width:28%;}
.footer_nav dl a{ color:#FFF;}
.footer_nav dl a:hover{ color:#FFF;opacity:0.8;}
.footer_nav dt {margin-bottom:10px; font-size:18px; line-height:28px; font-weight:700;}
.footer_nav dd {font-size:15px; line-height:36px;}
.footer_nav dd a {color:#fff; opacity:0.8;}
.footer_nav dd a:hover {opacity:1;}

.footer-contact {float:left; width:25%; color:#fff; font-size:14px; padding-right:5%; box-sizing:border-box;}
.footer-contact dt {height:28px; line-height:28px; font-size:18px; margin-bottom:10px;}
.footer-contact dd {line-height:24px; padding:8px 0px 8px 30px;}
.footer-contact dd a{color:#FFF;}
.footer-contact dd:hover {opacity:0.7;}
.add1{background:url(../images/ico_address.png) left 12px no-repeat; opacity:1;}
.add2{background:url(../images/ico_tel.png) left 12px no-repeat; opacity:1;}
.add3{background:url(../images/ico_fax.png) left 12px no-repeat; opacity:1;}
.add4{background:url(../images/ico_email.png) left 12px no-repeat; opacity:1;}
.add5{background:url(../images/web.png) left 12px no-repeat; opacity:1;}

.footer-weixin{float:right; width:12%; text-align:right;}
.footer-weixin ul{overflow:hidden;}
.footer-weixin ul li{float:right; text-align:center; color:#FFF; line-height:30px;}
.footer-weixin ul li:not(:nth-of-type(2n)){margin-left:5%;}
.footer-weixin ul li:nth-child(n+3){margin-top:3%;}
.footer-weixin img{ width:100%; max-width:140px; display:inline;}

.footer-copyright {padding-top:20px; border-top:1px rgba(255,255,255,0.2) solid; line-height:30px; text-align: center; color:#fff; font-size:14px; opacity:0.6;}
.footer-copyright a{ color:#FFF;}
.footer-copyright a:hover{ opacity:0.7;}

.footer_links{line-height:30px; text-align:left; color:#fff; font-size:14px; padding:20px 0; margin-top:40px; border-top:1px rgba(255,255,255,0.2) solid;}
.footer_links a{margin-right:20px;color:#FFF; opacity:0.7;}
.footer_links a:hover{opacity:1;}
@media screen and (max-width:768px) {
.footer {padding:0px 10px 20px;}
.footer_nav{display:none;}
.footer-contact {float:none; width:100%; padding-right:0; padding-top:40px;}
.footer-contact dt {height:25px; line-height:25px; font-size:16px; margin-bottom:10px;}
.footer-copyright {line-height:24px; font-size:12px; margin-top:0;}

.footer-weixin{display:none;}
.footer_links{ display:none;}
}


/*--------手机版底部按钮--------------*/
.zsend{display:none;}
@media screen and (max-width:768px) {
#idend{ display:none;}
.subnav{display:none;}
.end{ padding:13px 5% 65px; width:90%;}
.zsend{
display:block;
margin:0 auto; 
position:fixed; 
bottom:0; 
width:100%;
left:0; right:0;
height:40px;
z-index:1000; 
text-transform:uppercase;
background:#006faf;}
.zsend li{float:left; text-align:center; color:#fff; width:50%; font-size:0.75rem; height:40px; line-height:40px;}
.zsend li img{width:26px; margin-right:6px; display:-webkit-inline-box;}
.endli01{background:#225fb8;}
.endli02{background:#df2f2f;}
}



/************内页banner*************/
.ban {margin:0 auto; width:100%;position: relative;}
.ban div{position:absolute; width:80%; padding:0 10%; text-align:center; color:#FFF; top:52%; transform:translateY(-50%);}
.ban div h2{ font-size:42px; text-transform:uppercase;}
/*.ban div h2:before, .ban div h2:after {display: inline-block; vertical-align: middle; margin: 0 10px; content: ""; width:40px; height:1px; background-color:#fff;}*/
.ban div p{font-size:20px; margin-top:15px; line-height:24px; opacity:0.85;}
#mob{display:none;}
#pc{display:block;}
@media screen and (max-width:768px) {
.ban {margin:45px auto 0; width:100%;position: relative;}
#pc{display:none;}
#mob{display:block;}
.ban div{margin-top:0px; top:50%;}
.ban div h2{ font-size:28px; margin-bottom:0px; text-transform:uppercase;}
.ban div h2:before, .ban div h2:after {display:none;}
.ban div p{font-size:14px; margin-top:5px; line-height:20px;}
}

/*--------内页路径--------*/
#weizhi{width:100%; margin:160px auto 0; background:#f8f8f8; border-bottom:1px #ddd solid;}
.weizhi{overflow:hidden;width:92%; max-width:1600px; margin:0 auto; font-size:14px; line-height:30px; padding:5px 0 5px;}
.span_right{float:right; font-size:14px;}
.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:45px auto 0;border-top:1px #ddd solid;}
.weizhi{padding:5px 0px; width:94%; line-height:20px; font-size:12px;}
.span_right{ font-size:12px; margin-left:15px;}
}

/****************************公用****************************/
.wrap {margin:0 auto; padding:0 0 40px 0; width:100%; background-color:#f8f8f8;}
.lymain {position:relative; margin:0 auto; width:92%; max-width:1600px; overflow:hidden; /*display:table;*/}
@media screen and (max-width:768px) {
.wrap {padding:0 0 30px 0; width:100%;}
.lymain {width:94%; margin:0 auto;}
}

#onsec {color:#ffc000;}
#onsec a{color:#ffc000;}
#onsec a:hover{color:#ffc000;}

.margintop50{ margin-top:80px!important;}
.margintop30{ margin-top:50px!important;}
.marginbottom0{ margin-bottom:0!important;}
@media screen and (max-width:768px) {
.margintop50{ margin-top:40px;}
.margintop30{ margin-top:15px!important;}
}



/*内页子导航*/
#lmlb{ width:100%; padding:30px 0 25px 0;background-color:#f8f8f8;}
.lmlb{overflow:hidden; width:90%; max-width:1600px; margin:0 auto;}
.lmlb ul{ letter-spacing:-8px;}
.lmlb ul li{letter-spacing:normal; vertical-align:top; display:inline-block; text-align:center; padding:0px 30px; margin:0 10px 10px 0; line-height:40px; height:40px; background:-webkit-linear-gradient(bottom, #004ba6, #004ba6); border-radius:100px; color:#FFF; font-size:16px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.lmlb ul li:hover{background:-webkit-linear-gradient(bottom, #ffc000, #ffc000); color:#FFF;}
.lmlb ul li a{color:#fff;}
#lmlbonsec {color:#fff; background:-webkit-linear-gradient(bottom, #ffc000, #ffc000);}
#lmlbonsec a{color:#fff; background:-webkit-linear-gradient(bottom, #ffc000, #ffc000);}
#lmlbonsec2 {color:#ffc000;}
#lmlbonsec2 a{color:#ffc000;}
@media screen and (max-width: 768px) {
#lmlb{ width:100%;padding:25px 0 10px 0;}
.lmlb{overflow:hidden;width:90%; margin:0 auto;}
.lmlb ul{margin:0; padding:0;}
.lmlb ul li { padding:0px 15px; margin:0 5px 10px 0; line-height:30px; font-size:14px;}
.lmlb ul li:hover{color:#ffc000;}
}


/*分页*/
.page{text-align:center; padding:30px 0; /*margin-top:20px;border:1px solid #D9D9D9;background:#fff; */ }
.page a{display:inline-block; border:1px #ddd solid; font-size:16px; padding:8px 20px; 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:12px; padding:3px 8px; margin:0;}
}

.lytext {margin:0 auto 80px; text-align:center;}
.lyhtitle {position:relative; font-size:32px;font-weight:700; font-family:Tahoma, Geneva, sans-serif; margin-bottom:10px; }
.lytext_txt {margin:0 auto; width:80%; line-height:28px; font-size:16px; text-align:center;}
@media screen and (max-width:768px) {
.lytext {margin:30px auto;}
.lytext_txt {line-height:24px; font-size:14px; width:90%;}
.lyhtitle {font-size:24px;}
}


/*左右框架*/
.mainleft{float:right; width:20%; overflow:hidden; padding:0.5%;}
.mainleft_main{background:#fff; box-shadow:0 0px 5px 0 #ddd; box-sizing:border-box; border:0px #ddd solid;}
.mainleft_title{font-size:18px; padding:15px 20px; font-weight:700; color:#FFF;background:-webkit-linear-gradient(bottom, #004ba6, #004ba6);}
.margintop40{ margin-top:40px;}
.mainright{float:left; width:75%; overflow:hidden; box-shadow: 0 0px 5px 0 #ddd; margin:0.5%; box-sizing:border-box; background:#fff; border:0px #ddd solid;}
@media screen and (max-width:768px) {
.mainleft{float:none; width:100%; padding:0; display:none;}
.mainleft_title{font-size:16px; line-height:24px;padding-bottom:5px; margin-bottom:5px;}
.mainright{float:none; width:98%; padding:0; margin:0.5%;}
}



/*about us*/
.about_txt{line-height:32px; font-size:16px; overflow:hidden; padding:50px; background:#FFF;box-shadow: 0 0 5px 0 #ddd; margin:0.5%;}
.about_txt b,.about_txt strong{font-size:18px; font-weight:700; color:#ffc000;}

.about_txt_left{float:left; margin-right:2%;}
.about_txt_right{float:right; margin-left:2%;}
.about_txt .imgbox{width:45%;}
.about_txt .imgbox img{width:100%; height:auto;}

.about_txt ul{overflow:hidden; letter-spacing:-8px; margin:80px auto; border-top:1px #ddd solid; border-bottom:1px #ddd solid; padding:50px 0; background:#f8f8f8;}
.about_txt ul li{display:inline-block; vertical-align:top; letter-spacing:normal; width:25%; box-sizing:border-box; text-align:center; border-right:1px #ddd dotted;}
.about_txt ul li:nth-child(n+5){margin-top:5%;}
.about_txt ul li:last-child{border-right:0;}
.about_txt ul li h2{font-size:48px; text-transform:uppercase;}
.about_txt ul li h2 i{font-family: Tahoma, Geneva, sans-serif;font-size:60px;font-weight:700;}
.about_txt ul li h2 span{font-size:16px; margin-left:5px;}
.about_txt ul li p{ font-size:14px; line-height:24px;}

@media screen and (max-width:768px) {
.about_txt{line-height:28px; font-size:14px;padding:20px;}
.about_txt b,.about_txt strong{ font-size:16px;}

.about_txt_left{float:none; margin-right:0;}
.about_txt_right{float:none; margin-left:0;}
.about_txt .imgbox{width:100%; margin-bottom:10px;}

.about_txt ul{overflow:hidden; letter-spacing:-8px; margin:40px auto; border-top:1px #ddd solid; border-bottom:1px #ddd solid; padding:20px 0;}
.about_txt ul li{width:50%; border-right:1px #ddd solid;}
.about_txt ul li:nth-child(n+3){margin-top:10%;}
.about_txt ul li:nth-child(2){border-right:0;}
.about_txt ul li:last-child{border-right:0;}
.about_txt ul li h2{font-size:24px; font-weight:700;}
.about_txt ul li h2 i{font-size:32px;}
.about_txt ul li h2 span{font-size:14px; margin-left:3px; font-weight:normal;}
.about_txt ul li p{ font-size:14px; line-height:24px;}
}



/*资质证书*/
.cert{overflow:hidden; padding:50px; background:#FFF;box-shadow: 0 0 5px 0 #ddd; margin:0.5%;}
.cert_title{ font-size:28px; padding-bottom:10px; border-bottom:1px #ddd solid; margin-bottom:20px; color:#004ba6;}
.certul{ letter-spacing:-8px;}
.certul li{display:inline-block; vertical-align:top; letter-spacing:normal; width:22.75%; box-sizing:border-box; padding:1.5%; background:#f8f8f8; border:1px #ddd solid;}
.certul li:hover{color:#F90;}
.certul li:not(:nth-of-type(4n)){ margin-right:3%;}
.certul li:nth-child(n+5){margin-top:3%;}
.certul li .imgbox{ position:relative;}
.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.7);}
.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 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 p{ text-align:center; margin-top:10px; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
@media screen and (max-width: 768px) {
.cert{padding:20px;}
.cert_title{ font-size:20px; font-weight:700;}
.certul{overflow:hidden;}
.certul li{width:47.5%; padding:4%;}
.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;}
}


/*合作伙伴*/
.partner{overflow:hidden; padding:50px; background:#FFF;box-shadow: 0 0 5px 0 #ddd; margin:0.5%;}
.partner_title{ font-size:28px; padding-bottom:10px; border-bottom:1px #ddd solid; margin-bottom:20px; color:#004ba6;}
.partnerul{ letter-spacing:-8px;}
.partnerul li{display:inline-block; vertical-align:top; letter-spacing:normal; width:17.6%; box-sizing:border-box; padding:1.5%; background:#f8f8f8; border:1px #ddd solid;}
.partnerul li:hover{color:#F90;}
.partnerul li:not(:nth-of-type(5n)){ margin-right:3%;}
.partnerul li:nth-child(n+6){margin-top:3%;}
.partnerul li .imgbox{ position:relative;}
.partnerul li .mask, .partnerul li .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.partnerul li .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}
.partnerul 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);}
.partnerul li a:hover .mask, .partnerul li a:hover .view {opacity:1;}
.partnerul li a:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.partnerul li a {position:relative; display:block;}
.partnerul li p{ text-align:center; margin-top:10px; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
@media screen and (max-width: 768px) {
.partner{padding:20px;}
.partner_title{ font-size:20px; font-weight:700;}
.partnerul{overflow:hidden;}
.partnerul li{width:31.33%; padding:4%;}
.partnerul li:not(:nth-of-type(5n)){ margin-right:0;}
.partnerul li:not(:nth-of-type(3n)){ margin-right:3%;}
.partnerul li:nth-child(n+4){margin-top:3%;}
.partnerul li .mask, .partnerul li .view {display:none;}
}



/*--------工程案例------*/
.productall{ width:100%; display:block; overflow:hidden;}
.productleft{float:left;  width:20%;  margin-right:2%;  box-shadow: 0 0px 5px 0 #ddd;  box-sizing: border-box;  border: 0px #ddd solid;  margin: 0.5%;}
.productleft h2{font-size:18px;  padding:15px 20px; background:#004ba6; font-weight:700; color: #FFF;}
.productleft_list{background:#fff; overflow: hidden;}
.productleft_list li{overflow:hidden; border-bottom:1px #ddd dotted; line-height:50px; background:url(../images/file.png) 15px center no-repeat; background-size:20px; padding-left:50px; font-size:16px;}
@media screen and (max-width: 768px) {
.productleft{display:none;}
}

.productcate{overflow:hidden;padding:50px; background:#fff; box-shadow:0 0 5px 0 #ddd;  margin:0.5%; width:75%; float:right; box-sizing:border-box;}
.productcate h2{font-size:24px; margin-bottom:20px;}
.productcateul{letter-spacing:-8px;}
.productcateul li{overflow:hidden; width:32%; background:#fff; letter-spacing:normal; vertical-align:top; position:relative; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;outline:none; border:1px #ddd solid; box-sizing:border-box; display:inline-block;}
.productcateul li:hover{box-shadow:0 0 15px 0 #ccc; transform:translate(0,-15px);}
.productcateul li:not(:nth-of-type(3n)){ margin-right:2%;}
.productcateul li:nth-child(n+4){margin-top:2%;}
.productcateul li .imgbox{position:relative; height:260px; overflow:hidden;}
.productcateul li .imgbox  img{height:100%;}
.productcate_info {position:absolute; z-index:2; text-align:center; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.70);}
.productcate_info h3 {line-height:45px; font-size:16px; text-align:center; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; color:#FFF; padding:0 10px;}
.productcate_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;}

.productcateul li .imgbox .mask, .productcateul li .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.productcateul li .imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.70);}
.productcateul li .imgbox .view {top:50%; left:50%; margin:-24px 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); text-align:center;}
.productcateul li .imgbox .view p{line-height:48px; font-size:14px; color:#FFF;}
.productcateul li .imgbox:hover .mask{opacity:0.65;}
.productcateul li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1); opacity:1;}

@media screen and (max-width: 768px) {
.productcate{padding:10px; width:100%;}
.productcateul li{width:47.5%; padding:0;}
.productcateul li:not(:nth-of-type(3n)){ margin-right:0;}
.productcateul li:not(:nth-of-type(2n)){ margin-right:5%;}
.productcateul li:nth-child(n+3){margin-top:5%;}
.productcateul li .imgbox{position:relative; height:115px; overflow:hidden;}
.productcateul li .imgbox  img{height:100%;}
.productcate_info h3 {line-height:35px; font-size:14px;}
.productcate_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;}
}


/*--------工程案例大类说明和小类------*/
.larnotes{ padding:30px; background:#fff; box-shadow:0 0 5px 0 #ddd;  margin:0.5% 0.5% 3% 0.5%; overflow:hidden;}
.larnotes h2{line-height:30px; font-size:14px;}
.larnotes ul{padding:10px 5px 5px 10px; margin-top:20px; overflow:hidden;}
.larnotes ul li{float:left; padding:10px 15px; border-radius:5px; background:#FFF; margin-bottom:10px; margin-right:10px; border:1px #ddd solid; box-sizing:border-box;}
@media screen and (max-width: 768px) {
.larnotes{ padding:20px;}
.larnotes ul{padding:0; margin-top:10px;}
.larnotes ul li{padding:10px; margin-bottom:5px; margin-right:5px;}
}


/*faq列表*/
.faqlist{}
.faqlistul{letter-spacing:-8px; padding:0.5%;}
.faqlistul li{ letter-spacing:normal; vertical-align:top; display:inline-block; padding:1.5%; background:#fff; position:relative; box-shadow:0 0 5px 0 #ddd; width:23.5%; box-sizing:border-box;}
.faqlistul li:not(:nth-of-type(4n)){ margin-right:2%;}
.faqlistul li:nth-child(n+5){margin-top:2%;}
.faqlistul li:hover{box-shadow:0 0 10px 0 #ccc;}
.faqlistul li:hover h2 a ,.faqlistul li:hover a div{color:#ffc000;}
.faqlistul li:hover #research_more{border:1px #f37800 solid;}
.faqlistul li img{width:100%;}
.faqlistul li h2{font-size:16px; line-height:24px; margin:5px 0;-webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; font-weight:700;}
.faqlistul li h2 a{color:#004ba6;}
.faqlistul li h2 a:hover{color:#ffc000;}
.faqlistul li div{line-height:24px; font-size:14px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.faqlistul li .imgbox{width:100%; height:240px; overflow:hidden;}
.faqlistul li .imgbox img{height:100%;}
#research_more{margin-top:20px; width:110px; height:35px; line-height:35px; font-size:14px; text-align:center; border-radius:5px; float:left;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border:1px #ddd solid; background:#fff;}
#research_more:hover{ color:#f37800; border:1px #f37800 solid;}
@media screen and (max-width:768px) {
.faqlistul li{padding:5%; width:45.7%;}
.faqlistul li:not(:nth-of-type(3n)){ margin-right:0;}
.faqlistul li:not(:nth-of-type(2n)){ margin-right:5%;}
.faqlistul li:nth-child(n+3){margin-top:5%;}
.faqlistul li h2{font-size:14px; margin-bottom:5px;}
.faqlistul li .imgbox{height:80px;}
#research_more{width:100%; background:#004ba6; color:#FFF;}
}


/*新闻列表*/
.researchlist{}
.researchlistul{letter-spacing:-8px; padding:0.5%;}
.researchlistul li{ letter-spacing:normal; vertical-align:top; display:inline-block; padding:2.5%; background:#fff; position:relative; box-shadow:0 0 5px 0 #ddd; width:31.33%; box-sizing:border-box;}
.researchlistul li:not(:nth-of-type(3n)){ margin-right:3%;}
.researchlistul li:nth-child(n+4){margin-top:3%;}
.researchlistul li:hover{box-shadow:0 0 10px 0 #ccc;}
.researchlistul li:hover h2 a ,.researchlistul li:hover a div{color:#ffc000;}
.researchlistul li:hover #research_more{border:1px #f37800 solid;}
.researchlistul li img{width:100%;}
.researchlistul li h2{font-size:18px; line-height:24px; margin:10px 0;-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; font-weight:700;}
.researchlistul li h2 a{color:#004ba6;}
.researchlistul li h2 a:hover{color:#ffc000;}
.researchlistul li div{color:#666; line-height:24px; font-size:14px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.researchlistul li .imgbox{width:100%; height:240px; overflow:hidden;}
.researchlistul li .imgbox img{height:100%;}
#research_more{margin-top:20px; width:110px; height:35px; line-height:35px; font-size:14px; text-align:center; border-radius:5px; float:left;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border:1px #ddd solid; background:#fff;}
#research_more:hover{ color:#f37800; border:1px #f37800 solid;}
@media screen and (max-width:768px) {
.researchlistul li{padding:5%; width:45.7%;}
.researchlistul li:not(:nth-of-type(3n)){ margin-right:0;}
.researchlistul li:not(:nth-of-type(2n)){ margin-right:5%;}
.researchlistul li:nth-child(n+3){margin-top:5%;}
.researchlistul li h2{font-size:18px; margin-bottom:5px;}
.researchlistul li .imgbox{height:80px;}
#research_more{width:100%; background:#004ba6; color:#FFF;}
}


/*新闻详情*/
.newsshow{overflow:hidden; line-height:28px; font-size:14px; padding:50px;}
.news_xxjs{line-height:28px!important; font-size:14px!important; font-weight:normal!important; margin:0 auto; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:28px!important; font-size:14px;}
.news_xxjs td{padding:2px 4px; font-size:12px!important; border:1px #CCCCCC solid!important;;}
.news_xxjs td p,.news_xxjs td span{font-size:12px!important;}
.news_xxjs table{width:100%;}
.news_xxjs img{max-width:100%; width:auto; height:auto; overflow:hidden; display:inline-block;}

.news_title{text-align:left;}
.news_title h1{font-size:28px; margin-bottom:15px; border-bottom: 1px #ddd dotted; padding-bottom:15px; line-height:30px; font-weight:700; color:#004ba6;}
.pubdate{line-height:20px; margin:0 0 20px 0; OVERFLOW: hidden; color:#999999; font-size:12px;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
@media screen and (max-width: 768px) {
.news_title h1{font-size:18px; padding-bottom:10px; line-height:24px;}
.newsshow{ margin-bottom:0px; padding:20px; border:0; box-sizing:border-box; width:100%;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
}


/*右侧热点新闻*/
.left_news{overflow:hidden; background:#FFF;}
.left_news li{padding:15px 20px; overflow:hidden; border-bottom:1px #ddd solid; font-size:14px;}
.left_news li img{float:left; width:35%; font-size:16px; margin-right:10px;}
.left_news li p{font-size:12px; color:#bababa; margin-top:10px;}
@media screen and (max-width: 768px) {
.left_news{display:none;}
}


/*右侧案例分类*/
.left_prod{overflow:hidden; background:#FFF;}
.left_prod li{font-size:14px; border-bottom:1px #ddd dotted; background:url(../images/right.png) 15px center no-repeat; padding:14px 14px 14px 35px; background-size:8px;}
.left_prod li:last-child{ border-bottom:0;}
@media screen and (max-width: 768px) {
.left_prod{display:none;}
}


/*右侧热点标答*/
.left_tags{padding:20px;}
.left_tags p{ line-height:30px;}
.left_tags p span{ margin-right:10px;}
@media screen and (max-width: 768px) {
.left_tags{display:none;}
}


/*相关资讯*/
.Information{overflow:hidden;margin-top:50px; background:#f8f8f8;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:16px; font-weight:700; color:#555; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{border:1px #ddd solid; box-sizing:border-box; overflow:hidden;}
.Information li{line-height:24px; margin:2%; float:left; width:46%; box-sizing:border-box;-webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;}
@media screen and (max-width: 768px) {
.Information li{width:100%;}
}


/*推荐案例*/
.like_cases{overflow:hidden;}
.like_cases h3{font-size:18px; font-weight:700;}

.like_cases h2{font-size:20px; font-weight:700; border-bottom: 2px solid #004ba6; margin-bottom: 10px; padding-bottom: 10px; color: #004ba6;}
.like_cases h2 span{float:right; font-size:14px; font-weight:normal;}
.like_cases ul{overflow:hidden; letter-spacing:-8px; margin-top:20px;}
.like_cases ul li{letter-spacing:normal; vertical-align:top; width:22.75%; display:inline-block;}
.like_cases ul li:not(:nth-of-type(4n)){margin-right:3%;}
.like_cases ul li:nth-child(n+5){margin-top:3%;}
.like_cases ul li .imgbox{width:100%; height:220px;}
.like_cases ul li .imgbox img{height:100%;}
.like_cases ul li p{ text-align:center; margin-top:5px; line-height:20px;}
.like_cases ul li .imgbox1{width:100%; border:1px #ddd solid; box-sizing:border-box; margin-bottom:10px;}
.like_cases ul li .imgbox1 img{height:100%;}
.oldsize{width:100%; height:auto!important;}
@media screen and (max-width: 768px) {
.like_cases ul li{width:47.5%;}
.like_cases ul li:not(:nth-of-type(4n)){margin-right:0;}
.like_cases ul li:not(:nth-of-type(2n)){margin-right:5%;}
.like_cases ul li:nth-child(n+3){margin-top:3%;}
.like_cases ul li .imgbox{width:100%; height:120px;}
}


/*clients*/
.clients{overflow:hidden; padding:40px; background:#FFF;box-sizing:border-box; margin:0.5%;box-shadow:0 0 5px 0 #ddd; margin-bottom:40px;}
.clients h2{font-size:24px;  padding-bottom: 10px; border-bottom:2px #004ba6 solid; margin-bottom: 20px; color: #004ba6;}
.clients ul{letter-spacing:-8px; overflow:hidden;}
.clients ul li{letter-spacing:normal; vertical-align:top; width:12.57%; display:inline-block;}
.clients ul li img{padding:8%; background:#FFF; box-sizing:border-box;border:1px #ddd solid; box-sizing:border-box;}
.clients ul li p{ text-align:center; margin-top:5px;}
.clients ul li:not(:nth-of-type(7n)){ margin-right:2%;}
.clients ul li:nth-child(n+8){margin-top:3%;}
@media screen and (max-width:768px) {
.clients{padding:25px; margin-bottom:20px;}
.clients h2{font-size:20px;  padding-bottom:10px; border-bottom:1px #ddd solid; margin-bottom:10px; color:#004ba6; font-weight:700;}
.clients ul li{width:31.33%;}
.clients ul li:not(:nth-of-type(7n)){ margin-right:0;}
.clients ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.clients ul li:nth-child(n+4){margin-top:3%;}
}


/*膜材应用*/
.newslist{overflow: hidden; width: 90%; max-width:1600px; margin:0 auto;}
.newslistul{letter-spacing:-8px; overflow:hidden;}
.newslistul li{ letter-spacing:normal; overflow:hidden; position:relative; width:22.75%; box-sizing:border-box; vertical-align:top; display:inline-block;box-shadow: 0 0 8px 0 #ccc;}
.newslistul li:not(:nth-of-type(4n)){ margin-right:3%;}
.newslistul li:nth-child(n+5){margin-top:3%;}

.works_list_bg{background-color:rgba(0, 0, 0, 0); width:100%; height:100%; position:absolute; left:0; top:0;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;outline:none;}
.works_list_txt{width:100%; text-align:center; color:#FFF; top:50%; left:50%; -webkit-transform:translate(-50%,-50%);position:absolute; opacity:0;}
.works_list_txt h2{ display:block; font-size:20px; padding:0 5%;}
.works_list_txt p{ display:block; margin:25px 0; line-height:30px; font-size:20px; padding:0 30%;}
.works_list_txt_btn{width:30%; display:block; margin:15px auto 0; text-align:center; font-size:14px; color:#e67813; }
.newslistul li:hover .works_list_bg:hover{background-color:rgba(0, 0, 0, 0.7);}
.newslistul li:hover .works_list_txt{opacity:1.0;}

.mod00-list ul li:hover .works_list_bg:hover{background-color:rgba(0, 0, 0, 0.7);}
.mod00-list ul li:hover .works_list_txt{opacity:1.0;}

.works_list_txt_btn:hover,.works_list ul li:hover .works_list_txt_btn{color:#e67813;}

@media screen and (max-width:768px) {
.newslistul li{width:47.5%;}
.newslistul li:not(:nth-of-type(4n)){ margin-right:0;}
.newslistul li:not(:nth-of-type(2n)){ margin-right:5%;}
.newslistul li:nth-child(n+3){margin-top:5%;}
}


/*视频弹窗*/
.masklayer{position: fixed;display: none;width:100%;height:100%; top:0px; left:0px;background-color: rgba(0, 0, 0, 0.8);z-index:1000; -webkit-user-select: none;-ms-user-select: none;}
.vclose { position:absolute;right:-15px; top:-15px;cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; border:15px solid #fff; position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-300px; z-index:100; width:800px; height:600px; background:#000000; box-sizing:border-box;}
.videos video{width:100%; height:100%;}
.videolist {cursor:pointer;}
@media screen and (max-width: 768px) {
.vclose { position:absolute;right:-10px; top:-10px; cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; border:10px solid #ffffff; position:fixed; left:50%; top:50%; margin-left:-160px; margin-top:-120px; z-index:100; width:320px; height:240px; }
.videolist {}
}



/*---膜材品牌---*/
.brandall{width:100%; display:block; overflow: hidden;}
.brandall_left{ float:left; width:20%; margin-right:2%; box-shadow:0 0px 5px 0 #ddd;  box-sizing:border-box;  border: 0px #ddd solid; margin:0.5%;}
.brandall_left h2{font-size:18px; padding: 15px 20px; font-weight:700; color:#FFF;background:-webkit-linear-gradient(bottom, #004ba6, #004ba6);}
.brandall_left_list{background:#fff; overflow:hidden;}
.brandall_left_list li{overflow:hidden; border-bottom:1px #ddd dotted; line-height:50px; background:url(../images/file.png) 15px center no-repeat; background-size:20px; padding-left:50px; font-size:16px;}

.brandall_right{overflow: hidden; padding:50px; background:#fff; box-shadow:0 0 5px 0 #ddd; margin:0.5%; float:none; box-sizing: border-box;}
.brandall_right ul{letter-spacing:-8px;}
.brandall_right ul li{ letter-spacing:normal; vertical-align:top; display:inline-block; width:14.166%; position:relative;box-shadow:0px 0px 4px 0 #ddd;}
.brandall_right ul li:not(:nth-of-type(6n)){margin-right:3%;}
.brandall_right ul li:nth-child(n+7){margin-top:3%;}
.brandall_right ul li img{width:100%; margin:0 auto; background:#FFF;}
.brandall_right ul li:hover .mod1_mask{background:#ffc000; color:#FFF;}
.brandall_right2{overflow: hidden; padding:50px; background:#fff; box-shadow:0 0 5px 0 #ddd; margin:0.5%; float:left; box-sizing: border-box;}
@media screen and (max-width:768px){
.brandall_left{display:none;}
.brandall_right{float:none; width:100%; padding:20px;}
.brandall_right ul{margin-top:0px;}
.brandall_right ul li{width:30%;}
.brandall_right ul li:not(:nth-of-type(6n)){margin-right:0;}
.brandall_right ul li:not(:nth-of-type(3n)){margin-right:5%;}
.brandall_right ul li:nth-child(n+4){margin-top:5%;}
.brandall_right2{float:none; width:100%; padding:20px;}
}


.cpshowtop{overflow:hidden;}
.cpshowtop_l{ float:left; border:0px #ddd solid; width:50%; overflow:hidden;}
.cpshowtop_r{float:right; width:48%; overflow:hidden;}
.cpshowtop_r h2{font-size:28px; line-height:30px; border-bottom:1px #ddd dotted; padding-bottom:10px; font-weight:700;}
.cpshowtop_r h2 p{float:left; line-height:45px; font-size:14px; color:#999; display:block;}
.cpshowtop_r_tags{font-size:14px; line-height:32px; padding:15px; background:#fafafa; border:1px #ddd solid; margin:0;}
.cpshowtop_r_div{font-size:14px; line-height:26px; padding-top:5px; overflow:hidden;}
@media screen and (max-width: 1024px) {
.cpshowtop_r{width:30%;}
}

@media screen and (max-width: 768px) {
.cpshowtop_l{float:none; width:100%; border:0px #ddd solid;}
.cpshowtop_r{float:none; width:100%; margin-left:0; margin-top:10px;}
.cpshowtop_r h2{font-size:18px;}
.cpshowtop_r p{font-size:12px;}
.cpshowtop_r_div{font-size:12px; line-height:24px;}
}


.cpshowend{width:100%;}
.cpshowend h2{font-size:24px; font-weight:700; border-bottom:2px solid #004ba6; margin-bottom:10px; overflow:hidden; line-height:80px;}
.cpshowend h2 img{ float:left; display:inline; height:80px; width:auto; vertical-align:bottom;}
.cpshowend_txt{line-height:28px;}
.cpshowend_txt img{width:auto; max-width:100%;}
@media screen and (max-width: 768px) {
.cpshowend h2{line-height:60px; font-size:18px;}
.cpshowend h2 img{height:60px;}
}


#content{}
#content a {text-decoration:none; color:#ea0000; display:block; margin-top:10px; padding:10px 20px 10px 10px; border:1px #ddd solid; text-align:right; background:#f5f5f5; box-sizing:border-box;}


/*产品详情页滚动*/
.lanrenzhijia{width:500px;position:relative; overflow:hidden;}
.lanrenzhijia .btn{position:absolute;width:10px;height:20px;top:430px;cursor:pointer;z-index:2;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat; display:none;}
.lanrenzhijia .next{right:10px;background:url(../images/back_19.png) no-repeat; display:none;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:200px;width:45px; height:45px;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:500px;height:375px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:375px;position:relative;overflow:hidden; border:1px #ddd solid;}
.lanrenzhijia .picBox ul{height:375px;position:absolute;}
.lanrenzhijia .picBox li{width:500px;height:375px; line-height:375px; text-align:center;}
.lanrenzhijia .picBox li img{display: inline-block; width:auto;  height:auto;  max-width:100%;  max-height:100%; vertical-align:middle;}
.lanrenzhijia .listBox{width:500px;height:90px;margin:0 auto;position:relative;padding:15px 0 0 0; overflow:hidden;}
.lanrenzhijia .listBox ul{height:90px;/*position:absolute; margin-left:37px;*/}
.lanrenzhijia .listBox li{width:20%;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:120px;height:90px;}
.lanrenzhijia .listBox li img{border:1px solid #ddd; box-sizing:border-box; padding:10px;}
.lanrenzhijia .listBox .on img{border:1px solid #e17212; 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:10px;height:20px;top:270px;cursor:pointer;z-index:2;font-size:30px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16_2.png) no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/back_19_2.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 li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:300px;height:225px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{ width:300px; height:225px;position:relative;overflow:hidden; margin:0 auto;}
.lanrenzhijia .picBox ul{height:240px;position:absolute;}
.lanrenzhijia .picBox li{width:300px;height:225px;line-height:225px;text-align:center;}
.lanrenzhijia .picBox li img{}
.lanrenzhijia .listBox{width:300px;height:45px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:60px;position:absolute; margin-left:0px;}
.lanrenzhijia .listBox li{height:45px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:60px;height:45px}
.lanrenzhijia .listBox li img{}
.lanrenzhijia .listBox .on img{}
.lanrenzhijia .listBox .on i{display:block;}
}




.brandnotes{overflow:hidden; font-size:16px; line-height:28px;}
.brandnotes h2{font-size:32px; margin-bottom:20px; font-weight:700;}
.brandnotes .logoimg img{margin-right:20px; margin-bottom:20px; width:auto; max-width:40%; border:1px #ddd solid; float:left;}
.brandnotes p,.brandnotes span{line-height:28px!important; font-size:14px;}
.brandnotes td{padding:2px 4px; font-size:12px!important; border:1px #CCCCCC solid!important;;}
.brandnotes td p,.brandnotes td span{font-size:12px!important;}
.brandnotes table{width:100%;}
.brandnotes img{width:100%; height:auto; overflow:hidden; display:inline-block;}
@media screen and (max-width: 768px) {
.brandnotes{}
.brandnotes h2{font-size:24px; margin-bottom:10px;}
.brandnotes .logoimg img{margin-right:10px; margin-bottom:10px; width:auto; max-width:40%; border:1px #ddd solid; float:left;}
}

.brandnotes_left{ float:left; width:40%; margin-right:3%;}
.brandnotes_left_txt{ padding:40px 40px 40px 220px; box-sizing:border-box; color:#fff;}
.brandnotes_left_txt h3{font-size:22px; font-weight:700; margin-bottom:5px;}
.brandnotes_left_txt_p{line-height:40px;}
.brandnotes_left_txt a{color:#fff;}

.brandnotes_right{ float:right; width:57%;}
@media screen and (max-width: 768px) {
.brandnotes_left{ float:none; width:100%; margin-right:0;}
.brandnotes_left_txt{ padding:20px; box-sizing:border-box; color:#fff; background:#004ba6!important;}
.brandnotes_left_txt h3{font-size:22px; font-weight:700; margin-bottom:5px;}
.brandnotes_left_txt_p{line-height:40px;}


.brandnotes_right{ float:none; width:100%; margin-top:5%;}
}






/*品牌的产品*/
.brand_prod{overflow:hidden;margin-top:50px;}
.brand_prod h2{font-size:20px; font-weight:700; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px;}
.brand_prod h2 span{float:right; font-size:14px; font-weight:normal;}
.brand_prod ul{overflow:hidden; letter-spacing:-8px; margin-top:20px;}
.brand_prod ul li{letter-spacing:normal; vertical-align:top; width:23.5%; display:inline-block; background:#f5f5f5; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.brand_prod ul li:not(:nth-of-type(4n)){margin-right:2%;}
.brand_prod ul li:nth-child(n+5){margin-top:2%;}
.brand_prod ul li:hover{background:#ffc000; color:#fff;}
.brand_prod ul li:hover a{color:#fff;}
.brand_prod ul li img{height:260px;}
.brand_prod ul li p{text-align:center; line-height:40px; height:40px; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
@media screen and (max-width: 768px) {
.brand_prod{margin-top:40px;}
.brand_prod h2{font-size:18px;}
.brand_prod ul li{width:47.5%;}
.brand_prod ul li:not(:nth-of-type(4n)){margin-right:0;}
.brand_prod ul li:not(:nth-of-type(2n)){margin-right:5%;}
.brand_prod ul li:nth-child(n+3){margin-top:3%;}
.brand_prod ul li p{line-height:40px;}
.brand_prod ul li img{height:120px;}
}


.brand_like{overflow:hidden;margin-top:50px;}
.brand_like h2{font-size:20px; font-weight:700; border-bottom:2px solid #004ba6; margin-bottom:10px; padding-bottom:10px; color:#004ba6;}
.brand_like h2 span{float:right; font-size:14px; font-weight:normal;}
.brand_like ul{overflow:hidden; letter-spacing:-8px; margin-top:20px;}
.brand_like ul li{letter-spacing:normal; vertical-align:top; width:22.75%; display:inline-block;}
.brand_like ul li:not(:nth-of-type(4n)){margin-right:3%;}
.brand_like ul li:nth-child(n+5){margin-top:3%;}
.brand_like ul li .imgbox{width:100%; height:200px;}
.brand_like ul li .imgbox img{height:100%;}
.brand_like ul li p{ text-align:center; margin-top:5px; line-height:20px;}
@media screen and (max-width: 768px) {
.brand_like{margin-top:40px;}
.brand_like h2{font-size:18px;}
.brand_like ul li{width:47.5%;}
.brand_like ul li:not(:nth-of-type(4n)){margin-right:0;}
.brand_like ul li:not(:nth-of-type(2n)){margin-right:5%;}
.brand_like ul li:nth-child(n+3){margin-top:3%;}
.brand_like ul li .imgbox{width:100%; height:120px;}
}


.brand_news{overflow:hidden;margin-top:50px;}
.brand_news h2{font-size:20px; font-weight:700; border-bottom:2px solid #004ba6; margin-bottom:10px; padding-bottom:10px; color:#004ba6;}
.brand_news h2 span{float:right; font-size:14px; font-weight:normal;}
.brand_news ul{overflow:hidden; letter-spacing:-8px; margin-top:20px;}
.brand_news ul li{letter-spacing:normal; vertical-align:top; width:30%; display:inline-block; border-bottom:1px #ddd dotted; padding-bottom:1%;}
.brand_news ul li:not(:nth-of-type(3n)){margin-right:5%;}
.brand_news ul li:nth-child(n+4){margin-top:1%;}
.brand_news ul li p{line-height:24px;-webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; font-size:14px;}
@media screen and (max-width: 768px) {
.brand_news{margin-top:40px;}
.brand_news h2{font-size:18px;}
.brand_news ul li{width:47.5%;}
.brand_news ul li:not(:nth-of-type(3n)){margin-right:0;}
.brand_news ul li:not(:nth-of-type(2n)){margin-right:5%;}
.brand_news ul li:nth-child(n+3){margin-top:3%;}
.brand_news ul li .imgbox{width:100%; height:120px;}
}


.brand_msn{overflow:hidden;margin-top:50px;}
.brand_msn h2{font-size:20px; font-weight:700; border-bottom:2px solid #004ba6; margin-bottom:10px; padding-bottom:10px; color:#004ba6;}
.brand_msn h2 span{float:right; font-size:14px; font-weight:normal;}
@media screen and (max-width: 768px) {
.brand_msn{margin-top:40px;}
.brand_msn h2{font-size:18px;}
}



/*---tags---*/
.tagsbox{ padding:50px; background:#fff; box-shadow:0 0 5px 0 #ddd;  margin:0.5% 0.5% 3% 0.5%; overflow:hidden; font-size:16px; line-height:28px;}
.tagsbox h2{font-size:24px;}
.tagsbox h2 span{font-weight:bold; margin:0 10px; color:#ffc000;}

.tagsbox h3{font-size:18px; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:20px;}
.tagsbox h3 span{float:right; font-size:14px;}
.tagsbox ul{ letter-spacing:-8px; overflow:hidden;}
.tagsbox ul li{letter-spacing:normal; vertical-align:top; width:18.4%; display:inline-block;}
.tagsbox ul li:not(:nth-of-type(5n)){margin-right:2%;}
.tagsbox ul li:nth-child(n+6){margin-top:2%;}
.tagsbox ul li p{line-height:24px;-webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; font-size:14px; text-align:center;}
.tagsbox ul li .imgbox{width:100%; height:215px; overflow:hidden;}
.tagsbox ul li .imgbox img{height:100%;}
.tagsbox ul h4{width:100%; letter-spacing:normal;}
@media screen and (max-width: 768px) {
.tagsbox{ padding:20px;}
.tagsbox h2{font-size:16px;}
.tagsbox h3{font-size:16px; margin-bottom:10px;}
.tagsbox ul{ letter-spacing:-8px; overflow:hidden;}
.tagsbox ul li{letter-spacing:normal; vertical-align:top; width:32%; display:inline-block;}
.tagsbox ul li:not(:nth-of-type(5n)){margin-right:0;}
.tagsbox ul li:not(:nth-of-type(3n)){margin-right:2%;}
.tagsbox ul li:nth-child(n+4){margin-top:2%;}
.tagsbox ul li .imgbox{width:100%; height:66px;}
}





/*contact us*/
.contact_top{margin:60px auto 0; overflow:hidden;}
.contact_top ul{overflow:hidden; letter-spacing:-8px;}
.contact_top ul li{display:inline-block; vertical-align:top; letter-spacing:normal; width:31.33%; box-sizing:border-box; text-align:left; border:1px #ddd solid; line-height:40px; padding:30px 40px 30px 70px; font-size:18px;}
.contact_top ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.contact_top ul li:nth-child(n+4){margin-top:3%;}
.contact_top ul li b{font-family:Tahoma, Geneva, sans-serif; color:#ffc000; font-size:20px;}

.contact_end{margin:40px 4px 40px 4px; overflow:hidden; border-top:1px #ddd dotted; border-bottom:1px #ddd dotted; padding:50px; background:#FFF;  box-shadow:0 0 5px 0 #ddd;}
.contact_end h2{font-size:28px; margin-bottom:15px;}
.contact_end_left{ float:left; width:47.5%; margin-right:5%; line-height:36px; font-size:16px;}
.contact_end_left ul{overflow:hidden;}
.contact_end_left ul li{ border-bottom:1px #ddd dotted; padding:15px 10px 15px 40px;}
.contact1{background:#fff url(../images/contact_add.png) left center no-repeat; background-size:30px;}
.contact2{background:#fff url(../images/contact_phone.png) left center no-repeat; background-size:30px;}
.contact3{background:#fff url(../images/contact_tel.png) left center no-repeat;  background-size:30px;}
.contact4{background:#fff url(../images/contact_email.png) left center no-repeat; background-size:30px;}

.contact_end_right{ float:right; width:47.5%; line-height:30px;}

@media screen and (max-width:768px){
.contact_top{margin:20px auto 0;}
.contact_top ul li{width:100%; line-height:40px; padding:10px 20px 10px 60px; font-size:16px;}
.contact_top ul li:not(:nth-of-type(3n)){ margin-right:0;}
.contact_top ul li:nth-child(n+2){margin-top:3%;}

.contact_end{margin:20px 4px; padding:20px;}
.contact_end h2{font-size:18px; margin-bottom:5px;}
.contact_end_left{ float:none; width:100%; margin-right:0%; line-height:30px; margin-bottom:40px; font-size:16px;}
.contact_end_right{ float:none; width:100%; line-height:30px;}
}


/*--------在线留言------*/
.guestbook2{overflow:hidden;}
.guestbook2 h4{font-size:24px; margin:10px 0px;}
.guestbook2 ul{ overflow:hidden;} 
.guestbook2 ul li{overflow:hidden; margin-bottom:8px; float:left; width:100%;}
.guestbook2 ul li p{ margin-top:5px;}
.box22 {width:100%; border:1px #ddd solid; line-height:30px; padding:8px 15px; box-sizing:border-box; background:#f5f5f5;}
.box44 {width:100%; border:1px #ddd solid; line-height:30px; padding:8px 15px; box-sizing:border-box; background:#f5f5f5;}
.box33 {width:100%; border:1px #ddd solid; line-height:24px; padding:8px 15px; box-sizing:border-box; background:#f5f5f5; font-family:Arial, Helvetica, sans-serif;}
.sub_gestbook2 {background-color:#004ba6; border:none;width:100%; height:45px; line-height:45px; color:#fff; font-size:18px; cursor:pointer;text-align:center; text-transform:uppercase; border-radius:5px;}
.sub_gestbook2:hover{ background:#ffc000;}
@media screen and (max-width: 768px) {
.guestbook2{padding:0; }
.box2 {width:100%;}
.box4 {width:100%;}
.box3 {width:100%;}
}



.sharebtn{ margin-top:20px; border-top:1px #ddd dotted; padding-top:10px; }








/*---搜索页面----*/
.searcharea{padding:0;}
.searcharea ul{overflow:hidden;}
.searcharea ul li{border-bottom:1px #ddd dotted; padding:20px 10px;}
.searcharea ul li:hover{background:#fff;}
.searcharea ul li h3{font-size:14px;}
.searcharea ul li h4{ font-size:14px; color:#666; line-height:20px; margin-top:5px;}


.sitemap{overflow:hidden; background:#FFF; padding:50px; border:1px #ddd solid;}
.sitemap h2 {font-size:18px; font-weight:bold; color:#004ba6; margin-bottom:10px;}
.sitemap h2 a{color:#004ba6;}
.sitemap h2 a:hover{color:#ffc000;}
.sitemap ul{ overflow:hidden; margin-bottom:30px; padding:10px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:18px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:24px;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:14px; line-height:24px;}
@media screen and (max-width:768px) {
.sitemap{padding:0.15rem;}
}

.page404{ width:100%; margin:300px 0 200px 0; text-align:center;}
.page404 img{ width:auto; display:inline-block;}
@media screen and (max-width:768px) {
.page404{ width:80%; margin:100px 10%; text-align:center;}
.page404 img{ width:auto; max-width:100%; display:inline-block;}
}