﻿@charset "utf-8";
/* CSS Document */
body{ margin:0px 0px; padding:0px 0px;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:15px;color:#555; text-align:center;background:#fff; line-height:30px; margin-left:auto;margin-right:auto; overflow-x:hidden;}
a{ color:#555; 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:#0e6eb8;}
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:12px 0px;}
.container{ min-width:1300px; width:1300px; margin:0px auto; padding:0px; text-align:left;}
.container2{ min-width:1000px; width:1000px; margin:0px auto; padding:0px; text-align:left;}
/* CSS Common*/

/*header 
#header{position:relative; width:100%; height:80px; margin:0 auto; text-align:center;}
#header .logo{ float:left; padding-top:11px;}
#header .logo img{ float:left;}
#header .header_tel{ float:right; height:100%;}
#header .header_tel>img{ position:relative;top:3px; padding-right:20px; padding-left:24px; border-right:1px solid #cfcfcf; margin-right:10px;cursor:pointer;}
#header .header_tel span{ color:#222; font-size:14px; display:inline-block; font-family:Arial; padding:0 18px; height:36px; line-height:36px; border-radius:20px; padding-top:20px;float:left;}
#header .header_tel span>img{ padding-right:8px; position:relative; top:6px;}
#header .header_tel em{ background:#0e6eb8; width:56px; height:70px; display:inline-block;}
#header .header_tel em>img{ position:relative; top:20px;}
#header .header_search{ background:#fff; position:absolute;top:70px; width:100%; z-index:9; border-top:1px solid #ececec; height:80px; display:none;}
#header .header_search form{ width:485px; height:50px; border:1px solid #ececec; margin:0 auto; margin-top:15px;}
#header .header_search input[type="text"]{ height:50px; line-height:50px; font-size:14px; width:425px; border:0;color:#666; float:left; text-indent:20px;}
#header .header_search input[type="image"]{ position:relative; top:15px; cursor:pointer;}*/

/*menu*/
#menu{ height:35px;}
#menu ul li{ float:left; width:125px; text-align:center;}
#menu ul li a{ display:block;height:35px;line-height:35px;font-size:15px;color:#fff;}
#menu ul li a:hover{ color:#0e6eb8;}
#menu ul li a.on{ color:#0e6eb8;}

/* Menu下拉菜单 */
.menu{ float:left; margin-left:28px;}
.menu ul{ margin:auto;}
.menu li{ height:80px;line-height:80px; float:left;text-align:center;z-index:9;}
.menu li:before{ content:''; height:15px; width:1px; float:left; background:#e6e6e6; display:block; position:absolute; top:33px;}
.menu li:first-child:before{ display:none;}
.menu li a{ display:block;font-size:14px;color:#222; padding:0 16px; position:relative; z-index:1;}
.menu li a:hover{ color:#0e6eb8;}
.menu li a.on{ background:#0e6eb8; color:#fff;}
.menu li dl{ width:100%; background:rgba(255,255,255,1.0); border-top:1px solid #ececec; position:absolute; top:78px; left:0; z-index:9; height:56px; line-height:56px; text-align:left; padding-left:566px; display:none;}
.menu li:nth-child(3) dl{ padding-left:800px;}
.menu li:nth-child(4) dl{ padding-left:757px;}
.menu li:nth-child(5) dl{ padding-left:846px;}
.menu li:nth-child(6) dl{ padding-left:712px;}
.menu li dl dd{ text-align:center;display:inline-block;}

/*banner*/
.banner{height:706px;}
.banner .swiper-slide{ background-position:center;background-size:cover;}
.banner .swiper-pagination{ bottom:20px;}
.banner .swiper-pagination-bullet{ margin:0 3px !important;}
.banner .swiper-pagination-bullet{ background:none; opacity:1; width:10px; height:10px; border:1px solid #fff;}
.banner .swiper-pagination-bullet-active{ background:#0e6eb8; border:1px solid #046537;}

/*banner_inside*/
.banner_inside{height:342px;}
.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:#046537;}

/*home_about*/
#home_about{ float: left; width:100%; background:url(images/pro_bg.jpg) repeat top left; height:490px; margin-top:30px; padding-top:100px;}
#home_about .home_about_con {margin:0 auto; text-align:left;}
#home_about .home_about_con .l{ width:600px; float:left;}
#home_about .home_about_con .l em{ font-size:30px;  }
#home_about .home_about_con .l p{ font-size:14px; margin-top:5px;}
#home_about .home_about_con .l i{ display:block; height:4px; width:35px; background:#0e6eb8; margin-top:5px; margin-bottom:30px;}
#home_about .home_about_con .l ul{ margin-top:50px;}
#home_about .home_about_con .l ul li{ width:25%; display:inline-block; margin-right:-20px; text-align:center;}
#home_about .home_about_con .l ul li img{ width:89px; height:89px;}
#home_about .home_about_con .l ul li span{ display:block; margin-top:10px; font-size:16px; }
#home_about .home_about_con .note{ line-height:1.8; font-size:16px;}
#home_about .home_about_con .r{ width:680px; float:right;}
#home_about .home_about_con .r img{ width:100%; height:auto;}
#home_about .home_about_con .r video{ width:100%; height:auto;}
	
/*home_pro*/
#home_pro{ width:100%; }
#home_pro .home_pro_dh{ font-size:30px; padding-top:70px; text-align:center; }
#home_pro .home_pro_dh em{ font-size:14px;  margin-top:5px; display:block; font-weight:normal;}
#home_pro .home_pro_dh i{ display:block; height:4px; width:35px; background:#0e6eb8; margin:0 auto; margin-top:5px; margin-bottom:15px;}
#home_pro .home_pro_dh>span{ margin:0 auto; color:#fff; font-size:16px; display:block; text-align:center; font-weight:normal;}
#home_pro .home_pro_nav ul{ margin:0 auto; text-align:center; margin-top:30px;}
#home_pro .home_pro_nav ul li{ width:236px; height:52px; line-height:52px; color:#fff; font-size:16px; text-align:center; display:inline-block; margin:0 5px; border:1px solid #fff;}
#home_pro .home_pro_nav ul li img{ position: relative; top:8px; margin-right:10px;}
#home_pro .home_pro_nav ul li a{ color:#fff; display:block; font-size:20px; font-weight:600;}
#home_pro .home_pro_con{ margin:0 auto; text-align:center; margin-top:55px; width:100%; padding-bottom:80px;}
#home_pro .home_pro_con .swiper-slide{ text-align:center;}
#home_pro .home_pro_con li{ float:left; width: 30%; padding: 0 20px; padding-bottom:50px; }
#home_pro .home_pro_con li .img{width:100%;height:auto; margin:0 auto; overflow:hidden;}
#home_pro .home_pro_con li img{width:100%;height:100%; object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}
#home_pro .home_pro_con li:hover img{transform: scale(1.0);-webkit-transform: scale(1.0);}
#home_pro .home_pro_con li span{ display:block; padding-top:10px; font-size:15px; width:80%; margin:0 auto; line-height:1.6; }
#home_pro .home_pro_con li em{ background:#e7e7e7; width:130px; height:36px; line-height:36px; display:block; text-align:center; margin:0 auto; margin-top:20px;}
#home_pro .home_pro_con li:hover em{ background:#0e6eb8; color:#fff;}
#home_pro .home_pro_con a.more{ color:#fff; margin-top:40px; display: inline-block;}
#home_pro .home_pro_con a.more em{ width:55px; height:55px; background:#c40000; color:#fff; font-size:35px; line-height:55px; border-radius:50%; display:block; margin:0 auto;}
#home_pro .home_pro_con .sp1{ bottom:0px;}
#home_pro .home_pro_con .sp1 .swiper-pagination-bullet{ background:none; opacity:1; width:10px; height:10px; border:1px solid #fff;}
#home_pro .home_pro_con .sp1 .swiper-pagination-bullet-active{ background:#fff; border:1px solid #fff;}

/*home_cases*/
#home_cases{ float:left; width:100%; margin-top:70px;}
#home_cases .home_cases_dh{  font-size:30px; text-align:center;}
#home_cases .home_cases_dh em{ font-size:14px; color:#454545; margin-top:5px; display:block; font-weight:normal;}
#home_cases .home_cases_dh i{ display:block; height:4px; width:35px; background:#0e6eb8; margin:0 auto; margin-top:5px; margin-bottom:15px;}
#home_cases .home_cases_con{margin:0 auto; margin-top:40px; line-height:1.8; text-align:center;}
#home_cases .home_cases_list{position:relative; width:100%; margin:0 auto; overflow:hidden;}
#home_cases .home_cases_con ul{text-align:center; margin:0 auto;}
#home_cases .home_cases_con ul li{ float:left;width:315px;margin-right:30px;line-height:25px; height:220px; position:relative;}
#home_cases .home_cases_con ul li .img{ width:315px;height:220px;overflow:hidden;}
#home_cases .home_cases_con ul li img{ width:100%;height:100%;object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}
#home_cases .home_cases_con ul li span{ background:#e7e7e7; display:block; height:50px; line-height:50px; font-size:16px;}
#home_cases .home_cases_con ul li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_cases .home_cases_con ul li:hover span{ background:#0e6eb8; color:#fff;}
#home_cases .home_cases_con>span{ background:#e7e7e7;width:40px; height:40px; line-height:40px; display:inline-block; font-family:'SimSun'; font-size:24px; cursor:pointer; margin:50px 4px 0 4px;}
#home_cases .home_cases_con>span:hover{ background:#0e6eb8; color:#fff;}

#home_kh{ float:left; width:100%; margin-bottom:70px;}
#home_kh .home_cases_con2 ul{text-align:center; margin:0 auto;}
#home_kh .home_cases_con2 ul li{ float:left;margin-right:30px;line-height:25px; position:relative;}
#home_kh .home_cases_con2 ul li .img{ overflow:hidden;}
#home_kh .home_cases_con2 ul li img{ object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}
#home_kh .home_cases_con2 ul li span{ background:#e7e7e7; display:block; height:50px; line-height:50px; font-size:16px;}
#home_kh .home_cases_con2 ul li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_kh .home_cases_con2 ul li:hover span{ background:#0e6eb8; color:#fff;}

/*home_news*/
#home_news{float:left; width:100%; margin-top:70px; background-image:url(images/news_bg.jpg); background-position:top center; background-repeat:no-repeat; margin-bottom:60px;}
#home_news .home_news_dh{ color:#fff; font-size:30px; text-align:left; padding-top:40px; position:relative;}
#home_news .home_news_dh em{ font-size:14px; color:#fff; margin-top:5px; display:block; font-weight:normal;}
#home_news .home_news_dh i{ display:block; height:4px; width:35px; background:#0e6eb8; margin-top:5px; margin-bottom:15px;}
#home_news .home_news_dh a.more{ float:right; position:absolute; top:60px; right:0; font-size:16px; width:130px; height:35px; line-height:35px; border:1px solid #fff; color:#fff; text-align:center; font-weight:normal;}
#home_news .home_news_con{ background:#fff; margin-top:30px; overflow:hidden; padding-top:80px;}
#home_news .home_news_con .dh{ font-size:24px; color:#1f1f1f; margin-bottom:30px;}
#home_news .home_news_con .l{ width:800px; float:left;}
#home_news .home_news_con .l img{ width:350px; height:289px; object-fit:cover; float:left;}
#home_news .home_news_con .l .note{ float:right; width:420px;}
#home_news .home_news_con .l .note span{ font-size:16px;}
#home_news .home_news_con .l .note em{ font-size:15px; color:#868686; margin-bottom:10px; display:block; line-height:1.2;}
#home_news .home_news_con .l .note p{ line-height:1.6; color:#868686;}
#home_news .home_news_con .l .note ul{ margin-top:0;}
#home_news .home_news_con .l .note ul li{ position:relative; padding-bottom:2px;}
#home_news .home_news_con .l .note ul li span{ position:absolute; top:0; right:0; color:#7e7e7e;}
#home_news .home_news_con .r{ width:480px; float:right;}
#home_news .home_news_con .r img{width:107px; height:85px; object-fit:cover; float:left; margin-bottom:15px;}
#home_news .home_news_con .r .note{ width:350px; float:right;}
#home_news .home_news_con .r .note span{ color:#868686; line-height:1.6; display:block;}
			
/*left*/
#left_con{ padding:20px 0px;}
#left{ width:100%;}
#left .left_dh ul li{ line-height:28px; float:left;}
#left .left_dh ul li a{ height:28px; display:block; border-bottom:solid 1px transparent; font-size:16px; color:#282828; line-height:28px; padding:0 25px; padding-bottom:11px;}
#left .left_dh ul li a:hover{ color:#0e6eb8;border-bottom:solid 2px #0e6eb8;}
#left .left_dh ul li a.on{ color:#0e6eb8;border-bottom:solid 2px #0e6eb8;}
#left .left_pic{ padding-top:12px;}

/*content*/
#right{ width:100%;}
#right .right_dh{ height:28px; line-height:28px; border-bottom:1px solid #e5e5e5; padding-bottom:12px;}
#right .right_dh_l{background: url(images/position_icon1.gif) no-repeat 0 3px; font-size:14px; float:left; padding-left: 22px;}
#right .right_dh_r{ float:right; padding-right:6px; color:#868686; padding-left:30px; font-size:15px; background-position:0 8px;}
#right .right_con{ min-height:200px; height:auto; _height:200px; margin:50px 0 60px 0; font-size:14px; line-height:22px; float: left; width: 100%; text-align:left;}
#right .right_con .dh{ text-align:center; font-size:24px; color:#1b1b1b; margin-bottom:40px;}
	
/*pro*/
.pro_desc{ margin-top:90px;}
.pro_desc em{ font-size:36px; color:#0e6eb8; display:block; margin:0 auto; text-align:center;}
.pro_desc i{ background:#0e6eb8; width:60px; height:4px; margin:0 auto; margin-top:36px; margin-bottom:40px; display:block;}
.pro_desc p{ font-size:16px; width:80%; text-align:center; margin:0 auto; line-height:1.8; color:#252525;}
.pro_note{ margin-top:90px; border-top:1px solid #dfdfdf; padding-top:75px;}
.pro_note em{ font-size:36px; color:#0e6eb8; display:block; margin:0 auto; text-align:center;}
.pro_note i{ background:#0e6eb8; width:60px; height:4px; margin:0 auto; margin-top:36px; margin-bottom:40px; display:block;}
.pro_note .pro_bg{ height:577px; position:relative; margin-top:60px; background-position:top center; background-repeat:no-repeat;}
.pro_note .note{ background:#26874c; color:#fff; position:absolute; bottom:-60px; width:1280px; padding:35px; margin:auto; left:0; right:0; text-align:left; font-size:16px;}
.pro_cases{ margin-top:120px;}
.pro_cases em{ font-size:36px; color:#0e6eb8; display:block; margin:0 auto; text-align:center;}
.pro_cases i{ background:#0e6eb8; width:60px; height:4px; margin:0 auto; margin-top:36px; margin-bottom:40px; display:block;}
.pro_cases ul{margin-top:50px;}
.pro_cases ul li{ width:316px; height:587px; float:left; margin-left:28px; position:relative;}
.pro_cases ul li:nth-child(4n+1){ margin-left:0;}
.pro_cases ul li img{ width:100%; height:100%; object-fit:cover;}
.pro_cases ul li span{ display:block; position:absolute; bottom:40px; padding-left:30px; color:#fff; font-size:24px; z-index:1;}
.pro_cases ul li .desc{ position:absolute; top:50%; z-index:1;}
.pro_cases ul li em{ display:block; padding-left:30px; color:#fff; font-size:24px; margin-bottom:10px; text-align:left;}
.pro_cases ul li .over{ background:#26874c; color:#fff; width:100%; height:100%; position:absolute; top:0; display:none;}
.pro_cases ul li dl{ padding-left:30px; font-size:18px; text-align:left; line-height:2;}
.pro_cases ul li dl>dd>a{ color:#fff;}
.pro_cases ul li:hover span{ display:none;}
.pro_cases ul li:hover .over{ display:block;}
.pro_cases_p2 ul li{ width:252px; height:587px; float:left; margin-left:22px; position:relative;}
.pro_cases_p2 ul li:nth-child(4n+1){ margin-left:22px;}
.pro_cases_p2 ul li:nth-child(5n+1){ margin-left:0;}
.pro_list{ padding-top:80px;}
.pro_list>em{ font-size:36px; color:#0e6eb8; display:block; margin:0 auto; text-align:center;}
.pro_list i{ background:#0e6eb8; width:60px; height:4px; margin:0 auto; margin-top:36px; margin-bottom:40px; display:block;}
.pro_list .pro_nav{ margin:0 auto; text-align:center; margin-top:20px; margin-bottom:40px;}
.pro_list .pro_nav li{ display:inline-block; padding:0 10px; font-size:16px; border-bottom:1px solid transparent;}
.pro_list .pro_nav li:hover{ border-bottom:1px solid #26874c;}
.padd{ padding-top:20px;}
.pro_services{ margin-top:60px; background:#f5f5f5; padding:60px 0 80px 0;}
.pro_services em{ font-size:36px; color:#0e6eb8; display:block; margin:0 auto; text-align:center;}
.pro_services i{ background:#0e6eb8; width:60px; height:4px; margin:0 auto; margin-top:36px; margin-bottom:40px; display:block;}
.pro_services ul{margin-top:50px;}
.pro_services ul li{ width:252px; height:500px; float:left; margin-left:22px; position:relative;}
.pro_services ul li:nth-child(5n+1){ margin-left:0;}
.pro_services ul li .img{width:100%; height:100%; overflow:hidden;}
.pro_services ul li img{ width:100%; height:100%; object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}
.pro_services ul li span{ display:block; position:absolute; bottom:30px; padding-left:30px; color:#fff; font-size:24px; z-index:1;}
.pro_services ul li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.pro_projects{ padding:50px 0 50px 0;}
.pro_projects .projects_dh{ color:#0e6eb8; font-size:36px; padding-top:20px; text-align:center; margin-bottom:30px;}
.pro_projects .projects_dh i{ display:block; height:4px; width:60px; background:#0e6eb8; margin:0 auto; margin-top:25px; margin-bottom:20px;}
.pro_projects .projects_dh em{ font-size:16px; color:#2e2e2e; margin-top:5px; display:block; font-weight:normal;}
.pro_projects_con{margin:0 auto; margin-top:60px; line-height:1.8; text-align:center;}
.pro_projects_con>span{ background:#e7e7e7;width:40px; height:40px; line-height:40px; display:inline-block; font-family:'SimSun'; font-size:24px; cursor:pointer; margin:50px 4px 0 4px;}
.pro_projects_con>span:hover{ background:#0e6eb8; color:#fff;}
.pro_projects_list{position:relative; width:100%; margin:0 auto; overflow:hidden;}
.pro_projects_con ul{text-align:center; margin:0 auto;}
.pro_projects_con ul li{ float:left;width:660px;margin-right:30px;line-height:25px; height:270px; position:relative;}
.pro_projects_con ul li .img{ width:314px;height:263px;overflow:hidden; float:left;}
.pro_projects_con ul li img{ width:100%;height:100%;object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}
.pro_projects_con ul li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.pro_projects_con ul li .note{ float:right; padding:0 20px; background:#f5f5f5; width:305px; text-align:left; height:263px;}
.pro_projects_con ul li .note>span{ font-size:18px; margin-top:30px; margin-bottom:10px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_projects_con ul li .note>p{ color:#616161; font-size:15px;}
.pro_projects_con ul li em.more{ font-size:16px; width:130px; height:35px; line-height:35px; background:#26874c; color:#fff; text-align:center; display:block; float:right; margin-top:35px;}
		
/*services*/
.services_pro{ margin-top:40px;}
.services_pro .services_dh{ color:#0e6eb8; font-size:36px; padding-top:20px; text-align:center; margin-bottom:30px;}
.services_pro .services_dh i{ display:block; height:4px; width:60px; background:#0e6eb8; margin:0 auto; margin-top:25px; margin-bottom:20px;}
.services_pro .services_dh em{ font-size:16px; color:#2e2e2e; margin-top:5px; display:block; font-weight:normal;}
.services_pro .services_1{ height:595px; background-repeat:no-repeat; background-position:top center;}
.services_pro .services_2{ background:#fff; position:relative; top:-80px; z-index:2; padding-top:30px;}
.services_pro .services_2>.services_dh em{ width:92%; text-align:left; margin:0 auto;}
.services_2_con{margin:0 auto; margin-top:40px; line-height:1.8; text-align:center; position:relative;}
.services_2_list{position:relative; width:91%; margin:0 auto; overflow:hidden;}
.services_2_con ul{text-align:center; margin:0 auto;}
.services_2_con ul li{ float:left;width:390px;margin-right:29px;line-height:25px; height:360px; position:relative;}
.services_2_con ul li .img{ width:390px;height:310px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #ddd; overflow:hidden;}
.services_2_con ul li img{ max-width:100%;max-height:100%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.services_2_con ul li span{ display:block; height:50px; line-height:50px; font-size:16px;}
.services_2_con ul li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.services_2_con>span{ background:#e7e7e7;width:40px; height:40px; line-height:40px; display:inline-block; font-family:'SimSun'; font-size:24px; cursor:pointer; position:absolute;top:38%;}
.services_2_con>span:hover{ background:#0e6eb8; color:#fff;}
.services_2_con>span.left{left:0; position:absolute; z-index:2;}
.services_2_con>span.right{right:0; position:absolute; z-index:2;}
.services_3{background:#f5f5f5; padding:30px 0 50px 0;}
.services_3_con{margin:0 auto; margin-top:40px; line-height:1.8; text-align:center;}
.services_3_list{position:relative; width:100%; margin:0 auto; overflow:hidden;}
.services_3_con ul{text-align:center; margin:0 auto;}
.services_3_con ul li{ float:left;width:315px;margin-right:30px;line-height:25px; height:270px; position:relative;}
.services_3_con ul li .img{ width:315px;height:220px;overflow:hidden;}
.services_3_con ul li img{ width:100%;height:100%;object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}
.services_3_con ul li span{ background:#e7e7e7; display:block; height:50px; line-height:50px; font-size:16px;}
.services_3_con ul li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.services_3_con ul li:hover span{ background:#0e6eb8; color:#fff;}
.services_3_con>span{ background:#e7e7e7;width:40px; height:40px; line-height:40px; display:inline-block; font-family:'SimSun'; font-size:24px; cursor:pointer; margin:50px 4px 0 4px;}
.services_3_con>span:hover{ background:#0e6eb8; color:#fff;}
.services_4{margin:30px 0 60px 0;}
.services_4_con{margin:0 auto; margin-top:40px; line-height:1.8; text-align:center;}
.services_4_list{position:relative; width:100%; margin:0 auto; overflow:hidden;}
.services_4_con ul{text-align:center; margin:0 auto;}
.services_4_con ul li{ float:left;width:315px;margin-right:30px;line-height:25px; height:310px; position:relative;}
.services_4_con ul li .img{ width:315px;height:265px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #ddd; overflow:hidden;}
.services_4_con ul li img{ max-width:100%;max-height:100%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.services_4_con ul li span{ display:block; height:50px; line-height:50px; font-size:16px;}
.services_4_con ul li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.services_4_con>span{ background:#e7e7e7;width:40px; height:40px; line-height:40px; display:inline-block; font-family:'SimSun'; font-size:24px; cursor:pointer; margin:50px 4px 0 4px;}
.services_4_con>span:hover{ background:#0e6eb8; color:#fff;}

.services_cases{ margin-top:40px;}
.cases_dh{ margin-bottom:50px;}
.cases_dh ul li{ float:left;}
.cases_dh ul li a{ padding:0 15px; font-size:18px;}
.cases_dh ul li a.on{ color:#0e6eb8;}
.cases_1{ margin-top:10px; margin-bottom:60px;}
.cases_1_dh{ font-size:36px; color:#0e6eb8; text-align:center;}
.cases_1_dh em{ font-size:16px; color:#2e2e2e; display:block; margin: auto; text-align:left; margin-top:30px;}
.cases_2{ margin-top:10px; margin-bottom:60px;}
.cases_3{ margin-top:10px; margin-bottom:60px;}
.cases_3 ul li{ border:1px solid #e5e5e5;}

.m-slide{ position:relative; margin:60px 0 80px 0;}
.m-slide .img{ float:left; position:relative;}
.m-slide .img li, .m-slide .img a, .m-slide .img img{ display:block; width:1000px; height:660px;}
.m-slide .img li{ display:none; position:absolute; left:0; top:0;}
.m-slide .note{ background:rgba(0,0,0,0.6); font-size:16px; width:92%; padding:20px; position:absolute; bottom:20px; color:#fff; margin:auto; left:0; right:0;}
.m-slide .img .first{ display:block;}
.m-slide .tab{ float:right; position:absolute; top:0; right:0;}
.m-slide .tab li{ width:310px; height:120px; text-align:left; font-size:18px; padding-left:70px; line-height:120px; cursor:pointer;}
.m-slide .tab li.on{ background:#0e6eb8; color:#fff;}

.sgfw {padding:0 0 75px;}
.sgfwimg {margin-top:40px;display:table;table-layout:fixed;}
.sgfw_left {display:table-cell;width:70%;vertical-align:top;}
.sgfw_left li {box-sizing:border-box;border:8px solid #e4e4e4;position:relative;display:none;}
.sgfw_left li.ac {display:block;;}
.sgfw_left li img {width:100%;}
.sgfw_left li p {width:calc(100% - 24px);box-sizing:border-box;padding:25px 30px;line-height:32px;color:#fff;background:rgba(0,0,0,.7);position:absolute;left:50%;bottom:20px;transform:translateX(-50%);font-size:18px;;}
.sgfw_right {display:table-cell;vertical-align:top;width:30%;position:relative;padding:50px 0;}
.sgfw_right .over {position:absolute;width:100%;transform:translateX(-34px);height:550px;right:0;top:50px;}
.sgfw_right .swiper-container { width:100%;height:100%;box-sizing:border-box;padding-left:34px;text-align:left;}
.sgfw_right .swiper-slide {box-sizing:border-box;padding-left:110px;font-size:0;display:table;cursor:pointer;;}
.sgfw_right .swiper-slide font {display:table-cell;vertical-align:middle;color:#fff;font-size:44px;opacity:0;width:50px;}
.sgfw_right .swiper-slide h2 {color:#282828;font-size:20px;display:table-cell;vertical-align:middle;padding-left:20px;}
.sgfw_right .swiper-slide h2 span {display:block;font-size:16px;color:rgba(40,40,40,.4);line-height:13px;}
.sgfw_right .swiper-slide-active h2,.sgfw_right .swiper-slide-active font {color:#fff;opacity:1;}
.sgfw_right .swiper-slide-active h2 {font-weight:bold;}
.sgfw_right .swiper-slide-active h2 span {color:rgba(255,255,255,.4);font-weight:normal;}
.sgfw_right .swiper-slide-active {background:#d50110;}
.sgfw_right .swiper-button-prev,.sgfw_right .swiper-button-next {width:100%;text-align:center;height:50px;line-height:50px;}
.sgfw_right .swiper-button-prev {top:0;transform:translateY(-50%);left:0;}
.sgfw_right .swiper-button-next {top:auto;bottom:0;transform:translateY(50%);right:0;}
.sgfw_right .swiper-button-prev img,.sgfw_right .swiper-button-next img {position:static;transform:translateY(0) translateX(0);}
.sgfw_right .swiper-button-prev img:nth-child(2),.sgfw_right .swiper-button-next img:nth-child(2) {display:none;}
.sgfw_right .swiper-button-prev:hover img:nth-child(2),.sgfw_right .swiper-button-next:hover img:nth-child(2) {display:inline-block;}
.sgfw_right .swiper-button-prev:hover img:nth-child(1),.sgfw_right .swiper-button-next:hover img:nth-child(1) {display:none;}
.sgfw_right .swiper-slide:before {content:'';display:block;width:12px;height:100%;background:transparent;position:absolute;left:-12px;top:0;}
.sgfw_right .swiper-slide-active:before {background:#d50110;}
.sgfw_right .swiper-slide:after {content:'';display:block;width:22px;height:100%;position:absolute;top:0;left:-34px;background-size:100% 100%;background-repeat:no-repeat;background-image:url(images/zjiao_03.png);opacity:0;}
.sgfw_right .swiper-slide-active:after {opacity:1;;}
.znzb {font-size:0;margin-top:0;position:relative;}
.znzb_left {display:inline-block;vertical-align:middle;width:50%;}
.znzb_left ul{ border:1px solid #e5e5e5; height:560px;}
.znzb_left img {width:100%; max-height:560px;}
.znzb_left li { text-align:center; height:560px; display:none;}
.znzb_left li.ac {display:block;}
.znzbbanner {position:absolute;height:565px;box-sizing:border-box;padding:35px 0;width:91px;left:calc(50% + 17px);top:0;}
.znzbbanner .swiper-slide {text-align:center;}
.znzbbanner .swiper-slide img {width:auto;height:100%;position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);}
.znzbbanner .swiper-container {width:100%;height:100%;}
.znzbbanner .swiper-button-prev{background:none;margin-top:0;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);opacity:1 !important;font-size:20px;width:auto;height:auto;}
.znzbbanner .swiper-button-next {background:none;margin-top:0;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);opacity:1 !important;font-size:20px;width:auto;height:auto;}
.znzbbanner .swiper-button-prev {width:100%;height:35px;line-height:35px;text-align:center;left:0;top:0;transform:translateY(0);}
.znzbbanner .swiper-button-next {width:100%;height:35px;line-height:35px;text-align:center;left:0;bottom:-25px;top:auto;transform:translateY(0);}
.znzbbanner .swiper-button-next img:nth-child(2),.znzbbanner .swiper-button-prev img:nth-child(2) {display:none;}
.znzbbanner .swiper-button-next img,.znzbbanner .swiper-button-prev img {position:static;transform:translateY(0) translateX(0);}
.znzbbanner .swiper-button-next:hover img:nth-child(2),.znzbbanner .swiper-button-prev:hover img:nth-child(2) {display:inline-block;}
.znzbbanner .swiper-button-next:hover img:nth-child(1),.znzbbanner .swiper-button-prev:hover img:nth-child(1) {display:none;}
.znzbbanner .swiper-slide { cursor:pointer; overflow:hidden;}
.znzbbanner .swiper-slide:after {content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:1px solid #e5e5e5;}
.znzbbanner .swiper-slide-active:after {border:2px solid #0e6eb8;}
.znzb_right {display:inline-block;width:50%;box-sizing:border-box;padding-left:14%;vertical-align:middle;}
.znzb_right>div {display:none;}
.znzb_right>div.ac {display:block;}
.znzb_right h4 {color:#aaaaaa;font-size:24px;margin-bottom:10px;}
.znzb_right h2,.znzb_right h3 {font-size:26px;color:#0e6eb8;font-weight:bold;line-height:42px;}
.znzb_right h2:after {content:'';display:block;width:28px;height:3px;background:#0e6eb8;margin-top:35px;margin-bottom:30px;}
.znzb_right p {line-height:36px;color:#2d2d2d;font-size:18px;}
.znzb_right p span {color:#d50110;margin-right:9px;font-size:20px;font-weight:bold;}
.m_sgfw{ display:none;}
		
/*list_pro*/
ul.list_pro{ text-align:center;min-height:200px;_height:200px;}
ul.list_pro li{ float:left;width:315px;margin-left:27px;line-height:25px; height:480px; border:1px solid #ddd; margin-bottom:30px;}
ul.list_pro li:nth-child(4n+1){ margin-left:0;}
ul.list_pro li .img{ width:282px;height:354px;overflow:hidden; margin:0 auto; position:relative;}
ul.list_pro li img{ width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li:hover{border:1px solid #0e6eb8;}
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; font-size:15px; width:90%; margin:0 auto;}
ul.list_pro li em{ background:#e7e7e7; width:130px; height:36px; line-height:36px; display:block; text-align:center; margin:0 auto; margin-top:15px;}
ul.list_pro li:hover em{ background:#26874c; color:#fff;}

/*display*/
.dis_big{ text-align:center;}
.dis_big .l{ float:left; width:565px;}
.dis_big .l img{ max-width:80%; border:1px solid #e5e5e5;}
.dis_big .r{ float:right; text-align:left; width:780px; margin-top:20px; margin-bottom:60px;}
.dis_big .r .dis_name{ line-height:30px; height:30px; color:#0e6eb8; font-size:32px; margin-top:120px;}
.dis_big .r .dis_desc{ margin-top:25px; font-size:16px; line-height:1.8; color:#333;}
.dis_big .r a.dis_down{ background:#26874c; width:170px; height:50px; line-height:50px; display:block; color:#fff; text-align:center; font-size:18px; margin-top:50px;}
.dis_big_name{ text-align:left; margin:0 auto; margin-bottom:40px; font-size:28px; border-left:4px solid #0e6eb8; color:#333; padding-left:20px;}
.dis_big_img img{ width:100%; height:560px; object-fit:cover;}
.dis_big_desc{ margin-top:70px;}
.dis_big_dh{ color:#0e6eb8; font-size:36px; padding-top:20px; text-align:center; margin-bottom:70px;}
.dis_big_dh i{ display:block; height:4px; width:60px; background:#0e6eb8; margin:0 auto; margin-top:25px; margin-bottom:20px;}
.dis_big_dh em{ font-size:16px; color:#2e2e2e; margin-top:5px; display:block; font-weight:normal;}
.dis_big_desc{ margin-top:50px;}
.dis_big_desc .l{ float:left; width:405px;}
.dis_big_desc .l>em{ font-size:20px; color:#333; border-bottom:2px solid #0e6eb8; height:42px; line-height:42px; margin-bottom:20px; display:inline-block;}
.dis_big_desc .l img{ max-height:600px;}
.dis_big_desc .r{ float:right; width:694px;}
.dis_big_desc .r img{ width:694px; height:654px; object-fit:cover;}
.dis_big_note{ background:#f5f5f5; padding:50px 0; margin-top:90px; font-size:16px; line-height:1.6;}
.dis_big_pro{ margin-top:50px;}
.dis_big_pro>ul{ margin-top:50px;}
.dis_feature{ margin-top:60px; border-top:1px solid #e6e6e6; padding-top:60px;}
.dis_feature>em{ font-size:36px; color:#0e6eb8; display:block; margin:0 auto; text-align:center; line-height:1;}
.dis_feature i{ background:#0e6eb8; width:60px; height:4px; margin:0 auto; margin-top:26px; margin-bottom:40px; display:block;}
.dis_feature ul{ margin-top:50px; margin-bottom:30px; overflow:hidden;}
.dis_feature ul li{ padding:65px 25px; width:263px; height:450px; float:left; margin-left:30px; border:1px solid #e5e5e5; position:relative; margin-bottom:30px;}
.dis_feature ul li:nth-child(4n+1){ margin-left:0;}
.dis_feature ul li>span{ color:#0e6eb8; font-size:26px; line-height:1.5;}
.dis_feature ul li>em{ width:70px; height:3px; background:#0e6eb8; margin-top:22px; margin-bottom:65px; display:block;}
.dis_feature ul li>p{ height:330px; border-bottom:1px solid #e5e5e5;}
.dis_feature b{ font-size:26px; margin:0 auto; display:block; text-align:center; margin-top:30px; font-weight:normal;}
.dis_feature ul li:hover{ background:#0e6eb8; color:#fff;}
.dis_feature ul li:hover>span{ color:#fff;}
.dis_property{ margin-top:60px; background:url(images/property.jpg) no-repeat top center; padding:60px 0; background-size:cover;}
.dis_property>em{ font-size:36px; color:#0e6eb8; display:block; margin:0 auto; text-align:center; line-height:1;}
.dis_property b{ font-size:26px; margin:0 auto; display:block; text-align:center; margin-top:30px; font-weight:normal;}
.dis_property i{ background:#0e6eb8; width:60px; height:4px; margin:0 auto; margin-top:26px; margin-bottom:40px; display:block;}
.dis_property ul{ text-align:center; margin:0 auto; margin-top:50px; overflow:hidden;}
.dis_property ul li{ width:20%; height:450px; display:inline-block; position:relative; margin-right:-4px; text-align:center; vertical-align:top;}
.dis_property ul li>.note{ border:2px solid #e1e1e1; padding:68px 0; width:90%; margin:0 auto;}
.dis_property ul li>.note>span{ background:#0e6eb8; font-size:24px; width:140px; height:140px; line-height:1.6; border-radius:50%; margin:0 auto; text-align:center; color:#fff; display:table; margin-bottom:100px;}
.dis_property ul li>.note>span>em{ vertical-align:middle; display:table-cell;}
.dis_property ul li>.note>p{ font-size:16px; width:80%; margin:0 auto; min-height:60px;}
.dis_property ul li.m6{ width:16.685%;}
.dis_range{text-align:left;line-height:1.8; margin-top:20px; padding:50px 0;}
.dis_range em{ font-size:36px; color:#0e6eb8; display:block; margin:0 auto; text-align:center; line-height:1;}
.dis_range i{ background:#0e6eb8; width:60px; height:4px; margin:0 auto; margin-top:26px; margin-bottom:40px; display:block;}
.dis_range .note{ text-align:center;}
.dis_note{ text-align:left;line-height:1.8; margin-top:40px; background:#f5f5f5; padding:60px 0;}
.dis_note em{ font-size:36px; color:#0e6eb8; display:block; margin:0 auto; text-align:center; line-height:1;}
.dis_note i{ background:#0e6eb8; width:60px; height:4px; margin:0 auto; margin-top:26px; margin-bottom:40px; display:block;}
.dis_pro{ margin-top:60px;}
.dis_pro>em{ font-size:36px; color:#0e6eb8; display:block; margin:0 auto; text-align:center; line-height:1;}
.dis_pro i{ background:#0e6eb8; width:60px; height:4px; margin:0 auto; margin-top:26px; margin-bottom:40px; display:block;}
.dis_pro ul{ margin-top:50px; margin-bottom:30px; overflow:hidden;}
.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:438px;margin-left:18px;line-height:25px; height:478px; position:relative; margin-bottom:50px;}
ul.list_share li:nth-child(4n+1){ margin-left:0;}
ul.list_share li .img{ width:438px;height:428px;overflow:hidden;}
ul.list_share li img{ width:100%;height:100%;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:30px 0; background:#137145; width:350px; height:60px; color:#fff; font-size:20px; font-weight:600; position:absolute; bottom:-10px; z-index:2; margin-left:auto; margin-right:auto;left:0; right:0;}
ul.list_share li span em{ display:block; line-height:1.8;}

/*share_list*/
ul.share_list{ margin:0 auto;width:100%;}
ul.share_list li{ width:315px;height:310px;float:left;margin-left:30px;}
ul.share_list li:nth-child(4n+1){ margin-left:0;}
ul.share_list .img{ width:315px;height:260px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #ddd; overflow:hidden; background:#fff;}
ul.share_list .img img{ max-width:315px; max-height:260px;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;}

/*coop_list*/
ul.coop_list{ margin:0 auto;width:100%; overflow:hidden;}
ul.coop_list li{ width:246px;height:160px;float:left;margin-left:30px;}
ul.coop_list li:nth-child(5n+1){ margin-left:0;}
ul.coop_list .img{ width:246px;height:140px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #ddd; overflow:hidden; background:#fff;}
ul.coop_list .img img{ max-width:246px; max-height:140px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.coop_list li:hover img{ transform: scale(1.08);-webkit-transform: scale(1.08);}
.coop_name{ font-size:28px; color:#0e6eb8; text-align:left; display:block; margin-bottom:30px; margin-top:50px;}

/*list_cases*/
ul.list_cases{ text-align:center;min-height:200px;_height:200px;}
ul.list_cases li{ float:left;width:315px;margin-left:18px;line-height:25px; height:270px; position:relative; margin-bottom:50px;}
ul.list_cases li:nth-child(4n+1){ margin-left:0;}
ul.list_cases li .img{ width:315px;height:220px;overflow:hidden;}
ul.list_cases li img{ width:100%;height:100%;object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_cases li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_cases li:hover span{ background:#0e6eb8; color:#fff;}
ul.list_cases li span{ display:block;text-align:center; height:50px; line-height:50px; background:#e7e7e7;}

/*table*/
table.list{ font-family: "Microsoft YaHei"; font-size:14px; color:#333; 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}

/*news*/
.news{background:#f5f5f5; padding:20px; overflow:hidden; margin-bottom:20px;}
.news .pic .img{ width:584px;height:358px; float:left; overflow:hidden;}
.news .pic img{ width:100%;height:100%;object-fit:cover;transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
.news .pic .img:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.news .pic .note{ float:right; width:665px; text-align:left; font-size:16px; margin-right:20px;}
.news .pic .note span{ font-size:20px; color:#333; font-weight:500; margin-top:25px; display:block; margin-bottom:5px;}
.news .pic .note span:hover{ color:#0e6eb8;}
.news .pic .note em{ color:#858585;}
.news .pic .note p{ line-height:1.8; margin-top:15px; min-height:110px;}
.news .pic .note a.more{ width:115px; height:40px; line-height:40px; text-align:center; display:block; float:right; background:#0e6eb8; color:#fff; margin-top:60px;}

/*list_news*/
ul.list_news{ text-align:left; font-size:16px; margin-bottom:30px;}
ul.list_news li{ position:relative;height:60px;line-height:60px;border-bottom:1px solid #e5e5e5; background:url(images/news_ico.jpg) no-repeat left center; padding-left:25px;}
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;padding-bottom:20px;}
ul.list_img_news li:after{ display:block; content:''; height:40px; clear: both; border-bottom:1px solid #eee;}
ul.list_img_news li a{ font-size:14px;}
ul.list_img_news li .img{ width:273px;height:188px; margin-right:22px; margin-top:12px; float:left;overflow:hidden;}
ul.list_img_news li .img img{ width:273px;height:100%;transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_img_news li .img:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_img_news li span{ font-size:16px; margin:10px 0; display:block; margin-top:20px;}
ul.list_img_news li p{ color:#888;}
ul.list_img_news li em{ font-size:14px; display:block;margin:0;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:100%;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-weight:bold;font-size:20px;_height:30px;min-height:30px;line-height:30px;text-align:center;}
#dis_news .news_date{ text-align:center;_height:26px; line-height:26px; padding-bottom:10px; color:#888;}
#dis_news .news_content{ padding:5px;_height:200px;min-height:200px; text-align:left;}
#dis_news .news_video{ text-align:center;}

#dis_news .news_close{ margin:0 auto; text-align:center; padding:20px 0;}
#dis_news .news_close a{ padding:5px;}

/*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{ padding:8px 15px;margin:0 3px; background:#e7e7e7;}
.pages a:hover,a.active{ background:#0e6eb8;color:#fff;}
.pages span{ padding:8px 15px;margin:0 3px; background:#e7e7e7; cursor:pointer;}
.pages span:hover,span.active{ background:#0e6eb8;color:#fff;}

/*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;}
.map img{ max-width:inherit !important;}
.shadow,.pop,.anchorBL{ display:none;}

/*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;}

/*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:#0e6eb8; font-size:14px; font-weight:bold;color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left: 1px solid #0e6eb8;border-bottom: 1px solid #0e6eb8;border-right: 1px solid #0e6eb8;background:#fff; line-height:28px;}

/*state*/
.state{ background:#f5f5f5; float:none; text-align:center; border:0 !important; padding:10px 0;}
.state .right_dh_r{ float:none !important;}
.state .left_dh{ margin:0 auto; text-align:center;}
.state .left_dh ul li{ display:inline-block; float:none !important;}

/*nav*/
#footer_nav{ background:#303031; min-height:316px; width: 100%;float: left;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:60px 0; color:#a6a6a6;}
#footer_nav .footer_nav_con a{ color:#a6a6a6;font-size:15px; line-height:1.2;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .list{ float:left; padding-right:20px; min-height:130px; _height:130px; width: 135px;}
#footer_nav .footer_nav_con .list span{ font-size:16px; height:30px; text-align:left; color:#fff; display:block; margin-bottom:10px; padding-right:20px;}
#footer_nav .footer_nav_con .list li{ line-height:26px; text-align:left; overflow:hidden; text-overflow:ellipsis; padding-bottom: 2px;}
#footer_nav .footer_nav_con .list em{ height:1px; background:#5d5d5e; display:block; margin-bottom:10px;}
#footer_nav .footer_nav_con .list em i{ background:#0e6eb8; width:30px; display:inline-block; height:1px;}
#footer_nav .footer_nav_con .contact{ float:right; width:520px; line-height:1.6; font-size:14px; text-align:right;}
#footer_nav .footer_nav_con .contact li{ display:inline-block; margin-left:30px; text-align:left; vertical-align:top; }
#footer_nav .footer_nav_con .contact li:first-child{ margin-left:0;}
#footer_nav .footer_nav_con .contact li>img{ float:left; width:20px; margin-top:8px;}
#footer_nav .footer_nav_con .contact li>em{ display:block; float:right; margin-top:5px; margin-left:8px; width:310px;}
#footer_nav .footer_nav_con .contact li>em i{ display:block; font-size:30px; font-style:normal; font-family:Arial; line-height:1.2; color:#fff; font-weight:600; padding-bottom:6px;}
#footer_nav .footer_nav_con .contact span img{ position:relative; top:5px; margin-right:5px;}
#footer_nav .footer_nav_con .contact .qcode{ margin-top:8px;}
#footer_nav .footer_nav_con .contact .qcode img{ width:120px; height:120px;box-shadow: 0px 5px 10px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,.1);}
#footer_nav .footer_nav_con .contact .qcode span{ margin-top:8px; display:block; font-size: 13px;}

/*footer*/
#footer{ min-height:30px; height:auto; _height:auto; padding:15px 0px; background:#303031; color:#bebebf; border-top:1px solid #454546; font-size:15px;}
#footer a{ color:#bebebf;}
#footer a:hover{ color:#fff;}
#footer .footer_con{ margin:0 auto; text-align:center;}
#footer .footer_con .l{ float:left;}
#footer .footer_con .r{ float:right;}
#footer .footer_copy{ text-align:center; padding:15px 0;}
.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;}

.s_classname{font-size:30px;padding-bottom:20px; position:relative; text-align:center; margin-bottom:50px;}
.s_classname:after{position:absolute;content:"";width:50px; height:1px; bottom:0px; left:50%; margin-left:-25px; background:#0e6eb8;}


.slider_banner .swiper-wrapper { }
.slider_banner .swiper-slide img { width: 100%; min-height: 150px; }
.slider_banner .swiper-slide img+img { position: absolute; top: 0; left: 0; }
.slider_banner .swiper-slide img { width: 100%; transition: 3s linear; transform: scale(1.08); }
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
.slider_banner .slider_swiper_control { position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; height: 54px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.slider_banner .swiper-button-white { position: static; position: relative; right: auto; left: auto; display: inline-block; overflow: hidden; margin: auto; width: 60px; height: 90px; border-radius: 0; background-color: #04255c; background-position: center; background-repeat: no-repeat; vertical-align: middle; text-indent: -9999px; opacity: 1; filter: alpha(opacity=100); }
.slider_banner .swiper-pagination { bottom: 30px !important; }
.slider_banner .swiper-pagination span { vertical-align: middle; }
.slider_banner .swiper-pagination i { display: inline-block; margin: 0 8px; width: 6px; height: 6px; background-color: #fff; vertical-align: middle; }
.slider_banner .swiper-pagination-bullet:before { display: none; }
.slider_banner .swiper-pagination-bullet { display: inline-block; box-sizing: border-box; margin-right: 13px; width: 13px; height: 13px; background: #999; color: #fff; text-align: center; border-radius: 50%; }
.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #04255c; }
.banner_button_prev, .banner_button_next { position: absolute; top: 0; display: block; width: 54px; height: 54px; border-radius: 50%; background-color: rgba(4,37,92,.75); vertical-align: middle; text-align: center; cursor: pointer; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s; }
.banner_button_prev { left: 76px; }
.banner_button_next { right: 76px; }
.banner_button_prev:before, .banner_button_next:before { position: absolute; top: 0; left: 0; width: 54px; height: 54px; background: url(images/web_icon.png) no-repeat; content: ""; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s; }
.banner_button_next:before { background-position: -54px -60px; }
.banner_button_prev:before { background-position: 0 -60px; }
.banner_button_next:hover, .banner_button_prev:hover { background-color: #04255c; }
.banner_button_next:hover:before { background-position: -54px -114px; }
.banner_button_prev:hover:before { background-position: 0 -114px; }

.slider_banner { position: relative; overflow: hidden; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode>.swiper-wrapper { margin: 0 auto; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.swiper-invisible-blank-slide { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; pointer-events: none; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; z-index: 2; margin-top: -25px; width: 36px; height: 50px; border-radius: 2px; background-color: rgba(0,0,0,.4); background-color: #ccc; text-align: center; font-size: 30px; line-height: 50px; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.swiper-button-next:before, .swiper-button-prev:before { display: inline-block; }
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.3; cursor: auto;/* pointer-events:none; */ }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { right: auto; left: 10px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }
.swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before { content: '\f104'; }
.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before { content: '\f105'; }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; z-index: 2; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 100%; text-align: center; font-size: 0; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); }
.swiper-pagination-bullet, .swiper-pagination-bullet:before, .swiper-pagination-bullet:after { display: inline-block; width: 30px; height: 3px; vertical-align: top; }
.swiper-pagination-bullet { position: relative; overflow: hidden; cursor: pointer; display: none; }
.swiper-pagination-bullet:before { background-color: #fff; content: ''; }
.swiper-pagination-bullet-active:before { background-color: #04255c; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-container-vertical>.swiper-pagination-bullets { top: 50%; right: 10px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0; }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .3s -webkit-transform; -o-transition: .2s transform, .3s top; transition: .2s top, .3s -webkit-transform; transition: .2s transform, .3s top; transition: .2s transform, .3s top, .3s -webkit-transform; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .3s -webkit-transform; -o-transition: .2s transform, .3s left; transition: .2s left, .3s -webkit-transform; transition: .2s transform, .3s left; transition: .2s transform, .3s left, .3s -webkit-transform; }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .3s -webkit-transform; -o-transition: .2s transform, .3s right; transition: .2s right, .3s -webkit-transform; transition: .2s transform, .3s right; transition: .2s transform, .3s right, .3s -webkit-transform; }
.swiper-pagination-progressbar { position: absolute; background: rgba(0, 0, 0, .25); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #007aff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; -ms-transform: scale(0); -ms-transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; }
.swiper-container-horizontal { overflow: hidden; }
.swiper-container-horizontal>.swiper-pagination-progressbar { top: 0; left: 0; width: 100%; height: 4px; }
.swiper-container-vertical>.swiper-pagination-progressbar { top: 0; left: 0; width: 4px; height: 100%; }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { position: relative; border-radius: 10px; background: rgba(0, 0, 0, .1); -ms-touch-action: none; }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; bottom: 3px; left: 1%; z-index: 50; width: 98%; height: 5px; }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; top: 1%; right: 3px; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { position: relative; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(0, 0, 0, .5); }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; -webkit-transform-origin: 50%; transform-origin: 50%; -ms-transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after { display: block; width: 100%; height: 100%; background-position: 50%; background-size: 100%; background-repeat: no-repeat; content: ''; }
.swiper-lazy-preloader-white:after { }
 @-webkit-keyframes swiper-preloader-spin { 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes swiper-preloader-spin { 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.swiper-container .swiper-notification { position: absolute; top: 0; left: 0; z-index: -1000; opacity: 0; pointer-events: none; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; pointer-events: none; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { z-index: 1; visibility: hidden; width: 100%; height: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform-origin: 0 0; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -ms-transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { visibility: visible; pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { z-index: 1; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; }
/*ie*/
.swiper-container { overflow: hidden\9; }
.slider_banner .swiper-container .swiper-wrapper { width: 2000%\9; }
.swiper-slide { float: left\9; }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.swiper-container .swiper-wrapper { width: auto; }
}

.lx_left{ width:30%; float:left;}
.lx_right{ width:70%; float:right; padding-bottom:20px;}
.feedback_left{ width:50%; float:left;}
.feedback_right{ width:50%; float:right;}

.ryBox{ float:left; width: 100%;margin: 0 auto; padding-bottom:70px;}
/*.ryBox ul{margin: 0 0 30px 0; overflow:hidden;}
.ryBox li{float:left; margin-right:42px; text-align:center; }
.ryBox li.noMr{margin-right:0px;}
.ryBox li img{ vertical-align:middle;}
.ryBox li h5{margin-top:10px; font-weight:normal;color:#333;}
.ryBox li h5 a{}
#demo {
overflow:hidden;
width: 1300px;
}
#demo img {
}
#indemo {
float: left;
width: 1000%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}*/


.qqbox{ background:url(images/fix-ico.png) -100px 8px #0e6eb8; height:50px;} 
.qqbox:hover{background:url(images/fix-ico.png) 0px 8px #0e6eb8}
.qqbox:hover .qq_box { display:block; right:145px; }
.qq_box{ background:#0e6eb8; width:150px; height:50px;line-height:50px; color:#FFF; text-align:center; display:none; position:relative; font-size:16px;}

.wxbox{ background:url(images/fix-ico.png) -100px -50px #0e6eb8; height:50px;} 
.wxbox:hover{background:url(images/fix-ico.png) 0px -50px #0e6eb8}
.wxbox:hover .wx_box { display:block; right:160px; top:-80px; }
.wx_box{ background:#0e6eb8; width:150px; height:150px; color:#FFF; text-align:center; display:none; position:relative; font-size:16px; padding:10px 0}
.telbox{ background:url(images/fix-ico.png) -100px -110px #0e6eb8; height:50px;} 
.telbox:hover{background:url(images/fix-ico.png) -0px -110px #0e6eb8}
.telbox:hover .tel_box { display:block; right:145px; }
.tel_box{ background:#0e6eb8; width:150px; height:50px;line-height:50px; color:#FFF; text-align:center; display:none; position:relative; font-size:16px;}
.phonebox{ background:url(images/fix-ico.png) -100px -218px #0e6eb8; height:50px;} 
.phonebox:hover{background:url(images/fix-ico.png) -0px -218px #0e6eb8}
.phonebox:hover .phone_box { display:block; right:145px; }
.phone_box{ background:#0e6eb8; width:150px; height:50px;line-height:50px; color:#FFF; text-align:center; display:none; position:relative; font-size:16px;}
.zck_box{ width:50px; position:fixed; right:10px; top:260px; z-index:999}
.zck_box li{width:50px; border-radius:2px; margin:5px;  color:#FFF; text-align:center;-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.zck_box li:hover{ }


/*头部开始*/
.topWrap{ background:url(images/h_bj.gif) repeat-x center top; height:177px; position:relative; z-index:3;}
/*
.header{
    width: 1300px;
    margin: 0 auto;
}

.h_top{ height:34px; color:#999797; overflow:hidden; font:12px/34px "Microsoft Yahei"; color:#666;}
.h_top span{color:#666;}
.h_top span a { color:#666; display:inline-block; padding:0 5px;}
.h_top span img{ vertical-align:middle;} 

.h_nr{ height:120px; overflow:hidden;}
.h_logo{ width:640px; height:110px; overflow:hidden; margin:15px 0 0 0;}
.h_logo span{ width:237px; height:79px; margin-top:8px;}
.h_logo h1{ background:url(images/h_s.gif) no-repeat left top; height:80px; width:353px; font: bold 20px "Microsoft Yahei"; color:#009b4c; padding-left:24px; margin-left:26px; display:inline; padding-top:10px;margin-top:29px;}
.h_logo h1 b{ display:block; color:#1257a6;}

.h_lx{ width:240px; height:85px; margin:27px 0 0 0; overflow:hidden;}
.h_lx p{ font:16px "Microsoft Yahei"; color:#666; background:url(images/h_tel.gif) no-repeat left center; padding-left:39px; line-height:30px; text-align:left;}
.h_lx p span{ font-size:26px;  color:red; display:block;}
.h_lx i{ display:block; font:14px "Microsoft Yahei"; color:#084ea4;}

.h_nav{height:57px;}
.h_nav ul li { background:url(images/dh_s.gif) no-repeat right center; float:left; height:57px; position:relative;}
.h_nav ul li em{ vertical-align:middle; margin-top:20px; height:37px; width:17px; display:inline-block; margin-right:10px; background:url(images/home.png) no-repeat left top;}
.h_nav ul li a{ display:inline-block; font:16px "Microsoft Yahei"; color:#666; line-height:57px; height:57px; padding:0 47px;}
.h_nav li a:hover , .h_nav .cur a { text-decoration:none; background:#1257a6; font-weight:bold;color:#fff;}
.h_nav .nobot{ background:none;}

.h_nav ul li .erj{ width:174px; overflow:hidden; position:absolute; top:57px; left:0; padding-bottom:10px; display:none;}
.h_nav ul li .erj li{ background:none; float:none; height:41px;}
.h_nav ul li .erj li a{ display:block; background:url(images/h_f.jpg) no-repeat left top; width:174px; height:41px; font:14px/40px "Microsoft Yahei"; color:#fff; padding-left:0; padding-right:0;}
.h_nav ul li .erj li a:hover , .h_nav ul li .erj .cur a{ background:url(images/h_f1.jpg) no-repeat left top; font-weight:normal;}*/
/*头部结束*/
.fl { float:left;}
.fr { float:right;}

.home_parter_dh{  font-size:30px; text-align:center;}
.home_parter_dh em{ font-size:14px; color:#454545; margin-top:5px; display:block; font-weight:normal;}
.home_parter_dh i{ display:block; height:4px; width:35px; background:#0e6eb8; margin:0 auto; margin-top:5px; margin-bottom:15px;}

.ryBox ul{ margin:0; padding:0; padding-left:10px; margin-top: 0;overflow: inherit}
.ryBox li{width: 140px;
float: left;
margin: 15px 8px;
border: 1px solid #fff; border-radius:5px;
-webkit-box-shadow: 0 0 8px rgba(134, 134, 134, .3);
-moz-box-shadow: 0 0 8px rgba(134, 134, 134, .3);
box-shadow: 0 0 8px rgba(134, 134, 134, .3);}
.ryBox li:hover{width: 140px;
float: left;
margin: 15px 8px;;
border: 1px solid #fff; border-radius:5px;
-webkit-box-shadow: 0 0 20px rgba(134, 134, 134, .8);
-moz-box-shadow: 0 0 20px rgba(134, 134, 134, .8);
box-shadow: 0 0 20px rgba(134, 134, 134, .8); }

.ryBox img{border-radius:5px;padding-top: 10px;}


.team_bg{     font-size: 0; overflow: hidden;     margin: 50px 0 70px;}
.content{
    width: 1350px;
    margin: 0 auto;
}

.team_bt{ padding:35px 0 0;height: 80px;text-align: center;font-weight: normal;overflow: hidden;}
.team_bt a{font-size: 24px;color: #282828;}
.team_bt span{display: block;font-size: 14px;color: #666; padding:5px 0 0;}
.team dl{ background:url(images/team_bg01.jpg) no-repeat center 0;width: 293px;height: 321px;float: left; padding:0 22px;overflow: hidden;}
.team dl dt{width: 110px;height: 110px;overflow: hidden; margin:0 auto;  margin-top: 20px;}
.team dl dt img{width: 110px;height: 110px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.team dl dt img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.team dl dd{width: 252px;text-align: center; margin:0 auto;}
.team dl dd h5{height: 60px;line-height: 25px;overflow: hidden; padding-top: 15px;}
.team dl dd h5 a{font-size: 18px;color: #fff; font-weight: normal;}
.team dl dd p{font-size: 14px;color: #fff;height: 75px;line-height: 25px;overflow: hidden; padding:20px 0 0;}
.team dl dd span{display: block;width: 144px; margin:0 auto; padding:30px 0 0;}
.team_btn{display: block;*display: inline;*zoom: 1;position: relative;height:40px; line-height:40px;border:2px solid #333;color: #333;text-decoration: none;font-size: 16px;text-transform: uppercase;width:140px; text-align:center;}
.team_btn:hover{background: #6ba420;color: #fff;}
.team_btn:before,.team_btn:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 2px solid #6ba420;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;transition: width .3s ease-out .2s, height .2s ease-in;}
.team_btn:before{top: -2px;border-bottom: 0;}
.team_btn:after{bottom: -2px;border-top: 0;}
.team_btn:hover:before,.team_btn:hover:after{width: 100%;height: 40px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}

@media (max-width: 768px) {
.team dl{padding:0 38px;}
}

.header{width:100%; background-color:#fff;position: relative;z-index: 1000; height:120px;}
.header .top{width: 100%;background-color: #f1f1f1;border-bottom: 1px solid #e7e7e7;height: 30px;}
.header .top ul{float: right;margin-top: 0px;}
.header .top li{float: left;font-size: 12px;color: #666666;padding: 0 14px;border-left: 1px dotted #d6d6d6;}
.header .top li a{color: #666666;}
.header .top li.wlcx a{ font-weight:bold; font-size:14px;}
.header .top li.last{background: url(images/header-phone.png) no-repeat 9px center;padding-left: 26px;font-size: 12px;color: #d6150e;}
.header .top li:first-child{border-left: none;padding-left: 26px;border-left: none;}

.nav_wxl{background: none !important;}
.nav_wxl:hover{background-color: #0f6fb8 !important;}

.headerCon{width: 100%;} 
.headerCon .logo{display: block;float: left;margin: 0 0 0 0;}
.headerNav{float: right;}
.headerCon{height: 90px;position: relative;}
.headerCon .navBox{width: 100%;height: 90px;}
.headerNav .navBox>li{float: left;font-size: 16px;width: 100px;height:90px;     background: url(images/down_01.png) no-repeat 88px center;line-height: 90px;font-weight: bold; text-align:center;}
.headerNav .navBox>li.dif{position: relative;}
.headerNav .navBox>li>a{color: #2f2e2e;display: block;text-decoration: none;}
.headerNav .navBox>li>a img{ width: 10px; position: relative; top: -3px; left: 5px;}
.headerNav .navBox>li.cur>a{color: #fff;}
.headerNav .navBox>li.cur{background:#0f6fb8; }
.headerNav .navBox>li:hover>a{color: #fff;}
.headerNav .navBox>li:hover{background: url(images/down_01_a.png) no-repeat 110px center #0f6fb8;}

.headerSearch{width: 69px;height: 120px;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;float: right;position: relative;}
.headerSearch span{display: block;background: url(images/header-search.png) no-repeat center;float: right;width: 69px;height: 120px;}
.headerSearch input{outline: none;font-size: 15px;position: absolute;top: 120px;right: 0;width: 482px;height: 44px;/* border: none; */background: #fff;z-index: 5555555;border: 1px solid #e7e7e7;display: none;padding: 0 10px;line-height: 44px;}

.header_ConScroll{position:fixed;top:0px;left:0px; background:#fff;z-index:721013013;}

/*.headerNav .xiaL{padding: 20px 30px;width: 109px;background: #fff;border-top: 1px solid #e7e7e7;position: absolute;left: -58px;top: 120px;z-index: 5555;display: none;}
.headerNav .xiaL a{display: block;width: 109px;height: 35px;line-height: 35px;font-size: 14px;color: #666666;text-align: center;border-bottom: none;}
.headerNav .xiaL a:hover{background: url(Img/Common/headerNavBg.png) no-repeat center;color: #fff;border-bottom: none;text-decoration: none;}*/

.headerNav .navBox>li:hover .xiaL{display: block;}
.headerNav .xiaL2{position: absolute;height: 269px;width: 100%;background: #fff;top: 120px;z-index: 5555;left: 0;border-top: 1px solid #e7e7e7;display: none;}
.headerNav .xiaL2 ul{width: 1200px;margin: 0 auto;overflow: hidden;height: 269px;}
.headerNav .xiaL2 li{float: left;width: 240px;height: 269px;background: url(images/headerNav-xian.png) no-repeat left center;text-align: center;}
.headerNav .xiaL2 li:first-child{background-image: none;}
.headerNav .xiaL2 img{display: block;margin:46px auto 0;}
.headerNav .xiaL2 a{border-bottom: none;text-decoration: none;}
.headerNav .xiaL2 span{font-size: 14px;color: #666666;text-decoration: none;position: relative;top: -34px;}
.headerNav .xiaL2 .dif2 a{width: 140px;height: 48px;display: block;margin: 110px auto 0;background: url(images/xiaLMore.png) no-repeat center;line-height: 48px;font-size: 14px;color: #666666;text-decoration: none;}
.headerNav .navBox>li:hover .xiaL{display: block;}
.headerNav .navBox>li:hover .xiaL2{display: block;}


.header .xiaL { display:none; overflow:hidden; width:100px; overflow:hidden; position:absolute; top:90px; background-color:#000;opacity: 0.65; padding-top:20px; padding-bottom:20px; text-align: center; z-index:1000; }
.header .xiaL .title{ overflow:hidden; width:170px;float:left; margin-left:360px;}
.header .xiaL .title i{ display:block; width:40px; height:3px; background-color:#0f6fb8; margin-bottom:20px;}
.header .xiaL .title h3{ font-size:20px; margin-bottom:30px; height:24px; line-height:24px;}
.header .xiaL .title h3 a{ color:#333;}
.header .xiaL .title .more{ display:block; width:118px; height:30px; text-align:center; line-height:30px; border:1px solid #cecece; font-size:12px; color:#999; font-family:Arial;}
.header .xiaL ul{ overflow:hidden; float:left; width:100px; }
.header .xiaL .ul01 { border-right:1px solid #e9e9e9;}
.header .xiaL li{ font-size:12px; line-height:22px; padding: 5px 0; width:100%; *float:left; font-weight:normal;}
.header .xiaL li a{ color: rgba(255, 255, 255, 0.9);}
.header .xiaL li a:hover{ color:#fff;}
.header .xiaL .contect{ width: 140px;height: 48px;display:inline-block;margin: 58px auto 0;background: url(images/xiaLMore.png) no-repeat center;line-height: 48px;font-size: 14px;color: #666666;text-decoration: none; text-align:center; }
.header .xiaL .contect img{ display:block; margin:10px auto;}


/* slide */
.slide-main{height:500px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:227px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:460px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:500px;}
.slide-box{position:relative;}
.slide{display:none;height:500px;padding-top:0;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(images/b1.jpg) no-repeat center bottom;}
#bgstyleb{background:url(images/b2.jpg) no-repeat center;}
#bgstylec{background:url(images/b3.jpg) no-repeat center bottom;}
#bgstyled{background:url(images/b4.jpg) no-repeat center;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-670px;text-align:center;}
.obj-a{display:block;height:352px;top:100px; margin-left:-420px; top:160px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:160px;margin-left:-220px;}
.obj-d{top:215px;height:164px;margin-left: -140px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-520px;top:160px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


.topadcs{width:100%; overflow:hidden; text-align:center;margin:0px auto;}
.topadcs p img{ width:100%; height:auto; display:block;}
.topadcs p{display:block;margin:0 auto; padding: 130px 0; color: #fff; font-size: 36px; font-weight:normal;  line-height: 40px; letter-spacing: 4px;}
.topadcs p span{ font-size: 14px; letter-spacing: 2px; text-transform: uppercase; }
.topadcs p.fullad{}



/*header {
  width:100%; background-color:#fff;position: relative;z-index: 1000; height:164px;
}
header .logobox {
  float: left;
  padding: 26px 0;
  display: block;
  margin-right: 4%;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
header .logobox:hover .indiv .actlogobox {
  height: 100%;
}
header .navbox {
  float: right;
}
header .navbox .navli {
  float: left;
  height: 100px;
  text-align: center;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  position: relative;
  
}
header .navbox .navli .navTl {
  display: block;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 16px;
  margin: 0 35px;
}
header .navbox .navli .navTl span {
  
  display: block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  font-weight: bold;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
header .navbox .navli .navTl span:nth-child(2) {
  background: #015aa1;
  height: 100px;
  color: #fff;
  line-height: 200px;
}
header .navbox .navli .navTl img {
  width: 10px;
  position: relative;
  top: -2px;
  left: 5px;
}
header .navbox .navli .subox {
  left: 0;
  width: 100%;
  position: absolute;
  top: 100%;
  display: none;
  background: url(images/blck.png);
  -webkit-box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  white-space: nowrap;
  line-height: 40px;
  text-align: center;
  padding: 20px 0;
}
header .navbox .navli .subox a {
  margin-right: 0px;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
header .navbox .navli .subox a::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 10px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
header .navbox .navli .subox a:last-child {
  margin-right: 0;
}
header .navbox .navli .subox a:hover {
  color: #ffffff;
}
header .navbox .navli:hover .navTl span:nth-child(1),
header .navbox .act .navTl span:nth-child(1) {
  margin-top: -100px;
  line-height: 10px;
}
header .navbox .navli:hover .navTl span:nth-child(2),
header .navbox .act .navTl span:nth-child(2) {
  line-height: 100px;
}
header .navbox .navli:last-child {
  margin-right: 0;
}
header .navbox .ewm {
  text-align: center;
  font-weight: bold;
  line-height: 100px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #e9e9e9;
  position: relative;
  padding: 0 50px;
}
header .navbox .ewm img {
  position: relative;
}
header .navbox .ewm .im_ewm {
  width: 100px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 100%;
  opacity: 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  pointer-events: none;
  padding: 10px;
  background: #fff;
  line-height: 1;
}
header .navbox .ewm:hover {
  color: #005aa1;
}
header .navbox .ewm:hover .im_ewm {
  opacity: 1;
}
header .navbox .searchbox {
  cursor: pointer;
  width: 100px;
  height: 100px;
}
header .navbox .searchbox .icon {
  background: url(../images/search_icon.png) no-repeat center center;
  height: 100%;
}
header .searchbox2 {
  position: absolute;
  background-color: #f5f5f5;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  left: 0;
  top: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .searchbox2 .wrap1400 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .searchbox2 .wrap1400 input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: none;
  background: none;
  margin-right: 40px;
  padding-left: 30px;
  background: url(../images/search.png) no-repeat left center;
}
header .searchbox2 .wrap1400 .searchbtn {
  width: 165px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .searchbox2 .wrap1400 .searchbtn .search {
  width: 90px;
  height: 40px;
  background-color: #015aa1;
  text-align: center;
  line-height: 40px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #fff;
}
header .searchbox2 .wrap1400 .searchbtn .searchicon {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  cursor: pointer;
}*/


.ny_about{ width:1300px; margin:0 auto; margin-top:20px;}
.ny_about_left{ float:left; width:590px;}
.ny_about_left_tilte{ font-size:24px; padding-top:53px;}
.ny_about_left p{ font-size:16px; line-height:36px; padding-top:40px;}
.ny_about_left_img{ padding-top:50px;}
.ny_about_right{ float:right; width:650px;}
.ny_about_right p{ padding-top:67px;font-size:16px;line-height:36px;}


.cl-list { overflow:hidden; width:100%; border-top:1px solid #e8e8e8; height:230px;}
.cl-list img{ display:block; margin-top:65px; margin-bottom:10px;}
.cl-list h3{ font-weight:normal; font-size:22px; color:#555;}
.cl-list p{ font-size:14px; color:#777; margin-top:10px;}
.cl-list ul{ overflow:hidden; width:1200px; margin:0 auto;}
.cl-list li{ display:block; width:219px; height:230px; border-left:1px solid #e8e8e8; padding-left:20px; text-align:left; float:left;}
.cl-list .lifa{ background-color:#fafafa}
.cl-list .lifb{ background-color:#fafafa; width:269px;}
.cl-list .lifc{ width:269px;}
.cl-list .last{ border-right:1px solid #e8e8e8; width:218px;}
.cl-list .lilen{ width:358px; background-color:#fafafa;}

.cl-jiegou { overflow:hidden; width:100%; height:1060px; background:url(images/cl_bg.jpg) no-repeat center top;}
.cl-jiegou ul{ overflow:hidden; width:1220px; margin:0 auto; margin-top:50px;}
.cl-jiegou li{ overflow:hidden; float:left; padding:35px; width:520px; height:230px; margin:10px; overflow:hidden; position:relative}
.cl-jiegou .li01{ background:url(images/cl-01.jpg) no-repeat center;}
.cl-jiegou .li02{ background:url(images/cl-02.jpg) no-repeat center;}
.cl-jiegou .li03{ background:url(images/cl-04.jpg) no-repeat center;}
.cl-jiegou .li04{ background:url(images/cl-03.jpg) no-repeat center;}
.cl-jiegou .li05{ background:url(images/cl-05.jpg) no-repeat center;}
.cl-jiegou .li06{ background:url(images/cl-06.jpg) no-repeat center;}
.cl-jiegou h3{ font-weight:normal; font-size:24px; color:#333; margin-bottom:5px; position:relative; z-index:1}
.cl-jiegou em{ display:none; font-size:12px; color:#555; font-family:Arial; text-transform:uppercase; position:relative; z-index:1}
.cl-jiegou i{ display:none; width:30px; height:1px; background-color:#1144a3; margin:15px 0; position:relative; z-index:1}
.cl-jiegou p{ display:none; font-size:12px; color:#555; line-height:25px; text-align:justify; position:relative; z-index:1}
.cl-jiegou b{ display:none; width:590px; height:300px; background-color:#fff; opacity:0.9; position:absolute; left:0; top:0}
.cl-jiegou li:hover h3 { color:#333}
.cl-jiegou li:hover em,.cl-jiegou li:hover i,.cl-jiegou li:hover p,.cl-jiegou li:hover b{ display:block}

.type{margin-bottom:45px;}
.type a{height:43px;display:inline-block;padding:0px 20px;line-height:43px;color:#454545;background:#f3f0ee;margin:0px 15px;}
.type a:hover,.insPro .type a.cur{background:#0f6fb8; color:#fff;}
.tac {
    text-align: center;
}

/* 2产品列表页 */
#List2{ width: 100%; float: left; margin-top: 30px;}
#List2 .prodList .w_1200{ margin: 0 auto; width: 1300px;}
#List2 .prodList{ width: 100%; float: left; margin-bottom:70px;}
#List2 .prodList .nyLeft{ float: left; width: 265px;}
#List2 .prodList .nyLeft .u1{ margin-bottom: 10px; border: 1px solid #ebebeb;}
#List2 .prodList .nyLeft .u1 .l1 .a1{ display: block; width: 80%; position: relative; line-height: 20px; padding: 26px; font-size: 16px; border-top: 1px solid #d9d9d9; background: #eff0f7; color: #181818;}
#List2 .prodList .nyLeft .u1 .l1:last-child .a1{ border-bottom: 0;}
#List2 .prodList .nyLeft .u1 .l1 .a1 .ico{ width: 12px; height: 12px; line-height: 0; position: absolute; top: 30px; right: 20px;}
#List2 .prodList .nyLeft .u1 .l1 .a1 .ico2{ display: none;}
#List2 .prodList .nyLeft .u1 .l1:hover .a1,#List2 .prodList .nyLeft .u1 .l1.active .a1{ background: #064894; color: #fff;}
#List2 .prodList .nyLeft .u1 .l1:hover .a1 .ico1,#List2 .prodList .nyLeft .u1 .l1.active .a1 .ico1{ display: none;}
#List2 .prodList .nyLeft .u1 .l1:hover .a1 .ico2,#List2 .prodList .nyLeft .u1 .l1.active .a1 .ico2{ display: block;}
#List2 .prodList .nyLeft .u1 .l1 .xl{ display: none; border-left: 1px solid #ebebeb; margin-left: 40px;}
#List2 .prodList .nyLeft .u1 .l1 .xl .a2{ font-size: 14px; display: block; color: #181818; border-bottom: 1px solid #ebebeb; padding-left: 25px; width: 100%; height: 56px; line-height: 56px;}
#List2 .prodList .nyLeft .u1 .l1 .xl .a2:hover{ color: #064894;}
#List2 .prodList .nyLeft .u1 .l1.active .xl{ display: block;}
#List2 .prodList .nyLeft .nyListCon1{ border: 1px solid #e1e1e5; padding: 24px 21px; float: left;  margin-top: 20px; text-align: left;}
#List2 .prodList .nyLeft .nyListCon1 .t1{ font-size: 14px; line-height: 16px; margin-bottom: 10px; color: #181818;}
#List2 .prodList .nyLeft .nyListCon1 .t2{ font-size: 24px; line-height: 26px; color: #064894; font-weight: bold;}
#List2 .prodList .nyLeft .nyListCon1 .line{ width: 100%; height: 1px; margin: 10px 0; background: rgba(0,0,0,0.2);}
#List2 .prodList .nyLeft .nyListCon1 .t3{ font-size: 14px; line-height: 30px; color: #181818;}
#List2 .prodList .nyLeft .nyListCon2{ margin: 10px 0; height: 110px; border: 1px solid #e1e1e5; position: relative;}
#List2 .prodList .nyLeft .nyListCon2 .img{ position: absolute; top: 10px; left: 13px; border: 1px solid #e1e1e5; width: 88px; height: 88px; line-height: 0;}
#List2 .prodList .nyLeft .nyListCon2 .t1{ width: 245px; padding: 0 25px; text-align: right; margin-top: 23px; font-size: 14px; height: 28px; line-height: 28px; color: #064894; background: #f1f1f1;}
#List2 .prodList .nyLeft .nyListCon2 .t2{ padding-left: 120px; margin-top: 6px; width: 100%; font-size: 14px; line-height: 20px; color: #181818;}
#List2 .prodList .nyRight{ float: right; width: 990px;text-align: left;}

#List2 .prodList .prodListXg{ float: left; width: 100%; margin: 20px 0 60px 0;}
#List2 .prodList .prodListXg .tit{ font-size: 20px; line-height: 22px; padding-bottom: 24px; font-weight: bold; color: #064894; border-bottom: 1px solid #064894; position: relative;}
#List2 .prodList .prodListXg .tit::before{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 10px; border-style: dashed dashed solid dashed; border-color: transparent transparent #C01 transparent; border-bottom-color: #064894; position: absolute; bottom: -1px; left: 0;}
#List2 .prodList .prodListXg .pic{ margin: 34px 0 10px 0; float: left; width: 100%; padding: 20px; background: #eff0f7;}
#List2 .prodList .prodListXg .pic .date{ width: 125px; margin-top: 30px; float: left; text-align: center;}
#List2 .prodList .prodListXg .pic .date .date_r{ font-weight: bold; font-size: 60px; font-family: "Arial"; color: #c0c1c6;}
#List2 .prodList .prodListXg .pic .date .date_ny{ font-size: 16px; margin-top: 5px; color: #181818; font-family: "Arial";}
#List2 .prodList .prodListXg .pic .img{ float: left; border-left: 1px solid #e1e2e7; padding-left: 47px; width: 280px; height: 134px; overflow: hidden; line-height: 0;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List2 .prodList .prodListXg .pic .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List2 .prodList .prodListXg .pic:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List2 .prodList .prodListXg .pic .text{ float: right; width: 410px;}
#List2 .prodList .prodListXg .pic .text .bt{ font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; color: #181818;}
#List2 .prodList .prodListXg .pic .text .info{ font-size: 14px; margin: 16px 0; line-height: 26px; height: 52px; overflow: hidden; color: #181818;}
#List2 .prodList .prodListXg .pic .text .more{ font-size: 14px; padding-top: 16px; color: #181818; border-top: 1px dashed #cccccc;}
#List2 .prodList .prodListXg .pic:hover .text .bt{ color: #0a318e;}
#List2 .prodList .prodListXg .u2{ margin: 0 -6px;}
#List2 .prodList .prodListXg .u2 .l1{ width: 439px; padding: 20px; background: #eff0f7; margin: 2px 6px; float: left;}
#List2 .prodList .prodListXg .u2 .l1::before{ content: ""; float: left; display: block; margin: 6px 0; width: 6px; height: 6px; margin-right: 10px; background: #a7a7a7; border-radius: 50%;}
#List2 .prodList .prodListXg .u2 .l1 .t1{ font-size: 16px; line-height: 18px; height: 18px; width: 80%; overflow: hidden; float: left; color: #333;}
#List2 .prodList .prodListXg .u2 .l1 .t2{ font-size: 16px; float: right; color: #333; opacity: 0.6;}
#List2 .prodList .prodListXg .u2 .l1:hover{ background: #064894;}
#List2 .prodList .prodListXg .u2 .l1:hover::before{ background: #fff;}
#List2 .prodList .prodListXg .u2 .l1:hover .t1{ color: #fff;}
#List2 .prodList .prodListXg .u2 .l1:hover .t2{ color: #fff; opacity: 1;}

#List2 .prodList .nyRight2{margin: 0 auto; width: 1300px;}

#Content18{ width: 100%; float: left;}
#Content18 .aboutCon2 .w_1200{ margin: 0 auto; width: 1300px;}
#Content18 .aboutCon2{ padding: 30px 0 0 0; width: 100%; float: left;}
#Content18 .aboutCon2 .tit{ margin-bottom: 64px; position: relative;}
#Content18 .aboutCon2 .tit .cntit{ position: absolute; bottom: 8px; width: 100%; font-size: 30px; line-height: 32px; color: #333; text-align: center;}
#Content18 .aboutCon2 .tit .entit{ font-size: 44px; line-height: 46px; font-weight: bolder; text-transform: uppercase; color: #064894; opacity: 0.1; text-align: center;}
#Content18 .aboutCon2 .pic{ margin-bottom: 20px; width: 100%; float: left;}
#Content18 .aboutCon2 .hd .u1{ margin: 0 -8px;}
#Content18 .aboutCon2 .hd .l1{ float: left; width: 288px; height: 364px; margin: 0 8px; position: relative;}
#Content18 .aboutCon2 .hd .l1.on{ width: 378px;}
#Content18 .aboutCon2 .hd .l1 .text{ position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);text-align: left; }
#Content18 .aboutCon2 .hd .l1 .t1{ font-size: 26px; line-height: 30px; color: #fff; padding: 25px 20px 0 20px;}
#Content18 .aboutCon2 .hd .l1 .t2{ font-size: 14px; line-height: 16px; margin: 10px 0 35px 0; color: #fff; padding-left:20px;padding-right:20px;}
#Content18 .aboutCon2 .hd .l1 .t3{ display: none; font-size: 16px; line-height: 26px; color: #fff; padding-left:20px;padding-right:20px;}
#Content18 .aboutCon2 .hd .l1 .t4{ width: 30px; height: 30px; background: url(images/1321_about2_14.png) no-repeat center; position: absolute; bottom: 20px; left: 25px; padding-left:20px;padding-right:20px;}
#Content18 .aboutCon2 .hd .l1.on .text{ background: rgba(6,72,148,0.7);}
#Content18 .aboutCon2 .hd .l1.on .t3{ display: block;}
#Content18 .aboutCon2 .hd .l1.on .t4{ display: none;}