@charset "utf-8";
/* CSS Document */
@font-face {

   font-family:'First';
       src:
	      url('font01/Helvetica.ttf') format('truetype'),
	      url('font01/FRABK.svg#SingleMaltaRegular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

   font-family:'box2';
       src:
	   /*   url('font01/Corben-Regular-3.ttf') format('truetype');*/
		    url('font01/Georgia.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

   font-family:'box';
       src:
	   url('font01/Corben-Regular-3.ttf') format('truetype');
		  

  font-weight: normal;

  font-style: normal;

}
@font-face {

   font-family:'AvenirNextLTPro';
       src:
	      url('font01/AvenirLT35Light.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

   font-family:'Helvetica';
       src:
	      url('font01/Helvetica.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

   font-family:'Avenir';
       src:
	      url('font01/Avenir.ttc') format('truetype');

  font-weight: normal;

  font-style: normal;

}

body{ font-size:14px; color:#292928; line-height:24px;       font-family:'AvenirNextLTPro';overflow-x:hidden}

a { color:#292928; text-decoration:none; }

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}
.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}
.float_clear{clear:both;}
.pc{display:block;}
.phone{display:none;}
/******************header css***************/

.phone-header{display:none;}
.top{width:100%; z-index:9999; background:#fff; position:fixed; top:0;}
.w1200{width:90%; max-width:937px; margin:auto;}
.header{ width:100%;display:block; z-index:9999; height:90px; background:#002d5d;}
.kong{height:90px; width:100%; display:block}
.kong1{height:100px; width:100%;}
.logo{ float:left; width:324px; box-sizing:border-box; height:91px;}
.logo IMG{ width:77%;}
.top-right{float:right; margin-top:5px;}
.menu{ box-sizing:border-box; width:610px; float:right;position: fixed;right: 0;top: 20px
;}
.menu .w1650{ position:relative; }
.menu ul li{float:left;  font-family:'AvenirNextLTPro'; font-size:14px; height:90px; line-height:90px; text-align:center; margin:0 3%;  }
.menu ul li a{display:block; position:relative; color:#fff; }
.menu ul li a:hover{color:#eecc1e}
.menu ul li.current a{ color:#eecc1e}
.menu ul li.lan a{display:inline; font-size:14px; margin:0 5px;}
.menu ul li.lan a:hover{background:none; color:#f15922;}



.banner .swiper-slide{position:relative;}
.b-cont{position:absolute; bottom:43%; color:#fff; width:100%;}
.b-cont h2{font-size:50px; line-height:50px;transition: all 1s ease 0s;transform: translateY(30px); opacity:0}
.b-cont p.bz1{font-size:36px; line-height:50px; margin:10px 0;transition: all 1s ease 0s;transform: translateY(30px); opacity:0}
.b-cont p.bz1 span{color:#f18519;}
.b-cont p.bz2{font-size:20px; line-height:30px;}


.ib-cont{max-width:1700px; margin:auto; color:#fff; width:90%;}
.ib-cont h2{font-size:50px; line-height:50px;transition: all 1s ease 0s;transform: translateY(30px); opacity:0}
.ib-cont p.bz1{font-size:36px; text-align:right; line-height:50px; margin-bottom:30px;transition: all 1s ease 0s;transform: translateY(30px); opacity:0}
.ib-cont p.bz1 span{color:#f18519;}
.ib-cont p.bz2{font-size:20px; line-height:40px; text-align:right; margin:10px 0;transition: all 1s ease 0s;transform: translateY(30px); opacity:0}
.fp-slides .active .ib-cont p.bz1{transform: translateY(0px);opacity:1;transition-delay: 0.3s;}
.fp-slides .active .ib-cont h2{transform: translateY(0px);  opacity:1;transition-delay: 0.5s;}
.fp-slides .active .ib-cont p.bz2{transform: translateY(0px);opacity:1;transition-delay: 0.7s;}


/*.swiper-slide-active .b-cont{transform:translateY(-200em);}*/

.pc{display:block;}
.phone{display:none;}

/**************首页动画*********/

.swiper-slide-active .b-cont p.bz1{transform: translateY(0px);opacity:1;transition-delay: 0.5s;}
.swiper-slide-active .b-cont h2{transform: translateY(0px);  opacity:1;transition-delay: 0.7s;}
.swiper-slide-active .b-cont p.bz2{transform: translateY(0px);opacity:1;transition-delay: 0.9s;}
/**************首页动画*********/


.box{background:#1e2d3b; padding:1% 0; text-align:center; font-size:29px; line-height:58px; color:#fff; font-family:'box';letter-spacing: 1px;}
.box span{ color:#eecc1e; font-size:60px;}
.title{text-align:center; font-size:30px;margin:100px 0 60px 0;  font-family:'Avenir'; font-weight:bold; letter-spacing:1px;}
.title:after{content:''; background:#eecc1e; height:9px; width:100px; display:block; margin:auto; margin-top:15px;}
.box2{background:#f7f7f7; padding:3% 2%; max-width:937px; font-size:17px;  line-height:30px; color:#002d5d;   font-family:'box2'; text-align:justify;}

.footer{background:#002d5d;   font-family:'Avenir';padding:45px 0; color:#fff; font-size:17px;}
.footer span{ color:#eecc1e; font-weight:bold}



.products { width:100%; }
.products li { width:33.333333333333%;float:left;overflow:hidden }
.products li .probg { left:0;top:0;width:100%;height:100%;z-index:6;background:#000;opacity: .25;filter:alpha(opacity=25); }
.products li:hover .probg { opacity: 0;filter:alpha(opacity=0); }
.products li .pic { left:0;top:0;width:100%;height:100%;z-index:4;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}
.products li:hover .pic { transform: scale(1.05, 1.05); }
.products li .word { left:0;top:50%;width:100%;height:50px;line-height:50px;margin-top:-25px;z-index:6;font-size:30px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.products li a { left:0;top:0;width:100%;height:100%;z-index:11;}
.relative {
    position: relative;
}
.absolute{position:absolute;}
.transition {
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.white{color:#fff;}

.p-banner span{position:absolute; display:block; top:40%; width:100%; text-align:center; color:#fff; font-size:55px; font-weight:bold; font-family:'Avenir';}
.p-banner{position:relative;}
.lx-banner{position:relative; }
.lx-cont{position:absolute; left:0; top:10%;width:100%; font-family:'Avenir';font-weight:bold;}
.lx-cont2{ width:800px; margin:auto;background:#fff ; padding:3%;}
.lx-cont h2{font-size:30px; font-weight:bold;line-height:50px;}
.lx-cont p{ font-size:15px; line-height:40px; margin-top:10px;}
.lxtext{ border:none;border-bottom:1px solid #333; width:100%; height:40px; }
.area{ border:none;border-bottom:1px solid #333; width:100%; height:60px;}
.submit{color:#eecc1e; background:#000; font-size:16px; font-weight:bold; width:170px; height:50px; border-radius:25px; border:none; margin-top:30px;}
.pro1{position:relative; width:23%; margin:1%; float:left;}
.pro-name1{position:absolute; top:0; left:0; width:100%; padding-top:60%; font-size:18px; height:100%; box-sizing:border-box;}
.pro-name1 a{ color:#fff; display:block; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.pro1:hover .pro-name1{background:rgba(0,0,0,0.3);}

.prod-right{width:40%; float:left; margin-left:10%; font-family:Arial, Helvetica, sans-serif; margin-top:40px;}
.prod-right h2{font-size:30px; color:#192fa1;}

.box3{text-align:center; font-size:17px;  margin:50px auto;  font-family:'box2'}
.step{ margin:80px auto;}
.step li { width:15%; float:right; margin-left:-34px; height:140px;  padding:2% 3%; padding-left:35px; box-sizing:border-box;  font-family:'Helvetica'; line-height:17px; font-size:12px;}
.step_1{background:url(../images/bg2.png) no-repeat; background-size:100%;}
.step_2{background:url(../images/bg1.png) no-repeat; background-size:100%; color:#fff;}
.step li span{display:block; padding-left:20%;font-family:'AvenirNextLTPro'; font-size:18px; font-weight:bold;}
.box4{background:url(../images/1.jpg) no-repeat center; font-family:'Avenir';padding:52px 0;}
.box4 h2{color:#eecc1e; font-size:30px; font-weight:bold; margin:20px 0;}
.box4 p{color:#fff; font-size:16px; font-weight:bold;}


.sub-menu dd{height:30px; line-height:30px;}
@media (max-width:768px) {
	.pdi-menu{display:block;}
	.pfooter{display:block;}
	.pnew{display:block;}
	.pc{display:none;}
.phone{display:block;}
.pkong{height:50px; width:100%;}
.pmenu li{float:left; width:33.3%; height:40px; line-height:40px; text-align:center;}
.pmenu li a{display:block; color:#fff; border-bottom:1px solid #fff; border-right:1px solid #fff;}
.pmenu{background:#002a8d;}
.plan{width:100px; margin-top:17px; float:right;}

.menu{display:none;}
.drawer-hamberger{top:0;}
.header{display:none;}
.phone-header{display:block; width:100%; background:#002d5d; z-index:9999999;}
.p_logo img{width:30%;}
.phone_menu_btn span{background:#fff; padding:0px 13px; height:3px; margin:5px 0; display:block;}
.phone_menu{background:rgba(0,103,205,0.8); z-index:9999999; height:100%; position:fixed; width:100%; height:0px; overflow:hidden; top:60px;}
.phone_menu_btn{position:fixed; right:10px; top:9px;}
.phone_menu ul li{height:40px; line-height:40px; border-bottom:1px solid #ccc; padding:0 5%}
.hide1{display:none;}
.phone_menu ul li a{display:block; color:#fff;}
.show{ display:block;}
.phone_menu ul li.on{background:#0067cd;}
.phone_menu ul li.on a{color:#fff;}
.phone_menu .p_sub_menu li{padding:0 8%;}
.down
{
animation: myfirst 1s forwards;
-moz-animation: myfirst 1s forwards;	/* Firefox */
-webkit-animation: myfirst 1s forwards;	/* Safari 和 Chrome */
-o-animation: myfirst 1s forwards;	/* Opera */
}

.phone{display:block;}
.pc{display:none;}

@keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-moz-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-webkit-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-o-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

.kong{ display:none}



.box{font-size:24px; line-height:30px;}
.title{margin:30px 0; font-size:24px;}



.pro .swiper-slide a {
    color: #fff;
    height: 100%;
    width: 100%;
    display: block;
    font-size: 30px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
	font-family:Arial, Helvetica, sans-serif;
}



.p-banner span{font-size:26px;}
.pro1{width:48%;}
.prod-right{width:100%; margin-left:0;}
.lx-cont{position:relative; color:#999;}
.lx-cont2{width:100%;}
}