/* CSS Document By_base*/
/* --------Reset -----------------*/
body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td, input, textarea { margin: 0; padding: 0;}
ol, ul { list-style: none outside none; }
:focus { outline: 0 none; }
a img { border: 0 none; }
img { vertical-align: middle; }
table { empty-cells: show; border-spacing:0; border-collapse:collapse;}
i, cite, em, var, address, dfn { font-style: normal; }
/* ---------Base---------------- */
body { background:#fff; color: #000; font:14px/1.5  'microsoft yahei';margin-left:auto; margin-right:auto; position:relative; /*min-width: 1423px;*/ min-width: 1280px;}
html, body { -webkit-text-size-adjust: none; }
h1, h2, h3, h4, h5 { font-family:"microsoft yahei"; }
h2 a, h3 a { color: #666; }
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; font-weight: normal; }
h4, h5, h6 { font-size: 14px; }
a {color: #000; text-decoration: none; transition: color .3s; }
a:hover { text-decoration: none; }
.cl{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.pr{position:relative;}
.tc{text-align:center;}
.cursor{ cursor: pointer;}
.pa{position:absolute;}
.border{ border:1px solid #ccc;}
.border-small-radius{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.plr-big{padding:0 20px;}
.line-height{ line-height: 30px;}
.clearfix>li{ display: inline;}
.clearfix {zoom: 1;}
.none{ display: none;}

/* ---------Public---------------- */

.header{ width: 100%;height: 91px;}
.header .header-center{ width: 1092px; height: 91px; margin:0 auto;}
.header .logo{ width: 250px; height: 91px; overflow: hidden;}
.header .header-right{ width: 842px; height: 91px;}
.header .telephone{ width: 842px; height: 32px; padding: 12px 0;}
.header .telephone .top-nav{ width: 105px; height: 32px;}
.header .telephone .top-nav a{ background: url(/images/icon01.jpg) left no-repeat; padding-left: 8px; font-size: 12px; display: block; float: left; height: 16px; line-height: 16px;}
.header .telephone .top-nav a.a1,.header .telephone .top-nav a.a3{ width: 33px;}
.header .telephone .top-nav a.a2,.header .telephone .top-nav a.a4{ width: 54px;}
.header .telephone span{ width: 158px; height: 24px; line-height: 24px; background: url(/images/tel_bg.jpg) no-repeat; text-align: center; color: #fff; margin-top: 4px; margin-right: 9px;}


ul.nav{ margin:0px; padding:0px;}
ul.nav li{float:left; position:relative; height:29px; background: url(/images/nav_line.jpg) left no-repeat; line-height:29px; text-align:center;}
ul.nav li span{ display:inline-block;font-size:14px;}
ul.nav li span a{ color:#333; padding:0px 16px; height:35px; display:block;}
ul.nav li span a:hover,ul.nav li span a.on{color:#0483D6;}
ul.nav li.cur b{ position:absolute; width:11px; height:7px; left:50%; top:28px; margin-left:-5px; background:url(/images/icon07.png) no-repeat;}
ul.nav li.cur span a{color:#0483D6;}

.downmenu{position:absolute;top:35px; width:120px; left:-15px; display:none; background:url(/webimages/index_347.gif) repeat;z-index:9999;}
.downmenu p{background:#fff; box-shadow:0px -1px 5px #e9e9e9; font-size:14px;padding:10px 0px;}
.downmenu a{ color:#333; display:block; text-align:center; padding:5px 0px; display:block;}
.downmenu a:hover{color:#0483D6;}
.WeClient{ left:50%; margin-left:-590px; top:40px;position:absolute; width:1180px; height:520px; background:#fff; overflow:hidden; z-index:9999; display:none; opacity:0.98;}
.WeClient ul{ margin:0px; padding:0px;}
.WeClient ul li{ float:left; width:235px; border:1px solid #e6e6e6; margin-left:-1px; margin-top:-1px;}
.WeClient ul li img{ display:block; width:235px; height:112px;}
.WeClient span{ display:block; text-align:center; font-size:14px; left:50%; margin-left:-54px; position:absolute; bottom:17px; width:108px; height:35px; line-height:35px; background:url(/images/index_323.png) no-repeat;}
.WeClient span a{ color:#FFF;}
/*******20150302********/
.downmenu.widbai{ left:0px;box-shadow: 0px -1px 5px #e9e9e9; background:#fff; padding-bottom:10px;}
.downmenu.widbai img{ float:left;}
.downmenu.widbai dl dt{ float:left; width:680px; height:auto; overflow:hidden;}
.downmenu.widbai dl dt a{ margin-right:45px;}
.downmenu.widbai a{  display:inline-block;}
.downmenu.widbai a.downmenu_anli{height:220px;}
.downmenu.widbai p{box-shadow:none; border-bottom:solid 1px #d9d9d9;}
.downmenu.widbai p:last-child{ border-bottom:none;}
.downmenu.widbai dl dd{ float:right; width:445px; margin-right:50px;}
.nav ul li dl{ border-bottom:none; width:1180px; margin:0 auto;}
.downmenu.widbai dl dd a{ display:inline-block; width:200px; text-align:left;}
.index_xuanfu img{ vertical-align:-5px;}
.index_click{ display:block; width:54px; height:53px; position:relative; left:48%; margin-top:15px; background:url(/webimages/index_377.png) no-repeat -293px -413px;}
.CoreBusiness{ padding-bottom:50px;}
.E-commerce{ position:relative;}
.E-commerce .index_click{ position:absolute; bottom:27px;}
.zhongbiaolist ul{ height:auto; overflow:hidden;}
.zhongbiao{ padding-bottom:20px;}
.Caselist ul{ height:auto; overflow:hidden;}

/*banner轮播*/
.banner{ width:100%;}
.block_home_slider {padding: 0; position: relative; background-color: #ffffff; /*border: 4px solid #f2f2f2;*/-moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; behavior: url(/js/PIE.htc); text-align: center;line-height: 0px;margin-right: auto; margin-left: auto;}  
.block_home_slider .slide {position:relative;}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(/images/sprite_arrow_2.png); text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging {width:200px; height:20px; text-align:center; position:absolute; bottom:10px; left:50%; margin-left:-100px;}
.block_home_slider .flex-control-paging li {margin: 0px; padding: 0px; display:inline-block;overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a {width:12px; height:12px; display:block; margin:0 3px;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;background:#fff; text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background:#51A7D8;}

.block_home_post_feature {width:300px;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;list-style-type: none;} 
.flexslider .slides a,.flexslider .slides img {width: 100%; display: block;}
/*banner轮播*/

/*------------mainbody-----------*/
.service{ width: 1092px; height: 494px; margin: 0 auto;}
.tit{ padding: 30px 0; text-align: center;} 
.tit h1{ font-size: 36px; font-family:"Times New Roman",Georgia,Serif;color: #333;}
.tit h2{ font-size: 30px; font-weight: normal;color: #333;}
.tit span{ color: #52a6d9;}
.service ul.service-class{ width: 1136px;}
.service ul.service-class li{ width: 240px; height: 310px; float: left; margin-right: 44px; text-align: center; }
.service ul.service-class li .service-img{width: 240px; height: 200px;position: relative;overflow: hidden; }
.service ul.service-class li .service-img img{width: 240px; height: 200px;}
.service ul.service-class li p.class-tit{ font-size: 26px; line-height: 60px;}
.service ul.service-class li p.class-tit a{ color: #333;}
.service ul.service-class li p.class-desc{ font-size: 12px; color: #666; line-height: 22px;}
.service .service-box{ width: 240px; height: 200px; position: absolute; top: -200px; background: url(/images/shade_bg.png) no-repeat; z-index: 999;}
.service .service-box dl a{ color: #fff;}
.service .service-box dl dt{ font-size: 28px; margin-top: 20px;}
.service .service-box dl dd{ line-height: 24px; padding:0 40px; line-height:24px;}
.service .service-box dl a.service-box-more{ width: 42px; height: 42px; display: block; position: absolute; left: 99px; bottom: 12px;}

.case{ width: 100%; height: 652px; position: relative; margin-top: 20px;}
.case img.case-bg{ width: 100%; height: 652px; position: absolute; z-index: -1;}
.case .case-cen{ width: 1092px; height: 652px; margin:0 auto;}
.case .case-cen ul.case-menu{ width: 970px; height: 26px; margin: 0 auto;}
.case .case-cen ul.case-menu li{ width: 109px; height: 26px; line-height: 26px; text-align: center; float: left; background: url(/images/tab1.png) no-repeat; margin-right: 12px}
.case .case-cen ul.case-menu li.on{ background: url(/images/tab1_on.png) no-repeat;}
.case .case-cen ul.case-menu li a{ color: #8E8F8E;}
.case .case-cen ul.case-menu li.on a{ color: #fff;}

.case .case-cen .case-list{ padding: 25px 0;}
.case .case-cen .case-list ul{ width: 1101px;}
.case .case-cen .case-list ul li{ width: 263px; height: 188px; float: left; margin-right: 12px; margin-bottom: 15px;}
.case .case-cen .case-list ul li a{ display: block; overflow: hidden; position: relative;}
.case .case-cen .case-list ul li a>img{ width: 263px; height: 188px;}
.case .case-cen .case-list ul li a .da-shade{ position: absolute; width: 263px; height: 188px; left: 0;top: 0; background: url(/images/case_hover_bg.png) no-repeat; color: #fff;
    filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85; opacity: 0.85;}
    .case .case-cen .case-list ul li a .da-shade div{width: 263px; height: 188px; background: #000000; background:rgba(0,0,0,0.75);filter:alpha(opacity=75); text-align:center;}
.case .case-cen .case-list ul li a .da-shade div img{ width:160px; height:160px;padding-top:14px;}


.case .case-cen .case-list ul li a .da-shade h3{ color: #fff; font-size: 30px; text-align: center;line-height: 50px; padding-top: 10px; width:263px; height:55px; overflow:hidden;}
.case .case-cen .case-list ul li a .da-shade p{ font-size: 12px; padding:0 15px; line-height: 20px; text-indent: 2em;}

.case .case-cen .case-list ul li a:hover .da-shade{ display: block;}

.partner{width: 100%; height: 563px;}
.partner img.partner-bg{ width: 100%; height: 563px; position: absolute; z-index: -1;}
.partner .partner-cen{ width: 1092px; height: 563px; margin: 0 auto; position: relative;}

.indexCustom { width: 100%; height: 563px; background: url(/images/bg1.jpg) center top no-repeat;}
.indexCustom .word { position: absolute; width: 350px; top: 40px; left: 0; color: #fff; z-index: 999; padding-left: 10px;}
.indexCustom .word span { font-family: "Times New Roman"; color: #d51737; font-size: 45px; font-weight: bold; }
.indexCustom .word h2 { font-size: 36px; line-height: 60px; color: #fff; font-weight: normal;}
.indexCustom .word p { font-size: 14px; margin-bottom: 20px; }
.indexCustom .word h4 { font-family: "Times New Roman"; font-size: 36px; color: #fff; font-weight: normal; }
.indexCustom .word h5 { font-size: 20px;color: #fff; font-weight: normal;}

.indexCustomSlide { position: relative; padding-top: 52px; height: 425px; padding-right: 10px;}
.indexCustomSlide .bd { float: right; width: 1092px; }
.indexCustomSlide .bd li { float: left; width: 125px; height: 86px; margin: 0 0 10px 10px; }
.indexCustomSlide .bd li a { position: relative; display: block; width: 100%; height: 100%; }
.indexCustomSlide .bd li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.indexCustomSlide .bd li a p { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 75px; color: #fff; font-size: 14px; background: url(/images/blank_80.png); z-index: 2; overflow: hidden; }
.indexCustomSlide .bd li a:hover p { display: block; }
.indexCustomSlide .next { position: absolute; display: block; width: 113px; height: 75px; right: 0; bottom: 10px; background: url(/images/index.png) 0 -104px no-repeat; }
.indexCustomSlide .next:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.indexCustomSlide .hd { position: absolute; width: 170px; height: 18px; left: 10px; top: 325px; cursor: pointer; z-index: 3; }
.indexCustomSlide .hd ul li { float: left; width: 10px; height: 10px; margin-right: 7px; -moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%; background: #ccc;}
.indexCustomSlide .hd ul li.on { background: #52A6D9;}

.adva{width: 100%; height: 602px;}
.adva img.adva-bg{ width: 100%; height: 602px; position: absolute; z-index: -1;}
.adva .adva-cen{ width: 1092px; height: 602px; margin: 0 auto; position: relative;}
.adva .adva-cen .tit h3,.adva .adva-cen .tit h4{font-weight: normal; color: #333;}
.adva .adva-cen .tit h3{ font-size: 30px; padding-top: 20px;}
.adva .adva-cen .tit h4{ font-size: 18px;  padding-top: 10px;}



/*---特效---*/

.specialefficacy{ width:100%; height:330px; position:relative;}
.specialefficacy ul{ margin:0px auto; padding:45px 0px 0px; width:1256px;}
.specialefficacy ul li{float:left;width:262px; text-align:center;color:#FFF; display:inline;}
.specialefficacy ul li p{ margin:0px auto;width:190px; height:190px; position:relative; background:url(/images/num_bg01.png) no-repeat center top; font-family:Impact, Charcoal, sans-serif; font-size:150px; text-align:center; line-height:190px; font-weight:bold; overflow:hidden;}
.specialefficacy ul li span{ display:block;font-size:16px; padding-top:30px; color: #333;font-weight: bold;}
.specialefficacy ul li.bfb-pr{position: relative;}
.specialefficacy ul li .bfb{ width: 20px; height: 20px; position: absolute; font-size: 20px; right:40px; top: 12px; font-weight: bold;}
.specialefficacy ul li.cur{ width:286px; margin-left:25px;}
.specialefficacy ul li.cur p{ width:286px;background:url(/images/num_bg02.png) no-repeat;}


.Line:after{display:block;content: " "; position:absolute; top:50%; margin-top:-2px; background:#00A0E9; width:100%;height:4px; z-index:999}



.news{width: 100%; height: 705px;}
.news img.news-bg{ width: 100%; height: 705px; position: absolute; z-index: -1;}
.news .news-cen{ width: 1092px;  margin: 0 auto; position: relative;}
.news .news-cen .news-left{ width: 530px; height: 510px; background: #fff;}
.news .news-cen .news-left dl dd{ padding: 0 25px; color: #999;}
.news .news-cen .news-left dl dd.news-tit{ padding-top: 35px; font-size: 18px;}
.news .news-cen .news-left dl dd.news-tit a{ color: #333;}
.news .news-cen .news-left dl dd.news-tit a:hover{ color: #0B88E2;}
.news .news-cen .news-left dl dd.news-time{ font-size: 12px; padding-top:15px;}
.news .news-cen .news-left dl dd.news-desc{ padding-top: 15px; line-height: 22px;}

.news .news-cen .news-right{ width: 532px;}
.news .news-cen .news-right dl{ width: 100%; height: 160px; background: #fff; margin-bottom: 15px;}
.news .news-cen .news-right dl dt{ width: 145px; height: 130px; float: right; padding: 15px 20px 0;}
.news .news-cen .news-right dl dd.news-tit2{ padding:15px 0 5px 17px; line-height: 20px;}
.news .news-cen .news-right dl dd.news-tit2 a{ font-size: 16px; color: #333;}
.news .news-cen .news-right dl dd.news-tit2 a:hover{color: #0B88E2;}
.news .news-cen .news-right dl dd.news-tit2 p{  font-size: 12px; color: #999; padding-top:8px;}
.news .news-cen .news-right dl dd.news-desc2{ padding: 10px 0 0 17px; line-height: 20px; font-size: 12px; color: #999;}

/*------------/mainbody-----------*/

/*------------footer-----------*/
.footer{ width: 100%;background: #1F2021; position: relative;}
.footer-cen{ width: 1092px; margin: 0 auto; color: #fff;}
.footer-cen .footer-up{ width: 1092px; height: 136px; padding-top: 24px; overflow: hidden;}
.footer-cen .footer-up-left{ width: 566px; overflow: hidden;}
.footer-cen .footer-up-left dl{ width: 25%; float: left; overflow: hidden;}
.footer-cen .footer-up-left dl dt{ font-size: 16px; padding-bottom: 10px;}
.footer-cen .footer-up-left dl dd{ width: 100%; height: 28px; line-height: 28px;}
.footer-cen .footer-up-left dl dd a{ color: #ccc; font-size: 12px;}

.footer-cen .footer-up-right{ width: 526px;}
.footer-cen .footer-up-right dl dt{ width: 109px; height: 109px; float: left; padding-right: 50px;padding-bottom: 20px; text-align: center;}
.footer-cen .footer-up-right dl dt p{ line-height: 20px;}
.footer-cen .footer-up-right dl dd{ line-height: 24px;}
.footer-cen .footer-up-right dl dd.dd1{ padding-bottom: 12px; font-size: 16px;}
.footer-cen .footer-up-right dl dd.dd2{ font-size: 12px;}
.footer-cen .footer-up-right dl dd.dd3{  color: #52a6d9; font-size: 36px;}
.footer-cen .footer-up-right dl dd.dd4{ font-size: 12px;}
.footer-cen .web-link{ width: 100%; margin: 0 auto; font-size: 12px;color: #9b9d9f; padding-top: 10px;}
.footer-cen .web-link p.p1{ width:52%;}
.footer-cen .web-link p.p2{ width:48%;}
.footer-cen .web-link a{ margin-right: 10px; color: #9b9d9f;}

.footer-down{width: 100%; height: 40px;}
.footer-down .copyright{ line-height: 30px; font-size: 12px; color: #9b9d9f;text-align: center;
width: 912px;}
.footer-down .copyright a{color: #9b9d9f;}

.footer-line{ width: 1190px; height: 19px; background: url(/images/footer_line.jpg) no-repeat; margin: 0 auto; position: absolute; bottom: 40px; left: 50%; margin-left: -595px;}
.footer-line2{ width: 100%; height:20px;}
.footer-down-right a{ display: block; margin-left: 10px; float: right;}
/*------------/footer-----------*/



#swt_right {filter:alpha(opacity=95); -moz-opacity:0.95;  -khtml-opacity: 0.95; opacity: 0.95; height:400px; position:absolute; left: 50%;top:628px; width: 59px;margin-left:565px; z-index: 10000;}
.mz_nav_on { position: fixed !important;top: 10px !important; z-index: 99;}
.n_float_box_over { height: 100%; width: 59px;}
.n_floar_mag { height: 400px; left: 0; position: absolute; top:0; width: 59px;}
.n_floar_mag ul {list-style: none outside none;}
.n_floar_mag ul li { font-size: 12px; height:auto; width: 59px; position:relative;}

.n_floar_mag ul li.one { height: 59px; margin-bottom:15px;position:relative; background: url(/images/kf01.png) no-repeat; cursor: pointer;}
.n_floar_mag ul li.one .tel{ display:none; position:absolute; width: 120px; height:51px;  right:59px; top:0; background: #0E264C; padding: 0 20px; margin-top:4px; color: #fff; line-height: 51px; font-size: 16px;}


.n_floar_mag ul li.one .shuzi{ width:16px; height:18px; position:absolute; right:15px; top:10px; color:#FFFFFF; font-size:10px; text-align:center; line-height:18px;}

.n_floar_mag ul li.two{ margin-bottom:15px;height: 59px;position:relative;background: url(/images/kf03.png) no-repeat;}
.n_floar_mag ul li.two .weixin{ display:none; position:absolute; width:120px; height:120px;  right:59px; top:0;}
.n_floar_mag ul li.two .weixin1{ width:120px; height:120px; cursor:pointer}
.n_floar_mag ul li.three {margin-bottom:15px;height:59px; position:relative;background: url(/images/kf02.png) no-repeat;}
.n_floar_mag ul li.three span{ color:#fff; position:absolute; right:3px;top:1px; z-index:99;}

.swt_list{ width:100%;border-bottom:#414141 1px solid}
.swt_list a{ display:block;padding-left:10px;  height:35px; line-height:34px; color:#333; text-decoration:none}
.swt_list a:hover{background:#1185C1; color:#FFFFFF}

.n_floar_mag ul li.five {height: 59px;background: url(/images/kf04.png) no-repeat;}
.n_floar_mag ul li a.bg1,.n_floar_mag ul li a.bg2,.n_floar_mag ul li a.bg3,.n_floar_mag ul li a.bg4,.n_floar_mag ul li a.bg5,.n_floar_mag ul li a.bg6,.n_floar_mag ul li a.bg7,.n_floar_mag ul li a.bg8 {color: #fff;display: block; line-height: 24px;padding: 29px;
    text-align: center;text-decoration:none;}

.n_floar_mag ul li div.kf-hover{display:none; width:59px; height:59px; position:absolute; top:0;z-index:9999;}
.n_floar_mag ul li.one div.kf-hover{ background:url(/images/kf01_hover.png) no-repeat;}
.n_floar_mag ul li.three div.kf-hover{ background:url(/images/kf02_hover.png) no-repeat;}