@charset "utf-8";
/* CSS Mobile Reset */
a, body, dd, del, dfn, dialog, div, dl, dt, em, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, img, ins, label, li, menu, nav, ol, p, pre, s, section, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, u, ul { border: 0; margin: 0; padding: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block;}[hidden], .hidden { display: none;}
a:focus { outline: thin dotted #000; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
a, a:hover,b { text-decoration: none;}a:hover, a:active { outline: 0;}a b { text-decoration: underline;}ul, ol, li { list-style: none;}
* { outline:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}img { border: none;}
html { -webkit-text-adjust: 100%; -ms-text-size-adjust: 100%; width:100%; height:100%; margin:0 auto; font-family:"微软雅黑";   max-width:720px !important;}
body{ padding:0; margin:0; width:100%; height:100%; }
a:link{ color:#000;}
a:hover,a:active{ color:#bf0110;}
a:visited{ color:#000;}
#BC{width:100%; height:100%; margin:0 auto; position:relative;}
.clertfix{ clear:both; width:100%; height:20px; display:block;}
.clertfix2{ clear:both; width:100%; height:10px; display:block;}
.clertfix3{ clear:both; width:100%; height:15px; display:block;}
@media screen and (max-width: 320px) { #BC{ width:320px;}}
@media screen and (min-width: 720px) { #BC{ width:640px;}}
/*---------------------统一设置end---------------------------------*/


/*---------------------首页---------------------------------*/
#Ilogo{ width:150px; position:absolute;top:25px; right:15px; z-index:999;}
#en{ width:80px; height:20px; position:absolute;top:35px; left:15px; border:1px solid; /*#b0e1f5*/ border-color:rgba(176,225,245,0.45); border-radius:5px; text-transform:uppercase; font-size:small; text-align:center; line-height:20px; color:#FFF; z-index:100;}
#en:active{ opacity:0.8;}

.banner{ width:100%; height:100%;  position:absolute;top:0; left:0; z-index:1; }
#slide1{ background:url(../images/banner1.jpg) center 0px no-repeat; background-size:100% auto;}
#slide2{ background:url(../images/banner2.jpg) center 0px no-repeat; background-size:100% auto;}

.footer{ width:100%; height:70px; position:fixed; left:0; bottom:0; background:#04173c; border-top:1px solid #374665; z-index:998;}
.menu{ width:100%; float:left; position:relative;}
.menu .mun li{ width:20%; height:70px; float:left;  background:url(../images/icon2.png) no-repeat;  background-size:30px auto;}
.menu .mun li a{ display:block; width:100%; float:left; text-align:center; line-height:110px; font-size:small; color:#FFF;}

.menu .mun li#mun1{ margin:0 0 0 1%; background-position:center 12px;}
.menu .mun li#mun2{ background-position:center -80px;}
.menu .mun li#mun3{ margin:0 0 0 18%;/* background-position:center -176px;*/  background-position:center -266px;}
.menu .mun li#mun4{ margin:0 1% 0 0;  /*background-position:center -268px;*/  background-position:center -176px;}

.menu2{ width:100%; float:left; position:relative;}
.menu2 .munx li{ width:20%; height:70px; float:left;  background:url(../images/icon3.png) no-repeat;  background-size:30px auto;}
.menu2 .munx li a{ display:block; width:100%; float:left; text-align:center; line-height:110px; font-size:small; color:#FFF;}

.menu2 .munx li#mun1{ margin:0 0 0 1%; background-position:center 12px;}
.menu2 .munx li#mun2{ background-position:center -80px;}
.menu2 .munx li#mun3{ margin:0 0 0 18%; background-position:center -176px; }
.menu2 .munx li#mun4{ margin:0 1% 0 0;  background-position:center -268px;}

.menu2 .munx li:active{ opacity:0.8;}

.menu .mun li:active{ opacity:0.8;}

a#close{ display:block; width:90px; height:90px; position:fixed; bottom:6px; left:50%; margin-left:-45px; z-index:1000; background:url(../images/close.png) no-repeat center top; background-size:100% auto; z-index:999;}
a#close.on{background:url(../images/open.png) no-repeat center top; background-size:100% auto; }

a#open{ display:block; width:90px; height:90px; position:fixed; bottom:6px; left:50%; margin-left:-45px; z-index:1000; background:url(../images/open.png) no-repeat center top; background-size:100% auto; z-index:999;}
a#open.on{background:url(../images/close.png) no-repeat center top; background-size:100% auto; }

#M{ /*display:none;*/ width:100%; height:auto;/* position:fixed;*/ position:absolute; left:0; bottom:-250px; /* background:rgba(0,0,0,0.3);*/ background-size:100% auto; box-shadow:none; z-index:996; -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s;}
#M.on{ display:block; bottom:95px; -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s; z-index:995;  }

#M ul{}
#M ul li{ width:33.3%; height:90px; float:left; margin:0 0 10px 0; background:url(../images/icon1.png) no-repeat; background-size:60px auto;}
#M ul li a{ display:block; width:100%; float:left; text-align:center; color:#FFF; padding:65px 0 0 0;}
#M ul li a:active{ opacity:0.8;}

#M ul li#nav1{ background-position:center 0;}
#M ul li#nav2{ background-position:center -100px;}
#M ul li#nav3{ background-position:center -200px;}
#M ul li#nav4{ background-position:center -300px;}
#M ul li#nav5{ background-position:center -400px;}
#M ul li#nav6{ background-position:center -500px;}


#mask{ width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.3); /*display:block; */ display:none; z-index:97;}
.mask2{ width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.26); display:block; z-index:-1;}

<!--------------------------------------->

#M .munb2{}
#M .munb2 li{ width:33.3%; height:90px; float:left; margin:0 0 10px 0; background:url(../images/icon4.png) no-repeat; background-size:60px auto;}
#M .munb2 li a{ display:block; width:100%; float:left; text-align:center; color:#FFF; padding:65px 0 0 0;}
#M .munb2 li a:active{ opacity:0.8;}

#M .munb2 li#nav1{ background-position:center 0;}
#M .munb2 li#nav2{ background-position:center -100px;}
#M .munb2 li#nav3{ background-position:center -200px;}
#M .munb2 li#nav4{ background-position:center -300px;}
#M .munb2 li#nav5{ background-position:center -400px;}
#M .munb2 li#nav6{ background-position:center -500px;}


#bn{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1; background:url(../images/bn.jpg) center 0px no-repeat; background-size:100% auto;}

#line{ display:none; width:90%; height:1px; margin:0 0 8% 5%; background:#949494;}

.head{ width:100%; height:65px; position:fixed; top:0; left:0; z-index:999; background:#2b4b8a; }
   #Ilogo2{  width:150px; position:absolute;top:12px; left:15px; z-index:999;}
   #en2{ width:100px; padding:5px 0; position:absolute; right:8px; top:18px;background-size:40px auto; font-family:"微软雅黑"; font-size:12px; text-align:center; text-transform:uppercase;color:#4969a8; border:1px solid #4969a8; border-radius:5px;}
   #en2 a{padding:0 5px;color:#e2effb;font-size:12px;}
   #en2 a:active{ color:#FFF;background-size:40px auto;font-size:12px;}

.maincon{ display:block; width:100%; height:auto; float:left; margin:80px 0 0 0; /* position:absolute; top:80px; left:0;*/ -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s;}
.maincon.on{ position:absolute;  bottom:280px !important; left:0; margin:0 !important; -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s; }
/*.maincon.on{ display:none; -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s;} *//*top:-160px;*/
.mlist{ width:100%; float:left; margin:10px 0 0 0;}
.mlist ul{}
.mlist ul li{ width:30%; float: left; margin:0 0 3% 2%; border-radius: 8px; border:1px solid #347eda;}
.mlist ul li a{ width:100%; float:left; text-align:center; color:#347eda; padding:3px 0;}
.mlist ul li:active{ background:#347eda;}
.mlist ul li:active a{ color:#FFF;}

.mlist ul li.on{ background:#347eda;}
.mlist ul li.on a{ color:#FFF;}

.mtitle{ display:inline-block; width:87%; float:left; margin:15px 0 0 20px; border-left:3px solid #FFF;}
.mtitle h3{ width:96%; padding:0 0 0 10px; color:#FFF; font-family: Arial; font-weight:300; text-transform:uppercase;}
.mtitle h3 span{ font-family:"微软雅黑"; font-weight:300;}
.mtitle h3 i{ font-style:normal; font-size:medium;  font-family:"微软雅黑"; }
.mtitle h3 span.mo2{ font-size:small !important;}

.mtitle h4{ padding:0 0 0 10px; color:#FFF; font-family:"微软雅黑";  font-weight:300;}
.mtitle h4 i{ font-style:normal; font-family:Arial; color:#bbb; font-size:small;}

.mtitle b{ float:right; margin:0 0 0 0;}
.mtitle b a{ color:#FFF; font-weight:300; font-family:"微软雅黑"; font-size:medium;}
.mtitle b a:active{ color:#347eda;} 

.mtxt{ width:100%; height:auto; /*position:absolute; top:165px; left:0;*/ float:left; padding:20px 0 80px 0 !important; color:#FFF; -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s;font-size:14px;}
/*.mtxt.on{ display:none;  padding:0 !important; -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s; overflow:hidden;}*//*top:200%; height:168px;*/
.mtxt p{ padding:0 15px;}
.stru img{ width:90%; padding:0 5%;}
 
.honor{ width:100%; float:left;}
.honor li{ width:44%; margin:0 3% 3%;}
.honor li:nth-child(odd){ float:left;}
.honor li:nth-child(even){ float:right;}
.honor li a p{ display:block; line-height:24px; text-align:center; color:#FFF; padding:5px 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.honor li a span{ display:block; width:100%; height:195px; overflow:hidden;}
.honor li a span img{ width:100%; vertical-align:middle;}
.honor li a:active p{ opacity:0.8;}

.news_img{ width:90%; float:left; margin:0 5%;}
.news_img img{ width:100%;}

.news{ width:90%; float:left; margin:2% 5%;}
.news li{ width:100%; float:left; border-bottom:1px dashed #777; line-height:24px;}
.news li a{ width:100%; float:left; color:#FFF; padding:5px 0; font-size:small;}
.news li a:active{ background:#347eda;}

.newsdisplay{ width:100%; float:left; margin:2% 0 0;margin-bottom: 20px;}
.newsdisplay p{ font-size: 14px; line-height:22px; padding:0 10px 0 20px; }
.newsdisplay img{ display:block; width:96%; margin:0 auto; padding:5px 0;}

.vertical { display: inline-block; height: 100%; vertical-align: middle; }

.case{ width:95%;margin:0 auto;overflow:hidden;}
.case li{ width:44%; margin:0 3% 2%;}
.case li:nth-child(odd){ float:left;}
.case li:nth-child(even){ float:right;}
.case li a{ display:block; width:100%; float:left;background:rgba(255,255,255,0.9);}
.case li a p{ display:block; line-height:24px; text-align:center; color:#333; padding:5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case li a span{display:block; width:100%; height:110px; overflow:hidden;}
.case li a span img{ width:100%; vertical-align:middle;min-height:110px;}
.case li a:active p{ opacity:0.8;}


.proces{}
.proces img{ width:100%;}

.tab { margin: 10px auto; border-collapse: collapse; font-family: "微软雅黑";width:92%; }
.tab caption { height: 38px; line-height: 38px; text-align: center; color: #347eda; font-size: 18px; margin-bottom: 10px; }
.tab td { height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #777; color: #fdfdfd; font-size: 14px; text-align:center; }
.tab th { height: 30px; line-height: 30px; text-align: center; color: #fdfdfd; font-size: 14px; font-weight: normal; border: 1px solid #777; }
.tab_wid50 td { width: 50%; }
.tab_wid30 td { width: 33%; }
.tab_wid25 td { width: 25%; }
#pBody { max-width: 720px;/* min-width: 360px;*/ margin: 0 auto; width:98%; margin:0 1%; }

.newwork{ width:100%; float:left;}
.newwork img{ width:96%; padding:0 2% 2%;}
.newwork h3{ padding:10px 0 10px 15px; font-weight:300;}
.newwork p{ font-size:small; line-height:1.5em;}


/*访客留言*/
#fed{ width:90%; float:left; margin:15px 5% 70px;}
.Form1{padding:10px;}
.Form1 dd{border:1px solid #777; background:rgba(255,255,255,0.1); padding:5px; margin-bottom:6px;color:#fdfdfd; border-radius:5px;  font-family:"宋体";}
.Form1 dd.txt{border:none; padding:15px; border:1px solid #777; text-indent:2em; font-family:"宋体";}
.Form1 dd input[type="text"]{width:100%;font-size:16px; height:26px; line-height:26px; outline:none; color:#fdfdfd; border:none; background:none; }
.Form1 dd textarea{width:100%;font-size:16px; outline:none; resize:none; color:#666; border:none; background:none; color:#FFF; }
.Form1 dt input[type="submit"]{ width:100%;  color:#fff; height:40px; margin:2% 0 5%; line-height:40px; font-size:16px; letter-spacing:1px; border-radius:5px;border:1px solid #347eda;  font-family:"微软雅黑"; background:rgba(255,255,255,0.1);}
.Form1 dt input[type="submit"]:active{ background:#347eda;}
.Form1 input.on{ opacity:0.8;}

/*联系我们*/
.contact{ width:100%; float:left; padding-bottom:20px;}
.contact p{ display:inline-block; width:90%; text-align:center; padding:0 5%; line-height:1.5em;}
.contact p img{ width:60%; margin:5% 0;}
.contact p a.button1{ display:block;  width:150px; height:36px; margin:15px auto; border:1px solid #347eda; color:#347eda; border-radius: 8px; line-height:36px; font-weight:bold;}
.contact p a.button1:active{ background:#347eda; color:#FFF; }

/*导航定位*/
#map_c{height:300px; margin-bottom:5px;}
#map_t{margin-bottom:10px; text-align:center;}
#map_l{position:fixed;left:0px;right:0px;top:0px;bottom:0px;z-index:1001;background-color:rgba(0,0,0,0.80); color:#fff; line-height:300px; text-align:center; font-size:20px;}
.con_r{float:right; font-size:12px; color:#aaa;}
.ico_location{display:inline; padding-left:16px; background-size:12px 12px; background-position:0px 50%; background-repeat:no-repeat; background-image:url(../images/ico_location.png); font-size:16px;}
.iCont{ color:#3e4246}


.prolist{ width:100%; float:left; margin:15px 0 0 0;}
.prolist.on{ margin:0 0 80px 0;}
.prolist ul{ width:100%; float:left; border-top:1px solid #676a70;}
.prolist ul li{ width:33%; height:100px; float:left; }
.prolist ul li a{ width:100%;  height:100px; float:left; font-size: small; color:#FFF; text-align:center; line-height:160px; border-left:1px solid #676a70; border-bottom:1px solid #676a70; }
.prolist ul li a:active{ color:#79a9ff;}
.prolist ul li:nth-of-type(10){ display:none;}


#pm1{ border-left:none !important; background:url(../images/ibon1.png) no-repeat center 20px; background-size:60px auto;}
#pm1:active{background:url(../images/ibon2.png) no-repeat center 20px; background-size:60px auto;}

#pm2{ background:url(../images/ibon1.png) no-repeat center -103px; background-size:60px auto;}
#pm2:active{background:url(../images/ibon2.png) no-repeat center -103px; background-size:60px auto;}

#pm3{ background:url(../images/ibon1.png) no-repeat center -226px; background-size:60px auto;}
#pm3:active{background:url(../images/ibon2.png) no-repeat center -226px; background-size:60px auto;}

#pm4{ border-left:none !important; background:url(../images/ibon1.png) no-repeat center -350px; background-size:60px auto;}
#pm4:active{background:url(../images/ibon2.png) no-repeat center -350px; background-size:60px auto;}

#pm5{ background:url(../images/ibon1.png) no-repeat center -472px; background-size:60px auto;}
#pm5:active{background:url(../images/ibon2.png) no-repeat center -472px; background-size:60px auto;}

#pm6{ background:url(../images/ibon1.png) no-repeat center -592px; background-size:60px auto;}
#pm6:active{background:url(../images/ibon2.png) no-repeat center -592px; background-size:60px auto;}

/*#pm8{ background:url(../images/ibon1.png) no-repeat center -718px; background-size:60px auto;}
#pm8:active{background:url(../images/ibon2.png) no-repeat center -718px; background-size:60px auto;}*/

#pm7{ border-left:none !important;  background:url(../images/ibon1.png) no-repeat center -718px; background-size:60px auto;}
#pm7:active{background:url(../images/ibon2.png) no-repeat center -718px; background-size:60px auto;}

#pm8{ background:url(../images/ibon8.png) no-repeat center 16px; background-size:60px auto;}
#pm8:active{background:url(../images/ibon8.png) no-repeat center -99px; background-size:60px auto;}

#pm9{ background:url(../images/pu.png) no-repeat center 16px; background-size:48px auto;}
#pm9:active{background:url(../images/pu2.png) no-repeat center 16px; background-size:48px auto;}

.product{ width:95%;overflow:hidden;margin:0 auto;}
.product li{ width:44%; margin:0 3% 6%;}
.product li:nth-child(odd){ float:left;}
.product li:nth-child(even){ float:right;}
.product li a p{ display:block; line-height:24px; text-align:center; background:#1f3b5f; color:#FFF; padding:5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product li a span{ display:block; width:100%; height:158px; overflow:hidden;}
.product li a span img{ width:100%; vertical-align:middle;}
.product li a:active p{ opacity:0.9;}

.prodisplay{ width:90%; float:left; margin:0 5% 5%;}
.prodisplay img{ width:100%;}

.plist{ width:100%; float:left; margin:0 0 10px 0; text-align:center;}
.plist a{ width:200px; height:40px; padding:5px; margin:0 5px; text-align:center; line-height:35px; background:rgba(0,0,0,0.6); color:#FFF;}
.plist a:active{ background:#347eda;}
.plist a.on{ background:#347eda;}


#newtb{line-height:30px; padding:0 15px; margin:10px 0 ;font-size:14px;}
#newtb span{ display:block; width:50%; float:left;}
#newtb em{ display:block; width:100%; float:left;}
#newtb a{color:#ffffff;}
#newtb .back{text-align: center;width: 100%;}


.grow{padding: 0 15px 40px 15px; }
.grow .year{font-family: Arial;color: #fff;display: block;padding: 20px 0 10px 0;font-size: 20px;}
.grow .year span{;font-family: "微软雅黑";display: inline-block;}
.grow p{color: #ffffff;font-family: "微软雅黑";padding: 0;}
.clearfix:after{content: "";clear: both;display: block;}
.box3{margin-bottom: 50px;}
.box2{margin: 50px 0;}
.box2 .fl,.box4 .fl,.box8 .fl{margin-bottom: 50px;}
.box4{margin-bottom: 50px;}
.box6{margin: 50px auto;}
.box7{margin-bottom: 50px;}
.grow img{display: block;max-width: 100%;margin: 0 auto;}
/*
.box1 .fr{width:324px;}
.box2 .fl{width:244px;}
.box2 .fr{width:456px;}
.box3 .fr{width: 340px;padding-right:60px;}
.box4 .fl{width: 344px;}
.box4 .fr{width: 344px;}
.box5 .fl{width: 173px;}
.box5 .fr{width: 530px;}
.box6 .fl{width: 173px;}
.box6 .fr{width: 530px;}
.box7 .fr{width: 458px;}
.box8 .fl{width: 244px;}
.box8 .fr{width: 455px;}*/