﻿/*banner效果*/
.banner { position:relative; width:100%; height:865px; min-width:1100px; overflow:hidden;}
.banner_list{ width:100%; height:865px; overflow:hidden;}
.banner_list li { height:865px; position:absolute; width:100%; display:none; }
.banner_list li img{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:865px;}
.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:75px; 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:#104787; 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:#104787;}
.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;}

/* 解决方案 */




.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:635px;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: #104787;}



.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: #104787;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 ul{overflow: hidden;width: 1100px; margin: auto; overflow: hidden; position: relative;}
.indexwdys ul li{width: 204px;float: left;margin-right: 20px;margin-top: 96px;}
.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;}
.indnews .itxtx{font-size: 35px;line-height: 40px;color: #333;text-align: center;}
.indnews ul{overflow: hidden;zoom: 1;margin-top: 30px;} 
.indnews ul li{width: 346px; margin-right: 30px; float: left; overflow: hidden;}
.indnews ul li:nth-child(3n){margin-right: 0;}
.indnews ul li .item-inner{width: 100%;overflow: hidden;position: relative;text-align: center;}
.indnews ul li .item-date{font-size: 16px;line-height: 24px;color: #999;padding-bottom: 12px;border-bottom: solid 1px #ddd;}
.indnews ul li .item-tit{font-size: 14px;line-height: 28px;color: #040000;height: 28px;overflow: hidden;margin: 10px 0;}
.indnews ul li .item-tit a{color: #040000;}
.indnews ul li .item-imgs{width: 100%;display: block;overflow: hidden;position: relative;}

.indnews ul li .item-imgs img{width: 100%;height: 280px;display: block;overflow: hidden;;-webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s;}
.indnews ul li .item-imgs:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}





.index_more {display: block;width: 160px;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;color: #104787;line-height: 40px;text-align: center;position: relative;font-family: arial;text-decoration: none; margin: auto; margin-top: 30px; margin-bottom: 30px;}
.index_more.m7 {margin: 0 7%;color: #fff;}
.index_more i {width: 14px;height: 14px;position: absolute;}
.index_more .index_more_line1 {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.index_more:hover .index_more_line1 {width: 100%;}
.index_more .index_more_line2 {-webkit-transition: all 0.3s ease-in-out 0.6s;-moz-transition: all 0.3s ease-in-out 0.6s;-ms-transition: all 0.3s ease-in-out 0.6s;-o-transition: all 0.3s ease-in-out 0.6s;transition: all 0.3s ease-in-out 0.6s;}
.index_more:hover .index_more_line2 {height: 100%;}
.index_more .index_more_line3 {-webkit-transition: all 0.3s ease-in-out 1.5s;-moz-transition: all 0.3s ease-in-out 1.5s;
-ms-transition: all 0.3s ease-in-out 1.5s;-o-transition: all 0.3s ease-in-out 1.5s;transition: all 0.3s ease-in-out 1.5s;}
.index_more:hover .index_more_line3 {height: 100%;}
.index_more .index_more_line4 {-webkit-transition: all 0.6s ease-in-out 0.9s;-moz-transition: all 0.6s ease-in-out 0.9s;-ms-transition: all 0.6s ease-in-out 0.9s;-o-transition: all 0.6s ease-in-out 0.9s;transition: all 0.6s ease-in-out 0.9s;}
.index_more:hover .index_more_line4 {width: 100%;}
.index_more i.index_more_line1 {top: 0;left: 0;border-top: 1px solid #104787;border-left: 1px solid #104787;}
.index_more i.index_more_line2 {top: 0;right: 0;border-top: 1px solid #104787;border-right: 1px solid #104787;}
.index_more i.index_more_line3 {bottom: 0;left: 0;border-bottom: 1px solid #104787;border-left: 1px solid #104787;}
.index_more i.index_more_line4 {bottom: 0;right: 0;border-bottom: 1px solid #104787;border-right: 1px solid #104787;}
.index_more.m7 i {border-color: #fff;}


/*新闻*/






.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:1100px;margin: auto; overflow: hidden;margin-top: 30px;}
.indexpuct ul li{width:346px;background:#eee;margin-right:30px;float: left;}
.indexpuct ul li:nth-child(3n){margin-right: 0;}
.indexpuct ul li a{display:block;}
.indexpuct ul li a img{width:346px;height:auto;display:block;}
.indexpuct ul li a p{height:70px;font-size:20px;line-height:70px;text-align:center;}
.indexpuct ul li a:hover p{background:#104787;color:#fff;}







