﻿@charset "utf-8";

/* CSS Document */

body, html, div, img, label, p, h1, h2, h3, h4, h5,h6, ul, ol,li, dl, dt, dd, form, a, input, th, td, hover{margin: 0; padding: 0;}

html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#d5d5d7; -webkit-text-size-adjust:none;}

img{ border:0}

h1, h2, h3, h4, h5{font-size: 100%;font-weight:normal;}

a{ color:#666;text-decoration: none;list-style-type:none}

a:hover{text-decoration: underline;text-decoration: none; }/* CSS Document */

li{ list-style:none}

.shou{ margin-left:10px;}

.fl{ float:left}

.fr{ float:right}







.lunhuan { position:relative; width:100%; height:380px;}

.lunhuan #lunhuanback {

	POSITION: absolute; WIDTH: 100%; HEIGHT: 380px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px

}

.lunhuan #lunhuanback P {

	POSITION: absolute; FILTER: alpha(opacity=0); WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px; HEIGHT: 569px; TOP: 0px; LEFT: 0px; opacity: 0

}

.lunhuan .lunhuan_main {

	POSITION: relative; MARGIN: 0px auto; WIDTH: 1190px; HEIGHT: 380px

}

.suoyouliebiao {

	Z-INDEX: 200; BORDER-BOTTOM: #e6e6e6 1px solid; POSITION: absolute; BORDER-LEFT: #e6e6e6 1px solid; WIDTH: 239px; TOP: 0px; LEFT: 0px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2)

}

.lunhuancenter {

	POSITION: absolute; WIDTH: 200px; HEIGHT: 350px; TOP: 0px; LEFT: 520px

}

.lunhuancenter .centergif {

	Z-INDEX: 4; POSITION: absolute; WIDTH: 760px; DISPLAY: block; HEIGHT: 420px; TOP: 0px; LEFT: 0px

}

.lunhuancenter B {

	Z-INDEX: 3; POSITION: absolute; FILTER: alpha(opacity=0); WIDTH: 760px; DISPLAY: block; HEIGHT: 210px; TOP: -40px; LEFT: 0px; opacity: 0

}

#lunbonum {

	Z-INDEX: 5; POSITION: absolute; LINE-HEIGHT: 23px; HEIGHT: 14px; TOP: 350px; LEFT: 19px

}

#lunbonum LI {

	WIDTH: 14px; BACKGROUND: #b4b4b4; FLOAT: left; HEIGHT: 14px; CURSOR: pointer; MARGIN-RIGHT: 9px; border-radius: 14px

}

#lunbonum .lunboone {

	BACKGROUND: #1169ba; CURSOR: pointer

}



.content{ background:#efefef; width:100%; height:280px;}

.content .droduct{ width:1000px; margin:0 auto}

.droduct h2{ width:190px; height:33px; background:#1169ba; color:#FFF; font-size:14px; font-weight:bold; line-height:33px; text-align:center}

.droduct .one{ float:left; margin-left:9px; margin-top:15px;}

.droduct .one dl{ background:#FFF; width:190px; height:182px;}

.droduct .one dd{ text-align:center; margin-top:5px;}

.droduct .one dl .top{margin-top:11px;}

.droduct .one dl .top a{ display:block;background:url(../images/ww.jpg) no-repeat;width:80px; height:28px; margin-left:55px;}

.droduct .one dl .top a:hover{ background:url(../images/an.png) no-repeat;}

.droduct .one dt{text-align:center; padding-top:10px;}

.contact{ width:1000px; margin:0 auto;}

.contact .con_one{ margin-top:40px; overflow:hidden}

.con_one .left{ width:270px; height:280px;}

h3{color:#ff7d0e; font-size:15px; font-weight:bold; border-bottom:1px solid #CCC; height:28px;}

h3 .eng{ color:#999; font-size:12px; margin-left:14px;font-weight:normal;}

h3 .more{ float:right; font-weight:normal; font-size:12px;}

h3 .more a{ color:#999;}

.con_one .left p img{ margin-left:3px; margin-top:18px;}

.con_one .left p.text{ line-height:26px; margin-top:10px; text-indent:2em; color:#000}

.con_one .con{ width:395px; height:280px; margin-left:30px; }

.con_one .con .title{ color:#1158a1; font-size:14px; font-weight:bold; margin-top:15px; text-align:center}

.con_one .con .parag{ text-indent:2em; margin-top:10px; width:365px; line-height:25px; margin-left:20px; border-bottom:1px dashed #CCC; height:56px; color:#000}

.con_one .con .parag span a{ color:#ff7d0e}

.con ul { margin-top:10px;}

.con ul li{ line-height:29px; margin-left:17px;}

.con ul li span{ float:right}

.con ul li a{ color:#000}

.con ul li img{ margin-right:7px;}

.con_one .right{ width:270px; height:280px; }

.con_one .right .zhong{ margin-left:18px; margin-top:15px;}

.con_one .right .zuo{ margin-top:105px;}

.con_one .right .you{ margin-top:105px;}



.contact .case{ margin-top:70px;}

.contact .case dl{ float:left; margin-top:45px; margin-left:43px;}

.contact .case dt img{ border:1px solid #CCC; padding:2px 2px 2px 2px;}

.contact .case dd{ text-align:center; margin-top:5px;}





.contact .case .leftbtn{ background:url(../images/leftbtn.jpg) no-repeat 0 0px; width:20px; height:38px; display:block; cursor:pointer; float:left; margin:70px 10px 0 0px;}



.contact .case .rightbtn{ background:url(../images/rightbtn.jpg) no-repeat 0 0px; width:20px; height:38px; display:block; cursor:pointer; float:right; margin:70px 0 0 10px;}



.contact .case ul{ margin:10px 0 0 0px;}



.contact .case ul li{ float:left; width:228px; display:inline; margin:0 0 0 6px;}



.contact .case ul li img{ padding:6px; border:solid 1px #d9d9d9; display:block; width:200px; height:135px;}



.contact .case ul li p{ height:25px; line-height:25px; text-align:center; overflow:hidden}



.contact .case ul li p a{ color:#333}



.contact .case .anli_div { overflow:hidden; zoom:1;width:1000px;}



.contact .case .anli_div .pcont { width:936px; float:left;overflow:hidden;}



.contact .case .anli_div .ScrCont { width:32766px; zoom:1; margin-left:5px;}



.contact .case .anli_div #List1_1, .anli_div #List2_1 { float:left;}




.cons .lie h4{ height:29px; color:#fff; font-size:14px;}

.cons .lie ul{ margin-top:26px; float:left;}

.cons .lie ul li{ line-height:30px;width:188px;}

.cons .lie ul li img{ margin-right:5px;}

.cons .lie ul li a{color:#c3c3c3; font-size:12px;}

.cons .contact_us{ width:247px; margin-top:27px;}

.cons .contact_us h4{ color:#fff; font-size:14px;}

.cons .contact_us p img{ vertical-align:middle}

.cons .contact_us p{ color:#c3c3c3; line-height:30px; margin-top:10px;}

.copy{ background:#343434;height:40px; width:100%}

.copy p{ text-align:center; color:#fff; line-height:40px; }

/*关于我们*/ 

.middle{ width:1000px; margin:0 auto; overflow:hidden; margin-top:30px; padding-bottom:20px;}

.middle .lefts{ width:200px; height:auto;}

.middle .lefts h4{ color:#000000; font-size:20px; font-family:'Microsoft Yahei' }

.middle .lefts h4 span{ font-weight:normal; color:#5a5a5a; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:5px;}

.middle .lefts ul{ margin-top:20px;}

.middle .lefts li{ line-height:44px; border-bottom:1px solid #dfdfdf; }

.middle .lefts li a{ font-size:14px; padding-left:10px;width:190px; height:44px; display:block; line-height:44px;}

.middle .lefts li a:hover{ background:url(../images/lan.png); color:#fff; height:44px;}

.middle .lefts .dings a{ background:url(../images/lan.png); color:#fff; height:44px}



.middle .rights{ width:747px;}

.middle .lting{ background:url(../images/xiaoshi.jpg) no-repeat; width:402px; height:212px; margin-top:60px;}

.lting p{ color:#333; padding-top:80px; margin-left:19px; line-height:24px;}

.doubt{ margin-top:20px;}

h5{ color:#000; border-bottom:1px solid #057abf; width:75px; height:20px; float:left}

.heng{ float:left;border-bottom:1px solid #e2e2e2;width:672px; height:20px; }

.Intro{ width:710px; margin:0 auto; padding-top:20px; line-height:23px; clear:both;}

.Intro img{ margin-top:20px;}

.Intro p{ margin-top:10px; line-height:26px;}

.culture{ width:710px; margin:0 auto}

.culture img{ margin-top:20px;}

.culture  p{ margin-top:10px; line-height:28px; padding:10px;}

.culture  p span{ font-size:14px; font-weight:bold; color:#000}

.cate dd{ text-align:center; margin-top:5px;}

.cate dt{ text-align:center; margin-top:10px;}

.cate dl{ width:215px; height:255px; border:1px solid #CCC; float:left; margin-left:26px; margin-top:30px;}

/*产品中心*/

.product{ margin-top:20px;}

.product dl{width:215px; float:left; margin-left:25px; margin-top:20px;}

.product dt{ width:215px; height:170px; border:1px solid #CCC}

.product dt img{ margin-left:23px; margin-top:10px;}

.product dd{ text-align:center; margin-top:10px;}

.ye li{ float:left;margin-top:30px; border:1px solid #CCC; padding:2px 10px 2px 10px ; margin-left:3px;}

.ye{ margin:0 auto; width:220px;}

/*行业动态*/

.list{ width:710px; margin:0 auto; margin-top:20px;}

.back{ background:#f5f3eb; height:202px;}

.back img{ float:left; margin-top:5px; float:left}

.back h6{ width:418px; float:right; font-weight:normal; font-size:16px; color:#000; text-indent:2em; padding-top:25px;margin-right:10px; }

.back p{ width:413px; float:right; margin-top:13px; line-height:23px; margin-right:10px;} 

.list ul{ margin-top:20px;}

.list li{ line-height:40px; border-bottom:1px solid #e9e9e9}

.list li img{ vertical-align:middle; margin-right:5px;}

.list li span{ float:right;}

/*应用案例*/

.cases { margin-top:10px;}
.cases dl{ float:left; width:230px; margin-left:16px; margin-top:22px;}
.cases dd{ text-align:center; margin-top:5px;}

/*招聘*/

.tment{ width:700px; margin:0 auto; margin-top:30px; line-height:26px;}

.tment h6{ font-size:14px; color:#000; font-weight:bold}

.tment .release { width:569px;margin-top:20px; line-height:26px;}

.tment .release span{ float:right; }

.tment .bor{background:#b3b3b3; height:27px; margin-top:20px; color:#fff; line-height:27px; padding-left:15px; }

.tment .tions span{ font-size:14px;}

.tment .tions { line-height:28px; margin-left:10px; margin-top:10px;}

/*留言*/

.message{ width:580px; margin: 0 auto; margin-top:30px;}

.message input{ width:380px; height:33px; margin-top:13px; margin-left:5px;}

.message .subt{ width:91px; height:38px; background:url(../images/liuytan.jpg); border:0px; cursor:pointer;}

.message .shu{ margin-left:75px; margin-top:10px;}

.message .yan{ margin-left:73px; margin-top:10px;}

.message span a{ color:#5fa9e6;}

.message textarea{ width:380px; height:120px; margin-top:15px;}

.message .button{ margin-top:24px; margin-left:212px;}

/*联系*/

.map{ margin-top:60px; margin-left:50px;}

.map h6{ font-size:20px; font-weight:bold; color:#000}

.map p{ margin-top:10px; line-height:28px; font-size:14px; margin-left:5px;color:#000}

.map img{ margin-top:20px;}

/*内页*/

.detail{ width:710px; margin:0 auto; margin-top:50px;}

.detail h6{ color:#6f6f6f; font-size:20px; text-align:center}

.detail .biao{ margin:0 auto; margin-top:10px; border-bottom:1px dashed #CCC;border-top:1px dashed #CCC; width:352px; text-align:center; height:26px; padding-top:5px; }

.detail .contents { margin-top:20px;}

.detail p{ line-height:28px;}

.qian{ margin-top:30px; line-height:25px;}

.qian a:hover{text-decoration:underline;color:#06F}





.rollBox{width: 270px; height:280px;position:relative; }

.rollBox .Cont{width:187px;margin:0 auto;overflow:hidden; position:relative;height:100%;margin-top:20px;}

.rollBox .ScrCont{width:10000000px; position:absolute;}



.rollBox .Cont .pic{width:185px;float:left;}

.rollBox .Cont .pic img{display:block; border: 1px solid #CCC; height:229px; }

.rollBox #List1,.rollBox #List2{float:left;}



.img1,.img2{ position:absolute; top:105px; width:20px; height:34px; cursor:pointer;  z-index:1}

.img1{ left:10px;}

.img2{ right:10px;}

.bors{ width:745px; height:52px; background:#efefef; border:1px solid #ccc; margin-top:30px;}

.bors p{ line-height:52px; padding-left:20px; font-size:14px;}



/*产品内页*/

.duction{ width:710px; margin:0 auto; margin-top:30px;}

.duction h6{ text-align:center; color:#035494; font-size:18px; border-bottom:1px solid #CCC; height:38px;}

.duction .chanp{ width:292px; height:auto; margin:0 auto}
.duction .miaoshu  {background-color:#b3b3b3; padding-left:10px; line-height:26px;}
.duction .miaoshu span{ font-weight:bold; font-size:14px; color:#FFF; }

.duction .contents {margin:10px;}
.duction  .contents p{ line-height:26px;}





.metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;}

.metpager_4 a:hover { border:1px solid #009; color:#000;}

.metpager_4 a:active {border:1px solid #009; color:#000;}

.metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;}

.metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;}



.metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#0061de; }

.metpager_5 a:hover { border:1px solid #2b55af; color:#fff; background-color:#3666d4;}

.metpager_5 a:active {border:1px solid #009; color:#000;}

.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#000; text-decoration:none;}

.metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#ddd;}



.metpager_6{ color:#ff6500; }

.metpager_6 a,.metpager_6 span.miy{ border:1px solid  #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);}

.metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}

.metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}

.metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;}

.metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;}



.metpager_7 a,.metpager_7 span.miy{ border:1px solid  #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;}

.metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;}

.metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;}

.metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;}

.metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}



.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}

.metpager_8 a:hover { border:1px solid #a0a0a0; }

.metpager_8 a:hover { border:1px solid #a0a0a0; }

.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}

.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}



.metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } 

.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 

.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 

.metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} 

.metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} 





