@charset "utf-8";


section.adv{ background:#F1F1F1; padding:40px 1%;}
.adv_container>dl{width:24.5%; float:left; padding:0 3%;background:url(../images/adv_bg.png) center right no-repeat;}
.adv_container>dl:last-child{ background:none;}
.adv_container>dl>dt{padding-top:150px; text-align:center;   font-size: 16px; background-image:url(../images/tedico01.png); background-position:center top; background-repeat:no-repeat; }

.adv_container>dl:nth-child(2)>dt{background-image:url(../images/tedico02.png);}
.adv_container>dl:nth-child(3)>dt{background-image:url(../images/tedico03.png);}
.adv_container>dl:nth-child(4)>dt{background-image:url(../images/tedico04.png);}

.adv_container>dl>dd{ height:90px; overflow:hidden; position:relative; padding-top:20px;line-height:1.6; text-align:CENTER;}
.adv_container>dl>dd:after{ content:""; width:24px; height:3px; position:absolute; bottom:0; left:45%; background:#019C58}




section.index_pro{background:url(../images/probg.jpg) center top no-repeat; padding-bottom:30px;}

h3.s_title{ padding-top:58px;}
h3.s_title,h3.s_title a{color: #3B5CAB; font-size:24px; text-align:center;}
em.s_intro{text-align:center; display:block; width:100%; padding-top:15px; color:#666;padding-bottom:30px;}


h3.custom_title,h3.custom_title a,em.custom_intro{color: #fff;}








section.case{background:url(../images/casebg.jpg) center top no-repeat; padding-bottom:20px; }



.case_list{ position:relative; width:100%; height:418px;}




.case_list figure{ height:100%; padding-top:20px; width:100%; overflow:hidden;}
.case_list figure>a{ display:block; width:67%; float:left; height:96%; margin-top:0.6%;}
.case_list figure>a img{ width:100%; height:100%;}

.case_list figure figcaption{  position:relative;   float: right;
     color:#fff;
    width: 32.9%;
    height: 100%;
    background: #3B5CAB;
    padding: 45px 45px 0 40px; margin-left:0.1%;}
	
.case_list figure figcaption:after{display: block;
    background: url(../images/icon.png) no-repeat;
    width: 12px;
    height: 18px;
    top: 5%;
    left:-12px;
    z-index: 2;
    position: absolute; content:"";}
	
.case_list figure figcaption a.case_title,figure.shili_item figcaption>div a.case_title,figure.about_figure figcaption h4{ color:#fff; font-size:1.15em; font-weight:600; display:block;}
.case_list figure figcaption p,figure.shili_item figcaption>div p,figure.about_figure figcaption p{ line-height:1.8em; max-height:200px; overflow:hidden; margin:25px 0;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical; 
-webkit-line-clamp: 8; }


a.index_btn{border-radius: 18px;
    padding:8px 15px;
    font-size: 12px;
    color: #666; color:#fff;
    width: 118px;
    border: 2px solid #fff;  display:block;  text-align:center; }

.case_list p.case_btn{bottom:-10px; position:absolute; z-index:999; left:0; padding-left:25%;}
.case_list .casepre,.case_list .casenext{ display:block; width:70px; height:40px; background:#979797; cursor:pointer; color:#fff;z-index:999;}
.case_list .casepre:hover,.case_list .casenext:hover{ background:#019c58;}

.case_list p.case_btn a{ float:left; overflow:hidden; text-align:center; font-size:1.2em; line-height:40px; }
.case_list p.case_btn a:last-child{ margin-left:5px;}

.case_list .swiper-container,.case_list .swiper-wrapper{ height:100%;  position:relative;}




 figure.shili_item{ width:100%; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; height:558px; margin-top:-20px; z-index:-10;}
 figure.shili_item figcaption{ height:70%;}
 figure.shili_item figcaption>div{float:right;color:#fff;width: 32.9%;height: 100%;background:#3B5CAB;padding: 45px 45px 0 40px; margin-top:10%;}


.safe{background-image:url(../images/adv02.jpg); background-position:center bottom; background-repeat:no-repeat;}
.safe figure { }
.safe figure  figcaption{ width:40%;float:left;margin:0 5%;}
.safe figure  figcaption dl{width:100%; }

.safe figure figcaption dl dt{background: url(../images/ysicon.png) no-repeat center 0;display:block;
    width: 68px;
    height: 99px;
    font-size: 20px;
    line-height: 26px;
    padding: 12px 0 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    float: left;
    }
.safe figure figcaption dl dd{float:left;overflow:hidden;margin-left: 33px;width:calc(100% - 120px);width:-moz-calc(100% - 120px);width:-webkit-calc(100% - 120px);}

.safe figure  img{width:40%; float:right; margin:0 5%; height:270px;}


.safe_1 .container,.safe_3 .container{ background:url(../images/adv01.jpg) left top no-repeat;}
.safe_1{ padding-bottom:30px;}
.safe figure figcaption dl dd h4{padding-bottom: 18px;
    border-bottom: 1px dashed #788b84;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    margin-bottom: 5px;}
.safe figure figcaption dl dd p{  margin-top: 15px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    background: url(../images/ysico02.png) no-repeat 0 8px;}



.safe_2{ padding:50px 0; background-color:#F9F9F9;}
.safe_3{ padding:50px 0;}
  .safe_2 figure img{ float:left;}
.safe_2 figure figcaption{ float:right}

section.custom{background: url(../images/wintnessbg.jpg) no-repeat center 0;height: 664px;overflow: hidden;}
section.custom .container{ position:relative;}

.custom_list{ height:437px; width:100%;  position:relative;  overflow:hidden}
.custom_list figure{ width:32%; background:#fff; padding:26px 2%; overflow:hidden; float:left;}
.custom_list figure>a>img{ width:100%; height:163px;}
.custom_list figure figcaption{position: relative;margin: -5px auto 0; z-index: 3; width:90%; overflow: hidden;background: url(../images/jzline.gif) no-repeat 0 0;}
.custom_list figure figcaption h4{ padding-top: 31px;
    line-height: 22px;
    font-size: 14px;}
.custom_list figure figcaption em{display: block;
    font-size: 12px;
    color: #888888;
    margin-top: 5px;}
.custom_list figure figcaption p{font-size: 12px;
    color: #333333;
    line-height: 24px; padding-top:15px;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical; 
-webkit-line-clamp: 5; }

   span.custompre,span.customnext{position: absolute;top: 342px;width: 24px;height: 45px; display:block;  cursor:pointer; background-size:100% 100%;z-index:999;}
   span.custompre{background:url(../images/wintprev.png) no-repeat; left:-53px; }
    span.customnext{background:url(../images/wintnext.png) no-repeat; right:-53px; }



section.mate{ background:url(../images/matebg.jpg) right bottom no-repeat; padding-bottom:30px;}

section.mate ul li{ float:left; width:16%; margin-right:0.8%; margin-bottom:10px;}
section.mate ul li img{ height:87px;}
section.mate ul li:nth-child(6n){ margin-right:0;}


section.about{background: url(../images/aboutbg.jpg) no-repeat center 0;height: 928px;overflow: hidden;}
section.about .container{position:relative;}
figure.about_figure{ margin-bottom:38px; width:100%; overflow:hidden;}
figure.about_figure figcaption{ width:45.5%; float:right;background:#3B5CAB;padding: 60px 80px 0 64px; color:#fff; height:395px;}
figure.about_figure>a{width:54.5%;display:block; height:360px; float:left; margin-top:20px; overflow:hidden;}
figure.about_figure>a img,figure.about_figure>a video{ width:100%; height:100%;}
figure.about_figure figcaption h4{}
figure.about_figure figcaption p{}

.about_list{ width:100%; overflow:hidden; margin-top:45px;}
.about_list a.about_item{float:left;display:block; text-align:center; line-height:1.2;}
.about_list a.about_item img{ height:181px; width:100%;}

span.aboutpre,span.aboutnext{position: absolute;bottom:100px;width: 24px;height: 45px; display:block;  cursor:pointer; background-size:100% 100%;z-index:999;}
   span.aboutpre{background:url(../images/wintprev.png) no-repeat; left:-53px; }
    span.aboutnext{background:url(../images/wintnext.png) no-repeat; right:-53px; }



.newslist{}
.newslist>dl{ width:30%; float:left; margin-right:5%;}
.newslist>dl:last-child{ margin-right:0;}
.newslist>dl dt{ height:156px; width:100%; position:relative; margin-bottom:20px;}

.newslist>dl dt h4{position: absolute;
    top: 0;
    left: -20px;
    width: 60px;
    height: 87px;
    background: #3B5CAB url(../images/newsline.gif) no-repeat center 65px;
    font-size: 18px;
    text-align: center;}
.newslist>dl dt h4 a{    display: inline-block;
    padding-top: 12px;
    color: #fff;
    line-height: 24px;
    width: 50px;}
.newslist>dl dt img{ height:100%;width:100%;}
.newslist>dl dd{padding-left: 15px;
    background: url(../images/newsicon.gif) left center no-repeat ;
    color: #555;
    line-height:3;width:100%;clear:both; font-size:12px; overflow:hidden;}
	
	.newslist>dl dd a{ float:left; display:inline-block; width:70%; overflow:hidden; text-overflow: ellipsis;
    white-space: nowrap;    color: #333333;}
	.newslist>dl dd time{ float:right;}


dd.qa_dd{ padding-left:0!important; height:180px; overflow:hidden;}
.qabox{width:100%;}
.qabox ul{width:100%;}
.qabox ul li{padding:0 0 20px 20px; border-bottom: 1px dashed #bebebe;background: url(../images/faqicon01.gif) left 5px no-repeat; line-height: 20px; width:100%; clear:both; margin-bottom:15px;}
.qabox ul li a{ display:block; width:100%;}
.qabox ul li p{text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical; 
-webkit-line-clamp: 2; clear:both; overflow:hidden; padding-top:7px; color:#999; }

section.links{background-image:url(../images/adv02.jpg); background-position:center top; background-repeat:no-repeat; background-color:#F7F7F7;  margin-top:30px; padding:20px 0; line-height:2;}
section.links a{  margin-right:20px;}