﻿@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}

.bannerBox{width:100%; height:480px;}


		/*--searchBox*/
.searchBg{}
.search{padding:14px 0 20px 0; height:26px; line-height:26px; overflow:hidden; background:url(../images/searchbg.png) repeat-x center bottom;}
.search .searchBox{width:331px;}
.search .soText{float:left; width:229px; height:16px; line-height:16px; padding:5px 10px 5px 40px; color:#333; border:none; background:url(../images/searchtxt.png) no-repeat center; outline:none;}
.search .soBtn{float:right; width:52px; height:26px; border:none; background:url(../images/searchbtn.png) no-repeat center;}
.search .keyWord{width:600px; height:26px; overflow:hidden;}
.search .keyWord em{font-weight:bold; font-size:14px; color:#024fa1;}
.search .keyWord a{padding:0 4px; color:#666;}






/*产品*/
.cpBox{margin-top:30px;}

.cpMu{width:220px; height:846px; background:#00549d url(../images/cpmubg.png) no-repeat center bottom; overflow:hidden;}
.cpMu h4 img{display:block;}
.cpMuCont{}
.cpMuCont dl{}
.cpMuCont dt{height:44px; line-height:44px; background:url(../images/cpmudt.png) no-repeat center;}
.cpMuCont dt a{padding-left:56px; font-size:16px; color:#fff;}
.cpMuCont dd{height:44px; line-height:44px; overflow:hidden; border-top:1px solid #0f5fa3;}
.cpMuCont dd a{padding-left:60px; display:block; font-size:14px; color:#fff; text-decoration:none;}
.cpMuCont dd a:hover{background:url(../images/cpmudd.png) no-repeat center;}



.cpList{position:relative; width:738px; height:846px; overflow:hidden;}
.cpList .titMore{position:absolute; right:20px; top:10px; color:#333;}
.cpList h4{height:40px; font-size:18px; border-bottom:4px solid #ccc;}
.cpList h4 a{position:relative; float:left; padding:0 30px; height:40px; line-height:40px; color:#333; text-decoration:none;}
.cpList h4 a i{position:absolute; bottom:-4px; left:0px; width:100%; height:4px; background-color:#ccc;}
.cpList h4 a.cur , .cpList h4 a:hover{color:#00549d;}
.cpList h4 a.cur i , .cpList h4 a:hover i{background-color:#00549d;}
.cpList ul{overflow:hidden;}
.cpList li{margin-right:10px; margin-top:20px; float:left; width:234px; height:362px; background-color:#f6f6f6; border-bottom:4px solid #f6f6f6;}
.cpList li:hover{border-bottom-color:#00b834;}
.cpList li.noMr{margin-right:0;}
.cpList li h5{padding:0 12px; height:50px; line-height:50px; overflow:hidden; font-weight:normal; overflow:hidden;}
.cpList li h5 a{color:#333;}
.cpList li span{padding:0 12px; color:#00549d;}


.adv{max-width: 100%; height: auto; margin: 1% 0px; display: none;}
.adv img{max-width: 100%; display: block; margin: 0 auto;}

.gglSpan .container{position:relative;}
.gglSpan01{margin-top:10px; margin-bottom:10px; height:145px; background:url(../images/gglimg_01.jpg) no-repeat center;}
.gglSpan01 span{position:absolute; right:20px; top:50px; font-size:18px; color:#fff;}
.gglSpan01 img{position:absolute; right:20px; top:90px;}
.gglSpan02{height:180px; background:url(../images/gglimg_02.jpg) no-repeat center;}
.gglSpan02 .container{height:180px;}
.gglSpan03{margin-top:25px; margin-bottom:25px; height:214px; background:url(../images/gglimg_03.jpg) no-repeat center;}
.gglSpan03 span{position:absolute; left:752px; top:66px; font-size:18px; color:#fff;}
.gglSpan03 img{position:absolute; right:98px; top:152px;}


/*解决方案*/

.jjfaMu{width:264px; height:468px; overflow:hidden; background-color:#434e59;}
.jjfaMu h4{height:54px; line-height:54px; font-size:16px; text-align:center; background-color:#202224;}
.jjfaMu h4 a{color:#fff;}
.jjfaMu ul{}
.jjfaMu li{height:45px; line-height:45px; border-bottom:1px solid #777;}
.jjfaMu li a{ *height:45px; *line-height:45px; padding-left:22px; display:block; font-size:14px; color:#fff; text-decoration:none; background-position:-20px center;}
.jjfaMu li a:hover{background:#00b834 url(../images/jjfamuli_ico.png) no-repeat 240px center;}


.jjfaCont{margin-right:12px; width:674px; height:468px; overflow:hidden;}
.jjfaCont .faS{margin-top:34px; margin-bottom:20px; height:216px; overflow:hidden;}
.jjfaCont .faS dt img{border:3px solid #acacac;}
.jjfaCont .faS dd{margin-left:340px;}
.jjfaCont .faS dd h5{font-size:24px; font-weight:normal;}
.jjfaCont .faS dd h5 a{color:#00549d;}
.jjfaCont .faS dd span{font-size:20px; color:#333;}
.jjfaCont .faS dd h4{margin:16px 0; padding-left:20px; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#333; border-bottom:1px solid #3c4247; background:url(../images/fah4_ico.png) no-repeat 4px center;}
.jjfaCont .faS dd p{line-height:24px; font-size:14px; color:#333;}
.jjfaCont .faX{}
.jjfaCont .faX dt{padding-left:20px; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#333; border-bottom:1px solid #3c4247; background:url(../images/fah4_ico.png) no-repeat 4px center;}
.jjfaCont .faX dd{}
.jjfaCont .faX dd p{margin:16px 0; line-height:24px; font-size:14px; color:#333;}


.contTit{position:relative; height:48px; line-height:48px;}
.contTit .titA{border-left:5px solid #00549d; padding-left:12px; font-size:18px; color:#333;}
.contTit span{margin-left:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:normal;}
.contTit .titMore{position:absolute; right:0px; top:0px; color:#333;}
.contTit .btnS{position:absolute; right:0; top:6px;}
.contTit .btnS a{float:left; margin-left:2px;}
.contTit2{margin-bottom:24px; height:40px; line-height:40px; background:url(../images/conttit2br.png) no-repeat left bottom;}
.contTit2 .titA{font-weight:bold;}


.alSpan{padding:18px 0;}
.alBox{}
.alBox ul{margin:0 auto; width:992px; overflow:hidden;}
.alBox ul li{position:relative; margin:0 7px; float:left; width:234px; text-align:center; overflow:hidden;}
.alBox ul li i{position:absolute; left:0px; top:-204px; width:234px; height:186px; background:url(../images/alimgbg.png) no-repeat center;}
.alBox ul li:hover i{top:0px;}
.alBox ul li h5{margin-top:14px; font-weight:normal;}
.alBox ul li h5 a{color:#333;}


/*优势*/
.ysBox{position:relative; width:1028px; height:1674px; background:url(../images/ysbox.jpg) no-repeat center;}
.ysBox dl{position:absolute; color:#333;}
.ysBox dt{margin-bottom:14px; line-height:34px; font-size:20px; font-weight:bold;}
.ysBox dd{font-size:16px; line-height:28px;}
.ysBox dd em{color:#00549d;}
.ysBox .ys01{left:156px; top:170px;}
.ysBox .ys02{left:500px; top:410px;}
.ysBox .ys03{left:156px; top:620px;}
.ysBox .ys04{left:536px; top:848px;}
.ysBox .ys05{left:140px; top:1098px;}
.ysPhone{position:absolute; left:176px; top:1538px; color:#333;}
.ysPhone p{padding:8px 0; font-size:20px; font-family:Arial, Helvetica, sans-serif;}


/*合作伙伴*/
.khjzBox{margin-top:26px; margin-bottom:38px;}
.khjzBox ul{margin:12px auto 0 auto; padding-bottom:32px; border-bottom:1px solid #7c7c7c; width:980px; overflow:hidden;}
.khjzBox ul li{position:relative; margin:0 3px; float:left; width:190px; text-align:center;}
.khjzBox ul li img{border:2px solid #ccc;}
.khjzBox ul li h5{margin-top:14px; font-weight:normal;}
.khjzBox ul li h5 a{color:#333;}



.jzBox{padding-top:40px; width:478px; height:412px; position:relative;}
.jzBox dl{margin:36px 20px 0px 20px; height:146px; overflow:hidden;}
.jzBox dd{margin-left:160px;}
.jzBox dd h5{height:34px; line-height:34px; font-size:16px; font-weight:normal;}
.jzBox dd h5 a{color:#333;}
.jzBox dd span{font-size:14px; color:#00549d;}
.jzBox dd p{margin-top:12px; line-height:20px; color:#333;}
.jzBox .btnGd{position:absolute; bottom:-15px; left:50%; margin-left:-58px;}



.jmsJz{background:url(../images/jmsjz.png) no-repeat center;}


.zdJz{background:url(../images/zdjz.png) no-repeat center;}



/*关于*/
.gyBox{width:596px; height:304px; border-bottom:1px solid #c3c3c3;}
.gyBox dl{height:220px; overflow:hidden;}
.gyBox dt img{padding:2px; border:1px solid #ccc;}
.gyBox dd{margin-left:236px;}
.gyBox dd h5{height:36px; line-height:36px; border-bottom:1px dotted #555; font-size:18px; font-weight:normal;}
.gyBox dd h5 a{color:#333;}
.gyBox dd p{margin-top:8px; margin-bottom:10px; line-height:22px; height:110px; overflow:hidden; font-size:13px; color:#333;}



/*荣誉*/
.ryBox{width:320px; height:304px; border-bottom:1px solid #c3c3c3;}
.ryBox .ryCont{padding:0px 0px; position:relative;}
.ryBox .ryCont ul{margin:0 auto; width:226px; overflow:hidden;}
.ryBox .ryCont li{width:226px; float:left; text-align:center;}
.ryBox .ryCont li h5{padding-top:12px; font-weight:normal; font-size:14px;}
.ryBox .ryCont li h5 a{color:#333;}
.ryBox .ryCont .btnLeft , .ryBox .ryCont .btnRight{position:absolute; top:50%; margin-top:-15px; width:31px; height:31px;}
.ryBox .ryCont .btnLeft{left:0px; background:url(../images/btnsl.png) no-repeat center;}
.ryBox .ryCont .btnRight{right:0px; background:url(../images/btnsr.png) no-repeat center;}



/*风采*/
.fcBox{margin-top:24px; margin-bottom:24px;}
.fcCont{padding:26px 0 16px 0; background-color:#434e59;}
.fcBox ul{margin:0 auto; width:920px; overflow:hidden;}
.fcBox ul li{position:relative; margin:0 5px; float:left; width:220px; text-align:center;}
.fcBox ul li h5{margin-top:14px; font-weight:normal;}
.fcBox ul li h5 a{color:#eee;}



/*动态*/
.dtBox{width:544px; height:550px; overflow:hidden;}
.dtBox h4{overflow:hidden;}
.dtBox h4 a{float:left; padding:0 18px; text-align:center; font-size:18px; color:#333; text-decoration:none; background:url(../images/dttita.png) no-repeat left center;}
.dtBox h4 a:hover , .dtBox h4 a.cur{background-image:url(../images/dttitah.png); color:#00549d;}
.dtBox dl{margin:20px 0;}
.dtBox dd{margin-left:274px; height:178px; overflow:hidden;}
.dtBox dd p{margin-top:8px; margin-bottom:10px; line-height:22px; height:110px; overflow:hidden; font-size:13px; color:#333;}
.dtBox ul{margin:0; padding-top:14px; border-top:1px solid #cecece;}
.dtBox li{position:relative; height:38px; line-height:38px; font-size:14px;}
.dtBox li a{display:inline-block; padding-left:20px; background:url(../images/dtli_ico.png) no-repeat left center; width:370px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}
.dtBox li span{position:absolute; right:0; top:0; color:#333;}



/*问题解答*/
.wtjd{width:380px; height:550px; overflow:hidden; background-color:#fff;}
.wtjdCont{height:460px; overflow:hidden;}
.wtjdCont dl{padding:4px 0; margin:0 14px; border-bottom:1px dotted #00549d; font-size:14px;}
.wtjdCont dt{background-image:url(../images/tw_ico.png);}
.wtjdCont dt a{color:#333;}
.wtjdCont dd{line-height:22px; background-image:url(../images/jd_ico.png); color:#333;}
.wtjdCont dt , .wtjdCont dd{padding:8px 0; padding-left:36px; margin:6px 0; background-position:left 6px; background-repeat:no-repeat;}


/*友情链接*/
.yqlj{margin-bottom:20px; padding-top:14px; border-top:1px solid #5c5c5c;}
.yqlj p{overflow:hidden; line-height:32px; height:64px; overflow:hidden;}
.yqlj p a{float:left; margin:0 2px; color:#0523FF;}


#flashs{ position:relative; height:480px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#C40C0C;}


.bg1{background:url(../images/bodybg.jpg) no-repeat center top;}

.fb{display: none;}
 @media screen and (max-width: 767px) and (min-width: 0px){
	.head{display: none;}
	.hd_top{display: none;}
	.hd_cont{display: none;}
	.container{width: 100%;}
	.dh_nav li{width: 33.3%;}
	.dh_nav li a{padding: 0 4px; text-align: center;}
	.dh_nav li a.navHome{padding: 0 4px;}
	.bannerBox{display: none;}
	.searchBg{display: none;}
	.cpMu{display: none;}
	.cpList{width: 100%; height: auto;}
	.cpList li{width: 46%; margin: 2% 2%; height: auto;}
	.cpList li img{width: 100%; height: 180px;}
	.adv{display: block;}
	.ysBox{display: none;}
	.alBox ul{width: 96% !important;}
	.khjzBox ul{width: 96% !important;}
	.gyBox{width: 100%; height: auto;}
	.gyBox dl{width: 100%; height: auto;}
	.gyBox dt img{width: 96%; height: auto; padding: 5px;}
	.gyBox dd{margin-left: 0px; width: 96%; height: auto; padding: 5px;}
	.gyBox dt{float: none;}
	.ryBox{width: 100%;}
	.fcBox ul{width: 96% !important;}
	.dtBox{width: 100%; height: auto;}
	.dtBox dl{display: none;}
	.wtjd{width: 100%; height: auto;}
	.wtjdCont{width: 100% !important;}
	.dtBox ul{width: 96% !important; padding: 5px;}
	.yqlj{display: none;}
	.fotNav{display: none;}
	.formBox{display: none;}
	.lxhw{width: 98%; background:none; padding-left: 0px; margin-right: 0px;  margin-bottom: 14%;}
	.fotBotTxt{display: none;}
	.header, .content, .footer{width: 100%;}
	.fb{display: block;}
.fb {
    display: block!important;
    width: 100%;
    background: #183883;
    color: #fff;
    height: 56px;
    position: fixed;
    bottom: 0;
}
.fb a {
    width: 33.3%;
    display: block;
    height: 56px;
    float: left;
    text-align: center;
    color: #fff;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1;
}
.fb a i {
    display: block;
    height: 28px;
    background: no-repeat center;
    background-size: contain;
    margin-bottom: 5px;
}
.fb a i.i4 {
    background-image: url(../images/f_ico4.png);
}
.fb a i.i3 {
    background-image: url(../images/f_ico3.png);
}
.fb a i.i1 {
    background-image: url(../images/f_ico1.png);
}

}
@media screen and (max-width: 1023px) and (min-width: 768px){
	.container{width: 98%;}
	.fudong img{width: 100%; height: auto;}
	.hd_logo img{width: 100%; height: auto;}
	.hd_cont .hd_logo dd p{font-size: 16px;}
	.dh_nav li{width: 11%;}
	.dh_nav li a{padding: 0 4px; text-align: center;}
	.dh_nav li a.navHome{padding: 0 4px;}
	.bannerBox{display: none;}
	.searchBg{display: none;}
	.cpMu{width: 23%; height: auto;}
	.cpList{width: 75%; height: auto;}
	.cpList li{width: 31.3%; margin: 1% 1%; height: auto;}
	.cpList li img{width: 100%; height: 210px;}
	.ysBox{display: none;}
	.gyBox{width: 65%;}
	.ryBox{width: 30%; margin-right: 5px;}
	.alBox ul{width: 98% !important;}
	.khjzBox ul{width: 98% !important;}
	.fcBox ul{width: 98% !important;}
	.dtBox{width: 62%;}
	.wtjd{width: 35%;}
	.fotNav a{padding: 0 8px;}
	.header, .content, .footer{width: 100%;}
	.formBox{width: 35%; margin-left: 10px;}
	.formBox .m_form .iptTxt{width: 100%;}
	.formBox .m_form .txtAre{width: 100%;}
	.lxhw{width: 50%; padding-left: 0px; margin-right: 0px; background: none;}
	.fb{display: none;}
}
@media screen and (max-width: 1366px) and (min-width: 1024px){
	.container{width: 98%;}
	.fudong img{width: 100%; height: auto;}
	.hd_logo img{width: 100%; height: auto;}
	.hd_cont .hd_logo dd p{font-size: 16px;}
	.dh_nav li{width: 11%;}
	.dh_nav li a{padding: 0 4px; text-align: center;}
	.dh_nav li a.navHome{padding: 0 4px;}
	.bannerBox{display: none;}
	.searchBg{display: none;}
	.cpMu{width: 23%; height: auto;}
	.cpMu img{width: 100%; height: auto;}
	.cpList{width: 75%; height: auto;}
	.cpList li{width: 31.3%; margin: 1% 1%; height: auto;}
	.cpList li img{width: 100%; height: 280px;}
	.gyBox{width: 67%;}
	.ryBox{width: 30%; margin-right: 5px;}
	.alBox ul{width: 98% !important;}
	.khjzBox ul{width: 98% !important;}
	.fcBox ul{width: 98% !important;}
	.dtBox{width: 62%;}
	.wtjd{width: 35%;}
	.fotNav a{padding: 0 18px;}
	.header, .content, .footer{width: 100%;}
	.formBox{width: 35%;margin-left: 10px;}
	.lxhw{width: 50%; }
	.fb{display: none;}
	
} 


                                                                          