@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
i{font-style:normal}
.news_list_text_right_proportion_text {
		position: relative !important;
	}

	.news_list_text_right_proportion {
		padding-top: 15.7% !important;
	}
body{
		font: 16px Arial,Helvetica,sans-serif;
	}

	.logo{
		margin-left: 8rem !important;
		height: 50px !important;
	}
	.mip-nav-wrapper {
	    height: 90px !important;
	}
html {font-size: 16px;-webkit-text-size-adjust: none;min-width:320px; margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
ol,ul,li,dl,dt,dd{ list-style:none;}
input,button,textarea,checkbox,select,radio,form{ vertical-align: top;}
a{ color:#000; text-decoration:none;-webkit-tap-highlight-color:transparent}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration: none;}
.clear { clear: both;}
@media screen and (min-width:320px) {html {font-size:90%;}}
@media screen and (min-width:400px) {html {font-size:90%}}
@media screen and (min-width:480px) {html {font-size:97.5%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@media screen and (min-width:600px) {html{font-size:112.5%}}
@media screen and (min-width:640px) {html {font-size:100%}}
.center {
 max-width:1200px;
    margin:auto;
    overflow:hidden;
}
.location {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background: #90a5fc;
    height: 3.0rem;
    line-height: 3.0rem;
    color: #fff;
}

    .location h3 {
        margin-left: 1.2rem;
    }

    .location a {
        color: #fff;
  
    }

   

        .location a:hover {
            text-decoration: underline;
        }

    .location i {
        width: 1.4rem;
        text-align: center;
        font-size: 1.2rem;
        display: inline-block;
    
    }
.about_nav {
    float: left;
    width: 25%;
}

.about_nav_a {
    margin-top: 1.4rem;
}

.about_nav_title {
    height: 3.0rem;
    background: #90a5fc;
    text-align: center;
    line-height: 3.0rem;
    color: #fff;
    font-weight: bold;
    font-size: 1.1rem;
}

.about_nav ul {
    border: 2px solid #ccc;
    padding-bottom: 0.6rem;
}

    .about_nav ul li {
        width: 97%;
        margin: 0 auto;
        border-bottom: 1px dashed #e5e5e5;
        line-height: 2.5rem;
    }

        .about_nav ul li a {
            display: block;
            color: #222;
            text-indent: 1.0rem;
        }

            .about_nav ul li a:hover {
                color: #d61919;
            }

.about_nav_text {
    border: 2px solid #ccc;
    padding-bottom: 0.6rem;
}

    .about_nav_text p {
        width: 94%;
        margin: 0.6rem auto;
        color: #222;
        line-height: 1.8rem;
    }

        .about_nav_text p i {
            display: inline-block;
            width: 1.6rem;
            text-align: center;
        }
.logo{ float:left; margin-left:1.0rem; height:30px; margin-top:22px;}
.logo mip-img{ height:100%; width:auto;}
.logo img{ width:auto;}
.mip-nav-wrapper .navbar-header{ margin-right:1.0rem;}
.mip-nav-wrapper .navbar-brand{ margin-left:1.0rem;}
.mip-nav-wrapper.show{ max-width:1200px; width:100%; margin:0 auto;}
.mip-carousel-container{ max-height:550px}
.mip-carousel-preBtn{ max-height:550px}
.mip-carousel-nextBtn{ max-height:550px}
.title{ width:70%; max-width:300px; margin:1.6rem auto;}
.title h2{ position: relative; width:100%}
.title h2 span{ width:8rem; text-align:center; color:#333; font-size:1.3rem;display:block; position: relative; z-index:9; margin:0 auto; background:#fff}
.title h2 i{ display:block; width:100%; background:#90a5fc; height:2px; position: absolute; top:50%;}
.title h3{ text-align:center; font-size:0.95rem; color:#999; margin-top:0.6rem;}
.title_b{ width:70%; max-width:300px; margin:1.6rem auto;}
.title_b h2{ position: relative; width:100%}
.title_b h2 span{ width:8rem; text-align:center; color:#fff; font-size:1.3rem;display:block; position: relative; z-index:9; margin:0 auto; background:#90a5fc}
.title_b h2 i{ display:block; width:100%; background:#fff; height:2px; position: absolute; top:50%;}
.title_b h3{ text-align:center; font-size:0.95rem; color:#fff; margin-top:0.6rem;}
.title_c{ width:70%; max-width:300px; margin:1.6rem auto;}
.title_c h2{ position: relative; width:100%}
.title_c h2 span{ width:8rem; text-align:center; color:#333; font-size:1.3rem;display:block; position: relative; z-index:9; margin:0 auto; background:#f8f8f8}
.title_c h2 i{ display:block; width:100%; background:#90a5fc; height:2px; position: absolute; top:50%;}
.title_c h3{ text-align:center; font-size:0.95rem; color:#999; margin-top:0.6rem;}

.product{ max-width:1200px; width:97%; margin:3.7rem auto 3.2rem auto; overflow:hidden;}
.product_content{ width:70%; float:right;}
.product_content ul li{ width:31.33%; margin:1.4rem 1%; float:left;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.product_content ul li:hover{ box-shadow:2px 2px 4px rgba(0,0,0,.2);transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.product_content ul li .product_img{ height:0; position:relative; padding-top:75%; overflow:hidden;}
.product_content ul li .product_img mip-img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; min-height:100%;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.product_content ul li:hover .product_img mip-img{ width:110%;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.product_content ul li .product_text{ height:2.7rem; line-height:2.7rem;}
    .product_content ul li .product_text h2 {
        width: 92%;
        margin: 0 auto;
        font-size: 1.0rem;
        color: #666;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow:hidden;

    }
.product_content ul li .product_text span{ display:block; height:2px; background:#90a5fc; width:0;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.product_content ul li:hover .product_text span{ width:100%;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.product_content ul li:hover .product_text h2{ color:#90a5fc;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.index_product {
    max-width: 1200px;
    width: 97%;
    margin: 3.7rem auto 3.2rem auto;
}

.index_product_content {
    width: 100%;
}

    .index_product_content ul li {
        width: 31.33%;
        margin: 1.4rem 1%;
        float: left;
        transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        -webkit-transition: all .5s;
    }

        .index_product_content ul li:hover {
            box-shadow: 2px 2px 4px rgba(0,0,0,.2);
            transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            -webkit-transition: all .5s;
        }

        .index_product_content ul li .product_img {
            height: 0;
            position: relative;
            padding-top: 75%;
            overflow: hidden;
        }

            .index_product_content ul li .product_img mip-img {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                width: 100%;
                min-height: 100%;
                transition: all .5s;
                -moz-transition: all .5s;
                -ms-transition: all .5s;
                -o-transition: all .5s;
                -webkit-transition: all .5s;
            }

        .index_product_content ul li:hover .product_img mip-img {
            width: 110%;
            transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            -webkit-transition: all .5s;
        }

        .index_product_content ul li .product_text {
            height: 2.7rem;
            line-height: 2.7rem;
        }

            .index_product_content ul li .product_text h2 {
                width: 92%;
                margin: 0 auto;
                font-size: 1.0rem;
                color: #666;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
                padding-bottom:0.7rem;
            }

            .index_product_content ul li .product_text span {
                display: block;
                height: 2px;
                background: #90a5fc;
                width: 0;
                transition: all .5s;
                -moz-transition: all .5s;
                -ms-transition: all .5s;
                -o-transition: all .5s;
                -webkit-transition: all .5s;
            }

        .index_product_content ul li:hover .product_text span {
            width: 100%;
            transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            -webkit-transition: all .5s;
        }

        .index_product_content ul li:hover .product_text h2 {
            color: #90a5fc;
            transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            -webkit-transition: all .5s;
        }
.prduct_dl{ float:right; margin-top:1.0rem; margin-right:1%;}
.prduct_dl dl dd{ float:left; height:1.8rem; line-height:1.8rem; margin:0 0.5rem; color:#333;}
.prduct_dl dl dd a{ display:block; border:1px solid #ccc; padding:0rem 0.7rem; color:#333; margin-top:-1px;}
.prduct_dl dl dd a:hover{ color:#90a5fc; border-color:#90a5fc;}
.product_details{  width:70%; margin:2.0rem auto; float:right;}
.product_details_title{font-size:2.0rem; font-weight:bold; text-align:center; color:#333;}
.product_details_img {
    max-width: 80%;
    margin: auto;
    display: block;
}
.product_details_text{ margin-top:1.0rem;}
.product_details_text .product_details_text_title{ border-bottom:1px solid #ccc;}
.product_details_text .product_details_text_title h3{ width:8.0rem; height:2.5rem; line-height:2.5rem; font-size:1.1rem; font-weight:bold; text-align:center; background:#90a5fc; color:#fff;}
.product_details_text p{ font-size:1.0rem; color:#666; line-height:1.8rem; margin-top:1.0rem; text-indent:2.0rem;}

.about_index{ position:relative;margin:2.0rem 0 1.5rem 0; padding:1rem 0;}
.about_content{ width:90%; margin:0 auto; width:70%; float:right;}
.about_content{ padding:1.0rem; }
.about_content_back{ background:#fff;}
.about_content_left{ width:50%; float:left; background:#616fa9}
.about_content_left_top{ width:90%; margin:3.0rem auto;}
.about_content_left_top h2{ font-size:1.2rem; color:#fff; line-height:2.1rem;}
.about_content_left_top h3{ font-size:0.95rem; color:#fff; margin-top:0.7rem; line-height:1.6rem;}
.about_content_left_top h4{ width:7rem; color:#fff; height:2px; margin-top:0.8rem; background:#fff}
.about_content_left_bottom{ height:0; width:100%; padding-top:40%; overflow:hidden; position:relative;}
.about_content_left_bottom mip-img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.about_content_right {
    float: right;
    height: 100%;
    padding: 1.0rem 0;
    width: 48%;
    line-height:3rem;
    font-size: 1rem;
}

.index_about_index {
    position: relative;
    margin: 2.0rem 0 1.5rem 0;
    padding: 1rem 0;
}

.index_about_content {
    width: 90%;
    margin: 0 auto;
   max-width:1200px;
}

.index_about_content {
    padding: 1.0rem;
    background: rgba(0,0,0,.1)
}

.index_about_content_back {
    background: #fff;
}

.index_about_content_left {
    width: 50%;
    float: left;
    background: #616fa9
}

.index_about_content_left_top {
    width: 90%;
    margin: 3.0rem auto;
}

    .index_about_content_left_top h2 {
        font-size: 1.2rem;
        color: #fff;
        line-height: 2.1rem;
    }

    .index_about_content_left_top h3 {
        font-size: 0.95rem;
        color: #fff;
        margin-top: 0.7rem;
        line-height: 1.6rem;
    }

    .index_about_content_left_top h4 {
        width: 7rem;
        color: #fff;
        height: 2px;
        margin-top: 0.8rem;
        background: #fff
    }

.index_about_content_left_bottom {
    height: 0;
    width: 100%;
    padding-top: 40%;
    overflow: hidden;
    position: relative;
}

    .index_about_content_left_bottom mip-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
.about_content  img{
    max-width:80%;
    margin:auto;
    display:block;
}
.index_about_content_right {
    width: 50%;
    float: right;
    height: 100%;
    padding: 1.0rem 0;
}
/*.about_content_right p{ width:90%; margin:1.0rem auto; font-size:1.0rem; color:#666; text-indent:2.0rem; line-height:2.0rem;}*/
.about_content_right p{ width:90%; margin:1.0rem auto; font-size:1.0rem; color:#666;line-height:2.0rem;}
.about_back{ background:#90a5fc; height:23.73rem; position:absolute; top:0; left:0; width:100%; z-index:-1}
.about{ max-width:1200px; width:97%; margin:0 auto 3.0rem auto;}
/*.about_text p{ color:#333; font-size:1.0rem; line-height:1.8rem; text-indent:2.0rem; margin-top:1.0rem;}*/
.about_text p{ color:#333; font-size:1.0rem; line-height:1.8rem; margin-top:1.0rem;}
.case{ margin:2.0rem 0 1.5rem 0; padding:1rem 0;}
.case_contnet{ width:97%; margin:0 auto; max-width:1200px;}
.case_content_left{ float:left; width:48%; margin-right:2%;}
.case_content_left a{ display:block; width:100%; height:0; overflow:hidden; padding-top:77%; position: relative;}
.case_content_left mip-img{ position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.case_content_left h2{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,.5); height:3.0rem; line-height:3.0rem; color:#fff; font-size:1.2rem; text-align:center;}
.case_content_rignt{ width:50%; float:right; margin-top:-0.5rem;}
.case_content_rignt ul{ margin-left:-1.5%;}
.case_content_rignt ul li{ width:48.5%; margin-left:1.5%; float:left; margin-top:0.5rem;}
.case_content_rignt ul li a{ display:block; width:100%; position:relative; height:0; overflow:hidden; padding-top:73.8%;}
.case_content_rignt ul li a mip-img{ position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.case_content_rignt ul li h2{ position:absolute; bottom:0; left:0; height:2.5rem; background:rgba(0,0,0,.5); width:100%; text-align:center; color:#fff; font-size:1.1rem; line-height:2.5rem;}
.case_content{ width:97%; margin:0 auto; max-width:1200px;}
.banner_two{ width:100%; overflow:hidden;}

.news{ padding:2.0rem 0; background:#f8f8f8}
.news_content{ width:97%; margin:0 auto; max-width:1200px;}
.news_content_top{ background:#fff; padding:1.0rem;}
.news_content_top:hover{ box-shadow:2px 2px 6px #e9edff;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.news_top_left{ float:left; width:20%;}
.news_top_left_img{ width:100%; position:relative; overflow:hidden; padding-top:73%; height:0;}
.news_top_left_img mip-img{ position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.news_top_right{ float:right; width:78%;}
.news_top_right h2{ font-size:1.1rem; color:#666;overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.news_top_right h2 a{ color:#666;}
.news_top_right p{ color:#666; line-height:1.5rem; text-indent:2.0rem; margin-top:.7rem; font-size:0.9rem; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;overflow: hidden;}
.news_top_right h3{ font-size:1.0rem; color:#666; margin-top:0.6rem;}
.news_top_right h3 a{ display:block; color:#666;}
.news_top_right h2:hover{ margin-left:1.0rem;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.news_top_right h2:hover a{ color:#90a5fc; transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.news_top_right h3:hover{ margin-left:1.0rem;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.news_top_right h3:hover a{ color:#90a5fc; text-decoration:underline;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.news_content_bottom{ margin-top:1.2rem;}
.news_content_bottom_left{ float:left; width:50%; background:#fff}
.news_content_bottom_left ul{ padding:1rem;}
.news_content_bottom_left ul li{ padding:1rem 0; border-bottom:1px dashed #ccc;}
.news_content_bottom_left ul li:nth-child(3){ border:none;}
.news_content_list_rq{ float:left; width:18%; }
.news_content_list_rq_proportion{ position: relative; height:0; width:100%; padding-top:100%; overflow:hidden; border-right:1px dashed #ccc;}
.news_content_list_rq_text{ position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.news_content_list_rq_proportion h3{ font-size:1.6rem; color:#333;}
.news_content_list_rq_proportion h4{ font-size:1.0rem; color:#999; margin-top:0.5rem;}
.news_content_list_nr{ float:right; width:78%;}
.news_content_list_nr_text{ width:100%; height:0; padding-top:23.4%; position:relative;}
.news_content_list_nr_text_act{ position:absolute; top:50%; left:0; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%}
.news_content_list_nr h2{ font-size:1.1rem; color:#666;overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.news_content_list_nr h2 a{ color:#666;}
.news_content_list_nr p{ color:#666; margin-top:0.5rem; line-height:1.5rem; font-size:0.9rem;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;overflow: hidden;}
.news_content_list_nr h2:hover{ margin-left:1.0rem;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.news_content_list_nr h2:hover a{ color:#90a5fc;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.news_content_bottom_right{ float:right; width:48%; margin-left:2%; background:#fff}
.news_content_bottom_right_img{ width:100%; height:0; padding-top:75%; position: relative; overflow:hidden;}
.news_content_bottom_right_img mip-img{ position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.news_content_bottom_right_pan{ padding:1.0rem;}
.bottom{ background:#444444; padding:2.0rem 0;}
.bottom_content{ width:97%; max-width:1200px; margin:0 auto;}
.bottom_content .bottom_logo{ float:left; width:17%; margin-top:3.0rem; margin-left:5%;}
.bottom_content .bottom_lx{ float:left; width:30%; margin-left:20%; margin-top:1.5rem;}
.bottom_content .bottom_lx p{ color:#ccc; font-size:1.0rem; line-height:1.8rem;}
.bottom_content .bottom_ewm{ float:left; margin-left:10%; width:12%; padding:0.5rem; background:#fff; display:none;}
.footer{ background:#333333; padding:0.8rem 0; line-height:1.8rem; text-align:center; font-size:0.9rem; color:#999;}

.article{  margin:0 auto 3.0rem auto;width:70%; float:right;}
.article_title{ border-bottom:1px solid #ccc; margin:2.5rem auto 1.0rem auto; padding-bottom:1.0rem;}
.article_title h1{ font-size:1.4rem; color:#333;}
.article_title h3{ font-size:1.0rem; color:#999; font-size:0.9rem; margin-top:1.0rem;}
.article_content{ color:#666;}
.article_content p{ margin-top:1.0rem; text-indent:2.0rem; line-height:2.0rem; font-size:1.0rem;}
    .article_content p img{
        max-width:80%;
        margin:auto;
        display:block;
    }
    .article_content  img {
        max-width: 80%;
        margin: auto;
        display: block;
    }
.article_title h3 span{ padding-right:1.0rem;}
.article_fy{ margin-top:1.0rem; font-size:1.0rem; color:#999; line-height:2.0rem; border-top:1px solid #ccc; padding-top:1.0rem;}
.article_fy a{ color:#666;}
.article_fy a:hover{ color:#90a5fc; text-decoration:underline;}
.news_list{ background:#f8f8f8; padding:2.0rem 0 3.0rem  0; width:70%; float:right;}
.news_list_content{ max-width:1200px; margin:0 auto; width:97%;}
.news_list_content ul li{ background:#fff; width:48%; margin:1.0rem 1%; float:left;}
.news_list_text{ padding:2.0rem 1rem;}
.news_list_text_left{ float:left; width:22%; position:relative;}
.news_list_text_left_proportion{ height:0; width:100%; padding-top:110%;}
.news_list_text_left_proportion_text{ position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.news_list_text_left_proportion_text h3{ font-size:1.8rem; font-weight:bold; color:#333; line-height:2.5rem;}
    .news_list_text_left_proportion_text h4 {
        font-size: 1.0rem;
        color: #999;
        text-align: center;
        line-height: 1.6rem;
        margin-top: 0.5rem;
        display: none;
    }
.news_list_text_right{ float:right; width:72%; border-left:1px dashed #ccc; padding-left:3%;}
.news_list_text_right_proportion{ height:0; padding-top:33.7%; position:relative;}
.news_list_text_right_proportion_text{ position:absolute; top:50%;transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.news_list_text_right_proportion_text h2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:1.1rem; color:#333; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.news_list_text_right_proportion_text p{ font-size:0.95rem; color:#666; margin-top:0.5rem;display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;overflow: hidden; text-indent:2.0rem; line-height:1.5rem;}
.news_list_text_right_proportion_text h2 a:hover{ color:#90a5fc; margin-left:1.0rem; display:block;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
@media screen and (max-width:640px) {
.product{ margin:2.0rem auto;}
.product_content ul li{ margin:0.4rem 1%;}
.title{ margin:1.0rem auto;}
.title_b{ margin:1.0rem auto;}
.title_c{ margin:1.0rem auto;}
.about_index{ margin-bottom:0;}
.about_content_left{ width:100%;}
.about_content_right{width:100%;}
.case{ margin-top:0rem}
.case_content_left{ display:none;}
.case_content_rignt{ width:100%}
.news_content_bottom_right{ display:none;}
.news_content_bottom_left{ width:100%}
.news_top_left{ width:50%;}
.news_top_right{ width:48%;}
.news_top_right p{-webkit-line-clamp:3;}
.news_content_list_rq{ width:22%;}
.news_content_list_nr{ width:74%;}
.news_content_list_nr_text{ padding-top:32%;}
.bottom_content .bottom_logo{ float:none; width:50%; margin:0}
.bottom_content .bottom_lx{ float:none; margin:1.5rem 0 0 0; width:100%}
.bottom_content .bottom_ewm{ display:none;}
.about_content_right p{display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;overflow: hidden;}
    .about_nav {
        display:none;
    }
    .about_content {
        width:92%;
        float:none;

    }
    .news_list {
        width:100%;
        float:none;
    }
    .article {
        width:98%;
        padding:0 1%;
        float:none;
    }
    .product_content {
        width:100%;
        float:none;
    }
    .product_details {
        width:100%;
        float:none;
    }
    ..product_details_img {
        width: 97%;
   
        max-width: 600px;
        float: left;
        overflow: hidden;
    }
    .product_details_text {
        overflow:hidden;
    }
}









.product_content_cc {
    float: right;
    margin-top: 1.0rem;
    margin-right: 1%;
}

    .product_content_cc dl dd {
        float: left;
        height: 1.8rem;
        line-height: 1.8rem;
        margin: 0 0.5rem;
        color: #333;
    }

        .product_content_cc dl dd a {
            display: block;
            border: 1px solid #ccc;
            padding: 0rem 0.7rem;
            color: #333;
            margin-top: -1px;
        }

            .product_content_cc dl dd a:hover {
                color: #90a5fc;
                border-color: #90a5fc;
            }
.location {
    max-width: 1200px;
    color: #666;
    margin: 1.8rem auto 1.0rem auto;
}

    .location a {
        color: #444;
    }
    .fixed,.kong{display: none;}
@media only screen and (max-width:768px ) {
  .fixed{display: block;background:rgba(0,0,0,0.7);color: white;width: 100%;position: fixed;left: 0;bottom: 0;font-size: 1.2rem;font-weight: 550;}
  .fixed a{color: white;width: 100%;display: block;padding-left: 1%;}
  .fixed span{margin-left:6%;width: 50%;display:inline-block;}
  .fixed .fa{margin-right: 3%;font-size: 1.5rem;margin-top: 2%;float: left;}
  .fixed_1{padding: 3% 8% 2% 8%;}
  .kong{display: block;height:43px;width: 100%;}
}