body{}

.wrap{ width:100%; position: relative;}

.COM-WIDTH {width: 1000px; margin: 0px auto; position: relative;}

.FLOATFIX { clear: both; width: 0; height: 0px; margin: 0; padding: 0; border: none; overflow: hidden; font-size: 0px;}

.ULFIX { overflow: auto; zoom: 1;}



#right-float-box{
	height:300px;
	width:200px;
	z-index: 999;
	background:url(../images/float.jpg) left center no-repeat;
}
#right-float-box a{
	display:block;
	width:120px;
	height:23px;
	position:absolute;
	top:220px;
	left:30px
}


/*顶部区域*/

.header {}

    .htop { height: 28px; background-color: #EFEFEF; line-height: 28px;}

        .topl { float: left;}

        .topr { float: right;}

            .delimiter { margin: 0 10px;}

    .hlogo {}

        .hlogoimg { float: left;}

		 .logotext { float: left; color: #898989; margin-top: 50px; margin-left: 80px; display: inline; text-align: center; font-weight: bold;}

            .logotext1 { font-size: 22px;font-style: italic;  letter-spacing:2px;font-weight:normal;}

            .logotext2 { font-size: 12px; font-style: italic; font-weight:normal;}

        .logotel { float: right;background: url(../images/htel.png) no-repeat right 0; width:300px;   height: 158px;}

            .logotel1 { text-align: right; font-size: 14px;}

            .logotel2 { color: red; font-size: 30px;}

	

    .hmenu { background: url(../images/menubg.gif); text-align: center;}

        .hmenu ul li { border-right: 1px solid #F88082; float: left; width: 110px; height: 42px; text-align: center; line-height: 42px; font-size: 16px; font-weight: bold; display: inline;}

        .hmenu ul li a { color: #fff;}

        .hmenu .lifirst { margin-left: 100px;}

        .hmenu .lilast { border-right: none;}



/*中部区域*/

.main{}



.focusBox { position: relative; width:100%; height:496px; overflow: hidden; }

.focusBox .pic{ position:relative; z-index:0; width:100% !important; }

.focusBox .pic li{  width:100% !important;height:496px; }

.focusBox .pic li a{ display:block;  width:100%; height:496px; }

.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }

.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;

		display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;

	}

.focusBox .hd .on{ background-position:0 0; }



.focusBox .prev,

.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }

.focusBox .prev {left:50%; margin-left:-570px; }

.focusBox .next { background-position: 0 -90px; right:50%; margin-right:-570px;  }

.focusBox .prev:hover,

.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }







    .msearch { background-color: #E2E2E2; height: 37px; line-height: 37px; }

    .msearch .serchr { float: right; background: url(../images/search_bg.png) no-repeat; width: 187px; height: 28px;}

    .msearch .serchr { margin-top: 5px;}

    .msearch .serchr .ftext { border: none; padding: 2px; margin-left: 10px; width: 136px; margin-bottom: 10px;}

    .msearch .serchr .fbtn { background: url(../images/search_btn.png) no-repeat; width: 33px; height: 26px; border: none; cursor: pointer; margin-bottom: 12px;}



    .mproduct { margin-top: 20px;}

    .mproduct .left { float: left; width: 278px;}

    .mproduct .left .list { }

    .mproduct .left .list .title { background: url(../images/products_bg.png); width: 100%; height: 47px; line-height: 47px; text-indent: 10px; font-size: 16px; color: #fff; font-weight: bold;}

    .mproduct .left .list ul li { background: url(../images/mproduct-ulli.png) no-repeat 10px center; height: 39px; line-height: 39px; width: 100%; text-indent: 30px; font-size: 16px; background-color: #E1E1E1; margin-bottom: 5px; cursor:pointer;}

	.mproduct .left .list ul li.on a{ color:#D80D15; }

    .mproduct .left .tel { position: relative;}

    .mproduct .left .tel .telimg { }

    .mproduct .left .tel .text { position: absolute; top: 133px; left: 59px; font-size: 18px; color: #fff; text-align: center;}

    .mproduct .left .tel .text span { font-size: 23px;}

    .mproduct .right { float: right; width: 718px; }

    .mproduct .right .show { float: left; margin-left: 5px; display: inline; margin-bottom: 20px; position: relative;width:231px}

    .mproduct .right .show .box { width: 231px; height: 231px; border: 1px solid #DEDEDE;}

    .mproduct .right .show .shadow { background: url(../images/product_shadow.png) no-repeat; width: 233px; height: 16px; position: absolute; top: 231px; left: 0px;}

    .mproduct .right .show .box .boximg { }

    .mproduct .right .show .text { text-align: center; font-size: 14px; color: #5B5758; margin-top: 10px;}



    .mbanner2 { background: url(../images/banner_2_bg.jpg) no-repeat center center; width: 100%; height: 250px;}

    .mbanner2 .arr { background: url(../images/banner_arr.png) no-repeat; width: 104px; height: 25px; position: absolute; top: 250px; right: 75px;}



    .madvantage { background: url(../images/madvantage_bg.jpg) no-repeat center center; width: 100%; height: 1325px;}

    .madvantage .text { font-size: 16px; color: #717171; font-style: italic; position: absolute; top: 0px; left: 0px; width: 433px;}

    .madvantage .position1 { top: 280px; left: 28px;}

    .madvantage .position2 { top: 410px; left: 28px;}

    .madvantage .position3 { top: 530px; left: 28px;}

    .madvantage .position4 { top: 650px; left: 28px;}

    .madvantage .position5 { top: 800px; left: 545px;}

    .madvantage .position6 { top: 940px; left: 545px;}

    .madvantage .position7 { top: 1090px; left: 545px;}

    .madvantage .position8 { top: 1230px; left: 545px;}



    .mbanner3 { background: url(../images/banner_1_bg.png) no-repeat center center; width: 100%; height: 263px;}

    .mbanner3 {}



    .mservice {}

    .mservice .titile { background: url(../images/title1.png) no-repeat; width: 237px; height: 81px; margin: 0px auto;  margin-top: 60px; margin-bottom: 40px;}

    .mservice .box { float: left; display: inline; position: relative; background: url(../images/mservice_textbg.png) no-repeat; width: 473px; height: 87px; font-weight: bold; margin-left: 20px;}

    .mservice .box .text1 { font-size: 33px; color: #fff; position: absolute; top: 13px; left: 23px;}

    .mservice .box .text2 { width: 313px; font-size: 15px; color: #595758; position: absolute; top: 18px; left: 135px;}

    .mservice .box .text2 span { color: #B60606;}



    /* 背景图 1960×690，比常见视口宽：原来只写了 no-repeat，位置默认停在左上角，
       在 1440/1366 屏上图案整体偏右。图两侧留白是纯 #f5f5f5，居中裁切没有副作用。 */
    .mcommitment { background: #f5f5f5 url(../images/mcommitment_bg.png) no-repeat center top; width: 100%; height: 690px; margin-top: 20px; overflow:hidden;}

    .mcommitment .title { background: url(../images/title2.png) no-repeat; width: 237px; height: 85px;margin: 0px auto;  margin-top: 60px; margin-bottom: 40px;}

    .mcommitment .slogan { background: url(../images/mcommitment_1.png) no-repeat; width: 608px; height: 192px; margin: 0px auto;}

    .mcommitment .slogan2 { background: url(../images/mcommitment_2.png) no-repeat; width: 494px; height: 69px; margin: 0px auto; margin-top: 35px;}

    .mcommitment .text { width: 870px;  font-size: 15px; line-height: 28px; font-weight: bold; margin: 0px auto; margin-top: 30px;}



    .COM-title { background: url(../images/title_bg.png); height: 29px; line-height: 29px; width: 100%; text-indent: 20px; font-size: 15px; color: #fff;}

    .COM-more { background-color: #000; border-radius: 25px; float: right; width: 45px; height: 20px; font-size: 12px; margin-top: 5px; margin-right: 10px; text-indent: 3px;}

    .COM-more a { color: #fff; line-height: 20px; }



    .maboutfaq { margin-top: 20px;}

    .maboutfaq .right { width: 320px; height: 325px; margin-left: 10px; float: left; display: inline; position: relative;}

    .maboutfaq .right .box { padding: 20px; border: 1px solid #A7A7A7; height: 255px;}

    .maboutfaq .right .box table tr td { line-height: 25px; margin-left: 20px;}

    .maboutfaq .right .box table { height:auto;}

	.maboutfaq .right .box .txtMarquee-top{ height:275px;  overflow:hidden; position:relative;    }

	.maboutfaq .right .box .txtMarquee-top ul li{ margin-bottom:20px;}

	

    .maboutfaq .right .box .wen { width: 22px; height: 22px; background-color: #CACACA; color: #fff; text-align: center; line-height: 22px;}

    .maboutfaq .right .box .da { width: 22px; height: 22px; background-color: #F7C21C; color: #fff; text-align: center; line-height: 22px;}

    .maboutfaq .right .shadow { background: url(../images/ques_shadow.png) no-repeat; width: 323px; height: 15px; position: absolute; top: 326px; right: 0px;}

    .maboutfaq .left { width: 670px; height: 325px; float: left; position: relative;}

    .maboutfaq .left .box { border: 1px solid #A7A7A7; height: 295px;}

    .maboutfaq .left .box .text { padding: 15px;}

    .maboutfaq .left .box .text .textl { float: left;}

    .maboutfaq .left .box .text .textr { float: left; width: 400px; margin-left: 20px; font-size: 14px;}

    .maboutfaq .left .box .text .textr p { font-size: 16px; margin-bottom: 10px;}

    .maboutfaq .left .box .text .textr .more { text-align: right;}

    .maboutfaq .left .box .img { margin: 0px auto; width: 644px;}

    .maboutfaq .left .box .img ul li{ float:left; *display:inline; margin:4px;}

	.maboutfaq .left .box .img ul li img{ width:208px; height:136px;}

	

    .maboutfaq .left .shadow { background: url(../images/about_shadow.png) no-repeat; width: 675px; height: 17px; position: absolute; top: 326px; left: 0px;}



    .mshow { margin-top: 30px;}

    .mshow .shadow { background: url(../images/title_shadow.png) no-repeat; width: 1000px; height: 10px; position: absolute; top: 29px; left: 0px;}

    .mshow .box { margin-top: 10px;}

    .mshow .box .product { width: 239px; float: left; position: relative; margin: 0 5px;}

    .mshow .box .product .shadow { background: url(../images/product_shadow2.png) no-repeat; position: absolute; top: 241px; left: 0px; width: 240px; height: 14px;}

    .mshow .box .product .productbox { width: 239px; height: 239px; border: 1px solid #A7A7A7;}

    .mshow .box .product p { text-align: center; font-size: 14px; color: #595758; margin-top: 10px;}

    .mshow .box .product .img { width: 239px; height: 239px;}



    .mbox { margin-top: 30px;}

    .mbox .box { background-color: #F8F8F8; color: #595758; padding: 10px; padding-right:20px; border: 1px solid #A7A7A7;height: 239px;}

    .mbox .box ul li { height: 31px; line-height:40px; overflow:hidden; border-bottom: 1px dotted #D2D2D2;}

    .mbox .box ul li.lilast { border-bottom-style: none;}

    .mbox span { float: right;}

    .mbox .news { width: 280px; height: 290px; float: left; display: inline; position: relative;}

    .mbox .shadow { background: url(../images/news_shadow.png) no-repeat; position: absolute; top: 290px; left: 0px; width: 281px; height: 12px;}

    .mbox .company { width: 280px; float: left; display: inline; margin-left:8px; position: relative;}

    .mbox .feedback { width: 423px; float: right; display: inline;position: relative;}

    .mbox .feedback .box { font-size: 16px;}

    .mbox .feedback .box span { color: #E50311;}

    .mbox .feedback .box em { font-size: 16px; font-weight: bold;}

    .mbox .feedback .box table { font-size: 14px; margin-top: 20px;}

	.mbox .feedback .box .form_group { padding:5px 0;overflow: hidden;}

	.mbox .feedback .box .control_label {width:100px}

    .feedback input[type="submit"], .feedback input[type="reset"] {background-color:#e50112;border: medium none;border-radius: 3px;color: #fff;font-size: 12px;height: 27px;line-height: 27px;margin-left: 5px;margin-right: 15px;margin-top: 10px;padding-left: 10px;padding-right: 10px;}

    .feedback input[type="text"] { border:none; background-color: #E9E9E9; width: 280px;height: 27px }

    .mbox .feedback .box textarea { border:none; background-color: #E9E9E9; width: 280px;}

	.feedback .yzm {float: left;height: 27px !important;width: 65px !important;}



/*底部区域*/

.footer { background: url(../images/fbg.png); height: 348px; margin-top: 30px; border-top: 1px solid #DF1B1F;}

.footer1 { background: url(../images/fbg.png); height: 240px; margin-top: 30px; border-top: 1px solid #DF1B1F;}


    .fmenu { margin: 0 auto; margin-top: 30px; width: 910px;}

    .fmenu ul li { font-size: 18px; width: 110px; height: 30px; line-height: 30px; text-align: center; border-right: 1px solid #EF5A5E; float: left; font-weight: bold; }

    .fmenu ul li a { color: #fff; }

    .fmenu ul li.lilast { border: none; }

    .link { margin-top: 30px;}

    .link .lleft { float: left; border: 1px dashed #fff; width: 89px; height: 88px;}

    .link .lleft p { font-size: 20px; color: #fff; text-align: center; margin-top: 0px;}

    .link .lleft .link { font-size: 32px; color: #fff; text-align: center; margin-top: 5px;}

    .link .lright { float: right; border: 1px dashed #fff; width: 888px; height: 88px;}

	.link .lright a{color:#fff;padding:10px;float:left}

	.flogo { width: 1000px; margin: 0 auto; margin-top: 30px;}

    .flogo .logo { float: left; width: 230px; height: 70px; border-right: 1px solid #fff; padding: 25px}
    .flogo .logowx { float: right; width: 110px; height: 110px; padding: 10px}
    .flogo .logowx img{  width: 110px; height: 110px;}
    .flogo .text { float: left;}

    .flogo .text p { color: #fff; font-size: 14px; font-weight: bold; margin-left: 30px; line-height: 25px;}

    .flogo .text p  a{ color: #fff;}