/*title*/
.section-title { margin-bottom: 40px; text-align: center; font-size: 28px; margin-top:30px; }
.section-title h2 { margin-top: 0; margin-bottom: 0px; text-align: center; font-size:39px; letter-spacing: 2px; color:#333333;text-transform:uppercase; font-weight:900}
.section-title p { color: #5c5c5c; font-size: 13px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #24418e; }
.section-title1 { margin-bottom: 40px; text-align: center; font-size: 28px; margin-top:40px; }
.section-title1 h2{ margin-top: 0; margin-bottom: 0px; text-align: center; font-size:39px; letter-spacing: 2px; color:#fff;text-transform:uppercase; font-weight:900}
.section-title1 p { color: #5c5c5c; font-size: 13px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title1:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #fff; }
/*product*/
.nyprobox{ width:100%; overflow:hidden; padding-top:10px;}
.nyprobox ul{width:100%;}
.nyprobox li{width:24%; float: left; margin-right:1%; background: #fff; margin-bottom: 30px;}
.nyprobox li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:14px;}
.nyprobox li:nth-child(4n){ margin-right:0px;}
/*adv*/
.advbg{width:100%; margin-top:40px; overflow:hidden; background:url(../images/youshibg.jpg) no-repeat center; padding:50px 0px; height:760px;}
.zhichi{ width:100%; margin-top:10px;}
.zhichi li{ float:left; width:30.333333%; margin-right:4%;background:#fff;margin-top:25px;text-align: center;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; height:400px;}
.zhichi li p{line-height:50px; font-size:25px; text-align:center; color:#bb1d1e;text-transform: uppercase;}
.zhichi li span{ float:left; width:100%; margin:auto; font-size:18px; padding:2% 5%; color:#5b5b5b; line-height:35px; text-align:left}
.zhichi li i{width:72px;height:78px; background-position: 0 0;margin:40px 0 15px 0;}
.zhichi li:nth-child(2) i{ background-position: -88px 0;}
.zhichi li:nth-child(3) i{ background-position: -176px -0;}
.zhichi li:last-of-type{ margin-right:0}
/*index about*/
/*about*/
.index-aboutbg{width:100%;overflow:hidden; background:#f7f7f7; padding:50px 0px;}
.inaboutL{float:left; width:550px;}
.inaboutL h1{ float:left; width:100%; line-height:50px; font-size:40px; color:#3b3b3b;font-weight:600; padding-bottom:20px;}
.inaboutL h1:after { display: block; content: ''; width:60px; height: 2px; background-color: #24418e; }
.inaboutL p{ float:left; width:100%; line-height:32px; font-size:16px; overflow:hidden;word-wrap:break-word;}
.inaboutR{float:right; width:640px; overflow:hidden;}
.inaboutR img{border-radius:6px;}
.More{height:40px;width: 140px;background-color: #24418e;border-radius:10px; text-align:center;margin-top:30px;} 
.More a .more{font-size: 16px;color: #ffffff; line-height:40px;}
/*number*/
.number_box{ margin:auto; width:1260px;color: #999; position: relative; z-index:2; background:#fff; height:140px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=200 strength=1);/*ie*/-moz-box-shadow: 0px 0px 5px #dfdfdf;/*firefox*/-webkit-box-shadow: 0px 0px 5px #dfdfdf;}
.number_box{ margin:auto; width:100%;color: #fff; position: relative; z-index:2;height:140px; margin-top:50px;  overflow:hidden}
.number_box:before,
.number_box:after{content: ""; display: table;}
.number_box:after{clear: both;}
.number_box > .number_box_table{display: table; width: 100%; height: 43px; table-layout: fixed; margin-top: 42px;}
.number_box > .number_box_table > ul{display: table-row;}
.number_box > .number_box_table > ul > li{display: table-cell;border-left: 1px solid #ddd; text-align: center; font-size: 14px;}
.number_box > .number_box_table > ul > li:first-child{border-left: none;}
.number_box > .number_box_table > ul > li > div{position: relative; top: -10px; height: 40px;}
.number_box > .number_box_table > ul > li > div > span{font-size:45px; color:#24418e; font-weight:200}
.number_box > .number_box_table > ul > li > div > sup{font-size: 13px; vertical-align: top; position: relative; top: -1px; color:#24418e;}
.number_box > .number_box_table > ul > li > div > p{ padding-top:10px; color:#3a3a3a}
/*How Liandian ensures the quality */
.howbg{width:100%;overflow:hidden; background:url(../images/whybg.jpg) no-repeat center; padding:40px 0px;}
.howL{ float:left; width:590px; margin-top:20px;}
.howL li{ float:left; width:100%; height:46px; line-height:46px; background:url(../images/ico5.png) no-repeat 10px 50%; font-size:18px; padding-left:40px; box-sizing:border-box; margin-bottom:15px; background-color:#bed0ff; border-radius:5px;}
.howR{ float:right; width:600px; padding-top:70px;}
/*news*/
.newsbg{width:100%;overflow:hidden; background:#fff; padding:50px 0px;}

.sec5-tbody {font-size: 0;letter-spacing: 0;margin-left: -35px;margin-right: -35px;padding-top:25px; position: relative;display: flex;flex-wrap: wrap;}
.sec5-tbody-item {width: 33.333333%;display: inline-block;vertical-align: top;padding: 0 35px;margin-bottom: 20px;}
.new-item-box {display: block;width: 100%;background: #fff;position: relative;}
.new-item-box .item-pic {width: 100%;position: relative;}
.new-item-box .item-pic img {width: 100%;}
.new-item-box .item-body {padding: 10px 16px 19px;position: relative;}
.new-item-box .item-body .item-title {font-size: 18px;color: #333333;line-height: 30px;}
.new-item-box .item-body .item-title a{ color:#3b3b3b}
.new-item-box .item-body .item-title a:hover{ color:#24418e}
.new-item-box .item-body .item-desc {font-size: 16px;margin-top: 8px;color: #666666;line-height: 30px;min-height: 60px;overflow: hidden;}
.new-item-box .item-body .item-desc a{ color:#3b3b3b}
.new-item-box .item-body .item-desc a:hover{ color:#24418e}
.new-item-box .item-body .item-flex {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 15px;}
.new-item-box .item-body .item-date {font-size: 12px;color: #999999;line-height: 28px;}
.new-item-box .item-body .item-date .iconfont {font-size: 16px;color: #999999}
.new-item-box .item-body .item-href {font-size: 14px;font-family: Roboto-Bold;color: #333333;line-height: 28px;text-align: right;text-transform: uppercase;}
.new-item-box .item-body .item-href .iconfont {font-size: 15px;color: #333;margin-left: 4px;}
.new-item-box .item-body .item-href a {color: #666;}
.new-item-box .item-body .item-href a:hover {color: #24418e;}
/*feedback*/
.feedback-bg{ width:100%; overflow:hidden; background:#fff;padding:20px 0 60px 0;}
.join-line{ width:1226px; margin:auto;background:#fff; overflow:hidden;border-radius:10px; padding:30px 20px; border-top:2px solid #24418e;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}
.join-line .linL{ float:left;width:580px;}
.join-line .linR{ float:right;width:550px;}
.message-tit{ width:100%; overflow:hidden;line-height:30px;}
.message{ float:left; width:100%; overflow:hidden; height:auto; margin-top:30px;}
.message li{ float:left; width:48%; padding-bottom:10px; line-height:40px;}
.message li:nth-child(2){ float:right;}
.message li:nth-child(4){ float:right;}
.message li:nth-child(5){ float:left; width:100%;}
.message li:nth-child(6){ float:left; width:100%; margin-top:30px;}
.ginput{ width:100%; padding:5px; border:1px solid #ccc; box-sizing:border-box; line-height:30px; color:#666666}
.btns{width:140px;height:40px;margin-right:10px; background:#24418e;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;border-radius: 5px;}
.btns:hover{background:#333;transition:all 0.3s;}
.gtext1{float:left;width:98%;height:122px;line-height:24px;color:#777777;text-align:left;padding:4px;border:1px solid #ccc;}

@media (max-width:768px) {
/*title*/
.section-title { margin-bottom:20px;margin-top:0; }
.section-title h2 { font-size:20px;}
.section-title p { display:none}
.section-title1 { margin-bottom:20px;margin-top:0;}
.section-title1 h2 { font-size:20px; color:#fff}
.marg50{ margin-top:30px!important;}
/*product*/
.nyprobox li{width:49%; float: left; margin-right:2%; background: #fff; margin-bottom:20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.nyprobox li p{ width:100%; float:left; line-height:22px; text-align:center; font-size:13px; height:22px;}
.nyprobox li:nth-child(2n){ margin-right:0px}
/*adv*/
.advbg{width:100%; margin-top:10px;background:#151c32; padding:40px 0px; height:auto;}
.zhichi{margin-top:10px;}
.zhichi li{ float:left; width:96%; margin:auto; margin-right:0;margin-top:15px; height:auto; margin-left:2%}
.zhichi li span{ width:90%; line-height:25px; font-size:15px;padding:2% 4%;}
.zhichi li p{line-height:30px;}
.zhichi li i{width:72px;height:78px; background-position: 0 0;margin:20px 0 15px 0;}
/*about*/
.index-aboutbg{padding:20px 0px;}
.inaboutL{float:left; width:100%;}
.inaboutL h1{font-size:20px;}
.inaboutL p{line-height:25px; font-size:16px; }
.inaboutR{float:left; width:100%;}
.More{ display:none} 
.number_box{ display:none}
/*How Liandian ensures the quality */
.howbg{width:100%; margin-top:10px;background:#151c32; padding:40px 0px; height:auto;}
.howL{ float:left; width:100%; margin-top:20px;}
.howL li{height:46px; line-height:46px;font-size:16px; padding-left:40px;}
.howR{ float:right; width:100%; padding-top:20px;}
/*news*/
.sec5-tbody {margin-left: -8px; margin-right: -8px; padding-top: 24px;}
.sec5-tbody-item {width: 100%; padding: 0 8px;margin-bottom: 16px;}
.new-item-box .item-body {padding: 6px 10px 14px;}
.new-item-box .item-body .item-title {font-size: 16px;line-height: 26px;}
.new-item-box .item-body .item-desc {font-size: 14px;margin-top: 6px;line-height: 24px;min-height: 48px;}
.new-item-box .item-body .item-flex { margin-top: 12px;}
.new-item-box .item-body .item-date {font-size: 12px;line-height: 24px;}
.new-item-box .item-body .item-date .iconfont { font-size: 14px;}
.new-item-box .item-body .item-href {font-size: 14px;line-height: 26px;}
.new-item-box .item-body .item-href .iconfont {font-size: 14px;margin-left: 4px;}
/*feedback*/
.feedback-bg{ margin-top:20px; padding:20px 0 20px 0;}
.join-line{ width:98%; margin:auto;padding:20px 10px;box-sizing:border-box; }
.join-line .linL{ float:left;width:100%;}
.join-line .linR{ float:right;width:100%;}
.message-tit{line-height:20px; margin-top:15px;}
.message li{ float:left; width:100%; padding-bottom:10px; line-height:40px;}
.message li:nth-child(2){ float:left;}
.message li:nth-child(4){ float:left;}
.gtext1{width:97%;}
}