@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Raleway';
    /*src:url("../img/Raleway.woff");*/
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: "Microsoft Yahei", "微软雅黑" !important;
    /*font-family:Arial, Helvetica, sans-serif !important;*/
    /*font-family:'Raleway' !important;*/
    overflow-x: hidden;
}


.wrapper {
    width: 100%;
    margin: auto;
}

.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 75px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .4);
}

.headerbg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #2a2a2a;
    background: linear-gradient(#2a2a2a, #343434 40%, #343434 60%, #2a2a2a 100%);
    opacity: 0.8;
    filter: alpha(opacity=0.8);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
}

.header_con {
    width: 100%;
    position: relative;
}

.header_search {
    position: fixed;
    top: 95px;
    right: 20px;
    z-index: 99999;
}

.header_search h5 {
    width: 120px;
    margin: 0;
    text-align: center;
    margin-bottom: 15px;
    border: 1px solid #333;
    line-height: 32px;
    color: #333;
    background: url("../img/btn_glass1.png") /*tpa=http://www.kingstonesemi.com/Templates/cn2014/img/btn_glass1.png*/ center no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 2;
    font-size: 15px;
    letter-spacing: 1px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.header_search h5:hover {
    background: url("../img/btn_glass2.png") /*tpa=http://www.kingstonesemi.com/Templates/cn2014/img/btn_glass2.png*/ center no-repeat;
    background-size: cover;
}


.logo {
    margin-top: 6px;
    float: left;
}

.header_nav {
    float: left;
    margin-left: 5%;
}

.header_nav ul {
    padding: 0;
    margin: 0;
}

.header_nav ul li {
    display: inline-block;
    height: 75px;
    margin: 0 15px;
    position: relative;
}

.header_nav ul li:before {
    width: 100%;
    /* 	height:1px;
background:#004ea2; */
    content: '';
    position: absolute;
    left: 0;
    bottom: 24px;
}

.header_nav ul li:after {
    width: 0px;
    height: 3px;
    background: #00a0e9;
    content: '';
    position: absolute;
    left: 0;
    bottom: 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.header_nav ul li:hover:after {
    width: 100%;
}

.header_nav ul li a {
    padding: 27px 1px 7px 1px;
    position: relative;
}

.header_nav ul li a span {
    font-size: 15px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.header_nav ul li a:before {
    content: attr(title);
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 7px 1px;
    font-weight: 300;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.header_nav ul li a:after {
    content: attr(title);
    width: 100%;
    position: absolute;
    top: -40px;
    left: 0;
    padding: 7px 1px;
    font-weight: 300;
    color: #00a0e9;
    font-size: 15px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.header_nav ul li:hover a:before {
    top: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;

}

.header_nav ul li:hover a:after {
    top: 20px;
    -webkit-transition: top .3s ease-in-out .1s;
    -moz-transition: top .3s ease-in-out .1s;
    -ms-transition: top .3s ease-in-out .1s;
    -o-transition: top .3s ease-in-out .1s;
    transition: top .3s ease-in-out .1s;
    color: #00a0e9;
}

.ej_on a:before {
    top: 30px !important;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    -webkit-opacity: 0 !important;
}

.ej_on a:after {
    top: 20px !important;
    -webkit-transition: top .3s ease-in-out .1s !important;
    -moz-transition: top .3s ease-in-out .1s !important;
    -ms-transition: top .3s ease-in-out .1s !important;
    -o-transition: top .3s ease-in-out .1s !important;
    transition: top .3s ease-in-out .1s !important;
}

.ej_on:after {
    width: 100% !important;
}


.header_right {
    float: right;
}

.header_right > span {
    display: inline-block;
    margin-top: 23px;
    position: relative;
    vertical-align: top;
    font-size: 20px;
    margin-left: 5px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
}

.header_right > span a {
    color: #fff;
    font-size: 12px;
    position: relative;
    top: -2px;
}

.search_hover {
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 20px;
    padding: 0 5px 0 20px;
    color: #fff;
    line-height: 75px;
    cursor: pointer;
}

.search_show {
    width: 360px;
    background: #fff;
    position: absolute;
    top: 75px !important;
    right: -65px;
    z-index: 99999;
    display: block !important;
    -webkit-transition: top 0.3s ease;
    -moz-transition: top 0.3s ease;
    -ms-transition: top 0.3s ease;
    -o-transition: top 0.3s ease;
    transition: top 0.3s ease;
}

.search_show > img {
    position: absolute;
    bottom: 11px;
    right: 15px;
}

.search_show h5 {
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
}

.search_show h5 span {
    font-size: 13px;
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
    color: #999;
    position: relative;
}

.search_show h5 span:before {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #004ea2;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.search_spon:before {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
}

.search_show p {
    font-size: 18px;
    color: #333;
    line-height: 60px;
    margin-bottom: 0;
    padding-left: 15px;
}

.search_show input {
    width: 100%;
    height: 40px;
    background: #1e404c;
    border: none;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 10px;
    color: #e8e8e8;
}


.header_right > span input {
    display: inline-block;
    width: 240px;
    background: none;
    border: 1px solid #636363;
    font-size: 12px;
    line-height: 28px;
    border-radius: 2px;
    padding: 0 5px;
    height: 30px;

}

.header_right > span i {
    font-size: 15px;
    color: #636363;
    position: relative;
    top: -2px;
}


.search_sp {
    position: relative;
    top: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.search_sp i {
    position: absolute;
    right: 22px;
}

.search_sp a {
    margin: 0 4px;
    top: -3px !important;
    color: #ccc !important;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.search_sp a:hover {
    color: #004ea2 !important;
}

.search_sp b {
    font-size: 12px;
    line-height: 32px;
}

.search_sp b a {
    font-weight: normal;
    font-size: 12px;
    line-height: 25px;
    color: #999;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.search_sp b a:hover {
    color: #fff;
}


.search_hover > i {
    font-size: 16px;
    color: #636363;
    line-height: 75px;
}

.erjinav_box {
    width: 100%;
    position: absolute;
    top: 75px;
    left: 0;
    z-index: 9999;
    display: none;
}


.erjinav {
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
    /*background:#5f5f5e;*/
    background: rgba(95, 95, 94, .7); /*支持rgba的浏览器*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f000000, endColorstr=#5f000000); /*IE8支持*/
    overflow: hidden;
}


.erjinav_con {
    padding: 60px 0;
}


.erjinav_cons {
    width: 70%;
    float: left;
}

.erjinav_con1 {
    padding: 0;
    margin: 0;
    width: 100%;
    margin-bottom: 20px;
}

.erjinav_con1 > span {
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 16px;
    color: #fff;
}

.erjinav_con1 > li {
    width: 25%;
    float: left;
    margin-bottom: 20px;
}


.erjinav_con1 > li a {

}


.erjinav_con1 > li h5 {
    font-size: 14px;
    color: #eee;
    /*text-transform:uppercase;*/
    /*font-weight:600;*/
    /*	letter-spacing:1px;*/
}


.erjinav_con1 > li p {
    font-size: 13px;
    color: #eee;
    margin-bottom: 0;
    line-height: 20px;
}

.erjinav_con2 {
    padding: 0;
    margin: 0;
    width: 30%;
    float: left;
    padding: 2px;
    border: 1px solid #666;
}


.banner {
    overflow: hidden;
    z-index: 20;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 1;
}

.banner_bg {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
}

.banner_list {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.banner_list > li {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
}

.banli1 {
    /*background: url("../img/banner3.jpg") center no-repeat;*/
    display: block;
}

.banli2 {
    /*background: url("../img/banner2.jpg") center no-repeat;*/
    display: none;
}

.banli3 {
    /*background: url("../img/banner.jpg") center no-repeat;*/
    display: none;
}


.banner_zi {
    width: 100%;
    position: absolute;
    bottom: 50%;
    text-align: center;
}

.banner_zi h5 {
    font-size: 50px;
    line-height: 62px;
    color: #EEE;
    letter-spacing: 2px;
    text-transform: capitalize;
    font-weight: normal;
}

.banner_zi p {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 40px;
    color: #EEE;
}

.banner_zi a {
    display: block;
    font-size: 14px;
    line-height: 45px;
    width: 100px;
    margin-top: 15px;
    text-align: center;
    color: #EEE !important;
    border: 1px solid #fff;
    margin-top: 20px;
    /*background: url("../img/bannera1.png");*/
}


.banner_zi a:hover {
    /*background: url("../img/bannera2.png");*/
}


.banner_num {
    padding: 0;
    margin: 0;
    /*width: 70px;*/
    height: 20px;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 70px;
    margin-left: -35px;
}

.banner_num > li {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #d8d8d8;
    float: left;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}

.numon {
    background: #004ea2 !important;
}


.banner_bottom {
    background: #1e404c;
}


.banner_bottom_l {
    background-color: #5f5f5e;
    padding: 40px !important;
    margin: 0 !important;
}


.pro_class {
    width: 100%;
}


.pro_class h5 {
    font-size: 14px;
    color: #f9f9f9;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 1px;
    margin: 0;
    line-height: 40px;
    margin-right: 20px;
}

.pro_classa {
    display: inline-block;
    vertical-align: top;
    width: 16%;
    font-size: 14px;
    color: #f9f9f9;
    line-height: 40px;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 0 10px;
    position: relative;
    background: #7f7f7e;
    margin-right: 5px;
}

.pro_classa ul {
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 9;
    display: none;
}

.pro_classa ul li {
    background: #7f7f7e;
    color: #f9f9f9;
    padding: 0 10px;
    font-size: 13px;
    line-height: 32px;
    border-top: 1px solid #949494;
    cursor: pointer;
}

.pro_classa span {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #f9f9f9;
    border-left: 1px solid #949494;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.pro_classa_on {
    -webkit-transform: rotateX(180deg) !important;
    -moz-transform: rotateX(180deg) !important;
    -ms-transform: rotateX(180deg) !important;
    -o-transform: rotateX(180deg) !important;
    transform: rotateX(180deg) !important;
}


.pro_class > a {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    font-size: 14px;
    color: #f9f9f9;
    line-height: 40px;
    letter-spacing: 1px;
    text-align: center;
    /*background: url("../img/pro_class_bg.png") center no-repeat;*/
    background-size: 100% 100%;
}

.pro_class > a:hover {
    color: #FFF;
    /*background: url("../img/pro_class_bg1.png") center no-repeat;*/
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}


.banner_bottom_r {
    width: 100%;
    padding: 26px 30px !important;
}


.banner_bottom_r h5 {
    font-size: 16px;
    color: #f9f9f9;
    letter-spacing: 1px;
    margin-top: 0;
}

.banner_bottom_r p {
    margin-bottom: 0;
    width: 100%;
    position: relative;
}

.banner_bottom_r p input {
    width: 100%;
    display: block;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    border: none;
    background: #fff;
    font-size: 13px;
    letter-spacing: 1px;
}


.banner_bottom_r p span {
    position: absolute;
    top: 0;
    width: 50px;
    height: 30px;
    margin-top: 6px;
    display: block;
    /*background: url("../img/search1.png") center no-repeat;*/
    right: 0;
}

.banner_bottom_r p:hover span {
    /*background: url("../img/search2.png") center no-repeat;*/
}


/* mainab */
.mainab {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.mainab-left {
    width: 50%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.mainab-left li {
    width: 50%;
    height: 280px;
    float: left;
    position: relative;
}

.img1 {
    background: #999;
}

.img2 {
    /*background: url("img/bg2.jpg") no-repeat;*/
}

.mainab-left img {
    display: block;
    margin: auto;
    margin-top: 15%;
    margin-bottom: 8%;
}

.mainab-left p {
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.mainab-right {
    position: relative;
    float: left;
    width: 50%;
}

.bg1 {
    background: #bfbfbf;
}

.bg2 {
    background: #b1b1b1;
}

.bg3 {
    background: #c6c6c6;
}


#ico {
    width: 136px;
    height: 136px;
    text-align: center;
    padding-top: 20px;
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#ico strong {
    font-size: 34px;
    color: #FFF;
}

.mainab-right .img1 {
    width: 100%;
}

.mainab-right ul {
    margin-top: 30px;
    padding: 0px;
    margin-right: 30px;
}

.mainab-right ul li {
    float: left;
    width: 50%;
    padding: 30px;
}

.mainab-right ul li p {
    font-size: 14px;
    line-height: 20px;
}

.more {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* mainab */


.sec1 {
    background-color: #fff;
}

.sec1_con {
    padding: 80px 8%;
    height: auto;
    overflow: hidden;
}


.sec1_img {
    position: relative;
    z-index: 1;
}

.sec1_img > h4 {
    padding-top: 10px;
    display: none;
    font-size: 10px;
}


.sec1_zi {
    padding: 0;
}


.sec1_zi h2 {
    font-size: 16px;
    margin: 0;
    color: #333;
    margin-top: 15px;
    margin-bottom: 25px;
    font-weight: 600;
    letter-spacing: 1px;
}


.sec1_zi p {
    font-size: 13px;
    line-height: 20px;
    color: #666;
}

.sec1_zi a {
    display: inline-block;
    font-size: 13px;
    margin-top: 30px;
    line-height: 30px;
    padding: 0 20px;
    background: #4d95f1;
    border-radius: 20px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}


/*****sec4*****/
.sec4 {
    width: 100%;
    position: relative;
    z-index: 2;
}

.sec4_list {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.sec4_list > li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.sec4_zi {
    width: 30%;
    position: absolute;
    height: 100%;
    top: 0px;
    right: 0px;
    padding: 2%;
    background: #1e404c;
    background: rgba(30, 64, 76, .95); /*支持rgba的浏览器*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f000000, endColorstr=#5f000000); /*IE8支持*/
}

.sec4_zi > div {
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.sec4_zi h5 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}


.sec4_zi span {
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}

.sec4_zi p {
    width: 80%;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
}

.sec4_zi a {
    display: inline-block;
    padding: 10px 30px;
    background: #009944;
    margin-top: 25px;
    color: #fff;
    letter-spacing: 1px;
}

.sec4_next {
    width: 30%;
    height: 102px;
    position: absolute;
    bottom: 10%;
    right: 15%;
    border-left: 2px solid #009944;
    z-index: 2;
    margin-top: -36px;
    padding-right: 20px;
    text-align: right;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.sec4_next:before {
    width: 100%;
    height: 100%;
    content: '';
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.95;
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    -webkit-opacity: 0.95;
}

.sec4_next > div > img {
    display: none;
}

.sec4_next h5 {
    float: left;
    width: 60%;
    line-height: 25px;
    text-align: left;
    padding-left: 10px;
    display: none;
}

.sec4_next span {
    color: #333;
    font-size: 50px;
    line-height: 102px;
}


.sec4_prev {
    width: 90px;
    height: 102px;
    position: absolute;
    bottom: 20%;
    left: 0;
    z-index: 2;
    margin-top: -36px;
    text-align: center;
    cursor: pointer;
}


.sec4_prev:before {
    width: 100%;
    height: 100%;
    content: '';
    background: #333;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.6;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
}


.sec4_prev span {
    color: #fff;
    font-size: 50px;
    line-height: 102px;
}

.sec4_num {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 20px;
}

.sec4_num > li {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fff;
    margin: 0 3px;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.sec4_on {
    background: #4d95f1 !important;
}

/*****sec4*****/


/*****sec2*****/
.sec2 {
    width: 100%;
    padding: 60px 0;
    background: #FFF;
    position: relative;
    z-index: 2;
}

.sec2_conab {
    width: 100%;
    text-align: center;
}

.sec2_conab h5 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #333;
    letter-spacing: 1px;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}


.sec2_conab p {
    width: 70%;
    max-width: 1000px;
    margin: 30px auto 50px auto;
    font-size: 13px;
    color: #999;
    line-height: 25px;
    text-align: center;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.sec2_conab a {
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0 30px;
    border-radius: 3px;
    background: #1e404c;
    color: #fff;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.sec2_conab a:hover {
    background: #999;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

/*****sec2*****/


/*****news*****/
.news {
    background-color: #e6e6e6;
    position: relative;
    z-index: 2;
}

.news_con {
    padding: 80px 8%;
    height: auto;
    overflow: hidden;
}

.news_conlist {
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.news_conlist:hover .news_zi {
    background: #1e404c;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}


.news_conlist:hover .news_zi h2 {
    color: #FFF;
}

.news_conlist:hover .news_zi P {
    color: #FFF;
}

.news_conlist:hover .news_zi a h5 {
    color: #FFF;
}

.news_img {
    position: relative;
    z-index: 1;
}

.news_zi {
    background-color: #FFF;
    text-align: center;
    padding: 5%;
}


.news_zi h2 {
    font-size: 15px;
    margin: 0;
    color: #333;
    height: 40px;
    display: block;
    padding: 0px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}


.news_zi p {
    font-size: 12px;
    line-height: 20px;
    height: 100px;
    overflow: hidden;
    padding: 0 5%;
    color: #999;
}

.news_zi h5 {
    padding-top: 7%;
    color: #1a171b;
}

.news_con h4 {
    width: 60%;
    /*background-color:#FFF; */
    background: rgba(255, 255, 255, .9); /*支持rgba的浏览器*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f000000,endColorstr=#5f000000);*/ /*IE8支持*/
    margin: auto;
    font-size: 15px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 20%;
    text-transform: uppercase;
    line-height: 35px;
}

/*****news*****/


/*****sec3*****/
.sec3 {
    width: 100%;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 2;
}

.sec3_con {
    padding: 30px 8%;
}

.sec3_con h5 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 40px;
    text-transform: uppercase;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.sec3_list {
    width: 18%;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.sec3_list1 {
    width: 14%;
    text-align: left;
}

.sec3_list2 {
    width: 14%;
    text-align: right;
}


/*****sec3*****/


.biaoti {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 40px;
}


/*****sec5*****/

.sec5 {
    width: 100%;
    background: #1e404c;
    position: relative;
    z-index: 2;
}

.sec5_con {
    padding: 35px 8%;
}

.sec5_con h5 {
    font-size: 16px;
    color: #fcfcfc;
    margin: 0;
    line-height: 40px;
    position: relative;
}

.sec5_con span {
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #1e404c;
    padding: 0 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../img/sec5_btn.png") center no-repeat;
    background-size: 100% 100%;
}


/*****sec5*****/


.main_pro {
    width: 100%;
    position: relative;
    z-index: 2;
    padding-bottom: 75px;
}

.main_proa {
    width: 100%;
}

.main_proa {
    width: 100%;
}

.main_pros {
    float: left;
    width: 33.33%;
    background: #000;
    font-size: 16px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    box-sizing: content-box;
    visibility: inherit;
    margin: 0px;
    padding: 0px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0);
}

.main_pros1 {
    -webkit-transition: top 1.2s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -moz-transition: top 1.2s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -ms-transition: top 1.2s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -o-transition: top 1.2s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    transition: top 1.2s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
}

.main_pros2 {
    -webkit-transition: top 0.7s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -moz-transition: top 0.7s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -ms-transition: top 0.7s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -o-transition: top 0.7s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    transition: top 0.7s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
}

.main_pros3 {
    -webkit-transition: top 1s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -moz-transition: top 1s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -ms-transition: top 1s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -o-transition: top 1s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    transition: top 1s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
}

.main_pros4 {
    -webkit-transition: top 1.5s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -moz-transition: top 1.5s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -ms-transition: top 1.5s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -o-transition: top 1.5s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    transition: top 1.5s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
}

.main_pros5 {
    -webkit-transition: top 1s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -moz-transition: top 1s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -ms-transition: top 1s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -o-transition: top 1s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    transition: top 1s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
}

.main_pros6 {
    -webkit-transition: top 1.3s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -moz-transition: top 1.3s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -ms-transition: top 1.3s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    -o-transition: top 1.3s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
    transition: top 1.3s ease-in-out, margin .4s ease-in-out, padding .4s ease-in-out, box-shadow .3s ease-in-out !important;
}

@media (max-width: 768px) {
    .pro_inner1_bot_show img {
        width: 100%;
    }

    .tip_form ul {
        max-width: 90%;
    }

    .tip_form ul li input {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .tip_form ul {
        max-width: 60%;
    }

    .tip_form ul li input {
        width: 50%;
    }

    .yr_map {
        width: 55%;
        float: left;
    }

    .yr_dec {
        width: 45%;
        float: left;
    }

    .main_pros:hover {
        margin: -25px;
        padding: 25px;
        z-index: 5;
        box-shadow: 0 0 50px rgba(0, 0, 0, 1);
        -webkit-transition: top 1.2s ease-in-out, margin .4s ease-in-out, margin .4s cubic-bezier(0.430, 0.060, 0.080, 1.500), padding .4s cubic-bezier(0.430, 0.060, 0.080, 1.500), box-shadow .3s ease-in-out !important;
        -moz-transition: top 1.2s ease-in-out, margin .4s ease-in-out, margin .4s cubic-bezier(0.430, 0.060, 0.080, 1.500), padding .4s cubic-bezier(0.430, 0.060, 0.080, 1.500), box-shadow .3s ease-in-out !important;
        -ms-transition: top 1.2s ease-in-out, margin .4s ease-in-out, margin .4s cubic-bezier(0.430, 0.060, 0.080, 1.500), padding .4s cubic-bezier(0.430, 0.060, 0.080, 1.500), box-shadow .3s ease-in-out !important;
        -o-transition: top 1.2s ease-in-out, margin .4s ease-in-out, margin .4s cubic-bezier(0.430, 0.060, 0.080, 1.500), padding .4s cubic-bezier(0.430, 0.060, 0.080, 1.500), box-shadow .3s ease-in-out !important;
        transition: top 1.2s ease-in-out, margin .4s ease-in-out, margin .4s cubic-bezier(0.430, 0.060, 0.080, 1.500), padding .4s cubic-bezier(0.430, 0.060, 0.080, 1.500), box-shadow .3s ease-in-out !important;
    }
}

.main_pross {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    box-sizing: content-box;
    visibility: inherit;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

@media (min-width: 768px) {
    .main_pros:hover .main_pross {
        padding: 30px;
        margin: -30px;
        height: 100%;
        -webkit-transition: all .4s cubic-bezier(0.430, 0.060, 0.080, 1.500);
        -moz-transition: all .4s cubic-bezier(0.430, 0.060, 0.080, 1.500);
        -ms-transition: all .4s cubic-bezier(0.430, 0.060, 0.080, 1.500);
        -o-transition: all .4s cubic-bezier(0.430, 0.060, 0.080, 1.500);
        transition: all .4s cubic-bezier(0.430, 0.060, 0.080, 1.500);
    }
}

.main_pross h5 {
    font-size: 20px;
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 9;
}

.main_pross_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/box_title_bg.png") /*tpa=http://www.kingstonesemi.com/Templates/cn2014/img/box_title_bg.png*/;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
}


.footer {
    background-color: #262631;
    position: relative;
    z-index: 1;
}

.footer_con {
    padding: 0 8%;
    margin: 0 auto;
    padding-top: 60px;
}

.footer_cona {
    padding-bottom: 20px;
}

.footer_list {
    width: 100%;
    margin-bottom: 30px;
}

.footer_list h5 {
    font-size: 15px;
    margin-top: 0;
    color: #fcfcfc;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: 600;
}

.footer_list p {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 0;
    color: #616375;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.footer_list p:hover {
    color: #fff;
}

.footer_cona .col-sm-3 {
    width: 16.6666666667%;
}


.footer_conb {
    width: 100%;
    height: 55px;
    border-top: 1px solid #33343d;
    position: relative;
}

.footer_conb p {
    display: inline-block;
    vertical-align: top;
    line-height: 55px;
    margin-right: 10px;
    font-size: 13px;
    color: #616375;
    margin-bottom: 0;
}

.footer_conb a {
    display: inline-block;
    vertical-align: top;
    line-height: 55px;
    margin-right: 10px;
    font-size: 13px;
    color: #616375;
}

.unohacha {
    position: absolute;
    top: 3px;
    right: -30px;
}


.clm_p {
    margin-left: -40px !important;
    margin-right: -40px !important;
}

.clp_p {
    padding-left: 40px !important;
    padding-right: 40px !important;
}


/********header_phone********/
.header_phone {
    width: 100%;
    height: 50px;
    background: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 999;
}

.logo_phone {
    padding-top: 13px;
}

.menu_phone {
    position: absolute;
    top: 10px;
    right: 15px;
}

.header_phone > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    border-top: 1px solid #f1f1f1;
    background: #fff;
    padding: 10px 0;
    display: none;
}

.header_phone > ul > li {
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #f8f8f8;
}

.header_phone > ul > li > a {
    font-size: 13px;
    color: #333;
}

.header_phone > ul > li > ul {
    padding: 5px 0;
    border-top: 1px dotted #f1f1f1;
    display: none;
}

.header_phone > ul > li > ul > li > a {
    font-size: 12px;
    color: #666;
}


/********header_phone********/


/********banner_phone********/
.banner_phone {
    width: 100%;
    position: relative;
}

.device {
    width: 100%;
    height: 100%;
    position: relative;
}

.device .arrow-left {
    /*background: url("../img/arrows.png") no-repeat left top;*/
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 9;
}

.device .arrow-right {
    /*background: url("../img/arrows.png") no-repeat left bottom;*/
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 9;
}

.swiper-container {
    height: 100%;
    width: 100%;
}

.content-slide {
    padding: 20px;
    color: #fff;
}

.title {
    font-size: 25px;
    margin-bottom: 10px;
}

.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 9;
}

/*分页*/
.pagination span {
    background-color: #fff;
    display: inline-block;
    padding: 0 8px;
    border: 1px solid #ddd;
    color: #2e2e2e;
    border-radius: 4px;
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    margin: 0 4px;
}

.pagination span font:hover {
    color: #fff;
}

.pagination a {
    margin: 0 4px;
}

.pagination span:hover {
    background-color: #2e2e2e;
    color: #fff;
    cursor: pointer;
}

/*分页end*/
.swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 5px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}

.pagination-case .swiper-active-switch {
    background: #1e404c;
}

/********banner_phone********/


/******news*******/
.sec2 {
    width: 100%;
    padding: 60px 0;
    overflow: hidden;
    position: relative;
    /*	background: #667fa4;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ccd4e1),color-stop(1,#667fa4));
    background: -ms-linear-gradient(bottom,#ccd4e1,#667fa4);
    background: -moz-linear-gradient(center bottom,#ccd4e1 0,#667fa4 100%);
    background: -o-linear-gradient(#667fa4,#ccd4e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#667fa4', endColorstr='#ccd4e1', GradientType=0);*/
}


.sec2_con {
    width: 100%;
}


.sec2_con > ul {
    padding: 0;
    margin: 0;
    position: relative;
}


.sec2_con > ul > li {
    float: left;
    padding-right: 30px;
}


.sec2_list {
    -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .2);
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    /*opacity:0.6;
    filter:alpha(opacity=0.6);
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;*/
}


.sec2_lion .sec2_list {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
}


.sec2_list_img {
    width: 100%;
    position: relative;
}

.jianju {
    margin-bottom: 20px;
}

.sec2_list_bg {
    position: absolute;
    z-index: 100;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 95px;
    background: #0b2f66;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
}

.sec2_list_bg1 {
    background: #045dbc !important;
}


.sec2_list_bg2 {
    background: #026349 !important;
}


.sec2_list_imgcon {
    padding: 10px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 110;
}

.sec2_list_imgcon h5 {
    color: #FFF;
    text-align: left !important;
    font-size: 12px;
}

.sec2_list_imgcon a {
    color: #FFF;
    font-size: 12px;
    text-align: left !important;
}

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

.sec2_list_zi {
    width: 100%;
    padding: 20px;
    background: #EEE;
    padding-bottom: 40px;
    position: relative;
}

.sec2_list_zi h5 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #333;
    line-height: 25px;
}


.sec2_list_zi p {
    font-size: 13px;
    width: 100%;
    line-height: 20px;
    color: #666;
    letter-spacing: 1px;
}


.sec2_list_zi span {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #666;
    font-size: 12px;
}

.sec2_list_zi_icon {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-bottom: 50px solid #003d99;
    position: absolute;
    bottom: 0;
    right: 0;
}

.sec2_list_zi_icon i {
    position: absolute;
    top: 25px;
    left: -20px;
    font-size: 13px;
    color: #fff;
}

.sec2_list_zi1 {
    margin-bottom: 20px;
}

.sec2_btn_prev > span {
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 2px solid #012a68;
    color: #012a68;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 30px;
    z-index: 99;
    margin-top: -30px;
    font-size: 30px;
    text-align: center;
    line-height: 53px;
    cursor: pointer;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.sec2_btn_prev > span:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.sec2_btn_prev > span i {
    position: relative;
    left: -3px;
    top: 12px;
}

.sec2_btn_next > span {
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 2px solid #012a68;
    color: #012a68;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 99;
    margin-top: -30px;
    font-size: 30px;
    text-align: center;
    line-height: 53px;
    cursor: pointer;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.sec2_btn_next > span:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.sec2_btn_next > span i {
    position: relative;
    right: -3px;
    top: 12px;
}

.sec2_num {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.sec2_num > ul {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.sec2_num > ul > li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #DDD;
    cursor: pointer;
    margin: 0 3px;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.sec2_num_on {
    background: #012a68 !important;
}

/******news*******/

.inner_banner {
    position: fixed;
    top: 75px;
    left: 0;
    z-index: 1;
    /* 	display:none; */
}

.wap_inner {
    width: 100%;
    position: relative;
    background: #fff;
    z-index: 2;
    padding-top: 50px;
    margin-top: 40px !important;
}


.inner_scroll {
    width: 180px;
    position: absolute;
    left: 50%;
    top: -50px;
    display: none;
    margin-left: -90px;
    text-align: center;
    border: 3px solid #1e404c;
    padding-bottom: 5px;
}

.inner_scroll h5 {
    margin: 0;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.inner_scroll img {
    margin-top: 10px;
}

/******about页面*******/
.about_sec1 {
    width: 100%;
    padding: 70px 0;
}

.about_sec1_con {
    width: 100%;
}

.about_sec1_top {
    text-align: center;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;

}

.about_sec1_top h5 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 30px;
    margin-top: 0;
}

.about_sec1_top h5 span {
    display: inline-block;
    margin-left: 0px;
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 1px;
    /* 	color:#fff; */
}

.about_sec1_top > span {
    font-size: 14px;
    color: #333;
}

.about_sec1_top p {
    margin-top: 60px;
    /* 	margin-bottom:90px; */
    margin-bottom: 30px;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: left;
}

.about_sec1_top p span {
    color: #999;
}

.about_sec1_b {
    width: 100%;
    position: relative;
}

.about_sec1_bon {
    width: 70%;
    margin: 0 auto;
}

.about_sec1_l1 {
    width: 100%;
    padding-left: 20%;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec1_l2 {
    width: 100%;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec1_l4 {
    width: 100%;
    padding-right: 20%;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec1_l5 {
    width: 100%;
    padding-right: 20%;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec1_l6 {
    width: 100%;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec1_l3 {
    position: relative;
    cursor: pointer;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec1_list {
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    overflow: hidden;
}

.about_sec1_list h5 {
    width: 100%;
    margin: 0;
    line-height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 0 10px;
    font-size: 16px;

    background: #1e404c;
    background: linear-gradient(90deg, #1e404c, #34829d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e404c', endColorstr='#34829d', GradientType=1)";
}

.about_sec1_list img {
    -webkit-transition: 2s ease;
    -moz-transition: 2s ease;
    -ms-transition: 2s ease;
    -o-transition: 2s ease;
    transition: 2s ease;
}

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


.about_sec1_bon .col-sm-5 {
    width: 45%;
}

.about_sec1_bon .col-sm-7 {
    width: 55%;
}


.about_sec2 {
    margin-top: 50px;
    width: 100%;
    padding: 70px 0;
    background: #1e404c;
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-bottom: 80px;
}

.about_sec2 > h5 {
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 40px;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec2_l {
    width: 35%;
    float: left;
    background: #fff;
    padding: 30px 30px 60px 0;
    position: relative;
    left: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec2_r {
    width: 65%;
    float: right;
    /* 	padding:30px 60px; */
    padding: 0px 20px;
    position: relative;
    right: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec2_l h5 {
    text-transform: capitalize;
    color: #333;
    font-size: 16px;
}

.about_sec2_l > span {
    display: inline-block;
    font-size: 13px;
    color: #333;
    line-height: 25px;
    margin-bottom: 40px;
}

.about_sec2_l > p {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.about_sec2_l > p span {
    display: inline-block;
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
}

.about_sec2_r h5 {
    text-transform: capitalize;
    color: #fff;
    font-size: 16px;
    margin-bottom: 25px;
}

.about_sec2_r p {
    width: 60%;
    font-size: 14px;
    color: #e8e8e8;
    margin-bottom: 15px;
    line-height: 22px;
}

.about_sec2_r > a {
    display: inline-block;
    line-height: 40px;
    background: #dfdfdf;
    color: #000;
    font-size: 15px;
    padding: 0 30px;
    margin-top: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid #fff;
}

.about_line1 {
    height: 6px;
    background: #fff;
    position: absolute;
    top: 30px;
    right: 25px;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_line2 {
    width: 6px;
    background: #fff;
    position: absolute;
    top: 30px;
    bottom: 30px;
    right: 25px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.about_sec2_r > img {
    width: 28%;
    position: absolute;
    top: 30px;
    right: 60px;
}

.about_sec1_show1 {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    height: 0px;
    background: #1e404c;
    background: linear-gradient(90deg, #1e404c, #34829d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e404c', endColorstr='#34829d', GradientType=1)";
    overflow: hidden;
}

.about_sec1_show1s {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.about_show1s_con {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
}

.about_show1s_con > h5 {
    font-size: 16px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.about_show1s_con p {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 22px;
    color: #e8e8e8;
}

.about_show1s_con > span {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.about_sec1_show2 {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    height: 0px;
    background: #1e404c;
    background: linear-gradient(90deg, #1e404c, #34829d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e404c', endColorstr='#34829d', GradientType=1)";
    overflow: hidden;
}

.about_sec1_show2s {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.about_sec1_show3 {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    height: 0px;
    background: #1e404c;
    background: linear-gradient(90deg, #1e404c, #34829d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e404c', endColorstr='#34829d', GradientType=1)";
    overflow: hidden;
}

.about_sec1_show3s {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.about_sec1_show4 {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    height: 0px;
    background: #1e404c;
    background: linear-gradient(90deg, #1e404c, #34829d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e404c', endColorstr='#34829d', GradientType=1)";
    overflow: hidden;
}

.about_sec1_show4s {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.about_sec1_show5 {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    height: 0px;
    background: #1e404c;
    background: linear-gradient(90deg, #1e404c, #34829d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e404c', endColorstr='#34829d', GradientType=1)";
    overflow: hidden;
}

.about_sec1_show5s {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.about_sec1_show6 {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    height: 0px;
    background: #1e404c;
    background: linear-gradient(90deg, #1e404c, #34829d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e404c', endColorstr='#34829d', GradientType=1)";
    overflow: hidden;
}

.about_sec1_show6s {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.about_show1s_con > b {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #1e404c;
    position: absolute;
    top: -20px;
    left: 20%;
}

/******about页面*******/


/******project页面*******/
.project_sec1 {
    width: 100%;
    padding: 70px 0;
}

.project_sec1_con > h5 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

.project1 {
    width: 100%;
}

.project1 .col-sm-4 {
    width: 28%;
}

.project1 .col-sm-8 {
    width: 72%;
}

.project1_l {
    width: 100%;
}

.project1_r {
    width: 100%;
}

.project1_zi {
    margin-bottom: 60px;
}

.project1_zi h5 {
    width: 60%;
    font-size: 15px;
    color: #333;
    line-height: 25px;
    margin: 0;
}

.project1_zi p {
    width: 60%;
    font-size: 13px;
    color: #666;
    margin: 0;
    line-height: 25px;
}

.project1_list_zi {
    width: 100%;
}

.project1_lzi {
    width: 80px;
    float: left;
}

.project1_lzi p {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 22px;
    color: #666;
}

.project1_rzi {
    width: 80px;
    float: right;
}

.project1_rzi p {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 25px;
    color: #666;
}

.project1_list_img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.project1_list_bg {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.project1_list_img:hover .project1_list_bg {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.project1_list_img h5 {
    width: 100%;
    padding-left: 10%;
    position: absolute;
    top: 15%;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    margin-top: 50px;
}

.project1_list_img:hover h5 {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    margin-top: 0px;
}

.project1_list_img span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 40px;
    position: relative;
    border: 1px solid #fff;
    line-height: 35px;
    padding: 0 20px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.project1_list_img span i {
    color: #fff;
    font-size: 16px;
    margin-left: 15px;
}

.project1_list_img span:hover {
    border: 1px solid #1e404c;
    background: #1e404c;
}


.project_sec2_con > h5 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    color: #333;
    letter-spacing: 1px;
    margin-top: 70px;
    margin-bottom: 40px;
}

.project2 .col-sm-4 {
    width: 28%;
}

.project2 .col-sm-8 {
    width: 72%;
}

.project2_zi {
    width: 100%;
    position: relative;
}

.project2_zi h5 {
    font-size: 15px;
    color: #333;
    line-height: 25px;
    margin: 0;
    width: 25%;
    float: left;
    margin-right: 10%;
}

.project2_zi p {
    font-size: 13px;
    color: #666;
    margin: 0;
    line-height: 25px;
    width: 45%;
    float: left;
}

.project2_zi1 {
    width: 80px;
    position: absolute;
    top: 0;
    right: 0;
}

.project2_zi1 p {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 25px;
}

.project2_zi2 {
    width: 80px;
    position: absolute;
    bottom: 20px;
    right: 0;
}

.project2_zi2 p {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 25px;
}


.project_sec3_con > h5 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    color: #333;
    letter-spacing: 1px;
    margin-top: 70px;
    margin-bottom: 40px;
}

.project3 .col-sm-4 {
    width: 35.8%;
}

.project3 .col-sm-8 {
    width: 64.2%;
}

.project3_box {
    width: 100%;
    padding-left: 90px;
    position: relative;
}

.project3_list_zi {
    width: 80px;
    position: absolute;
    top: 0px;
    left: 0;
}

.project3_list_zi p {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 25px;
    color: #666;
}


.project3_zi {
    width: 72%;
    position: relative;
    margin-bottom: 60px;
}

.project3_zi h5 {
    font-size: 15px;
    color: #333;
    line-height: 25px;
    margin: 0;
    width: 25%;
    float: left;
    margin-right: 10%;
}

.project3_zi p {
    font-size: 13px;
    color: #666;
    margin: 0;
    line-height: 25px;
    width: 45%;
    float: left;
}

.project_show1 {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.project_show2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}


.chrg-loader {
    display: none !important;
}


/******project页面*******/


/******products页面*******/
.products {
    width: 100%;
    padding: 70px 0 0 0;
}

.products_con {
    width: 100%;
    padding: 30px 0 70px 0;
    background: #ebf0f4;
}

.products_con .container {
    position: relative;
}

.products_class_a {
    width: 360px;
    line-height: 40px;
    position: absolute;
    top: -70px;
    right: 15px;
    font-size: 14px;
    color: #999;
    background: #1e404c;
    padding: 0 20px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.products_class_a:hover {
    background: #ebf0f4;
}

.products_class_a span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.products_class_a:hover span {
    color: #333;
}

.products_class_a i {
    line-height: 40px;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 20px;
    color: #fff;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.products_class_a:hover i {
    color: #333;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.products_class_a b {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #1e404c;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: -40px;
    background: #ebf0f4;
}

.products_class_a ul {
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 99;
    background: #fff;
    display: none;
}

.products_class_a ul li {
    font-size: 14px;
    color: #333;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.products_class_a ul li:hover {
    background: #1e404c;
    color: #fff;
}

.products_class_a ul li:before {
    width: 9px;
    height: 9px;
    content: '';
    background: #fff;
    border: 1px solid #666;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
    z-index: 4;
}

.products_class_a ul:before {
    width: 1px;
    content: '';
    background: #666;
    position: absolute;
    top: 20px;
    bottom: 20px;
    right: 24px;
    z-index: 3;
}

.proon {
    background: #1e404c !important;
    color: #fff !important;
}

.proon:before {
    width: 13px !important;
    height: 13px !important;
    margin-top: -6px !important;
    right: 18px !important;
}

.products_list {
    width: 100%;
    margin-top: 40px;
}

.products_list_zi {
    height: 197px;
    width: 100%;
    background: #fff;
    padding: 15px;
}

.products_list_zia {

    width: 100%;
    background: #fff;
    padding: 15px;
}

.products_list_zi span {
    display: inline-block;
    line-height: 30px;
    font-size: 13px;
    color: #778890;
    margin-bottom: 10px;
}

.products_list_zi h5 {
    font-size: 20px;
    color: #333;
    margin-top: 0;
    margin-bottom: 15px;
}

.products_list_zi p {
    font-size: 14px;
    color: #778890;
}


.pro_inner {
    width: 100%;
}

.pro_inner1_zi {
    width: 100%;
}

.pro_inner1_zi > h5 {
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
}

.pro_inner1_zi > p {
    font-size: 14px;
    color: #666;
}

.pro_inner1_zia {
    width: 100%;
    margin-top: 15px;
}

.pro_inner1_zia h5 {
    color: #333;
    font-size: 16px;
    padding-left: 15px;
    position: relative;
}

.pro_inner1_zia h5:before {
    width: 6px;
    height: 6px;
    content: '';
    border-radius: 100%;
    background: #1e404c;
    position: absolute;
    top: 5px;
    left: 0px;
}

.pro_inner1_zia p {
    font-size: 14px;
    color: #999;
    margin-bottom: 0;
    line-height: 25px;
}

.pro_inner1_zia table {
    width: 100%;
    border: 0px solid #e8e8e8;
}

.pro_inner1_zia table th {
    line-height: 40px;
    color: #333;
    font-size: 16px;
    text-align: center;
}

.pro_inner1_zia table td {
    font-size: 14px;
    line-height: 40px;
    color: #666;
    text-align: center;
}

.table_b {
    font-size: 16px;
    font-weight: 600;
    color: #333 !important;
}

.pro_inner1_img {
    width: 100%;
}

/*在线留言*/
.mes_cont {
    width: 100%;
    height: 40px;
    background: #1e404c;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
    cursor: pointer;
}

.mes_tip {
    width: 100%;
    height: auto;
    display: none;
    padding-left: 20px;
    padding-right: 20px;
}

.mes_tip h3 {
    width: 100%;
    font-size: 16px;
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
    line-height: 35px;
    font-weight: bold;
}

.tip_left {
    float: left;
    width: 20%;
}

.tip_left h4 {
    font-size: 14px;
    padding-bottom: 10px;
    width: 100%;
}

.tip_left img {
    width: 80%;
}

.tip_right {
    width: 76%;
    float: right;
}

.tip_right ul li {
    width: 100%;
    margin-bottom: 10px;
}

/* .tip_right ul li .w30{width: 20%;float: left;line-height: 30px;}
.tip_right ul li.w65{height: 30px;width:80%;float: right ;} */
.tip_right ul li input {
    width: 50%;
    height: 30px;
    padding-left: 8px;
    color: #999;
    font-size: 12px;
    border: 1px #ccc solid;
}

.tip_right ul li .pinpai {
    width: 100%;
    background-color: #eee;
    line-height: 35px;
    padding-left: 10px;
    margin-bottom: 15px;
}

.tip_right ul li textarea {
    width: 100%;
    height: 80px;
    border: 1px #ccc solid;
}

.tip_right ul li .btn {
    background: #1e404c;
    height: 30px; /* line-height: 30px; */
    width: 100px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

/*留言end*/
/*地图*/
/* .yr_map {
    width: 100%;
    height:auto;
}

.yr_map .tab {
    overflow: hidden;
    height: 35px;
}

.yr_map .tab a {
    display: block;
    padding: 0px 20px 10px 0px;
    float: left;
    text-decoration: none;
    color: #333;
    font-size: 16px;
}


.yr_map .tab a:hover {
    color: #1e404c;
    text-decoration: none;

}
.yr_map .tab a.on {
    color: #1e404c;
    text-decoration: none;

}

.yr_map .content {
    overflow: hidden;
}

.yr_map .content .litxt {
    display: none;
    padding-top: 14px;
}

.yr_map .content .litxt ul {
    list-style: none;
} */

.yr_map p {
    padding: 0;
}

.yr_dec {
    background: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    padding: 20px 30px;
    height: 340px;
    color: #333;
}

.yr_dec p {
    color: #333;
}

.tip_form {
    width: 100%;
    background: #e6e6e6;
    padding: 30px 0;
}

.tip_form h3 {
    text-align: center;
    padding-bottom: 20px;
}

.tip_form h3 p {
    color: #999;
    line-height: 35px;
}

.tip_form ul {
    margin: 0 auto;
}

.tip_form ul li {
    width: 100%;
    margin-bottom: 10px;
}

/* .tip_right ul li .w30{width: 20%;float: left;line-height: 30px;}
.tip_right ul li.w65{height: 30px;width:80%;float: right ;} */
.tip_form ul li input {
    height: 35px;
    padding-left: 8px;
    color: #999;
    font-size: 12px;
    border: 1px #ccc solid;
}

.tip_form ul li .pinpai {
    width: 100%;
    background-color: #eee;
    line-height: 35px;
    padding-left: 10px;
    margin-bottom: 15px;
}

.tip_form ul li textarea {
    width: 100%;
    height: 80px;
    border: 1px #ccc solid;
}

.tip_form ul li .btn {
    background: #1e404c;
    height: 30px;
    line-height: 30px;
    width: 100px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

/*地图end*/
.pro_inner1_bot {
    width: 100%;
    margin-top: 40px;
}

.pro_inner1_bot ul {
    padding: 0;
    margin: 0;
}

.pro_inner1_bot ul li {
    width: 100%;
    border: 2px solid #eaeff3;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
}

.pro_inner1_bot ul li > h5 {
    margin: 0;
    line-height: 50px;
    color: #1e404c;
    font-size: 16px;
    padding-left: 25px;
}

.pro_inner1_bot ul li > span {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 60px;
    line-height: 50px;
    background: #eaeff3;
    color: #1e404c;
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.pro_inner1_bot_show {
    padding: 25px;
    background: #eaeff3;
    display: none;
}

.pro_inner1_bot_show table {
    width: 100%;
    border: 1px solid #c8c8c8;
}

.pro_inner1_bot_show table th {
    line-height: 40px;
    padding: 0 30px;
    color: #333;
}

.pro_inner1_bot_show table td {
    width: 35%;
    line-height: 40px;
    padding: 0 30px;
    color: #666;
}


.pro_inner2 {
    width: 100%;
    padding: 70px 0;
    background: #1e404c;
}

.pro_inner2_con > h5 {
    font-size: 24px;
    color: #fff;
    margin-top: 0;
}


.pro_inner3 {
    width: 100%;
    padding: 70px 0;
    background: #eaeff3;
}

.pro_inner3_con > span {
    display: inline-block;
    font-size: 14px;
    color: #999;
}

.pro_inner3_con > h5 {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}

.pro_inner3_con > p {
    font-size: 14px;
    color: #666;
    margin-bottom: 30px;
    line-height: 22px;
}

.pro_case {
    width: 100%;
}

.pro_inner3_zi {
    width: 100%;
    height: 80px;
    background: #fff;
}

.pro_inner3_zi h5 {
    margin: 0;
    line-height: 50px;
    padding: 0 20px;
    font-size: 18px;
    color: #333;
}

.pagination-case {
    margin-bottom: 15px !important;
}


.search_con {
    width: 100%;
    padding-bottom: 70px;
}

.search_tla {
    width: 100%;
    margin-bottom: 50px;
}

.search_tla p {
    display: inline-block;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    margin-bottom: 0;
    position: relative;
}

.search_tla p input {
    height: 32px;
    color: #666;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
    width: 500px;
    border: 1px solid #ced8e1;
}

.search_tla p span {
    display: inline-block;
    width: 120px;
    background: #1e404c;
    line-height: 32px;
    position: absolute;
    top: 0;
    right: -130px;
    cursor: pointer;
    color: #fff;
    text-align: center;
}

.search_tla p span i {
    margin-left: 10px;
    color: #fff;
}

.search_tla h5 {
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 0;
}

.search_tlb {
    width: 100%;
    margin-bottom: 50px;
}

.search_tlb h5 {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 0;
}

.search_tlb_one {
    display: inline-block;
    width: 50%;
    position: relative;
}

.search_tlb_one span {
    display: block;
    font-size: 15px;
    line-height: 35px;
    background: #ced8e1;
    padding: 0 10px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.search_tlb_one:hover span {
    background: #1e404c;
}

.search_tlb_one span b {
    font-weight: normal;
    color: #333;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.search_tlb_one:hover span b {
    color: #fff;
}

.search_tlb_one span i {
    float: right;
    line-height: 35px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.search_tlb_one:hover span i {
    color: #fff;
}

.search_tlb_one ul {
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: none;
}

.search_tlb_one ul li {
    background: #ced8e1;
    line-height: 30px;
    color: #666;
    padding: 0 10px;
    font-size: 13px;
    border-bottom: 1px dashed #fff;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.search_tlb_one ul li:hover {
    padding-left: 20px;
}


.search_tlb_two {
    display: inline-block;
    width: 23%;
    margin-left: 10px;
    position: relative;
}

.search_tlb_two span {
    display: block;
    font-size: 15px;
    line-height: 35px;
    background: #ced8e1;
    padding: 0 10px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.search_tlb_two:hover span {
    background: #1e404c;
}

.search_tlb_two span b {
    font-weight: normal;
    color: #333;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.search_tlb_two:hover span b {
    color: #fff;
}

.search_tlb_two span i {
    float: right;
    line-height: 35px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.search_tlb_two:hover span i {
    color: #fff;
}

.search_tlb_two ul {
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: none;
}

.search_tlb_two ul li {
    background: #ced8e1;
    line-height: 30px;
    color: #666;
    padding: 0 10px;
    font-size: 13px;
    border-bottom: 1px dashed #fff;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.search_tlb_two ul li:hover {
    padding-left: 20px;
}


.search_tlc {
    width: 100%;
}

.search_tlc > ul {
    padding: 0;
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
}

.search_tlc > ul > li {
    width: 20%;
    float: left;
    padding: 0 15px;
    cursor: pointer;
}

.search_tlc_list {
    width: 100%;
    padding: 10px;
    border: 1px solid #f1f1f1;
    /*background: url("../img/color_bg.png") center no-repeat;*/
    background-size: cover;
}

.search_tlc_list_img {
    width: 100%;
    position: relative;
}

.search_tlc_list_show {
    width: 510px;
    position: absolute;
    top: 110%;
    border: 1px solid #ddd;
    background: #f2f5f7;
    padding-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 99;
    display: none;
}

.search_tlc_list_show h5 {
    font-size: 24px;
    text-align: right;
    color: #fff;
    background: #1e404c;
    margin: 0;
    line-height: 40px;
    padding: 0 20px;
    cursor: pointer;
}

.search_tlc_list_showa {
    width: 100%;
    height: 252px;
    overflow-y: scroll;
    padding: 20px;
    padding-bottom: 0;
}

.search_tlc_list_showa p {
    margin: 0;
}

.search_tlc_list_showa p span {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 5px;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
    font-size: 14px;
    color: #333;
}

.search_tlc_sj {
    text-align: center;
    display: table;
    padding-top: 25%;
    margin-top: 50px;
}

.search_tlc_sj i {
    display: table-cell;
    color: #1e404c;
    font-size: 40px;
    font-style: normal;
    vertical-align: middle;
}

.search_tlc_sj span {
    display: table-cell;
    color: #1e404c;
    font-size: 32px;
    vertical-align: middle;
}

.search_tlc > a {
    display: inline-block;
    line-height: 35px;
    padding: 0 40px;
    letter-spacing: 1px;
    margin-top: 30px;
    background: #1e404c;
    color: #fff;
}

.search1_xz > a {
    display: inline-block;
    line-height: 35px;
    padding: 0 40px;
    letter-spacing: 1px;
    margin-top: 30px;
    background: #1e404c;
    color: #fff;
}


.search_tlc_zi {
    padding: 5px 0;
    text-align: center;
}

.search_tlc_zi h5 {
    margin: 0;
    line-height: 20px;
    color: #1e404c;
    font-size: 13px;
}

.search_tlc_zi span {
    display: inline-block;
    line-height: 20px;
    color: #999;
    font-size: 13px;
}

.search_tr {
    padding-top: 80px;
    position: relative;
}

.search_tr > span {
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background: #ced8e1;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    cursor: pointer;
}

.search_tr > span:hover {
    background: #1e404c;
    color: #fff;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

.search_tr > span > a {
    color: #333;
}

.search_tr > span:hover > a {
    color: #fff;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}


.col-sm-8 > span {
    margin-top: 50px;
    display: block;
    width: 47%;
    line-height: 40px;
    text-align: center;
    background: #1e404c;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}

.col-sm-8 > span:hover {
    background: #fff;
    color: #333;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

.col-sm-8 > span > a {
    color: #fff;
}

.col-sm-8 > span:hover > a {
    color: #333;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}


.search_class {
    top: 0;
    width: 100%;
    right: 0;
}

.search_con1_inner .printbtn {
    display: inline-block;
    width: 120px;
    line-height: 35px;
    float: right;
    background: #1e404c;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.search_con1_inner {
    padding-top: 60px;
}

.search_con1_inner .search1_bg {
    margin-top: 0px;
}


.search_data {
    width: 100%;
}

.search_data > h5 {
    font-size: 14px;
    color: #1e404c;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom: 2px solid #1e404c;
    text-transform: uppercase;
}

.search_datas {
    padding-bottom: 10px;
    border-bottom: 1px dotted #fff;
}

.search_datas > h5 {
    font-size: 13px;
    font-weight: 600;
    color: #1e404c;
    line-height: 25px;
    margin-bottom: 5px;
}

.search_datas p {
    font-size: 13px;
    color: #666;
    margin-bottom: 0;
    line-height: 25px;
}

.search_datas p span {
    display: inline-block;
    width: 20%;
    float: right;
    font-size: 13px;
    color: #666;
    line-height: 25px;
}

.search_datas1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.search_datas1 > h5 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 30px;
}

.search_datas1 > h5 span {
    display: inline-block;
    width: 20%;
    float: right;
    font-size: 13px;
    color: #666;
    line-height: 25px;
    font-weight: normal;
}

.search_data2 img {
    margin-bottom: 10px;
}

.search_data2 p {
    font-size: 13px;
    color: #666;
    padding-left: 15px;
}

.search_con1 {
    width: 100%;
    background: #ced8e1;
    padding-bottom: 70px;
}

@media (max-width: 1200px) {
    .search_con1 {
        overflow-x: scroll;
    }
}

.search1_xz {
    width: 100%;
    margin-top: 30px;
}

.search1_xza {
    width: 100%;
}

.search1_xza h5 {
    font-size: 15px;
    color: #333;
}

.search1_xzb {
    width: 100%;
    padding: 0 10px;
    margin: 6px 0;
}

.search1_xzb1 {
    width: 100%;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 20px;
    position: relative;
}

.search1_xzb2 {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #f2f7fb;
    border-radius: 20px;
}

.search1_xzb2 span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: url("../img/tiao_bg.png") center repeat-x;*/
}

.search1_btn1 {
    width: 20px;
    height: 20px;
    border: 1px solid #adcfe8;
    background: #d8ebf9;
    position: absolute;
    top: -3px;
    left: 0px;
    margin-left: -10px;
    cursor: pointer;
}

.search1_btn2 {
    width: 20px;
    height: 20px;
    border: 1px solid #adcfe8;
    background: #d8ebf9;
    position: absolute;
    top: -3px;
    right: 0px;
    margin-right: -10px;
    cursor: pointer;
}


.search1_xzc {
    font-size: 13px;
    color: #999;
    line-height: 25px;
}

.search1_xzc span {
    display: inline-block;
    font-size: 13px;
    color: #999;
    line-height: 25px;
}


.search1_bg {
    width: 100%;
    margin-top: 50px;
}

.search1_bg table {
    width: 100%;
    border: 1px solid #333;
}

.thead1 th {
    padding: 5px;
    color: #000;
    line-height: 25px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
}

.thead2 th {
    padding: 5px 20px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 20px;
}

.search1_bg table tbody tr:nth-child(odd) {
    background: #fff;
}

.search1_bg table tbody tr:nth-child(even) {
    background: #eee;
}

.search1_bg table tr td {
    padding: 5px;
    color: #666;
    font-size: 13px;
    text-align: center;
}

.search1_bg table tr td a {
    color: #1e404c;
    font-weight: 600;
    white-space: nowrap;
    display: inline-block;
    padding: 0 10px;
}

.bijiao_on {
    color: #999 !important;
}

/******products页面*******/


/******contact页面*******/
.contact1 {
    padding: 90px 0;
    background: url("../img/contact_bg1.jpg") /*tpa=http://www.kingstonesemi.com/Templates/cn2014/img/contact_bg1.jpg*/ center no-repeat fixed;
    background-size: cover;
    position: relative;
    z-index: 2;
}

.contact_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
}

.contact1_con {
    width: 100%;
    min-height: 400px;
    /* padding:5% 8%;
	border-top:1px solid #969696; */
    position: relative;
    left: 100px;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;

}

.contact1_con_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url("../img/contact_bg1on.jpg") /*tpa=http://www.kingstonesemi.com/Templates/cn2014/img/contact_bg1on.jpg*/ center no-repeat fixed;
    background-size: cover;
}

.contact1_con_bg > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
}

/* .contact1_con:before{
	width:200px;
	height:5px;
	content:'';
	background:#1e404c;
	position:absolute; top:-9px; right:0;
	}	 */

.contact1_con_l {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #bababa;
}

.contact1_con_l h5 {
    font-size: 30px;
    color: #fff;
    letter-spacing: 1px;
    margin: 15px 0 10px 0;
}

.contact1_con_l p {
    font-size: 14px;
    color: #cdd5d8;
}

.contact1_con_l a {
    display: inline-block;
    line-height: 40px;
    padding: 0 30px;
    background: #fff;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 40px;
    color: #333;
    margin-top: 20px;
}

.contact1_con_r {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #bababa;
}

.contact1_con_r h5 {
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 20px;
}

.contact1_con_r p {
    font-size: 13px;
    color: #f8f8f8;
    line-height: 25px;
    margin-bottom: 0;
}

.contact2 {
    /*background: url("../img/contact_bg2.jpg") center no-repeat fixed;*/
    background-size: cover;
}

.contact2 .contact1_con_bg {
    /*background: url("../img/contact_bg2on.jpg") center no-repeat fixed;*/
    background-size: cover;
}

.contact3 {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 30px;
    overflow: hidden;
}

.contact3_con {
    /* padding:0 8%; */
}

.contact3_l {
    width: 100%;
    padding-top: 40px;
    border-top: 1px solid #bababa;
    position: relative;
    left: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.contact3_l h5 {
    font-size: 28px;
    color: #333;
    letter-spacing: 1px;
}

.contact3_r {
    width: 100%;
    padding-top: 40px;
    border-top: 1px solid #bababa;
    position: relative;
    right: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.contact3_r h5 {
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
}

.contact3_r p {
    font-size: 13px;
    color: #666;
    line-height: 25px;
    margin-bottom: 0;
}

.contact3_rh5 {
    margin-top: 30px;
}

/******contact页面*******/


/******investor页面*******/

.investor_sec1 {
    width: 100%;
    padding: 70px 0 30px 0;
}

.bus-title {
    width: 100%;
    height: 120px;
    line-height: 120px;
    text-align: center;
    margin-top: -100px;
}


.investor_sec1_list {
    width: 100%;
    background: #eee;
    padding: 30px;
    float: left;
    margin-bottom: 20px;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.investor_sec1_list:hover {
    background: #1e404c;

    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
}

.investor_sec1_list:hover span, h5, p {
    color: #eee;
}

.investor_sec1_list:hover h5 {
    color: #ddd;
}

.investor_sec1_list span {
    display: inline-block;
    color: #666;
    margin: 0;
    font-size: 18px;
    margin-bottom: 10px;
}

.investor_sec1_list h5 {
    color: #888;
    font-size: 16px;
    margin-top: 0;
}

.investor_sec1_list p {
    font-size: 14px;
    color: #888;
    line-height: 25px;
    margin-bottom: 0px;
}

.investor_sec2 {
    width: 100%;
    background: #1e404c;
}

.investor_sec2_con {
    width: 100%;
    margin-bottom: 70px;
}

.investor_sec2_zi {
    width: 100%;
    padding: 30px 0;
    position: relative;
    left: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.investor_sec2_zi h5 {
    font-size: 30px;
    color: #fff;
    letter-spacing: 1px;
}

.investor_sec2_zi span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}

.investor_sec2_zi p {
    font-size: 13px;
    color: #ccc;
    margin-bottom: 0;
    line-height: 25px;
}

.investor_sec2_zi a {
    /*display:inline-block;
	line-height:40px;
	padding:0 25px;
	background:#fff;
	color:#1e404c;
	margin-top:30px;*/
}

.investor_sec2_img {
    width: 100%;
    background: url("../img/investor_sec2.jpg") /*tpa=http://www.kingstonesemi.com/Templates/cn2014/img/investor_sec2.jpg*/ bottom no-repeat;
    background-size: cover;
    position: relative;
    right: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}


.investor_sec3 {
    background: #fff;
    padding-bottom: 70px;
}

.investor_sec3_zi {
    width: 100%;
    padding: 30px 0;
    padding-left: 60px;
    position: relative;
    right: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.investor_sec3_zi h5 {
    font-size: 30px;
    color: #333;
    letter-spacing: 1px;
}

.investor_sec3_zi span {
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}

.investor_sec3_zi p {
    font-size: 13px;
    color: #ccc;
    margin-bottom: 0;
    line-height: 25px;
    margin-bottom: 10px;
}

.investor_sec3_zi p input {
    width: 65%;
    background: none;
    border: 1px solid #636363;
    padding: 0 10px;
    height: 30px;
}

.investor_sec3_zi p textarea {
    width: 65%;
    background: none;
    border: 1px solid #636363;
    padding: 0 10px;
    height: 70px;
    color: #999;
}

.investor_sec3_zi a {
    display: inline-block;
    line-height: 40px;
    padding: 0 25px;
    background: #1e404c;
    color: #fff;
    margin-top: 20px;
}

.investor_sec3_img {
    width: 100%;
    /*background: url("../img/investor_sec3.jpg") center no-repeat;*/
    background-size: cover;
    position: relative;
    left: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}


.investor_sec4 {
    width: 100%;
    padding: 100px 0;
    /*background: url("../img/investor_sec4.jpg") center no-repeat fixed;*/
    background-size: cover;
    position: relative;
    z-index: 2;
}

.investor_sec4bg {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.2;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    -webkit-opacity: 0.2;
}

.investor_sec4_con {
    text-align: center;
}

.investor_sec4_con h5 {
    font-size: 30px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.investor_sec4_con img {
    margin: 30px 0;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.investor_sec4_con p {
    font-size: 13px;
    color: #fff;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.investor_sec1_con {
    margin-top: 60px !important;
}

.investor_sec1_con {
    width: 100%;
}

.investor_sec1_con > h5 {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #333;
}

.investor_sec1_con > span {
    font-size: 13px;
    display: inline-block;
    width: 100%;
    color: #999;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px dashed #999;
}

.investor_sec1_a {
    width: 100%;
    margin-top: 35px;
    padding-bottom: 30px;
}

.investor_sec1_a span {
    color: #999;
    display: inline-block;
}

.investor_sec1_a h5 {
    width: 100%;
    font-size: 16px;
    color: #333;
    margin-top: 20px;
}

.investor_sec1_a p {
    font-size: 14px;
    color: #666;
    text-indent: 2em;
}

.investor_sec1_a img {
    margin-left: -2em;
}

.investor_sec1_a > a {
    display: block;
    width: 120px;
    line-height: 36px;
    border: 1px solid #1e404c;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    margin: 0 auto;
    margin-top: 30px;
    color: #1e404c;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.investor_sec1_a > a:hover {
    background: #1e404c;
    color: #fff;
}

.investor_inner_show {
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}


/******investor页面*******/


/******download页面*******/
.download {
    width: 100%;
    padding: 70px 0 0 0;
}

.download1 {
    width: 100%;
    margin-top: 60px;
    background: #f2f2f2;
    padding-top: 60px;
}

.download1_l {
    width: 50%;
    float: left;
    position: relative;
}

.download1_l > img {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.download1_ls {
    width: 50%;
    position: absolute;
    top: 45%;
    right: -100px;
    z-index: 2;
    padding: 25px;
    border-left: 4px solid #004ea2;
    padding-left: 100px;
    margin-top: -91px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.download1_ls_bg {
    width: 100%;
    height: 100%;
    background: #1e404c;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
}

.download1_ls h5 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 15px;
}

.download1_ls p {
    font-size: 13px;
    color: #e8e8e8;
    margin-bottom: 0;
    line-height: 30px;
    cursor: pointer;
}

.download1_ls p i {
    color: #fff;
    margin-right: 5px;
}

@media (min-width > 768px) {
    .download1_ls > img {
        position: absolute;
        top: 25px;
        left: 20px;
    }
}

.download1_r {
    width: 50%;
    float: left;
    text-align: center;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.download1_r h5 {
    font-size: 30px;
    letter-spacing: 1px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 25%;
}

.download1_r p {
    font-size: 13px;
    line-height: 25px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 60px;
    color: #666;
}

.download1_r > a {
    display: inline-block;
    line-height: 40px;
    padding: 0 40px;
    border-radius: 40px;
    background: #1e404c;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

.downloa2 {
    width: 100%;
    padding: 100px 0;
    background: url("../img/download2_bg.jpg") /*tpa=http://www.kingstonesemi.com/Templates/cn2014/img/download2_bg.jpg*/ center no-repeat fixed;
    background-size: cover;
}

.downloa2_con {
    width: 100%;
}

.downloa2_cons {
    width: 50%;
    position: relative;
    left: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.downloa2_cons > h5 {
    font-size: 30px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
}

.downloa2_cons > span {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
}

.downloa2_cons p {
    color: #8b8c91;
    line-height: 40px;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #49525b;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.downloa2_cons p:hover {
    color: #fff;
}

.downloa2_cons p img {
    margin-right: 10px;
    margin-top: -2px;
}

.downloa2_cons b {
    display: inline-block;
    margin-top: 40px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}


.investor_sec5 {
    background: #f2f2f2;
}


/******download页面*******/


.job_sec1 {
    width: 100%;
    background: url("../img/job_bg1.jpg") /*tpa=http://www.kingstonesemi.com/Templates/cn2014/img/job_bg1.jpg*/ center bottom no-repeat;
    background-size: cover;
    padding-bottom: 12%;
}

.job_sec1_con {
    width: 80%;
    margin: 0 auto;
}

.job_sec1_con_t {
    width: 100%;
    position: relative;
    padding: 20px 0;
    /* 	height:67px;
padding-left:180px; */
    border-top: 2px solid #ddd;
}

.job_sec1_con_t p {
    color: #666;
}

.job_sec1_con_t h5 {
    font-size: 16px;
    line-height: 25px;
    margin: 0;
    width: 180px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 0;
    font-weight: 600;
    letter-spacing: 2px;
    color: #1e404c;
}

.job_sec1_con_t span {
    width: 180px;
    height: 2px;
    background: #1e404c;
    position: absolute;
    top: -2px;
    left: 0;
}

.job_sec1_con_a {
    width: 100%;
    position: relative;
    padding: 20px 0;
    padding-left: 180px;
    border-top: 1px dashed #1e404c;
}

.job_sec1_con_a h5 {
    font-size: 16px;
    line-height: 25px;
    margin: 0;
    width: 180px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 0;
    font-weight: 600;
    letter-spacing: 2px;
    color: #1e404c;
}

.job_sec1_con_a p {
    margin-bottom: 0;
    line-height: 25px;
    font-size: 14px;
    color: #333;
}

job_inner {
    padding-top: 60px;
}


.job_sec2 {
    width: 100%;
    padding-top: 60px;
}

.job_sec2_con {
    width: 100%;
}

.job_sec2_con > h5 {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 0;
    letter-spacing: 1px;
    margin-bottom: 60px;
}

.job_sec2_list {
    width: 100%;
    padding: 20px;
    background: #eee;
    margin-bottom: 20px;
}

.job_sec2_list h5 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #1e404c;
}

.job_sec2_list p {
    margin-bottom: 0;
}

.job_sec2_list p span {
    font-size: 13px;
    color: #666;
}


.job_inner_box {
    width: 100%;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    padding-bottom: 30px;
}

.job_inner_top {
    width: 100%;
    padding: 20px 0;
    border-top: 1px dotted #1e404c;
    border-bottom: 1px dotted #1e404c;
}

.job_inner_top h5 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
}

.job_inner_top p {
    font-size: 13px;
    letter-spacing: 1px;
    color: #666;
}

.job_inner_top p span {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}


.job_inner_list {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px dotted #1e404c;
}

.job_inner_list h5 {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
}

.job_inner_list p {
    font-size: 13px;
    letter-spacing: 1px;
    color: #666;
}

.job_inner_box > a {
    font-size: 13px;
    display: block;
    width: 120px;
    text-align: center;
    line-height: 35px;
    color: #1e404c;
    letter-spacing: 2px;
    border: 1px solid #1e404c;
    margin-top: 30px;

    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.job_inner_box > a:hover {
    background: #1e404c;
    color: #fff;
}


@media (max-width: 767px) {
    .job1_inner_sec1_con > h5 {
        font-size: 15px;
        padding: 0 30px 0 15px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .job1_inner_sec1 {
        padding-bottom: 30px;
    }

    .job_inner_top {
        padding: 10px 0;
    }

    .job_inner_list {
        padding: 10px 0;
    }

    .job_inner_box {
        padding-bottom: 30px;
    }

}

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

}


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

.sec3_box_list {
    text-align: center;
}


.clm10 {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.clp10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

clm20 {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.clp20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

@media (max-width: 767px) {
    .job_sec1_con {
        width: 100%;
        padding-bottom: 20%;
    }

    .job_sec1_con_t {
        padding: 10px 0;
        height: 47px;
    }

    .job_sec1_con_t h5 {
        width: 100px;
        top: 10px;
        font-size: 15px;
        text-align: left;
    }

    .job_sec1_con_t {
        padding-left: 100px;
    }

    .job_sec1_con_t span {
        width: 100px;
    }

    .job_sec1_con_a {
        padding: 10px 0;
        padding-top: 35px;
    }

    .job_sec1_con_a h5 {
        top: 10px;
        width: 100px;
        font-size: 15px;
        text-align: left;
    }

    .job_sec1_con_a p {
        font-size: 12px;
        line-height: 20px;
    }


    .job_sec2 {
        padding-top: 30px;
    }

    .job_sec2_con > h5 {
        margin-bottom: 30px;
    }

    .job_sec2_list h5 {
        font-size: 14px;
    }

    .job_sec2_list {
        padding: 10px;
    }

    .job_sec2_list p span {
        font-size: 12px;
    }

    .job_sec2_list img {
        width: 40px;
    }

    .wrapper .main_pro {
        margin-top: 0 !important;
        padding-top: 35px;
        padding-bottom: 0;
        background: #fff;
    }

    .sec2 {
        padding: 35px 0;
    }

    .sec2_conab h5 {
        font-size: 18px;
    }

    .sec2_conab p {
        width: 90%;
        margin: 15px auto;
    }

    .news_zi p {
        display: none;
    }

    .news_conlist {
        margin-bottom: 30px;
        width: 49%;
        display: inline-block;
        padding: 0 5px !important;
    }

    .news_conlist1 {
        padding: 0 10px;
    }

    .news_con h4 {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }

    .news_con {
        padding: 50px 15px 20px 15px;
    }

    .news_zi h2 {
        font-size: 12px;
        height: 20px;
    }

    .sec5_con span {
        top: 90px;
    }

    .sec3_list {
        width: 49%;
        text-align: left;
        margin-bottom: 20px;
    }

    .footer_conb p {
        font-size: 12px;
    }

    .sec4 {
        padding-top: 35px;
        background: #e6e6e6;
    }

    .device1 {
        overflow: hidden;
    }

    .sec4_pzi {
        color: #fff;
        background: #1e404c;
    }

    .sec4_pzi div {
        padding: 0 15px;
    }

    .sec4_pzi h5 {
        font-size: 16px;
        color: #fff;
    }

    .sec4_pzi span {
        font-size: 14px;
        color: #fff;
    }

    .sec4_pzi a {
        display: inline-block;
        width: 116px;
        text-align: center;
        padding: 10px 0;
        background: #009944;
        margin: 10px auto 40px;
        color: #fff;
    }

    .main_pros {
        width: 100% !important;
        height: 280px !important;
    }

    .main_pross1 {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        box-sizing: content-box;
        visibility: inherit;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .main_pross1 h5 {
        font-size: 20px;
        color: #fff;
        position: absolute;
        left: 20px;
        bottom: 30px;
        z-index: 9;
        font-family: 'Raleway';
    }

    .main_pros:hover .main_pross {
        padding: 0;
        margin: 0;
        height: 280px;
    }

    .sec2_conac h5 {
        font-size: 18px;
        width: 100%;
        text-align: center;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .news_zi h5 {
        padding-top: 0;
    }

    .sec3_con h5 {
        font-size: 18px;
    }

    .sec5_con h5 {
        font-size: 14px;
    }

    .sec5_con {
        height: 190px;
    }

    .footer_con {
        padding: 0;

    }

    .footer_conb {
        border-top: none;
    }

    .sec5_con span {
        font-size: 14px !important;
    }

    /****about*******/
    .inner_banner {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
    }

    .inner_banner > img {
        height: 188px;
    }

    .wap_inner {
        margin-top: 0 !important;
        padding-top: 0;
    }

    .about_sec1 {
        padding: 35px 0;
    }

    .about_sec1_top h5 {
        font-size: 18px;
    }

    .about_sec1_top h5 span {
        font-size: 18px;
    }

    .about_sec1_top p {
        margin-top: 20px;
        margin-bottom: 0px;
        font-size: 12px;

    }

    .about_sec1_b {
        margin: 35px 0;
    }

    .about_sec1_b p {
        color: #999;
        font-size: 12px;
    }

    .about_sec2_l {
        width: 100%;
        padding: 20px 15px;
        padding-left: 20px !important;
    }

    .about_sec2 {
        padding: 35px 0;

    }

    .about_sec2 > h5 {
        margin-bottom: 20px;
        font-size: 18px;
        padding-left: 20px !important;
    }

    .about_sec2_l h5 {
        font-size: 14px;
    }

    .about_sec2_l > span {
        margin-bottom: 20px;
    }

    .about_sec2_l > p span {
        font-size: 14px;
    }

    .about_sec2_r {
        padding: 0 15px;
        width: 100%;

    }

    .about_sec2_r h5 {
        font-size: 14px;
        margin: 20px 0;
    }

    .about_sec2_r p {
        width: 65%;
        font-size: 12px;
    }

    .about_sec2_r > img {
        right: 15px;
    }

    .about_sec2_r > a {
        font-size: 14px;
    }

    /*******products********/
    .products {
        padding: 35px 0;
        padding-bottom: 0;
    }

    .products_list_zi p {
        display: none;
    }

    .products_list_zi {
        height: 90px;
        padding: 10px;

    }

    .products_list_zi span {
        margin-bottom: 0;
        font-size: 12px;

    }

    .products_list_zi h5 {
        font-size: 14px;
    }


    .products_con .container {
        padding: 0 !important;
    }

    .products_list {
        margin-top: 0;
    }

    /********* projects******/
    .products_con {
        padding-bottom: 40px;
    }

    .project_sec1_con > h5 {
        text-align: center;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .project_sec1 {
        padding: 35px 0;
    }

    .project1_zi h5 {
        width: 100%;
        padding: 0 15px;
    }

    .project1_zi {
        margin-bottom: 20px;
    }


    .col_phone1 p {
        color: #999;
        margin-top: 15px;
    }

    .col_row1 {
        margin: 0 !important;
        padding: 0 15px !important;
        margin-bottom: 30px !important;
    }

    .col_phone2 {
        padding: 0 5px 20px 5px !important;
        width: 49%;
        display: inline-block;
    }

    .col_phone2 p {
        color: #999;

    }

    .col_row2 {
        margin: 0 !important;
        padding: 0 10px;
        margin-bottom: 30px !important;
    }

    .col_row {
        margin-right: 0 !important;
        margin-left: 0 !important;

        padding: 0 10px !important;

    }

    .col_phone {
        padding: 0 5px 20px 5px !important;
    }


    /*****download*****/
    .download {
        padding: 35px 0;
        padding-bottom: 0;
    }

    .download1 {
        padding-top: 0;
        margin-top: 0;
    }

    .download1_l {
        width: 100%;
        padding: 15px 0;

    }

    .download1_l > img {
        width: 80% !important;
    }

    .download1_ls {
        position: relative;
        top: 115px;
        right: 0;
        padding: 20px 15px;
        width: 100%;

    }

    .download1_ls > img {
        position: absolute;
        right: 15px;
        top: 25px;
    }

    .investor_sec4_con img {
        padding: 20px 0;
    }

    .download1_r {
        margin-top: 100px;
        width: 100%;
        padding-bottom: 60px;
    }

    .download1_r h5 {
        font-size: 18px;
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .download1_r p {
        margin-bottom: 30px;
        width: 90%;
    }

    .downloa2 {
        padding: 50px 0;
        background: #1e404c;
    }

    .downloa2_cons {
        width: 100%;
    }

    .downloa2_cons > h5 {
        font-size: 18px;
    }

    .downloa2_cons p {
        font-size: 12px;
        line-height: 30px;

    }

    .downloa2_cons b {
        font-size: 12px;
    }

    /*****investor*******/
    .investor_sec1 {
        padding: 35px 0;
    }

    .investor_sec1_con {
        margin-top: 20px !important;
    }

    .investor_sec1_list {
        padding: 6px;
        width: 48%;
    }

    .investor_sec1_list span {
        font-size: 14px;
    }

    .investor_sec1_list h5 {
        font-size: 13px;
    }

    .listl {
        margin-right: 3px;
    }

    .listr {
        margin-left: 5px;
    }

    .investor_sec2_zi h5 {
        font-size: 18px;
    }

    .investor_sec2_con {
        margin-bottom: 35px;
    }

    .investor_sec3_zi {
        padding: 0;
    }

    .investor_sec3_zi h5 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;

    }

    .investor_sec3_zi p input {
        width: 100%;
    }

    .investor_sec3_zi p textarea {
        width: 100%;
    }

    .investor_sec4_con h5 {
        font-size: 18px;
    }

    .investor_sec4 {
        padding: 35px 0;

    }

    .investor_sec4_con p {
        font-size: 12px;
    }

    .in_img {
        padding-top: 35px;
    }

    .investor_sec2_zi {
        padding-top: 20px;
    }

    .in_h5 {
        margin: 20px 0;
    }

    /****contact******/
    .about_sec1_top > span {
        font-size: 12px;
    }

    .about_sec1_top {
        margin-bottom: 20px !important;
    }

    .contact1_con {
        width: 100%;
    }

    .contact1_con > img {
        width: 60px;
    }

    .contact1_con_l h5 {
        font-size: 18px;
    }

    .contact1_con_l p {
        font-size: 12px;
    }

    .contact1_con_l a {
        font-size: 12px;
    }

    .contact1_con_r h5 {
        font-size: 12px;
    }

    .contact1_con_r p {
        font-size: 12px;
    }

    .contact1 {
        padding: 60px 0;
    }

    .contact3 {
        padding: 60px 0;


    }

    .contact3_l h5 {
        font-size: 18px;
    }

    .contact3_l {
        padding: 20px 0 0 0;
    }

    .contact3_r {
        padding-top: 0;
        margin-top: 20px;
    }

    .contact3_r h5 {
        margin: 20px 0 10px 0;
    }

    .contact3_r p {
        font-size: 12px;
    }

    .contact3_con {
        padding: 0;
    }

    .search_tla p {
        width: 60%;
        font-size: 12px;
    }

    .search_tla p input {
        width: 100%;
        margin-left: 0;
        font-size: 12px;
    }

    .search_tla p span {
        top: 0px;
    }

    .search_tla {
        margin-bottom: 30px;
    }

    .search_tlb h5 {
        font-size: 12px;
    }

    .search_tlb_one {
        width: 100%;
    }

    .search_tlb_two {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .search_tr > span {
        display: none;
    }

    .select1 {
        width: 100%;
    }

    .select2 {
        margin-top: 20px;
        width: 100%;
    }

    .search_tlb {
        margin-bottom: 30px;
    }

    .search_tlc > ul > li {
        width: 50%;
    }

    .search_li {
        width: 100% !important;
    }

    .search_tlc_sj {
        text-align: center;
        padding: 20px 0 !important;
        width: 130px;
        margin: 0 auto;
    }

    .search_data > h5 {
        border-bottom: 3px solid #1e404c;
    }

    .search_datas p span {
        width: 50%;
    }

    .search_datas1 > h5 span {
        width: 100%;
    }

    /*****products*********/
    .pro_inner1_zi > h5 {
        font-size: 18px;
        text-align: center;
    }

    .pro_inner1_zi > p {
        font-size: 12px;
    }

    .pro_inner1_zia h5 {
        font-size: 14px;
    }

    .pro_inner1_zia p {
        font-size: 12px;
    }

    .pro_inner1_zia table th {
        line-height: 30px;
        font-size: 12px;
    }

    .pro_inner1_zia table td {
        font-size: 12px;
        line-height: 20px;
    }

    .table_b {
        width: 15%;
    }

    .pro_inner1_zia table {
        margin-bottom: 30px;
    }

    .pro_inner2 {
        padding: 35px 0;
    }

    .pro_inner2_con > h5 {
        font-size: 18px;
    }

    .pro2_inner2_con3 .clp10 {
        margin-bottom: 20px;
    }

    .pro_inner3_con > span {
        font-size: 12px;
    }

    .pro_inner3_con > h5 {
        font-size: 18px;
    }

    .pro_inner3_con > p {
        font-size: 12px;
    }

    .pro_inner3_zi h5 {
        font-size: 14px;
    }

    .investor_sec1 iframe {
        width: 320px !important;
        margin: 0 auto;
    }

    .footer_conb {
        text-align: center;
    }

    .pro_inner1_bot ul li > h5 {
        font-size: 13px;
        padding-left: 15px;
        line-height: 40px;
    }

    .search_tlc_list_show {
        width: 270px;
    }

    .pro_inner1_bot ul li > span {
        line-height: 40px;
    }

    .pro_inner1_bot_show {
        padding: 10px;
    }

    .clm_ph {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .clp_ph {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }


    .pro_inner1_bot_show table td {
        line-height: 30px;
        padding: 0 15px;
    }

    .investor_sec4 {
        /*background: url("../img/investor_sec4_ph.jpg") center no-repeat;*/
        background-size: cover;
    }

    .contact1 {
        background: url("../img/contact_bg1_xp.jpg") center no-repeat;
        background-size: cover;
    }

    .contact1_con_bg {
        background: url("../img/contact_bg1on_xp.jpg") center no-repeat;
        background-size: cover;
    }

    .products_class_a b {
        display: none;
    }

    .products_class_a {
        width: 90%;
    }

}

/**************12.20************/
.about_adv {
    width: 100%;
    padding-left: 15px;
}

.about_advs {
    padding-left: 30px;
    position: relative;
}

.about_advs:before {
    width: 20px;
    height: 2px;
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    background: #fff;
}

.about_advs h5 {
    font-size: 16px;
    color: #fff;
}

.ab_honor {
    width: 100%;
}

.ab_honors {
    width: 100%;
    text-align: center;
    padding: 0 15px;
}

.ab_honors span {
    display: inline-block;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
}

.ab_fenzi {
    width: 100%;
    text-align: center;
}

.ab_fenzi_img {
    display: inline-block;
    width: 50%;
    min-width: 500px;
}

.ab_fenzi_zi {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
}

.ab_fenzi_zi table {
    width: 50%;
    min-width: 500px;
    margin: 0 auto;
    border: 1px solid #fff;
}

.ab_fenzi_zi table th {
    line-height: 40px;
    padding-left: 10px;
    color: #fff;
}

.ab_fenzi_zi table td {
    line-height: 40px;
    text-align: left;
    padding-left: 10px;
    color: #eee;
}

.ab_fenzi_zi table td a {
    color: #eee;
}

.about_sec1_top_inner p {
    margin-top: 0px;
    margin-bottom: 10px;
}

.about_sec1_top_inner > img {
    margin-bottom: 30px;
}

.about_sec1_top_inner > a {
    display: block;
    width: 120px;
    display: block;
    margin-top: 20px;
    line-height: 40px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    background: #1e404c;
}


/**************12.20************/
/**************12.21************/
.case_inner_a {
    width: 100%;
}

.case_inner_a a {
    display: block;
    width: 120px;
    text-align: center;
    line-height: 35px;
    background: #1e404c;
    font-size: 14px;
    color: #fff;
    margin-top: 30px;
    letter-spacing: 1px;
}

.case_inner_a {
    padding-left: 30px;
}

.downloa3_show {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}

.downloa3_show span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
}

.downloa3_con {
}

.downloa3_con {
    width: 70%;
    max-width: 900px;
    margin: 0 auto;
    height: 500px;
    background: #fff;
    position: relative;
    top: 50%;
    margin-top: -250px;
}

.downloa3_con {
    padding: 30px 0;
}

.downloa3_cona {
    padding: 0 60px;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.downloa3_cona > h5 {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 25px;
}

.downloa3_cona p {
    font-size: 14px;
    color: #666;
    cursor: pointer;
    border-bottom: 1px dashed #999;
    line-height: 35px;
    margin-bottom: 5px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.downloa3_cona p i {
    float: right;
    line-height: 35px;
}

.downloa3_cona p img {
    margin-right: 5px;
}

.downloa3_cona p:hover {
    color: #333;
}

.downloa3_con > img {
    position: absolute;
    top: 15px;
    right: 25px;
    cursor: pointer;
}


.about_sec3 {
    width: 100%;
    padding: 70px 0;
    background: #fff;
}

.about_sec3_con {
    width: 100%;
}

.about_sec3_con > h5 {
    font-size: 24px;
    color: #333;
    margin-top: 0;
    text-align: center;
    margin-bottom: 30px;
}

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

.sec4_cons > ul {
    padding: 0;
    margin: 0;
    position: relative;
    left: -10px;
}

.sec4_cons > ul > li {
    float: left;
}

.sec4_list {
    width: 100%;
    padding: 0 10px;
}

.sec4_lists {
    width: 100%;
    padding: 20px;
    border: 1px solid #e8e8e8;
}

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

.sec4_lists_img img {
    -webkit-transform: scale(1.025) translateY(0px);
    -moz-transform: scale(1.025) translateY(0px);
    -ms-transform: scale(1.025) translateY(0px);
    -o-transform: scale(1.025) translateY(0px);
    transform: scale(1.025) translateY(0px);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.sec4_list:hover .sec4_lists_img img {
    -webkit-transform: scale(1) translateY(-4px);
    -moz-transform: scale(1) translateY(-4px);
    -ms-transform: scale(1) translateY(-4px);
    -o-transform: scale(1) translateY(-4px);
    transform: scale(1) translateY(-4px);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
}

.sec4_lists > h5 {
    font-size: 16px;
    color: #333;
    margin: 0;
    letter-spacing: 1px;
}

.sec4_lists > span {
    display: inline-block;
    font-size: 14px;
    color: #1e404c;
    padding: 10px 0;
}

.sec4_lists > p {
    color: #888;
    font-size: 14px;
    line-height: 25px;
    margin: 10px 0 15px 0;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.sec4_list:hover .sec4_lists p {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}

.sec4_lists > a {
    font-size: 14px;
    color: #888;
    letter-spacing: 1px;
    line-height: 30px;
}

.sec4_lists > a span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #1e404c;
    text-align: center;
    line-height: 25px;
    border-radius: 100%;
    margin-right: 10px;
    padding-left: 2px;
    color: #fff;
    font-size: 24px;
    vertical-align: top;
}


@media (max-width: 767px) {
    .investor_sec1_a img {
        margin-left: -2em;
    }

    .investor_sec1_a p {
        margin: 10px 0;
    }

    .downloa3_con {
        width: 90%;
        height: 80%;
        margin-top: 0;
        top: 10%;
    }

    .downloa3_cona {
        padding: 0 20px;
    }

    .downloa3_con {
        padding: 0 20px;
    }

    .about_sec3 {
        padding: 30px 0 60px 0;
    }

    .about_sec2_rhds {
        margin-top: 20px;
    }
}

/**************12.21************/
/**************12.23************/
.logo {
    /* margin-top:18px; */
}

.erjinav_con1 > li {
    text-align: center;
}

.erjinav_con {
    padding: 40px 0;
}

.header_nav {
    margin-left: 2.5%;
}

.search_sp {
    width: 30px;
    height: 30px;
}

.header_right > span i {
    right: 0;
    top: 0;
    line-height: 30px;
}

.header_right > span input {
    width: 0;
    background: #323232;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.header_nav ul li {
    margin: 0 18px;
}


/**************12.23************/


/**************12.26************/
.search_data_img {
    width: 100%;
    position: relative;
}

.search_data3 img {
    margin-bottom: 0;
}

.search_data_img h5 {
    font-size: 14px;
    color: #1e404c;
    margin-bottom: 15px;
}

.search_showimg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}

.search_showimgBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
}

.search_showimg_con {
    width: 80%;
    max-width: 350px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -145px;
}

.search_showimg_con span {
    cursor: pointer;
    position: absolute;
    top: -40px;
    right: 0;
}


.about_sec2_rhd {
    width: 40%;
    float: left;
    margin-right: 20px;
}

.about_sec2_rhds {
    width: 100%;
    background: #fff;
    padding: 10px;
    padding-bottom: 0;
    /* 	margin-top: 20px; */
}

.clm5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.clp5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.about_rb {
    margin-bottom: 10px;
}

.search_tlc_list_img {
    border-radius: 100%;
}

.search_tlc_list_img img {
    border-radius: 100%;
}

.search_tlc_list_showa p span {
    border-radius: 100%;
    text-align: center;
    line-height: 80px;
}

.search_tlc_list {
    padding: 5px;
}

.search_tlc {
    width: 90%;
}

.search_tlc_sj span {
    font-size: 35px;
}

/**************12.26************/

/***************2017 1.3************/
.investor_sec7 {
    width: 100%;
    padding: 70px 0;
    background: #f2f2f2;
}

.investor_sec2_con {
    margin-bottom: 0;
}

.investor_sec1 {
    padding: 70px 0 50px 0;
}

.investor_sec7_con {
    width: 100%;
}

.investor_sec7_con > h5 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.investor_sec7_con > h5 span {
    display: inline-block;
    margin-left: 0px;
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 1px;
    color: #1e404c;
}

.investor_sec7_con table {
    width: 100%;
    position: relative;
    top: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.investor_sec7_con table th {
    line-height: 35px;
    padding: 0 15px;
    color: #333;
    font-size: 15px;
    letter-spacing: 1px;
}

.investor_sec7_con table td {
    line-height: 30px;
    padding: 0 15px;
    color: #555;
    font-size: 14px;
}

.investor_sec7_nf td {
    color: #333 !important;
    font-size: 15px !important;
    line-height: 40px !important;
    font-weight: 600 !important;
}

#investor3 {
    padding-top: 70px;
}

.contact3_con {
    /* 	padding:0 6%; */
}

.contact1_con {
    padding: 5%;
}


/***************2017 1.3************/

.pro_inner1_bot_show p {
    color: #666;
}

.pro_inner1_bot_show_img {
    margin-bottom: 15px;
}


.bdtjdm img {
    margin-top: 20px;
}

.bjfh {
    width: 110px;
    height: 35px;
    margin-top: 20px;
}

.bjfh a {
    display: block;
    border: 1px solid #1e404c;
    color: #1e404c;
    line-height: 35px;
    text-align: center;
}

.bjfh a:hover {
    background: #1e404c;
    color: #fff;
}


::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999;
}

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

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

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.header .container1 {
		width: 100% !important;
	}

	.header_nav ul li {
		margin: 0 5px !important;
	}

	.header_right > span input {
		width: 160px !important;
	}
}

@media (min-width: 1200px) and (max-width: 1299px) {
	.header .container1 {
		width: 100% !important;
	}

	.header_nav ul li {
		margin: 0 7px !important;
	}

	.header_right > span input {
		width: 180px !important;
	}
}

@media (min-width: 1300px) and (max-width: 1399px) {
	.header .container1 {
		width: 100% !important;
	}

	.header_right > span input {
		width: 180px !important;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) {
	.header .container1 {
		width: 1370px !important;
	}

	.header_right > span input {
		width: 180px !important;
	}
}

/****/
.device1 {
	width: 100%;
	height: 100%;
	position: relative;
	margin-top: 20px;
}

.pagination1 {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 20px;
	width: 100%;
}

.device2 {
	width: 100%;
	height: 100%;
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}

.pagination2 {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 20px;
	width: 100%;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

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

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

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header .container1 {
        width: 100% !important;
    }

    .header_nav ul li {
        margin: 0 5px !important;
    }

    .header_right > span input {
        width: 160px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .header .container1 {
        width: 100% !important;
    }

    .header_nav ul li {
        margin: 0 7px !important;
    }

    .header_right > span input {
        width: 180px !important;
    }
}

@media (min-width: 1300px) and (max-width: 1399px) {
    .header .container1 {
        width: 100% !important;
    }

    .header_right > span input {
        width: 180px !important;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .header .container1 {
        width: 1370px !important;
    }

    .header_right > span input {
        width: 180px !important;
    }
}

.page {
    margin-bottom: 40px;
}

.page a {
    background-color: #fff;
    display: inline-block;
    padding: 0 8px;
    border: 1px solid #ddd;
    color: #2e2e2e;
    border-radius: 4px;
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
}

.page a:hover {
    background-color: #2e2e2e;
    border: 1px solid #2e2e2e;
    color: #fff;
}

.page a.selected {
    background-color: #2e2e2e;
    color: #fff;
}

.about_sec2_r .content .litxt {
    display: none;
    color: #fff;
    font-weight: normal;
    padding: 0 20px;
    line-height: 26px;
}

.about_sec2_r p {
    width: 100%;
}

.yr_table td {
    padding: 5px 10px;
    color: #fff;
    font-weight: normal;
}

.yr_table td strong {
    color: #fff;
}

.yr_table .yr_down {
    color: #fff;
    font-size: 16px;
}