@charset "utf-8";

.title{text-align: center;}
.title b{font-size: 2.4em;color: #444}
.title p{font-size: 1.1em;text-align: center;line-height: 200%;color: #999}

/*header start*/
.header{box-shadow: 0 0 10px 0 #666;position: fixed;z-index: 999999;width: 100%;background:#fff url(../images/headerbg.jpg) repeat-x center top;padding-top: 4px}
.header .logo{width: 26%}
.header .logo a{display: table-cell; vertical-align: middle;height: 90px;}
.header .logo img{width: 100%;}
.header .pc-menu{width:70%;height:90px; line-height:90px; position:relative;z-index:999;margin: 0 auto}
.header .pc-menu .nLi{width: 12.5%; float:left; position:relative; display:inline;}
.header .pc-menu .nLi p{ float:left;width: 100%;}
.header .pc-menu .nLi p a{ display:block; width: 100%;font-size:16px;font-weight: normal;text-align: center;}
.header .pc-menu .sub{ display:none; width:440px; left:0; top:90px;position:absolute;z-index: 9999;background:rgba(255,255,255,0.9);line-height:21px;padding: 15px}
.header .pc-menu .sub li{ zoom:1;}
.header .pc-menu .sub a{ display:block; padding:0 10px;text-align: left;font-size: 1em;}
.header .pc-menu .on p a{ background:url(../images/navhover.jpg) repeat-x center;}
.header .menu{display: none;}
.header .mobile-menu{display: none;}
/*header end*/

/*banner start*/
.banner{position: relative;}
.banner .search{position: absolute;bottom: 0px;}
/*banner end*/

/*search start*/
.search{height: 100px;width: 100%;background: url(../images/searchbg.png) no-repeat center;position: relative;z-index:9999;overflow: hidden;}
.search .tel{color: #fff;font-size: 22px;line-height: 100px;padding-left: 15px;float: left;}
.search .tel i{font-size: 34px;padding-right: 10px}
.search .sear{float: right;}
.search form{width: 500px;}
.search_form{position:relative; height:41px; margin:29px 0;display:block;}
.sinput{float:left; width:400px; height:39px; line-height:31px; padding:4px 7px; color:#b3b3b3; border:1px solid #999; border-radius:2px 0 0 2px; background-color:#fbfbfb;}
.sbtn{float:left; width:80px; height:39px; padding:0 12px; margin-left:-1px; border-radius:0 2px 2px 0; border:1px solid #333; background-color:#333; cursor:pointer; display:inline-block; font-size:16px; font-family: 微软雅黑;vertical-align:middle; color:#f3f7fc;position:absolute; _left:270px; _top:0}
/*search end*/

/*company start*/
.company{padding:30px 0 40px 0;}
.company .nr{background:#eee;overflow: hidden;transition: all 0.4s ease-in;}
.company .nr .tab{position: relative;text-align: center;border-bottom: 1px solid #ccc}
.company .nr .tab a{display:inline-block;width: 35%;margin:3% 5%;cursor: pointer;}
.company .nr .tab a img{border:4px solid #A7A7A7;}
.company .nr .tab a p{text-align: center;}
.company .nr .tab .cur img{border-color: #e44145;}
.company .nr .con{display: none;}
.company .nr .on{display: block}
.ivideoiframe{ width: 100%; height: 207px;}
.ivideoiframe2{width:100%; height:67px;}
.company .nr .title_n{padding: 15px 30px;}
.company .nr .title_n b{display:inline-block;font-size: 20px;padding-left: 40px;line-height: 35px;background: url(../images/icon_video.png) no-repeat left top}
.company .nr .title_n a.more{display: block;width: 35px;height: 35px;background: url(../images/more.png) no-repeat center top;transition: all 0s ease-in;}
.company .nr .zi{border-bottom: 1px solid #ccc;padding:14.5px 20px;}
.company .nr .zi p{text-indent: 2em;line-height: 160%;color: #777;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
/*company end*/

/*product start*/
.product{width: 100%}
.product .pro_list{position: relative;text-align: center;margin-top: 5px;}
.product .pro_list a{display: inline-block;width:190px;height: 40px;line-height: 40px;margin:15px 10px;background: #C90005;font-size: 1.15em;color: #fff}
.product .pro_list a:hover {background: #333333}
.product ul{padding:10px;background: #333;margin-top: 10px}
.product ul li a{display: block;padding: 10px}
.product ul li .img{overflow: hidden;position: relative; background:#fff url(../images/bg.png) no-repeat; background-size:contain;}
.product ul li img{display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.product ul li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.product ul li .img p{position: absolute;width: 100%;height: 45px;background: rgba(201,0,5,0.8);bottom: -45px;transition: all 0.2s ease-in;line-height: 45px;text-align: center;color: #fff;font-size: 1.15em;}
.product ul li .img:hover p{bottom: 0px}
.product ul li:hover {background: #C90005}
/*product start*/

/*new start*/
.new{padding: 40px 0 20px 0;}
.new .tab{margin: 20px 10px;background: url(../images/dot.jpg) repeat-x center;position: relative;text-align: center;}
.new .tab a{display: inline-block;width: 150px;height: 40px;background: #ddd;text-align: center;line-height: 38px;margin:0 20px;font-size: 1.15em;cursor: pointer;}
.new .tab a.cur{background: #C90005;color: #fff}
.new .con{display: none;}
.new .con img{padding-right: 20px;}
.new .con .contant{padding-right: 20px;}
.new .con .contant b{font-size: 1.15em;display: block;padding: 5px 0;transition: all 0.2s ease-in;}
.new .con .contant p{font-size: 1em;color: #999;text-indent: 2em;transition: all 0.2s ease-in;}
.new .con a.more{display: block;width: 120px;height: 32px;background: #C90005;text-align: center;line-height: 32px;color: #fff;margin-top: 10px;}
.new .con .newRight{padding-left: 20px;}
.new .con .newRight li{height: 90px;width: 100%;margin-bottom: 20px;border-bottom: 1px solid #dfdfdf}
.new .con .newRight span.time{display: inline-block;width: 15%;height: 90px;float: left;text-align: center;}
.new .con .newRight span.time b{font-size: 2.6em;display: block;transition: all 0.2s ease-in;}
.new .con .newRight span.time p{font-size: 1.1em;text-align: center;transition: all 0.2s ease-in;}
.new .con .newRight span.newcon{display: inline-block;float: right;width:82% }
.new .con .newRight span.newcon b{font-size: 1.15em;display: block;padding: 5px 0;transition: all 0.2s ease-in;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new .con .newRight span.newcon p{font-size: 1em;color: #999;text-indent: 2em;transition: all 0.2s ease-in;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.new .on{display: block;}
.new .con .newRight li:hover b{color: #C90005}
.new .con .newRight li:hover p{color: #666}
.new .con .newRight li:hover .time p{color: #C90005}
.new .con a.more:hover {background: #333}
/*new end*/

/*link start*/
.link{background: #f1f1f1;width: 100%;padding: 30px 0;}
.link .link_content a{display: block;width: 100%;background: #DDDDDD;padding: 20px;text-align: center;transition: all 0.2s ease-in;}
.link .link_content p{text-align: center;font-size: 1.4em;padding-top: 10px;color: #C90005}
.link .link_content i{font-size: 6em;color: #c90005}
.link .link_content em{width: 40px;height: 3px;background: #999;display: block;margin:6px auto;}
.link .link_content small{font-size: 1.1em;color: #999}
.link .link_content:hover a{background: #C90005}
.link .link_content:hover i{color: #fff}
.link .link_content:hover p{color: #fff}
.link .link_content:hover em{background: #FFA7AA}
.link .link_content:hover small{color: #FFA7AA}
/*link end*/

/*footer start*/
.footer{background: #232323;padding: 30px 0 20px 0}
.footer .f_title{width:70px;font-size: 17px;color: #fff;padding-bottom: 10px;border-bottom: 2px solid #c90005}
.footer .foot_con{float: left;padding:10px 32px 0;}
.footer ul{margin-top: 10px;display: block}
.footer ul li{color: #aaa;height: 30px;line-height: 30px;}
.footer ul li a{display:block;color: #aaa;height: 25px;line-height: 25px;}
.footer ul li a:hover{ color: #fff;}
.footer .logo_f {text-align: center;}
.footer .logo_f img{width: 100%}
.foot_bot{background: #C90005;line-height: 35px;color: #fff;text-align: center;}
.foot_bot p{text-align: center;font-size: 14px;}
.foot_bot a{color: #fff;padding-left: 20px;}
.foot_con em{display: none;}

@media (min-width: 1200px) {
.company .nr{background: url(../images/combg1.jpg) repeat-x top;}
.company .nr:hover {background: url(../images/combg1.jpg) repeat-x bottom;}
.company .nr:hover p{color: #fff}
.company .nr:hover .title_n b{background: url(../images/icon_video.png) no-repeat left bottom;color: #fff}
.company .nr:hover .title_n span{color: #FFD6D8}
.company .nr:hover .title_n a.more{background: url(../images/more.png) no-repeat center bottom;}
.header .pc-menu .nLi .sub li{width: 200px;height: 35px;line-height: 35px;border-bottom: 1px dashed #ccc;}
.header .pc-menu .nLi .sub li a:after {content: '>';float: right;}
.header .pc-menu .nLi:nth-child(6) .sub{left: -120px;}
.header .pc-menu .nLi:nth-child(7) .sub{left: -225px;}
.header .pc-menu .nLi:nth-child(8) .sub{left: -200px;}
.header .pc-menu .nLi .sub{border-bottom: 5px solid #C90006}
.header .pc-menu .nLi .sub li:hover a{color: #C90006}
}

@media (min-width: 993px) and (max-width: 1200px) {
/*header*/
.header{position: static}
.header .logo{width: 32%;}
.header .pc-menu{display: none;}
.header .menu{display: none;}
.header .mobile-menu{display: block!important;}
.header .mobile-menu{width:68%;height:90px; line-height:90px; position:relative;z-index:999;margin: 0 auto}
.header .mobile-menu .nLi{width: 12.5%; float:left; position:relative; display:inline;text-align: center;}
.header .mobile-menu .nLi > a{ display:block; width: 100%;height:100%;font-size:1.05em;font-weight: normal;text-align: center;vertical-align: middle;margin:0 auto;}
.header .mobile-menu .nLi .navclick em{display: inline-block;width: 0;height: 0;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;vertical-align: middle;margin-left: 5px}
.header .mobile-menu .sub{ display:none; width:140%; left:0; top:90px;position:absolute;z-index: 9999;background:rgba(255,255,255,0.8);line-height:35px;}
.header .mobile-menu .sub li{ zoom:1;}
.header .mobile-menu .sub a{ display:block; padding:0 10px;text-align: center;font-size: 1em;}
.header .mobile-menu .sub a:hover{ background:#ca352b; color:#fff;}
.header .mobile-menu .nLi:hover > a{ background:url(../images/navhover.jpg) repeat-x center;}

.title b{font-size: 2.2em;color: #444}
.title p{font-size: 1.05em;text-align: center;line-height: 200%;color: #999}

/*search start*/
.search .tel{font-size: 20px;}
.search .tel i{font-size: 32px;padding-right: 10px}
.search .sear{padding-right: 15px}
.search form{width: 380px;}
.search_form{position:relative; height:35px; margin:31px 0;display:block;}
.sinput{float:left; width:300px; height:35px; line-height:31px; padding:4px 7px; color:#b3b3b3; border:1px solid #999; border-radius:2px 0 0 2px; background-color:#fbfbfb;}
.sbtn{float:left; width:80px; height:35px; padding:0 12px; margin-left:-1px; border-radius:0 2px 2px 0; border:1px solid #333; background-color:#333; cursor:pointer; display:inline-block; font-size:16px; font-family: 微软雅黑;vertical-align:middle; color:#f3f7fc;position:absolute; _left:270px; _top:0}

/*company*/
.company{padding:3% 0;}
.company .nr .zi{padding:7px 20px }
.company .nr .zi p{font-size: 1em;line-height: 150%}
.ivideoiframe{ width: 100%; height:165px;}
.ivideoiframe2{width:100%; height:50px;}
.company .nr .title_n{ padding: 15px;}
/*product*/
.product{padding-bottom:3%;width: 100%}
.product ul li .img p{height: 35px;bottom:0px;line-height: 35px;font-size: 1.1em;}
.product .pro_list a {width: 222px;height: 45px;margin:5px 10px;line-height: 45px;font-size: 1.1em}

/*footer*/
.footer .foot_con{float: left;padding:10px 15px 0;}


}


@media (max-width: 992px) {
/*header start*/
.header{position: static}
.header{border-bottom: 1px solid #dfdfdf}
.header .logo{width: 60%}
.header .logo img{height: 40px;width: auto; padding-left: 10px;}
.header .logo a{display: table-cell; vertical-align: middle;height: 50px;}
.header .head_top{display: none;}
.header .pc-menu{display: none;}
.header .menu{display: block;}
.header .mobile-menu{display: none;width: 100%;background: #f8f8f8;position: absolute;top: 50px;left: 0px;text-indent: 15px;z-index: 11111;border-bottom: 1px solid #dfdfdf;padding: 3% 0}
.header .menu{padding: 8px 10px 6px;border: 1px solid #ccc;border-radius: 5px;margin:7px 10px 7px 0;}
.header .menu span{display: block;margin-bottom: 3px;width: 20px;height: 2px;background: #ccc;}
.header .mobile-menu .nLi a{display: block;height: 35px;line-height: 35px;font-size: 1.1em}
.header .mobile-menu .nLi .navclick em{display: inline-block;width: 0;height: 0;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;vertical-align: middle;margin-left: 5px}
.header .mobile-menu .sub{display: none;width: 100%;background: #eee;}

.title b{font-size: 2em;color: #444}
.title p{font-size: 0.9em;text-align: center;line-height: 200%;color: #999}

.banner{position: static;}
.banner .search{position: static;}

/*search start*/
.search{height: auto;padding: 1% 0;background: #dfdfdf;top: 0;z-index: 0}
.search .tel{color: #C90005;text-align: center;float: none;font-size: 1.2em;padding: 0;line-height: 50px;}
.search .tel i{font-size: 1.4em;padding: 0}
.search .sear{float: none;margin:0 auto;width: 80%}
.search form{width: 100%;}
.search_form{position:relative; height:35px; margin:7px 0;display:block;}
.sinput{float:left; width:70%; height:35px; line-height:31px; padding:4px 7px; color:#b3b3b3; border:1px solid #999; border-radius:2px 0 0 2px; background-color:#fbfbfb;}
.sbtn{float:left; width:30%; height:35px; padding:0 12px; margin-left:-1px; border-radius:0; border:1px solid #333; background-color:#333; cursor:pointer; display:inline-block; font-size:16px; font-family: 微软雅黑;vertical-align:middle; color:#f3f7fc;position:absolute; _left:270px; _top:0}

/*company*/
.company{padding:2% 0;}

/*product*/
.product{padding-bottom:2%;width: 100%}
.product ul li .img p{height: 35px;bottom:0px;line-height: 35px;font-size: 1em;}
.product .pro_list a {width: 45%;height: 40px;margin:5px 1.5%;line-height: 40px;font-size: 1.1em}

/*new start*/
.new{padding: 2% 0 1% 0;}
.new .tab{margin: 2%}
.new .con img{padding-right: 0px;}
.new .con .contant{padding-right: 0px;}
.new .con .newRight{padding-left: 0px;}
.new .tab a{display: inline-block;width: 33%;height: 35px;background: #DDDDDD;text-align: center;line-height: 35px;margin:0 3%;font-size: 1.1em;cursor: pointer;}

/*link*/
.link .link_content p{font-size: 1.2em;padding-top: 5px;}
.link .link_content i{font-size: 5em;color: #c90005}
.link .link_content em{width: 40px;height: 3px;background: #999;display: block;margin:6px auto;}
.link .link_content small{font-size: 0.8em;color: #999}

/*footer start*/
.footer{padding: 0px 0 20px 0}
.footer .f_title{width:100%;font-size: 18px;color: #fff;border-bottom: 0px}
.footer .foot_con{width:100%;border-bottom: 1px solid #dfdfdf;}
.footer .foot_con ul{display: none;margin:0px 0 10px 0;}
.footer .foot_con em{display: block;float: right;font-style:normal;}
.foot_bot a{display:block;width: 100%;padding: 0}
}
/*banner start*/
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.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;
}

.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:3;
	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:768px){
.ivideoiframe{ width: 100%; height:365px;}
.ivideoiframe2{width:100%; height:150px;}
}
@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
	.ivideoiframe{ width: 100%; height:265px;}
.ivideoiframe2{width:100%; height:100px;}
}
/*banner end*/