@charset "utf-8";

/*样式重置*/



body { width: 100%; min-width: 1200px; max-width: 1920px; margin: 0 auto; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption,  tbody, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 14px; font-family: "微软雅黑"; color: #666; line-height: 26px; }

ol, ul { list-style: none }

:focus { outline: none; }

a { font: 14px "微软雅黑"; text-decoration: none; color: #555; cursor: pointer; }

a:hover { color: #2793ff; }

.clear { clear: both; }

.fl { float: left; }

.fr { float: right; }

/*头部样式*/



.header { width: 100%; padding: 25px 0 8px; }

.header-box { width: 1200px; margin: 0 auto; }

.h-left { float: left; padding-top: 10px; }

.h-right { float: right; width: 580px; }

.h-left .logo { float: left; margin-top: 4px; }

.h-left .name { float: left; margin-left: 6px; }

.h-left .name h2 { font-size: 24px; font-weight: bold; color: #494949; line-height: 26px; }

.h-left .name h3 { font-size: 12px; font-weight: normal; color: #2793ff; border-bottom: 1px solid #ededed; word-spacing: 2px; letter-spacing: -1px; line-height: 16px; }

.h-left .name p { font-size: 22px; color: #ff1a1a; margin-top: 4px; font-weight: bold; letter-spacing: 2px; }

.h-prolist { float: left;margin-top: 2px;}

.h-prolist a { display: block; margin-left: 12px; float: left; }

.h-right h3 { color: #666; text-align: right; margin-bottom: 6px; font-size: 16px; font-weight: normal; }

.h-right h3 img { vertical-align: -3px; }

.h-tel1,.h-tel3 { float: left; width: 186px; height: 66px; font-size: 12px; color: #2793ff; line-height: 18px; }

.h-tel1 a,.h-tel3 a { background: url(../images/tel_bg1.png) no-repeat; padding-left: 46px; text-align: center; padding-top: 12px; display: block; height: 52px; color: #2793ff; }

.h-tel1 p,.h-tel3 p { font-size: 14px; color: #333; font-weight: bold; letter-spacing: 0px; line-height: 18px; }

.h-tel2 { float: left; width: 186px; height: 66px; font-size: 12px; color: #2793ff; line-height: 18px; margin-left: 10px;margin-right:10px;}

.h-tel2 a { display: block; background: url(../images/tel_bg2.png) no-repeat; padding-left: 46px; text-align: center; color: #2793ff; height: 52px; padding-top: 12px; }

.h-tel2 p { font-size: 14px; color: #333; font-weight: bold; letter-spacing: 0px; line-height: 18px; }

.nav { height: 60px; background-color: #2793ff; }

.nav ul { width: 1200px; margin: 0 auto; }

.nav ul li { float: left; }

.nav ul li a { display: inline-block; float: left; width: 124px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; text-align: center; margin-right: 10px; }

.nav ul li:last-child a { margin-right: 0; }

.nav ul li a.on, .nav ul li a:hover { height: 60px; background: #0070df; font-weight: bold; }

.nav ul li a.hover { height: 60px; background: #0070df; font-weight: bold; }

/*banner开始*/



.banner { width:1200px; margin: 0 auto; height: 300px; position: relative; overflow: hidden; z-index: 6; }

.b_btn { width: 1200px; position: absolute; bottom: 20px; font-size: 0; z-index: 1; text-align: center; }

.banner .hd { width:1200px; margin: 0 auto; text-align: center; }

.banner .pic li { text-align: center; }

.banner .pic li img { width:1200px; margin: 0 auto; height: 300px; }

.b_button { width:1200px; margin: 0 auto; position: relative; }

.banner .prev, .banner .next { width: 36px; height: 50px; margin-top: 102px; display: block; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=50); opacity: 0.5; }

.banner .next:hover, .banner .prev:hover { filter: alpha(opacity=100) !important; opacity: 1 !important; }

.banner .prev { left: 100px; }

.banner .next { right: 100px; background-position: -36px 0px; }

.banner .hd li { background: #fff; height: 16px; width: 16px; cursor: pointer; border-radius: 50%; display: inline-block; margin-left: 10px; }

.banner .hd li.on { background: #ff1a1a; width: 30px; border-radius: 20px; }

/*banner结束*/







/*产品*/



.product-show { margin-top: 35px; }

.product-box { width: 1200px; margin: 0 auto; }

.product-box h3 { height: 40px; text-align: center; font-size: 24px; color: #333; font-weight: bold; line-height: 40px; background: url(../images/title_bg.png) no-repeat center; margin-bottom: 30px; }

.product-box h3 a { font-size: 24px; color: #333; font-weight: bold; }

.pro-list ul li { float: left; width: 340px; margin-left: 90px; }

.pro-list ul li:first-child { margin-left: 0; }

.pro-list ul li a { display: block; }

.pro-list ul li img { display: block; border: 2px solid #e6e6e6; }

.pro-list ul li h4 { font-weight: normal; font-size: 20px; line-height: 60px; width: 340px; overflow: hidden; text-align: center; }

.pro-list ul li:hover img { border: 2px solid #a3d0fc; }

.pro-list ul li:hover h4 { color: #2793ff; }

/*优势*/



.youshi { width: 100%; height: 1642px; background: url(../images/ys_bg.jpg) no-repeat bottom center; margin-top: 30px;overflow:hidden;padding-top:40px;}

.youshi-box { width: 1200px; margin: 0 auto; padding-top: 50px; }

.youshi-box h3 { height: 40px; text-align: center; font-size: 24px; color: #333; font-weight: bold; line-height: 40px; background: url(../images/title_bg.png) no-repeat center; margin-bottom: 70px; }

.ys-item1 .pic { float: left; }

.ys-item1 .words {float:right; width: 552px; }

.youshi-box .words h4 {margin-bottom:40px;}

.youshi-box .words p {font-size: 14px; line-height: 26px;color: #333; }

.ys-item2 { margin-top:50px; }

.ys-item2 .words { float: left; width: 600px;}

.ys-item2 .pic { float: right;}

.ys-item3 { margin-top:50px;}

.ys-item3 .words { float:right; width: 555px;margin-top:80px;}

.ys-item3 .pic { float: left; }

/*关于我们*/



.about { width: 1200px; margin: 35px auto 0; }

.about h3 { height: 40px; text-align: center; font-size: 24px; color: #333; font-weight: bold; line-height: 40px; background: url(../images/title_bg.png) no-repeat center; margin-bottom: 30px; }

.about h3 a { font-size: 24px; color: #333; font-weight: bold; }

.about-left { float: left; }

.about-right { width: 550px; float: right; }

.about-right h4 { font-size: 20px; color: #333; margin-bottom: 20px; }

.about-right .words { line-height: 30px; color: #666; height: 184px; overflow: hidden; }

.about-right a { display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #eb4141; font-size: 20px; margin-top: 40px; }

.about-right a:hover { background: #eb1e1e; }

/*新闻资讯*/



.news { padding: 40px 0 30px; background: #f2f6fa; margin-top: 50px; }

.news h3 { height: 40px; text-align: center; font-size: 24px; color: #333; font-weight: bold; line-height: 40px; background: url(../images/title_bg.png) no-repeat center; margin-bottom: 50px; }

.news h3 a { font-size: 24px; color: #333; font-weight: bold; }

.news-box { width: 1200px; margin: 0 auto; }

.news-item { width: 380px; float: left; margin-right: 30px; }

.news-item h4 { font-size: 20px; color: #333; margin-bottom: 30px; }

.news-item h4 em { font-weight: normal; margin-left: 20px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #bbb; }

.news-item .one { height: 200px; }

.news-item .one a { display: block; position: relative; height: 200px; width: 380px; overflow: hidden; }

.news-item .one a img { display: block; transition-duration: 0.3s; }

.news-item .one p { width: 350px; height: 36px; line-height: 36px; padding: 0 15px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.5); color: #fff; font-weight: bold; }

.news-item .one a:hover p { color: #eb4141; }

.news-item .one a:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

.news-item ul { margin-top: 20px; }

.news-item ul li { height: 40px; line-height: 40px; }

.news-item ul li a { display: block; background: url(../images/yuan.png) no-repeat left center; padding-left: 20px; }

.news-item ul li a:hover { color: #eb4141; }

/*案例*/



.case { width: 1200px; margin: 30px auto 60px; }

.case h3 { height: 40px; text-align: center; font-size: 24px; color: #333; font-weight: bold; line-height: 40px; background: url(../images/title_bg.png) no-repeat center; margin-bottom: 40px; }

.case h3 a { font-size: 24px; color: #333; font-weight: bold; }

.case-list { position: relative; }

.case-pic ul li { float: left; width: 200px; margin-right: 50px; }

.case-pic ul li img { border: 6px solid #e3e3e3; display: block; }

.c-left { cursor: pointer; position: absolute; top: 82px; left: 0; z-index: 2; }

.c-right { cursor: pointer; position: absolute; top: 82px; right: 0; z-index: 2; }

.case-pic ul li:hover img { border: 6px solid #a3d0fc; }

/*底部*/



.footer { background: #ededed; padding-top: 50px; }

.footer-top { width: 1200px; margin: 0 auto; padding-bottom: 40px; }

.f-nav { float: left; }

.f-nav dl { width: 120px; float: left; }

.f-nav dl dt { font-size: 16px; color: #666; line-height: 40px; font-weight: bold; height: 40px; margin-bottom: 8px; }

.f-nav dl dd { line-height: 30px; }

.f-nav dl dd a { color: #999; }

.f-nav dl dd a:hover { color: #333; }

.f-contact { float: right; width: 820px; }

.f-contact h3 { font-size: 16px; color: #666; line-height: 40px; font-weight: bold; height: 40px; margin-bottom: 8px; }

.contact-words { float: left; }

.f-contact dl dt { float: left; line-height: 30px; color: #999; }

.f-contact dl dd { float: left; line-height: 30px; color: #999; width: 295px; }

.f-copy { height: 40px; line-height: 40px; background: #ccc; text-align: center; color: #333; }

.f-copy i { vertical-align: -7px; margin-right: 10px; }

/*---------------内页样式开始---------------*/



.banner2 { height: 300px; position: relative; overflow: hidden; }

.banner2 img { position: absolute; left: 50%; margin-left: -960px; }

.inner-top { position: relative; }

.inner-position { }

.position-box { width: 1200px; margin: 0 auto; }

.inner-top ul { width: 1200px; margin: 0px auto; text-align: left; }

.inner-top ul li { float: left; margin-right: 20px; }

.inner-top ul li a { display: block; height: 46px; line-height: 46px; text-align: center; color: #666; border-radius: 30px; font-size: 16px; padding: 0 22px; color: #333; }

/*.inner-top ul li.cur a{background:#46a8ff;color:#fff;}*/

.inner-top ul li.hover a { background: #46a8ff; color: #fff; }

.inner-top ul li a.hover  { background: #46a8ff; color: #fff; }

.top-type ul li.hover a { background: #46a8ff; color: #fff; }

.top-type ul li a.hover  { background: #46a8ff; color: #fff; }



.top-type { border-bottom: 1px solid #eee; padding: 25px 0; width: 1200px; margin: 0 auto; border-bottom: 1px solid #e4e4e4; }

.inner-position { line-height: 40px; height: 40px; background: rgba(0,0,0,.3); position: absolute; left: 0; right: 0; top: -40px; }

.inner-position span { margin: 0 5px; }

.inner-position p a { color: #333; display: inline-block; line-height: 40px; color: #aaa; font-size: 12px; }

.inner-position p span { color: #aaa; }

.inner-position a.homePage { width: 40px; height: 40px; display: block; float: left; background: url(../images/homepage.png) no-repeat center; background-size: 18px; }

.info-cont { width: 1200px; margin: 0 auto; padding: 30px 0; }

.info-cont table { border-collapse: collapse; width: 100%; }

.info-cont table td { border: 1px solid #ddd; padding: 0 8px; }

.info-list { width: 1200px; margin: 50px auto; }

.info-list ul { width: 1280px; }

.info-list ul li { width: 200px; float: left; margin-right: 50px; overflow: hidden; margin-bottom: 20px; }

.info-list ul li .pic { width: 198px; height: 198px; border: 1px solid #efefef; overflow: hidden; }

.info-list ul li a p { height: 40px; line-height: 40px; text-align: center; }

.info-list ul li img { display: block; transition: transform 0.3s; }

.info-list ul li:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1); -o-transform: scale(1.1); transform: scale(1.1) }

.info-list ul li:hover .pic { border: 1px solid #90cbff; }

.info-list ul li:hover p { color: #46a8ff; }

/*分页*/



.page { text-align: center; margin-bottom: 60px; margin-top: 40px; }

.page a { display: inline-block; padding: 0 8px; height: 31px; line-height: 31px; background-color: #fff; margin: 0 5px; color: #666; cursor: pointer; border: 1px solid #ddd; }

.page span { display: inline-block; padding: 0 8px; height: 36px; line-height: 36px; margin: 0 5px; }

.page a.prev { background: url(../images/page_prev.jpg) no-repeat; border: none; width: 32px; height: 32px; }

.page a.next { background: url(../images/page_next.jpg) no-repeat; border: none; width: 32px; height: 32px; }

.page a:hover { background-color: #46a8ff; color: #fff; border: 1px solid #46a8ff }

.page a.prev:hover, .page a.next:hover { color: #666; border: none; }

.page a.on { background-color: #46a8ff; color: #fff; border: 1px solid #46a8ff; }

.info-list2 { width: 1200px; margin: 50px auto; }

.info-list2 ul { width: 1320px; }

.info-list2 ul li { width: 338px; float: left; margin-right: 93px; overflow: hidden; margin-bottom: 20px; }

.info-list2 ul li .pic { width: 336px; height: 196px; border: 1px solid #efefef; overflow: hidden; }

.info-list2 ul li a p { height: 40px; line-height: 40px; text-align: center; }

.info-list2 ul li img { display: block; transition: transform 0.3s; }

.info-list2 ul li:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1); -o-transform: scale(1.1); transform: scale(1.1) }

.info-list2 ul li:hover .pic { border: 1px solid #90cbff; }

.info-list2 ul li:hover p { color: #46a8ff; }

.info-news { width: 1200px; margin: 0 auto; }

.info-news ul li { line-height: 60px; height: 60px; border-bottom: 1px solid #eee; }

.info-news ul li span.date { float: right; color: #999; line-height: 60px; }

.info-news ul li a { display: block; padding-left: 15px; background: url(../images/yuan.png) no-repeat left center; line-height: 60px; height: 60px; }

.info-news ul li a:hover { color: #eb4141; }

.info-news ul li a:hover span { color: #eb4141; }

.info-news-details { width: 1200px; margin: 0 auto; }

.news-top { padding: 30px 0 20px; border-bottom: 1px dashed #bebebe; margin-bottom: 20px; text-align: center; }

.news-top h2 { font-size: 24px; color: #000; font-weight: normal; }

.news-top h3 { padding-top: 5px; color: #999; font-size: 14px; font-weight: normal; }

.news-box { margin-bottom: 40px; }





/*地图*/

.BMap_noprint{background: url(../images/dibiao.png) no-repeat center #fff !important;}