@charset "utf-8";
/* 作者：神夜 */
* { margin: 0px; padding: 0px; box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei', '宋体', 'Arial'; font-size: 12px; color: #333; min-width: 1200px; }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #333; font-family: 'Microsoft Yahei', '宋体', 'Arial'; }
*:focus { outline: none; }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #333; text-decoration: none; transition: all .4s; -webkit-transition: all .4s; }
a:hover { color: #253e90; }
.wrap { width: 1200px; margin: 0 auto; }
.clear { clear: both; overflow: hidden; content: ''; height: 0px; }
.fl { float: left; }
.fr { float: right; }
i, em { font-style: normal; display: inline-block; }
/****************【头部】****************/
.header { height: 90px; width: 100%; position: fixed; min-width: 1200px; z-index: 11111; background: rgba(255,255,255,0.8); }
.header .logo { float: left; margin-top:10px;}
.header .nav { float: right; }
.header .nav li { float: left; margin-left: 10px; position:relative; }
.header .nav li.li1 .navson{ width:250px; text-align:left;}
.header .nav li.li1 .navson p a{ padding-left:12px;}
.header .nav li.li3 .navson{ width:220px; text-align:left;}
.header .nav li.li3 .navson p a{ padding-left:12px;}
.header .nav li .a1 { height: 90px; display: block; width: 120px; line-height: 90px; text-align: center; line-height: 90px; 
font-size: 15px; color: #333; }
.header .nav li:hover .a1 { background: #253e90; color: #fff; }
.header .nav li:hover .a1.on{ color:#fff;background: #253e90;}
.header .nav li .a1.on{ color:#fff;background: #253e90;}
.header .nav li.tel { background: url(../tel.png) no-repeat left center; height: 90px; line-height: 90px; padding-left: 85px; color: #009252; font-size: 25px; }
.header .nav li .navson { position:absolute; text-align:center; background: rgba(255,255,255,0.8); top: 90px; left: 0px; width:200px; z-index: 1; display: none; box-shadow:#397acb 0 0 5px; }
.header .nav li .navson p { }
.header .nav li .navson p a { padding:10px 10px; display:block; border-top:1px solid #eee; font-size:15px; text-align:left; }
.header .nav li .navson p a:hover{ background:#253e90; color:#fff;}
.header .nav li.li4 .navson{ left:auto; right:0px;}

/***首页***/
#dowebok{}
.fp-controlArrow { display: none; }
#fp-nav ul li, .fp-slidesNav ul li { width: 20px; height: 20px; }
#fp-nav ul li a{ display:block; position:relative; }
#fp-nav ul li a span { height:20px; width:20px; border-radius:50%; background:url(../img/01.png) no-repeat center; border:0px;}
#fp-nav ul li a.active span { background:url(../img/02.png) no-repeat center; }
#fp-nav ul li .fp-tooltip { top: 3px; display: none; }
.fp-slidesNav ul li { width: 73px; height: auto; }
.fp-slidesNav ul li a span { border: 0px; width: 73px; height: 3px; background: #c1b5de; border-radius: 0px; }
.fp-slidesNav ul li a.active span { background: #008cd6; height: 12px; margin-top: -9px; }
.fp-tableCell { width: 100%; }
.section { overflow: hidden; height: 100%; position:relative;}
.section.section1 .swiper-container{animation:scane 13s infinite; width:100%; height:100%;}
.section.section1 .swiper-container .swiper-pagination-bullet{ width:20px; height:20px;  opacity:0;}
.section.section1 .swiper-container .swiper-pagination-bullet-active{ opacity:0;}

.section .txt1{ position:absolute; left:0px; right:0px; top:50%; padding:25px; background:rgba(0,0,0,0.3); margin:auto; transform:translateY(-50%); z-index:22; max-width:800px;}
.section.section2 .inbg{ background-image: url(../img/bg2.jpg); }
.inbg{ position:absolute; left:0px; top:0px; width:100%; height:100%; animation:scane 13s infinite; background-position:center; background-repeat:no-repeat; background-size:auto;}
@keyframes scane{
	0%{ transform:scale(1);}
	50%{ transform:scale(1.15555);}
	0%{ transform:scale(1);}
}
.section .wrap{ position:absolute; z-index:11; left:50%; margin-left:-600px; top:50%; transform:translateY(-50%);}


/***关于我们****/
.section1 .wrap{ height:400px;}
.section.active{}
.section.active .about-left{ transform:translateX(0px); transition-delay:0.2s; opacity:1; }
.section.active .about-right{ transform:translateX(0px); transition-delay:0.2s; opacity:1; }
.about-left{ float:left; width:469px; background:rgba(0,0,0,0.3); transition:all 1s ease; position:relative; padding:25px; height:400px; overflow:hidden;  transform:translateX(-600px); opacity:0;}
.about-left h1{ font-size:20px; color:#253e90;}
.about-left h2{ font-size:18px; color:#fff; font-weight:normal;}
.about-left .box{ font-size:16px; color:#fff; line-height:25px; padding-top:30px;}
.about-right{ float:right; width:600px; transition:all 1s ease; transform:translateX(600px); opacity:0;}
.about-right li{ width:200px; height:200px; position:relative; text-align:center; transition:all 0.5s ease; overflow:hidden; float:left; font-size:16px;}
.about-right li img{ width:100%; height:100%; transition:all 0.5s ease;}
.about-right li:hover img{ transform:scale(1.2);}
.about-right li a{ color:#fff;}
.about-right li i{ display:block; margin:0 auto; height:68px; color:#253e90; margin-top:47px; margin-bottom:20px;transition:all 0.5s ease;}
.about-right li.li1{ background:#253e90;}
.about-right li.li2{ background:#fff;}
.about-right li.li1:hover { background:#fff;}
.about-right li.li1:hover a{ color:#253e90;}
.about-right li.li1:hover i{ background:url(../img/ic1.png) no-repeat center;}
.about-right li.li2 a{ color:#253e90; }
.about-right li.li2 i{background:url(../img/ic2.png) no-repeat center;}
.about-right li.li1 i{ background:url(../img/ic1on.png) no-repeat center;}
.about-right li.li3{ width:400px; float:right;}
.about-right li .box{ position:absolute; left:0px; top:0px; width:200px; height:200px; background:rgba(0,0,0,0.5);}
.about-right li.li3 .box i{ background:url(../img/ic3on.png) no-repeat center;}
.about-right li.li2:hover { background:#253e90;}
.about-right li.li2:hover a{ color:#fff;}
.about-right li.li2:hover i{ background:url(../img/ic2on.png) no-repeat center;}
.more{ width:120px; height:35px; background:#253e90; position:absolute; bottom:25px; right:25px; color:#fff; text-align:center; line-height:35px; }
.more:hover{ color:#fff;}

/***产品中心***/
.section.section3 .inbg{ background-image:url(../img/bg3.jpg);}
.section.section3 .product{ transition:all 1s ease; transform:scale(0); opacity:0;}
.section.section3.active .product{ transform:scale(1); opacity:1; transition-delay:0.2s;}
.title{ text-align:center;}
.title h1{ font-size:30px; color:#253e90}
.title p{ font-size:23px; font-weight:bold; padding-top:5px; font-family:Arial; color:#333;}
.prolist{ padding-top:30px; margin-left:-20px; }
.prolist li{ float:left; width:25%; padding-left:20px;  padding-top:30px;  }
.prolist li a{ display:block;text-align:center; background:#fff; padding:12px; box-shadow:#ccc 0 0 12px; -webkit-box-reflect: below 5px -webkit-linear-gradient(transparent 60%,rgba(0,0,0,.1));}
.prolist li .pic{ overflow:hidden; border:1px solid #ddd; padding:1px; position:relative;}
.prolist li .pic img{ display:block; transition:all 2S ease;}
.prolist li h3{ white-space:nowrap; padding-top:15px; padding-bottom:5px; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-weight:normal; color:#333;}
.prolist li .pic .msk{ width:100%; height:100%; position:absolute; left:0px; top:0px;  }
.prolist li .pic i{position:absolute; transition:transform 0.5s ease; left:0px; opacity:0; top:0px; background:rgba(0,0,0,0.2);  width:100%; height:100%; transform: translateY(100%);}

.prolist li a:hover .msk i{ transform:translateY(0); opacity:1;}
.prolist li a:hover .pic img{ transform:scale(1.2);}
.prolist li .pic .msk:after{ width:50px; height:2px; background:#fff; position:absolute; left:0px; right:0px; top:50%; transform: translateX(-200%) translateY(-50%); margin:auto; content:''; opacity:0; transition:all 0.5s ease; z-index:11;}
.prolist li .pic .msk:before{ width:2px; height:50px; background:#fff; position:absolute; left:0px; right:0px; top:50%; transform:translateY(-200%); margin:auto; content:'';opacity:0; transition:all 0.5s ease; z-index:11;}
.prolist li a:hover .pic .msk:after{ opacity:1; transform:translateX(0) translateY(-50%); transition-delay:0.2s;}
.prolist li a:hover .pic .msk:before{ opacity:1; transform:translateY(-50%); transition-delay:0.2s;}
.prolist li a:hover{ background:#253e90;}
.prolist li a:hover h3{ color:#fff;}
.prolist li a:hover .pic { border-color:#1c327a;}

/***新闻资讯***/
.section.section4 .inbg{ background-image:url(../img/bg4.jpg);}
.section.section4 .inbg i{ width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.5);}
.section.section4 .title p{ color:#fff;}
.section.section4 .wrap{ transition:all 1s ease; transform:translateX(-100%) translateY(-50%);}
.section.section4.active .wrap{  transform:translateX(0)  translateY(-50%); transition-delay:0.2s;}
.section.section4 .bd{  width:1000px; margin:0 auto; margin-top:60px;}
.innews{overflow:hidden;}
.innews li{ position:relative; padding-left:156px; overflow:hidden; height:170px;}
.innews li .date{ position:absolute; left:0px; top:0px; color:#fff; transition:all 0.5s ease; width:80px; text-align:center; background:rgba(255,255,255,0.5);}
.innews li .date b{ display:block; font-size:25px; padding:5px 0;}
.innews li .date i{ display:block; padding:6px; font-size:12px; border-top:1px solid rgba(255,255,255,0.2);transition:all 0.5s ease;}
.innews li .line{ position:absolute; left:116px; height:100%; top:0px; width:1px; background:#fff;}
.innews li .line i{ width:12px; height:12px; border-radius:50%; background:#fff; overflow:hidden; position:absolute; left:-5px; top:0px; display:block;}
.innews li img{ width:220px; border:2px solid #fff; float:left; height:130px; margin-right:25px; transition:all 0.5s ease;}
.innews li .p1{ color:#fff; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.innews li .p2{ color:#fff; font-size:14px; line-height:26px; margin-top:20px;}
.innews li:hover .date{ background:#253e90;}
.innews li:hover .date i{ border-top:1px solid #334faa;}
.innews li:hover .p1{ color:#f60 }
.innews li:hover img{ filter: brightness(1.2);}
.innews li:hover .line i{ background:#253e90; }

/***联系我们***/
.section.section5 .inbg .msk{ position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.4); width:100%; height:100%; display:block; z-index:11;}
.section.section5 .wrap{ transform:scale(0) translateY(-50%); opacity:1; transition:all 1s ease;}
.section.section5.active .wrap{ transform:scale(1) translateY(-50%); opacity:1; transition-delay:0.2s; }
.section5 .wrap .title p{ color:#fff;}
.section5 .wrap .contact{ background:rgba(0,0,0,.2); padding:30px; padding-bottom:40px; overflow:hidden; margin-top:35px;}
.section5 .wrap h2{ font-size:15px; margin-top:30px; padding-bottom:10px; color:#fff;}
.section5 .wrap .fl{ width:50%;}
.section5 .wrap .fl p{ margin-top:12px; font-size:14px; padding-left:30px; color:#fff; }
.section5 .wrap .fl .p1{ background:url(../img/fc1.png) no-repeat left center; padding-left:30px;}
.section5 .wrap .fl .p2{ background:url(../img/fc2.png) no-repeat left center; padding-left:30px;}
.section5 .wrap .fl .p3{ background:url(../img/fc3.png) no-repeat left center; padding-left:30px;}
.section5 .wrap .fl .p4{ background:url(../img/fc4.png) no-repeat left center; padding-left:30px;}
.section5 .wrap .fl .p5{ background:url(../img/fc5.png) no-repeat left center; padding-left:30px;}
.section5 .wrap .fl p img{ display:block;}
.section5 .wrap .fr{ float:left; width:50%;}
.section5 .wrap .fr h2{ margin-bottom:10px;}
.section5 .wrap .fr p{ margin-bottom:15px;}
.book p{ margin-bottom:15px; overflow:hidden;}
.book .intxt{ width:220px; padding:10px; border:1px solid #fff; transition:all .5s ease;}
.book.ny{ margin:0 auto; width:470px; margin-top:50px;}
.book.ny .intxt{ border:1px solid #eee;}
.book .i2{ margin-left:12px;}
.book .te{ width:452px; height:120px;  border:1px solid #fff; padding:5px; resize:none;}
.book .sbtn{ padding:10px; border:0px; background:#253e90; border-bottom:3px solid #1b3178; color:#fff; width:120px; cursor:pointer;}
.book .intxt:focus{ border:1px solid #3e5cbe; }
.book .sbtn:hover{ background:#3e5cbe;}

.infoot{ height:50px; line-height:50px; position:fixed; bottom:0px; left:0px; text-align:center; z-index:222; width:100%; color:#fff;}

/***内页***/
.topimg{ height:450px; overflow:hidden; position:relative;}
.topimg .wrap{ position:absolute; bottom:70px; left:0px; width:100%; text-align:center;}
.topimg ul{ max-width:1200px; margin:0 auto;}
.topimg ul li{ display:inline-block; margin:10px;}
.topimg ul li a{ padding:10px 30px; border-radius:25px; display:block; background:#fff; font-size:14px; color:#666;}
.topimg ul li a.on,.topimg ul li a:hover{ background:#253e90; color:#fff;}

.leader{ height:60px; line-height:60px; border-bottom:1px solid #eee; overflow:hidden;}
.leader h2{float:left; font-size:20px; color:#253e90; }
.leader span{ float:right; color:#999; font-size:14px; background:url(../img/fc5.png) no-repeat left center; padding-left:25px;}
.leader span a{ color:#999;}
.leader span i{ font-family:宋体; margin:0 10px; color:#d3d3d3;}
.leader span a:hover{ color:#253e90;}

.pdbox{ padding:20px 0; line-height:26px; font-size:16px; color:#666; min-height:500px;}

.prolist.ny{ padding-top:25px;}
.prolist.ny li{ padding-bottom:20px;}
.prolist.ny li a{-webkit-box-reflect: below 0px -webkit-linear-gradient(transparent 0%,rgba(0,0,0,0));}

/***新闻列表***/
.newlist { margin-top: 20px; }
.newlist li { position: relative; padding: 33px 0; overflow: hidden; border-bottom: 1px dotted #ddd; transition: all 1s ease; }
.newlist li .pic { float: left; width:280px; margin-right: 60px; }
.newlist li .note { margin-top: 29px; padding-right: 185px; }
.newlist li .note h3 { font-size: 18px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newlist li .note p { font-size: 14px; line-height: 25px; color: #999; padding-top: 25px; }
.newlist li .date { position: absolute; right: 60px; top: 60px; }
.newlist li .date b { font-weight: normal; font-size: 30px; color: #666; }
.newlist li .date p { color: #999; }
.newlist li .date span { width: 35px; display: block; height: 26px; background: url(../img/r2.png) no-repeat; margin-top: 44px; margin-left: 3px; }
.newlist li:hover { box-shadow: #bbb 0 0 20px; border-bottom: 0px; padding: 33px; padding-right: 0px; }

.ntit{ text-align:center; border-bottom:1px dotted #ddd; margin-bottom:20px; padding-bottom:12px;}
.ntit h1{ font-size:22px;}
.ntit p{ font-size:13px; color:#999;}

.prevnext{ padding:25px 0; font-size:14px; color:#999;}

/***底部***/
.footer{ background:#272727; padding-top:45px; overflow:hidden;}
.footer .fl{ float:left; width:265px;}
.footer .fl a{ color:#fff; font-size:14px; margin-right:10px; margin-top:10px; float:left; }
.footer .fl a:hover{ color:#c92a32;}
.footer .share{ float:left; width:456px; text-align:center;}
.footer .share a{ display:inline-block; width:119px; text-align:center; font-size:14px; color:#fff; margin-top:20px;}
.footer .share a i{ width:44px; height:44px; margin-left:35px; transition:all 0.5s ease; margin-bottom:12px; display:block;}
.footer .share a:hover{ color:#e67817;}
.footer .share a.a1 i{ background:url(../img/f1.png) no-repeat 0 bottom;}
.footer .share a.a2 i{ background:url(../img/f2.png) no-repeat 0 bottom;}
.footer .share a.a3 i{ background:url(../img/f3.png) no-repeat 0 bottom;}
.footer .share a.a1:hover i{ background:url(../img/f1.png) no-repeat 0 0;}
.footer .share a.a2:hover i{ background:url(../img/f2.png) no-repeat 0 0;}
.footer .share a.a3:hover i{ background:url(../img/f3.png) no-repeat 0 0;}
.footer .ewm{ float:left; width:98px; text-align:center; color:#fff; font-size:14px;}
.footer .ewm img{ display:block; margin:0 auto; margin-bottom:6px;}
.footer .dbtel{ float:right; color:#fff;}
.footer .dbtel h2{ font-weight:normal; font-size:16px;}
.footer .dbtel h2 b{ font-weight:normal; color:#e67817; font-size:24px;}
.footer .dbtel h2 span{font-size:24px;  font-family:Impact;}
.footer .dbtel .p1{font-size:16px; text-align:center; padding:6px 0; padding-bottom:8px;}
.footer .copyright{ background:#272727; border-top:1px solid #333; margin-top:40px; padding:15px 0; line-height:25px; color:#a9a9a9;  font-size:13px; text-align:center;}
.footer .copyright a{ color:#a9a9a9;}
.footer .copyright a:hover { color:#253e90;}

/*在线客服*/
.izl-rmenu{position:fixed; right:15px; bottom:50px; padding-bottom:73px; background:url(../img/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.qqboxlist{ padding:12px 0;}
.izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-147px; top:0px; display:none; width:147px; max-width:147px;}
.izl-rmenu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#253e90;}
.izl-rmenu .btn-phone .phone{background-color:#253e90; position:absolute; width:160px; left:-160px; top:0px;height:73px; line-height:35px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.izl-rmenu .qqbox{position:absolute; left:-140px; top:0px; display:block ;width:140px; background:#FFF; text-align:center; min-height:160px; background:#FFF; box-shadow:#cacaca 0 0 3px; display:none; } 
.izl-rmenu .qqbox .qqboxtit{height:40px; line-height:40px; background:#0fbf6a; font-size:16px; color:#FFF;}
.izl-rmenu .qqbox p{ display:block; padding-top:10px;}


/***分页***/
.page{ overflow:hidden; text-align:center; margin-top:40px;}
.page ul li{ display:inline-block;}
.page ul li a,.page ul li span{ padding:8px 12px; line-height:18px; background:#fff; display:inline-block; color:#888; margin:0 2px;}
.page ul li.active span{ background:#253e90; color:#fff; border-color:#253e90}
.page ul li:hover a{ background:#253e90; color:#fff;border-color:#253e90}