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


.headbg{ width:100%; background:rgba(255,255,255,.95); position:fixed; z-index:55; top:0; left:0; transition:all .3s ease;}
.head{ height:80px; transition:all .3s ease;}
.head .logo{ float:left; }
.head .logo img{ display:block; height:42px; margin-top:19px; transition:all .3s ease;}
/*menu*/
.menu{height:40px;line-height:40px; float:left; margin:20px 0 0 15px; transition:all .3s ease;}
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ background:#fff; width:200%; position:absolute; left:0; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:39px;border-bottom:#ddd dashed 1px; height:39px; overflow:hidden;}
.menu ul li dl dd a{ font-size:12px; color:#666; padding:0; font-weight:normal; text-align:left; padding:0 15px;}
.menu ul li dl dd a:hover{ color:#00a1d7; }
.menu a{ font-size:16px;color:#666; text-decoration:none; font-weight:bold; display:block;text-align:center; padding:0 15px;}
.menu a:hover{color:#00a1d7;}
a.menu_hover{ color:#00a1d7; }
.head .h_lang1{ float:right; font-weight:bold; font-size:16px; height:40px; line-height:40px; margin-top:20px; transition:all .3s ease;}
.head .h_lang1 a{ color:#333;}
.head .h_lang1 a:hover,.head .h_lang1 a.on{ color:#00a1d7;}
.h_height{ height:80px;}
.headbg.active{ box-shadow:rgba(0,0,0,.5) 0 0 5px; transition:all .3s ease;}
.headbg.active .head{ height:60px; transition:all .3s ease;}
.headbg.active .head .logo img{ height:36px; margin-top:12px; transition:all .3s ease;}
.headbg.active .menu{ margin:10px 0 0 15px; transition:all .3s ease;}
.headbg.active .head .h_lang1{ margin-top:10px; transition:all .3s ease;}
@media(max-width:768px){
.wapper{ width:100%; }
.headbg{ display:none;}
}


.head_mbg{ width:100%; background:rgba(255,255,255,.95); position:fixed; z-index:55; top:0; left:0; display:none;}
.head_m{ height:80px; }
.head_m .logo{ float:left; margin-left:15px;}
.head_m .logo img{ display:block; height:26px; margin-top:27px;}
.head_m .h_lang2{ float:right; height:40px; line-height:40px; font-weight:bold; font-size:16px; margin:20px 20px 0 0;}
.head_m .h_lang2 a{ display:inline-block; }
.head_m .h_lang2 a:hover,.head_m .h_lang2 a.on{ color:#00a1d7;}
.nav_open{ height:40px; line-height:40px; font-size:35px; color:#000; float:right; margin:20px 15px 0 0;}
.nav_open i{ vertical-align:middle; }
.navbg{ width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:666; display:none;}
.nav{ padding:80px 5% 20px 5%; position:relative;}
.nav_close{ height:40px; line-height:40px; font-size:35px; color:#000; position:absolute; top:20px; right:15px;}
.nav_close i{ vertical-align:middle; }
.nav_list{ height:calc(100vh - 100px); overflow-Y:scroll;}
.tree{}
.tree_box{ }
.tree_one,.tree_two{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:18px; height:59px; line-height:59px; overflow:hidden; margin:0; position:relative; border-bottom:1px solid #F0F0F0;}
.tree_box h3 a{ color:#333; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#cc0000;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{}
.tree_one h4{ font-weight:normal; font-size:16px; position:relative; height:49px; line-height:49px; overflow:hidden; margin:0 0 0 5%; border-bottom:1px solid #eee;}
.tree_box h4 a{ color:#666; position:relative; z-index:10;}
.tree_box h4 a:hover{ color:#cc0000;}
@media(max-width:768px){
.head_mbg{ display:block;}
}




.con01bg{ padding:20px 0 0 0;}
.con01{}
.con01_lt{ float:left; width:460px;}
.swiper-container1{ position:relative;}
.swiper-container1 .swiper-slide { }
.swiper-container1 .swiper-slide .img{}
.swiper-container1 .swiper-slide .img img{ width:100%; display:block;}
.swiper-container1 .swiper-slide .txtbg{ padding:0 26% 0 2%; position:relative; z-index:2; margin-top:-5%;}
.swiper-container1 .swiper-slide .txt{ background:#00a1d7; color:#fff; border-radius:8px; padding:30px 30px 60px 30px;}
.swiper-container1 .swiper-slide .txt h2{ font-weight:bold; font-size:15px; line-height:1.5em;}
.swiper-container1 .swiper-button1{ position:absolute; z-index:3; bottom:4px; right:calc(26% + 4px); height:32px;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ float:left; margin:0 2px; width:32px; height:32px; margin-top:0; position:static;}
.swiper-container1 .swiper-button-prev1{ background:url(../images/btn_lt1.png) center no-repeat;}
.swiper-container1 .swiper-button-next1{ background:url(../images/btn_rt1.png) center no-repeat;}
.swiper-container1 .swiper-pagination1{ }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ }
.con01_rt{ float:right; width:585px;}
.con01_rt h2{ font-weight:bold; font-size:25px; line-height:1.5em;}
.con01_rt h2 span{ display:block; font-weight:normal;}
.con01_rt h3{ font-weight:normal; font-size:19px; line-height:1.5em; color:#1ea1ce; margin-top:30px;}
.con01_rt h4{ font-weight:normal; font-size:15px; line-height:2em; margin-top:30px;}
@media(max-width:768px){
.con01bg{ padding:20px 15px 0 15px;}
.con01_lt{ float:none; width:100%;}
.swiper-container1 .swiper-slide .txtbg{ padding:0; margin-top:0;}
.swiper-container1 .swiper-slide .txt{ border-radius:0;}
.swiper-container1 .swiper-button1{ right:30px; }
.con01_rt{ float:none; width:100%; margin-top:30px;}
}

.con02bg{ padding:70px 0 0 0;}
.con02{ font-size:15px; line-height:2em;}
.con02 .lt{ float:left; width:585px;}
.con02 .rt{ float:right; width:585px;}
@media(max-width:768px){
.con02bg{ padding:35px 5% 0 5%;}
.con02 .lt{ float:none; width:100%;}
.con02 .rt{ float:none; width:100%; margin-top:30px;}
}

.con03bg{ padding:140px 0 0 0;}
.con03{ text-align:center; max-width:400px;}
.con03 .img{}
.con03 .img img{ max-width:100%;}
.con03 .txt{ font-weight:bold; font-size:19px; line-height:1.5em; color:#00a1d7; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:35px 0;}
@media(max-width:768px){
.con03bg{ padding:70px 5% 0 5%;}
}

.con04bg{}
.con04{}
.con04 ul li{ margin-top:80px;}
.con04 ul li .img{ float:right; width:585px;}
.con04 ul li .img img{ display:block; max-width:100%; margin:0 auto;}
.con04 ul li .txt{ float:left; width:585px;}
.con04 ul li .txt h2{ font-weight:normal; font-size:19px; line-height:1.5em; color:#1ea1ce;}
.con04 ul li .txt h3{ font-weight:normal; font-size:15px; line-height:2em; margin-top:30px;}
.con04 ul li:nth-child(2n) .img{ float:left;}
.con04 ul li:nth-child(2n) .txt{ float:right;}
@media(max-width:768px){
.con04bg{ padding:0 5% 0 5%;}
.con04 ul li{ margin-top:40px;}
.con04 ul li .img{ float:none; width:100%; margin-top:30px;}
.con04 ul li .txt{ float:none; width:100%;}
.con04 ul li .txt h2{ font-size:19px; line-height:1.5em;}
.con04 ul li .txt h3{ font-size:15px; line-height:2em; margin-top:15px;}
.con04 ul li:nth-child(2n) .img{ float:none;}
.con04 ul li:nth-child(2n) .txt{ float:none;}
}

.con05bg{ padding:80px 0 0 0;}
.con05{ font-size:15px; line-height:2em;}
.con05 .lt{ float:left; width:585px;}
.con05 .rt{ float:right; width:585px;}
@media(max-width:768px){
.con05bg{ padding:40px 5% 0 5%;}
.con05 .lt{ float:none; width:100%;}
.con05 .rt{ float:none; width:100%; margin-top:30px;}
}

.tit1{ text-align:center;}
.tit1 h2{ font-weight:normal; font-size:19px; line-height:1.5em; color:#1ea1ce;}
.con06bg{ padding:80px 0 0 0;}
.con06{}
.con06 .list{}
.con06 .list ul li{ float:left; width:380px; margin:30px 30px 0 0;}
.con06 .list ul li:nth-child(3n){ margin-right:0;}
.con06 .list ul li .img{ padding-bottom:70%; position:relative;}
.con06 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
@media(max-width:768px){
.con06bg{ padding:40px 5% 0 5%;}
.con06 .list{ margin-top:15px;}
.con06 .list ul li{ float:none; width:100%; margin:15px 0 0 0;}
}


.con07bg{ padding:50px 0 0 0;}
.con07{}
.con07 .list1{ font-size:15px; line-height:1.5em; margin-top:40px; text-align:center;}
.con07 .list1 .img img{ max-width:100%; display:block; margin:0 auto;}
.con07 .list2{ margin-top:30px;}
.con07 .list2 table{border-collapse:collapse; border-width:thin; border-style:solid; border-color:#00a1d7;}
.con07 .list2 th{ background:#00a1d7; font-weight:bold; font-size:15px; line-height:1.5em; padding:5px 15px; text-align:left; color:#fff; width:25%;}
.con07 .list2 td{ font-size:15px; line-height:1.5em; padding:5px 15px;}
.con07 .list2 .bg1{ background:#fff;}
.con07 .list2 .bg2{ background:#fafafa;}
.con07 .list2 tr:hover td{ background:#fafafa;}
@media(max-width:768px){
.con07bg{ padding:50px 5% 0 5%;}
}

.con08bg{ padding:80px 0 40px 0;}
.con08{ max-width:790px;}
.con08 .list{ margin-top:30px;}
.con08 .list ul li{}
.con08 .list ul li h3{ position:relative; padding:15px 15px 15px 45px; background:#00a1d7; color:#fff; border-radius:5px; font-size:15px; line-height:30px;}
.con08 .list ul li h3 span{ width:100%; position:absolute; top:0; left:0; z-index:1; height:100%;}
.con08 .list ul li h3 span i{ display:inline-block; font-size:15px; line-height:60px; width:45px; text-align:center;}
.con08 .list ul li h3 span .i1{}
.con08 .list ul li h3 span .i2{ display:none;}
.con08 .list ul li h3 a{ position:relative; z-index:2; color:#fff; }
.con08 .list ul li .faqs_down{ padding:15px 20px; font-size:15px; line-height:2em; display:none;}
.con08 .list ul li.active h3 span .i1{ display:none;}
.con08 .list ul li.active h3 span .i2{ display:block;}
@media(max-width:768px){
.con08bg{ padding:40px 5% 40px 5%;}
}


.con09bg{ background:#00a1d7; padding:30px 0 30px 0;}
.con09{ color:#fff; max-width:790px;}
.con09 .tit1 h2{ color:#fff;}
.con09 .list{ margin-top:45px;}
.con09 .list h3{ font-weight:normal; font-size:15px; line-height:1.5em;}
.con09 .list table{ margin-top:40px;}
.con09 .list td{ width:25%; padding:0 5px;}
.con09 .list span{ display:block; font-size:15px; line-height:2em;}
.con09 .list span b{}
.con09 .list .text1{ border:none; width:96%; height:32px; line-height:32px; background:#fff; border-radius:3px; padding:0 2%;}
.con09 .list h4{ font-weight:normal; font-size:15px; line-height:1.5em; padding:0 5px; margin-top:30px;}
.con09 .list h4 label{}
.con09 .list h4 label input{ display:block;}
.con09 .list h4 a{ color:#fff; text-decoration:underline;}
.more1{ margin-top:60px;}
.more1 a{ display:block; width:100%; height:50px; line-height:50px; background:#fac35e; color:#fff; font-size:15px; color:#000; text-align:center; border-radius:4px;}
.more1 a:hover{}



.footbg{ background:#1a1a1a; padding:30px 0;}
.foot{ color:#fff; font-size:13px; line-height:1.5em; }
.foot ul li{ margin:10px 0;}
.foot a{ color:#00a1d7; text-decoration:underline;}
.foot a:hover{ color:#6B3C69;}


/*Add------------------------------------------------------------------------------*/

.service1bg{ background:#d7eaf7; padding:40px 0 40px 0;}
.service1{}
.service1 .txt{ float:left; width:585px;}
.service1 .txt h2{ font-weight:normal; font-size:25px; line-height:1.5em;}
.service1 .txt h3{ font-weight:normal; font-size:16px; line-height:2em; margin-top:40px;}
.service1 .img{ float:right; width:460px;}
.service1 .img img{ width:100%;}
.service2bg{ padding:60px 0 60px 0;}
.service2{}
.service2 ul li{ margin-top:40px;}
.service2 ul li .img{ float:left; width:460px;}
.service2 ul li .img img{ width:100%;}
.service2 ul li .txt{ float:right; width:585px;}
.service2 ul li .txt h2{ font-weight:normal; font-size:19px; line-height:1.5em; color:#1ea1ce;}
.service2 ul li .txt h3{ font-weight:normal; font-size:15px; line-height:2em; margin-top:40px;}
.service2 ul li:nth-child(2n) .img{ float:right;}
.service2 ul li:nth-child(2n) .txt{ float:left;}
.service2 .tips1{ font-size:15px; line-height:1.5em; margin-top:30px;}
.service2 .tips1 a{ color:#00a1d7;}
.service2 .tips1 a:hover{ color:#333;}
@media(max-width:768px){
.service1bg{ padding:40px 5% 40px 5%;}
.service1 .txt{ float:none; width:100%;}
.service1 .img{ float:none; width:100%; margin-top:20px;}
.service2bg{ padding:20px 5% 60px 5%;}
.service2 ul li .img{ float:none; width:100%;}
.service2 ul li .img img{ width:100%;}
.service2 ul li .txt{ float:none; width:100%; margin-top:20px;}
.service2 ul li:nth-child(2n) .img{ float:none;}
.service2 ul li:nth-child(2n) .txt{ float:none;}
}


.contactbg{ padding:40px 0 80px 0;}
.contact{}
.contact .box1{}
.contact .box1>h2{ font-weight:normal; font-size:25px; line-height:1.5em; text-align:center;}
.contact .box1 .list{ margin-top:80px;}
.contact .box1 .list ul li{ float:left; width:20%;}
.contact .box1 .list ul li h2{ font-weight:normal; font-style:italic; font-size:15px; line-height:1.5em; color:#999;}
.contact .box1 .list ul li h3{ font-weight:bold; font-size:15px; line-height:1.5em;}
.contact .box1 .list ul li h4{ font-weight:normal; font-size:15px; line-height:1.5em;}
.contact .box1 .list ul li h4 a{ color:#00a1d7;}
.contact .box1 .list ul li h4 a:hover{ color:#999;}
.contact .box2{ max-width:585px; margin:0 auto; margin-top:120px;}
.contact .box2>h2{ font-weight:normal; font-size:25px; line-height:1.5em; text-align:center; color:#00a1d7;}
.contact .box2 .list1{}
.contact .box2 .list1 ul li{ margin-top:20px;}
.contact .box2 .list1 ul li span{ display:block; font-size:15px; line-height:2em;}
.contact .box2 .list1 ul li .text1{ border:1px solid #ccc; border-radius:3px; width:54%; height:30px; line-height:30px; padding:0 2%;}
.contact .box2 .list1 ul li .text2{ border:1px solid #ccc; border-radius:3px; width:95%; height:240px; line-height:30px; padding:0 2%;}
.contact .box2 .list1 ul li label{}
.contact .box2 .list1 ul li label input{ margin-right:5px;}
.contact .box2 .list1 ul li a{ color:#00a1d7;}
.contact .box2 .list1 .more1{ margin-top:30px;}
.contact .box2 .list2{ margin-top:60px; font-size:15px; line-height:2em;}
.contact .box2 .list2 h2{ font-weight:bold; font-size:15px; line-height:2em;}
.contact .box2 .list2 .txt{ margin-top:20px;}
.contact .box2 .list2 .txt .lt{ float:left; width:277px;}
.contact .box2 .list2 .txt .rt{ float:right; width:277px;}
@media(max-width:768px){
.contactbg{ padding:40px 5% 40px 5%;}
.contact .box1 .list{ margin-top:40px;}
.contact .box1 .list ul li{ float:left; width:50%; margin-top:10px;}
.contact .box2{ margin-top:60px;}
.contact .box2 .list1 ul li .text1{ width:95%; }
.contact .box2 .list2{ margin-top:30px; }
.contact .box2 .list2 .txt .lt{ float:none; width:100%;}
.contact .box2 .list2 .txt .rt{ float:none; width:100%; margin-top:10px;}
}