@charset "utf-8";

/**{transition: all .4s;}*/

#header {width: 100%; height: 130px;}
#header .header_main {min-width: 1200px;height: 130px;}
#header .header_main .logo {margin-left: 30px;margin-top: 40px;}
#header .header_main .nav {margin-left: 30px;}
#header .header_main .nav ul li { display: block; float: left;margin-left: 15px;line-height: 60px; border-bottom: solid 2px #FFF;margin-top: 40px; transition: all .4s;}
#header .header_main .nav ul li:hover{border-bottom: solid 2px #e4b427;}
#header .header_main .nav ul li.act{border-bottom: solid 2px #e4b427;}
#header .header_main .tel {margin-right: 20px;margin-top: 46px;width: 254px; height: 48px;background: url(../images/header_tel.png) no-repeat left center; padding-left: 56px;line-height: 28px;font-size: 16px;color: #000;}
#header .header_main .search {width: 80px; padding-left: 20px; border-left: solid 1px #DDD;height: 130px;position: relative;}
#header .header_main .search img{margin-top:46px; display: block;width: 36px; height: 36px;}
#header .header_main .search .searchbox {position:absolute;right:0;bottom:-60px;z-index: 999999;white-space: nowrap;font-size: 0;border-top: solid 1px #EEE;}
#header .header_main .search .searchbox input{vertical-align: middle;height: 60px;border:none;}
#header .header_main .search .searchbox input[type="search"]{width: 300px;background:#FFFFFF url(../images/header_search.png) no-repeat 15px center / auto 25%;text-align: center;}
#header .header_main .search .searchbox input[type="submit"]{width: 60px;background:#FFFFFF url(../images/header_search.png) no-repeat center center / auto 40%;text-indent: -99999px;overflow: hidden;cursor: pointer;}
#header .header_menu{height: 0;}
#header .header_menu ul {display: none; min-width: 1200px;height: 50px;overflow: hidden;background: #EEE;line-height: 50px;text-align: center;position: relative;z-index: 99999;}
#header .header_menu ul li {display:inline-block;margin: 0 32px;}


#banner{overflow: hidden;}
#banner *{transition: none!important;}
#banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
#banner .slideBox .hd{ overflow:hidden; position:absolute; right:0px;left: 0px; bottom:0; z-index:1; height:60px;}
#banner .slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;display: block;height:80px;}
#banner .slideBox .hd ul li{ display: inline-block; width:130px; height:3px; text-indent: -999999px;overflow: hidden; background-color: #FFF;margin: 0 10px;cursor: pointer;}
#banner .slideBox .hd ul li.on{ background-color: #009fe8;}
#banner .slideBox .bd{ position:relative; height:100%; z-index:0; }
#banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
#banner .slideBox .bd li a{ width:100%; height:auto; display:block;background-position:center center!important; background-repeat: no-repeat!important;background-size: cover!important;}
#banner .slideBox .bd img{ width:100%; height:auto; display:block;  }
#banner .slideBox .prev{ position:absolute; left:50px; top:50%; margin-top:-30px; display:block; width:60px; height:60px; background:url(../images/l.png) center center no-repeat / 80% 80%; filter:alpha(opacity=50);opacity:0.5;   }
#banner .slideBox .next{ position:absolute; right:50px; top:50%; margin-top:-30px; display:block; width:60px; height:60px; background:url(../images/r.png) center center no-repeat / 80% 80%; filter:alpha(opacity=50);opacity:0.5;   }
#banner .slideBox .prevStop{ display:none;  }
#banner .slideBox .nextStop{ display:none;  }
#banner.juping_banner{width: 100%;}
#banner.juping_banner img{width:100%; height: auto;}
#banner.kaiping_banner{width: 100%;}
#banner.kaiping_banner img{width:100%; height: auto;}
#banner.pinpai_banner{width: 100%;}
#banner.pinpai_banner img{width:100%; height: auto;}
#banner.baiyi_banner{width: 100%;}
#banner.baiyi_banner img{width:100%; height: auto;}
#banner.bendi_banner{width: 100%;}
#banner.bendi_banner img{width:100%; height: auto;}
#banner.xinxiliu_banner{width: 100%;}
#banner.xinxiliu_banner img{width:100%; height: auto;}
#banner.tel400_banner{width: 100%;}
#banner.tel400_banner img{width:100%; height: auto;}
#banner.sem_banner{width: 100%;}
#banner.sem_banner img{width:100%; height: auto;}
#banner.website_banner{width: 100%;}
#banner.website_banner img{width:100%; height: auto;}
#banner.about_banner{width: 100%;}
#banner.about_banner > img{width:100%; height: auto;}
#banner.casecont_banner{width: 100%;height: 450px;
	background-image: -moz-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -ms-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
}


#footer{ clear: both;}
#footer .nav{line-height: 80px;height: 80px;font-size: 16px;overflow: hidden;margin: 0 auto;padding: 0 50px;border-bottom: solid 1px #DDD;}
#footer .nav ul{width: 1200px; margin: 0 auto;}
#footer .nav ul li{float: left; margin-right: 50px;color:#999;}
#footer .nav ul li a{color:#333;transition: all .4s;}
#footer .nav ul li a:hover{color:#009fe8;}
#footer .content{width: 1200px;margin: 0 auto;padding: 30px 0;font-size: 16px;overflow: hidden;}
#footer .content .info{float: left;width: 600px;text-align: left;}
#footer .content .info dl dt{padding-bottom: 15px;}
#footer .content .info dl dt *{vertical-align: bottom;}
#footer .content .info dl dt span{margin-left: 30px; font-size: 40px;}
#footer .content .info dl dd{font-size:14px;line-height: 26px;color: #333333;}
#footer .content .info dl dd strong{font-size:16px;}
#footer .content .qrcode{float: right;overflow: hidden;}
#footer .content .qrcode dl{float: left;text-align: center; font-size: 14px; color: #333333;margin-left: 40px;line-height: 30px;margin-top: 80px;}
#footer .content .qrcode dl dt img{border:solid 1px #DDD;}
#footer .copyright{line-height: 65px;height: 65px;font-size: 14px;overflow: hidden;min-width: 1100px;margin: 0 auto;padding: 0 50px;border-top: solid 1px #DDD;color: #333;text-align: center;}
#footer .copyright a{color: #333;}

.main_1{overflow: hidden;padding: 60px 0; background: url(../images/news_bg.jpg) no-repeat center center / cover;}
.main_1 .title {text-align: center;}
.main_1 .title h3{font-size: 40px; color: #000;}
.main_1 .title h4{font-size: 24px; color: #666;margin-top: 15px;}
.main_1 .top3{text-align: center;font-size: 0;margin: 80px auto 0 auto; width: 1200px;}
.main_1 .top3 ul li{text-align: center;font-size: 14px; display: inline-block;width: 340px;vertical-align: top;margin: 0 30px; transition: all .4s;}
.main_1 .top3 ul li .num{width: 175px; height: 175px; border-radius: 200px; font-size: 80px; line-height: 175px;margin: 0 auto;color: #FFF;margin-bottom: 45px;transition: all .4s;
  background-image: -moz-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.main_1 .top3 ul li .num:hover{transform: scale(1.2);
}
.main_1 .top3 ul li .name{font-size: 22px;margin-bottom: 24px;}
.main_1 .top3 ul li .info{font-size: 16px;color: #333;line-height: 24px;margin-bottom: 40px;text-align: left;}

.main_2{overflow: hidden;padding: 100px 0; background: url(../images/pro_bg.jpg) no-repeat center center / cover;}
.main_2 .title {text-align: center;margin-bottom: 80px;}
.main_2 .title h3{font-size: 40px; color: #FFF;}
.main_2 .title h4{font-size: 24px; color: #FFF;margin-top: 15px;}
.main_2 .tab{width: 1200px; height: 60px;  background-image: -moz-linear-gradient( 0deg, rgb(20,67,238) 0%, rgb(5,159,230) 100%);  background-image: -webkit-linear-gradient( 0deg, rgb(20,67,238) 0%, rgb(5,159,230) 100%);  background-image: -ms-linear-gradient( 0deg, rgb(20,67,238) 0%, rgb(5,159,230) 100%);margin: 0 auto;margin-bottom: 70px;}
.main_2 .tab ul li{float: left; display: block; width: 25%; height: 60px; line-height: 60px; font-size:20px; text-align: center; color: #FFF;cursor: pointer; transition: all .4s;}
.main_2 .tab ul li:hover{background: rgba(255,255,255,0.3)}
.main_2 .tab ul li.act{background: #FFF; color: #000;}

.main_2 .list{width: 1200px; margin: 0 auto;text-align: center; font-size: 0;margin-bottom: 60px;}
.main_2 .list ul{width: 1200px;font-size: 14px;color: #FFF;}
.main_2 .list ul li{width: 28%;display: inline-block;vertical-align: top;margin: 0 30px}
.main_2 .list ul li .name{font-size: 20px;margin-bottom: 20px;height: 52px;overflow: hidden;}
.main_2 .list ul li .info{line-height: 24px;text-align: left;height: 170px;overflow: hidden; font-size:16px; line-height:28px;}

.main_2 .btn{text-align: center;}
.main_2 .btn a{display: inline-block; width: 220px; height: 54px; border:solid 1px #00a7ff;border-radius: 5px;color: #00a7ff;font-size: 22px; line-height: 54px; transition: all .4s;}
.main_2 .btn a:hover{background:#00a7ff; color: #FFF; }


.main_3{overflow: hidden;padding: 100px 0 10px 0;}
.main_3 .title {text-align: center;margin-bottom: 44px;}
.main_3 .title h3{font-size: 40px;}
.main_3 .title h4{font-size: 24px; color: #666;margin-top: 15px;}
.main_3 .tab{width: 1480px; height: 76px; margin: 0 auto;margin-bottom: 20px; text-align: center;}
.main_3 .tab ul li{display: inline-block; width: 148px; height: 42px; line-height: 42px; font-size:18px; text-align: center; color: #000;cursor: pointer;border-radius: 200px;border:solid 1px #DDD;margin: 0 20px; transition: all .4s;}
.main_3 .tab ul li:hover{background: rgba(255,255,255,0.3)}
.main_3 .tab ul li.act{color: #FFF;
background-image: -moz-linear-gradient( 0deg, rgb(20,67,238) 0%, rgb(5,159,230) 100%);  background-image: -webkit-linear-gradient( 0deg, rgb(20,67,238) 0%, rgb(5,159,230) 100%);  background-image: -ms-linear-gradient( 0deg, rgb(20,67,238) 0%, rgb(5,159,230) 100%);border: solid 1px rgba(0,0,255,0);
}

.main_3 .list{margin: 0 auto;text-align: center; font-size: 0;margin:0 auto 60px auto;width: 1200px;}
.main_3 .list ul{font-size: 14px;}
.main_3 .list ul li{width: 270px;display: inline-block;vertical-align: top;margin: 0 12px;border: solid 1px #e7e7e7;border-radius: 10px;overflow: hidden; transition: all .4s;}
.main_3 .list ul li:hover{box-shadow: 0 3px 9px rgba(0,0,0,0.1);}
.main_3 .list ul li .img{overflow: hidden;}
.main_3 .list ul li .img img{width: 100%; height: auto;transition: all .4s;}
.main_3 .list ul li .img img:hover{transform: scale(1.2)}
.main_3 .list ul li .info{font-size: 16px;color: #333;padding: 20px;padding-bottom: 20px;text-align: left;}
.main_3 .list ul li .name{line-height: 24px;color: #87878a;padding: 20px;padding-top: 0; border-bottom: solid 1px #e7e7e7; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_3 .list ul li .name a{color: #87878a;}
.main_3 .list ul li .data{padding: 20px;}
.main_3 .list ul li .data span{width: 32%;display: inline-block; font-size: 12px; color: #87878a;}
.main_3 .list ul li .data span strong{display: block; clear: both;font-size: 14px; color: #2f58f7;font-weight: normal;padding-bottom:10px;}

.main_4{padding: 45px 0;overflow: hidden;
	background-image: -moz-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -ms-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
}
.main_4 .w_1200{width: 1200px; margin: 0 auto;overflow: hidden;}
.main_4 .content{float: left;color: #FFF;}
.main_4 .content h3{font-size: 40px;margin-top: 120px;}
.main_4 .content h4{font-size: 30px;margin-top: 20px;margin-top: 15px;}
.main_4 .content h4 strong{font-size: 40px;}
.main_4 .content p{font-size:28px;margin-top: 20px;}
.main_4 .content .btn{margin-top: 60px;}
.main_4 .content .btn a{display: inline-block;width: 270px; height: 60px; border: solid 1px #FFF; line-height: 60px; font-size: 22px; color: #FFF;text-align: center; border-radius: 5px; transition: all .4s;}
.main_4 .content .btn a:hover{background: #FFF; color: #000;}
.main_4 .img{float: right;}

.main_5{padding: 70px 0;}
.main_5 .title {text-align: center;margin-bottom: 40px;}
.main_5 .title h3{font-size: 40px; color: #000;}
.main_5 .title h4{font-size: 24px; color: #666;margin-top: 15px;}
.main_5 .btn{text-align: center;}
.main_5 .btn a{display: inline-block; width: 272px; height: 60px; border:solid 1px #999;border-radius: 5px;color: #333;font-size: 22px; line-height: 60px; transition: all .4s;}
.main_5 .btn a:hover{background:#00a7ff; color: #FFF;border: solid 1px rgba(0,0,0,0); }
.main_5 .list{width: 1200px; margin: 0 auto;margin-bottom: 50px;}
.main_5 .list table{width: 100%; border:solid 1px #d7d7d7; border-collapse: collapse;}
.main_5 .list table tr td{border:solid 1px #d7d7d7;text-align: center; vertical-align: middle;padding: 10px 0; transition: all .4s;}
.main_5 .list table tr td:hover{background-image: -moz-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -ms-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
}
.main_5 .list table tr td img{ max-width: 120px;max-height: 120px;-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.main_5 .list table tr td:hover img{-webkit-filter: brightness(10000%);filter: brightness(10000%);}

.main_6{padding: 80px 0; background: url(../images/msg_bg.jpg) no-repeat center center / cover;}
.main_6 .title {text-align: center;margin-bottom: 40px;}
.main_6 .title h3{font-size: 40px; color: #FFF;}
.main_6 .list{width: 1200px; margin: 0 auto;text-align: center;font-size: 0;}
.main_6 .list ul li{display: inline-block;margin-right: 16px;}
.main_6 .list ul li input[type="text"]{width: 320px; height: 50px; background: rgba(255,255,255,0.6); border:none;border-radius: 5px;color: #000;text-indent: 20px;font-size: 16px;transition: all .4s;}
.main_6 .list ul li input[type="text"]:hover{width: 320px; height: 50px; background: rgba(255,255,255,0.8); border:none;border-radius: 5px;color: #000;text-indent: 20px;font-size: 16px;}
.main_6 .list ul li input[type="submit"]{width: 170px; height: 50px; border:none;border-radius: 5px;color: #FFF;font-size: 16px;
background-image: -moz-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -ms-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
}

.juping_1{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.juping_1 .info{float: left; width: 580px;}
.juping_1 .info dl dt{font-size: 40px; line-height: 55px;margin-bottom: 26px;margin-top: 50px;}
.juping_1 .info dl dd{font-size: 18px; line-height: 30px; color:#666;}
.juping_1 .img{float: right;}
.juping_1 .img img{border-radius: 5px; box-shadow: 0 5px 10px rgba(0,0,0,0.1)}

.juping_2{width: 1200px;padding: 20px 0;margin: 0 auto;overflow: hidden;}
.juping_2 h3{font-size: 40px; line-height: 55px;clear: both;}
.juping_2 dl{display: block;float: left; width: 500px;padding-left: 100px;margin-top: 70px;}
.juping_2 dl dt{font-size: 28px; color: #333; margin-bottom:20px; }
.juping_2 dl dd{font-size: 18px; color: #87878a;}
.juping_2 dl.n1{background: url(../images/juping2_ico_1.png) no-repeat left center;transition: all .4s}
.juping_2 dl.n2{background: url(../images/juping2_ico_2.png) no-repeat left center;transition: all .4s}
.juping_2 dl.n3{background: url(../images/juping2_ico_3.png) no-repeat left center;transition: all .4s}
.juping_2 dl.n4{background: url(../images/juping2_ico_4.png) no-repeat left center;transition: all .4s}
.juping_2 dl.n1:hover{background: url(../images/juping2_ico_1.png) no-repeat 15px center;}
.juping_2 dl.n2:hover{background: url(../images/juping2_ico_2.png) no-repeat 15px center;}
.juping_2 dl.n3:hover{background: url(../images/juping2_ico_3.png) no-repeat 15px center;}
.juping_2 dl.n4:hover{background: url(../images/juping2_ico_4.png) no-repeat 15px center;}

.juping_3{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.juping_3 h3{float: left; display: block;width: 360px;font-size: 40px;}
.juping_3 h3 strong{font-size: 35px;margin-top: 20px;display: block;}
.juping_3 .info{float: right;width: 646px;font-size: 18px; line-height: 30px; color: #393939;}
.juping_3 .list{clear: both;text-align: center;font-size: 0;padding-top: 60px;}
.juping_3 .list ul li{width:270px;display: inline-block;border: solid 1px #e7e7e7;margin: 0 14px;font-size: 14px; }
.juping_3 .list ul li .img{overflow: hidden;}
.juping_3 .list ul li .img img{width: 100%; height: auto; transition: all .4s}
.juping_3 .list ul li .img img:hover{transform:scale(1.2)}
.juping_3 .list ul li .cont dl{padding: 30px;}
.juping_3 .list ul li .cont dl dt{font-size: 20px; color: #393939;clear: both;display: block;margin-bottom: 15px;}
.juping_3 .list ul li .cont dl dd{color: #999;display: inline-block;vertical-align: top;margin: 0 8px;}
.juping_3 .list ul li .cont dl dd img{clear: both;display: block;margin: 0 auto; transition: all .4s}
.juping_3 .list ul li .cont dl dd img:hover{transform: scale(1.15)}


.juping_4{width: 1200px;padding: 0 0 50px 0;margin: 0 auto;overflow: hidden;}
.juping_4 .title{margin-bottom: 30px;}
.juping_4 .title h3{font-size:40px;color: #3E8EFF;font-weight: bold;margin-bottom: 20px; }
.juping_4 .title h3 span{color: #000; font-weight: normal; }
.juping_4 .title h4{font-size: 20px; color: #333;}
.juping_4 .list{clear: both;text-align: center;font-size: 0;}
.juping_4 .list ul li{width:270px;display: inline-block;border: solid 1px #e7e7e7;margin: 0 14px;font-size: 14px;vertical-align: top;padding: 30px 0;}
.juping_4 .list ul li .cont dl{padding: 10px;}
.juping_4 .list ul li .cont dl dt{font-size: 30px;}
.juping_4 .list ul li .cont dl dd.img {width: 100%; height: 120px;line-height: 120px;text-align: center;margin-bottom: 30px;}
.juping_4 .list ul li .cont dl dd.img img{max-width: 200px; max-height: 120px;vertical-align:middle;transition: all .4s}
.juping_4 .list ul li .cont dl dd.img img:hover{transform: scale(1.1)}
.juping_4 .list ul li .cont dl dd{font-size: 20px; color: #666;height: 44px;display: block;}


.juping_5{width: 1200px;padding: 0 0 50px 0;margin: 0 auto;overflow: hidden;}
.juping_5 .title{margin-bottom: 30px;}
.juping_5 .title h3{font-size:40px;color: #3E8EFF;font-weight: bold;margin-bottom: 20px; }
.juping_5 .title h3 span{color: #000; font-weight: normal; }
.juping_5 .title h4{font-size: 20px; color: #333;}
.juping_5 .list{clear: both;text-align: center;font-size: 0;}
.juping_5 .list ul li{width:285px;display: inline-block;border: solid 1px #e7e7e7;margin: 0 6px;font-size: 14px; vertical-align: top;}
.juping_5 .list ul li .img{overflow:hidden;}
.juping_5 .list ul li .img img{width: 100%; height: auto;transition: all .4s}
.juping_5 .list ul li .img img:hover{transform: scale(1.2)}
.juping_5 .list ul li .cont dl{padding: 30px;}
.juping_5 .list ul li .cont dl dt{font-size: 24px; color: #393939;clear: both;display: block;margin-bottom: 15px;}
.juping_5 .list ul li .cont dl dd{color: #666;font-size: 18px;display: block;height: 60px;}


.juping_6{width: 1200px;padding: 0 0 50px 0;margin: 0 auto;overflow: hidden;}
.juping_6 .title{margin-bottom: 30px;}
.juping_6 .title h3{font-size:40px;color: #3E8EFF;font-weight: bold;margin-bottom: 20px; }
.juping_6 .title h3 span{color: #000; font-weight: normal; }
.juping_6 .title h4{font-size: 20px; color: #333;}
.juping_6 .title .note{font-size: 20px; color: #666;}
.juping_6 .list{clear: both;text-align: center;font-size: 0;}
.juping_6 .list ul li{width:222px;display: inline-block;border: solid 1px #e7e7e7;margin: 0 8px;font-size: 14px; vertical-align: top;padding: 30px 0;}
.juping_6 .list ul li .img{ widows: 100%; height: 160px;line-height: 160px;}
.juping_6 .list ul li .img img{max-width: 100%; max-height: 100%;vertical-align: middle;transition: all .4s}
.juping_6 .list ul li .img img:hover{transform: scale(1.1)}
.juping_6 .list ul li .cont dl dt{font-size: 24px; color: #393939;clear: both;display: block;margin-bottom: 15px;}


.juping_7{width: 1200px;padding: 0 0 50px 0;margin: 0 auto 30px auto;overflow: hidden;}
.juping_7 .title{margin-bottom: 30px;}
.juping_7 .title h3{font-size:40px;color: #3E8EFF;font-weight: bold;margin-bottom: 20px; }
.juping_7 .title h3 span{color: #000; font-weight: normal; }
.juping_7 .title h4{font-size: 20px; color: #333;}
.juping_7 .list{clear: both;text-align: center;font-size: 0;}
.juping_7 .list ul li{width:270px;display: inline-block;border: solid 1px #e7e7e7;margin: 0 14px;font-size: 14px;vertical-align: top;padding: 30px 0;}
.juping_7 .list ul li .cont dl{padding: 10px;}
.juping_7 .list ul li .cont dl dt{font-size: 30px;}
.juping_7 .list ul li .cont dl dd.img {width: 100%; height: 120px;line-height: 120px;text-align: center;padding: 0;margin-bottom: 0;}
.juping_7 .list ul li .cont dl dd.img img{max-width: 200px; max-height: 120px;vertical-align:middle;transition: all .4s;}
.juping_7 .list ul li .cont dl dd.img img:hover{transform: scale(1.2)}
.juping_7 .list ul li .cont dl dd{font-size: 20px; color: #666;height: 80px;display: block;padding: 0 40px;margin-bottom: 30px;}


.kaiping_1{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.kaiping_1 .info{float: left; width: 580px;}
.kaiping_1 .info dl dt{font-size: 40px; line-height: 55px;margin-bottom: 26px;margin-top: 50px;}
.kaiping_1 .info dl dd{font-size: 18px; line-height: 30px; color:#666;}
.kaiping_1 .img{float: right;}
.kaiping_1 .img img{border-radius: 5px; box-shadow: 0 5px 10px rgba(0,0,0,0.1)}

.kaiping_2{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.kaiping_2 h3{font-size: 40px; color: #333;margin-bottom: 40px;text-align: center;}
.kaiping_2 h4{font-size: 18px; line-height: 30px; color: #666;margin-bottom: 60px;text-align: center;}
.kaiping_2 .img{text-align: center;}

.kaiping_3{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.kaiping_3 h3{font-size: 40px; color: #333;margin-bottom: 40px; text-align: center;}
.kaiping_3 h3 img{vertical-align: bottom;}
.kaiping_3 .list{overflow: hidden;}
.kaiping_3 .list ul li{width: 327px;height: 377px;background: #f4f4f4;border: solid 1px #DDD;float: left;margin: 30px 15px 30px 45px;transition: all .4s;overflow: hidden;background-image:none; }
.kaiping_3 .list ul li:hover{
background-image: -moz-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -ms-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
}
.kaiping_3 .list ul li .img{width: 100%;height: 200px;line-height: 200px;text-align: center;transition: all .4s;}
.kaiping_3 .list ul li:hover .img{transform:translateY(150px);opacity: 0;}
.kaiping_3 .list ul li .img img{vertical-align: middle;transition: all .4s;}
.kaiping_3 .list ul li:hover .img img{transform: scale(2)}
.kaiping_3 .list ul li .title{text-align: center;font-size: 30px; color: #333;margin-bottom: 26px;transition: all .4s;}
.kaiping_3 .list ul li .info{text-align: center;font-size: 20px;line-height: 26px; color: #666;margin-bottom: 26px;margin: 0 40px;transition: all .4s;height: 52px;text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}
.kaiping_3 .list ul li:hover .title{color: #FFF;transform:translateY(-140px);}
.kaiping_3 .list ul li:hover .info{color: #FFF;transform:translateY(-140px);height: 200px;display: block;}


.kaiping_4{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.kaiping_4 .title{float: left; width: 380px;margin-top: 140px;}
.kaiping_4 .title h3{font-size: 40px;color:#333;margin-bottom: 50px;}
.kaiping_4 .title h4{font-size: 18px;line-height: 30px; color:#666;}
.kaiping_4 .imglist{float: right;background:url(../images/kaiping4_bg.png) no-repeat left top;width: 668px; height: 552px;}
.kaiping_4 .imglist .list{background: rgba(0,0,0,0.1);margin: 69px 0 0 222px; width: 228px; height: 401px;}


.kaiping_5{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.kaiping_5 h3{font-size: 40px; color: #333;text-align: center;margin-bottom: 40px;}
.kaiping_5 h4{font-size: 24px; color: #333;margin-bottom: 15px;}
.kaiping_5 p{font-size: 18px; line-height: 30px; color: #666;margin-bottom: 60px;margin-bottom: 40px;}
.kaiping_5 p img{display: block; margin: 0 auto;}
.kaiping_5 p strong{color: #333;}


#tuiguang_tab{height: 65px;line-height: 65px;border-bottom: solid 1px #CCC;font-size: 20px; color: #333;}
#tuiguang_tab ul{width: 1200px; margin: 0 auto;}
#tuiguang_tab ul li{width: 400px;float:left;text-align: center;}
#tuiguang_tab ul li a{width: 100%;border-right: solid 1px #CCC;display: block; line-height: 20px;margin-top: 22.5px;}
#tuiguang_tab ul li.act a{font-weight: bold;}
#tuiguang_tab ul li:last-child a{border-right:none;}


.sousuo_1{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden; background: url(../images/sousuo_1_bg.jpg) no-repeat right top;height: 326px;}
.sousuo_1 .info{float: left;}
.sousuo_1 .info .list ul li{font-size: 20px ; line-height: 40px; color: #1977df; list-style: disc inside;}
.sousuo_1 .info h3{font-size: 40px; color: #333;margin-bottom: 30px;}


.sousuo_2{padding: 0;margin: 0 auto;overflow: hidden;background:url(../images/sousuo2_bg.jpg) no-repeat center center / cover;}
.sousuo_2 .w_1200{width: 1200px; margin: 0 auto;background: url(../images/sousuo2_img.png) no-repeat right bottom;height: 403px;}
.sousuo_2 .info{float: left;}
.sousuo_2 .info h3{font-size: 40px; color: #FFF;margin-bottom: 30px;margin-top: 100px;}
.sousuo_2 .info .list{font-size: 20px ; line-height: 40px; color: #FFF;}


.sousuo_3{width: 1200px;padding: 70px 0 0 0;margin: 0 auto;overflow: hidden; }
.sousuo_3 h3{font-size: 35px; color: #1977df;margin-bottom: 60px;text-align: center;}
.sousuo_3 .list{font-size: 0;text-align: center;}
.sousuo_3 .list ul li{font-size: 16px;width: 230px; height: 300px;border-radius: 5px;background: #FFF; border: solid 1px #cee6f5;display: inline-block;vertical-align: top;margin: 0 4px;box-shadow: 3px 4px 0 0 #e3f4ff;}
.sousuo_3 .list ul li .img{width: 100%; height: 140px;line-height: 140px;}
.sousuo_3 .list ul li .img img{vertical-align: middle;}
.sousuo_3 .list ul li .title{font-size: 24px; color: #333;margin-bottom: 20px;}
.sousuo_3 .list ul li .info{font-size: 16px; color: #999;line-height: 30px;margin: 0 26px;text-align: left;}


.sousuo_4{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden; }
.sousuo_4 h3{font-size: 35px; color: #333;}
.sousuo_4 h3 strong{font-size: 35px; color: #1977df;font-weight: bold;}
.sousuo_4 h4{font-size: 25px; color: #333;width: 100%;display: block;text-align: right;margin-bottom: 50px;}
.sousuo_4 h4 strong{font-size: 36px; color: #e5817f;}
.sousuo_4 h4 span{margin-right: 330px;}
.sousuo_4 h4 span strong{font-size: 36px; color: #eccf6a;}
.sousuo_4 .img{text-align: center;}


.sousuo_5{width: 1200px;padding: 70px 0 0 0 ;margin: 0 auto;overflow: hidden; }
.sousuo_5 h3{font-size: 35px; color: #333;margin-bottom: 50px;}
.sousuo_5 h3 strong{font-size: 35px; color: #1977df;font-weight: bold;}
.sousuo_5 .img{text-align: center;}


.pinpai_1{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden; background: url(../images/pinpai1_bg.png) no-repeat left center;height: 300px;}
.pinpai_1 .info{width: 660px; float: right;}
.pinpai_1 .info h3{font-size: 55px; font-weight: bold; color:#1977df;margin-bottom: 40px;line-height: 46px;}
.pinpai_1 .info h3 span{font-size: 20px; font-weight: normal;}
.pinpai_1 .info .cont{font-size: 18px; color: #666;line-height: 30px;}


.pinpai_2{padding: 70px 0;margin: 0 auto;overflow: hidden;background:#e2effc;}
.pinpai_2 .w_1200{width: 1200px; margin: 0 auto; background: url(../images/pinpai2_bg.png) no-repeat right center;height: 400px;}
.pinpai_2 .info{width: 660px; float: left;}
.pinpai_2 .info h3{font-size: 40px; font-weight: bold; color:#1977df;margin-bottom: 24px;margin-top: 80px;}
.pinpai_2 .info h4{font-size: 30px; color:#333;margin-bottom: 30px;}
.pinpai_2 .info .cont{font-size: 18px; color: #666;line-height: 30px;}


.pinpai_3{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden; background: url(../images/pinpai3_bg.png) no-repeat right center;height: 636px;}
.pinpai_3 h3{font-size: 40px;color: #1977df;margin-bottom: 20px;}
.pinpai_3 .note{font-size: 18px;color: #666;line-height: 30px;margin-bottom:40px;}
.pinpai_3 .list{ width: 800px;}
.pinpai_3 .list dl{margin-bottom: 40px;}
.pinpai_3 .list dl dt{font-size: 28px; color:#1977df;margin-bottom: 18px;line-height: 40px;}
.pinpai_3 .list dl dt.ico_1{background: url(../images/pinpai3_ico_1.png) no-repeat left center;padding-left: 60px;}
.pinpai_3 .list dl dt.ico_2{background: url(../images/pinpai3_ico_2.png) no-repeat left center;padding-left: 60px;}
.pinpai_3 .list dl dt.ico_3{background: url(../images/pinpai3_ico_3.png) no-repeat left center;padding-left: 60px;}
.pinpai_3 .list dl dt img{margin-left: 20px;}
.pinpai_3 .list dl dd{font-size: 22px; color:#666;line-height: 30px;margin-left: 60px;}


.pinpai_4{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.pinpai_4 h3{font-size: 40px;color: #1977df;margin-bottom: 20px;text-align: center;}
.pinpai_4 .note{font-size: 18px;color: #666;line-height: 30px;margin-bottom:40px; text-align: center}
.pinpai_4 .list{font-size: 0; text-align: center;}
.pinpai_4 .list ul li{font-size:16px; line-height: 30px; color: #999; width: 230px; height: 300px;display: inline-block; margin: 0 4px;vertical-align: top;background: #FFF; border: solid 1px #c4dcec; border-radius: 5px;box-shadow: 0 5px 0 0 #e3f4ff;transition: all .4s;}
.pinpai_4 .list ul li:hover{background:#1977df;border: solid 1px #1977df; }
.pinpai_4 .list ul li .img{height:120px; text-align: center; line-height: 120px; margin-top: 20px; }
.pinpai_4 .list ul li .img img{vertical-align: middle; transition: all .4s;}
.pinpai_4 .list ul li:hover .img img{vertical-align: middle;
-webkit-filter: brightness(1000%);filter: brightness(1000%);
}
.pinpai_4 .list ul li .title{font-size: 24px; color: #333;margin-bottom: 20px;}
.pinpai_4 .list ul li:hover .title{ color: #FFF;}
.pinpai_4 .list ul li .info{margin: 0 40px;}
.pinpai_4 .list ul li:hover .info{color: #FFF;}


.pinpai_5{padding: 70px 0;margin: 0 auto;overflow: hidden;
background-image: -moz-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -ms-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
}
.pinpai_5 .w_1200{width: 1200px;margin: 0 auto; overflow: hidden;}
.pinpai_5 h3{font-size: 40px;color: #FFF;margin-bottom: 20px;text-align: center;}
.pinpai_5 h4{font-size: 28px; color: #FFF; margin-bottom: 20px; text-align: center;}
.pinpai_5 .note{font-size: 16px;color: #FFF;text-align: center;}
.pinpai_5 .list{position: relative;height: 500px;}
.pinpai_5 .list .swiper-button-next{ background: url(../images/pinpai5_btn_r.png) no-repeat center center;width: 64px;height: 64px;}
.pinpai_5 .list .swiper-button-prev{ background: url(../images/pinpai5_btn_l.png) no-repeat center center;width: 64px;height: 64px;}
.pinpai_5 .list .swiper-slide img{ max-width: 94%; max-height: 94%;}
.pinpai_5 .list .swiper-slide .title{width: 100%; display: block;clear: both;}


.pinpai_6{width: 1200px; padding: 50px 0;margin: 0 auto;overflow: hidden;}
.pinpai_6 h3{font-size: 40px;color: #333;margin-bottom: 20px;text-align: center;}
.pinpai_6 .note{font-size: 24px;color: #666;text-align: center;margin-bottom: 40px;}
.pinpai_6 .list{overflow: hidden;font-size: 0;padding: 20px 0;}
.pinpai_6 .list ul li{width: 360px; height: 480px;background: #FFF;border: solid 1px #e7e7e7;display: inline-block;vertical-align: top; border-radius: 6px; overflow: hidden; margin: 0 18px;transition: all .4s;}
.pinpai_6 .list ul li:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.1)}
.pinpai_6 .list ul li .img{overflow: hidden;}
.pinpai_6 .list ul li .img img{width: 100%; height: auto;transition: all .4s;}
.pinpai_6 .list ul li:hover .img img{transform:scale(1.2)}
.pinpai_6 .list ul li .info{margin:30px;font-size: 20px; line-height: 30px; color: #333;padding-bottom: 15px; border-bottom: solid 1px #DDD;margin-bottom: 15px; }
.pinpai_6 .list ul li .title{font-size: 16px; color: #87878a;padding: 0 30px;}
.pinpai_6 .list ul li .title dt{ color: #333;}


.baiyi_1{width: 1200px;padding: 70px 0 0 0;margin: 0 auto;overflow: hidden;}
.baiyi_1 .info{float: left; width: 580px;}
.baiyi_1 .info dl dt{font-size: 40px; line-height: 55px;margin-bottom: 26px;margin-top: 50px;}
.baiyi_1 .info dl dd{font-size: 18px; line-height: 30px; color:#666;}
.baiyi_1 .img{float: right;}
.baiyi_1 .img img{border-radius: 5px; box-shadow: 0 5px 10px rgba(0,0,0,0.1)}


.baiyi_2{width: 1200px;padding: 70px 0 0 0;margin: 0 auto;overflow: hidden;}
.baiyi_2 h3{font-size: 40px;color: #333;margin-bottom: 20px;text-align: center;}
.baiyi_2 .note{font-size: 20px;color: #333;text-align: center;margin-bottom: 40px;}
.baiyi_2 .img{text-align: center;}


.baiyi_3{width: 1200px;padding: 70px 0 0 0;margin: 0 auto;overflow: hidden;}
.baiyi_3 h3{font-size: 40px;color: #333;margin-bottom: 20px;text-align: center;}
.baiyi_3 .note{font-size: 20px;color: #333;text-align: center;margin-bottom: 40px;}
.baiyi_3 .img{text-align: center;}


.baiyi_4{width: 1200px;padding: 70px 0 0 0;margin: 0 auto;overflow: hidden;}
.baiyi_4 h3{font-size: 40px;color: #333;margin-bottom: 50px;text-align: center;}
.baiyi_4 .list{overflow: hidden;font-size: 0; text-align: center;}
.baiyi_4 .list ul li{width: 270px; height: 340px; display: inline-block; vertical-align: top;border:solid 1px #DDD;margin: 0 14px;transition: all .4s;}
.baiyi_4 .list ul li:hover{
background-image: -moz-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -ms-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
}
.baiyi_4 .list ul li .title{height: 130px;width: 100%;line-height: 130px;font-size: 48px; color: #333;text-align: center;margin-top: 30px;transition: all .4s;}
.baiyi_4 .list ul li:hover .title{color: #FFF;}
.baiyi_4 .list ul li .info{font-size: 20px; color: #333;text-align: center; line-height: 36px; padding: 0 30px;transition: all .4s;}
.baiyi_4 .list ul li:hover .info{color: #FFF;}


.baiyi_5{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.baiyi_5 h3{font-size: 40px;color: #333;margin-bottom: 50px;text-align: center;}
.baiyi_5 .list{overflow: hidden;font-size: 0; text-align: center;}
.baiyi_5 .list ul li{width: 270px; height: 270px; display: inline-block; vertical-align: top;border:solid 1px #DDD;margin: 0 14px;transition: all .4s;}
.baiyi_5 .list ul li:hover{
background-image: -moz-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -ms-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
}
.baiyi_5 .list ul li .img{height: 130px;width: 100%;line-height: 130px;font-size: 48px; color: #333;text-align: center;margin-top: 30px;transition: all .4s;}
.baiyi_5 .list ul li .img img{transition: all .4s;}
.baiyi_5 .list ul li:hover .img img{-webkit-filter: brightness(10000%);filter: brightness(10000%);}
.baiyi_5 .list ul li .info{font-size: 30px; color: #333;text-align: center; line-height: 36px; padding: 0 30px;transition: all .4s;}
.baiyi_5 .list ul li:hover .info{color: #FFF;}





.bendi_1{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.bendi_1 .info{float: left;width: 466px;}
.bendi_1 .info h3{font-size: 35px; color: #333;margin-bottom: 30px;}
.bendi_1 .info .cont{}
.bendi_1 .info .cont ul li{ list-style:disc inside; color: #278e69;line-height: 40px;font-size: 20px;}
.bendi_1 .img{float: right;width: 540px;}
.bendi_1 .img .cont{font-size: 20px; line-height: 36px;}
.bendi_1 .img .cont strong{color: #278e69;}

.bendi_2{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.bendi_2 .info{float: right;width: 540px;}
.bendi_2 .info h3{font-size: 35px; color: #333;margin-bottom: 30px;}
.bendi_2 .info .cont{font-size: 18px; line-height: 40px; color: #666;}
.bendi_2 .img{float: left;}

.bendi_3{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.bendi_3 h3{font-size: 35px; color: #333;margin-bottom: 30px;display: block; text-align: center;}
.bendi_3 .img{float: left; width: 770px; }
.bendi_3 .info{float: right; width: 340px;font-size: 16px; line-height: 30px; color: #333;margin-top: 20px; }


.bendi_4{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.bendi_4 h3{font-size: 35px; color: #333;margin-bottom: 30px;display: block; text-align: center;}
.bendi_4 .contbox{overflow: hidden; padding: 30px 0;}
.bendi_4 .contbox h4{font-size: 24px; line-height: 48px; color: #333;}
.bendi_4 .contbox .info{font-size: 18px; line-height: 48px; color: #333;padding-left: 40px;}
.bendi_4 .contbox .cont{text-align: center; padding: 30px 0;}
.bendi_4 .contbox .list{position: relative;}


.bendi_5{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.bendi_5 h3{font-size: 35px; color: #333;margin-bottom: 30px;display: block; text-align: center;}
.bendi_5 .info{font-size: 18px; line-height: 48px; color: #333; text-align: center;margin-bottom: 30px;}
.bendi_5 .list{}
.bendi_5 .list .img td{width: 300px; height: 300px; text-align: center; line-height: 300px;}
.bendi_5 .list .img td img{transition: all .4s;}
.bendi_5 .list .img td:hover img{transform: scale(1.2)}
.bendi_5 .list  td{ text-align: center;line-height: 80px;font-size: 24px}


.xinxiliu_1{width: 1200px;padding: 70px 0;margin: 0 auto;overflow: hidden;}
.xinxiliu_1 .info{float: left;width: 690px;}
.xinxiliu_1 .info h3{font-size: 35px; color: #333;margin-bottom: 30px;}
.xinxiliu_1 .info .cont{}
.xinxiliu_1 .info .cont ul li{ list-style:disc inside; color: #1977df;line-height: 40px;font-size: 20px;}
.xinxiliu_1 .info .cont dl{margin-top: 20px;}
.xinxiliu_1 .info .cont dl dd{ color: #333;line-height: 40px;font-size: 24px;}
.xinxiliu_1 .img{float: right;width: 420px;}


.xinxiliu_2{padding: 70px 0;margin: 0 auto;overflow: hidden;
background-image: -moz-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -ms-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
}
.xinxiliu_2 .w_1200{ width: 1200px; margin: 0 auto; }
.xinxiliu_2 h3{text-align: center;color: #FFF; font-size: 35px;padding-bottom: 20px;}
.xinxiliu_2 .info{text-align: center;color: #FFF; font-size: 20px;}
.xinxiliu_2 .list{overflow: hidden; font-size: 0;text-align: center;}
.xinxiliu_2 .list ul li{display: inline-block; width: 300px; vertical-align: top;}
.xinxiliu_2 .list ul li .img{text-align: center; height: 200px; line-height: 200px;}
.xinxiliu_2 .list ul li .img img{vertical-align: middle;transition: all .4s;}
.xinxiliu_2 .list ul li:hover .img img{transform: scale(1.2)}
.xinxiliu_2 .list ul li .title{font-size: 18px; line-height: 30px; color: #FFF;}


.xinxiliu_3{ width: 1200px; padding: 70px 0;margin: 0 auto;overflow: hidden; }
.xinxiliu_3 h3{text-align: center;color: #333; font-size: 35px;padding-bottom: 30px;}
.xinxiliu_3 .info{text-align: center;color: #333; font-size: 20px;}
.xinxiliu_3 .img_1{padding: 30px 0;}
.xinxiliu_3 .list{}
.xinxiliu_3 .list ul li{font-size: 24px; line-height: 40px;color: #333;}
.xinxiliu_3 .list ul li.m1{list-style: inside disc; color: #1977df;font-size: 24px;}
.xinxiliu_3 .list ul li.m1 span{color: #333;}
.xinxiliu_3 .list ul li.img{ padding: 30px 0;text-align: center;}


.xinxiliu_4{padding: 70px 0;margin: 0 auto;overflow: hidden;
background-image: -moz-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -webkit-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
  background-image: -ms-linear-gradient( 0deg, rgb(20,65,238) 0%, rgb(11,123,239) 38%, rgb(6,154,231) 61%, rgb(1,185,225) 99%);
}
.xinxiliu_4 .w_1200{ width: 1200px; margin: 0 auto; }
.xinxiliu_4 h3{text-align: center;color: #FFF; font-size: 35px;padding-bottom: 20px;}
.xinxiliu_4 .cont{text-align: center;padding-top: 30px;}

.xinxiliu_5{ width: 1200px; padding:70px 0 0 0;margin: 0 auto;overflow: hidden; }
.xinxiliu_5 h3{text-align: center;color: #333; font-size: 35px;padding-bottom: 30px;}
.xinxiliu_5 .info{text-align: center;color: #333; font-size: 20px;}
.xinxiliu_5 .list{text-align: center;padding: 30px 0;}






.tel400_1{ width: 1200px; padding: 70px 0;margin: 0 auto;overflow: hidden; }
.tel400_1 h3{text-align: center;color: #333; font-size: 36px;padding-bottom: 15px;}
.tel400_1 h3 p{text-align: center;color: #333; font-size: 33px;padding-bottom: 30px;}
.tel400_1 .info{text-align: center;color: #666; font-size: 18px;line-height: 30px;}
.tel400_1 .list{ width: 1200px; margin:70px auto 70px auto;text-align: center;}
.tel400_1 .list ul li{display: inline-block;margin: 0 30px;transition: all .4s;}
.tel400_1 .list ul li:hover{transform: scale(1.1)}

.tel400_2{overflow: hidden; width: 1200px; margin:0 auto;}
.tel400_2 ul li{display: block;width: 33%;float: left; margin:30px 0;}

.tel400_3{ width: 1200px; padding: 70px 0;margin: 0 auto;overflow: hidden; }
.tel400_3 .list{ width: 1200px; margin:70px auto 70px auto;text-align: center;}
.tel400_3 .list ul li{display: inline-block;margin: 0 2px;transition: all .4s;}
.tel400_3 .list ul li:hover{transform: scale(1.1)}

.tel400_4{ width: 1200px; padding:0 0 70px 0;margin: 0 auto;overflow: hidden; }
.tel400_4 h3{text-align: center;color: #333; font-size: 36px;padding-bottom: 15px;}
.tel400_4 .list{overflow: hidden; width: 1200px; margin:0 auto;}
.tel400_4 .list ul li{display: block;width: 33%;float: left; margin:10px 0;}


.sem_1{ width: 1200px; padding: 70px 0;margin: 0 auto;overflow: hidden; }
.sem_1 .cont{width: 460px;}
.sem_1 .cont h3{font-size: 40px; margin-bottom: 20px;color: #333;}
.sem_1 .cont h4{font-size: 28px; margin-bottom: 20px;color: #333;}
.sem_1 .cont .info{font-size: 18px; line-height: 30px;color: #666}
.sem_1 .img{width: 667px;}


.sem_2{ width: 1200px; padding: 70px 0;margin: 0 auto;overflow: hidden; }
.sem_2 h3{font-size: 40px; margin-bottom: 20px;color: #333;text-align: center;}
.sem_2 h4{font-size: 20px; margin-bottom: 20px;color: #333;text-align: center;}
.sem_2 .info{font-size: 14px; line-height: 30px;color: #999;text-align: center;}
.sem_2 .list{ width: 1200px; margin:70px auto 70px auto;text-align: center;}
.sem_2 .list ul li{display: inline-block;margin: 0 10px;transition: all .4s;}
.sem_2 .list ul li:hover{transform: scale(1.1)}


.sem_3{ width: 1200px; padding:0 0 70px 0;margin: 0 auto;overflow: hidden; }
.sem_3 h3{font-size: 40px; margin-bottom: 20px;color: #333;text-align: center;}
.sem_3 .info{font-size: 14px; line-height: 30px;color: #999;text-align: center;}
.sem_3 .list{ width: 1200px; margin:70px auto 70px auto;text-align: center;}
.sem_3 .list ul li{display: inline-block;margin: 0 10px;transition: all .4s;}
.sem_3 .list ul li:hover{transform: scale(1.1)}


.sem_4{ width: 1200px; padding:0 0 70px 0;margin: 0 auto;overflow: hidden; }
.sem_4 h3{font-size: 40px; margin-bottom: 20px;color: #333;text-align: center;}
.sem_4 .list{ width: 1200px; margin:70px auto 70px auto;text-align: center;}
.sem_4 .list ul li{display: inline-block;margin: 0 10px;transition: all .4s;}
.sem_4 .list ul li:hover{transform: scale(1.1)}

.sem_5{ width: 1200px; padding:0 0 70px 0;margin: 0 auto;overflow: hidden; }
.sem_5 ul li{ width: 50%;float: left;margin: 15px 0; }

/* .website_1{padding:70px 0;margin: 0 auto;overflow: hidden; }
.website_1 h3{font-size: 40px; margin-bottom: 20px;color: #333;text-align: center;}
.website_1 .info{font-size: 18px; line-height: 36px;color: #333;text-align: center;}
.website_1 .top3{width: 1200px; padding:60px 0;margin: 0 auto;overflow: hidden;text-align: center; }
.website_1 .top3 ul li{display: inline-block;width: 215px; height: 67px;border:solid 1px #cee6f5; background: #FFF; color: #333;box-shadow: 0 8px 0 0 #e3f4ff;font-size: 26px;border-radius: 200px; line-height: 67px;margin: 0 30px;}
.website_1 .top3 ul li:hover{color: #FFF; 
  background-image: -moz-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
}
.website_1 .img{padding:60px 0;
  background-image: -moz-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
}

.website_2{width: 1200px;padding:70px 0;margin: 0 auto;}
.website_2 h3{font-size: 40px; margin-bottom: 20px;color: #333;text-align: center;}
.website_2 .info{font-size: 18px; line-height: 36px;color: #333;text-align: center;}
.website_2 .list{ width: 1200px; margin:70px auto 0 auto;text-align: center;}
.website_2 .list ul li{display: inline-block;margin: 0 2px;transition: all .4s;}
.website_2 .list ul li:hover{transform: scale(1.1)}

.website_3{width: 1200px;padding:70px 0;margin: 0 auto; }
.website_3 h3{font-size: 40px; margin-bottom: 20px;color: #333;text-align: center;}
.website_3 h4{font-size: 28px; margin-bottom: 36px;color: #333;text-align: center;}
.website_3 .info{font-size: 18px; line-height: 36px;color: #333;text-align: center; width: 100%;}
.website_3 .list{ width: 1200px; margin:70px auto 0 auto;text-align: center;}
.website_3 .list ul li{display: inline-block;margin: 0 10px;transition: all .4s;}
.website_3 .list ul li:hover{transform: scale(1.1)}

.website_3 .list2{font-size: 0; text-align: center;margin: 60px 0;}
.website_3 .list2 ul li{width: 270px; height: 340px; display: inline-block; vertical-align: top;border:solid 1px #cee6f5;margin: 0 14px;transition: all .4s;box-shadow: 0 8px 0 0 rgba(227, 244, 255, 0.75);}
.website_3 .list2 ul li:hover{
  background-image: -moz-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
}
.website_3 .list2 ul li .title{height: 80px;width: 100%;line-height: 80px;font-size: 28px; color: #333;text-align: center;margin-top: 30px;transition: all .4s;}
.website_3 .list2 ul li:hover .title{color: #FFF;}
.website_3 .list2 ul li .info{font-size: 16px; color: #666;text-align: center; line-height: 30px; padding: 0 30px; width: 80%; transition: all .4s;}
.website_3 .list2 ul li:hover .info{color: #FFF;}
.website_3 .list2 ul li .en{font-size: 14px; color: #999;text-align: center; line-height: 30px; padding: 0 30px;transition: all .4s;height: 60px;}
.website_3 .list2 ul li:hover .en{color: #FFF;}

.website_4{width: 1200px;padding:0 0 70px 0;margin: 0 auto; }
.website_4 h3{font-size: 40px; margin-bottom: 20px;color: #333;text-align: center;}
.website_4 h4{font-size: 28px; margin-bottom: 36px;color: #333;text-align: center;}
.website_4 .list{font-size: 0; text-align: center;margin: 60px 0;}
.website_4 .list ul li{width: 380px; display: inline-block; vertical-align: top;border:solid 1px #cee6f5;margin: 0 8px;transition: all .4s;box-shadow: 0 8px 0 0 rgba(227, 244, 255, 0.75);}
.website_4 .list ul li:hover{
  background-image: -moz-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
}
.website_4 .list ul li .title{height: 80px;width: 100%;line-height: 80px;font-size: 28px; color: #333;text-align: center;margin-top: 30px;transition: all .4s;}
.website_4 .list ul li:hover .title{color: #FFF;}
.website_4 .list ul li .info{font-size: 16px; color: #666;text-align: center; line-height: 30px; padding: 0 30px;transition: all .4s;height: 90px;margin-bottom: 60px;}
.website_4 .list ul li:hover .info{color: #FFF;}
.website_4 .list ul li .en{font-size: 14px; color: #999;text-align: center; line-height: 30px; padding: 0 30px;transition: all .4s;height: 60px;}
.website_4 .list ul li:hover .en{color: #FFF;} */

.about_1{width: 1200px;padding:130px 0 70px 0;margin: 0 auto;border-bottom: #DDD 1px dotted; }
.about_1 h3{font-size: 32px; margin-bottom: 40px;color: #073e81;text-align: center;}
.about_1 h3 *{vertical-align: bottom;margin: 0 10px;}
.about_1 .info{font-size: 14px; line-height: 30px; color: #333;width: 1100px; margin: 0 auto;}
.about_1 .top3{text-align: center;font-size: 0;margin: 80px auto 0 auto; width: 1200px;}
.about_1 .top3 ul li{text-align: center;font-size: 14px; display: inline-block;width: 340px;vertical-align: top;margin: 0 30px; transition: all .4s;}
.about_1 .top3 ul li .num{width: 175px; height: 175px; border-radius: 200px; font-size: 40px; line-height: 175px;margin: 0 auto;color: #FFF;margin-bottom: 20px;transition: all .4s;
  background-image: -moz-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(67,180,254) 0%, rgb(20,125,254) 100%);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.about_1 .top3 ul li .num:hover{transform: scale(1.2);}
.about_1 .top3 ul li .name{font-size: 22px;margin-bottom: 24px;}

.about_2{width: 1200px;padding:70px 0;margin: 0 auto; border-bottom: #DDD 1px dotted;}
.about_2 h3{font-size: 32px; margin-bottom: 20px;color: #073e81;text-align: center;}
.about_2 .img{text-align: center;}

.about_3{width: 1200px;padding:70px 0;margin: 0 auto; }
.about_3 h3{font-size: 32px; margin-bottom: 20px;color: #073e81;text-align: center;}
.about_3 .img{text-align: center;}

.about_banner{position: relative;overflow: visible !important;}
.about_banner .nav{position: absolute;width: 1200px; height: 150px;background: #FFF;left: 50%;margin-left: -600px;bottom: -75px;box-shadow: 0 5px 10px rgba(0,0,0,0.1);font-size: 0;text-align: center;}
.about_banner .nav ul li{display:inline-block; width: 30%; text-align: center;}
.about_banner .nav ul li .ico{line-height: 50px;margin-top: 40px;}
.about_banner .nav ul li .ico img{vertical-align: middle;}
.about_banner .nav ul li .name{font-size: 18px;color: #53595f;}

.casecont_banner{color: #FFF;text-align: center;}
.casecont_banner .w_1200{position: relative;height: 450px;overflow: hidden;}
.casecont_banner h3{font-size: 40px; margin-bottom: 30px;margin-top: 80px;}
.casecont_banner .title{font-size: 18px; margin-bottom: 30px;}
.casecont_banner hr{height: 1px;width: 50px;border: none;background: #FFF;}
.casecont_banner .list{width: 1200px; margin:0 auto;text-align: center;}
.casecont_banner .list ul li{display: inline-block;width: 200px; margin:30px 60px;}
.casecont_banner .list ul li strong{font-size: 18px;margin-bottom: 20px;display: block;}
.casecont_banner .list ul li p{font-size: 12px;}
.casecont_banner .wbox{position: absolute;bottom: 0; width: 1200px;background: #FFF;height: 70px;}

.casecont_1{width: 1040px; margin:0 auto 60px auto;}
.casecont_1 .cont{ font-size: 18px; color: #393939; line-height: 34px;margin-bottom: 30px;}
.casecont_1 .cont.w_50{width: 50%;float: left;}
.casecont_1 .cont h5{ font-size: 24px; color: #294df7; margin-bottom: 20px;}
.casecont_2{width: 1040px; margin:0 auto 60px auto;}
.casecont_2 h3{font-size: 36px; margin-bottom: 40px;}

.casecont_2 .list{margin: 0 auto;text-align: center; font-size: 0;margin:0 auto 60px auto;width: 1040px;}
.casecont_2 .list ul{font-size: 14px;}
.casecont_2 .list ul li{width: 326px;display: inline-block;vertical-align: top;margin: 0 8px;border: solid 1px #e7e7e7;border-radius: 10px;overflow: hidden; transition: all .4s;}
.casecont_2 .list ul li:hover{box-shadow: 0 3px 9px rgba(0,0,0,0.1);}
.casecont_2 .list ul li .img{overflow: hidden;}
.casecont_2 .list ul li .img img{width: 100%; height: auto;transition: all .4s;}
.casecont_2 .list ul li .img img:hover{transform: scale(1.2)}
.casecont_2 .list ul li .info{font-size: 16px;color: #333;padding: 20px;padding-bottom: 20px;text-align: left;}
.casecont_2 .list ul li .name{line-height: 24px;color: #87878a;padding: 20px;padding-top: 0; border-bottom: solid 1px #e7e7e7; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.casecont_2 .list ul li .name a{color: #87878a;}
.casecont_2 .list ul li .data{padding: 20px;}
.casecont_2 .list ul li .data span{width: 30%;display: inline-block; font-size: 12px; color: #87878a;}
.casecont_2 .list ul li .data span strong{display: block; clear: both;font-size: 14px; color: #2f58f7;font-weight: normal;padding-bottom:10px;}




/*contact us*/
.add_title{ font-family:微软雅黑; font-size:36px; line-height:40px; color: #333; text-align:center; font-weight:400; margin:80px auto;}
.add_con { color: #333;font-weight: 400;font-style: normal;font-size: 16px;line-height: 30px; margin:100px 0 50px 0;}
.add_map{ margin:50px auto; padding:50px 0;}

.w20d{ font-size:18px; color:#FFF; line-height:30px;padding:30px 0 5px 0; text-align:center; font-weight:300;}
.w1200w{ width:900px; margin:0 auto;}





/*product service*/

.custom-table {
	display: table;
}
.custom-thead {
	display: table-header-group;
}
.custom-tbody {
	display: table-row-group;
}
.custom-tr {
	display: table-row;
}
.custom-td {
	display: table-cell;
	vertical-align: middle;
}
.borderPoint-frame {
	width: 1200px;
	height: auto;
	padding: 0 0 100px 0;
	margin: auto;
	margin-top: 80px;
	position: relative;
}
.borderPoint-frame .circle-style1 {
	height: 18px;
	width: 18px;
	position: absolute;
}
.borderPoint-frame .circle-style1.circle-01 {
	top: -9px;
	left: 50%;
	margin-left: -9px;
}
.borderPoint-frame .circle-style1.circle-02 {
	top: 258px;
	left: -9px;
}
.borderPoint-frame .circle-style1.circle-03 {
	top: 258px;
	left: 50%;
	margin-left: -9px;
}
.borderPoint-frame .circle-style1.circle-04 {
	top: 258px;
	right: -9px;
}
.borderPoint-frame .circle-style1.circle-05 {
	top: 526px;
	left: -9px;
}
.borderPoint-frame .circle-style1.circle-06 {
	top: 526px;
	left: 50%;
	margin-left: -9px;
}
.borderPoint-frame .circle-style1.circle-07 {
	top: 526px;
	right: -9px;
}
.borderPoint-frame .circle-style1.circle-08 {
	top: 794px;
	left: -9px;
}
.borderPoint-frame .circle-style1.circle-09 {
	top: 794px;
	left: 50%;
	margin-left: -9px;
}
.borderPoint-frame .circle-style1.circle-10 {
	top: 794px;
	right: -9px;
}
.borderPoint-frame .circle-style1.circle-11 {
	top: 1064px;
	left: -9px;
}
.borderPoint-frame .circle-style1.circle-12 {
	top: 1064px;
	left: 50%;
	margin-left: -9px;
}
.borderPoint-frame .circle-style1.circle-13 {
	top: 1064px;
	right: -9px;
}
.borderPoint-frame .circle-style1.circle-14 {
	top: 1330px;
	left: -9px;
}
.borderPoint-frame .circle-style1.circle-15 {
	top: 1330px;
	left: 50%;
	margin-left: -9px;
}
.borderPoint-frame .circle-style1.circle-16 {
	top: 1330px;
	right: -9px;
}
.borderPoint-frame .circle-style1.circle-17 {
	top: 1606px;
	left: 50%;
	margin-left: -9px;
}
.borderPoint-frame .custom-table {
	width: 1200px;
	margin: auto;
}
.borderPoint-frame .custom-table .custom-tr .custom-td {
	width: 50%;
	padding:58px 24px 34px 24px;
}
.borderPoint-frame .custom-table .custom-tr .custom-td:nth-child(1) {
	border-right: 1px solid #ddd;
}
.borderPoint-frame .custom-table .custom-tr:not(:last-child) .custom-td {
	border-bottom: 1px solid #ddd;
}
.cpfw_title {
	font-family: 微软雅黑;
	font-size: 40px;
	font-weight: bold;
	color: #333;
	padding-top: 70px;
	padding-bottom: 10px;
	text-align: center;
}
.cpfw_title18 {
	font-family: 微软雅黑;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	text-align: center;
}


.cpfw_title1{ color:#1680fe; font-size:26px; font-weight:300; text-align:right;}
.cpfw_title_en1{color:#1680fe; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:right; text-transform: uppercase; padding:5px 0 15px 0;}
.cpfw_title_con1{color:#333; font-size:16px;  text-align:right; line-height:28px;}
.cpi_01{ float:right; width:140px; transition: all 0.6s;}
.cpi_01:hover{transform: scale(1.3);}
.cpfw_l_title{ float:left;}

.cpfw_title2{ color:#1680fe; font-size:26px; font-weight:300; text-align:left;}
.cpfw_title_en2{color:#1680fe; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; text-transform: uppercase; padding:5px 0 15px 0;}
.cpfw_title_con2{color:#333; font-size:16px;  text-align:left; line-height:28px;}
.cpi_02{ float:left; width:140px; transition: all 0.6s;}
.cpi_02:hover{transform: scale(1.3);}
.cpfw_r_title{ float:right;}
.cpfw_r_title, .cpfw_l_title{ width:380px; height:175px;}


/* 网站建设改版20190903 */

.website_16th{ padding: 60px 0;}

.website_1{ padding: 0 0 60px 0;}


.website_1 .title{padding-bottom: 60px; text-align: center;}
.website_1 .title h3{font-size: 32px; color: #333; font-weight: bold;padding-bottom: 10px;}
.website_1 .title p{font-size: 14px; color: #999;}

.website_1 .list{clear: both;font-size: 0;}
.website_1 .list dl{clear: both; height: 224px;}
.website_1 .list dl:first-child{margin-bottom: 5px;}

.website_1 .list dl dt{background: #073e81;font-size: 24px; color: #FFF; padding: 0 12px; height: 224px; text-align: center; writing-mode: vertical-lr;display: inline-block; vertical-align: top;}
.website_1 .list dl:last-child dt{background: #e4b126;font-size: 24px; color: #000;}
.website_1 .list dl dd{ display: inline-block; vertical-align: top; width: 224px; height: 224px; font-size: 12px; background: #EEE; margin-left: 5px; background: url(../images/website_1_bg.png) no-repeat center center / cover; text-align: center; transition: all .4s ease-in-out;overflow: hidden;}
.website_1 .list dl dd:nth-of-type(odd) .ico{width: 60px; height: 60px;line-height: 60px; text-align: center;margin: 30px auto 0 auto;}
.website_1 .list dl dd:nth-of-type(odd) .ico img{max-width: 60px; max-height: 60px;vertical-align: middle; }
.website_1 .list dl dd:nth-of-type(odd) .name{font-size: 24px; font-weight: bold; color: #FFF;margin: 10px 0;}
.website_1 .list dl dd:nth-of-type(odd) .info{font-size: 16px; line-height: 26px; color: #FFF; padding: 0 20px;}
.website_1 .list dl dd:hover{ transform: scale(1.1);box-shadow:0 5px 10px rgba(50, 50, 255, 0.2);}


.website_2{ padding: 0 0 60px 0;}
.website_2 .title{padding-bottom: 60px; text-align: center;}
.website_2 .title h3{font-size: 32px; color: #333; font-weight: bold;padding-bottom: 10px;}
.website_2 .title p{font-size: 14px; color: #999;}
.website_2 .title p:nth-of-type(2){font-size: 20px; color: #666;margin-top: 20px;}

.website_2 .list{clear: both;overflow: hidden;}
.website_2 .list .contbox{width: 240px;margin-right: 80px;float: left;transition: all .4s;}
.website_2 .list .contbox:last-child{margin-right: 0;}

.website_2 .list .contbox .ico{height: 90px;}
.website_2 .list .contbox .ico span{font-size: 60px; font-weight: bold;float: right;line-height: 50px; color: #F0F0F0; transition: all .4s;}
.website_2 .list .contbox dl dt{ font-size: 24px; color: #333;margin-bottom: 20px;transition: all .4s;}
.website_2 .list .contbox dl dd{ font-size: 16px; color: #333;line-height: 30px;transition: all .4s;}
.website_2 .list .contbox:hover dl dt{ font-size: 24px; color: #147dfd;margin-bottom: 20px;}
.website_2 .list .contbox:hover dl dd{ font-size: 16px; color: #147dfd;line-height: 30px;}
.website_2 .list .contbox:hover .ico span{transform: translateX(-120px);color: #147dfd;}

.website_3{ padding: 60px 0 60px 0;background: url(../images/website_3_bg.jpg) no-repeat center center / cover;}
.website_3 .title{padding-bottom: 60px; text-align: center;}
.website_3 .title h3{font-size: 32px; color: #FFF;padding-bottom: 10px;}
.website_3 .title p{font-size: 14px; color: #FFF;}
.website_3 .title p:nth-of-type(2){font-size: 20px; color: #FFF;}

.website_3 .list{clear: both;}
.website_3 .list::after{display: block;height: 0;content: ""; display: block; clear: both;}
.website_3 .list .contbox{ float: left; width: 390px; height: 120px; background: #FFF;margin: 0 15px 15px 0; transition: all .4s;}
.website_3 .list .contbox:hover{ transform: translateY(-12px);box-shadow:0 0 0 3px #147dfd, 0 5px 10px rgba(50,50,255,0.3);}
.website_3 .list .contbox:nth-child(3n){margin-right: 0;}

.website_3 .list .contbox .ico{display: inline-block; width: 130px; height: 120px; line-height: 120px; text-align: center; vertical-align: top;}
.website_3 .list .contbox .ico img{ max-width: 110px; max-height: 100px; vertical-align: middle;}
.website_3 .list .contbox dl{ display: inline-block; width: 220px; height: 120px; }
.website_3 .list .contbox dl dt{ font-size: 20px; font-weight: bold; color: #333;margin-bottom: 10px;margin-top: 20px; transition: all .4s;}
.website_3 .list .contbox dl dd{ font-size: 16px;  color: #666;line-height: 20px; transition: all .4s;}
.website_3 .list .contbox:hover dl dt{ font-size: 20px; font-weight: bold; color: #147dfd;margin-bottom: 10px;margin-top: 20px}
.website_3 .list .contbox:hover dl dd{ font-size: 16px;  color: #147dfd;line-height: 20px;}




.website_4{ padding: 60px 0 60px 0; background:url(../images/website_4_bg.jpg) no-repeat center top / 100% 467px; }
.website_4 .title{padding-bottom: 60px; text-align: center;}
.website_4 .title h3{font-size: 32px; color: #333; font-weight: bold;padding-bottom: 10px;}
.website_4 .title p{font-size: 14px; color: #999;}
.website_4 .title p:nth-of-type(2){font-size: 20px; color: #666;margin-top: 20px;}

.website_4 .list{clear: both;}
.website_4 .list::after{display: block;height: 0;content: ""; display: block; clear: both;}
.website_4 .list .contbox{ float: left; width: 280px; height: 280px; background: #FFF; box-shadow:0 0 0 1px #eeeeee;margin: 0 26px 26px 0;transition: all .4s;}
.website_4 .list .contbox:nth-child(4n){ margin: 0 0 26px 0;}
.website_4 .list .contbox:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2)}

.website_4 .list .contbox .ico{ width: 76px; height: 76px; margin: 30px auto 0 auto;border-radius: 200px;overflow: hidden; background-color: #F0F0F0;transition: all .4s;}
.website_4 .list .contbox .ico::before{display: block;content:""; width: 76px; height: 76px; line-height: 76px; text-align: center;overflow: hidden;background-image: url(../images/website_4_ico_1.png);background-repeat: no-repeat;background-position: center top; background-size: 76px 152px;transition: all .4s;}

.website_4 .list .contbox:nth-child(2) .ico::before{background-image: url(../images/website_4_ico_2.png);}
.website_4 .list .contbox:nth-child(3) .ico::before{background-image: url(../images/website_4_ico_3.png);}
.website_4 .list .contbox:nth-child(4) .ico::before{background-image: url(../images/website_4_ico_4.png);}
.website_4 .list .contbox:nth-child(5) .ico::before{background-image: url(../images/website_4_ico_5.png);}
.website_4 .list .contbox:nth-child(6) .ico::before{background-image: url(../images/website_4_ico_6.png);}
.website_4 .list .contbox:nth-child(7) .ico::before{background-image: url(../images/website_4_ico_7.png);}
.website_4 .list .contbox:nth-child(8) .ico::before{background-image: url(../images/website_4_ico_8.png);}

.website_4 .list .contbox:hover .ico::before{background-position: center bottom;}
.website_4 .list .contbox:hover .ico{background: #147dfd;}

.website_4 .list .contbox dl{margin: 20px auto 0 auto; width: 210px; text-align: center;}
.website_4 .list .contbox dl dt{font-size: 18px; color: #444; font-weight: bold;transition: all .4s;}
.website_4 .list .contbox dl dd{font-size: 16px; color: #666; margin-top: 20px;transition: all .4s;}
.website_4 .list .contbox:hover dl dt{font-size: 18px; color: #147dfd; font-weight: bold;}
.website_4 .list .contbox:hover dl dd{font-size: 16px; color: #147dfd; margin-top: 20px;}

.website_5{ padding: 60px 0 60px 0;background: url(../images/website_3_bg.jpg) no-repeat center center / cover;}
.website_5 .w_1200{background: url(../images/website_5_img.png) no-repeat right center;height: 434px;}
.website_5 .title{padding-bottom: 30px; text-align: left; width: 600px;}
.website_5 .title h3{font-size: 32px; color: #FFF;padding-bottom: 10px; font-weight: bold;}
.website_5 .title p{font-size: 14px; color: #FFF;}
.website_5 .title p:nth-of-type(2){font-size: 18px; color: #a8efff;line-height: 30px;}

.website_5 .list{clear: both; width: 700px;}
.website_5 .list::after{display: block;height: 0;content: ""; display: block; clear: both;}
.website_5 .list ul li{margin: 0 18px 18px 0; display: inline-block;}
.website_5 .list ul li:nth-child(5n){margin: 0 0 18px 0;}
.website_5 .list ul li a{display: block; width: 110px;height: 40px;border: 1px solid #a8efff; font-size: 16px; color: #a8efff; text-align: center; line-height: 40px;border-radius: 6px; float: left;transition: all .4s;}
.website_5 .list ul li a:hover{background: #FFF; border: 1px solid #FFF;color:#147dfd;box-shadow: 0 5px 10px rgba(50, 50, 255, 0.2);transform: translateY(-6px); }


.website_6{ padding: 60px 0 60px 0; }
.website_6 .title{padding-bottom: 60px; text-align: center;}
.website_6 .title h3{font-size: 32px; color: #333; font-weight: bold;padding-bottom: 10px;}
.website_6 .title p{font-size: 14px; color: #999;}
.website_6 .title p:nth-of-type(2){font-size: 20px; color: #666;margin-top: 20px;}

.website_6 .list{clear: both;}
.website_6 .list::after{display: block;height: 0;content: ""; display: block; clear: both;}
.website_6 .list .taglist{ text-align: center;}
.website_6 .list .taglist ul li{ display: inline-block; margin: 0 10px; width: 270px; height: 72px;border: 1px solid #CCC;line-height: 72px;transition: all .4s; background:#FFF url(../images/website_3_bg.jpg) no-repeat center center / 0 72px;cursor: pointer;}
.website_6 .list .taglist ul line:hover{ background:#FFF url(../images/website_3_bg.jpg) no-repeat center center / 720px 72px;border: 1px solid #FFF;color: #FFF;}
.website_6 .list .taglist ul li.act{ background:#FFF url(../images/website_3_bg.jpg) no-repeat center center / 720px 72px;border: 1px solid #FFF;color: #FFF;}
.website_6 .list .contlist{padding-top: 80px;}
.website_6 .list .contlist .contbox{text-align: center;display: none;}
.website_6 .list .contlist .contbox.act{display: block;}