/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family: Arial,' '; color:#333;}
a{ color:#666;}
a:hover{ color:#3d85c6; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/


.headbg{ width:100%; background:#fff; position:fixed; z-index:55; top:0; left:0; -moz-box-shadow: 0px 1px 30px #ECECEC;
    box-shadow: 0px 1px 30px #ECECEC;}
.head{ height:80px;}
.head .logo{ float:left; }
.head .logo img{ display:block; height:80px;}
/*menu*/
.menu{height:50px;line-height:50px; float:right; margin-top:15px;}
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ width:160px; margin-left:-80px; position:absolute; left:50%; top:100%; border-radius:5px; padding:10px 0 0 0; display:none; }
.menu ul li dl:before{ content:""; width:9px; height:5px; background:url(../images/icoUp.png) top center no-repeat; position:absolute; top:5px; left:50%; margin-left:-4.5px;}
.menu ul li dl dd{ line-height:29px;border-bottom:rgba(255,255,255,.2) 1px solid; background:#3d85c6;}
.menu ul li dl dd a{ font-size:14px; color:#333; font-weight:normal; text-align:center; padding:5px 15px;}
.menu ul li dl dd a:hover{ color:#fff; }
.menu a{ font-size:16px;color:#666; text-decoration:none; font-weight:normal; display:block;text-align:center; padding:0 30px; border-radius:5px;}
.menu a:hover{color:#333;}
a.menu_hover{ color:#333; background:#3d85c6;}
.h_height{ height:80px;}
@media(max-width:768px){
.wapper{ width:100%; }
.headbg{ display:none;}
}

.head_mbg{ width:100%; background:#fff; position:fixed; z-index:55; top:0; left:0;-moz-box-shadow: 0px 1px 30px #ECECEC;
    box-shadow: 0px 1px 30px #ECECEC; display:none;}
.head_m{ height:80px; position:relative;  }
.head_m .logo{ float:left; padding-top:15px; margin-left:5%;}
.head_m .logo img{ display:block; height:50px;}
.nav_open{ width:40px; height:40px; line-height:40px; text-align:center; background:#3d85c6;color:#fff; font-size:20px; float:right; margin:20px 5% 0 0;}
.nav_open i{ vertical-align:middle; }
.navbg{ width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:666; display:none;}
.nav{ padding:80px 5% 20px 5%; position:relative;}
.nav_close{ width:40px; height:40px; line-height:40px; text-align:center; background:#3d85c6;color:#fff; position:absolute; right:5%; top:20px; }
.nav_close i{ vertical-align:middle; }
.nav_list{ height:calc(100vh - 100px); overflow-Y:scroll;}
.tree{}
.tree_box{ }
.tree_one,.tree_two{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:15px; height:49px; line-height:49px; overflow:hidden; margin:0; position:relative; border-bottom:1px solid #eee;}
.tree_box h3 a{ color:#333; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#3d85c6;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{}
.tree_one h4{ font-weight:normal; font-size:13px; position:relative; height:39px; line-height:39px; overflow:hidden; margin:0 0 0 5%; border-bottom:1px solid #eee;}
.tree_box h4 a{ color:#666; position:relative; z-index:10;}
.tree_box h4 a:hover{ color:#3d85c6;}
@media(max-width:768px){
.head_mbg{ display:block;}
}




.swiper-container1 .swiper-slide { }
.swiper-container1 .swiper-slide img{ width:100%; display:block;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ width:30px; height:30px; margin-top:-15px;}
.swiper-container1 .swiper-button-prev1{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size:50px 50px;}
.swiper-container1 .swiper-button-next1{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size:50px 50px;}
.swiper-container1 .swiper-pagination1{ }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:10px; height:10px; border:1px solid #fff; background:none; opacity:1;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; opacity:1;}
@media(max-width:768px){
.swiper-container1 .swiper-button-prev1{ display:none;}
.swiper-container1 .swiper-button-next1{ display:none;}

}


.tit1{ text-align:center;}
.tit1 .h2{ font-size:30px;}
.tit1 .h2 span{ display:inline-block; padding:0 30px; border-radius:5px; height:60px; line-height:60px; background:#3d85c6; color:#fff;}
.con01bg{ padding:50px 0; background:#f8f8f8;}
.con01{}
.con01 .list{}
.con01 .list ul li{ float:left; width:calc((100% - 100px)/3); margin:30px 50px 0 0; text-align:center;}
.con01 .list ul li:nth-child(3n){ margin-right:0;}
.con01 .list ul li .img{ padding-bottom:68%; border-radius:10px;}
.con01 .list ul li .txt{ margin-top:10px;}
.con01 .list ul li .txt .h2{ font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden;}
.con01 .list ul li .txt .h3{ font-size:14px; line-height:1.45em; height:4.1em; overflow:hidden; margin-top:5px; color:#999;}
.more1{ text-align:center; margin-top:10px;}
.more1 a{ display:inline-block; border:1px solid #ccc; height:24px; line-height:24px; padding:0 10px; border-radius:3px; color:#999; font-size:14px;}
.more1 a:hover{ background:#3d85c6; color:#fff;}
@media(max-width:768px){
.con01bg{ padding:50px 5%;}
.con01 .list ul li{ float:none; width:100%; margin:30px 0 0 0; }
}
/**/
.tit2{}
.tit2 .h2{}
.tit2 .h2 span{ display:inline-block; position:absolute; top:-7px; left:0; padding:0 30px; border-radius:5px; height:60px; line-height:60px; background:#3d85c6; color:#fff; font-size:22px;}
.tit2 .h2 a{ display:inline-block; position:absolute; top:9px; right:0; border:1px solid #ccc; height:24px; line-height:24px; padding:0 10px; border-radius:3px; color:#999; font-size:14px;}
.tit2 .h2 a:hover{ background:#3d85c6; color:#fff;}
.con02bg{ padding:50px 0;}
.con02{ position:relative;}
.con02 .list{}
.slideTxtBox_01{}
.slideTxtBox_01 .hd{ text-align:center;}
.slideTxtBox_01 .hd ul li{ display:inline-block; /*border:1px solid #e1e9e9;*/ border-left:none; margin:0 -2px; height:43px; line-height:43px; font-size:16px;}
.slideTxtBox_01 .hd ul li:nth-child(1){border-left:1px solid #e1e9e9;}
.slideTxtBox_01 .hd ul li a{ display:block; color:#999; padding:0 20px;}
.slideTxtBox_01 .hd ul li.on a{ color:#3d85c6;}
.slideTxtBox_01 .bd{ margin-top:30px;}
.slideTxtBox_01 .bd ul li{ float:left; width:calc((100% - 6px)/4); margin:2px 2px 0 0; position:relative;}
.slideTxtBox_01 .bd ul li:nth-child(4n){ margin-right:0;}
.slideTxtBox_01 .bd ul li .img{ padding-bottom:75%;}
.slideTxtBox_01 .bd ul li .txt{ width:100%; height:100%; background:rgb(61,133,198,.75); position:absolute; top:0; left:0; text-align:center; color:#fff; opacity:0;}
.slideTxtBox_01 .bd ul li:hover .txt{ opacity:1; transition:all .3s ease;}
.slideTxtBox_01 .bd ul li .txt table,.slideTxtBox_01 .bd ul li .txt table td{ height:100%; vertical-align:middle;}
.slideTxtBox_01 .bd .jia{}
.slideTxtBox_01 .bd .jia img{ max-width:100%;}
.slideTxtBox_01 .bd .h2{ font-size:20px; line-height:1.5em; margin-top:10%;}
.slideTxtBox_01 .bd .h3{ font-size:14px; line-height:1.5em;}
@media(max-width:768px){
.tit2 .h2 span{ position:static; }
.tit2 .h2 a{ position:static; margin-left:10px;}
.con02bg{ padding:50px 5%;}
.con02 .list{ margin-top:15px;}
.slideTxtBox_01 .hd ul li{border-left:1px solid #e1e9e9; margin:5px 5px;}
.slideTxtBox_01 .bd ul li{ float:none; width:100%; margin:5px 0 0 0; }
}
/**/
.con03bg{ padding:50px 0;}
.con03{ position:relative;}
.con03_lt{ width:100%; position:absolute; z-index:1; top:0; left:0;}
.con03_lt img{ display:block; width:100%;}
.con03_rt{ float:right; width:600px; position:relative; z-index:2; background:#3d85c6; color:#fff;}
.con03_rt .box{ padding:20px 40px;}
.con03_rt .h2{ font-size:36px; line-height:1.5em; text-align:center; font-weight:bold;}
.con03_rt .h2 span{ display:block; font-weight:normal; color:rgba(255,255,255,.5); font-size:14px; line-height:1.5em;}
.con03_rt .h3{ font-size:14px; line-height:1.5em; margin-top:20px;}
.more2{ text-align:center; margin-top:20px;}
.more2 a{ display:inline-block; text-align:center; padding:0 30px; height:50px; line-height:50px; border-radius:5px; background:#5551f7; color:#fff; font-size:16px;}
@media(max-width:768px){
.con03bg{ padding:50px 5%;}
.con03_lt{ position:static; }
.con03_rt{ float:none; width:100%; }
.con03_rt .box{ padding:20px 5%;}
}
/**/
.con04bg{ padding:50px 0; margin-top:50px; position:relative;}
.con04{}
.con04 .list{}
.scroll_03{}
.scroll_03 .hd{}
.scroll_03 .hd a{ width:17px; height:30px; position:absolute; top:50%; margin-top:-15px; cursor:pointer;}
.scroll_03 .hd .prev{ left:10px; background:url(../images/arrows1.png) top center no-repeat;}
.scroll_03 .hd .next{ right:10px; background:url(../images/arrows1.png) bottom center no-repeat;}
.scroll_03 .bd{}
.scroll_03 .bd ul li{ float:left; width:190px; margin:0 5px;}
.scroll_03 .bd ul li .img{ border:1px solid #f1f1f1; padding:4px;}
.scroll_03 .bd ul li .img a{ display:block; padding-bottom:136%; position:relative;}
.scroll_03 .bd ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.more3{ text-align:center; margin-top:30px;}
.more3 a{ display:inline-block; text-align:center; padding:0 30px; height:50px; line-height:50px; border-radius:5px; background:#3d85c6; color:#fff; font-size:16px;}
.more3 a:hover{}
@media(max-width:768px){
.con04bg{ padding:50px 30px;}
.scroll_03 .bd ul li{ float:left; width:100%; margin:0;}
}
/**/
.con05bg{ padding:50px 0;}
.con05{}
.con05 .tit1{ text-align:left;}
.con05 .list{}
.con05 .list ul li{ float:left; width:calc((100% - 30px)/2); margin:30px 30px 0 0;}
.con05 .list ul li:nth-child(2n){ margin-right:0;}
.con05 .list ul li .img{ float:left; width:40%;}
.con05 .list ul li .img .imgbg{ padding-bottom:58%;}
.con05 .list ul li .txt{ float:right; width:calc(60% - 15px);}
.con05 .list ul li .txt .h2{ font-size:16px; line-height:1.5em; max-height:3em; overflow:hidden;}
.con05 .list ul li .txt .h3{ font-size:14px; line-height:1.5em; max-height:3em; overflow:hidden; color:#999; margin-top:10px;}
@media(max-width:768px){
.con05bg{ padding:50px 30px;}
.con05 .list ul li{ float:none; width:100%; margin:30px 0 0 0;}
.con05 .list ul li .txt .h2{ font-size:16px; line-height:1.5em; max-height:1.5em; }
}


.foot1bg{ background:#f3f3f3; padding:50px 0;}
.foot1{}
.foot1 .lt{}
.foot1 .lt dl dt{ font-size:14px; line-height:1.5em; margin-bottom:50px;}
.foot1 .lt dl dt a{}
.foot1 .lt dl dt a:hover{}
.foot1 .lt dl dd{ font-size:14px; line-height:1.5em; margin-top:10px;}
.foot1 .rt{ text-align:right;}
.foot1 .rt ul li{ display:inline-block; width:100px; margin-left:30px; text-align:center;}
.foot1 .rt ul li .img{}
.foot1 .rt ul li .img img{ display:block; width:100px; height:]00px;}
.foot1 .rt ul li .h2{ font-size:12px; line-height:2em; margin-top:10px;}
@media(max-width:768px){
.foot1bg{ padding:50px 5%;}
.foot1 .lt{ display:block; width:100%;}
.foot1 .rt{ display:block; width:100%; text-align:center; margin-top:15px;}
.foot1 .rt ul li{ margin:0 5px;}
}









/*Add------------------------------------------------------------------------------*/
.inbanner img{ display:block; width:100%;}

/**/
.in_navbg{ padding:50px 0;}
.in_nav{ text-align:center;}
.in_nav ul li{ display:inline-block; height:50px; line-height:50px; font-size:16px; margin:0 10px;}
.in_nav ul li a{ display:block; background:#0086da; color:#fff; padding:0 30px; }
.in_nav ul li.on a,.in_nav ul li:hover a{ background:#005489;}
@media(max-width:768px){
.in_navbg{ padding:50px 5%;}
.in_nav ul li{ height:50px; line-height:50px; font-size:16px; margin:5px 5px;}
.in_nav ul li a{ padding:0 15px; }
}
/**/
.solution1bg{ padding:0 0 50px 0;}
.solution1{}
.solution1 ul li{ float:left; width:calc((100% - 50px)/2); margin:50px 50px 0 0;}
.solution1 ul li:nth-child(2n){ margin-right:0;}
.solution1 ul li .img{ width:40%;}
.solution1 ul li .img img{ max-width:100%;}
.solution1 ul li .txt{ width:calc(60% - 20px); padding-left:20px;}
.solution1 ul li .txt .h2{ font-size:16px; line-height:1.5em; font-weight:bold;}
.solution1 ul li .txt .h3{ font-size:12px; line-height:1.5em; margin-top:5px;}
.solution1 ul li .txt .h4{ font-size:14px; line-height:1.5em; margin-top:5px;}
/**/
.solution2bg{ padding:50px 0 0 0;}
.solution2{ margin-top:50px;}
.solution2bg .tit1{ text-align:left;}
.solution2 .list{}
.solution2 .list ul li{ float:left; width:25%; position:relative;}
.solution2 .list ul li .img{ padding-bottom:80%;}
.solution2 .list ul li .txt{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0;}
.solution2 .list ul li:hover .txt{ background:rgba(0,0,0,.5); opacity:1; transition:all .3s ease; text-align:center; color:#fff;}
.solution2 .list ul li .txt table,.solution2 .list ul li .txt table td{ height:100%; }
.solution2 .list ul li .txt .h2{ font-size:17px; line-height:1.5em;}
.solution2 .list ul li .txt .h3{ font-size:13px; line-height:1.5em; margin:10px;}
.more4{ text-align:center; margin-top:15px;}
.more4 span{ display:inline-block; text-align:center; padding:0 15px; height:34px; line-height:34px; border-radius:5px; border:1px solid #fff; color:#fff; font-size:16px;}
.more4 span:hover{}
@media(max-width:768px){
.solution1bg{ padding:0 5% 50px 5%;}
.solution1 ul li{ float:none; width:100%; margin:50px 0 0 0;}
.solution1 ul li .img{ display:block; width:100%;}
.solution1 ul li .txt{ display:block; width:100%; padding-left:0; margin-top:5px;}
.solution1 ul li .txt .h2{ font-size:16px; line-height:1.5em; }
.solution1 ul li .txt .h3{ font-size:12px; line-height:1.5em; margin-top:5px;}
.solution1 ul li .txt .h4{ font-size:14px; line-height:1.5em; margin-top:5px;}
/**/
.solution2bg{ padding:50px 0 0 0;}
.solution2 .list ul li{ float:none; width:100%;}
}
/**/
.productbg{ padding:50px 0;}
.product{}
.product_lt{ float:left; width:240px;}
.side_a{ background:#f5f5f5;}
.side_a>h2{ background:#3d85c6; color:#fff; height:60px; line-height:60px; text-align:center; border-radius:5px; border-bottom:2px solid #f60;}
.side_a ul{ padding:10px 0;}
.side_a ul li{}
.side_a ul li h3{ position:relative; padding:10px 27px 10px 20px;}
.side_a ul li h3 a{ display:inline-block; position:relative; z-index:2; color:#333; font-size:16px; line-height:26px;}
.side_a ul li h3 span{ width:100%; height:100%; position:absolute; z-index:1; top:0; left:0; background:url(../images/right_down.png) right 10px center no-repeat;}
.side_a ul li .erji_box{ display:none;}
.side_a ul li .erji{ position:relative;}
.side_a ul li .erji h4{ padding:10px 27px 10px 20px; background:url(../images/right_down2.png) right 10px center no-repeat;}
.side_a ul li .erji h4 a{ color:#666; font-size:14px; line-height:24px;}
.side_a ul li .erji:hover h4{ background-color:#fff;}
.side_a ul li .sanji_box{ width:100%; position:absolute; top:0; left:100%; background:#fff; display:none; box-shadow:0px 0px 5px rgba(0,0,0,.2);}
.side_a ul li .erji:hover .sanji_box{ display:block;}
.side_a ul li .sanji_box a{ display:block; color:#999; font-size:12px; line-height:22px; padding:10px 20px;}
.product_rt{ float:right; width:calc(100% - 260px);}
.product_rt ul li{ float:left; width:calc((100% - 45px)/4); margin:0 15px 15px 0;}
.product_rt ul li:nth-child(4n){ margin-right:0;}
.product_rt ul li .img{ padding-bottom:85%;}
.product_rt ul li .h2{ font-size:16p; line-height:2em; height:2em; overflow:hidden;}
@media(max-width:768px){
.productbg{ padding:50px 5%;}
.product_lt{ float:none; width:100%;}
.side_a{ background:#f5f5f5;}
.side_a>h2{ background:#3d85c6; color:#fff; height:60px; line-height:60px; text-align:center; border-radius:5px; border-bottom:2px solid #f60;}
.side_a ul li .sanji_box{ position:static; box-shadow:none;}
.product_rt{ float:none; width:100%; margin-top:15px;}
.product_rt ul li{ float:none; width:100%; margin:0 0 15px 0;}
}


/**/
.news1bg{ padding:50px 0;}
.news1{}
.news1 .img{ float:left; width:47%;}
.news1 .img img{ display:block; width:100%;}
.news1 .txt{ float:right; width:47%; font-size:16px; line-height:2em;}
.news2bg{ padding:50px 0;}
.news2{}
.news2 .tit1{ text-align:left;}
.news_lt{ float:left; width:calc(100% - 260px); margin-top:30px;}
.news_lt ul li{ padding:15px 0; border-bottom:#e2e2e2 1px dashed;}
.news_lt ul li .img{ float:left; width:150px;}
.news_lt ul li .img img{ display:block; width:100%}
.news_lt ul li .txt{ float:right; width:calc(100% - 160px);}
.news_lt ul li .txt .h2{font-size:16px; line-height:1.5em; max-height:1.5em; overflow:hidden;}
.news_lt ul li .txt .h3{ font-size:14px; line-height:1.5em; max-height:3em; overflow:hidden; color:#999; margin-top:5px;}
.news_lt ul li .txt .h4{ font-size:12px; line-height:1.5em; color:#999; margin-top:10px;}
.news_rt{ float:right; width:240px; margin-top:30px;}
.side_b{}
.side_b>h2{ font-weight:normal; font-size:16px; line-height:26px; padding-bottom:5px; border-bottom:1px solid #eee;}
.side_b .list{ margin-top:20px;}
.side_b .list ul li{ font-size:14px; line-height:24px; padding-bottom:5px; border-bottom:1px solid #eee;}
.side_b .list ul li a{}
.side_c{ margin-top:30px;}
.side_c>h2{ font-weight:normal; font-size:16px; line-height:26px; padding-bottom:5px; border-bottom:1px solid #eee;}
.side_c .list{ margin-top:15px;}
.side_c .list ul li{ font-size:14px; line-height:24px; }
.side_c .list ul li a{}
.side_c .list ul li i{ font-style:normal; color:#999; font-size:12px; margin-right:5px;}
.side_d{ border:1px #eee solid; padding:10px; text-align:center; margin-top:30px;}
.side_d h2{ font-weight:bold; font-size:12px; line-height:1.5em; margin-bottom:5px;}
.side_d .img img{ display:block; width:100%;}
@media(max-width:768px){
.news1bg{ padding:50px 5%;}
.news1 .img{ float:none; width:100%%;}
.news1 .txt{ float:none; width:100%%; margin-top:10px;}
.news2bg{ padding:50px 5%;}
.news_lt{ float:none; width:100%; margin-top:30px;}
.news_lt ul li{ padding:15px 0; border-bottom:#e2e2e2 1px dashed;}
.news_lt ul li .img{ float:left; width:150px;}
.news_lt ul li .img img{ display:block; width:100%}
.news_lt ul li .txt{ float:right; width:calc(100% - 160px);}
.news_lt ul li .txt .h2{font-size:16px; line-height:1.5em; max-height:1.5em; overflow:hidden;}
.news_lt ul li .txt .h3{ font-size:14px; line-height:1.5em; max-height:3em; overflow:hidden; color:#999; margin-top:5px;}
.news_lt ul li .txt .h4{ font-size:12px; line-height:1.5em; color:#999; margin-top:10px;}
.news_rt{ float:none; width:100%%; margin-top:30px;}
}

/**/
.case1bg{ padding:50px 0;}
.case1{}
.case2bg{ padding:50px 0;}
.case2{}
.case2 .tit1{ text-align:center;}
.case2 .list{}
.case2 .list ul li{ float:left; width:calc((100% - 30px)/2); margin:30px 30px 0 0; position:relative;}
.case2 .list ul li:nth-child(2n){ margin-right:0;}
.case2 .list ul li .img{ padding-bottom:70%;}
.case2 .list ul li .txt{ width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; color:#fff; opacity:0; transition:all .3s ease;}
.case2 .list ul li:hover .txt{ background:rgb(251,83,83,.5); opacity:1; transition:all .3s ease;}
.case2 .list ul li .txt table{ padding:5%; height:90%;}
.case2 .list ul li .txt table td{ border:1px solid #fff; height:calc(100% - 2px); padding:5%;}
.case2 .list ul li .txt .h2{ font-size:30px; line-height:1.5em;}
.case2 .list ul li .txt .h3{ font-size:16px; line-height:1.5em; margin-top:5px; transform:scale(0); transition:all .3s ease;}
.case2 .list ul li:hover .txt .h3{ transform:scale(1); transition:all .3s ease;}
@media(max-width:768px){
.case1bg{ padding:50px 5%;}
.case2bg{ padding:50px 5%;}
.case2 .list ul li{ float:none; width:100%; margin:30px 0 0 0; }
}

.insidebg{ padding:30px 0;}
.inside{}
.weizhi{ color:#999;}
.weizhi a{ color:#999;}
.inside_con{ margin-top:30px;}
@media(max-width:768px){
.insidebg{ padding:30px 5%;}
}