@charset "utf-8";



/*==========================================公共 开始=============================================*/



#header{ z-index:9;}

#header .logo_area{position:relative;height: 110px;background: #fff;}

#header .logo{ position:absolute; top:0; width: 175px; }

#header .logo{display:table;height: 110px;position:absolute;top: 0px;left:0;z-index:3;}

#header .logo a { display:table-cell; vertical-align:middle;}

/*=================导航=================*/

#nav{ position: absolute; right: 0; top: 0;}

#nav .big_box{border-right: 1px solid #e4e4e6;}

#nav ul{ border-left: 1px solid #f0f0f0;}

#nav li{position:relative;width: 137px;display: block;float: left;border-right: 1px solid #f0f0f0;} 

#nav li .a{display: inherit;text-align:center;}

#nav li.first .a{ background:none; }

#nav li .a {height: 110px;}

#nav li .a strong{padding-top: 38px;font-size: 16px;color: #282828;text-align:center;display: block;margin-bottom: 5px;position:relative;z-index: 2;font-weight: normal;}

#nav li .a span{font-size:12px;display: block;color: #a3a3a3;text-transform: uppercase;text-align:center;position:relative;z-index:1;}

#nav li.on strong,#nav li.on span,#nav li:hover strong,#nav li:hover span{ color:#d62027}

#nav .list{display:none;left: 0px;top: 110px;position:absolute;height:50px;width: 745px;}

#nav .list .box{ text-align:left; position:relative;  }

#nav .list a{ font-weight:normal; margin-left: 20px;    padding: 0 10px; color:#fff;  line-height:50px;  font-size:14px;  }

#nav .list a:hover{ color: #fff;  }

#nav .text_left{ left:auto; right:10px;}

#nav .text_left .box{ text-align:right;}

#nav .text_left .box a{}

.list_box{position:absolute;left:0px;top: 110px;z-index:9;height:0px;line-height:50px;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8F08519', endColorstr='#D8F08519');background: rgba(214,32,39,0.85);}





.container08{ padding:60px 0; background-color:#323233;}

.container08 .con01{float:left;width: 570px;border-right:1px #474748 solid;min-height:92px;}

.container08 .con02{float:left;width: 405px;border-right:1px #474748 solid;box-sizing:border-box;padding: 30px 0 0 74px;min-height: 120px;}

.container08 .con03{ float:left; width:300px; border-right:1px #474748 solid; min-height:92px; box-sizing:border-box; padding:5px 0 0 52px;}

.container08 .con04{float:right;width: 222px;min-height:92px;box-sizing:border-box;padding:0 0 0 48px;}

.container08 .con01 p{ color:#858687; font-size:12px; text-transform:uppercase; margin-bottom:15px; line-height:26px;}

.container08 .con01 ul{ font-size:0}

.container08 .con01 ul li{ display:inline-block; margin:0 10px 0 0;}

.container08 .con02 ul li{float:left;font-size: 12px;width: 100px;line-height: 26px;}

.container08 .con02 ul li a{color: #858687;}

.container08 .con02 ul li a:hover{ color:#fff}

.container08 .con04 h5{width:178px;height:34px;line-height:34px;color:#fff;background:#d62027;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;text-align:center;font-size:14px;font-weight:bold;margin-bottom: 25px;}

.container08 .con04 h5 small{ font-size:12px; text-transform:uppercase; font-weight:normal; margin-left:6px;}

.container08 .con04 h5 a{ display:block; color:#fff}

.container08 .con04 h5:hover{ background:#c92026}

.container08 .con04 h6{ text-align:right; font-size:12px; color:#d62027; margin-bottom:5px;}

.container08 .con04 h3{ text-align:right; font-size:24px; color:#d62027; text-transform:uppercase;}

#bnt_ewm{ cursor:pointer}

#fix_ewm_box{position:fixed; top: 0px; right: 0; z-index: 9999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.9); }

#fix_ewm_box .ewm img{ display: block; position: absolute; top: 50%; margin-top: -160px;  left: 50%; margin-left: -120px; width: 200px; height: 200px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

#fix_ewm_box2{position:fixed; top: 0px; right: 0; z-index: 9999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.9); }

#fix_ewm_box2 .ewm img{ display: block; position: absolute; top: 50%; margin-top: -160px;  left: 50%; margin-left: -120px; width: 200px; height: 200px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.weixin{float: left;width: 190px;height: 91px;}

.weixin .title{color:#aaa;font-weight:bold;margin-bottom:25px;}

.weixin .imgContainer{float: left;width: 91px;height: 91px;position:relative;z-index:0;}

.weixin .imgContainer .scanMask{position:absolute;left:0;top:0; bottom:0; width:91px;height:0;border-bottom:3px solid #f5a500;background:url(../images/ico-mask-lightyellow.png) repeat;}

.weixin .imgContainer .img{width:91px;height:91px;}

.weixin .tips{float: right;font-size: 12px;color:#999;text-align:center;margin-top:20px;}



footer{ background-color:#252527; text-align:center; height:56px; line-height:56px;}

footer p{color: #858687;font-size: 12px;text-align: left;}

footer p a{font-size: 12px;color: #858687;}

footer p a:hover{ color:#fff}



/*==========================================公共 结束=============================================*/





/*==========================================首页 开始=============================================*/



/*================= banne===================*/

.container01{ height:600px; position:relative;}

.container01 .fullSlide .bd li{ width:100% !important; height:600px;}

.container01 .fullSlide{min-width:600px;position:relative;height:100%; overflow:hidden;}

.container01 .fullSlide .bd{ position:relative; z-index:0;}

.container01 .fullSlide .bd ul{ width:100% !important;}

.container01 .fullSlide .bd li{ width:100% !important; }

.container01 .fullSlide .bd li a{  display:block; width:100%; height:100%; overflow: hidden;}

.container01 .fullSlide .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;

_background:url(images/banner-btn-ie6.png) 0 0 no-repeat;}

.container01 .fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:40px; left:0; height: 20px; line-height: 20px; text-align:center; }

.container01 .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:20px; margin:6px; border-radius:5px; background:url(../images/banner_dot.png) center center no-repeat; line-height:9999;}

.container01 .fullSlide .hd ul .on{ width:20px; height:20px; background:url(../images/banner_dot_on.png) center center no-repeat;}

.container01 .fullSlide .prev{display:block;position:absolute;z-index:1;top: 0;margin-top:-10px;left: 3%;z-index:1;width: 190px;height: 100%;background: url(../images/l.png) left center no-repeat; cursor:pointer; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.container01 .fullSlide .next{display:block;position:absolute;z-index:1;top: 0;margin-top:-10px;right: 3%;z-index:1;width:190px;height: 100%;background: url(../images/r.png) right center no-repeat; cursor:pointer; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.container01 .fullSlide .prev:hover{ background:url(../images/l-on.png) left center no-repeat; animation: rotate 1s linear infinite; content: ''; }

.container01 .fullSlide .next:hover{ background:url(../images/r-on.png) right center no-repeat; animation: rotate 1s linear infinite; content: '';}

@keyframes rotate {

	0% { transform: translateX(0);}

    25% {transform: translateX(5px);}

    50% {transform: translateX(8px) scale(1.0, 1); }

    75% { ransform: translateX(5px);}

    100% {transform: translateX(0);}

}



/*====产品服务====*/

.container02{padding: 72px 0 52px 0;overflow:hidden;}

.container02 .title h3{ float:left; width:400px; font-size:24px; color:#575757}

.container02 .title h3 small{ font-size:14px; color:#c3c3c3; text-transform:uppercase; margin-left:15px;}

.container02 .notice {float:left;width: 1200px;overflow: hidden;}

.container02 .notice .tab-hd {height: 35px;margin-bottom: 36px;}

.container02 .notice .tab-hd ul{text-align: right;font-size: 0;float: right;width: 785px;}

.container02 .notice .tab-hd li{display:inline-block;line-height: 35px;height: 35px;text-align:center;margin-left: 8px;}

.container02 .notice .tab-hd li a{display:block;background-color: #f1f1f1;height: 35px;font-size: 12px;color: #3e3e3e;padding: 0 30px;margin: 0;}

.container02 .notice .tab-hd li a:hover{ color:#fff; background-color:#d62027; }

.container02 .notice .tab-hd li.on a{background-color: #d62027;color:#fff;}

.container02 .notice .tab-bd{ height:850px !important}

.container02 .notice .tab-bd ul{float: left;width: 1300px;margin-bottom: 50px;}

.container02 .notice .tab-bd ul li{float:left;width:372px;height:465px;margin-right: 42px;position:relative;text-align:center;overflow:hidden;}

.container02 .notice .tab-bd ul li .img,.container02 ul li .img img{width:368px;height:310px;position: relative;}

.container02 .notice .tab-bd ul li .top{position:absolute;content: " ";top: 0;right: 0;left: 0;bottom: 0;box-sizing:border-box;padding: 92px 0 0 0;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D1D62027', endColorstr='#D1D62027');background:rgba(214,32,39,0.82);}

.container02 .notice .tab-bd ul li:hover .top{ opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1);}

.container02 .notice .tab-bd ul li .top h2{width: 368px;font-size: 14px;color:#fff;height: 24px;line-height: 24px;margin-left: -368px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; text-transform:uppercase; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container02 .notice .tab-bd ul li .top h4{width: 368px;font-size: 14px;color:#fff;height: 24px;line-height: 24px;margin-left: 368px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container02 .notice .tab-bd ul li:hover .top h2{ margin-left:0}

.container02 .notice .tab-bd ul li:hover .top h4{ margin-left:0}

.container02 .notice .tab-bd ul li .top span{display:block;height: 42px;width: 42px;position: relative;left:50%;margin-left: -22px;margin-top: 15px;}

.container02 .notice .tab-bd ul li .top span::after{ border-radius: 50%; background:url(../images/jt.png) #fff center center no-repeat; animation: rotate 1.2s linear infinite; content: ''; position: absolute; left: 0; top: 0; width: 42px; height: 42px;}

@keyframes rotate {

	0% { transform: translateY(0);}

    25% {transform: translateY(5px);}

    50% {transform: translateY(8px) scale(1.0, 1); }

    75% { ransform: translateY(5px);}

    100% {transform: translateY(0);}

}

.container02 .notice .tab-bd ul li .con{ float:left; width:100%; height:90px; box-sizing:border-box; padding:0 15px;}

.container02 .notice .tab-bd ul li .con h3{font-size:18px;color:#3e3e3e;margin: 18px 0 0 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container02 .notice .tab-bd ul li .con h5{ font-size:14px; color:#8b8a8a; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



/*====关于朗赫====*/

.container03{ padding:108px 0; background-color:#eff1f6; }

.container03 .left{ float:left; width:590px;}

.container03 .left .img{ width:536px; height:336px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.container03 .left .img img{ width:536px; height:336px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-sizing:border-box; border:#fff 10px solid}

.container03 .right{ float:left; width:610px}

.container03 .right .title{ float:left; width:100%}

.container03 .right .title h3{ float:left; width:100%; font-size:24px; color:#575757; margin:40px 0}

.container03 .right .title h3 small{ font-size:14px; color:#c3c3c3; text-transform:uppercase; margin-left:15px;}

.container03 .right .more{width:125px;height:35px;position:relative;margin: 15px 0 0 0;}

.container03 .right .more a{display:block;color: #1f1f1f;font-size:12px;text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;line-height: 33px;margin:0 auto;-moz-border-radius: 17.5px;-webkit-border-radius: 17.5px;border-radius:17.5px;border:#a0a0a0 1px solid;box-sizing:border-box;}

.container03 .right .more a:hover{ border:#db464c 1px solid; color:#fff}

.container03 .right .more i{ position:absolute; width:100%; height:0; left:0; top:0; z-index:0;  -moz-border-radius: 17.5px; -webkit-border-radius: 17.5px; border-radius:17.5px; box-sizing:border-box; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} 

.container03 .right .more:hover i{ background-color:#db464c; height:35px; color:#fff;}



/*====服务范围====*/

.container04{padding: 88px 0;position:relative; border-bottom:#e7e7e9 1px solid}

.container04 .title{ float:left; width:100%; position:relative}

.container04 .title h3{float:left;width:100%;font-size:24px;color:#575757;margin: 0 0 30px 0;}

.container04 .title h3 small{ font-size:14px; color:#c3c3c3; text-transform:uppercase; margin-left:15px;}

.s_pro01 .main_box{ overflow: hidden;}

.s_pro01 .hd{position: absolute;width: 1200px;left: 0;bottom: 190px;}

.s_pro01 .hd a{display: inline-block;text-align: center;width: 34px;height: 75px;line-height: 75px;color: #8a8a8a;background: #eef0f8;font-size: 21px;font-family: "SimSun";text-transform: uppercase;}

.s_pro01 .hd a:hover{background: #d62027;color: #fff;}

.s_pro01 .hd a.prve{ left:0;}

.s_pro01 .hd a.next{ right:0;}

.s_pro01 ul{ margin-right: -30px; }

.s_pro01 li{float:left;width:300px;text-align: center;overflow: hidden;height: auto;display:block;position:relative;padding: 80px 50px 60px 50px;}

.s_pro01 li:hover{background-color: #e33a40;}

.s_pro01 ul li .up{float:left;width: 300px;height: 205px;overflow:hidden;margin-bottom: 10px;}

.s_pro01 ul li .up img{float:left;width: 300px;height: 205px;}

.s_pro01 ul li .text{float:left;width: 100%;/* height: 200px; */box-sizing:border-box;text-align:left;}

.s_pro01 ul li .text h1{float:left;width: 100%;height: 40px;line-height: 40px;font-size: 16px;color: #303032;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/bor.png) left bottom no-repeat;}

.s_pro01 ul li:hover .text h1{ background:url(../images/bor_on.png) left bottom no-repeat; color:#fff}

.s_pro01 ul li .text h6{width: 100%;float:left;height: 40px;line-height: 50px;font-size: 14px;color: #8a8a8a;}

.s_pro01 ul li:hover .text h6{ color:#fff}

.s_pro01 ul li .text p{float:left;width: 100%;height: 48px;line-height: 24px;color: #8a8a8a;overflow:hidden;font-size:14px;margin-top: 9px;}

.s_pro01 ul li:hover .text p{ color:#fff}

.container04 ul li .font{width: 400px;height: 154px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}

.container04 ul .li .font{width: 400px;height: 154px;top:280px;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}

.container04 ul li .font h3{font-size:36px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;}

.container04 ul li:hover img{transform: scale(1.05, 1.05);}

.container04 ul li .font::before,.container04 ul li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}

.container04 ul li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}

.container04 ul li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}

.container04 ul li:hover .font::before,.container04 ul li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

.notice{float: left;width:1200px;position: relative;}

.container04 .more a{display:block;width: 75px;height: 30px;background-color: #eff1f6;color: #313134;line-height: 30px;text-align:center;position:absolute;top: 0px;right:0;font-size:12px;}

.container04 .more a:hover{ background-color:#d62027; color:#fff}

.container04 .sPrev{float:left;margin-left: -34px;}

.container04 .sNext{float:right;margin-right: -34px;}



/*====公司资质====*/

.container05{padding:55px 0 70px 0;}

.container05 .notice{ margin-bottom:50px;}

.container05 .nav{ width:600px; margin-bottom:20px;}

.container05 .nav h4{ font-size:20px; color:#fff; font-weight:bold;}

.container05 .nav h4 small{ font-size:18px; color:#fff; font-weight:bold; text-transform:uppercase; margin-left:8px;}

.container05 .picScroll{width: 1200px;position: relative;}

.container05 .picScroll .sPrev,.container05 .picScroll .sNext{ position: absolute;top: -80px;right: 60px;display:block;width:55px;height:22px; line-height:22px;background-color:#d5d6d7; font-size:18px; font-family:simsun; color:#858585; text-align:center;}

.container05 .picScroll .sPrev{right: 60px;}

.container05 .picScroll .sNext{right:0;}

.container05 .picScroll .sPrev:hover,.container05 .picScroll .sNext:hover{ background-color:#d62027; color:#fff}

.container05 .picScroll ul{overflow:hidden;zoom:1;}

.container05 .picScroll li{width: 270px;height: 194px;margin: 0 37px 0 0;position:relative;float:left;display:inline; border:1px solid #e6e7e7;}

.container05 .picScroll li img {max-width: 270px;height: 194px;}

.container05 .picScroll .scrollWrap{width: 1200px;overflow:hidden;}

.container05 .title{ float:left; width:100%}

.container05 .title h3{ float:left; width:100%; font-size:24px; color:#575757; margin:0 0 55px 0}

.container05 .title h3 small{ font-size:14px; color:#c3c3c3; text-transform:uppercase; margin-left:15px;}

.container05 .picScroll ul li .text_box{ position:absolute; left:0; top:0; display:block;width: 100%; height: 0; overflow: hidden;z-index:3; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D1D62027', endColorstr='#D1D62027');background:rgba(214,32,39,0.82); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.container05 .picScroll ul li .text_box .table{ display:table; width: 100%; height: 100%; overflow: hidden;}

.container05 .picScroll ul li h1{ display: table-cell; vertical-align: middle; text-align: center; font-weight: 400;}

.container05 .picScroll ul li strong{display:block;margin: 0 auto;width: 29px;height: 29px;background: url(../images/more.png) center no-repeat;margin-bottom: 15px;}

.container05 .picScroll ul li span{display:block;font-size:16px;color:#fff;margin: 0 auto;text-align center;width: 90%;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.container05 .picScroll ul li:hover .text_box{ height:100%}

.container05 .more{width: 214px;height: 43px;position:relative;margin:0 auto;}

.container05 .more a{display:block;color: #2b2b30;font-size: 14px;text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;line-height: 43px;margin:0 auto;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border: #2b2b30 1px solid;box-sizing:border-box;}

.container05 .more a:hover{ border:#db464c 1px solid; color:#fff}

.container05 .more i{position:absolute;width:100%;height:0;left:0;top:0;z-index:0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;box-sizing:border-box;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} 

.container05 .more:hover i{ background-color:#db464c; height:43px; color:#fff;}



/*====合作单位====*/

.container06{padding:55px 0 70px 0; background-color:#eff1f6}

.container06 .title{ float:left; width:100%}

.container06 .title h3{ float:left; width:100%; font-size:24px; color:#575757; margin:0 0 55px 0}

.container06 .title h3 small{ font-size:14px; color:#c3c3c3; text-transform:uppercase; margin-left:15px;}

.container06 .notice{}

.container06 .nav{ width:600px; margin-bottom:20px;}

.container06 .nav h4{ font-size:20px; color:#fff; font-weight:bold;}

.container06 .nav h4 small{ font-size:18px; color:#fff; font-weight:bold; text-transform:uppercase; margin-left:8px;}

.container06 .picScroll{width: 1200px;position: relative;}

.container06 .picScroll .bd{ position:relative;}

.container06 .picScroll .bt{position: absolute;width: 1200px;left: 0;bottom: 0;}

.container06 .picScroll .bt a{display: inline-block;text-align: center;width: 60px;height: 92px;line-height: 92px;color: #9c9da1;background: #eef0f8;font-size: 52px;font-family: "SimSun";text-transform: uppercase;}

.container06 .picScroll .bt a:hover{color: #252525;}

.container06 .picScroll .bt .sPrev{margin-left: -60px;}

.container06 .picScroll .bt .sNext{float:right;margin-right: -60px;}

.container06 .picScroll ul{overflow:hidden;zoom:1;}

.container06 .picScroll li{width: 352px;height: 120px;margin: 0 72px 0 0;position:relative;float:left;display:inline;background-color: #eff1f6;}

.container06 .picScroll li img {width: 352px;height: 120px; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);filter:gray;}
.container06 .picScroll li img:hover {width: 352px;height: 120px; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);}

.container06 .picScroll .scrollWrap{width: 1200px;overflow:hidden;}

.container06 .more a{display:block;width: 75px;height: 30px;background-color: #fff;color: #313134;line-height: 30px;text-align:center;position:absolute;top: 0px;right:0;font-size:12px;}

.container06 .more a:hover{ background-color:#d62027; color:#fff}



/*==========================================首页 结束=============================================*/





/*==========================================内页 开始=============================================*/



#n_zizhi{padding: 0;}

#n_zizhi ul li{width: 270px;height: 194px;margin: 0 40px 30px 0;position:relative;float:left;display:inline; border:1px solid #e6e7e7;}

#n_zizhi ul li img {max-width: 270px;height: 194px;}

#n_zizhi .scrollWrap{width: 1200px;overflow:hidden;}

#n_zizhi ul{float:left;width: 1280px;}

#n_zizhi ul li .text_box{ position:absolute; left:0; top:0; display:block;width: 100%; height: 0; overflow: hidden;z-index:3; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D1D62027', endColorstr='#D1D62027');background:rgba(214,32,39,0.82); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

#n_zizhi ul li .text_box .table{ display:table; width: 100%; height: 100%; overflow: hidden;}

#n_zizhi ul li h1{ display: table-cell; vertical-align: middle; text-align: center; font-weight: 400;}

#n_zizhi ul li strong{display:block;margin: 0 auto;width: 29px;height: 29px;background: url(../images/more.png) center no-repeat;margin-bottom: 15px;}

#n_zizhi ul li span{display:block;font-size:16px;color:#fff;margin: 0 auto;text-align center;width: 90%;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_zizhi ul li:hover .text_box{ height:100%}



#n_banner{width:100%;height: 325px;}

.n_main_box{ width:100%; }

.n_main_box .main_box{position:relative;width:1200px;margin: 0 auto;}

.n_nav_box{position:relative;border-bottom:1px solid #d0d0d0;height: 70px;background:#fff;position:relative;}

.n_nav{ position:relative; }

.n_nav a{display:inline-block;width: 140px;height: 71px;text-align: center;font-size: 15px;float:left;line-height:53px;color:#444444;}

.n_nav a strong{display:block;color:#646464;position:relative;z-index:4;height: 68px;line-height: 70px;font-weight: 100;}


.n_nav .on,.n_nav a:hover{
    background-color: #d62027;
    color: #fff;
}
.n_nav .on strong,.n_nav a:hover strong{ color:#fff}

.n_nav .on strong{height: 71px;line-height: 70px;font-weight: 100;}

.n_up_box{ position:relative; position:relative; }

.position{position:absolute;height: 70px;line-height: 70px;right:0px;bottom:0px;color:#999999;background: url(../images/icon_home.png) left 27px no-repeat;padding-left: 19px;font-size: 12px;}



.position span, .position a, .position i{ font-size:12px; color:#999999;}

.position i{ font-family:simsun; margin:0 6px; font-style:normal; }

.position em{font-size:12px;color: #d62027;font-style: normal;}

.position a:hover{ color:#d62027;}

.n_main_box .main_box{width: 1200px;height: 70px;position:relative;margin: 0 auto;}



/*==============分页=====================*/

.page { margin:0px auto 0px auto;}

.page .box{display:inherit; width:100%;  text-align: center; margin-top:40px;}

.page a{ padding:0 13px; height:30px; line-height:30px; display:inline-block; border:1px solid #ddd; margin-left:10px;  color:#fff; color:#6c6c6d; font-size:12px; }

.page .on{background: #d62027;color:#fff !important;border: 1px solid #d62027;}

.page span{ background:#d62027; color:#fff !important;border:1px solid #d62027;}

.page a:hover{ background:#d62027; color:#fff !important; text-decoration:none; border:1px solid #d62027; }

.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */

-o-transition: all 1s; /* Opera */}

.page a.prev{ padding-left:25px; color:#fff; background-image:url(../images/icon_sj_page_prev.png); background-repeat:no-repeat; background-position:12px center; background-color:#959595;}

.page a.next{ padding-left:12px; padding-right:26px;  color:#fff; background-image:url(../images/icon_sj_page_next.png); background-repeat:no-repeat; background-position:56px center; background-color:#959595;}

.page a.prev:hover,.page a.next:hover{background-color:#d62027 !important;}



.n_pro_list{padding: 50px 0 80px 0;}

.n_pro_list ul{float: left;width: 1300px;}

.n_pro_list ul li{float:left;width:372px;height: 406px;margin-right: 48px;position:relative;text-align:center;overflow:hidden;}

.n_pro_list ul li .img,.container02 ul li .img img{width:370px;height:310px;position: relative;background:#d5d5d7;}

.n_pro_list ul li .top{position:absolute;content: " ";top: 0;right: 0;left: 0;bottom: 0;box-sizing:border-box;padding: 92px 0 0 0;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D1D62027', endColorstr='#D1D62027');background:rgba(214,32,39,0.82);}

.n_pro_list ul li:hover .top{ opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1);}

.n_pro_list ul li .top h2{width: 368px;font-size: 14px;color:#fff;height: 24px;line-height: 24px;margin-left: -368px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; text-transform:uppercase; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.n_pro_list ul li .top h4{width: 368px;font-size: 14px;color:#fff;height: 24px;line-height: 24px;margin-left: 368px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.n_pro_list ul li:hover .top h2{ margin-left:0}

.n_pro_list ul li:hover .top h4{ margin-left:0}

.n_pro_list ul li .top span{display:block;height: 42px;width: 42px;position: relative;left:50%;margin-left: -22px;margin-top: 15px;}

.n_pro_list ul li .top span::after{ border-radius: 50%; background:url(../images/jt.png) #fff center center no-repeat; animation: rotate 1.2s linear infinite; content: ''; position: absolute; left: 0; top: 0; width: 42px; height: 42px;}

@keyframes rotate {

	0% { transform: translateY(0);}

    25% {transform: translateY(5px);}

    50% {transform: translateY(8px) scale(1.0, 1); }

    75% { ransform: translateY(5px);}

    100% {transform: translateY(0);}

}

.n_pro_list ul li .con{ float:left; width:100%; height:90px; box-sizing:border-box; padding:0 15px;}

.n_pro_list ul li .con h3{font-size:18px;color:#3e3e3e;margin: 18px 0 0 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.n_pro_list ul li .con h5{ font-size:14px; color:#8b8a8a; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



/*====公司新闻====*/

.n_news_list{ padding:0 0 75px 0; overflow:hidden; width:100%;}

.n_news_list {}

.n_news_list .top{width:100%;background-color: #eff1f6;overflow:hidden;padding:50px 0;margin-bottom: 15px;}

.n_news_list .top ul{ width:1200px; margin:0 auto;}

.n_news_list .top ul li{ float:left; width:580px; margin-right:40px; box-sizing:border-box; border:#d3d4d7 1px solid}

.n_news_list .top ul li .left,.n_news_list .top ul li .left img{ float:left; width:250px; height:170px;}

.n_news_list .top ul li .right{float:left;text-align: left;width:285px;height:170px;padding:0 20px;}

.n_news_list .top ul li:last-child{ margin-right:0}

.n_news_list .top ul li h5{float:left; width:100%; line-height:50px; height:50px; margin-top:10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_news_list .top ul li h5 a{font-size:16px;color: #252525;}

.n_news_list .top ul li h5 a:hover{ color:#d62027;}

.n_news_list .top ul li span{ float:left; width:100%; font-size:12px; color:rgba(25,25,25,0.51); margin-bottom:20px;}

.n_news_list .top ul li p{ float:left; width:100%; font-size:12px; color:rgba(25,25,25,0.77); line-height:24px; height:48px; overflow:hidden;}

.n_news_list .content ul{ width:1200px; margin:0 auto;}

.n_news_list .content ul li{float:left;width:1200px;padding: 32px 0;}

.n_news_list .content ul li:hover{ background:url(../images/bg.png) right center no-repeat;}

.n_news_list .content ul li .time{float:left;width: 95px;height: 85px;box-sizing:border-box;border:#e1e1e1 2px solid;margin-right: 35px;overflow:hidden;}

.n_news_list .content ul li:hover .time{ background-color:#d62027; border-box;border:#d62027 2px solid;}

.n_news_list .content ul li .time .day{margin:0 auto;width:60px;line-height: 60px;height: 40px;font-size:36px;color:rgba(64,64,64,0.65);text-align:center;}

.n_news_list .content ul li .time .year{margin:0 auto;width:60px;line-height:35px;height:35px;font-size: 12px;color:rgba(64,64,64,0.65);text-align:center;}

.n_news_list .content ul li:hover .day,.n_news_list .content ul li:hover .year{ color:#fff}

.n_news_list .content ul li .center{float:left;width: 1040px;text-align:left;padding: 10px 0 0 0;}

.n_news_list .content ul li .center h5{margin-bottom: 15px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_news_list .content ul li .center h5 a{color: #252525;font-size: 16px;}

.n_news_list .content ul li .center h5 a:hover{ color:#d62027;}

.n_news_list .content ul li .center p{font-size: 12px;color: #898a8c;line-height: 20px;height: 40px;overflow:hidden;}



/*====新闻详情====*/

#left_news{float:left;width: 850px;}

#n_show_news{position:relative;margin: 0 auto;width: 1200px;}

#right_news{width: 320px;padding: 25px 29px 25px 29px;background: #f3f4f8;float: right;box-sizing: border-box;}

#right_news .title{background: url(../images/line_news_hot.png) left center no-repeat;padding-left: 10px;color: #343435;font-size: 14px;text-align: left;height: 50px;line-height: 50px;margin-bottom: 15px;border-bottom: #dee0e3 1px solid;}

#right_news a{ display: block;}

#right_news .pic_box{ width: 220px; height: 115px; overflow: hidden; margin: 20px 0;}

#right_news .pic_box img{ display: block; width: 220px; height: 115px;}

#right_news li{padding-bottom: 15px;margin-bottom: 20px;border-bottom: 1px solid #dee0e3;}

#right_news li .text_box{ padding-left: 10px; background: url(../images/icon_dd_hotnews.png) left 5px no-repeat; }

#right_news li .text_box a{font-size: 12px;color: #4d4e4f;line-height: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#right_news li span{ font-size: 12px; color: #929496;}

#right_news li .text_box a:hover{ color:#d62027;}

.n-container{padding: 50px 0 80px 0;}

#n_show_news .n_article{width: 850px;float: left;background-color: #f3f4f8;box-sizing: border-box;padding: 40px 30px;}

.n_article .ar_title{margin-bottom: 5px;border-bottom: #dcdee1 1px solid;}

.n_article .ar_title{padding: 0 0 15px 0;position:relative;}

.n_article .ar_title h1{font-size:18px;margin-bottom: 5px;display:block;text-align: left;font-weight: bold;line-height:30px;color: #393a3e;}

.n_article .ar_title h2{font-size:12px;position:relative;text-align: left;display:block;height:40px;padding: 0;color: #c5c5c7;line-height:40px;}

.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}

#ar_fot{position:relative;padding: 20px 30px;float:left;background-color: #f3f4f8;box-sizing: border-box;width: 100%;}

#ar_fot h1{display:block;font-size:12px;line-height:30px;color: #656667;font-weight:bold;}

#ar_fot h1 a{font-size:12px;color: #656667;font-weight:normal;}

#ar_fot h1 a:hover{ color:#d62027;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}

.n_article .ar_title span{float: left;padding: 0 36px 0 16px;font-size:12px;color:#afafb2;display:inline-block;line-height: 36px;height: 36px;}

.n_article .ar_title span a{font-size:12px;color:#afafb2;float:left;margin-right: 7px;}

.n_article .ar_title .span1{ background:url(../images/time.png) left center no-repeat;}

.n_article .ar_title .span2{ background:url(../images/fx.png) left center no-repeat;}

#ar_fot h1:nth-child(1){ text-align:left}

#ar_fot h1:nth-child(2){ text-align:right}



/*==============分享=====================*/

.shart_box{ margin-bottom: 25px; }

.shart_box:hover #j_shart_s_24{ display:block;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:60px; position:relative; display:none; height:50px;}

#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

##j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}



/*====公司简介====*/

.n_about{ padding: 50px 0 80px 0;}

.n_about .ar_article h4{ color:#737375; font-size:22px; line-height:24px;margin-bottom:5px;}

.n_about .ar_article h5{ color:rgba(115,115,117,0.5); font-size:16px; line-height:24px; margin-bottom:25px; text-transform:uppercase; letter-spacing:2px;}



/*====联系我们====*/

.contact .ar_article{}

.contact .main_box h2{ font-size:30px; line-height:46px; color:#f08519; text-transform:uppercase; text-align:center;}

.contact .main_box h3{ font-size:22px; line-height:24px; color:#444445; font-weight:normal; text-align:center; margin-bottom:50px;}

.contact .main_box .con{position:relative;overflow:hidden;margin-bottom: 60px;min-height: 230px;}

.contact .main_box .con h4{ font-size:18px; line-height:56px; color:#68696a; background:url(../images/bottom_line.png) left bottom no-repeat; margin-bottom:0px;}

.contact .main_box .con p{font-size:14px;color:#545556;line-height:32px;padding: 0 !important;}

.contact .main_box .con span{ float:left; font-size:14px; color:#545556; line-height:32px;}

.contact .main_box .con i{ float:left; margin:4px 8px 0 4px}

.contact .main_box .con .img{position:absolute;top:10px;right:10px;width:420px;height:220px;background-color: #e1e3e5;}

.contact .main_box .con .img img{ float:left; width:420px; height:220px; margin:-10px 0 0 10px;}



/*====合作留言====*/

.container{padding:50px 0;}

.sqstq .left{float:left;width: 766px;}

.sqstq .left h5{ font-size:16px; color:#737375; line-height:36px; font-weight:normal; margin-bottom:25px;}

.sqstq .messlist {height: 43px;margin: 0 17px 12px 0;float:left;width: 364px;border: #e2e4e6 1px solid;color:#626364;border-radius: 3px;}

.sqstq .messlist label,.form-list .messlist01 label,.sqstq .messlist03 label{float:left;width: 120px;height: 43px;line-height: 43px;text-align: left;color: #252525;font-size: 14px;box-sizing: border-box;padding: 0 0 0 20px;background-color: #e2e4e6;}

.sqstq .messlist input{float:left;width: 194px;height: 43px;padding: 0 10px;background: none;border: none;outline: none;color:#626364;font-size:12px;} 

.sqstq .messlist01{height: 43px;margin-top: 30px;float:left;width: 880px;border:#d3d7d8 1px solid;background:#fbfbfc;color:#626364;margin-right: 44px;}

.sqstq .messlist01 input{float:left;width: 712px;height: 48px;padding: 0 10px;background-color:#fbfbfc;border: none;outline: none;color:#626364; font-size:12px;} 

.sqstq .messlist02{height: 151px;margin: 0 0 12px 0;float:left;width: 750px;border: #e2e4e6 1px solid;color:#626364;box-sizing: border-box;border-radius: 3px;}

.sqstq .messlist02 textarea{float:left;width: 524px;height: 78px;color:#626364;font-size:12px;border: none;outline: none;padding: 10px 10px;resize:none;box-sizing: border-box;background: none;}

.sqstq .messlist02 label{float:left;width: 120px;height: 150px;line-height: 150px;text-align: left;color: #424a59;font-size: 12px;box-sizing: border-box;padding: 0 0 0 20px;background-color: #e2e4e6;}

.sqstq .yanzheng{display:inline;float:left;margin: 3px 0 0 28px;position: absolute;right: -100px;}

.sqstq .yanzheng img{ width:95px; height:34px;}

.sqstq .messsub input{float: left;width: 120px;height: 43px;line-height: 43px;background: #d62027;font-size: 14px;cursor:pointer;color: #fff;border:none;margin: 40px 142px 0 0;border-radius: 3px;font-family:Microsoft Yahei;}

.sqstq .messsub input:hover{ background:#c71f26; }

.sqstq .messlist03{height: 43px;margin: 0 0 0 0;float:left;width: 366px;border: #dcdcdc 1px solid;color:#626364;box-sizing: border-box;border-radius: 3px;position: relative;}

.sqstq .messlist03 input{float:left;width: 120px;height: 43px;color:#626364;font-size:12px;border: none;outline: none;padding: 10px 10px;resize:none;box-sizing: border-box;background: none;}

.sqstq .right{ float:right; width:430px;}

.sqstq .right img{ float:right; width:350px; height:408px}



#n_conpany ul{ width:1280px;}

#n_conpany ul li{width: 352px;height: 120px;margin: 0 72px 30px 0;position:relative;float:left;display:inline;background-color: #eff1f6;}

#n_conpany ul li img {width: 352px;height: 120px;}



/*==========================================内页 结束=============================================*/



.n_talent{padding: 50px 0;}

.n_talent ul{float:left;position: relative;z-index: 3;width: 1240px;}

.n_talent ul li{float:left;width: 580px;height: 140px;margin: 0px 40px 25px 0;text-align:center;cursor:pointer;overflow:hidden;background-color: #eeeff2;box-sizing:border-box;border-radius: 3px;}

.n_talent ul li:hover{ background:#d62027; border:none}

.n_talent ul li .con{float:left;width: 100%;height: 140px;position:relative;z-index:1;}

.n_talent ul li h6{ text-align:center;}

.n_talent ul li h6 span{display:inline-block;font-size:12px;margin-bottom:20px;color: #868789;margin: 0 15px;}

.n_talent ul li h2{font-size:22px;color: #656567;line-height:40px;margin-top:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 10px;}

.n_talent ul li:hover h2,.n_talent ul li:hover p,.n_talent ul li:hover span{ color:#fff}

.n_talent .page .box{display:inherit;width:100%;text-align:center;}



/*==============分页——银灵子=====================*/
