@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ font-size:14px; font-family:"微软雅黑"; color:#333; background-color:#ffffff;}
a{ color: #333; text-decoration: none; }
li{ list-style: none; }
button, textarea, input, select{ outline: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.mr_0{ margin-right:0px}
.mr10{ margin-right:10px;}
.mr25{ margin-right:25px;}
.ml10{ margin-left:10px;}
.ml25{ margin-left:25px;}
.ml50{ margin-left:50px;}
.mt20{ margin-top:20px;}
.mt50{ margin-top:50px;}
.mt85{ margin-top:85px;}
.mt100{ margin-top:100px;}
.mt170{ margin-top:170px;}
.mb20{ margin-bottom:20px;}
.mb90{ margin-bottom:90px;}
.pt50{ padding-top:50px;}
.pb50{ padding-bottom:50px;}
.pt85{ padding-top:85px;}
.pb85{ padding-bottom:85px;}
.pl30{ padding-left:30px;}
.pr30{ padding-right:30px;}
.p15{ padding:15px;}
.w45{ width:45%;}
.f16{ font-size:16px;}
.f20{ font-size:20px;}
.pos_rel{ position:relative;}
.f26{ font-size:26px;}
.f38{ font-size:38px;}
.font_ce{ color:#ce3012;}
.bg_white{ background:#FFF}
.bg_blue{ background-color:#252362;}
.bg_e6{ background-color:#e6e6e6;}
.border_left{ border-left:1px solid #989898;}
.border_right{ border-right:1px solid #fff;}
.textright{ text-align:right;}
.textcenter{ text-align:center;}
.w100{ width:100%;}
.w1200{ width:1200px; margin:0 auto;}
.oh{overflow: hidden;}
.ab{position: absolute;}
.lh250{ line-height:250%;}
.lh200{ line-height:200%;}
.font_blue{ color:#5b9cef;}


header{ width:100%; height:195px;}
nav{ width:100%; height:62px; background-color:#2789f8;}
.logo{ float:left; padding-top:50px;}
.hotline{ float:right; text-transform:uppercase;}
.hotline i{ text-align:right; font-style:normal; float:right;width:100%; display:block; line-height:28px; color:#666;}
.hotline p{ font-size:24px; font-weight:bold;}
.hotline hr{ width:100%; height:2px; background-color:#000; margin:10px 0px;}

nav dl{float:right;}
nav dl dd{ float:right;line-height:62px;font-size:20px; font-weight:bold;color:#FFF;}
.banner{ width:100%; height:552px; background:url(../images/banner.jpg) center center no-repeat;}
.protitle{ width:100%; height:80px; margin-top:55px; background:url(../images/protitle.png) center center no-repeat;}
.index_search{ width:1200px; padding:10px; border-top:1px solid #000;border-bottom:1px solid #000; margin-top:45px; margin-right:auto; margin-bottom:0px; margin-left:auto; font-size:18px; font-weight:bold;}
.index_pro{ width:1200px; margin:40px auto;}
.index_pro ul li{ width:363px; float:left; margin-right:55px;}
.index_pro ul li img{width:363px; height:363px;}
.index_pro ul li.lastli{ float:right; margin-right:0px;}
.index_pro ul li div{ padding-top:28px; padding-bottom:28px; font-size:20px; font-weight:bold; background:url(../images/arrow.png) right center no-repeat;}
.index_reason{ width:100%; height:571px; background:url(../images/reasonbg.jpg) center center no-repeat; margin-top:50px; padding-top:100px;}
.index_reason_title{ height:132px; width:100%; background:url(../images/reason_title.png) top center no-repeat; text-align:center;}
.index_reason_title p{ padding-top:80px; color:#FFF; font-size:16px;}
.index_reason_con{ width:1200px; margin:0 auto; padding:50px 0px; border-top:2px solid #FFF;border-bottom:2px solid #FFF;}
.index_reason_con ul li{ width:350px; float:left; color:#FFF;}
.index_reason_con ul li i{ width:120px; height:120px; border:2px solid #FFF; border-radius:50%; display:block; float:left; margin-right:10px; background-position: center center; background-repeat:no-repeat;}
.index_reason_con ul li b{ font-size:22px; font-weight:normal; display:block; padding:5px 0px;}
.index_reason_con ul li p{ line-height:24px;}
.r1{ background:url(../images/r1.png);}
.r2{ background:url(../images/r2.png);}
.r3{ background:url(../images/r3.png);}
.index_reason_button{ width:550px; margin-top:60px; margin-right:auto; margin-bottom:0px; margin-left:auto;}
.index_reason_button a{ width:235px; height:60px; display:block; border-radius:50px; text-align:center; line-height:60px; font-size:24px; background-color:#FFF; color:#3a71b7;  }
.index_reason_button a:hover{ color:#FFF; background-color:#3f92f2;} 
.index_rlist{ width:1200px; margin:0 auto;}
.index_rlist ul li{ width:100%; padding:75px 0px; border-bottom:2px solid #CCC; }
.index_rlist ul i{ width:389px; height:389px;}
.index_rlist_con{ width:668px;}
.index_rlist_con h1{ font-size:48px; padding-bottom:30px; border-bottom:2px solid #000; margin-top:20px;}
.index_rlist_con p{ padding-top:30px; font-size:18px; line-height:200%;}
.index_rlist_con a{ width:130px; height:35px; background-color:#000000; display:block; border-radius:20px; text-align:center; line-height:35px; color:#fff; margin-top:25px;}
.index_rlist_con a:hover{background-color:#39a4e2;}

.index_rlist2{ width:100%; height:660px; background:url(../images/reasonbg2.jpg) center center no-repeat;}
.index_rlist2_left{ width:45%; float:left; padding-top:135px;}
.index_rlist2_right{width:45%; float:right; color:#FFF; padding-top:135px;}
.index_rlist2_right h1{ font-size:42px; font-weight:normal;}
.lbg{ width:100%; background:url(../images/lbg.png) top left no-repeat; padding-top:30px; margin-top:20px; font-size:16px; line-height:28px;}
.lbg ul li{ width:120px; height:120px; border:3px solid #FFF; float:left; margin-right:50px; margin-top:50px; border-radius:50%;}
.licon1{ background:url(../images/licon1.png) center center no-repeat;}
.licon2{ background:url(../images/licon2.png) center center no-repeat;}
.licon3{ background:url(../images/licon3.png) center center no-repeat;}

.lbg2{ width:100%; height:475px; background:url(../images/lbg2.jpg) center center no-repeat;}
.lpic{ width:595px; height:465px; position:absolute; background-color:#48a1f0; top:150px; }
.lpic p{ line-height:72px; font-weight:bold; font-size:16px; color:#FFF; text-indent:10px;}
.ltext{ position:absolute; right:47px; color:#FFF; top:150px; width:533px;}
.ltext h1{ font-size:28px; font-weight:normal; text-align:center;}
.ltext h2{ text-align:center; text-transform:uppercase; line-height:200%; font-size:16px; font-weight:normal;}
.ltext p{ margin-top:20px; line-height:200%; font-size:16px;}
.ltext i{ width:300px; margin:0 auto; display:block;}
.ltext i a{ width:115px; height:30px; display:block; text-align:center; line-height:30px; background-color:#ffffff; float:left;margin-top:30px; font-style:normal;}
.ltext i a:hover{ background-color:#0b4592; color:#FFF;}
.ltext ul li{ float:left; width:171px; height:85px; margin-top:68px;}

.index_case{ width:1200px; margin-top:250px; margin-right:auto; margin-bottom:0px; margin-left:auto; }
.index_case h1{ text-align:center; font-size:48px;}
.index_case h2{ font-size:16px; text-transform:uppercase; text-align:center; color:#bababa; margin-top:5px;}



.content-four{
	width:1200px;
	margin-top:50px;
}
.con-four{
	width: 350px;
	height: 408px;
	float: left;
	margin-right: 70px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border:1px solid #ccc;
}
.con-four img{
	width:353px;
	height: 408px;
}
.txt-four{
	position: absolute;
	left: -353px;
	top: 0;
	width: 100%;
	height: 408px;
	padding-top: 180px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: #48a1f0;
	opacity:0.9;
	/*display: none;*/
}
.txt-four h3{
	font-weight: bold;
	font-size:22px;
}
.txt-four p{
	font-size: 14px;
	display: block;
	line-height: 20px;
}
.caseli{ float:right; margin-right:0px;}
.hornor_bg{ width:100%; height:803px; background:url(../images/hornor_bg.jpg) center center no-repeat; margin-top:115px;}
.hornor_bg h1{ padding-top:65px; color:#FFF; font-size:48px; text-align:center;}
.hornor_bg h2{ text-align:center; font-size:12px; text-transform:uppercase; color:#FFF;}
.hornor_con{ width:1200px; background-color:#FFF; margin-top:50px; margin-right:auto; margin-bottom:50px; margin-left:auto;}
.hornor_list{ padding:40px;}
.hornor_list ul li{ width:208px; height:318px; background-color:#dfdfdf; float:left; margin-right:42px; padding:20px;}
.hornor_list ul li img{ max-width:100%;}
.hornor_list ul li p{ text-align:center; line-height:28px; font-weight:bold;}
.hornor_list ul li.hornorli{ float:right; margin-right:0px;}
.hornor_more{ width:185px; height:55px; background-color:#FFF; border-radius:30px; display:block; margin:0 auto; text-align:center; line-height:55px; font-size:16px;}
.hornor_more:hover{ background-color:#175fc0; color:#FFF;}

.index_news{ width:1200px; margin:80px auto;}
.index_news h1{ font-size:48px; text-align: center;}
.index_news h2{ font-size:12px; text-transform:uppercase; text-align:center; color:#999; margin-top:10px;}
.index_news_title{ width:100%; height:60px; border-bottom:1px solid #000; margin-top:50px; margin-bottom:50px; font-size:22px; line-height:250%;}
.index_news_title img{ margin-right:10px;}

footer{ 
	width:100%; 
	float: left;
	/* height:436px;  */
	background-color:#212121;
}
.foot_con{ width:1200px; margin:0px auto; padding-top:60px;}
.f_col{ width:220px; height:200px; float:left; border-right:1px solid #666; float:left; color:#FFF;}
.f_col a{ width:126px; height:35px; background:#3ea1f4; display:block; line-height:35px; border-radius:20px; color:#FFF; text-align:center; margin-bottom:20px;}
.f_col p{ line-height:38px; font-size:16px;}
.foot_con ul{ width:140px; padding-left:30px; color:#FFF;}
.foot_con ul dd{ margin-bottom:30px; font-size:18px;}
.foot_con ul li{ font-size:16px; line-height:28px; color:#727272;}
.foot_con ul li a{color:#fff;}
.f_copyright{ width:1200px; margin-top:50px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:20px;border-top:1px solid #727272; }
.f_copyright p{ color:#727272; line-height:28px; text-transform:uppercase;}

.sub_position{ width:1200px; height:35px; border:1px solid #f0e9e9; background:#fcf8f8; margin:20px auto; line-height:35px; text-indent:10px; color:#666;}
.sub_position a{color:#666;}
.sub_con{ width:1200px; margin:20px auto; position:relative;}
/*.sub_con_left{ width:200px; float:left;}*/
#sub_con_left{
   position: absolute;
   width:200px;
   top: 885px;
   left: 0;
	}
.sub_con_right{ width:1200px; margin-top:100px;}
#sub_con_left ul li{
	width:100%;
	height:45px;
	line-height:45px;
	border-bottom:1px solid #FFF;
	background-color:#3ea1f4;
	color:#FFF;
	text-indent:20px;
	font-size:16px;}
#sub_con_left ul li a{ color:#FFF;font-size:16px;}
.sub_con_right_title{ width:100%; height:45px; line-height:45px; font-size:22px; border-bottom:1px solid #3ea1f4; color:#3ea1f4;}
.sub_con_con{ width:100%; font-size:16px; line-height:34px; padding-bottom:30px; min-height:400px;}
.sub_con_con ul li{
	width:380px;
	height:420px;
	float:left;
	border:1px solid #CCC;
	margin-right:25px;
	margin-bottom:28px;
	text-align:center;
	background-color:#3ea1f4;
	font-weight:bold;
	font-size:22px;
	line-height:38px;}
.sub_con_con ul li.lastlii{
	float:right;
	margin-right:0px;}
.sub_con_con ul li img{
	width:380px;
	height:360px;}
.sub_con_con ul li a{ color:#FFF;}
.sub_con_con img{
	max-width:100%;} 
.sub_con_con h2{
	text-align:center;
	font-size:28px;
	margin-top:30px;
	margin-bottom:30px;}
.sub_con_con dl dd{
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px dashed #CCCCCC;}
.sub_con_con dl dd p{ color:#999;}
	
.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* height:552px; */
}
.silder-main-img img{
	width: 100%;
	/* height:552px; */
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}
/* All */
.nav {
	float:left;
	width:1200px;
}
.nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  border-left:1px solid #85bcfb;
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  float: left;
  position: relative;
  border-right:1px solid #85bcfb;
}
.nav a {
  display: block;
  line-height:62px;
  height:62px;
  width:120px;
  text-align:center;
  color: #fff;
  font-weight:bold;
  font-size:18px;
}
.nav a:hover {
  text-decoration: none;
  background: #273754;
}
.nav li ul {
  background: #273754;
  border:0px;
}
.nav li ul li {
  width: 120px;
    border:0px;
}
.nav li ul a {
  border: none;
}
.nav li ul a:hover {
  background: rgba(0, 0, 0, 0.2);
}

.nav3 ul > li:hover ul li {
  height: 54px;
}
.nav3 li ul {
  position: absolute;
  left: 0;
  top: 62px;
  z-index: 1;
}
.nav3 li ul li {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
}

.container {
  *zoom: 1;
  position: relative;
  margin: 0 auto;
  width: 700px;
  height: 100%;
}

.index_news_left{
	width:474px;
	height:463px;
	float:left;}
.index_news_right{
	width:660px;
	float:right;}
.index_newscon h1{
	font-size:24px;
	text-align:left;
	margin-bottom:15px;}
.index_newscon p{
	line-height:28px;
	color:#666;}
.index_news_right ul{
	margin-top:0px;}
.index_news_right ul li a{
	width:100%;
	height:125px;
	margin-bottom:20px;
	border:1px solid #000;
	display:block;}

.index_ndate{
	width:125px;
	height:110px;
	float:left;
	background-color:#000;
	color:#FFF;
	text-align:center;
	padding-top:15px;}
.index_ndate b{ font-size:48px;}
.index_ndate p{ font-size:18px; color:#FFF;}
.index_ncon{ width:495px; height:85px; float:left; text-align:left; padding:20px;overflow: hidden;}

.index_ncon b{ font-size:18px;}
.index_ncon p{ line-height:22px; color:#666; margin-top:10px;}
#sub_nav{ width:100%; height:65px; line-height:45px; background-color:#ecf1f5; position: absolute;top:809px; left: 0;right: 0; z-index:99999;}
#sub_nav div{ width:1200px; height:65px; margin:0 auto; }
#sub_nav div a{ color:#fff;line-height:45px; font-weight:bold; font-size:16px; margin-top:10px; margin-left:5px; margin-right:5px; text-align:center; padding:0px 15px; background-color:#3ea1f4; display: inline-block; border-radius:10px;}


.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 75%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 75%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}

#goTopBtn {
	POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto
}

.Box {position: relative;}
.Box .content {width: 1145px;margin: 0 auto; padding:30px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 80px;height: 80px;position: absolute;top: 150px;cursor: pointer; border-radius:50%;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -102px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -102px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 280px;height: 350px;margin-left: 10px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 280px;height: 350px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}


.zhi_con_con{ width:100%; font-size:16px; line-height:34px; padding-bottom:30px; min-height:500px;}
.zhi_con_con ul li{
	width:380px;
	height:520px;
	float:left;
	border:1px solid #CCC;
	margin-right:25px;
	margin-bottom:28px;
	text-align:center;
	background-color:#3ea1f4;
	font-weight:bold;
	font-size:22px;
	line-height:38px;}
.zhi_con_con ul li.lastlii{
	float:right;
	margin-right:0px;}
.zhi_con_con ul li img{
	width:380px;
	height:460px;}
.zhi_con_con ul li a{ color:#FFF;}

.index_search_con{
	float:right;}
	
	
/**/
.case {overflow:hidden;width:1200px;margin:0 auto;margin-bottom:50px; background-color:#dfdfdf; margin-top:50px;}
.case .casebox{overflow:hidden;width:100%;height: 371px;margin-top:40px;position:relative;}
.case .casebox i{ display:block; width:41px; height:41px; cursor:pointer; position:absolute; top:115px;}
.case .casebox .btn01{ background:url(../images/jtl02.png) no-repeat center top; left:0}
.case .casebox .btn01:hover{ background:url(../images/jtl03.png) no-repeat center top; left:0}
.case .casebox .btn02{ background:url(../images/jtr02.png) no-repeat center top; right:0}
.case .casebox .btn02:hover{ background:url(../images/jtr03.png) no-repeat center top; right:0}
.case .casebox i:hover{ background-position:bottom}
.case .casewin{overflow:hidden;width:1000px;margin:0 auto;height: 326px;position: relative;}
.case .casewin ul{ overflow:hidden; position:absolute}
.case .casewin li{float:left;width:311px;margin-right:33px;height: 330px;background-color:#eee;}
.case .casewin li a{ display:block; text-decoration:none;}
.case .casewin li img{ display:block; margin-bottom:12px;}
.case .casewin li span{ display:block; text-align:center; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case .casewin li:hover{ background-color:#f07f1b;}
.case .casewin li:hover span{ color:#fff;}