@charset "utf-8";


/*~~~~框架布局~~~*/
.mtb{margin-top:30px;}


/*==顶部↓==*/
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header{padding:25px 0 20px 0;}
.header .right{width:850px;}
.header .frame{width: 100%;text-align: right;}
.header .frame a{position: relative; display: inline-block; width:27px;height:25px;margin:0 1px; background: url(../images/icoA.png) no-repeat 0 0;}
.header .frame a.weixin{background-position:-6px -4px;}
.header .weixin .ewm{position: absolute;left: -100px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}
.header .weixin:hover .ewm{opacity:1;transform: scale(1);}
.header .frame a.weibo{background-position:-31px -4px;}
.header .frame a.qq{background-position:-61px -4px;}
.header .frame a.tel{background-position:-100px -4px;margin-left: 10px;}
.header .frame a.tel span{position: absolute;right:0;bottom:-54px;z-index: 99; display: block;width:260px; font-size:18px; text-align: center;padding:10px 10px;color:#f2050f; background: #eee; filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); transition:all 1s;}
.header .frame a.tel:hover span{opacity:1;transform: scale(1);}
.header .frame a.search{background-position:-128px -4px;}
.header .frame .search:hover .box{opacity:1;height:100px;}
.header .frame .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}
.header .frame .search .box{opacity:0;position:absolute;top:100%;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.header .frame .search .box span{color: #46989C;font-size:15px;padding-right:30px;}
.header .frame .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #46989C solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}
.header .frame .search .box input::-webkit-input-placeholder{/* WebKit browsers */color:#999;}
.header .frame .search .box input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */　color:#999;}
.header .frame .search .box input::-moz-placeholder{/* Mozilla Firefox 19+ */color:#999;}
.header .frame .search .box input:-ms-input-placeholder{/* Internet Explorer 10+ */color:#999;}
.header .frame .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}
.header .frame .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.header .frame .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.header .frame .search .box button:hover{background:#000}
.header .nav{float: right;margin-top: 10px}
.header .nav li{float: left;/* position: relative; */}
.header .nav li a.navAone{display: block; color:#333333; font-size:14px; padding:10px 20px;}
.header .nav li a.navAone:hover{color:#f2050f;}
.header .nav li.active a.navAone{color:#f2050f;}


/*==首页案例↓==*/
.HomeCase{}
.HomeCase{position: relative;margin: 70px 0 50px 0;}
.HomeCase .picScroll-left{position: relative;}
.HomeCase .picScroll-left .long{overflow: hidden;}
.HomeCase .picScroll-left .long .list{}
.HomeCase .picScroll-left .long .list li{float:left; width:300px; /*! -webkit-box-shadow:0 0 10px #ddd; */ /*! -moz-box-shadow:0 0 10px #ddd; */ /*! box-shadow:0 0 10px #ddd; */}
.HomeCase .picScroll-left .long .list li a{position:relative;display: block;margin:5px 10px;background: #fff;/*! padding:5px; */}
.HomeCase .picScroll-left .long .list li:hover{}
.HomeCase .picScroll-left .long .list li img{height:150px;}
.HomeCase .picScroll-left .long .list li h4{position:absolute; left:0;bottom:0;width:100%;padding:8px;color:#fff; font-size:14px; text-align: center; background: rgba(0,0,0,0.5);}
.HomeCase .picScroll-left .long .list li:hover h4{color:#0092d8; background: #000}
.HomeCase .picScroll-left .prev,.HomeCase .picScroll-left .next{width:37px;height:35px;position: absolute; top:70px;left:-50px;font-size:60px;color:#666;cursor: pointer; background: url(../images/icoA.png) no-repeat -5px -37px;}
.HomeCase .picScroll-left .next{right:-50px; left:auto; background-position: -40px -37px;}
.HomeCase .picScroll-left .prev:hover{background-position: -5px -72px;}
.HomeCase .picScroll-left .next:hover{background-position: -40px -72px;}


.HomeProduct{
    margin: 0 0 50px 0;
}
.HomeProduct h2{color:#666;font-size: 25px;text-align:center;}
.HomeProduct h2 font{ color:#f2050f;}
.HomeProduct .list{ margin-top:30px;}
.HomeProduct .list li{float:left;width: 220px;height: 350px; margin: 0 10px 10px 0;border: 1px #eee solid;padding: 10px;}
.HomeProduct .list li .pic{height:200px;overflow: hidden; margin-bottom: 10px;vertical-align: middle;display: table-cell;text-align: center;}
.HomeProduct .list li h4{color:#666;font-size: 16px;text-align:center;padding:5px 0;}
.HomeProduct .list li p{color:#999;font-size:12px; line-height:20px;}
.HomeProduct .list li:hover h4{color:#f2050f;}
.HomeProduct .list li b{display:table;margin:10px auto;border-radius:10px;color:#888;font-size: 12px;padding: 2px 15px;text-align: center;background:#ccc;}
.HomeProduct .list li:hover b{color:#fff; background:#f2050f}


/*==首页内容块↓==*/
.HomeContent{padding:70px 0;background: #233c49}
.HomeContent a{display: block;}
.HomeContent .two,.HomeContent .three,.HomeContent .four{padding:35px;}
.HomeContent .two{width:300px;height:160px; background: #d12930 url(../images/pic01.png) no-repeat 140px 55px;}
.HomeContent .two a,.HomeContent .four a{display: block; color:#fff;font-size:20px;}
.HomeContent .two font{display: block; color:#eee;font-size:12px;}
.HomeContent .three{width:300px;height:160px; color:#000;font-size:20px;background:#fff url(../images/pic02.png) no-repeat 200px 80px;}
.HomeContent .three a{display: block; color:#000;font-size:20px;}
.HomeContent .three font{display: block; color:#aaa;font-size:12px;}
.HomeContent .three p{width:150px;color:#7e7e7e;font-size:12px;}
.HomeContent .four{width:600px;height:160px;background: url(../images/pic03.jpg) no-repeat 0 0;}
.HomeContent .four p{margin-top:15px;color:#fff;font-size:12px;}
.HomeContent a{display: block;width: 100%;height: 100%;}
.HomeContent .two:hover{background: #0092d8 url(../images/pic01.png) no-repeat 140px 55px;}
.HomeContent .three:hover{background:#0092d8 url(../images/pic02.png) no-repeat 200px 80px;}
.HomeContent .three:hover a,.HomeContent .three:hover font,.HomeContent .three:hover p{color:#fff}
.HomeContent .four:hover a,.HomeContent .four:hover p{color:#ddd}


/*==首页新闻↓==*/
.HomeNews{padding:50px 0; background:#f4f4f4;}
.HomeNews h1{color:#000;font-size:25px;float: left;}
.HomeNews h1 font{display: block; color:#c7c7c7;font-size:20px;margin-top: 5px;}
.HomeNews .tone{margin: 0 0 0 120px;float: left;}
.HomeNews .tone li{position:relative; color:#000000;font-size:16px;padding-bottom:10px;float: left; border-bottom:3px #cdcdcd solid; margin-right: 50px;cursor: pointer;}
.HomeNews .tone li:before{color:#bbb;font-size:12px;margin-right:5px;transition: all .4s ease-in-out;}
.HomeNews .tone li:after{content: ""; position: absolute;left:0;bottom:-3px; width:0%; height:3px; background: #cdcdcd;transition: all .4s ease-in-out;}
.HomeNews .tone li.hit:before{color: #d12930}
.HomeNews .tone li.hit:after{width:100%; background: #d12930}
.HomeNews .down{float: left;width: 100%;margin-top:20px;}
.HomeNews .down ul{}
.HomeNews .down ul li{float:left; background: #fff;}
.HomeNews .down ul li.one{width:660px;padding-right:30px;}
.HomeNews .down ul li.one .img{width:243px;height:199px; margin-right:30px;}
.HomeNews .down ul li.one h4{margin:30px 0 0 0; color:#1b1b1b;font-size:14px;}
.HomeNews .down ul li.one span{color:#9d9d9d;font-size:12px;}
.HomeNews .down ul li.one p{color:#9d9d9d;font-size:12px;}
.HomeNews .down ul li.two{padding:11px 20px;width: 530px;margin:0px 0 7px 7px;}
.HomeNews .down ul li.two span{float:left;width: 90px;padding-right:15px; border-right:1px #ddd solid;/*! margin-right:20px; */ color:#9d9d9d;font-size:25px; text-align: center;/*! height: 75px; */margin: 13px 20px 13px 0;}
.HomeNews .down ul li.two span font{display: block;color:#9d9d9d;font-size:14px;}
.HomeNews .down ul li.two h4{color:#1b1b1b;font-size:14px}
.HomeNews .down ul li.two p{color#9d9d9d;font-size:12px;color: #9d9d9d;}
.HomeNews .down ul li.one:hover h4,.HomeNews .down ul li.one:hover p,.HomeNews .down ul li.two:hover h4,.HomeNews .down ul li.two:hover p{color:#d12930}


/*==关于我们↓==*/
.aBox{padding:50px 0;overflow:hidden;}
.aTie{font-size:30px;font-weight:normal;color:#333;text-align:center;margin-bottom:30px;line-height:30px;}
.aTie span{font-size:12px;color:#888;font-family:Arial;text-transform: uppercase;display:block;}
.aboutBox1 .font{width:550px;line-height:28px;}
.aboutBox1 .font h3{font-size:30px;color:#333;height:60px;font-weight:normal;}
/**/
.culture{padding:50px 0;overflow:hidden;background:#f0f0f0;}
.culture li{float:left;width:380px;margin-right:28px;}
.culture li .cImg{display:block;width:380px;height:250px;overflow:hidden;}
.culture li img{width:380px;height:250px;transition:all 0.5s ease-in;}
.culture li .font{padding:25px;background:#fff;height:110px;}
.culture li h4{font-size:24px;font-weight:normal;color:#333;margin-bottom:10px;}
.culture li:last-child{margin-right:0;}
.culture li:hover img{transform:scale(1.1);}
.culture li:hover{box-shadow:0 0 5px #ccc;}
/**/
.aboutHonor{padding:50px 0;overflow:hidden;}
.honorSlide ul{width:1240px;}
.aboutHonor li{float:left;width:280px;/*! height:245px;*/text-align:center;margin-right:25px;background:#eee;}
.aboutHonor li .imgBox{width: 100%;height: 100%;vertical-align: middle;display: table-cell;text-align: center;height: 300px;}
.aboutHonor li img{max-width:100%;/*! height:195px;*/transition:all 0.5s;}
.aboutHonor li span{display:block;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background:#fff;}
.aboutHonor li:hover img{transform:scale(.95);}
/**/
.aboutBox4{padding:50px 0;overflow:hidden;background:#f5f5f5;}
.aboutSetting{width:1200px;position:relative;overflow:hidden;}
.aboutSetting li{float:left;width:298px;height:225px;overflow:hidden;margin-bottom:2px;}
.aboutSetting li img{width:298px;height:225px;transition:all 0.5s;}
.aboutSetting li:nth-child(2n){float:right;margin-left:400px;}
.aboutSetting li.s1{position:absolute;left:300px;top:0;}
.aboutSetting li.s1,.aboutSetting li.s1 img{width:600px;height:452px;}
.aboutSetting li span{background: url('../images/opc2.png');height:40px;line-height:40px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;text-align:center;transition:all 0.3s;display:block;}
.aboutSetting li:hover span{margin-top:-45px;}
.aboutSetting li:hover img{transform:scale(1.1,1.1);}
/*==人才招聘↓==*/
.jobTop{overflow:hidden;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee;height:295px}
.jobTop .main{float:right;width:560px;}
.jobTop .main .font{font-size:15px;height:190px;overflow:hidden;line-height:28px;}
.jobTop .main .p1{padding-top:15px;font-size:16px;color:#333;}
.jobTop .main .p1 a{color:#333;}
.jobTop .main .p1 a:hover{text-decoration: underline;}
.jobTop .more{width:120px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:3px;display:inline-block;background:#333;margin-top:15px;}
.jobTop .more:hover{background:#cb000a;}
.jobList li{border-bottom:1px dashed #dbdbdb;margin-bottom:20px;}
.jobList h4{font-size:28px;font-weight:normal;background: url('../images/gicon19.png') no-repeat right center;padding-right:20px;padding-bottom:20px;line-height:32px;}
.jobList h4 span{display:block;font-size:16px;margin-top:8px;}
.jobList h4 span i{display:inline-block;font-style:normal;background: url('../images/job_icon.png') no-repeat left -35px;padding-left:30px;margin-right:15px;}
.jobList h4 span .num{background-position: 0 0;}
.jobList .font{background:#f2f2f2;padding:25px;display:none;}
.jobList .font .tie{color:#555;margin-bottom:10px;display:block;}
.jobList .font h5{margin-top:15px;font-size:16px;}
.jobList h4.on{color:#333;background: url('../images/gicon18.png') no-repeat right center;}


/*==联系我们↓==*/
.ConLongBox{position:relative;margin: auto;width: 1200px;}
.ConLongBox .pos{position:absolute; top:0;left:0;height:1px;width:100%;z-index:99;}
.ConLongBox .pos .contactFont2{float:right; width:500px;padding:30px; height:450px;color:#fff;line-height:25px; font-size:18px; background:rgba(70,89,101,0.9);}


/*==留言内页↓==*/
.cl:after,.clearfix:after{clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.cl,.clearfix{zoom:1;}
.contactFont{overflow:hidden;margin-bottom:30px;}
#dituContent{width:100%;height:450px;}
.feedback{margin-top:50px;margin-bottom:20px;overflow:hidden;}
.feedback .title{text-align:center;font-size:22px;font-weight:600;margin-bottom:25px;color:#333;}
.feedback .title span{background:#fff;padding:0 30px;position:relative;top:-10px;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;}
#feedback_form{position:relative;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:240px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:1175px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form i{font-style:normal;color:#ff1f19;position:absolute;font-size:14px;left: 364px;top:6px;}
#feedback_form .f2{left: 750px;}
#feedback_form .f3{left:auto;right: 57px;}
#feedback_form .f4{left: 363px;top:66px;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#df2128;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:70px;height:30px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#df2128;}


/*==解决方案↓==*/
.solutionIndex li{width:290px;background:#f8f8f8;position:relative;float:left;/*! margin-bottom:20px; *//*! height: 300px; */margin: 0 10px 20px 10px;}
.solutionIndex li .sImg{display:block;height:152px;/*! width:440px; *//*! height:340px; */overflow:hidden;position:relative;background:#000;}
.solutionIndex li img{width:290px;height:152px;transition:all 0.4s;}
.solutionIndex li i{position:absolute;width:100px;height:100px;top:-100px;left:100px;background: url('../images/sIcon.png') no-repeat;text-align:center;line-height:100px;font-size:14px;color:#219cdd;transition:all 0.4s;font-style:normal;}
.solutionIndex li div{height:135px;padding:20px;height:;position:relative;line-height:22px;color:#777;z-index:2;}
.solutionIndex li div p{font-size:12px;}
.solutionIndex li div h4{font-size:16px;height:30px;font-weight:normal;}
.solutionIndex li div h4 a{color:#333;}
.solutionIndex li:before{content:"";height:0;width:100%;background:#0e79f3;bottom:0;left:0;transition:all 0.4s;position:absolute;}
.solutionIndex li:hover img{opacity:.5;transition:all 0.4s}
.solutionIndex li:hover i{top:35px;transition:all 0.4s;}
.solutionIndex li:hover:before{height:150px;transition:all 0.4s;}
.solutionIndex li:hover div,.solutionIndex li:hover div h4 a{color:#fff;transition:all 0.5s;}


/*==产品；列表↓==*/
.productList{padding-left:5px;}
.productList ul{width:950px;}
.productList li{float:left;width:290px;background:#fff;box-shadow:0 0 10px #ddd;font-size:12px;margin:0 15px 15px 0;}
.productList li a{display:block;padding:10px;height:395px;}
.productList li .pImg{display:block;width:270px;height:270px;overflow:hidden;margin-bottom:10px;vertical-align: middle;display: table-cell;text-align: center;}
.productList li img{max-width:270px;max-height:270px;transition:all 0.7s;}
.productList li h4{font-size:18px;color:#4c4c4c;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;border-bottom:1px dotted #c4c4c4;height:40px;margin-bottom:5px;line-height:40px;position: relative;top:0;transition:all 0.7s;}
.productList li p{position:relative;top:0;transition:all 0.7s;}
.productList li a:hover{background:#0082cb;color:#fff;}
.productList li a:hover h4{color:#fff;top:60px;border-top:1px dotted #c4c4c4;border-bottom:none;}
.productList li a:hover p{top:-45px;}
.productList li a:hover img{transform:scale(1.1);}


/*==底部===*/
.footer{padding: 50px 0 20px 0;/*! background: #f9f9f9; */}
.footer .logo{margin-top: -20px;}
.footer .nav{margin: 0 0 0 30px;}
.footer .nav li{display: inline-block; border-right:1px #333 solid;font-size: 10px;line-height: 10px;}
.footer .nav li a{display: block;color:#505050; line-height:13px;font-size:12px;padding:0px 10px;}
.footer .nav li:last-child{border:0px;}
.footer .nav li a:hover{color:#f1040e}
.footer .link{color:#505050;font-size:12px;margin:0 18px 0 20px;position: relative;}
.footer .link h3{color:#505050;font-size:12px;margin-left: 30px;}
.footer .link h3 em{color:#666;font-size:12px;margin-left: 20px;transform: rotate(0deg);transition: all .4s ease-in-out;display: block;float: right;}
.footer .link span{position: absolute;bottom: 25px;right: 0px;width:110px;padding:10px 20px;border:1px #eee solid;background:#fff;filter: alpha(opacity=0);transform-origin:120px 120px;transform:scale(0.01);transition:all 1s;}
.footer .link span a{color:#505050;font-size:12px; text-align: center;padding:3px 0;display: block; border-bottom: 1px dashed #ddd}
.footer .link span a:hover{color:#f2050f}
.footer .link span a:last-child{border:0px}
.footer .link:hover span{opacity:1;transform: scale(1);}
.footer .link:hover em{transform: rotate(180deg);}
.footer .online{margin:0px 20px 0 30px;}
.footer .online a{position: relative; display: inline-block; width:27px;height:25px;margin:0 1px; background: url(../images/icoA.png) no-repeat 0 0;}
.footer .online a.weixin{background-position:-6px -4px;}
.footer .online .ewm{position: absolute;left: 14px;top: -127px;width:120px;height:120px;border: 1px #ddd solid;padding:5px;z-index: 9;background: #fff;filter: alpha(opacity=0);transform-origin: 0px 120px;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;}
.footer .online .weixin:hover .ewm{opacity:1;transform: scale(1);}
.footer .online a.weibo{background-position:-31px -4px;}
.footer .online a.qq{background-position:-61px -4px;}
.footer .right,.header .right a{color:#505050;font-size:12px;text-align: right;}
.footer .right a:hover{color:#f1040e}