.footer{ clear: both;}
/*翻页*/
.pages{ text-align: center; font-size: 0;}
.pages a{ display: inline-block; width: 24px; height: 24px; margin: 0 5px; border: 1px solid #e8e8e8; font-size: 14px; color: #a5a5a5; line-height: 24px;}
.pages a:hover,
.pages a.cur{ border-color: #c70026; color: #fff; line-height: 24px; background-color: #c70026;}
.pages .prev,
.pages .next{ width: 60px;}
/*详情页*/
.detail .box .heading{ text-align: center;}
.detail .box h2{ font-size: 24px; color: #414141;}
.detail .box .date{ padding-top: 12px; font-family: "Tahoma","SimSun", "宋体"; color: #8e8e8e;}
.detail .box .editor{ padding: 24px 0; border-bottom: 1px solid #e5e5e5;}
.detail .box .editor img{ display: block; max-width: 100%; margin: 0 auto;}
.detail .box .bottom{ padding-top: 30px;}
.detail .box .bottom .wrap{ float: left; width: 33.3%; height: 35px; line-height: 35px;}
.detail .box .bottom .wrap a{ display: inline-block; width: 240px; color: #999999;}
.detail .box .bottom .wrap a:hover{ text-decoration: underline;}
.detail .box .bottom .wrap a span{ color: #666666;}
.detail .box .bottom .wrap a.btn{ width: 110px; height: 35px; font-size: 14px; color: #fff; line-height: 35px; background-color: #404040;}
.detail .box .bottom .wrap a.btn:hover{ text-decoration: none; background-color: #545454;}

/*内页框架*/
.banner{ position: relative; height: 300px; overflow: hidden;}
.banner img{ position: absolute; left: 50%; top: 0; margin-left: -960px;}
.crumbs{ height: 40px; line-height: 40px; text-align: right; background-color: #eaeaea;}
.crumbs p{ display: inline-block;}
.crumbs a,
.crumbs span{ color: #7e7e7e;}
.crumbs a.home{ display: inline-block; height: 18px; padding-left: 22px; background: url("../images/solution/pos.png") no-repeat left center;}
.crumbs a:hover{ color: #6a6969;}
.menu{ position: relative; width: 240px; min-height: 600px; margin: -70px 0 100px;}
.menu .image{ width: 240px; height: 135px; overflow: hidden;}
.menu .image img{ width: 100%;}
.menu ul li{ height: 58px; border: 1px solid #dadada; border-top: 0; font-size: 16px; color: #717171; text-align: center; line-height: 58px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
.menu ul li:hover{ color: #c70026;}
.menu ul li.cur{ border-color: #c70026; color: #fff; background-color: #c70026;}
.menu ul li a{ display: block; width: 100%; height: 100%; color: #717171;}
.menu ul li:hover a{ color: #c70026;}
.menu ul li.cur a{ color: #fff;}
.menu ul li .downlist{ display: none; width: 100%; margin-left: -1px; border: 1px solid #dadada;}
.menu ul li.cur .downlist{ display: block;}
.menu ul li .downlist .wrap{ padding: 0 12px;}
.menu ul li .downlist a{ height: 46px; border-bottom: 1px solid #dadada; font-size: 14px; color: #7e7e7e; line-height: 46px;}
.menu ul li .downlist a:last-child{ border-bottom: 0;}
.menu ul li .downlist a:hover,
.menu ul li .downlist a.cur{ color: #c70026;}
.box{ width: 813px; padding: 64px 0 80px;}

/*行业解决方案*/
/*.solution .box h2{ font-size: 24px; text-align: center;}
.solution .box h3{ padding: 32px 0 24px; font-size: 18px; text-align: center;}
.solution .box img{ display: block; margin: 30px auto;}*/


/*产品*/
#product .box{ width: 838px;}
#product .box h2{ padding-bottom: 50px; font-size: 24px; text-align: center;}
#product .box .com-list{ padding-bottom: 40px;}
#product .box .com-list li a{ box-shadow: none;}
#product .box .com-list li:hover{ background-color: transparent;}
#product .box .com-list li h3{ color: #666; background-color: transparent;}
#product .box .com-list li:hover h3{ color: #c70026; background-color: transparent;}

#pro-detail .box h3{ font-size: 20px; font-weight: bold;}
#pro-detail .box-imgs{ width: 706px; margin-top: 26px;}
#pro-detail .box-imgs .display{ width: 544px; height: 344px; padding: 6px; border: 1px solid #e7e7e7; text-align: center; line-height: 344px; font-size: 0;}
#pro-detail .box-imgs img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
#pro-detail .box-imgs .img-list{ height: 360px; overflow: hidden;}
#pro-detail .box-imgs .img-list ul li{ position: relative; width: 130px; height: 84px; margin-bottom: 8px; padding-left: 5px; text-align: center; line-height: 84px; font-size: 0; cursor: pointer;}
#pro-detail .box-imgs .img-list ul li span{ opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; right: 0; z-index: 10; display: block; width: 124px; height: 78px; margin-bottom: 8px; border: 3px solid #828181; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#pro-detail .box-imgs .img-list ul li.cur span{ opacity: 1; filter: alpha(opacity=100);}
#pro-detail .box-imgs .img-list ul li span i{ position: absolute; top: 50%; left: -8px; z-index: 10; display: block; width: 5px; height: 9px; margin-top: -4px; background: url("../images/product/pointer.png") no-repeat center;}
#pro-detail .parameter{ padding-top: 60px;}
#pro-detail .parameter h4{ font-size: 18px;}
#pro-detail .parameter table{ width: 570px; margin-top: 20px;}
#pro-detail .parameter td{ padding: 8px 0 8px 10px; border: 1px solid #000; font-size: 14px; color: #000;}
#pro-detail .parameter tr td:first-child{ width: 160px;}
/*合作伙伴*/
#partner .box ul,
#distributor .box ul{ width: 830px; overflow: hidden;}
#partner .box ul li,
#distributor .box ul li{ float: left; width: 193px; height: 98px; margin: 0 11px 11px 0; border: 1px solid #dadada; text-align: center; line-height: 98px; font-size: 0;}
#partner .box ul li img,
#distributor .box ul li img{ max-width: 193px; max-height: 98px; vertical-align: middle;}
/*新闻中心*/
#news .box{ width: 814px; overflow: hidden;}
#news .box ul{ width: 870px; overflow: hidden;}
#news .box ul li{ float: left; width: 380px; height: 332px; margin-bottom: 36px; padding-right: 53px; border-bottom: 1px solid #e8e8e8;}
#news .box ul li h2{ width: 280px; font-size: 16px; color: #414141; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
#news .box ul li a:hover h2{ color: #c70026; text-decoration: underline;}
#news .box ul li .date{ padding-top: 4px; font-size: 14px; font-family: Tahoma; color: #666666;}
#news .box ul li p{ padding-top: 10px; color: #999999; line-height: 22px;}
#news .box ul li .image{ width: 380px; height: 230px; margin: 16px 0; overflow: hidden;}
#news .box ul li .image img{ width: 100%;}
/*关于我们*/
#about h2{ font-size: 20px; color: #333333;}
#about .box p{ padding-top: 16px; line-height: 21px;}
#about .section{ padding-top: 10px;}
#about .sec1 .text{ width: 546px;}
#about .sec1 ul{ padding-top: 28px;}
#about .sec1 ul li{ padding-bottom: 16px;}
#about .sec1 ul li h3{ font-size: 16px; font-weight: bold; font-family: arial; color: #c70026;}
#about .sec1 ul li h3 span{ padding-left: 2px; font-size: 12px; font-weight: normal; font-family: SimSun;}
#about .sec1 ul li p{ padding-top: 6px;}
#about .sec2 .text{ width: 456px;}
#quali .box .wrap{ padding: 0 47px;}
#quali .box .top h2,
#team .box .top h2{ font-size: 20px; text-align: center;}
#quali .box .top p,
#team .box .top p{ width: 640px; margin: auto; padding-top: 16px; color: #999999; text-align: center;}
#quali .images{ position: relative; margin-bottom: 32px; padding: 24px 0 34px; border-bottom: 1px solid #ececec;}
#quali .images .img-slide{ position: relative; width: 570px; height: 140px; margin: auto; overflow: hidden;}
#quali .images .img-slide ul{ position: absolute; top: 0; left: 0;}
#quali .images .img-slide ul li{ float: left; width: 108px; height: 138px; margin-right: 5px; border: 1px solid #cccccc; text-align: center; line-height: 138px; font-size: 0; cursor: pointer; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#quali .images .img-slide ul li span{ display: block; width: 106px; height: 136px; border: 1px solid transparent; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#quali .images .img-slide ul li.cur,
#quali .images .img-slide ul li.cur span{ border-color: #c70026;}
#quali .images .img-slide ul li img{ width: 90px; height: 120px; vertical-align: middle;}
#quali .images .slide-btn{ position: absolute; top: 80px; width: 23px; height: 23px; border: 1px solid #ca0f33; border-radius: 100%; background: no-repeat center; cursor: pointer;}
#quali .images .prev{ left: 20px; background-image: url("../images/about/_prev.png");}
#quali .images .prev.cur{ border-color: #ccc; background-image: url("../images/about/prev.png"); cursor: default;}
#quali .images .next{ right: 20px; background-image: url("../images/about/_next.png");}
#quali .images .next.cur{ border-color: #ccc; background-image: url("../images/about/next.png"); cursor: default;}
#quali .images .num{ position: absolute; bottom: -13px; left: 50%; width: 90px; height: 27px; margin-left: -76px; padding: 0 15px; background-color: #fff;}
#quali .images .num span{ display: inline-block; width: 88px; height: 25px; border: 1px solid #cccccc; border-radius: 13px; color: #999999; font-family: Tahoma; text-align: center; line-height: 25px;}
#quali .images .num span em{ color: #c70026;}
#quali .display{ width: 100%; height: 916px; text-align: center; line-height: 720px; font-size: 0;}
#quali .display img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
#team ul.person{ width: 832px; margin-bottom: 40px; padding-top: 20px; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
#team ul.person li{ float: left; width: 190px; margin-right: 18px;}
#team ul.person li .image{ position: relative; width: 190px; height: 250px; text-align: center; line-height: 250px; font-size: 0; cursor: pointer;}
#team ul.person li .image img{ width: 100%; height: 100%; vertical-align: middle;}
#team ul.person li .image .plus{ opacity: .8; filter: alpha(opacity=80); position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; background: url("../images/about/red-angle.png") no-repeat center; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#team ul.person li .image:hover .plus{ opacity: 1; filter: alpha(opacity=100);}
#team ul.person li .image .plus i{ display: block; position: absolute; bottom: 9px; right: 9px; width: 17px; height: 17px; background: url("../images/about/plus.png") no-repeat center; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#team ul.person li .image:hover .plus i{ transform: rotate(-90deg);}
#team ul.person li h3{ margin-bottom: 36px; padding-top: 16px; font-size: 14px;}
#team ul.person li .popup{ display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%;}
#team ul.person li .popup .opac{ opacity: .9; filter: alpha(opacity=90); width: 100%; height: 100%; background-color: #000;}
#team ul.person li .popup .win{ position: absolute; top: 50%; left: 50%; width: 980px; height: 434px; margin: -217px 0 0 -490px; background-color: #252525;}
#team ul.person li .popup .win .img{ width: 330px; height: 100%; text-align: center; line-height: 434px; font-size: 0;}
#team ul.person li .popup .win .img img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
#team ul.person li .popup .win .text{ width: 540px; padding: 98px 0 0 50px;}
#team ul.person li .popup .win .text h4{ font-size: 24px; color: #ccc;}
#team ul.person li .popup .win .text p{ padding-top: 28px; font-size: 12px; line-height: 26px; color: #ccc;}
#team ul.person li .popup .win .close{ position: absolute; top: 0; right: -61px; width: 60px; height: 60px; background: url("../images/about/close.png") no-repeat center #434343; cursor: pointer;}
#team ul.person li .popup .win .close:hover{ opacity: .9; filter: alpha(opacity=90);}
#work .box-list{ width: 844px; margin-bottom: 40px; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
#work .box-list li{ float: left; position: relative; width: 254px; height: 191px; margin: 0 12px 35px 0; border: 5px solid transparent;}
#work .box-list li:hover{ border-color: #c70026;}
#work .box-list li .image{ width: 100%; height: 100%; text-align: center; line-height: 191px; font-size: 0;}
#work .box-list li .image img{ width: 100%; height: 100%; vertical-align: middle;}
#work .box-list li .text{ position: absolute; bottom: 0; left: 0; width: 100%; height: 41px; padding-top: 5px; background: url("../images/about/opac.png") no-repeat center top;}
#work .box-list li:hover .text{ background-image: url("../images/about/_opac.png");}
#work .box-list li .text .opac{ opacity: .7; filter: alpha(opacity=70); position: absolute; bottom: 0; left: 0; width: 100%; height: 41px; background-color: #000;}
#work .box-list li:hover .text .opac{ opacity: 1; filter: alpha(opacity=100); background-color: #c70026;}
#work .box-list li .text p{ position: relative; padding: 10px 16px; color: #fff; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
#recruit table{ margin-bottom: 20px; cursor: pointer;}
#recruit table thead{ border: 1px solid #ebebeb;}
#recruit table thead tr td{ height: 40px; background-color: #ebebeb;}
#recruit table thead p{ padding-left: 16px; border-left: 1px solid #bbb; font-size: 14px; font-family: "Microsoft YaHei"; color: #666; vertical-align: middle;}
#recruit table thead p.name{ border-left: 0; }
#recruit table thead p span{ padding-left: 10px; color: #666; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#recruit table:hover thead p span{ color: #c70026;}
#recruit table tbody{ border: 1px solid #e4e4e4;}
#recruit table tbody .wrap{ position: relative; padding: 20px 13px 10px 18px;}
#recruit table tbody h2{ font-size: 14px; color: #666;}
#recruit table tbody p{ padding-top: 2px; color: #6d6d6d;}
#recruit table tbody .btn{ position: absolute; bottom: 14px; right: 13px; font-size: 14px; color: #666; text-align: center; line-height: 25px;}
#recruit table:hover tbody .btn{ color: #c70026; text-decoration: underline;}
#rec-detail .box-top{ text-align: center;}
#rec-detail .box-top dl{ display: inline-block; width: 268px; font-size: 0;}
#rec-detail .box-top dl dt{ display: inline-block; width: 43px; height: 43px; margin-bottom: 10px; border: 1px solid #333; border-radius: 100%; vertical-align: -34px; background: no-repeat center;}
#rec-detail .box-top dl.name dt{ background-image: url("../images/about/ico1.png");}
#rec-detail .box-top dl.num dt{ background-image: url("../images/about/ico3.png");}
#rec-detail .box-top dl.require dt{ background: url("../images/about/ico2.png") no-repeat center 14px;}
#rec-detail .box-top dl dd{ display: inline-block; margin-top: 4px; padding-left: 10px; font-size: 14px; color: #666; vertical-align: middle;}
#rec-detail .box-top dl dd em{ margin-left: -10px; font-family: "Microsoft YaHei"; color: #333;}
#rec-detail .box-middle{ position: relative; margin-top: 56px; padding-bottom: 60px; border-top: 1px solid #dadada;}
#rec-detail .box-middle h3{ width: 88px; margin: -8px auto; font-size: 14px; color: #666; text-align: center; background-color: #fff;}
#rec-detail .box-middle p{ display: inline-block; padding-top: 24px; text-transform: uppercase; font-size: 14px; color: #333; line-height: 22px; word-break:break-all;}
#rec-detail .box-middle .ico{ display: none; position: absolute; top: -34px; left: 50%; width: 45px; height: 45px; margin-left: -40px; padding: 12px; border-radius: 100%; background-color: #fff;}
#rec-detail .box-middle .ico span{ display: inline-block; width: 43px; height: 43px; border: 1px solid #333; border-radius: 100%; background: url("../images/about/ico4.png") no-repeat center;}
#rec-detail .box-bottom{ padding-top: 30px; text-align: center;}
#rec-detail .box-bottom a.btn{ display: inline-block; width: 110px; height: 35px; font-size: 14px; color: #fff; line-height: 35px; background-color: #404040;}
#rec-detail .box-bottom a.btn:hover{ text-decoration: none; background-color: #545454;}
#contact .info{ border-bottom: 1px solid #eee;}
#contact .info:nth-child(2){ padding-top: 20px;}
#contact .info dl{ float: left; width: 398px; margin-bottom: 20px; padding-left: 8px;}
#contact .info dl dt{ display: inline-block; width: 40px; height: 40px; border: 1px solid #999aa0; border-radius: 100%; background: no-repeat center; vertical-align: middle;}
#contact .info dl.one dt{ background-image: url("../images/contact/ico1.png") ;}
#contact .info dl._one dt{ background-image: url("../images/contact/_ico1.png") ;}
#contact .info dl.two dt{ background-image: url("../images/contact/ico2.png") ;}
#contact .info dl.three dt{ background-image: url("../images/contact/ico3.png") ;}
#contact .info dl.four dt{ background-image: url("../images/contact/ico4.png") ;}
#contact .info dl dd{ display: inline-block; padding-left: 8px; font-size: 14px; color: #333; vertical-align: middle;}
#contact .map{ padding-top: 40px; width: 100%; height: 400px;}
#contact .map iframe{ width: 100%; height: 100%; border: 0;}
#service .top{ height: 199px; text-align: center; border: 1px solid #e7e7e7; background: url("../images/contact/img.jpg") no-repeat center; background-size: auto 100%;}
#service .top .heading{ padding-top: 36px; color: #fff;}
#service .top .heading h2{ font-size: 16px; color: #666;}
#service .top .heading h3{ padding-top: 8px; font-size: 32px; font-family: Tahoma; letter-spacing: 3px; color: #c70026;}
#service .top p{ padding-top: 16px; font-size: 14px; font-family: "Microsoft YaHei"; color: #666; line-height: 24px;}
#service .address ul{ width: 856px;}
#service .address ul li{ float: left; width: 389px; height: 98px; margin: 33px 33px 0 0; border: 1px solid #e7e7e7;}
#service .address ul li .wrap{ margin-left: -2px; padding: 30px 0 30px 36px; background: url("../images/contact/red2.png") no-repeat left center;}
#service .address ul li h3{ font-size: 14px;}
#service .address ul li p{ padding-top: 6px;}
#producten .box{ width: 838px;}
#producten .box h2{ padding-bottom: 50px; font-size: 24px; text-align: center;}
#producten .box .com-list{ padding-bottom: 40px;}
#producten .box .com-list li a{ box-shadow: none;}
#producten .box .com-list li:hover{ background-color: transparent;}
#producten .box .com-list li h3{ color: #666; background-color: transparent;}
#producten .box .com-list li:hover h3{ color: #c70026; background-color: transparent;}

#pro-detailen .box h3{ font-size: 20px; font-weight: bold;}
#pro-detailen .box-imgs{ width: 706px; margin-top: 26px;}
#pro-detailen .box-imgs .display{ width: 544px; height: 344px; padding: 6px; border: 1px solid #e7e7e7; text-align: center; line-height: 344px; font-size: 0;}
#pro-detailen .box-imgs img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
#pro-detailen .box-imgs .img-list{ height: 360px; overflow: hidden;}
#pro-detailen .box-imgs .img-list ul li{ position: relative; width: 130px; height: 84px; margin-bottom: 8px; padding-left: 5px; text-align: center; line-height: 84px; font-size: 0; cursor: pointer;}
#pro-detailen .box-imgs .img-list ul li span{ opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; right: 0; z-index: 10; display: block; width: 124px; height: 78px; margin-bottom: 8px; border: 3px solid #828181; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#pro-detailen .box-imgs .img-list ul li.cur span{ opacity: 1; filter: alpha(opacity=100);}
#pro-detailen .box-imgs .img-list ul li span i{ position: absolute; top: 50%; left: -8px; z-index: 10; display: block; width: 5px; height: 9px; margin-top: -4px; background: url("../images/product/pointer.png") no-repeat center;}
#pro-detailen .parameter{ padding-top: 60px;}
#pro-detailen .parameter h4{ font-size: 18px;}
#pro-detailen .parameter table{ width: 570px; margin-top: 20px;}
#pro-detailen .parameter td{ padding: 8px 0 8px 10px; border: 1px solid #000; font-size: 14px; color: #000;}
#pro-detailen .parameter tr td:first-child{ width: 160px;}
/*合作伙伴*/
#partneren .box ul,
#distributoren .box ul{ width: 830px; overflow: hidden;}
#partneren .box ul li,
#distributoren .box ul li{ float: left; width: 193px; height: 98px; margin: 0 11px 11px 0; border: 1px solid #dadada; text-align: center; line-height: 98px; font-size: 0;}
#partneren .box ul li img,
#distributoren .box ul li img{ max-width: 193px; max-height: 98px; vertical-align: middle;}
/*新闻中心*/
#newsen .box{ width: 814px; overflow: hidden;}
#newsen .box ul{ width: 870px; overflow: hidden;}
#newsen .box ul li{ float: left; width: 380px; height: 332px; margin-bottom: 36px; padding-right: 53px; border-bottom: 1px solid #e8e8e8;}
#newsen .box ul li h2{ width: 280px; font-size: 16px; color: #414141; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
#newsen .box ul li a:hover h2{ color: #c70026; text-decoration: underline;}
#newsen .box ul li .date{ padding-top: 4px; font-size: 14px; font-family: Tahoma; color: #666666;}
#newsen .box ul li p{ padding-top: 10px; color: #999999; line-height: 22px;}
#newsen .box ul li .image{ width: 380px; height: 230px; margin: 16px 0; overflow: hidden;}
#newsen .box ul li .image img{ width: 100%;}
/*关于我们*/
#abouten h2{ font-size: 20px; color: #333333;}
#abouten .box p{ padding-top: 16px; line-height: 21px;}
#abouten .section{ padding-top: 10px;}
#abouten .sec1 .text{ width: 546px;}
#abouten .sec1 ul{ padding-top: 28px;}
#abouten .sec1 ul li{ padding-bottom: 16px;}
#abouten .sec1 ul li h3{ font-size: 16px; font-weight: bold; font-family: arial; color: #c70026;}
#abouten .sec1 ul li h3 span{ padding-left: 2px; font-size: 12px; font-weight: normal; font-family: SimSun;}
#abouten .sec1 ul li p{ padding-top: 6px;}
#abouten .sec2 .text{ width: 456px;}
#qualien .box .wrap{ padding: 0 47px;}
#qualien .box .top h2,
#teamen .box .top h2{ font-size: 20px; text-align: center;}
#qualien .box .top p,
#teamen .box .top p{ width: 640px; margin: auto; padding-top: 16px; color: #999999; text-align: center;}
#qualien .images{ position: relative; margin-bottom: 32px; padding: 24px 0 34px; border-bottom: 1px solid #ececec;}
#qualien .images .img-slide{ position: relative; width: 570px; height: 140px; margin: auto; overflow: hidden;}
#qualien .images .img-slide ul{ position: absolute; top: 0; left: 0;}
#qualien .images .img-slide ul li{ float: left; width: 108px; height: 138px; margin-right: 5px; border: 1px solid #cccccc; text-align: center; line-height: 138px; font-size: 0; cursor: pointer; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#qualien .images .img-slide ul li span{ display: block; width: 106px; height: 136px; border: 1px solid transparent; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#qualien .images .img-slide ul li.cur,
#qualien .images .img-slide ul li.cur span{ border-color: #c70026;}
#qualien .images .img-slide ul li img{ width: 90px; height: 120px; vertical-align: middle;}
#qualien .images .slide-btn{ position: absolute; top: 80px; width: 23px; height: 23px; border: 1px solid #ca0f33; border-radius: 100%; background: no-repeat center; cursor: pointer;}
#qualien .images .prev{ left: 20px; background-image: url("../images/about/_prev.png");}
#qualien .images .prev.cur{ border-color: #ccc; background-image: url("../images/about/prev.png"); cursor: default;}
#qualien .images .next{ right: 20px; background-image: url("../images/about/_next.png");}
#qualien .images .next.cur{ border-color: #ccc; background-image: url("../images/about/next.png"); cursor: default;}
#qualien .images .num{ position: absolute; bottom: -13px; left: 50%; width: 90px; height: 27px; margin-left: -76px; padding: 0 15px; background-color: #fff;}
#qualien .images .num span{ display: inline-block; width: 88px; height: 25px; border: 1px solid #cccccc; border-radius: 13px; color: #999999; font-family: Tahoma; text-align: center; line-height: 25px;}
#qualien .images .num span em{ color: #c70026;}
#qualien .display{ width: 100%; height: 916px; text-align: center; line-height: 720px; font-size: 0;}
#qualien .display img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
#teamen ul.person{ width: 832px; margin-bottom: 40px; padding-top: 20px; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
#teamen ul.person li{ float: left; width: 190px; margin-right: 18px;}
#teamen ul.person li .image{ position: relative; width: 190px; height: 250px; text-align: center; line-height: 250px; font-size: 0; cursor: pointer;}
#teamen ul.person li .image img{ width: 100%; height: 100%; vertical-align: middle;}
#teamen ul.person li .image .plus{ opacity: .8; filter: alpha(opacity=80); position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; background: url("../images/about/red-angle.png") no-repeat center; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#teamen ul.person li .image:hover .plus{ opacity: 1; filter: alpha(opacity=100);}
#teamen ul.person li .image .plus i{ display: block; position: absolute; bottom: 9px; right: 9px; width: 17px; height: 17px; background: url("../images/about/plus.png") no-repeat center; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#teamen ul.person li .image:hover .plus i{ transform: rotate(-90deg);}
#teamen ul.person li h3{ margin-bottom: 36px; padding-top: 16px; font-size: 14px;}
#teamen ul.person li .popup{ display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%;}
#teamen ul.person li .popup .opac{ opacity: .9; filter: alpha(opacity=90); width: 100%; height: 100%; background-color: #000;}
#teamen ul.person li .popup .win{ position: absolute; top: 50%; left: 50%; width: 980px; height: 434px; margin: -217px 0 0 -490px; background-color: #252525;}
#teamen ul.person li .popup .win .img{ width: 330px; height: 100%; text-align: center; line-height: 434px; font-size: 0;}
#teamen ul.person li .popup .win .img img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
#teamen ul.person li .popup .win .text{ width: 540px; padding: 98px 0 0 50px;}
#teamen ul.person li .popup .win .text h4{ font-size: 24px; color: #ccc;}
#teamen ul.person li .popup .win .text p{ padding-top: 28px; font-size: 12px; line-height: 26px; color: #ccc;}
#teamen ul.person li .popup .win .close{ position: absolute; top: 0; right: -61px; width: 60px; height: 60px; background: url("../images/about/close.png") no-repeat center #434343; cursor: pointer;}
#teamen ul.person li .popup .win .close:hover{ opacity: .9; filter: alpha(opacity=90);}
#worken .box-list{ width: 844px; margin-bottom: 40px; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
#worken .box-list li{ float: left; position: relative; width: 254px; height: 191px; margin: 0 12px 35px 0; border: 5px solid transparent;}
#worken .box-list li:hover{ border-color: #c70026;}
#worken .box-list li .image{ width: 100%; height: 100%; text-align: center; line-height: 191px; font-size: 0;}
#worken .box-list li .image img{ width: 100%; height: 100%; vertical-align: middle;}
#worken .box-list li .text{ position: absolute; bottom: 0; left: 0; width: 100%; height: 41px; padding-top: 5px; background: url("../images/about/opac.png") no-repeat center top;}
#worken .box-list li:hover .text{ background-image: url("../images/about/_opac.png");}
#worken .box-list li .text .opac{ opacity: .7; filter: alpha(opacity=70); position: absolute; bottom: 0; left: 0; width: 100%; height: 41px; background-color: #000;}
#worken .box-list li:hover .text .opac{ opacity: 1; filter: alpha(opacity=100); background-color: #c70026;}
#worken .box-list li .text p{ position: relative; padding: 10px 16px; color: #fff; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
#recruiten table{ margin-bottom: 20px; cursor: pointer;}
#recruiten table thead{ border: 1px solid #ebebeb;}
#recruiten table thead tr td{ height: 40px; background-color: #ebebeb;}
#recruiten table thead p{ padding-left: 16px; border-left: 1px solid #bbb; font-size: 14px; font-family: "Microsoft YaHei"; color: #666; vertical-align: middle;}
#recruiten table thead p.name{ border-left: 0; }
#recruiten table thead p span{ padding-left: 10px; color: #666; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
#recruiten table:hover thead p span{ color: #c70026;}
#recruiten table tbody{ border: 1px solid #e4e4e4;}
#recruiten table tbody .wrap{ position: relative; padding: 20px 13px 10px 18px;}
#recruiten table tbody h2{ font-size: 14px; color: #666;}
#recruiten table tbody p{ padding-top: 2px; color: #6d6d6d;}
#recruiten table tbody .btn{ position: absolute; bottom: 14px; right: 13px; font-size: 14px; color: #666; text-align: center; line-height: 25px;}
#recruiten table:hover tbody .btn{ color: #c70026; text-decoration: underline;}
#rec-detail .box-top{ text-align: center;}
#rec-detail .box-top dl{ display: inline-block; width: 268px; font-size: 0;}
#rec-detail .box-top dl dt{ display: inline-block; width: 43px; height: 43px; margin-bottom: 10px; border: 1px solid #333; border-radius: 100%; vertical-align: -34px; background: no-repeat center;}
#rec-detail .box-top dl.name dt{ background-image: url("../images/about/ico1.png");}
#rec-detail .box-top dl.num dt{ background-image: url("../images/about/ico3.png");}
#rec-detail .box-top dl.require dt{ background: url("../images/about/ico2.png") no-repeat center 14px;}
#rec-detail .box-top dl dd{ display: inline-block; margin-top: 4px; padding-left: 10px; font-size: 14px; color: #666; vertical-align: middle;}
#rec-detail .box-top dl dd em{ margin-left: -10px; font-family: "Microsoft YaHei"; color: #333;}
#rec-detail .box-middle{ position: relative; margin-top: 56px; padding-bottom: 60px; border-top: 1px solid #dadada;}
#rec-detail .box-middle h3{ width: 88px; margin: -8px auto; font-size: 14px; color: #666; text-align: center; background-color: #fff;}
#rec-detail .box-middle p{ display: inline-block; padding-top: 24px; text-transform: uppercase; font-size: 14px; color: #333; line-height: 22px; word-break:break-all;}
#rec-detail .box-middle .ico{ display: none; position: absolute; top: -34px; left: 50%; width: 45px; height: 45px; margin-left: -40px; padding: 12px; border-radius: 100%; background-color: #fff;}
#rec-detail .box-middle .ico span{ display: inline-block; width: 43px; height: 43px; border: 1px solid #333; border-radius: 100%; background: url("../images/about/ico4.png") no-repeat center;}
#rec-detail .box-bottom{ padding-top: 30px; text-align: center;}
#rec-detail .box-bottom a.btn{ display: inline-block; width: 110px; height: 35px; font-size: 14px; color: #fff; line-height: 35px; background-color: #404040;}
#rec-detail .box-bottom a.btn:hover{ text-decoration: none; background-color: #545454;}
#contacten .info{ border-bottom: 1px solid #eee;}
#contacten .info:nth-child(2){ padding-top: 20px;}
#contacten .info dl{ float: left; width: 398px; margin-bottom: 20px; padding-left: 8px;}
#contacten .info dl dt{ display: inline-block; width: 40px; height: 40px; border: 1px solid #999aa0; border-radius: 100%; background: no-repeat center; vertical-align: middle;}
#contacten .info dl.one dt{ background-image: url("../images/contact/ico1.png") ;}
#contacten .info dl._one dt{ background-image: url("../images/contact/_ico1.png") ;}
#contacten .info dl.two dt{ background-image: url("../images/contact/ico2.png") ;}
#contacten .info dl.three dt{ background-image: url("../images/contact/ico3.png") ;}
#contacten .info dl.four dt{ background-image: url("../images/contact/ico4.png") ;}
#contacten .info dl dd{ display: inline-block; padding-left: 8px; font-size: 14px; color: #333; vertical-align: middle;}
#contacten .map{ padding-top: 40px; width: 100%; height: 400px;}
#contacten .map iframe{ width: 100%; height: 100%; border: 0;}
#serviceen .top{ height: 199px; text-align: center; border: 1px solid #e7e7e7; background: url("../images/contact/img.jpg") no-repeat center; background-size: auto 100%;}
#serviceen .top .heading{ padding-top: 36px; color: #fff;}
#serviceen .top .heading h2{ font-size: 16px; color: #666;}
#serviceen .top .heading h3{ padding-top: 8px; font-size: 32px; font-family: Tahoma; letter-spacing: 3px; color: #c70026;}
#serviceen .top p{ padding-top: 16px; font-size: 14px; font-family: "Microsoft YaHei"; color: #666; line-height: 24px;}
#serviceen .address ul{ width: 856px;}
#serviceen .address ul li{ float: left; width: 389px; height: 98px; margin: 33px 33px 0 0; border: 1px solid #e7e7e7;}
#serviceen .address ul li .wrap{ margin-left: -2px; padding: 30px 0 30px 36px; background: url("../images/contact/red2.png") no-repeat left center;}
#serviceen .address ul li h3{ font-size: 14px;}
#serviceen .address ul li p{ padding-top: 6px;}
.menu ul li.en_left{
	text-align: left;
	padding:0 10px;
}
.haha{
	line-height: 160%;
}

#about .sec1 .text{width:398px;}
#about .sec1 .text1{width:398px;overflow:hidden;}
#about .sec1 .text1 img{width:100%;}
#about .sec1 .text1 img:nth-of-type(2){margin-top:25px;}
#about .sec1 ul li{padding-bottom:10px;}
#about .sec2 .text{width:398px;}
#about .sec2 p:nth-of-type(1){padding-top:0;}

#about .section{padding-top:50px;}
#about .sec3{padding-top:5px;}
.header .main .nav{width:100%;padding-right:0;text-align:right;}
.header .main .nav ul li:nth-of-type(2){width:124px;}

#abouten .sec1 .text{width:398px;}
#abouten .sec1 .text1{width:398px;overflow:hidden;}
#abouten .sec1 .text1 img{width:100%;}
#abouten .sec1 .text1 img:nth-of-type(2){margin-top:25px;}
#abouten .sec1 ul li{padding-bottom:10px;}
#abouten .sec2 .text{width:398px;}
#abouten .sec2 p:nth-of-type(1){padding-top:0;}
#abouten .section{padding-top:50px;}
#abouten .sec3{padding-top:5px;}
.fr .nav ul{
	width: 792px;
}
#abouten .sec1 ul li:nth-child(2) p,#abouten .sec1 ul li:nth-child(3) p,#abouten .sec1 ul li:nth-child(4){
	white-space:nowrap;
}
.BMapLabel{
	border-color: #999!important;
}
.BMapLabel{
	border-color: #999!important;
}