
@charset "utf-8";body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,textarea,tbody,tfoot,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;outline:0;background:transparent;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}body,button,input,select,textarea{font:12px/1.5 arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol,li{list-style:none;}img{border:none;}a{text-decoration:none;outline:thin none;}a:hover{text-decoration:underline;}.clear{clear:both;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
*{ font-family: "Microsoft YaHei", "SimHei", sans-serif;}
body{background:#fff;}
/*侧边栏菜单*/

.leftbox {width:200px;height:100%;background:#07326a;z-index:99;position:fixed;left:0;opacity:0.9;color:#fff;font-weight:bold;}
.leftbox em {text-align:left;float:left;width:200px;font-size:12px;font-family:"Arial","SimHei",sans-serif;}
.leftbox p {text-align:left;float:left;width:200px;padding-top:10px;font-size:16px;font-family:"Arial","SimHei",sans-serif;}
.left_Position {width:200px;height:85%;position:absolute;left:0%;}
.indexword {width:170px;height:55px;padding-left:30px;position:absolute;left:0;top:275px;}
.indexword:hover {background:#90c31f;cursor:pointer;}
.leftbox ul {width:200px;height:420px;position:absolute;left:0;top:55px;}
.leftbox ul li {width:170px;height:55px;float:left;padding-left:30px;cursor:pointer;position:relative;}
.leftbox ul li:hover {background:#90c31f;}
.leftbox ul li.on {background:#90c31f;}
.codesign {width:100px;height:145px;position:absolute;left:30px;top:350px;}
.codesign em {float:left;width:100px;text-align:center; margin-top: 5px;}


.mousewheel_box{width:100%; overflow:hidden; background:#000; position:relative;z-index: 50;}
.mouseul{position:absolute; top:0; left:0; list-style:none; width:100%; overflow:hidden; padding:0; margin:0;z-index: 30;}
.mouseul li{width:100%; position:relative; overflow:hidden;}
.mouseul li img.page_bg{position:absolute; top:0; left:50%;}
.mouseul li.fullscreen{float:left;}

/*公司介绍*/
.logo{position: absolute;top: 8%;left: 250px;z-index: 51;}
.page01{position: absolute; left: 22%;top: 20%;width: 1020px;height: 420px; color: #666;}

/*.p1_title,.p1_cont{float: left;width: 100%;}*/

.p1_title{position:absolute;right: 0%;top: 15%; width: 20%;height: 15%;color: #fff;}
.p2_title{position:absolute;right: 0%;top: 20%; width: 20%;height: 15%;color: #fff;}
.p3_title{position:absolute;right: 0%;top: 20%; width: 20%;height: 15%;color: #fff;}
.p4_title{position:absolute;right: 0%;top: 20%; width: 20%;height: 15%;color: #fff;}
.p6_title{position:absolute;right: 0%;top: 15%; width: 20%;height: 15%;color: #fff;}
.p1_cont{position:absolute;top:10%;left:0; width: 100%;background: #fff; opacity: 0.8;filter: alpha(opacity = 80); padding: 2% 0;}
.p1_title p{width: 96%;text-align: right;font-size: 14px;}
.p1_cont dl{padding-left: 3%; line-height: 20px; padding-right: 2%; }
/*.p1_cont dl dt{float: left;width: 37%;margin-top: 1%;}*/
.p1_cont dl dd{float: left;width: 100%; margin-bottom:10px; text-indent: 2em;font-size: 13px;}
.p1_cont dl dd.p1_last{width: 98%;text-indent: 0;}

.page06 {position:absolute;left:20%;top:33%;width:70%;height:380px;color:#fff;}
.page06 table {width:100%;min-width:850px;max-width:1090px;}
.p6_cont {float:left;width:100%;height:100%;position:relative;}
.p6_cont .tel_con {position:absolute;width:850px;height:260px;background:#fff;left:10%;font-size:14px;opacity:0.9;filter:alpha(opacity=90);}
.p6_cont .tel_con img { margin-top:10px; margin-right: 10px; float: right;}
.p6_cont .tel_con p.title { background: url("img/area.png") no-repeat 10px 7px; line-height: 40px; padding-left:40px; font-weight: 600; color: #000;}
.p6_cont .tel_con p { line-height: 30px; color: #666; padding-left: 20px;}
.p6_cont .tel_con p.bottom  { margin-bottom: 5px;}

.page04{position: absolute; left: 18%;top: 14%;width: 1000px;height: 460px; color: #fff;}
.p4_cont {float:left;width:100%;height:100%;position:relative;}
.p4_cont .job_con {position:absolute;width:760px;height:160px;background:#fff;left:10%;font-size:14px;opacity:0.8;filter:alpha(opacity=80);  padding: 20px;}
.p4_cont .job_con a { background: url("img/job.png") no-repeat 10px 7px #ffb400; line-height: 40px; padding: 0 10px 0 40px; display: inline-block; border-radius: 20px;  font-weight: 600; border: 1px solid #df9f04; color: #000; margin-bottom: 15px; margin-right: 2%}
.p4_cont .job_con p { line-height: 20px; color: #666; padding-left: 20px;}
.p4_cont .work_con { float: left; padding: 20px; width:400px; border-radius: 15px; background: #fff; box-shadow: 0px 3px 5px rgba(0,0,0,0.1); color: #000; margin-right: 40px; display: inline}
.p4_cont .work_con h3 { font-size: 16px;}
.p4_cont .work_con h3 a { color: #ba3e3e}
.p4_cont .work_con p  { line-height: 25px; color: #666;}
.p4_cont .work_con p.title { font-weight: 600; color: #000;}
.p4_cont .work_con p a.send { display: block; width: 100px; padding: 5px; background:#ba3e3e; color: #fff; font-size: 16px; text-align: center; margin:10px auto 0; border-radius: 20px; }


.case_card_note{ background:url(img/note_main_shadow.png) center bottom no-repeat #fff; padding-bottom:23px; width: 280px; float: left; margin-right: 20px; margin-bottom: 35px; display: inline;}
.case_note_main{ border:#cdcdcd 1px solid; padding:10px; position:relative;}
.case_note_main h3{ text-align:left; font-weight:normal; color:#666; font-size:14px; line-height:22px; /*position:absolute; top:-40px;*/ margin-bottom:10px; border-bottom:#cdcdcd 1px dotted;}
.case_color_blue{ color:#ba3e3e;}
.note_main_top{ background:url(img/note_main_topbg.png); width:73px; height:17px; position:absolute; top:-17px; left:105px;}

.case_note_title{ border-bottom:#cdcdcd 1px dotted;}
.note_text{ float:left; width:208px; margin-left:10px;}
.note_text p{ line-height:20px; color: #000;}
.note_text_titlt{ color:#aaa;}
.note_img{ float:left}
.case_note_data{ margin-top:4px;}
.note_data_unit{ float:left; color: #000; text-align:center; width:115px; margin:0px 5px;}
.note_data_unit h4{ font-size:18px;}
.case_note_company,
.case_note_address{ width:68px; *width:64px; display:inline-block}

.pad_l_5 {
    padding-left:5px;
}
.pad_r_5 {
    padding-right:5px;
}

.page02{ position: absolute;

    left: 22%;

    top: 26%;

    width: 1000px;

    height: 370px;

    color: #666;}


.p2_cont{position:absolute; right: 0; width: 850px; background: #fff;opacity: 0.8;filter: alpha(opacity = 80); padding-top:4%; padding-bottom: 4%;}
.p2_cont dl{ height: 90%; width: 90%; margin: 0 auto; overflow: hidden; }
/*.p2_cont dl dt{float: right;width: 30%;}*/
.p2_cont dl dd{ border-bottom: 1px dashed #ccc;  float: left; line-height: 30px;  font-size: 14px; padding-left:2%; width: 90%; padding-bottom: 5px; margin-bottom: 10px;   }
.p2_cont dl dd .title { margin-right: 5px; font-size: 16px; font-weight: 600; color: #be0055;}
.page09{

    position: absolute;

    left: 23%;

    top: 20%;

    width: 900px;

    height: 500px;

}

.page09 p{position: absolute;cursor:pointer;}

.page09 .ps9{left: 1.3%;top: 10%; width:26%;  }

.ps9 img{ width:100%;}

.page09 .ps10{left: 28%;top: 8%; width:19%; }

.ps10 img{ width:100%;}

.page09 .ps11{left: 48%;top: 0%; width:19%; }

.ps11 img{ width:100%;}

.page09 .ps12{left: 68%;top: 9%; width:27%; }

.ps12 img{ width:100%;}

.page09 .ps13{left: 7.3%;top: 46%; width:19%; }

.ps13 img{ width:100%;}

.page09 .ps14{left: 28%;top: 38%; width:19%; }

.ps14 img{ width:100%;}

.page09 .ps15{left: 48%;top: 46%; width:19%; }

.ps15 img{ width:100%;}

.page09 .ps16{left: 68%;top: 47%; width:33%; }

.ps16 img{ width:100%;}



.page09 dl{width: 0%;height: 100%;position: absolute; z-index:9999;}

.page09 dd{position: absolute;    width: 100%;}

.page09 dd img{

	width: 63%;

	/*height: 100%;*/

	padding: 5% 0 0 19%;}

.page09 dd.closephoto{    right: 17%;  top: 0%;  width: 4.3%;  height: 7%;z-index: 1;  background: url(img/video_close.png) 0 0;}

.page09 dd.closephoto:hover{background: url(img/video_close.png) 0 -42px;}

.th-header {color:#fff;font-size:18px;text-align:center;}
.th-header th {background-color:#90c31f;opacity:0.8;filter:alpha(opacity=80);}
.th-cont {color:#fff;font-size:16px;text-align:center;font-weight:bold;}
.th-cont td {background-color:#d2257d;opacity:0.8;filter:alpha(opacity=80);}

