/*-----------INDEX PAGE START-----------*/

@media (max-width:991px){

*{font-weight:400;}
div,p,h1,h2,h3,span{font-weight:400;}

.m-title{position:relative;width:100%;margin:0 auto;text-align:center;}
.m-title:before{content:"";position:absolute;left:10%;top:12px;width:80%;height:1px;background-color:#1ca4e6;}
.m-title:after{content:"";position:absolute;left:5%;top:16px;width:90%;height:1px;background-color:#1ca4e6;}
.m-title span{position:relative;z-index:10;display:inline-block;background-color:#fff;padding-left:15px;padding-right:15px;text-align:center;}
.m-title span em{display:block;color:#000;font-size:18px;line-height:24px;}
.m-title span em font{color:#039ae3;}
.m-title span i{display:block;color:#666;font-size:12px;line-height:16px;margin-top:0px;}

.postion{float:right;color:#666;font-size:12px;line-height:16px;padding-top:3px;padding-bottom:3px;}
.postion i{color:#888;font-size:12px;margin-left:5px;margin-right:5px;}

.s-sub{padding:10px 0px 20px;background-image:url(../images/bg-sub.jpg);background-size:cover;background-position:center top;}
.s-sub .m-title{margin-top:10px;margin-bottom:20px;}
.s-sub .m-title span{background-color:#f7f7f7;}
.s-sub .container{padding:0px 20px;}
.s-sub .content{padding:40px;background-color:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.4);}
.s-sub .content.about{padding:20px;color:#333;font-size:15px;line-height:30px;}
.s-sub .content.about img{width:100%;height:auto;}
.s-sub .content.about p{margin-bottom:12px;}
.s-sub .content.s-history{padding:15px 15px 5px;}
.s-sub .content.s-product{padding:10px 15px 30px;}
.s-sub .content.detail-product{padding:15px 15px 30px;}
.s-sub .content.list-news{padding:15px 15px;}
.s-sub .content.contact{padding:2px;}

.s-history{}
.s-history .item{position:relative;width:100%;height:60px;margin-bottom:10px;box-shadow:2px 2px 4px rgba(0,0,0,0.4);background-color:#666;overflow:hidden;}
.s-history .item:before{content:"";position:absolute;z-index:2;left:0px;top:0px;width:100%;height:5px;background:-webkit-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-o-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));}
.s-history .item:after{content:"";position:absolute;z-index:1;left:0px;top:0px;width:100%;height:5px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);background-color:#fff;}
.s-history .item .number{float:left;width:50px;height:55px;margin-top:5px;text-align:center;color:#fff;font-size:24px;line-height:55px;font-weight:bold;letter-spacing:-2px;padding-left:10px;text-shadow:1px 1px 2px rgba(0,0,0,0.6);}
.s-history .item .text{position:relative;z-index:3;float:right;width:calc(100% - 50px);height:50px;margin-top:5px;margin-right:-24px;transform:skewX(30deg);background-color:#fff;box-shadow:-2px 2px 2px rgba(0,0,0,0.2);}
.s-history .item .text:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:calc(45% + 1px);background:-webkit-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-o-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));}
.s-history .item .text:after{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:55%;background:-webkit-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-o-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));}
.s-history .item .text span{height:46px;padding-left:15px;padding-right:40px;display:-webkit-flex;display:flex;align-items:center;color:#333;font-size:12px;line-height:16px;transform:skewX(150deg);}
.s-history .item.c01{background-color:#c14e31;}
.s-history .item.c02{background-color:#de872d;}
.s-history .item.c03{background-color:#6c99d4;}
.s-history .item.c04{background-color:#bfbe3b;}
.s-history .item.c05{background-color:#4e7d90;}

.left-nav{padding:0px 0px 0px;}
.left-nav .item{display:none;position:relative;}
.left-nav .item a{display:block;border-bottom:#e9e9e9 solid 1px;font-size:15px;line-height:20px;font-weight:bold;padding:10px 0px;}
.left-nav .item em{display:none;position:absolute;top:15px;right:5px;width:14px;height:10px;}
.left-nav .item em:before{content:"";position:absolute;top:5px;left:1px;width:7px;height:1px;background-color:#666;transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.left-nav .item em:after{content:"";position:absolute;top:5px;right:1px;width:7px;height:1px;background-color:#666;transform:rotate(-40deg);-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.left-nav .item i{float:right;display:block;width:60px;margin-top:4px;text-align:center;color:#333;font-size:13px;line-height:20px;padding:5px 0px;font-weight:bold;border:#ddd solid 1px;border-radius:2px;}
.left-nav .item.on em:before{top:4px;left:1px;background-color:#666;transform:rotate(-40deg);-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.left-nav .item.on em:after{top:4px;right:1px;background-color:#666;transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.left-nav .item .drop a{display:inline-block;float:left;border-bottom:#f4f4f4 solid 1px;padding:10px 30px 10px 0px;margin-right:10px;color:#555;font-size:13px;line-height:18px;font-weight:normal;}
.left-nav .item .drop a:hover{color:#d0312d;}
.left-nav .item .drop a.active{color:#d0312d;font-weight:bold;}
.left-nav .item.on .drop{display:block;}

.left-nav-scroll-title{border-bottom:#e9e9e9 solid 1px;color:#222;font-size:15px;line-height:32px;font-weight:bold;padding-bottom:5px;}
.left-nav-scroll-title i{float:right;display:block;width:50px;text-align:center;color:#fff;font-size:13px;line-height:20px;padding:5px 0px;font-weight:bold;border-radius:2px;background-color:#ff4a38;}
.left-nav-scroll{overflow:hidden;position:relative;padding-left:14px;padding-right:14px;margin-top:10px;}
.left-nav-scroll .swiper-button-next, .left-nav-scroll .swiper-button-prev{position:absolute;top:0;width:14px;height:100%;margin-top:0px;z-index:10;cursor:pointer;background-color:#fff;-moz-background-size:6px 12px;-webkit-background-size:6px 12px;background-size:6px 12px;background-position:center;background-repeat:no-repeat;}
.left-nav-scroll .swiper-button-prev{left:0px;background-image:url(../images/scroll-left.png);background-position:left;}
.left-nav-scroll .swiper-button-next{right:0px;background-image:url(../images/scroll-right.png);background-position:right;}
.left-nav-scroll .swiper-button-prev.swiper-button-disabled{opacity:1;cursor:auto;pointer-events:none;background-image:url(../images/scroll-lefts.png);}
.left-nav-scroll .swiper-button-next.swiper-button-disabled{opacity:1;cursor:auto;pointer-events:none;background-image:url(../images/scroll-rights.png);}
.left-nav-scroll a{position:relative;display:block;background-color:#01a6ea;border-radius:2px;color:#fff;font-size:14px;padding-left:15px;padding-right:15px;line-height:36px;}
.left-nav-scroll a.active{background-color:#01a6ea;color:#feff01;}

.list-product{margin-left:-5px;margin-right:-5px;margin-top:15px;}
.list-product .item{float:left;width:calc(50% - 10px);margin-left:5px;margin-right:5px;margin-bottom:10px;}
.list-product .item .pic{border:#dfdfdf solid 1px;overflow:hidden;}
.list-product .item .pic img{width:100%;height:auto;}
.list-product .item .text{margin-top:10px;font-size:13px;line-height:24px;height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-product .page{clear:both;font-size:14px;line-height:24px;text-align:center;padding-top:5px;}

.detail-product{}
.detail-product .big-pic{position:relative;width:100%;border:#e7e7e7 solid 2px;overflow:hidden;}
.detail-product .big-pic img{width:100%;height:auto;}
.detail-product .big-pic:before{content:"";position:absolute;z-index:10;bottom:0px;right:0px;width:80px;height:80px;border-style:solid;border-color:#e7e7e7 transparent;border-width:0px 0px 80px 80px;}
.detail-product .big-pic:after{content:"";position:absolute;z-index:10;bottom:0px;right:0px;width:44px;height:44px;background-image:url(../images/product-pic-icon.png);background-position:center;background-size:cover;}
.detail-product .big-pic:hover:after{background-image:url(../images/product-pic-icons.png);}
.detail-product .intro{width:100%;margin-top:20px;}
.detail-product .intro .name{color:#e3250e;font-size:18px;line-height:24px;border-bottom:#e7e7e7 solid 2px;padding-bottom:8px;}
.detail-product .intro .text{color:#333;font-size:14px;line-height:24px;margin-top:10px;}
.detail-product .intro .text p{position:relative;padding-left:10px;}
.detail-product .intro .text p:before{content:"";position:absolute;left:0px;top:11px;width:3px;height:3px;background-color:#333;border-radius:50%;}
.detail-product .intro .link{margin-top:20px;text-align:center;}
.detail-product .intro .link a{position:relative;display:inline-block;color:#fff;font-size:14px;line-height:40px;height:42px;padding-left:75px;padding-right:35px;border-radius:30px;background-color:#bababa;}
.detail-product .intro .link a:before{content:"";position:absolute;left:10px;top:0px;width:50px;height:42px;border-right:rgba(255,255,255,0.6) solid 1px;background-image:url(../images/product-pic-icon-02.png);background-position:center;background-repeat:no-repeat;background-size:18px auto;}
.detail-product .intro .link a:hover{background-color:#246ca3;}
.detail-product .item{margin-top:30px;}
.detail-product .sub-title{position:relative;color:#136086;font-size:16px;line-height:26px;border-bottom:#136086 solid 1px;padding-bottom:5px;padding-left:20px;}
.detail-product .sub-title:before{content:"";position:absolute;left:0px;top:6px;width:12px;height:12px;background-color:#136086;}
.detail-product .contents{margin-top:15px;color:#333;font-size:13px;line-height:22px;}
.detail-product .contents p{margin-bottom:12px;}
.detail-product .contents img{width:100%;height:auto;}

.list-news{}
.list-news .item{border-bottom:#e2e2e2 solid 1px;margin-bottom:10px;padding-bottom:10px;}
.list-news .item .date{float:left;width:50px;height:50px;background-color:#1ba3e5;text-align:center;padding-top:3px;}
.list-news .item .date i{display:block;color:#fff;font-size:24px;line-height:30px;}
.list-news .item .date em{display:block;color:#fff;font-size:11px;line-height:14px;}
.list-news .item .more{display:none;}
.list-news .item .text{float:left;width:calc(100% - 50px);padding-left:10px;}
.list-news .item .text h1{font-size:15px;line-height:26px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .item .text p{color:#666;font-size:13px;line-height:20px;margin-top:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .title{border-bottom:#e2e2e2 solid 1px;text-align:center;margin-bottom:15px;padding-bottom:15px;margin-top:5px;}
.list-news .title h1{font-size:18px;line-height:24px;font-weight:bold;}
.list-news .title p{color:#666;font-size:13px;line-height:20px;margin-top:6px;}
.list-news .contents{color:#444;font-size:14px;line-height:26px;}
.list-news .contents p{margin-bottom:12px;}
.list-news .contents img{width:100%;height:auto;}
.list-news .contents .link{margin-top:10px;text-align:center;margin-bottom:10px;}
.list-news .contents .link a{display:inline-block;color:#fff;font-size:14px;line-height:42px;padding-left:30px;padding-right:30px;border-radius:30px;background-color:#000;}
.list-news .contents .link a:hover{background-color:#1ba3e5;}

.page{margin-left:-2px;margin-right:-2px;text-align:center;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.page a{display:none;background-color:#fff;font-size:14px;color:#666;line-height:40px;height:40px;font-weight:400;text-align:center;padding-left:16px;padding-right:16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-left:2px;margin-right:2px;}
.page a:hover{background-color:#dedede;color:#111;}
.page a.active{display:inline-block;width:44px;background-color:#f4f4f4;color:#333;}
.page a.display-m{display:inline-block;width:calc(50% - 26px);background-color:#f4f4f4;}
.page a.next{display:inline-block;background-color:#f4f4f4;}
.page a.prev{display:inline-block;background-color:#f4f4f4;}


.page span{display:none;}
.page input[type="text"]{display:none;}

.contact{}
.contact .contents{padding:10px 20px 30px;background-color:#ccdede;}
.contact .contents .input-wrap{float:left;width:100%;margin-top:7px;margin-bottom:7px;}
.contact .contents .input-wrap.w100{float:left;width:100%;}
.contact .contents .input-wrap .name{float:left;width:100%;color:#333;font-size:14px;line-height:20px;margin-bottom:4px;}
.contact .contents .input-wrap .name.star{padding-left:8px;background-image:url(../images/ico-star.png);background-position:center left;background-repeat:no-repeat;background-size:6px auto;}
.contact .contents .input-wrap .con{float:right;width:100%;}
.contact .contents .input-wrap.ss .con select{float:left;width:70px;height:36px;display:inline-block;border:#959595 solid 1px;background-color:#fff;padding-left:10px;padding-right:10px;border-radius:0px;color:#333;font-size:14px;background-image:url(../images/selectarr.png);background-position:right center;background-repeat:no-repeat;background-size:auto 24px;}
.contact .contents .input-wrap.ss .con input[type="text"]{float:right;width:calc(100% - 80px);}
.contact .contents .input-wrap input[type="text"]{border:#959595 solid 1px;background-color:#fff;width:100%;height:36px;color:#333;font-size:14px;border-radius:0px;padding-left:10px;padding-right:10px;}
.contact .contents .input-wrap textarea{border:#959595 solid 1px;background-color:#fff;width:100%;min-height:160px;color:#333;font-size:14px;border-radius:0px;padding:8px 10px;}
.contact .contents .input-wrap .c-radio{margin-top:4px;margin-bottom:4px;}
.contact .contents .input-wrap .c-radio .box{background-color:#fff;border:#959595 solid 1px;}
.contact .contents .input-wrap .c-radio font{color:#333;font-size:14px;line-height:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.contact .contents .input-wrap .c-radio input[type="text"]{display:inline-block;width:100px;height:30px;float:right;margin-left:10px;margin-top:-6px;}
.contact .contents .link{margin-top:10px;text-align:center;margin-left:-5px;margin-right:-5px;}
.contact .contents .link input[type="submit"]{float:left;display:inline-block;width:calc(50% - 10px);color:#fff;font-size:16px;line-height:44px;font-weight:bold;text-align:center;margin-left:5px;margin-right:5px;box-shadow:2px 2px 3px rgba(0,0,0,0.6);border:#fff solid 2px;border-radius:30px;background:-webkit-linear-gradient(#006da8,#002a54);background:-o-linear-gradient(#006da8,#002a54);background:-moz-linear-gradient(#006da8,#002a54);background:linear-gradient(#006da8,#002a54);}
.contact .contents .link input[type="submit"]:hover{background:-webkit-linear-gradient(#005e94,#002a54);background:-o-linear-gradient(#005e94,#002a54);background:-moz-linear-gradient(#005e94,#002a54);background:linear-gradient(#005e94,#002a54);}

.contact .contents .link input[type="button"]{float:left;display:inline-block;width:calc(50% - 10px);color:#fff;font-size:16px;line-height:44px;font-weight:bold;text-align:center;margin-left:5px;margin-right:5px;box-shadow:2px 2px 3px rgba(0,0,0,0.6);border:#fff solid 2px;border-radius:30px;background:-webkit-linear-gradient(#006da8,#002a54);background:-o-linear-gradient(#006da8,#002a54);background:-moz-linear-gradient(#006da8,#002a54);background:linear-gradient(#006da8,#002a54);}
.contact .contents .link input[type="button"]:hover{background:-webkit-linear-gradient(#005e94,#002a54);background:-o-linear-gradient(#005e94,#002a54);background:-moz-linear-gradient(#005e94,#002a54);background:linear-gradient(#005e94,#002a54);}


.contact .contents .link input[type="reset"]{float:left;display:inline-block;width:calc(50% - 10px);color:#111;font-size:16px;line-height:44px;font-weight:bold;margin-left:5px;margin-right:5px;box-shadow:2px 2px 3px rgba(0,0,0,0.6);border:#fff solid 2px;border-radius:30px;background:-webkit-linear-gradient(#cacaca,#5b5b5b);background:-o-linear-gradient(#cacaca,#5b5b5b);background:-moz-linear-gradient(#cacaca,#5b5b5b);background:linear-gradient(#cacaca,#5b5b5b);}
.contact .contents .link input[type="reset"]:hover{background:-webkit-linear-gradient(#b4b4b4,#5b5b5b);background:-o-linear-gradient(#b4b4b4,#5b5b5b);background:-moz-linear-gradient(#b4b4b4,#5b5b5b);background:linear-gradient(#b4b4b4,#5b5b5b);}

}

@media (max-width:768px){


}

@media (max-width:480px){


}

@media (min-width:992px){

.m-title{position:relative;width:80%;margin:0 auto;text-align:center;}
.m-title:before{content:"";position:absolute;left:10%;top:20px;width:80%;height:2px;background-color:#1ca4e6;}
.m-title:after{content:"";position:absolute;left:5%;top:28px;width:90%;height:2px;background-color:#1ca4e6;}
.m-title span{position:relative;z-index:10;display:inline-block;background-color:#fff;padding-left:30px;padding-right:30px;text-align:center;}
.m-title span em{display:block;color:#000;font-size:32px;line-height:40px;}
.m-title span em font{color:#039ae3;}
.m-title span i{display:block;color:#666;font-size:18px;line-height:24px;margin-top:0px;}

.postion{float:right;color:#666;font-size:13px;line-height:16px;padding-top:3px;padding-bottom:3px;}
.postion i{color:#888;font-size:12px;margin-left:5px;margin-right:5px;}

.s-sub{padding:20px 0px 80px;background-image:url(../images/bg-sub.jpg);background-size:cover;background-position:center top;}
.s-sub .m-title{margin-top:30px;margin-bottom:30px;}
.s-sub .m-title span{background-color:#f7f7f7;}
.s-sub .content{padding:40px;background-color:#fff;box-shadow:0px 0px 20px rgba(0,0,0,0.4);}
.s-sub .content.about{padding:40px 50px;color:#333;font-size:15px;line-height:30px;}
.s-sub .content.about img{width:100%;height:auto;}
.s-sub .content.about p{margin-bottom:12px;}
.s-sub .content.s-product{padding:40px 40px;}
.s-sub .content.detail-product{padding:60px 80px;}
.s-sub .content.list-news{padding:60px 120px;}
.s-sub .content.contact{padding:30px;}

.s-history{}
.s-history .item{position:relative;width:80%;height:100px;margin:0 auto;margin-bottom:20px;box-shadow:5px 5px 10px rgba(0,0,0,0.4);background-color:#666;overflow:hidden;}
.s-history .item:before{content:"";position:absolute;z-index:2;left:0px;top:0px;width:100%;height:10px;background:-webkit-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-o-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));}
.s-history .item:after{content:"";position:absolute;z-index:1;left:0px;top:0px;width:100%;height:10px;box-shadow:0px 5px 3px rgba(0,0,0,0.2);background-color:#fff;}
.s-history .item .number{float:left;width:120px;height:90px;margin-top:10px;text-align:center;color:#fff;font-size:44px;line-height:90px;font-weight:bold;letter-spacing:-2px;padding-left:20px;text-shadow:2px 2px 3px rgba(0,0,0,0.8);}
.s-history .item .text{position:relative;z-index:3;float:right;width:calc(100% - 120px);height:80px;margin-top:10px;margin-right:-24px;transform:skewX(30deg);background-color:#fff;box-shadow:-5px 5px 3px rgba(0,0,0,0.2);}
.s-history .item .text:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:calc(45% + 1px);background:-webkit-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-o-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));}
.s-history .item .text:after{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:55%;background:-webkit-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-o-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:-moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));background:linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.05));}
.s-history .item .text span{height:76px;padding-left:30px;display:-webkit-flex;display:flex;align-items:center;color:#333;font-size:17px;line-height:24px;font-weight:bold;transform:skewX(150deg);}
.s-history .item.c01{background-color:#c14e31;}
.s-history .item.c02{background-color:#de872d;}
.s-history .item.c03{background-color:#6c99d4;}
.s-history .item.c04{background-color:#bfbe3b;}
.s-history .item.c05{background-color:#4e7d90;}

.s-product{min-height:600px;}
.s-product .con-left{float:left;width:200px;}
.s-product .con-right{float:right;width:calc(100% - 230px);}

.left-nav{}
.left-nav .item{position:relative;}
.left-nav .item a{display:block;color:#fff;font-size:14px;line-height:20px;font-weight:bold;padding:10px 20px 10px 15px;background-color:#01a6ea;margin-bottom:10px;}
.left-nav .item em{position:absolute;top:15px;right:15px;width:14px;height:10px;}
.left-nav .item em:before{content:"";position:absolute;top:5px;left:1px;width:7px;height:1px;background-color:#fff;transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.left-nav .item em:after{content:"";position:absolute;top:5px;right:1px;width:7px;height:1px;background-color:#fff;transform:rotate(-40deg);-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.left-nav .item.on a{color:#feff01;}
.left-nav .item.on em:before{top:4px;left:1px;background-color:#fff;transform:rotate(-40deg);-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.left-nav .item.on em:after{top:4px;right:1px;background-color:#fff;transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.left-nav .item .drop{margin-bottom:10px;}
.left-nav .item .drop a{display:block;background-color:#fff;padding:5px 20px 5px 15px;margin-bottom:0px;color:#555;font-size:14px;line-height:20px;font-weight:normal;}
.left-nav .item .drop a:hover{color:#d0312d;}
.left-nav .item .drop a.active{color:#d0312d;font-weight:bold;}
.left-nav .item.on .drop{display:block;}
.left-nav .item.sub .drop{display:none;}

.left-nav-scroll-title{display:none;}
.left-nav-scroll{display:none;}

.list-product{margin-left:-15px;margin-right:-15px;}
.list-product .item{float:left;width:calc(33.333333% - 30px);margin-left:15px;margin-right:15px;margin-bottom:30px;}
.list-product .item .pic{border:#dfdfdf solid 1px;overflow:hidden;}
.list-product .item .pic img{width:100%;height:auto;}
.list-product .item .text{margin-top:10px;font-size:14px;line-height:24px;height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-product .page{clear:both;font-size:14px;line-height:24px;text-align:center;}

.detail-product{min-height:600px;}
.detail-product .big-pic{position:relative;float:left;width:440px;height:330px;border:#e7e7e7 solid 2px;overflow:hidden;}
.detail-product .big-pic img{width:100%;height:auto;}
.detail-product .big-pic:before{content:"";position:absolute;z-index:10;bottom:0px;right:0px;width:80px;height:80px;border-style:solid;border-color:#e7e7e7 transparent;border-width:0px 0px 80px 80px;}
.detail-product .big-pic:after{content:"";position:absolute;z-index:10;bottom:0px;right:0px;width:44px;height:44px;background-image:url(../images/product-pic-icon.png);background-position:center;background-size:cover;}
.detail-product .big-pic:hover:after{background-image:url(../images/product-pic-icons.png);}
.detail-product .intro{float:right;width:calc(100% - 480px);}
.detail-product .intro .name{color:#e3250e;font-size:24px;line-height:30px;border-bottom:#e7e7e7 solid 2px;padding-bottom:8px;}
.detail-product .intro .text{color:#333;font-size:16px;line-height:28px;margin-top:20px;}
.detail-product .intro .text p{position:relative;padding-left:10px;}
.detail-product .intro .text p:before{content:"";position:absolute;left:0px;top:11px;width:3px;height:3px;background-color:#333;border-radius:50%;}
.detail-product .intro .link{margin-top:40px;}
.detail-product .intro .link a{position:relative;display:inline-block;color:#fff;font-size:15px;line-height:48px;padding-left:75px;padding-right:35px;border-radius:30px;background-color:#bababa;}
.detail-product .intro .link a:before{content:"";position:absolute;left:10px;top:0px;width:50px;height:48px;border-right:rgba(255,255,255,0.6) solid 1px;background-image:url(../images/product-pic-icon-02.png);background-position:center;background-repeat:no-repeat;background-size:20px auto;}
.detail-product .intro .link a:hover{background-color:#246ca3;}
.detail-product .item{margin-top:50px;}
.detail-product .sub-title{position:relative;color:#136086;font-size:20px;line-height:30px;border-bottom:#136086 solid 1px;padding-bottom:8px;padding-left:24px;}
.detail-product .sub-title:before{content:"";position:absolute;left:0px;top:8px;width:12px;height:12px;background-color:#136086;}
.detail-product .contents{margin-top:20px;color:#333;font-size:15px;line-height:30px;}
.detail-product .contents p{margin-bottom:12px;}

.list-news{min-height:600px;}
.list-news .item{border-bottom:#bababa solid 1px;margin-bottom:20px;padding-bottom:20px;}
.list-news .item .date{float:left;width:70px;height:70px;background-color:#1ba3e5;text-align:center;padding-top:7px;}
.list-news .item .date i{display:block;color:#fff;font-size:38px;line-height:40px;}
.list-news .item .date em{display:block;color:#fff;font-size:13px;line-height:18px;}
.list-news .item .more{float:right;width:70px;height:70px;text-align:center;padding-top:30px;}
.list-news .item .more a{position:relative;display:block;color:#ff7200;font-size:14px;line-height:30px;padding-right:3px;}
.list-news .item .more a:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#ff7200;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.list-news .item .more a:after{content:"";position:absolute;right:-1px;bottom:3px;width:8px;height:1px;background-color:#ff7200;transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.list-news .item .more a:hover{color:#d0312d;}
.list-news .item .more a:hover:before{background-color:#d0312d;}
.list-news .item .more a:hover:after{background-color:#d0312d;}
.list-news .item .text{float:left;width:calc(100% - 140px);padding-left:30px;padding-right:30px;}
.list-news .item .text h1{font-size:18px;line-height:26px;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .item .text p{color:#666;font-size:14px;line-height:20px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .title{border-bottom:#bababa solid 1px;text-align:center;margin-bottom:20px;padding-bottom:15px;}
.list-news .title h1{font-size:22px;line-height:30px;font-weight:bold;}
.list-news .title p{color:#666;font-size:14px;line-height:20px;margin-top:6px;}
.list-news .contents{color:#444;font-size:16px;line-height:30px;}
.list-news .contents p{margin-bottom:14px;}
.list-news .contents .link{margin-top:20px;text-align:center;}
.list-news .contents .link a{display:inline-block;color:#fff;font-size:15px;line-height:48px;padding-left:50px;padding-right:50px;border-radius:30px;background-color:#000;}
.list-news .contents .link a:hover{background-color:#1ba3e5;}

.page{margin-top:20px;text-align:center;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.page a{background-color:#fff;font-size:14px;color:#666;line-height:36px;height:36px;font-weight:400;text-align:center;display:inline-block;padding-left:12px;padding-right:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-left:1px;margin-right:1px;}
.page a:hover{background-color:#ebebeb;color:#111;}
.page a.active{background-color:#fff;color:#d0312d;}
.page a .fa{font-size:18px;line-height:40px;}
.page input[type="text"]{border:#d7d7d7 solid 1px;width:50px;height:36px;text-align:center;font-size:14px;color:#333;border-radius:2px;}

.contact{}
.contact .contents{padding:50px 60px 60px;background-color:#ccdede;}
.contact .contents .input-wrap{float:left;width:50%;margin-top:7px;margin-bottom:7px;}
.contact .contents .input-wrap.w100{float:left;width:100%;}
.contact .contents .input-wrap .name{float:left;width:130px;color:#333;font-size:15px;line-height:36px;padding-right:8px;text-align:right;}
.contact .contents .input-wrap .name.star{background-image:url(../images/ico-star.png);background-position:center right;background-repeat:no-repeat;background-size:6px auto;}
.contact .contents .input-wrap .con{float:right;width:calc(100% - 130px);padding-left:10px;}
.contact .contents .input-wrap.ss .con select{float:left;width:70px;height:36px;display:inline-block;border:#959595 solid 1px;background-color:#fff;padding-left:10px;padding-right:10px;border-radius:0px;color:#333;font-size:14px;background-image:url(../images/selectarr.png);background-position:right center;background-repeat:no-repeat;background-size:auto 24px;}
.contact .contents .input-wrap.ss .con input[type="text"]{float:right;width:calc(100% - 80px);}
.contact .contents .input-wrap input[type="text"]{border:#959595 solid 1px;background-color:#fff;width:100%;height:36px;color:#333;font-size:14px;border-radius:0px;padding-left:10px;padding-right:10px;}
.contact .contents .input-wrap textarea{border:#959595 solid 1px;background-color:#fff;width:100%;min-height:160px;color:#333;font-size:14px;border-radius:0px;padding:8px 10px;}
.contact .contents .input-wrap .c-radio-inline{margin-top:8px;margin-bottom:0px;}
.contact .contents .input-wrap .c-radio .box{background-color:#fff;border:#959595 solid 1px;}
.contact .contents .input-wrap .c-radio font{color:#333;font-size:15px;line-height:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.contact .contents .input-wrap .c-radio input[type="text"]{display:inline-block;width:100px;float:right;margin-left:10px;margin-top:-10px;}
.contact .contents .link{margin-top:20px;text-align:center;}
.contact .contents .link input[type="submit"]{display:inline-block;color:#fff;font-size:16px;line-height:44px;font-weight:bold;padding-left:40px;padding-right:40px;margin-left:20px;margin-right:20px;box-shadow:2px 2px 3px rgba(0,0,0,0.6);border:#fff solid 2px;border-radius:30px;background:-webkit-linear-gradient(#006da8,#002a54);background:-o-linear-gradient(#006da8,#002a54);background:-moz-linear-gradient(#006da8,#002a54);background:linear-gradient(#006da8,#002a54);}
.contact .contents .link input[type="submit"]:hover{background:-webkit-linear-gradient(#005e94,#002a54);background:-o-linear-gradient(#005e94,#002a54);background:-moz-linear-gradient(#005e94,#002a54);background:linear-gradient(#005e94,#002a54);}

.contact .contents .link input[type="button"]{display:inline-block;color:#fff;font-size:16px;line-height:44px;font-weight:bold;padding-left:40px;padding-right:40px;margin-left:20px;margin-right:20px;box-shadow:2px 2px 3px rgba(0,0,0,0.6);border:#fff solid 2px;border-radius:30px;background:-webkit-linear-gradient(#006da8,#002a54);background:-o-linear-gradient(#006da8,#002a54);background:-moz-linear-gradient(#006da8,#002a54);background:linear-gradient(#006da8,#002a54);}
.contact .contents .link input[type="button"]:hover{background:-webkit-linear-gradient(#005e94,#002a54);background:-o-linear-gradient(#005e94,#002a54);background:-moz-linear-gradient(#005e94,#002a54);background:linear-gradient(#005e94,#002a54);}

.contact .contents .link input[type="reset"]{display:inline-block;color:#111;font-size:16px;line-height:44px;font-weight:bold;padding-left:40px;padding-right:40px;margin-left:20px;margin-right:20px;box-shadow:2px 2px 3px rgba(0,0,0,0.6);border:#fff solid 2px;border-radius:30px;background:-webkit-linear-gradient(#cacaca,#5b5b5b);background:-o-linear-gradient(#cacaca,#5b5b5b);background:-moz-linear-gradient(#cacaca,#5b5b5b);background:linear-gradient(#cacaca,#5b5b5b);}
.contact .contents .link input[type="reset"]:hover{background:-webkit-linear-gradient(#b4b4b4,#5b5b5b);background:-o-linear-gradient(#b4b4b4,#5b5b5b);background:-moz-linear-gradient(#b4b4b4,#5b5b5b);background:linear-gradient(#b4b4b4,#5b5b5b);}

}

@media (min-width:1280px){

.s-sub .content{padding:60px;}
.s-sub .content.list-news{padding:60px 180px;}
.s-sub .content.contact{padding:40px;}

.contact .contents{padding:50px 100px 60px;}

}