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

html{ height: 100% !important; }

body{ margin:0; padding:0;   color:#666; font-size:100%;  
   font-family: 'Source Sans Pro', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif;
	   font-family: "LinotypeUniversW01-Regu";
	   font-family:微軟正黑體, Arial, Helvetica, sans-serif;  height: 100%;

 }

h1,h2,h3,h4,h5,h6,p,b,c,e,g{font-weight: normal; margin:0; padding:0; }

ul,li{margin:0; padding:0;}
a{text-decoration: none;outline: none;}






.headerBX{position: fixed;z-index: 9999999999999999;width: 100%;background: #fff;}
.headerBX one{background: #7F7F7F;width: 90%;display: block;padding: 0.2% 5%;overflow: hidden;}
.headerBX one b{font-size: 0.9em;   float: left;display: block;width: 50%;}
.headerBX one b a{display: inline-block;text-decoration: inherit;color: #fff;border-right: 1px solid #fff;padding-right: 3%;}
.headerBX one b a:nth-child(2n){padding-left: 3%;border: 0;}
.headerBX one c{ text-align: right; float: right;display: block;width: 50%;}
.headerBX one c a{padding-left: 3%;font-size: 0.9em; display: inline-block;text-decoration: inherit;color: #fff;border-right: 1px solid #fff;padding-right: 3%;}

.ewm{ display:none;position: absolute;right: 11.5%;margin-top: 0.5%;}
.headerBX one c a:hover .ewm{ display:block;}


.screen-reader-text{display: none;}



.headerBX one c a:last-child{ border:0;}
.headerBX two{padding: 0.5% 0;width: 90%;margin: 0 auto;display: block;overflow: hidden;}
.headerBX two logo{float: left; display: block;overflow: hidden;width: 40%;}
.headerBX two logo b{float: left;font-size: 1.7em;color: #000;margin-top: 2%;margin-left: 3%;}
.headerBX two logo img{ width: 50%;   float: left;    border: none;}
.headerBX two p{float: right;text-align: right;width: 40%;display: block;overflow: hidden;margin-top: 2%; display:none; }
.headerBX two p a{text-decoration: inherit;color: #333;border-right: 1px solid #ccc;padding: 0 6% 0 6%;    font-size: 0.9em;}
.headerBX two p a:nth-child(2n){ border:0; }
.headerBX three{width: 90%;margin: 0 auto;display: block;overflow: hidden; padding:0 5% 0 5%; background: #F7F7F7;}
.headerBX three dl:hover dd{display: block; }
.headerBX three dl:hover dt a{ background: #E22C29; color:#fff; }
.headerBX three dl dd a:hover{ background: #E22C29; color:#fff; }
.headerBX three dl dd a:hover{ }
.headerBX three dl{ width: 12%;float: left;display: block; margin: 0;}
.headerBX three dl dt{text-indent: 2em;  line-height: 3em;}
.headerBX three dl dt a{color: #222;text-decoration: inherit; display:block; padding:0;}
.headerBX three dl dd{text-indent:2em;  padding:1% 0 1% 0; margin: 0;display: none;line-height: 3em;  width: 20%;position: fixed;background: #eee;}
.headerBX three dl dd a{color: #333;text-decoration: inherit; display: block;    }
.headerBX three dl dd:nth-child(5n){background: #000;}
/**
.headerBX three a{color: #222;text-decoration: inherit;padding: 1% 4%;display: inline-block;}
.headerBX three a:hover{    border-bottom: 1px solid #E22C29;color: #E22C29;}
**/







.in-company{overflow: hidden;  display: block;padding: 3% 0 3% 0;}
.in-company div:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.in-company div{overflow: hidden;  float: left;background: #ccc;margin-right: 1%;width: 29.3333%;position: relative;height: 12em;}
.in-company div:first-of-type{ margin-left:5%;}
.in-company div a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.in-company div img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.in-company div p{position: absolute;width: 80%;height: 80%;top: 10%;left: 10%;}
.in-company div p b{display: block;font-family: Arial;text-transform: uppercase;color: #E22C2B;font-size: 1.6em;}
.in-company div p c{display: block;font-family: Arial;text-transform: uppercase;color: #333;font-size: 1.2em;}
.in-company div p g{display: block;    overflow: hidden;margin: 10% 0; width:40%; }
.in-company div p g b{font-family: inherit;font-size: 1.2em;float: left;color: #333;}
.in-company div p g c{float: right;display: block;border: 1px solid #E22C2B;width: 1em;height: 1em; color:#E22C2B; text-align: center;line-height: 1em; border-radius: 50%;margin-top: 3%;}

.page-about-info{ width:90%; }
.page-about-ln{width:100%;}









.in-services{background: #ECECEC;padding: 5% 0 5% 0;overflow: hidden;}
.in-services h1{text-align: center;margin-bottom: 2%;}
.in-services h1 b{display: block;color: #000;font-family: Arial;text-transform: uppercase;font-size: 1.4em;letter-spacing: 10px;}
.in-services h1 c{display: block;font-size: 0.8em;color: #333;}
.in-services h1 e{background: #C73537;height: 1px;width: 20%;display: block;margin: 0 auto;}
.in-services h1 g{display: block;font-size: 0.6em;line-height: 3em;}
.in-services div:hover one #one-1{display:none;}
.in-services div:hover one #one-2{display:block;margin: 0 auto;}
.in-services div:first-of-type{ margin-left:10%;}
.in-services div{cursor:pointer;display: inline-block;width: 15.2%;margin-right:1%;}
.in-services div one{display: block;overflow: hidden;text-align: center;}
.in-services div one #one-1{}
.in-services div one #one-2{display: none;}
.in-services div two{}
.in-services div two b{display: block;text-align: center;color: #000;font-size: 1.4em;line-height: 2em;}
.in-services div two c{display: block;text-align: center;font-size: 0.9em;}








.in-news{padding: 5% 0 5% 0;overflow: hidden;}
.in-news h1{text-align: center;margin-bottom: 5%;}
.in-news h1 b{display: inline-block;vertical-align: top;color: #888;margin: 0 1%;}
.in-news h1 c{color: #000;border-bottom: 1px solid #E22C2B;display: inline-block;padding: 0 0.5% 0.5%;}
.in-news .slider{height: 25em;    padding-top: 0;}
.in-news ul.slides{}
.in-news .slide{ width:100%; }
.in-news .box{ width:100%; }
.in-news .box dl a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.in-news .box dl:first-of-type{margin-left:5%;}
.in-news .box dl:hover #i-n-b-pic img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);opacity: 0.8;  }
.in-news .box dl #i-n-b-pic img{width: 100%;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;    position: relative;width: 100%;height: 100%;}
.in-news .box dl{position: relative;height: 24em;border: 1px solid #ddd;float: left;width: 21%;margin: 0;margin-right: 2%;display: block;overflow: hidden;}
.in-news .box dl #i-n-b-pic{position: absolute;width: 100%;height: 50%;top: 0;left: 0;border: 0;overflow: hidden;}
.in-news .box dl p{position: absolute;width: 100%;height: 10%;top: 40%;left: 0;background: none;}
.in-news .box dl:hover p #p1{ display:none;}
.in-news .box dl:hover p #p2{ display:block;}
.in-news .box dl p #p1{ width:100%;}
.in-news .box dl p #p2{width:100%; display:none; }
.in-news .box dl:hover dt{ background:#FF393C; }
.in-news .box dl:hover dt h1 b,.in-news .box dl:hover dt h2{ color:#fff; border-color:#fff;}
.in-news .box dl:hover dt h3 b,.in-news .box dl:hover dt h3 c{ color:#eee; }
.in-news .box dl:hover dt h1 c{background:#fff; }
.in-news .box dl dt{position: absolute;width: 100%;height: 50%;top: 50%;left: 0;}
.in-news .box dl dt h1{font-size: 1em;text-align: left;width: 90%;margin: 5% auto 10%;    overflow: hidden;}
.in-news .box dl dt h1 b{ float: left;color: #333;border-bottom: 2px solid #C52D2F;padding-bottom: 3%;}
.in-news .box dl dt h1 c{ float: right;border: 1px solid #ddd;width: 1.5em;text-align: center;display: block;line-height: 1.5em;height: 1.5em;}
.in-news .box dl dt h2{width: 90%;margin: 0 auto 10%;overflow: hidden; color: #333;font-size: 1em;text-align: left;} 
.in-news .box dl dt h3{color: #666;width: 90%;margin: 0 auto;text-align: left;font-size: 0.9em;}
.in-news .box dl dt h3 c{padding-left: 3%;}
.in-news .box dl dt h3 b{display: inline-block;border-right: 1px solid #ccc;padding-right: 4%;}
.in-news .slider-nav{ display:none; }
.in-news .slider-arrow--right{ right:1%;font-size: 0; opacity: 1; background:url(../images/in-news-banner-icon-r.png);}
.in-news .slider-arrow--left{left: 1%;font-size: 0;opacity: 1; background:url(../images/in-news-banner-icon-l.png);}





.page-market .slider-nav{left: 50% !important;bottom: 5% !important;}
.page-market  a.slider-nav__item{float: left;}


.in-partner{background: #F0F0F0;padding: 3% 0 3% 0;}
.in-partner h1{margin: 0;text-align: center;text-transform: uppercase;     margin-bottom: 2%;}
.in-partner h1 b{display: inline-block;vertical-align: top;font-family: Arial;color: #ACABAB;}
.in-partner h1 c{ display: inline-block;vertical-align: top;color: #333;border-bottom: 1px solid #E22C2B;margin: 0 1%;}
.in-partner div{width: 90%;margin: 0 auto;overflow: hidden;}
.in-partner div a{margin-bottom: 2%;display: inline-block;margin-right: 3%;width: 16%;border:1px solid #bbb;padding: 0.5%;vertical-align: top;}
.in-partner div a:nth-child(5n){ margin-right:0;}
.in-partner div a img{ width:100%; border:0; }
.in-partner div a:hover img{opacity: 0.5;}








footer{overflow: hidden;display: block;width: 100%;}
footer one{overflow: hidden; background:url(../images/footer-one-bg.jpg);display: block; padding: 3% 5% 3% 5%;}
footer one dl:nth-child(4n){ margin:0; }
footer one dl{float: left;margin: 0 13% 0 0;}
footer one dl dt{font-size: 1.4em;margin-bottom: 10%;}
footer one dl dt a{color: #fff;text-decoration: inherit;}
footer one dl dd{margin: 0;padding: 0;display: block;overflow: hidden;line-height: 1.6em;}
footer one dl dd a{color: #eee;text-decoration: inherit;}
footer one dl:last-child{display: block;   margin: 0;float: right;}
footer one dl:last-child img{margin-right: 5%;width: 50%;  float: left;}
footer one dl:last-child h1{margin-top: 20%;font-size: 1em;  float: left; color:#fff; }
footer one dl:last-child h1 b{display: block; }
footer one dl:last-child h1 c{display: block; }
footer two{ color: #929292;background: #333;display: block;padding: 1% 5%;font-size: 0.9em; }
footer one dl dd a:hover,footer one dl dt a:hover{text-decoration: underline;}








.page-banner{ padding-top: 6%;  position: relative;width: 100%;height: 70%;display: block;overflow: hidden;}
.page-banner img{position: absolute;width: 100%;top: 0;left: 0;}
.page-banner p{position: absolute;width: 80%;height: 40%;top: 30%;left: 10%;}
.page-banner p b{display: block;text-align: center;color: #333;font-size: 4em;margin-top: 6%;}
.page-banner p c{}
.page-banner h1{ width: 100%;height: 10%;background: #fff;top:77%;/* left: 5%; */position: absolute;z-index: 1;}
.page-banner h1 a{ color: #333;text-decoration: blink;font-size: 0.6em; float:left;width: 33.2%;text-align: center;
border-right: 1px solid #ccc;height: 100%;margin: 0;padding: 0;vertical-align: top;line-height: 3em;}
.page-banner h1 a:hover{background:#E22C2B; color:#fff;}

.page-banner h1 a:last-child{ border:0; }
.page-banner h2{ position: absolute;width: 100%;height: 20%;bottom:3%;left: 0;background: #eee;}
.page-banner h2 b{text-transform: uppercase;float: left;width: 50%;margin: 5% 5% 0 5%;font-size: 0.9em;}
.page-banner h2 c{text-align: right;float: right;width: 30%;display: block;margin: 5% 5% 0 5%; font-size:0.7em;}
.page-banner h2 c a{text-decoration: inherit;color: #333;background: #fff;margin-right: 3%;padding: 1% 8%;border-radius: 2px;}
.page-banner h2 c a:hover{ background:#E22C2B; color:#fff; }


.page-banner h1 a:last-child{ border:0; }
.page-banner h3{ position: absolute;width: 100%;height: 20%;bottom:3%;left: 0;background: #eee;}
.page-banner h3 b{text-transform: uppercase;float: left;width: 50%;margin: 5% 5% 0 5%;font-size: 0.9em;}
.page-banner h3 c{text-align: right;float: right;width: 30%;display: block;margin: 5% 5% 0 5%;font-size: 0.9em;}
.page-banner h3 c a{text-decoration: inherit;color: #333;background: #fff;margin-right: 3%;padding: 1% 8%;border-radius: 2px;}
.page-banner h3 c a:hover{ background:#E22C2B; color:#fff; }





.page-about{}
.page-about .slider{padding:5% 0 0 0;width: 90%;margin: 0 auto;position: relative;height: 20em;overflow: hidden;}
.page-about .slides{}
.page-about .slide{}
.page-about .box{position: relative;width: 100%;height: 100%;}
.page-about .box dl{position: relative;width: 100%;height: 100%; margin:0; padding:0; }
.page-about .box dl img{position: absolute;width: 50%;height: 100%;top: 0;left: 0;}
.page-about .box dl h1{position: absolute;width: 50%;left: 30%;background: #E22C2B;z-index: 1;top: 20%;height: 20%;overflow: hidden;}
.page-about .box dl h1 b{position: absolute;width: 50%;height: 100%;line-height: 2em;text-align: center;top: 0;left: 0;}
.page-about .box dl h1 c{font-family: Arial;font-size: 1.2em;opacity: 0.2;text-transform: uppercase;display: block;line-height: 1.8em;text-align: center;}
.page-about .box dl h2{position: absolute;width: 50%;height: 100%;left: 50%;top: 0;background: #ccc;}
.page-about .box dl h2 b{display: block;width: 70%;margin: 25% auto 0;color: #333;text-align: left;}
.page-about .box dl h2 b img{position: inherit;width: 3em;height: inherit;}
.page-about .box dl h2 c{display: block;width: 70%;margin: 0 auto;text-align: left;color: #333;font-size: 0.7em;line-height: 3em;}
.page-about .arrowsWrapper{opacity: 1;display: block;}
.page-about .slider-arrow--right{opacity: 1;bottom: 15%;width: 1em;height: 1em;line-height: 1em;font-size: 1em;padding: 1%;}
.page-about .slider-arrow--left{opacity: 1;bottom: 15%;left: 90%;width: 1em;height: 1em;line-height: 1em;font-size: 1em;padding: 1%;}
.page-about .slider-nav__item{}
.page-about .slider-nav{opacity: 0;}



.page-about-info{padding: 2% 5% 5% 5%;width: 90%;overflow: hidden;}
.page-about-info p{font-size: 1em;color: #333;line-height: 1.8em;}

.page-about-info1{padding: 2% 5% 5% 5%;width: 90%;overflow: hidden;}
.page-about-info1 p{font-size: 1em;color: #333;line-height: 1.8em;}

.page-about-ln{}
.page-about-ln p{float: left;width: 60%;}
.page-about-ln dt{float: right;}
.page-about-ln dt img{}
.page-about-ln span{ font-size:1.4em; line-height:1.4em; color:#F00;}

#page-news h1 a{width: 49.9%;}
/* #pro-service h1 a{width: 33.2%;} */
#pro-service h1 a{width: 49.9%;}

.has-vivid-red-color{color: red !important;}
blockquote p{height: 20px;}

.page-news{ width: 90%;margin: 0 auto;    padding: 2% 5% 3% 5%;background: #eee;}
.page-news div{width: 100%;position: relative;overflow: hidden;    height: 12em;    border-bottom: 10px solid #E24544;margin-bottom: 2%;    background: #fff;border-radius: 0 4em 0 0;}
.page-news div a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.page-news div img{ position: absolute;width: 25%;height: 100%;top: 0;left: 0;}
.page-news div h1{ font-size:1.6em; position: absolute;width: 70%;left: 30%;    top: 10%;}
.page-news div h1 b{ color: #333;float: left;display: block;}
.page-news div h1 c{float: right;margin-right: 5%;font-size: 0.6em;color: #666;}
.page-news div h2{ position: absolute;width: 70%;top: 40%;left: 30%;font-size: 1.1em;}
.page-news div h3{position: absolute;width: 15%;left: 30%;top: 70%;background: #E24544;text-align: center;color: #fff;font-size: 0.9em;border-radius: 1px;padding: 0.3% 0 0.3% 0;}
.page-news div:hover img{opacity: 0.8;}
.page-news div:hover h1 b{ color:#E24544;    text-decoration: underline; }



.page-service{ width: 100%;margin: 0 auto;    padding: 2% 0% 3% 0%; }
.page-service div{width: 90%;margin: 0 auto 5%;overflow: hidden;}
.page-service div h1{}
.page-service div h1 b{border-radius: 1em;line-height: 2em; vertical-align: top;width: 30%;background: #E24544;color: #fff;font-size: 0.8em;display: inline-block;text-align: center;}
.page-service div h1 c{    vertical-align: top;background: #E24544;height: 1px;width: 35%;display: inline-block;    margin-top: 0.8em;}
.page-service div form input{    width: 40%;
    background: #eee;
    border: 0;
    height: 3em;
    line-height: 3em;
    text-indent: 2em;
    margin-bottom: 2%;margin-right: 6%;position: relative;}
     .page-service div form p .wpcf7-form-control-wrap{position: relative;}
 .page-service div form p>.wpcf7-form-control-wrap>span{position: absolute;
    width: auto;
    display: block;
    right: 16%;
    top: 4px;}   
.page-service div form input[type=submit]{    width: 16%;
    margin-right: 2%;
    color: #fff !important;    text-indent: 0;cursor: pointer;    background: #E24544;} 

.page-service div form input[type=reset]{    width: 16%;
    margin-right: 2%;
    color: #333;    text-indent: 0;cursor: pointer;} 

.page-service div form .send3{font-size: 14px;color: #333;}
/*.page-service div form .dx_an{margin-left: 7%;}*/
.page-service div form .dx_an input[type=radio]{width:auto;margin: 3px 3px 0 5px;height: auto;}
.page-service div form .send2{font-size: 14px;color: #333;margin-right: 8%;}
.page-service div form .text-58 .input_as{margin-right: 0;}
.page-service div form .text-59 .input_a{margin-right: 0;}
.page-service div form .text-424>input{width:100%;}
.liuyan form .dx_an{}
/*.page-service div form .text-63 .input_a{margin-left: 6%;}*/
.page-service div form span select{    background: #eee;
    text-indent: 2em;
    width: 40%;
    float: left;
    display: block;
    overflow: hidden;
    margin-bottom: 2%;
    line-height: 3em;
    height: 3em;
    border: 1px solid #ddd;
    margin-right: 2%;}

.page-service div form .tjj1{    cursor: pointer;
    margin-right: 3%;
    background: #E24544;
    color: #fff !important;padding: 0.3% 3%;    border-radius: 1px;}
.page-service div form .cjj1{
	    cursor: pointer;
	color: #ccc;
	padding: 0.3% 3%;
    background: #ccc;
    border: 0;
    border-radius: 1px;
}
.page-service div .czem_a{width: 100%;border-bottom: 1px solid #ccc;cursor:pointer;margin-bottom: 3%;text-align: left;}
.page-service div .czem_a .cz_employc_bt{width: 100%;  margin-bottom: 0;    text-align: left;}
.page-service div .czem_a .cz_employc_bt #img{display: inline-block;vertical-align: top;}
.page-service div .czem_a .cz_employc_bt b{display: inline-block;vertical-align: top;  font-weight: bold;margin: 0% 0 0 1%;font-size: 1.3em;color: #333;}
.page-service div .czem_a .czem_a_cont{ width:90%;padding: 2% 0;display: block;margin-bottom: 0;text-align: left;}
.page-service div .czem_a:hover .cz_employc_bt b{  color:#E24544; }
 

.page-service #form_1{width: 90%;margin: 0 auto;overflow: hidden;}
.page-service #content{background: #eee;padding-top: 1%;  width: 99%;text-indent: 2em;line-height: 1.2em;border: 1px solid #ddd;margin-bottom: 2%;}
.page-service #form_1 p{margin-top: 1%;}
.page-service #form_1 p input{padding: 0.3% 3%;background: #ccc;border: 0;border-radius: 1px;}
.page-service #form_1 p .tj_an{ cursor:pointer;margin-right: 3%;background: #E24544;color: #fff;}
.page-service #form_1 p .cz_an{cursor:pointer;}
.page-service #form_1 #nickname{background: #eee;text-indent: 2em;width: 40%;float: left;  display: block;overflow: hidden;margin-bottom: 2%;line-height: 2em;height: 2em;border: 1px solid #ddd;    margin-right: 2%;}
.page-service # .dx_an{background: #eee;text-indent: 2em;width: 40%;float: left;display: block;overflow: hidden;margin-bottom: 2%; line-height: 2em;height: 2em;border: 1px solid #ddd;margin-right: 2%;}
.page-service #form_1 .dx_an input{}
.page-service #form_1 .dx_an label{display: inline-block;    margin-right: 3%;text-indent: 0;vertical-align: top;}
.page-service #form_1 #province{background: #eee;text-indent: 2em;width: 40%;float: left;  display: block;overflow: hidden;margin-bottom: 2%; line-height: 2em;height: 2em;border: 1px solid #ddd;margin-right: 2%;}








#sbzd{}
#sbzd div h1 b{border-radius: 5px;}
#sbzd div h1 b g{font-size: 0.8em;text-transform: uppercase;margin-left: 2%;opacity: 0.6;}
#sbzd div dl{margin: 0;width: 100%;display: block;overflow: hidden;    border-bottom: 1px solid #ccc;    padding: 1% 0;}
#sbzd div dl left{float: left;width: 10%;overflow: hidden;display: block;}
#sbzd div dl left b{float: none;display: inline-block;font-size: 5.6em;color: #FFD5D5;font-weight: bold;vertical-align: bottom; font-style: italic;}
#sbzd div dl left c{float: none;display: inline-block;overflow: hidden;width:0.5em;height:0.5em;background: #FFD5D5;border-radius: 50%;    vertical-align: top;margin-top: 60%;}
#sbzd div dl center{float: left;width: 70%;text-align: left;display: block;overflow: hidden;margin-top: 2%;}
#sbzd div dl center b{display: block;color: #E22C2B;font-size: 1.4em;line-height:2em;}
#sbzd div dl center c{}
#sbzd div dl right{float: right;width: 20%;overflow: hidden;text-align: center;}
#sbzd div dl right img{width: 7em;height: 7em;border-radius: 50%;margin-top: 3%;}


#sbzd div .NO2{  float: left;width: 50%;overflow: hidden;display: block;    margin: 2% 0;}
#sbzd div .NO2 left{ border-radius: 50%;position: relative;float: left;width: 7em;height: 7em;overflow: hidden;display: block;}
#sbzd div .NO2 left img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#sbzd div .NO2 left b{ position:absolute;width:100%;height:100%;top:0;left:0;line-height:3.5em;text-align:center;display:block;
overflow:hidden;background:rgba(0, 0, 0, 0.71);color:#fff;font-size:2em;}
#sbzd div .NO2 right{ float: left;width: 70%;display: block;overflow: hidden;font-size: 1.1em;margin-top: 6%;margin-left: 5%;    text-align: left;}



#sbzd div .baoli{  float: left;width: 33%;overflow: hidden;display: block;    margin: 2% 0;}
#sbzd div .baoli left{ border-radius: 50%;position: relative;float: left;width: 7em;height: 7em;overflow: hidden;display: block;}
#sbzd div .baoli left img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#sbzd div .baoli left b{ position:absolute;width:100%;height:100%;top:0;left:0;line-height:3.5em;text-align:center;display:block;
overflow:hidden;background:rgba(0, 0, 0, 0.71);color:#fff;font-size:2em;}
#sbzd div .baoli right{ float: left;width: 60%;display: block;overflow: hidden;font-size: 1.1em;margin-top: 6%;margin-left: 5%;    text-align: left;}




#sbzd div .NO3{text-align: center;}

#sbzd div .NO4{display: inline-block;overflow: hidden;margin: 2% 0;width: 33%;}
#sbzd div .NO4 left{ border-radius: 50%;position: relative;float: left;width: 7em;height: 7em;overflow: hidden;display: block;}
#sbzd div .NO4 left img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#sbzd div .NO4 left b{ position:absolute;width:100%;height:100%;top:0;left:0;line-height:3.5em;text-align:center;display:block;
overflow:hidden;background:rgba(0, 0, 0, 0.71);color:#fff;font-size:2em;}
#sbzd div .NO4 right{ float: left;width: 60%;display: block;overflow: hidden;font-size: 1.1em;margin-top: 6%;margin-left: 5%;text-align: left;}

#sbzd div .NO5{display: inline-block;overflow: hidden;     vertical-align: top;width: 13%;margin: 2% 0 ;position: relative;height: 9em;}
#sbzd div .NO5 img{ position: absolute;width: 100%;top: 0;left: 0;height: 100%;}
#sbzd div .NO5 p{ position: absolute;width: 90%;height: 100%;top: 0;left: 0;}
#sbzd div .NO5 p b{ position: absolute;width: 100%;height: 90%;top: 0;left: 0;}
#sbzd div .NO5 p b img{ height:90%;}
#sbzd div .NO5 p c{ color: #E24544;font-size: 1.1em;position: absolute;width: 100%;text-align: center;top: 60%;left: 0;height: 10%;}
#sbzd div .NO5-icon{display: inline-block;overflow: hidden;vertical-align: top;  width: 7%;margin:2% 0; position: relative;height: 9em;}
#sbzd div .NO5-icon img{ position: absolute;width: 100%;top: 0;left: 0;height: 100%;}
#sbzd div .NO5:last-child p{ width:100%; left:0; }
#sbzd div .NO5:last-child p c{ color:#fff; }

#sbzd .bottom-info{text-align: left;}
#sbzd .bottom-info b{ color:#E24544 }
#sbzd .bottom-info c{ color:#999;}
#sbzd .bottom-info-jcfw{text-align: left;}
#sbzd .bottom-info-jcfw h1{font-size:1.8em; color:#F00; line-height:3em;}
#sbzd .bottom-info-jcfw p{ width:60%;}
#sbzd .bottom-info-jcfw p b{font-size:1em;  line-height:1.8em; margin-right: 1.3em; }




#sbzd .page-sbzd-banner{position: relative;width: 90%;height: 16em;overflow: hidden;}
#sbzd .page-sbzd-banner img{position: absolute;width: 100%;top: 0;left: 0;    height: 100%;}
#sbzd .page-sbzd-banner p{position: absolute;width: 60%;top: 0;left: 40%;    color: #fff;height: 100%;}
#sbzd .page-sbzd-banner p b{display: block;font-size: 2em;line-height: 2em;    margin: 4% 0 0 0;}
#sbzd .page-sbzd-banner p c{font-size: 1.2em;display: block;width: 60%;margin: 0 auto;text-align: center;}
#sbzd .page-sbzd-banner p e img{    position: inherit;width: 47px;height: 47px;margin: 2% 0;}



.page-service .page-sbzd-tit{background: #E24544;overflow: hidden;display: block;    padding: 0.7% 0;margin-bottom: 2%;}
.page-service .page-sbzd-tit b{color: #fff;font-size: 1.6em;float: left;display: block;    margin-left: 2%;margin-right: 2%;}
.page-service .page-sbzd-tit c{color: #fff;font-size: 1.6em;float: left;display: block;    }
.page-service .page-sbzd-tit e{color: #fff;font-size: 1em;float: left;display: block;line-height: 2.4em;opacity: 0.7;text-transform: uppercase;font-family: Arial;}






.page-about-djs-toptit{text-align: center; }
.page-about-djs-toptit img{margin: 0 auto;}
.page-about-djs-toptit div{display: inline-block; width: 30%;}
.page-about-djs-toptit div img{}
.page-about-djs-toptit div h1{font-size: 1.3em;color: #333;line-height: 1.4em;}
.page-about-djs-toptit div h2{font-family: Arial;font-size: 1em;color: #999;}




#page-job{}
#page-job dt{color: #fff;width: 90%;margin: 0 auto;display: block;overflow: hidden;background: #E34544;padding: 1%; margin-bottom:3%; }
#page-job dt b{float: left;width: 20%;display: block;overflow: hidden;font-size: 1.4em;}
#page-job div{margin: 0 0 1% 5%;width: 90%;}
#page-job div .czem_a{width: 100%;margin: 0;}
#page-job div .czem_a .cz_employc_bt{width: 100%;margin: 0;line-height: 2em;}
#page-job div .czem_a .cz_employc_bt b,#page-job div .czem_a .cz_employc_bt c,#page-job div .czem_a .cz_employc_bt e,#page-job div .czem_a .cz_employc_bt g,#page-job div .czem_a .cz_employc_bt j{
color: #333;font-size: 1.1em;width: 20%;margin: 0;    display: inline-block;vertical-align: top;font-weight: normal;}
#page-job div .czem_a .czem_a_cont{width: 100%;margin: 0;background: #eee;/*text-indent: 2em;*/}
#page-job div .czem_a .czem_a_cont h1{color: #333;font-size: 1.6em;}
#page-job div .czem_a .czem_a_cont dl{overflow: hidden;display: block;margin-bottom: 3%; margin-left:2em;}
#page-job div .czem_a .cz_employc_bt:hover{ background:#eee; }






.page-contact{width: 100%;margin: 0 auto;padding: 2% 0% 3% 0%;}
 
.page-contact .list{width: 90%;margin: 0 auto;overflow: hidden;}
.page-contact .list left{overflow: hidden;float: left;width: 47%;display: block;}
.page-contact .list left span{display: block;font-size: 20px;margin-bottom: 2em;color: #000;letter-spacing: 3px;}
.page-contact .list right{ overflow: hidden;float: right;width: 47%;display: block;}
.page-contact .list dl{cursor:pointer;margin: 0 0 2%;padding: 0; width: 100%;overflow: hidden;}
.page-contact .list dl:hover h2{display: block;}
.page-contact .list dl:hover,.page-contact .list dl:hover h2,.page-contact .list dl:hover h1{ background:#E24544; color:#fff;  }
.page-contact .list dl h1{font-size: 1.2em;color: #333;    background: #F0F0F0;text-indent: 2em;line-height: 3em;}
.page-contact .list dl h1 b{float: right;margin-right: 2em;}
.page-contact .list dl h2{font-size: 1em;display: none;padding:0% 0 2%;}
.page-contact .list dl h2 p{margin-bottom: 1%;    margin-left: 2.2em;}
.page-contact .list dl h2 p b{}
.page-contact .list dl h2 p c{}

.page-contact .list dl h1 strong,.page-contact .list dl h2 strong{    color: #333;font-weight: normal;}
.page-contact .list dl:hover h1 strong,.page-contact .list dl:hover h2 strong{    color: #fff;font-weight: normal;}


.page-contact .list .search{background: #E24544;padding: 2%;overflow: hidden;margin-bottom: 2%;}
.page-contact .list .search div{float: left;width: 40%;}
.page-contact .list .search div input{cursor:pointer;display: inline-block;background: #fff;border: 0;padding: 0 5%;color: #E24544;height: 2em;line-height: 2em; }
.page-contact .list .search div select{cursor:pointer;width: 18em;display: inline-block;background: #fff;border: 0;text-indent: 1em;color: #999;height: 2em;line-height: 2em;}
.page-contact .list .search #form_2{float: left;width: 40%;}
.page-contact .list .search #form_2 input{cursor:pointer;display: inline-block;background: #fff;border: 0;padding: 0 5%;color: #333;height: 2em;line-height: 2em; }
.page-contact .list .search #form_2 select{cursor:pointer;width: 18em;display: inline-block;background: #fff;border: 0;padding: 0 5%;color: #333;height: 2em;line-height: 2em;}



.search ul{}
.search ul li{width: 40%;float: left;list-style: none;}
.search ul li select{cursor:pointer;width: 18em;display: inline-block;background: #fff;border: 0;text-indent: 1em;color: #999;height: 2em;line-height: 2em;}
.search ul li input{cursor:pointer;display: inline-block;background: #fff;border: 0;padding: 0 5%;color: #333;height: 2em;line-height: 2em; }


.search ul li form{display: block;overflow: hidden;}
.search ul li form input{cursor: pointer;display: inline-block;background: #fff;border: 0;padding: 0 5%;color: #333;height: 2em;line-height: 2em;margin-right: 0.3em;}
.search ul li form .s_btn{cursor: pointer;display: inline-block;background: #fff;border: 0;padding: 0 5%;color: #333;height: 2em;line-height: 2em;}






.liuyan{width: 70%;margin: 0 auto;overflow: hidden;margin-top: 5%}
.liuyan form{}
.liuyan form input{width: 80%;background: #eee;border: 0;height: 3em;line-height: 3em;text-indent: 2em;margin-bottom: 2%;}
.liuyan form select{ width: 40%;background: #eee;border: 0;height: 3em;line-height: 3em;text-indent: 2em;margin-bottom: 2%;    margin-right: 4.7%;}
.liuyan form textarea{width: 80%;background: #eee;border: 0;height: 6em;line-height: 3em;text-indent: 2em;margin-bottom: 2%;}
.liuyan form .dx_an{width: auto;
    margin: 3px 3px 0 5px;
    height: auto;}
/*.liuyan form .dx_an{  width: 80%;background: #eee;border: 0;height: 3em;line-height: 3em;text-indent: 2em;margin-bottom: 2%;text-align: left;overflow: hidden;display: block;}
*/.liuyan form .dx_an input{display: inline-block;background: none;border: 0;height: 1em;width: 1em;text-indent: 0;}
.liuyan form .dx_an label{display: inline-block;background: none;border: 0;height: 1em;width: 9%;text-indent: 0;margin-right: 2%;}
.liuyan form p input{width: 20%;margin-right: 2%;color: #E24544;}
.liuyan form h4{overflow: hidden;margin-bottom: 2%;}
.liuyan form h4 span{}
.liuyan form h4 input{width: 14%;height: 2.6em;line-height: 2.6em;text-indent: 0;margin-bottom: 0;margin-right: 2%;}
.liuyan form h4 img{}




 
.page-market{ position: relative;width: 100%; }
.page-market .og-pointer{border-bottom-color: #eee;}
.page-market .og-expander{background: #eee;}
.page-market .og-grid li{margin: 0;width: 19.2%;background: #eee;text-align: center;margin-right: 1%; margin-bottom:1%; }
.page-market .og-grid li:nth-child(5n){ margin-right:0;}
.page-market .og-grid li>a img{margin: 0 auto;width: 50%;padding: 10% 0 10% 0;}
.page-market .og-grid li a figure{background: rgba(226, 44, 41, 0.87);}
.page-market .og-grid li a figure span{font-size: 1.6em;}
.page-market .og-fullimg{display: none;}
.page-market .og-details{width: 100%;padding: 0;}
.page-market .elastislide-horizontal{display: none;}
.page-market .og-details .infosep{display: none;}
.page-market .og-expander h3{display: none;}
.page-market .og-expander p{margin: 0;padding: 0;line-height: 2em; display: block;overflow: hidden;    padding-top: 4%;}
.page-market .og-expander p dl:nth-child(3n){ margin-right:0; }
.page-market .og-expander p dl:hover{ background:#ddd; }
.page-market .og-expander p dl{text-align: center;background: #fff;float: left;width: 32%;margin-right: 2%; margin-bottom:2%;}
.page-market .og-expander p dl a{}
.page-market .og-expander p dl a:hover{background: none;}
.page-market .og-expander p dl img{position: inherit;width: 40%;height: auto;top: 0;left: 0;margin: 0 auto;display: block;}
.page-market .og-expander p dl b{display: inline-block;text-align: center;color: #E22C29;font-size: 2em;border-bottom: 1px solid #E22C29;line-height: 2em;width: 50%;}
.page-market .og-expander p dl c{display: block;text-align: center;font-size: 1.6em;color: #333; line-height: 2em;}
.page-market .og-close{border: 1px solid #000;border-radius: 50%;}
.page-market .og-close:hover::before{ color:#000; }
.page-market .og-grid.effect-popup{ margin:0; padding:0; }



.page-market .list{width: 80%;margin: 0 auto;display: block;overflow: hidden;padding: 2% 0;}
.page-market .list dl{margin: 5% 0;display: block;overflow: hidden;}
.page-market .list dl h1{font-size: 1.8em;border-bottom: 1px solid #ccc;color: #333;line-height: 2em;}
.page-market .list dl h2{display: block;overflow: hidden;margin: 2% 0;}
.page-market .list dl h2 img{float: left;width: 26%;}
.page-market .list dl h2 div{float: right;width: 70%;}
.page-market .list dl h2 div g{display: block;color: #E22C29;font-size: 1.4em;margin-bottom: 2%;}
.page-market .list dl h2 div g b{margin-right: 2%;}
.page-market .list dl h2 div j{color: #333;font-size: 1.2em;    margin-bottom: 5%;display: block; margin-left: -2.2em;}
.page-market .list dl h2 div j b{margin-right: 2%; margin-left: 5%;}
.page-market .list dl h2 div j e{margin-right: 3%;}
.page-market .list dl h2 div h3{float: left;width: 60%;}
.page-market .list dl h2 div h3 p{line-height: 1.6em;}
.page-market .list dl h2 div h4{position: relative;float: left;background: #E22C29; color:#fff; padding: 1% 4%;border-radius: 1em;}
.page-market .list dl h2 div h4 a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}


.page-market{}
.page-market .lsit-home{width: 90%;margin: 0 auto;overflow: inherit;padding-bottom: 5%;}
.page-market .lsit-home .list-list dl:nth-child(4n){ margin-right:0; }
.page-market .lsit-home dl{overflow: hidden;float: left;width: 23.5%;background: #eff5f7;margin-right: 2%;position: relative;height: 16em;}
.page-market .lsit-home dl a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:2;}
.page-market .lsit-home dl img{position: absolute;width: 50%;height: 40%;left: 25%;top: 10%;}
.page-market .lsit-home dl p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-market .lsit-home dl p b{line-height: 2em; display: block;color: #000;font-size: 1.3em;text-align: center;margin: 50% 0 0;font-weight: bold;}
.page-market .lsit-home dl p c{display: block;text-align: center;width: 80%;margin: 0 auto;font-size: 0.9em;}


.page-market .hr_index_light h4{ width:40%;margin: 10% auto;}
.page-market .hr_index_light h4 form{margin-top: 2%;}
.page-market .hr_index_light h4 form #nickname{margin: 0 1% 1% 0;border: 0;background: #eee;text-indent: 1em;width:48%;height: 2em;line-height: 2em;font-size: 0.7em; float:left;}
.page-market .hr_index_light h4 form #province{margin: 0 1% 1% 0;border: 0;background: #eee;text-indent: 1em;width:48%;height: 2em;line-height: 2em;font-size: 0.7em; float:left;}
.page-market .hr_index_light h4 form textarea{margin: 0 1% 1% 0;border: 0;background: #eee;text-indent: 1em;width:97%; line-height: 2em;font-size: 0.7em;height: 4em;}
.page-market .hr_index_light h4 form p{overflow: hidden;margin-top:2%;}
.page-market .hr_index_light h4 form p #button{float: left;width:16%;background: #ccc;color: #000;font-size: 0.7em;margin-right: 2%;}
.page-market .hr_index_light h4 a{ padding-top:3%; }
.page-market .hr_index_light p{    text-transform: uppercase;}





.page-news-show {width: 90%;margin: 2% auto;overflow: hidden;}
.page-news-show left {float: left;width: 65%;display: block;overflow: hidden;}
.page-news-show left h1 {color: #333;border-bottom: 1px solid #ccc;margin-bottom: 3%;}
.page-news-show left h2 {font-size: 1em;margin-bottom: 5%;}
.page-news-show left h2 span {margin-right: 2%;display: inline-block;vertical-align: top;}
.page-news-show left h2 span font {margin-right: 0;color: #333;}
.page-news-show left h2 font {color: #333;margin-right: 2%;display: inline-block;vertical-align: top;}
.page-news-show left div {margin-bottom: 5%;overflow: hidden;display: block;}
.page-news-show left div p {font-size: 1em;line-height: 1.8em; font-family: 微軟正黑體, Arial, Helvetica, sans-serif;}
.page-news-show left p a {color: #333;display: inline-block;border-bottom: 1px solid #ddd;}
.page-news-show right {float: right;width: 30%;overflow: hidden;display: block;}
.page-news-show right h1 {background: #eee;font-size: 1.4em;padding: 2%;margin-bottom: 3%;}
.page-news-show right dl {position: relative;width: 100%;height: 5em;overflow: hidden;margin-bottom: 5%;border-bottom: 1px solid #eee;padding-bottom: 5%;}
.page-news-show right dl a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-news-show right dl img {float: left;width: 30%;height: 100%;top: 0;left: 0;}
.page-news-show right dl p {float: right;width: 65%;}
.page-news-show right dl p b {display: block;font-size: 1.1em;color: #333;}
.page-news-show right dl p c {color: #999;font-size: 0.9em;margin: 4% 0;display: block;}
.page-news-show left h2 .jiathis_style {display: inline-block;vertical-align: top;margin: 0;width: 50%;}
.jiathis_style .button, .jiathis_style .jiathis_txt {float: left;font-size: 12px;text-decoration: none;line-height: 18px!important;}
.page-news-show left h2 span {margin-right: 2%;display: inline-block;vertical-align: top;}
.page-news-show right h2 a:hover {color: #0D49B3;background: #eee;}
.page-news-show right h2 a {display: block;color: #333;border: 1px solid #ddd;border-radius: 1em;text-align:center;font-size: 0.6em;width: 50%;padding: 1% 2%;}
.fenye{display: block;overflow: hidden;width: 100%;margin-bottom: 5%; margin-top:5%; text-align:center;}
.fenye span{padding: 0.2% 1%;color: #000;display: inline-block;background: #eee;overflow: hidden;font-size: 1em;text-align: center;
margin-right: 1%;}
.fenye a{padding: 0.2% 1%;color: #000;display:inline-block;background:#eee;overflow:hidden;font-size:1em;text-align: center;margin-right: 1%;}
.fenye span:hover {color: #fff;background: #004e9d;}
.fenye a:hover {color: #fff;background: #004e9d;}
.page-market .list div p{float: left;width: 60%;font-size: 1.2em;}





.fd-ewm{background: rgba(255, 57, 60, 0.75);width:8%;height:160px;position: fixed;top: 40%;right: 0;z-index: 9999999999999999999999999; text-align:center; color:#fff; font-size:0.8em; display:none;}
.fd-ewm b{display: block;margin-top: 8%;}
.fd-ewm b img{width:80%;}
.fd-ewm e{display: block;}
.fd-ewm u{}










.page-banner ul {width: 90%;height: 10%;background: #fff;top: 75%;left: 5%;position: absolute;z-index: 1;}
.page-banner ul li{color: #333;text-decoration: blink;font-size: 0.6em; float:left;width: 33%;text-align: center;
border-right: 1px solid #ccc;height: 100%;margin: 0;padding: 0;vertical-align: top;line-height: 3em;}
.page-banner ul li a{}
.page-banner ul li:hover{background: #E22C2B;color: #fff;}