/* 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:#555; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;outline:none;}
a:hover {text-decoration:none; color:#f37800;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 {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;}


.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 {
  font-family: "阿里巴巴普惠体";
  src: url("//at.alicdn.com/wf/webfont/jFLIiUQzspkX/Lb9arnc6aUpa.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/jFLIiUQzspkX/nGSXr6kfo8fQ.woff") format("woff");
  font-display: swap;
}


body {font-size:14px; color:#555; font-family:Verdana,"阿里巴巴普惠体",Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}
.main {position:relative; margin:0 auto; width:96%; max-width:1200px;}
@media screen and (max-width:768px) {
.main{width:90%;}
body{font-size:12px;}
}

/***头部***/
.topbar {position:relative; top:0; left:0; display:block; width:100%; background:#f5f5f5;  z-index:99; border-bottom:1px #ddd solid;}
.topbar .main {height:35px;}
.topbar-left{float:left; width:50%; font-size:12px; line-height:35px;}
.topbar-right {float:right; width:50%; font-size:12px; line-height:35px; text-align:right;}


.header {position:relative; top:0; left:0; width:100%; z-index:9;}
.header_top{height:100px; background:#fff;}
.header-logo {float:left; margin-top:20px; width:50%;}
.header-logo img{width:80px; height:60px; float:left; margin-right:10px;}
.header-logo h2{font-size:28px; font-weight:700; margin-bottom:2px;}
.header-logo p{font-size:14px; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; letter-spacing:0.5px;}

.header-right {position:relative; float:right; margin-top:27px; }
.header-tel{background: url(../images/toptel.png) left center no-repeat; padding-left:48px; line-height:23px; font-size:16px; background-size:45px; font-weight:700;}
.header-tel p{ font-size:18px; color:#f37800; font-weight:700; transform: scale(1,1.3);-ms-transform: scale(1,1.3);-webkit-transform: scale(1,1.3);-moz-transform: scale(1,1.3);-o-transform: scale(1,1.3); font-family:Tahoma, Geneva, sans-serif;}


.header-nav {background:url(../images/nav_bg.jpg) center center no-repeat; height:50px;}
.header-nav ul{ float:left; width:75%;}
.header-nav ul li{position:relative; float:left; margin-right:10%; height:50px; line-height:50px; font-size:16px; text-align:center; text-transform:uppercase; }
.header-nav ul li a {position: relative; display: block; color: #fff; font-weight: 700; }
.header-nav ul li a:hover {color: #f37800;}
.header-nav ul li:last-child{ margin-right:0;}

.header-nav-right{float:right;}
.header-search{position: relative; padding:5px 30px 5px 20px; line-height:24px; border-radius:50px; background:#FFF; box-sizing:border-box; margin-top:8px;}
.header-search .input{width:100%; height:24px; line-height:24px; font-size:14px; border:0; outline:none;}
.header-search .search {position:absolute; top:8px; right:15px; width:18px; height:18px; background: url(../images/search.png) no-repeat;  background-size:cover;}

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear: both;}
#menu {zoom:1;}
#menu li:hover > a {color:#ffa800;}
*html #menu li a:hover {color:#ffa800;}
#menu ul {margin:10px 0 0 -40px; opacity:0; visibility:hidden; position:absolute; top:50px; width:150px; z-index:1; background:none; background-color:rgba(0,76,154,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;}
#menu li:hover > ul {opacity:1; visibility:visible; margin:0 0 0 -40px; width:150px;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0; width:150px;}
#menu ul li { margin:0; padding:10px 10px; width:130px; height:auto; line-height:22px; font-size:14px; background:none; border-bottom:1px solid rgba(255,255,255,0.15);text-align:center; text-transform:capitalize;}
#menu ul li a {display:block; color:#fff;}
#menu ul li:hover {color:#ffa800;}
#menu ul li:hover a{color:#ffa800;}
#menu ul ul {top:0; left:0; margin:0 0 0 10px; display:block;}


.m-header {display:none;}
@media screen and (max-width: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:80%; margin-top:5px;}
.m-header-logo img{ width:45px; height:auto; float:left; margin-right:5px;}
.m-header-logo h2{ font-size:14px; font-weight:700;}
.m-header-logo p{font-size:12px;-webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}

.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:#004c9a; 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:15px; 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***/
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin-top:1px;}
#bannermob{display:none;}
#bannerpc{display:block;}
.slides{position:relative;z-index:0;}
.slides li {position:relative;}
.slides li img {display:block;}

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

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

@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin:45px auto 0;}
#bannerpc{display:none;}
#bannermob{display:block; margin-top:45px;}
.slides {position:relative; z-index:0;}
.flex-control-nav {position:absolute; bottom:10px; z-index:2; left:50%; margin-left:-150px; padding:1px 0; z-index:2; width:300px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(../images/bpng04.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../images/bpng03.png) no-repeat;}

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


/***img***/
.imgbox {position:relative; overflow:hidden;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.mask { position: absolute;bottom:0; left: 0; width: 100%;  color: #fff; text-align: center; background:rgba(0,0,0,0.6); height: 38px; line-height: 38px; font-size:14px;font-weight:700;  }

/***htitle***/
.htitle {margin:0 auto 30px; text-align:center; box-sizing:border-box;}
.htitle h2 {position:relative; height:45px; line-height:45px; font-size:30px; font-weight:700; color:#004c9a;}
.htitle h3{font-size:16px; font-family:Tahoma, Geneva, sans-serif; color:#004c9a;}
.htitle h3:before, .htitle h3:after {display: inline-block; vertical-align: middle; margin:-7px 15px 0 15px;  content:""; width: 60px; height:1px; background: #d0d0d0;}
.htitle p{ font-size:15px; color:#666; margin-top:20px;}
@media screen and (max-width:768px) {
.htitle {margin:0 auto 20px;}
.htitle h2 {height:30px; line-height:30px; font-size:24px;}
.htitle h3{font-size:16px;}
.htitle h3:before, .htitle h3:after {display: inline-block; vertical-align: middle; margin:-2px 10px 0 10px;  content:""; width:20px; height:1px; background: #d0d0d0;}
}


.div_more{text-align:center;}
.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:50px; color:#222; border:1px #999 solid;}
.more:hover{color:#fff; background:#f37800; border:1px #f37800 solid;}
@media screen and (max-width:768px) {
.more { margin:20px auto; width:100%; height:35px; line-height:35px; font-size:14px; box-sizing:border-box;}
}



/***mod1***/
.mod1{background:#f5f5f5; padding:60px 0; overflow:hidden;}
.mod1 ul{ letter-spacing:-8px;}
.mod1 ul li{ display:inline-block; vertical-align:top; letter-spacing:normal; width:30%; padding:15px; box-sizing:border-box; border:1px #ddd solid; background:#fff;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.mod1 ul li:not(:nth-of-type(3n)){margin-right:5%;}
.mod1 ul li:nth-child(n+4){margin-top:3%;}
.mod1 ul li:hover{ border:1px #ccc solid;box-shadow: 0 0px 10px 0 #ddd;}
.mod1 ul li img{float:left; width:35%; margin-right:15px;}
.ptitle{font-size:16px; font-weight:700; margin-bottom:5px; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.mod1 ul li p{font-size:14px; line-height:20px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}


@media screen and (max-width:768px){
.mod1{padding:30px 0;}
.mod1 ul li{width:100%; padding:15px;}
.mod1 ul li:not(:nth-of-type(3n)){margin-right:0%;}
.mod1 ul li:nth-child(n+2){margin-top:3%;}
.ptitle{font-size:16px;}
}



/***mod2***/
.mod2{background:#fff url(../images/mod2_bg.jpg) top center no-repeat; padding:80px 0; overflow:hidden;}
.mod2_top{ text-align:center; color:#fff;}
.mod2_top p{font-size:16px;}
.mod2_top h2{ font-size:30px; margin:25px 0; font-weight:700;}

.mod2_about{width:80%; margin:0 auto; background:#fff; box-shadow: 0 0px 10px 0 #666; padding:40px; overflow:hidden; box-sizing:border-box;}
.mod2_about_left{float:left; width:40%; margin-right:5%;}
.mod2_about_left img{max-width:100%; width:auto;}
.mod2_about_right{float:right; width:55%;}
.mod2_about_right_txt{line-height:30px;display:block; font-size:15px; -webkit-line-clamp:7; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.mod2 .more{margin-top:15px;}

@media screen and (max-width:768px) {
.mod2{padding:40px 0;}
.mod2_top h2{ font-size:18px; margin:15px 0; font-weight:700;}
.mod2_about{width:100%; padding:15px;}
.mod2_about_left{float:none; width:100%; margin-right:0%;}
.mod2_about_right{float:none; width:100%; margin-top:5%;}
}


/***mod3***/
.mod3{background:#f5f5f5; padding:60px 0; overflow:hidden;}
.mod3 ul{letter-spacing:-8px; width:90%; margin:0 auto;}
.mod3 ul li{ display:inline-block; vertical-align:top; letter-spacing:normal; width:22.75%; background:#fff;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.mod3 ul li:not(:nth-of-type(4n)){margin-right:3%;}
.mod3 ul li:nth-child(n+5){margin-top:3%;}
.mod3 ul li:hover{box-shadow: 0 0px 10px 0 #ddd;}

@media screen and (max-width:768px) {
.mod3{padding:30px 0;}
.mod3 ul li{width:47.5%;}
.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:3%;}

}




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

.footer .modtitle {height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:700; margin-bottom:10px;}
.footer .modtitle a{ color:#FFF;}

.footer-msg,.footer-weixin,.footer-ctu {float:left;}
.footer-msg { width:35%;}
.footer-weixin { width:18%;}
.footer-ctu { width:30%;  margin:0 6% 0 11%;}

.footer-msg li { overflow: hidden; }
.footer-msg li:nth-child(n+2) { margin-top: 3%; }

.msg-name-input,.msg-mail-input,.msg-textarea {padding:4px 10px; background:#f5f5f5; box-sizing: border-box;}
.msg-name-input,.msg-mail-input {float: left;  width: 48.5%; height: 38px;  line-height: 30px; }
.msg-mail-input{ margin-left:3%; }

.msg-textarea { width: 100%;  line-height:24px; resize:none;font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif;}
.msg-submit {width:100%; height:45px; line-height:45px; font-size:18px; text-align:center; color:#fff; font-weight:700; background:#386cd8; cursor:pointer; letter-spacing:3px; }
.msg-submit:hover{ background:#f37800;}

.footer-ctu {}
.footer-ctu h2{font-size:24px; color:#FFF; margin-bottom:15px;}
.footer-ctu dl {color:#fff;}
.footer-ctu dt {height:20px; line-height:20px; font-size:14px; font-weight:700;}
.footer-ctu dd {margin-top:20px; padding-left:24px; line-height:20px; background-repeat:no-repeat; background-size:18px 20px; background-position:top left; font-size:14px;}
.footer-ctu dd:nth-child(1) {background-image:url(../images/ico_address.png);}
.footer-ctu dd:nth-child(2) {background-image:url(../images/ico_tel.png);}
.footer-ctu dd:nth-child(3) {background-image:url(../images/ico_fax.png);}
.footer-ctu dd:nth-child(4) {background-image:url(../images/ico_email.png);}

.footer-weixin h2{font-size:16px; color:#FFF; margin-top:15px; text-align:center;}
.footer-weixin img{ width:80%; margin:0 10%;}


.footer-copyright {padding-top:20px; margin-top:60px; border-top:1px #315cb7 solid; height:40px; line-height:40px; text-align: center; color:#fff; font-size:14px;}

@media screen and (max-width:768px) {
.footer {padding:50px 0 30px 0;}

.footer-msg {width:100%; float:none;}
.footer-weixin {width:100%; float:none;margin:15% 0 0 0; text-align:center;}
.footer-weixin  img{ width:auto; max-width:80%; display:inline-block;}
.footer-ctu { width:100%; margin:15% 0 0 0; float:none;}

.footer-ctu h2{font-size:18px; color:#FFF; margin-bottom:10px;}

.footer .modtitle {line-height:20px; font-size:14px; height:auto; margin-bottom:20px;}
.msg-name-input,.msg-mail-input,.msg-textarea {padding:4px 10px; background:#fff; box-sizing:border-box; font-family:Verdan; margin:0 0 10px 0;}
.msg-name-input,.msg-mail-input {float:none; width:100%; height:38px;line-height:30px;}
.msg-textarea {float:none;width:100%; height:38px;line-height:30px; margin-right:0%}
.msg-submit {width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; text-transform:uppercase; color:#fff; cursor:pointer;}

.footer-copyright {line-height:20px;font-size:12px;}
}



/************内页banner*************/
.ban {margin:1px auto 0; width:100%;position: relative;}
.ban div{position:absolute; width:80%; padding:0 10%; text-align:center; color:#FFF; top:50%; transform:translateY(-50%); letter-spacing:3px;}
.ban div h2{ font-size:36px; text-transform:uppercase; font-weight:700;}
.ban div p{font-size:16px; opacity:0.7; margin-top:10px;}
#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;}
.ban div h2{ font-size:24px; margin-bottom:0px; text-transform:uppercase; font-weight:700;}
}

/*--------内页路径--------*/
#weizhi2{width:100%; margin:140px auto 0; background:#f5f5f5; border-bottom:1px #ddd solid;}
#weizhi{width:100%; margin:0px auto; background:#f5f5f5; border-bottom:1px #ddd solid;}
.weizhi{overflow:hidden;width:96%; max-width:1200px; 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) {
#weizhi2{margin:45px auto 0;}
#weizhi{margin:0px auto;}
.weizhi{padding:5px 0px; width:94%; line-height:20px; font-size:14px;}
.span_right{ font-size:14px; margin-left:15px;}
}

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

#onsec {color:#004c9a;}
#onsec a{color:#004c9a;}
#onsec a:hover{color:#f37800;}

/*内页子导航*/
#lmlb{ width:100%; margin-bottom:20px; display:none;}
.lmlb{overflow:hidden;width:96%; max-width:1200px; margin:0 auto;}
.lmlb ul{margin:0; padding:0;}
.lmlb ul li {display:inline-block; vertical-align:top; height:40px; line-height:40px; font-size:16px; -webkit-transition:all 0.4s 0.2s ease-in-out; transition:all 0.4s 0.2s ease-in-out; margin-right:5px; padding:0 20px; border:1px #ddd solid; border-radius:5px; background:#ffffff;}
.lmlb ul li:hover{color:#004d94;}
@media screen and (max-width: 768px) {
#lmlb{ width:100%;margin-bottom:0px; display:block;}
.lmlb{overflow:hidden;width:94%; margin:0 auto;}
.lmlb ul{margin:0; padding:0;}
.lmlb ul li {display:inline-block; vertical-align:top; height:30px; line-height:30px; font-size:14px; -webkit-transition:all 0.4s 0.2s ease-in-out; transition:all 0.4s 0.2s ease-in-out; margin-right:5px; padding:0 20px; border:1px #ddd solid; border-radius:5px; background:#ffffff; margin-bottom:10px;}
.lmlb ul li:hover{color:#004d94;}
}


/*分页*/
.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:2px 10px; 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:0.75rem; 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:left; width:20%; overflow:hidden; background:#fff; box-shadow:0 0px 5px 0 #ddd; margin:1%; box-sizing:border-box;}
.mainleft_title{font-size:18px; font-weight:700; text-transform:uppercase; padding:15px 20px; background:#004c9a; color:#FFF;}
.mainleft ul{overflow:hidden;}
.mainleft ul li{font-size:14px; border-bottom:1px #ddd dotted; background:url(../images/file.png) 20px center no-repeat; padding:15px 15px 15px 50px; background-size:20px;}
.margintop40{ margin-top:40px;}

.mainright{float:right; width:76%; overflow:hidden; box-shadow: 0 0px 10px 0 #ddd; margin:1% 1% 1% 1%; box-sizing:border-box; background:#fff;}
@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;}
.mainleft ul li{line-height:22px; margin:0; font-size:14px; padding:8px 5px 8px 40px;}
.mainright{float:none; width:98%; padding:0; margin:1%; border-left:0;}
}


/*about us*/
.about_txt{line-height:30px; font-size:14px; overflow:hidden; padding:40px 40px 0px 40px; box-sizing:border-box;}
.about_txt img{max-width:100%; width:auto; margin:10px 0;}
.about_txt:last-child {margin-bottom:40px;}
.about_txt h2{color:#1a3b82; font-size:20px; text-transform:uppercase; margin-bottom:10px; border-bottom:1px #ddd solid; padding-bottom:10px; font-weight:700;}
.about_txt b,.about_txt strong{/*color:#e67813;*/}
.about_txt td{padding:4px; line-height:18px; font-size:14px;}

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


/*product*/
.productsul{overflow:hidden; padding:10px; letter-spacing:-8px;}
.productsul li{ display:inline-block; vertical-align:top; letter-spacing:normal; width:30%; padding:15px; box-sizing:border-box; border:1px #ddd solid; background:#fff;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.productsul li:not(:nth-of-type(3n)){margin-right:5%;}
.productsul li:nth-child(n+4){margin-top:3%;}
.productsul li:hover{ border:1px #ccc solid;box-shadow: 0 0px 10px 0 #ddd;}
.productsul li img{float:left; width:35%; margin-right:15px;}

@media screen and (max-width:768px) {
.productsul{ padding:0%;}
.productsul li{width:100%; padding:15px;}
.productsul li:not(:nth-of-type(3n)){margin-right:0%;}
.productsul li:nth-child(n+2){margin-top:3%;}
}


.cpshowtop_r{float:left; width:100%; overflow:hidden;}
.cpshowtop_r h2{font-size:24px; line-height:50px; border-bottom:1px #ddd dotted; font-weight:700;}
.cpshowtop_r h2 p{float:left; line-height:45px; font-size:12px; color:#999; display:block;}
.cpshowtop_r_tags{font-size:14px; line-height:26px; padding:10px; background:#f5f5f5; border:1px #ddd solid; margin:15px 0;}
.cpshowtop_r_div{font-size:14px; line-height:28px; padding-top:10px;}
.ptitle2{border-bottom:2px #251385 solid; line-height:45px; height:45px; font-size:18px; font-weight:700; margin-bottom:10px; padding:0px; margin-top:20px;}
.prod_btn{background:#fff; padding:20px; margin-top:40px; border:1px #ddd solid; box-sizing:border-box; background:#f5f5f5;}
.ptitle3{border-bottom:1px #ddd dotted; line-height:30px; height:30px; font-size:18px; font-weight:700; margin-bottom:15px; padding-bottom:10px;}
.products_info h3 {font-size:16px; line-height:35px; font-weight:700; overflow:hidden;}


/*客户服务*/
.solutions{}
.solutionsul{letter-spacing:-8px; overflow:hidden;}
.solutionsul li{float:left; overflow:hidden; width:22.75%; background:#fff; letter-spacing:normal; vertical-align:top; position:relative;}
.solutionsul li:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.15); background:#FFF; color:#F90;}
.solutionsul li:not(:nth-of-type(4n)){ margin-right:3%;}
.solutionsul li:nth-child(n+5){margin-top:3%;}
.solutionsimg {width:100%; display:block; overflow:hidden;}
.solutionsimg img {width:100%; height:auto; display:block;}

.solutions_info {padding:10px; position:relative; z-index:2; background:#f9f9f9;}
.solutions_info h3 {font-size:16px; font-weight:700; text-align:center;}
.solutions_info p {line-height:24px; font-size:14px; color:#747474; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}

.solutionsul li .imgbox .mask, .solutionsul li .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.solutionsul li .imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.70);}
.solutionsul 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);}

.solutionsul li .imgbox .view p{ padding:4px 0 9px 12px; border-bottom:1px #666 dotted; margin-bottom:5px; line-height:20px; background:url(../images/dian.png) left center no-repeat;}
.solutionsul li .imgbox:hover .mask, .solutionsul li .imgbox:hover .view {opacity:1;}
.solutionsul li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.solutionsul li .imgbox:hover .view p a{color:#FFF;}
.solutionsul li .imgbox:hover .view p a:hover{color:#e67813;}

@media screen and (max-width: 768px) {
.solutionsul{ padding:0;}
.solutionsul li{width:47.5%;}
.solutionsul li img{width:100%;}
.solutionsul li:not(:nth-of-type(4n)){ margin-right:0;}
.solutionsul li:not(:nth-of-type(2n)){ margin-right:5%;}
.solutionsul li:nth-child(n+3){margin-top:5%;}
.solutions_info {padding:10px; position:relative; z-index:2;}
.solutions_info h3 {font-size:14px;}
.solutions_info p {line-height:20px; overflow:hidden;-webkit-line-clamp:3; font-size:14px; color:#747474;}
}



/*新闻*/
.researchlist{}
.researchlistul{}
.researchlistul li{overflow:hidden; padding:5%; border-bottom:1px #ddd dotted; background:#fbfbfb; position: relative;}
.researchlistul li:last-child{margin-bottom:0;}
.researchlistul li:hover{ background:#fff; /*box-shadow:0 0 10px 0 #ddd;*/}
.researchlistul li:hover h2 a ,.researchlistul li:hover a div{color:#f37800;}
.researchlistul li:hover #research_more{border:1px #f37800 solid;}
.researchlistul li img{width:auto; max-width:20%; margin-right:3%; float:left;}
.researchlistul li h2{font-size:20px; font-weight:700; margin-bottom:10px;}
.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;}
#research_more{margin-top:10px; width:150px; height:35px; line-height:35px; font-size:12px; 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%;}
.researchlistul li img{margin-bottom:2%; display:block;float:none; margin-right:0; width:100%; max-width:100%;}
.researchlistul li h2{font-size:18px; margin-bottom:5px;}
#research_more{width:100%; background:#004c9a; color:#FFF;}
}


.newsshow{overflow:hidden; line-height:28px; font-size:14px; padding:40px;}
.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; margin:0 auto; display:inline; padding:10px 0;}

.news_title{text-align:left;}
.news_title h1{color:#004c9a; font-size:24px; margin-bottom:10px; border-bottom: 1px #ddd dotted; padding-bottom:10px; font-weight:700;font-family:Tahoma, Geneva, sans-serif;line-height:30px;}
.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;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}


/*相关资讯*/
.Information{overflow:hidden;margin-top:20px; background:#f5f5f5; padding:0 20px;}
.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{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px; padding:10px 0;}
.Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
@media screen and (max-width: 768px) {
.news_title h1{font-size:18px; padding-bottom:10px; line-height:24px;}
.newsindex{overflow:hidden;margin:0px auto;}
.newsleft{ float:left; width:100%;}
.newsright{ display:none;}
.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;}
}













/*资质证书*/
.cert{}
.certul{overflow:hidden; letter-spacing:-8px;}
.certul li{overflow:hidden; width:18.4%; letter-spacing:normal; vertical-align:top; display:inline-block;}
.certul li:hover{color:#f37800;}
.certul li:not(:nth-of-type(5n)){ margin-right:2%;}
.certul li:nth-child(n+6){margin-top:2%;}

.imgbox1{box-sizing:border-box; position:relative; background:#f5f5f5;}
.imgbox1 img{width:90%; padding:5%;}
.certul li .imgbox1 .mask, .certul li .imgbox1 .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.certul li .imgbox1 .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.65);}
.certul li .imgbox1 .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 .title {line-height:20px;font-size:14px;text-align:center; padding:10px; overflow:hidden; box-sizing:border-box; border-top:0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}

@media screen and (max-width: 768px) {
.certul li{width:31.33%;}
.certul li:not(:nth-of-type(5n)){ margin-right:0;}
.certul li:not(:nth-of-type(3n)){ margin-right:3%;}
.certul li:nth-child(n+4){margin-top:3%;}
.certul li .title {line-height:18px; font-size:12px; text-align:center; padding:0 5px; box-sizing:border-box; border-top:0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
}




.lytext {margin:0 20px 30px 20px; text-align:left;}
.lyhtitle {position:relative; font-size:24px;font-weight:700;  margin-bottom:20px; }
.lytext_txt {margin:0 auto; width:100%; line-height:26px; font-size:14px; text-align:left;}
@media screen and (max-width:768px) {
.lytext {margin:0 auto 30px;}
.lyhtitle {font-size:24px; margin-bottom:10px; }
.lytext_txt {line-height:22px; font-size:14px; width:100%; }
}




/*---搜索页面----*/
.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;}