@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; list-style:none;}
body{ background:#fff; font:normal "微软雅黑";}
img{ border:0;  }
.proList h2{font-size:24px;font-weight:bold;}
.proList{ font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
.proList .conWarp a{white-space:normal;}
.proLayer9 a {white-space:normal;}
.jffs-a{white-space:normal!important;}
.system_layer3 a{white-space:normal!important;}
.proList .proList_Layer7 .conWarp .text p{font-size:12px;}
a{ text-decoration:none; color:#000;  }
.indexContainer h2{font-size:24px!important;}
a:hover{ color:red;  }
.clear { clear:both;}


@keyframes a1{
	0%{ transform: translateX(0);}
	50%{ transform: translateX(10px);}
	100%{ transform: translateX(0);}
}
.meun{ display: none;}
.banner{ position: relative; width: 100%; height: 600px; background: linear-gradient(to right,#4867e6,#29c8ce);}
.banner .bannerBox{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.banner .bannerBox h2{ text-align: center; font-size: 64px; color: #fff; margin-bottom: 40px;}
.banner .bannerBox p{ font-size: 28px; text-align: center; line-height:44px; color: #c9cdf8;}

.indexContainer{ width: 100%;}
.indexContainer .layer1{ width: 100%; padding: 100px 8%; box-sizing: border-box; max-width: 1920px; margin: 0 auto;}
.indexContainer .title h2{ font-size: 36px; text-align: center; color: #4e4e50;}
.indexContainer .title img{ display: block; margin: 40px auto 0 auto;}
.indexContainer .title p{ text-align: center; font-size: 18px; margin-top: 30px; color: #bdbdbe;}
.indexContainer .layer1 p{ padding-top: 10px; font-size: 16px;line-height: 34px; color: #9fa1a8;}
.indexContainer .layer1 .pic{ display: block; margin: 70px auto 0 auto;}
.indexContainer .layer1 .Nr{ padding-top: 45px; width:1140px; margin: 0 auto; overflow: hidden;}
.indexContainer .layer1 .Nr .icon{ float: left; width: 335px;}
.indexContainer .layer1 .Nr .text{ width: calc(100% - 335px); float: left; padding: 100px 0 0 95px; box-sizing: border-box;}
.indexContainer .layer1 .Nr .text p{ font-size: 16px; color: #9fa1a8; line-height: 34px;}


.conWarp{ width: 100%; padding: 0 8%; max-width: 1920px; margin: 0 auto; box-sizing: border-box;}
.indexContainer .layer2{background: #eceef3;  width: 100%; padding: 80px 0 0 0;}
.indexContainer .layer2Box{ width: 100%;padding: 100px 8% 100px 8%; box-sizing: border-box; max-width: 1920px; margin: 0 auto;}
.indexContainer .layer2 ul{ padding-top: 60px; overflow: hidden;}
.indexContainer .layer2 ul li{ position: relative; padding: 0 48px; box-sizing: border-box; width: 33%; float: left; margin-right: 0.5%; margin-bottom: 8px; background: linear-gradient(to right,#fff,#fff); height: 250px; transition: 0.5s;}
.indexContainer .layer2 ul li h2{ padding:45px 0 0 0;}
.indexContainer .layer2 ul li span{ display: block; width: 16px; height: 1px; margin: 16px 0; background: #9b9b9b; }
.indexContainer .layer2 ul li p{font-size: 14px; line-height: 28px; color: #828282;}
.indexContainer .layer2 ul li:nth-child(3n){ margin-right: 0;}
.indexContainer .layer2 ul li:hover{ background: linear-gradient(to right,#4d7beb,#3162db);}
.indexContainer .layer2 ul li:hover h2{ color: #fff;}
.indexContainer .layer2 ul li:hover span{ background: #fff;}
.indexContainer .layer2 ul li:hover p{ color: #fff;}
.indexContainer .layer2 ul li .num{ font-size: 30px; color: #e9ebf2; position: absolute; right: 42px; top: 50px; font-weight:100;}
.indexContainer .layer2Box{padding-top: 65px; width: 100%; overflow: hidden;}
.indexContainer .layer2Left{ width: 385px; float: left; height: 523px; background: url(../images/hj_07.png); padding: 0 50px; box-sizing: border-box; padding-top: 45px; box-sizing: border-box;}
.indexContainer .layer2Left h2{ margin-bottom: 30px; font-size: 24px; color: #fff; line-height: 42px;}
.indexContainer .layer2Left p{ font-size: 16px; color: #fff; line-height: 28px;}
.indexContainer .layer2Right{ width: calc(100% - 385px); padding-left: 20px; box-sizing: border-box; float: left;}
.indexContainer .layer2Right dl{ width: 100%; overflow: hidden;}
.indexContainer .layer2Right dl dd{ position: relative; background: linear-gradient(#f6faff,#fefeff); width: 49%; float: left; margin-right: 2%; height: 250px; margin-bottom: 23px; padding: 55px 170px 0 50px; box-sizing: border-box;}
.indexContainer .layer2Right dl dd h2{ font-size: 22px; color: #444; margin-bottom: 10px;}
.indexContainer .layer2Right dl dd p{ font-size: 14px; color: #8f8f8f; line-height: 28px;}
.indexContainer .layer2Right dl dd .tp{ width: 170px; height: 100%; position: absolute; right: 0; top: 0;}
.indexContainer .layer2Right dl dd .tp img{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 65px;}
.indexContainer .layer2Right dl dd:nth-child(2n){ margin-right: 0;}

.indexContainer .layer3{box-sizing: border-box; background: url(../images/bg2_06.png); height: 850px; background-attachment:fixed ; background-size:100% 100%;}
.indexContainer .layer3 .bt{ padding: 50px 0;}
.indexContainer .layer3 .bt h2{ font-size: 36px; color: #fff; margin-bottom: 30px; text-align: center;}
.indexContainer .layer3 .bt p{ color: #e0e0e0; text-align: center;}
.indexContainer .layer3 .hd{ padding: 32px 0; width: 350px; float: left; border-radius:25px; background: #1c4ab8;}
.indexContainer .layer3 .hd ul{ width: 100%;}
.indexContainer .layer3 .hd ul li{ transition: 0.5s; cursor: pointer; box-sizing: border-box; border-left:7px solid #1c4ab8; background: url(../images/icon_03.png) 50px center no-repeat; padding-left: 80px; width: 100%; height: 69px; position: relative; font-size: 17px; color: #fff; line-height: 69px;}
.indexContainer .layer3 .hd ul li img{ display: none; position: absolute; left: 285px;top: 50%; transform: translateY(-50%);}
.indexContainer .layer3 .hd ul li.on{ background: #3161d6;border-left:7px solid #86a9ff; background:url(../images/icon_03.png) 50px center no-repeat #3161d6;}
.indexContainer .layer3 .hd ul li.on img{ display: block;}
.indexContainer .layer3 .bd{ width: calc(100% - 350px); float: left; height: 100%; background: #fff; padding: 50px; box-sizing: border-box; border-radius:25px ; height: 624px;}
.indexContainer .layer3 .bd .icon{ float: right; width: 510px;}
.indexContainer .layer3 .bd .text{ padding-right: 65px; box-sizing: border-box; float: left; width: calc(100% - 510px);}
.indexContainer .layer3 .bd .text h2{ height: 60px; line-height: 60px; font-size: 28px; color: #333;}
.indexContainer .layer3 .bd .text p{ margin-top: 10px; font-size: 16px; color: #9fa1a8; line-height: 34px;}
.indexContainer .layer3 .bd .text a{ margin-top: 40px; background: url(../images/index_10.png) left center no-repeat; height: 23px; line-height: 23px; font-size: 16px; color: #253159; padding-left: 35px; display: block;}

.indexContainer .layer4{ padding: 80px 0 130px 0; box-sizing: border-box;}
.indexContainer .layer4 .tab{ width: 100%; border: 1px solid #eeeeee;}
.indexContainer .layer4 .tab table{ width: 100%;}
.indexContainer .layer4 .tab table tr th{ font-size: 22px; text-align: center; height: 56px; background: #d9d9d9; color: #838383;}
.indexContainer .layer4 .tab table tr td{ border: .05px solid #ececec; font-size: 22px; color: #7c7c7c; height: 60px; text-indent: 60px;}
.indexContainer .layer4 .tab table tr td.n1{ padding: 0 50px; text-indent: 0; text-align: center;}

.indexContainer .layer5{ background: #f4f6f8; width: 100%;}
.indexContainer .layer5Box{ width: 100%; padding: 0 8%; box-sizing: border-box; max-width: 1920px; margin: 0 auto;}
.indexContainer .layer5 .bt{ padding: 60px 0;}
.indexContainer .layer5 .bt h2{ font-size: 36px; color: #000;}
.indexContainer .layer5 .bt p{ color: #ababab; font-size: 18px; margin-top: 20px;}
.indexContainer .layer5 ul{ overflow: hidden;}
.indexContainer .layer5 ul li{ border: 1px solid #eee; box-sizing: border-box; height: 330px; background: #fff; margin-bottom: 40px; background: #fff; width: 32%; float: left; margin-right: 2%; padding: 30px 55px 0 55px; box-sizing: border-box;}
.indexContainer .layer5 ul li:nth-child(3n){ margin-right: 0;}
.indexContainer .layer5 ul li .icon{ margin: 0 auto; border: 1px solid #eee; width: 100%; margin: 0 auto;}
.indexContainer .layer5 ul li .icon img{ display: block; width: 100%; height: auto;}
.indexContainer .layer5 ul li h2{ height: 55px; overflow: hidden; border-bottom: 1px solid #eaeaea; text-align: center; line-height: 55px; font-size: 17px;}
.indexContainer .layer5 ul li p{ padding-top: 20px; font-size: 12px; color: #717171; line-height: 26px;}

.indexContainer .layer6{ padding-top: 70px; padding-bottom: 120px; width: 1200px; margin: 0 auto;}
.indexContainer .layer6Box{ width: 100%; padding-top: 85px; overflow: hidden;}
.indexContainer .layer6Box ul{ float: left; width: 205px; padding-top: 69px;}
.indexContainer .layer6Box ul li{ font-size: 28px; margin-bottom: 120px; color: #253159;}
.indexContainer .layer6Box img{ display: block; float: left;}
.indexContainer .layer7{ width: 100%; padding: 85px 0; background: #f3f5f7;}
.indexContainer .layer7Box{ padding-top: 75px; width: 1290px; margin: 0 auto;}
.indexContainer .layer7Box ul{ width: 415px; float: left; margin-right: 30px;}
.indexContainer .layer7Box dl{ width: 150px; float: left;}
.indexContainer .layer7Box ul:last-child{ width: 680px; float: right; margin: 0;}
.indexContainer .layer7Box h2{ margin-bottom: 30px; font-size: 20px; font-weight: bold; color: #376cee; text-align: center;}
.indexContainer .layer7Box ul li{ margin-bottom: 12px; width: 100%; height: 76px; background: #fff; position: relative; border-radius:8px; box-shadow: 5px 5px 15px rgba(0,0,0,0.1);}
.indexContainer .layer7Box dl dd{ border-radius:8px ; width: 100%; height: 76px; text-align: center; line-height: 76px; background: #809aec; font-size: 22px; color: #fff; margin-bottom: 12px;}
.indexContainer .layer7Box ul li p{ font-size: 20px; color: #868687; line-height: 34px; position: absolute; left: 125px; top: 50%; transform: translateY(-50%);}
.indexContainer .layer7Box ul:last-child li p{ left: 115px;}
.indexContainer .layer7Box ul:last-child h2{ text-align: left; text-indent: 115px;}


.proContainer{ width: 100%;}
.proContainer .proLayer1{ overflow: hidden; padding: 120px 0; box-sizing: border-box;}
.proContainer .proLayer1 .icon{ float: left; width: 620px; float: left;}
.proContainer .proLayer1 .text{ padding-top: 0; padding-left: 45px; box-sizing: border-box; width: calc(100% - 620px); float: left;}
.proContainer .proLayer1 .text h2{ font-size: 32px; height: 105px; line-height: 105px; font-weight: bold; color: #3a3939;}
.proContainer .proLayer1 .text p{ font-size: 16px; color: #696969; text-indent: 50px; line-height: 40px;}
.proContainer .proLayer2{ padding: 85px 0; box-sizing: border-box; background: #f6f6f6;}
.proContainer .proLayer2 .bt{ width: 100%; margin-bottom: 45px;}
.proContainer .proLayer2 .bt h2{ text-align: center; font-weight: bold; font-size: 38px; color: #3a3939; margin-bottom: 35px;}
.proContainer .proLayer2 .bt p{ line-height: 48px; font-size: 18px;}
.proContainer .proLayer2 .Nr{ width: 100%; overflow: hidden;}
.proContainer .proLayer2 .Nr .icon{ float: left; width: 685px;}
.proContainer .proLayer2 .Nr .text{ width: calc(100% - 685px); float: left; padding-left: 80px; box-sizing: border-box;}
.proContainer .proLayer2 .Nr .text h2{ font-size: 24px; font-weight: bold; padding:25px 0 15px 0;}
.proContainer .proLayer2 .Nr .text ul{ width: 100%;}
.proContainer .proLayer2 .Nr .text ul li{ padding-left: 40px; background: url(../images/pro_10.png) 8px center no-repeat; width: 100%; height: 48px; line-height: 48px; padding-left: 34px;}

.proContainer .proLayer3{ padding: 80px 0; box-sizing: border-box; background: url(../images/setBg_02.png) top center no-repeat; background-size:100% 100% ;}
.proContainer .proLayer3 .bt{ margin-bottom: 65px;}
.proContainer .proLayer3 .bt h2{ text-align: center; font-size: 42px; font-weight: bold; color: #fff; margin-bottom: 35px;}
.proContainer .proLayer3 .bt p{ text-align: center; font-size: 18px; color: #c1c4d1;}
.proContainer .proLayer3 .hd{ margin-bottom: 35px; width: 100%;}
.proContainer .proLayer3 .hd ul{ text-align: center;}
.proContainer .proLayer3 .hd ul li{cursor: pointer; display: inline-block; width: 205px; height: 72px; text-align: center; line-height: 72px; border-radius:36px; font-size: 22px; color: #fff;}
.proContainer .proLayer3 .hd ul li.on{ background: #307eed;}
.proContainer .proLayer3 .bd{ width: 100%; background: #fff; height: auto; min-height: 540px;}
.proContainer .proLayer3 .bd .bdBox{ width: 100%; height: 100%; min-height: 560px;}
.proContainer .proLayer3 .bd ul.list1{ width: 100%; height: 540px;}
.proContainer .proLayer3 .bd ul.list1 li{ overflow: hidden;  height: 50%; width: 33%; float: left; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; box-sizing: border-box;}

.proContainer .proLayer3 .bd ul.list1 li:nth-child(2){ width: 34%;}
.proContainer .proLayer3 .bd ul.list1 li:nth-child(3){ border-right:0 ;}
.proContainer .proLayer3 .bd ul.list1 li:nth-child(6){ border: 0;}
.proContainer .proLayer3 .bd ul.list1 li:nth-child(4){ border-bottom:0 ;}
.proContainer .proLayer3 .bd ul.list1 li:nth-child(5){ border-bottom: 0; width: 34%;}
.proContainer .proLayer3 .bd ul.list1 li .icon{ width: 215px; float: left; height: 100%; position: relative;}
.proContainer .proLayer3 .bd ul.list1 li .icon img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.proContainer .proLayer3 .bd ul.list1 li .text{ width: calc(100% - 215px); float: left; padding: 75px 55px 0 0; box-sizing: border-box;}
.proContainer .proLayer3 .bd ul.list1 li .text h2{ font-weight: bold; font-size: 24px; color: #000; margin-bottom: 15px;}
.proContainer .proLayer3 .bd ul.list1 li .text p{ font-size: 16px; color: #8d8d8d; line-height: 26px;}

.proContainer .proLayer3 .Nr{ width: 100%;}
.proContainer .proLayer3 .Nr .NrBox1{ margin-top: 20px; width: 100%; background: #fff; padding: 35px; box-sizing: border-box; background: #f5f5f5;}
.proContainer .proLayer3 .Nr .NrBox1 ul{ overflow: hidden; width: 100%; height: auto;}
.proContainer .proLayer3 .Nr .NrBox1 ul li{ border: none; padding: 45px 45px 0 45px; box-sizing: border-box; width: 23.5%; float: left; margin-right: 2%; height: 465px; background: #fff;}
.proContainer .proLayer3 .Nr .NrBox1 ul li:last-child{ margin-right: 0;}
.proContainer .proLayer3 .Nr .NrBox1 ul li .icon{ width: 100%; height: auto;}
.proContainer .proLayer3 .Nr .NrBox1 ul li .icon img{ position: relative; left: auto; top: auto; transform: none; display: block; width: 125px; height: 125px; border-radius:50%; margin: 0 auto;}
.proContainer .proLayer3 .Nr .NrBox1 ul li .text{ width: 100%; padding: 0; float: inherit;text-align:center;}
.proContainer .proLayer3 .Nr .NrBox1 ul li .text h2{ font-weight: bold; height: 65px; text-align: center; line-height: 65px; font-size: 20px; color: #fc9028;}
.proContainer .proLayer3 .Nr .NrBox1 ul li .text p{ font-size: 16px; color: #3b3a39; line-height: 36px;}
.proContainer .proLayer3 .Nr .NrBox2{ width: 100%; margin-top: 20px; padding: 55px 85px; background: #fff; box-sizing: border-box; height:540px;}
.proContainer .proLayer3 .Nr .NrBox2 h2{ font-size: 24px; font-weight: bold; color: #525252; margin-bottom: 20px;}
.proContainer .proLayer3 .Nr .NrBox2 span{ font-size: 20px; display: block; font-weight: bold; color: #597ec8; margin-bottom: 12px; color: #4672c4;}
.proContainer .proLayer3 .Nr .NrBox2 p{ line-height: 36px; font-size: 16px; color: #525252;}
.proContainer .proLayer3 .Nr .NrBox2 img{ display: block; margin-top: 20px; max-width: 100%;}

.proContainer .proLayer4{ width: 100%; padding: 105px 0; box-sizing: border-box;}
.proContainer .proLayer4 .bt{ width: 100%; margin-bottom: 70px;}
.proContainer .proLayer4 .bt h2{ text-align: center; font-size: 34px; color: #333; margin-bottom: 50px; font-weight: bold;}
.proContainer .proLayer4 .bt p{ text-align: center; font-size: 18px; color: #919191;}
.proContainer .proLayer4 .Nr{ text-align: right; width: 100%; position: relative;}
.proContainer .proLayer4 .Nr .icon{ overflow: hidden; width: 700px; float: left; height: 100%; position: absolute; left: 0; top: 0;}
.proContainer .proLayer4 .Nr .icon img{ height: 100%; width: auto;}
.proContainer .proLayer4 .Nr .text{ display: inline-block; width: calc(100% - 700px); padding-left: 35px; box-sizing: border-box;}
.proContainer .proLayer4 .Nr .text ul{ width: 100%;}
.proContainer .proLayer4 .Nr .text ul li{box-shadow: 0 0 10px rgba(0,0,0,0.1); padding:16px 23px; box-sizing: border-box; width: 100%; height: auto; margin-bottom: 14px;}
.proContainer .proLayer4 .Nr .text ul li h2{ width: 192px; height: 53px; text-align: center; font-size: 17px; line-height: 53px; background: #307eed; color: #fff;}
.proContainer .proLayer4 .Nr .text ul li p{ text-align: left; padding: 0 30px; margin-top: 5px; font-size: 16px; line-height:28px;}
.proContainer .proLayer4 .Nr .text ul li:last-child{ margin-bottom: 0;}
.proContainer .proLayer5{ padding: 105px 0 130px 0; background: #242633;}
.proContainer .proLayer5 h2{ text-align: center; font-size: 36px; font-weight: bold; color: #fff; margin-bottom: 85px;}
.proContainer .proLayer5 ul{ text-align: center;}
.proContainer .proLayer5 ul li{ display: inline-block; margin: 0 42px;}

.proContainer .proLayer6{ width: 100%; padding: 120px 0;}
.proContainer .proLayer6 h2{ text-align: center; font-size: 36px; font-weight: bold; color: #333; margin-bottom: 100px;}
.proContainer .proLayer6 ul{ text-align: center;}
.proContainer .proLayer6 ul li{ margin: 0 50px; display: inline-block; width: 395px;}
.proContainer .proLayer6 ul li .icon{ width: 100%; height: 480px; border: 1px solid #c9c9c9; box-sizing: border-box; position: relative;}
.proContainer .proLayer6 ul li .icon img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.proContainer .proLayer6 ul li p{ font-size: 16px; text-align: center; height: 60px; line-height: 60px; text-align: center;}

.proContainer .proLayer7{ background: #f2f2f8; padding:0 0% 90px 0%; box-sizing: border-box;}
.proContainer .title{ padding: 79px 0 48px 0;}
.proContainer .title h2{ text-align: center; font-size: 32px; font-weight: bold; color: #333; margin-bottom: 32px;}
.proContainer .title p{ text-align: center; color: #555; font-size: 18px;}
.proContainer .proLayer7 ul{ width: 100%; overflow: hidden; height: 560px; background: #fff; padding:0 0 30px 0;}
.proContainer .proLayer7 ul li{ padding: 0 35px; width: 25%; box-sizing: border-box; float: left; height: 100%; border-right:1px solid #eaeaea;}
.proContainer .proLayer7 ul li:last-child{ border-right:0 ;}
.proContainer .proLayer7 ul li .bt{ height: 170px; line-height: 170px; overflow: hidden;}
.proContainer .proLayer7 ul li .bt img{ display: inline-block; vertical-align: middle;}
.proContainer .proLayer7 ul li .bt span{ display: inline-block; float: right; font-size: 40px; color: #efefef;}
.proContainer .proLayer7 ul li h2{ font-size: 24px; font-weight: bold; color: #333; margin-bottom: 25px;}
.proContainer .proLayer7 ul li p{ font-size: 14px; color:#8f8f8f; text-indent: 35px; line-height: 28px;} 

.proContainer .proLayer8{ background: #441e8e; padding: 0 0% 90px 0%; box-sizing: border-box;}
.proContainer .proLayer8 .title{padding:45px 0;}
.proContainer .proLayer8 .title h2{ color: #fff; }
.proContainer .proLayer8 .title p{ color: #fff;}
.proContainer .proLayer8 ul{ width: 100%; overflow: hidden; background: #fff;}
.proContainer .proLayer8 ul li{ box-sizing: border-box; float: left; width: 25%; height: 190px; border-right:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}

.proContainer .proLayer8 ul li:nth-child(4n){ border-right:0;}
.proContainer .proLayer8 ul li:nth-child(9){ border-bottom: 0;}
.proContainer .proLayer8 ul li:nth-child(10){ border-bottom: 0;}
.proContainer .proLayer8 ul li:nth-child(11){ border-bottom: 0;}
.proContainer .proLayer8 ul li:nth-child(12){ border-bottom: 0;}
.proContainer .proLayer8 ul li .icon{ width: 100%; height: 110px; position: relative;}
.proContainer .proLayer8 ul li .icon img{ position: absolute; left: 50%; top: 52%; transform: translate(-50%,-50%);}
.proContainer .proLayer8 ul li h2{ text-align: center; font-size: 22px; text-align: center; margin-bottom: 18px;}
.proContainer .proLayer8 ul li p{ text-align: center; font-size: 14px; color: #8e8e8e;}

.proContainer .proLayer9 { background: #f1f3f9; padding:0 0% 130px 0%; box-sizing: border-box; background: #f1f3f9;}
.proContainer .proLayer9 ul{ width: 100%; overflow: hidden;}
.proContainer .proLayer9 ul li{ width: 24.2%; float: left; margin-right: 1%;}
.proContainer .proLayer9 ul li:last-child{ margin-right: 0;}
.proContainer .proLayer9 ul li .icon{ width: 100%; height: 270px;}
.proContainer .proLayer9 ul li .icon img{ display: block; width: 100%; height: 100%;}
.proContainer .proLayer9 ul li .text{ width: 100%; background: #fff; height: 175px; padding: 0 30px; box-sizing: border-box;}
.proContainer .proLayer9 ul li .text h2{ font-size: 28px; color: #333; padding: 30px 0 15px 0;}
.proContainer .proLayer9 ul li .text p{ font-size: 12px; line-height: 25px; color: #8b8b8b;}

.proContainer .proLayer10{padding: 0 0% 130px 0%; box-sizing: border-box;}
.proContainer .proLayer10 ul{ width: 100%; overflow: hidden;}
.proContainer .proLayer10 ul li{ width: 48%; float: left; margin-right: 4%;}
.proContainer .proLayer10 ul li:last-child{ margin-right: 0;}
.proContainer .proLayer10 ul li .icon{ width: 320px; height: 210px; float: left;}
.proContainer .proLayer10 ul li .text{ padding-left: 40px; box-sizing: border-box; width: calc(100% - 320px); float: left;}
.proContainer .proLayer10 ul li .text h2{ height: 54px; line-height: 54px; font-size: 25px; color: #000;}
.proContainer .proLayer10 ul li .text p{ line-height: 38px; font-size: 16px; color: #5b5b5b;}
.proLayer11{ padding: 0 0% 60px 0%; box-sizing: border-box; width: 100%; background: #dce9ff;}
.proLayer11 ul{ width: 100%; overflow: hidden;}
.proLayer11 ul li{ overflow: hidden; width: 49%; margin-bottom: 25px; float: left; margin-right: 2%; background: #fff; height: 290px; padding-top: 40px; box-sizing: border-box; transition: 0.5s;}
.proLayer11 ul li:nth-child(2n){ margin-right: 0;}
.proLayer11 ul li .icon{ float: left; width: 190px;}
.proLayer11 ul li .icon img{ display: block; margin: 0 auto; border-radius:50% ;}
.proLayer11 ul li .text{ padding-right: 50px; box-sizing: border-box; width: calc(100% - 190px); float: left;}
.proLayer11 ul li .text h2{ transition: 0.5s; font-size: 26px; color: #333; line-height: 26px;}
.proLayer11 ul li .text p{transition: 0.5s; margin-top: 25px; font-size: 16px; line-height: 36px; color: #666;}
.proLayer11 ul li:hover{ background: #096ade;}
.proLayer11 ul li:hover .text h2{ color: #fff;}
.proLayer11 ul li:hover .text p{ color: #fff;}

.proLayer12{ width: 100%; padding: 0 0% 85px 0%; background: #f3f5f7; box-sizing: border-box;}
.proLayer12 ul{ width: 100%; overflow: hidden;}
.proLayer12 ul li{ width: 23.5%; float: left; background: #fff; padding: 30px 35px 0 35px; box-sizing: border-box; height: 290px; margin-right: 2%;}
.proLayer12 ul li:last-child{ margin-right: 0;}
.proLayer12 ul li .icon{ width: 100%;}
.proLayer12 ul li .icon img{ display: block; width: 100px; height: 100px; border-radius:50%; margin: 0 auto;}
.proLayer12 ul li .text{ width: 100%;}
.proLayer12 ul li .text h2{ padding: 15px 0 15px 0; text-align: center; font-size: 22px; font-weight: bold; color: #616161;}
.proLayer12 ul li .text p{ font-size: 14px; color: #a4a4a4; line-height: 26px;}

.proLayer13{ width: 100%; padding: 0 0% 100px 0%; box-sizing: border-box; background: #e7ecf8;}
.proLayer13 ul{ overflow: hidden;}
.proLayer13 ul li{ width: 23.5%; float: left; height: 430px; background: #fff; margin-right: 2%;}
.proLayer13 ul li:last-child{ margin-right: 0;}
.proLayer13 ul li .icon{ width: 100%; height: 175px; position: relative;}
.proLayer13 ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.proLayer13 ul li .text{ width: 100%;}
.proLayer13 ul li .text h2{ padding-bottom: 20px; font-size: 20px; text-align: center; font-weight: bold; color: #333; position: relative; border-bottom: 1px solid #f4f5f9;}
.proLayer13 ul li .text h2:after{ bottom: 0; width: 27px; height: 4px; background: #4067ff; display: block; content: ''; position: absolute; left: 50%; transform: translateX(-50%);}
.proLayer13 ul li .text p{ text-align: center; line-height: 32px; font-size: 16px; padding-top: 15px; color: #8e8e8e;}





.proList{ width: 100%;}
.proList .title{ padding: 75px 0;}
.proList .title h2{ margin-bottom: 30px; text-align: center; font-weight: bold; font-size: 40px; color: #000;}
.proList .title p{ text-align: center; font-size: 16px; color: #333;}
.proList .proList_Layer1{ width: 100%; padding: 0 0% 85px 0%; box-sizing: border-box;}
.proList .proList_Layer1 .Nr{ width: 100%; overflow: hidden;}
.proList .proList_Layer1 .Nr .icon{ float: left; width: 635px;}
.proList .proList_Layer1 .Nr .icon img{ display: block; width: 100%; height: auto;}
.proList .proList_Layer1 .Nr .text{ padding-top: 20px; width: calc(100% - 635px); float: left; padding-left: 50px; box-sizing: border-box;}
.proList .proList_Layer1 .Nr .text p{ font-size: 16px; color: #555; line-height:38px; text-indent: 32px;}
.proList .proList_Layer2{ width: 100%; background: #e2e6f2; padding:80px 0%; box-sizing: border-box;}
.proList .proList_Layer2 ul{ width: 100%; overflow: hidden;}
.proList .proList_Layer2 ul li{ overflow: hidden; position: relative; transition: 0.5s; height: 305px; padding: 55px 115px 0 50px; box-sizing: border-box; width: 32%; float: left; margin: 0 2% 30px 0;}
.proList .proList_Layer2 ul li:nth-child(3n){ margin-right: 0;}
.proList .proList_Layer2 ul li:nth-child(2){ background: url(../images/CIT_10.png); background-size:100% 100% ;}
.proList .proList_Layer2 ul li:nth-child(3){ background: url(../images/CIT_10.png); background-size:100% 100% ;}
.proList .proList_Layer2 ul li:nth-child(4){ background: url(../images/CIT_15.png); background-size:100% 100% ;}
.proList .proList_Layer2 ul li:nth-child(5){ background: url(../images/CIT_17.png); background-size:100% 100% ;}
.proList .proList_Layer2 ul li:nth-child(6){ background: url(../images/CIT_18.png); background-size:100% 100% ;}
.proList .proList_Layer2 ul li:nth-child(1){ padding: 0;}
.proList .proList_Layer2 ul li .bt{ width: 100%; height: 100%;}
.proList .proList_Layer2 ul li .bt h2{line-height: 54px; font-size: 54px; color: #3a3a3a;}
.proList .proList_Layer2 ul li .bt h3{ margin: 20px 0 20px 0; line-height: 64px; height: 64px; font-size: 64px; font-weight: bold; color: #f21f14;}
.proList .proList_Layer2 ul li .bt p{ font-size: 16px; line-height: 28px; color: #9b9b9b;}
.proList .proList_Layer2 ul li .text h2{ transition: 0.5s; font-weight: bold; color: #050f3f; font-size: 28px; line-height: 28px; margin-bottom: 20px;}
.proList .proList_Layer2 ul li .text p{ transition: 0.5s; font-size: 14px; color: #9d9d9d; line-height: 24px;}
.proList .proList_Layer2 ul li .text a{ position: absolute; transition: 0.5s; display: block; width: 145px; height: 38px; text-align: center; line-height: 38px; border-radius:6px; background: #f21f14; font-size: 16px; color: #fff; bottom: -100%;}
.proList .proList_Layer2 ul li:hover .text a{ bottom: 30px;}
.proList .proList_Layer2 ul li:hover .text h2{ color: #fff;}
.proList .proList_Layer2 ul li:hover .text p{ color: #fff;}
.proList .proList_Layer2 ul li:hover{ background: url(../images/CIT_07.png); background-size:100% 100%;}

.proList .proList_Layer3{ width: 100%; padding: 0 0% 100px 0%; box-sizing: border-box; background: #eff2fa;}
.proList .proList_Layer3 ul{ width: 100%; overflow: hidden;}
.proList .proList_Layer3 ul li{ width: 25%; float: left; padding:5px; box-sizing: border-box;}
.proList .proList_Layer3 ul li .text{ overflow: hidden; position: relative; width: 100%; height: 275px; background: #fff; padding: 60px 40px 0 40px; box-sizing: border-box;}
.proList .proList_Layer3 ul li .text h2{ font-weight: bold; height: 46px; font-size: 24px; color: #000;}
.proList .proList_Layer3 ul li .text span{ display: block; width: 24px; height: 3px; background: #f21f14;}
.proList .proList_Layer3 ul li .text p{ padding-top: 40px; font-size: 14px; color: #7b7b7b; line-height: 28px;}
.proList .proList_Layer3 ul li .text:after{  display: block; position: absolute; content: ''; left:-100%; width: 100%; height: 4px; background: #FF0000; bottom: 0;}
.proList .proList_Layer3 ul li .text:before{transition: 0.5s; display: block; position: absolute; content: ''; right:0; width: 0; height: 4px; background: #FF0000; bottom: 0;}
.proList .proList_Layer3 ul li .text:hover:after{ left: 0;transition: 0.5s;}
.proList .proList_Layer3 ul li .text:hover:before{ width: 100%; left: 0; }

.proList .proList_Layer4{ width: 100%; padding: 0 0% 130px 0%; box-sizing: border-box;}
.proList .proList_Layer4 .Nr{ width: 100%; height: auto;}
.proList .proList_Layer4 .Nr table{ width: 100%;}
.proList .proList_Layer4 .Nr table tr th{ text-align: center; height: 56px; background: #2c70ed; color: #fff; font-size: 20px;}
.proList .proList_Layer4 .Nr table tr td{ border: 0.5px solid #ececec; height: 110px;}
.proList .proList_Layer4 .Nr table tr td p{ box-sizing: border-box; width: 100%; display: inline-block; padding: 0 50px; font-size: 20px; color: #7c7c7c; line-height: 32px;}
.proList .proList_Layer4 .Nr table tr td span{ color: #fff; display: inline-block; width: 230px; height: 80px; text-align: center; line-height: 80px; border-radius:6px; font-size: 22px; background: #2c70ed;}
.proList .proList_Layer4 .Nr table tr td:nth-child(2){ text-align: center;}

.proList .proList_Layer5{ background: url(../images/CIT_23.png); background-size:100% 100%; background-attachment:fixed; padding: 0 0% 80px 0%; box-sizing: border-box;}
.proList .proList_Layer5 .title h2{ color: #fff;}
.proList .proList_Layer5 .title p{ color: #fff;}
.proList .proList_Layer5 ul{ overflow: hidden;}
.proList .proList_Layer5 ul li{ margin-bottom: 25px; position: relative; width: 23.5%; float: left; margin-right: 2%; height: 305px; background: #fff; padding: 35px 40px 0 40px; box-sizing: border-box;}
.proList .proList_Layer5 ul li:nth-child(4n){ margin-right: 0;}
.proList .proList_Layer5 ul li span{ display: block; font-size: 14px; color: #c7c7c8; line-height: 14px;}
.proList .proList_Layer5 ul li h2{ line-height: 68px; font-size: 30px; color: #595959; border-bottom: 1px solid #dfe2ea;}
.proList .proList_Layer5 ul li h2 b{ font-weight: bold; color: #e11400;}
.proList .proList_Layer5 ul li p{ font-size:16px; margin-top: 10px; line-height: 34px; color: #5f5f5f;}
.proList .proList_Layer5 ul li img{ position: absolute; left: 40px; bottom: 30px;}
.proList .proList_Layer5 ul li:hover img{ animation: a1 0.8s linear infinite;}

.proList .proList_Layer6{ width: 100%; padding: 0 0% 125px 0%; box-sizing: border-box; background: #dcdfee;}
.proList .proList_Layer6 ul{ width: 100%; background: #fff;}
.proList .proList_Layer6 ul li{ position: relative; width: 33%; float: left; height: 230px; background: #fff; overflow: hidden; border-right:1px solid #e3e6f3; border-bottom: 1px solid #e3e6f3; box-sizing: border-box; transition: 0.5s;}
.proList .proList_Layer6 ul li:nth-child(2){ width: 34%;}
.proList .proList_Layer6 ul li:nth-child(3){ border-right:0;}
.proList .proList_Layer6 ul li:nth-child(4){ border-bottom:0;}
.proList .proList_Layer6 ul li:nth-child(5){ border-bottom:0; width: 34%;}
.proList .proList_Layer6 ul li:nth-child(6){ border-bottom:0; border-right:0;}
.proList .proList_Layer6 ul li .icon{ float: left; overflow: hidden; width: 150px; height: 100%; position: relative;}
.proList .proList_Layer6 ul li .icon img{border-radius:50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.proList .proList_Layer6 ul li .text{ padding-top: 60px; width: calc(100% - 150px); float: left; padding-right: 40px; box-sizing: border-box;}
.proList .proList_Layer6 ul li .text h2{ transition: 0.5s; font-size: 28px; font-weight: bold; color: #1a2439; margin-bottom: 25px;} 
.proList .proList_Layer6 ul li .text p{ transition: 0.5s; font-size: 14px; line-height: 24px; color: #828699;}
.proList .proList_Layer6 ul li:hover{ background: #0f59ef; box-shadow:0 0 30px rgba(15,89,239,0.7); z-index: 3;}
.proList .proList_Layer6 ul li:hover .text h2{ color: #fff;}
.proList .proList_Layer6 ul li:hover .text p{ color: #fff;}

.proList .proList_Layer7{ background: #f1f3f9; width: 100%; padding: 0 0% 110px 0%; box-sizing: border-box;}
.proList .proList_Layer7 .title h2{ text-align: left;}
.proList .proList_Layer7 .title p{ text-align: left;}
.proList .proList_Layer7 .Nr{box-shadow:0 10px 30px rgba(15,89,239,0.1); width: 100%; padding: 30px; box-sizing: border-box; background:#fff;}
.proList .proList_Layer7 .Nr ul{ overflow: hidden;}
.proList .proList_Layer7 .Nr ul li{ width: 24.2%; float: left; margin-right: 1%;}
.proList .proList_Layer7 .Nr ul li:last-child{ margin-right:0;}
.proList .proList_Layer7 .Nr ul li .icon{ width: 100%; height: 190px;}
.proList .proList_Layer7 .Nr ul li .icon img{ display: block; width: 100%; height: 100%;}
.proList .proList_Layer7 .Nr ul li .text{ width: 100%;}
.proList .proList_Layer7 .Nr ul li .text h2{ margin: 30px 0 15px 0;}
.proList .proList_Layer7 .Nr ul li .text p{ font-size: 15px; line-height: 34px; color: #7d7d7d;}
.proList .proList_Layer7 .Nr ul li:last-child{ margin-right: 0;}

.system{ width: 100%;}
.system .title{ padding: 50px 0;}
.system .title h2{ font-size: 36px; text-align: center; color: #6e6e6e; margin-bottom: 30px;}
.system .title p{ font-size: 18px; text-align: center; color: #616161;}
.system_layer1{ width: 100%; padding: 0 0% 65px 0%; box-sizing: border-box;}
.system_layer1 .Nr{ width: 100%; overflow: hidden;}
.system_layer1 .Nr .icon{ float: left; width: 630px; float: left;}
.system_layer1 .Nr .icon img{ display: block; margin: 0 auto;}
.system_layer1 .Nr .text{ width: calc(100% - 630px); float: left; padding-top: 40px; box-sizing: border-box; float: left;}
.system_layer1 .Nr .text p{ font-size: 16px; color: #6e6e6e; text-indent: 36px; line-height: 36px;}

.system_layer2{ width: 100%; padding: 0 0% 85px 0%; box-sizing: border-box;}
.system_layer2 .Nr{ width: 100%;}
.system_layer2 .Nr .bt{ display: block; width: 175px; height: 42px; text-align: center; border-radius:21px; text-align: center; line-height: 42px; background: #ffb206; color: #fff; font-size: 16px; margin-bottom: 25px;}
.system_layer2 .Nr p{ font-size: 18px; color: #565656; line-height: 36px; padding-bottom: 30px;}
.system_layer2 .Nr img{ display: inline-block; margin: 0 20px 25px 0;}

.system_layer3{ width: 100%; padding: 0 0% 75px 0%; box-sizing: border-box; background: #f8f8f8;}
.system_layer3 ul{ overflow: hidden;}
.system_layer3 ul li{ padding: 0 45px; box-sizing: border-box; width: 23.5%; float: left; margin-right: 2%; height: 420px; background: #fff;}
.system_layer3 ul li:last-child{ margin-right: 0;}
.system_layer3 ul li .icon{ width: 100%; height: 200px; position: relative;}
.system_layer3 ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.system_layer3 ul li .text{ width: 100%;}
.system_layer3 ul li .text h2{ font-size: 22px; font-weight: bold; text-align: center; color: #fc9028; margin-bottom: 20px;}
.system_layer3 ul li .text p{ font-size: 16px; color: #333; line-height: 36px;}

.system_layer4{ background: #f9f9f9; width: 100%; padding: 0 0% 90px 0%; box-sizing: border-box;}
.system_layer4 ul{ overflow: hidden; width: 100%;}
.system_layer4 ul li{ width: 49%; margin-bottom: 30px; float: left; margin-right: 2%; background: #ededed; padding: 25px; box-sizing: border-box;}
.system_layer4 ul li:nth-child(2n){ margin-right: 0;} 
.system_layer4 ul li .bt{ width: 90%; height: 50px; text-align: center; line-height: 50px; border-radius:25px; text-align: center; font-size: 28px; font-weight: bold; background: #307eed; margin: 0 auto 25px auto; color: #fff;}
.system_layer4 ul li .Nr{ padding-bottom: 30px; border-bottom: 1px dashed #000; width: 100%; overflow: hidden;}
.system_layer4 ul li .Nr .icon{ float: left; width: 330px; float: left;}
.system_layer4 ul li .Nr .icon img{ display: block; width: 100%; height: auto;}
.system_layer4 ul li .Nr .text{ width: calc(100% - 330px); float: left; padding-left: 25px; box-sizing: border-box;}
.system_layer4 ul li .Nr .text h2{ margin-bottom: 10px; line-height: 28px; font-size: 28px; color: #000; font-weight: bold;}
.system_layer4 ul li .Nr .text p{ font-size: 21px; text-indent: 48px; line-height: 34px; color: #5a5a5a;}
.system_layer4 ul li .Nr:last-child .text{ width: 100%; padding: 0;} 
.system_layer4 ul li .Nr:last-child{ padding: 15px 0 0 0; border: 0;}

.proDetails{ width: 100%; padding: 60px 8%; box-sizing: border-box; max-width: 1920px; margin: 0 auto; overflow: hidden; position: relative;}
.proDetails .sideNav{ position: absolute; left: 8%; top: 60px; background: #fff; float: left; width: 325px;  z-index: 9; position: absolute;}

.proDetails .sideNav.on{ position: absolute; left: 8%; top: 0; }

.proDetails .sideNav .bt{ width: 100%; height: 100px; text-align: center; line-height: 100px; font-size: 22px; background: #0a50fe; color: #fff;}
.proDetails .sideNav .Nr{ width: 100%; height: auto; border: 1px solid #eee; box-sizing: border-box;}
.proDetails .sideNav .Nr ul{ width: 100%; height: auto;}
.proDetails .sideNav .Nr ul li{ width: 100%; position: relative; height: 70px; border-bottom: 1px solid #eee;}
.proDetails .sideNav .Nr ul li a{ display: block; width: 100%; height: 100%; font-size: 18px; color: #3e3e3e; line-height: 70px; padding-left: 65px; box-sizing: border-box;}
.proDetails .sideNav .Nr ul li .arrow{ width: 70px; height: 70px; position: absolute; right: 0; top: 0; background: url(../images/CTI_10.png) center center no-repeat;}
.proDetails .sideNav .Nr ul li:hover a{ color: #0a50fe;}
.proDetails .sideNav .Nr ul li:hover{ border-bottom: 1px solid #0a50fe;}
.proDetails .sideNav .Nr ul li:hover .arrow{ background: url(../images/CTI_07.png) center center no-repeat;}
.proDetails .sideNav .Nr ul li.on a{ color: #0a50fe;}
.proDetails .sideNav .Nr ul li.on{ border-bottom: 1px solid #0a50fe;}
.proDetails .sideNav .Nr ul li.on .arrow{ background: url(../images/CTI_07.png) center center no-repeat;}
.proDetails .proMain{ width: calc(100% - 325px); float: right; padding-left: 90px; box-sizing: border-box;}
.proDetails .proMain .title{ padding: 70px 0; line-height: 36px; text-align: center; background: url(../images/CTI_03.png) center center no-repeat; font-size: 36px; font-weight: bold; color: #333;}
.proDetails .proMain .proList_Layer1{ width: 100%; padding-bottom: 50px;}
.proDetails .proList_Layer1 p{ text-indent: 40px; width: 100%; font-size: 16px; color: #9fa1a8; line-height: 34px;}
.proDetails .proList_Layer1 img{ display: block; margin: 70px auto 0 auto;}
.proDetails .proList_Layer2{ position: relative; width: 100%;}
.proDetails .proList_Layer2 .title{ background: url(../images/CTI_13.png) center center no-repeat;}
.proDetails .proList_Layer2 .bt{ width: 184px; height: 56px; border-radius:28px; text-align: center; line-height: 56px; font-size: 24px; color: #fff; background: #3a74f9; margin: 20px 0;}
.proDetails .proList_Layer2 p{ position: relative; z-index: 2; text-indent: 40px; font-size: 18px; color: #6c6c6c; line-height: 42px;}
.proDetails .proList_Layer2 p span{ font-weight: bold; color: #424242;}
.proDetails .proList_Layer2 img{ display: block; position: absolute; right: 0; bottom: 40px;}

.proDetails .proList_Layer3{ width: 100%; overflow: hidden;  padding-bottom: 10px;}
.proDetails .proList_Layer3 .Nr{overflow:visible;  }
.proDetails .proList_Layer3 .hd{float: left; width: 260px; height: 670px; background: #f7fafe;}
.proDetails .proList_Layer3 .hd ul{ width: 100%;}
.proDetails .proList_Layer3 .hd ul li{cursor: pointer; width: 100%; display: block; width: 100%; height: 75px; text-indent: 50px; line-height: 75px; font-size: 18px; color: #696969;}
.proDetails .proList_Layer3 .hd ul li.on{ background: #e8f2ff;}
.proDetails .proList_Layer3 .bd{ overflow:visible; width: calc(100% - 280px); float: left; padding-left: 35px; box-sizing: border-box;}
.proDetails .proList_Layer3 .bd .bdBox{ overflow: hidden; height: 670px; width: 100%; padding: 65px 72px 0 72px; box-sizing: border-box; border-radius:8px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.proDetails .proList_Layer3 .bd .icon{ width: 100%; height: 310px;border-radius:15px;}
.proDetails .proList_Layer3 .bd .icon img{ display: block; width: 100%; height: 100%;}
.proDetails .proList_Layer3 .bd .text h2{ font-size: 28px; margin: 40px 0 20px 0; color: #253159;}
.proDetails .proList_Layer3 .bd .text p{ font-size: 15px; color: #9fa1a8; line-height: 34px; margin-bottom: 35px;}
.proDetails .proList_Layer3 .bd .text a{ display: inline-block; font-size: 17px; color: #253159; padding-left: 35px; height: 24px; line-height: 24px; background: url(../images/index_10.png) left center no-repeat;}

.proDetails .proList_Layer4{ width: 100%;}
.proDetails .proList_Layer4 p{ font-size: 17px; color: #878787; margin-bottom: 40px; line-height: 28px;}
.proDetails .proList_Layer4 img{ display: block; width: 100%; height: auto;}

.proDetails .proList_Layer5{ width: 100%;}
.proDetails .proList_Layer5 ul{ overflow: hidden;}
.proDetails .proList_Layer5 ul li{ float: left; width: 30%; margin-right:5%; margin-bottom: 45px;}
.proDetails .proList_Layer5 ul li:nth-child(3n){ margin-right: 0;}
.proDetails .proList_Layer5 ul li .icon{ width: 78px; float: left; padding-top: 0;}
.proDetails .proList_Layer5 ul li .icon img{ display: block; width: 100%; height: auto;}
.proDetails .proList_Layer5 ul li .text{ box-sizing: border-box;  width: calc(100% - 78px); float: left; padding-left: 20px;}
.proDetails .proList_Layer5 ul li .text h2{ font-size: 24px; font-weight: bold; color: #1296db; margin-bottom: 12px;}
.proDetails .proList_Layer5 ul li .text p{ font-size: 12px; line-height: 22px; color: #8c8c8c; height: 66px; overflow: hidden;}

.proDetails .proList_Layer6{ width: 100%;}
.proDetails .proList_Layer6 ul{ width: 100%;}
.proDetails .proList_Layer6 ul li{ margin-bottom: 10px;}

.proDetails .proList_Layer7{ width: 100%; background: url(../images/CTI_45.png) right bottom no-repeat;}
.proDetails .proList_Layer7 h2{ color: #333; height: 62px; line-height: 62px; font-size: 20px; font-weight: normal; padding-left: 48px; background: url(../images/CTI_41.png) left center no-repeat;}
.proDetails .proList_Layer7 h2 span{ color: #333; font-weight: bold; font-size: 20px;}
.proDetails .proList_Layer7 dl{ width: 100%;}
.proDetails .proList_Layer7 dl dd{ line-height: 62px; padding-left: 58px; font-size: 20px;}
.proDetails .proList_Layer7 dl dd span{ margin-right: 15px; font-weight: bold; color: #333;}

.proDetails .proList_Layer8{ width: 100%;}
.proDetails .proList_Layer8 ul{ width: 100%; overflow: initial!important;}
.proDetails .proList_Layer8 ul li{ overflow: initial!important; margin-bottom: 50px; position: relative; border-radius:6px; width: 100%; padding: 50px 50px 20px 50px; box-sizing: border-box; background: #d7e3f8;}
.proDetails .proList_Layer8 ul li .bt{ width: 530px; height: 70px; text-align: center; line-height: 70px; border-radius:35px; background: #629bfc; position: absolute; left: 10px; top: 0; transform: translateY(-50%); font-family:'宋体'; font-size: 26px; color: #fff;}
.proDetails .proList_Layer8 ul li p{ font-size: 17px; color: #192c4c; line-height: 34px;}
.proDetails .proList_Layer8 ul li:nth-child(2n){ background: #fdebdd;}
.proDetails .proList_Layer8 ul li:nth-child(2n) .bt{ background: #f59749;}
.proDetails .proList_Layer8 ul li h2{ font-weight: bold; font-size: 20px; color: #000; line-height: 34px;}

.proDetails .proMain .proList_Layer9 .title{ background: url(../images/CTI_13.png) center center no-repeat;}

.proDetails .proList_Layer10{ width: 100%;}
.proDetails .proList_Layer10 .Nr{ width: 100%; overflow: hidden;}
.proDetails .proList_Layer10 .Nr .icon{ float: left; width: 500px; height: 500px;}
.proDetails .proList_Layer10 .Nr .icon img{ display: block; width: 100%; height: 100%;}
.proDetails .proList_Layer10 .Nr .text{ width: calc(100% - 500px); float: left; padding-left: 25px; box-sizing: border-box;}
.proDetails .proList_Layer10 .Nr .text h2{ height: 42px; line-height: 42px; font-size: 22px; font-weight: bold; color: #333;}
.proDetails .proList_Layer10 .Nr .text p{ font-size: 15px; color: #6f6f6f; line-height: 28px;}

.proDetails .proList_Layer11{ width: 100%;}
.proDetails .proList_Layer11 ul{ overflow: hidden;}
.proDetails .proList_Layer11 ul li{ width: 49%; margin-right: 2%; margin-bottom: 28px; float: left; border: 1px solid #eee; box-sizing: border-box;}
.proDetails .proList_Layer11 ul li:nth-child(2n){ margin-right: 0;}
.proDetails .proList_Layer11 ul li img{ display: block; width: 100%; height: auto;}


@media (min-width:1001px) and (max-width:1860px) {
	.proDetails .sideNav.on{ left: 3%;}
	.proDetails .proList_Layer3 .hd ul li{ text-indent: 0; text-align: center;}
	.indexContainer .layer2 ul li{ padding: 0 2%;}
	.indexContainer .layer2 ul li h2{ padding-top: 20px;}
	.proDetails{ padding: 60px 3%;}
	.proDetails .sideNav{ width: 25%;}
	.proDetails .proMain{ width: 72%; float: right; padding: 0;}
	.proDetails .sideNav .Nr ul li a{ padding-left: 35px; font-size: 16px;}
	.proDetails .proList_Layer3 .hd{ width: 20%;}
	.proDetails .proList_Layer3 .hd ul li{ font-size: 14px;}
	.proDetails .proList_Layer3 .bd{ width: 79%;}
	.proDetails .proList_Layer3 .bd .bdBox{ padding: 5%;}
	.proDetails .proList_Layer3 .bd .icon{ width: 100%; height: auto; max-height: 310px; overflow: hidden; border-radius:20px;}
	.proDetails .proList_Layer6 ul li{ width: 100%;}
	.proDetails .proList_Layer6 ul li img{ display: block; width: 100%; height: auto;}
	
	.proDetails .proList_Layer9 img{ width: 100%; height: auto;}
	.proDetails .proList_Layer10 .Nr .icon{ overflow: hidden; width: 40%; min-height: 500px; overflow: hidden;}
	.proDetails .proList_Layer10 .Nr .icon img{ height: 100%; width: auto;}
	
	.proList_Layer10 .Nr .text{ width: 60%;}
	.indexContainer .layer5 ul li{ padding: 30px 4% 0 4%; box-sizing: border-box;}
	.indexContainer .layer3 .bd .icon{ width: 40%;}
	.indexContainer .layer3 .bd .icon img{ width: 100%; height: auto;}
	.indexContainer .layer3 .bd{ padding: 3%;}
	.indexContainer .layer3 .bd .text{ width: 60%; }
	.indexContainer .layer4 .tab table tr td{ font-size: 14px;}
	.proContainer .proLayer1 .icon{ width: 45%;}
	.proContainer .proLayer1 .icon img{ display: block; width: 100%; height: auto;}
	.proContainer .proLayer1 .text{ width: 55%; box-sizing: border-box;}
	.proContainer .proLayer1{ padding: 80px 3%;}
	.proContainer .proLayer1 .text h2{ font-size: 24px;}
	.proContainer .proLayer1 .text p{ font-size: 16px; line-height: 28px;}
	.proContainer .proLayer2{ padding: 85px 3%;}
	.proContainer .proLayer2 .Nr .icon{ width: 50%;}
	.proContainer .proLayer2 .Nr .icon img{ width: 100%; height: auto;}
	.proContainer .proLayer2 .Nr .text{ width: 50%; padding: 0 0 0 40px;}
	.proContainer .proLayer3{ padding: 80px 3%;}
	.proContainer .proLayer3 .hd ul li{ width: 140px; height: 48px; line-height: 48px; font-size: 16px;}
	.proContainer .proLayer3 .bd ul li .icon{ width: 35%; float: left;}
	.proContainer .proLayer3 .bd ul li .text{ width: 65%; padding: 14% 5% 0 0;}
	.proContainer .proLayer3 .bd ul li .icon img{ width: 60%; height: auto;}
	.proContainer .proLayer3 .bd ul li .text p{ font-size: 14px;}
	.proContainer .proLayer4{ padding: 105px 3%;}
	.proContainer .proLayer4 .Nr .icon{ width: 45%;}
	.proContainer .proLayer4 .Nr .icon img{ width: auto;}
	.proContainer .proLayer4 .Nr .text{ width: 55%;}
	.proContainer .proLayer4 .Nr .text ul li p{ padding: 0;}
	.proContainer .proLayer5 ul li{ width: 24%;}
	.proContainer .proLayer5 ul li img{ width: 100%;}
	.proContainer .proLayer6 ul li{ width: 20%; height: auto;}
	.proContainer .proLayer6 ul li .icon{ height: auto; padding: 25px 0;}
	.proContainer .proLayer6 ul li .icon img{ width: 80%; position: relative; left: auto; top: auto; transform: none; margin: 0 auto;}
	.proContainer .proLayer7{ padding: 0 3% 90px 3%;}
	.proContainer .title p{ font-size: 16px; line-height: 24px;}
	.proContainer .proLayer7 ul li{ padding: 0 2%;}
	.proContainer .proLayer7 ul li .bt{ height: 170px; line-height: 170px;}
	
	.proContainer .proLayer8{ padding: 0 3% 90px 3%;}
	.proContainer .proLayer9{ padding: 0 3% 100px 3%;}
	.proContainer .proLayer9 ul li .icon{ width: 100%; height: auto;}
	.proContainer .proLayer9 ul li .icon img{ display: block; width: 100%; height: auto;}
	.proContainer .proLayer9 ul li .text p{ line-height: 24px; height: 72px; overflow: hidden;}
	.proContainer .proLayer9 ul li .text{ padding: 0 8%;}
	.proContainer .proLayer10 ul li .icon{ width: 40%; float: left;}
	.proContainer .proLayer10 ul li .icon img{ display: block; width: 100%; height:auto;}
	.proContainer .proLayer10 ul li .text{ width: 60%; float: left;}
	.proContainer .proLayer10 ul li .text p{ font-size: 14px; line-height: 26px; height: 78px; overflow: hidden;}
	.proContainer .proLayer10 ul li .text h2{ line-height: 48px; height: 48px; overflow: hidden;}
	.proLayer11{ padding: 0 3% 90px 3%;}
	.proLayer11 ul li .text p{ height: 104px; overflow: hidden;}
	.proLayer12{ padding: 0 3% 90px 3%;}
	.proLayer12 ul li{ padding: 30px 3% 0 3%;}
	.proLayer12 ul li .text p{ height: 78px; overflow: hidden;}
	.proLayer12 ul li .text h2{ height: 22px; line-height: 22px; overflow: hidden;}
	.proContainer .proLayer3 .Nr .NrBox1 ul li{ padding: 45px 3% 0 3%;}
	.proContainer .proLayer3 .Nr .NrBox1 ul li .text h2{ overflow: hidden;}
	.proContainer .proLayer3 .Nr .NrBox1 ul li .text p { height: 180px; overflow: hidden;}
	.proContainer .proLayer3 .Nr .NrBox2{ padding: 55px 5%;}
	.proContainer .proLayer3 .Nr .NrBox2 img{ max-width: 100%; width:100%!important;}
	.proLayer13{ padding: 0 3% 100px 3%;}
	.system_layer1{ padding: 0 3% 65px 3%;}
	.system_layer1 .Nr .icon{ width: 40%;}
	.system_layer1 .Nr .text{ width: 60%;}
	.system .title p{ font-size: 16px; line-height: 26px;}
	.system_layer2 .Nr img{max-width: 100%;}
	.system_layer2{ padding: 0 3% 85px 3%;}
	.system_layer3{ padding: 0 3% 75px 3%;}
	.system_layer3 ul li .text h2{ height: 22px; overflow: hidden;}
	.system_layer3 ul li{ padding: 0 3%; box-sizing: border-box;}
	.system_layer3 ul li .text p{ height: 180px; overflow: hidden; line-height: 34px;}
	.system_layer4{ padding: 0 3% 90px 3%;}
	.proList .proList_Layer1{ padding: 0 3% 85px 3%;}
	.proList .proList_Layer1 .Nr .icon{ width: 50%;}
	.proList .proList_Layer1 .Nr .text{ width: 50%;}
	.proList .proList_Layer2{ padding: 80px 3%;}
	.proList .proList_Layer2 ul li{ padding: 45px 8% 0 3%;}
	.proList .proList_Layer3{ padding: 0 3% 80px 3%;}
	.proList .proList_Layer3 ul li .text{ padding: 40px 8% 0 8%;}
	.proList .proList_Layer4{ padding:0 3% 100px 3%;}
	.proList .proList_Layer4 .Nr table tr td p{ font-size: 18px; line-height: 28px;}
	.proList .proList_Layer5{ padding: 0 3% 80px 3%;}
	.proList .proList_Layer5 ul li h2{ line-height: 68px; height: 68px; overflow: hidden; font-size: 20px;}
	.proList .proList_Layer5 ul li{ padding: 25px 2% 0 2%;}
	.proList .proList_Layer6{ padding: 0 3% 120px 3%;}
	.proList .proList_Layer6 ul li .text{ padding: 10% 5% 0 0;}
	.proList .proList_Layer6 ul li .text p{ height: 72px; overflow: hidden;}
	.proList .proList_Layer6 ul li .text h2{ font-size: 28px; height: 28px; overflow: hidden; line-height: 28px;}
	.proList .proList_Layer7{ padding: 0 3% 110px 3%;}
	.indexContainer .layer1 .Nr{ width: 80%; margin: 0 auto;}
	.indexContainer .layer1 .Nr .text{ padding: 5% 0 0 5%;}
	.indexContainer .layer2{ padding: 100px 3%;}
	.indexContainer .layer2Right dl dd{ padding: 45px 15% 0 5%;}
	.indexContainer .layer2Right dl dd h2{ position: relative; z-index: 1;}
	.indexContainer .layer2Right dl dd p{ position: relative; z-index: 1;}
	.indexContainer .layer2Right dl dd .tp{ width: 30%;}
	.indexContainer .layer2Right dl dd .tp img{ width:40%;}
	.indexContainer .layer2Right dl dd p{ height: 112px; overflow: hidden;}
	.indexContainer .layer6{ width: 80%;}
	.indexContainer .layer6Box img{ width: 100%;}
	.indexContainer .layer6Box ul li{ margin-bottom: 20%;}
	.indexContainer .layer7Box{ width: 80%; margin: 0 auto;}
	.indexContainer .layer7Box ul{ width: 30%;}
	.indexContainer .layer7Box ul:last-child{ width: 50%;}
	.indexContainer .layer7Box dl{ width: 15%;}
	.indexContainer .layer7Box dl dd{ font-size: 18px;}
	.indexContainer .layer7Box ul li p{ font-size: 16px; left: 100px;}
	
}
@media (min-width:1001px) and (max-width:1600px) {
	.indexContainer .layer3 .bd .text { width: 100%!important;}
	.indexContainer .layer3 .bd .icon{ width: 100%; height: auto; max-height: 300px; border-radius:20px; overflow: hidden;}
	.indexContainer .layer3 .bd .icon img{ width: 100%; height: auto;}
	.indexContainer .layer3 .bd .text{ padding: 0;}
	.indexContainer .layer3 .bd .text h2{ margin-top: 15px;}
	

}
@media (max-width:1000px) {
	.conWarp{ width: 100%; padding:0; max-width: auto; }
	.proDetails{ padding: 0 3%;}
	.proDetails .proMain{ width: 100%; padding: 0;}
	.proDetails .sideNav{ left: -100%; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 70%; position: fixed; height: 100vh; top: 0; background: #fff; z-index: 99; transition: 0.5s;}
	.proDetails .sideNav .bt{ height: 60px; line-height: 60px; font-size: 16px;}
	.proDetails .sideNav .Nr ul li{ height: 50px;}
	.proDetails .sideNav .Nr ul li a{ padding-left: 25px; line-height: 50px; font-size: 14px;}
	.proDetails .sideNav .Nr ul li .arrow{ width: 50px; height: 50px; background: url(../images/CTI_10.png) center center no-repeat; background-size:15% auto;}
	.proDetails .proList_Layer1 img{ width: 100%; height: auto;}
	.proDetails .proMain .title{ padding: 30px 0; font-size: 24px; text-align: center;}
	.proDetails .proList_Layer1 p{ font-size: 14px; line-height: 28px;}
	.proDetails .proList_Layer2 .bt{ width: 100%; height: 48px; line-height: 48px; font-size: 18px;}
	.proDetails .proList_Layer2 p{ font-size: 14px; line-height: 28px; text-indent: 0;}
	.proDetails .proList_Layer2 img{ position: relative; width: 80%; margin: 0 auto; height: auto; bottom: auto;}
	.proDetails .proList_Layer3 .hd{ background: none; width: 100%; height: auto;}
	.proDetails .proList_Layer3 .hd ul{ background: none; width: 100%; text-align: left; overflow-x: scroll; white-space: nowrap;}
	.proDetails .proList_Layer3 .hd ul li{ display: inline-block; width:40%; font-size: 12px; height: 50px; line-height: 50px; border-radius:25px ;}
	.proDetails .proList_Layer3 .bd{ width: 100%; padding:20px 10px;}
	.proDetails .proList_Layer3 .bd .bdBox{ height: auto; padding: 20px 20px 40px 20px;}
	.proDetails .proList_Layer3 .bd .icon{ width: 100%; height: auto;}
	.proDetails .proList_Layer3 .bd .text h2{ margin: 0; line-height: 50px; font-size: 20px;}
	.proDetails .proList_Layer3 .bd .text p{ font-size: 14px; line-height: 28px; margin-bottom: 15px;}
	.proDetails .proList_Layer4 p{ font-size: 14px; line-height: 28px;}
	.proDetails .proList_Layer5 ul li{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.proDetails .proList_Layer5 ul li:nth-child(3n){ margin-right: 2%;}
	.proDetails .proList_Layer5 ul li:nth-child(2n){ margin-right: 0;}
	.proDetails .proList_Layer5 ul li .icon{ width: 100%;}
	.proDetails .proList_Layer5 ul li .icon img{ width: 30%; margin: 0 auto;}
	.proDetails .proList_Layer5 ul li .text{ width: 100%; padding: 0;}
	.proDetails .proList_Layer5 ul li .text h2{ font-size: 18px; line-height: 40px; text-align: center; margin: 0;}
	.proDetails .proList_Layer6 ul li img{ display: block; width: 100%; height: auto;}
	.proDetails .proList_Layer7{ background: none;}
	.proDetails .proList_Layer7 h2{ height: auto; line-height: 42px; font-size: 14px; background: none; padding: 0;}
	.proDetails .proList_Layer7 dl dd{ line-height: 42px; font-size: 14px; padding: 0;}
	.proDetails .proList_Layer8 ul{ padding-top: 30px;}
	.proDetails .proList_Layer8 ul li .bt{ width: 90%; left: 50%; transform: translate(-50%,-50%); font-size: 16px; height: 50px; line-height: 50px;}
	.proDetails .proList_Layer8 ul li{padding: 50px 15px 20px 15px;}
	.proDetails .proList_Layer8 ul li p{ font-size: 14px; line-height: 28px;}
	.proList_Layer9 img{ display: block; width: 100%; height: auto;}
	.proDetails .proList_Layer10 .Nr .icon{ width: 100%; height: auto;}
	.proDetails .proList_Layer10 .Nr .icon img{ display: block; width: 100%; height: auto;}
	.proDetails .proList_Layer10 .Nr .text{ width: 100%; padding: 0;}
	.proDetails .proList_Layer10 .Nr .text h2{ font-size: 16px;}
	.proDetails .proList_Layer10 .Nr .text p{ font-size: 14px;}
	.indexContainer .layer5{ width: 100%; padding: 0 3%;}
	.indexContainer .layer5 .bt{ padding: 30px 0;}
	.indexContainer .layer5 .bt h2{ font-size: 24px;}
	.indexContainer .layer5 .bt p{ font-size: 14px;}
	.indexContainer .layer5 ul li{ width: 100%; margin-bottom: 15px; height: auto; padding:20px;}
	.indexContainer .layer5 ul li h2{ font-size: 20px;}
	.indexContainer .layer5 ul li p{ font-size: 14px; line-height: 28px;}
	
	.proContainer .proLayer1{ padding: 20px 3%;}
	.proContainer .proLayer1 .icon{ width: 100%; height: auto;}
	.proContainer .proLayer1 .icon img{ width: 100%; height: auto;}
	.proContainer .proLayer1 .text{ width: 100%; padding: 0;}
	.proContainer .proLayer1 .text h2{ line-height: 54px; font-size: 20px; margin: 0; height: 54px;}
	.proContainer .proLayer1 .text p{ font-size: 14px; line-height: 28px; text-indent: 0;}
	.proContainer .proLayer2{ padding: 30px 3%;}
	.proContainer .proLayer2 .bt h2{ line-height: 54px; font-size: 20px; margin: 0;}
	.proContainer .proLayer2 .bt p{ font-size: 14px; line-height: 28px;}
	.proContainer .proLayer2 .Nr .icon{ width: 100%;}
	.proContainer .proLayer2 .Nr .icon img{ width: 100%;}
	.proContainer .proLayer2 .Nr .text{ width: 100%; padding: 0;}
	.proContainer .proLayer2 .Nr .text h2{ font-size: 20px;}
	.proContainer .proLayer2 .Nr .text ul li{ box-sizing: border-box; font-size: 14px; line-height: 28px; height: auto; background: url(../images/pro_10.png) 5px 5px no-repeat;}
	
	.proContainer .proLayer3{ padding: 30px 3%;}
	.proContainer .proLayer3 .bt{ margin-bottom: 20px;}
	.proContainer .proLayer3 .bt h2{ font-size: 20px;}
	.proContainer .proLayer3 .bt p{ font-size: 14px; line-height: 28px;}
	.proContainer .proLayer3 .hd ul li{ width: 120px; height: 36px; border-radius:18px; line-height: 36px; font-size: 14px;}
	.proContainer .proLayer3 .hd ul{ text-align: left; white-space: nowrap; overflow-x: scroll;}
	.proContainer .proLayer3 .bd{ background: none; height: auto;}
	.proContainer .proLayer3 .bd ul{ overflow: hidden; height: auto;}
	.proContainer .proLayer3 .bd ul li{ padding: 0 20px 30px 20px; background: #fff; border-radius:10px; width: 100%; height: auto; margin-bottom: 15px; border: none;}
	.proContainer .proLayer3 .bd ul li:nth-child(2){ width: 100%;}
	.proContainer .proLayer3 .bd ul li:nth-child(5){ width: 100%;}
	.proContainer .proLayer3 .bd ul li .icon{ width: 100%; height: 100px;}
	.proContainer .proLayer3 .bd ul li .icon img{ width: auto; height: 60%;}
	.proContainer .proLayer3 .bd ul li .text{ width: 100%; padding: 0;}
	.proContainer .proLayer3 .bd ul li .text h2{ font-size: 18px; text-align: center;}
	.proContainer .proLayer3 .bd ul li .text p{ font-size: 14px; line-height: 28px; text-align: center;}
	.proContainer .proLayer4 .bt{ margin-bottom: 30px;}
	.proContainer .proLayer4{ padding: 20px 3%; box-sizing: border-box;}
	.proContainer .proLayer4 .bt h2{ font-size: 20px;}
	.proContainer .proLayer4 .bt p{ font-size: 14px; line-height: 28px;}
	.proContainer .proLayer4 .Nr .icon{ width: 100%; height: auto; position: relative;}
	.proContainer .proLayer4 .Nr .icon img{ width: 100%;}
	.proContainer .proLayer4 .Nr .text{ width: 100%; padding:15px 0 0 0; }
	.proContainer .proLayer4 .Nr .text ul li{ padding: 15px; margin-bottom: 15px;}
	.proContainer .proLayer4 .Nr .text ul li h2{ height: 40px; line-height: 40px; font-size: 18px;}
	.proContainer .proLayer4 .Nr .text ul li p{ padding: 0; font-size: 14px; line-height: 27px;}
	.proContainer .proLayer5{ padding: 20px 3%; box-sizing: border-box;}
	.proContainer .proLayer5 h2{ font-size: 20px; margin-bottom: 20px;}
	.proContainer .proLayer5 ul { overflow: hidden;}
	.proContainer .proLayer5 ul li{ float: left; width: 49%; float: left;margin: 0 2% 15px 0;}
	.proContainer .proLayer5 ul li:nth-child(2n){ margin: 0 0 15px 0;}
	.proContainer .proLayer5 ul li img{ display: block; width: 100%; height: auto;}
	.proContainer .proLayer6{ padding:20px 3%; box-sizing: border-box;}
	.proContainer .proLayer6 h2{ font-size: 20px; margin-bottom: 20px;}
	.proContainer .proLayer6 ul{ width: 100%; overflow: hidden;}
	.proContainer .proLayer6 ul li{ width: 49%; margin: 0 2% 15px 0; float: left;}
	.proContainer .proLayer6 ul li:nth-child(2n){margin: 0 0 15px 0;}
	.proContainer .proLayer6 ul li .icon{ width: 100%; height: auto; position: relative; padding: 15px; box-sizing: border-box;}
	.proContainer .proLayer6 ul li .icon img{ position: relative; left: auto; top: auto; transform: none; width: 100%;}
	.proContainer .proLayer8 .title{ padding: 30px 0;}
	.proContainer .proLayer7{ padding:0 3%;}
	.proContainer .title{ padding: 30px 0;}
	.proContainer .title h2{ margin-bottom: 20px; font-size: 20px;}
	.proContainer .title p{ font-size: 14px; line-height: 28px;}
	.proContainer .proLayer7 ul{ width: 100%; background: none; height: auto;}
	.proContainer .proLayer7 ul li{ width: 100%; background: #fff; margin-bottom: 15px; border-radius:12px; padding-bottom: 30px;}
	.proContainer .proLayer7 ul li h2{ font-size: 20px;}
	.proContainer .proLayer7 ul li p{ font-size: 14px; line-height: 28px;}
	.proContainer .proLayer8{ padding: 0 3% 20px 3%;}
	.proContainer .proLayer8 ul{ background: none;}
	.proContainer .proLayer8 ul li{ border-radius:10px ; background: #fff; margin-right: 2%; margin-bottom: 10px; width: 49%; padding:0 15px; box-sizing: border-box;}
	.proContainer .proLayer8 ul li:nth-child(2n){ margin-right: 0;}
	.proContainer .proLayer8 ul li .icon{ height: 80px;}
	.proContainer .proLayer8 ul li .icon img{ height: 30%; width: auto;}
	.proContainer .proLayer8 ul li h2{ font-size: 18px}
	.proContainer .proLayer8 ul li p{ font-size: 12px]}
	.proContainer .proLayer9{ padding: 0 3% 30px 3%;}
	.proContainer .proLayer9 ul li{ width: 49%; margin-right: 2%; margin-bottom: 10px;}
	.proContainer .proLayer9 ul li:nth-child(2n){ margin-right: 0;}
	.proContainer .proLayer9 ul li .icon{ width: 100%; height: auto;}
	.proContainer .proLayer9 ul li .text{ height: auto; padding: 10px;}
	.proContainer .proLayer9 ul li .text h2{ height: 40px; font-size: 18px; line-height: 40px; padding: 0;}
	.proContainer .proLayer9 ul li .text p{ height: 50px; overflow: hidden;}
	.proContainer .proLayer10{ padding: 0 3% 30px 3%; box-sizing: border-box;}
	.proContainer .proLayer10 ul li{ width: 100%; margin: 0 0 15px 0;}
	.proContainer .proLayer10 ul li .icon{ width: 100%; height: auto;}
	.proContainer .proLayer10 ul li .icon img{ display: block; width: 100%; height: auto;}
	.proContainer .proLayer10 ul li .text{ width: 100%; padding: 0;}
	.proContainer .proLayer10 ul li .text h2{ font-size: 20px;}
	.proContainer .proLayer10 ul li .text p{ font-size: 14px; line-height: 28px;}
	.proLayer11{ padding: 0 3% 30px 3%; box-sizing: border-box;}
	.proLayer11 ul li{ width: 100%; margin: 0 0 15p 0; height: auto; border-radius:10px;}
	.proLayer11 ul li .icon{ width: 100%; height: 100px;}
	.proLayer11 ul li .text{ width: 100%; padding: 0 15px 30px 15px; box-sizing: border-box;}
	.proLayer11 ul li .text h2{ font-size: 20px; text-align: center;}
	.proLayer11 ul li .text p{ line-height: 14px; line-height: 28px;}
	.proLayer12 ul li{ width: 49%; margin-bottom: 10px; padding: 0 15px;}
	.proLayer12 ul li:nth-child(2n){ margin-right: 0;}
	.proLayer12 ul li .icon img{ height: 60px; width: 60px;}
	.proLayer12 ul li .icon{ padding: 15px 0;}
	.proLayer12{ padding: 0 3% 30px 3%;}
	.proLayer12 ul li .text h2{ font-size: 18px;}
	.proLayer12 ul li .text p{ font-size: 14px; line-height: 26px;}
	.proContainer .proLayer3 .Nr .NrBox1 ul li{ width: 100%; margin: 0 0 10px 0;}
	.proContainer .proLayer3 .Nr .NrBox1{ padding: 10px;}
	.proContainer .proLayer3 .Nr .NrBox1 ul li{ box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:5px ; padding: 0 15px 30px 15px; box-sizing: border-box; height: auto;}
	.proContainer .proLayer3 .Nr .NrBox1 ul li .icon{ padding: 15px 0;}
	.proContainer .proLayer3 .Nr .NrBox1 ul li .icon img{ width: 80px; height: auto;}
	.proContainer .proLayer3 .Nr .NrBox1 ul li .text h2{ font-size: 18px; line-height: 48px;}
	.proContainer .proLayer3 .Nr .NrBox1 ul li .text p{ font-size: 14px; line-height: 26px;}
	.proContainer .proLayer3 .Nr .NrBox2{ padding: 15px; box-sizing: border-box;}
	.proContainer .proLayer3 .Nr .NrBox2 img{ display: block; width: 100%!important; height: auto;}
	.proContainer .proLayer3 .Nr .NrBox2 h2{ font-size: 18px; line-height: 26px;}
	.proContainer .proLayer3 .Nr .NrBox2 p{ font-size: 14px; line-height: 26px;}
	.proLayer13{ padding: 0 3% 30px 3%; box-sizing: border-box;}
	.proLayer13 ul li{ height: auto; width: 100%; margin: 0 0 15px 0; padding-bottom: 30px;}
	.proLayer13 ul li:nth-child(2n){ margin-right: 0;}
	.proLayer13 ul li .icon{ height: 100px; position: relative;}
	.proLayer13 ul li .icon img{ height: 40%; width: auto;}
	
	.system_layer1{ padding: 0 3% 30px 3%; box-sizing: border-box;}
	.system .title{ padding: 30px 0;}
	.system .title h2{ font-size: 20px; margin-bottom: 20px;}
	.system .title p{ font-size: 14px; line-height: 28px;}
	.system_layer1 .Nr .icon{ width: 100%;}
	.system_layer1 .Nr .icon img{ display: block; width: 100%; height: auto;}
	.system_layer1 .Nr .text{ width: 100%;}
	.system_layer1 .Nr .text p{ font-size: 14px; line-height: 26px;}
	.system_layer2{ padding: 0 3% 30px 3%;}
	.system_layer2 .Nr .bt{ display: block; margin: 0 auto 15px auto;}
	.system_layer2 .Nr p{ font-size: 14px; line-height: 26px;}
	.system_layer2 .Nr img{ width: 100%; height: auto;}
	.system_layer3{ padding: 0 3% 30px 3%;}
	.system_layer3 ul li{ height: auto; width: 49%; padding: 0 15px 30px 15px; box-sizing: border-box; margin: 0 2% 15px 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.system_layer3 ul li:nth-child(2n){ margin-right: 0;}
	.system_layer3 ul li .icon{ height: 100px;}
	.system_layer3 ul li .icon img{ height: 50%; width: auto;}
	.system_layer3 ul li .text h2{ font-size: 18px; margin-bottom: 10px;}
	.system_layer3 ul li .text p{ font-size: 14px; line-height: 26px; height: 52px; overflow: hidden;}
	.system_layer4 ul li{ width: 100%;}
	.system_layer4{ padding: 0 3% 30px 3%;}
	.system_layer4 ul li{ padding: 15px; box-sizing: border-box;}
	.system_layer4 ul li .bt{ font-size: 14px; width: 100%}
	.system_layer4 ul li .Nr .icon{ width: 100%; height: auto;}
	.system_layer4 ul li .Nr .icon img{ width: 100%; height: auto;}
	.system_layer4 ul li .Nr .text{ width: 100%;padding: 0;}
	.system_layer4 ul li .Nr .text h2{ font-size: 18px; margin: 10px;}
	.system_layer4 ul li .Nr .text p{ font-size: 14px; line-height: 26px;}
	
	.proList .proList_Layer1{ padding: 0 3% 30px 3%;}
	.proList .title{ padding: 30px 0;}
	.proList .title h2{ font-size: 20px; margin-bottom: 20px;}
	.proList .title p{ font-size: 14px; line-height: 26px;}
	.proList .proList_Layer1 .Nr .icon{ width: 100%; height: auto;}
	.proList .proList_Layer1 .Nr .text{ width: 100%; padding: 0;}
	.proList .proList_Layer1 .Nr .text p{ font-size: 14px; line-height: 26px; margin-top: 10px;}
	.proList .proList_Layer2{ padding: 30px 3% 30px 3%;}
	.proList .proList_Layer2 ul li{ width: 100%; height: auto; margin-bottom: 10px;}
	.proList .proList_Layer2 ul li .bt h2{ font-size: 20px; line-height: 20px; margin-bottom: 15px;}
	.proList .proList_Layer2 ul li .bt h3{ margin: 0; font-size: 20px;}
	.proList .proList_Layer2 ul li .bt p{ font-size: 14px; line-height: 26px;}
	.proList .proList_Layer2 ul li{ padding: 25px 115px 25px 25px;}
	.proList .proList_Layer2 ul li .text h2{ font-size: 20px;}
	.proList .proList_Layer2 ul li .text p{ font-size: 14px; line-height: 26px;}
	.proList .proList_Layer3{ padding: 0 3% 30px 3%;}
	.proList .proList_Layer3 ul li{ width: 49%; float: left; margin: 0 2% 10px 0; padding: 0; }
	.proList .proList_Layer3 ul li:nth-child(2n){ margin-right: 0;}
	.proList .proList_Layer3 ul li .text{ padding: 15px; height: auto; height: 230px;}
	.proList .proList_Layer3 ul li .text p{ padding-top: 15px; font-size: 14px; line-height: 26px;}
	.proList .proList_Layer4{ width: 100%; padding: 0;}
	.proList .proList_Layer4 .title{ padding: 30px 3%;}
	.proList .proList_Layer4 .Nr{ padding-left: 15px; box-sizing: border-box; overflow-x: scroll;}
	.proList .proList_Layer4 .Nr table tr td p{ padding: 0 10px; font-size: 14px;}
	.proList .proList_Layer4 .Nr table{ width: 800px;}
	.proList .proList_Layer5{ padding: 0 3% 30px 3%;}
	.proList .proList_Layer5 ul li{ width: 100%; margin-bottom: 10px;}
	.proList .proList_Layer6{ padding: 0 3% 30px 3%;}
	.proList .proList_Layer6 ul{ background: none;}
	.proList .proList_Layer6 ul li{ width: 49%; margin-right: 2%; height: auto;}
	.proList .proList_Layer6 ul li:nth-child(2n){ margin-right: 0;}
	.proList .proList_Layer6 ul li:nth-child(2){ width: 49%;}
	.proList .proList_Layer6 ul li:nth-child(5){ width: 49%;}
	.proList .proList_Layer6 ul li{ border: 0; border-radius:8px; margin-bottom: 10px; padding: 0 10px 20px 10px; box-sizing: border-box;}
	.proList .proList_Layer6 ul li .icon{ width: 100%; height: 100px;}
	.proList .proList_Layer6 ul li .icon img{ height: 50px;}
	.proList .proList_Layer6 ul li .text{ width: 100%; padding: 0;}
	.proList .proList_Layer6 ul li .text h2{ font-size: 18px; text-align: center; margin-bottom: 15px;}
	.proList .proList_Layer6 ul li .text p{ font-size: 14px; line-height: 26px; height: 52px; overflow: hidden;}
	.proList .proList_Layer7{ width: 100%; padding: 0 3% 30px 3%;}
	.proList .proList_Layer7 .Nr{ padding: 10px;}
	.proList .proList_Layer7 .Nr ul li{ width: 100%; margin: 0 0 15px 0;}
	.proList .proList_Layer7 .Nr ul li .text h2{ margin: 0; font-size: 18px; line-height: 40px;}
	.proList .proList_Layer7 .Nr ul li .text p{ font-size: 14px; line-height: 26px;}
	.banner{ height: 300px;}
	.banner .bannerBox{ padding: 0 20px; box-sizing: border-box;}
	.banner .bannerBox h2{ font-size: 20px;}
	.banner .bannerBox p{ font-size: 14px; line-height: 26px;}
	.indexContainer .layer1{ padding: 30px 3%; box-sizing: border-box;}
	.indexContainer .title h2{ font-size: 20px;}
	.indexContainer .title img{ margin: 15px auto;}
	.indexContainer .layer1 p{ padding: 0; font-size: 14px; line-height: 26px;}
	.indexContainer .layer1 .pic{ width: 100%; height: auto; margin-top: 30px;}
	.indexContainer .layer2{ padding: 30px 0% 30px 0%;}
	.indexContainer .title p{ font-size: 14px; line-height: 26px;}
	.indexContainer .layer2 ul{ padding: 20px 0 0 0;}
	.indexContainer .layer2 ul li{ width: 100%; height: auto; padding: 0 60px 30px 30px;}
	.indexContainer .layer2 ul li .num{ right: 20px;}
	.indexContainer .layer3{ padding: 30px 3%; height: auto;}
	.indexContainer .layer3 .layer3Box{ overflow: hidden;}
	.indexContainer .layer3 .bt{ padding: 30px 0;}
	.indexContainer .layer3 .bt h2{ font-size: 20px;}
	.indexContainer .layer3 .bt p{ font-size: 14px; line-height: 26px;}
	.indexContainer .layer3 .hd{ padding: 0; float: inherit; width: 100%; height: 40px; overflow: hidden; background: none;}
	.indexContainer .layer3 .hd ul{ width: 100%; overflow-x: scroll; text-align: left; white-space: nowrap;}
	.indexContainer .layer3 .hd ul li{ color: #333; background: none; background: #fff; border-radius:25px; border: none; height: 40px; line-height: 40px; display: inline-block; width: auto; padding: 0 20px; font-size: 14px;}
	.indexContainer .layer3 .hd ul li.on img{ display: none;}
	.indexContainer .layer3 .hd ul li.on{ background: #3161d6; border: none; color: #fff;}
	.indexContainer .layer3 .hd ul li img{ display: none;}
	.indexContainer .layer3 .bd{ border-radius:10px ; height: auto; margin-top: 20px; width: 100%; padding: 10px;}
	.indexContainer .layer3 .bd .icon{ width: 100%; height: auto;}
	.indexContainer .layer3 .bd .icon img{ width: 100%;}
	.indexContainer .layer3 .bd .text{ width: 100%; padding: 0 15px 20px 15px;}
	.indexContainer .layer3 .bd .text h2{ font-size: 18px; height: 40px; line-height: 40px;}
	.indexContainer .layer3 .bd .text p{ font-size: 14px; line-height: 26px;}
	.indexContainer .layer3 .bd .text a{ margin-top: 20px;}
	.indexContainer .layer4{ padding: 30px 3%;}
	.indexContainer .layer4 .tab{ width: 100%; overflow-x: scroll;}
	.indexContainer .layer4 .tab table{ width: 1200px;}
	.indexContainer .layer4 .tab table tr td.n1{ padding: 0 30px;}
	.indexContainer .layer4 .tab table tr td{ font-size: 14px; height: 40px;}
	.meun{ display: block; width: 45px; height: 45px; position: fixed; right: 20px; bottom: 100px; border-radius:50%; border: 1px solid #eee; background: url(../images/menu.png) center center no-repeat #fff; background-size:20px auto; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.indexContainer .layer2 ul li h2{ font-size: 18px;}
	.indexContainer .layer1 .Nr{ width: 100%; padding: 0;}
	.indexContainer .layer1 .Nr .icon{ width: 100%;}
	.indexContainer .layer1 .Nr .icon img{ display: block; width: 100%; height: auto;}
	.indexContainer .layer1 .Nr .text{ width: 100%; padding:20px 0 0 0;}
	.indexContainer .layer1 .Nr .text p{ font-size: 14px; line-height: 26px;}
	.indexContainer .layer2Box{ padding-top: 30px;}
	.indexContainer .layer2Left{ width: 100%; height: auto; margin-bottom: 10px; padding-bottom: 20px;}
	.indexContainer .layer2Right{ width: 100%; padding: 0;}
	.indexContainer .layer2Right dl dd{ width: 100%; margin: 0 0 10px 0; height: auto; padding: 30px 0 30px 120px;}
	.indexContainer .layer2Right dl dd .tp{ width: 120px; height: 100%; left: 0;}
	.indexContainer .layer2Right dl dd .tp img{ width: 30%; height: auto;}
	.indexContainer .layer6{ width: 100%; padding: 30px 3%; box-sizing: border-box; }
	.indexContainer .title p{ margin-top: 20px;}
	.indexContainer .layer6Box{ padding: 30px 0 0 0;}
	.indexContainer .layer6Box ul{ display: none;}
	.indexContainer .layer6Box img{ display: block; width: 100%; height: auto;}
	.indexContainer .layer7{ padding: 30px 3%; box-sizing: border-box;}
	.indexContainer .layer7 .warp{ width: 100%; overflow-x: scroll;}
	
	
}