/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0; font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Arial, Microsoft YaHei; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; }
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%; }
body { overflow: hidden; height:100%; position: relative; font-size: 1em; }
html.on { overflow: hidden; height: 100%; }
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom, textarea { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }
*:focus{ border:none; outline:none;box-shadow: none;}

.header{ height:120px; line-height:120px; background:#fff; position:relative; z-index:9999; }
.header .logo{ float:left; padding:0;}
.header .pc-nav{ float:right; height:120px; padding:0;}
.header .pc-nav ul{ float:right;}
.header .pc-nav li{ float:left; padding:0 10px; position:relative;}
.header .pc-nav li > a{ display:inline-block; font-size:1.8em; color:#333; position:relative; padding:0 20px;}
.header .pc-nav li.on > a, .header .pc-nav li:hover > a{ background:#1b51a9; color:#fff;}
.header .pc-nav li dl{ position:absolute; top:100%; background:#fff; border-radius:6px; width:120%; margin-bottom:0; left:50%; transform:translateX(-50%); display:none; box-shadow:0 4px 10px rgba(0,0,0,.25);}
.header .pc-nav li:hover dl{ display:block;}
.header .pc-nav li dd{ text-align:center; border-bottom:1px dashed #ccc;}
.header .pc-nav li dd:last-child{ border-bottom:none;}
.header .pc-nav li dd a{ font-size:1.6em; color:#333; display:inline-block; width:100%; height:100%; padding:12px 15px; }
.header .pc-nav li dd:hover a{ background:#1b51a9; color:#fff;}
.header .pc-nav li dd:first-child{ border-radius:6px 6px 0 0; overflow:hidden;}
.header .pc-nav li dd:last-child{ border-radius:0 0 6px 6px; overflow:hidden;}

.header .pc-search{ float:right; width:35px; height:20px; background:url(../images/search-icon.png) no-repeat center right; position:relative; margin: 50px 0 0 10px; padding:0;}
.header .pc-search .box{ position:absolute; top:100%; right:-25px; width:274px; display:none; padding-top:15px; z-index:99;}
.header .pc-search:hover .box{ display:block;}
.header .pc-search .box div{ position:absolute; height:40px;  background:#fff; width:274px; border-radius:6px; border:1px solid #ccc; box-shadow:0 3px 5px rgba(0,0,0,.15);}
.header .pc-search .box i{ display:inline-block; width:22px; height:10px; background:url(../images/search-icon3.png) no-repeat center; top: -7.5px; position: absolute; right: 21px;    background-size: 12px;}
.header .pc-search .box input[type="text"]{ padding:0 15px; width:232px; float:left; height: 100%; border: none; border-radius: 8px; font-size:1.4em; color:#333;}
.header .pc-search .box input[type="submit"]{ float:left; border-radius:8px; background:url(../images/search-icon.png) no-repeat center; width: 38px; height: 100%; border: none; cursor:pointer; background-size:18px;}
.header .yy{ float:right; text-align:right; padding-right:0; width:90px;}
.header .yy a{ display:inline-block; height:24px; border:1px solid #bfbfbf; background:url(../images/yy-icon.png) no-repeat 35px center; line-height:24px; border-radius:20px; padding: 0px 30px 0px 10px; font-size:1.4em; color:#333;}
.header .yy a:hover{ color:#40b13e;}

.header .search{ padding:0 15px; text-align:right;}
.header .search img{ height:24px; margin-top:-4px;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #1b51a9; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding:0 10px; line-height:40px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#1b51a9; color:#fff; line-height:40px;}

.header .nav-btn { height: 120px; line-height: 120px; position:relative; z-index:999; float:right; padding:0;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #1b51a9; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s;}
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff; }

.nav { position: fixed; width: 66%; height: 100%; top: 0; right: -66%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}
.nav.on { right: 0; }
.nav .nav-top { background: #1b51a9; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left;}
.nav ul{ overflow-x:hidden; height: 91%;}
.nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }
.nav li>a { display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 1.6em; color: #333; }
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-align: center; font-size: 1.4em; color: #333; }
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ display:block;}

.banner{ width:100%; position:relative; z-index:0;}
.banner .swiper-container{ height:100%; width:100%;}
.banner .swiper-slide{ height:100%; width:100%; }
.banner .swiper-slide a{ display:inline-block; width:100%; height:100%; }
.banner .swiper-pagination{ bottom:25px;}
.banner .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; border-radius:15px; margin:0 15px !important; opacity:.5;}
.banner .swiper-pagination-bullet-active{ background:#1b51a9; opacity:1;}

.iproduct{ margin:40px 0;}
.iproduct .top{ font-size:2.4em; font-weight:bold; color:#333; text-align:center; background:url(../images/title-bg.png) no-repeat center;}
.iproduct .list{ margin:30px -10px 0;}
.iproduct .list li{ padding:0 10px; margin-bottom:20px;}
.iproduct .list li .box{ position:relative; }
.iproduct .list li .img{ position:relative; z-index:0; overflow:hidden;}
.iproduct .list li .img img{ position:relative; z-index:0; transition:all .3s linear 0s;}
.iproduct .list li:hover .img img{ transform:scale(1.1,1.1)}
.iproduct .list li .img::after{ content:""; position:absolute; z-index:1; display:inline-block; width:100%; height:100%; background:rgba(0,0,0,.4); top:0; left:0; }
.iproduct .list li .text{ position:absolute; width:100%; top:50%; transform:translateY(-50%); text-align:center; }
.iproduct .list li .text .title{ font-size:2.4em; color:#fff;}
.iproduct .list li .text .btns{ width:100px; height:35px; line-height:35px; background:#fff; font-size:1.4em; color:#333; margin:20px auto 0;}
.iproduct .list li .text .btns:hover{ background:#1b51a9; color:#fff;}

.index-title{ padding-bottom:12px; border-bottom:1px solid #e5e5e5; position:relative;}
.index-title span{ font-size:2.2em; color:#333; font-weight:bold;}
.index-title a{ float:right; font-size:1.4em; color:#8d8d8d; display:inline-block; margin-top:10px;}
.index-title a:hover{ color:#1b51a9; text-decoration:underline;}
.index-title i{ display:inline-block; width:100px; height:3px; background:#1b51a9; position:absolute; left:0; bottom:-1px;}

.index-box{ margin:0 -10px;}
.iabout, .inews, .ifc{ padding:0 10px;}
.iabout .img{ margin-top:25px;}
.iabout .text .t{ text-align:center; font-size:1.6em; color:#1b51a9; font-weight:bold; padding:12px 0 6px;}
.iabout .text .p{ font-size:1.4em; color:#333; line-height:22px;}

.inews .hot-news{ margin-top:25px; padding-bottom:10px; border-bottom:1px dashed #dcdcdc; overflow:hidden;}
.inews .hot-news .img{ padding:0;}
.inews .hot-news .text{ padding:0 0 0 10px;}
.inews .hot-news .text .title{ font-size:1.6em; color:#1b51a9; font-weight:bold; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; line-height:18px;}
.inews .hot-news .text .date{ font-size:1.4em; color:#8e8e8e; margin:0 0 3px;}
.inews .hot-news .text .p{ font-size:1.4em; color:#333; line-height:20px; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.inews .list{ margin-top:10px;}
.inews .list li{ font-size:1.4em; line-height:24px;}
.inews .list li a{ text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; color:#333; width:75%;}
.inews .list li span{ float:right; display:inline-block; width:25%; text-align:right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ifc .swiper-container{ padding:0 30px; margin-top:25px;}
.ifc .box{ overflow:hidden;}
.ifc .box .swiper-slide .img{ overflow:hidden; text-align:center;}
.ifc .box .swiper-slide .title{ font-size:1.4em; color:#333; text-align:center; margin-top: 15px;}
.ifc .swiper-button-next{ width:13px; height:25px; background:url(../images/ifc-next.png) no-repeat center; right:0;}
.ifc .swiper-button-prev{  width:13px; height:25px; background:url(../images/ifc-prev.png) no-repeat center; left:0;}

.footer{ background:#f7f7f7; padding:3.5% 0 1%; margin-top:3%;}
.foot-nav{ padding-left:0;}
.foot-nav dl{ float:left; margin-right:8%;}
.foot-nav dt{ font-size:1.8em; margin-bottom:6px;}
.foot-nav dt a{ color:#333;}
.foot-nav dd{ font-size:1.4em; margin-bottom:8px; color:#333;}
.foot-nav dd a{ color:#717171;}
.foot-nav dl:nth-child(2){ width:35%; margin-right:0;}
.foot-nav dl:nth-child(2) dd{ float:left; width:50%;}
.foot-nav dl:last-child{ margin-right:0;}
.foot-nav dl:last-child dd a{ color:#333;}
.foot-nav dd a:hover{ color:#1b51a9; text-decoration:underline;}

.foot-tel{ padding:0 0 0 6%; border-left:1px solid #dcdcdc;}
.foot-tel span{ font-size:1.8em; color:#333; font-weight:bold; display:inline-block; margin-bottom:4px;}
.foot-tel p{ font-size:3em; color:#1b51a9; font-weight:bold;}

.foot-wx{ text-align:right; padding-right:0;}
.foot-wx img{ width:130px; transform:translateY(-10px);}

.foot-copy{ font-size:1.4em; color:#fff; background:#1b51a9; padding:10px 0;}
.foot-copy .container > div{ padding: 0;}
.foot-copy a{ color:#fff;}
.foot-copy .fx{ text-align:right;}
.foot-copy .fx a{ margin-right:10px;}

.page-banner{ height:300px; border-bottom:5px solid #1b51a9;}

.ty-left{ padding-left:0; margin-top:40px; padding-right:20px;}
.ty-left .ty-top{ height:120px; line-height:120px; font-size:3em; color:#fff; text-align:center; font-weight:bold; background:url(../images/page-icon.png) no-repeat right bottom #1b51a9; position:relative;}
.ty-left .pro-icon{ background:url(../images/page-icon2.png) no-repeat right bottom #1b51a9;}
.ty-left .news-icon{ background:url(../images/page-icon3.png) no-repeat right bottom #1b51a9;}
.ty-left .contact-icon{ background:url(../images/page-icon4.png) no-repeat right bottom #1b51a9;}
.ty-left .ty-btn{ position:absolute; width:30px; right:10px; top:50%; transform:translateY(-50%); text-indent:0; display:none;}
.ty-left .ty-nav{ padding-top:1px;}
.ty-left .ty-nav li{ height:70px; line-height:70px; text-align:center; font-size:1.8em; width:100%; border:1px solid #dcdcdc; margin-top:-1px;}
.ty-left .ty-nav li a{ display:inline-block; width:100%; height:100%;color:#333;}
.ty-left .ty-nav li:hover a, .ty-left .ty-nav li.on a{ background:#e5e5e5;}

.ty-right{ margin-top:40px; padding-left:20px; padding-right:0;}
.ty-right .ty-top{ height:45px; line-height:40px; border-bottom:1px solid #dcdcdc; padding-bottom:5px; }
.ty-right .ty-top span{ font-size:2.2em; color:#333; font-weight:bold; display:inline-block;}
.ty-right .ty-top .mbx{ float:right; font-size:1.4em; color:#a1a1a1;}
.ty-right .ty-top .mbx a{ color:#a1a1a1;}
.ty-right .back a{ color:#a1a1a1; font-size:1.4em;}
.ty-right .ty-top a:hover{ color:#1b51a9; text-decoration:underline;}

.about{ padding:20px 0; font-size:1.4em; line-height:2em; color:#333;}
.about p + p{ margin-top:10px;}
/* .about img{ margin-bottom:20px;} */

.about-lc{ padding:25px 0;}
.about-lc li{ margin-bottom:20px;}
.about-lc li .title{ height:50px; line-height:50px; background:url(../images/fz-icon.png) no-repeat center left; font-size:1.8em; color:#fff; font-weight:bold; text-indent:45px; margin-bottom:10px;}
.about-lc li .text{ padding-left:45px; font-size:1.4em; color:#333; line-height:26px;}

.about-zz{ margin:20px -15px; overflow:hidden;}
.about-zz li{ margin-bottom:20px;}
.about-zz li .img{ overflow:hidden;}
.about-zz li .title{ font-size:1.4em; text-align:center; color:#333; margin-top:12px;}

.pager-list{ text-align:center;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 6px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333 !important; height:35px; line-height:35px; padding:0 19px;  background:#eee; border-radius:4px;}
.pager-list li a:hover{ background:#1b51a9; color:#fff !important;}
.pager-list li.active>*{ color:#fff !important; background:#1b51a9;}
.pager-list li.disabled>*{ cursor:auto; background:#eee; color:#ccc;}

.product .text{ font-size:1.4em; color:#333; line-height:24px; padding:15px 0;}
.product .top{ height:50px; line-height:50px; background:#e5e5e5; font-size:1.8em; color:#333; font-weight:bold; text-indent:24px;}
.product .list{ border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; overflow:hidden;}
.product .list li{ height:52px; line-height:52px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.product .list li a{ display:inline-block; width:100%; height:100%; text-indent:8px; font-size:1.4em; color:#333; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.product .list li:hover a{ color:#1b51a9; text-decoration:underline;}

/* .product-con{ margin-top:40px;} */

.product-con{ padding:20px 0; font-size:1.4em; line-height:2em; color:#333;}
.product-con p + p{ margin-top:10px;}

.product-con table{ border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; width:100%; }
.product-con table tr:first-child td { background: linear-gradient(#f0f0f0, #d4d4d4)  }
.product-con td{ padding:8px; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; font-size:1.6rem; color:#333;}
.product-con td:first-child{ width:20%; text-align:center;}
.product-con td:last-child{ width:80%;}

.news-list{ margin:4px 0 30px;}
.news-list li{ overflow:hidden; padding:30px 0; border-bottom:1px solid #dcdcdc;}
.news-list li .img{ padding-left:0;}
.news-list li .text{ padding-right:0;}
.news-list li .text .title{ font-size:1.8em; color:#333; font-weight:bold; margin-bottom:10px;}
.news-list li:hover .text .title{ color:#1b51a9;}
.news-list li .text .p{ font-size:1.4em; color:#8e8e8e; line-height:24px; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;}
.news-list li .text .date{ margin-top:5%;}
.news-list li .text .date span{ font-size:1.4em; color:#333; display:inline-block; line-height:35px;}
.news-list li .text .date .btns{ float:right; width:100px; height:35px; text-align:center; line-height:35px; border:1px solid #dcdcdc; font-size:1.4em; color:#939393;}
.news-list li .text .date .btns:hover{ background:#1b51a9; color:#fff;}

.news-con{ padding-top:30px;}
.news-con .title{ text-align:center; font-size:2em; color:#333; font-weight:bold;}
.news-con .bq{ text-align:center; padding:10px 0 20px; border-bottom:1px solid #dcdcdc;}
.news-con .bq span{ font-size:1.4em; color:#848484; margin:0 10px;}
.news-con .text{ font-size:1.4em; line-height:2em; color:#333; padding:30px 0; border-bottom:1px solid #dcdcdc;}
.news-con .text p+p{ margin-top:10px;}

.pager{ font-size:1.4em; color:#333;}
.pager a{ color:#333;}
.pager .prev{ text-align:left; padding-left:0;}
.pager .next{ text-align:right; padding-right:0;}
.pager a:hover{ color:#1b51a9; text-decoration:underline;}

.map{ margin-top:30px; height:250px;}

.contact{ margin:20px -15px;}
.contact .top{ padding:0 15px; font-size:1.8em; color:#1b51a9; font-weight:bold; margin-bottom:20px;}
.contact dl:nth-child(2n){ clear:left;}
.contact dt{ background:#ededed; height:50px; line-height:50px; text-indent:24px; font-size:1.8em; font-weight:bold; color:#333;}
.contact dd{ font-size:1.4em; color:#333; padding-left:24px; margin-top:10px;}

.message{ margin:20px 0;}
.message .top{ font-size:1.6em; color:#333; font-weight:bold; margin-bottom:15px;}
.message li{ overflow:hidden; margin-bottom:15px;}
.message li label{ height:40px; line-height:40px; font-size:1.4em; color:#333; margin-right:10px; font-weight:normal; float:left;}
.message li input[type="text"]{ height:40px; width:300px; padding:0 15px; border:1px solid #dcdcdc;}
.message li textarea{ width:600px; height:120px; border:1px solid #dcdcdc; padding:10px 15px;}
.message li input[type="submit"]{ width:100px; height:40px; font-size:1.4em; color:#fff; background:#1b51a9; border:none; margin-left: 80px;}
.message li input[type="reset"]{ background:#e4e4e4; border:none; font-size:1.4em; color:#333;  width:100px; height:40px; margin-left: 20px;}
.message li:last-child input:hover{ background:#0e315f; color:#fff;}

@media (min-width:1366px) {
.container{ width:1300px; padding:0;}

.ty-left .ty-nav{ display:block !important;}
}
@media (max-width:1366px) and (min-width: 1200px){
.header .pc-nav li{ padding:0 10px;}
.header .pc-nav li a{ padding:0 15px;}

.foot-nav dl{ margin-right:5%;}
.foot-nav dl:nth-child(2){ width:30%;}

.ty-left .ty-nav{ display:block !important;}

.news-list li .text .date{ margin-top: 2%;}
}
@media (max-width:1199px) and (min-width:992px){
.header{ height:100px; line-height:100px;}
.header .pc-nav{ height:100px;}
.header .pc-nav li{ padding:0 5px;}
.header .pc-nav li > a{ font-size:1.6em; padding:0 10px;}
.header .pc-nav li dl{ width:130%;}
.header .pc-nav li dd a{ font-size:1.4em;}
.header .pc-search{ margin: 38px 0 0 10px;}

.inews .list li a{ width:74%;}
.inews .list li span{ width: 26%;}

.foot-nav dl{ margin-right:5%;}
.foot-nav dl:last-child{ width:46%;}
.foot-tel { padding: 0 0 0 4%;}

.ty-left .ty-nav{ display:block !important;}

.product-con td{ padding:20px 30px;}

.news-list li .text .title{ margin-bottom:5px;}
.news-list li .text .p{ -webkit-line-clamp: 2;}
.news-list li .text .date{ margin-top: 2%;}
}
@media (max-width:991px) and (min-width: 768px){
.container{ width:100%; padding:0 15px;}
.header{ position:fixed; background:#fff; height:84px; line-height:80px; width:100%; box-shadow:0 3px 5px rgba(0,0,0,.25);}
.header .logo img{ height:60px;}
.header .nav-btn{ height:84px; line-height:84px;}
.h60{ height:84px;}

.iproduct .list li .text .title{ font-size:1.8em;}

.inews .list li a{ width:68%;}
.inews .list li span{ width: 32%;}

.foot-nav dl:nth-child(-n+2){ display:none;}
.foot-tel { padding: 0 0 0 5%;}
.foot-wx img{ transform: translateY(0px);}

.page-banner{ height:200px;}

.ty-left{ padding:0; margin-top:20px;}
.ty-left .ty-top{ height:60px; line-height:60px; font-size:2em; background-size: 45px; text-align:left; text-indent:10px;}
.ty-left .ty-btn{ display:block;}
.ty-left .ty-nav{ display:none;}
.ty-left .ty-nav li{ height:50px; line-height:50px; font-size:1.4em;}
.ty-right{ padding:0; margin-top:20px;}

}
@media (max-width: 767px){
.container{ width:100%; padding:0 15px;}
.header{ position:fixed; background:#fff; height:62px; line-height:60px; width:100%; box-shadow:0 3px 5px rgba(0,0,0,.25);}
.header .logo img{ height:45px;}
.header .nav-btn{ height:62px; line-height:62px;}

.banner .swiper-pagination{ bottom:5px;}
.banner .swiper-pagination-bullet{ width:10px; height:10px;     margin: 0 6px !important;}

.iproduct{ margin:5% 0 2%;}
.iproduct .top{ font-size:2em; background-size: 820px;}
.iproduct .list{ margin:20px -7.5px 0;}
.iproduct .list li{ padding:0 7.5px;}
.iproduct .list li .text .title{ font-size:1.6em;}
.iproduct .list li .text .btns{ font-size:1.2em; width:80px; height:30px; line-height:30px; margin:8px auto 0;}

.index-title span{ font-size:1.9em;}
.iabout .img{ text-align:center;}
.inews, .ifc{ margin-top:5%;}

.footer{ padding:5% 0; margin-top:4%;}
.foot-nav dl:nth-child(-n+2){ display:none;}
.foot-tel { padding: 0; border:none;}
.foot-tel p{ font-size:2.4em;}
.foot-wx img{ transform: translateY(0px);}
.foot-copy{ font-size:1.2em; text-align:center; padding:15px 0;}
.foot-copy .container > div{ width:100%;}
.foot-copy .fx{ text-align:center; margin-top:6px;}

.page-banner{ height:160px;}

.ty-left{ padding:0; margin-top:20px;}
.ty-left .ty-top{ height:60px; line-height:60px; font-size:1.8em; background-size: 45px; text-align:left; text-indent:10px;}
.ty-left .ty-btn{ display:block;}
.ty-left .ty-nav{ display:none;}
.ty-left .ty-nav li{ height:50px; line-height:50px; font-size:1.4em;}
.ty-right{ padding:0; margin-top:20px;}
.ty-right .ty-top span{ font-size:1.8em;}

.product-con td{ padding:8px; font-size:1.4rem;}
.product-con td:first-child{ width:25%; text-align:center;}
.product-con td:last-child{ width:75%;}

.news-list li{ padding: 15px 0; }
.news-list li .img{ padding:0; margin-bottom:10px;}
.news-list li .img img{ width:100%;}
.news-list li .text{ padding:0;}
.news-list li .text .title{ font-size:1.6em;}
.news-list li .text .date{  margin-top:2%;}

.news-con .title{ font-size:1.8em;}
.news-con .text{ padding:20px 0;}
.pager .prev{ padding:0; margin-bottom:10px;}
.pager .next{ padding:0; text-align:left;}
.pager .next a{ float:inherit;}

.message li label{ width:22%; margin-right:0;}
.message li input[type="text"]{ width:78%;}
.message li textarea{ width:78%;}
.message li input[type="submit"]{ margin-left: 85px;}
}
@media (max-width: 414px){

}