body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;}
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#01aaed;}
.fix_box{display:none!important}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#c9c9c9;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#c9c9c9;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#c9c9c9;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#c9c9c9;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a,button{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1600px; width:90%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.comflex6{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between; align-items:center;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;}
.pic_w a{ display:block;}

/*header*********************************************************************/
.head{ position:relative; z-index:505; height:102px; background:#fff;}
.head-fixed{ width:100%; position:fixed; top:0; left:0; right:0; background:#fff; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:1s all ease; transition:1s all ease;}
.head-fixed .w{ position:relative; width:93.75%; max-width:1800px;}
.logo{ width:17%;}
.logo img{ display:block; width:100%;}
.nav{ width:68.89%; padding-right:14.15%;}
.nav .plebans{ font-size:18px; line-height:102px;}
.nav .plebans a{ display:inline-block;}
.nav li{ position:relative;}
.nav li .jd:before{ color:#fff; font-size:18px; font-weight:400; margin-left:5px; transition:color 0.3s cubic-bezier(0.77,0,0.175,1);}
 .nav li.cur .plebans a{ color:#01aaed;}
.nav_bg{ display:none;}
.goutp{ display:none; position:absolute; top:100%; z-index:510; box-shadow:0 16px 16px 0 rgba(0,0,0,.05); left:50%; transform:translate(-50%,0); width:110px; padding:6px 0; background:#fff; border-radius:0 0 5px 5px; text-align:center;}
.goutp p{ font-size:16px; line-height:2.6;}
.goutp p a{ display:block; color:#666;}
.goutp p a:hover{ color:#01aaed;}
.nav li.pro_li{ position:static;}
.nav li.pro_li .goutp{ transform:translate(0,0); left:0; right:0; width:auto; box-shadow:none;}
.nav li.pro_li .goutp::after{ content:''; display:block; position:absolute; left:-1000px; right:-1000px; top:0; bottom:0; font-size:0; overflow:hidden; background:#fff; box-shadow:0 16px 16px 0 rgba(0,0,0,.05);}
.nav li.pro_li .goutp dl{ width:100%; position:relative; z-index:2; margin-top:-10px;}
.nav li.pro_li .goutp dl dd{ width:15%; margin:0 2% 25px 0; font-size:16px;}
.nav li.pro_li .goutp dl dd .pic_w{ padding:15px;}
.nav li.pro_li .goutp dl dd:nth-child(6n){ margin-right:0;}
.nav li:nth-child(3) .goutp{ width:170px;}
.hrt{ position:absolute; right:0; top:0; bottom:0;}
.search_ico{ height:20px; margin-right:45px; cursor:pointer;}
.search{ position:fixed; left:0; right:0; top:122px; display:none; z-index:999;}
.search_form{ width:50%; position:relative; overflow:hidden; margin:0 auto;}
.s_intxt{ border:none; border-radius:1000px; display:block; padding:12px 20px; line-height:1.5; background:#fff; font-size:16px; color:#333; width:100%;}
.s_inbut{ border:none; cursor:pointer; background:#01aaed; position:absolute; top:0; bottom:0; right:0; font-size:16px; padding:0 30px; overflow:hidden; border-radius:1000px; transition:all .6s; color:#fff;}
.h_tell{ font-size:20px; line-height:1.2;}
.h_tell p a{ font-weight:bold; color:#01aaed;}
.head_on .head-fixed{ box-shadow:0 0 6px 0 rgba(0,0,0,.2);}

.sanh{ width:40px; padding:10px; position:absolute; right:calc(4% - 10px); top:50%; margin-top:-24.5px; display:none;}
.sanh>div{ height:3px; margin:5px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#01aaed;}
.tesd>div{ background-color:#01aaed!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,8px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-8px,0px) rotate(-45deg);}

.banner{ z-index:5;}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-slide .w{ position:absolute; left:50%; transform:translate(-50%,0); top:0; bottom:0; z-index:6;}
.banner .swiper-slide .clear{ width:100%;}
.banner .swiper-slide .clear span,.banner .swiper-slide .clear em,.banner .swiper-slide .clear p,.banner .swiper-slide .clear i{ transform:translateX(100px); opacity:0; color:#fff;}
.banner .swiper-slide .clear span{ display:block; font-size:36px;}
.banner .swiper-slide .clear em{ display:block; font-size:64px; font-weight:bold; text-shadow:1px 2px 0 #000; margin-top:15px;}
.banner .swiper-slide .clear p{ font-size:18px; margin-top:35px;}
.banner .swiper-slide .clear i{ font-size:18px; margin-top:60px;}
.banner .swiper-slide .clear i a{ font-weight:bold; color:#121212; line-height:3; padding:0 35px; border-radius:1000px; border:3px solid #01aaed; margin-right:30px; background:#fff; transition:all 0.6s;}
.banner .swiper-slide .clear i a.a1{ color:#fff; background:#01aaed; margin-right:0;}
.banner .swiper-slide .clear i a:hover{ background:linear-gradient(to bottom,#e2c48b,#d2b086); border-color:#e2c48b!important; color:#fff!important;}
.banner .swiper-slide.swiper-slide-active .clear span,.banner .swiper-slide.swiper-slide-active .clear em,.banner .swiper-slide.swiper-slide-active .clear p,.banner .swiper-slide.swiper-slide-active .clear i{ transition:all 1s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-pagination{ bottom:3.462%;}
.banner .swiper-pagination-bullet{ width:20px; height:20px; background:none; border:1px solid rgba(255,255,255,.01); opacity:1; margin:0 10px!important; border-radius:50%; transition:all 0.6s; position:relative;}
.banner .swiper-pagination-bullet:after{ content:''; display:block; position:absolute; left:50%; top:50%; font-size:0; overflow:hidden; background:#fff; transform:translate(-50%,-50%); width:6px; height:6px; border-radius:50%;}
.banner .swiper-pagination-bullet-active{ border-color:#fff;}

.titc{ text-align:center; font-size:48px; font-weight:bold; line-height:1;}

.con1{ width:100%; background:linear-gradient(to bottom,#d6ebf5,#f5f6fa); overflow:hidden; padding:80px 0 20px 0; position:relative; z-index:11; margin-top:20px;}
.con1_lf{ width:50%; padding-left:30px;}
.con1_lf li .pic,.con1_lf li .pic_w{ overflow:visible;}
.con1_lf li.hover .pic_w img{ transform:scale(1.05)!important;}
.con1 .w{ position:absolute; left:50%; transform:translate(-50%,0); top:80px;}
.con1c{ width:100%; padding-left:calc(50% + 10px);}
.con1c .txt h3{ font-size:30px; font-weight:bold; color:#1a1a1a;}
.con1c .txt p{ font-size:16px; color:#282828; line-height:1.9375; margin-top:16px;}
.con1 .con1_tab{ margin-top:50px;}
.con1 .con1_tab li{ border:1px solid #a7a7a7; overflow:hidden;}
.con1 .con1_tab li .pic img{ width:100%; height:100%;}
.con1 .buts{ margin-top:65px;}
.con1 .buts a{ margin:0 30px 0 0; padding:0 40px; border-width:2px; line-height:3.111111111111111; font-size:18px;}

.con2{ width:100%; background:#fff; overflow:hidden; position:relative; z-index:12;}
.con2 .w{ width:100%; max-width:100%; padding:0 20px;}
.con2_list li{ background:linear-gradient(to right bottom,#d4eaf7,#f9f9f9); width:calc(50% - 10px); margin-top:20px; text-align:center; padding:40px 0 10px 0;}
.con2_list li .txt h3{ font-size:24px; font-weight:bold; color:#161515;}
.con2_list li .txt p{ font-size:18px; color:#161515; margin-top:9px;}
.con2_list li .buts{ margin-top:18px;}
.buts a{ font-size:14px; color:#01aaed; border:1px solid #01aaed; border-radius:1000px; padding:0 16px; line-height:2.428571428571429; margin:0 10px; display:inline-block;}
.buts a.zx_but{ color:#fff; background:#01aaed;}
.buts a:hover{ background:linear-gradient(to bottom,#e2c48b,#d2b086); border-color:#e2c48b; color:#fff;}
.con2_list li .pic{ margin:20px auto 0 auto; width:72.25806451612903%; max-width:672px;}
.con2_list li .pic,.con2_list li .pic_w{ overflow:visible;}
.con2_list li.hover .pic_w img{ transform:scale(1.05)!important;}

.con3{ width:100%; background:#fff; overflow:hidden; padding:100px 0 95px 0; position:relative; z-index:13;}
.con3 .w{ max-width:1500px;}
.con3_1{ width:100%;}
.con3_lf{ width:48.5%;}
.con3_lf h3{ font-size:40px; font-weight:bold; margin-top:-15px;}
.con3_lf .line{ width:52px; background:#333; height:1px; font-size:0; overflow:hidden; transform:rotate(45deg); margin:37px 0;}
.con3_lf h4{ font-size:30px; font-weight:bold;}
.con3_lf .txt{ font-size:16px; line-height:2.25; margin-top:25px;}
.con3_lf .more{ font-size:16px; margin-top:45px;}
.con3_lf .more a{ background:#01aaed; padding:0 45px; line-height:3.75; color:#fff; transition:all 0.6s;}
.con3_lf .more a img{ height:11px; margin-left:20px;}
.con3_lf .more a:hover{ background:linear-gradient(to bottom,#e2c48b,#d2b086); border-radius:30px 0 30px 0; margin-left:10px; box-shadow:0 0 7px rgba(206,156,68,.28);}
.con3_rt{ width:48.66666666666667%;}
.con3_rt .pic_w img{ width:100%; height:100%;}
.con3_rt .swiper-pagination{ bottom:25px;}
.con3_rt .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; opacity:.5; margin:0 8px!important; border-radius:50%; transition:all 0.6s;}
.con3_rt .swiper-pagination-bullet-active{ opacity:1;}
.con3_list{ margin-top:60px;}
.con3_list li{ min-width:200px; text-align:center; width:16.67%;}
.con3_list li span{ display:block; font-size:18px; padding-bottom:4px; border-bottom:1px solid #e0e0e0;}
.con3_list li em{ font-size:65px; color:#01aaed; margin-right:12px;}
.con3_list li p{ font-size:20px; margin-top:18px;}

.con4{ width:100%; background:#f5f5f7; overflow:hidden; padding:85px 0; position:relative; z-index:14;}
.con4c{ margin-top:60px; position:relative;}
.con4_list li .pic{ background:#fff;}
.con4_list li .pic_w{ left:5.862068965517241%; right:5.862068965517241%; top:3.79746835443038%; bottom:3.79746835443038%;}
.con4_list li .pic_w img{ width:100%; height:100%;}
.con4c .swiper-button-prev,.con4c .swiper-button-next{ width:36px; height:60px; background:#a7a7a7; border-radius:5px; transition:all 0.6s; margin-top:-30px;}
.con4c .swiper-button-prev{ left:0;}
.con4c .swiper-button-next{ right:0;}
.con4c .swiper-button-prev:after,.con4c .swiper-button-next:after{ color:#fff; font-size:20px;}
.con4c .swiper-button-prev:hover,.con4c .swiper-button-next:hover{ background:#01aaed;}
#zoom{ z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content{ z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-10px 10px 10px rgba(0, 0, 0, 0.3); border-radius:4px;}
#zoom .content.loading{ background-image:url('../images/loading.gif');}
#zoom img{ display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,0.25); border-radius:4px;}
#zoom .close{ z-index:99993; position:absolute; top:0; right:0; width:49px; height:49px; cursor:pointer; background:transparent url('../images/close4.png') no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px;}
#zoom .previous,
#zoom .next{ z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous{ left:0; background:url('../images/arrows.png') no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next{ right:0; background:url('../images/arrows.png') no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .close:hover,
#zoom .previous:hover,
#zoom .next:hover{ background-color:#22609b;}
#zoom p{ text-align:center; color:#fff; font-size:18px; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99992; line-height:2; padding:10px 0;}

.con5{ width:100%; background:#fff; overflow:hidden; padding:85px 0; position:relative; z-index:15;}
.con5c{ width:100%; margin-top:60px;}
.con5_list li .pic{ border-radius:5px; overflow:hidden; border:1px solid #e6e6e6;}
.con5_list li .pic_w img{ width:100%; height:100%;}
.con5_list li p{ text-align:center; font-size:18px; color:#666; margin-top:15px;}
.con5c .swiper-pagination{ position:static; margin-top:40px;}
.con5c .swiper-pagination-bullet{ width:45px; height:5px; background:#a7a7a7; opacity:1; margin:0 12px!important; border-radius:1000px; transition:all 0.6s;}
.con5c .swiper-pagination-bullet-active{ background:#01aaed;}

.con6{ width:100%; background:url(../images/bg6.jpg) center top no-repeat; background-size:cover; overflow:hidden; padding:100px 0; position:relative; z-index:16;}
.con6 .w{ max-width:1700px;}
.con6_t{ width:100%; margin:3% 0 0 0; position:relative;}
.con6_t:after{ content:''; display:block; position:absolute; left:-1000px; right:-1000px; height:1px; bottom:0; font-size:0; overflow:hidden; background:#fff;}
.con6_tab ul li{ width:auto; font-size:16px; line-height:2.5; cursor:pointer; position:relative; padding-bottom:10px;}
.con6_tab ul li:last-child{ margin-right:0!important;}
.con6_tab ul li.swiper-slide-thumb-active:after{ content:''; display:block; position:absolute; left:0; right:0; height:4px; bottom:0; font-size:0; overflow:hidden; background:#01aaed;}
.con6c{ width:100%;}
.con6_list{ width:103.5%;}
.con6_list li{ margin:3.5% 3.5% 0 0; width:29.83333333333333%;}
.con6_list li a{ display:block;}
.con6_list li .pic_w img{ width:100%; height:100%;}
.con6_list li p{ font-size:18px; height:54px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:14px; transition:all 0.6s;}
.con6_list li em{ display:block; font-size:14px; color:#999; margin-top:20px;}
.con6_list li.hover p{ color:#01aaed;}
.con6 .more{ padding-top:48px;}
.con6 .more a{ color:#fff; border-radius:1000px; font-size:14px; background:#01aaed; line-height:3.571428571428571; padding:0 25px; transition:all 0.6s;}
.con6 .more a img{ margin-left:20px; height:13px;}
.con6 .more a:hover{ background:linear-gradient(to bottom,#e2c48b,#d2b086); border-radius:25px 0 25px 0; box-shadow:0 0 7px rgba(206,156,68,.28);}

.con7{ width:100%; background:#fff; overflow:hidden; padding:100px 0; position:relative; z-index:17;}
.con7 .w{ width:100%; max-width:100%;}
.con7_0{ overflow:hidden; width:100%; position:relative;}
.con7_0 .bd{ padding:10px 0;}
.con7_0 .bd ul{ overflow:hidden; zoom:1;}
.con7_0 .bd ul li{ border:1px solid #dadada; border-radius:10px; margin:0 10px 0 0; width:14.0625%; _display:inline; overflow:hidden;}
.con7_0 .bd ul li .pic_w{ overflow:visible; left:9.25%; top:18.15%; right:9.25%; bottom:18.15%;}
.con7_0 .bd ul li.t7{ background:#01aaed; border-color:#01aaed; width:170px!important; padding:15px;}
.con7_0 .bd ul li.t7 *{ color:#fff;}
.con7_0 .bd ul li.t7 em{ display:block; font-size:15px; font-weight:bold;}
.con7_0 .bd ul li.t7 p{ margin-top:16px;}
.con7_0 .bd ul li.t7 p img{ margin-left:8px; height:8px;}

.com li .pic_w img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}
.com li.hover .pic_w img{ transform:scale(1.2);}

/*foot style*********************************************************************/
.footer{ width:100%; background:#252933; overflow:hidden; font-size:14px;}
.footer .w{ overflow:hidden;}
.footer *{ color:#999;}
.footer a:hover{ color:rgba(255,255,255,.8)!important;}
.f_nav{ width:100%; padding:65px 0 50px 0;}
.f_nav span{ font-size:16px; font-weight:bold; display:block; color:#fff;}
.f_nav span a{ color:#fff;}
.f_nav li .txt{ margin-top:25px;}
.f_nav li p{ line-height:2.357142857142857;}
.f_nav li p em{ padding-left:42px; display:block;}
.f_nav li .ewm{ text-align:center; margin-top:25px;}
.f_nav li .ewm img{ display:block; width:106px; margin-bottom:3px;}
.f_links{ border-top:2px solid #3a3d46; padding:13px 0; margin-right:-10px;}
.f_links a{ margin-right:10px;}
.foot{ border-top:2px solid #3a3d46; padding:25px 0;}
.foot em{ margin-right:18px;}
.foot p em:last-child{ margin-right:0;}