@font-face {
	font-family: "responsivenav";
	src:url("fonts/responsivenav.eot");
	src:url("fonts/responsivenav.eot?#iefix") format("embedded-opentype"),
	url("fonts/responsivenav.ttf") format("truetype"),
	url("fonts/responsivenav.woff") format("woff"),
	url("fonts/responsivenav.svg#responsivenav") format("svg");
	font-weight: normal;
	font-style: normal;
}
header{ padding: 12px 0;}
header .logo img{ width: 240px; margin-top: 6px;}
.nav-collapse{overflow:hidden; height:0px;}
.nav-collapse ul{ text-align:center; font-size:0;}
.nav-collapse ul li{height:45px; line-height:45px; font-size:14px;}
.nav-collapse ul li a{ display:block; color: #444; -webkit-transition:all .15s linear; -moz-transition:all .15s linear; transition:all .15s linear;}
.nav-collapse ul li:hover a{color: #074695;}
.nav-collapse ul li.on a{color: #074695;}
.nav-collapse ul{}
.nav-collapse ul li{}
.nav-collapse.opend ul li{opacity:1;}
.nav-collapse.opend ul li:nth-child(1){-webkit-transition:opacity .25s .05s linear; -moz-transition:opacity .25s .05s linear; transition:opacity .25s .05s linear;}
.nav-collapse.opend ul li:nth-child(2){-webkit-transition:opacity .25s .1s linear; -moz-transition:opacity .25s .1s linear; transition:opacity .25s .1s linear;}
.nav-collapse.opend ul li:nth-child(3){-webkit-transition:opacity .25s .15s linear; -moz-transition:opacity .25s .15s linear; transition:opacity .25s .15s linear;}
.nav-collapse.opend ul li:nth-child(4){-webkit-transition:opacity .25s .2s linear; -moz-transition:opacity .25s .2s linear; transition:opacity .25s .2s linear;}
.nav-collapse.opend ul li:nth-child(5){-webkit-transition:opacity .25s .25s linear; -moz-transition:opacity .25s .25s linear; transition:opacity .25s .25s linear;}
.nav-collapse.opend ul li:nth-child(6){-webkit-transition:opacity .25s .3s linear; -moz-transition:opacity .25s .3s linear; transition:opacity .25s .3s linear;}
.nav-collapse.opend ul li:nth-child(6){-webkit-transition:opacity .25s .35s linear; -moz-transition:opacity .25s .35s linear;transition:opacity .25s .35s linear;}
.nav-collapse-button{ position:absolute; right:8px; top:8px; background:#eeeeee; text-align:center; cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.nav-collapse-button button{display:inline-block; width:40px; height:35px;  text-align:center; outline:none;}
.nav-collapse-button button:before{ font-family:"responsivenav"; font-size:20px; color:#999; content:"≡";}
.nav-collapse-button.active button:before{content:"x";}

.scroll-06 .swiper-slide{position:relative; padding-bottom: 50%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.scroll-06 .swiper-slide .swiper-img{float: left;position:absolute; top:70px; left:15px;/*position: absolute;top:70px; left: 50%; margin-left: -500px;*/text-align: left;}
.scroll-06 .swiper-slide .swiper-img img{max-width: 90%; height: auto;}
.scroll-06 .swiper-slide .swiper-text{float: right;position:absolute; top:150px; right:15px;/*position: absolute;top:200px; left: 50%; margin-left: -250px;*/ text-align: right;}
.scroll-06 .swiper-slide .swiper-text img{max-width: 90%; height: auto;}
.scroll-06 .swiper-slide p{ line-height:30px; text-align:center; font-size:40px; font-family:"Times New Roman"; line-height:70px; color:#fff;}
.scroll-06 .swiper-slide p:first-child{ margin-top:80px;}
.scroll-06 .swiper-slide:nth-child(2) p:nth-child(3){ margin-top:-80px;}
.Atit{padding-top: 30px; text-align: center; display: block;}
.Atit img{display: block; max-width: 100%; height: auto; opacity: 0;}
.Atit h3{font-family: arial; font-size: 45px; color: #0080db; text-transform: uppercase; opacity: 0;}
.Atit em{color: #818181;}
.Atit span{color: #074695;}
.Atit .Awe{position:relative; opacity: 0;}
.Atit .Awe span{margin:0 32px; font-size: 16px; color: #727272; text-align: center;}
.Atit .Awe:before{position: absolute; top:10px; left: 50%; margin-left: -150px; width: 92px; height: 5px; background: url(../images/line.png) no-repeat 0 0; content: "";}
.Atit .Awe:after{position: absolute; top:10px; right: 50%; margin-right: -150px;  width: 92px; height: 5px; background: url(../images/line.png) no-repeat -93px 0;content: "";}
.Atit .Aan{position:relative; }
.Atit .Aan span{margin:0 32px; font-size: 16px; color: #727272; text-align: center;}
.Atit .Aan:before{position: absolute; top:10px; left: 50%; margin-left: -210px; width: 139px; height: 5px; background: url(../images/line.png) no-repeat 0 -6px; content: "";}
.Atit .Aan:after{position: absolute; top:10px; right: 50%; margin-right: -210px;  width: 139px; height: 5px; background: url(../images/line.png) no-repeat -141px -6px;content: "";}
.Atit .Anew{position:relative; }
.Atit .Anew span{margin:0 32px; font-size: 16px; color: #727272; text-align: center;}
.Atit .Anew:before{position: absolute; top:10px; left: 50%; margin-left: -210px; width: 139px; height: 5px; background: url(../images/line.png) no-repeat 0 -11px; content: "";}
.Atit .Anew:after{position: absolute; top:10px; right: 50%; margin-right: -210px;  width: 139px; height: 5px; background: url(../images/line.png) no-repeat -141px -11px;content: "";}
.Atit i{display: block; font-family:arial; font-size: 11px; color: #727272;}  
.Atit p{padding-top: 28px; line-height: 22px; color: #777;}
.button{padding-top: 55px; text-align: center;}
a.more{ display: inline-block; padding: 10px 40px;  border-radius:30px;  font-family: arial; font-size: 12px;  text-align: center; color: #7e7e7e;  letter-spacing:1px; text-transform: uppercase;  background: #fff;  -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear;}
a.more i{ font-size: 14px; font-weight: bold;}
a.more:hover{-webkit-transform:translateX(-15px); transform:translateX(-15px);}
.space{padding: 0 5%;}
.index_about{margin-top: 38px; margin-bottom: 90px;}
.index_about .index_icon{margin-top: 70px; text-align: center;}
.index_about .index_icon li{display: inline-block; margin-bottom: 5px;}
.index_about .index_icon li a{display: block; margin:0 5px; font-size: 24px; color: #3f3f3f;}
.index_about .index_icon li a.icon1{}
.index_about .index_icon li a.icon em{display: block; margin-bottom: 15px; width: 150px; height: 150px; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; background-repeat: no-repeat; border-radius: 50%; background-size: cover; background-position: center;}
.index_about .index_icon li a.icon:hover em{-webkit-transform:translateY(-6px); transform:translateY(-6px);}
.index_about .index_icon li a.icon:hover{color: #074695;}

.index_about .index_icon li a.icon1 em{display: block; margin-bottom: 15px; width: 150px; height: 150px; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; background-repeat: no-repeat; border-radius: 50%; background-size: cover; background-position: center;}
.index_about .index_icon li a.icon1:hover em{-webkit-transform:translateY(-6px); transform:translateY(-6px);}
.index_about .index_icon li a.icon1:hover{color: #074695;}
.index_about .index_icon li a.icon2{}
.index_about .index_icon li a.icon2 em{}
.index_about .index_icon li a.icon2:hover em{-webkit-transform:translateY(-6px); transform:translateY(-6px);}
.index_about .index_icon li a.icon2:hover{color: #074695;}
.index_about .index_icon li a.icon3{}
.index_about .index_icon li a.icon3 em{}
.index_about .index_icon li a.icon3:hover em{-webkit-transform:translateY(-6px); transform:translateY(-6px);}
.index_about .index_icon li a.icon3:hover{color: #074695;}
.index_about .index_icon li a.icon4{}
.index_about .index_icon li a.icon4 em{}
.index_about .index_icon li a.icon4:hover em{-webkit-transform:translateY(-6px); transform:translateY(-6px);}
.index_about .index_icon li a.icon4:hover{color: #074695;}
.index_case{ padding:50px 5% 54px 5%;  background-position:center; background-repeat:no-repeat; background-size:cover; background: url(../images/index_bg_img1.jpg);}
.scroll-04{ font-size:14px; color:#515151;}
.scroll-tab{ position:relative; bottom:0; padding-top: 15px;padding-bottom:20px; text-align: center; }
.scroll-tab a{ display: inline-block; *padding:0 30px; border:1px solid #a8a8a8;  opacity:1; background: none; border-radius:0; width:auto; width: 118px; height: 30px; line-height:28px;  margin:0 5px 5px 5px;}
.scroll-tab a.on{border:1px solid #074695; color:#fff; background: #074695;}

.scroll-04 .swiper-pagination{ position:relative; bottom:0; padding-top: 15px;padding-bottom:20px; text-align: center; }
.scroll-04 .swiper-pagination span{  border-radius:0; width:auto; width: 118px; height: 30px; line-height:28px;}
.scroll-04 .swiper-pagination-bullet{display: inline-block;/*padding:0 30px;*/  border:1px solid #a8a8a8;  opacity:1; background: none;}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet{ margin:0 5px 5px 5px;}
.scroll-04 .swiper-pagination-bullet-active{border:1px solid #074695; color:#fff; background: #074695;}

.scroll-04 .swiper-pagination-bullet{}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet{ margin:0 5px 5px 5px;}
.scroll-04 .swiper-pagination-bullet-active{}
.scroll-04 .slide{line-height:24px;}
.scroll-04 .slide a{display: block; width: 100%;}
.scroll-04 .slide .slide-img{position: relative; height: 140px;}
.scroll-04 .slide .slide-img img{width: 100%; height: 100%;}
.scroll-04 .swiper-slide .slide-img{position: relative; height: 140px;}
.scroll-04 .swiper-slide .slide-img img{width: 100%; height: 100%;}

.pagescroll ul{ overflow: hidden;}
.pagescroll .slide{ float: left; width: 25%;}
.pagescroll .slide a{display: block; width: 98%;}
.pagescroll .slide .slide-img{position: relative; height: 60px;}
.pagescroll .slide .slide-img img{width: 100%; height: 100% !important;}

/* .scroll-04 .swiper-slide{line-height:24px;}
.scroll-04 .swiper-slide a{display: block; width: 100%;}
.scroll-04 .swiper-slide .slide-img{position: relative;}
.scroll-04 .swiper-slide .slide-img img{width: 100%; height: auto;} */

.box{position: relative;padding-right: 11px; margin-bottom: 10px;}
.wrap{display: none; z-index:10; position: absolute; top:0; left:0; width:0; height: 0; text-align: center; background: #074695; opacity: 0.9;}
.wrap i{display: none; margin:0 auto; margin-top: 0;border:1px solid #fff; border-radius:100%;  width: 45px; height: 45px; font-size: 30px; text-align: center; line-height: 40px; color: #fff;}
.box:hover .wrap{display: block;height: 100%; transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.box:hover .wrap i{display: block; margin-top: 20%;}
.index_new{padding-top: 55px;}
.ny_new{padding-top: 33px; padding-bottom: 10px;}
.single{}
.infor{padding:14px; border:1px solid #dadada;}
.infor h5{padding-bottom: 30px; font-size: 15px; font-weight: bold; color: #074695;}
.infor p{margin-bottom: 15px; font-size: 14px; line-height: 22px; color: #777; }
.infor_pic{}
.infor_pic h5{padding:5px 0 15px 0; font-size: 15px; font-weight: bold; color: #074695;}
.infor_pic li{margin-bottom: 30px;}
.infor_pic li a.img-load:after{padding-bottom: 59%;}
ul.new_list{padding-top: 52px;}
ul.new_list li{margin-bottom: 10px; padding-left: 0; border-bottom: 1px solid #efefef;}
ul.new_list li .N_pic{margin-right: 10px;}
ul.new_list li .N_pic .img-load:after{padding-bottom: 79%;}
ul.new_list li .N_intr{margin: 10px 0;}
ul.new_list li .N_intr h4{padding-top: 5px; padding-bottom: 10px;font-size: 15px;}
ul.new_list li .N_intr h4 a{ color: #292929;}
ul.new_list li .N_intr h4 a:hover{color: #074695;}
ul.new_list li .N_intr p{color: #7a7a7a; height: 34px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.case, .about, .product, .contact{padding-top: 25px; padding-bottom: 25px; min-height: 400px;}
.contact .con_infor{padding-top: 15px;}
.comb-01{margin-top: 15px; padding-bottom: 40px; min-height: 300px; }
.comb-01 #l-img{opacity: 0;}
.comb-01 .img-load{ margin-bottom:20px; height:300px;}
.comb-01 .r-info{opacity: 0;}
.comb-01 .r-info h4{ font-size:24px; font-weight: bold;}
.comb-01 .r-info span{ display:block; margin-top:10px; margin-bottom:10px; font-size:12px; color:#777777;}
.comb-01 .r-info p{ font-size:12px; line-height:26px;}
.comb-01 .r-info p .btn{ float:right; color:#074695;}
.f_add{padding-top: 42px; padding-bottom: 53px; background: #30333a; }
.f_add .f_nav{text-align: center;}
.f_add .f_nav dl{display: inline-block;}
.f_add .f_nav dt{margin-bottom: 28px; font-size:14px; color: #fff; }
.f_add .f_nav dt a{color: #fff;}
.f_add .f_nav dt a:hover{color: #074695;}
.f_add .f_nav dt.last{border: none;}
.f_add .f_nav dd{margin: 5px 0;}
.f_add .f_nav dd a{color: #fff;}
.f_add .f_nav dd a:hover{color:#074695;}
.f_add .f_con{ margin-top: 15px; padding-left: 60px;}
.f_add .f_con h5{padding-bottom: 15px;font-size: 14px; color: #fff; }
.f_add .f_con h5 i{float: left; width: 18px; height: 20px; background: url(../images/icon1.png) no-repeat;}
.f_add .f_con p{float: right; width: calc(100% - 40px); font-size: 12px; line-height: 22px; color: #adadaf;}
.f_add .f_con .text{font-size: 12px; line-height: 22px; color: #adadaf; overflow: hidden;}
.f_add .f_con i{font-size: 14px; color: #adadaf}
.foot{padding: 15px 0; background: #28292b;}
.foot p{text-align: center; color: #d9d9d9;}
.foot a{color: #d9d9d9;}
.foot a:hover{color: #f000f0;}
.foot img{margin-left: 10px; width: 18px; height: 18px;}
.clear{height: 10px;}
.c_height{height: 5px;}
#page{display: block;}
.page-turn-01{margin-top:20px; margin-bottom:20px; text-align:center;}
.page-turn-01 a{ display:inline-block; margin:3px; padding:0 5px; min-width:26px; height:26px; border:1px #999 solid; background:#fff; line-height:24px; color:#333; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; transition:all .1s linear;}
.page-turn-01 a:hover{ background:#4b4b4b; border:1px #333 solid; color:#fff;}
.page-turn-01 a.on{ background:#4b4b4b; border:1px #333 solid; color:#fff;}

.map{ width: 100%; height: 350px; margin-top: 30px;}
.map iframe{ width: 100%; height: 100%;}

.ma{ display: none;}

.details{ margin: 16px 0; min-height: 360px;}
.details .return{ display: block; width: 35px; height: 35px; margin-bottom: 10px;}
.r-info{ padding-left: 20px; box-sizing: border-box;}
.r-info h4{ font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.r-info > span{ display: block; margin-bottom: 10px;}

.infor img{ max-width: 100%;}

.interval img{ max-width: 100%; height: auto !important;}
.word img{max-width: 100%; height: auto !important;}

.text_zip1{font-family: 'motor';}
@media (min-width:768px){	
    header .logo{ float:left;}
	header .logo img{ width: 200px; margin-top: 9px;}
    .nav-collapse{ height:auto;}
    .nav-collapse ul{ float:right;}
    .nav-collapse ul li{display:inline-block;}
    .nav-collapse ul li a{ padding:0 8px;}
    .nav-collapse.closed ul li{opacity:1; -webkit-transition:none; -moz-transition:none; transition:none;}
    .nav-collapse-button{ display:none;}
    .scroll-06 .swiper-slide .swiper-img{float:none; position: absolute;top:70px; left: 50%; margin-left: -370px;}
	.scroll-06 .swiper-slide .swiper-img img{max-width: 90%; height: auto;}
	.scroll-06 .swiper-slide .swiper-text{float:none; position: absolute;top:200px; left: 50%; margin-left: -250px;}
	.scroll-06 .swiper-slide .swiper-text img{max-width: 90%; height: auto;}
	.index_about .index_icon li a{margin: 0 50px;}
	.scroll-04 .swiper-pagination span{margin-bottom: 0;}
	.index_case{ padding:50px 0 54px 0; }
	ul.new_list li{margin-bottom: 50px; padding-left: 38px; border-bottom: none; opacity: 0;}
	ul.new_list li .N_intr{margin: 0;}
	.ny_new{margin-bottom: 100px;}
    .comb-01 .r-info{ padding-left:20px;}
    .infor_pic{float: right;}
    .space{padding: 0;}
    #page{display: none;}
    .f_add .f_con{margin: 0 auto; padding-left: 20px;}
    .foot p{text-align: left;}
	.f_add .f_con p{ padding-right: 74px;}
	.ma{ display: block; width: 120px; float: right; margin-right: 40px;}
	.ma img{ width: 100%;}
	.ma p{ color: #fff; padding: 14px 0;}
	.pagescroll .slide .slide-img{position: relative; height: 140px;}
	.infor{ padding: 40px; min-height: 500px;}
}
@media (min-width:992px){
	header .logo img{ width: 240px; margin-top: 9px;}
	.nav-collapse ul li a{ padding:0 20px;}
	.scroll-06 .swiper-slide .swiper-img{float:none; position: absolute;top:70px; left: 50%; margin-left: -500px;}
	.scroll-06 .swiper-slide .swiper-img img{display: block; max-width: 100%; height: auto;}
	.scroll-06 .swiper-slide .swiper-text{float:none; position: absolute;top:200px; left: 50%; margin-left: -500px;}
	.scroll-06 .swiper-slide .swiper-text img{display: block; max-width: 100%; height: auto;}
}
@media (min-width:1200px){
	
	.container{width:1000px;}
	.nav-collapse ul li a{ padding:0 24px;}
	.scroll-06 .swiper-slide .swiper-img{float:none; position: absolute;top:70px; left: 50%; margin-left: -500px;}
	.scroll-06 .swiper-slide .swiper-img img{display: block; max-width: 100%; height: auto;}
	.scroll-06 .swiper-slide .swiper-text{float:none; position: absolute;top:200px; left: 50%; margin-left: -600px;}
	.scroll-06 .swiper-slide .swiper-text img{display: block; max-width: 100%; height: auto;}
	.scroll-06 .swiper-slide{ padding-bottom: 34.4%;}
}
