﻿@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*/

/*定位*/
.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;

/*其他*/
.curp{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:14px; font-weight:normal;}
h2 { font-size:14px;font-weight:normal;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
/*end reset*/


#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(../images/top.gif) no-repeat}
#fall{background:url(../images/top.gif) no-repeat 0 -80px}
#ct{background:url(../images/top.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;}


/* CSS Document */
body{ min-width:1200px !important;background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1100px;}






/*页眉*/
.header .logo .container{ width:1100px; margin:0 auto; float:none;}
.header{width:100%;  background-color:#fff;position: relative;z-index: 100;}
.header .hdTop{ height:36px; background:url(../images/hdtopbg.png) repeat-x center;}
.header .hdTop p{ float:left; color:#666; line-height:36px; font-size:14px;}
.header .hdTopUl{ float:right;}
.header .hdTopUl li{ font-size:14px; padding:0 15px; border-right:1px solid #d8d8d8; margin-top:10px; float:left;position:relative}
.header .hdTopUl li a{ color:#666666}
.header .hdTopUl li.last{ border:none; padding-right:0;}
.header .weixin{ display:none; position:absolute; top:20px; width:80px; height:80px; left:0px;}
.header .hdTopUl li:hover .weixin{ display:block;}
.header .logo{ overflow:hidden; padding:36px 0; background-color:#fff}
.header .logo h1{ float:left;}
.header .logo .keys{ font-size:20px; color:#333; margin-left:15px; float:left; padding-left:15px; border-left:1px solid #eaeaea; margin-top:7px;}
.header .logo .keys strong{ color:#da251c}
.header .logo .keys h2{ font-weight:normal; padding:0 5px; margin-left:2px; color:#fff; font-size:14px; background-color:#da251c; float:left;margin-top:2px; line-height:18px;}
.header .logo .keys p{ font-weight:normal; font-size:16px; color:#666666;float: left;}
.header .phone{ float:right; background:url(../images/phone.png) no-repeat right center; padding-right:68px;margin-top: 5px;}
.header .phone p{ font-size:14px; color:#333; text-align:right}
.header .phone h4{ font-size:28px; color:#da251c;font-family:Arial; }
.header .Nav{ height:55px; background:url(../images/navbg.png) repeat-x; position: relative;}
.header .navBox{ height:55px; line-height:55px;}
.header .navUl{ width:102%}
.header .navUl>li{ font-size:14px; float:left;}
.header .navUl>li>a{ display:block; color:#fff; text-decoration:none;margin: 0 48px; font-size:16px;}
.header .navUl>li.last{ background:none}
.header .navUl>li:hover,.header .navUl>li.cur{ background:url(../images/navlibg.png) no-repeat center;}

.header .navUl>li>a>img {
  margin-left: 6px;
}
.header .erji_nav {display:none;overflow:hidden; width:120px; position:absolute; top: 55px; background-color:#0150B9; margin-left:15px;}
.header .erji_nav .title01{ overflow:hidden; width:120px;float:left;}
.header .erji_nav .title01 i{ display:block; width:40px; height:3px; background-color:#dc1313; margin-bottom:20px;}
.header .erji_nav .title01 h3{ font-size:20px; margin-bottom:30px;}
.header .erji_nav .title01 a{ float:left; font-size:14px; width:100%; text-align:center; color:#fff;line-height: 40px;}
.header .erji_nav .title01 a:hover{ background:#04469f;}
.header .erji_nav .title01 .more{ display:block; width:118px; height:30px; text-align:center; line-height:30px; border:1px solid #cecece; font-size:12px; color:#999; font-family:Arial;}
.header .erji_nav ul{ overflow:hidden; float:left; width:120px; margin-left:45px;}
.header .erji_nav .ul01 { border-right:1px solid #e9e9e9;}
.header .erji_nav li{ font-size:14px; line-height:36px; width:100%; *float:left}
.header .erji_nav li a{ color:#777;}
.header .erji_nav li a:hover{ color:#dc1313;}
.header .erji_nav .contect{ display:block; width:128px; height:78px; border:1px solid #cecece; float:left; text-align:center; font-size:12px; color:#555; text-decoration:none; margin-left:45px;}
.header .erji_nav .contect img{ display:block; margin:10px auto;}

.header .erji_nav .erjiright { overflow:hidden; width: 287px; float:right; margin-top: 40px; color: #000; position: relative; z-index: 5;}
.header .erji_nav .erjiright h4{ font-size:16px; font-weight:normal; margin-bottom:10px; line-height:16px;}
.header .erji_nav .erjiright h4 a{ color:#000;}
.header .erji_nav .erjiright p{ font-size: 13px; color: #766C6C; line-height:20px;}




#flashs{ position:relative; height:430px; overflow:hidden; width:100% !important;}
#flashs .bd{ width:100% !important;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; width:100% !important;}
#flashs .btn{ width:100%; text-align:center; bottom:30px; left:0; position:absolute; z-index:1000}
#flashs .btn span{ display:inline-block; width:17px; height:17px; margin:0 5px; background:url(../images/bannerbtn.png) no-repeat center top; cursor:pointer;}
#flashs .btn span.cur{ background-position:bottom}
#flashs .banerer{ width:100% !important;}




.F_V{ width:100%; background:url(../images/probg.png) repeat center; margin-top:30px;}
.F_V .fiveUl{ overflow:hidden; width:100%; margin:40px 0;}
.F_V .fiveUl li{ width:157px; height:157px; background:url(../images/fivebg.png) no-repeat center top; margin-right:53px; float:left;}
.F_V .fiveUl li img{ display:block; margin:0 auto; margin-top:25px;}
.F_V .fiveUl li span{ text-align:center; font-size:16px; color:#fff; display:block; margin-top:10px;}
.F_V .fiveUl li a{ text-decoration:none; display:block;}
.F_V .fiveUl li.last{ margin-right:0} 
.F_V .fiveUl li:hover{ background-position:bottom}
.F_V .pro{ overflow:hidden; width:100%; padding-bottom:15px;}
.F_V .prolt{ overflow:hidden; float:left; width:278px; padding:8px 6px; background-color:#0150B9;}
.F_V .prolt .probox{ text-align:center; font-size:23px; color:#fff; padding:25px 0; line-height:30px; background:url(../images/cpbg.jpg)}

.F_V .prolt .probox a{ color:#fff}
.F_V .prolt .probox p{ display:block; margin-top:2px; text-transform:uppercase; font-family:Arial; color:#ADB9EB;  font-size:12px;}
.F_V .proltBox{ padding:0px 10px 13px; overflow:hidden; background: url(../images/xian.jpg) no-repeat top center;}
.F_V .proDl dt{ background:url(../images/pro-dtbg.png) no-repeat center; width:258px; height:41px; margin-top:20px;}
.F_V .proDl dt a{ display:block; padding:0 12px; line-height:41px; font-size:16px; font-weight:bold; color:#404040; }
.F_V .proDl dd a{ display:block; padding:0 12px; height:40px; line-height:40px;  font-size:14px; color:#666; border-bottom:1px dotted #a3a3a3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:25px; background:#fff url(../images/jh.jpg) no-repeat 8px center;}
.F_V .proDl dd a:hover{ color:#0150B9;-webkit-transition: all 0.4s linear; border-left:6px solid #F99B00;}
.F_V .proRt{ float:right; width:785px}
.F_V .proTit{ overflow:hidden; width:100%; height:42px; line-height:42px; border-bottom:1px solid #d8d8d8;}
.F_V .proTit p{ float:left; height:42px; line-height:42px; font-size:16px;}
.F_V .proTit p a{ display:block; width:120px; float:left; text-align:center; color:#333; text-decoration:none; padding-right:10px; font-weight:bold;}
.F_V .proTit p a:hover,.F_V .proTit p a.cur{ color:#fff; background:url(../images/tbg.png) no-repeat;}
.F_V .proTit a.more{ display:block; background:url(../images/promore.png) no-repeat center; width:44px; height:17px;  float:right; margin-top:15px;}
.F_V .proCon{ overflow:hidden; width:100%; height:595px; position:relative; margin-top:18px;}
.F_V .list{position:absolute; top:0; left:0;}
.F_V .list li{ width:247px; float:left; margin-right:22px; margin-bottom:10px;} 
.F_V .list li img{ display:block; width:245px; height:162px; border:1px  solid #d8d8d8}
.F_V .list li span{ display:block; text-align:center; font-size:14px; color:#666; margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.F_V .list li a{ text-decoration:none;}
.F_V .list li.last{ margin-right:0}
.F_V .list li:hover img{ opacity:.85; border:1px solid #0067ac}







.row{float:left; padding-top:10px;width:100%; height:258px;background:url(../images/row.jpg) center top no-repeat; }
.row2{float:left; padding-top:15px;width:100%; height:315px; }


.case{ width:1200px; overflow:hidden; }
.case .title{float:left; width:1200px; }
.case .proname{ width:259px; }
.case ul li{float:left; width:259px;  display:inline;margin: 0 8px;}
#caseli{ float:left;width:1200px; overflow:hidden; }
.cutover{ float:right; width:54px; padding-top:4px;}
.cutover a{ margin-right:2px;}
.contact{float:left; line-height:26px; width:215px;background:url(../images/contactbg.gif) right top no-repeat; }
.contact_t{float:left;   font-size:15px; color:#666; font-family:'Microsoft Yahei'; margin-bottom:20px; line-height:40px; padding-left:124px;background:url(../images/contact_t.gif) left top no-repeat;  }
.contactmain{float:left; width:215px;  }
.contel_t{ color:#fff; padding-left:16px; line-height:26px;font-size:15px; font-family:'Microsoft Yahei';background:url(../images/contel_t.gif) left top no-repeat;}
.contel_tel{ font-family:'Impact'; font-size:22px; color:#1b9705;}
.contact em{ font-size:12px; color:#666;font-family:'Microsoft Yahei'; font-style:normal; }



.faq { width:351px; height:340px; overflow:hidden; margin-right:15px;}
.faq h2 { background:url(../images/shipin.png) no-repeat left bottom; height:44px; padding:0 0 0 0px; margin-left:49px;}
.fa_con { height:418px; overflow:hidden;margin-top: 15px;}
.fa_con dl { padding:19px 15px; overflow:hidden;}
.fa_con dl dt { font: bold 12px/28px "微软雅黑"; padding:0 0 0 40px; text-align:left;}
.fa_con dl dt a { color:#4b4443;font-size: 15px;}
.fa_con dl dd { font:12px/24px "微软雅黑"; overflow:hidden; color:#666; background:url(../images/da.gif) no-repeat left 4px; padding:0 6px 0 32px;}
.fa_con dl dd a { color:#202934;}
.fa_con .nobot { border:0;}

.new { width:351px; height:340px; overflow:hidden; margin:10px 15px 0 0px; display:inline;}
.barnew { height:44px;  overflow:hidden;border-bottom:1px solid #C0C0C0;}
.barnew ul li { float:left; background:url(../images/dtbor.gif) no-repeat right center;}
.barnew ul li a { color:#0150B9; padding:0 18px; height:44px; font: bold 18px/44px "微软雅黑"; display:inline-block; margin:0 10px;background:url(../images/aa.jpg) no-repeat left  center;}
.barnew ul .nobot { background:none;}
.barnew span { color:#3a3a57; font:16px/44px "微软雅黑"; float:right;}
.barnew span a { color:#4f4f4f;font:12px/44px "微软雅黑"; padding:0 0 0 2px;}
.n_con { height:378px; overflow:hidden; padding:16px 0 0 0;}
.n_con p { margin-bottom:12px;}
.n_con p img {     width: 215px;
    height:260px;
    margin-left: 0px;
    margin-top: 2px;}
.n_con ul li { font:14px/20px "微软雅黑"; overflow:hidden; height:30px; background:url(../images/yuan.png) no-repeat 10px center; padding:10px 0 0 12px; border-bottom:1px dashed #E1E1E1;}
.n_con ul li a { color:#646464; }
.n_con ul li a:hover{ color:#0150B9;}




.contant{ width:290px; float:left; margin-right:15px; background:#f5f5f5;padding-bottom: 18px;}
.contant ul li{ line-height:35px; font-size:14px; padding:0 10px; overflow:hidden}
.contant ul li p{ padding-left:10px; font-size:13px; float:left}
.contant ul li img{ float:left; margin-top:10px; margin-left:10px;}


.about{ width:480px;float:left;margin-right:15px;}
.about p{ font-size:14px; line-height:30px; text-indent:2em; margin-top:10px;}




.factory{ width:300px; float:right;}






.links{ width:1100px ; margin:0 auto 20px; overflow:hidden;}
.links p{ font-size:18px; float:left; width:120px; text-align:center; color:#fff; background:#0150B9; line-height:40px; font-weight:normal;}
.links .linkbox{background:#f5f5f5; color:#333;line-height:40px; font-size:14px; padding-left:140px;}
.links .linkbox a{ margin:0 20px;}



.footWrap{background:url(../images/fbg.jpg) no-repeat top center;    float: left;
    /* overflow: hidden; */
    width: 100%;}
.footer{position:relative; overflow:hidden;}
.fotNav{margin-left:-20px; height:60px; line-height:60px; font-size:13px;}
.fotNav a{padding:0 46px; background:url(../images/fotNavBr.png) no-repeat left center; color:#fff; font-size:16px;}
.fotNav a.noBg{background-image:none;}
.fotTxt{padding-top:30px; width:1100px; line-height:30px; color:#C3D0DA; border-top:1px solid #1566CA; text-align:center; margin:0 auto; font-size:14px; padding-bottom:30px;}
.fotTxt a{color:#C3D0DA;}

.fotTxt h2{ float:left; margin:0 10px;}
.fotTxt a:hover{ color:#fff;}
.fotPhone{position:absolute; right:0px; top:100px; padding-left:46px; background:url(../images/fotPhoen_ico.png) no-repeat left center; color:#fff;}
.fotPhone dd{font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#f57720;}

