@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
}

@font-face {
    font-family: 'THENEXTFONT';
    src: url('../fonts/THENEXTFONT.eot');
    src: local('☺'), url('../fonts/THENEXTFONT.woff') format('woff'), url('../fonts/THENEXTFONT.ttf') format('truetype'), url('../fonts/THENEXTFONT.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

.clear {
    clear: both;
}

a {
    color: #333;
}

a:hover {
    text-decoration: none !important;
    color: #286fbf;
}

/*返回顶部*/
a.to-top {
    display: none;
    padding: 5px 15px;
    background-color: #286fbf;
    border-radius: 3px;
    color: #fff;
    font-size: 24px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    border: 1px solid #286fbf;
}

a.to-top:hover {
    background: #fff;
    border: 1px solid #286fbf;
    color: #286fbf;
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

/*****   nav 区域   *****/
.navbar-fixed-top {
    transition: 0.1s;
    -webkit-transition: 0.1s;
}

.navbar-fixed-top.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    margin-top: 0px;
}

.navbar {
    position: relative;
    margin-bottom: 0;
    margin-top: 60px;
    z-index: 9999;
    background-color: #fff !important;
}

.navbar .nav_bg {
    background: #286fbf;
    height: 50px;
    width: 50%;
    position: absolute;
    right: 0;
    display: block;
}

@media (max-width: 1094px) {
    .navbar .nav_bg {
        display: none;
    }
}

.navbar-header img {
    display: block;
    margin-top: -15px;
}

.nav li .dropdown-toggle {
    font-size: 15px;
    display: block;
}

/*----------------------------------------------*/
.nav_sanji li a {
    line-height: 2.5em;
    text-transform: upperCase;
}

@media (max-width: 767px) {
    .nav_sanji li a {
        padding-left: 50px;
    }
}

@media (min-width: 767px) {
    .dropdown-menu li {
        position: relative;
    }

    .nav_sanji {
        background: #fff;
        border: 1px solid #eee;
        position: absolute;
        left: 100%;
        top: 0;
        list-style: none;
        display: none;
    }

    .nav_sanji_l {
        margin-left: -517px;
    }

    .nav_sanji li {
        padding: 8px 20px;
        width: 250px;
    }

    .nav_sanji li a {
        font-size: 12px;
    }

    .sj_title {
        margin-left: 5px;
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 4px dashed transparent;
        border-left: 4px solid #333;
        border-bottom: 4px solid transparent;
    }

    .dropdown-menu li .nav_sanji li a {
        line-height: 2em;
    }

    .dropdown-menu li:hover {
        background: #f5f5f5
    }

    .dropdown-menu li:hover .sj_title {
        margin-left: 5px;
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 4px dashed transparent;
        border-left: 4px solid #286fbf;
        border-bottom: 4px solid transparent;
    }

    .dropdown-menu li:hover .nav_sanji {
        display: block;
        padding-left: 0;
    }
}

/*----------------------------------------------*/
.navbar-default {
    background: none;
    border: none;
}

.navbar-default .navbar-nav .dropdown a.dropdown-toggle {
    color: #fff;
    padding: 15px 11px;
    font-weight: 400;
    font-size: 14px;
}

.navbar-default .navbar-nav .dropdown:hover a.dropdown-toggle {
    color: #fff;
    background: #1962b3;
}

.yamm-content ul li a {
    color: #333;
}

.yamm .dropdown-menu.nav_pro {
    left: auto;
    margin-left: -200px;
}

.navbar-collapse {
    background-color: #286fbf;
}

.logo_bg {
    width: 220px;
    border-right: 35px solid transparent;
    border-top: 50px solid #fff;
    border-bottom-color: #fff;
}

.dropdown-menu > li > a {
    line-height: 2.5em;
    font-size: 12px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .logo_bg {
        display: none;
    }
}

/*------------soso-----------*/
@media (max-width: 767px) {
    .nav .soso {
        height: 50px;
        margin-top: 5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    .nav .soso .language {
        float: right;
    }

    .nav .soso .htmleaf-container {
        float: left;
        width: 100%;
        margin-left: 10px;
    }

    .nav .soso .language a {
        display: inline-block;
        line-height: 36px;
        color: #fff;
    }

    .nav .soso .language span {
        margin: 0 15px;
        color: #fff;
    }

    .wrapper {
        height: 36px;
        width: calc( 100% - 10px );
        position: relative;
    }

    .inputbox {
        box-sizing: border-box;
        width: 100%;
        height: 36px;
        font-size: 12px;
        background-color: #FFFFFF;
        border: 2px solid #E1E8ED;
        border-right: 0;
        padding: 15px;
        float: left;
        display: block;
        border-radius: 18px;
        color: #999;
    }

    .submit {
        position: absolute;
        top: 8px;
        right: 13px;
        height: 20px;
        width: 30px;
        overflow: hidden;
        background-color: #fff;
        border: none;
        display: block;
        cursor: pointer;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy43NSAzNy43NSI+PHBhdGggZD0iTTQyLjA4LDM3LjYxbC04LjItOC4yLS4xNC0uMTFhMTUuNTMsMTUuNTMsMCwxLDAtNC40NCw0LjQ0cy4wNy4xLjExLjE0bDguMiw4LjJhMy4xNSwzLjE1LDAsMSwwLDQuNDYtNC40NlptLTIxLjMxLTYuN0ExMC4xNCwxMC4xNCwwLDEsMSwzMC45MSwyMC43NywxMC4xNCwxMC4xNCwwLDAsMSwyMC43NywzMC45MVptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4yNSAtNS4yNSkiIHN0eWxlPSJmaWxsOiM1ODU4NTg7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48L3N2Zz4=);
        -webkit-background-size: 20px auto;
        background-size: 20px auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

    input:focus {
        outline: none;
    }
}

@media (min-width: 768px) {
    .nav .soso {
        position: absolute;
        top: -45px;
        right: 0;
    }

    .nav .soso .language {
        float: left
    }

    .nav .soso .htmleaf-container {
        float: right
    }

    .nav .soso .language a {
        display: inline-block;
        line-height: 36px;
        color: #666;
    }

    .nav .soso .language span {
        margin: 0 15px;
        font-weight: 100;
    }

    .wrapper {
        height: 36px;
        width: 240px;
        position: relative;
    }

    .inputbox {
        box-sizing: border-box;
        width: 240px;
        height: 36px;
        font-size: 12px;
        background-color: #FFFFFF;
        border: 2px solid #E1E8ED;
        border-right: 0;
        padding: 15px;
        float: left;
        display: block;
        border-radius: 18px;
        color: #999;
    }

    .submit {
        position: absolute;
        top: 8px;
        right: 13px;
        height: 20px;
        width: 30px;
        overflow: hidden;
        background-color: #fff;
        border: none;
        display: block;
        cursor: pointer;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy43NSAzNy43NSI+PHBhdGggZD0iTTQyLjA4LDM3LjYxbC04LjItOC4yLS4xNC0uMTFhMTUuNTMsMTUuNTMsMCwxLDAtNC40NCw0LjQ0cy4wNy4xLjExLjE0bDguMiw4LjJhMy4xNSwzLjE1LDAsMSwwLDQuNDYtNC40NlptLTIxLjMxLTYuN0ExMC4xNCwxMC4xNCwwLDEsMSwzMC45MSwyMC43NywxMC4xNCwxMC4xNCwwLDAsMSwyMC43NywzMC45MVptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4yNSAtNS4yNSkiIHN0eWxlPSJmaWxsOiM1ODU4NTg7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48L3N2Zz4=);
        -webkit-background-size: 20px auto;
        background-size: 20px auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

    input:focus {
        outline: none;
    }
}

/*------------soso   end-----------*//*   max-width: 1000px   */
@media (max-width: 1000px) {
    .navbar .nav_bg {
        display: none;
    }

    .navbar-default .navbar-nav .dropdown a.dropdown-toggle {
        padding: 15px 15px;
    }
}

/*   max-width: 767px   */
@media (max-width: 767px) {
    .nav {
        float: left;
        width: 100% !important;
    }

    .navbar {
        position: relative;
        margin-bottom: 0;
        background: #fff;
        margin-top: 0;
    }

    .navbar .nav_bg {
        display: none;
    }

    .navbar-header img {
        display: block;
        margin-top: -10px;
    }

    .navbar-header {
        height: 60px;
        margin-bottom: 20px;
        padding-top: 10px;
    }

    .navbar-collapse {
        max-height: 100% !important;
    }

    .navbar-nav .open .dropdown-menu {
        background: #fff;
    }

    .navbar-collapse {
        padding-right: 0;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: #ff0;
    }

    .nav_pro .yamm-content ul li a {
        color: #333;
    }

    .yamm .dropdown-menu.nav_pro {
        left: auto;
        margin-left: 0;
    }
}

/*****   banner 区域   *****/
.flicker-example {
    position: relative;
    overflow: hidden;
}

.flicker-example ul li img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.flicker-example ul li .flick-title, .flicker-example ul li .flick-sub-text {
    z-index: 999;
}

.banner {
    position: relative;
    z-index: 99;
}
.banner .banner{
    padding-top: 6%;
}

.banner .flick-title {
    text-transform: uppercase;
    margin: 10px 0;
}

.banner li {
    position: relative;
}

.banner li .flick-content > a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1;
}

@media (max-width: 767px) {
    .banner {
        position: relative;
        top: 0;
        margin-top: 0;
    }
}
@media (min-width: 992px){
    .flicker-example ul li img{
        height:100%;
    }
}

.index_banner_img {
    position: absolute;
    bottom: 120px;
    left: 50%;
    margin-left: -2px;
}

.index_title {
    text-align: left;
}

.index_title .inedx_t_t {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
}

.index_title .inedx_t_b {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 36px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 36px;
}

.index_title .index_t_line {
    width: 120px;
    height: 3px;
    background: #286fbf;
    margin: 20px 0 25px;
}

/*****  about   *****/
.about {
    margin-top: 75px;
}

.about .about_img, .about .about_text {
    padding: 0;
    overflow: hidden;
}

.about .about_img img {
    height: 100%;
    display: block;
    margin: 0 auto;
}

.about .about_text .about_text_t, .about .about_text .about_text_b {
    padding: 15px 30px;
}

.about .about_text .about_text_t {
}

.about .about_text .about_text_b {
    background: #ececec;
}

.about .about_text .about_text_b .text_b_title {
    padding: 8px 30px;
    background: #286fbf;
    width: 300px;
    color: #fff;
    font-size: 18px;
    margin-top: -35px;
    margin-left: -30px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.about-bg {
    background: url(aboutbg.jpg) center top repeat;
}
.layout{width:100%;display:block;}
.padding-big-bottom {
    padding-bottom: 20px;
}
.padding-big-top {
    padding-top: 20px;
}
.about-box {
    padding: 30px;
    color: #fff;
    margin: 20px 0px;
}


@media (min-width: 760px)
{
.xs12 {
    width: 100%;
	float:left;
}
}
@media (min-width: 1000px)
{
.xm7 {
    width: 58.33333333%;
	float:left;
}
.xm5 {
    width: 41.66666667%;
	float:left;
}
}
@media (min-width: 1200px){
.xb8 {
    width: 66.66666667%;
	float:left;
}
.xb4 {
    width: 33.33333333%;
	float:left;
}

}
.xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12, .xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12, .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xb10, .xb11, .xb12 {
    position: relative;
    min-height: 1px;
}
h1.s1 {
    font-size: 24px;
    color: #333;
}
.about-box h1 {
    color: #fff;
	margin-top:0px;
}
.margin-big-top {
    margin-top: 20px;
}
.padding-bottom {
    padding-bottom: 10px;
}
.text-center {
    text-align: center;
}

h2.s1 {
    font-size: 16px;
    color: #555;
    text-transform: uppercase;
}
.about-box h2 span {
    font-size: 18px;
    color: #1e85e4;
}
.about-box a {
    color: #1e85e4;
}
.padding-big-top {
    padding-top: 20px;
}
.about-box p {
    color: #fff;
	    margin-bottom: 15px;
    line-height: 24px;
}
@media (min-width: 1030px) {
    .about .about_img img, .about .about_text {
        max-height: 500px;
    }

    .about .about_text .about_text_t {
        height: 350px;
    }

    .about .about_text .about_text_b {
        height: 150px;
        background: #ececec;
    }
}

.help {
    text-align: center;
    overflow: hidden;
    background: #fff;
    position: relative;
    padding: 50px 0;
}

.help .help_box {
    padding: 0 15px;
    position: relative;
}

.help .help_box .help_img {
    height: 175px;
    margin-top: 15px;
}

.help .help_box .help_img img {
    width: 50%;
    cursor: pointer;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
}

/*
.help .help_box .help_img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
*/

.help .help_box .help_text {
    text-align: center;
}

.help .help_box .help_text .help_text_title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-top: 10px;
}

.help .help_box .help_text .help_text_texts {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 1.5em;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

a.more {
    display: block;
    font-size: 14px;
    width: 80px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    float: right;
    margin-top: 10px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    color: #666;
}

a.more span {
    font-family: SimSun;
    margin-left: 5px;
}

a.more:hover {
    color: #fff;
    background: #286fbf;
}

a.more:hover span {
    color: #fff;
}

@media (max-width: 992px) {
    .help .help_box {
        margin-bottom: 20px;
    }

    .help .help_box .help_img img {
        width: 320px;
        display: block;
        margin: 0 auto;
    }

    .help .help_box .help_text {
        text-align: center;
    }

    .help .help_box a.more {
        display: block;
        font-size: 14px;
        width: 80px;
        height: 28px;
        float: none;
        margin: 10px auto;
        line-height: 28px;
        border-radius: 3px;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        text-align: center;
    }
}

@media (max-width: 320px) {
    .help .help_box {
        padding: 0;
    }
}

/*   more btn   */
a.about_more {
    font-size: 14px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    display: block;
    height: 36px;
    line-height: 36px;
    width: 120px;
    text-align: center;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    padding-right: 10px;
}

a.about_more span {
    font-family: "Microsoft YaHei", sans-serif;
    position: absolute;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

a.about_more:hover {
    background: #286fbf;
    border: 1px solid #286fbf;
}

a.about_more:hover span {
    margin-left: 10px;
}

/*   more btn end   *//*    ---------  pro  -----------     */
/*
.pro {
    margin-top: 75px;
    padding: 55px;
   
}

.pro .pro_title {
    margin-top: 50px;
}

.pro .probox_more {
    background: #286fbf;
    text-align: center;
}

.pro .probox_mores {
    background: #333;
}

.pro .probox_more a {
    font-family: Arial;
    color: #fff;
    font-size: 28px;
    display: block;
    line-height: 220px;
}

.pro .probox_more a span {
    color: #fff;
    margin-left: 5px
}

.pro .probox_more a span {
    font-family: SimSun;
    position: relative;
    left: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.pro .probox_more dl {
    text-align: left;
    padding: 42px 25px;
}

.pro .probox_more dl dt {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Arial;
}

.pro .probox_more dl dd {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Arial;
}

.pro .probox_more .probox_line {
    height: 2px;
    width: 120px;
    background: #fff;
    margin-top: 15px;
}

@media (max-width: 450px) {
    .pro .probox_more dl {
        text-align: left;
        padding: 50px 5px;
    }

    .pro .probox_more dl dt {
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
    }

    .pro .probox_more dl dd {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
    }

    .pro .probox_more .probox_line {
        height: 2px;
        width: 120px;
        background: #ffffff;
        margin-top: 15px;
    }
}

.pro .probox_more a:hover span {
    left: 10px;
}
*/
.box-hover-modal {
    height: 220px;
    position: relative;
    overflow: hidden;
    padding: 10px;
    cursor: pointer;
}

.box-hover-modal:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    background-image: url("../images/item-bg.jpg");
    background-size: cover;
    z-index: 0;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    cursor: pointer;
}
.box-hover-modal:first-child:before,
.box-hover-modal:last-child:before{
    background-image: none;
    border: #fff solid 2px;
}

.box-hover-modal:after {
    content: '';
    position: absolute;
    left: 13px;
    top: 13px;
    right: 13px;
    bottom: 13px;
    z-index: 1;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    background-color: #000;
    filter: alpha(Opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.box-hover-modal:hover:before {
}

.box-hover-modal:hover:after {
    filter: alpha(Opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.box-hover-modal-con {
    position: relative;
    z-index: 1;
    display: table-cell;
    vertical-align:middle;
    width: 100%;
    height: 200px;
    text-align: center;
    line-height: 200px;
    *display: block;
    *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
    box-sizing: border-box;
}

/**********************/
.box-hover-modal-con img {
    width: 80%;
    cursor: pointer;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    display: block;
    margin: 0 auto;
}

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

/**********************/
.box-hover-modal-m {
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    color: #fff;
    text-align: center;
    z-index: 2;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
}

.box-hover-modal:hover .box-hover-modal-m {
    bottom: 20px;
}

.box-hover-modal-m b {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

@media (max-width: 414px) {
    .box-hover-modal {
        height: 150px;
    }
    .box-hover-modal-con{
        height: 130px;
        line-height: 130px;
    }
    .pro .probox_more a {
        line-height: 150px;
        font-size: 11pt;
    }

    .box-hover-modal-m b {
        line-height: 1.5;
    }
}

/*****   footer   *****/
.footer {
    padding: 30px 5px 5px 10px;
    background: #333;
    margin-top: 50px;
}

.footer .footer_con .footer_box dl dt, .footer .footer_con .footer_box dl dt a {
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    width: 275px;
    margin-bottom: 10px;
}

.footer .footer_con .footer_box dl dd, .footer .footer_con .footer_box dl dd a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 300;
    line-height: 2.4em;
}

.footer .footer_con .footer_box .sp2 dd{
    width: 140px;
    display: inline-block;
}

.footer .footer_con .footer_box dl dd.society ul {
    padding-left: 0;
}

.footer .footer_con .footer_box dl dd ul li {
    float: left;
    list-style: none;
    padding: 0 15px;
}

.footer-tips{
    border-top: #ccc dotted 1px;
    padding-top: 10px;
}
.footer-tips p{
    font-weight: normal;
    color: rgba(255, 255, 255, 0.7);
}

/*.footer .footer_input .form-horizontal .form-group .control-label{    color: #fff;    font-size: 14px;    font-weight: 300;}*/
.footer_input {
    margin-top: 10px;
    margin-bottom: 20px;
}

.footer .form-horizontal .form-group {
    margin-top: 15px;
}

.footer .form-horizontal .form-group .form-control ,
.footer .form-horizontal .form-group .input-text ,
.footer .form-horizontal .form-group textarea {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 0.8);
    font-weight: 100;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.footer .form-horizontal .form-group .form-control:focus ,
.footer .form-horizontal .form-group .input-text:focus ,
.footer .form-horizontal .form-group textarea:focus{
    border-color: rgba(233, 84, 18, 0.6);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 84, 18, 0.5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 84, 18, 0.5);
}

.footer .form-horizontal .form-group .btn-default {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 300;
    padding: 5px 24px;
}

.footer_bottom {
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 100;
    line-height: 24px;
    padding: 15px 10px;
    background: #121212;
}

/*--------------------------------------  内页  --------------------------------------------------*/
/*---  内页通用样式  ---*/
.ny_case .ny_case_title {
    padding: 100px 50px;
}

.ny_case .ny_case_title .ny_case_title_t {
    font-size: 36px;
    color: #333;
    font-weight: 300;
}
@media (max-width: 767px) {
.ny_case .ny_case_title .ny_case_title_t {
    font-size: 26px;
}
}

.ny_case .ny_case_title .ny_case_title_b {
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin-top: 15px;
    line-height: 1.5em;
}

/*---  内页通用banner样式  ---*/
.ny_banner {
    height: 320px !important;
    background: #333;
    position: relative;
    overflow: hidden;
}

.ny_banner img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    z-index: 99;
}

.ny_banner .ny_banner_text {
    z-index: 999;
}

.ny_banner_text .ny_banner_text_con {
    color: #333;
    text-align: center;
    margin-bottom: 50px;
}

.ny_banner_text_con .ny_about_title {
    font-size: 36px;
}

.ny_banner_text_con dt {
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 36px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
}

.ny_banner_text_con dd {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
}

.ny_banner_text_con .ny_banner_text_line {
    height: 3px;
    background: #286fbf;
    width: 120px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 25px;
}

.ny_nav {
    background: #eee;
    height: 75px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.ny_nav_con {
    max-width: 100% !important;
}

.ny_nav_con .col-xs-6 {
    position: static;
}

.ny_nav .ny_nav_btn {
    display: block;
    line-height: 71px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    cursor: pointer;
}

@media (max-width: 500px) {
    .ny_nav .ny_nav_btn {
        font-size: 14px;
    }
}

.ny_nav .ny_nav_btn .ny_nav_btn_jiao {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #aaa;
    margin: 0 auto;
    margin-top: -10px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    display: block;
}

.ny_nav_btnbox {
    padding: 0;
}

.ny_nav .ny_nav_btn:hover, .ny_nav .ny_nav_btn.active {
    color: #286fbf;
    border-top: 5px solid #286fbf;
    border-bottom: 1px solid #286fbf;
}

.ny_nav .ny_nav_btn:hover .ny_nav_btn_jiao {
    display: block;
    border-top: 8px solid #286fbf;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.ny_nav .ny_nav_btn.active .ny_nav_btn_jiao {
    border-top: 8px solid #286fbf;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.ny_nav_bottom {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    top: 75px;
    left: 0;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    padding: 15px 30px;
    z-index: 9999;
    display: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.ny_nav_btn:hover .ny_nav_bottom {
    display: block;
}

.ny_nav_bottom li {
    float: left;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    list-style: none;
}

.ny_nav_bottom li:hover {
    background: #286fbf;
    border-radius: 5px;
}

.ny_nav_bottom li a {
    z-index: 99;
    font-size: 14px;
}

.ny_nav_bottom li a span {
    font-family: SimSun;
    margin-left: 5px;
}

.ny_nav_bottom_b {
    background: #286fbf;
    position: absolute;
    left: 0;
    margin-top: -3px;
    display: none;
    z-index: 9999;
}

.ny_nav_bottom_b dd a {
    padding: 15px 15px;
    display: block;
    font-size: 12px;
}

.ny_nav_bottom li:hover .ny_nav_bottom_b {
    display: block;
}

.ny_nav_bottom_b dd a:hover {
    background: rgba(0, 0, 0, 0.5);
}

.ny_nav_bottom a {
    color: #fff;
}

@media (max-width: 768px) {
    .ny_nav {
        margin-top: 0;
    }
}

/*--------------------------------------  内页 pro --------------------------------------------------*/
.ny_daohang a {
    font-size: 12px;
    font-weight: 400;
}

.ny_daohang a span {
    font-family: sans-serif;
    padding: 0 5px
}

.ny_pro {
    z-index: 99;
    margin-top: 50px;
}

/*----------------*/
.ny_pro_nav {
    background: #286fbf;
    padding: 0;
    border-radius: 5px;
    margin-top: 50px;
}

.ny_pro_nav li {
    list-style: none;
    line-height: 2.5em;
}

.ny_pro_nav li a:hover {
    color: #fff;
}

.ny_pro_nav_erji {
    margin-left: -40px;
    background: #ff9060;
    display: none;
}

.ny_pro_nav_erji li {
    line-height: 2em;
    padding-left: 15px;
}

.ny_pro_nav_erji li a {
    font-size: 12px;
    font-weight: 400;
}

.ny_pro_nav li:hover .ny_pro_nav_erji, .ny_pro_nav li.active .ny_pro_nav_erji {
    display: block;
}

/*----------------*/
.ny_pro_box {
    padding: 0px 2px;
    margin-bottom: 10px;
}

.ny_pro .ny_pro_title {
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 24px;
    padding: 30px 0px;
}

.ny_pro .ny_pro_title p {
    font-size: 14px;
    margin-top: 10px;
    border-top: 1px solid #286fbf;
    padding-top: 10px
}

.ny_pro .ny_pro_box .ny_pro_box_title {
    text-align: center;
    padding: 10px 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    font-size: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ny_pro .ny_pro_box .ny_pro_box_img {
    width: 100%;
    overflow: hidden;
    height: 150px;
    background: #ededed;
}

.ny_pro .ny_pro_box .ny_pro_box_img img {
    display: block;
    margin: 0 auto;
    height: 100%;
}

.ny_pro .ny_pro_box .ny_pro_box_img .ny_pro_box_bg {
    padding: 2px;
    width: 100%;
    height: 150px;
    background: rgba(234, 84, 19, 0);
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    border-radius: 50%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.ny_pro .ny_pro_box:hover .ny_pro_box_img .ny_pro_box_bg {
    background: rgba(234, 84, 19, 0.5);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    border-radius: 0;
}

.ny_pro .ny_pro_box:hover .ny_pro_box_title {
    color: #286fbf;
}

@media (max-width: 500px) {
    .ny_pro .ny_pro_box .ny_pro_box_img {
        width: 100%;
        overflow: hidden;
        height: 105px;
    }

    .ny_pro .ny_pro_box .ny_pro_box_img img {
    }

    .ny_pro .ny_pro_box .ny_pro_box_img .ny_pro_box_bg {
        width: 100%;
        height: 105px;
        background: rgba(234, 84, 19, 0);
        position: absolute;
        top: 0;
        left: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        border-radius: 50%;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
}

/*--------------------------------------  内页 news 解决方案 --------------------------------------------------*/
.ny_news {
    margin-top: 75px;
}

.ny_news .ny_news_box {
    display: block;
    margin-bottom: 20px;
}

.ny_news .ny_news_box .ny_news_img {
    height: 175px;
    padding: 0;
    overflow: hidden;
}

.ny_news .ny_news_box .ny_news_img img {
    width: 100%;
}

.ny_news .ny_news_box .ny_news_text {
    padding: 20px 30px;
    font-family: Arial;
    height: 175px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.ny_news .ny_news_box .ny_news_text dt {
    margin-bottom: 5px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 18px;
}

.ny_news .ny_news_box .ny_news_text .ny_news_date {
    margin-bottom: 5px;
    color: #999;
    font-family: Arial;
    font-size: 14px;
}

.ny_news .ny_news_box .ny_news_text .ny_news_texts {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
    /*text-indent: 2em;*/
    font-size: 14px;
    line-height: 1.5em;
}

.ny_news .ny_news_box .ny_news_black {
    height: 175px;
}

.ny_news .ny_news_box .ny_news_text .ny_news_more {
    margin-right: 20px;
    float: right;
    margin-top: 20px;
    font-family: Arial;
    font-size: 12px;
    color: #666;
}

.ny_news .ny_news_box .ny_news_text .ny_news_more span {
    position: absolute;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    font-family: SimSun;
}

.ny_news .ny_news_more_title {
    padding: 50px 20px !important;
}

.ny_news_more_date {
    font-family: Arial;
    font-size: 14px;
    margin-top: 50px;
    color: #666666;
}

@media (max-width: 767px) {
    .ny_news .ny_news_box .ny_news_img {
        height: 275px;
    }
}

/**********   hover  ************/
.ny_news .ny_news_box:hover .ny_news_text {
    background: #f5f5f5;
}

.ny_news .ny_news_box:hover .ny_news_text dt {
    color: #286fbf;
}

.ny_news .ny_news_box:hover .ny_news_text .ny_news_date {
    color: #333;
}

.ny_news .ny_news_box:hover .ny_news_text .ny_news_texts {
    color: #333;
}

.ny_news .ny_news_box:hover .ny_news_text .ny_news_more {
    color: #286fbf;
}

.ny_news .ny_news_box:hover .ny_news_text .ny_news_more span {
    margin-left: 10px;
}

.news_more_text {
    padding: 0 15px
}

.news_more_text p {
    font-size: 14px;
    font-family: Arial;
}

.news_more_text b {
    line-height: 36px
}

.ny_page {
    margin-top: 50px;
}

.ny_page ul {
    float: right;
}

.ny_page ul li {
    list-style: none;
    float: left;
    font-size: 14px;
    padding: 5px 15px;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    border-radius: 3px;
}

.ny_page ul li.page_fan {
    font-family: SimSun
}

.ny_page ul li:hover {
    background: #286fbf;
    color: #fff;
}

.pages a,.pages span{
    list-style: none;
    float: left;
    font-size: 14px;
    padding: 5px 15px;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    border-radius: 3px;
}
.pages a:hover, .pages span{
    background: #286fbf;
    color: #fff;
}

/*************  news_more  *******************/
.ny_news .news_more_text p {
    font-size: 14px;
    line-height: 1.5em;
    /*text-indent: 2em;*/
    margin: 0;
    color: #666;
}

/*************  联系我们  *******************/
.ny_contact {
    margin-top: 50px;
}

.ny_contact .ny_contact_title {
    margin-top: -50px;
}

.ny_contact .ny_contact_text {
    padding: 95px 5px;
}

.ny_contact .ny_contact_text ul li {
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 15px;
}

.ny_contact .ny_contact_text ul li span {
    font-weight: 500;
    margin-right: 10px;
}

.ny_contact .ny_contact_map {
    height: 400px;
    background: #333;
    padding: 0;
}

@media (max-width: 768px) {
    .ny_contact .ny_contact_text {
        padding: 30px 5px;
    }
}

/*************  R&D  *******************/
.ny_banner_text_con .ny_about_title_texts {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    margin-top: 30px;
    line-height: 1.5em;
    text-align: left;
}

.ny_about .ny_about_box .ny_about_box_img, .ny_about .ny_about_box5 .ny_about_box_img {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.ny_about .ny_about_box .ny_about_box_img img, .ny_about .ny_about_box5 .ny_about_box_img img {
    display: block;
    margin: 0 auto;
    width: 100%;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
}

.ny_about .ny_about_box .ny_about_box_img:hover img, .ny_about .ny_about_box5 .ny_about_box_img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.ny_about .ny_about_box .ny_about_box_text {
    padding: 15px;
    text-align: left;
}

.ny_about .ny_about_box .ny_about_box_text dl {
    margin: auto;
    text-align: center;
}

.ny_about .ny_about_box .ny_about_box_text dl dt {
    color: #333;
    text-transform: uppercase;
}

.ny_about .ny_about_box .ny_about_box_text .ny_banner_text_line {
    margin-left: 0;
}

.ny_about .ny_about_box4 {
    width: 100%;
    height: 300px;
    margin-top: 50px;
    position: relative;
    overflow: hidden;
}

.ny_about .ny_about_box4 img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px
}

.ny_about .ny_about_box5 {
    text-align: center;
    padding: 50px 20px;
}

@media (min-width: 768px) {
    .ny_about .ny_about_box .ny_about_box_text {
        padding: 0 30px
    }

    .ny_about .ny_about_box1 .ny_about_box_text {
        margin-top: 30px;
    }

    .ny_about .ny_about_box2 .ny_about_box_text {
        margin-top: 30px;
    }

    .ny_about .ny_about_box3 .ny_about_box_text {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .ny_about .ny_about_box .ny_about_box_img img {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
}

/*************  产品详情  *******************/
#owl-demo .item {
    display: block;
    padding: 2px;
    position: relative;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

#owl-demo .item p {
    text-align: center;
    margin-top: 5px;
    font-size: 15px;
}

#owl-demo .item:hover p {
    color: #286fbf;
}

#owl-demo .item .black_bg {
    width: 100%;
    height: 50px;
    background: rgba(234, 84, 19, 0);
    position: absolute;
    top: 2px;
    left: 2px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    border-radius: 50%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#owl-demo .item:hover .black_bg {
    background: rgba(234, 84, 19, 0.5);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    border-radius: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#demo .about_demo_title dt {
    text-align: center;
    font-family: "微软雅黑";
    font-size: 28px;
    color: #333;
    font-weight: 400;
    border-bottom: 2px solid #0058b7;
    width: 120px;
    margin: 0 auto;
    padding: 25px 0px;
    margin-bottom: 50px;
}

.ny_pro_more .ny_pro_more_title {
    padding: 10px 15px;
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    border-bottom: 1px solid #ccc;
}

.ny_pro_more .ny_pro_more_img {
    background: #fff;
    max-width: 900px;
    margin: 30px auto;
    overflow: hidden;
}

.ny_pro_more .ny_pro_more_img img {
    display: block;
    margin: 0 auto;
    background-color: #fff;
}

.ny_pro_more .pro_more_texts {
    padding: 30px 0;
    position: relative;
    border-top: 1px solid #ccc;
    padding-bottom: 0;
}

.ny_pro_more .pro_more_texts p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.ny_pro_more .pro_more_texts_line {
    height: 3px;
    width: 120px;
    background: #286fbf;
    position: absolute;
    top: -2px;
    left: 0;
}

.pro_more_table {
    display: block;
}

.tabs {
    padding: 5px
}

.table-bordered thead tr th {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
}

.ny_pro #xiazai {
    position: relative;
    display: none;
}

.ny_pro #xiazai .zai {
    margin-top: 180px;
}

.ny_pro #xiazai li {
    margin-top: 5px;
}

.ny_pro #xiazai li a {
    font-size: 12px;
    color: #666;
    transition: 0.5s;
}

.ny_pro #xiazai li:hover a {
    color: #286fbf;
}

.ny_pro #xiazai li a span {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 10px;
}

.tanchu_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
}

.tanchu {
    width: 300px;
    height: 500px;
    background: #fff;
    position: fixed;
    top: 50%;
    z-index: 99999;
    left: 50%;
    margin-top: -250px;
    margin-left: -150px;
    padding: 20px;
    border-radius: 5px;
    padding-top: 20px;
    display: none;
    border: #ccc solid 1px;
    box-shadow:0 0 8px rgba(0, 0, 0, .5);
}

.tanchu #tan_close {
    height: 25px;
    margin-bottom: 15px;
}

.tanchu #tan_close span {
    font-family: Arial;
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    float: right;
    width: 25px;
    text-align: center;
    cursor: pointer;
}

.tanchu .xiazai_btn {
    padding-right: 20px;
}

.tanchu .xiazai_btn .btn-default {
    transition: 0.5s;
}

.tanchu .xiazai_btn:hover .btn-default {
    background: #286fbf;
    color: #fff;
    border: 1px solid #286fbf;
}

@media (min-width: 997px) {
    .tanchu {
        width: 460px;
        height: 380px;
        background: #fff;
        position: fixed;
        top: 50%;
        z-index: 99999;
        left: 50%;
        margin-top: -180px;
        margin-left: -230px;
        padding: 20px;
        border-radius: 5px;
        padding-top: 20px;
        display: none;
    }
}

@media (max-width: 997px) {
    .ny_pro #xiazai .zai {
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .ny_pro_more .ny_pro_more_img img {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
}

@media (max-width: 500px) {
    .pro_more_table {
        display: none;
    }
}

.footer_con {
    margin-right: 0
}

/*************  Manufacture  *******************/
.Manufacture_con {
    padding: 0;
}

.Manufacture_con .Manufacture_box {
    height: 225px;
    background: #fff;
    padding: 2px;
    overflow: hidden;
}

.Manufacture_con .Manufacture_box img {
    height: 100%;
    width: 100%
}

.Manufacture_con .Manufacture_text {
    padding: 50px 25px;
    background: #286fbf;
    color: #fff;
    font-size: 36px;
    font-family: Arial;
}

.Manufacture_con .Manufacture_text p {
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 500px) {
    .Manufacture_con .Manufacture_box {
        height: 150px;
        background: #eee;
        padding: 0;
    }

    .Manufacture_con .Manufacture_text {
        padding: 10px 10px;
        background: #333;
        color: #fff;
        font-size: 24px;
        font-family: Arial;
    }

    .Manufacture_con .Manufacture_text p {
        font-family: Arial;
        font-size: 14px;
    }
}

/*************  Quality_con  *******************/
.Quality_con {
    padding: 0;
}

.Quality_con .Quality_box {
    padding: 0;
}

.Quality_con .Quality_img, .Quality_con .Quality_text {
    height: 235px;
    padding: 0;
    overflow: hidden;
}

.Quality_con .Quality_img img {
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
}

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

.Quality_con .Quality_img_t {
    background: #eee;
    overflow: hidden;
    padding: 0;
}

.Quality_con .Quality_img_t img {
}

.Quality_con .Quality_text {
    position: relative;
    background: #286fbf;
    color: #fff;
    padding: 75px 50px;
    font-size: 24px;
}

.quality_img_t {
    padding: 50px 0;
}

.Quality_con .Quality_text p {
    font-size: 18px;
    font-family: Arial;
    color: #fff;
}

.Quality_con .Quality_text.arr-up:after, .Quality_con .Quality_text.arr-down:after {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    font-family: sans-serif;
    font-size: 32px;
    font-weight: bold;
    filter: alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
}

.Quality_con .Quality_text.arr-up:after {
    content: '▲';
    top: 5px;
}

.Quality_con .Quality_text.arr-down:after {
    content: '▼';
    bottom: 5px;
}

@media (max-width: 500px) {
    .Quality_con .Quality_img, .Quality_con .Quality_text {
        height: 150px;
        padding: 0;
    }

    .quality_img_t {
        display: none
    }

    .Quality_con .Quality_text {
        background: #286fbf;
        color: #fff;
        padding: 20px 10px;
        font-size: 24px;
    }

    .Quality_con .Quality_img {
        background: #eee;
        overflow: hidden;
        padding: 0;
    }

    .Quality_con .Quality_img img {
        height: 100%;
    }
}

/*************  R&D  *******************/
.rd_img {
    padding: 30px 0;
}

@media (max-width: 500px) {
    .rd_img img {
        width: 100%
    }
}

.ny_nav_sanji {
    margin-right: 5px
}

.ny_nav_sanji a {
    font-family: Arial;
    font-size: 12px;
    color: #666;
}

.ny_nav_sanji span {
    font-family: SimSun;
    margin: 0 5px;
    font-size: 12px;
    color: #666;
}

.ny_nav_sanji a:hover, .ny_nav_sanji a.active {
    color: #286fbf;
}

/* about */
@media (max-width: 767px) {
.ny_about_list {
    padding-left:25px;
    padding-right:25px;
}
}

.ny_about_list li {
    margin-bottom: 45px;
}

.ny_about_list li strong {
    position: relative;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 40px;
    height: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.ny_about_list li strong:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #286fbf;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.ny_about_list li:hover strong {
    font-size: 25px;
}

.ny_about_list li:hover strong:after {
    width: 120px;
}

.ny_about_list li p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    line-height: 1.5em;
    text-align: left;
}

.ny_about_list li:hover p {
}

.ny_about_images {
    text-align: center;
    overflow:hidden;
}

.ny_about_images .photo-item {
    overflow: hidden;
}

.ny_about_images img {
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
}

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

.ny_about_images p {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 45px;
    font-weight: bold;
}

/* manufacture */
.ny_manufacture_box {
}

.ny_manufacture_box li {
    margin-bottom: 45px;
}

.ny_manufacture_box li strong {
    position: relative;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 40px;
    height: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.ny_manufacture_box li strong:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: rgba(233, 84, 18, 1);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.ny_manufacture_box li p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    line-height: 1.5em;
    text-align: left;
}

.ny_manufacture_box li:hover p {
}

.need-more {
    background-color: #f1f1f1;
    padding: 50px 0;
    margin-top: 50px;
    margin-bottom: -50px;
}

.need-more p {
    font: 40px 'Lato', Helvetica, Arial, sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    color: #666;
    font-weight: 500;
}

.need-more .btn {
    padding: 10px;
    color: #fff;
    background-color: #286fbf;
    border-width: 0;
    text-transform: uppercase;
    width: 150px;
}

.scale12 {
    overflow: hidden;
}

.scale12 img {
    transition: all 3.5s;
    -webkit-transition: all 3.5s;
}

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

.index_section a {
    margin-top: 20px;
}

.index_section a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sect_down 1.5s infinite;
    animation: sect_down 1.5s infinite;
    box-sizing: border-box;
}

.index_section a span:before {
    display: block;
    margin-top: 7px;
    margin-left: -8px;
    content: '';
    width: 24px;
    height: 24px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff; /*-webkit-transform: rotate(-45deg);    transform: rotate(-45deg);*/
}

.icon-address {
    display: inline-block;
    padding-left: 22px;
    background: url('../images/contact/icon/address.png') no-repeat left center;
}

.icon-p-c {
    display: inline-block;
    padding-left: 22px;
    background: url('../images/contact/icon/message.png') no-repeat left center;
}

.icon-fax {
    display: inline-block;
    padding-left: 22px;
    background: url('../images/contact/icon/fax.png') no-repeat left center;
}



@-webkit-keyframes sect_down {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}

@keyframes sect_down {
    0% {
        transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}

.d_feedback {
    width: 560px;
    margin: 75px auto;
}

.d_feedback h3 {
    text-align: center;
    font-size: 24px;
    color: #333;
    padding: 0 0 15px 0;
}

.d_feedback p {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.d_feedback p span {
    color: #286fbf;
}

.d_feedback_form li {
    line-height: 40px;
    margin: 20px 0 0 0;
}

.d_feedback_form input {
    height: 40px;
    width: 450px;
}

.d_feedback_form li b {
    float: left;
    padding: 5px 0 0 0;
    margin: 0 10px 0 0;
    color: red;
}

.d_feedback_form li span {
    float: left;
}

.d_feedback_form li input {
    float: right;
    resize: none;
    border: 1px solid #ccc;
}

.d_feedback_form li textarea {
    float: right;
    width: 450px;
    height: 240px;
    border: 1px solid #ccc;
    margin-right: 3px;
}

.d_feedback_form .d_code input {
    width: 160px;
    float: left;
    margin: 0 20px 0 30px;
}

.d_feedback_form .d_code img {
    float: left;
}

.d_feedback_form li .d_reset {
    float: left;
    width: 170px;
    height: 40px;
    border: none;
    color: #fff;
    background: #909090;
    font-size: 18px;
}

.d_feedback_form li .d_btn {
    float: left;
    width: 170px;
    height: 40px;
    border: none;
    color: #fff;
    background: #286fbf;
    font-size: 18px;
    margin: 0 30px 0 110px;
}

.ny_pro_list_block{}
.ny_pro_list_block .ny_pro_item{
    margin-top: 25px;
    overflow: hidden;
}
.ny_pro_list_block .ny_pro_item .pbox-hover{
    width: 100%;
    height: 175px;
    line-height: 175px;
    text-align:center;
    overflow: hidden;
}
.ny_pro_list_block .ny_pro_item img{
    max-width: 80%;
    max-height: 175px;
    cursor: pointer;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
}
.ny_pro_list_block .ny_pro_item:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.ny_pro_list_block .ny_pro_item p{
    display:block;
    height: 66px;
    margin-top: 10px;
    text-align:center;
}

.redirect{
    text-align: center;
    padding-bottom: 25px;
}

.ny_search{}
.ny_search .result_msg{
    margin-top: 15px;
    border: #ccc solid 1px;
    background-color: #fffce5;
    color: #ed8511;
    padding: 8px 15px;
    font-size: 12px;
    border-radius: 3px;
}

.search_result{
    margin-top: 15px;
}
.search_result li{
    margin-top: 15px;
    font-size: 14px;
    padding-bottom: 15px;
    border-bottom: #ccc solid 1px;
    color: #666;
}
.search_result li a{
    color: #666;
}
.search_result .s_title font[color=red]{
    color: red;
}
.search_result .adds{
    color: #ccc;
    font-size: 12px;
}
.search_result p{
    font-size: 13px;
    color: #666;
}

.contact-form .form-group{
    margin-top: 5px !important;
    margin-bottom: 10px;
}

.about-container{
    padding-top: 75px;
    padding-bottom: 20px;
}
.about-section-head{
    padding-right: 45px;
    border-right: #286fbf solid 3px;
}
.about_wrapper{
    margin: 0 0 12.5px;
}
.about-cont{
    padding-left: 15px;
}
.about_wrapper p{
    font-size: 16px;
    color: #444444;
    font-weight: 300;
    line-height: 1.6;
}
.section-main-title{
    font-size: 28px;
}

#xunpan_btn{
    position: fixed;
    bottom: 90px;
    right: 15px;
    z-index: 99;
    padding: 7px;
    background-color: #f0f0f0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    border: 1px solid #ddd;
    font-weight: normal;
    cursor: pointer;
    text-align: center;
}
#xunpan_btn img{
    width: 28px;
}
#xunpan_btn span{
    display: none;
    font-size: 12px;
    color: #fff;
    opacity: .5;
}
.pan-form .table_form tbody td, .pan-form .table_form tbody th{
    border-bottom: 0;
}
.pan-form tbody td input,.pan-form tbody td textarea{
    width: 100%;
    padding: 3px 5px;
    height: auto;
}
#pan_close{
    float: right;
    cursor: pointer;
}
.pan-form .btns-group input{
    padding: 3px 5px;
    height: auto;
}
.index-box {
    padding: 100px 0;
    padding: 60px 0;
}
.index-product {
    border-bottom: 1px dashed #ececec;
}
.index-box .index-title {
    text-align: center;
}
.index-box .index-title h3 {
   
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 20px;
}
.index-product .row {
    padding: 1px 0;
}
.index-product .pro-list {
    margin-top: 10px;
    text-align: center;
}
.index-product .item-box {
    padding: 0 15px;
    outline: none;
}
.index-product .item {
    position: relative;
    margin-top: 30px;
    padding: 5px;
    padding-bottom: 10px;
    border: 1px solid #ececec;
}
.img-box {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
}
.index-product .img-box {
    padding-bottom: 63%;
    outline: none;
}
.img-box img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.index-product .item p {
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    /* margin-bottom: 15px; */
    padding: 0 5%;
    color: #666;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 10px 0 0 0;
}
.index-product .tips {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 20px;
    padding: 10px 2px;
    -ms-writing-mode: tb-rl;
    color: #fff;
    /* background-color: #286fbf; */
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.cen {
	
	background: url(/style/images/border.png) repeat-y;
}
.lef {
	width: 185px;
	height: auto;
	float: left;
}
.xwzx {
	height: 185px;
	background: url(/style/images/xwz_03.png) top center no-repeat;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
}
.xwzx a {
	font-size: 24px;
	color: #333;
	line-height: 185px;
	text-align: center;
	display: block;
}
.ulli {
}
.ulli ul {
	line-height: 45px;
}
.ulli ul li {
	height: 46px;
	overflow: hidden;
}
.ulli ul li a {
	display: block;
	height: 45px;
	font-size: 14px;
	color: #333;
	padding-left: 15px;
	border-bottom: 1px solid #e3e3e3;
}
.ulli ul li a:hover {
	background: #8A8A8A;
	color: #fff
}
.ulli ul li .active {
	background: #8A8A8A;
	;
	color: #fff
}
.ulli ul li .activee {
	background: #BFBFBF;
	color: #fff
}
.ulli ul li ol li a {
	padding-left: 60px;
}
.ulli ul li ol li a:hover {
	background: #BFBFBF;
	color: #fff
}
.ul_li {
	cursor: pointer
}
.rig {
	width: 805px;
	
	height: auto;
	float: right;
	margin-bottom: 50px;
}
.gsxw {
	width: 100%;
	height: 90px;
}
.zuo_4 {
	height: auto;
	float: left;
	margin-top: 25px;
}
.a1 {
	width: 60px;
	height: 4px;
}
.fon {
	height: 20px;
	margin-top: 5px;
}
.fon a {
	font-size: 18px;
	color: #525252;
}
.you_4 {
	width: auto;
	height: 20px;
	float: right;
	margin-top: 50px;
}
.you_4 a {
	font-size: 12px;
	color: #333;
	padding: 0px 5px 0px 5px;
}
.xia1 {
	width: 855px;
	height: auto;
}
.xia1 ul li {
	
	float: left;
	padding: 0px 0px;
	border: 1px solid #dddddd;
	position: relative;
	float: left;
	margin: 0 4px 4px 0;
}
.xia1 ul li:after {
	content: '';
	position: absolute;
	width: 35px;
	height: 1px;
	left: 13px;
	bottom: 25px;
	background: #dadada
}
.xia1 ul li h3 {
	color: #20568a;
	background: url(/style/images/52_03.png) no-repeat 214px center;
	margin-top: 30px;
}
.xia1 ul li p {
	font-size: 12px;
	color: #666666;
}
.clear {
	clear: both;
}
.page {
	clear: both;
	height: 30px;
	margin: 20px;
	overflow: hidden;
	margin-left: 0px;
}
.mbbody_body .page {
	margin-left: 20px;
}
.page ul {
}
.page ul li {
	float: left;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	line-height: 20px;
	background: #fff;
}
.page ul li.thisclass {
	display: inline-block;
	border: 1px solid #1f82b7;
	padding: 2px 9px;
	margin: 0 3px;
	background: #1c82b7;
	color: #fff;
}
.page ul li.thisclass a {
	color: #fff;
}
.page ul li a:hover {
	color: #1f9652;
}
.page ul li span {
	display: inline-block;
	padding: 0;
}
.pages {
	padding: 30px 0 30px;
	text-align: center
}
.pages li {
	display: inline;
	margin: 0 2px;
	font-size: 12px
}
.pages li.thisclass, .pages a:hover {
	padding: 3px 8px;
	border: 1px solid #666;
	background: #666;
	color: #fff;
	text-decoration: none
}
.pages a {
	padding: 3px 8px;
	border: 1px solid #CCC;
	background: #fff;
	color: #A4A4A4;
	line-height: 18px;
	font-size: 12px
}
.contact-content {
    padding-bottom: 0;
}
.contact-content .content {
    margin: 50px 0 50px 0;
}
.inside-page {
    overflow: hidden;
}
@media (min-width: 992px)
{
.contact-content .contact, .contact-content .message {
    float: left;
    width: 50%;
}
.contact-content .message {
    padding-right: 40px;
}

}
.contact-content .contact, .contact-content .message {
    position: relative;
    z-index: 2;
    padding: 0 15px;
}
.contact-content .index-title {
    margin-bottom: 35px;
    text-align: center;
    text-align: left;
}
.contact-content .index-title h3 {
    font-family: 'sf_pro_displaybold';
    font-size: 36px;
    margin-top: 0;
}
.contact-content .message form .row {
    margin: 0 -12px;
}
.contact-content .message form .row li {
    padding: 0 12px;
}
.contact-content .message form input, .contact-content .message form textarea {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    padding: 14px 15px;
    color: #999;
    border: 1px solid #e0e0e2;
    background: none;
}
.contact-content .message form textarea {
    height: 150px;
}


@media (min-width: 992px)
{
.contact-content .contact .index-title p, .contact-content .message .index-title p {
    width: 100%;
}
}
@media (min-width: 1200px)
{
.contact-content .index-title p {
    width: 72%;
}
}
.contact-content .index-title p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto;
    color: #999;
}
.contact-content .contact ul {
    margin-top: -30px;
    border-top: 1px solid transparent;
}
.contact-content .contact li {
    position: relative;
    margin-top: 30px;
    padding-left: 70px;
	padding-top:2px;
	padding-bottom:2px;
}
.contact-content .contact li.address {
   background:url(/images/lximg/p4.jpg) no-repeat left center;
}
.contact-content .map {
    overflow: hidden;
    max-width: 100%;
}
.online {
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 23%;
    -webkit-transition: right .3s;
    transition: right .3s;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.online a {
    line-height: 50px;
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin: 2px 0;
    text-align: center;
    border-radius: 5px 0 0 5px;
    background-color: rgba(0, 0, 0, .8);
}
.online a:before {
    font-size: 22px;
    color: #fff;
}
.icon-whatsapp:before {
    content: "\e621";
}
.online .icon-weixin:before {
    font-size: 24px;
}
.icon-weixin:before {
    content: "\e604";
}
.icon-skype:before {
    content: "\e616";
}
.icon-tel:before {
    content: "\e618";
}
.icon-message:before {
    content: "\e826";
}
.icon-arrow-top:before {
    content: "\e622";
}

.contact-content .contact li:before {
    font-family: 'iconfont' !important;
    font-size: 22px;
    line-height: 46px;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #286fbf;
    border: 2px solid #286fbf;
    border-radius: 50%;
}
.contact-content .contact li p {
    font-family: 'sf_pro_displaysemibold';
    margin-bottom: 5px;
    color: #393939;
}
.contact-content .contact li span {
    display: block;
    color: #999;
}
.contact-content .contact li.tel{
    background:url(/images/lximg/p2.jpg) no-repeat left center;
}
.contact-content .contact li.phone {
    background:url(/images/lximg/p3.jpg) no-repeat left center;
}
.contact-content .contact li.mail {
    background:url(/images/lximg/p1.jpg) no-repeat left center;
}
.contact-content .contact li.url {
    background:url(/images/lximg/p5.jpg) no-repeat left center;
}

@media (max-width: 767px) {
    .banner p{
        font-size: 14pt!important;
        width: 100% !important;
        padding: 10px 25px;
        box-sizing: border-box;
    }
    .flick-content .banner{
        margin-top: 10px;
    }
    .flicker-example ul li img{
        height: 100%;
        top: 0!important;
        bottom: 0!important;
        left: 0;
        right: auto;
    }
    .btn.btn-orange{
        font-size: 10pt!important;
        padding: 5px 15px!important;
    }
    .flickerplate .dot-navigation{
        right: 0px;
        bottom: 0px;
    }
    .index_banner_img{
        bottom: 80px;
    }
    .about-container{
        padding-top: 15px;
    }
    .about-section-head {
        padding-right: 0;
        padding-bottom: 15px;
        border-right: none;
        border-bottom: #286fbf solid 3px;
    }
    .pro{
        padding: 15px 0;
    }
    .box-hover-modal-m b{
        font-size: 9pt;
        font-weight: normal;
    }
    .pro .probox_more dl dd{
        font-weight: 9pt;
    }
    .pro .probox_more dl dt{
        font-size: 10pt;
    }
    .pro .probox_more dl{
        padding-top: 15px;
    }
    .index_title .inedx_t_b{
        font-size: 18pt;
    }
    .help{
        padding: 25px 0 15px;
    }
    .help .help_box .help_img img{
        width: 100%;
    }
    .help .help_box .help_img{
        height: auto;
    }
    .help .help_box .help_text .help_text_title{
        font-size: 9pt;
    }
    .footer-tips p{
        font-size: 8pt;
    }

    .ny_banner{
        height: auto !important;
    }
    .ny_banner img{
        position: inherit;
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .ny_news{
        margin-top: 25px;
        padding: 0 15px;
    }
    .ny_banner_text_con .ny_about_title{
        font-size: 18pt;
    }
    .ny_about_list li strong{
        font-size: 14pt;
        line-height: 1.5!important;
    }
    .ny_about_list li:hover strong{
        font-size: 15pt;
    }
    .ny_about_images .photo-item{
        width: 100% !important;
    }
    .ny_about_images table{
        width: 100%;
    }
    .need-more p{
        font-size: 14pt;
    }
    .ny_banner_text_con .ny_about_title_texts img{
        width: 100% !important;
        height: auto !important;
    }
    .ny_manufacture_box li strong{
        font-size: 18pt;
        font-weight: normal;
    }
    .scale12{
        margin-left: -10px;
    }
    .scale12 img{
        width: 100% !important;
        height: auto !important;
    }
    .ny_case .container{
        margin: 0;
        padding: 0;
    }
    .ny_banner_text_con .ny_about_title_texts{
        padding: 0 15px;
    }

    .htmleaf-container.col-md-3.col-xs-12.f_l.pro_nav{
        display: none;
    }
    .about-container .col-md-4{
        display: none;
    }
    .ny_pro_more .pro_more_texts td{
        font-size: 12px;
        font-weight: normal;
    }
}
.contact-content .message form .submit {
    font-family: 'sf_pro_displaysemibold';
    font-size: 16px;
    line-height: 50px;
    display: block;
    width: 210px;
    height: 50px;
    padding: 0;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    background-color: #286fbf;
	    position: relative;
    
    overflow: hidden;
    border: none;
    cursor: pointer;
    background-image: none;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: center center;
}
}