@charset "gb2312";
/* CSS Document */
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {margin: 0;padding: 0;}
ul li{ list-style:none;}

body{ max-width:640px; margin:0 auto;}
.bor_one { position:relative; width:100%; height:70px;background:#232323;z-index: 999; }
.animenu__toggle {cursor: pointer;background-color: #111111;border: 0;padding: 10px;height: 40px;width: 40px;}
.animenu__toggle:hover {background-color: #333333;}
.animenu__toggle__bar {display: block;width: 20px;height: 2px;background-color: #fff;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu__toggle__bar + .animenu__toggle__bar {margin-top: 4px;}
.animenu__toggle--active .animenu__toggle__bar {margin: 0;position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.animenu {display: block;}
.animenu ul {padding: 0;list-style: none;font: 0px "Source Han Sans SC Regular";}
.animenu li, .animenu a {display: inline-block;font-size: 15px;}
.animenu a {color: #aaaaaa;text-decoration: none;}
.animenu__nav {background-color: #111111;}
.animenu__nav > li {position: relative;border-right: 1px solid #444444;}
.animenu__nav > li > a {padding: 10px 30px;text-transform: uppercase;}
.animenu__nav > li > a:first-child:nth-last-child(2):before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 10px;}
.animenu__nav > li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
.animenu__nav > li:hover > a {color: #fff;}
.animenu__nav__child {min-width: 100%;position: absolute;top: 100%;left: 0;z-index: 1;opacity: 0;visibility: hidden;margin: 20px 0 0 0;background-color: #373737;-webkit-transition: margin .15s, opacity .15s;transition: margin .15s, opacity .15s;}
.animenu__nav__child > li {width: 100%;border-bottom: 1px solid #515151;}
.animenu__nav__child > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;}
.animenu__nav__child > li:last-child {border: 0;}
.animenu__nav__child a {padding: 10px;width: 100%;border-color: #373737;}
.animenu__nav__child a:hover {background-color: #0186ba;border-color: #0186ba;color: #fff;}
.animenu__nav--open {display: block !important;}
.animenu__nav--open .animenu__nav__child {display: block;}
.page2 {background: url(../images/bg2.jpg) no-repeat center; }
.ltld_hxly { font-family:"Source Han Sans SC Regular";}
.ltld_hxly .lingyu{padding-top:30px;font-size: 34px;color: #555;text-align: center;}
.ltld_hxly ul { width:100%; overflow:hidden; padding-bottom:30px;}
.ltld_hxly li {float: left;padding: 3% 1% 0; text-align:center; width:31.3%;}
.ltld_hxly li .lytitle a {margin-top: 15px;font-weight: bold;font-size: 18px;line-height: 25px;display: block;color:#444;text-decoration:none;}
.ltld_hxly li p {font-size: 14px;line-height: 20px;color: #555;letter-spacing: 1px;font-family: "Source Han Sans SC Regular";}
.lybd a img{ width:100%; height:auto;}
.page3 {background: url(../images/bg4.jpg) no-repeat center;  font-family:"Source Han Sans SC Regular";}
.ltld_about .gywm {font-size: 30px;color: #fff; padding-top:30px;}
.ltld_about_left {padding-top:30px;width: 85%;margin: 0 auto;}
.ltld_about_left img{ width:100%; height:auto;}
.ltld_about_right{width: 100%;height: auto;}
.ltld_about_des{width: 92%;margin: 0 auto;margin-top: 30px;color: #666;font-size: 14px;line-height: 26px;}
.ltld_about_des span a{color: #e4451e;text-decoration: none;}
.tab{width:100%;margin:0 auto; padding-top:30px;}
.tab ul.menu{height:42px; font-family:"Source Han Sans SC Regular";width: 165px;margin: 0 auto;}
.tab ul.menu li{float: left;display: block;margin-left: 2px;width: 80px;height: 42px;background: #263551;color: #fff;text-align: center;font-size: 16px;line-height: 42px;cursor: pointer;}
.tab ul.menu li.active{background: #334871;}
.con1,.con2,.con3{ padding-bottom:30px;}
.con2,.con3{display:none;}
.con1 ul,.con2 ul,.con3 ul{padding:5px;}
.con1 ul li a,.con2 ul li a,.con3 ul li a{text-decoration:none;}
.con2 ul{width: 85%;margin: 0 auto;padding-top: 30px;}
.con2 ul span.more{padding: 10px 0 0 0;display: block;}
.con2 ul span.more a{font-size: 16px; color: #e4451e;text-decoration: none;}
.con2 ul li {height:30px;line-height:30px;background:url(../images/dd.jpg) no-repeat 5px center;overflow:hidden;color: #666;font-size:16px; padding-left:22px;}
.con2 ul li span{ float:right; font-size:16px;}
.con2 ul li a{ color:#666;}
.con2 ul .nobot { border-bottom:0;}
.con3 .ltld_history{width: 90%;margin: 0 auto;padding-top: 30px;}
.con3 .ltld_history img{ width:100%; height:auto;}
.page4 {background: url(../images/bg3.jpg) no-repeat center; }
.case {padding: 25px 0 90px;}
.case .anli {font-size: 26px;color:#fff;float: left;padding-left: 3%;font-family:"Source Han Sans SC Regular";}
#tab{width: 100%;margin: 0 auto;position: relative;}
#tab .tab_menu{right: 3%;position:absolute;z-index:1;margin-top: 6px;}
#tab .tab_menu li{float:left;width:45px;height:30px;line-height:30px;cursor:pointer;text-align:center;margin:0 5px 0 0; background-color:#666; color:#fff;font-size: 24px;font-weight: bold;}
#tab .tab_box{width: 100%;height: auto;clear:both;padding: 30px 0 0;position:relative;}
#tab .tab_menu .selected{background-color:#2a2a2a;cursor:pointer; color:#fff;font-size: 24px;font-weight: bold;}
.hide{display:none;}
.sj_nr_12{ overflow: hidden; padding:0 1%;}
.sj_nr_12 li{float: left;width: 44%;padding: 0 3% 2%;text-align:center;font-size: 18px;line-height: 30px;}
.sj_nr_12 li a{ display:block;font-size: 18px;color: #fff;text-align: center;line-height: 30px;font-family:"Source Han Sans SC Regular"; text-decoration:none;}
.sj_nr_12 li img{width: 98%;height: auto; border:2px #fff solid;}
.social_nav5{height:82px;position:fixed; bottom:0; min-width:320px; max-width:640px; width:100%;  z-index:999; background: #232323;font-family:"Source Han Sans SC Regular"; }
.social_nav5 li{width:25%; float:left; position:relative; text-align:center; color:#fff;line-height:1rem; height:5.33rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.social_nav5 li:last-child{border-right:none;}
.social_nav5 li em{ width:50%; display:block; margin:0 auto; padding:0.5rem 0 0.1rem 0;}
.social_nav5 li em img{ width:100%; height:auto;}
.social_nav5 li a{ color:#fff;text-decoration:none;font-size: 14px;}
.social_nav5 li.cur{ color:#fff; }
.social_nav5 li .erji{ position:absolute;bottom:5.33rem; left:0; width:100%; text-align:left; background:#33c2ec; display:none;opacity: 0.9; }
.social_nav5 li .erji a{ display:block;line-height:20px; font-size:1rem; line-height:2rem;position:relative; text-align:center;  color:#fff;}
.social_nav5 li .erji a:last-child{border-bottom:none;}



@media only screen and (min-width: 640px) {

#logo_menu{width:100%;min-width:100%;max-width:100%;}
#hd{ display:none;}
#logo{ width:160px; float:left;}

.animenu{ display:block !important;z-index: 100;position: relative;}
.animenu__toggle {display: inline-block;float: right; margin-top: 15px;}
.animenu__nav,.animenu__nav__child {display: none;}
.animenu__nav {margin: 10px 0;float: right; position:absolute; top:60px;width:30%; right:0;}
.animenu__nav > li {width: 100%;border-right: 0;border-bottom: 1px solid #515151;}
.animenu__nav > li:last-child {border: 0;}
.animenu__nav > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;right:15px;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;}
.animenu__nav > li > a {width: 100%;padding:0;border-color: #111111;position: relative;height: 37px;line-height: 37px;text-indent: 10px;color:#fff;}
.animenu__nav a:hover {background-color: #0186ba;border-color: #0186ba;color: #fff;}
.animenu__nav__child {position: static;background-color: #373737;margin: 0;-webkit-transition: none;transition: none;visibility: visible;opacity: 1;}
.animenu__nav__child > li:first-child > a:after {content: none;}
.animenu__nav__child a {padding-left: 20px;width: 100%;}	
}
@media only screen and (max-width: 639px) {
#logo_menu{width:100%;min-width:100%;max-width:100%;}
#hd{ display:none;}
#logo{ width:160px; float:left;}

.animenu{ display:block !important;z-index: 100;position: relative;}
.animenu__toggle {display: inline-block;float: right; margin-top: 15px;}
.animenu__nav,.animenu__nav__child {display: none;}
.animenu__nav {margin: 10px 0;float: right; position:absolute; top:60px;width:32%; right:0;}
.animenu__nav > li {width: 100%;border-right: 0;border-bottom: 1px solid #515151;}
.animenu__nav > li:last-child {border: 0;}
.animenu__nav > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;right:15px;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;}
.animenu__nav > li > a {width: 100%;padding:0;border-color: #111111;position: relative;height: 37px;line-height: 37px;text-indent: 10px;color:#fff;}
.animenu__nav a:hover {background-color: #0186ba;border-color: #0186ba;color: #fff;}
.animenu__nav__child {position: static;background-color: #373737;margin: 0;-webkit-transition: none;transition: none;visibility: visible;opacity: 1;}
.animenu__nav__child > li:first-child > a:after {content: none;}
.animenu__nav__child a {padding-left: 20px;width: 100%;}	
}
@media only screen and (max-width: 479px) {
.slide1{height: 320px !important;background-size: auto 100% !important;}
.ltld_hxly .lingyu{ font-size:28px;}
.ltld_hxly li .lytitle a{ font-size:16px; margin-top:10px;line-height:20px;}
.ltld_hxly li p{ font-size:12px; letter-spacing:normal;line-height:14px;}
.tab ul.menu li{ height:35px; line-height:35px;}
.con2 ul li{ font-size:14px;}
.con2 ul li span{ padding-left:10px; font-size:14px;}
.case .anli{ font-size:20px; line-height:35px;}
#tab .tab_menu li{ height:25px; line-height:25px;}
.sj_nr_12 li a{ font-size:16px;}
}
@media screen and (max-width: 399px) and (min-width: 320px){
.slide1{height: 250px !important;background-size: auto 100% !important;}
.ltld_hxly .lingyu{font-size: 22px;line-height: 30px;}
.ltld_hxly .lingyu img{ width:50%;}
.ltld_hxly li .lytitle a{ font-size:14px;}
.case .anli{ font-size:16px; line-height:30px;}
#tab .tab_menu .selected{ font-size:20px;}
#tab .tab_menu li{ height:20px; line-height:20px; width:40px; font-size:20px;}
.sj_nr_12 li a{ font-size:14px;}
.social_nav5{ height:65px;}
}