@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
/*banner*/ 
.g_banner{width:100%; position:relative; overflow:hidden;margin-top:11px;}
.g_banner img2{display:block; width:1920px; height:428px; position:absolute; left:50%; margin-left:-960px; top:0;}
.g_banner img{display:block; width:100%; top:0;}
.g_banner-active{position:absolute; top:175px; text-align:center; width:100%;}
.g_banner-active p{font-size:38px; color:#ff6600;}
.g_banner-active span{display:block; font-size:18px; color:#fff; text-transform:uppercase; margin-top:10px;}
.g_banner-active p:before{position:absolute; left:50%; margin-left:-230px; width:147px; background:url(../images/g_01.png) no-repeat left center; height:7px; top:18px; content:"";}
.g_banner-active p:after{position:absolute; right:50%; margin-right:-230px; width:147px; background:url(../images/g_02.png) no-repeat left center; height:7px; top:18px;content:"";}

.g_banner2{width:100%; height:226px; position:relative; overflow:hidden;margin-top:11px;}
.g_banner2 img{display:block; width:1920px; height:226px; position:absolute; left:50%; margin-left:-960px; top:0;}
.g_banner-active2{position:absolute; top:75px; text-align:center; width:100%;}
.g_banner-active2 p{font-size:30px; color:#fff;}
.g_banner-active2 span{display:block; font-size:18px; color:#fff; text-transform:uppercase; margin-top:10px;}
.g_banner-active2 p:before{position:absolute; left:50%; margin-left:-230px; width:147px; background:url(../images/g_01.png) no-repeat left center; height:7px; top:18px; content:"";}
.g_banner-active2 p:after{position:absolute; right:50%; margin-right:-230px; width:147px; background:url(../images/g_02.png) no-repeat left center; height:7px; top:18px;content:"";}


/*6.1行业资讯2- 详情*/
.g_main{width:100%;}
.g_main-container{max-width:1367px; margin:0 auto; padding-bottom:50px;}
.g_main-header{padding-top:58px; text-align:center; padding-bottom:38px; border-bottom:1px solid #ccc;}
.g_main-header p{font-size:18px; color:#333;}
.g_main-header span{display:block; font-size:12px; color:#333; margin-top:15px;}
.g_main-body{padding-top:35px; font-size:16px; color:#333; line-height:51px; width:1180px; margin:0 auto;}
.g_main-body img{display:block; max-width:100%; margin:30px auto 0;}
.g_flip{width:100%; margin-top:40px; text-align:center; height:32px; line-height:0;}
.g_flip a{display:inline-block; height:30px; border:1px solid #ccc; line-height:30px; text-align:center; font-size:14px; color:#333;}
.g_flip-left{width:50px; margin-right:25px; background:url(../images/g_03.png) no-repeat center;}
.g_flip-right{width:50px; margin-right:25px; background:url(../images/g_05.png) no-repeat center; margin-left:25px;}
.g_flip-middel{width:98px; position:relative; top:-11px;}
.g_flip-left:hover{background:url(../images/g_03.png) no-repeat center; border-color:#ff6600;}
.g_flip-right:hover{background:url(../images/g_05.png) no-repeat center; border-color:#ff6600;}
.g_flip-middel:hover{ border-color:#ff6600; color:#ff6600;}


/*6.0行业资讯2*/
.g_banner-animeta{width:100%; height:550px; position:relative; overflow:hidden;}
.g_banner-animeta ul{position:absolute; left:0; top:0; width:100%; height:100%; left:0; top:0;}
.g_banner-animeta ul li{float:left; width:100%; height:550px; overflow:hidden;}
.g_banner-animeta ul li img{display:block; width:1920px; height:550px; position:absolute; left:50%; margin-left:-960px; top:0;}
.g_banner-kz{width:100%; height:10px; line-height:0; position:absolute; z-index:700; bottom:34px; text-align:center;}
.g_banner-kz a{display:inline-block; width:10px; height:10px; border-radius:10px; background:#fff; margin:0 5px; opacity:0.4; filter:alpha(opacity=40); -moz-opacity:0.4;  -khtml-opacity:0.4;}
.g_banner-kz a.g_banner-dqys{opacity:1; filter:alpha(opacity=100); -moz-opacity:1;  -khtml-opacity:1;}
.g_news-list ul{overflow:hidden;}
.g_news-list ul li{float:left; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; height:190px; margin-bottom:49px; padding-right:30px; }
.g_news-list ul li div{padding-bottom:30px; border-bottom:1px solid #ccc;}
.g_news-list ul li:nth-child(2n){padding-right:0; padding-left:30px;}
.g_news-list ul li div>b{font-weight:normal; display:block; font-size:14px; color:#333;}
.g_news-list ul li p{margin-top:15px;}
.g_news-list ul li p a{font-size:18px; color:#333; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.g_news-list ul li span{display:block; font-size:15px; color:#666; line-height:28px; margin-top:20px;}
.g_news-list ul li div>a{display:block; position:relative; font-size:12px; color:#333; text-transform:uppercase; margin-top:20px; background:#fff; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.g_news-list ul li div>a b{display:inline-block; position:relative; height:9px; margin-left:10px; width:30px; overflow:hidden; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.g_news-list ul li div>a b img{display:block; position:absolute; right:0; top:0; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.g_news-list{padding-top:45px;}
.g_news-list ul li div>a b .g_hgh{opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;}
.g_news-list ul li:hover p a{color:#ff3300;}
.g_news-list ul li:hover div>a{color:#ed1b23;}
.g_news-list ul li:hover a b{width:80px;}
.g_news-list ul li:hover a b .g_hgh{opacity:1; filter:alpha(opacity=100); -moz-opacity:1;  -khtml-opacity:1;}
.g_news-list ul li:hover a b .g_hgq{opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;}
.g_news-flip{width:100%; text-align:center; height:32px; line-height:32px;margin-bottom:68px;}
.g_news-flip a{font-size:18px; color:#333; margin:0 5px;}
.g_news-flip .g_flip-wz{font-size:14px;}
.g_news-flip span{font-size:18px; color:#333;}
.g_txt-flip{width:60px; height:30px; border:1px solid #ccc; padding:0 8px; font-size:14px; color:#666; text-align:center; line-height:30px; margin:0 5px;}
.g_news-flip .g_to-this{color:#3473a3; text-decoration:underline;}
.g_news-flip .g_to-this:hover{color:#3473a3; text-decoration:underline;}
.g_news-flip a:hover{color:#ed1b23; text-decoration:underline;}
.g_news-flip a.g_flip-dqys{color:#ed1b23; text-decoration:underline;}



/*解决方案*/
.g_case-head{height:60px; background:#fff;}
.g_case-header{max-width:1367px; height:60px; margin:0 auto;}
.g_head-left{height:60px; font-size:18px; color:#666; line-height:60px; width:293px; border-bottom:1px solid #000;}
.g_head-left img{ height:30px; margin:0 10px -7px;}
.g_head-right{line-height:60px; font-size:12px; color:#666;}
.g_head-right a{font-size:12px; color:#666;}
.g_main-case{position:relative; padding-left:276px; margin-top:29px;}
.g_nav-left{background:#fff; width:260px; position:absolute; left:0; top:0; height:100%;}
.g_nav-left ul li{height:70px; padding:0 15px;transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.g_nav-left ul li a{display:block; height:70px;  box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:5px; font-size:16px; color:#333; line-height:70px; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.g_main-right{width:100%; background:#fff; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box; min-height:800px;}
.g_case-active{padding:20px 25px 0;}
.g_case-active h3{font-weight:normal; text-align:center; font-size:26px; color:#333;}
.g_case-active p{font-size:16px; color:#333; line-height:30px; margin-top:20px;}
.g_case-list{margin-top:32px;}
.g_case-list ul{overflow:hidden;}
.g_case-list ul li{float:left; width:33.333%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 27px; height:334px; margin-bottom:40px; position:relative;}
.g_img-case>img{display:block; width:100%;}
.g_case-title{display:block; text-align:center; font-size:18px; color:#333; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.g_case-div{padding-top:15px;}
.g_case-div p{font-size:12px; color:#666; line-height:25px; margin-top:10px; height:75px; overflow:hidden;}
.g_case-more{display:block; position:absolute; width:95%; height:90%; top:5%; left:2.5%; background:rgba(0,0,0,0.68);  text-align:center; color:#fff; font-size:14px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.g_case-more img{margin-left:10px;}
.g_case-list ul li:hover .g_case-div .g_case-title{color:#0d67b3;}
.g_case-list ul li:hover .g_case-more{opacity:1; filter:alpha(opacity=100); -moz-opacity:1;  -khtml-opacity:1; color:#fff;}
.g_case-more span{padding-top:30%; display:block;}
.g_img-case{position:relative;}
.g_nav-left ul li.g_case-dqys{background:#0d67b3;}
.g_nav-left ul li.g_case-dqys a{color:#fff;}
.g_nav-left ul li:hover{background:#0d67b3;}
.g_nav-left ul li:hover a{color:#fff;}



/*2.1解决方案-详情*/
.g_case-detaile{font-size:16px; color:#333; line-height:30px; margin-top:15px; padding-bottom:15px;}
.g_case-detaile img{display:block; max-width:100%; margin:15px auto;}


/*5.0案例*/
.g_case-nav{padding:48px 10px 38px;}
.g_case-nav a{font-size:15px; color:#333; padding-right:11px; background:url(../images/g_13.png) no-repeat right center; margin-right:35px; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.g_case-nav a.g_cnav-dqys{color:#ff6600;}
.g_case-nav a b{font-weight:normal; margin-left:5px;}
.g_case-nav a:hover{color:#ff6600;}
.g_cases-list ul{overflow:hidden;}
.g_cases-list ul li{width:25%; padding:7px; float:left; box-sizing:border-box; -webkit-box-sizing:border-box;}
.g_cases-list ul li a{display:block; position:relative; width:100%; background:#f4f4f5; padding-bottom:20px; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
.g_cases-img{display:block; width:100%; overflow:hidden; position:relative;}
.g_zwt01{display:block; width:100%;}
.g_cases-imgs{display:block; position:absolute; left:0; top:0; width:100%; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
.g_cases-class{margin-top:20px; padding:0 30px; font-size:14px; color:#666; display:block; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;} 
.g_cases-list ul li a b{display:block; font-weight:normal; margin-top:10px; padding:0 30px; font-size:20px; color:#333; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
.g_cases-list ul li a em{display:block; width:20px; height:19px; background:url(../images/g_14.png) no-repeat center; position:absolute; right:30px; bottom:40px;}
.g_cases-list ul li:hover a{background:#ff6600;}
.g_cases-list ul li:hover a b{color:#fff;}
.g_cases-list ul li:hover a .g_cases-class{color:#fff;}
.g_cases-list ul li:hover .g_cases-imgs{width:107%; left:-10px; top:-10px;}



.g_cases-listc ul{overflow:hidden;}
.g_cases-listc ul li{width:31%; padding:11px; float:left; box-sizing:border-box; -webkit-box-sizing:border-box;}
.g_cases-listc ul li a{display:block; position:relative; width:100%; background:#f4f4f5; padding-bottom:20px; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}

.g_cases-listc ul li a b{display:block; font-weight:normal; margin-top:10px; padding:0 30px; font-size:20px; color:#333; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
.g_cases-listc ul li a em{display:block; width:20px; height:19px; background:url(../images/g_14.png) no-repeat center; position:absolute; right:30px; bottom:40px;}
.g_cases-listc ul li:hover a{background:#ff6600;}
.g_cases-listc ul li:hover a b{color:#fff;}
.g_cases-listc ul li:hover a .g_cases-class{color:#fff;}
.g_cases-listc ul li:hover .g_cases-imgs{width:107%; left:-10px; top:-10px;}


.g_cases-list2 ul{overflow:hidden;}
.g_cases-list2 ul li{width:318px; margin:11px; float:left; box-sizing:border-box; -webkit-box-sizing:border-box;}
.g_cases-list2 ul li a{display:block; position:relative; width:100%; background:#f4f4f5; padding-bottom:0px; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
.g_cases-list2 ul li a b{display:block; font-weight:normal; margin-top:10px; padding:0 5px; font-size:20px; color:#333; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
.g_cases-list2 ul li a em{display:block; width:20px; height:19px; background:url(../images/g_14.png) no-repeat center; position:absolute; right:30px; bottom:40px;}

.g_cases-class2{margin-top:20px; padding:0 5px; font-size:14px; color:#666; display:block; transition:all 0.4s linear; -webkit-transition:all 0.4s linear;} 
.g_cases-list2 ul li:hover {background:#;}
.g_cases-list2 ul li:hover a{background:#;}
.g_cases-list2 ul li:hover a b{color:red;}
.g_cases-list2 ul li:hover a .g_cases-class2{color:red;}
.g_cases-list2 ul li:hover .g_cases-imgs{width:107%; left:-10px; top:-10px;}




/*5.1案例-详情*/
.g_case-container{max-width:1600px; padding:0 20px; margin:0 auto;}
.g_cases-active{border-bottom:1px solid #ccc; padding:30px 0; font-size:14px; color:#333; line-height:30px;}
.g_cases-active a{display:block; width:96px; height:26px; line-height:26px; text-align:center; border:1px solid #ccc; border-radius:5px; font-size:14px; color:#333; margin-top:15px;}
.g_cases-detaile{padding-top:40px; max-width:1157px; margin:0 auto;padding-bottom: 100px;}
.g_cases-detaile img{display:block; max-width:100%;}



/*7.0关于我们*/
.g_banner-about{width:100%; height:894px; position:relative; overflow:hidden;}
.g_banner-about img{display:block; width:1920px; height:894px; position:absolute; left:50%; margin-left:-960px; top:0;}
.g_banner-about p{width:974px; position:absolute; left:50%; margin-left:-487px; top:210px; z-index:2; text-align:center; font-size:24px; color:#333; line-height:50px;}
.g_about-us{max-width:1600px; margin:0 auto;}
.g_active-map{padding:55px; overflow:hidden;}
.g_about-active{width:60%; margin-top:80px; padding-right:10px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.g_about-active img{display:block; height:52px;}
.g_about-active p{font-size:16px; color:#333; line-height:34px; margin-top:32px;}
.g_about-active .g_about-line{display:block; background:#0d67b3; height:1px; width:160px; margin-top:45px;}
.g_about-map{width:40%;}
.g_about-map img{display:block; width:100%;}
.g_service-module{width:100%;}
.g_service-module ul{overflow:hidden;}
.g_service-module ul li{width:33.333%; float:left; position:relative; overflow:hidden;}
.g_service-img{display:block; width:100%; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -ms-transition:all 0.4s linear; position:absolute; left:0; top:0;}
.g_about-module{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.g_about-module img{display:block; width:108px; height:108px; position:absolute; top:50%; margin-top:-117px; left:50%; margin-left:-54px; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -ms-transition:all 0.4s linear;  transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);}
.g_about-module p{font-size:20px; color:#fff; text-align:center; width:100%; position:absolute; left:0; top:50%; margin-top:20px;}
.g_about-module span{display:block; text-align:center; font-size:14px; color:#fff; line-height:30px; width:400px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:72px;}
.g_service-module ul li:hover .g_service-img{width:106%; left:-10px; top:-10px;}
.g_service-module ul li:hover .g_about-module img{transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.g_narrow ul li{width:25%;}
.g_narrow ul li .g_about-module img{width:104px; height:104px; margin-top:-84px;}
.g_narrow ul li .g_about-module p{margin-top:36px;}
.g_narrow ul li .g_about-module span{width:280px; height:22px; line-height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:-140px;}
.g_branch-introduce{width:100%; padding:75px 0;}
.g_branch-introduce ul{overflow:hidden;}
.g_branch-introduce ul li{width:33.333%; float:left; background:url(../images/g_22.png) no-repeat right center; box-sizing:border-box;-webkit-box-sizing:border-box; padding-left:6%;}
.g_branch-introduce ul li:last-child{background:none;}
.g_branch-introduce ul li h4{font-weight:normal; font-size:18px; color:#333;}
.g_branch-introduce ul li p{font-size:14px; color:#333; line-height:36px; margin-top:10px;}
.g_cooperative{width:100%; padding:70px 0; background:#fafafa;}
.g_cooperative-container{max-width:1600px; margin:0 auto;}
.g_cooperative-head p{font-size:30px; color:#333; text-align:center;}
.g_cooperative-head span{display:block; text-align:center; font-size:16px; color:#999; text-transform:uppercase; margin-top:10px;}
.g_cooperative-main{margin-top:45px;}
.g_cooperative-main ul{overflow:hidden;}
.g_cooperative-main ul li{float:left; width:16.667%; background:#fff;}
.g_cooperative-main ul li:nth-child(2n){background:#f5f5f5;}
.g_cooperative-main ul li:nth-child(2n+6){background:#fff;}
.g_cooperative-main ul li:nth-child(2n+7){background:#f5f5f5;}
.g_cooperative-main ul li:nth-child(2n+14){background:#f5f5f5;}
.g_cooperative-main ul li:nth-child(2n+13){background:#fff;}
.g_cooperative-main ul li:nth-child(6){background:#f5f5f5;}
.g_cooperative-main ul li img{width:100%; display:block;}

@media  only all and (max-width:1200px) {
	.g_about-module p{top:50%; margin-top:0;}
	.g_about-module span{width:100%; left:0; margin-left:0; margin-top:25px; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 20px;}
	.g_about-module img{width:80px; height:80px; margin-left:-40px; margin-top:-84px;}
}

@media  only all and (max-width:1000px) {
	.g_main-case{padding-left:0; width:100%;}
	.g_nav-left{position:relative; width:100%; overflow-y:hidden; overflow-x:scroll;}
	.g_nav-left ul{width:1500px;}
	.g_nav-left ul li{float:left;}
	.g_nav-left ul li a{border-bottom:0 none;}
	.g_main-right{margin-top:20px;}
	.g_cases-list ul li{width:33.333%;}
	.g_case-nav a{display:inline-block;}
	.g_service-module ul li{width:50%;}
	.g_banner-about p{width:100%; left:0; margin-left:0; padding:0 20px; box-sizing:border-box; -webkit-box-sizing:border-box;}
}

@media  only all and (max-width:800px) {
	.g_about-map{display:none;}
	.g_about-active{float:none; width:100%;}
}


@media  only all and (max-width:700px) {
	.g_case-list ul li{width:50%;}	
	.g_head-left,.g_head-right{float:none; width:100%; padding:0 20px; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.g_case-header,.g_case-head{height:auto;}
	.g_cases-list ul li{width:50%;}
	.g_service-module ul li{width:100%;}
	.g_cooperative-main ul li{width:33.333%;}
}

@media  only all and (max-width:550px) {
	.g_case-list ul li{width:100%; height:auto;}
	.g_cases-list ul li{width:100%;}	
	.g_branch-introduce ul li{float:none; width:100%; padding:0 20px; border:0 none; box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
	.g_cooperative-main ul li{width:50%;}
	.g_active-map{padding:20px;}
}