body, h1, h2, h3, h4, h5, h6, div, dd, dt, dl, form, kbd, table, ul, li, marquee, hr, blockquote, ol, pre, fieldset, legend, button, input, textarea, th, td { font-size: 16px; margin: 0; padding: 0; font-family: "å¾®è½¯é›…é»‘", Arial; color:#222; }
address, cite, dfn, em, var { font-style: normal; }
button, input, select, textarea { font-size: 100%; }
input { cursor: pointer }
table { border-collapse: collapse; border-spacing: 0; }
small { font-size: 12px; }
ul, ol { list-style: none; }
img { border: 0; }
ul { list-style: none; }
.clear { clear: both; }
a { text-decoration: none; color: #333; }
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], button { -webkit-appearance: none; border-radius: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/*å…¬å…±*/
.wapper { width:100%;}
.contect { width: 1400px; margin: 0 auto; overflow:hidden }
.left { float: left; }
.right { float: right }
.main { padding:50px 0; line-height:30px; }
.more { background:url(../images/i_15.jpg) no-repeat; text-align:center; width:111px; margin:0 auto; cursor:pointer; }
.more a { color:#FFF; }
.more:hover  { background:#f60303; transition:all 0.5s; width:111px; }
.banner { height:200px;}

/*******************/
.header { background:url(../images/i-2.jpg) no-repeat; height:125px; position:relative; }
.logo { width:175px; height:80px; margin-top:30px; } 
.tel { width: 250px; font-size: 18px; color: #133a61; margin-right: 0; position: absolute; right: 250px; top: 44px; }
.tel span { font-size:30px; font-weight:bold; }
.tel1 { width: 250px; font-size: 18px; color: #133a61; margin-right: 0; position: absolute; right: 0px; top: 44px; }
.tel1 span { font-size:30px; font-weight:bold; }

.nav { background:#133a61; height:60px; position:relative; }
.nav ul li { float:left; width:10%; text-align:center; }
.nav ul li a {color:#FFF; line-height:60px; display:block; }
.nav ul li:hover {background:url(../images/nav.png) no-repeat center;}
.nav ul li ul { display:none; }
.nav ul li:hover ul li { width:100%; background:#f60303; transition:all 0.5s; }
.nav ul li:hover ul { display:block; position:absolute; top:60px; z-index:99999999999999}
.nav ul li:hover ul li:hover { background:#da0000; }

/*é¦–é¡µbanå¹»ç¯ç‰‡*/
.block_home_slider { position: relative; background-color: #ffffff; -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; z-index:99 } 
.block_home_slider .slide { position: relative; }
.block_home_slider .caption { padding: 13px 16px 12px; position: absolute; left: 0px; right: 0px; bottom: 0px; background: url(../images/bg_caption.png); text-align: left; }
.block_home_slider .caption p { padding-bottom: 0px; font-size: 11px; color: #dedede; text-shadow: 0px -1px #000000; line-height: 17px; }
.block_home_slider .caption p.title { padding-bottom: 6px; font-size: 15px; color: #ffffff; font-weight: bold; line-height: normal; }
.block_home_slider .flex-direction-nav a { width:30px; height:12px; margin-top: 10px; display: block; position: absolute; top: 50%; background-repeat: no-repeat;text-indent: -9000px; }
.block_home_slider .flex-control-paging { display: inline-block;  position: absolute; bottom: 48%; right: 3%; }
.block_home_slider .flex-control-paging li { width:20px; margin: 0px; padding: 0px;  overflow: hidden; list-style-type: none; }
.block_home_slider .flex-control-paging li a { width:10px; height: 12px; display: block; background-repeat: no-repeat; background: url(../images/sprite_nav_3.png); text-indent: -9000px; cursor: pointer; margin-bottom:5px; }
.block_home_slider .flex-control-paging li a.flex-active { background-position: right top; }
.block_home_post_feature { width: 300px; }
.block_home_post_feature p { padding-bottom: 0px; }
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style-type: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }

/*å…³äºŽæˆ‘ä»¬*/
h1 { width:300px;  text-align:center; margin:0 auto; background:url(../images/i_08.jpg) no-repeat center center; font-size:24px; text-transform:Uppercase; font-weight:normal }
h1 span { display:block; font-size:18px; padding-top:20px; letter-spacing:5px; }
.gywm { margin-top:50px;}
.gywm img { float:right; width:550px }
.gywm  span { float:left; width:780px;}

/*äº§ å“ å±• ç¤º*/
.product_ban { background:#133a61 url(../images/i_19.jpg) no-repeat center center; height:700px; }
.product_ban ul { width:50%; margin: 50px auto; }
.product_ban ul li a { float:left; width:29.33%; margin:0 2%; background:#3c6ea0; border-radius:50px; text-align:center; color:#FFF; font-size:24px; padding:1% 0; }

/*---------æ»šåŠ¨å•†å“--------*/
.blk_18 { OVERFLOW: hidden; position: relative; WIDTH: 1400px; border-top: 0px; height: 315px; ZOOM: 1; }
.blk_18 .pcont { margin: 0 auto; OVERFLOW: hidden; WIDTH: 1300px; }
.blk_18 .ScrCont { WIDTH: 5290px; ZOOM: 1 }
.blk_18 #List1_1 { FLOAT: left }
.blk_18 #List2_1 { FLOAT: left }
.blk_18 a.LeftBotton { display: block; WIDTH: 30px; HEIGHT: 325px; background:  url(../images/left.png) no-repeat 6px center; margin: 0px; position: absolute; left: 0px; top: 0; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.blk_18 a.RightBotton { display: block; WIDTH: 30px; HEIGHT: 325px; background: url(../images/right.png) no-repeat 6px center; margin: 0px; position: absolute; right: 0px; top: 0; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.blk_18 a:hover.LeftBotton, .blk_18 a:hover.RightBotton { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.gundongg { width: 1300px; }
.gundongg .borderpx { border: 0px; padding: 0 0 0px 0; }
.gundongg .AdvBanner { float: left; width: 325px; height:325px }
.AdvBanner a img { width:315px; border-right: 1px solid #dbdbdb; margin:0 auto; display:block }
.product_gun { margin:30px 0}

.news_box { margin-bottom:30px;}
.news_index { width: 850px; margin-top:50px;}
.news_index_time { background:#f2f2f2; width:80px; height:70px; padding-top:10px; text-align:center; margin-right:20px; }
.news_index_list { position:relative; border-bottom:#ccc dotted 1px; padding:10px 0; }
.news_index_list a {font-size:18px; }
.news_index_list span { display:block; font-size:14px; color:#666; padding-top:20px }
.news_index_right { height:80px; overflow:hidden; line-height:20px; width:730px;  position:absolute; right:0; transition:all 0.5s; }
.news_index_right:hover { color:#f60303; cursor:pointer; right:10px;  transition:all 0.5s; display:block }
.news_index_list:hover a { color:#f60303; }

/*å‡ å¤§ä¼˜åŠ¿*/
.youshi { background:#f2f2f2 url(../images/i_18.jpg) repeat-y center center  }
.youshi_tit { width:504px; margin:0 auto; display:block; }
.youshi_box { margin-top:50px; }
.youshi_red { background:#f60303; font-size:50px;  color:#FFF ; text-align:center; width:120px; padding:0 10px; height:170px; padding-top:70px; font-style:italic;   }
.youshi_red span { display:block; border-top:#fff solid 1px; padding-top:10px; margin-top:20px; font-style:normal; font-size:30px;font-weight:bold; }
.youshi01 {width:900px;}
.youshi_con { width:730px; }
.youshi_con span { display:block; font-size:24px; font-weight:bold;  margin-bottom:30px; }
.youshi_con span a {color:#133a61; transition:all 0.5s; }
.youshi_con span a:hover {color:#133a61;padding-left:20px; transition:all 0.5s; }


/*æŠ€æœ¯æœåŠ¡*/
.jishu { height:300px;}
.jishu ul li span { background: #133a61; width: 300px; height: 180px; display: block; text-align: center; text-transform: Uppercase; position: absolute; left: 50%; margin-left:-150px; top: 160px; }
.jishu ul li span img { display:block; width:40px; height:40px; margin:30px auto 10px auto; border:#fff solid 2px; border-radius:50px; padding:15px; }
.jishu ul li a { color:#FFF; font-size:18px }
.jishu ul li a:hover img { transform:rotateY(360deg); -webkit-transform:rotateY(360deg); transition:all 0.5s; -webkit-transition:all 0.5s; }
.jishu ul li kbd { color:#689cd0; font-weight:normal;font-size:12px; }
.jishu ul li { position:relative; width:33.33%; float:left; }
.jishu ul li img { width:420px; margin:0 auto; display:block }


/*å‹æƒ…é“¾æŽ¥*/
.links { background:#3c6ea0;padding:15px 0; margin-top:60px; }
.links a {color:#FFF; margin-right:20px; }
.links .contect { color:#FFF ; }

/*é¡µé¢åº•éƒ¨*/
.footer { background:#20252b url(../images/i-1.jpg) no-repeat center center; height:200px; line-height:24px; padding-top:50px;}
.footer01 { color:#888; font-size:14px; width:530px; float:left}
.footer01 span,.footer02 span { color:#FFF; font-size:18px; display:block; padding:10px 0; }

.footer02 { width:360px; float:left; }
.footer02 ul li { float:left; width:33.33%; line-height:30px; text-align:center }
.footer02 ul li a { color:#888; font-size:14px; }
.footer02 ul li a:hover { color:#fff; }
.footer02 span { padding-left:20px; background:url(../images/i_34.png) no-repeat center center; text-align:center }

.footer03 { float:right; width:98px; border:#27477e solid 1px; padding:5px;}
.footer03 span { text-align:center; background:#27477e; color:#fff; width:100%; font-size:14px; padding:5px 0; display:block }
.footer03 img { width:100%;}

.copy { background:#222; color:#FFF; font-size:14px; color:#888; padding:10px 0; text-align:center }
.copy a { color:#888}

/***************å†…é¡µéƒ¨åˆ†**********************/
.nybox{ width:1400px; height:auto; display:block; overflow:hidden; margin:20px auto; background: url(../images/ny_bg1.jpg) }
.nydqwz{ width:100%; height:50px; background:#f2f3f5;}
.nydqwz1{ width:1400px; height:50px; color:#666; font-size:14px; line-height:50px; margin:0 auto}
.nydqwz1 a{color:#666;}
.nydqwz1 a:hover{color:#227ebf;}
.nyleft{ width:240px; height:auto; display:block; overflow:hidden;float:left}
.nyleft1{ width:215px; height:60px; background:#0d5d90; border-left:3px #074d7a solid; padding-left:22px; color:#fff; font-size:16px; line-height:20px;}
.nyleft1 span{ display:block; text-transform:uppercase; padding-top:10px;}
.nyleft2{ width:240px; height:auto; display:block; overflow:hidden;padding-bottom:50px; }
.nyleft2 ul li{ width:240px; height:50px;}
.nyleft2 ul li a{ color:#333333; line-height:50px; background: url(../images/fl_bg1_03.jpg); padding-left:44px; display:block; overflow:hidden}
.nyleft2 ul li a:hover{ color:#fff; line-height:50px; background: url(../images/fl_bg2_03.jpg); padding-left:44px; display:block; overflow:hidden}
.nyleft2 ul .fljg a{ color:#fff; line-height:50px; background: url(../images/fl_bg2_03.jpg); padding-left:44px; display:block; overflow:hidden}

.nyright{ width:1100px; height:auto; display:block; overflow:hidden; float:right}
.nyright1{ width:1100px; height:60px; border-bottom:1px #e3e3e3 solid; color:#227ebf; font-size:20px; line-height:60px;}
.nyright2{ width:1100px; height:auto; display:block; overflow:hidden; padding:20px 0; color:#333; line-height:36px; }
.nyright2 img{ max-width:100%; height:auto; padding:10px 0}

.next_fy { margin-top:50px; }

/*è£èª‰èµ„è´¨*/
.nyright5{ overflow:hidden;  }
.nyright5 ul li{ width:33.1%; float:left; margin-bottom:20px; }
.nyright5 ul li img{ width:86%; height: 335px !important; margin:0 auto; display:block;  border:1px #dddddd solid; padding:10px;}
.nyright5 ul li span{ height:50px; text-align:center;  color:#333; font-size:16px; line-height:50px; padding:0 4%;  display:block}
.nyright5 ul li span a { display:block;  transition:all 0.5s;}
.nyright5 ul li span a:hover { color:#fff; background:#133a61; transition:all 0.5s; }
.nyright5 ul li:nth-child(3n){ margin-right:0px}
.newsbt{ font-size:24px; font-weight:bold; color:#3e3e3e; text-align:center; padding:15px;}
.producttp{ width:600px; margin:0 auto; }
.producttp img{ width:650px; height:auto;}
.product_list img { height:86% !important;}

/*åˆ†é¡µ*/
.page{ width:100%; text-align:center; padding:10px 0px 10px 0px; margin:20px auto;}
.page a{ background:#e5e5e5; padding:6px 14px; color:#666; margin-right:10px; font-size:14px;}
.page a:hover{background:#227ebf; color:#fff; }
.page a:hover,.page a.fyls{background:#227ebf; color:#fff; }

/*æ¡ˆä¾‹å±•ç¤º*/
.nyright4{ display:block; overflow:hidden; padding:20px 0; }
.nyright4_1{ padding:5px 0; border-bottom:dotted #ccc 1px}
.nyright4_1 img{ width:200px; height:140px; padding-right:15px; float:left}
.nyright4_1 h2 a { color:#222; font-size:18px; line-height:40px; font-weight:normal; transition:all 0.5s; -webkit-transition:all 0.5s; }
.nyright4_1 h2 a:hover { color:#f60303; padding-left:15px; transition:all 0.5s; -webkit-transition:all 0.5s; }
.nyright4_1 span{ color:#666666; font-size:14px; line-height:24px; display:block}
.nyright4_1 b{ height:48px; color:#666; font-size:14px; overflow:hidden; font-weight:normal; display:block; line-height:24px; }
.nyright4_1 kbd{ width:98px; height:27px; border:1px #ccc solid; color:#666; font-size:14px; line-height:27px; text-align:center; display:block; overflow:hidden; float:right; margin-top:8px;}
.nyright4_1 kbd:hover{ background:#227ebf; border:1px #227ebf solid; color:#fff; cursor:pointer}


.titon { cursor: pointer; height: 33px; width: 112px; float: left; text-align: center; line-height: 30px; color: #656565; background: url(../img/titon.jpg) no-repeat; }
.titoff { cursor: pointer; height: 30px; width: 112px; float: left; bold;
text-align: center; line-height: 30px; color: #000; background: url(../img/titoff.jpg) no-repeat; }





