/*ͨ��CSS============================================================================================================================================*/
body{background: #fff; margin:0 auto;}
div,pre,td,form,li,input,select,textarea{font:14px "Microsoft YaHei";color:#333;}
table,img {border:0;}
div,ul,li,dl,dt,dd,input,form,h2,h3{border:0;padding:0;margin:0}
ul,ol,li,dl,dt,dd{list-style:none outside none;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#A81C1C;text-decoration: none;}
.clear { clear:both;}
.clearfix:before,.clearfix:after{display:table;content:" ";}.clearfix:after{clear:both;}

.top_bg { background:#333333; height:38px;}
.main {width:1002px; margin:0 auto;}
.welcome { float:left; color:#FFFFFF; line-height:38px;}
.tel { float:right; color:#FFFFFF; line-height:38px;}
.tel img { display:block; float:left; margin: 5px 5px 11px 0;width:30px;height:30px;}
.tel a{color:#fff}
.logo { float:left;padding:13px 0; display:block;height:60px;overflow:hidden;}
.logo img{height:60px;}
.menu { float:right;margin-left:200px;}
.menu_fixed { position:fixed;_position:absolute; left:0; top:0; width:100%; z-index:99999;}
.menu_line { border-top:3px #A81C1C solid; width:100%; height:86px; background:#FFF; vertical-align:bottom;margin:0 auto;text-align:center;}
.menu_shadow { background: url(line.png) repeat-x left top; height:6px;font-size:0px;overflow: hidden;}
.menu_height {height:89px;}
.menu_height2 {height:127px;}
.menu ul li { float:left; width:110px;}
.menu_on { height:80px; text-align:center; line-height:80px; background:#A81C1C; cursor:pointer;}
.menu_off { height:80px; text-align:center; line-height:80px;}
.menu_on a:link,.menu_on a:visited{color:#fff;text-decoration:none; font-size:16px;}
.menu_on a:hover,.menu_on a:active{color:#fff;text-decoration: none; font-size:16px;}
.menu_off a:link,.menu_off a:visited{color:#333;text-decoration:none; font-size:16px;}
.menu_off a:hover,.menu_off a:active{color:#333;text-decoration: none; font-size:16px;}

/*--- slide ��������ͼƬ author:zhaoming begin filter:alpha(opacity=1);*/
.slide_content{height: 366px;overflow: hidden;}
.slide_box{ width: 100%; height: 100%; position: relative;}
.slide_box .sbox_banner{position: absolute; height: 100%;min-width: 990px; width: 100%; top: 0px; cursor: pointer;z-index: 0; margin: 0 auto;overflow: hidden;opacity:0;filter:alpha(opacity=0);}
.slide_box .sbox_b_filter{position: relative;height: 270px;  top: 0px; width:990px; margin: 0 auto;z-index: 6; background-color: transparent\8;}
.slide_box .sbox_b_filter img{width:470px;height:310px;}
.slide_box .sbox_title{float:right; width:450px;}
.slide_box .sbox_title_small{color:#fff;margin-top:70px;font-size: 22px;}
.slide_box .sbox_title_big{color:#fff;margin-top:14px;font-size: 36px;}
.slide_box .sbox_banner .sbox_banner_content{display: inline-block;width: 100%;height: 100%;background-position: center;background-repeat:no-repeat;}
/*-- btn ctrl:��ť���� begin --*/
.slide_box .btn_ctrl{ z-index: 7; position: absolute;   width: 60px; height: 70px;
		top:127px; text-indent: -99999px; left: 50%;  display: none;}

.slide_box .btn_c_b{ position: absolute; top: 333px;top:332px\9;*top:337px; left: 50%; z-index: 7; zoom:1;}
.slide_box .btn_c_b li { float: left;height: 13px;}
.slide_box .btn_c_b li a { display: inline-block; margin: 0 6px 0 6px; width: 13px; height: 13px; background:url(focus.png) no-repeat 0 -13px; overflow:hidden;}
.slide_box .btn_c_b li a.action { background-position: 0 0; }

/*-- Ĭ�ϱ���ͼƬ������ͼƬ�ĸ� author:zhaoming begin--*/
.slide_box .sbox_bg,
.slide_box .sbox_bg{display:table-cell;vertical-align:middle;text-align:center;overflow:hidden;}
/*-- Ĭ�ϱ���ͼƬ������ͼƬ�ĸ� end--*/

@media only screen and (max-width: 768px) {/*for wap*/
	div {float:none !important;clear:both !important;width:auto !important;max-width: 100% !important;height:auto !important;line-height:1.5 !important;margin:0 !important;text-align:center;}
	img{margin:0 !important}
	.logo,.menu{padding:0;background: rgba(230,248,253,0.5)}
	.menu ul{display: flex;}
	.menu ul li{height:auto; line-height:1.5; padding:10px 0}
	.menu_fixed{position: relative !important}
	.top_bg{padding:5px 10px}
	.tel img{float:none !important;display:inline-block !important;width:24px;height:24px;vertical-align: bottom}
	.pro, .pro_mz,.sitemap .wx{width:auto !important;height:auto !important;margin:10px !important;background: transparent !important}
	.pro_mz img{width:100% !important;height:auto !important}
	.pro_feature dt{display: inline-block;min-width: 100px;padding:0 10px !important;margin-top:10px;border-radius: 20px}
	.pro_feature dd li{white-space: normal}
	.pro_feature_l,.pro_feature_r{float:none !important;width:auto !important;margin:5px 10px}
	.class_title{margin-top:20px !important;border:none !important}
	.class_title_line{margin:0 10px !important;background: none !important;}
	.news_list{margin-top: 10px !important;background-color: rgba(230,248,253,0.5)}
	.indexShowBox{height:200px !important}
	.indexShowBox ul,.indexShowBox ul li{width:100% !important}
	.main.sitemap{text-align:center}
	.sitemap_bg .sitemap_1,.slide_content{display: none}
	.sitemap .sitemap_1 img{width:100% !important;height:auto !important}
}

@media (min-width:800px) and (max-width:1439px) {
.slide_box,
.slide_box .sbox_banner,div.slide_content,  /*��Ӧ:banner�����ĸ�*/
.slide_box img.sbox_bg{height: 366px;} /*��Ӧ:bgͼƬ�ĸ�*/

.slide_box .sbox_bg{position: absolute;left: -230px;}
.slide_box .btn_c_b{top:333px;} /*��Ӧ: ���ư�ť��λ��*/
.slide_box .btn_c_l { background-position: left 0; margin: -35px 0 0 -435px; }
.slide_box .btn_c_l:hover { background-position: left -70px; }
.slide_box .btn_c_r { background-position: left -140px; margin: -35px 0 0 375px; }
.slide_box .btn_c_r:hover {background-position: left -210px; }
}
@media (min-width: 1440px) and (max-width:1920px) {
.slide_box,
.slide_box .sbox_banner,div.slide_content, /*��Ӧ:banner�����ĸ�*/
.slide_box img.sbox_bg{min-height: 366px; height: 100%;} /*��Ӧ:bgͼƬ�ĸ�*/

.slide_box .btn_c_b{top:333px;} /*��Ӧ: ���ư�ť��λ��*/
.slide_box .btn_c_l { background-position: left 0; margin: -35px 0 0 -630px; }
.slide_box .btn_c_l:hover { background-position: left -70px; }
.slide_box .btn_c_r { background-position: left -140px; margin: -35px 0 0 570px; }
.slide_box .btn_c_r:hover {background-position: left -210px; }
}
/*-- btn ctrl:��ť���� end --*/
/*--- slide ��������ͼƬ end ---*/

.class_title_line { background:url(line1.jpg) repeat-x left bottom; margin-top:22px; height:52px;}
.class_title { width:300px; margin:0 auto; border-bottom: 2px #A81C1C solid; font:24px "Microsoft YaHei"; color:#000; height:50px; line-height:50px; text-align:center;}
.pro , .pro_mz { width:1002px; margin:0 auto; height:625px; overflow:hidden; background:#E6F8FD;}
.pro_mz {margin:0 auto;height:650px;}
.pro_mz img{margin:40px 200px; width: 60%; display:block;}
.pro img{ width: 100%; height:100%;display:block;}

.news_list_top { margin-top:23px; padding-bottom:10px;}
.news_list { float: right; width:654px;}
.news_off { background:#F5F5F5; margin-top:12px; height:45px; line-height:45px; font-size:15px; color:#333; cursor:pointer;}
.news_off span { float: right; padding-right:16px; color:#666;border-right:1px #F8F8F8 solid;font-size:13px;}
.news_off em { float:left;font-style: normal; color:#666; font-size:26px; width:45px;height:45px; line-height:45px; background:#E2E2E2; display:block; text-align: center; margin-right:20px;}
.news_on { background: url(vstyle_03.jpg) repeat-x left top; margin-top:12px; height:45px; line-height:45px; font-size:15px; color:#A81B1B; cursor:pointer;_cursor:hand;}
.news_on span { float: right; padding-right:16px; color:#A81B1B; border-right:1px #E2E2E2 solid;font-size:13px;}
.news_on em { float:left;font-style: normal; color:#fff; font-size:26px; width:45px;height:45px; line-height:45px; background:#A81B1B; display:block; text-align: center; margin-right:20px;}

/*Product feature reset*/
.pro_feature dt{padding:5px 10px;background-color:#3cbbcf;color:#fff;font-size:16px}
.pro_feature dd{padding:5px 0}
.pro_feature dd li{padding:5px 10px;white-space: nowrap;}
.pro_feature_l{float:left;width:48%}
.pro_feature_r{float:right;width:48%}

/*��ҳͼƬ��ʽ=====================================================================================================*/
.news_pic { width:310px; height:266px; overflow:hidden; padding-top:12px;}
.news_pic .indexShow { position:relative;width:310px; height:216px; overflow:hidden;}
.news_pic .indexShowBox ul li {position:relative;width:310px; height:216px;}

/*��ҳ���������ʽ=====================================================================================================*/
.infiniteCarousel {width: 1002px; margin: 0 auto;position: relative;height: 140px; margin-top:35px;}
.infiniteCarousel .wrapper {width: 913px;height: 135px;margin: 0 44px;position: absolute;top: 0;}
.infiniteCarousel .wrapper ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0; left:-3px;}
.infiniteCarousel ul li {display:block;float:left;padding:0 3px;height: 130px;width: 452px; text-align:left; }
.infiniteCarousel ul li div {height:25px;line-height:25px;}
.infiniteCarousel .arrow {display: block;height: 80px;width: 24px;background: url(arrow.png) no-repeat 0 0;text-indent: -999px;position: absolute;top:28px;cursor: pointer;outline: 0;}
.infiniteCarousel .forward {background-position: 0 0;right: 0;}
.infiniteCarousel .forward:hover {background-position: 0 -80px;}
.infiniteCarousel .back {background-position: 0 -160px;left: 0;}
.infiniteCarousel .back:hover {background-position: 0 -240px;}
.infiniteCarousel .left{text-align:left;width:360px;display: inline-block;}
.infiniteCarousel .right{text-align:right;width:80px;display: inline-block;}
.sitemap_bg { background:#F2F2F2; border-top:1px #E2E2E2 solid; margin-top:35px;}
.sitemap div { float: left; padding:30px 0;}
.sitemap div h2 { font-size:20px; color:#A81B1B; font-weight:normal; padding-bottom:8px;}
.sitemap div ul { font-size:0;}
.sitemap div ul li { line-height:24px;}
.sitemap div ul li img { display:block;vertical-align:bottom;}

.sitemap .sitemap_1 { width:254px;}
.sitemap .sitemap_1  img{width:120px;height:120px;}

.sitemap .sitemap_2 { width:216px;}
.sitemap .sitemap_3 { width:100px;}
.sitemap .sitemap_4 { width:450px;}
.sitemap .wx { line-height:normal; font-size:12px; width:120px; text-align:center; line-height:24px;}

.copy { font-size:12px; color:#FFFFFF; text-align:center; height:40px; line-height:40px; background:#333333; border-top:3px #A81C1C solid;}
