@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/

html{
	overflow-x: hidden;
	}
body a:hover{ text-decoration:none; color:#dc1313;}
body a:focus{ text-decoration:none; color:#dc1313;}

div{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

/*顶部*/
.fix-div{
	position: fixed;
	top: 0px;
	_position: fixed;
	z-index: 9999999999999999999999;
    width: 100%;
	}
.top_logo{
	float:left;
	width:30%;
	}
.wp{
	width: 80%;
	float: right;
	height:110px;
	margin-top:0px;
	margin-right: 1%;
}
#nav .language{
	float: right;
	position: relative;
	margin-top:46px;
	}
#nav .language a{
	/*background-image: url(../img/xiangxia_ui.png);*/
	background-repeat: no-repeat;
	padding-left: 15px;
	width:50px;
	background-position: right center;
	padding-right: 15px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
	}
#nav .language a:hover{
	color:#dc1313;
	}
#nav {
	height: 110px;
	width:60%;
	float:right;
	}
#nav ul{ width:100%; height:110px;}
#nav li {
	position: relative;
	float: left;
	width: 16.6%;
	text-align: center;
}
#nav li:last-child,#nav li.last {border-right: none;}
#nav .par {
	display: inline-block;
	width: 90%;
	height: 110px;
	line-height: 110px;
	color: #666;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
}
#nav .on .par,#nav .par.on,#nav .par:hover {
	border-bottom: 5px solid #dc1313; box-sizing:border-box;
	color:#dc1313;
	text-decoration:none;
	
	}
#nav .sub {position: absolute;top: 100px;left: 0;padding: 15px;width: 100%;background-color: #eb5700;opacity: 0;visibility: hidden;z-index: 98;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
#nav .sub:before {position: absolute;top: -10px;left: 50%;margin-left: -10px;display: block;width: 19px;height: 13px;background: url(../images/ico-triggle.png) center center no-repeat;content: '';}
#nav .sub a {display: block;width: 100%;height: 41px;line-height: 40px;text-align: center;color: #fff;border-bottom: 1px dashed #f19674;}
#nav .sub a:hover {color: #f19674;}
#nav .sub a:last-child,#nav .sub a.last {border-bottom: none;}
#nav .on .sub {top: 70px;opacity: 1;visibility: visible;}
.menuBtn {position: absolute;top: 50px;right: 20px;width: 35px;height: 30px;display: none;cursor: pointer;z-index: 100;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.menuBtn em {margin-bottom: 10px;display: block;height: 3px;background-color: #e60021;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.menuBtn.on em {display: none;margin: -2px 0 0;position: absolute;left: 5px;top: 50%;width: 30px;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}

#aside {position: fixed;top: 0;left: -240px;bottom: 0;width: 240px;
    background-color:rgba(255,255,255,1);z-index: 110;overflow-y: auto; }
#aside.open {left: 0;}
#aside .menu {margin-top: 50px;}
#aside .menu .v1 {
	padding-left: 30px;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	
}
#aside .menu .v1:hover,#aside .menu .v1.on {color: #fff;background-color: #dc1313; text-decoration:none;}
#aside .menu .sub {padding: 10px 0;display: none;}
#aside .menu .sub a {padding-left: 46px;display: block;width: 100%;height: 36px;line-height: 36px;color: #fff;font-size: 14px;}
#aside .menu .sub a:hover,#aside .menu .sub a.on {color: #f19674;background-color: #1c1c1c;}
#aside .lang {margin-top: 20px;float: none;display: block;text-align: center;}
#aside .lang a {margin: 0 10px;}
#aside .box-search {margin: 20px auto 0;float: none;}

#aside .language{
	margin-top:30px;
	text-align:center;
	}
#aside .language a{
	display: inline-block;
	text-align: center;
	line-height: 30px;
	width: 40%;
	background:#eee;
	color: #999;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
#aside .language a:hover{
	
	color: #fff;
	background:#333;
	}	
#aside .language a.language_en{
	border: 1px solid #222;
	color: #fff;
	background:#222;
	}
.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

@font-face {
    font-family: 'imp';
    src: url('../font/Impact.TTF');
}

/*-----首页part01-------*/
.part01{ width:100%;}	
/*.part01 ul { width:100%;}
.part01 ul li{ width:33.3%; position:relative; text-align:center; float:left;}*/
.part01 ul{ margin-bottom:0px;}
.part01 ul li{ padding:0px;}
.part01 ul li .in_img{ width:100%;}
.part01 ul li .in_img img{ width:100%;}
.part01 ul li .in_txt{ display:block; width:100%; height:100%; position:absolute; top:0px; left:0px;}
.part01 ul li .in_txt p{ display:block; color:#fff; font-size:24px; line-height:50px; width:100px; border-bottom:1px solid #fff; margin:0 auto; margin-top:16%;}
.part01 ul li .in_txt span{ display:block; font-size:16px; color:#fff; line-height:30px; margin-top:5%;}
.part01 ul li .in_txt:hover{ background-color:rgba(0,0,0,0.8);}


.in_title{ max-width:100%; margin:0 auto; text-align:center;}
.in_title h3{ font-family:"Microsoft YaHei"; font-size:30px; font-weight:normal; color:#dc1313; display:inline-block;}
.in_title p{ font-size:20px; color:#999; display:inline-block;}
.in_title span{ display:block; color:#999; margin-top:0.5%;}





.main_content{ margin-left:0px; margin-right:0px;}
/*-----首页part02-------*/
.main_content .part02{ padding-top:5%; background:url(../img/part02_bg.jpg) center center; background-size:100% 100%; padding-bottom:5%;}
.part02 .fancybox{ margin-left:5px; margin-left:5px; display:block; position:relative;}
.part02 .fancybox img{ width:100%;}
.part02 .fancybox .hover{ display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.2); z-index:99;
    webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.part02 .fancybox .hover p{ display:block; color:#fff; font-size:22px; line-height:46px; width:190px; border-bottom:1px solid #fff; margin:0 auto; margin-top:16%;}
.part02 .fancybox .hover span{ display:block; font-size:16px; color:#fff; line-height:30px; margin-top:1%;}
.part02 .fancybox:hover .hover{ background-color:rgba(220,19,19,0.8);
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}

.part02 .pro_loop{ margin-bottom:3%; margin-top:3%;}



/*-----首页part03-------*/
.part03{ margin-top:40px;} 
.part03_bg{ background:url(../img/part03_bg.jpg) center; background-size:cover; margin-top:40px !important;}
.part03-txt{ background-color:rgba(255,255,255,0.8);margin-top:50px; margin-bottom:50px; padding-top:40px; padding-bottom:40px;  box-shadow:0px 5px 15px #aaa;}
.part03-txt span{ margin-bottom:30px;}
.in_btn a{ width:120px; height:40px; border-radius:0px;     line-height: 28px;}
.in_btn a:hover{ background:#dc1313; color:#fff; border:none;}


.part04{ margin-top:40px;}
.part04_main{ margin-top:40px;}
.part04_main{ padding:0;}
.part04_left{ text-align:left; margin-bottom:4%;}
.part04_left img{ padding-left:0px; padding-right:0px; width:100%; margin-bottom:10px;}
.part04_left h4{ color:#333;}
.part04_left p{ display:block; font-size:12px; color:#999; line-height: 29px;}
.part04_left span{display:block; width:100%; text-align:left; color:#666;}
.part04_left:hover{ text-decoration:none;}


.part04_right ul li{ margin-bottom:3%;}
.part04_right ul li a{ display:block;}
.part04_list_l h1{ color:#333;}
.part04_list_l span{ color:#333;}
.part04_list_r{ border-left:1px solid #999; text-align:left;}
.part04_list_r p{ padding-left:0px; color:#333;}
.part04_list_r span{display:block; padding-left:0px; color:#666;}
.part04_list:hover{ background:#eee; border-left:4px solid #DC1313; box-sizing:border-box;}



.part05{ background:url(../img/part05_bg.jpg) center center; margin-left:0px; margin-right:0px;}
.part05_main div{ margin-top:50px; margin-bottom:40px;}
.part05_img{ margin-bottom:20px;}
.part05_txt{ color:#fff;}


.part06{ margin-top:40px;}
.part06_main{ margin-top:40px;}
.part06_main img{ width:100%;}
.part06_img{ display:block; padding:0px; border:1px solid #ccc; box-sizing:border-box; position:relative;}
.part06_img img{ padding:0px;}
.part06_img .hover{ width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:absolute; top:0px; left:0px; color:#FFF;
    webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;	
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity:0;}
.part06_img .hover .h4{ margin-top:10%;}
.part06_img .hover small{ color:#FFF; line-height:30px;}
.part06_img:hover .hover{
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;	
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity:1;}



.part07{ margin-top:4%; padding:30px 0 45px 0; background:url(../img/part07_bg.jpg) center center;}
.part07 .h1{ font-size:40px; color:#fff;}
.part07 .h2{ color:#fff; margin-top:20px; margin-bottom:30px;}
.part07_btn{ width:120px; height:40px; margin:0 auto;}
.part07_btn a{ display:block; width:120px; height:40px; line-height:40px; border:1px solid #fff; box-sizing:border-box; color:#FFF;}
.part07_btn a:hover{ background:#fff; border:none; color:#333;}

.part08{ margin-top:40px;}

.messages{ margin-top:30px;}
.messages input{ height:40px; margin-top:18px; border-radius:0px; border:none; background:#f4f4f4;}
.messages .txt_area{ margin-top:18px; border-radius:0px; border:none; background:#f4f4f4;}
.messages .btn{ background:#222; color:#fff;}
.messages .btn:hover{ background:#444; color:#fff;}




.footer{ margin-left:0; margin-right:0px; width:100%; background:url(../img/footer_bg.jpg) repeat;}
.footer_main{ padding:60px 0 60px 0;}
.footer a{ color:#999;}
.footer a:hover{ color:#fff;}
.footer p{ color:#999; text-align:center;}
.footer span{ color:#999;}
.footer .m img{ display:block; width:100%;}
.footer .footer_left{ padding-right:0px;}
.footer .footer_left ul{ padding:0px;}
.footer .footer_left ul li{ padding-left:0px; padding-right:0px;}
.footer .footer_left .qr_code{ padding:0px;}
.footer .footer_left .m{ margin-top:30px;}
.footer .footer_left .m .m_2{ margin-top:20px;}
.footer .footer_left .copy{ margin-top:20px;}
.footer .footer_left .copy span{ font-size:12px;}
.footer_map{ width:100%;}

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	


/*------内页--------*/
.inner_banner div{ padding-left:0px; padding-right:0px;}
.inner_banner div img{ width:100%;}

.inner_nav{ background:#f2f2f2;}
.inner_nav ul{ margin:0px;}
.inner_nav ul li{ display:inline-block; padding:20px 20px 20px 20px;}
.inner_nav ul li a{ color:#666;}
.inner_nav ul li a:hover{ color:#dc1313;}
.inner_nav ul li a:focus{ color:#dc1313;}
.inner_nav ul li .current{ color:#dc1313;}


.inner_main{ text-align:left; margin-bottom:70px;}

.products_list li{ margin-bottom:30px;}
.products_list li a{ display:block; width:100%; text-align:center; padding-bottom:20px;}
.products_list li a img{ display:block; width:100%;}
.products_list li a p{ font-size:16px; color:#333; margin-top:15px;}
.products_list li a span{ display:block; color:#666; width:90%; margin:0 auto;}
.products_list li a:hover{ box-shadow:0px 5px 25px #ccc;}
.products_list li a:hover p{ color:#dc1313;}


.page{ text-align:center;}
.page a{ border:none; background:#eaeaea; border-radius:0px; margin-right:6px; color:#666; margin-bottom:10px;}
.page .current{ background:#dc1313; color:#fff;}
.page a:hover{ background:#ccc; color:#333;}


.detail_main{ background:#f2f2f2;}
.pro_de_top{ background:#fff; padding-bottom:30px; text-align:left;}
.pro_de_img {}
.pro_de_img img{ width:100%;}

.pro_de_buttom{ margin-top:30px; margin-bottom:60px; text-align:left;}
.pro_de_buttom .left{ background:#fff;}
.pro_de_buttom .h4{ color:#dc1313; background:url(../img/line.png) left bottom no-repeat; line-height:38px; width:100%; padding-left:10px; margin-bottom:25px;}
.pro_de_buttom .left .main{ padding-bottom:30px;}
.pro_de_buttom .left .main img{ max-width:100%; height:auto!important;}
.pro_de_buttom .left .main p img{ max-width:100%; height:auto;}

.pro_de_buttom .right{ background:#fff;}
.pro_de_buttom .right ul li{ padding-left:0px; padding-right:0px; text-align:center; padding-bottom:15px; margin-bottom:20px;}
.pro_de_buttom .right ul li a{ display:block; width:100%;}
.pro_de_buttom .right ul li a img{ width:100%;}
.pro_de_buttom .right ul li a p{ font-size:16px; margin-top:15px;}
.pro_de_buttom .right ul li a span{ color:#666;}
.pro_de_buttom .right ul li a:hover p{ color:#dc1313;}

@media only screen and (max-width: 1199px) {
	.right_hidden{ display:none;}
	.pro_de_top div{ padding-left:30px; padding-right:30px;}
	}

/*.news_list{ display:flex; flex-flow:row nowrap;align-items:strench;}*/
.news_list li{ text-align:center; padding-left:10px; padding-right:10px; margin-bottom:26px;}
.news_list li a{ display:block; padding-bottom:26px; background:#f4f4f4;}
.news_list li a img{ display:block; width:100%;}
.news_list li h4{ font-size:16px; margin:0 auto; width:94%; overflow:hidden; margin-top:16px; margin-bottom:10px;}
.news_list li p{ color:#999; font-size:12px; margin-bottom:6px;}
.news_list li span{ display:block; margin:0 auto; color:#666; width:94%; text-align:left;}
.news_list li a:hover{ box-shadow:0px 5px 25px #ccc; background:#fff;}

.news_main{ background:#fff; padding-top:30px; padding-bottom:30px; text-align:left;}
.news_main h2{ text-align:center;}
.news_tag{ text-align:left; margin-bottom:50px;}

.contact_txt span{ display:block; margin-top:24px;}
.contact_txt .qr{ width:120px;}
.contact_txt .qr img{ width:120px; height:120px; margin-top:20px;}
.contact_txt .qr p{ color:#999; text-align:center;}


.pageGuide{ text-align:center;}
.pageGuide a{ border:none; background:#eaeaea; border-radius:0px; margin-right:6px; color:#666; margin-bottom:10px;}
.pageGuide .current{ background:#dc1313; color:#fff;}
.pageGuidea:hover{ background:#ccc; color:#333;}


@media only screen and (max-width: 991px) {
	.part01 ul li .in_txt p{ font-size:20px;  margin-top:10%;}
	.part01 ul li .in_txt span{ font-size:14px;}
	.footer_map{ display:none;}
	}

@media only screen and (max-width: 767px) {
	.part02 .fancybox .hover p{ font-size:20px; margin-top:12%;}
	.part02 .fancybox .hover span{ font-size:16px;}
	
	.owl-controls .owl-prev{ display:none;}
	.owl-controls .owl-next{ display:none;}
	
	.part07 .h1{ font-size:30px;}
	.part07 .h2{ font-size:24px;}
	.swiper-container-horizontal>.swiper-pagination{ display:none;}
	}
	
.customer h3{font-weight: bold;
    font-size: 12px; margin-top:0px;}

.footer h4{
	font-size: 15px;
	font-weight: bold;
}