﻿@charset "utf-8";
/* CSS Document */

body {margin:0;}
body,td,th {font-size:12px; font-family:"微软雅黑","宋体"; color:#323232;}
img{ border:0}
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
input,select {font-size:12px;vertical-align:absmiddle;}
.wrap li,.d10 a,h2{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
a{ color:#323232; text-decoration: none;cursor:pointer;}
a:hover{ text-decoration: none; color:#d8372e;}
.clear{ clear:both;}
html{ overflow-x:hidden; overflow-y:auto;}
img{vertical-align:middle;}





/*   layout   */
#top,#main,#foot{ }

#top{ width:100%;float:left; background:url(/skin/images/top_bg.jpg) repeat-x; height:84px;} 
#main{ width:100%;float:left;}
#foot{ width:100%; float:left; border-top:1px solid #dddddd; margin-top:28px; background-color:#f1f1f1;}

/*top*/
.header{ width:1000px; margin: 0 auto;}
.header .logo{ float:left; padding:11px 0px;}
.header_right{ width:732px; float:right;}
.header_right .hot{ float:right; text-align:right; padding-top:10px; color:#656565;}
.header_right .hot a{ color:#656565;}
.header_right .hot a:hover{ color:#d8372e;}





/*banner*/
.banner{ width:100%;text-align: center; float:left;}


/*banner上漂浮的内容*/
.sy1{ width:100%; float:left; background:url(/skin/images/sy_bg1.png) repeat-x; height:165px; position:absolute; left:0px; bottom:0px;}
.sy1_k{ width:1000px; margin: 0 auto; padding-top:20px;}
.gy{ width:338px; float:left;}
.gy_tit{ width:338px; float:left;}
.gy_tit .bt{ float:left; color:#fff; font-size:14px;}
.gy_tit .more{ float:right;}
.gy_nr{ width:338px; float:left; padding-top:14px;}
.gy_nr img{float:left;}
.gy_nr p{ width:203px;float:right;line-height:24px; color:#dbdbdb; text-align:left;}

.xwzx{ width:288px; float:left; padding-left:56px;}
.xwzx_tit{ width:288px; float:left;}
.xwzx_tit .bt{ float:left; color:#fff; font-size:14px;}
.xwzx_tit .more{ float:right;}
.xwzx_nr{ width:288px; float:left; padding-top:14px;}
.xwzx_nr li{ width:288px; float:left; background:url(/skin/images/sy_icon4.jpg) left center no-repeat;text-align: left;}
.xwzx_nr li a{ float:left; padding-left:10px; line-height:26px; color:#fff;}
.xwzx_nr li a:hover{ float:left; padding-left:10px; line-height:26px; color:#e4160a;background:url(/skin/images/sy_icon4-1.jpg) left center no-repeat;}

.lxwm{ width:264px; float:right;}
.lxwm_tit{ width:264px; float:left;}
.lxwm_tit .bt{ float:left; color:#fff; font-size:14px;}
.lxwm_tit .more{ float:right;}
.lxwm_txt{ width:264px; float:left; padding-top:14px; color:#fff;}
.lxwm_txt .k1{ width:147px; float:left; height:25px; background: #dadada; border: none; line-height:25px;}


/*main*/
/*首页---产品中心*/
.main{ width:1000px; margin: 0 auto;}
.cpzx{ width:1000px; float:left;}
.cpzx_tit{ width:1000px; float:left;}
.cpzx_tit .bt{ float:left; font-size:18px; padding:20px 0px 23px 0px;}
.cpzx_tit .more{ width:44px; float:right; padding:24px 0px 0px 0px;}




/*foot*/
.xnav{ width:1000px; margin: 0 auto; padding-top:25px; padding-bottom:20px; overflow:hidden;}
.xnav_tit{ float:left; font-size:18px;}
.xnav_nr{ width:856px; float:right; font-size:18px;}
.xnav_nr .lm1{ width:140px; float:left;}
.xnav_nr .lm1 h2{ width:140px; float:left; font-size:14px; font-weight: normal;}
.xnav_nr .lm1 p{ width:140px; padding-top:30px; *padding-top:15px;line-height:24px; font-size:12px;}
    .xnav_nr .lm1 p a
    {
        width:100%; float:left;
    }

.xnav_nr .lm2{ width:212px; float:left;}
.xnav_nr .lm2 h2{ width:212px; float:left; font-size:14px; font-weight: normal;}
.xnav_nr .lm2 p{ width:212px; padding-top:30px; *padding-top:15px;line-height:24px; font-size:12px;}
 .xnav_nr .lm2 p a
    {
        width:50%; float:left;
    }
.xnav_nr p a{color:#646464}


.cy{ width:100%; float:left; background:#4b4b4b;}
.cy_k{ width:1000px; margin: 0 auto;}
.cy_k a{color:#fff;}
.cy_k_left{ float:left; padding: 19px 0px; line-height:18px; color:#d4d4d4;}
.cy_k_right{ float:right; padding: 19px 0px; line-height:18px; color:#d4d4d4; text-align:right;}




/*内页左侧边导航部分*/
.left{ width:185px; float:left;position:relative;}
.sidetit{ width:185px; float:left; background:url(/skin/images/side_tit.png) no-repeat; height:49px;position:absolute; left:0px; top:-43px;}
.sidetit .bt1{ float:left; font-size:24px; color:#FFF; line-height:43px; padding-left:16px;}
.sidetit .bt2{ float:left; font-size:24px; color:#FFF; padding-top:20px; color:#fff; padding-left:5px;text-transform:uppercase; font-size:10px;-webkit-text-size-adjust: none;}
.pz_SideLayer{width:183px; float:left; border:1px solid #d9d9d9; border-bottom: none; border-top: none; padding-top:11px;}
.pz_SideLayer .l1{ width:183px; float:left; border-bottom:1px dotted #b2b2b2; background:url(/skin/images/side_icon2.png) 13px 18px no-repeat;}
.pz_SideLayer .l1 a{ float:left; line-height:39px; color:#323232; padding-left:28px;}
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ float:left; background:url(/skin/images/side_icon1.png) 13px 18px  no-repeat; color:#cf3027;padding-left:28px;}
.pz_SideLayer .l1.first{}
.pz_SideLayer .l1.last{ border-bottom: none;}

/*内页左侧图片左右滚动*/
.tpgd{ width:185px; float:left;}

/*内页左联系*/
.lx{ width:185px; float:left; padding-top:35px;}
.lx_tit{ width:185px; float:left; font-size:14px;}
.lx p{ width:168px; float:left; padding:8px 0px 10px 17px; font-size:24px; color:#c6281f; line-height:30px;}



/*内页右侧部分*/
.caption{ width:815px; float:right; height:50px; border-bottom:1px solid #d9d9d9;}
.caption .bt{ float:left; padding: 19px 0px 0px 41px; color:#c72920; font-size:18px;}
.caption .ad{ float:right; padding: 24px 0px 0px 0px;}


.con{ width:774px; float:right; padding-top:27px; line-height:28px;}
.gywm{ width:774px; float:left;}
.gywm img{ float:right;}



/*产品*/
.pro{ width:774px; float:left;overflow:hidden}
.pro ul{ width:813px; float:left; overflow:hidden;}
.pro li{ width:230px; float:left; border:1px solid #dcdcdc; margin:0px 39px 39px 0px; display:inline;}
.pro li img{ width:212px; float:left; padding:9px;}
.pro li span{ width:230px; float:left; text-align: center; padding:0px 0px 10px 0px;}


/*产品---内页*/
.pro_tit{ width:774px; float:left;}
.pro_tit .bt{  float:left; height:54px; font-size:24px; color:#fff; line-height:37px; padding-left:10px; padding-right:40px; background:url(/skin/images/cp_bg1.jpg) no-repeat right top;}
.pro_tit_zh{ float:right;}
.pro_txt{ width:642px; float:left; padding:40px 0px 0px 47px;}
.pro_txt_js{ width:642px; float:left;}
.pro_txt_js p{ width:321px; float:left; font-size:14px; color:#000; line-height:24px; padding-top:42px;}
.pro_txt_js img{ float:right;}
.pro_txt .sm{ width:642px; float:left; padding-top:27px;}
.pro_txt .sm h2{float:left; color:#000; font-size:20px; padding-left:15px;}
.pro_txt .sm_txt{ width:642px; float:left; }
.pro_txt .sm_txt li{ width:632px; float:left; height:27px; background:url(/skin/images/cp_bg2.jpg) no-repeat; line-height:27px; padding-left:10px; font-size:14px; color:#000; margin-bottom:6px; border: none;}



/*案例*/
.case{ width:774px; float:left; overflow:hidden;}
.case ul{ width:850px; float:left;}
.case .l1{ width:246px; float:left; border-right:1px dotted #b2b2b2; margin:0px 35px 35px 0px;}
.case .l1 .img{ width:212px; float:left;}
.case .l1 span{ width:246px; float:left; font-size:14px; padding:13px 0px;}
.case .l1 .xx{ float:left;}
/*
.case .l2{ width:212px; float:left; border-right:1px dotted #b2b2b2; margin:0px 0px 35px 0px;}
.case .l2 .img{ width:212px; float:left;}
.case .l2 span{ width:212px; float:left; font-size:14px; padding:13px 0px;}
.case .l2 .xx{ float:left;}
    */


/*新闻*/
.news{ width:774px; float:left;}
.news_nr1{ width:774px; float:left; border-bottom:1px dashed #b2b2b2; padding-bottom:39px;overflow:hidden; margin-bottom:15px; display:inline;}
.news_nr1 ul{ width:819px; float:left; overflow:hidden;}
.news_nr1 li{ width:228px; float:left; padding-right:45px;}
.news_nr1 li .img{ width:228px; float:left;}
.news_nr1 li .dat{ width:228px; float:left; color:#cf3027; padding-top:15px;}
.news_nr1 li p{ width:228px; float:left; color:#000; font-size:14px; padding:5px 0px 15px 0px; line-height:18px;}
.news_nr1 li span{ width:228px; float:left; color:#464646; line-height:18px;}
.news_nr1 li .xx{ width:228px; float:left; padding-top:15px;}


.news_nr2{ width:774px; float:left;}
.news_nr2 li{ width:774px; float:left; border-bottom:1px dashed #b2b2b2; background:url(/skin/images/xw_t03.jpg) left center no-repeat; line-height:36px;}
.news_nr2 li a{ float:left; padding-left:14px;}
.news_nr2 li span{ float:right; color:#646464;}

/*新闻---内页*/
.news_tit{ width:774px; float:left;}
.news_tit h2{ width:774px; float:left; border-bottom:1px dotted #b2b2b2; padding-bottom:13px; font-size:24px; text-align: center; font-weight: normal;}
.news_tit span{ width:774px; float:left; text-align: center; padding-top:10px; color:#787878;}
.news_txt{ width:774px; float:left; padding-top:25px; line-height:26px;}




/*会员中心 */
.hyzx{ width:774px; float:left;}
.hyzx h2{ width:774px; float:left; text-align: center; font-size:18px; color:#cf3027; font-weight: normal;}
.hyzx p{ width:774px; float:left; line-height:28px; padding-top:24px;}



/*技术支持——在线留言*/
.ly{ width:756px; float:left; border:9px solid #ececec; height:419px;margin-top:23px; display:inline;}
.ly_k{ width:670px; float:left; padding:27px 0px 0px 27px; background:url(/skin/images/ly_bg.jpg) 430px 65px no-repeat; }
.lyz1{ line-height:40px; font-size:14px;}
.lyk1{ width:232px; height:24px; background:url(/skin/images/ly_bg1.png) repeat; border: none; line-height:24px;}
.lyk2{ width:417px; height:102px; background:url(/skin/images/ly_bg1.png) repeat; border: none;}




/*加入我们*/
.jrwm{ width:774px; float:left; padding-top:15px;}
.jrwm .l1{ width:774px; float:left; padding-bottom:13px;}
.jrwm .l1 a{ width:774px; float:left; background:#ececec; height:33px;}
.jrwm .l1 a span{ float:left; line-height:33px; padding-left:19px; font-size:14px; border-left:3px solid #d7372e;}
.jrwm .l1 a .dj{ width:17px; height:17px; float:right; margin:8px 7px 0px 0px; background:url(/skin/images/jrwm_icon2.jpg) no-repeat; display:inline;}
.jrwm .l1 a:hover{ color:#cb2c23;}
.jrwm .l1 a:hover .dj{ width:17px; height:17px; float:right; margin:8px 7px 0px 0px; background:url(/skin/images/jrwm_icon1.jpg) no-repeat; display:inline;}
.jrwm .l1 .txt{ width:774px; float:left; padding:24px 0px 0px 0px; display:none;}
.jrwm .l1 .txt p{ width:774px; float:left; line-height:24px;}
.jrwm .l1 .txt .img{ width:774px; float:right; text-align:right; padding-top:25px;}
.jrwm .l1 .txt .img a{ width:774px; float:right; background: none;}


.jrwm .l2{ width:774px; float:left; padding-bottom:13px;}
.jrwm .l2 a{ width:774px; float:left; background:#ececec; height:33px;}
.jrwm .l2 a span{ float:left; line-height:33px; padding-left:19px; font-size:14px; border-left:3px solid #d7372e; color:#cb2c23;}
.jrwm .l2 a .dj{ width:17px; height:17px; float:right; margin:8px 7px 0px 0px; background:url(/skin/images/jrwm_icon1.jpg) no-repeat; display:inline;}
.jrwm .l2 a:hover{ color:#cb2c23;}
.jrwm .l2 a:hover .dj{ width:17px; height:17px; float:right; margin:8px 7px 0px 0px; background:url(/skin/images/jrwm_icon1.jpg) no-repeat; display:inline;}
.jrwm .l2 .txt{ width:774px; float:left; padding:24px 0px 0px 0px;}
.jrwm .l2 .txt p{ width:774px; float:left; line-height:24px;}
.jrwm .l2 .txt .img{ width:774px; float:right; text-align:right; padding-top:25px;}
.jrwm .l2 .txt .img a{ width:774px; float:right; background: none;}








/*上一篇  下一篇*/
.syp{ width:774px; float:left; border-top:1px dotted #b2b2b2; border-bottom:1px dotted #b2b2b2; padding:15px 0px;}
.syp .s{ float:left;}
.syp .x{ float:right;}

.fx{ width:774px; float:right; text-align: right; padding-top:14px;}









/*common*/
.red{ color:#cf3027; font-size:18px;}
.white{ color:#fff; line-height:54px; font-size:14px;}
.hs{ color:#000; line-height:54px; font-size:14px;}


/* 分页 */
.fy{width:100%; float:left; padding:20px 0px;}
.sabrosus { text-align:right;}
.sabrosus A { border: #c4c4c4 1px solid; PADDING:3px 9px; COLOR: #646464; text-decoration:none; margin-left:5px; font-family:"微软雅黑","宋体";}
.sabrosus A:hover,DIV.pagination A:active {color: #fff; border: #c4c4c4 1px solid; background-color:#c9332a; text-decoration:none; font-family:"微软雅黑","宋体";}
.sabrosus SPAN.current {BORDER: #c4c4c4 1px solid;PADDING:3px 9px;  FONT-WEIGHT: bold; COLOR: #fff; MARGIN-left: 5px; BACKGROUND-COLOR: #c9332a;font-family:"微软雅黑","宋体";}
.sabrosus SPAN.disabled {BORDER:#c4c4c4 1px solid;PADDING:3px 9px;  MARGIN-left: 5px; font-family:"微软雅黑","宋体";}


.reset
{
    width:57px; height:23px; background:url(/skin/images/ly_icon2.jpg) no-repeat; border:none; float:left; margin-left:10px;
}



/* 导航 */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{  position:relative; z-index:1;  }
		.nav .nLi{ width:83px; float:left; text-align: center; height:30px;line-height:25px; position:relative; padding-left:20px;}
		.nav .nLi h3{ float:left;  }
		.nav .nLi h3 a{ display:block;width:83px; float:left; line-height:25px;color:#323232; font-size:14px; }
		.nav .sub{ display:none;width:111px;  left:6px; top:27px; padding-top:10px; position:absolute; /* padding:10px 0px;*/ }
		.nav .sub li{ zoom:1;width:111px; float:left; text-align: center;  background: url(/skin/images/xl_bg.png) repeat-y;}
		.nav .sub a{ display:block; color:#000; line-height:28px;}
		.nav .sub a:hover{ background: url(/skin/images/xl_bg1.png) no-repeat; color:#fff;  }
		.nav .nLi h3 .on,.nav .on h3 a{ width:83px; float:left; height:30px; line-height:25px; color:#fff; text-align: center; background:url(/skin/images/nav_li.jpg) no-repeat; }


.pz_menu{width:721px; float:right; padding-top:20px;}
/*
.pz_menu li{ width:83px; float:left; text-align: center; height:30px;line-height:25px; position:relative; padding-left:20px;}
.pz_menu li a{ width:83px; float:left; line-height:25px;font-family: "宋体"; color:#323232; font-size:14px;}
.pz_menu li a:hover,
.pz_menu li .hover{ width:83px; float:left; height:30px; line-height:25px; color:#fff; text-align: center; background:url(/skin/images/nav_li.jpg) no-repeat;}

.pz_menu li ul{ width:111px; float:left; position:absolute; top:18px; left:3px;} 
.pz_menu li ul .txt{ width:111px; float:left; background: url(/skin/images/xl_bg.png) repeat-y; padding:10px 0px;} 
.pz_menu li ul .txt .l1{ width:111px; float:left; text-align: center; padding:0px;}
.pz_menu li ul .txt .l1 a{ width:111px; float:left; font-size:12px; color:#000; line-height:28px; padding:0px;}
.pz_menu li ul .txt .l1 a:hover,
.pz_menu li ul .txt .l1 .hover{ width:111px; float:left; font-size:12px; color:#fff; line-height:28px; background: url(/skin/images/xl_bg1.png) no-repeat;}*/



        .pz_slides_3{ width:1680px; height:668px; overflow:hidden; position:relative;  }
		.pz_slides_3 ._btn{  overflow:hidden; position:absolute;left:340px; bottom:182px; z-index:999; width:1000px; }
		.pz_slides_3 ._btn ul{ overflow:hidden; zoom:1; float:right;}
		.pz_slides_3 ._btn ul li{float:left;width:18px; height:18px;margin-left:10px;  cursor:pointer; BACKGROUND: url(/skin/images/imgPlayer.png) no-repeat -1px -81px;}
		.pz_slides_3 ._btn ul li.on{BACKGROUND-POSITION: -31px -81px}
		
        .pz_slides_3 ._pic{ position:relative; height:100%; z-index:0;}
		.pz_slides_3 ._pic li{ zoom:1; vertical-align:middle;position:relative; }
		.pz_slides_3 ._pic li img{  width:1680px; height:668px;  display:block;}
       

/* 本例子css */
		.picScroll-left{ width:1000px;  overflow:hidden; position:relative; }
		.picScroll-left .hd{ overflow:hidden;  }
            .picScroll-left .hd .tit
            {
                float:left; font-size:18px; padding:20px 0px 23px 0px;
            }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:17px; height:17px; float:right; margin-left:10px; margin-top:24px;  overflow:hidden;
			 cursor:pointer; background:url("/skin/css/images/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{  width:185px; float:left; border:1px solid #dcdcdc; display:inline; margin-right:16px; }
		.picScroll-left .bd ul li img{ width:166px; float:left; margin:9px 0px 0px 9px;}
		.picScroll-left .bd ul li span{ width:185px; float:left; text-align: center; padding:15px 0px 10px 0px;}

.cpzx_txt{ width:1000px; float:left;}
.cpzx_txt ul{ width:1020px; float:left; overflow:hidden;}
.cpzx_txt li{ width:185px; float:left; border:1px solid #dcdcdc; margin-right:16px; display:inline;}
.cpzx_txt li a{ width:185px; float:left;}
.cpzx_txt li a img{ width:166px; float:left; padding:9px 0px 0px 9px;}
.cpzx_txt li a span{ width:185px; float:left; text-align: center; padding:15px 0px 10px 0px;}


/* 本例子css */
		.slideBox{ width:185px; height:168px; overflow:hidden; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:185px; height:168px; display:block;  }


.ulogin
{
    width:524px; float:left; background:#ebf4f5; padding:15px 0;
}
    .ulogin .w285
    {
         width:285px; border-right:1px solid #c8d0d0; float:left;
    }
        .ulogin .w285 .tit
        {
             font-size:18px; color:#c5271e;
        }
        .ulogin .w285 .s1
        {
            width:145px; height:22px; line-height:22px;border:1px solid #c7cfd0;
        }
    .ulogin .w238
    {
        width:238px; float:right; line-height:22px;
    }