body{font-family:'Microsoft Yahei',"寰蒋闆呴粦","STHeiti",'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;-webkit-font-smoothing:antialiased; font-size:14px;font-smoothing:antialiased;text-rendering:optimizeLegibility; overflow-x:hidden; background-color: #fff;color:#000;}
ul{ list-style:none; padding-left: 0;margin: 0;}
a,a:focus{color:#000; text-decoration: none;}
a:hover{color:#1E90FF; text-decoration: none}

.w100{width: 100%;clear: both;overflow: hidden}
.w1200{width: 1200px;margin: 0 auto}
.fl{float: left!important}
.fr{float: right!important}
.tc{text-align: center}
img{max-width: 100%}
.mcolor{color:#1E90FF;}
.bold{font-weight: bold}

.mtitle{border-bottom: 1px solid #dfdfdf;clear: both;padding-top: 22px;margin-bottom: 22px;}
.mtitle .ztitle{font-size: 24px;font-weight: bold;border-bottom: 2px solid #1E90FF;display: inline-block;line-height: 40px;padding: 0 3px;}

.header{height: 60px;background-color: #000;line-height: 60px;position: fixed;z-index: 999}
.header a{color: #fff;font-size: 15px;display: block;height: 60px;}
.header .logo{height: 60px;line-height: 60px;padding-top: 5px;}
.header ul{}
.header ul li{float: left;padding: 0 30px;}
.header ul li a{position: relative}
.header ul li a span{position: absolute;bottom:0px;left:50%;display:inline-block;width: 0%;margin:0 auto;background: #1E90FF;height: 2px; -webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:translateX(-50%);transform:translateX(-50%);}
.header ul li a:hover span{width: 100%;}
.header ul li a.active span{width: 100%;}

.footer{height: 479px;background: url(./contact_bg.jpg) no-repeat center center;text-align: center;color: #fff;}
.footer h3{font-size: 30px;margin-top: 120px;font-weight: 400}
.footer p{font-size: 16px;}
.footer a.mmore{font-size: 14px;display: block;width: 236px;height: 50px;border:1px solid #fff;text-align: center;line-height: 48px;color: #fff;margin:60px auto;transition: all 1s}
.footer a.mmore:hover{background-color:#1E90FF;border:1px solid #1E90FF}
.footer .line{display: block;height: 2px;border-top: 1px solid #1E90FF;width: 90px;margin: 32px auto}
.fnav{background-color: #000;}
.fnav .fcopyright{color: #fff;border-bottom: 1px solid #2a2a2a;padding: 25px 0;text-align: center;font-size: 12px;}
.fnav .fcopyright a{color: #fff;}
.fnav .fcopyright a:hover{color: #ccc}
.fnav .flinks{padding: 25px 0;color:#959595;display: block;clear: both;overflow: hidden;line-height: 24px;font-size: 12px;}
.fnav .flinks a{display: block;float: left;color:#959595;padding-right: 15px;font-size: 12px;}

/*骞荤伅*/
.islide{width: 100%;height:780px;padding-top: 60px;}
.islide .swiper-container {width: 100%;height: 100%;}
.islide .swiper-slide {text-align: center;font-size: 18px;background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.islide .islide1{background: url(./banner1.jpg) no-repeat center center;}
.islide .islide2{background: url(./banner2.jpg) no-repeat center center;}
.islide .islide3{background: url(./banner3.jpg) no-repeat center center;}
.islide .swiper-slide .sltitle{text-align: center;color: #fff;width: 1200px!important;clear: both;overflow: hidden}
.islide .swiper-slide .sltitle h3{font-size: 60px;}
.islide .swiper-slide .sltitle2{font-size: 30px;text-align: center;color: #fff;margin-top: 40px;width: 1200px!important;clear: both;overflow: hidden}
.islide .islide2 .sltitle{margin-top:-300px}

.sico{width:580px;margin:50px auto 0;text-align: center}
.sico dl{float: left;text-align: center;margin-left: 75px;line-height:20px;}
.sico dl:first-child{margin-left: 0;}
.sico dl dt{margin-bottom: 15px;}
.sico dl p{font-size: 16px;line-height: 1;margin: 0}
.sico dl span{font-size: 12px;}
.sico dl a{color: #fff;}
.sico dl dt{max-width:67px;margin:0 auto 15px;}
.sico dl dt svg{width: 80%;height: auto;}
.sico dl dd{margin: 0}
/*棣栭〉鏂伴椈*/
.inews{height: 660px;background: url(./news_bg.jpg) no-repeat center center;}
.inews .incon{padding: 86px 0 94px;}
.inews .incon .fl{width: 595px;}
.inews .incon .fr{width: 565px;}
.inews .incon a{display: block;color: #fff;overflow: hidden}
.inews .incon a:hover{color: #1E90FF}
.inews .incon a span{display: block;clear: both}
.inews .incon .fl img{width: 100%;height: 330px;}
.inews .incon .fl span{display: block}
.inews .incon .fl .ntime{font-size: 18px;padding: 25px 0;color:#fff}
.inews .incon .fl .ntitle{font-size: 24px;}
.inews .incon .fl .ndes{font-size: 16px;padding: 25px 0 0;color:#fff}
.inews .incon .fr a{margin-bottom: 28px;}
.inews .incon .fr a .ntime{font-size: 12px;color:#b0b0b0;}
.inews .incon .fr a .ntitle{font-size: 16px; padding: 12px 0 18px;}
.inews .incon .fr a .ndes{font-size: 12px;color: #b1b1b1;line-height: 20px;}
.inews .incon .fl a:hover img{transition:all 0.6s;transform:scale(1.1,1.1);}
.inews .incon a:hover .ntitle{ color:#1E90FF;padding-left:6px;transition:all 0.4s;}

/*棣栭〉 鍏充簬*/
.iabout{height: 660px;background: url(./about_bg.jpg) no-repeat center center;}
.iabout .iacon{padding: 150px 0 85px;color: #fff}
.iabout .iacon .fl{width:560px;margin-top: 30px;}
.iabout .iacon .fr{width:560px;}
.iabout .iacon .fl .atitle{font-size: 34px;width: 275px;animation-delay:.05s;}
.iabout .iacon .fl .line{display: block;height: 2px;border-top: 1px solid #1E90FF;width: 100px;margin: 28px 0;animation-delay:.15s;}
.iabout .iacon .fl p{font-size: 16px;line-height: 24px;animation-delay:.25s;}
.iabout .iacon .fl a{display: block;width: 132px;height: 40px;border:1px solid #fff;text-align: center;line-height: 40px;color: #fff;margin-top:50px;animation-delay:.35s;transition: all 1s}
.iabout .iacon .fl a:hover{background-color:#1E90FF;border:1px solid #1E90FF}
.iabout .iacon .fr .artitle{font-size: 24px;animation-delay:.05s;}
.iabout .iacon .fr .artitle span{display: block;font-size: 14px;color: #636363;margin-top: 5px;}
.iabout .iacon .fr p{line-height: 36px;}
.iabout .iacon .fr .ades{margin-top: 40px;animation-delay:.15s;}
.iabout .iacon .fr .ades dl{display: block;float: left;width: 120px;text-align: center;animation-delay:.35s;}
.iabout .iacon .fr .ades dl dt{font-size: 36px;font-weight: bold;animation-delay:.45s;}
.iabout .iacon .fr .ades dl dd{margin: 18px 0;font-size: 16px;animation-delay:.55s;}
.iabout .iacon .fr .ades dl.ades2{width: 320px;}

/*鏈嶅姟*/
.iservice{height: 660px;background: url(./service_bg.jpg) no-repeat center center;}
.iservice .iscon{padding-top: 140px;}
.iservice .iscon ul li{width: 300px;height: 200px;line-height: 200px;float: left;text-align: center;font-size: 24px;background-color: #fff}
.iservice .iscon ul li.isredbg{background-color: #1E90FF;color: #fff}
.iservice .iscon ul li img{width: 300px;height: 200px;}
.iservice .iscon ul li a{display: block;width: 100%;height: 100%}
.iservice a:hover{animation-delay:.15s;}
.iservice a.isred{color: #fff}
.iservice a.iswhite:hover{color: #fff;background-color:#1E90FF;transition:background-color 0.4s ease 0s }
.iservice a.isred:hover{color: #1E90FF;background-color:#fff;transition:background-color 0.4s ease 0s }
.iservice a.isimg{position: relative}
.iservice a.isimg span{display:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.iservice a.isimg:hover span{color: #fff;display: block;background-color:rgba(0,0,0,0.4)}
.iservice li.isl2,.iservice li.isr2{animation-delay:.15s;}

/*妗堜緥*/
.icase{}
/*
.icase ul{}
.icase ul li{width: 50%;float: left;height: 400px;}
.icase ul li.icase_1{background: url(./case_1.jpg) no-repeat right center;}
.icase ul li.icase_2{background: url(./case_2.jpg) no-repeat left center;}
.icase ul li.icase_3{background: url(./case_2.jpg) no-repeat right center;}
.icase ul li.icase_4{background: url(./case_1.jpg) no-repeat left center;}
.icase ul li.icase_5{background: url(./case_1.jpg) no-repeat right center;}
.icase ul li.icase_6{background: url(./case_2.jpg) no-repeat left center;}
*/

.in_case{width: 100%;}
.in_case .cs{float: left;width:50%;position: relative;height: 0px;padding-bottom: 20.8%;overflow: hidden;}

.in_case .cs>ul{width: 100%;height: 100%;position: absolute;z-index: 1;}
.in_case .cs>ul li{width: 100%;height: 100%;overflow: hidden;color: #fff;}
.in_case .cs>ul li a{color: #fff;display: block;width: 100%;height: 100%}
.in_case .cs>ul li:after{content: "";position: absolute;top: 0px;right: 0px;left: 0px;bottom: 0px;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.in_case .cs>ul li img{width: 100%;}
.in_case .cs>ul li.active{display: block;z-index: 3;}

.in_case .cs>ul li .p{position: absolute;bottom: 15%;left: 0;z-index: 1;-webkit-transition:all 0.4s ease-in-out 0.3s;transition:all 0.4s ease-in-out 0.3s;text-align: center;width: 100%}
.in_case .cs>ul li .p h3{margin-bottom: 5px;font-size: 24px;display: inline-block;font-weight: normal}
.in_case .cs>ul li .p p{font-size: 16px}

.in_case_hover{position: absolute;left: 0px;top: 50%;text-align: center;right: 0px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index: 9;}
.in_case_hover *{-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.in_case_hover img{width: 20%!important;opacity: 0;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
.in_case_hover span{display: block;width: 50px;height: 3px;background: #1E90FF;margin:20px auto;opacity: 0;-webkit-transform:translateX(200px);transform:translateX(200px);}
.in_case_hover p{opacity: 0;-webkit-transform:translateY(200px);transform:translateY(200px);font-size: 16px}

.in_case .cs>ul li:hover:after{background: rgba(0,0,0,0.75);}
.in_case .cs>ul li:hover .p{opacity: 0;-webkit-transition:all 0s ease-in-out;transition:all 0s ease-in-out;}

.in_case .cs>ul li:hover .in_case_hover img{-webkit-transform:translateX(0px);transform:translateX(0px);opacity: 1;}
.in_case .cs>ul li:hover .in_case_hover span{-webkit-transform:translateX(0px);transform:translateX(0px);opacity: 1;}
.in_case .cs>ul li:hover .in_case_hover p{-webkit-transform:translateY(0px);transform:translateY(0px);opacity: 1;}



/*瀛愰〉*/
.mtop{height: 240px;padding-top: 60px; font-weight: bold;color: #fff; background-color: #111111;overflow: hidden;position: relative}
.mtop span.mtline{width: 280px;height: 1px;border-top: 1px solid #fff;display: inline-block;margin-right: 40px;margin-bottom: 10px;}
.mtop span.mttitle{font-size: 36px;display: inline-block;padding-top:90px;}

/*妗堜緥*/
.case{padding: 70px 0 30px;clear: both;overflow: hidden}
.case ul li{width: 390px;float: left;overflow: hidden;margin-bottom: 28px;}
.case ul li img{width: 100%;height: 262px;}

.case ul li.case_c{margin: 0 15px;}

.case li .simg {
	position: absolute;
	background: rgba(255, 255, 255, .9);
	text-align: center;
	bottom: 55px;
	width: 100%;
	height: 120px;
	line-height: 120px;
	display: block;
	transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
	overflow: hidden
}

.case li .simg img {
	max-width: 100%;
	max-height: 100%;
}

.case .info {
	width: 100%;
	margin: 0 auto
}
.case .info ul {
	width: 100%;
	position: relative;
	font-size: 0
}

.case .info li {
	display: inline-block;
	position: relative;
	margin-bottom: 15px;
	vertical-align: top
}
.case .info small{background-color:#1E90FF }
.infosb{font-size: 15px;margin-bottom: 35px;font-weight: initial;color: #000;}
.infosb:before{content: '';display: inline-block;vertical-align: middle;width: 35px;margin-right: 10px;height: 1px;background: #444;}


.case .info li .Img {
	position: relative;
	overflow: hidden
}

.case .info li .Img i {
	position: absolute;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	bottom: 0;
	width: 100%;
	height: 70px;
	line-height: 70px;
	display: block;
	transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out
}

.case .info li .Img i img {
	max-width:200px;
	max-height: 55px;margin-top: 7px
}

.case .info li .Img {
	display: block;
	width: 100%;
	overflow: hidden
}

.case .info li .Img>img {
	display: block;
	width: 100%;
	height: auto;
	transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out
}

.case .info li .Txt {
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	width: 100%;
	position: relative;
	text-align: center;
	z-index: 2
}

.case .info li .Txt h5 {
	font-size: 16px;
	line-height: 70px;
	color: #000;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	font-weight: initial;
	margin: 0;
}

.case .info li .Txt span {
	font-size: 13px;
	color: #999;
	font-style: oblique;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out
}

.case .info li:hover .Txt h5 {
	color: #fff
}

.case .info li:hover .Txt span {
	color: #fff
}

.case .info li .Txt small {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: all .4s ease-in-out .2s;
	-moz-transition: all .4s ease-in-out .2s;
	-webkit-transition: all .4s ease-in-out .2s
}

.case .info li:hover .Img i,
.case .info li:hover .Txt small {
	transform: translate(0);
	-moz-transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1
}

.case .info li:hover .Img>img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}


.cased{padding: 130px 0 65px;}
.cased .case_info{padding: 0 0 0;clear: both;overflow: hidden}
.cased .case_info img.clogo{width: 200px;height: 55px;float: left}
.cased .case_info_c{padding:40px 0 50px;clear: both;overflow: hidden;line-height: 30px;}
.cased .case_info_c .fl{width: 730px;color: #666}
.cased .case_info_c .fr{width: 390px;color: #323232 }
.cased .case_info_c .fr span{color: #666}
.cased .case_info_c .fr a{color: #0078ff;font-weight: bold}
.cased .case_page{background-color: #18171d;padding: 60px 0 15px}
.cased .case_foot{padding: 120px 0 90px;}
.cased .tcimg1{width: 1232px;margin: 0 auto;padding-bottom: 80px;}
.cased .case_page .viewimg{display: block;margin: 66px auto;width: 300px;height: 60px;font-size: 18px;background-color: #363940;border-radius: 5px;line-height: 60px;text-align: center;color: #1E90FF}
.cased .case_page .viewimg:hover{;background-color:#1E90FF;color:#fff }

.cased .cptop{font-size: 16px;color: #fff;}
.cased .cptop span{font-size: 34px;font-weight: bold;display: block;clear: both;padding-top: 15px;}
.case_con_edit{margin-top: 40px;text-align:center}
.case_con_edit img{margin: 0 auto;}
.case_fixed_wrap{z-index: 99;background:#fff;
	height: 600px;margin: 0 auto}
.case_fixed_img{
	height: 100%;
    background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat; 
    background-size:cover;
    position: relative;
    z-index: 100;
    image-rendering: auto;
}
/*
.case_fixed_img .before{position: absolute;left: 0;top: 0px;height: 100%;width: 14%;background: #f4f4f4;-webkit-transform: translateX(0);transform: translateX(0);}
.case_fixed_img .after{position: absolute;right: 0;top: 0px;height: 100%;width: 14%;background: #f4f4f4;-webkit-transform: translateX(0);transform: translateX(0);}
*/

.case_fixed_img .case_tit{position: absolute;top:50px;left: 17%;width: 250px;}
.case_fixed_img .case_tit img{max-width: 100%;}
.case_fixed_img .case_tit h4 img{display: none;}

/*濂楅*/
.tctop{height: 240px;color: #fff; background: url(./case_top_bg.jpg) repeat;overflow: hidden;position: relative;padding-top: 60px;}
.tctop .tcselect{width:900px;margin: 85px auto}
.tctop .tcselect li{padding: 0 50px;display:block;float: left}
.tctop .tcselect li a{font-size: 24px;color: #7f7f7f;padding-bottom: 22px;position: relative}
.tctop .tcselect li.active a,.tctop .tcselect li a:hover{color: #fff;}
.tctop .tcselect li a span{position: absolute;bottom:0px;left:50%;display:inline-block;width: 0%;margin:0 auto;background: #1E90FF;height: 2px; -webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:translateX(-50%);transform:translateX(-50%);}
.tctop .tcselect li a:hover span{width: 100%;}
.tctop .tcselect li.active a span{width: 100%;}


.tcinfo{height: 720px;background: url(./baojia_bg_1.jpg) no-repeat center center;}
.tcinfo .tcinfoc{padding-top: 120px;}
.tcinfo .tcinfoc .fl{width: 480px;color:#fff;}
.tcinfo .tcinfoc .fr{width: 700px;}
.tcinfo .tcinfoc .fl .tcititle{font-size:30px;font-weight:bold;}
.tcinfo .tcinfoc .fl .tcititle2{font-size:24px;font-weight:bold;color: #000;padding: 20px 0}
.tcinfo .tcinfoc .fl .tciline{width: 100px;height: 1px;border-top: 1px solid #fff}
.tcinfo .tcinfoc .fl .tciprice{font-size:24px;padding: 20px 0 28px}
.tcinfo .tcinfoc .fl .tcifun{font-size: 24px;font-weight:bold;padding-bottom: 15px;}
.tcinfo .tcinfoc .fl p{line-height: 30px;float: left}
.tcinfo .tcinfoc .fl p.tcif2{padding-left: 40px;}

.tcabs{height: 700px;background: url(./baojia_bg_2.jpg) no-repeat center center;color: #fff;}
.tcabs .tcatitle{margin-top: 105px;font-size: 30px;text-align: center }
.tcabs .tcaline{width: 100px;height: 1px;border-top: 1px solid #1E90FF;margin: 45px auto 35px}
.tcabs p{text-align:center;font-size:16px;color:#9e9e9e;line-height: 30px;}
.tcabs .tcaflow{margin: 120px auto;clear: both;position: relative}
.tcabs .tcaflow dl{width: 240px;float: left;position: relative;display: inline-block;text-align: center}
.tcabs .tcaflow dl dt{height: 51px;line-height: 51px;width:51px;margin:0 auto;position:  relative;}
.tcabs .tcaflow dl dt img{vertical-align:middle;}
.tcabs .tcaflow dl dt em{position: absolute;left: 0px;top:0;width: 0px;overflow: hidden;}
.tcabs .tcaflow dl .dian{border:1px solid #acacac;width: 18px;height: 18px;border-radius: 100%;position: relative;  margin:20px auto;}
.tcabs .tcaflow dl .dian span{display:inline-block;position: absolute;left: 4px;top:4px;  width: 10px;height: 10px;border-radius: 100%;background: #acacac;}
.tcabs .tcaflow dl .line{width: 86%;height: 1px;background: #acacac;position: absolute;top: 80px;left: 96px;}
.tcabs .tcaflow dl .line span{position: absolute;background: #1E90FF;display: inline-block;width: 0%;height: 1px;left: 0;}
.tcabs .tcaflow dl .text{width: 60px;margin: 0 auto}
.tcaflow .tcaflow_line{width: 17%;height: 1px;background: #acacac;position: absolute;top:94px}
.tcaflow_line.left_line{left: 0px;}
.tcaflow_line.left_line span{display: inline-block;background: #1E90FF;width: 0%;height: 100%;position: absolute;}
.tcaflow_line.right_line{right: 0px;}
.tcaflow_line.right_line span{display: inline-block;background: #1E90FF;width: 0%;height: 100%;position: absolute;}
.tcaflow  dl:last-child dd.line {display: none;}
.tcaflow .tcac{clear: both;overflow: hidden}


.tccan{padding: 120px 0 110px;display: block;clear: both;overflow: hidden}
.tccan .tcctitle{width: 346px;height: 140px;line-height: 140px;background-color:#242424;color: #fff;margin-top: 150px;font-size: 24px;text-align: center}
.tccan .tcctitle a,.tccan2 .tcctitle a{color: #fff}
.tccan2{padding: 120px 0 110px;display: block;clear: both;overflow: hidden;background-color: #131218}
.tccan2 .tcctitle{width: 346px;color: #fff;margin-top: 200px;font-size: 24px;text-align: center}
.tccan a:hover img,.tccan2 a:hover img{transition:all 0.6s;transform:scale(1.05,1.05);}
.thanks{padding: 55px 0 70px;}


/*鏈嶅姟*/
.stop{height:610px;background: url(./service_bg_1.jpg) no-repeat center center;color: #fff;padding-top: 60px;position: relative;background-size: cover}
.stop .ser1{width: 600px;margin-top: 145px;padding-left: 33px;float: left}
.stop .ser1 .sttitle{font-size: 30px;}
.stop .ser1 .stdes{font-size: 24px;color: #1E90FF;line-height: 60px}
.stop .ser1 .stline{width: 100px;height: 1px;border-top: 1px solid #9f9f9f;}
.stop .ser1 p{font-size: 16px;color: #9e9e9e;line-height: 30px;}
.stop .ser1 ul{color: #9e9e9e;margin-top: 75px;font-size: 16px;}
.stop .ser1 ul li{float: left;width: 80px;text-align: center}
.stop .ser1 ul li.ser1_2{margin: 0 110px;}
.stop .ser1 ul li .icon{display: block;width: 40px;height: 40px;background: url(./service_icon.png) no-repeat -14px -20px;margin: 0 auto 20px}
.stop .ser1 ul li.ser1_2 .icon{background-position:-74px -17px; }
.stop .ser1 ul li.ser1_3 .icon{background-position:-139px -17px; }
.stop .serr{position: absolute;top:90px;right: -200px}

.stop2{height: 670px;background-color: #1E90FF}
.stop2 .ser1{width: 600px;margin-top: 155px;margin-left: 50px;}
.stop2 .ser2{width: 550px;padding-top: 135px;}
.stop2 .ser2 img{margin-left: -190px;max-width: 728px}
.stop2 .ser1 .sttitle{font-size: 30px;color: #fff}
.stop2 .ser1 .stdes{font-size: 24px;color: #000;line-height: 60px}
.stop2 .ser1 .stline{width: 100px;height: 1px;border-top: 1px solid #fff;}
.stop2 .ser1 p{font-size: 16px;color: #fff;line-height: 30px;}
.stop2 .ser1 ul{color: #fff;margin-top: 75px;font-size: 16px;}
.stop2 .ser1 ul li{float: left;width: 120px;text-align: center}
.stop2 .ser1 ul li.ser1_2{margin: 0 100px;}
.stop2 .ser1 ul li .icon{display: block;width: 40px;height: 40px;background: url(./service_icon.png) no-repeat -13px -78px;margin: 0 auto 20px}
.stop2 .ser1 ul li.ser1_2 .icon{background-position:-75px -78px; }
.stop2 .ser1 ul li.ser1_3 .icon{background-position:-143px -77px; }

.stop3{background: #000}
.stop3 .ser1 ul li{width:80px;text-align: center;}
.stop3 .ser1 ul li.ser1_2{margin: 0 100px;}
.stop3 .ser1 ul li.ser1_3{width:160px;}
.stop3 .ser1 ul li.ser1_1 .icon{background-position:-11px -130px; }
.stop3 .ser1 ul li.ser1_2 .icon{background-position:-79px -140px; }
.stop3 .ser1 ul li.ser1_3 .icon{background-position:-145px -138px; }
.stop3 .ser2{width: 480px;margin-top: 158px;}
.stop3 .ser2 img{max-width: 587px}
.stop4{background-color: #323232}
.stop4 .ser2 img{margin-left: -220px;}
.stop4 .ser1 .stdes{color: #1E90FF}
.stop4 .ser1 ul li .icon{width: 42px;height: 42px;}
.stop4 .ser1 ul li.ser1_1 .icon{background-position:-14px -182px; }
.stop4 .ser1 ul li.ser1_2 .icon{background-position:-74px -188px; }
.stop4 .ser1 ul li.ser1_3 .icon{background-position:-140px -185px; }

.sfoot{height: 310px;background-color: #fff;padding: 95px 0 195px;}
.sfoot h3{font-size: 30px;font-weight: 400;text-align: center}
.sfoot p{font-size: 18px;color: #656565;text-align: center}
.sfoot .line{display: block;height: 2px;border-top: 1px solid #1E90FF;width:84px;margin: 32px auto}
.sfoot ul{margin-top: 120px;font-size: 16px;color: #323232}
.sfoot ul li{width: 25%;float: left;text-align: center}
.sfoot ul li .icon{display: block;width: 50px;height: 50px;margin: 0 auto 28px;background: url(./service_icon.png) no-repeat -10px -250px;}
.sfoot ul li.sf_2 .icon{background-position:-70px -250px; }
.sfoot ul li.sf_3 .icon{background-position:-140px -246px; }
.sfoot ul li.sf_4 .icon{background-position:-190px -250px; }

/*鑱旂郴鎴戜滑*/
.contact1{background: url(./contact_bg_1.jpg) no-repeat center center;padding-bottom: 20px;}
.contactc{padding-top:100px;color: #fefefe;position: relative}
.contactc h3{font-size: 100px;font-weight: bold;margin: 0}
.contactc .line{display: block;height: 4px;border-top: 4px solid #fff;width:180px;margin: 35px 0}
.contactc .cstitle{font-size: 30px;}
.contactc p{font-size:16px;line-height:36px;margin-top: 20px;}

.contact2{background: url(./contact_bg_2.jpg) no-repeat center center;}

.contact_nav{position: absolute;height:70px;background-repeat: no-repeat;background-position: center;left: 0px;right: 0px;bottom:10px;overflow: hidden;cursor: pointer;}
.contact_nav .wrap{position: relative;z-index: 2;line-height: 70px;color: #999;font-size: 30px;font-weight: bold;height:70px;}
.contact_nav img{opacity: 0.6;height: 26px;vertical-align: middle;}
.contact_nav:after{content: "";position: absolute;background: rgba(0,0,0,0.8); top: 0px;left: 0px;right: 0px;bottom: 0px;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.contact_nav:hover:after{background: rgba(0,0,0,0.3);}
.contact_nav:hover .wrap{color: #fff}
.contact_nav01{background-image: url(./contact_bg_1.jpg);}
.contact_nav02{background-image: url(./contact_bg_2.jpg);top: 60px;}

/*鍏充簬鎴戜滑*/
.about1{height: 700px;background: url(./about_bg_1.jpg) no-repeat center center;}
.about1 .alogo{width: 600px;padding-top: 205px;animation-duration:2s}
.about1 .ainfo{width: 600px;padding-top: 185px;color: #fff}
.about1 .ainfo .aititle{font-size: 36px;animation-duration:1.5s}
.about1 .ainfo .aititle span{font-size: 18px;display: block;clear: both;line-height: 50px;}
.about1 .ainfo p{color: #e5e5e5;line-height: 38px;animation-duration:3s}

.about2{background-color:#1E90FF;padding-top: 115px;height: 202px;color: #fff}
.about2 dl{width: 299px;float:left;text-align: center;margin: 0}
.about2 dl dt{font-weight: bold;font-size: 54px;}
.about2 dl dd{font-size: 16px;margin:30px 0 0}
.about2 .aline{display: block;height: 77px;width: 1px;background-color: #fff;margin-top: 10px; float: left}
.about2 dl.ab21{animation-duration:1s}
.about2 dl.ab22{animation-duration:2s}
.about2 dl.ab23{animation-duration:3s}
.about2 dl.ab24{animation-duration:4s}

.about3{height: 600px;background: url(./about_bg_2.jpg) no-repeat center center;}
.about3 .ab3c{padding:220px 0 0 50px;}
.about3 .ab3c .fl{width: 680px;}
.about3 .ab3c p{font-size: 16px;color: #333434;width: 660px;line-height: 28px;animation-duration:3s}
.about3 .ab3c .ab3title{font-size: 30px;color: #000}
.about3 .ab3c .stline{display: block;height: 1px;background-color: #1E90FF;width:100px;margin: 22px 0 30px;animation-duration:2s}
.about3 .ab3c .circle-box{
	width:373px;
	height:272px;
	float: right;
	position: relative
}

.about3 .ab3c .circle-box div{
	width:162px;
	height:162px;
	position: absolute
}

.about3 .ab3c .circle-box div.move{
	opacity:1;
}
.about3 .ab3c .circle-box .top{
	background:url(./about_yj_1.png) no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	left:50%;
	margin-left: -81px;
	-webkit-transition:opacity 0.5s 0.5s;
	-moz-transition:opacity 0.5s 0.5s;
	-o-transition:opacity 0.5s 0.5s;
	-ms-transition:opacity 0.5s 0.5s;
	transition:opacity 0.5s 0.5s;
}
.about3 .ab3c .circle-box .left{
	background:url(./about_yj_2.png) no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	left:0;
	bottom:0;
	-webkit-transition:opacity 0.5s 1s;
	-moz-transition:opacity 0.5s 1s;
	-o-transition:opacity 0.5s 1s;
	-ms-transition:opacity 0.5s 1s;
	transition:opacity 0.5s 1s;
}
.about3 .ab3c .circle-box .right{
	background:url(./about_yj_3.png) no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	right:0;
	bottom:0;
	-webkit-transition:opacity 0.5s 1.5s;
	-moz-transition:opacity 0.5s 1.5s;
	-o-transition:opacity 0.5s 1.5s;
	-ms-transition:opacity 0.5s 1.5s;
	transition:opacity 0.5s 1.5s;
}

.about4{background-color: #1d1c22;height: 600px;color: #fff;text-align: center}
.about4 h3{font-size:30px;margin:64px 0 0}
.about4 .line{display: block;height:1px;background-color:#1E90FF;width:100px;margin:28px auto}
.about4 p{line-height: 28px;font-size: 16px;}
.about4 ul{margin-top: 100px;font-size: 18px;}
.about4 ul li{width: 25%;float: left;text-align: center}
.about4 ul li .icon{display: block;width:90px;height: 90px;margin: 0 auto 28px;background: url(./about_icon.png) no-repeat 0 0;}
.about4 ul li.sf_1{animation-duration:1s}
.about4 ul li.sf_2 .icon{background-position:-144px 0;}
.about4 ul li.sf_3 .icon{background-position:-285px 0;}
.about4 ul li.sf_4 .icon{background-position:-430px 0;}
.about4 ul li.sf_2{animation-duration:1.5s}
.about4 ul li.sf_3{animation-duration:2s}
.about4 ul li.sf_4{animation-duration:2.5s}

.about5{background-color: #f6f6f6;height: 656px;color: #000;text-align: center}
.about5 h3{font-size:30px;margin:60px 0 0}
.about5 .line{display: block;height:1px;background-color:#1E90FF;width:100px;margin:25px auto}
.about5 p{line-height: 28px;color: #333;font-size: 16px;}
.about5 ul{margin-top: 60px;}
.about5 ul li{width: 277px;float: left;position: relative;text-align: center;margin-right: 30px;}
.about5 ul li span{display: block;position: absolute;top: 50%;margin-top: -12px;color: #1E90FF;font-size: 24px;width: 100%;animation-duration:3s}
.about5 ul li.sf_4{float: right;margin-right: 0;animation-duration:2s}
.about5 ul li.sf_1{animation-duration:0.5s}
.about5 ul li.sf_2{animation-duration:1s}
.about5 ul li.sf_3{animation-duration:1.5s}
.about5 ul li:hover img{transition:all 0.6s;transform:scale(1.1,1.1);}
/*鏂伴椈*/
.lists{padding: 100px 0}
.lists .catnav a{font-size: 16px;display: block;margin-right: 55px;float: left;padding-bottom: 12px;position: relative;color: #666}
.lists .catnav a.cur,.lists .catnav a:hover{color: #000}
.lists .catnav a span{position: absolute;bottom:0px;left:50%;display:inline-block;width: 0%;margin:0 auto;background: #1E90FF;height: 2px; -webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:translateX(-50%);transform:translateX(-50%);}
.lists .catnav a:hover span{width: 100%;}
.lists .catnav a.cur span{width: 100%;}

.lists ul{margin-top: 80px}
.lists ul li{width: 570px;margin-bottom: 80px;}
.lists ul li a .atime{color: #666;font-size: 12px;}
.lists ul li a .atime span{font-size: 16px;padding-right: 10px;}
.lists ul li a .atitle{display: block;clear: both;padding: 25px 0;font-size: 18px;}
.lists ul li a .ades{color: #666;font-size: 12px;line-height: 24px;}
.lists ul li a .atitle span{display: inline-block;vertical-align: middle;width: 0;height: 0;border-top: 1px solid #1E90FF;transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out}
.lists ul li a:hover .atitle span{width: 40px}

.pages{width: 100%;clear: both;overflow: hidden;font-size: 16px;color: #333}
.pages span{color: #1E90FF}
.pages a{display: inline-block;margin: 0 5px;color: #333}

.show{padding: 100px 0 150px;position: relative;clear: both;overflow: hidden}
.show .atitle{font-size: 32px;margin: 0}
.show .atime{font-size: 18px;line-height: 70px;border-bottom: 3px solid #000;width: 100%;}
.show .atime span{color:#656565}
.show .article{width: 828px;float: left;margin-top: 25px;line-height: 28px;color: #333}
.show .article .keys{clear: both;overflow: hidden;margin-top: 40px;color:#1E90FF;}
.show .article .keys span{padding:0 10px;display: inline-block;color: #979797 }
.show .article .prenext{border-top: 1px dashed #d2d2d2;margin-top: 55px;padding-top: 40px;}
.show .article .prenext a{color: #323232;width: 40%;padding-left: 25px;font-size: 16px;background: url(./arrow_l.png) no-repeat 0 center;display: block}
.show .article .prenext a.fr{text-align: right;padding-right: 25px;background: url(./arrow_r.png) no-repeat right center;}
.show .rbar{width: 340px;float: right;padding-top: 30px;position: relative}
.show .rbar .rbc{width: 100%}
.show .rbar a{display: block;border-top: 1px dashed #e3e3e3;height: 72px;line-height: 72px;}
.show .rbar a.rblast{border-bottom: 1px dashed #e3e3e3}
.show .rbar a span{width: 20px;display: inline-block;font-size: 12px;color:#989898;height: 100%;float: left}
.show .rbar a.cur{color:#1E90FF }
.show .rbar a.cur span,.show .rbar a:hover span{background: url(./arrow_r2.png) no-repeat left center;}
.show .rbar .rbfoot{margin-top: 28px;}

/*鍙充晶*/
.left_menu{position: fixed;right:0;bottom:5px;z-index: 999;}
.left_menu .menu_ly{width: 70px;height: 70px;background: #1E90FF;
  position: relative;text-align: center;
  transition:all 0.5s;cursor: pointer;
}
.left_menu .menu_ly a img{margin-top: 20px;transition:all 0.5s;}
.left_menu .menu_ly a p{color: #fff;font-size: 16px;opacity: 0;transition:all 0.5s;margin-top: 3px;}
.left_menu .menu_ly:hover{width: 90px;height: 90px;margin:-20px 0 0 -20px}
.left_menu .menu_ly:hover a img{margin-top: 15px;}
.left_menu .menu_ly:hover p{opacity: 1;}
.left_menu .menu_ly .qrcode{display: none; position: absolute;right: 90px;top: 0;}
.left_menu .menu_ly:hover .qrcode{display:block;width: 142px;transition:width 0.5s;}
.left_menu .menu_dh{width:70px;position: relative;}
.left_menu .menu_dh .dh{background: rgba(0,0,0,0.8);width: 70px;height: 70px;
  line-height: 70px;text-align: center;position: relative;
}
.left_menu .menu_dh .dh img{display: inline-block; height: auto; max-height: 100%;max-width: 100%;vertical-align: middle; width: auto;}
.left_menu .menu_dh a{display: block;position: relative;z-index: 2;color: #fff;cursor: default;}
.left_menu .menu_dh .dh_01{height: 0px;transition:height 0.5s 0.3s;}
.left_menu .menu_dh .dh_01 img{opacity: 0;}
.left_menu .menu_dh.hover .dh_01{height: 70px;transition:height 0.3s;}
.left_menu .menu_dh.hover .dh_01 img{opacity: 1;transition:opacity 0.3s;}

.left_menu .menu_dh .phone1,.left_menu .menu_dh .phone2{position: absolute;top: 0px;right: 70px;width: 0px;height: 70px;
  background: rgba(0,0,0,0.8);color: #fff;font-size: 20px;line-height: 70px;text-align: center;
  font-family: "YourWebFontName";
  overflow: hidden;
}
.left_menu .menu_dh:hover .phone{width:230px;transition:width 0.5s 0.2s;}


.left_menu .menu_top{opacity: 0;height:0;transition:all 0.5s;}
.left_menu .menu_top.scor{opacity: 1;height:70px;}

/*閫傞厤涓嶅悓灞忓箷*/
@media only screen and (max-width: 1500px){
  .in_case_hover img{width: 25%!important;}
}
@media only screen and (max-width: 1400px){
  .in_case_hover img{width: 30%!important;}
}
@media only screen and (max-width: 1200px){
  .in_case_hover img{width: 35%!important;}
  .in_case_hover span{margin:10px auto;}
}
@media only screen and (max-width: 1000px){
  .in_case_hover img{width: 40%!important;}
}
@media only screen and (max-width: 767px){
  .in_case .cs{width: 100%;padding-bottom: 41.6%;}
  .in_case .cs>ul li .p{bottom: 15%;left:4%;}
  .in_case .cs>ul li .p h3{margin-bottom: 0px;font-size: 18px;}
  .in_case_hover span{margin:5px auto;}

  .in_case .cs>ul li .p p{display: none;}
}

@media only screen and (min-width: 1536px) {
	.w1200{width: 1536px;margin: 0 auto}
	.iservice{height: 660px;}
	.iservice .iscon{padding-top: 70px;}
	.iservice .iscon ul li{width: 384px;height: 256px;line-height: 256px;}
	.iservice .iscon ul li img{width: 384px;height: 256px;}
	
	.iabout .iacon{padding: 90px 0 0px;color: #fff}//padding: 90px 0 85px;
	.iabout .iacon .fl{width:710px;margin-top: 30px;}
	.iabout .iacon .fr{width:710px;}
	
	.inews .incon{padding: 86px 0 94px;}
	.inews .incon .fl{width: 745px;}
	.inews .incon .fr{width: 715px;}
	
	.tcinfo .tcinfoc .fl{width: 480px;color:#fff;margin-left: 60px;}
	.tcinfo .tcinfoc .fr{width: 940px;}
	.tccan{padding-left:310px;}
	.tccan2 .tcctitle{width: 346px;margin-left: 210px;}
	
	.tcabs .tcaflow dl{width:305px;}
	.tcabs .tcaflow dl .line{left:174px;}
	
	.case ul li{width: 500px;}
	.cased .tcimg1{width: 1642px;}
	.stop{height:670px;}
	.stop .ser1{width:800px;}
	.stop2 .ser1{width:800px;margin-top: 155px;margin-left: 50px;}
	.stop2 .ser2{width: 550px;padding-top: 135px;}
	.stop2 .ser2 img{margin-left:-50px;}
	.stop3 .ser1{width:800px;margin-top: 85px}
	.stop .serr{right: -100px;}
	
	.lists ul li{width:740px;}
	.show .article{width: 1097px;}
	.show .rbar{width: 404px;}
	
	.about1 .alogo{width: 768px;}
	.about1 .ainfo{width: 768px;}
	.about2 dl{width: 380px;}
	
	.about5 ul li{width: 350px;}
}

@media only screen and (min-width: 980px) and (max-width:1119px) {
	.w1200{width: 980px;margin: 0 auto}
	.iservice{height: 660px;}
	.iservice .iscon{padding-top: 170px;}
	.iservice .iscon ul li{width: 245px;height: 164px;line-height:164px;}
	.iservice .iscon ul li img{width: 245px;height:164px;}
	
	.iabout .iacon{padding: 150px 0 85px;color: #fff}
	.iabout .iacon .fl{width:470px;margin-top: 30px;}
	.iabout .iacon .fr{width:470px;}
	.iabout .iacon .fr .ades dl.ades2{width: 180px}
	
	.inews .incon{padding: 86px 0 94px;}
	.inews .incon .fl{width:470px;}
	.inews .incon .fr{width: 470px;}
	
	.tccan .fl{width: 700px;}
	.tccan .tcctitle{width: 200px;}
	.tcinfo .tcinfoc .fl{width: 380px;color:#fff;margin-left:30px;}
	.tcinfo .tcinfoc .fr{width: 480px;}
	.tcinfo .tcinfoc .fr img{max-width: 800px}
	.tccan{padding-left:10px;}
	.tccan2 .fl{width: 700px;}
	.tccan2 .tcctitle{width: 200px;margin-left: 10px;}
	
	.tcabs .tcaflow dl{width:195px;}
	.tcabs .tcaflow dl .line{left:70px;}
	
	.case ul li{width: 320px;}
	.case ul li.case_c{margin: 0 10px;}
	
	.cased .tcimg1{width:894px;}
	
	.stop{height:670px;}
	.stop .ser1{width:600px;}
	.stop .serr{width:600px;right: -200px}
	.stop2 .ser1{width:440px;margin-top: 105px;margin-left: 50px;}
	.stop2 .ser2{width:490px;padding-top: 135px;}
	.stop2 .ser2 img{margin-left:-120px;}
	.stop3 .ser1{width:490px;margin-top: 85px}
	.stop2 .ser1 ul li.ser1_2{margin: 0 20px;}
	.stop3 .ser1 ul li.ser1_2{margin: 0 20px}
	.stop3 .ser2{width: 440px;}
	
	.lists ul li{width:475px;}
	.show .article{width:606px;}
	.show .rbar{width: 340px;}
	
	.about1 .alogo{width: 490px;}
	.about1 .ainfo{width: 490px;}
	.about2 dl{width:240px;}
	.about3 .ab3c{}
	.about3 .ab3c .fl{width: 500px}
	.about5 ul li{width:222px;}
}