@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}
img{ border:0}
a{ text-decoration:none}
ul{ list-style:none}
body{ font-size:12px; font-family:"微软雅黑";min-width: 1200px;}

/*banner*/

.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 4px; z-index: 1; width: 81px; background: url(../images/btnBg.png) no-repeat; margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 6px; height: 6px; background: url(../images/btn1.png) no-repeat; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background: url(../images/btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }


/*尾部*/
#footer{width:100%;background-color:#333;}
.footer1{ overflow:hidden;zoom:1;width:1200px; height:45px;margin:0 auto; color:#FFF; line-height:45px}
.footer1 .p{width:500px; float:left}
.footer1 .p a{color:#Fff;padding-left:10px;padding-right:10px}
.footer1 .xian{border-right:1px solid #fff}
.footer1 .p1{float:right} 
/*index*/
#box{position:relative}


#main{width:100%;height:93px;background-color:#fff;position:absolute;left:0;top:0;}
.nav{width:1200px; margin:0 auto;overflow:hidden;zoom:1}
.logo{width:63px;height:93px;float:left;padding-top:10px}
.nav ul{width:560px; float:right;height:93px; line-height:93px}
.nav ul li{ float:left;width:60px;padding-left:20px}
.nav ul li a{color:#000; font-size:14px;}
.nav ul li .select{color:#936D3C;}
.nav ul li a:hover{color:#936D3C}
#border{width:100%; margin:0 auto;height:130px; background-color:#2D2D2D; position:absolute;left:0;bottom:36px; opacity:0.9}
#border .foot{width:1200px; margin:0 auto;height:128px;overflow:hidden;zoom:1}
#border dl{ float:left; font-size:12px}
#border .one{height:130px;margin-top:34px;color:#CE9A5C;width:194px;margin-left:50px}
#border .one dt img{ vertical-align:middle;padding-bottom:15px}
#border .two{ position:relative;margin-top:22px;width:177px;height:105px;margin-left:12px}
#border .two dd{ position:absolute;bottom:0;left:0;background-color:#000;width:177px;height:24px; text-align:center; line-height:24px}
#border .two dd a{color:#FFF}
#border .three{margin-left:20px;width:348px; float:right; background-color:#131313; opacity:0.7; color:#FFF;margin-top:10px; position:relative}
#border .three dl{ overflow:hidden;zoom:1}
#border .three .dt{width:82px; float:left; height:73px;padding-top:35px;border-right:1px solid #3C3B3B; text-align:center; letter-spacing:1px}
#border .three .dt span{color:#686868}
#border .three .dd{width:233px; float:left;padding-left:30px;padding-top:10px}
#border .three .dd a{color:#fff}
#border .jia{ position:absolute;left:318px;bottom:0;}
#border .foot1{ overflow:hidden;zom:1;width:1200px; margin:0 auto;color:#FFF;padding-top:14px}
#border .foot1 .p{width:500px; float:left}
#border .foot1 .p a{color:#FFF;padding-left:10px;padding-right:10px}
#border .foot1 .xian{border-right:1px solid #fff}
#border .foot1 .p1{float:right} 

/*priductPage*/
.banner{}
.banner img{width:100%;padding-top:93px}
#color{width:100%;padding-top:65px;}
#color .middle{width:1200px; margin:0 auto; padding-bottom:30px;color:#999}
.middle h5 { font-size:14px;}
.middle h5 a{color:#999}
.s_middle{width:1200px;margin:0 auto;margin-top:13px}
.s_midlle1{width:1200px; margin:0 auto}
.first{width:337px; margin:0 auto;padding-bottom:55px}
.first dt{ font-size:16px;color:#666; font-weight:bold;padding-top:25px; text-align:center;padding-bottom:47px}
.next{width:1000px; margin:0 auto;padding-bottom:54px}
.next h4{ background:url(../images/s_4.jpg) no-repeat; color:#fff;height:33px; line-height:33px;padding-left:14px; letter-spacing:1px;padding-bottom:10px}
.next p{padding-left:15px; line-height:30px; font-size:14px;color:#666}
.next p img{ vertical-align:middle;padding-right:25px}

.photo p{width:70px; float:left;padding:5px 90px 0 15px; font-size:14px; color:#666}
.photo a{width:560px; float:left}
.photo1{width:960px;padding-left:207px;padding-top:40px; overflow:hidden;zoom:1;;padding-bottom:62px}
.photo1 p{width:70px; float:left;padding:25px 90px 0 15px; font-size:14px; color:#666}
.photo1 a{width:750px; float:left}
.page{padding-left:210px;padding-top:33px}
.page a{color:#666; font-size:12px}

/*product*/
#main1{width:1200px; margin:0 auto}
#main1 h4{color:#000; font-size:18px;padding-top:60px}
#main1 h4 span{color:#999; font-size:12px; float:right;}
#main1 h4 a{color:#999; font-size:12px;}
#card{padding-top:33px;padding-bottom:10px}
#card h1{ font-size:14px;background:#eee; height:50px;}
#card h1 span{ display:block; float:left; width:110px; line-height:50px; text-align:center; height:50px;color:#000; cursor:pointer;}
#card h1 .select{ color:#fff; background:#936D3C; border-bottom:none}
.card1{ overflow:hidden;zoom:1}
.card1 dl{padding-top:23px;padding-left:8px;float:left;width:230px;}
.card1 dt { border:#DFDFDF 1px solid;}
.card1 dd{width:228px; border:#DFDFDF 1px solid; background-color:#F6F6F6; text-align:center;height:30px; line-height:30px; font-size:12px;color:#666; border-top:none}
#main2 p{ font-size:14px;color:#666; line-height:28px}
#main2 p a{width:25px; height:22px; line-height:22px;color:#666; font-size:14px;display:inline-block;margin-left:7px;border:#D6D6D6 1px solid}
.card_cont{ padding:10px 0px; line-height:30px;}
.card_cont .padd img { padding-left:20px; margin-top:40px; margin-bottom:60px;}
/*network*/
#main1 h3{color:#000; font-size:18px;padding-top:60px}
#main1 h3 span{ float:right;color:#999; font-size:12px;}
#main1 h3 a{color:#999; font-size:12px;}
#main2 .img{padding:0 145px 160px 145px}

/*develop*/
#main3{padding-top:90px}
#main3 .dl,#main3 .dlt{ overflow:hidden;zoom:1;margin-left:73px}
#main3 .dl dt,#main3 .dlt dt{width:89px; float:left}
#main3 .dl dd{width:770px; float:left; font-size:14px;color:#666; line-height:30px;padding-left:30px;padding-top:20px}
#main3 .dlt dd{width:770px; float:left; font-size:14px;color:#666; line-height:30px;padding-left:30px}

/*service*/
.heart{padding-top:82px}
.heart dl{ overflow:hidden;zoom:1;border-bottom:1px dashed #ccc;padding-bottom:25px;margin:0 22px;padding-top:18px}
.heart dl dt{width:225px; float:left;}
.heart dl dd{width:700px; float:left;color:#666;padding-left:25px;font-size:14px;padding-top:14px}
.heart dl dd a{padding-left:405px;color:#666;}
.heart .current{color:#000; font-weight:bold}
.heart p{ text-align:center; font-size:14px;color:#666;padding-top:55px}
.heart p a{width:25px; height:22px; line-height:22px;color:#666; font-size:14px;display:inline-block;margin-left:7px}

/*company*/
#card .photo2 img{padding-top:90px}
#card .size{margin-top:40px; line-height:20px; text-indent:2em;padding-bottom:50px;color:#666;font-size:14px}
#card .padd a{padding-left:18px}

/*culture*/
#card .size1{margin-top:40px;color:#666;font-size:14px;line-height:23px;padding-bottom:85px}
#card h2{ font-size:14px; color:#333;padding-top:5px}

/*contact*/
.caddy{width:1055px;height:188px; border:1px solid #DCDCDC;margin-top:85px}
.caddy p {line-height:23px;padding-left:42px;}


/*page*/
#whole{width:100%}
#whole .float{margin:0 auto;padding-top:15px; text-align:right; width:1000px; margin:0 auto;color:#A3A3A3;}
#whole .float a{color:#A3A3A3; font-size:12px;}
#whole .size2{color:#333; font-size:18px; text-align:center; font-weight:bold;padding-top:30px}
#whole .size3{color:#999; font-size:13px; text-align:center;padding-top:23px; line-height:25px; border-bottom:1px dashed #ccc;padding-bottom:25px}
#whole .size4{width:1055px; margin:0 auto; text-indent:2em; line-height:25px;padding-top:55px;color:#333; font-size:14px}
#whole .photo4{padding:45px 0 0 15px}
.size5{width:1055px; margin:0 auto;padding-top:90px;padding-left:15px; line-height:30px;color:#666;}
.size5 a{color:#666; font-size:12px;}

/*recruitPeople*/
#card h6{width:1060px;color:#000; font-size:14px; font-weight:bold;border-top:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF; line-height:50px;margin-left:60px;margin-top:78px}
#card .size6{ font-size:14px; color:#666; line-height:30px;margin-left:65px;padding-top:25px}
#card .size6 span{ font-weight:bold}
#card .page1{ text-align:center; font-size:14px;color:#666;padding-top:50px;padding-bottom:60px}
#card .page1 a{width:25px; height:22px; line-height:22px;color:#666; font-size:14px;display:inline-block;margin-left:7px;border:#D6D6D6 1px solid}

#card .page2{ text-align:center; font-size:14px;color:#666;padding-top:50px;padding-bottom:60px}
#card .page2 a{height:22px; line-height:22px;color:#666; font-size:14px;display:inline-block;margin-left:7px;border:#D6D6D6 1px solid}

/*honor*/
#card .case{width:1200px;overflow:hidden;zoom:1; line-height:30px;}
#card .case .padd img { padding-left:10px;}
#card .case .rongyu {width:216px; float:left;padding:50px 0 0 24px}
#card .case span{color:#666; font-size:14px; text-align:center;width:216px; display:inline-block;padding-top:18px}
#card .case1{width:1055px;overflow:hidden;zoom:1;}

#card .case1 span{color:#666; font-size:14px; text-align:center;width:257px; display:inline-block;padding-top:18px}

/*new*/
#card .left{ overflow:hidden;ziim:1; background:url(../images/n_1.jpg) no-repeat;margin-top:65px}
#card .left dt{width:249px; float:left;padding:24px 0 24px 20px}
#card .left dd{width:740px; float:left;color:#fff; font-size:12px;padding-left:35px; line-height:20px}
#card .left .size7{color:#DBAC4F; font-size:22px;padding-top:35px;padding-bottom:15px; font-weight:bold}
#card .left dd a{color:#fff; font-size:12px;padding-left:30px}
#card .left1{ overflow:hidden;zoom:1;width:1055px;margin-top:50px; border-bottom:1px dashed #ccc;padding-bottom:25px;}
#card .left1 dt{width:71px; float:left;padding-left:7px;padding-top:5px}
#card .left1 .blank{color:#333; font-weight:bold;}
#card .left1 dd{width:930px;float:left; font-size:13px; color:#666; line-height:25px;padding-left:20px}
#card .left1 dd a{color:#000; font-size:12px;}
.ktime{ width:71px; height:71px;color:#FFF;}
.ktime .day{ height:50px; background:#96704C; text-align:center;  font-size:32px; line-height:50px;}
.ktime .mon{ background:#A3A3A3; text-align:center; line-height:20px; margin-top:1px;}

/*leave*/
form{width:600px;margin:95px 0 80px 240px}
label{width:100px;display:inline-block; font-size:14px;text-align: right;
padding-right:10px;margin-top: 10px; font-weight:bold;color:#000}
input{margin-bottom:20px;width:416px;height:37px}
textarea{width:450px;height:160px}
.sumbit{width:130px;height:45px; line-height:45px; border-radius:3px; background-color:#936D3C;color:#fff; border:0; font-size:14px; font-weight:bold; letter-spacing:2px;margin-left:250px;margin-top:50px}

.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;} 

#card3{ padding:30px 0; display:none;}
	
.support_outlets{position:relative; z-index:1; width:758px; height:605px; display:inline-block; background:url(../images/w_1.jpg) no-repeat; border:1px #dedede solid; margin-left:145px; margin-bottom:50px; margin-top:20px;}
.out_map{position:absolute; left:521px; top:197px; width:30px; height:15px; margin-left:10px; }
.out_map2{width:40px; left:498px; top:312px; height:15px; }
.out_map2 .map_box font{padding-top:0;}
.out_map2 .map_box .map_yin{bottom:15px;}
.out_map4{left:466px; top:247px;}
.out_map3{left:535px; top:530px;}
.out_map3 .map_box font{padding-top:0;}
.out_map3 .map_box .map_yin{bottom:15px;}
.map_box{display:inline-block; width:100%; position:relative; z-index:3;}
.map_box font{display:inline-block; width:100%; cursor:pointer; font:normal 14px/16px "Microsoft YaHei"; padding-top:9px; color:#F00;}
.map_box:hover font{color:#d90708; font-weight:bold;}
.map_yin{display:none; position:absolute; left:-205px; bottom:25px; width:310px; border-top:3px solid #d30304; padding-bottom:20px;}
.map_box .map_yin h2{float:left; display:inline-block; width:308px; height:32px; border:1px solid #b5b5b5; border-top:0; background:#f9f9f9;}
.map_box .map_yin h2 font{display:inline-block; width:auto; cursor:default; font:600 14px/32px "Microsoft YaHei"; color:#d90708; padding:0 0 0 14px;}
.map_yin p{float:left; display:inline-block; width:294px; padding:7px 0 0 14px; height:77px; font:normal 12px/25px "Microsoft YaHei"; color:#333; border:1px solid #b5b5b5; background-color:#fff;}
.map_yin p b{display:inline-block; font:600 12px/25px "Microsoft YaHei"; color:#333;}




/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto;}
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}

