@charset "utf-8";
/* CSS Document */
body{ height:100%; min-width:1200px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div{margin:0;padding:0;border:none;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"微软雅黑"; color:#666;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
table,td,tr,th{margin:0;padding:0; border-collapse:collapse;}
img, table, td, th ,embed{ border:none; vertical-align:text-top;}
img{border:0; -ms-interpolation-mode: bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
ul,li{ padding:0; list-style-type:none;}
a{color:inherit; text-decoration:none;}
a:focus{outline-color:#666;z-index:99;position:relative}
a:hover,a:focus{-webkit-transition:color .3s;transition:color .3s;color:#009c82; text-decoration:none;}
em,i{font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.clear{ clear:both;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility:hidden;}
.w1100{ width:1100px; height:auto; margin:0 auto;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
/*.container{ width:1200px; height:auto; margin:0 auto; position:relative;}*/
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative;}
@media(max-width:767px){
body{ min-width:300px !important; max-width:640px;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
}

/*header*/
.header{ background:#fff; width:100%; height:auto; padding:10px 0 0;}
.header.fixed{background-color: #ffffff;-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);position: fixed;top: 0;z-index: 100000;}
.header>div{ overflow:visible; position:relative;display: flex;justify-content:space-between;align-items: flex-start;}
.header .logo{ float:left; position:relative; width:auto;padding:5px 0 10px;}
.header .logo a{display:flex;align-items:center;}
.header .logo img{ max-width:100%; height:auto; vertical-align:middle; max-height:48px;}
.header .logo span{ padding:2px 0 0 9px; font-size:24px; line-height:1; color:#242424; font-weight:600; text-align:left; letter-spacing:2.5px;}
.header .logo span i{ display:block; font-size:12px; color:#000; opacity:.5; padding:5px 0 0; font-weight:normal; font-style:normal; letter-spacing:-.05rem; text-transform:uppercase;}

.head_r{ float:right; overflow:visible; font-size:25px; font-family:arial; color:#009c82; padding-left:48px; background:url(/images/head-tel.png) no-repeat center left; background-size:auto 40px; height:auto;line-height:30px; margin-top:20px; letter-spacing:0px; text-align:left; line-height:40px;}
.head_r span{ display:block; font-size:15px; line-height:16px; color: #666666; margin:5px 0; font-family:"Microsoft YaHei"; letter-spacing:0;}
.head_r font{ font-size:25px; letter-spacing:0;}
.head_r img{ width:100%; height:auto; margin-top:10px;}

.navbar-fixed-top{ position:relative;}
#site_header .container-fluid{ padding:0;}
#site_header .navbar-header{ display:none;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#232323}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle {border:0px;margin-top: 10px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}

.collapse{display:none;visibility:hidden}
.collapse.in{display:block;visibility:visible}

@media(max-width:767px){
	.header{ background:#fff; width:100%; height:auto; padding:10px 0;}
	#site_header .navbar-header{ display:block;}
	.header .logo{ width:80%; margin:0 0 0 1%;}
	.header .logo span{padding-left:10px;font-size:16px; letter-spacing:1px;}
	.header .logo span i{ font-size:9.5px; letter-spacing:-1px; padding:5px 0 0;}
	.header .logo img{ max-width:100%; width:auto; height:48px;}
	.head_r{ display:none;}
}
@media(max-width:415px){
	.header .logo img{ margin-top:5px; height:38px;}
	.header .logo span{padding-left:5px;font-size:14px; letter-spacing:0;}
	.header .logo span i{ font-size:9px; padding:3px 0 0;}
}


.nav{ float:none; width:52%; padding:0; height:auto; background:#fff; margin-left:40px; margin-top:0px;}
.nav ul{width:100%;display:table;table-layout:fixed; margin:0 !important;}
.nav ul li{display:table-cell;position: relative; width:calc(20% - 10px); margin:0 5px;}
.nav ul li a{display: block;font-size:16px;padding:20px 18px;text-align:center; line-height:20px;color:#333333; border-bottom:3px solid transparent;}
.nav ul li a.cur,.nav ul li a:hover{ border-bottom:5px solid #009c82 !important;padding-bottom:18px !important;}
/*.nav ul li a.cur:before {position: absolute;z-index: 1;left: 50%;margin-left: -11px;bottom: 30px;display: inline-block;height: 2px;width: 0;top:42px;background-color: #009c82;content: "";transform: scale3d(1, 1, 1);transform-origin: center;transition: all 0.5s;color: #000}*/

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#CCC}
.navbar-collapse{ padding:0px 0;}
.navbar-nav > li > a{ padding:0;}
@media(min-width:767px){
.navbar-collapse.collapse {display: block !important;height: auto !important;overflow: visible !important;visibility:visible !important; border:none !important;}
.container{ padding:0;}
.nav ul li a.dropdown-toggle:hover{ background:none; color:#333;}
}
@media(max-width:767px){
	.nav{ background:none; border:0; height:auto; position:absolute; top:70px; right:0; width:50%; overflow:hidden; padding:5px 0 !important;}
	.nav ul li{ width:auto; height:auto; margin:0; float:none;}
	.nav ul li a{display:block; width:auto; height:auto;transition:all 0s;padding-top:10px;padding-bottom:10px;line-height:20px;color:#303030 !important; font-size:16px !important;}
	.nav ul li a.cur{ background:none !important; color:#009c82 !important;}
	.nav ul li a.cur:before{ display:none;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background-color:#fff;}
	.navbar-collapse{ padding:9px 0;}
	.navbar-header{padding-bottom:0;}
	.navbar-brand{padding-left:0px;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#000}
}

.hTel{ float:none;background-color: #EFEFEF;padding-right:0px;border-radius: 18px;margin:10px 0 10px; height:auto;}
.hTel a{position: relative;display: block;color:#009c82;font-size:15px;padding:5px 15px;margin-top:0;}


/*banner*/
.banner{ width:100%; height:auto; margin-top:0;}
.banner .ad{ margin-bottom:0px;width:100%; height:360px; overflow:hidden;position:relative;}
.banner .slider{position:absolute; width:500%;}
.banner .slider li{ list-style:none;display:inline; float:left; height:360px; position:relative; overflow:hidden;}
.banner .slider li a{ display:block; width:100%; height:100%;}
.banner .slider li img{ display:none;}
.banner .slider .box{ width:680px; height:auto; padding:0 0 46px; position:absolute; top:50%; left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0); text-align:center; display:none;}
.banner .slider .li_0 .box{ width:720px; background:url(/images/wbg.png) repeat;}
.banner .slider .li_1 .box{ background:url(/images/wbg.png) repeat;}
.banner .slider .box h5{ color:#fb0208; font-size:40px; letter-spacing:6px; font-weight:bold; padding:46px 0 10px;}
.banner .slider .box p{ font-size:22px; line-height:1.5; color:#333;}
.banner .slider .li_1 .box h5{ color:#e5011c;}
.banner .slider .li_1 .box p{ color:#333; font-size:22px;}
.banner .slider .li_2 .box{ width:800px;}
.banner .slider .li_2 .box h5{ color:#fff;}
.banner .slider .li_2 .box p{ color:#fff; font-size:17px;}

.banner .num{ width:100%; height:20px; position:absolute; left:0; bottom:30px; text-align:center;z-index:2;display: none;}
.banner .swiper-pagination-bullet{width:32px;height:6px; border-radius:0;background:#fff; opacity:.8;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:3px 4px;}
.banner .swiper-pagination-bullet-active{ background:#009c82;}
.banner .carousel_btn{width:100%;height:0;max-width:100%;margin:0 auto;position:absolute;top:50%;left:50%;transform: translateX(-50%); max-width:1200px; z-index:10;}
.carousel_btn .btn_prev,.carousel_btn .btn_next{display: block;position: absolute;top: 0%;transform: translateY(-50%);cursor: pointer;width: 45px;height: 45px;background-color: rgba(204, 204, 204, 0.5); border-radius:50%;}
.carousel_btn .btn_prev:hover,.carousel_btn .btn_next:hover{background-color: rgba(204, 204, 204, 0.8);}
.carousel_btn .btn_prev{left: 0;}
.carousel_btn .btn_next{right: 0;}
.carousel_btn .btn_prev::after,.carousel_btn .btn_next::after{content:'';display: inline-block;width:20px;height:20px;border-top:5px solid rgba(255, 255, 255, 0.7);border-right:5px solid rgba(255, 255, 255, 0.7);position:absolute;top:50%; margin-top:-10px;}
.carousel_btn .btn_prev::after {transform: rotate(-135deg);left:35%;}
.carousel_btn .btn_next::after {transform: rotate(45deg);right:35%;}
.mo-banner{display: none !important;}
@media only screen and (max-width: 767px) {
	.banner{ width:auto; height:auto; margin-top:0;}
	.banner .indBanner{display: none !important;}
	.indBanner_box{height:100%;position: relative;}
	.mo-banner .swiper-slide-active .indBanner_txt h6,.mo-banner .swiper-slide-active .indBanner_txt p{opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	.indBanner_txt h6{ font-size:1.1rem;}
	.indBanner_txt p{ font-size:.85rem; margin-top:.5rem;}
	.mo-banner{display: block !important;overflow: hidden;}
	.mo-banner .swiper-slide img{width:100%; height:auto;display: block;}
	.mo-banner .wiper-pagination{ bottom:10px !important;}
	.mo-banner .swiper-pagination-bullet{width: 25px;height:2px;background-color:rgba(255,255,255,.3);opacity:1 !important;border-radius:0;}
	.mo-banner .swiper-pagination-bullet-active{background-color:#009c82;}
}


/*main1*/
.main{ width:100%; margin:0 auto; overflow:hidden;}

.main0{ padding:50px 0; width:100%;}
.main0>div{display: flex;justify-content:space-between;align-items: flex-start;}
.main0 .left{ width:610px; height:auto;display:flex;justify-content:space-between;}
.main0 .left .img{ width:300px; height:auto;}
.main0 .left .img img{ width:100%; height:auto;}
.main0 .right{ width:calc(100% - 640px); height:auto;}
.main0 .mtit{ padding-bottom:30px;}
.main0 .mtit em{ display:inline-block; font-style:normal;font-size:26px;font-weight: bold;text-align:center;color:#333333;line-height: 1.2;margin-bottom:8px;}
.main0 .mtit span{ display:inline-block;font-size:13px;line-height:1.4;font-weight:bold;text-align:center;color:#e5011c;letter-spacing:.1em; text-transform:uppercase; margin-left:5px;}
.main0_c{}
.main0_c li{ float:left; width:100%;padding-bottom:15px;margin-bottom: 16px;border-bottom: 1px solid #eeeeee;}
.main0_c li .date{float:left;width:100px;font-size:15px;}
.main0_c li .t{float: right;width:calc(100% - 100px);padding-left:20px;}
.main0_c li .t span{display: inline-block;background-color: #cdd1d5;color: #ffffff;width:75px;text-align:center;padding:1px 10px;font-size:12px;margin-right:10px;}
.main0_c li .t a{color: #333; font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:inline-block; max-width:100%; vertical-align:middle;}
.main0_c li .t a:hover{ color:#009c82;}
.main0_c li .conts{clear: both;padding: 5px 0 0 calc(12% + 20px);font-size: .9em;}
.main0_c .more{ text-align:right; margin-top:50px;}
.main0_c .more a{display: inline-block;text-align: center;padding: 14px 10px;width: 100%;line-height: 1.4;font-weight: bold;width:50%;max-width:300px;background-color:#DCDFE2;border-bottom:0px solid #cccccc;border-radius:3px;color: #3A4654; font-size:16px;}
.main0_c .more a:before{font-family:FontAwesome;content: "\f105";padding-right: 8px;font-size: 18px;text-decoration: none;position: relative;display: inline-block;}
.main0_c .more a:hover{ color:#fff; background:#009c82;}
@media(max-width:767px){
	.main0{ padding:30px 15px; width:100%; background:#FFF;}
	.main0 .mtit{ padding-bottom:20px;}
	.main0 .mtit em{font-size:20px;}
	.main0_c li{padding-bottom:10px;margin-bottom:12px;}
	.main0_c li .date{width:100%;}
	.main0_c li .t{width:100%;padding-left:0; padding:3px 0 2px;}
	.main0_c li .t span{width:70px;text-align:center;padding:1px 10px;font-size:12px;margin-right:10px;}
	.main0_c li .t a{ line-height:1.6;}
	.main0_c .more{ margin-top:20px; text-align:center;}
	.main0_c .more a{padding:12px 10px;width:100%; font-size:15px;}
}



.main2{ width:100%; margin:0 auto; height:auto; overflow:hidden; padding:60px 0; background:url(/images/main01.jpg) no-repeat center; background-size:cover;}
.main2_b{height:auto; padding:0 10px; text-align:center;}
.main2_b h2{ display:inline-block; width:auto;margin:0;}
.main2_b h2 span{ display:inline-block;margin:0 3px;font-weight:normal;font-size:16px;letter-spacing:2px;color:#222;}
.main2_b h2 span a{display:block;padding:7px 18px;border:solid 1px; border-radius:4px;}
.main2_b h2.hover span a{ background:#414141; color:#ffffff; cursor:pointer; letter-spacing:2px;}
.main2_b h2.hover span a:hover{ color:#ffffff;}
.main2_b h2 .more{ margin:5px 0 0 15px; padding:0; font-size:12px; color:#666; float:left; font-weight:normal; white-space:nowrap;}
.new_tab_con{ width:100%; height:auto; position:relative;}
.main2_con{ position:relative;overflow:visible; height:auto; margin:0;}
.main2_con ul{ width:1200px; height:auto; overflow:hidden;}
.main2_con li{ float:left;width:282px; width:282px\9;padding:0;margin:0 24px 25px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.main2_con li:nth-child(4n){margin-right:0;}
.main2_con li .pic{position:relative;zoom:1; overflow:hidden;}
.pra{position:absolute;}
.main2_con li img{max-width:100%;width:auto\9;height:auto;-ms-interpolation-mode:bicubic;_width:auto; width:100%;height:auto;overflow:hidden;}
.main2_con li .pic i{ display:none;}
.main2_con a{ display:block;}
.main2_con .clsicInfo{width:100%; padding:15px 10px;color:#333;font-size:17px;background:#fff;box-sizing:border-box;}
.ibox{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px;letter-spacing:normal; text-align:center;}
.main2_con li .pic a:hover i{ background:url(/images/m1_s.png) no-repeat center center; display:block; width:80px; height:80px; position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px;}
.main2_con li .clsicInfo:hover{ color:#009c82;}
.qmmMPst1{ margin: 0px auto;}
.mr0{margin-right:0!important;}
.navi {position: absolute;top:-35px;right:0;}
.navi li {display:inline-block; *display: inline; width: 12px;height:12px; background: url(images/bwf_01i1.png) center center no-repeat; margin-left:10px; float:left; font-size:0;}
.navi li.on{background:url(images/bwf_01i2.png) center center no-repeat;}
.moreBox{width:300px; height:auto; margin:20px auto 0;}
.moreBox a{ display:block; width:100%; height:auto; background:#009c82; text-align:center; overflow:hidden; border-radius:5px; line-height:44px; color:#FFF;font-size:16px;}
.moreBox a:hover{ background:#009c82;}

.main2_clist{ display:none;}

.mb-ibox span{ display:block;}
.mb-ibox span .img1{ display:none;}
@media(max-width:767px){
.main2{ width:100%; margin:0 auto; height:auto; overflow:hidden; background:#fff; padding:3rem 0;}
.main2_tit{ text-align:center; color:#333; width:100%; padding:0 0; margin:0 auto 30px; background-size:110% auto;}
.main2_tit h2{ font-size:2.4rem;line-height:1;margin:0;}
.main2_b{ display:none;}
.new_tab_con{ display:none !important;}
.moreBox{ width:137px; margin:10px auto 0;}
.main2_clist{ display:block;}
.main2_clist li{ width:50%; padding:0 8px 10px; float:left; height:auto; text-align:center;}
.main2_clist li .pic{ width:100%; margin-bottom:5px;}
.main2_clist li .pic img{ padding:2px; max-width:100%; height:auto; border:1px solid #CCC;}
.main2_clist li a{ font-size:14px;}
}


.main5{ width:100%; height:auto; padding:50px 0 50px; background:#fff;}
.main5 .item{width: 49%;padding: 40px 24px;color: #ffffff;position: relative;z-index: 1; cursor:pointer;}
.main5 .left{ float:left;background: url(/images/a_img01.jpg) no-repeat center/cover;}
.main5 .right{ float:right;background: url(/images/a_img02.jpg) no-repeat center/cover;}
.main5 .item::before{content: "";background-color: rgba(0, 0, 0, 0.6);height: 100%;width: 100%;position: absolute;z-index: -1;top: 0;left: 0;-webkit-transition: all 0.1s ease 0s;-o-transition: all 0.1s ease 0s;transition: all 0.1s ease 0s;}
.main5 .item:hover::before{background-color: rgba(0, 0, 0, 0.4);}
.main5 .box{background:url(/images/arr03.png) no-repeat 100% center;padding-right: 30px;}
.main5 .box h5{font-size: 26px;display:inline-block;font-weight:bold;text-align:center;line-height:1.2;margin-bottom:8px;}
.main5 .box h5 a{color: #ffffff;}
.main5 .box span{display:inline-block;margin-left:5px;font-size: 12px;line-height: 1.4;font-weight: bold;text-align: center;color: #e5011c;letter-spacing: .05em; display:none;}
.main5 .box p{ font-size:14px; line-height:1.8;}
@media(max-width:767px){
	.main5{ padding:10px 15px 15px;}
	.main5 .item{width: 100%; margin-bottom:15px;}
}

.main6{background-color: #E6E9EC;padding: 5% 0;}
.main6 ul{ display:flex;justify-content:space-between;}
.main6 ul li{width:32%;background-color: #ffffff;border: 1px solid #DDDDDD;-webkit-box-shadow: 0 -3px rgb(0 0 0 / 15%) inset;box-shadow: 0 -3px rgb(0 0 0 / 15%) inset;padding:20px 15px;-webkit-transition: all .1s ease 0;-o-transition: all .1s ease 0;transition: all .1s ease 0; cursor:pointer;text-align: center;}
.main6 ul li a{ display:block;}
.main6 ul li figure{ margin:0; padding-bottom:10px;}
.main6 ul li p{color:#394653; font-size:16px;line-height: 1.5;font-weight: bold;}
@media(max-width:767px){
	.main6{padding:30px 15px;}
	.main6 ul li{ width:31%;}
	.main6 ul li p{ font-size:15px;}
}

/*footer*/
.footer_bg{ width:100%; height:auto; background:#F2F2F2; color:#fff; font-size:14px; padding:35px 0 25px;}
.footer_bg>div{display:-webkit-box;display:-webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.footer_bg .fnav_bb{padding-top: 40px;border-top:1px solid #dddddd;width: 100%;}
.footer_bg .fnav_b{width: 100%;padding-bottom:0px;display: flex;justify-content: space-between; padding:0 1%;}
.footer_bg .f_top_nav{float:left;vertical-align: top;width:auto;margin:10px 0 0 0;}
/*.footer_bg>div>div .f_top_nav:nth-child(1){ width:25%; margin-right:0%;}*/
.footer_bg>div>div .f_top_nav:nth-child(2){ margin-right:0%;}
.footer_bg>div>div .f_top_nav:nth-child(4){ padding-right:0;}
.footer_bg .f_top_nav li{width:100%;margin-bottom:0px;vertical-align:top;line-height: 1.2;}
.footer_bg .f_top_nav li a{font-size:18px;display: inline-block;color:#394652;}
.footer_bg .f_top_nav li dl{width: 100%;margin-top:15px;padding-left:0px;}
.footer_bg .f_top_nav li dl dd{margin-bottom:14px;width:100%;line-height: 1.2;}
.footer_bg .f_top_nav li dl dd img{ max-width:100px; height:auto; padding:1px; background:#fff;}
.footer_bg .f_top_nav li dl dd span{ display:block;font-size:13px;color:#394652; padding:5px 0 0; text-align:center;}
.footer_bg>div>div .f_top_nav:nth-child(1) dl{display: flex;flex-wrap:wrap;justify-content: space-between;}
.footer_bg>div>div .f_top_nav:nth-child(1) dl>div{ width:auto;}
.footer_bg .f_top_nav li dl dd a{font-size:14px;font-weight:normal;padding-left:13px;background: url(/images/arr02.png) no-repeat 0 4px/6px auto;display: inline-block;color:#666;}
.footer_bg .f_top_right{width:28%; font-size:14px;color:#666; line-height:1.8; margin-right:10%;}
.footer_bg .f_top_right p{ font-size:14px;color:#666; line-height:1.8;}
.footer_bg .f_top_right .tel{ font-size:28px; line-height:1.2; margin-bottom:3px; color:#333; font-weight:bold;}
.footer_bg .f_top_right .tel span{ font-size:14px; font-weight:normal;}
.footer_bg .f_top_right em{ display:inline-block; padding-left:42px;}
.footer_bg .f_top_right .address{ margin-bottom:1px;}

.copyright{ background-color: #01362d;padding: 16px 0;}
.copyright .fcopy{ width:100%; height:auto; display:flex;justify-content:space-between;}
.copyright p{line-height:1.2;color:#ffffff;font-size: 14px;}
.copyright p a{color:#ffffff;font-size: 14px;}
.flink{ padding:10px 0 0; width:100%; text-align:left;line-height:1.5;color:#ffffff;font-size: 14px; opacity:.6;}
.flink a{color:#ffffff;font-size: 14px; margin-right:6px;}
.flink a:hover{ opacity:.8;}
/*.footer_bg{ width:100%; height:auto; margin:0 auto;background:url(../images/foot_bg.jpg) repeat; position:relative; z-index:2; font-size:13px;}
.footer_totop{position:absolute;cursor: pointer;width: 70px;height: 70px;background: url(../images/toTop.png) no-repeat center center;left: 50%;margin-left: -35px;top:-21px;z-index:1; display:none;}
.footer_top{overflow: hidden;border-bottom:1px solid #454545;position: relative;z-index: 2}
.footer_topl{overflow: hidden; float:left;}
.footer_topl dl dd{ width:160px;padding-left:38px;border-right:1px solid #454545;padding-top:30px;padding-bottom:10px;float:left;height:206px;}
.footer_topl dl dd:nth-child(1){ padding-left:0; width:122px;}
.footer_topl dl dd span{display: block;margin-bottom:4px;color:#919191;font-size: 16px;}
.footer_topl dl dd a{display: block;height: 28px;line-height:28px;color: #555555; font-size:13px;}
.footer_topl dl dd a:hover{color:#919191;}
.footer_ewm{ width:150px; height:auto; float:left; margin-left:70px; padding-top:35px;}
.footer_ewm span{ display:block; float:left;}
.footer_ewm span:nth-child(1){ padding-right:0px;}
.footer_ewm span img{ width:120px; height:120px;}
.footer_ewm span i{ display:block; font-style:normal; font-size:13px; color:#919191; padding:5px 0 0; text-align:center;}
.footer_topr{ width:370px;padding-top:30px; float:right;}
.footer_topr p{ color:#666; line-height:2.4;}
.footer_topr a{ color:#666;}
.footer_topr a:hover{ color:#919191; text-decoration:none;}
.footer_bot{ height:auto; width:1200px; margin:0 auto; text-align:left; padding:15px 0;}
.footer_bot span{ display:inline-block; line-height:30px;color:#555555; font-weight:bold;}
.footer_bot a{ display:inline-block; line-height:30px; color:#555555; margin:0 4px;}
.footer_bot a:hover{ color:#919191;}
.index_foot{ display:none;}*/
@media(max-width:767px){
.footer_topl{ display:none;}
.footer_topr{ width:100%; padding:2rem 10px; text-align:center;}
.footer_bot,.footer_ewm{ display:none;}

.fx{width:100%; height:auto; overflow:hidden; max-width:640px; margin:0 auto;text-align:right; position:relative; bottom:45%; z-index:9999999;}
.bdsharebuttonbox{ max-width:640px; height:auto; overflow:hidden; float:right;}
.bdsharebuttonbox a{ float:right;}

	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width:640px; margin:0 auto; margin-top:12%; display:block;}
	.app_con{ height:auto;max-width:640px;margin:0 auto; overflow:hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display:inline-block;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align:center;width:66%; background-color:#009c82; border-radius:8px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%; width:100%}
	#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:18px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}
	
}

.inbanner{ width:100%; height:460px; margin-top:0px;}
.inbanner img{ display:none;}
/*main03*/
.main03{ width:100%; height:auto; margin-bottom:0;}
.inbox{border-top: 1px solid #e9e9e9;}
@media(max-width:767px){
.inbanner{ width:100%; height:auto; margin-top:1px; background:none;}
.inbanner img{ display:block; max-width:100%; height:auto;}
.main03{ width:100%; height:auto; margin-bottom:0;}
}
/*side_left*/
.side_left{ width:100%; height:auto; float:left;}
.main03_t{ border-bottom:1px solid #ededed;height:140px;position:relative;z-index:999;top:-140px;margin-bottom:-140px; overflow:hidden; background-image:url(/images/main03_tBg.png); background-repeat:repeat-x; background-position:center bottom;}
.main03_t h2{width:104px; height:140px; display:block; float:left; background-color:#009c82;color:#ffffff;padding:10px; font-size:20px; text-align:center; font-weight:700;}
.main03_t h2 em{display: block;font-style: normal;font-size:26px;text-align: center;height:26px;margin-bottom:20px;background-image:url(/images/main03_th.png);background-repeat: no-repeat;background-position:center 17px;text-transform: uppercase;font-weight:normal; line-height:1.5;}
.main03_t h2 i{display:block;font-style:normal;font-size:12px;text-transform:uppercase;font-weight:normal; padding:10px 0 0;}
.main03_t ul{ margin-top:75px; float:right; width:930px;}
.main03_t ul li{ float:left; text-align:center; line-height:25px; margin-right:16px;}
.main03_t ul li a{ background-color:#ffffff; display:block; padding:5px 25px; font-size:15px;}
.main03_t ul li a:hover{background-color:#009c82; color:#ffffff;}
.main03_t ul li.on a{background-color:#009c82; color:#ffffff;}
.nav_list{ display:none;}
@media(max-width:767px){
	.main03_t{ display:none;}
	.nav_list{padding:0 10px; background-color:#eee; line-height:40px; position:relative; z-index:40; display:block;}
	.nav_list a.GoBack{ font-size:15px; color:#fff; padding-left:20px;  position:relative; background:url(images/icon15.png) no-repeat left center; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;}
	.nav_list span{ width:31px; height:26px; -webkit-background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; position:absolute; right:20px; top:12px; z-index:444;}
	.nav_list a.Column{ font-size:16px; color:#333;  position:relative; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;}
}
/*side_right*/
.about_content{ font-size:16px; line-height:30px; color:#737373; min-height:400px; background-color: rgba(255,255,255,0.9); -moz-box-shadow: 0px 0px 15px #dedede; /* 老的 Firefox */box-shadow: 0px 0px 15px #dedede; width:1100px; padding:15px 25px 50px; margin:0 auto;}
.location{ width:100%;  height:41px; line-height:40px; text-align:left; color:#737373; font-size:14px; margin-bottom:20px; padding-left:20px; border-bottom:1px dashed #eeeeee; background-image:url(/images/bg_sign14.png); background-repeat:no-repeat; background-position:left center;}
.location a{ color:#737373;}
.location a:hover{ color:#009c82; text-decoration:none;}
@media(max-width:767px){
	.about_content{ width:100%; padding:5px 10px 40px;}
	.location{ margin-bottom:10px;}
}

.side_right{ width:1100px; margin:0 auto; height:auto; overflow:hidden; min-height:300px; padding:0 0 50px;}
.side_right .location{  height:61px; line-height:60px;}
.side_right_content{ width:100%; padding-bottom:0;}
.about_c{  width:980px; margin:0 auto; padding:5px 0 20px; height:auto; color:#555; line-height:2;}
.about_c img{ max-width:100%; height:auto;}
.contact_c{  width:980px; margin:0 auto; padding:5px 0 20px; height:auto; color:#555; line-height:2;}
@media(max-width:767px){
	.side_right{ width:100%; min-height:30px; padding:5px 10px 40px;}
	.side_right .location{  height:41px; line-height:40px;}
.about_c{ width:100%; padding:5px 5px 0; height:auto; color:#555; font-size:15px; line-height:2;}
.about_c img{ max-width:100%; height:auto;}
.contact_c{ width:100%; padding:5px 5px 0; height:auto; color:#555; font-size:15px; line-height:2;}
}
.link{ width:100%; height:auto;}
.link li{  width:200px; float:left; margin:20px 20px 5px;}
.link li img{ border:3px #999 solid; width:194px; height:auto;}
.link li span{ text-align:center; padding-top:5px; display:block; font-size:14px;}

.news_con{ width:100%; padding:0;}
.news_con ul{ width:100%; height:auto;}
.news_con ul li{ float:left; border-bottom:#ddd 1px dashed; padding:0 0 15px; margin-bottom:15px; width:100%; position:relative;}
.news_con ul li a{ display:inline-block; line-height:25px; max-width:100%;}
.news_con ul li span{ display:block; width:100%; margin-top:3px;} 
.news_con ul li span em{ display:block; font-size:12px; color:#999; line-height:24px;}
.news_con ul li dl{ float:right; width:100%; color:#333;}
.news_con ul li dt{ float:left; width:85px;height:88px;background:#d5d5d5;color:#fff;text-align:center; border-radius:6px;}
.news_con ul li dt i{ display:block; font-size:36px; font-weight:600; height:52px; line-height:52px; margin-top:3px; font-style:normal;}
.news_con ul li dt span{ display:block; background:#fff; height:1px; width:100%;}
.news_con ul li dt em{ display:block; font-size:14px; font-weight:normal; font-style:normal; line-height:30px;}
.news_con ul li dd{ float:right; width:990px; overflow:hidden;}
.news_con ul li dd h5{ font-size:16px; font-weight:600; color:#333; height:30px; line-height:30px;-webkit-transition: background .4s;transition: background .4s;}
.news_con ul li dd h5 a{ color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_con ul li dd span{ display:block; font-size:14px; color:#666; line-height:26px; margin-top:5px;}
.news_con ul li:hover{ cursor:pointer;}
.news_con ul li:hover a{ color:#009c82;}
.news_con ul li:hover dt{background:#009c82;}

.case_list{ width:100%; margin:0; height:auto;}
.case_con{ width:100%; margin-top:10px;}
.case_con ul{ width:100%;}
.case_con ul li{ float:left; position:relative; width:23.5%; margin:0 2% 20px 0;}
.serList.case_con ul li{ width:31.333%;}
.case_con ul li:nth-child(4n){ margin-right:0;}
.serList.case_con ul li:nth-child(3n){ margin-right:0;}
.serList.case_con ul li:nth-child(3n+1){ margin-right:3%;}
.serList.case_con ul li:nth-child(3n+2){ margin-right:3%;}
.case_con ul li .img{ padding:2px; border:1px solid #e1e1e1; border-radius:5px; display:block; width:100%; overflow:hidden;}
.case_con ul li .img img{ width:100%; height:auto;}
.serList.case_con ul li .img{ height:186px; position:relative; padding:0;}
.serList.case_con ul li .img img{ position:absolute; top:50%; left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.case_con ul li .tit{ text-align:center;}
.case_con ul li .tit a{display:block;font-size:15px;color:#333;margin-top:5px;}
.case_con ul li:hover img{ border-color:#009c82;}
.case_con ul li:hover a{ color:#009c82;}


.atlasList{ padding-bottom:50px;}
.atlasCon{ width:100%; height:100%; overflow:visible; position:relative;}
.atlasCon ul{ width:110%; height:auto; overflow:visible; padding:0;}
.atlasCon li{ width:334px; height:auto; overflow:visible; float:left;margin-bottom:15px; margin-right:24px;overflow: hidden;position:relative;box-shadow:0 0px 6px rgba(0,0,0,.25); background:#FFF; border-radius:0; border:1px solid #e2e2e2; display:inline-block; vertical-align:top;}

.atlasCon li a{ display:block;}
.atlasCon li .pic{ width:100%; height:auto;position: relative;}
.atlasCon li img{ max-width:100%; height:auto; border-radius:0 0 0 0; display:block;}
.atlasCon li .tit{/* position:absolute; left:0; right:0; bottom:-110px*/; height:42px; padding:10px; color:#333; line-height:22px; /*background:linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);*/ font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.atlasCon li a:hover .tit{ color:#009c82; text-decoration:none;}
.atlasCon li .bg{background: #009c82 none repeat scroll 0 0;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;
transition: all 400ms ease 0s;width: 100%;}
.atlasCon li .i5 {left:10%;margin:-34px 0 0 -34px;opacity:0;position:absolute;top:50%;transition:all 400ms ease 0s;}
.atlasCon li .i6 {left:90%;margin:-16px 0 0 -17px;opacity:0;position:absolute;top:50%;transition: all 400ms ease 0s;}
.atlasCon li:hover .bg {opacity: 0.8;}
.atlasCon li:hover .i5 {left: 50%;opacity: 1;}
.atlasCon li:hover .i6 {left: 50%;opacity: 1;}
.listMore{ text-align:center; font-size:16px; color:#737373;}
.listMore a{ display:inline-block; width:138px; height:38px; border:1px solid #1a1a1a; text-align:center; overflow:hidden;-webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:4px;color:#1a1a1a; line-height:36px;}
.listMore a:hover{ border:1px solid #009c82; color:#009c82;}
@media (max-width: 767px) {
	.atlasCon{ padding:0; position:relative;}
	.atlasCon{ width:100%;}
	.atlasCon ul{ width:100%;}
	.atlasCon ul li{ width:calc(50% - 8px); height:auto; margin-bottom:15px; margin-right:8px;}
	
	.atlasCon ul li .tit{padding:5px; height:auto; line-height:20px;}
	.atlasCon ul li a:hover .tit{ color:#0B98DE; text-decoration:none;}
	
	
}




.page{ width:100%; margin:15px 0 0; height:auto;text-align:center;font-size:16px;color: #666666; font-family:'Conv_HelveticaNeueLT-ThinExt',"Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;}
.page a,.page span{vertical-align: middle;display: inline-block;width:36px;height:36px;color: #666666;line-height:34px;text-align: center;border-radius: 50%;margin: 0 7px;border:1px solid rgba(0, 0, 0, 0.2);border-radius:50%;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.page a.on,.page a:hover{background-color:#009c82; border-color:#009c82;color: #ffffff;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.page .none{ display:none !important;}
#page1{ display:none;} 

@media(max-width:767px){
	.news_con{ width:100%; float:left; padding-top:0;}
	.news_con ul li dt{ display:none;}
	.news_con ul li dd{ width:100%; padding:0 5px;}
	.news_con ul li dd span{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	
	.case_con{ width:100%; float:left; margin-top:0;}
	.case_con ul{ float:left; width:100%; margin-left:0;}
	.case_con ul li{ float:left; position:relative; width:50%; padding:0 5px 10px; margin:0;}
	.serList.case_con ul li{ width:50%;}
	.serList.case_con ul li:nth-child(3n+1){ margin-right:0;}
	.serList.case_con ul li:nth-child(3n+2){ margin-right:0;}
	.case_con ul li .img{ width:100%; height:auto;}
	.serList.case_con ul li .img{ height:95px;}
	.serList.case_con ul li .img img{ min-height:95px; width:auto}
	.case_con ul li .tit{ text-align:center;}
	.case_con ul li .tit a{display:block;font-size:14px;color:#333;margin-top:5px;}
	.case_con ul li a .img01{ position:absolute; top:15px; left:15px; display:none;}
	.case_con ul li:hover .img01{ display:block;}
	
	/*page*/
	.page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:10px;margin-bottom:10px;}
	#page1 a{ display:inline-block; margin-right:1px; padding:8px 14px; background:#009c82; border-radius:5px; color:#FFF; font-size:15px;}
	#page1 a.num{ text-decoration:underline; color:#009c82; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:8px 14px; }

}

.display_con{ width:980px; margin:0 auto; color:#666; min-height:300px; padding:0;}
.dis_title{ width:100%; text-align:center;padding-bottom:10px;border-bottom: 1px dashed #ededed;margin-bottom:10px; }
.dis_title.bornone{ border-bottom:none; margin-bottom:0; padding:0;}
.dis_title h4{ text-align:center; margin:0; padding:5px 0; font-size:20px; font-weight:bold; line-height:40px;}
.dis_title span{ color:#737373; font-size:14px; display:block; width:100%; line-height:30px;}
.d_c{ font-size:16px; line-height:2; padding:10px 0 20px; width:100%; height:auto; color:#555;}
.d_c em,.d_c i{ font-style:italic;}
.d_c b{ font-weight:bold;}

.pages{ width:100%; margin-top:10px; height:auto; float:left;}
.pages div{ height:40px; line-height:40px; border-bottom:0 dotted #CCC;}
.pages span{ font-size:16px; color:#333;}
.pages a{ color:#666;}
.pages a:hover{ color:#009c82;}



.dis_img{ width:100%; height:auto; text-align:center;}
.dis_img img{ max-width:80%; height:auto; border:1px solid #CCC;}
#shuiyinDiv img{ max-width:90%; height:auto;}

@media(max-width:767px){
.display_con{ width:100%; color:#666; min-height:300px; padding:0 5px;}
.dis_title{padding-bottom:10px;border-bottom: 1px dashed #ededed;margin-bottom:10px; }
.dis_title span{ line-height:1.5; font-size:12px;}
.dis_title h4{ font-size:18px;}
.dis_title.bornone h4{ padding:5px 0 0;}
.d_c{ font-size:15px;}
.d_c img{ max-width:98%; height:auto;}

.pages div{ height:auto; line-height:24px; border-bottom:0 dotted #CCC;}
.pages>div{ padding:5px 0;}
.pages span{ font-size:15px; color:#333;}

.btn {display: inline-block;padding:0; margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}	
}
@font-face{font-family:"futuracondensed";src:url('/style/fonts/futuracondensed.eot?1547235290');src:url('/style/fonts/futuracondensed.eot?&1547235290#iefix') format('embedded-opentype'),url('/style/fonts/futuracondensed.woff2?1547235292') format('woff2'),url('/style/fonts/futuracondensed.woff?1547235290') format('woff'),url('/style/fonts/futuracondensed.ttf?1547235290') format('truetype');font-weight:400;font-style:normal}


.newsCon{ width:1200px; height:auto; margin:0 auto; padding:80px 0 80px;display:flex;justify-content: space-between; position:relative;}
.newsCon .left{ width:40%;padding-right:30px;}
.news_title{}
.news_title:before{content:"";display:inline-block;width:30px;height:1px;background-color:#000;margin-bottom:24px;}
.news_title h1 {font-size:24px;line-height: 36px;color: #000;letter-spacing:1px;}
.news_tags{ margin-top:45px;}
.news_tags p, .news_tags p a{font-size:14px;line-height: 1.7;color: #999;}
.news_tags p{margin-bottom:10px;}
.news_tags span{display: inline-block;width:124px;font-family: "futuracondensed";color: #333;font-weight: bold;}
.news_share{ margin-top:45px;}
.news_share span{width: 124px;font-size: 14px;font-family: "futuracondensed";color: #333;font-weight: bold;display: inline-block;vertical-align: middle;}
.news_share .box{display: inline-block;vertical-align: middle;}
.news_share .box a{-moz-transition:color .4s;-o-transition:color .4s;-webkit-transition:color .4s;transition:color .4s;display:inline-block;vertical-align:middle;font-size:20px;color:#999;margin:0 10px}
.news_share .box a:hover{color:#000}
.newsCon .right{width:60%;font-size: 16px;line-height:1.8;color: #999;letter-spacing: 1px;}
.newsCon .news_func{position: absolute;left:0;bottom:82px;width:40%;}
.newsCon .news_func a{display:inline-block;vertical-align:middle}
.ns-arrow i,.ns-arrow span{-moz-transition:color .4s;-o-transition:color .4s;-webkit-transition:color .4s;transition:color .4s;display:inline-block;vertical-align:middle}
.ns-arrow i{font-size:22px;color:#333}
.ns-arrow span{font:bold 24px/24px "futuracondensed";color:#333;text-transform:uppercase;letter-spacing:1px}
.ns-arrow:hover i,.ns-arrow:hover span{color:#999}
.ns-prev i{margin-right:10px}
.ns-next i{margin-left:10px}
.back-icon{width:20px;margin:0 45px;display: flex;justify-content: space-between;flex-wrap:wrap;}
.back-icon i{-moz-transition:background .4s;-o-transition:background .4s;-webkit-transition:background .4s;transition:background .4s;display:inline-block;vertical-align:middle;width:8px;height:8px;background-color:#000;margin:1px;}
.back-icon:hover i{background-color:#999}
.ns-back span{ display:none;}

.smBox{ background:#efefef; padding:10px 15px; margin:15px 0 0; font-size:14px; line-height:2; color:#888; letter-spacing:0;}




.xgtj{ padding:30px 0 0;}
.xgtj .xgTit{ border-top:0px solid #eee; font-size:22px; color:#333; position:relative; padding:10px 0 0 18px;}
.xgtj .xgTit:after{content:'';display:block; width:4px; height:20px; background:#232323; position:absolute; left:0; top:16px;}
.xgList{ padding:25px 0 50px;}
.xgCon{ width:100%; height:100%; overflow:visible; position:relative;}
.xgCon ul{ width:110%; height:auto; overflow:visible; padding:0;}
.xgtj li{ width:316px; height:auto; overflow:visible; float:left;margin-bottom:15px; margin-right:16px;overflow: hidden;position:relative;box-shadow:0 0px 6px rgba(0,0,0,.25); background:#FFF; border-radius:0; border:1px solid #e2e2e2; display:inline-block; vertical-align:top;}
.xgtj li a{ display:block;}
.xgtj li .pic{ width:100%; height:auto;position: relative; overflow:hidden;}
.xgtj li .pic>img{ max-width:100%; height:auto; border-radius:0 0 0 0; display:block;}
.xgtj li .tit{ height:42px; padding:10px; color:#333; line-height:22px; font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xgtj li a:hover .tit{ color:#009c82; text-decoration:none;}
.xgtj li .bg{background: #009c82 none repeat scroll 0 0;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;
transition: all 400ms ease 0s;width: 100%;}
.xgtj li .i5 {left:10%;margin:-34px 0 0 -34px;opacity:0;position:absolute;top:50%;transition:all 400ms ease 0s; width:auto !important; height:auto !important;}
.xgtj li .i6 {left:90%;margin:-16px 0 0 -17px;opacity:0;position:absolute;top:50%;transition: all 400ms ease 0s; width:auto !important; height:auto !important;}
.xgtj li:hover .bg {opacity: 0.8;}
.xgtj li:hover .i5 {left: 50%;opacity: 1;}
.xgtj li:hover .i6 {left: 50%;opacity: 1;}
@media (max-width: 767px) {
	.xgCon{ padding:0; position:relative;}
	.xgCon{ width:100%;}
	.xgCon ul{ width:100%;}
	.xgtj ul li{ width:calc(50% - 8px); height:auto; margin-bottom:15px; margin-right:8px;}
	.xgtj ul li .tit{padding:5px; height:auto; line-height:20px;}
	.xgtj ul li a:hover .tit{ color:#0B98DE; text-decoration:none;}
	
	
}

#t_mask{ background-color:#000;opacity:0.5;filter: alpha(opacity=50);position:fixed;left:0;top:0;bottom:0;right:0;z-index:9998; display:none;}
.q_wrap{width:auto;padding:0;}
.q_wrap{ position:fixed; min-width:200px;min-height:100px; max-height:670px; z-index:9999;background-color:#fff;border-radius:4px;display:none;padding:10px;}
.show_con .t_top{overflow:hidden;height:auto;}
#t_mask{background-color:#000;opacity: 0.5;filter: alpha(opacity=50);position:fixed;width:100%;height:100%;z-index:9998;display:block;}
.q_wrap{top:50%;left:50%;display:block;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.q_wrap .t_top img{max-width:100%; width:auto; height:auto; max-height:600px;}
.q_wrap .t_detail{padding:0 34px 34px 34px;}
.q_wrap .t_jj{width:100%;height:auto;margin:10px 0 5px;text-align:center;line-height:22px;font-size:18px;color:#009c82;}
.q_wrap p{font-size:16px;color:#666;line-height:1.9em;letter-spacing: 1px;}
.q_wrap .t_top{width:100%;height:auto;margin:0 auto;background:#fff;overflow: hidden;}
.q_wrap .t_jj span{ font-size:14px; margin-left:5px; color:#9499a8;}
.q_wrap .t_top img{display:block; margin:0 auto; border:1px solid #efefef;}

@media(max-width:767px){
	.q_wrap{width:90%;padding:0;}
	.q_wrap{ min-width:90%;min-height:300px; max-height:90%; overflow-y:auto;}
	.show_con .t_top{overflow:hidden;height:auto; }
	.q_wrap{top:50%;left:50%;margin-left:0;margin-top:0;display:block;transform:translate(-50%,-50%)}
	.q_wrap .t_detail{padding:0 15px 15px 15px;}
	.q_wrap .t_jj{ margin-bottom:15px;font-size:16px;}
	.q_wrap p{font-size:14px;color:#666;line-height:1.8;letter-spacing:0;}
}