@charset "UTF-8";

body{ margin: 0; padding: 0; font-size: 14px; font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;}

span,a,p,dl,dt,ol,li,ul,i,b,hr{margin: 0; padding: 0}

a{text-decoration: none;}

.clear{ clear: both;}

.w1200{width: 1200px; margin: 0 auto;}

.zs{ padding: 35px 0; width: 100%; height: auto;}

/**TOP**/

#top{width: 100%; height: auto;}

.logo{ float: left; height: 100px; width: 350px;text-align: center;}

.nav{ width: 850px; height: 100px; float: right; display: flex; justify-content: center;}

.nav li{ width: 80px; height: 100px; text-align: center; line-height: 100px;}

.nav li:hover{background: #0066d9 url(../images/nav_hover.jpg) no-repeat center bottom; }

.nav li a{ color: #333; font-size: 16px;}

.nav li:hover a{ color: #fff;}
.top_tel{ width: 160px; height:100px; float: right; }
.top_tel dl{ width: 100%; height: auto; padding-top: 20px; padding-bottom: 5px; font-size: 14px;}
.top_tel dt{ width: 100%; font-size: 19px; color:#0066d9;font-weight: bold; }

/** foot **/

/*底部版权logo*/

#foot_bg{ width: 100%; height:auto; border-top: 5px solid #0066d9;    background-color: #333333;  padding: 45px 0;}

.foot_zs{ padding: 20px 0; height: auto;}

.ft_logo_bq{ width: 300px; height: auto; float: left;color: #9a9a9a;}

.ft_logo{ width: 196px; height: 60px; border-bottom:  1px solid #5f5f5f; }

.ft_bq{ width: 100%; height: auto; color: #9a9a9a; font-size: 13px; padding-top: 20px; line-height: 23px;}

/*底部联系方式*/

.foot_lxwm{width: 300px; height: auto; font-size: 14px; line-height: 35px; color: #9a9a9a; float: left; padding-top: 8px;}

/* 底部导航 */

.ft_pronav{width: 250px; height: auto; float: left;}

.ftpro_nav{ width: 150px;height: auto; padding-top: 8px; float: left;}

.ftpro_nav p a{ color: #9a9a9a; font-size: 14px; line-height: 35px; }

.ftpro_nav li a{ color: #9a9a9a; font-size: 14px; line-height: 35px; }

.ft_nav{width: 100px;height: auto; display: flex;justify-content: left; flex-wrap: wrap; padding-top: 8px; float: left;}

.ft_nav li{ width: 100px; height: 35px; line-height: 35px;}

.ft_nav li a{ color: #9a9a9a; font-size: 14px;  }

/*底部二维码*/

.ft_hqzx{width: 300px; height: auto; float: right;}

.ft_wx{ width: 120px; height: auto; padding-top: 15px; float: left;}

.ft_wx img{ width: 120px;  text-align: center;}

.ft_wx p{ text-align: center; color: #F2F2F2; padding-top: 8px;}

.ft_ewm{ width: 120px; height: auto; padding-top: 15px; float: right;}

.ft_ewm img{ width: 120px;  text-align: center;}

.ft_ewm p{ text-align: center; color: #F2F2F2; padding-top: 8px;}

/*友情链接*/

.yqlj{ background-color:#1a1a1d;line-height:58px;text-align: center;color: #999999; font-size: 15px;}

.yqlj a{color:#999999; font-size: 14px;}

/** index **/

.title{ text-align: center; width: 100%;}

.lm_title{  height: 65px; line-height: 65px;  font-size: 36px; color: #333333;}

.lm_ys{    text-align: center; line-height: 28px; font-size: 14px;}

.index_pro{ height: auto; padding: 45px 0;}

.pro_zs{ width: 1200px; height: auto; margin: 0 auto;    padding: 45px 0;}

.pro_fl{ width: 263px; height:auto; float:left; background: url(../images/pro_left_head.jpg) no-repeat top center #0066d9; padding-bottom: 30px;}

.fl_bt{ padding: 20px 0; width: 100%; height: auto;}

.cpfl_bt{ font-size: 24px; color: #fff; text-align: center;}

.cpfl_fy{ font-size: 12px; color: #fff; text-transform : uppercase; text-align: center; padding-top: 8px;    position: relative;}

.pro_fllmbg{width: 232px; height: auto;background: #fff;margin: 0 auto;}

.cpfl_zs{ width: 100%; height: auto; padding-top: 20px; }

.cpfl_zs li{ width: 182px; height: 33px; line-height: 33px;  padding-left: 20px;background: #0066d9;  margin: 8px auto;    border-radius: 5px;}

.cpfl_zs li a{ color: #fff; font-size: 14px;}

.fl_lxfs{width: 232px;height: auto;line-height: 70px; padding-top: 240px;text-align: center;color: #fff;font-size: 18px;background: url(../images/left_nav_bg.jpg) center bottom no-repeat #fff;}

.cpfl_zs li:hover{    color: #fff; background-color: #03b29c;}

.cpfl_zs p{width: 162px; height: 33px; line-height: 33px; margin: 8px auto; padding-left: 40px;background: url(../images/left_tree.gif) 20px 8px no-repeat #5f9fe6;border-radius: 5px;}

.cpfl_zs p a{ color: #fff; font-size: 13px;}

.cpfl_zs p:hover{    color: #fff; background-color: #03b29c;}

.pro_R{ width: 920px; height: auto; display: flex; justify-content: space-between;  flex-wrap: wrap; float: right;}

.pro_R li{ width: 290px; height: auto; }

.pro_img{width: 290px; height: auto;    border: 1px solid #ddd;}

.pro_img img{width: 100%; height: 220px;}

.pro_bt { width: 100%; height: 40px; line-height: 40px; text-align: center; color: #333;}

.pro_bt a{ color: #333; font-size: 14px;}

/**中间主题**/

.content_bg{ width: 100%; height: 280px; background: url("../images/content_bg.jpg")no-repeat top center;}

.cont_gsm{ font-size: 24px;color: #ffff; padding-top: 60px;}

.cont_xq{  font-size: 18px; color: #fff;   padding: 15px 0 15px 0;}

.cont_tel{ height: 65px; line-height: 65px; background: url("../images/content_tel.png") no-repeat left center; padding-left: 75px; font-size: 36px;margin-top: 10px; color: #fff; font-weight: bold;}

/**新品推荐**/

.index_xptj{padding: 55px 0;}

.xptj_zs{ width: 100%; height: auto; display: flex;justify-content: space-between; flex-wrap:wrap; padding:45px 0;}

.xptj_zs li{ width: 280px; height: auto;}

.xptj_img{ width: 280px; height: 210px;}

.xptj_img img{ width: 100%; height: 210px;}

.xptj_bt{text-align: center; padding-top: 10px;}

.xptj_bt a{color: #333; font-size: 15px;}

/** 四大优势 **/

.index_wmys{height: auto; padding: 45px 0;}

.ystitle{ width: 100%; height: auto;text-align: center;    padding-bottom: 45px;}

.wmys_title{    font-size: 36px; color: #0066d9; text-align: center;}

.wmys_xq{  text-align: center;font-size: 18px;color: #666666; padding: 8px 0;}

.wmys_xhx{  width: 50px; height: 2px; border: none; background: #0066d9; margin: 0 auto;}

.ys01_03{width: 100%; height: auto; margin-bottom: 30px;}

.ys_img{ float: left; width: 530px; height: auto; text-align: left;}

.ys_img img{max-width: 100%; height: auto;}

.yswb_zs{float: right; width: 570px;height: auto; }

.yswb_bt{ text-align: right; font-size: 28px;font-weight: bold;color: #0066d9;}

.yswb_bt span{  font-weight: bold; font-size: 45px;}

.yswb_xq{

    font-size: 16px;text-align: right;color: #666666;line-height: 47px;margin-top: 15px;padding-right: 28px;

    background: url(../images/advantage_libg.jpg) repeat-y right 13px;

}

/*优势2—4*/

.ys02_04{width: 100%; height: auto; margin-bottom: 30px;}

.ys_img2{ float: right; width: 550px; height: auto; text-align: right;}

.ys_img2 img{max-width: 100%; height: auto;}

.yswb_zs2{float: left; width: 570px;height: auto; }

.yswb_bt2{ text-align: left; font-size: 28px;font-weight: bold;color: #0066d9;}

.yswb_bt2 span{  font-weight: bold; font-size: 45px;}

.yswb_xq2{

    font-size: 16px;text-align: left;color: #666666;line-height: 47px;margin-top: 15px;padding-right: 28px;

    background: url(../images/advantage_libg.jpg) repeat-y right 13px;

}



/** 新闻资讯 **/

.index_news{ padding: 45px 0; height: auto;}

.gsxw_zs{width: 570px; height: auto; float: left;}

.news_lm_title{

    width: 100%; height: 45px; line-height: 45px; font-size: 18px;font-weight: bold;

    background: url("../images/news_title.jpg")no-repeat left bottom;

}

.hyzx_tj{ padding-top: 20px; width: 570px; height: auto;float: left;}

.hyzx_img{width: 265px; height: 199px; margin-right: 28px; float: left; }

.bt_time_xq{ width: 275px; height: auto; float: right; }

.hyzx_bt{  width: 570px; height: 30px;line-height: 30px; color: #333;    font-size: 16px; font-weight: bold;}

.hyzx_bt:hover{  color: #0071bf;}

.hyzx_time{ padding: 10px 0; color: rgb(84,84,84); font-size: 13px;}

.hyzx_xq{ font-size: 12px; color: rgb(84,84,84); line-height: 26px;}

.hyxw_zx{ width: 570px; height: auto; margin-top: 20px; float: left;}

.hyxw_zx li{ width: 100%; height: 40px; line-height: 40px;}

.hyxw_zx li a{ float: left; color: #333; font-size: 15px;}

.hyxw_zx li a:hover{  color: #0071bf; }

.hyxw_zx li span{ float: right; color: rgb(84,84,84);  font-size: 12px; }

/**常见问题 **/

.news_cjwt{ float: right; width: 570px; height: auto;}

.cjwt_zs{width: 570px; height: auto; display: flex; justify-content: left; flex-wrap: wrap;}

.cjwt_zs li{ width:100%; height: auto;line-height: 45px; }

.cjwt_bt{

    display: block;font-size: 14px; color: #333;font-weight: bold; padding-left: 28px;

    background: url(../images/ask.jpg) no-repeat left center;

}

.cjwt_bt:hover{ color: #0071bf; }

.cjwt_xq{

    padding-left: 28px; margin-top: 10px; line-height: 22px; color: #555;

    background: url(../images/answer.jpg) no-repeat left 2px;

}

/*****/

.index_about{ height: auto; padding: 45px 0;}

.about_L{  width: 520px; height: auto; float: left;}

.about_title{ width: 520px; height: 75px;    border-bottom: 1px solid #dadada;}

.ab_gsm{    color: #0066d9;font-size: 30px;font-weight: bold;}

.ab_fy{ font-size: 14px; color: #000; padding-top: 8px;}

.about_nr{ padding-top: 20px; height: auto; width: 100%; font-size:13px;line-height: 30px;color: #555;}

.ab_more{

    display: block;text-align: center;width: 140px; height: 36px;

    line-height: 36px;color: #fff;border-radius: 15px; font-size: 14px;

    background-color: #0066d9; margin-top: 25px;

}

.ab_more:hover{ color: #fff; background: #03b29c;}

.about_R{ width: 650px; height: 400px;overflow: hidden; float: right; text-align: center; }