@charset "UTF-8";
@font-face{
	font-family:montserratr;
	src:url(../images/LAOUI.TTF);
	src:url(../images/LAOUI.eot?#font-spider)format('embedded-opentype'),
	url(../images/LAOUI.woff) format('woff'),
	url(../images/LAOUI.ttf) format('truetype'),
	url(../images/LAOUI.svg) format('svg');
	font-weight:400;
	font-style:normal;
}
@font-face{
	font-family:montserratr;
	src:url(../images/LAOUIB.TTF);
	src:url(../images/LAOUIB.eot?#font-spider)format('embedded-opentype'),
	url(../images/LAOUIB.woff) format('woff'),
	url(../images/LAOUIB.ttf) format('truetype'),
	url(../images/LAOUIB.svg) format('svg');
	font-weight:400;
	font-style:normal;
}


.header>.head_box{height:108px;line-height: 108px;background: #fff;}
.header .head_box .sy_logo{height: 54px;width:488px;}
.nav_form {height:108px;}
.nav_form p{background: #949494;height: 35px;line-height: 35px;font-size: 18px;border-radius: 8px;width: 200px;box-sizing: border-box;padding-left: 8px;margin: 16px 0 12px;}
.nav_form p input{outline: medium;border: none;background: transparent;line-height: 35px;font-size: 18px;color: #3e3e3e;width: 80%}
.nav_form p input::-webkit-input-placeholder {color: #3e3e3e;}
.nav_form p input:-moz-placeholder {color:#3e3e3e;}
.nav_form p input::-moz-placeholder { color: #3e3e3e;}
.nav_form p input:-ms-input-placeholder {color:#3e3e3e;}
.nav_form p button{width: 35px;height: 35px;background:#222222;border-radius: 8px;cursor:pointer;}
.lan_box{width:200px;height: 35px;border-radius: 8px;line-height: 35px;background: #949494; }
.lan_box span a{color: #fff;display: inline-block;width: 50%;text-align: center;float: left;font-family:LAOUI;font-size: 15px;}
.lan_box  span.lan_on a{background: #222222;color: #fff;font-weight: 100;}


.nav_ul{background: #333333;line-height: 52px;}
.nav_ul ul li{width: 16.66%;text-align: center;transition: .5s;}
.nav_ul ul li a{display: inline-block;font-size:16px;color: #fff;width: 100%;font-family: LAOUIB;}
.nav_ul ul li.active_li{background: #000000;color: #fff;}
.nav_ul ul li.active_li a{color: #fff;}
.nav_ul ul li:hover{background: #000000;color: #fff;}
.nav_ul ul li:hover a{color: #fff;}

.sy_banner{height:580px;overflow: hidden;}
.swiper-container{width:100%;overflow: hidden;z-index: 1}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.swiper-slide {-webkit-flex-shrink: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative}
.swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opac}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;}
.banner .swiper-slide img {animation-duration: 5s;animation-timing-function: linear;animation-fill-mode: forwards;-webkit-animation-duration: 5s;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwa}
.swiper-button-prev{right: 50px;left: auto;}
.banjt,.flipto-prev, .flipto-next{position: absolute;top: 50%;width: 40px;height: 60px;z-index: 5;left: 50px;cursor: pointer;color:#fff;font-size: 20px;font-family: "宋体";background: rgba(0,0,0,0.5);text-align: center;line-height: 60px;border-radius: 5px;margin-top: -20px;}
.swiper-button-prev,.flipto-next{right: 50px;left: auto;}
.nv_litxt{position:  absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: auto;}
.nv_litxt h2{font-size: 70px;color: #fff;margin-bottom: 52px;font-weight: normal;text-transform : uppercase;letter-spacing: 4px;opacity: 0;transition-duration: .8s;-moz-transition-duration: .8s;-webkit-transition-duration: .8s;-o-transition-duration: .8s;margin-bottom: 20px;position: absolute;top: -300px}
.nv_litxt a{font-size: 20px;color: #fff;display: block;width: 200px;line-height: 50px;background: #000;border-radius: 30px;text-align: center;text-transform : uppercase;opacity: 0;transition: .8s;position: absolute;bottom: -200px;}
.swiper-slide-active .nv_litxt h2{opacity: 1;top:-75px;font-family: LAOUI;font-weight: 100;}
.swiper-slide-active .nv_litxt a{opacity: 1;bottom: -50px;font-family: LAOUI;font-weight: 100;}


/* ad_box */
.ad_box{padding: 50px 0;}
.sy_teitil h2{font-size: 35px;color: #333333;text-align: center;letter-spacing: 4px;margin-bottom: 15px;font-family: LAOUI;}
.sy_teitil p{font-size: 20px;color: #9b9b9b;letter-spacing: 2px;text-align: center;font-family: LAOUI;}
.ad_boxlist{margin: 35px -15px 0;}
.ad_boxlist li{width: 25%;box-sizing: border-box;}
.ad_boxlist li>div{margin:0 15px;background: #fff;box-sizing: border-box;}
.ad_boxlist li>div img{-webkit-transition: box-shadow 200ms ease;transition: box-shadow 200ms ease;}
.ad_boxlist li>div:hover img{-moz-box-shadow: 0 2px 10px #c7c7c7;-webkit-box-shadow: 0 2px 10px #c7c7c7;box-shadow: 0 2px 10px #c7c7c7;}
.ad_boxlist li>div h3{font-family: LAOUI;font-size: 16px;line-height: 28px; color: #444444;font-weight: normal;padding: 10px 0 6px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ad_boxlist li>div a{font-size: 14px;color: #a8a8a8;text-align: center;display: block;line-height: 18px;font-family: LAOUI;transition: .5s;}

/* about */
.about_box{height: 300px;width: 100%;background: url(../images/bj_06.jpg) no-repeat center;background-size: cover;padding: 50px 0;}
.about_box .about_til{font-size: 30px;color: #fff;text-align: center;}
.about_box .about_til h2{font-size: 30px;color: #fff;text-align: center;position: relative;font-family: LAOUI;}
.about_box .about_til h2::after{content: ""; bottom: -10px;width: 300px;height: 1px;background: #fff;position: absolute;left: 0;right: 0;margin: auto;}
.about_box .about_til h2::before{content: ""; bottom: -11px;width: 40px;height: 3px;background: #fff;position: absolute;left: 0;right: 0;margin: auto;}
.about_txt {margin: 0 auto; margin-top: 60px;max-width:960px;}
.about_txt p{font-size: 15px;color: #dbdbdb;letter-spacing: 1px;line-height: 24px;text-align: center;font-family: LAOUI;}

/* news */
.news_box {padding: 50px 0;}
.news_box .news_left{width: 60%;}
.news_list{padding: 45px 0;border-bottom: 1px solid #d9d9d9;}
.news_list:last-child{border: none;}
.news_til{text-align: left;font-size: 30px;color: #333333;position: relative;font-family: LAOUI;}
.news_til::after{content: "";position: absolute; top:-22px;left: 0;height: 3px;width: 82px;background: #333;}
.news_list .news_list_l{width: 18%;}
.news_list_r{width: 80%;box-sizing: border-box;padding-left: 20px;}
.news_list_r h3{font-family: LAOUI;font-weight: normal;color: #333333;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.news_list_r p{font-family: LAOUI;color: #666666;font-size: 14px;text-align: left;overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;margin: 8px auto;line-height: 22px;}
.news_list_r a{font-size: 15px;color: #555555;font-family: LAOUI;}
.news_right{width: 35%;;}
.add_box p{margin-top: 20px;font-family: LAOUI;}
.add_box p img{width: 20px;height: 20px;float: left;display: block;}
.add_box p span{display: block;width: 92%;float: right;font-size: 15px;color: #444444;line-height: 22px;font-family: LAOUI;}
.news_map{margin: 45px 0 20px;overflow: hidden;}
.news_map iframe{width: 100%;height: 184px;}

/* help */
.help_box{background: #000;}
.help_box h2{font-size: 20px;color: #fff;text-align: center;line-height: 60px;font-family: LAOUI;}

/* footer_box */
.footer_box{height: 175px;box-sizing: border-box;padding:28px 0;background: #333333;}
.footer_box ul.align-center{margin: 0 auto;}
.footer_box ul.align-center li{display:inline-block;}
.footer_box ul.align-center li a{font-size: 15px;color: #fff;margin-left:38px;line-height: 22px;font-family: LAOUI;font-weight: 100;}
.footer_box ul.align-center li:first-child a{margin-left:0;}
.footer_box p{font-size: 15px;color: #fff;text-align: center;padding-top: 18px;font-family: LAOUI;font-weight: 100;}
.footer_box p a{font-size: 15px;color: #fff;font-family: LAOUI;font-weight: 100;padding-left: 6px;}
.shear_box{margin: 0 auto;text-align: center;margin-top: 18px;}
.shear_box ul.share-buttons {list-style: none;padding: 0;margin: 0 auto;}
.shear_box ul.share-buttons li {display: inline-block;margin: 0 5px;}
.shear_box ul.share-buttons li img{opacity: .5;-webkit-transition: opacity 200ms ease;transition: opacity 200ms ease;}
.shear_box ul.share-buttons li:hover img{opacity: 1;-webkit-transition: opacity 200ms ease;transition: opacity 200ms ease;}

/* messenger */
.mess_form{padding: 40px 0;}
.mess_form form{padding: 40px;box-sizing: border-box;-moz-box-shadow: 0 2px 10px #c7c7c7;-webkit-box-shadow: 0 2px 10px #c7c7c7;box-shadow: 0 2px 10px #c7c7c7;}
.mess_form form h2{font-family: LAOUI;font-size: 30px;color: #333333;}
.mess_fmbox{margin: 40px 0px;}
.mess_fmbox p{float: left;width: 32.43%;}
.mess_fmbox p input{margin:0 auto;width: 100%;line-height: 40px;box-sizing: border-box;padding-left:10px;display: block;-moz-box-shadow: 0 2px 10px #c7c7c7;-webkit-box-shadow: 0 2px 10px #c7c7c7;box-shadow: 0 2px 10px #c7c7c7;font-size: 14px;color: #888888;font-family: LAOUI;} 
.mess_fmbox p:nth-child(2){margin: 0 1.33%;}
.form-control{height: 140px;padding-left: 10px;width: 100%;max-width: 100%;-moz-box-shadow: 0 2px 10px #c7c7c7;-webkit-box-shadow: 0 2px 10px #c7c7c7;box-shadow: 0 2px 10px #c7c7c7;margin-bottom: 20px;box-sizing: border-box;padding-top: 15px;font-family: LAOUI;}
.form_btn .yzm{width: 32.43%;display: block;-webkit-box-shadow: 0 2px 10px #c7c7c7;box-shadow: 0 2px 10px #c7c7c7;-moz-box-shadow: 0 2px 10px #c7c7c7;position: relative;}
.form_btn .yzm input{line-height: 45px;padding-left: 10px;font-size: 14px;color: #888888;font-family: LAOUI;}
.form_btn .yzm img{position: absolute;right: 0;}
.small-button{width: 32.43%;line-height: 40px;background: #333333;font-size: 14px;color: #fff;cursor: pointer;}
.mess_map .container{height: 450px;margin-bottom: 40px}
.mess_map iframe{width: 100%;height: 450px !important;}


/* news */
.mess_form{padding: 40px 0;}
.mess_form .news_list{padding: 18px;margin:0;margin-bottom: 10px; box-sizing: border-box;border: none;transition: .5s;}
.mess_form .news_list:hover{-moz-box-shadow: 0 2px 10px #c7c7c7;-webkit-box-shadow: 0 2px 10px #c7c7c7;box-shadow: 0 2px 10px #c7c7c7;border-radius: 8px;}
.mess_form .news_list .news_list_l {width: 12%;}
.mess_form .news_list .news_list_r {width: 88%;}

/* products */
.prod_box{padding-bottom: 65px;}
.pord_left{width: 25%;max-width: 280px;}
.pord_left h2{font-size: 30px;color: #222222;background: #fcc71b;line-height: 100px;font-family: LAOUI;text-align: center;font-family: LAOUI;}
.pord_left>ul{padding: 32px 0;background: #1b1f22;box-sizing: border-box;}
.pord_left>ul li{font-size: 15px;color: #fff;padding:0 15px;line-height: 40px}
.pord_left>ul li a{font-size: 15px;color: #fff;font-family: LAOUI;}
.pl_on{background: #fcc71b;color:#1b1f22; }
.pl_on a{color:#1b1f22;}
.pord_left>ul li:hover{background: #fcc71b;color:#1b1f22;transition: .5s;}
.pord_left>ul li:hover a{color:#fff;}
.pord_right{width: 74%;}
.pord_right .ad_boxlist li{width: 33.33%;margin-bottom: 35px;}

/* products-details */
.gd_rbox{padding: 20px 0;}
.gd_rbox .gd_img{width: 45%;overflow: hidden;position: relative;}
.gd_rbox .gd_img img{max-width: 450px;max-height: 450px;}
.pro_back{position: absolute;left: 0;top: 0;}
.pro_back a{font-size: 20px;color: #333;}
.gd_rbox .gd_right{width: 50%;}
.gd_rbox .gd_right h2{color: #333;font-size: 22px;font-weight: 600;margin-bottom: 10px;font-family: LAOUI;}
.gd_rbox .gd_right .gd_rcont {margin-bottom: 30px;}
.gd_rbox .gd_right .gd_rcont>div{font-size: 14px;padding: 8px 0;border: 1px dashed#1B1F22;border-right: none;border-left: none;font-family: LAOUI;}
.gd_detil h2{font-size: 16px;color: #333;font-family: LAOUI;border-bottom: 1px solid #1B1F22;font-weight: bold;}
.dg_dconts{padding: 20px 0;}
.dg_dowm{margin-top: 40px;}
.dg_dowm p{font-size: 14px;color: #777;font-family: LAOUI;}
.dg_dowm p a{font-size: 14px;color: #777;font-family: LAOUI;}
.dg_dowm p a span{color: #777;font-weight: bolder;}
.pro_table table{ width: 100%; border-collapse: collapse;border-spacing: 0;text-align: center;}
.pro_table table td {padding: 2px 5px;border: 1px solid #d1d1d1;color: #444444;font-size: 14px; line-height: 20px;}


/* news_cont */
.news_cont{padding: 40px 0;}
.news_cont .news_detil{font-size: 22px;color: #333;font-family: LAOUI;}
.news_cont .news_detil h2{text-align: center;}
.news_zz {margin:22px 0 12px;width: 100%;text-align: center;}
.news_zz span:nth-child(odd) {margin-right: 112px;}
.news_zz span {display: inline-block;font-size: 16px;color: #505050;letter-spacing: 1px;}
.news_conts{padding: 20px 0;}
.news_conts p{font-size: 14px;color: #444;font-family: LAOUI;}

/* cont_box */
.cont_box{padding: 30px 0;}
.cont_til{border-bottom: 1px solid #1B1F22;}
.cont_til h2{font-size: 22px;color: #333;}
.cont_til p{font-size: 16px;color: #555;padding: 10px;}
.cont_add{padding: 40px 0;}
.cont_add .cont_tel{border-right: 1px solid #1B1F22;padding: 30px 30px 30px 0;}
.cont_address{padding-left: 30px;max-width: 450px;}
.cont_add .cont_tel h2{font-size: 22px;color: #333;text-align: left;}
.cont_address p{font-size: 15px;color: #333;line-height: 32px;}