html, body, #template { width: 100%; height:100%; background: #fff;}
body { font-family: 'Microsoft Yahei', '微软雅黑',Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 14px; color:#333;}
html, body { margin:0; padding:0;}

.right { float:right;}
.hidden { display: none;}

a:hover { opacity: .8;}

.caseList li,
.fixHeader,
.pageHeader,
a, i, img {
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.software li:after,
.bg2 li .filter {
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #d3d3d3;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #d3d3d3;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #d3d3d3;
}  

.divTable { display:table; width: 100%; height: 100%;}
.divTableCell { display: table-cell; vertical-align: middle; }

.clearfix { margin: 0!important; padding: 0!important;}
.layui-main:after,
.clearfix:before,
.clearfix:after { display: table; content: " "}
.layui-main:after,
.clearfix:after {clear: both}

.container { width: 1400px; height:100%; margin: 0 auto; position: relative;}

.pageHeader {position: fixed; top:0; z-index: 98; width: 100%; height:90px; line-height: 90px;}
.pageHeader .logoBox { position: absolute; left:0; top:0; height:100%; width:160px; overflow: hidden;}
.pageHeader .logoBox .logoHover,
.pageHeader .logoBox .logo { display: block; width:100%; height: 100%; position: relative; z-index: 1; background: url(../images/logo.png) center no-repeat; text-indent: -1000em;}
.pageHeader .logoBox .logoHover { position: absolute; top:0; left:0; z-index: 2;  background: url(../images/logoHover.png) center no-repeat; opacity:0; filter:alpha(opacity=0);}
.pageHeader .layui-nav { background: none; position: absolute; left:50%; transform: translate(-50%,0); -ms-transform:translate(-50%,0);}
.pageHeader .layui-nav .layui-nav-item { line-height: 48px; margin:0 10px; }
.pageHeader .layui-nav .layui-nav-more { right: -2px;}
.pageHeader .layui-nav .layui-nav-item a { font-size: 16px; color:#fff; padding:0 20px;}
.pageHeader .layui-nav-bar,
.pageHeader .layui-nav-tree .layui-nav-itemed:after {
	background-color: #fff; border-radius: 10px;
}
.pageHeader .layui-nav .layui-this a { color: #4285f4!important;}
.layui-nav-bar { display:none; }
.pageHeader .layui-nav .layui-this:hover:after,
.pageHeader .layui-nav .layui-this:after {
	background-color: #4285f4; border-radius: 10px; width:16px; position:absolute; left:50%; margin-left:-8px;
}
.pageHeader .layui-nav .layui-nav-child a { color: #333;}
.pageHeader .layui-nav .layui-nav-child a { padding: 0 20px;}
.pageHeader .topSubmit { position: absolute; right:30px; top:25px; color: #fff; background: #006cff; padding: 10px 20px; line-height: 1; border-radius: 30px;}

.pages { padding-top:90px;}
.pages .pageHeader { background: #fff!important; border-bottom: 1px solid #e8e8e8;}
.pages .pageHeader .logo { background: url(../images/logoHover.png) center no-repeat;}
.pages .pageHeader .layui-nav .layui-nav-item a { color:#333!important; }
.pages .pageHeader .layui-nav-bar,
.pages .pageHeader .layui-nav-tree .layui-nav-itemed:after {
	background-color: #006cff;
}

.fixHeader { height:60px; line-height:60px; border-bottom: 1px solid #e8e8e8;}
.fixHeader .topSubmit { top: 15px;}
.fixHeader .logoBox .logoHover { opacity:1; filter:alpha(opacity=1);}
.fixHeader .layui-nav .layui-nav-item a { color: #333; line-height:40px; }
.fixHeader .layui-nav .layui-this a { color:#4285f4; }
.fixHeader .layui-nav .layui-this:after,
.fixHeader .layui-nav-bar,
.fixHeader .layui-nav-tree .layui-nav-itemed:after {
	background-color: #4285f4;
}
.fixHeader .layui-nav .layui-nav-more { border-color: #999 transparent transparent;}
.fixHeader .layui-nav .layui-nav-mored { border-color: transparent transparent #999;}

.index1 { position: relative; height: 640px; width:100%; background: url(../images/banner.jpg) center no-repeat;}
.index1 .banner { background: url(../images/indexF1.png) center no-repeat; height:520px;}
.index1 .viewUs { position: absolute; left:50%; top:50%; margin:100px 0 0 -90px; width:180px; height: 54px; line-height: 54px; color:#fff; background: #006cff; text-align: center; border-radius: 6px; font-size: 16px;}

.index1 .bottom { height: 120px; position: absolute; left:0; bottom: 0; width: 100%; background: rgba(0,0,0,.15);}
.about #item8 .bottom .container,
.index1 .bottom .container { width: 1200px;}
.about #item8 .bottom .items,
.index1 .bottom .items { position: relative; float: left; width:25%; text-align: center; padding-top: 20px;}
.about #item8 .bottom .items:after,
.index1 .bottom .items:after { content: ""; position: absolute; top:20px; bottom:0; right:0; border-right:1px solid #1f3957;}
.about #item8 .bottom .items:last-child:after,
.index1 .bottom .items:last-child:after { display: none;}
.about #item8 .bottom .items h3,
.index1 .bottom .items h3 { color: #fff; font-size: 36px; padding-left: 20px;}
.about #item8 .bottom .items h3 sup,
.index1 .bottom .items h3 sup { position: relative; top:2px; font-size: 28px; margin-left:10px;}
.about #item8 .bottom .items p,
.index1 .bottom .items p { color: rgba(255,255,255,.3);}

.items { position: relative;}
.items .indexTit { padding-top:100px; text-align: center;}
.items .indexTit h3 { font-size: 42px; font-weight: lighter;}
.items .indexTit p { font-size: 28px; color: #c9c9c9; font-weight: lighter; padding:20px 70px 0; line-height: 1.5;}

.chooseUs { padding: 0 70px;}
.chooseUs li { float:left; width:16.66%; text-align: center; box-sizing: border-box; padding:80px 0 100px;}
.chooseUs li span { display:block; width:110px; height: 110px; border-radius: 50%; margin:0 auto; background: #fff; box-shadow: 5px 10px 20px rgba(0,0,0,.1);}
.chooseUs li i { display: block; width: 100%; height:100%;; background-position: center; background-repeat: no-repeat;}
.chooseUs li i.icon1 { background-image:url(../images/icon1.png);}
.chooseUs li i.icon2 { background-image:url(../images/icon2.png);}
.chooseUs li i.icon3 { background-image:url(../images/icon3.png);}
.chooseUs li i.icon4 { background-image:url(../images/icon4.png);}
.chooseUs li i.icon5 { background-image:url(../images/icon5.png);}
.chooseUs li i.icon6 { background-image:url(../images/icon6.png);}
.chooseUs li h3 { font-size: 18px; padding-top:30px; padding-bottom: 10px;}
.chooseUs li p { font-size: 14px; color:#adadad; line-height: 1.5}

#item2 { position: relative; height: 579px; margin:0 auto; overflow: hidden;}
#item2 .itemLeft { width: 1050px; height: 100%; position: absolute; z-index: 1; left:-260px; top:0; background: url(../images/index_bg1.jpg) center no-repeat;}
#item2 .itemRight { width: 960px; height: 460px; position: absolute; z-index: 2; right:-260px; top:42px; background: url(../images/index_bg2.jpg) center no-repeat;}
#item2 .content { text-align: center;}
#item2 .itemLeft .content { padding-top:120px; padding-left:60px;}
#item2 .itemRight .content { padding-top:75px; padding-right:115px;}
#item2 .content h3 { font-size: 28px; padding: 20px 0 10px;}
#item2 .content p { font-size: 20px; line-height: 1.5;}
#item2 .itemLeft .content h3 { color: #344f72;}
#item2 .itemRight .content h3 { color: #8e5816;}
#item2 .itemLeft .content p { color: rgba(51,51,51,.6);}
#item2 .itemRight .content p { color: rgba(51,51,51,.7);}
#item2 .itemCenter { position: absolute; left:50%; top:50%; z-index: 3; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width: 255px; height: 100px; background: #006cff; text-align: center; box-shadow: 0 0 10px rgba(0, 108, 255, .25);}
#item2 .itemCenter h3 { color: #fff; font-size: 24px; padding-top:20px; padding-bottom: 5px;}
#item2 .itemCenter p { color: #8fbeff;}

.caseBox { margin-top:70px;}
.caseBox li { width:33.3%; float:left; box-sizing: border-box; padding: 0 20px;}
.caseBox li .imgBox { width: 426px; height: 251px; overflow: hidden;}
.caseBox li .imgBox img { width: 100%; border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,.15);}
.caseBox li .imgBox img:hover {
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.caseBox li h3 { font-size: 20px; margin:20px 0 5px;}
.caseBox li p { color: #c0c0c0;}
.viewMore,
.moreCase { display: block; margin: 70px auto 0; width: 440px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; border:1px solid #eaeaea;}
.viewMore { width:260px; }

#item4 { margin-top:100px; position: relative;}
#item4 .formBg { position: absolute; left:0; top:0; z-index: 0; width: 100%; height: 100%; overflow: hidden;}
#item4 .formBg:before,
#item4 .formBg:after { position: absolute; content: ""; z-index: 0; width:1000px; height:100%; background: #1d202c; top:215px;}
#item4 .formBg:before { left:-100px;
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); 	
	-moz-transform:rotate(15deg); 	
	-webkit-transform:rotate(15deg); 
	-o-transform:rotate(15deg); 	
}
#item4 .formBg:after { right:-100px;
	transform:rotate(-15deg);
	-ms-transform:rotate(-15deg); 	
	-moz-transform:rotate(-15deg); 	
	-webkit-transform:rotate(-15deg); 
	-o-transform:rotate(-15deg); 	
}
#item4 .layui-form { position: relative; z-index: 2; padding:0 60px 50px; background: #fff; box-sizing: border-box; box-shadow: 0 0 20px rgba(0,0,0,.15); border-radius: 6px;}
#item4 .indexTit { padding-top:40px!important; margin-bottom: 30px;}
#item4 .indexTit h3 { font-size: 30px;}
#item4 .indexTit p { font-size: 16px; padding-top: 10px;}
#item4 .firstForm { float: left; width: 1080px;}
#item4 .firstForm .layui-inline { position: relative; float:left; width:50%; margin-right:0; padding-right:20px; box-sizing: border-box;}
#item4 .firstForm .fullLine { padding-right:20px;}
#item4 .firstForm .fullLine label,
#item4 .firstForm .layui-inline label { position: absolute; left:20px; top:0; line-height: 54px; width: 80px;}
#item4 .firstForm .fullLine input,
#item4 .firstForm .layui-inline input { height: 52px; line-height: 52px; padding-left: 100px;}
#item4 .firstForm .fullLine input { padding: 0 20px!important;}
#item4 .btnBox { float: left; width: 200px;}
#item4 .btnBox a { display: block; width:100%; height:100%; background: #006cff; line-height: 200px; text-align: center; color:#fff; border-radius: 6px; font-size: 24px;}

.footer { background: #1d202c; padding-top: 85px; color: #c5c9d7;}
.footer .footCon { margin: 0 100px; padding-bottom: 40px; position: relative; border-bottom: 1px solid #282b39;}
.footer .footLeft { position: relative; float: left; width:270px; box-sizing: border-box;}
.footer .footLeft:after { content: ""; position: absolute; right:0; top:0; height:160px; border-right: 1px solid #282b39;}
.footer .footLeft .tel { background: url(../images/tel.png) left top no-repeat; padding-left:55px; color: #5a5f72;}
.footer .footLeft .tel h3 { color: #fff; margin-top:10px; font-size: 20px;}
.footer .footLeft .tel p { color: #fff; margin-top:10px; font-size: 12px;}
.footer .footCenter { float:left; width:725px; padding-left: 90px;}
.footer .footCenter .items { float:left; width:30%;}
.footer .footCenter .items h3 { color:#c5c9d7; margin-bottom: 10px; font-size: 14px;}
.footer .footCenter .items a { display: block; color: #5a5f72; line-height: 2; font-size: 12px;}
.footer .footRight { width: 110px; float:right; text-align: center; color: #fff;}
.footer .footRight img { width:100%;}
.footer .footRight p { margin-top:10px; font-size: 12px;}
.footer .footAddress { font-size: 12px; color: #5a5f72; text-align: center; padding: 50px 0; line-height: 2;}
.footAddress a { color:#fff; }
.reTop { position: fixed; z-index: 99; right:20px; bottom:20px; width:50px; height: 50px; border-radius: 50%; background: url(../images/retop.png) no-repeat #fff; background-size:cover; border:5px solid #dedede; cursor: pointer;}
.reTop:hover { background-color: rgba(66,133,244,.3);}

.solutionBanner { height: 900px; background: url(../images/solution_banner_bg.png) center no-repeat;}
.solutionBanner .f1 { background: url(../images/solution_f1.png) left top no-repeat; position: absolute; left:90px; top:240px; width:606px; height:214px;}
.solutionBanner .topSubmit { position: absolute; left:90px; top:550px; color: #fff; background: #fac604; width: 170px; height: 65px; line-height: 65px; border-radius: 5px; text-align: center; font-size: 20px;}
.solutionBanner .mobile { position: absolute; right:145px; bottom: 30px; background: url(../images/mobile.png); width: 402px; height: 794px;}

.solution #item1 .indexTit { padding-top:30px;}
.solution .chooseUs li { width:25%; }
.solution .chooseUs li span { width:200px; height: 160px; border-radius: 10px;}
.solution .chooseUs li i.icon1 { background-image:url(../images/sol_icon1.png);}
.solution .chooseUs li i.icon2 { background-image:url(../images/sol_icon2.png);}
.solution .chooseUs li i.icon3 { background-image:url(../images/sol_icon3.png);}
.solution .chooseUs li i.icon4 { background-image:url(../images/sol_icon4.png);}
.solution .chooseUs li h3 { font-size: 16px;}

.solution .svBg { position: relative; width:100%; height:600px; background-position: center; background-repeat: no-repeat; background-size:cover; text-align: center;}
.solution .svBg1 { background-image: url(../images/svBg1.jpg);}
.solution .svBg2 { background-image: url(../images/svBg2.jpg);}
.solution .svBg3 { background-image: url(../images/svBg3.jpg);}
.solution .svBg4 { background-image: url(../images/svBg4.jpg);}
.solution .svBg5 { background-image: url(../images/svBg5.jpg);}

.solution #item5 .indexTit { padding-top:40px; padding-bottom: 50px;}
.solution #item5 .indexTit h3 { color:#fff; font-size: 44px; margin-bottom: 10px;}
.solution #item5 .indexTit p { font-size: 16px; color: #fff; padding: 0 235px; line-height: 1.8;}
.solution #item5 .learnMore { color: #fff; background: #4285f4; margin: 0 auto; font-size: 16px; padding: 10px 30px; border-radius: 6px; display: none;}
.solution #item5 .svList { position: absolute; left:100px; right:100px; bottom:0; height: 149px;}
.solution #item5 .svList li { float: left; width:20%;}
.solution #item5 .svList li:hover { background: url(../images/solution_banner_bg.png) center no-repeat;}
.solution #item5 .swiper-container { width: 100%; height: 100%; }
.solution #item5 .swiper-slide { background-position: center; background-size: cover; padding-top:150px; box-sizing: border-box;}
.solution #item5 .swiper-pagination-bullets { bottom:0; height: 149px;}
.solution #item5 .swiper-pagination-bullet { width:200px; height: 149px; font-size: 16px; border-radius: 0; padding-top:70px; box-sizing: border-box; background:none; color:#fff; opacity: 1;}
.solution #item5 .swiper-pagination-bullet .icon { padding-left:50px; display: inline-block; cursor: pointer;}
.solution #item5 .swiper-pagination-bullet .icon1 { background:url(../images/sol_icon5.png) left center no-repeat; padding-left:40px;}
.solution #item5 .swiper-pagination-bullet .icon2 { background:url(../images/sol_icon6.png) left center no-repeat;}
.solution #item5 .swiper-pagination-bullet .icon3 { background:url(../images/sol_icon7.png) left center no-repeat; padding-left:40px;}
.solution #item5 .swiper-pagination-bullet .icon4 { background:url(../images/sol_icon8.png) left center no-repeat;}
.solution #item5 .swiper-pagination-bullet .icon5 { background:url(../images/sol_icon9.png) left center no-repeat;}
.solution #item5 .swiper-pagination-bullet-active { background:url(../images/sol_curr.png) center no-repeat!important;}

#item6 .chooseUs li { width:25%;}
#item6 .chooseUs li span { width:100%; height: 268px; box-shadow: none;}
#item6 .chooseUs i.icon1 { background-image:url(../images/sol_icon10.png);}
#item6 .chooseUs i.icon2 { background-image:url(../images/sol_icon11.png);}
#item6 .chooseUs i.icon3 { background-image:url(../images/sol_icon12.png);}
#item6 .chooseUs i.icon4 { background-image:url(../images/sol_icon13.png);}
#item6 .chooseUs h3 { font-size: 20px;}
#item6 .chooseUs p { font-size: 14px; padding: 0 50px;}

.solution #item7 { background:#f1f2f5;}
#item7 .list { width:1228px; margin:0 auto; padding: 50px 0;}
#item7 .list li { float:left; width:50%; margin-bottom: 20px;}
#item7 .list li div { background-color:#fff; padding:45px 0 45px 50px; background-position: 50px center; background-repeat: no-repeat; box-sizing: border-box;}
#item7 .list li:nth-child(odd) div { margin-right:13px;}
#item7 .list li:nth-child(even) div { margin-left:13px;}
#item7 .list li .icon1 { background-image: url(../images/sol_icon14.png);}
#item7 .list li .icon2 { background-image: url(../images/sol_icon15.png);}
#item7 .list li .icon3 { background-image: url(../images/sol_icon16.png);}
#item7 .list li .icon4 { background-image: url(../images/sol_icon17.png);}
#item7 .list li .icon5 { background-image: url(../images/sol_icon18.png);}
#item7 .list li .icon6 { background-image: url(../images/sol_icon19.png);}
#item7 .list li div h3 { margin-left:100px; font-size: 20px;}
#item7 .list li div p { margin-left:100px; color: #b5b5b5; margin-top:5px;}
#item7 .more { text-align: center;}
#item7 .more .points span { display: inline-block; width:14px; height:14px; border-radius: 50%; background:#dedede; margin:0 1px;}
#item7 .more p { font-size: 22px; color:#cccccc; padding: 20px 0 50px; font-weight: lighter;}

#item8 .chooseUs { padding:0;}
#item8 .chooseUs li { padding-bottom:0;}
#item8 .chooseUs li div { margin:0 20px; position: relative; background:#fff; border-radius: 10px; box-shadow: 5px 10px 20px rgba(0,0,0,.1);}
#item8 .chooseUs li div img { width:100%;}
#item8 .chooseUs li div span { position: absolute; width:200px; height: 64px; left:50%; margin-left:-100px; top:240px;}
#item8 .chooseUs li div h3 { margin-top:30px; padding-bottom:30px; font-size: 18px;}
#item8 .chooseUs i.icon1 { background-image:url(../images/sol_case1_tit.png);}
#item8 .chooseUs i.icon2 { background-image:url(../images/sol_case2_tit.png);}
#item8 .chooseUs i.icon3 { background-image:url(../images/sol_case3_tit.png);}
#item8 .chooseUs i.icon4 { background-image:url(../images/sol_case4_tit.png);}

/*.solution #item4 .layui-form { background:url(../images/form_bg.png) top left no-repeat; box-shadow: 13px 13px 38px rgba(0,108,255,.4);}
.solution #item4 .layui-form .indexTit h3 { color:#fff; }
.solution #item4 .layui-form .indexTit p { color:#96c2ff; }
.solution #item4 .layui-form input { background:#2280ff; border-color:#2280ff;}
.solution #item4 .firstForm input { color:#91c0ff;}
.solution #item4 .firstForm { color:#91c0ff;}

.solution #item4 .firstForm ::-webkit-input-placeholder { 
	color: #91c0ff;
}

.solution #item4 .firstForm ::-moz-placeholder { 
	color: #91c0ff;
}

.solution #item4 .firstForm :-ms-input-placeholder {
	color: #91c0ff;
}  

.solution #item4 .btnBox a { background:#2db2ff;}*/

.aboutBanner { height: 500px; background: url(../images/aboutBanner.jpg) center no-repeat;}
.about #item1 h3 { font-size: 36px; padding-top:100px; font-weight: bold;}
.about #item1 p { font-size: 24px; color: #999; margin-top:30px; line-height: 1.8;}

.about #item7 .list li { margin-bottom: 40px;}
.about #item7 .list li div { background-color:#f4faff;}
.about #item7 .list li:nth-child(odd) div { margin-right:20px;}
.about #item7 .list li:nth-child(even) div { margin-left:20px;}
.about #item7 .list li .icon1 { background-image: url(../images/sol_icon14.png);}
.about #item7 .list li .icon2 { background-image: url(../images/sol_icon15.png);}
.about #item7 .list li .icon3 { background-image: url(../images/sol_icon16.png);}
.about #item7 .list li .icon4 { background-image: url(../images/sol_icon17.png);}
.about #item7 .list li .icon5 { background-image: url(../images/sol_icon18.png);}
.about #item7 .list li .icon6 { background-image: url(../images/sol_icon19.png);}

.aboutBox { position: relative; z-index: 1; height: 600px; color:#fff; overflow: hidden;}
.aboutBox .addrBg { position: absolute; z-index:2; left:0; top:0; width:50%; height:100%; background:rgba(66,133,244, .95)}
.aboutBox .container { z-index: 3;}
.aboutBox h3 { font-size: 48px; font-weight: bold;}
.aboutBox p.addr { margin: 60px 0; padding-top:60px; position: relative; font-size: 16px; line-height: 2.2;}
.aboutBox p.addr span { margin-left:60px; }
.aboutBox p:before { content: ""; position: absolute; left:0; top:0; width:30px; border-top:1px solid #FFF;}
.aboutBox p span { margin-right:25px; }
.bMap { position: absolute; z-index:1; left:0; right:0; top:0; bottom:0; height: 800px; background: #fff; background: url(../images/bMap.jpg) center no-repeat; background-size:cover;}

.about #item8 .bottom { margin:90px auto;}
.about #item8 .bottom .items:after { display: none;}
.about #item8 .bottom .items h3 { color: #333; font-size: 56px; padding-left: 20px;}
.about #item8 .bottom .items h3 sup { position: relative; top:2px; font-size: 28px; margin-left:10px;}
.about #item8 .bottom .items p { font-size: 16px; color:#adadad;}

.caseBanner { height: 500px; background: url(../images/caseBanner.jpg) center no-repeat;}

.caseList { padding-top:80px;}
.caseList li { width:325px; height:450px; float:left; box-sizing: border-box; padding:60px 50px; text-align: center; border:1px solid #f8f8f8; margin:0 30px 30px 0;}
.caseList li:hover { background:#f8f8f8;}
.caseList li:nth-child(4n) { margin-right:0;}
.caseList li .imgBox { width: 145px; height: 145px; margin:0 auto; border-radius: 50%; overflow: hidden;}
.caseList li .imgBox img { display: block; width:100%; height:100%;}
.caseList li h3 { position: relative; color: #1d202c; font-size: 24px; font-weight: bold; padding:30px 0 15px;}
.caseList li h3:after { content: ""; position: absolute; left:50%; bottom:0; margin-left:-12px; width:24px; border-bottom: 3px solid #1d202c;}
.caseList li p { font-size: 16px; color:#a9a9a9; margin-top:10px;}