/*初始化样式*/
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #fff;
    color: #666;
    position: relative;
    font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;
    vertical-align: baseline;
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    outline: none;
}

a:link {
    color: #666;
}

a:visited {
    color: #666;
}

a:hover,
a:active,
a:focus {
    color: #009b4c;
    text-decoration: none;
    outline: none;
}

input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul,
ol,
li {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    vertical-align: middle
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    font-weight: bold;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

dt {
    font-weight: normal;
}

/*----- Common css ------*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}


/*滚动*/
#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800% !important;
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 92%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800% !important;
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}


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

.pos {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.com-img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}



.roll_product {
    float: left;
}

.plist {
    margin-top: 56px;
}

.plist li {
    margin-right: 15px;
    margin-bottom: 15px;
}

.plist li:nth-child(3n) {
    margin-right: 0;
}

.plist li a.img {
    border: 1px solid #e5e5e5;
    display: block;
}

.plist li a.img img {
    width: 388px;
    height: 388px;
}

.plist li h3 a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

/*头部样式*/
.top1 {
    height: 40px;
    background: #e5e5e5;
    color: #a9a7a7;
    line-height: 40px;
    overflow: hidden;
    font-size: 12px;
}

.wel {
    letter-spacing: 1px;
}

.top2 {
    height: 116px;
    overflow: hidden;
}

#header {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    float: left;
    line-height: 116px;
}

.logowz {
    color: #191919;
    font-size: 14px;
    margin-top: 27px;
    margin-left: 10px;
    padding: 5px 0;
    padding-left: 11px;
    background: url(f0c8e0d6e7b1b00b4f9fbd2d5b9e40c49f10a589.png) no-repeat left center;
}

.top2 .k2 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 32px;
    color: #4a4949;
    padding-left: 64px;
    background: url(31ddcb3a6df65ef1e7a38cf060f3446388527821.png) no-repeat left center;
}

.topLink {
    float: right;
    text-align: right;
    position: relative;
    z-index: 9999;
}

.translate {
    width: 100px;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 9999;
}

.tran-in {
    left: 120px;
}

.translate li {
    border: 1px dashed #cccccc;
    line-height: 26px;
    text-align: left;
    background: #fff;
}

.translate li a {
    display: block;
    padding-left: 10px;
    background: url(dot4.png) no-repeat 88% 11px;
}

.translate li a:hover {
    text-decoration: none;
    color: #275cea;
    cursor: pointer;
}

.translate-en {
    display: none;
    padding: 6px;
    padding-top: 0px;
}

.translate li .translate-en a {
    padding-left: 0px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #cccccc;
}

.translate li .translate-en a:hover {
    font-weight: bold;
}

.topLink .f_count {
    color: #ff0000;
    font-size: 13px;
    font-weight: bold;
}

.topLink a {
    color: #a9a7a7;
}

.topLink .k2 {
    color: #074b91;
    font-size: 14px;
    font-family: "微软雅黑";
}

#menu {
    background: url(346299f78fc3bbe4f089fd7780820b6972710455.png) no-repeat top center;
    height: 90px;
    position: absolute;
    top: 156px;
    z-index: 999;
}

/*热门搜索*/
.sou {
    height: 55px;
    background: #ffffff;
}

#formsearch {
    float: right;
    width: 304px;
    height: 29px;
    background: url(514e3b1a535083882c2d3734f000d2d12d6c5365.png) no-repeat top center;
    margin-top: 15px;
}

.hotSearch {
    float: left;
    height: 55px;
    line-height: 55px;
    font-weight: normal;
    color: #403f3f;
    font-size: 14px;
}

#search-type {
    float: left;
    width: 100px;
    height: 24px;
    border: 1px solid #c8c8c8;
    margin-right: 5px;
}


/*搜索和热门搜索*/
.hotSearch a {
    margin-right: 6px;
    color: #403f3f;
}

#formsearch input {
    height: 29px;
    background: transparent;
    border: none;
    line-height: 29px;
    outline: none;
}

#formsearch input#keyword {
    height: 29px;
    line-height: 29px;
    padding-left: 7px;
    color: #686868;
    font-size: 13px;
    width: 265px;
}

#formsearch input#s_btn {
    width: 35px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    background-color: transparent;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 12px;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #686868;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #686868;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #686868;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #686868;
}











/*首页banner*/
.banner {
    position: relative;
}

.banner {
    width: 100%;
    height: 100%;
}

.banner ul.bb {
    position: relative;
    padding: 0px;
    margin: 0px;
    z-index: 5;
    width: 100%;
    height: 100%;
}

.banner ul.bb li {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
}

.banner ul.bb li a {
    width: 100%;
    display: block;
    height: 100%;
}

.banner ul.bb li a img {
    width: 100%;
    height: 100%;
}

.banner .num {
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 100;
    text-align: center;
    width: 100%;
}

.banner .num li {
    display: inline-block;
    margin: 0 5px;
    width: 61px;
    height: 6px;
    text-indent: -100px;
    overflow: hidden;
    background: #009b4c;
}

.banner .num li.num_hover {
    background-color: #e15616;
}

.banner .num li.num_hover a {
    color: #fff;
}

.banner .num li a {
    float: left;
    display: inline;
    text-align: center;
    color: #666;
    text-decoration: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
    line-height: 16px;
}




/*导航栏样式*/
.nav {
    display: flex;
    align-content: space-between;
    flex-wrap: nowrap;
    display: -webkit-flex;
}

.nav li {
    text-align: center;
    position: relative;
    z-index: 999;
    width: 172px;
    background: url(9a0aa4573be9eac96f299b9c2c1c0dd17fdd7354.png) no-repeat right center;
}

.nav li:last-child {
    background: none;
}

.nav li a {
    display: block;
    line-height: 89px;
    overflow: hidden;
    color: #fff;
    height: 89px;
    padding: 0;
    font-size: 18px;
    padding: 0;
}

.nav li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.nav li a.active {
    color: #fff;
}

.nav .sec {
    height: 0;
    background: #009b4c;
    color: #fff;
    overflow: hidden;
    z-index: 9999;
    position: absolute;
    top: 89px;
    left: 0px;
    width: 100%;
}

.nav .sec a {
    background: #086aac;
    color: #fff;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
}

.nav .sec a:hover {
    background: #fff;
    color: #fff;
    text-decoration: none;
}



.nav li>a span {
    position: absolute;
    left: 0;
    width: 100%;
}

.nav li a span.out {
    top: 0;
    color: #fff;
}

.nav li a span.over,
.nav li a span.bg {
    top: 89px;
}

.nav li a span.over {
    /* color: #ff0000; */
}






.box1 {
    height: 1036px;
    background-color: #f5fcf8;
    padding-top: 16px;
}

.bt1 {
    text-align: center;
}

.bt1 dd {
    color: #086aac;
    font-size: 36px;
    font-weight: bold;
    background: url(4bf9c58f3a04e128b88579680eaefb31f4a8ea44.png) no-repeat center;
}

.bt1 dt {
    color: #000000;
    font-size: 16px;
    text-transform: uppercase;
}

.pbox {
    margin-top: 25px;
}

.pleft {
    width: 242px;
    height: 841px;
    background: url(4f4a7009a192490e1ffaf2fb98a802fd21f4e30d.png) no-repeat top center;
}

.pbt {
    color: #086aac;
    font-size: 24px;
    text-align: center;
    padding-top: 5px;
    padding-left: 10px;
}

.pbt b {
    font-size: 24px;
    color: #fff;
    display: block;
    margin-top: 8px;
}

.psort {
    width: 220px;
    height: 589px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 40px;
}

.psort .aa1 {
    padding-bottom: 8px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #dcdcdc;
}

.psort .aa1 a {
    display: block;
    width: 220px;
    height: 46px;
    line-height: 46px;
    background-color: #e6e6e6;
    color: #333333;
    font-size: 17px;
    padding-left: 19px;
}

.er {
    display: none;
    margin-bottom: 8px;
    height: 414px;
    overflow: hidden;
}

.psort .li1:first-child .er {
    display: block;
}

.er li a {
    display: block;
    color: #000000;
    font-size: 16px;
    padding-left: 51px;
    line-height: 45px;
    border-bottom: 1px dashed #dcdcdc;
}

.er li:hover a {
    color: #086aac;
}

.ptel strong {
    box-shadow: -1px 9px 12px rgba(90, 90, 90, 0.11);
}

.ptel {
    padding: 14px 0 0 34px;
    color: #ffffff;
    font-size: 14px;
}

.ptel a {
    display: block;
    width: 121px;
    height: 31px;
    background-color: #0091d2;
    border-radius: 5px;
    margin-left: 20px;
    margin-top: 10px;
    line-height: 31px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}

.psort .li1 .aa1 a:hover {
    background: #086aac;
    color: #fff;
}




.box2 {
    height: 541px;
    background: url(b85c6cc808afad5401c2ecb9d02e1597beaec89c.jpg) no-repeat top center;
    padding-top: 40px;
}

.bt2 {
    text-align: center;
}

.bt2 h3 {
    color: #000000;
    font-size: 40px;
    text-transform: uppercase;
}

.jbox {
    position: relative;
    height: 400px;
    overflow: hidden;
    margin-top: 32px;
}

.jimg {
    position: absolute;
    left: 413px;
    top: 0;
}

.jul {
    margin-top: 18px;
    position: relative;
    z-index: 999;
}

.jul li {
    height: 144px;
    width: 446px;
    background: url(d6ce09861ad3f3b0f067ad963a7f397f876e9473.png) no-repeat left center;
    margin-bottom: 48px;
    padding-left: 10px;
}

.jul li:nth-child(2n) {
    background: url(d6ce09861ad3f3b0f067ad963a7f397f876e9473.png) no-repeat right center;
}

.jul li .img {
    margin: 13px 0 0 14px;
}

.jul li .img img {
    width: 120px;
    height: 120px;
}

.jul li:nth-child(2n) {
    float: right;
    padding-left: 0;
}

.jul li:nth-child(2n) .img {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

.jul li h3 {
    font-weight: bold;
    color: #086aac;
    font-size: 24px;
    padding-top: 22px;
}

.jul li p {
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    width: 300px;
    margin-top: 20px;
}






.box_04 {
    padding: 20px 0;
}

.bt3 {
    text-align: center;
}

.bt3 h3 {
    color: #086aac;
    font-size: 36px;
    background: url(sylyh.png) no-repeat center;
}

.bt3 p {
    color: #000000;
    font-size: 16px;
    margin-top: 6px;
}

.box_04 .bt3 p {
    font-size: 18px;
    text-transform: uppercase;
}

.look_center {
    width: 1200px;
    height: auto;
    margin: 11px auto 0 auto;
    background: url(78d8c8368a3c318b854f7c55979fc35d3f5439b5.png) no-repeat 625px 12px;
}

.look_center .bd {
    width: 1200px;
    height: 400px;
    background: url(4e5560e23b091e3fa0ed829518929c4107910a7a.jpg) no-repeat top left;
}

.look_center .bd .main2 {
    height: 396px;
    overflow: hidden;
    margin: 0 auto;
}

.look_center .bd .main2 .left {
    float: left;
    padding: 14px 0 0 15px;
}

.look_center .bd .main2 .left img {
    width: 589px;
    height: 377px;
    float: right;
    vertical-align: top;
}

.look_center .bd .main2 .right {
    width: 510px;
    height: 340px;
    float: right;
}

.look_center .bd .main2 .right h4 {
    font-size: 30px;
    color: #000000;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 23px;
    margin-top: 42px;
}

.look_center .bd .main2 .right h4 span {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #636161;
    margin-top: 12px;
    padding-bottom: 42px;
    position: relative;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
}

.look_center .bd .main2 .right h4 span::after {
    content: '';
    width: 26px;
    height: 3px;
    background: #ff2000;
    position: absolute;
    bottom: 0;
    left: 0;
}

.look_center .bd .main2 .right p {
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

.look_center .bd .main2 .right p span {
    font-weight: bold;
    color: #f14925;
}

.look_center .hd {
    width: 1200px;
    height: 160px;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}

.look_center .hd ul {
    width: 1200px;
    height: 160px;
    position: relative;
}

.look_center .hd ul li {
    width: 300px;
    height: 80px;
    cursor: pointer;
    text-align: center;
    background: url(b4e6054feb182dbab1e998d42e56d6e8431799bb.png) right center no-repeat #919291;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.look_center .hd ul li:nth-of-type(1) {
    position: absolute;
    bottom: 0;
    left: 0;
}

.look_center .hd ul li:nth-of-type(2) {
    position: absolute;
    bottom: 0;
    left: 300px;
}

.look_center .hd ul li:nth-of-type(3) {
    position: absolute;
    bottom: 0;
    left: 600px;
}

.look_center .hd ul li:nth-of-type(4) {
    position: absolute;
    bottom: 0;
    right: 0;
}

.look_center .hd ul li i {
    display: none;
    margin: 16px auto;
    -webkit-transform: rotateY(0);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.look_center .hd ul li:hover i {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
}

.xian {
    margin: 13px 0 8px 0;
}

.ytel {
    color: #ff2000;
    font-size: 16px;
}

.ytel span {
    font-size: 24px;
}

.ybox a {
    display: block;
    width: 145px;
    height: 35px;
    margin-left: 6px;
    background-color: #626262;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
}

.box3 {
    z-index: 9;
}

.look_center .hd ul li p:nth-of-type(1) {
    display: none;
    height: 1px;
    background: url(d792bf063419c53ab585f065cc526fcc247aa706.png) no-repeat center;
    margin: 0 auto;
    text-align: center;
}

.look_center .hd ul li p:nth-of-type(2) {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    margin: 21px 0 10px 0;
}

.look_center .hd ul li span {
    display: block;
    font-size: 12px;
    color: #e6e6e6;
    line-height: 14px;
    text-transform: uppercase;
}

.look_center .hd ul li.on {
    height: 160px;
    background: #086aac;
    border-radius: 20px 20px 0 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.look_center .hd ul li.on i {
    display: block;
}

.look_center .hd ul li.on p:nth-of-type(1) {
    display: block;
}

.look_center .hd ul li.on p:nth-of-type(2) {
    margin-top: 15px;
}

.main {
    width: 914px;
}

.main li {
    width: 292px;
    height: 268px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    padding: 10px 10px 0 10px;
    float: left;
    margin: 0 18px 18px 0;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.main li:nth-of-type(3n) {
    margin-right: 0;
}

.main li a {
    display: block;
}

.main li .img {
    width: 269px;
    height: 205px;
    overflow: hidden;
    position: relative;
}

.main li .img img {
    width: 269px;
    height: 205px;
    transition: all 1s;
    vertical-align: top;
}

.main li:hover .img img {
    transform: scale(1.2);
}

.main li .img .hide2 {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    height: 100%;
    background: url(e9780fdcae489140133184676cb47c487d14160d.png) center center no-repeat rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0;
}

.main li .name {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #000000;
    padding: 0 53px 0 10px;
    background: url(018c42a237501ee04f7687bf56cee42e80fbdbed.png) 250px center no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.main li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.main li:hover .name {
    color: #086aac;
    background: url(166905ac78368482dc61f7e6779774855cf4941b.png) 250px center no-repeat;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.main li:hover .img .hide2 {
    opacity: 1;
}






.box4 {
    background: url(bj3.png) no-repeat top center;
    height: 696px;
    margin-top: -32px;
    padding-top: 56px;
}

.bt4 {
    text-align: center;
}

.bt4 h3 {
    color: #000000;
    font-size: 43px;
    text-transform: uppercase;
}

.bt4 h3 span {
    display: block;
    color: #086aac;
    font-size: 30px;
    margin-top: 6px;
}

.gul {
    margin: 0 16px;
    margin-top: 50px;
}

.gul li {
    margin-right: 42px;
    text-align: center;
    margin-bottom: 50px;
}

.gul li:nth-child(6n) {
    margin-right: 0;
}

.gul li .img img {
    width: 159px;
    height: 159px;
    border: solid 2px #ffffff;
    border-radius: 50%;
    display: block;
}

.gul li h3 {
    font-weight: normal;
    color: #000000;
    font-size: 18px;
    margin-top: 20px;
}

.gul li:hover .img img {
    border-color: #086aac;
}





/*合作伙伴*/
.box5 {
    margin-top: 30px;
}

.hbbox {
    height: 289px;
    overflow: hidden;
}

.hb h3 {
    float: left;
    width: 80px;
    height: 260px;
    overflow: hidden;
    text-align: center;
    background: url(f60d463e99941eacebdf5ca9e574466e5d5dcc5b.png) no-repeat left 35px;
    padding-left: 30px;
    margin-left: 50px;
}

.hb h3 a {
    font-size: 48px;
    color: #fff;
    padding-top: 24px;
    display: block;
    line-height: 59px;
}

.hb_nr {
    width: 989px;
    float: right;
    overflow: hidden;
    margin-top: 20px;
}

/* 连续滑动门开始 */

.gd_01 {
    position: relative;
    width: 989px;
}

.gd_01 em {
    position: absolute;
    top: 0;
    z-index: 999;
}

.gd_01 .t_l a,
.gd_01 .t_r a {
    display: block;
    width: 29px;
    height: 32px;
}

.gd_01 .t_l {
    right: 2px;
    top: 0;
    background: url(79fef179224e3ba8778bb1c9e4b6415dcd813f4f.png) no-repeat left center;
    display: block;
}

.gd_01 .t_l:hover {
    background: url(a0727160f811429023a40a90c48fc1ca6c394e94.png) no-repeat left center;
}

.gd_01 .t_r {
    right: 40px;
    top: 0;
    background: url(081fcf978865b06dd9165b2f4890f2bbc6a38392.png) no-repeat left center;
    display: block;
}

.gd_01 .t_r:hover {
    background: url(b72a04fda879c72904f5c79aea8356cbd4b029fb.png) no-repeat left center;
}

.gd_01 #simgs {
    padding-top: 60px;
}

.gd_01 li {
    float: left;
    width: 244px;
    margin: 0 26px 0 0;
    text-align: center;
}

.gd_01 li.last {
    padding-right: 0;
}

.gd_01 li img {
    display: block;
    width: 244px;
    height: 181px;
}

.gd_01 li a {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gd_01 li a h2 {
    letter-spacing: 3px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    display: block;
    padding-top: 27px;
}

.gd_01 .fl {
    float: left;
}

.gd_01 .fr {
    float: right;
}

.gd_01 .pa {
    position: absolute;
}

.gd_01 .pr {
    position: relative
}



.box6 .bt3 h3 {
    background: url(4d121ce298acd1562aabb9faf5bf0e0ac7e5518a.png) no-repeat center;
    margin-top: 26px;
}

.anli {
    margin-top: 25px;
}

.cleft li a {
    display: block;
    position: relative;
}

.cleft li img {
    display: block;
    width: 494px;
    height: 521px;
}

.cleft li h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    line-height: 46px;
    background: rgba(0, 0, 0, .54);
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.cright li img {
    display: block;
    width: 331px;
    height: 253px;
}

.cright li {
    margin: 0 0 15px 7px;
}

.cright {
    width: 702px;
}

.cright li a {
    display: block;
    position: relative;
}

.cright li h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    line-height: 46px;
    background: rgba(0, 0, 0, .54);
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}



.ht1 {
    height: 192px;
    background: url(387f291de5c1e216251f40b88efdd6170255fe41.jpg) no-repeat center;
    margin-top: 26px;
}

.hlogo {
    margin: 53px 0 0 0px;
    width: 606px;
}

.hewm {
    text-align: center;
    color: #000000;
    font-size: 14px;
    line-height: 35px;
    margin-top: 32px;
    width: 280px;
}

.hewm img {
    /* box-shadow: -1px 7px 12px 1px rgba(48, 48, 48, 0.34); */
    margin-right: 56px;
}

.hlx dd {
    color: #000000;
    font-size: 16px;
    padding-left: 52px;
    background: url(dd676192ee96b7f88d3d66d1e40a46093ac4b900.png) no-repeat left center;
    margin-top: 45px;
    line-height: 26px;
}

.hlx dd span {
    display: block;
    color: #5d5d5d;
    font-size: 14px;
}

.hlx dt {
    color: #086aac;
    font-size: 36px;
    margin-top: 10px;
    font-weight: bold;
    line-height: 36px;
}




.box7 .bt3 h3 {
    background: url(4d121ce298acd1562aabb9faf5bf0e0ac7e5518a.png) no-repeat center;
    margin-top: 26px;
}

.abox {
    background: url(syaboutb.png) no-repeat top left;
    margin-top: 16px;
}

.aright {
    margin-top: 0px;
}

.aright img {
    display: block;
    width: 605px;
    height: 342px;
}

.aleft {
    width: 535px;
    margin-left: 35px;
}

.acon {
    color: #121111;
    font-size: 16px;
    line-height: 28px;
    height: 140px;
    overflow: hidden;
}

.aleft h3 {
    color: #000000;
    font-size: 24px;
    text-align: center;
    padding: 48px 0 28px 0;
}

.aleft a {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    width: 132px;
    height: 43px;
    border: solid 2px #086aac;
    line-height: 39px;
    text-align: center;
    color: #086aac;
    font-size: 14px;
}

.atel {
    text-align: center;
    color: #086aac;
    font-size: 30px;
    margin-top: 56px;
}


.honor {
    margin-top: 45px;
    position: relative;
}

.honor .bd {
    width: 948px;
}

.img_gdtx {
    overflow: hidden;
}

.honor .bd li {
    margin: 0 31px;
    width: 275px;
}

.honor .bd li img {
    display: block;
    width: 275px;
    height: 195px;
}

.honor .hd {
    width: 210px;
    /* background: url(2c86d76c2145b64bccb10ca41383ce4e9d25a634.png) no-repeat right top; */
    height: 190px;
}

.honor .hd li {
    margin-bottom: 6px;
    width: 132px;
    cursor: pointer;
    height: 45px;
    background-color: #000000;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.honor .hd li.on {
    background-color: #086aac;
}

.honor .bd .prevall,
.honor .bd .nextall {
    position: absolute;
    width: 52px;
    height: 74px;
    top: 50%;
    margin-top: -37px;
}

.honor .bd .prevall {
    left: -74px;
    background: url(6b67fd4ebf7ac692d952b2203e915e351674996b.png) no-repeat left center;
}

.honor .bd .nextall {
    right: -74px;
    background: url(81177e2d5edf105f1e1f193b3acb0b4caeca3c2a.png) no-repeat left center;
}

.honor .bd .prevall:hover {
    background: url(6b67fd4ebf7ac692d952b2203e915e351674996b.png) no-repeat left center;
}

.honor .bd .nextall:hover {
    background: url(81177e2d5edf105f1e1f193b3acb0b4caeca3c2a.png) no-repeat left center;
}





.box9 {
    margin-top: 26px;
}

.tab1 {
    display: none;
}

.nsort {
    text-align: center;
    margin-top: 18px;
    margin-bottom: 25px;
}

.nsort li {
    display: inline-block;
    margin: 0 21px;
}

.nsort li a {
    display: block;
    width: 168px;
    height: 50px;
    background-color: #000000;
    line-height: 50px;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
}

.nsort li.cur a {
    background-color: #086aac;
}

.nlist li {
    width: 548px;
    margin-bottom: 43px;
}

.nlist li:nth-child(2n) {
    float: right;
}

.ntime {
    width: 87px;
    background: url(ee9596b81d8b7028e9326f57b62e7e429eacc674.png) no-repeat center;
    height: 70px;
}

.ntime dd {
    color: #010101;
    font-size: 36px;
    line-height: 36px;
    padding-left: 4px;
}

.ntime dt {
    color: #010101;
    font-size: 24px;
    padding-left: 40px;
}

.xin {
    width: 421px;
}

.xin a {
    display: block;
    color: #000000;
    font-size: 18px;
    line-height: 18px;
}

.xin p {
    color: #424141;
    font-size: 14px;
    line-height: 18px;
    margin-top: 13px;
}

.nlist li:hover a,
.nlist li:hover .ntime dd,
.nlist li:hover .ntime dt {
    color: #086aac;
}

.nlist li:hover .ntime {
    background: url(8c224d1d09c697c02fccdab4bd8fb3e78fcb705f.png) no-repeat center;
}














/* 提交按钮的线条边框特效 */

.bz-buttonAnimat {

    position: relative
}



.bz-buttonAnimat::before,

.bz-buttonAnimat::after,

.bz-buttonAnimat .inner::before,

.bz-buttonAnimat .inner::after {

    background-color: #086aac;

}



.bz-buttonAnimat02::before,

.bz-buttonAnimat02::after,

.bz-buttonAnimat02 .inner::before,

.bz-buttonAnimat02 .inner::after {

    background-color: #fff;

}



.bz-buttonAnimat03::before,

.bz-buttonAnimat03::after,

.bz-buttonAnimat03 .inner::before,

.bz-buttonAnimat03 .inner::after {

    background-color: #086aac;

}





.bz-buttonAnimat:before,

.bz-buttonAnimat:after,

.bz-buttonAnimat .inner:before,

.bz-buttonAnimat .inner:after {

    position: absolute;

    content: "";

    display: block;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s
}



.bz-buttonAnimat.horizontal:before,

.bz-buttonAnimat.horizontal:after,

.bz-buttonAnimat.both:before,

.bz-buttonAnimat.both:after {

    left: 0;

    width: 100%;

    height: 1px;

    -webkit-transform: scaleX(0);

    transform: scaleX(0)
}



.bz-buttonAnimat.horizontal .inner:before,

.bz-buttonAnimat.horizontal .inner:after,

.bz-buttonAnimat.both .inner:before,

.bz-buttonAnimat.both .inner:after {

    top: 0;

    width: 1px;

    height: 100%;

    -webkit-transform: scaleY(0);

    transform: scaleY(0)
}





.bz-buttonAnimat02:before,

.bz-buttonAnimat02:after,

.bz-buttonAnimat02 .inner:before,

.bz-buttonAnimat02 .inner:after {

    position: absolute;

    content: "";

    display: block;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s
}



.bz-buttonAnimat02.horizontal:before,

.bz-buttonAnimat02.horizontal:after,

.bz-buttonAnimat02.both:before,

.bz-buttonAnimat02.both:after {

    left: 0;

    width: 100%;

    height: 1px;

    -webkit-transform: scaleX(0);

    transform: scaleX(0)
}



.bz-buttonAnimat02.horizontal .inner:before,

.bz-buttonAnimat02.horizontal .inner:after,

.bz-buttonAnimat02.both .inner:before,

.bz-buttonAnimat02.both .inner:after {

    top: 0;

    width: 1px;

    height: 100%;

    -webkit-transform: scaleY(0);

    transform: scaleY(0)
}







.bz-buttonAnimat03:before,

.bz-buttonAnimat03:after,

.bz-buttonAnimat03 .inner:before,

.bz-buttonAnimat03 .inner:after {

    position: absolute;

    content: "";

    display: block;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s
}



.bz-buttonAnimat03.horizontal:before,

.bz-buttonAnimat03.horizontal:after,

.bz-buttonAnimat03.both:before,

.bz-buttonAnimat03.both:after {

    left: 0;

    width: 100%;

    height: 1px;

    -webkit-transform: scaleX(0);

    transform: scaleX(0)
}



.bz-buttonAnimat03.horizontal .inner:before,

.bz-buttonAnimat03.horizontal .inner:after,

.bz-buttonAnimat03.both .inner:before,

.bz-buttonAnimat03.both .inner:after {

    top: 0;

    width: 1px;

    height: 100%;

    -webkit-transform: scaleY(0);

    transform: scaleY(0)
}







.bz-buttonAnimat.horizontal .inner:before,

.bz-buttonAnimat.both .inner:before {

    left: 0
}



.bz-buttonAnimat.horizontal .inner:after,

.bz-buttonAnimat.both .inner:after {

    right: 0
}



.bz-buttonAnimat.horizontal .inner:hover:before,

.bz-buttonAnimat.horizontal .inner:hover:after,

.bz-buttonAnimat.both .inner:hover:before,

.bz-buttonAnimat.both .inner:hover:after {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)
}



.bz-buttonAnimat.horizontal:before,

.bz-buttonAnimat.both:before {

    top: 0
}



.bz-buttonAnimat.horizontal:after,

.bz-buttonAnimat.both:after {

    bottom: 0
}



.bz-buttonAnimat.horizontal:hover:before,

.bz-buttonAnimat.horizontal:hover:after,

.bz-buttonAnimat.both:hover:before,

.bz-buttonAnimat.both:hover:after {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)
}



.bz-buttonAnimat.horizontal:hover .inner:before,

.bz-buttonAnimat.horizontal:hover .inner:after,

.bz-buttonAnimat.both:hover .inner:before,

.bz-buttonAnimat.both:hover .inner:after {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)
}



.bz-buttonAnimat.horizontal.clockwise .inner:before,

.bz-buttonAnimat.both.clockwise .inner:before {

    -webkit-transform-origin: top center;

    transform-origin: top center
}



.bz-buttonAnimat.horizontal.clockwise .inner:after,

.bz-buttonAnimat.both.clockwise .inner:after {

    -webkit-transform-origin: bottom center;

    transform-origin: bottom center
}



.bz-buttonAnimat.horizontal.clockwise:before,

.bz-buttonAnimat.both.clockwise:before {

    -webkit-transform-origin: right center;

    transform-origin: right center;
}



.bz-buttonAnimat.horizontal.clockwise:after,

.bz-buttonAnimat.both.clockwise:after {

    -webkit-transform-origin: left center;

    transform-origin: left center
}



.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,

.bz-buttonAnimat.both.clockwise:hover .inner:before {

    -webkit-transform-origin: bottom center;

    transform-origin: bottom center
}



.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,

.bz-buttonAnimat.both.clockwise:hover .inner:after {

    -webkit-transform-origin: top center;

    transform-origin: top center
}



.bz-buttonAnimat.horizontal.clockwise:hover:before,

.bz-buttonAnimat.both.clockwise:hover:before {

    -webkit-transform-origin: left center;

    transform-origin: left center
}




























/*友情链接*/

.f_link {
    line-height: 30px;
    margin: 0 auto;
    border-top: 1px solid #bfbfbf;
    color: #000000;
    font-size: 24px;
    padding: 20px 0 30px 0;
}

.f_link b {
    color: #e70012;
    font-size: 40px;
    font-weight: bold;
}

.f_link a {
    color: #000000;
    font-size: 16px;
    padding-left: 20px;
}






/*页面底部*/
.foot {
    height: 273px;
    overflow: hidden;
    background: url(762fa36d0cf105671c43b5ef233cb924de88f9a2.png) no-repeat top center;
}

.dao {
    padding: 20px 0 30px 0;
    text-align: center;
}

.dao a {
    color: #fffefe;
    font-size: 14px;
    width: 116px;
    letter-spacing: 1px;
    display: inline-block;
}

.dao a:last-child {
    background: none;
}

.lx {
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    width: 380px;
    margin-left: 34px;
}

.tewm {
    width: 150px;
    text-align: center;
    padding: 8px 0 0 37px;
}

.tewm img {
    display: block;
    margin-right: 14px;
}

.tewm tr:nth-child(2) td {
    color: #fefeff;
    font-size: 12px;
    background: url(240736f2967dbdd823592bdb501b183ddfbcb6e3.png) no-repeat center;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.bq {
    color: #fefeff;
    line-height: 26px;
    font-size: 14px;
    width: 440px;
}

.bq a {
    color: #fefeff;
}

.ft1 {
    height: 160px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.ft2 {
    line-height: 45px;
    color: #f1f1f1;
    font-size: 14px;
}

.ft2 a {
    color: #f1f1f1;
}

.zuo {
    margin-left: 34px;
}



/*内页左侧样式*/


.container {
    width: 1200px !important;
    margin: 0 auto;
    padding: 0;
}


.page-product-inquiry a {
    color: #fff;
}