@charset "utf-8";
/* CSS Document */

.MOGOOD_body {overflow:hidden; background-color:#fff;}
/* header footer */
header {position:fixed; top:0; left:0; z-index:100; width:100%; background-color:#fff;}
body.gd header {background-color:#fff; box-shadow:0 5px 10px 0 rgba(1,39,100,.09);}
header>.wrp {align-items:center; align-content:center;}
.logo {margin:10px 0 20px; position:relative;}
.init_logo  {opacity:0;}
.gd_logo {position:absolute; top:0; left:0; opacity:1;}
body.gd .init_logo {opacity:0;}
body.gd .gd_logo {opacity:1;}
.top_tel {font-size:16px; color:#fff; padding:0 15px; height:50px; border-radius:25px;}
.top_tel .ui_icon {width:16px; height:16px; background:url(../images/tel.png) no-repeat center; margin-right:12px;}
.top_tel>span {display:inline-block; vertical-align:middle; padding:5px 0;}
.top_tel>span>a {display:block; line-height:1.1;}
.top_tel>span {line-height:38px;}
nav li {float:left; position:relative;}
nav .yjtit {display:block; font-size:16px; color:#333; padding:0 0.9rem; line-height:95px;}
nav li:hover .yjtit,nav li.cur .yjtit {color:#3dadab !important;}
body.gd header .yjtit {color:#333;}
.ejbody {position:absolute; top:100%; left:50%; width:180px; padding:10px; margin-left:-90px; display:none;}
.ejbody a {display:block; padding:10px 15px; text-align:center; font-size:16px; color:#fff; font-weight:bold; border-radius:3px;}
.ejbody a:not(:last-of-type) {margin-bottom:10px;}
.ejbody a:hover {background-color:rgba(0,0,0,.1);}

footer {background-color:#111111; padding:60px 0 40px; text-align:center;font-size:16px; color:#b5b5b6;}
.foot_nav {padding:40px 0;}
.foot_nav a {margin:0 40px; position:relative;}
.foot_nav a:hover {color:#3fb3ac;}
.foot_nav a:not(:last-of-type):after {content:""; display:block; width:2px; height:14px; background-color:#b5b5b6; position:absolute; top:0; bottom:0; right:-41px; margin:auto;}
.Copyright {color:#727272; margin-top:30px;}


main {margin-top:95px;}
.pg {position:relative;}

/* mod-head */
.mod_head {padding-top:2.5rem;}
.mod_tit {text-align:center;}
.mod_tit .cn {font-size:30px; color:#000; font-weight:bold; padding:0 45px; position:relative;}
.mod_tit .cn:before,.mod_tit .cn:after {content:""; display:block; width:50px; height:1px; background-color:#dcdddd; position:absolute; top:50%;}
.mod_tit .cn:before {left:-50px;}
.mod_tit .cn:after {right:-50px;}
.mod_tit .en {display:block; font-size:20px; color:#999; font-weight:bold; text-transform:uppercase; margin-top:5px;}
.mod_des {font-size:16px; color:#666; line-height:1.7; margin-top:25px; text-align:center;}
.mod_body {padding:1.5rem 0 2.5rem;}

/* inner-banner */
.inner_banner:not(.no-mask):before {content:""; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.4); position:absolute; top:0; left:0; z-index:1;}
.inner_banner .wrp {justify-content: flex-start; position:absolute; top:0; left:0; right:0; z-index:3; padding:0 1.25rem; margin-top:1rem; color:#fff;}
.inner_banner .ui_txtc {justify-content: center;}
.inner_banner .p1 {font-size:1.3rem; color:#02e7d5; font-weight:bold;}
.inner_banner .p2 {font-size:18px; margin-top:10px;}

/* position */
.position {padding:1rem 0 0.5rem; color:#999;}
.position a:not(:last-of-type) {margin-right:30px; position:relative;}
.position a:not(:last-of-type):after {content:""; display:block; position:absolute; top:0; bottom:0; right:-20px; width:7px; height:7px; border-top:1px solid #999; border-right:1px solid #999; margin:auto; 
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* com mask */
.mengceng {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.4); z-index:10000; display:none;}
.mengceng.on {display:block;}

/* paging */
.paging {text-align:center; color:#000;}
.paging>span:not(.ellipsis),.paging>a {display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; background-color:#fff; border:1px solid #cccccc; border-radius:0; margin:0 9px; text-align:center; cursor:pointer;}
.paging .prev,.paging .next {width:auto !important; min-width:100px; position:relative; padding:0 20px;}
/*
.paging .prev:before,.paging .next:before {content:""; display:block; width:10px; height:10px; border-top:1px solid #999; position:absolute; top:0; bottom:0; margin:auto;}
.paging .prev:before {border-left:1px solid #999; left:5px; right:0;
-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
}
.paging .next:before {border-right:1px solid #999; right:5px; left:0;
-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}
.paging .prev:hover:before,.paging .next:hover:before {border-color:#fff;}
*/
.paging>span:not(.ellipsis):hover,.paging>a:hover {color:#fff; border-color:#fff;
	background-image: -webkit-gradient(linear,top left,top right,from(#154594),to(#40b7ad));
	background-image: -webkit-linear-gradient(top,#154594,#40b7ad);
	background-image: linear-gradient(to right,#154594,#40b7ad);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#154594, endColorStr=#40b7ad);}


/* sidebar */
.sidebar {position:fixed; top:50%; right:-80px; z-index:1000; margin-top:-161.5px; width:80px; height:323px;
-webkit-transition: right .3s;-moz-transition: right .3s;-ms-transition: right .3s;-o-transition: right .3s;transition: right .3s;}
body.cb-show .sidebar {right:0;}
.sidebar a {display:block; width:100%; height:80px; position:relative; cursor:pointer;}
.sidebar a:not(:last-of-type) {border-bottom:1px solid #fff;}
.sidebar a:hover {background-color:#22679b;}
.sidebar .ui_icon {width:80px; height:100%; font-size:16px; color:#fff; text-align:center;}
.sidebar .ui_icon:before {content:""; display:block; width:100%; height:65%;}
.customer_service .ui_icon:before {background:url(../images/customer-service.png) no-repeat center;}
.sidebar .hotline {width:300px; left:0; background-color:#22679b;}
.sidebar .hotline:hover {left:-220px;}
.hotline .ui_icon:before {background:url(../images/hotline.png) no-repeat center;}
.tel_number {display:inline-block; vertical-align:middle; font-size:24px; font-weight:bold; color:#fff; margin-left:10px;}
.wx .ui_icon:before {background:url(../images/wx.png) no-repeat center; display:inline-block; vertical-align:top;}
.wx .ui_mid3 {position:absolute; top:50%; right:100%; width:120px; height:120px; margin-top:-60px; display:none;}
.wx img {max-width:120px; max-height:120px;}
.sidebar .wx:hover .ui_mid3 {display: flex;}
.return_top .ui_icon:before {background:url(../images/return-top.png) no-repeat center;}



/* index */
.pg_index1 {height:calc(100vh - 95px);}
.pg_index1 .swiper-slide:before {content:""; display:none; width:100%; height:100%; background-color:rgba(0,0,0,.4); position:absolute; top:0; left:0; z-index:1;}
.pg_index1 .wrp {justify-content: flex-start; position:absolute; top:0; left:0; right:0; z-index:3; padding:0 1.25rem;}
.pg_index1 .more {display:block; width:240px; height:58px; line-height:58px; border:1px solid #fff; border-radius:30px; font-size:16px; color:#fff; text-align:center; margin-top:2rem;}
.pg_index1 .more:hover {border:none;
	background-image: -webkit-gradient(linear,top left,top right,from(#154594),to(#40b7ad));
	background-image: -webkit-linear-gradient(top,#154594,#40b7ad);
	background-image: linear-gradient(to right,#154594,#40b7ad);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#154594, endColorStr=#40b7ad);}
.down_roll {display:none; width:48px; height:48px; border-radius:50%; border:1px solid #fff; position:absolute; bottom:30px; left:0; right:0; margin:auto; z-index:3; overflow:hidden;}
.down_roll:before {content:""; display:block; width:13px; height:23px; position:absolute; top:0; left:0; right:0; margin:auto; background:url(../images/jt1.png) no-repeat center;
-webkit-animation: animate 1.2s linear infinite;
-moz-animation: animate 1.2s linear infinite;
-o-animation: animate 1.2s linear infinite;
animation: animate 1.2s linear infinite;
}
@-webkit-keyframes animate{
0% {top:0;}40% {top:40%;}80% {top:80%;}100% {top:120%;}
}
@-moz-keyframes animate{
0% {top:0;}40% {top:40%;}80% {top:80%;}100% {top:120%;}
}
@-o-keyframes animate{
0% {top:0;}40% {top:40%;}80% {top:80%;}100% {top:120%;}
}
@keyframes animate{
0% {top:0;}40% {top:40%;}80% {top:80%;}100% {top:120%;}
}
.swp-dots1 {width:auto !important; position:absolute; top:50%; bottom:auto !important; left:auto !important; right:40px; z-index:3; 
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);}
.swp-dots1>span {display:block; width:10px; height:10px; border-radius:50%; border:1px solid #fff; margin:0 0 0.7rem !important;}
.swp-dots1>span:last-of-type {margin-bottom:0;}
.swp-dots1>span.swiper-pagination-bullet-active {background-color:#fff;}
.pg_index1 .swp-dots1 {top:auto !important; bottom:3% !important; left:0 !important; right:0 !important; width: 100% !important; text-align:center;} 
.pg_index1 .swp-dots1>span {display:inline-block; margin:0 5px !important;}

.service_lists li {position:relative; width:22.5%; text-align:center; padding:1.25rem 0.75rem 0.75rem; border-radius:10px; overflow:hidden;}
.service_lists li:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.service_lists a {position:relative; z-index:3;}
.service_lists .ui_image {width:83px; height:83px; position:relative; margin:auto;}
.service_lists img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.service_lists .init_img {opacity:0;}
.service_lists .act_img {opacity:1;}
.service_name {margin:1.75rem 0 30px; font-size:20px; color:#fff; font-weight:bold;}
.service_des {font-size:14px; color:#fff; line-height:1.8; text-align:left;}
.service_lists li:hover:before {
	background-image: -webkit-gradient(linear,top left,top right,from(#154594),to(#40b7ad));
	background-image: -webkit-linear-gradient(top,#154594,#40b7ad);
	background-image: linear-gradient(to right,#154594,#40b7ad);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#154594, endColorStr=#40b7ad);}

.service_lists li:hover .service_name,.service_lists li:hover .service_des {color:#fff;}

.pg_index3 {background-color:#efefef;}
.index_case_lists ul {margin:-20px 0;}
.index_case_lists li {width:31.25%; position:relative; margin:20px 0;}
.index_case_lists .hover_img {position:absolute; top:0; left:0; opacity:0;}
.index_case_lists .ui_txt {position:absolute; bottom:0; left:0; z-index:3; width:100%; padding:15px 25px; background-color:rgba(0,0,0,.4); color:#fff;}
.index_case_lists .eye {width:100%;}
.index_case_lists .case_name {font-size:20px;} 
.index_case_lists .case_date {color:#fff; margin-top:15px;} 
.go_dets {display:block; position:absolute; top:50%; right:25px; margin-top:-7px; width:21px; height:14px; background:url(../images/jt2.png) no-repeat center;}
.more1 {display:block; width:240px; height:54px; line-height:54px; border-radius:27px; font-size:16px; color:#fff; text-align:center; margin:70px auto 0;}
.more1:hover,.demand:hover {
	background-image: -webkit-gradient(linear,top left,top right,from(#40b7ad),to(#40b7ad));
	background-image: -webkit-linear-gradient(top,#40b7ad,#40b7ad);
	background-image: linear-gradient(to right,#40b7ad,#40b7ad);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#40b7ad, endColorStr=#40b7ad);}
.gd_case {background-color:#191919;}
.gd_case .mod_tit .cn,.gd_case .mod_tit .en {color:#fff;}
.eye:before {content:""; width:54px; height:33px; background:url(../images/eye.png) no-repeat center; background-size:auto 100%; margin:0 auto 20px; display:none;}
.index_case_lists li:hover .hover_img {opacity:1;}
.index_case_lists li:hover .init_img {opacity:0;}
.index_case_lists li:hover .ui_txt {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;
	background-image: -webkit-gradient(linear,top left,top right,from(rgba(21,69,148,.8)),to(rgba(64,183,173,.8)));
	background-image: -webkit-linear-gradient(top,rgba(21,69,148,.8),rgba(64,183,173,.8));
	background-image: linear-gradient(to right,rgba(21,69,148,.8),rgba(64,183,173,.8));
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=rgba(21,69,148,.8), endColorStr=rgba(64,183,173,.8));}
.index_case_lists li:hover .go_dets {display:none;}
.index_case_lists li:hover .eye:before {display:block;}

.clientele_lists {position:relative;}
.swpbody {overflow:hidden;}
.clientele_lists .swiper2 {margin-left:-2px; margin-right:-2px;}
.clientele_lists .swiper-slide:before {content:""; display:block; width:1px; background-color:#dcdddd; position:absolute; top:0.75rem; bottom:0.75rem; right:0; z-index:3; margin:auto;}
.clientele_lists .swiper-slide[data-swiper-row="0"] {padding-bottom:0.75rem;}
.clientele_lists .swiper-slide[data-swiper-row="1"] {padding-top:0.75rem;}
.clientele_lists .swiper-slide[data-swiper-row="0"]:after {content:""; display:block; height:1px; background-color:#dcdddd; position:absolute; bottom:0; left:0.75rem; right:0.75rem; margin:auto;}
/*
.clientele_lists img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);	
}
.clientele_lists .swiper-slide:hover img {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);		
}
*/
.swp-prev-com1,.swp-next-com1 {width:25px; height:25px; border-top:4px solid #bfbfbf; position:absolute; top:50%; z-index:3; margin-top:-15px; cursor:pointer;}
.swp-prev-com1 {left:0; border-left:4px solid #bfbfbf;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.swp-next-com1 {right:0; border-right:4px solid #bfbfbf;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.swp-dots-com1 {text-align:center; margin-top:1rem;}
.swp-dots-com1>span {display:inline-block; width:10px; height:10px; border-radius:50%; border:1px solid #ccc; margin:0 0.25rem !important;}
.swp-dots-com1>span:last-of-type {margin-bottom:0;}
.swp-dots-com1>span.swiper-pagination-bullet-active {background-color:#154594;}


.pg_index5 {background-color:#efefef;}
.gd_news {background-color:#191919;}
.index_news_lists li {width:31.25%; position:relative;}
.index_news_lists .ui_txt {width:100%; position:relative;}
.index_news_line1 .ui_txt {position:absolute; bottom:0; left:0; z-index:3; padding:20px 25px; background-color:rgba(0,0,0,.4);}
.index_news_line2,.index_news_line3 {margin:-10px 0;}
.index_news_line2 .news_box {height:50%; padding:5px 0;}
.index_news_line2 .ui_txt {padding:15px 20px;}
.index_news_line2 .news_des {margin-top:10px; color:#666;}
.index_news_line2 .news_date {display:block; padding-top:10px; border-top:1px solid #efefef; margin-top:10px; position:relative;}
.day {display:block; font-size:40px; color:#999; font-weight:bold; line-height:1; margin-bottom:5px;}
.pg_index5 .day {font-size:14px; color:#666; font-weight: inherit;line-height: inherit; position:absolute; top:10px; left:55px;}
.pg_index5 .day:before {content:""; display:block; position:absolute; bottom:4px; left:-2px; width:1.5px; height:1.5px; background-color:#666;}
.year_month {color:#666;}
.index_news_line2 .go_dets {background:url(../images/jt2-1.png) no-repeat center; top:auto; bottom:15px;}
.index_news_line3 .news_box {height:33.33%;  padding:5px 0;}
.index_news_line3 .ui_txt {padding:15px 20px; align-items:flex-start; flex-wrap:nowrap;}
.index_news_line3 .news_date {position:relative; margin-top:19px;}
.pg_index5  .index_news_line3 .day {top:0;}
.pg_index5  .index_news_line3 .day:after {content:""; display:block; width:20px; height:1px; background-color:#efefef; margin:10px 0; display:none;} 
.index_news_line3 .ui_r {width:calc(100% - 54px); padding-left:45px; padding-right:30px; position:relative;}
.index_news_line3 .ui_r:before {content:""; display:block; width:1px; height:100%; background-color:#efefef; position:absolute; top:0; left:30px;}
.index_news_line3 .go_dets {background:url(../images/jt2-1.png) no-repeat center; position:static; margin-top:20px; position:absolute; top:0; right:0;}
.news_link {height:100%; background-color:#fff;}
.news_link:hover { 
-webkit-transform:scale(1.05,1.05);
-moz-transform:scale(1.05,1.05);
-ms-transform:scale(1.05,1.05);
-o-transform:scale(1.05,1.05);
transform:scale(1.05,1.05);
}
.index_news_line1 .news_link {display:block;}
.news_tit {font-size:18px;}
.index_news_line1 .news_tit {color:#fff; margin-right:28px;}

.index_contact {width:48%;}
.index_contact .company_name {font-size:20px; color:#000000;}
.index_contact .company_intro {font-size:16px; color:#999999; line-height:1.7; margin:1rem 0;} 
.contact_way dd {margin-bottom:20px; padding-left:40px; position:relative;}
.contact_way .ui_icon {position:absolute; top:0; left:0; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:contain;}

.index_mes {width:48%;}
.index_mes form {width:410px; max-width:100%; float:right;}
.index_mes input {width:100%; height:50px; border:1px solid #b5b5b6; padding-left:75px; padding-right:10px;}
.index_mes p:not(:last-of-type) {margin-bottom:20px; position:relative;}
.index_mes span {position:absolute; top:1px; left:1px; font-size:16px; color:#999; line-height:48px;}
.index_mes i {padding:0 8px; color:#ff1b1b;}
.index_mes textarea {width:100%; border:1px solid #b5b5b6; padding:10px 10px 10px 75px;} 
.index_mes .textarea span {line-height:normal; margin-top:9px;}
.index_mes .submit {width:180px; height:40px; font-size:16px; color:#fff; padding:0; box-shadow:0 5px 10px 0 rgba(1,39,100,.2); border:none; border-radius:20px; margin-top:20px;}
.bg_logo {position:absolute; bottom:0; left:22.5%; width:388px; max-width:100%;}
.index_mes input:focus,.index_mes textarea:focus {border-color:#3fb3ac;}


/* about */
.company_info {width:50%; padding:1.5rem; color:#fff;}
.company_info .company_name {font-size:30px; font-weight:bold;}
.company_info .line {display:block; width:50px; height:4px; background-color:#fff; margin:1rem 0;}
.company_info .company_intro {font-size:16px; line-height:1.7; max-height:189px; padding-right:15px;}
.company_photo {width:50%; height:100%;}

.pg_about2 {background-color:#efefef;}
.team_member_lists {position:relative;}
.swiper3 {margin:0 -0.5rem;}
.swiper3 .swiper-slide {padding:0 0.5rem;}
.team_member_name {font-size:24px; color:#000; padding:15px 0;}
.team_member_ID {font-size:16px; color:#666666;}
.swiper3 .swiper-slide:hover .team_member_name {color:#40b5ac;}
.swp-prev3 {left:-60px;}
.swp-next3 {right:-60px;}

.honor_lists {position:relative; padding:0 60px;}
.swiper4 {width:1050px; max-width:100%; margin:auto;}
.swiper4 .swiper-slide {width:294px; height:auto; background-color:#fff;}
.swiper4 img {box-shadow:0 5px 10px 0 rgba(0,0,0,.26); margin:10px 0;}

.pg_about4 {background-color:#efefef;}
.pg_about4 .mod_body {padding-bottom:10px;}
#photoUL {position:relative; margin:-5px;}
#photoUL li {float:left; position:absolute;} 
#photoUL .ui_img {margin:5px;}
#photoUL img:hover {
-webkit-transform:scale(1.05,1.05);
-moz-transform:scale(1.05,1.05);
-ms-transform:scale(1.05,1.05);
-o-transform:scale(1.05,1.05);
transform:scale(1.05,1.05);	
}


/* case */
.case_lists ul {margin:-0.5rem; justify-content: flex-start;}
.case_lists li {width:33.33%;}
.case_lists .link_case {display:block; margin:0.5rem; position:relative;}
.case_lists .link_case:hover {color:#fff;
	background-image: -webkit-gradient(linear,top left,top right,from(#154594),to(#40b7ad));
	background-image: -webkit-linear-gradient(top,#154594,#40b7ad);
	background-image: linear-gradient(to right,#154594,#40b7ad);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#154594, endColorStr=#40b7ad);}
.case_lists .link_case:hover img {
-webkit-transform:scale(1.05,1.05);
-moz-transform:scale(1.05,1.05);
-ms-transform:scale(1.05,1.05);
-o-transform:scale(1.05,1.05);
transform:scale(1.05,1.05);	
}
.case_lists .ui_txt {padding:1rem 0.5rem 0.5rem;}
.case_lists .case_name {font-size:18px; font-weight:bold;}
.case_lists .case_date {color:#3fb3ac; margin-top:10px;}
.case_lists .link_case:hover .case_date {color:#ffd;}

.pg_case_show1 .mod_body {align-items:center; align-content:center; padding-bottom:0;}
.case_photo {width:50%;}
.case_info {width:50%; padding:0 5%;}
.case_info dd {position:relative; padding-left:125px; font-size:20px; margin-bottom:1rem;}
.case_info dd span {font-weight:bold; position:absolute; top:0; left:0;}
.demand {display:block; width:240px; height:54px; line-height:54px; border-radius:27px; font-size:16px; color:#fff; text-align:center; margin:1.75rem auto 0;}

.pg_case_show2 .mod_body {padding-bottom:0;}
.case_details {padding:2rem 2.5rem 3rem; background-color:#f7f8f8;}

.swiper5 {maregin:0 -0.5rem;}
.recommend_case a {display:block; margin:0 0.5rem;}
.recommend_case a:hover {color:#fff;
	background-image: -webkit-gradient(linear,top left,top right,from(#154594),to(#40b7ad));
	background-image: -webkit-linear-gradient(top,#154594,#40b7ad);
	background-image: linear-gradient(to right,#154594,#40b7ad);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#154594, endColorStr=#40b7ad);}
.recommend_case a:hover img {
-webkit-transform:scale(1.05,1.05);
-moz-transform:scale(1.05,1.05);
-ms-transform:scale(1.05,1.05);
-o-transform:scale(1.05,1.05);
transform:scale(1.05,1.05);	
}
.recommend_case .ui_txt {padding:1rem 0.5rem 0.5rem;}
.recommend_case .case_name {font-size:18px; font-weight:bold;}
.recommend_case .case_date {color:#3fb3ac; margin-top:10px;}
.recommend_case a:hover .case_date {color:#fff;}

.demand_pop {width:510px; height:580px; max-width:90%; max-height:98%; position:fixed; top:0; bottom:0; left:0; right:0; z-index:-1; oapcity:0; margin:auto; padding:40px; background-color:#fff; overflow-y:auto;}
.demand_pop.open {z-index:10001; opacity:1;}
.demand_pop .mod_head {padding:0 0 40px;}
.demand_pop .index_mes,.demand_pop form {width:100%;}


/* news */
.news_lists ul {padding-bottom:1.5rem;}
.news_lists .ui_flex1 {align-items:center; align-content:center; width:100%; position:relative; padding-left:3rem; margin-bottom:1rem;}
.news_lists .ui_flex1:hover {box-shadow:10px 10px 10px 0 rgba(1,39,100,.09); 
-webkit-transform:translateY(-0.25rem);
-moz-transform:translateY(-0.25rem);
-ms-transform:translateY(-0.25rem);
-o-transform:translateY(-0.25rem);
transform:translateY(-0.25rem);
}
.news_lists .news_date {position:absolute; top:0; left:0;}
.news_lists .ui_img {width:8.5rem; min-width:240px;}
.news_lists .ui_mid3 {width:100%;}
.news_lists .ui_txt {width:calc(100% - 8.5rem); max-width:calc(100% - 240px); padding-left:1rem;}
.news_lists .news_tit {color:#2a2a2a; font-weight:bold;}
.news_lists .news_des {color:#666; line-height:1.7; margin:1rem 0;}
.news_lists .go_dets {position:static; width:auto; background:none; color:#666;}
.news_lists .ui_flex1:hover .news_tit,.news_lists .ui_flex1:hover .go_dets {color:#3fb3ac;}

.news_details {width:calc(100% - 400px);}
.news_title {font-size:28px; color:#2a2a2a; font-weight:bold; text-align:center;}
.news_details .news_date  {text-align:center; color:#666; padding:1rem 0; border-bottom:1px solid #dcdddd;}
.news_cont {padding:40px 0; border-bottom:1px solid #dcdddd; margin-bottom:30px;}
.details_btm {position:relative; font-size:16px; color:#2a2a2a; padding-right:90px;}
.paging_min a:not(:last-of-type) {display:inline-block; margin-bottom:15px;}
.paging_min a:hover {color:#3fb3ac;}
.return_lists {font-size:16px; color:#40b5ac; position:absolute; top:0; right:20px; padding-right:25px;}
.return_lists:before,.return_lists:after {content:""; display:block; position:absolute; top:0; bottom:0; width:7px; height:7px; border-top:1px solid #40b5ac; border-right:1px solid #40b5ac; margin:auto; 
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.return_lists:hover {
-webkit-transform:translateX(-20px);
-moz-transform:translateX(-20px);
-ms-transform:translateX(-20px);
-o-transform:translateX(-20px);
transform:translateX(-20px);
}
.return_lists:before {right:10px;}
.return_lists:after {right:0;}
.recommend_news {width:350px;}
.recommend_news>.title {height:70px; line-height:70px; padding:0 30px; font-size:20px; color:#fff; font-weight:bold;}
.recommend_news ul {padding:30px 40px; border:1px solid #dcdddd; border-top:none;}
.recommend_news li:not(:last-of-type) {padding-bottom:15px;}
.recommend_news .news_tit {font-size:16px; color:#2a2a2a; font-weight:bold; margin:15px 0;}
.recommend_news li:last-of-type .news_tit {margin-bottom:0;}


/* serve */
.pg_serve2-1>div {align-items:center; align-content:center; text-align:center;}
.pg_serve2-1 .ui_img {width:50%;}
.pg_serve2-1 .ui_txt {width:50%; padding:2.5rem 8.33% 2.5rem 0; text-align:left; font-size:20px; color:#535353; line-height:1.8;}
.pg_serve2-1 .p1 {font-size:1.25rem; color:#164895; line-height:normal;}
.pg_serve2-1 .p2 {color:#000;}
.pg_serve2-2 {background-color:#eeeeee; padding-top:2.5rem;}
.pg_serve2-2>h1 {font-size:36px; color:#000000; text-align:center;}
.pg_serve2-2 li {position:relative; padding:2rem 0;}
.pg_serve2-2 li:nth-of-type(2n) {background-color:#fff;}
.pg_serve2-2 .ui_img {width:50%; position:absolute; top:50%; 
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.pg_serve2-2 li:nth-of-type(2n-1) .ui_img {left:0;}
.pg_serve2-2 li:nth-of-type(2n) .ui_img {right:0;}
.pg_serve2-2 li:nth-of-type(2n-1) .ui_txt {margin-left:50%;} 
.pg_serve2-2 .ui_txt {width:50%; padding:0 8.33%; font-size:18px; color:#535353; line-height:1.8;}
.pg_serve2-2 .p0 {color:#000;}
.pg_serve2-2 .p1 {font-size:1.25rem; color:#164895; line-height:normal;}
.pg_serve2-2 .p2 {font-size:22px; color:#164895;}
.go_mes {display:inline-block; padding:0 20px; height:40px; line-height:40px; border-radius:10px; color:#fff; cursor:pointer;
	background-image: -webkit-gradient(linear,top left,top right,from(#40b7ad),to(#154594));
	background-image: -webkit-linear-gradient(top,#40b7ad,#154594);
	background-image: linear-gradient(to right,#40b7ad,#154594);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#40b7ad, endColorStr=#154594);}

.pg_serve3-1>h1 {padding:2rem 0; text-align:center; font-size:36px; color:#000; font-weight:bold;}
.pg_serve3-1 .mod_wrp {position:relative;}
.pg_serve3-1 dl {position:absolute; top:0; left:0; right:0; height:100%; margin:auto;}
.pg_serve3-1 dd {position:absolute; padding:7px 14px; border-radius:7px; font-size:20px; color:#fff;
	background-image: -webkit-gradient(linear,top left,top right,from(#40b7ad),to(#154594));
	background-image: -webkit-linear-gradient(top,#40b7ad,#154594);
	background-image: linear-gradient(to right,#40b7ad,#154594);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#40b7ad, endColorStr=#154594);}
.pg_serve3-1 dd:after {content:""; display:block; position:absolute; top:0; bottom:0; right:-5px; margin:auto; width:0; height:0; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #154594;}
.pg_serve3-1 dd:nth-of-type(1) {top:0; left:29%;}
.pg_serve3-1 dd:nth-of-type(2) {top:15%; left:9%;}
.pg_serve3-1 dd:nth-of-type(3) {top:13%; right:9%;}
.pg_serve3-1 dd:nth-of-type(4) {top:32%; left:22%;}	
.pg_serve3-1 dd:nth-of-type(5) {top:28%; right:20%;}
	
.pg_serve3-2 .mod_wrp {padding:2rem 0;}
.pg_serve3-2 .mod_wrp:nth-of-type(2n-1) {background-color:#f1f1f1;}
.pg_serve3-2 .area_tit {font-size:36px; color:#000; font-weight:bold;}
.pg_serve3-2 .area_des {font-size:20px; color:#000; margin-top:10px;}
.pg_serve3-2 .area_box1 {margin-top:30px; position:relative; border-radius:12.5px; overflow:hidden; background-color:#1b1b1b;}
.pg_serve3-2 .ui_img {width:63%; border-radius:12.5px;}
.pg_serve3-2 .mod_wrp:nth-of-type(2n) .ui_img {margin-left:37%;}
.pg_serve3-2 .ui_txt {position:absolute; top:0; width:37%; height:100%; padding:30px; font-size:18px; color:#fff; line-height:1.8;}
.pg_serve3-2 .mod_wrp:nth-of-type(2n-1) .ui_txt {right:0;}
.pg_serve3-2 .mod_wrp:nth-of-type(2n) .ui_txt {left:0;}
.pg_serve3-2 .gdArea {width:100%; max-height:306px;}
.pg_serve3-2 .ui_txt .p1 {font-size:20px;}
.pg_serve3-2 .ui_txt .p2 {font-size:34px; font-weight:bold; line-height:normal;}
.pg_serve3-2 .area_box2 {margin:0 -1rem;}
.pg_serve3-2 dd {position:relative; width:33.33%; padding:0 1rem; text-align:center; margin-top:30px; font-size:18px; color:#535353; min-height:120px;}
.pg_serve3-2 .dtit {display:inline-block; padding:7px 14px; background-color:#40b5ac; border-radius:7px; color:#fff;}
.pg_serve3-2 .dcont {margin-top:15px;}
.pg_serve3-2 dd:not(:last-of-type):after {content:""; display:block; position:absolute; top:0; right:0; width:1px; height:100%; background-color:#bfbfbf;}

.pg_serve4-1 {background-color:#f0f0f0; text-align:center;}
.pg_serve4-1>h1 {font-size:36px; color:#000; font-weight:bold; padding:2rem 0;}
.pg_serve4-1 .mod_wrp {position:relative;}
.pg_serve4-1 dl {position:absolute; top:0; left:0; right:0; height:100%; margin:auto;}
.pg_serve4-1 dd {position:absolute; font-size:20px; color:#434343; padding:10px 20px; border-radius:10px; background-color:#fff; border:2px solid #a0a0a0;}
.pg_serve4-1 dd:after {content:""; display:block; position:absolute; bottom:-11px; width:16px; height:13px; center;}
.pg_serve4-1 dd:nth-of-type(2n-1):after {right:26px; background:url(../images/2018-jt1.png) no-repeat}
.pg_serve4-1 dd:nth-of-type(2n):after {left:26px; background:url(../images/2018-jt2.png) no-repeat}
.pg_serve4-1 img {max-width:40%;}
.pg_serve4-1 dd:nth-of-type(1) {top:6%; right:70%; margin-right:3%;}
.pg_serve4-1 dd:nth-of-type(3) {top:26%; right:70%; margin-right:-7%;}
.pg_serve4-1 dd:nth-of-type(5) {top:46%; right:70%; margin-right:-3%;}
.pg_serve4-1 dd:nth-of-type(7) {top:66%; right:70%;}

.pg_serve4-1 dd:nth-of-type(2) {top:6%; left:70%;}
.pg_serve4-1 dd:nth-of-type(4) {top:26%; left:70%; margin-left:7%;}
.pg_serve4-1 dd:nth-of-type(6) {top:46%; left:70%; margin-left:-6%;}
.pg_serve4-1 dd:nth-of-type(8) {top:66%; left:70%; margin-left:3%;}

.pg_serve4-2 {padding:2rem 0;}
.pg_serve4-2>h1 {font-size:36px; color:#000; font-weight:bold; text-align:center;}
.serve4-2-lists ul {margin:2rem -0.375rem 0;}
.serve4-2-lists li {width:25%;}
.serve4-2-lists .liwrp {margin:0 0.375rem; border-radius:10px; border:1px solid #e5e5e5; overflow:hidden; text-align:center;}
.serve4-2-lists .ui_txt {font-size:22px; color:#000; line-height:1.8; padding:1rem;}

.pg_serve4-3>.wrp {position:absolute; top:0; left:0; right:0; width:100%; height:100%; color:#fff; line-height:1.8; text-align:center; margin:auto;}
.pg_serve4-3 .p1 {font-size:1.2rem; font-weight:bold;}
.pg_serve4-3 .p2 {margin-top:10px; font-size:22px;}

.pg_serve4-4 {background-color:#f0f0f0; padding:2rem 0;}
.pg_serve4-4 .ui_flex1 {align-items:center; align-content:center;}
.pg_serve4-4 .ui_txt {width:calc(100% - 500px); color:#000;}
.pg_serve4-4 .p1 {font-size:36px; font-weight:bold;}
.pg_serve4-4 .p2 {margin-top:10px; font-size:20px;}
.pg_serve4-4 .ui_r {position:relative; width:500px; padding-left:2rem; padding-right:120px;}
.pg_serve4-4 .input {width:100%; height:50px; background-color:#fff; border:2px solid #dcdcdc; padding:0 0.5rem; border-radius:3px; font-size:24px;}
.pg_serve4-4 .submit {position:absolute; top:0; right:0; width:105px; height:50px; font-size:24px; color:#fff; border-radius:3px;
	background-image: -webkit-gradient(linear,top left,top right,from(#40b7ad),to(#154594));
	background-image: -webkit-linear-gradient(top,#40b7ad,#154594);
	background-image: linear-gradient(to right,#40b7ad,#154594);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#40b7ad, endColorStr=#154594);}
	
.pg_serve4-5 .ui_bg {padding:2rem 0; background-attachment:fixed; color:#fff;}
.pg_serve4-5 .chat {margin-top:40px; padding:1rem 2rem; border-radius:10px; overflow:hidden;
	background-image: -webkit-gradient(linear,top left,bottom left,from(#eafaff),to(#15cbff));
	background-image: -webkit-linear-gradient(top,#eafaff,#15cbff);
	background-image: linear-gradient(to bottom,#eafaff,#15cbff);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#eafaff, endColorStr=#15cbff);}
.pg_serve4-5 .p1 {font-size:36px; font-weight:bold;}
.pg_serve4-5 .p2 {margin-top:10px; font-size:22px;}

.pg_serve4-6 {padding:2rem 0; text-align:center;}
.pg_serve4-6>h1 {font-size:36px; color:#000; font-weight:bold;}
.pg_serve4-6 .mod_wrp {position:relative; margin-top:2rem;}
.pg_serve4-6 dl {position:absolute; top:0; left:0; right:0; height:100%; margin:auto;}
.pg_serve4-6 dd {position:absolute; font-size:20px; color:#434343; padding:10px 50px; border-radius:10px; background-color:#e5e5e5;}
.pg_serve4-6 .mod_wrp>img {width:8.125rem;}
.pg_serve4-6 dd img {width:70px; height:70px; border-radius:50%; position:absolute; top:50%; margin-top:-35px;
	background-image: -webkit-gradient(linear,top left,bottom left,from(#41b8ad),to(#154594));
	background-image: -webkit-linear-gradient(top,#41b8ad,#154594);
	background-image: linear-gradient(to bottom,#41b8ad,#154594);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#41b8ad, endColorStr=#154594);}
.pg_serve4-6 dd:nth-of-type(2n-1) img {right:-35px;}
.pg_serve4-6 dd:nth-of-type(2n) img {left:-35px;}
.pg_serve4-6 dd:nth-of-type(2n-1) {right:50%; margin-right:5.5rem; padding-left:1.25rem;}
.pg_serve4-6 dd:nth-of-type(2n) {left:50%; margin-left:5.5rem; padding-right:1.25rem;}
.pg_serve4-6 dd:nth-of-type(1) {top:20%;}
.pg_serve4-6 dd:nth-of-type(3) {top:45%;}
.pg_serve4-6 dd:nth-of-type(5) {top:70%;}

.pg_serve4-6 dd:nth-of-type(2) {top:20%;}
.pg_serve4-6 dd:nth-of-type(4) {top:45%;}
.pg_serve4-6 dd:nth-of-type(6) {top:70%;}

.pg_serve4-7 .area_tit {position:relative;}
.pg_serve4-7 .area_tit:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5);}
.pg_serve4-7 .area_tit>h1 {position:absolute; top:0; left:0; right:0; z-index:3; height:100%; margin:auto; font-size:36px; color:#fff; font-weight:bold;}
.serve4-7-lists ul {margin:0 -1rem; padding-bottom:2rem;}
.serve4-7-lists li {width:33.33%; padding:0 1rem; text-align:center;} 
.serve4-7-lists .letter {width:88px; height:88px; font-size:65px; color:#fff; font-weight:bold; text-transform:uppercase; margin:-44px auto 0;
	background-image: -webkit-gradient(linear,top left,bottom left,from(#41b8ad),to(#154594));
	background-image: -webkit-linear-gradient(top,#41b8ad,#154594);
	background-image: linear-gradient(to bottom,#41b8ad,#154594);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#41b8ad, endColorStr=#154594);}
.serve4-7-lists .p1 {font-size:24px; color:#000000; margin-top:1rem;}	
.serve4-7-lists .p2 {font-size:20px; color:#535353; margin-top:0.5rem;}

.ex_pgindex6 {background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed; overflow:hidden;}
.ex_pgindex6 .mod_body {padding:1.25rem; background-color:rgba(0,0,0,.8); margin-top:1.5rem; margin-bottom:1rem; color:#fff;}
.ex_pgindex6 .company_intro {color:#fff;}
.ex_pgindex6 input,.ex_pgindex6 textarea {background-color:#fff; border-color:#fff; color:#333;}
.ex_pgindex6 .p1 {font-size:20px;}
.ex_pgindex6 .p2 {font-size:30px; margin-top:10px;}
.ex_pgindex6 .p3 {font-size:16px; margin:10px 0 40px;}
.ex_pgindex6 .company_name {color:#fff;}



/* serve-----------------------------------------2019 */
.pg_serve3-091 {background-color:#f4f4f4;}
.pg_serve3-091 li {align-items:center;}
.pg_serve3-091 li>div {width:50%;}
.pg_serve3-091 .p1 {font-size:0.8rem; font-weight:bold;}
.pg_serve3-091 .p2 {font-size:1rem; font-weight:bold;}
.pg_serve3-091 .p3 {font-size:0.5rem; margin:1rem 0 0;}

.pg_serve3-092 {padding:2.5rem 0;}
.pg_serve3-092>h1 {font-size:1rem; font-weight:bold; margin-bottom:1rem;}
.pg_serve3-092 ul {margin:-0.375rem;}
.pg_serve3-092 li {width:25%; font-size:0.5rem; margin:0.375rem 0;}
.pg_serve3-092 .liwrp {margin:0.375rem; height:100%; background-color:#164895; border-radius:10px; overflow:hidden;}
.pg_serve3-092 .ui_txt {padding:0.5rem; color:#fff; text-align:center;}


.pg_serve2-091 .ui_bg {background-position:center 0; background-size:100% 15rem;}
.pg_serve2-091 h1 {padding:2rem 0 0.75rem; text-align:center; font-size:1.25rem; color:#fff; font-weight:bold;}
.pg_serve2-091 .wrp {border-radius:10px; overflow:hidden;}
.pg_serve2-091 .wrp>.ui_flex1 {padding:0.75rem; font-size:0.75rem; color:#000000; font-weight:bold; background-color:#fff;}
.pg_serve2-091 .wrp>.ui_flex1 span:nth-of-type(2) {color:#626262;}
.pg_serve2-091 li {width:25%;}
.pg_serve2-091 li p {padding:0.5rem; background-color:#164895; font-size:0.55rem; color:#fff; text-align:center;}

.pg_serve2-092 {margin:1.5rem 0;}
.pg_serve2-092 .wrp {border-radius:10px; overflow:hidden; background-color:#eeeeee;}
.pg_serve2-092 .wrp>.ui_flex1 {padding:0.75rem; font-size:0.75rem; color:#000000; font-weight:bold; background-color:#eeeeee; position:relative; top:10px;}
.pg_serve2-092 .wrp>.ui_flex1 span:nth-of-type(2) {color:#626262;}

.pg_serve2-093 {margin:1.5rem 0;}
.pg_serve2-093 .wrp {border-radius:10px; overflow:hidden; background-color:#eeeeee;}
.pg_serve2-093 .wrp>.ui_flex1 {padding:0.75rem; font-size:0.75rem; color:#000000; font-weight:bold; background-color:#eeeeee;}
.pg_serve2-093 .wrp>.ui_flex1 span:nth-of-type(2) {color:#626262;}

.pg_serve2-094 {position:relative;}
.pg_serve2-094 img {width:100%;}
.pg_serve2-094 .wrp {position:absolute; top:50%; left:0; right:0; margin:auto; height:auto; 
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
}
.pg_serve2-094 .p1 {font-size:1.1rem; font-weight:bold;}
.pg_serve2-094 .p2 {font-size:0.55rem; margin:10px 0 0;}


.pg_serve4-2 {padding:2rem 0 1rem;}
.serve4-2-lists .ui_txt {font-size:0.55rem;}
.pg_serve4-091 .wrp {position:absolute; top:50%; left:0; right:0; margin:auto; height:auto; 
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
}
.pg_serve4-091 .p1 {font-size:1.1rem; font-weight:bold;}
.pg_serve4-091 .p2 {font-size:0.55rem;margin:10px 0 0;}

.pg_serve4-092 .ui_bg {color:#fff;}
.pg_serve4-092 .wrp {padding:2.5rem 0 1rem;}
.pg_serve4-092 .ui_l {width:35%; position:absolute; bottom:-3rem; left:0;}
.pg_serve4-092 .ui_txt {width:65%; float:right;}
.pg_serve4-092 .p1 {font-size:0.55rem;}
.pg_serve4-092 .p2 {font-size:1rem; font-weight:bold; margin:10px 0 0;}
.pg_serve4-092 dl {margin:1.5rem -0.75rem 0;}
.pg_serve4-092 dd {width:50%; padding:0 0.75rem; position:relative; margin-bottom:1.5rem;
 -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.pg_serve4-092 dd>p {margin-left:55px; font-size:0.5rem;}
.pg_serve4-092 dd img {position:absolute; top:0; left:0.75rem;}
.pg_serve4-092 .s1 {font-size:0.65rem; margin-bottom:5px;}

.pg_serve4-093 {text-align:center; padding:2rem 0;}
.pg_serve4-093 h1 {display:inline-block; font-size:0.8rem; font-weight:bold; color:#fff; font-weight:bold; padding:10px 20px; background-color:#40b5ac;}
.pg_serve4-093 h2 {font-size:1rem; font-weight:bold; margin:10px 0 1rem;}
.pg_serve4-093 ul {border-radius:10px; overflow:hidden;}
.pg_serve4-093 li {background-color:#f4f4f4; padding:30px;}
.pg_serve4-093 li>.ui_flex1 {padding:10px 0; margin-top:10px; font-size:0.75rem; color:#000000; font-weight:bold;}
.pg_serve4-093 li>.ui_flex1 span:nth-of-type(2) {color:#626262;}

.pg_serve4-094 .wrp {position:absolute; top:50%; left:0; right:0; margin:auto; height:auto; font-size:1.1rem; font-weight:bold;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
}


.pg_serve1-091 {background-color:#f1f1f1; padding:2rem 0;}
.pg_serve1-091>h1 {font-size:1.1rem; font-weight:bold; text-align:center;}
.pg_serve1-091 li {align-items:center; position:relative; background-color:#fff; margin:1.5rem 0 0; overflow:hidden;}
.pg_serve1-091 li>div {width:50%; text-align:center;}
.pg_serve1-091 .ui_image {padding:1rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.pg_serve1-091 li:nth-of-type(2n-1) .ui_txt img {position:absolute; bottom:-1rem; right:25%; max-width:55%; max-height:100%;
-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);}
.pg_serve1-091 li:nth-of-type(2n) .ui_txt img {position:absolute; bottom:-1rem; left:25%; max-width:55%; max-height:100%;
-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.pg_serve1-091 .txt_wrp {width:380px; max-width:80%; margin:auto; position:relative; z-index:3; font-size:0.5rem; text-align:left;}
.pg_serve1-091 .p1 {font-size:1.2rem; font-weight:bold; margin-bottom:1rem;}






@media only screen and (max-width: 1180px) {
.wrp {width:90%;}	

.inner_banner .p1 {font-size:1rem;}
.inner_banner .p2 {font-size:14px;}

/* aboout */
.company_info .company_intro {max-height:108px;}
.swp-prev3,.swp-next3 {display:none;}
.swp-dots3 {display:block;}

/* serve */
.pg_serve2-2>h1 {font-size:28px;}
.pg_serve2-1 .p1,.pg_serve2-2 .p1 {font-size:1rem;}
.pg_serve2-1 .ui_txt {padding: 2.5rem 4.165% 2.5rem 0; font-size: 16px;}
.pg_serve2-2 .ui_txt {padding:0 4.165%; font-size: 16px;}

/* serve */
.pg_serve3-1>h1,.pg_serve3-2 .area_tit {font-size:28px;}
.pg_serve3-1 dd:nth-of-type(1) {top:0;}
.pg_serve3-1 dd:nth-of-type(2) {top:20%;}
.pg_serve3-1 dd:nth-of-type(3) {top:40%;}
.pg_serve3-1 dd:nth-of-type(4) {top:60%;}	
.pg_serve3-1 dd:nth-of-type(5) {top:80%;}
.pg_serve3-2 .ui_txt .p2 {font-size:24px;}
.pg_serve3-2 .gdArea {max-height:250px;}
.pg_serve4-1>h1,.pg_serve4-2>h1,.pg_serve4-3 .p1,.pg_serve4-4 .p1,.pg_serve4-5 .p1,.pg_serve4-6>h1,.pg_serve4-7 .area_tit>h1,.ex_pgindex6 .p2 {font-size:28px;}
.serve4-7-lists .p1,.ex_pgindex6 .p1 {font-size:18px;}
.serve4-2-lists .ui_txt,.pg_serve4-3 .p2,.pg_serve4-4 .p2,.pg_serve4-5 .p2,.pg_serve4-6 dd,.serve4-7-lists .p2,.pg_serve4-4 .input,.pg_serve4-4 .submit, {font-size:16px;}
.pg_serve4-1 dd {font-size:14px;}
.serve4-2-lists .ui_txt {padding:0.5rem;}
}

@media only screen and (max-width: 960px) {
/* header footer */
nav,.top_tel {display:none;}
.monav .top_tel {display:block; margin-top:22px; background:none; padding:0 20px;}
header .logo {margin:8px 0 10px;}
header .logo img {max-height:40px;}
.monav_bar {display:block; width:32px; height:32px; background:url(../images/monav-bar-on.png) no-repeat center;}
body.gd .monav_bar {background:url(../images/monav-bar-on.png) no-repeat center;}
body.kq-monav .monav_bar {background:url(../images/close-on.png) no-repeat center;}
body.gd.kq-monav .monav_bar {background:url(../images/close-on.png) no-repeat center;} 
.MOGOOD_body {position:relative; left:0;
-webkit-transition: left .3s;-moz-transition: left .3s;-ms-transition: left .3s;-o-transition: left .3s;transition: left .3s;
}
body.kq-monav .MOGOOD_body {left:-220px;}
main,footer {position:relative; background-color:#fff; z-index:2;}
.monav {display:none; position:fixed; top:0; left:0; width:100%; height:100%;}  
body.kq-monav .monav {display:block;}
.monav-main {width:220px; height:100%; float:right;}
.monav ul {margin-top:100px;}
.monav li {border-bottom:1px solid rgba(255,255,255,.19);}
.monav .yjtit {display:block; line-height:44px; font-size:16px; color:#fff; font-weight:bold; padding:0 20px; position:relative;}
.monav .has_ej .yjtit:after {content:""; display:block; position:absolute; top:0; bottom:0; right:20px; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; margin:auto; 
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.monav .has_ej.on .yjtit:after {
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.monav .ejbody {position:static; margin-left:0; width:100%; padding:10px 0;}
.monav .ejbody a {display:block; line-height:40px; padding:0 36px; margin-bottom:0; font-size:15px; text-align:left;}

body.kq-monav .monav-mask {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}

main {margin-top:58px;}

/* sidebar */
.sidebar {display:none;}
	
/* index */
.down_roll {display:none;}
.pg_index1 {/*height:calc(100vh - 58px);*/height:52vw;}
.pg_index1 .more {width:180px; height:40px; line-height:40px;}
.swp-dots1 {right:5%; margin-right:-8px;}
.swp-dots1>span,.swp-dots-com1>span {width:6px; height:6px;}
.service_lists li {width:48%; margin-bottom:1rem;}
.index_case_lists li {width:48%;}
.index_news_lists li {width:48%;}
.index_news_lists .index_news_line3 {width:100%; margin-top:20px;}
.index_contact,.index_mes {width:640px; max-width:100%; margin:auto; position:relative; z-index:3;}
.pg_index6 form {width:100%; float:none; margin:1.5rem auto 0;}
.bg_logo {left:0; right:0; margin:auto;}

/* calse */ 
.case_lists li {width:50%;}
.pg_case_show1 .mod_body {display:block; text-align:center;}
.case_photo {width:100%;}
.case_info {display:inline-block; width:auto; padding:0; text-align:left; margin-top:1.5rem;}
.case_info dd {margin-bottom:0.5rem;}
.case_details {padding:2rem 1rem 3rem;}

/* news */
.news_details {width:100%;}
.recommend_news {display:none;}
.return_lists {right:0;}

/* about */
.company_info {width:100%; padding:1.5rem 1rem;}
.company_photo {width:100%;}
.company_info .company_intro {max-height:none; padding-right:0;}
.company_info .company_name {font-size:22px;}
.honor_lists {padding:0;}
.swiper4 {width:100%;}
.swiper4 .swiper-slide {width:auto; transform: translateX(0) scale(1) !important; padding:0 5px;}
.swp-prev4,.swp-next4 {display:none;}
.swp-dots4 {display:block;}

/* serve */
.pg_serve3-1 dl {position:static;}
.pg_serve3-1 dd {position:static; margin-bottom:20px;}
.pg_serve3-2 .ui_img {width:100%; margin-left:0 !important;}
.pg_serve3-2 .ui_txt {width:100%; position:static;}
.pg_serve3-2 .gdArea {max-height:none;}
.pg_serve4-1 dl {position:static;}
.pg_serve4-1 dd {position:static; margin:0 0 20px !important;}
.pg_serve4-1 dd:after {display:none;}
.serve4-2-lists li {width:50%; margin-bottom:30px;}
.pg_serve4-4 .ui_txt {width:100%; text-align:center;}
.pg_serve4-4 .ui_r {width:100%; padding-left:0; margin-top:40px;}
.pg_serve4-5 .ui_txt {text-align:center;}
.serve4-7-lists .letter {margin-top:44px;}
}

@media only screen and (max-width: 768px) {
/* paging */
.paging>span:not(.ellipsis), .paging>a {width:26px; height:26px; line-height:26px; margin:0; font-size:12px;}
.paging .prev, .paging .next {padding:0 5px; min-width:54px;}
	
/* news */
.news_lists .ui_img {width:100%;}
.news_lists .ui_txt {width:100%; max-width:100%; margin-top:1rem; padding-left:0;}	

/* about */
#photoUL {height:auto !important;}
#photoUL li {position:static; width:100% !important;}

/* serve */
.pg_serve4-6 .mod_wrp>img {display:inline-block; vertical-align:middle;}
.pg_serve4-6 dl {display:inline-block; vertical-align:middle; position:static; width:auto; max-width:90%;}
.pg_serve4-6 dd {position:relative; top:auto !important; left:auto !important; right:auto !important; margin:0 0 40px !important; padding-left:100px !important; text-align:left;}
.pg_serve4-6 dd img {left:0 !important; right:auto !important;}



/* serve-----------------------------------------2019 */
.pg_serve3-091 li>div {width:100%;}
.pg_serve3-091 ul {padding:2.5rem 0 0;}
.pg_serve3-092 li {width:50%; font-size:0.7rem;}

.pg_serve2-091 h1 {font-size:1rem;}
.pg_serve2-091 li {width:50%;}
.pg_serve2-094 .p1 {font-size:0.9rem;}

.serve4-2-lists .ui_txt {font-size:14px;}
.pg_serve4-091 .p1 {font-size:0.9rem;}
.pg_serve4-092 .ui_txt {width:100%;}
.pg_serve4-092 .ui_l {display:block; width:50%; margin:0 auto 1rem; position:static;}
.pg_serve4-092 dd>p {font-size:12px;}
.pg_serve4-092 .s1 {font-size:14px;}
.pg_serve4-094 .wrp {font-size:0.9rem;}

.pg_serve1-091 li>div{width:100%;}
.pg_serve1-091 .ui_txt {position:relative;}
.pg_serve1-091 .ui_txt img {display:block; position:static !important; margin:1rem auto 0; max-width:50%; 
	-webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    transform: translateX(0); !important}
.pg_serve1-091 .txt_wrp {position:absolute; top:33.33%; left:0; right:0; margin:auto; font-size:12px;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}



}

@media only screen and (max-width: 640px) {
/* header footer */	
.foot_nav a {margin:0 10px;}
.foot_nav a:not(:last-of-type):after {right:-11px;}

.inner_banner .wrp {margin-top:0;}
.inner_banner.no-mask .ui_txtc {width:100%; /*position:static;*/ color:#666; margin:0;}
.mod_tit .cn {font-size:24px;}

/* index */ 
.index_case_lists li {width:100%;}	
.swp-prev-com1,.swp-next-com1 {display:none;} 
.swp-dots-com1 {display:block;}
.index_news_lists li {width:100%; margin-top:20px;}
.service_lists li {width:100%;}
.clientele_lists .swp-dots2 {display:none;}
.index_news_line1 .ui_img {height:200px !important;}

/* calse */ 
.case_lists li {width:100%;}
.demand_pop {height:515px; padding:40px 20px;}
.demand_pop .mod_head {padding:0 0 20px;}
.index_mes input {height:42px;}
.index_mes span {line-height:40px;}
.index_mes .submit {margin-top:0;}

/* serve */
.pg_serve2-1 .ui_img {width:100%;}
.pg_serve2-1 .ui_txt {width:100%; padding: 2.5rem 4.165%; text-align:center;}
.pg_serve2-1 .txtwrp {display:inline-block; text-align:left;}
.pg_serve2-2>h1 {font-size:22px;}
.pg_serve2-2 .ui_img {width:100%; position:static; top:0;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
}
.pg_serve2-2 .ui_txt {width:100%; margin:40px 0 0 !important;}
.pg_serve3-1>h1, .pg_serve3-2 .area_tit {font-size:22px; padding-top:0;}
.pg_serve3-1 dd,.pg_serve3-2 .ui_txt .p1,.pg_serve3-2 .area_des {font-size:16px;}
.pg_serve3-2 .ui_txt {font-size:14px;}
.pg_serve3-2 dd {width:100%; min-height:inherit;}
.pg_serve3-2 dd:not(:last-of-type):after {dispaly:none;}
.pg_serve4-1>h1, .pg_serve4-2>h1, .pg_serve4-3 .p1, .pg_serve4-4 .p1, .pg_serve4-5 .p1, .pg_serve4-6>h1, .pg_serve4-7 .area_tit>h1,.ex_pgindex6 .p2 {font-size:20px;}
.pg_serve4-6 .mod_wrp>img {display:block; width:280px; margin:auto;}
.serve4-7-lists ul {justify-content: center;}
.serve4-7-lists li {width:50%;}
.serve4-7-lists .p1 {font-size:16px;}

.pg_serve4-6 dd {font-size:16px;}
.serve4-2-lists .ui_txt,.serve4-7-lists .p2,.pg_serve4-4 .p2 {font-size:14px;}
.pg_serve4-3 .p2,.pg_serve4-5 .p2 {margin-top:5px; font-size:14px;}
}




