@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

/*body { background: #fff; font: normal 13px/22px "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial; }*/

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #333;
}

p {
    font-size: 14px;
}

/*.header { width:1200px; margin:0 auto; }*/

ul {
    margin: 0;
}

.pr {
    position: relative
}

p {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

em,
i {
    font-style: normal;
}

.center {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: "Microsoft YaHei", 宋体, Tahoma, Helvetica, Arial, 宋体, sans-serif;

}

.scroll {
    width: 56px;
    height: 60px;
    border-radius: 5px;
    background: #205d53 url(../images/sctop2.png) no-repeat center 4px;
    color: #fff;

    text-align: center;
    position: fixed;
    right: 10px;
    bottom: 50px;
    cursor: pointer;
    font-size: 12px;
}

.scroll span {
    display: block;
    margin-top: 40px;
}





/* css common */

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

.clearfix {
    *zoom: 1;
}



.container {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}

.h_con .h_dw {
    float: left;
    padding: 30px 0 0 20px;
    font-size: 24px;
    color: #333;
    line-height: 32px;

    background: url(../images/t_line.gif) no-repeat 0 32px;
    font-weight: normal;
}

.h_dw span {
    display: block;
    font-size: 18px;
    color: #666;
}

.h_dw i {
    padding: 0 0 0 15px;
}

.h_tel {
    padding-top: 35px;
}



/*banner*/

.banner {
    /*margin-top: -55px;*/
}

.slideBox {
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
}

.slideBox .hd {
    overflow: hidden;
    position: absolute;
    left: 48%;
    bottom: 10px;
    /*margin-left:-30px; */
    z-index: 1;
    text-align: center;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
    list-style: none;
}

.slideBox .hd ul li {
    margin: 0 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;

    text-align: center;
    background: #fff;
    cursor: pointer;
    display: inline-block;
    border-radius: 30px;
}

.slideBox .hd ul li.on {
    background: #2058a2;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slideBox .bd ul li img {
    width: 100%;
    height: auto;
    display: block;
}

.slideBox .bd ul {
    padding-left: 0;
}



/* 头部 */

/*head&nav*/

.head {

    height: 125px;

}



.head .logo {

    padding-top: 5px;

}

.head .logo img {
    width: 185px;
}

.head .tel {

    padding-top: 25px;

}



.nav {

    font-size: 0;

    background-size: 100%;

    background: #205d53;

}



.nav .breadcrumbnav {

    background: #205d53;

}



.nav .breadcrumbnav li {

    display: inline-block;

    text-align: center;

    width: 128px;

    height: 50px;

    line-height: 50px;

    position: relative;
    /* background: url(../images/line.jpg) no-repeat right center;*/

}



.nav .breadcrumbnav li a {

    font-size: 16px;

    font-weight: lighter;

    color: #fff6f6;

}



.nav .breadcrumbnav li:hover {

    /* background: #022d64;*/

}



.nav .breadcrumbnav .nav_list {

    position: absolute;

    left: 0;

    right: 0;

    top: 50px;

    background: #205d53;

    display: none;

    z-index: 9999;

}



.nav .breadcrumbnav .nav_list a {

    color: #fff;

    font-size: 16px;
    border-bottom: none;

}



.nav .breadcrumbnav li:hover .nav_list {

    display: block;

}



.h_tel {

    float: right;

    /*padding:23px 0 0 60px;*/

    font-size: 14px;

    color: #333;

    line-height: 30px;

    margin-top: 15px;

}

.h_tel b {

    display: block;

    font-size: 28px;

}

.h_code {

    width: 110px;

    float: right;

    line-height: 0;

}

.h_code b {

    display: block;

    font-size: 12px;

    color: #666;

    float: left;

    width: 20px;

    text-align: center;

    line-height: 14px;

    font-weight: normal;

}

.h_code span {

    float: right;

    width: 80px;

    height: 80px;

}

.h_code span img {

    display: block;

    width: 80px;

    height: 80px;

}



.td {
    /* background: url(../images/td_bj.jpg) no-repeat center top; */
    overflow: hidden;
    /* height: 920px;
    background-image: url(../images/td_bj_replace.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; */
}



.td h2 {
    font: 20px "思源黑体";
    color: #333;
    height: 104px;
    padding-top: 66px;
    text-align: center;
    font-size: 30px;

    font-weight: bold;
}

.td h2 a,
.td h2 em {
    display: block;
}

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

.td_con {
    height: 1200px;
    position: relative;
}

.td_con div {
    font: 14px/26px "思源黑体";
    width: 270px;
    color: #333;
    position: absolute;
}

.td_con h3 {
    margin-bottom: 5px;
}

.td_con p {
    line-height: 22px;
}

.td_con .p01 {
    top: 80px;
    left: 60px;
}

.td_con .p02 {
    top: 160px;
    right: -130px;
}

.td_con .p03 {
    top: 250px;
    left: 0;
}

.td_con .p04 {
    top: 345px;
    right: -25px;
}

.td_con .p05 {
    top: 435px;
    left: 58px;
}

.td_con .p06 {
    top: 548px;
    right: 8px;
}

#ppp {

    font-size: 18px;

    text-align: center;

    padding-top: 10px;

}





/*产品展示*/

.product_bg {

    background: #fff;

    padding: 15px 0 20px 0;

}



.pro_show {

    width: 1280px;

}



.pro_show_n li p {

    height: 32px;

    line-height: 32px;

    overflow: hidden;

    display: block;

}



.pro_show_n li {

    width: 305px;

    float: left;

    text-align: center;

    margin-right: 20px;

    margin-bottom: 20px;

}



.pro_show_n li:nth-child(4n) {

    margin-right: 0;

}



.pro_show_n li a {

    overflow: hidden;

    font-size: 16px;

    font-weight: lighter;

    color: #999;

}



.pro_show_n li a.picshow1 {

    width: 262px;

    height: 213px;

    overflow: hidden;

    display: block;

}



.pro_show_n li img {

    width: 100%;

    overflow: hidden;
    height: 240px;

}



.pro_show_n li h4 {

    font-weight: lighter;

    font-size: 16px;

    line-height: 35px;

    color: #999;
    padding-top: 10px;

}



div#link_logo {

    overflow: hidden;

    width: 100%;

    height: 850px;

}



div#link_logo1 {

    overflow: hidden;

}





.bjxc h2 {

    font-size: 28px;

    color: #000;

    text-align: center;

    font-weight: bold;

    padding: 28px 0;

}



.w1280 {

    width: 1280px;

    margin: 0 auto;

}



.product-classifies {

    margin: 20px auto;

    height: 70px;

    background: #2f3c48;

    padding-top: 16px;

    padding-left: 72px;

}



.product-classifies li {

    float: left;

    height: 40px;

    width: 150px;

    margin-right: 10px;

}



.product-classifies li a {

    display: block;

    height: 40px;

    color: #fffdfd;

    line-height: 40px;

    text-align: center;
    font-size: 17px;

}

.product-classifies li a:hover {
    background: #2066df;
    color: #fff;
    border-radius: 25px;
}

#case_t {
    width: 100%;
    min-width: 1200px;
    height: 15px;
    margin: auto;
}

#case_bg {
    width: 100%;
    min-width: 1200px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: auto;
}

#case_du {
    width: 100%;
    min-width: 1200px;
    height: 80px;
    margin: auto;
}

.case_t {
    width: 597px;
    height: 63px;
    line-height: 63px;
    font-size: 44px;
    font-weight: bold;
    text-align: center;

    background: url(../images/20181029115711_2086093803.png) center no-repeat;
    margin: auto;
    margin-top: 15px;
}

.case_t span {
    color: #2f3c48;
}

.case_t1 {
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    padding-bottom: 10px;
    margin: auto;
}

.case_t2 {
    animation: myfirst 2s infinite;
    display: inherit-block;
    margin-top: 10px;
    text-align: center;
}





.navssss {
    width: 52%;

    float: left;

    /* box-shadow:0px 5px 5px #888888;*/

    position: relative;

    text-align: center;
    /*让一级导航居中*/

}

.navssss li {

    list-style: none;

    width: 125px;
    /*无论一级还是二级*/



}

.submenu li {
    border-bottom: 1px solid #cec7c7;
}

.navssss>li {

    display: inline-block;

    /*border:1px solid black;*/

    margin: 0 10px;
    /*相当于每个单元的margin*/

}



.navssss a {

    display: block;

    line-height: 80px;

    text-align: center;

    /*border:1px solid black;*/

}

.navssss ul {

    position: absolute;

    top: 80px;
    z-index: 1;

    /*border:1px solid black;*/

    display: none;

    background-color: #DDDDDD;

}



.menu:hover ul.submenu {

    display: block;

}



.menu a:hover {

    color: #fff;
    background: #154193;

}

.menu>a:hover {

    border-bottom: 3px solid rgba(183, 56, 183, 1);

    transition: border-bottom 0.8s;

}



/*.clearfix {

    *zoom: 1;

    width: 1200px;

    margin: 0 auto;

}*/



.section-title-more {
    margin-right: 70px;
}



.section-title {

    margin-bottom: 40px;

    font-size: 30px;

    font-weight: bold;

    line-height: 1;

    text-align: center;

}

/*.section .section-title{margin-left: 75px;}*/

.section-title small {

    font-size: 15px;

    /* color: #636363;*/

    font-weight: 100;

    display: block;

    padding: 25px 0 0 0;

    /*text-transform: uppercase;display: block;*/

}

.section-title strong {

    display: block;

    position: relative;

    color: #000;

    font-size: 36px;

    margin-top: 10px;
    margin-bottom: 10px;

}

/*.section-title strong:after {

  position: absolute;

  right: 10%;

  top: 50%;

  height: 1px;

  width: 78%;

  content: "";

  background: #e5e5e5;

}*/

.section-title-more .more-big {

    float: right;

    margin-top: -77px;

}

.section-title-1 {

    text-align: center;

    font-size: 0;

    margin-bottom: 40px;

}

.section-title-1 strong {

    display: block;

    font-size: 30px;

    text-transform: uppercase;

}

.section-title-1 h4 {

    margin: 0;

    display: inline-block;

    vertical-align: middle;

    font-size: 24px;

    position: relative;

    padding: 0 42px;

    color: #1873b0;

}

.section-title-1 h4:after,
.section-title-1 h4:before {

    position: absolute;

    content: '';

    height: 1px;

    width: 22px;

    top: 50%;

    background-color: #1873b0;

}

.section-title-1 h4:after {

    right: 0;

}

.section-title-1 h4:before {

    left: 0;

}



.more-big {

    display: block;

    background-color: #363e45;

    width: 120px;

    line-height: 44px;

    color: #fff;

    position: relative;

    overflow: hidden;

    border-radius: 50px;

}

.more-big:after {

    position: absolute;

    right: 0;

    top: 0;

    width: 37px;

    content: "";

    height: 0;

    border-top: 44px solid #1873b0;

    border-left: 28px solid transparent;

    -webkit-transition: all .5s;

    transition: all .5s;

}

.more-big span {

    display: block;

    padding: 0 15px 0 30px;

    font-size: 16px;

    position: relative;

    z-index: 1;

}

.more-big span i {

    float: right;

    font-size: 20px;

    font-weight: bold;

    font-style: normal;

}

.more-big:hover {

    color: #fff;

}

.more-big:hover:after {

    width: 100%;

    height: 100%;

}



.bg1 .section-title strong:after {

    position: absolute;

    right: 1%;

    top: 50%;

    height: 1px;

    width: 85%;

    content: "";

    background: #e5e5e5;

}

/*.about .section-title strong:after {

    position: absolute;

    right: 0;

    top: 50%;

    height: 1px;

    width: 88%;

    content: "";

    background: #e5e5e5;

}*/





.service {
    height: 200px;
    width: 100%;
    background: url(../images/serve.jpg) no-repeat center;
    margin-top: 70px;
}

.serv-left {
    float: left;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 200px;
}

.serv-right {
    float: right;
    background: url(../images/ipon.png) no-repeat left center;
    color: #fff;

    font-size: 16px;
    line-height: 30px;
    padding-left: 58px;
    margin-top: 65px;
}

.serv-right b {
    font-size: 32px;
}







#contentss {
    /*margin-top: 30px;*/
}

.navsss li {

    float: left;

    width: 215px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    list-style: none;

    cursor: pointer;

    background: #8f8f90;

    color: #fff;
    border-radius: 50px;

}

.navsss li:nth-child(2),
.navsss li:nth-child(3),
.navsss li:nth-child(4),
.navsss li:nth-child(5) {
    margin-left: 30px;
}

.navsss li.nav_barss {

    background-color: #1873b0;

    border-left: 1px solid #1873b0;

    border-top: 1px solid #1873b0;

    border-right: 1px solid #1873b0;

    color: #fff;

}

.navsss {

    overflow: hidden;
    /* background: #e6eaec;

            border-bottom: 1px dashed #b3b3b3;

            padding-bottom: 35px;*/

}

#mainss div {

    /*width: 890px;*/

    height: auto;

    clear: left;

    /*border: solid 1px #ccc;*/

    display: none;

    padding-top: 10px;

}

#mainss div.main_barss {

    display: block;

    /*text-indent: 2em;*/

}

.main_barss h4 {
    text-indent: 1.5em;
}

.nav_barss,
.main_barss {

    /* background-color: #ccc*/

}

.main_barss p img {
    width: 100%;
    height: auto;
}

.main_barss p {
    margin: 0;
    line-height: 30px;
}



#product {
    width: 1200px;
    margin: 60px auto;
    overflow: hidden;
}

#product .section-title-more {
    margin-right: 0;
}



#mainss ul li {
    width: 380px;

    float: left;

    margin: 10px 20px 20px 0;

    -moz-box-shadow: 2px 2px 10px #A3A3A3;

    -webkit-box-shadow: 2px 2px 10px #A3A3A3;

    box-shadow: 2px 2px 10px #A3A3A3;
}

#mainss ul li a {
    display: block;
    overflow: hidden;
    border: 1px solid #6c6c6c;
    padding: 1px;
}

#mainss ul li a .cpzx_img {
    /*width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat;

 background-size:cover; */
    position: relative;
}

#mainss ul li a .cpzx_img img {
    width: 100%;
    height: 324px;

    moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    -webkit-transition: all .8s ease 0s;

    transition: all .8s ease 0s;
}

/*.cpzx_ul1 li a .cpzx_img::before{content:""; display:block; padding-top:84.1727%;}*/

#mainss ul a .cpzx_img .cpzx_txt {
    width: 100%;
    overflow: hidden;
    height: 50px;
    display: flex;
    align-content: center;

    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    color: #fff;

    background-color: rgb(80 80 80 / 68%);
    position: absolute;
    left: 0;
    bottom: 0;
}

#mainss ul li a:hover .cpzx_img .cpzx_txt {
    height: 100%;
    background-color: rgba(37, 49, 57, 0.44);
    transition: 0.4s;
}



.myDiv {

    display: block;

    overflow: hidden;

    height: 50px;

    line-height: 50px;

    text-align: center;

    /* text-indent: 50px; */

    font-size: 15px;

    color: #646464;

    transition: all 0.4s;

    background: #f2f2f2 url(../images/right666.png) 160px 20px no-repeat;

    background-size: 15px;

}

.myDiv:hover {

    color: #52baff;

}

#uuu li a {
    background-color: #1873b1;
    color: #fff;
    border-radius: 25px;
    background-image: none;
    font-size: 12px;
}



.pg-content {
    padding: 10px;
    margin-top: 20px;
}

.pg-content img {
    max-width: 100%;
    margin-bottom: 20px;
}

.pg-content p {
    width: 85%;
    float: left;
}



.fanganpg ul li {
    border-bottom: dotted 1px #dbdbdb;
    line-height: 50px;
    font-size: 16px;
    overflow: hidden;

    margin-bottom: 10px;

    padding-bottom: 10px;
}

.fanganpg ul li a:hover {
    text-decoration: underline;
    color: #c30;
}

.fanganpg ul li a {

    float: right;

    width: 10%;

    text-align: center;

    background: #042f66;

    border-radius: 50px;

    color: #fff;



}



/*search*/

.search {
    overflow: hidden;
    width: 1200px;
    margin: 30px auto;
    height: 40px;
}

.search p {
    float: left;
    line-height: 40px;
    font-size: 15px;
    color: #333;
    font-weight: 600;
}

.search p a {
    color: #333;
    font-weight: 100;
}

.search .sbox {
    overflow: hidden;
    width: 360px;
    height: 40px;
    background-color: #f1f1f1;
    float: right
}

.search .sbox input {
    background: none;
    margin-left: 10px;
    float: left;
    display: block;
    width: 300px;
    height: 40px;

    line-height: 40px;
    border: none;
    outline: none;
    font-size: 13px;
    color: #979797
}

.search .serch_click {
    display: block;
    float: right;
    width: 50px;
    height: 40px;
    background: url(../images/search.png) no-repeat center;

    cursor: pointer
}

.search .sbox input::-webkit-input-placeholder {
    color: #979797;
}

.search .sbox input::-moz-input-placeholder {
    color: #979797;
}

.search .sbox input::-ms-input-placeholder {
    color: #979797;
}



/*title*/

.title {
    overflow: hidden;
    width: 100%;
}

.title h2 {
    text-align: center;
    font-weight: normal;
    font-size: 30px;
    color: #333
}

.title h2 a {
    color: #333
}

.title em {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    margin: 10px 0;
    font-family: Arial;
}

.title i {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #db0a24;
    margin: 0 auto
}

.title p {
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 10px 0
}



.tabs div {

    display: none;

    clear: both;

    /*border: solid 2px #0099FF;*/

    min-height: 500px;

}

.tabs .horizontal {



    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

    padding-top: 10px;

}

.tabs .horizontal li {

    float: left;

    list-style: none;

    height: 75px;

    line-height: 75px;

    border: 1px solid #000;

    width: 199px;

    text-align: center;

    cursor: pointer;

    font-size: 20px;

}

.tabs .horizontal li:not(:first-child) {

    margin-left: 1px;

}



.tabs .horizontal li.selectActive {

    /*border-bottom: solid 2px #0099FF;

    background-color: #0099FF;*/

    color: white;

    background: url(../images/bg1.jpg) no-repeat;

    border: none;

    height: 88px;

}

#title h2 {
    font-weight: bold;
    color: #696767;
    text-align: center;
    font-size: 34px
}

#title h2 span {
    color: #1873b1;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 1px;
}

#title p img {
    width: 100%;
}



.n_main {
    width: 100%;
    margin: 0;
    padding: 0;
    background: url(https://1.rc.xiniu.com/rc/Contents/29106/Images/incsp1_index_cbg.png?d=20171031142630395) center 47px repeat-x;
    height: auto;
    overflow: hidden;
    z-index: 5;
    position: relative;
}

.n_content {
    width: 100%;
    margin: 0 auto;
}





.n_content_left {
    width: 100%;
    height: auto;
    top: 100px;
    position: relative;
    border-bottom: 1px solid #DBDBDB;
}





.n_content_right {
    position: relative;
    width: 100%;
    height: auto;
    margin: 60px auto 0 auto;
    padding-bottom: 20px;
}

.contact_body .n_content_right,
.about_body .n_content_right,
.honor_body .n_content_right,
.honor_client_list_body .n_content_right,
.solution_view_body .n_content_right,
.recruitment_body .n_content_right {
    padding-bottom: 0 !important;
}





.n_content_left_name {
    width: 1200px;
    height: 50px;
    margin: 0 auto;
    position: relative;
}





.n_content_right_m {
    text-align: left;
    width: 100%;
    margin: 0 auto;
    line-height: 24px;
    color: #737373;
    font-size: 12px;
    padding: 5px 0 20px 0;
    position: relative;
}

.contact_body .n_content_right_m,
.about_body .n_content_right_m,
.solution_view_body .n_content_right_m,
.recruitment_body .n_content_right_m {
    padding-bottom: 0 !important;
}

.honor_body .n_content_right_m,
.honor_client_list_body .n_content_right_m,
.solution_view_body .n_content_right_m {
    padding: 0;
}





.xn_c_index_45_wrap {
    width: 100%;
    position: relative;
    text-align: center;
    background: #f2f2f2;
}

.xn_c_index_45_box {
    width: 1200px;
    margin: 0 auto;
    display: inline-block;
}

.xn_c_index_45_topbox {
    display: none;
    width: 100%;
    height: 85px;
    margin-top: 64px;
    overflow: hidden;
    margin-bottom: 38px;
}

.xn_c_index_45_abt_t1 {
    display: block;
    width: 100%;
    height: 41px;
    line-height: 41px;
    color: #444342;
    font-family: "Arial";
    overflow: hidden;
    font-size: 35px;
    text-transform: uppercase;
}

.xn_c_index_45_abt_t2 {
    display: none;
}

.xn_c_index_45_abt_t3 {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    color: #0780db;
    font-size: 28px;
    font-family: "黑体";
}

.xn_c_index_45_jieshaobox {
    line-height: 30px;
    font-size: 14px;
    color: #231815;
    text-align: center;
}

.xn_c_index_45_jieshaobox>div {
    width: 50%;
    float: left;
}

.xn_c_index_180_img img {
    width: 960px;
    height: 500px;
}

.xn_c_index_180_name {
    margin: 80px 0 40px;
    text-align: left;
    font-size: 24px;
    color: #1873b1;
    font-weight: bold;
}

.xn_c_index_180_context {
    height: 500px;
    overflow: hidden;
    text-align: left;
}

.xn_c_index_180_context>span {
    height: 300px !important;
    line-height: 44px;
    overflow: hidden;
    display: block;
    width: 500px;
}



.xn_c_aboutc_28_wrap {
    width: 1200px;
    height: auto;
    margin: 50px auto 80px;
    overflow: hidden;
    position: relative;
}

.xn_c_aboutc_28_intro {
    font-size: 14px;
    color: #555;
    width: 600px;
    height: 510px;
    position: absolute;
    top: 80px;
    right: 0;
    background: #f2f2f2;
}

.xn_c_aboutx_28_name {
    display: block;
    font-size: 25px;
    color: #1873b1;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
    font-weight: bold;
}

.xn_c_about_28_img img {
    width: 710px;
    height: 660px;
}

.xn_c_aboutc_28_introd {
    width: 480px;
    height: 330px;
    line-height: 30px;
    overflow: auto;
    margin: 0 auto;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #1873b1;
}





/*product*/

.product {
    overflow: hidden;
    width: 100%;
    padding-top: 30px;
    background-color: #f7f7f7
}

.product .pbox {
    overflow: hidden;
    /*margin-top:35px;*/
}

.product .proLeft {
    overflow: hidden;
    float: left;
    width: 240px;
    background-color: #fff;
    padding-bottom: 25px;
}

.product h3 {
    width: 100%;
    height: 78px;
    background: url(../images/pro_h.jpg) no-repeat center;
    font-weight: normal;

    font-size: 26px;
    line-height: 78px;
    text-align: center
}

.product h3 a {
    color: #fff;
}

.product dl {
    overflow: hidden;
    width: 214px;
    margin: 0 auto;
    margin-top: 20px;
}

.product dt {
    overflow: hidden;
    width: 100%;
    height: 45px;
    font-size: 16px;
    background: url(../images/pro_m.png) no-repeat 175px center;

    background-color: #e8e8e8;
    line-height: 45px;
}

.product dt a {
    display: block;
    color: #000;
    padding-left: 15px;
}

.product dd {
    overflow: hidden;
    width: 180px;
    padding-left: 34px;
}

.product dd a {
    display: block;
    padding-left: 10px;
    background: url(../images/pro_list.png) no-repeat left center;

    font-size: 13px;
    color: #333;
    line-height: 36px;
}

.product .proRight {
    overflow: hidden;
    float: right;
    /*width:960px;*/
    margin-right: -20px;
}

.product .list {
    overflow: hidden;
    width: 375px;
    margin-right: 20px;
    /*height:335px; background-color:#fff; */
    float: left;
    margin-bottom: 15px;

    position: relative;

    overflow: hidden;
}

.product .list p {
    text-align: center;
    padding-top: 20px;
}

.product .list p a {
    font-size: 16px;
}

.product .list img {
    display: block;

    transition: all 1s ease-out;

    transform: scale(1);
    width: 375px;
    height: 300px;
}

.product .list .til {
    display: block;
    width: 100%;
    height: 56px;
    margin-top: 300px;
    text-align: center;
    font-size: 13px;
    color: #333;

    text-decoration: none;
    padding-top: 10px;
}



/*.product .list a{

    width: 278px;

    height: 227px;

    position: absolute;

    left: 0;

    top: 0;

    display: none;

}*/

.product .list:hover {
    box-shadow: 0px 0px 2px 3px #efefef;
}

.product .list:hover a {
    display: block;
}

.product .list:hover img {
    transform: scale(1.2);
}





/* section */



.section {
    margin: auto;
    overflow: hidden;
    margin-top: 45px;
}

.section .title h2 {
    position: relative;
}

.section .title h2 span {
    color: #da251c;
    font-size: 16px;
    position: absolute;
    top: 4px;
    left: 56.5%;
}

.section ul li {
    float: left;
    margin-right: 14px;
    margin-bottom: 13px;
    display: inline;
    width: 280px;
    height: 240px;

    overflow: hidden;
    position: relative;
}

.sections {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    margin-top: 45px;
}

.sections ul li {
    float: left;
    margin-right: 14px;
    margin-bottom: 13px;
    display: inline;
    width: 280px;
    /*height:360px;*/

    overflow: hidden;
    position: relative;
}

.sections ul li .photo {
    width: 280px;
    height: 360px;
    overflow: hidden;
    /*border: 1px solid #c3c2c2;*/
    border: 1px solid #1a90d8;
}

.sections ul li .photo img {
    width: 280px;
    height: 360px;
}

.sections .rsp {
    width: 280px;
    height: 360px;
    overflow: hidden;
    position: absolute;
    background: #000;
    top: 0px;
    left: 0px;
}

.sections .text {
    position: absolute;
    width: 280px;
    height: 360px;
    left: -400px;
    top: 0;
    overflow: hidden;
    text-align: center;

    width: 100%;

    background: #1a70a6bd;

    bottom: 0;

    padding: 8% 4%;

    color: #fff;

    font-size: 16px;

    box-sizing: border-box;
}

.sections ul li p {

    text-align: center;

    /* color: #666;*/

    font-size: 18px;

    padding-top: 15px;

}

/*.sections ul li:nth-child(1),.sections ul li:nth-child(3){margin-top: 20px;}*/

.sections .text a {

    color: #fff;

    border-bottom: 1px solid #fff;

    font-size: 12px;

    display: inline-block;

}

.sections .text p {

    font-size: 20px;
    font-weight: bold;
    padding-top: 130px;

}

.section .text p {

    font-size: 20px;
    font-weight: bold;

}

.section .text h3 {
    width: 390px;
    margin-top: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;

    background: #fff;
    font-size: 18px;
}



.sections .text h3 {
    width: 390px;
    margin-top: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;

    background: #fff;
    font-size: 18px;
}



.picScroll-left4 .hd .prev {
    display: block;
    float: left;
    margin-left: -5px;
    margin-top: 100px;
    overflow: hidden;

    cursor: pointer;
    /*background: #a2a1a1;*/
    padding: 5px;
}

.picScroll-left4 .hd .prev img {
    width: 40px;
}

.picScroll-left4 .hd .next {
    display: block;
    float: right;
    margin-right: -3px;
    margin-top: 100px;
    overflow: hidden;

    cursor: pointer;
    /*background: #a2a1a1;*/

    padding: 5px;
}

.picScroll-left4 .hd .next img {
    width: 40px;
}

.picScroll-left4 .bd {
    padding-top: 20px;
    margin-left: 85px;
}





/* index-youshi */

.leiyong {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 91px;
}

.leiyong .list {
    background-repeat: no-repeat;
    position: relative;
    background-image: url(../images/ys_01.jpg);

    height: 442px;
    overflow: hidden;
}

.leiyong .list1 {
    background-repeat: no-repeat;
    position: relative;
    background-image: url(../images/ys_02.jpg);

    height: 527px;
    overflow: hidden;
}

.leiyong .list .ys1 {
    margin-left: 120px;
    padding-top: 60px;
    line-height: 30px;
    position: absolute;
}

.leiyong .list .ys1 p {
    font-size: 23px;
    color: #194c85;
}

.leiyong .list .ys1 p span {
    font-size: 11px;
    color: #888;
    padding-bottom: 10px;
    border-bottom: 1px solid #194c85;
}

.leiyong .list .ys2 {
    margin-left: 325px;
    padding-top: 310px;
    line-height: 30px;
    position: absolute;
}

.leiyong .list .ys2 p {
    font-size: 23px;
    color: #194c85;
}

.leiyong .list .ys2 p span {
    font-size: 11px;
    color: #888;
    padding-bottom: 10px;
    border-bottom: 1px solid #194c85;
}

.leiyong .list1 .ys11 {
    margin-left: 855px;
    padding-top: 80px;
    line-height: 30px;
    position: absolute;
}

.leiyong .list1 .ys11 p {
    font-size: 23px;
    color: #194c85;
}

.leiyong .list1 .ys11 p span {
    font-size: 11px;
    color: #888;
    padding-bottom: 10px;
    border-bottom: 1px solid #194c85;
}

.leiyong .list1 .ys12 {
    margin-left: 790px;
    margin-top: 280px;
    line-height: 30px;
    position: absolute;
}

.leiyong .list1 .ys12 p {
    font-size: 23px;
    color: #194c85;
}

.leiyong .list1 .ys12 p span {
    font-size: 11px;
    color: #888;
    padding-bottom: 10px;
    border-bottom: 1px solid #194c85;
}

.leiyong .lisy {
    margin-top: 10px;
    width: 344px;
}





.in_news_2 {

    float: left;

    width: 580px;

}

.in_newss_4 {

    width: 580px;

    position: relative;

    overflow: hidden;

}



.in_newss_4_1 {

    width: 100%;

    height: 246px;

    overflow: hidden;

}



.in_newss_4_1 img {

    width: 100%;

    height: auto;

    transition: all 0.5s;

    transform: scale(1);

}



.in_newss_4_1 a:hover img {

    transition: all 0.5s;

    transform: scale(1.06);

}



.in_newss_4_2 {

    padding-top: 25px;

}



.in_newss_4_2 h6 {

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    font-size: 16px;

}



.in_newss_4_2 h6 a {

    height: 30px;

    line-height: 30px;

    color: #333;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding-right: 20px;

}



.in_newss_4_2 h6 a b {

    color: #2066df;

}



.in_newss_4_2 h6 span {

    float: right;

    font-size: 14px;

    color: #666;

}



.in_newss_4_2 h6 a:hover {

    color: #2066df;

    padding-left: 10px;

}



.in_newss_4_2 h4 {

    color: #666666;

    font-size: 14px;

    line-height: 30px;

    /*

*/

    overflow: hidden;

    padding-top: 10px;

}



.in_newss_four {

    width: 555px;

    float: right;

}



.in_nfourbox {

    height: 105px;

    overflow: hidden;

    position: relative;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    border-bottom: 1px dashed #cccccc;

    margin-bottom: 25px;

}



.in_nfourbox_1 {

    float: left;

    width: 98px;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    text-align: center;

    margin: 0 0 0 10px;

}



.in_nfourbox_1 h5 {

    height: 45px;

    line-height: 40px;

    font-size: 44px;

    color: #333;

    font-weight: bold;

    padding-top: 0px;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.in_nfourbox_1 h6 {

    line-height: 20px;

    font-size: 12px;

    color: #999;

}



.in_nfourbox_line {

    width: 17px;

    height: 72px;

    float: left;

    border-left: 1px dashed #cccccc;

}



.in_nfourbox_2 {

    float: left;

    width: 428px;

}



.in_nfourbox_2 h6 {

    height: 30px;

    overflow: hidden;

    font-size: 16px;

}



.in_nfourbox_2 h6 a {

    height: 30px;

    line-height: 20px;

    color: #333;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.in_nfourbox_2 h6 a:hover {

    color: #2066df;

    padding-left: 10px;

}



.in_nfourbox_2 h4 {

    color: #666666;

    font-size: 14px;

    line-height: 30px;

    height: 60px;

    overflow: hidden;

}



.in_nfourbox:hover .in_nfourbox_1 h5 {

    color: #2066df;

}



.in_nfourbox:hover .in_nfourbox_1 h6 {

    color: #2066df;

}

.ad {

    width: 1920px;

    position: relative;

    left: 50%;

    margin: 0 auto 0 -960px;

}

.in_tdbg {

    padding-top: 55px;

}



.in_td_r {

    width: 1200px;

    margin: 0 auto;

    padding-top: 45px;

}



.in_td_3 {

    width: 200px;

    height: 324px;

    float: left;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

}





/*index-news*/

.box9 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
}

.bb9 {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 15px;
}



.bb9 .bb9-left {
    width: 100%;
}

.bb9 .bb9-right {
    width: 440px;
    float: right;
}

.slideTxtBox {
    text-align: left;
}

.slideTxtBox .hd {
    height: 60px;
    line-height: 60px;
    padding: 0 10px 0 20px;
    border-bottom: 1px solid #ddd;
    position: relative;

    font-size: 18px;
    font-weight: bold;
}

.slideTxtBox .hd a {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 13px;
    font-weight: normal;
    color: #666;
}

.slideTxtBox .hd ul {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
}

.slideTxtBox .hd ul li {
    float: left;
    width: 230px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}

.slideTxtBox .hd ul li span {
    font-size: 13px;
}

.slideTxtBox .hd ul li.on {
    color: #2066df;
    border-bottom: 2px solid #2066df;
}

.slideTxtBox .bd ul {
    padding: 20px 0;
    zoom: 1;
}

.bb9-top {
    overflow: hidden;
}

/*.slideTxtBox .bd li{ height:32px; line-height:32px; padding-left:15px; background:url(../images/bg8.jpg) left no-repeat; 

  border-bottom:1px dashed #ccc; }

.slideTxtBox .bd li a{float:left;}

.slideTxtBox .bd li span{float:right;}*/



.box9 .section-title {
    margin-left: 13px;
}

/*.box9 .section-title strong:after {

    position: absolute;

    right: 1%;

    top: 50%;

    height: 1px;

    width: 87%;

    content: "";

    background: #e5e5e5;

}*/

.slideTxtBox .bd li {

    float: left;

    width: 50%;

}

.slideTxtBox .bd li:nth-child(2) a,
.slideTxtBox .bd li:nth-child(4) a,
.slideTxtBox .bd li:nth-child(6) a {
    margin-left: 20px;
}

.slideTxtBox .bd li a {

    display: block;

    margin: 20px 0 0 0;

    background-color: #fff;

    padding: 20px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    overflow: hidden;

    position: relative;
    background-color: #d4d4d4;
    color: #fff;

}

.slideTxtBox .bd li a:after {

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    width: 165px;

    height: 0;

    border-bottom: 125px solid #dfdfdf;

    border-right: 78px solid transparent;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;
    border-bottom-color: #1873b0;

}

.slideTxtBox .bd li .date {

    float: left;

    width: 115px;

    position: relative;

    z-index: 1;

    line-height: 1;

    padding: 5px 0;

    color: #fff;

}

.slideTxtBox .bd li .date small {

    display: block;

    font-size: 16px;

}

.slideTxtBox .bd li .date strong {

    display: block;

    font-size: 48px;

    margin-top: 10px;

}

.slideTxtBox .bd li .text {

    margin-left: 140px;
    color: #3a4249;

}

.slideTxtBox .bd li .text h4 {

    margin: 0;

    font-weight: normal;

    font-size: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.slideTxtBox .bd li .text p {

    margin: 10px 0 0;

    color: #fff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    line-height: 1.8;

    height: 50px;

    overflow: hidden;
    color: #3a4249;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;

}

.slideTxtBox .bd li a:hover {

    background-color: #3a4249;

    color: #fff;

}

.slideTxtBox .bd li a:hover:after {

    border-bottom-color: #1873b0;

}

.slideTxtBox .bd li a:hover .text p,
.slideTxtBox .bd li a:hover .text h4 {

    color: #fff;

}



/*case*/

.wrapper {

    width: 1200px;

    margin: 0 auto;

}

.wrapper #title {
    margin: 30px 0;
}



.cols {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 1200px;

    margin: 0 auto;

}



.col {

    width: calc(50% - 2rem);

    margin: 1rem;

    cursor: pointer;

}



.col .containers {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-perspective: 1000px;

    perspective: 1000px;

}



.front,

.backk {

    background-size: cover;

    background-position: center;

    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    text-align: center;

    min-height: 280px;

    height: auto;

    border-radius: 10px;

    color: #fff;

    font-size: 1.5rem;

}



.backk {

    background: #cedce7;

    background: -webkit-linear-gradient(45deg, #cedce7 0%, #596a72 100%);

    background: -o-linear-gradient(45deg, #cedce7 0%, #596a72 100%);

    background: linear-gradient(45deg, #cedce7 0%, #e18a3b 100%);

}



.front:after {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    content: '';

    display: block;

    opacity: .6;

    background-color: #000;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-radius: 10px;

}

.containers:hover .front,

.containers:hover .backk {

    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

}

.cols .col:nth-child(1) .containers .front {
    background: url(../images/f4.jpg) no-repeat -20px -152px;
}

.cols .col:nth-child(2) .containers .front {
    background: url(../images/f5.jpg) no-repeat -2px;
}

.cols .col:nth-child(3) .containers .front {
    background: url(../images/f6.jpg) no-repeat -10px;
}

.cols .col:nth-child(4) .containers .front {
    background: url(../images/f7.jpg) no-repeat 2px;
}

.backk {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}



.inner {

    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);

    transform: translateY(-50%) translateZ(60px) scale(0.94);

    top: 55%;

    position: absolute;

    left: 0;

    width: 100%;

    padding: 2rem;

    font-size: .7em;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    outline: 1px solid transparent;

    -webkit-perspective: inherit;

    perspective: inherit;

    z-index: 2;

}



.containers .backk {

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.containers .front {

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg);

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.containers:hover .backk {

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg);

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.containers:hover .front {

    -webkit-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.front .inner p {

    font-size: 2.5rem;

    margin-bottom: 2.5rem;

    position: relative;

}



.front .inner p:after {

    content: '';

    width: 4rem;

    height: 2px;

    position: absolute;

    background: #C6D4DF;

    display: block;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -1.25rem;

}



.front .inner span {

    color: rgba(255, 255, 255, 0.7);

    font-family: 'Montserrat';

    font-weight: 300;

}



@media screen and (max-width: 64rem) {

    .col {

        width: calc(33.333333% - 2rem);

    }

}



@media screen and (max-width: 48rem) {

    .col {

        width: calc(50% - 2rem);

    }

}



@media screen and (max-width: 32rem) {

    .col {

        width: 100%;

        margin: 0 0 2rem 0;

    }

}





.ad {

    width: 1920px;

    position: relative;

    left: 50%;

    margin: 0 auto 0 -960px;

}

.in_tdbg {

    padding-top: 55px;
    overflow: hidden;

}

.in_tdbg ul li {
    width: 23%;
    float: left;
}

.in_tdbg ul li:nth-child(2),
.in_tdbg ul li:nth-child(3),
.in_tdbg ul li:nth-child(4),

.in_tdbg ul li:nth-child(6),
.in_tdbg ul li:nth-child(7),
.in_tdbg ul li:nth-child(8),

.in_tdbg ul li:nth-child(10),
.in_tdbg ul li:nth-child(11),
.in_tdbg ul li:nth-child(12),

.in_tdbg ul li:nth-child(14),
.in_tdbg ul li:nth-child(15),
.in_tdbg ul li:nth-child(16),

.in_tdbg ul li:nth-child(18),
.in_tdbg ul li:nth-child(19),
.in_tdbg ul li:nth-child(20) {
    margin-left: 32px;
}

.in_tdbg ul {
    margin: 0 auto;
    padding-top: 45px;
}

.in_tdbg ul li a img {
    width: 100%;
    height: 207px;
}

.in_tdbg ul li a p {
    padding: 15px 0;
    text-align: center;
    font-weight: bold;
}

.in_td_r {

    width: 1200px;

    margin: 0 auto;

    padding-top: 45px;

}



.in_td_3 {

    width: 200px;

    height: 324px;

    float: left;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

}



.pro_l {
    width: 280px;
}

.pro_l .pList_top {
    width: 280px;
    height: 77px;
    background: #205d53;
}

.pList_top span {

    display: block;

    font-size: 20px;

    height: 20px;

    line-height: 45px;

    text-align: center;

    color: #fff;

    padding-top: 0;
}

.pList_top p {
    display: block;

    font-size: 30px;

    text-align: center;

    color: #fff;

    padding-top: 17px;
}

.pro_l ul {
    width: 278px;
    /*padding: 1px 0 22px;background: #efefef*/
    border: 1px solid #efefef;
}

.pro_l ul a {

    color: #333333 !important;

    padding-left: 30px;

    font-size: 16px;

    display: block;

    font-weight: normal;

    background: url(../images/20180530155243_655739498.jpg) no-repeat;

    line-height: 55px;

}

.pro_l ul li {
    text-align: center;
    line-height: 45px;
    border-bottom: 1px dashed #cfcfcf;
    font-size: 14px;
}

/*.pro_l ul li a:hover{ color:#0156a9;}*/

.pro_l .phone {
    width: 280px;
    padding: 1px 0 22px;
    background: #efefef;
    text-align: center;
}

.pro_l .phone img {
    text-align: center;
    width: 50px;
    height: 50px;
}

.pro_l .phone p {
    font-size: 30px;

    font-weight: bold;
    color: #0156a9;
    text-align: center;
    padding: 10px 0;
    font-family: Impact;
}

.proimg {
    width: 895px;
}

.proimg li {
    width: 240px;
    margin: 0 40px 23px 26.6px;
    float: left;
    transition: all 0.2s ease-in;
}

.proimg li:nth-child(3n+1) {
    margin-left: 0px;
}

.proimg li .img {
    width: 276px;
    height: 208px;
    border: 2px solid #EFEFEF;
    overflow: hidden;
    border-bottom: none;
}

.proimg li img {
    max-width: 100%;

    height: 208px;

    display: block;

    -moz-transition: .5s ease-in;

    -webkit-transition: .5s ease-in;

    -o-transition: .5s ease-in;

    -ms-transition: .5s ease-in;

    transition: .5s ease-in;

    margin: 0 auto;
}

/*.proimg li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}*/

.proimg li p {
    display: block;
    width: 271px;
    height: 35px;
    text-align: center;

    padding: 10px 0 0 10px;
    line-height: 35px;
    /*background: url(../img/prozibg.png) no-repeat center;*/

    position: relative;
    top: 0px;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.proimg li:hover .img{border-color: #0156A9}

.proimg li:hover p {background: url(../img/prozibgh.png) no-repeat center;color: #fff}*/

.pro_l ul li:nth-child(4) {
    border: none;
}



#demo {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    height: 100px;
}

#indemo {
    width: 30000px;
}

#demo1 ul li,
#demo2 ul li {
    width: auto;
    float: left;
    margin: 0 15px;
}

#demo1 ul li img,
#demo2 ul li img {
    width: 200px;
}



.bg1 {

    background: url(../images/fabg.jpg) no-repeat center 0 / cover #f5f5f5;

    overflow: hidden;

    padding: 35px;

    margin: 30px 0 0 0;
    height: 640px;

}

.bg1 .section-title {

    color: #565656;

}

.bg1 .section-title:after {

    display: none;

}

.in-jjfa {

    margin-left: -28px;

}

.in-jjfa li {

    float: left;

    width: 25%;

}

.in-jjfa li a {

    display: block;

    background-color: #fff;

    margin-left: 21px;

    /*border-bottom: 3px solid #dddddd;*/

}

.in-jjfa li .img-cover {

    position: relative;

}

.in-jjfa li .img-cover span {

    padding-top: 66.7%;

}

.in-jjfa li .img-cover span img {
    width: 279px;
    height: 240px;
}

.in-jjfa li .img-cover p {

    background-color: #fff;

    color: #565656;

    left: 0;

    bottom: 0;

    width: 100%;

    margin: 0;

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 16px;

    padding: 30px 0;

    line-height: 40px;
    height: 210px;

}

.in-jjfa li .text {

    height: 200px;

    padding: 30px 20px;

    position: relative;

}

.in-jjfa li .text p {

    margin: 0 0 8px;

    color: #666;

    font-size: 13px;

    padding-left: 24px;

    background: url(../images/faico.jpg) no-repeat 0 5px;

    line-height: 1.85;

}

.in-jjfa li .text .more {

    position: absolute;

    right: 0;

    bottom: 0;

    line-height: 30px;

    background-color: #adadad;

    color: #fff;

    padding: 0 20px;

}

.in-jjfa li a:hover .img-cover p {

    /*background-color: #015cb5;*/

}

.in-jjfa li a:hover .text .more {

    background-color: #015cb5;

}

.hy-menu {

    float: right;

    width: 760px;

    margin-top: -30px;

}

.hy-menu li {

    float: left;

    width: 33.333333%;

}

.hy-menu li a {

    display: block;

    margin: 30px 0 0 30px;

}

.hy-menu li a:after {

    display: block;

    content: '';

    width: 60px;

    height: 2px;

    background-color: #015cb5;

    margin-top: 15px;

    visibility: hidden;

}

.hy-menu li h4 {

    margin: 0;

    position: relative;

    font-size: 16px;

    color: #fff;

    background-color: #666;

    width: 125px;

    text-align: center;

    line-height: 2;

    font-weight: normal;

}

.hy-menu li h4 small {

    position: absolute;

    font-size: 15px;

    width: 26px;

    line-height: 26px;

    border-radius: 50%;

    border: 2px solid #fff;

    background-color: #f7c433;

    left: -15px;

    top: -15px;

    font-weight: bold;

}

.hy-menu li p {

    margin: 10px 0 0;

    color: #666;

    font-size: 13px;

    line-height: 1.8;

    height: 46px;

    overflow: hidden;

}

.hy-menu li.active h4 {

    background-color: #015cb5;

}

.hy-menu li.active a:after {

    visibility: visible;

}

.hy-con {

    float: left;

    width: 390px;

}

.hy-con .swiper-slide .img-center {

    position: relative;

    padding: 10px 10px 0 0;

}

.hy-con .swiper-slide .img-center:before {

    position: absolute;

    right: -10px;

    top: -10px;

    width: 100%;

    height: 100%;

    background-color: #f1f1f1;

    content: '';

}

.hy-con .swiper-slide .img-center img {

    position: relative;

}

.tel-tl {

    background: url(../images/xban.jpg) no-repeat center #1867c6;

    color: #fff;

}

.tel-tl dl {

    margin: 0;

}

.tel-tl dt {

    float: left;

}

.tel-tl dt a {

    display: block;

    width: 145px;

    line-height: 50px;

    background-color: #f7c433;

    color: #015cb5;

    text-align: center;

    font-weight: bold;

    font-size: 16px;

}

.tel-tl dd {

    float: left;

    margin-left: 20px;

    line-height: 1;

}

.tel-tl dd strong {

    display: block;

    font-size: 30px;

    font-family: Impact;

    margin-top: 5px;

}





/*xinwen*/

.indh_title {
    text-align: center;
    padding-bottom: 30px;
}

.indh_title h2 {
    font-size: 3rem;
    font-weight: bold;
    color: #565656;
}

.indh_title p {
    font-size: 1.125rem;
    color: #565656;
    padding-top: 10px;
}

.indh_title::after {

    content: '';

    display: block;

    width: 60px;

    height: 4px;

    background: #565656;

    margin: 15px auto;

}



.news-box {

    width: 1200px;

    overflow: hidden;

    position: relative;

    margin: 40px auto;

}

.news-box .l {

    width: 750px;

    float: left;

}

.news-box .sort {

    width: 748px;

    height: 60px;

    float: left;

    border: 1px solid #f3f3f3;

    border-bottom: none;

}

/*.news-box .sort ul li:nth-child(1) {

    background: #2383CF;

}*/

.news-box .sort ul li {

    width: 200px;

    height: 60px;

    float: left;

    line-height: 60px;

    text-align: center;

    font-size: 14px;

}

/*.news-box .sort ul li:nth-child(1) a {

    color: white;

}*/

.news-box .sort ul li a {

    display: block;

    font-size: 1.75rem;

    color: #585858;

}

.news-box .sort ul li a span {

    font-size: 0.875rem;

    color: #c9c9c9;

    padding-left: 10px;

    font-weight: normal;

}

.indho_more {

    margin-top: 24px;

    width: 117px;

    height: 35px;

    background: #205d53;

    text-align: center;

    font-size: 0.875rem;

    border-radius: 18px;

    line-height: 35px;

    color: #fff;

}



.news-box .l .show {

    /*overflow: hidden;*/

    border: 1px solid #f3f3f3;

    padding-bottom: 20px;

}

.news-box .l .show .imgnew {

    padding: 15px;

}

.news-box .l .show .imgnew img {

    width: 310px;

    float: left;

    height: 170px;

}

.news-box .l .show .imgnew .info {

    float: right;

    width: 380px;

}

.news-box .l .show .imgnew .info h3 {

    font-size: 16px;

    font-weight: bold;

}

.news-box .l .show .imgnew .info h4 {

    font-size: 14px;

    padding-top: 8px;

    line-height: 28px;

}

.news-box .l .show .hangye {

    margin: 225px 15px 0 15px;

}

.news-box .l .show .hangye ul li:nth-child(2n-1) {

    margin-left: 0px;

}

.news-box .l .show .hangye ul li {

    width: 48%;

    float: left;

    margin-left: 4%;

    font-size: 15px;

    background: url(../images/new-p.png) no-repeat center left;

    text-indent: 20px;

    line-height: 38px;

}

.news-box .r {

    width: 415px;

    float: right;

    border: 1px dashed #ddd;

    background: #fff;

    padding: 0 15px;

}

.news-box .r .tip {

    width: 387px;

    height: 60px;

    /* float: right; */

    /*  background: url(../img/newh3.png);*/

    line-height: 64px;

    font-size: 18px;

    font-weight: bold;

    /*text-indent: 85px;*/

    color: #565656;

}

.news-box .r .tip span {

    font-size: 0.875rem;

    color: #c9c9c9;

    padding-left: 10px;

    font-weight: normal;

}

.news-box .r ul {

    width: 100%;

    min-height: 100px;

    overflow: hidden;

    margin-top: 15px;

    float: left;

}

.news-box .r ul li {

    width: 100%;

    float: left;

    margin-bottom: 35px;

}

.news-box .r ul li h2 {

    width: 100%;

    height: 50px;

    padding-bottom: 25px;
    border-bottom: 1px dashed #c3c3c3;

}

.news-box .r ul li h2 span {

    width: 25px;

    height: 25px;

    float: left;

    display: block;

}

.news-box .r ul li h2 .info {

    width: 345px;

    float: right;

    height: 25px;

    line-height: 25px;

    font-size: 16px;

    font-weight: bold;

}

.news-box .r ul li h3 {

    width: 100%;
    padding-top: 20px;

}



.news-box .r ul li h3 span {

    width: 25px;

    height: 25px;

    float: left;

    display: block;

}



.news-box .r ul li h3 .info {

    width: 345px;

    float: right;

    line-height: 25px;

    font-size: 15px;

}







.bg2 {

    background: url(../images/rzbg.jpg) no-repeat center / cover;

    color: #fff;
    padding: 70px 0;
    margin-top: 40px;

}

.bg2 .section-title:after {

    background-image: url(../images/cptit.png);

}



.in-rz {

    margin-left: -88px;
    overflow: hidden;

}

.in-rz li {

    float: left;

    width: 131px;

    margin-left: 77px;

}

.in-rz li .wrap {

    display: table;

    width: 100%;

    height: 131px;

    position: relative;

}

.in-rz li .wrap:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: url(../images/rzico.png) no-repeat 0 0;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

}

.in-rz li .inner {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    padding: 0 25px;

}

.in-rz li .inner p {

    margin: 0;

}

.in-rz li:nth-child(2) .wrap:before {

    background-position: -214px 0;

}

.in-rz li:nth-child(3) .wrap:before {

    background-position: -427px 0;

}

.in-rz li:nth-child(4) .wrap:before {

    background-position: -642px 0;

}

.in-rz li:nth-child(5) .wrap:before {

    background-position: -855px 0;

}

.in-rz li:nth-child(6) .wrap:before {

    background-position: -1068px 0;

}

.in-rz li .wrap:hover:before {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}

.in-rz-tel {

    margin-top: 50px;

    text-align: center;

}

.in-rz-tel p {

    margin: 0 auto;

    width: 415px;

    background: url(../images/rztel.png) no-repeat 0 0;

    height: 64px;

    padding-left: 110px;

    font-size: 16px;

    line-height: 40px;

}

.in-rz-tel strong {

    color: #f7c433;

    font-size: 30px;

    font-family: Impact;

}

.in-rz-tel .btn {

    display: block;

    width: 190px;

    line-height: 45px;

    color: #fff;

    background-color: #015cb5;

    margin: 20px auto 0;

}





/*gw*/

.ind-about {

    padding: 60px 0 20px;

    overflow: hidden;
    background: #f1f1f1;

}

.ind-about .ind-tit1 {

    padding-bottom: 30px;

}

.ind-tit1 .line {

    position: absolute;

    width: 100%;

    top: 20px;

    left: 0;

    height: 1px;

    background: #dcdcdc;

    z-index: -1;

}

.ind-about-txt {

    overflow: hidden;
    background: #f1f1f1;

}

.ind-about-txt .img1 {

    float: left;

    max-width: 45%;

}

.img1 img {

    /*   width:480px;

    height: 326px;*/

}

.ind-about-txt .txtbox {

    overflow: hidden;

    color: #333;

    /*width: 33%;*/

    float: right;
    padding-top: 30px;
    display: flex;

}

.txtbox-img {
    width: 500px;
    height: 355px;
    margin-right: 30px;
}

.txtbox-img img {
    width: 100%;
    height: 100%;
}

.ind-about-txt .txt {

    margin-bottom: 20px;

    overflow: hidden;

    line-height: 37px;

    font-size: 14px;
    flex: 1;

}

.ind-about-txt .txt h3 {

    font-size: 24px;

    font-weight: bold;

    /* padding-bottom: 20px;*/

}

.ind-about-txt .txt h3 small {

    display: block;

    font-weight: normal;

    font-size: 14px;

    color: #999;

    letter-spacing: -1px;

}

.ind-about-txt .txt h3:after {

    display: block;

    content: '';

    width: 130px;

    height: 3px;

    background-color: #015cb5;

    margin-top: 15px;

}

.ind-about-txt .txt .more {

    display: block;

    margin-top: 20px;

    line-height: 40px;

    width: 135px;

    text-align: center;

    color: #fff;

    background-color: #205d53;

}

.ind-about .ind-btn1 {

    margin-top: 20px;

    text-indent: 0;

    margin: 0 auto;

}

.ind-btn1 {

    display: block;

    width: 130px;

    line-height: 35px;

    height: 35px;

    font-size: 14px;

    color: #fff;

    text-align: center;

}

.ind-btn1 {

    background: #025dde;

}

.ind-btn1:hover {

    background: #072e20;

}

.ind-btn1:hover {

    color: #fff;

}



.wp {

    width: 96%;

    max-width: 1200px;

    margin: 0 auto;

}

.img {

    border: 1px solid #ddd;

    padding: 3px;

}



.img img {

    display: block;

    margin: 0 auto;

    text-align: center;

    max-width: 100%;

    height: 200px;

}



.border ul li span {

    text-align: center;

    padding: 20px 0;

    display: block;

}



.f_bg {
    background: #fff;
    height: 345px;
    overflow: hidden;
    border-top: #da2720 4px solid;
}

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

.f_nav {
    height: 88px;
    line-height: 90px;
    overflow: hidden;
    border-bottom: #b5b5b5 1px solid;
}

.f_nav ul li {
    float: left;
    padding: 0 36px;
    background: url(../images/f_bor.png) no-repeat 0 38px;
    line-height: 40px;
}

.f_nav ul li a {
    font-size: 16px;
    color: #666;
}

.f_nav ul li a:hover {
    color: #000;
}

.f_nav ul li:first-child {
    background: none;
}

.f_logo {
    width: 320px;
    height: 190px;
    padding: 40px 0 0;
}

.f_logo h5 {
    width: 230px;
    padding-bottom: 12px;
}

.f_logo h5 img {
    width: 230px;
}

.f_logo p {
    padding: 15px 0 0;
    font-size: 14px;
    color: #666;
    background: url(../images/f_line01.png) no-repeat;
    line-height: 30px;
}

.f_logo p span {
    display: block;
}

.f_logo p a {
    color: #666;
}

.f_ban {
    width: 440px;
    padding: 30px 0 0 100px;
    height: 200px;
    background: url(../images/f_line02.png) no-repeat 0 42px;
}

.f_ban p {
    line-height: 40px;
    font-size: 14px;
    color: #646464;
    padding-left: 30px;
}

.f_ban span {
    padding: 0 10px;
}

.f_ban a {
    color: #646464;
}

.f_ban p.f_p01 {
    background: url(images/f_ico01.png) no-repeat 0 12px;
    font-size: 16px;
    font-weight: bold;
}

.f_ban p.f_p02 {
    background: url(images/f_ico02.png) no-repeat 0 12px;
}

.f_ban p.f_p03 {
    background: url(images/f_ico03.png) no-repeat 0 12px;
}

.f_ban p.f_p04 {
    background: url(images/f_ico04.png) no-repeat 0 12px;
}

.f_er {
    width: 320px;
    padding: 40px 0 0;
}

.f_er p {
    /*width: 120px;*/
    float: left;
    padding: 0 0 0 40px;
    text-align: center;
}

.f_er p em {
    display: block;
    width: 150px;
    height: 150px;
    border: #aaa 1px solid;
    padding: 9px;
}

.f_er img {
    width: 130px;
    height: 130px;
}

.f_er p span {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 40px;
}

.footer {

    width: 1200px;

    margin: 0 auto;

}







/*公司相册*/

.photo_bg {
    background: #f1f1f1;
    padding: 0 0 60px 0;
    height: 230px;
}

.photo_t {
    width: 210px;
}

.photo_t ul li {
    width: 210px;
    padding: 10px 0;
}

.photo_t ul li a {
    border: #025395 2px solid;
    color: #025395;
    width: 138px;
}

.photo_t ul li a:hover,
.photo_t ul li.on a {
    background: #da251c;
    border: #da251c 2px solid;
    color: #fff;
}

.photo_m {
    padding: 5px 0 0;
    width: 990px;
}

.photo_m ul li {
    width: 210px;
    float: left;
    margin-left: 36px;
    -webkit-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 3px 5px 3px #eee;
}

.photo_m ul li em {
    width: 210px;
    height: 170px;
    display: block;
    line-height: 0;
    overflow: hidden;
    background: #fff;
    padding: 15px;
}

.photo_m ul li img {
    width: 180px;
    height: 135px;
}

.wd_l ul li a,
.photo_t ul li a {
    display: block;
    width: 126px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    overflow: hidden;

    border-radius: 20px;
    font-size: 16px;
    /*border: #db3e33 2px solid;color: #db3e33;*/
}



/*xinwen*/

.in-news {

    margin-left: -45px;

}

.in-news .item {

    float: left;

    width: 360px;

    margin-left: 45px;

}

.in-news .tit {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 30px;

}

.in-news .tit small {

    color: #999;

    padding-left: 5px;

    font-weight: normal;

    font-size: 16px;

}

.in-news .tit .more {

    float: right;

    color: #999;

    font-weight: normal;

}

.in-news .tit .more:hover {

    color: #015cb5;

}

.in-news .tit:after {

    margin-top: 20px;

    display: block;

    content: '';

    width: 45px;

    height: 2px;

    background-color: #015cb5;

}

.in-news .img-center img {

    -webkit-transition: all 0.5s;

    transition: all 0.5s;
    width: 360px;
    height: 240px;

}

.in-news .img-center a:hover img {

    opacity: 0.7;

}

.in-news .list {

    border: 1px solid #ddd;

    padding: 20px;

}

.in-news .list li {

    border-bottom: 1px dashed #e3e3e3;

    line-height: 32px;

    height: 32px;

    overflow: hidden;

    background: url(../images/proce.jpg) no-repeat 0 10px;

    padding-left: 20px;

}

.in-news .list li a {
    color: #999;
}

.in-news .list .btn {

    display: block;

    width: 130px;

    line-height: 36px;

    text-align: center;

    background-color: #015cb5;

    color: #fff;

    margin-bottom: 5px;

    margin-top: 20px;

}

.in-ask {

    background-color: #f5f5f5;

    padding: 20px;

}

#marquee {

    height: 350px;

    overflow: hidden;

}

#marquee li {

    border-bottom: 1px dotted #d2d2d2;

}

#marquee li a {

    display: block;

    padding: 18px 0;

}

#marquee li h4 {

    margin: 0;

    background: url(../images/icon_askw.png) no-repeat 0 0;

    line-height: 22px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding-left: 30px;

    padding-bottom: 5px;

}

#marquee li p {

    margin: 10px 0 0;

    color: #999;

    background: url(../images/icon_askd.png) no-repeat 0 0;

    line-height: 1.8;

    padding-left: 30px;

    height: 50px;

    overflow: hidden;

}

.sectionss {

    margin: auto;

    overflow: hidden;

    margin-top: 45px;

}



.yunu-sou {

    padding: 15px 0;

    background-color: #f5f5f5;

}

.yunu-sou .hot {

    float: left;

    padding: 5px 0;

}

.yunu-sou .hot a {

    margin-right: 10px;

}

.yunu-sou .hot strong {

    color: #015cb5;

}

.yunu-sou .hform {

    float: right;

}

.yunu-sou .hform input {

    float: left;

    font-size: 12px;

    border: 1px solid #eee;

    padding: 6px 12px;

    line-height: 16px;

    width: 210px;

}

.yunu-sou .hform button {

    border: 0;

    border-bottom: 1px solid transparent;

    padding: 0;

    float: left;

    cursor: pointer;

    outline: none;

    width: 49px;

    height: 30px;

    background: #015cb5;

    color: #fff;

}

.yunu-link {

    padding: 20px 0;

}

.yunu-link h4 {

    border-bottom: 1px solid #ddd;

    margin: 0;

    font-size: 18px;

    color: #015cb5;

    padding-bottom: 15px;
    font-weight: bold;

}

.yunu-link h4 small {

    text-transform: uppercase;

    font-size: 16px;

    font-weight: normal;

    color: #999;

}

.yunu-link ul {

    margin-left: -20px;

}

.yunu-link li {

    float: left;

    margin-left: 20px;

    margin-top: 20px;

}





.in_td_bg1 {

    background: url(../images/fw_tu1.jpg) no-repeat bottom;

}



.in_td_bg2 {

    background: url(../images/fw_tu2.jpg) no-repeat bottom;

}



.in_td_bg3 {

    background: url(../images/fw_tu3.jpg) no-repeat bottom;

}



.in_td_bg4 {

    background: url(../images/fw_tu4.jpg) no-repeat bottom;

}



.in_td_bg5 {

    background: url(../images/fw_tu5.jpg) no-repeat bottom;

}



.in_td_bg6 {

    background: url(../images/fw_tu6.jpg) no-repeat bottom;

}



.in_td_3 h6 {

    font-size: 16px;

    line-height: 20px;

    height: 20px;

    color: #fff;

    display: block;

    padding-top: 30px;

    text-align: center;

}



.in_td_3 h5 {

    width: 20px;

    height: 2px;

    background: #fff;

    margin: 0 auto;

    margin-top: 30px;

}



.in_td_3bgone {

    width: 100%;

    height: 100%;

    background-color: rgba(31, 45, 58, 0.6);

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 3;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.in_td_3bgh {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 2;

    opacity: 0;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.in_td_6 {

    width: 60px;

    height: 60px;

    margin: 0 auto;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    margin-top: 74px;

}



.in_td_6 i {

    width: 60px;

    height: 60px;

    display: block;

}



.in_td_6_1 {

    background: url(../images/fw_1.png) center no-repeat;

}



.in_td_6_2 {

    background: url(../images/fw_2.png) center no-repeat;

}



.in_td_6_3 {

    background: url(../images/fw_3.png) center no-repeat;

}



.in_td_6_4 {

    background: url(../images/fw_4.png) center no-repeat;

}



.in_td_6_5 {

    background: url(../images/fw_5.png) center no-repeat;

}



.in_td_6_6 {

    background: url(../images/fw_6.png) center no-repeat;

}



.in_td_3:hover {}



.in_td_3:hover .in_td_3bgone {

    height: 346px;

    opacity: 1;

    background-color: rgba(32, 102, 223, 0.8);

    z-index: 5;

}



.in_td_3:hover .in_td_3bgh {

    height: 346px;

    opacity: 1;

}



.in_td_3:hover .in_td_6 {

    margin-top: 96px;

}



.in_case {
    padding-top: 55px;
}



.index-case-scroll {

    padding: 20px 0;

    width: 1200px;

    margin: 0 auto;

}

.index-case-scroll h4 {

    text-align: center;

    font-size: 16px;

}

.case-scroll .slide a img {

    height: 210px;

}

.b_text_xx {

    text-align: center;

}



.b_text_xx h3 {

    height: 55px;

    line-height: 1;

    font-size: 36px;

    color: #17223a;

    font-weight: bold;

    background: url(/image/in_x1.png) no-repeat center bottom;

}



.b_text_xx h3 span {

    color: #2066df;

}



.b_text_xx h4 {

    height: 20px;

    line-height: 20px;

    text-align: center;

    font-size: 18px;

    color: #666;

    text-transform: uppercase;

    padding-top: 10px;

}



.b_text_xx h5 {

    height: 20px;

    line-height: 20px;

    text-align: center;

    font-size: 16px;

    color: #303d5b;

    text-transform: uppercase;

    padding-top: 10px;

}









/* effect-1 css */

.port-1 {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.port-1 .text-desc {
    opacity: 0.9;
    top: -100%;
    transition: 0.5s;
    color: #000;
    padding: 0 20px 20px;
}

.port-1 img {
    transition: 0.5s;
    width: 280px;
    height: 240px;
}

.port-1:hover img {
    transform: scale(1.2);
}



.port-1.effect-1:hover .text-desc {
    top: 0;
}



.port-1.effect-2 .text-desc {
    top: auto;
    bottom: -84%;
}

.port-1.effect-2:hover .text-desc {
    bottom: -50%;
}



.port-1.effect-3 .text-desc {
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
}

.port-1.effect-3:hover .text-desc {
    width: 100%;
    top: 50%;
    left: 0;
    height: 100%;
    padding: 45px 20px 20px;
}

/* effect-1 css end */

.btn {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    border: 2px solid #a3a3a382;

    /*    background-color: #4d92d9;*/
    text-decoration: none;
    transition: 0.4s;
    margin-top: 20px;
}

.btn:hover {
    background-color: transparent;
    color: #4d92d9;
    transition: 0.4s;
}

.text-desc {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #a3a3a382;
    height: 100%;
    opacity: 0;
    width: 100%;
    padding: 20px;
}

.port-1.effect-2 .text-desc h3 {
    color: #fff;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}





/*.bg1 {

  background: url(../images/902_ys_bg.jpg) no-repeat center / cover #1873b0;

  color: #fff;    padding: 80px 0;margin-top: 65px;

}*/

.bg1 .section-title strong {

    color: #fff;

}

.in-adv {

    margin: -20px 0 0 -20px;

}

.in-adv li {

    float: left;

    width: 33.333333%;

}

.in-adv li a {

    display: block;

    margin: 20px 0 0 20px;

    background: rgba(0, 0, 0, 0.5);

    padding: 30px;

    overflow: hidden;

    color: #fff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.in-adv li .img-center {

    float: left;

    width: 92px;

    line-height: 92px;

    height: 92px;

    border-radius: 50%;

    background-color: rgba(255, 255, 255, 0.1);

}

.in-adv li .text {

    margin-left: 116px;

}

.in-adv li .text h4 {

    margin: 0;

    font-weight: normal;

    font-size: 20px;

    line-height: 1.8;

}

.in-adv li .text p {

    margin: 10px 0 0;

}

.in-adv li a:hover {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

    background-color: rgba(16, 68, 146, 0.9);

}

.list-2 {

    margin: -20px 0 0 -20px;

}

.list-2 li {

    float: left;

    width: 33.333333%;

}

.list-2 li a {

    display: block;

    margin: 20px 0 0 20px;

    background-color: #fff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.list-2 li .img-cover {

    padding-top: 66%;

}

.list-2 li .more {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(16, 68, 146, 0.7);

    color: #fff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.list-2 li .more i {

    text-transform: uppercase;

    position: absolute;

    left: 50%;

    top: 50%;

    font-style: normal;

    border: 1px solid #fff;

    width: 54px;

    line-height: 54px;

    border-radius: 50%;

    text-align: center;

    margin: -28px 0 0 -28px;

}

.list-2 li .text {

    line-height: 68px;

    font-size: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: center;

    padding: 0 15px;

}

.list-2 li a:hover {

    background-color: #1873b0;

    color: #fff;

}

.list-2 li a:hover .more {

    -webkit-transform: scale(1);

    transform: scale(1);

}

.list-2-1 li a {

    background-color: #f0f0f0;

}





.in-about {

    margin: 0;
    margin-top: 45px;

}

.in-about dt {

    float: left;

    position: relative;

    width: 520px;

    /*  margin: 0 0 40px 40px;*/

}

/*.in-about dt:before {

  content: '';

  position: absolute;

  left: -40px;

  bottom: -40px;

  width: 80%;

  height: 100%;

  background-color: #1873b0;

}*/

.in-about dt img {

    position: relative;

    z-index: 1;
    width: 100%;

}

.in-about dd {

    margin-left: 570px;

    background-color: #fff;

    /*  box-shadow: 0 1px 18px 1px rgba(54,62,69,0.6);*/

    margin-top: 40px;

    /*  padding: 60px 80px;

  height: 440px;*/

}

.in-about dd h4 {

    margin: 0;

    font-size: 24px;

    font-weight: bold;

}

.in-about dd p {

    font-size: 16px;

    line-height: 36px;

    color: #666;

    margin: 25px 0 0;

    text-align: justify;

}

.in-about dd .more-big {

    margin-top: 40px;

}





#banners img {
    width: 100%;
    height: auto;
}





#about {
    width: 1200px;
    margin: 0 auto;
    background: url(../images/about.jpg) no-repeat;
    height: 560px;
}



.about-neirong {

    width: 380px;

    float: left;

    padding-right: 60px;

    line-height: 30px;

    padding-top: 30px;

}

.about-neirong h3 {
    color: #e18a3b;
    padding-bottom: 15px;
    font-weight: bold;
    text-align: center;
}

/*.about-neirong p{text-indent: 30px;}*/

.more {

    height: 40px;

    line-height: 40px;

}

.more a {

    border-bottom: 1px solid #e18a3b;

    padding-bottom: 3px;

    color: #e18a3b;

}







.picScroll-left2 {

    width: 1170px;

    height: auto;

    overflow: hidden;

    position: relative;

    /*  margin-top: 25px;background: #b9bcc1;

  border: 1px solid #ccc;padding: 50px 0 0 0; */

    margin-left: auto;

    margin-right: auto;
    margin-bottom: 40px;



}

.picScroll-left2 .hd .prev {
    display: block;
    float: left;
    margin-left: 30px;
    margin-top: 55px;
    overflow: hidden;

    cursor: pointer;
    /*background: #a2a1a1;*/
    padding: 5px;
}

.picScroll-left2 .hd .prev img {
    width: 20px;
}

.picScroll-left2 .hd .next {
    display: block;
    float: right;
    margin-right: -5px;
    margin-top: 55px;
    overflow: hidden;

    cursor: pointer;
    /*background: #a2a1a1;*/

    padding: 5px;
}

.picScroll-left2 .hd .next img {
    width: 20px;
}

.picScroll-left2 .bd {
    padding-top: 25px;
    margin-left: 75px;
}

.picScroll-left2 h3 {
    height: 48px;
    line-height: 48px;
    text-align: center;
    overflow: hidden;

    background: url(../images/photo_line.gif) no-repeat center 46px;
    color: #fff;
    color: #f37c20;
}

.picScroll-left2 .bd ul {
    overflow: hidden;
}

.picScroll-left2 .bd ul li {
    margin: 0 5px;
    width: 200px;
    float: left;
    display: inline;
    overflow: hidden;
    text-align: center;
}

.picScroll-left2 .bd ul li .pic {
    text-align: center;
}

.picScroll-left2 .bd ul li .pic img {
    display: block;
    width: 200px;
    height: 110px;
    border: 1px solid #999;

    padding: 5px;
}

.picScroll-left2 .bd ul li .title {
    line-height: 30px;
    text-align: center;
}

.picScroll-left2 .bd ul li .title p {
    color: #7b7b7b;
    text-indent: 0;
    padding-top: 10px;
}

#huoban p {
    text-align: center;
}

#huoban {
    margin-top: 55px;
}



.w-1200 {
    width: 1200px;
    margin: 0 auto;
    background: url(../images/youshi.jpg) no-repeat;
    background-size: 100%;
    height: 588px;
}

#youshi p:nth-child(2) {
    text-align: center;
}

.w-1200 ul li {
    width: 355px;
    line-height: 30px;
}

.w-1200 ul {
    position: relative;
}

.w-1200 ul li:nth-child(1) {
    position: absolute;
    top: 125px;
    left: 10px;
}

.w-1200 ul li:nth-child(2) {
    position: absolute;
    top: 100px;
    right: 10px;
}

.w-1200 ul li:nth-child(3) {
    position: absolute;
    top: 365px;
    left: 10px;
}

.w-1200 ul li:nth-child(4) {
    position: absolute;
    top: 365px;
    right: 10px;
}







.inf_lc {
    clear: both;
    padding: 5px 0 0;
}

.inf_lc li:hover {
    box-shadow: 0 0 10px #1b7bb7;
}

.inf_lc li:hover .fr {
    background: #2f318b;
    color: #fff;
}



.inf_lc li {
    height: 106px;
    overflow: hidden;
    margin: 10px 0 1px 2px;

    box-shadow: 0 0 10px #E5E5E5;
    padding-right: 35px;
}

.inf_lc li h4 {
    text-align: center;
    float: left;
    width: 14%;
    overflow: hidden;

    background: #1b7bb7;
    color: #fff;
    height: 75px;
    margin: 15px 0 0 15px;
}

.inf_lc li h4 b {
    font-weight: 100;
    display: block;
    line-height: 55px;
    height: 55px;

    overflow: hidden;
    font-size: 34px;
    text-transform: uppercase;
}

.inf_lc li h4 span {
    font-weight: 100;
    display: block;
    line-height: 16px;
    height: 30px;

    overflow: hidden;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

.inf_lc li p {
    padding: 15px 0 0 14px;
    line-height: 26px;
    width: 80%;
    overflow: hidden;
    float: right;
    color: #666;

    text-align: justify;
    font-size: 14px;
    height: 100px;
}

.inf_lc li p b {
    display: block;
    font-weight: 100;
    color: #2f318b;
    font-size: 16px;
    height: 35px;
}

.inf_lc li p b a {
    color: #2f318b;
    text-decoration: none;
}

.inf_lc li p b a,
.inf_lc li p b a:hover {
    font-weight: bold;
}

.inf_lc li p b a:hover {
    color: #2f318b;
}

.inf_lc li .fr {
    margin: 0 0 0;
    width: 70px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;

    background-color: #999;
    text-decoration: none;
}







/*在线留言*/

.pro_main form {

    margin-top: 20px;
    margin-left: 540px;
    padding-top: 70px;

}

.pro_main label {

    display: block;

    font-weight: normal;

    margin-bottom: 20px;

}

.pro_main label span {

    display: inline-block;

    margin-bottom: 0;

    width: 18%;

    text-align: right;

    vertical-align: middle;

    font-size: 14px;

    line-height: 30px;

    color: #333333;

}

.pro_main label input {

    width: 65%;

    font-size: 14px;

    line-height: 35px;

    padding-left: 8px;

    outline: none;

    border: 1px solid #cccccc;

    display: inline-block;

    vertical-align: middle;

    height: 37px;

}

.pro_main label i {

    color: #ff0000;

    font-style: normal;

    padding-left: 5px;

}

.pro_main label textarea {

    width: 65%;

    height: 70px;

    padding: 5px 4px;

    vertical-align: top;

    outline: none;

    border: 1px solid #cccccc;

}

.pro_main label input[type=submit],

.pro_main label input[type=reset] {

    width: 15%;

    background-color: #1b7bb7;

    color: #ffffff;

    border: 0;

    box-shadow: none;

    outline: none;

    cursor: pointer;

    line-height: 40px;

    padding: 0;

}

.pro_main label:last-child {

    margin-top: 30px;

}

.pro_main label input[type=reset] {

    background: #fff;

    color: #333;

    margin-left: 20px;

}

.pro_main h3 {

    font-weight: bold;

    font-size: 28px;

    color: #213075;

    /* margin-top: 25px;*/

    margin-bottom: 5px;

    line-height: 36px;

}

/*td{    border: 1px solid #cecece;}*/





.pro_main {
    width: 1200px;
    margin: 0 auto;
    background: url(../images/order.jpg) no-repeat;
    height: 373px;
}





.link {
    overflow: hidden;
    width: 100%;
    padding: 50px 0 40px 0;
}

.link h3 {
    /*float: left; width: 75px; */
    color: #666666;
    font-size: 14px;
    margin-top: 5px;

    border-bottom: 1px solid #666;
    padding-bottom: 10px;
}

.link h3 a {
    color: #205b51;
    font-size: 18px;
    font-weight: bold;
}

.link h3 a img {
    width: 20px;
}

.link .ul {
    width: 1200px;
    overflow: hidden;
}

.link .ul li {
    margin: 15px 0 0 0;
    float: left;
    padding: 0 20px;
    font-size: 14px;
}

.link .ul li a {
    color: #666666;
}





.process {
    height: 170px;
    background: url(../images/proce.jpg) repeat center;
    margin-top: 40px;
}

.process-le {
    float: left;
    width: 180px;
}

.process-le h1 {
    color: #fff;
    font-size: 24px;
    margin-top: 35px;
}

.process-le p {
    font-size: 12px;
    color: #fff;
    opacity: 0.5;
    filter: Alpha(opacity=50);
}

.process-le b {
    width: 45px;
    height: 4px;
    background: #fff;
    display: block;
    margin: 10px 0;
}

.process-le a {
    display: block;
    width: 91px;
    height: 29px;
    border: 1px solid #fff;
    line-height: 29px;

    text-align: center;
    color: #fff;
    margin-top: 17px;
}

.process-ri {
    float: right;
    width: 984px;
    padding-top: 33px;
}

.process-ri ul {
    height: auto;
    overflow: hidden;
    background: url(../images/proce_bg.png) no-repeat center;
}

.process-ri ul li {
    float: left;
    width: 107px;
    height: 107px;
    border: 1px solid #fff;
    border-radius: 100%;
    margin-right: 67px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
}

.process-ri ul li h1 {
    font-size: 34px;
    margin-top: 27px;
}

.process-ri ul li p {
    font-size: 14px;
    margin-top: 5px;
    font-weight: bold;
}









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



.bread {
    border-bottom: 1px solid #d8d6d6;
}

.bread p {

    width: 1200px;

    margin: 0 auto;

    text-align: right;

    height: 50px;

    line-height: 50px;

    color: #8a8a8a;

}

.bread p a {
    color: #8a8a8a;
}







.about-left {
    width: 730px;
    float: left;
}

.about-right {
    width: 420px;
    float: right;
}

.about-left p {
    text-indent: 30px;
    line-height: 30px;
}

.about-right img {
    width: 100%;
}

.youshi1 {
    background: url(../images/about3.jpg) no-repeat;
    height: 700px;
}

.youshi1 h2 {
    color: #fff;
}

.youshi1 #title {
    padding-top: 50px;
}

.zhanshi #title p:nth-child(3) {
    text-align: center;
    padding-bottom: 25px;
    padding-top: 10px;
}

.zhanshi {
    margin-bottom: 50px;
    margin-top: 40px;
}

.zhanshi1 {
    width: 280px;
    float: left;
}

.zhanshi2 {
    width: 580px;
    float: left;
    margin-left: 15px;
}

.zhanshi3 {
    width: 280px;
    float: right;
}

.zhanshi1 li img,
.zhanshi3 li img {
    width: 100%;
    height: 210px;
}

.zhanshi1 li p,
.zhanshi3 li p {
    text-align: center;
    background: #1b7bb7a1;
    line-height: 30px;
    color: #fff;
}

.pike_img {
    display: table-cell;
    vertical-align: middle;
}

ul,
li {
    list-style: none
}

.pike_prev {
    left: 10px
}

.pike_next {
    right: 10px
}

.pike {
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    height: 500px;
    overflow: hidden;
    position: relative
}

.pike_prev,
.pike_next {
    line-height: 70px;
    text-align: center;
    position: absolute;
    top: 45%;
    margin-top: -35px;

    border-radius: 2px;
    color: green;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;

    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    font-family: NSimSun;
    font-size: 50px
}

.pike_spot {
    position: absolute;
    bottom: 70px;
}

.pike_spot>.spot {
    width: 14px;
    height: 14px;
    background: white;
    float: left;
    margin: 0 6px;
    border-radius: 50%;
    cursor: pointer
}

.pi {
    width: 600px;
    margin: 0 auto;
}

.pike li img {
    width: 580px;
    height: 490px;
}







.product {
    margin-top: 25px;
}

.product form {
    height: 36px;
    line-height: 36px;
}

.product form input {
    vertical-align: middle;
    padding: 0;
    margin: 0;
    width: 84%;
    height: 37px;
    line-height: 37px;
    float: left;
    border: none;
}

.product form button {
    width: 16%;
    height: 37px;
    border: none;
    background: url(../images/ss.png) no-repeat center rgb(255, 255, 0);

    padding: 0;
    margin: 0;
    float: left;
}

.pro-banner img {
    width: 100%;
    height: auto;
}

.pro-banner {
    margin-bottom: 20px;
}

.weixiu {
    margin-top: 15px;
}

.con h3 {
    text-align: center;
    margin-bottom: 40px;
}

.con p {
    font-size: 16px;
    line-height: 40px;
    padding: 15px 0;
    letter-spacing: 2px;
}

.guanfang img {
    width: 25%;

    float: left;

    margin-left: 35px;
}

.guanfang p {
    width: 60%;
    float: right;
    text-align: center;
    letter-spacing: 2px;
}

.con .row .col-lg-6:nth-child(1) p {
    /*margin-left:60px;*/
    padding-left: 90px;
    border: 1px solid #999;
}

.con .row .col-lg-6 {
    margin-top: 20px;
}

dl.cgal3:hover {
    box-shadow: 0 0 5px #ABABAB;
}

dl.cgal3 {
    width: 280px;
    margin: 20px 12px;
    float: left;
    display: inline-block;
    /*box-shadow: 0 0 10px #ccc; font-family:"微软雅黑"; */
}

dl.cgal3 dt {
    width: 280px;
    overflow: hidden;
}

/*图片边框*/

dl.cgal3 dt a {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
}

dl.cgal3 img {
    display: block;
    /*width:100%;width:265px;height: 218px; */
    width: 280px;

    height: 300px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

dl.cgal3 a:hover img {
    transform: scale(1.03);
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
}

dl.cgal3 dd {
    width: 280px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    background: #fff;
}

dl.cgal3 dd a {
    color: #54574E;
    font-size: 15px;
}

/* -- 一行多个产品展示 -- */

dl.pd_list_dl {
    float: left;
    width: 289px;
    margin: 10px;
    box-shadow: 0 0 10px #dedede;
}

dl.pd_list_dl .cur {
    border: 1px #124a62 solid;
}

dl.pd_list_dl dt {
    text-align: center;
    float: left;
    overflow: hidden;
}

dl.pd_list_dl dt a {
    overflow: hidden;
    display: block;
    margin: 5px;
    width: 280px;
    height: 176px;
    overflow: hidden;
}

dl.pd_list_dl dt img {
    width: 280px;
    height: 176px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

dl.pd_list_dl dt img:hover {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
}

dl.pd_list_dl dt span {
    overflow: hidden;
    display: block;
}

dl.pd_list_dl dt span a {
    font-size: 14px;
    color: #2f318b;
    display: block;
    line-height: 35px;
    height: 35px;
    text-decoration: none;
}

dl.pd_list_dl .cur dd em a,
dl.pd_list_dl:hover dd em a {
    color: #fff;
    background: #2f318b;
}





.products .left .nr li {

    display: block;
    background: url(../images/right6.png) no-repeat 200px center;
    padding-left: 20px;
    height: 50px;

    line-height: 60px;
    width: 244px;
    height: 60px;
    /*margin: 0 auto 8px;*/
    font: 14px "宋体";
    padding-top: 20px;
    border-bottom: 1px solid #dcdcdc;

    background-color: #fff;
    background-size: 25px;
}

.products .left .nr li:hover {
    background: rgb(27, 123, 183);
    color: #fff;
}

.products .left .nr li a:hover {
    color: #fff;
}

.nr ul li {

    line-height: 45px;

    padding-left: 35px;

    background: url(../images/j2.png) no-repeat;

    background-position: 13px center;

    border-bottom: 1px dashed #999;

}

/*.pro_mains{    background: #f3f6f9;}*/

.sr-title {
    height: 38px;
    line-height: 38px;
    padding-top: 15px;
    /*background:url(../images/bg16.jpg) left center no-repeat;

 border:1px solid #ddd;*/
}

.sr-title .srt-left {
    float: left;
    font-size: 16px;
    padding-left: 20px;
    font-weight: bold;
    color: #fff;
    font-family: "SimHei";
}

.sr-title .srt-right {
    float: right;
    padding-left: 25px;
    background: url(../images/bg14.png) left no-repeat;
    padding-right: 10px;
}



/* -- 当前位置 -- */

.plc,
.plc2 {

    height: 40px;

    line-height: 24px;

    padding: 7px 8px 8px 12px;

    position: relative;

    color: #666;

    overflow: hidden;

    font-size: 14px;

}

.plc span {}

.plc i,
.plc2 i,
.plc a {
    font-style: normal;
    font-size: 14px;
    color: #666;
}



.left {
    width: 244px;
    float: left;
    overflow: hidden;
}

.right {
    width: 920px;
    float: right;
}

.leib2 {
    /*margin-bottom:20px;*/
    width: 244px;
    overflow: hidden;
}

.leib2 .tit,
.leib {
    width: 244px;
    overflow: hidden;
    font-family: "Microsoft Yahei";
}

.leib2 .tit,
.leib .tit {

    width: 250px;

    height: 80px;

    padding: 25px 0 0 35px;

    font-size: 22px;

    color: #FFF;

    background: rgb(27, 123, 183) url(../images/s1.jpg) no-repeat 15px 23px;

}



.leib2 .tit em {
    padding: 0 8px;
}



.leib2 .nr h3 {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}

.leib2 .nr h3 a {
    display: block;
    border-bottom: 1px solid #b5b5b5;

    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.leib2 .nr h3.cur,
.leib2 .nr h3:hover {
    background: #ec7e10;
}



.leib2 .nr ul {
    background: #F5F5F5;
    padding: 10px 0 10px 15px;
}

.leib2 .nr ul li {
    height: 32px;
    overflow: hidden;
}

.leib2 .nr ul li a {
    display: block;
    padding-left: 50px;
    color: #555;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
}

.leib2 .nr li.cur a,
.leib2 .nr li a:hover {
    color: #EC7E10;
}

.leib2 .nr ul li:last-child {
    border-bottom: none;
}



.project-tel22 {
    height: 80px;
    background: #b5b5b5;
    color: #fff;
    font-size: 12px;
    padding: 20px 0 0 20px;
    margin-bottom: 20px;
}

.project-tel22 i {
    font-style: normal;
    display: block;
    background: url("../images/project_tel.png") no-repeat 0 3px;

    padding-left: 50px;
    height: 40px;
}

.project-tel22 span {
    display: block;
    font-size: 22px;
}





#contact label:nth-child(4) {

    width: 100%;

    background: #1b7bb7;

    text-align: center;

    height: 50px;

    line-height: 50px;

}

#contact label:nth-child(4) input {

    border: none;

    background: none;

    color: #fff;

    font-size: 18px;

    font-weight: normal;

}

#contact label:nth-child(1) input,
#contact label:nth-child(2) input {

    padding: 5px 15px;

    width: 72%;

    vertical-align: top;

    outline: none;

}

#contact label textarea {

    width: 75%;

    height: 100px;

    padding: 5px 4px;

    vertical-align: top;

    outline: none;

}

#contact {
    padding-top: 30px;
}

#contact label {
    padding-bottom: 15px;
}

.pagination-wrapper {
    text-align: center;
}

.pagination>li>a,
.pagination>li>span {
    border-radius: 100%;
    margin: 0 5px;
    padding: 10px 15px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,

.pagination>li:last-child>span {
    border-radius: 100%;
}

.products .nr {
    margin-bottom: 30px;
}





.case {

    /* background: #f3f6f9;*/

    padding-top: 30px;

    padding-bottom: 10px;

}

.picScroll-left1 {
    width: 1200px;
}

.picScroll-left1 .hd .prev {
    display: block;
    float: right;
    margin-left: -4px;
    margin-top: 0;
    overflow: hidden;

    cursor: pointer;
    /*background: #a2a1a1;*/
    padding: 5px;
}

.picScroll-left1 .hd .prev img {
    width: 50px;
}

.picScroll-left1 .hd .next {
    display: block;
    float: right;
    margin-right: -4px;
    margin-top: 0;
    overflow: hidden;

    cursor: pointer;
    /*background: #a2a1a1;*/

    padding: 5px;
}

.picScroll-left1 .hd .next img {
    width: 50px;
}

.picScroll-left1 .bd {
    padding-top: 20px;
}

.picScroll-left1 h3 {
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;

    background: url(../images/photo_line.gif) no-repeat center 46px;
    font-size: 20px;
}

.picScroll-left1 .bd ul {
    overflow: hidden;
    width: 100%;
}

.picScroll-left1 .bd ul li {
    margin: 0 10px;
    width: 280px;
    float: left;
    display: inline;
    overflow: hidden;
    text-align: center;

    position: relative;
    height: 315px;
}

.picScroll-left1 .bd ul li:nth-child(5),
.picScroll-left1 .bd ul li:nth-child(6),

.picScroll-left1 .bd ul li:nth-child(7),
.picScroll-left1 .bd ul li:nth-child(8) {
    margin-top: 30px;
}

.picScroll-left1 .bd ul li .pic {
    text-align: center;
}

.picScroll-left1 .bd ul li .pic img {
    display: block;
    width: 370px;
    height: 300px;
    background: #fff;
    /*padding: 5px; */
}

.picScroll-left1 .bd ul li .titles {
    line-height: 30px;
    text-align: center;
    position: absolute;

    width: 100%;

    background: #0d35a9a3;

    bottom: 0;

    padding: 8% 4%;

    text-align: left;

    color: #fff;

    font-size: 16px;

    box-sizing: border-box;



    /*        display: none;*/

    height: 145px;

    padding-top: 40px;

    margin-top: 0px;

    padding-bottom: 35px;

    margin-bottom: 0px;



}

.picScroll-left1 .bd ul li .titles p {
    text-indent: 0;
}

.picScroll-left1 .bd ul li .titles a {

    color: #fff;

    border-bottom: 1px solid #fff;

    font-size: 12px;

    display: inline-block;

}

#xiangqing a {

    background: #1b7bb7;

    color: #fff;

    padding: 5px 20px;

}





/*news*/

#news li {
    overflow: hidden;
    border-bottom: 1px dashed #999;
    padding-bottom: 20px;
    margin: 10px 0 30px 0;
}

.xwlb_img {
    width: 205px;
    float: left;
}

.xwlb_img img {
    width: 205px;
    height: 137px;
}

.xwlb_content {
    width: 666px;
    float: right;
}

.xwlbnr {

    font-size: 14px;

    font-weight: normal;

    line-height: 24px;

    margin-top: 10px;

    color: #999;

}

.xwlbsj {

    font-size: 14px;

    font-weight: normal;

    color: #787878;
    padding-top: 17px;

    line-height: 50px;

}

.field_bt {
    width: 1200px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    margin: 30px auto;
}

.field_bt span {
    font-size: 35px;
    display: block;
    color: #183883;
    font-weight: bold;
}





.navss li {

    float: left;

    width: 300px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    list-style: none;

    cursor: pointer;

    border-radius: 50px;

    font-size: 24px;
    background: #dbdee0;

}

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

.navss li.nav_bars {

    background-color: #1b7bb7;

    border-left: 1px solid #1b7bb7;

    border-top: 1px solid #1b7bb7;

    border-right: 1px solid #1b7bb7;

    color: #fff;

}

.navss {

    overflow: hidden;

    /*  background: #dbdee0;*/

    width: 800px;

    margin: 0 auto;

}

#mains div {

    overflow: hidden;

    height: auto;

    clear: left;

    /*    width: 890px;border: solid 1px #ccc;*/

    display: none;

    padding-top: 30px;

}

#mains div.main_bars {

    display: block;

    /* text-indent: 2em;*/

}

.nav_bars,
.main_bars {

    /* background-color: #ccc*/

}

#contents {
    margin-top: 40px;
}

.xinwen,
#wenti {
    width: 1200px;
    margin: 0 auto;
}

.xwdt-h3ra {

    border-bottom: 1px dashed #e8e8e8;

    overflow: hidden;

    padding: 10px 0;

    margin-bottom: 10px;

}

.xwdt-h3ra:hover {
    border-bottom: 1px dashed #b6ddf2;
}

.xwdt-h3ra em {

    display: block;

    overflow: hidden;

    width: 220px;

    height: 150px;

    float: left;

    margin: 0 15px 0 10px;
}

.xwdt-h3ra em img {
    width: 220px;

    transition: all 1s;

    height: 150px;
}

.xwdt-h3ra:hover em img {
    transform: scale(1.1);
}

.xwdt-h3ra i strong {

    height: 30px;

    line-height: 30px;

    color: #363435;

    font-size: 16px;

    overflow: hidden;

    display: block;

}

.xwdt-h3ra i {
    float: left;
    width: 730px;
    margin-left: 25px;
}

.xwdt-h3ra p {
    width: 150px;
    float: right;

    /*background: #1b7bb7;*/

    border-left: 1px solid #999;

    height: 150px;

    text-align: center;

    padding-top: 60px;

    /*    color: #fff;*/

    font-size: 24px;
}

.xwdt-h3ra p:hover {
    background: #1b7bb7;
    color: #fff;
}

.xwdt-h3ra i span {

    display: block;

    color: #949494;

    line-height: 25px;

    padding-bottom: 10px;

}

.xwdt-h3ra i font {

    color: #666666;

    line-height: 30px;

    /* padding-top: 10px; */

}

.xwdt-h3ra:hover strong {
    color: #205d53;
}

.fancybox-custom .fancybox-skin {



    box-shadow: 0 0 50px #222;



}

.fancybox {
    width: 280px;
}

.fancybox img {
    width: 280px;
    height: 260px;
}



.contact-left {
    width: 730px;
    float: left;
}

.contact-right {

    width: 440px;

    float: right;

    background: #e18a3b;
    height: 357px;

}

.contact-right p {

    color: #fff;

    padding: 25px 10px 0 70px;

    line-height: 35px;

    letter-spacing: 3px;

}

.contact-right h3 {

    text-align: center;

    color: #fff;

    padding-top: 45px;

    margin: 0;

}

.contact-left1 {
    width: 550px;
    float: left;
}

.contact-right1 {

    width: 580px;

    float: right;

}

.contact-left1 form label {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.contact-left1 form label input {

    width: 100%;

    height: 50px;

    padding: 10px;

    font-size: 16px;

}

.contact-left1 form label textarea {

    width: 100%;

    height: 100px;

    padding: 10px;

    font-size: 16px;

    color: #000;

}

.contact-left1 form label:nth-child(6) input {

    width: 35%;

    border: none;

    background: #1b7bb7;

    color: #fff;

    margin: 0 auto;

}

.contact-left1 form i {

    width: 50px;

    height: 1px;

    background: #101010;

    display: block;

    margin-bottom: 60px;

    margin-top: 25px;

}

.contact-right1 img {

    width: 100%;

    padding-top: 25px;

}

.liuyan {
    margin-top: 40px;
    margin-bottom: 40px;
}

.back {
    text-align: center;
    padding-bottom: 20px;
    margin-top: 20px;
}

.back a {
    color: #428bca;
}



.news-nr section {
    text-align: center;
}

.news-nr section h3 {
    margin-bottom: 20px;
    font-size: 28px;
    margin-top: 30px;
}

.news-nr section em {
    font-size: 13px;
    color: #999;
    padding-top: 5px;
}

.news-nr p {
    text-indent: 30px;
    line-height: 40px;
    padding-top: 30px;
}





/*about*/

.main {
    width: 100%;
    overflow: hidden;
    padding: 50px 0;
}

.main_left {
    width: 225px;
    float: left;
}

.about {
    width: 100%;
    margin: 60px 0;
}

.about_title {
    display: block;
    overflow: hidden;
    height: 56px;
    line-height: 56px;
    background: #205d53;
    color: #fff;

    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.about_title:before,
.about_title:after {

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 1.5em;

    height: 1px;

    background: #fff;
}

.about_title:before {
    margin-right: .5em;
}

.about_title:after {
    margin-left: .5em;
}

.about_ul {
    display: block;
    overflow: hidden;
    padding-top: 6px;
}

.about_ul li {
    display: block;
    overflow: hidden;
    margin-top: 10px;
}

.about_ul li a {

    display: block;

    overflow: hidden;

    height: 50px;

    line-height: 50px;

    text-align: center;

    /*text-indent: 50px;*/

    font-size: 15px;

    color: #646464;

    transition: all 0.4s;

    background: #f2f2f2 url(../images/right666.png) 160px 20px no-repeat;

    background-size: 15px;

}

.about_ul li a:hover {
    background: #205d53;
    color: #fff;
}

.about_ul li.about_on a {
    background: #205d53;
    color: #fff;
}



.about_ul dl {
    display: none
}

.about_ul dl dd {
    width: 100%;
    background-position: 94% 50%;
    padding-left: 48px;
}

.about_ul dl dd a {
    text-align: left;
    line-height: 36px;
    font-size: 14px;
    color: #000000;
}

.about_ul dl dd a:hover {
    color: #f00;
}



.about_img {
    display: block;
    overflow: hidden;
    padding-top: 10px;
}

.about_img img {
    display: block;
    width: 100%;
    height: auto;
}

.about_txt {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #111;
    line-height: 30px;
    background: #f2f2f2;
    padding: 10px;
}

.main_right {
    width: 895px;
    float: right;
}

.dqwz_title {
    width: 100%;
    float: left;
    line-height: 55px;
    border-bottom: 1px solid #cfcfcf;
}

.dqwz_p {
    font-size: 18px;
    color: #be986e;
    font-weight: bold;
}

.dqwz_nav {
    color: #8a8a8a;
    font-size: 14px;
}

.dqwz_nav a {
    color: #8a8a8a;
    font-size: 14px;
}

.dqwz_contect {
    width: 100%;
    float: left;
    padding-top: 16px;
}

.company {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #191919;
    line-height: 30px;
}

.company h4 {

    font-size: 22px;

    text-align: center;

    padding-bottom: 20px;
    padding-top: 20px;

    color: #253139;

    font-weight: bold;

}

.company p img {
    width: 100%;
}

.company h6 {

    font-weight: normal;

    border-bottom: 1px solid #ececec;

    padding-bottom: 10px;

    margin-bottom: 20px;

}

/*END-姘撻垾尾瓒併仮鍙风煫位鍡忊偓妯忋仮瀹︼拷*/



#title {
    margin: 45px 0;
}



/*product*/

.cpzx_ul1 {
    display: block;
    overflow: hidden;
    width: 915px;
}

.cpzx_ul1 li {
    width: 285px;

    float: left;

    margin: 10px 20px 20px 0;

    -moz-box-shadow: 2px 2px 10px #A3A3A3;

    -webkit-box-shadow: 2px 2px 10px #A3A3A3;

    box-shadow: 2px 2px 10px #A3A3A3;
}

.cpzx_ul1 li a {
    display: block;
    overflow: hidden;
    /*border:1px solid #6c6c6c;*/
    padding: 1px;
}

.cpzx_ul1 li a .cpzx_img {
    /*width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat;

 background-size:cover; */
    position: relative;
}

.cpzx_ul1 li a .cpzx_img img {
    width: 100%;
    height: 220px;

    moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    -webkit-transition: all .8s ease 0s;

    transition: all .8s ease 0s;
}

/*.cpzx_ul1 li a .cpzx_img::before{content:""; display:block; padding-top:84.1727%;}*/

.cpzx_ul1 li a .cpzx_img .cpzx_txt {
    width: 100%;
    overflow: hidden;
    height: 30px;
    display: flex;
    align-content: center;

    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);

    /*background-color: rgb(24 115 177 / 71%);*/
    position: absolute;
    left: 0;
    bottom: 0;
}

.cpzx_ul1 li a:hover .cpzx_img .cpzx_txt {
    height: 100%;
    background-color: rgba(37, 49, 57, 0.44);
    transition: 0.4s;
}



.cpxq {
    display: block;
    overflow: hidden;
}

.cpxq_T {
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    color: #151515;

    font-weight: bold;
    margin-bottom: 30px;
}

.cpxq_img {
    display: block;
    overflow: hidden;
    padding: 10px auto;
    width: 100%;
    text-align: center
}

.cpxq_img img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.cpxq_txt {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    padding-top: 30px;
}

.backs {
    text-align: center;
    padding-bottom: 20px;
    margin-top: 20px;
}

.backs a {
    color: #428bca;
}

/*END-鐩叉綖鎼傛皳閳ユ簩浼便仮鍢庮劶銉傜锟�*/





.small-img {

    display: flex;

    align-items: center;

    justify-content: center;

}

.clearfix:before,

.clearfix:after {

    display: table;

    line-height: 0;

    content: "";

}

.magnifier {

    width: 420px;

    position: relative;
    float: left;

    /*    margin-top: 100px;

    margin-left: 100px;*/

}

.magnifier-container {

    width: 420px;

    height: 420px;

    overflow: hidden;

    position: relative;

    /*    border: 1px solid #ddd;*/

}

.move-view {

    width: 100px;

    height: 100px;

    position: absolute;

    background-image: url('../images/move-box.png');

}

.images-cover {

    height: 100%;
    margin-top: -55px;

    width: 100%;

    position: relative;

}

.images-cover img {

    position: absolute;

    width: 100%;

    border: 1px solid #e2e2e2;

    height: 512px;

}

.magnifier-assembly {

    height: 92px;

    overflow: hidden;

    position: relative;

    padding-left: 30px;

    padding-right: 30px;

}

.magnifier-btn {

    position: absolute;

    font-family: "閻庣懓顑勭紞锟�";

    width: 100%;

    top: 50%;

    left: 0;

    margin-top: -40px;

}

.magnifier-btn span {

    line-height: 80px;

    height: 80px;

    width: 20px;

    background-color: #205d53;

    color: #fff;

    display: block;

    z-index: 9998;

    text-align: center;

    font-size: 20px;

    cursor: pointer;

    border-radius: 3px;

}

.magnifier-btn .magnifier-btn-left {

    float: left;

}

.magnifier-btn .magnifier-btn-right {

    float: right;

}

.magnifier-line {

    position: relative;

    overflow: hidden;

    height: 92px;

}

.magnifier-line ul {

    display: block;

    font-size: 0;

    width: 10000%;

    position: absolute;

    left: 0;

    z-index: 9997;

}

.magnifier-line li {

    float: left;

    width: 120px;

    cursor: pointer;

}

.magnifier-line ul>.active .small-img {

    /*border-color: #bbb;*/

    border: 2px solid #205d53;

}

.small-img {

    height: 78px;

    padding: 1px;

    margin: 5px;

    overflow: hidden;

    border: 1px solid #ddd;

    text-align: center;

}

.small-img img {

    max-width: 100%;

    max-height: 100%;

}

.magnifier-view {

    width: 100%;

    height: 100%;

    position: absolute;

    right: -105%;

    top: 100px;

    z-index: 9999;

    background-color: #fff;

    display: none;

    overflow: hidden;

}

.magnifier-view img {

    display: block;

}

.animation03 {

    transition: all 0.3s ease-in 0.1s;

    -ms-transition: all 0.3s ease-in 0.1s;

    -moz-transition: all 0.3s ease-in 0.1s;

    -webkit-transition: all 0.3s ease-in 0.1s;

    -o-transition: all 0.3s ease-in 0.1s;

}



.h1Title h1 {

    font-size: 24px;

    font-weight: bold;

    color: #205d53;

    margin: 15px 0;

    padding: 15px 0;

}

#dinggou {
    width: 340px;
    float: right;
    margin-top: 10px;
}

#dinggou h3 {

    font-size: 26px;

    font-weight: bold;

    color: #757575;
    /*text-align: center;*/

    border-bottom: 1px solid #d2d2d2;

    padding-bottom: 20px;

}

#dinggou p {

    line-height: 30px;
    color: #757575;

    /*    background: #e8e8e8;text-indent: 25px;*/

    padding: 10px;
    margin-top: 10px;

    margin-bottom: 40px;

}

#dinggou h4 {

    font-size: 22px;

    color: #da251c;
    padding: 30px 20px;

    font-weight: bold;

    /*    background: #bfbfbf;*/

    padding: 20px;
    margin: 0;
    margin-bottom: 90px;

}

#dinggou a {

    background: #205d53;

    font-size: 20px;

    color: #fff;

    text-decoration: none;

    text-align: center;

    padding: 10px 40px;

    font-weight: bold;

    border-radius: 5px;

}





.details_nav {
    text-align: center;
    line-height: 85px;
    border-bottom: 1px solid #dbdbdb;
}

.details_nav a {
    display: inline-block;
    padding: 0px 20px;
    line-height: 36px;
    border-radius: 5px;

    font-size: 16px;
    color: #444444;
    margin-right: 35px;
}

.details_nav a:hover {
    color: #fff;
    background: #1fa6e6;
}

.details_nav a.on {
    color: #fff;
    background: #1fa6e6;
}









.pro_mains {
    /* background-color:#fff; */
    /* zoom:1; */
    padding: 10px 5px;
    overflow: hidden;
}

.pro_mains form {

    /* margin-top: 45px;*/
    margin-left: 220px;

}

.pro_mains label {

    display: block;

    font-weight: normal;

    margin-bottom: 30px;

}

.pro_mains label span {

    display: inline-block;

    margin-bottom: 0;

    width: 18%;

    text-align: right;

    vertical-align: middle;

    font-size: 14px;

    line-height: 30px;

    color: #333333;

}

.pro_mains label input {

    width: 42%;

    font-size: 14px;

    line-height: 35px;

    padding-left: 8px;

    outline: none;

    border: 1px solid #cccccc;

    display: inline-block;

    vertical-align: middle;

    height: 45px;

}

.pro_mains label i {

    color: #ff0000;

    font-style: normal;

    padding-left: 5px;

}

.pro_mains label textarea {

    width: 42%;

    height: 180px;

    padding: 5px 4px;

    vertical-align: top;

    outline: none;

    border: 1px solid #cccccc;

}

.pro_mains label input[type=submit],

.pro_mains label input[type=reset] {

    width: 20%;

    background-color: #1873b0;

    color: #ffffff;

    border: 0;

    box-shadow: none;

    outline: none;

    cursor: pointer;

    line-height: 40px;

    padding: 0;

}

.pro_mains label:last-child {

    margin-top: 50px;

}

.pro_mains label input[type=reset] {

    background: #ea1b1b;

    color: #fff;

    margin-left: 20px;

}

.pro_mains h3 {

    font-weight: bold;

    font-size: 28px;
    padding-top: 20px;

    color: #549a24;

    /* margin-top: 25px;*/

    margin-bottom: 5px;

    line-height: 36px;
    text-align: center;

}



.News .IndexProduct_title dd {
    color: #1873b0;
    font-size: 36px;
    position: relative;
    padding-left: 18px;
    font-weight: bolder;
}

.News .IndexProduct_title dd:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 5px;

    height: 36px;
    background: #1873b0;
    left: 0;
    top: 13%;
}

.News .IndexProduct_title dd span {
    color: #888888;
    font-size: 16px;
    margin-left: 13px;
    font-weight: normal;
}

.News .IndexProduct_title dt {
    color: #c5dff3;
    font-size: 24px;
    text-transform: uppercase;
}







/*手机头部1样式*/

.header-m1 {

    border-bottom: 1px solid #ccc;

}

.header-m1 p {

    font-size: 14px;

    line-height: 40px;

    height: 30px;

}

@media screen and (max-width:405px) {

    .header-m1 p {

        font-size: 12px;

    }

}

@media screen and (max-width:355px) {

    .header-m1 p {

        display: none;

    }

}

/*手机头部1样式*/



/*手机头部2样式*/



.header-m2 p {

    position: absolute;

    top: 50%;

    left: 15px;

    transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    width: 60%;

}

.header-m2 p a {

    display: inline-block;

}

.header-m2 p img {

    width: 110%;

}

@media (max-width:768px) and (min-width:540px) {

    .header-m2 p img {

        width: 80%;

    }

}

.header-m2 .row {

    height: 58px;

    position: relative;

    border-bottom: 1px solid #ccc;

    box-shadow: 0 2px 5px #e1ddd6;

}

.language {

    position: absolute;

    top: 50%;

    right: 50px;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    cursor: pointer;

}

.yy {

    display: none;

    position: absolute;

    width: 100%;

    background: #ffc1c1;

    padding: 10px 15px;

    top: 50px;

    z-index: 10;

}

.yy li {

    display: inline-block;

    width: 30%;

}

.yy li a {

    display: inline-block;

    padding-left: 30px;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

}

.yy li:nth-child(1) a {

    background: url(../images/cm.png) no-repeat;

    background-position: left center;

}

.yy li:nth-child(2) a {

    background: url(../images/em.png) no-repeat;

    background-position: left center;

}

#nav {

    float: right;

    font-size: 0;

    width: 55px;

    height: 58px;

    text-indent: -900em;

    overflow: hidden;

    cursor: pointer;

    outline: none;

    background: #006dc2 url(../images/menu-button-bg.png) no-repeat center center;

    background-size: 50%;

}

.nava {

    display: none;

    position: absolute;

    max-width: 220px;

    width: 100%;

    background: #006dc2;

    padding: 0px;

    top: 50px;

    right: 0;

    z-index: 10;

}

.nava li {

    border-bottom: 1px solid #fff;

    padding: 10px 15px;

}

.nava a {

    display: block;

    font-size: 16px;

    color: #fff;

    line-height: 20px;

}

/*手机头部2样式*/





.youshi-tel {
    display: none;
}



@media screen and (max-width: 468px) {

    .header-m {
        display: block;
    }

    .picScroll-left4 .hd,
    #banners,
    .picScroll-left2 .hd,
    .w-1200,
    .line,
    .zhanshi2,

    .leib2,
    #contact,
    .xwdt-h3ra p,
    header#header,
    .search {
        display: none;
    }

    .youshi-tel {
        display: block;
        margin-top: 30px;
    }

    .search {
        width: 100%;
        height: 115px;
    }

    .tabs .horizontal,
    .container,
    .product .list,
    .section,
    .sections,
    #about,
    .about-neirong,
    .pro_main,

    .link .ul,
    .foot-left,
    .foot-right {
        width: 100%;
    }

    .tabs .horizontal li {
        width: 48%;
        margin: 10px 0;
        height: 88px;
    }

    .product .list img,
    .port-1 img {
        width: 100%;
        height: 303px;
    }

    .product .proRight {
        margin-right: 0;
    }

    #title h2 {
        font-size: 24px;
    }

    .picScroll-left4 .bd {
        width: 100%;
        margin-left: 0;
    }

    .section ul li,
    .news .lihui,
    .news .lihui li {
        width: 100%;
    }

    .sections ul li {
        width: 45%;
        margin-left: 3%;
        margin-right: 0;
    }

    .sections ul li .photo img,
    .sections ul li .photo,
    dl.cgal3 img {
        width: 100%;
        height: 360px;
    }

    #about,
    .news,
    .pro_main,
    .youshi1 {
        background: none;
    }

    .about-neirong {
        padding-right: 0;
        padding-top: 0;
    }

    .about-neirong h3 {
        text-align: center;
    }

    .about-neirong ul li {
        width: 42%;
    }

    .picScroll-left2 .bd {
        margin-left: -2px;
    }

    .newss {
        margin-top: 0;
    }

    .inf_lc li p {
        width: 75%;
    }

    .inf_lc li h4 {
        width: 19%;
    }

    .pro_main form {
        margin: 0;
        padding: 0;
    }

    .pro_main label span {
        width: 25%;
    }

    .pro_main {
        height: auto;
    }

    .foot-left ul li {
        width: 48%;
    }

    .foot-left ul li ul li,
    .foot-xinxi,
    .ewm,
    .picScroll-left2,
    .about-left,
    .about-right,
    .zhanshi1,
    .zhanshi2,
    .zhanshi3,

    .pi,
    .left,
    .right,
    dl.cgal3,
    dl.cgal3 dt,
    dl.cgal3 dd,
    .bread p,
    .navss,
    .xinwen,
    #wenti,
    .xwdt-h3ra em,
    .xwdt-h3ra i,

    .picScroll-left1,
    .contact-left,
    .contact-right,
    .contact-left1,
    .contact-right1,
    #dinggou,

    .box ul li,
    .box ul li a p {
        width: 100%;
    }

    .ewm,
    .foot-xinxi {
        text-align: center;
    }

    .foot_copyright {
        height: auto;
    }

    .gongan {
        float: none;
    }

    .picScroll-left2 .bd ul li,
    .navss li {
        width: 48%;
    }

    .picScroll-left2 .bd ul li .pic img,
    .pike li img,
    .picScroll-left1 .bd ul li,

    .contact-left img,
    .news-nr img,
    .youshi-tel img {
        width: 100%;
        height: auto;
    }

    .products .left .nr li {

        display: inline-block;

        background: none;

        padding: 0;

        border-bottom: none;

        line-height: 55px;

        text-align: center;

        width: 48%;

        border: 1px solid #ccc;

        border-radius: 50px;

        margin-bottom: 15px;

    }

    .xwdt-h3ra em img {
        width: 100%;
        height: 240px;
        padding: 10px;
    }

    .xwdt-h3ra em {
        margin: 0;
        height: auto;
    }

    .fancybox img {
        width: 100%;
        height: 300px;
    }

    #dinggou p {
        margin-bottom: 30px;
    }

    #dinggou a {
        line-height: 60px;
        padding: 25px 140px;
        display: block;
        padding: 0;
    }

    .box ul li a img {
        width: 100%;
        height: 400px;
    }

    .youshi1 h2 {
        color: #666;
    }

    .youshi1 {
        height: auto;
    }



    .w1280,
    .case_t,
    .product-classifies,
    .pro_show,
    .pro_show_n li,
    .in-about dt,
    .box9,
    .bb9,
    .slideTxtBox .hd ul,
    .in_news_2,

    .in_newss_4,
    .in_nfourbox_2,
    .in_newss_four,
    .footer .footer_box,
    .footer .footer_box .item_contact,
    .xn_c_aboutc_28_wrap,

    .xn_c_aboutc_28_intro,
    .xn_c_aboutc_28_intro,
    .xn_c_aboutc_28_introd,
    .main_left,
    .main_right,
    .pull-right,
    .cpzx_ul1,
    .cpzx_ul1 li,

    .xwlb_img,
    .xwlb_contentt,
    .magnifier,
    .xwlb_content {
        width: 100%;
    }

    .case_t2,
    .in_nfourbox_line,
    .in_nfourbox_1,
    .in_tdbg,
    .footer .footer_box .item_nav {
        display: none;
    }

    .product-classifies {
        padding-left: 0;
        height: 145px;
    }

    .product-classifies li {
        width: 30%;
        float: left;
    }

    div#link_logo {
        height: auto;
    }

    .in-about dd {
        margin-left: 0;
        margin-top: 260px;
    }

    .slideTxtBox .hd ul li {
        width: 40%;
    }

    .in_newss_four,
    .xwlb_content {
        margin-top: 20px;
    }

    .footer .footer_box .item_contact {
        text-align: center;
    }

    .xn_c_about_28_img img {
        width: 100%;
        height: auto;
    }

    .xn_c_aboutc_28_intro {
        position: inherit;
        background: none;
    }

    .xn_c_aboutc_28_wrap,
    .n_content_right {
        margin: 0;
    }

    .main {
        padding: 0;
    }

    .cpzx_ul1 li a .cpzx_img img,
    .xwlb_img img {
        width: 100%;
        height: auto;
    }

    .pro_mains form {
        margin-left: 0;
    }

    .pro_mains label span {
        width: 24%;
    }

    .pro_mains label input,
    .pro_mains label textarea {
        width: 60%;
    }

    .bread p {
        text-align: left;
        padding-left: 15px;
    }

    #contentss {
        /* margin-top: 810px; */
    }
}

/* edit */
/* 顶部 */
.w1280 {
    width: initial;
    max-width: 1280px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

.w1280>p:nth-child(3) {
    margin-left: auto;
}

.head {
    height: initial;
    min-height: 125px;
}

/* 底部 */
.f_bg {
    min-height: 345px;
    height: initial;
}

.f_bg>.footer {
    width: initial;
    max-width: 1200px;
}

.f_nav {
    height: initial;
}

.f_nav>ul:first-child {
    display: grid;
    grid-template-columns: repeat(auto-fit, 200px);
    justify-content: center;
    justify-items: center;
}



/* 展示卡片 */
.container {
    width: inherit;
    max-width: 1200px;
}

@media screen and (max-width: 1200px) {
    .product_show {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

    .product_show>div {
        flex-grow: 1;
    }

    .main {
        padding: 0;
    }

    .main_left,
    .main_right,
    .dqwz_title,
    .cpzx_ul1 li,
    .dqwz_contect {
        float: none;
    }

    .main_left,
    .main_right {
        width: 100%;
        float: none;
    }

    /* main_left */
    .about {
        position: relative;
    }

    .about_ul {
        display: grid;
        grid-template-columns: repeat(auto-fill, 235px);
        justify-content: center;
        align-items: center;
    }

    .about_title,
    .about_ul li {
        max-width: 225px;
        margin: 5px;
    }

    /* main_right */
    .pull-right {
        float: none !important;
        line-height: initial;
    }

    .cpzx_ul1 {
        display: grid;
        grid-template-columns: repeat(auto-fill, 285px);
        grid-gap: 10px;
        justify-content: center;
        width: 100%;
        justify-items: center;
    }

    .cpzx_ul1 li {
        margin: 0;
    }

    #news li {
        display: flex;
        width: 100%;
        justify-content: space-around;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .xwlb_img {
        margin-right: 15px;
        flex: 1;
    }

    .xwlb_content {
        flex: 3;
    }
}

@media screen and (max-width: 520px) {
    .about_ul {
        grid-template-columns: 1fr 1fr;
    }

    .about_title:before,
    .about_title:after {
        display: none;
    }

    .about_title,
    .about_ul li a {
        height: 40px;
        line-height: 40px;
        margin: 2px;
        font-size: 14px;
    }

    .about_ul li {
        margin: 0;
    }

    .xwlb_img,
    .xwlb_img img,
    .xwlb_content {
        min-width: 100%;
    }

    .xwlb_img img {
        height: auto;
    }
}

@media screen and (max-width: 630px) {
    .cpzx_ul1 {
        grid-template-columns: 1fr;
    }

    .cpzx_ul1 li {
        width: 100%;
    }

    .cpzx_ul1 li a .cpzx_img img {
        height: auto;
    }
}

/* 百度地图 */
#dituContent {
    width: initial !important;
    max-width: 100%;
}

#dituContent>div:nth-child(2) {
    display: none;
}

/* 服务支持 */
img[title="技术服务.jpg"][alt="技术服务.jpg"] {
    max-width: 100%;
}

.magnifier-btn {
    max-width: 531px;
}


@media screen and (max-width: 890px) {
    #dinggou>p:last-of-type {
        display: none;
    }
}

@media screen and (max-width: 468px) {
    .f_nav>ul:first-child {
        grid-template-columns: repeat(2, 1fr);
    }
}

.f_nav ul li a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.w1280 {
    display: grid;
    grid-template-columns: repeat(auto-fit, 128px);
}

@media screen and (max-width: 340px) {
    ul.w1280 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 675px) {
    .w1280>p:nth-child(3) {
        margin-left: auto;
        margin-right: auto;
    }
}

.news_index_display_flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.news-box {
    width: 100%;
    max-width: 1200px;
}

@media screen and (max-width: 1165px) {
    .news-box .l {
        width: 100%;
        max-width: 750px;
    }

    .news-box .r {
        max-width: 750px;
        width: 100%;
    }
}

.news-box .r ul li h2 {
    display: flex;
}

.news-box .r ul li h3 {
    display: flex;
}

.news-box .r ul li h2 span {
    margin-right: 10px;
}

.news-box .r ul li h3 span {
    margin-right: 10px;
}

.news-box .l .show .hangye {
    margin: 0;
}

.l>div.show>.imgnew>ul:only-child>li {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
}

.news-box .l .show .imgnew img {
    flex-grow: 1;
    min-width: 170px;
    height: auto;
    margin-bottom: 10px;
    margin-right: 10px;
}

.news-box .l .show .imgnew .info {
    flex-grow: 1;
}

.indho_more {
    font-size: initial;
}

.ind-about-txt .txtbox {
    flex-flow: row wrap;
    justify-content: center;
}

.ind-about-txt .txt {
    flex-basis: 500px;
}

.txtbox-img {
    width: initial;
    height: initial;
}

.xn_c_aboutc_28_wrap {
    width: initial;
    max-width: 1200px;
}

.xn_c_aboutc_28_intro {
    max-width: 100%;
}

.in_tdbg>ul:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(auto-fit, 270px);
    grid-column-gap: 32px;
    justify-content: center;
}

.in_tdbg.content ul li {
    width: initial;
    margin-left: 0;
}

.content {
    width: initial;
    max-width: 1200px;
}

@media screen and (max-width: 600px) {
    /* .in_tdbg>ul:nth-child(2) {
        grid-template-columns: repeat(2, 1fr);
    } */

    .magnifier-container {
        width: 100% !important;
        max-width: 520px;
        max-height: 450px;
        height: 100vw !important;
    }


    .images-cover {
        margin-top: 0;
    }

    .images-cover img {
        height: 100%;
    }


    .images-cover>img:nth-child(1) {
        left: initial !important;
        margin-left: 0 !important;
    }

}




.search {
    width: initial;
    max-width: 1200px;
    display: flex;
    padding: 0 10px;
    flex-wrap: wrap;
    justify-content: center;
    height: initial;
}



.search>p:nth-child(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 400px;
}

.search .sbox {
    flex-shrink: 1;
}

.search .sbox input {
    width: initial;
}

@media screen and (max-width: 1100px) {
    .txtbox-img {
        margin-right: 0;
    }
}

@media screen and (max-width: 1200px) {

    .photo_bg {
        min-height: 230px;
        height: initial;
    }

    .photo.content {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .photo_t.fl {
        flex-grow: 1;
    }

    .photo_t.fl>ul:only-child {
        display: grid;
        grid-template-columns: repeat(auto-fit, 130px);
        justify-content: center;
        grid-column-gap: 20px;
    }

    /* 元素 | http://www.xxauto.com.cn/ */

    .photo_qie>ul:nth-child(1) {
        display: grid;
        grid-template-columns: repeat(auto-fit, 210px);
        justify-content: center;
        grid-column-gap: 36px;
        grid-row-gap: 30px;
    }


    .photo_qie>ul:nth-child(1)>li {
        margin-left: 0;
    }

    .case.content {
        justify-content: center;
    }

    ul.proimg.fr {
        display: grid;
        grid-template-columns: repeat(auto-fit, 260px);
        grid-column-gap: 30px;
        justify-content: center;
        width: 100vw;
        grid-row-gap: 20px;
    }

    ul.proimg.fr>div:last-child {
        display: none;
    }

    div.pro_l.fl {

        display: flex;
        width: 100vw;
        justify-content: center;
        flex-flow: row wrap;
        margin-bottom: 20px;
    }

    .pro_l div.pList_top {
        height: 111.6px;
    }

    div.pList_top>p:only-child {
        padding-top: 0;
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
    }

    div.in_tdbg content>h2:first-child {
        margin-left: 15px;
    }
}

.bg1 {
    height: initial;
    min-height: 640px;
}

ul.in-jjfa.clearfix {
    display: grid;
    grid-template-columns: repeat(auto-fit, 298px);
    justify-content: center;
}

.in-jjfa li.wow.fadeInUp {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

ul.in-jjfa.clearfix::before,
ul.in-jjfa.clearfix::after {
    display: none;
}

#demo {
    width: initial;
    max-width: 1200px;
}

.case.content {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

@media screen and (max-width: 650px) {
    ul.proimg.fr {
        grid-template-columns: 1fr;
        justify-items: center;
    }

}

@media screen and (max-width: 670px) {
    ul.in-jjfa.clearfix {
        grid-template-columns: 1fr;
    }

    .in-jjfa li .img-cover span img {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 760px) {
    div.footer>div.f_nav {
        display: none;
    }

    .f_ban {
        padding-left: 0;
    }

    .fl,
    .fr {
        float: none;
    }

    .f_logo,
    .f_ban,
    .f_er {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    div.f_logo.fl {
        max-width: 230px;
    }

    div.f_ban.fl {
        max-width: 310px;
    }

    div.f_er.fl {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 468px) {
    div.in_tdbg.content {
        display: block;
    }

    .in_tdbg>ul:nth-child(2) {
        grid-template-columns: 1fr;
    }

    .in_tdbg>ul:nth-child(2) li a img {
        height: auto;
        min-height: 207px;
    }

    .bg1 {
        padding: 0;
    }

    div.pro_l.fl>div.pList_top,
    div.pro_l.fl>ul.left_ul {
        width: 100%;
    }

    div.pro_l.fl>ul.left_ul>a {
        background-position: right;
        border-bottom: 2px solid rgb(230, 230, 230);
        background-size: cover;
    }

    ul.proimg.fr>li {
        margin: 0;
        min-height: 250px;
        width: initial;
        border: 2px solid #EFEFEF;
    }

    .proimg li .img {
        border: 0;
    }
}

@media screen and (max-width: 767px) {
    .window_size_header {
        display: none;
    }

    .news-box .l .show .imgnew {
        padding: 0;
    }


}

.right_menu_list_nav_button {
    font-size: 0;
    width: 55px;
    height: 58px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    background: #006dc2 url(../images/menu-button-bg.png) no-repeat center center;
    background-size: 50%;
}

.phone_size_header {
    position: relative;
    display: flex;
}

.left_logo_and_phone_number {
    display: flex;
    max-width: 350px;
}

.left_logo_and_phone_number>div.fl.logo {
    width: 100px;
}

.left_logo_and_phone_number>div.fl.logo>img {
    width: 100%;
    height: auto;
}

.left_logo_and_phone_number>img:last-child {
    flex-basis: 260px;
    width: 100%;
    height: auto;
}

.phone_size_header>.right_menu_list {
    margin-left: auto;
}

#dropdown-menu-ul-id {
    left: -100px;
    background-color: rgb(0, 109, 194);
}

#dropdown-menu-ul-id>li {
    padding: 5px 0px;
    border-bottom: 1px solid #fff;
}

#dropdown-menu-ul-id>li>a {
    color: white;
}

#dropdown-menu-ul-id>li>a:hover {
    color: initial;
    background-color: initial;
}

@media screen and (max-width:400px) {
    .left_logo_and_phone_number>img:last-child {
        display: none;
    }
}

body {
    overflow-x: clip;
}

@media screen and (max-width:460px) {
    .photo_qie>ul:nth-child(1) {
        grid-template-columns: 1fr;
    }

    .photo_qie>ul:nth-child(1)>li {
        width: 100%;
    }

    .photo_qie>ul:nth-child(1)>li em {
        width: initial;
        height: initial;
    }

    .photo_qie>ul:nth-child(1)>li em img {
        width: 100%;
        height: auto;
        min-height: 135px;
        min-width: 180px;
    }
}

.bd .tempWrap {
    width: auto !important;
}