.index_banner {  position: relative; }
.index_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .swiper-slide{ position: relative; }
.index_banner .swiper-slide .h1{ z-index: 22; color: #fff; font-size: 40px;  line-height: 1.3em; font-weight: bold; text-shadow: 2px 2px 10px rgba(0,0,0,0.3); position: absolute;left: 50%; width: 1200px; margin-left: -600px; top: 130px; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.4s;transition-timing-function: linear; }
.index_banner .swiper-slide .h2{ z-index: 33;color: #fff; font-size:24px; line-height: 1.2em;  text-shadow: 2px 2px 10px rgba(0,0,0,0.3); position: absolute;left: 50%; width: 1200px; margin-left: -600px; top: 190px; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.6s;transition-timing-function: linear; }
.index_banner .swiper-slide .more{ z-index: 33;opacity: 0; position: absolute;left: 50%; width: 1200px; margin-left: -600px; top: 260px; text-align: left;transition: 0.5s;  transition-delay: 1.2s;transition-timing-function: linear; }
.index_banner .swiper-slide .more a{ display: block; border-radius: 90px; height: 40px; width: 160px;  line-height: 40px; text-align: center; font-size: 16px; color: #fff;background: #0f6ab5;}
.index_banner .swiper-slide-active .h1{opacity: 1; top: 140px; }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 200px; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 270px; }
.index_banner .swiper-slide .link a{  color: #fff; font-size: 14px; background: #b3dc76; padding: 8px 15px; }
.index_banner .swiper-slide { height: 450px; }
.index_banner .swiper-pagination{  bottom: 20px!important;}
.index_banner .swiper-pagination-bullet{ width: 32px; height: 4px; border-radius: 4px; border:none; opacity: 1; background: #fff;}
.index_banner .swiper-pagination-bullet-active{  background: #0078c5; opacity: 1;}
.index_banner .slide3 .h1{ text-align: center; font-size: 36px;  }
.index_banner .slide3 .h2{ text-align: center; font-size: 36px; font-weight: bold; top: 180px;    }
.index_banner .slide3 .more a{ margin:  0 auto }
.index_banner .slide3.swiper-slide-active .h2{ top: 190px;    }
.index_banner .slide3 .more a{ margin:  0 auto; background: #fff; color: #0f6ab5 }

.index_business{ background: #fff; padding-top: 65px; padding-bottom: 65px;}
.index_business .title h1{ text-align: center; font-size: 30px; color: #333333; font-weight: 500;}
.index_business .title span{ width:30px; height: 2px;display: block;margin: 15px auto; }
.index_business .title span em{ width: 30px; margin: 0 auto;border-bottom: #999999 solid 2px; height: 2px; display: block;}
.index_business .title h2{ text-align: center; font-size: 16px; color: #999999; font-weight:300; text-transform: uppercase;letter-spacing: 1px;}
.index_business .content{ padding-top: 30px; padding-bottom: 30px; }
.index_business .content .swiper-container { }

/*.index_business .content .swiper-container .swiper-slide{ }
.index_business .content .swiper-container .swiper-slide .icon{ text-align: center; width: 100px; height: 100px; border-radius: 100px; border:#ececec solid 2px; margin: 0 auto}
.index_business .content .swiper-container .swiper-slide .icon img.icon2{ width: 60px; height: 60px;  display: block; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide .icon img.icon1{ width: 60px; height: 60px;  display: none; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide:hover .icon img.icon2{ width: 60px; height: 60px;  display: none; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide:hover .icon img.icon1{ width: 60px; height: 60px;  display: block; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide:hover .icon{ text-align: center; width: 100px; height: 100px; border-radius: 100px; background: #0f6ab5; border:#0f6ab5 solid 2px; margin: 0 auto}
.index_business .content .swiper-slide .title{ font-size: 18px; color: #666666; font-weight: bold; text-align: center; padding-top: 20px;  padding-bottom: 10px;}
.index_business .content .swiper-slide .description{ font-size: 14px; color: #999; text-align: center; margin-bottom: 20px;}
.index_business .content .swiper-slide .more a{ color: #999999; border-radius: 32px; height: 32px; width: 100px; display: block; margin: 0 auto; border:#ececec solid 2px; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 32px;}
.index_business .content .swiper-slide:hover .title{ color: #0f6ab5}
.index_business .content .swiper-slide:hover .description{  color: #0f6ab5}
.index_business .content .swiper-slide:hover .more a{ color: #0f6ab5; border:#0f6ab5 solid 2px; text-transform: uppercase;}
.index_business .swiper-pagination-bullet{ display: none;}
*/

.index_business .content .swiper-container{  }
.index_business .content .swiper-container .swiper-slide{ }
.index_business .content .swiper-container .swiper-slide .icon{ text-align: center; width: 100px; height: 100px; border-radius: 100px; background: #0f6ab5; border:#0f6ab5 solid 2px; margin: 0 auto}
.index_business .content .swiper-container .swiper-slide .icon img.icon2{ width: 60px; height: 60px;  display: none; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide .icon img.icon1{ width: 60px; height: 60px;  display: block; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide:hover .icon{ text-align: center; width: 100px; height: 100px; border-radius: 100px; border:#ececec solid 2px; margin: 0 auto; background: #fff;}
.index_business .content .swiper-container .swiper-slide:hover .icon img.icon2{ width: 60px; height: 60px;  display: block; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide:hover .icon img.icon1{ width: 60px; height: 60px;  display: none; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-slide .title{ font-size: 18px; color: #666666; font-weight: bold; text-align: center; padding-top: 20px;  padding-bottom: 10px;}
.index_business .content .swiper-slide .description{ font-size: 14px; color: #999; text-align: center; margin-bottom: 20px;}
.index_business .content .swiper-slide .more a{ color: #999999; border-radius: 32px; height: 32px; width: 100px; display: block; margin: 0 auto; border:#ececec solid 2px; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 32px;}
.index_business .content .swiper-slide:hover .title{ color: #333}
.index_business .content .swiper-slide:hover .description{  color: #666}
.index_business .content .swiper-slide:hover .more a{ color: #fff; border:#0f6ab5 solid 2px; text-transform: uppercase; background: #0f6ab5}
.index_business .swiper-pagination{ display: none;}

.index_about{ background: #eef7fd; padding-top: 65px; padding-bottom: 65px;}
.index_about .title h1{ text-align: center; font-size: 30px; color: #333333; font-weight: 500;}
.index_about .title span{ width:30px; height: 2px;display: block;margin: 15px auto; }
.index_about .title span em{ width: 30px; margin: 0 auto;border-bottom: #999999 solid 2px; height: 2px; display: block;}
.index_about .title h2{ text-align: center; font-size: 16px; color: #999999; font-weight:300; text-transform: uppercase;letter-spacing: 1px;}
.index_about .content{ padding-top: 50px; }
.index_about .content .box{ float: left; margin-right: 15px; margin-bottom: 15px; padding: 20px; overflow: hidden; }
.index_about .content .box img{ display: block; width: 100%;}
.index_about .content .box1{ float: left; width: 250px; height: 180px; background: #fff;}
.index_about .content .box2{ float: left; width: 250px; height: 180px; background: #0f6ab5}
.index_about .content .box3{ float: right; width: 590px; height: 455px; margin-right: 0px; margin-bottom: 0px; padding: 0;}
.index_about .content .box4{ float: left; width: 250px; height: 180px; background: #fcbc2f;}
.index_about .content .box5{ float: left; width: 290px; height: 220px; padding: 0;}
.index_about .content .box3 img{transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.index_about .content .box3:hover img{transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}
.index_about .content .box5 img{transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.index_about .content .box5:hover img{transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}
.index_about .content .box h2{ font-size: 20px; color: #333; padding-top: 20px;}
.index_about .content .box p{ font-size: 14px; color: #666;padding-top: 10px; line-height: 1.8em; margin-bottom: 20px; text-align: justify;}
.index_about .content .box a{color: #999999; font-size: 14px;text-transform: uppercase;}
.index_about .content .box2 h2{ color: #fff; }
.index_about .content .box2 p{color: #fff; }
.index_about .content .box2 a{color: #fff; }
.index_about .content .box4 h2{ color: #fff; }
.index_about .content .box4 p{color: #fff; }
.index_about .content .box4 a{color: #fff; }

.index_case{ background:url(../images/index_bg_1.jpg) no-repeat center; background-size:cover; padding-top: 65px; padding-bottom: 65px;}
.index_case .title h1{ text-align: center; font-size: 30px; color: #fff; font-weight: 500;}
.index_case .title span{ width:30px; height: 2px;display: block;margin: 15px auto; }
.index_case .title span em{ width: 30px; margin: 0 auto;border-bottom: #fff solid 2px; height: 2px; display: block;}
.index_case .title h2{ text-align: center; font-size: 16px; color: #fff; font-weight:300; text-transform: uppercase;letter-spacing: 1px;}
.index_case .content{ padding-top: 50px; }
.index_case .content .swiper-slide{ height: 400px; overflow: hidden;}
.index_case .content .swiper-slide a.box{ display: block; height: 400px; background: #0f6ab5; text-decoration: none; position: relative;}
.index_case .content .swiper-slide .img{ position: absolute; top: 0px; left: 0px;  overflow: hidden; width: 100%;}
.index_case .content .swiper-slide .img img{ width: 100%; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.index_case .content .swiper-slide .img:hover img{transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}

.index_case .content .swiper-slide .info{ padding: 30px 20px 20px 20px; height: 150px; position: absolute; top: 200px; background: #0f6ab5;}
.index_case .content .swiper-slide .info .title{ font-size: 16px; color: #fff; font-weight:600; margin-bottom: 15px;}
.index_case .content .swiper-slide .info .description{ color: #a6bedc; font-size: 14px; line-height: 1.8em;}
.index_case .content .swiper-slide .info .more{ font-size: 14px; text-decoration: none; text-transform: uppercase; color: #fff; position:absolute;left: 20px; bottom: 20px; }
.index_case .content .swiper-container { padding-bottom: 60px;}
.index_case .swiper-pagination-bullet { background: #fff; border:#fff solid 2px; opacity: 0.4; width: 8px; height: 8px;}
.index_case .swiper-pagination-bullet-active{ background: #fcbc2f; border:#fcbc2f solid 2px; opacity: 1}
.index_case .content .swiper-slide:nth-child(2n) a.box .img{ top: 200px; }
.index_case .content .swiper-slide:nth-child(2n) a.box .info{ top: 0px; }

.index_news{ background:#eef7fd; padding-top: 65px; padding-bottom: 65px;}
.index_news .title h1{ text-align: center; font-size: 30px; color: #333333; font-weight: 500;}
.index_news .title span{ width:30px; height: 2px;display: block;margin: 15px auto; }
.index_news .title span em{ width: 30px; margin: 0 auto;border-bottom: #999999 solid 2px; height: 2px; display: block;}
.index_news .title h2{ text-align: center; font-size: 16px; color: #999999; font-weight:300; text-transform: uppercase;letter-spacing: 1px;}
.index_news .content{ padding-top: 50px;}
/*.index_news .content .left{ float: left; width: 505px; background: #f4f5f6; margin-right: 50px; padding: 35px;}
.index_news .content .left .img{ overflow: hidden;}
.index_news .content .left .img img{ width: 100%; display: block; height: 245px;}
.index_news .content .left .img img{ width: 100%; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.index_news .content .left .img:hover img{transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}

.index_news .content .left h3{ color: #999999; font-size: 24px; font-weight: normal; margin-bottom: 20px;}
.index_news .content .left h2{ color: #333333; font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.index_news .content .left h2 a{ color: #333;}
.index_news .content .left p{ color: #999999; font-size: 14px; line-height: 1.8em; margin-bottom: 20px; border-left: #ccc solid 2px; padding-left: 20px;}
.index_news .content .left .img{ margin-bottom: 20px;}
.index_news .content .left .more { background: #0f6ab5;color: #fff; font-size: 14px; border: none; height: 40px;border-radius: 40px; display: block; line-height: 40px; width: 120px; text-align: center; text-transform:uppercase;}
*/
.index_news .content {}
.index_news .content  ul li { position: relative; margin-bottom: 30px; float: left; width: 50%;}
.index_news .content  ul li h3{ color: #333333; font-size: 18px; font-weight: normal; margin-bottom: 5px; position: relative;}
.index_news .content  ul li h3 a{ color: #333;}
.index_news .content  ul li p{ color: #999; font-size: 14px; line-height: 1.8em; width: 80%;}
.index_news .content  ul li span{ position: absolute; right: 10px; top:32px; font-size: 14px; color: #999999; padding-right: 30px;}

.index_link{ background:#fff; padding-top: 65px; padding-bottom: 65px;}
.index_link .title h1{ text-align: center; font-size: 30px; color: #333333; font-weight: 500;}
.index_link .title span{ width:30px; height: 2px;display: block;margin: 15px auto; }
.index_link .title span em{ width: 30px; margin: 0 auto;border-bottom: #999999 solid 2px; height: 2px; display: block;}
.index_link .title h2{ text-align: center; font-size: 16px; color: #999999; font-weight:300; text-transform: uppercase;letter-spacing: 1px;}
.index_link .content{ padding-top: 30px; margin-bottom: 30px;}
.index_link .content .swiper-slide img{ width: 80%;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.index_link .content .swiper-slide:hover img{ transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}
.index_link .swiper-pagination{ display: none;}
.index_link .more a{ background: #0f6ab5;color: #fff; margin: 0 auto; font-size: 14px; border: none; height: 40px;border-radius: 40px; display: block; line-height: 40px; width: 120px; text-align: center; text-transform:uppercase;}
.detailbanner{ height: 220px;}

.detail_position{ border-bottom: #ececec solid 1px;}
.detail_position ul{ float: left;}
.detail_position ul li{ float:left; height: 50px; line-height: 50px;}
.detail_position ul li a{ color: #333; height: 50px; line-height: 50px; font-size: 14px; display: block; padding-left: 10px; padding-right: 10px;}
.detail_position ul li a.active{ color: #005eac; font-weight: bold; position: relative;}
.detail_position ul li a.active:after{ position: absolute; content: ""; width: 100%; left: 0px; bottom: 0px; right: 0px; height: 2px; background:#005eac;  }
.detail_position .right{ display: none;}

.detail_position h1{float: left; color: #005eac; font-weight: bold; font-size: 16px; line-height: 50px; line-height: 50px; position: relative; padding-left: 20px; padding-right: 20px;}
.detail_position h1:after{ position: absolute; content: ""; width: 100%; left: 0px; bottom: 0px; right: 0px; height: 2px; background:#005eac;  }

.detail_content{ background: #fff; padding-top: 50px; padding-bottom:50px;}
.detail_content .html{ background: #fff;}
.detail_content .html p{ font-size: 16px; color: #333; line-height: 2em;}

.detail_case_list{ padding-top: 30px; padding-bottom: 30px;}
.detail_case_list ul li{ float: left; width: 23%; margin-left: 1%;margin-right: 1%; background: #f5f5f5; margin-bottom: 25px;}
.detail_case_list ul li .img{ width: 100%; overflow: hidden; height: 184px;}
.detail_case_list ul li .img img{ width: 100%;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden; display: block;}
.detail_case_list ul li .img:hover img{ transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}
.detail_case_list ul li .info{ padding: 10px 10px;}
.detail_case_list ul li .info .title a{ color: #333; font-size: 14px;}
.detail_case_list ul li .info .title{ line-height: 1.6em; }
.detail_case_list ul li .info pre{ font-size: 12px; color: #666; line-height: 1.8em;white-space: pre-wrap; display: none;
word-wrap: break-word;}

.detail_news_list{ background: #fff; padding: 30px;}
.detail_news_list ul li .img{ width: 200px; height: 140px; float: left; margin-right: 25px; border-radius: 3px; overflow: hidden;}
.detail_news_list ul li .img img{ width: 200px; height: 140px; display: block;}
.detail_news_list ul li{  margin-bottom: 30px;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 鍜� Chrome */-o-transition-duration: 0.3s; /* Opera */}
.detail_news_list ul li .text{ float: left; width: 800px;}
.detail_news_list ul li .text h2{ color: #333; font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.detail_news_list ul li .text h2 a{ color: #333;}
.detail_news_list ul li .text p{ color: #999999; font-size: 14px; font-weight: normal; line-height: 24px;margin-bottom: 5px;}
.detail_news_list .page{ text-align: center; border-top: #ececec solid 1px;}

.detail_case_detail { padding-top: 40px; } 
.detail_case_detail .case_title h1{ text-align: center; font-size: 24px; font-weight: normal; color: #0068b1}
.detail_case_detail .case_title{ padding-bottom: 20px;}

.detail_case_detail .case_img{ width: 1000px; margin: 0 auto; margin-bottom: 20px;}
.detail_case_detail .case_img .swiper-container { padding-bottom: 40px; }
.detail_case_detail .case_img .swiper-pagination-bullet-active{ background: #0068b1 }

.detail_case_detail .case_img .swiper-button-next{ top: 45%; }
.detail_case_detail .case_img .swiper-button-prev{ top: 45%; }




.detail_case_detail .case_html{ width: 1000px;margin: 0 auto;}
.detail_case_detail .case_html .title span{ position: relative; color: #0068b1; font-weight: bold; display: block; width: 80px; text-align: center; line-height: 40px; line-height: 40px;}
.detail_case_detail .case_html .title { border-bottom: #ececec solid 1px; line-height: 40px; line-height: 40px;}
.detail_case_detail .case_html .title span:after{ position: absolute; content: ""; background: #0068b1; height: 2px; bottom: 0px; left: 0px; right: 0px;}
.detail_case_detail .case_html .html{ padding-top: 20px; padding-bottom:80px; font-size: 14px; color: #333; line-height: 1.8em; margin-bottom: 20px;}
.detail_case_detail .case_html .other{ border-top: #ececec solid 1px; padding-top: 20px; padding-bottom: 40px;color: #333; font-size: 14px;}
.detail_case_detail .case_html .other .left{float: left;}
.detail_case_detail .case_html .other .right{float:right;}
.detail_case_detail .case_html .other a{ color: #333; font-size: 14px;}

.detail_news_detail{ background: #fff; padding-top: 40px; padding-bottom: 40px; }
.detail_news_detail .title{ border-bottom: #ececec solid 1px; padding-bottom: 20px; text-align: center;}
.detail_news_detail .title h1{ color: #333; font-size: 24px; padding-bottom: 10px;}
.detail_news_detail .title p{ color: #999; font-size:14px;}
.detail_news_detail .content{ font-size: 16px; color: #333; line-height: 2em; padding-bottom: 20px;}
.detail_news_detail .content .html{ padding-top: 30px; padding-bottom: 30px;}
.detail_news_detail .content p{ padding-top: 10px; padding-bottom: 10px; text-indent: 2em;}
.detail_news_detail .other{ border-top: #ececec solid 1px; padding-top: 20px; padding-bottom: 40px;color: #333; font-size: 14px; position: relative;}
.detail_news_detail .other .left{float: left;}
.detail_news_detail .other .right{float:right;}
.detail_news_detail .other a{ color: #333; font-size: 14px;}
.detail_news_detail .other .center{ position: absolute; left: 50%; top: 20px; margin-left: -35px;}

.detail_join ul{ padding-top: 30px; padding-bottom: 30px; border-bottom: #ececec solid 1px;}
.detail_join ul li.title h1{ color: #333333; font-size: 24px; font-weight: normal; margin-bottom: 10px;}
.detail_join ul li.title p{ color: #999; font-size: 14px; font-weight: normal;}
.detail_join ul li.title .button{ float: right; text-align: center;}
.detail_join ul li.title .button a.open{ text-decoration: none;color: #999; }
.detail_join ul li.title .button a.close{ text-decoration: none; color: #0068b1;}
.detail_join ul li.title .button i{ font-size: 24px;}
.detail_join ul li.title .button span{  font-size: 14px; display: block;}
.detail_join ul li.content p{ color: #666; font-size: 14px; font-weight: normal; line-height: 1.8em;}
.detail_join ul li.content { padding-top: 20px; }

.detail_service{ background: #fff; padding-top: 50px; padding-bottom:50px;}
.detail_service .html{ background: #fff;}
.detail_service .html p{ font-size: 16px; color: #333; line-height: 2em;}
.detail_service .html h3{ font-size: 18px; color: #0068b1; position: relative; padding-left: 20px;}
.detail_service .html h3:before{content: ""; position: absolute; left: 0px; top: 8px; width: 8px; height: 8px; background: #0068b1; }
.detail_service .html ul li{ line-height: 1.8em; font-size: 16px; color: #333;}
.detail_service .html ul{ padding: 20px; padding-top: 10px; padding-bottom: 30px;}
.detail_service .html h4{ font-size: 28px; color: #0068b1; text-align: center; padding-bottom: 80px; position: relative;}
.detail_service .html h4:after{content: ""; position: absolute; left: 50%; margin-left: -30px; width: 60px; bottom: 60px; width: 60px; height: 2px; background: #0068b1; } 
.detail_service .html h5{ font-size: 18px; color: #0068b1; }
.detail_service .html ol li{ line-height: 1.8em; font-size: 16px; color: #333;}
.detail_service .html ol{ padding: 30px; padding-top: 10px; padding-bottom: 30px;}
.detail_service .html table{ width: 100%; background: #fff; font-size: 14px; line-height: 18px; border-right: #ececec solid 1px;border-top: #ececec solid 1px; color: #333;}
.detail_service .html table td{ background: #fff;font-size: 14px;  border-left: #ececec solid 1px; border-bottom: #ececec solid 1px; padding: 10px; }
.detail_service .html table p{ font-size: 14px; line-height: 18px; color: #333;}
.detail_service .html table tr:nth-child(2n){ background: #f5f5f5;}
.detail_service .html table tr:nth-child(2n) td{ background: #f5f5f5;}
.detail_service .html table tr.title{ background: #999; color: #fff;}
.detail_service .html table tr.title td{ background: #999;}
.detail_service .html .leftright p{ float: left; width: 50%;}
.detail_contact { padding-top: 30px; padding-bottom: 30px;}
.detail_contact .left{ float: left; width: 150px; margin-right: 50px; }
.detail_contact .left ul li { margin-bottom: 5px; text-align: center;}
.detail_contact .left ul li a{ line-height: 36px; height: 36px; border:#ececec solid 1px; background: #fff; display: block; font-size: 14px; color: #333; border-radius: 3px;}
.detail_contact .left ul li a:hover{ background: #f5f5f5}
.detail_contact .left ul li a.active{ background: #0068b1; color: #fff;}
.detail_contact .right{ float: left; width: 950px; padding-left: 50px; line-height: 2em;  font-size: 16px; color: #333;}
.detail_contact .right img{ margin: 0 auto;}
.detail_link_content .list { border-bottom: #ececec solid 1px; padding-bottom: 30px;}
.detail_link_content .list h2{ font-size: 22px; color: #0068b1; font-weight: bold; font-weight: normal; padding-top: 50px; padding-bottom: 45px;text-align: center; position: relative; }
.detail_link_content .list h2:after{ content: ""; position: absolute; left: 50%; height: 2px; width: 40px; margin-left: -20px; background:#ccc; bottom: 30px; }
.detail_link_content .list .swiper-slide .box .logo{ float: left; width: 20%; padding-top: 14px; padding-bottom: 14px; }
.detail_link_content .list .swiper-slide .box .logo img{ height: 80px;display: block; margin: 0 auto; }
.detail_link_content .list .swiper-container{ padding-bottom: 40px; }
.detail_link_content .list .swiper-container .swiper-pagination{ opacity: 0; transition-duration: 0.3s}
.detail_link_content .list .swiper-container:hover .swiper-pagination{ opacity: 1}







/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/
/*--------------------------------------------------------------响应式--------------------------------------------------------------*/




















/*大屏幕*/
@media screen and (max-width: 1920px) {} 
/*平板*/
@media screen and (max-width: 768px) {
.index_banner {  position: relative; }
.index_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .swiper-slide{ position: relative; }
.index_banner .swiper-slide .h1{ z-index: 22; color: #fff; font-size: 20px;  line-height: 1.3em; font-weight: bold; text-shadow: 2px 2px 10px rgba(0,0,0,0.3); position: absolute;left: 0%; width: 100%; margin-left: 0px; top: 70px; text-align: center;opacity: 0; transition: 0.5s;  transition-delay: 0.4s;transition-timing-function: linear; }
.index_banner .swiper-slide .h2{ z-index: 33;color: #fff; font-size:14px; line-height: 1.2em;  text-shadow: 2px 2px 10px rgba(0,0,0,0.3); position: absolute;left: 0%; width: 100%; margin-left: 0px; top: 110px; text-align: center;opacity: 0; transition: 0.5s;  transition-delay: 0.6s;transition-timing-function: linear; }
.index_banner .swiper-slide .more{ z-index: 33;opacity: 0; position: absolute;left: 50%; width: 1200px; margin-left: -600px; top: 260px; text-align: left;transition: 0.5s;  transition-delay: 1.2s;transition-timing-function: linear; }
.index_banner .swiper-slide .more a{ display: block; border-radius: 90px; height: 40px; width: 160px;  line-height: 40px; text-align: center; font-size: 16px; color: #fff;background: #0f6ab5;}
.index_banner .swiper-slide-active .h1{opacity: 1; top: 80px; }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 120px; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 270px; }
.index_banner .swiper-slide .link a{  color: #fff; font-size: 14px; background: #b3dc76; padding: 8px 15px; }
.index_banner .swiper-slide { height: 240px; }
.index_banner .swiper-pagination{  bottom: 20px!important;}
.index_banner .swiper-pagination-bullet{ width: 32px; height: 4px; border-radius: 4px; border:none; opacity: 1; background: #fff;}
.index_banner .swiper-pagination-bullet-active{  background: #0078c5; opacity: 1;}
.index_banner .slide3 .h1{ text-align: center; font-size: 20px;  }
.index_banner .slide3 .h2{ text-align: center; font-size: 20px; font-weight: bold; top: 100px;    }
.index_banner .slide3 .more a{ margin:  0 auto }
.index_banner .slide3.swiper-slide-active .h2{ top: 110px;    }
.index_banner .slide3 .more a{ margin:  0 auto; background: #fff; color: #0f6ab5 }

.index_banner .swiper-button-next{ display: none; }
.index_banner .swiper-button-prev{ display: none; }


.index_business{ background: #fff; padding-top: 35px; padding-bottom: 35px;}
.index_business .title h1{ text-align: center; font-size: 30px; color: #333333; font-weight: 500;}
.index_business .title span{ width:30px; height: 2px;display: block;margin: 15px auto; }
.index_business .title span em{ width: 30px; margin: 0 auto;border-bottom: #999999 solid 2px; height: 2px; display: block;}
.index_business .title h2{ text-align: center; font-size: 16px; color: #999999; font-weight:300; text-transform: uppercase;letter-spacing: 1px;}
.index_business .content{ padding-top: 30px; padding-bottom: 30px; }
.index_business .content .swiper-container { padding-bottom: 60px;}

/*.index_business .content .swiper-container .swiper-slide{ }
.index_business .content .swiper-container .swiper-slide .icon{ text-align: center; width: 100px; height: 100px; border-radius: 100px; border:#ececec solid 2px; margin: 0 auto}
.index_business .content .swiper-container .swiper-slide .icon img.icon2{ width: 60px; height: 60px;  display: block; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide .icon img.icon1{ width: 60px; height: 60px;  display: none; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide:hover .icon img.icon2{ width: 60px; height: 60px;  display: none; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide:hover .icon img.icon1{ width: 60px; height: 60px;  display: block; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide:hover .icon{ text-align: center; width: 100px; height: 100px; border-radius: 100px; background: #0f6ab5; border:#0f6ab5 solid 2px; margin: 0 auto}
.index_business .content .swiper-slide .title{ font-size: 18px; color: #666666; font-weight: bold; text-align: center; padding-top: 20px;  padding-bottom: 10px;}
.index_business .content .swiper-slide .description{ font-size: 14px; color: #999; text-align: center; margin-bottom: 20px;}
.index_business .content .swiper-slide .more a{ color: #999999; border-radius: 32px; height: 32px; width: 100px; display: block; margin: 0 auto; border:#ececec solid 2px; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 32px;}
.index_business .content .swiper-slide:hover .title{ color: #0f6ab5}
.index_business .content .swiper-slide:hover .description{  color: #0f6ab5}
.index_business .content .swiper-slide:hover .more a{ color: #0f6ab5; border:#0f6ab5 solid 2px; text-transform: uppercase;}
.index_business .swiper-pagination-bullet{ display: none;}
*/


.index_business .content .swiper-container .swiper-slide{ }
.index_business .content .swiper-container .swiper-slide .icon{ text-align: center; width: 100px; height: 100px; border-radius: 100px; background: #0f6ab5; border:#0f6ab5 solid 2px; margin: 0 auto}
.index_business .content .swiper-container .swiper-slide .icon img.icon2{ width: 60px; height: 60px;  display: none; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide .icon img.icon1{ width: 60px; height: 60px;  display: block; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide:hover .icon{ text-align: center; width: 100px; height: 100px; border-radius: 100px; border:#ececec solid 2px; margin: 0 auto; background: #fff;}
.index_business .content .swiper-container .swiper-slide:hover .icon img.icon2{ width: 60px; height: 60px;  display: block; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-container .swiper-slide:hover .icon img.icon1{ width: 60px; height: 60px;  display: none; margin: 0 auto; margin-top: 20px;}
.index_business .content .swiper-slide .title{ font-size: 18px; color: #666666; font-weight: bold; text-align: center; padding-top: 20px;  padding-bottom: 10px;}
.index_business .content .swiper-slide .description{ padding-left: 30px; padding-right: 30px; font-size: 14px; color: #999; text-align: center; margin-bottom: 20px;}
.index_business .content .swiper-slide .more a{ color: #999999; border-radius: 32px; height: 32px; width: 100px; display: block; margin: 0 auto; border:#ececec solid 2px; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 32px;}
.index_business .content .swiper-slide:hover .title{ color: #333}
.index_business .content .swiper-slide:hover .description{  color: #666}
.index_business .content .swiper-slide:hover .more a{ color: #fff; border:#0f6ab5 solid 2px; text-transform: uppercase; background: #0f6ab5}
.index_business .swiper-pagination{ display: block;}

.index_about{ background: #eef7fd; padding-top: 35px; padding-bottom: 35px; padding-left: 15px; padding-right: 15px;}
.index_about .title h1{ text-align: center; font-size: 30px; color: #333333; font-weight: 500;}
.index_about .title span{ width:30px; height: 2px;display: block;margin: 15px auto; }
.index_about .title span em{ width: 30px; margin: 0 auto;border-bottom: #999999 solid 2px; height: 2px; display: block;}
.index_about .title h2{ text-align: center; font-size: 16px; color: #999999; font-weight:300; text-transform: uppercase;letter-spacing: 1px;}
.index_about .content{ padding-top: 50px; }
.index_about .content .box{ float: none; margin-right: 0px; margin-bottom: 15px; padding: 20px; overflow: hidden; }
.index_about .content .box img{ display: block; width: 100%;}
.index_about .content .box1{ float: none; width: auto; height: 180px; background: #fff;}
.index_about .content .box2{ float: none; width: auto; height: 180px; background: #0f6ab5}
.index_about .content .box3{ float: none; width: auto; height: 280px; margin-right: 0px; margin-bottom: 15px; padding: 0;}
.index_about .content .box4{ float: none; width: auto; height: 180px; background: #fcbc2f;}
.index_about .content .box5{ float: none; width: auto; height: 220px; padding: 0;}
.index_about .content .box3 img{transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.index_about .content .box3:hover img{transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}
.index_about .content .box5 img{transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.index_about .content .box5:hover img{transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}
.index_about .content .box h2{ font-size: 20px; color: #333; padding-top: 20px;}
.index_about .content .box p{ font-size: 14px; color: #666;padding-top: 10px; line-height: 1.8em; margin-bottom: 20px; text-align: justify;}
.index_about .content .box a{color: #999999; font-size: 14px;text-transform: uppercase;}
.index_about .content .box2 h2{ color: #fff; }
.index_about .content .box2 p{color: #fff; }
.index_about .content .box2 a{color: #fff; }
.index_about .content .box4 h2{ color: #fff; }
.index_about .content .box4 p{color: #fff; }
.index_about .content .box4 a{color: #fff; }

.index_case{ background:url(../images/index_bg_1.jpg) no-repeat center; background-size:cover; padding-top: 35px; padding-bottom: 35px;}
.index_case .title h1{ text-align: center; font-size: 30px; color: #fff; font-weight: 500;}
.index_case .title span{ width:30px; height: 2px;display: block;margin: 15px auto; }
.index_case .title span em{ width: 30px; margin: 0 auto;border-bottom: #fff solid 2px; height: 2px; display: block;}
.index_case .title h2{ text-align: center; font-size: 16px; color: #fff; font-weight:300; text-transform: uppercase;letter-spacing: 1px;}
.index_case .content{ padding-top: 50px; padding-right: 15px; padding-left: 15px; }
.index_case .content .swiper-slide{ height: auto; overflow: hidden;}
.index_case .content .swiper-slide a.box{ display: block; height: auto; background: #0f6ab5; text-decoration: none; position: inherit;}
.index_case .content .swiper-slide .img{ position: inherit; top: 0px; left: 0px;  overflow: hidden; width: 100%;}
.index_case .content .swiper-slide .img img{ width: 100%; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.index_case .content .swiper-slide .img:hover img{transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}

.index_case .content .swiper-slide .info{ padding: 20px 20px 20px 20px; height: auto; position: inherit; top: auto; background: #0f6ab5;}
.index_case .content .swiper-slide .info .title{ font-size: 16px; color: #fff; font-weight:600; margin-bottom: 15px;}
.index_case .content .swiper-slide .info .description{ color: #a6bedc; font-size: 14px; line-height: 1.8em;}
.index_case .content .swiper-slide .info .more{ padding-top: 15px; display: block; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #fff; position:inherit;left: auto; bottom: 20px; }
.index_case .content .swiper-container { padding-bottom: 60px;}
.index_case .swiper-pagination-bullet { background: #fff; border:#fff solid 2px; opacity: 0.4; width: 8px; height: 8px;}
.index_case .swiper-pagination-bullet-active{ background: #fcbc2f; border:#fcbc2f solid 2px; opacity: 1}
.index_case .content .swiper-slide:nth-child(2n) a.box .img{ top: auto; }
.index_case .content .swiper-slide:nth-child(2n) a.box .info{ top: auto; }

.index_news{ background:#eef7fd; padding-top: 35px; padding-bottom: 35px;}
.index_news .title h1{ text-align: center; font-size: 30px; color: #333333; font-weight: 500;}
.index_news .title span{ width:30px; height: 2px;display: block;margin: 15px auto; }
.index_news .title span em{ width: 30px; margin: 0 auto;border-bottom: #999999 solid 2px; height: 2px; display: block;}
.index_news .title h2{ text-align: center; font-size: 16px; color: #999999; font-weight:300; text-transform: uppercase;letter-spacing: 1px;}
.index_news .content{ padding-top: 30px;}
/*.index_news .content .left{ float: left; width: 505px; background: #f4f5f6; margin-right: 50px; padding: 35px;}
.index_news .content .left .img{ overflow: hidden;}
.index_news .content .left .img img{ width: 100%; display: block; height: 245px;}
.index_news .content .left .img img{ width: 100%; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.index_news .content .left .img:hover img{transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}

.index_news .content .left h3{ color: #999999; font-size: 24px; font-weight: normal; margin-bottom: 20px;}
.index_news .content .left h2{ color: #333333; font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.index_news .content .left h2 a{ color: #333;}
.index_news .content .left p{ color: #999999; font-size: 14px; line-height: 1.8em; margin-bottom: 20px; border-left: #ccc solid 2px; padding-left: 20px;}
.index_news .content .left .img{ margin-bottom: 20px;}
.index_news .content .left .more { background: #0f6ab5;color: #fff; font-size: 14px; border: none; height: 40px;border-radius: 40px; display: block; line-height: 40px; width: 120px; text-align: center; text-transform:uppercase;}
*/
.index_news .content {padding-left: 15px; padding-right: 15px;}
.index_news .content  ul li { position: relative; margin-bottom: 30px; float: none; width: 100%; padding-top: 25px;}
.index_news .content  ul li h3{ color: #333333; font-size: 18px; font-weight: normal; margin-bottom: 5px; position: relative;}
.index_news .content  ul li h3 a{ color: #333;}
.index_news .content  ul li p{ color: #999; font-size: 14px; line-height: 1.8em; width: 100%;}
.index_news .content  ul li span{ position: absolute; right: auto; top:0px; font-size: 16px; color: #999999; padding-right: 0px;}

.index_link{ background:#fff; padding-top: 65px; padding-bottom: 65px;}
.index_link .title h1{ text-align: center; font-size: 30px; color: #333333; font-weight: 500;}
.index_link .title span{ width:30px; height: 2px;display: block;margin: 15px auto; }
.index_link .title span em{ width: 30px; margin: 0 auto;border-bottom: #999999 solid 2px; height: 2px; display: block;}
.index_link .title h2{ text-align: center; font-size: 16px; color: #999999; font-weight:300; text-transform: uppercase;letter-spacing: 1px;}
.index_link .content{ padding-top: 30px; margin-bottom: 30px;}
.index_link .content .swiper-slide img{ width: auto; height: 60px; transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.index_link .content .swiper-slide:hover img{ transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}
.index_link .swiper-pagination{ display: none;}
.index_link .more a{ background: #0f6ab5;color: #fff; margin: 0 auto; font-size: 14px; border: none; height: 40px;border-radius: 40px; display: block; line-height: 40px; width: 120px; text-align: center; text-transform:uppercase;}
.detailbanner{ height: 120px;}

.detail_position{ border-bottom: #ececec solid 1px;}
.detail_position ul{ float: none; text-align: center;}
.detail_position ul li{ float:none; display: inline-table; height: 50px; line-height: 50px;}
.detail_position ul li a{ color: #333; height: 50px; line-height: 50px; font-size: 13px; display: inline-table; padding-left: 5px; padding-right: 5px;}
.detail_position ul li a.active{ color: #005eac; font-weight: bold; position: relative;}
.detail_position ul li a.active:after{ position: absolute; content: ""; width: 100%; left: 0px; bottom: 0px; right: 0px; height: 2px; background:#005eac;  }
.detail_position .right{ float: right; font-size: 14px; color: #999; line-height: 50px;}
.detail_position .right i{ margin-left: 10px; margin-right: 10px;}
.detail_position .right a{ color: #999;}

.detail_position h1{float: left; color: #005eac; font-weight: bold; font-size: 16px; line-height: 50px; line-height: 50px; position: relative; padding-left: 20px; padding-right: 20px;}
.detail_position h1:after{ position: absolute; content: ""; width: 100%; left: 0px; bottom: 0px; right: 0px; height: 2px; background:#005eac;  }

.detail_content{ background: #fff; padding-top: 20px; padding-bottom:20px; padding-left: 15px; padding-right: 15px;}
.detail_content .html{ background: #fff;}
.detail_content .html p{ font-size: 16px; color: #333; line-height: 2em;}
.detail_content .html img{width: 100%;}
.detail_case_list{ padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px;}
.detail_case_list ul li{ float: none; width: 100%; margin-left: 0;margin-right:0; background: #f5f5f5; margin-bottom: 15px;}
.detail_case_list ul li .img{ width: 100%; overflow: hidden; height: auto;}
.detail_case_list ul li .img img{ width: 100%;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden; display: block;}
.detail_case_list ul li .img:hover img{ transform: scale(1.05) translateZ(0); transition-duration: 0.3s;}
.detail_case_list ul li .info{ padding: 10px 10px;}
.detail_case_list ul li .info .title a{ color: #333; font-size: 14px;}
.detail_case_list ul li .info .title{ line-height: 1.6em; }
.detail_case_list ul li .info pre{ font-size: 12px; color: #666; line-height: 1.8em;white-space: pre-wrap; display: none;
word-wrap: break-word;}

.detail_news_list{ background: #fff; padding: 20px; padding-right: 15px; padding-left: 15px;}
.detail_news_list ul li .img{ width: 100%; height: auto; float: none; margin-right: 0px; border-radius: 3px; overflow: hidden;}
.detail_news_list ul li .img img{ width: 100%; height: auto; display: block;}
.detail_news_list ul li{  margin-bottom: 30px;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 鍜� Chrome */-o-transition-duration: 0.3s; /* Opera */}
.detail_news_list ul li .text{ float: none; width: auto; padding-top: 10px;}
.detail_news_list ul li .text h2{ color: #333; font-size: 18px; font-weight: bold; margin-bottom: 5px;}
.detail_news_list ul li .text h2 a{ color: #333;}
.detail_news_list ul li .text p{ color: #999999; font-size: 14px; font-weight: normal; line-height: 24px;margin-bottom: 5px;}
.detail_news_list .page{ text-align: center; border-top: #ececec solid 1px;}

.detail_case_detail { padding-top: 30px;  padding-left: 15px; padding-right: 15px} 
.detail_case_detail .case_title h1{ text-align: center; font-size: 18px; font-weight: normal; color: #0068b1}
.detail_case_detail .case_title{ padding-bottom: 20px;}

.detail_case_detail .case_html{ width: auto;margin: 0 auto;}
.detail_case_detail .case_html .title span{ position: relative; color: #0068b1; font-weight: bold; display: block; width: 80px; text-align: center; line-height: 40px; line-height: 40px;}
.detail_case_detail .case_html .title { border-bottom: #ececec solid 1px; line-height: 40px; line-height: 40px;}
.detail_case_detail .case_html .title span:after{ position: absolute; content: ""; background: #0068b1; height: 2px; bottom: 0px; left: 0px; right: 0px;}
.detail_case_detail .case_html .html{ padding-top: 20px; padding-bottom:80px; font-size: 14px; color: #333; line-height: 1.8em; margin-bottom: 20px;}
.detail_case_detail .case_html .other{ border-top: #ececec solid 1px; padding-top: 20px; padding-bottom: 40px;color: #333; font-size: 14px;}
.detail_case_detail .case_html .other .left{float: left;}
.detail_case_detail .case_html .other .right{float:right;}
.detail_case_detail .case_html .other a{ color: #333; font-size: 14px;}

.detail_news_detail{ background: #fff; padding-top: 40px; padding-bottom: 40px; }
.detail_news_detail .title{ border-bottom: #ececec solid 1px; padding-bottom: 20px; text-align: center;}
.detail_news_detail .title h1{ color: #333; font-size: 24px; padding-bottom: 10px;}
.detail_news_detail .title p{ color: #999; font-size:14px;}
.detail_news_detail .content{ font-size: 16px; color: #333; line-height: 2em; padding-bottom: 20px;}
.detail_news_detail .content .html{ padding-top: 30px; padding-bottom: 30px;}
.detail_news_detail .content p{ padding-top: 10px; padding-bottom: 10px; text-indent: 2em;}
.detail_news_detail .other{ border-top: #ececec solid 1px; padding-top: 20px; padding-bottom: 40px;color: #333; font-size: 14px; position: relative;}
.detail_news_detail .other .left{float: left;}
.detail_news_detail .other .right{float:right;}
.detail_news_detail .other a{ color: #333; font-size: 14px;}
.detail_news_detail .other .center{ position: absolute; left: 50%; top: 20px; margin-left: -35px;}

.detail_join{ padding-right: 15px; padding-left: 15px; }
.detail_join ul{ padding-top: 30px; padding-bottom: 30px; border-bottom: #ececec solid 1px;}
.detail_join ul li.title h1{ color: #333333; font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.detail_join ul li.title p{ color: #999; font-size: 14px; font-weight: normal;}
.detail_join ul li.title .button{ float: right; text-align: center;}
.detail_join ul li.title .button a.open{ text-decoration: none;color: #999; }
.detail_join ul li.title .button a.close{ text-decoration: none; color: #0068b1;}
.detail_join ul li.title .button i{ font-size: 24px;}
.detail_join ul li.title .button span{  font-size: 14px; display: block;}
.detail_join ul li.content p{ color: #666; font-size: 14px; font-weight: normal; line-height: 1.8em;}
.detail_join ul li.content { padding-top: 20px; }

.detail_service{ background: #fff; padding-top: 20px; padding-bottom:20px; padding-right: 15px; padding-left: 15px;}
.detail_service .html{ background: #fff;}
.detail_service .html p{ font-size: 16px; color: #333; line-height: 2em;}
.detail_service .html h3{ font-size: 18px; color: #0068b1; position: relative; padding-left: 20px;}
.detail_service .html h3:before{content: ""; position: absolute; left: 0px; top: 8px; width: 8px; height: 8px; background: #0068b1; }
.detail_service .html ul li{ line-height: 1.8em; font-size: 16px; color: #333;}
.detail_service .html ul{ padding: 20px; padding-top: 10px; padding-bottom: 30px;}
.detail_service .html h4{ font-size: 18px; color: #0068b1; text-align: center; padding-bottom: 30px; position: relative;}
.detail_service .html h4:after{content: ""; position: absolute; left: 50%; margin-left: -30px; width: 60px; bottom: 10px; width: 60px; height: 2px; background: #0068b1; } 
.detail_service .html h5{ font-size: 18px; color: #0068b1; }
.detail_service .html ol li{ line-height: 1.8em; font-size: 16px; color: #333;}
.detail_service .html ol{ padding: 30px; padding-top: 10px; padding-bottom: 30px;}
.detail_service .html table{ width: 100%; background: #fff; font-size: 14px; line-height: 18px; border-right: #ececec solid 1px;border-top: #ececec solid 1px; color: #333;}
.detail_service .html table td{ background: #fff;font-size: 14px;  border-left: #ececec solid 1px; border-bottom: #ececec solid 1px; padding: 10px; }
.detail_service .html table p{ font-size: 14px; line-height: 18px; color: #333;}
.detail_service .html table tr:nth-child(2n){ background: #f5f5f5;}
.detail_service .html table tr:nth-child(2n) td{ background: #f5f5f5;}
.detail_service .html table tr.title{ background: #999; color: #fff;}
.detail_service .html table tr.title td{ background: #999;}
.detail_service .html img{ width: 100%; }
.detail_service .html .leftright p{ float: none; width: 100%;}
.detail_service .html div{ padding: 0!important;width: 100%!important; float: none!important;}
.detail_contact { padding-top: 30px; padding-bottom: 30px; padding-right: 15px; padding-left: 15px;}
.detail_contact .left{ float: none; width: 100%; margin-right: 0px; text-align: center; margin-bottom: 20px; }
.detail_contact .left ul li { margin-bottom: 5px; text-align: center; float:none; display: inline-table;	}
.detail_contact .left ul li a{ line-height: 36px; height: 36px; border:#ececec solid 1px; background: #fff; display: block; padding-left: 30px; padding-right: 30px; font-size: 14px; color: #333; border-radius: 3px;}
.detail_contact .left ul li a:hover{ background: #f5f5f5}
.detail_contact .left ul li a.active{ background: #0068b1; color: #fff;}
.detail_contact .right{ float: none; width: auto; padding-left: 0px; line-height: 2em;  font-size: 16px; color: #333;}
.detail_contact .right img{ margin: 0 auto; width: 100%;}
.detail_contact .right div{ width: 100%!important; }
.detail_contact .right .BMap_omCtrl{ display: none!important; }

.detail_link_content .list { border-bottom: #ececec solid 1px; padding-bottom: 30px;}
.detail_link_content .list h2{ font-size: 18px; color: #0068b1; font-weight: bold; font-weight: normal; padding-top: 30px; padding-bottom: 24px;text-align: center; position: relative; }
.detail_link_content .list h2:after{ content: ""; position: absolute; left: 50%; height: 2px; width: 40px; margin-left: -20px; background:#ccc; bottom: 0px; }
.detail_link_content .list .swiper-slide .box .logo{ float: left; width: 50%; padding-top: 10px; padding-bottom: 10px; }
.detail_link_content .list .swiper-slide .box .logo img{ height: 70px;display: block; margin: 0 auto; }
.detail_link_content .list .swiper-container{ padding-bottom: 40px; }
.detail_link_content .list .swiper-container .swiper-pagination{ opacity: 0; transition-duration: 0.3s}
.detail_link_content .list .swiper-container:hover .swiper-pagination{ opacity: 1}

.detail_case_detail .case_img{ width: auto; margin: 0 auto; margin-bottom: 20px;}
.detail_case_detail .case_img .swiper-slide img{ width:100%; }
}
/*手机*/
@media screen and (max-width: 480px) { }
/*小尺寸手机*/
@media screen and (max-width: 320px) {}