@charset "utf-8";

/* 全局 */
body{font-size:14px;line-height:24px;color:#333;}
.index_body{background:#F3F6FB;}
.w1600{width:1600px;height:auto;overflow:hidden;margin:0 auto;}
.w1500{width:1500px;height:auto;overflow:hidden;margin:0 auto;}
.w1400{width:1400px;height:auto;overflow:hidden;margin:0 auto;}
.w1200{width:1200px;height:auto;overflow:hidden;margin:0 auto;}
.w210{width:210px;height:auto;overflow:hidden;margin:0 40px 0 0;float:left;}
.w950{width:950px;height:auto;overflow:hidden;float:left;}
.wfull{width:100%;height:auto;overflow:hidden;margin:0 auto;}


.header{position:relative;left:0;top:0;z-index:90;width:100%;height:118px;background:#fff;/*-webkit-box-shadow:0 0px 5px rgba(0,0,0,0.1);-o-box-shadow:0 0px 5px rgba(0,0,0,0.1);box-shadow:0 0px 5px rgba(0,0,0,0.1);*/}
.header .logo{padding:12px 0 0 0px;float:left; line-height: 1; width: 460px;}
.header .logo img{height:auto;display:block;margin:0 auto; float: left; margin-right: 18px;}
.header .logo b{ font-size: 24px; font-weight: bold; color: #333; display: block; margin-top: 25px; }
.header .logo span{ font-size: 12px; color: #999; font-family: 'Arial'; text-transform:uppercase; display: inline-block; margin-top: 9px;}

/*nav*/
.header .nav{display:block;float:right;position:relative;}
.header .nav a{display:block;color:#333;}
.header .nav li{float:left;display:block;text-align:center;color:#080808;height:100%;position:relative;font-size:16px;height:118px;}
.header .nav li > a{padding:0 24px; line-height:115px;}
.header .nav li > a:after{ content:"";position:absolute;width:70%;height:4px;background:#fff;left:15%;bottom:0px;z-index:1; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.header .nav li:hover > a:after,
.header .nav li.hovers > a:after{ background:#DB3A2D; }
.header .nav dl{display:none;position:absolute;width:100%;height:auto;top:100%;left:0;z-index:99;background-color:#102565;box-sizing:border-box;font-size:14px;}
.header .nav dl dd{position:relative;}
.header .nav dl dd:after{content:"";position:absolute;width:90%;height:1px;background:#445184;left:5%;bottom:0;z-index:1;}
.header .nav dl a{line-height:35px;color:#fff;}
.header .nav li:hover > a{}
.header .nav dl a:hover{background-color:#fff;color:#080808;}
.header .nav dl dd:hover:after{display:none;}
.wapmenu{width:50px;height:50px;line-height:50px;text-align:center;display:block;float:right;cursor:pointer;display:none;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.wapmenu:before{font-family:"iconfont";content:"\e8fb";font-size:22px;color:#1D7DD6;}
.wapmenu.zk:before{font-family:"iconfont";content:"\e615";font-size:22px;color:#1D7DD6;}
.navs{position:absolute;top:50px;left:0;z-index:10000;display:none;background:#fff;width:100%;border-top:1px solid #ccc;padding:10px 0px;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.2);-o-box-shadow:0 3px 5px rgba(0,0,0,0.2);box-shadow:0 3px 5px rgba(0,0,0,0.2);}
.navs li{width:100%;height:auto;line-height:40px;display:block;font-size:15px;margin-top:1px;position:relative;text-align:center;}
.navs li .i:after{position:absolute;line-height:40px;right:10%;top:0;font-family:"iconfont";content:"\e619";font-size:20px;}
.navs li a{color:#333;display:block;}
.navs li.curr .i:after{content:"\e616";}
.navs li dl{width:auto;height:auto;background:#f9f9f9;display:none;padding:10px 0;}
.navs li dl dd{width:100%;height:30px;line-height:30px;display:block;font-size:14px;margin-top:1px;text-indent:24%;}
.navs li.curr{ background: #f3f3f3; }

/* 搜索条 */
.header .search_box{float:right;width:70px;height:80px;font-size:14px;text-align:center;position:relative;margin-left:35px;margin-right:10px;display:block;}
.header .search_box .btn_search{line-height:80px;}
.header .search_box .btn_search:before{font-family:"iconfont";content:"\e61e";font-size:28px;color:#BFBFBF;}
.header .search_box .btn_search:after{content:"";position:absolute;width:1px;height:80px;left:0;top:0;background:#EFEFEF;z-index:2;}
.header .search_box .btn_search:hover:before,.header .search_box .btn_search.curr:before{color:#0B2876;}
.header .search_box .search{width:355px;height:auto;background:rgba(255,255,255,0.85);position:absolute;top:80px;right:0;z-index:50;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:12px 20px;display:none;}
.header .search_box .search input[type="text"]{border:1px solid #34469B;height:32px;line-height:32px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;box-sizing:border-box;padding:0 10px;font-size:16px;color:#333;}
.header .search_box .search input[type="submit"]{height:32px;line-height:32px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#34469B;color:#FFF;width:50px;margin-left:5px;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.header .search_box .search input[type="submit"]:hover{background:#5888B3;}
.header .search_box .search .btn_cancel{float:right;display:inline-block;margin-left:10px;}
.header .search_box .search .btn_cancel:after{font-family:"iconfont";content:"\e615";line-height:32px;font-size:25px;cursor:pointer;}

.block_header{height: 0px;}

/* 尾部 */
.footer{clear:both; background: #fff; font-size:14px;padding:53px 0 0px;}
.footer a:hover{ color: #0093DD; }
.footer .links{ border:1px solid #EDEDED; line-height: 50px; position: relative;}
.footer .links .f_l{ }
.footer .links .f_l i{ padding-left: 20px; display: inline-block; margin-right: 10px; }
.footer .links .f_l i:after{font-family:"iconfont";content:"\e62c";font-size:17px; color:#0093DD; }
.footer .links .f_l span{ display: inline-block; margin-right: 25px; }
.footer .links .f_l a{ display: inline-block; margin-left: 30px; }
.footer .links .fr{ height: 51px; width: 55px;}
.footer .links .fr a{ display: block; position: absolute; top: 0; right: 0; width: 53px; height: 100%; box-sizing: border-box; text-align: center; line-height: 50px; border-left: 1px solid #EDEDED; color: #CCCCCC; font-size: 18px;}
.footer .links .fr a:hover{  background: #0093DD; color: #fff; }
.footer .links:before{ content: ''; width: 1px; height: 100%; position: absolute; left: 133px; top: 0; z-index: 1; background: #EDEDED;  }

.footer .profile .w1200{ display: flex; justify-content:space-between; line-height: 1;  }
.footer .profile .nav_foot{ position: relative; padding-left: 60px; padding-bottom: 20px; }
.footer .profile .nav_foot dt{display: block; font-size: 18px; color: #333;}
.footer .profile .nav_foot dd{display: block; margin-top: 40px;}
.footer .profile .nav_foot dd a{display: block; line-height: 24px;}

.footer .profile .contact_box{ position: relative; padding-left: 60px; width: 420px; }
.footer .profile .qrcode{ position: relative; padding-left: 60px; }

.footer .profile .nav_foot:before,
.footer .profile .contact_box:before{ content: ''; position: absolute; left: 0; top:0; width: 2px; height: 100%; z-index: 1; background: url(/images/line_1.jpg) top center no-repeat;}

.footer .tel i{ width: 46px; height: 46px; background: url(/images/ico_tel.png) center center no-repeat; float: left; display: block; margin-right: 11px;}
.footer .tel span{color: #999999; display: block;}
.footer .tel b{ display: block; font-family: 'Arial'; color: #333; font-size: 24px; font-weight: bold;  margin-top: 7px; }
.footer .address{ margin-top: 32px; line-height: 28px; }
.footer .address li{ display: block; height: 28px; clear: both; }
.footer .address i{ float: left; display: block; margin-right:25px; }
.footer .address .addr:before{ font-family:"iconfont";content:"\e62a";font-size:20px; color:#E0E0E0;  }
.footer .address .tel:before{ font-family:"iconfont";content:"\e671";font-size:20px; color:#E0E0E0;  }
.footer .address .email:before{ font-family:"iconfont";content:"\e804";font-size:20px; color:#E0E0E0;  }
.footer .address .fax:before{ font-family:"iconfont";content:"\e62d";font-size:20px; color:#E0E0E0;  }
.footer .qrcode{}
.footer .qrcode img{ border:1px solid #F0F0F0; padding:8px; width: 120px; height: 120px; }
.footer .qrcode span{ display: block; text-align: center; margin-top: 10px;  }
.footer .copyright{ line-height: 65px; height: 65px; background: #0093DD; color: #fff; margin-top: 40px; }


/* 禁止手机横屏 */
.nohengping{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:99999;text-align:center;font-size:18px;line-height:50px;background:url(/images/bg_404.jpg) top center no-repeat;display:none;}
.nohengping .t_box{width:100%;height:120px;position:fixed;top:50%;left:0;margin-top:-60px;z-index:999999}
.nohengping i{display:inline-block;}
.nohengping i:after{font-family:"iconfont";content:"\e67d";font-size:50px;}

/* 网站加载中 */
.loadingBg{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#f5f5f5;z-index:9999}
.loading{width:100%;height:40px;position:fixed;top:50%;left:0;margin-top:-20px;z-index:999;text-align:center;}

/* 首页框架 */

/* -------------------------------首页------------------------------------------- */

/* banner */
.banner_box{position:relative;}
.img_a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;}
.banner{width:100%;padding-top:34.89%;position:relative;padding-bottom:75px;}
.banner .swiper-container{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.banner .swiper-container .swiper-slide{height:100%;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.banner .swiper-pagination{width:100%;bottom:30px;left:0;}
.banner .swiper-pagination-bullet{width:14px;height:14px;background:#fff;opacity:.8;margin:0 8px;}
.banner .swiper-pagination-bullet-active{opacity:1;background:#007AFF;}
.banner .swiper-button-next,.banner .swiper-button-prev{position:absolute;width:57px;height:99px;top:50%;margin-top:-49px;font-size:0;z-index:5;background-position:center center;-webkit-background-size:cover;background-size:auto auto;background-color:transparent; /*display: none;*/filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.banner .swiper-button-prev{background-image:url(/images/arrow-left_3.png);left:10px;margin-left:0px;}
.banner .swiper-button-next{background-image:url(/images/arrow-right_3.png);right:10px;margin-left:60px;}
.banner .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled{opacity:1;}
.banner:hover .swiper-button-prev{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.banner:hover .swiper-button-next{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}


/*业务范围*/
.business_box{ background: #EEEEEE; overflow: hidden; margin-top: 2px; overflow: hidden; }
.business{ position: relative; height: auto; margin-top: 53px; }
.business .cover{ width: 256px; height: 250px; background: url(/images/pic_03.jpg) no-repeat; position: absolute; left: 0; top: 0; z-index: 11; }
.business .cover a{ width: 114px; height: 37px; box-sizing: border-box; border:1px solid #CBCBCB; -webkit-border-radius:15px; -o-border-radius:15px; border-radius:15px; display: inline-block; text-align: center; line-height: 35px; color: #777; background: #fff; margin:196px 0 0 102px;  }
.business .cover a:hover{ color: #fff; border:1px solid #83C8F1; background: #83C8F1; }
.business .cover2{ display: none; }

.business_btns{ height: 88px; float: right; line-height: 1;}
.business_btns li{ float: left; text-align:center; padding:0 16px; position: relative; }
.business_btns li b{ display: block; font-size: 16px; font-weight: bold; margin-top: 22px; }
.business_btns li span{ display: block; margin-top: 4px; }
.business_btns li a b{ color: #333333; }
.business_btns li a span{ color: #999; }
.business_btns li.even a b{ color: #0093dd; }
.business_btns li.even a span{ color: #0093dd; }
.business_btns li:before{ content: ''; position: absolute; left: 0; top: 25px; width: 1px; height: 26px; background: #999; -webkit-transform:rotate(15deg); -o-transform:rotate(15deg); transform:rotate(15deg); }
.business_btns li:first-of-type:before{ display: none; }

.business_body{width:100%;padding-top:34.89%;position:relative;padding-bottom:75px;}
.business_body .swiper-container{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.business_body .swiper-container .swiper-slide{height:100%;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.business_body .swiper-button-next,.business_body .swiper-button-prev{position:absolute;width:76px;height:55px;top:50%;margin-top:-28px;font-size:0;z-index:5;background-position:center center;-webkit-background-size:cover;background-size:auto auto;background-color:transparent; /*display: none;*/filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.business_body .swiper-button-prev{background-image:url(/images/arrow-l4.png); background-color: rgba(0,0,0,.3); left:-76px;margin-left:0px;}
.business_body .swiper-button-next{background-image:url(/images/arrow-r4.png); background-color: rgba(0,0,0,.3);right:-76px;margin-left:0px;}
.business_body .swiper-button-next.swiper-button-disabled,.business_body .swiper-button-prev.swiper-button-disabled{opacity:1;}
.business_body:hover .swiper-button-prev{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.business_body:hover .swiper-button-next{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.business_body .swiper-button-prev:hover{ background-color: #0193DE; }
.business_body .swiper-button-next:hover{ background-color: #0193DE; }
.business_body:before{ content: ''; position: absolute; left:-360px; top: 0; width: 360px; height: 100%;  z-index: 4; background: url(/images/bg_business.jpg) left top no-repeat; }
.business_body:after{ content: ''; position: absolute; right:-360px; top: 0; width: 360px; height: 100%;  z-index: 4; background: url(/images/bg_business.jpg) right top no-repeat;}

/*服务流程*/
.service_box{ padding-top: 93px; background: #EEEEEE; height: auto; overflow: hidden; padding-bottom: 63px; }

.service{ height: 274px; background: url(/images/bg_service.jpg) top center no-repeat; margin-top: 50px; margin-bottom:50px; position: relative; }
.service li{ width: 100px; float: left; text-align: center; margin-top: 65px; margin-left: 120px; position: relative; z-index: 3; }
/*.service a{ color: #fff; }*/
.service .pic{ width: 100%; padding-top: 100%; position: relative; overflow: hidden; margin-right: 12px; border:1px solid #CACACA; -webkit-border-radius:50%; -o-border-radius:50%; border-radius:50%; background: #fff;  }
.service .pic .photo{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.service .text{ font-size: 18px; font-weight: bold; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: 20px;}
.service li:first-of-type{margin-left: 0;}

.service .w1200{ position: relative; overflow: visible; }
.service .w1200:after{ content: ''; position: absolute; left: 0; top: 117px; width: 100%; height: 1px; z-index: 1; background: #CACACA; }
.service li .ico{ position: absolute; left: -70px; top: 41px; width: 23px; height: 23px; z-index: 2; background: url(/images/ico_n_r.png) no-repeat; }
.service li:first-of-type .ico{ display: none !important; }
.service .info{ position: absolute; top: -88px; left: -98px; width: 295px; height: 312px; background: #fff; z-index: 10; -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.2);-o-box-shadow:0 0px 10px rgba(0,0,0,0.2);box-shadow:0 0px 10px rgba(0,0,0,0.2); padding: 16px 13px; display: none;}
.service .info .see img{ width: 268px; height: 220px; }
.service .info .fl{ font-weight: bold; font-size: 16px; }
.service .info .fr{ color: #999; }
.service .info .tips{ line-height: 1; margin-top: 30px; }
.service li.even .info{ display: block; }

/*站内公告*/
.why_case_box{ background: url(/images/bg_why_sase.jpg) center top no-repeat; min-height: 1977px; overflow:height;  }
.why_box{ overflow:height; }
.notice{width:1014px; height: 50px; position:relative; float: left; margin-top: 35px; background: url(/images/ico_notice.png) left center no-repeat;}
.notice .swiper-container{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.notice .swiper-container .swiper-slide{height:100%;position:relative; line-height: 50px;}
.notice .swiper-button-next,.notice .swiper-button-prev{position:absolute;width:20px;height:18px;top:50%;margin-top:-28px;font-size:0;z-index:5;background-position:center center;-webkit-background-size:cover;background-size:auto auto;background-color:transparent; /*display: none;*/ -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.notice .swiper-button-prev{background-image:url(/images/arrow-t1.png); left: auto; right:0px;margin-top:-20px;}
.notice .swiper-button-next{background-image:url(/images/arrow-b1.png); right:0px;margin-top:2px;}
.notice .swiper-button-next.swiper-button-disabled,.business_body .swiper-button-prev.swiper-button-disabled{opacity:1;}
.notice .swiper-container .swiper-slide a{ color: #fff; }
.notice .swiper-container .swiper-slide b{ display: inline-block; margin-left: 95px; }
.notice .swiper-container .swiper-slide span{ display: inline-block; margin-left: 63px; }
.notice_box .a_more{ float: right; display: block; width: 160px; height: 58px; background: #fff; line-height: 58px; color: #777; text-align: center; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; margin-top: 31px; box-sizing: border-box; }
.notice_box .a_more:hover{ background: #eee; color: #333; }

/*为什么*/
.choose_box{ margin-top: 30px; overflow: hidden; }
.choose_box .w1200{ background: url(/images/bg_why.jpg) -146px top no-repeat; height: 1052px; position: relative; overflow: visible; padding-top:92px;}
.choose_box .w1200:before{ content: ''; position: absolute; left:-146px; top: 0; width: 146px; height: 100%;  z-index: 4; background: url(/images/bg_why.jpg) left top no-repeat; }
.choose_box .w1200:after{  content: ''; position: absolute; right:-360px; top: 0; width: 360px; height: 100%;  z-index: 4; background: url(/images/bg_why.jpg) right top no-repeat; }

.choose{ margin-top: 53px; }
.choose li{ float: left; width: 50%; height: 330px; overflow: hidden; position: relative; line-height: 1; }
.choose li .pic{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.choose li .pic .photo{ width: 100%; height: 100%; background-position:bottom right; background-repeat: no-repeat; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.choose li:hover .pic .photo{ -webkit-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02); }
.choose li .text{ position: absolute; top: 43px; left: 62px; z-index: 2; }
.choose li .text b{ font-size: 24px; font-weight: bold; color: #333; display: block; }
.choose li .text span{ font-size: 17px;  color: #777; display: block; margin-top: 9px; }

.choose li .list{ position: absolute; top: 124px; left: 62px; z-index: 2; width: 290px;  }
.choose li .list dd{ line-height: 28px; background:url(/images/ico_dot.png) left 12px no-repeat; padding-left: 18px; }
.choose li .ico{ position: absolute; bottom: 45px; left: 62px; z-index: 2; }
.choose li .num{ position: absolute; top: 21px; right: 38px; z-index: 2; width: 25px; height: 28px; line-height: 28px; border-bottom: 1px solid #CCCCCC; text-align: center; font-size: 18px; font-family: 'Arial'; font-weight:bold; color: #999; }

.choose li.li1{ background-color: #F2F2F2;  }
.choose li.li2{ background-color: #FFFFFF;  }
.choose li.li3{ background-color: #FFFFFF; height: 407px; }
.choose li.li4{ background-color: #F2FCFE; height: 407px; }
.choose li.li1 .pic{ padding-right: 26px; padding-bottom: 26px; }
.choose li.li3 .pic{ padding-right: 26px; padding-bottom: 26px; }
.choose li.li1 .list{ width: 250px; }
.choose li.li4 .list{ width: 310px; }

/*业绩案例*/
.case_box{ padding-top:188px; overflow: hidden; }
.case_box .w1200{ position: relative; overflow: visible; background: #fff;  }
.case{height: 520px;}
.case:before {content: ''; position: absolute; left: -360px; top: 0; width: 360px; height: 100%; z-index: 4; background: url(/images/bg_business.jpg) left top no-repeat; }
.case:after{  content: ''; position: absolute; right:-147px; top: 0; width: 147px; height: 100%;  z-index: 4; background: #fff; }
.case .swiper-container{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.case .swiper-container .swiper-slide{height:100%;position:relative; line-height: 50px;}
.case .swiper-button-next,.case .swiper-button-prev{position:absolute;width:18px;height:20px;top:0;margin-top:-28px;font-size:0;z-index:5;background-position:center center;-webkit-background-size:cover;background-size:auto auto;background-color:transparent; /*display: none;*/ -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.case .swiper-button-prev{background-image:url(/images/arrow-l5.png); left: auto; right:22px;margin-top:-64px;}
.case .swiper-button-next{background-image:url(/images/arrow-r5.png); right:0px;margin-top:-64px;}
.case .swiper-button-next.swiper-button-disabled,.business_body .swiper-button-prev.swiper-button-disabled{opacity:1;}
.case .swiper-container .swiper-slide .pic{ width: 50%; height: 100%; float: left; position: relative; }
.case .swiper-container .swiper-slide .pic .photo{ position: absolute; width:100%; height: 100%; z-index: 1;top: 0; right: 0; background-position:center center; background-size:cover; background-repeat: no-repeat; }
.case .swiper-container .swiper-slide .text{ width: 50%; height: 100%; float: left;  position: relative; line-height: 1; padding-left:88px;}
.case .swiper-container .swiper-slide .text b{ font-size:24px; color: #333; display: block; margin-top: 53px; }
.case .swiper-container .swiper-slide .text p{ color: #777; display: block; margin-top: 47px; line-height: 35px;text-align: justify; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.case .swiper-container .swiper-slide .btns{ position: relative; padding-top: 63px; margin-top: 59px; }
.case .swiper-container .swiper-slide .btns:before{ content: ''; position: absolute; top: 0px; left: 0; z-index: 1; width: 95px; height: 2px; background: #0093DD; }
.case .swiper-container .swiper-slide .btns .btn1{ width: 133px;height: 60px; box-sizing: border-box; background: #0093DD; display: block; float: left; text-align: center; line-height: 60px; color: #fff; }
.case .swiper-container .swiper-slide .btns .btn2{ width: 133px;height: 60px; box-sizing: border-box; background: #fff; border-bottom:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-right:1px solid #CBCBCB; display: block; float: left; text-align: center; line-height: 58px; color: #777;}
.case .swiper-container .swiper-slide .btns .btn1:hover{ background: #D80001; }
.case .swiper-container .swiper-slide .btns .btn2:hover{ border-bottom:1px solid #0093DD; border-top:1px solid #0093DD; border-right:1px solid #0093DD; color: #0093DD; }

.case .cover{ width: 256px; height: 250px; background: url(/images/pic_05.jpg) no-repeat; position: absolute; left: 0; top: -93px; z-index: 11; }
.case .cover a{ width: 114px; height: 37px; box-sizing: border-box; border:1px solid #CBCBCB; -webkit-border-radius:15px; -o-border-radius:15px; border-radius:15px; display: inline-block; text-align: center; line-height: 35px; color: #777; background: #fff; margin:196px 0 0 102px;  }
.case .cover a:hover{ color: #fff; border:1px solid #83C8F1; background: #83C8F1; }
.case .cover2{ display: none; position: absolute; left: 15px; top: -80px; }
.case .cover2 b{ display: block; font-size: 30px; color: #333; font-weight: bold; }
.case .cover2 span{display: block; color: #999999; font-size: 14px; text-transform: uppercase; margin-top: 11px;}

/*关于我们*/
.intro_box{ height: 644px; background: url(/images/bg_intro.jpg) center center no-repeat; position: relative; text-align: center;  }
.intro_box .intro{ padding-top: 63px; }
.intro .intro_body{ height: 432px; background: #fff; position: relative; }
.intro .intro_body .con{ width: 100%; height: 100%; padding-top: 26px; display: none; position: absolute; top: 0; left: 0; }
.intro .intro_body .pic{  width: 45%; height: auto; margin-left: 2%; float: left; position: relative;  }
.intro .intro_body .pic .photo{  width: 100%; padding-top: 70%; overflow: hidden; position: relative; }
.intro .intro_body .pic .photo a{ width: 100%; height: 100%;  background-position:center center; background-size:cover; background-repeat: no-repeat; -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.intro .intro_body .text{ width: 43%; height: 100%; float: left;  position: relative; line-height: 1; text-align: left; margin-left: 5.6%; }
.intro .intro_body .text b{font-size:30px; color: #333;  display: block; margin-top: 45px;}
.intro .intro_body .text span{ font-size:16px; color: #999; display: block; margin-top: 12px; }
.intro .intro_body .text p{ color: #777; display: block; margin-top: 47px; line-height: 29px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden; text-align: justify; }
.intro .intro_body .text .line{ width: 100%; height: 2px; position: relative; margin-top: 75px; }
.intro .intro_body .text .line:before{ content: ''; position: absolute; top: 0px; left: 0; z-index: 1; width: 95px; height: 1px; background: #0093DD; }

.intro .intro_body .text .more{ position: absolute; bottom:73px; right: 0; z-index: 2; }
.intro .intro_body .text .more:before{ content: ''; font-family:"iconfont"; content:"\e67f";font-size:48px;color:#CFCFCF; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.intro .intro_body .text .more:hover:before{ color:#0093DD; }
.intro .intro_body .con:hover .pic .photo a{ -webkit-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08); }
.intro .intro_btns{ width: 1200px; height: 105px; position: absolute; left: 50%; bottom: 0; margin-left: -600px; }
.intro .intro_btns li{ display: inline-block; height: 105px; position: relative; width: 150px; }
.intro .intro_btns li .grass{ height: 100%; display: -webkit-flex; display: flex;  flex-direction:column-reverse; }
.intro .intro_btns li .grass b{ font-size: 18px; color: #fff; -webkit-transition:all ease-out .4s; -o-transition:all ease-out .4s; transition:all ease：-out .4s; margin-bottom: 8px; }
.intro .intro_btns li .grass span{ height: 51px; background: url(/images/ico_grass.png) center bottom no-repeat; -webkit-transition:all ease-out .4s; -o-transition:all ease-out .4s; transition:all ease：-out .4s; }
.intro .intro_btns li.even .grass b{ font-weight: bold;  margin-bottom: 15px;}
.intro .intro_btns li.even .grass span{ height: 63px; }


/*新闻资讯*/
.news_box{ background: #EEEEEE; padding-top: 98px; padding-bottom:68px;}
.news_box .w1200{ overflow: visible; }
.news_box .news{ position: relative; }
.news .news_btns{ float: right; padding-top: 23px; }
.news .news_btns li{ float: left; padding:0 22px; position: relative; box-sizing: border-box;  }
.news .news_btns li i{ float: left; margin-right: 8px;  }
.news .news_btns li i:before{content: ''; font-family:"iconfont"; content:"\e629";font-size:20px;color:#777; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; font-weight: bold;}
.news .news_btns li a{ color: #777; }
.news .news_btns li.even a{ color: #0093dd; }
.news .news_btns li.even i:before{ color:#0093dd; }
.news .news_body{ position: relative; margin-top: 64px; height: 520px;}
.news .news_body .con{ display: none; position: absolute; width: 100%; height: auto; top: 0; left: 0;  }
.news .news_body li{ position: relative; float: left;width: 33.33%; height: 520px; }
.news .news_body li .pic{  width: 100%; height: auto; position: relative;  }
.news .news_body li .pic .photo{  width: 100%;  padding-top: 75%;  background-position:center center; background-size:cover; background-repeat: no-repeat; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; position: relative; z-index: 9; }
.news .news_body li:hover .pic .photo{ -webkit-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08); z-index: 10; -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.3);-o-box-shadow:0 0px 10px rgba(0,0,0,0.3);box-shadow:0 0px 10px rgba(0,0,0,0.3); }

.news .news_body li .text{ position: relative; line-height: 1; text-align: left;  }
.news .news_body li .text b{font-size:18px; color: #333;  display: block; margin-top: 40px; width: 87.5%; webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;}
.news .news_body li .text p{ color: #777; display: block; margin-top: 20px; line-height: 2; width: 87.5%; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; text-align: justify; }
.news .news_body li .text .line{ width: 95%; height: 1px; position: relative; margin-top: 40px; }
.news .news_body li .text .line:before{ content: ''; position: absolute; top: 0px; left: 0; z-index: 1; width: 100%; height: 1px; background: #CBCBCB; }
.news .news_body li:hover .text b{ color: #0d99df; }
.news .news_body li .text .more{ display: inline-block; color: #777; margin-top: 30px;  webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;}
.news .news_body li .text i{ position: absolute; top: 6px; left: 75%; width: 21px; height: 7px; z-index: 1; background: url(/images/arrow-rs1.png) left top no-repeat; display: block; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.news .news_body li:hover i{ width: 36px; }
.news .news_body li:hover .more{ color: #0d99df; }



/*
-------------------------------内页-------------------------------------------
*/

/* banner */
.banner_ins{position:relative;width:100%;padding-top:22.08%;}

/* 内页 */
.n_content{overflow:hidden;height:auto;padding:0px 0 0px 0;}

/* 内页左侧 */
.n_left{margin-top:29px;}

/* 内页左侧 */
.n_right{margin-top:29px;}

/* 当前位置 */
.location_box{height:66px;line-height:66px;}
.location_box.mode2{background:#F7F7F7;}
.location_box .location{font-size:14px;line-height:66px;text-align:right;position:relative;float:left;}
.location_box .tel_box{float:right;height:100%;line-height:66px;text-indent:32px;font-size:14px;}
.location_box i.i:before{font-family:"iconfont";width:20px;line-height:65px;display:inline-block;margin-right:2px;}
.location_box i.i_case:before{content:"\e628";font-size:14px;color:#C30C24;}
.location_box i.i_location:before{content:"\e62a";font-size:14px;color:#C30C24;}
.location_box em{border:1px solid #CCCCCC;display:inline-block;line-height:24px;padding:0 8px;color:#999;}
.location_box em span{color:#333;}
.location_box em i.i_cut:before{content:"\e611";font-size:14px;color:#999;line-height:22px;width:16px;cursor:pointer;}
.location_box a.curr{color:#CE1D2C;}

/* 头部导航 */
.nav_detail{text-align:center;line-height:1;margin-top:28px;}
.nav_detail a{display:inline-block;padding:7px 28px;box-sizing:border-box;border:1px solid #E5E5E5;color:#555;}
.nav_detail a:hover,.nav_detail a.even{border:1px solid #2D97A1;background:#2D97A1;color:#fff;}

/*.nav_box{ text-align:center; height:77px; border-bottom:1px solid #ccc;}
.nav_box a{ font-size:18px; line-height:76px; box-sizing:border-box; height:76px; display:inline-block; margin-left:48px; padding:0 5px; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.nav_box a.hovers, .nav_box a:hover{ color:#D30903; border-bottom:2px solid #D30903;}
.nav_box a:first-of-type{ margin-left:0;}
*/

/* 左侧栏目模板 */
.left_menu_title{width:auto;height:62px;background:#CC0C0C;text-align:center;}
.left_menu_title h2{font-size:20px;font-weight:bold;color:#FFF;line-height:62px;}
.left_menu{background:#fff;padding:10px 0px 21px;}
.left_menu ul{height:auto;overflow:hidden;min-height:400px;}
.left_menu li{height:54px;line-height:53px;box-sizing:border-box;background:#FBFBFB;border:1px solid #D9D9D9;text-align:center;margin-bottom:8px;transition:all 0.2s;-webkit-transition:all 0.2s;}
.left_menu li a{font-size:16px;display:block;}
.left_menu li:hover,.left_menu .curr{border:none;color:#fff;background:url(/images/ico_j_2.png) no-repeat 84% 50% #D51B11;}
.left_menu li:hover a,.left_menu .curr a{color:#fff;}
.left_menu p{text-indent:33px;font-size:12px!important;line-height:30px;color:#666}
.left_menu p a{display:block;}
.left_menu p a:hover,.left_menu p a.curr{color:#e60000;}

/* banner图上导航 */
.topnav_box{position:absolute;width:100%;height:auto;left:0;bottom:0;z-index:6;padding-bottom:15px;border-top:1px solid #8A8784;background:rgba(0,0,0,.6);}
.nav_top{text-align:center;padding-top:20px;}
.nav_top a{width:133px;height:40px;line-height:40px; /*background: rgba(0, 0, 0, .6);*/display:inline-block;color:#eee;position:relative;}
.nav_top a:after{content:"";width:5px;height:5px;background:url(/images/ico_point_2.png) no-repeat;z-index:1;position:absolute;left:50%;top:-23px;margin-left:0px;}
.nav_top a.curr,.nav_top a:hover{background:#C30D24;color:#fff;}
.nav_top a.curr:before,.nav_top a:hover:before{content:"";width:0;height:0;border-width:0 8px 5px;border-style:solid;border-color:transparent transparent #C30D24;/*透明 透明  灰*/margin:0px auto;position:absolute;left:50%;top:-5px;margin-left:-5px;}
.nav_top a.curr:after,.nav_top a:hover:after{content:"";width:15px;height:15px;background:url(/images/ico_point_1.png) no-repeat;z-index:1;position:absolute;left:50%;top:-28px;margin-left:-5px;}

/* 上侧栏目模板 */
.top_menu{text-align:center;line-height:1;}
.top_menu a{display:inline-block;padding:12px 38px;background-color:#F5F5F5;font-size:16px;margin:0 5px;}
.top_menu a:hover,.top_menu a.curr{background-color:#007EC0;color:#fff;}

/* 通栏栏目模板 */
.category_box{height:75px;line-height:75px;background:#f7f7f7;color:#666;}
.category_box .title_big_02{float:left;}
.category_box .title_big_02 h2{font-size:18px;}
.category_box .category_div{float:right;}
.category_box .category_div a{display:inline-block;margin-left:25px;}
.category_box .category_div a:hover,.category_box .category_div a.curr{color:#e86d17;}


/* title */
.title_b_1{ text-align: center; }
.title_b_1 b{ display: block; font-size:30px; color: #0093dd; margin-top: 63px; font-weight: bold; line-height: 1; }
.title_b_1 span{ display: block; color: #999999; font-size: 14px; text-transform:uppercase; margin-top: 11px; }

.title_b_2{ text-align: left; }
.title_b_2 b{ display: block; font-size:30px; color: #333; font-weight: bold; line-height: 1;}
.title_b_2 span{ display: block; color: #999999; font-size: 14px; text-transform:uppercase; margin-top: 11px; }

.title_b_3{ text-align: left;line-height: 1; }
.title_b_3 b{ display: block; font-size:30px; color: #333; font-weight: bold; line-height: 1;}
.title_b_3 span{ display: block; color: #999999; font-size: 14px; text-transform:uppercase; margin-top: 11px; }

.title_b_4{ text-align: left;line-height: 1; float: left; }
.title_b_4 b{ display: block; font-size:30px; color: #333; font-weight: bold; line-height: 1;}
.title_b_4 span{ display: block; color: #999999; font-size: 14px; text-transform:uppercase; margin-top: 11px; }


/* more */

/*button*/

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out{
	100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;}
}
@keyframes hvr-ripple-out{
	100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;}
}
a.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#0B2876;}
a.hvr-ripple-out:before{content:'';position:absolute;border:#0B2876 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s;}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out;}

/* Round Corners */
a.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:border-radius;transition-property:border-radius;background:#720e9e;}
a.hvr-round-corners:hover,a.hvr-round-corners:focus,a.hvr-round-corners:active{border-radius:1em;}

/* else */
.hide{display:none;}
.show{display:block;}
.trans{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.lclamp_1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.lclamp_2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}<!--0.00020503997802734-->