@charset "utf-8";


/*two_P*/
.logo{ position: absolute; left: 50px; top: 19px; width: 151px; height: 44px; background: url("../image/logo.png") no-repeat;}
		.on .logo{ position: absolute; left: 50px; top: 19px; width: 151px; height: 44px; background: url("../image/logo2.png") no-repeat;}
		.inner{ width: 1200px; margin: auto; display: block; overflow: hidden;}
		.banner_photo{  width: 50%; float: right;  margin: 80px 50px 50px 0;}
		.banner_photo img{ width: 100%}
		.block_txt{    float: left; width: 35%; margin: 80px; }
		.block_txt img { display: block; width: 100%; }

.title1 p{ text-align: center; font-size: 24px;  color: #3e3a39; margin-top: 100px;font-weight: 500;}
.title1 span{ text-align: center; font-size: 16px;  color: #727171; display: block; letter-spacing: 2px;}
.business_box{ width: 1150px; height: 560px;  margin-top: 5%;}
.business_box .business:nth-child(1){margin: 0;}
.business{ height: 560px; width: 260px; border: 1px #d0d6e1 solid; float: left; cursor: pointer;margin-left: -1px;}
.business .title{ background: url("../image/business_icon01.png") no-repeat #f8faff center 100px; height: 258px; width: 100%; overflow: hidden;}
.business .title.t1{ background: url("../image/business_icon01.png") no-repeat #f8faff center 100px; }
.business .title.t2{ background: url("../image/business_icon01.png") no-repeat #f8faff center 100px; }
.business .title.t3{ background: url("../image/business_icon02.png") no-repeat #f8faff center 100px; }
.business .title.t4{ background: url("../image/business_icon03.png") no-repeat #f8faff center 100px; }
.business .title p{ font-size: 16px; color: #3e3a39; text-align: center; margin-top: 179px; font-weight: 500;}
.business .txt p{ font-size: 16px; color: #3e3a39; text-align: center;  font-weight: 500; display: none}
.business .txt{ background: #fff; font-size: 14px; color: #727171; padding: 40px 20px; height: 300px; text-align: justify;  line-height: 24px;} 

/*.business:hover{ width: 370px;  }
.business:hover .title{ background: url("../image/photo01.png") no-repeat #f8faff center; }
.business:hover .title p{ display: none;}
.business:hover .main p{ display: block;}*/
.business.active{ width: 370px; border: 1px #37c4ff solid;margin-right: 1px!important; box-shadow: 0 0 8px #37c4ff;}
.business.active .title{ background: url("../image/photo01.png") no-repeat #f8faff center; }
.business.active .title p{ display: none;}
.business.active .main p{ display: block;}

.scope{  margin: auto; overflow: hidden; margin-top: 50px;width: 1200px;}
.scope li{border-radius: 12px; box-shadow: 0px -2px 10px 0px rgba(106, 99, 121, 0.13);width:580px; height: 200px; float: left; background: #fff; position: relative; margin:10px;}
.scope li img{width: 129px; height: 113px; display: block; position: absolute; top: 45px; left: 35px;}
.scope li p{font-size: 18px; color: #fd6d34; font-weight: bold; letter-spacing: 1px; padding-left: 205px; margin-top: 60px;} 
.scope li a{ font-size: 14px; color: #666; padding-left: 205px; padding-right: 30px; display: block; text-align: justify; line-height: 26px;}


/*three_P*/
.title2 p{ text-align: center; font-size: 24px;  color: #fff; margin-top: 100px; font-weight: 500;}
.title2 span{ text-align: center; font-size: 16px;  color: #fff; display: block; letter-spacing: 2px;}
.plan_box ul{ overflow: hidden; margin-top: 30px}
.plan_box ul li{ float: left; width: 252px; height: 45px; background: #fff; border-radius: 4px; margin-left: 32px; text-align: center; color: #4b47c8; line-height: 45px; font-size: 16px; font-size: 500; cursor: pointer; margin-top: 15px;}
.plan_box p{ font-size: 14px; text-align: center; color: #fff;  width: 940px; margin: auto; line-height: 24px; margin-top: 20px;}
.plan_photo { width: 70%; margin: auto; margin-top: 80px;}
.plan_photo img{ width: 100%; margin: auto; display: block;}


.example_box ul li{ width:370px; height:141px;  border:2px solid rgba(231,237,248,1); opacity:0.8; float: left;  background: url("../image/example_icon01.png") no-repeat center 20px #fff; margin-left: 10px; cursor: pointer}
.example_box ul{overflow: hidden;}
.example_box{position: relative;}
.example_box ul li:hover{ box-shadow: 0 0 8px #37c4ff;border: 1px #37c4ff solid; color: #228ffa;}
.example_box ul li.active{ box-shadow: 0 0 8px #37c4ff;border: 1px #37c4ff solid;  color: #228ffa;}
.example_box ul li.for1{ background: url("../image/example_icon01.png") no-repeat center 20px #fff;}
.example_box ul li.for1:hover{ background: url("../image/example_icon01_on.png") no-repeat center 20px #fff;}
.example_box ul li.for1.active{ background: url("../image/example_icon01_on.png") no-repeat center 20px #fff;}
.example_box ul li.for2{ background: url("../image/example_icon02.png") no-repeat center 20px #fff;}
.example_box ul li.for2:hover{ background: url("../image/example_icon02_on.png") no-repeat center 20px #fff;}
.example_box ul li.for2.active{ background: url("../image/example_icon02_on.png") no-repeat center 20px #fff;}
.example_box ul li.for3{ background: url("../image/example_icon03.png") no-repeat center 20px #fff;}
.example_box ul li.for3:hover{ background: url("../image/example_icon03_on.png") no-repeat center 20px #fff;}
.example_box ul li.for3.active{ background: url("../image/example_icon03_on.png") no-repeat center 20px #fff;}
.example_box ul li.for4{ background: url("../image/example_icon04.png") no-repeat center 20px #fff;}
.example_box ul li.for4:hover{ background: url("../image/example_icon04_on.png") no-repeat center 20px #fff;}
.example_box ul li.for4.active{ background: url("../image/example_icon04_on.png") no-repeat center 20px #fff;}
.example_box ul li.for5{ background: url("../image/example_icon05.png") no-repeat center 20px #fff;}
.example_box ul li.for5:hover{ background: url("../image/example_icon05_on.png") no-repeat center 20px #fff;}
.example_box ul li.for5.active{ background: url("../image/example_icon05_on.png") no-repeat center 20px #fff;}
.example_box ul p{ font-size:16px; font-weight:400; color:rgba(114,113,113,1); line-height:24px;  text-align: center; margin-top: 88px;}

.example_lb{ overflow: hidden; margin-top: -20px;}
.example_lb .lb{ overflow: hidden;}
.example_photo{ float: left; height: 320px; width: 560px; margin-left: 10px; margin-top: 40px;}
.example_photo img{ display: block;}
.example_main{ float: left;width: 400px;margin-left: 50px; margin-top: 110px;}
.example_main p{ font-size: 16px; color: #3e3a39; border-left: 2px #727171 solid; padding-left: 10px;}
.example_main span{ font-size: 14px; color: #727171; text-align: justify; line-height: 24px;}


.example_box .slick_txt{ width:30%; height: 100%; background-color: transparent; transition: all 500ms ease; -webkit-transition:all 500ms ease;  background-repeat: no-repeat; position: absolute; top: 90px; font-size: 0; outline: none; border:0; }
.example_box .left{ left: 0; }
.example_box .right{ right:0; }
.example_box .slick_txt:hover .slick_arrow{ opacity: 1; visibility: visible; }
.example_box .slick_arrow{ width: 20px; height: 36px; background-repeat: no-repeat; background-position: center; margin-top: -18px; position: absolute; top: 50%; cursor: pointer; transition: all 500ms ease; -webkit-transition:all 500ms ease; opacity: 0; visibility: hidden; }
.example_box .prev{ background-image:url(../image/ban_prev2.png);left: -20px;}
.example_box .slick_txt .next{ background-image:url(../image/ban_next2.png); right:-20px;}
.example_box .slick_txt .prev:hover{background-image:url(../image/ban_prev_hover.png);}
.example_box .slick_txt .next:hover{background-image:url(../image/ban_next_hover.png);}
.footer{ height:160px; background:url("../image/footer_bg.png") repeat-x; position: absolute; bottom: 0px; left: 0; right: 0; }
.footer .f1{ overflow: hidden;height: 76px; line-height: 76px; width: 1144px; margin: auto;}
.footer .f1 span{float: right; color: #fff; font-size: 14px; font-weight: 400; background:  url("../image/tel_icon.png") no-repeat left; padding-left: 30px; margin-left: 20px;}
.footer .f1 span.tel{ background:  url("../image/tel_icon.png") no-repeat left; }
.footer .f1 span.mail{ background:  url("../image/mail_icon.png") no-repeat left; }
.footer .f1 ul{ overflow: hidden; float: left;}
.footer .f1 ul li{ float: left; margin: 0 25px; }
.footer .f1 ul li a{ float: left; color: #fff; font-size: 14px; font-weight: 400; }
.footer .f2 .p1{ text-align: center; margin: 10px 0 0 0;}
.footer .f2 .p1 a{  color: #228ffa; margin: 0 12px; line-height: 48px;}
.footer .f2 .p2{ text-align: center; color: #94a0c1; margin: 0; margin-top: 25px;}


.platform1{ background: url("../image/platform_bg2.png") no-repeat; width: 1197px; height: 65%; margin: auto; overflow: hidden; background-size: 100% 100%; position: relative;}
.title3{overflow: hidden; margin-left: 90px; margin-top: 25px;}
.title3 p{ text-align: left; font-size: 24px;  color: #fff; font-weight: 500; margin-bottom: 5px;}
.title3 span{ text-align: left; font-size: 16px;  color: #fff; display: block;}


.platform1_columnbox{ height: 81%; width: 1139px; position: absolute; right: 0; bottom: 0;}
.column_left{ width:438px; height: 100%; padding: 80px 30px 0 30px;font-size:14px;color:rgba(69,91,9,1);line-height: 28px; text-align: justify; text-indent: 2em; float: left}
.column_right{ width:700px; height: 100%; float: left;}
.column_right .column{ width: 350px; height: 50%;  padding: 40px 40px 0 40px; float: left;}
.column_right .column img{ width: 40px; height: 40px; display: block; margin-bottom: 20px;}
.column_right .column p{ font-size:18px; color:rgba(89,87,87,1);line-height:24px; margin-bottom: 5px;}
.column_right .column span{ font-size:14px; color:rgba(114,113,113,1);}

.platform2{     height: 25%; width: 1140px; overflow: hidden; margin-left: 58px; margin-top: 30px;}
.platform2_column{ height: 100%; width: 360px; float: left; background: #fff;padding: 30px 40px 0 40px;  margin-right: 30px;}
.platform2 .platform2_column:nth-child(3){ margin: 0;}
.platform2 .platform2_column img{ width: 45px; height: 45px; display: block; margin-bottom: 20px;}
.platform2 .platform2_column p{ font-size:18px; color:rgba(89,87,87,1);line-height:24px; margin-bottom: 5px;}
.platform2 .platform2_column span{ font-size:14px; color:rgba(114,113,113,1);}


/*人员招募*/
.main_box{ padding-top: 80px; min-width: 1200px;}
.banner{ width: 100%;}
.title4 p{ text-align: center; font-size: 24px;  color: #3e3a39; margin-top: 60px;font-weight: 500;}
.title4 span{ text-align: center; font-size: 16px;  color: #727171; display: block; letter-spacing: 2px;}
.main{ width: 1200px; margin: auto;}
.recruitment_nav{ width: 100%; overflow: hidden; margin-top: 35px;}
.recruitment_nav li{float: left; background: #f7f9fd;  width: 186px; height: 60px; border-radius: 2px; margin-right: 35px;}
.recruitment_nav li:hover{background:url("../image/recruitment_nav_bg.png") no-repeat;  }
.recruitment_nav li.active{background:url("../image/recruitment_nav_bg.png") no-repeat;  }
.recruitment_nav li a{ font-size: 16px; color: #3e3a39; text-align: center; line-height: 60px; margin: auto;display: block; font-weight: 500;}
.recruitment_nav li a:hover{ color: #fff; background: url("../image/point.png") no-repeat 40px center;}
.recruitment_nav li.active a{ color: #fff; background: url("../image/point.png") no-repeat 40px center;}
.Recruitment_information{min-height: 600px; margin-top: 50px;}
.Recruitment_information dd{ width: 1200px; height: 175px; background: #f7f9fd; overflow: hidden; position: relative; margin-bottom: 30px;  padding: 30px 0; cursor: pointer}
.Recruitment_information dd .left{float: left; width: 270px; height: 115px; margin:  0; }
.Recruitment_information dd .left p{font-size: 14px; color: #3e3a39;  margin:35px 0 0 50px; letter-spacing: 2px; font-weight: 500;}
.Recruitment_information dd .left span{font-size:14px; color: #4b47c8;  margin-left: 50px; letter-spacing:1px;font-weight: 500;}
.Recruitment_information dd .right{float: left; width: 860px; height: 115px;  padding: 10px 0 0 20px; background: url("../image/Recruitment_icon02.png") no-repeat right; display: block;border-left: 1px #e4e4e4 solid;}
.Recruitment_information dd .r1{ background: url("../image/Recruitment_icon01.png") no-repeat right; }
.Recruitment_information dd .r2{ background: url("../image/Recruitment_icon02.png") no-repeat right; }
.Recruitment_information dd .r3{ background: url("../image/Recruitment_icon03.png") no-repeat right; }
.Recruitment_information dd .right p{font-size: 13px; color: #727171;  }
.Recruitment_information dd .right2{float: left; width: 860px; height:auto;  padding: 10px 0 0 20px; display: none;border-left: 1px #e4e4e4 solid;}
.Recruitment_information dd .right2 .txt1{padding-bottom: 15px; border-bottom: 1px #dce1ea dashed;}
.Recruitment_information dd .right2 .txt2{ border: none; margin-top: 20px; padding-bottom: 0;}
.Recruitment_information dd .right2 .txt1 a{font-size: 14px; color: #3e3a39;  margin-bottom: 15px; display: block;}
.Recruitment_information dd .right2 .txt1 p{font-size: 13px; color: #727171;  }
.address{ position: absolute;  top: 20px; right: 30px; color: #b5b5b6; font-size: 14px; background: url("../image/address_icon.png") left no-repeat;padding-left: 15px;}

.Recruitment_information dd.active{  height: auto; background: #e9f0fe}
.Recruitment_information dd.active .l1{  background: url("../image/Recruitment_icon01.png") no-repeat 55px 130px; height: auto}
.Recruitment_information dd.active .l2{  background: url("../image/Recruitment_icon02.png") no-repeat 55px 130px;height: auto}
.Recruitment_information dd.active .l3{  background: url("../image/Recruitment_icon03.png") no-repeat 55px 130px;height: auto}
.Recruitment_information dd.active .left p{margin-top: 200px}
.Recruitment_information dd.active .right{display: none}
.Recruitment_information dd.active .right2{display: block;}

.footer2{ height:160px; background:url("../image/footer_bg.png") repeat-x; width: 100%; }
.footer2 .f1{ overflow: hidden;height: 76px; line-height: 76px; width: 1144px; margin: auto;}
.footer2 .f1 span{float: right; color: #fff; font-size: 14px; font-weight: 400; background:  url("../image/tel_icon.png") no-repeat left; padding-left: 30px; margin-left: 20px;}
.footer2 .f1 span.tel{ background:  url("../image/tel_icon.png") no-repeat left; }
.footer2 .f1 span.mail{ background:  url("../image/mail_icon.png") no-repeat left; }
.footer2 .f1 ul{ overflow: hidden; float: left;}
.footer2 .f1 ul li{ float: left; margin: 0 25px; }
.footer2 .f1 ul li a{ float: left; color: #fff; font-size: 14px; font-weight: 400; }

.footer2 .f2, .footer2 .f2 a{ text-align: center; color: #94a0c1; margin: 0; margin-top: 25px;}

.tk_box{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 20;}
.tk{ width: 420px; height: 200px; background: #fff; border-radius: 4px; top: 50%; left: 50%; margin:-100px 0 0 -225px;  position: absolute;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.03);}
.tk .close_btn{ width: 80px; height: 32px; background: #1375f7; color: #fff; text-align: center; line-height: 32px; display: block; margin: auto; border-radius: 3px; cursor: pointer; margin-top: 40px;}
.tk p{color: #727171; margin-top: 60px; font-size: 16px; text-align: center; letter-spacing: 2px; background: url("../image/mail_icon2.png") no-repeat 45px center; padding-left: 22px;}
.tk p span{color: #1375f7; text-decoration: underline }
.hide{ display: none;}

/*关于我们*/
.service{ width:1200px; margin: auto; overflow: hidden}
	.service li{ width: 25%; float: left; padding: 0 30px; background: url("../image/service_icon01.png ") no-repeat top; padding-top: 120px; margin: 40px 0 100px 0; cursor: pointer;} 
	.service li.li1{ background: url("../image/service_icon01.png ") no-repeat top; } 
	.service li.li1:hover{ background: url("../image/service_icon01_on.png ") no-repeat top; } 
	.service li.li2{ background: url("../image/service_icon03.png ") no-repeat top; } 
	.service li.li2:hover{ background: url("../image/service_icon03_on.png ") no-repeat top; } 
	.service li.li3{ background: url("../image/service_icon02.png ") no-repeat top; } 
	.service li.li3:hover{ background: url("../image/service_icon02_on.png ") no-repeat top; } 
	.service li.li4{ background: url("../image/service_icon04.png ") no-repeat top; } 
	.service li.li4:hover{ background: url("../image/service_icon04_on.png ") no-repeat top; } 
	.service li p{ font-size: 14px; color: #333; text-align: center; font-weight: 500; margin-bottom: 20px;}
	.service li span{ font-size: 13px; color: #666; display: block;  line-height: 22px; text-align: justify;}
	.introduce_box{ width: 100%; overflow: hidden;}
	.introduce1_box{ width: 1200px; background: #fff; margin: auto; padding-bottom:150px; }
	.introduce2_box{ width: 100%; height: 260px; background: #2433bb; float: left}
	.introduce1{ width: 1200px; margin: auto; padding: 0px 50px 0 50px;}
	.introduce1 .txt1{overflow: hidden;  margin-top:60px;}
	.introduce1 .txt1 img{width:470px; height: 240px; float: left}
	.introduce1 .txt1 a{width: 580px;  font-size: 14px; line-height: 26px; text-align: justify; color: #727171; display: block;text-indent: 2em; float: right; margin-left: 40px;}
	.introduce1 .txt2 {  font-size: 14px; line-height: 26px; text-align: justify; color: #727171; display: block;text-indent: 2em; margin-top: 30px;}
	.introduce_show{ overflow: hidden;width: 1000px; margin: auto; background: #f8fafe; height: 150px;box-shadow:2px 2px 5px 0px rgba(124, 147, 178, 0.11); border: 1px #ecf0f6 solid; margin-top: 50px;}

	.introduce_show li{ float: left;width: 332px; margin: 25px 0; border-right: 1px #d0d7e5 solid;}
	.introduce_show li:nth-child(3){border: none;}
	.introduce_show li a{ width: 333px; text-align: center; color: #555; display: block; font-size: 16px;}
	.introduce_show li span{ font-size: 36px; color: #da2c20; margin-right: 5px; }
	.introduce_show li p{ width: 333px; font-size: 16px; color: #888; text-align: center; margin-top: 10px;}
	.introduce2{ width: 1200px; margin: auto; margin-top: -50px;padding: 0px 50px 0 50px;}
	.introduce2 .photo{width: 408px; height: 272px; float: right;}
	.introduce2 .txt{float: left;width: 600px; margin-right: 40px;}
	.introduce2 .txt p{font-size: 20px; color: #fff; padding-top: 115px; font-weight: 500; margin-bottom: 10px;}
	.introduce2 .txt span{font-size: 14px; color: #fff; display: block}
	.introduce2 .txt a{font-size: 13px; color: #fff; display: block; margin-top: 20px; line-height: 26px; margin-top: 120px; text-indent: 2em;  line-height: 30px; text-align: justify;}
	.title5 p{ text-align: left; font-size: 24px;  color: #3e3a39; margin-top: 70px;font-weight: 500;}
	.title5 span{ text-align: left; font-size: 16px;  color: #727171; display: block;}
	.advantage{ overflow: hidden;margin-top: 60px; padding:5px 0 50px 5px;}
	.advantage dd{ overflow: hidden; width: 205px; float: left; margin:0 21px; height: 90px; box-shadow:0 0 5px rgba(28,79,208,0.3);  border-radius: 2px; cursor: pointer;}
	.advantage dd img{ margin: 26px 20px 28px 38px;}
	.advantage dd a{ font-size: 16px; color: #3b3b3b; line-height: 36px;}
	
	.contacts_us_box{ width:100%;background: #f7f9fd; overflow: hidden; padding-bottom: 50px;}
	.contacts_us{ width: 1200px; margin: auto; overflow: hidden; margin-top: 40px;}
	.map{ float: left; width: 560px; height: 325px; }
	.site{ float: left; margin-left: 40px; }
	.site p{ margin-bottom: 15px;}
	.site p span{ line-height: 32px; margin-left: 15px; font-size: 14px;}
	.site_btn{ overflow: hidden;}
	.site_btn a{ display: block; width: 130px; height: 42px; text-align: center; color: #3e3a39; line-height: 42px; border-radius: 4px; font-size: 14px; background: url("../image/site_icon.png") no-repeat 35px center #ddd; padding-left: 15px; cursor: pointer;float: left;margin: 40px 37px 20px 0;  }
.site_btn a.active{  background: url("../image/site_icon_on.png") no-repeat 35px center #337bff;  color: #fff;  }


/*数据运维*/
.operation_main1{ background:#fff; height: 400px; }
.operation_main2{  height: 400px; background: url("../image/operation_bg01.png") no-repeat; background-size: 100% 400px;}
.operation_main3{  height: 400px; background: url("../image/operation_bg02.png") no-repeat; background-size: 100% 400px;}
.operation_main4{  height: 400px; background: url("../image/operation_bg03.png") no-repeat; background-size: 100% 400px;}
.service_content{ width: 1200px; overflow: hidden; margin: auto; margin-top: 60px;}
.service_content li{ width: 112px;  float: left; margin-right: 105px;}
.service_content li:nth-last-child(1){ margin-right: 0;}
.service_content li img{ width: 100px; height: 100px; display: block;margin: auto;margin-bottom: 15px;}
.service_content li p{ width: 112px; text-align: center; font-size: 16px; color: #898989;}
.operation_txt1{ background: url("../image/operation_img01.png") right no-repeat; width: 1000px; margin: auto; overflow: hidden; height: 400px;}
.operation_txt2{ background: url("../image/operation_img02.png") left no-repeat; width: 1000px; margin: auto; overflow: hidden; height: 400px;}
.operation_txt3{ background: url("../image/operation_img03.png") right no-repeat; width: 1000px; margin: auto; overflow: hidden; height: 400px;}
.operation_txt4{ background: url("../image/operation_img04.png") left no-repeat; width: 1000px; margin: auto; overflow: hidden; height: 400px;}
.operation_txt5{ background: url("../image/operation_img05.png") right no-repeat; width: 1000px; margin: auto; overflow: hidden; height: 400px;}
.operation_txt6{ background: url("../image/operation_img06.png") left no-repeat; width: 1000px; margin: auto; overflow: hidden; height: 400px;}
.operation_txt_title{ font-size: 24px; color: #fff; letter-spacing: 2px; margin: 120px 0 10px 0;}
.operation_txt_title2{ font-size: 24px; color: #555; letter-spacing: 2px; margin: 120px 0 10px 0;margin-left: 520px;}
.operation_txt_information{display: block;width: 480px; text-align: justify; line-height: 30px; color: #d6f3ff; font-size: 16px;}
.operation_txt_information2{display: block;width: 480px; text-align: justify; line-height: 30px; color: #888; font-size: 16px;margin-left: 520px;}

/*应用平台*/
.platform_banner{ width: 100%;  height: 450px; background: url("../image/platform_banner_bg2.png") no-repeat; background-size: 100% 100%; position: relative;}
.platform_banner img{ display: block; margin: auto}
.platform_banner ul{ width: 1200px; overflow: hidden; position: absolute; bottom: 0; left: 50%; margin-left: -600px; height: 100px;}
.platform_banner li{ width: 300px; float: left;}
.platform_banner li p{ color: #27e3dc; margin-top: 30px; font-size: 16px; margin-left: 40px; letter-spacing: 1px; }
.platform_banner li span{ color: #ceeaff;  margin-left: 40px;}
.paltform_main1{ width: 1200px; overflow: hidden; margin: auto;}
.paltform01_img{ display: block; float: left;}
.paltform01_txt{ float: right; width: 650px; margin-top: 60px;}
.paltform01_txt dd{margin-bottom: 20px; overflow: hidden;}
.paltform01_txt a{display: block; font-size: 18px; color: #3e3a39; padding-left: 10px; border-left: 2px #727171 solid; line-height: 20px; margin-bottom: 10px; letter-spacing: 1px;}
.paltform01_txt p{ color: #727171; margin-left: 10px; text-align: justify; line-height: 24px;}
.paltform_main2{ background: #e7edf8;width: 100%; overflow: hidden;}
.application_platform{width: 1200px; margin: auto; overflow: hidden; margin-top: 60px; margin-bottom: 80px;}
.application_platform li{width: 284px;margin: 0 8px; float: left; background: #fff; margin-bottom: 16px; height: 250px;}
.application_platform li img{width: 120px; height: 120px; display: block; margin:30px auto;}
.application_platform li p{font-size: 18px;color: rgb(89, 87, 87);text-align: center; letter-spacing: 1px;}
.paltform_main3{ width: 1200px; margin: auto;}


.application_box{ margin: 0 auto;  width: 1200px;    position: relative; }
.application{position:relative; width:1200px; margin:0 auto; margin-top: 50px;}
.application .flashBg{width:1200px;height:180px; margin:0 auto;position:relative; overflow: hidden;}
.application .flashBg ul.mobile{width:2000%;height:180px; position:absolute;top:15; left:0;}
.application .flashBg ul.mobile li{border:2px solid #ecf1f9;float:left;width:284px;height:168px;margin:5px 8px; cursor: pointer;}
.application .flashBg ul.mobile li:hover{  box-shadow: 0 0 8px #37c4ff; border: none;}
.application .flashBg ul.mobile li.active{  box-shadow: 0 0 8px #37c4ff; border: none;}
.application .flashBg ul.mobile li.li01{background: url("../image/application_icon01.png") center 20px no-repeat;}
.application .flashBg ul.mobile li.li01:hover{background: url("../image/application_icon01_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile li.li01.active{background: url("../image/application_icon01_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile li.li02{background: url("../image/application_icon02.png") center 20px no-repeat;}
.application .flashBg ul.mobile li.li02:hover{background: url("../image/application_icon02_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile li.li02.active{background: url("../image/application_icon02_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li03{background: url("../image/application_icon03.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li03:hover{background: url("../image/application_icon03_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li03.active{background: url("../image/application_icon03_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li04{background: url("../image/application_icon04.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li04:hover{background: url("../image/application_icon04_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li04.active{background: url("../image/application_icon04_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li05{background: url("../image/application_icon05.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li05:hover{background: url("../image/application_icon05_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li05.active{background: url("../image/application_icon05_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li06{background: url("../image/application_icon06.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li06:hover{background: url("../image/application_icon06_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li06.active{background: url("../image/application_icon06_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li07{background: url("../image/application_icon07.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li07:hover{background: url("../image/application_icon07_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li07.active{background: url("../image/application_icon07_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li08{background: url("../image/application_icon08.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li08:hover{background: url("../image/application_icon08_on.png") center 20px no-repeat;}
.application .flashBg ul.mobile .li08.active{background: url("../image/application_icon08_on.png") center 20px no-repeat;}

.application .flashBg ul.mobile li p{font-size:18px; text-align:center;margin-top:110px;}
.application .but_left{width:21px;height:35px;position:absolute; top:72px; left:-30px;background:url("../image/left_icon.png") no-repeat; cursor: pointer}
.application .but_right{width:21px;height:35px; position:absolute; top:72px; right:-30px;background:url("../image/right_icon.png") no-repeat; cursor: pointer}
.application .but_left:hover{background:url("../image/left_icon_on.png") no-repeat;}
.application .but_right:hover{background:url("../image/right_icon_on.png") no-repeat;}

.application_botom{display: none; width: 1200px;  overflow: hidden; margin: 40px 0;}
.c-banner{ width: 560px;height: 320px; float: left;position: relative; margin-left: 8px; }
.c-banner img{width: 560px;height: 318px;}
.c-banner .banner{
	height: 100%;
}
.c-banner .banner ul li{border:1px solid #ecf1f9;}
.c-banner .banner ul li img{ width: 100%; height: 100%; object-fit: cover;}

.c-banner .jumpBtn{ width: 100%; position: absolute; bottom: 6px; text-align: center; }
.c-banner .jumpBtn ul{ margin-bottom: 0px; padding: 0px; }
.c-banner .jumpBtn ul li{ width: 10px; height: 10px; border-radius: 50%; display: inline-block; background-color: #fff; opacity: 0.8; margin-left: 5px;cursor: pointer; }
.c-banner .jumpBtn ul li:first-child{ margin-left: 0px; }

.application_main{ float: left;width: 570px;margin-left: 50px; margin-top: 30px; }
.application_main p{ font-size: 18px; color: #3e3a39; border-left: 2px #727171 solid; padding-left: 10px; margin-bottom: 15px;}
.application_main span{ font-size: 14px; color: #727171; text-align: justify; line-height: 26px; text-indent: 2em; display: block;}