@charset "UTF-8";
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px;line-height: 28px;font-family: "microsoft yahei",'宋体','PingFang SC','Myriad Pro',"AvantGarde Bk BT","Arial",'Helvetica Neue', 'Helvetica', 'sans-serif';color: #666;}

ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}

a{color: #333333; text-decoration: none;}
a:hover{color: #30b7ef; text-decoration: none;}
a:visited{text-decoration: none;}

.icaseShow .icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}




/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}









/*******index css*******/
.index{overflow: hidden;}
.index .head_tit{position:relative;margin-bottom:20px;}
.index .head_tit .title{float:left;}
.index .head_tit .tit{font-size:24px;color:#333;line-height:24px;}
.index .head_tit .etit{margin-top:4px;font-size:12px;color:#000000;line-height:14px;text-transform:uppercase;}
.index .head_tit .more{padding-left:52px;margin-top:14px;float:right;font-size:14px;line-height:14px;background:url("../images/line1.png") no-repeat left center;color:#999;}
.index .head_tit .more:hover{color:#30b7ef;}
















/* banner */
#banner_main{z-index: 2;width: 100%;height: 600px;position: relative;overflow:visible;}
#banner_main .banner {width: 1920px;height: 600px;position: absolute;left: 50%;margin-left: -960px;overflow: visible;}
#banner{width:100%;min-width:1000px;position:relative;overflow:visible;z-index:0;}
#banner, .banner ul{max-height: 600px;overflow:visible;}
.banner li {width:100%;position:absolute;z-index:1;overflow:visible;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;min-width:1200px;}
#banner .tip {width:1200px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-600px;bottom:0px;z-index:13; }
#banner #tip {width:1200px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-600px;bottom:0px;z-index:13; }
#banner #tip #num{display:block;height:60px;font-size:36px;line-height:60px;text-align:center;color:#0362ab;text-indent:80px;}
#banner #tip .hd{position:absolute;bottom:0;right:0;width:261px;height:60px;z-index:12;}
#banner #btn_prev,#banner #btn_next{float:left;display:block;width:130px;height:60px;z-index:5;cursor: pointer;transition: all 600ms ease;}
#banner #btn_prev{background:url("../images/prev.png") no-repeat center center #30b7ef;border-right:1px solid #0362ab;}
#banner #btn_next{background:url("../images/next.png") no-repeat center center #30b7ef;}
#banner #btn_prev:hover{opacity:.9;filter:alpha(opacity=80);transition: all 600ms ease;background:url("../images/prev1.png") no-repeat center center #0362ab;}
#banner #btn_next:hover{opacity:.9;filter:alpha(opacity=80);transition: all 600ms ease;background:url("../images/next1.png") no-repeat center center #0362ab;}
#banner .flip{position:absolute;bottom:0;right:261px;width:320px;height:60px;background:url("../images/flip.png") no-repeat;z-index:12;}
/*banner end*/























/*解决方案*/
.solutions{padding-top:60px;}
.solutions .solute{position:relative;}
#solute .bd{float:left;width:838px;height:518px;}
#solute .bd .list li{position:relative;display:block;width:838px;height:518px;}
#solute .bd .list li .img{position:absolute;left:90px;display:block;width:706px;height:518px;z-index:2;} 
#solute .bd .list li .txt{position:absolute;top:86px;left:0;display:block;width:390px;height:360px;background:url("../images/txt_bg.png") no-repeat;z-index:3;}
#solute .bd .list li .txt .tit{margin-top:100px;margin-left:60px;font-size:18px;color:#333;line-height:20px;}
#solute .bd .list li .txt .cont{margin-top:20px;margin-left:60px;width:260px;font-size:14px;color:#666;line-height:24px;}
#solute .hd{float:right;width:354px;}
#solute .hd .list li{display:block;width:360px;height:162px;margin-bottom:12px;border:1px solid #ececec;cursor:pointer;}
#solute .hd .list li .txt{height:90px;margin-top:40px;margin-left:40px;padding-left:110px;}
#solute .hd .list li .txt .tit{padding-top:20px;font-size:18px;color: #666;line-height:20px;}
#solute .hd .list li .txt .etit{margin-top:8px;font-size:14px;color:#666;text-transform: uppercase;}
#solute .bd .list li:hover .txt .tit{color:#30b7ef;}
#solute .hd .list li.item1 .txt{background:url("../images/ico1.png") no-repeat;}
#solute .hd .list li.item2 .txt{background:url("../images/ico2.png") no-repeat;}
#solute .hd .list li.item3 .txt{background:url("../images/ico3.png") no-repeat;}
#solute .hd .list li.item1:hover .txt{background:url("../images/ico11.png") no-repeat;}
#solute .hd .list li.item2:hover .txt{background:url("../images/ico21.png") no-repeat;}
#solute .hd .list li.item3:hover .txt{background:url("../images/ico31.png") no-repeat;}
#solute .hd .list li.item1.on .txt{background:url("../images/ico11.png") no-repeat;}
#solute .hd .list li.item2.on .txt{background:url("../images/ico21.png") no-repeat;}
#solute .hd .list li.item3.on .txt{background:url("../images/ico31.png") no-repeat;}
#solute .hd .list li.on,#solute .hd .list li:hover{background-color:#30b7ef;transition:all ease 600ms;}
#solute .hd .list li.on .txt .tit,#solute .hd .list li.on .txt .etit{color: #666;}
#solute .hd .arrow{position:absolute;top:260px;left:388px;z-index:12;}
#solute .hd .arrow .next{display:block;width:38px;height:92px;background:url("../images/nnext.png") no-repeat;cursor:pointer;}


/*案例展示*/
.icaseShow{margin-top:60px;}
.icaseShow .icase{position:relative;height:70px;}
.icaseShow .menu1{position:absolute;top:0;right:136px;}
.icaseShow .menu1 a{float:left;display:block;padding: 0 15px;height:31px;margin-right:6px;font-size:14px;text-align:center;line-height:30px;color:#666;background: #fff;border-radius: 20px;}
.icaseShow .menu1 a.hover,.icaseShow .menu1 a:hover{color:#fff;background: #30b7ef;}
.caseMain{position:relative;width:100%;height:476px;background: url("../images/case_bg.png") no-repeat;background-size: 100% 476px;} 
.caseMain .bd{position:relative;width:100%;padding-top:60px;z-index:12;}
.caseMain .bd .list{width:106%;}
.caseMain .bd .list li{float:left;width:280px;height:356px;margin-right:26px;}
.caseMain .bd .list li .img{display:block;width:280px;height:210px;}
.caseMain .bd .list li .txt{width: 240px;height:146px;padding: 0 20px;background:#fff;transition:all ease 600ms;}
.caseMain .bd .list li .txt .tit{padding-top: 20px;font-size:16px;color: #666;line-height:30px;}
.caseMain .bd .list li .txt .cont{font-size:14px;color:#999;line-height:24px;}
.caseMain .bd .list li .txt .more{margin-top:12px;font-size:14px;color:#999;line-height:14px;}
.caseMain .bd .list li:hover .txt{background: #30b7ef;transition:all ease 600ms;}
.caseMain .bd .list li:hover .txt .tit,.caseMain .bd .list li:hover .txt .cont,.caseMain .bd .list li:hover .txt .more{color:#fff;}
.caseMain .bd .list li:hover .img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.caseMain .hd{position:absolute;top:224px;width:1200px;height:30px;}
.caseMain .hd .prev,.caseMain .hd .next{position:absolute;display:block;width:29px;height:29px;cursor:pointer;}
.caseMain .hd .prev{background-position:0 0;left:-6.6%;}
.caseMain .hd .next{background-position:-36px 0;right:-6.6%;}
.caseMain .hd .prev:hover{background-position:0 -40px;}
.caseMain .hd .next:hover{background-position:-36px -40px;}


/*关于我们*/
.aboutus{height:520px;}
.aboutus .about{padding-top:60px;}
.aboutus .aboutImg{position:absolute;width: 590px;height:396px;}
.aboutus .aboutImg .aboutBg{position:absolute;top:0;left:0;width:280px;height:396px;background:#30b7ef;z-index:2;}
.aboutus .aboutImg .aImg{position:relative;z-index:3;}
.aboutus .aboutImg .aImg .img{margin-left:30px;width: 560px;height: 345px;}
.aboutus .aboutImg .aImg .tit{padding-left:18px;margin-left:30px;background:url("../images/triger.png") no-repeat left center;color:#fff;text-transform: uppercase;}
.aboutus .aboutCont{position:relative;float:right;width:506px;height:396px;}
.aboutus .aboutCont .about_tit{padding-top:60px;}
.aboutus .aboutCont .about_tit .cName{font-size:24px;color:#333;line-height:40px;}
.aboutus .aboutCont .about_tit .eName{margin-top:8px;font-size:12px;color:#999;line-height:12px;}
.aboutus .aboutCont .about_tit .line{width:140px;height:1px;margin-top:20px;background-color:#9ad9f3;margin-left:-90px;}
.aboutus .aboutCont .cont{margin-top:30px;font-size:14px;line-height:26px;color:#666;}
.aboutus .aboutCont .line1{position:absolute;bottom:0;right:0;width:30px;height:3px;background-color:#30b7ef;}
.aboutus .aboutCont .more{position:absolute;top:0;right:0;padding-left:52px;font-size:14px;line-height:14px;background:url("../images/line1.png") no-repeat left center;color:#999;}
.aboutus .aboutCont .more:hover{color:#30b7ef;}


/*公司新闻*/
.companyNews{width:100%;height:594px;background:url("../images/news_bg.png") no-repeat;background-size:100% 594px;}
.companyNews .head_tit{padding-top:60px;}
.companyNews .head_tit .tit{color:#fff;}
.companyNews .head_tit .etit{color:#ffffff;font-size:25px;}
.companyNews .showNew{margin-top:20px;}
.companyNews .showNew .left{float:left;width:440px;}
.companyNews .showNew .rest{position:relative;width:440px;height:400px;}
.companyNews .showNew .rest .bd .list li{position:relative;width:440px;height:400px;}
.companyNews .showNew .rest .bd .list li img{display:block;width:440px;height:256px;}
.companyNews .showNew .rest .bd .list li .txt{width:440px;height:144px;background:#fff;transition:all ease 600ms;}
.companyNews .showNew .rest .bd .list li .txt .tit{padding-top:30px;margin-left:24px;font-size:16px;color: #666;text-align:left;line-height:30px;}
.companyNews .showNew .rest .bd .list li .txt .cont{width:386px;margin-top:8px;margin-left:24px;font-size:14px;color:#999;line-height:24px;color:#999;}
.companyNews .showNew .rest .bd .list li:hover img{-webkit-filter:brightness(105%);filter:brightness(105%);}
.companyNews .showNew .rest .bd .list li:hover .txt{background:#1484f4;transition:all ease 600ms;}
.companyNews .showNew .rest .bd .list li:hover .txt .tit{color:#fff;}
.companyNews .showNew .rest .bd .list li:hover .txt .cont{color:#fff;}
.companyNews .showNew .rest .hd{position:absolute;width:30%;bottom:12px;right:30px;}
.companyNews .showNew .rest .hd .iconList{float:right;}
.companyNews .showNew .rest .hd li{float: left; width: 10px; height: 10px;background-color:#d9d6d3;border-radius:100%;margin-right: 12px;font-size:0px;cursor: pointer;}
.companyNews .showNew .rest .hd li.on{background-color:#30b7ef;}
.companyNews .showNew .right{float:left;width:730px;margin-left:30px;}
.companyNews .showNew .right .showList{width:106%;}
.companyNews .showNew .right .showList .list li{position:relative;float:left;width:354px;height:190px;margin-bottom:20px;margin-right:20px;background:#fff;transition:all ease 600ms;cursor:pointer;}
.companyNews .showNew .right .showList .list li .time{float:left;width:60px;padding-top:70px;margin-left:16px;}
.companyNews .showNew .right .showList .list li .time .day{font-size:42px;color:#f6b827;line-height:36px;}
.companyNews .showNew .right .showList .list li .time .year{margin-top:6px;font-size:12px;color:#666;line-height:14px;text-indent:3px;}
.companyNews .showNew .right .showList .list li .txt{float:left;width:250px;margin-left:12px;}
.companyNews .showNew .right .showList .list li .txt .tit{padding-top:40px;font-size:16px;color: #666;text-align:left;line-height:25px;}
.companyNews .showNew .right .showList .list li .txt .cont{font-size:14px;color:#999;line-height:24px;}
.companyNews .showNew .right .showList .list li:hover{background:#1484f4;transition:all ease 600ms;}
.companyNews .showNew .right .showList .list li:hover .time .day{color:#fff;}
.companyNews .showNew .right .showList .list li:hover .txt .tit{color:#fff;}
.companyNews .showNew .right .showList .list li:hover .txt .cont{color:#fff;}



/*内页样式*/
/***********category css*************/
.nyIcon{background: url(../images/nyicon.png) no-repeat; display: inline-block; vertical-align: middle;}