body,dd,div,dl,form,h1,h2,h3,h4,h5,h6,html,img,li,ol,p,ul{margin:0;padding:0;border:0}

html{ overflow-x: hidden; }

body{font-size:14px; line-height: 1.7; font-family:'微软雅黑',Arial;color: #333; min-width: 320px;}

li,ol,ul{list-style-type:none}

img{border:0;vertical-align:middle}

input,select{vertical-align:middle;outline:0}

table{border-collapse:collapse;border-spacing:0}

iframe{border:none}

*{ outline: none; }

.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}

.clearfix:after{clear:both}

.clearfix{zoom:1}

.clearBoth {

    overflow: hidden;

    font-size: 0px;

    height: 0px;

    width: 100%;

    clear: both;

    line-height: 0;

}

em,i{font-style:normal}

a{transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s}

a:link{color:#333;text-decoration:none}

a:visited{color:#666;text-decoration:none}

a:hover{color:#264789;text-decoration:none}

a:active{color:#264789;text-decoration:none}

.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible}

.h{display:none;visibility:visible}

.wrap{border:0;padding:0;width:1200px;margin:0 auto}

.wrap:after{clear:both;content:"";display:table}

.fix:after{clear:both;content:"";display:table}

.fl{float:left}

.fr{float:right}

.section{overflow:hidden;position:relative!important}

.header{position:relative;z-index:10;}

.header .menu{ position: absolute; right: 12px; width: 42px; height: 42px; cursor: pointer; top: 50%; margin-top: -21px; background: url(../images/menu.png); display: none; }

.header h1{ z-index: 12;  position: relative; z-index: 20; padding-top:12px;}

.logo{display:block; padding-top:10px;}

.logo img{ width: auto; display: block;max-width:90%;}

.header .logo_text{width:163px;margin-top:24px;padding-left:5px}

.top{width:100%; padding-top:10px;}

.top p{float:left; font-size:16px;padding-left:20px; padding-top:10px; height: 20px;  }

.top p b{ font-size:24px; color:#264789;}

/*.top p:after {*/

    /*content: "";*/

    /*display: table;*/

    /*height: 16px;*/

    /*width: 2px;*/

    /*position: relative;*/

    /*left:-20px;*/

    /*background: #264789;top:-28px;*/

    /**/

/*}*/

.tel{ font-size:22px; font-weight:bold;color:#333; line-height: 33px; padding-top:30px;}

.tel img{ display: inline-block; margin-right:10px; margin-top:-6px;}

.tel a{ font-size:16px; margin-right:20px; display:inline-block;}





.nav{margin-top:30px;position:relative; width:1200px; margin:auto;}

.nav li{float:left;padding-left:28px;text-align:center; padding-right:28px; font-size:18px; position: relative;}

.nav li a{font-size:16px;color:#fff;line-height:44px;display:inline-block;}

.nav .nav_icon{background:#264789;height:1px;line-height:1px;display:block;position:relative;top:10px;width:90px;left:25px}



.index_bar{width:1200px; margin:auto;}



.header_bg{background:#fff;}



.i_menu{ background: #0d509a; height:44px; line-height: 43px; margin-top:10px;}



.on{ background: #264789;}

.nav li:hover{ background: #264789;}





.nav li:hover .dropdown-menu{

	visibility: visible;

    opacity: 1;

    transform: translate(0px);

    -moz-transform: translateY(0px);

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transition: opacity 0.4s ease 0s, -moz-transform 0.4s ease 0s;

    -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

    -o-transition: opacity 0.4s ease 0s, -o-transform 0.4s ease 0s;

    -ms-transition: opacity 0.4s ease 0s, -ms-transform 0.4s ease 0s;

}

.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    min-width: 160px;

    list-style: none;

    font-size: 14px;

    text-align: left;

    background-color: #fff;

    border-radius: 4px;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    background-clip: padding-box;

    transform: translateY(50px);

    -moz-transform: translateY(50px);

    -ms-transform: translateY(50px);

    -webkit-transform: translateY(50px);

    transition: opacity 0.4s ease 0s, -moz-transform 0.4s ease 0s, visibility 0.4s linear 0s;

    -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease 0s, visibility 0.4s linear 0s;

    -ms-transition: opacity 0.4s ease 0s, -ms-transform 0.4s ease 0s, visibility 0.4s linear 0s;

    -o-transition: opacity 0.4s ease 0s, -o-transform 0.4s ease 0s, visibility 0.4s linear 0s;

    padding: 10px 0px;

    visibility: hidden;

    opacity: 0;

}

.dropdown-menu li {

    display: block;

    float: none;

    width: 100%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    padding:0 !important;

    overflow:hidden;

}

.dropdown-menu li a {

    font-size: 12px;

    color: #333;

    font-family: "arial", sans-serif;

    text-transform: uppercase;

    display: inline-block;

    font-weight: 400;
    width:80%;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.head .dropdown-menu li:hover{

	background: url(../images/head_bg.png);

}

.head .dropdown-menu li:hover a{

	color:#fff;

}

.dropdown-menu li:hover a{

	color:#fff;

}



/*banner*/

.sybanner01 .swiper-slide {

    overflow: hidden;

}

.swiper-container{display: block;position: relative;width:100%;}

.swiper-slide img {

    width: 100%;

    height: 100%;

}





/*内页banner*/

.ny_banner{ width:100%; overflow: hidden;position: relative;height:300px; }

.ny_banner img{

    width:100%;

    position: absolute;

    left: 50%;

    margin-left: -960px;

    width: 1920px;

    height:300px;

}

.phone_banner{ display: none; width:100%; text-align:center;} 

.phone_banner img{ width:100%;}



.centent{ padding-bottom:75px; padding-top:40px;}



.index_bar {

    width: 1300px;

    margin: auto;

}

.product_title {

    font-size: 28px;

    text-align: center;

    width: 100%;

    border-bottom: 1px solid #e6e6e6;

    line-height: 40px;

    padding-bottom: 10px;

    margin-bottom: 30px;

}



.pager {

    display: block;

    padding: 15px 0 15px;

    text-align: center;

    

    font-size: 12px;

}

.page-status{

    display: none;

}

.pager a {

    display: inline-block;

    border: 1px solid #ddd;

    color: #666;

    height: 20px;

    line-height: 20px;

    padding: 2px 10px 3px;

    text-decoration: none;

    margin: 0 2px;

}

.pager .cur {

    background: #264789;

    border-color: #264789;

    color: #fff;

}

.pager a:hover { background: #264789; border-color: #264789; color: #fff; text-decoration: none; }





footer{ background: #222; padding-top:60px; margin-top:70px;}

.foot_list ul{ float:left; padding-right:90px;}

.foot_list ul li{

    color: #999999;

    font-size: 14px;

    font-weight: 400;

    line-height:34px;

}

.foot_list ul li a{ color:#999999;}

.foot_list ul li a:hover{ color:#264789;}

.foot_list ul li.m1{ font-size:18px; color:#fff; margin-bottom:10px;}



.foot_add{ width:30%; float:left; color:#999; font-size:14px;}

.foot_add p{ margin-bottom:30px;}

.foot_add p b{ color:#fff; }



.foot_erwm{ float:right; text-align:center;color:#999; font-size:14px;}

.foot_erwm img{ display:block; margin-bottom:10px;}



.foot_banq{ font-size:14px; color:#999; border-top:1px solid #444444; padding:48px 0; margin-top:70px;}
.foot_banq a{ color:#fff;}
.foot_banq p{ margin-bottom:10px;}
.foot_banq p b{ color:#fff;}
.foot_banq p a{ color:#999; display: inline-block; margin-right:10px; font-weight:bold;}