﻿*{margin: 0;padding: 0;}
body{ font:12px/24px "微软雅黑";}
a {text-decoration: none;}
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
/**/
.clear {margin: 0px auto;width: 100%;height: 1px;font-size: 1px;clear: both;background: none;overflow: hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.fl { float:left;}
.fr { float:right;}
/**/
/**/
.space_hx { /**/clear: both;width: 100%;height: 20px;font-size: 1px;overflow: hidden;}
.space_zx { /**/float: left;width: 10px;font-size: 1px;overflow: hidden;}
/**/
/*********************************************************************************************/
/**/
.h_bg{ width:100%; background:#04497A;}
.h_top{ width:1200px; margin:0 auto; height:26px; padding:5px 0; text-align:right;}
.h_top a{ display:inline-block; color:#FFF; vertical-align:top; font-size:12px;}
.h_top .tel{ border-left:1px solid #FFF; padding-left:10px; margin-left:8px;}
/**/
.top_c{ width:1200px;margin:0 auto;height:145px;}
.top_c h1,.top_c>div{ float:left; margin:36px 0 0 0; padding: 0 18px 0 0; }
.top_c h2{ float:left; padding:36px 0 0 19px; font-size:20px; color:#0060c6;}
.top_c h2 span{ letter-spacing:1px;display:block; color:#0060c6;font-size:26px;_font-size:26px; margin-top:10px; font-family:"微软雅黑"; font-weight:bold; }
.top_c p{ float:right; margin:36px 0 0 0 ; padding: 0 0 0 55px; background:url(../images/phone.gif) no-repeat left center; font-size:14px;}
.top_c p span{ display:block; font-size:22px; color:#0060c6; font-weight:bold;}
/**/
.header-nav { background: #04497a;}
.header-nav>ul {display: block; width:1200px;margin:0 auto; position: relative;list-style: none; padding: 0; overflow: hidden;}
.header-nav>ul>li { float: left; padding: 0; text-align: center; }
.header-nav>ul>li>a { font-size: 1rem; color: #fff; display: inline-block; padding: 1.4rem 1.9rem;}
.header-nav>ul>li:hover{ background: #d48b3f;}
/*banner*/
.banner{ height:489px; padding-bottom:64px; background:url(../images/banner_sd.gif) no-repeat center bottom;}
.banner a{height:489px; position:absolute;}
/*flash切换*/
#flashs { position:relative;}
#flashs .bgitem {  }
#flashs .btn{ position:absolute; z-index:7; bottom:85px; right:50%; margin-right:-470px; padding:5px 6px;}
#flashs .btn span{ color:#0074F1;  background:#efefef; border:1px solid #0074F1; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}
#flashs .btn span.cur{ background:#0074F1; color:#fff;}
/**/
.sea{ width:1200px;margin:15px auto;height:38px;font-family:"Microsoft Yahei"; overflow:hidden;}
.sea_in{ padding:8px 0 0 0;}
.sea_in .search{ float:left; width:212px; height:23px; padding: 0 0 0 10px; border: none; line-height:23px;font-family:"Microsoft Yahei"; background:#f0f0f0;}
.sea_in .sub{ float:left; width:41px; height:23px;cursor:pointer; border:none; background: #0060c6; color:#ffffff;font-family:"Microsoft Yahei";}
.k_word{ line-height:38px;}
.k_word a{ padding: 0 12px 0 0;}
.k_word span{ font-weight:bold;}
/**/
.link{ width:1200px;margin:0 auto;background: url(../images/link_bor.gif) repeat-x left 30px;}
.link .p {font-size: 14px;}
.lin {margin-bottom: 10px; padding-bottom: 5px;}
.lin span {cursor: pointer; font-size: 15px;line-height:30px; margin: 4px;}
.lin span.black{ color:#04497a;font-weight: bold;}
/*底部开始*/
.f_nav{ width:100%;height:46px; line-height:46px; text-align:center; color:#ffffff;background: #04497a;}
.f_nav a{ padding: 0 20px; color:#ffffff}
.foot{ width:1200px;margin:0 auto;padding:15px 0; font-family:"Microsoft Yahei"}
.foot p{ padding-bottom:5px;line-height:200%;text-align:center;}
.foot p a{ padding: 0 0 0 10px;}
.foot p a img{ vertical-align:middle;}
/***************************************************************************************************/
/*产品*/
body .cp { width:1200px;margin:15px auto;border:none; background:#fff;overflow:hidden; }
.cp{ font-family:"Microsoft Yahei";}
.cp_l{ width:240px; background:url(../images/cp_sd.gif) no-repeat center bottom;}
.cp_l h2{ height:64px; background:url(../images/cp_bg1.gif) left center repeat-x; text-align:center; line-height:64px; font-size:16px; }
.cp_l h2 a{color:#ffffff;}
.cp_menu{ padding:15px 0 0 0; background:#f0f0f0;}
.cp_l h3{ height:41px; margin: 0 0 10px 0; padding:0 0 0 20px; background:url(../images/cp_bg2.gif) repeat-x; font-size:12px; font-weight:normal; line-height:41px; }
.cp_l h3 a{ padding: 0 0 0 35px; background:url(../images/cp_icon2.gif) no-repeat left center; color:#000000;}
.cp_l h3 a:hover{ background-image:url(../images/cp_icon1.gif); color:#0050ba; font-weight:bold;}
.cp_l p{ margin:38px 0 0 15px; padding: 0 0 0 42px; background:url(../images/cp_phone.gif) no-repeat left center; color:#888888;}
.cp_l p span{ display:block; font-size:16px; font-weight:bold; color:#0050bb;}
.cp_r{ width:930px; overflow: hidden;}
.com{ height:44px; padding: 20px 0 0 0; background:url(../images/com_bor.gif) repeat-x left bottom; font-size:16px;}
.com a{ padding: 0 15px 0 42px; background:url(../images/icon1.png) no-repeat left center;  color:#0050ba;}
.com .more,.fa_tit p .more{ padding:7px 0 0 0; background:none; font-size:10px; font-weight:normal; text-transform:uppercase; color:#bbbbbb;}
.cp_r ul { }
.cp_r li{ float:left; width:212px; padding:18px 10px 0 10px; text-align:center;}
.cp_r li img{ display: block; width:210px;height:154px; margin-bottom:11px; border:1px solid #e5e5e5;}
.cp_r .li_last{ padding-right:0;}
/**/
.home_about { background: url(../images/about_bg.jpg); padding: 4% 0px 2%;}
.home_about .about_com { max-width: 1200px; width: 98%; margin: auto;}
.home_about .about_com .a_left { width: 47%; float: left; position: relative;}
.home_about .about_com .a_left .ab_bg { background: url(../images/about_a_bg.jpg) no-repeat; position: relative;}
.home_about .about_com .a_left .ab_bg i { display: block; padding-bottom: 73.38403041825094%;}
.home_about .about_com .a_left .pic { position: absolute; z-index: 999; width: 100%; top: 15px; left: 20px;}
.vcenter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; margin: auto;}
.home_about .about_com .a_left .pic i { display: block; padding-bottom: 73.38403041825094%;}
.home_about .about_com .a_left .pic img { z-index: 999;}
.home_about .about_com .a_right { width: 48%; float: left; margin-left: 3%; color: #fff; }
.home_about .about_com .a_right .span_y { font-family: FuturaCondensedNormal; font-size: 34px; width: 98%; overflow: hidden; height: 50px; line-height: 50px;}
.home_about .about_com .a_right .span_z { font-size: 24px; line-height: 24px; height: 24px; width: 98%; overflow: hidden;}
.home_about .about_com .a_right p { line-height: 24px;  width: 558px;height:240px; margin: 30px auto;overflow: hidden;}
.home_about .about_com .a_right .more { color: #fff; font-size: 14px; height: 40px; width: 150px; background: #fe9d00; display: block; text-align: center; line-height: 40px;}
.home_about .about_com .a_right .more:hover { font-weight: 700;}
/*资讯*/
.zixun{ width:1200px;margin:15px auto;height:645px;font-family:"Microsoft Yahei";}
.zx_c{ width:570px; padding-right:50px;background:url(../images/zx_sd.gif) no-repeat right center;}
.zx_c h3{ padding:14px 0 17px 0 ;}
.zx_c h3 img{ display:block; width:564px; height:167px;border:3px solid #e2e2e2;}
.zx_c li{ padding: 0 0 0 15px; background:url(../images/ys_icon1.gif) no-repeat left center; border-bottom:1px dashed #b2b2b2; line-height:32px;}
.zx_c li span{ float:right;}
.zx_c .li_last{ border:none;}
.zixun .fr{ padding: 0; background: none;}
/**/
.bg_a{ width:100%; background:url(../images/bg_1.jpg) no-repeat; background-size:cover;}
.wrap{ width:1200px; margin:0 auto;}
.wrap_b{ padding:30px 0 40px;}
.wrap_b .i_name{ width:100%; height:50px; line-height:50px; font-size:30px; text-align:center;}
.wrap_b .i_m{ width:100%;}
.slidegrid {overflow: hidden;}
.slideitems {width: 20000000em;position: absolute;}
.slideitems li {float: left;}
.mainPhoto {width:1200px;margin:15px auto 0;position: relative;overflow: hidden}
.mainPhoto span.goleft, .mainPhoto span.goright {display: block;width: 29px;height:52px;position: absolute; top:50%; margin-top:-26px;}
.mainPhoto span.goleft {left: 0;}
.mainPhoto span.goright {right: 0}
.mainPhoto .go {width:1090px;margin:0 auto;height:196px;position: relative;overflow: hidden}
.mainPhoto .go li{ width:196px; float:left; margin-right:28px; background:#FFF;}
.mainPhoto .go li .title{ width:100%; height:35px; background:#087BCC; text-align:center; line-height:35px; font-size:20px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mainPhoto .go li img{ width:196px; height:144px; vertical-align:top;}
.mainPhoto .go li .des{ width:100%; height:75px; padding:15px 10px 0; text-align:left; font-size:12px; color:#444; line-height:170%; overflow:hidden; background:#FFF; margin-bottom:15px;}
.i_more{ width:100%; text-align:center; margin-top:25px;}
.i_more a{ display:inline-block; *display:inline; zoom:1; width:auto; height:27px; line-height:27px; padding:0 15px; color:#FFF; background:#006AB4; border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px; }
/*优势*/
.yous{ height:997px; background:url(../images/ys_bg.gif) no-repeat center top;font-family:"Microsoft Yahei"; overflow:hidden;}
.yous .content{ width:1200px;margin:0px auto 0;}
.yous h2{ padding:30px 0 32px 0; font-size:30px; text-align:center; background:url(../images/ys_sd1.gif) no-repeat center bottom; color:#0050ba;}
.yous h2 span{ font: normal 60px "Times New Roman";}
.yous h2 a{ color:#0050ba;}
.ys_c{ height:438px;}
.ys_c1{ padding:10px 0 0 0;}
.ys_main{ width:580px; padding: 40px 34px 0 0;}
.ys_main h3{ height:75px; font-size:26px; color:#0050ba; background:url(../images/ys_bor2.gif) no-repeat 80px 35px;}
.ys_main h3 a{ color:#0050ba;}
.ys_main h3 b{ float:left; padding-right:5px; font: normal 70px/60px "Times New Roman"; color:#c8c8c8;}
.ys_main h3 em{ float:left; padding-right:5px; font: normal 70px/60px "Times New Roman"; color:#c8c8c8;}
.ys_main h3 small{ padding-left:5px; font: normal 12px Arial, Helvetica, sans-serif; color:#999999;}
.ys_main h3 span{ display:block; padding-top:5px; font-size:16px;}
.ys_main p{ clear:both; padding:0 0 35px 23px; background:url(../images/ys_icon1.gif) no-repeat 10px 10px; font-size:14px; line-height:26px; }
.ys_main p span{ font-weight:bold;}
.ys_c1 .ys_slide{ padding:10px 20px 35px 0 ; background:url(../images/ys_sd2.gif) no-repeat left bottom;}
.ys_c2 .ys_main{ padding:40px 0 0 30px;}
.ys_c2 .ys_main p{ padding-bottom:55px;}
.ys_c2 .ys_slide{ right:0; top:-45px;}
/**********************************************************************************************/
/**/
.zi_com { max-width: 1200px; width: 98%; margin: auto;}
/**/
.zi_com .zi_left { width: 16.7%; float: left;}
.zi_com .zi_left .top { background: #0083c7; padding: 30px 0px 20px; text-align: center;}
.zi_com .zi_left .top span { display: block; color: #fff; font-weight: 500;}
.zi_com .zi_left .top .span1 { font-size: 20px;}
.zi_com .zi_left .top .span2 { font-size: 14px; font-family: arial;}
/*
.zi_com .zi_left ul { background: #4ca8d8; padding-bottom: 20%;}
.zi_com .zi_left ul li { border-top: 1px solid #67b5de;}
.zi_com .zi_left ul li a { height: 50px; line-height: 50px; color: #fff; display: block; background: #4ca8d8; padding-left: 28%; font-size: 14px; overflow: hidden; padding-right: 5px;}
.zi_com .zi_left ul li a:hover { background: #0083c7; font-size: 16px; font-weight: 700;}
.zi_com .zi_left ul li .er { padding: 3% 0px;}
.zi_com .zi_left ul li .er a { background: #4ca8d8; font-size: 12px; height: 26px; line-height: 26px; font-weight: 500; padding-right: 5px; overflow: hidden;}
.zi_com .zi_left ul li .er a:hover { background: #0083c7; font-weight: 500; font-size: 12px;}
.zi_com .zi_left ul .active a { background: #0083c7; font-size: 16px; font-weight: 700;}
*/
.zi_com .zi_left ul li { line-height: 46px; height: 46px;}
.zi_com .zi_left ul li a { width: 76%; float: left; display: block; color: #666; height: 46px; overflow: hidden; background: url(../images/new_li.png) no-repeat 6px center; padding-left: 18px;}
.zi_com .zi_left ul li span { width: 20%; float: right; color: #999; display: block; height: 46px; overflow: hidden; text-align: right; padding-right: 6px;}
.zi_com .zi_left ul li:nth-child(2n) { background: #f6f6f6;}
.zi_com .zi_left ul li:hover a { color: #0083c7;}

.zi_com .zi_left .lian { border: 1px solid #e6e6e6; padding: 10px 20px 10px 20px; margin: 20px 0px;}
.zi_com .zi_left .lian .lian_t { background: url(../images/zi_dian.png) no-repeat left top; padding-left: 60px;}
.zi_com .zi_left .lian .lian_t span { display: block;}
.zi_com .zi_left .lian .lian_t .span1 { color: #0083c7; font-size: 20px;}
.zi_com .zi_left .lian .lian_t .span2 { color: #999999; font-size: 13px;}.zi_com .zi_left .lian p { line-height: 16px; color: #666; font-size: 14px; border-bottom: 1px dashed #dfdfdf; padding: 10px 0px;}
.zi_com .zi_left .lian p a:hover { color: #0083c7;}
/**/
.zi_com .zi_right { width: 79.6%; float: right;}
.zi_com .zi_right .bar { border-bottom: 1px solid #d2d2d2; padding: 30px 0px 10px;}
.zi_com .zi_right .bar .b_tt { float: left; font-size: 20px; color: #1f1f1f; display: block; height: 30px; line-height: 30px; width: 20%; overflow: hidden;}
.zi_com .zi_right .bar .curbar { float: right; text-align: right; font-size: 12px; color: #6e6e6e; width: 78%; vertical-align: middle; margin-top: 12px;height: 18px; line-height: 18px;}
.zi_com .zi_right .bar .curbar a { max-width: 100px; overflow: hidden; height: 18px; line-height: 18px; display: inline-block; vertical-align: top;}
.zi_com .zi_right .bar .curbar a:hover { color: #0083c7;}
.zi_com .zi_right .bar .curbar i { font-style: normal; max-width: 100px; overflow: hidden; height: 18px; line-height: 18px; display: inline-block; vertical-align: top;}
/**/
.about_zi{ padding:20px;overflow: hidden;}
/*新闻中心*/
.news_ul { padding: 2% 0px;}
.news_ul li { border: 1px solid #e6e6e6; margin: 2% 0px; transition: background 0.3s;}
.news_ul li a { display: block; width: 100%; height: 100%; padding: 15px 0px;}
.news_ul li .ri { width: 11%; float: left; font-family: arial; max-width: 90px; color: #666666; font-weight: 500; text-align: center;}
.news_ul li .ri i { font-style: normal; font-size: 46px; font-weight: 500; height: 40px; line-height: 40px; width: 98%; margin: auto; display: block; overflow: hidden; margin-bottom: 3px;}
.news_ul li .ri time { font-size: 15px; width: 98%; margin: auto; display: block; color: #808080; height: 16px; line-height: 16px; overflow: hidden;}
.news_ul li .wen_nei { width: 88%; float: right;}
.news_ul li .wen_nei h4 { font-size: 16px; line-height: 24px; height: 24px; color: #333333; margin-bottom: 12px; overflow: hidden; width: 100%;}
.news_ul li .wen_nei p { color: #808080; font-size: 14px; height: 40px; line-height: 20px; overflow: hidden;}
.news_ul li:hover { background: #0083c7;}
.news_ul li:hover .ri { color: #fff;}
.news_ul li:hover .ri time { color: #a3c7e4;}
.news_ul li:hover .wen_nei h4 { color: #fff;}
.news_ul li:hover .wen_nei p { color: #a3c7e4;}

.guan_new .guan_ul li { width: 49%; margin-right: 2%; float: left;}
.guan_new .guan_ul li a { display: block; height: 100%;}
.guan_new .guan_ul li time { font-family: tahoma; font-size: 14px; color: #999999; line-height: 30px; height: 30px; overflow: hidden;}
.guan_new .guan_ul li h4 { font-size: 16px; color: #333333; line-height: 40px; height: 40px; overflow: hidden; font-weight: 700;}
.guan_new .guan_ul li p { font-size: 13px; color: #666666; line-height: 21px; height: 42px; overflow: hidden;}
.guan_new .guan_ul li span { width: 109px; height: 30px; background: #c7c7c7; color: #fff; font-size: 14px; font-family: arial; display: block; line-height: 30px; text-align: center; margin: 20px 0px;}
.guan_new .guan_ul li:last-child { margin-right: 0px;}
.guan_new .guan_ul li:hover h4 { color: #0083c7;}
.guan_new .guan_ul li:hover span { background: #0083c7;}
.guan_new .guan_ul2{ margin-bottom:20px;}
.guan_new .guan_ul2 li { line-height: 39px; height: 39px;}
.guan_new .guan_ul2 li a { width: 76%; float: left; display: block; color: #666; height: 39px; overflow: hidden; background: url(../images/new_li.png) no-repeat 6px center; padding-left: 18px;}
.guan_new .guan_ul2 li span { width: 20%; float: right; color: #999; display: block; height: 39px; overflow: hidden; text-align: right; padding-right: 6px;}
.guan_new .guan_ul2 li:nth-child(2n) { background: #f6f6f6;}
.guan_new .guan_ul2 li:hover a { color: #0083c7;}
.guan_top { border-bottom: 1px solid #cccccc; font-size: 20px; color: #333333; font-weight: 700; margin-top: 20px; padding: 8px; position: relative;}
.guan_top:before { content: ""; height: 1px; width: 50px; background: #0083c7; top: 24px; left: 109px; position: absolute;}
.guan_top:after { content: ""; height: 1px; width: 170px; background: #0083c7; bottom: 19px; left: 90px; position: absolute;}
.guan_top span { width: 80px; height: 30px; line-height: 30px; overflow: hidden; display: inline-block;}
/**/
.pro_ul { overflow: hidden;}
.pro_ul li { width: 29.4%; float: left; margin: 20px 5.9% 20px 0; position: relative; cursor: pointer; }
.pro_ul li .pic { position: relative; overflow: hidden;}
.pro_ul li .pic i { display: block; padding-bottom: 82.14285714285714%;}
.pro_ul li .pic .zhe_a { background: url(../images/zhe_bg.png); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none;}
.pro_ul li:nth-child(3n+3) { margin-right: 0px;}
.pro_ul li:nth-child(3n+3):after { display: none;}
.pro_ul li:after { content: ""; border-right: 1px dashed #ccc; height: 100%; position: absolute; top: 0px; right: -9.95%;}
.pro_ul li:before { content: ""; border-bottom: 1px dashed #ccc; width: 120%; position: absolute; bottom: 0px; left: 0px;}
.pro_ul li .text { padding: 3% 0px 3%;}
.pro_ul li .text h4 { color: #606a71; font-size: 14px; height: 30px; line-height: 30px; width: 98%; overflow: hidden;}
.pro_ul li .text span { height: 1px; background: #c9c9c9; width: 104px; display: block; vertical-align: top; margin: 15px 0px 20px; width: 37%;}
.pro_ul li .text .more { background: #999999; color: #fff; font-size: 12px; font-family: arial; width: 75px; display: block; height: 28px; line-height: 28px; border: 1px solid #8c8c8c; position: relative; text-align: center;}
.pro_ul li .text .more:after { width: 71px; height: 24px; border: 1px solid #adadad; content: ""; position: absolute; top: 1px; left: 1px;}
.pro_ul li:hover .pic .zhe_a { display: block;}
.pro_ul li:hover .text span { background: #0083c7;}
.pro_ul li:hover .text .more { background: #0083c7; border: 1px solid #0083c7;}
.pro_ul li:hover .text .more:after { border: 1px solid #0083c7;}
/**/
.page { margin: 20px 0px 40px 0px; text-align: center;}
.page li{list-style: none;}
.page a { display: inline-block; vertical-align: middle; font-size: 15px; font-family: arial; margin: 0px 3px; color: #666666;padding: 2px 12px; background: #ececec;}
.page a:hover { text-decoration: underline; background: #d41c1f; color:#fff;}
.page .active { text-decoration: underline; background: #d41c1f; color:#fff;}
/**/
.news_show { padding-top: 4%;}
.news_show .top_show { text-align: center; border-bottom: 1px dashed #dfdfdf; padding-bottom: 15px; margin-bottom: 10px;}
.news_show .top_show h3 { color: #333333; font-size: 20px; line-height: 30px; overflow: hidden; width: 100%;}
.news_show .top_show p { font-size: 12px; color: #ababab; height: 24px; line-height: 24px; overflow: hidden; width: 100%; margin: 10px 0px;}
.news_show .content { color: #666666; font-size: 13px; line-height: 24px;}
.news_show .n_s_img { position: relative; padding: 3% 0px;}
.news_show .n_s_img i { display: block; padding-bottom: 36.582914572864325%;}
.news_show .n_s_img img { box-shadow: -30px -30px 1px #f2f2f2;}
.news_show .guan_pro { margin-top: 4%;}
/**/
/*产品详情页面*/
.pro_s1 { padding: 4% 0px;}
.pro_s1 .ps1_left { width: 51%; float: left; position: relative;}
.pro_s1 .ps1_left i { display: block; padding-bottom: 77.32793522267207%;}
.pro_s1 .ps1_right { width: 46%; float: right;}
.pro_s1 .ps1_right h1 { font-size: 20px; color: #333333; font-weight: 500; padding-bottom: 20px; height: 30px; line-height: 30px; width: 100%; overflow: hidden;}
.pro_s1 .ps1_right span { background: url(../images/ce_bg.jpg) no-repeat; display: block; width: 100%; height: 7px; margin: 3% 0px;}
.pro_s1 .ps1_right p { font-size: 14px; color: #6b6b6b; line-height: 24px;}
.pro_s2 .img_pro { position: relative;}
.pro_s2 .img_pro i { display: block; padding-bottom: 47.58403361344538%;}
.pro_s2 .content { line-height: 24px; color: #666666; margin: 5% 0px;}
/*上下页切换*/
.prev_next { text-align: left; margin: 5% auto; line-height: 40px; color: #7b7b7b; font-size: 12px;}
.prev_next li { padding-left: 10px; padding-right: 10px; background: #f6f6f6;}
.prev_next li a { color: #7b7b7b; height: 40px; width: 100%; overflow: hidden;}
.prev_next li:hover { background: #0083c7;color:#fff;}
.prev_next li:hover a { color: #fff;}
/*成功案例*/
.case_ul li { float: left; width: 31%; margin-right: 3.5%; margin-top: 3.5%;}
.case_ul li .pic { position: relative; overflow: hidden;}
.case_ul li .pic i { display: block; padding-bottom: 62.2895622895623%;}
.case_ul li .pic img { transition: 0.3s;}
.case_ul li:nth-child(3n+3) { margin-right: 0px;}
.case_ul li p { font-size: 15px; color: #1e1e1e; line-height: 40px; height: 40px; text-align: center; padding: 0px 10px; overflow: hidden; border-bottom: 1px solid #eaeaea; margin-top: 5px;}
.case_ul li:hover img { transform: scale(1.1);}
.case_ul li:hover p { color: #0083c7;}
/**/
.case_show { padding: 4% 0px;}
.case_show .img_case { position: relative;}
.case_show .img_case i { display: block; padding-bottom: 40.80402010050251%;}
.case_show .case_c { text-align: center; margin-top: 3%;}
.case_show .case_c p { line-height: 24px; font-size: 13px; color: #6b6b6b;}
.case_show .case_c span { font-size: 15px; color: #1e1e1e;}
.guan_case { margin-bottom: 3%;}