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


.public-nav-head{ width:100%; height:60px; color:#666666; border-bottom:#e5e5e5 1px solid; }
.public-nav-head .public-nav-btn a{ display:inline-block; width:auto; height:100%; padding:0px 15px; line-height:60px; font-size:16px; color:#333333; overflow:hidden;}
.public-nav-head .public-nav-btn a.active{ color:#025bab;}
.public-nav-head .public-nav-btn a.active i{ background:#025bab;}
.public-nav-head .public-nav-btn i{ display:block; float:left; width:6px; height:6px; margin-right:6px; margin-top:30px; background:#c3c3c3;}
.public-nav-head .public-nav-tit{display:block;}
.public-nav-head .public-nav-tit h4{text-align:center; line-height:60px; font-weight:normal; font-size:24px; color:#fff; background:#025bab; padding-left: 20px; padding-right: 20px;}
.public-nav-head .public-nav-right{ line-height:60px; font-size:14px; color:#666666;}
.public-nav-head .public-nav-right a{ font-size:14px; color:#666666;}
.public-nav-head .public-nav-right a:hover{ color:#025bab;}


.box {width:100%;height:485px;}
.inner{width:760px;height:485px;position: relative;overflow: hidden;}
.inner img{width:760px;height: 485px;vertical-align: top}
.inner ul {width: 1000%;position: absolute;list-style: none;left:0;top: 0;}
.inner li{float: left;}
.inner ol {position: absolute;height: 20px;right: 20px;bottom: 20px;text-align: center;padding: 5px;}
.inner ol li{display: inline-block;width: 20px;height: 20px;line-height: 20px;background-color: #fff;margin: 5px;cursor: pointer;}
.inner ol .current{background-color: red;}
#arr{display: block;}
#arr span{width: 40px;height: 40px;position: absolute;left: 5px;top: 50%;margin-top: -20px;cursor: pointer;}
#arr #right {right: 5px;left: auto;}
#arr img{ display:block; width:47px; height:89px;}

.product-details-tab{ padding-top:60px;}
.product-details-tab .fl{ width:50%;}
.product-details-tab .fr{ width:50%;}
.slider_p_div h3{ display:block; margin-top:30px; font-size:26px; color:#333333; border-bottom:#e5e5e5 1px solid; line-height:60px;}
.slider_p_div span{ display:block; margin-top:15px; margin-bottom:15px; font-size:20px; color:#025bab;}
.slider_p_div p{ line-height:30px; font-size:16px;}

.slider_p_div{ padding:50px 100px 0 90px;}
.slider_p_div1 h3{ display:block; margin-top:30px; font-size:26px; color:#333333; border-bottom:#e5e5e5 1px solid; line-height:60px;}
.slider_p_div1 p{ margin-top:25px; font-size:20px; color:#025bab;}
.slider_p_div1 span{ display:block; margin-top:20px; font-size:16px; line-height:26px; color:#666666;}
.slider_p_div1{ padding:50px 100px 0 90px;}



/*************************************
 *	
************************************/
.inside-banner{ position:relative;max-width: 100%;overflow: hidden; margin-top:100px; height:364px;}
.inside-banner h3{ position:absolute; bottom:0px; width:165px; text-align:center; line-height:60px; font-weight:normal; font-size:24px; color:#fff; background:url(../images/bannertit.png) repeat;}
.case-nav .case-nav-head{ width:100%;text-align:center; color:#666666; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
.case-nav .case-nav-head .case-nav-btn a{ display:inline-block; width:auto; height:100%; padding:0px 30px; font-size:20px; color:#333333; overflow:hidden;}
.case-nav .case-nav-head .case-nav-btn a.active{ color:#025bab;}
.case-nav .case-nav-head .case-nav-btn a.active i{ background:#025bab;}
.case-nav .case-nav-head .case-nav-btn i{ display:block; float:left; width:6px; height:6px; margin-right:6px; margin-top:30px; background:#c3c3c3;}
.case-nav .case-nav-body{ display: none; width:100%; padding:60px 0;}
.case-nav .case-nav-body.active{ display: block;}
.case-nav .case-nav-tit{display:block;}
.case-nav .case-nav-tit h4{ width:165px; text-align:center; line-height:60px; font-weight:normal; font-size:24px; color:#fff; background:#025bab;}
.case-nav-h5{ margin-bottom:60px; font-size:16px; line-height:32px; color:#666666;}
.case-li{ float:left; width:32%; margin-bottom:50px;}
.case-li.mg{ margin: 0 1%;}
.case-li p{ font-size:16px; color:#333333; text-align:center; line-height:32px;}
.case-warp{ overflow:hidden;}
.case-btn{ display:block; margin-top:30px; text-align:center;}
.case-btn ul{ display:block; text-align:center; margin:auto;}
.case-btn li{ display:inline-block;}
.case-btn a{ display: inline-block; padding:5px 10px; color:#333; background:#eeeeee;}
.case-btn a:hover{ background:#025bab; color:#fff; transition:0.4s;}
.case-btn a.active{ background:#025bab; color:#fff;}
.case-btn.margintb{ margin:80px 0 0 0;}
.case-nav-btn{ height:60px; line-height:60px;}
.case-nav-right{ line-height:60px; font-size:14px; color:#666666;}
.case-nav-right a{ font-size:14px; color:#666666;}

.crcbox2{width:470px;height: 300px; margin:0px auto;overflow: hidden;}
.crcbox2 img{cursor: pointer;transition: all 1.0s;width: 100%;height: 100%;}
.crcbox2 img:hover{transform: scale(1.2);}

.case-li .crcbox2{width:470px;height: 300px; margin:0px auto;overflow: hidden;}
.case-li .crcbox2 img{cursor: pointer;transition: all 1.0s;width: 100%;height: 100%; max-width: 100%;}
.case-li .crcbox2 img:hover{transform: scale(1.2);}


.page{}

/* 数字上下页 */
.page{ width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}
.page a{ line-height:16px; font-size:14px; text-indent:0px; color: #666;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page .page-num-current,.page a:hover{ color: #fff; background:#3560a8; }
/*************************************
 *	
************************************/
/*.inside-banner-product{ background:url(../images/banner7.jpg) no-repeat center;}*/
.details-Related{ margin-top:50px; margin-bottom:60px;}
.details-Related .Related-tit{ border-bottom:#e5e5e5 1px solid; line-height:55px;}
.details-Related .Related-tit h3{ display:block; float:left; font-size:22px; color:#333333;}
.details-Related .Related-tit h3 i{ display:block; width:90px; height:3px; margin-bottom:-2px; background:#025bab;}
.details-Related .Related-tit a{ display:block; float:right; font-size:14px; color:#999999;}
.Related-li{ float:left; width:33.3%;}
.Related-li p{ font-size:16px; color:#333333; text-align:center; line-height:32px;}
.Related-li img{ display:block; margin:auto;}
.Related-warp{ margin-bottom:50px; margin-top:45px; overflow:hidden;}
.Related-warp .crcbox{width:470px;height: 300px;margin:10px auto;overflow: hidden;}
.Related-warp .crcbox img{cursor: pointer;transition: all 1.0s;width: 100%;height: 100%;}
.Related-warp .crcbox img:hover{transform: scale(1.2);}
.crcbox{width:470px;height: 300px;margin:10px auto;overflow: hidden;}
.crcbox img{cursor: pointer;transition: all 1.0s;width: 100%;height: 100%;}
.crcbox img:hover{transform: scale(1.2);}

.zx_slider{position:relative;margin:40px auto 0 auto;width:100%;height:485px;overflow:hidden;}
.zx_slider .imgbox{width:6500px;height:485px;position:absolute;left:0px;top:0;overflow:hidden;}
.zx_slider .imgbox img{float:left;width:50vw;height:485px;}
.zx_slider .png{width:100%;height:485px;left:0px;top:0px;position:absolute;_background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/inside/slider_bg.png"); overflow:hidden;}
.zx_slider .lbtn {
    cursor: pointer;
    width: 47px;
    height: 89px;
    position: absolute;
    left: 1.5%;
    top: 42%;
    background: url(../images/slider_l_btn.png);
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slider_l_btn.png");
}.zx_slider .rbtn {
    cursor: pointer;
    width: 47px;
    height: 89px;
    position: absolute;
    left: 45.5%;
    top: 42%;
    background: url(../images/slider_r_btn.png);
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slider_r_btn.png");
}.zx_slider .slider_p{
    overflow: hidden;
    width: 40%;
    height: 485px;
    padding: 5% 5%;
    position: absolute;
    right: 0px;
    top: 0;
    background: #fff;
}
.hi_btn{width:45%;height:485px;position:absolute;left:0px;top:0px;display:block;}

/*************************************
 *	
************************************/
/*.inside-banner-news{ background:url(../images/banner5.jpg) no-repeat center;}*/
.news-center-warp{ padding-bottom:100px;}
.news-center{}
.news-center .center-li{ display:block; padding:50px 0; cursor:pointer; border-bottom:#e8e8e8 1px solid;}
.news-center .center-li:last-child{ border:none;}
.news-center .li-img{ width:420px; float:left;overflow: hidden;}
.news-center .li-img img{cursor: pointer;transition: all 1.0s;width: 100%;height: 100%;}
.news-center .center-li:hover img{transform: scale(1.2);}
.news-center .li-tit{ width:1070px; float:right;}
.news-center .li-tit h5{ margin-bottom:20px; margin-top:30px; font-size:24px; color:#333;}
.news-center .li-tit p{ margin:25px 0; font-size:16px; color:#999999; line-height:30px;}
.news-center .li-tit .center-li-ll{ font-size:16px; color:#025bab;}
.news-center .li-tit .center-li-ll i{ display:block; float:left; width:5px; height:5px; margin-top:8px; margin-right:10px; background:#025bab;}
.news-center .li-tit span{ display:block; font-size:16px; color:#025bab;}
.news-center .center-li:hover h5{color:#025bab;}


/*************************************
 *	
************************************/
.news-detail{}
.news-detail h5{ font-size:24px; color:#333333; text-align:center; line-height:72px;}
.news-detail .detail-tit{ line-height:60px; border-bottom:#e5e5e5 1px solid; border-top:#e5e5e5 1px solid;}
.news-detail .detail-tit .detail-tit-l{}
.news-detail .detail-tit .detail-tit-l p{ display:inline-block; margin-right:40px; font-size:16px; color:#999999;}
.news-detail .detail-tit .detail-tit-r{}
.news-detail .detail-tit .detail-tit-r .tit-big{ display:block; width:30px; height:30px; padding:0 20px; margin-top:15px; background:url(../images/detail-icon1.png) no-repeat;background-position:center;}
.news-detail .detail-tit .detail-tit-r .tit-small{ display:block; width:30px; height:30px; padding:0 20px; margin-top:15px; background:url(../images/detai-icon2.png) no-repeat; background-position:center; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid;}
.news-detail .detail-tit .detail-tit-r .tit-share{ display:block; width:30px; height:30px; padding:0 20px; margin-top:15px; background:url(../images/detai-icon3.png) no-repeat;background-position:center;}
.news-detail .detail-tit .detail-tit-r .tit-big:hover{background:url(../images/detail-icon1h.png) no-repeat;background-position:center; transition:0.4s;}
.news-detail .detail-tit .detail-tit-r .tit-small:hover{background:url(../images/detai-icon2h.png) no-repeat; background-position:center; transition:0.4s;}
.news-detail .detail-tit .detail-tit-r .tit-share:hover{background:url(../images/detai-icon3h.png) no-repeat;background-position:center; transition:0.4s;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ display:block !important; width:30px !important; height:30px !important; padding:0 20px !important; margin-top:15px !important; background:url(../images/detai-icon3.png) no-repeat !important;background-position:center !important;}
.bdsharebuttonbox{ float: right; width: 60px;}
.news-detail .detail-tit .detail-tit-r .tit-a{ margin-left:20px; font-size:14px; color:#025bab;}
.news-detail .detail-body{ padding:45px 0; border-bottom:#e5e5e5 1px solid;}
.news-detail .detail-body p{ font-size:16px; color:#666666; line-height:30px;}
.news-detail .detail-body img{ display:block; margin:50px auto; max-width: 100%;}
.news-detail .detail-link{}
.news-detail .detail-link a{ padding:30px 0; font-size:16px; color:#999999;}
.news-detail .detail-link a:hover{ color:#025bab; transition:0.4s;}
/*************************************
 *	
************************************/
/*.inside-banner-technical{ background:url(../images/banner3.jpg) no-repeat center;}*/
.Technical-mg{ margin-bottom:80px;}
.Technical-warp{ margin-top:60px;}
.Technical-warp .Technical-li{ width:475px; float:left; cursor:pointer;}
.Technical-warp .Technical-li .Technical-tit{ margin-top:30px; border-bottom:#d2d2d2 1px solid; line-height:50px;}
.Technical-warp .Technical-li .Technical-tit i{}
.Technical-warp .Technical-li .Technical-tit h5{ height:50px; line-height:50px; margin-right:15px; font-size:24px; color:#025bab;}
.Technical-warp .Technical-li .Technical-tit span{ margin-top:5px; font-size:18px; color:#999999;}
.Technical-warp .Technical-li .Technical-tit p{ float:left; display:block; padding:0px; line-height:50px; font-size:32px; margin:0 5px 0 0;font-family: 'Agency FB'; color:#025bab;}
.Technical-warp .Technical-li p{ padding:20px 0; font-size:16px; line-height:30px; color:#999999;}
.Technical-warp .Technical-li.marginlr{ margin-left:45px; margin-right:45px;}
.Technical-warp .Technical-li .Technical-img{width:476px;height:245px;overflow: hidden;}
.Technical-warp .Technical-li .Technical-img img{ display:block; max-width:100%;cursor: pointer;transition: all 1.0s;width: 100%;height: 100%;}
.Technical-warp .Technical-li:hover .Technical-img img{transform: scale(1.2);}


/*************************************
 *	
************************************/
 
.Contact-warp{ padding:60px 0;}
.Contact-warp .Contact-top{ margin-bottom:105px;}
.Contact-warp .Contact-top .Contact-t-l h5{ font-size:24px; color:#025bab;}
.Contact-warp .Contact-top .Contact-t-l span{ display:block; width:42px; height:3px; margin:10px 0 20px 0; background:#025bab;}
.Contact-warp .Contact-top .Contact-t-l p{ font-size:16px; color:#333333; line-height:36px;}
.Contact-warp .Contact-top .Contact-t-l p i{ display:block; float:left; width:25px; height:25px; margin-right:7px; margin-top:7px;}
.Contact-warp .Contact-top form{}
.Contact-warp .Contact-top form .form-input{ padding:0 20px 0 50px; min-height:42px; margin-bottom:25px; color:#999999; font-size:16px; line-height:42px; border:#e4e4e4 1px solid;}
.Contact-warp .Contact-top form{}
.Contact-warp .Contact-top form .input-50{ width:300px;}
.Contact-warp .Contact-top form .input-100{ width:690px;}
.Contact-warp .Contact-top .Contact-t-l{ width:460px;}
.Contact-warp .Contact-top .Contact-t-r{ width:760px; padding-left:110px; border-left:#dcdcdc 1px solid;}
.Contact-warp .Contact-top .input-bg1{ background-image:url(../images/contact5.png); background-repeat:no-repeat; background-position:left top;}
.Contact-warp .Contact-top .input-bg2{ background-image:url(../images/contact6.png); background-repeat:no-repeat; background-position:left top;}
.Contact-warp .Contact-top .input-bg3{ background-image:url(../images/contact7.png); background-repeat:no-repeat; background-position:left top;}
.Contact-warp .Contact-top .input-bg4{ background-image:url(../images/contact8.png); background-repeat:no-repeat; background-position:left top;}
.Contact-warp .Contact-top .btn-cz{ padding:10px 45px; font-size:20px; color:#fff; background:#565656; border:none;}
.Contact-warp .Contact-top .btn-tj{ padding:10px 45px; margin-left:25px; font-size:20px; color:#fff; background:#073a8f; border:none;}
.Contact-warp .Contact-top .form-btn{ text-align:right;}
.Contact-warp .Contact-top .Contact-t-r h5{ font-size:24px; color:#333333;}
.Contact-warp .Contact-top .Contact-t-r span{ display:block; width:42px; height:3px; margin:10px 0 20px 0; background:#333333;}
.iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}
.Contact-map{ max-width:100%; height:400px; overflow:hidden;}
#allmap{ width:100%; height:100%;}
#allmap p{margin-left:5px; font-size:14px;}
.iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}
/*************************************
 *	
************************************/
.partner-warp{}
.partner-nav{ width:100%; height:60px;text-align:center; color:#666666; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
.partner-nav .partner-nav-tit{display:block;}
.partner-nav .partner-nav-tit h4{ width:165px; text-align:center; line-height:60px; font-weight:normal; font-size:24px; color:#fff; background:#025bab;}
.partner-nav .partner-nav-btn a{ display:inline-block; width:auto; height:100%; height:60px; line-height:60px; padding:0px 30px; font-size:20px; color:#333333; overflow:hidden;}
.partner-nav .partner-nav-btn a.active{ color:#025bab;}
.partner-nav .partner-nav-btn a.active i{ background:#025bab;}
.partner-nav .partner-nav-btn i{ display:block; float:left; width:6px; height:6px; margin-right:6px; margin-top:30px; background:#c3c3c3;}
.partner-body{ padding:60px 0;}
.body-warp{ margin-bottom:60px;}
.body-li{ width:20%; float:left;}
.body-li img{ display:block; margin:auto; max-width: 100%; border: #e4e4e4 1px solid;}
.body-li p{ font-size:16px; color:#666666; line-height:30px; text-align:center;}

#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    height:163px;
    width: 295px;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
    font-family: sans-serif
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounceFromRight {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
    100% {
        margin-left: 0
    }
}

@keyframes bounceFromRight {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
    100% {
        margin-left: 0
    }
}

@-webkit-keyframes bounceFromLeft {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
    100% {
        margin-left: 0
    }
}

@keyframes bounceFromLeft {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
    100% {
        margin-left: 0
    }
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}


/*************************************
 *	
************************************/
/*.inside-banner-about{ background:url(../images/banner6.jpg) no-repeat center;}*/
.about-body-warp{ padding:0;}
.about-body-warp .about-top{ padding:80px 0 0 0;}
.about-body-warp .about-top h5{ font-size:22px; color:#025bab;}
.about-body-warp .about-top span.enname{ display:block; margin-top:5px; margin-bottom:30px; font-size:16px; color:#999999;}
.about-body-warp .about-top p{ font-size:16px; line-height:28px; color:#666;}
.about-con{ padding-top: 80px; padding-bottom:40px;}
.about-con h5{ max-width: 200px; margin:0 0 40px 0; text-align:center;line-height:45px; font-size:22px; color:#fff; background:#025bab; border-radius:20px;}
.about-con-w{ width:50%; float:left; cursor:pointer;}
.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
.about-con-w .con-li-img img{cursor: pointer;transition: all 1.0s;width: 100%;height: 100%;}
.about-con-w:hover img{transform: scale(1.2);}
.about-con-w .con-li-p{ width:380px; height:210px; background:#f6f6f6}
.about-con-w .con-li-p p{ width:300px; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#025bab; border-bottom:#dcdcdc 1px solid;}
.about-con-w .con-li-p span{ display:block; width:300px; margin:auto; font-size:16px; color:#666666;}
.about-con-w .con-li-p2{ width:380px; height:210px; background:#025bab; cursor:pointer;}
.about-con-w .con-li-p2 p{ width:300px; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#fff; border-bottom:#dcdcdc 1px solid;}
.about-con-w .con-li-p2 span{ display:block; width:300px; margin:auto; font-size:16px; color:#fff;}
.about-bottom{ padding-top: 80px;}
.about-bottom h5{ width:155px; margin:0px 0 50px 0; text-align:center;line-height:45px; font-size:22px; color:#fff; background:#025bab; border-radius:20px;}

.about-bottom-c{width: 1200px; margin:auto;}

.about .about-body {overflow: hidden;}
.about .about-body{display: table-cell; vertical-align: top; width:10000px; overflow: hidden;}
.about .about-body .about-title h1{ font-size:30px; color: #666; }

.about .about-body .about-title .help-block{ color: #cbcbcb; font-size: 20px;}
.about .about-body .about-content{ position: relative; color: #666;line-height: 180%; font-size: 16px; padding-bottom: 30px;}
.about .about-body .tree-bg{ background: url('../images/about_tree_bg.png') no-repeat right bottom;}
.about .about-body .about-content p{  color: #333333; text-indent: 2em; line-height: 180%; font-size: 18px !important;}
.about .about-body .about-content p span{display:-moz-inline-box; display:inline-block; margin-top:-20px; max-width:220px;word-wrap: break-word;}


.about-bottom-l{ margin-right:20px;}
.about-bottom-l h4{ margin-top:10px; margin-bottom:20px; font-size:32px; color:#025bab; font-weight:bold;}
.about-bottom-l p{ display:block; font-size:26px; color:#025bab;}
.about-bottom-l i{ display:block; width:170px; height:4px; background:#3f3f3f;}
.about-bottom-l span{ display:block; margin-bottom:10px; font-size:14px; color:#025bab;}
.about-bottom-r{}
.about-bottom-r p{ display:block; padding-bottom:20px; margin-bottom:20px; margin-top:40px; font-size:36px; color:#025bab; font-weight:bold; border-bottom:#3f3f3f 4px dashed;}
.about-bottom-r span{ display:block; font-size:18px; color:#025bab;}
/**
 * 发展历程
*/
.about .about-body .pad-one{ padding-top:38px;}
.about .about-body .pad-two{ padding-top:38px;}
.about .about-body b{font-weight:bold;text-transform:uppercase;font-family: 'ITC Avant Garde Gothic'; color:#333; font-size:36px !important;}
.process-timeline{ height:260px; width: 100%; position: relative; overflow:hidden;}
.process-timeline:after{content:"";position:absolute;top:94px;left:0;margin-left:0;background:url('../images/development_timeline.png') repeat-x; height:30px; width:100%; display:block}
.process-timeline .process-body{ position: relative; height: 100%; margin-left: 0;}
.process-timeline .process-row{ cursor:move; display: inline-block; width: 450px; float: left; margin: 0;  position: relative; height:240px;overflow:hidden;}
.process-timeline .process-time{ position: absolute; top: 48.7%; left: 35.5%; -wekit-top:48.8%;}
.process-timeline .process-time .time-con{ position: relative; text-align: center; }
.process-timeline .process-time .time-con .pic{position: absolute; z-index: 1;}
.process-timeline .process-time .time-con .pic i{ font-size: 100px; color: #666; }
.process-timeline .process-time .time-con .year{ position: absolute; z-index: 10; font-size: 20px; color:#fff; padding: 50px 5px 0 5px;}
.process-timeline .process-time .time-con .bgcolor{ position: absolute; border-radius: 100%;  margin-top: 48px; margin-left: 10px; width: 40px; height: 40px; z-index: 5;}

.process-timeline .process-time .time-con .bgcolor.red{ background: red;}
.process-timeline .process-time .time-con .bgcolor.blue{ background: #3399fe;}
.process-timeline .process-time .time-con .bgcolor.orange{ background: #ff9900;}

.process-timeline .process-time .time-con .red i{ color: red;}
.process-timeline .process-time .time-con .blue i{ color: #3399fe;}
.process-timeline .process-time .time-con .orange i{ color: #ff9900;}


.process-timeline .process-noyear { position: absolute; top: 43%; width: 200px; text-align: center; font-size: 20px;}
.process-timeline .process-content{padding-bottom: 0px; }
.process-timeline .process-content p b{ margin-right:10px; font-size: 22px; font-weight: bold;}
.process-timeline .process-content p{text-indent: 0 !important; font-size: 14px !important; height:70px; overflow: hidden; color: #888; white-space:normal; background-image:url(../images/bf.png); background-position:350px 0px; background-repeat:no-repeat; }

.process-timeline .process-row:nth-child(even) .process-time{ top: 33.7%;}
.process-timeline .process-row:nth-child(even) .process-time .time-con .year{ padding: 15px 0 0 5px;}
.process-timeline .process-row:nth-child(even) .process-noyear { top:53%}
.process-timeline .process-row:nth-child(even) .process-content{padding-top:110px; padding-bottom: 0;}
.process-timeline .process-row:nth-child(odd) .process-time .time-con .pic i{-moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV();/*垂直翻转*/
}
.process-timeline .process-row:nth-child(even) .process-time .time-con .bgcolor{ margin-top: 15px; margin-left: 10px;}

.scrollMouse i{color: #b5b5b5; display: inline-block;margin: 0 5px; vertical-align: middle;}
.scrollMouse #processLeft,
.scrollMouse #processRight{cursor: pointer;}
.scrollMouse i:hover{ color: #666;}





/*************************************
 *	
************************************/
/*.inside-banner-human{ background:url(../images/banner4.jpg) no-repeat center;}*/
.Human-warp{ margin-bottom:80px;}
.Human-warp .Human-top{ margin:60px 0;}
.Human-warp .Human-top .Human-tleft{ width:310px; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
.Human-warp .Human-top .Human-tleft p{ font-size:32px; color:#333333;}
.Human-warp .Human-top .Human-tleft h5{ font-size:36px; color:#333333; font-weight:bold;text-transform:uppercase;font-family: 'ITC Avant Garde Gothic';}
.Human-warp .Human-top .Human-tcenter{ width:600px; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
.Human-warp .Human-top .Human-tcenter p{ padding-left:110px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
.Human-warp .Human-top .Human-tright p{ display:block; max-width:100%;padding-left:110px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
.Human-warp .Human-bottom{ margin:40px 0 50px 0;}
.Human-warp .Human-bottom h5{ font-size:30px; color:#333333; text-align:center;}
.Human-warp .Human-bottom .bottom-tit{ margin-top:20px; margin-bottom:65px; font-size:34px; color:#333333;text-transform:uppercase; text-align:center;font-family: 'ITC Avant Garde Gothic'; font-weight:100;}
.Human-warp .Human-bottom .bottom-tit b{ font-weight:bold;text-transform:uppercase;font-family: 'ITC Avant Garde Gothic';}
.Human-warp .Human-table{ width:100%;border-collapse: collapse;}
.Human-warp .Human-table th{ font-size:18px; color:#333333; font-weight:normal;}
.Human-warp .Human-table a.btn-sq{ margin:0 20px; color:#025bab;}
.Human-warp .Human-table a.btn-xq{ margin:0 20px; color:#333333; padding-right:20px; background:url(../images/iconbg.png) no-repeat; background-position:right;}
.Human-warp .Human-table .arrow3{ background:#f4f4f4;}
.Human-warp table,table tr th, table tr td { border:1px solid #dcdcdc; padding:20px 0; text-align:center; font-size:18px; color:#333333;}
.Human-warp .Human-table .bg-wih{ }
.Human-warp .table-notes{background:#f4f4f4; height:96px; line-height:96px;}
.Human-warp .table-notes{ display:none;}
.Human-warp .table-notes span{ display:inline-block; width:38px; margin:0 20px; height:38px; border-radius:50%; background:#025bab; font-size:18px; line-height:38px; text-align:center; color:#fff;}
.Human-warp table .max-360{ width:360px; max-width:360px;}
.Human-warp .Human-table a.btn-xq i{ }
.Human-warp .Human-table .arrow4{ padding-right:20px; background:url(../images/iconbgh.png) no-repeat !important; background-position:right !important;}


/*************************************
 *	
************************************/
.product-deail-tit{ float:left; margin:0 25px; width:auto; font-size:18px; color:#025bab; line-height:60px;}
.product-Features{ margin-top:65px; padding:45px 25px; background:#f7f7f7;}
.product-Features .Features-tit{ margin-bottom:15px; font-size:20px; color:#025bab;}
.product-Features p{ font-size:16px; line-height:26px; color:#666666;}



/*************************************
 *	
************************************/
.Product-center{ padding:50px 0 150px 0;background:#fff}
.Product-center .center-li{ position:relative; width:360px; height:256px; float:left;}
.Product-center .center-li.margin{ margin-left:25px;}
.Product-center .li-normal{ position:absolute; width:360px; height:256px;}
.Product-center .li-normal img{ display:block; margin:auto; max-width: 100%;}
.Product-center .li-normal p{ margin-top:10px; font-size:20px; color:#333333; text-align:center;}
.Product-center .li-hover{ position:absolute; width:360px; height:256px; background:url(../images/center1-h.jpg) no-repeat;transition: all 0.9s;}
.Product-center .li-hover a{ display:block; font-size:16px; line-height:22px; color:#fff; text-align:center;}
.Product-center .li-hover a:hover{ color:#c4e3ff; transition:0.4s;}
.Product-center .li-hover h5{ width:80%; margin:auto; padding-bottom:10px; padding-top:25px; margin-bottom:10px; color:#fff; text-align:center; font-size:22px; border-bottom:#fff 2px solid;}
.Product-center .li-hover{ display:none;transition: all 0.6s;}
.Product-center .li-normal{ display:block;transition: all 0.6s;}
/*.Product-center .center-li:hover .li-normal{ display:none;transition: all 0.9s;}
.Product-center .center-li:hover .li-hover{ display:block;transition: all 0.9s;}

/*************************************
 *	
************************************/
.pop-form{ max-width:760px; margin:auto;}
.pop-form form{ max-width:700px; margin:auto;}
.pop-form form .form-input{ width:170px; max-width:170px; padding:0 15px; color:#999999; font-size:14px; line-height:38px; border:#e4e4e4 1px solid; border-radius:6px;}
.pop-form label{ display:block; margin-right:10px; width:105px; font-size:14px; color:#333333; text-align:right; line-height:38px;}
.pop-form .pop-form-l{ width:50%;}
.pop-form .pop-form-r{ width:50%;}
.pop-form .form-btn{ margin:20px 0 40px 0; text-align:center;}
.pop-form .form-btn .btn-cz{ width:125px; margin:0 50px; line-height:40px; text-align:center; border:none; border-radius:6px; background:#cecece; color:#333333; font-size:16px;}
.pop-form .form-btn .btn-tj{ width:125px; margin:0 50px; line-height:40px; text-align:center; border:none; border-radius:6px; background:#025bab; color:#fff; font-size:16px;}
.pop-form h3{ margin-bottom:30px; font-size:18px; color:#333333; text-align:center; border-bottom:#d2d2d2 1px solid; line-height:74px;}
.pop-form .form-left{ margin-bottom:25px;}
.pop-form .Gender-nan{ display:block; float:left; margin-right:10px; margin-top:10px; width:18px; height:18px;}
.pop-form .Gender-nv{ display:block; float:left; margin-right:10px; margin-top:10px; width:18px; height:18px;}
.pop-form .Gender-span{ display:block; float:left; margin-right:40px; font-size:14px; color:#333333; line-height:38px;}
.pop-form .form-select{ display:block; height:40px; width:200px; padding:0 15px; color:#999999; font-size:14px; line-height:40px; border:#e4e4e4 1px solid; border-radius:6px;}
.pop-form .form-select option{ height:38px; line-height:38px;}




@media (min-width:768px){
    .Technical-warp .Technical-li{ width:32%; float:left;}
    .Technical-warp .Technical-li .Technical-img{width:100%;height:245px;overflow: hidden;}
    .Technical-warp .Technical-li.marginlr{ margin-left:2%; margin-right:2%;}
    .Technical-warp .Technical-li .Technical-tit span{ display: block; float: none; height: 50px;}
    .Technical-warp .Technical-li .Technical-tit h5{ float: none; margin-right:10px; font-size:20px; color:#025bab;}
    .Technical-warp .Technical-li .Technical-tit span{ margin-top:5px; font-size:14px; color:#999999;}
    .Related-warp .crcbox{width:90%;height: auto;margin:10px auto;overflow: hidden;}
    .Product-center .center-li{ position:relative; width:23%; height:166px; float:left;}
    .Product-center .li-normal{ position:absolute; width:100%; height:166px;}
    .Product-center .center-li.margin{ margin-left:2%;}
    .Product-center .li-hover{ position:absolute; width:100%; height:166px; background:url(../images/center1-h.jpg) no-repeat;transition: all 0.9s;}
    .body-li img{ display:block; margin:auto; max-width: 90%;}
    .public-nav-head .public-nav-btn a{ display:inline-block; width:auto; height:100%; padding:0px 5px; line-height:60px; font-size:12px; color:#333333; overflow:hidden;}
    .product-deail-tit{ float:left; margin:0 25px; width:auto; font-size:18px; color:#025bab; line-height:60px;}
    .news-center .li-img{ width:30%; float:left;overflow: hidden;}
    .news-center .li-tit{ width:68%; float:right;}
    .news-center .li-tit h5{ margin-bottom:20px; margin-top:0px; font-size:24px; color:#333;}
    .Human-warp .Human-top .Human-tcenter{ width:40%; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tleft{ width:20%; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tcenter p{ padding-left:20px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright p{ padding-left:20px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright{ width:40%;}
    .Human-warp .Human-top .Human-tleft p{ font-size:26px; color:#333333;}
    .Human-warp .Human-top .Human-tleft h5{ font-size:20px; color:#333333; font-weight:bold;}
    .Human-warp .table-notes{background:#f4f4f4; height:auto; line-height:96px;}
    .Contact-warp .Contact-top .Contact-t-l{ width:100%; margin-bottom: 20px;}
    .Contact-warp .Contact-top .Contact-t-r{ width:100%; padding-left:0px; border-left:#dcdcdc 1px solid;}
    .Contact-warp .Contact-top .Contact-t-l p{ font-size:16px; color:#333333; line-height:36px;}
    .Contact-warp .Contact-top form .input-50{ width:300px;}
    .Contact-warp .Contact-top form .input-100{ width:690px;}
    .about-bottom-c{width: 450px; margin:auto; overflow:visible;}
    .case-li .crcbox2{width:100%;height:auto; margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-p{ width:50%; height:210px; background:#f6f6f6}
	.about-con-w .con-li-p2{ width:50%; height:210px; background:#025bab; cursor:pointer;}
	.about-con-w .con-li-p p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#025bab; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p span{ display:block; width:80%; margin:auto; font-size:16px; color:#666666;}
	.about-con-w .con-li-p2 p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#fff; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p2 span{ display:block; width:80%; margin:auto; font-size:16px; color:#fff;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.inner{width:100%;height:485px;position: relative;overflow: hidden;}
	.inner img{width:100%;height: 485px;vertical-align: top}





}
@media (min-width: 991px){
    .Technical-warp .Technical-li{ width:32%; float:left;}
    .Technical-warp .Technical-li .Technical-img{idth:100%;height:245px;overflow: hidden;}
    .Technical-warp .Technical-li.marginlr{ margin-left:2%; margin-right:2%;}
    .Technical-warp .Technical-li .Technical-tit span{  display:block; height: 50px;}
    .Technical-warp .Technical-li .Technical-tit h5{ margin-right:15px; font-size:24px; color:#025bab;}
    .Technical-warp .Technical-li .Technical-tit span{ margin-top:5px; font-size:18px; color:#999999;}
    .Related-warp .crcbox{width:90%;height: auto;margin:10px auto;overflow: hidden;}
    .Product-center .center-li{ position:relative; width:23%; height:206px; float:left;}
    .Product-center .li-normal{ position:absolute; width:100%; height:206px;}
    .Product-center .center-li.margin{ margin-left:2%;}
    .Product-center .li-hover{ position:absolute; width:100%; height:206px; background:url(../images/center1-h.jpg) no-repeat;transition: all 0.9s;}
    .body-li img{ display:block; margin:auto; max-width:90%;}
    .public-nav-head .public-nav-btn a{ display:inline-block; width:auto; height:100%; padding:0px 10px; line-height:60px; font-size:14px; color:#333333; overflow:hidden;}
    .product-deail-tit{ float:left; margin:0 10px; width:auto; font-size:18px; color:#025bab; line-height:60px;}
    .news-center .li-img{ width:30%; float:left;overflow: hidden;}
    .news-center .li-tit{ width:68%; float:right;}
    .news-center .li-tit h5{ margin-bottom:20px; margin-top:0px; font-size:24px; color:#333;}
    .Human-warp .Human-top .Human-tcenter{ width:40%; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tleft{ width:20%; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tcenter p{ padding-left:20px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright p{ padding-left:20px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright{ width:40%;}
    .Human-warp .Human-top .Human-tleft p{ font-size:26px; color:#333333;}
    .Human-warp .Human-top .Human-tleft h5{ font-size:20px; color:#333333; font-weight:bold;}
    .Human-warp .table-notes{background:#f4f4f4; height:96px; line-height:96px;}
    .Contact-warp .Contact-top .Contact-t-l{ width:360px;}
    .Contact-warp .Contact-top .Contact-t-r{ width:500px; padding-left:20px; border-left:#dcdcdc 1px solid;}
    .Contact-warp .Contact-top .Contact-t-l p{ font-size:16px; color:#333333; line-height:36px;}
    .Contact-warp .Contact-top form .input-50{ width:167px;}
    .Contact-warp .Contact-top form .input-100{ width:425px;}
    .about-bottom-c{width:660px; margin:auto;overflow:visible;}
    .case-li .crcbox2{width:100%;height:auto; margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-p{ width:50%; height:210px; background:#f6f6f6}
	.about-con-w .con-li-p2{ width:50%; height:210px; background:#025bab; cursor:pointer;}
	.about-con-w .con-li-p p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#025bab; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p span{ display:block; width:80%; margin:auto; font-size:16px; color:#666666;}
	.about-con-w .con-li-p2 p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#fff; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p2 span{ display:block; width:80%; margin:auto; font-size:16px; color:#fff;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.inner{width:100%;height:485px;position: relative;overflow: hidden;}
	.inner img{width:100%;height: 485px;vertical-align: top}







}
@media (min-width:1024px){
    .Technical-warp .Technical-li{ width:32%; float:left;}
    .Technical-warp .Technical-li .Technical-img{width:100%;height:245px;overflow: hidden;}
    .Technical-warp .Technical-li.marginlr{ margin-left:2%; margin-right:2%;}
    .Technical-warp .Technical-li .Technical-tit span{ height: 50px;}
    .Technical-warp .Technical-li .Technical-tit h5{ margin-right:15px; font-size:24px; color:#025bab;}
    .Technical-warp .Technical-li .Technical-tit span{ margin-top:5px; font-size:18px; color:#999999;}
    .Related-warp .crcbox{width:90%;height: auto;margin:10px auto;overflow: hidden;}
    .Product-center .center-li{ position:relative; width:23%; height:206px; float:left;}
    .Product-center .li-normal{ position:absolute; width:100%; height:206px;}
    .Product-center .center-li.margin{ margin-left:2%;}
    .Product-center .li-hover{ position:absolute; width:100%; height:206px; background:url(../images/center1-h.jpg) no-repeat;transition: all 0.9s;}
    .body-li img{ display:block; margin:auto; max-width:90%;}
    .public-nav-head .public-nav-btn a{ display:inline-block; width:auto; height:100%; padding:0px 5px; line-height:60px; font-size:16px; color:#333333; overflow:hidden;}
    .product-deail-tit{ float:left; margin:0 10px; width:auto; font-size:18px; color:#025bab; line-height:60px;}
    .news-center .li-img{ width:30%; float:left;overflow: hidden;}
    .news-center .li-tit{ width:68%; float:right;}
    .news-center .li-tit h5{ margin-bottom:20px; margin-top:0px; font-size:24px; color:#333;}
    .Human-warp .Human-top .Human-tcenter{ width:40%; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tleft{ width:20%; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tcenter p{ padding-left:20px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright p{ padding-left:20px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright{ width:40%;}
    .Human-warp .Human-top .Human-tleft p{ font-size:30px; color:#333333;}
    .Human-warp .Human-top .Human-tleft h5{ font-size:26px; color:#333333; font-weight:bold;}
    .Human-warp .table-notes{background:#f4f4f4; height:96px; line-height:96px;}
    .Contact-warp .Contact-top .Contact-t-l{ width:33%;}
    .Contact-warp .Contact-top .Contact-t-r{ width:600px; padding-left:20px; border-left:#dcdcdc 1px solid;}
    .Contact-warp .Contact-top .Contact-t-l p{ font-size:14px; color:#333333; line-height:36px;}
    .Contact-warp .Contact-top form .input-50{ width:218px;}
    .Contact-warp .Contact-top form .input-100{ width:532px;}
    .about-bottom-c{width: 700px; margin:auto;overflow:visible;}
    .case-li .crcbox2{width:100%;height:auto; margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-p{ width:50%; height:210px; background:#f6f6f6}
	.about-con-w .con-li-p2{ width:50%; height:210px; background:#025bab; cursor:pointer;}
	.about-con-w .con-li-p p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#025bab; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p span{ display:block; width:80%; margin:auto; font-size:16px; color:#666666;}
	.about-con-w .con-li-p2 p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#fff; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p2 span{ display:block; width:80%; margin:auto; font-size:16px; color:#fff;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.inner{width:510px;height:485px;position: relative;overflow: hidden;}
	.inner img{width:510px;height: 485px;vertical-align: top}





}
@media (min-width:1280px){
    .Technical-warp .Technical-li{ width:32%; float:left;}
    .Technical-warp .Technical-li .Technical-img{width:100%;height:245px;overflow: hidden;}
    .Technical-warp .Technical-li.marginlr{ margin-left:2%; margin-right:2%;}
    .Technical-warp .Technical-li .Technical-tit span{ float: left;  height: 50px;}
    .Technical-warp .Technical-li .Technical-tit h5{ float: left; margin-right:15px; font-size:20px; color:#025bab;}
    .Technical-warp .Technical-li .Technical-tit span{ margin-top:5px; font-size:18px; color:#999999;}
    .Related-warp .crcbox{width:90%;height: auto;margin:10px auto;overflow: hidden;}
    .Product-center .center-li{ position:relative; width:23%; height:236px; float:left;}
    .Product-center .li-normal{ position:absolute; width:100%; height:236px;}
    .Product-center .center-li.margin{ margin-left:2%;}
    .Product-center .li-hover{ position:absolute; width:100%; height:236px; background:url(../images/center1-h.jpg) no-repeat;transition: all 0.9s;}
    .body-li img{ display:block; margin:auto; max-width: 90%;}
    .public-nav-head .public-nav-btn a{ display:inline-block; width:auto; height:100%; padding:0px 15px; line-height:60px; font-size:16px; color:#333333; overflow:hidden;}
    .product-deail-tit{ float:left; margin:0 25px; width:auto; font-size:18px; color:#025bab; line-height:60px;}
    .news-center .li-img{ width:30%; float:left;overflow: hidden;}
    .news-center .li-tit{ width:68%; float:right;}
    .news-center .li-tit h5{ margin-bottom:20px; margin-top:0px; font-size:24px; color:#333;}
    .Human-warp .Human-top .Human-tcenter{ width:40%; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tleft{ width:20%; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tcenter p{ padding-left:110px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright p{ padding-left:110px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright{ width:40%;}
    .Human-warp .Human-top .Human-tleft p{ font-size:32px; color:#333333;}
    .Human-warp .Human-top .Human-tleft h5{ font-size:36px; color:#333333; font-weight:bold;}
    .Human-warp .table-notes{background:#f4f4f4; height:96px; line-height:96px;}
    .Contact-warp .Contact-top .Contact-t-l{ width:460px;}
    .Contact-warp .Contact-top .Contact-t-r{ width:600px; padding-left:80px; border-left:#dcdcdc 1px solid;}
    .Contact-warp .Contact-top .Contact-t-l p{ font-size:16px; color:#333333; line-height:36px;}
    .Contact-warp .Contact-top form .input-50{ width:218px;}
    .Contact-warp .Contact-top form .input-100{ width:530px;}
    .about-bottom-c{width: 930px; margin:auto;overflow:visible;}
    .case-li .crcbox2{width:100%;height: auto; margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-p{ width:50%; height:210px; background:#f6f6f6}
	.about-con-w .con-li-p2{ width:50%; height:210px; background:#025bab; cursor:pointer;}
	.about-con-w .con-li-p p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#025bab; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p span{ display:block; width:80%; margin:auto; font-size:16px; color:#666666;}
	.about-con-w .con-li-p2 p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#fff; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p2 span{ display:block; width:80%; margin:auto; font-size:16px; color:#fff;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.inner{width:650px;height:485px;position: relative;overflow: hidden;}
	.inner img{width:650px;height: 485px;vertical-align: top}







}
@media (min-width:1366px){
    .Technical-warp .Technical-li{ width:32%; float:left;}
    .Technical-warp .Technical-li .Technical-img{width:100%;height:245px;overflow: hidden;}
    .Technical-warp .Technical-li.marginlr{ margin-left:2%; margin-right:2%;}
    .Technical-warp .Technical-li .Technical-tit span{  height: 50px;}
    .Technical-warp .Technical-li .Technical-tit h5{ margin-right:15px; font-size:24px; color:#025bab;}
    .Technical-warp .Technical-li .Technical-tit span{ margin-top:5px; font-size:18px; color:#999999;}
    .Related-warp .crcbox{width:90%;height: auto;margin:10px auto;overflow: hidden;}
    .Product-center .center-li{ position:relative; width:23%; height:256px; float:left;}
    .Product-center .li-normal{ position:absolute; width:100%; height:256px;}
    .Product-center .center-li.margin{ margin-left:2%;}
    .Product-center .li-hover{ position:absolute; width:100%; height:256px; background:url(../images/center1-h.jpg) no-repeat;transition: all 0.9s;}
    .body-li img{ display:block; margin:auto; max-width: 100%;}
    .public-nav-head .public-nav-btn a{ display:inline-block; width:auto; height:100%; padding:0px 15px; line-height:60px; font-size:16px; color:#333333; overflow:hidden;}
    .product-deail-tit{ float:left; margin:0 25px; width:auto; font-size:18px; color:#025bab; line-height:60px;}
    .news-center .li-img{ width:30%; float:left;overflow: hidden;}
    .news-center .li-tit{ width:68%; float:right;}
    .news-center .li-tit h5{ margin-bottom:20px; margin-top:0px; font-size:24px; color:#333;}
    .Human-warp .Human-top .Human-tcenter{ width:40%; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tleft{ width:20%; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tcenter p{ padding-left:110px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright p{ padding-left:110px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright{ width:40%;}
    .Human-warp .Human-top .Human-tleft p{ font-size:32px; color:#333333;}
    .Human-warp .Human-top .Human-tleft h5{ font-size:36px; color:#333333; font-weight:bold;}
    .Human-warp .table-notes{background:#f4f4f4; height:96px; line-height:96px;}
    .Contact-warp .Contact-top .Contact-t-l{ width:460px;}
    .Contact-warp .Contact-top .Contact-t-r{ width:700px; padding-left:80px; border-left:#dcdcdc 1px solid;}
    .Contact-warp .Contact-top .Contact-t-l p{ font-size:16px; color:#333333; line-height:36px;}
    .Contact-warp .Contact-top form .input-50{ width:268px;}
    .Contact-warp .Contact-top form .input-100{ width:630px;}
    .about-bottom-c{width:990px; margin:auto;overflow:visible;}
    .case-li .crcbox2{width:100%;height:auto; margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-p{ width:50%; height:210px; background:#f6f6f6}
	.about-con-w .con-li-p2{ width:50%; height:210px; background:#025bab; cursor:pointer;}
	.about-con-w .con-li-p p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#025bab; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p span{ display:block; width:80%; margin:auto; font-size:16px; color:#666666;}
	.about-con-w .con-li-p2 p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#fff; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p2 span{ display:block; width:80%; margin:auto; font-size:16px; color:#fff;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.inner{width:650px;height:485px;position: relative;overflow: hidden;}
	.inner img{width:650px;height: 485px;vertical-align: top}





}
@media (min-width: 1560px) {
    .Technical-warp .Technical-li{ width:475px; float:left;}
    .Technical-warp .Technical-li .Technical-img{width:476px;height:245px;overflow: hidden;}
    .Technical-warp .Technical-li.marginlr{ margin-left:45px; margin-right:45px;}
    .Technical-warp .Technical-li .Technical-tit span{  height: 50px;}
    .Technical-warp .Technical-li .Technical-tit h5{ margin-right:15px; font-size:24px; color:#025bab;}
    .Technical-warp .Technical-li .Technical-tit span{ margin-top:5px; font-size:18px; color:#999999;}
    .Related-warp .crcbox{width:470px;height: 300px;margin:10px auto;overflow: hidden;}
    .Product-center .center-li{ position:relative; width:360px; height:276px; float:left;}
    .Product-center .li-normal{ position:absolute; width:360px; height:276px;}
    .Product-center .center-li.margin{ margin-left:25px;}
    .Product-center .li-hover{ position:absolute; width:360px; height:276px; background:url(../images/center1-h.jpg) no-repeat;transition: all 0.9s;}
    .body-li img{ display:block; margin:auto; max-width: 100%;}
    .public-nav-head .public-nav-btn a{ display:inline-block; width:auto; height:100%; padding:0px 15px; line-height:60px; font-size:16px; color:#333333; overflow:hidden;}
    .product-deail-tit{ float:left; margin:0 25px; width:auto; font-size:18px; color:#025bab; line-height:60px;}
    .news-center .li-img{ width:420px; float:left;overflow: hidden;}
    .news-center .li-tit{ width:1070px; float:right;}
    .Human-warp .Human-top .Human-tcenter{ width:600px; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tleft{ width:310px; background-image:url(../images/human-t-bg.png); background-position:right top; background-repeat:no-repeat;}
    .Human-warp .Human-top .Human-tcenter p{ padding-left:110px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright p{ padding-left:110px; font-size:16px; line-height:36px; color:#111111; text-align:left;}
    .Human-warp .Human-top .Human-tright{ width:auto;}
    .Human-warp .Human-top .Human-tleft p{ font-size:32px; color:#333333;}
    .Human-warp .Human-top .Human-tleft h5{ font-size:36px; color:#333333; font-weight:bold;}
    .Human-warp .table-notes{background:#f4f4f4; height:96px; line-height:96px;}
    .Contact-warp .Contact-top .Contact-t-l{ width:460px;}
    .Contact-warp .Contact-top .Contact-t-r{ width:760px; padding-left:110px; border-left:#dcdcdc 1px solid;}
    .Contact-warp .Contact-top .Contact-t-l p{ font-size:16px; color:#333333; line-height:36px;}
    .Contact-warp .Contact-top form .input-50{ width:298px;}
    .Contact-warp .Contact-top form .input-100{ width:688px;}
    .about-bottom-c{width:1200px; margin:auto;overflow:visible;}
    .case-li .crcbox2{width:470px;height: 300px; margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-p{ width:50%; height:210px; background:#f6f6f6}
	.about-con-w .con-li-p2{ width:50%; height:210px; background:#025bab; cursor:pointer;}
	.about-con-w .con-li-p p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#025bab; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p span{ display:block; width:80%; margin:auto; font-size:16px; color:#666666;}
	.about-con-w .con-li-p2 p{ width:80%; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#fff; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p2 span{ display:block; width:80%; margin:auto; font-size:16px; color:#fff;}
	.about-con-w .con-li-img{ width:50%; height:210px;margin:0px auto;overflow: hidden;}
	.news-center .li-tit h5{ margin-bottom:20px; margin-top:20px; font-size:24px; color:#333;}
	.inner{width:760px;height:485px;position: relative;overflow: hidden;}
	.inner img{width:760px;height: 485px;vertical-align: top}








}

@media (min-width: 1800px) {
    .Contact-warp .Contact-top .Contact-t-l{ width:460px;}
    .Contact-warp .Contact-top .Contact-t-r{ width:765px; padding-left:110px; border-left:#dcdcdc 1px solid;}
    .Contact-warp .Contact-top .Contact-t-l p{ font-size:16px; color:#333333; line-height:36px;}
    .Contact-warp .Contact-top form .input-50{ width:300px;}
    .Contact-warp .Contact-top form .input-100{ width:690px;}
    .about-bottom-c{width: 1200px; margin:auto;}
	.about-con-w .con-li-img{ width:380px; height:210px;margin:0px auto;overflow: hidden;}
	.about-con-w .con-li-p{ width:380px; height:210px; background:#f6f6f6}
	.about-con-w .con-li-p2{ width:380px; height:210px; background:#025bab; cursor:pointer;}
	.about-con-w .con-li-p p{ width:300px; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#025bab; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p span{ display:block; width:300px; margin:auto; font-size:16px; color:#666666;}
	.about-con-w .con-li-p2 p{ width:300px; margin:auto; margin-top:60px; padding-bottom:15px; margin-bottom:18px; font-size:24px; color:#fff; border-bottom:#dcdcdc 1px solid;}
	.about-con-w .con-li-p2 span{ display:block; width:300px; margin:auto; font-size:16px; color:#fff;}
	.about-con-w .con-li-img{ width:380px; height:210px;margin:0px auto;overflow: hidden;}
	.news-center .li-tit h5{ margin-bottom:20px; margin-top:30px; font-size:24px; color:#333;}
	.inner{width:760px;height:485px;position: relative;overflow: hidden;}
	.inner img{width:760px;height: 485px;vertical-align: top}






}















.wrap
{
    background-color: #fff;
}
.wrap-job
{
    padding:0 0 50px 0;

    background-color: #fff;
    background-repeat: no-repeat;
}
@media (max-width: 991px)
{
    .wrap-job
    {
        padding:0 15px 50px 15px;
    }
}
.wrap-job .job-text
{
    max-width: 1150px;
    margin: 0 auto;
    margin-top: 40px;
}
.wrap-job .job-text img
{
    max-width: 100%;
}
.wrap-job .job-text p
{
    font-size: 16px;
    line-height: 1.875;

    margin: 0;

    text-indent: 2em;
}
.wrap-job .job
{
    padding-top:0px;
}
.wrap-job .job .list
{
    margin-top: 60px;
}
.wrap-job .job .list > ul
{
	display:block; padding:0px; margin:0px;
    overflow: hidden;

    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.wrap-job .job .list > ul > li
{
    border-bottom: 1px solid #ddd;
	overflow:hidden;
}
.wrap-job .job .list > ul > li:first-child
{
    font-weight: bold;
    line-height: 60px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
    background-color: #f4f4f4;
	overflow:hidden;
}
.wrap-job .job .list > ul > li:first-child .tlist .titem p
{
    font-size: 20px;
	font-weight:normal;
}
@media (max-width: 991px)
{
    .wrap-job .job .list > ul > li:first-child .tlist .titem p
    {
        font-size: 13px;
    }
}
.wrap-job .job .list > ul > li .tlist
{
    overflow: hidden;

}
.wrap-job .job .list > ul > li .tlist .titem
{
    font-size: 16px;
	overflow:hidden;
    display: inline-block;
	float:left;
    width: 15%;
    min-height: 60px;
    margin-right: -4px;
    padding: 0 0px;

    text-align: center;
    vertical-align: middle;

    border-left: 1px solid #ddd;
}
.wrap-job .job .list > ul > li .tlist .titem:first-child
{
    border-left: none;
}
@media (max-width: 767px)
{
    .wrap-job .job .list > ul > li .tlist .titem
    {
        padding: 0 4px;
    }
}
.wrap-job .job .list > ul > li .tlist .titem:nth-child(5)
{
    width: 28%;
}
.wrap-job .job .list > ul > li .tlist .titem:nth-child(6)
{
    text-align: right;

    color: #d94249;
}
.wrap-job .job .list > ul > li .tlist .titem:nth-child(6) a
{
    text-decoration: underline;
}
.wrap-job .job .list > ul > li .tlist .titem:nth-child(6) a:hover
{
    color: #df0815;
}
.wrap-job .job .list > ul > li .tlist .titem p
{
    margin: 0;
}
@media (max-width: 767px)
{
    .wrap-job .job .list > ul > li .tlist .titem p
    {
        font-size: 13px;
    }
}
.wrap-job .job .list > ul > li .tlist .titem a
{
    line-height: 2;

    display: inline-block;

    padding: 14px 30px;
	color:#333;
}
@media (max-width: 991px)
{
    .wrap-job .job .list > ul > li .tlist .titem a
    {
        padding: 0 0;
    }
}
.wrap-job .job .list > ul > li .tlist .titem a.more:after
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-left: 10px;

    content: '';
    -webkit-transition: all .4s;
            transition: all .4s;
    vertical-align: middle;

    border-width: 0 4px 4px 4px;
    border-style: solid;
    border-color: transparent transparent #025bab transparent;
}
@media (max-width: 991px)
{
    .wrap-job .job .list > ul > li .tlist .titem a.more:after
    {
        display: none;
    }
}
.wrap-job .job .list > ul > li .tlist .titem a.apply
{
    color: #025bab;
}
.wrap-job .job .list > ul > li.current2
{
    background-color: #efefef;
}
.wrap-job .job .list > ul > li.current2 .tlist .titem a.more:after
{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.wrap-job .job .list > ul > li .note
{
    display: none;

    padding: 30px 50px;

    border-top: 1px solid #ddd;
    background-color: #efefef;
}
@media (max-width: 991px)
{
    .wrap-job .job .list > ul > li .note
    {
        padding: 30px 0;
    }
}
.wrap-job .job .list > ul > li .note p
{
    font-size: 16px;

    display: inline-block;

    margin: 6px 28px;
}
@media (max-width: 991px)
{
    .wrap-job .job .list > ul > li .note p
    {
        font-size: 14px;

        display: block;

        margin: 6px 10px;
    }
}
.wrap-job .job .list > ul > li .note p span
{
    line-height: 28px;

    display: inline-block;

    width: 28px;
    height: 28px;
    margin-right: 10px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #025bab;
}
.wrap-job .message
{
    position: fixed;
    z-index: 1002;
    top: 5%;
    left: 0;

    display: none;
    overflow: hidden;
    overflow-y: auto;

    width: 100%;
    max-height: 90%;
    padding: 20px 0;
}
@media (max-width: 991px)
{
    .wrap-job .message
    {
        padding: 20px;
    }
}
.wrap-job .message .messageinfo
{
    position: relative;

    max-width: 1130px;
    height: 100%;
    margin: 0 auto;
    padding: 0 70px 30px 70px;

    background-color: #fff;
}
@media (max-width: 991px)
{
    .wrap-job .message .messageinfo
    {
        padding: 0 15px 15px 15px;
    }
}
.wrap-job .message .m-close
{
    position: absolute;
    top: -20px;
    right: -20px;

    float: right;

    width: 42px;
    height: 42px;

    cursor: pointer;
    text-align: center;

    border-radius: 50%;
    background-color: #fff;
}
.wrap-job .message .m-close i{ display:block; margin:auto; max-width:20px; height:20px; margin-top:11px; background:url(../images/closeh.png) no-repeat center;}
.wrap-job .message .m-close:hover
{
    background-color: #025bab;
}
.wrap-job .message .m-close:hover i{ display:block; margin:auto; max-width:20px; height:20px; margin-top:11px; background:url(../images/close.png) no-repeat center;}
.wrap-job .message form
{
    overflow: hidden;
}
.wrap-job .message .col-xs-12
{
    margin-top: 10px;
}
.wrap-job .message form
{
    margin-top: 30px;
}
.wrap-job .message .title-message
{
    padding: 20px 0;

    text-align: center;

    border-bottom: 1px solid #ddd;
}
.wrap-job .message .title-message span
{
    display: inline-block;

    margin-left: 10%;
}
@media (max-width: 991px)
{
    .wrap-job .message .title-message span
    {
        margin-left: 6px;
    }
}
.wrap-job .message .title-message h3
{
    font-size: 18px;
    line-height: 2;

    margin: 0;
}
@media (max-width: 991px)
{
    .wrap-job .message .title-message h3
    {
        font-size: 16px;
    }
}
.wrap-job .message .item
{
    position: relative;

    overflow: hidden;

    min-height: 50px;
    padding-left: 120px;
}
@media (max-width: 991px)
{
    .wrap-job .message .item
    {
        padding-left: 90px;
    }
}
.wrap-job .message .item-1
{
    padding-left: 0;

    text-align: center;
}
.wrap-job .message .item-1 .btn
{
    display: inline-block;
	border-radius:5px;
    margin: 0 40px;
    margin-top: 20px;
	cursor:pointer;
}
@media (max-width: 991px)
{
    .wrap-job .message .item-1 .btn
    {
        margin: 0 10px;
        margin-top: 20px;
    }
}
.wrap-job .message p
{
    font-size: 16px;
    line-height: 48px;

    position: absolute;
    top: 0;
    left: 0;

    width: 110px;
    margin: 0;

    text-align: right;
}
@media (max-width: 991px)
{
    .wrap-job .message p
    {
        font-size: 14px;

        width: 70px;
    }
}
.wrap-job .message input,
.wrap-job .message textarea,
.wrap-job .message select
{
    line-height: 28px;

    width: 100%;
    max-width: 250px;
    min-height: 38px;
    padding: 0px 10px;

    border: 1px solid #dcdcdc;
    border-radius: 6px;
    outline: none;
    background: #fff;
}
.wrap-job .message select
{
    line-height: 28px;

    width: 100%;
    max-width: 273px;
    min-height: 40px;
    padding: 0px 10px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    outline: none;
    background: #fff;
}

.wrap-job .message .js-check
{
    font-size: 16px;
    line-height: 48px;

    float: left;

    width: 100%;
    height: 50px;

    color: #666;
}
.wrap-job .message .js-check i
{
    display: inline-block;

    margin: 0 10px;

    vertical-align: middle;
}
.wrap-job .message .js-check label
{
    font-weight: normal;

    position: relative;

    display: inline-block;

    margin: 0 20px 0 0;

    cursor: pointer;
}
.wrap-job .message .js-check label input
{
    width: auto;
    margin-right: 8px;

    cursor: pointer;
}
.wrap-job .message .js-check label:after
{
    position: relative;
    position: absolute;
    top: 8px;
    left: 0;

    display: inline-block;
    float: left;

    width: 30px;
    height: 30px;

    content: '';
    cursor: pointer;

    border: 1px solid #ebebeb;
    border-radius: 50%;
}
@media (max-width: 1560px)
{
    .wrap-job .message .js-check label:after
    {
        top: 12px;
    }
}
.wrap-job .message .js-check label i
{
    position: absolute;
    z-index: 9;
    top: 18px;
    left: 0;

    display: inline-block;

    width: 11px;
    height: 11px;

    border-radius: 50%;
}
@media (max-width: 1560px)
{
    .wrap-job .message .js-check label i
    {
        top: 22px;
    }
}
.wrap-job .message .js-check label.checked i
{
    background-color: #000;
}
.wrap-job .message .js-check input[type=radio]
{
    width: 30px;
    height: 30px;
    min-height: auto;
    margin: 0 0 0 8px;

    opacity: 0;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    background: #fff;
}
.wrap-job .message .fileWrapper
{
    position: relative;

    float: left;

    width: 100% !important;
    max-width: 470px;
    padding-right: 130px;
}
.wrap-job .message .fileWrapper input
{
    min-height: auto;
}
.wrap-job .message .fileInputText
{
    width: 100% !important;
}
.wrap-job .message .fileInputText,
.wrap-job .message .nicefile
{
    height: 50px !important;
}
.wrap-job .message .fileInputButton
{
    position: absolute;
    top: 0;
    right: 0;

    color: #fff;
    background-color: #d94249;
}
.wrap-job .message .filedelete
{
    line-height: 48px;

    float: left;

    margin-left: 20px;

    color: #d94249;
}
.wrap-job .message .submit,
.wrap-job .message .reset
{
    font-size: 18px;
    line-height: 40px;

    height: 40px;
    padding: 0 40px;

    -webkit-transition: all .4s;
            transition: all .4s;

    background-color: #cecece;
}
.wrap-job .message .submit:hover,
.wrap-job .message .reset:hover
{
    color: #fff;
    background-color: #025bab;
}
.wrap-job .message .submit
{
    color: #fff;
    background-color: #025bab;
}
.wrap-job .showMorehandle
{
    line-height: 30px;

    margin-top: 50px;

    text-align: center;
}
.wrap-job .showMorehandle a
{
    display: block;
}
.wrap-job .showMorehandle a:before
{
    font-family: 'iconfont' !important;
    font-size: 30px;
    line-height: 70px;

    display: block;

    width: 66px;
    height: 66px;
    margin: 0 auto;

    content: '\e602';
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #d94249;
}
.maskbg
{
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .6);
}
.wrap-message .title-in h2
{
    color: #09357f;
}
.wrap-message .info
{
    display: table;

    width: 100%;
    margin-top: 50px;
}
@media (max-width: 991px)
{
    .wrap-message .info
    {
        display: block;

        width: 100%;
    }
}
.wrap-message .info .message
{
    display: table-cell;

    width: 50%;
    padding: 30px 0;
    padding-right: 50px;

    vertical-align: middle;

    background-color: #fff;
}
@media (max-width: 991px)
{
    .wrap-message .info .message
    {
        display: block;

        width: 100%;
        padding: 0;
    }
}
.wrap-message .info .message ul li
{
    overflow: hidden;

    margin-top: 14px;
}
.wrap-message .info .message ul li:first-child
{
    margin-top: 0;
}
.wrap-message .info .message ul li:first-child input
{
    float: left;

    width: 60%;
}
@media (max-width: 1560px)
{
    .wrap-message .info .message ul li:first-child input
    {
        width: 50%;
    }
}
@media (max-width: 767px)
{
    .wrap-message .info .message ul li:first-child input
    {
        width: 100%;
    }
}
.wrap-message .info .message ul li input,
.wrap-message .info .message ul li textarea
{
    font-size: 20px;
    line-height: 30px;

    width: 100%;
    min-height: 60px;
    padding: 15px 20px;

    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
}
@media (max-width: 1560px)
{
    .wrap-message .info .message ul li input,
    .wrap-message .info .message ul li textarea
    {
        line-height: 30px;

        min-height: 50px;
        padding: 10px 20px;
    }
}
@media (max-width: 767px)
{
    .wrap-message .info .message ul li input,
    .wrap-message .info .message ul li textarea
    {
        font-size: 16px;
    }
}
.wrap-message .info .message ul li input::-webkit-input-placeholder,
.wrap-message .info .message ul li textarea::-webkit-input-placeholder
{
    color: #999;
}
.wrap-message .info .message ul li input:-o-placeholder,
.wrap-message .info .message ul li textarea:-o-placeholder
{
    color: #999;
}
.wrap-message .info .message ul li input::-moz-placeholder,
.wrap-message .info .message ul li textarea::-moz-placeholder
{
    color: #999;
}
.wrap-message .info .message ul li input:-ms-input-placeholder,
.wrap-message .info .message ul li textarea:-ms-input-placeholder
{
    color: #999;
}
.wrap-message .info .message ul li input:focus::-webkit-input-placeholder,
.wrap-message .info .message ul li textarea:focus::-webkit-input-placeholder
{
    color: #ccc;
}
.wrap-message .info .message ul li input:focus::-o-placeholder,
.wrap-message .info .message ul li textarea:focus::-o-placeholder
{
    color: #ccc;
}
.wrap-message .info .message ul li input:focus::-moz-placeholder,
.wrap-message .info .message ul li textarea:focus::-moz-placeholder
{
    color: #ccc;
}
.wrap-message .info .message ul li input:focus::-ms-input-placeholder,
.wrap-message .info .message ul li textarea:focus::-ms-input-placeholder
{
    color: #ccc;
}
.wrap-message .info .message ul li .btn
{
    font-size: 20px;
    line-height: 60px;

    display: inline-block;

    height: 60px;
    padding: 0 100px;

    cursor: pointer;

    color: #fff;
    border-radius: 4px;
    background-color: #09357f;
}
@media (max-width: 1560px)
{
    .wrap-message .info .message ul li .btn
    {
        line-height: 50px;

        height: 50px;
    }
}
@media (max-width: 767px)
{
    .wrap-message .info .message ul li .btn
    {
        font-size: 18px;
        font-size: 16px;

        padding: 0 50px;
    }
}
.wrap-message .info .message ul li .btn.reset
{
    margin-left: 10px;

    background-color: #245c9a;
}
.wrap-message .info .message ul li .btn:hover
{
    background-color: #6eb92c;
}
.wrap-message .info .message ul li .js-check
{
    font-size: 20px;
    line-height: 60px;

    float: left;

    width: 40%;

    text-align: center;

    color: #666;
}
@media (max-width: 1560px)
{
    .wrap-message .info .message ul li .js-check
    {
        line-height: 50px;

        width: 50%;
    }
}
@media (max-width: 767px)
{
    .wrap-message .info .message ul li .js-check
    {
        font-size: 16px;

        width: 100%;
        margin-top: 16px;

        text-align: left;
    }
	.form-item-li{ width:50%; float:left;margin-top: 10px;}
	.form-item-li-12{ width:100%;}

}
.wrap-message .info .message ul li .js-check i
{
    display: inline-block;

    margin: 0 10px;
}
.wrap-message .info .message ul li .js-check label
{
    font-weight: normal;

    position: relative;

    display: inline-block;

    margin: 0 10px;

    cursor: pointer;
}
.wrap-message .info .message ul li .js-check label input
{
    width: auto;
    margin-right: 8px;

    cursor: pointer;
}
.wrap-message .info .message ul li .js-check label:after
{
    position: relative;
    position: absolute;
    top: 16px;
    left: 0;

    display: inline-block;
    float: left;

    width: 30px;
    height: 30px;

    content: '';
    cursor: pointer;

    border: 1px solid #ebebeb;
    border-radius: 50%;
}
@media (max-width: 1560px)
{
    .wrap-message .info .message ul li .js-check label:after
    {
        top: 12px;
    }
}
.wrap-message .info .message ul li .js-check label i
{
    position: absolute;
    z-index: 9;
    top: 26px;
    left: 0;

    display: inline-block;

    width: 11px;
    height: 11px;

    border-radius: 50%;
}
@media (max-width: 1560px)
{
    .wrap-message .info .message ul li .js-check label i
    {
        top: 22px;
    }
	.form-item-li{ width:50%; float:left;margin-top: 10px;}
	.form-item-li-12{ width:100%;}


}
.wrap-message .info .message ul li .js-check label.checked i
{
    background-color: #000;
}
.wrap-message .info .message ul li .js-check input[type=radio]
{
    width: 30px;
    height: 30px;

    opacity: 0;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    background: #fff;
}
.wrap-message .info .pic
{
    display: table-cell;

    width: 50%;
    padding-left: 50px;
}
@media (max-width: 991px)
{
    .wrap-message .info .pic
    {
        display: block;

        width: 100%;
        margin-top: 40px;
        padding-left: 0;
    }
}
.wrap-message .info .pic img
{
    width: 100%;
}
.wrap-message
{
    position: relative;

    margin-top: 60px;
    padding: 50px;
}
.wrap-message:after
{
    position: absolute;
    top: 0;
    right: 50px;

    display: block;

    width: 50px;
    height: 120px;

    content: '';

    background-color: #035cac;
}
@media (max-width: 991px)
{
    .wrap-message:after
    {
        right: 15px;

        width: 30px;
        height: 80px;
    }
}
@media (max-width: 991px)
{
    .wrap-message
    {
        margin-top: 50px;
        padding: 50px 15px;
    }
}
.wrap-message .title-message h3
{
    font-size: 26px;
    font-weight: bold;
}
@media (max-width: 991px)
{
    .wrap-message .title-message h3
    {
        font-size: 24px;
    }
}
.wrap-message .message form
{
    overflow: hidden;
}
.wrap-message .message form input,
.wrap-message .message form textarea
{
    font-size: 14px;
    line-height: 26px;

    position: relative;

    width: 100%;
    padding: 10px 10px 10px 44px;

    border: 1px solid #e4e4e4;
}
.wrap-message .message form .item
{
    position: relative;

    margin-top: 30px;
}
@media (max-width: 991px)
{
    .wrap-message .message form .item
    {
        margin-top: 20px;
    }
}
.wrap-message .message form .item:before
{
    font-family: 'iconfont' !important;
    font-size: 20px;
    line-height: 46px;

    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;

    display: block;

    width: 44px;

    content: '\e754';
    text-align: center;

    color: #035cac;
}
.wrap-message .message form .col-sm-4
{
    max-width: 410px;
}
.wrap-message .message form input::-webkit-input-placeholder,
.wrap-message .message form textarea::-webkit-input-placeholder
{
    color: #999;
}
.wrap-message .message form input:-o-placeholder,
.wrap-message .message form textarea:-o-placeholder
{
    color: #999;
}
.wrap-message .message form input::-moz-placeholder,
.wrap-message .message form textarea::-moz-placeholder
{
    color: #999;
}
.wrap-message .message form input:-ms-input-placeholder,
.wrap-message .message form textarea:-ms-input-placeholder
{
    color: #999;
}
.wrap-message .message form input:focus::-webkit-input-placeholder,
.wrap-message .message form textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.wrap-message .message form input:focus::-o-placeholder,
.wrap-message .message form textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.wrap-message .message form input:focus::-moz-placeholder,
.wrap-message .message form textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.wrap-message .message form input:focus::-ms-input-placeholder,
.wrap-message .message form textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.wrap-message .message form .item-2:before
{
    content: '\e61c';
}
.wrap-message .message form .item-3:before
{
    font-size: 18px;

    content: '\e62c';
}
.wrap-message .message form .item-4:before
{
    font-size: 18px;

    content: '\e62e';
}
.wrap-message .message form .item-5
{
    text-align: right;
}
.wrap-message .message form .item-5:before
{
    display: none;
}
.wrap-message .message form .submit,
.wrap-message .message form .reset
{
    font-size: 20px;
    line-height: 40px;

    display: inline-block;

    height: 40px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 0 40px;

    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: center;

    color: #fff;
    border-radius: 10px;
    background-color: #035cac;
}
@media (max-width: 991px)
{
    .wrap-message .message form .submit,
    .wrap-message .message form .reset
    {
        font-size: 16px;

        margin-top: 30px;
    }
	.form-item-li{ width:50%; float:left;margin-top: 10px;}
	.form-item-li-12{ width:100%;}


}
.wrap-message .message form .submit:hover,
.wrap-message .message form .reset:hover
{
    background-color: #d94249;
}
.wrap-message .message form .reset
{
    margin-right: 40px;

    background-color: #999;
}

	.form-item-li{ width:50%; float:left;margin-top: 10px;}
	.form-item-li-12{ width:100%;}




@media screen\0 { /*只对IE8/9/10有效*/



} 
@media \0screen\,screen\9{ /*只对IE6/7/8有效*/



}

.index-product{ padding:90px 0 50px 0; background:#fff;}
.index-product h4{ margin-bottom:10px; font-size:32px; color:#025bab; text-align:center;}
.index-product h5{ text-align:center; font-size:22px; color:#808080; font-weight:normal;text-transform: uppercase;font-family: 'ITC Avant Garde Gothic'; font-weight:100;}
.index-product .frame-head{ width:100%;margin:50px 0 0px 0; padding-bottom:60px; text-align:center; color:#666666;}
.index-product .frame-head a{ display:inline-block; width:auto; height:100%; padding:8px 30px; font-size:16px; color:#333333;}
.index-product .frame-head a.active{ color:#025bab; font-size: 20px;}
.index-product .frame-body{ display: none; width:100%;}
.index-product .frame-body.active{ display: block;}
.index-product .product-warp{overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-hover-warp{ min-height:460px; overflow:hidden;}
.index-product .product-warp .product-li{ float:left; width:32%;height:450px;}
.index-product .product-warp .product-li:nth-child(2){ margin:0 1%;}
.index-product .product-warp .product-li span{ display:block; width:470px; font-size:16px; line-height:26px; color:#999999;}
.index-product .product-warp .product-li p{ margin-top:30px; width:470px; margin-bottom:15px; font-size:20px; color:#333333;}
.index-product .product-warp .product-li .news-img{width:470px;height: 300px;margin: auto;overflow: hidden;}
.index-product .product-warp .product-li .news-img img{cursor: pointer;transition: all 1.0s;width: 100%;height: 100%;}
.index-product .product-warp .product-li .news-img img:hover{transform: scale(1.2);}
.index-product .product-warp .product-li:hover .news-bodyy{ background:#025bab;}
.index-product .product-warp .product-li .news_bot_li_top{ display:block;}
.index-product .product-warp .product-li .news-bodyy{ padding:30px 15px 0 15px;}
.index-product .product-warp .product-li:hover p{ color:#fff;}
.index-product .product-warp .product-li:hover span{ color:#fff;}
.index-product .product-warp .product-li:hover .news-bodyy{ position:relative; z-index:99; transition:0.6s; -webkit-transition:0.6s; margin-top:-60px; padding:30px 15px 30px 15px;}
.index-product .product-warp .product-li .news-bodyy a{ display:block; margin:40px 0 0px 0; font-size:16px; color:#fff; text-align:center;}
.index-product .product-warp .product-li .news-bodyy a{ display:none;}
.index-product .product-warp .product-li:hover .news-bodyy a{ display:block;}

















































