@charset "utf-8";
/* CSS Document */
.bnr {width: 100%;position: relative;z-index: 0;overflow: hidden;}
/*.bnr {width: 100%;height: 780px;padding-top: 130px;position: relative;z-index: 0;overflow: hidden;}*/
.bnr .bd { margin: 0 auto; position: relative; z-index: 0; }
.bnr .bd ul { width: 100% !important; }
.bnr .bd li { width: 100% !important; height: 650px; overflow: hidden; text-align: center; }
.bnr .bd li a { display: block; height: 650px; }
.bnr .hd { width: 100%; position: absolute; z-index: 0; bottom: 0; left: 0; height: 50px; line-height: 50px; text-align: center; _background: #000000; _filter: alpha(opacity=60); }
.bnr .hd ul {text-align: center;}
.bnr .hd ul li {border-radius: 4px;cursor: pointer;display: inline-block;zoom: 1;width: 35px;height: 8px;margin: 10px;background: #000000;overflow: hidden;line-height: 9999px;}
.bnr .hd ul .on {background: #ffffff;}
.bnr .prev,
.bnr .next {position: absolute;left: 3%;top: 50%;margin-top: -25px;width: 32px;height: 40px;background: url(../images/slider-arrow.png) -110px 5px no-repeat; display: none;filter: alpha(50%);opacity: 0.5;}
.bnr .next {left: auto;right: 3%;background-position: 8px 5px;}
.bnr:hover .prev, .bnr:hover .next { display: block;}
.bnr:hover .prev:hover, .bnr:hover .next:hover { filter: alpha(100%);opacity: 100;}
/*关于我们*/
.about{background-image: url(../images/about-bg.jpg);padding-top:70px;height: 804px;}
.about .in-about{height: 334px;overflow: hidden;}
.about .in-about .leftbox{position: relative;width: 493px;height: 338px;}
.about .in-about .leftbox .decoration{width: 284px;height: 284px;background-color: #1170c9;opacity: 0.6;}
.about .in-about .leftbox .company{position: absolute;z-index: 666;top: 30px;left: 50px;width: 400px;height: 300px;overflow: hidden;border: 1px solid #ffffff;}
.about .in-about .leftbox .company img{max-width: 100%;}
.about .in-about .rightbox{width: 578px;height: 338px;}
.about .in-about .leftbox:hover .company img{transform: scale(1.03);}
.about .in-about .rightbox h3{font-size: 30px;font-weight: normal;color: #4f5050;}
.about .in-about .rightbox img{margin-top: 19px;}
.about .in-about .rightbox p{}
.about .in-about .rightbox .writing{margin-top: 7px;}
.about .in-about .rightbox .writing p{color: #4f5050;font-size: 16px;line-height: 28px;margin-bottom: 16px;text-indent: 2em;}
/*业务范围*/
.business{background-color: #f8f8f8;height: 830px;}
.business .intitlebox {padding-top: 70px;}
.business .business-show{width: 1200px;overflow: hidden;margin-top: 42px;}
.business .business-show ul{width: 1260px;}
.business .business-show ul li{width: 262px;float: left;margin-right: 50px;height: 423px;border: 1px dashed #1170c9;background-color: #ffffff;}
.business .business-show ul li:hover{background-color: #1170c9;}
.business .business-show ul li a{}
.business .business-show ul li a p.picbox{width: 200px;height: 220px;overflow: hidden;margin: 0 auto;margin-top: 30px;}
.business .business-show ul li a p.picbox img{max-width: 100%;}
.business .business-show ul li:hover a p.picbox img{transform: scale(1.03);}
.business .business-show ul li:nth-child(4n+0){margin-right: 0;}
.business .business-show ul li a .btbox{text-align: center;margin-top: 30px;}
.business .business-show ul li:hover a .btbox h3,.business .business-show ul li:hover a .btbox em{color: #ffffff;}
.business .business-show ul li a .btbox h3{font-size: 18px;font-weight: normal;color: #333434;}
.business .business-show ul li a .btbox em{font-style: normal;font-family: sans-serif;font-size: 16px;color: #c2c7c7d1;text-transform: uppercase;line-height: 60px;letter-spacing: 2px;}
.business .business-show ul li a .btbox i{height: 1px;display: block;width: 180px;background-color: #ebecec;margin: 0 auto;}
.business .business-show ul li:hover a .btbox i{background-color: #76b1e9;}
.business .business-show ul li a .hover-pic{width: 40px;height: 40px;overflow: hidden;margin: 0 auto;margin-top: 12px;position: relative;}
.business .business-show ul li a .hover-pic img{position: absolute;top: 0;left: 0;z-index: 555;}
.business .business-show ul li:hover a .hover-pic img{ top: -50px; }
/*产品与服务*/
.product{height: 1050px;}
.product .intitlebox {padding-top: 70px;}
.product .tit3{width: 413px;height: 125px;background-image: url(../images/tit_21.png);background-repeat: no-repeat;}
.product .product-list{margin-top: 23px;}
.product .product-list ul{display: block;height: 110px;text-align: center;clear: both;}
.product .product-list ul li{width: 153px;height: 46px;border-radius: 23px;-webkit-border-radius: 23px;-moz-border-radius: 23px;border: 1px solid #dcdcdc;margin: 0px 10px;display: inline-block;}
.product .product-list ul li a{display: block;text-align: center;line-height: 46px;color: #4e4e4e;font-size: 16px;}
.product .product-list ul li:hover{background-color: #5f94ed;border: 1px solid #5f94ed;}
.product .product-list ul li:hover a{color: #ffffff;}
.product .service{width: 1200px; margin-top:20px;overflow: hidden;}
.product .service ul{width: 1400px;}
.product .service ul li{width: 360px;margin-right: 60px;margin-bottom: 20px;float: left;}
.product .service ul li:nth-child(3n+0){margin-right: 0;}
.product .service ul li a{}
.product .service ul li a .service-pic{width:360px;height: 270px; overflow: hidden;}
.product .service ul li a .service-pic img{max-width: 100%;}
.product .service ul li:hover a .service-pic img{ transform: scale(1.03);}
.product .service ul li a .service-text{height: 52px;width: 360px;background-color: #f8f8f8;overflow: hidden;}
.product .service ul li:hover a .service-text{background-color: #5f94ed;}
.product .service ul li a .service-text span{font-size: 18px;color: #161616;text-align: center;display: block;line-height: 52px;}
.product .service ul li:hover a .service-text span{color: #ffffff;}
/*案例展示*/
.case .intitlebox {padding-top: 70px;}
.case {margin-top: 20px;height: 744px;background: url(../images/cassbg_17.jpg) no-repeat top center;clear: both;}
.case .tit4{width: 513px;height: 125px;background-image: url(../images/tit_21.png);background-repeat: no-repeat;top: 83px;}
.case .produ-con {padding: 15px;}
.case .produScroll {width: 1174px;height: 348px;margin: 37px auto 16px;position: relative;}
.case .produScroll .prev {position: absolute;top: 150px;left: -50px;width: 44px;height: 44px;background: url(../images/arrow_04.png) no-repeat 0 0;}
.case .produScroll .prev:hover {position: absolute;top: 150px;left: -50px;width: 44px;height: 44px;background: url(../images/arrow_04.png) no-repeat 0 -44px;}
.case .produScroll .next {position: absolute;top: 150px;right: -50px;width: 44px;height: 44px;background: url(../images/arrow_06.png) no-repeat 0 0;}
.case .produScroll .next:hover {position: absolute;top: 150px;right: -50px;width: 44px;height: 44px;background: url(../images/arrow_06.png) no-repeat 0 -44px;}
.case .produScroll .scrollWrap {padding-left: 0px;width: 1170px;position: absolute;overflow: hidden;}
.case .produScroll dl {height: 349px;float: left;width: 380px;margin-right: 17px;}
.case .produScroll dt {margin: 0 auto;width: 380px;height: 245px;overflow: hidden;display: block;}
.case .produScroll dt:hover img{transform: scale(1.03);}
.case .produScroll img {display: block;max-width: 100%;}
.case .produScroll dd {padding: 13px 10px;display: inline-block;box-shadow: 0 1px 1px #eaeaea;background-color: #ffffff;}
.case .produScroll dd h3 {font-size: 20px;color: #333333;margin-bottom: 12px;font-weight: normal;text-align: center;}
.case .produScroll dd p {line-height: 22px;color: #999999;text-align: center;}
.case .produScroll dl:hover dd h3 { color: #1276dc; }
.case .produScroll dl:nth-child(3n+0){margin-left: 0;}




/*新闻资讯*/
.news{height:860px;}
.news .intitlebox{padding-top: 70px;}
.news .content_con {clear: both;margin-top: 36px;height: 482px;}
.news .top_news {background: #f8f8f8;width: 385px;float: left;height: 474px;overflow: hidden;}
.news .top_news a.pic {width: 385px;display: block;height: 288px;overflow: hidden;}
.news .top_news a.pic img {max-width: 100%;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
.news .top_news .text a {}
.news .top_news .text a h3 {font-weight: normal;font-size: 18px;line-height: 30px;height: 30px;overflow: hidden;color: #353333;margin: 10px 20px;}
.news .top_news .text a p {color: #a3a3a3;line-height: 23px;height: 60px;overflow: hidden;margin: 10px 20px;}
.news .top_news a.btn {padding: 5px 30px;display: inline-block;height: 36px;line-height: 24px;color: #648cca;border: 1px solid #d6d8d9;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin-left: 20px;}
.news .top_news .btn i {display: inline;margin-left: 7px;font-family: serif;font-style: normal;color: #648cca;}
.news .news_con {width: 785px;float: right;background-color: #f8f8f8;height: 474px;}
.news .news_con ul {}
.news .news_con ul li {height: 119px;clear: both;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;width: 785px;border-top: 1px dashed #efefef; position: relative;}
.news .news_con ul li:first-child{border-top: 1px solid #ffffff;}
.news .news_con ul li:hover {background-color: #ffffff;box-shadow: 0 1px 8px #a7c6fb;border-top: 1px solid #ffffff!important; position: relative;z-index: 2; }
.news .news_con ul li a {width:785px; height:118px; position: relative;}
.news .news_con ul li a .date {width: 110px;height: 75px;float: left;font-weight: normal;color: #787878;text-align: center;line-height: 75px;margin-top: 20px;border-right: 1px solid #dcdcdc;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.news .news_con ul li a .text {padding-top: 20px;width: 651px;float: right;}
.news .news_con ul li a .text h3 {height: 30px;line-height: 30px;font-size: 18px;font-weight: normal;color: #181818;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;overflow: hidden;}
.news .news_con ul li a .text p {padding-top: 3px;color: #999999;line-height: 20px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;height: 42px;margin-right:10px;overflow: hidden;}
.news .top_news a.btn:hover i { color: #ffffff; }
.news .top_news .text:hover a.btn {background: #5f94ed;color: #ffffff;}
.news .top_news .text:hover a.btn i {color: #ffffff;}
.news .news_con ul li:hover a .date {color: #0a0a0a;border-right: 1px solid #dcdcdc;}
.news .news_con ul li:hover a .text h3 { color: #5f94ed; }
.news .news_con ul li:hover a .text p { color: #949494; }
.news .top_news:hover a.pic img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }

/*友情链接*/
.links {padding: 40px 0 15px;clear: both;}
.links span {color: #2e2c2c;font-size: 18px;line-height: 24px;display: inline-block;}
.links span i { font-family: serif; font-style: normal; margin-left: 15px; display: inline-block; }
.links a {color: #6b6b6b;margin-left: 10px;line-height: 24px;display: inline-block;font-size: 16px;}
.links a:hover { color: #5f94ed; }