﻿@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:underline;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.cur{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
	margin:0 auto
}
.margin{width:643px}






#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(../images/top_1.gif) no-repeat}
#fall{background:url(../images/top_1.gif) no-repeat 0 -80px}
#ct{background:url(../images/top_1.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative;min-width:1150px;width:100%;}/*网站字体颜色*/
.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1150px;}

/* header */
.header{width: 100%;}
.headerTop{width: 100%;height: 47px;line-height: 47px;background: #eeeeee;border-bottom: 1px solid #e1e1e1}
.headerTop p{font-size: 14px;height: 47px;line-height: 47px;color: #666666;float: left;}
.headerTop ul{float: right;}
.headerTop li{float: left;height: 38px;line-height: 47px;margin-left: 18px;}
.headerTop li a{font-size: 14px;color: #999999;padding-left: 26px;}
.headerTop li.first a{background: url(../images/header_icon01_1.png) no-repeat left center;}
.headerTop li.second a{background: url(../images/header_icon02_1.png) no-repeat left center;}
.headerTop li.last a{background: url(../images/header_icon03_1.png) no-repeat left center;}
.headerTop li:first-child{margin-left: 0;}
.headerCenter{width: 100%;height: 120px;background:#fff;}
.headerCenter dl{width: 600px;float: left;margin-top: 25px;}
.headerCenter dt{float: left;width: 72px;height: 72px;}
.headerCenter dt img{display: block;}
.headerCenter dd{width: 508px;float: left;margin-left: 0px;padding-top: 4px;}
.headerCenter dd h2{font-size:33px;color: #212d3a;font-weight: bold;}
.headerCenter dd p{font-size: 15px;color: #666666;margin-top: 4px;}
.headerCenter .phone{background: url(../images/header_icon04_1.png) no-repeat left center;padding-left: 70px;float: right;margin-top: 27px;}
.headerCenter .phone p{color: #666666;font-size: 14px;padding-top: 2px;}
.headerCenter .phone span{display: block;font-size: 18px;color: #000;font-weight: bold;}

.headerNav{height: 53px;background:#0d2771;}
.headerNav ul{width: 100%;}
.headerNav li{float: left;font-size: 15px;height: 53px;line-height: 53px;}
.headerNav li:first-child{background-image: none;}
.headerNav li a{color: #fff;text-decoration: none;height:53px;line-height: 53px;display: block;font-size: 18px;}
.headerNav li.cur{background:#011858}
.headerNav li:hover{background:#011858;}


/*footer*/
.footer{width: 100%;}
.footerTop{width: 100%;background: #212d3a;padding-top: 20px;padding-bottom: 20px;}
.footerTop .footerMenu{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #1c2632;}
.footerTop .footerMenu li{float: left;font-size: 16px;color: #999999;padding:0 75px;border-left: 1px solid #373e46;border-right: 1px solid #666666;}
.footerTop .footerMenu li:first-child{border-left: none;padding-left: 0;}
.footerTop .footerMenu li.last{padding-right: 0;border-right: none;}
.footerTop .footerMenu li a{color: #999999;}
.footerTop .conBox{width: 100%;border-top: 1px solid #2c3946;padding-top:20px;}
.footerTop .conBox .conL{float: left;margin-right:10px;}
.footerTop .conBox .conL dl{float: left;background: url(../images/footer_xian_1.png) no-repeat left top;height: 150px;padding-left: 20px;}
.footerTop .conBox .conL dt{font-size: 16px;color: #fff;margin-bottom: 20px;}
.footerTop .conBox .conL dd a{display: block;font-size: 14px;color: #999999;margin-bottom: 12px;}
.footerTop .conBox .conL dd p{display: block;font-size: 14px;color: #999999;margin-bottom: 12px;}
.footerTop .conBox .conL dd p span{color: #fff;font-weight: bold;}
.footerTop .conBox .conL dl.dl1{width: 140px;}
.footerTop .conBox .conL dl.dl2{width: 140px;}
.footerTop .conBox .conR{float: right;width:325px;}
.footerTop .conBox .conR p{float: left;width: 450px; margin-top:-127px;text-align: center;}
.footerTop .conBox .conR p span{display: block;font-size: 13px;color: #999999;margin-top: 7px;}
.footerTop .conBox .conR p:first-child{margin-right: 20px;}

.footerBottom{width: 100%;height: 60px;line-height: 60px;background: #1d2936;}
.footerBottom p{font-size: 13px;color: #999999;text-align: center;}
.footerBottom p a{color: #999999;}





/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {float:left;width: 75px;overflow:hidden;padding-left: 20px;}
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
.b15{background: url(../images/skinsvibtn_1.png) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}

.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:51%; margin-right:-675px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}








.product1{background-color:#f8f8f8 ;padding:0px 0 0;max-width:100%; min-width:1260px; }
.prodcon{width:1260px;font-family:"Microsoft YaHei";margin:25px auto 0; overflow:hidden;}
.prodcon .tab-hd{overflow:hidden; z-index:5;position:relative;zoom:1; text-align:center;}
.prodcon .tab-hd li {height:31px;line-height:31px; width:125px; color:#333;border:1px solid #c9c9c9;cursor:pointer; font-size:14px; background:#f1f1f1; display:inline-block; *display:inline;zoom:1; vertical-align:top; margin:0 4px 15px 0px;}
.prodcon .tab-hd li.active{ background:#026dc5; color:#fff;}
.prodcon .tab-bd{ height:500px; overflow:hidden;position:relative; padding:20px 0 0;clear:both;}
.prodcon .tab-bd li.thisclass{ display:list-item; height:500px; overflow:hidden; }
.protu{ overflow:hidden; width:110%;}
.protu li{ float:left;width:218px; padding:0 33px 15px 0;}
.protu li a{ display:block; cursor:pointer;}
.protu li a p{width:215px; height:154px; padding:5px; border:1px solid #c9c9c9; position:relative;}
.protu li a p img{ width:100%; height:100%; display:block;}
.protu li a p i{ position:absolute; z-index:10; top:0; left:0; display:none; width:100%; height:100%; text-align:center; background:#333;filter:alpha(opacity=70); opacity:0.7; color:#fff; font-size:60px; line-height:195px; overflow:hidden;}
.protu li a span{ font-size:14px; display:block; text-align:center; color:#444; font-weight:bold; line-height:32px;}
.protu li a:hover p i{ display:block;}
.protu li a:hover span{ color:#026dc5;}

/* problem */
.problem{ padding:30px 0 33px;}
.probcon{ overflow:hidden; padding:40px 20px 0;}
.probcon .ptu{ width:454px; height:277px; padding:8px; border:1px solid #eee; float:left;}
.probcon .ptu img{ display:block; width:452px; height:275px; border:1px solid #eee;} 
.probcon ul{ float:right; width:686px}
.probcon ul li{ overflow:hidden; line-height:47px; height:47px; overflow:hidden; background:#f5f5f5; margin-bottom:12px;}
.probcon ul li b{ display:block; float:left; margin-right:25px; width:60px; font-size:24px; text-align:center; color:#ca0606; font-weight:normal; border-right:1px solid #ca0606;}
.probcon ul li { display:block; float:left; width:686px; font-size:16px; color:#333;}
.probcon ul li:hover b{ background:#ca0606; color:#fff;}
.probcon ul li:hover{ color:#ca0606;}





.headerNav li:hover .navbox{ display:block !important;}
.headerNav li{ position:relative;}
.navbox{ position:absolute; top:53px; z-index:999999999999999999; display:none;background: #305dc4; width:100%; text-align:center; padding:10px 0;}
.navbox a{ font-size:16px !important; line-height:40px !important; height:40px !important;}






