﻿@charset "utf-8";

/* CSS Document */



/*banner*/

.banner{width:100%; margin:0 auto; position:relative; height:650px;}

.fullSlide{width:100%;position:relative;height:100%;background:transparent}

.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{height:100%;}

.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat}

.fullSlide .bd li a{display:block;height:100%}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0}

.fullSlide .hd ul{text-align:center;margin-bottom:30px}

.fullSlide .hd ul li{background:#333;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:100px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}

.fullSlide .hd ul .on{background:#fff}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.dbj{ width:100%; height:1149px; background:url(../images/bj1.jpg) no-repeat center;}



/*搜索*/

.fiess{width:100%; height:48px; margin:auto; border-bottom:1px solid #eee;}

.search{ width:1200px; height:48px; margin:auto;}

.search_l{ font-size:14px; float:left; height:48px; color:#666; line-height:48px; width:1200px; margin:auto }

.search_l img{ float:left; vertical-align:middle; padding-top:20px;}

.search_l a{ margin:0 5px; text-decoration:none; color:#666; font-weight:normal;}

.search_l a:hover{ color:#005ab8;}

.search_r{ float:right; height:48px;}

.search-box{ width:194px; height:29px; margin-top:18px;}

.search-text{width:159px; height:29px; float:left; line-height:29px; border:0; text-indent:1.2em; background:url(../images/ss_k.jpg) no-repeat; color:#999;}

.search-button{ background:url(../images/ss_s.jpg) no-repeat;width:35px; height:29px; float:left;border-style :none; cursor:pointer;}



/*合作客户*/

.hzkh{ width:1180px; height:194px; margin:0 auto; position:relative; margin-top:30px;}

.hzkh h3{ font-size:24px; text-align:center;}

.hzkh h3 a{ color:#005ab8;}

.hzkh i{ display:block; margin:0 auto; text-align:center; margin-top:6px; color:#999; text-transform:uppercase;}

.left{ width:44px; height:44px; position:absolute; left:0; top:104px;}

.right{ width:44px; height:44px; position:absolute; right:0; top:104px;}

.hzkh ul{ margin-top:24px; margin-left:58px; width:1056px; height:112px; overflow:hidden;}

.hzkh ul li{ float:left; margin-right:18px;}

.hzkh ul li img{ width:170px; height:80px; border:1px solid #ccc;}

.hzkh ul li p{ line-height:30px; height:30px; text-align:center; width:172px;}



/*产品*/

.cp{width:1180px; height:auto; margin:40px auto;}

.cpzb{ width:226px; height:auto; background:#005ab8; float:left;}

.cpyb{ width:920px; height:1240px; background:#fff; float:right; }

.cpzb h2{ font-size:19px; text-align:center;padding: 28px 0 16px 0;}

.cpzb h2 a{ color:#fff;}

.cpzzx{ width:212px; height:auto; background:#fff; margin:0 auto; padding-top:28px; padding-bottom:1px; margin-bottom:8px;}

.cpzzx h3{ background:url(../images/ad.jpg) no-repeat center; width:169px; height:36px; line-height:36px; font-size:14px; padding-left:18px; margin:0 auto; margin-bottom:8px;}

.cpzzx h3 a{ color:#fff;}

.cpzzx ul{ width:188px; margin:0 auto;line-height:28px; margin-bottom:18px;}

.cpzzx ul li{ border-bottom:1px dashed #ccc;}

.cpzzx ul li img{ width:8px; height:8px; padding:0 12px 0 26px;}



.cp .cpy{ width:914px; height:auto; float:right;}

.cp .hd ul{ width:914px; height:40px; line-height:40px; border-bottom:1px solid #ccc;}

.cp .hd ul li{ float:left; font-size:18px; font-weight:bold;  width:140px; height:40px; text-align:center;  background:url(../images/111.jpg) no-repeat left; color: #f00;}

.cp .hd ul li a{ color:#005ab8;}

.cp .bd ul{ margin-top:28px;}

.cp .bd ul li{ float:left; margin:0 8px; margin-bottom:14px;}

.cp .bd ul li p{ height:40px; width:210px; text-align:center; line-height:40px; font-size:14px;}

.cp .bd ul li img{ width:202px; height:160px; display:block; border:1px solid #ccc; padding:4px;}

.cp .hd i{ float:right; font-style:normal; line-height:40px; margin-right:9px;}



/*案例*/

.jjzx{ width:1180px; height:410px; margin:0 auto; padding-top:30px;}

.jjzx h2{ font-size:26px; text-align:center; margin:0 auto;}

.jjzx i{ display:block; font-size:18px; color:#ccc; text-align:center; margin:0 auto; margin-top:10px;}

.sdkc_box{ width:1180px; margin:auto; height:346px; padding-bottom:40px;}

.carousel{ margin:0px auto; padding:7px 0px 0px 0px; width:1180px; height:326px; overflow: hidden; position: relative;}

.carousel .slides{ margin:0px auto; overflow:hidden; position:relative; margin-top:16px;}

.carousel .slides div{ border:3px solid rgba(0,0,0,0.3);}

.carousel .slides  div em{ position:absolute; bottom:0px; text-align:center; line-height:40px; font-size:16px; left:0px; width:100%; height:40px; display:block; background-color: rgba(0,0,0,0.5); font-style:normal;}

.carousel .slides  div em a{ color:#fff;}

.carousel .slides img{width:420px; height:235px;}

.carousel .slides .slideItem{ padding:0px; overflow:hidden; position:absolute; cursor:pointer; opacity:1!important;}

.carousel .slides .slideItem a{ overflow:hidden; display:block;}

.carousel .slides .slideItem img{ width:100%; height:100%;}

.carousel .slides .slideItem .cover{ background:rgb(0, 0, 0); left:0px; top:0px;width:100%!important; display:block; position:absolute;}

.prevButton{background:url(../images/t_l_1.png) no-repeat 0px 0px; top:150px; width:59px; height:59px; display:block; position:absolute; z-index:99; cursor:pointer;}

.nextButton{background: url(../images/t_r_1.png) no-repeat 0px 0px; top:150px; width:59px; height:59px; display:block; position:absolute; z-index:99; cursor:pointer;}

.prevButton{left:10px;}

.nextButton{background-position:0px 0px; right:0px;}



/* 优势 */

.yszx{ height:900px; width:100%; margin:190px auto 0; background:url(../images/ys.jpg) no-repeat center; position:relative;}

.yszx h3 img{ display:block; margin:0 auto;}

.yszs{ height:730px; width:1180px; margin:30px auto;}

.div_01{ width:1180px; height:321px; margin-top:68px;}

.div_01 img{ float:right;}

.div_01 span{ float:left; width:504px; height:140px; padding-left:64px;}

.div_01 span h4{ font-size:22px; color:#005ab8; margin:20px 0;}

.div_01 span p{ line-height:26px; font-size:14px;}

.div_02{ width:1180px; height:292px; margin-top:42px;}

.div_02 img{ float:left;}

.div_02 span{ float:right; width:504px; height:140px; padding-left:64px;}

.div_02 span h4{ font-size:22px; color:#005ab8; margin:21px 0;}

.div_02 span p{ line-height:26px; font-size:14px;}



/* bn1*/

.bn1{ height:168px; width:100%; background:url(../images/01.jpg) no-repeat center;margin:0px auto;}

.bnzz{ height:168px; width:1180px; margin:0px auto; position:relative; margin-top:20px;}

.bnzz h4{ font-size:30px;color:#f8cf50; position:absolute; top:42px; left:134px;}

.bnzz p{  font-size:18px;position:absolute; top:95px; left:197px;}

.ads1_butt{ display:block; position:absolute; right:145px; bottom:24px; width:130px; height:32px; background:#ab0101; text-align:center; line-height:32px; font-size:14px;}

.ads1_butt a{ color:#fff;}

.ads1_tel{ position:absolute; right:116px; bottom:68px;color:#ab0101; font-size:14px; font-weight:bold;}

.ads1_tel span{ font-size:24px;color:#ab0101; line-height:40px; display:block;}



/*客户*/

.kes{width:1180px; height:480px; margin:30px auto;}

.zbkhjz{ width:780px; height:450px; float:left;}

.cose{ height:450px; width:350px; float:right;}

.tb{ line-height:50px; height:50px; width:780px; border-bottom:1px dotted #ccc;}

.tb h3{ font-size:20px; float:left;}

.tb em{ float:right; padding-top:10px;}

.th{ line-height:50px; height:50px; width:350px; border-bottom:1px dotted #ccc;}

.th h3{ font-size:20px; float:left;}

.th em{ float:right; padding-top:10px;}

.dyg{ width:716px;height:166px;float:left; margin:30px 0 20px 20px; border-radius:100px; border:1px solid #ccc;}

.dyg img{ width:162px; height:162px; float:left; border:2px solid #f9d140; border-radius:50%;}

.dyg span{ display:block; height:170px; float:right; width:530px;}

.dyg span h4{ font-size:14px;margin: 28px 0 10px 20px; color:#f9d140;}

.dyg span p{ line-height:22px; height:44px; overflow:hidden; width:487px; margin: 0 auto;}

.dyg span em{ width:72px; height:28px; line-height:28px; text-align:center; color:#fff; background:#ab0101; display:block; border-radius:100px;margin: 12px 0 0 18px;}

.cose ul{ float:left; margin-left:26px; margin-top:30px; width:324px; height:390px; overflow:hidden;}

.cose ul li{ float:left; margin-bottom:6px; margin:0 auto;}

.cose ul li img{ width:296px; height:196px;}

.cose ul li p{ width:296px; line-height:40px; height:40px; text-align:center;}



/* bn2*/

.bn6{ height:160px; width:100%; background:url(../images/03.jpg) no-repeat center;margin:0px auto; margin-top:40px;}

.bnzz6{ height:160px; width:1180px; margin:0px auto; position:relative; margin-top:40px;}

.bnzz6 h4{ font-size:30px;color:#fff; position:absolute; top:38px; left:312px;}

.bnzz6 p{  font-size:22px;color:#fff; width:484px; height:38px; line-height:38px; text-align:center; border-bottom:1px solid #fff; border-top:1px solid #fff; position:absolute; top:90px; left:312px;}

.ads6_butt{ display:block; position:absolute; right:20px; bottom:54px; width:100px; height:30px; background:#ab0101; text-align:center; line-height:30px; font-size:14px;}

.ads6_butt a{ color:#fff;}

.ads6_tel{ position:absolute; right:152px; bottom:42px;color:#ab0101; font-size:14px;}

.ads6_tel span{ font-size:26px; font-family:Impact; color:#ab0101; line-height:40px; display:block;}





/* 关于 */

.gs_box{ width:1180px; height:334px; margin:50px auto;}

.gs_box img{ width:546px; height:334px; border:2px solid #005ab8; float:left; border-radius:20px;}

.seis{ width:586px; height:334px; float:right;}

.seis h3{ font-size:40px; width:586px; height:75px;line-height:75px;  margin-top:24px;}

.seis h3 a{ color:#fff;}

.seis h4{ font-size:14px; text-transform:uppercase; margin-top:-10px; color:rgba(255,255,255,0.6);}

.seis em{ margin-top:5px; display:block; width:60px; height:3px; background:#005ab8;}

.seis p{ line-height:30px; height:150px; overflow:hidden; float:right;margin-top:16px;}

/* bn3*/

.bn4{ width:100%; height:366px; background:url(../images/cp.jpg) no-repeat center; margin:0px auto;}

.bnzz4{ height:320px; width:1180px; margin:0px auto; position:relative; padding-top:46px;}

.bnzz4 h3{ font-size:24px; text-align:center;}

.bnzz4 h3 a{ color:#fff;}

.bnzz4 i{ display:block; text-transform:uppercase; margin:0 auto; width:300px; height:16px; background:url(../images/a.png) no-repeat center; text-align:center; margin-top:8px;}

.bnzz4 i a{ color:#fff; text-align:center;}

.bnzz4 ul{ position:absolute; left:20px; top:155px; width:510px; height:170px; overflow:hidden;}

.bnzz4 ul li{ float:left; width:212px; height:170px; margin-right:34px;}

.bnzz4 ul li img{ width:212px; height:134px;}

.bnzz4 ul li p{ line-height:40px; height:40px; text-align:center;}

.bnzz4 h4{ font-size:14px;color:#005ab8; position:absolute; bottom:168px; right:332px;}

.bnzz4 h5{font-size:18px;color:#005ab8;position:absolute; bottom:137px; right:272px;}

.bnzz4 b{ font-size:14px; position:absolute; bottom:110px; right:192px;}

.ads4_butt{ display:block; position:absolute; right:30px; bottom:74px; width:128px; height:32px; background:#ab0101; text-align:center; line-height:32px; font-size:14px;}

.ads4_butt a{ color:#fff;}

.ads4_tel{ position:absolute; right:174px; bottom:66px;color:#ab0101; font-size:14px; font-weight:bold;}

.ads4_tel span{ font-size:22px; color:#ab0101; line-height:40px;}



/*问题*/

.trends{margin: 0 auto;width:1180px; height:390px; margin-top:30px;}

.trends .tab_menu{ width:736px; height:390px;float:left; overflow:hidden;}

.tab_menu .ttt{ width:736px; height:40px; border-bottom:1px solid #ccc;}

.tab_menu .ttt ul{ width:365px; float:left; height:40px; }

.tab_menu li a h3{font-size:18px;color:#333;}

.tab_menu .ttt .gd{ float:right; line-height:40px; padding-right:5px;}

.tab_menu .ttt .gd a{font-size:14px;color:#000;}

.tab_menu .ttt li{ float:left; width:100px; height:40px; text-align:center; line-height:40px;cursor:pointer; color:#000; background:url(../images/kb.jpg) no-repeat left; margin-right:20px;}

.tab_menu .ttt li a h3:hover,{color:#005ab8; }

.tab_menu .ttt .active h3{color:#005ab8;background:url(../images/logobj.jpg) no-repeat left;}

.tab_menu .tabcont{ width:640px; float:left; height:auto;clear:both;margin-top:20px;}

.tab_menu .tabcont .tabc{width:740px; float:left; height:auto;clear:both;}

.tab_menu .tabc .box_nr{width:740px; margin:0 auto;height:136px;}

.tab_menu .tabc .box_nr img{float:left;width:202px;height:120px;border:1px solid #c3c3c3;padding:3px;}

.tab_menu .tabc .box_nr p{ float:left;margin-left:15px;line-height:28px; text-indent:2em;padding-top:10px;font-size:12px;height:84px;overflow: hidden; color:#333;width:510px;}

.tab_menu .tabc .box_nr p a{color:#ccc; border:1px solid #ccc; font-size:12px;margin:20px 0 0 0px;}

.tab_menu .tabc .news{margin-top:10px;}

.tab_menu .tabc ul {}

.tab_menu .tabc ul li{width:342px; float:left;line-height:46px;  background:url(../images/bottom1.jpg) no-repeat left; padding-left:20px; border-bottom:1px dashed #ccc; margin-right:7px;}

.tab_menu .tabc ul li.last{ overflow:none;}

.tab_menu .tabc ul li span{ float:right; padding-right:15px;}

.news ul li a{ font-size:12px; color:#333; float:left;padding:0 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:200px; }

.tab_menu .tabc .box_nr a h5{float:left;margin-left:15px;font-size:14px;color:#005ab8; margin-top:12px;}



.trends .cjwt{width:410px;float:right;height:350px;}

.trends .cjwt .question_title{height:40px; border-bottom:1px solid #ccc; margin:0 10px;}

.trends .cjwt .question_title a h3{ float:left;font-size:16px; color:#333; line-height:40px; }

.trends .cjwt .question_title .more{ float:right;color:#333;line-height:40px;margin-right:5px;}

.trends .cjwt ul li{margin:20px auto;}

.trends .cjwt .question{ line-height:200%; height:290px; margin:20px 8px 0 8px; overflow:hidden;}

.trends .wen a{color:#333;font-size:12px; line-height:20px; background:url(../images/w.jpg) no-repeat left center;padding-left:25px; font-weight:bold;}

.trends /*.right*/ .question ul li{margin:12px auto;}

.trends .da{margin:10px auto;}

.trends .da p{color:#333; font-size:12px; line-height:24px; height:72px; overflow:hidden; background:url(../images/h.jpg) no-repeat left top;padding-left:25px;}



/*链接*/

.ljzx{ width:1180px; height:40px; margin:0 auto; line-height:40px;}

.ljzx h3{ width:70px; height:27px; float:left;}

.ljzx ul{ float:left;}

.ljzx ul li{ float:left; margin:0 20px;line-height:42px; color:#333333}

.ljzx ul li a:link {
	color: #666666;
}
.ljzx ul li a:visited {
	color: #666666;
}
.ljzx ul li a:hover {
	color: #FF0000;
}
.ljzx ul li a:active {
	color: #FF0000;
}





/*回到顶部*/

.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}

.clearfix{*zoom:1;}

.clearfix .clear{_height:0px;}

/*gotop*/

.cbbfixed {position: fixed;right: 242px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}

.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #333;}

.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}

.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}

.cbbfixed .gotop:hover {background-color:#333;}

.cbbfixed .weixin div {background: url(../images/weixin.jpg);width: 210px;height: 210px;position: absolute;left: -212px;top: -130px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}

.cbbfixed .weixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}

.cbbfixed .weixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);}

/*--合作伙伴--*/
#demo{width:900px; overflow:hidden; margin:0px auto; cursor:pointer;}
.huoban{ width:1200px; margin:30px auto 0;}
.huoban_left{ float:left;}
.huoban_left dl dt{ font-size:30px; color:#333; margin-top:28px;}
.huoban_left dl dt span{ font-weight:bold; color:#ce2925;}
.huoban_left dl dd{ font-size:14px; color:#999; text-transform:uppercase;}
.huoban_left em{ display:block; width:80px; margin:18px 0 10px; height:3px; background:#ce2925;}
.huoban_left h3 a{ font-size:14px; color:#9999;}
#demo td{ padding:0 8px;}

/*--首页_产品中心--*/
.in_pro_c{ height:975px; margin:42px 0 56px;}
.in_pro_cl{ width:280px; float:left; background:rgba(238,238,238,0.7);}
.in_pro_clt{ height:100px; background:#005ab8;}
.in_pro_clt h3{ font-size:24px; padding-top:18px; font-weight:bold; text-align:center; color:#fff;}
.in_pro_clt p{ width:130px; margin:-24px auto 0; font-size:14px; color:rgba(255,255,255,0.5); text-align:center; background:#005ab8;}
.in_pro_clt em{ display:block; width:160px; height:1px; background:rgba(255,255,255,0.5); margin:14px auto;  }
.in_pro_clc dl{ height:54px; border-bottom:1px solid rgba(222,222,222,0.7);}
.in_pro_clc dl dt{ transition:all 0.4s; line-height:54px; float:left; font-size:18px; color:#424242; padding-left:28px;}
.in_pro_clc dl dd{ width:16px; float:right; margin:19px 19px;  height:16px; border-radius:12px; background:#ce2925; font-size:8px; line-height:16px; text-align:center; color:#fff; transition:all 0.4s;}
.in_pro_clc dl a{ display:block; height:54px; transition:all 0.4s;}
.in_pro_clc dl a:hover{ background:#005ab8;}
.in_pro_clc dl a:hover > dt{ color:#fff;} 
.in_pro_clc dl a:hover > dd{ background:#fff; color:#999;}
.in_pro_clf{ height:152px; border-bottom: 5px solid #ce2925; background:#005ab8; margin-top:0px;}
.in_pro_clf h3{ font-size:20px; color:#fff; padding-top:24px; font-weight:bold; text-align:center;}
.in_pro_clf dl{ width:225px; margin:12px auto 0;}
.in_pro_clf dl dt{ float:left; font-size:48px; opacity: 0.7; color:#424242;}
.in_pro_clf dl dd{ float:left; margin-left:12px;}
.in_pro_clf dl dd p{ padding-top:8px; font-size:14px; color:rgba(255,255,255,0.6);}
.in_pro_clf dl dd span{ font-size:24px; font-weight:bold; color:#fff;}

.in_pro_cr{ width:920px; float:right;}
.in_pro_cr1{ border:1px solid #eee; width:275px;  float:left; margin:0 0 22px 24px;}
.in_pro_cr1 .img{width:275px; height:238px; overflow: hidden;}
.in_pro_cr1 .img a{ display:block; width:275px; height:252px; overflow: hidden;}
.in_pro_cr1 .img a img{   width:100%; height:100%; cursor:pointer; object-fit: cover;  transition:all 0.6s;}
.in_pro_cr1 .img:hover >a img{transform: scale(1.2);}
.in_pro_cr1 p a{ display:block; height:56px; background:#eee; transition:all 0.6s; font-size:16px; text-align:center; line-height:56px; color:#999;}
.in_pro_cr1 p a:hover{ background:#005ab8; color:#fff;}


/*--首页标题--*/
.tit {
	text-align: center;
    margin:30px 0 55px;
}
.tit h3 {
	font-size: 36px;
	color: #424242;  
}
.tit h3 span { 
	font-weight:bold;
	color: #005ab8;
}
.tit p {
    color: #999; font-size:15px; padding-top:16px; letter-spacing:1px;
}
.tit em{ display:block; width:28px; height:16px; margin:-6px auto 0;}
.tit h4{ display:block; width:450px; height:1px; background:#eee; margin:20px auto 0;}

/*--首页隔断--*/
.geduan{background: url(../images/geduan.jpg) center no-repeat; height:220px;}

/*--首页关于我们--*/
.gs_box_box{ height:560px; background: url(../images/about.jpg) center no-repeat;}
#about_p{
   overflow:hidden;
   height:390px;
   margin:10px auto;
   position:relative;
  }
  #about_p1{
   height:auto;
   text-align:left;
  }
  #about_p2{
   height:auto;
   text-align:left;
  }
  #about_p1 li{
   list-style-type:none;
   height:26px; color:#fff;
   text-align:left; font-size:14px;
  }
  #about_p2 li{
   list-style-type:none;
   height:26px;
   text-align:left; color:#fff; font-size:14px;
  }
