@charset "UTF-8";
/*重置样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td { margin:0; padding:0; }
body {	font-size: 14px; color: #333; font-family: '微软雅黑'; background-color: #f9f9f9; min-width: 1100px; overflow-x:hidden }
table { border-collapse:collapse; border-spacing:0; }
img { border:0; display: block; }
ol,ul {  list-style:none; }
h1,h2,h3,h4,h5,h6 {   font-size:100%; color: #333;  font-weight:normal;  }
a{ text-decoration: none; color: #666; }
input {	vertical-align: middle; }
input,button,textarea,select {outline: none; font-family: '微软雅黑';	font-size: 14px; }

.wrap {	width: 1100px;	margin: 0 auto;  }
.main { width: 1100px; margin: 0 auto; }
.clear { clear: both; }

.clearfix:after { clear: both; display: block; content: '' }
.clearfix { zoom: 1 }



/*客服*/
.qqkefu{position: fixed;    top:60%;    _position: absolute;    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index:99999;    right: 10px;    width:39px; display: none;}
.qqkefu ul li{    width: 45px;    height:45px;    margin-bottom:1px;    float:right;    background:#444;    line-height:45px;    font-size:14px;    cursor:pointer;    position:relative;}
.qqkefu ul li a{ font-size: 12px;   color:#fff;    overflow: hidden;    display: block;    height: 45px;}
.qqkefu ul li.qq_cza{    overflow:hidden}
.qqkefu ul li:hover{    background:#151515;}
.qqkefu ul li.top{    background:url(../../img/back.png) no-repeat center #444;    position:relative;    width:45px;    height: 45px;    cursor:pointer;}
.qqkefu ul li.top:hover{    background:url(../../img/back.png) no-repeat center #151515;
}
.qqkefu ul li b{    width:45px;    height:45px;    display:block;    overflow:hidden;    float:left;
}
.qqkefu ul li span{    font-size: 14px;    font-weight: bold;    color: #FFF;}
.qqkefu ul li b.a{    background:url(../../img/qq.png) no-repeat center center;}
.qqkefu ul li b.b{    background:url(../../img/zixun.png) no-repeat center center;}
.qqkefu ul li b.c{    background:url(../../img/weixin.png) no-repeat center center;}
.qqkefu ul li b.e{    background:url(../../img/tel.png) no-repeat center center;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweimaa,.erweima{    width: 130px;    height: 150px;    position: absolute;    top: -107px;    left: -150px;    background: #FFF;    border: 1px solid #CCC;    float: left;    cursor: default !important;    display:none;    /*overflow: hidden;*/}
.erweimaa p,.erweima p{    line-height: 20px;    color: #000;    font-size: 12px;    text-align: center;    float: left;    width: 130px;}
.erweimaa p img,.erweima p img{    width: 110px;    height: 110px;    margin: 10px 10px 0px 10px;}
.erweimaa .arrow3,.erweima .arrow3 {    width: 5px;    height: 10px;    display: block;    background:url(../../img/czx6.png) no-repeat;    position: absolute;
    right: -5px;    top: 122px;}

/*.header*/
.header { width: 100%; height:100px;  background-color: #FFF; position: relative; /*position: fixed; left: 0; top: 0; z-index: 999;*/ }
.header .logo {
	display: block;
	width: 200px;
	height: 182px;
	position: absolute;
	top: 0px;
	left: 448px;
	z-index: 9999;
}

.header .head { width: 280px; float:right; overflow: hidden; padding:20px 0 0 0;  }
.header .head .headL { float: left; padding-top: 14px; }
.header .head .headL .p1 { font-size: 12px; color: #333; letter-spacing: 1px; }
.header .head .headL .p2 { font-size: 12px; color: #999; }
/*.header .head .tel { float: left; margin-left: 12px; padding-top: 14px; font-size: 30px; color: #1171c0;  }*/
.header .head .tel { float: left; margin-left: 12px; padding-top: 5px; font-size: 18px; color: #1171c0;  }
.header .head .formBox { float: left; margin-left: 20px; margin-top: 15px; width: 197px; height: 30px; background: url(../../img/search.png) no-repeat center; }
.header .head .formBox .txt { width: 160px; padding-left: 10px; color: #bebebe; height: 30px; line-height: 30px; background: transparent; border: none; }
.header .head .formBox .btn { width: 27px; height: 30px; line-height: 30px; background: transparent; border: none; cursor: pointer; }
.header .head .language { float: left; display: block; margin-top: 15px; margin-left: 10px; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #FFF; font-family: 'Arial'; background: url(../../img/index_02.png) no-repeat center; }
.header .head .language:hover { background: url(../../img/index_02_hover.png) no-repeat center; }

/*导航nav*/
.navBox { width: 100%; height: 54px; position: relative; /*position: fixed; left: 0; top: 100px; z-index: 198;*/ }
.navBox .nav { width: 100%; height: 54px; background-color: #1171c0; }
.navBox .nav ul li { float: left; height: 54px; width:112px; line-height: 54px;  }
.navBox .nav ul li.last { padding-right: 0; background: none; }
.navBox .nav ul li a { display: block;  font-size: 16px; color: #FFF; text-align:center; }
.navBox .nav ul li.hover a,.navBox .nav ul li:hover a,.nav ul li.active a { background-color: #cca470; }


/*banner*/
.flexslider{position:relative;overflow:hidden; z-index: 99;}
.flexslider .slides li { position: relative; width: 100%; height: 708px; }
.flexslider .slides li .img{display: block; width: 100%; height: 708px; position: absolute; left: 0 ;top: 0;}
.flex-direction-nav a{position:absolute;top:50%;width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../../img/ad_ctr.png) no-repeat;
    z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease; z-index: 101;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}

/*第一部分内容*/
.section1 { padding-top: 55px; padding-bottom: 40px; background-color: #FFF; }
.section1 .titleBox { width: 1100px; margin: 0 auto; padding-top: 22px; background: url(../../img/index_03.png) no-repeat center top; margin-bottom: 40px; }
.section1 .titleBox h2 { text-align: center; color: #333; font-size: 30px; line-height: 50px;  }
.section1 .titleBox .onlineBox { width: 1100px; overflow: hidden; }
.section1 .titleBox .onlineBox .online { float: left; width: 462px; height: 1px; background-color: #eee; }
.section1 .titleBox .onlineBox p { float: left; width: 176px; text-align: center; font-weight: bold; font-size: 12px; color: #ccc; font-family: 'Arial'; }

.sec1L { float: left; width: 526px; height: 495px; /*overflow: hidden;*/ }
.sec1L a { display: block; width: 325px; height: 87px; margin-left: -526px; padding: 15px 45px 15px 156px; margin-bottom: 48px; opacity:0;filter:alpha(opacity=0); }
.sec1L a.one { background: url(../../img/index_04.png) no-repeat left center; }
.sec1L a.one:hover { background: url(../../img/index_04_hover.png) no-repeat left center; }
.sec1L a.two { background: url(../../img/index_06.png) no-repeat left center; }
.sec1L a.two:hover { background: url(../../img/index_06_hover.png) no-repeat left center; }
.sec1L a.three { background: url(../../img/index_07.png) no-repeat left center; }
.sec1L a.three:hover { background: url(../../img/index_07_hover.png) no-repeat left center; }
.sec1L a h3 { font-size: 16px; color: #333; font-weight: bold; }
.sec1L a span { color: #1171c0; }
.sec1L .para { margin-top: 10px; }
.sec1L .para p { color: #999; line-height: 18px; }

.sec1R { float: right; width: 548px; margin-right: -548px; /*opacity: 0.5; filter: alpha(opacity=50);*/ }
.sec1R .sec1Img { width: 548px; height: 316px; position: relative; }
.sec1R .sec1Img img { width: 548px; height: 316px; }
.sec1R .sec1Img h4 { width: 92px; height:60px; background-color: #cca470; font-size: 24px; color: #FFF; line-height:30px; padding:5px 0;  text-align: center; position: absolute; left: 0; top: 0; }
.sec1R .para { padding: 30px 20px 0; border-left:2px #ddd solid; }
.sec1R .para p { color: #333; line-height: 21px; margin-bottom: 20px; }
.sec1R .para a { color: #ccc; }
.sec1R .para a:hover { color: #333; }

/*第二部分内容*/
.section2 { width: 100%; padding-top: 74px; padding-bottom: 60px; background: #f2f2f2 url(../../img/sec2bg.jpg) repeat-x left top; }
.section2 .titleBox { width: 1100px; margin: 0 auto; padding-top: 18px; background: url(../../img/indexico.png) no-repeat center top; margin-bottom: 40px; }
.section2 .titleBox h2 { text-align: center; color: #fff; font-size: 30px; line-height: 50px;  }
.section2 .titleBox .onlineBox { width: 1100px; overflow: hidden; }
.section2 .titleBox .onlineBox .online { float: left; width: 462px; height: 1px; background-color: #fff; }
.section2 .titleBox .onlineBox p { float: left; width: 176px; text-align: center; font-weight: bold; font-size: 12px; color: #fff; font-family: 'Arial'; }

.sec2Main { width: 1100px; height: 383px; margin: 0 auto; overflow: hidden; position:relative; }
.sec2Main .item { float: left; display: block; width: 260px; height: 270px; margin-right: 20px; margin-left: 1100px; overflow:hidden; }
.sec2Main .item .img,.sec2Main .item .img img { width: 260px; height: 173px; }
.sec2Main .item .sec2Bottom { width: 220px; height: 66px; padding: 15px 20px; background: #1171c0 url(../../img/cpb-1.png)  no-repeat right bottom;
    -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.sec2Main .item .sec2Bottom h3 { color: #FFF; line-height: 24px; font-size: 16px; }
.sec2Main .item .sec2Bottom p { color: #fff; line-height: 16px; font-size: 12px; margin-top: 8px; }
.sec2Main .item:hover .sec2Bottom { background-color: #e18520; }
.sec2Main .item:hover .sec2Bottom p { color: #fff; }
.sec2Main .item.r { margin-right: 0; background-color: #1171c0; position: relative; height: 383px; }
.sec2Main .item.r h4 { font-size: 24px; color: #FFF; text-align: center;  line-height: 40px; padding-top: 34px; }
.sec2Main .item.r p { font-size: 12px; font-weight: bold; text-align: center; font-family: 'Arial';  color: #f5caa8; }
.sec2Main .item.r ul { width: 165px; margin: 30px auto 0; }
.sec2Main .item.r ul li { width: 165px; height: 36px; margin-bottom: 15px; }
.sec2Main .item.r ul li a { display: block; width: 165px; height: 36px; text-align: center; line-height: 36px; color: #FFF; background: url(../../img/index_11.png) no-repeat center; }
.sec2Main .item.r ul li a:hover {color: #000; background: url(../../img/index_12.png) no-repeat center; }
.sec2Main .item.r .prodMore { display: block; width: 70px; height: 40px; text-align: center; font-size: 12px; line-height: 40px; color: #FFF; background-color: #cca470; position: absolute; left: 95px; bottom: 0; }
.sec2Main .item.r .prodMore:hover { background-color: #a57b43; }
.section2 .caseMore { display: block; width: 165px; height: 36px; margin: 40px auto 0; line-height: 36px; text-align: center; color: #787878; background: url(../../img/index_13.png) no-repeat center; }
.section2 .caseMore:hover { color: #e18520; }
.ppysa{ width:820px; height:70px; position:absolute; left:0px; bottom:0px;}



/*第四部分*/
.section4 { width: 100%; background-color: #FFF; padding:50px 0; }
.section4 .titleBox { width: 1100px; margin: 0 auto; padding-top: 22px; background: url(../../img/index_03.png) no-repeat center top; margin-bottom: 40px; }
.section4 .titleBox h2 { text-align: center; color: #333; font-size: 30px; line-height: 50px;  }
.section4 .titleBox .onlineBox { width: 1100px; overflow: hidden; }
.section4 .titleBox .onlineBox .online { float: left; width: 462px; height: 1px; background-color: #eee; }
.section4 .titleBox .onlineBox p { float: left; width: 176px; text-align: center; font-weight: bold; font-size: 12px; color: #ccc; font-family: 'Arial'; }

.sec4Main { margin: 40px auto 0; width: 1100px; overflow: hidden; }
.sec4Main ul { width: 1100px; height: 486px; overflow: hidden; }
.sec4Main ul li { margin-left: 1100px; display: block; float: left; border: 1px solid #e5e5e5; padding: 30px 28px 80px; width: 294px; margin-right: 22px; min-height: 374px; position: relative; background:#fff url(../../img/xwb-2.png) no-repeat right top; }
.sec4Main ul li.r { margin-right: 0; }
.sec4Main ul li h3 { font-size: 21px; color: #333; font-weight: bold; line-height: 24px; }
.sec4Main ul li h3 span { color: #1171c0; }
.sec4Main ul li h4 { font-size: 12px; color: #ccc; line-height: 24px; font-weight: bold; font-family: 'Arial'; }

.sec4Main ul li .img { margin-top: 25px; width: 294px; height: 142px; overflow: hidden; }
.sec4Main ul li .img img { width: 294px; height: 142px; }
.sec4Main ul li .para { margin-top: 15px; }
.sec4Main ul li .para p { color: #333; padding-left: 20px; background: url(../../img/index_23.jpg) no-repeat left center; line-height: 24px; }
.sec4Main ul li .para p a { color: #333; }
.sec4Main ul li .para p a:hover { color: #1171c0; }
.sec4More { display: block; width: 70px; height: 40px; font-style: normal; text-align: center; line-height: 40px; color: #FFF; background-color: #333; position: absolute; left:140px; bottom: 0;
    -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.sec4More:hover { background-color: #1171c0;  }


/*footer*/
.footer { width: 100%; padding: 40px 0;  background-color: #1171c0; }
.footer .footDl { width: 1100px; overflow: hidden;  }
.footer .footDl dl { float: left; width: 90px; margin-right: 20px; }
.footer .footDl dl.w { width: 150px; }
.footer .footDl dl dt { margin-bottom: 32px; }
.footer .footDl dl dt a { color: #FFF; }
.footer .footDl dl dd { line-height: 22px; }
.footer .footDl dl dd a { color: #ffe1bf; }
.footer .footDl dl dd a:hover { color: #FFF; }
.footer .footDl dl.last { width: 204px; margin-right: 0; float:right; }
.footer .footDl dl.last dt { overflow: hidden; }
.footer .footDl dl.last dt .img { float: left; width: 90px; margin-left: 12px; }
.footer .footDl dl.last dt .img p { text-align: center; color: #FFF; line-height: 30px; }

.footer .friendLink { width: 1100px; }
.footer .friendLink .f_title { width: 1100px; height: 32px; background: url(../../img/footer_01.jpg) repeat-x center; }
.footer .friendLink .f_title a { float: left; display: block; color: #FFF; text-align: center; line-height: 30px; font-weight: bold; margin-right: 10px; width: 80px; height: 32px; background: url(../../img/footer_03.png) no-repeat; }
.footer .friendLink .f_title a.active { background: url(../../img/footer_02.png) no-repeat; color: #1171c0; }
.footer .friendLink .f_main { margin-top: 20px; overflow: hidden; display: none; }
.footer .friendLink .f_main li { float: left; margin-bottom: 10px; margin-right: 25px; }
.footer .friendLink .f_main li a { color: #ffe0bc; font-size: 12px; }
.footer .friendLink .f_main li a:hover { color: #fff; }
/*copyBox*/
.copyBox { width: 100%; height: 48px; line-height: 48px; background-color: #333; }
.copyBox p { color: #999; float: left; }
.copyBox .link { float: right; }
.copyBox .link a { margin-left: 15px; color: #999; }
.copyBox .link a:hover { color: #ccc; }
.bqxx{ width:840px; float:left;}
.bqxx p{ font-size:14px; color:#FFF; line-height:30px;}
.bqxx p a{ color:#cca470}



/*内页*/
/*解决方案*/
.banners { width: 100%; height: 250px;  background: url(../../img/nban-1.jpg) no-repeat center top; padding:50px 0 0 0; }
.banners h1 { font-size: 24px; color: #fff; line-height: 30px; text-align: center; }
.banners .subNav { text-align: center; margin-top: 10px; font-size: 14px; color: #fff; }
.banners .subNav a { color: #fff; }
.banners .subNav a:hover { color: #F90 }

.container { padding-top: 30px; padding-bottom: 65px; }
.container .menuBox1 { width: 1100px; text-align: center; height: 34px; background: url(../../img/img_19.jpg) repeat-x center; }
.container .menuBox1>li {position: relative; display: inline-block; *display: inline; *zoom: 1; width: 168px;height: 34px; line-height: 34px; text-align: center;background: url(../../img/img_20.jpg) repeat-x center; margin: 0 -2px;}
.container .menuBox1>li>a{ color: #000; display: block; height: 34px; line-height: 34px;}
.container .menuBox1>li>a:hover { color: #1171c0; }
.container .menuBox1>li.active>a{ color: #FFF; background: url(../../img/img_03.jpg) repeat-x center; }
.container .menuBox1>li.before { width: 20px; height: 34px; color: #FFF; border: none; background: url(../../img/img_01.jpg) no-repeat left top; }
.container .menuBox1>li.after { width: 20px; height: 34px; color: #FFF; border: none; background: url(../../img/img_04.jpg) no-repeat right top; }

.container .menuBox { width: 1100px; text-align: center; height: 34px; background: url(../../img/img_19.jpg) repeat-x center; }
.container .menuBox a { display: inline-block; *display: inline; *zoom: 1; width: 168px; height: 34px; line-height: 34px; text-align: center; color: #000; background: url(../../img/img_20.jpg) repeat-x center; }
.container .menuBox a:hover { color: #1171c0; }
.container .menuBox a.active { color: #FFF; background: url(../../img/img_03.jpg) repeat-x center; }
.container .menuBox a.before { width: 20px; height: 34px; color: #FFF; border: none; background: url(../../img/img_01.jpg) no-repeat left top; }
.container .menuBox a.after { width: 20px; height: 34px; color: #FFF; border: none; background: url(../../img/img_04.jpg) no-repeat right top; }


.pd_menu3{display: none; position: absolute;width: 142px;background: #fff; border: 1px solid #1171c0;top:33px;left: 50%;margin: 0 0 0 -71px;padding: 11px 0;z-index: 11111;}
.pd_menu3:before{content: " ";background: url("../../img/n_nav4_04.png");width: 10px;height: 7px; left: 50%;margin: 0 0 0 -5px; top: -7px;position: absolute;}
.pd_menu3 a{display: block;font-size: 12px; line-height: 18px;color: #8a8a8a;padding: 0 10px 0 20px;margin-top: 3px;position: relative;text-align: left;}
.pd_menu3 a:before{content: " ";background: url("../../img/n_nav4_07.jpg");width: 3px;height: 10px;left: -1px;top:4px;position: absolute;opacity: 0;filter:alpha(opacity=0);}
.container .menuBox1>li:hover .pd_menu3{display: block;}
.pd_menu3 a:hover{color: #1171c0;}
.pd_menu3 a.on{color: #1171c0;}
.pd_menu3 a.on:before{opacity: 1;filter:alpha(opacity=100);}
.pd_menu3 a:hover:before{opacity: 1;filter:alpha(opacity=100);}
.container .menuBox1>li.active .pd_menu3{border-color: #e9e9e9;}
.container .menuBox1>li.active .pd_menu3:before{background: url("../../img/n_nav4_03.png");}

.solutionBox { width: 1100px; margin-top: 40px; }
.solutionBox .solutionBoxs { margin-bottom: 20px; background-color: #FFF; width: 1008px; padding: 46px; -webkit-box-shadow: 3px 5px 8px #E2E1E1; overflow: hidden; }
.solutionBox .solutionBoxs .img { float: left; width: 220px; overflow: hidden; }
.solutionBox .solutionBoxs .img img {width: 220px;}
.solutionBox .solutionBoxs .solutionR { float: right; width: 745px; }
.solutionBox .solutionBoxs .solutionR h3 { font-size: 18px; color: #000; font-weight: bold; margin-bottom: 15px; }
.solutionBox .solutionBoxs .solutionR .para { margin-bottom: 30px; }
.solutionBox .solutionBoxs .solutionR .para p { color: #999; line-height: 21px; }
.solutionBox .solutionBoxs .solutionR ul { width: 745px; }
.solutionBox .solutionBoxs .solutionR ul li { padding: 10px 0; border-bottom: 1px dashed #ddd; background: url(../../img/img_21.jpg) no-repeat right center; }
.solutionBox .solutionBoxs .solutionR ul li a { padding-left: 25px; background: url(../../img/img_17.png) no-repeat left center; color: #333; }
.solutionBox .solutionBoxs .solutionR ul li a:hover { color: #1171c0; background: url(../../img/img_18.png) no-repeat left center; }


/*产品中心*/
.prodBox { width: 1100px; margin-top: 40px; }
.prodBox ul { overflow: hidden; }
.prodBox ul li { float: left; width: 260px; height: 259px; padding:14px 7px; }
.prodBox ul li.r { margin-right: 0; }
.prodBox ul li a { display: block; width: 260px; height: 259px; cursor: pointer; }
.prodBox ul li a .img { width: 258px; height: 172px; border: 1px solid #eee; overflow: hidden; }
.prodBox ul li a .img img { width: 258px; height: 172px; -webkit-transition: 1s; }
.prodBox ul li a:hover .img img { -webkit-transform: scale(1.1); }
.prodBox ul li a .prod_title { width: 220px; height: 67px; padding: 15px 20px; background-color: #eee; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.prodBox ul li a:hover .prod_title { background-color: #1171c0; }
.prodBox ul li a .prod_title h3 { font-size: 16px; color: #000; line-height: 36px; }
.prodBox ul li a .prod_title p { font-size: 12px; color: #666; line-height: 18px; }
.prodBox ul li a:hover .prod_title h3,.prodBox ul li a:hover .prod_title p { color: #FFF; }

/*分页*/
.pageBox { width: 1100px; text-align: center; margin-top: 20px; }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color: #1171c0; color: #FFF; }
.pageBox .shangyi{ display:none;}
/*应用案例*/
.caseBox { width: 1100px; margin-top: 40px; }
.caseBox ul { overflow: hidden; }
.caseBox ul li { float: left; width: 260px; height: 345px; margin-bottom: 20px; margin-right: 20px; }
.caseBox ul li.r { margin-right: 0; }
.caseBox ul li a { display: block; width: 260px; height: 345px; cursor: pointer; }
.caseBox ul li a .img { width: 260px; height: 260px; overflow: hidden; }
.caseBox ul li a .img img { width: 260px; height: 260px; -webkit-transition: 1s; }
.caseBox ul li a:hover .img img { -webkit-transform: scale(1.1); }
.caseBox ul li a .case_title { width: 220px; height: 65px; padding: 10px 20px; background-color: #eee; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.caseBox ul li a:hover .case_title { background-color: #1171c0; }
.caseBox ul li a .case_title h3 { font-size: 18px; color: #000; line-height: 24px; }
.caseBox ul li a .case_title p { font-size: 12px; color: #666; line-height: 18px; }
.caseBox ul li a:hover .case_title h3,.caseBox ul li a:hover .case_title p { color: #FFF; }

.caseBox .navs { height: 28px; line-height: 28px; margin-bottom: 25px; }
.caseBox .navs a { margin-right: 15px; }
.caseBox .navs a.active,.caseBox .navs a:hover { color: #1171c0; }

/*服务支持 常见问题*/
.serviceBox { width: 1010px; padding: 43px 45px; margin-top: 40px; background-color: #FFF; -webkit-box-shadow: 5px 5px 5px #eee; }
.serviceBox .problem { width: 1010px; }
.serviceBox .problem a { display: block; width: 954px; margin-bottom: 15px; padding-left: 56px; height: 40px; line-height: 40px; color: #595757; position: relative; background: url(../../img/prob_01.jpg) no-repeat center; }
.serviceBox .problem a span { display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #FFF; background-color: #1171c0; position: absolute; right: 0; top: 0; display: none; }
.serviceBox .problem a:hover { color: #FFF; background: url(../../img/prob_01_hover.jpg) no-repeat; }
.serviceBox .problem a:hover span { display: block; }

/*新闻中心*/
.newsBox { width: 1010px; padding: 43px 45px; margin-top: 40px; background-color: #FFF; -webkit-box-shadow: 5px 5px 5px #eee; }
.newsList { width: 1010px; }
.newsList a { display: block; width: 1010px; height: 152px; margin-bottom: 30px; }
.newsList a .img { float: left; width: 315px; height: 152px; background-color: #1171c0; overflow: hidden; }
.newsList a:hover .img { -webkit-box-shadow: 5px 5px 5px #eee; box-shadow: 5px 5px 5px #eee; opacity: 0.9; filter: alpha(opacity=90); }
.newsList a .img img { width: 315px; height: 152px; }
.newsList a .newsContent { width: 615px; height: 92px; padding: 30px; float: left; margin-left: 20px; background-color: #f9f9f9;
    -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.newsList a:hover .newsContent { background-color: #1171c0; }
.newsList a .newsContent .newsTitle { width: 615px; margin-bottom: 25px; overflow: hidden; }
.newsList a .newsContent .newsTitle h2 { float: left; font-size: 18px; color: #000; line-height: 18px; }
.newsList a:hover .newsContent h2 { color: #FFF; }
.newsList a .newsContent .newsTitle i { float: right; font-style: normal; font-size: 12px; color: #999; line-height: 18px; }
.newsList a:hover .newsContent i { color: #ffdab0; }
.newsList a .newsContent .para { width: 615px; }
.newsList a .newsContent .para p { line-height: 24px; color: #666; }
.newsList a:hover .newsContent .para p{ color: #f9f9f9; }

.newsPage { width: 1010px; }

/*新闻详情*/
.newsDetail { width: 1020px; background-color: #FFF; margin: 0 auto; }
.newsDetail .newsTitleBox { width: 1020px; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; }
.newsDetail .newsTitleBox h3 { font-size: 24px; color: #333; line-height: 36px; text-align: center; }
.newsDetail .newsTitleBox p { font-size: 13px; color: #999; line-height: 24px; text-align: center; }
.newsDetail .newsDetails { padding: 20px 10px 0; }
.newsDetail .newsDetails p { color: #666; line-height: 24px; margin-top: 10px; text-indent: 2em; }
.newsDetail .newsDetails img { margin: 15px auto 0; }

.newsDetail .detailPage { width: 1020px; height: 30px; line-height: 30px; position: relative; margin-top: 50px; }
.newsDetail .detailPage .detailPageL,.newsDetail .detailPage .detailPageR { position: absolute; top: 0; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.newsDetail .detailPage .detailPageL { padding-left: 40px; background: url(../../img/L01.png) no-repeat left; left: 0; }
.newsDetail .detailPage .detailPageR { padding-right: 40px; background: url(../../img/R01.png) no-repeat right; right: 0; }
.newsDetail .detailPage .detailPageL:hover,.newsDetail .detailPage .detailPageR:hover { color: #1171c0; }
.newsDetail .detailPage .detailPageC { width: 180px; margin: 0 auto; }
.newsDetail .detailPage .detailPageC span { float: left; }

.otherNews { width: 1020px; margin-top: 50px; }
.otherNews h4 { font-size: 18px; margin-bottom: 15px; }
.otherNews ul { margin: 0 auto; overflow: hidden; padding-top: 20px; border-top: 1px solid #E0E0E0 }
.otherNews ul li { float: left; width: 485px; margin-bottom: 15px; }
.otherNews ul li a { color: #999; }
.otherNews ul li a:hover { color: #1171c0; }


/*关于我们*/
.aboutBox { width: 1010px; padding: 23px 45px; margin-top: 40px; background-color: #FFF; -webkit-box-shadow: 5px 5px 5px #eee; }
.aboutBox img { width: 1010px; }
.aboutBox h2 { color: #333; font-size: 18px; font-weight: bold; margin-top: 35px; }
.aboutBox h3 { font-size: 36px; color: #1171c0; font-weight: bold; }
.aboutBox p{ line-height:28px;}
.aboutBox .para { width: 1010px; margin-top: 25px; }
.aboutBox .para p { line-height: 21px; margin-bottom: 20px; }
.aboutBox .about { width: 1010px; margin-top: 65px; overflow: hidden; }
.aboutBox .about .abouts { float: left; width: 505px; }
.aboutBox .about .abouts h4 { line-height: 44px; font-size: 24px; font-weight: bold; color: #1171c0; }
.aboutBox .about .abouts h5 { margin-top: 22px; line-height: 20px; color: #333; }
.aboutBox .about .abouts p { color: #757575; }

/*联系我们*/
.contactBox { width: 1010px; padding: 43px 45px; margin-top: 40px; background-color: #FFF; -webkit-box-shadow: 5px 5px 5px #eee; }
.contactBox h2 { font-size: 18px; color: #1171c0; line-height: 36px; text-align: center; font-weight: bold; }
.contactBox .telBox { text-align: center; line-height: 40px; margin-top: 12px; font-size: 34px; color: #666; font-family: 'intro_regular'; }
.contactBox .telBox span { padding-left: 50px; background: url(../../img/contact_01.png) no-repeat left center; }
.contactBox .para { margin-top: 12px; }
.contactBox .para p { line-height: 24px; color: #757575; text-align: center; }

.contactBox .contact { width: 1010px; margin-top: 42px; padding-top: 33px; padding-bottom: 13px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.contactBox .contact ul { width: 800px; margin: 0 auto; overflow: hidden; }
.contactBox .contact ul li { float: left; width: 310px; margin-bottom: 20px; padding-left: 90px; min-height: 64px; }
.contactBox .contact ul li.li01 { background: url(../../img/contact_02.png) no-repeat left center; }
.contactBox .contact ul li.li02 { background: url(../../img/contact_03.png) no-repeat left center; }
.contactBox .contact ul li.li03 { background: url(../../img/contact_04.png) no-repeat left center; }
.contactBox .contact ul li.li04 { background: url(../../img/contact_05.png) no-repeat left center; }

.contactBox .contact ul li p { color: #757575; line-height: 32px; }
.contactBox .map { width: 1010px; margin-top: 60px; overflow: hidden; }

/*留言板*/
.contactBox .form { width: 1010px; margin-top: 30px; }
.contactBox .form .formWrap { width: 1010px; overflow: hidden; }
.contactBox .form .formL { width: 416px; float: left; }
.contactBox .form .formL .txt { width: 398px; height: 44px; padding-left: 16px; line-height: 44px; border: 1px solid #d2d2d2; margin-bottom: 12px; color: #a3a3a3; }
.contactBox .form .formR { width: 555px; float: right; }
.contactBox .form .formR .txts { width: 523px; height: 135px; padding: 15px; border: 1px solid #d2d2d2; color: #a3a3a3; }
.contactBox .form .btn { display: block; width: 290px; height: 57px; line-height: 57px; font-size: 14px; text-align: center; background: #1171c0; color: #FFF; border: none; cursor: pointer; margin: 30px auto 0; border-radius: 30px; }
.contactBox .form .btn:hover { opacity: 0.8; filter: alpha(opacity=80); }

/*荣誉资质*/
.honorBox { width: 1010px; padding: 43px 45px; margin-top: 40px; background-color: #FFF; -webkit-box-shadow: 5px 5px 5px #eee; }
.honorUl { overflow: hidden; }
.honorUl li { float: left; width: 224px; height: 280px; position: relative; margin-bottom: 43px; margin-right: 38px; }
.honorUl li.r { margin-right: 0; }
.honorUl li .honorTitle { width: 184px; height: 280px; line-height: 280px; padding: 0 20px; background-color: #1171c0; text-align: center; color: #FFF; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0);
    -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.honorUl li:hover .honorTitle { opacity: 0.7; filter: alpha(opacity=70); }

/*商城*/
.mall { width:930px; margin: auto; padding: 40px; background-color: #FFF; }



.cz_employ{overflow:hidden; width:1000px; margin:auto;}
.cz_employt{height:110px;border-bottom:1px dashed #e5e5e5;}
.cz_employtl{float:left;margin-top:15px;}
.cz_employtr{float:right;margin-top:15px;}
.cz_employc_a{line-height:23px;padding:10px 0;color:#666666;font-size:12px;}
.cz_employc_b{border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
.cz_employc_bt{height:33px;}
.cz_employc_bt.a{background:#D8D8D8;}
.cz_employc_bt div{line-height:33px;color:#666666;text-align:center;float:left;display:block;font-size:12px;}
.cz_employc_bt .a{width:450px;border-right:1px solid #dddddd}
.cz_employc_bt .b{width:200px;border-right:1px solid #dddddd}
.cz_employc_bt .c{width:200px;}
.cz_employc_bt .a.cz_a{text-align:left}
.cz_employc_bt .a.cz_a span{width:20px;height:33px;background:url(../img/l_sj.jpg) no-repeat 10px 12px;display:block;float:left}
.cz_employc_bt.cz_current span{background:url(../img/x_sl.jpg) no-repeat 7px 15px !important;}
.czem_a_cont{padding:30px 10px;border-bottom:1px solid #dddddd;display:none}
.czem_a_cont p{color:#666666;font-size:12px;line-height:25px;margin:5px 0}
.cz_employc_bt.bo{border-bottom:1px solid #dddddd;cursor:pointer;overflow: hidden;}
.cz_employc_bt .cz_current{background:url(../img/x_sl.jpg) no-repeat 7px 15px !important;}



.services{overflow:hidden; width:820px; margin:auto; text-align:left;}
.services img{padding-bottom:25px;}
.services ul{overflow:hidden; padding-bottom:20px}
.ser_top{height:45px;line-height:45px;display: block;color:#3c3c3c; font-size:16px;background:url(../../img/ser_x.jpg) no-repeat center right;
    border-bottom:1px solid #b2b2b2;-webkit-transition: all 0.5s ease-in-out 0s;}
.ser_top:hover{background:url(../../img/ser_s.jpg) no-repeat center right;}
.ser_top.hover{background:url(../../img/ser_s.jpg) no-repeat center right;}
.ser_bottom{width:800px; position:relative; padding:30px 10px 30px 10px;overflow:hidden;border-bottom:1px solid #b2b2b2;}
.ser_bottom p{ overflow:hidden; background:url(../../img/ser_dian.jpg) no-repeat center left; padding:3px 15px 3px 15px;}
.ser_bottom p a{background:url(../../img/ser_xz.jpg) no-repeat center right; font-size:12px; color:#8e8e8e; line-height:24px; padding-right:30px;}
.ser_bottom p:hover a{color:#fabf03;}