@charset "utf-8";



/* CSS Document */

body { background-color:#f9f9f9;

    /* 18px / 12px = 1.5 */

}




/* css reset */





/* 清除内外边距 */



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,

legend,

button,

input,

textarea,



/* form elements 表单元素 */



th,

td {

    /* table elements 表格元素 */

    margin: 0;

    padding: 0;

    border: 0px;

}



/* 设置默认字体 */



body,

button,

input,

select,

textarea {

    font-family: 'Microsoft Yahei', "Lucida Grande", "Tahoma", "Arial", "Helvetica", "sans-serif";

    font-size: 14px;

    color: #333;

    /* [disabled]outline:none; */

}

button,

input,

select,

textarea {

    outline: none;

}

html {

    line-height: 1;

}

address,

cite,

em,

var,

i {

    font-style: normal;

}



/* 将斜体扶正 */



h1 {

    font-size: 18px;

    /* 18px / 12px = 1.5 */

}

h2 {

    font-size: 16px;

}

h3 {

    font-size: 14px;

}

h4,

h5,

h6 {

    font-size: 100%;

}



/* 重置列表元素 */



ul,

ol,

li {

    list-style: none;

}



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



a {

    text-decoration: none;

    color: #333;

    cursor: pointer;

}

a:hover {

    text-decoration: none;

    color: #ef3838;

    transition-duration: 400ms;

    -moz-transition-duration: 400ms;

    -webkit-transition-duration: 400ms;

    -o-transition-duration: 400ms;

}



/* 重置图片元素 */



img {

    border: 0px;

    vertical-align: middle;

    -ms-interpolation-mode: bicubic;

}

.bx_fl,

.fl {

    float: left;

}

.bx_fr,

.fr {

    float: right;

}

.clear {

    clear: both;

}

.c10 {

    height: 10px;

    width: 100%;

}

.c20 {

    height: 20px;

    width: 100%;

}

.c30 {

    height: 30px;

    width: 100%;

}

.dis {

    display: block;

    margin: 0px;

    padding: 0;

}

.undis {

    display: none;

    margin: 0px;

    padding: 0;

}

.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: ".";

    clear: both;

    height: 0

}

.hot .item .img img,

.hot .item .pic img {

    width: 100%;

    height: 100%;

    overflow-x: hidden;

    overflow-y: hidden;

    transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

    /* Firefox 4 */

    -moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    /* Opera */

    -o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

}

.hot .item .img img:hover,

.hot .item .pic img:hover {

    transform: scale(1.2, 1.2);

    -ms-transform: scale(1.2, 1.2);

    /* IE 9 */

    -moz-transform: scale(1.2, 1.2);

    /* Firefox */

    -webkit-transform: scale(1.2, 1.2);

    /* Safari 和 Chrome */

    -o-transform: scale(1.2, 1.2);

    /* Opera */

}







/* 新增 */


/*head*/



.header {

    width: 100%;

}

.header .container{

    width: 1000px;

    height: 90px;

    box-sizing: border-box;

    margin-right: auto;

    margin-left: auto;

}

.header .logo {

    display: inline-block;

    float: left;

    width: 336px;

    height: 57px;

    margin: 10px 18px 10px 0;

    background-image: url(../images/logo.png);

}

/*nav*/



.nav {

    float: left;

    width: 640px;

    height: 56px;

    padding-top: 24px;

}

.nav > .menu {

    width: 640px;

    height: 56px;

}

.nav > .menu li {

    float: left;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

    cursor: pointer;

    color: #333;

    padding-bottom: 3px;

    margin: 0 2px;

}

.nav > .menu a:hover{text-decoration: none;color:#ef3838;}

.nav > .menu li:hover {

    color: #ef3838;

    border-bottom: 2px solid #E71212;

    transition-duration: 300ms;

    -moz-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    -o-transition-duration: 300ms;

}

.nav > .menu a {

    height: 40px;

    line-height: 40px;

    cursor: pointer;

    padding: 0px 15px 10px 15px;

}

.nav > .menu li.on{border-bottom: 2px solid #E71212;}

.nav > .menu a.on{

    color: #ef3838;

    border-bottom: 2px solid #E71212;

}

/* banner */



.banner {

    width: 100%;
    position: relative;
    margin: 0 auto;

}

.banner .banner_pre, .banner .banner_next {

    display: none;

    position: absolute;

    top: 47%;

    width: 20px;

    height: 24px;

    overflow: hidden;

    z-index: 10;

    background-image: url(../images/tubiao.png);

    background-repeat: no-repeat;

    cursor: pointer;

}

.banner_pre {

    left: 20px;

    background-position: -10px -10px;

}

.banner_pre:hover {

    background-position: -40px -10px;

}

.banner_next {

    right: 20px;

    background-position: -70px -10px;

}

.banner_next:hover {

    background-position: -100px -10px;

}

.banner .bd {

    width: 100%;

    height: 100%;

}

.banner .bd .img01{width: 100%;height: 350px;background:url(../images/01.jpg) no-repeat center center;background-size:cover;}
.banner .bd .img02{width: 100%;height: 350px;background:url(../images/02.jpg) no-repeat center center;background-size:cover;}
.banner .bd .img03{width: 100%;height: 350px;background:url(../images/03.jpg) no-repeat center center;background-size:cover;}

.banner .hd {

    width: 100%;

    height: 32px;

    line-height: 32px;

    text-align: center;

    position: absolute;

    bottom: 0px;

}

.banner .hd ul {

    width: 100px;

    margin: 0 auto;

    display: inline-block;

    overflow: hidden;

}

.banner .hd li {

    font-size: 20px;

    float: left;

    margin:0 10px;

    position: relative;

    cursor: pointer;

    color: #FFFFFF;

    -moz-border-radius: 100%;

    -o-border-radius: 100%;

    -webkit-border-radius: 100%;

    overflow: hidden;

}

.banner .hd li:hover {

    color: #ef3838;

    transition-duration: 400ms;

    -moz-transition-duration: 400ms;

    -webkit-transition-duration: 400ms;

    -o-transition-duration: 400ms;

}

.banner .hd li.on {

    color: #ef3838;

    transition-duration: 400ms;

    -moz-transition-duration: 400ms;

    -webkit-transition-duration: 400ms;

    -o-transition-duration: 400ms;

}



/*栏目1*/



.column1 {

    width: 1000px;

    height: 270px;

    margin: 10px auto;

}

.column1 .left-nav {

    float: left;

    width: 650px;

    height:270px;

}

.news {

    height: 32px;

    line-height: 30px;

    border-bottom: 1px solid #d5d5d5;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    width: 100%;

    margin-bottom: 20px;

}

.news span {

    font-size: 20px;

    color: #1a1a1a;

    height: 32px;

    line-height: 30px;

    text-align: center;

    border-bottom: 1px solid #ef3838;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    display: inline-block;

    position: relative;

}

.news a {

    float: right;

    font-size: 15px;

    color: #15B0F0;

    height: 32px;

}

.news a:hover {

    color: #ef3838;

}

.news-list {

    width: 100%;

    height: 170px;

}

.img-news {

    height: 100px;

    border-bottom: 5px;

    margin-bottom: 10px;

    width: 100%;

    display: block;

}

.img-news .img {

    float: left;

    display: block;

    width: 150px;

    height: 100px;

    margin-right: 10px;

}

.img-news img {

    width: 150px;

    height: 100px;

}

.img-news span {

    color: #777777;

    font-size: 14px;

    line-height: 18px;

}

.img-news .title {

    color: black;

    width: 490px;

    font-size: 20px;

    display: block;

    line-height: 30px;

    overflow: hidden;

    white-space: nowrap;

}

.latest-news {

    float: left;

    width: 310px;

    padding-right: 15px;

}

.latest-news img{

    margin:0px 5px 3px 0px;

}

.latest-news .title {

    color: #000000;

    font-size: 13px;

    display: block;

    width: 300px;

    line-height: 30px;

    overflow: hidden;

    white-space: nowrap;

}

.title:hover {

    color: #ef3838;

}

.notice {

    position: relative;

    width: 648px;

    height: 35px;

    border: 1px solid #e3e3e3;

    line-height: 35px;

    text-align: center;

    margin-top: 10px;

  background-color:#ffffff;

}

.notice img {

    width: 40px;

    height: 33px;

    float: left;

    margin: 0px 10px;

}

.notice .notice-list{

    float: left;

    width: 500px;

    overflow: hidden;

}

.notice .notice-list a{

    float: left;

}

.notice .more a{

    float: right;

    margin-right: 10px;

    color: #E53921;

}

.notice .more a:hover {

    color: #3041D8;

}

.column1 .right-nav {

    float: right;

    width: 300px;

    height: 270px;

}

.fast-channel {

    height: 32px;

    line-height: 30px;

    border-bottom: 1px solid #d5d5d5;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    width: 100%;

}

.fast-channel span {

    font-size: 20px;

    color: #1a1a1a;

    height: 32px;

    line-height: 30px;

    border-bottom: 1px solid #ef3838;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    display: inline-block;

    position: relative;

}

.channel1,

.channel2,

.channel3,

.channel4 {

    border: 1px solid #e3e3e3;

    float: left;

    width: 108px;

    height: 100px;

    margin: 15px 20px 0 20px;

    text-align: center;
	background:#FFFFFF;

}

.channel1 img,

.channel2 img,

.channel3 img,

.channel4 img {

    width: 60px;

    height: 60px;

    margin: 10px;

}

.jcpl {

    margin-top: 15px;

}



/*栏目2*/



.column2 {

    width: 1000px;

    height: 270px;

    margin: 10px auto;

}

.product{

    height: 32px;

    line-height: 30px;

    border-bottom: 1px solid #d5d5d5;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    width: 100%;

}

.product span {

    font-size: 20px;

    color: #1a1a1a;

    height: 32px;

    line-height: 30px;

    text-align: center;

    border-bottom: 1px solid #ef3838;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    display: inline-block;

    position: relative;

}

.product a {

    float: right;

    font-size: 15px;

    color: #15B0F0;

    height: 32px;

}

.product a:hover {

    color: #ef3838;

}

.product-list {

    width: 100%;

}

.latest-product{

    border: 1px solid #e3e3e3;

    float: left;

    width: 320px;

    height: 180px;

    margin: 20px 5px;

    text-align: center;

    float: left;
	background:#FFFFFF;

}

.latest-product img{

    width: 320px;

    height: 145px;

}

.latest-product .title{

    width: 320px;

    height: 35px;

    line-height: 35px;

}

/*footer*/

.footer {

    position: relative;

    width: 100%;

    margin: 0 auto;

    background: #F2ECEC;

}

.footer1 {

    width: 1000px;

    height: 300px;

    background: #ededed;

    margin: 0 auto;

}

.footer1 .contact {

    float: left;

    width: 205px;

    height: 245px;

    border-right:1px solid #C9C4C4;

    margin:15px 0px 30px 0px;

}

.contact div{

    float: left;

    width: 205px;

    height: 60px;

    margin-top: 20px;

}

.contact img {

    float: left;

    margin: 0px 5px;

}

.contact p {

    float: right;

    width: 140px;

    line-height: 20px;

    font-size: 16px;

    font-weight: bold;

    margin-top: 8px;

}
.contact .p1{margin-top: 0px;}
.footer1 .link,

.footer1 .serv,

.footer1 .permit {

    float: left;

    position: relative;

    width: 200px;

    height: 225px;

    margin:15px 0px 30px 60px;

    padding-top: 20px;

}

.footer1 .link,

.footer1 .serv {

    border-right: 1px solid #C9C4C4;

}

.footer1 .link span,

.footer1 .serv span,

.footer1 .permit span{

    font-size: 15px;

    font-weight: bold;

}

.footer1 .link a,

.footer1 .serv a,

.footer1 .permit p{

    font-size: 13px;

    color: #878181;

    line-height: 26px;

}



.footer a:hover {

    text-decoration: underline;

}

.footer2 {

    width: 100%;

    background: #5a5a5a;

}

.footer2 .container{

    width: 1200px;

    height: 90px;

    margin: 0 auto;

}

.footer2 .links {

    line-height: 24px;

    font-size: 12px;

    text-align: center;

    padding-top: 10px;

}

.footer2 .links a {

    margin-left: 10px;

    margin-right: 10px;

    color: #fff;

    font-size: 14px;

}

.footer2 .copyright {

    line-height: 24px;

    color: #aeaeae;

    font-size: 12px;

    text-align: center;

    padding: 5px 0;

}
.footer2 .copyright a{text-decoration: none;color: #aeaeae;cursor: pointer;}