@charset "gb2312";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0px; padding:0px;font-family: "΢ÈíÑźÚ", Arial, Helvetica, sans-serif;font-size:13px;color:#333;line-height:25px}
body{ max-width:1920px; margin:0 auto; background:#f9f9f9}
img{border:none}

a{text-decoration:none; color:#333}

.left{ float:left}
.right{ float:right}
.clear{ clear:both; height:0px; line-height:0; overflow:hidden; display:block}

.head{width:100%; height:171px; margin:0 auto; background:url(../images/bg.jpg) left top repeat-x}
.head .logo{width:1160px; height:127px; margin:0 auto; background:url(../images/logo.jpg) left center no-repeat }
.head .logo img{ margin-left:560px; margin-top:40px;}
.head .logo p{ float:right; font-size:22px; font-weight:bold; padding-top:50px;}
.navback{ width:100%; height:44px; }
.navback .nav{ width:1160px; height:44px; margin:0 auto; position:relative; z-index:1000}
.navback .nav ul li{ width:125px; height:44px; float:left}
.navback .nav ul li a{line-height:44px; height:44px; font-size:15px; color:#fff; display:block; text-align:center; width:128px;}
.navback .nav ul li a:hover{background:#044189}

.navback .nav #backnone{ background:none}
.navback .nav .menu{ display: block; width:128px; height:44px; line-height:44px; color:#fff; font-size:15px; text-align:center}
.navback .nav .menu:hover,.head .navback .nav .menua,.head .navback .nav .menua:hover{ display: block; width:128px; height:44px; line-height:44px; color:#fff; font-size:15px; text-align:center; }
.navback .nav .movetwo{ width:128px; height:44px;}
.navback .nav .now {  display:block; height:44px;overflow:hidden; background:none }
.navback .nav .move {  display:block; height: 250px; overflow:hidden;z-index:999;}
.navback .nav .move .movebox{  height:auto; background:#cfcfcf;z-index:-1; width:128px}
.navback .nav .move .movebox a{ display:block; height:32px; line-height:32px; border-bottom:1px solid #bbb; text-align:center; font-size:13px; color:#333;z-index:-1; width:128px;  }
.navback .nav .move .movebox a:hover{  background:#044189; color:#fff;z-index:-1; }


/*
.banner{width:100%; height:500px; margin:0 auto}
*/


.keywords{width:100%; height:46px; margin:0 auto; border-bottom:1px solid #dadada; background:#FFF}
.keywords .content{ width:1160px; height:46px; margin:0 auto}
.keywords .content .hotkey{ width:845px; height:46px; float:left;}
.keywords .content .hotkey p{ font-size:14px; font-weight:bold; line-height:46px; width:90px; height:46px; display: block; float:left}
.keywords .content .hotkey span{width:755px; height:46px; line-height:46px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;float:left;}
.keywords .content .search{width:297px; height:46px; float:right; line-height:45px}

.maincont{width:100%; height:auto; margin:0 auto; background:url(../images/bg_main.jpg) left top repeat-x #FFF; padding-bottom:30px}
.maincont .content{width:1160px; height:auto; margin:0 auto}

.product{width:1160px; height:auto; margin:0 auto}
.product .head{width:1160px; height:80px; background:url(../images/line.jpg) center center no-repeat; display:block;text-align: center; margin-top:25px}
.product .head p{font-weight: bold; font-size:30px; color:#0651a4; line-height:40px; text-align:center; width:200px; margin:0 auto}
.product .head span{font-size:18px; color:#dddddd}


.cplist{ width:1160px; height:auto; margin:0 auto; text-align:center; }
.list{
	display:inline-block; margin:8px;
	text-decoration:none; 
	width:147px; 
	height:28px; 
	line-height:28px; border:1px solid #cfcfcf; text-align:center}
.list:hover{
	background:#c80000;  
	text-decoration:none; 
	color: #fff;

	
	}

.productdisplay{ width:1160px; height:auto; margin-top:20px}


.proimg_a{display:inlne; width:208px; padding:3px; border:#d0d0d0 solid 1px; height:280px;  margin:8px; overflow:hidden; text-align:center; line-height:30px; background:#fff; float:left;}
.proimg_a:hover{ display:inlne; width:208px; padding:3px; border:#bbbbbb solid 1px; height:280px;  margin:8px; overflow:hidden; text-align:center; line-height:30px; background:#f3f0ec; float:left;}





.subbanner{width:1160px; height:140px; margin:27px auto; } 


.about{width:414px; height:auto; float:left}
.about .head{width:413px; height:38px; background:url(../images/bg_main_dh.jpg) left top repeat-x; border-right:1px solid #d9d9d9}
.about .head p{ background:url(../images/about.jpg) left top no-repeat;width:136px; height:38px; float:left}
.about .head a,.about .head a:hover{ font-size:12px; color:#888888; line-height:38px; float:right; margin-right:10px}
.about .cont{width:381px; height: 200px; border:1px solid #d9d9d9; border-top:none; padding:15px}
.about .cont img{ width:187px; height:139px}
.about .cont a,.about .cont a:hover{ color:#ca0000; text-decoration:none}



.news{width:416px; height:auto; float:left; margin-left:15px}
.news .head{width:415px; height:38px; background:url(../images/bg_main_dh.jpg) left top repeat-x; border-right:1px solid #d9d9d9}
	.news .head p{ background:url(../images/xwdt.jpg) left top no-repeat;width:136px; height:38px; float:left}
.news .head a,.about .head a:hover{font-size:12px; color:#888888; line-height:38px; float:right; margin-right:10px}



.news .cont{width:384px; height:200px; border:1px solid #d9d9d9; border-top:none; padding:15px}
.news .cont div{ display:block; width:384px; line-height:32px; height:32px; border-bottom:1px dotted #cfcfcf; background:url(../images/icon.jpg) no-repeat 10px}
.news .cont div a{ float:left; width:284px; height:32px; display:block; line-height:32px;overflow:hidden; text-indent:25px;text-overflow:ellipsis;white-space:nowrap;}
.news .cont div span{ float:right; width:100px; height:32px; line-height:32px; display:block; overflow:hidden; font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; text-align:center}




.industry{width:300px; height:auto; float:left; margin-left:15px}


.industry .head{width:299px; height:38px; background:url(../images/bg_main_dh.jpg) left top repeat-x; border-right:1px solid #d9d9d9}
.industry .head p{ background:url(../images/gczs.jpg) left top no-repeat; width:136px; height:38px; float:left}
.industry .head a,.about .head a:hover{font-size:12px; color:#888888; line-height:38px; float:right; margin-right:10px}
.industry .cont{width:269px; height:200px; border:1px solid #d9d9d9; border-top:none; padding:15px}




.botframe{width:1158px; height:auto; margin:0 auto; border:1px solid #cfcfcf; margin-top:20px;}
.botframe .meaasge{ width:744px; height:auto; float: right}
.botframe .meaasge .content{width:659px; height: auto; margin:20px 42px;}
.botframe .contact{width:414px; height:auto; float: left;background:url(../images/dash.jpg) right center no-repeat}
.botframe .contact .content{width:348px; margin:30px auto}
.botframe .contact .content .head{ width:348px; height:30px; border-bottom:1px solid #003b8d}
.botframe .contact .content .head p{color:#003b8d; font-size:16px; display:inline; line-height:30px}
.botframe .contact .content .head span{ font-size:12px; color:#848484; line-height:30px; display:inline}
.botframe .contact .content .head a{width:60px; height:30px; float:right}
.botframe .contact .content .cont{width:348px; height:280px; background:url(../images/mob.jpg) center bottom no-repeat; padding-top:20px}
.botframe .contact .content .cont p{ font-size:14px; line-height:30px; color:#ff6600; font-weight:bold}
.botframe .contact .content .cont span{ font-size:14px; line-height:25px}

.bottom{ width:100%; background:#005492; height:298px; margin:0 auto}
.bottom .content{width:1160px; height: auto; margin:0 auto; padding-top:40px; position:relative}
.bottom .content .top{ position:absolute; left:555px; top:-20px; width:41px; height:41px}
.bottom .content .dh{ width:1100px; height:47px; margin:0 auto; background: url(../images/bot_dash.jpg) center bottom no-repeat #208cdb; text-align:center;line-height:32px; text-align:center; font-size:13px; color:#fff}
.bottom .content .dh a{ line-height:32px; text-align:center; font-size:13px; color:#fff}

.bottom .content .bottframe{ width:1160px; height:auto; margin:0 auto; margin-top:30px}
.bottom .content .bottframe .leftlogo{ width:215px; height:133px; float:left; background: url(../images/bot_logo.jpg) right top no-repeat}
.bottom .content .bottframe .rigtxt{ width:898px; height:auto; float:right; line-height:30px; color:#ffffff}
.bottom .content .bottframe .rigtxt a{line-height:30px; color:#ffffff}

.bottom .content .bottframe .rigtxt p{ font-size:22px; font-weight:bold; color:#dadada; line-height:45px}
.leftframe{width:250px; height: auto; float:left; background:url(../images/left.jpg) center top no-repeat}
.leftframe .head1{width:250px; height:65px;}
.leftframe .head1 p{font-size:19px; color:#FFF; font-weight:bold; line-height:45px; text-align:center}
.leftframe .content1{background:url(../images/left1.jpg) center top repeat-y; width:250px; height: auto}
.leftframe .content1 .onepro,.leftframe .content1 .onepro:hover{display:block; width: 214px; height:34px; line-height:34px; background:url(../images/list.jpg) left top no-repeat; margin:0 auto; text-indent:25px; color:#FFF; font-size:14px; font-weight:bold; padding-bottom:10px}

.leftframe .content1 .twopro,.leftframe .content1 .twopro:hover{display:block; width: 214px; height:30px; line-height:30px; margin:0 auto; text-indent:25px; color:#333; font-size:13px;border-bottom:1px dotted #cfcfcf}

.leftframe .bottom1{width:250px; height:83px; background:url(../images/left_bot.jpg) center top no-repeat}
.leftframe .bottom1 p{color:#FFF; font-size:14px; padding-left:20px; padding-top:20px}
.leftframe .bottom1 span{color:#FFF; font-size:24px; font-weight:bold; padding-left:20px}

.rightframe{width:888px; height:auto; float:right; border:1px solid #cecece; border-top:none}
.rightframe .head2{width:888px; height:38px; background:url(../images/bg_main_dh.jpg) left top repeat-x}
.rightframe .head2 p{height:38px; display:block;background:url(../images/a.jpg) left top repeat-x; padding-right:35px; padding-left:35px; border-left:1px solid #005492; border-right:1px solid #005492;font-size:15px; color:#FFF; font-weight:bold; text-shadow:#333; line-height:38px; float:left}
.rightframe .head2 .decri{float:right;font-size:12px; color:#848484; line-height:38px; }
.rightframe .content{width:858px; padding:15px; overflow: hidden}


.rightframe .head3{width:888px; height:38px; background:url(../images/bg_main_dh.jpg) left top repeat-x}
.rightframe .head3 p{height:38px; display:block;background:url(../images/a.jpg) left top repeat-x; padding-right:35px; padding-left:35px; border-left:1px solid #005492; border-right:1px solid #005492;font-size:15px; color:#FFF; font-weight:bold; text-shadow:#333; line-height:38px; float:left}
.rightframe .head3 .decri{float:right;font-size:12px; color:#848484; line-height:38px; }




.proimg{ display:inlne; width:188px; padding:2px; border:#CDCDCD solid 1px; height:250px;  margin:10px; overflow:hidden; text-align:center; line-height:30px; background:#fbfbfb; float:left; font-size:13px;}
.proimg:hover{ display:inlne; width:188px; padding:2px; border:#CDCDCD solid 1px; height:250px;  margin:10px; overflow:hidden; text-align:center; line-height:30px; background:#f3f3f3; float:left; font-size:13px}

.proshow .prtitle{ line-height:30px; text-align:center; font-size:22px; padding:15px 0}
.proshow .primgpic{ width:680px; height:auto; overflow-x:hidden; margin:0 auto; text-align:center}
.proshow .primgpic img{ max-width:680px; border:1px solid #ddd}
.proshow .prtent img{max-width:680px; margin-top:5px; margin-bottom:5px}
.proshow .prtent,.proshow .prtent p,.proshow .prtent span,.proshow .prtent li,.proshow .prtent div,.proshow .prtent td,.proshow .prtent th,.proshow .prtent dd{ font-size:14px}
.proshow .next{ padding:20px 0; color:#666}
.proshow .pos{ height:16px; line-height:16px; border-bottom:1px dashed #aaa; text-align:center; padding-bottom:8px; margin-bottom:15px; color:#999}


.newslist{ height:40px; width:858px; margin:0px auto}
.newslist ul li{ height:40px; width:858px; line-height:40px; border-bottom:1px dotted #aaa; background:url(../images/d4.gif) no-repeat 10px center; text-indent:26px; overflow:hidden;}
.newslist ul li:hover{ height:40px; width:858px; line-height:40px; border-bottom:1px dotted #aaa; background:url(../images/d4.gif) no-repeat 10px center; text-indent:26px; overflow:hidden}
.newslist ul li a{ height:40px; width:753px; display:block; overflow:hidden; line-height:40px}
.newslist ul li span{ height:40px; width:105px; display:block; overflow:hidden; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}

.proimg_b{ display:inlne; width:200px; padding:3px; border:#CDCDCD solid 1px; height:180px;  margin:15px 10px 5px 10px; overflow:hidden; text-align:center; line-height:30px; background:#f6f6f6; float:left; font-size:13px;}
.proimg_b:hover{ display:inlne; width:200px; padding:3px; border:#CDCDCD solid 1px; height:180px;  margin:15px 10px 5px 10px; overflow:hidden; text-align:center; line-height:30px; background:#f3f0ec; float:left; font-size:13px}






.a2{text-decoration:none; color:#888888; font-size:12px}
.a2:hover{text-decoration: none; color:#888888; font-size:12px}

.a3{text-decoration:none; color:#fff; font-size:14px}
.a3:hover{text-decoration: none; color:#fff100; font-size:14px}


.x1 { background:url(../images/x1.gif) repeat-x center;}

	

li{list-style:none;}

.conneir *{font-size:15px;line-height:35px}

.fon1{font-size:30px; color:#0651a4; font-weight:bold; line-height:30px}
.fon2{ font-size:20px; font-family:"Times New Roman", Times, serif; color:#a0a0a0; font-weight:bold}
.fon3{font-size:15px; color:#FFF; font-weight:bold; text-shadow:#000}
.fon4{font-size:16px; font-weight:bold; color:#003b8d}
.fon5{font-size:12px; color:#848484}
.fon6{font-size:28px; color:#ffffff; font-weight:bold; line-height:45px}


.bor1{border:1px solid #cecece; border-top:none}
.bor2{border:1px solid #c7c7c9}





.banner{ width: 100%; min-width: 1200px;}

.focus {
    width:100%;
    height:444px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    min-width:1300px;
}
.f-img-list {
    height: 444px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
}
.f-img-list li {
    height:444px;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
}
.f-img-list li a{
    display:block;
    width:100%;
    height:444px;
}
.f-img-list li.on {
    z-index: 105;
}
.focus .f-b {
    width: 980px;
    margin: auto;
    position: relative;
    z-index: 110;
}
.focus .f-b .f-content {
    position: absolute;
    width: 100%;
    height: 100%;
}
.d-img-list-bg, .d-img-list {
    position: absolute;
    left:100px;
    top: 0;
    width: 200px;
    height: 380px;
}
.d-img-list-bg {
    background: #000000;
    opacity: 0.2;
    filter: Alpha(Opacity = 20);
}
.d-img-list li {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 112;
    display: none;
    width: 200px;
    height: 380px;
}
.d-img-list li.on {
    z-index: 113;
    display: block;
}
.d-img-list li h3 {
    padding: 60px 10px 10px 10px;
    color: #37a4e4;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: normal;
}
.d-img-list li p {
    padding: 10px 10px 10px 10px;
    color: #ffffff;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: normal;
    line-height: 1.6;
}
.focus-btns {
    position: absolute;
    right: 140px;
    top: 280px;
}

.btn-focus.on {
    display: block;
}
.btn-focus-down {
    background-position: 0 0;
}
.btn-manage {
    background-position: 0 -50px;
}
.focus-page-btn {
    width: 69px;
    height: 128px;
   /* background: url('../img/focus-page-btns.png') no-repeat;*/
    position: absolute;
    top: 45%;
    z-index: 110;
}
.focus-btn-prev {
    background-position: 0 0;
    left: 5px;
}
.focus-btn-next {
    background-position: -66px 0;
    right: 5px;
}