@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}


/**/
.zs {}
.zs a:hover{ text-decoration:none;}
.xzs { width: 1000px; margin: 0 auto; position: relative;}
.xzs h4 { height:100px; padding-top: 46px; text-align: center;}
.xzs h4 a { display: block; padding-top: 35px; background: url(../images/zsz.jpg) no-repeat center top; font-size: 24px; color: #333333; font-weight: normal;}
.xzs ul{
    float: right;
    width: 762px;
}
.xzs li { float: left; width: 244px; margin-right: 8px; text-align: center;margin-bottom: 10px;border: 1px solid #f1f1f1}
.xzs li a img { display: block; width: 244px; height: 196px;}
.xzs li a p { height:50px; background: #f1f1f1; font-size: 18px; color: #000; font-weight: bold; line-height: 50px;}
.xzs li a p span { display: block; width: 222px; font-size: 14px; color: #333; }
.xzs li a:hover p { background: #ec4242; color:#FFFFFF;}
.xzs li a:hover span { color:#FFFFFF;}
.xzs li a:hover {  color:#FFFFFF;}
.xzs .nones { margin-right: 0;}
.zsa { position: absolute; left: 446px; top:442px;}
.zsa a { display: block; float: left; margin-right: 7px;}

.product_con{
    overflow: hidden;
    padding-bottom: 30px;
}
.product_list{
    float: left;
    width: 214px;
}
.product_list h3{
    height:50px;
    line-height: 50px;
    background: #01a2ea;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.product_list dl{
    border: 1px solid #eee;
    padding: 0 20px;
}
.product_list dl dt{
    border-bottom: 1px dashed #eee;
}
.product_list dl dt:last-child{
    border: none;
}
.product_list dl dt a{
    display: block;
    height:40px;
    line-height: 40px;
    padding: 0 0 0 12px;
    background: url("../images/ico3.png") no-repeat left;
    font-size: 14px;
}
.product_list .tt{
    margin-top:10px;
    border: 1px solid #eee;
    height: 177px;
    padding: 10px;
}
.product_list .tt img{
    max-width: 100%;
}
.product_list .tt p{
    line-height: 1.8;
}

/**/
.ms { height: 1320px; background: url(../images/msb.jpg) no-repeat center bottom; }
.xms { width: 1000px; margin: 0 auto; position: relative;}
.xms h4 { height: 132px; padding-top:80px; text-align: center;}
.xms h4 a { display: block; padding-top: 40px; background: url(../images/msz.png) no-repeat center top; font-size: 24px; color: #333333; font-weight: normal;}
.xms h4 a:hover{ text-decoration:none;}
.msk h5 { height: 87px; background: url(../images/msk.png) no-repeat; font-weight: normal; padding: 40px 0 0 130px;}
.msk h5 em { font-size: 24px; color: #111111; font-weight: bold; font-style: normal;}
.msk h5 em span { color: #ec4242;}
.msk h5 p { font-size: 12px; color: #c5c5c5;}
.msk .msp { font-size: 14px; color: #333333; line-height: 24px; margin:0 0 10px 80px; padding-left: 20px; background: url(../images/msy.png) no-repeat left 8px;}
.msj h5 { background: url(../images/msk1.png) no-repeat;}
.msj1 { padding-left: 430px; margin-top: 90px;}
.msj1 h5 { background: url(../images/msk2.png) no-repeat; height: 114px;}
.msj2 { padding-left: 430px; margin-top: 30px;}
.msj2 h5 { background: url(../images/msk3.png) no-repeat; height: 114px;}
.msi { position: absolute; right: -100px; top: 180px;}
.msi1 { position: absolute; left: -100px; top: 751px;}
.msa { position: absolute; left: 80px; top: 1200px; font-size: 16px; color: #FFFFFF;}
.msa:hover{ text-decoration:none; font-weight:bold}
/**/
.lr { height: 410px; }
.xlr { width: 1000px; margin: 0 auto; position: relative;}
.xlr h4 { height: 60px; text-align: center; padding-top: 50px;}
.xlr dt { float: left;}
.xlr dt img { display: block; width: 626px; height: 246px; padding: 2px; border: 2px solid #e1e1e1;}
.xlr dd { float: left; width: 336px; height:244px; background: #f1f1f1; padding:10px 0 0 30px; font-size: 18px; color: #000000; font-weight: bold;}
.xlr dd span { display: block; width: 313px; font-size: 14px; color: #666666; line-height: 24px; font-weight: normal; margin-top: 10px; padding-top:10px;border-top:1px solid #01a2ea;}
.xlr dd p { margin-top: 40px;}
.xlr dd p a { display: block; float: left; width: 115px; height: 37px; font-size: 16px; color: #FFFFFF;text-align: center; line-height: 37px; font-weight: normal; margin-right: 10px;}
.xlr dd p a:hover{ font-weight:bold; text-decoration:none; background:#01a2ea}
.xlr .lra { background: #ec4242;}
.xlr .lra1 { background: #333333;}
.lri { position: absolute; right: 0; top: 436px;}
.lri a { display: block; float: left; margin-right: 1px;}
/**/
.dz { height: 560px; /*background: url(../images/dzb.jpg) no-repeat center 0;*/background-color: #f7f7f7; }
.dz h4 { height: 59px; text-align: center; padding-top: 50px;}
.dzz_tit { float: right; width: 325px;}
.dzz_tit a:hover{color:#01a2ea;text-decoration:none}
.dzz_tit h5 { height: 35px; background: url(../images/dzx.png) no-repeat left bottom; padding-top: 15px;margin-bottom: 15px;}
.dzz_tit h5 span { display: block; float: left;}
.dzz_tit h5 span a { font-size: 16px; color: #222222; padding-left: 30px; background: url(../images/dzl.png) no-repeat left center;}
.dzz_tit h5 p { float: right;}
.dzz_tit h5 p a { font-size: 14px; color: #666666; font-weight: bold;}
.dzz dl { height: 95px; border-bottom: 1px dashed #d8d8d8; padding-top: 20px;}
.dzz dt a { display: block; height: 19px; padding-left: 28px; font-size: 14px; color: #2f2b20; font-weight: bold; background: url(../images/dzw.png) no-repeat left center; line-height: 19px;}
.dzz dd { margin-top: 10px;padding-left: 28px; background: url(../images/dzd.png) no-repeat left 5px;}
.dzz dd span { display: block;  font-size: 14px; color: #666666; line-height: 22px;}
.dzz dd span a { font-weight: bold;color: #333;padding-left: 10px;}
.dzz .nones { border: 0;}

.dzy { float: left; width: 650px;}

.dzk dl { padding:0; height: 170px;}
.dzk dt { float: left;}
.dzk dt img { width: 240px; height: 160px;}
.dzk dl a:hover span{color:#01a2ea}
.dzk dd { margin-left: 22px; width: 368px; float: left;}
.dzk dd span { display: block; font-size: 16px;line-height: 32px; color: #333333; font-weight: bold; padding-left: 60px; background: url(../images/dzz1.png) no-repeat left center;}
.dzk dd span a{ color: #333333;}
.dzk dd em { display: block; font-size: 14px; color: #333333; line-height: 24px; font-style: normal; margin-top: 15px;}
.dzk dd p { width: 128px; height: 28px; background: #FFFFFF; font-size: 14px; color: #333333; border: 1px solid #292929; text-align: center; line-height: 28px; font-weight: bold; margin-top: 10px;}
.dzk dd a:hover p{color: #01a2ea; border: 1px solid #01a2ea;}
.dzk ul { margin:10px 0 0 0; overflow: hidden;}
.dzk li { float: left; width: 325px; margin-bottom: 25px;}
.dzk li a { padding-left: 20px; background: url(../images/dzj.png) no-repeat left center; font-size: 14px; color: #555555;}
/**/
.xdk { width: 1000px; margin: 0 auto; position: relative;}
.xdk a:hover{ color:#01a2ea;text-decoration:none}
.xdk h4 { height: 62px; text-align: center; padding-top: 50px;}
.xdk dl { height: 334px;}
.xdk dt { float: left;}
.xdk dt img { width: 501px; height: 284px;}
.xdk dd { float: left; margin-left: 23px; height: 286px; background: url(../images/dkb.jpg) no-repeat;}
.xdk dd span { font-size: 20px; color: #252726; font-weight: bold; margin-left: 70px;}
.xdk dd em { display: block; width: 476px; font-size: 14px; color: #666666; line-height: 26px; margin-top: 25px; font-style: normal;}
.xdk dd p { width: 128px; height: 28px; background: #FFFFFF; border: 1px solid #292929; font-size: 14px; color: #333333; font-weight: bold; text-align: center; line-height: 28px; margin-top: 20px;}
.xdk dd a:hover p {border: 1px solid #01a2ea;color: #01a2ea;}
.xdk .dk_photo { height:180px;}
.xdk li { float: left; width: 230px; margin-right: 26px; text-align: center; font-size: 14px; color: #666666;}
.xdk li a img { display: block; width: 230px; height: 150px; margin-bottom: 15px;}
.xdk .nones { margin-right: 0;}
.dka { position: absolute; left: -55px; top: 505px;}
.dka1 { position: absolute; right: -55px; top: 505px;}

.yq h5 { height: 40px; background: url(../images/dkx.jpg) no-repeat 0 bottom;}
.yq h5 span { display: block; float: left;font-size: 16px; color: #2c2727; font-weight: bold;}
.yq h5 p { float: right; margin-top: 10px;}
.yq h5 p a { font-size: 12px; color: #888888; font-weight: normal;}
.yqa { padding-top: 10px;}
.yqa a { font-size: 12px; color: #666666; line-height: 35px; margin: 0 31px;}
.yqa a:hover{ color:#01a2ea}

/**/

.main_page{
    margin-top:30px;
}
.i_pro_list ul{
    display: flex;
    flex-wrap: wrap;
}
.i_pro_list ul li{
    width: 232px;
    margin:10px 10px 0;
}
.i_pro_list ul li .img{
    width: 232px;
    height: 190px;
    margin: 4px;
    box-shadow: 0 0 5px #ccc;
}
.i_pro_list ul li img{
    width: 222px;
    height: 178px;
    padding: 5px;
}
.i_pro_list ul li p{
    height:30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}


.i_news_list{
    padding-top: 15px;
}
.i_news_list li{
    padding: 7px 20px 0 0;
    height: 132px;
    overflow: hidden;
    margin: 0 0 30px 0;
    background: #fff;
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 2px;
}
.i_news_list li h4{
    padding: 20px 0px 0 10px;
    text-align: center;
    float: left;
    width: 64px;
    overflow: hidden;
}
.i_news_list li h4 b{
    font-weight: 100;
    display: block;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    font-size: 36px;
    font-family: Arial;
    text-transform: uppercase;
    color: #e83421;
}
.i_news_list li h4 span{
    font-weight: 100;
    display: block;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
    color: #989898;
}
.i_news_list li p{
    padding: 0 0 0 14px;
    line-height: 28px;
    width: 570px;
    overflow: hidden;
    font-size: 14px;
    float: left;
    color: #666;
}
.i_news_list li p b{
    display: block;
    font-weight: 100;
    color: #000000;
    line-height: 36px;
    font-size: 16px;
}
.i_news_list li p b a{
    color: #2C2C2C;
}
.i_news_list li a.fr{
    margin: 45px 0 0;
    width: 70px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #2C2C2C;
    color: #2C2C2C;
}

.about_con {
    font-size: 14px;
    line-height: 1.8;
    margin-top:15px;
}

.page_return{
    text-align: right;
    margin:15px 0;
}
.page_return span,.page_return a{
    display: inline-block;
    text-align: center;
    margin: 0 2px;
    color: #e83421;
    font-size: 14px;
    padding: 0 5px;
    height: 28px;
    border: 1px solid #e83421;
    line-height: 28px;
}
.page_return a:hover,.page_return span{
    background: #e83421;
    color: #fff;
}