@import url(opensans.css);
/*------------------------------网页缺陷------------------------------*/
*{margin: 0;padding: 0;}
body{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
}
ul,li{list-style: none;}

@font-face {	
	font-family:Tahoma_font;
	src: url('../fonts/tahoma.ttf');
}
img{border: none;max-width: 100%;}
.wb_wrap{max-width: 1550px;margin: 0 auto;position: relative;width: 81%}

/*------------------------------banner部分------------------------------*/
@keyframes wbdh
{
from  {left: -2%;}
to  {left: -15%;}
}

@keyframes wb_banner_img3
{
from  {bottom: -3.43%;}
to  {bottom: 1.6%;}
}
@keyframes wb_banner_img4
{
from  {bottom: -3.43%;}
to  {bottom: 0px;}
}

@keyframes wbdh2
{
from  {right: -2%;}
to  {right: 0px;}
}
.wb_banner{width: 100%;height: 876px;background: #F5F5F5;position: relative;overflow: hidden;}
.wb_banner_bjt{position: absolute;bottom: 30%;right: 0;z-index: 1;width: 63%;height: 21.8%;}


.wb_banner>ul>li,.wb_banner .flash .inxbimg{position: absolute;}
.wb_banner .flash .inxbimg2{display: none;}
.wb_banner .flash:hover .inxbimg1{display: none;}
.wb_banner .flash:hover .inxbimg2{display: block;animation: none;}

.wb_banner>ul>li:nth-child(1){top: 6.85%;left: -4.33%;width: 20.3%;height: 39.6%;}
.wb_banner .flash .wb_banner_img1 .inxbimg{top: 6.85%;left: -4.33%;animation: wbdh 0.5s linear 0s infinite alternate;}
.wb_banner>ul>li:nth-child(2){bottom: 5.94%;left: -4.69%;width: 22.1%;height: 31.7%;}
.wb_banner .flash .wb_banner_img2 .inxbimg{bottom: 5.94%;left: -4.69%;animation: wbdh 0.5s linear 0s infinite alternate;}
.wb_banner>ul>li:nth-child(3){bottom: -10%;left: 25%;width: 17.9%;height: 36.9%;}
.wb_banner .flash .wb_banner_img3 .inxbimg{bottom: -10%;left: 25%;animation: wb_banner_img3 0.5s linear 0s infinite alternate;}
.wb_banner>ul>li:nth-child(4){bottom: 0;right: 22.66%;width: 17.6%;height: 23.7%;}
.wb_banner .flash .wb_banner_img4 .inxbimg{bottom: 0;right: 22.66%;animation: wb_banner_img4 0.5s linear 0s infinite alternate;}
.wb_banner>ul>li:nth-child(5){bottom: 2.06%;right: 0px;width: 12.5%;height: 36.5%;}
.wb_banner .flash .wb_banner_img5 .inxbimg{bottom: 2.06%;right: 0px;animation: wbdh2 0.5s linear 0s infinite alternate;}
.wb_banner>ul>li:nth-child(6){top: 0px;right: -1.57%;width: 15.8%;height: 45.1%;}
.wb_banner .flash .wb_banner_img6 .inxbimg{top: 0px;right: -1.57%;animation: wbdh2 0.5s linear 0s infinite alternate;}

.wb_banner_text{position: absolute;top: 17%;left: 20.4%;width: 60.2%;height: 22.9%;}
.wb_banner_text>span{width: 0.96%;height: 71.5%;background: #000000;display: block;float: left;}
.wb_banner_text_t{float: left;margin-left: 3.54%;width: 95.4%;}
.wb_banner_text_t h1{font-size: 72px;color: #333333;letter-spacing: -3px;line-height: 86px;margin: -16px 0 20px;}
.wb_banner_text_t p{font-size: 24px;color: #000000;}
.wb_banner_text_b{position: absolute;bottom: 35%;right: 21.25%;z-index: 2;}
.wb_banner_text_b a{font-size: 14px;color: #eb6e73;padding: 0 26px 0 29px;line-height: 48px;border: 1px solid #ec9aa1;display: block;}
.wb_banner_text_b:hover a{background: #F5F5F5;}
.wb_banner_text_b a img{vertical-align: middle;margin-left: 5px;}
.wb_banner_laxia{text-align: center;margin: -20px 0 69px;cursor: pointer;}
.wb_banner_laxia_text{margin: 0 auto;}
.wb_banner_laxia_text span{font-size: 12px;color: #e0e0e0;}
/*------------------------------content部分------------------------------*/
/*------------------------------index------------------------------*/
.wb_gywm{position: relative;width: 100%; height: 642px;}
.wb_gywm_left{background: url(../img/wb_gywm_left_bj.png) no-repeat;z-index: 1;width: 62.55%;height: 567px;background-size: contain; position: relative;}
.wb_gywm_l_title{position: absolute;top: 12.42%;left: 15.42%;}
.wb_gywm_l_title span{width: 38px;height: 5px;background: #333333;display: inline-block;}
.wb_gywm_l_title p{font-size: 48px;color: #333333;transform: rotate(90deg);position: absolute;top: 88px;left: -63px;}
.wb_gywm_l_text{position: absolute;top: 21.6%;left: 24.25%;width: 57.92%;}
.wb_gywm_l_t_title p{font-size: 28px;color: #333333;}
.wb_gywm_l_t_text{width: 100%;margin: 45px 0 35px;}
.wb_gywm_l_t_text p{font-size: 16px;color: #666666;line-height: 30px;}
.wb_gywm_l_t_btn{width: 184px;}
.wb_gywm_l_t_btn a{font-size: 14px;color: #ee7278;line-height: 48px;padding: 0 27px 0 25px;border: 1px solid #f4babe;display: inline-block;}
.wb_gywm_l_t_btn:hover a{background: #fdfdfd;}
.wb_gywm_l_t_btn a img{vertical-align: middle;margin-left: 15px;}
.wb_gywm_right{position: absolute;top: 32px;right: 0;width: 46.1%;}
.wb_cp{margin-bottom: 20px;position: relative;height: 1039px;}
.wb_cp_left{background: url(../img/wb_cp_bj.png) no-repeat;width: 47.75%;height: 913px;position: relative;background-size: contain;}
@keyframes wb_cp_l_btn
{
from  {left: 17.03%;}
to  {left: 21.63%;}
}
.wb_cp_l_btn{position: absolute;bottom: -37px;left: 18.11%;z-index: 1;}
.wb_cp_l_btn:hover{animation: wb_cp_l_btn 0.5s linear 0s infinite alternate;}
.wb_cp_l_btn a{font-size: 14px;color: #333333;line-height: 14px;}
.wb_cp_l_btn a img{vertical-align: middle;margin-left: 5px;}
.wb_cp_right{position: absolute;top: 258px;left: 24.6%;width: 75.5%;}
.wb_cp_cur{width: 100%;float: right;margin-bottom: 27px;}
.wb_cp_cur span{line-height: 32px;padding: 0 13px;display: inline-block;border: 1px solid #e7e7e7;cursor: pointer;}
.wb_cp_jt{float: right;}
.wb_cp_prev{margin-right: 8px;}
.wb_cp_text{float: right;}
.wb_cp_text p{font-size: 23px;color: #333333;}
.wb_cp_content{width: 97.5%;z-index: 111;margin-top: 42px;padding: 20px;overflow: hidden;margin-right: -10px;display: inline-block;}
.wb_cp_content ul li{float: left;margin: 0 2.6% 30px 0;width: 31.55%;height: 280px;background: #FFFFFF;box-shadow: 0 2px 20px rgba(0,0,0,0.1);text-align: center;position: relative;overflow: hidden;}
.wb_cp_content ul li:nth-child(3n+3){margin-right: 0;}
.wb_cp_content ul li:nth-child(4){margin-bottom: 0;}
.wb_cp_content ul li:nth-child(5){margin-bottom: 0;}
.wb_cp_content ul li:nth-child(6){margin-bottom: 0;}
.wb_cp_content ul li a{width: 100%;height: 100%;display: block;}
.wb_cp_content ul li a:hover .wb_cp_i_text{top: 0;right: 0;border-radius: 0;}
.wb_cp_content ul li a:hover .wb_cp_i_text:before{border-radius: 0;}
.wb_cp_i_text{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;border-bottom-left-radius:150%; top:-100%;right:-100% ;transition:  all 0.8s;}


.wb_cp_c_img>img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 90%;height: auto;}
/*
.wb_cp_content ul li:nth-child(1) .wb_cp_c_img>img{width: 78.34%;padding: 0 39px;}
.wb_cp_content ul li:nth-child(2) .wb_cp_c_img>img{width: 71.39%;padding: 0 51px;}
.wb_cp_content ul li:nth-child(3) .wb_cp_c_img>img{width: 68.89%;padding: 0 56px;}
.wb_cp_content ul li:nth-child(4) .wb_cp_c_img>img{width: 68.89%;padding: 0 56px;}
.wb_cp_content ul li:nth-child(5) .wb_cp_c_img>img{width: 68.89%;padding: 0 56px;}
.wb_cp_content ul li:nth-child(6) .wb_cp_c_img>img{width: 78.62%;padding: 0 38px;}
*/
.wb_bao{width: 100%;overflow: hidden;}
.wb_cp_i_text:before {position: absolute; display: block; z-index: 100; content: '';  top: 14px; left: 14px; right: 14px; bottom: 14px; border: 1px solid rgba(255,255,255,0.5);border-bottom-left-radius:150%;  transition:  all 0.8s;}
.wb_cp_i_t_content{width: 76.39%;position: absolute;top: 54%;padding: 0 42px;transform: translateY(-50%);}
.wb_cp_i_t_title{margin-bottom: 20px;}
.wb_cp_i_t_title p{font-size: 30px;color: #FFFFFF;}
.wb_cp_i_t_text{margin-bottom: 30px;}
.wb_cp_i_t_text p{font-size: 16px;color: #FFFFFF;line-height: 25px;}
.wb_cp_i_t_content>img{width: 16.37%;height: 2.15%;}
.wb_sp{position: relative;height: 1017px;overflow: hidden;}
.wb_sp video{position: absolute;bottom: 0;background:#000;}
.wb-yuan{background: url(../img/wb_sp_img.png) no-repeat;width:1345px;height: 1345px;position: absolute;bottom: -328px;right: 938px;z-index: -1;}


/*------------------------------content结束------------------------------*/
@font-face {
	font-family:AdobeHeiti;
	src: url('../fonts/AdobeHeiti.otf');
}
/*------------底部---------*/



/*------------------------------响应式------------------------------*/
@media only screen and (max-width: 1680px) {
	.wb_banner{height: 766.5px;}
	.wb_banner_text_t h1{font-size: 59px;line-height: 78px;}
	.wb_banner_text_t p{font-size: 19px;}
	.wb_gywm{height: 567px;}
	.wb_gywm_left{height: 497px;}
	.wb_gywm_l_title{top: 12.42%;}
	.wb_gywm_l_title span{width: 36px;}
	.wb_gywm_l_title p{font-size: 43px;top: 79px;left: -57px}
	.wb_gywm_l_text{top: 23.6%;}
	.wb_gywm_l_t_title p{font-size: 23px;}
	.wb_gywm_l_t_text{margin: 30px 0 25px;}
	.wb_gywm_l_t_text p{font-size: 14px;}
	.wb_cp{height: 886px;}
	.wb_cp_left{height: 801px;}
	.wb_cp_right{top: 227px;}
	.wb_cp_cur{margin-bottom: 20px;}
	.wb_cp_cur span{line-height: 27px;padding: 0 9px;}
	.wb_cp_text p{font-size: 20px;}
	.wb_cp_content{margin-top: 37px;}
	.wb_cp_content ul li{width: 31.3%;height: 243.45px;}
	.wb_cp_content ul li:nth-child(1) .wb_cp_c_img>img{padding: 0 35px;}
	.wb_cp_content ul li:nth-child(2) .wb_cp_c_img>img{padding: 0 44px;}
	.wb_cp_content ul li:nth-child(3) .wb_cp_c_img>img{padding: 0 49px;}
	.wb_cp_content ul li:nth-child(4) .wb_cp_c_img>img{padding: 0 49px;}
	.wb_cp_content ul li:nth-child(5) .wb_cp_c_img>img{padding: 0 49px;}
	.wb_cp_content ul li:nth-child(6) .wb_cp_c_img>img{padding: 0 34px;}
	.wb_cp_i_t_content{padding: 0 37px;}
	.wb_cp_i_t_title{margin-bottom: 15px;}
	.wb_cp_i_t_title p{font-size: 26px;}
	.wb_cp_i_t_text{margin-bottom: 20px;}
	.wb_cp_i_t_text p{font-size: 14px;}
	.wb_sp{height: 905px;}
	.wb_sp video{height: 752px;}
	.wb-yuan{bottom: -440px;right: 762px;}
	.wb-yuan{width: 1055px;height: 1055px;bottom: -170px;right: 912px;}
}
@media only screen and (max-width: 1440px) {
	.wb_banner{height: 657px;}
	.wb_banner_text_t h1{font-size: 55px;line-height: 68px;}
	.wb_banner_text_t p{font-size: 17px;}
	.wb_gywm{height: 493px;}
	.wb_gywm_left{height: 424px;}
	.wb_gywm_l_title{top: 11.42%;}
	.wb_gywm_l_title span{width: 33px;}
	.wb_gywm_l_title p{font-size: 40px;top: 75px;left: -52px}
	.wb_gywm_l_text{top: 23.6%;}
	.wb_gywm_l_t_title p{font-size: 20px;}
	.wb_gywm_l_t_text{margin: 20px 0 18px;}
	.wb_gywm_l_t_text p{font-size: 12px;line-height: 26px;}
	.wb_gywm_l_t_btn{width: 158px;}
	.wb_gywm_l_t_btn a{font-size: 12px;line-height: 44px;padding: 0 20px 0 18px;}
	.wb_cp{height: 740px;}
	.wb_cp_left{height: 688px;}
	.wb_cp_l_btn a{font-size: 13px;line-height: 13px;}
	.wb_cp_l_btn a img{width: 23px;height: 13px;}
	.wb_cp_right{top: 195px;}
	.wb_cp_cur{margin-bottom: 20px;}
	.wb_cp_cur span{line-height: 22px;padding: 0 7px;}
	.wb_cp_text p{font-size: 17px;}
	.wb_cp_content{margin-top: 28px;}
	.wb_cp_content ul li{width: 31%;height: 206.89px;}
	.wb_cp_content ul li:nth-child(1) .wb_cp_c_img>img{padding: 0 29px;}
	.wb_cp_content ul li:nth-child(2) .wb_cp_c_img>img{padding: 0 38px;}
	.wb_cp_content ul li:nth-child(3) .wb_cp_c_img>img{padding: 0 41px;}
	.wb_cp_content ul li:nth-child(4) .wb_cp_c_img>img{padding: 0 41px;}
	.wb_cp_content ul li:nth-child(5) .wb_cp_c_img>img{padding: 0 41px;}
	.wb_cp_content ul li:nth-child(6) .wb_cp_c_img>img{padding: 0 28px;}
	.wb_cp_i_t_content{padding: 0 31px;}
	.wb_cp_i_t_title{margin-bottom: 10px;}
	.wb_cp_i_t_title p{font-size: 22px;}
	.wb_cp_i_t_text{margin-bottom: 15px;}
	.wb_cp_i_t_text p{font-size: 12px;}
	.wb_sp{height: 805px;}
	.wb_sp video{height: 644px;}
	.wb-yuan{width: 955px;height: 955px;bottom: -190px;right: 760px;}
}
@media only screen and (max-width: 1300px) {
	.wb_banner{height: 593.125px;}
	.wb_banner_text_t h1{font-size: 50px;line-height: 63px;}
	.wb_banner_text_t p{font-size: 15px;}
	.wb_gywm{height: 447px;}
	.wb_gywm_left{height: 382px;}
	.wb_gywm_l_title{top: 11.42%;}
	.wb_gywm_l_title span{width: 30px;}
	.wb_gywm_l_title p{font-size: 37px;top: 71px;left: -48px;}
	.wb_gywm_l_text{top: 23.6%;}
	.wb_gywm_l_t_title p{font-size: 18px;}
	.wb_gywm_l_t_text{margin: 14px 0 12px;}
	.wb_gywm_l_t_text p{font-size: 10px;line-height: 21px;}
	.wb_gywm_l_t_btn{width: 148px;}
	.wb_gywm_l_t_btn a{font-size: 10px;line-height: 38px;padding: 0 14px 0 12px;}
	.wb_cp{height: 686px;}
	.wb_cp_left{height: 620px;}
	.wb_cp_l_btn a{font-size: 13px;line-height: 13px;}
	.wb_cp_l_btn a img{width: 23px;height: 13px;}
	.wb_cp_right{top: 175px;}
	.wb_cp_cur{margin-bottom: 19px;}
	.wb_cp_cur span{line-height: 20px;padding: 0 5px;}
	.wb_cp_text p{font-size: 15px;}
	.wb_cp_content{margin-top: 23px;}
	.wb_cp_content ul li{width: 30.75%;height: 185.12px;}
	.wb_cp_content ul li:nth-child(1) .wb_cp_c_img>img{padding: 0 26px;}
	.wb_cp_content ul li:nth-child(2) .wb_cp_c_img>img{padding: 0 34px;}
	.wb_cp_content ul li:nth-child(3) .wb_cp_c_img>img{padding: 0 38px;}
	.wb_cp_content ul li:nth-child(4) .wb_cp_c_img>img{padding: 0 38px;}
	.wb_cp_content ul li:nth-child(5) .wb_cp_c_img>img{padding: 0 38px;}
	.wb_cp_content ul li:nth-child(6) .wb_cp_c_img>img{padding: 0 25px;}
	.wb_cp_i_t_content{padding: 0 28px;}
	.wb_cp_i_t_title{margin-bottom: 5px;}
	.wb_cp_i_t_title p{font-size: 18px;}
	.wb_cp_i_t_text{margin-bottom: 10px;}
	.wb_cp_i_t_text p{font-size: 18px;line-height: 18px;}
	.wb_sp{height: 805px;}
	.wb_sp video{height: 581px;}
	.wb-yuan{width: 855px;height: 855px;bottom: -166px;right: 685px;}
}