/*初始化*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
a{text-decoration: none; cursor: pointer;}
button { cursor: pointer; }
body { width:100%;background: #fff; color: #363636; line-height: 1.2;overflow-x: hidden;font:12px/1.5 Tahoma,'\5FAE\8F6F\96C5\9ED1','Microsoft Yahei',"hiragino sans gb", Helvetica, Arial, "\5b8b\4f53", 'sans-serif';
	color:#404040;font-family: "微软雅黑";letter-spacing: 1px;text-transform: uppercase;}
.container { margin: 0 auto; }
/*清除浮动*/
.clearfix:after { content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden; }
.clearfix { zoom:1; }
a{
	text-decoration: none;
    color:inherit;
}

.container{ position: relative; z-index: 0; min-width: 1200px;}
	.title{ width: 1200px; margin: 0 auto; text-align: center;}
	.title h1{ font-size: 38px; font-weight: bold; line-height: 38px; padding-top: 56px; padding-bottom: 36px; color: #fff;}
	.title h2{}
	.main{ width: 1200px; margin: 0 auto; }
	.main:after{ content: ""; display: block; height: 0; font-size: 0; clear: both;}
	
    /*	banner样式*/
	.banner .main{ position: absolute; top:0; z-index: 1; left: 50%; margin-left: -600px;}
		
    /* banner切换外围*/
    .banner-con {width: 100%; height: 656px; margin-left: auto;margin-right: auto;}
	
     /*	banner切换单元内容*/		
	.banner1{ background: url(../img/ky_01.jpg) center top no-repeat;}
	.banner2{ background: url() center top no-repeat; background-color: antiquewhite;}
	
.con1 { background: url(../img/ky_con1_bg.jpg) center bottom no-repeat;}
.con1 ul{ height: 616px; background-color: #186ce1; border-radius: 6px; display: block; padding-left: 21px; padding-top: 38px;}
.con1 ul li{ display: block; width: 372px; height: 276px; background-color: #fff; border-radius: 6px; position: relative; float: left;}
.con1 ul li span{ display: block; width: 44px; height: 44px; background-color: aqua; position: absolute; left: -8px; top: -18px; background: url(../img/ky20_jiaobiao_pc.gif) center center no-repeat;}
.con1 ul li:nth-child(2),.con1 ul li:nth-child(5){ margin: 0 22px;}
.con1 ul li:nth-child(1),.con1 ul li:nth-child(2),.con1 ul li:nth-child(3){ margin-bottom: 44px;}
.con1 ul li .c1box_l{ float: left; padding-left: 12px; padding-top: 30px; width: 68px;}
.con1 ul li .c1box_l i{ width: 68px; height: 68px; background-color: #e5e7ec; border-radius: 6px;display: flex;align-items: center; justify-content: space-around; flex-direction: column; }
.con1 ul li .c1box_l i img{ width: 60px;  }
.con1 ul li .c1box_r{ float: left; width: 274px; padding-left: 13px;}
.con1 ul li .c1box_r h4{display: block; font-size: 24px; line-height: 24px; color: #242424; font-weight: bold; padding-top: 36px; padding-bottom: 14px;}
.con1 ul li .c1box_r q{ font-size: 15px; line-height: 24px; color: #616161; display: block; margin-right: 12px; height: 70px;}
.con1 ul li .c1box_r var{ display: block; height: 42px; padding-right: 12px; margin-top: 52px;}
.con1 ul li .c1box_r var em{ display: block; float: left; width: 134px; height: 26px; background-color: #e5ecfc; border-radius: 3px; line-height: 26px; color: #095fda; font-size: 13px; position: relative; text-indent: 24px; margin-top: 8px;}
.con1 ul li .c1box_r var em dfn{ display: block; width: 14px; height: 14px;  position: absolute; left: 6px; top: 6px; background: url(../img/ky_con1_1.jpg) center top no-repeat;}
.con1 ul li .c1box_r var a{ display: block; float: right; width: 112px; height: 42px; text-align: center; line-height: 42px;font-size: 17px; font-weight: bold; color: #fff; border-radius: 3px; cursor: pointer;
background: #ff7d12; /* Old browsers */
background: -moz-linear-gradient(left, #ff7d12 0%, #ff9e1f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff7d12 0%,#ff9e1f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff7d12 0%,#ff9e1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.con2 { background: url(../img/ky_con2_bg.jpg) center top no-repeat; padding-bottom: 60px; background-color: #0958df;}
.con2 ul { height: 616px; background-color: #186ce1; border-radius: 6px; display: block; padding-left: 21px; padding-top: 38px;}
.con2 ul li{ display: block; width: 372px; height: 276px; background-color: #fff; border-radius: 6px; position: relative; float: left;}
.con2 ul li:nth-child(2){ margin: 0 22px;}
.con2 ul li:nth-child(4){ margin-left: 190px; margin-right: 22px;}
.con2 ul li:nth-child(1),.con2 ul li:nth-child(2),.con2 ul li:nth-child(3){ margin-bottom: 44px;}
.con2 ul li .c2box_l{ float: left; padding-left: 12px; padding-top: 30px; width: 68px;}
.con2 ul li .c2box_l i{ width: 68px; height: 68px; background-color: #e5e7ec; border-radius: 6px;display: flex;align-items: center; justify-content: space-around; flex-direction: column;  }
.con2 ul li .c2box_l i img{ width: 60px;  }
.con2 ul li .c2box_r{ float: left; width: 274px; padding-left: 13px;}
.con2 ul li .c2box_r h4{display: block; font-size: 24px; line-height: 24px; color: #242424; font-weight: bold; padding-top: 36px; padding-bottom: 14px;}
.con2 ul li .c2box_r q{ font-size: 15px; line-height: 24px; color: #616161; display: block; margin-right: 12px; height: 70px; margin-bottom: 14px;}

.con2 ul li .c2box_r var{ display: block; height: 42px; padding-right: 12px; margin-top: 27px;}
.con2 ul li .c2box_r var em{ display: block; float: left; color: #fe4715; font-size: 14px; line-height: 40px;}
.con2 ul li .c2box_r var em span{ font-size: 24px;}
.con2 ul li .c2box_r var a{ display: block; float: right; width: 112px; height: 42px; text-align: center; line-height: 42px;font-size: 17px; font-weight: bold; color: #fff; border-radius: 3px; cursor: pointer;
background: #ff7d12; /* Old browsers */
background: -moz-linear-gradient(left, #ff7d12 0%, #ff9e1f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff7d12 0%,#ff9e1f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff7d12 0%,#ff9e1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.con2 ul li .c2box_r .c2s{ overflow: hidden;}
.con2 ul li .c2box_r .c2s dfn{ font-size: 14px; color: #8f8f8f; line-height: 14px; float: right; padding-right: 12px;}
.con2 ul li .c2box_r .c2s dfn b{color: #fe4715; font-weight: normal; padding-left: 12px;}
.con2 ul li .c2box_r .c2s i{ display: block; height: 8px; width: 110px; background-color: #f3eae1; float: left; margin-top: 5px; border-radius: 8px;}
.con2 ul li .c2box_r .c2s i span{ display: block; height: 8px; background-color: #ff8241; border-radius: 8px; }
.con2 ul li .c2box_r .c2s i span.r1{ width: 97%; }
.con2 ul li .c2box_r .c2s i span.r2{ width: 99%; }
.con2 ul li .c2box_r .c2s i span.r3{ width: 98%; }
.con2 ul li .c2box_r .c2s i span.r4{ width: 97%; }
.con2 ul li .c2box_r .c2s i span.r5{ width: 99%; }


.con3 {height: 315px; background-color: #0a50c7;}
.con3 .main { height: 100%; width: 100%; background: url(../img/ky_02.jpg) center top no-repeat;}

.head_form{ position: absolute; top:454px; z-index: 2; width: 1176px; height: 176px; border-radius: 6px; background-color: #fff; left: 50%; margin-left: -588px;}
.head_form h1{ display: block; font-size: 22px; color: #2e2e2e; line-height: 22px; padding-top: 24px; text-align: center;}
.head_form h2{ display: block; font-size: 14px; color: #999; line-height: 14px; padding-top: 19px; text-align: center;}
.head_form .hf_main{ display: block; height: 52px; width: 1108px; margin: 0 auto; margin-top: 22px;}
.head_form .hf_main img{ display: block; width: 14px; height: 14px; position: absolute; left: 12px; top: 20px;}
.head_form .hf_main span{ display: block; height: 52px; float: left; position: relative;}
.head_form .hf_main span+span{ margin-left: 12px; }
.head_form .hf_main span input{ display: block; height: 50px; width: 260px;border: 1px solid #e3e3e3; background-color: #f7f7f7; border-radius: 3px; font-size: 15px; text-indent: 30px;}
.head_form .hf_main span input#hf_content{ width: 378px;}
.head_form .hf_main span button{ width: 168px;  height: 52px; font-size: 18px; font-weight: bold; color: #fff; border: none; border-radius: 3px; outline: none;
		background: #ff7d12; /* Old browsers */
        background: -moz-linear-gradient(left, #ff7d12 0%, #ff9e1f 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ff7d12 0%,#ff9e1f 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ff7d12 0%,#ff9e1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}