@charset "utf-8";
/* CSS Document */

/*CSS RESET*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "微软雅黑","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%; letter-spacing:1px;}
a{color:#2d374b; text-decoration:none;}
a:hover{color:#cd0200;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.clear{ clear:both;}


header{width:100%; clear:both; text-align:center;}
header img{ width:100%;}

#banner{ width:100%;   margin:0 auto; position:relative;}
.banner_inner{ width:100%;}
#banner .banner_inner ul { height:100%; width:100%; position:relative;}
#banner .banner_inner ul li{ width:100%; height:100%; position:absolute; z-index:2; top:0; left:0; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;  }
.hide{opacity: 0;filter: alpha(opacity=0);}
.show{opacity: 1;filter: alpha(opacity=100);}
.item img{ width:100%;}

.ban_nav{ width:100px; position:absolute; left:40%; top:92%; z-index:9999;}
.ban_nav ul li{ width:10px; height:10px; float:left; margin-left:5px; border-radius:50%; background:#000;}
.ban_nav ul .active{ background:red;}
.ban_icon{ width:100%; height:50px; position:absolute; top:40%; left:0; z-index:10;}
.le_ri{ position:absolute; top:0; font-size:30px; color:#fff; line-height:50px; opacity: 0.25;filter: alpha(opacity=25); cursor:pointer;}
#next{ right:0;}
#prev{ left:0;}

.le_ri:hover{opacity: 1;filter: alpha(opacity=100);}


/*---------------尾部---------------------*/
.foot_height{height:65px; clear:both;}
.bottom-fixed a { color:#888888; text-decoration:none;list-style-type:none; display:block; width:100%; height:100%;}
.bottom-fixed a:hover { color:#888888; text-decoration:none;}
.bottom-fixed { background:#004099; bottom: 0;position: fixed; width: 100%; z-index: 99999999;line-height:57px;color:#fff; height:60px; filter:alpha(opacity=90); /*IE滤镜，透明度*/
-moz-opacity:0.9; /*Firefox私有，透明度*/
opacity:0.9;/*其他，透明度*/}
.bottom-fixed li{ width: 24.7%; display:block; height: 60px; float:left; }
.bottom-fixed a{font-size:1.1em; line-height:55px; color:#f1e3b8; font-family:"微软雅黑";}
.home{background: url("../images/home.png") no-repeat scroll 50% 10% transparent;  height: 100%; text-align:center; padding-top:20px;}
.tel {background: url("../images/tel.png") no-repeat scroll 50% 10% transparent;  height: 100%; text-align:center;padding-top:20px;}
.sms {background: url("../images/msg.png") no-repeat scroll 50% 10% transparent;  height: 100%; text-align:center;padding-top:20px;}
.ditu {background: url("../images/map.png") no-repeat scroll 50% 10% transparent; height: 100%;text-align:center;padding-top:20px;}
.bottom-fixed li a:hover {color: #da1d2a;}
.bottom-fixed li a:link {text-decoration: none; color:#fff;}
.bottom-fixed li a:visited {color:#fff;}


/*首页头部*/
.itop{ width:100%; background:#004099; position:fixed; top:0; left:0; padding:21px 0; z-index:9999;}
.itop p{ font-size:1.3em; color:#fff; padding-left:5%; font-family:"微软雅黑"; letter-spacing:2px;}
.itop p.enp{ font-size:1.1em; padding-left:5px; letter-spacing:0;}
.ilang{ position:absolute; right:10px; top:21px;}
.ilang a{ padding:3px 8px; display:block; float:right; color:#fff; border:1px solid #38a539; font-size:0.8em;}
.ilang a.h-on{ background:#38a539;}

/*首页分类*/
.iclass{ position:fixed; left:3%; top:15%; width:95%}
.iclass li{ background:#4bad4c; border-radius:7px; font-size:1em; font-family:"微软雅黑"; float:left; margin:0 1% 8px; width:31%; text-align:center; padding:3px 0;}
.iclass li a{ display:block; padding:5px 15px;border-radius:8px;color:#fff;}


/*内页头部*/
/*-----------------弹出菜单----------------------*/
.bar_nav {
position: absolute;
left: 100%;
top: 0px;
width: 100%;
height: 100%;
transition: left 0.6s ease;
-webkit-transition: left 0.6s ease;
z-index: 9999999;
background: #004099;
}

.bar_nav li {
font-size: 18px;
color: #fff;
padding-left: 10px;
line-height: 45px;
position: relative;
background: -webkit-linear-gradient(top,#532d18,#4d2a16);}

.bar_wrapper{overflow: hidden; position:relative; width:100%; max-width:640px; margin:0 auto;}
.bar_nav a:link {text-decoration: none; color:#fff;}
.bar_nav a:visited {color:#fff;}
.top_bar {background-image:-webkit-linear-gradient(top,#2b3c4a,#232629); background-image:-ms-linear-gradient(top,#2b3c4a,#232629); background-color:#000;}
.top_bar li {display:inline-block; width:25%; height:40px; text-align: center;}
.top_bar li img {vertical-align: middle; height:15px;}

.mefloat{ position:fixed; top:60px; right:0px;}

.bar_nav li span {font-size:14px; }
.bar_nav ul >li img {vertical-align:middle;}
.bar_nav li {font-size:1.2em; color:#fff; padding-left:10px; line-height:45px; position:relative;background: -webkit-linear-gradient(top,#045bd3,#004099);}
.bar_nav li s {display:block; width:28px; height:28px; position:absolute; left:65%; top:8px; background:url(/Public/images/mobile/bar/a_bg.png) no-repeat;}
.bar_left {position:relative; left:0%; transition:left 0.6s ease; -webkit-transition:left 0.6s ease; }
/*----------function key---------*/
.function{ position: fixed;width: 100%;left: 0;top: 0;z-index: 100;background: #004099;}
.function li{ width:25%; text-align:center; float:left; height:35px;}

/*--- 分页 ---*/
.page_num { width:100%; height:45px;  text-align:center; clear:both; padding:20px 0 10px 0;}
.page_num strong { padding:5px 8px; background-color:#004099; color:#fff; margin:0 3px;border: 1px solid #004099;}
.page_num a { padding:5px 8px;   margin:0 3px;background: #FFF; border: 1px solid #004099;}
.page_num a:hover { background-color:#290a00; color:#fff; }
#tz{font-size:16px;width:50px;height:25px;}


/*单图文页面*/
.xiangxi2{ margin-top:25px; font-family:"微软雅黑";padding:10px; }
.xiangxi{padding:0 10px;font-family:"微软雅黑";}
#pro_name{  margin:20px 0; text-align:center; }
#pro_name p{ text-align:center; font-size:1.2em; padding:5px 20px; margin:0 auto; display:inline-block; background:#38a539; color:#fff; border-radius:15px;}
.pubtime{ color:#909090; font-size:12px; line-height:25px; padding-left:1%;}
.n_content{ font-size:1.1em; color:#290a00; line-height:28px;}
.n_content img{ max-width:100%;}
.xiangxi_shop{width:100%; height:100%; margin-top:35px;}
.shopg{ width:100%; position:absolute; left:0; top:0; z-index:-1;}
.xiangxi_atten{width:100%; height:100%; margin-top:20px;}
#shuoming{ padding-bottom:5px;}
.concen{ line-height:22px; font-size:1em;}

/*产品列表页*/
.sort{ clear:both;/* margin: 0px 0px 20px 0; */ width:90%; margin:55px auto 0;}
.sort li{ float:left; width: 31%; margin: 0 0.5% 0 0.5%; background:#38a539; border-radius:10px; line-height:200%; text-align:center;    margin-bottom: 5px; opacity:0.8;}
.sort li h1{ font-weight:normal; font-size:16px;}
.sort li a{ color:#fff;}
.sort li a:visited {color:#fff;}

.sort:before{ content:""; display:table;}
.sort:after{ content:""; display:table; clear:both;}
#waterfall{ text-align:center; width:100%; margin:0 auto;}
#waterfall img{ height:108px;}
#waterfall .cell{ width:46%; float:left;background:#ffffff; margin:0 2% 15px;}
#waterfall .cell a.cella{ display:block; width:100%; height:110px;}
#waterfall .cell p{ padding:10px 0; color:#3b3b3b; font-size:1.2em;}
#waterfall .cell p a{ color:#3b3b3b;}


/*产品详细页*/
.cpcontent img{ max-width:100%;}
.cpcontent,.cpline{ width:95%; margin:0 auto; }
.cpline img{ width:100%;}
.cpimg{ text-align:center;}
.colorred{ clear:both; color:#404040; font-size:14px; font-weight:normal;padding: 10px 0 0 10px; color:#F00;}
.cpline table{ width:100%; margin-top:20px;}
.cpline table td{/* width:50%;*/border-right:1px solid #290a00; border-bottom:1px solid #290a00; text-indent:5px;}
.cpline table { border-top:1px solid #290a00; border-left:1px solid #290a00;}
#proctr1{ height:30px; line-height:30px;}
#proctr2{ line-height:25px;}
.cppname{ text-align:center; font-size:1.2em; padding:10px 0; color:#004099;}

/*新闻列表页*/
#web_news2{ clear:both;}
#web_news2 li{width: 98%; text-align:left; display: block; position: relative; height: 70%; overflow: hidden; padding-bottom: 10px;margin: 20px auto; border-bottom: 1px solid #c0e1f6; background: url(../images/m/arrow.png) no-repeat right;}
.pro_other2{ color:#b0b0b0; font-size:10px;}
#web_news2 li a{ color:#5ab7e3; font-size:1.1em; font-weight:bold;}
#web_news2 li a.pro_other2{ color:#b0b0b0; font-size:14px; font-weight:normal;}
#web_news2 li a:link {text-decoration: none; color:#5ab7e3;}
#web_news2 li a:visited {color:#5ab7e3;}
#web_news2 li a:hover {color: #5ab7e3;}

#pro_name2{font-size:1.4em; color:#5ab7e3; text-align:center;}
.pubtime{ color:#909090; font-size:12px; line-height:25px; padding-top:10px; display:block;}
.n_content{ padding:10px 0;}
.return{width: 100%;
  margin: 0 auto;
  border: #eeeeee 1px solid; 
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
  background-image: -webkit-linear-gradient(#ffffff, #f9f9f9);
  background-image: -moz-linear-gradient(#ffffff, #f9f9f9);
  background-image: -ms-linear-gradient(#ffffff, #f9f9f9);
  background-image: -o-linear-gradient(#ffffff, #f9f9f9);
  background-image: linear-gradient(#ffffff, #f9f9f9);
  opacity: 0.95;
  text-align: center;
  line-height: 40px;}


/*---------表单---------*/
.subform{ font-size:12px;}
.messageform{ padding:10px 0 20px 10px;}
#field_1,#field_2,#field_4,#field_6,#field_24,#field_26,.input_job{ width:200px; height:18px; border:#CCC 1px solid; font-size:12px;color: #999999;}
#field_5{-webkit-appearance: none; color: #999999;width:214px; height:25px; border:#CCC 1px solid; font-size:12px;}
#qaneirong{width:208px; height:150px; border:#CCC 1px solid; font-size:12px;color: #999999; margin-top:3px;}
.cpcontent img{ width:100%;}
.cpcontent,.cpline{ width:95%; margin:0 auto;}
.cpline img{ width:100%;}
.cpimg{ text-align:center;}
.colorred{ clear:both; color:#404040; font-size:14px; font-weight:normal;padding: 10px 0 0 10px; color:#F00;}
.submit{background-color:#004099;padding:10px 20px;font-size:16px;text-decoration:none;border:1px solid #004099;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;color:#fff;display:block;text-align:center;text-shadow:0 1px rgba(0,0,0,.2);width:100%;margin-top:20px;-webkit-appearance: none;font-family:"微软雅黑";}
.submit:active{padding-bottom:9px;padding-left:20px;padding-right:20px;padding-top:11px;top:0;background-image:linear-gradient(bottom,#498b07 0,#498b07 100%);background-image:-o-linear-gradient(bottom,#498b07 0,#498b07 100%);background-image:-moz-linear-gradient(bottom,#498b07 0,#498b07 100%);background-image:-webkit-linear-gradient(bottom,#498b07 0,#498b07 100%);background-image:-ms-linear-gradient(bottom,#498b07 0,#498b07 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#498b07),color-stop(1,#498b07));-webkit-box-shadow:0 1px 0 #498b07 inset,0 1px 2px rgba(0,0,0,.5);-moz-box-shadow:0 1px 0 #498b07 inset,0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 0 #498b07 inset,0 1px 2px rgba(0,0,0,.5)}

.content{clear:both; width:100%;}
.padding15{ padding-top:15px;}

ul.round{ border:1px solid #C6C6C6;background-color:rgba(255,255,255,.9);text-align:left;font-size:14px;line-height:24px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 1px 1px #f6f6f6;-webkit-box-shadow:0 1px 1px #f6f6f6;box-shadow:0 1px 1px #f6f6f6;margin-bottom:11px;display:block;width:98%;margin:25px auto 15px auto;position:relative}
ul.round1{color:#666;text-shadow:0 1px #FFF;line-height:30px;background-color:#E1E1E1;background-image:linear-gradient(bottom,#E7E7E7 0,#f9f9f9 100%);background-image:-o-linear-gradient(bottom,#E7E7E7 0,#f9f9f9 100%);background-image:-moz-linear-gradient(bottom,#E7E7E7 0,#f9f9f9 100%);background-image:-webkit-linear-gradient(bottom,#E7E7E7 0,#f9f9f9 100%);background-image:-ms-linear-gradient(bottom,#E7E7E7 0,#f9f9f9 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#E7E7E7),color-stop(1,#f9f9f9));-webkit-box-shadow:0 1px 0 #FFF inset,0 1px 0 #EEE;-moz-box-shadow:0 1px 0 #FFF inset,0 1px 0 #EEE;box-shadow:0 1px 0 #FFF inset,0 1px 0 #EEE;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;padding-left:5px}
ul.round li{border:solid #C6C6C6;border-width:0 0 1px 0;padding:0 10px 0 10px}
ul.round li:only-of-type{border-width:0}
ul.round li:last-of-type{border-width:0}
.round li,.round li a,.round li span{line-height:22px}
.round li span{display:block;background:url(../images/m/arrow3.png) no-repeat right 50%;-webkit-background-size:8.5px 13px;background-size:8.5px 13px;padding:10px 20px 9px 0;position:relative;font-size:14px;min-height:22px;left:0}.round li span.none{background:none repeat scroll 0 0 transparent}
.round li span.noneorder{background:none repeat scroll 0 0 transparent;padding:10px 5px 9px 0}.round li span.none em{right:0}.mb{margin-bottom:4px}
.round li.nob{border-width:0}
.round li.dandanb{border-color:#EBEBEB}
.round li.nob .px{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-color:#FFF;border:1px solid #E8E8E8;margin:5px 0 4px;padding:5px 10px}
.round li.nob .dropdown-select{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-color:#FFF;border:1px solid #E8E8E8;margin:5px 0 4px;padding:5px 10px}
.round li.nob .pxtextarea{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-color:#FFF;border:1px solid #E8E8E8;margin:5px 0 5px;padding:5px 10px;-webkit-box-sizing:border-box}
ul.round li.nob:last-of-type{margin-bottom:8px}
.round li.tel{background:url(../images/m/tel.png) no-repeat scroll 11px 13px transparent;background-size:15px 15px;line-height:22px;padding-left:34px}
.round li span img{border:0 none;width:50px;height:50px;float:left;margin:0 10px 0 0}
.round li .text{padding:10px 0 10px}
.round li .btop{background-color:#F5F5F5;margin-bottom:10px;padding:10px}
.round li .text p{line-height:20px;font-size:14px;color:#666}
.round li img{max-width:100%;border:0}
.round li span em{display:block;-webkit-border-radius:20px;border-radius:20px;color:#FFF;font-size:12px;line-height:12px;margin-top:-10px;padding:4px 8px;position:absolute;right:20px;top:50%;text-shadow:0 0 #FFF;font-style:normal}
.round li.title{background-color:#E1E1E1;background-image:linear-gradient(bottom,#E7E7E7 0,#f9f9f9 100%);background-image:-o-linear-gradient(bottom,#E7E7E7 0,#f9f9f9 100%);background-image:-moz-linear-gradient(bottom,#E7E7E7 0,#f9f9f9 100%);background-image:-webkit-linear-gradient(bottom,#E7E7E7 0,#f9f9f9 100%);background-image:-ms-linear-gradient(bottom,#E7E7E7 0,#f9f9f9 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#E7E7E7),color-stop(1,#f9f9f9));-webkit-box-shadow:0 1px 0 #FFF inset,0 1px 0 #EEE;-moz-box-shadow:0 1px 0 #FFF inset,0 1px 0 #EEE;box-shadow:0 1px 0 #FFF inset,0 1px 0 #EEE;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}

/*------人才招聘----------*/
.job_tab{ width:98%; margin:0 auto;}
.v{float:right;width:14px;height:14px;overflow:hidden;background:url(images/vicon.png) no-repeat;display:inline-block;margin-top:-5px;margin-bottom:-5px;}
.v01{ width:100%; height:40px; background:#eaeaea;}
.v02{ width:100%; height:40px; background:#004099;color:#ffffff;}
.vtitle{height:40px;background:#eaeaea;line-height:35px;font-size:15px;color:#4c4c4c;font-family:"Microsoft YaHei";cursor:pointer; margin-top:10px;}
.vconlist{color:#555555; padding:10px;}
.vconlist p{ line-height:25px; font-size:13px;}
.vconlist p strong{ color:#555555; }
.vconlist .tab_img{ text-align:right; margin:10px 0;}
.tab_none{ display:none;}
.tab_block{ display:block;}
.vconlist li.select a,.vconlist li a:hover{}
.tab_p1{ width: 40%; float:left; height:40px; overflow:hidden; text-align:center;}
.tab_p2{ width: 30%; float:left; height:40px; text-align:center}
.tab_p3{ width:40px; float:right; height:40px;}
.tab_p3_1{  background:url(../images/m/tab.png) no-repeat right center;}
.tab_p3_2{ background:url(../images/m/tab2.png) no-repeat right center;}
