﻿html,body,div,td,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote{margin:0;padding:0; list-style:none;     font-family: Microsoft YaHei, 'Times New Roman', Arial, tahoma, arial, sans-serif;}

.clr{ margin:0px; padding:0px; border:0px; height:0px; clear:both;}
.bottomnav {
    width: 100%;
    height: 15px;
    padding: 28px 0;
    line-height: 15px;
    border-bottom: 1px solid #006;
    text-align: center;
    font-size: 12px; background-color:#1f2c5c;
}
.wsws img{ max-width:100%;}
.foot_x .main .bottomnav .no {
    border: 0;
}
.bottomnav a {
    padding: 0 25px;
    border-left: 1px solid; color:#fff !important;
}

.sw li{ float:left; padding:10px; border:1px solid #f1f1f1;}
.call {
    background: url(call.jpg) right 55px no-repeat;font-size: 18px;
    line-height: 36px;
    border-bottom: #d7d7d7 dashed 1px;
    padding: 0 0 10px 20px;
}
.addres {
    line-height: 30px;
    width: 100%;
    margin-bottom: 10px;
}

.addres .co {
    font-size: 15px;
    color: #E8AA4D;
    font-weight: bold;
}
.addres .cr {
    font-size: 22px;
    color: #307cb6;
    font-weight: bold;
    margin-left: 60px;
}

.top_bar_wrapper {
    width: 1173px;
    margin: 0 auto;
    overflow: hidden;
}
.logo_box {
  
}
.png {
    display: block;
    float: left;
    background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/11.gif");
}
.top_contact_box {
    padding-top: 27px;
    overflow: hidden;
    text-align: left;
    color: #1b295a;
    line-height: 30px;
    background: url(tel.gif) no-repeat left center;
    padding-left: 48px;
    font-size: 22px; font-weight: bold;
}

.top_contact_box span {
    font-size: 28px;
    margin-left: 0px;
    line-height: 30px;
    color: #ff0000;
}

.index_pro_list {
    margin: 0 auto;
    overflow: hidden;
    width: 1200px;
}
.index_pro_list li {
    background-color: #FFFFFF;
    float: left;
    margin: 0 45px 10px 0;
    text-align: center;
}
.index_pro_list li a {
    display: block;
    color: #666666;
}

.index_pro_list li a img {
    display: block;
    padding: 9px;
    border: 1px solid #CCC;
    transition: all 0.5s ease-in-out 0s;
}
.index_pro_list li span {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    width: 310px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.index_pro_list li a:hover{ color: #d0111b;}
.index_pro_list li a:hover img{ border: 1px solid #D0111B;}


A{TEXT-DECORATION: none;}
A:link {color: #000000;}
A:visited {color: #000000}
A:active {color: #000000}
A:hover{COLOR: #FF6600; right: 0px; top: 1px}

TD
{
FONT-FAMILY: ����; FONT-SIZE: 9pt;
color: #000000;
line-height: 150%; 

}
Input
{
BACKGROUND-COLOR: #FFFDFB; 
BORDER-BOTTOM: #89a5e6 1px solid;
BORDER-LEFT: #89a5e6 1px solid;
BORDER-RIGHT: #89a5e6 1px solid;
BORDER-TOP: #89a5e6 1px solid;
COLOR: #205064;
border-color: #B2C2D7 #B2C2D7 #B2C2D7 #B2C2D7; font-size: 9pt;
}
Button
{
FONT-SIZE: 9pt;HEIGHT: 20px; 

}
Select
{
FONT-SIZE: 9pt;HEIGHT: 20px;

}
#Menu A
{
font-size:13px;
TEXT-DECORATION: none;
color: #ffffff;
}

#Menu A:hover{color:#F8EF03;
}




/*ͷ��CSS��ʼ*/
div{ margin:0; font-size:12px;}

.nav{height:60px; margin:auto; position:relative; z-index:99;padding-bottom:3px;}
.nav .firstLi{height:60px; width:1200px; margin:0 auto; list-style:none;}
.nav li {float: left;position: relative; text-align: center; z-index: 9999;}
.nav li:hover {color:#333333;}
.nav li a {-moz-transition:background 0.2s linear;-webkit-transition:background 0.2s linear;transition:background 0.2s linear;_float:left; display:block; color:#fff; font-size:14px; line-height:1.4; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:11px 36px; height:60px;}
.nav li a span{ font-size:12px;}
.nav li a:hover,.nav li a.current{color:#333333; background:#FFBB00;}
.nav .downNav { background-color:#034697; position:absolute; display:none; left:0; z-index:999; top:60px;}
.nav .downNav dd { width:142px; border-bottom:1px solid #0f3d74;border-top:1px solid #20589b; padding:0px; margin:0px;}
.nav .downNav dd a {white-space:nowrap;color:#d0e5f1; _float:none; display:block; text-align:center; margin:0px; padding:0px; float:none; width:100%; height:40px; line-height:40px; font-weight:normal; font-size:13px }
.nav .downNav dd a:hover {color:#333333; background:#f7941e;}



.slideshow { height: 500px; background-color:#F3F4F7; position: relative; }
.slideshow .bd li { height: 500px;}
.slideshow .bd li a { display: block; height: 500px;}
.slideshow .hd ul { width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; list-style:none;  line-height:30px; text-align:center; }
.slideshow .hd ul li { cursor:pointer; width:60px; height:6px; display:inline-block; background: #FFF; margin-left: 2px;}
.slideshow .hd ul .on{ background: #000; }



.ryBox .ryCont{position:relative;}
.ryBox .ryCont ul{margin:60px auto 0px auto;width:236px;overflow:hidden;}
.ryBox .ryCont li{width:236px;float:left;text-align:center;}
.ryBox .ryCont li img{border:1px solid #ccc;}
.ryBox .ryCont li h5{margin-top:12px;font-weight:normal;}
.ryBox .ryCont li h5 a{color:#333;}
.ryBox .ryCont .btnLeft,.ryBox .ryCont .btnRight{position:absolute;top:50%;margin-top:-34px;width:28px;height:28px;}
.ryBox .ryCont .btnLeft{left:10px;background:url(../images/btnleft.png) no-repeat center;}
.ryBox .ryCont .btnRight{right:10px;background:url(../images/btnright.png) no-repeat center;}



.fr{float:right;}



.ys_bj{ margin-top:41px; height:1038px; background:url(../images/ys_bj.jpg) no-repeat center 125px; overflow:hidden;}
.ys{ width:1200px; height:1032px; position:relative; margin:0 auto; overflow:hidden; font-family:"΢���ź�" ,"Microsoft Yahei";}
.ys h2{background:url(../images/ys_logo.jpg) no-repeat 187px top;padding-left: 354px;
    height: 103px; overflow:hidden;}
.ys h2 em{ display:block; float:left; width:203px; line-height:50px; font-style:normal; font-size:46px; color:#000;}
.ys h2 p{ width:244px; float:left; font-size:24px; color:#000; overflow:hidden; font-weight:normal; line-height:28px;}
.ys h2 p i{ display:block; font:14px Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase; line-height:16px; padding-top:4px;}
.ys span{ display:block; width:435px; height:28px; border:1px solid #ff6600; font-size:18px; position:absolute; top:59px; left:349px; text-align:center; line-height:28px; overflow:hidden; color:#ff6f24;}
.pic1{ position:absolute; top:126px; left:0; width: 310px;height: 350px;}
.pic1 img{ width: 310px;height: 350px;}
.pic2{ position:absolute; top:75px; right:0; width:360px; height:400px;}
.pic2 img{width:360px; height:400px;}
.pic3{ position:absolute; top:490px; right:0; width:550px; height:540px;}
.pic4 img{ width:550px; height:540px;}
.ys_c1{ position:absolute; top:125px; left:324px; width:499px; height:340px; padding-top:10px;background:#f26d1f; overflow:hidden;}
.ys_c2{ position:absolute; top:490px; left:0; width:636px; height:490px; background:#f26d1f; overflow:hidden;}
.ys dl{ padding:20px;}
.ys .dl01 { background:url(../images/ys_line1.gif) repeat-x center bottom;}
.ys .dl01 dt{ background:url(../images/1.gif) no-repeat left top;}
.ys .dl02 dt{ background:url(../images/2.gif) no-repeat left top;}
.ys .dl03 dt{ background:url(../images/3.gif) no-repeat left top;}
.ys .dl04 dt{ background:url(../images/4.gif) no-repeat left top;}
.ys .dl05 dt{ background:url(../images/5.gif) no-repeat left top;}
.ys dt { padding-left:44px; height:45px; overflow:hidden; font-size:22px; color:#fff; font-weight:bold; line-height:28px;}
.ys dt i{ display:block; font:12px/20px Arial, Helvetica, sans-serif; color:#f59164; text-transform:uppercase;}
.ys dd{ font-size:16px; line-height:24px; color:#fff; padding-top:5px;}













.index_about_warpper {
    margin: 50px 0;
    padding-top: 40px;
    width: 100%;
    background: url(about_bg.gif) #1f2c5c center top no-repeat;
    overflow: hidden;
    min-width: 1200px;
}
.w1000_wrapper {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
.to {
    font-size: 20px;
    color: #FFF;
}

.index_abo_title {
    width: 100%;
    min-width: 1200px;
    line-height: 45px;
    height: 88px;
    background: url(s_title.gif) center center no-repeat;
    position: relative;
    font-size: 24px;
    color: #FFF;
}
.index_abo_title span {
    font-size: 8px;
}

.about_text_box {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.abo img {
    max-width: 1200px;
    overflow: hidden;
    float: left;
    margin-right: 30px;
}
.about_text_box p {
    color: #FFFFFF;
    overflow: hidden;
    text-align: left;
    text-indent: 2em;
    line-height: 30px;
    padding: 30px 0;
}
.superiority_warpper {
    width: 100%;
    min-width: 1200px;
    padding-top: 30px;
    margin-top: 50px;
    background: url(bj.jpg) center top no-repeat;
    overflow: hidden;
}

.superiority_box {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.index_s_title {
    width: 100%;
    min-width: 1200px;
    line-height: 45px;
    height: 88px;
    background: url(s_title.gif) center center no-repeat;
    position: relative;
    font-size: 24px;
    color: #FFF;
}

.index_s_title span {
    font-size: 8px;
    color: #FFF;
}

.superiority_list {
    width: 1100px;
    margin: 25px auto 0 auto;
}

.superiority_list li {
    float: left;
    position: relative;
    top: 10px;
    margin: 10px 34px 30px 0;
}

.s_list_box {
    padding: 10px 20px 0 20px;
    border: 1px solid #dbdbdb;
    border-top: none;
    overflow: hidden;
    text-align: left;
    width: 302px;
    _width: 302px;
}

.s_list_box p {
    line-height: 30px;
    overflow: hidden;
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    _width: 302px;
}
.s_a_title {
    color: #307cb6;
}

.s_list_box p {
    line-height: 30px;
    overflow: hidden;
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    _width: 302px;
}

.about_more {
    display: block;
    background-color: #FFFFFF;
    width: 240px;
    height: 40px;
    line-height: 40px;
    color: #1f2c5c;
    border-radius: 40px;
    text-align: center;
    margin: 20px auto 45px auto;
    _border-radius: 40px;
    padding-right: 20px;
}