/*header*/
.header {position:fixed;top:0;left:0;width:100%;z-index:20;font-size:0;line-height:.85rem;}
.header .w1600>div.logo img {max-height:.49rem;transition:none;}
.header .w1600>div{padding:0;font-family:"GothamProRegular";}
.header .navlist li{display:inline-block;vertical-align:middle;padding:0 .27rem;line-height:normal;}
.header .navlist li a{font-size:.2rem;color:#FFF;text-transform:capitalize;position:relative}
.header .navlist li a:after{content:"\f0d8";font:normal normal normal 14px/1 FontAwesome;font-size:.16rem;color:#FFF;position:absolute;left:50%;transform:translateX(-50%);transition:all .5s;opacity:0;top:110%;visibility:hidden}
.header .navlist li.active a:after{opacity:1;top:100%;visibility:visible;}

.header .langs>* {display:inline-block;vertical-align:middle;line-height:normal;}
.header .langs .lang a {margin:0 8px;font-size:.16rem;color:#FFF;}

.is_header {background:rgba(0,0,0,.6);}

.menu_btn{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:.8rem;
	height:.85rem;
	line-height:.85rem;;
	white-space:nowrap;
	color:#FFF;
	overflow:hidden;
	-webkit-font-smoothing: auto;    
	outline: 0;
	background: none;
	border:0
}
.menu_btn span,.menu_btn span:after,.menu_btn span:before{width:20px;height:2px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.menu_btn span{position:relative}
.menu_btn span:after,.menu_btn span:before{content:"";position:absolute;background:#FFF;left:0}
.menu_btn span:before{top:-3px;width:20px}
.menu_btn span:after{top:3px;width:14px}

.menu_btn:hover span,.nav-open .menu_btn span{width:16px}
.menu_btn:hover span:after,.menu_btn:hover span:before,.nav-open .menu_btn span:after,.nav-open .menu_btn span:before{width:16px}
.menu_btn:hover span:before,.nav-open .menu_btn span:before{-webkit-transform:translateY(3px) rotate(-45deg);-ms-transform:translateY(3px) rotate(-45deg);transform:translateY(3px) rotate(-45deg)}
.menu_btn:hover span:after,.nav-open .menu_btn span:after{-webkit-transform:translateY(-3px) rotate(45deg);-ms-transform:translateY(-3px) rotate(45deg);transform:translateY(-3px) rotate(45deg)}
.nav-open .menu_btn span:after,.nav-open .menu_btn span:before{background:#FFF}
.menu_btn:hover span{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.nav-open .menu_btn:hover span{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
/*å¤´éƒ¨css*/
.nav-header .bg{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0);visibility:hidden}
.nav-header .btns{position:fixed;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex}
.nav-open .nav-header .bg{background:rgba(0,0,0,.3);visibility:visible}
.nav-open .nav-header .nav-bg{-webkit-transform:translate(50%,-50%) scale(1);-ms-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}
#topnav{position:fixed;top:0;right:0;pointer-events:none;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
#topnav .main{position:absolute;top:0;right:0;width:20%;height:100%;background:#fff;pointer-events:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;border-left:1px solid #dcdcdc}
#topnav .main nav{max-width:100%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 15%}
#topnav .sub-btn{-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer}
#topnav .sub-btn h5 {position: relative;line-height: 40px;text-transform: capitalize;transition: all .4s;font-size:16px;color:#2b2b2b}
#topnav .sub-btn h5.active,#topnav .sub-btn h5:hover {color:#184c8e}
#topnav .sub-btn.active,.desktop #topnav .sub-btn:hover{color:#2c1d10}
#topnav .submenu{position:absolute;top:0;right:20%;width:280px;height:100%;padding-left:20px;padding-right:20px;background:#F0F0F0;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.nav-open #topnav .submenu.open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.nav-open #topnav .submenu.open a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#topnav .submenu>div{position:absolute;top:50%;left:0;width:100%;padding:0 .25rem;transform:translateY(-50%)}

#topnav .submenu a{position:relative;display:block;margin-bottom:10px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;font-size:16px;color:#323232;margin:0 0 35px;line-height:normal;}

#topnav .submenu a:focus img,.desktop #topnav .submenu a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
#topnav .submenu a:focus .title:before,.desktop #topnav .submenu a:hover .title:before{height:100%}
@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul {    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;	
	}
.m-t-lg {margin-top:60px}	
nav ul li {    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;line-height:normal;}
#topnav nav ul li {margin:0}
#topnav nav ul li a{    position: relative;
    display: block;
    line-height: 40px;
    text-transform: capitalize;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;padding:0;font-size:16px;color:#2b2b2b}
	
#topnav nav ul li a:hover,#topnav nav ul li a:focus,#topnav nav ul li.active a{background:none;color:#184c8e}
#topnav nav ul li.nav-langs a {display:inline-block;position:relative;margin-right:.3rem;}
#topnav nav ul li.nav-langs a:first-child:after {content:'/';position:absolute;right:-.2rem;top:50%;transform:translateY(-50%)}

.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#583afa}
.desktop .mini-header .toplogo:after{background:#583afa}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#583afa}
.mini-header #qtranslate-chooser{color:#583afa}
.full {width:100%;height:100%;overflow:hidden;}
@media (max-width:812px){.p-v-md{padding-top:40px;padding-bottom:40px}}@media (max-width:767px){.p-v-md{padding-top:30px;padding-bottom:30px}}.p-v-lg{padding-top:120px;padding-bottom:120px}
@media (max-width:812px){.p-v-lg{padding-top:80px;padding-bottom:80px}}@media (max-width:767px){.p-v-lg{padding-top:60px;padding-bottom:60px}}@media (min-width:1600px){.p-v-lg{padding-top:160px;padding-bottom:160px}}.p-h-xs{padding-left:20px;padding-right:20px}


@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul li{margin:0}
.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#2c1d10}
.desktop .mini-header .toplogo:after{background:#2c1d10}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#2c1d10}
.mini-header #qtranslate-chooser{color:#2c1d10}
@media (min-width:768px){html:not(.iphone_x) .mini-header .toplogo{height:70px;padding-top:24px;padding-bottom:24px}
html:not(.iphone_x) .mini-header #qtranslate-chooser,html:not(.iphone_x) .mini-header .menu_btn{height:60px;line-height:60px}
html:not(.iphone_x) .mini-header .pagenav .title,html:not(.iphone_x) .mini-header .pagenav ul li a{line-height:70px}}#qtranslate-chooser,#topnav .submenu,.menu_btn,.pagenav{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
@media (min-width:768px) and (orientation:portrait){#topnav .p-v-lg{padding-top:120px}}@media (max-width:812px) and (orientation:portrait){.toplogo{width:160px;padding:34px 24px}
.pagenav{left:160px;width:calc(100% - 340px)}}@media (max-width:812px) and (orientation:landscape){#topnav .main{width:40%}
#topnav .submenu{right:40%;width:50%;max-width:240px}}
@media (max-width:767px){

	.toplogo{width:140px;height:60px;padding:20px}
	.menu_btn{width:60px;height:60px;line-height:60px}
	#qtranslate-chooser{width:60px;height:60px;line-height:60px}
	#topnav .main{padding-top:80px}
	#topnav .main nav{max-width:100%;padding:0 .25rem}
	#topnav .submenu a .title{font-size:12px}
}
@media (max-width:767px) and (orientation:portrait){
	#topnav .main{width:60%;padding-top:100px}
	#topnav .submenu{right:40%;width:60%}
	.nav-open .opensub #topnav .main{-webkit-transform:translate3d(20vw,0,0);transform:translate3d(20vw,0,0)}
}
@media (orientation:landscape){.iphone_x .header-bg{display:none}

.iphone_x .toplogo{left:20px;width:140px;height:60px;padding:20px}
.iphone_x .nav-header .btns{right:20px}
.iphone_x #qtranslate-chooser,.iphone_x .menu_btn{width:60px;height:60px;line-height:60px}}

/*index*/
.home_index{background:url(../images/1608520701.jpg) 0 0 no-repeat;height:100vh;}
.home_index>div>div{padding:2rem .27rem 0;}
.home_index .item{background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:8px;padding:1.25rem .2rem .45rem;min-height:5.93rem;text-align:center;position:relative}
.home_index .item h4{font-size:.6rem;color:#184c8e;text-transform:uppercase;margin:0 0 .4rem;font-family:"DIN";font-weight:bold;}
.home_index>div>div:first-child .item h4 {color:#FFF}
.home_index .item0{background: url(../images/1608520330.jpg) 0 center no-repeat;}
.home_index .item1{background: url(../images/1608520570.jpg)0 center no-repeat;}
.home_index .item2{background: url(../images/1608520546.jpg)0 center no-repeat;}
.home_index .editor {font-size:0;margin:0 0 .6rem;}
.home_index .editor >div{display:inline-block;vertical-align:middle;width:50%;padding:0 .15rem;margin:0 0 .22rem;}
.home_index .editor>div p{margin:0;font-size:.16rem;color:#FFF;text-transform:capitalize;}

.home_index .item>a.more{background:#FFF;padding:0 .65rem;font-size:.16rem;color:#1c5a9e;text-transform:uppercase;line-height:.45rem;border-radius:35px;position:absolute;bottom:.45rem;left:50%;transform:translateX(-50%)}
.home_index .item>a.more:hover {background:#f2d455}


.home_index .item2 .editor p {display:inline-block;vertical-align:middle;margin:0;width:33.3333%;padding:0 .15rem;}
.home_index .item2 .editor p img {-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent) , to(rgba(250, 250, 250, 0.5)));}
/*Ã¤Â¼ÂÃ¤Â¸Å¡Ã§Â®â‚¬Ã¤Â»â€¹*/
.about_box {}
.about_box .items {text-align:center;position:relative}
.about_box .items:after{content:'';width:100%;height:4.95rem;background:url(../images/icon4.jpg) center no-repeat;background-size:cover;position:absolute;top:-1rem;left:0;z-index:1}
.about_box .items>div{position:relative;z-index:2}
.about_box .items .title {}
.about_box .items .title h4{font-size:.48rem;color:#184c8e;font-family:"DIN";text-transform:uppercase;font-weight:bold;}
.about_box .items .title p{font-size:.16rem;color:#909090;margin:.1rem 0 0}
.about_box .items .data_num{margin:1rem 0 0}
.about_box .items .data_num>div{padding:0 .15rem;}
.about_box .items .data_num h6{font-size:.2rem;color:#184c8e;text-transform:capitalize}
.about_box .items .data_num h6 em{font-size:.48rem;font-weight:bold;}
.about_box .items .data_num p{font-size:.2rem;color:#4b4b4b;margin:.2rem 0 0;text-transform:capitalize;}
.company{padding:1.85rem 0 .85rem;}
.company h5{font-size:.3rem;color:#184c8e;position:relative;margin:0 0 .35rem;}
.company h5:after{content:'';width:.59rem;height:5px;background:#ddae19;position:absolute;right:.73rem;top:50%;transform:translateY(-50%);}
.company .editor{font-size:.16rem;color:#464646;line-height:1.8}
.company .lists{margin:.55rem  0 0}
.company .lists .swiper-slide {overflow:hidden;}
.company .lists .swiper-slide:hover img {transform:scale(1.06)}
.company .lists .slide-pagination {text-align:center;margin:.8rem 0 0}
.company .lists .slide-pagination span {display:inline-block;margin:0 8px;width:10px;height:10px;background:#bfbfbf;border-radius:100%;outline:none;opacity:1;}
.company .lists .slide-pagination span.swiper-pagination-bullet-active{background:#ddae19}
.culture{position:relative;z-index:2;padding:.75rem .6rem 0;}
.culture .item {margin:0 0 .5rem;position:relative}
.culture .item .imgs {position:relative;z-index:2;}
.culture .item .text {background:#FFF;box-shadow:0 0 10px rgba(0,0,0,.23);position:absolute;top:0;width:93%;left:7%;height:100%;padding:.65rem 0 0 1.35rem;}
.culture .item .text h6{font-size:.24rem;color:#313131;}
.culture .item .text p{font-size:.16rem;color:#555;margin:.15rem 0 0}
.culture .item:hover .text {box-shadow:6px 6px 10px rgba(0,0,0,.2)}

.honor_box{padding:0  0  1.3rem;}
.honor_box .menus {margin:.35rem 0 0;text-align:center;}
.honor_box .menus li{display:inline-block;padding:0 .15rem;}
.honor_box .menus li a{display:block;border:1px solid #d2d2d2;border-radius:3px;font-size:.16rem;color:#6f6f6f;line-height:.46rem;min-width:1.4rem;padding:0 .25rem;}
.honor_box .menus li.on a,.honor_box .menus li a:hover{color:#184c8e;border-color:#184c8e}
.honor_box .lists{position:relative;z-index:1;padding:.5rem .08rem 0}
.honor_box .lists li{padding:0 .37rem;margin:0 0 .68rem;}
.honor_box .lists li a{display:block;position:relative;background:#eee;padding:.13rem;}
.honor_box .lists li a:hover img {transform:scale(.96)}
.workshop {padding:0 0 1.05rem;}
.workshop .lists {position:relative;z-index:1;padding:.5rem 0 .4rem;}
.workshop .lists li{padding:0 .15rem;margin:0 0 .44rem;}
.workshop .lists li a{display:block;position:relative;overflow:hidden;}
.workshop .lists li a:hover img {transform:scale(1.06)}
/*tenner*/
.flash img {width:100% !important;height:auto !important;}
.com_nav {position:absolute;left:0;width:100%;bottom:0;background:rgba(0,0,0,.37);min-height:2.58rem;font-size:0}
.com_nav .item{border-bottom:1px solid rgba(255,255,255,.2);}
.com_nav .item>div>div{display:inline-block;vertical-align:middle;}
.com_nav .menus {width:70%;}
.com_nav .menus li{display:inline-block;}
.com_nav .menus li a{display:block;position:relative;line-height:.88rem;padding:0 .2rem;font-size:.16rem;color:#FFF;text-transform:capitalize;}
.com_nav .menus li a:after{content:'';width:0;height:2px;background:#FFF;position:absolute;bottom:0;left:50%;transition:all .45s}
.com_nav .menus li.on a:after,.com_nav .menus li a:hover:after{width:100%;left:0}
.com_nav .mbx{font-size:.16rem;color:#FFF;text-align:right;line-height:.88rem;}
.com_nav .mbx a{font-size:.16rem;color:#FFF;text-transform:capitalize}
.com_nav .mbx .home  {padding-left:.25rem;background:url(../images/icon3.png) 0 center no-repeat;background-size:.13rem .13rem;}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¤Â¸Â­Ã¥Â¿Æ’*/
.trans {
    -webkit-transition: all .7s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .7s cubic-bezier(.77,0,.175,1) 0s;
    transition: all .7s cubic-bezier(.77,0,.175,1) 0s;
}
.pro_fixed {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.5);transition:none;display:none;}
.pro_fixed .mains {position:absolute;top:50%;left:50%;background:#FFF;transform:translate(-50%,-50%);padding:.4rem .3rem;width:100%;max-width:600px;}
.pro_fixed .mains_on {top:70%;opacity:0;visibility:hidden}
.pro_fixed .mains .lists{font-size:0;position:relative}
.pro_fixed .mains #smalls{margin:.3rem 0 0}
.pro_fixed .mains #smalls .swiper-slide{text-align:center;cursor:pointer;}
.pro_fixed .mains #smalls .swiper-slide img {max-height:100%}
.pro_fixed .mains #smalls .swiper-slide:before{content:'';width:100%;height:100%;border:2px solid #015fc1;position:absolute;top:0;left:0;transform:scale(.8);opacity:0;transition:all .5s}
.pro_fixed .mains #smalls .swiper-slide-thumb-active:before{opacity:1;transform:scale(1);}
.pro_fixed .mains h6{display:inline-block;margin:.25rem 0 0;background:#015fc1;border-radius:35px;padding:0 .72rem;line-height:.6rem;font-size:.2rem;color:#FFF}

.product_box{background:#f6f6f6;}
.product_box>div{transform:translateY(-1rem);position:relative;z-index:2}
.product_box .items{background:url(../images/icon5.jpg) center no-repeat;background-size:cover;padding:1.02rem .4rem .55rem;text-align:center;font-family:"DIN";font-size:0}
.product_box .items h4{font-size:.48rem;color:#FFF;font-weight:bold;text-transform:uppercase;margin:0 0 .75rem;}
.product_box .items .editor {padding:0 0 .9rem;}
.product_box .items .editor>div{display:inline-block;vertical-align:middle;padding:0 .47rem;}
.product_box .items .editor>div p{font-size:.2rem;color:#FFF;text-transform:capitalize;}
.product_box .items.item23 .editor{display:none;}
.product_box .items .menus li {display:inline-block;padding:0 .32rem;width:25%}
.product_box .items .menus li a{display:block;position:relative;overflow:hidden;border:1px solid #FFF;font-size:.16rem;color:#FFF;text-transform:capitalize;border-radius:3px;line-height:.57rem;}
.product_box .items .menus li a:hover,.product_box .items .menus li.ons a {background:#ddae19;border-color:#ddae19}

.product_box .lists {padding:.7rem 0 .15rem;}
.product_box .lists li{padding:0 .16rem;margin:0 0 .6rem;}
.product_box .lists li a{display:block;position:relative;padding:0 0 .35rem;}
.product_box .lists li .img {overflow:hidden;}
.product_box .lists li p{margin:0;position:absolute;bottom:0;width:90%;left:5%;background:#FFF;font-size:.16rem;color:#272727;text-transform:capitalize;text-align:center;line-height:.7rem;}
.product_box .lists li a:hover img {transform:scale(1.06)}

/*Ã¦Å“ÂÃ¥Å Â¡Ã¦â€Â¯Ã¦Å’Â*/
.service_box{background:#f6f6f6;}
.service_box>div{transform:translateY(-1rem);position:relative;z-index:1}
.service_box .support{background:url(../images/icon6.jpg) center no-repeat;background-size:cover;padding:1.02rem 0 1.2rem;text-align:center;}
.service_box .support .title{margin:0 0 .78rem;}
.service_box .support .title h4{font-size:.48rem;color:#FFF;text-transform:uppercase;}
.service_box .support .title p{font-size:.24rem;color:#FFF;margin:.25rem 0 0;text-transform:capitalize}
.service_box .support .lists {position:relative;font-size:0;padding:0 .9rem;}
.service_box .support .lists:before{content:'';width:100%;height:1px;position:absolute;top:50%;left:0;background:url(../icon7.png) center no-repeat;}
.service_box .support .lists .swiper-slide>.info {display:inline-block;vertical-align:middle;width:33.3333%;padding:0 .3rem .5rem;}
.service_box .support .lists .swiper-slide a{display:block;position:relative;border:1px dashed #d2d2d2;border-radius:8px;padding:.11rem;}
.service_box .support .lists .swiper-slide a>div{background:#FFF;border-radius:8px;height:1.02rem;padding:.23rem 0 0}
.service_box .support .lists .swiper-slide a em{font-size:.2rem;color:#080103;}
.service_box .support .lists .swiper-slide a p{font-size:.16rem;color:#080103;margin:.15rem 0 0}
.service_box .support .lists .swiper-slide>.info:first-child+div+div+div,.service_box .support .lists .swiper-slide>.info:last-child{padding:.5rem .3rem 0}
.service_box .support .lists .swiper-page>div{position:absolute;left:.6rem;top:50%;border:1px solid #FFF;width:.48rem;height:.48rem;line-height:.48rem;font-size:.18rem;color:#FFF;outline:none;border-radius:100%;transform:translateY(-50%)}
.service_box .support .lists .swiper-page>div.slide-button-next {left:auto;right:.6rem;}

.service_box .network{padding:.9rem 0 .85rem;text-align:center;}
.service_box .network h4{font-size:.24rem;color:#313131;}
.service_box .network .sma_list {padding:0 .8rem;position:relative;}
.service_box .network .sma_list .swiper-slide .infos{cursor:pointer;}
.service_box .network .sma_list .swiper-slide .infos .img{overflow:hidden;height:1.8rem;line-height:1.8rem;}
.service_box .network .sma_list .swiper-slide .infos img{display:inline-block;max-height:1.8rem;}
.service_box .network .sma_list .swiper-slide .infos  p{font-size:.16rem;color:#313131;margin:.1rem 0 0}
.service_box .network .sma_list .swiper-page>div{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.48rem;height:.48rem;border:1px solid #1b4e8f;border-radius:100%;outline:none;font-size:.16rem;color:#1b4e8f;line-height:.48rem;}
.service_box .network .sma_list .swiper-page>div.slide-button-next{left:auto;right:0}
.service_box .network .sma_list .swiper-slide.swiper-slide-thumb-active .infos p{color:#ddae19}
/*Ã¦â€“Â°Ã©â€”Â»Ã¤Â¸Â­Ã¥Â¿Æ’*/
.news_box{background:#f6f6f6;padding:0 0 1.55rem;}
.news_box .com_lists{padding:0 .17rem;position:relative}
.news_box .com_lists:before{content:'';width:100%;height:120%;background:#FFF;position:absolute;top:-1rem;left:0;z-index:1}
.news_box .com_lists>* {position:relative;z-index:2}
.news_box .com_lists h5{font-size:.48rem;color:#272727;font-weight:bold;margin:0  0 .5rem;text-transform:uppercase;text-align:center;font-family:"DIN"}
.news_box .com_lists li {padding:0 .17rem;}
.news_box .com_lists li a{display:block;position:relative;overflow:hidden;text-align:center}
.news_box .com_lists li .img {overflow:hidden;position:relative}
.news_box .com_lists li a:before{content:'';background:rgba(0,0,0,.3);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.news_box .com_lists li .text{position:absolute;top:50%;left:10%;width:80%;z-index:2;transform:translateY(-50%)}
.news_box .com_lists li .text h6{font-size:.16rem;color:#FFF;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 .3rem;text-transform:uppercase}
.news_box .com_lists li .text span {font-size:.14rem;color:#FFF;display:inline-block;padding:0 0 .4rem;position:relative}
.news_box .com_lists li .text span:after{content:"\f178";font:normal normal normal 14px/1 FontAwesome;font-size:.16rem;color:#FFF;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.news_box .com_lists li a:hover img {transform:scale(1.06)}
.news_box .lists{padding:.55rem 0 .65rem;}
.news_box .lists li {border-bottom:1px solid #dcdcdc}
.news_box .lists li a{display:block;position:relative;padding:.68rem 0 .4rem;font-size:0}
.news_box .lists li a>* {display:inline-block;vertical-align:top;}
.news_box .lists li span {width:15%;text-align:center;font-size:.14rem;color:#696969;}
.news_box .lists li .text {width:85%;padding:0 .8rem 0 0;}
.news_box .lists li .text h6{font-size:.2rem;color:#000;margin:0 0 .2rem;text-transform:capitalize}
.news_box .lists li .text p{font-size:.16rem;color:#494949;margin:0  0 .35rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.news_box .lists li .text em {font-size:.16rem;color:#1d4480}
.news_box .lists li a:hover{background:#FFF}
/*news*/
.contact {background:#f6f6f6}
.contact>div {transform:translateY(-1rem);position:relative;z-index:1}
.contact .editor>div p {margin:0;padding:.5rem 0 0;background-size:.50rem .50rem !important;text-align:center}
.contact .items .editor>div p.add {background:url(/public/common/images/1.png) center 0 no-repeat;}
.contact .items .editor>div p.tel {background:url(/public/common/images/2.png)center 0 no-repeat;}
.contact .items .editor>div p.fax {background:url(/public/common/images/3.png) center 0 no-repeat;}
.contact .items .editor>div p.email {background:url(/public/common/images/4.png) center 0 no-repeat;}
.contact .items {background:#FFF;padding:.8rem 0 .5rem;text-align:center;margin:0 0 .27rem;}
.contact .items>h4{font-size:.48rem;color:#272727;font-weight:bold;font-family:"DIN";text-transform:uppercase;}
.contact .items>p {font-size:.2rem;color:#272727;margin:.35rem 0 0}
.contact .items .editor{margin:.6rem 0 0;font-size:0;text-align:left;display:table;width:100%}
.contact .items .editor>div>div{display:table-cell;vertical-align:top;padding:0 .43rem;}
.contact .items .editor>div>div:first-child{width:35%}
.contact .items .editor p:last-child{font-size:.16rem;color:#272727;}
.contact .map {background:#FFF;padding:.2rem;}
.contact .message {margin:1.05rem  0 0;}
.contact .message h5{font-size:.48rem;color:#272727;font-weight:bold;text-transform:uppercase;text-align:center;font-family:"DIN";margin:0 0 .4rem;}
.contact .message .mains {background:#FFF;padding:.6rem .2rem .4rem;}
.contact .message .mains h6{padding-left:1rem;font-size:.24rem;color:#1d4480;background:url(/public/common/images/icon8.png) 0 center no-repeat;background-size:.68rem .67rem;margin:0 0 .65rem;line-height:.67rem;display:inline-block;margin-left:.43rem;}
.contact .message .mains .lists table{width:100%;}
.contact .message .mains .lists table tr {float:left;padding:0 .4rem;margin:0 0 .35rem;width:100%}
.contact .message .mains .lists table tr td.text,.contact .message .mains .lists table tr td span {display:none;}
.contact .message .mains .lists  table tr:first-child,.contact  .message .mains .lists  table tr:first-child+tr {width:50%}
.contact .message .mains .lists table tr td.input {display:block;}
.contact .message .mains .lists table td input[type="text"],.contact .message .mains .lists table td textarea{font-size:.16rem;color:#3e3e3e;border:0;border-bottom:1px solid #dcdcdc;outline:none;height:.75rem;min-height:35px;width:100%;text-transform:capitalize}
.contact .message .mains .lists table td textarea{height:1.1rem;}
.contact .message .mains .lists table tr.order2,.contact .message .mains .lists table tr.order3,.contact .message .mains .lists table tr.order4 {width:100%}
.contact .message .mains .lists table td input[name="code"] {width:20% !important;}
.contact .message .mains .lists table td.submint{width:100%;display:block;text-align:center;}
.contact .message .mains .lists table td.submint input {display:inline-block;border-radius:5px;background:#184c8e;font-size:.16rem;color:#FFF;text-transform:uppercase;height:.57rem;padding:0 .48rem;}

/*Ã©â‚¬Å¡Ã§â€Â¨Ã¥Âºâ€¢Ã©Æ’Â¨*/
.foot_index {position:absolute;bottom:0;left:0;width:100%;z-index:0;}
.footer {border-top:1px solid rgba(255,255,255,.25);font-size:0}
.footer>div>* {display:inline-block;vertical-align:middle;font-size:.16rem;color:#afafaf;margin:0;line-height:.78rem;}
.footer>div>p:first-child {width:70%}
.footer>div>*:last-child {text-align:right;width:30%}
.footer>div a{font-size:.16rem;color:#afafaf}
.foot_page {border-top:1px solid #e5e5e5;}
.foot_page>div>* {color:#646464;}
.foot_page>div a{color:#646464}
/*Ã§Â¿Â»Ã©Â¡Âµ*/	
.page {text-align:center;}
.page span.PageText,.page input {display:none;}
.page span,.page a {display:inline-block;margin:0 3px;width:.46rem;height:.46rem;line-height:.46rem;font-size:.18rem;color:#525252;background:#dcdcdc;border-radius:3px;}
.page a:hover,.page a.page-num-current {background:#184c8e;color:#FFF}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
@media(max-width:1300px){
		.home_index .item{padding-top:.65rem;}
	.home_index .item{min-height:5.3rem;}
}
	@media(max-height:900px){
		.home_index>div>div{padding-top:1.1rem;}
	}
	@media(max-height:800px){
		.home_index>div>div{padding-top:.9rem;}
	}
	/******ipad****/
	@media(max-width:990px){
		body{overflow-x:hidden;}
		.header .w1600 > div.navlist ul {display:none;}
		.home_index .item{min-height:6.5rem;}
		.culture .item .imgs img {width:1.87rem;}
		
	}
/********mobile*********/
@media(max-width:767px){
	.header{line-height:60px;}
.header .w1600 > div.navlist {display:none;}
.foot_index{display:none}
.footer > div > *{display:block;width:100% !important;text-align:center !important;line-height:.45rem}
.home_index{padding:.55rem 0}
.com_nav{display:none;}
.about_box .items .data_num > div{margin:0 0 .35rem;}
.culture{padding:.75rem .25rem 0}
.culture .item .text{left:11%;width:89%}
.honor_box .lists li{padding:0 .15rem;}
.product_box .items .editor > div,.product_box .items .menus li{width:50%}
.product_box .items .menus li{margin:0 0 .3rem;}
.service_box .support .lists{padding:0 .6rem;}
.service_box .support .lists .swiper-page > div{left:.2rem}
.service_box .support .lists .swiper-page > div.slide-button-next{left:auto;right:.2rem}
.service_box .support .lists .swiper-slide > .info,.service_box .support .lists .swiper-slide > .info:first-child + div + div + div, .service_box .support .lists .swiper-slide > .info:last-child{padding-left:.15rem;padding-right:.15rem;}
.service_box .support .lists .swiper-slide a > div{height:1.5rem;}
.news_box .com_lists li{margin:0 0 .3rem;}
.news_box .com_lists::before{height:100%}
.contact .items .editor > div > div{display:block;width:100% !important;}
.contact .message .mains .lists table tr{width:100%}
.contact .message .mains .lists table td input[type="text"], .contact .message .mains .lists table td textarea,.contact .message .mains .lists table td.submint input{font-size:12px;}
.contact .message .mains .lists table td input[name="code"] {width:35% !important}
.contact .items .editor>div p.email{
	margin: -.8rem;
}
.contact .items .editor>div p.fax{margin:.5rem 0 0}
}