@charset "utf-8";
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/* 起始样式 */
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%;background:url(../images/heading-bg.jpg) right top no-repeat;}
div{behavior: url(../css/css/iepngfix.htc)}
div, ul, li, dt, dl, dd, p { margin:0px; padding:0px; list-style-type: none; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
img{border:none;}
html{ overflow-x:hidden;} 
div:hover,li:hover,tr:hover,a:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.5s linear, background-image 0.3s linear;}
/*text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 背景滚动*/
/* 公用样式 */
.box{ width:980px; margin:0 auto;}
.head{ height:90px; overflow:hidden;}
.logo{ width:343px;}
.logo img{width:400px; margin-top:15px;}
.headrg{ width:602px;}
.top{ padding-top:40px; height:24px; line-height:24px; color:#969a9a}
.top .div1 a{ color:#155fb6;}
.top .div1 a:hover{ background:#155fb6; color:#fff;}
.top .div1 span{ margin-left:8px; padding-right:8px;}
.top .div2{ background:url(../images/1_01.jpg) no-repeat; height:24px; width:171px; margin-left:19px; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.top .div2 .p1{ padding-left:5px; width:139px;}
.top .div2 .p1 .text{ background:none; border:0px; height:22px; line-height:22px; font-family:微软雅黑; color:#999999;}
.top .div2 .p2{ width:16px; padding-right:5px; padding-top:3px;}
.top .div2 .p2 a{ background:url(../images/1_02.jpg) top no-repeat; height:16px; width:16px; display:block; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.top .div2:hover{ background:url(../images/1_01a.jpg) no-repeat; height:24px; width:171px; margin-left:19px;}
.top .div2:hover .p2 a{ background:url(../images/1_02.jpg) bottom no-repeat; text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.menu{width:100%; height:38px; background:url(../images/nav_bg.png) repeat; display:table;border-bottom: 1px solid #0079c3;}
.dh{ height:38px; width:980px; margin:0 auto;}
.dh .activesss{ float:left; margin:0 24px;}
.dh .activesss:hover{ background:url(../images/nav_bg_on.png) repeat-x; border-top-left-radius:5px; border-top-right-radius:5px;margin-top:3px; line-height:35px; height:35px;}
/*.dh .activesss1{ border-bottom:4px solid #155fb6;}*/
.dh .activesss .a1{ display:block; color:#fff; font-size:14px; line-height:38px; height:38px; font-weight:bold; padding:0px 42px; }
.dh .activesss:hover .a1{ color:#155fb6;margin-top:0px;}
.dh .activesss1 .a1{ color:#155fb6; background:url(../images/nav_bg_on.png) repeat-x; border-top-left-radius:5px; border-top-right-radius:5px; margin-top:3px; line-height:35px; height:35px; }
.dh .Locate{ position:absolute; width:120px; top:112px; display:none; z-index:10000; background:#f1f0f0;  text-align:center;}
.dh .mad{ }
.dh .Locate ul li{ border-bottom:1px solid #dddcdc; height:38px; line-height:38px;}
.dh .Locate ul li:hover{ background:#155fb6;}
.dh .Locate ul li:hover a{ color:#fff;}
.dh .Locate ul li a{ color:#3b3737; display:block; height:38px; line-height:38px;}
.dh .Locate ul .li{ background:url(../images/1_03.png) no-repeat; height:17px; line-height:17px; border-bottom:0px;}
.dh .Locate ul .li:hover{ background:url(../images/1_03.png) no-repeat; line-height:17px; height:17px;}
.dh .Locate ul li .a2{ position:relative; cursor:pointer;}
.dh .Locate ul li .a2 .div1{ display:none;}
.dh .Locate ul li .a2:hover .div1{ display:block; position:absolute; z-index:100; width:338px; top:0px; left:148px;}
.dh .Locate ul li .a2:hover .div1 .p1{ background:#155fb6; height:38px; line-height:38px; overflow:hidden; border-bottom:1px solid #54c5b3; text-align:left; padding-left:30px;}
.dh .Locate ul li .a2:hover .div1 .p1:hover{ background:#07bca0;}
.lf1{float:left; margin-right:30px; padding-right:30px; background:url(../images/line.png) right center no-repeat;}
.foot_menu{ float:left; margin-top:10px;}
.foot_menu ul{ width:600px; float:left;}
.foot_menu ul li{ height:16px; line-height:16px; overflow:hidden; border-right:1px solid rgba(255,255,255,0.5); float:left; font-size:14px; margin:5px 0;}

.foot_menu ul li:last-child{border:0}
.foot_menu ul li a{ padding:0 20px; color:rgba(255,255,255,0.8); display:block;}
.foot_menu ul li a:hover{ background:#155fb6; color:#fff;}
.foot_menu ul li:first-child a{padding-left:0;}
.foot_bottom{ border-top:1px solid #e0e0e0; height:100px; padding:10px 0; color:rgba(255,255,255,0.8); background:url(../images/footer-bg.png);}
.foot_bottom .rg a{ color:#ffffff}
.foot_link{ margin-top:22px;}
.foot_c{margin:5px 0 0px; float:left;}
.foot_c a{color:#ddd;}
.lf2{float:left; width:645px;}
.lf3{float:right; width:90px;}
.lf3 img{width:90px;}

.search{width: 173px;height:24px;float:right;overflow:hidden;border:1px solid #cecece; border-radius:5px;z-index: 8;background: #fff;}
.search .txt{float:left;padding-left: 10px;color: #999;border-style: none;border-width: 0px;height: 24px;line-height: 24px;width: 113px;font-size: 12px;background: none;}
.search .btn{float: right;width:24px;height:24px;border-style:none;border-width: 0px;background: url(../images/arr_search.gif) 0px 4px no-repeat;cursor: pointer;}
/* 公用样式 End */

/* Index */
.banner{ width:100%; position:relative; margin:0 auto;z-index:100;}
.banner .slides_container a {width:1920px;height:570px;display:block;}
.banner .slides_container a img {display:block;}
.banner .pagination { margin-top:-60px; position:absolute; z-index:100; width:75px; left:50%; margin-left:-35px; display:none;}
.banner .pagination li {float:left;margin:0 1px;list-style:none;}
.banner .pagination li a {display:block; width:13px; font-size:0px; height:13px; background:url(../images/1_12.png) no-repeat;float:left;overflow:hidden; margin-left:5px; margin-right:5px; font-size:0px; line-height:1000px;}
.banner .pagination li.current a,.banner .pagination li a:hover{ background:url(../images/1_12a.png) no-repeat;}
.ss{ display:table;}
#ss1{position:relative; top:20px; z-index:20; float:left; width:313px; height:237px; left:0px;}
#ss2{position:relative; top:20px; z-index:20; float:left; width:313px; height:237px; left:31px;}
#ss3{position:relative; top:20px; z-index:20; float:left; width:313px; height:237px; left:62px;}
#pronav{ overflow: hidden; padding: 20px 0; float:left; width:333px;}
#pronav li{position:relative; top:10px; z-index:20; float:left; width:313px; height:237px; padding:0px 10px;}
.imgbg{position:relative;}
.index_about{width:80%; position:absolute; top:50px;left:0; display:table; z-index:2; margin: 0 10%;}
.about_text{color:#0c3382;line-height:26px;}
.about_more{width:100px; display:table; margin:20px auto; height:26px; line-height:26px; text-align:center; background:rgba(21,151,250,0.6); border:1px solid rgba(21,151,250,0.8); color:rgba(255,255,255,0.9); border-radius:5px;}
.about_more:hover{color:rgba(21,151,250,0.6); border:1px solid rgba(21,151,250,0.8); background:rgba(255,255,255,0.9); }
.heg{ height:20px;}
#wrapper {width:313px;}
.rslides {margin: 0 auto 40px;}
#slider2,#slider3 {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0 auto;}


.hot_title{width:980px; margin-bottom:10px; display:table; height:40px; line-height:40px; border-bottom:1px solid #ccc; font-size:18px; font-weight:700; color:#005bab;}
.hot_title .hto_title_more{float:right;}
.hot_title .hto_title_more a{color:#666; font-size:14px; font-weight:400;}
.pro{width:980px;}
.pro ul{margin:0px; padding:0px;}
.pro ul li{width:230px; float:left; margin-right:17px; margin-bottom:20px; border:1px solid #cecece;}
.pro ul li:nth-child(4n+4){margin-right:0px;}
.pro ul li img{width:230px; height:230px;}
.pro ul li span{ border-top:1px solid #f7f7f7; height:30px; line-height:30px; overflow:hidden; border-bottom:2px solid #cecece; text-align:center; font-size:14px; float:left; width:100%; padding:5px 0; background:#fff; color: #333;} 
.pro ul li:hover span{border-bottom:2px solid #f49f00;}

.pro_list{width:760px; margin-top:20px;}
.pro_list ul{margin:0px; padding:0px;}
.pro_list ul li{width:238px; float:left; margin-right:20px; margin-bottom:20px; border:1px solid #cecece;}
.pro_list ul li:nth-child(3n+3){margin-right:0px;}
.pro_list ul li img{width:238px;}
.pro_list ul li span{ border-top:1px solid #e8e8e8; height:30px; line-height:30px; overflow:hidden; border-bottom:2px solid #cecece; text-align:center; font-size:14px; float:left; width:100%; padding:10px 0; background:#fff;} 
.pro_list ul li:hover span{border-bottom:2px solid #f49f00;}

  
.box>h2{font-size: 28px;text-align: center;margin: 60px 0 30px; color: #f49d00;width:auto;line-height: 0px;height: 35px;border-top: 1px solid #e8e8e8;}
.box>h2>span{background:#fff;    padding: 0px 10px;}
.box>h2>strong{background:#6b6b6b;color:#fff;font-size:28px;font-weight:200;padding:0 10px;font-family:"Arial";}

.proclass{width:980px;}
.proclass ul{margin:0px; padding:0px;}
.proclass ul li{width:311px; float:left; margin-right:20.5px;}
.proclass ul li:last-child{margin-right:0px;}
.serWrap{width: 311px; height: 315px; border: 1px solid #cecece; }
.serIco{width: 103px; height: 103px; margin: 24px auto 0; background:#005bab; font-size: 0; border-radius:100%; line-height: 0; text-align: center; }
.serTitle{margin: 16px 0 16px; line-height: 28px; font-size: 18px; color: #045eac; text-align: center; }
.serIntro{padding: 0 0 16px; text-align: center; line-height: 24px; color: #484848; }
.serLink{width: 250px; margin: 0 auto; border-top: 1px dotted #8d8d8d; padding: 10px 0 0; }
.serBtn{display: block; position: relative; width: 120px; height: 37px; overflow: hidden; margin: 0 auto; line-height: 36px; text-align: center; }
.serBtnLink,
.serBtnHover{position: absolute; top: 0; left: 0; width: 120px; height: 37px; background: url("../images/service_button.png" ) no-repeat center top; }
.serBtnLink{z-index: 1; background-position: center top; color: #3f3f3f; }
.serBtnHover{z-index: 0; background-position: center center; color: #e62129; }
.proclass ul li:hover .serIco{background:#f49d00;}
.proclass ul li:hover .serTitle{color: #f49d00;}
.proclass ul li:hover .serBtnLink{color: #f49d00;}

.proclass2{width:980px;}
.proclass2 ul{margin:0px; padding:0px;}
.proclass2 ul li{width:230px; float:left; margin-right:20px;}
.proclass2 ul li:nth-child(4n+4){margin-right:0px;}
.proclass2 .pro_img{width:230px; border:2px solid #005bab; float:left;}
.proclass2 .pro_img img{width:230px; height:230px;}
.proclass2 .pro_name{width:100%; text-align:center; height:40px; line-height:40px; float:left; color:#333; font-size:14px;}

.hz_bt{height:35px; border-bottom:1px solid #e8e8e8; margin-top:30px;}
.hz_bt span{height: 35px;border-bottom: 2px solid #005bab;line-height: 35px; float: left; font:bold 18px/24px "微软雅黑";}
.hz_bt span a,.hz_bt span a:hover{color:#005bab; text-decoration:none;}
.more{color:#333; margin-top:10px;}
.more:hover{color:#005bab;}
.fr{float:right;}
.fl{float:left;}
.czzx{width:980px; margin:0 auto; overflow: hidden;}
.czzx dl{width:452px;height:175px;float:left; margin:22px 50px 0 0; display:inline-block; }
.czzx dl:nth-child(2n+3){margin-right:0px;}
.czzx dl dt{width:161px;height:174px;float:left;}
.czzx dl dt img{width:153px;height:166px; padding:3px; border:1px solid #ccc;}
.czzx dl dd{float:right;width:452px;height:174px; overflow:hidden;line-height:24px; position:relative;}
.czzx dl dd h4{margin:0px; padding:0px;}
.czzx dl dd h4 a{font:bold 12px/20px "";color:#005bab; display:block;}
.czzx dl dd h4 a:hover{color:#f49d00;}
.czzx dl dd h5{color:#999;font-size:12px; padding:5px 0 5px 0; margin:0px;}
.czzx dl dd .ckxq{width:87px;height:23px; background:#f39c33; color:#fff; text-align:center; display:block; position:absolute;bottom:3px;left:0;}
.czzx dl dd .ckxq:hover{background:#005bab;}
.czzx .nones{margin:22px 0 0 0; }

.about{width:980px; margin:40px auto 0px; padding-bottom:30px; height:200px; border-top: solid 1px #e8e8e8; display:table; background-size: 80%; padding-top:40px;}
.about_left{float:left; width:310px; background:url(../images/about.jpg) right no-repeat; height:200px;}

.about_right{float:left;}
#globalMapInner{padding:0px 0 0 20px; width:648px;}
.map-inner-top{overflow:hidden;}
.map-inner-top h3{ color:#014099; letter-spacing:-0.5px; padding-bottom:15px; margin-bottom:10px;}
.map-inner-top h3 strong{font-size:25px; font-weight:400; margin-right:20px;}
.map-inner-top h3 span{font-weight:300; opacity:0.66;filter:Alpha(opacity=66);}
.map-inner-txt{float:left; width:100%; color:#666; font-size:14px; letter-spacing:-0.25px; line-height:28px; opacity:0.6;filter:Alpha(opacity=60); }
.map-inner-content{position:relative;font-size: 14px;line-height: 36px; }
.global-more-btn{float:right; width:28%; max-width:143px; height:30px; text-align:right; line-height:30px; color:#282828; opacity:0.6;filter:Alpha(opacity=60); font-size:12px; font-weight:400;}
.global-more-btn:hover{color:#1c7ebf;}

/* Index End */








.contact{width:100%; margin-bottom:30px; border-bottom:1px dashed #e8e8e8; float:left; padding-bottom:20px;}
.contact strong{ font-size:16px; font-weight:bold;}

/*===FlexSlider幻灯片  开始===*/
#banner { float:left; width:100%;}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px;  border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/

/*在线客服*/
#kefu1{position:fixed; left:0px; top:40%; z-index:10008; width: 132px; padding: 10px; background: #fff; border: 1px solid #ddd; box-shadow: 1px 1px 1px #d4d4d4; font-size: 12px;}
.cs_tel{height:25px; background: url('../images/img.gif?v=1') no-repeat 0px 0px;}
.cs_tel_ct{color: #666; line-height: 150%;}
.cs_tel_num{color: #c00; font-size: 18px; font-family: Arial,Verdana; font-style: italic; font-weight: bold; display: block; padding: 5px 0px;}

.cs_online{height:30px; background: url('../images/img.gif?v=1') no-repeat 0px -50px;}
.cs_online_qq{height: 25px;}
.cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover{text-decoration: none; color: #666;}

.cs_qcode{padding: 10px 0px 0px 0px;}

.cs_free{height:32px; background: url('../images/img.gif?v=1') no-repeat 0px -100px;}
.cs_free a{display: block; height: 32px;}
.cs_free a span{display: none;}

.cs_baidu{height:32px; background: url('../images/img.gif?v=1') no-repeat 0px -200px;}
.cs_baidu a{display: block; height: 32px;}
.cs_baidu a span{display: none;}

.cs_spr{border-bottom: 1px dashed #c0c0c0; margin: 8px 0px;}
.cs_space{clear:both; overflow:hidden; height:8px;}
.cs_close{position: absolute; right: 5px; top: 5px; width: 12px; height: 12px; background: url('../images/img.gif?v=1') no-repeat 0px -150px;}
.cs_close a{display: block; height: 10px;}
.cs_close a span{display: none;}

.l_main>h1{ width: 100%;height: 40px;font-weight: 800;line-height: 40px;font-size: 14px;color: #2670bc;}
.l_main>h1 span{ font-weight: normal;color: #999;text-transform: uppercase;padding-left: 10px;}
.l_main>.leftcontact{ color: #333;line-height: 28px; padding-left:10px; margin-top:10px;}
.l_main>img{ margin: 20px 20px; text-align:center; }