@charset "utf-8";

@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
html,body,fieldset,img,iframe,abbr{border:0;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
a {color: #666666;text-decoration: none;}
body {background:#fff;color:#333;font-size:12px;font-family:"Microsoft YaHei";}
ul,ol,li{list-style:none}
label,summary{cursor:default;}

/*===== 去除个别浏览器图片底部的几个像素，以及设置图片形式链接无边框 =====*/
img {vertical-align:middle;}
a img {border:0 none;}
/*===== 设置表格元素的样式 =====*/
table{border-collapse:collapse;border-spacing:0;}/* 合并表格的间隙，去掉单元格之间的间距，如有需要合并单元格为细线表格，可增加 border-collapse:collapse; */
/*===== 设置iframe的背景色以及去除个别浏览器iframe底部的几个像素 =====*/
iframe {background-color:#FFFFFF;vertical-align:middle;}
/* layout */
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align: right}
.vt{ vertical-align:top}
.vm{vertical-align:middle}
.vb{ vertical-align:bottom}
.bc{margin-left:auto;margin-right:auto} /* blockCenter */
.pr{position:relative}
.pa{position:absolute}
.clear{clear: both}
.fl{float: left}
.fr{float: right}
.fn{float: none}
.block{display:block !important}
.dib{display:inline-block}
.ofa { overflow:auto;zoom:1}
.ofh{overflow: hidden;}
.zindex{z-index: 100}
.ofs-y { overflow-y:scroll;zoom:1}
.zoom{zoom:1}
.justify{text-align:justify;text-justify:inter-ideograph;}
.hide {display: none!important;}
.hidden{visibility:hidden!important;}
.fb{font-weight:bold}
.fn{font-weight:normal}
.unl{text-decoration:underline}
.no-unl{text-decoration:none}

.w_1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;

}

.top {
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
    background: #f1f1f1;
    color: #333;
}

.header {

    border-bottom: 3px solid #fff;
    width: 100%;
    height: 75px;
    padding-top: 28px;
    padding-bottom: 28px;
    overflow: hidden;
}

.logo {
    float: left;
}

.lxdh {
    overflow: hidden;
    height: 65px;
    float: right;
    background: url(../images/i_tel.png) no-repeat left 5px;
    padding-left: 70px;
    margin-top: 10px;
}

.lxdh span {
    font-size: 16px;
    line-height: 24px;
    color: #434344;
    display: block;
    margin-top: 5px;
}

.lxdh p {
    font-size: 21px;
    line-height: 1.3;
    color: #434344;
    font-weight: bold;
}

.header .fl {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 2px solid #1f1a17;
    font-size: 16px;
    line-height: 30px;
    color: #1f1a17;
    margin-top: 5px;
}

.fl b{
    font-size: 27px;
    color: #263c81;
    font-weight: normal;
}

.menu {
    height: 50px;
    background: #263c81;
    line-height: 50px;
    width: 100%;
}

.menu .nav {
    position: relative;
    z-index: 1;
}

.menu .nav a {
    color: #fff;
}

.menu .nav .nLi {
    float: left;
    position: relative;
    display: inline;
    background: url(../images/nav_on.jpg) left center no-repeat;
}

.menu .nav .nLi h3 {
    float: left;
}

.menu .nav .nLi h3 a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    width: 119px;
    text-align: center;
}

.menu .nav .sub {
    display: none;
    width: 119px;
    left: 0px;
    top: 50px;
    position: absolute;
    background: #263c81;
    line-height: 35px;
    text-align: center;
}

.menu .nav .sub a {
    color: #fff;
}

.menu .nav .sub li {
    zoom: 1;
    position: relative;
}

.menu .nav .sub a {
    display: block;
    padding: 0 10px;
}

.menu .nav .sub a:hover {
    background: #ff5919;
    color: #fff;
}

.menu .nav .on h3 a {
    background: #ff5919;
    color: #fff;
}

.sub1 {
    background: #148cd2;
    position: absolute;
    left: 133px;
    /* display: none; */
    width: 133px;
    top: 0;
}

.banner{ width: 100%; height: 500px; background: url(../images/banner1.jpg) center center no-repeat;}

.fullSlide {
    width: 100%;
    position: relative;
    height: 500px;
    background: #000;
}

.fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 500px;
    overflow: hidden;
    text-align: center;
}

.fullSlide .bd li a {
    display: block;
    height: 500px;
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
}

.fullSlide .hd ul {
    text-align: center;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30px;
    height: 7px;
    margin: 4px;
    overflow: hidden;
    background: #fff;
    line-height: 999px;
}

.fullSlide .hd ul .on {
    background: #263c81;
}

.fullSlide .prev,
.fullSlide .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 4%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.fullSlide .next {
    left: auto;
    right: 4%;
    background-position: -6px -137px;
}


.fullSlide1 {
    width: 100%;
    position: relative;
    height: 380px;
    background: #000;
}

.fullSlide1 .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.fullSlide1 .bd ul {
    width: 100% !important;
}

.fullSlide1 .bd li {
    width: 100% !important;
    height: 380px;
    overflow: hidden;
    text-align: center;
}

.fullSlide1 .bd li a {
    display: block;
    height: 380px;
}

.fullSlide1 .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
}

.fullSlide1 .hd ul {
    text-align: center;
}

.fullSlide1 .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30px;
    height: 7px;
    margin: 4px;
    overflow: hidden;
    background: #fff;
    line-height: 999px;
}

.fullSlide1 .hd ul .on {
    background: #263c81;
}

.fullSlide1 .prev,
.fullSlide1 .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 4%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.fullSlide1 .next {
    left: auto;
    right: 4%;
    background-position: -6px -137px;
}

.com_til {
    background: url(../images/com_til.jpg) center no-repeat;
    text-align: center;
    width: 100%;
}

.com_til h4 {
    font-size: 30px;
    line-height: 1.8;
}

.com_til h4 b {
    color: #ff5919;
}

.com_til span {
    font-size: 16px;
    display: block;
    color: #666666;
    background: url(../images/xjt.png) center center no-repeat;
}

.com_til p {
    font-size: 20px;
    color: #999;
    line-height: 1.8;
}

.main1 {
    padding-top: 40px;
    padding-bottom: 20px;
    width: 100%;
    background: #fff;
}

.m1_left {
    float: left;
    border: 1px solid #263c81;
    width: 278px;
    overflow: hidden;
}

.m1_left .tit {
    background: #263c81;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.m1_left .tit h4 {
    font-size: 28px;
    line-height: 1.8;
    color: #fff;
}

.m1_left .tit span {
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
}

.m1_left .box {
    padding: 5px 15px 15px 15px;

}

.m1_left .box span {
    padding: 5px 10px;
    background: #263c81;
    border: 1px solid #cfcfcf;
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
}

.m1_left .box ul li {
    float: left;
    width: 118px;
    background: #f1f1f1;
    border: 1px solid #cfcfcf;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 7px;
}

.m1_left .box ul li:hover {
    background: #263c81;
}

.m1_left .box ul li.selected {
    background: #263c81;
}

.m1_left .box ul li:hover a {
    color: #fff;
}

.m1_left .box ul li.selected a {
    color: #fff;
}

.m1_left .box ul.u1 li:nth-child(2n) {
    margin-right: 0;
}

.m1_left .box ul.u2 li:nth-child(3n) {
    margin-right: 0;
}

.m1_left .box ul.u3 li:nth-child(2n) {
    margin-right: 0;
}

.m1_left .box ul.u2 li {
    width: 75px;
}

.m1_left .box p {
    font-size: 14px;
    line-height: 1.5;
}

.m1_right {
    float: right;
    width: 900px;
}

.m1_right ul li {
    float: left;
    width: 430px;
    border: 1px solid #cfcfcf;
    padding: 3px;
    margin: 0 20px 24px 0;
}

.m1_right ul li:nth-child(2n){ margin-right: 0;}

.m1_right ul li:hover {
    border-color: #263c81;
}

.m1_right ul li img {
    width: 100%;
}

.p-item .look-detail {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    line-height: 24px;
    cursor: pointer;
    text-align: left;
}

.p-name a {
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
}

.p-item .look-detail .look-detail-right .p-price {
    color: #333;
}
.look-detail-right{ padding: 10px 5px;}
.dh{ width: 100%; height: 218px; margin:20px auto 40px; background: url(../images/dh.png) center center no-repeat;}
.case{ width: 1200px; margin: auto;}
.case dl{ width: 560px; float: left; margin:0 20px 20px 0; padding: 10px; border: #eeeeee solid 1px;}
.case dl img{width: 184px; height: 165px; float: left; margin-right: 20px;}
.case dl:nth-child(2n){ margin-right: 0;;}
.case dl dt{ font-size: 18px; line-height: 3em; font-weight: bold;}
.case dl dd{ font-size: 14px; line-height: 24px;}
.case dl dd.h{ color: #263c81; margin-top: 10px;}
.bg2 {margin-top:-6px;height: 785px;background:url(../images/bg2.jpg) no-repeat center top;}
.bg2_cont {width: 960px;margin: 0 auto;}
.bg2_ul1 {float: left;padding:200px 0 0 13px;width: 350px;font:16px/30px "Microsoft YaHei";color: #474747;}
.bg2_ul1 li {padding-left: 30px;border-bottom:1px dashed #bcbcbc;vertical-align: top;background:url(../images/item2.gif) no-repeat left 5px;}
.bg2_text2 {float: right;width: 490px;padding: 147px 0 0 0;}
.bg2_text2 .tt1 {font:bold 18px/32px "Microsoft YaHei";color: #ff5919;}
.bg2_text2 p {margin-top:15px;width:380px;padding:4px 0 0 80px;font:14px/22px "Microsoft YaHei";color: #333;}
.bg2_text2 .p1 {margin-top: 40px;}
.bg2_text2 .p2 {margin-top: 36px;}
.bg2_text2 .p3 {margin-top: 35px;}
.bg2_text2 .p4 {margin-top: 38px;}
.bg2_text2 .p5 {margin-top: 35px;}
.g_ys{height: 2604px;padding-top: 91px; background:url(../images/ybg.jpg) no-repeat center top; }
.g_ys h2{height: 216px;text-align: center;font-size: 40px;color: #666666;font-weight: normal;}
.g_ys h2 b{color: #333333;font-size: 62px; font-weight: bold;}
.g_ys h2 em{display: block; margin: 0 auto; width: 615px;margin-top: 12px;padding-left: 20px;}
.g_ys h2 i{display: block;float: left;width: 342px;height: 40px;line-height: 40px;background: #2cb446;text-align: center;font-size: 24px;color: #fff;}
.g_ys h2 span{display: block;float: left;width: 240px;height: 38px;line-height: 38px;border: 1px solid #2cb446; text-align: center;font-size: 24px;color: #666666;}
.g_ys .m_gy{height: 255px;background: #fff;margin-bottom: 30px;}
.g_ys .m_gy h3{position: relative; height: 68px;color: #333333; font-size: 26px;font-weight: normal;padding-left: 25px;}
.g_ys .m_gy h3 b{position: absolute;left: -60px;top:0;}
.g_ys .m_gy h3 em{display: block; font-size: 14px; color: #888888; font-weight: normal;}
.g_ys .m_gy p{font-size: 14px; color: #666666; line-height: 20px;background:url(../images/ysico.jpg) no-repeat 0 2px;padding-left: 25px;margin-bottom: 7px;}
.g_ys .m_gy p b{color: #2cb446;font-weight: normal;}
.g_ys .m_gy dt{float: left;width: 600px;}
.g_ys .m_gy dt img{width: 600px;height: 255px;display: block;}
.g_ys .m_gy dd{ width: 480px; float: left;padding-top: 38px; padding-left: 100px;}
.m_ys2 dt{ float: right!important;}
.m_ys4 dt{ float: right!important;}
.m_ys6 dt{ float: right!important;}
.m_ys8 dt{ float: right!important;}
.m_ys7 { height: 345px!important;}
.m_ys7 dt img { height: 345px!important;}
.ry{ border: #efefef solid 1px; height: 210px; margin-bottom: 50px;}
.ry_l{width: 49px; height: 210px; float: left;}
.ry_r{ width: 1130px; float: right;}
.home_brand { background: url(../images/home_bg2.jpg) no-repeat center top; padding: 100px 60px 0; }
.home_brand .left { margin-left: 13.4%; float: left; width: 46.6%; padding-top: 25px; position: relative; }
.home_brand .left::before { content: ""; position: absolute; left: -120px; top: 0; width: 6px; height: 108px; background: url(../images/home_brand_icon.png) no-repeat left top;
}
.home_brand .left h3.tit { color: #000; font-size: 30px; font-weight: normal; line-height: 38px; }
.home_brand .left h3.tit span { color: #333333; font-size: 16px; display: inline-block; margin-left: 10px; }
.home_brand .left .t { margin-top: 25px; color: #666666; font-size: 14px; line-height: 30px; width: 81%; }
.home_brand .left ol {
margin-top: 50px;
}
.home_brand .left ol li {
text-align: center;
float: left;
width: 19%;
margin-right: 4%;
}
.home_brand .left ol li:last-child {
margin-right: 0;
}
.home_brand .left ol li .icon {
line-height: 0;
}
.home_brand .left ol li .icon img {
height: 40px;
}
.home_brand .left ol li h3 {
margin-top: 15px;
color: #333333;
font-size: 16px;
}
.home_brand .left ol li p {
margin-top: 10px;
color: #999999;
font-size: 14px;
line-height: 20px;
}
.home_brand .left ol li a {
height: 28px;
width: 90px;
border: 1px solid #d5d5d5;
text-align: center;
line-height: 26px;
color: #999999;
font-size: 12px;
display: block;
margin: 35px auto 0;
}
.home_brand .img {
float: right;
width: 40%;
line-height: 0;
}
.home_brand .img img {
width: 100%;
}
.clearfix {
clear: both;
}
.lc{ width: 100%; height: 327px; margin: 50px auto; background: url(../images/lc.png) center center;}
#news-faq{padding: 40px 0 60px;overflow: hidden;}
#news-faq .news{width: 900px;height: 410px;overflow: hidden;}
#news-faq .news .t{font-size: 18px;font-weight: normal;color: #333;margin-bottom: 30px;border: solid 1px #e6e5e5;line-height: 50px;height: 50px;border-right: none;}
#news-faq .news .t span{font-weight: normal;font-size: 12px;}
#news-faq .news .t span a{color: #999;}
#news-faq .news .t span a:hover{color: #263c81;}
#news-faq .news .t ul{height: 100%;}
#news-faq .news .t ul li{float: left;height: 50px;width: 50%;text-align: center;}
#news-faq .news .t ul li a{color: #666;display: block;width: 100%;border-right: solid 1px #e6e5e5;}
#news-faq .news .t li.active a{background: url("../images/product-t-active.gif") no-repeat center bottom #263c81;height: 58px;border:none;color: #fff;position: relative;top: -1px;left: -1px;}
#news-faq .news .l{position: relative;height: 360px;}
#news-faq .news .l .box{position: absolute;left: 0;top: 0;width: 100%;}
#news-faq .news .l dl{width: 385px;float: left;margin-right: 25px;}
#news-faq .news .l dl dt{float: left;width: 100%;height: 173px;overflow: hidden;margin-bottom: 15px;}
#news-faq .news .l dl dt img{width: 100%;}
#news-faq .news .l dl dd{color: #999;line-height: 24px;margin: 0;}
#news-faq .news .l dl dd h2{font-size: 16px;font-weight: normal;color: #333;}
#news-faq .news .l dl a:hover dd h2{color: #263c81;}
#news-faq .news .l dl dd p.date{margin:5px 0;color: #999;}
#news-faq .news .l ul{float: right;width: 485px;}
#news-faq .news .l ul li{line-height: 22px;color: #999;font-size: 12px;margin-bottom: 24px;border-bottom: solid 1px #e6e5e5;padding-bottom: 24px;}
#news-faq .news .l ul li div{float: left;width: 65px;height: 65px;text-align: center;border-right: solid 1px #e6e5e5;margin-right: 20px;padding-top: 10px;}
#news-faq .news .l ul li div h2{font-size: 30px;margin-bottom: 8px;}
#news-faq .news .l ul li a{color: #999;display: block;}
#news-faq .news .l ul li a p{color: #333;font-size: 14px;margin-bottom: 10px;line-height: 100%;}
#news-faq .news .l ul li a:hover p{color: #263c81;}
#news-faq .faq{width: 265px;}
#news-faq .faq .t{font-size: 20px;font-weight: normal;color: #333;margin-bottom: 30px;border-bottom: solid 1px #e2e2e2;padding-bottom: 20px;line-height: 30px;height: 50px;}
#news-faq .faq .t span{font-weight: normal;font-size: 12px;}
#news-faq .faq .t span a{color: #999;}
#news-faq .faq .t span a:hover{color: #263c81;}
#news-faq .faq .l {height: 330px;overflow: hidden;}
#news-faq .faq .l ul{position: relative;}
#news-faq .faq .l li{background: url("../images/faq-1.gif") no-repeat left top;padding-left: 36px;line-height: 24px;color: #999;border-bottom: dashed 1px #ccc;padding-bottom: 25px;margin-bottom: 25px;}
#news-faq .faq .l li a{display: block;color: #999;}
#news-faq .faq .l li h3{margin-bottom: 13px;color: #333;font-size: 15px;font-weight: normal;line-height: 100%;}
#news-faq .faq .l li a:hover h3 {color: #263c81;}
.footer {
    background: #000000;
    padding: 45px 0;
    }
    .footer .tit {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: arial;
    }
    .footer .tit i {
    margin-top: 20px;
    display: block;
    width: 36px;
    height: 2px;
    background: #495058;
    }
    .footer .left {
    float: left;
    }
    .footer .left .foot_nav {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #3d454d;
    }
    .footer .left .foot_nav a {
    display: block;
    float: left;
    color: #8d9297;
    font-size: 15px;
    margin-right: 35px;
    }
    .footer .left .foot_nav a:last-child {
    margin-right: 0;
    }
    .footer .left .bottom {
    margin-top: 20px;
    color: #8d9297;
    }
    .footer .left .bottom a {
    color: #8d9297;
    }
    .footer .min {
    float: left;
    margin-left: 100px;
    }
    .footer .min ol {
    margin-top: 10px;
    width: 388px;
    }
    .footer .min ol li {
    float: left;
    width: 100%;
    }
    .footer .min ol li input {
    float: left;
    width: 100%;
    height: 47px;
    background: none;
    border: none;
    border-bottom: 1px solid #323a43;
    color: #8d9297;
    -webkit-appearance: none;
    border-radius: 0;
    }
    .footer .min ol .li1,
    .footer .min ol .li2 {
    width: 176px;
    }
    .footer .min ol .li2 {
    float: right;
    }
    .footer .min ol .btn {
    margin-top: 20px;
    width: 92px;
    }
    .footer .min ol .btn input {
    background: #323a43;
    height: 30px;
    line-height: 30px;
    border: none;
    }
    .footer .right {
    float: right;
    }
    .footer .right .text {
    margin-top: 30px;
    color: #8d9297;
    font-size: 14px;
    line-height: 30px;
    }
    .footer .right .text span {
    color: #ffffff;
    font-size: 30px;
    font-family: arial;
    font-weight: bold;
    }
    .pr_right {
        float: right;
        width: 900px;
    }
    .mbx{ border-bottom: 1px solid #263c81; margin-bottom: 20px;}
    .mbx h3{ width: 140px; height: 40px; line-height: 40px; float: left; text-align: center; font-weight: normal; font-size: 16px; background: #263c81; color: #ffffff; }
    .mbx span{ float: right; color: #666; font-size: 14px;}
    .mbx span img{ float: left; margin: 2px 5px 0 0;}
    .pr_right ul li{ width: 290px; height: 257px; float: left; margin: 0 15px 15px 0;}
    .pr_right ul li:nth-child(3n){ margin-right: 0;}
    .pr_right ul li a{ width: 288px; height: 198px; display: block;}
    .pr_right ul li a img{ width: 288px; height: 198px; border: #eeeeee solid 1px;}
    .pr_right ul li a:hover img{ border: #263c81 solid 1px;}
    .pr_right ul li a span{ width: 288px; height: 42px; line-height: 42px;font-size: 16px; margin-top: 5px; text-align: center; background: #999999; border: #999999 solid 1px; color: #fff; display: block;}
    .pr_right ul li a:hover span{background: #263c81; border: #263c81 solid 1px;}
    .con_pro>p{font-size: 14px; line-height: 24px;}
    .con_pro dl{ width: 898px; height: 310px; background: url(../images/pbg.jpg) no-repeat; border: #263c81 solid 1px; color: #ffffff;}
    .con_pro dl img{ width: 449px; height: 310px; float: left; margin-right: 20px;}
    .con_pro dl dt{ width: 400px; font-size: 20px; height: 70px; line-height: 70px; float: left; border-bottom: 1px solid #fff; margin-bottom: 15px;}
    .con_pro dl dd{ width: 400px; float: left; font-size: 16px; line-height: 2em;}
    .con_pro dl dd p{ width: 100%; display: block;}
    .pd{ border: #263c81 solid 1px; margin: 20px 0;}
    .pd img{ width: 896px;}
    .con_pro_lx { width: 898px; float: left; margin-bottom: 20px;}
    .con_pro_lx p{ width: 350px; float: left; font-size: 14px; line-height: 32px;}