@charset "utf-8";

/* --- 公用样式 --- */

em,i,p,span{line-height:100%;}

input{-webkit-user-select:text !important;}

.clear{clear:both;}

span{display:block;}

/*1240*/

@media screen and (min-width:1240px)  and  (max-width:2600px)  {

/* --- 公用样式 --- */

html{ font-size:14px; font-family:Open Sans; line-height: 24px;}

.pc{display:block;}

.wap{display:none;}

.img{ transition:all .6s ease; overflow:hidden;}

.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

a:hover{color:#F5AE04;}

.wrap{max-width:1240px; margin:0 auto;}

/* --- 栏目 --- */

.column{margin-top:40px; margin-bottom:40px;}

.column h2{font-size:22px; text-transform:uppercase; font-weight:bold; padding-bottom: 15px;border-bottom: 1px solid #e87722;}

/* --- 顶部 --- */

.page-top{background:#022a99; height:48px; line-height:48px;}

/* 关注 */

.page-top .follow{float:right; border-left:1px solid #3377AB; }

.page-top .follow li{float:left; border-right:1px solid #3377AB; width:60px; text-align:center;}

.page-top .follow li a{display:block; transition:all .3s;}

.page-top .follow li a:hover{background:#00467E;}

/* 搜索 */

.page-top .search{float:right; position:relative;}

.page-top .search input{background:#00467E; width:210px; border:none; height:48px; line-height:48px; padding-left:10px; color:#fff;}

.page-top .search input:focus{background:#003764;}

.page-top .search button{position:absolute; right:5px; top:0; background:url(../images/search.png) no-repeat 0 center; width:40px; height:48px; border:none; cursor:pointer;}

/* --- 头部 --- */

.header{height:95px; background:#fff;}
.header.small{position:fixed; left:0; width:100%; top:0; z-index:300; background:#fff; border-bottom:1px solid #efefef; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.17);}

/* logo */

.header .logo{float:left; line-height:95px;}

.header .home-logo{position:absolute; z-index:200;}


/* 导航 */
.header .nav{float:right; }
.header .nav li{float:left; line-height:80px; margin-left:70px; font-size:16px; font-weight: bold; position:relative; height:100px;}
.header .nav li .link{font-size:16px; text-transform:uppercase; position:relative;} 
.header .nav li .link.now{color:#F5AE04;}
.header .nav li .link:before{content:""; width:6px; height:6px; border:1px solid #022a99; position:absolute; bottom:-15px; left:48%; border-radius:100px; background:#fff; z-index:200;}
.header .nav li .link:after{content: ""; width:0; height:1px; background:#022a99; position:absolute; bottom:-12px; left: 50%;transition: all .8s;}
.header .nav li .link:hover:after{left: 0%; width: 100%;}
.header .nav li .link.now:after{left: 0%; width: 100%;}
.header .nav li:hover .link:after{left: 0%; width: 100%;}
.header .nav li dl{display:none; position:absolute; left:-12px; top:95px; width:220px; background:#fff; z-index:200; font-size:14px;}
.header .nav li dl em{display:block; border-bottom:1px solid #e4e4e4; height:41px; line-height:41px; background:#fff; position:relative;}
.header .nav li dl em a{display:block; padding-left:12px; color:#717171; transition:all .3s;}
.header .nav li dl em a:hover{background:#ffa908; color:#fff;}
.header .nav li dl em.arrow a{background:url(../images/nav-arrow.png) no-repeat 96% center;}
.header .nav li dl em.arrow a:hover{background:url(../images/nav-arrow2.png) no-repeat 96% center #ED6D00;}
.header .nav li dl em.arrow dd a{background:none;}
.header .nav li dl em.arrow dd a:hover{background:#ED6D00; color:#fff;}
.header .nav li dl dd{position:absolute; background:#fff; left:220px; top:0; width:220px; display:none; box-shadow: -2px 0px 20px #eee; z-index:20;}
.header .nav li:hover dl{display:block;}
.header .nav li:hover .link{color:#022a99;}
.header .nav li:hover dl em:hover dd{display:block;}

/* --- banner --- */
.banner{position:relative;}

.banner .bd li{text-align:center; position:relative; height:600px;}

.banner .bd li .box{position:relative; text-align:left;}

.banner .bd li .box dl{position:absolute; width:600px;}

.banner .bd li .box dl dt{ cursor:pointer; z-index:250; position:relative; background:url(../images/dot.gif) no-repeat; width:24px; height:24px; background-size:100%;}

/* 点 */
.banner .bd li dl.dot01{left:170px; top:270px; }
.banner .bd li dl.dot02{left:1250px; top:100px;}
.banner .bd li dl.dot03{left:158px; top:405px;}
.banner .bd li dl.dot04{left:109px; top:506px;}
.banner .bd li dl.dot05{left:152px; top:544px;}
.banner .bd li dl.dot06{left:430px; top:70px;}

/* 介绍 */
.banner .bd li dl dt{position:relative; z-index:20;}
.banner .bd li dl dd{ position:absolute; transition:all .3s; background:#fff; background-color:rgba(255,255,255,0.9); box-shadow: 0 3px 8px #666; padding:20px; width:430px; height:210px; opacity:0; transition:all .3s; margin-top: -20px;}
.banner .bd li dl dd h3{margin-bottom:15px;}
.banner .bd li dl dd p{margin-bottom:15px; font-size:14px; line-height:135%}
.banner .bd li dl dd em{ height:3px; background:#1d97f5; position:absolute; left:-70px; width:70px; display:block; top:6px; }
.banner .bd li dl dd i{ background:url(../images/pop-arrow.png) no-repeat; width:11px; height:19px; position:absolute; left:-10px; top:-2px;}
.banner .bd li dl dd a{color:#fff; width:135px; height:35px; line-height:35px; display:block; text-align:center; font-size:14px; text-transform:uppercase; position:relative; background:url(../images/more-arrow.png) no-repeat 85% center #022a99; padding-right:30px;}
.banner .bd li dl dd a:active{ opacity:.5;}
.banner .bd li dl dd b{position:absolute; right:15px; bottom:15px;}
.banner .bd li dl dd b img{border:1px solid #ccc;}
.banner .bd li dl.show dd{ opacity:1; left:80px; z-index:100;}

/* dot02 */
.banner .bd li dl.dot02 dd{left: -400px; top: 100px;}
.banner .bd li dl.dot02 dd em{transform: rotate(90deg); -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -o-transform: rotate(90deg); left: 378px; top: -25px;}
.banner .bd li dl.dot02 dd i{display: none;}

/* 视频 */
.banner .bd li .video{position: absolute; right: 20%; width: 560px; background: #fff; padding: 8px; bottom: 45px; border-radius: 10px;}
.banner .bd li .video video{width: 100%;}
.banner .bd li .video .video_play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;  z-index: 99;}
.banner .bd li .video .video_play img{width: 64px;}
.banner .bd li .video .video_play.none{opacity: 0;}

/* 箭头 */
.banner .prev,.banner .next{position:absolute; top:50%;  cursor:pointer; opacity:0; transition:all .3s ease;}
.banner:hover .prev,.banner:hover .next{opacity:1; }
.banner .prev{left:20px;}
.banner .next{right:20px;}

/* --- 产品相册 --- */
.home-product{ padding-bottom:20px; position:relative;}

/* 图片 */

.home-product .bd ul { overflow:hidden;}

.home-product .bd li {float:left; width:25%;  text-align:center;}

.home-product .bd li a{display:block; height:366px; border:1px solid #efefef; margin:0 auto; width:300px; }

.home-product .bd li .pic{overflow:hidden;}

.home-product .bd li .text{ opacity:0; background:#f5f5f5; height:66px; padding:12px; transition:all .3s; text-align:left; }

.home-product .bd li:hover a{ border:1px solid #ED6D00;}

.home-product .bd li:hover .text{opacity:1; color:#666; line-height:150%;}

/* 切换 */

.home-product .hd {text-align:center; margin-top:40px;}

.home-product .hd li{display:inline-block; width:25px; height:5px; background:#666; text-indent:-999rem; margin-left:5px; margin-right:5px;}

.home-product .hd li.on{ background:#F5AE04;}

/* 箭头 */

.home-product .prev,.home-product .next{position:absolute; top:35%; cursor:pointer; opacity:0; transition:all .3s;}

.home-product:hover .prev,.home-product:hover .next{opacity:1;}

.home-product .prev{left:5px;}

.home-product .next{right:5px;}

/* --- 解决方案 --- */

.home-solution{background:#F8F8F8; overflow:hidden; padding-bottom:50px;}

.home-solution .content li{float:left; width:600px; position:relative; overflow:hidden;}

.home-solution .content li .text{position:absolute; bottom:0; left:0; width:100%; color:#fff; text-transform:uppercase; padding:20px; font-size:18px; font-weight:bold; transition:all .3s; z-index:200;}

.home-solution .content li:last-child{float:right;}

.home-solution .content li:before{content:""; height:58px; background:#F7C600; left:0; bottom:-58px; width:100%; position:absolute;  transition:all .3s; z-index:200;}

.home-solution .content li:hover:before{ bottom:0;}

.home-solution .content li:hover .text{color:#333;}

/* --- 新闻 --- */

.home-news {overflow:hidden; margin-bottom:40px;}

.home-news ul{width:105%;}

.home-news li{float:left; width:390px; margin-right:35px;}

.home-news li .pic{overflow:hidden;margin-bottom:15px;}

.home-news li .text {margin-bottom:15px;}

.home-news li .text h3{margin-bottom:10px; font-weight:bold; height:40px; line-height:16px; overflow:hidden; border-bottom: 1px solid #e87722;}

.home-news li .text p{line-height:18px; font-size:12px; color:#999; height:36px; overflow:hidden; }

.home-news li .more{width:150px; height:45px; text-align:center; line-height:45px; color:#fff;}

.home-news li .more a{color:#fff; display:block; padding-right:35px; transition:all .3s;  background:url(../images/more.png) no-repeat 85% center #005596; }

.home-news li .more:hover a{background:url(../images/more.png) no-repeat 88% center #FFA908;  padding-right:45px;}

/* --- 底部 --- */

.footer{ background:#005596; padding-top:30px; padding-bottom:10px; overflow:hidden; padding-bottom:80px;}
.footer .wrap{ position:relative; }
.footer .footer-title{color:#FFC000; font-size:18px;text-transform:uppercase; }

/* 地图 */

.footer .sitemap{float:left;}

.footer .sitemap dl{float:left; margin-right:70px;}

.footer .sitemap dl dt{margin-bottom:10px;}

.footer .sitemap dl dd p a{color:#FFC000; line-height:250%;color:#fff;}

.footer .sitemap dl dd p a:hover{color:#FFC000; }

/* 联系 */

.footer .contact{ position:absolute; right:0; top:0; width:400px; border-left:1px solid #fff; padding-left:30px;}

.footer .contact .text{color:#fff; line-height:180%; margin-top:20px; margin-bottom:20px;} 

.footer .contact .text p{ line-height:180%;}

.footer .contact .way p{ height:40px; color:#fff; line-height:180%; margin-bottom:15px;}

.footer .contact .way p:nth-child(1){background:url(../images/contact-01.png) no-repeat 0 center; padding-left:45px; padding-top:7px; }

.footer .contact .way p:nth-child(2){background:url(../images/contact-02.png) no-repeat 0 center; padding-left:45px; padding-top:7px; }

.footer .contact .way p:nth-child(3){background:url(../images/Wechat.png) no-repeat 0 center; padding-left:45px; padding-top:7px; }

.footer .contact .way p:nth-child(4){background:url(../images/WhatsApp.png) no-repeat 0 center; padding-left:45px; padding-top:7px; }

/* --- 版权 --- */

.copyright{text-align:center;  font-size:14px; height:50px; line-height:50px;}


/* --- 分页 --- */

.page-showpage{margin-top:50px; margin-bottom:50px; text-align:center;}

.page-showpage a{display:inline-block; border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:2px; margin-right:2px;}

.page-showpage a.now{ background:#0092CF; color:#fff; border:1px solid #0092CF; }


/* --- 当前栏目 --- */

.page-column{background:#ECECEC; height:80px; line-height:80px;}

.page-column h2{float:left; line-height:80px; font-size:16px; font-weight:bold; text-transform:uppercase;}

.page-column .type{float:right; line-height:75px; margin-left:20px;}

.page-column .type a{margin-left:5px; border-right:1px solid #fff; padding:0 20px; text-decoration:underline;}

.page-column .type a.now{color:#022a99;}

/* --- 当前位置 --- */

.page-path{margin-top:20px; color:#ccc;}

.page-path a{margin-left:5px; margin-right:5px; text-transform:uppercase; font-size:12px;}

/* --- 关于我们 --- */

.page-about .title{font-size:20px; color:#ed6d00; margin-bottom:5px; margin-top:15px; font-weight:bold;}

.page-about .text p{color:#828282; line-height:180%;}

.page-about .about-02{overflow:hidden; margin-top:40px; margin-bottom:40px;}

.page-about .about-02 .pic{float:left;}

.page-about .about-02 .box{float:right; width:40%;}

.page-about .about-02 .box .title{margin-bottom:15px; margin-top:35px;}

.page-about .about-02 .box .text p{margin-bottom:15px;}

.page-about .about-03 { margin-bottom:40px;}

.page-about .about-03 .pic{ margin-top:20px; margin-bottom:20px; width:105%;}

.page-about .about-03 .pic img{margin-right:23px;}

.page-about .about-04 { margin-bottom:40px;}

.page-about .about-04 .pic{ margin-top:20px; margin-bottom:20px; width:105%;}

.page-about .about-04 .pic img{margin-right:16px;}

/* --- 联系我们 --- */

.page-contact{overflow:hidden; color:#666; margin-top:50px;}

.page-contact strong{font-size:18px; font-weight:bold; text-transform:uppercase; margin-bottom:15px; display:block; text-shadow : #ccc 0px 0px 5px }

/* 方式 */

.page-contact .way{float:left; width:490px;}

.page-contact .way li{margin-bottom:20px;}

.page-contact .way li p{line-height:200%;}

.page-contact .way li b{color:#6e6e6e; display:block; margin-top:15px; margin-bottom:15px; font-size:18px;  text-shadow : #ccc 0px 0px 5px }

/* 留言 */

.page-contact .message{float:right; width:650px; margin-bottom:50px;}

.page-contact .message .text{margin-bottom:15px;}

.page-contact .message li b{display:block; margin-bottom:15px;}

.page-contact .message li input{width:100%; height:40px; line-height:40px; padding-left:15px; background:#EDEDED; border:none; margin-bottom:20px; transition:all .3s;}

.page-contact .message li textarea{width:100%; height:200px; padding:15px;background:#EDEDED; border:none;  margin-bottom:20px; transition:all .3s;}

.page-contact .message li button{background:#FFA908; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; border:none; cursor:pointer;}

.page-contact .message li button:active{opacity:.8;}

.page-contact .message li input:focus{background:#ddd;}

.page-contact .message li textarea:focus{background:#ddd;}

/* --- 新闻 --- */

.page-news{margin-top:40px;}

.page-news li{margin-bottom:30px;}


/* --- 产品列表 --- */

.page-product{background:#f5f5f5; padding-top:40px; padding-bottom:40px; margin-top:20px; overflow:hidden;}

.page-product ul{width:105%;}

.page-product li{background:#fff; width:301px; height:380px; border:1px solid #efefef; background:#fff; float:left; margin-right:13px; transition:all .3s; margin-bottom:15px;}

.page-product li .pic{text-align:center; overflow:hidden;}

.page-product li .text{padding:15px;}

.page-product li .text h3{margin-bottom:12px; font-size:14px; line-height:20px; font-weight:bold;}

.page-product li .text p{color:#999; height:36px; line-height:16px; font-size:13px; overflow:hidden;}

.page-product li:hover{ border:1px solid #ED6D00; box-shadow: 0 3px 8px #ccc;  }

.page-product li:hover h3{color:#ED6D00;}


/* --- 解决方案 --- */

.page-solution{background:url(../images/solution-back.jpg) no-repeat; background-size:cover; overflow:hidden;}

.page-solution .title{font-size:30px; color:#ed6d00; margin-top:30px; margin-bottom:30px;}

.page-solution ul{width:105%; margin-bottom:20px; overflow:hidden;}

.page-solution li{background:#fff; width:400px; height:360px; padding:15px; float:left; margin-right:20px; margin-bottom:20px;}

.page-solution li .pic{overflow:hidden;}

.page-solution li .text{margin-top:15px; font-size:16px;}

.page-solution .page-showpage a{color:#fff;}


/* --- 产品 --- */

.page-Pro{background:#f5f5f5; overflow:hidden; margin-top:15px;}

.page-Pro-title{font-size:24px; color:#fff; text-transform:uppercase; font-weight:bold;  height:55px; line-height:55px; padding-left:30px; background:url(../images/pro-title.jpg) no-repeat center center;}



/* 产品介绍 */

.pro-dep{background:#fff; overflow:hidden; margin-top:20px; padding:15px; margin-bottom:20px; height:550px; padding-top:25px;}

/* 产品图 */

.pro-dep-pic{float:left; width:635px;}

.pro-dep-pic .small{float:left; width:105px;}

.pro-dep-pic .small li{margin-bottom:10px;}

.pro-dep-pic .small li img{border:1px solid #efefef;  width:105px; height:105px;}

.pro-dep-pic .small li.on img{border:1px solid #EF7A16;}

.pro-dep-pic .small .small-Img{margin-top:15px; margin-bottom:10px;}

.pro-dep-pic .small .sPrev{ background:url(../images/arrow-top.png) no-repeat center; height:9px; display:block;}

.pro-dep-pic .small .sNext{ background:url(../images/arrow-down.png) no-repeat center; height:9px; display:block;}

.pro-dep-pic .big{float:left; margin-left:15px;}

.pro-dep-pic .big li{height:600px;}

.pro-dep-pic .big li img{border:1px solid #efefef; height:500px; width:500px;}

/* 简介 */

.pro-dep-content{float:right; width:560px;}

.pro-dep-content h3{margin-bottom:30px; font-size:24px; font-weight:bold; color:#007bbb; margin-top:15px;}

.pro-dep-content .text{margin-bottom:30px; font-size:14px; color:#666; width:95%;}

.pro-dep-content .text p{ line-height:150%;}

.pro-dep-content .tags{margin-bottom:20px;}

.pro-dep-content .tags p{ line-height:180%;  font-size:14px; color:#666; position:relative; padding-left:18px;}

.pro-dep-content .tags p:before{content:""; width:6px; height:6px; background:#F5AE04; border-radius:100%; position:absolute; top:6px; left:0;}

.pro-dep-content .consult a{background:#EA960A; width:160px; height:50px; line-height:50px; display:block; text-align:center; color:#fff; margin-top:20px;  transition:all .3s ease;}

.pro-dep-content .consult a:active{ opacity:.8;}

/* 描述 */

.pro-Description{background:#fff; margin-bottom:30px; }

.pro-Description .content{padding:30px;}

.pro-Description .content strong{font-size:22px; color:#e9960a; margin-top:5px; margin-bottom:5px; display:block;}

.pro-Description .content p{line-height:200%;}

.pro-Description .content img{}

/* --- 案例 --- */

.page-case .box{background:url(../images/case.jpg) no-repeat; height:700px; position:relative; margin-top:50px;}

.page-case .box li{position:absolute;}

.page-case .box li .area{background:url(../images/area.png) no-repeat; width:24px; height:39px;}

.page-case .box li .text{background:#fff; padding:20px; position:absolute; width:400px; left:35px; top:0; display:none; z-index:200; box-shadow: 10px 10px 20px #ececec;}

.page-case .box li .text h3{font-size:18px; margin-bottom:10px;}

.page-case .box li .text p{line-height:180%; color:#666; font-size:12px;}

.page-case .box li:hover .text{display:block;}



.page-case .box li.xinjiapo{left:671px; top:211px;}

.page-case .box li.feilvbin{left:810px; top:286px;}

.page-case .box li.dongfei{left:894px; top:286px;}

.page-case .box li.taiguo{left:887px; top:335px;}

.page-case .box li.yuenan{left:761px; top:103px;}

.page-case .box li.yinni{left:700px; top:271px;}

.page-case .box li.baxi{left:558px; top:144px;}

.page-case .box li.tuerqi{left:396px; top:357px;}

.page-case .box li.yingguo{left:264px; top:193px;}

.page-case .box li.xby{left:924px; top:350px;}

/* --- 服务 --- */
.service {overflow:hidden; margin-top:20px; margin-bottom:20px;}
.service li{background:#f9f9f9;}
.service li{overflow:hidden; margin-bottom:20px;}
.service li .pic {width:730px; height:420px; overflow:hidden;}
.service li .text{padding:50px; width:510px; height:420px;}
.service li .text h3{font-size:30px; color:#ed6d00; margin-bottom:20px;}
.service li .text p{line-height:200%; margin-bottom:15px;}
.service li.li01 .text{float:left;}
.service li.li01 .pic{float:right;}
.service li.li02 .text{float:right;}
.service li.li02 .pic{float:left;}
}