/*1029626114@qq.com*/

@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

fieldset, lengend, button, input, textarea, /* form elements 表单元素 */

th, td { /* table elements 表格元素 */

    margin: 0;

    padding: 0;

}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */

body,button, input, select, textarea { font-family:"Microsoft Yahei" ;color: #666;}

h1 {font-size: 18px;}

h2 {font-size: 16px;}

h3 {font-size: 14px;}

h4, h5, h6 {font-size: 100%;}

* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}

/* 重置列表元素 */

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

/* 重置文本格式元素 */

a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/

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

/* 重置表单元素 */

legend {color: #000;} /* for ie6 */

fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */

button, input, select, textarea {

    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */

}



/* 重置表格元素 */

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html {overflow-y: scroll;}





/*设置浮动*/

.fl {float: left;}

.fr {float: right;}

.pr{position: relative;}

.pa{position: absolute;}





/*清除浮动*/

.clear{clear: both;height: 0;}

.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}

.b-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}

.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }







/* -- 页面整体布局 -- */

.header , .content , .footer { width:1200px; margin:0 auto;  }

@media only screen and (max-width:992px) {

.header , .content , .footer { width:96%; margin:0 auto;  }

}

/* function */

h2 a:hover{ text-decoration: none;}

input,textarea{ outline:none; }

textarea{ resize:none;}

em{ font-style: normal;}

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}

.f_cb,.f_cbli li{zoom:1;}

.f_ib{display:inline-block;*display:inline;*zoom:1;}

.f_dn{display:none;}

.f_db{display:block;}

.f_pr{position:relative;}

.f_pa{position:absolute;}

.f_fl{float:left;}

.f_fr{float:right;}

.f_prz{position:relative;zoom:1;}

.f_oh{overflow:hidden;}

.f_fa{font-family:Arial, Helvetica, sans-serif;}

.f_fw{ font-family:"Microsoft Yahei" }











.top{width:100%; height:46px; background-color:#f7f7f7; border-bottom:1px solid #ddd; font-size:13px; line-height:46px; position:relative; z-index:9999;}

.top .welcome{float:left;}

.top .kuaijie{float:right; height:46px; text-align:center; position:relative; z-index:9;}

.top .kuaijie ul li{float:left; position:relative; margin-left:15px; padding-left:15px;}

.top .kuaijie ul li:before{width:1px; height:12px; background-color:#aaa; content:""; position:absolute; top:17px; left:0;}

.top .kuaijie ul li:first-child:before{display:none;}

.top .kuaijie ul li a{font-size:13px; color:#555; line-height:46px; display:block;}

.top .kuaijie ul li a:hover{color:#349a46;}

.top .kuaijie ul li a.on{color:#349a46;}

@media only screen and (max-width:992px){

.top{height:30px; font-size:14px; line-height:30px;}

.top .welcome{display:none;}

.top .kuaijie{height:30px;}

.top .kuaijie ul li{margin-left:15px; padding-left:15px;}

.top .kuaijie ul li:before{height:15px; top:8px;}

.top .kuaijie ul li a{font-size:14px; line-height:30px;}

}



.header{width:100%; position:relative; padding:15px 0; overflow:hidden;}

.header .logo{width:350px; float:left; position:relative;}

.header .logo img{width:100%; height:auto; display:block;}

.header .lg_by{margin-left:15px; margin-top:15px; padding-left:15px; border-left:1px solid #ddd; float:left;}

.header .lg_by h3{font-size:20px; color:#21629a; line-height:32px; font-weight:bold;}

.header .lg_by p{font-size:15px; line-height:24px; color:#333}

.header .tel{float:right; padding-left:50px; margin-top:15px; background:url(../images/dh.png) no-repeat left center;}

.header .tel span{display:block; font-size:18px; color:#333; line-height:26px;}

.header .tel strong{display:block; font-size:22px; line-height:26px; color:#349a46;}

.header .erwema{ float: right; width:7%; margin-left:15px}

.header .erwema img{ width:100%}

.header .an{position:absolute; top:50%; right:10px; height:30px; width:30px; display:none;

transform:translate(0,-50%);

-webkit-transform:translate(0,-50%);

-moz-transform:translate(0,-50%);

-ms-transform:translate(0,-50%);

-o-transform:translate(0,-50%); margin-top:3px}

.header .an span{width:30px; height:3px; background-color:#0083cd; display:inline-block; vertical-align:middle; position:relative;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .an.n span{background:none;}

.header .an span:before{content:""; position:absolute; top:-9px; left:0; width:30px; height:3px; background-color:#0083cd;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .an.n span:before{transform:translateY(10px) rotateZ(-45deg);

-webkit-transform:translateY(10px) rotateZ(-45deg);

-moz-transform:translateY(10px) rotateZ(-45deg);

-ms-transform:translateY(10px) rotateZ(-45deg);

-o-transform:translateY(10px) rotateZ(-45deg);}

.header .an span:after{content:""; position:absolute; top:9px; left:0; width:30px; height:3px; background-color:#0083cd;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .an.n span:after{transform:translateY(-10px) rotateZ(45deg);

-webkit-transform:translateY(-10px) rotateZ(45deg);

-moz-transform:translateY(-10px) rotateZ(45deg);

-ms-transform:translateY(-10px) rotateZ(45deg);

-o-transform:translateY(-10px) rotateZ(45deg);}

@media only screen and (max-width:992px){

.header{padding:5px 0; overflow:hidden; }

.header .an{display:block;}

.header .logo{width:200px;}

.header .lg_by{display:none;}

.header .tel{padding-left:0; margin-top:5px; background:none; float:left; margin-left:10px; text-align:right}

.header .tel span{font-size:12px; line-height:20px;}

.header .tel strong{font-size:14px; line-height:20px;}

.header .erwema{ display:none}

}



.menu{width:100%; background-color:#21629a; height:60px; position:relative; z-index:99;}

.menu ul li{height:60px; margin-right:1px; float:left; position:relative;}

.menu .y_j{position:relative;}

.menu .y_j i{display:none;}

.menu .y_j a{padding:0 26.6px; font-size:16px; text-transform:uppercase; text-align:center; line-height:60px; color:#fff; display:block;

transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;}

.menu ul li:hover .y_j a{background-color:#68b92e;}

.menu ul li.on .y_j a{background-color:#68b92e;}

.menu .e_j{width:100%; position:absolute; left:0; display:none;}

.menu ul li:hover .e_j{display:block;}

.menu .e_j a{background-color:#fff; box-shadow:0 0 2px #ddd; font-size:14px; line-height:40px; text-align:center; margin-bottom:2px; display:block;

transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;}

.menu .e_j a:hover{background-color:#68b92e; color:#fff;}

@media only screen and (max-width:640px){

.menu{width:60%; padding:15px 3%; background-color:#000; height:100%; position:fixed; top:0; left:-70%; z-index:9999; overflow:auto;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.menu.on{left:0;}

.menu ul li{width:100%; height:auto; background:none; border-bottom:1px solid #444; float:none; margin-right:0;}

.menu .y_j a{font-size:14px; line-height:46px; text-align:left; padding:0;}

.menu ul li:hover .y_j a{background:none;}

.menu ul li.on .y_j a{background:none; color:#fff;}

.menu ul li:hover .e_j{display:none;}

}