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


@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-1.eot') 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:#333; font-family: Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc.html");-webkit-text-size-adjust:none; background:#fbfaf9;}

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

/***头部***/
.header {position:fixed; top:0; left:0; width:100%; z-index:9; /*background-color:rgba(238,238,238,1);*/ background:#757475 url(../images/navbg.jpg) center center no-repeat;}
.header .main {padding:0;}
.header-logo {float:left; width:250px; margin-top:12px;}
.header-bg{background-color:rgba(238,238,238,1);}


.header-nav {position:relative; float:right; height:70px;}
.header-nav li {position:relative; float:left; height:70px; line-height:70px; font-size:16px; font-weight:700; text-transform:uppercase; text-align:center; margin-left:20px; font-family:Calibri;}
.header-nav li a {color:#fff; display:block;}
.header-nav li a:hover{}

.header-nav i{margin-left:6px; border: solid black;border-width: 0 2px 2px 0;display: inline-block;padding:3px;transform: rotate(45deg);-webkit-transform: rotate(45deg); border-color:#fff; margin-bottom:2px;}


#nav_hover_bg {width:100%; height:0; background-color:rgba(255, 255, 255, 1); position:absolute; top:70px; z-index:99; overflow:hidden;}
.header-nav ul li .sub-nav {position:absolute; top:70px; /*left:50%; margin-left:-650px;*/ width:1300px; height:0; z-index:999; overflow:hidden;}
.lang{ width:auto; height:20px; vertical-align:middle; margin-top:25px;}
@media screen and (max-width:1024px) {
.header-nav li {font-size:14px; margin-left:15px; font-family:Calibri;}
}

 
/*简单竖向下拉菜单的css

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear:both;}
#menu {zoom:1;}
#menu li:hover > a {color:#fff;}
*html #menu li a:hover {color:#555;}
#menu ul {opacity:0; visibility:hidden; position:absolute; top:50px; left:0; padding:25px; z-index:1; background:none; background-color:rgba(255,255,255,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;box-shadow: 0 0 8px 0 rgba(0,0,0,0.4);}
#menu ul:before {position:absolute; top:-10px; left:40px; content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff;}
#menu li:hover > ul {opacity:1; visibility:visible; }
#menu ul li:hover > ul {opacity:1; visibility:visible;}
#menu ul li {margin-left:0; width:max-content; display:inline; height:auto; line-height:20px; margin-bottom:20px; font-size:16px; text-align:left; background:none;text-transform:none;}
#menu ul li:last-child{margin-bottom:0;}
#menu ul li a {display:block; color:#555; font-weight:normal;}
#menu ul li a:hover {color:#075eb1;}
#menu ul ul {top:0; left:0; 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(16,73,146,1); z-index:99;}
.m-header .main {margin:0 auto; width:94%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:5px; width:200px;}

.nav-btn {position:relative; float:right; margin:12px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#fff; 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; text-transform:uppercase;}
.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:#333;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul {margin-left:10px;}
}


.index-all{}
@media screen and (max-width:768px) {
.index-all{margin-top:65px; height:100%; width:100%;}
}


/***banner***/
.banner {width:100%; height:770px; margin-top:70px;}
#bannermob{display:none;}
#bannerpc{display:block;}
.slide {background-repeat:repeat; background-position:center; background-size:cover;}
.slide-txt1 {text-align:left; width:700px; margin:0 auto; position: absolute; top:50%; transform: translateY(-50%); background:rgba(255,255,255,0.70); padding:50px; left:50%; margin-left:-630px; }
.slide-txt1 .p0 {font-size:36px; font-weight:700; line-height:36px; color:#075eb1; font-style:italic;}
.slide-txt1 .p1 {font-size:30px; font-weight:700; line-height:36px; color:#333; margin-top:20px;}
.slide-txt1 .p2 {font-size:16px; line-height:26px; margin-top:20px; color:#666;}
.slide-txt1 .p3 {margin-top:30px;}
.slide-txt1 .p3 a {display:inline-block; height:50px;line-height:50px; padding:0 50px;  font-size:16px; color:#fff; text-transform:uppercase; background:#075eb1; text-align:center; border-radius:50px; letter-spacing:2px;}
.slide-txt1 .p3 a:hover {color:#fff; background:#e67813;}

.swiper-pagination-bullet {background:#fff; opacity:0.5; display:none;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;}
.swiper-slide video{width:100%; height:770px; object-fit:fill;}


@media screen and (max-width:1024px) {
.slide-txt1 {margin-left:-430px; }
}

@media screen and (max-width:768px) {
#bannermob{display:block;}
#bannerpc{display:none;}
.banner {height:420px; margin-top:45px;}
.slide-txt1 {text-align:left; width:80%; position:absolute; top:50%; transform: translateY(-50%); background:rgba(255,255,255,0.90); padding:20px; left:5%; margin-left:0px; }
.slide-txt1 .p0 {font-size:20px; font-weight:700; line-height:24px; color:#075eb1; font-style:italic;}
.slide-txt1 .p1 {font-size:16px; font-weight:700; line-height:20px; color:#333; margin-top:10px;}
.slide-txt1 .p2 {font-size:14px; line-height:22px; margin-top:10px; color:#666;}
.slide-txt1 .p3 {margin-top:10px;}
.slide-txt1 .p3 a {display:inline-block; height:30px;line-height:30px; padding:0 10px;  font-size:14px; color:#fff; text-transform:uppercase; background:#075eb1; text-align:center; border-radius:50px; letter-spacing:0px;}

.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}
.swiper-slide video{width:100%; height:500px; object-fit:fill;}
}


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

/***htitle***/
.htitle {margin:0 auto 40px; width:96%; max-width:1250px; text-align:center; box-sizing:border-box;}
.htitle h2 {position:relative; line-height:40px; font-size:36px;font-weight:700;  }
.htitle h2:before, .htitle h2:after {display:inline-block; vertical-align:middle; margin:-7px 15px 0 15px; content:""; width:60px; height:1px; background:#d0d0d0;}
@media screen and (max-width:768px) {
.htitle {margin:0 auto 20px;}
.htitle h2 {line-height:26px; font-size:24px; height:auto;}
.htitle h2:before, .htitle h2:after {display:none;}
.mod1 .htitle h2 {padding:0px; height:auto;}
.mod1 .htitle h2:after {margin-left:-50px; width:100px; height:1px;}
}

.more {display:table; margin:40px auto 0; padding:0 30px; height:40px; line-height:40px; font-size:14px; text-align:center; text-transform:uppercase;color:#fff; background:#075eb1; border:1px #075eb1 solid;}
.more:hover {color:#075eb1;  background:#fff; border:1px #075eb1 solid;}
@media screen and (max-width:768px) {
.more {margin:20px auto 0; height:30px; line-height:30px; font-size:14px; padding:0 20px;}
}
/***mod***/
.mod4,.mod7{padding:180px 0;}

.mod2 {background-position:center; background-size:cover; background:url(../images/bg1.jpg) center top repeat-y; padding:100px 0;}
.mod6 {background-position:center; background-size:cover; background: #d3d3d3 url(../images/bg6.jpg) center top repeat-y;}

.mod5 {background-repeat:repeat; background-position:center; background-size:cover;}
.mod7 {background:#f2f2f2;}
@media screen and (max-width:768px) {
.mod3,.mod4,.mod5,.mod7,.mod2 {padding:50px 0;}
}

/***mod1***/
.mod1{ background:#222222; color:#FFF; padding:100px 0;}
.mod1 .main{margin-top:40px;}
.mod1_left{width:50%; float:left;}
.mod1_right{width:45%; float:right; margin-left:5%;}
.mod1_right img{max-width:100%; width:auto; display:inline-block; height:auto;}
.company_txt {line-height:26px; font-size:14px; text-align:left;}

@media screen and (max-width:768px) {
.mod1{padding:50px 0;}
.mod1 .main{margin-top:20px;}
.mod1_left{width:100%; float:none;}
.mod1_right{width:100%; float:none; margin-left:0%; margin-top:15px;}
.company_txt {width:100%; line-height:24px; font-size:14px;}
}

/***mod2***/
.mod2 h2{color:#FFF;}
.mod2_txt{margin:0 auto; width:80%; line-height:26px; font-size:14px; text-align:center; color:#FFF}
.mod2 .more{ color:#FFF; border:1px #fff solid;}
.mod2 .more:hover{ opacity:0.5;}


.facility{margin:0 10% 0; width:80%;}
.facility ul{ overflow:hidden; letter-spacing:-8px;}
.facility ul li{display:inline-block; width:30%; letter-spacing:normal; vertical-align:top; position:relative; box-shadow: 0px 0px 20px rgba(0,0,0,0.25); background:#FFF;}
.facility ul li:not(:nth-of-type(3n)){ margin-right:5%;}
.facility ul li:nth-child(n+4){margin-top:5%;}


.facility_part{width:100%;}
.facility_part .imgbox{height:150px;}
.facility_part_txt{background:#FFF; padding:30px 15px 20px;position:relative; text-align:center;}
.facility_part_txt h3{ font-size:20px; margin-bottom:5px; z-index:3; font-weight:700;}
.facility_part_txt h4{ line-height:22px; height:44px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.facility_part_icon{ position:absolute; top:-50px; z-index:2; padding:0px; background:#FFF; border-radius:100%; left:50%; margin-left:-40px;}
.facility_part_icon img{width:80px; height:80px;}

.facility_more {display:table; margin:10px auto 0; padding:0 30px; height:35px; line-height:35px; font-size:14px; text-align:center; text-transform:uppercase; border:1px solid #075eb1; color:#fff; background:#075eb1;}
.facility_more:hover{color:#075eb1; background:#FFF; border:1px #075eb1 solid;}

@media screen and (max-width:768px) {
.mod2_txt {width:100%; line-height:24px; font-size:14px;}

.facility{margin:20px 0 0; width:100%;}
.facility_part .imgbox{height:180px;}
.facility ul li{display:inline-block; width:90%; margin:5% 5% 0;}
.facility ul li:not(:nth-of-type(3n)){ margin-right:0;}
.facility ul li:nth-child(1){margin-top:0;}
.facility_more {padding:0 20px; height:30px; line-height:30px; margin:10px auto 0;}

.facility_part_txt h4{ line-height:24px; font-size:14px;}

}


/***mod3***/
.mod3{padding:180px 0 240px 0;}
.product{}
.product ul {overflow:hidden;padding:1%;}
.product ul li {float:left; padding:0px; width:23.5%; box-sizing:border-box;box-shadow:0 0 5px 0 #ddd;}
.product ul li:hover {box-shadow:0 0 10px 0 #ccc;}
.product ul li:not(:nth-of-type(4n)){ margin-right:2%;}
.product ul li:nth-child(n+5){margin-top:3%;}

.product-abstract{padding:20px 20px 30px; overflow:hidden;}
.product-abstract h2{font-size:18px; font-weight:700; text-align:center; }
.product-abstract h3 {line-height:24px; height:48px; margin:10px 0; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

.product ul li .imgbox{ height:208px;}
.product ul li .imgbox .mask, .product ul li .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.product ul li .imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.product ul 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);}
.product ul li .imgbox:hover .mask, .product ul li .imgbox:hover .view {opacity:1;}
.product ul li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}

.product_more {display:table; margin:15px auto 0; padding:0 30px; height:40px; line-height:40px; font-size:14px; text-align:center; text-transform:uppercase; border:1px solid #075eb1; color:#fff; background:#075eb1;}
.product_more:hover{color:#075eb1; background:#FFF; border:1px #075eb1 solid;}


@media screen and (max-width:768px) {
.mod3{padding:50px 0 50px 0;}
.product ul {}
.product ul li {width:100%;}
.product ul li:not(:nth-of-type(4n)){ margin-right:0%;}
.product ul li:nth-child(n+2){margin-top:10%;}

.product-abstract{padding:20px 20px 30px; overflow:hidden;}
.product-abstract h3 {line-height:24px; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
	
}


/***mod4***/
.mod4_txt{margin:0 auto; width:75%; line-height:26px; font-size:16px; text-align:center;}
.mod4_bg{width:100%;position:relative; background-position:center; padding:100px 0;background:#f5f5f5;}
.mod4_bg .main{width:625px; margin:40px auto 0; box-shadow:0 0 10px 0 #ddd;}

@media screen and (max-width:768px) {
.mod4_bg{padding:50px 0;}
.mod4_bg .main{width:90%; margin:20px auto 0; box-shadow:none;}
}



/***mod5***/
.mod5{ overflow:hidden; padding:60px 0 240px 0;}

.quality ul{overflow:hidden;}
.quality ul li{float:left; width:30.66%; line-height:24px; text-align:center;}
.quality ul li:not(:nth-of-type(3n)){ margin-right:4%;}
.quality ul li:nth-child(n+4){margin-top:3%;}
.quality ul li img{ width:200px; border-radius:100%; margin:0 auto; display:block;}
.quality ul li h2{ font-size:20px;  margin:30px 0 10px 0; font-weight:700;}
.quality ul li p{font-size:14px; line-height:24px; height:72px; overflow:hidden;}

.mod5_more {display:table; margin:15px auto 0; padding:0 40px; height:40px; line-height:40px; font-size:14px; text-align:center; text-transform:uppercase; border:1px solid #075eb1; color:#fff; background:#075eb1;}
.mod5_more:hover {color:#075eb1; background:#FFF; border:1px #075eb1 solid;}
@media screen and (max-width:768px) {
.mod5{ overflow:hidden; padding:50px 0 50px 0;}
.mod5_left{ width:100%; float:none; margin-right:0%;}
.mod5_left .htitle{margin:0 0 10px 0; width:100%;}
.mod5_left h2{ text-align:center; font-size:24px; height:auto; line-height:1.5; margin-bottom:0;}
.mod5_txt{line-height: 28px; font-size:14px; text-align:center;}

.quality ul li{float:left; width:100%; line-height:24px; text-align:center;}
.quality ul li:not(:nth-of-type(3n)){ margin-right:0;}
.quality ul li:nth-child(n+2){margin-top:15%;}
.quality ul li img{width:200px; border-radius:100%; margin:0 auto; display:block;}
.quality ul li h2{ font-size:20px;  margin:10px 0 0 0; font-weight:700;}

.mod5_right{ width:100%; float:none; margin-top:10%;}
.mod5_more {margin:10px auto 0; padding:0 20px; height:30px; line-height:30px; font-size:14px; display:table; float:none;}
}



/***mod6***/
.mod6{width:100%; position:relative; padding:80px 0; height:280px;}
.mod6 .main{}
.mod6_txt{ float:left; width:47.5%; margin-right:2.5%; line-height:26px; font-size:14px; text-align:center; padding:50px; box-sizing:border-box;}
.mod6_txt .htitle{margin-bottom:10px;}
.mod6_img{float:right; width:50%; background:#fff; position:absolute; top:-120px; right:0; height:350px; box-shadow: 0 0 10px 0 #ccc;}
.mod6_img img{ width:auto; max-width:100%; height:350px;}

@media screen and (max-width:768px) {
.mod6{padding:25px 0; height:auto;}
.mod6 .main{ overflow:hidden;}
.mod6_txt{width:100%; margin-right:0; padding:0 20px 20px; overflow:hidden; float:none;}
.mo6 .htitle{}
.mo6 .htitle h2:before, .mo6 .htitle h2:after {display:none;}
.mod6_img{float:none; width:100%; background:#fff; position:relative; height:auto; box-shadow: 0 0 10px 0 #ccc; top:0;}
.mod6_img img{ width:auto; max-width:100%; height:auto;}
}



/***mod7***/
.service {position:relative; margin:0 auto; background:#fff;}
.service-item {position:relative;display:block; /*display:flex; align-items:stretch;*/}
.service-item:hover .news-title {color:#075eb1;}
.service .imgbox{width:100%; display:block;}

.service-info { width:100%;  padding:25px; background:rgba(255,255,255,1); box-sizing:border-box;}
.service-title {position:relative;line-height:24px; font-weight:700; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:20px;}
.service-abstract {margin:10px 0 0 0;line-height:24px;font-size:14px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:8; -webkit-box-orient:vertical;}
.swiper-button-prev.partner-area-prev, .swiper-button-next.partner-area-next {width:22px; height:38px; margin-top:-14px;}
.swiper-button-prev.partner-area-prev {left:-40px; color:#999;}
.swiper-button-next.partner-area-next {right:-40px;color:#999;}
.m-service {display:none; position:relative;}
@media screen and (max-width:768px) {
.service {display:none;}
.service-item {position:relative;display:block; }
.service-item:hover .news-title {color:#075eb1;}

.m-service {position:relative; margin:0 auto; width:90%;}
.m-service {display:block;}
.m-service .imgbox{width:100%; float:none; display:block;}
.m-service .imgbox  img{height:auto;}

.service-info { float:none; padding:15px; background:rgba(255,255,255,1); width:100%; box-sizing:border-box;}
.service-title {height:22px; line-height:22px; font-size:14px;}
.service-abstract {margin:5px 0; font-size:14px; -webkit-line-clamp:10;}
.swiper-button-prev.partner-area-prev {left:-35px;}
.swiper-button-next.partner-area-next {right:-35px;}
}

/***footer***/
.footer {position:relative; padding:0; background:linear-gradient(to right, #23232b 50%, #23232b 0%);}

.footer .modtitle {height:30px; line-height:30px; font-size:18px; color:#fff;}
.footer .modtitle a{ color:#FFF;}

.footer-ctu {width:35%; background:#fbfaf9; padding:50px; margin-right:5%; box-sizing:border-box; float:left; margin-top:-30px;}
.footer-ctu h3 img{width:auto; max-width:100%;}
.footer-ctu dl {margin-top:20px;}
.footer-ctu dt {font-size:18px;}
.footer-ctu dd {margin-top:18px; padding-left:28px; line-height:24px; background-repeat:no-repeat; background-size:18px 20px; background-position:center left; font-size:14px;}
.footer-ctu dd:nth-child(2) {background-image:url(../images/ico_address.png);}
.footer-ctu dd:nth-child(3) {background-image:url(../images/ico_tel.png);}
.footer-ctu dd:nth-child(4) {background-image:url(../images/ico_email.png);}
.footer-ctu-txt{line-height:30px; margin-top:20px;} 
.footer-ctu-txt img{ width:auto; max-width:100%; display:inline;}

.footer-ctu ul{ overflow:hidden; margin-top:30px;}
.footer-ctu ul li{float:left; width:17.6%; box-sizing:border-box;}
.footer-ctu ul li img{ width:48px; float:left;}
.footer-ctu ul li img:hover{ opacity:0.6;}
.footer-ctu ul li:not(:nth-of-type(5n)){ margin-right:3%;}
.footer-ctu ul li:nth-child(n+6){margin-top:3%;}
.footer-ctu-contact{margin-top:30px; font-size:24px; background:url(../images/icon6.png) left center no-repeat; padding: 0 0 0 40px; height:35px; line-height:35px;}
.footer-copyright { width:100%; font-size:12px; text-align:left; color:#fff; padding:15px 0;}


.footer-right{float:right; width:40%; padding:40px 15% 0 5%;}

.footer-news{width:100%; overflow:hidden; margin-bottom:50px;}
.footer-news ul{overflow:hidden; margin-top:10px;}
.footer-news li{line-height:30px; float:left; width:30%; padding-right:3%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#FFF; font-size:13px;}
.footer-news li:nth-child(n+3){}
.footer-news li a{color:#fff;}
.footer-news li:hover{ opacity:0.6;}
.footer-news li img{ width:80%; border-radius:5px;}

.footer-msg {width:100%; overflow:hidden;}
.footer-msg ul{margin-top:10px;}
.footer-msg li {overflow:hidden;}
.footer-msg li:nth-child(n+2) {margin-top:2%;}
.msg-name-input,.msg-mail-input,.msg-textarea {padding:4px 10px;color:#fff; background:#333; box-sizing:border-box; font-family: Arial, Helvetica, sans-serif;}
.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; }
.msg-submit {width:100%; height:45px; line-height:45px; font-size:14px; text-align:center; text-transform:uppercase; color:#fff; font-weight:700; background:#075eb1; cursor:pointer;}
.msg-submit:hover{ background:#e67813;}



@media screen and (max-width:768px) {
.footer {padding:20px 0px;}
.footer .modtitle {line-height:20px; font-size:16px; height:auto; margin-bottom:10px;}
.footer-msg,.footer-nav,.footer-ctu {float:none; width:100%; margin-left:0; margin-right:0;}
.footer-nav,.footer-ctu {}

.msg-name-input,.msg-mail-input,.msg-textarea {padding:4px 8px;}
.msg-name-input,.msg-mail-input {float:left;width:49%; height:32px;line-height:32px;}
.msg-mail-input{margin-left:2%;}

.msg-textarea {line-height:22px;}
.msg-submit {height:40px; line-height:40px; font-size:16px;}

.footer-right{float:none; width:100%; padding:20px 0 0 0;}

.footer-ctu{ padding:20px; margin-top:0;}
.footer-ctu dt {font-size:14px;}
.footer-ctu dd {margin-top:12px; font-size:14px;}
.footer-copyright {margin-top:20px; height:auto; line-height:20px; font-size:10px;}
}




/************内页banner*************/
.ban {margin:70px auto 0; width:100%;position: relative;}
.bandiv{position:absolute; padding:140px 50px; top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.7); left:18%;}
.bandiv h2{ font-size:36px; text-transform:uppercase; color:#222;}
#bannernotes{width:100%; position:absolute; bottom:0; padding:15px 0; background:rgba(0,0,0,0.5);}
.bannotes{max-width:1250px; width:96%; color:#FFF; margin:0 auto; line-height:24px; font-size:14px; text-align:center;} 

#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;}
.bandiv{position:absolute; padding:5% 10%; text-align:center; top:50%; transform:translateY(-50%); left:0;}
.bandiv h2{ font-size:24px; text-transform:uppercase; font-weight:700;}
#bannernotes{position:absolute; bottom:0; padding:15px; background:rgba(0,0,0,0.5); display:none;}
.bannotes{width:94%; color:#FFF; margin:0 auto; line-height:24px;} 
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0px auto; background:#e67813; border-bottom:1px #ddd solid;}
.weizhi{overflow:hidden;width:96%; max-width:1250px; margin:0 auto; font-size:13px; line-height:30px; padding:5px 0 5px; color:#FFF;}
.weizhi a{ color:#FFF; text-decoration:underline;}
.weizhi a:hover{ color:#ffe400;}
.span_right{font-size:12px; margin-right:10px;}
.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: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:50px 0; width:100%; background-color:#fff; color:#333;}
.lymain {position:relative; margin:0 auto; width:96%; max-width:1250px; overflow:hidden; /*padding:1%; display:table;*/}
@media screen and (max-width:768px) {
.wrap {padding:25px 0; width:100%;}
.lymain {width:90%; margin:0 auto; padding-bottom:3%;}
}

#onseca {color:#075eb1;}
#onseca a{color:#075eb1;}
#onsec {color:#075eb1;}
#onsec a{color:#075eb1;}
.margintop50{ margin-top:30px;}


/*内页子导航*/
#lmlb{ width:100%; margin-bottom:50px;}
.lmlb{overflow:hidden;width:96%; max-width:1250px; margin:0 auto; background:#fafafa; border:1px #ddd solid; padding:30px 30px 15px 30px; box-sizing:border-box;}
.lmlb ul{margin:0; padding:0; text-align:center;}
.lmlb ul li {display:inline-block; vertical-align:top; height:20px; line-height:20px; font-size:16px; -webkit-transition:all 0.4s 0.2s ease-in-out; transition:all 0.4s 0.2s ease-in-out; border-right:1px #ddd solid; margin-right:15px; padding-right:15px; margin-bottom:15px;}
.lmlb ul li:last-child{ padding:0; border-right:0;}
.lmlb ul li:hover{color:#004d94;}
.lmlb_txt{ margin:15px 5% 0 5%; font-size:14px; line-height:24px; border-top:1px #ddd dotted; padding:15px 0 0 0; text-align:center; color:#666;}

@media screen and (max-width: 768px) {
#lmlb{ width:100%;margin-bottom:0px; display:block;}
.lmlb{overflow:hidden;width:90%; margin:0 auto 20px; padding:15px 5px 5px 5px;}
.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 10px; border:1px #ddd solid; border-radius:5px; background:#ffffff; margin-bottom:10px; font-weight:normal;}
.lmlb ul li:hover{color:#004d94;}
.lmlb ul li:last-child{ margin-right:5px; padding:0 20px; border:1px #ddd solid;margin-bottom:10px;}
.lmlb_txt{ margin:10px 5% 0 5%; font-size:14px; line-height:24px; border-top:1px #f5f5f5 solid; padding:10px 0 0 0; text-align:center; color:#666;}

}


/*分页*/
.page{text-align:center; padding:20px 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;}
}


/*左右框架*/
.mainright{float:right; width:20%; overflow:hidden; background:#fff; box-sizing:border-box;}
.mainright_title{font-size:13px; font-weight:700; text-transform:uppercase; padding:15px 20px; background:#0075c4; color:#FFF;}
.mainright ul{overflow:hidden;}
.mainright ul li{font-size:13px; border-bottom:1px #ddd dotted; background:url(../images/file.png.html) 20px center no-repeat; padding:15px 15px 15px 50px; background-size:20px;}

.mainleft{float:left; width:76%; overflow:hidden;}
@media screen and (max-width:768px) {
.mainright{float:none; width:100%; padding:0; display:none;}
.mainright_title{font-size:16px; line-height:24px;padding-bottom:5px; margin-bottom:5px;}
.mainright ul li{line-height:22px; margin:0; font-size:13px; padding:8px 5px 8px 40px;}

.mainleft{float:none; width:98%; padding:0; margin:1%; border-left:0;}
}



/*about us*/
.about_txt{line-height:26px; font-size:14px; overflow:hidden; margin-bottom:30px;}
.about_txt img{max-width:100%; width:auto; height:auto; display:inline-block;}
.about_txt h2{color:#075eb1; font-size:32px; text-transform:uppercase; margin-bottom:20px; border-bottom:1px #ddd solid; padding-bottom:20px;}
.about_txt b,.about_txt strong{/*color:#075eb1;*/}
.about_txt td{padding:2px 4px; font-size:14px!important; border:1px #CCCCCC solid;}
.about_txt td p,.news_xxjs td span{font-size:14px!important;}
.about_txt table{ max-width:100%!important;}


.about_txt dl{}
.about_txt dl dd{ padding:12px 8px 12px 30px; border-bottom:1px #ddd dotted;}
.about_txt dl dt {font-size:14px; font-weight:700; margin-bottom:10px;}
.about_txt dl dd {padding-left:24px; line-height:20px; background-repeat:no-repeat; background-size:18px 20px; background-position:left center;}
.about_txt dl dd:nth-child(2) {background-image:url(../images/ico_address_1.png.html);}
.about_txt dl dd:nth-child(3) {background-image:url(../images/ico_tel_1.png.html);}
.about_txt dl dd:nth-child(4) {background-image:url(../images/ico_tel_1.png.html);}
.about_txt dl dd:nth-child(5) {background-image:url(../images/ico_email_1.png.html);}


.about_list{ margin-top:40px;}
.about_list ul{overflow:hidden;}
.about_list ul li{border:1px #ddd dotted; overflow:hidden; float:left; width:30.66%; box-sizing:border-box; min-height:220px; line-height:22px; padding:10px;}
.about_list ul li:not(:nth-of-type(3n)){ margin-right:4%;}
.about_list ul li:nth-child(n+4){margin-top:3%;}

.about_list ul li img{width:40%; margin: 0 2% 0 0; float:left;}
.about_list ul li h3{color:#004285; font-size:16px;margin-bottom:5px;}
.about_txt td{padding:4px; line-height:18px; font-size:14px;}

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

.about_list{margin-top:5px;}
.about_list ul li{width:100%;min-height:auto;}
.about_list ul li:not(:nth-of-type(3n)){ margin-right:0%;}
.about_list ul li:nth-child(n+2){margin-top:3%;}

.about_list ul li img{width:30%; margin: 0 2% 0 0; float:left;}
}



/*contact us*/
.contact{overflow:hidden; margin-bottom:100px;}
.contact_left{float:left; width:55%;}
.contact_right{ float:right; width:30%; margin-left:10%;}


.contact_txt{line-height:26px; font-size:14px; margin-bottom:40px;}
.contact_txt:last-child{margin-bottom:0;}
.contact_txt img{max-width:100%; width:auto; margin:10px 10px 10px 0;}
.contact_txt h2{font-size:24px; margin-bottom:5px;  font-weight:700;}
.contact_txt b,.about_txt strong{/*color:#075eb1;*/}


.contact_htitle{position: relative; font-size: 32px; font-weight: 700;   margin-bottom:30px; text-align:center;}
.contact_end{margin:50px 0;}
.contact_end ul{overflow:hidden; letter-spacing:-8px; }
.contact_end ul li{float:left; width:31.33%; letter-spacing:normal; vertical-align:top; position:relative;padding:40px; box-sizing:border-box; border:1px #ddd solid; box-sizing:border-box;}
/*.contact_end ul li:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}*/
.contact_end ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.contact_end ul li:nth-child(n+1){margin-bottom:4%;}
.contact_end ul li img{ width:auto; max-width:60%; margin:0 auto;}


.contact_end_info {padding:20px; position:relative; z-index:2;}
.contact_end_info h3 {font-size:16px; text-align:center; line-height:24px;}
.contact_end_info p {line-height:24px; font-size:14px; text-align:center; margin-bottom:50px;}

.he_3DFlipY{ display:block;width:100%;height:100%;overflow:hidden; position:relative;box-sizing:border-box;cursor:pointer;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%;}
.he_3DFlipY_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.he_3DFlipY_inner > div.he_3DFlipY_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
/*.he_3DFlipY_inner:hover > div.he_3DFlipY_img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}*/
.he_3DFlipY_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative;}
.he_3DFlipY_caption{position:absolute;top:0;left:0;padding:0;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;background-image: linear-gradient(90deg, #075eb1 8%, #075eb1 92%);text-align:center;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
/*.he_3DFlipY_inner:hover .he_3DFlipY_caption{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}*/
.he_3DFlipY_caption h3{font-size:1.3em;font-weight:700;text-align:center;width:100%;position:absolute;top:25%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipY_caption p{font-size:14px;text-align:center;position:absolute;left:15px; right:15px; margin:0;padding:0;color:#fff; line-height:26px; top: 50%;
    transform: translateY(-50%);}
.he_3DFlipY a{/*position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0*/}



@media screen and (max-width: 768px) {
.contact{padding:0px; margin-bottom:50px;}
.contact_left{float:none; width:100%;}
.contact_right{float:none; width:100%; margin-left:0%;}
.contact_txt{line-height:26px; font-size:14px; margin-bottom:20px;}
.contact_txt h2{font-size:18px;}

.contact_htitle{font-size:24px; margin-bottom:10px;}

.contact_end{margin:50px 0 0 0;}
.contact_end ul li{width:90%; margin:0 5%;padding:20px;}
.contact_end ul li img{}
.contact_end ul li:not(:nth-of-type(3n)){ margin-right:0;}
.contact_end ul li:nth-child(n+1){margin-bottom:5%;}
.contact_end_info {padding:15px; position:relative; z-index:2;}
.contact_end_info h3 {font-size:16px;}
.contact_end_info p {line-height:20px; overflow:hidden;-webkit-line-clamp:3; font-size:14px; color:#747474;}
}




/*新闻*/
.researchlistul{overflow:hidden; letter-spacing:-8px;}
.researchlistul li{ display:inline-block; width:23.5%; background:#fff; letter-spacing:normal; vertical-align:top; position:relative;}
.researchlistul li:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.15); background:#FFF; color:#F90;}
.researchlistul li:not(:nth-of-type(4n)){ margin-right:2%;}
.researchlistul li:nth-child(n+5){margin-top:3%;}
.researchlistimg {width:100%; display:block; overflow:hidden;}
.researchlistimg img {width:100%; height:auto; display:block;}

.researchlist_btn{background:#193c82; height:40px; line-height:40px;}
.researchlist_btn h2{float:right; padding:0 20px; font-size:16px; color:#FFF; background:#075eb1; text-transform:uppercase;}
.researchlist_info {padding:10px; position:relative; z-index:2; background:#f5f5f5;}
.researchlist_info h3 {font-size:14px; margin-bottom:15px; line-height:24px; text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.researchlist_info p {line-height:24px; font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align:left; color:#999;}

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

.researchlistul 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;}
.researchlistul li .imgbox:hover .mask, .researchlistul li .imgbox:hover .view {opacity:1;}
.researchlistul li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.researchlistul li .imgbox:hover .view p a{color:#FFF;}
.researchlistul li .imgbox:hover .view p a:hover{color:#075eb1;}

.news_info_btn{width:130px; height:40px; line-height:40px; font-size:12px; text-align:center; text-transform:uppercase; color:#fff; background:#193c82; cursor:pointer;  position:absolute; top:-40px; left:0; }
.news_info_btn:hover,.researchlistul li:hover .news_info_btn{background:#075eb1;}



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



/*新闻详情页*/
.newsindex{overflow:hidden;margin:40px auto; width:96%; max-width:1250px;}
.newsleft{ float:left; width:70%;}
.newsright{ float:right; width:25%; margin-left:5%;overflow:hidden;}
.newsrighttitle{font-size:18px; width:100%; font-weight:700; padding-bottom:10px; border-bottom:2px #004d94 solid;}
.newsright ul{overflow:hidden;}
.newsright ul li{line-height:20px; height:20px; margin:15px 0; font-size:16px; border-bottom:1px #ddd dotted; color:#999; padding-bottom:15px; background:url(../images/point.png) right center no-repeat;}
.newsrighttitlebtn{ width:20px; height:20px; margin-right:10px; float:left;}

.rightnews{overflow:hidden;}
.rightnews li{overflow:hidden; border-bottom:1px #ddd dotted; padding:4% 0; width:100%; margin-bottom:4%;}
.rightnews li img{ width:30%; border:0px; margin-right:5%; float:left;}
.rightnews li h2{font-size:16px; line-height:20px;}
.rightnews li h2 a{color:#333;}
.rightnews li h2 a:hover{color:#004d94;}
.rightnews li div{color:#5a5a5a; line-height:24px; font-size:16px; padding-top:10px;}
.rightnews li p{color:#919191; padding:0; line-height:20px; font-size:16px;}
.rightnews li p span{ margin-right:10px;}

.newsshow{overflow:hidden; line-height:26px; font-size:14px; margin-bottom:30px;}
.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:14px!important; border:1px #CCCCCC solid;}
.news_xxjs td p,.news_xxjs td span{font-size:14px!important;}
.news_xxjs table{ max-width:100%!important;}
.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{font-size:32px; margin-bottom:5px; border-bottom: 1px #ddd solid; padding-bottom:10px; font-weight:700; }
.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;}

.pagelist{/*border: 1px solid #ccc;*/overflow:hidden;background-color: #666;padding:1px 5px 1px 5px;color: #ffffff;}
.red {/*border: 1px solid #ccc;*/overflow:hidden;	background-color: #f08300; color: #ffffff;font-weight: bold;	padding:1px 6px 1px 6px;}
.pubdatenews{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}
.pubdatenews2{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}


/*相关资讯*/
.Information{overflow:hidden;margin-top:20px;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:16px; color:#333; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px #ddd solid; 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;}
.Information li a{}
.Information li a:hover{ color:#075eb1;}
@media screen and (max-width: 768px) {
.news_title h1{font-size:24px;}
.newsindex{overflow:hidden;margin:0px auto;}
.newsleft{ float:left; width:100%;}
.newsright{ display:none;}
.newsshow{ margin-bottom:0px; padding:0px; border:0; box-sizing:border-box; width:100%;}
.news_xxjs table{display: block; display: -webkit-box; width:100%!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
}




/*客户服务*/
.solutions{}

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


.solutionsul{overflow:hidden; letter-spacing:-8px;}
.solutionsul li{float:left; width:31.33%; 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(3n)){ margin-right:3%;}
.solutionsul li:nth-child(n+1){margin-bottom:4%;}
.solutionsimg {width:100%; display:block; overflow:hidden;}
.solutionsimg img {width:100%; height:auto; display:block;}

.solutions_btn{background:#075eb1; height:45px; line-height:45px;}
.solutions_btn h2{padding:0 0 0 10px; font-size:14px; color:#FFF; text-transform:uppercase;}
.solutions_btn h2 span{float:right; padding:0 20px; font-size:14px; color:#FFF; background:#757575; text-transform:uppercase;}
.solutions_info {padding:20px; position:relative; z-index:2;}
.solutions_info h3 {font-size:16px; padding-bottom:5px; text-align:center;}
.solutions_info p {line-height:24px; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align:center;}

.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:100%;}
.solutionsul li img{width:100%;}
.solutionsul li:not(:nth-of-type(3n)){ margin-right:0;}
.solutionsul li:nth-child(n+1){margin-bottom:6%;}
.solutionsul li:last-child{margin-bottom:0%;}
.solutions_info {padding:15px; position:relative; z-index:2;}
.solutions_info h3 {font-size:16px;}
.solutions_info p {line-height:20px; overflow:hidden;-webkit-line-clamp:3; font-size:12px; color:#747474;}
}






/*项目*/
.project{ margin-top:80px;}
.projectul{overflow:hidden; margin-bottom:80px; padding-bottom:80px; border-bottom:1px #ddd solid;}

.projectul_top{width:80%; margin:0 auto;}
.projectul_top_left{ width:30%; float:left; margin-right:5%;}
.projectul_top_left img{width:auto; max-width:100%;}

.projectul_top_right{ width:65%; float:right;}
.projectul_top_right h2{font-size:28px; margin-bottom:5px; font-weight:700;}
.projectul_top_right h3{font-size:14px; line-height:24px; margin-bottom:50px;}


.projectul_top_right ul{ letter-spacing:-8px;}
.projectul_top_right li{ display:inline-block; vertical-align:top; letter-spacing:normal; width:48.5%; background:#fff; position:relative; padding:1%; border:1px #ddd solid; box-sizing:border-box;}
.projectul_top_right li:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.15); background:#FFF; color:#F90;}
.projectul_top_right li:not(:nth-of-type(2n)){ margin-right:3%;}
.projectul_top_right li:nth-child(n+3){margin-top:3%;}
.projectimg {width:100%; display:block; overflow:hidden;}
.projectimg img {width:100%; height:auto; display:block;}

.project_btn{background:#075eb1; height:45px; line-height:45px;}
.project_btn h2{padding:0 0 0 20px; font-size:16px; color:#FFF; text-transform:uppercase;}
.project_btn h2 span{float:right; padding:0 20px; font-size:14px; font-weight:700; color:#FFF; background:#757575; text-transform:uppercase;}
.project_info {padding:20px; position:relative; z-index:2;}
.project_info h3 {font-size:14px; padding-bottom:5px; text-align:center;}
.project_info p {line-height:24px; font-size:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align:center;}

.projectul li .imgbox .mask {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0.5;}
.projectul li .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:1;}

.projectul li .imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.70);}
.projectul li .imgbox .view {top:40%;  transform:translateY(-50%); position:absolute; width:80%; padding:0 10%; text-align:center; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.projectul li .imgbox .view p{line-height:20px; font-size:14px; color:#FFF;}
.project_btn2{padding:3px 10px; border:1px #fff solid; box-sizing:border-box; font-size:14px; color:#FFF; width:35%; margin:10px auto 0;}

.projectul li .imgbox:hover .mask, .projectul li .imgbox:hover .view {opacity:1;}
.projectul li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.projectul li .imgbox:hover .view p a{color:#FFF;}
.projectul li .imgbox:hover .view p a:hover{color:#075eb1;}

@media screen and (max-width: 768px) {
.project{ margin-top:40px;}
.projectul_top{width:100%; margin:0 auto;}

.projectul_top_left{ width:100%; float:none; margin-right:0; margin-bottom:5%;}
.projectul_top_left img{width:30%; max-width:100%;}
.projectul_top_right{ width:100%; float:none;}
.projectul_top_right h3{line-height:24px; margin-bottom:20px; font-size:14px;}
.projectul_top_right h2{font-size:24px;}


.projectul{ padding:0 0 50px 0; margin-bottom:50px;}
.projectul:last-child{padding:0; margin:0;}
.projectul li{width:47.5%; float:left;}
.projectul li img{width:100%;}
.projectul li:not(:nth-of-type(2n)){ margin-right:5%;}
.projectul li:nth-child(n+3){margin-top:5%;}
.project_info {padding:15px; position:relative; z-index:2;}
.project_info h3 {font-size:16px;}
.project_info p {line-height:20px; overflow:hidden;-webkit-line-clamp:3; font-size:14px; color:#747474;}
.project_btn2{padding:3px 10px; border:1px #fff solid; box-sizing:border-box; font-size:14px; color:#FFF; width:50%; margin:10px auto 0;}
.projectul li .imgbox .view {top:30%;}
}


/*项目选择框*/
#projectchoose{ width:100%; margin-bottom:40px; display:none;}
.projectchoose{overflow:hidden;width:96%; max-width:1250px; margin:0 auto;}
.projectchoose ul{margin:0; padding:0; text-align:center;}
.projectchoose ul li {display:inline-block; vertical-align:top; -webkit-transition:all 0.4s 0.2s ease-in-out; transition:all 0.4s 0.2s ease-in-out; margin-right:10px; /*padding:0 20px; border:1px #ddd solid; border-radius:5px; background:#ffffff;*/}
.selecttype{padding:0 40px 0 20px; border:1px #ddd solid; border-radius:5px; background:#ffffff;height:40px; line-height:40px; font-size:16px;}

.projectchoose_btn{width:120px; height:40px; line-height:40px; font-size:16px; text-align:center; text-transform:uppercase; color:#fff; background:#193c82; cursor:pointer; border-radius:5px; }
.projectchoose_btn:hover{background:#075eb1;}

.project_info {padding:10px; position:relative; z-index:2;}
.project_info h4 {font-size:14px; text-align:center;}
.project_info p {line-height:20px; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-align:center;}

.project_info_btn{width:140px; height:45px; line-height:45px; font-size:14px; text-align:center; text-transform:uppercase; color:#fff; background:#193c82; cursor:pointer; border-radius:5px; position:absolute; bottom:-20px; left:50%; margin-left:-70px; }
.project_info_btn:hover,.solutionsul li:hover .project_info_btn{background:#075eb1;}


@media screen and (max-width: 768px) {
#projectchoose{ width:100%;margin-bottom:10px; display:block; display:none;}
.projectchoose{overflow:hidden;width:90%; margin:0 auto;}
.projectchoose ul{margin:0; padding:0;}
.projectchoose ul li {display:block; margin-right:0px; margin-bottom:5px; /*padding:0 20px; border:1px #ddd solid; border-radius:5px; background:#ffffff;*/}
.selecttype{ width:100%;}
.projectchoose_btn{ width:100%;}
}



/* 项目详情页 */
.project_detail{ margin:50px 0 0 0;}
.project_detail_left{ float:left; width:56%; margin-right:4%;}
.project_detail_left .imgbox{ height:550px;}
.project_detail_right{ float:right; width:40%;}
.project_detail_right h1{ font-size:24px; margin-bottom:30px;  font-weight:700;}
.project_detail_right_1{line-height:26px; margin-bottom:30px;}
.project_detail_right_2{line-height:24px; padding-left:10px; margin-bottom:40px; position:relative;}
.project_detail_right_2:before {content:""; width:2px; height:88%; background:#075eb1; position:absolute; left:0; top:8%;}

@media screen and (max-width: 768px) {
.project_detail{ margin:0 0 0 0;}
.project_detail_left{ float:none; width:100%; margin-right:0%; margin-bottom:5%}
.project_detail_right{ float:none; width:100%;}
.project_detail_left .imgbox{height:auto;}
.project_detail_right h1{margin-bottom:10px; font-size:20px;}
.project_detail_right_2{margin-bottom:20px;}
}


/*相关项目*/
.project_all{overflow:hidden;margin-top:100px; display:flex; align-items:stretch;}
.project_all_left{ float:left; width:30%; margin-right:2.5%; background:#757475;}
.project_all_left h4{font-size:24px; text-align:center; margin-top:60px; text-transform:uppercase; color:#FFF;}

.project_related{float:right; width:65%;}
.project_related ul{ }
.project_related ul li{float:left; width:31.33%; background:#fff; position:relative;}
.project_related ul li:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.15); background:#FFF; color:#F90;}
.project_related ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.project_related ul li:nth-child(n+4){margin-top:3%;}

.project_related ul li .imgbox .mask, .project_related ul li .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.project_related ul li .imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.70);}
.project_related ul li .imgbox .view {top:40%;  transform:translateY(-50%); position:absolute; width:80%; padding:0 10%; text-align:center; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.project_related ul li .imgbox .view p{line-height:20px; font-size:16px; color:#FFF;}
.project_btn3{padding:0px 10px; border:1px #fff solid; box-sizing:border-box; font-size:14px; color:#FFF; width:50%; margin:10px auto 0;}

.project_related ul li .imgbox:hover .mask, .project_related ul li .imgbox:hover .view {opacity:1;}
.project_related ul li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.project_related ul li .imgbox:hover .view p a{color:#FFF;}
.project_related ul li .imgbox:hover .view p a:hover{color:#075eb1;}

@media screen and (max-width: 768px) {
.project_all{margin-top:40px; display:block; align-items:none;}
.project_all_left{ float:none; width:100%; margin-right:0%; background:#757475;}
.project_all_left h4{font-size:20px; text-align:center; margin-top:20px; text-transform:uppercase; color:#FFF; padding:15px 0;}


.project_related{overflow:hidden;margin-top:20px; float:none; width:100%;}
.project_related ul li{float:left; width:45.75%; background:#fff; position:relative;}
.project_related ul li:not(:nth-of-type(3n)){ margin-right:0%;}
.project_related ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.project_related ul li:nth-child(n+3){margin-top:5%;}
.project_related h4{font-size:24px;}
}



/*product*/
#product_txt{position:relative; overflow:hidden; background:url(../images/prodbg.png) center top no-repeat;}
.product_txt{line-height:26px; font-size:14px; padding:20px 0; overflow:hidden; margin:0 auto; width:96%; max-width:1250px; color:#FFF;}
.product_txt img{max-width:40%; width:auto; margin-right:30px; float:left;}
.product_txt:last-child {margin-bottom:0px;}
.product_txt h2{font-size:24px; text-align:left; color:#fff; }
.product_txt h2 span{ font-size:18px; float:right; text-align:right; color:#333;}
.product_txt b,.product_txt strong{/*color:#075eb1;*/}

#product_txt2{position:relative; overflow:hidden; background:#075eb1; padding:80px 0;}
.product_txt2{line-height:26px; font-size:14px; overflow:hidden; margin:0 auto; width:96%; max-width:1250px; color:#FFF;}
.product_txt2 img{max-width:40%; width:auto; margin-right:100px; float:left;}
.product_txt2:last-child {margin-bottom:0px;}
.product_txt2 h1{font-size:36px; margin-bottom:25px;text-align:left; }
.product_txt2 b,.product_txt strong{/*color:#075eb1;*/}

.product_txt3{color:#FFF; padding-left:300px; overflow: hidden;  margin:25px auto 0; width:96%; max-width:1250px; font-size:18px;}
.product_txt3 a{color:#FFF;}
.product_txt3 a:hover{color:#ff6600;}

.prodmore{display:inline-block; margin-top:20px; float:left; height:40px; line-height:40px; font-size:14px; color:#fff; background-color:#075eb1; text-align:center; border-radius:4px; cursor:pointer; margin-right:10px; padding:0 35px;}
.prodmore:hover {background-color:#d7180f;}

.course_class{ border:1px #ddd solid; box-sizing:border-box; background:#fafafa; padding:20px 30px; text-align:center; margin-bottom:30px;}
.course_class li{display:inline-block;  vertical-align:top;  height:40px; line-height:40px; font-size:18px;  -webkit-transition: all 0.4s 0.2s ease-in-out; transition: all 0.4s 0.2s ease-in-out; margin-right:10px; padding:0 20px; cursor:pointer; background:#075eb1; border-radius:10px; color:#fff;}
.course_class li:last-child{border-right:none}
.course_class li:hover ,.course_class li.active{color:#fff; background:#e67813;}
.course_class li a{color:#ffffff;}


.ptitle2{border-bottom:2px #004285 solid; margin-bottom:10px; padding:0px;}
.ptitle2 h3{padding-bottom:10px; color:#004285; display:inline-block; font-size:18px; font-weight:700; width:100%; box-sizing:border-box; }
.ptitle2margintop40{ margin-top:60px;}

@media screen and (max-width: 768px) {
.product_txt{line-height:24px; font-size:14px; padding:10px 20px; background:#075eb1;}
.product_txt img{max-width:100%; width:auto; margin-right:0px; float:none; margin-bottom:15px;}
.product_txt h2{font-size:18px; }
.product_txt h2 span{ font-size:14px;}

#product_txt2{padding:20px;}
.product_txt2{line-height:24px; font-size:14px; padding:0px; margin-bottom:30px;}
.product_txt2 img{max-width:100%; width:auto; margin-right:0px; float:none;margin-bottom:15px;}
.product_txt2 h1{font-size:18px; margin-bottom:10px;text-align:left;font-weight:700;}
.prodmore{display:inline-block; margin-right:0px; padding:0px; width:100%;}
.ptitle2margintop40{ margin-top:30px;}

.product_txt3{padding-left:0px;}

.course_class{padding:10px 10px;margin-bottom:10px;}
.course_class li{height:30px; line-height:30px; font-size:12px; margin-right:5px; padding:0 5px; border-radius:5px;}
}


#productcate{position:relative; overflow:hidden; padding-bottom:100px;}

.productcate{padding:40px 0; overflow:hidden; margin:0 auto; width:96%; max-width:1250px;}
.productcate h2{font-size:24px; font-weight:700; margin-bottom:20px; text-align:center;}
.productcateul{letter-spacing:-8px; padding:1%;}
.productcateul li{float:left; overflow:hidden; width:22.75%; background:#e7e7e7; letter-spacing:normal; vertical-align:top; position:relative; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;outline:none;}
.productcateul li:hover{color:#fff; background:#075eb1; box-shadow:0 0 15px 0 #999; transform:translate(0,-10px);}
.productcateul li:hover .productcate_info h3{color:#fff;}
.productcateul li:not(:nth-of-type(4n)){ margin-right:3%;}
.productcateul li:nth-child(n+5){margin-top:3%;}
.productcateimg {width:100%; display:block; overflow:hidden;}
.productcateimg img {width:100%; height:auto; display:block;}

.productcateul li .imgbox{ height:240px; margin:20px 20px 0 20px; border-radius:5px;}

.productcate_info {padding:20px; position:relative; z-index:2; text-align:center; color:#FFF;}
.productcate_info h3 {font-size:16px; text-align:center; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; color:#333;}
.productcate_info p {line-height:24px; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; opacity:0.7;}

.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:-40px 0 0 -40px; width:80px; height:80px; /*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:16px; color:#FFF;}
.productcateul li .imgbox:hover .mask, .productcateul li .imgbox:hover .view {opacity:1;}
.productcateul li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
.productcateul li .imgbox:hover .view p a{color:#FFF;}
.productcateul li .imgbox:hover .view p a:hover{color:#075eb1;}

@media screen and (max-width: 768px) {
#productcate{ padding-bottom:50px;}
.productcate{ margin-top:0px; padding:20px 0;}
.productcateul{ padding:0 3%;}
.productcateul li{width:47.5%;}
.productcateul li img{width:100%;}
.productcateul li:not(:nth-of-type(4n)){ 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{ height:140px; margin:10px 10px 0 10px; border-radius:5px;}


.productcate_info {padding:10px; position:relative; z-index:2;}
.productcate_info h3 {font-size:14px;}
.productcate_info p {line-height:20px; overflow:hidden;-webkit-line-clamp:3; font-size:13px;}
}


/*产品型号列表*/
.productlist{box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); margin-top:30px; background:#FFF;}
.productlist h3{font-size:24px; font-weight:700; text-align:left; padding:1.2% 3%; background:#193c82; color:#FFF;}
.productlistul{}
.productlistul li{overflow:hidden; padding:3%; border-bottom:1px #ddd dotted; background:#fbfbfb; position: relative;}
.productlistul li:last-child{margin-bottom:0;}
.productlistul li:hover{ background:#fff; /*box-shadow:0 0 10px 0 #ddd;*/}
.productlistul li:hover h2 a ,.productlistul li:hover a div ,.productlistul li:hover #research_more{color:#075eb1;}
.productlistul li:hover #research_more{color:#075eb1; border:1px #075eb1 solid;}

.productlistul li img{width:auto; max-width:20%; margin-right:3%; float:left;}
.productlistul li h2{font-size:24px; font-weight:700; margin-bottom:10px; line-height:1.5;}
.productlistul li div{color:#666; line-height:24px; font-size:14px;}
#productlist_more{margin-top:10px;height:35px; line-height:35px; padding:0 30px; 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;}
#productlist_more:hover{ color:#075eb1; border:1px #075eb1 solid;}
@media screen and (max-width:768px) {
.productlist h3{font-size:18px; font-weight:700; text-align:left; padding:4% 5%; background:#193c82; color:#FFF;}
.productlistul li{padding:5%;}
.productlistul li img{margin-bottom:2%; display:block;float:none; margin-right:0; width:100%; max-width:100%;}
.productlistul li h2{font-size:16px;}
.productlistul li div{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
#productlist_more{width:100%; padding:0;}
}


/*--------在线留言--------------*/
.guestbook2{width:100%; margin:0 auto; padding:0;}
.guestbook2 h4{font-size:24px; margin:10px 0px;}
.guestbook2 ul{ overflow:hidden;} 
.guestbook2 ul li{overflow:hidden; margin-bottom:25px; float:left; width:48.5%;}
#id_allwidth{ width:100%;}
.box22 {width:100%; border:1px #ddd solid; line-height:30px; padding:8px 15px; box-sizing:border-box; background:#fff;}
.box33 {width:100%; border:1px #ddd solid; line-height:24px; padding:8px 15px; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box; background:#fff;}
.sub_gestbook2 {background-color:#075eb1; border:none;width:100%; height:45px; line-height:45px; color:#fff; font-size:18px; cursor:pointer;text-align:center; text-transform:uppercase;}
.sub_gestbook2:hover{ background:#e67813;}

@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.guestbook2 ul li{margin-bottom:10px;}
.box2 {width:100%;}
.box4 {width:100%;}
.box3 {width:100%;}
}


.sitemap{overflow:hidden; background:#FFF; padding:50px; border:1px #ddd solid;}
.sitemap h2 {font-size:18px; font-weight:bold; color:#173c96; margin-bottom:10px;}
.sitemap h2 a{color:#173c96;}
.sitemap h2 a:hover{color:#ff6600;}
.sitemap ul{ overflow:hidden; margin-bottom:30px; padding:10px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:14px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:24px; font-weight:700;}
.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;}
}

.global_left_top{position:fixed; right:10px; bottom:20px; z-index:99;}
#myback{width:50px; height:50px;}
#myback img{width:100%;}
.myback_active{opacity:0!important;}
#mymeil{width:50px; height:50px; margin-bottom:10px;}
#mymeil img{width:100%;}
@media screen and (max-width:768px){
.global_left_top{bottom:10px;}
#myback{width:35px; height:35px;}
#mymeil{width:35px; height:35px;}
}