﻿/*banner效果*/
.banner { position:relative; width:100%; height:709px; min-width:1100px; overflow:hidden;}
.banner_list{ width:100%; height:709px; overflow:hidden;}
.banner_list li { height:550px; position:absolute; width:100%; display:none; }
.banner_list li img{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:709px;}
.banner_btn_o a{ display:none; position:absolute; top:50%; margin-top:-42px; z-index:20; width:34px; height:64px;}
.banner_prev{ background:url(../Images/banner_lac.png) no-repeat; left:2%;}
.banner_next{ background:url(../Images/banner_rac.png) no-repeat; right:2%;}
.banner_prev:hover{ background:url(../Images/banner_lho.png) no-repeat;}
.banner_next:hover{ background:url(../Images/banner_rho.png) no-repeat;}
.banner_owd{ position:absolute; width:100%; height:22px; bottom:20px; z-index:200; text-align:center;}
.banner_btn{ width:100%; height:10px;}
.banner_btn span{ display:inline-block; background:url(../Images/banner_ac.png) no-repeat; width:9px; height:9px; margin:0 2px; cursor:pointer;  transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}
.banner_btn span.on{ background:url(../Images/banner_ho.png) no-repeat; width:18px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}
.close{ background:url(../images/hide.png) no-repeat; width:30px; height:15px; position:absolute; left:50%; top:20px; padding:0 10px;}
.close:hover{ background-position:0px -15px;}
/*news-move*/
.news{ position:absolute; left:50%; margin-left:-550px; bottom:20px; z-index:300; width:1100px; height:45px;}
.news_l{ position:relative; width:960px; height:45px;}
.news_hot{ background:url(../Images/ind_newmyy.png) repeat; position:relative; width:944px; height:45px; padding-left:16px;}
.news_r{ background:url(../Images/ind_newmyy.png) repeat; width:136px; height:39px; padding-top:6px;}
.news_hName{ color:#192D50; font-size:14px; width:auto; height:45px; line-height:45px; background:url(../Images/ind_newicon.png) no-repeat left; padding-left:30px; margin-right:6px; display:inline;}
.news_hMove{ width:396px; height:45px; line-height:45px; overflow:hidden;}
.news_hMlist li{ height:45px;}
.news_hMlist li a{ display:block; height:45px;}
.news_hMlist li a span{ display:inline-block; height:45px;}
.news_hMname{ font-size:13px; width:310px; height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_hMtime{ color:#888;}
.news_r a{ display:block; background-color:#018829; color:#FFF; font-size:15px; width:100px; height:32px; line-height:32px; margin:0 auto; padding-left:16px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.news_r a span{ background:url(../Images/jt_zyicon.png) no-repeat left; padding-left:20px;}
.news_Mtk{ position:absolute; bottom:0; left:0; z-index:300; background:url(../Images/ind_newmyy.png) repeat; width:960px; height:0;}
.news_Mtkbox{ width:912px; height:260px; padding:16px 18px 0 30px;}
.news_Mtkl{ width:444px;}
.news_Mtkr{ width:414px;}
.news_Mtname{ background:url(../Images/ind_newicon.png) no-repeat left; padding-left:30px; color:#192D50; font-size:18px;}
.news_Mtlist{ padding-top:6px; height:180px; overflow:hidden;}
.news_Mtlist li{ height:35px; line-height:35px; border-bottom:1px dotted #888;}
.news_Mtlist li a{ display:block; height:35px; padding-left:6px;}
.news_Mtitle{ display:inline-block; background:url(../Images/ind_newmac.png) no-repeat left; padding-left:22px; font-size:13px; width:334px; height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_Mrmore{ height:23px; padding:4px 0 20px;}
.news_Mrmore  a{ display:inline-block; color:#192D50; width:auto; height:21px; line-height:21px; padding:0 10px; border:1px solid #192D50; 
border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;}
.news_Mrmore a span{ background:url(../Images/nore_icon.png) no-repeat right; padding-right:16px;}
.news_Mrshow{ height:162px;}
.new_Mrsimg{ width:272px; height:162px;}
.new_Mrfor{ width:130px;}
.new_Mrfname a{ display:block; color:#192D50; font-size:18px; margin-bottom:22px;}
.new_Mrfmore a{ color:#c0a354; font-size:14px;}

/*warp-c*/
.warp_c{ height:auto; overflow:hidden; padding:40px 0 90px;}
/*three-good*/
.three_good{ overflow:hidden; padding:0 52px;width:996px; margin-top:15px; position:relative;}
.three_good .prev, .three_good .next{ display:block;width:37px; height:71px; position:absolute; top:50%; margin-top:-38px; cursor:pointer;}
.three_good .prev{ left:0px;background:url(../images/p-btn.png) left center no-repeat}
.three_good .prev:hover{background: url(../images/p-btnh.png) left center no-repeat}
.three_good .next{ right:0px;background:url(../images/p-btn.png) right center no-repeat}
.three_good .next:hover{background:url(../images/p-btnh.png) right center no-repeat}


.three_good ul{}
.three_good li{ float:left; width:320px; margin-right:18px; display:inline; background:#018829;}
.libg1,.libg4,.libg7,.libg11{background:#DF0024;}
.libg2,.libg5,.libg8,.libg12{background:#0669B2;}
.libg3,.libg6,.libg9,.libg13{background:#FFA500;}
.three_gdimg{ width:320px; height:260px; overflow:hidden;background:#fff;}
.three_gdimg img{width:100%; height:100%; transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s;}
.three_gdimg:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.three_gdName{ padding:10px 0; text-align:center;}
.three_gdName a{ display:block; color:#FFF; font-size:20px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.three_gdTro{ font-size:14px; color:#FFF;padding:12px 19px 0 19px; height:72px; overflow:hidden; text-align:center;}

/*num*/
.jt_num{ height:262px; margin-bottom:38px; position:relative; padding-top:36px;}
.jt_num .prev, .jt_num .next{ display:block;width:40px; height:35px; position:absolute; top:0; cursor:pointer;}
.jt_num .prev{ right:45px;background:url(../images/left01.jpg) left center no-repeat}
.jt_num .prev:hover{background: url(../images/left02.jpg) left center no-repeat}
.jt_num .next{ right:0px;background:url(../images/right01.jpg) right center no-repeat}
.jt_num .next:hover{background:url(../images/right02.jpg) right center no-repeat}

.jt_numList{ height:250px;}
.jt_numList li{ float:left; background-color:#f7f7f7; width:218px;padding-top:10px; border-right:2px solid #FFF;}
.jt_numImg{ position:relative; width:180px; height:180px; margin:0 auto;}
.jt_numImg img{ position:absolute;}
.brand_img{ left:0; width:180px; height:180px;}
.brand_shimg{ display:none; top:0; left:52px; width:0;height:180px; cursor:pointer;overflow:hidden;}
.jt_numList li h3{ color:#333; font-size:13px;height:48px; line-height:24px; text-align:center;}
.jt_numList li p{ color:#888; line-height:20px; height:60px; overflow:hidden; padding:12px 22px 0 22px; text-align:center;}

/*media*/
.media{ position:relative; width:1100px; height:450px; cursor:pointer;}
.media_img{ width:1100px; height:450px; overflow:hidden;}
.media_icon{ position:absolute; top:200px; left:50%; margin-left:-39px; z-index:20; width:78px; height:78px; cursor:pointer;}
.media_tk{ display:none; position:absolute; top:0; left:0; width:1100px; height:450px; z-index:200;}


/*Ê×Ò³±êÌâ*/
.indextitle{ width:100%; padding:18px 0; font-size:18px; text-align:center;}
.indextitle h1{line-height:65px; color:#192D50; font-size:40px; font-weight:bold; letter-spacing:1.1px; margin-top:10px;}
.indextitle h1 strong{font-size:56px;}
.indextitle h2{line-height:45px; font-size:30px;font-weight:bold; color:#FFA500}
.indextitle h3{ font-size:24px; margin-bottom:6px; color:#192D50; line-height:30px; letter-spacing:2px;}
.indextitle em{ width:100px; border-bottom:2px solid #FFA500; display:block; margin:0 auto 8px;}
.indextitle p{ border-bottom:1px solid #CCC; margin-bottom:-1px; margin-top:5px;}
.indextitle .indexaa{ color:#666; text-align:center; width:1200px; margin:0 auto;  padding-top:10px;}
.indextitle .indexaa .title_da{ border:none; color:#192D50; padding:0}
.indextitle .indexaa a{ display: inline-block; border:1px solid #000; color:#000; padding:5px 15px;font-size:16px; border-radius:15px; margin-bottom:10px; margin-right:25px;}
.indextitle .indexaa a:hover{ color:#fff; background-color:#192D50; border:1px solid #192D50;}
/*Ê×Ò³±êÌâ*/





/* 解决方案 */
/*how-shop*/
.fl{ float:left;}

.fr{ float:right;}

.show{ display:block;}

.hide{ display:none;}

.cl{ clear:both;}
.how_shop{ height:auto; overflow:hidden;}
.how_shShbox{ clear:both;height:220px; background-color:#ededed;}
.how_shShbox1{ padding-right:20px;}
.how_shShbox2{ padding-left:20px; margin-top:20px;}
.how_shImg,.how_shImg a{ width:520px; height:220px;}
.how_shImg a img{display:block; width:100%; height:100%;}
.how_shImg a{ display:block; position:relative;}
.how_shR{ width:540px;}
.how_shIcon{ display:block; position:absolute; top:90px; z-index:20; width:15px; height:30px;}
.how_shIcon1{ background:url(../images/how_shopAc1.png) no-repeat; right:0;}
.how_shIcon2{ background:url(../images/how_shopAc2.png) no-repeat; left:0;}
.how_shRtitle{ height:50px; line-height:50px; padding-top:6px; border-bottom:1px solid #ebebeb;} 
.how_shRtitle a{ font-size:24px;}
.how_shRintro{ font-size:15px; line-height:30px; height:90px; overflow:hidden; margin-bottom:10px; padding-top:16px;}
.how_shRmore a{ display:block; background:url(../images/how_shMbd.png) no-repeat; color:#999; font-size:14px; width:105px; height:33px; line-height:33px; text-align:center;}
.how_shRmore a:hover{ background:url(../images/how_shMbdho.png) no-repeat; color:#f3b548;}
.how_shShbox2 .how_shRtitle,.how_shShbox2 .how_shRintro{ text-align:right;}
.how_shShbox2 .how_shRmore{ float:right;}

.how_shop .how_shShbox:hover{ background-color:#D7D5D5;}

/* 解决方案 */


.indexpuct .imgst{ text-align: center;width: 120px; margin:auto ; margin-top: 5px; margin-bottom: 20px; height: 4px; background: #018829;}
.indexpuct .imgst img{max-width: 100%;}

.aboutsy{width: 100%; overflow: hidden; margin-top: 40px; margin-bottom: 20px;}
.aboutsy .imgs{width:415px; overflow:hidden; float: left;}
.aboutsy .texts p{ font-size:20px; line-height:28px; text-align:justify; width:100%;float:left; text-indent: 25px;font-size: 16px;}
.aboutsy .texts p:hover{color: #484848;}
.aboutsy .texts{width:735px;float:right; overflow: hidden;}
.aboutsy .texts .memon{width: 150px; height: 48px; float:left;line-height: 48px; border-radius: 24px; 
color: #000; font-size: 18px; text-align: left; margin-top: 10px;}

.aboutsy .texts:hover .memon{ color: #018829;}



.imgut{width: 100%; }
.imgut img{width: 100%;}

.indexOne li .bg {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #161A1D;opacity: 0.9; }

.indexOne li .bg:hover{background: #018829;opacity: 0.9; }



.indexOne{margin: 2px 0;overflow: hidden;width: 100%;height: 280px;position: relative;}
.indexOne ul{position: relative;}
.indexOne li{float: left;width:16.666%;position: relative;height: 280px;overflow: hidden;}
.indexOne li p img{display: block;height: 280px;position: relative; left: 50%;margin-left:-160px;-webkit-transition: all .3s linear 0s;transition: all .3s linear 0s; overflow: hidden;   }

.indexOne li p img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.indexOne li .lunnr{position: absolute;top: 43px;left: 0; right:0 ; width: 100%; text-align: center;}
.indexOne li .lunnr h4{display: block;font-size: 20px;color: #fff;font-weight: bold;/*background: url(../images/iconindex1.png) no-repeat right center;*/margin-top: 16px;text-align: center;}
.indexOne li:hover .lunnr h4{/*background: url(../images/iconindex2.png) no-repeat right center;*/color: #fff; }
.ulwrap { width: 100%; overflow: hidden; position: relative; z-index: 3; }
.indexOne .prev{background: url(../images/btnl.png) no-repeat;width: 56px;height: 56px;display: block;position: absolute;left: 0;top: 110px;display: block;z-index: 100;}
.indexOne .next{background: url(../images/btnr.png) no-repeat;width: 56px;height: 56px;display: block;position: absolute;right: 0;top: 110px;display: block;z-index: 100;}
.indexOne .prev:hover{background: url(../images/btnl_h.png) no-repeat;}
.indexOne .next:hover{background: url(../images/btnr_h.png) no-repeat;}



/*五大优势*/
.indexwdys{width: 100%;overflow: hidden;background: no-repeat center center;background-size: cover;padding: 116px 0 136px;margin-top: 40px;
background: url(../images/indadv_01.jpg);}
.indexwdys .textus{font-size: 35px;line-height: 40px;color: #fff;text-align: center;}
.indexwdys .imgst { text-align: center;width: 120px; margin:auto ; margin-top: 15px; margin-bottom:0px; height: 4px; background: #018829;}


.indexwdys ul{overflow: hidden;width: 1200px; margin: auto; overflow: hidden; position: relative;}
.indexwdys ul li{width: 224px;float: left;margin-right: 20px;margin-top: 26px;}
.indexwdys ul li:nth-child(5n){margin-right: 0;}
.indexwdys ul .item-inner{border: solid 1px #b2b2b2;padding: 40px 10px 20px;text-align: center;}
.indexwdys ul .item-inner:hover{border: solid 1px #E63D00; opacity: 0.8;}
.indexwdys ul .icon{max-width: 100%;height: 74px;display: block;margin: 0 auto;}
.indexwdys ul .tit{max-width: 100%;overflow: hidden;display: inline-block;vertical-align: top;font-size: 18px;line-height: 1.56em;color: #fff;padding-bottom: 14px;border-bottom: solid 2px #e6e6e6;margin-top: 26px;}
.indexwdys ul .tit span{width: 100%;height: 1.56em;display: block;overflow: hidden;}
.indexwdys ul .doc{height: 120px;overflow: hidden;font-size: 14px;line-height: 20px;color: #cccccc;margin-top: 26px;text-align: left; text-align: justify;}
.indexwdys ul .tel{height: 60px;font-size: 32px;line-height: 1em;color: #fff;margin-top: 26px;}


/*五大优势*/

/*服务热线*/
.iedexggt{  width: 100%;overflow: hidden;position: relative;margin-top: 40px;text-align: center;}
.iedexggt img{max-width: 100%; text-align: center;}

.indexfwrx{  width: 100%;overflow: hidden;position: relative;background: no-repeat center center;background-size: cover;padding: 95px 0;background: url(../images/indtel2_bg.jpg); margin-top: 40px;}
.global-inner{width: 1200px;display: block;margin: 0 auto;position: relative;z-index: 10;text-align: center; color: #fff;}
.indexfwrx h5{display: block;font-size: 50px;line-height: 1em;width: 100%;}
.indexfwrx .tel{font-size: 32px;line-height: 50px;margin-top: 30px;width: 100%;}
.indexfwrx .tel span{font-size: 50px;}
/*服务热线*/


/*新闻*/

.indnews{width: 100%;overflow: hidden;margin-top: 40px;background: #fff; position: relative; margin-bottom: 50px;}
.indnews .itxtx{font-size: 35px;line-height: 40px;color: #333;text-align: center;}
.indnews .imgst{ text-align: center;width: 120px; margin:auto ; margin-top: 5px; margin-bottom:20px; height: 4px; background: #018829;}
.indnews .imgst img{max-width: 100%;}


.indnews ul{zoom: 1;margin-top: 50px;} 
.indnews ul li{width: 376px; margin-right: 35px; float: left;  background-color: #eee; height: 314px;}
.indnews ul li:hover{background-color: #3C3E3D}
.indnews ul li:nth-child(3n){margin-right: 0;}
.indnews ul li .item-inner{padding: 100px 35px 60px;position: relative;}

.indnews ul li .itetit{font-size: 16px;line-height: 28px;color: #040000;height: 28px;overflow: hidden;margin: 10px 0;}
.indnews ul li:hover .item-inner .itetit{color: #fff;}

.indnews ul li .itcontent{font-size: 14px;line-height: 24px;color: #040000;overflow: hidden;margin: 10px 0;}
.indnews ul li:hover .item-inner .itcontent{color: #fff;}

.indnews ul li .item-inner .date { color: #cccccc; position: absolute; left: 35px; top: -20px; text-align: center; background-color: #3C3E3D; padding: 10px 5px;}
.indnews ul li:hover .item-inner .date{background-color: #018829}
.indnews ul li .item-inner .date em { display: block; font-size:40px; line-height: 34px; padding-bottom: 5px; border-bottom: 1px solid #cccccc;}
.indnews ul li .item-inner .date .time { font-size:  18px; display: block; float: left; vertical-align: middle; }








/*新闻*/






.indexpuct{width:100%; overflow: hidden; margin-top: 70px; position: relative;}
.indexpuct .textus{font-size: 35px;line-height: 40px;color: #333;text-align: center;}
.indexpuct ul{width:1200px;margin: auto; overflow: hidden;margin-top: 30px;}
.indexpuct ul li{width:376px;background:#3C3E3D;margin-right:35px;float: left;}
.indexpuct ul li:nth-child(3n){margin-right: 0;}
.indexpuct ul li a{display:block;}
.indexpuct ul li a img{width:376px;height:auto;display:block;}
.indexpuct ul li a p{height:70px;font-size:20px;line-height:70px;text-align:center; color: #fff;}
.indexpuct ul li a:hover p{background:#018829;color:#fff;}







/*产品展示*/

.world_header { display: block; position: relative;margin-bottom: 10px; height: 100px; }
.world_header dl{text-align: center;}
.world_header dl dd{width: 23%; font-size: 18px;height: 50px;line-height: 50px; background: #3C3E3D;display: inline-block; text-align: center;
    cursor: pointer; margin-top: 0; color: #fff; margin-right: 10px; margin-bottom:15px;}

.world_header dl dd:nth-child(9n) {border-right:none ; margin-right: 0;}
.world_header dd.active { background: #018829; color: #fff; }
.world_header dd.active { color: #fff; }
.world_header dd:hover{ background: #018829;  }


.pictuh{   width: 1200px;margin: auto;overflow: hidden;position: relative; margin-top: 50px;}
.pictuh .teing{font-size: 35px;line-height: 40px;color: #333;text-align: center;}
.pictuh .imgst{ text-align: center;width: 120px; margin:auto ; margin-top: 5px; margin-bottom: 20px; height: 4px; background: #018829;}
.pictuh .imgst img{max-width: 100%;}

.pipart { padding: 30px 0 30px; position:relative; overflow: hidden;}
.pipart ul{zoom: 1;}
.pipart li { width:281px; float: left; margin-right:25px; }
.pipart li:nth-child(4n){margin-right: 0;}
.pipart li p { line-height: 38px; text-align: center; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pipart li:hover{color:#018829;}
.pipart li:hover p{color:#018829;}
.pipart .figure{width:279px;overflow:hidden; border: solid 1px #b2b2b2}
.pipart img { width: 279px; display:block;transition:all .5s linear;-webkit-transition:all .5s linear;}
.pipart a:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.pipart li.last { margin: 0; }
.pipart { display: none; }
.pipart.active { display: block; }


/*产品展示*/


/*成功案例*/

.case_cont .txtni{width: 250px; float: left; }
.case_cont .txtni .teing{font-size: 35px;line-height: 40px;color: #333;text-align: left;}
.case_cont .txtni .imgst{ width: 120px; float: left; margin-top: 5px; margin-bottom:20px; height: 4px; background: #018829;}

.case_cont .nidting{width: 580px; margin-left: 50px; float: right;}
.case_cont .nidting .txten{text-align: right;line-height: 40px; height: 40px; margin-left: 30px; font-size: 18px; }

.case_cont{width:100%; overflow: hidden; margin-top: 55px; position: relative;}
.case_cont ul{zoom:1 ; margin: auto;}
.case_cont ul li{width:376px; float:left; position:relative;margin-right:35px; margin-bottom:30px;}
.case_cont ul li:nth-child(3n){margin-right:0px;}
.case_cont ul li .img{width: 376px; height: 376px; overflow: hidden;}
.case_cont ul li .img img{display:block; max-width:100%;transition: all 1s;overflow: hidden;}
.case_cont ul li .img:hover img{transform:scale(1.2);}
.case_cont ul li .tdnri{ height:78px; overflow: hidden; padding-left: 10px;  padding-right:50px ;background: #3C3E3D url(../images/yin_ico07.png) no-repeat right }
.case_cont ul li .tdnri:hover{ background-color: #018829;}
.case_cont ul li .tdnri h3{margin-top: 18px; font-size: 18px;color: #fff;}
.case_cont ul li .tdnri h4{ font-size: 15px;color: #fff;}
/*成功案例*/




/*首页系统*/
.sys_case{width:100%; margin-top:50px; overflow: hidden;}
.sys_case .textus{font-size: 35px;line-height: 40px;color: #333;text-align: center;}
.sys_case .imgst{ text-align: center;width: 120px; margin:auto ; margin-top: 5px; margin-bottom: 20px; height: 4px; background: #018829;}
.sys_case .imgst img{max-width: 100%;}

.sys_case span{display:block;width:100%;height:120px;background:url(../images/sys_tl.png) no-repeat center center;margin-bottom:30px;}
.sys_case .case_ul{width:100%;overflow:hidden;margin-bottom:46px;position:relative;height:446px;}
.sys_case ul{width:3600px;position:absolute;/*left:-10px;*/top:0;transition:all 0.5s;}
.sys_case ul li{width:380px;height:446px;background:#3C3E3D;margin:0 10px;float: left;}
.sys_case ul li a{display:block;}
.sys_case ul li a img{width:380px;height:376px;display:block;}
.sys_case ul li a p{height:70px;font-size:20px;line-height:70px;text-align:center; color: #fff;}
.sys_case ul li a:hover p{background:#018829;color:#fff;}
.sys_case ol{display:block;width:120px;height:40px;margin:0 auto;cursor:pointer;}
.sys_case ol li{float: left;width:60px;height:40px;background:#018829 url(../images/sys_prev.png) no-repeat center center;  border-radius: 50px;}
.sys_case ol li.next{background:#018829 url(../images/sys_next.png) no-repeat center center;}
.sys_case ol li:hover{background-color:#018829!important;}

/*子站首页系统*/