@charset "utf-8";
/* CSS Document */
body{ margin:0px 0px; padding:0px 0px;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px;color:#555; text-align:center;background:#fff; line-height:26px; margin-left:auto;margin-right:auto;}
a{ color:#555555; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium;-webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#00aaee;}
a img{ border:0;}
a {blr:expression(this.onFocus=this.blur());}
a { outline: none;} 
a:focus { outline: none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0px;}
ul,li,dl,dd,dt{ padding:0px; margin:0px; list-style:none;}
input,textarea{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;outline:none;resize:none;}
em{ font-style:normal;}
a img{ border:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.blue{ color:#1175c2; }
.float_left{ float:left;}
.float_right{ float:right;}
.font{font-family:'SimSun';}
.length{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:0px;}
.container{ min-width:1200px; width:1200px; margin:0px auto; padding:0px; text-align:left;}
/* CSS Common*/

/*header */
#header{position:relative; width:100%; height:158px; margin:0 auto; text-align:center;}
#header .header_bg{ background:#1f2639; height:42px; line-height:42px; color:#fff;}
#header .header_bg .l{ float:left;}
#header .header_bg .r{ float:right;}
#header .header_bg .r a{ color:#fff;}
#header .logo{ float:left; padding-top:30px;}
#header .search{ float:left; padding-top:30px; margin-left:42px;}
#header .search form{ background:#00aaee; height:35px; line-height:35px; border:2px solid #00aaee;}
#header .search input[type="text"]{ width:370px; border:0; height:35px; line-height:35px; vertical-align:top; text-indent:10px; color:#888;}
#header .search input[type="image"]{ vertical-align:middle; padding:0 10px; cursor:pointer;}
#header .search span>em{ color:#ec651a; margin-top:5px; display:inline-block;}
#header .phone{ float:right; padding-top:30px; font-size:24px; color:#00aaee; font-weight:600; font-family:Arial;}
#header .phone span{ margin-left:10px; position:relative; display: inline-block; top:-5px;}
#header .phone p{ font-size:16px; font-weight:normal; color:#454545; text-align:right;}

/*menu*/
#menu{ height:50px; border-top:1px solid #e4e4e4;}
#menu ul li{ float:left; margin-left:36px; text-align:center;position:relative;z-index:999;}
#menu ul li:first-child{ width:200px; background:#00aaee; margin-left:0;}
#menu ul li:first-child a{ color:#fff;}
#menu ul li:first-child a:hover{ color:#fff;}
#menu ul li a{ display:block;height:50px;line-height:50px;font-size:15px;color:#1f2639;}
#menu ul li a:hover{ color:#ec651a;}
#menu ul li a.on{ color:#ec651a;}
#menu li dl{width:120%;position:absolute;left:-15px;top:50px; background:rgba(255,255,255,1); box-shadow:0 3px 10px 0 rgba(0,0,0,.2); padding:10px; display:none;}
#menu li dl dd{width:100%;height:30px;text-align:center;line-height:30px;}
#menu li dl dd a{font-size:14px;color:#454545;font-weight:normal;height:30px;line-height:30px;}

/*banner*/
.banner{height:407px; position:relative;}
.banner .swiper-slide{ background-position:center;background-size:cover;}
.banner .swiper-pagination{ bottom:12px;}
.banner .swiper-pagination-bullet{ margin:0 3px !important;}
.banner .swiper-pagination-bullet{ background:#fff;opacity:1; width:10px; height:10px;}
.banner .swiper-pagination-bullet-active{ background:#00aaee;}
.banner .note{ width:1200px; position:absolute; top:0px; z-index:9; margin-left:auto; margin-right:auto; height:100%;}
.banner .pro_nav{ width:200px; background:rgba(31,38,57,.65); height:100%; position:relative;}
.banner .pro_nav a{ color:#fff; display:inline-block; width:90%;}
.banner .pro_nav a em{ float:right; color:#d9d9d9; font-family:'SimSun'; opacity:0.6; font-size:16px;}
.banner .pro_nav ul li{ line-height:60px; height:60px; border-bottom:1px solid rgba(255,255,255,.2); font-size:15px; padding-left:32px;}
.banner .pro_nav ul li:last-child{ border-bottom:0;}
.banner .pro_nav ul dl{ padding:15px 0; border-bottom:1px solid rgba(255,255,255,.2);padding-left:32px;}
.banner .pro_nav ul dd{ line-height:32px; height:32px; font-size:14px;}
.banner .pro_nav ul dl.pro_types{ position:absolute; left:200px; width:500px; top:0; background:rgba(255,255,255,.95); border-top:1px solid #eee; box-shadow:0 3px 5px 0 rgba(0,0,0,.1); display:none;}
.banner .pro_nav ul dl.pro_types dd{ width:150px; float:left;}
.banner .pro_nav ul dl.pro_types dd a{ color:#222;}
.banner .pro_nav ul dl.pro_types dd a:hover{ color:#00aaee;}
.banner .notice{ position:absolute; top:0px; z-index:9; width:244px; background:rgba(31,38,57,.65); height:76%; right:10px; margin-top:22px; border-radius:10px; color:#fff; padding:26px 18px;}
.banner .notice span{ font-size:12px;}
.banner .notice em{ font-size:22px; display:block;}
.banner .notice form{ margin-top:20px;}
.banner .notice form select{width:240px; height:30px; line-height:30px; border:0; margin-bottom:15px; border-radius:5px; text-indent:6px;font-size:14px;}
.banner .notice form input[type="text"]{ width:240px; height:30px; line-height:30px; border:0; margin-bottom:15px; border-radius:5px; text-indent:10px; color:#565656; font-size:14px;}
.banner .notice form input[type="submit"]{ width:135px; height:40px; line-height:40px; font-size:15px; color:#fff; background:#00aaee; text-align:center; margin:0 auto; display:block;border-radius:5px; margin-top:12px;}
		
/*banner_inside*/
.banner_inside{height:407px;}
.banner_inside .swiper-slide{ background-position:center;background-size:cover;}
.banner_inside .swiper-pagination{ bottom:12px;}
.banner_inside .swiper-pagination-bullet{ margin:0 3px !important;}
.banner_inside .swiper-pagination-bullet{ background:#fff;opacity:1; width:10px; height:10px;}
.banner_inside .swiper-pagination-bullet-active{ background:#00aaee;}
.banner_inside .note{ width:1200px; position:absolute; top:0px; z-index:9; margin-left:auto; margin-right:auto; height:100%; display:none;}
.banner_inside .pro_nav{ width:200px; background:rgba(31,38,57,.65); height:100%;}
.banner_inside .pro_nav a{ color:#fff; display:inline-block; width:90%;}
.banner_inside .pro_nav a em{ float:right; color:#d9d9d9; font-family:'SimSun'; opacity:0.6; font-size:16px;}
.banner_inside .pro_nav ul li{ line-height:60px; height:60px; border-bottom:1px solid rgba(255,255,255,.2); font-size:15px; padding-left:32px;}
.banner_inside .pro_nav ul li:last-child{ border-bottom:0;}
.banner_inside .pro_nav ul dl{ padding:15px 0; border-bottom:1px solid rgba(255,255,255,.2);padding-left:32px;}
.banner_inside .pro_nav ul dd{ line-height:32px; height:32px; font-size:14px;}
.banner_inside .pro_nav ul dl.pro_types{ position:absolute; left:200px; width:500px; top:0; background:rgba(255,255,255,.9); border-top:1px solid #eee; box-shadow:0 3px 5px 0 rgba(0,0,0,.1); display:none;}
.banner_inside .pro_nav ul dl.pro_types dd{ width:150px; float:left;}
.banner_inside .pro_nav ul dl.pro_types dd a{ color:#222;}
.banner_inside .pro_nav ul dl.pro_types dd a:hover{ color:#00aaee;}

/*home_service*/
#home_service{ width:100%;background:#f5f5f5; padding:30px 0;}
#home_service .home_service_con {margin:0 auto; text-align:center;}
#home_service .home_service_con ul li { width:25%; display: inline-block; margin-right:-4px; vertical-align:middle;}
#home_service .home_service_con ul li img{ width:58px; height:45px; float:left; margin-right:10px;}
#home_service .home_service_con ul li p{float:left; text-align:left;}
#home_service .home_service_con ul li i{ display:block; font-size:18px; line-height:1.5; color:#222; font-style:normal;}
#home_service .home_service_con ul li em{ line-height:1.3;}
#home_m_service{ display:none;}

/*home_pro*/
#home_pro{ width:100%;margin-top:10px;}
#home_pro .home_pro_dh{ height:30px; line-height:30px; font-size:30px; margin:0 auto; text-align:center; padding-top:45px; color:#00aaee; font-weight:600;}
#home_pro .home_pro_dh span{display:block;}
#home_pro .home_pro_dh span:before{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-right:10px; vertical-align: middle;}
#home_pro .home_pro_dh span:after{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-left:10px;vertical-align: middle;}
#home_pro .home_pro_dh p{ background:url(../images/nav_bg.png) no-repeat top center; height:38px;width:936px; margin:0 auto; margin-top:30px;}
#home_pro .home_pro_dh p>em{ color:#fff; font-size:15px; font-weight: normal;}
#home_pro .home_pro_dh p>em.float_left{ padding-left:40px;}
#home_pro .home_pro_dh p>em.float_right{ padding-right:20px; padding-top:6px;}
#home_pro .home_pro_con {margin:0 auto; text-align:center; margin-top:110px;width:100%; position:relative;}
#home_pro .home_pro_con ul li {width:223px; display: inline-block; vertical-align:top; margin-bottom:10px; margin-right:-4px; border:1px solid #dbdbdb; margin-left:19px;}
#home_pro .home_pro_con ul li:first-child{ margin-left:0;}
#home_pro .home_pro_con ul li .img{ width:223px; height:190px; overflow:hidden;}
#home_pro .home_pro_con ul li img{ width:100%; height:100%;transition: all 0.6s; -ms-transition: all 0.6s;}
#home_pro .home_pro_con ul li img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_pro .home_pro_con ul li span{ display:block; font-size:16px; line-height:30px; padding:20px 10px 0 10px; color:#222; text-align:left; font-weight:600;}
#home_pro .home_pro_con ul li:hover span{ color:#00aaee; background:none;border:0 none;}
#home_pro .home_pro_con ul li p{ line-height:1.5; text-align:left; padding:5px 10px 20px 10px;}
#home_pro .home_pro_con a.more{ background:url(../images/more.png) no-repeat center left #00aaee; width:115px; height:40px; line-height:40px; border-radius:20px; color:#fff; font-size:16px; display:block; margin:0 auto; padding-left:30px; background-position:20px center; margin-top:20px;}

/*home_phone*/
.home_phone{padding:40px; margin:0 auto; text-align:center; vertical-align:top;}
.home_phone .phone{ background:#00aaee; height:50px; line-height:50px; width:400px;display:inline-block; position:relative;top:-1px; left:20px;}
.home_phone .phone em{ background:#fff; display:inline-block; height:46px; line-height:45px; width:273px; margin-left:2px; text-align:left; text-indent:20px; font-size:16px;}
.home_phone .phone em i{ font-size:20px; font-weight:600; color:#00aaee; font-family:Arial; font-style:normal;position:relative;top:2px;}
.home_phone .phone span{ width:125px; text-align:center; display:inline-block; background:url(../images/chat.png) no-repeat center left; background-position:20px 15px;}
.home_phone .phone span a{ color:#fff; font-size:15px; padding-left:30px;}

/*home_zj*/
#home_zj{ width:100%;margin-top:10px;background:url(../images/project_bg.jpg) no-repeat top center; height:720px; background-size:cover;}
#home_zj .home_zj_dh{ height:30px; line-height:30px; font-size:30px; margin:0 auto; text-align:center; padding-top:45px; color:#fff; font-weight:600;}
#home_zj .home_zj_dh span{display:block;}
#home_zj .home_zj_dh span:before{ content:''; height:1px; background:#fff; display:inline-block; width:50px; margin-right:10px; vertical-align: middle;}
#home_zj .home_zj_dh span:after{ content:''; height:1px; background:#fff; display:inline-block; width:50px; margin-left:10px;vertical-align: middle;}
#home_zj .home_zj_dh em{ color:#fff; font-size:16px; font-weight: normal; line-height:2.5;}
#home_zj .home_zj_con{margin:0 auto; text-align:center; margin-top:70px; width:100%; position:relative;}
#home_zj .home_zj_con ul li{ float:left; font-size:16px;width:18.86%; background:#fff; margin-right:15px;}
#home_zj .home_zj_con ul li em{ background:#1f2639; height:46px; line-height:46px; color:#fff; font-size:16px; font-weight:600; display:block;}
#home_zj .home_zj_con ul li .note{ font-size:14px; padding:10px; line-height:1.5; height:160px; text-align:left; overflow:hidden; border-top:4px solid #00aaee; margin:1px;}
#home_zj .home_zj_con>span{ position: absolute; width:36px; height:36px; line-height:36px; z-index:9;font-size:22px; font-family:'SimSun'; background:#fff; color:#000; vertical-align:middle; font-weight:bold; border-radius:50%; top:40%; cursor:pointer;}
#home_zj .home_zj_con>span.left{ left:0px;}
#home_zj .home_zj_con>span.right{ right:0px;}
#home_zj .home_zj_list{ position:relative; width:92%; margin:0 auto; overflow:hidden;}
#home_zj .home_zj_note{margin:0 auto; text-align:center; margin-top:50px;}
#home_zj .home_zj_note ul li{ display:inline-block; width:33.33%; margin-right:-4px; border-left:1px solid rgba(255,255,255,.2);color:#222;}
#home_zj .home_zj_note ul li:first-child{ border-left:0;}
#home_zj .home_zj_note ul li span{ font-size:36px;}
#home_zj .home_zj_note ul li p{ font-size:18px; line-height:2.5;margin-top:5px;}
		
/*home_process*/
#home_process{ height:146px; width:100%;}
		
/*home_about*/
#home_about{ width:100%;margin-top:10px;}
#home_about .home_about_dh{ height:30px; line-height:30px; font-size:30px; margin:0 auto; text-align:center; padding-top:45px; color:#00aaee; font-weight:600;}
#home_about .home_about_dh span{display:block;}
#home_about .home_about_dh span:before{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-right:10px; vertical-align: middle;}
#home_about .home_about_dh span:after{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-left:10px;vertical-align: middle;}
#home_about .home_about_dh em{ color:#454545; font-size:16px; font-weight: normal; line-height:2.5;}
#home_about .home_about_note img{ float:left; margin-right:30px;}
#home_about .home_about_note .note{text-align:left;}
#home_about .home_about_con { margin:0 auto; text-align:center; margin-top:80px; width:100%; position:relative;}
#home_about .home_about_list{ position:relative; width:100%; margin:0 auto;}
#home_about .home_about_list>span{ position: absolute; width:26px; height:202px; line-height:202px;cursor:pointer; z-index:9;font-size:30px; font-family:'SimSun'; background:#00aaee; color:#fff; vertical-align:middle;}
#home_about .home_about_list>span.left{ left:0px;}
#home_about .home_about_list>span.right{ right:0px;}
#home_about .home_about_list>span:hover{ color:#fff;}
#home_about .about_list{ position:relative; width:92%; margin:0 auto; overflow:hidden; margin-top:50px;}
#home_about .about_list ul li { width:261px; display: inline-block;vertical-align:top; margin-bottom:35px; margin-right:20px;}
#home_about .about_list ul li .img{width:261px;height:200px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #e4e4e4; overflow:hidden; background:#fff;}
#home_about .about_list ul li .img img{ max-width:267px; max-height:180px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
#home_about .about_list ul li:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);}
#home_about .about_list ul li span{ display:block; padding-top:10px;text-align:center;}

/*home_cases*/
#home_cases{ width:100%;margin-top:10px; background:#f4f4f4; padding-bottom:40px;}
#home_cases .home_cases_dh{ height:30px; line-height:30px; font-size:30px; margin:0 auto; text-align:center; padding-top:45px; color:#00aaee; font-weight:600;}
#home_cases .home_cases_dh span{display:block;}
#home_cases .home_cases_dh span:before{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-right:10px; vertical-align: middle;}
#home_cases .home_cases_dh span:after{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-left:10px;vertical-align: middle;}
#home_cases .home_cases_dh em{ color:#454545; font-size:16px; font-weight: normal; line-height:2.5;}
#home_cases .home_cases_nav{ margin:0 auto; text-align:center; margin-top:60px;}
#home_cases .home_cases_nav ul li{ display:inline-block; font-size:15px; padding:7px 20px; background:#1f2639; margin-right:-5px; color:#fff; cursor:pointer;}
#home_cases .home_cases_nav ul li:first-child{ border-radius:20px 0 0 20px; background:#00aaee;}
#home_cases .home_cases_nav ul li:last-child{ border-radius:0 20px 20px 0;}
#home_cases .home_cases_con {margin:0 auto; text-align:center; margin-top:30px;width:100%; position:relative;}
#home_cases .home_cases_con ul li {width:223px; display: inline-block; vertical-align:top; margin-bottom:20px; margin-right:-4px; border:1px solid #dbdbdb; margin-left:19px;}
#home_cases .home_cases_con ul li:nth-child(5n+1){ margin-left:0;}
#home_cases .home_cases_con ul li .img{ width:223px; height:190px; overflow:hidden;}
#home_cases .home_cases_con ul li img{ width:100%; height:100%;transition: all 0.6s; -ms-transition: all 0.6s;}
#home_cases .home_cases_con ul li img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_cases .home_cases_con ul li span{ display:block; font-size:16px; line-height:30px; padding:20px 10px 0 10px; color:#222; text-align:left;}
#home_cases .home_cases_con ul li:hover span{ color:#00aaee; background:none;border:0 none;}
#home_cases .home_cases_con ul li p{ line-height:1.5; text-align:left; padding:5px 10px 20px 10px; display:none;}
#home_cases .home_cases_con a.more{ background:url(../images/more.png) no-repeat center left #00aaee; width:115px; height:40px; line-height:40px; border-radius:20px; color:#fff; font-size:16px; display:block; margin:0 auto; padding-left:30px; background-position:20px center; margin-top:20px;}

/*home_news*/
#home_news{ width:100%;margin-top:10px; padding-bottom:40px; border-bottom:1px solid #e4e4e4;}
#home_news .home_news_dh{ height:30px; line-height:30px; font-size:30px; margin:0 auto; text-align:center; color:#00aaee; font-weight:600;}
#home_news .home_news_dh span{display:block;}
#home_news .home_news_dh span:before{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-right:10px; vertical-align: middle;}
#home_news .home_news_dh span:after{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-left:10px;vertical-align: middle;}
#home_news .home_news_dh em{ color:#454545; font-size:16px; font-weight: normal; line-height:2.5;}
#home_news .home_news_nav{ margin:0 auto; text-align:center; margin-top:50px;}
#home_news .home_news_nav ul li{ display:inline-block; font-size:15px; padding:7px 20px; background:#1f2639; margin-right:-5px; color:#fff; cursor:pointer;}
#home_news .home_news_nav ul li:first-child{ border-radius:20px 0 0 20px; background:#00aaee;}
#home_news .home_news_nav ul li:last-child{ border-radius:0 20px 20px 0;}
#home_news .home_news_con {margin:0 auto; text-align:center; margin-top:30px;width:100%; position:relative;}
#home_news .home_news_con ul li {width:379px; display: inline-block; vertical-align:top; margin-bottom:20px; margin-right:-4px; margin-left:33px;}
#home_news .home_news_con ul li:nth-child(1){ margin-left:0;}
#home_news .home_news_con ul li .img{ width:379px; height:247px; overflow:hidden;}
#home_news .home_news_con ul li img{ width:100%; height:100%;transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_con ul li img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_news .home_news_con ul li span{ display:block; font-size:16px; line-height:30px; padding:20px 10px 0 0; color:#222; text-align:left;}
#home_news .home_news_con ul li:hover span{ color:#00aaee; background:none;border:0 none;}
#home_news .home_news_con ul li p{ line-height:1.5; text-align:left; padding:5px 0 20px 0;}
#home_news .home_news_con a.more{ background:url(../images/more.png) no-repeat center left #00aaee; width:115px; height:40px; line-height:40px; border-radius:20px; color:#fff; font-size:16px; display:block; margin:0 auto; padding-left:30px; background-position:20px center; margin-top:0px;}
#home_news .home_news_con .news_qa ul li{ width:48.5%; padding:0; margin:0; line-height:50px; vertical-align:middle; margin-left:2%;}
#home_news .home_news_con .news_qa ul li:nth-child(2n+1){ margin-left:0;}
#home_news .home_news_con .news_qa ul li img{ width:26px; height:26px; position:relative; top:5px; margin-right:10px;}
#home_news .home_news_con .news_qa ul li span{ float:left; padding:0;}
#home_news .home_news_con .news_qa ul li p{ float:right; font-size:16px; color:#00aaee;}
#home_news .home_news_con .news_qa ul li p img{ width:20px; height:20px;}

/*home_partner*/
#home_partner{ width:100%;margin-top:50px; padding-bottom:30px;}
#home_partner .home_partner_dh{ height:30px; line-height:30px; font-size:30px; margin:0 auto; text-align:center; color:#00aaee; font-weight:600;}
#home_partner .home_partner_dh span{display:block;}
#home_partner .home_partner_dh span:before{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-right:10px; vertical-align: middle;}
#home_partner .home_partner_dh span:after{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-left:10px;vertical-align: middle;}
#home_partner .home_partner_dh em{ color:#454545; font-size:16px; font-weight: normal; line-height:2.5;}
#home_partner .home_partner_con{margin:0 auto; margin-top:70px;}
#home_partner .home_partner_con ul li{ float:left;width:178px; height:70px; border:1px solid #e4e4e4; margin-left:24px; margin-bottom:24px;}
#home_partner .home_partner_con ul li:nth-child(6n+1){ margin-left:0;}	

/*left*/
#left_con{ padding:20px 0px;}
#left{ width:100%;}
#left .left_dh{ margin:30px 0;border-top:none; text-align:center;}
#left .pro_dh{ margin-bottom:10px;}
#left .left_dh ul li{ line-height:36px; display:inline-block; margin:0 6px;}
#left .left_dh ul li a{ height:36px; display:block; font-size:16px; padding:0 20px; border:1px solid #ccc; border-radius:20px;}
#left .left_dh ul li a:hover{ color:#fff;border:1px solid #00aaee; background:#00aaee;}
#left .left_dh ul li a.on{ color:#fff;border:1px solid #00aaee; background:#00aaee;}
#left .left_dh>dl{ margin-top:30px; border:1px solid #e4e4e4; min-height:26px; padding:10px 20px; display:table;}
#left .left_dh>dl p{ float:left; font-size:15px; font-weight:bold; border-right:1px solid #e4e4e4; padding-right:20px;}
#left .left_dh>dl dd{ float:left; padding:0 20px; font-size:15px; line-height:2;}
#left .left_dh>dl dd a.on{ color:#00aaee;}
#left .left_dh .se_nav{ margin:0 auto;border:1px solid #e4e4e4; position:relative; display: table; width:99%;margin-top:30px;}
#left .left_dh .se_nav p{ font-size:15px; font-weight:bold; border-right:1px solid #e4e4e4; width:10%; display: table-cell; vertical-align: middle; background:#f5f5f5;}
#left .left_dh .se_nav dl{ min-height:26px; padding:10px 15px; width:90%;text-align:left; display: table-cell;}
#left .left_dh .se_nav dl dd{ float:left; padding:2px 20px;}
#left .left_dh .se_nav dl dd a.on{ color:#00aaee;}

/*pro*/
#pro_dh{ text-align:left; padding:20px 0;}

#pro_note em{ font-size:36px; color:#222;margin:0 auto; text-align:center; display:block; margin-top:20px;}
#pro_note .pro_note_con{ width:100%; margin:0 auto; font-size:14px; color:#454545; margin-top:20px;}
#pro_note .pro_note_con .note{width:76%; margin:0 auto; text-align:center;}
#pro_note .pro_note_con ul{ margin-top:40px; text-align:center;}
#pro_note .pro_note_con ul li{ display:inline-block; margin-right:-4px; width:33.33%; text-align:center; vertical-align:top;}
#pro_note .pro_note_con ul li span{ font-size:16px; color:#222; display:block; padding:8px 0; width:80%; line-height:1.4; margin:0 auto; height:40px;}
#pro_note .pro_note_con ul li p{ width:80%; margin:0 auto;}

#pro_use{ width:100%; background:#f4f4f4; padding-top:60px; margin-top:60px; padding-bottom:60px;}
#pro_use .pro_use_dh{ margin:0 auto; text-align:center;}
#pro_use .pro_use_dh em{ font-size:36px; color:#222; display:block; margin-bottom:10px;}
#pro_use .pro_use_dh span{ font-size:14px; color:#454545;}
#pro_use .pro_use_con{ width:100%; margin:0 auto; font-size:14px; color:#454545; margin-top:20px;}
#pro_use .pro_use_con .note{ width:85%; margin:0 auto;}
#pro_use .pro_use_con ul{ margin-top:40px;box-shadow: 0px 3px 30px 1px rgba(0,0,0,.1);}
#pro_use .pro_use_con ul li{ display:inline-block; margin-right:-4px; width:25%; vertical-align:top; background:#fff; height:350px; border-left:1px solid #eee;}
#pro_use .pro_use_con ul li:first-child{ border-left:0;}
#pro_use .pro_use_con ul li .img{ border-radius:50%; width:93px; height:93px; text-align:center; margin:0 auto; margin-top:40px; margin-bottom:10px;}
#pro_use .pro_use_con ul li em{ font-size:18px; color:#222; display:block; padding:8px 0; font-weight:bold; margin-top:10px;}
#pro_use .pro_use_con ul li p{ width:80%; margin:0 auto;}
#pro_use .pro_use_con ul li.w1{ width:33.3%;}
#pro_use .pro_use_con ul li.w2{ width:14.2%;}
#pro_use .pro_use_con ul li.w3{ width:19.9%; height:450px;}
	
#pro_cost{ width:100%; margin-top:60px; margin-bottom:30px;}
#pro_cost .pro_cost_dh{ margin:0 auto; text-align:center;}
#pro_cost .pro_cost_dh em{ font-size:36px; color:#00aaee; display:block; margin-bottom:10px;}
#pro_cost .pro_cost_dh em:before{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-right:10px; vertical-align: middle;}
#pro_cost .pro_cost_dh em:after{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-left:10px;vertical-align: middle;}
#pro_cost .pro_cost_dh span{ font-size:14px; color:#454545;}
#pro_cost .pro_cost_con{ width:100%; margin:0 auto; font-size:14px; color:#454545; margin-top:20px;}
#pro_cost .pro_cost_con ul{ margin-top:40px;}
#pro_cost .pro_cost_con ul li{ display:inline-block; margin-right:-4px; width:48%; vertical-align:top; background:#fff; padding:50px 0;box-shadow: 0px 3px 30px 1px rgba(0,0,0,.1); margin-left:4%}
#pro_cost .pro_cost_con ul li:first-child{ margin-left:0;}
#pro_cost .pro_cost_con ul li .img{ width:110px; height:110px; float:left; margin:30px; margin-left:50px;}
#pro_cost .pro_cost_con ul li i{ font-size:20px; color:#222; display:block; padding:8px 0; font-weight:bold; margin-top:10px; text-align:left; font-style: normal;}
#pro_cost .pro_cost_con ul li p{ width:85%; margin:0 auto;text-align:left;}

#pro_ads{ height:290px; margin:20px 0;}

#pro_cases{ width:100%; margin-top:60px; margin-bottom:30px;}
#pro_cases .pro_cases_dh{ margin:0 auto; text-align:center;}
#pro_cases .pro_cases_dh>em{ font-size:36px; color:#00aaee; display:block; margin-bottom:10px;}
#pro_cases .pro_cases_dh>em:before{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-right:10px; vertical-align: middle;}
#pro_cases .pro_cases_dh>em:after{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-left:10px;vertical-align: middle;}
#pro_cases .pro_cases_dh>span{ font-size:14px; color:#454545;}
#pro_cases .pro_cases_con{width:100%; margin:0 auto; margin-top:40px;}
#pro_cases .pro_cases_con ul li{ width:48.5%; padding:0; margin:0; line-height:3; vertical-align:middle; margin-left:2%; display:inline-block; font-size:15px; text-align:left;}
#pro_cases .pro_cases_con ul li:nth-child(2n+1){ margin-left:0;}
#pro_cases .pro_cases_con ul li span{ float:left; padding:0; padding-right:8px; color:#ec651a;}
#pro_cases .pro_cases_con ul li em{ border:1px solid #00aaee; height:20px; line-height:20px; color:#00aaee; font-size:12px; text-align:center; float:right; padding:0 5px; margin-top:12px;}

#pro_process{ height:146px; width:100%; margin-top:20px;}

#pro_news{ width:100%; margin-top:60px; margin-bottom:30px;}
#pro_news .pro_news_con{width:100%; margin:0 auto; margin-top:40px;}
#pro_news .pro_news_con .pro_dh li{ width:100%; border-bottom:3px solid #1f2639; display:inline-block; margin-right:-4px; font-size:36px; line-height:1.6; color:#00aaee; text-align:center; cursor:pointer;}
#pro_news .pro_news_con .pro_dh li:first-child{ border-bottom:3px solid #00aaee;}
#pro_news .pro_news_con .pro_dh em{ display:block; font-size:14px; color:#666; line-height:1; padding-bottom:25px;}
#pro_news .pro_news_con .pro_list{ line-height:2; margin-top:35px;}
#pro_news .pro_news_con .pro_list .pro_list_con ul li{ display:inline-block; width:31.7%; margin-left:22px; box-shadow: 0px 6px 20px 1px rgba(0,0,0,.1); margin-bottom:22px; vertical-align:middle; font-size:16px; line-height:80px;border:1px solid transparent;}
#pro_news .pro_news_con .pro_list .pro_list_con ul li:nth-child(3n+1){ margin-left:0px;}
#pro_news .pro_news_con .pro_list .pro_list_con ul li:hover{ border:1px solid #00aaee;}
#pro_news .pro_news_con .pro_list .pro_list_con ul li img{ padding:10px; float:left;}	
#pro_news .pro_news_con .pro_list .news_qa ul li{ width:49%; padding:0; margin:0; line-height:55px; vertical-align:middle; margin-left:0%; box-shadow: none; border:0;}
#pro_news .pro_news_con .pro_list .news_qa ul li:nth-child(2n+1){margin-left:0%;}
#pro_news .pro_news_con .pro_list .news_qa ul li:nth-child(3n+1){ margin-left:0%;}
#pro_news .pro_news_con .pro_list .news_qa ul li:nth-child(2n) p{padding-right:0;}
#pro_news .pro_news_con .pro_list .news_qa ul li:hover{ border:0;}
#pro_news .pro_news_con .pro_list .news_qa ul li img{ width:26px; height:26px; position:relative; top:5px;}
#pro_news .pro_news_con .pro_list .news_qa ul li span{ float:left; padding:0;}
#pro_news .pro_news_con .pro_list .news_qa ul li p{ float:right; font-size:16px; color:#00aaee; padding-right:25px; line-height:48px; position:relative; top:3px;}
#pro_news .pro_news_con .pro_list .news_qa ul li p img{ width:20px; height:20px;}

#pro_qa{ width:100%; margin-top:60px; margin-bottom:30px;}
#pro_qa .pro_qa_dh{ margin:0 auto; text-align:center;}
#pro_qa .pro_qa_dh>em{ font-size:36px; color:#00aaee; display:block; margin-bottom:10px;}
#pro_qa .pro_qa_dh>em:before{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-right:10px; vertical-align: middle;}
#pro_qa .pro_qa_dh>em:after{ content:''; height:1px; background:#c8c8c8; display:inline-block; width:50px; margin-left:10px;vertical-align: middle;}
#pro_qa .pro_qa_dh>span{ font-size:14px; color:#454545;}
#pro_qa .pro_qa_con{width:100%; margin:0 auto; margin-top:40px; margin-bottom:50px;}
#pro_qa .pro_qa_con ul li{ width:48.5%; padding:0; margin:0; line-height:50px; vertical-align:middle; margin-left:2%; display: inline-block; font-size:16px;}
#pro_qa .pro_qa_con ul li:nth-child(2n+1){ margin-left:0;}
#pro_qa .pro_qa_con ul li img{ width:26px; height:26px; position:relative; top:5px; margin-right:10px;}
#pro_qa .pro_qa_con ul li span{ float:left; padding:0;}
#pro_qa .pro_qa_con ul li p{ float:right; font-size:16px; color:#00aaee;}
#pro_qa .pro_qa_con ul li p img{ width:20px; height:20px;}
	
/*content*/
#right{ width:100%;}
#right .right_dh{ height:50px; line-height:50px; background:#f5f5f5;}
#right .right_dh_l{ color:#666; font-size:14px; float:left;}
#right .right_dh_r{ float:right; padding-right:6px;}
#right .right_con{ min-height:200px; height:auto; _height:200px; padding:15px 5px;}
#right .right_con .re_pic{border:1px solid #e4e4e4; padding:15px 20px 25px 20px; margin-bottom:30px;}
#right .right_con .re_pic .re_pic_dh{border-bottom:1px solid #e4e4e4;margin-bottom:20px;}
#right .right_con .re_pic .re_pic_dh em{ border-bottom:3px solid #00aaee; font-size:18px; line-height:2; display:inline-block;}
#right .right_con .re_pic ul li{ float:left; width:205px; margin:0 12px;}
#right .right_con .re_pic ul li img{width:205px; height:208px;}
#right .right_con .re_pic ul li em{ display:block; font-size:15px; height:50px; border-bottom:1px solid #e4e4e4; line-height:1.5; padding:5px 0;}
#right .right_con .re_pic ul li p{ padding-top:5px; padding-bottom:20px;}
#right .right_con .re_pic ul li a.more{border:1px solid #00aaee; height:20px; line-height:20px; color:#00aaee; font-size:12px; text-align:center; float:right; padding:0 5px; margin-top:5px;}
#right .right_con .l{ width:880px; float:left;}
#right .right_con .r{ width:275px; float:right;}
#right .right_con .r .r_img{ background:url(../images/rightimg.jpg) no-repeat top center; height:400px;}
#right .right_con .r .r_img_dh{ font-size:16px; height:36px; padding:10px 20px 0 20px; text-align:center;}
#right .right_con .r .r_img_dh em{ color:#222; text-align:center; margin:0 auto; height:36px; line-height:36px;}
#right .right_con .r .r_img_dh em:after{ content:''; height:1px; width:100%; display:inline-block; background:rgba(0,0,0,0.2);}
#right .right_con .r .r_img_con{ margin:20px; font-size:16px;text-align:center; font-weight:600; font-family:Arial;}
#right .right_con .r .r_img_con em{ display:block; font-size:14px; font-weight:normal; font-family:"Microsoft YaHei";}
#right .right_con .r .r_img_con img{ width:124px; height:124px;}
#right .right_con .r .r_pro{ border:1px solid #e4e4e4; margin-top:20px;}
#right .right_con .r .r_pro_dh{ font-size:16px; border-bottom:1px solid #e4e4e4; height:36px; padding:10px 20px 0 20px;}
#right .right_con .r .r_pro_dh em{ font-size:16px; border-bottom:2px solid #00aaee; line-height:36px; display:inline-block;}
#right .right_con .r .r_pro_dh .more{ border:1px solid #00aaee; height:20px; line-height:20px; color:#00aaee; font-size:12px; text-align:center; float:right; padding:0 5px; margin-top:5px;}
#right .right_con .r .r_pro ul{ margin:20px 0 0 0;}
#right .right_con .r .r_pro ul li{ display:inline-block; width:50%; margin-right:-4px; text-align:center; margin-bottom:20px;}
#right .right_con .r .r_pro ul li img{ width:62px; height:62px;}
#right .right_con .r .r_pro ul li span{ display:block;}
#right .right_con .r .r_case{ border:1px solid #e4e4e4; margin-top:20px;}
#right .right_con .r .r_case_dh{ font-size:16px; border-bottom:1px solid #e4e4e4; height:36px; padding:10px 20px 0 20px;}
#right .right_con .r .r_case_dh em{ font-size:16px; border-bottom:2px solid #00aaee; line-height:36px; display:inline-block;}
#right .right_con .r .r_case_dh .more{ border:1px solid #00aaee; height:20px; line-height:20px; color:#00aaee; font-size:12px; text-align:center; float:right; padding:0 5px; margin-top:5px;}
#right .right_con .r .r_case ul{ margin:20px;}
#right .right_con .r .r_case ul li{ line-height:30px; height:30px; position:relative; padding-left:16px;}
#right .right_con .r .r_case ul li:after{ display:table; width:6px; height:6px; content: ""; border-radius:50%; margin-top:-3px;position: absolute;top: 50%;left:0;background:#EC651A;}
#right .right_con .r .r_news{ border:1px solid #e4e4e4; margin-top:20px;}
#right .right_con .r .r_news_dh{ font-size:16px; border-bottom:1px solid #e4e4e4; height:36px; padding:10px 20px 0 20px;}
#right .right_con .r .r_news_dh em{ font-size:16px; border-bottom:2px solid #00aaee; line-height:36px; display:inline-block;}
#right .right_con .r .r_news_dh .more{ border:1px solid #00aaee; height:20px; line-height:20px; color:#00aaee; font-size:12px; text-align:center; float:right; padding:0 5px; margin-top:5px;}
#right .right_con .r .r_news ul{ margin:20px;}
#right .right_con .r .r_news ul li{ line-height:30px; height:30px; position:relative; padding-left:16px;}
#right .right_con .r .r_news ul li:after{ display:table; width:6px; height:6px; content: ""; border-radius:50%; margin-top:-3px;position: absolute;top: 50%;left:0;background:#EC651A;}
#right .right_con .pro_con{ margin-top:20px;border-bottom:1px solid #e4e4e4; display:table; margin-bottom:30px; width:1200px;}
#right .right_con .pro_con .pro_name{ text-align:center; padding-bottom:25px; border-bottom:1px solid #e4e4e4; margin-bottom:30px;}
#right .right_con .pro_con .pro_name span{ font-size:22px; color:#222;}
#right .right_con .pro_con img{ float:left; max-width:300px;}
#right .right_con .pro_con .pro_note{ float:right; font-size:15px; line-height:1.8; margin-bottom:50px;}
#right .right_con .pro_con .pro_note .pro_btn{ margin-top:30px; margin-left:12px;}
#right .right_con .pro_con .pro_note .pro_btn a{ background:#fff; color:#454545; font-size:15px; text-align:center; height:34px; line-height:34px; border-radius:5px; display:block; padding:0 20px; border:1px solid #00aaee; margin-top:10px; float:left; margin-right:30px;}
#right .right_con .pro_con .pro_note .pro_btn a:nth-child(2){ background:#00aaee; color:#fff; font-size:15px; text-align:center; height:36px; line-height:36px; border-radius:5px; display:block; padding:0 20px;}
#right .right_con .pro_con .pro_note .pro_btn a:nth-child(3){ background:#00aaee; color:#fff; font-size:15px; text-align:center; height:36px; line-height:36px; border-radius:5px; display:block; padding:0 20px;}
#right .right_con .pro_con .pro_note .pro_btn a:last-child{ background:#00aaee; color:#fff; font-size:15px; text-align:center; height:36px; line-height:36px; border-radius:5px; display:block; padding:0 20px; position:relative;}
#right .right_con .pro_con .pro_note .pro_btn a:last-child:hover .img{ display:block;}
#right .right_con .pro_con .pro_note .pro_btn a .img{ position: absolute; left:-12px; margin-top:1px; border:1px solid #e4e4e4; z-index:9;display:none;}
#right .right_con .l .dis_dh li{ width:50%; border-bottom:3px solid #1f2639; display:inline-block; margin-right:-4px; font-size:22px; line-height:2; color:#222; text-align:center; cursor:pointer;}
#right .right_con .l .dis_dh li:first-child{ border-bottom:3px solid #00aaee;}
#right .right_con .l .dis_note{ line-height:2;}
#right .right_con .l .l_case{ border:1px solid #e4e4e4; margin-top:20px; display:inline-block; width:48%; vertical-align:top;}
#right .right_con .l .l_case_dh{ font-size:16px; border-bottom:1px solid #e4e4e4; height:36px; padding:10px 20px 0 20px;}
#right .right_con .l .l_case_dh em{ font-size:16px; border-bottom:2px solid #00aaee; line-height:36px; display:inline-block;}
#right .right_con .l .l_case_dh .more{ border:1px solid #00aaee; height:20px; line-height:20px; color:#00aaee; font-size:12px; text-align:center; float:right; padding:0 5px; margin-top:5px;}
#right .right_con .l .l_case ul{ margin:20px;}
#right .right_con .l .l_case ul li{ line-height:30px; height:30px; position:relative; padding-left:16px;}
#right .right_con .l .l_case ul li:after{ display:table; width:6px; height:6px; content: ""; border-radius:50%; margin-top:-3px;position: absolute;top: 50%;left:0;background:#EC651A;}
#right .right_con .l .custom{padding:40px; margin:0 auto; text-align:center; vertical-align:top;}
#right .right_con .l .custom .btn{ width:200px; height:50px; line-height:50px; font-size:18px; text-align:center; background:#00aaee; color:#fff; display:inline-block;}
#right .right_con .l .custom .phone{ background:#00aaee; height:50px; line-height:50px; width:400px;display:inline-block; position:relative;top:-1px; left:20px;}
#right .right_con .l .custom .phone em{ background:#fff; display:inline-block; height:46px; line-height:45px; width:273px; margin-left:2px; text-align:left; text-indent:20px; font-size:16px;}
#right .right_con .l .custom .phone em i{ font-size:20px; font-weight:600; color:#00aaee; font-family:Arial; font-style:normal;position:relative;top:2px;}
#right .right_con .l .custom .phone span{ width:125px; text-align:center; display:inline-block; background:url(../images/chat.png) no-repeat center left; background-position:20px 15px;}
#right .right_con .l .custom .phone span a{ color:#fff; font-size:15px; padding-left:30px;}
#right .right_con .l .dis_pic{ margin-top:30px;}
#right .right_con .l .dis_pic img{ border:0;}
	
/*list_pro*/
ul.list_pro{text-align:center;min-height:200px;_height:200px;}
ul.list_pro li{float:left;width:220px;margin:0 10px;line-height:25px; height:220px;}
ul.list_pro li .img{width:220px;height:165px;overflow:hidden;}
ul.list_pro li img{width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_pro li span{ display:block; padding-top:10px;}

/*list_pic*/
ul.list_pic{min-height:200px;_height:200px; margin-bottom:20px;}
ul.list_pic li{position:relative;padding-top:5px;padding-bottom:20px;}
ul.list_pic li:after{ display:block; content:''; height:40px; clear: both; border-bottom:1px solid #eee;}
ul.list_pic li a{font-size:14px;}
ul.list_pic li .img{ width:200px;height:160px; margin-right:22px; margin-top:12px; float:left;overflow:hidden;}
ul.list_pic li .img img{ width:200px;height:160px;transition: all 0.6s; -ms-transition: all 0.6s; object-fit:cover;}
ul.list_pic li .img:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_pic li span{ font-size:16px; margin:10px 0; display:block; margin-top:20px;}
ul.list_pic li p{ color:#888; width:85%;}
ul.list_pic li em{font-size:14px; display:block;margin:0;color:#888; float:right;}
ul.list_pic li .more{ float:right; position: absolute; top:50px; right:0;}
ul.list_pic li .more a{ background:#00aaee; color:#fff; font-size:15px; text-align:center; height:36px; line-height:36px; border-radius:5px; display:block; padding:0 20px;}
ul.list_pic li .more a:last-child{ background:#fff; color:#454545; font-size:15px; text-align:center; height:34px; line-height:34px; border-radius:5px; display:block; padding:0 20px; border:1px solid #00aaee; margin-top:10px;}
	
/*display*/
.dis_big{ text-align:center;}
.dis_big .l{ float:left; width:60%;}
.dis_big .r{ float:right; text-align:left; width:40%; margin-top:20px;}
.dis_name{line-height:30px;height:30px; color:#454545; font-size:14px; padding-top:10px;}
.dis_name span{line-height:30px;height:30px;color:#565656; font-size:14px;font-weight: normal;}
.dis_pic{ position: relative; text-align:center;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display:none;}
.dis_pic a.p_prev{ background:url(../images/left.png) no-repeat; left:0;}
.dis_pic a.p_next{ background:url(../images/right.png) no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{border:1px solid #e6e6e6; max-width:100%;}
.dis_note{text-align:left;line-height:23px; margin-top:26px;}
.dis_close{ margin:0 auto; text-align:center; padding:20px 0;}
.dis_close a{ padding:5px;}

/*list_share*/
ul.list_share{text-align:center;min-height:200px;_height:200px;}
ul.list_share li{float:left;width:292px;margin:0 8px;line-height:25px; height:290px;}
ul.list_share li .img{width:292px;height:243px;overflow:hidden;}
ul.list_share li img{width:100%;height:auto;object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_share li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_share li span{ display:block; padding-top:10px;}

/*share_list*/
ul.share_list{ margin:0 auto;width:100%;}
ul.share_list li{ width:267px;height:250px;float:left;margin:0 15px;}
ul.share_list .img{width:267px;height:200px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #e4e4e4; overflow:hidden; background:#fff;}
ul.share_list .img img{ max-width:267px; max-height:180px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.share_list li:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);}
ul.share_list li span{ display:block; padding-top:10px;text-align:center;}

/*table*/
table.list{font-family: "Microsoft YaHei",verdana,arial,sans-serif;font-size:13px;color:#333333;border-width: 1px;border-color: #666;border-collapse: collapse; width:100%}
table.list th {border-width: 1px;padding: 8px;border-style: solid;border-color: #ccc;background-color: #e8e8e8; font-weight:normal}
table.list td {border-width: 1px;padding: 8px;border-style: solid;border-color: #666;background-color: #e8e8e8; font-weight:normal}

/*list_news*/
ul.list_news{min-height:200px;_height:200px;}
ul.list_news li{position:relative;height:40px;line-height:40px;border-bottom:1px dotted #ccc;}
ul.list_news li span{position:absolute;right:5px;top:0px;}

/*list_img_news*/
ul.list_img_news{min-height:200px;_height:200px; margin-bottom:20px;}
ul.list_img_news li{position:relative;padding-top:5px;}
ul.list_img_news li .news_date{ background:#f4f4f4; width:120px; height:80px; text-align:center;float:left; padding-top:40px;margin-bottom:40px;}
ul.list_img_news li .news_date em{ font-size:72px; display:block; text-align:center; color:#666;}
ul.list_img_news li .news_date p{ font-size:14px; margin-top:20px;}
ul.list_img_news li .news_note{ float:right; text-align:left; width:720px; margin-left:30px;}
ul.list_img_news li .news_note dd{ font-size:16px; margin:10px 0; display:block; margin-top:20px;}
ul.list_img_news li .news_note span{ color:#888;}

/*list_pic_news*/
ul.list_pic_news{text-align:center;min-height:200px;_height:200px;}
ul.list_pic_news li{float:left;width:300px;margin:0 8px;line-height:25px; height:260px;}
ul.list_pic_news li .img{width:300px;height:200px;overflow:hidden;}
ul.list_pic_news li img{width:100%;height:auto;object-fit:cover;transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
ul.list_pic_news li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_pic_news li span{ display:block; padding-top:10px;}

/*dis_news*/
#dis_news .news_title{font-size:22px;_height:30px;min-height:30px;line-height:30px;text-align:center; color:#222;}
#dis_news .news_date{text-align:center;_height:26px; line-height:26px; padding-bottom:15px; color:#666; border-bottom:1px solid #e4e4e4; margin-bottom:15px;}
#dis_news .news_content{padding:5px;_height:200px;min-height:200px;line-height:23px; text-align:left;}
#dis_news .news_close{ margin:0 auto; text-align:center; padding:20px 0;}
#dis_news .news_close a{ padding:5px;}
.re_news ul li{ display:inline-block; width:50%; margin-right:-4px; vertical-align:top;}
.re_news ul li em{ font-size:16px; margin-bottom:10px; display:block;}
.re_news ul dd{ line-height:30px; height:30px; position:relative; padding-left:16px;}
.re_news ul dd:after{ display:table; width:6px; height:6px; content: ""; border-radius:50%; margin-top:-3px;position: absolute;top: 50%;left:0;background:#EC651A;}
	
/*list_links*/
ul.list_links{text-align:center;min-height:200px;_height:200px;}
ul.list_links li{float:left;padding:5px 10px;text-align:center;width:140px;min-height:50px;_height:50px;}
ul.list_links li img{width:130px;height:50px;}

/*scroll*/
/*page*/
.page{text-align:center;line-height:30px;min-height:25px;clear:both;_height:25px; margin-top:20px;}
/*pages_style*/
.pages{ width:100%; margin:0 auto;margin-top:30px; text-align:center;}
.pages a{border:1px solid #c1c1c1;padding:5px 10px;margin:0 3px;}
.pages a:hover,a.active{background:#1B77C6;color:#fff;border-color:#1B77C6;}
.pages span{border:1px solid #c1c1c1;padding:5px 10px;margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{background:#1B77C6;color:#fff;border-color:#1B77C6;}

/*other*/
.feedback { width:680px;}
.feedback img{ cursor: pointer;}
.feedback input{ line-height:24px; color:#565656; font-size:14px; width:246px; border:1px solid #ccc; height:24px; margin-bottom:12px;}
.feedback textarea{ line-height:24px; color:#565656; font-size:14px; width:450px; border:1px solid #ccc; height:96px; margin-bottom:12px;resize:none;}
.feedback ul li span{ line-height:24px; color:#565656; font-size:14px; width:96px; height:24px; margin-right:12px; float:left; text-align:left}
.feedback .submit{ line-height:26px; color:#565656; width:110px; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer}
.feedback .code{ width:246px;}
.feedback img{ color:#565656; float:right;}

/*animate*/
@keyframes rotate{
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}

/*map*/
.map{width:100%;height:400px;border:1px solid #ccc;}
.shadow,.pop,.anchorBL{ display:none;}

/*form*/
.form {margin:0 auto; width:100%;}
input[type="text"],textarea{ height:26px; border:1px solid #ddd; width:300px;}
input.input{ width:70px;}
textarea{ height:100px; width:500px; margin:5px 0;}
input[type="submit"]{ line-height:26px; color:#565656; width:100px; border:0px solid #ccc; height:32px; margin-top:30px; cursor:pointer;background:#e5e5e5; margin-right:5px;}
input[type="submit"]:hover{background:#00aaee;color:#fff;}
input[type="reset"]{ line-height:26px; color:#565656; width:100px; border:0px solid #ccc; height:32px; margin-top:30px; cursor:pointer;background:#e5e5e5;}
input[type="reset"]:hover{background:#00aaee;color:#fff;}

/*float*/
.float{width:50px;position:fixed;right:0;bottom:150px;background:#e2e4e3;z-index:99; padding:10px 0;border-radius:5px 0 0 5px;}
.float li{ margin:20px 0;position:relative;}
.float li .icon_on{ display:none;}
.float li:hover .icon_on{ display:block;}
.float li:hover .icon_off{ display:none;}
.float li:nth-child(2):hover>.note{ display:block;}
.float li:nth-child(3):hover>.note{ display:block;}
.float em{ display:block; width:80%; margin:0 auto; text-align:center; line-height:1.2; padding-top:10%;}
.float .note{ background:#fff;width:135px; position:absolute; right:50px; color:#222; padding:15px 0 10px 0; text-align:left; padding-left:10px; line-height:1.5;font-size:18px;box-shadow: 0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow: 0px 6px 30px 1px rgba(0,0,0,.2);display:none;}
.float .note img{ width:120px; height:120px;}
.m_float{ display:none;}

/*livechat*/
#livechat{z-index:999; right:45px; visibility: visible; width: 140px; position: absolute;top:220px; height: 203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none;}
#livechat ul{ border-top: 1px solid #e0e0e0; padding:10px 0;}
#livechat ._title{line-height:20px;font-size:12px;margin:10px 0;color:#898989;text-align:center; display:inline-block;}
#livechat ._close{position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}
#livechat ._img{line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
.chat_top{ width:135px; height:36px; background:#00aaee; font-size:14px; font-weight:bold;color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{border-left: 1px solid #00aaee;border-bottom: 1px solid #00aaee;border-right: 1px solid #00aaee;background:#fff; line-height:28px;}

/*nav*/
#footer_nav{ background:#f4f4f4; width:100%; margin-top:40px; padding:40px 0;}
#footer_nav ul li{ display:inline-block; text-align:center; width:20%; margin-right:-4px; vertical-align:top;}
#footer_nav ul li .img{ width:85px; height:85px; background:#1f2639; border-radius:50%; margin:0 auto; text-align:center;}
#footer_nav ul li .img img{ padding-top:20px; margin:0 auto;}
#footer_nav ul li .img img:last-child{ display:none;}
#footer_nav ul li:hover .img{ background:#00aaee;}
#footer_nav ul li:hover .img img:first-child{ display:none;}
#footer_nav ul li:hover .img img:last-child{ display:block;}
#footer_nav ul li em{ display:block; text-align:center; font-size:18px; color:#0e0e0e; padding:10px 0 5px 0;}
#footer_nav ul li p{ width:80%; margin:0 auto; line-height:1.5;}
	
/*footer*/
#footer{ min-height:30px; height:auto; _height:auto; padding:40px 0 20px 0; background:#1f2639; color:#fdfdfd;}
#footer a{ color:#fdfdfd;}
#footer a:hover{ color:#00aaee;}
#footer .footer_con{margin:0 auto; text-align:center;}
#footer .footer_con .l{ float:left; text-align:left; margin-bottom:20px;}
#footer .footer_con .l .l_nav{ margin-bottom:20px;}
#footer .footer_con .r{ float:right; text-align:right;}
#footer .footer_con .r dl dd{ text-align:right; font-size:24px;}
#footer .footer_con .r dl dd span{ font-size:15px; position:relative; top:-7px; padding-left:6px;font-family:Arial;}
#footer .footer_con .r dl dd em{position:relative; top:-5px;font-family:Arial;}
#footer .footer_con .r dl dd:last-child{ margin-top:-5px; font-family:Arial;}
#footer .footer_con .r ul{ margin-top:25px;}
#footer .footer_con .r ul li{ float:left; margin-left:20px;margin-bottom:20px;}
#footer .footer_con .r ul li img{ width:124px; height:124px;}
#footer .footer_con .r ul li span{ display:block; text-align:center;}
#footer .copyright{ border-top:1px solid #4c5261; padding-top:20px; color:#bdbdbd;}
#footer .float{ position: fixed; bottom:0; background:rgba(0,0,0,.6); height:85px; color:#fff; z-index:9; width:100%; display:none;}
#footer .float img{ padding-top:15px; float:left;}
#footer .float .notice{ padding-top:8px; float:left; width:700px; margin-left:60px;}
#footer .float .notice p{ font-size:16px; margin-bottom:5px;}
#footer .float .notice input{ width:136px; border-radius:5px; text-indent:10px; height:30px; line-height:30px; font-size:14px; color:#565656;}
#footer .float .notice select{ width:136px; border-radius:5px; text-indent:10px; height:33px; line-height:36px; vertical-align:top; margin-top:1px;}
#footer .float .notice input[type="submit"]{ width:98px; border-radius:5px; height:32px; line-height:30px; margin-top:0; background:#00aaee; color:#fff; font-size:15px; text-indent:0; position:relative; top:1px;}
#footer .close{ width:35px; height:35px; border-radius:50%; background:#00aaee; color:#fff; font-size:30px; text-align:center; float:right; line-height:32px;margin-top:20px; cursor:pointer;}
.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer;}
.go_top em{ text-align:center;display:block; line-height:1; padding-top:3px;}

/*自适应控制移动端菜单*/
@media (min-width: 769px){
.header{ display:none;}
.m_left_dh{ display:none;}
.m_re_pic{ display:none;}
#footer_phone{ display:none;}
.m_l_case{ display:none;}
.pro_cases{ display:none;}
#home_search{ display:none;}
#home_nav{ display:none;}
.home_pro{ display:none;}
.m_note{ display:none;}
.m_home_news{ display:none;}
.home_process{ display:none;}
.m_dh{ display:none;}
}

/*移动端样式*/
@media screen and (max-width:768px) {
/*public*/
body{ overflow:auto; overflow-x: hidden;}
#header{ display:none;}
#menu{ display:none;}
.container{ min-width:100%; width:100%;}
.con{ padding:0;}
.header{ width:100%;height:60px;line-height:60px; background:#fff; position: fixed;z-index:999;box-shadow:0px 1px 10px rgba(0,0,0,.2);}
.header .m_logo{ margin:0 auto; text-align:center;}
.header .m_logo img{ height:40px; padding:10px 10px;}
.header .m_phone img{ height:27px; padding:7px 10px; position:fixed; right:0px; top:10px;}
.header .nav{ height:100%; background:#fff; position: absolute; top:60px; width:100%;border-top:1px solid #f0f0f0;display:none;}
.header .nav ul li a{ display:block; font-size:14px; color:#454545; line-height:16px; text-align:left; padding:12px 20px; border-bottom:1px solid #f0f0f0; font-weight:600;}
.header .nav ul li a span{ line-height:16px; font-family:Arial, Helvetica, sans-serif;display:block; font-size:10px;}
.header .nav ul li a:hover{ background:#00aaee;color:#fff;}
.header .nav ul dl{ margin:0 auto; text-align:center;line-height:26px; margin-top:10px; width:98%;}
.header .nav ul dd{ float:left;border:1px solid #e4e4e4; width:29.2%; line-height:26px;height:26px; text-align:center; margin:0 3px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:8px; padding:0 3px;}
.header .header_icon {position:fixed;top:15px;left:10px;overflow:hidden;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before {position:absolute;background-color:#00aaee;height:2px;width:25px;}
.header .header_icon span {left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:background-color .3s;transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before {content:'';left:0;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before {-webkit-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
.header .header_icon span::after {-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}
.header_top{ height:60px;}
.banner{ height:180px; background-size:cover; top:0;}
.banner .swiper-button-next,.swiper-button-prev{ width:50px; margin-right:15px;margin-left:0;}
.banner_inside{ height:140px; background-size:cover; top:0;}
.banner_inside .swiper-button-next,.swiper-button-prev{ width:50px; margin-right:15px;margin-left:0;}

/*home*/
.home_phone{ display:none;}
.banner .pro_nav{ display:none;}

#home_search{padding-top:20px; width:90%; margin:0 auto;}
#home_search form{ background:#00aaee; height:35px; line-height:35px; border:2px solid #00aaee;}
#home_search input[type="text"]{ width:85%; border:0; height:35px; line-height:35px; vertical-align:top; text-indent:10px; color:#888; float:left;}
#home_search input[type="image"]{ vertical-align:middle; padding:0 10px; cursor:pointer; padding-top:5px;}
#home_search span>em{ color:#ec651a; margin-top:5px; display:inline-block;}

#home_service .home_service_con ul li{ width:50%; text-align:center; vertical-align:top; margin-bottom:20px;}
#home_service .home_service_con ul li img{ float:none;}
#home_service .home_service_con ul li p{ float:none;}
#home_service .home_service_con ul li i{ text-align:center;}
#home_service .home_service_con ul li em{ text-align:center; width:80%; display:block; margin:0 auto;}

#home_nav{ margin:0 auto; width:94%; margin-top:20px; margin-bottom:20px;}
#home_nav li{ display:inline-block;margin-left:4%;}
#home_nav li:nth-child(1){margin-left:0;}
#home_nav li a{ display:inline-block; width:70px; height:50px; border-radius:50%; color:#fff; vertical-align:middle;padding-top:20px;}
#home_nav li:nth-child(1) a{ background:#00aaee;}
#home_nav li:nth-child(2) a{ background:#e58b60;}
#home_nav li:nth-child(3) a{ background:#e35e46;}
#home_nav li:nth-child(4) a{ background:#00b9e7;}
#home_nav li em{ display:block;}

#home_service{ padding:15px 0; display:none;}
#home_m_service ul{ text-align:center; margin:0 auto; background:#f4f4f4; padding:15px 0;}
#home_m_service ul li{ display:inline-block; text-align:center; width:32%;}
#home_m_service ul li>em{ font-size:20px; font-weight:600; color:#00aaee; display:block;}
	
#home_pro .home_pro_dh{ font-size:26px;padding-top:25px;}
#home_pro .home_pro_dh p{ display:none;}
#home_pro .home_pro_con{ display:none;}
.home_pro{ margin:0 auto; width:92%; margin-top:30px;}
.home_pro .home_pro_con ul li{ display:inline-block; width:33.33%; margin-right:-4px; text-align:center; margin-bottom:20px; vertical-align:top;}
.home_pro .home_pro_con ul li span{ line-height:1.4; margin-top:5px; display: inline-block;}
.home_pro .home_pro_con .more{ width:50%; height:36px; color:#fff;  background:#00aaee; line-height:36px; display:block; margin:0 auto; text-align:center; border-radius:25px;}

#home_zj{ margin-top:30px; height:auto; background-size: cover; padding-bottom:50px;}
#home_zj .home_zj_dh{ padding-top:30px; font-size:26px;}
#home_zj .home_zj_dh em{font-size:14px;}
#home_zj .home_zj_con{ width:96%; margin-top:50px;}
#home_zj .home_zj_con ul li{ font-size:14px; width:48%; margin-right:12px;}
#home_zj .home_zj_con ul li .note{ margin:0; margin-top:1px;}
#home_zj .home_zj_list{ width:76%;}
#home_zj .home_zj_note{ display:none;}

#home_process{ display:none;}

#home_about{ width:94%; margin:0 auto;}
#home_about .home_about_con{ margin-top:60px;}
#home_about .home_about_dh{ padding-top:30px; font-size:26px;}
#home_about .home_about_dh em{ line-height:1.5; width:80%; display:block; margin:0 auto; text-align:center; font-size:14px;}
#home_about .home_about_note img{ width:100%; height:160px; object-fit:cover; margin-bottom:10px;}
#home_about .home_about_note .note{ display:none;}
#home_about .home_about_note .m_note{ width:100%;overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:6;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
#home_about .home_about_list>span{ height:50px; line-height:50px; margin-top:10%;}
#home_about .about_list{ margin-top:30px; width:80%;}
#home_about .about_list ul li{ margin-left:0; margin-bottom:10px; width:48.5%; margin-right:10px;}
#home_about .about_list ul li .img{ width:100%; height:120px;}
#home_about .about_list ul li .img img{ width:100%; height:100%;}

#home_cases{ padding-bottom:20px;}
#home_cases .home_cases_dh{ padding-top:26px; font-size:26px;}
#home_cases .home_cases_dh em{width:80%; display:block; margin:0 auto; text-align:center; font-size:14px; line-height:1.5; margin-top:5px;}
#home_cases .home_cases_nav ul li{ width:33%; border-radius:20px; font-size:14px; margin:0 5px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_cases .home_cases_nav ul li:first-child{border-radius:20px;}
#home_cases .home_cases_nav ul li:last-child{border-radius:20px;}
#home_cases .home_cases_con{ width:94%; margin:0 auto; margin-top:30px;}
#home_cases .home_cases_con ul li{ width:100%; border:0; margin-left:0;}
#home_cases .home_cases_con ul li .img{ height:auto; float:left;width:30%; margin-right:15px;}
#home_cases .home_cases_con ul li img{ width:100%; height:auto; border-radius:5px;}
#home_cases .home_cases_con ul li span{ padding-top:0;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_cases .home_cases_con ul li p{ overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#home_cases .home_cases_con ul li:nth-child(4){ display:none;}
#home_cases .home_cases_con ul li:nth-child(5){ display:none;}
#home_cases .home_cases_con ul li:nth-child(6){ display:none;}
#home_cases .home_cases_con ul li:nth-child(7){ display:none;}
#home_cases .home_cases_con ul li:nth-child(8){ display:none;}
#home_cases .home_cases_con ul li:nth-child(9){ display:none;}
#home_cases .home_cases_con ul li:nth-child(10){ display:none;}

#home_news {padding-bottom:20px;}
#home_news .home_news_dh{ margin-top:30px; font-size:26px;}
#home_news .home_news_dh em{ font-size:14px;}
#home_news .home_news_con{ width:94%; margin:0 auto; margin-top:30px;}
#home_news .home_news_con ul li:nth-child(2){display:none;}
#home_news .home_news_con ul li:nth-child(3){display:none;}
#home_news .home_news_con ul li{ width:100%;}
#home_news .home_news_con ul li .img{ float:left; width:40%; height:auto; margin-right:20px;}
#home_news .home_news_con ul li span{ padding-top:0;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_con ul li p{ padding:0;overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#home_news .home_news_con ul.m_home_news{ margin-bottom:30px;}
#home_news .home_news_con ul.m_home_news li:nth-child(2){display: block;}
#home_news .home_news_con ul.m_home_news li:nth-child(3){display:block;}
#home_news .home_news_con ul.m_home_news li{ margin-left:0; margin-bottom:0;margin-right:0; display:inline;}
#home_news .home_news_con ul.m_home_news li span{ font-size:14px;width: calc(100% - 86px); padding:0;}
#home_news .home_news_con ul.m_home_news li span em{ color:#EC651A;}
#home_news .home_news_con ul.m_home_news li p{ float:right; display:inline-block; position:relative; top:-26px;}
#home_news .home_news_con .news_qa ul li{ width:100% !important; font-size:14px; line-height:2; position:relative; margin-left:0; margin-bottom:5px;}
#home_news .home_news_con .news_qa ul li p:after{ display:table; width:6px; height:6px;content: ""; border-radius:50%; margin-top:-3px;position: absolute;top: 50%;left:0;background:#EC651A;}
#home_news .home_news_con .news_qa ul li:nth-child(3n+1){ margin-left:0;}
#home_news .home_news_con .news_qa ul li img{ width: 40px;}
#home_news .home_news_con .news_qa ul li span{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;width: calc(100% - 120px);margin-left:15px;}
#home_news .home_news_con .news_qa ul li span img{ display:none;}
#home_news .home_news_con .news_qa ul li p{ font-size:14px;}
#home_news .home_news_con .news_qa ul li em{ top:0; font-size:14px;}
#home_news .home_news_con .news_qa ul li:nth-child(2n+1){ margin-left:0;}

#home_partner{ margin-top:30px;}
#home_partner .home_partner_dh{ font-size:26px;}
#home_partner .home_partner_dh em{ line-height:1.5; width:80%; display:block; margin:0 auto; text-align:center; font-size:14px;}
#home_partner .home_partner_con{ width:92%; margin:0 auto; margin-top:70px;}
#home_partner .home_partner_con ul li{ width:29.45%; height:auto; margin-left:0; margin:0 5px; text-align:center; padding-top:5px; margin-bottom:10px;}
#home_partner .home_partner_con ul li img{ width:100%;}
#home_partner .home_partner_con ul li:nth-child(6n+1){ margin:0 5px;}

.home_process{ background:#1f2639;}
.home_process img{ width:100%;}

/*content*/
/*right*/
#right{ width:100%;}
#right .right_dh{ display:none;}
#right .right_con{ min-height:320px; padding:10px;}
#right .right_con img{ max-width:100%; height:auto; padding:0 !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
#right .right_dh_r{ display:none;}
#right .m_dh{ display:block; background:#f5f5f5; height:30px; line-height:30px; text-indent:10px; text-align:left;}
#right .right_icon { position:absolute;top:5px;right:0;height:30px;width:30px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;}
#right .right_icon span{ width:5px; height:5px; border-radius:50%; background:#222; display:block; float:right; position:relative;top:18px; margin-left:4px;}
#right .right_con .l{ width:100%;}
#right .right_con .r{ display:none;}
#right .right_con .re_pic{ display:none;}
#right .right_con .m_re_pic{ width:100%; margin:0 auto;border-bottom:1px solid #e4e4e4;} 
#right .right_con .m_re_pic .re_pic_dh{border-bottom:1px solid #e4e4e4;margin-bottom:20px;}
#right .right_con .m_re_pic .re_pic_dh em{ border-bottom:3px solid #00aaee; font-size:18px; line-height:2; display:inline-block;}
#right .right_con .m_re_pic li{ margin:0 auto; text-align:center;}
#right .right_con .m_re_pic li em{ display:block;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; color:#222; margin-top:6px;}
#right .right_con .m_re_pic li img{ max-width:100%; height:100px; object-fit:cover;}
#right .right_con .m_re_pic li p{overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical; line-height:1.5; width:82%; margin:0 auto;margin-bottom:20px;}
#right .right_con .m_re_pic .sp1{ margin:0 auto; position:static; margin-bottom:20px;}
#right .right_con .m_re_pic .sp1 span{ margin:0 2px;}
#right .right_con .m_re_pic .swiper-pagination-bullet-active{ background:#00aaee;}
#right .right_con .pro_con{ width:100%; text-align:center;}
#right .right_con .pro_con .pro_name span{ font-size:18px;}
#right .right_con .pro_con img{ max-width:100%; float:none; margin:0 auto;}
#right .right_con .pro_con .pro_note{ text-align:left; margin-top:30px;}
#right .right_con .pro_con .pro_note .pro_btn{ display:none;}
#right .right_con #footer_phone{ width:100%;}
#right .right_con #footer_phone img{ padding-top:5px !important;}
#right .right_con #footer_phone a{ color:#fff;}
#right .right_con .l .dis_dh li{ font-size:18px;}
#right .right_con .l .custom{ display:none;}
#right .right_con .l .l_case{ display:none;}
#right .right_con .l .dis_pic{ display:none;}
#right .right_con .l .l_case_dh{ padding:0; margin-top:20px;}
#right .right_con .l .m_l_case ul{margin-top:20px;}
#right .right_con .l .m_l_case ul li img{ width:30%; float:left; height:auto;margin-bottom:20px;}
#right .right_con .l .m_l_case ul li .note{ width:66%; float:right;}
#right .right_con .l .m_l_case ul li .note span{ color:#222;}
#right .right_con .l .m_l_case ul li .note p{overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical; line-height:1.5;}
ul.list_pic{ min-height:0px;}
	
/*left*/
#left{width:100%; overflow-x:auto; border-bottom:1px solid #e0e0e0; padding-bottom:8px;}
#left .left_dh{ width:720px; margin:10px 0;}
#left .left_dh ul li{ display:inherit; float:left; line-height:26px;}
#left .left_dh ul li a{ border:0; border-radius:none; padding:0 10px; font-size:14px;height:26px;}
#left .left_dh ul li a.on{border:0;}
#left .left_dh ul li a:hover{border:0;}
#left .left_dh>dl{ display:none;}

/*m_nav*/
.m_left_dh{ margin:0 auto; margin-top:15px; text-align:center; width:94%; margin-bottom:10px;}
.m_left_dh dl dd{ width:31%; margin-left:2.5%; float:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:1px solid #e4e4e4; text-align:center; margin-bottom:2.5%;}
.m_left_dh dl dd:nth-child(3n+1){ margin-left:0;}
.m_left{ overflow-x:hidden !important;}
.m_left .left_dh{ width:94% !important; margin:0 auto !important;}
#left .left_dh .se_nav{ border:0; margin-top:15px;}
#left .left_dh .se_nav p{ display:none;}
#left .left_dh .se_nav dl{ width:100%; padding:0;}
#left .left_dh .se_nav dl dd{ width:31%;margin-left:2.5%; float:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:1px solid #e4e4e4; text-align:center; margin-bottom:2.5%; padding:0; border-radius:15px;}
#left .left_dh .se_nav dl dd:nth-child(3n+1){ margin-left:0;}
#left .left_dh .se_nav dl dd a{width:100%;}
#left .left_dh .se_nav dl dd a.on{ background:#00aaee; color:#fff; display:inline-block;}	
.mask{display: none; position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}

/*pro*/
#pro_dh{ margin:0 auto; width:92%;}
#pro_note em{ font-size:26px; margin-top:5px;}
#pro_note .pro_note_con .note{ width:92%;}
#pro_note .pro_note_con ul{ margin-top:20px;}
#pro_note .pro_note_con ul li{ width:33% !important; margin-bottom:20px;}
#pro_note .pro_note_con ul li span{ height:auto;}
#pro_use{ padding:35px 0; margin-top:35px;}
#pro_use .pro_use_dh em{ font-size:26px; margin:0;}
#pro_use .pro_use_con ul{ margin-top:20px; width:90%; margin:0 auto;box-shadow:none;}
#pro_use .pro_use_con ul li{ width:50%; margin-bottom:10px;}
#pro_use .pro_use_con ul li p{overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
#pro_cost{ margin-top:40px;}
#pro_use .pro_use_con ul li.w1{ width:50%;}
#pro_use .pro_use_con ul li.w2{ width:50%;}
#pro_use .pro_use_con ul li.w3{ width:50%; height:350px;}
#pro_cost .pro_cost_dh em{ font-size:26px; margin:0;}
#pro_cost .pro_cost_dh span{ line-height:1.5; width:80%; margin:0 auto; display:block; margin-top:5px;}
#pro_cost .pro_cost_con ul li{ width:90%; margin-left:0;padding:25px 0; text-align:center; margin-bottom:20px;}
#pro_cost .pro_cost_con ul li .img{ float:none;height:auto; margin:0; margin-bottom:0; width:auto;}
#pro_cost .pro_cost_con ul li i{ margin:0 auto; text-align:center;}
#pro_ads{ display:none;}
#pro_cases{ margin-top:40px;}
#pro_cases .pro_cases_dh>em{font-size:26px;}
#pro_cases .pro_cases_dh>span{ line-height:1.5; width:80%; margin:0 auto; display:block; margin-top:5px;}
#pro_cases .pro_cases_con{ display:none;}
.pro_cases{ width:92%; margin:0 auto;}
.pro_cases .pro_cases_con ul{border-top:1px solid #e4e4e4; padding-top:10px;}
.pro_cases .pro_cases_con ul>li{ position:relative; padding-left:16px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_cases .pro_cases_con ul>li:after{ display:table; width:6px; height:6px; content: ""; border-radius:50%; margin-top:-3px;position: absolute;top: 50%;left:0;background:#EC651A;}
.pro_cases .cases_top img{ float:left; width:30%; margin-bottom:20px;}
.pro_cases .cases_top .note{ float:right; width:65%;}
.pro_cases .cases_top .note em{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#222; display:block; font-weight:600;}
.pro_cases .cases_top .note p{overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical; line-height:1.5;}
#pro_process{ display:none;}
#pro_news{ margin-top:0;}
#pro_news .pro_news_con .pro_dh li{font-size:22px;}
#pro_news .pro_news_con .pro_dh em{ line-height:1.2; width:90%; margin:0 auto;}
#pro_news .pro_news_con .pro_list{ margin-top:25px;}
#pro_news .pro_news_con .pro_list .pro_list_con ul li{ width:45%; line-height:1.2; font-size:10px;margin-left:10px;}
#pro_news .pro_news_con .pro_list .pro_list_con ul li img{ width:30px;}
#pro_news .pro_news_con .pro_list .pro_list_con ul li:nth-child(3n+1){margin-left:10px;}
#pro_news .pro_news_con .pro_list .pro_list_con ul li em{ position:relative;top:10px;}
#pro_news .pro_news_con .pro_list .news_qa ul li{ width:100% !important; font-size:14px; line-height:1; position:relative;}
#pro_news .pro_news_con .pro_list .news_qa ul li p:after{ display:table; width:6px; height:6px;content: ""; border-radius:50%; margin-top:-3px;position: absolute;top: 50%;left:0;background:#EC651A;}
#pro_news .pro_news_con .pro_list .news_qa ul li:nth-child(3n+1){ margin-left:10px;}
#pro_news .pro_news_con .pro_list .news_qa ul li img{ width: 40px; top:-12px;}
#pro_news .pro_news_con .pro_list .news_qa ul li span{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;width: calc(100% - 142px);margin-left:15px;}
#pro_news .pro_news_con .pro_list .news_qa ul li span img{ display:none;}
#pro_news .pro_news_con .pro_list .news_qa ul li p{ font-size:14px; float:none; line-height:1.2; top:0;}
#pro_news .pro_news_con .pro_list .news_qa ul li em{ top:0}
#pro_news .pro_news_con .pro_list .news_qa ul li:nth-child(2n+1){ margin-left:10px;}
#pro_qa{ margin-top:40px;}
#pro_qa .pro_qa_dh>em{font-size:26px;}
#pro_qa .pro_qa_con{ margin:0 auto; width:92%; margin-top:10px;}
#pro_qa .pro_qa_con ul li{ width:100%;margin-left:0; font-size:14px; position:relative;}
#pro_qa .pro_qa_con ul li span{ float:none;}
#pro_qa .pro_qa_con ul li span img{ top:-12px; margin-right:5px;}
#pro_qa .pro_qa_con ul li em{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;width: calc(100% - 132px); text-align:left;}
#pro_qa .pro_qa_con ul li p{ font-size:14px;}

/*list_news*/
ul.list_news li {width:100%;}
ul.list_news li dd{width: calc(100% - 86px);word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_pic_news*/
ul.list_pic_news li{width:100%;line-height:25px; margin-left:0;height:auto;text-align:center; margin-bottom:20px;}
ul.list_pic_news li:first-child { margin-left:0;}
ul.list_pic_news li .img{width:100%;height:auto;}
ul.list_pic_news li img{width:100%;height:auto;object-fit:cover;}
ul.list_pic_news li span{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px;text-align:left;}
ul.list_pic_news li p{ padding-top:5px;font-size:14px; color:#999; text-align:left; line-height:22px;}

/*list_img_news*/
ul.list_img_news li{ height:auto; padding-bottom:0;}
ul.list_img_news li .img{ width:40%;height:auto; margin-right:4%;}
ul.list_img_news li .img img{ width:100%;height:auto;}
ul.list_img_news li .news_date{ width:80px; height:80px; padding:0; margin:0;}
ul.list_img_news li .news_date em{ font-size:22px; padding-top:15px;}
ul.list_img_news li .news_date p{margin-top:0;}
ul.list_img_news li .news_note{ width: calc(100% - 100px); margin-left:0;}
ul.list_img_news li .news_note dd{ line-height:1.5;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:5px 0; margin-top:0;}
ul.list_img_news li:after{ margin-bottom:12px;}
ul.list_img_news li span{ font-size:14px; line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
ul.list_img_news li p{ width:100%;}
ul.list_img_news li:after{ display:block; content:''; height:20px; clear: both; border-bottom:1px solid #eee;}

/*dis_news*/
#dis_news{ width:100%;}
#dis_news .news_title{ font-size:16px; line-height:1.5; margin-top:10px;}
.re_news ul li{ width:100%; margin-right:0; margin-bottom:20px;}
.re_news ul li dd{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_pro*/
ul.list_pro li{float:left;width:46%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}
ul.list_pro li .img{width:100%;height:auto;}
ul.list_pro li img{width:90%;height:auto;}
ul.list_pro li span{ padding-top:5px;}

/*list_pic*/
ul.list_pic li{ padding-bottom:0;}
ul.list_pic li:after{ height:18px;}
ul.list_pic li .img{ width:30%; height:auto;}
ul.list_pic li .more{ display:none;}
ul.list_pic li span{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic li p{ width:inherit; overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical; height:50px; overflow:hidden;}


/*share_list*/
ul.share_list li{float:left;width:46%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}
ul.share_list li .img{width:100%;height:120px;}
ul.share_list li .img img{width:90%;height:auto; max-height:120px; object-fit:contain;}
ul.share_list li span{ padding-top:5px;}

/*list_share*/
ul.list_share li{float:left;width:46%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}
ul.list_share li .img{width:100%;height:auto;}
ul.list_share li img{width:90%;height:auto;}
ul.list_share li span{ padding-top:5px;}

/*form*/
.form { width:100%;}
.form input{ width:80%;}
.form textarea{ width:80%;}
.form input[type="submit"],input[type="reset"]{ width:40%;}
.form tr>td:first-child{ width:25%;}

/*pages*/
.pages{ width:94%; margin:0 auto;margin-top:30px; margin-bottom:30px;text-align:center;}
.pages a{border:1px solid #c1c1c1;padding:0px 8px;margin:0 3px;}
.pages a:hover,a.active{background:#1c87e9;color:#fff;border-color:#1B77C6;}
.pages span{border:1px solid #c1c1c1;padding:0px 8px;margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{background:#1c87e9;color:#fff;border-color:#1c87e9;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0px;}

/*float*/
.float{display:none;}
.m_float{ position:fixed; bottom:0; background:#00aaee; height:46px; color:#fff; width:100%; z-index:9; display:block; left:0;}
.m_float a{ color:#fff; width:33.33%; display: inline-block; margin-right:-4px; line-height:46px;}
.m_float a:nth-child(1){ background:url(../images/f_1.png) no-repeat; background-size:30px; background-position:20% 10px;}
.m_float a:nth-child(2){ background:url(../images/f_2.png) no-repeat; background-size:30px; background-position:20% 13px;}
.m_float a:nth-child(3){ background:url(../images/f_3.png) no-repeat; background-size:30px; background-position:20% 12px;}
.m_float a span{ padding-left:10%;}

/*livechat*/
#livechat{ display:none;}

/*nav*/
#footer_nav{ padding:25px 0;}
#footer_nav ul li{ width:33.33%;}
#footer_nav ul li .img{ width:50px; height:50px;}
#footer_nav ul li .img>img{ width:30px; padding-top:10px;}
#footer_nav ul li:nth-child(4){ display:none;}
#footer_nav ul li:nth-child(5){ display:none;}

/*footer_phone*/
#footer_phone{ width:96%; margin:0 auto; margin-top:30px;}
#footer_phone li{ width:92%; display:inline-block; border:2px solid #00aaee; text-align:center; line-height:1; border-radius:5px;color:#222; font-size:15px; padding:3px 0;}
#footer_phone li:first-child{ margin-left:0;}
#footer_phone li:last-child{ background:#ec651a; color:#fff; border-color:#ec651a;}
#footer_phone li img{ padding-top:3px !important; margin:0 10px !important;}
#footer_phone li span{ font-size:16px;}
#footer_phone li:last-child em{ color:#fff; position:relative; top:-8px;}
#footer_phone li:last-child span{ color:#fff;}
#footer_phone li p{ line-height:1.2;}
	
/*footer*/
#footer{ padding:15px 0 0 0;}
#footer .float{ height:0; padding:0;}
#footer .footer_con{ width:94%;margin:0 auto; text-align:center;}
#footer .footer_con .l{ float:none;}
#footer .footer_con .r{ float:none; margin-bottom:20px;}
#footer .footer_con .r dl dd{text-align:center; font-size:18px;}
#footer .footer_con .r dl dd em{ top:-6px;}
#footer .footer_con .r ul{ display:none;}
#footer .copyright{ margin-top:0; width:96%; padding:15px 2%;}
}