@charset "utf-8";
/* banner */
#banner { margin-top: 0px; width: 100%; }
.focus { width: 100%; height: 400px; overflow: hidden; position: relative; }
.focus ul { height: 400px; position: absolute; }
.focus ul li { float: left; height: 400px; overflow: hidden; position: relative; background: #000; background-position: center; background-repeat: no-repeat; background-size: cover;
    cursor: pointer;
}
.focus .btn { position: absolute; width: 100%; height: 10px; padding: 5px 10px; right: 0; bottom: 15px; text-align: center; }
.focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 10px; height: 10px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #CCC; border-radius: 50%; }
.focus .btn span.on { background: #ED1B24; }
.focus .preNext { width: 45px; height: 100px; position: absolute; top: 150px; background: url(../images/sprite.png) no-repeat 0 0; cursor: pointer; display: none; }
.focus2 .preNext { width: 45px; height: 100px; position: absolute; top: 160px; background: url(../images/sprite.png) no-repeat 0 0; cursor: pointer; display: none; }
.focus .pre { left: 10px; }
.focus .next { right: 10px; background-position: right top; }
/* 产品展示 */
#search { height: 36px; width: 1200px; margin: 0 auto; padding: 15px 0; }
#search .tag_title { padding-left: 25px; background-image: url(../images/index_pic.png); background-repeat: no-repeat; background-position: 0 1px; font-size: 16px; color: #333; height: 20px; line-height: 20px; }
#search a.tag { margin: 0 5px; padding: 0 10px; line-height: 20px; font-size: 12px; color: #666; text-align: center; border: 1px #666 solid; border-radius: 10px; }
#search a:hover.tag { background-color: #666; color: #FFF; }
#search form { float: right; height: 20px; }
#search .search_input {outline:none; background:#fff;width: 200px; height: 34px; border: 1px solid #3477c4; color: #313131; font-size: 14px; line-height: 34px; border-radius: 20px; padding-left: 11px; }
#search .search_submit { margin-left: -40px; width: 35px; border: 0; background: url(../images/sou.png) no-repeat left center; color: #FFF; font-size: 12px; text-align: center; border-radius: 20px; cursor: pointer; }
/*电话*/
.call_box_bule { background: url(../images/bule_call.png) no-repeat 0 12px; height: 60px; margin-bottom: 10px; }
.call_box_bule p { margin-left: 45px; text-align: left; font-size: 14px; color: #888; }
.call_box_bule p span { display: block; color: #3477c4; font-size:18px; font-weight: bold; font-family: Arial; }
.call_box_red { background: url(../images/red_call.png) no-repeat 0 22px; position: absolute; }
.call_box_red p { margin: 10px 0 0 65px; text-align: left; font-size: 14px; color: #333; }
.call_box_red p span { display: block; color: #a3080e; font-size: 20px; font-weight: bold; font-family: Arial; }
.red1 { top: 20px; left: 50px; }
.red2 { top: 20px; right: 65px; }
.red3{ bottom: 50px; left: 150px; }
.more{ padding-bottom:30px;}
.more a{ margin:0 auto;display:block; width:120px; border:#3884da 1px solid; line-height:40px; color:#3884da; text-align:center;}
.more a:hover{ color:#fff; background:#3884da;}
/*案例*/
.anli{ background:#fff url(../images/anli_bg.jpg) no-repeat center top; margin-top:20px; }
.anli .wrapper { background: #fff url(../images/anli_bg.jpg) no-repeat center top; }
.anli .z_nav2{ background:none;}
.z_nav2 { background: rgba(0, 0, 0, 0) url("../images/ab_r1_c1_s1.jpg") no-repeat scroll center 80px; text-align: center; }
.z_nav span { display: block; font-family: impact; font-size: 36px; }
.z_nav { padding: 30px 0 40px; ; }
.z_nav i { display: block; font-size: 24px; font-style: normal; }
/*.anli_list{ padding:0 20px;}
.anli_list li{ float: left; margin: 0 4px; }
.anli_list li a { background-color: #fff; display: block; padding: 5px; }
.anli_list li img { height: 193px; width: 271px; }
.anli_list li p { font-size: 14px; line-height: 40px; text-align: center; }
.anli_list li a:hover { background-color: #3884da; color: #fff; }
.scrollpic { width: 1125px; margin:0 auto 20px auto; }
#myscroll { display: block; width: 100%; position: relative; height: 240px; overflow: hidden; }
#myscroll #myscrollbox { display: block; float: left; position: absolute; left: 0; top: 0; width: 1000000px; }
#myscroll ul { display: block; float: left; list-style-type: none; padding: 0; margin: 0; }
#myscroll ul li { display: block; float: left;margin: 0 4px; padding:5px 5px 0 5px; }
#myscroll ul li a img{height: 193px; width: 271px; }
#myscroll ul li a { display: block; float: left; padding: 0; position: relative; height: 235px; color: #333; }
#myscroll a h5 { padding: 0; margin: 0; font-size: 16px; height: 40px; text-align:center; line-height: 38px; font-weight: 100; }
#myscroll ul li:hover{ background:#3884da; }
#myscroll ul li:hover h5{ color:#fff;}
#mybtns { margin:-15px; 0 5px; width: 1100px; display: block; height: 42px; }
#mybtns a { width: 42px; height: 42px; display: block; float: right; margin-right: 1px; background-color: #c1c1c1; margin-left: 10px; }
#mybtns a:hover { background-color: #347fdc; }
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#mybtns #left { background-image: url(../images/jt_l.png); }
#mybtns #right { background-image: url(../images/jt_r.png); }
#kinMaxShow { visibility: hidden; width: 100%; height: 500px; overflow: hidden; }*/
.hm_case .z_nav{ padding-top:40px;}
.blk_29{ position: relative; zoom: 1; width:1100px; margin:0 auto; padding:15px 0 30px; height:215px; overflow:hidden;}
.blk_29 .LeftBotton{ background:url(../images/hm_r11_c2_s1.jpg) no-repeat 0 0; left:0; float: left; width:18px; cursor: pointer; position: absolute; top:100px; height:34px;}
.blk_29 .RightBotton{ right:0; background:url(../images/hm_r11_c17_s1.jpg) no-repeat 0 0; float: right; width:18px; cursor: pointer; position: absolute; top:100px; height:34px;}
.blk_29 .Cont{	margin: 0px auto; overflow: hidden; width:1100px; height:240px; overflow:hidden;}
.blk_29 .xbox{ float: left; text-align: center; width:221px; height:220px; overflow:hidden; padding:7px;}
.blk_29 .xbox .imgBorder{ display:block; background:url(../images/jg_r6_c12_s1.jpg) no-repeat center top; padding-bottom:12px;}
.blk_29 .xbox img{ display:block; margin: 0px auto; width:221px; height:180px;}
.blk_29 .xbox p.p1{line-height:26px; height:26px; overflow:hidden;}
.blk_29 .xbox p.p1 a{ display:block; color:#666; font-size:16px;}
.blk_29 .xbox p.p1 a:hover{ color:#3884da;}
.blk_29 .xbox p.p2{ position:relative; width:221px; height:194px; text-align:center; z-index:10; top:-228px; background:#3884da;filter:alpha(opacity=80);opacity:0.8; display:none;}
.blk_29 .xbox p.p2 a{ display:block;}
.blk_29 .xbox p.p2 img{ padding:98px 90px 77px 91px; border:none; width:40px; height:40px;}
.blk_29 .xbox2 p.p1 a{ color:#3884da;}
.blk_29 .xbox2 p.p2{ display:block;}
/*fuwu*/
.g_pro { padding-top: 20px; background: #fff; overflow: hidden; }
.g_pro h2 { background: url(../images/ywtit.jpg) no-repeat 190px bottom; height: 82px; text-align: center; margin-bottom: 18px; }
.g_pro h2 a { font-size: 36px; color: #333333; font-weight: normal; }
.g_pro h2 em { display: block; color: #8d8d8d; font-size: 12px; text-transform: uppercase; padding-top: 5px; }
/* 左边 */
.g_pro .m_pleft { width: 220px; overflow: hidden; margin-left: 20px; float: left; }
.g_pro .m_pleft h3 { background: #3477c4; height: 70px; line-height: 70px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; }
.g_pro .m_pleft h3 a { font-size: 22px; color: #fff; text-align: center; display: block; font-weight: normal; }
.g_pro .m_pleft h3 em { font-size: 14px; color: #fff; text-transform: uppercase; font-weight: normal; }
.g_pro .m_pleft .m_plc { padding: 13px 13px 5px; background: #f2f2f2; }
.m_pleft.f_fl > p { text-align: center; line-height: 35px; }
.g_pro .m_plc li { margin-bottom: 10px; height: 34px; line-height: 34px; color: #fff; overflow: hidden; background: url(../images/flh3.jpg) no-repeat center left; display: block; border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px; width:192px;}
.g_pro .m_plc li.act_active { background: url(../images/fw_btbg1.jpg) repeat-x center; color: #3884da; }
.g_pro .m_plc li a { font-weight: normal; font-size: 16px; background: url(../images/flh3.png) no-repeat 5px center; display: block; padding-left: 30px; width: 162px; height: 36px; line-height: 34px; float: left; }
.g_pro .m_plc li a:hover { color: #3884da; }
.g_pro .m_plc li span { float: right; font-size: 14px; height: 36px; line-height: 34px; width: 90px; }
.g_pro .m_plc li span a { display: block; background: none; font-size: 14px; }
.g_pro .m_plc li a:hover, .g_pro .m_plc .cur a { }
.g_pro .m_pleft .m_plc dl { padding: 0px 0 10px 0; }
.g_pro .m_pleft .m_plc dd { height: 34px; line-height: 34px; overflow: hidden; border-top-color: #7c1a17; border-top-style: solid; border-top-width: 1px; border-bottom-color: #3e0d11; border-bottom-style: solid; border-bottom-width: 1px; background: #631515; }
.g_pro .m_pleft .m_plc dd:hover { background: #490f0e; }
.g_pro .m_pleft .m_plc dd a { text-overflow: ellipsis; white-space: nowrap; height: 30px; line-height: 30px; overflow: hidden; padding-left: 10px; display: block; font-size: 14px; color: #feecc6; }
.g_pro .m_pleft .m_plc dd a:hover { color: #feecc6; }
/* 右边 */
.g_pro .m_pright { width: 930px; margin-right: 20px; float: left; }
.g_pro .fc li { float: left; width: 228px; height: 220px;box-shadow: 0 2px 1px #888;margin: 5px 2px 5px 0; padding-top: 20px;  border: 1px solid #E3E3E3; overflow:hidden;}
.g_pro .fc li:hover{ }
.g_pro .fc li img { width: 228px; height: 162px; margin: 0 auto; border-bottom: none; }
/*.g_pro .fc li strong { display: block; line-height: 50px; margin-top:8px; text-align: center; font-weight: normal; color: #333; }
.g_pro .fc li a, .g_pro .fc li a:visited { color: #333; display: block; }
.g_pro .fc li a:hover img{ transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2);transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.g_pro .fc li a:hover strong {  color: #0082ca; }
.g_pro .fc .lastli { margin-right: 0; }
.g_pro .fc li a h3 { display: block; height: 26px; margin: 70px auto 0 auto; text-align: center; font-size: 14px; color: #fff; font-weight: normal; line-height: 26px; overflow: hidden; /* background:url(../images/sha3.png) no-repeat;*/ border: 1px solid #fff; padding: 5px 10px; width: 156px; }
.g_pro .fc .li1 { width: 795px; height: 407px; display: block; margin-bottom: 13px; }
.g_pro .fc .li1 img { display: block; width: 795px; height: 407px; }
.g_pro .fc .li1 a { display: none; position: absolute; width: 795px; height: 407px; top: 0; left: 0; color: #fff; background: url(../images/sha2.png) repeat; }
.g_pro .fc .li1 a h3 { display: block; height: 26px; margin: 190px auto 0 auto; text-align: center; font-size: 14px; color: #fff; font-weight: normal; line-height: 26px; overflow: hidden; /* background:url(../images/sha3.png) no-repeat;*/ width: 192px; }
.index_banner { height: 118px; background: url(../images/index_banner1.jpg) no-repeat center; margin-top: 20px; }
.index_banner2 { margin: 0 auto; position: relative; width: 1100px; padding: 0 50px; background: #fff; }
/* 优势 */
#youshi { width: 1100px; padding: 0 50px; margin: 20px auto; height: 1294px; background: #fff url(../images/index_ys_pic.jpg) no-repeat center; position: relative; }
.youshi_title { position: absolute; left: 260px; top: 32px; }
.youshi_title .t1 { line-height: 40px; color: #333; font-size: 36px; }
.youshi_title .t2 { line-height: 25px; color: #FFF; font-size: 12px; }
.youshi_info { position: absolute; }
.youshi_info .t1 { line-height: 40px; color: #FFB200; font-size: 28px; }
.youshi_info .t2 { line-height: 20px; color: #666; font-size: 12px; margin-top: 30px; }
.youshi_info1 { left: 620px; top: 165px; width: 430px; }
.youshi_info2 { left: 230px; top: 445px; width: 361px; }
.youshi_info3 { left: 650px; top: 690px; width: 361px; }
.youshi_info4 { left: 200px; top: 980px; width: 361px; }
/* 案例 */
#case { width: 100%; margin:15px auto 45px; height: 425px;}
#case .wrapper{ width:1200px; margin:0 auto; background:#fff;}
#case .case_left { float: left; width: 260px; margin-top: 50px; margin-left: 10px; }
#case .case_left .t1 { line-height: 40px; font-size: 28px; color: #FFF; border-bottom: 1px #FFF solid; }
#case .case_left .t2 { line-height: 20px; font-size: 12px; color: #FFF; margin-top: 10px; }
#case .case_left .t3 { line-height: 24px; font-size: 14px; color: #FFF; margin-top: 10px; }
#case .case_right {  width: 1100px; height: 250px; margin:0 auto; }
#scroll_div { overflow: hidden; }
#scroll_div ul { display: block; float: left; }
#scroll_div ul li { float: left; list-style: none; margin: 0 10px; }
#scroll_div ul li img { width: 271px; height: 193px; }
#scroll_div ul li p { line-height: 40px; text-align: center; font-size: 14px; }
#scroll_div ul li a { background-color: #FFF; display: block; padding: 5px; }
#scroll_div ul li a:hover { background-color: #DDD; color: #ED1B24; }
/* 关于我们 */
#about { width: 710px; height: 310px; margin: 20px auto; padding: 20px 450px 20px 40px; background-image: url(../images/index_about_bg.jpg); background-repeat: no-repeat; background-position: 835px center; background-color: #FFF; }
#about h2 { border-bottom: 1px #CCC solid; line-height: 40px; font-size: 28px; margin-bottom: 20px; }
#about img { float: left; padding: 5px; border: 1px #CCC solid; width: 380px; height: 211px; margin-right: 15px; }
#about p { font-size: 14px; line-height: 26px; text-indent: 2em; color: #666; }
#about p a { background-color: #0095e2; color: #FFF; font-size: 12px; line-height: 20px; text-align: center; border-radius: 10px; padding: 0 10px; }
/* 合作伙伴 */
#clients { width: 1100px; margin: 10px auto 20px auto; }
#clients h2 { border-bottom: 1px #CCC dotted; line-height: 30px; font-size: 18px; margin-bottom: 10px; text-align: center; }
#clients div { width: 1000px; margin: 0 50px; height: 328px; background: url(../images/c_logo2.jpg) no-repeat; }
/* 新闻 */
#news { padding: 20px 50px; height: 392px; width: 1100px; margin:0 auto; background: #fff url(../images/index_news_bg.jpg) no-repeat center; }
#xinwen { float: left; width: 338px; height: 380px; margin-left: 20px; }
#dongtai { float: left; width: 338px; height: 380px; margin-left: 48px; }
#wenti { float: left; width: 290px; height: 380px; margin-left: 48px; }
#news .news_header { line-height: 40px; font-size: 20px; color: #333; border-bottom: 1px #CCC solid; }
#news .news_header a { float: right; font-size: 14px; color: #666; }
#news .news_header a:hover { color: #ED1B24; }
#news img { width: 320px; height: 140px; padding: 5px; border: 1px #CCC solid; margin: 10px 3px; }
.news_list { }
.news_list a { display: block; margin: 0 10px; padding: 0 5px; line-height: 40px; border-bottom: 1px #CCC dotted; font-size: 12px; color: #333; }
.news_list a:hover { background-color: #EEE; border-bottom: 1px #CCC solid; }
.news_list a span { line-height: 20px; background-color: #ED1B24; margin: 10px 0; padding: 0 5px; color: #FFF; font-size: 10px; border-radius: 5px; float: right; }
.wd_list { }
.wd_list li { padding: 16px 5px; border-bottom: 1px #CCC dotted; }
.wd_list li p span { position: absolute; display: block; width: 20px; height: 20px; font-size: 12px; color: #FFF; line-height: 20px; text-align: center; top: 1px; left: 2px; }
.wd_list li .wen { padding-left: 25px; font-size: 12px; line-height: 24px; color: #333; position: relative; }
.wd_list li .wen span { background-color: #ED1B24; }
.wd_list li .da { padding-left: 25px; font-size: 12px; line-height: 24px; color: #666; position: relative; margin-top: 6px; }
.wd_list li .da span { background-color: #666; }


.center { margin: 0 auto; width: 1200px; }
.sybt { text-align: center; }
.sybt1 { color: #287ed0; font-size: 38px; font-family: impact; font-weight: bold; }
.sybt2 { font-size: 22px; color: #333333; }
.people { background: url(../images/peo_bg.jpg) no-repeat fixed; height: 620px; padding: 25px 0; overflow: hidden;width: 1200px;margin: 0 auto; }
/*tab*/
.active_tab { width: 1200px; margin: 30px 0 0 70px; height: 30px; line-height: 30px; }
.active_tab a { color: #c5261f; text-decoration: none; }
.active_tab a:hover { color: #fff; text-decoration: none; }
.act_title_left { margin: 0 0 0 0px; }
.act_title_left li { float: left; border: 2px solid #c5261f; border-radius: 30px;-moz-border-radius: 30px; /* Firefox */
  -webkit-border-radius: 30px; /* Safari 和 Chrome */
  border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ color: #c5261f; height: 30px; width: 100px; text-align: center; padding: 0 15px; margin: 8px; }
/*.act_title_left li:last-child { margin-right: 0; }*/
.act_active { border: 2px solid #c5261f; border-radius: 30px; color: #fff; background: #c5261f; }
.act_active a { color: #fff }
.active_list { width: 1200px; margin: 0 auto; margin-top:20px }
.active_list a { text-decoration: none; }
.active_list li { margin:0 20px; width: 250px; float: left; }
/*.active_list li:last-child { margin-right: 0px; }*/
.active_list li .list_txt { color: #2c2c2c; background: #fff; width: 210px; padding: 15px 35px; height: 210px; overflow: hidden; }

.active_list li img { float: left; height: 190px; margin-left: -20px; width: 250px; border: 2px solid #d8d8d8; }
.active_list li .list_txt h4 { text-align: center; height: 35px; line-height:35px; font-size: 16px; color: 2c2c2c; }

.active_list li .jia { border-radius: 5px; width: 125px; height: 40px; margin: 20px auto 0; }
.active_list li .jia a { color: #fff; border-radius: 5px; display: block; font-size: 16px; background: #ff3e25; font-style: normal; line-height: 40px; text-align: center; }
/*index_about*/
.index_about { padding: 50px 0; overflow: hidden; }
.index_about .ab_left { width: 698px; margin-top: 50px; }
.index_about .ab_right { margin-top: 50px; width: 480px; }
.index_about .ab_right .more { text-align: right; }
.morejia { background: #f00 none repeat scroll 0 0; border-radius: 15px; color: #fff; display: block; float: right; font-size: 12px; margin: 20px 0; padding: 2px 5px; }
.morejia:hover { color: #fff; }