@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:#30318d;}

.public-nav-head .public-nav-btn a.active i{ background:#30318d;}

.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:#30318d; 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:#30318d;}





.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:#30318d;}

.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:#30318d;}

.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:500px;}

.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:#30318d;}

.case-nav .case-nav-head .case-nav-btn a.active i{ background:#30318d;}

.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:#30318d;}

.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:#30318d; color:#fff; transition:0.4s;}

.case-btn a.active{ background:#30318d; 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:#30318d;}

.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:#30318d;}

.news-center .li-tit .center-li-ll i{ display:block; float:left; width:5px; height:5px; margin-top:8px; margin-right:10px; background:#30318d;}

.news-center .li-tit span{ display:block; font-size:16px; color:#30318d;}

.news-center .center-li:hover h5{color:#30318d;}



.news-anli-warp{ padding-bottom:100px;}

.news-anli{}

.news-anli .center-li{ display:block; padding:50px 0; cursor:pointer; border-bottom:#e8e8e8 1px solid;}

.news-anli .center-li:last-child{ border:none;}

.news-anli .li-img{ width:420px; float:left;overflow: hidden;}

.news-anli .li-img img{cursor: pointer;transition: all 1.0s;width: 100%;height: 100%;}

.news-anli .center-li:hover img{transform: scale(1.2);}

.news-anli .li-tit{ width:1070px; float:right;}

.news-anli .li-tit h5{ margin-bottom:20px; margin-top:30px; font-size:24px; color:#333;}

.news-anli .li-tit p{ margin:25px 0; font-size:16px; color:#999999; line-height:30px;}

.news-anli .li-tit .center-li-ll{ font-size:16px; color:#30318d;}

.news-anli .li-tit .center-li-ll i{ display:block; float:left; width:5px; height:5px; margin-top:8px; margin-right:10px; background:#30318d;}

.news-anli .li-tit span{ display:block; font-size:16px; color:#30318d;}

.news-anli .center-li:hover h5{color:#30318d;}





/*************************************

 *	

************************************/

.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:#30318d;}

.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:#30318d; 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:#30318d;}

.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:#30318d;}

.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:#30318d;}

.Contact-warp .Contact-top .Contact-t-l span{ display:block; width:42px; height:3px; margin:10px 0 20px 0; background:#30318d;}

.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:#30318d;}

.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:#30318d;}

.partner-nav .partner-nav-btn a.active i{ background:#30318d;}

.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:60px 0 0 0;}

.about-body-warp .about-top h5{ font-size:22px; color:#30318d;}

.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: 60px; 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:#30318d; 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:#30318d; 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:#30318d; 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:#30318d; 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:#30318d; font-weight:bold;}

.about-bottom-l p{ display:block; font-size:26px; color:#30318d;}

.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:#30318d;}

.about-bottom-r{}

.about-bottom-r p{ display:block; padding-bottom:20px; margin-bottom:20px; margin-top:40px; font-size:36px; color:#30318d; font-weight:bold; border-bottom:#3f3f3f 4px dashed;}

.about-bottom-r span{ display:block; font-size:18px; color:#30318d;}

/**

 * 发展历程

*/

.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:#30318d;}

.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:#30318d; 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:#30318d; line-height:60px;}

.product-Features{ margin-top:65px; padding:45px 25px; background:#f7f7f7;}

.product-Features .Features-tit{ margin-bottom:15px; font-size:20px; color:#30318d;}

.product-Features p{ font-size:16px; line-height:26px; color:#666666;}







/*************************************

 *	

************************************/

.Product-center{ padding:50px 0 150px 0;}

.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:14px; 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:14px; 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:#30318d; 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:#30318d;}

    .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:#30318d; 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:#30318d; 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:#30318d; 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:#30318d;}

    .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:#30318d; 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:#30318d; 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:#30318d; 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:#30318d;}

    .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:#30318d; 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:#30318d; 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:#30318d; 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:#30318d;}

    .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:#30318d; 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:#30318d; 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:#30318d; 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:#30318d;}

    .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:#30318d; 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:#30318d; 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:#30318d; 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:#30318d;}

    .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:#30318d; 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:#30318d; 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:#30318d; 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:#30318d; 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:#30318d; 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 #30318d 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: #30318d;

}

.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: #30318d;

}

.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: #30318d;

}

.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: #30318d;

}

.wrap-job .message .submit

{

    color: #fff;

    background-color: #30318d;

}

.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有效*/







}