@charset "utf-8";
/* CSS Document */
/*切图：zyjn*/
html{ overflow-x:hidden; overflow-y:auto;}
body{background-color:#fff;}
*{ padding:0; margin:0; outline: none;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{ cursor:pointer;}
img{border:0; max-width:100%; display:block;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}



.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*首页 */

/*首页顶部*/
.top1{ width:100%; background-color:rgba(255,255,255,0.8); position: fixed; top:0; left: 0;z-index: 9999; height: 113px;}
.top1_box{padding:0 3.125%; height: 113px;}
.top1 .logo{width:263px; height: auto; margin:10px 0 0 0; float:left;}
.c_search_box{ position: relative; border-radius: 50%; margin-top:41px;float:right;}
.c_search_box button{ width:33px; height: 33px; position: relative; z-index: 100; display: block;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0}
.c_input{width:33px; height: 33px; background-color:#ffc431; border-radius: 30px; position: absolute;top:0px; right:0;overflow: hidden; z-index: 20;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.c_input input{display:block; width:100%; height: 30px; display:none; background-color:#ffc431; 
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0}
.c_search_box:hover .c_input{width:150px; padding:0 30px 0 10px;}
.c_search_box:hover input{display:block;}
.menu_btn_bx{  margin: 41px 12px 0 0;float:right; cursor: pointer;}
.menu_btn_bx h3{font-size:16px; color:#000; opacity:0.8; text-transform: uppercase; line-height: 33px; margin-right:16px; float:left; font-family: Arial; letter-spacing: 2px;}
.menu_btn{float:left; width:33px; height: 33px; background-color:#27babd; border-radius: 50%;}
.menu_btn .menuph {float: none;margin:0;width: auto; height:auto; text-align:inherit; }
.menu_btn .menuph .point{display:block; width: auto; height: auto; margin:5px 7px;}
.menu_btn .menuph .navbtn{display:block; width:19px; height: 3px; background-color:#fff; border-radius: 4px;}
.menu_btn .menuph .navbtn::after,.menu_btn .menuph .navbtn::before{ width:19px; height: 3px; background-color:#fff;border-radius: 4px;}
.menu_btn .menuph .point:hover .navbtn,
.menu_btn .menuph .point:hover .navbtn::after,
.menu_btn .menuph .point:hover .navbtn::before{width: 19px;}
.menu_btn .menuph .navbtn::after{ top: -6px;}
.menu_btn .menuph .navbtn::before{ top: 6px;}

.top1 .menu_box{float:right; margin-right:5.2%; width:0; overflow: hidden;}
.top1 .menu_box.active{width:auto; overflow:visible;}
.top1 .menu{float:right; }
.top1 .nli{ position: relative; float:left; margin-left:70px;}
.top1 .menu .nli:first-child{margin-left:0;}
.top1 .menu .nli > span a{display:block; font-size:16px; color:#333; padding:43px 0 41px 0; font-family: Arial;}
.top1 .menu .nli > span a i{display:block; padding:6.5px 20px; border-radius: 30px;}
.top1 .menu .nli:hover i{background-color:#27babd;}
.top1 .menu .nli:hover a{color:#fff;}
.top1 .menu .nli.hover i{background-color:#27babd;}
.top1 .menu .nli.hover a{color:#fff;}

.top1 .sub{ position:absolute;top:113px; left: 50%; width:114px;z-index: 100;   width:114px; margin-left:-57px; background-color:rgba(39,186,189,0.9); display: none;}
.top1 .sub ul li a{display:block; font-size:16px; color:#fff; text-align: center; padding:10px 0;}
.top1 .sub ul li:hover { background-color:rgba(39,186,189,1);}

@media screen and (max-width:1700px){
	.top1 .nli{margin-left:40px;}
}
@media screen and (max-width:1500px){
	.top1 .nli{margin-left:20px;}
	.top1 .menu_box{margin-right:3%;}
}
@media screen and (max-width:1400px){
	.top1 .nli{margin-left:10px;}
	.top1 .menu_box{margin-right:2%;}
}
@media screen and (max-width:1300px){
	.top1 .logo{width:160px; margin-top:30px;}
	.top1 .menu .nli > span a{font-size:14px;}
}
@media screen and (max-width:1129px){
	.top1 .menu .nli > span a i{padding:6.5px 10px;}
}
@media screen and (max-width:1000px){
	.top1 .nli{margin-left:0;}
}

/*手机头*/
.top2{width:100%; height:60px;background-color:#fff;display: none; box-shadow: 0 0px 17px  rgba(0,0,0,0.1); z-index: 2000; position: relative;}
.top2 .logo{width:140px; height:auto; float:left; margin-top:15px;}
.menu_btn_bx_ph{margin:13.5px 0 0 0;}

@media screen and (max-width:991px){
    .top2{ display:block;}
	.top1{ display:none;}
}



/*下拉*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #27babd;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    background: #27babd;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    position: relative;
}
.xialaph h4{
    position: relative;
}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    /*opacity: 0.1;*/
}
.xialaph li:first-child h4::after{display:none;}
.xialaph h4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 42px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dddddd;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #999 solid 1px; border-right: #999 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h4.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}
/*.xialaph .ul2{ padding-left: 30px;  }*/
.xialaph .ul3{
    padding-top: 12px;
    padding-bottom: 18px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}

.xialaph h5 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #999 solid 1px; border-right: #999 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h5.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}

.xialaph .searchP{ margin: 15px auto auto auto; height: 35px; border: #dddddd solid 1px; width:60%; float:none;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 30px; height: 30px; margin: 0 0 0 0; line-height: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0;}
.xialaph .searchP .searchLeft{ padding: 0 34px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}


@media screen and (max-width:991px){
	.c_login_ph{margin:24px 0 0 0;}
	.c_login_ph a{font-size:14px;}
}

.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 196;
    display: none;
}
.phonemeng.active{
    display: block;
}



@media screen and (max-width:1199px){
	.top2{background-color:#fff;}
}

/*banner*/
.pz_banner{clear: both;}
.c_banner{position:relative;}
.slide1{ margin:0;width: 100%;}

.number{font-size:16px; color:rgba(255,255,255,0.6);position: absolute; bottom:45px; z-index: 100; left: 50%;
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%,0);
        transform: translate(-50%, 0);}
.number font{ margin: 0 5px;  }
.number font:nth-child(1){font-size:24px;color:rgba(255,255,255,1);}

.slide1 .slick-prev{ display:block; width:0; height:0;border-width:6px 6px 6px 0;border-style:solid;border-color:transparent #fff transparent transparent; bottom:55px; top:auto; transform: translate(0); left: 47.55%;}
.slide1 .slick-next{ display:block; width:0; height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff; bottom:55px; top:auto; transform: translate(0); right: 47.55%;}

.scroll_down{position:absolute; bottom:100px; text-align: center; width: 100%; left: 0; cursor: pointer;}
.scroll_down h5{font-size:14px; color:#ffffff; font-family: Arial; text-transform: uppercase;}
.scroll_down span{display:inline-block; width: 42px; height: 42px; margin-top:14px;}
.scroll_down:hover h5{color:#27babd;}

@media screen and (max-width:1460px){
	.slide1 .slick-prev{left:46%;}
	.slide1 .slick-next{right:46%;}
}
@media screen and (max-width:991px){
	.slide1 .slick-prev{left:44%; bottom:18px;}
	.slide1 .slick-next{right:44%;bottom:18px;}
	.number{bottom:10px;}
	.scroll_down{bottom:40px}
}
@media screen and (max-width:767px){
	.scroll_down{display:none;}
}
@media screen and (max-width:540px){
	.slide1 .slick-prev{left:42%;}
	.slide1 .slick-next{right:42%;}
}
@media screen and (max-width:400px){
	.slide1 .slick-prev{left:40%;}
	.slide1 .slick-next{right:40%;}
}

/*main*/

.in_about{ padding:130px 0 108px 0;}
.in_about_l{width:53.7%; float:left; position: relative; }
.in_about_h1{font-size:70px; color:#27babd; font-weight: bold; letter-spacing: 1px; position: relative;}
.in_about_h1::after{width:64px; height: 4px; background-color:#ffc431; content: " "; position: absolute; bottom:-45px; left: 0;}
.in_about_h3{width:215px; height: 89px; padding:19px 0 0 0; text-align: center; background:url(../images/p11.png) center no-repeat; background-size:cover; position: absolute; transform: rotate(90deg); top:-67px; left: 43%;}
.in_about_h3 h3{display:inline-block;font-size:14px; color:#0f0f0f; font-family: Arial; text-transform: uppercase; position: relative;}
.in_about_h3 h3::after{width:19px; height: 7px; background-color:#ffc431; position: absolute; right:0; bottom:-10px; content: " ";}
.in_about_l .p{padding-top:80px; font-size:16px; color:#787878; font-family: Arial ; text-transform: uppercase; line-height: 34px; text-align: justify;}

.in_about_ul{margin-top:45px; padding:33px 0 47px 0; border-top:1px solid #eaeaea;}
.in_about_ul li{width:31.57%; margin-right:2.64%; float:left;}
.in_about_ul li:nth-child(3n){margin-right:0;}
.in_about_ul li span{width:90px; height: 90px; border-radius: 50%; background-color:#fff; border:3px solid #2c2c2c; box-sizing: content-box; float:left;}
.in_about_ul li span img:nth-child(2){display:none;}
.in_about_ul li div{margin-left:116px;}
.in_about_ul li div h5{font-size:16px; color:#2c2c2c; font-family: Arial; text-transform: uppercase; padding:10px 0 10px 0; font-weight: bold; letter-spacing: 1px;}
.in_about_ul li div h6{font-size:14px; color:#7e7e7e; font-family: Arial; line-height: 24px; height: 48px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.in_about_ul li:hover span {border-color:#27babd;}
.in_about_ul li:hover span img:nth-child(2){display:block;}
.in_about_ul li:hover span img:nth-child(1){display:none;}
.in_about_ul li:hover div h5{color:#27babd;}

.c_more{font-size:14px; color:#ffffff; font-family: Arial; text-transform: uppercase;background-color:#27babd;width:166px; height: 42px; border-radius: 30px; text-align: center;  line-height: 42px;border:1px solid rgba(255,255,255,0);text-align: center;}
.c_more a{display:block; width:100%; height: 100%; color:#ffffff;}
.c_more a i{font-size:18px; font-weight: bold; margin-left:10px;}
.c_more:hover{background-color:#fff; border:1px solid #27babd; color:#27babd;}
.c_more:hover a{color:#27babd;}

.in_about_r{float:right; width:38%; height: auto; box-sizing: content-box; padding:1.66%; background:url(../images/p12.png) center no-repeat; background-size:cover;}

@media screen and (max-width:1649px){
	.in_about_h3{left:60%;}
}
@media screen and (max-width:1199px){
	.in_about_l{width:100%;float:none; }
	.in_about_r{ float:none; width:50%; margin:auto;}
}
@media screen and (max-width:991px){
	.in_about{padding:50px 0;}
	.in_about_h1{font-size:50px;}
	.in_about_h1::after{bottom:-10px;}
	.in_about_h3{width:auto; height: auto; padding:5px 10px; top:1px;}
	.in_about_l .p{padding-top:20px}
}
@media screen and (max-width:767px){
	.in_about{padding:30px 0;}
	.in_about_h1{font-size:24px;}
	.in_about_h1::after{width:30px; height: 2px;}
	.in_about_h3{display:none;}
	.in_about_l .p{font-size: 13px; line-height: 22px;}
	.in_about_ul{margin-top:20px; padding:20px 0 0 0;}
	.in_about_ul li{width:100%; margin:0 0 10px 0;}
	.in_about_ul li span{width:60px; height: 60px;}
	.in_about_ul li div{margin-left:80px;}
	.in_about_ul li div h5{font-size:15px; padding:10px 0 5px 0;}
	.in_about_ul li div h6{font-size:13px; line-height: 20px; line-height: 20px; height: 40px;}
	.c_more {width:auto; height: auto; padding:5px 10px; display: inline-block; line-height: normal; font-size:12px;}
	.c_more i{font-size:14px; margin-left:5px;}
	.in_about_r{width:100%; margin-top:20px; box-sizing:border-box;}
	.c_more a i{margin-top:4px;}
}

.in_series{width:100%; position:relative;}
.in_series_l{width:41.97%;height: 100%; position: absolute; top:0; left: 0; background:url(../images/j2.jpg) center no-repeat; background-size:cover;}
.in_series .in_about_h3{left:auto; right:0; top:63px;}
.in_series .in_about_h3 h3{color:#fff;}
.in_series_title{left:18.98%;top:50%; margin-top:-187px; width:463px; height: 374px; border:1px solid #fff;  border-right:none; position: absolute; padding:35px 0 0 40px; background:url(../images/p13.png) center bottom no-repeat; font-weight: bold;}
.in_series_title::after{width:1px; height: 173px; background-color:#fff; position: absolute; top:0; right:0; content: " ";}
.in_series_title::before{width:1px; height: 133px; background-color:#fff; position: absolute; bottom:0; right:0; content: " ";}
.in_series_title h2{font-size:60px; color:#fff; font-weight: bold; font-family: Arial; text-transform: uppercase; letter-spacing: 1px;}
.in_series_title h4{font-size:48px; color:#fff; font-weight: bold; font-family: Arial;text-transform: uppercase; margin-top:10px; position: relative;}
.in_series_title h4::after{width:64px; height: 4px; background-color:#ffc431; content: " "; position: absolute; bottom:-20px; left: 0;}
.in_series_title h5{font-size:16px; color:#fff; font-family: Arial; text-transform: uppercase; margin-top:40px; white-space: nowrap;}
.in_series_r{width:58.03%; float:right;}
.in_series_r li{float:left; width:50%; position: relative; overflow: hidden;}
.in_series_on{position:relative; top:0; left: 0; position: absolute; height: 100%; width:100%;}
.in_series_on div{ position: absolute; top:50%; width:100%; left: 0; text-align: center;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
}
.in_series_on div span{width:82px; height: 82px; display: block; margin: auto; border-radius: 50%; border:2px solid #fff;}
.in_series_on div h5{font-size:18px; color:#fff; font-family: Arial; font-weight: bold; margin-top:25px; text-transform: uppercase;}
.in_series_on b{width:84px; height: 84px; border-top-left-radius: 100%; display: block; position: absolute; bottom:0; right:0; background-color:#27babd; opacity:0.5;}
.in_series_r li:nth-child(2) .in_series_on b{left:0; right:auto; background-color:#1b213f; border-radius: 0 100% 0 0; }
.in_series_r li:nth-child(3) .in_series_on b{left:0; right:auto; background-color:#3f9ccb; border-radius: 0 0 0 100%; top:0; bottom:auto; right:0; left: auto;}
.in_series_r li:nth-child(4) .in_series_on b{left:0; right:auto; background-color:#2f6255; border-radius: 0 0 100% 0; top:0; bottom:auto; }
.in_series_r li:hover a > img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.in_series_r li:hover b{opacity:0.8;}

@media screen and (max-width:1649px){
	.in_series_title{left:5%; width:360px; padding:30px 0 0 30px;}
	.in_series_title h2{font-size:50px;}
	.in_series_title h4{font-size:40px;}
	.in_series_title h5{white-space: normal;line-height: 24px;}
}
@media screen and (max-width:1199px){
	.in_series_on div span{width:70px; height: 70px;}
	.in_series_title::after{display:none;}
	.in_series_title::before{display:none;}
	.in_series_title{border-right:1px solid #fff;}
}
@media screen and (max-width:991px){
	.in_series_title h2{font-size:40px;}
	.in_series_title h4{font-size:30px;}
	.in_series_title{width:90%; height: 90%; top:5%; margin: 0;}
	.in_series_on div span{width:50px; height: 50px;}
	.in_series_on div h5{font-size:16px;}
	.in_series_on b{width:60px; height: 60px;}
	.in_series .in_about_h3{top:74px;}
}
@media screen and (max-width:767px){
	.in_series_l{position:static; width:100%; padding:10px;}
	.in_series_title{width:100%; position:static; padding:10px; background-size: 100% auto;}
	.in_series_title h2{font-size:30px;}
	.in_series_title h4{font-size:24px;}
	.in_series_title h4::after{width:30px; height: 2px;}
	.in_series_title h5{font-size:13px; line-height: 22px; color:#27babd;}
	.in_series_r{width:100%;}
	.in_series_on div span{width:40px; height: 40px; border:1px solid #fff;}
	.in_series_on div h5{font-size:13px; margin-top:10px;}
	.in_series_on b{width:30px; height: 30px;}
}

.in_case{position:relative; background-color:#f5f5f5; padding:100px 0 68px 0;}
.in_case h2{font-size:60px; color:#27babd; font-family: Arial; text-transform: uppercase; text-align: center; font-weight:bold; letter-spacing:2px; position: relative;}
.in_case h2::after{width:64px; height: 4px; background-color:#ffc431; content: " "; position: absolute; bottom:-25px; left:50%; margin-left:-32px;}
.in_case .in_about_h3{top:64px; right:25%; left: auto;}

.in_case_box{padding-top:60px; overflow-x: hidden;}
.c_margin{margin:0 -90px;}
.slickcen{width:100%;}
.slickcen li{width:96%; margin:20px auto; background-color:#fff; padding:20px 20px 25px 20px; text-align: center; }
.slickcen li a .img{display:block; width:100%; height: auto; overflow: hidden;position: relative;}
.slickcen li a .img > img {opacity:0.5;}
.slickcen .slick-center .img > img{opacity:1}
.slickcen .slick-center li{box-shadow:0 11px 16px rgba(203,203,203,0.54);}
.slickcen li h5{font-size:18px; color:#333333; font-family: Arial; text-transform: uppercase; padding:30px 0 12px 0;}
.slickcen li h6{font-size:14px; color:#666666; font-family: Arial; text-transform: uppercase;}
.span_play{width:66px; height: 66px; display: block; position: absolute;top:50%; left: 50%; margin: -33px 0 0 -33px; border:2px solid #fff; border-radius: 50%; display:none;}
.slickcen .slick-center li .span_play{display:block;}
.slickcen li:hover .img > img{
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.slickcen li:hover h5{color:#27babd;}
.slickcen .slick-prev{width:66px; height: 66px; border-radius: 50%; background:url(../images/p19.png);background-color:rgba(0,0,0,0.5); top:43%; left:26.5%;}
.slickcen .slick-next{width:66px; height: 66px; border-radius: 50%; background:url(../images/p20.png);background-color:rgba(0,0,0,0.5); top:43%; right:26.5%;}
.slickcen .slick-prev:hover,.slickcen .slick-next:hover{background-color:rgba(0,0,0,0.8);}

@media screen and (max-width:1600px){
	.in_case .in_about_h3{right:10%;}
}
@media screen and (max-width:991px){
	.in_case{padding:50px 0;}
	.in_case h2{font-size:40px;}
	.span_play{width:50px; height: 50px; margin: -25px 0 0 -25px;}
	.slickcen .slick-prev,.slickcen .slick-next{width:30px; height: 30px; background-size:cover;}
	.in_case h2::after{bottom:-10px;}
	.in_case .in_about_h3{top:54px;}
}
@media screen and (max-width:767px){
	.in_case{padding:30px 0;}
	.in_case h2{font-size:24px;}
	.in_case h2::after{width:30px; height: 2px; margin-left:-15px;}
	.in_case_box{padding-top:20px;}
	.c_margin{margin:0;}
	.slickcen li{padding:10px;}
	.slickcen li h5{font-size:15px; padding:10px 0;}
	.slickcen li h6{font-size:13px;}
	.slickcen .slick-prev{left:10px;}
	.slickcen .slick-next{right:10px;}
}

.in_center{padding:130px 0; position:relative;}
.in_center h2{font-size:60px; color:#fff; font-family: Arial; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; position: relative;}
.in_center h2::after{width:64px; height: 4px; background-color:#ffc431; content: " "; position: absolute; bottom:-30px; left:0;}
.in_center .in_about_h3{top:47px; left: 33%; width: 183px;}
.in_center .in_about_h3 h3{ color:#fff;}
.c_margin2{margin:0 -9px;}
.in_center_ul{padding-top:130px;}
.in_center_ul div > li{background-color:#fff; padding:25px 23px 40px 23px; width:96%; margin: auto;height:390px;}
.in_center_img{width:100%; height: auto; overflow: hidden;}
.in_center_d span{width:40px; height:42px; display: block; margin-top:20px; display:none;}
.in_center_d h4{font-size:16px; color:#414141; font-family: Arial; text-transform: uppercase; margin-top:30px;}
.in_center_d h6{font-size:12px; color:#808080; padding:10px 0 15px 0;}
.in_center_d .p{font-size:14px; line-height: 25px; color:#6c6c6c; height: 50px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.in_center_d .c_more{margin-top:30px; display:none;lay:none;}
.in_center_ul div > li:hover .in_center_img{height:0; overflow: hidden;}
.in_center_ul div > li:hover .in_center_d{padding:0 14px;}
.in_center_ul div > li:hover .in_center_d span{display:block;}
.in_center_ul div > li:hover .in_center_d h6{padding-bottom:25px; border-bottom:2px solid #27babd; margin-bottom:24px;}
.in_center_ul div > li:hover .in_center_d .c_more{display:block;}


@media screen and (max-width:1649px){
	.in_center .in_about_h3{left:60%;}
}
@media screen and (max-width:1150px){
	.in_center_ul div > li { padding: 25px 23px 20px 23px;height: 370px;}
}
@media screen and (max-width:991px){
	.in_center{padding:50px 0; }
	.in_center h2{font-size:40px;}
	.in_center_ul{padding-top:60px;}
	.in_center .in_about_h3{top:78px;}
}
@media screen and (max-width:767px){
	.in_center{padding:30px 0; }
	.in_center h2{font-size:40px;}
	.in_center_ul{padding-top:60px;}
	.in_center h2{font-size:24px;}
	.in_center h2::after { width: 30px; height: 2px; bottom:-15px;}
	.in_center_ul{padding-top:30px;}
	.in_center_ul div > li{padding:10px; height: auto;}
	.in_center_d h4{font-size:15px;margin-top:10px;}
	.in_center_d h6{padding:10px 0;}
	.in_center_d .p{font-size:13px; line-height: 20px; height: 40px;}
	.in_center_ul div > li:hover .in_center_d h6{padding:10px 0; margin-bottom:10px;}
	.in_center_d span{width:24px; height: auto;}
}



.in_contact{padding:110px 0 120px 0;}
.in_contact h2{font-size:60px; color:#27babd; font-weight: bold; position: relative; font-family: Arial; text-transform: uppercase; float:left;}
.in_contact h2::after{width:64px; height: 4px; background-color:#ffc431; content: " "; position: absolute; bottom:-40px; left:0;}
.in_contact_input{float:right; width:55.55%; border-bottom:2px solid #000; margin-top:50px;}
.in_contact_input input{width:90%; height: 36px; margin-bottom:15px; font-size:16px; color:#414141;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0}
.in_contact_input input::-webkit-input-placeholder{font-size:16px; color:#414141;}  
.in_contact_input input::-moz-placeholder{font-size:16px; color:#414141;}               
.in_contact_input input::-moz-placeholder{font-size:16px; color:#414141;}              
.in_contact_input input::-ms-input-placeholder{font-size:16px; color:#414141;} 
.in_contact_input button{ width:19px; height: 11px; float:right; margin-top:12.5px;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0
}

@media screen and (max-width:991px){
	.in_contact{padding:50px 0;}
	.in_contact h2{font-size:40px;}
	.in_contact_input{width:100%;}
}
@media screen and (max-width:767px){
	.in_contact{padding:30px 0;}
	.in_contact h2{font-size:24px;}
	.in_contact h2::after { width: 30px; height: 2px; bottom:-15px;}
	.in_contact_input{margin-top:30px;}
}

/*bottom*/
.bottom{background-color:#212322;}
.in_pa_box{padding:30px 2%; position: relative; border:1px solid #505251; border-left:none; border-right:none;}
.in_pa_box::after{width:1px ; height: 100%; content: " "; position: absolute; background-color:#505251; top:0; left: 50%;}
.in_pa{}
.in_pa li{width:60% ; margin: auto;}
.in_pa .slick-prev{width:15px; height: 15px; border-top:2px solid #dbdbdb; border-left:2px solid #dbdbdb; transform: rotate(-45deg); left: 20px;top: 45%;}
.in_pa .slick-next{width:15px; height: 15px; border-top:2px solid #dbdbdb; border-right:2px solid #dbdbdb; transform: rotate(45deg); right: 20px;top: 45%;}
.bottom2{border-bottom:1px solid #505251;}
.bottom2_1{width:276px; height: auto; float:left; margin-top:50px;}
.bottom2_2{width:49.69%; float:left; padding:35px 5.67%; margin-left:6%;border-left:1px solid #505251;border-right:1px solid #505251;}
.bottom2_2 h4{font-size:14px; color:#b6b6b6; font-family: Arial; float:left;line-height: 30px;}
.bottom2_col div{font-size:14px; color:#b6b6b6; font-family: Arial;margin-left:66px;line-height: 30px;}

.b_share{float:right; margin-top:64px;}
.b_share .bdshare-button-style0-16 a{width:32px; height: 32px; margin:0 0 0 32px; padding:0; float:left;}
.b_share .bdshare-button-style0-16 a:first-child{margin:0;}
.b_share .bdsharebuttonbox .bds_weixin{background:url(../images/p23.png); background-size:cover; position:relative;}
.b_share .bdsharebuttonbox .bds_weixin .d_ewm{display:none; width:120px; height:120px; position:absolute; right:0; bottom:36px; padding:5px; background:#fff; }
.b_share .bdsharebuttonbox .bds_weixin:hover .d_ewm{display:block;}
.b_share .bdsharebuttonbox .bds_tsina{background:url(../images/p24.png); background-size:cover;}
.b_share .bdsharebuttonbox .bds_twi{background:url(../images/p25.png); background-size:cover;}
.b_share .bdsharebuttonbox .c_a{background:url(../images/p26.png); background-size:cover;}
.b_share .bdsharebuttonbox .bds_fbook{background:url(../images/p27.png); background-size:cover;}
.b_share .bdsharebuttonbox .c_a1{background:url(../images/p28.png); background-size:cover;}

.bottom3{padding:28px 0;}
.bottom3 h5{font-size:14px; color:#b6b6b6; font-family: Arial; float:left;}
.bottom3 h5:nth-child(2){float:right;}

@media screen and (max-width:1649px){
	.bottom2_2{padding: 35px 2%; width:39%;}
}
@media screen and (max-width:1199px){
	.b_share .bdshare-button-style0-16 a{margin-left:10px;}
}
@media screen and (max-width:991px){
	.in_pa_box{padding:30px 10%;}
	.bottom2_1{width:30%;}
	.bottom2_2{width:64%; border-right:none;}
	.b_share{width:100%; margin-top:10px; text-align: center;}
	.b_share .bdsharebuttonbox{display:inline-block;}
	.bottom3 h5{width:100%; text-align: center; line-height: 22px;}
}
@media screen and (max-width:767px){
	.in_pa_box{padding:10px 10%;}
	.in_pa li{width:90%;}
	.in_pa .slick-prev,.in_pa .slick-next{width:10px; height: 10px; left: 0;}
	.in_pa .slick-next{ left: auto;right: 0;}
	.bottom2_1{float:none; width:160px; margin:10px auto auto auto;}
	.bottom2_2{width:100%; margin: 0; float:none; border:none; padding:10px 0;}
	.bottom3{padding:10px 0; }
	.bottom3 h5{font-size:12px;}
}


/*右漂浮*/
.fl_r{position:fixed; top:50%; margin-top:-158px; right:35px; z-index: 1000; display:none;}
.col{width:53px; height: 53px; border-radius: 50%; background-color:#bfbfbf; position: relative; margin-bottom:10px;}
.on_line{font-size:14px; color:#fff; font-family: Arial; width:75px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; background-color:#27babd; position: absolute;top:50%; margin-top:-15px; right:70px; display:none;}
.sj{width:15px; height: 30px; display: block; position: absolute;top:50%;margin-top:-15px; right:-13px;}
.col:hover{background-color:#27babd;}
.col:hover .on_line{display:block;}
.wx_box{position: absolute; top:50%; margin-top:-40px; right:53px; width:0; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.wx{width:80px; height: 80px; padding:5px; background-color:#27babd; border-radius: 4px;position: relative;}
.wx p img{width:100%;}
.col:hover .wx_box{width:92px;}
.phone_box{width:0; height: 50px; position: absolute; top:50%; margin-top:-25px; right: 53px; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.phone{font-size:14px; color:#fff; width:138px; line-height: 50px;position: relative; border-radius: 4px; background-color:#27babd; text-align: center; }
.col:hover .phone_box{width:150px;}

@media screen and (max-width:767px){
	.fl_r{display:none !important;}
}

/*案例中心*/
.c_nav{background-color:#f4f5f9; text-align: center; font-size:0;}
.c_nav a{display:inline-block; font-size:18px; color:#484848; font-family: Arial; line-height: 100px; margin: 0 58px;}
.c_nav a:hover{color:#27babd; border-bottom:5px solid #27babd;}
.c_nav a.hover{color:#27babd; border-bottom:5px solid #27babd;}

@media screen and (max-width:1649px){
	.c_nav a{ margin:0 40px;}
}
@media screen and (max-width:1300px){
.c_nav a{line-height:40px; margin:0 20px; font-size:14px;}
	.c_nav a:hover{ border-bottom:3px solid #27babd;}
.c_nav a.hover{border-bottom:3px solid #27babd;}
}
@media screen and (max-width:991px){
	.c_nav{display:none;}
}

.c_box{padding:90px 0 80px 0;}
.c_container{padding:0 3.1%;}
.case{padding-bottom:20px ;}
.case li{width:31.57%; float:left; margin:0 2.64% 40px 0; padding:15px 17px 30px 17px; background-color:#fff; box-shadow: 0 0 27px rgba(0,0,0,0.05); text-align: center;}
.case li:nth-child(3n){margin-right:0;}
.case li span{display:block; width:100%; height: auto; position: relative; overflow: hidden;}
.case li span::after{width:0; height: 0; border-width:0 16px 16px;border-style:solid; border-color:transparent transparent #fff; position: absolute; bottom:0; left: 50%; content: " "; margin-left:-16px;}
.case li h3{font-size:20px; color:#27babd; font-family: Arial; text-transform: uppercase; padding:32px 0 23px 0;}
.case li .p{font-size:16px; color:#555555; line-height: 28px; font-family: Arial; height: 84px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.case li h5{width:106px; height: 38px; border-radius: 4px; font-size:14px; color:#fff; background-color:#27babd; line-height: 38px; text-align: center; margin:20px auto auto auto;}
.case li:hover{background-color:#ededed;}
.case li:hover span img{
	-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}

.c_page{text-align:center;}
/* .c_page a{display:inline-block; vertical-align: middle; width:38px; height: 38px; border-radius: 30px; line-height: 38px; text-align: center; font-size:14px; color:#272727; margin: 0 3px;}
.c_page .pageup{width:100px; background:url(../images/p39.png) center no-repeat; border:1px solid #e1e1e1;}
.c_page .pagedown{width:100px; background:url(../images/p38.png) center no-repeat; border:1px solid #e1e1e1;}
.c_page .pageup:hover,
.c_page .pageup.on{background-image:url(../images/p36.png); background-color:#27babd; border-color:rgba(255,255,255,0);}
.c_page .pagedown:hover,
.c_page .pagedown.on{background-image:url(../images/p37.png); background-color:#27babd;border-color:rgba(255,255,255,0);}
.c_page a:hover{ color:#27babd;}
.c_page span{font-size:12px; display:inline-block; color:#333; margin: 0 5px; display:none;}

 */


.xiaocms-page a { display:inline-block; border-radius: 5px; height:38px; line-height:38px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 10px;}
.xiaocms-page a:hover {border-radius: 5px; background:#27babd; color:#fff; text-decoration:none; }
.xiaocms-page span { border-radius: 5px;display:inline-block; height:38px;padding:0 10px; line-height:38px; background:#27babd; border:1px solid #27babd; color:#fff; text-align:center;margin-left: 10px; }






@media screen and (max-width:991px){
	.c_box{padding:50px 0;}
	.case li span::after{border-width: 0 10px 10px; margin-left:-10px;}
	.case li h3{font-size:16px; padding:10px 0;}
	.case li .p{font-size:13px; line-height: 22px; height: 66px;}
	.c_container{padding:0;}
}
@media screen and (max-width:767px){
	.c_page .c_a2{display:none;}
	.c_page span{display:inline-block;}
	.c_box{padding:30px 0;}
	.case{padding-bottom:10px ;}
	.case li{width:49%; margin-right:2%; margin-bottom:20px; padding:10px;}
	.case li:nth-child(3n){margin-right:2%;}
	.case li:nth-child(2n){margin-right:0;}
	.case li h5{font-size:12px; width:80px; height: 30px; line-height: 30px; margin-top:15px;}
}

/*案例中心 详细*/
.case_de{border:1px solid #e1e0e0;}
.case_de h2{text-align:center; font-size:30px; color:#323232; font-family: Arial ; text-transform: uppercase; padding-top:40px;}
.case_infor{padding:20px 0; border-bottom:1px solid #e1e0e0; text-align: center; width: 92.76%; margin: auto;}
.case_infor h5{display:inline-block; font-size:14px; color:#979797; margin: 0 8px;}

.case_scroll{width:86.13%; margin: 40px auto auto auto;}
.downk{margin-top:10px; width: 100%; overflow: hidden;}
.c_margin3{margin:0 -5px;}
.homedown1{width:107%;}
.homedown1 li{width:94.87%; margin: auto;}
.hometop1 .slick-prev{width:60px; height: 100px; background:url(../images/p40.png); left: 0; }
.hometop1 .slick-next{width:60px; height: 100px; background:url(../images/p41.png); right: 0;}
.homedown1 li:hover{border:2px solid #27babd; box-sizing: border-box;}
.hometop1 div{position:relative;}
.hometop1 div h6{width:76.21%; position: absolute; bottom:0; left: 0; background-color:rgba(0,0,0,0.45); padding:0 10% 0 3%; font-size:16px; color:#fff; font-family: Arial; line-height: 50px;}
.topk{position:relative;}
.number2 font{margin:0 10px;}
.number2{position:absolute; bottom:0; right:26%; z-index: 100; font-size:16px; color:#fff; font-family: Arial; line-height: 50px; font-style: italic; font-family: Arial;}
.number2 font:nth-child(1){color:#018dd5;}
.case_de .p{font-size:16px; color:#555555; line-height: 36px; margin:40px auto 50px auto; text-align: justify; width:86.13%;}
.case_de .p img{display:initial;}
.c_page_a{margin-top:34px;}
.c_page_a a{font-size:16px; font-family: Arial; float:left;}
.c_page_a a:nth-child(2){float:right;}
.c_page_a a:hover{color:#27babd;}

.other{border:1px solid #e1e0e0; padding:36px 2.6% 50px 2.6%; margin-top:40px;}
.other h3{font-size:24px; color:#27babd; font-family: Arial;}
.other .case{padding:20px 0 0 0;}
.other .case li{margin-bottom:0;}
.other .case li h3{padding:30px 0 10px 0;}
.other .case li h5{margin:auto;}

@media screen and (max-width:991px){
	.case_de h2{font-size:26px; padding-top:20px;}
	.case_infor{padding:10px 0;}
	.case_infor h5{font-size:13px;}
	.hometop1 .slick-prev,.hometop1 .slick-next{width:30px; height: 50px; background-size:cover;}
	.case_de .p{font-size:14px; line-height: 22px; margin-top:20px;}
}
@media screen and (max-width:767px){
	.case_de{border:none;}
	.case_infor {width:100%;}
	.case_de h2{font-size:20px; padding: 0;}
	.case_scroll{width:100%; margin-top:20px;}
	.hometop1 div h6{width:100%; font-size:12px; line-height: 30px;}
	.number2{font-size:12px; line-height: 30px; right:0;}
	.case_de .p{width:100%; font-size:13px; margin-bottom:15px;}
	.c_page_a{margin-top:0; border-top:1px solid #e1e0e0; padding-top:10px;}
	.c_page_a a{font-size:12px; width:100%; text-align: center;}
	.other{width:100%; border:none; margin: 0;padding:20px 0 0 0;}
	.other .case li{width:100%; margin: 10px 0 0 0;}
	.other .case li span{width:120px; float:left;}
	.other .case li div{margin-left:130px;}
	.other .case li h3{font-size:14px; padding:10px 0; text-align: left;}
	.other .case li h5{margin: 5px 0 0 0;}
	.other .case li span::after{display:none;}
	.other h3{font-size:20px;}
}

/*内页下拉*/
.babyserBox{position: relative; height: 49px; width:100%; display: none;}
.babyser{ position: absolute; z-index: 300; top:0; left: 0;width:100%; background-color:#fff;}
.babyser h2{ float:left; width:100%; padding: 0 15px; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:48px; }
.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}
@media  screen and (max-width:991px){
    .babyser h2 .imgr{ float:right; margin:16px 0 0 0;
        transition: all 0.2s linear;
    }
    .babyser h2.active .imgr{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg);
    }
}
.pz_SideLayerph{ display:none;  background-color:#fff; }
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}
.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#f15929;}
.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}
/*.pz_SideLayerph .l1 h3 img.img3{ display:none;}*/
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
.pz_SideLayerph .l1 .l1ul{ display:none;}
.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}

@media screen and (max-width:991px){
	.babyserBox{display:block;}
	
}


/*产品中心*/
.product li{padding:30px 0; border-bottom:1px solid #dfdfdf;}
.product li span{width:680px; float:left; height: auto;}
.product li a > div{margin-left:770px; position: relative;}
.product li a > div::after{width:64px; height: 3px; background-color:#a2a2a2; position: absolute; top:80px; left: -120px; content: " ";}
.product li a > div h3{font-size:30px; color:#27babd; font-weight: bold; padding:65px 0 40px 0;}
.product li a > div .p{font-size:14px; color:#666666; line-height: 30px; text-align: justify; height: 150px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.product li a > div h5{width:160px; height: 42px; line-height: 42px; text-align: center; border-radius: 30px; background-color:#27babd; font-size:14px; color:#fff; font-family: Arial; margin-top:45px;}
.product li:first-child{padding-top:0;}
.product li:last-child{padding-bottom:0; border-bottom:none;}
.product li:hover a > div::after{background-color:#ffc431;}
.product li:hover a > div h3{color:#ffc431;}
.product li:hover a > div h5{background-color:#ffc431;}

@media screen and (max-width:1199px){
	.product li span{width:400px;}
	.product li a > div{margin-left:480px;}
	.product li a > div h3{padding:20px 0;}
	.product li a > div::after{top:34px;}
}
@media screen and (max-width:991px){
	.product li span{width:240px;}
	.product li a > div{margin-left:260px;}
	.product li a > div h3{font-size:20px; padding:10px 0;}
	.product li a > div::after{width:30px; height: 2px; left: -36px; top:20px;}
	.product li a > div .p{font-size:13px; line-height: 20px; height: 60px;-webkit-line-clamp: 3;}
	.product li a > div h5{margin-top:20px;}
}
@media screen and (max-width:767px){
	.product li span{width:120px;}
	.product li a > div{margin-left:130px;}
	.product li a > div h3{font-size:16px; padding:5px 0;}
	.product li a > div .p{text-align:left;}
	.product li a > div::after{display:none;}
	.product li a > div h5{font-size:12px; width:100px; height: 30px; line-height: 30px; margin-top:10px;}
	.product li{padding:10px 0;}
}


/*产品中心详细*/
.pro_de_l{float:left;}
.homedown2{float:left; width: 100px; float:left;}
.homedown2 .slick-slide{margin-bottom:15px;border-radius: 8px; overflow: hidden;}	
.hometop2{width:591px; height: auto; float:right; margin-left:22px;}
.hometop2 .slick-prev{width:40px; height: 40px; background:url(../images/p44.png); top:auto; bottom:10px; left: -120px; transform: translate(0);}
.hometop2 .slick-next{width:40px; height: 40px; background:url(../images/p45.png);top:auto; bottom:10px; left: -70px; right:auto;transform: translate(0);}
.hometop2 .slick-prev:hover{background-image:url(../images/p43.png);}
.hometop2 .slick-next:hover{background-image:url(../images/p42.png);}
.pro_de_r{margin-left:803px;}	
.pro_de_r h3{font-size:30px; font-family: Arial; font-weight: bold; color:#515151; padding-top:28px;}
.pro_de_r .p{font-size:16px; color:#4c4c4c; line-height: 30px;font-family: Arial; padding:25px 0 35px 0; border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc; margin-top:50px; text-align: justify;}
.pro_de_r_btn{margin-top:40px;}
.pro_de_r_btn > a{float:left; font-size:16px; color:#fff; font-family: Arial; text-transform: uppercase; width:150px; height: 44px; border-radius: 30px; background-color:#27babd; display: block;text-align: center; line-height: 44px;}	
.pro_de_r_btn > a:hover{background-color:#029b9e;}
.pro_de_r_btn .pro_de_share{float:left; margin-left:20px;}	
.pro_de_r_btn .pro_de_share a{width:44px; height: 44px; background: url(../images/p46.png); margin: 0; padding:0;}
	
.pro_de_d{margin-top:68px;}
.pro_de_d1_ti{background-color:#f7f7f7; padding-bottom:90px;} 
.pro_de_d1_ti h3{font-size:30px; color:#27babd; font-family: Arial; text-transform: uppercase; font-weight: bold; text-align: center; background:url(../images/p47.png) center no-repeat; padding:55px 0;}

.pro_de_d2{background-color:#fff; margin-top:-90px; padding:40px 25px 0 25px;}
.pro_de_d2 .p{font-size:16px; color:#666666; line-height: 28px; text-align: center; text-transform: uppercase; padding-bottom:45px;}
.pro_de_d2 .p img{display:initial;}
.pro_de_img{margin-top:35px;}
.pro_de_img_l{width:47.52%; float:left; height: auto}
.pro_de_img_r{width:43.33%; float:right; margin-top:100px;}
.pro_de_img_r .p{margin-top:45px;}
.pro_de_img2{margin-top:80px;}
.pro_de_img2 .p{font-size:16px; color:#666666; font-weight: bold;padding:25px 0 0 0; text-align: center;}
.c_page2{border-top:1px solid #e0e0e0; padding-top:35px;}
.c_page2 a{width:50%; float:left; border-right:1px solid #cccccc; box-sizing: border-box; font-size:16px; color:#4f4f4f; font-family: Arial; text-align: right; line-height: 14px;}
.c_page2 a:nth-child(2){border:none;text-align: left;}
.c_page2 a span{display:inline-block; width:16px; height: 11px; vertical-align: middle; margin:0 10px 0 20px;}
.c_page2 a:nth-child(2) span{margin:0 20px 0 10px;}
.c_page2 a span img:nth-child(2){display:none;}
.c_page2 a:hover{color:#27babd;}
.c_page2 a:hover img:nth-child(2){display:block;}
.c_page2 a:hover img:nth-child(1){display:none;}
.c_page2 a b{font-weight:normal;}

@media screen and (max-width:1649px){
	.hometop2{width:500px;}
	.pro_de_r{margin-left:660px;}
}
@media screen and (max-width:1199px){
	.pro_de_l{float:none; width:622px; margin: auto;}
	.pro_de_r{width:100%; float:none; margin: 0;}
}
@media screen and (max-width:991px){
	.pro_de_l{width:500px;}
	.hometop2{float:none;margin: 0;}
	.homedown2{width:100%; float:none; margin-top:10px; }
	.homedown2 li{ width: 96%; margin: auto;}
	.hometop2 .slick-prev{left:0; top:50%;transform: translate(0,-50%) rotate(-90deg);}
	.hometop2 .slick-next{right:0; top:50%;transform: translate(0,-50%) rotate(-90deg); left: auto;}
	.pro_de_r h3{font-size:22px; padding-top:10px;}
	.pro_de_r .p{font-size:14px; margin-top:10px; padding:10px 0;}
	.pro_de_d1_ti h3{font-size:20px; padding:10px 0;}
	.pro_de_img_r{margin-top:50px;}
}
@media screen and (max-width:767px){
	.pro_de_l{width:100%;}
	.hometop2{width:100%;}
	.hometop2 .slick-prev,.hometop2 .slick-next{width:24px; height: 24px; background-size:cover;}
	.pro_de_r h3{font-size:18px; padding:0;}
	.pro_de_r .p{font-size:13px; line-height: 22px;}
	.pro_de_r_btn{margin-top:10px;}
	.pro_de_r_btn > a{font-size:13px; width:100px; height: 30px; line-height: 30px;}
	.pro_de_r_btn .pro_de_share a{width:30px; height: 30px; background-size:cover;}
	.pro_de_d{margin-top:20px;}
	.pro_de_d1_ti h3{font-size:16px;}
	.pro_de_d2{padding:10px 10px 0 10px;}
	.pro_de_d2 .p{font-size:13px; line-height: 22px; padding-bottom:15px;}
	.pro_de_d2 .p br{display:none;}
	.pro_de_img_l{width:49%;}
	.pro_de_img_r{width:49%; margin-top:10px;}
	.pro_de_img_r .p{font-size:12px; margin-top:10px;}
	.pro_de_img2{margin-top:10px;}
	.pro_de_img{margin-top:10px;}
	.pro_de_img2 .p{padding:10px 0 0 0;}
	.c_page2{padding-top:10px;}
	.c_page2 a{width:100%; text-align: center !important; border:none; line-height: 22px; font-size:13px;}
	.c_page2 a span{display:none;}
    
}


/*关于我们*/
.about{ border:48px solid #f4f5f9;}
.about span{width:713px; float:left;}
.about_r{margin-left:713px; padding:50px;}
.about_h3{font-size:48px; color:#27babd; font-weight: bold; font-family: Arial; text-transform: uppercase; position: relative;background:url(../images/p52.png) no-repeat; background-size:cover; background-position: 5px 12px; display: inline-block;}
.about_h3::after{width:30px; height: 5px; background-color:#27babd; content: " "; position: absolute; bottom:-35px; left: 0;}
.about_r .p{font-size:16px; color:#707070; font-family: Arial; line-height: 33px; text-align: justify; padding-top:60px;}

@media screen and (max-width:1649px){
	.about{border-width:20px;}
	.about span{width:500px;}
	.about_r{margin-left:500px; padding:20px;}
}
@media screen and (max-width:1199px){
	.about span{width:400px; margin-right:10px;}
	.about_r{margin:0; padding:0;}
	.about_h3{font-size:38px; display: block; background:none;}
	.about_h3::after{display:none;}
	.about_r .p{padding-top:20px;}
}
@media screen and (max-width:991px){
	.about span{width:300px;}
	.about_h3{font-size:28px;}
}
@media screen and (max-width:767px){
	.about span{width:100%; margin: 0 0 20px 0;}
	.about { border-width: 2px;}
	.about_h3{font-size:18px;}
	.about_r .p{font-size:13px; line-height: 22px;}
}

.plan{ padding:85px 0 120px 0; margin-top:90px;}
.plan .about_h3{text-align:center; color:#fff; background:url(../images/p53.png) no-repeat; width: 100%; background-position: 50% 12px;}
.plan .about_h3::after{left:50%; margin-left:-15px; background-color:#fff; bottom:-30px;}
.plan_scroll{margin-top:110px;}
.plan_scroll .p{height:137px; font-size:15px; color:#fff; font-family: Arial; line-height: 30px; padding:16px 0 16px 0; box-sizing: border-box; overflow-y: hidden;}
.plan_m{width:100%; height: auto;}
.plan_date_box{width:78px; height: 78px; border-radius: 50%; border:1px solid rgba(255,255,255,0);margin:59px auto auto auto;}
.plan_date{width:72px; height: 72px; border-radius: 50%; background-color:#fff; margin:2px 0 0 2px; text-align: center; position: relative; }
.plan_date h3{font-size:22px; color:#0c7c7f; font-family: Arial; font-weight: bold; padding-top:18px;}
.plan_date h4{font-size:16px; color:#0c7c7f; font-family: Arial;}
.plan_date::after{height:60px; width: 2px; background-color:#fff; content: " "; position: absolute; top:-62px; left: 50%; margin-left:-1px;}
.plan_date::before{height:10px; width: 10px; background-color:#0c7c7f; content: " "; position: absolute; top:-77px; left: 50%; margin-left:-5px; border-radius: 50%;}
.plan_scroll .slick-slide:nth-child(2n) > li .plan_date::after{bottom:-62px; top:auto;} 
.plan_scroll .slick-slide:nth-child(2n) > li .plan_date::before{bottom:-77px; top:auto;} 
.plan_scroll .slick-slide:nth-child(2n) > li .plan_date_box{margin: auto auto 59px auto;}
.plan_scroll .slick-slide:nth-child(2n) > li .p{padding:30px 0 10px 0;}
.plan_scroll li:hover .plan_date_box{border:1px solid #fff;}
.plan_scroll .slick-prev{width:38px; height: 66px; background:url(../images/p57.png); background-size:cover; left: -110px;}
.plan_scroll .slick-next{width:38px; height: 66px; background:url(../images/p58.png); background-size:cover; right: -110px;}
.plan_scroll .slick-prev:hover{background-image:url(../images/p56.png);}
.plan_scroll .slick-next:hover{background-image:url(../images/p55.png);}

@media screen and (max-width:1400px){
	.plan_scroll .slick-prev{left:0; z-index: 200;}	
	.plan_scroll .slick-next{right:0;z-index: 200;}	
}
@media screen and (max-width:1199px){
	.plan .about_h3{background:none;}
}
@media screen and (max-width:991px){
	.plan{margin-top:40px; padding:40px 0;}
	.plan_scroll{margin-top:50px;}
	.plan_scroll .p{font-size:13px; line-height: 22px;}
}
@media screen and (max-width:767px){
	.plan{margin-top:20px; padding:20px 0;}
	.plan_scroll{margin-top:20px;}
	.plan_date_box{width:60px; height: 60px; border:1px solid #fff; margin: 40px auto auto auto;}
	.plan_date{width:54px; height: 54px;}
	.plan_date h3{font-size:16px; padding-top:14px;}
	.plan_date h4{font-size:13px;}
	.plan_date::after{height:40px; top:-42px;}
	.plan_date::before{width:6px; height: 6px; top:-54px; margin-left:-3px;}
	.plan_scroll .p{height:96px; margin-bottom:5px;padding:0;}
	
	.plan_scroll .slick-slide:nth-child(2n) > li .plan_date::after{bottom:-42px; top:auto;} 
.plan_scroll .slick-slide:nth-child(2n) > li .plan_date::before{bottom:-54px; top:auto;} 
.plan_scroll .slick-slide:nth-child(2n) > li .plan_date_box{margin: auto auto 40px auto;}
.plan_scroll .slick-slide:nth-child(2n) > li .p{margin:10px 0 0 0;  height: 90px; padding:0;}
}

.c_margin4{margin:0 -10px;}
.honor{padding:90px 0 60px 0;}
.honor .about_h3{text-align:center; color:#27babd; background:url(../images/p59.png) no-repeat; width: 100%; background-position: 50% 12px;}
.honor .about_h3::after{left:50%; margin-left:-15px; background-color:#27babd; bottom:-30px;}
.honor_ul{padding-top:90px;}
.honor_ul .slick-slide > li{width:93.94%; margin: auto; border:1px solid #ededed; padding:35px 35px 45px 35px;}
.honor_ul .slick-slide > li span{display:block; width:100%; height: auto;}
.honor_ul .slick-slide > li h5{font-size:18px; color:#a8a8a8; font-family: Arial; margin-top:40px; padding-top:20px; border-top:1px solid #ededed; text-align: center;}
.honor_ul .slick-dots{text-align:center;bottom:-60px;}
.honor_ul .slick-dots li{width:15px; height: 15px; background-color:#dddddd; border-radius: 50%; margin: 0 12px; }
.honor_ul .slick-dots li.slick-active{background-color:#27babd;}
.honor_ul .slick-slide > li:hover h5{color:#27babd;}

@media screen and (max-width:1199px){
	.honor .about_h3{background:none;}
}
@media screen and (max-width:991px){
	.honor{padding:50px 0;}
	.honor_ul{padding-top:50px;}
	.honor_ul .slick-slide > li{padding:10px;}
	.honor_ul .slick-slide > li h5{margin-top:20px;}
	.honor_ul .slick-dots{bottom:-20px;}
	.honor_ul .slick-dots li{width:10px; height: 10px; margin: 0 5px;}
}
@media screen and (max-width:767px){
	.honor{padding:20px 0;}
	.honor_ul{padding-top:20px;}
	.honor_ul .slick-slide > li h5{font-size:13px; margin-top:10px; padding-top:10px;}
}

/*联系我们*/
.contact{}
.contact_left{width:44.53%; float:left; margin-left:1.39%;}
.contact_left h3{font-size:28px; color:#333333; font-family: Arial;}
.contact_left1{margin:50px 0 50px 0; padding:30px 0; border-top:1px dashed #999999; border-bottom:1px dashed #999999;}
.contact_left2{padding:10px 0;}
.contact_left2 span{float:left; width:23px; height: auto; }
.contact_left2 div{margin-left:130px; font-size:16px; color:#333333; line-height: 30px;}
.contact_left2 i{font-size:16px; color:#333333; float:left; margin-left:15px; font-family: Arial; text-transform: uppercase;line-height: 30px;}
.contact_left3 span{width:140px; height: 140px; padding:10px; box-sizing: border-box; border:1px solid #d9d9d9; float:left;}
.contact_left3 div{margin-left:160px;}
.contact_left3 div h5{font-size:14px; color:#464646; padding:94px 0 10px 0; font-family: Arial; text-transform: uppercase;}
.contact_left3 div h6{font-size:14px; color:#999999;font-family: Arial; }

.map{width:47.82%; float:right; height: 580px;}
#bdmap1{ position: relative; width: 100%; height: 100%;}
/*12.5*/
#bdmap1 label{ background: 0 !important; border: 0 !important; /*left:416px !important; ; top:200px !important;*/}
#bdmap1 .BMapLabel div{ width: 251px !important; height: 54px !important; padding: 5px 0 17px 0 !important; background: url("../images/lx_1.png") no-repeat !important;}
#bdmap1 .BMapLabel div a{ display: block; color: #151414; font-size: 14px;line-height: 40px; text-align: center;}


/**/

@media screen and (max-width:991px){
	.contact_left{width:100%; margin: 0;}
	.contact_left h3{font-size:22px;}
	.map{width:100%; padding:20px 0 0 0; height: 300px;}
}
@media screen and (max-width:767px){
	.contact{}
	.contact_left2 div{margin-left:23px; font-size:13px; line-height: 22px;}
	.contact_left2 i{font-size:13px; margin-left:5px; line-height: 22px;}
	.contact_left h3{font-size:18px; text-align: center;}
	.contact_left1{margin:20px 0;}
	.contact_left1{padding:15px 0;}
	.contact_left2{padding:5px 0;}
	.contact_left2 .div .i{font-size:14px;}
	.contact_left2 .div{font-size:13px;}
	.contact_left3 span{width:100px; height: 100px;}
	.contact_left3 div{margin-left:120px;}
	.contact_left3 div h5{padding:10px  0 0 0;}
	.map{height:200px;}

}

/*新闻中心*/
.c_13{padding-bottom:50px;}	
.c_13 li{margin-bottom:30px; background-color:#f6f6f6; }
.c_13 li span{float:left;padding:30px; width:328px; height: auto; box-sizing: content-box;}
.c_13 li span img{width:100%; height: auto;}
.c_13 li:last-child{margin-bottom:0;}
.c_13_1{margin-left:388px; padding:40px 40px 40px 25px;border-left:1px solid #fff;}	
.c_13_1	h1{font-size:20px;color: #404040; font-family: Arial;}
.c_13_1	.p{font-size:16px; color:#7e7e7e; line-height: 28px; margin-top:30px; height: 56px; display: inline-block; width: 100%;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.c_13_1	.c_13_2{margin-top:30px; line-height: 0;display: inline-block; width: 100%;}
.c_13_1	.c_13_2	h3{float:left; font-size:14px; color:#a9a9a9;}
.c_13_1	.c_13_2 h4{font-size:14px; color:#a9a9a9; float:right;}
.c_13 li:hover{box-shadow:0 0 18px rgba(0,0,0,0.05);}
.c_13 li:hover span{background-color:#f0f0f0;}
.c_13 li:hover .c_13_1 h1{color:#27babd;}
.c_13 li:hover .c_13_1 .c_13_2 h4{color:#27babd;}

@media screen and (max-width:991px){
	.c_13 li{margin-bottom:10px;}
	.c_13 li span{width:200px; padding:10px;}
	.c_13_1{margin-left:220px; padding:10px;}
	.c_13_1 .p{margin-top:10px;}
	.c_13_1 .c_13_2{margin-top:10px;}
}
@media screen and (max-width:767px){
	.c_13 li span{width:120px;}
	.c_13_1{margin-left:140px;}
	.c_13_1 h1{font-size:15px;}
	.c_13_1 .p{font-size:13px; line-height: 20px; height: 40px; margin:0;}
	.c_13_1 .c_13_2 h3{font-size:12px;}
	.c_13_1 .c_13_2 h4{font-size:12px;}
	.c_13{padding-bottom:30px;}
}

/*新闻详情*/
.new_detail{}
.c_1200_12 h1{width:100%; text-align: center; font-size:24px; color:#333; font-family: Arial;}
.c_1200_12 div{padding:10px 0; border-top:1px solid #d7d8d8; border-bottom:1px solid #d7d8d8; margin-top:40px;}
.c_1200_12 div h2{float:left; font-size:14px; color:#777; margin-right:10px; line-height: 34px;}
.c_1200_12 div a{float:right}
.c_1200_12 div span{float:left;width:34px; height:34px;}
.c_1200_12 div span img{display:block;}
.c_1200_12 div h3{float:left;font-size:14px; color:#777; margin-right:10px; line-height: 34px;}
.c_1200_12 div a:hover h3{color:#27babd;}
.new_detail .p{margin-top:40px; font-size:16px; color:#333333; line-height: 30px; text-align: justify; font-family: Arial;}
.new_detail .p img{display:initial;}
.new_detail_img{margin:30px 0;}
.new_detail_img .img{width:48.28%; margin-right:3.44%; float:left;}
.new_detail_img .img:nth-child(2n){margin-right:0;}

.share{text-align:center; margin-top:35px;}
.share a{display: inline-block;}
.share .bdsharebuttonbox .bds_weixin{width:40px; height:40px; background-image: url(../images/p71.png); background-repeat: no-repeat; background-position: center;}
.share .bdsharebuttonbox .bds_tsina{width:40px; height:40px; background-image: url(../images/p72.png); background-repeat: no-repeat; background-position: center; margin:0 10px;}
.share .bdsharebuttonbox .bds_qzone{width:40px; height:40px; background-image: url(../images/p73.png); background-repeat: no-repeat; background-position: center;}
.share .bdshare-button-style0-16 a, .share .bdshare-button-style0-16{padding:0; margin:0; float:none;}

.new_detail .c_page_a{border-top:1px solid #e5e5e5; padding-top:15px;}

.c_1200_15{text-align: left; font-size:24px; color:#27babd; padding:38px 0 24px 0; font-family: Arial;}
.c_1200_16{}
.c_1200_16 li{float:left; width:47%; padding:12.5px 0; margin-right:6%; border-bottom:1px solid #d7d8d8;}
.c_1200_16 li:nth-child(2n){margin-right:0;}
.c_1200_16 li h4{float:left; font-size:16px; color:#333; width:70%; font-family: Arial;}
.c_1200_16 li h5{font-size:14px; color:#777777; float:right;}
.c_1200_16 li a:hover h4{color:#27babd;}

@media screen and (max-width:991px){
	.c_1200_12 h1{font-size:20px;}

}
@media screen and (max-width:767px){
	.c_1200_12 div{margin-top:10px;}
	.new_detail_img{margin:10px 0;}
	.share{margin-top:10px;}
	.c_1200_12 h1{font-size:16px; line-height: 24px;}
	.c_1200_12 div h2{font-size:13px; line-height: 24px;}
	.c_1200_12 div h3{font-size:13px; line-height: 24px;}
	.c_1200_12 div span{width:24px; height: 24px;}
	.new_detail .p{font-size:13px; line-height: 24px;margin-top:20px; }
	.c_1200_15{font-size:16px; padding:20px 0;}
	.c_1200_16 li{width:100%;padding:10px 0;}
	.c_1200_16 li h4{font-size:13px;}
	.c_1200_16 li h5{font-size:13px;}
	.new_detail .c_page_a{margin-top:20px;}
}