@charset "utf-8";

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}


.header .head_top{width: 100%;height: 35px;line-height: 35px;background: #555;color: #fff;}
.header .head_top a{color: #fff}
/*.header .head_body{text-align: center;}*/
.header .head_body .logo img{height: 160px;margin: 5px 0}
.header .head_tel{height: 60px;margin: 20px 0;padding-left: 50px;background:url(../images/tel.png) no-repeat center left;}
.header .head_tel p{line-height: 60px;display: block;font-size: 17px;}
.header .head_tel p b{font-size: 30px;font-family: Arial;display: inline-block;line-height: 30px;color:#ddaa4b;}
.header .head_tel p span{font-size: 15px;display: inline-block;padding-right:10px;position: relative;top: -3px;}

nav{width: 100%;position: relative;z-index: 99999;}
.flexnav {*zoom: 1;-webkit-transition: 0;-moz-transition: 0;-o-transition: 0;transition: 0;-webkit-transform-style: preserve-3d;overflow: hidden;margin: 0 auto;position: relative;}
.flexnav:after {content: "";display: table;clear: both;}
.flexnav.show {max-height: 2000px;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;position: absolute;background: rgba(0,0,0,0.5);}
.flexnav.one-page {position: fixed;top: 50px;right: 5%;max-width: 200px;}
.flexnav > li {font-size: 100%;overflow: hidden;border-bottom: 1px solid #eee;}
.flexnav > li > a {position: relative;display: block;overflow: hidden;color: #fff;line-height: 50px;text-align: center;font-size: 16px}
.flexnav > li ul {width: 100%;}
.flexnav > li ul li {font-size: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #fff;}
.flexnav > li ul.show li {overflow: visible;}
.flexnav .touch-button {position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 50px;display: inline-block;background: #acaca1;background: rgba(0, 0, 0, 0.075);text-align: center;}
.flexnav .touch-button:hover {cursor: pointer;}
.flexnav .touch-button .navicon {position: relative;top: 1.4em;font-size: 12px;color: #666;}

.erji{width: 100%;position: absolute;left: 0;top: 51px;background:#f1f1f1;display: none;}
.erji .erji_left{text-align: left;padding-left: 50px;}
.erji .erji_left dl{padding: 30px 0}
.erji .erji_left dt{height: 20px;font-size: 18px;color: #333;font-weight: bold;display: block;line-height: 20px}
.erji .erji_left dd{width: 40%;float: left;font-size: 15px;line-height: 20px;padding: 20px 0 0 40px;background:url(../images/navdot.png) no-repeat center left;margin:0;}
.erji .erji_right{padding:50px 50px 50px 0;}
.erji .erji_left dd:hover {background:url(../images/navdot1.png) no-repeat center left;}
.erji .erji_left dd:hover a{color: #ddaa4b;}
.flexnav li:hover .erji{display: block}
/*header end*/

/*banner start*/
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
	z-index: 999;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
	z-index: 999999;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:99999;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/*banner end*/

.title{text-align: center;}
.title .en_tit{font-size: 42px;color: #dfdfdf;font-weight: bold;font-family: Arial}
.title b{font-size: 36px;color:#ddaa4b}
.title p{text-align: center;display: block;padding-top: 15px}
.title p a{height: 15px;font-size: 18px;line-height: 15px;display: inline-block;padding: 0 30px;border-left: 1px solid #999}
.title p a:nth-child(1) {border-left: 0px}
.title p a:hover{color: #ddaa4b;}
.title p a.on{ color: #ddaa4b; font-weight: bold;}

/*company start*/
.company{position: relative;background: url(../images/combg.jpg) no-repeat bottom right;padding-top: 50px}
.company .comimg{width: 55%}
.company .com_body{position: absolute;top: 0;width: 100%;}
.company .com_body .com_r{width: 50%;float: right;padding-top: 8%}
.company .com_body .com_r .com_tit{text-align: right;}
.company .com_body .com_r .com_tit .en_tit{font-size: 42px;color: #dfdfdf;font-weight: bold;font-family: Arial}
.company .com_body .com_r .com_tit b{font-size: 36px;color:#ddaa4b}
.company .com_body .com_r .com_tit .c_tit{padding-left: 150px;text-align: center}
.company .com_body .com_r .com_con{padding-left: 150px;padding-top: 30px}
.company .com_body .com_r .com_con p{text-indent: 2em;line-height: 160%;font-size: 15px}
.company .com_body .com_r .com_con a{display: block;width: 130px;height: 40px;background: #ddaa4b;color: #fff;text-align: center;line-height: 40px;margin-top: 30px;float: right}
/*company end*/

/*product start*/
.product{padding: 60px 0 70px;}
.pro_body ul li{width: 49%;margin-left: 2%}
.pro_body ul li:nth-child(2n+1) {margin-left: 0px}
.pro_body ul li{padding: 0px;margin-top: 30px}
.pro_body ul li a{display: block;background: #eaeaea}
.pro_body .proimg{padding:0;overflow: hidden;}
.pro_body .proimg img{width: 100%;display: block;transition:.5s ease-in;}
.pro_body .proimg img:hover { transform:scale(1.1,1.1);}
.pro_body .prozi b{display:block;text-align: center;font-size: 18px;color: #444;line-height: 30px;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_body .prozi p{text-align: center;line-height: 180%}
.pro_body .prozi em{display: block;width: 110px;height: 30px;line-height: 30px;text-align: center;background: #ddaa4b;color: #fff;font-style: normal;margin:20px auto;}
.pro_body ul li:hover a{background: #ddaa4b}
.pro_body ul li:hover b{color: #fff}
.pro_body ul li:hover p{color: #fff}
.pro_body ul li:hover em{background: #444}

/*fuwu end*/
.s41 .rt .s2_h2 {font-size: 42px;text-transform: uppercase;color:#ddaa4b;font-weight: lighter;letter-spacing: 0px;padding: 100px 0px 50px;font-family: 'Arial';line-height: 100px}
.s2_h2 i {background:#ddaa4b;height: 3px;width: 30px;display: block;}
.s41 .rt {width: 550px;position: relative;z-index: 2;height: 650px;padding: 0px 50px;background: rgba(255, 255, 255, 0.9);right: 0px;float: right;}
.s41 .rt span {font-size: 32px;font-weight: lighter;padding-bottom: 15px;color: #000;display: block;}
.s41 .rt .link_box{width: 100%;margin-top: 20px}
.s41 .rt .link_box a{display: inline-block;width: 150px;height: 40px;line-height: 40px;margin-right: 40px;text-align: center;font-size: 16px;background: #333;color: #fff}
.s41 .rt .link_box a:hover {background:#ddaa4b}
.s4 {width: 100%;margin: 0 auto;background: #ffffff;z-index: 9999999;position: relative;}
.s4 .w1200 {width: auto;padding: 0px 0px;-webkit-animation: mk_bottom_to_top 1.2s 1 cubic-bezier(.77,0,.175,1) both;animation: mk_bottom_to_top 1.2s 1 cubic-bezier(.77,0,.175,1) both;}
.s41 .rt p {color: #555;font-size: 15px;line-height: 32px;}
.slide1 {background: url(../images/w1.jpg) no-repeat center;background-size: auto 100%;background-size: cover;}
.slide1 .title {text-align: center;margin-top: 100px;font-size: 30px;font-weight: normal;color: #fff;}
/*product end*/

/*adv start*/
.adv{padding: 50px 0 0}
.adv ul li img{padding-right: 15px}
.adv ul li em{display: block;font-size: 18px;font-style: normal;line-height: 30px;padding-top: 5px}
.adv ul li p{font-size: 14px;color: #aaa;}

/*new start*/
.new{text-align: center;background:url(../images/bottombg.jpg) repeat-x center bottom #fff;position: relative;z-index: 9999999;padding-top: 50px}
.new .xwzx{height: 400px;padding:0;position: relative;background:#ddaa4b }
.new .zsjm{height: 400px;padding:0;position: relative;background:#000}
.new .zsjm:hover {height: 400px;padding:0;position: relative;background:#ddaa4b}

.new i{font-size: 36px;color: #fff;display: block;}
.new .xwzx .inbg{width:100%;height: 400px;background:url(../images/newimg.jpg) no-repeat center;background-size: cover;opacity: 1;}
.new .zsjm .inbg{width:100%;height: 400px;background:url(../images/fwimg.jpg) no-repeat center;background-size: cover;opacity: 0.4;transition: all 0.5s ease-in;}
.new .zi{position: absolute;z-index: 999;width: 100%;height: 400px;bottom: 0px}
.new .zi i{padding-top: 100px;font-style: normal;}
.new .zi b{font-size: 32px;color: #fff;display: block;font-family: Arial;opacity: 0.5;line-height: 60px;}
.new .zi p{text-align: center;font-size: 15px;letter-spacing: 5px;padding-bottom: 10px;color: #fff}
.new .zi a{display: block;width: 120px;height: 30px;line-height: 30px;text-align: center;margin: 10px auto;border:1px solid #dfdfdf;color: #dfdfdf;font-size: 14px}
.new .xwzx .zi i{color: #333}
.new .xwzx .zi b{color: #444}
.new .xwzx .zi p{color: #444}
.new .xwzx .zi a,.new .zi a:hover{color: #fff;border-color:#ddaa4b;background:#ddaa4b}
.new .zsjm:hover .inbg{opacity: 0.2;}
.new .zsjm:hover a{color: #fff;background: #444;border-color:#444;}

.new .xwzx:hover .inbg{opacity: 0.4;}
.new .xwzx:hover a{color: #fff;background: #444;border-color:#444;}
/*new end*/

/*footer start*/
.footer{position: relative;z-index: 9999999;}
.footer .foot_top{width: 100%;background: #101010;height: 90px;position: relative;}
.footer .foot_top > .container{position: relative;}
.footer .footer-list {text-align: center;padding-top: 25px;}

.footer .footer-list li{line-height: 76px;height: 76px;display: inline-block;vertical-align: top;position: relative;margin: 0 50px;}
.footer .footer-list li a{height: 76px;font-size: 16px;color: #868686;}
.footer .footer-list li:hover a{color: #fff}
.footer .footer-list li:after {content: "";position: absolute;left: -50px;top: 50%;margin-top: -4.5px;width: 5px;height: 9px;background-image: url(../images/icon-5.png);background-repeat: no-repeat;}
.footer .footer-list li:nth-child(1):after {content: "";background: none}
.footer .btn-back-home {display: block;position: absolute;top: 0;left: -360px;width: 482px;height: 100%;background: #292929;}
.footer .btn-back-home img {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;right: 47px;top: 27px;}
.footer .btn-back-home:hover img {transform: translate(10px, 0);}

.footer .btn-back {display: block;position: absolute;right: 0;top: 50%;margin-top: -19px;width: 88px;height: 38px;background-color: #282828;background-image: url(../images/icon-6.png);background-repeat: no-repeat;background-position: center center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.footer .btn-back:before {content: "";right: 0;bottom: -1px;width: 70px;height: 1px;background: rgba(255, 255, 255, 0.3);position: absolute;}
.footer .btn-back:after {content: "";left: 0;bottom: -1px;width: 15px;height: 1px;background: #770007;position: absolute;}

.foot_body{width: 100%;padding-bottom: 30px;background: #101010;text-align: center;}
.foot_body .telephone {font-size: 35px;color:#ddaa4b;margin-bottom: 20px;padding-top: 38px;font-family: "Arial";}
.foot_body .telephone img{margin-right: 5px;}
.foot_body .copy{color: #868686;font-size: 13px;margin-bottom: 18px;}
.foot_body .copy span{padding: 0 15px;}
.foot_body .copy a {color: #868686;font-size: 13px;}
.foot_body .share{padding: 20px 0 30px}
.foot_body .share span{font-size: 14px;color: #868686;padding: 0 20px;line-height: 30px;}

/*footer end*/


@media (min-width: 993px) {
	.pcnone{display: none;}


	/*header start*/
	.header{border-bottom: 0px solid #333;position: absolute;z-index: 999999999999;width: 100%;top: 0px;}
	.header .head_top{height: 35px;background: #000;font-size: 13px}
	.header .head_top p.tel{padding-left: 30px;line-height: 35px;background: url(../images/tel2.png) no-repeat center left;}

	.logo{position: relative;z-index: 999999999;display: block;width: 100%;text-align: center;}
	nav{height: 60px;line-height: 60px;}
	.flexnav {overflow: visible;text-align: center;width: 1200px;height:50px;line-height:50px;margin:0 auto;border:1px solid rgba(255,255,255,0.2);border-width: 1px 0 1px 0}
    .flexnav.one-page {top: 0;right: auto;max-width: 1080px;}
    .flexnav > li {list-style: none;display: inline-block;width: 236px;overflow: visible;z-index: 999999;border:none;}
    .flexnav > li > a{width: 160px;height: 40px;margin:5px auto;line-height: 40px}
    .flexnav > li:hover > a{background: #ddaa4b}
    .flexnav > li > ul {position: absolute;top: auto;left: 0;display: block;width: 100%}

    .flexnav > li .touch-button{display: none;}
	.menu-button {display: none;}

	.flexnav > li ul{display: block;background:rgba(0,0,0,0.5);border-top: 3px solid #333}
	.flexnav > li ul li.navul_l{width: 30%;margin: 40px 0;border-bottom: none;text-align: left;padding-right: 40px;border-right: 1px solid #dfdfdf;box-sizing: border-box;}
	.flexnav > li ul li.navul_l b{font-size: 20px;line-height: 20px;display: block;color: #fff}
	.flexnav > li ul li.navul_l em{display: block;width: 40px;height: 3px;background:#fff;margin: 20px 0 15px;}
	.flexnav > li ul li.navul_l p{line-height: 25px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #fff}
	.flexnav > li ul li.navul_r{width: 70%;padding: 40px 0;border-bottom: none;box-sizing: border-box;padding-left: 40px;}
	.flexnav > li ul li.navul_r a{display: inline-block;width: 25%;line-height: 60px;font-size: 18px;background: url(../images/list.png) no-repeat 60px 22px;padding-left: 90px;box-sizing: border-box;text-align: left;color: #fff}

	/*company start*/


	/*product start*/
	.s41 .rt {height: 600px}
	.s41 .rt .s2_h2{padding: 80px 0px 50px;}
}

@media (min-width: 1300px) and (max-width: 1500px){
	.company .com_body .com_r{width: 50%;float: right;padding-top: 4%}
}
/*小屏幕电脑*/
@media (min-width: 993px) and (max-width: 1300px) {
	
	.title .en_tit{font-size: 38px;}
	.title b{font-size: 32px;color:#ddaa4b}
	
	.flexnav {width: 970px;height:50px;line-height:50px;}
	.header .head_body .logo img {height: 110px;margin: 10px 0 10px;}
	.flexnav > li{width: 19%}
	.flexnav > li ul li.navul_r a{background: url(../images/list.png) no-repeat 47px 22px;padding-left:75px;}
	.flexnav > li ul li.navul_r a:hover {background: url(../images/list.png) no-repeat 47px 22px#ddaa4b;}
	.flexnav > li:nth-child(4) {margin-left: 0px;}
	
	/*company start*/
	.company{position: relative;}
	.company .comimg{width: 60%}
	.company .com_body{position: absolute;top: 0;width: 100%;}
	.company .com_body .com_r{width: 40%;float: right;padding-top: 3%}
	.company .com_body .com_r .com_tit{text-align: right;}
	.company .com_body .com_r .com_tit .en_tit{font-size: 38px;color: #dfdfdf;font-weight: bold;font-family: Arial}
	.company .com_body .com_r .com_tit b{font-size: 32px;color:#ddaa4b}
	.company .com_body .com_r .com_con{padding-left: 50px;padding-top: 20px}
	.company .com_body .com_r .com_con p{text-indent: 2em;line-height: 150%;font-size: 14px}
	.company .com_body .com_r .com_con a{display: block;width: 130px;height: 35px;background: #ddaa4b;color: #fff;text-align: center;line-height: 35px;margin-top: 20px;}
	/*company end*/

	/*product start*/
	.product ul li{width: 49%;margin-left: 2%}
	.product .prozi p {display: none}
	
	/*adv start*/
	.adv ul li img{padding-right: 10px;width: 60px;}
	.adv ul li em{display: block;font-size: 16px;font-style: normal;line-height: 25px;padding-top: 0px;}
	.adv ul li p{font-size: 12px;color: #aaa;}

}

/*手机及平板*/
@media (max-width: 992px) {	
	.wapnone{display: none;}

	/*header start*/
	.header{position: absolute;z-index: 99999999;width: 100%;top: 0px;}
	.header .head_tel{display: none;}
	.header .head_top{display: none;}
	.header .head_body{height: 80px;text-align: left;}

	.header .head_body .logo img{height: 75px;margin: 5px 0 5px 10px;}
	.header .menu-button{display: block;padding: 8px 10px 6px;border: 1px solid #ccc;border-radius: 5px;margin:20px 10px 20px 0;}
	.header .menu-button > i{display: block;margin-bottom: 3px;width: 20px;height: 2px;background: #ccc;}
	.header .menu-button .navicon{display: none;}
	.flexnav {width: 100%;max-height: 0;}
	.flexnav > li{position: relative;}
	.flexnav > li ul li{line-height: 40px;text-align: center;}
	.flexnav > li ul li.navul_l{display: none;}
	.flexnav > li ul li.navul_r{border-bottom: none;width: 100%;background:#f1f1f1;}
	.flexnav > li ul li.navul_r a{width: 50%;display: inline-block;}
	.flexnav li:hover .erji{display: none}
	/*banner start*/
	.callbacks img{
		display:block;
		position:relative;
		z-index:1;
		height:auto;
		border:0;
	    left: 50%;
	    transform: translate3d(-50%, 0, 0);
	    width: calc(1.5*100%);
	}

	/*company start*/
	.company{position: relative;}
	.company .comimg{width: 100%}
	.company .com_body{position: relative;width: 100%;}
	.company .com_body .com_r{width: 100%;float: none;padding: 5% 5% 8%}
	.company .com_body .com_r .com_tit{text-align: center;}
	.company .com_body .com_r .com_tit .en_tit{font-size: 38px;color: #dfdfdf;font-weight: bold;font-family: Arial}
	.company .com_body .com_r .com_tit b{font-size: 32px;color:#ddaa4b}
	.company .com_body .com_r .com_con{padding-left: 0px;padding-top: 20px}
	.company .com_body .com_r .com_con p{text-indent: 2em;line-height: 150%;font-size: 14px}
	.company .com_body .com_r .com_con a{display: block;width: 130px;height: 35px;background: #ddaa4b;color: #fff;text-align: center;line-height: 35px;margin:20px auto 0;float: none;}

	/*product start*/
	.product .pro_body{padding-top: 20px}
	.product ul li{width: 50%;margin: 0;padding: 15px}


	/*fuwu start*/
	.s41 .rt {width:calc(100% - 100px); height: 380px;float: none;}
	.s41 .rt .s2_h2 {
	    font-size: 30px;
	    text-transform: uppercase;
	    color:#ddaa4b;
	    font-weight: lighter;
	    letter-spacing: 2px;
	    padding: 20px 0px 20px;
	    font-family: 'Arial';
	    line-height: 80px;
	}

	.s41 .rt span {
	    font-size: 28px;
	    font-weight: lighter;
	    padding-bottom: 15px;
	    color: #000;
	    display: block;
	}
	/*footer start*/
	.foot_top{display: none;}
	.foot_body .share {padding: 40px 0 0px;}
	.share span{display: block;}
	.foot_body .copy span{display: block;padding: 0;text-align: center;line-height: 30px;}
	
}

/*平板*/
@media (min-width: 768px) and (max-width: 992px) {

	/*footer start*/
	.footer .foot_body{margin: 0 auto;}
	.footer .foot_l{width: 100%;float: none;}
	.footer .foot_l p{width: 48%;}
	.footer .foot_l p:nth-child(4) {line-height: 40px;}
	.footer .foot_m img{width: 70%;}

}

/*手机*/
@media (max-width: 767px) {
	.klwy_top{height: 278px}
	.title p a {padding: 0 10px;}
	/*company start*/
	#slideshow{display: none}

	/*product start*/
	.product .pro_body{padding-top: 20px}
	.product ul li{width: 100%;margin: 0;padding: 15px}

	.index-news .left-wrapper .inner-box .text-wrap i{font-size: 30px;text-align: center}
	.index-news .left-wrapper .inner-box .text-wrap em{font-size: 24px;text-align: center}
	.index-news .left-wrapper .inner-box .text-wrap p{text-align: center;}
	.index-news .left-wrapper .inner-box .line{display: none;}
	.index-news .center-wrapper{width: 70%;height: 180px;top: 170px;}
	.index-news .right-wrapper{padding-top: 50px}

	/*product start*/
	.s41 .rt span{font-size: 26px;}
	.s41 .rt p{line-height: 26px;}
	.s41 .rt .link_box a {width: 110px;margin-right: 20px}

	.adv .adv_body ul li{padding-left: 50px}

	/*new start*/
	.index-news .left-wrapper .inner-box .text-wrap i{font-size: 30px;text-align: center}
	.index-news .left-wrapper .inner-box .text-wrap em{font-size: 24px;text-align: center}
	.index-news .left-wrapper .inner-box .text-wrap p{text-align: center;}
	.index-news .left-wrapper .inner-box .line{display: none;}
	.index-news .center-wrapper{width: 70%;height: 180px;top: 170px;}
	.index-news .right-wrapper{padding-top: 50px}
}