/* CSS Document */
*{ margin:0; padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-touch-action:none;}
img, fieldset, textarea{border:0;}
img{ vertical-align:middle;}
input, label, select, option, textarea, button, fieldset, legend{font:14px/24px "微软雅黑", Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
input[type="radio"], input[type="checkbox"]{ vertical-align:-2px; margin-right:5px;}
input:focus, textarea:focus { outline: none;}
textarea{ resize:none;}
table{ border-collapse:collapse; border-spacing:0; font:14px/24px "微软雅黑", Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;}
table td{ word-wrap:break-word; word-break:break-all;}
ul, ol{list-style:none;}
em, q, i{font-style:normal;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
body{font:14px/24px "微软雅黑", Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; color:#616161; background:#fff;}

/*global*/
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.clearfix:after{display:block; clear:both; content:""; visibility:hidden; height:0;}
.clearfix{zoom:1;}
.clear{ clear:both;}
h3{ line-height: 48px; text-align: center; font-size: 46px; color: #212121; padding: 32px 0;}
.t_c{ text-align: center;}

/* 链接 */
a{ text-decoration: none; color: #212121;}
a:hover{ color: #4cb065;}
a:hover img{ opacity: 0.85; filter: alpha(opacity=85);}
a:focus{ outline: none;}

/* 颜色 */
.green, .highlight { color: #4cb065 !important;}

/* 这是低端浏览器下placeholder的字体颜色 */
placeholder{color: #616161;}
::-moz-placeholder {color: #616161;}
::-webkit-input-placeholder {color: #616161;}
.textbox{position: relative;*zoom: 1;}
/*
 *    满足这两个条件，该js能工作的更好，更智能
 *    1.文本框的父定位元素需加入*zoom: 1
 *    2.文本框或其父元素的position，不能同时为static
 */

/*=================== 网站整体布局 =====================*/
#particles-js{ height: 975px; background: #fff; z-index: 1;}

/*============= header =============*/
.header{ min-width: 1296px; padding: 31px 0; position: relative; z-index: 2;}
.w1296{ width: 1296px; margin: 0 auto;}
.logo{ background: url(../image/LOGO.png) center center no-repeat; display: block; width: 249px; height: 51px;}
.head_link{ padding: 1px 0;}
.head_link a, .head_link em { display: inline-block; vertical-align: middle;}
.head_link a{ font-size: 18px;}
.head_link em{ color: #bdbdbd; padding: 0 4px;}
.head_link .marL{ margin-left: 48px;}
.head_link .btn{ line-height: 44px; padding: 0 26px; font-size: 18px; background-color: #4cb065; color: #fff !important; border-radius: 5px;}
.head_link .btn:hover{ background-color: #45A35C; border-color: #45A35C;}

/* btn */
.btn{ display: inline-block; line-height: 74px; overflow: hidden; padding: 0 80px; text-align: center; color: #4cb065 !important; font-size: 24px; background: #fff; border: 2px solid #4cb065; border-radius: 10px; vertical-align: middle;}
.btn:hover{ background-color: #4cb065; color: #fff !important;}

/*============= container =============*/
.container{ min-width: 1296px; line-height: 36px; font-size: 24px; position: relative; z-index: 2;}

/* con1 */
.con1{ height: 862px; overflow: hidden; text-align: center;}
.con1 h3{ padding-bottom: 27px;}
.con1 .num{ background: url(../image/con1_num.png) center center no-repeat; display: inline-block; width: 81px; height: 78px; overflow: hidden; vertical-align: bottom;}
.con1 .btn{ line-height: 76px; /*font-weight: bold;*/ margin: 31px 0;}

/* con2 */
.con2{ background: #f6f4f8 url(../image/con2_bg.jpg) top center repeat-x; padding: 48px 0 80px;}
.con2_top{ padding-bottom: 160px; color: #fff;}
.con2_top h3{ color: #fff;}
.con2_top .dec{ padding: 48px 0 68px;}
.con2_top .dec .fl, .con2_top .dec .fr { width: 49.5%; padding: 0 82px; line-height: 48px;}
.con2_top .dec .fl{ border-right: 1px solid #98caa8;}
.con2_top .dec .fr{ padding: 0 120px;}
.con2_top .btn{ border-color: #fff; background-color: transparent; color: #fff !important; margin-top: 48px;}
.con2_top .btn:hover{ background-color: #fff; color: #4cb065 !important;}
.con2_top .small{ font-size: 18px; padding: 0 66px; margin: 18px 0;}
.con2_top .highlight{ color: #c4d892 !important;}
.con2_top .txt{ padding: 0 66px; position: relative;}
.txt_l, .txt_r { background: url(../image/con2_txt_l.png) center center no-repeat; display: inline-block; width: 40px; height: 28px; overflow: hidden; position: absolute; top: 12px; left: 0;}
.txt_r{ background-image: url(../image/con2_txt_r.png); top: auto; left: auto; bottom: 12px; right: 40px;}
.con2 .info dl{ float: left; display: block; width: 33.333333%; overflow: hidden; line-height: 30px; font-size: 18px;}
.con2 .info dl dt{ background-color: #0dbbf2; padding: 39px; text-align: center;}
.con2 .info dl dd{ line-height: 24px; padding: 34px 46px 84px; color: #a7c8c5;}
.con2 .info .ico{ background: url(../image/con2_ico1.png) center center no-repeat; display: block; width: 104px; height: 104px; overflow: hidden; margin: 0 auto 38px;}
.con2 .info .group1 dt{ border-radius: 10px 0 0 10px;}
.con2 .info .group2 dt{ background-color: #28b9a4;}
.con2 .info .group2 dd{ padding-left: 66px; padding-right: 66px;}
.con2 .info .group2 .ico{ background-image: url(../image/con2_ico2.png);}
.con2 .info .group3 dt{ background-color: #834aa0; border-radius: 0 10px 10px 0;}
.con2 .info .group3 .ico{ background-image: url(../image/con2_ico3.png);}

.con2_bottom > div{ background: #fff; overflow: hidden; padding-bottom: 30px; box-shadow: 0 0 5px rgba(13, 4, 8, 0.3); margin-top: -160px;}
.con2_bottom h3{ margin-bottom: 16px;}
.con2 .con2_bottom .info{ margin-bottom: 120px;}
.con2 .con2_bottom .info dl dt{ height: 8px; padding: 0; border-radius: 0;}

/* con3 */
.con3{ padding: 120px 0 68px;}
.con3 dl{ padding: 40px 0 94px;}
.con3 dl dd{ float: left; display: block; width: 33.333333%; overflow: hidden; text-align: center; line-height: 24px; font-size: 18px; color: #212121; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.con3 dl dd:nth-of-type(4), .con3 dl dd:nth-of-type(5), .con3 dl dd:nth-of-type(6), .con3 dl dd.noBorderB { border-bottom: none;}
.con3 dl dd:nth-of-type(3), .con3 dl dd:nth-of-type(6), .con3 dl dd.noBorderR { border-right: none;}
.con3 dl dd img{ display: block; width: 204px; height: 204px; overflow: hidden; border-radius: 100%; margin: 0 auto 42px;}
.con3 dl dd a{ display: block; padding: 80px 16px;}
.con3 dl dd a:hover{ background-color: #eee;}

/********* 重置触摸幻灯样式 *********/
.swiper-container, .swiper-slide { background: #fff;}
.swiper-slide{ text-align: center;}
.swiper-container-horizontal > .swiper-pagination{ bottom: 36px !important;}
.swiper-pagination-bullet{ width: 10px !important; height: 10px !important; background: #d8d8d8 !important; opacity: 1 !important; margin: 0 7px !important;}
.swiper-pagination-bullet-active{ background: #9a9a9a !important;}

/*============= footer =============*/
.footer{ min-width: 1296px; background: #242424; padding: 28px 0; color: #7f7f7f; position: relative; z-index: 2;}
.footer a{ color: #7f7f7f; margin: 0 12px;}
.footer a:hover{ color: #e1e1e1;}
.footer .fr{ padding: 0 40px;}
.footer .fl span{ padding: 0 3px;}

	.scroll{
	position: fixed;
    width: 40px;
    height: 40px;
    background: rgb(76, 176, 101);
    cursor: pointer;
    bottom: 181px;
    right: 100px;
    border-radius: 10px;
	z-index:99999;
	}
	.scroll .goup-arrow{
	width: 0px;
    height: 0px;
    margin: 0px auto;
    padding-top: 13px;
    border-style: solid;
    border-width: 0px 10px 10px;
    border-color: transparent transparent rgb(255, 255, 255);
	}


/*================================================= 兼容设备样式 =================================================*/
@media screen and ( max-width: 800px ) {
	.header, .container, .footer { min-width: inherit;}
	.w1296{ width: inherit;}
	.fl, .fr { float: none;}
	h3{ line-height: 24px; font-size: 22px; padding: 15px 0;}
	.header{ padding: 24px 24px 0; background: #fff; position: relative;}
	.logo{ background-size: 167px 34px; width: auto; height: 34px; margin-bottom: 15px;}
	.head_link{ background: #f6f4f8; text-align: center; margin: 0 -24px; padding: 6px 24px;}
	.head_link span{ display: inline-block;}
	.head_link .marL{ margin-left: 32px;}
	.head_link a{ font-size: 14px;}
	.head_link .btn{ line-height: 32px; padding: 0 15px; font-size: 14px; border-radius: 3px; position: absolute; top: 24px; right: 15px;}
	.container{ line-height: 18px; font-size: 13px;}
	.btn{ line-height: 36px; padding: 0 32px; font-size: 14px; border-width: 1px; border-radius: 6px;}
	.footer{ text-align: center; font-size: 13px;}
	.footer .fl span{ display: block;}
	.footer .fr{ padding-top: 16px;}

	.con1{ height: auto; padding-top: 32px;}
	.con1 img{ width: 100%; padding: 0 15px;}
	.con1 .num{ background-size: 33px 32px; width: 33px; height: 32px;}
	.con1 .btn{ line-height: 38px;}

	.con2{ padding: 24px 0 0;}
	.con2_top .dec{ padding: 24px 15px 34px; font-size: 15px;}
	.con2_top .dec .fl, .con2_top .dec .fr{ width: 280px; padding: 0; line-height: 24px; margin: 0 auto;}
	.con2_top .dec .fl{ border: none; border-bottom: 1px solid #98caa8;}
	.con2_top .dec .fr{ padding: 24px 15px;}
	.con2_top .btn{ display: block; width: 118px; padding: 0; margin: 24px auto 0;}
	.con2_top .small{ font-size: 10px; padding: 0 32px; text-align: center; white-space: nowrap;}
	.con2_top .txt{ padding: 0 32px;}
	.txt_l, .txt_r{ background-size: 20px 14px; width: 20px; height: 14px; top: 6px;}
	.txt_r{ top: auto; right: 10px;}
	.con2 .info dl{ width: 100%; font-size: 15px;}
	.con2 .info dl dt{ padding-bottom: 16px;}
	.con2 .info dl dd{ padding: 0 32px 39px !important; color: #fff;}
	.con2 .info .group1 dt, .con2 .info .group3 dt { border-radius: 0;}
	.con2 .info .group1 dd{ background: #0dbbf2;}
	.con2 .info .group2 dd{ background: #28b9a4;}
	.con2 .info .group3 dd{ background: #834aa0;}
	.con2 .con2_bottom .info{ margin-bottom: 50px;}
	.con2 .con2_bottom .info dl{ width: 33.333333%;}
	.con2 .con2_bottom .info dl dt{ height: 0;}
	.con2 .info .ico{ margin-bottom: 15px;}

	.swiper-slide img{ width: 100%;}
	.swiper-container-horizontal > .swiper-pagination{ bottom: 0 !important;}

	.con3{ background: #f6f4f8; padding: 50px 0 34px;}
	.con3 dl{ padding: 20px 15px 34px;}
	.con3 dl dd{ float: none; width: 100%; border: none !important; border-bottom: 1px solid #eee !important; font-size: 15px;}
	.con3 dl dd a{ padding: 32px 15px;}
	.con3 dl dd img{ margin-bottom: 20px;}

	.scroll{
	position: fixed;
    width: 40px;
    height: 40px;
    background: rgb(76, 176, 101);
    cursor: pointer;
    bottom: 100px;
    right: 20px;
    border-radius: 10px;
	z-index:99999;
	}
}