@charset "utf-8";
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,del,em,font,img,strong,b,i,dl,dt,dd,ol,ul,li,form,label,table,tbody,thead,tr,th,td{margin: 0;padding: 0;}
body{line-height:1;font-family:'微软雅黑';}
:focus{outline: 0;}
table{border-collapse: collapse;border-spacing: 0;margin:0 auto;}
ul,ol{list-style:none}
a{ text-decoration:none}
img{border:none}
div{box-sizing:border-box}
i,em{ font-style:normal}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;cursor:pointer; line-height:1}
input,select{box-sizing: border-box;vertical-align:middle;font-family:'微软雅黑';outline:none}
/*--低版本IE =======================================*/
.ie{ background:#fff}
.ie div,.ie nav,.ie header,.ie section,.ie footer{ display:none;}
.ie_div{display:none;}
.ie .ie_div{ display:block;padding:20px}
.ie .ie_div h3,.ie .ie_div p{ padding:5px 0}
/*--低版本IE =======================================*/

body{ min-width:768px; max-width:1920px}

.clear{ clear:both; display:block; width:100%; height:0}
._blank1{ width:100%; height:5px}
._blank2{ width:100%; height:10px}
.content{ max-width:1200px; margin:auto;}

.row{ padding-bottom:2.7%}
.title{ padding:3.2% 0}
.title h2{ width:200px; height:50px; margin:auto; background-image:url(../images/title.png); background-repeat:no-repeat}
.title1 h2{ background-position:center 0}
.title2 h2{ background-position:center -50px}
.title3 h2{ background-position:center -100px}
.title4 h2{ background-position:center -150px}
.title5 h2{ background-position:center -200px}
.title6 h2{ background-position:center -250px}
.title7 h2{ background-position:center -300px}
.title8 h2{ background-position:center -350px}
.title9 h2{ background-position:center -400px}
.title10 h2{ background-position:center -450px}
.title11 h2{ background-position:center bottom}
/*页头*/
.logo{ float:left; padding:25px 0; width:44%; max-width:432px}
.logo img{ display:block; float:left;height:auto}
.logo img.logo1{ width:50%; max-width:217px}
.logo img.logo_txt{ width:40%; max-width:176px}
.logo i{ display:block; float:left; margin:22px 15px 0 15px; width:8px; height:8px; border-radius:180px; background:#333}

.header{ background:#fff; padding:0 20px}
.header .menu{ float:right}
.header .menu ul {}
.header .menu ul a{ display:block; color:#333; cursor:pointer}
.header .menu ul li{ float:right; position:relative}
.header .menu ul li:hover > a{background:#eee}
.header .menu ul li > a{line-height:100px; padding:0 35px}
.header .menu ul li span{ display:none; width:100%; position:absolute; background:#e0b338}
.header .menu ul li span a{ color:#fff; line-height:50px; text-align:center; border-top:1px solid #fff}
.header .menu ul li span a:hover{background:#eec147}
.header .menu ul li:hover span{ display:block}
.header .menu ul li.current a{ color:#fff; background:#eec147}

/*banner*/
.banner{ background-size:cover; background-position:center; background-repeat:no-repeat}

.banner_1{ height:560px; padding:1px 20px}
.banner_1 .content{ margin:155px  auto; padding:0 30px; border-left:8px solid #fff}
.banner_1 h2{ color:#fff; font-weight:normal; font-size:40px}
.banner_1 h2 b{ color:#f6d953;}

.banner_2,.banner_3{ height:285px; padding:1px 0; text-align:center}
.banner_2 h2{ font-weight:normal;color:#fff; font-size:30px; margin:125px auto 10px auto}
.banner_3 span{ display:inline-block; margin-right:3%; position:relative; top:-70px}
.banner_3 h2{ font-weight:normal; font-family:'黑体'; font-size:30px;margin-bottom:20px}
.banner_3 img{margin-top:25px; margin-left:3%}

/*产品定位*/
.productPosition{}
.productPosition p{ clear:both; line-height:1.8; color:#666; font-size:16px}
.productPosition .content{ padding:0 85px}
.productPosition .left{ width:60%;float:left; margin:30px 0 10px 0}
.productPosition .right{ width:40%;float:left;margin:30px 0 10px 0}
.productPosition .left img{ max-width:80%; height:auto; margin:0 0 0 6%}
.productPosition .right h3{ line-height:1.8; margin:10px 0; color:#333}


/*轮播图通用*/
.swiper-container {margin:0 auto;position:relative;z-index:1; overflow:hidden;}
.swiper-wrapper {margin: 0 auto;position:relative;width:100%; height:100%;box-sizing: content-box;}
.swiper-slide {float: left;box-sizing: content-box;}
.swiper-slide,.swiper-wrapper{ height:auto !important}

/*解决方案*/
.solution{ background:url(../images/slideBg.jpg) no-repeat center; background-size:cover;}
:root .solution .slide1{ padding:2% 0;}
.solution .swiper-slide .pic{ width:75%; margin:auto; color:#fff; background:#b5b5b5; padding:3.5%; position:relative; transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;}
.solution .swiper-slide .shade{ display:block; content:''; width:100%; height:100%; position:absolute;top:0; left:0; z-index:3; background:#000; opacity:0.4; filter:alpha(opacity=40);transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;}
.solution .swiper-slide .pic p{ line-height:3; max-width:92%; margin:auto; font-size:14px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;position:relative; z-index:0}
.solution .swiper-slide img{ width:100%; height:auto; position:relative; z-index:0;display:block;}
.solution .swiper-slide.swiper-slide-active .pic{background:#fcb963;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.solution .swiper-slide.swiper-slide-active .shade{opacity:0; filter:alpha(opacity=0);}
.solution .nxtPrv{ width:33%;margin:-55px auto 0 auto;position: absolute;left: 0;right: 0;top:50%;}
:root .solution .nxtPrv{ width:38%;}
.solution .nxtPrv > div{ width:42px; height:110px;position:relative;background:rgba(255,255,255,0.3);}
.solution .nxtPrv:after{ content:''; clear:both; display:block}
.solution .nxtPrv > div:after{ display:block; content:''; width:20px; height:36px; background-image:url(../images/arrow.png); position: absolute; margin:auto; top:0;left:0; right:0; bottom:0;}
.solution .nxtPrv > div:hover{background:rgba(255,255,255,0.5);}
.solution .nxtPrv .prv{ float:left}
.solution .nxtPrv .next{ float:right}
.solution .nxtPrv .prv:after{ background-position:top left}
.solution .nxtPrv .next:after{ background-position:top right}
.solution .more{ text-align:center; margin-top:2.7%}
.solution .more a{ display:block; width:200px; margin:auto; line-height:50px; background:#71abe1; color:#fff}

.solutionList{background:url(../images/solutionBg.jpg) no-repeat center; background-size:cover;}
.solutionList > p{ text-align:center; color:#ddd}
ul.list3{ max-width:1200px; margin:auto; padding:20px 20px 145px 20px}
ul.list3 li{ width:33.3%; float: left}
ul.list3 li .pic{ margin:12.5% 10px; position:relative; transition:all 0.2s;}
ul.list3 li .pic img{ width:100%; height:auto; display:block; margin:auto; position:relative; z-index:9}
ul.list3 li .pic.t1{top:65px}
ul.list3 li .pic.t2{top:195px}
ul.list3 li .pic:before{ content:''; display:block; width:100%; position:absolute; top:10%; bottom:0; z-index:3;box-shadow:0px 10px 40px -5px rgba(40,43,55,0.7);}
ul.list3 li .pic:hover{ transform:scale(1.05);}

/*系统组成*/
.system{}
.system .content{padding:0 120px}
.system p{line-height:1.8;color:#666; font-size:16px; text-align:justify;}
.system img{ width:85%; max-width:780px; margin:10px auto; display: block}

/*页脚*/
.footer{ background:url(../images/bottomBg.jpg) center no-repeat; background-size:cover; padding:0 20px}
.footer .content{ padding:5.4% 0 4.4% 0}
.footer p{ clear:both; color:#bebebe}
.footer .left{width:50%; float:left}
.footer .right{width:50%; float:left;text-align: right;padding: 6% 0 0 0;}
.footer .left img{ margin-bottom:2.5%}
.footer .left p{ line-height:1.8; font-size:14px; max-width:520px; text-align:justify}
.footer .menu{ clear:both;color:#bebebe; text-align:center; padding:7.5% 0 2.5% 0;}
.footer .menu a{ color:#bebebe}
.footer .menu i{ margin:0 10px}
.copyright p{ text-align:center}
.copyright p i{ margin-left:30px}


/*********/
/*********/
/*加入我们*/
.jion{}
.jion.row{padding:0}
.jion .ewmRow{width:80%;max-width:505px; margin:auto; position:relative}
.jion .ewmRow img{display:block}
.jion .phone{width:100%; height:auto; position:relative; z-index:0}
.jion .ewm{width:40%;max-width:200px; height:auto; position:absolute; margin:auto; top:37%; left:0; right:0; z-index:3}

.technology{}
.technology p{ text-align:center; font-size:16px}
.technology .content > p{ margin-bottom:3%}
ul.list1 li{ width:33.3%; float:left;}
ul.list1 .pic{margin:4%; color:#333; background:#e5e5e5; padding:3.5% 3.5% 0 3.5%; transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;}
ul.list1 .pic p{line-height:2.6; max-width:92%; margin:auto;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.list1 img,ul.list2 img{display: block;width:100%; height:auto;}
ul.list1 .pic:hover{background:#fcb963;}


/*********/
/*********/
/*关于我们*/
.companyInfor{}
.companyInfor .content{ padding:0 20px}
.companyInfor .left{ width:30%; float:left}
.companyInfor .right{ width:70%; float:left}
.companyInfor .left .pic{ width:300px; height:300px; border-radius:180px; background-size:cover; background-position:center}
.companyInfor .right p{ margin:2% 0 3% 5%; line-height:1.7; color:#333; text-align:justify; text-indent:2em}

.companyPhoto{ background:url(../images/bg2.jpg) no-repeat center; background-size:cover; padding:2.5% 20px; text-align:center}
.companyPhoto .content .pic{width:100%;max-width:932px; margin:auto}
.companyPhoto .content img{ display:block;width:100%;height:auto; max-width:932px; margin:auto}

.technology{}
ul.list2{}
ul.list2 li{ float:left; width:25%; text-align:center}
ul.list2 li .pic{ margin:5%}
ul.list2 img{ display:block; margin:auto; box-shadow:0 0 15px 4px #eee}

.contact{padding-bottom:7.2%}
.contact div.left{ width:40%;height: 377px;float:left; background:#f9f9f9 url(../images/logo_3.png) no-repeat right bottom;padding: 1px 20px 0 20px;}
.contact div.left h2{ margin:52px 0}
.contact div.left p{line-height:1.8;color:#333;position: relative;padding-left: 120px;}
.contact div.left p span{ text-align:right; width:115px; display:block; position:absolute; left:0;}
.contact div.right{ width:60%;float:left}
.contact div.right .map{ width:90%; height:377px; margin-left:20px; background:#eee}


/*********/
/*********/
/*产品-服务器*/
.function{}
.function .content{max-width:1024px}
.function .left,
.function .right{ width:50%; float:left}
.function .right img{display:block; margin:16.5% auto}
.function .left li{ margin:12% 3% 0 3%; line-height:1.8; color:#888; font-size:14px}

.function2 p{ max-width:690px; margin:2% auto;line-height:1.8; color:#888; font-size:14px; padding:0 20px}
.function2 .pic{ text-align:center}

ul.tab:after{ content:''; clear:both; display:block}
ul.tab li{ float:left; width:10%; text-align:center; line-height:50px; white-space:nowrap; color:#333; background:#f0f0f0; cursor:default}
ul.tab li.current{ color:#fff; background:#eec147}
ul.tabCont {}
ul.tabCont li{ display:none; text-indent:2em}

.config{ background:#eec147}
.config .left{ width:40%; float:left}
.config .right{ width:60%; float:right}
.config .left{ padding:2%}
.config .left span{ display:block; width:94%; max-width:560px}
.config .left img{ width:100%; height:auto}
.config .right table{ color:#fff}
.config .right table td{ height:30px; vertical-align:middle; padding:0 10px; line-height:1.4}
.config .right table tr.br{ height:60px}

.config2{}
.config2 .left span{width:80%; max-width:486px}


/*地图样式*/
.amap-marker-label{ border-color:#ccc; padding:0; width:280px}
.address{}
.address h2{ font-size:14px; font-weight:normal; padding:8px; border-bottom:1px solid #ccc; background:#f9f9f9; position:relative}
.address h2 span.close{display: block;position: absolute;font-size: 18px;width: 30px;height: 100%;text-align: center;right: 0;top: 0;bottom: 0;line-height:28px;}
.address p{ position:relative; padding:0 0 0 132px; margin:4px 0; line-height:1.3;white-space:normal}
.address p span{ display:block; position: absolute; left:100px}
.address .pic{ float:left; margin:4px}
.address .pic img{ display:block;}
.address .corner{ display:block; position:absolute; bottom:-24px; left:32%}


@media screen and (max-width:1080px){
	.banner_1{ height:480px}
	.banner_1 .content{margin: 17% auto;}
	.banner_1 h2{ font-size:36px}
	.solution .swiper-slide .pic p{ font-size:12px;line-height:2.5}
	.config .right table td{ font-size:14px}
	:root .solution .nxtPrv{ width:40%;}

	.companyInfor .left .pic{ width:280px; height:280px}
	.companyInfor .right p{ font-size:14px;}
}
@media screen and (max-width:960px){
	.logo{ padding:5px 0; width:auto}
	.logo img.logo1{width:auto; max-width:150px}
	.logo img.logo_txt{width:auto; max-width:120px}
	.logo img{ float:none; margin:auto;}
	.logo i{ display:none}
	.header .menu ul li > a{line-height:80px; padding:0 25px}
	.banner_1{ height:360px}
	.banner_1 h2{ font-size:30px}
	.banner_2{ height:240px}    
	.banner_2 h2{margin:90px auto 10px auto;}
	.productPosition .content,.system .content{ padding:0 30px}
	.productPosition .right{ margin:15px 0 10px 0}
	.productPosition .right h3{ font-size:16px; white-space:nowrap}
	:root .solution .slide1{ padding:5% 0}
	.solution .swiper-slide .pic{ width:70%}
	.solution .swiper-slide.swiper-slide-active .pic{transform: scale(1.4);-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-o-transform: scale(1.4);-ms-transform: scale(1.4)}
	:root .solution .nxtPrv{ width:42%; margin-top:-45px}
	.solution .nxtPrv > div{ width:35px; height:90px;}
	.config .right table tr.br{height:40px;}
	.config .right table td{ height:25px;font-size:12px}
	
	.function .left{ width:60%}
	.function .right{width:40%}
	.function .left li{margin:8% 3% 0 3%;font-size:12px;}
	.function .right img {width:90%;height: auto;}
	
	.contact div.left p{padding-left:110px; font-size:14px}
	.contact div.left p span{ width:105px}
	
	.companyInfor .left .pic{ width:250px; height:250px}
	.companyInfor .right p{ font-size:13px; margin:0 0 3% 10%}
	
	.footer .content{ zoom:0.8;-moz-transform:scale(0.9)}
}