body,div,ul,li,ol,li,h1,h2,h3,h4,h5,h6,input,p,dl,dt,dd,a,img,button,article,aside,footer,header,hgroup,nav,section,figure,select{
margin: 0;
padding: 0;
border: none;
list-style:none;
text-decoration:none;
font-family:arial,  "Microsoft","微软雅黑";
outline: none;
font-size: 14px;
box-sizing: border-box;
}
@font-face {
	font-family:hzgb;
	src: url(../css/汉真广标.ttf);
}
.z_hz{font-family: hzgb;}
@font-face {
	font-family:yw;
	src: url(../css/comic_0.ttf);
}
@font-face {
	font-family:eur;
	src: url(EUROSTILELTSTD-EX2.ttf)
}

.z_yw{font-family: yw;}
a:hover{text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.cb{width: 100%;height: 0;clear: both;}
.dn{display: none;}
img{max-width: 100%;}

#i_left{height: 100%;width: 50%;background: url(../web/i_left.jpg) no-repeat center center;background-size: cover;}
#i_right{height: 100%;width: 50%;background: url(../web/i_right.jpg) no-repeat center center;background-size: cover;}
#i_right .box{text-align: center;position: relative;top:70%}
#i_right a,#nav .fr a,#nav2 .fr a,#nav3 .fr a{    display: inline-block;
    width: 105px;
    height: 45px;
    font-family: eur;
    color: #f7f9f8;
   	font-size: 16px;
    line-height: 44px;
    margin-bottom: 15px;}
#i_right a:nth-of-type(2){margin:  0 24px;}

.sm_con{position: relative;}
/*.sm_con img{display: block;width: 100%;}
.sm_con a,.sm_con p,.sm_con span,.sm_con *{font-family: "宋体";}
.sm_con2 a{width: 163px;display: block;height: 34px;line-height: 32px;border: 1px solid #333;position: absolute;background: url(../web/sm_a.png) no-repeat 128px center;top:25px;right: 25px;text-align: center;padding-right: 30px;font-size: 19px;color: #333;position: fixed;z-index: 9999;}

.sm_con3 .p1{width: 4.95rem;border-bottom: 1px solid #969696;text-align: right;line-height: 0.32rem;font-size: 0.25rem;color: #000000;position: absolute;top:1.8%;}
.sm_con3 .p1 span{letter-spacing:0;position: absolute;right: -0.25rem;}
.sm_con3 .wz{position: absolute;left: 15%;top: 8%;}
.sm_con3 .wz p{line-height: 0.26rem;color: #646464;font-size: 0.17rem;}
.sm_con3 .wz .p02{margin-left: 1.5rem;}
.sm_con3 .p2{position: absolute;top: 9.4%;width: 5.65rem;right: 11.5%;border-bottom: 1px solid #969696;line-height: 0.39rem;color: #000000;font-size: 0.25rem;}
.sm_con3 .p2 span{font-size: 0.42rem;}
.sm_con3 .wz2{top: 17.2%;position: absolute;width: 38.3%;right: 0;}
.sm_con3 .wz2 .p01{font-size: 0.17rem;color: #646464;line-height: 0.34rem;}
.sm_con3 .p3{position: absolute;width: 50%;right: 0;line-height: 0.26rem;height: 0.26rem;color: #646464;font-size: 0.17rem;top:45.1%;}
.sm_con3 .p4{top: 68%;}
.sm_con4 .wz1{position: absolute;top: -6.2%;width: 38.85%;right: 0;line-height: 0.32rem;}
.sm_con4 .wz1 span{color: #646464;font-size: 0.21rem;}
.sm_con4 .wz1 p{color: #646464;font-size: 0.17rem;}
.sm_con4 .wz2{position: absolute;left: 13.33%;top: 16.666%;}
.sm_con4 .wz2 .p01{width: 5.3rem;border-bottom: 1px solid #969696;line-height: 0.4rem;font-size: 0.25rem;color: #000000;}
.sm_con4 .wz2 .p01 span{color: #000000;font-size: 0.42rem;}
.sm_con4 .wz2 .p02{line-height: 0.32rem;padding-left: 0.72rem;color: #646464;font-size: 0.17rem;margin-top: 0.2rem;}
.sm_con4 .wz3{right:0;top: 16.666%;width: 41%;top: 40.6%;left: auto;}
.sm_con4 .wz3 .p01{width: 100%;}
.sm_con .p111{width: 4.64rem;text-align: right;text-align: right;font-size: 0.25rem;color: #000000;position: absolute;border-bottom: 1px solid #969696;line-height: 0.36rem;}
.sm_con5 .p111{top: 0;left: 0;}
.sm_con7 .p111{left: 0;bottom: 0.95rem;}
.sm_con9 .p111{left: 0;bottom: 1.5rem;}
.sm_con11 .p111{left: 0;top: 1.5rem;}*/


.sm_con1{margin-top: 1.9rem;text-align: center;}

.sm_con1 p:nth-child(1){font-size: 0.3rem;color: #383838;line-height: .3rem;margin-bottom: .22rem;}
.sm_con1 p:nth-child(2),.sm_con1 p:nth-child(3){font-size: 0.2rem;color: #8d8d8d;line-height: .2rem;}
.sm_con1 p:nth-child(2){margin-bottom: .1rem;}
.sm_con2 {margin-top: 1.35rem;}
.sm_con2 .img{width: 5.04rem;margin-left: 1.07rem;float: left;}
.sm_con2 .img img{width: 100%;}
.sm_con2 .text{float: right;margin-right: 5.36rem;margin-top: 1.07rem;font-size: 0;}
.sm_con2 .text .border{display: inline-block;width: 0.03rem;height: 1.84rem;vertical-align: bottom;background-color: #1ce7f9;margin-right: .16rem;}
.sm_con2 .text .p{display: inline-block;vertical-align: bottom;}
.sm_con2 .text .p p:nth-child(1),.sm_con2 .text .p p:nth-child(2){font-size: 0.24rem;line-height: .24rem;}
.sm_con2 .text .p p:nth-child(1){color: #7d7d7d;}
.sm_con2 .text .p p:nth-child(2){color: #000000;text-transform: uppercase;margin-top: .17rem;font-family: eur;}
.sm_con3 {margin-top: 1.01rem;}
.sm_con3_header{padding-left: 1.29rem;}
.sm_con3 .sm_con3_header p:nth-child(1),.sm_con3 .sm_con3_header p:nth-child(2){font-size: 0.18rem;	color: #000000;line-height: 1;}
.sm_con3 .sm_con3_header p:nth-child(1){font-family: eur;}
.sm_con3 .sm_con3_header p:nth-child(2){margin-top: .13rem;}
.sm_con3 .con3_p{font-size: .2rem;color: #000000;margin: .59rem 0 .74rem 1.35rem;line-height: 1;}
.sm_con3 .con3_p font,.sm_con5 .con3_p font,.sm_con6 .con3_p font{display: inline-block;vertical-align: middle;width: .08rem;height: .08rem;border-radius: 50%;background-color: #01d8df;margin: 0 .17rem;}
.con3_div{position: relative;margin-left: 1.15rem;}
.con3_div:before{content: '';display: inline-block;vertical-align: top;width: .03rem;height: 2.23rem;background-color: #00e4ec;margin-right: 11px;}
.con3_div .p{display: inline-block;vertical-align: top;padding-top: .07rem;}

.sm_con3 .con3_div .p p{font-size: .16rem;color: #454545;margin-bottom: .45rem;}

.sm_con4{margin-top: 2.08rem;padding-left: 1.14rem;}
.sm_con4 .img{width: 10.78rem;float: left;}
.sm_con4 .img img{max-width: 100%;}
.sm_con4 .text{float: left;margin-left: .34rem;font-size: 0;}
.sm_con4 .text:before,.sm_con4 .text .p{display: inline-block;vertical-align: bottom;}
.sm_con4 .text:before{content: '';width: .03rem;height: 1.84rem;background-color: #00e4ec;margin-right: .16rem;}
.sm_con4 .text p:nth-child(1),.sm_con4 .text p:nth-child(2){font-size: .24rem;line-height: 1;}
.sm_con4 .text p:nth-child(1){color: #7d7d7d;margin-bottom: .17rem;}
.sm_con4 .text p:nth-child(2){font-family: eur;color: #1a1a1a;}

.sm_con5{margin-top: 1.58rem;padding-left: 1.13rem;}
.sm_con5 .sm_con5_header p:nth-child(1),.sm_con5 p:nth-child(2){font-size: 0.18rem;color: #000000;line-height: 1;}
.sm_con5 .sm_con5_header p:nth-child(1){font-family: eur;margin-bottom: .16rem;}
.sm_con5 .con3_p{margin-top: .54rem;}
.sm_con5 .con3_div{margin-left: .02rem;margin-top: .69rem;}
.sm_con5 .con3_div:before{height: 2.61rem;margin-right: .09rem;}
.sm_con5 .con3_div .p{max-width: 10.6rem;}
.sm_con5 .con3_div p{font-size: 0.16rem;color: #454545;line-height: 1;}
.sm_con5 .con3_div p:nth-child(1){line-height: .3rem;}
.sm_con5 .con3_div p:nth-child(2){margin-top: .69rem;}
.sm_con5 .con3_div p:nth-child(3){margin-top: .83rem;}

.sm_con6{margin-top: 2.14rem;}
.sm_con6 .title,.sm_con6 .sub-title,.sm_con6 .img{line-height: 1;text-align: center;}
.sm_con6 .title{font-size: 0.48rem;color: #000000;margin-bottom: .49rem;}
.sm_con6 .sub-title{font-size: 0.6rem;color: #767676;margin-bottom: .45rem;}
.sm_con6 .img img{max-width: 100%;}
.sm_con6 .p_en,.sm_con6 .p2{font-size: 0.18rem;padding-left: 1.15rem;line-height: 1;}
.sm_con6 .p_en{font-family: eur;}
.sm_con6 .p2{margin-top: .16rem;}
.sm_con6 .con3_p{padding-left: 1.18rem;font-size: 0.2rem;color: #000000;margin-top: .5rem;}
.sm_con6 .con3_div{margin-top: .47rem;}
.sm_con6 .con3_div:before{height: 1.04rem;}
.sm_con6 .con3_div .p{padding: .18rem 0 0;}
.sm_con6 .con3_div .p p:nth-child(1){margin-bottom: .32rem;}


.footer{background-color: #555a5d;padding: .86rem 1.88rem 1.26rem 1.87rem;margin-top: 1.15rem;}
.footer_col{float: left;}
.footer_col:nth-child(1) p{font-size: .15rem;line-height: 1;}
.footer_col:nth-child(1) div p:nth-child(1),.footer_col:nth-child(1) div p:nth-child(2){color: #FFFFFF;}
.footer_col:first-child img{margin-bottom: .1rem;}
.footer_col:nth-child(1) div p:nth-child(2){font-family: eur;margin-top: .08rem;}
.footer_col:nth-child(1) div p:nth-child(3){margin-top: .12rem;color: #58e3f0;}
.footer_col:nth-child(2){margin-left: 1.07rem;}
.footer_col:nth-child(2) .col_title{font-size: 0.15rem;width: 1.95rem;height: 0.35rem;border-radius: .12rem;border: 1px solid #333638;line-height: .35rem;text-indent: .11rem;color: #FFFFFF;font-size: 0.15rem;}

.footer_col:nth-child(2) .p1{font-size: 0.15rem;border-bottom: 1px solid #000000;margin-top: .3rem;padding-bottom: .17rem;color: #FFFFFF;line-height: 1;margin-bottom: .18rem;}
.footer_col:nth-child(2) .p2,.footer_col:nth-child(2) .p3{margin-bottom: .1rem;}
.footer_col:nth-child(2) .p2,.footer_col:nth-child(2) .p3,.footer_col:nth-child(2) .p4,.footer_col:nth-child(2) .p5{font-size: 0.15rem;color: #ffffff;line-height: 1;}
.footer_col:nth-child(2) .p4{border-bottom: 1px solid #000000;padding-bottom: .16rem;}
.footer_col:nth-child(2) .p5{margin-top: .11rem;}

.footer_col:nth-child(3){float: right;text-align: center;padding-top: .44rem;}
.footer_col:nth-child(3) h3{font-size: 0.2rem;color: #ffffff;font-weight: normal;line-height: 1;}
.footer_col:nth-child(3) div.item{color: #FFFFFF;display: inline-block;vertical-align: top;width: 1.95rem;height: 0.35rem;line-height: .35rem;border-radius: .12rem;border: 1px solid #0ad1e3;}
.footer_col:nth-child(3) div.items{font-size: 0;margin-top: .52rem;}
.footer_col:nth-child(3) div.item:first-child{margin-right: .87rem;}
.footer_col:nth-child(3) div.item:nth-child(2){margin-right: .79rem;}

.about{margin-top: .81rem;padding: 0 1.11rem;}
.about img{max-width: 100%;}
.about .big_img{margin-bottom: .44rem;}
.about_imgs .l_img{width: 9.89rem;float: left;}
.about .r_img{width: 6.51rem;float: right;}
.about .r_img_h{margin-bottom: .63rem;}
.about_p{margin-top: 1.03rem;line-height: 1;}
.about_p p{margin-bottom: .1rem;}
.about_en{margin-top: .17rem;padding-right: 3.91rem;font-size: 0.18rem;margin-bottom: 1.5rem;}
.about_en p{font-family: eur;color: #a1a1a1;font-size: 0.18rem;line-height: 0.2rem;}
.about_p2{margin-top: 1.5rem;}
.about_p2 p:nth-child(1),.about_p2 p:nth-child(2){line-height: 1;}
.about_p2 p:nth-child(1){font-family: eur;color: #000000;font-size: .2rem;margin-bottom: .14rem;}
.about_p2 p:nth-child(2){color: #000000;font-size: .24rem;margin-bottom: .1rem;}
.about_p2_div{font-size: 0;}
.about_p2_div:before{content: '';vertical-align: bottom;display: inline-block;width: .03rem;height: 0.64rem;background-color: #1df6ea;margin-right: .04rem;}
.about_p2 .about_p2_div p{vertical-align: bottom;display: inline-block;font-size: 0.16rem;color: #3c3c3c;margin-bottom: 0;}
.about_p3{margin-top: 1.72rem;}
.about_p3 p{line-height: 1;font-family: eur,"微软雅黑";}
.about_p3 p:nth-child(1){font-size: .2rem;color: #373737;margin-bottom: .09rem;}
.about_p3 p:nth-child(2){font-size: 0.24rem;color: #000000;margin-bottom: .91rem;}
.about_p3 p.pp{font-size: .2rem;}
.about_p3 p.pp font{vertical-align: middle;display: inline-block;height: 0.04rem;width: .04rem;border-radius: 50%;margin: 0 .14rem;background-color: #3fecfb;}
.about_p3_div:before{content: '';width: 0.02rem;height: 1.64rem;display: inline-block;vertical-align: top;background-color: #3fecfb;margin-right: ;}
.about_p3_div{margin-top: .58rem;font-size: 0;}
.about_p3_div .p{display: inline-block;vertical-align: top;margin-left: .06rem;}
.about_p3_div .p p{font-size: 0.16rem;color: #222222;line-height: 1;}
.about_p3_div .p p:nth-child(1){margin-bottom: .65rem;}
.about_p3_div .p p:nth-child(2){margin-bottom: .49rem;}


.fanhui{position: fixed;top: 35px;left: 35px;z-index: 999;}

.about_main{}
.about_main .p1{width: 820px;height: 95px;line-height: 95px;font-size: 50px;color: #fff;margin: 300px 0 60px;letter-spacing: 2px;padding-left: 58px;}

.about_main .box1{width: 1136px;height: 313px;background: url(../web/about_1.png);margin-bottom: 222px;padding-left: 295px;padding-top: 20px;margin-left: 57px;}
.about_main .p01{color: #d9d9d9;line-height:28px ;font-size: 18px;margin-bottom: 20px;}
.about_main .p02{color: #d9d9d9;line-height:20px ;font-size: 18px;}
.about_main .box1 .p01,.about_main .box1 .p02{font-size: 16px;}
.about_main .box2{width: 1008px;height: 492px;background: url(../web/about_2.png);margin-bottom: 220px;padding-left: 510px;padding-top: 172px;padding-right: 15px;margin-left: 89px;}

.about_main .box3{width: 1184px;height: 495px;background: url(../web/about_3.png);margin-bottom: 220px;padding-left: 450p1x;padding-top: 175px;padding-right: 15px;margin-left: 105px;}

.about_main .box4{width:1395px;height: 481px;background: url(../web/about_4.png);margin-bottom: 220px;padding-left: 700px;padding-top: 182px;padding-right: 15px;margin-left: 78px;}

.about_main .box5{width:1253px;height: 499px;background: url(../web/about_5.png);margin-bottom: 220px;padding-left: 670px;padding-top: 170px;padding-right: 15px;margin-left: 75px;}
.about_main .box5 .p01{margin-bottom: 0;background: no-repeat left top;margin-top: 10px;line-height: 26px;}
.about_main .box5 p{padding-left: 38px;}

.list_banner{position: relative;width: 100%;overflow: hidden;margin-top: .81rem;}
.list_banner .box{display: block;}

.list_banner img{width: 100%;display: block;

transition: all 1s ;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition-timing-function:ease-out;
transform: scale(1.01);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);    
filter: blur(0px);
/*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);*/

}
.list_banner:hover img{
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);    
filter: blur(4px); 
/*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);*/
}

.list_banner .wz{position: absolute;width: 100%;top: ;top: 50%;margin-top: -49px;text-align: center;}
.list_banner .wz .p01,.list_banner .wz .p02{color: #fff;line-height: 48px;font-size: 20px;display: block;opacity: 0;
transition: all 1s ;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
}
.list_banner:hover .wz .p01,.list_banner:hover .wz .p02{opacity: 1;}
.list_banner .wz .x_span{width:0 ;display: block;margin: 0 auto;height: 2px;background-color: #fff;
transition: all 1s ;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
}
.list_banner:hover .wz .x_span{width: 264px;}

#nav,#nav2,#nav3{height: .81rem;background: rgba(255,255,255,1);border-bottom: 1px solid #ffffff;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;overflow: hidden;}
#nav .logo,#nav2 .logo,#nav3 .logo{margin-top: .2rem;margin-left: .96rem;}
#nav .fr,#nav2 .fr,#nav3 .fr{margin-top: .2rem;margin-right: .89rem;}
#nav .fr a,#nav2 .fr a,#nav3 .fr a{float: left;margin-right: 1.33rem;text-align: center;color: #5e5e5e;border-color: #5e5e5e;}
#nav .fr a:last-child,#nav2 .fr a:last-child,#nav3 .fr a:last-child{margin-right: 0;}

.cp_list .box{display: block;position: relative;overflow: hidden;}
.cp_list .box img{display: block;width: 100%;
transition: all 1s ;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition-timing-function:ease-out;
transform: scale(1.01);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);    
filter: blur(0px);


}
.cp_list .box:hover img{
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);    
filter: blur(4px); 

}
.cp_list {display: block;position: relative;}
.wall-column{position: relative;width: 33.333333%;float: left;box-sizing: border-box;}
.cp_list .wz{position: absolute;width: 100%;top: 50%;margin-top: -40px;text-align: center;}
.cp_list .wz a,.cp_list .wz p{display: block;font-size: 20px;color: #fff;line-height: 30px;opacity: 0;
transition: all 1s ;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;}
.cp_list .box:hover .wz a,.cp_list .box:hover .wz p{opacity: 1;}
.cp_list .wz .x_span{width: 0;margin: 10px auto;height: 2px;background-color: #fff;display: block;transition: all 1s ;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;}
.cp_list .box:hover .wz .x_span{width: 190px;}
.cp_list .box.hei .wz a,.cp_list .box.hei .wz p{color: #ababab;}
.cp_list .box.hei .x_span{background-color: #a9a9a9;}

.xq_main img{display: block;width: 100%;}
#foot{background-color:#adadad;overflow: hidden;}
#foot p{font-family: "宋体";}
#foot .p1{font-size: 24px;color: #fff;text-align: center;line-height: 48px;padding: 30px 0 40px;}
#foot .box{float: left;}
#foot .box1{width: 38.5%;}
#foot .box .box_n{margin: 0 auto 50px;}
#foot .box1 .box_n{width: 460px;}
#foot .box .p02{font-size: 20px;color: #fff;line-height: 36px;}
#foot .box .p03{color: #fff;font-size: 20px;line-height: 36px;}
#foot .box2{width: 28%;}
#foot .box2 .box_n{width: 358px;}
#foot .box3{width: 33.5%;}
#foot .box3 .box_n{width: 300px;}

#foot .p2{text-align: center;line-height: 40px;padding: 32px 0 26px;color: #fff;font-size: 20px;}
#foot .p2 a{color: #fff;font-family: "宋体";font-size: 20px;padding: 0 20px;}

.box{position: relative;}
.box canvas{top: 0;left: 0;position: absolute;max-width: 100% !important;max-height: 100% !important;
opacity: 0;
transition: all .8s;
-webkit-transition: all .8s;
-moz-transition: all .8s;
-o-transition: all .8s;
-ms-transition: all .8s;
transition-timing-function:ease-out;
}
.box:hover canvas{opacity: 1;}
@media(max-width: 1200px){
	#foot .box{width: 100%;}
	#foot .box .box_n{width: 460px;}
}	


.cp_list .wz{position: absolute;width: 100%;top: 50%;margin-top: -40px;text-align: center;display: block;}
.cp_list .wz .sp1,.cp_list .wz .sp2{display: block;font-size: 20px;color: #fff;line-height: 30px;opacity: 0;
transition: all 1s ;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;}
.cp_list .box:hover .wz .sp1,.cp_list .box:hover .wz .sp2{opacity: 1;}
.cp_list .wz .x_span{width: 0;margin: 10px auto;height: 2px;background-color: #fff;display: block;transition: all 1s ;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;}
.cp_list .box:hover .wz .x_span{width: 190px;}
.cp_list .box.hei .wz .sp1,.cp_list .box.hei .wz .sp2{color: #ababab;}