/* CSS Document */
body { height:100%; min-width:1020px;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"微软雅黑"; color:#555;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
div{margin:0 auto;}
img ,embed{ border:none;}
table{ border-collapse:collapse;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden;}
.h70{ width:100%; height:150px;}
.FFs{ font-family:"宋体";}
.clear{ clear:both;}
.w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative;}
@media(max-width:767px){
body{ min-width:300px !important; max-width:640px;}
body{ background:#ebebeb;color:#878787;font:.8em "微软雅黑"; margin:0 auto;}
.auto_img{width:100%;}
.w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#ebebeb;}
}

/*header*/
.navbar-fixed-top{ position:relative;z-index:19;}
#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:#b7b7b7}
.navbar-nav > li > a{ line-height:inherit;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#b7b7b7;background-color:inherit}
.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:24px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}

#header{width:100%;height:auto;clear:both;z-index:19;background:#fff;min-width:1200px;overflow:visible;}
.toper{ background:#143f76; height:32px; line-height:31px;}
.toper_l{ float:left; color:#FFF;}
.toper_r{ float:right; font-size:14px; color:#FFF; background:url(/images/tel.png) 0 3px no-repeat; padding-left:30px;}
.toper_r a{color:#FF9D9D;}
.toper_r a:hover{color:#fff;}
.toper_r i{padding:0 8px 0 8px; color:#f4a5a5;}
.toper_r .current{color:#fff;}

.head_bg{ width:100%; height:100%; background:#fff;}
.head{ overflow:visible;}
.head .logo{ float:left; position:relative;}
.head .logo a{ display:block; margin:22px 0;}
.head .logo img{ max-width:100%; height:auto;}

.head .menu{ float:right; width:auto; padding:26px 0 23px 0;}
.menu .nav{ width:100%; height:auto;}
.menu li{ float:left; min-width:67px; font-size:14px; padding:0 34px; background:url(../images/icon_nav.png) 0 30px no-repeat; position: relative;}
.menu1 li{ padding:0 28px;}
.menu li.home{ background:none;}
.menu li>a{min-width:67px; display:block; width:100%; font-size:10px; color:#b7b7b7; line-height:24px; padding:0 0 20px;}
.menu li>a em{ font-style:normal; text-transform:uppercase;}
.menu li>a span{ display:block; font-size:16px; color:#333; line-height:20px;}
.menu li>a:hover{background:url(../images/icon_nav_bottom.png) 0 100% no-repeat;}
.menu li>a.on{ background:url(../images/icon_nav_bottom.png) 0 100% no-repeat;}
.menu li>a:hover span,.menu li>a.on span{ color:#74d3f6;}

.menu li .sub{min-width:445px;z-index:99;display:none;background:#fff;position:absolute;top:63px;left:0;overflow:hidden;padding:24px 0 0;}
.menu li dl{border-top:1px solid #dcdbd2; padding:10px; height:160px;}
.menu li dl dt{ float:left; width:285px; height:140px;}
.menu li dl dd{ float:left; padding:0 0 0 10px; height:140px;}
.menu li dl dd a{ display:block; height:35px; padding:0 20px;line-height:35px; position:relative; overflow:hidden; color:#333;}
.menu li dl dd a:hover{background: none;}
.menu li dl dd a i{width:0; height:0; top: 50%; margin-top:-5px; left: 8px; border:5px solid transparent; _border-color: tomato;  _filter: chroma(color=tomato); position: absolute; border-left-color: #585858; overflow:hidden; pointer-events: none;}
.menu li dl dd a.current{ color:#74d3f6;}
.menu li .sub_case{ width:540px; left:-124px;}
.menu li .sub_media{ width:550px; left:-154px;}
.menu li .sub_news{ left:-164px;}
.menu li .sub_job{ left:-299px;}
.menu li .sub_case dl dd{ width:210px;}
.menu li .sub_case dl dd a{ float:left; width:110px;}
.menu li .sub_case dl dd a:nth-child(2n){ padding:0 0 0 20px; width:90px;}
.menu li .sub_media dl dd{ width:240px;}
.menu li .sub_media dl dd a{ float:left; width:110px;}
.menu li .sub_media dl dd a:nth-child(2n){ padding:0 0 0 20px; width:115px;}
.menu li dl dd a:hover{ color:#74d3f6;}
   
.collapse.in{display:block;visibility:visible}
@media(min-width:767px){
.navbar-collapse.collapse {display:block !important;height:auto !important;overflow:visible !important;visibility:visible !important; border:0 !important;}
.container{ padding:0; width:auto; height:100%;}
.nav ul li a.dropdown-toggle:hover{ color:inherit;}
.navbar-right{ margin-right:0;}
}

.header_icon{float:right; height:59px; margin:20px 0 0; display:none;}
.header_icon li{ float:left; margin-left:10px;}
.header_icon a{ position:relative; display:block; width:38px; height:38px; display:block; border:1px solid #aaa;  border-radius:50%;}
.header_icon a:hover{ border:1px solid #0c7adc; background:#0c7adc;}
.header_icon i{width:21px; height:17px; float:left; background:url(../images/icon_headernav.png) no-repeat; margin:9px 0 0 7px;}
.header_icon .weixin{ background-position:0 0;}
.header_icon a:hover .weixin{background-position: 0 -17px;}
.header_icon .qq{background-position:-21px 0;}
.header_icon a:hover .qq{background-position:-21px -17px;}
.header_icon .shop{background-position:-42px 0;}
.header_icon a:hover .shop{background-position:-42px -17px;}
.header_icon .design{background-position:-63px 0;}
.header_icon a:hover .design{background-position:-63px -17px;}
.header_icon img{ display:none; margin-left:-50px; position:absolute; left:0; top:80px; display:none; width:140px; height:140px; border:1px solid #ddd; z-index:99999;opacity:1 !important;}

@media(max-width:767px){
	#header{ width:100%; height:auto; clear:both;min-width:100%; overflow:visible; background:#fff;}
	.head_bg{ width:100%; margin:0; padding:0; height:auto; min-width:100%;border-bottom:1px solid #eee;}
	.header_t,.toper{ display:none;}
	.head .logo{ margin:5px 0;}
	.head .logo a{ display:block; height:auto; margin:14px 5px; width:100%;}
	.head .logo img{ max-width:100%; width:auto; height:50px;}
	#site_header .navbar-header{ display:block;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color:#fff;}
	.navbar-collapse{ padding:9px 0;}
	.menu .container{ width:100%; margin:0 auto;}
	.head .menu{ border:0; height:auto !important; position:absolute; top:89px; right:0; width:50%; overflow:hidden; float:none;padding:9px 0; z-index:999999999;}
	.menu ul{ height:auto; overflow:hidden; margin:0; text-align:center; float:none; width:100%;}
	.menu ul li{ width:100%; height:auto; margin:0; float:none; line-height:1.5;padding-right:0;}
	.menu ul li h3,.menu ul li.cur h3{ background:none;}
	.menu .line{ display:none;}
	.navbar-default .navbar-nav>li>a{color:#303030;}
	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#b7183e;background:none}
	.menu ul li{ padding:0;background:none;}
	.menu ul li>a{display:block;width:auto;height:auto;transition:all 0s; margin-right:0;line-height:20px;color:#303030; font-size:15px; padding:8px 27px; font-weight:normal;}
	.menu ul li em{ display:none;}
	.menu li>a:hover{background:none;}
	.menu li>a.on{ background:none;}
	.menu li a.on{ color:#74d3f6;}
	.header_r{ display:none;}	
	.navbar-default .navbar-toggle .icon-bar{background-color:#000}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:1000px;}
	.menu li a span{ position:relative; height:auto;}
	.menu li .sub{ display:none !important;}
	.navbar-collapse{-webkit-box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);	  -webkit-overflow-scrolling:touch;}
}

/*banner*/
.width1200{ width:1180px; margin:0 auto; padding-bottom:1px; position:relative;}
.banner{overflow:hidden; width:100%; position:relative;}
.wxBanner{ text-align:center;}
.wxBanner >ul{ position:relative;}
.bannerList ul>li{ position:absolute;}
.banner .wxBanner.bannerList{ height:560px}
.wxBanner .first {}
.wxBanner .first .b1{ left:50%; top:110px; margin-left:-600px;}
.wxBanner .first .b2{ left:50%; top:110px; margin-left:-600px;}
.wxBanner .two {}
.wxBanner .two .b1{ left:0; top:120px;}
.wxBanner .two .b2{ left:620px; top:300px;}
.wxBanner .twos .b1{ left:-36px; top:50px;}
.wxBanner .twos .b2{ right:0; top:330px;}
.wxBanner .twos .b3{ width:1920px;height:80px;padding:5px 0;background-color:rgba(0,0,0,.55); left:-370px; top:450px; text-align:center;}
.wxBanner .twos .b3 img{ width:auto; height:70px;}
.wxBanner .three {}
.wxBanner .three .b1{ left:30px; top:70px;}
.wxBanner .three .b2{ left:490px; top:171px;}
.wxBanner .three .b3{ left:552px; top:295px;}
.wxBanner .first.active .b1{-webkit-animation: bounceInDown 1.5s 0s 1 linear both;animation: fadeInDown 1.5s 0s 1 linear both;}
.wxBanner .first.active .b2{-webkit-animation: bounceInUp 3s 0s 1 linear both;animation: bounceInUp 3s 0s 1 linear both;}
.wxBanner .two.active .b1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;}
.wxBanner .two.active .b2{-webkit-animation: fadeInRight 1s 0.5s 1 linear both;animation: fadeInRight 1s 0.5s 1 linear both;}
.wxBanner .two.active .b3{-webkit-animation: fadeInDown 1s 1s 1 linear both;animation: fadeInDown 1s 1s 1 linear both;}
.wxBanner .twos.active .b1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;}
.wxBanner .twos.active .b2{-webkit-animation: fadeInRight 1s 0.5s 1 linear both;animation: fadeInRight 1s 0.5s 1 linear both;}
.wxBanner .twos.active .b3{-webkit-animation: bounceInUp 1s 1s 1 linear both;animation: bounceInUp 1s 1s 1 linear both;}
.wxBanner .three.active .b1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;}
.wxBanner .three.active .b2{-webkit-animation: fadeInRight 1s 0s 1 linear both;animation: fadeInRight 1s 0s 1 linear both;}
.wxBanner .three.active .b3{-webkit-animation: zoomInUp 1s 0.5s 1 linear both;animation: zoomInUp 1s 0.5s 1 linear both;}
.switchButton.wxSwitchButton span{  top:285px}
.banner .bannerList.syBanner{ height:400px;}
.switchButton{ height:0px; width:1120px; margin:0 auto; position: relative; display:none !important; }
.switchButton span{ display:inline-block;vertical-align:top; width:60px; height:60px; z-index:6; position:absolute; top:135px; cursor:pointer;}
.switchButton span.prov{ background:url(images/prov.png); left:0;}
.switchButton span.next{ background:url(images/next.png); right:0;}
.banner .bannerList{height:350px;overflow:hidden;position:relative; width:100%; }
.banner .bannerList> li .bannerCentent{ position:relative;}
.banner .bannerList> li{display:none; text-align:center; color:#fff; font-size:14px;  width:100%; height:100%;    overflow: hidden;}
.banner .bannerList> li.active{ }
.banner .bannerSpot {position:absolute; width:100%;bottom:20px; text-align:center; width:150px\9; left: 50%\9; margin-left:-75px\9;}
.banner .bannerSpot li{display:inline-block;*display:none;width:11px;height:11px;margin-right:8px;border:1px solid #fff;cursor:pointer;border-radius:100%;}
.banner .bannerSpot li.active{ background:#fff;}
.banner .bannerSpot.syBannerSpot{bottom: 70px;}
.banner .developmentDynamics{background:rgba(50, 50, 50, 0.73);background:#000\9;height:50px; position:absolute; bottom:0; left:0; width:100%;}
.banner .developmentIcon{ background:url(images/shouyin_03.png);color:#fff;text-align:center;width:59px;height:20px;line-height:18px;position: absolute; left: -4px;top: 16px; font-size: 12px; padding-right: 5px;}
.banner01{ display:none;}
@media(max-width:767px){
	.banner{ display:none;}
	.banner01{ display:block; width:100%; height:auto; position:relative; overflow:hidden;}
	.viewports{margin:0 auto; width:100%; height:auto; overflow:hidden;}
	.picBox{ padding:0;position:relative;border-radius:3px;}
	.picBox .next{ float:right;}
	.piclist{position:relative;width:2232px;left:0;height:100%;}
	.piclist li{width:100%;height:auto;position:relative; float:left; vertical-align: top;text-align:center;font-size:0;}
	.piclist li a{ display:block;}
	.piclist li img{width:100%; height:auto;}
	.icon_num{ position:absolute;bottom:5px;left:0;text-align:center;width:100%}
	.icon_num a{background:#fff;padding:0;height:8px;width:8px;text-align:center;cursor:pointer;margin:0 2px;display:inline-block;*display:inline;zoom:1;overflow:hidden;opacity:0.5;border-radius:50%;}
	.icon_num a:hover,.icon_num .active{background:#74d3f6;color:#74d3f6;border-color:#74d3f6;opacity:0.7;}
	.swipe{visibility:hidden;position:relative;overflow:hidden}
}

/*main*/
.main0{ width:100%; height:auto; overflow:visible;background:#fff; padding:40px 0 0;}
.main0_t{ margin:0 auto; padding:20px 0 30px;}
.main0_t h2{float:left;width:475px;text-align:right;line-height:10px;color:#616161;}
.main0_t h2 i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 15px 0;text-transform: uppercase; display:block; font-style:normal;}
.main0_t span{ display:block; float:right;color:#74d3f6;font-weight:bold;font-size:46px; width:710px;}
.main0_t em{ display:none;}
.main0_cbg{ background:#efefef; padding-bottom:50px;}
.main0_l{width:590px; float:left; padding:15px 0 0;}

.main0_lt{width:100%; height:90px; padding-top:20px;}
.main0_lt h2{float:left;width:274px;text-align:right;line-height:1;color:#616161;}
.main0_lt h2 i{color:#333;font-size: 18px;font-weight:bold;padding:0 0 7px 0;text-transform: uppercase; display:block; font-style:normal;}
.main0_lt span{ display:block; float:right;color:#74d3f6;font-weight:bold;font-size:46px; width:304px;}

.main0_l h1{ overflow:hidden; text-align:center; width:100%;}
.main0_l h1 span{ display:inline-block;}
.main0_l h1 span img{ width:56px; height:auto;}
.main0_l>h2{ font-size:38px; line-height:1; overflow:hidden; text-align:center; margin-top:12px; padding-bottom:15px; color:#333;}
.main0_l h5{ color:#888888; text-align:center; letter-spacing:2px;}
.main0_l h5 a{ color:#888888;}
.main0_l h5 a:hover{ color:#666;}
.main0_l .main0_lc{ color:#444; font-size:14px; line-height:1.95em; margin-top:15px;text-align: justify;}
.main0_l h3{ overflow:hidden; margin-top:15px;}
.main0_l h3 a{ display:block; width:105px; height:32px; line-height:30px; border:1px #74d3f6 solid; text-align:center; position:relative;}
.main0_l h3 a span{ position:relative; display:block; z-index:999; text-transform:uppercase; font-size:14px; color:#74d3f6; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;}
.main0_l h3 a b{ position:absolute; width:0; height:40px; background:#74d3f6; left:0%; top:0; opacity:1; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out; z-index:90;}
.main0_l h3 a i{ position:absolute; width:0; height:40px; background:#74d3f6; right:0%; top:0; opacity:1; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out; z-index:90;}
.main0_l h3 a:hover b,.main0_l h3 a:hover i{ width:70px;}
.main0_l h3 a:hover span{ color:#fff;}
.main0_l ul{ overflow:hidden; padding-top:18px;}
.main0_l ul li{ float:left; display:inline-block; padding:0 25px; text-align:center;}
.main0_l ul li h4{ color:#74d3f6; font-size:40px; line-height:40px; height:40px; font-weight:400; font-family:晴圆, Arial;}
.main0_l ul li h4 i{ font-size:16px; font-weight:normal; font-family:Microsoft yahei; font-style:normal;}
.main0_l ul li h5{ overflow:hidden; line-height:32px; color:#555; font-size:14px;}
.main0_l ul li.no{ width:60px; height:1px; background:#e0e0e0; margin-top:40px; padding:0;}

.main0_r{ float:right; width:575px; position:relative; height:386px; padding-top:15px;}
#videoplay{width:575px;height:385px;overflow:hidden; border:2px solid #000;}
#videoplay .video-js.vjs-fluid{ height:381px;}
@media(max-width:767px){
	.main0{ width:100%; height:auto; overflow:visible;background:#fff; padding:0.5rem 0 0;}
	.main0_t{ margin:0 auto; padding:1rem 0 1.2rem;}
	.main0_t h2{float:none;width:100%;text-align:center;line-height:10px;color:#616161; display:none;}
	.main0_t span{ display:block; float:none;color:#74d3f6;font-weight:bold;font-size:1.4rem; width:100%; text-align:center;}
	.main0_t em{ font-size:0.7rem; color:#888; margin-top:0.4rem; text-align:center; font-style:normal; display:block;}
	.main0_cbg{ background:#efefef; padding-bottom:1.5rem;}
	.main0_l{width:100%; float:none; padding:1rem 0 0;}
	
	.main0_l>h2{ font-size:1.5rem; line-height:1; overflow:hidden; text-align:center; margin-top:0.8rem; padding-bottom:0.85rem; color:#333;}
	.main0_l h5{ color:#888888; text-align:center; letter-spacing:0;}
	.main0_l .main0_lc{ color:#444; font-size:0.85rem; line-height:1.95em; margin-top:15px;text-align: justify; padding:0 10px;}
	.main0_l h3{ overflow:hidden; margin-top:0.85rem; padding:0 10px;}
	.main0_l ul{ overflow:hidden; padding-top:0.9rem;}
	.main0_l ul li{ float:left; display:inline-block; padding:0 15px; text-align:center;}
	.main0_l ul li h4{ color:#74d3f6; font-size:1.6rem; line-height:1.6rem; height:1.6rem; font-weight:400; font-family:晴圆, Arial;}
	.main0_l ul li h4 i{ font-size:1rem; font-weight:normal; font-family:Microsoft yahei; font-style:normal;}
	.main0_l ul li h5{ overflow:hidden; line-height:32px; color:#555; font-size:0.8rem;}
	.main0_l ul li.no{ width:1.8rem; height:1px; background:#e0e0e0; margin-top:1.6rem; padding:0;}
	
	.main0_r{ float:none; display:none;}
}

.main1{ width:100%; height:auto; overflow:visible;background:#f7f7f7; background-size:auto 100%; padding:40px 0 50px;}
.main1_t{width:100%; margin:0 auto; padding:20px 0;}
.main1_t h1{float:left;width:475px;text-align:right;line-height:10px;color:#616161;}
.main1_t h1 i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 15px 0;text-transform: uppercase; display:block; font-style:normal;}
.main1_t span{ display:block; float:right;color:#74d3f6;font-weight:bold;font-size:46px; width:710px;}
.main1_t em{ display:none;}

.main1_sm{ padding-top:3px; width:100%; position:relative;}
.main1_sm ul{ width:1230px; height:auto; margin-top:30px;}
.main1_sm ul li{ width:284px; height:208px; float:left; margin:0 21px 0 0;}
.main1_sm ul li.s01{background:url(/images/server_bj2.png) center no-repeat;}
.main1_sm ul li.s02{background:url(/images/server_bj1.png) center no-repeat;}
.main1_sm ul li.s03{background:url(/images/server_bj3.png) center no-repeat;}
.main1_sm ul li.s04{background:url(/images/server_bj4.png) center no-repeat;}
.main1_sm ul li.s05{background:url(/images/server_bj5.png) center no-repeat;}
.main1_sm ul li.s06{background:url(/images/server_bj6.png) center no-repeat;}
.main1_sm ul li.s07{background:url(/images/server_bj7.png) center no-repeat;}
.main1_sm ul li.s08{background:url(/images/server_bj8.png) center no-repeat;}
.main1_sm ul li a{ display:block; width:284px; height:208px; float:left;}
.main1_sm ul li a .s_tit{ margin:30px 30px 20px 30px; padding-top:85px; text-align:center; line-height:2}
.main1_sm ul li a .s_tit h3{ font-size:22px; color:#333; font-weight:500; padding-bottom:5px;}
.main1_sm ul li a .s_tit span{ display:block; color:#858585; font-size:12px; padding-bottom:10px;background:url(/images/server_bottom1.jpg) bottom center no-repeat; }
.main1_sm ul li.s01 .s_tit{ background:url(/images/icon_server1.png) center top no-repeat;}
.main1_sm ul li.s02 .s_tit{ background:url(/images/icon_server2.png) center top no-repeat;}
.main1_sm ul li.s03 .s_tit{ background:url(/images/icon_server3.png) center top no-repeat;}
.main1_sm ul li.s04 .s_tit{ background:url(/images/icon_server4.png) center top no-repeat;}
.main1_sm ul li.s05 .s_tit{ background:url(/images/icon_server5.png) center top no-repeat;}
.main1_sm ul li.s06 .s_tit{ background:url(/images/icon_server6.png) center top no-repeat;}
.main1_sm ul li.s07 .s_tit{ background:url(/images/icon_server7.png) center top no-repeat;}
.main1_sm ul li.s08 .s_tit{ background:url(/images/icon_server8.png) center top no-repeat;}
.main1_sm ul li.s01 a:hover .s_tit{ background:url(/images/icon_server1hover.png) center top no-repeat;}
.main1_sm ul li.s02 a:hover .s_tit{ background:url(/images/icon_server2hover.png) center top no-repeat;}
.main1_sm ul li.s03 a:hover .s_tit{ background:url(/images/icon_server3hover.png) center top no-repeat;}
.main1_sm ul li.s04 a:hover .s_tit{ background:url(/images/icon_server4hover.png) center top no-repeat;}
.main1_sm ul li.s05 a:hover .s_tit{ background:url(/images/icon_server5hover.png) center top no-repeat;}
.main1_sm ul li.s06 a:hover .s_tit{ background:url(/images/icon_server6hover.png) center top no-repeat;}
.main1_sm ul li.s07 a:hover .s_tit{ background:url(/images/icon_server7hover.png) center top no-repeat;}
.main1_sm ul li.s08 a:hover .s_tit{ background:url(/images/icon_server8hover.png) center top no-repeat;}
.main1_sm ul li:hover{ background:#74d3f6; color: #fff; margin-top:-20px;transition: margin-top 2s;
-moz-transition: margin-top 2s;  /* Firefox 4 */
-webkit-transition: margin-top 2s;   /* Safari 和 Chrome */
-o-transition: margin-top 2s;    /* Opera */}
.main1_sm ul li:hover a .s_tit h3{ color:#fff;}
.main1_sm ul li:hover a .s_tit span{ color:#fff; background:url(/images/server_bottom2.jpg) bottom  center no-repeat;}

@media(max-width:767px){
	.main1{ width:100%; height:auto; overflow:visible;background:#f7f7f7; background-size:auto 100%; padding:1rem 0 1.1rem;}
	.main1_t{ margin:0 auto; padding:1rem 0 1.2rem;}
	.main1_t h1{float:none;width:100%;text-align:center;line-height:10px;color:#616161; display:none;}
	.main1_t span{ display:block; float:none;color:#74d3f6;font-weight:bold;font-size:1.4rem; width:100%; text-align:center;}
	.main1_t em{ font-size:0.7rem; color:#888; margin-top:0.4rem; text-align:center; font-style:normal; display:block;}
	
	.main1_sm{ padding-top:3px; width:100%; position:relative;}
	.main1_sm ul{ width:100%; height:auto; margin-top:1rem;}
	.main1_sm ul li{ width:25%; height:auto; float:left; margin:0 0 0 0; padding:0 1%;}
	.main1_sm ul li.s01{background:none;}
	.main1_sm ul li.s02{background:none;}
	.main1_sm ul li.s03{background:none;}
	.main1_sm ul li.s04{background:none;}
	.main1_sm ul li.s05{background:none;}
	.main1_sm ul li.s06{background:none;}
	.main1_sm ul li.s07{background:none;}
	.main1_sm ul li.s08{background:none;}
	.main1_sm ul li a{ display:block; width:100%; height:auto; float:left;}
	.main1_sm ul li a .s_tit{ margin:0 0 10px 0; padding-top:3.5rem; text-align:center; line-height:2}
	.main1_sm ul li a .s_tit h3{ font-size:0.8rem; color:#333; font-weight:500; padding-bottom:5px;}
	.main1_sm ul li a .s_tit span{ display:none;}
	.main1_sm ul li.s01 .s_tit{ background:url(/images/icon_server1.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s02 .s_tit{ background:url(/images/icon_server2.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s03 .s_tit{ background:url(/images/icon_server3.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s04 .s_tit{ background:url(/images/icon_server4.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s05 .s_tit{ background:url(/images/icon_server5.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s06 .s_tit{ background:url(/images/icon_server6.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s07 .s_tit{ background:url(/images/icon_server7.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s08 .s_tit{ background:url(/images/icon_server8.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s01 a:hover .s_tit{ background:url(/images/icon_server1.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s02 a:hover .s_tit{ background:url(/images/icon_server2.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s03 a:hover .s_tit{ background:url(/images/icon_server3.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s04 a:hover .s_tit{ background:url(/images/icon_server4.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s05 a:hover .s_tit{ background:url(/images/icon_server5.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s06 a:hover .s_tit{ background:url(/images/icon_server6.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s07 a:hover .s_tit{ background:url(/images/icon_server7.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li.s08 a:hover .s_tit{ background:url(/images/icon_server8.png) center top no-repeat; background-size:auto 2.5rem;}
	.main1_sm ul li:hover{ background:none; color: #333; margin-top:0px;transition: margin-top 2s;
	-moz-transition: margin-top 2s;  /* Firefox 4 */
	-webkit-transition: margin-top 2s;   /* Safari 和 Chrome */
	-o-transition: margin-top 2s;    /* Opera */}
	.main1_sm ul li:hover a .s_tit h3{ color:#333;}
}

.main2{height:auto;background-color:#fff; overflow:hidden; padding:40px 0 50px;}
.main2_tit{width:100%; margin:0 auto; padding:20px 0;}
.main2_tit h3{float:left;width:475px;text-align:right;line-height:10px;color:#616161;}
.main2_tit h3 i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 15px 0;text-transform: uppercase; display:block; font-style:normal;}
.main2_tit span{ display:block; float:right;color:#74d3f6;font-weight:bold;font-size:46px; width:710px;}
.main2_tit em{ display:none;}
.main2_con ul{ width:1230px; padding-top:30px;}
.main2_con ul li{ padding-right:12px; padding-bottom:12px; width:404px; height:auto; float:left;}
.main2_con ul li a{ display:block; width:392px; height:260px; overflow:hidden; position:relative;}
.main2_con ul li a img{width:100%;height:100%;transition:.8s;-webkit-transition: .8s;}
.main2_con ul li:hover a img{transform:1s scale(1.03);-webkit-transform: scale(1.03);}
.main2_con ul li a .desc{height:100%;color: #3b3b3b;font-size: 18px;position: absolute;top:0;left: 0;color: #fff;width:0%;background:url(/images/main2_2.png) no-repeat center;overflow: hidden; }
.main2_con ul li a .desc .con{width: 100%;display:block;text-align: center;}
.main2_con ul li a .desc ins{width:59px;height:59px;overflow:hidden;background-repeat:no-repeat;background-position:center center;display:block;margin:74px auto 23px;background:url(/images/main2_1.png) no-repeat center}
.main2_con ul li:hover a .desc{width:100%}
.tran{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;-ms-transition:all .8s ease;}

.main2_c{ display:none;}
@media(max-width:767px){
	.main2{height:auto;background-color:#fff; overflow:hidden; padding:1rem 0;}
	.main2_tit{ margin:0 auto; padding:1rem 0 1.2rem;}
	.main2_tit h3{float:none;width:100%;text-align:center;line-height:10px;color:#616161; display:none;}
	.main2_tit span{ display:block; float:none;color:#74d3f6;font-weight:bold;font-size:1.4rem; width:100%; text-align:center;}
	.main2_tit em{ font-size:0.7rem; color:#888; margin-top:0.4rem; text-align:center; font-style:normal; display:block;}
	.main2_con ul{ width:100%; padding-top:0.5rem;}
	.main2_con ul li{ padding:0 10px 10px; width:50%; height:auto; float:left;}
	.main2_con ul li a{ display:block; width:100%; height:auto; overflow:hidden; position:relative;}
	.main2_con ul li a .desc{height:auto;color:#3b3b3b;font-size:0.8rem;position:relative;top:auto;left:auto;width:100%;background:none;overflow: hidden;}
	.main2_con ul li a .desc .con{width: 100%;display:block;text-align: center; padding-top:5px;}
	.main2_con ul li a .desc ins{ display:none;}
	.main2_con ul li:hover a .desc{width:100%;}
	
}

.main3{ width:100%; height:auto; padding:40px 0 50px; background:#f5f5f5;}
.main3_t{width:100%; margin:0 auto; padding:20px 0;}
.main3_t h3{float:left;width:475px;text-align:right;line-height:10px;color:#616161;}
.main3_t h3 i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 15px 0;text-transform: uppercase; display:block; font-style:normal;}
.main3_t span{ display:block; float:right;color:#74d3f6;font-weight:bold;font-size:46px; width:710px;}
.main3_t em{ display:none;}
.main3_c{ width:100%; height:auto; padding:20px 0 0;}
.main3_cl{ float:left; width:830px;}
.main3_cl ul{ width:100%; height:auto;}
.main3_cl ul li{ width:100%; float:left;padding:18px 0; border-bottom:1px solid #dfdfdf;}
.main3_cl ul li .pic{ float:left;width:180px;height:100px;overflow: hidden;}
.main3_cl ul li .pic img{width:100%;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition: All .4s ease-in-out;}
.main3_cl ul li .pic:hover img{	transform: sale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1)}
.main3_cl ul li .info{ float:right; width:630px; padding:5px 0 0;}
.main3_cl ul li .info h1{ float:left; width:100%;font-size:17px;height:auto;font-weight:700;line-height:26px;margin-bottom:12px;position:relative;}
.main3_cl ul li .info h1 em{ float:left; display:inline-block;font-size:12px;color:#fff;background-color:#74d3f6;padding:7px 10px;border-radius:3px;margin-right:10px;	font-weight:100; font-style:normal; line-height:1;}
.main3_cl ul li .info h1 a{ float:left; display:inline-block; max-width:100%; color:#2e2e2e;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.main3_cl ul li .info span{ float:left; width:100%; font-size:13px;line-height:28px;height:56px;overflow: hidden}

.main3_cr{ float:right; width:340px; height:auto; padding:18px 0 0;}
.main3_cr img{ width:100%; height:118px;}
.main3_cr ul{ width:100%; padding:10px 10px 9px; background:#eaeaea;}
.main3_cr ul li{ width:100%; height:auto; float:left;}
.main3_cr ul li a{ float:left; padding-left:15px; background:url(images/doc.png) no-repeat center left; display:inline-block; max-width:100%; color:#333; font-size:13px; height:32px; line-height:32px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.main3_cr ul li.more{ text-align:left; height:32px;}
.main3_cr ul li.more a{ float:none; padding:0; background:none; font-size:13px; color:#222;}
.main3_cr ul li a:hover{ color:#74d3f6;}

@media(max-width:767px){
	.main3{ width:100%; height:auto; padding:0;}
	.main3_t{ margin:0 auto; padding:1rem 0 1.2rem;}
	.main3_t h3{float:none;width:100%;text-align:center;line-height:10px;color:#616161; display:none;}
	.main3_t span{ display:block; float:none;color:#74d3f6;font-weight:bold;font-size:1.4rem; width:100%; text-align:center;}
	.main3_t em{ font-size:0.7rem; color:#888; margin-top:0.4rem; text-align:center; font-style:normal; display:block;}
	
	.main3_c{ width:100%; height:auto; padding:0 0 0;}
	.main3_cl{ float:none; width:100%;}
	.main3_cl ul{ width:100%; height:auto;}
	.main3_cl ul li{ width:100%; float:left;padding:0.5rem 10px; border-bottom:1px solid #dfdfdf;}
	.main3_cl ul li .pic{ float:none; display:none;}
	.main3_cl ul li .info{ float:nonoe; width:100%; padding:0 0 0;}
	.main3_cl ul li .info h1{ float:left; width:100%;font-size:0.9rem;height:auto;font-weight:700;line-height:1.6rem;margin-bottom:0.4rem;position:relative;}
	.main3_cl ul li .info h1 em{ float:left; display:inline-block;font-size:12px;color:#fff;background-color:#74d3f6;padding:6px 10px;border-radius:3px;margin-right:10px;	font-weight:100; font-style:normal; line-height:1;}
	.main3_cl ul li .info h1 a{ float:left; display:inline-block; max-width:100%; color:#2e2e2e;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
	.main3_cl ul li .info span{ float:left; width:100%; font-size:12px;line-height:24px;height:48px;overflow: hidden}
	
	.main3_cr{ float:none; width:100%; height:auto; padding:1rem 0 0;}
	.main3_cr img{ width:100%; height:auto;}
	.main3_cr ul{ width:100%; padding:10px 10px 9px; background:#eaeaea;}
	.main3_cr ul li{ width:100%; height:auto; float:left;}
	.main3_cr ul li a{ float:left; padding-left:15px; background:url(images/doc.png) no-repeat center left; display:inline-block; max-width:100%; color:#333; font-size:13px; height:32px; line-height:32px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.main3_cr ul li.more{ text-align:left; height:32px;}
	.main3_cr ul li.more a{ float:none; padding:0; background:none; font-size:13px; color:#222;}
	.main3_cr ul li a:hover{ color:#74d3f6;}
}

.main4{ width:100%; height:auto; padding:40px 0 50px; background:#fff;}
.main4_t{width:100%; margin:0 auto; padding:20px 0;}
.main4_t h3{float:left;width:475px;text-align:right;line-height:10px;color:#616161;}
.main4_t h3 i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 15px 0;text-transform: uppercase; display:block; font-style:normal;}
.main4_t span{ display:block; float:right;color:#74d3f6;font-weight:bold;font-size:46px; width:710px;}
.main4_t em{ display:none;}
.main4_con{ width:100%; height:auto; padding-top:20px;}
.hz_partner{ width:100%; margin:10px 0 0 0; height:auto;}
.hz_partner li{ float:left; width:230px; height:auto; border:1px solid #eee; margin:0 5px 10px; position:relative; overflow:hidden; -webkit-filter: grayscale(100%);filter: grayscale(100%); text-align:center;}
.hz_partner li img{ max-width:100%; height:auto; vertical-align:middle;}
.hz_partner li:before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.hz_partner li:hover{-webkit-transition:-webkit-filter 0.5s;transition:-webkit-filter 0.5s;transition:filter 0.5s;transition:filter 0.5s,-webkit-filter 0.5s;-webkit-filter:grayscale(0);filter:grayscale(0);}
.hz_partner li:hover::before{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
@media(max-width:767px){
	.main4{ width:100%; height:auto; padding:1rem 0 1.2rem; background:#fff;}
	.main4_t{width:100%; margin:0 auto; padding:1rem 0;}
	.main4_t h3{float:none;width:100%;text-align:center;line-height:10px;color:#616161; display:none;}
	.main4_t span{ display:block; float:none;color:#74d3f6;font-weight:bold;font-size:1.4rem; width:100%; text-align:center;}
	.main4_t em{ font-size:0.7rem; color:#888; margin-top:0.4rem; text-align:center; font-style:normal; display:block;}
	.main4_con{ width:100%; height:auto; padding-top:20px;}
	.hz_partner{ width:100%; margin:10px 0 0 0; height:auto;}
	.hz_partner li{ float:left; width:48%; height:auto; border:1px solid #eee; margin:0 1% 10px; position:relative; overflow:hidden; -webkit-filter: grayscale(100%);filter: grayscale(100%); text-align:center;}
	.hz_partner li img{ max-width:100%; height:auto;}
	.hz_partner li:before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
	.hz_partner li:hover{-webkit-transition:-webkit-filter 0.5s;transition:-webkit-filter 0.5s;transition:filter 0.5s;transition:filter 0.5s,-webkit-filter 0.5s;-webkit-filter:grayscale(0);filter:grayscale(0);}
	.hz_partner li:hover::before{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
}

.m01{ width:100%; background:url(/images/m01.png) no-repeat left top; padding:70px 0;}
.mTit{ font-size:28px; color:#777; font-weight:bold;text-align:center; position:relative; padding:0 0 15px; line-height:1.5;}
.mTit span{ display:block; font-size:32px;color:#009ce1; padding:0 0; text-transform:uppercase;}
.mTit:after{ content:''; display:block; width:82px; height:4px; background:#009ce1; position:absolute; left:50%; bottom:0; margin-left:-41px;}
.m01 ul{ padding:50px 0 0;}
.m01 ul li{ float:left; width:33.333333%; height:365px; padding:65px 35px 0; position:relative; cursor:pointer;}
.m01 ul li:after{ content:''; width:100%; height:0; background:#74d3f6; transition: all 0.3s ease-in-out; position:absolute; left:0; bottom:0; z-index:1;}
.m01 ul li:nth-child(1){background-color:rgb(233, 237, 239);}
.m01 ul li:nth-child(2){background-color:rgb(213, 222, 224);}
.m01 ul li:nth-child(3){background-color:#009ce1;}
.m01 ul li .img,.m01 ul li h5,.m01 ul li p{ position:relative; z-index:5;}
.m01 ul li .img{ margin:0 auto; width:75px; height:75px;transition: all .5s;}
.m01 ul li:nth-child(1) .img{ background:url(/images/ico01.png) no-repeat center; background-size:100%;}
.m01 ul li:nth-child(2) .img{ background:url(/images/ico02.png) no-repeat center; background-size:100%;}
.m01 ul li:nth-child(3) .img{ background:url(/images/ico03.png) no-repeat center; background-size:100%;}
.m01 ul li h5{ padding:15px 0 0;color:#4a5752; font-size:30px; text-align:center; line-height:1.5;}
.m01 ul li p{ text-align:center; font-size:15px;color:#5d6763; line-height:2; padding:10px 0 0;}
.m01 ul li:nth-child(3) h5,.m01 ul li:nth-child(3) p{ color:#FFF;}
.m01 ul li:hover:after{background:#74d3f6;opacity:1; height:100%;}
.m01 ul li:hover h5,.m01 ul li:hover p{ color:#FFF;}
/*.m01 ul li:hover .img{transform: translate(0, -2px);}*/
.m01 ul li:nth-child(1):hover .img{ background:url(/images/ico01-1.png) no-repeat center; background-size:100%;}
.m01 ul li:nth-child(2):hover .img{ background:url(/images/ico02-1.png) no-repeat center; background-size:100%;}
@media(max-width:767px){
	.m01{ background:url(/images/m01.png) no-repeat left top; background-size:cover; padding:30px 10px;}
	.mTit{ font-size:1.4rem; padding:0 0 12px;}
	.mTit span{ font-size:1.2rem;}
	.mTit:after{ width:62px; height:4px; margin-left:-31px;}
	.m01 ul{ padding:2rem 0 0; display:flex;}
	.m01 ul li{ float:none; height:auto; padding:25px 10px;}
	.m01 ul li .img{ height:55px;}
	.m01 ul li h5{ padding:10px 0 0; font-size:1rem;}
	.m01 ul li p{ font-size:.9rem; line-height:1.8; padding:5px 0 0;}
}
@media(max-width:350px){
	.m01 ul li p{ font-size:.8rem;}
}

.m02{ padding:70px 0; background:#fff;}
.msTit{ width:100%; height:31px; background:url(/images/ico04.png) no-repeat center bottom;}
.msTit span{ display:block; margin:0 auto; width:210px; line-height:31px; color:#FFF; font-size:18px; text-align:center;font-weight: bold;}
.m02 ul{ padding:50px 0 0;}
.m02 ul li{ float:left; width:32.333333%; margin-right:1.5%; height:410px; padding:45px 18px;background-color:#009ce1;transition:all .3s ease-in-out; cursor:pointer;}
.m02 ul li:hover{box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.2);transform:translate3d(0, -5px, 0) scale3d(1.03, 1.03, 1);}
.m02 ul li:last-child{ margin-right:0;}
.m02 ul li img{ display:block; margin:0 auto; width:auto; height:75px; transform:rotate(0deg); transition:width 1.3s,height 1.3s,transform 1.3s;}
.m02 ul li h5{ padding:15px 0 0;color:#FFF; font-size:26px; text-align:center; line-height:1.5;}
.m02 ul li p{ font-size:15px;color:#FFF; line-height:2; padding:10px 0 0;}
.m02 ul li:hover img{ transition: width 1.3s ,height 1.3s, transform 1.3s; transition-timing-function: ease; transform: rotate(360deg);}
@media(max-width:767px){
	.m02{ padding:30px 10px;}
	.m02 ul{ padding:2rem 0 0; display:flex;}
	.m02 ul li{ height:auto; padding:25px 10px; float:none;}
	.m02 ul li:last-child{ margin-right:0;}
	.m02 ul li img{ height:55px;}
	.m02 ul li h5{ padding:10px 0 0;font-size:1rem;}
	.m02 ul li p{ font-size:.9rem;line-height:1.8; padding:10px 0 0;}
	
	.msTit{ width:100%; margin:0 auto; height:31px; background:url(/images/ico04.png) no-repeat center bottom;}
	.msTit span{ width:210px; line-height:31px; font-size:16px;}
}
@media(max-width:350px){
	.m02 ul li p{ font-size:.8rem;}
}


.m03{ padding:70px 0;background-color:rgb(242, 242, 242);}
.m3Tit{ text-align:center; font-size:32px;color:#009ce1; line-height:1.5; font-weight:bold;}
.m3Tit span{ display:block; color:#777; font-size:14px; font-weight:normal; padding:10px 0 0; line-height:1.8;}
.m03 .mCon{ padding:10px 0 0; text-align:center; position:relative;}
.m03 .mCon img{ max-width:100%; height:auto;}
.m03 .mCon img.mo{ display:none;}
.m03 .mCon .item{ position:absolute; margin:0; cursor:pointer; transition: all 0.3s ease-in-out;}
.m03 .mCon .item img{ box-shadow:0px 3px 6px rgba(0,0,0,.35);}
.m03 .mCon .icon1{ left:103px; top:158px;}
.m03 .mCon .icon1 img{border-radius:10px;}
.m03 .mCon .icon2{ left:242px; top:75px;}
.m03 .mCon .icon2 img{border-radius:10px;}
.m03 .mCon .icon3{ left:389px; top:56px;}
.m03 .mCon .icon3 img{border-radius:10px;}
.m03 .mCon .icon4{ left:553px; top:39px;}
.m03 .mCon .icon4 img{border-radius:10px;}
.m03 .mCon .icon5{ right:398px; top:51px;}
.m03 .mCon .icon5 img{border-radius:20px;}
.m03 .mCon .icon6{ right:242px; top:77px;}
.m03 .mCon .icon6 img{border-radius:13px;}
.m03 .mCon .icon7{ right:108px; top:160px;}
.m03 .mCon .icon7 img{border-radius:14px;}
.m03 .mCon .icon8{ right:233px; top:240px;}
.m03 .mCon .icon8 img{border-radius:14px;}
.m03 .mCon .icon9{ right:381px; top:263px;}
.m03 .mCon .icon9 img{border-radius:16px;}
.m03 .mCon .icon10{ left:545px; top:262px;}
.m03 .mCon .icon10 img{border-radius:20px;}
.m03 .mCon .icon11{ left:384px; top:261px;}
.m03 .mCon .icon11 img{border-radius:20px;}
.m03 .mCon .icon12{ left:238px; top:240px;}
.m03 .mCon .icon12 img{border-radius:18px;}
.m03 .mCon .item:hover{margin-top:-10px;transition:margin-top 1s;-moz-transition: margin-top 1s;  /* Firefox 4 */-webkit-transition: margin-top 1s;   /* Safari 和 Chrome */-o-transition: margin-top 1s;    /* Opera */}
@media(max-width:767px){
	.m03{ padding:30px 10px;}
	.m3Tit{ font-size:1.4rem;}
	.m3Tit span{ font-size:.9rem;padding:8px 0 0;}
	.m03 .mCon{ padding:10px 0 0;}
	.m03 .mCon img.pc,.m03 .mCon .item{ display:none;}
	.m03 .mCon img.mo{ display:block !important;}
}

.m04{ padding:70px 0; background:#fff;}
.m04>.w1200{ overflow:visible;}
.m04 .main4_con{padding:30px 0 60px;}
.m04 .hz_partner li{ -webkit-filter: grayscale(0%);filter: grayscale(0%)}
.m04 .cont{ padding:20px 0 0;}
.m04 .cont .list{ margin-top:30px; background:rgb(242, 242, 242); padding:35px;-webkit-box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);-ms-box-shadow: 0.000000px 3.000000px 5px rgba(0, 0, 0, 0.2);-o-box-shadow: 0.000000px 3.000000px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);}
.m04 .cont ul{ padding:0;}
.m04 .cont ul li{ width:32.333%; margin:0 1.5% 15px 0; float:left;}
.m04 .cont ul li:nth-child(3n){ margin-right:0;}
.m04 .cont ul li:nth-child(n+7){ margin-bottom:0;}
.m04 .cont ul li a{ display:block;}
.m04 .cont ul li img{ width:100%; height:auto; vertical-align:middle}
.m04 .cont .more{ text-align:center; font-size:36px;color:#333333;line-height:1;}
@media(max-width:767px){
	.m04{ padding:30px 0;}
	.m04 .m3Tit{ padding:0 10px;}
	.m04 .main4_con{padding:1rem 10px 2rem;}
	.m04 .hz_partner li:last-child{ display:none;}
	.m04 .cont{ padding:10px 0 0;}
	.m04 .cont .list{ margin-top:20px; padding:25px 10px;}
	.m04 .cont ul{ padding:0; display:flex;flex-wrap:wrap;}
	.m04 .cont ul li{ width:49%; margin:0 2% 15px 0; float:none;}
	.m04 .cont ul li:nth-child(2n){ margin-right:0;}
	.m04 .cont ul li:nth-child(2n+1){ margin-right:2%;}
	.m04 .cont ul li:nth-child(n+7){ margin-bottom:0;}
	.m04 .cont ul li:last-child{ display:none;}
	.m04 .cont ul li a{ display:block;}
	.m04 .cont ul li img{ width:100%; height:auto;}
	.m04 .cont .more{ text-align:center; font-size:36px;color:#333333;line-height:1;}	
}

/*footer*/
.footer_bg{ width:100%; height:auto; background:url(images/footer_bg.gif); color:#eee; font-size:14px; padding:0;}
.foot_top{max-width:1200px;margin: 0 auto;position: relative; background:url(images/footer_floor.png) no-repeat center bottom;}
.foot_top{ padding:40px 0 10px;}
.foot_top .foot_t{ border-bottom:0px solid #777; padding-bottom:20px;}
.foot_top .foot_t_l{float:right;}
.foot_top .foot_t_l dl{float:left;width:130px;margin-left:70px;}
.foot_top .foot_t_l dl.f_contact{margin-right:0; width:240px;}
.foot_top .foot_t_l dl dt a,.foot_top .foot_t_l dl dt span{margin-bottom:8px;color:#fff; padding-bottom:12px;font-size:16px; display:block; font-weight:normal; background:url(/images/f_nav_ii.gif) repeat-x bottom;}
.foot_top .foot_t_l dl dd{ margin-bottom:8px}
.foot_top .foot_t_l dl dd a{display:block;color:#eee; font-size:14px; line-height:20px;}
.foot_top .foot_t_l dl dd a:hover{ color:#74d3f6;}
.foot_top .foot_t_l dl.f_contact dd{ line-height:28px;color:#eee; font-size:14px;}

.foot_top .foot_t_r{float:left; color:#eee;}
.foot_top .foot_t_r .foot_tel{ font-size:20px;line-height:38px;padding-bottom:10px;}
.foot_top .foot_t_r .foot_tel span{ display:block; font-size:36px;padding-top:5px;}
.foot_top .foot_t_r .foot_tel em{ display:block; font-style:normal; font-size:14px;}

.flink{ text-align:left; padding:0; font-size:12px; line-height:24px;color:#999; width:1200px; margin:0 auto; text-align:center;}
.flink span{ color:#cfcfcf; display:inline-block;}
.flink a{ color:#cfcfcf; display:inline-block; margin:0 5px;}
.flink a:hover{ color:#bbb;}

.copyright{ height:auto;color:#fff; font-size:14px; padding:15px 0 5px; width:1200px; margin:0 auto; text-align:center;border-top:1px solid #9c9c9c;}
.copyright a{color:#fff;}
.copyright a:hover{color:#74d3f6;}

.index_foot,.copyright1{ display:none;}
@media(max-width:767px){
	.footer_bg{ display:none;}
	.copyright1{ display:block; color:#333; padding:1rem 10px; line-height:1.8; text-align:center;}
	.fx{ width:100%; height:auto; overflow:hidden; max-width:640px; margin:0 auto;text-align:right; position:relative; bottom:45%; z-index:9999999;}
	.wxgzh{ display:none; width:200px; height:230px; background:#FFF; position:fixed; top:50%; left:50%; margin-top:-115px; margin-left:-100px; border:1px solid #ddd;}
	.wxgzh img{ width:100%; margin:0 auto; height:auto; margin-top:5px;}
	.wxgzh i{ display:block; text-align:center; font-size:12px; height:auto; line-height:1; font-weight:normal; font-style:normal;}
	.wxgzh a.close{ font-size:13px; color:#333; position:absolute; top:2px; right:3px; font-weight:normal;opacity:1;filter: alpha(opacity=100); font-family:Tahoma, Geneva, sans-serif;}
	.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:10%;}
	.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; margin:0 auto;display: inline-block;background:#143f76;}
	#fixed-foot .h_btn{width:100%; max-width:640px; margin:0 auto;display: inline-block;text-align:center; }
	#fixed-foot .h_btn .f_mess{background-attachment: scroll; background-clip: border-box;background: url(../images/mess.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_tel{background-attachment: scroll; background-clip: border-box;background: url(../images/h_tel.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_kf{background-attachment: scroll; background-clip: border-box;background: url(../images/h_qq.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_share{ border-right:0px;background-attachment: scroll; background-clip: border-box;background: url(../images/h_share.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn a{ cursor:pointer; border-left: 1px dotted #EEE;border-right: 1px dotted #333; display:block; color:#FFFFFF;float: left; padding:5% 0 0; font-weight:bold; text-align: center;width:25%;}
	#fixed-foot .h_btn a span{ display:block;font-size:15px; line-height:2;}
	
	.bd_weixin_popup *{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
	.bd_weixin_popup{ width:250px !important; height:300px !important;}
}

.inbanner{ background:url(images/inbanner.jpg) center no-repeat; height:350px; width:100%;}
.inbanner img{ display:none;}
@media(max-width:767px){
	.inbanner{ background:none; height:auto; width:100%;}
	.inbanner img{ display:block; max-width:100%; height:auto;}
}

/*content*/
.content{ height:auto; overflow:visible; margin:0 auto; min-height:400px; padding:0;}
.side_left{ width:100%; height:auto; float:none; position:relative; background:#f2f2f2; padding:20px 0 0;}
.sd_nav{ position:relative;}
.side_menu{ float:none; position:relative; margin-top:0; height:auto; width:100%; text-align:center;}
.side_menu li{ height:auto; width:auto; padding:0 25px; margin:0 58px; font-size:14px; display:inline-block; vertical-align:middle; border-bottom:1px solid #f2f2f2;}
.case_nav .side_menu li{ margin:0 35px;}
.about_nav .side_menu li{ margin:0 54px;}
.side_menu li a{width:100%; display:inline-block; position:relative; text-align:center;}
.side_menu li img{ margin:0 auto 2px;}
.side_menu li a .h_xs{ display:block;}
.side_menu li a .h_yc{ display:none;}
.side_menu li a span{ display:block; color:#333; font-size:14px; line-height:40px; padding-bottom:5px;}
.side_menu li:hover a .h_xs,.side_menu li.curr a .h_xs{ display:none;}
.side_menu li:hover a .h_yc,.side_menu li.curr a .h_yc{ display:block;}
.side_menu li:hover,.side_menu li.curr{ border-bottom:1px solid #74d3f6;}
.side_menu li:hover a span,.side_menu li.curr a span{ color:#74d3f6;}
.boxRound{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
@media(max-width:767px){
	.content{ height:auto; overflow:visible; margin:0 auto; min-height:400px; padding:0;border-bottom:0 solid #ccc; background:#FFF;}
	.side_left{ width:100%; margin-left:0; height:auto; float:left;border-right:0 solid #dfdfdf; position: relative; padding:0;}
	.sidebar_icon_bg1,.sidebar_icon_bg2,.sidebar_en,.sidebar_title,.sidebar_contact{ display:none;}
	.sd_nav{ position:relative;}
	
	.side_menu{ float:left; position:relative; margin:0; width:100%;}
	.snone{ display:none;}
	.side_menu li{ height:auto; width:25%; margin:0; padding:10px 5px; line-height:1; font-size:14px; float:left;border-bottom:none;}
	.case_nav .side_menu li{ width:33.333%;}
	.case_nav .side_menu li{ margin:0;}
	.about_nav .side_menu li{ width:33.333%; margin:0;}
	.side_menu li a{width:100%; padding:5px 0; text-align:center;  display:inline-block; position:relative; color:#333; border-radius:5px; background:none; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;border:0 solid #ccc;}
	.side_menu li a .h_xs{ display:none;}
	.side_menu li a .h_yc{ display:none;}
	.side_menu li a span{ display:block; color:#333; font-size:14px; line-height:20px; padding-bottom:5px;}
	.side_menu li:hover a .h_xs,.side_menu li.curr a .h_xs{ display:none;}
	.side_menu li:hover a .h_yc,.side_menu li.curr a .h_yc{ display:none;}
	.side_menu li:hover,.side_menu li.curr{ border-bottom:0px solid #74d3f6;}
	.side_menu li span,.side_menu li a.curr s,.side_menu li a.curr span,.side_menu li a.curr i{ display:none;}
	.side_menu li a.curr:hover{ color:#fff;}
}

.side_right{ width:100%; float:left;margin:0;padding:0;}

.right_con{ width:100%; padding:0; height:auto; overflow:hidden;}
.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin:0; padding:30px 0 0; color:#333;}
.infor img{ height:auto; overflow:hidden; max-width:100%;}
.map{ margin-top:10px;}
.infor a{ color:#666;}
.right_con table{ border:1px solid #CCC;}
.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
.about_c{ width:800px; color:#666; line-height:2; float:left;}
@media(max-width:767px){
	.infor,.contact{  padding:20px 10px 0;}	
	.aboutImg{float:none !important; padding:0 !important; margin:0 auto; display:block;}
}

.about_con{ width:100%; height:auto; padding:0 0 0;}
.about01{ height:auto; overflow:hidden;}
.about01_tit{ position:relative; padding:40px 0 0; width:100%; height:140px;}
.about01_tit i img{ width:100%; height:100%;}
.about01_tit i.line1{ display:block; width:30px; height:30px; position:absolute; top:40px; left:541px; z-index:177;}
.about01_tit i.line2{ display:block; width:30px; height:30px; position:absolute; top:112px; left:612px; z-index:178;}
.about01_tit i.yuan{ display:block; width:46px; height:46px; position:absolute; top:68px; left:567px; border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px; word-wrap:break-word; padding:0px; border:1px solid #000; z-index:173; font-style:normal;}
.about01_tit h2{ width:130px; height:41px; position:absolute; left:437px; top:65px; font-size:30px; line-height:1.5; color:#000; z-index:179;}
.about01_tit em{ display:block; width:48px; height:44px; text-align:center; position:absolute; left:566px; top:69px; font-weight:bold; color:#000;font-family:Arial,Helvetica,sans-serif; font-size:32px; z-index:174; line-height:44px;font-style:normal;}
.about01_tit span{ display:block; width:294px; height:27px; line-height:27px; position:absolute; left:620px; top:78px; font-size:18px; color:#000; z-index:175;}
@media(max-width:767px){
	.about01_tit{ position:relative; padding:1rem 0 0; width:100%; height:auto; z-index:1;}
	.about01_tit i img{ width:100%; height:100%; display:none;}
	.about01_tit i.line1{ display:block; width:30px; height:30px; position:absolute; top:40px; left:541px; z-index:177; display:none;}
	.about01_tit i.line2{ display:block; width:30px; height:30px; position:absolute; top:112px; left:612px; z-index:178; display:none;}
	.about01_tit i.yuan{ display:block; width:46px; height:46px; position:absolute; top:68px; left:567px; border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px; word-wrap:break-word; padding:0px; border:1px solid #000; z-index:173; font-style:normal; display:none;}
	.about01_tit h2{ width:100%; height:41px; position:relative; left:auto; top:auto; font-size:1.4ren; line-height:1.5; color:#000; z-index:179; text-align:center;}
	.about01_tit em{ display:block; width:48px; height:44px; text-align:center; position:absolute; left:566px; top:69px; font-weight:bold; color:#000;font-family:Arial,Helvetica,sans-serif; font-size:32px; z-index:174; line-height:44px;font-style:normal; display:none;}
	.about01_tit span{ display:block; width:294px; height:27px; line-height:27px; position:absolute; left:620px; top:78px; font-size:18px; color:#000; z-index:175; display:none;}
}

.about01_con{ width:100%; padding:30px 0 40px;}
.about01_con_l{ float:left; width:630px; padding-top:20px;}
.about01_con_l h1{ overflow:hidden; margin:0px 0 18px;}
.about01_con_l h1 span{ width:60px; height:2px; background:#ccc; display:inline-block;}
.about01_con_l>h2{ font-size:26px; line-height:28px; overflow:hidden; color:#333;}
.about01_con_l>h2 span{ font-size:14px; text-transform:uppercase; color:#666;}
.about01_con_l .about01_con_lc{ color:#555; font-size:16px; line-height:2; margin-top:20px;}
.about01_con_l .about01_con_ul{ overflow:hidden; padding-top:40px;}
.about01_con_l .about01_con_ul li{ float:left; display:inline-block; padding:0 25px; text-align:center;}
.about01_con_l .about01_con_ul li h4{ color:#74d3f6; font-size:40px; line-height:40px; height:40px; font-weight:400; font-family:晴圆, Arial;}
.about01_con_l .about01_con_ul li h4 i{ font-size:16px; font-weight:normal; font-family:Microsoft yahei; font-style:normal;}
.about01_con_l .about01_con_ul li h5{ overflow:hidden; line-height:32px; color:#555; font-size:14px;}
.about01_con_l .about01_con_ul li.no{ width:60px; height:1px; background:#e0e0e0; margin-top:40px; padding:0;}
@media(max-width:767px){
	.about01_con{ width:100%; padding:1rem 0 1.2rem;}
	.about01_con_l{ float:left; width:100%; padding:0.5rem 10px 1rem;}
	.about01_con_l h1{ overflow:hidden; margin:0px 0 1rem;}
	.about01_con_l h1 span{ width:60px; height:2px; background:#ccc; display:inline-block;}
	.about01_con_l>h2{ font-size:1.4rem; line-height:28px; overflow:hidden; color:#333;}
	.about01_con_l>h2 span{ font-size:0.8rem; text-transform:uppercase; color:#666;}
	.about01_con_l .about01_con_lc{ color:#555; font-size:0.95rem; line-height:1.8; margin-top:0.5rem;}
	.about01_con_l .about01_con_ul{ overflow:hidden; padding-top:40px;}
	.about01_con_l .about01_con_ul li{ float:left; display:inline-block; padding:0 25px; text-align:center;}
	.about01_con_l .about01_con_ul li h4{ color:#74d3f6; font-size:40px; line-height:40px; height:40px; font-weight:400; font-family:晴圆, Arial;}
	.about01_con_l .about01_con_ul li h4 i{ font-size:16px; font-weight:normal; font-family:Microsoft yahei; font-style:normal;}
	.about01_con_l .about01_con_ul li h5{ overflow:hidden; line-height:32px; color:#555; font-size:14px;}
	.about01_con_l .about01_con_ul li.no{ width:60px; height:1px; background:#e0e0e0; margin-top:40px; padding:0;}
}

.about01_con_r{ float:right; width:460px; position:relative; height:461px; text-align:center;}
.about01_con_r img{ margin-bottom:5px; border:1px solid #ddd;}
@media(max-width:767px){
	.about01_con_r{ float:none; width:100%; position:relative; height:auto; text-align:center; display:none;}
	.about01_con_r img{ margin-bottom:5px; border:1px solid #ddd;}
}

.a06{ width:100%; height:440px; padding:0; background:url(images/a06_bg.jpg) no-repeat 50% -40px; background-size:100% auto;}
.a06_l{ width:50%; float:left; height:100%; padding:40px 0; height:400px;}
.a06_l img{ display:none;}
.a06_r{ float:right; width:50%; padding:90px 40px;}
.a06_r h2{ font-size:26px; line-height:28px; overflow:hidden; color:#fff;}
.a06_r span{ display:block; color:#fff; font-size:16px; line-height:2; margin-top:20px; width:500px;}
@media(max-width:767px){
	.a06{ width:100%; height:auto; padding:0; background:#efefef;}
	.a06_l{ width:100%; float:none; height:100%; padding:0;}
	.a06_l img{ width:100%; height:100%; display:block;}
	.a06_r{ float:right; width:100%; padding:1.5rem 10px;}
	.a06_r h2{ font-size:1.4rem; line-height:28px; overflow:hidden; color:#333;}
	.a06_r span{ display:block; color:#666; font-size:0.8rem; line-height:2; margin-top:1rem; width:100%;}
}

.a07{ width:100%; height:440px; padding:0; background:#fff;}
.a07_r{ width:52%; float:left; height:100%; padding:20px 0 0; height:440px;}
.a07_r .mapbg {width:560px; height:400px; margin:0; background: url(../images/jj01.png) no-repeat right center; position:relative; padding-left:0;}

.a07_l{ float:left; width:48%; padding:90px 20px; background:#fff;}
.a07_l h2{ font-size:26px; line-height:28px; overflow:hidden; float:right; width:500px; color:#333;}
.a07_l span{ display:block; color:#555; font-size:16px; line-height:2; margin-top:20px; width:500px; float:right;}
.a07_img{ display:none;}
@media(max-width:767px){
	.a07{ width:100%; height:auto; padding:0; background:#fff;}
	.a07_r{ width:100%; float:none; height:100%; padding:1rem 0 0; height:auto;}
	.a07_r .mapbg {width:100%; height:auto; margin:0; background: url(../images/jj01.png) no-repeat right center; background-size:98% auto; position:relative; padding-left:0; display:none;}
	.a07_img{ display:block; width:100%; height:auto;}
	.a07_img img{ max-width:100%; height:auto;}
	
	.a07_l{ float:none; width:100%; padding:1rem 10px; background:#fff;}
	.a07_l h2{ font-size:1.4rem; line-height:28px; overflow:hidden; float:none; width:100%; color:#333;}
	.a07_l span{ display:block; color:#555; font-size:0.8rem; line-height:2; margin-top:1rem; width:100%; float:none;}
}

.a08{ width:100%; height:440px; padding:0; background:url(images/a08_bg.jpg) no-repeat 50% -180px; background-size:100% auto;}
.a08_l{ width:50%; float:left; height:100%; padding:40px 0; height:400px;}
.a08_l img{ width:100%; height:100%; display:none;}
.a08_r{ float:right; width:44%; padding:90px 40px 0;}
.a08_r h2{ font-size:26px; line-height:28px; overflow:hidden; color:#fff;}
.a08_r span{ display:block; color:#fff; font-size:16px; line-height:2; margin-top:20px; width:440px;}
@media(max-width:767px){
	.a08{ width:100%; height:auto; padding:0; background:#efefef;}
	.a08_l{ width:100%; float:none; height:auto; padding:0;}
	.a08_l img{ width:100%; height:auto; display:block;}
	.a08_r{ float:none; width:100%; padding:1.5rem 10px;}
	.a08_r h2{ font-size:1.4rem; line-height:28px; overflow:hidden; color:#333;}
	.a08_r span{ display:block; color:#666; font-size:0.8rem; line-height:2; margin-top:1rem; width:100%;}
}

.about05{ width:100%; background:#f5f5f5; padding:40px 0;}
.about05_tit{ text-align:center; width:100%;}
.about05_tit h2{ font-size:30px; padding-bottom:15px; color:#333;}
.about05_tit i{ display:block; width:40px; height:1px; background:#333; margin:0 auto;}
.about05_tit span{ font-size:14px; display:block; color:#666; padding:10px 0;}
.about05_con{ width:100%; height:auto; padding:30px 0 25px; text-align:left;}
.about05_con span{ display:block;line-height:2; color:#666; font-size:14px; text-indent:2em;}
.about05 ul{ width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.about05 ul li{ width:25%; float:left; position:relative; overflow:hidden; display:block;}
.about05 ul li .h_again{ display:block; width:100%;}
.about05 ul li .h_again{ transition:all 0.3s linear;}
.about05 ul li:hover .h_again{ transform:scale(1.05);}
.about05 ul li .h_huisdi{ display:block; width:100%; height:100%; position:absolute; z-index:2; background:url(../images/h_04.png) repeat; top:0;}
.about05 ul li .h_huisdi img{ top:47%; position:relative; margin:0 auto; display:block;}
.about05 ul li .h_huisdi>.box{ opacity:0; position:relative; top:20%; width:100%; padding:30px;}
.about05 ul li .h_huisdi>.box span{ display:block; font-size:14px; color:#FFF; text-align:center;}
.about05 ul li:hover .h_huisdi>img{ transition:all 0.5s linear; opacity:0;}
.about05 ul li:hover .h_huisdi>.box{ transition:all 0.5s linear; opacity:1;}
@media(max-width:767px){
	.about05{ width:100%; background:#f5f5f5; padding:1.5rem 0;}
	.about05_tit{ text-align:center; width:100%;}
	.about05_tit h2{ font-size:1.6rem; padding-bottom:0.8rem; color:#333;}
	.about05_tit i{ display:block; width:40px; height:1px; background:#333; margin:0 auto;}
	.about05_tit span{ font-size:14px; display:block; color:#666; padding:10px 0;}
	.about05_con{ width:100%; height:auto; padding:1rem 10px; text-align:left;}
	.about05_con span{ display:block;line-height:2; color:#666; font-size:0.8rem; text-indent:2em;}
	.about05 ul{ width:100%; height:auto; overflow:hidden; margin-bottom:0.5rem;}
	.about05 ul li{ width:50%; float:left; position:relative; overflow:hidden; display:block;}
	.about05 ul li .h_again{ display:block; width:100%;}
	.about05 ul li .h_again{ transition:all 0.3s linear;}
	.about05 ul li:hover .h_again{ transform:scale(1.05);}
	.about05 ul li .h_huisdi{ display:block; width:100%; height:100%; position:absolute; z-index:2; background:url(../images/h_04.png) repeat; top:0;}
	.about05 ul li .h_huisdi img{ top:40%; position:relative; margin:0 auto; display:block; max-width:80%; height:auto;}
	.about05 ul li .h_huisdi>.box{ opacity:0; position:relative; top:0; width:100%; padding:10px;}
	.about05 ul li .h_huisdi>.box span{ display:block; font-size:0.8rem; line-height:1.6; color:#FFF; text-align:center;}
	.about05 ul li:hover .h_huisdi>img{ transition:all 0.5s linear; opacity:0;}
	.about05 ul li:hover .h_huisdi>.box{ transition:all 0.5s linear; opacity:1;}
}

.about06{ width:100%; height:auto; background:#fff; padding:40px 0;}
.about06_tit{ text-align:center; width:100%;}
.about06_tit h2{ font-size:30px; padding-bottom:10px; color:#333;}
.about06_tit span{ font-size:12px; display:block; color:#888; padding:0 0;}

.about06_con{ width:100%; height:auto; padding-top:30px;}
.about06_con ul{ width:100%; height:auto;}
.about06_con ul li{ width:20%; height:auto; padding:0 30px; float:left; text-align:center;}
.about06_con ul li img{ margin:0 auto 5px;}
.about06_con ul li span{ display:block; font-size:16px; margin-top:5px; color:#333;}
@media(max-width:767px){
	.about06{ width:100%; height:auto; background:#fff; padding:1.5rem 0;}
	.about06_tit{ text-align:center; width:100%;}
	.about06_tit h2{ font-size:1.6rem; padding-bottom:10px; color:#333;}
	.about06_tit span{ font-size:0.8rem; display:block; color:#888; padding:0 0;}
	
	.about06_con{ width:100%; height:auto; padding-top:1rem;}
	.about06_con ul{ width:100%; height:auto; text-align:center;}
	.about06_con ul li{ width:45%; height:auto; padding:0.5rem 10px; float:none; display:inline-block; text-align:center;}
	.about06_con ul li img{ margin:0 auto 5px; max-width:100%; height:auto;}
	.about06_con ul li span{ display:block; font-size:0.8rem; margin-top:5px; color:#333;}
}

.about02{ width:100%; height:auto; background:#f7f7f7 url(images/about02_bg.jpg) no-repeat top center; padding:0 0;}
.a02_bg{ background:url(images/about02_bg.png) no-repeat 50% 20px; height:1020px; padding:40px 0;}
.about02_tit{ text-align:center; width:100%; padding-top:40px;}
.about02_tit h2{ font-size:30px; padding-bottom:12px; color:#FFF;}
.about02_tit i{ display:block; width:40px; height:1px; background:#fff; margin:0 auto;}
.about02_tit span{ font-size:14px; display:block; color:#FFF; padding:8px 0 10px;}
.about02_con{ width:940px; height:330px; margin:0 auto; overflow:visible; padding:38px 0 0; }
.about02_con ul li{ float:left; width:100%; height:auto; margin-bottom:20px; position:relative; border:1px dashed #ddd}
.about02_con ul li .pic{ width:165px; height:210px; border:2px solid #FFF; float:left; display:none;}
.about02_con ul li .pic img{ width:100%; height:100%;}
.about02_con ul li .info{ margin:0 auto; width:100%; height:auto; background:#fff;}
.about02_con ul li .info h1{ color:#000; font-size:18px; max-width:96%; margin:0 auto; padding:12px 0 5px; line-height:1.5; font-weight:700;}
.about02_con ul li .info span{ display:block; max-width:96%; height:auto; padding-bottom:12px; overflow:hidden; line-height:25px; color:#666; font-size:14px; margin:0 auto;}
@media(max-width:767px){
	.about02{ width:100%; height:auto; background:#f7f7f7 url(images/about02_bg.jpg) no-repeat top center; padding:0 0;}
	.a02_bg{ background:none; height:auto; padding:1.5rem 0;}
	.about02_tit{ text-align:center; width:100%; padding-top:1.5rem;}
	.about02_tit h2{ font-size:1.4rem; padding-bottom:0.7rem; color:#FFF;}
	.about02_tit i{ display:block; width:40px; height:1px; background:#fff; margin:0 auto;}
	.about02_tit span{ font-size:0.7rem; display:block; color:#FFF; padding:8px 0 10px;}
	.about02_con{ width:100%; height:auto; margin:0 auto; overflow:visible; padding:1rem 10px 0; }
	.about02_con ul li{ float:left; width:100%; height:auto; margin-bottom:20px; position:relative; border:1px dashed #ddd}
	.about02_con ul li .pic{ width:165px; height:210px; border:2px solid #FFF; float:left; display:none;}
	.about02_con ul li .pic img{ width:100%; height:100%;}
	.about02_con ul li .info{ margin:0 auto; width:100%; height:auto; background:#fff;}
	.about02_con ul li .info h1{ color:#000; font-size:1rem; max-width:96%; margin:0 auto; padding:12px 0 5px; line-height:1.5; font-weight:700;}
	.about02_con ul li .info span{ display:block; max-width:96%; height:auto; padding-bottom:12px; overflow:hidden; line-height:1.8; color:#666; font-size:0.8rem; margin:0 auto;}
}


.about03{ width:100%; height:auto; background:#f5f5f5; padding:40px 0;}
.about03_tit{ text-align:center; width:100%;}
.about03_tit h2{ font-size:30px; padding-bottom:10px; color:#333;}
.about03_tit span{ font-size:14px; display:block; color:#888; padding:0 0;}

.about03_con{ width:100%; height:auto; padding-top:20px;}
.partner{ width:100%; margin:10px 0 0 0; height:auto;}
.partner li{ float:left; width:210px; height:auto; border:1px solid #eee; background:#FFF; margin:0 5px 10px; position:relative; overflow:hidden; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.partner li img{ max-width:100%; height:auto; vertical-align:middle;}
.partner li:before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.partner li:hover{-webkit-transition:-webkit-filter 0.5s;transition:-webkit-filter 0.5s;transition:filter 0.5s;transition:filter 0.5s,-webkit-filter 0.5s;-webkit-filter:grayscale(0);filter:grayscale(0);}
.partner li:hover::before{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
@media(max-width:767px){
	.about03{ width:100%; height:auto; background:#f5f5f5; padding:1.5rem 0;}
	.about03_tit{ text-align:center; width:100%;}
	.about03_tit h2{ font-size:1.6rem; padding-bottom:10px; color:#333;}
	.about03_tit span{ font-size:0.75rem; display:block; color:#888; padding:0 0;}
	.about03_con{ width:100%; height:auto; padding:1rem 10px 0;}
	.partner{ width:100%; margin:10px 0 0 0; height:auto;}
	.partner li{ float:left; width:48%; height:auto; border:1px solid #ddd; margin:0 1% 10px; background:#FFF;}
	.partner li img{ max-width:100%; height:auto;}
}

.about04{ width:100%; height:auto; background:#e9eaeb; padding:40px 0; position:relative;}
.about04_tit{ text-align:center; width:100%;}
.about04_tit h2{ font-size:30px; padding-bottom:15px; color:#333;}
.about04_tit span{ font-size:14px; display:block; color:#888; padding:0 0;}

.about04_con{ width:1000px; margin:0 auto; height:auto; padding:20px 0 20px; position:relative;}
.a04_cl{ width:520px; height:400px; background:url(../images/a04_2.png); transition:500ms; position: relative; top:10px;  float:left; font-size:24px; font-weight:bold; color:#666; line-height:62px;}
.a04_cr{ width:480px; float:right; font-size:20px; font-weight:bold; color:#666; padding-top:20px;}
.a04_cr .p1,.a04_cr .p2,.a04_cr .p3,.a04_cr .p4,.a04_cr .p5,.a04_cr .p6,.a04_cr .p7,.a04_cr .p8{transition:500ms; width:205px; height:30px; padding-left:40px; line-height:30px; background:url(../images/a04_3.png) left center no-repeat; margin:25px 15px 0 15px; position:relative; left:30px; float:left;}
.a04_cr .p9{transition:500ms; width:224px; height:52px; margin:0 0 0 50px; position:relative; top:40px; float:left;}
.a04_cr .p9 a{ width:220px; height:48px; display:block; line-height:48px; font-size:20px; color:#333; font-weight:bold; text-align:center; border:2px solid #333; border-radius:24px;}
.a04_cr .p9 a:hover{ background:#74d3f6; color:#fff; border:2px solid #74d3f6;}
.a04_b{ position:absolute; top:-35px; left:0; text-align:center; width:100%;}
.a04_b img{ margin:0 auto;}
@media(max-width:767px){
	.about04{ width:100%; height:auto; background:#eee; padding:1.5rem 0; margin-bottom:1rem; position:relative;}
	.about04_tit{ text-align:center; width:100%;}
	.about04_tit h2{ font-size:1.4rem; padding-bottom:0.8rem; color:#333;}
	.about04_tit span{ font-size:0.8rem; display:block; color:#888; padding:0 10px; line-height:1.4;}
	
	.about04_con{ width:100%; margin:0 auto; height:auto; padding:1rem 0 0; position:relative;}
	.a04_cl{ width:100%; height:16rem; background:url(../images/a04_2.png) no-repeat center top; background-size:90% auto; transition:500ms; position: relative; top:10px;  float:left; font-size:24px; font-weight:bold; color:#666; line-height:62px;}
	.a04_cr{ width:100%; float:right; font-size:0.9rem; font-weight:bold; color:#666; padding-top:1.1rem;}
	.a04_cr .p1,.a04_cr .p3,.a04_cr .p5,.a04_cr .p7{transition:500ms; width:46%; height:30px; padding-left:40px; line-height:30px; background:url(../images/a04_3.png) left center no-repeat; margin:15px 2% 0; position:relative; left:auto; float:left; float:left;}
	.a04_cr .p2,.a04_cr .p4,.a04_cr .p6,.a04_cr .p8{transition:500ms; width:46%; height:30px; padding-left:40px; line-height:30px; background:url(../images/a04_3.png) left center no-repeat; margin:15px 2% 0; position:relative; left:auto; float:left;}
	.a04_cr .p9{transition:500ms; width:224px; height:50px; margin:1rem 0 0 50px; position:relative; top:auto; float:left;}
	.a04_cr .p9 a{ width:220px; height:44px; display:block; line-height:40px; font-size:1.1rem; color:#333; font-weight:bold; text-align:center; border:2px solid #333; border-radius:24px;}
	.a04_cr .p9 a:hover{ background:#74d3f6; color:#fff; border:2px solid #74d3f6;}
	.a04_b{ position:absolute; top:-35px; left:0; text-align:center; width:100%;}
	.a04_b img{ margin:0 auto;}
}

/*服务项目*/
.service_con{ width:100%; height:auto;}

.service01{height:658px;background:url(../images/ico12.png) no-repeat center 0;padding:0 0px 40px 0; overflow:hidden;width:100%;margin:0 auto;}
.service01 .area{position: relative;top:315px;text-align:center;color:#2980b9;font-weight:bold;font-size:48px;}
.service01 li{position:absolute;cursor:pointer; width:100%;}
.service01 .pic{width:515px;margin:0 auto;position:relative;top: -22px;}
.service01 .pic li{ z-index:9;}
.service01 .pic li a{display:block;}
.service01 .pic li .Text h1{ display:none;}
.service01 .present{width:1400px;margin:0 auto;position:relative;}
.service01 .one{background:url(../images/ico26.png) no-repeat left top;width:106px;height:259px;left:30px;top:260px;}
.service01 .one a{width:106px;height:259px;}
.service01 .one:hover{background:url(../images/ico27.png) no-repeat left top;}
.service01 .two{background:url(../images/ico28.png) no-repeat left top;width:224px;height:156px;left: 140px;top:398px;}
.service01 .two a{width:224px;height:156px;}
.service01 .two:hover{background:url(../images/ico29.png) no-repeat left top;}
.service01 .three{background:url(../images/ico30.png) no-repeat left top;width:223px;height:192px;left: 262px;top:333px;}
.service01 .three a{width:223px;height:192px;}
.service01 .three:hover{background:url(../images/ico31.png) no-repeat left top;}
.service01 .four{background:url(../images/ico32.png) no-repeat left top;width:106px;height:259px;left:377px;top:130px;}
.service01 .four a{width:106px;height:259px;}
.service01 .four:hover{background:url(../images/ico33.png) no-repeat left top;}
.service01 .five{background:url(../images/ico34.png) no-repeat left top;width:224px;height:156px;left:150px;top: 95px;}
.service01 .five a{width:224px;height:156px;}
.service01 .five:hover{background:url(../images/ico35.png) no-repeat left top;}
.service01 .six{background:url(../images/ico36.png) no-repeat left top;width:224px;height:191px;left: 30px;top: 125px;}
.service01 .six a{width:224px;height:191px;}
.service01 .six:hover{background:url(../images/ico37.png) no-repeat left top;}
.service01 .Text{position: absolute;}
.service01 .Text span{font-size:12px;color:#fff; line-height:18px; display: block;width:100%;padding-left:54px;background: url(../images/ico_service.png) no-repeat left center;}
.service01 li:hover .Text span{background: url(../images/ico_service_on.png) no-repeat left center;}
.service01 .one .Text{ padding:0 40px 0 0px;width:430px;height:80px;right:68px;top:132px;background: url(../images/arrow_04.png) no-repeat bottom right;}
.service01 .two .Text{ padding:12px 60px 0 6px;width:416px;height:60px;right:138px;top:132px;background: url(../images/arrow_04.png) no-repeat center;}
.service01 .three .Text{padding: 0 6px 0 50px;width:462px;height:62px;left: 158px;top:100px; background: url(../images/arrow_03.png) no-repeat left bottom;}
.service01 .four .Text{padding: 0 6px 0 50px;width: 424px;height:95px;left: 72px;top: 42px; background: url(../images/arrow_01.png) no-repeat left bottom;}
.service01 .five .Text{padding: 0 6px 0 50px;width: 524px;height:80px;left: 125px;top: -58px; background: url(../images/arrow_01.png) no-repeat left bottom;}
.service01 .six .Text{padding:0px 20px 0 8px;width: 424px;height:115px;right:172px;top:-13px; background: url(../images/arrow_02.png) no-repeat right bottom;}
@media(max-width:767px){
	.service01{height:auto;background:url(../images/ico12.png) no-repeat center 0; background-size:auto 100%;padding:0 0px 1rem 0; overflow:hidden;width:100%;margin:0 auto;}
	.service01 .area{ display:none;}
	.service01 li{position:absolute;cursor:pointer; width:100%;}
	.service01 .pic{width:100%;margin:0 auto;position:relative;top:auto; padding:1.5rem 10px 0;}
	.service01 .pic li{ z-index:9; position:relative; left:auto; top:auto; height:auto; padding-bottom:1.5rem; background:none; width:100%;}
	.service01 .pic li a{display:none;}
	.service01 .pic li .Text h1{ display:block; font-size:1.1rem; color:#FFF; font-weight:bold; padding-bottom:0.8rem}
	.service01 .present{width:1400px;margin:0 auto;position:relative;}
	.service01 .one:hover{background:none;}
	.service01 .two:hover{background:none;}
	.service01 .three:hover{background:none;}
	.service01 .four:hover{background:none;}
	.service01 .five:hover{background:none;}
	.service01 .six:hover{background:none;}
	.service01 .Text{position:relative; padding:0px !important;width:100% !important;height:auto !important; left:auto !important;right:auto !important;top:auto !important;background:none !important;}
	.service01 .Text span{font-size:12px;color:#fff; line-height:18px; display: block;width:100%;padding-left:45px;background:url(../images/ico_service.png) no-repeat left center;}
	.service01 li:hover .Text span{background: url(../images/ico_service_on.png) no-repeat left center;}
}

.service02{ height:auto; background:#eee url(images/s02_bg.png) no-repeat center top;} 
.s02_con{position:relative;width:100%; height:1050px; max-width:1100px;margin:0 auto;}
.s02_con dl{ width:300px; height:90px;}
.s02_con dl dt{ color:#143f76; font-weight:bold; font-size:50px; float:left; line-height:90px; width:100px; text-align:right;}
.s02_con dl dd{ width:195px; float:right;}
.s02_con dl dd i{ display:block; font-style:normal; font-size:14px; color:#143f76; margin-top:20px;}
.s02_con dl dd span{ display:block;  font-size:16px; color:#434343;}
.s02_ct01{ position:absolute; top:50px; left:50px;}
.s02_ct02{ position:absolute; top:50px; left:400px;}
.s02_ct03{ position:absolute; top:50px; left:770px;}

.service02 h4{ width:100%; text-align:center; font-size:36px; color:#333; padding:0; font-weight:700; position:absolute; top:230px;} 
.service02 h4 span{ color:#333}
.s02_list{ position:absolute; top:340px; left:40px; width:1020px; height:655px; background:#FFF;}
.service02 ul{ width:940px; margin:0 auto; height:auto; overflow:hidden; position:absolute; top:0; left:40px;}
.service02 ul li{ width:100%; height:139px; padding:10px 0 10px 248px; margin:0 0 22px; float:left; position:relative; overflow:hidden; cursor:pointer;}
.service02 ul li.s02_cb01{ background:url(images/s02_cb01.png) no-repeat center;}
.service02 ul li.s02_cb02{ background:url(images/s02_cb02.png) no-repeat center;}
.service02 ul li.s02_cb03{ background:url(images/s02_cb03.png) no-repeat center;}
.service02 ul li.s02_cb04{ background:url(images/s02_cb04.png) no-repeat center;}
.service02 ul li h1{ font-size:18px; color:#000; font-weight:700; padding:0 0 6px; text-align:left; line-height:1;}
.service02 ul li .info{ width:100%; line-height:1.75; font-size:14px; color:#444; padding:0 10px 0 0;}
.service02 ul li .info span{ display:block;}
.service02 ul li.s02_cb01 h1{ padding:10px 0 6px;}
.service02 ul li.s02_cb03 h1{ padding:10px 0 6px;}
@media(max-width:767px){
	.service02{ height:auto; background:#eee;} 
	.s02_con{position:relative;width:100%; height:auto; max-width:1100px;margin:0 auto;}
	.s02_con dl{ width:300px; height:90px; display:none;}
	.service02 h4{ width:100%; text-align:center; font-size:1.6rem; color:#333; padding:0; font-weight:700; position:relative; top:auto; padding:1.5rem 0 0;}	.service02 h4 span{ color:#333}
	.s02_list{ position:relative; top:auto; left:auto; width:100%; height:auto; background:none; padding:1rem 10px 1rem}
	.service02 ul{ width:100%; margin:0 auto; height:auto; overflow:hidden; position:relative; top:auto; left:auto;}
	.service02 ul li{ width:100%; height:auto; padding:1rem; margin:0 0 1rem; float:left; position:relative; overflow:hidden; cursor:pointer;}
	.service02 ul li.s02_cb01{ background:#c6e0db;}
	.service02 ul li.s02_cb02{ background:#c6e0db;}
	.service02 ul li.s02_cb03{ background:#c6e0db;}
	.service02 ul li.s02_cb04{ background:#c6e0db;}
	.service02 ul li h1{ font-size:1rem; color:#000; font-weight:700; padding:0 0 6px; text-align:left; line-height:1;}
	.service02 ul li .info{ width:100%; line-height:1.75; font-size:.8rem; color:#444; padding:0 0 0 0;}
	.service02 ul li .info span{ display:block;}
	.service02 ul li.s02_cb01 h1{ padding:0 0 6px;}
	.service02 ul li.s02_cb03 h1{ padding:0 0 6px;}
}

.service03{ background-image:url(/images/s03_bg.jpg);height:739px;}
.service03>.w1000{ overflow:visible;}
.service03 .s03_t{ text-align:center;font-size:36px;padding:60px 0 20px; color:#FFF; line-height:1;}
.service03 .s03_c{ width:100%; height:auto;}
.equipDisCon .dg-container{width:100%;height:450px;position: relative;}
.equipDisCon .dg-wrapper{width:600px;height:400px;margin:0 auto;position: relative;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective: 1000px;-ms-perspective:1000px;perspective:1000px;}
.equipDisCon .dg-wrapper a{width:600px;height:400px;display: block;position: absolute;left: 0;top: 0;background:transparent;box-shadow:0px 10px 20px rgba(0,0,0,0.3);}
.equipDisCon .dg-wrapper a.dg-transition{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.equipDisCon .dg-wrapper a img{display: block;padding:41px 0px 0px 1px;width:600px;}
.equipDisCon .dg-wrapper a div{text-align:left;line-height:50px;text-shadow: 1px 1px 1px rgba(255,255,255,0.5);color: #000;font-size: 16px;width: 100%;bottom:-50px;display: none;position: absolute;left:-70px;text-align: right;}
.equipDisCon .dg-wrapper a.dg-center div{display:block;}
.equipDisCon .dg-container nav{width:999px;position: absolute;z-index: 1000;bottom:-100px;left: 50%;margin-left: -29px;text-align: center;}
.equipDisCon .dg-container nav span{float: left;cursor:pointer;width: 25px;height: 25px;opacity: 0.8;border-radius: 50%;-webkit-border-radius: 50%;background-color: #5d5e6c;display: inline-block;color: #fff;line-height: 22px;text-align: center;margin:0 10px;}
.equipDisCon .dg-container nav span:hover{background-color:#74d3f6}
.equipDisCon .dg-container nav span.dg-next{background-position: top right;}
.equipDisCon .dg-center {transform: translateX(0px) translateZ(0px) rotateY(0deg);}
.s03_c01{ display:none;}
@media(max-width:767px){
	.service03{ background-image:url(/images/s03_bg.jpg);height:auto;}
	.service03>.w1000{ overflow:visible;}
	.service03 .s03_t{ text-align:center;font-size:1.6rem;padding:1.5rem 0 1rem; color:#FFF; line-height:1;}
	.service03 .s03_c{ display:none;}
	.s03_c01{ display:block; width:100%; height:auto; padding:1rem 0 1.5rem;}
	.s03_c01 .pic-bd{ width:320px; margin:0 auto;}
	.s03_c01 ul{ width:100%;}
	.s03_c01 .pic-bd ul li{ float:left; width:140px; height:auto; margin:0 10px;}
	.s03_c01 .pic-bd ul li img{ width:100%; height:auto;}
	.s03_c01 .pic-bd ul li div{ text-align:center; color:#fff; font-size:0.8rem; padding:0.8rem 0 0.5rem;}
	.s03_c01 .pic-hd{ text-align:center; display:block; margin:0 auto;}
	.s03_c01 .pic-hd span{ display:inline-table;}
	.s03_c01 .pic-hd .quan { padding-top:1.5rem; text-align:center; width:auto; margin:0 auto; float:left;}
	.s03_c01 .pic-hd .quan li{ display:block;float:left;width:10px; height:10px; margin:0 4px; border-radius:12px; background:#464646; cursor: pointer; text-indent:999em;}
	.s03_c01 .pic-hd .quan li:hover,.s03_c01 .pic-hd .quan li.on { background:#74d3f6; }

}


.service04{ width:100%; padding:40px 0 60px; background:#fff;}
.service04 .s04_t{ text-align:center;font-size:36px;padding:0 0 20px; color:#333; line-height:1; display:none;}
.service04 .mapbg{width:868px; height:637px; margin:0 auto; background: url(../images/jj.png) no-repeat right center; position:relative; padding-left:150px;}
.coordinate {position: absolute; top:0; left:0; width: 10px; height: 10px; background: #5ee3e7; border-radius: 50%;}
.coordinate:before,.coordinate i:before,.coordinate i:after {position: absolute; top:-37px; left:-37px;  width: 80px; height: 80px; display: block; content: ''; border:2px solid #5ee3e7; border-radius: 50%; transform:scale(0);
    -webkit-animation: coordinates 4.8s linear 0s infinite;  
    animation: coordinates 4.8s linear 0s infinite;  
}
.coordinate i:before {animation-delay:.8s;}
.coordinate i:after {animation-delay:1.7s;}
.coordinate span {position: absolute; left:20px; top:-3px; white-space: nowrap; font-size: 12px;}

/*xiao 200*/
.dadad:before,.dadad i:before,.dadad i:after{ top:-67px; left:-67px; width:140px; height:140px;-webkit-animation-duration: 5.8s; animation-duration: 5.8s;}
/*xiao 120*/
.shandond:before,.shandond i:before,.shandond i:after{ top:-57px; left:-57px; width: 120px; height: 120px;}
/*xiao 100*/
.mingans:before,.mingans i:before,.mingans i:after{top:-37px; left:-37px; width:80px; height:80px; -webkit-animation-duration:4s; animation-duration: 4s;}
/*xiao 80*/
.minxc:before,.minxc i:before,.minxc i:after{ top:-32px; left:-32px; width:70px; height:70px;-webkit-animation-duration:3.8s; animation-duration: 3.8s;  }
.s04_c{ position:absolute; top:200px; left:-140px; padding:10px 15px 20px; width:470px; height:auto; background:#eee; font-size:14px; line-height:2;}
.s04_c b{ display:block; font-size:18px; line-height:2; color:#333;}
.s04_c span{ display:block; font-size:14px; line-height:2; padding-top:10px;}
.s04_c span b{ font-size:28px; font-weight:100; line-height:1;}
@media(max-width:767px){
	.service04{ width:100%; padding:1.5rem 0; background:#fff;}
	.service04 .s04_t{ text-align:center;font-size:1.6rem;padding:0 0 1rem; color:#333; line-height:1; display:none;}
	.service04 .mapbg{width:100%; height:auto; margin:0 auto; background: none; position:relative; padding-left:0;}
	.coordinate { display:none;}
	.s04_c{ position:relative; top:auto; left:auto; padding:10px 10px 20px; width:100%; height:auto; background:none; font-size:14px; line-height:2;}
	.s04_c b{ display:block; font-size:18px; line-height:2; color:#333;}
	.s04_c span{ display:block; font-size:14px; line-height:2; padding-top:10px;}
	.s04_c span b{ font-size:28px; font-weight:100; line-height:1;}
}

.service05{ width:100%; padding:60px 0 40px; background:#fff;}
.service05 .s05_t{ text-align:center;padding:0 0 20px;;}
.service05 .s05_t h2{ font-size:30px; color:#333; line-height:1; padding-bottom:5px;}
.service05 .s05_t span{ display:block; color:#888; font-size:14px;}
.service05 .s05_c{ width:100%; height:620px; padding-top:10px; position:relative; background:url(images/s05_cbg.jpg) no-repeat 50% -140px;}
.service05 .s05_c ul.s05_cl{ position: absolute; left:0; top:0; }
.s05_cl li{ width:128px; height:128px; border:1px dashed #74d3f6; border-radius:50%; position:absolute; }
.scl01{ top:30px; left:140px; }
.scl02{ top:220px; left:155px; }
.scl03{ top:380px; left:240px; }
.scl04{ top:470px; left:410px; }
.scl05{ top:470px; left:610px; }
.scl06{ top:380px; left:780px; }
.scl07{ top:220px; left:845px; }
.scl08{ top:30px; left:860px; }
.s05_c .s05_cl li p{ margin:5px; width:93%; height:93%; background:#74d3f6; border-radius:50%;  color:#fff; text-align:center; cursor:pointer; }
.s05_c .s05_cl li p i{ font-size:26px; font-weight:700; padding-top:20px; display:block; font-style:normal;}
.s05_c .s05_cl li p strong{ font-size: 20px; padding:15px 0 20px; display:block; font-weight:normal;}
.s05_c .s05_cl li p span{ display:none;}
.s05_c .s05_cl li p em{ display:none;}
/**/
.s05_cb{ width: 380px; height: 320px; position: absolute;  top:100px; left:340px; }
.s05_cb li{ width:380px; height:290px; display:none; text-align:center; position:relative; padding:36px 0px 0 0px;}
.s05_cb li.b02{ padding:52px 0px 0 0px;}
.s05_cb li span{ display:block; font-size:16px; color:#fff; line-height:1.8;}
.s05_cb li i{ display:block; font-style:normal; font-size:16px; color:#fff; line-height:2; margin-top:8px;}
.s05_cb li a{ color:#143f76; font-size:18px; text-align:center;padding:10px;background:none;border-radius:3px;position:absolute;bottom:0;left:95px; line-height:1.45}
.s05_cb li a em{ font-style:normal; font-size:34px;}
.s05_cb .bshow{ display:block;}
.s05_cl .borderColr{ border-color:#143f76; }
.s05_c .s05_cl li .bgColr{ background:#143f76; }
@media(max-width:767px){
	.service05{ width:100%; padding:1.5rem 0; background:#fff;}
	.service05 .s05_t{ text-align:center;padding:0 0 1rem;}
	.service05 .s05_t h2{ font-size:1.6rem; color:#333; line-height:1; padding-bottom:5px;}
	.service05 .s05_t span{ display:block; color:#888; font-size:0.75rem;}
	.service05 .s05_c{ width:100%; height:auto; padding-top:0; position:relative; background:none;}
	.service05 .s05_c ul.s05_cl{ position:relative; left:auto; top:auto;}
	.s05_cl li{ width:48%; border:0px dashed #74d3f6; height:auto; border-radius:0; position:relative; float:left; left:auto !important; top:auto !important; margin:0.5rem 1%;}
	.s05_c .s05_cl li p{ margin:0; width:100%; height:8.4rem; background:none; border-radius:0;  color:#333; text-align:center; cursor:pointer; }
	.s05_c .s05_cl li p i{ font-size:1rem; width:30px; height:30px; background:#143f76; border-radius:50%; color:#FFF; font-weight:700; display:inline-block; font-style:normal; line-height:30px; padding:0;}
	.s05_c .s05_cl li p strong{ font-size:0.9rem; padding:0.4rem 0 0.6rem; display:block; font-weight:normal;}
	.s05_c .s05_cl li p span{ font-size:0.75rem; line-height:1.5; display: block; color:#888; padding:0 5px;}
	.s05_c .s05_cl li p em{ font-size:0.75rem; line-height:1.5; display:block; color:#143f76; padding:0.5rem 0 0; font-style:normal;}
	
	.s05_cb{ display:none;}
	.s05_cl .borderColr{ border-color:transparent; }
	.s05_c .s05_cl li .bgColr{ background:none; }
	
}



/*联系我们*/
.lxwm_con{ width:100%; height:auto;}
.lx01{ padding:45px 0 20px; width:100%; height:auto;}
.lx01_t{ margin-bottom:10px; text-align:center;}
.lx01_t h5{ font-size:52px; color:#888; font-family:"方正细等线简体";font-weight:bold;height:45px; line-height:45px; text-transform:uppercase;}
.lx01_t h3{ font-size:32px; color:#1d1e1e; font-family:"微软雅黑"; font-weight:bold;height:32px; line-height:32px; margin-bottom:10px;}
.samllbt{ display:inline-block; background:url(../images/cbtleft.png) no-repeat left center; overflow:hidden;}
.samllbt div{ display:inline-block; background:url(../images/cbtright.png) no-repeat right center; height:42px; padding:7px;}
.samllbt div span{ display:block; border:1px solid #e8e8e8;color:#1d1e1e; font-family:"微软雅黑"; letter-spacing:30px; padding:2px 30px; font-size:16px;}
.lx01_c{ padding-top:10px; text-align:center;}
.lxwmleft{background:url(../images/lxwm2_03.png) no-repeat left center; height:39px; padding-left:86px; display:inline-block; margin-bottom:10px; margin-top:20px; position:relative;}
.lxwmleft i{ display:inline-block; height:39px; font-style:normal;  line-height:38px; color:#fff; font-size:16px; position:absolute; left:14px}
.lxwmleft span{ display: inline-block; height:39px; padding:0px 20px 0 5px; line-height:38px; color:#fff; font-size:16px; background: url(../images/lxwm2_04.png) no-repeat right center;}
.lxwmleft span b{ font-weight:normal;}
.lxwmright{display:inline-block; float:none; background: url(../images/lxwm2_08.png) no-repeat left center; height:39px; padding-left:36px;margin-bottom:10px;}
.lxwmright span{ display: inline-block; height:39px; padding:0px 20px 0 15px;  line-height:39px; color:#fff; font-size:17px; background: url(../images/lxwm2_09.png) no-repeat right center;}
@media(max-width:767px){
	.lx01{ padding:1.5rem 0 0.5rem; width:100%; height:auto;}
	.lx01_t{ margin-bottom:0.5rem; text-align:center;}
	.lx01_t h5{ font-size:52px; color:#888; font-family:"方正细等线简体";font-weight:bold;height:auto; line-height:1; text-transform:uppercase;}
	.lx01_t h5 img{ max-width:60%;}
	.lx01_t h3{ font-size:1.6rem; color:#1d1e1e; font-family:"微软雅黑"; font-weight:bold;height:auto; line-height:1; margin-bottom:0.5rem;}
	.samllbt{ display:inline-block; background:url(../images/cbtleft.png) no-repeat left center; overflow:hidden; width:80%;}
	.samllbt div{ width:100%; display:inline-block; background:url(../images/cbtright.png) no-repeat right center; height:42px; padding:7px;}
	.samllbt div span{ display:block; width:100%; border:1px solid #e8e8e8;color:#1d1e1e; font-family:"微软雅黑"; letter-spacing:4px; padding:2px 30px; font-size:0.9rem;}
	.lx01_c{ padding-top:10px; text-align:center;}
	.lxwmleft{background:url(../images/lxwm2_03.png) no-repeat left center; height:39px; padding-left:86px; display:inline-block; margin-bottom:10px; margin-top:20px; position:relative;}
	.lxwmleft i{ display:inline-block; height:39px; font-style:normal;  line-height:38px; color:#fff; font-size:16px; position:absolute; left:14px}
	.lxwmleft span{ display: inline-block; height:39px; padding:0px 20px 0 5px; line-height:38px; color:#fff; font-size:16px; background: url(../images/lxwm2_04.png) no-repeat right center;}
	.lxwmleft span b{ display:none;}
	.lxwmright{display:inline-block; float:none; background: url(../images/lxwm2_08.png) no-repeat left center; height:39px; padding-left:36px;margin-bottom:10px;}
	.lxwmright span{ display:inline-block; height:39px; padding:0px 20px 0 15px;  line-height:39px; color:#fff; font-size:1rem; background: url(../images/lxwm2_09.png) no-repeat right center;}
}

.lx02{ width:100%; height:auto;}
.lx02 ul{ width:100%;}
.lx02 ul li{ width:20%; float:left; height:300px;}
.lx02 ul li .item_bg{ padding:55px 12%; height:300px; width:100%;}
.lx02 ul li .item_bg .item_inner{ border:5px solid #FFF; height:186px;}
.lx02 ul li .item_bg .item_inner.bordernone{ border:none;}
.lx02 ul li .item_bg .item_inner .item_container{ padding:52px 2px; text-align:center;}
.lx02 ul li .item_bg .item_inner .item_container span{ display:block; font-size:1.35rem; color:#FFF; line-height:1.5; font-weight:bold;}
.lx02 ul li .item_bg .item_inner .item_container.addcss{ padding:46px 2px;}
.lx02 ul li .item_bg .item_inner .item_container.addcss span{ line-height:2; font-size:1.1rem; letter-spacing:1px;}
.lx02 ul li .item_bg .item_inner .item_container.addcss .more{ display:block; margin:10px auto 0; width:133px; height:36px; line-height:36px; font-size:14px; font-weight:bold; color:#FFF;}
.lx02 ul li .item_bg .item_inner .item_container.addcss .more:hover{ font-weight:normal;}
.lx02 ul li.item1 .item_bg{ background:url(images/yyzx_01.jpg) no-repeat center;}
.lx02 ul li.item2 .item_bg,.lx02 ul li.item6 .item_bg{ background:#74d3f6;}
.lx02 ul li.item3 .item_bg{ background:url(images/yyzx_02.jpg) no-repeat center;}
.lx02 ul li.item4 .item_bg{ background:url(images/yyzx_03.jpg) no-repeat center;}
.lx02 ul li.item5 .item_bg{ background:url(images/yyzx_04.jpg) no-repeat center;}
.lx02 ul li.item7 .item_bg{ background:url(images/yyzx_05.jpg) no-repeat center;}
.lx02 ul li.item8 .item_bg{ background:url(images/yyzx_06.jpg) no-repeat center;}
.lx02 ul li.item10 .item_bg{ background:url(images/yyzx_07.jpg) no-repeat center;}
.lx02 ul li.item12 .item_bg{ background:url(images/yyzx_08.jpg) no-repeat center;}
.lx02 ul li.item13 .item_bg{ background:url(images/yyzx_09.jpg) no-repeat center;}
.lx02 ul li.item14 .item_bg{ background:url(images/yyzx_10.jpg) no-repeat center;}

.lx02 ul li.item3 .item_bg .item_inner .item_container{ padding:22px 18px; text-align:left;}
.lx02 ul li.item3 .item_bg .item_inner .item_container i{ display:block;border-bottom:1px solid #FFF; width:93px; margin:10px 0}

.lx02 ul li.item6 .item_bg .item_inner .item_container.addcss{ padding:0 2px;}

.lx02 ul li.item9 .item_bg{ padding:55px 10%;}
.lx02 ul li.item9 .item_bg .item_inner .item_container{ padding:46px 0;}

.lx02 ul li.item10 .item_bg .item_inner .item_container{ padding:30px 18px; text-align:left;}

.lx02 ul li.item11 .item_bg{ padding:55px 10%;}
.lx02 ul li.item11 .item_bg .item_inner .item_container{ padding:46px 0;}
.itemshow{ display:block;}
.itemnone{ display:none;}
@media(max-width:767px){
	.lx02{ width:100%; height:auto;}
	.lx02 ul{ width:100%;}
	.lx02 ul li{ width:50%; float:left; height:300px;}
	.lx02 ul li.item3,.lx02 ul li.item6,.lx02 ul li.item10,.lx02 ul li.item14{ display:none;}
	.itemshow{ display:none;}
	.itemnone{ display:block;}
	.lx02 ul li .item_bg{ padding:55px 5%; height:300px; width:100%;}
	.lx02 ul li .item_bg .item_inner{ border:5px solid #FFF; height:186px;}
	.lx02 ul li .item_bg .item_inner.bordernone{ border:none;}
	.lx02 ul li .item_bg .item_inner .item_container{ padding:52px 2px; text-align:center;}
	.lx02 ul li .item_bg .item_inner .item_container span{ display:block; font-size:1.35rem; color:#FFF; line-height:1.5; font-weight:bold;}
	.lx02 ul li .item_bg .item_inner .item_container.addcss{ padding:46px 2px;}
	.lx02 ul li .item_bg .item_inner .item_container.addcss span{ line-height:2; font-size:1rem; letter-spacing:1px;}
	.lx02 ul li .item_bg .item_inner .item_container.addcss .more{ display:block; margin:10px auto 0; width:133px; height:36px; line-height:36px; font-size:14px; font-weight:bold; color:#FFF;}
	.lx02 ul li .item_bg .item_inner .item_container.addcss .more:hover{ font-weight:normal;}
	.lx02 ul li.item1 .item_bg{ background:url(images/yyzx_01.jpg) no-repeat center;}
	.lx02 ul li.item2 .item_bg,.lx02 ul li.item6 .item_bg{ background:#74d3f6;}
	.lx02 ul li.item3 .item_bg{ background:url(images/yyzx_02.jpg) no-repeat center;}
	.lx02 ul li.item4 .item_bg{ background:url(images/yyzx_03.jpg) no-repeat center;}
	.lx02 ul li.item5 .item_bg{ background:url(images/yyzx_04.jpg) no-repeat center;}
	.lx02 ul li.item7 .item_bg{ background:url(images/yyzx_05.jpg) no-repeat center;}
	.lx02 ul li.item8 .item_bg{ background:url(images/yyzx_06.jpg) no-repeat center;}
	.lx02 ul li.item10 .item_bg{ background:url(images/yyzx_07.jpg) no-repeat center;}
	.lx02 ul li.item12 .item_bg{ background:url(images/yyzx_08.jpg) no-repeat center;}
	.lx02 ul li.item13 .item_bg{ background:url(images/yyzx_09.jpg) no-repeat center;}
	.lx02 ul li.item14 .item_bg{ background:url(images/yyzx_10.jpg) no-repeat center;}
	
	.lx02 ul li.item3 .item_bg .item_inner .item_container{ padding:22px 18px; text-align:left;}
	.lx02 ul li.item3 .item_bg .item_inner .item_container i{ display:block;border-bottom:1px solid #FFF; width:93px; margin:10px 0}
	
	.lx02 ul li.item6 .item_bg .item_inner .item_container.addcss{ padding:0 2px;}
	
	.lx02 ul li.item9 .item_bg{ padding:55px 10%;}
	.lx02 ul li.item9 .item_bg .item_inner .item_container{ padding:46px 0;}
	
	.lx02 ul li.item10 .item_bg .item_inner .item_container{ padding:30px 18px; text-align:left;}
	
	.lx02 ul li.item11 .item_bg{ padding:55px 10%;}
	.lx02 ul li.item11 .item_bg .item_inner .item_container{ padding:46px 0;}
}


.lx03{ padding:45px 0; background:#f8f8f8;}
.lx03_t{ margin:0 auto; padding:20px 0 30px;}
.lx03_t h2{float:left;width:475px;text-align:right;line-height:10px;color:#616161;}
.lx03_t h2 i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 15px 0;text-transform: uppercase; display:block; font-style:normal;}
.lx03_t span{ display:block; float:right;color:#74d3f6;font-weight:bold;font-size:46px; width:610px;}
.lx03_t em{ display:none;}
.lx03_c{ width:100%; height:auto; padding-top:20px;}
.lx03_cl{ float:left; margin-left:50px;}
.lx03_cr{ float:right; width:700px; font-size:14px; line-height:1.8; color:#333; padding-top:20px; margin-right:50px;}
.lx03_cr font{ color:#143f76; font-size:18px;}

.lx03_b{ width:100%; height:auto; padding-top:60px;}
.lx03_bt{ line-height:26px; border-bottom:1px solid #434343; color:#383838; font-size:24px;padding-bottom:20px; margin-bottom:20px;}

.lx03_bc{ width:100%; height:auto;}
.lx03_bc ul{ width:1140px;}
.lx03_bc ul li{ float:left; margin-right:40px; width:530px; line-height:46px; border-bottom:1px dashed #dfdfdf}
.lx03_bc ul li i{ float:left; font-style:normal; color:#666; padding-right:8px; padding-top:20px;}
.lx03_bc ul li a{ float:left; color:#333; font-size:18px;}
.lx03_bc ul li a:hover{ color:#74d3f6;}
@media(max-width:767px){
	.lx03{ padding:1.5rem 0; background:#f8f8f8;}
	.lx03_t{ margin:0 auto; padding:1rem 0 1.2rem;}
	.lx03_t h2{ display:none;}
	.lx03_t span{display:block; float:none;color:#74d3f6;font-weight:bold;font-size:1.4rem; width:100%; text-align:center;}
	.lx03_t em{ font-size:0.7rem; color:#888; margin-top:0.4rem; text-align:center; font-style:normal; display:block;}
	.lx03_c{ width:100%; height:auto; padding-top:1rem;}
	.lx03_cl{ float:none; margin-left:0; text-align:center;}
	.lx03_cl img{ max-width:60%; height:auto;}
	.lx03_cr{ float:right; width:100%; font-size:0.85rem; line-height:1.8; color:#333; padding:1rem 10px 0; margin-right:0;}
	.lx03_cr font{ color:#143f76; font-size:0.95rem;}
	
	.lx03_b{ width:100%; height:auto; padding:1.5rem 10px 0;}
	.lx03_bt{ line-height:26px; border-bottom:1px solid #434343; color:#383838; font-size:1.2rem;padding-bottom:0.5rem; margin-bottom:0.5rem;}
	
	.lx03_bc{ width:100%; height:auto;}
	.lx03_bc ul{ width:100%;}
	.lx03_bc ul li{ float:left; margin-right:0; width:100%; line-height:40px; border-bottom:1px dashed #dfdfdf}
	.lx03_bc ul li i{ float:left; font-style:normal; color:#666; padding-right:8px; padding-top:0.95rem;}
	.lx03_bc ul li a{ float:left; color:#333; font-size:1rem;}
	.lx03_bc ul li a:hover{ color:#74d3f6;}
}

.applyLeft h2{font-size: 18px;color: #74d3f6;font-weight: 500; padding-bottom:20px;}
.applyLeft h5{ color:#143f76; font-size:16px; margin-top:30px;}
.applyLeft .applyWarp h3{color: #343434;font-size: 16px;font-weight:500; margin-top: 23px;margin-bottom: 13px;}
.applyWarp p{ font-size:12px;color:#666; margin-bottom:10px;letter-spacing:0.6px;}
.jobApply{ width:80%; margin:0 auto; height:500px; overflow-y:scroll;}
.applyLeft{float:none;}
.applyLeft{width:94%;border-right:0px solid #eeeeee;}
.applyRight{width:41%;text-align:center;}
.popBox .submit{background-color:#74d3f6;color:#fff;border-radius:3px;font-size: 18px; letter-spacing:.6px;padding:0 40px; display: inline-block;line-height:40px; margin-top:26px;}
.popBox .delete{position: absolute;right:20px;top:20px;}
.popBox{position:fixed; z-index:999; top:116px; left:50%; margin-left:-550px; width:1100px; height:600px; background-color: #fff; padding-top:37px; padding-bottom:39px;display: none;}
.mask{position:fixed;background: url(../images/mask_bg.png) repeat; width:100%;display:none; height:100%; left:0px; top:0px;z-index:998;} 
@media(max-width:767px){
	.applyLeft h2{font-size:1.2rem;color: #74d3f6;font-weight: 500; padding-bottom:0.5rem;}
	.applyLeft h5{ color:#143f76; font-size:16px; margin-top:30px;}
	.applyLeft .applyWarp h3{color: #343434;font-size: 16px;font-weight:500; margin-top: 23px;margin-bottom: 13px;}
	.applyWarp p{ font-size:12px;color:#666; margin-bottom:10px;letter-spacing:0.6px;}
	.jobApply{ width:94%; margin:0 auto; height:365px; overflow-y:scroll;}
	.jobApply.container{ padding:0;}
	.applyLeft{float:none;}
	.applyLeft{width:94%;border-right:0px solid #eeeeee;}
	.applyRight{width:41%;text-align:center;}
	.popBox .submit{background-color:#74d3f6;color:#fff;border-radius:3px;font-size: 18px; letter-spacing:.6px;padding:0 40px; display: inline-block;line-height:40px; margin-top:26px;}
	.popBox .delete{position: absolute;right:10px;top:10px;}
	.popBox .delete img{ width:10px; height:auto;}
	.popBox{position:fixed; z-index:999; top:30px; left:50%; margin-left:-160px; width:320px; height:420px; background-color: #fff; padding-top:37px; padding-bottom:39px;display: none;}
	.mask{position:fixed;background: url(../images/mask_bg.png) repeat; width:100%;display:none; height:100%; left:0px; top:0px;z-index:998;} 
}

/*news*/
.news_list{ height:auto; overflow:hidden; padding:0 0 40px;}
.news_lt{ width:100%; height:auto; padding:40px 0 0; position:relative;}
/*.news_lt .news_img{ float:left; width:530px; height:218px;}
.news_lt .news_img img{ width:100%; height:100%; padding:1px; border:1px solid #e5e5e5}
.news_ltl{ float:left; width:100%; height:auto; margin-top:0px;}*/
.news_txt{ width:100%; height:auto; padding-top:10px;}
.news_txt h1{ line-height:1; padding-bottom:5px;}
.news_txt h1 a{ display:inline-block; max-width:100%; font-size:18px; color:#383838;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.news_txt span{ display:block;margin:4px 0 6px; font-size:14px;line-height:24px; color:#808080;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
/*.news_ltr{ float:right; width:530px; margin-top:-5px; position:absolute; top:40px; right:10px;}*/
.news_ltr dl{ width:100%; float:left; padding-bottom:8px;}
.news_ltr dl dt{ line-height:30px; font-weight:normal;}
.news_ltr dl dt a{ display:inline-block; max-width:100%; font-size:18px; color:#383838;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.news_ltr dl dd{ display:block;margin:4px 0 6px; font-size:14px;line-height:24px; height:72px; color:#808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;}
.news_txt h1 a:hover,.news_ltr dl dt a:hover{ color:#74d3f6;}

.news_list ul{ padding:40px 0 20px; position:relative;}
.news_list ul .news_img{ float:left; width:530px; height:218px;}
.news_list ul .news_img img{ width:100%; height:100%; padding:1px; border:1px solid #e5e5e5;} 


.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:20px 0;}
.news_list li .date{ float:left; width:100px; height:86px; background: url(../images/a.jpg) right center no-repeat; margin-right:20px;}
.news_list li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;}
.news_list li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
.news_list li .info{ float:right; width:980px; padding-top:2px;}
.news_list li .info h2{ width:100%; padding-bottom:6px; font-weight:700; line-height:1.5;}
.news_list li .info h2 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.news_list li .info span{ display:block;color:#808080;font-size:14px; height:56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;line-height:2;}
.news_list li .info h2 a:hover{ color:#74d3f6;}

.news_list li.news_ltl{ float:left; width:100%; height:auto; margin-top:5px; border-bottom:0; padding:0;}
.news_list li.news_ltr{ float:right; width:540px; margin-top:-5px; position:absolute; top:40px; right:10px; border-bottom:0; padding:0;}
.news_list li.news_ltr2{ top:160px;}

@media(max-width:767px){
	.news_list{ height:auto; overflow:hidden; padding:0 0 1rem;}
	.news_lt{ width:100%; height:auto; padding:1rem 0 0; position:relative;}
	.news_lt .news_img{ float:left; width:100%; height:auto;}
	.news_lt .news_img img{ width:100%; height:100%; padding:1px; border:1px solid #e5e5e5}
	.news_ltl{ float:left; width:100%; padding:0 10px 0.5rem; height:auto; margin-top:0px;}
	.news_txt{ width:100%; height:auto; padding:0;}
	.news_txt h1{ line-height:1; padding-bottom:10px;}
	.news_txt h1 a{ display:inline-block; max-width:100%; font-size:1rem; color:#383838;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
	.news_txt span{ display:block;margin:0 0 0; font-size:0.8rem;line-height:2; color:#808080;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
	.news_ltr{ float:right; width:100%; margin-top:0; padding:0 10px; position:relative; top:auto; right:auto;}
	.news_ltr dl{ width:100%; float:left; padding:0;}
	.news_ltr dl dt{ line-height:1; font-weight:normal; padding-bottom:10px;}
	.news_ltr dl dt a{ display:inline-block; max-width:100%; font-size:1rem; color:#383838;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
	.news_ltr dl dd{ display:block;margin:0; font-size:0.8rem;line-height:2; color:#808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
	.news_txt h1 a:hover,.news_ltr dl dt a:hover{ color:#74d3f6;}
	
	.news_list ul{ padding:1rem 10px 0;}
	.news_list ul .news_img{ float:left; width:100%; height:auto;}
	.news_list ul .news_img img{ width:100%; height:100%; padding:1px; border:1px solid #e5e5e5}
	
	.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:1rem 0;}
	.news_list li .date{ float:left; width:100px; height:86px; background: url(../images/a.jpg) right center no-repeat; margin-right:20px; display:none;}
	.news_list li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;}
	.news_list li .date span{display:block;width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
	.news_list li .info{ float:none; width:100%; padding-top:0;}
	.news_list li .info h2{ width:100%; padding-bottom:10px; font-weight:100;}
	.news_list li .info h2 a{font-size:1rem;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.news_list li .info span{ display:block;color:#808080;font-size:0.8rem;line-height:2; height:auto;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
	.news_list li .info h2 a:hover{ color:#74d3f6;}
	
	.news_list li.news_ltl{ float:left; width:100%; height:auto; margin-top:0px; border-bottom:1px dashed #bdbdbd; padding:1rem 0;}
	.news_list li.news_ltr{ float:right; width:100%; margin-top:0; position:relative; top:auto; right:auto; border-bottom:1px dashed #bdbdbd; padding:1rem 0;}
	.news_list li.news_ltr2{ top:auto;}

}

/*下载*/
.dl_list{ width:100%; height:auto; overflow:hidden; float:left;}
.dl_list li{ line-height:40px; border-bottom:1px dashed #e9e9e9; padding:0px;position:relative; background:url(../images/dian.png) no-repeat left; overflow:hidden; height:auto; float:left; width:100%;}
.dl_list li a{ margin-left:12px; float:left; color:#464646; font-size:14px; display:inline-block; width:853px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.dl_list li span{ float:right; color:#74d3f6;}
.dl_list li a:hover{ color:#74d3f6;}

/*page*/
#page{ height:30px; margin-top:15px;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:pointer; background:#74d3f6; border:1px solid #74d3f6;}
#page a{ display:inline-block; vertical-align:middle; padding:0 12px; margin:0 2px; border:1px solid #ddd; height:30px; line-height:30px; text-align:center; color:#000;}
#page a:hover{ color:#fff; cursor:pointer; background:#74d3f6; border:1px solid #74d3f6;}
#page a.next1{overflow: hidden;}
#page a.prev1{overflow: hidden;}
#page .none{ display:none;}
#page01{ display:none;}
@media(max-width:767px){
	#page{ display:none;}
	#page01{ display:block; width:100%; height:auto; overflow:hidden; margin-top:1.5rem; background:#EEE; margin-bottom:1rem;}
	#page01 a{ display:block; margin-right:1px; padding:2% 3%; float:left; background:#DDD;}
	#page01 a.num{ text-decoration:underline; color:#0086E9; font-weight:bold;}
	#page01 span{ display:block; float:right; background:#DDD; padding:2% 3%; }
}

/*product*/
.case_list{ height:auto; overflow:hidden; padding:0 0 40px;}
.case_list ul{ width:1130px; padding-top:30px;}
.case_list ul li{ padding-right:12px; padding-bottom:12px; width:370px; height:auto; float:left;}
.case_list ul li>a{ display:block; width:358px; height:235px; overflow:hidden; position:relative;}
.case_list ul li>a img{width:100%;height:100%;transition:.8s;-webkit-transition: .8s;}
.case_list ul li:hover>a img{transform:1s scale(1.03);-webkit-transform: scale(1.03);}
.case_list ul li>a .desc{height:100%;color: #3b3b3b;font-size: 18px;position: absolute;top:0;left: 0;color: #fff;width:0%;background:url(/images/main2_2.png) no-repeat center;overflow: hidden; }
.case_list ul li>a .desc .con{width: 100%;display:block;text-align: center;}
.case_list ul li>a .desc ins{width:59px;height:59px;overflow:hidden;background-repeat:no-repeat;background-position:center center;display:block;margin:74px auto 23px;background:url(/images/main2_1.png) no-repeat center}
.case_list ul li:hover>a .desc{width:100%}
.case_list ul li .info{ padding:10px 5px 5px; line-height:1.4;}
.case_list ul li .info .title{ color:#333; font-size:16px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;    -o-text-overflow:ellipsis;text-overflow:ellipsis;}
.case_list ul li .info .type{padding-top:5px;font-size:12px;color:#999;height:25px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;    -o-text-overflow:ellipsis;text-overflow:ellipsis;}


.product_list{ height:auto; overflow:hidden; padding:40px 0 40px;}
.product_list ul{ float:left; width:1120px; margin-left:-10px;}
.product_list ul li{ float:left; position:relative; float:left; padding:15px 10px; border:1px solid #e1e1e1; width:260px; margin:0 10px 40px; /*-webkit-box-shadow:3px 3px 10px #ccc; box-shadow:2px 2px 10px #ccc;*/}
.product_list ul li .tit{ text-align:center; display:block;font-size:14px;color:#333;margin-top:10px;}
.product_list ul li a img{ width:100%; height:160px;}
.product_list ul li.pnone{ background:none; padding:0; margin:0 10px; border:none; box-shadow:3px 3px 10px #fff;}
.product_list ul li:hover{-webkit-box-shadow:3px 3px 10px #ccc; box-shadow:2px 2px 10px #ccc}
.product_list ul li a:hover{ color:#74d3f6;}

@media(max-width:767px){
	.case_list{ height:auto; overflow:hidden; padding:0 0 1.5rem;}
	.case_list ul{ width:100%; padding:1rem 4px 0;}
	.case_list ul li{ padding:0 6px 12px; width:50%; height:auto; float:left;}
	.case_list ul li>a{ display:block; width:100%; height:auto; overflow:hidden; position:relative;}
	.case_list ul li>a img{width:100%;height:100%;transition:.8s;-webkit-transition: .8s;}
	.case_list ul li:hover>a img{transform:1s scale(1.03);-webkit-transform: scale(1.03);}
	.case_list ul li>a .desc{height:100%;color: #3b3b3b;font-size: 18px;position: absolute;top:0;left: 0;color: #fff;width:0%;background:url(/images/main2_2.png) no-repeat center;overflow: hidden; display:none;}
	.case_list ul li .info{ padding:5px 5px; line-height:1.4;}
	.case_list ul li .info .title{ color:#333; font-size:0.9rem;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
	.case_list ul li .info .type{padding-top:5px;font-size:0.8rem;color:#999;height:25px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;    -o-text-overflow:ellipsis;text-overflow:ellipsis;}
}


/*detail*/
.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:30px 0 40px;}
.detail_title{ font-size:20px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;}
.bbn{ border-bottom:0;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
.details_img{ text-align:center; margin-bottom:5px;}
.details_img img{ max-width:100%; height:auto;}
.details_info{ padding:15px 0 30px; width:100%; line-height:2; color:#444; border-bottom:1px dashed #CCC}
.details_video{ width:85%; height:auto; overflow:hidden; margin:10px auto 15px; border:5px solid #000;}
.details_video .video-js.vjs-fluid{ height:525px;}
.video_type{ margin:15px 0; vertical-align:middle; font-size:14px; color:#333; line-height:30px;}
.video_type span{ display:inline-block; color:#333; font-weight:700; float:left;}
.details_info img{ max-width:100%; height:auto;}
hr{ margin:5px 0;}
@media(max-width:767px){
	.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:1rem 10px;}
	.detail_title{ font-size:18px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
	.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;}
	.bbn{ border-bottom:0;}
	.detail_time i{ display:inline-block; font-style:normal;}
	.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
	.details_img{ text-align:center; margin-bottom:5px;}
	.details_img img{ max-width:100%; height:auto;}
	.details_info{ padding:1rem 0 1.5rem; width:100%; line-height:2; color:#444; border-bottom:1px dashed #CCC}
	.details_video{ width:100%; height:260px; overflow:hidden; padding:0; line-height:2; color:#333;border: 5px solid #000;}
	.details_video .video-js.vjs-fluid{ height:100%;}
	.video_type{ margin:0.5rem 0; vertical-align:middle; font-size:14px; color:#333; line-height:1;}
	.video_type span{ display:inline-block; color:#333; font-weight:700; float:left;}
	.details_info img{ max-width:100%; height:auto;}
	hr{ margin:5px 0;}
}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0;}
.detail_fenye span{ display:block; line-height:30px; color:#333; font-size:14px; vertical-align:middle;}
.detail_fenye span a{ color:#333; font-size:14px; vertical-align:middle;}
.detail_fenye span a:hover{ color:#74d3f6; text-decoration:underline;}
@media(max-width:767px){
	.detail_fenye{ padding:10px 0 0;}
	.detail_fenye span{ display:block; line-height:1.6; margin:5px 0;}
}

.mess_con{ width:100%; margin:0 auto; padding:10px 0 0;}
.mess_con form{ font-size:14px; line-height:2; color:#666;}
.mess_left{ width:70px; text-align:right !important; padding-right:10px; display:inline; float:left;}
.mess_con .btn{ background:#248b81; width:120px !important; height:35px; line-height:30px; border:none; margin-top:5px; cursor:pointer; font-family:"微软雅黑"; color:#FFF; font-size:16px; letter-spacing:3px;}
.red{ color:red; padding-left:5px;}
.mess_con input{ height:25px; border:1px solid #ccc; width:180px;}
.mess_con textarea{border:1px solid #ccc; line-height:1.8;}
.mess_con .table1 tr{ height:35px;}
.mess_con table,.mess_con table td ,.mess_con table tr{ border-collapse:collapse; border:none;}

.mess_title{ font-size:14px; font-weight:900; background:#e7e7e7; padding:6px 10px; border:1px solid #CCC;}
.mess_list{ margin-bottom:20px; color:#333; line-height:18px;}
.mess_list a{ color:#000; line-height:28px;}
.mess_list a:hover{ color:#006600;}
.mess_list .table2{ border-top:0; padding:5px 0;}
.mess_list .table2 tr{ height:28px;}
.mess_list .table2 tr .table2_f{ padding-left:20px;background:url(images/ico.gif) no-repeat 8px center;}

.mess_show{ width:100%; margin:0 auto; background:#FFF;}
.mess_show li{ width:898px; height:auto; border:1px solid #ccc; float:left; border-top:0;}
.mess_top{ float:left; height:30px; line-height:30px; width:100%; border-bottom:1px solid #CCC; background:#f4f4f4;}
.mess_top span{ text-align:center; float:left; display:inline-block; height:30px; padding:0 10px;}
.mess_content{ float:left; width:100%; border-bottom:1px solid #CCC; color:#a40000;}
.mess_replay{ float:left; width:100%;}
.mess_content p,.mess_replay p{ padding:5px; min-height:38px; line-height:24px;}



@-webkit-keyframes coordinates {
    form {-webkit-transform:scale(.1);}
    to {-webkit-transform:scale(1); opacity: 0;}
}
@keyframes coordinates {
    form {transform:scale(.1);}
    to {transform:scale(1); opacity: 0;}
}

@-webkit-keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}
@keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}


@-webkit-keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}
@keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}


@-webkit-keyframes fadeIn {
    to{ opacity: 1;}
}
@keyframes fadeIn {
    to{ opacity: 1;}
}

@-webkit-keyframes navshow {
    to{opacity: 1; }
}
@keyframes navshow {
    to{opacity: 1; }
}

