@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
/*body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,td,tr,th, table,input,textarea,p,blockquote{padding:0;margin:0; font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
audio,canvas,progress,video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden],template{display: none;}
a{background: transparent;}
a:active,a:hover{outline: 0;}
abbr[title]{border-bottom: 1px dotted;}
b,strong{font-weight: bold;}
dfn{font-style: italic;}
h1{margin: .67em 0; font-size: 2em;}
mark{color: #000; background: #ff0;}
small{font-size: 80%;}
sub,sup{position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sup{top: -.5em;}
sub{bottom: -.25em;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 1em 40px;}*/
hr{height: 0; -moz-box-sizing: content-box; box-sizing: content-box;}
/*pre{overflow: auto;}
code,kbd,pre,samp{ font-size: 1em;}
button,input,optgroup,select,textarea{margin: 0; font: inherit; color: inherit;}
button{overflow: visible;}
button,select{text-transform: none;}
button,html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
button[disabled],html input[disabled]{cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding: 0; border: 0;}
input{line-height: normal;}
input[type="checkbox"],input[type="radio"]{box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
fieldset{padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0;}
legend{padding: 0; border: 0;}
textarea{overflow: auto;}
optgroup{font-weight: bold;}
table{border-spacing: 0; border-collapse: collapse;}
td,th{padding: 0;}*/
/*@media print{*{color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important;} a, a:visited{text-decoration: underline;} a[href]:after{content: " (" attr(href) ")";} abbr[title]:after{content: " (" attr(title) ")";} a[href^="javascript:"]:after, a[href^="#"]:after{content: "";} pre, blockquote{border: 1px solid #999; page-break-inside: avoid;} thead{display: table-header-group;} tr, img{page-break-inside: avoid;} img{max-width: 100% !important;} p, h2, h3{orphans: 3; widows: 3;} h2, h3{page-break-after: avoid;} select{background: #fff !important;} .navbar{display: none;} .table td, .table th{background-color: #fff !important;} .label{border: 1px solid #000;} .table{border-collapse: collapse !important;} .table-bordered th, .table-bordered td{border: 1px solid #ddd !important;}}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{font-family:"微软雅黑"; font-size: 14px; line-height:16px; color: #333; background-color: #fff;}
.GJJCuQian{font-family:"微软雅黑";}
input,button,select,textarea{ font-size: inherit; line-height: inherit;}
a{color: #1B242F; text-decoration: none;}
a:hover,a:focus{color: #E74C3C; text-decoration: none;}
a:focus{outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
figure{margin: 0;}
img{vertical-align: middle;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}*/
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%; margin:0; padding:0}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#C00;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.f-12{font-size:12px}.f-14{font-size:14px}.f-16{font-size:16px; line-height:1.5px;}.f-18{font-size:18px}.f-20{font-size:20px;line-height:26px;}.f-24{font-size:24px}.f-28{font-size:28px; line-height:1.5em;}.f-30{font-size:30px; line-height:1.5em;}.f-40{font-size:40px;line-height:1.5em;}.f-50{font-size:50px;line-height:1.5em;}
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.va-t{vertical-align:top!important}.va-m{vertical-align:middle!important}.va-b{vertical-align:bottom!important}










.container{padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
@media screen and (min-width: 768px){.container{width: 750px;}}
@media screen and (min-width: 992px){.container{width: 970px;}}
@media screen and (min-width: 1200px){.container{width: 1170px;}}

.container2{padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;width: 730px;}


/*-- 导入字体 ---*/
@font-face {
font-family: 'ebrima';
src: url('../fonts/ebrima.eot'); /* IE9 Compat Modes */
src: url('../fonts/ebrima.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/ebrima.woff') format('woff'), /* Modern Browsers */
url('../fonts/ebrima.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/ebrima.svg#ebrima') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
.ebrima{ font-family:"ebrima";}
/*-- 导入字体结束 ---*/


/*-- Header Part Starts Here ---*/
.header{padding:1em 0;text-align: center; background:#000 url(../images/bg.png); position:relative; border-bottom:3px solid #c9c9c9;}
.Language{ position:absolute; right:2em; top:2em; color:#fff;}
.Language a{ color:#fff;}
ul.navig{padding:0;margin-top:2em;}
ul.navig li{list-style: none;display: inline-block;padding-left: 2em;}
ul.navig li a{color: #fff;font-size: 14px;display: block; font-family:"微软雅黑"}
ul.navig li a.cur,ul.navig li a:hover,ul.navig li a.active{color:#E1B450; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; text-decoration:none; }
@media screen and (max-width:768px){
.Language{ display:none;}
span.menu{display: block;width:33px;height:33px;background:url(../images/menu-icon.png)no-repeat;cursor: pointer;margin: 0 auto;margin-top: 1em;}
.cleare{clear:both;}
ul.navig{display: none;background:#fff;text-align:center;}
ul.navig li{display:block;}
ul.navig li a{color:#fff;display:block;border-bottom:1px solid #333;background: rgba(0, 0, 0, 0.8);padding: 7px 0px;}
.navigation{float:none;width:100%;margin-top:6px;}
.header{padding: 1em 0;}
ul.navig li{padding-left: 0em;}
ul.navig li a:hover, ul.navig li a.active{color:#fff}}
/*-- Header Part Ends Here ---*/
.title{ line-height:90px; height:90px; background:#fff; text-align:center; font-size:20px; color:#1a1a1a;}
.title2{height:200px;background:#fff; text-align:center; color:#1a1a1a;}
.index-box1{position: relative; width:100%; padding:1em 0; background:url(../images/index01.jpg) center bottom no-repeat #fff;}
.index-box1 .black-box{  padding:3em 0; width:545px; margin:3em auto;}
.black-box{background-color: rgba(0,0,0,0.8);}
.black-box,.black-box a{color:#fff;}
.index-box1 h4{color:#E1B450;}

.index-box2{width:100%; background:url(../images/index02.jpg) center bottom no-repeat #fff; height:450px;}


.In-Pro-Sort{text-align:center;}
.In-Pro-Sort{padding:0;margin-top:2em;}
#fwslider .slide{display: none; position: absolute; top:0; left:0; z-index: 0; width:100%;}
#fwslider .slide img{width:100%;}
.In-Pro-Sort li{list-style: none;display: inline-block;padding-left: 1em;}
.In-Pro-Sort li a{ display:block; text-align:left; background:none;}
@media screen and (max-width: 768px){.index-box1 .f-40{ font-size:225%;}.index-box1 .f-20{ font-size:140%;}}
@media screen and (min-width: 768px){.index-box1 .f-40{ font-size:225%;}.index-box1 .f-20{ font-size:140%;}}
@media screen and (min-width: 1200px){.index-box1 .f-40{ font-size:250%}.index-box1 .f-20{ font-size:150%}}
.index-pro-box1{}
.ipb-text-box,.ipb-img-box,.page-img-box,.page-text-box{ width:50%; display:table-cell;}
@media screen and (max-width: 768px){.ipb-img-box{ width:100%; display:block;} .ipb-text-box{ display:none;}}
.ipb-img-box{ position:relative; height:auto;}
.ipb-text-box,.page-text-box{ vertical-align:middle;}
.ipb-img-box hr{width:50px; height:1px;border:none;border-top:1px solid #fff;}
.ipb-img-box .close{ display:inline-block;width:70px; hanging-punctuation:25px; background:#e1b44d; line-height:25px;}
.ipb-img-box img{ width:100%; cursor:pointer;}
.page-img-box img{ width:100%;}
.ipb-img-box .pro-show-close{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; display:none;cursor:pointer;}
.ipb-table{ display:table;width:100%; height:100%;}
.ipb-cell{ display:table-cell;width:100%; height:100%; vertical-align:middle;}
.ipb-text-con{ display:inline-block; width:550px; text-align:left;}
.ipb-text-con p{ color:#FFF; line-height:1.5em; margin:0; padding:0}
@media screen and (max-width: 768px){.none75{ display:none;}}
@media screen and (min-width: 768px){.none75{ display:none;}}
@media screen and (min-width: 1200px){}

.ipb-prolist{ display:none;}
.prolist01{ width:33.33%; float:left;}
.prolist01 img{ width:270px;}

@media screen and (max-width: 768px){.prolist01 img{ width:150px;}}
@media screen and (min-width: 768px){.prolist01 img{ width:200px;}}
@media screen and (min-width: 1200px){}

.proimg-box{ background:#f0f0f0; padding:3em 0; }
.proname-box{background:#fff; padding:3em 0; color:#969696; }
.proname-box a{color:#969696; }
.foot{ padding:3em 0; color:#666}
.gettop{ margin:0 0 3em;}
.gettop a{cursor:pointer;}




.sortbox{position: relative; width:100%; height:550px; background:center no-repeat; text-align:center;}
.sort-box1{ background-image:url(../images/Sort01.jpg)}
.sort-box2{ background-image:url(../images/Sort02.jpg)}
.sort-box3{ background-image:url(../images/Sort03.jpg)}

.text-box h4{ font-size:38px; line-height:55px;height:55px;font-family:"微软雅黑";}
.text-box p{ font-size:14px; line-height:1.5em;}
.text-box h5{ padding:1em 0;}
.text-box .check{ display:inline-block; padding:0 1.5em;height:25px; line-height:25px; text-align:center;}


.sort-box1 h4{ color:#1a1a1a;}
.sort-box1 p{ color:#1a1a1a;}
.sort-box1 h5{color:#E1B450;}
.sort-box1 .check{background:#E1B450; color:#fff;}

.sort-box2 h4{ color:#1a1a1a;}
.sort-box2 p{ color:#1a1a1a;}
.sort-box2 h5{color:#d63e9d;}
.sort-box2 .check{background:#d63e9d; color:#fff;}


.sort-box3 h4{ color:#fff;}
.sort-box3 p{ color:#fff;}
.sort-box3 h5{color:#0cf;}
.sort-box3 .check{color:#fff; border:1px solid #0cf;}

.sb-prolist{ width:1120px; margin:0 auto;}
.prolist02{ width:50%; margin:1em 0 2em; float:left;}
.prolist02 h3{ font-size:28px; line-height:2em; margin-top:0.5em; color:#000;}
.prolist02 img {width:540px;}

@media screen and (max-width: 768px){.sb-prolist{ width:100%;}.prolist02{ width:100%; float:none;}}
@media screen and (min-width: 768px){.sb-prolist{ width:750px;}.prolist02 img {width:320px;}.prolist02 p{ padding:0 0.5em; font-size:12px;}}
@media screen and (min-width: 1200px){.sb-prolist{ width:1120px;}.prolist02 img {width:540px;}}
.about-box1{ background-image:url(../images/about_ban.jpg)}
.about-box2{ background-image:url(../images/about02.jpg); height:500px;}
.about-box3{ background-image:url(../images/about04.jpg); height:500px;}
.about-box4{ background-image:url(../images/about06.jpg); height:500px;}
.text-box .black-box{  padding:4em 0; width:545px; margin:3em auto;}
.about-box1 h4{ color:#fff;}
.about-box1 p{ color:#fff;}
.about-box1 h5{color:#E1B450; padding:0;}
.about-box2 h5,.about-box3 h5,.about-box4 h5{ padding:0;}
.about-box p{ margin-bottom:0.7em}



@media screen and (max-width: 1200px){.page-img-box,.page-text-box{ width:100%; display:block;}.about-box .ipb-text-con{ width:90%; padding:2em 0;}}
@media screen and (min-width: 1200px){}
@media screen and (min-width: 1700px){}



.join-box1{ background-image:url(../images/Join_ban.jpg);}
.join-box1 h5{color:#E1B450;}
.join-box1 .check{background:#000; color:#fff;}
.join-box2{ background-image:url(../images/Join01.jpg); height:500px;}
.joinlist{ width:50%; float:left; margin:2em 0; height:100px;}
.joinlist h3{ display:block; width:87px; float:left; margin:0 1em; background:url(../images/ico.png) center no-repeat;color:#E1B450; padding:2em 0;}
.joinlist p{ text-align:left;padding:1em 5em 0 0; color:#808080}

@media screen and (max-width: 1200px){.joinlist{ width:100%; float:none; margin:0; height:100px;} h3.f-40{ font-size:30px;}}

.join-box3{ background-image:url(../images/Join02.jpg); height:500px;}
.join-box4{ background-image:url(../images/join03.jpg); height:500px;}
.join-box5{ background-image:url(../images/join05.jpg); height:500px;}
.joinlist2{ width:14.28%; float:left;}
.joinlist2 .jcon{ margin:0 5px; padding:0 10px; background:#f3f3f3; height:230px;}
.joinlist2 h3{font-weight:bold; color:#E1B450}
.joinlist2 hr{width:50px; height:1px;border:none;border-top:1px solid #E1B450;}
.joinlist2 p{ text-align:left; color:#666; margin-top:1.5em;}

@media screen and (max-width: 1200px){.joinlist2{ width:33.33%; float:left; margin:0 0 1em 0}.joinlist2 .jcon{height:230px;}}

.joinlist3{ width:25%; float:left; margin:0.7em 0;}
.joinlist3 span{ margin:0 5px; background:#e1b44f; padding:2em 0; display:block; font-size:24px; color:#644600;}

@media screen and (max-width: 1200px){.joinlist3 span{ font-size:18px;}}
@media screen and (max-width: 768px){.joinlist3 span{ font-size:14px;}}

.job-box1{ background-image:url(../images/contact_ban.jpg);}
.job-box1 .check{ border:1px solid #fff;}


.joblist{ width:33.33%; float:left; cursor:pointer; } 
.jobcon{ margin:5px; padding:1em 0; }
.joblist a{ margin-top:10px; display:block;}

.joblist img{-webkit-filter: grayscale(1) brightness(2) ;transition:-webkit-filter 0.5s;}
.joblist:hover img{-webkit-filter:none}
.joblist .jobcon{background:#f3f3f3;color:#ccc;transition:all 0.5s;}
.joblist:hover .jobcon{background:#e1b44f;color:#a67100;}

.job-box2{ background-image:url(../images/contact01.jpg); height:500px;}

.input{ line-height:30px; height:30px; padding:5px; width:240px; color:#ccc;}
.input:focus{ color:#666;}

button.submit{ background:#000;}button.reset{ background:#ccc;}

.tech-box1{background-image:url(../images/Tech_ban.jpg); color:#fff;}
.tech-box1 h5{color:#E1B450;}
.tech-box1 .check{ border:1px solid #fff; color:#fff;}

.tech-box2{ background-image:url(../images/Tech01.jpg); height:520px;}
.tech-box3{ background-image:url(../images/Tech06.jpg); height:520px;}
.tech-box4{ background-image:url(../images/Tech08.jpg); height:520px;}
.tech-box5{ background-image:url(../images/Tech10.jpg); height:520px;}
.tech-box6{ background-image:url(../images/Tech12.jpg); height:520px;}
.tech-box7{ background-image:url(../images/Tech14.jpg); height:520px;}
.tech-box8{ background-image:url(../images/Tech16.jpg); height:520px;}
.tech-box9{ background-image:url(../images/Tech18.jpg); height:520px;}
.techbox1 .ipb-text-con,.techbox3 .ipb-text-con,.techbox4 .ipb-text-con,.techbox5 .ipb-text-con,.techbox6 .ipb-text-con,.techbox7 .ipb-text-con,.techbox8 .ipb-text-con{ width:550px;}
.techbox2 .ipb-text-con{ width:500px;}
.ipb-text-con h3{ color:#FFF}
.ipb-text-con h3 span{ color:#F6FF02}
.techbox3 .ipb-text-con p{ line-height:1.5em;}
@media screen and (max-width: 1200px){.techbox1 .page-text-box{ display:block;}}


.sort_ban{ width:100%; background:center no-repeat; height:551px;}

.prolist03{ width:33.33%; float:left;}
.prolist04{ width:50%; float:left;}
.con{ margin:5px;}
.pro-img{ text-align:center; padding:2em 0; background:#e6e6e6;}
.pro-name{ text-align:center; padding:3em 0; font-size:16px;}
.prolist03 img,.prolist04 img{ width:70%}

@media screen and (max-width: 768px){.prolist03,.prolist04{ width:100%%; float:none;}.prolist03 img,.prolist04 img{width:70%}.pro-name{padding:3em 0;}}
@media screen and (min-width: 768px){.prolist03 img,.prolist04 img{ width:70%}.pro-name{padding:1em 0;}}
@media screen and (min-width: 992px){.prolist03 img,.prolist04 img{ width:70%}.pro-name{padding:2em 0;}}
@media screen and (min-width: 1200px){.prolist03 img,.prolist04 img{width:70%}}


.procon,.procon img{width:100%}
@media screen and (max-width: 992px){ .procon .ipb-cell{ display:block;} .procon .csl{ width:600px; margin:1em auto;}.procon .csr{ text-align:center;}}

.cs1{ width:400px; margin-bottom:1em;}
.cs1 td{ color:#666; line-height:22px; font-size:14px;}
.cs2 {}
.cs2 thead{ background:#4d4d4d; color:#fff;}
.cs2 td{ line-height:30px; padding:6px 10px ; white-space:nowrap; color:#666}
.cs2 thead td{ color:#fff}
.iipimg{ width:410px !important;}
.procon .container{ margin-bottom:2em;}