@charset "utf-8";
/* CSS Document */

a:hover {text-decoration:none;}
.aicaigou {
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    min-height: 230px;
}
.aicaigou li{
	float: right;width: 49%;
}.aicaigou li:first-child{
	float: left;
}

.contact .feature-content span {
	color: #888;font-size: 14px; margin-top: 10px;
}
.hover-panel .feature-content span {
	color: #fff;font-size: 14px;
}




.hover-panel .feature-title span {
	color: #fff;
}



.contact .feature-content span{
	font-size: 16px;
}

.hover-panel .feature-content p{
	font-size: 16px;
}


.banner_bg{
	background: url(../images/banner5.jpg) no-repeat center center; height: 715px;
}


.content02{
	width: 100%;
	height: 750px;
	background-image: url(../images/bg01.jpg);
	text-align: center;
}
.content02 p{
	color: #fff;
	margin-top: 40px;
	margin-bottom: 70px;
}
.ys-top{
	margin:auto;
	width: 1200px;
}
.ys{
	float: left;
	display: block;
	width: 196px;
	height: 226px;
	background-image:  url(../images/hexagon01.png);
	color:#ffffff;
		transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.ys h2{
	font-weight:500;
	margin-top: 55px;
}
.ys hr{
	width: 145px;
	filter:alpha(opacity:50); 
	opacity:0.5;  
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	margin-top: 15px;
	margin-bottom: 15px;
}
.ys p{
	margin: 20px;
}
.ys:hover{
	float: left;
	display: block;
	width: 196px;
	height: 226px;
	background-image:  url(../images/hexagon02.png);
	color:#ffffff;
	transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
.bg-line{
	margin-top: -53px;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    text-align: center;
    height: 70px;
}
.bg-line div{
	background: url(../images/line01.png) no-repeat 50% 0;
    left: 0;
    top: 0;
    z-index: 100;
    min-width: 1200px;
    text-align: center;
    height: 70px;
}


.margin-left-41 {
    margin-left: 41px;
}

.margin-left-42 {
    margin-left: 42px;
}


.content06{
	width: 100%;
	text-align: center;
 margin:0 auto;
	background: url(../images3/0181.jpg) no-repeat center center;
	color:#ffffff;
	height: 790px;
}
.case{
	margin-top: 40px;
    margin-bottom: 50px;
	overflow: hidden;
    
}
.case li{
	float: left;
    width: 280px;
    margin: 20px 10px;
}
.case li h1{
	font-size: 18px;
	margin: 20px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.case li img{
	width: 280px;
	height: 330px;
    margin-bottom: 30px;
	box-shadow: 0 0 10px #fff;
}
.case li span{
    margin-top: 20px;
    color: #005097;
    padding: 8px 20px;
    border-radius: 5px;
    background: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.case li b{
    margin-top: 20px;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 5px;
    font-weight:bold;
    background: #005097;
    font-size: 16px;
    cursor: pointer;
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
#hzhb{
	width:100%;
	min-width:1320px;
	overflow:hidden;
	padding-bottom:20px;
	
	margin-top:30px;
}

.hzhb_main{
	width:1200px;
	overflow:hidden;
	margin:0 auto;
}

.hzhb_title{
	width:440px;
	margin:0 auto;
	padding-top:20px;
	font-size:35px;
	color:#00679E;
	line-height:50px;
	text-align:center;
}




.hzhb_title_a{
	width:350px;
	margin:0 auto;
	padding-top:20px;
	font-size:35px;
	color:#00679E;
	text-align:center;
}

.hzhb_title_b{
	width:650px;
	margin:0 auto;
	padding-top:40px;
	font-size:35px;
	color:#00679E;
	text-align:center;
}

.hzhb_title_c{
	width:650px;
	margin:0 auto;
	padding-top:2px;
	padding-bottom:10px;
	font-size:28px;
	color:#ff0000;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	
}


.hzhb_line{
	width:100px;
	height:3px;
	background:#00679E;
	margin:5px auto;
	border-radius:50px;
}

.hzhb_dec{
	width:1000px;
	margin:0 auto;
	height:20px;
	line-height:20px;
	color:#666;
	text-align:center;
}

.hzhb_list{
	width:1200px;
	margin:30px 0 15px  0;
}
.hzhb_list img{
	width: 100%;
}





.margin-bottom-60 {
    margin-bottom: 60px;
}

.contents{
	    margin-left: auto;
    margin-right: auto;
    width: 1200px;overflow: hidden;
}



.tbTit {padding: 35px 0 35px 0;}
.tbTit .p1 {font-size: 12px;color: #979797;margin-bottom: 12px;}
.tbTit .boxLeft {font-size: 24px;color: #4184ff;}
.tbTit .boxRight {font-size: 16px;color: #979797;}
.li1 a:nth-child(2n){
	display: inline-block;
	    font-size: 12px;
    line-height: 32px;
	width: 190px;

}
.li1 a:nth-child(2n+1){
	display: inline-block;
	    font-size: 12px;
    line-height: 32px;
	width: 150px;
   margin-left: 20px;
}
.li1 img{
	float: right;margin-top: 8px;
}

.li2 a{
	display: inline-block;
	    font-size: 12px;
	line-height: 32px;
	width: 270px;
}
.li2 img{
	float: right;margin-top: 8px;margin-right: 30px;
}

.li3 a:nth-child(2n){
	display: inline-block;
	    font-size: 12px;
    line-height: 32px;
	width: 190px;

}
.li3 a:nth-child(2n+1){
	display: inline-block;
	    font-size: 12px;
    line-height: 32px;
	width: 150px;
   margin-left: 20px;
}.li3 img{
	float: right;margin-top: 8px;
}
.boxNum {display: none; width: 104px;position: fixed;top: 100px; left: 50%;margin-left: -744px;z-index: 9;}
.boxNum ul li {height: 9px;position: relative;line-height: 9px;font-size: 12px;margin-bottom: 7px;overflow: hidden;cursor: pointer;}
.boxNum ul li em {display: block;width: 40px;height: 1px;background: #e3e3e3;position: absolute;right: 0;top: 4px;transition: all 0.5s;}
.boxNum ul li span {display: block;position: relative;left: -20px; height: 9px;line-height: 9px;color: #4184ff;transition: all 0.5s;}
.boxNum ul li.cur span {left: 0;}
.boxNum ul li.cur em {width: 80px;background: #4184ff;}


.banner {position: relative;}
.banner	a {display: block;height: 770px;}
.banner .ban_switch {position: absolute;width: 1200px;height: 12px;bottom: 150px; left: 50%;margin-left: -600px;overflow: hidden;}
.banner .ban_switch li {float: left;width: 12px;height: 12px;background: #fff;border-radius: 27px;margin-right:10px;cursor: pointer;}
.banner .ban_switch li.cur {background: #fcb814;}


.khdl {height: 0;}
.khdl .container {height: 0;position: relative;}
.khdl .khdlBox {width: 360px;height: 540px;position: absolute; right: 0;top: -690px;color: #fff;overflow: hidden;}
.khdl .khdlBox .khdl_con {position: relative;top: 470px;height: 530px; background: url(/themes/simplebootx/Public/assets/images/Common/bg01.png);padding: 0 40px;transition: all 0.5s;}
.khdl .khdlBox .p1 {height: 70px;line-height: 70px;padding-left: 35px;background: url(/themes/simplebootx/Public/assets/images/Index/khdlicon01.png) no-repeat left center;font-size: 18px;cursor: pointer;}
.khdl .khdlBox .p1 span {display: block;height: 70px; background: url(/themes/simplebootx/Public/assets/images/Index/khdlicon05.png) no-repeat right center;}
.khdl .khdl_con.cur {top: 0;padding-top: 10px;}
.khdl .khdl_con.cur .p1 span {background: url(/themes/simplebootx/Public/assets/images/Index/khdlicon04.png) no-repeat right center;}
.khdl .khdl_con .contop {margin-top: 10px;}
.khdl .khdl_con .p2 {height: 260px;height: 50px;line-height: 50px;background: #fff;overflow: hidden;margin-bottom: 20px;}
.khdl .khdl_con .p2 input {display: block; height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 14px;color: #999;width: 235px;padding-right: 40px;background: url(/themes/simplebootx/Public/assets/images/Index/khdlicon02.png) no-repeat 250px center;}
.khdl .khdl_con .p3 {height: 260px;height: 50px;line-height: 50px;background: #fff;overflow: hidden;margin-bottom: 20px;}
.khdl .khdl_con .p3 input {display: block; height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 14px;color: #999;width: 235px;padding-right: 40px;background: url(/themes/simplebootx/Public/assets/images/Index/khdlicon03.png) no-repeat 250px center;}
.khdl .khdl_con .p4 {overflow: hidden;height: 50px;margin-bottom: 20px;}
.khdl .khdl_con .p4 a {float: right;width: 125px;height: 50px;line-height: 50px;background: #fcb814;color: #000;text-align: center;}
.khdl .khdl_con .p4 a:first-child {float: left;width: 125px;height: 50px;line-height: 50px;background: #4184ff;color: #fff;text-align: center;}
.khdl .khdl_con .p5 {text-align: center;padding-bottom: 25px;border-bottom: 1px solid #ccc;}
.khdl .khdl_con .p5 label {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-size: 14px;margin: 0 10px;}
.khdl .khdl_con .p5 input {position: relative;top: -1px;}
.khdl .khdl_con .p5 a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;color: #fff;font-size: 14px;margin: 0 10px;}
.khdl .khdl_con .conbot {padding-top: 25px;height: 135px;text-align: center;background: url(/themes/simplebootx/Public/assets/images/Index/khdlmap.png) no-repeat center bottom;}
.khdl .khdl_con .conbot .p6 b {display: block;font-size: 26px;margin-bottom: 12px;}
.khdl .khdl_con .conbot .p6 i {display: block;font-size: 10px;}


.tbts {height: 0;background: #f6f6f6;}
.tbts .container {height: 0;position: relative;}
.tbts ul {height: 200px;position: absolute;left: 0;top: -50px;width: 1200px; background: #fff;overflow: hidden;}
.tbts ul li {float: left;width: 299px;border-left: 1px solid #f2f2f2;text-align: center;height: 200px;position: relative;top: 220px;}
.tbts ul li:first-child {border-left-color: #fff;}
.tbts ul li span {display: block;font-size: 20px;color: #000;padding-top: 60px;margin-bottom: 10px;position: relative;top: 0;transition: all 0.5s;}
.tbts ul li i {display: block;font-size: 14px;position: relative;top: 0;transition: all 0.5s;}
.tbts ul li em {display: block;width: 22px;height: 1px;background: #c9c9c9;margin: 42px auto 0 auto;position: relative;top: 0;transition: all 0.5s;}
.tbts ul li:hover span {color: #4184ff;top: -5px;font-weight: bold;}
.tbts ul li:hover i {color: #4184ff;top: -5px;}
.tbts ul li:hover em {width: 44px;top: 5px;background: #4184ff;}
.postTageTop h2{
	color: #4184ff;
	height: 22px;
}
.jjnt {background: url(../images/jjntbg.jpg) no-repeat center top;height: 1365px;padding-top: 0px;}
.jjnt .boxRight {margin-top: 35px;}

.boxRight p{
	color: #1a1a1f;
	font-size: 22px;
}
.jjnt .boxRight ul li {float: left;font-size: 16px;margin-right: 30px;position: relative;}
.jjnt .boxRight ul li a {color: #979797;}
.jjnt .boxRight ul li em {display: block;position: absolute;left: 0;bottom: -1px;background: #4184ff;width: 0;height: 4px; transition: all 0.5s;opacity: 0.8;}
.jjnt .boxRight ul li.cur a , .jjnt .boxRight ul li:hover a {color: #333;}
.jjnt .boxRight ul li.cur em , .jjnt .boxRight ul li:hover em {width: 100%;}
.y{
	margin-top: 10px;
}
.jjnt .conbox {float: left;width: 393px;height: 578px;background: #fff;position: relative;margin-left: 10px;transition: all 0.6s;overflow: hidden;}
.jjnt .conbox:first-child {margin-left: 0;}
.jjnt .conbox dl {width: 390px;height: 580px;position: relative;transition: all 0.5s;}
.jjnt .conbox dl dt span {display: block;position: absolute;left: 164px;top: 68px;width: 55px;height: 53px;}
.jjnt .conbox dl dt em {display: block;font-size: 19px;color: #999;position: absolute;left: 334px;top: 68px;font-weight: lighter;}
.jjnt .conbox dl dd.dd1 {/* position: absolute; */text-align: center;position: absolute;left: 39px;top: 165px;width: 310px;padding-bottom: 45px;border-bottom: 1px solid #e9e9e9;}
.jjnt .conbox dl dd.dd1 i {display: block;font-size: 12px;color: #999;}
.jjnt .conbox dl dd.dd1 span {display: block;font-size: 24px;color: #000;margin-top: 8px;}
.jjnt .conbox dl dd.dd2 {width: 388px;text-align: center;position: absolute;top: 320px;left: 0;width: 388px;font-size: 20px;line-height: 28px;}
.jjnt .conbox .rhjj {position: absolute;left: 133px;top: 470px;}
.jjnt .conbox .rhjj a {display: block;position: absolute; width: 125px;height: 50px;background: #4184ff;color: #fff;text-align: center;font-size: 16px;line-height: 50px;}
.jjnt .conbox .rhjj p {display: none;}
.jjnt .conbox .boxmore {position: absolute;left: 299px;top: 0;width: 0;height: 574px; padding: 0;overflow: hidden;}
.jjnt .conbox .boxmore ul {width: 576px;}
.jjnt .conbox .boxmore ul li {width: 400px;height: 192px;border-bottom: 1px dotted #4184ff;position: relative;padding-left:190px;}
.jjnt .conbox .boxmore ul li span {display: block;width: 141px;height: 141px;background: url(../images/jjntty01.png) no-repeat center;position: absolute;left: 25px;top: 27px;text-align: center;}
.jjnt .conbox .boxmore ul li span i {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 48px;line-height: 24px;font-size: 22px;color: #4184ff ;width: 130px;}
.jjnt .conbox .boxmore ul li span em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.jjnt .conbox .boxmore ul li p {line-height: 20px;padding-top: 48px;margin-right: 45px;}
.jjnt .conbox .boxmore ul li.li1 span {transition: all 0.5s ;}
.jjnt .conbox .boxmore ul li.li2 span {transition: all 0.9s;}
.jjnt .conbox .boxmore ul li.li3 span {transition: all 1.3s;}


.jjnt .conbox.notCur {width: 150px;height: 580px;}
.jjnt .conbox.notCur dl {width: 148px;height: 578px;}
.jjnt .conbox.notCur dl dt span {left: 45px;top: 49px;}
.jjnt .conbox.notCur dl dt em {left: 65px;top: 495px;}
.jjnt .conbox.notCur dl dd.dd1 {width: 148px; top: 175px;left: 0;border-bottom: none;}
.jjnt .conbox.notCur dl dd.dd1 span {padding: 0 15px;margin-top: 35px;}
.jjnt .conbox.notCur dl dd.dd2 {display: none;}
.jjnt .conbox.notCur .rhjj {display: none;}
.jjnt .conbox.notCur .boxmore {width: 0;}

.jjnt .con1.hasCur dl {background: url(../images/jjntboxbg01.jpg) no-repeat center top;}
.jjnt .con2.hasCur dl {background: url(../images/jjntboxbg02.jpg) no-repeat center top;}
.jjnt .con3.hasCur dl {background: url(../images/jjntboxbg03.jpg) no-repeat center top;}
.jjnt .con4.hasCur dl  {background: url(../images/jjntboxbg04.jpg) no-repeat center top;}

.jjnt .con5.hasCur dl  {background: url(../images/jjntboxbg05.jpg) no-repeat center top;}

.jjnt .con6.hasCur dl {background: url(../images/jjntboxbg06.jpg) no-repeat center top;}



.jjnt .conbox.hasCur {width: 880px;height: 580px;}
.jjnt .conbox.hasCur dl {width: 300px;}
.jjnt .conbox.hasCur dl dt span {left: 125px;top: 50px;}
.jjnt .conbox.hasCur dl dt em {display: none;}
.jjnt .conbox.hasCur dl dd.dd1 {left: 0px;width: 300px;top: 130px;border-bottom: none;}
.jjnt .conbox.hasCur dl dd.dd1 i {color: #fff;}
.jjnt .conbox.hasCur dl dd.dd1 span {color: #fff;font-size: 32px;margin-top: 40px;font-weight: bold;}
.jjnt .conbox.hasCur dl dd.dd2 {left: 0;top: 230px;text-align: center;color: #fff;width: 300px;}
.jjnt .conbox.hasCur .boxmore {display: block; width: 578px;height: 574px;border: 3px solid #4184ff;border-left: none;}
.jjnt .conbox.hasCur .boxmore ul li span {transform: rotate(360deg);}

.jjnt .conbox.hasCur .rhjj {left: 50px;top: 400px;}
.jjnt .conbox.hasCur .rhjj p {display: block;position: absolute;left: 15px;top: 70px;width: 170px;height: 50px;text-align: center;}
.jjnt .conbox.hasCur .rhjj a {background: #4184ff;left: 35px;top: 0;color: #fff;}
.jjnt .conbox.hasCur .rhjj p span {display: block;font-size: 14px;margin-bottom: 4px;padding-top: 3px;color: #fff;text-align: center;}
.jjnt .conbox.hasCur .rhjj p i {display: block;font-size: 22px;color: #fff;}


.jjnt .con1 dt span {background: url(../images/jjnticon01.png) no-repeat center;}
.jjnt .con2 dt span {background: url(../images/jjnticon03.png) no-repeat center;}
.jjnt .con3 dt span {background: url(../images/jjnticon05.png) no-repeat center;}
.jjnt .con1.hasCur dl dt span {background: url(../images/jjnticon02.png) no-repeat center;}
.jjnt .con2.hasCur dl dt span {background: url(../images/jjnticon04.png) no-repeat center;}
.jjnt .con3.hasCur dl dt span {background: url(../images/jjnticon06.png) no-repeat center;}

.jjnt .con4 dt span {background: url(../images/jjnticon07.png) no-repeat center;}
.jjnt .con5 dt span {background: url(../images/jjnticon09.png) no-repeat center;}
.jjnt .con6 dt span {background: url(../images/jjnticon11.png) no-repeat center;}
.jjnt .con4.hasCur dl dt span {background: url(../images/jjnticon08.png) no-repeat center;}
.jjnt .con5.hasCur dl dt span {background: url(../images/jjnticon10.png) no-repeat center;}
.jjnt .con6.hasCur dl dt span {background: url(../images/jjnticon12.png) no-repeat center;}






.tbys {height: 820px;overflow: hidden;}
.tbys .container {position: relative;height: 820px;}
.tbys .tbysImg {position: absolute;left: -360px;}
.tbys .tbysImg {height: 606px;position: absolute;width: 1920px;bottom: 0;z-index: 0;}
.tbys .tbysImg ul li {display: none;width: 1920px;height: 606px;}
.tbys .tbysImg ul li img {display: block;width: 1920px;height: 606px;}
.tbys .tbysImg ul li.cur {display: block;}
.tbys .tbys_con {height: 606px;position: relative;top: 49px;}
.tbys .tbys_con .tbysbg {height: 240px;width: 1920px;position: absolute;left: -360px;bottom: 0;z-index: 0;}
.tbys .tbys_con .tbysbg .conbg {float: left; width: 360px;height: 240px;background: url(/themes/simplebootx/Public/assets/images/Common/bg01.png);}
.tbys .tbys_con .tbysbg .bg2 ,.tbys .tbys_con .tbysbg .bg3 ,.tbys .tbys_con .tbysbg .bg4 {width: 299px;margin-left: 1px;}
.tbys .tbys_con .tbysbg .bg5 {width: 298px;margin: 0 1px;}

.tbys .tbys_con .conbox {width: 299px;height: 606px;position: absolute;top: 365px;left: 0;color: #fff;z-index: 2;transition: all 0.5s;}
.tbys .tbys_con .conbox .p1 {margin: 40px 38px;font-size: 18px;transition: all 1s;}
.tbys .tbys_con .conbox .p1 b {display: block;font-size: 18px;font-weight: normal;transition: all 1s;}
.tbys .tbys_con .conbox .p2 {position: absolute;top: 146px;left: 0;text-indent: 38px;height: 40px;line-height: 40px; width: 100%;transition: all 1s;}
.tbys .tbys_con .conbox .p3 {position: relative;left: 0;top: 606px; transition: all 1s;}
.tbys .tbys_con .conbox .p4 {position: absolute;left: 38px; bottom: -100px; transition: all 1s;}
.tbys .tbys_con .con1 {left: 1px;}
.tbys .tbys_con .con2 {left: 301px;}
.tbys .tbys_con .con3 {left: 601px;}
.tbys .tbys_con .con4 {left: 901px;width: 298px;}
.tbys .tbys_con .conbox.cur {height: 606px; top: 0;background: #4184ff;}
.tbys .tbys_con .conbox.cur .p1 {padding: 25px 0;border-top: 2px solid #fff;border-bottom: 1px solid #fff;}
.tbys .tbys_con .conbox.cur .p1 b {font-weight: bold;font-size: 24px;}
.tbys .tbys_con .conbox.cur .p2 {top: -40px;background: #fcb814;}
.tbys .tbys_con .conbox.cur .p3 {top: 0; margin: 0 38px;font-size: 13px;line-height: 26px;}
.tbys .tbys_con .conbox.cur .p4 {left: 38px;bottom: 40px;font-size: 16px;}
.tbys .tbys_con .conbox.cur .p4 em {display: block;width: 30px;height: 1px;background: #fff;margin-top: 18px;}


.advantage {padding-bottom: 80px;}
.advantage .adv_con {}
.advantage .advbox {float: left; width: 299px;height: 281px;border: 1px solid #eee;margin: 0 0 -1px -1px;position: relative;z-index: 999;}
.advantage .advbox .p1 {margin: 0 40px;padding-top: 38px;font-size: 22px;color: #4184ff;margin-bottom: 33px;position: relative;z-index: 999;transition: all 0.5s;}
.advantage .advbox .p2 {margin: 0 28px;line-height: 22px;height: 100px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;/*-webkit-line-clamp: 3;*/ -webkit-box-orient: vertical;position: relative;z-index: 999;transition: all 0.5s;}
.advantage .advbox em {display: block;width: 20px;height: 20px;position: absolute;left: 40px;bottom: 35px;text-align: center;line-height: 20px;color: #ccc;font-size: 12px;z-index: 999;transition: all 0.5s;}
.advantage .advbox i {display: block;width: 35px;height: 35px;position: absolute;right: 40px;bottom: 35px;z-index: 999;transition: all 0.5s;}


.advantage .advbox:hover .p1 {color: #fff;}
.advantage .advbox:hover .p2 {color: #fff;}
.advantage .advbox .advbg {background: #4184ff;position: absolute;}
.advantage .adv1 i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon01.png) no-repeat center;}
.advantage .adv2 i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon03.png) no-repeat center;}
.advantage .adv3 i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon05.png) no-repeat center;}
.advantage .adv4 i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon07.png) no-repeat center;}
.advantage .adv5 i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon09.png) no-repeat center;}
.advantage .adv6 i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon11.png) no-repeat center;}
.advantage .adv7 i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon13.png) no-repeat center;}
.advantage .adv8 i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon15.png) no-repeat center;}
.advantage .adv1:hover i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon02.png) no-repeat center;}
.advantage .adv2:hover i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon04.png) no-repeat center;}
.advantage .adv3:hover i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon06.png) no-repeat center;}
.advantage .adv4:hover i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon08.png) no-repeat center;}
.advantage .adv5:hover i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon10.png) no-repeat center;}
.advantage .adv6:hover i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon12.png) no-repeat center;}
.advantage .adv7:hover i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon14.png) no-repeat center;}
.advantage .adv8:hover i {background: url(/themes/simplebootx/Public/assets/images/Index/advicon16.png) no-repeat center;}



.jjfa {height: 820px;background: url(/themes/simplebootx/Public/assets/images/Index/jjfabg.jpg) no-repeat center top;position: relative;}
.jjfa .jjfaline {position: absolute;left: 0;top: 185px;width: 100%;height: 1px; background: #666;}
.jjfa .tbTit {padding: 90px 0 30px 0;}
.jjfa .tbTit .p1 {color: #fff;}
.jjfa .tbTit .boxLeft {color: #fff;}
.jjfa .tbTit .boxRight {color: #fff;}

.jjfa_con {height: 515px;overflow: hidden;padding-top: 51px;}
.jjfa_con .jjfabox {float: left;width: 150px;height: 475px; position: relative;left: -1200px; padding:40px 40px 0 40px;background: #fff;margin-left: 12px; cursor:pointer;}
.jjfa_con .jjfabox a.jjfaa {display: block;height: 515px;}
.jjfa_con .jjfabox .boxem {display: block;width: 22px;height: 22px;background: url(/themes/simplebootx/Public/assets/images/Index/jjfaty01.png) no-repeat center;position: absolute;left: 104px;top: -51px;}
.jjfa_con .jjfabox .boxi {display: none;width: 9px;height: 5px;background: url(/themes/simplebootx/Public/assets/images/Index/jjfabg02.png) no-repeat center;position: absolute;left: 111px;top: -5px;}
.jjfa_con .jjfabox:first-child {margin-left: 0;}
.jjfa_con .jjfabox .p1 {padding: 20px 0;border-top: 2px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;font-size: 18px;text-align: center;color: #000;margin-bottom: 40px;}
.jjfa_con .jjfabox .p1 b {display: block;font-size: 24px;color: #4184ff;margin-bottom: 5px;}
.jjfa_con .jjfabox .p2 {text-align: center;font-size: 13px;line-height: 22px;margin-bottom: 125px;color: #000;}
.jjfa_con .jjfabox .p3 {text-align: center;}
.jjfa_con .jjfabox .p3 em {display: block;font-size: 12px;color: #000;margin-bottom: 22px;}
.jjfa_con .jjfabox .jjfaicon {display: block;width: 35px;height: 35px;position: absolute;left: 100px;top: 310px;transition: all 0.5s;}
.jjfa_con .jjfabox .p3 span {display: block;color: #999;font-size: 12px;}
.jjfa_con .jjfabox .p3 span i {display: block;font-size: 16px;margin-top: 20px;}
.jjfa_con .jjfabox .p4 {height: 29px;position: absolute;left: 0;bottom: 0;width: 100%;border-top: 1px solid #eee;overflow: hidden;transition: all 0.5s;}
.jjfa_con .jjfabox .p4 span {position: absolute;left: -100px;height: 40px;line-height: 40px;color: #fff;transition: all 0.5s;}
.jjfa_con .jjfabox .p4 em {display: block;width: 40px;height: 13px;background: url(/themes/simplebootx/Public/assets/images/Index/jjfajt01.png) no-repeat center;position: absolute;left: 97px;top: 7px;transition: all 0.5s;}
.jjfa_con .box1 .jjfaicon {background: url(/themes/simplebootx/Public/assets/images/Index/jjfaicon01.png) no-repeat center;}
.jjfa_con .box2 .jjfaicon {background: url(/themes/simplebootx/Public/assets/images/Index/jjfaicon03.png) no-repeat center;}
.jjfa_con .box3 .jjfaicon {background: url(/themes/simplebootx/Public/assets/images/Index/jjfaicon05.png) no-repeat center;}
.jjfa_con .box4 .jjfaicon {background: url(/themes/simplebootx/Public/assets/images/Index/jjfaicon07.png) no-repeat center;}
.jjfa_con .box5 .jjfaicon {background: url(/themes/simplebootx/Public/assets/images/Index/jjfaicon09.png) no-repeat center;}

.jjfa_con .jjfabox:hover {background: #4184ff;}
.jjfa_con .jjfabox:hover .boxem {background: url(/themes/simplebootx/Public/assets/images/Index/jjfaty02.png) no-repeat center;}
.jjfa_con .jjfabox:hover .boxi {display: block;}
.jjfa_con .jjfabox:hover .p1 {color: #fff;border-color: #fff;}
.jjfa_con .jjfabox:hover .p1 b {color: #fff;}
.jjfa_con .jjfabox:hover .p2 {color: #fff;}
.jjfa_con .jjfabox:hover .p3 em {color: #fff;}
.jjfa_con .jjfabox:hover .p3 span {color: #fff;}
.jjfa_con .jjfabox:hover .p4 {height: 40px;background: #fcb814;border-top-color: #fcb814;}
.jjfa_con .jjfabox:hover .p4 span {left: 15px;}
.jjfa_con .jjfabox:hover .p4 em {background: url(/themes/simplebootx/Public/assets/images/Index/jjfajt01.png) no-repeat center;position: absolute;left: 164px;top: 13px;}

.jjfa_con .box1:hover .jjfaicon {transform: rotateY(360deg); background: url(/themes/simplebootx/Public/assets/images/Index/jjfaicon02.png) no-repeat center;}
.jjfa_con .box2:hover .jjfaicon {transform: rotateY(360deg); background: url(/themes/simplebootx/Public/assets/images/Index/jjfaicon04.png) no-repeat center;}
.jjfa_con .box3:hover .jjfaicon {transform: rotateY(360deg); background: url(/themes/simplebootx/Public/assets/images/Index/jjfaicon06.png) no-repeat center;}
.jjfa_con .box4:hover .jjfaicon {transform: rotateY(360deg); background: url(/themes/simplebootx/Public/assets/images/Index/jjfaicon08.png) no-repeat center;}
.jjfa_con .box5:hover .jjfaicon {transform: rotateY(360deg); background: url(/themes/simplebootx/Public/assets/images/Index/jjfaicon10.png) no-repeat center;}


.hzhb {padding-bottom: 80px;}
.hzhb .hzhb_con ul li {float: left;width: 199px;height: 110px;border: 1px solid #eee;margin: 0 0 -1px -1px;position: relative;z-index: 1;overflow: hidden;}
.hzhb .hzhb_con ul li .s1 {display: block;/*opacity: 0.5;filter:alpha(opacity=50);*/}
.hzhb .hzhb_con ul li .s2 {display: none;}
.hzhb .hzhb_con ul li img {display: block;width:199px;height: 100px;}
.hzhb .hzhb_con ul li p {position: absolute;left:-250px;bottom: 0;height: 35px;line-height: 35px;background: #4184ff;width: 100%;transition: all 0.5s;}
.hzhb .hzhb_con ul li p span {display: block;width: 90px;margin-left: 20px;color: #fff;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.hzhb .hzhb_con ul li p em {display: block;width: 40px;height: 13px;position: absolute;right: 20px;top: 11px;background: url(/themes/simplebootx/Public/assets/images/Index/hzhbjt.png) no-repeat center;}


.hzhb .hzhb_con ul li:hover .s1 {display: none;}
.hzhb .hzhb_con ul li:hover .s2 {display: block;}
.hzhb .hzhb_con ul li:hover p {left: 0;}

.news .conbox {display: none;}
.news .conbox.cur {display: block;}
.news {background: #f6f6f6;padding-bottom: 80px;}
.news .boxRight ul li {float: left;font-size: 16px;margin-right: 30px;position: relative;}
.news .boxRight ul li a {color: #979797;}
.news .boxRight ul li em {display: block;position: absolute;left: 0;bottom: -1px;background: #4184ff;width: 0;height: 4px; transition: all 0.5s;opacity: 0.8;}
.news .boxRight ul li.cur a , .news .boxRight ul li:hover a {color: #333;}
.news .boxRight ul li.cur em , .news .boxRight ul li:hover em {width: 100%;}

.news .conleft {width: 360px;padding: 40px;background: #fff;}
.news .conleft .p1 {font-size: 18px;margin-bottom: 35px;}
.news .conleft .p1 a {color: #333;}
.news .conleft .p2 {margin-bottom: 35px;font-size: 14px;margin-bottom: 35px;line-height: 20px;}
.news .conleft .p3 {padding-left: 65px;position: relative;color: #ccc;margin-bottom: 20px;}
.news .conleft .p3 em {display: block;width: 2px;height: 109px;background: #4184ff;position: absolute;left: 40px;top: 0px;}
.news .conleft .p3 span {display: block;font-size: 24px;}
.news .conleft .p3 i {display: block;font-size: 13px;}
.news .conleft .p4 {overflow: hidden;}
.news .conleft .p4 img {display: block;width: 360px;height: 245px;}
.news .conright {width: 720px;}
.news .conright dl {padding-left: 230px;position: relative;height: 135px;padding-top: 38px;margin-top: 38px;border-top: 1px solid #ededed;}
.news .conright dl:first-child {padding-top: 0;margin-top: 0;border-top: none;}
.news .conright dl dt {position: absolute;left: 0;top: 38px;overflow: hidden;}
.news .conright dl dt img {display: block;width: 205px;height: 140px;transition: all 1s;}

.news .conright dl:first-child dt {top: 0;}
.news .conright dl dd.dd1 {font-size: 18px;margin-bottom: 14px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .conright dl dd.dd1 a {color: #333;}
.news .conright dl dd.dd2 {line-height: 24px;font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 48px;margin-bottom: 34px;}
.news .conright dl dd.dd3 {position: relative;}
.news .conright dl dd.dd3 a {display: block;color: #ccc;background: url(/themes/simplebootx/Public/assets/images/Index/newsjt01.png) no-repeat right center;}

.news .conright dl:hover dt img {transform: scale(1.1);}
.news .conright dl:hover dd.dd1 a {color: #4184ff;}


.zxzx {background: url(/themes/simplebootx/Public/assets/images/Index/beij.jpg) no-repeat center;padding: 75px 0;color: #fff;}
.zxzx .p1 i {display: block;font-size: 12px;margin-bottom: 15px;}
.zxzx .p1 span {display: block;font-size: 24px;line-height: 30px;margin-bottom: 40px;}
.zxzx .zxzx_con {overflow: hidden;}
.zxzx .infoP1 {float: left;width: 300px;height: 50px;background: #fff;box-shadow: 5px 0 15px #e1e1e1;position: relative;z-index: 3;}
.zxzx .infoP1 input {display: block;width: 260px;height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 16px;color: #666;padding-right: 25px;background: url(/themes/simplebootx/Public/assets/images/Index/zxzxicon01.png) no-repeat right center;}
.zxzx .infoP2 {float: left;width: 300px;height: 50px;background: #fff;box-shadow: 5px 0 15px #e1e1e1;position: relative;z-index: 2;}
.zxzx .infoP2 input {display: block;width: 260px;height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 16px;color: #666;padding-right: 25px;background: url(/themes/simplebootx/Public/assets/images/Index/zxzxicon02.png) no-repeat right center;}
.zxzx .infoP3 {float: left;width: 360px;height: 50px;background: #fff;position: relative;z-index: 1;}
.zxzx .infoP3 input {display: block;width: 320px;height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 16px;color: #666;padding-right: 25px;background: url(/themes/simplebootx/Public/assets/images/Index/zxzxicon03.png) no-repeat right center;}
.zxzx .ljtj {float: right;width: 230px;height: 50px;background: #fcb814;}
.zxzx .ljtj a{display: block;height: 50px;line-height: 50px;text-indent: 30px;color: #fff;background: url(/themes/simplebootx/Public/assets/images/Index/zxzxjt.png) no-repeat 133px center;font-size: 16px;}




.talk-section {
	background-image: url(../images/talkbg.jpg)
}


.three-section {
	background-image: url(../images/three.jpg)
}

.us-section {
	background-image: url(../images/usbg.jpg);
	margin-top: 0;
	padding: 70px 0
}

.box {
	width: 1190px;
	margin: 0 auto;
	text-align: center
}

.box .box-title {
	font-size: 48px;
	color: #222
}

.box .box-title img {
	display: block;
	margin: 0 auto
}

.box .box-sub-title {
	font-size: 20px;
	color: #fff;
	margin-top: 19px
}

.box .box-content {
	margin-top: 70px
}

.box .features {
	overflow: hidden
}

.box .features.clearfix {
	overflow: unset
}

.box .features li {
	width: 25%;
	padding: 0 9px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left
}

.box .features li .feature-inner-box {
	background-color: #fff;
	-webkit-box-shadow: 0 0 24px 0 rgba(16, 37, 61, .06);
	box-shadow: 0 0 24px 0 rgba(16, 37, 61, .06);
	position: relative;
	border-radius: 4px;
	padding: 73px 49px 0;
	height: 340px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.box .features li .feature-inner-box .feature-icon {
	margin: 0 auto;
	font-size: 48px;
	color: #4990e2
}

.box .features li .feature-inner-box .feature-icon img {
	width: 100%
}

.box .features li .feature-inner-box .feature-icon span {
	font-size: 24px
}

.box .features li .feature-inner-box .price-icon {
	height: 60px;
	width: 60px;
	margin: 0 auto;
	font-size: 48px;
	color: #4990e2
}

.box .features li .feature-inner-box .price-icon img {
	width: 100%
}

.box .features li .feature-inner-box .feature-title {
	font-size: 20px;
	margin-top: 30px;
	color: #222
}

.box .features li .feature-inner-box .feature-content {
	margin-top: 16px;
	font-size: 14px;
	color: #888;
	text-align: left;
	line-height: 21px
}

.box .features li .feature-inner-box .hover-panel {
	background-color: #3e84d5;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 171px 32px 0;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	overflow: hidden;
	border-radius: 4px
}




.box .features li .feature-inner-box .hover-panel .feature-title {
	color: #fff;
	font-size: 32px;
	margin: 0 0 40px
}

.box .features li .feature-inner-box .hover-panel .feature-content {
	color: #fff;
	font-size: 18px;
	line-height: 30px
}

.box .features li .feature-inner-box:hover .hover-panel {
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-webkit-transition: .5s;
	transition: .5s;
	padding-top: 70px
}

.box .important li {
	width: 16.6% !important;
	margin-bottom: 80px
}

.box .important li .feature-inner-box {
	padding: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: auto
}

.box .important li .feature-inner-box .feature-icon {
	height: 50px
}

.box .important li .feature-inner-box .feature-icon img {
	height: 100%;
	width: auto
}

.box .important li .feature-inner-box .feature-title {
	margin-top: 10px;
	font-size: 20px
}

.box .price.ka-value li {
	width: 33.3%;
	height: 230px
}

.box .price.ka-value li .feature-inner-box {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 20px 64px !important
}

.box .area li {
	width: 25%;
	height: auto !important;
	padding: 9px
}

.box .area li .feature-inner-box {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	padding: 0;
	height: auto;
	-webkit-box-shadow: none;
	box-shadow: none
}

.box .area li .feature-inner-box #area-more {
	color: #888 !important;
	white-space: nowrap;
	background-color: transparent !important
}

.box .area li .feature-inner-box img {
	width: 100%;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transition: .3s;
	transition: .3s;
	display: block
}

.box .area li .feature-inner-box:hover img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.box .area li .feature-inner-box .feature-title {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	margin-top: 0;
	padding: 2px;
	background-color: rgba(0, 0, 0, .2);
	font-size: 35px
}

.box .three li {
	width: 33.3% !important;
	height: 240px !important;
	position: relative
}

.box .three li .auth-inner {
	padding: 54px 43px !important;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	background-position: 100% 100%
}

.box .three li .auth-inner .three-title {
	font-size: 28px;
	color: #3e84d5;
	text-align: center
}

.box .three li .auth-inner .auth-inner-content {
	padding-left: 0
}

.box .three li .auth-inner .auth-inner-content .value-content {
	font-size: 14px;
	color: #222;
	line-height: 24px;
	margin-top: 31px
}

.box .three li:first-of-type .auth-inner {
	background-image: url(./images/three1.png)
}

.box .three li:nth-of-type(2) .auth-inner {
	background-image: url(./images/three2.png)
}

.box .three li:nth-of-type(3) .auth-inner {
	background-image: url(./images/three3.png)
}

.box .three li:hover .auth-inner {
	padding: 64px 43px !important
}

.box .six .value-image {
	padding: 0
}

.box .six .value-image .value-image-inner {
	width: 500px;
	height: auto
}

.box .six .value-image .value-image-inner img {
	display: block;
	width: 100%
}

.box .six .value-list {
	margin-left: 520px;
	background: #fff;
	-webkit-box-shadow: 0 6px 30px 0 rgba(16, 37, 61, .04);
	box-shadow: 0 6px 30px 0 rgba(16, 37, 61, .04);
	border-radius: 4px
}

.box .six .value-list li {
	width: 33.3%
}

.box .six .value-list li .value-inner {
	background-color: transparent;
	padding: 22px 0
}

.box .six .value-list li .value-inner .six-icon {
	width: 70px;
	height: 70px;
	margin: 0 auto
}

.box .six .value-list li .value-inner .six-icon img {
	width: 100%
}

.box .six .value-list li .value-inner .value-title {
	text-align: center;
	font-size: 20px;
	color: #222;
	margin-top: 14px
}

.box .talk li {
	width: 50%
}

.box .talk li .feature-inner-box {
	padding: 78px 58px;
	height: auto
}

.box .talk li .feature-inner-box .feature-icon {
	height: 92px;
	width: 92px;
	float: left;
	margin-top: 15px
}

.box .talk li .feature-inner-box .feature-icon img {
	width: 100%
}

.box .talk li .feature-inner-box .contact {
	overflow: hidden;
	text-align: left;
	padding-left: 24px
}

.box .talk li .feature-inner-box .contact .feature-title {
	font-size: 28px;
	margin-bottom: 20px;
	margin-top: 0;
	color: #222
}

.box .talk li .feature-inner-box .contact .feature-content {
	color: #888;
	line-height: 27px;
	font-size: 18px
}

.box .talk li .feature-inner-box .hover-panel {
	text-align: left;
	padding: 171px 75px 0
}

.box .talk li .feature-inner-box .hover-panel .feature-title {
	font-size: 32px
}

.box .talk li .feature-inner-box .hover-panel .feature-content {
	font-size: 24px;
	line-height: 36px
}

.box .talk li .feature-inner-box:hover .hover-panel {
	padding-top: 58px
}

.box .tamen ul {
	height: 310px;
	overflow: hidden
}

.box .tamen ul,
.box .tamen ul li {
	-webkit-transition: .3s;
	transition: .3s
}

.box .tamen ul li {
	position: relative;
	top: 0
}

.box .tamen ul li:hover {
	top: -10px
}

.box .tamen ul.out {
	height: 471.3px
}

.box .tamen .all-member {
	width: 120px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #fff;
	line-height: 40px;
	text-align: center;
	color: #fff;
	margin: 30px auto 0;
	cursor: pointer
}

.box .tamen .all-member:hover {
	border: 1px solid #4990e2;
	color: #4990e2
}

.box .value-image {
	float: left;
	padding: 10px
}

.box .value-image .value-image-inner {
	height: 320px;
	width: 400px
}

.box .value-image .value-image-inner img {
	width: 100%
}

.box .value-content-wrapper li {
	width: 25%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	padding: 13px
}

.box .value-content-wrapper li .value-inner {
	background-color: #fff;
	border-radius: 4px;
	text-align: left;
	overflow: hidden;
	-webkit-transition: .3s;
	transition: .3s
}

.box .value-content-wrapper li .value-inner img {
	width: 100%
}

.box .value-content-wrapper li .value-inner .value-title {
	font-size: 20px;
	color: #222
}

.box .value-content-wrapper li .value-inner .value-content {
	margin-top: 19px;
	color: #888;
	font-size: 14px
}

.box .auth {
	margin-left: 0
}

.box .auth li {
	height: 232px
}

.box .auth li .auth-inner {
	padding: 70px 58px
}

.box .auth li .auth-inner:hover {
	padding: 85px 58px
}

.box .auth .auth-icon {
	width: 92px;
	height: 92px;
	float: left;
	border-radius: 50%
}

.box .auth .auth-icon img {
	width: 100%
}

.box .auth .auth-inner-content {
	overflow: hidden;
	padding-left: 24px
}

.area-section, .bg-section, .unit {
    padding: 70px 0;
    background-repeat: no-repeat;
}
.area-section {
    margin-top: 0;
    background-image: url(../images/areabg.jpg);
        background-size: cover;
}
.box .box-content {
	margin-top: 40px
}


