/*重置样式*/
*{margin:0;padding:0}
body{font-family:"微软雅黑"; height:100%; width:100%;transition:all .3s; font-size:100%;}
a{text-decoration:none;cursor:pointer;transition:all .3s;outline:none}
ul{list-style:none}
.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}


/*宽屏1200*/

.rbwl-head{width:100%;background:#fff;border-bottom:1px solid #012b50;}
.rbwl-head .logo{}
.rbwl-head .logo a img{max-width:100%;max-height:123px;}
.rbwl-head .language{margin-top:51px;}
.rbwl-head .language a img{width:23px;height:21px;float:left;margin-left:10px;border:none;}
.rbwl-head .num{height:50px;line-height:40px;font-size:100%;font-weight:900;margin-top:30px; text-align:right;color:#3d3d3d;}
.rbwl-head .num a{margin-left:40px;color:#3d3d3d;}
.rbwl-head .num a:hover{color:#000;}
.rbwl-head .num .ewm{ position:relative; color:#00427a;}
.rbwl-head .num .ewm .ewmB{position:absolute;width:150px;height:150px;top:25px; z-index:999; display:none;}
.rbwl-head .num .ewm:hover .ewmB{position:absolute;width:130px;height:130px;top:25px;right:0; z-index:999; display:block;background:#fff; border:1px solid #012b50;border-radius:5px;}
.rbwl-head .num .ewm:hover .ewmB img{width:120px;height:120px;margin:5px;border:none;}
#nav{width:100%;background:#0075c1;height:60px;transition:all .3s; position:relative;}
.nav{width:100%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background:url(../../img/navli.png) left  no-repeat;}
.nav ul li{float:left;width:12.5%;height:60px;background:url(../../img/navli.png) right  no-repeat;transition:all .3s}
.nav ul li .a1{line-height:60px;display:block;text-align:center;font-size:16px;color:#fff;transition:all .3s}
.nav ul li:hover{background:url(../../img/navli.png) right  no-repeat #211713;}
.nav ul li.on{background:url(../../img/navli.png) right  no-repeat #211713;}

.nav ul li .div1{display:none;background:rgba(33,23,19, 0.9); width:100%;left:0px;position:absolute;top:61px;z-index:100;text-align:center;}
.nav ul li .div1 .p1{max-width:1200px; margin:0 auto;text-align:left;padding-top:20px;padding-bottom:20px;}
.nav ul li .div1 .p1 .acd{float:left;width:380px;height:200px;background:#993;}
.nav ul li .div1 .p1 .acd img{width:380px;height:200px;border:none;}
.nav ul li .div1 .p1 .acdp{float:left;margin-right:50px;height:200px;width:150px;border-right:1px solid #5c5c5c;}
.nav ul li .div1 .p1 .acdp p{float:left;width:100%;line-height:35px;text-align:left;font-size:90%;color:#fff;}
.nav ul li .div1 .p1 .acdp p a{color:#fff}
.nav ul li .div1 .p1 .acdor{float:right;width:-webkit-calc(100% - 630px); width:-moz-calc(100% - 630px); width:calc(100% - 630px);height:200px; overflow:hidden;border-left:1px solid #5c5c5c; }
.nav ul li .div1 .p1 .acdor span{float:left;width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);height:50px;padding-left:50px;line-height:50px;font-size:100%;color:#fff;text-align:left;}
.nav ul li .div1 .p1 .acdor p{float:left;line-height:30px;text-align:left;color:#fff;font-size:75%;text-align:left;width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);height:50px;padding-left:50px;}
.nav ul li .div1 .p1 .acdor p a{color:#fff;}


.nav ul li .div1{display:none;background:rgba(33,23,19, 0.9); width:100%;left:0px;position:absolute;top:61px;z-index:100;text-align:center;}
.nav ul li .div1 .p4{max-width:1200px; margin:0 auto;text-align:left;padding-top:20px;padding-bottom:20px;}
.nav ul li .div1 .p4 .acdor{float:left;width:-webkit-calc(33.33% - 1px); width:-moz-calc(33.33% - 1px); width:calc(33.33% - 1px);height:200px; overflow:hidden;border-left:1px solid #5c5c5c; }
.nav ul li .div1 .p4 .acdor span{float:left;width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);height:50px;padding-left:50px;line-height:50px;font-size:100%;color:#fff;text-align:left;}
.nav ul li .div1 .p4 .acdor p{float:left;line-height:30px;text-align:left;color:#a5a5a5;font-size:75%;text-align:left;width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);height:50px;padding-left:50px;}
.nav ul li .div1 .p4 .acdor p a{color:#a5a5a5;transition: color 1s}
.nav ul li .div1 .p4 .acdor p a:hover{color:#fff;}



.nav ul li .div1 .p2{max-width:1200px; margin:0 auto;text-align:left;padding-top:20px;padding-bottom:20px;}
.nav ul li .div1 .p2 .acd{width:-webkit-calc(20% - 1px); width:-moz-calc(20% - 1px); width:calc(20% - 1px);border-right:1px solid #5c5c5c;float:left;}
.nav ul li .div1 .p2 .acd span{width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);padding-left:50px;font-size:100%;color:#fff;line-height:35px;float:left;margin-top:10px;}
.nav ul li .div1 .p2 .acd p{width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);padding-left:50px;font-size:12px;color:#fff;line-height:30px;float:left;}
.nav ul li .div1 .p2 .acd p a{color:#a5a5a5;transition: color 1s}
.nav ul li .div1 .p2 .acd p a:hover{color:#fff}

.nav ul li .div1 .p3{max-width:1200px; margin:0 auto;text-align:left;padding-top:20px;padding-bottom:20px;}
.nav ul li .div1 .p3 p{width:32%;height:30px;line-height:30px;float:left;color:#a5a5a5;font-size:87.5%;}

.fixDiv{position:fixed;top:0;left:0;z-index:99;border-bottom:1px solid #676565;}

.mmm{width:100%;height:40px;z-index:99;top:-80px; position:relative;text-align:center;}
.mmm ul{justify-content: center;margin:0 auto;display:table;}
.mmm ul li{list-style: none;width:150px;height:40px;margin-left:10px;margin-right:10px; float:left;}
.mmm ul li .mm1{background:#00427a;text-align:center;width:150px;height:40px;line-height:40px;font-size:100%;color:#fff;}
.mmm ul li .mm1 a{color:#fff;}
.mmm ul li .mm2{background:#202020;text-align:center;width:150px;height:40px;line-height:40px;font-size:100%;color:#fff;}
.mmm ul li .mm2 a{color:#fff;}
.a_txt{display:none}
.moblie_head{display:none}


.about{width:100%;padding:50px 0px 100px 0px;}
.aboutmenu{width:100%;height:42px;float:left;}
.aboutmenu ul li{height:40px;border:1px solid #eeeeee;padding:0 10px 0 10px;line-height:40px;float:left;margin-right:10px;font-size:87.5%;background:#fff;transition:all 1s;}
.aboutmenu ul li:hover{background:#012b50;border:1px solid #012b50;}
.aboutmenu ul li a{color:#676565;}
.aboutmenu ul li:hover a{color:#fff;}
.aboutbox{width:100%;min-height:422px;float:left;margin-top:30px;}
.aboutbox .aboutboxL{width:-webkit-calc(100% - 490px); width:-moz-calc(100% - 490px); width:calc(100% - 490px); min-height:422px;float:left;}
.aboutbox .aboutboxL span{width:100%;height:50px;line-height:50px;margin-top:10px;margin-bottom:20px;float:left;font-size:187.5%;color:#00427a;text-align:left; font-weight:bold;}
.aboutbox .aboutboxL p{line-height:30px;float:left;width:100%;font-size:87.5%;text-align:left;color:#676565; overflow:hidden;}
.aboutbox .aboutboxL .more{height:44px;border-top:2px solid #00427a;border-bottom:2px solid #00427a;padding:0 10px 0 10px;line-height:40px;font-size:87.5%;color:#676565;float:left;margin-top:30px;}
.aboutbox .aboutboxL .more a{color:#676565;}
.aboutbox .aboutboxR{width:450px;min-height:422px;float:right; position:relative;}
.aboutbox .aboutboxR .ass{width:415px;height:292px; position:absolute;top:65px;left:0;background:#00427a; z-index:1;}
.aboutbox .aboutboxR img{width:450px;height:422px; position:absolute;top:0;left:0;z-index:2;}






.news{width:100%;padding:0px 0 35px 0;}
.news ul {width:99%;margin:30px auto;background:#fff;height:100%;float:left;}
.news ul li{width:31%;height:180px;float:left;margin-left:1%;margin-right:1%;background:#efefef;margin-bottom:2%;transition:all 1s;}
.news ul li:hover{background:#e0e0e0;}
.news ul li a .newsa1{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;margin-top:15px; overflow:hidden;}
.news ul li a .newsa2{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:100%;color:#00427a;overflow:hidden;}
.news ul li a .newsa3{width:90%;height:60px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;overflow:hidden;}
.news ul li a .newsa4{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;overflow:hidden;}
.news  .mmre{width:100%;height:22px;float:left;margin-top:30px;text-align:center;}
.news  .mmre a img{width:103px;height:22px;margin:0 auto;border:none;}

.biaot{width:100%; text-align:center; float:left;}
.biaot p{width:100%;line-height:50px;font-size:225%; text-align:center;color:#000;margin-top:100px;float:left;}
.biaot .fenbuT{width:100%;line-height:40px;font-size:187.5%;text-align:center;color:#000;float:left;}
.biaot1{width:100%; text-align:center; float:left;}
.biaot1 p{width:100%;line-height:50px;font-size:225%;color:#fff;text-align:center;margin-top:60px;float:left;}
.biaot1 .fenbuT{width:100%;line-height:40px;font-size:187.5%;text-align:center;color:#fff;float:left;}





#pro{width:100%;background:#012b50; padding:35px 0;}
#pro ul{width:100%;}
#pro .more{width:155px;height:44px;border-radius:5px;border:1px solid #ebf0f3;margin:10px auto;text-align:center;color:#8b8b8b;font-size:100%;line-height:44px;transition:all 1s;}
#pro .more a{color:#8b8b8b;}
#pro .more:hover{background:#0075c1;}
#pro .more:hover a{color:#fff;}
.promenu{width:100%;float:left;margin-top:20px;margin-bottom:30px;}
.promenu ul li{height:40px;border:1px solid #eeeeee;padding:0 30px 0 30px;line-height:40px;float:left;margin-right:30px;margin-bottom:10px;font-size:100%;background:#fff;transition:all 1s;margin-left:10px;}
.promenu ul li:hover{background:#034075;border:1px solid #034075;}
.promenu ul li a{color:#676565;}
.promenu ul li:hover a{color:#fff;}


.case{width:100%;background:#fff;padding:35px 0 35px 0;}
.contact{width:100%;background:#1a1c20;padding:50px 0 50px 0;}
.contact img{width:585px;height:573px;float:left;border:none;margin-top:40px;}
.contact .book{width:360px;height:653px;background:#00427a;float:left;}
.contact .book .tit{width:300px;height:50px;line-height:50px;float:left;font-size:187.5%;text-align:left;color:#fff;margin:60px 30px 0 30px;}

.contact .book .pyp{width:300px;float:left;font-size:120.5%;text-align:left;color:#fff;margin:276px 30px 0 30px;line-height:50px;}
.contact .book .pyp a.click{width:150px;height:50px;border-radius:10px;color:#fff; border:1px solid #fff;float:left;text-align:center;}


.contact .book input{width:300px;height:45px;line-height:45px;float:left; color:#fff;margin-left:30px;background:none;border:none;font-size:87.5%;}
.contact .book i{width:300px;height:1px;float:left;background:#fff;margin-left:30px;}
.contact .book textarea{width:300px;height:180px;line-height:45px;float:left;color:#fff;margin-left:30px;background:none;border:none;font-size:87.5%;}
.contact .book button{width:110px;height:42px;border:1px solid #fff;float:left;margin-top:30px;margin-left:30px;background:none;text-align:center;font-szie:87%;color:#fff;}
.contact .cdf{width:-webkit-calc(100% - 945px); width:-moz-calc(100% - 945px); width:calc(100% - 945px);height:573px;margin-top:40px;background:#fff; float:left;}
.contact .cdf span{margin-top:90px;margin-left:90px;color:#010101;font-size:150%;text-align:left;line-height:30px;float:left;}
.contact .cdf  p{margin-top:30px;margin-left:90px;color:#616161;font-size:87.5%;text-align:left;line-height:30px;float:left;width:-webkit-calc(100% - 90px); width:-moz-calc(100% - 90px); width:calc(100% - 90px);}
.contact .cdf  p strong{margin-top:20px;}
.contact .cdf  p img{max-width:120px;max-height:120px;border:none;margin-top:10px;}
.contact .cdf .linyin img{float:left;border:none;margin-top:10px;width:120px;height:40px;margin-left:90px;}
#changj{width:100%;padding:60px 0 35px 0;}

#Tab2{
width:100%;
margin:0px;
padding:0px;
margin:0 auto;}
/*菜单class*/
.Menubox {
width:100%; 
height:42px;
line-height:40px;

}
.Menubox ul{
margin:0px;
padding:0px;
width:100%;
text-align:center;list-style-type:none;
}
.Menubox li{ 
display:inline-block;
cursor:pointer;
width:150px;
height:40px;
border:1px solid #eaeaea;
border-radius:5px;
background:#fff;
text-align:center;
color:#787878; 
font-size:100%;
margin:0 10px;
}
.Menubox li:hover{
padding:0px;
background:#fff;
width:150px;
height:40px;
border:1px solid #eaeaea;
text-align:center;
color:#fff; 
background:#0075c1;
font-size:100%; 
}
.Menubox li.hover{
padding:0px;
background:#fff;
width:150px;
height:40px;
border:1px solid #eaeaea;
text-align:center;
color:#fff; 
background:#0075c1;
font-size:100%; 
}
.Contentbox{
clear:both; 
margin-top:20px;   
}
.Contentbox ul{width:100%;}
.Contentbox ul li{width:32%;height:100%;float:left;margin-right:2%;padding-bottom:30px;}
.Contentbox ul li:nth-child(3){margin-right:0%;}
.Contentbox ul li a img{width:100%;max-height:183px;float:left;border:none;}
.Contentbox ul li a .bbti{width:100%;margin:0;float:left;text-align:left;font-size:100%;color:#5a5a5a;line-height:80px;height:80px; overflow:hidden;}
.Contentbox ul li a p{width:100%;margin:0;float:left;text-align:left;font-size:87.5%;color:#787878;line-height:30px;height:60px; overflow:hidden;}
.Contentbox ul li a .more{width:100%;margin-top:30px;float:left;text-align:left;font-size:87.5%;color:#ecc400;}

.page_banner {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.page_banner img {
  width: 100%;
}

 

#copy{width:100%;background:#00427a;margin:0px;text-align:center;font-size:75%;color:#fff;line-height:50px;}
#copy a{color:#fff;}



.mbx{width:100%;height:45px;line-height:45px;border-bottom:1px solid #eeeeee;text-align:left;font-size:87.5%;background:url(img/home.png )left no-repeat;padding-left:35px;float:left;}
.mbx a{color:#787878;}
.mbx a:hover{color:#787878;}
.nei{width:100%;margin-top:50px;float:left;}
.nei p{width:100%;line-height:80px;text-align:center;font-size:187.5%;color:#000; font-weight:bold;}
.nei .fu{width:100%;line-height:24px;text-align:center;font-size:100%;color:#787878;margin-top:-20px;}
.neimulu{width:100%;margin-top:20px;margin-bottom:30px;float:left;}
.neimulu ul{text-align: center;list-style: none;}
.neimulu ul li{height:40px;line-height:40px;padding:0 30px;font-size:100%;border-radius:3px;text-align:center;display:inline-block;float:left;border:1px solid #eee;margin-right:20px; color:#666;transition:all 1s;margin-bottom:15px;}
.neimulu ul li a{color:#333;}
.neimulu ul .on{background:#00427a;border:1px solid #00427a;}
.neimulu ul .on a{color:#fff;}
.neimulu ul li:hover{background:#00427a;border:1px solid #00427a;}
.neimulu ul li:hover a{color:#fff;}
.neicenter{width:100%;float:left;line-height:35px;padding-bottom:50px;}
.neicenter img{max-width:100%;}
.neicenter  .neicenterL{width:100%; float:left; overflow:hidden;}
.neicenter  .neicenterL .ddd{width:100%;font-size:18px;color:#000;line-height:50px;}
.neicenter  .neicenterL .ddd a.click{color:#fff; width:150px;height:50px;line-height:50px;background:#00427a;border:1px solid #00427a;border-radius:10px;text-align:center; display:block;transition: all 1s;}
.neicenter  .neicenterL .ddd a:hover.click{color:#00427a;border:1px solid #00427a;background:#fff;}
.neicenter  .neicenterR{width:100%; float:right;background:#fff;margin-top:50px;margin-bottom:50px;}
.neicenter  .neicenterR .tttt{width:100%;height:100px;line-height:100px;text-align:center;font-size:24px;color:#fff;}
.neicenter  .neicenterR .tttt{width:100%;height:100px;line-height:100px;text-align:center;font-size:24px;color:#00427a;}
.neicenter  .neicenterR p{width:80%;margin:5px auto;}
.neicenter  .neicenterR p input{width:100%;border:1px solid #00427a;float:left;border-radius:5px;min-height:50px;padding-left:10px;margin-bottom:20px;} 
.neicenter  .neicenterR p textarea{width:100%;border:1px solid #00427a;float:left;border-radius:5px;min-height:120px;padding-left:10px;margin-bottom:20px;} 
.neicenter  .neicenterR p .btn{margin-top:10px;background:#00427a;color:#fff;border:none;}


.neicenter  .neicenterb{width:100%;float:left;background:#ddd;margin-top:30px;padding:50px;margin-bottom:50px;}
.neicenter    .p1{width:100%;float:left;font-size:24px;color:#000;text-align:left; font-weight:bold;}
.neicenter    .p2{width:100%;float:left;font-size:18px;color:#000;text-align:left;margin-bottom:0px;}
.neicenter  .neicenterb .inp{width:100%;float:left;text-align:center;}
.neicenter  .neicenterb .inp1{width:100%;height:50px;border:1px solid #00427a;float:left;border-radius:5px;padding-left:10px;margin-bottom:20px;}
.neicenter  .neicenterb .inp2{width:100%;height:50px;border:1px solid #00427a;float:left;border-radius:5px;padding-left:10px;margin-bottom:20px;}
.neicenter  .neicenterb select{width:100%;height:50px;border:1px solid #00427a;float:left;border-radius:5px;padding-left:10px;margin-bottom:20px;}
.neicenter  .neicenterb textarea{width:100%;border:1px solid #00427a;float:left;border-radius:5px;min-height:120px;padding-left:10px;margin-bottom:20px;}
.neicenter  .neicenterb .tijiao{width:100%;height:50px;border-radius:5px;background:#00427a;color:#fff;border:none;}




.neinews{width:99%;float:left;}
.neinews ul li{width:32%;height:180px;float:left;margin-right:1%;background:#efefef;margin-bottom:1%;transition:all 1s;}
.neinews ul li:hover{background:#e0e0e0;}
.neinews ul li a .newsa1{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;margin-top:15px; overflow:hidden;}
.neinews ul li a .newsa2{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:100%;color:#00427a;overflow:hidden;}
.neinews ul li a .newsa3{width:90%;height:60px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;overflow:hidden;}
.neinews ul li a .newsa4{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;overflow:hidden;}

.pages{float:left;margin-bottom:20px;}


.content_tit h3{width:100%;float:left;line-height:40px;color:#000;text-align:left;}
.content_tit p{width:100%;float:left;line-height:30px;font-size:87.5%;color:#787878;text-align:left;}
.content_des{width:100%; float:left;background:#eeeeee;padding:20px;line-height:30px;text-align:left;margin-top:20px;}
.content_zhengwen{width:100%;float:left;margin-top:20px;line-height:35px;min-height:400px;}
.show_pages{width:100%;border-bottom:1px solid #eee;float:left;line-height:30px;font-size:87.5%;text-align:left;}

.content_zhengwen img{max-width:100%;}
.pro_list  ul{width:99%;}
.pro_list  ul li{float:left;width:31%; margin-right:1%;margin-left:1%;margin-bottom:2%; transition:all 1s; overflow:hidden; } 
.pro_list  ul li a img{width:100%;height:auto; display:block;}
.pro_list  ul li a p{height:55px;line-height:55px;color:#787878;font-size:100%;width:100%;text-align:center;}
.pro_list  ul li a p i{content:">";color:#787878;margin-left:10px;font-style:normal;font-size:120%;}
.pro_list  ul li a:hover p,#pro  .ccf ul li a:hover p i{color:#787878;}



.proshow{width:100%;float:left;}
.proshow .limg{width:500px;height:480px;float:left; overflow:hidden;}
.proshow .rimg{width:-webkit-calc(100% - 530px); width:-moz-calc(100% - 530px); width:calc(100% - 530px); height:480px;float:right;}
.proshow .rimg .tt1{width:100%;height:100px;float:left;border-bottom:1px solid #cecece;line-height:100px;font-size:200%;color:#333;text-align:left;}
.proshow .rimg .tt2{width:100%;height:200px;padding:25px;float:left;margin-top:30px;background:#f5f5f5;line-height:25px;}
.proshow .rimg .tt3{width:160px;height:40px;line-height:40px;float:left;margin-top:30px;font-size:16px;color:#787878;text-align:center;background:#012b50;color:#fff;}
.proshow .rimg .tt3 a{color:#fff;}

.proshowc{width:100%;margin-top:30px;}
.proshowc .tytil{width:100%;height:40px;border-bottom:2px solid #012b50;}
.proshowc .tytil p{width:150px;height:40px;background:#012b50;float:left;line-height:40px;text-align:center;font-size:100%;color:#fff;}
.proshowc .tycon{width:100%;padding:30px 0;line-height:30px;}
.proshowc .tycon img{max-width:100%;}
.pro_tag{height:40px;margin-top:30px;line-height:40px;font-size:75%;}


/*??????1600??????1200?????????????????????*/
@media screen and (min-width: 1100px){
.container{max-width:1200px;margin:0 auto;}
.fenbu{width:100%;height:960px;background:url(../../img/a6.png) top center no-repeat #012b50;}
.fenbu p{width:100%;line-height:50px;font-size:225%;color:#fff;text-align:center;color:#fff;margin-top:100px;float:left;}
.fenbu .fenbuT{width:100%;line-height:40px;font-size:187.5%;text-align:center;color:#fff;float:left;}
.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:100%}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:100%} 
.promenu{width:100%;float:left;margin-top:20px;margin-bottom:30px;}
.promenu ul li{height:40px;border:1px solid #eeeeee;padding:0 30px 0 30px;line-height:40px;float:left;margin-right:30px;margin-bottom:10px;font-size:100%;background:#fff;transition:all 1s;margin-left:10px;}
.promenu ul li:hover{background:#034075;border:1px solid #034075;}
.promenu ul li a{color:#676565;}
.promenu ul li:hover a{color:#fff;}

#pro .ccf ul{width:99%;}
#pro .ccf ul li{float:left;width:31%; margin-right:1%;margin-left:1%;margin-bottom:2%; transition:all 1s; overflow:hidden; } 
#pro .ccf ul li a img{width:100%;height:auto; display:block;}
#pro .ccf ul li a p{height:55px;line-height:55px;color:#fff;font-size:100%;width:100%;text-align:center;}
#pro .ccf ul li a p i{content:">";color:#fff;margin-left:10px;font-style:normal;font-size:120%;}
#pro .ccf ul li a:hover p,#pro  .ccf ul li a:hover p i{color:#fff;}
.case .ccf ul{width:99%;}
.case .ccf ul li{float:left;width:31%; margin-right:1%;margin-left:1%;margin-bottom:2%; transition:all 1s; overflow:hidden; } 
.case .ccf ul li a img{width:100%;height:auto; display:block;}
.case .ccf ul li a p{height:55px;line-height:55px;color:#676565;font-size:100%;width:100%;text-align:center;}
.case .ccf ul li a p i{content:">";color:#676565;margin-left:10px;font-style:normal;font-size:120%;}
.case .ccf ul li a:hover p,.case  .ccf ul li a:hover p i{color:#676565;}
}
/*???????????????*/
@media screen and (max-width: 1024px) and (min-width:768px){
#thead{display:none}
.rbwl-head{display:none}
#nav{display:none}
.mmm{display:none}
.biaot{width:100%; text-align:center; float:left;}
.biaot p{width:100%;line-height:50px;font-size:150%; text-align:center;color:#000;margin-top:100px;float:left;}
.biaot .fenbuT{width:100%;line-height:40px;font-size:100%;text-align:center;color:#000;float:left;}
.biaot1{width:100%; text-align:center; float:left;}
.biaot1 p{width:100%;line-height:50px;font-size:150%;color:#fff;text-align:center;margin-top:60px;float:left;}
.biaot1 .fenbuT{width:100%;line-height:40px;font-size:100%;text-align:center;color:#fff;float:left;}
.moblie_head{display:block;height:80px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}

.owl-carousel{margin-top:80px;float:left;}
#pro{width:100%;background:#fff; padding:20px 0;}
.promenu{width:100%;height:42px;float:left;margin-top:20px;margin-bottom:30px;}
.promenu ul li{height:40px;border:1px solid #eeeeee;padding:0 30px 0 30px;line-height:40px;float:left;margin-right:30px;font-size:100%;margin-bottom:10px;background:#fff;transition:all 1s;margin-left:10px;}
.promenu ul li:hover{background:#034075;border:1px solid #034075;}
.promenu ul li a{color:#676565;}
.promenu ul li:hover a{color:#fff;}
#pro .ccf ul{width:100%;}
#pro .ccf ul li{width:46%;float:left; margin-right:2%;margin-bottom:4%; transition:all 1s;margin-left:2%;overflow:hidden;} 
#pro .ccf  ul li a img{width:100%;height:auto;display:block;min-width:100%;}
#pro .ccf ul li a p{height:55px;line-height:55px;color:#fff;font-size:100%;width:100%;text-align:center;}
#pro .ccf ul li a p i{content:">";color:#fff;margin-left:10px;font-style:normal;font-size:120%;}
#pro .ccf ul li a:hover p,#pro .ccf ul li a:hover p i{color:#fff;}
.case .ccf ul{width:100%;}
.case .ccf ul li{float:left;width:46%; margin-right:2%;margin-left:2%;margin-bottom:4%; transition:all 1s; overflow:hidden; } 
.case .ccf ul li a img{width:100%;height:auto; display:block;}
.case .ccf ul li a p{height:55px;line-height:55px;color:#676565;font-size:100%;width:100%;text-align:center;}
.case .ccf ul li a p i{content:">";color:#676565;margin-left:10px;font-style:normal;font-size:120%;}
.case .ccf ul li a:hover p,.case  .ccf ul li a:hover p i{color:#676565;}

.moblie_head .lf{padding-top:20px;padding-left:5%}
.moblie_head .lf img{height:40px}
.moblie_head .language{padding-top:30px;}
.moblie_head .language a img{width:23px;height:21px;float:left;margin-left:10px;border:none;}
.moblie_head .rg{padding-right:5%;padding-top:32px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(img/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(img/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}
@media screen and (max-width:1100px) and (min-width:0px){
#thead{display:none}
.rbwl-head{display:none}
#nav{display:none}
.mmm{display:none}
.container{width:90%;margin:0 auto; }
.fenbu{width:auto;height:500px;background:url(../../img/a66.png) center no-repeat #012b50;background-size:100%;}
.fenbu p{width:100%;line-height:50px;font-size:150%;color:#fff;text-align:center;color:#fff;margin-top:60px;float:left;}
.fenbu .fenbuT{width:100%;line-height:40px;font-size:150%;text-align:center;color:#fff;float:left;}
.biaot{width:100%; text-align:center; float:left;}
.biaot p{width:100%;line-height:50px;font-size:150%; text-align:center;color:#000;margin-top:100px;float:left;}
.biaot .fenbuT{width:100%;line-height:40px;font-size:100%;text-align:center;color:#000;float:left;}
.biaot1{width:100%; text-align:center; float:left;}
.biaot1 p{width:100%;line-height:50px;font-size:150%;color:#fff;text-align:center;margin-top:60px;float:left;}
.biaot1 .fenbuT{width:100%;line-height:40px;font-size:100%;text-align:center;color:#fff;float:left;}

.moblie_head{display:block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.owl-carousel{margin-top:60px;float:left;}
.aboutbox .aboutboxL{width:100%;}
.aboutbox .aboutboxR{ display:none;}
#pro{width:100%;background:#012b50; padding:20px 0;}
.promenu{width:100%; float:left;margin-top:20px;margin-bottom:30px;}
.promenu ul li{height:40px;border:1px solid #eeeeee;padding:0 30px 0 30px;line-height:40px;float:left;margin-right:30px;font-size:100%;margin-bottom:10px;background:#fff;transition:all 1s;margin-left:10px;}
.promenu ul li:hover{background:#034075;border:1px solid #034075;}
.promenu ul li a{color:#676565;}
.promenu ul li:hover a{color:#fff;}
#pro .ccf  ul{width:100%;}
#pro .ccf  ul li{width:46%;float:left; margin-right:2%; margin-bottom:4%; transition:all 1s;margin-left:2%;overflow:hidden;} 
#pro .ccf ul li a img{width:100%;height:auto;display:block;min-width:100%;}
#pro .ccf ul li a p{height:50px;line-height:50px;color:#fff;font-size:100%;width:100%;text-align:center;}
#pro .ccf ul li a p i{content:">";color:#fff;margin-left:10px;font-style:normal;font-size:100%;}
#pro .ccf ul li a:hover p,#pro .ccf ul li a:hover p i{color:#fff;}

.pro_list  ul{width:100%;}
.pro_list  ul li{float:left;width:100%; margin-right:0%;margin-left:0%;margin-bottom:0%; transition:all 1s; overflow:hidden; } 
.pro_list  ul li a img{width:100%;height:auto; display:block;}
.pro_list  ul li a p{height:55px;line-height:55px;color:#787878;font-size:100%;width:100%;text-align:center;}
.pro_list  ul li a p i{content:">";color:#787878;margin-left:10px;font-style:normal;font-size:120%;}
.pro_list  ul li a:hover p,#pro  .ccf ul li a:hover p i{color:#787878;}


.neicenter  .neicenterL{width:100%; float:left; overflow:hidden;}
.neicenter  .neicenterR{width:100%;height:560px;float:left;background:#00427a;}
.neicenter  .neicenterR .tttt{width:100%;height:100px;line-height:100px;text-align:center;font-size:24px;color:#fff;}
.neicenter  .neicenterR p{width:80%;margin:5px auto;}
.neicenter  .neicenterR p input{width:100%;font-size:14px;border-bottom:1px solid #FFF;background:none;border-left:none;border-right:none;border-top:none;color:#fff;} 
.neicenter  .neicenterR p textarea{width:100%;height:90px;font-size:14px;line-height:30px;border-bottom:1px solid #FFF;background:none;border-left:none;border-right:none;border-top:none;} 
.neicenter  .neicenterR p .btn{margin-top:10px;width:100%;}

.case .ccf ul{width:100%;}
.case .ccf ul li{float:left;width:46%; margin-right:2%;margin-left:2%;margin-bottom:4%; transition:all 1s; overflow:hidden; } 
.case .ccf ul li a img{width:100%;height:auto; display:block;}
.case .ccf ul li a p{height:55px;line-height:55px;color:#676565;font-size:100%;width:100%;text-align:center;}
.case .ccf ul li a p i{content:">";color:#676565;margin-left:10px;font-style:normal;font-size:120%;}
.case .ccf ul li a:hover p,.case  .ccf ul li a:hover p i{color:#676565;}
.news{width:100%;padding:0px 0 35px 0;}
.news ul {width:100%;margin:30px auto;background:#fff;height:100%;float:left;}
.news ul li{width:100%;height:180px;float:left;margin-left:0%;margin-right:0%;background:#efefef;margin-bottom:2%;transition:all 1s;}
.news ul li:hover{background:#e0e0e0;}
.news ul li a .newsa1{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;margin-top:15px; overflow:hidden;}
.news ul li a .newsa2{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:100%;color:#00427a;overflow:hidden;}
.news ul li a .newsa3{width:90%;height:60px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;overflow:hidden;}
.news ul li a .newsa4{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;overflow:hidden;}
.news  .mmre{width:100%;height:22px;float:left;margin-top:30px;text-align:center;}
.news  .mmre a img{width:103px;height:22px;margin:0 auto;border:none;}

.neinews{width:100%;float:left;}
.neinews ul li{width:100%;height:180px;float:left;margin-right:0%;background:#efefef;margin-bottom:2%;transition:all 1s;}
.neinews ul li:hover{background:#e0e0e0;}
.neinews ul li a .newsa1{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;margin-top:15px; overflow:hidden;}
.neinews ul li a .newsa2{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:100%;color:#00427a;overflow:hidden;}
.neinews ul li a .newsa3{width:90%;height:60px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;overflow:hidden;}
.neinews ul li a .newsa4{width:90%;height:30px;line-height:30px;margin: 0 5%;text-align:left;font-size:87.5%;color:#757575;overflow:hidden;}

.proshow .limg{width:100%; float:left;  }
.proshow .rimg{width:100%; height:480px;float:left;}
.proshow .rimg .tt1{width:100%;height:100px;float:left;border-bottom:1px solid #cecece;line-height:100px;font-size:200%;color:#333;text-align:left;}
.proshow .rimg .tt2{width:100%;height:200px;padding:25px;float:left;margin-top:30px;background:#f5f5f5;line-height:25px;}
.proshow .rimg .tt3{width:160px;height:40px;line-height:40px;float:left;margin-top:30px;font-size:16px;color:#787878;text-align:center;background:#012b50;color:#fff;}
.proshow .rimg .tt3 a{color:#fff;}

.Contentbox ul li{width:80%;height:100%;float:left;margin-left:10%;padding-bottom:30px;}
#foot .footl{display:none}
#foot .footM{width:80%;float:left;margin-left:10%; }
#foot .footr{width:80%;margin-left:10%;float:left;margin-top:20px;margin-bottom:20px;}
#foot .link{width:80%;height:40px;line-height:40px;text-align:left;font-size:75%;color:#69696a;margin-left:10%;}

.moblie_head .lf{padding-top:20px;padding-left:5%}
.moblie_head .lf img{height:20px}
.moblie_head .rg{padding-right:5%;padding-top:20px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(img/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(img/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}

.contact img{ display:none;}

.contact{width:100%;background:#00427a;padding:0px 0 0px 0;} 
.contact .book{width:90%;float:left;margin-left:5%; }
.contact .book .tit{width:90%;height:50px;line-height:50px;float:left;font-size:187.5%;text-align:left;color:#fff; }
.contact .book input{width:90%;height:45px;line-height:45px;float:left; color:#fff; background:none;border:none;font-size:87.5%;}
.contact .book i{width:90%;height:1px;float:left;background:#fff; }
.contact .book textarea{width:90%;height:180px;line-height:45px;float:left;color:#fff; background:none;border:none;font-size:87.5%;}
.contact .book .button{width:110px;height:42px;border:1px solid #fff;float:left;margin-top:30px;margin-left:30px;background:none;text-align:center;font-szie:87%;color:#fff;}
.contact .cdf{width:100%;margin-top:83px;background:#fff; float:left;}
.contact .cdf span{margin-top:90px; margin-left:50px;color:#010101;font-size:150%;text-align:left;line-height:30px;float:left;}
.contact .cdf  p{margin-top:30px; margin-left:50px;color:#616161;font-size:87.5%;text-align:left;line-height:30px;float:left;}
.contact .cdf  p img{ display:block;}
.contact .cdf .linyin img{float:left;border:none;margin-top:10px;width:120px;height:40px;margin-left:50px;display:block;}

}