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


@media (max-width:767px){

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

.text-list dd a{width:calc(100% - 90px);float:left;padding-left:12px;line-height:28px;font-size:15px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-list dd a:before{content:"";position:absolute;left:0px;top:50%;margin-top:-3px;width:3px;height:3px;background-color:#999999;border-radius:50%;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.text-list dd a:hover:before{background-color:#0176cd;}
.text-list dd span{float:right;line-height:28px;font-size:14px;color:#888;}

.pic-news{position:relative;}
.pic-news .pic{float:left;width:35%;}
.pic-news .pic img{max-width:none;width:100%;height:auto;border-radius:2px;}
.pic-news .con{float:left;width:65%;padding-left:18px;}
.pic-news .con h1{font-size:16px;line-height:20px;max-height:40px;overflow:hidden;}
.pic-news .con h1 a{display:block;}
.pic-news .con p{font-size:13px;line-height:16px;color:#666;height:48px;overflow:hidden;margin-top:4px;}
.pic-news .con .date{position:absolute;left:calc(35% + 18px);bottom:0px;font-size:13px;line-height:14px;color:#888;}

.m-top-news{border:#db2a2a solid 1px;background-color:#FFF;border-radius:4px;}
.m-top-news .title{float:left;width:40px;height:80px;background-color:#db2a2a;color:#FFF;line-height:20px;font-size:18px;padding:20px 10px 20px 10px;text-align:center;}
.m-top-news .list{float:left;width:calc(100% - 60px);height:80px;padding:7px 10px 7px 20px;}
.m-top-news .list a{display:inline-block;float:left;width:100%;line-height:22px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-top-news .list a:hover{color:#00a031;}

body.iOS .m-top-news{border:#db2a2a solid 0.333333px;}
body.Android  .m-top-news{border:#db2a2a solid 1px;}

.m-news{margin-top:10px;margin-bottom:0px;}
.m-news .index-scroll-pic{width:100%;height:auto;border-radius:4px;}
.m-news .index-scroll-pic .swiper-pagination{z-index:2;bottom:16px;right:14px;}
.m-news .index-scroll-pic .swiper-pagination-bullet{width:6px;height:6px;background-color:rgba(255,255,255,1);margin-left:2px!important;margin-right:2px!important;}
.m-news .index-scroll-pic .swiper-pagination-bullet-active{background-color:#45a7f2;}
.m-news .index-scroll-pic .swiper-slide .back-text{width:100%;height:50px;position:absolute;z-index:1;left:0;bottom:0;background-color:rgba(0,0,0,0.6);border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.m-news .index-scroll-pic .swiper-slide .text{width:80%;line-height:50px;position:absolute;z-index:2;left:14px;bottom:0px;font-size:14px;color:#FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m-news .index-scroll-pic .swiper-slide img{max-width:none;width:100%;height:auto;border-radius:4px;}
.m-news .index-text-list{float:right;width:100%;height:auto;margin-top:10px;}
.m-news .index-text-list .tab-link{height:36px;margin-left:-1px;margin-right:-1px;}
.m-news .index-text-list .tab-link a{float:left;width:calc(25% - 2px);height:36px;color:#FFF;line-height:36px;font-size:14px;font-weight:200;margin-left:1px;margin-right:1px;display:inline-block;background-color:#919191;border-radius:3px;text-align:center;}
.m-news .index-text-list .tab-link a.active{background-color:#2d92ec;}
.m-news .index-text-list .content{width:100%;height:280px;background-color:#FFF;padding:12px 15px;border-top:0px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;}

body.iOS .m-news .index-text-list .content{border:#d2d2d2 solid 0.333333px;border-top:0px;}
body.Android  .m-news .index-text-list .content{border:#eeeeee solid 1px;border-top:0px;}

.m-left{width:100%;margin-top:10px;}
.m-right{width:100%;}

.m-block-01{}
.m-block-01 .title{position:relative;height:36px;color:#FFF;line-height:36px;font-size:14px;box-shadow:0px 0px 1px rgba(0,0,0,0.3) inset;padding-left:32px;border-radius:3px;background-image:url(../images/bg-title.png);background-position:top;background-repeat:repeat-x;}
.m-block-01 .title:before{content:"";position:absolute;left:15px;top:12px;width:10px;height:10px;border:rgba(255,255,255,1) solid 2px;border-radius:50%;box-shadow:1px 1px 0px rgba(0,0,0,0.1);}
.m-block-01 .content{background-color:#FFF;border:#eeeeee solid 1px;padding:10px 20px;border-top:0px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;overflow:hidden;text-align:justify;}

body.iOS .m-block-01 .content{border:#d2d2d2 solid 0.333333px;border-top:0px;}
body.Android  .m-block-01 .content{border:#eeeeee solid 1px;border-top:0px;}

.m-block-02{}
.m-block-02 .title{height:36px;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;border-top-left-radius:3px;border-top-right-radius:3px;}
.m-block-02 .title .name{float:left;height:36px;color:#222;line-height:36px;font-size:14px;padding-left:20px;font-weight:bold;text-shadow:1px 0px 0px rgba(255,255,255,0.8);}
.m-block-02 .title .more{float:right;width:36px;height:36px;margin-right:10px;}
.m-block-02 .title .more a{float:right;display:block;position:relative;width:17px;height:17px;margin-top:10px;background-color:#449d41;border-radius:50%;box-shadow:0px 0px 1px rgba(0,0,0,0.2) inset, 1px 0px 0px rgba(255,255,255,0.8);}
.m-block-02 .title .more a:before{content:"";position:absolute;left:5px;top:8px;background-color:#FFF;display:block;width:7px;height:1px;box-shadow:0px 0px 1px rgba(0,0,0,0.2);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.m-block-02 .title .more a:after{content:"";position:absolute;left:8px;top:5px;background-color:#FFF;display:block;width:1px;height:7px;box-shadow:0px 0px 1px rgba(0,0,0,0.2);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.m-block-02 .title .more a:hover:before{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.m-block-02 .title .more a:hover:after{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.m-block-02 .content{background-color:#FFF;border:#eeeeee solid 1px;padding:12px 15px;border-top:0px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;overflow:hidden;text-align:justify;}

body.iOS .m-block-02 .title:after{content:"";position:absolute;z-index:-1;left:0px;bottom:0px;width:100%;height:0.333333px;background-color:#d2d2d2;}
body.Android .m-block-02 .title:after{content:"";position:absolute;z-index:-1;left:0px;bottom:0px;width:100%;height:1px;background-color:#d2d2d2;}
body.iOS .m-block-02 .content{border:#d2d2d2 solid 0.333333px;border-top:0px;}
body.Android  .m-block-02 .content{border:#eeeeee solid 1px;border-top:0px;}

.m-left-intro{}
.m-left-intro .content{height:140px;position:relative;overflow:hidden;}
.m-left-intro .content p{font-size:14px;line-height:24px;}
.m-left-intro .content #demo1{height:auto;text-align:left;}
.m-left-intro .content #demo2{height:auto;text-align:left;}

.m-left-case{margin-top:10px;}
.m-left-case .content{height:auto;padding:8px 13px;}
.m-left-case .content .item{float:left;width:50%;margin-top:2px;margin-bottom:2px;padding-left:2px;padding-right:2px;}
.m-left-case .content .item a{display:block;background-color:#d4e5f7;height:36px;position:relative;color:#333;line-height:36px;font-size:12px;padding-left:23px;border-radius:2px;}
.m-left-case .content .item a:before{content:"";position:absolute;left:13px;top:16px;width:3px;height:3px;background-color:#467ab3;border-radius:50%;}
.m-left-case .content .item a:hover{background-color:#bcd5ef;}

.m-left-achievement{margin-top:10px;}
.m-left-achievement .content{height:auto;padding:8px 13px;}
.m-left-achievement .content .item{float:left;width:50%;margin-top:2px;margin-bottom:2px;padding-left:2px;padding-right:2px;}
.m-left-achievement .content .item a{display:block;background-color:#d4e5f7;height:36px;position:relative;color:#333;line-height:36px;font-size:12px;padding-left:23px;border-radius:2px;}
.m-left-achievement .content .item a:before{content:"";position:absolute;left:13px;top:16px;width:3px;height:3px;background-color:#467ab3;border-radius:50%;}
.m-left-achievement .content .item a:hover{background-color:#bcd5ef;}

.m-left-link{margin-left:-2px;margin-right:-2px;margin-top:10px;}
.m-left-link .pic{float:left;width:33.333333%;margin-top:0px;padding-left:2px;padding-right:2px;}
.m-left-link .pic img{max-width:none;width:100%;height:auto;border-radius:3px;}

.m-business .link{margin-left:-2px;margin-right:-2px;margin-top:5px;margin-bottom:5px;}
.m-business .link .item{float:left;width:50%;margin-bottom:4px;padding-left:2px;padding-right:2px;}
.m-business .link .item a{display:block;height:36px;color:#FFF;line-height:36px;font-size:14px;border-radius:2px;text-align:center;}
.m-business .link .item a.bgcolor01{background-color:#d8bf6f;}
.m-business .link .item a.bgcolor01:hover{background-color:#e2c157;}
.m-business .link .item a.bgcolor02{background-color:#9a7b5b;}
.m-business .link .item a.bgcolor02:hover{background-color:#9e7143;}
.m-business .link .item a.bgcolor03{background-color:#b37d52;}
.m-business .link .item a.bgcolor03:hover{background-color:#ac6d3b;}
.m-business .link .item a.bgcolor04{background-color:#6180c0;}
.m-business .link .item a.bgcolor04:hover{background-color:#496fbe;}
.m-business .link .item a.bgcolor05{background-color:#5fa3bb;}
.m-business .link .item a.bgcolor05:hover{background-color:#459cbb;}
.m-business .link .item a.bgcolor06{background-color:#91c687;}
.m-business .link .item a.bgcolor06:hover{background-color:#7bc66d;}
.m-business .link .item a.bgcolor07{background-color:#759e5d;}
.m-business .link .item a.bgcolor07:hover{background-color:#68a346;}
.m-business .link .item a.bgcolor08{background-color:#5f9bad;}
.m-business .link .item a.bgcolor08:hover{background-color:#4390a7;}

.m-business{float:left;width:calc(50% - 5px);}
.m-business .content{height:310px;}

.m-evaluate{float:right;width:calc(50% - 5px);}
.m-evaluate .content{height:310px;}
.m-evaluate .content .tab-link{height:24px;margin-left:-1px;margin-right:-1px;margin-bottom:6px;}
.m-evaluate .content .tab-link a{float:left;height:24px;color:#333;line-height:26px;font-size:12px;margin-bottom:2px;padding-left:8px;padding-right:8px;margin-left:1px;margin-right:1px;display:inline-block;background-color:#f1f1f1;border-radius:2px;text-align:center;}
.m-evaluate .content .tab-link a.active{background-color:#6cb1ef;color:#FFF;}
.m-evaluate .content .pic-news{margin-top:8px;margin-bottom:12px;}
.m-evaluate .content .pic-news .pic{width:120px;}
.m-evaluate .content .pic-news .con{width:calc(100% - 120px);padding-left:12px;}
.m-evaluate .content .pic-news .con h1{font-size:14px;line-height:18px;height:36px;}
.m-evaluate .content .pic-news .con p{font-size:12px;line-height:15px;height:30px;margin-top:4px;}
.m-evaluate .content .pic-news .con .date{left:132px;font-size:13px;line-height:14px;}

.m-communication{float:left;width:calc(50% - 5px);margin-top:10px;}
.m-communication .content{height:243px;}
.m-communication .content .pic-news{margin-top:2px;margin-bottom:12px;}
.m-communication .content .pic-news .pic{width:120px;}
.m-communication .content .pic-news .con{width:calc(100% - 120px);padding-left:12px;}
.m-communication .content .pic-news .con h1{font-size:14px;line-height:18px;height:36px;}
.m-communication .content .pic-news .con p{font-size:12px;line-height:15px;height:30px;margin-top:4px;}
.m-communication .content .pic-news .con .date{left:132px;font-size:13px;line-height:14px;}

.m-standard{float:right;width:calc(50% - 5px);margin-top:10px;}
.m-standard .content{height:243px;}
.m-standard .content .pic-news{margin-top:2px;margin-bottom:12px;}
.m-standard .content .pic-news .pic{width:120px;}
.m-standard .content .pic-news .con{width:calc(100% - 120px);padding-left:12px;}
.m-standard .content .pic-news .con h1{font-size:14px;line-height:18px;height:36px;}
.m-standard .content .pic-news .con p{font-size:12px;line-height:15px;height:30px;margin-top:4px;}
.m-standard .content .pic-news .con .date{left:132px;font-size:13px;line-height:14px;}

.ship-form{background-color:#FFF;border:#eeeeee solid 1px;padding:4px 20px;border-radius:3px;margin-top:10px;text-align:center;}
.ship-form select{width:100%;margin-top:3px;margin-bottom:3px;display:inline-block;background-image:url(../images/selectarr.png);background-position:right center;background-repeat:no-repeat;background-size:auto 30px;}

.ship-link{background-color:#FFF;border:#eeeeee solid 1px;padding:12px 10px;border-radius:3px;margin-top:10px;text-align:left;}
.ship-link select{width:30%;margin-left:3px;margin-right:3px;display:inline-block;background-image:url(../images/selectarr.png);background-position:right center;background-repeat:no-repeat;background-size:auto 30px;}
.ship-link a{line-height:18px;font-size:14px;float:left;margin-left:4px;margin-right:4px;white-space:nowrap;padding-top:2px;padding-bottom:2px;}
.ship-link img{max-width:none;width:auto;height:34px;}

body.iOS .ship-form{border:#d2d2d2 solid 0.333333px;}
body.Android  .ship-form{border:#eeeeee solid 1px;}

body.iOS .ship-link{border:#d2d2d2 solid 0.333333px;}
body.Android  .ship-link{border:#eeeeee solid 1px;}

body.iOS .ship-link img{border:#d2d2d2 solid 0.333333px;}
body.Android  .ship-link img{border:#eeeeee solid 1px;}

}

@media (max-width:480px){

.m-left-link{margin-left:-2px;margin-right:-2px;margin-top:6px;}
.m-left-link .pic{float:left;width:50%;margin-top:4px;padding-left:2px;padding-right:2px;}

.m-business{float:left;width:100%;}
.m-business .content{height:auto;}

.m-evaluate{float:right;width:100%;margin-top:10px;}
.m-evaluate .content{height:auto;}

.m-communication{float:left;width:100%;margin-top:10px;}
.m-communication .content{height:auto;}

.m-standard{float:right;width:100%;margin-top:10px;}
.m-standard .content{height:auto;}

.m-evaluate.margin-bottom-10{margin-bottom:0px!important;}

}

@media (min-width:768px){

.text-list dd a{width:calc(100% - 80px);float:left;padding-left:12px;line-height:28px;font-size:13px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-list dd a:before{content:"";position:absolute;left:0px;top:50%;margin-top:-2px;width:3px;height:3px;background-color:#999999;border-radius:50%;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.text-list dd a:hover:before{background-color:#0176cd;}
.text-list dd span{float:right;line-height:28px;font-size:13px;color:#888;}

.pic-news{position:relative;}
.pic-news .pic{float:left;width:35%;}
.pic-news .pic img{max-width:none;width:100%;height:auto;border-radius:2px;}
.pic-news .con{float:left;width:65%;padding-left:18px;}
.pic-news .con h1{font-size:16px;line-height:20px;max-height:40px;overflow:hidden;}
.pic-news .con h1 a{display:block;}
.pic-news .con p{font-size:13px;line-height:16px;color:#666;height:48px;overflow:hidden;margin-top:4px;}
.pic-news .con .date{position:absolute;left:calc(35% + 18px);bottom:0px;font-size:13px;line-height:14px;color:#888;}

.m-top-news{border:#db2a2a solid 1px;background-color:#FFF;border-radius:4px;}
.m-top-news .title{float:left;width:60px;height:40px;background-color:#db2a2a;color:#FFF;line-height:40px;font-size:16px;font-weight:bold;text-align:center;}
.m-top-news .list{float:left;width:calc(100% - 60px);height:40px;}
.m-top-news .list a{display:inline-block;float:left;width:33.333333%;line-height:20px;font-size:14px;padding:10px 10px 10px 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-top-news .list a:hover{color:#db2a2a;}

.m-news{margin-top:10px;margin-bottom:10px;}
.m-news .index-scroll-pic{width:100%;height:auto;}
.m-news .index-scroll-pic .swiper-pagination{z-index:2;bottom:16px;right:20px;}
.m-news .index-scroll-pic .swiper-pagination-bullet{width:6px;height:6px;background-color:rgba(255,255,255,1);margin-left:2px!important;margin-right:2px!important;}
.m-news .index-scroll-pic .swiper-pagination-bullet-active{background-color:#45a7f2;}
.m-news .index-scroll-pic .swiper-slide .back-text{width:100%;height:50px;position:absolute;z-index:1;left:0;bottom:0;background-color:rgba(0,0,0,0.6);border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.m-news .index-scroll-pic .swiper-slide .text{width:80%;line-height:50px;position:absolute;z-index:2;left:14px;bottom:0px;font-size:14px;color:#FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m-news .index-scroll-pic .swiper-slide img{max-width:none;width:100%;height:auto;border-radius:4px;}
.m-news .index-text-list{float:right;width:100%;height:320px;margin-top:10px;}
.m-news .index-text-list .tab-link{position:relative;height:40px;}
.m-news .index-text-list .tab-link a{width:calc(20% - 4px);height:40px;color:#FFF;line-height:40px;font-size:14px;margin-left:0px;margin-right:4px;display:inline-block;background-color:#919191;border-radius:3px;text-align:center;}
.m-news .index-text-list .tab-link a.active{background-color:#2d92ec;}
.m-news .index-text-list .tab-link:before{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background-color:#eeeeee;}
.m-news .index-text-list .content{width:100%;height:280px;background-color:#FFF;border:#eeeeee solid 1px;padding:10px 20px;border-top:0px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;overflow:hidden;}

.m-left{width:100%;margin-top:10px;}
.m-right{width:100%;}

.m-block-01{}
.m-block-01 .title{position:relative;height:36px;color:#FFF;line-height:36px;font-size:14px;box-shadow:0px 0px 1px rgba(0,0,0,0.3) inset;padding-left:32px;border-radius:3px;background-image:url(../images/bg-title.png);background-position:top;background-repeat:repeat-x;}
.m-block-01 .title:before{content:"";position:absolute;left:15px;top:12px;width:10px;height:10px;border:rgba(255,255,255,1) solid 2px;border-radius:50%;box-shadow:1px 1px 0px rgba(0,0,0,0.1);}
.m-block-01 .content{background-color:#FFF;border:#eeeeee solid 1px;padding:10px 20px;border-top:0px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;overflow:hidden;text-align:justify;}

.m-block-02{}
.m-block-02 .title{position:relative;height:36px;background-position:center;background-repeat:no-repeat;background-size:cover;border-top-left-radius:3px;border-top-right-radius:3px;}
.m-block-02 .title .name{float:left;height:36px;color:#222;line-height:36px;font-size:14px;padding-left:20px;font-weight:bold;text-shadow:1px 0px 0px rgba(255,255,255,0.8);}
.m-block-02 .title .more{float:right;width:36px;height:36px;margin-right:15px;}
.m-block-02 .title .more a{float:right;display:block;position:relative;width:17px;height:17px;margin-top:10px;background-color:#449d41;border-radius:50%;box-shadow:0px 0px 1px rgba(0,0,0,0.2) inset, 1px 0px 0px rgba(255,255,255,0.8);}
.m-block-02 .title .more a:before{content:"";position:absolute;left:5px;top:8px;background-color:#FFF;display:block;width:7px;height:1px;box-shadow:0px 0px 1px rgba(0,0,0,0.2);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.m-block-02 .title .more a:after{content:"";position:absolute;left:8px;top:5px;background-color:#FFF;display:block;width:1px;height:7px;box-shadow:0px 0px 1px rgba(0,0,0,0.2);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.m-block-02 .title .more a:hover:before{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.m-block-02 .title .more a:hover:after{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.m-block-02 .content{background-color:#FFF;border:#eeeeee solid 1px;padding:10px 20px;border-top:0px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;overflow:hidden;text-align:justify;}

.m-left-intro{}
.m-left-intro .content{height:140px;position:relative;overflow:hidden;}
.m-left-intro .content p{font-size:14px;line-height:24px;}
.m-left-intro .content #demo1{height:auto;text-align:left;}
.m-left-intro .content #demo2{height:auto;text-align:left;}

.m-left-case{margin-top:10px;}
.m-left-case .content{height:auto;padding:10px 10px;}
.m-left-case .content .item{float:left;width:33.333333%;margin-bottom:4px;padding-left:2px;padding-right:2px;}
.m-left-case .content .item a{display:block;background-color:#d4e5f7;height:36px;position:relative;color:#333;line-height:36px;font-size:12px;padding-left:25px;border-radius:2px;}
.m-left-case .content .item a:before{content:"";position:absolute;left:15px;top:16px;width:3px;height:3px;background-color:#467ab3;border-radius:50%;}
.m-left-case .content .item a:hover{background-color:#bcd5ef;}

.m-left-achievement{margin-top:10px;}
.m-left-achievement .content{height:auto;padding:10px;}
.m-left-achievement .content .item{float:left;width:33.333333%;margin-bottom:4px;padding-left:2px;padding-right:2px;}
.m-left-achievement .content .item a{display:block;background-color:#d4e5f7;height:36px;position:relative;color:#333;line-height:36px;font-size:12px;padding-left:25px;border-radius:2px;}
.m-left-achievement .content .item a:before{content:"";position:absolute;left:15px;top:16px;width:3px;height:3px;background-color:#467ab3;border-radius:50%;}
.m-left-achievement .content .item a:hover{background-color:#bcd5ef;}

.m-left-link{margin-left:-4px;margin-right:-4px;margin-top:10px;}
.m-left-link .pic{float:left;width:33.333333%;margin-top:0px;padding-left:4px;padding-right:4px;}
.m-left-link .pic img{max-width:none;width:100%;height:auto;border-radius:3px;}

.m-business .link{margin-left:-2px;margin-right:-2px;margin-top:5px;margin-bottom:5px;}
.m-business .link .item{float:left;width:50%;margin-bottom:4px;padding-left:2px;padding-right:2px;}
.m-business .link .item a{display:block;height:36px;color:#FFF;line-height:36px;font-size:14px;border-radius:2px;text-align:center;}
.m-business .link .item a.bgcolor01{background-color:#d8bf6f;}
.m-business .link .item a.bgcolor01:hover{background-color:#e2c157;}
.m-business .link .item a.bgcolor02{background-color:#9a7b5b;}
.m-business .link .item a.bgcolor02:hover{background-color:#9e7143;}
.m-business .link .item a.bgcolor03{background-color:#b37d52;}
.m-business .link .item a.bgcolor03:hover{background-color:#ac6d3b;}
.m-business .link .item a.bgcolor04{background-color:#6180c0;}
.m-business .link .item a.bgcolor04:hover{background-color:#496fbe;}
.m-business .link .item a.bgcolor05{background-color:#5fa3bb;}
.m-business .link .item a.bgcolor05:hover{background-color:#459cbb;}
.m-business .link .item a.bgcolor06{background-color:#91c687;}
.m-business .link .item a.bgcolor06:hover{background-color:#7bc66d;}
.m-business .link .item a.bgcolor07{background-color:#759e5d;}
.m-business .link .item a.bgcolor07:hover{background-color:#68a346;}
.m-business .link .item a.bgcolor08{background-color:#5f9bad;}
.m-business .link .item a.bgcolor08:hover{background-color:#4390a7;}

.m-business{width:calc(50% - 5px);}
.m-business .content{height:310px;}

.m-evaluate{width:calc(50% - 5px);}
.m-evaluate .content{height:310px;}
.m-evaluate .content .tab-link{height:24px;margin-left:-1px;margin-right:-1px;margin-bottom:6px;}
.m-evaluate .content .tab-link a{float:left;height:24px;color:#333;line-height:26px;font-size:12px;margin-bottom:2px;padding-left:8px;padding-right:8px;margin-left:1px;margin-right:1px;display:inline-block;background-color:#f1f1f1;border-radius:2px;text-align:center;}
.m-evaluate .content .tab-link a.active{background-color:#53a0e6;color:#FFF;}
.m-evaluate .content .pic-news{margin-top:6px;margin-bottom:10px;}
.m-evaluate .content .pic-news .pic{width:140px;}
.m-evaluate .content .pic-news .con{width:calc(100% - 140px);padding-left:18px;}
.m-evaluate .content .pic-news .con h1{font-size:14px;line-height:18px;height:36px;}
.m-evaluate .content .pic-news .con p{font-size:12px;line-height:15px;height:30px;margin-top:4px;}
.m-evaluate .content .pic-news .con .date{left:158px;font-size:13px;line-height:14px;}

.m-communication{width:calc(50% - 5px);margin-top:10px;}
.m-communication .content{height:254px;}
.m-communication .content .pic-news{margin-top:4px;margin-bottom:10px;}
.m-communication .content .pic-news .pic{width:140px;}
.m-communication .content .pic-news .con{width:calc(100% - 140px);padding-left:18px;}
.m-communication .content .pic-news .con h1{font-size:14px;line-height:18px;height:36px;}
.m-communication .content .pic-news .con p{font-size:12px;line-height:15px;height:30px;margin-top:4px;}
.m-communication .content .pic-news .con .date{left:158px;font-size:13px;line-height:14px;}

.m-standard{width:calc(50% - 5px);margin-top:10px;}
.m-standard .content{height:254px;}
.m-standard .content .pic-news{margin-top:4px;margin-bottom:10px;}
.m-standard .content .pic-news .pic{width:140px;}
.m-standard .content .pic-news .con{width:calc(100% - 140px);padding-left:18px;}
.m-standard .content .pic-news .con h1{font-size:14px;line-height:18px;height:36px;}
.m-standard .content .pic-news .con p{font-size:12px;line-height:15px;height:30px;margin-top:4px;}
.m-standard .content .pic-news .con .date{left:158px;font-size:13px;line-height:14px;}

.ship-link{background-color:#FFF;border:#eeeeee solid 1px;padding:12px 20px;border-radius:3px;margin-top:10px;text-align:left;}
.ship-link select{width:30%;margin-left:3px;margin-right:3px;display:inline-block;background-image:url(../images/selectarr.png);background-position:right center;background-repeat:no-repeat;background-size:auto 30px;}
.ship-link a{line-height:18px;font-size:14px;float:left;margin-left:10px;margin-right:10px;white-space:nowrap;padding-top:3px;padding-bottom:3px;}
.ship-link img{max-width:none;width:auto;height:50px;border:rgba(0,0,0,0.08) solid 1px;}

}

@media (min-width:992px){

.text-list dd a{width:calc(100% - 90px);font-size:14px;}
.text-list dd span{font-size:14px;}

.m-top-news .title{width:70px;height:44px;line-height:44px;font-size:18px;}
.m-top-news .list{width:calc(100% - 70px);height:44px;}
.m-top-news .list a{line-height:20px;font-size:14px;padding:11px 10px 11px 20px;}

.m-news .index-scroll-pic{float:left;width:475px;height:260px;}
.m-news .index-text-list{float:right;width:495px;height:260px;margin-top:0px;}
.m-news .index-text-list .tab-link a{font-size:14px;letter-spacing:-1px;}
.m-news .index-text-list .content{height:220px;margin-top:0px;}
.m-news .index-text-list .content .text-list dl dd:nth-child(9n - 1){display:none;}
.m-news .index-text-list .content .text-list dl dd:nth-child(9n - 0){display:none;}

.m-left{float:left;width:196px;margin-top:0px;}
.m-right{float:right;width:774px;}

.m-block-01{}
.m-block-01 .title{height:36px;line-height:36px;font-size:14px;padding-left:32px;}
.m-block-01 .title:before{left:15px;top:12px;width:10px;height:10px;}

.m-block-02 .title{height:36px;}
.m-block-02 .title .name{width:130px;height:36px;line-height:36px;font-size:14px;}

.m-left-intro .content{height:171px;position:relative;overflow:hidden;}
.m-left-intro .content p{font-size:13px;line-height:20px;}

.m-left-case .content{height:280px;padding:10px 10px;}
.m-left-case .content .item{float:none;width:100%;padding-left:0px;padding-right:0px;margin-bottom:8px;}

.m-left-achievement .content{height:280px;padding:10px 10px;}
.m-left-achievement .content .item{float:none;width:100%;padding-left:0px;padding-right:0px;margin-bottom:8px;}

.m-left-link{margin-left:0px;margin-right:0px;margin-top:4px;}
.m-left-link .pic{float:none;width:100%;margin-top:6px;padding-left:0px;padding-right:0px;}
.m-left-link .pic img{max-width:none;width:100%;height:auto;}

.m-business{float:left;width:382px;}
.m-business .content{height:310px;}

.m-evaluate{float:right;width:382px;}
.m-evaluate .content{height:300px;}
.m-evaluate .content .pic-news{margin-top:8px;margin-bottom:12px;}
.m-evaluate .content .pic-news .pic{width:37%;}
.m-evaluate .content .pic-news .con{width:63%;padding-left:18px;}
.m-evaluate .content .pic-news .con h1{font-size:14px;line-height:18px;height:36px;}
.m-evaluate .content .pic-news .con p{font-size:12px;line-height:15px;height:30px;margin-top:4px;}
.m-evaluate .content .pic-news .con .date{left:calc(37% + 18px);font-size:13px;line-height:14px;}

.m-communication{float:left;width:382px;margin-top:10px;}
.m-communication .content{height:243px;}
.m-communication .content .pic-news{margin-top:4px;margin-bottom:12px;}
.m-communication .content .pic-news .pic{width:37%;}
.m-communication .content .pic-news .con{width:63%;padding-left:18px;}
.m-communication .content .pic-news .con h1{font-size:14px;line-height:18px;height:36px;}
.m-communication .content .pic-news .con p{font-size:12px;line-height:15px;height:30px;margin-top:4px;}
.m-communication .content .pic-news .con .date{left:calc(37% + 18px);font-size:13px;line-height:14px;}

.m-standard{float:right;width:382px;margin-top:10px;}
.m-standard .content{height:243px;}
.m-standard .content .pic-news{margin-top:4px;margin-bottom:12px;}
.m-standard .content .pic-news .pic{width:37%;}
.m-standard .content .pic-news .con{width:63%;padding-left:18px;}
.m-standard .content .pic-news .con h1{font-size:14px;line-height:18px;height:36px;}
.m-standard .content .pic-news .con p{font-size:12px;line-height:15px;height:30px;margin-top:4px;}
.m-standard .content .pic-news .con .date{left:calc(37% + 18px);font-size:13px;line-height:14px;}

}

@media (min-width:1280px){

.m-top-news .title{width:80px;height:48px;line-height:48px;font-size:22px;}
.m-top-news .list{width:calc(100% - 80px);height:48px;}
.m-top-news .list a{line-height:20px;font-size:15px;padding:14px 10px 14px 30px;}

.m-news .index-scroll-pic{width:585px;height:320px;}
.m-news .index-text-list{width:600px;height:320px;}
.m-news .index-text-list .tab-link a{font-size:15px;letter-spacing:-1px;line-height:42px;}
.m-news .index-text-list .content{height:280px;}
.m-news .index-text-list .content .text-list dl dd:nth-child(9n - 1){display:block;}
.m-news .index-text-list .content .text-list dl dd:nth-child(9n - 0){display:block;}

.m-left{float:left;width:240px;}
.m-right{float:right;width:945px;}

.m-block-01{}
.m-block-01 .title{height:40px;line-height:40px;font-size:15px;padding-left:35px;}
.m-block-01 .title:before{left:15px;top:13px;width:12px;height:12px;}

.m-block-02 .title{height:40px;}
.m-block-02 .title .name{width:150px;height:40px;line-height:40px;font-size:15px;}

.m-left-intro .content{height:200px;}
.m-left-intro .content p{font-size:14px;line-height:24px;}

.m-left-case .content{height:294px;padding:15px 15px;}
.m-left-case .content .item{margin-bottom:8px;}
.m-left-case .content .item a{font-size:13px;}

.m-left-achievement .content{height:294px;padding:15px 15px;}
.m-left-achievement .content .item{margin-bottom:8px;}
.m-left-achievement .content .item a{font-size:13px;}

.m-business{float:left;width:465px;}
.m-business .content{height:310px;}

.m-evaluate{float:right;width:465px;}
.m-evaluate .content{height:215px;}
.m-evaluate .content .pic-news{margin-top:8px;margin-bottom:12px;}
.m-evaluate .content .pic-news .pic{width:37%;}
.m-evaluate .content .pic-news .con{width:63%;padding-left:18px;}
.m-evaluate .content .pic-news .con h1{font-size:16px;line-height:20px;height:40px;}
.m-evaluate .content .pic-news .con p{font-size:13px;line-height:16px;height:48px;margin-top:4px;}
.m-evaluate .content .pic-news .con .date{left:calc(37% + 18px);font-size:13px;line-height:14px;}
.m-evaluate .content .text-list{margin-top:12px;}

.m-communication{float:left;width:465px;margin-top:10px;}
.m-communication .content{height:276px;}
.m-communication .content .pic-news{margin-top:8px;margin-bottom:12px;}
.m-communication .content .pic-news .pic{width:37%;}
.m-communication .content .pic-news .con{width:63%;padding-left:18px;}
.m-communication .content .pic-news .con h1{font-size:16px;line-height:20px;height:40px;}
.m-communication .content .pic-news .con p{font-size:13px;line-height:16px;height:48px;margin-top:4px;}
.m-communication .content .pic-news .con .date{left:calc(37% + 18px);font-size:13px;line-height:14px;}

.m-standard{float:right;width:465px;margin-top:10px;}
.m-standard .content{height:276px;}
.m-standard .content .pic-news{margin-top:8px;margin-bottom:12px;}
.m-standard .content .pic-news .pic{width:37%;}
.m-standard .content .pic-news .con{width:63%;padding-left:18px;}
.m-standard .content .pic-news .con h1{font-size:16px;line-height:20px;height:40px;}
.m-standard .content .pic-news .con p{font-size:13px;line-height:16px;height:48px;margin-top:4px;}
.m-standard .content .pic-news .con .date{left:calc(37% + 18px);font-size:13px;line-height:14px;}

}