body{ font-size: 12px;  font-family:"微软雅黑";}
a{ color: #666; }
a:hover{ text-decoration: none; color: #048afd }

::-webkit-scrollbar{width: 6px;height: 6px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #555;}



.swiper-container {
    width: 100%;
    margin:0;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{ width: 100% }

.swiper-sb{ position: absolute; left: 50%; margin-left: -9px; z-index:9999;-webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite; }


@-webkit-keyframes sdb05 {
    0% {
        opacity: 0;
        bottom:56px;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        bottom:36px;
    }
}

/* 首页 */


.container{ height: 118px;}
.navbar-header{ height:118px;}



/* PC */
.nav{ width: 750px; height: auto; padding-top: 47px; float: left;}
.nav ul li{ float: left; font-size: 15px; padding: 0 33px;}
.nav ul li a{ display: block; line-height: 67px; color: #fff;}
.nav ul li a:hover,.nav ul li a.hhover,.nav ul li a.hhhover{ border-bottom: 4px solid #0d4db8;}
.nav ul li .erji{ position:absolute; left: 0; z-index: 999; display: none; width: 100%; background: #f7f7f7;}
.nav ul li .erji ul{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; text-align: center;}
.nav ul li .erji ul li{ font-size: 14px; padding:0 33px; float: none; display:inline-block;}
.nav ul li .erji ul li a{ color: #000; }
.nav ul li .erji ul li a:hover,.nav ul li ul li a.hhover{ border-bottom: 0px solid #0d4db8;}

.nav ul li .erji .pro{ position:absolute; width: 100%; height: auto; overflow:hidden; left: 0; display: none; background: #f7f7f7;}
.pro .pro_nei{ width: 1200px; margin: 0 auto; border-top: 1px solid #dedede; padding-bottom: 10px;height: auto;overflow: hidden;}
.pro .pro_nei dd{color: #4f4f4f; font-size: 12px; display: block; float: left; width: 20%; line-height: 40px;}
.pro .pro_nei dd a{ line-height: 40px;}


.top_right{ float: right;    margin-top: 22px;}
.lan{ height: auto; overflow:hidden; width:79px; float: right;}
.lan li{ float: left; color: #fff; padding: 0 5px; margin-top: 10px;}
.lan li a{ color: #fff; }
.zhuce{ width: auto; height: auto; overflow:hidden;}
.zhuce img{ float: left;}
.zhuce ul{ float: left;}
.zhuce ul li{ font-size: 14px; float: left; text-align: left; color: #171717; padding: 0 5px;color: #fff;}
.zhuce ul li a{ display: block; text-align: center; color: #fff;}
.zhuce ul li a:hover{ color: #fff; }
.zhuce ul li a span{ display: block; font-size: 12px; color: #bcbcbc;}


/* 手机端导航 */

.mobile_nav_nei{ background:#fff; position:fixed; width:100%; height:100%; left:0;top:0; z-index:100000; display:none;}
.mobile_nav_nei ul li{ border-bottom:1px solid #e2e2e2;background: url(../images/mmenu-mobile-sprite.png) 100% 93% no-repeat;}
.mobile_nav_nei ul li:hover{ background:url(../images/mmenu-mobile-sprite.png) 100% 93% no-repeat #66ade6; cursor:pointer;}
.mobile_nav_nei ul li a{ display: block; width: auto; font-size:16px; color:#2c2c2c; line-height:50px; padding-left:2%;}

.mobile_nav_neirong{ background:#fff; position:fixed; width:100%; height:100%; left:0;top:0; z-index:100000; display:none;    overflow: auto;}
.mobile_nav_neirong ul li{ border-bottom:1px solid #e2e2e2;color:#2c2c2c; font-size:16px;padding-left:2%;}
.mobile_nav_neirong ul li:hover{ background:url(../images/mmenu-mobile-sprite2.png) 100% 93% no-repeat #66ade6; cursor:pointer;}
.mobile_nav_neirong ul li a{ font-size:16px; color:#2c2c2c; line-height:50px; display: block; width: auto;}

.pros ul li{ background:none; border:0px; padding:0px;}
.pros ul li:hover{background:none;}
.pros ul li dt{color:#2c2c2c; font-size:16px;line-height: 50px; font-weight:100;color: #b91212;border-bottom:1px solid #e2e2e2; padding-left:2%;}
.pros ul li dd{border-bottom:1px solid #e2e2e2;background: url(../images/mmenu-mobile-sprite2.png) 100% 93% no-repeat; padding-left:2%;}

.mm-prev {background: url(../images/mmenu-mobile-sprite1.png) 7px -21px no-repeat;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;}

.mobile_nav{ float:right; display:none;margin: 51px -69px 0 0; cursor: pointer;}

.mm-close {
    background: url(../images/mmenu-mobile-sprite.png) 0 5px no-repeat;
    margin-right: 10px;
    width: 40px !important;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
}


/* banner */

.swiper-container {
    width: 100%;
    margin:0;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{ width: 100% }

.swiper-sb{ position: absolute; left: 50%; margin-left: -9px; z-index:9999;-webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite; }
.slider{ display: none !important;}
.banner{ width:100%; height:auto; overflow:hidden;}
.banner img{ width:100%; height:auto;}




/* index */
.center{ width: 100%; height: auto; overflow: hidden;}
.main{ width: 100%; height: auto; background: #fafafa; margin: 1rem 0;}
.content-wrap{ width: 1200px; margin: 0 auto;}
.group{ width: 168px;position: absolute;}
.example{ background: #fff;}
.group .group_nei{ width: 100%; font-size: 22px; color: #fff; line-height: 30px; padding:19px 21px;}
.group .group_nei span{ display: block; font-size: 14px; color: #fff;}
.group .group_nei b{ width: 42px; height: 3px; display: block; background: #fff;}
.gallery-cell img{ width: 100%; height: auto;}
.duo__cell{ width: 86%;}
.tanchu{ width:100%;position: absolute;  height: 100%;  top: 0; background: url("../images/xian.png") repeat; font-size: 14px; text-align: center; color: #fff; padding-top: 1rem; display: none;}
.tanchu span{ display: block; font-size: 12px; color: #dcdbdb; line-height: 30px;}
.tanchu img{ width: 60%; height: auto; display: none;}


.about{ background:#fafafa; background-size: 100% 100%; width: 100%; height: auto; overflow:hidden; padding: 50px 0 40px 0;}
.about .ab{ padding: 0;}

.about .ab .about_names p{ font-size: 13px; line-height: 39px; margin: 0px;}
.about .ab .about_names h1{ font-size: 22px; display: none;}
.about .ab .about_names span{ width: 42px; height: 5px; background: #89898a; display: block;}
.about .ab .about_nei{ font-size: 13px; line-height: 32px; margin: 30px 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:9;overflow: hidden;}
.about .ab .about_nei_mb{ display: none; font-size: 13px; line-height: 26px; margin: 1% 0; display:none;}
.about .ab .about_nei p{ margin: 0 auto;}
.about .ab ul li{ float: left; width: 33.3333%; height: auto; overflow: hidden;}
.about .ab ul li img{ width: 100%; height: auto; overflow: hidden;}
.about .ab ul li p{ margin:0; width: auto; }
.about .ab ul li h1{ margin: 0px;}
.about .ab .ab_jz{display: table-cell;vertical-align: middle;text-align: left;}
.about .ab .ab_jz h1{  font-size:2em;text-align: right; margin-top: 18%;}
.about .ab .ab_jz span{ font-size:1.2em;text-align: right;display: block;line-height: 30px;}
.about .ab .ab_jz p{font-size: .8em;line-height: 24px; text-align: right;}
.about .ab .ab1 h1{ font-size: 5em; color: #0044b6;}
.about .ab .ab1 p{ font-size: 2.5em; text-align: center; color: #0044b6;}
.about .ab .ab2{background: #4b4b4b; width: 33.333%; padding: 0 1%; color: #fff;}
.about .ab .ab3{background: #e7e7e7; width: 33.333%; padding: 0 1%; color: #000;}


.licheng{ /*background: url("../images/bg2.jpg") no-repeat; */ background: #fafafa; background-size: 100% 100%; width: 100%; height: auto; overflow: hidden; padding:40px 0;}
.licheng_jianjie{ background: #6f6f6f; padding: 1rem 0; }
.licheng .licheng_jianjie .licheng_names{ display: block; margin: 0 auto; text-align: center;}
.licheng .licheng_jianjie h1{ text-align: center; font-size: 1em; color: #fff; display: none; font-size: 22px;}
.licheng .licheng_jianjie .licheng_jj{ font-size: 13px; color: #fff; text-align: center;}
.licheng .licheng_jianjie span{ width: 42px; height: 5px; background: #0090ff; display: block; margin: 0 auto;}
.licheng .licheng_jianjie .licheng_nn{ color: #fff; font-size: 13px; text-align: center; line-height: 33px; width: 90%; margin: 0 auto;}
.licheng .licheng_jianjie .licheng_nn_mb{color: #fff; font-size: 12px;margin: 1% auto; text-align: center; line-height: 26px; width: 80%; display: none;}


.licheng .cauto{ height: auto !important;}

.licheng .tabs nav{ border-bottom: 1px solid #fff; margin-bottom: 1px; background: #6f6f6f }
.licheng .tabs nav li a span{ color: #b1aead; font-size: 18px;}
.licheng .tabs nav li a span b{ display: block; width: 10px; height: 30px; background:url(../images/lcbg1.png) no-repeat left top; text-align: center; margin: 0 auto;}
.licheng .content-wrap{ background: #fff; height: auto; overflow: hidden; padding: 0;}
.licheng .tabs nav ul li{ cursor: pointer;}
.licheng .tabs nav ul li.on a span{ color: #3dabff; }
.licheng .tabs nav ul li.on a span b{ background:url(../images/lcbg2.png) no-repeat left top; }

.content-wrap section{height: auto; overflow: hidden;}
.content-wrap section .licheng_nei{ background: #fafafa; width: 100%; height: auto; overflow: hidden;}

.content-wrap section .licheng_nei .left{ float: left; width: 40%; margin: 3% 5%;}
.content-wrap section .licheng_nei .left .left_nei{ font-size: 13px; line-height: 33px; text-align: left; border-bottom: 1px solid #000; width: 100%; height: 240px;  overflow:hidden;}
.content-wrap section .licheng_nei .left .left_nei .neirong{  height: auto;}
.content-wrap section .licheng_nei .left .left_nei h1{ margin: 0px;}
.content-wrap section .licheng_nei .left .left_nei p{ margin: 0px;}

.content-wrap section .licheng_nei .left .left_menu{ text-align: left; height: auto; overflow: hidden;}
.content-wrap section .licheng_nei .left .left_menu small{ margin:2% 1% 0 1%; display: block; float: left;}

.content-wrap section .licheng_nei .right{ float: left; width: 40%; margin: 3% 5%;}
.content-wrap section .licheng_nei .right h2{ color: #171717; font-size: 20px; text-align: left; line-height: 30px; margin: 0px;}
.content-wrap section .licheng_nei .right img{ padding-left: 5px;margin-top: -5px;}
.content-wrap section .licheng_nei .right h3{ font-size: 12px; text-align: left; margin: 2% 0;}
.content-wrap section .licheng_nei .right ul{ width: 100%; height: auto; overflow: hidden;}
.content-wrap section .licheng_nei .right ul li{ float: left; width: 48%; margin: 0 1%;}
.content-wrap section .licheng_nei .right ul li img{ width: 100%;}
.content-wrap section .licheng_nei .right ul li p{ font-size: 12px; margin: 0px; line-height: 35px;}

.licheng .tab{ display: none;}
.licheng .tab nav{ border-bottom: 1px solid #fff; margin-bottom: 1px;}
.licheng .tab nav li a span{ color: #b1aead; font-size: 18px;}
.licheng .tab nav li a span b{ display: block; width: 1px; height: 3px; background: #fff; text-align: center; margin: 0 auto;}
.licheng .content-wrap{ background: #fff; height: auto; overflow: hidden; padding: 0;}
.licheng .tab nav ul li{ cursor: pointer;}
.licheng .tab nav ul li.on a span{ color: #3dabff; }
.licheng .tab nav ul li.on a span b{ background: #3dabff;}


.tab {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
}

.tab nav {
    text-align: center;
}

.tab nav ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.tab nav ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tab nav a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
}

.tab nav a span {
    vertical-align: middle;
    font-size: 0.75em;
}

.tab nav li.tab-current a {
    color: #74777b;
}

.tab nav a:focus {
    outline: none;
}


.index_a{ width: 100%; height: auto; overflow: hidden; background: #f6f6f6; padding: 45px 0;}
.index_a .container{  height: auto;}
.index_a .container .index_a_nei{ float: left;}
.index_a .container .index_a_nei ul.xxzx{ width: 440px; display: block; margin: 10px auto;}
.index_a .container .index_a_nei ul.xxzx li{ height: 37px; border-bottom: 1px dashed #afafaf; font-size: 13px; line-height: 37px;}
.index_a .container .index_a_nei ul.xxzx li a span{ width: 78%; float: left; display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index_a .container .index_a_nei ul.xxzx li a b{ font-weight: 100;}
.index_a .container a.more{ display: block; width: 111px; height: 31px; border-radius: 20px; float: left; margin: 12px 0 0 29px; background: #0044b6; line-height: 31px; font-size: 13px; color: #fff; text-align: center;}
.index_a .container .index_a_nei ul.xz{ position: absolute; margin-top: -85px; font-size: 13px; line-height: 34px; color: #fff; margin-left: 30px;}
.index_a .container .index_a_nei ul.xz a{ color: #c5c5c5;}
.index_a .container .index_a_nei ul.xz a:hover{ color: #fff;}

.index_a_mb{ display: none;}


/* footer */
.footer{ width: 100%; height: auto; overflow: hidden; background: #2f2f2f; padding: 45px 0 0 0;}
.footer .container{ height: auto;}
.footer .left{ margin-left: 26px; float:left; width: 615px; height: auto;}
.footer .left ul{ height: auto; overflow: hidden; margin: 0;}
.footer .left ul li{ padding: 0 7px; float: left; float: 12px; color: #bebebe; line-height: 35px;}
.footer .left ul li a{ color: #bebebe;}
.footer .left .contact{ margin: 8px 0 15px 0; height: auto; overflow: hidden;}
.footer .left .contact h1{ margin: 0 auto; font-size: 16px; color: #fff; margin-left: 7px;}
.footer .left .contact h1 span{ font-size: 13px; color: #8d8d8d; line-height: 40px;}
.footer .left .contact ul li{ width: 50%;}
.footer .left .contact ul li img{ padding-right: 10px;}

.footer .right{ margin-right:44px; float:right; width:487px; height: auto;}
.footer .right h1{ margin: 0 auto; font-size: 16px; color: #fff; margin-left: 7px;}
.footer .right h1 span{ font-size: 13px; color: #8d8d8d; line-height: 40px;}
.footer .right ul li{ width: 100%;}
.footer .right ul li input{ width: 147px; height: 33px; border: 1px solid #c5c5c5; background: #2f2f2f; text-indent: 1em; margin:6px; color: #fff;}
.footer .right ul li textarea{ width: 466px; margin-left: 6px; height: 76px; border: 1px solid #c5c5c5; background: #2f2f2f; padding: 1em; color: #fff;}

.footer_end{ background:#212121; width: 100%; font-size: .8em; color: #fff; text-align: center; line-height: 26px; padding:1% 0;}





/* about */

.n_about{ width:100%; margin:50px 0;}
.n_about .container{ height:auto;}
.n_about .container .n_abouer_names{ width:100%; height:auto; overflow:hidden; text-align: center; border-bottom:1px solid #e5e5e5;}
.n_about .container .n_abouer_names h1{ font-size:26px; color:#1b1b1b; margin:0px;	}
.n_about .container .n_abouer_names span{ font-size:12px; color:#858585; line-height:45px;}
.n_about .container .n_abouer_names b{ width:195px; display:block; background:#4685f1; height:2px; margin:-1px auto;}

.n_about .container .n_about_nei{ width:90%; height:auto; line-height:35px; color:#171717; text-align: center; margin:20px auto;}
.n_about .container ul{ margin:0;overflow:hidden;text-align:center;}
.n_about .container ul li{  margin:0 .5%; padding:0; display:inline;}
.n_about .container ul li img{ width:25%; height:auto;}


.n_qywh{ width:100%; background:url(../images/about/bg.png) no-repeat; height:auto; overflow:hidden; padding:50px 0;}
.n_qywh .container{ height:auto;}
.n_qywh .n_abouer_names h1{ font-size:26px;color:#fff; margin:0px;}
.n_qywh .n_abouer_names span{ font-size:12px; color:#fff; line-height:45px;}
.n_qywh .n_abouer_names{ text-align:center; border-bottom:1px solid #e5e5e5;}
.n_qywh .n_abouer_names b{ width:195px; display:block; background:#4685f1; height:2px; margin:-1px auto;}
.n_qywh .n_about_nei{width:80%; height:auto; line-height:35px; color:#fff; text-align: center; margin:20px auto;}
.n_qywh .n{ color:#013bb2; font-size:25px; text-align: center; display:block; margin:0 auto;}


.n_about ul.youdian{ width:100%; height:auto; overflow:hidden; margin:3% 0;}
.n_about ul.youdian li{margin:0 auto;}
.n_about ul.youdian li .you_nei{border-top:2px solid #000; width:95%; margin:0 auto; background:#fff; height:auto; overflow:hidden;}
.n_about ul.youdian li .you_nei img{ margin:12% 0 8% 0; width:40%;}
.n_about ul.youdian li .you_nei h3{ font-size:17px; color:#171717; width: 95%; margin:17px auto;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.n_about ul.youdian li .you_nei .youdian_nei{ width:80%; font-size:12px; line-height:24px; margin:auto auto 8% auto; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.n_about ul.youdian li .you_nei .youdian_nei p{margin: 0 auto;}



.n_abouts{background:#f6f6f6; margin:0px; padding:50px 0;}
.n_about_nn h1{ font-size:22px; color:#306bd0;}
.n_about_nn .n_about_neirong{ font-size:12px; color:#171717; line-height:38px; margin:3% 0;}
.n_about_nn a.more{ font-size:12px; color:#171717; display:block; border:1px solid #171717; width:30%; text-align:center; padding:8px 0;}

.erji_lanmu{ padding:21px 0; width:100%; height:auto; overflow:hidden; background:#f6f6f6; margin:0 auto;}
.erji_lanmu .container{ height:auto;}
.erji_lanmu .jiejue{ padding:0px;}
.erji_lanmu .jiejue dd{  }
.erji_lanmu .jiejue dd a{ height:38px; text-align:center; line-height:38px; display:block; font-size:14px; width:100%;padding: 0 10px;}
.erji_lanmu .jiejue dd a:hover,.erji_lanmu .jiejue dd a.hover,.erji_lanmu .jiejue dd a.hhover{ background:#048afd; color:#fff;}

 dd.ddlamus b{background:url(../images/xia1.png) center center no-repeat; background-size: cover; width:10px; height:10px; display:inline-block; margin-left:5px;}
dd.ddlamus.hhover b{background:url(../images/xia.png) center center no-repeat; background-size: cover; width:10px; height:10px; display:inline-block; margin-left:5px;}



.erji_lanmu .weizhi{ padding:0px; line-height:38px; text-align:right;}

.nei_erji_name{ text-align:center; height:auto; overflow:auto; margin:0 auto; width:100%;}
.nei_erji_name h2{ font-size:32px; color:#000; line-height:40px; margin:60px 0 20px 0;}
.nei_erji_name .xia{ width:10%; margin:0 auto; background:#fff; position:relative; z-index:100;}
.nei_erji_name .nei_erji_xian{ background:#f0f3f4; width:100%; height:1px; position:relative; margin:-15px 0 35px 0;}

.nei_erji_jianjie{ text-align:center; height:auto; overflow:auto; margin:0 auto; width:100%; background:#f6f6f6; padding:45px 0;}
.nei_erji_jianjie_nei{ color:#666; line-height:30px; text-align:center; font-size:13px; margin-top:20px;}

.nei_erji_wenti{height:auto; overflow:hidden; margin:30px auto; width:100%;}
.nei_erji_wenti .wenti,.nei_erji_wenti .xushu{ padding:0;}
.nei_erji_wenti .wenti img{ width:100%; height:auto;}
.nei_erji_wenti .xushu{ margin-top:29px;}
.nei_erji_wenti .xushu h4{ font-size:30px; color:#000; font-weight:bold; padding-bottom:10px;}
.nei_erji_wenti .xushu .xushu_nei{ font-size:16px; line-height:28px; color:#666; height:auto;}
.erji_lanmu .jiejue dd {display: -webkit-inline-box;}



/* 产品 */

.pp .container ul li{ margin:2% 0 0 0;}
.pp .container ul li .pros_n{ width:96%; margin:0 auto; cursor:pointer; padding-bottom:2%;}
.pp .container ul li .hover{-webkit-box-shadow: #e5e5e5 0px 0px 10px;-moz-box-shadow: #e5e5e5 0px 0px 10px;box-shadow: #e5e5e5 0px 0px 10px;}
.pp .container ul li .pros_n img{ width:92%; height:auto; margin:4% auto;}
.pp .container ul li .pros_n h1{ font-size:15px; color:#000; width:92%; display:block; margin:0 auto; line-height:30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.pp .container ul li .pros_n .pros_jj{ font-size:12px; width:92%; text-align:center; display:block; margin:0 auto; line-height:30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;  }

.n_about .container ul.producttype li{ margin: 0; }
.n_about .container ul li.producttype1{ display: block;text-align: left; }
.producttype1 a{ font-size:15px; color:#666; font-weight:bold; margin:0 auto; line-height:40px;}
.n_about .container ul li.producttype1.on a{ color: #328df3 }
.n_about .container ul li.producttype2{ display: none;text-align: left; }
.producttype2 a{width: 100%;
    height: auto;
    font-size: 12px;
    color: #3f3f3f;
    line-height: 35px;
    background: none;
    padding: 0px;
    text-align: left;
    text-indent: 1.5em;
    background: #f1f1f1;
    display: block;
    margin-bottom: 2px;
    background-color: #f9f9f9;}


.pp .container .left{ /*border:1px solid #e5e5e5; */margin:3% 0; padding:1%;}
.pp .container .left h1{ font-size:15px; color:#3278ef; font-weight:bold; margin:0 auto; line-height:40px;/* border-bottom:1px solid #ababab;*/}

.pp .container .left .ccc2 {
    color: #3f3f3f;
    margin-top: 4px;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 40px;
	background:none;
	padding:0px;
	text-align:left;
    color: #171717;
    background-color: #f1f1f1;
    text-indent: 1em;
}
.pp .container .left .lvv {
    color: #3278ef;
}

.pp .container .left .producttype3{ display: none; }

.pp .container .left .producttype3 a {
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #3f3f3f;
    line-height: 35px;
	background:none;
	padding:0px;
	text-align:left;
	text-indent:2.5em;
	display: block;
}
.pp .container .right{margin: 3% 0;}
.pp .container .right ul.pro_cc li{ margin:0 0 2% 0;}
.pp .container .right ul.pro_cc li a{ display:block; width:96%; height:auto; overflow:hidden; margin:0 auto;}
.pp .container .right ul.pro_cc li a img{ width:100%;}
.pp .container .right ul.pro_cc li a span{ font-size:13px; line-height:35px;}




/* 留言 */

.liuyan{ margin: 2% 0;}
.liuyan table{ width: 100%;}
.liuyan input{ width: 100%; line-height: 30px; text-indent: 1em; margin: .5% 0;}
.liuyan textarea{width: 100%; line-height:24px; padding: 1em; margin: .5% 0;}
.liuyan input[type="submit"]{ width: 100%; border: 0px; background:#048afd; color: #fff; text-align: center; line-height: 30px;}

.nei{ font-size: 12px; line-height: 26px; color: #171717;}
.nei img{ width: 100%;}
.liuyan1 { padding-top: 2%; padding-bottom: 2%; }
.liuyan1 table{ width: 100%;}
.liuyan1 input{ width: 100%; line-height: 30px; text-indent: 1em; margin: .5% 0;}
.liuyan1 textarea{width: 100%; line-height:24px; padding: 1em; margin: .5% 0;}
.liuyan1 input[type="submit"]{ width: 100%; border: 0px; background:#048afd; color: #fff; text-align: center; line-height: 30px; padding: .5rem 0;}



    /*分页*/
div.pager
{
    text-align:center;
	margin:0 auto;
}
div.pager span
{
	margin-left:8px;
	margin-right:8px;
}
div.pager a
{
	margin-left:8px;
	margin-right:8px;
	text-decoration:none;
}


/*新闻*/
.n_about .container ul.news{ width:100%; height:auto; overflow:hidden; margin:2% auto;}
.news li{ width:100%; height:120px; float:left; padding:8px 0px 27px 0px; cursor:pointer;}
.news li .time{ display:block; float:left; color:#fff; text-align:center; width:8%; margin-right:2%;}
.news li .time h3{ display:block;width:100%; height:60px; margin:0px; background:#2865b9;font-size:14px;line-height:60px; }
.news li .time h4{ width:100%; height:41px; display:block; font-size:24px; margin:0px; color:#949292; background:#fff; font-weight:bold; line-height:40px;}
.news li a{ display:block; width:70%; float:left; color:#949292;}
.news li a:hover{ color:#0b4fb6;}
.news li a h5{font-size:16px; font-weight:bold; float:left; width:99%; margin-bottom:20px;}
.news li a h5 b {
    width: 90%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    float: left;
    color: #171717;
	text-align:left;
}
.news li a .more{ background:url(../images/more.png) center no-repeat #949292; display:block; width:20px; height:20px; float:right;}
.news li a .new_nei{ width:100%; height:48px; font-size:12px; line-height:22px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; text-align:left;}
.news li span.blue{ background:#2865b9; color:#fff;}
.news li a span.mores{ background:url(../images/more.png) center no-repeat #2865b9;}
.news li .img{ width:20%; float:left;}
.news li .img img{    float: right;width: 80% !important;}

.news_list .times img{ text-align: left; width: 16% !important; float: left;}



.newstitle{text-align:center; font-size:14px; font-weight:bold; color:#333333;}
.newssubtitle{ text-align:center}
.newssubtitle span{margin-left:20px;}

#ClCache{ height:0px; position:absolute;}


.lan_tou{ font-size:16px; display:block; width:100%; margin:0 auto; background:#2865b9; color:#fff; padding:7% 5%; text-align:center;}
.lan_tou span{ font-size:13px;}

.lan_nei li a{ display:block; width:100%; font-size:14px; color:#333; background:#f7f7f7; text-align:center; padding:7% 5%; border-bottom:1px solid #fff;}
.lan_nei li a:hover,.lan_nei li a.hhover{ background:#e9eaeb; color:#2865b9;}

@media (max-width: 526px){
.news li .time h4{ font-size:13px;}
.news li .time{line-height: 24px;padding-top: 2px;}
.tou p{ font-size:15px;}
.tou p span{ font-size:13px;}
}






@media (max-width:1200px){
    .logo{ width: 200px;}
    #top-bar.animated-header{ height: 100px;}
    .container{ height: 100px;}
    .navbar-brand,.navbar-header{ height: 97px;}
    .nav{ width: 685px; padding-top: 26px;}
    .nav ul li{ padding: 0 25px;}
    .top_right{ margin-top: 9px;}
    .group{ display: none;}
    .duo__cell{ width: 100%;}
    .content-wrap{ width: auto;}
    .about{ padding:0;}
    .about .ab .about_nei{ margin: 8px 0;}
    .tabs{ display:none;}
    .licheng .tab{ display: block;}
    .licheng{ padding: 60px 0;}
    .about{ padding: 2% 0;}
    .index_a{ display: none;}
    .index_a_mb{ display: block; margin: 3% 0;}
    .index_a_mb .container{ height: auto; overflow: hidden;}
    .index_a_mb .container ul li{ float: left; width: 33.33333%;}
    .index_a_mb .container ul li a{ display: block; width: auto;}
    .index_a_mb .container ul li img{ width: 100%; height:auto;}

    .footer{ display: none;}
}
@media (max-width:1115px){
    .nav{ display: none;}
    .top_right{ display: none;}
    .mobile_nav{ display: block;}
    .about .ab .ab1 h1{ font-size: 4.5em;}
    .about .ab .ab1 p{ font-size: 2em;}
    .about_names img{ display: none;}
    .about .ab .about_names h1{ font-size: 25px; margin: 0px; display: block;}
    .about .ab .about_nei{ font-size: 12px; line-height: 27px;}
    .licheng .licheng_jianjie .licheng_names{ display: none;}
    .licheng .licheng_jianjie h1{ font-size: 25px; margin: 0px; display: block;}
    .licheng{ padding: 10% 0;}
}
@media (max-width:992px){
    .container{ width: 99%;}
    .col-sm-12{ width: 50%;}
}
@media (max-width:960px){
    .about .ab .about_nei{-webkit-line-clamp: 6; height: 200px;}

}
@media (max-width:945px){
    .about .ab .ab_jz p{ line-height: 30px;}
}
@media (max-width:900px){
    .about .ab .about_nei {-webkit-line-clamp:6;height: 155px; overflow: hidden;}
    .about{ background: none;}
    .about .ab .ab_jz p{ line-height: 25px;}
    .about .ab .ab1 p{ font-size: 1.8em;}
    .about .ab .ab1 h1{ margin-bottom: -13px;}
    .about .ab .ab_jz h1{ font-size: 1.8em;}
}
@media (max-width:768px){
	.news li .time{ padding:0px; width:15%;}
	.news li a{ width:83%;}
	.news li .img{ display:none;}
	
    .col-sm-12{ width: 100%;}
    .navbar-header{ width: 219px; float: left;}
    .navbar-brand a img{ width: 94%;}
    .navbar-brand, .navbar-header,.container,#top-bar.animated-header{ height: 78px;}
    .mobile_nav{margin: 43px -69px 0 0;}
    .navbar-brand a img{ margin-top: 2px;}
    .swiper-container{ display: none;}
    .slider{ display: block !important;}
    .about{ padding:20px 0;}
    .about_names img{ display: none;}
    .about .ab .about_names h1{ display: block; margin: 0px; font-size: 19px;}
    .licheng .licheng_jianjie h1{ font-size: 19px; margin: 0px; display: block;}
    .about .ab .about_names p{ font-size: 12px;  line-height: 35px;}
    .about_names{ text-align: center;}
    .about .ab .about_names span{ margin: 0 auto;}
    .about .ab .about_nei{ font-size:12px; line-height: 26px; margin: 10px auto;}
    .about .ab .ab1 h1 { margin-bottom: 16px;}
    .about .ab .ab1 p{ font-size: 2.5em;}
    .about .ab .ab_jz h1{ font-size:2.2em;margin-top: 29%;}
    .licheng .licheng_jianjie .licheng_nn{ width: 94%;}
    .licheng .tab nav li a span{ font-size: .9em;}
    .tab nav ul{display: block;background: #fff;overflow: hidden;}
    .licheng .tab nav ul li{ background: #fff;  padding: 0 10px; float: left; width: 25%;}
    .licheng .tab nav ul li.on{ background:#3dabff; color: #fff;}
    .licheng .tab nav ul li.on a span{ color: #fff;}
    .tab{ width: 95%;}
    .index_a_mb .container ul li{ float: left; width: 50%;}
	.n_about .container .n_abouer_names h1,.n_qywh .n_abouer_names h1{ font-size:1.5em;}
	.n_about{ margin:5% 0;}
	.n_qywh{ padding:5% 0;}
	.n_about .container .n_abouer_names span,.n_qywh .n_abouer_names span{ line-height:35px;}
	.n_about .container ul li img{ width:30%;}
	.n_about .container .n_about_nei,.n_qywh .n_about_nei{ line-height:28px;}
	.n_qywh .n{ font-size:1.3em;}
	.n_abouts{ padding:5% 0; margin:0px;}
	.n_about ul.youdian li{ margin:2% 0;}
	.n_about ul.youdian li .you_nei h3{ font-size:14px; margin:4%;}
	.n_about ul.youdian li .youdian_nei{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
	.n_about_nn h1{ font-size:16px; text-align:center;}
	.n_about_nn .n_about_neirong{ line-height:28px;}
	.n_about_nn a.more{ margin:0 auto;}
	.erji_lanmu .jiejue {width: 80%;margin: 0 auto;}
	.erji_lanmu .jiejue dd{ width:100%;}
	.erji_lanmu .weizhi{ text-align:center;}
    .n_about ul.youdian li .you_nei .youdian_nei{    -webkit-line-clamp: 3;}
    .typelast{ display: none !important; }
    .producttype2,.producttype3{ display: none !important; }
    .pros_jj{ display: none !important; }
    .producttype1 a{font-weight:normal;}
}
@media (max-width:667px){
    .about .ab .ab1 h1 {margin-bottom: 10px; }
    .about .ab .ab1 p {font-size: 1.9em;}
    .licheng .licheng_jianjie .licheng_nn_mb{ display: block; width: 93%;}
    .licheng .licheng_jianjie .licheng_nn{ display: none;}
    .about .ab .about_nei{ display: none;}
    .about .ab .about_nei_mb{ display: block; text-align: center; font-size: 12px;}
    .licheng .tab nav{ margin-bottom: 0px; border-bottom: 1px solid #ccc;}
}
@media (max-width:660px){
    .about .ab .ab_jz h1 { margin-top: 23%;}
}
@media (max-width:568px) {
    .about .ab .ab1 h1 {margin-bottom: -10px; }
    .about .ab .ab_jz h1 { margin-top: 16%;}
}
@media (max-width:540px) {
    .about .ab .ab1 h1 {margin-bottom: -10px; }
    .about .ab .ab_jz h1 { margin-top: 16%;}
}
@media (max-width:480px) {
    .erji_lanmu .jiejue {
		width: 80%;
		margin: 0 auto;
	}

}
@media (max-width:384px) {
    .about .ab .ab_jz p{ line-height: 24px;}
}
@media (max-width:414px) {
    .navbar-brand a img {width:98%;}
    .about .ab .ab_jz h1{ font-size: 1.5em;}
    .about .ab .ab1 p{ font-size: 1.8em;}
}
@media (max-width:375px){
    .about .ab .ab1 h1 {margin-bottom:-19px; }
    .about .ab .ab1 p {font-size: 1.6em;}
    .navbar-brand a img {width: 98%;}
    .about .ab .ab_jz h1{ font-size: 1.5em;}
    .about .ab .ab_jz p {line-height: 28px;}
}
@media (max-width:320px){
    .about .ab .ab1 h1{ font-size: 3em;margin-bottom: -6px;}
    .about .ab .ab1 p{ font-size: 1.3em;}
    .about .ab .ab_jz h1{ font-size: 1.5em;    margin-top: 20%;}
}



.theme-buy{margin-top:10%;text-align: center;}
.theme-gobuy,.theme-signin{font-size: 15px;}
.theme-price{position: relative;bottom: -6px;font-family: microsoft yahei,Arial, Helvetica, sans-serif;margin-right: 20px;font-weight: bold;color: #f60;line-height: 32px;font-size: 24px;display: inline-block;}
.theme-price dfn{font-style: normal;font-size: 18px;margin-right: 2px;}
.theme-desc{padding: 30px;}
.theme-version{padding: 30px;}
.theme-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none}
.theme-popover{z-index:9999;position:fixed;top:50%;left:50%;width:320px;height:225px;margin:-125px 0 0 -160px;border-radius:5px;border:solid 2px #666;background-color:#fff;display:none;box-shadow: 0 0 10px #666;}
.theme-popover1{z-index:9999;position:fixed;top:50%;left:55%;width:320px;height:225px;margin:-125px 0 0 -160px;border-radius:5px;border:solid 2px #666;background-color:#fff;display:none;box-shadow: 0 0 10px #666;}
.theme-poptit{border-bottom:1px solid #ddd;padding:5px 12px;position: relative;}
.theme-popbod{padding: 9px 15px 0 15px;color:#444;height: 148px;}
.theme-popover h3{ font-size:16px; color:#000;}
.theme-popover1 h3{ font-size:16px;}
.theme-popbod ul li{height:40px; width:100%; float:left; margin-left:20x;}
.theme-popbom{padding:15px;background-color:#f6f6f6;border-top:1px solid #ddd;border-radius:0 0 5px 5px;color:#666}
.theme-popbom a{margin-left:8px}
.theme-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
.theme-poptit .close:hover{color:#444;}


.xj{   
	display: block;
    width: 114px;
    background: #048afd;
    height: 29px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    margin: 20px auto;
}
.xj:hover,.xj:active,.xj:link,.xj:visited { color:#fff; background:#077ce0;}

.theme-popovers{z-index:9999;position:fixed;top:50%;left:50%;width:320px;height:110px;margin:-125px 0 0 -160px;border-radius:5px;background-color:#fff;display:none;box-shadow: 0 0 10px #ccc;}
.theme-popovers ul{ width:80%; margin:20px auto auto auto;}
.theme-popovers ul li a{ display:block; width:45%; float:left; text-align:center; margin:2.5%; border:1px solid #e5e5e5; padding:10px 0; border-radius:10px;}
.theme-popovers ul li a:hover{ border:1px solid #717171;}



.erji_nav .container{-webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;}

    .typelast{ position: absolute;
    background: rgba(193, 192, 192, 0.68);
    top: 19%;
    right: 10%;
    width: 60%;
    text-align: left;
    height: 60%;
    overflow-y: auto;    padding: 10px; line-height: 24px;}
    .typelast p{ margin: 0; padding: 0; }