@charset "utf-8";

/*~~~~框架布局~~~*/





/*==顶部↓==*/

.head-top{padding:10px 0; background: #004189;}

.head-top p{color:#fff}

.head-top .tel{color:#748bb2;font-size:12px;}

.head-top .tel font{color:#fff;font-weight:1000}

.head-top .right a{color:#748bb2;font-size:12px; padding-left:10px;border-left:1px #748bb2 solid;margin-left: 10px;/*! display: inline-block; */}

.head-top .right a:hover{color:#fff}

.head-top .weixin{width:50px;height:30px;display: inline-block;}

.head-top .weixin em{display: block;width:20px;height:20px;color: #717171;font-size: 20px;}

.head-top .weixin .ewm{left: -50px;top:29px;width:120px;height:120px;}

.head-top .weixin .ewm img{width:100px;}

.head-top .effect-lower{ position: relative;}

.head-top .effect-lower .effect-lower-block{position: absolute;left: -50px;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;}

.head-top .effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}

.header{ position: relative;padding:20px 0;}

/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}

.fixed-top .logo{}*/

.header .logo{}

.header .logo img{}

.header .nav{margin: 31px 0 0 0;}

.header .nav li{float: left;/* position: relative; */}

.header .nav li a.navAone{ display: block; color:#333333; font-size:17px; padding:10px 20px;}

.header .nav li a.navAone:hover,.header .nav li.active a.navAone{ color:#004189; }

/*.header .nav li.drop-downHover a.navAone{ background:#0092D8;color:#fff}*/

.header .search{ position:relative;margin: 40px 0 0 20px;}

.header .search em{display: block;width:20px;height:20px;font-size: 20px;color: #aaa;/*! background: #ddd; */}

.header .search:hover .box{ opacity:1;height:100px;}

.header .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}

.header .search .box{opacity:0;position:absolute;top:71px;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}

.header .search .box span{color: #46989C;font-size:15px;padding-right:30px;}	

.header .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 .search .box input::-webkit-input-placeholder { /* WebKit browsers */color:#999;}

.header .search .box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　color:#999;}

.header .search .box input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;　}

.header .search .box input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}

.header .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}

.header .search:hover input{width: 310px;transition:all .8s ease-in-out;}

.header .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}

.header .search .box button:hover{ background:#000}





/*==首页关于我们↓==*/

.HomeAbout{padding:100px 0; background: #f0f0f0;}

.HomeAbout .left{width:600px;position: relative;}

.HomeAbout .left h1{margin-bottom:50px;color:#004189;font-size:36px;}

.HomeAbout .left h1 font{ display: block;color:#919191;font-size:12px; text-transform: uppercase; margin-bottom: 10px;}

.HomeAbout .left hr{position: absolute;left:-100%;top:120px;z-index: 2;width:10000px; height:2px; border-top:1px #dcdcdc solid; border-bottom:1px #ffffff solid; background: none;}

.HomeAbout .left .wx{margin:120px 0 50px 0;color:#666666;font-size:14px;}

.HomeAbout .left .wx h3{margin:0 0 20px 0;color:#333333;font-size:24px;}

.HomeAbout .left .more{width:150px;line-height:50px; display: inline-block;/*! display: ; */text-align: center;}

.HomeAbout .left .xa{margin-right:20px;color:#fff;font-size:14px; background: url(../images/btn-xa.png) no-repeat center;}

.HomeAbout .left .xb{color:#666666;font-size:14px; background: url(../images/btn-xb.png) no-repeat center;padding-right: 25px;}

.HomeAbout .right{ position:relative;z-index:3;width:550px;}

.HomeAbout .right img{max-width:100%;}





/*==首页特点↓==*/

.HomeCharacteristic{ background:#004189}

.HomeCharacteristic .list{float:left;width:100%; position: relative;border-left:1px #004b9d solid;}

.HomeCharacteristic .list:before{ content:""; position: absolute; left:-2px;top:110px;width:3px;height:10px; background: rgba(255,255,255,0.2);}

.HomeCharacteristic .list li{ position:relative;float:left; width:299px;text-align: center; padding:100px 50px; border-right:1px #004b9d solid} 

.HomeCharacteristic .list li:before{ content:""; position: absolute; right:-2px;top:110px;width:3px;height:10px; background: rgba(255,255,255,0.2);}

.HomeCharacteristic .list li em{ display: block; width:70px; height:70px;margin: auto;}

.HomeCharacteristic .list li h3{ color:#fff;font-size:36px; margin: 30px 0 20px 0;}

.HomeCharacteristic .list li h3 font{ display:block; margin:10px 0;color:#ddd;font-size:12px;}

.HomeCharacteristic .list li h3 hr{ display:block; width:30px; height:1px; background:#fff;margin: auto;border: none;}

.HomeCharacteristic .list li p{margin-top:10px;color:#fff;font-size:14px;}

.HomeCharacteristic .list li.x1 em{ background: url(../images/ico001.png) no-repeat center;}

.HomeCharacteristic .list li.x2 em{ background: url(../images/ico002.png) no-repeat center;}

.HomeCharacteristic .list li.x3 em{ background: url(../images/ico003.png) no-repeat center;}

.HomeCharacteristic .list li.x4 em{ background: url(../images/ico004.png) no-repeat center;}





/*==标题↓==*/

.titleAx{color:#004189;font-size:36px;margin:20px 0;text-align: center;}

.titleAx font{ display: block;color:#888888;font-size:14px; margin-top:10px;}





/*==首页产品↓==*/

.HomeProduct{margin: 70px 0;}

.HomeProduct .tone{margin:40px 0; text-align: center;}

.HomeProduct .tone li{ display: inline-block;}

.HomeProduct .tone li a{ display: block;color:#666666;margin:0 10px;font-size:14px; padding:10px 20px; border:1px #ddd solid;border-radius:50px;cursor: pointer;}

.HomeProduct .tone li a:hover{color:#fff; border:1px #004189 solid; background: #004189;}

.HomeProduct .down{}

.HomeProduct .list{}

.HomeProduct .list li{float:left; width:400px;}

.HomeProduct .list li a{ position:relative; display: block; padding:0 0 10px 0;margin:0 5px;border:1px #ddd solid;text-align: center}

.HomeProduct .list li a:before{ opacity: 0;content: ""; position: absolute; left:0;top:0;z-index:1;width:100%; height:100%; background:rgba(0,65,137,0.7);transition: all .4s ease-in-out;}

.HomeProduct .list li h4.title{color:#333333;font-size:16px;padding:0 20px;}

.HomeProduct .list li span.p{ color:#888888;font-size:12px; display: block;padding:0 20px;}

.HomeProduct .list li .box{opacity: 0;position: absolute; left:0;top:0;z-index:2;padding:180px 50px 0 50px; width:100%; height:100%; text-align: center;transition: all .4s ease-in-out;}

.HomeProduct .list li .box h4{color:#fff;font-size:16px;}

.HomeProduct .list li .box hr{ display: block;width:50px;height:1px;margin:10px auto; border:none; background:#fff;}

.HomeProduct .list li .box span{color:#fff;font-size:12px;}

.HomeProduct .list li .box em{ display: block; width:20px;height:20px;margin:15px auto; background:url(../images/arrow_04.png) no-repeat center}

.HomeProduct .list li:hover h4.title,.HomeProduct .list li:hover span.p{ opacity: 0}

.HomeProduct .list li:hover a:before{ opacity: 1;}

.HomeProduct .list li:hover .box{ opacity: 1;}

.HomeProduct .picScroll-left{ position: relative;}

.HomeProduct .picScroll-left .prev,.HomeProduct .picScroll-left .next{ position:absolute; left:-50px;top:200px;width:35px;line-height:35px;text-align: center;color:#999; border-radius:50%; cursor: pointer;background:#dbdbdb;}

.HomeProduct .picScroll-left .next{ left:auto;right:-50px;}

.HomeProduct .picScroll-left .prev:hover,.HomeProduct .picScroll-left .next:hover{color:#fff;background:#004189}





/*==首页新闻↓==*/

.HomeArticle{ padding:70px 0;background: #f0f0f0;}

.HomeArticle .list{margin-top:25px;}

.HomeArticle .list li.one{ float:left; width:580px;margin-right:20px;}

.HomeArticle .list li.one span{ display: block;color:#888888;font-size:30px; margin:50px 0 5px 0;}

.HomeArticle .list li.one span font{ color:#888888;font-size:14px; border-top:1px #ddd solid;margin-left: 5px;}

.HomeArticle .list li.one h4{font-size:16px;color:#333333}

.HomeArticle .list li.one p{color:#666666;font-size:12px; margin:35px 0 50px 0;border-left: 2px #ddd solid;padding-left: 20px;}

.HomeArticle .list li.one b{display: block; width:200px; line-height:50px; text-align: center; color:#fff;font-size:20px; background:#004189}

.HomeArticle .list li.one:hover h4{color:#004189}

.HomeArticle .list li.two{float:right; width:580px;margin:0 0 10px 0;padding:20px; background: #fff;}

.HomeArticle .list li.two .pic{ float:left;width:200px; margin-right:20px;}

.HomeArticle .list li.two h4{/*! float:left; */ color:#333333;font-size:16px;}

.HomeArticle .list li.two span{/*! float:left; */ color:#888888;font-size:12px;}

.HomeArticle .list li.two p{/*! float:left; */margin-top:10px; color:#666666;font-size:12px;}

.HomeArticle .list li.two:hover{ background: #004189;}

.HomeArticle .list li.two:hover h4{color:#fff}

.HomeArticle .list li.two:hover p,.HomeArticle .list li.two:hover span{color:#ddd}





/*==首页帮助↓==*/

.HomeHelp{padding:70px 0; background: url(../images/bg01.jpg) no-repeat center;}

.HomeHelp h1{color:#fff;font-size:36px; color:#ffffff}

.HomeHelp p{margin:40px 0;color:#ffffff;font-size:14px;width:700px;}

.HomeHelp a{ display: block;width:200px;line-height:50px;color:#fff;font-size:18px; text-align: center; background: #006cff;}

.HomeHelp a:hover{background: #f60;}





/*==产品列表↓==*/

.ProductListBox3{}

.ProductListBox3 .list{}

.ProductListBox3 .list li{ width:100%; padding:30px 100px 30px 30px;margin:0 0 30px 0; box-shadow: 0 0 10px #eee; border:1px #eee solid;overflow: hidden;}

.ProductListBox3 .list li .pic{ float:left;width:450px;margin-right: 50px;}

.ProductListBox3 .list li h4{color:#333333;font-size:30px;margin: 80px 0 30px 0;}

.ProductListBox3 .list li p{color:#666666;font-size:14px; margin:20px 0;}

.ProductListBox3 .list li p b{color:#333333;font-size:14px; display: block;font-weight: bold;}

.ProductListBox3 .list li:hover h4 a{color:#004189}

.ProductListBox3 .list li .xa{display: inline-block;width:150px;margin-right:10px;margin-top:10px;color:#fff;font-size:14px; line-height:50px; text-align: center; border-radius:30px;}

.ProductListBox3 .list li .online{ background: #004189;}

.ProductListBox3 .list li .details{ background: #929292;}

.ProductListBox3 .list li .xa:hover{ background: #000;}





/*==关于我们↓==*/

.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:100px;}

.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:27px; border:solid 1px #ccc;}

.aboutHonor li img{max-width:100%;height:200px;vertical-align: middle;display: block;transition:all 0.5s;}

.aboutHonor li .imgbox{width: 100%;height:200px;vertical-align: middle;display: table-cell;text-align: center;height: 200px;}

.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:35px;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:-40px;}

.aboutSetting li:hover img{transform:scale(1.1,1.1);}





/*==服务↓==*/

.s_tie{font-size:30px;color:#555;font-weight:normal;background: url('../images/support_icon4.png') no-repeat;padding-left:40px;line-height:30px;height:60px;}

.support_font{width:600px;background:#eaeaea;padding:40px;height:560px;margin-top: 20px;}

.support_font .font{height:200px;margin-bottom:20px;font-size:14px;line-height:34px;}

.support_font .font img{max-width:100%}

.support_font.fr{background:#f3f3f3;}

.support_faq{margin-top:60px;margin-bottom: 70px;}

.support_faq .tie{height:90px;line-height:90px;padding:0 40px 0 80px;font-size:30px;background:#004189 url('../images/support_icon3.png') no-repeat 40px center;cursor:pointer;font-weight:normal;color:#fff;margin-bottom:15px;}





/*==常见问题↓==*/

.faqList li{position:relative;margin-bottom:25px;}

.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#004189;pointer-events:none;}

.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}

.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}

.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}

.faqList li h3{position:relative; padding:0 60px 0 25px; background-color:#f1f1f1; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;border:1px solid #e1e1e1;}

.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}

@-webkit-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;}}

@keyframes fadeIn{0%{opacity:0;} 100%{opacity: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{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:#fe7524;}

.jobList{margin-bottom:20px;}

.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;}





/*==底部===*/

.footer{padding: 80px 0 20px 0;background: #383838;}

.footer .nav{width: 700px;display: table;}

.footer .nav li{display: table-cell;padding-right: 25px;}

.footer .nav li h3{color:#fff;font-size:14px;}

.footer .nav li a{ display: block;color:#999999; line-height:20px;font-size:12px;padding:3px 0;}

.footer .nav li a:hover{color:#fff}

.footer .middle{width: 280px;margin: 0px 50px;}

.footer .middle span{color:#fff;font-size:14px;}

.footer .middle b{ display:block; margin:10px 0;color:#fff;font-size:36px;}

.footer .middle p{color:#999999;font-size:12px;}

.footer .ewm{color:#999999;font-size:12px;line-height: 30px;text-align: center;}

.footer .ewm img{ display:block; margin:0 auto 10px; width:120px;}

.footer .down{ border-top:1px #333333 solid; margin-top:20px; padding-top:20px;color:#999999;font-size:12px;overflow: hidden;width: 100%;}

.footer .down a{color:#999999;font-size:12px;}

.footer .down a:hover{color:#fff}

.footer .down .copy h3{float:left;margin-right:0px;color:#999999;font-size:14px;}

.footer .down .copy a{margin:0 10px;}