html{ overflow-x: hidden; }

.wrapper{ position: relative; z-index: 0; width: 100%; height: 100vh; }

.bg{ position: relative; top: 0; left: 50%; z-index: 1; width: 1920px; margin-left: -960px; }
.bg img{ width: 100%; display: block; }

.ibg{ width: 100%; height: 100vh; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; overflow: hidden; }
.ibg img{ width: 100%; display: block; }

.header{ position: absolute; top: 0; right: 0; left: 0; z-index: 1001; width: 100%; height: 84px; }
.logo{ padding: 12px 0; float: left; display: block; }
.logo img{ height: 70px; display: block; }
.menu{ width: 662px; height: 84px; float: right; }
.language{ height: 10px; margin: 17px 0; float: right; }
.language a{ line-height: 10px; padding: 0 12px; font-size: 12px; font-weight: bold; color: #000; text-transform: uppercase; border-right: 1px solid #fff; float: left; display: block; }
.language a:last-child{ font-family: "Arial", sans-serif; padding-right: 0; border-right: 0; }
.language a:hover{ color: #f00; }
.nav{ height: 34px; float: right; }
.nav ul li{ position: relative; float: left; margin-left: 42px; }
.nav ul li a{ line-height: 34px; font-size: 16px; font-weight: bold; color: #0d0808; display: block; }
.nav ul li a:hover,
.nav ul li a.on{ color: #f00; }
.nav ul li .menu-nav{ position: absolute; top: auto; left: 0; z-index: 1000; min-width: 160px; padding: 5px; height: auto; background: rgba(170,170,170,0.75); box-shadow: 1px 0 5px rgba(170,170,170,0.75); display: none; }
.nav ul li .menu-nav ul li{ height: 30px; float: none; margin-left: 0; border-bottom: 1px solid rgba(255,255,255,0.75); }
.nav ul li .menu-nav ul li a{ padding: 0 10px; line-height: 29px; font-size: 13px; font-weight: normal; color: #1026f3; display: block; }
.nav ul li .menu-nav ul li a:hover{ color: #fff; background: #f00; }

.footer{ width: 100%; }
.botter{ padding: 30px 0 10px 0; background: #4e4e4e; }
.botter dl{ width: 166px; float: left; }
.botter dl:nth-child(5){ width: auto; }
.botter dl:last-child{ width: 245px; float: right; }
.botter dl:last-child dd{ width: 143px; float: left; }
.botter dl dt{ height: 20px; margin-bottom: 10px; }
.botter dl dt a{ line-height: 20px; font-size: 14px; font-weight: bold; color: #fff; display: block; }
.botter dl dt a:hover{ color: #f00; }
.botter dl dd{ }
.botter dl dd a{ line-height: 24px; font-size: 12px; color: #c0c0c0; display: block; }
.botter dl dd a:hover{ color: #f00; }
.botter dl dd h1{ line-height: 32px; font-family: Arial, sans-serif; font-weight: bold;font-size: 22px; font-weight: bold; color: #f00; margin: 0; display: block;    }

.botter dl dd h1 i{ font-size:18px; margin-right:9px; }

.botter dl dd h2,
.botter dl dd h3{ line-height: 30px; font-size: 12px; color: #c0c0c0; margin: 0; display: block; text-align: left;}
.botter dl dd h1.tel{font-size: 22px;    margin-right: 12px;    font-family:Arial, sans-serif; color: #f00;}
.botter dl dd h2{ background: url(../images/email.png) no-repeat left center; background-size: auto 18px; }
.botter dl dd h3{/* background: url(../images/map.png) no-repeat left center;*/ background-size: auto 18px; }
.botter dl dd h3 i{ font-size:15px; color:#f00; padding-right: 8px; display: inline-block; width:30px;}
.botter dl dd h1.tel i {width:15px;}
.botter dl dd h3 i.fa-map-marker{font-size:22px; text-indent: 2px;}
.botter dl dd h3 i.fa-print{width:26px;}
.botter dl dd img{ width:130px; float: right; display: block; }
.botter dl dd p{ width: 100%; line-height: 26px; text-align: center; font-size: 12px; color: #c0c0c0; margin: 0; float: right; display: block; }
.copyright{ padding: 10px 0; text-align: center; background: #353535; }
.copyright p{ line-height: 16px; font-size: 12px; color: #949494; margin: 0; display: block; }

.product{ position: absolute; bottom: 0; width: 100%; height: 287px; background: url(../images/bg.png) no-repeat center top; }
.products{ margin: 70px 0 15px 0; }
.products ul li{ margin-right: 20px; text-align: center; float: left; }
.products ul li .pic{ width: 264px; height: 177px; line-height: 177px; border: 1px solid #fff; background: #fff; overflow: hidden; }
.products ul li .pic img{ width: 100%; display: block; }
.products ul li .title{ width: 100%; height: 38px; text-align: center;}
.products ul li .title a{ line-height: 38px; font-size: 14px; color: #fff; display: block; height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.products ul li:hover .pic{ border-color: #f00; }
.products ul li:hover .title a{ color: #f00; }
.products ul li:last-child{ margin-right:0px;}


.main{ height: auto; overflow: hidden; }
.fmain{ position: relative; bottom: auto; top: 0; }

.banner{ position: relative; top: 0; left: 50%; z-index: 99; width: 1920px; height: 560px; margin-left: -960px; }
.banner img{ width: 100%; display: block; }

.center{ position: relative; top: 0; right: 0; left: 0; z-index: 100; width: 100%; min-height: 640px; padding: 32px 0; background: #fff; overflow: hidden; }

.left{ width: 227px; height: auto; float: left; overflow: hidden; }
.leftitle{ width: 100%; height: 61px; background: #f00; }
.leftitle h1{ line-height: 61px; text-align: center; font-size: 20px; font-weight: bold; color: #fff; margin: 0; display: block; }
.leftype{ margin: 2px 0 18px 0; }
.leftype ul li{ height: 40px; margin-top: 1px; padding: 0 20px 0 25px; background: #f5f5f5; }
.leftype ul li a{ line-height: 40px; font-size: 14px; color: #484848; background: url("../images/leftype.png") no-repeat right center; display: block; }
.leftype ul li a:hover,
.leftype ul li a.on{ background: url("../images/leftypes.png") no-repeat right center; color: #f00; }

.right{ width: 940px; float: right; }
.rightitle{ height: 24px; margin-bottom: 37px; }
.rightitle span{ line-height: 24px; font-size: 12px; color: #919191; float: right; display: block; }
.rightitle h1{ line-height: 24px; padding-left: 12px; font-size: 16px; font-weight: bold; color: #0d0d0d; border-left: 4px solid #f00; margin: 0; float: left; display: block; }

.content{ line-height: 24px; font-size: 14px; color: #575757; }
.content img{ width: auto; display: block; }
.content h1{ line-height: 24px; font-size: 18px; font-weight: bold; color: #575757; margin: 0; display: block; }
.content p{ line-height: 24px; font-size: 14px; color: #575757; margin: 0; /*text-indent: 2em; */display: block; }
.content .row .col-md-4 img{ width:100%;}
.content .row .col-md-4 { margin-bottom:20px;}
.content1{ line-height: 24px; font-size: 14px; color: #575757; }
.content1 img{ /*width: 75%;*/ display: block; }
.content1 h1{ line-height: 24px; font-size: 18px; font-weight: bold; color: #575757; margin: 0; display: block; }
.content1 p{ line-height: 24px; font-size: 14px; color: #575757; margin: 0; text-indent: 2em; display: block; }
@media(max-width:990px){
	.content1 img{width:100%;}
}
.video{  }
.video a{ display: block;  }
.video a img{ width: 100%; display: block; }

#pc{ display: block; }
#wap{ display: none; }

.honor{ overflow: hidden; }
.honor ul li{ width: 295px; height: 236px; background: #eee; float: left; margin: 0 27px 27px 0; }
.honor ul li:nth-child(3n){ margin-right: 0; }
.honor ul li .pic{ position: relative; width: 295px; height: 196px; line-height: 196px; text-align: center; overflow: hidden;  }
.honor ul li .pic img{ width: 100%;   display: block; }
.honor ul li .pic a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; width: 100%; height: 100%; background: rgba(0,0,0,0.5) url(../images/add.png) no-repeat center center; background-size: auto 50px; opacity: 0; display: block; }
.honor ul li .title{ width: 100%; height: 40px; }
.honor ul li .title a{ line-height: 40px; text-align: center; font-size: 14px; color: #232323; display: block; }
.honor ul li:hover{ background: #f00; }
.honor ul li:hover .pic a{ opacity: 1; }
.honor ul li:hover .title a{ color: #fff; }

.pager{  }
.pager span, .pager a{ padding: 0 5px; margin: 0 5px; font-size: 14px; color: #333;  }
.pager a:hover{ color: #f00;  }

.productlist{ overflow: hidden; }
.productlist ul li{ width: 218px; height: 180px; float: left; margin: 0 22px 14px 0; }
.productlist ul li:nth-child(4n){ margin-right: 0; }
.productlist ul li .pic{ position: relative; width: 218px; /*height: 142px;*/ line-height: 140px; border: 1px solid #e5e5e5; text-align: center; overflow: hidden;  }
.productlist ul li .pic img{ width: 100%; display: block; }
.productlist ul li .pic a{ display: block; }
.productlist ul li .title{ width: 100%; height: 38px; }
.productlist ul li .title a{ line-height: 38px; text-align: center; font-size: 14px; color: #767676; display: block; }
.productlist ul li:hover .pic{ border-color: #f00; }
.productlist ul li:hover .title a{ color: #f00; }

.productshow{ margin-bottom: 50px; overflow: hidden; }
.show{ width: 444px; /*height: 288px;*/ line-height: 286px; text-align: center; border: 1px solid #dcdcdc; float: left; overflow: hidden; }
.show img{ width: 100%; display: block; }
.name{ width: 456px; float: right; }
.name h1{ height: 48px; line-height: 48px; font-size: 18px; font-weight: bold; color: #2b2b2b; margin: 0 0 15px 0; border-bottom: 1px solid #dcdcdc; }
.name p{ line-height: 24px; font-size: 14px; color: #787878; text-indent: 2em; text-align: justify; margin: 0; display: block; }

.demo{ min-height: 360px; overflow: hidden; }
.demotitle{ width: 100%; height: 37px; margin-bottom: 10px; border-bottom: 1px solid #000; }
.demotitle span{ width: 132px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #fff; background: #000; float: left; display: block; }
.demos{ text-align: center; }
.demos img{ width: auto; margin: 20px 0; display: inline-block; }

.map{ overflow: hidden; }
.mapl{ width: 400px; float: right  }
.mapl img{ width:60%; display: block; }
.mapl h1{ line-height: 30px; font-size: 18px; font-weight: 600; color: #484848; margin: 0 0 10px 0; display: block; }
.mapl p{ line-height: 26px; font-size: 16px; font-weight:bold; color: #484848; margin: 0; display: block; }
.mapl ul{ height: 40px; margin: 10px 0 5px 0; }
.mapl ul li{ width: 50px; height: 40px; float: right; margin-right: 30px; }
.mapl ul li a img{ width: 40%; display: block; }
.mapl .input,
.mapl .textarea,
.mapl .submit{ width: 100%; margin-top: 10px; padding: 10px 2.5%; font-size: 12px; color: #9c9c9c; border: none; outline: none; background-color: #ececec;  }
.mapl .input{ height: 37px; line-height: 17px; }
.mapl .textarea{ height: 103px; line-height: 20px; }
.mapl .submit{ width: 108px; height: 33px; line-height: 33px; padding: 0; font-size: 14px; color: #fff; border-radius: 2px; background-color: #ff0000; cursor: pointer; }
.mapr{ width: 760px; height: 504px; float: left}
.mapr img{ width: 100%; display: block; }

.maps{ width: 100%; height: 100%; border: #ccc solid 1px; font-size: 12px; }

label{ max-width: inherit; }

.new{ margin: 0px 0 0 0px; padding-left: 4px; overflow: hidden; width:100%; }
.new ul li{ width: 32%; height: 245px; float: left; padding: 6px; margin: 5px 2% 20px 0px; box-shadow: 0 0 5px rgba(157,157,157,0.75); background: #fff; overflow: hidden; }
.new ul li:nth-child(3n){ margin-right: 0; }
.new ul li .pic{ width: 100%; height: 173px; line-height: 170px; text-align: center; overflow: hidden; }
.new ul li .pic a{ display: block; }
.new ul li .pic a img{ width: 100%; display: block; }
.new ul li .title{ width: 100%; height:50px; padding: 5px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.new ul li .title a{ line-height: 24px; font-size: 14px; color: #7d7d7d; display: block; overflow: hidden; line-height: 50px;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.news{ overflow: hidden; }
.news ul li{ width: 100%; height: 43px; background: #fff; }
.news ul li:nth-child(2n){ background: #f7f7f7; }
.news ul li a{ display: block; }
.news ul li a span{ width: 20%; height: 43px; line-height: 21px; padding: 10px; font-family: "Arial", sans-serif; font-size: 14px; color: #7d7d7d; text-align: right; float: right; display: block; }
.news ul li a h6{ width: 80%; height: 43px; padding: 10px; margin: 0; float: left; display: block; }
.news ul li a h6 font{ width: 6px; height: 6px; background: #818181; margin: 8px 10px 8px 0; float: left; display: block; }
.news ul li a h6 p{ line-height: 23px; font-size: 14px; color: #7d7d7d; margin: 0; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.news ul li a:hover span{ color: #f00; }
.news ul li a:hover h6 font{ background: #f00; }
.news ul li a:hover h6 p{ color: #f00; }

.ndemo{ line-height: 24px; font-size: 14px; color: #575757; }
.ndemo h1{ line-height: 32px; font-size: 16px; color: #131313; margin: 0; display: block; }
.ndemo p{ line-height: 24px; font-size: 14px; color: #575757; text-indent: 2em; text-align: justify; margin: 0; display: block; }
.ndemo span{ line-height: 24px; font-size: 12px; color: #575757; margin: 0 0 10px 0; display: block; }
.ndemo img{ width: auto; margin: 10px auto; display: block; }

.produce{}
.produce img{ width: 100%; display: block; }
.produce h1{ line-height: 24px; font-size: 16px; font-weight: bold; color: #f00; margin: 0; display: block; }
.produce p{ line-height: 24px; font-size: 14px; color: #7d7d7d; text-align: justify; margin: 0; display: block; }
.produce ul li{ width: 222px; margin: 0 22px 20px 0; float: left; }
.produce ul li:nth-child(5n){ margin-right: 0; }

.floating{ position: fixed; top: 10%; right: 20px; z-index: 1001; width: 150px; padding: 10px 10px 5px 10px; background: rgba(170,170,170,0.75); box-shadow: 1px 0 5px rgba(170,170,170,0.75);  }
.floating div{ overflow: hidden;  }
.floating div img{ width: 100%; display: block;  }
.floating div p{ line-height: 30px; font-size: 14px; color: #f7f8f9; margin: 0; text-align: center; display: block;  }



/*JOB*/
.job-inner {padding: 10px 0;}
.joblist {}
.jonav li { width: 25%; }
.jot {background: #eee;}
.jot:hover {background: #cf0000;}
.joa {background: #cf0000;}
.jotxs:hover .jot  {background: #cf0000;}
.jot span { display: block; width: 14%; float: left; line-height: 47px; height: 47px; overflow: hidden; font-size:20px; }
.jot span:first-child { padding-left: 4%; width: 26%; }
.jod > span { color: #666; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; }
.jotxs { position: relative; margin-bottom: 30px; overflow: hidden; }
.jos {  display: none; padding-right: 1px; }
.jos .bodr { border: 1px solid #eee; overflow: hidden; padding: 30px 5% 30px 5%; border-top: 0; line-height: 30px; }
.jos .bodr span { display: block; border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px;  }
.jotxs .line { background: #000; display: block; position: absolute; }
.jotxs .line_1 { width: 21px; height: 1px; top: 23px; left: 15px; }
.jotxs .line_2 { width: 1px; height: 21px; top: 13px; left: 25px; }
.jotxs .arrow { width: 55px; height: 47px; position: absolute; top: 0; right: 0; transition: 300ms; -webkit-transition: 300ms; }
.jotxs:hover .jod > span, .jotxs.act .jod > span { color: #fff; }
.jotxs.act .arrow { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
.jo2 { }
.jos a { color: #666 }
select.selbox { width: 100%; height: 48px; line-height: 48px; padding: 0px; outline: none; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; cursor: pointer; display: block; font-size: 14px; padding-left: 14px; border: 1px solid #ddd; color: #666 }
.no-csstransitions select.selbox { padding-left: 0; background-image: none; }
select.selbox option { padding: 2px 12px; }
select.selbox:hover { color: #323232; }
.jobview { width: 100%; margin-top: 30px; margin-bottom: 50px; }
.jobview .list { margin-top: 30px; }
.jobview .list dd { width: 48.5%; display: block; margin-bottom: 20px; margin-right: 3%; float: left }
.jobview .list dt { width: 100%; display: block; }
.jobview .list dd:nth-child(2n+2) { margin-right: 0 }
.jobview .list .txt { background-color: #fff; border: 0px none; padding: 10px 12px; box-sizing: border-box; width: 100%; font: 14px/1.8 "microsoft yahei"; border: 1px solid #ddd; color: #999 }
.jobview .list .txt2 { height: 200px; margin-bottom: 0px; }
.jobview .list .btn { text-align: center; margin: 20px auto; }
.jobview .list .fromBtn { display: inline-block; width: 100%; max-width: 150px; margin: 0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background-color: #0769b2; border: 0px; border-radius: 5px; margin-right: 20px; cursor: pointer }
.jobview .list .fromBtn:hover { background-color: #045b9c; }


@media (max-width:992px){
	.job-inner {padding: 30px 0;}
	
}