html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}

#productlist{position: relative;max-height: 740px;}

@media(max-width:640px){#productlist{position: relative;max-height: 3000px;}}

.nav{padding-left: 0;margin-bottom: 0;list-style: none}

.nav>li{position: relative;display: block}

.nav>li>a{position: relative;display: block;padding: 10px 15px}

.nav>li>a:focus, .nav>li>a:hover{text-decoration: none;background-color: #f3f7f9}

.nav>li.disabled>a{color: #a3afb7}

.nav>li.disabled>a:focus, .nav>li.disabled>a:hover{color: #a3afb7;text-decoration: none;cursor: not-allowed;background-color: transparent}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: #f3f7f9;border-color: #62a8ea}

.nav .nav-divider{height: 1px;margin: 10px 0;overflow: hidden;background-color: #e5e5e5}

.nav>li>a>img{max-width: none}

.nav-tabs{border-bottom: 1px solid #e4eaec}

.nav-tabs>li{float: left;margin-bottom: -1px}

.nav-tabs>li>a{margin-right: 2px;line-height: 1.57142857;border: 1px solid transparent;border-radius: 3px 3px 0 0}

.nav-tabs>li>a:hover{border-color: transparent transparent #e4eaec}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #4e97d9;cursor: default;background-color: #fff;border: 1px solid #e4eaec;border-bottom-color: transparent}





.blocks, [class*="blocks-"]{padding:0;margin:0;margin-right:-15px;margin-left:-15px;list-style:none}

.blocks:before, [class*="blocks-"]:before, .blocks:after, [class*="blocks-"]:after{display: table;content: " "}

.blocks:after, [class*="blocks-"]:after{clear: both}

.blocks>li, [class*="blocks-"]>li{position:relative;float:left;min-height:1px;padding-right:15px;padding-left:15px;margin-bottom:22px}

.blocks.no-space, [class*="blocks-"].no-space{margin: 0}

.blocks.no-space>li, [class*="blocks-"].no-space>li{padding-right: 0;padding-left: 0;margin-bottom: 15px}

.blocks-2>li:nth-child(2n+3), .blocks-3>li:nth-child(3n+4), .blocks-4>li:nth-child(4n+5), .blocks-5>li:nth-child(5n+6), .blocks-6>li:nth-child(6n+7), .block-first{clear: both}

.blocks-100>li{width: 100%}

.blocks-2>li{width: 50%}

.blocks-3>li{width: 33.33333333%}

.blocks-4>li{width: 25%}

.blocks-5>li{width: 20%}

.blocks-6>li{width: 16.66666667%}

@media(min-width:480px){.blocks-xs-100>li{width: 100%}}

@media(min-width:480px){.blocks-xs-2>li{width: 50%}}

@media(min-width:480px){.blocks-xs-3>li{width: 33.33333333%}}



@media(min-width:480px){.blocks-xs-4>li{width: 25%}}

@media(min-width:480px){.blocks-xs-5>li{width: 20%}}

@media(min-width:480px){.blocks-xs-6>li{width: 16.66666667%}}

@media(min-width:768px){.blocks-sm-100>li{width: 100%}}

@media(min-width:768px){.blocks-sm-2>li{width: 50%}}

@media(min-width:768px){.blocks-sm-3>li{width: 33.33333333%}}

@media(min-width:768px){.blocks-sm-4>li{width: 25%}}

@media(min-width:768px){.blocks-sm-5>li{width: 20%}}

@media(min-width:768px){.blocks-sm-6>li{width: 16.66666667%}}

@media(min-width:992px){.blocks-md-100>li{width: 100%}}

@media(min-width:992px){.blocks-md-2>li{width: 50%}}

@media(min-width:992px){.blocks-md-3>li{width: 33.33333333%}}

@media(min-width:992px){.blocks-md-4>li{width: 30%;margin: auto 1%;}}

@media(min-width:992px){.blocks-md-5>li{width: 20%}}

@media(min-width:992px){.blocks-md-6>li{width: 16.66666667%}}

@media(min-width:1200px){.blocks-lg-100>li{width: 100%}}

@media(min-width:1200px){.blocks-lg-2>li{width: 50%}}

@media(min-width:1200px){.blocks-lg-3>li{width: 33.33333333%}}

@media(min-width:1200px){.blocks-lg-4>li{width: 25%}}

@media(min-width:1200px){.blocks-lg-5>li{width: 20%}}

@media(min-width:1200px){.blocks-lg-6>li{width: 16.66666667%}}

@media(min-width:1600px){.blocks-xlg-100>li{width: 100%}}

@media(min-width:1600px){.blocks-xlg-2>li{width: 50%}}

@media(min-width:1600px){.blocks-xlg-3>li{width: 33.33333333%}}

@media(min-width:1600px){.blocks-xlg-4>li{width: 25%}}

@media(min-width:1600px){.blocks-xlg-5>li{width: 20%}}

@media(min-width:1600px){.blocks-xlg-6>li{width: 16.66666667%}}



.widget{position: relative;margin-bottom: 30px;background-color: #fff}

.widget .cover{width: 100%}

[class*="blocks-"]>li>.widget{margin-bottom:0}

.widget-shadow{-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05)}

.widget{border-radius: 3px;margin: 1rem ;}

.widget .widget-header{border-radius: 3px 3px 0 0}

.widget .widget-header:last-child{border-radius: inherit}

.widget .widget-body:last-child{border-radius: 0 0 3px 3px}

.widget .widget-body:last-child .widget-body-footer{border-radius: 0 0 3px 3px}

.widget .widget-footer{border-radius: 0 0 3px 3px}

.widget .widget-footer:first-child{border-radiu: inherit}

.widget-body{position: relative;padding: 30px 25px}

.widget-body-footer{margin-top: 30px}

.widget-body-footer:before, .widget-body-footer:after{display: table;content: " "}

.widget-body-footer:after{clear: both}

.widget-content ul{padding: 0;margin: 0}

.widget-content li{list-style: none}

.widget-title{margin-top: 0;color: #37474f;text-transform: capitalize}

div.widget-title{font-size: 22px}

.overlay-panel .widget-title{color: #fff}

.widget>.widget-title{padding: 12px 20px}

.widget-metas{font-size: 12px;color: #a3afb7}

.widget-metas.type-link>a{position: relative;display: inline-block;padding: 3px 5px;color: #a3afb7}

.widget-metas.type-link>a:first-child{padding-left: 0}

.widget-metas.type-link>a:hover{color: #ccd5db}

.widget-metas.type-link>a+a:before{position: absolute;top: 10px;left: -2px;width: 3px;height: 3px;content: '';background-color: #a3afb7;border-radius: 50%}

.overlay-background .widget-time{color: #fff;opacity: .8}

.widget-category{font-size: 16px}

.widget-actions{margin-top: 10px;text-align: right}

.widget-actions a{display: inline-block;margin-right: 10px;color: #a3afb7;vertical-align: middle}

.widget-actions a.icon, .widget-actions a .icon{text-decoration: none}

.widget-actions a.icon+span, .widget-actions a .icon+span{margin-left: 2px}

.widget-actions a.active, .widget-actions a:hover, .widget-actions a:focus{color: #ccd5db;text-decoration: none}

.widget-actions a:last-child{margin-right: 0}

.widget-actions-sidebar{position: absolute;top: 20px;left: 20px;width: 60px}

.widget-actions-sidebar a{display: inline-block;width: 100%;height: 60px;margin-right: 0;text-align: center;border-right: 1px solid #e4eaec}

.widget-actions-sidebar a:before{display: inline-block;height: 100%;vertical-align: middle;content: ''}

.widget-actions-sidebar a+a{border-top: 1px solid #e4eaec}

.widget-actions-sidebar+.widget-content{margin-left: 80px}

.widget-watermark{position: absolute;right: 0;bottom: 0;line-height: 1;opacity: .1}

.widget-watermark.darker{color: black}

.widget-watermark.lighter{color: white}

.widget-divider:after{display: block;width: 20px;height: 2px;margin: 15px auto;content: "";background-color: #fff}

.widget-left{position: absolute;top: 0;left: 0;width: 40%;height: 100%}

.widget-left+.widget-body{width: 60%;margin-left: 40%}

@media(max-width:767px){.widget-left{position: relative;width: 100%;height: 320px}

.widget-left+.widget-body{width: 100%;margin-left: 0}}



.vhidden{visibility: hidden}



.met-index-body{padding: 25px 0;background: #fff}

.met-index-body:nth-of-type(odd){background: #fff}

.met-index-body h3{font-size: 30px;margin-top: 0;text-align: center;padding-bottom:5px;color: #000;letter-spacing: 5px; font-weight: bold;}

.met-index-body p.desc{font-size: 16px;font-weight: normal;text-align: center;width: 80%;color: #000;letter-spacing: 5px;margin: 0 auto}

@media(max-width:992px){.met-index-body{padding: 60px 0}}

@media(max-width:768px){.met-index-body{padding: 50px 0}

.met-index-body h3{font-size: 28px}

.met-index-body p.desc{font-size: 14px}}

@media(max-width:488px){.met-index-body{padding: 40px 0}}

@media(max-width:358px){.met-index-body{padding: 30px 0}}

.met-index-service{text-align: center}

.met-index-service .blocks{width: 100%;margin: 0}

.met-index-service .blocks li{margin-top: 50px;margin-bottom: 0}

.met-index-service .blocks li i{font-size: 50px;width: 120px;height: 120px;color: #2574a9;border: solid 1px #bdc3c7;text-align: center;line-height: 120px;border-radius: 100%;-webkit-transition: all .25s linear;-moz-transition: all .25s linear;-ms-transition: all .25s linear;-o-transition: all .25s linear;transition: all .25s linear}

.met-index-service .blocks li:hover i{background: #2574a9;color: #fff;animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);transform: translate3d(0, -5px, 0)}

.met-index-service .blocks li h4{margin-top: 20px;margin-bottom: 5px;font-weight: 300;font-size: 20px;color: #2a333c}

.met-index-service .blocks li p{width: 90%;margin: 0 auto;font-weight: 300;color: #5e7387}

.met-index-service .blocks li a{text-decoration: none}

.met-index-service .blocks li a:active, .met-index-service .blocks li a:focus, .met-index-service .blocks li a:hover{text-decoration: none}

@media(max-width:768px){.met-index-service .blocks li{margin-top: 30px}

.met-index-service .blocks li i{font-size: 40px;width: 90px;height: 90px;line-height: 90px}}

@media(max-width:488px){.met-index-service .blocks li{padding: 0}}

.met-index-about .dblock{margin-bottom: 15px}

.met-index-about .h-underline{padding-bottom: 12px;margin-bottom: 28px;position: relative;border-bottom: solid 1px rgba(0,0,0,0.07);text-align: left}

.met-index-about .h-underline:before{position: absolute;content: "";height: 1px;background: #bdc3c7;width: 30%;max-width: 150px;bottom: -1px;left: 0}

.met-index-about .vid-wrapper{width: 100%;position: relative}

.met-index-about .vid-wrapper video{width: 100%;height: 100%}

.met-index-about .vid-wrapper iframe{width: 100%}

@media(min-width:992px){.met-index-about .vid-wrapper iframe{visibility: hidden}}

.met-index-about .vid-wrapper p{margin: 0}

.met-index-about img{display: block;max-width: 100%;height: auto !important;border-radius: 4px}

@media(max-width:992px){.met-index-about .met-editor{margin-top: 40px}}

@media(max-width:768px){.met-index-about .met-editor{margin-top: 30px}}

@media(max-width:488px){.met-index-about .met-editor{margin-top: 20px}}

.met-index-about .vjs-default-skin{margin: 0 auto;max-width: 100%}

.met-index-product{text-align: center}

.met-index-product .nav-tabs{border-bottom: 0;margin: 30px auto}

.met-index-product .nav-tabs li{display: inline-block;float: none}

.met-index-product .nav-tabs li.active a{background: #c00;color: #fff;padding: 8px 30px;border: 0}

.met-index-product .nav-tabs li a{background: #e5e5e5;padding: 8px 30px;border: 0;border-radius: 0}

.met-index-product .nav-tabs li a:hover{padding: 8px 30px;border: 0;background: #c00;color: #fff}

@media(max-width:768px){

  .met-index-product .nav-tabs{margin: 10px auto 20px;display: inline-block;width:100%!important;}

  .tab-box label{margin:0 12px 12px 0!important;padding: 3px 10px!important;}



}

.met-index-product .blocks li .widget{margin-bottom: 0px;border-radius: 0}

.met-index-product .blocks li .widget .img-holder{position: relative;overflow: hidden;padding: 1rem;}

.met-index-product .blocks li .widget .img-holder img{width: 100%;height: 100%;}

.met-index-product .blocks li .widget .img-holder .overlay{position: absolute;top: 2px;left: 2px;right: 2px;bottom: 1px;background: rgba(0,0,0,0.5);text-align: center;opacity: 0;transition: all .3s ease}

.met-index-product .blocks li .widget .img-holder a{color: #fff}

.met-index-product .blocks li .widget:hover .img-holder .overlay{opacity: 1}

.met-index-product .blocks li .widget .img-holder .overlay .inner{display: table;width: 100%;height: 100%;position: relative}

.met-index-product .blocks li .widget .img-holder .overlay .inner:before{content: '';position: absolute;top: 8px;left: 8px;right: 8px;bottom: 8px;border: 1px solid rgba(255,255,255,0.5)}

.met-index-product .blocks li .widget .img-holder .overlay .social{color:#fff;display: table-cell;vertical-align: middle;position: relative;padding: 30px}

.met-index-product .blocks li .widget .img-holder .overlay .social li{display: inline;margin-right: 4px}

.met-index-product .blocks li .widget .img-holder .overlay .social li a{display: inline-block;width: 31px;height: 31px;border: 1px solid #fff;text-align: center;font-size: 12px;line-height: 30px;color: #fff;border-radius: 50%}

.met-index-product .blocks li .widget .content-holder{text-align: center;border-top: 1px solid #e5e5e5;display: block;margin-top: 0;padding: 12px 20px}

.met-index-product .blocks li .widget .content-holder:before{background: #2574a9;}

.met-index-product .blocks li .widget:hover .content-holder{border-top-color: #c00}

.met-index-product .blocks li .widget:hover .content-holder:before{-webkit-transform: scaleY(1);transform: scaleY(1)}

.met-index-product .blocks li .widget:hover .content-holder h4{color: #c00}

.met-index-product .blocks li .widget:hover .content-holder p{color: #eee}

.met-index-product .blocks li .widget .content-holder h4{text-transform: uppercase;color: #333;margin: 0;font-size: 16px;font-weight: bold;transition: all .3s ease;overflow: hidden}

.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -ms-transition-property: -ms-transform;

    transition-property: transform;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

.animation-fade {

    -webkit-animation-name: fade;

    -o-animation-name: fade;

    animation-name: fade;

    -webkit-animation-duration: .8s;

    -o-animation-duration: .8s;

    animation-duration: .8s;

    -webkit-animation-timing-function: linear;

    -o-animation-timing-function: linear;

    animation-timing-function: linear;

}

[class*=animation-] {

    -webkit-animation-duration: .5s;

    -o-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: ease-out;

    -o-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

}





.container-fluid{margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}

.row1{margin-left: -15px;margin-right: -15px;}

.col-md-6{position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;}

@media (min-width: 992px){.col-md-6{float: left;}

.col-md-6{width: 50%;}

}

span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, figure{border: 0;font-size: 14px;font-style: inherit;font-weight: inherit;outline: 0;padding: 0;margin: 0;vertical-align: baseline;}

.clearfix:after, .container:after, .container-fluid:after, .row:after{content: " ";display: block;clear: both;height: 0;}

.clearfix, .container, .container-fluid, .row{zoom: 1;}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #ff001e !important;border-color: #ff001e !important;}

.news {overflow:hidden;}

.news .news-con h3 a{display: inline-block;font-size: 20px;border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;margin-bottom: 20px;}

.news .news-con .news-list .news-top{margin-bottom: 15px;}

.news .news-con .news-list .news-top .news-img{margin-bottom: 10px;}

.news .news-con .news-list .news-top .news-img a{padding-left: 0;}

.news .news-con .news-list .news-top .news-img a img{max-width: 100%;}

.news .news-con .news-list .news-top .news-content h2{margin-bottom: 10px;}

.news .news-con .news-list .news-top .news-content h2 a{padding-left: 0;font-size: 16px;font-weight: bold;}

.news .news-con .news-list .news-top .news-content h2 span{float: right;}

.news .news-con .news-list .news-top .news-content p{color: #666;line-height: 1.5;}

.news .news-con .news-list li{margin-bottom: 4px;line-height: 20px;overflow: hidden;}



.news .news-con .news-list li a{padding-left: 10px;}

.news .news-con .news-list li span{float: right;}

.news .baike-con h3 a{display: inline-block;font-size: 20px;border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;margin-bottom: 20px;}

.news .baike-con .baike-top{padding: 20px;background: #eeeded;}

.news .baike-con .baike-top h2{padding-bottom: 15px;}

.news .baike-con .baike-top h2 a{font-size: 24px;}

.news .baike-con .baike-top p{line-height: 1.6;}

.news .baike-con .baike-btm h2{padding-bottom: 6px;font-size;16px!important;margin-bottom:0px!important;}

.news .baike-con .baike-btm h2 a{font-size: 16px;}

.news .baike-con .baike-btm p{line-height: 1.6;height: 44px;overflow: hidden;}

.news .baike-con li{overflow: hidden;margin-bottom: 10px;}

.news .baike-con li span{display: block;float: left;text-align: center;border: 1px solid #cfcfcf;padding: 10px;line-height: 1;color: #969696;margin-right: 20px;}

.news .baike-con li span b{display: block;font-size: 40px;font-weight: bold;}

.news .baike-con li span a{display: block;float: left;}

.news .title-con .title_h3{width: 100%; z-index: 999; background: url(http://www.dsliu.com/images/e_line1.png) no-repeat center 60%; color: #000; text-align: center; position: relative; font-size: 30px; margin-bottom: 55px; padding-top: 10px; font-weight: bold; letter-spacing: 5px;}



.our-news h3.title_h3{width: 100%; z-index: 999;  color: #000; text-align: center; position: relative; font-size: 30px; bottom: 20px; margin-top: 35px; font-weight: bold; letter-spacing: 5px; border-bottom:1px solid #ccc;}

.met-index-product .blocks li .widget .content-holder p{text-transform: uppercase;color: #fff;margin: 0;font-size: 13px;line-height: 22px;padding-bottom: 14px;transition: all .3s ease}



.news .title-con .title_h3{width: 100%; z-index: 999; background: url(http://www.dsliu.com/images/e_line1.png) no-repeat center 25%; color: #000; text-align: center; position: relative; font-size: 30px; margin-bottom: 15px; padding-top: 10px; font-weight: bold; letter-spacing: 5px;}

.news .title-con .title_h3 p,.title h3.title_h3 p{font-size: 16px; color: #000; font-weight: normal; letter-spacing: 0px; padding-bottom: 40px ! important;padding-top:20px;}



.tab-box{}
.tab-box input{display: none;} .tab-box label{display: inline-block;margin:0 12px 0 0;padding: 3px 30px;text-align: center; background-color: #e5e5e5; color: #333; font-size: 14px; line-height: 2;}
.tab-content{ display: none;}
.tab-box input:nth-of-type(1):checked ~ .tab-contents .tab-content:nth-of-type(1),
.tab-box input:nth-of-type(2):checked ~ .tab-contents .tab-content:nth-of-type(2),
.tab-box input:nth-of-type(3):checked ~ .tab-contents .tab-content:nth-of-type(3),
.tab-box input:nth-of-type(4):checked ~ .tab-contents .tab-content:nth-of-type(4),
.tab-box input:nth-of-type(5):checked ~ .tab-contents .tab-content:nth-of-type(5){display: block;}
.tab-box input:nth-of-type(1):checked ~ .tab-box-label label:nth-of-type(1) ,
.tab-box input:nth-of-type(2):checked ~ .tab-box-label label:nth-of-type(2),
.tab-box input:nth-of-type(3):checked ~ .tab-box-label label:nth-of-type(3),
.tab-box input:nth-of-type(4):checked ~ .tab-box-label label:nth-of-type(4),
.tab-box input:nth-of-type(5):checked ~ .tab-box-label label:nth-of-type(5){background: #c00 !important;color: #fff !important;}
footer.footer { padding: 30px 0 30px 0!important;}


.x_mian{width:1200px;margin:20px auto 0 auto; overflow:hidden; border-bottom: 2px solid #ff072a;}
.x_box1 span{margin:0px 0 20px 0}
.x_box1 span,.x_box4 span,.x_box5 span{font-size:32px;color:#FF0000; line-height:36px; font-weight:bold; display:block; text-align: center;padding}
.x_box4 span, .x_box5 span{margin: 10px 0 20px 0;}
.x_box1 p{line-height:24px;font-size:14px;color:#333; text-align: justify;text-indent:28px;}
.x_box1 .mt{margin-top:12px;}
.x_box2{position:relative;width:1000px;margin:10px auto 20px auto;height:480px;}
.x_box2 .b1{ float:left;}
.x_box2 .b1 img{float:left; width:60px;}
.x_box2 .b1 p{float:left;width:75px;word-wrap : break-word ; text-align:center; margin:0 0 0 10px; line-height:28px; font-size:18px; font-weight:600; color:#555;}
.x_pic{background:url(../images/x3.png) no-repeat center 110px;padding-bottom:480px;margin-top:10px;}
.x_box2 .x1{position:absolute;top:2%; left:43%;}
.x_box2 .x2{position:absolute;top:25%; left:3%;}
.x_box2 .x3{position:absolute;top:25%; right:3%;}
.x_box2 .x4{position:absolute;bottom:22%; left:12%;}
.x_box2 .x5{position:absolute;bottom:22%; right:12%;}
.x_box2 .b2{color:#fff;}
.x_box2 .x6{position:absolute;top:32%; left:30%;font-size:26px;}
.x_box2 .x7{position:absolute;top:32%; right:27%; text-align:center;width:110px; font-size:20px;}
.x_box2 .x8{position:absolute;bottom:27%; right:43%; text-align:center;width:140px; font-size:20px;}
.x_box3{margin:5px;background:#F5F5F5;border-radius:8px; height:165px;box-shadow: -2px 0px 8px 1px #eee,0px -2px 8px 1px #eee,2px 0px 8px 1px #eee,0px 2px 8px 1px #eee; border:1px solid #fff;}
.x_box3 .p1{margin:1% 1% 0 2%!important;}
.x_box3 p{margin:16px 0 0 0; text-align:center;font-size:18px;color:#333; line-height:24px;}
.x_box3 span{list-style:none;width:12%;height:30px;color:#fff; text-align:center;padding-top:65px; font-size:18px; float:left;margin:1%;border-radius:5px;height:95px;}
.x_box3 .t1{ background:#6D86BC url(../images/x16.png) no-repeat center 12px;background-size:50px auto;}
.x_box3 .t2{ background:#6D86BC url(../images/x10.png) no-repeat center 13px;background-size:50px auto;}
.x_box3 .t3{ background:#6D86BC url(../images/x4.png) no-repeat center 8px;background-size:auto 50px;}
.x_box3 .t4{ background:#6D86BC url(../images/x13.png) no-repeat center 12px;background-size:auto 45px;}
.x_box3 .t5{ background:#6D86BC url(../images/x15.png) no-repeat center 14px;background-size:50px auto;}
.x_box3 .t6{ background:#6D86BC url(../images/x7.png) no-repeat center 12px;background-size:50px auto;}
.x_box3 .t7{ background:#6D86BC url(../images/x12.png) no-repeat center 12px;background-size:50px auto;}
.x_box4,.x_box5{margin-top:20px; position:relative; overflow:hidden}
.x_box4 {height:370px;}
.x_box4 ul{}
.x_box4 ul li{list-style-type: none; width:40%;padding:20px 0 0px 20px; float:left; height:150px}
.x_box4 ul li span{width:20px; line-height:24px; font-size:20px; font-weight:bold; text-align:center; float:left;margin-top:0px;color:#333;}
.x_box4 ul li p{font-size:17px;color:#666; line-height:24px;text-align: justify;text-indent:28px;margin-left:36px;}
.x_box4 ul li .n1{width:80%;}
.x_box4 ul .m1{float:right;padding-left:50px;}
.x_box4 .pt{margin-top:10px;}
.x_box4 .line{border-bottom:3px solid #DCDDDD;}
.x_box4 .box4_pic{ position:absolute;left:38.5%;}
.x_box4 .box4_pic img{width:280px;}
.x_box5 ul{margin-left:10%}
.x_box5 ul li{width:33%;padding-left:86px; list-style:none; float:left;margin:20px 0;}
.x_box5 ul li p{color:#333; font-weight:bold;font-size:18px; float:left; width:100%;line-height: 24px;text-align: left;}
.x_box5 ul li span{color:#666;font-size:14px; float:left;width:140px; line-height:22px;}
.x_box5 .c1{background:url(../images/x9.png) no-repeat; background-size:76px auto;}
.x_box5 .c2{background:url(../images/x11.png) no-repeat; background-size:76px auto;}
.x_box5 .c3{background:url(../images/x6.png) no-repeat; background-size:76px auto;}
.x_box5 .c4{background:url(../images/x20.png) no-repeat; background-size:76px auto;}
.x_box5 .c5{background:url(../images/x8.png) no-repeat; background-size:76px auto;}
.x_box5 .c6{background:url(../images/x5.png) no-repeat; background-size:76px auto;}
@media screen and (max-width:768px) {

.x_mian{width:98%;margin:-66px auto 0 auto;}
.x_box1 span, .x_box4 span, .x_box5 span{ font-size: 18px; line-height:30px;}
.x_box1{overflow:hidden;}
.x_box1 p{padding:0 2%;}
.x_box2{ width:100%;height:auto;margin: 10px auto;}
.x_pic{background: url(../images/x3.png) no-repeat center 70px;background-size:300px auto; padding-bottom: 310px; margin-top: 0px;}
.x_box2 .b1 img {float: left;width: 40px;}
.x_box2 .b1 p{font-size:14px;width:65px; line-height:20px; margin:0 0 0 5px;}
.x_box2 .x2,.x_box2 .x3{top: 2%;}
.x_box2 .x1 { left: 37%;}
.x_box2 .x4{bottom: 0%;left: 8%;}
.x_box2 .x5{bottom: 0%;right: 8%;}
.x_box2 .x6{left: 20%;font-size: 18px;}
.x_box2 .x7 {top: 31%;right: 15%;width: 80px;font-size: 13px; line-height:15px;}
.x_box2 .x8 { right: 33%;font-size: 13px; line-height:18px;bottom: 30%;}
.x_box3 .t1,.x_box3 .t2,.x_box3 .t5,.x_box3 .t6,.x_box3 .t7{    background-size: 40px auto;}
.x_box3 .t3,.x_box3 .t4{background-size:auto 35px;}
.x_box3{height:auto; overflow:hidden;padding-bottom:6px;}
.x_box3 span{width:22%;height: 72px;font-size: 13px;padding-top: 48px;margin: 2% 0.5% 1% 2%;}
.x_box3 .w1{margin: 1% 5% 0 6%!important;}
.x_box4{height:auto; overflow:hidden;}
.x_box4 .box4_pic{position:inherit; left:inherit;text-align:center;}
.x_box4 .box4_pic img{text-align:center;}
.x_box4 ul li{width:50%;padding:20px 0 0 0;height:176px; overflow:hidden;}
.x_box4 ul li span{font-size:16px;width: 10px;}
.x_box4 ul{padding:5px;}
.x_box4 .pt{margin-top:0;}
.x_box4 ul li p{font-size:12px;margin-left: 22px;line-height: 20px;}
.x_box4 ul .m1{padding:20px 0 0 0}
.x_box5{margin-top:0;}
.x_box5 ul{margin:1% 0 0 3%;}
.x_box5 .c1,.x_box5 .c2,.x_box5 .c3,.x_box5 .c4,.x_box5 .c5,.x_box5 .c6{background-size: 64px auto;}
.x_box5 ul li{ width: 48%;padding: 0 0 5px 68px;margin: 5px 1%;}
.x_box5 ul li p{font-size:15px;padding-bottom:0;}
.x_box5 ul li span{font-size:12px;width: 110px;line-height: 18px;margin:0 0 10px 0;}
}
@media screen and (max-width:360px) {
.x_box2 .x1 {left: 35%;}
.x_box5 ul{margin:1% 0 0 0%;}
.x_box5 ul li{margin:5px 0;width: 50%;padding: 0 0 5px 60px;}
.x_box5 ul li span{font-size:11px;width: 110px;}
.x_box5 .c1,.x_box5 .c2,.x_box5 .c3,.x_box5 .c4,.x_box5 .c5,.x_box5 .c6{background-size: 56px auto;}
.x_box5 ul li p{line-height:17px;}
}