@charset "utf-8";
/* CSS Document */
.content{ padding-bottom:10px;}
.product{ margin:0px auto;}
.product .hd{ position:relative; background:#f5f5f5;}
.product .hd ul{}
.product .hd ul li{ float:left; width:50%; padding:3% 0; text-align:center; cursor:pointer; font-size:16px;}
.product .hd ul li.on{ padding:2% 0; color:#eb5300; border-bottom:2px solid #eb5300;}
.product .bd{}
.product .bd ul{}
.product li{ float:left; width:46%; padding:2%; line-height:30px; text-align:center;}
.product li .pic{ border:1px solid #DDD; padding:2px;}
.product li .pic img{ width:100%;}


.youshi{ max-width:90%; margin:6px auto; position:relative; border-bottom:#a0a0a0 1px solid; height:45px;}
.youshi .youshi_box{ position:absolute; width:100%;}
.youshi .youshi_name{ color:#006abb; font-size:22px; border-bottom:#006abb 3px solid; line-height:44px; margin:0 24%; text-align:center;}
.youshi_shuoming{ width:96%; margin:0 auto; overflow:hidden; font-size:14px; color:#666; line-height:24px; text-align:center;}
.youshi_shuoming h1{ font-size:15px; color:#525252; margin:0 0 16px 0;}

.dyip{ background:#e9e9e9; text-align:center; padding:1%;}
.dyip img{ margin:1% 0; width:100%;}

.dyys{ background:#fff; text-align:center; padding:1%;}
.dyys img{ margin:1% 0; width:100%;}

.derp{ padding:2%;}
.derp h2{ line-height:40px; border-bottom:1px solid #DDD; font-size:16px; background:#006abb; color:#fff; text-indent:18px;}
.derp .pic{ padding:2% 0;}
.derp .pic img{ width:100%;}
.derp dl{}
.derp dt{ line-height:45px; font-size:22px; font-weight:bold; color:#eb5300; border-bottom:1px solid #DDD;}
.derp dd.txt{ line-height:25px; padding:2% 0; text-indent:2em;}


.dsanp{ margin:0px auto; background:#fff; padding:2%;}
.dsanp .hd{ position:relative; background:#006abb;}
.dsanp .hd ul{ margin:0 auto;}
.dsanp .hd ul li{ float:left; width:50%; line-height:42px; color:#FFF; text-align:center; cursor:pointer; font-size:16px;}
.dsanp .hd ul li.on{ background:#006abb; color:#FFF;}
.dsanp .bd{}
.dsanp .bd ul{ padding:2% 0;}
.dsanp .bd li{ line-height:34px; border-bottom:1px dashed #DDD;}
.dsanp .bd li span{ float:right; color:#999; font-size:12px;}



.subnav{ background:#FFF; padding:2% 2%;clear:both;}
.subnav ul{ overflow:hidden;}
.subnav li{ float:left; width:49%; height:36px; line-height:36px; text-align:center; padding:1.6% 0.5%;}
.subnav li a{ display:block; border:1px solid #ccc; color:#000; font-size:13px;}
.subnav li a:hover{ display:block; background:#f39500; color:#FFF;}
.subnav li a.hover{ background:#f39500; color:#FFF;}

.about{ width:100%; line-height:30px; background:#FFF;}
.about h2{ height:40px; line-height:40px; background:#006abb; color:#fff; font-size:16px; padding-left:2%; display:block; clear:both;}
.about p{ padding:2%; line-height:26px; font-size:13px;}
.about img{width:100%;}
.about_nr{padding:2%; line-height:26px; font-size:13px; background:#FFF;}
.about_nr img{width:100%;}
.about_nr h5{text-align:center; padding-top:5px;}


.case{ background:#FFF; margin:2% 0;}
.case ul{}
.case li{ float:left; text-align:center; width:46%; margin:2%;}
.case li img{ width:100%;border:1px solid #DDD;}
.case li p{ line-height:22px; padding:1% 0;}


.news{}
.news ul{ padding:1%;}
.news li{ line-height:36px; border-bottom:1px dashed #DDD; background:url(../images/i_ico.png) no-repeat 0 13px; padding-left:13px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.con{ padding:1% 2% 5px 2%;}
.con h2{ height:40px; line-height:40px; font-size:18px; font-weight:bold; border-bottom:1px solid #DDD;}
.con h3{ height:30px; line-height:30px; font-size:16px; padding:3% 0; font-weight:bold; border-bottom:1px solid #DDD; text-align:center;}

.con{  border-top:1px solid #ccc; margin-top:10px;}
.con ul{}
.con li{ float:left; width:50%; height:40px; line-height:40px; text-align:center;}
.con li a{ display:block; color:#222;}
.con li a:hover{ display:block; background:#EEE;}


.con{ background:#FFF; margin:0 auto; padding:1% 0;}
.con h3{ line-height:30px; border-bottom:1px solid #DDD; font-size:15px; text-align:center; padding:0 0 10px 0; color:#444;}
.con .zuozhe{ line-height:5rem; text-align:center; border-bottom:1px dashed #DDD;}
.con .zuozhe span{ padding:0 2%; border-right:1px solid #DDD;}
.con .box1{ line-height:24px; padding:1.5%;  border-bottom:1px solid #DDD;}
.con .box1 p{ padding-bottom:20px; text-align:left; line-height:25px;}
.con .box1 img{ width:100%;}

.RecruitList { }
.RecruitList td { line-height:35px; border-bottom:1px solid #CCC; font-size:12px; padding-left:10px; }
.RecruitList .Rtitle { background:#F5F5F5; color:#333; font-size:15px; padding-left:10px; height:40px; line-height:40px; }
.RecruitList .Rtitle span { text-align:right; font-size:12px; }


.content .pro{background:#FFF; margin:0;}
.content .pro h2{ height:35px; line-height:35px;background:#006abb; font-size:15px; color:#fff; text-indent:10px;}
.content .pro_nr{ line-height:26px; padding:2% 2%;}

.content .pro_nr td, .content .pro_nr th{ padding:2px 5px;}
.content .pro_nr table{ border-left:1px solid #999; border-top:1px solid #999;}
.content .pro_nr  td,.content .pro_nr  th{border-right:1px solid #999; border-bottom:1px solid #999;}

.content .cont_c{padding:10px 8px; line-height:25px; font-size:12px;}


/*feedback*/
.content_box{margin-top:5px;}
.content_box .messages_box{width:auto;padding:10px 1% 25px 1%;}
.content_box .messages_box ul{width:100%;} 
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #06C;border:none;}


.pages { clear:left; margin-top:6px; margin: 0 auto; text-align:center; line-height:35px; }
.pages a, .pages font, .pages i { border: 1px solid #DDD; color: #333;  padding: 5px 10px; text-decoration: none; font-size:12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; }
.pages b { border: 1px solid #196abb;padding: 5px 10px; text-decoration: none; background: #196abb; color:#FFF; font-size:12px; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.pages a:hover { border: 1px solid #196abb;  padding: 5px 10px; text-decoration: none; background: #196abb; color:#FFF; font-size:12px;}