/*********************************网页公共部分************************************/

@charset "utf-8";
html {
    font: 14px 'Microsoft Yahei';
}

* {
    margin: 0;
    padding: 0;
    border: medium none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

a,
img {
    border: 0;
}

img {
    display: block;
}

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

a {
    transition: all 300ms ease-in-out;
    -webkit-transform: all 1000ms ease-in-out;
}

li {
    list-style-type: none;
}

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

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.clear:after {
    display: block;
    content: " ";
    clear: both;
}

h1,
h2,
h3,
h4,
h5 {
    font-size: 100%;
    font-weight: normal;
}

.over-flow {
    overflow: auto;
    zoom: 1; //处理兼容性问题
}


/***********************************page***************************************/

div.page {
    padding: 3px;
    margin: 3px;
    text-align: center;
    margin-top: 10px;
}

div.page a {
    border: #38322d 1px solid;
    padding: 2px 5px;
    margin: 2px;
    color: #38322d;
    text-decoration: none
}

div.page a:hover {
    border: #38322d 1px solid;
    color: #000;
}

div.page a:active {
    border: #38322d 1px solid;
    color: #000;
}

div.page span.current {
    border: solid 1px #38322d;
    padding: 2px 5px;
    font-weight: bold;
    margin: 2px;
    color: #fff;
    background-color: #38322d;
}

div.page span.disabled {
    border: #38322d 1px solid;
    padding: 2px 5px;
    margin: 2px;
    color: #38322d;
}


/***********************************banner***************************************/

.banner {
    overflow: hidden;
    position: relative;
}

.banner .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 50%;
    bottom: 25px;
    z-index: 1;
}

.banner .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.banner .hd ul li {
    float: left;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    background: #ffd800;
    cursor: pointer;
    opacity: 0.2;
}

.banner .hd ul li.on {
    background: #ffd800;
    color: #ffd800;
    opacity: 1;
}

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

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

.banner .bd img {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


/*********************************内页************************************/

@media (min-width: 1024px) {
    #main {
        margin: 0 auto;
        padding-bottom: 50px;
        padding-top: 2px;
        width: 1200px;
        min-height: 200px;
    }
    #main:after {
        display: block;
        content: " ";
        clear: both;
    }
    #main .left_zuo {
        float: left;
        width: 280px;
    }
    #main .right_you {
        float: right;
        width: 900px;
    }
    #main .right_you .article {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #38322d;
        margin-bottom: 25px;
    }
    #main .right_you .article .left_bitao {
        float: left;
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        background: url('../images/fangzi.png')no-repeat 0px center;
        text-indent: 48px;
        background-size: 39px;
    }
    #main .right_you .article .right_biaoti {
        float: right;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
    .news-list ul {
        margin: 0 auto;
    }
    .news-list ul li {
        margin: 10px 0px;
        padding: 20px;
        border-bottom: 1px dashed #ddd;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
        width: 100%;
    }
    .news-list ul li:hover a span {
        color: #0068b7;
        /* -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
		box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0); */
    }
    .news-list ul li:first-child {
        margin-top: 0;
    }
    .news-list ul li a {
        display: block;
        color: #de0f18;
        cursor: pointer;
        letter-spacing: 1px;
    }
    .news-list ul li span {
        display: block;
        font-size: 16px;
        color: #000;
        padding-bottom: 10px;
    }
    .news-list ul li p {
        display: block;
        font-size: 14px;
        color: #777;
        text-align: justify;
    }
    .news_title {
        font-size: 18px;
        color: #333;
        text-align: center;
        display: block;
        margin: 10px auto;
    }
    .username_click {
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin: 20px auto;
    }
    .xq {
        font-size: 14px;
        line-height: 30px;
        text-align: justify;
        margin: 20px auto;
    }
    .xq img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }
    .xq table {
        border: 1px solid #808080;
        width: 100%!important;
        border-collapse: collapse;
        margin: 0 auto;
    }
    .xq table td {
        border: 1px solid #808080;
        padding-left: 15px;
    }
    .newsXQ {
        text-align: justify;
    }
    .moiveXQ {
        text-align: center;
    }
    /*上一页+下一页*/
    #prev_next {
        margin-top: 30px;
    }
    #prev_next li {
        line-height: 40px;
        text-indent: 20px;
        width: 100%;
        font-size: 14px;
    }
    #prev_next li:nth-child(1) {
        background: url('../images/up.png')no-repeat 0px 15px;
        border-top: 1px solid #ccc;
    }
    #prev_next li:nth-child(2) {
        background: url('../images/down.png')no-repeat 0px 15px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    /*产品列表*/
    .product-img-list ul {
        margin: 0 auto;
    }
    .product-img-list ul li {
        width: 280px;
        margin-right: 20px;
        float: left;
        margin-bottom: 20px;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
        transition: all .2s ease-in;
    }
    .product-img-list ul li:nth-child(3n) {
        margin-right: 0;
    }
    .product-img-list ul li:hover {}
    .product-img-list ul li:hover .img-box {}
    .product-img-list ul li .img-box {
        border: 1px solid #eee;
        width: 280px;
        height: 228px;
        position: relative;
        overflow: hidden;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
    }
    .product-img-list ul li .img-box .product-img {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
    }
    .product-img-list ul li .img-box span {
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
        background: #0068b7;
    }
    .product-img-list ul li:hover .img-box .product-img {
        /* transform: translate(-50%,-50%) scale(1.05);
		-webkit-transform: translate(-50%,-50%) scale(1.05); */
    }
    .product-img-list ul li:hover .img-box span {
        line-height: 50px;
    }
    .product-mengban {
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        background: url("../images/m.png") repeat;
    }
    .product-mengban div p:first-child {
        font-size: 14px;
        color: #fff;
        text-align: center;
        margin-top: 84px;
    }
    .product-mengban div p:last-child {
        font-size: 12px;
        color: #fff;
        width: 80px;
        line-height: 25px;
        text-align: center;
        margin: 0 auto;
        margin-top: 15px;
        border: 1px solid #fff;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 1000ms ease-in-out;
    }
    .product-img-list ul li:hover .product-mengban {
        top: 0;
    }
    .product-img-list ul li:hover .product-mengban div p:last-child {
        /* color:#248f47;
		border:1px solid #248f47; */
    }
    /*产品详情*/
    .content_p {
        margin-top: 40px;
    }
    .content_p span.sp {
        display: block;
        background-color: #dddddd;
        color: #ffffff;
        margin-bottom: 20px;
        overflow: hidden;
    }
    .content_p span.sp small {
        background: #000;
        display: block;
        float: left;
        text-align: center;
        line-height: 40px;
        width: 120px;
    }
    .show-mobile {
        visibility: hidden;
    }
    .left-top {
        padding-top: 15px;
        width: 251px;
        height: 81px;
        background: url('../images/top-left.png') no-repeat center;
        border-top: none;
    }
    .left-top p {
        font-size: 20px;
        text-align: center;
        color: #d82019;
        text-transform: uppercase;
        font-family: Rubik;
    }
}

@media only screen and (max-width: 800px) {
    #main {
        margin: 0 auto;
        padding-bottom: 50px;
        padding-top: 2px;
        width: 800px;
        min-height: 200px;
    }
    #main:after {
        display: block;
        content: " ";
        clear: both;
    }
    #main .left_zuo {
        float: left;
        width: 0px;
        background-color: green;
    }
    #main .chanping-left {
        width: 0px;
    }
    #main .chanping-left>.ulBox {
        width: 0px;
        display: none
    }
    #main .right_you {
        float: center;
        width: current screen width;
    }
    #main .right_you .article {
        width: 90%;
        height: 50px;
        border-bottom: 1px solid #38322d;
        margin-bottom: 25px;
    }
    #main .right_you .article .left_bitao {
        float: left;
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        background: url('../images/fangzi.png')no-repeat 0px center;
        text-indent: 48px;
        background-size: 39px;
    }
    #main .right_you .article .right_biaoti {
        float: right;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
    .product-img-list {
        padding: 0px 15px;
    }
    .product-img-list ul li {
        width: 50%;
        margin-right: 10px;
        margin-left: 2px;
        float: left;
        margin-bottom: 20px;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
        transition: all .2s ease-in;
    }
    .product-img-list ul li:nth-child(3n) {
        margin-right: 0;
    }
    .product-img-list ul li:hover {}
    .product-img-list ul li:hover .img-box {}
    .product-img-list ul li .img-box {
        border: 1px solid #eee;
        width: 280px;
        height: 228px;
        position: relative;
        overflow: hidden;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
    }
    .product-img-list ul li .title {
        width: 100%;
        line-height: 40px;
        background: #252525;
        font-size: 14px;
        color: #fff;
        text-align: center;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
    }
    .product-img-list ul li:hover .title {
        background: #0863b8;
    }
    .product-img-list ul li .img-box .product-img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* 
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto; */
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
    }
    .product-img-list ul li .img-box .product-img-con {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    .product-img-list ul li .img-box span {
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
        background: #0863b8;
    }
    .product-img-list ul li:hover .img-box .product-img {
        /* transform: translate(-50%,-50%) scale(1.05);
		-webkit-transform: translate(-50%,-50%) scale(1.05); */
    }
    .product-img-list ul li:hover .img-box span {
        line-height: 50px;
    }
    .product-img-listsec ul li {}
    .product-img-listsec ul li .img-box {
        width: 100%;
        height: 190px;
    }
    .product-img-listsec ul li .img-box img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }
    .product-img-listsec ul li a:hover .img-box img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    .product-img-listsec ul li a:hover .t {
        color: #0863b8!important;
    }
    .product-img-listsec ul li a .t {
        padding: 0 2%
    }
    .show-mobile {
        visibility: visible;
        border-radius: 7px;
        text-align: center;
    }
}


/*返回上一页*/

#zhutu {
    max-width: 80%;
    margin: 10px auto;
    display: block;
    border: 1px solid #ddd;
}


/*CONTACT 地图大小*/

#allmap {
    width: 100%;
    height: 450px;
    overflow: hidden;
    margin-bottom: 20px;
}

#allmap2 {
    width: 100%;
    height: 450px;
    overflow: hidden;
}


/*在线留言*/

.message-list {
    width: 550px;
    float: left;
}

.message-img {
    width: 450px;
    height: 460px;
    float: right;
}

.input-group {
    margin-bottom: 10px;
    clear: both;
}

.input-group:after {
    display: block;
    content: '';
    clear: both;
}

.input-group label {
    width: 90px;
    font-size: 15px;
    display: inline-block;
    text-align-last: justify;
    color: #606060;
    font-weight: bold;
}

.input-group input[type=text] {
    border: 1px solid #aaa;
    border-radius: 2px;
    line-height: 30px;
    height: 30px;
    width: 420px;
    text-indent: 1em;
    font-family: "microsoft yahei", "sans-serif";
    transition: 300ms;
    -webkit-transition: 300ms;
    outline: none;
}

.input-group input[type=text]:focus {
    width: 420px;
    box-shadow: 0 0 5px #333;
    border: 1px solid #333;
}

.input-group textarea:focus {
    width: 420px;
    box-shadow: 0 0 5px #333;
    border: 1px solid #333;
}

.input-group input[type=text]#captcha:focus {
    width: 90px;
    box-shadow: 0 0 5px #015cb5;
    border: 1px solid #015cb5;
}

.input-group textarea {
    transition: 300ms;
    -webkit-transition: 300ms;
    width: 420px;
    border: 1px solid #aaa;
    border-radius: 2px;
    text-indent: 1em;
    padding-top: 5px;
    font-family: "microsoft yahei", "sans-serif";
    outline: none;
    margin-left: 5px;
}

#submit {
    display: block;
    clear: both;
    width: 80px;
    line-height: 30px;
    background: #1e1e1e;
    border: 0;
    color: #ffffff;
    font-size: 14px;
    margin-left: 94px;
}

#submit:hover {
    background: #1752ad;
    cursor: pointer;
}


/*人才招聘*/

.job_tab {
    line-height: 54px;
    background: #571b00;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.job_tab span {
    display: block;
    width: 20%;
    text-align: center;
    float: left;
}

.jobs ul li>p {
    line-height: 54px;
    background: #ffffff;
    font-size: 14px;
    color: #4c4c4c;
    text-align: center;
    overflow: hidden;
}

.jobs ul li:nth-of-type(even)>p {
    background: #f3f3f3;
}

.jobs ul li>p span {
    float: left;
    display: block;
    width: 20%;
}

.jobs ul li div {
    background: #f7f7f7;
    padding: 20px;
    display: none;
}

.jobs ul li div small {
    font-size: 14px;
    line-height: 30px;
    color: #7c7c7c;
}

.jobs ul li div>p {
    font-size: 16px;
    color: #B59A80;
    margin-bottom: 10px;
    font-weight: bold;
}

.jobs ul li div>span {
    display: block;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    font-size: 14px;
    color: #7C7C7C;
    padding-top: 20px;
}

.jobs ul li div>span a {
    color: #a3906f;
}


/* sidebar */

.sidebar .title {
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: #c8000b;
    padding: 18px 20px 0px 25px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    position: relative;
}

.sidebar .title img {
    vertical-align: middle;
}

.sidebar .title .xiangmu-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 38px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.sidebar .title img:first-child {
    float: left;
}

.sidebar .title img:last-child {
    float: right;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.sidebar ul li a {
    display: block;
    line-height: 20px;
    font-size: 15px;
}

.sidebar ul li {
    position: relative;
    font: 14px 'Mircosoft YaHei';
    color: #616161;
    text-indent: 10px;
    box-sizing: border-box;
    margin-bottom: 4px;
}

.sidebar ul li a img {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 10px;
    height: 10px;
}

.sidebar ul li a:hover {
    color: #c8000b;
}

.lianxi {
    width: 24px;
    height: 24px;
}

.fir-title {
    background: #212223 !important;
}

.lxwm-list li {
    font: 14px 'Microsoft YaHei' !important;
    color: #606060 !important;
    padding: 0 10px !important;
    border: 1px dashed #d0d0d0 !important;
    line-height: 40px !important;
    width: 258px;
}

.fenlei-list span {}

.fir-sidebar {
    margin-bottom: 35px;
}

.anlifeilei {
    position: absolute;
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.sidebar>ul>.yiji>a {
    font-size: 16px;
    display: block;
    line-height: 40px;
    border: 1px dashed #d0d0d0;
    background: url("../images/you.png") no-repeat center right 20px;
    background-size: 7%;
}


/* .sidebar>ul>.yiji>a>b{
	display: block;
	position: absolute;
	width:32px;
	height: 32px;
	
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right:20px;
} */

.sidebar>ul>.yiji>ul>.erji>a {
    display: block;
    font-weight: 700;
    line-height: 35px;
    border-bottom: 1px dashed #d0d0d0;
}

.sidebar>ul>.yiji>.erjibox {
    display: none;
}

.sidebar>ul>.yiji>ul>.erji>.sanjibox {
    display: none;
}

.sidebar>ul>.yiji>ul>.erji>ul>.sanji>a {
    display: block;
    line-height: 30px;
}

.sidebar>ul>.yiji>ul>.erji>ul>.sanji:last-child>a {
    border-bottom: 1px dashed #d0d0d0;
}


/*新闻*/

.news-list ul {
    margin: 0 auto;
}

.news-list ul li {
    padding: 20px;
    transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
    width: 100%;
    position: relative;
    margin: 30px 0;
    height: 137px;
}

.news-list ul li:hover a span {}

.news-list ul li:hover a p {}

.news-list ul li:hover {
    /* background: #ffc300;
	opacity: 0.72; */
}

.news-list ul li:hover .you {
    /* background: #f7d462;
	opacity: 0.8; */
}

.news-list ul li:first-child {
    margin-top: 0;
}

.news-list ul li a {
    display: block;
    color: #de0f18;
    cursor: pointer;
    letter-spacing: 1px;
}

.news-list ul li span {
    display: block;
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 600;
    transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
}

.news-list ul li p {
    display: block;
    font-size: 14px;
    color: #777;
    text-align: justify;
    transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
    width: 800px;
}

.news-list ul li .time {
    font-size: 12px;
    margin: 3px 0;
}

.news-list ul li .you {
    width: 45px;
    text-align: center;
    height: 137px;
    line-height: 137px;
    background: #CBCBCB;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}

.news_title {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    text-align: center;
    display: block;
    margin: 10px auto;
}

.username_click {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 20px auto;
    border-bottom: 1px dashed #ccc;
    position: relative;
}

.username_click span {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.8;
    text-indent: 25px;
    margin-right: 10px;
}

.username_click .news_user {
    background: url(../images/news_u.png) no-repeat left;
}

.username_click .show_t {
    background: url(../images/time.png) no-repeat left;
}

.username_click .to_look {
    background: url(../images/look.png) no-repeat left;
}

.username_click .back {
    float: right;
    background: url(../images/back.png) no-repeat left;
    color: #999;
    line-height: 1.8;
    text-indent: 25px;
}


/*侧边栏*/

.s-top {
    width: 100%;
    padding: 20px 0;
    border: 1px solid #eee;
    border-top: 3px solid #ff7f03;
}

.s-top p:first-child {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
}

.s-top p:last-child {
    font-size: 14px;
    color: #535353;
    text-align: center;
}

.formBox input {
    line-height: 38px;
    outline: none;
    width: 100%;
    border: 1px solid #eee;
    text-indent: 10px;
    margin-top: 8px;
}

.formBox select {
    height: 38px;
    display: block;
    line-height: 38px;
    outline: none;
    width: 100%;
    border: 1px solid #eee;
    text-indent: 10px;
    margin-top: 8px;
}

.formBox #submit {
    line-height: 40px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #ff7f03;
    margin-top: 8px;
    margin-left: 0;
}

.s-dianhua p:first-child {
    font-size: 15px;
    color: #333;
    font-weight: 400;
    text-align: center;
    margin-top: 15px;
}

.s-dianhua p:last-child {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 8px;
}

.tiaoti {
    margin-bottom: 30px;
}

.tiaoti p {
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    font-weight: 700;
}

.tiaoti ul {
    float: left;
    margin-left: 20px;
}

.tiaoti ul li {
    float: left;
}

.tiaoti ul li a {
    display: block;
    width: 70px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.tiaoti ul li a:hover {
    color: #fff;
    background: #ff7f03;
}

.titleactive {
    color: #fff;
    background: #ff7f03;
}

.fir-sidebar .fenlei-list {
    /*border:1px dashed #d0d0d0;*/
}

.tuanduilist ul li {
    width: 160px;
    margin-right: 80px;
    margin-bottom: 50px;
}

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

.tuanduilist ul li:nth-child(3) {
    margin-right: 80px;
}

.tuanduilist ul li .img-box {
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 50%;
}

.tuanduilist ul li .img-box .product-img {
    width: 100%;
    height: auto;
    max-width: inherit;
    max-height: inherit;
}

.tuan-left {
    float: left;
    width: 330px;
    height: 330px;
}

.tuan-left a {
    display: block;
    width: 130px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    background: #c8000b;
    margin: 0 auto;
    margin-top: 35px;
}

.tuan-left #pro_img {
    width: 60%;
    height: 60%;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.tuan-left img {
    max-width: 101%;
    margin: 0 auto;
}

.tuan-right {
    float: right;
    width: 570px;
}

.tuan-right .news_title {
    text-align: left;
}

.contact-ul {
    margin-bottom: 20px;
}

.contact-ul li {
    font-size: 16px;
    color: #333;
    padding: 10px 0;
}

.contact-ul li:first-child {
    font-size: 18px;
    font-weight: 700;
}

.sidar-top {
    width: 258px;
    height: 90px;
    background: #0068b7;
    padding-left: 30px;
    padding-top: 20px;
}

.sidar-top p:first-child {
    font-size: 24px;
    color: #fff;
}

.sidar-top p:last-child {
    font-size: 18px;
    color: #50b1fb;
    font-weight: 200;
}

.new_right li {
    padding: 15px 0;
}

.new_right li a {
    display: block;
    height: 120px;
    border: 1px solid #ddd;
    padding: 15px;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.new_right li:hover a {
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .18);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .18);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.new_right li a .pic {
    float: left;
    position: relative;
    width: 20%;
    height: 100%;
}

.new_right li a img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.new_right li a div {
    float: right;
    width: 78%;
}

.new_right li a h2 {
    color: #000;
    font-size: 20px;
}

.new_right li span {
    transition: 0.5s 0s all ease;
    display: block;
    line-height: 26px;
    color: #666;
    padding: 10px 0 0 0;
    font-size: 14px;
}

.new_right li small {
    color: #000;
    font-size: 14px;
    margin-top: 70px;
    display: block;
    position: absolute;
    left: 322px;
    bottom: 29px;
}

.detailTitle {
    width: 100%;
    background-color: #eaeaea;
    margin: 25px 0;
}

.detailTitle h6 {
    background: #0068b7;
    font-size: 14px;
    border-right: 1px solid #fff;
    color: #fff;
    display: inline-block;
    height: 100%;
    line-height: 40px;
    padding-left: 25px;
    font-weight: 500;
    padding-right: 25px;
}

.cpfl {
    width: 646px;
    margin: 0 auto;
    margin-bottom: 42px;
}

.cpfl li {
    float: left;
    margin-bottom: 20px;
}

.cpfl li a {
    display: block;
    width: 120px;
    line-height: 44px;
    border: 1px solid #dcdcdc;
    color: #333;
    text-align: center;
    margin-right: 40px;
}

.cpfl li:last-child a {
    margin-right: 0;
}

.cpfl li a:hover {
    color: #fff;
    background: #0068b7;
}

#s-id {
    color: #fff;
    background: #0068b7;
}

.cp-con {
    width: 940px;
    margin: 0 auto;
}

.cp-con h1 {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.cp-con .imgbox {
    margin: 0 auto;
    width: 500px;
    height: 370px;
    position: relative;
    border: 1px solid #dcdcdc;
}

.cp-con .imgbox img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.cp-con .text {
    float: right;
    width: 400px;
}

.cp-con .text .t {
    line-height: 30px;
}

.cp-con .text .t span {
    display: inline-block;
    width: 90px;
    display: inline-block;
    text-align-last: justify;
    font-weight: 700;
}

.nei-t {
    float: left;
}

.nei {
    float: left;
    width: 300px;
}

.xq .tupian {
    float: right;
    width: 390px;
    height: 200px;
    position: relative;
}

.xq .tupian img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    right: 0;
    margin: 0;
}

.xq .wenzi {
    float: left;
    width: 550px;
}

.return {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    float: right;
    text-align: center;
    background-color: #0068b7;
    border-radius: 40px;
}

.cplist ul li {
    margin-right: 25px;
}

.cplist ul li:nth-child(3n) {
    margin-right: 25px;
}

.cplist ul li:nth-child(4n) {
    margin-right: 0px;
}

@media only screen and (min-width: 1024px) {
    .product-img-list ul li {
        width: 286px;
        margin-right: 20px;
        float: left;
        margin-bottom: 20px;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
        transition: all .2s ease-in;
    }
    .product-img-list ul li:nth-child(3n) {
        margin-right: 0;
    }
    .product-img-list ul li:hover {}
    .product-img-list ul li:hover .img-box {}
    .product-img-list ul li .img-box {
        border: 1px solid #eee;
        width: 280px;
        height: 228px;
        position: relative;
        overflow: hidden;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
    }
    .product-img-list ul li .title {
        width: 100%;
        line-height: 40px;
        background: #252525;
        font-size: 14px;
        color: #fff;
        text-align: center;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
    }
    .product-img-list ul li:hover .title {
        background: #0863b8;
    }
    .product-img-list ul li .img-box .product-img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* 
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto; */
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
    }
    .product-img-list ul li .img-box .product-img-con {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    .product-img-list ul li .img-box span {
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;
        background: #0863b8;
    }
    .product-img-list ul li:hover .img-box .product-img {
        /* transform: translate(-50%,-50%) scale(1.05);
		-webkit-transform: translate(-50%,-50%) scale(1.05); */
    }
    .product-img-list ul li:hover .img-box span {
        line-height: 50px;
    }
    .product-img-listsec ul li {}
    .product-img-listsec ul li .img-box {
        width: 100%;
        height: 190px;
    }
    .product-img-listsec ul li .img-box img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }
    .product-img-listsec ul li a:hover .img-box img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    .product-img-listsec ul li a:hover .t {
        color: #0863b8!important;
    }
    .product-img-listsec ul li a .t {
        padding: 0 2%
    }
}

.de-page-mian {
    overflow: hidden;
    text-align: center;
    font-size: 0;
    margin: 10px 0 35px;
    padding: 30px 0;
}

.de-page-mian .page-inner {
    display: inline-block;
    overflow: hidden;
}

.de-page-mian .page-inner a {
    display: block;
    float: left;
    min-width: 26px;
    padding: 0 5px;
    height: 36px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin-right: -1px;
    overflow: hidden;
}

.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
    color: #fff;
    border-color: #0863b8;
    background: #0863b8;
}

.de-page-mian .page-inner a.prev {
    margin-right: 10px;
    background: #fff url(../images/prev.jpg) no-repeat center;
}

.de-page-mian .page-inner a.prev.on {
    background: #fff url(../images/prev-hover.jpg) no-repeat center;
}

.de-page-mian .page-inner a.prev:hover {
    background-color: #fff;
    border-color: #dddddd;
}

.de-page-mian .page-inner a.next {
    margin-left: 10px;
    margin-right: 15px;
    background: #fff url(../images/next.jpg) no-repeat center;
}

.de-page-mian .page-inner a.next.on {
    background: #fff url(../images/next-hover.jpg) no-repeat center;
}

.de-page-mian .page-inner a.next:hover {
    background-color: #fff;
    border-color: #dddddd;
}

.de-page-mian .page-inner a.page-btn {
    font-size: 12px;
    margin-right: 0;
    width: 63px;
    margin-left: 10px;
}

.de-page-mian .page-inner span {
    display: block;
    font-size: 12px;
    color: #333;
    float: left;
    line-height: 38px;
}

.de-page-mian .page-inner input {
    display: block;
    float: left;
    height: 36px;
    width: 36px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin: 0 5px;
}