@charset "utf-8";
/* CSS Document */
.fl{ float:left;}
.fr{ float:right;}
.cf{ zoom:1;}
.cf:after{ content:''; display:block; clear:both; height:0; font-size:0; overflow:hidden; visibility:hidden;}
.containter{ width:1200px; margin:0 auto; clear:both;}
.navbar-brand{
		    padding: 29px 15px;
		    height: auto;
		}
		nav.navbar.bootsnav{
		    border: none;
		    
		}
		.navbar-nav{
		    float: left;
		}
		nav.navbar.bootsnav ul.nav > li > a{
		    color: #474747;
		    text-transform: uppercase;
		    padding: 40px 35px;
			font-size:1.6em;
		}
		nav.navbar.bootsnav ul.nav > li:hover > a{
			color:#ea6300;
		}
		nav.navbar.bootsnav ul.nav > li:hover a,nav.navbar.bootsnav ul.nav > li.active a{
		    color:#ea6300;
		}
		/*nav.navbar.bootsnav ul.nav > li:hover,nav.navbar.bootsnav ul.nav > li.active{
		    background: #f4f4f4;
		}*/
		/*.nav > li:after,.nav > li.active:after{
		    content: "";
		    width: 0;
		    height: 5px;
		    background: #fdaf00;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
		}
		.nav > li:hover:after, .nav > li.active:after{
		    width: 100%;
		}*/
		/*.nav > li:after,.nav > li.active:after{
		    content: "";
    width: 0;
    height: 2px;
    background: #fdaf00;
    position: absolute;
    bottom: 25px;
    left: 27%;
    transition: all 0.5s ease 0s;
		}
		.nav > li:hover:after, .nav > li.active:after{
		    width: 45%;
		}*/
		nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		    content: "+";
		    font-family: 'FontAwesome';
		    font-size: 16px;
		    font-weight: 500;
		    position: absolute;
		    top: 35%;
		    right: 10%;
		    transition: all 0.4s ease 0s;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
		    content: "\f105";
		    transform: rotate(90deg);
		}
		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
		    border: none;
		}
		@media only screen and (max-width:990px){
		    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
		    nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
		    .dropdown-menu.multi-dropdown{ left: 0 !important; }
		    nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
		    nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
		}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:hover > a{ color:#ea6300;}		
		
.header{ position:relative;}
.header .language {
	position:absolute;
	right:2%;
	border: 1px solid #bbbbbb;
	padding: 3px 15px;
	border-radius: 20px;
	margin-top: 38px;
	z-index:99;
}
.header .language a {
	font-size: 12px;
	color: #333;
	line-height: 24px;
	position: relative;
	padding-left: 24px;
}
.header .language a:hover{
	color:#b29675;
}
.header .language a i {
	width: 15px;
	height: 15px;
	background: url(../images/language-icon.png);
	content: "";
	display: block;
	position: absolute;
	top: 1px;
}
.logo-min{ display:none;}		
.logo{ padding:0 40px;    margin-top: 5px;}
.logo img{ max-width:100%;}
/*banner*/
.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
       
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	
	
	
/*title*/
.title{ text-align:center; position:relative; margin-bottom:4em;}
.title:before{ position:absolute;background: #777; top:50%; content: ""; height: 1px; left: 0; position: absolute; width: 40%; z-index: 999;}
.title:after{ position:absolute;background: #777; top:50%; content: ""; height: 1px; right: 0; position: absolute; width: 40%; z-index: 999;}
.title h4{ font-size:2.4em; color:#f18d00; font-weight:500;}
.title p{ font-size:2em; color:#808080; font-family:Arial, Helvetica, sans-serif;}
/*serice-pro*/
.product-show{
	background:url(../images/bg-1.png) #f5f8fb center;
	background-size:cover;
	background-repeat:no-repeat;
	padding:8em 0;
}
.serice .serice-grid{ text-align:center;}
.serice .serice-grid img{ max-width:100%;}
.serice .serice-title{ text-align:center;}
.serice .serice-title p{ font-size:1.8em; color:#000000;margin-bottom: 0;margin-top: 10px;}
.serice .serice-title span{ font-size:1.2em; color:#333333;}

.swiper-container {
        width: 100%;
    }
.swiper-slide {
        text-align: center;
        
        background: #fff;
		background:none;
}
.swiper-slide img{ max-width:100%;}
.sc-1{ height:auto;}
.sc-1 .swiper-slide .bg-bottom { padding-bottom:18px; background:url(../images/pro/bg-bottom.png) bottom no-repeat; display:block;}
.sc-1 .swiper-slide img { max-width:100%; border:1px solid #d6d6d6;}
.sc-1 .swiper-slide p{ display:block; font-size:1.6em;}

.swiper-button-next.sbn-1, .swiper-button-prev.spn-1 {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 48px 48px;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.spn-1{ background:url(../images/product/arrow-left.png); left: 1%; right: auto;}
.swiper-button-next.sbn-1{ background:url(../images/product/arrow-right.png); right: 1%; left: auto;}

/*content-o*/
.content-o{ background:url(../images/bg-2.jpg) center; height:29em; background-attachment:fixed;}
.tri-white-top{ position:relative;}
.tri-white-top:before {
    position: absolute;
    top: 0px;
    height: 7px;
    left: 0px;
    width: 100%;
    z-index: 9;
    content: "";
    background: url(../images/tri-top-white.png) repeat-x;
}
.tri-white-top:after {
    position: absolute;
    bottom: 0px;
    height: 7px;
    left: 0px;
    width: 100%;
    z-index: 9;
    content: "";
    background: url(../images/tri-bottom-white.png) repeat-x;
}
.content-o { text-align:center; position:relative;}
.content-o  p{ position:absolute; width:40em; height:6em; font-size:2em; color:#fff; line-height:3em; top:50%; left:50%; margin-left:-400px; margin-top:-60px;}


/*content-about*/
.content-about{ padding:8em 0;}
.content-about .grid-info{ text-align:center; padding:3em 2em;}
.content-about .grid-info h4{ font-size:2em; color:#000; margin:5px;}
.content-about .grid-info span{ display:block; font-size:1.2em; color:#9e9899; font-family:Arial, Helvetica, sans-serif; margin-bottom:2.5em;}
.content-about .grid-info p{ font-size:1.4em; color:#6f6f6f; line-height:2em;}
.content-about .grid-info .button{ width:135px; height:37px; border-radius:20px; background:#ffb401; text-align:center; margin:auto; margin-top:3em;}
.content-about .grid-info .button a{ color:#fff; line-height:37px; font-size:1.4em;}

/*content-new*/
.content-new{ padding:8em 0; background:#e5f2f9;}
.content-new .new-info{ background:#fff; padding: 2.5em 3em;}
.content-new .new-info h4{ font-size:1.8em; color:#000; line-height:1em; margin-top:0; margin-bottom:1em; font-family:"Microsoft Yahei", "Helvetica Neue"; height:1em; overflow:hidden;}
.content-new .new-info p{ font-size:1.4em; color:#555555; margin-bottom:2em; line-height:1.8em; height:5em; overflow:hidden;}
.content-new .new-info span{ font-size:1.2em; color:#555555;}
.content-new .new-img{    overflow: hidden;
    background: #fff;
    min-height: 211px;
    text-align: center;}

/*content-job*/
.content-job{ padding:8em 0;}

.content-job .jz-bg{ background:url(../images/job-bg.jpg) right bottom no-repeat;}

.content-job .job-grid{ margin:auto; padding: 2em 9em;background:#fda908; width: 90%; }
.content-job .job-grid.blue{ background:#50b7ec;}
.content-job .job-grid  .job-info{ padding-top:1em; padding-left:1em;}
.content-job .job-grid  .job-info h4{ font-size:1.8em; color:#fff;}
.content-job .job-grid  .job-info span{ font-size:1.8em; color:#fff; font-family:Arial, Helvetica, sans-serif;}

.content-job .job-box{ margin:auto;  width: 90%; }
.content-job .job-box .job-form{ border:1px solid #c2c2c2; margin-top:3em;}
.content-job .job-box .job-form .form-title{    background: #606060;}
.content-job .job-box .job-form > li{ height:50px; border-bottom:1px solid #c2c2c2;}
.content-job .job-box .job-form > li:nth-child(3){ background:#e7e7e7;}
.content-job .job-box .job-form > li:last-child{ border:none;}
.content-job .job-box .job-form .form-n li{  text-align:center; height:50px; display:table-cell;vertical-align:middle;}
.content-job .job-box .job-form .form-n a{ display:block;}
.content-job .job-box .job-form .form-n li span{ font-size:1.2em;}
.content-job .job-box .job-form .form-n li:first-child{ width:300px;}
.content-job .job-box .job-form .form-n li:nth-child(2){ width:30%;}
.content-job .job-box .job-form .form-n li:last-child{ width:30%;}
.content-job .job-box .job-form .form-title li{ background:#606060; color:#fff;}
.repro{ margin-top:2em;}
.repro h5{ font-size:1.8em; color:#e79801; margin-bottom:0.8em;}


.slideTxtBox{ margin:0 auto;  width:100%;  overflow:hidden; position:relative;margin-top: 3em;    }
.slideTxtBox .hd{ overflow:hidden;  float:left;  }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; background:url(../images/xuxian.jpg) center repeat-y;}
.slideTxtBox .hd ul li{width:40px; height:40px; overflow:hidden; margin-right:5px; text-indent:16px; cursor:pointer; background:url("../images/icoCircle.png") 0 -40px no-repeat; margin:4.5em 0; font-size:1.4em; color:#fff; line-height:40px;}
.slideTxtBox .hd ul li.on{ background-position:0 0; }
.slideTxtBox .bd{ padding:2em 2.5em; float:left;   }
.slideTxtBox .bd ul{ zoom:1; }
.slideTxtBox .bd ul > li{ zoom:1; }
.slideTxtBox .bd ul > li h4 { background:url(../images/jib-icon.png) no-repeat;  margin-top:3px;}
.slideTxtBox .bd ul > li h4{ font-size:2.4em; color:#333333; line-height:1em; padding-left:35px; margin-bottom:1em; }
.slideTxtBox .bd ul > li .tiaojian ol li{ float:left; width:50%; font-size:1.4em; color:#333333; line-height:2em;}
.slideTxtBox .bd ul > li h5{ font-size:1.4em; color:#333333; font-weight:600; margin-top:2.4em;}
.slideTxtBox .bd ul > li p{ font-size:1.4em; color:#333333; line-height:2em; }
.slideTxtBox .bd ul > li .button{    width: 135px;height: 37px;border-radius: 20px;background: #ffb401;text-align: center; margin-top:20px;}
.slideTxtBox .bd ul > li .button a {color: #fff;line-height: 37px; font-size: 1.4em;}

/*content-custom*/
.content-custom{ padding:8em 0 12em; background:#eef1f3;}
.content-custom .title p{ font-size:1.6em; color:#555555;font-family: "Microsoft Yahei", "Helvetica Neue";}
.sp-1{    bottom: -30px;
    left: 0;
    width: 100%;}
.sp-1 .swiper-pagination-bullet-active{
	background:#f18d00;
	}


/*footer*/
.footer{ background:#f7b000; position:relative; text-align:center;}
.footer-box{  padding:8em 0 2em;}
.footer:before{position: absolute;
    top: -7px;
    height: 7px;
    left: 0px;
    width: 100%;
    z-index: 9;
    content: "";
    background: url(../images/tri-bottom-or.png) repeat-x;}
.footer-logo{ position:absolute; width:100%; z-index:10; left:0; top:-50px;}
.footer-logo .footer-logo-box{ width:20%; margin:auto;text-align: -webkit-center;}

.footer ul li{ display:inline-block; padding:0 2.5em; border-right:1px solid #fff;}
.footer ul li:last-child{ border:none;}
.footer ul li a{ color:#fff; font-size:1.4em;}
.footer p{ font-size:1.4em; color:#fff; padding:2.5em 0 1em;}
.footer p a{ color:#fff;}
.footer span.f-link{ color:#fff; font-size:1.4em; padding-bottom:2em; display:block;}
.footer .weixinbox{ width:40%; margin:auto;}
.footer .weixinbox p{ padding:0.5em 0 0 0;}
/*.footer .weixinbox .weixin{ background:#f9c137; padding:1em 1em 0.5em 1em;}*/
.footer .weixinbox .weixin img{ max-width:100%;}

.footer hr{ border-top:1px solid #ffc023;}
.footer .copyright p{ padding:0;}



.footer-min{width:100%; height:70px; background-color:#f7ad00; position:fixed; bottom:0; left:0; z-index:1000; font-size:0.9em; display:none;}
.footer-min li{ width:25%; height:70px; float:left;border-right:1px solid #fff;}
.footer-min li:last-child{ border:none;}
.footer-min li > a{ display:block; width:99%; text-align:center; color:#fff;}
.footer-min li > a:hover{ color:#fff;}
.footer-min li .share{ background:url(../images/share.png) no-repeat center 15px; padding-top:44px; height:44px;}
.shareBox img {
    float: left;
    margin-left: 12px;
    width: 40px;
}
.shareBox{position:absolute; left:0; bottom:70px; width:100%; z-index:3000; overflow:hidden; display:none; background:#fff; padding:20px 0px; box-shadow:0px 2px 7px rgba(0,0,0,0.75); font-size:0;}
.shareBox a{display:block; width:100%; text-align:center;}
.footer-min li .home{ background:url(../images/home.png) no-repeat center 15px; padding-top:44px; height:44px;}
.footer-min li .phone{ background:url(../images/phone.png) no-repeat center 15px; padding-top:44px; height:44px; }
.footer-min li .nav{ background:url(../images/nav.png) no-repeat center 15px; padding-top:44px; height:44px;}
.footer-min li.cur{ background:#0669b2;}
.footer-min li.cur a{ border-right:none;}




/*about*/
.about-top .ab-ic-w2 img{ max-width:100%;}
.about-top{ background:url(../images/about/about-tp-bg.jpg) no-repeat center; padding:10em 0; text-align:center;}
.about-top  .about-icon{ margin-top:10em;}

.about-title{ text-align:center;}
.about-title h4{ font-size:3.6em; line-height:1em; color:#fff; position:relative; margin-bottom:1.5em;}
.about-title h4:after {
    background: #fff;
    bottom: -0.7em;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    width: 32px;
    z-index: 999;
    margin-left: -16px;
}
.about-title p{ font-size:1.6em; color:#fff;}
.about-title-b{ text-align:center;}
.about-title-b h4{ font-size:3.6em; line-height:1em; color:#333333; position:relative; margin-bottom:1.5em;}
.about-title-b h4:after {
    background: #333333;
    bottom: -0.7em;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    width: 32px;
    z-index: 999;
    margin-left: -16px;
}
.about-title-b h5{ font-size:2.4em; line-height:1em; color:#333333; position:relative; margin-bottom:1.5em;}

.about-info{ padding:8em 0;}
.about-inf-box .grid-o{ border-right:1px solid #d7d7d7; position:relative;}
.about-inf-box .grid-o:before{ position:absolute; content:''; background:#e97300; width:14px; height:14px; border-radius:14px; right:0; top:0; margin-right:-7px;}
.about-inf-box .grid-o:after{ position:absolute; content:''; background:#e97300; width:14px; height:14px; border-radius:14px; right:0; top:50%; margin-right:-7px;}
.about-inf-box .grid-o p{ font-size:1.4em; color:#333333; line-height:2em; text-indent:2em;}

.about-inf-box .grid-t{ text-align:left; }
.about-inf-box .grid-t p{ font-size:1.4em; color:#333333; line-height:2em; text-indent:2em;}
.brand{ text-align:center;}
.brand img{ display:inline-block;}


.development{ padding:8em 0; background:url(../images/about/deve-bg.jpg) center no-repeat;}
.development .sc-3{ margin-top:8em;}
.development .sc-3 .swiper-slide{ display:block;}
.development .sc-3 .swiper-slide h4{ font-size:4.8em; color:#fff; position:relative; margin-bottom:1.5em;}
.development .sc-3 .swiper-slide h4:after {
    background: #fff;
    bottom: -0.7em;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    width: 32px;
    z-index: 999;
    margin-left: -16px;
}
.development .sc-3 .swiper-slide p{ font-size:1.4em; color:#fff; line-height:1.5em; display:block;}



.honor{ padding:8em 0; }
.honor .sc-4{ margin-top:8em;}
.honor .sc-4 { background:url(../images/about/honor/dot.jpg) repeat-x; background-position:center;}
.honor .sc-4 .swiper-slide{ display:block; text-align:center;}
.honor .sc-4 .swiper-slide .honor-img img{ padding:5px;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .5);}
.honor .sc-4 .swiper-slide span{ display:block; width:22px; height:22px; background: url(../images/about/honor/red-dot.png) no-repeat;margin: auto; margin-top:2em; margin-bottom:2em;}
.honor-info{ height:159px;    padding-top: 40px;}
.honor .sc-4 .swiper-slide h5{ font-size:1.8em; color:#333333; }

.honor .sc-4 .swiper-slide p{ font-size:1.4em; color:#555; line-height:1.5em; display:block;}
.swiper-button-next.sbn-4, .swiper-button-prev.sbp-4 {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 22px 22px;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.sbp-4{ background:url(../images/about/honor/arrow-left.jpg); left: -0px; right: auto;}
.swiper-button-next.sbn-4{ background:url(../images/about/honor/arrow-right.jpg); right: -0px; left: auto;}


.fenjin{ padding:8em 0; background:url(../images/about/fenjin/bg.jpg) center no-repeat;}
 .sc-5 { width:80%; background:#fff; padding:1.4em; margin-top:6em;}



.yuanliao{ padding:8em 0;}
.yuanliao .yuanliao-box{ margin-top:6em;}
.yuanliao .yuanliao-box .yuan-img{ margin-bottom:2em; text-align:center;}
.yuanliao .yuanliao-box .yuan-img img{ max-width:100%;}



/*product*/
.product{ padding:8em 0 20em; background:url(../images/product/bg.jpg) no-repeat center;}
.product-title{ text-align:center;}
.product-title h4{ font-size:3.6em; line-height:1em; color:#6a6969; position:relative; margin-bottom:1.5em;}
.product-title h4:after {
    background: #6a6969;
    bottom: -0.7em;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    width: 32px;
    z-index: 999;
    margin-left: -16px;
}

.product .product-box .pagetop{ text-align:center; }
.product .product-box .pagetop ul li{ display:inline-block; }
.product .product-box .pagetop ul li a{ color:#fff; font-size:1.8em; background:rgba(0 ,0 ,0,0.2); border-top-left-radius:15px; border-top-right-radius:15px; line-height:43px; padding:0.5em;}
.product .product-box .pagetop ul li.active a { background:#ffba00;}

.product .products-list{ background:rgba(255,255,255,0.8)}
.product .products-list .products-box{ background:#fff; padding:2em 0;}
.product .products-list .products-box .detil-pagetop{ width:90%; margin:auto;}
.product .products-list .products-box .second-menu{ border-bottom:1px solid #dfdfdf; padding:0 1em ;}
.product .products-list .products-box .second-menu > li{ float:left;  padding:1em ;}
.product .products-list .products-box .second-menu > li a ,.product .products-list .products-box .third-menu li a{ font-size:1.4em; color:#333333;}
.product .products-list .products-box .second-menu > li.active a ,.product .products-list .products-box .second-menu > li:hover a{ color:#ea6300;}
.product .products-list .products-box  .third-menu{ padding:0 1em; }
.product .products-list .products-box .third-menu li{ float:left; padding:1em;}
.product .products-list .products-box .third-menu li.active a ,.product .products-list .products-box .third-menu li:hover a{ color:#ea6300;}


.sc-6 { width:80%; background:#fff; padding:1.4em; margin-top:4em;}
.swiper-button-next.sbn-6, .swiper-button-prev.sbp-6 {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 48px 48px;
    -webkit-background-size: 48px 48px;
    background-size: 48px 48px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.sbp-6{ background:url(../images/product/arrow-left.png); left: 5%; right: auto;}
.swiper-button-next.sbn-6{ background:url(../images/product/arrow-right.png); right: 5%; left: auto;}


/*new*/
.new-top{ padding:10em 0; background:url(../images/new/new-bg.jpg) no-repeat center;}
.new-content{ padding:8em 0;}

.hotnews{ margin-bottom:30px;}
.hotnews ul{ width:100%;}
.hotnews li{ position:relative; overflow:hidden; margin-bottom:1em;}
.hnewsimg{ width:100%; height:0; padding-bottom:56%; overflow:hidden;}
.hnewsimg img{ width:100%;}
.hnewsimg img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.hotnews li:hover .hnewsimg img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.hnewstxt{ width:100%; height:0; padding-bottom:44%; background-color:#EAEAEA; position:relative;}
.hnewstxt h6{ padding:8% 6% 0 6%; margin:0; font-size:1.8em; font-weight:normal; line-height:1.6em; color:#333; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.hnewstxt span{ display:block; font-size:1.4em; color:#AAA; position:absolute; left:6%; bottom:15%;}
.hotnews li:hover .hnewstxt{ background-color:#ffca00; transition:all 0.5s;}
.hotnews li:hover .hnewstxt h6{ color:#FFF; transition:all 0.5s;}
.hotnews li:hover .hnewstxt span{ color:#FFF; transition:all 0.5s;}
.indnewslist li{ float:left; width:30.8%; height:0; padding-bottom:22.5%; margin:0 1.26%; position:relative; overflow:hidden;}
.indnewslist li .wz{ width:100%; height:40px; position:absolute; bottom:0; background-color:rgba(0,0,0,0.8); z-index:2;}
.indnewslist li .wz span{ display:block; width:90%; padding:0 5%; font-size:0.75em; line-height:40px; color:#B3B3B3; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indnewslist li .mask{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.3; background:#000; z-index:1;}
.indnewslist li img{ width:100%;}

.newsdt ul{ border-top:1px solid #EEE; padding-bottom:4%;}
.newsdt ul li{ width:97.46%; margin:0 1.27%; padding:20px 0; border-bottom:1px solid #EEE; position:relative; margin:0 auto;}
.dtimg{ float:left; width:22%; height:0; padding-bottom:12%; overflow:hidden;}
.dtimg img{ width:100%;}
.dttxt{ float:left; width:76%; margin-left:2%; position:relative;}
.dttxt h6{ font-size:1.8em; font-weight:normal; line-height:2em; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:76%;}
.dttxt p{ font-size:1.2em; line-height:1.5em; color:#999; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:2.5%;}
.dttxt span{ display:block; background:url(../images/new/news_date.png) left center no-repeat; padding-left:24px; font-size:1em; line-height:24px; color:#999; font-family:Arial, Tahoma, Helvetica, sans-serif;}
.dttxt:hover h6{ color:#CA8C3A;}
.dttxt:hover p{ color:#666;}
.dttxt .todetail a{ display:block; font-size:0.75em; line-height:3em; color:#333; position:absolute; right:0; top:0;}
.dttxt .todetail a:hover{ color:#CA8C3A; text-decoration:underline;}


.xz-new{ padding:8em 0; background:#fce8b7; }
.xz-new a.btnmore{ display:block; width:178px; height:34px; border:1px solid #333; font-size:0.75em; line-height:34px; text-align:center; color:#333; text-transform:uppercase; cursor:pointer; margin:0 auto;}
.xz-new a.btnmore label{ margin-right:1em; cursor:pointer;}
.xz-new a.btnmore:hover{ background-color:#333; color:#FFF; transition:all 0.5s;}

.news-n img{ max-width:100%;}
.news-n .news-title {
    border-bottom: 1px solid #dadada;
    color: #3c3c3c;
	margin-bottom:1em;
	text-align:center;
}
.news-n .news-title h2{
	color:#333333;
	font-weight:500;
	font-size:2.8em;
	margin-bottom:1em;
}
.news-n .news-title span{
    display: block;
    line-height: 30px;
    font-size: 1.2em;
    color: #a9a9a9;
    margin-bottom: 15px;
}
.news-n .news-img{
	text-align:center;
}
.news-n .news-img img{
	max-width:100%;
	margin:1em 0;
}
.news-n p{
	
	font-size:1.4em;
	line-height:2em;
	margin-bottom:2em;
}
.news-n .more {
    /*margin: 0 -21px;*/
    margin-top: 50px;
    padding: 0 20px;
}
.news-n .more table {
    width: 100%;
}
.news-n .more td {
    border-top: 1px solid #ddd;
    width: 50%;
    vertical-align: top;
}
.news-n .more td a {
    display: block;
    padding: 10px 15px;
	    color: #666;
}
.news-n .more td a sub {
    color: #aaa;
}
.news-n .more td a p {
    margin-top: 5px;
    color: #222;
    line-height: 20px;
    font-size: 1.4em;
    text-indent: 0;
}

/*join*/
.zhaoping-top{ background:url(../images/join/join-bg.jpg) center no-repeat; padding:10em 0; text-align:center;}
.zhaoping-top  p{ font-size:1.4em; line-height:2em; color:#fff; padding:4em 2em;}
.zhaoping-top .join-icon{ padding-top:8em;}

.join-tj{ padding:8em 0; background:#eeeeee;}

.tj-detil input{ width:100%; height:3em;    border: 1px solid #ccc; font-size:1.4em;}
.tj-detil .btn-submit{ text-align:center; margin-top:4em;}
.tj-detil .btn-submit input{ width:40%; height:50px; background-color:#333; border:medium none; border-radius:0.4em; margin:0 auto; font-size:1.125em; color:#FFF;}


.salenet{ padding:8em 0;}


/*job*/
.job-top{ padding:10em 0; background:url(../images/job/job-bg.jpg) no-repeat center; }

.job-top .job-grid{ margin:auto; padding: 2em 4em; width: 90%; }
.job-top .job-grid .job-icon{ background:#fda908; border-radius:99px;}
.job-top .job-grid.blue .job-icon{ background:#50b7ec;}
.job-top .job-grid  .job-info{ padding-top:1em; padding-left:1em;}
.job-top .job-grid  .job-info h4{ font-size:1.8em; color:#333;}
.job-top .job-grid  .job-info span{ font-size:1.8em; color:#333; font-family:Arial, Helvetica, sans-serif;}

.job-bg{ background:rgba(255,255,255,0.8); padding:4em;}


/*contact*/
.contact{ }
.contact .contact-info{ background:#f8f8f8;padding:8em 0 13em; text-align:center;}
.contact-grid{ padding-left:0; padding-right:0;}
.contact .contact-info span{ font-size:1.6em; color:#333333; text-decoration:underline;}
.contact .contact-info h2{ font-size:3.6em; color:#337ab7;}
.contact .contact-info .button{ margin:3em 0;}
.contact .contact-info .button a{ font-size:1.8em; color:#fff; padding:0.5em 2em; background:#cccccc;  }

.contact .contact-info p{ font-size:1.6em; color:#555555;}
.contact .contact-info p.con-trl{ font-size:1.4em; line-height:2em; color:#333333; margin-bottom:2em;}


.job-top .job-box{ margin:auto;  width: 90%; }
.job-top .job-box .job-form{ border:1px solid #c2c2c2; margin:3em 0; background:#fff;}
.job-top .job-box .job-form > li{ height:50px; border-bottom:1px solid #c2c2c2;}
.job-top .job-box .job-form > li:nth-child(3){ background:#e7e7e7;}
.job-top .job-box .job-form > li:last-child{ border:none;}
.job-top .job-box .job-form .form-n li{  text-align:center; height:50px; display:table-cell;vertical-align:middle;}
.job-top .job-box .job-form .form-n a{ display:block;}
.job-top .job-box .job-form .form-n li span{ font-size:1.4em;}
.job-top .job-box .job-form .form-n li:first-child{ width:600px;}
.job-top .job-box .job-form .form-n li:nth-child(2){ width:30%;}
.job-top .job-box .job-form .form-n li:last-child{ width:30%;}
.job-top .job-box .job-form .form-title{background:#606060;}
.job-top .job-box .job-form .form-title li{ background:#606060; color:#fff;}

.job-top .job-n h4 { background:url(../images/jib-icon.png) no-repeat;  margin-top:3px;}
.job-top .job-n h4{ font-size:2.4em; color:#333333; line-height:1em; padding-left:35px; margin-bottom:1em; }
.job-top .job-n .tiaojian{ width:300px;}
.job-top .job-n .tiaojian ol li{ float:left; width:50%; font-size:1.4em; color:#333333; line-height:2em;}
.job-top .job-n h5{ font-size:1.4em; color:#333333; font-weight:600;}
.job-top .job-n p{ font-size:1.4em; color:#333333; line-height:2em; }
.job-top .job-n .button{    width: 135px;height: 37px;border-radius: 20px;background: #ffb401;text-align: center; margin-top:20px;}
.job-top .job-n .button a {color: #fff;line-height: 37px; font-size: 1.4em;}


.feedback{ padding:8em 0;}
.contact-form input[type="text"] {
  display: block;
  background: #fff;
 
  width:90%;
  margin:auto;
  outline: none;
  padding: 10px 5px;
  font-size: 1.2em;
  color: #868585;
  margin-bottom: 1.5em;
}
.cnt-inpt {
  padding: 0;
  margin-bottom: 1.5em;
}
.contact-form{ width:80%; margin:auto;}
.contact-form input[type="user"] {
	display:block;
	background:  #fff;
	
	width: 90%;
	margin:auto;
	outline: none;
	padding: 10px 5px;
	font-size: 1.2em;
	color: #868585;
}
.contact-form textarea {
	background: #fff;
  	border: 1px solid #868585;
	width: 95%;
	margin:auto;
	display: block;
	height: 13em;
	outline: none;
	font-size: 1em;
	color: #868585;
	resize: none;
	padding: 10px 5px;
}
.contact-form .blue22 {
  background: #888888;
  border: 1px solid #888888;
  padding: 0.6em 5em;
  
  outline: none;
  margin: 4em auto 0em;
  font-size: 1.6em;
  color: #fff;
  transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	display: block;
}
.contact-form .blue22:hover {
  border: 1px dotted #289a43;
  color: #289a43;
  background: none;
}