body,div,img,dl,dt,dd,ul,li,p,h1,h2,h3,h4,h5,h6,input{ margin:0; padding:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
input,button,textarea{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 
ul,li{ list-style:none}
body{ font-size:12px;font-family: "Open Sans", Arial, "Hiragino Sans GB","Microsoft YaHei", "΢ÈíÑźÚ", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif,sans-serif;background:#f3f4f6;}
a{text-decoration:none; color:#000000}
a:hover,a:active{ text-decoration:none; color:#e70000;}
img{border:0;}
.clearbox{ clear:both;height:0px;line-height:0px;font-size:0px;}
.blank5{clear:both;height:5px;overflow:hidden;display:block;}
.blank10{clear:both;height:10px;overflow:hidden;display:block;}
.blank15{clear:both;height:15px;overflow:hidden;display:block;}
.blank20{clear:both;height:20px;overflow:hidden;display:block;}
.blank30{clear:both;height:30px;overflow:hidden;display:block;}


.top{width:1200px; height:120px;position:relative;margin:0 auto;}
.top .logo{ float:left;padding-top:30px;}
.top .logo img{ height:60px; border:0px;}


.menu{ float:left; margin-left:100px;}
.menua{ float:left;width:100%; }
.menua li{ width:160px; height:120px; line-height:120px; text-indent:30px; font-size:18px; font-weight:bold;position:relative; float:left; }

.menua li.lia{ background:url(../images/a1.png) no-repeat left center;-webkit-background-size:20px auto;background-size:20px auto; }
.menua li.lib{ background:url(../images/a2.png) no-repeat left center;-webkit-background-size:20px auto;background-size:20px auto; }
.menua li.lic{ background:url(../images/a3.png) no-repeat left center;-webkit-background-size:20px auto;background-size:20px auto; cursor:pointer;}
.menua li.lif{ display:none; background:url(../images/a1.png) no-repeat left center;-webkit-background-size:20px auto;background-size:20px auto; }

.menua li div.wa{display:none;transition: all 0.4s;}
.menua li:hover div.wa{display:block;width:130px; height:130px; padding:5px;position:absolute;top:90px;left:-10px; background:#FFFFFF; box-shadow: 0px 0px 8px rgba(0,0,0,.2); z-index:9999; border-radius: 5px; z-index:999}
.menua li .p1{  text-align:center;}
.menua li .p1 img{ height:120px; border:0px;display:block; }


.top_so{ float:right; padding-top:40px;}
#open-modal-1 span{ display:block;height:40px; cursor:pointer;}
#open-modal-1 span img{ width:40px; height:40px;}

.modal{
   display: none;
   position: fixed;
   top: 30px;
   right: 20px;
   width: 550px;
   height: 300px;
   background-image: -moz-linear-gradient(270deg, #478d88 80%, rgba(135, 175, 170, 0) 100%);
   background-image: -webkit-linear-gradient(270deg, #478d88 80%, rgba(135, 175, 170, 0) 100%);
   background-image: -ms-linear-gradient(270deg, #478d88 80%, rgba(135, 175, 170, 0) 100%);
   z-index:9999; 
   border-radius:30px;
   overflow:hidden;
}
.modal_a{width:90%; margin:0px auto; margin-top:30px;}
.modal_a .close_a{ float:right; width:50px; height:50px; padding:15px; text-align:center; border-radius: 50%;}
.modal_a img{ float:right; display:block;height:20px; border:0px; cursor:pointer;}


.modal_b{width:500px; margin:0px auto; margin-top:50px;}
.modal_b .so{width:100%;height:70px;background:#478d88; border:1px solid #FFFFFF; float:left; overflow:hidden;border-radius:35px;}
.modal_b .search_input{width:85%;float:left; height:70px; line-height:70px; text-indent:30px; background:#478d88;color:#fff; opacity:.8;-webkit-opacity:.8;font-size:18px;border:none;outline: none;}
.modal_b .search_botton{cursor:pointer;float:right; width:15%;height:70px;line-height:70px; background:url(../images/so_b.png) no-repeat center;-webkit-background-size:21px auto;background-size:21px auto; font-size:16px;text-indent:-999px;border:0px;outline: none;}



.modal_b .so .search_input::-webkit-input-placeholder{color:#fff;opacity:.8;-webkit-opacity:.8;}
.modal_b .so .search_input::-moz-placeholder{ color:#fff;opacity:.8;-webkit-opacity:.8;}


.top_R{ float:right; height:120px; line-height:120px; font-size:16px; font-weight:bold; padding-right:30px;}



.foot{width:1200px; background:#183533; padding:30px;border-radius:20px;color:#FFFFFF;position:relative;margin:0 auto; margin-top:30px;}
.foot a{color:#FFFFFF;}
.foot_L{ width:550px;float:left;}
.foot_L p{ line-height:40px; font-size:16px;}

.foot_R{ width:550px;float:right;}
.foot_Ra{ width:100%; background:#FFFFFF;border-radius:10px; padding:15px;color:#000000;float:left;}
.foot_Ra a{color:#000000;}
.foot_Ra_a{ width:100%; float:left;}
.foot_Ra_a .p1{ height:30px; line-height:30px; background:url(../images/a13.png) no-repeat left center; font-size:16px; padding-left:20px;}

.foot_Ra_b{ width:100%; float:left; padding-bottom:10px;}
.foot_Ra_b li{float:left;margin-right:30px; padding-top:15px;}
.foot_Ra_b li .p1{ height:16px; line-height:16px; float:left;}
.foot_Ra_b li .p1 img{ height:16px; display:block;}
.foot_Ra_b li .p2{ height:16px; line-height:16px; font-size:14px; padding-left:5px; float:left;}

.foot_Rb{ width:100%; padding-top:20px;float:left;}
.foot_Rb_L{float:left;}
.foot_Rb_L .p1{  float:left;}
.foot_Rb_L .p1 img{ height:80px; display:block;}

.foot_Rb_R{float:right; padding-top:20px;}
.foot_Rb_R .p2{  float:left; padding-left:10px;}
.foot_Rb_R .p2 img{ height:40px; display:block;}


@media screen and (max-width:768px) {
.m_none{display:none;}


.top{width:92%; height:70px;position:relative;margin:0 auto;}
.top .logo{ float:left;padding-top:15px;}
.top .logo img{ height:40px; border:0px;}

.mobile-btn{display: block; width:30px; margin-top:20px; position:relative; float:right;}
.mobile-btn span.icon-menu{ width:30px; height:30px; background: url(../images/menu.png) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;display: block; outline:none;}
.mobile-btn span.icon-close{ width:30px; height:30px; background: url(../images/close.png) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;display: block;outline:none;}


.menu{width:100%; height:calc(100% - 90px); display:none; position:absolute;bottom:0px;right:0px; background:rgba(0,0,0,0.6); float:left; z-index:9999;}
.menua{width:160px; height:100vh; background:#8fdbd9; padding-top:20px;position:relative; float:right;border-radius:20px;}
.menua li{ width:130px; height:45px; line-height:45px; margin-left:20px; font-size:16px;float:left;}
.menua li.lia{ display:none;}
.menua li.lif{ display: block;}


.menua li div.wa{display:none;transition: all 0.4s;}
.menua li:hover div.wa{display:block;width:130px; height:130px; padding:5px;position:absolute;top:60px;left:-10px; background:#FFFFFF; box-shadow: 0px 0px 8px rgba(0,0,0,.2); z-index:9999; border-radius: 5px; z-index:999}
.menua li .p1{  text-align:center;}
.menua li .p1 img{ height:120px; border:0px;display:block; }


.top_so{ display:none;}

.top_R{ float:right; height:70px; line-height:70px; font-size:16px; font-weight:bold; padding-right:20px;}



.foot{width:94%; background:#183533; padding:20px;border-radius:20px;color:#FFFFFF;position:relative;margin:0 auto; margin-top:20px;}
.foot a{color:#FFFFFF;}
.foot_L{ width:100%;float:left;}
.foot_L p{ line-height:30px; font-size:14px;}

.foot_R{ width:100%;float:right; padding-top:10px;}
.foot_Ra{ width:100%; background:#FFFFFF;border-radius:10px; padding:10px;color:#000000;float:left;}
.foot_Ra a{color:#000000;}
.foot_Ra_a{ width:100%; float:left;}
.foot_Ra_a .p1{ height:30px; line-height:30px; background:url(../images/a13.png) no-repeat left center; font-size:16px; padding-left:20px;}

.foot_Ra_b{ width:100%; float:left; padding-bottom:10px;}
.foot_Ra_b li{float:left;margin-right:30px; padding-top:15px;}
.foot_Ra_b li .p1{ height:16px; line-height:16px; float:left;}
.foot_Ra_b li .p1 img{ height:16px; display:block;}
.foot_Ra_b li .p2{ height:16px; line-height:16px; font-size:14px; padding-left:5px; float:left;}

.foot_Rb{ width:100%; padding-top:20px;float:left;}
.foot_Rb_L{float:left;}
.foot_Rb_L .p1{  float:left;}
.foot_Rb_L .p1 img{ height:40px; display:block;}

.foot_Rb_R{float:right; padding-top:5px;}
.foot_Rb_R .p2{  float:left; padding-left:5px;}
.foot_Rb_R .p2 img{ height:30px; display:block;}





}