/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';  /* project id 1958107 */
  src: url('//at.alicdn.com/t/font_1958107_cbuirt0lv5e.eot');
  src: url('//at.alicdn.com/t/font_1958107_cbuirt0lv5e.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1958107_cbuirt0lv5e.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1958107_cbuirt0lv5e.woff') format('woff'),
  url('//at.alicdn.com/t/font_1958107_cbuirt0lv5e.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1958107_cbuirt0lv5e.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../font/Gilroy.eot');
  src: url('../font/Gilroy.eot?#iefix') format('embedded-opentype'),
      url('../font/Gilroy.woff2') format('woff2'),
      url('../font/Gilroy.woff') format('woff'),
      url('../font/Gilroy.ttf') format('truetype'),
      url('../font/Gilroy.svg#Gilroy') format('svg');
}

@font-face {
  font-family: 'Gotham';
  src: url('../font/Gotham.eot');
  src: url('../font/Gotham.eot?#iefix') format('embedded-opentype'),
      url('../font/Gotham.woff2') format('woff2'),
      url('../font/Gotham.woff') format('woff'),
      url('../font/Gotham.ttf') format('truetype'),
      url('../font/Gotham.svg#Gotham') format('svg');
}

*£ûmargin:0;padding:0;£ý
html,body{width:100%;height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body {font-size:14px; line-height:24px; font-weight:500; color:#8d8d8d; font-family:Arial, Helvetica, sans-serif; width:100%; overflow-x:hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;}
input:focus {outline: none;}
.clean{clear:both;}

a:link {color: #8e8e8e;text-decoration: none;}
a:visited {color: #8e8e8e;text-decoration: none;}
a:hover {color:#d71718;text-decoration: none;}
a:active {color: #8e8e8e;text-decoration: none;}

.pic_link:link {color: #fff;text-decoration: none;}
.pic_link:visited {color: #fff;text-decoration: none;}
.pic_link:hover {color:#fff;text-decoration: none;}
.pic_link:active {color: #fff;text-decoration: none;}

sub,sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;10 }
sup{top:-0.5em;}
sub{bottom:-0.25em;}

h1{font-size:30px; color:#475A63; font-family:'Gotham'; letter-spacing:-2px; line-height:26px; margin-bottom:20px; background:url(../image/blue_line.gif) bottom center no-repeat; padding-bottom:20px;}
h2{font-size:14px; color:#aaa; line-height:24px; font-weight:normal; font-weight:500;}
h3{font-size:30px; color:#475A63; font-family:'Gotham'; letter-spacing:-2px; line-height:26px; background:url(../image/blue_line.gif) bottom left no-repeat; padding-bottom:20px;}
h4{font-size:30px; color:#475A63; font-family:'Gotham'; letter-spacing:-2px; line-height:26px; margin-bottom:20px; background:url(../image/blue_line.gif) bottom center no-repeat; padding-bottom:20px; display:inline-block;}

/*top_menu*/
#top_menu{width:100%; top:0; z-index:9999;}
#top_menu ul{width:66%; min-width:1200px; margin:0 auto; position:relative;}
#top_menu ul li{float:left;}
#top_menu ul li:nth-child(1){width:50%; text-align:left;}
#top_menu ul li:nth-child(2){width:50%; text-align:right;}
#top_menu ul li:nth-child(2) a{margin-left:30px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.default{width:100%; height:90px; background-color:none; color:#ffffff; position:absolute; z-index:9999; top:0px; line-height:90px;}
.fixed{position:fixed; top:0px; left:0px; width:100%; height:60px; line-height:60px; background-color:rgba(255,255,255,0.9);}

.menu_link a:link {color: #fff;text-decoration: none;}
.menu_link a:visited {color: #fff;text-decoration: none;}
.menu_link a:hover {color:#00a6e9;text-decoration: none;}
.menu_link a:active {color: #fff;text-decoration: none;}

.menu_linka a:link {color:#8d8d8d; text-decoration: none;}
.menu_linka a:visited {color:#8d8d8d; text-decoration: none;}
.menu_linka a:hover {color:#00a6e9; text-decoration: none;}
.menu_linka a:active {color:#8d8d8d; text-decoration: none;}

/*index_add*/
.index_banner{width:100%; height:75vh; background-color:#666;}
.n_banner{width:100%; padding:35vh 0; background-color:#666;}
.n_banner ul{width:66%; min-width:1200px; margin:0 auto; text-align:left;}

.n_banner_a{width:100%; padding:35vh 0; background-color:#666;}
.n_banner_a ul{width:66%; min-width:1200px; margin:0 auto; text-align:left;}

.txt-box{width:66%; min-width:1200px; display:block;  margin:0 auto; text-align:left;}
.txt-box_right{width:66%; min-width:1200px; display:block;  margin:0 auto; text-align:right;}
.swiper-container {width:100%;height:100%;}
.swiper-slide{color:#fff;}

.swiper-slide .titlea_a {font-size:18px; line-height:22px; color:#fff; margin-top:40px;}
.swiper-slide .titlea_a span{font-size:22px; line-height:22px; margin-right:5px;}
.swiper-slide .titleb_a {font-size:48px; line-height:48px; color:#fff; margin-top:25vh; font-family:'Gotham'; letter-spacing:-4px;}

.swiper-slide .titlea_a_a {font-size:18px; line-height:22px; color:#fff; margin-top:40px;}
.swiper-slide .titlea_a_a span{font-size:22px; line-height:22px; margin-right:5px;}
.swiper-slide .titleb_a_a {font-size:48px; line-height:48px; color:#fff; margin-top:25vh; font-family:'Gotham'; letter-spacing:-4px;}

.titlea_a {font-size:18px; line-height:22px; color:#fff; margin-top:40px;}
.titlea_a span{font-size:22px; line-height:22px; margin-right:5px;}
.titleb_a {font-size:48px; line-height:48px; color:#fff; font-family:'Gotham'; letter-spacing:-4px;}

.li_logo img{height:60px; margin-top:15px;}
.li_logoa img{height:44px; margin-top:8px;}

/*index_sm*/
.index_sm{width:66%; min-width:1200px; padding:80px 0 0 0; margin:0 auto;}
.index_sm ul{width:50%; min-width:800px; margin:0 auto; text-align:center;}

/*index_db*/
.index_db{width:100%; margin:0 auto; padding:80px 0 110px 0; border-bottom:1px solid #eee;}
.index_db ul:nth-child(1){margin-bottom:50px; text-align:center; width:700px;}
.index_db ul{width:1200px; margin:0 auto;}
.index_db ul li{width:600px; float:left; height:213px; display:flex; -webkit-display:flex; justify-content:center; align-items:center; background-color:#f5f5f5; position:relative; margin-bottom:10px;}
.index_db ul li img{width:100%; height:100%;}
.index_db ul li dd{width:60%; text-align:center;}
.index_db ul li font{font-size:16px; display:block; color:#666;}
.index_db ul li span{font-size:50px; line-height:50px; display:block; margin-bottom:10px; color:#000;}
.index_db ul li dt{position:absolute; top:10px; left:15px; font-size:12px; color:#fff; width:200px; display:block; text-align:left; line-height:18px;}
.index_db ul li dl{position:absolute; top:10px; left:330px; font-size:12px; color:#fff; width:200px; display:block; text-align:left; line-height:18px;}

/*index_pro*/
.index_pro{width:100%; padding:120px 0; border-bottom:1px solid #eee;}
.index_pro ul:nth-child(1){margin-bottom:80px; text-align:center;}
.index_pro ul{width:700px; margin:0 auto; position:relative;}
.index_pro ul li{position:absolute; border-bottom:1px solid #eee; width:360px;}
.index_pro ul li:nth-child(1){top:50px; left:0;}
.index_pro ul li:nth-child(2){top:100px; left:0;}
.index_pro ul li:nth-child(3){top:150px; left:0;}
.index_pro ul img{float:right;}


/*index_tx*/
.index_tx{width:66%; min-width:1200px; margin:0 auto; padding:120px 0 80px 0;}
.index_tx ul:nth-child(1){margin-bottom:80px; text-align:center;}
.index_tx ul{width:100%;}
.index_tx ul li{width:33.33%; float:left; margin-bottom:40px;}
.index_tx ul li dd{width:65%; margin:0 auto; text-align:center;}
.index_tx ul li font{font-size:16px; display:block; margin-bottom:10px; color:#666;}
.index_tx ul li span{font-size:44px; line-height:44px; display:block; margin-bottom:20px; color:#01a6e9;}

/*index_tx_a*/
.index_tx_a{width:66%; min-width:1200px; margin:0 auto; padding:120px 0 80px 0;}
.index_tx_a ul:nth-child(1){margin-bottom:80px; text-align:center;}
.index_tx_a ul{width:100%;}
.index_tx_a ul li{width:20%; float:left; margin-bottom:40px; text-align:center;}
.index_tx_a ul li dd{width:85%; margin:0 auto; text-align:center;}
.index_tx_a ul li font{font-size:16px; display:block; margin-bottom:10px; color:#666;}
.index_tx_a ul li span{font-size:44px; line-height:44px; display:block; margin-bottom:20px; color:#01a6e9;}

/*index_case*/
.index_case{width:100%; padding:80px 0 0 0; background-color:#f5f5f5;}
.index_case ul:nth-child(1){margin-bottom:40px; text-align:center;}
.index_case ul{width:100%; margin:0 auto;}
.index_case ul li{width:25%; float:left; position:relative;}
.index_case ul li font{font-size:16px; display:block; margin-bottom:10px; color:#666;}
.index_case ul li img{width:100%;}
.index_case ul li dd span{font-size:30px; line-height:30px; color:#fff; display:block;}
.index_case ul li dd{width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.3); color:#fff;
transition: background 0.4s;
-moz-transition: background 0.4s; /* Firefox 4 */
-webkit-transition: background 0.4s; /* Safari ºÍ Chrome */
-o-transition: background 0.4s; /* Opera */
display:flex; -webkit-display:flex; justify-content:center; align-items:center;
}
.index_case ul li dd:hover{width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.7); cursor:pointer;
transition: background 0.4s;
-moz-transition: background 0.4s; /* Firefox 4 */
-webkit-transition: background 0.4s; /* Safari ºÍ Chrome */
-o-transition: background 0.4s; /* Opera */
display:flex; -webkit-display:flex; justify-content:center; align-items:center;
}


/*index_about*/
.index_about{width:66%; min-width:1200px; margin:0 auto; padding:120px 0;}
.index_about ul:nth-child(1){margin-bottom:80px; text-align:center;}
.index_about ul:nth-child(1) img{margin:20px auto 0 auto;}
.index_about ul{width:100%;}
.index_about ul:nth-child(2){border:1px solid #f5f5f5; height:400px; box-sizing:border-box;}
.index_about ul li{float:left;}
.index_about ul li:nth-child(1){width:50%; height:400px;}
.index_about ul li:nth-child(2){width:50%; height:400px;}
.index_about ul li:nth-child(1) img{width:100%; height:400px;}
.index_about ul li dd{width:90%; height:25%; border-bottom:1px solid #f5f5f5; box-sizing:border-box; margin:0 auto; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}
.index_about ul li dd:last-child{border-bottom:none;}
.index_about ul li dd dl{width:100%; height:59%;}
.index_about ul li dd dl dt{height:100%;}
.index_about ul li dd dl dt:nth-child(1){width:22%; float:left;}
.index_about ul li dd dl dt:nth-child(2){width:calc(78% - 20px); float:left; margin-left:20px; font-size:12px; line-height:20px;}
.index_about ul li dd dl dt img{width:100%; height:100%;}
.index_about ul li dd dl dt span{font-size:14px; display:block; color:#68c2e6; font-weight:bold;}
.index_about ul li dd dl dt span font{font-size:11px; color:#ccc; margin-left:10px;}
/*index_about*/


/*bottom*/
.bottom{width:100%; padding:80px 0 20px 0; background-color:#f5f5f5;}
.bottom ul:nth-child(1){margin-bottom:20px; padding-bottom:20px;}
.bottom ul{width:66%; min-width:1200px; margin:0 auto;}
.bottom ul li{margin-right:40px; float:left; line-height:24px; border-left:1px solid #ddd; height:120px; padding-left:30px;}
.bottom ul li:nth-child(4){float:right; text-align:right; margin-right:0; border:none;}
.bottom ul li font{font-size:14px; color:#475a63;}

.bottom ul dl{width:50%; float:left; line-height:22px;}
.bottom ul dl:nth-child(1) font{font-weight:bold; font-size:14px; color:#475a63; border:1px solid #475a63; padding:3px 15px; border-radius:6px;}
.bottom ul dl:nth-child(1) font span{font-size:14px; margin-right:5px;}
.bottom ul dl:nth-child(2){text-align:right;}
.bottom ul li img{margin-bottom:10px;}
.bottom ul li font{font-weight:bold; color:#475a63; display:block; font-size:16px;}
.bottom ul li p{margin-top:10px; display:block;}
.bottom ul span{font-size:22px; line-height:22px; color:#475a63;}
/*bottom end*/

/*bottom*/
.bottom_a{width:100%; padding:10px 0; background-color:#475a63;}
.bottom_a ul{width:66%; min-width:1200px; margin:0 auto;}
.bottom_a ul li{width:50%; float:left; color:#fff; font-size:12px;}
.bottom_a ul li:nth-child(2){text-align:right;}
.bottom_a ul li span{font-size:18px;}


/*contact_c*/
.contact_c{width:100%; padding:80px 0;}
.contact_c ul{width:66%; min-width:1200px; margin:0 auto;}
.contact_c ul ol{width:47%; float:left; margin-right:6%; height:405px;}
.contact_c ul ol:nth-child(2){margin-right:0;}
.contact_c ul ol li:nth-child(1){border-top:1px solid #eee;}
.contact_c ul ol li{width:100%; float:left; border-bottom:1px solid #eee; padding:30px 0;}
.contact_c ul ol li dl{float:left;}
.contact_c ul ol li dl:nth-child(1){margin-right:10px; font-size:24px; color:#ccc;}
.contact_c ul ol span{font-size:16px; color:#000;}
.contact_c ul ol img{width:100%;}



/*pro_a*/
.pro_a{width:100%; padding:120px 0;}
.pro_a ul:nth-child(1){margin-bottom:80px; text-align:center;}
.pro_a ul{width:700px; margin:0 auto; position:relative;}
.pro_a ul li{position:absolute; border-bottom:1px solid #eee; width:230px; font-size:12px;}
.pro_a ul li:nth-child(1){top:60px; left:0;}
.pro_a ul li:nth-child(2){top:100px; left:0;}
.pro_a ul li:nth-child(3){top:160px; left:0;}
.pro_a ul img{float:right; width:500px;}

/*pro_b*/
.pro_b{width:100%; padding:120px 0; background-image:url(../image/pro_bg1.jpg);}
.pro_b ul:nth-child(1){margin-bottom:60px; text-align:center;}
.pro_b ul{width:66%; min-width:1200px; margin:0 auto;}
.pro_b ul h1{color:#fff;}
.pro_b tr:nth-child(1){color:#fff; font-size:16px;}
.pro_b td{padding:20px 20px;}

/*pro_c*/
.pro_c{width:100%; padding:120px 0; border-top:1px solid #eee;}
.pro_c ul:nth-child(1){margin-bottom:60px; text-align:center;}
.pro_c ul:nth-child(2){margin-bottom:60px; text-align:center;}
.pro_c ul:nth-child(3){margin-bottom:60px; text-align:center;}
.pro_c ul{width:66%; min-width:1200px; margin:0 auto;}
.pro_c ul li{width:33.33%; float:left;}
.pro_c ul img{ margin:0 auto;}
.pro_c ul h4{margin-top:10px;}
.pro_c ul h4 font{font-size:30px; color:#475A63; margin-left:0px; font-weight:normal;}

.pro_c ul span{font-size:70px; letter-spacing:-8px;}
.pro_c ul span:nth-child(1){color:#00ABDD;}
.pro_c ul span:nth-child(2){color:#E6C63B;}
.pro_c ul span:nth-child(3){color:#CC3228;}
.pro_c ul span:nth-child(4){color:#1B3262;}
.pro_c ul span:nth-child(5){color:#395841;}
.pro_c ul span:nth-child(6){color:#000;}

/*pro_d*/
.pro_d{width:100%; padding:120px 0; background-color:#f5f5f5;}
.pro_d ul:nth-child(1){margin-bottom:60px; text-align:center;}
.pro_d ul{width:66%; min-width:1200px; margin:0 auto;}
.pro_d ul li{width:calc(25% - 9px); float:left; background-color:#fff; margin-right:12px; padding:80px 0 60px 0; text-align:center;}
.pro_d ul li:nth-child(4){margin-right:0;}
.pro_d ul li span{font-size:60px; display:block; margin-bottom:30px;}

/*pro_e*/
.pro_e{width:100%; padding:120px 0; border-top:1px solid #eee;}
.pro_e ul:nth-child(1){margin-bottom:60px; text-align:center;}
.pro_e ul{width:66%; min-width:1200px; margin:0 auto;}
.pro_e ul table{margin:0 auto;}
.pro_e ul td{padding:10px 20px;}

/*app_a*/
.app_a{width:66%; min-width:1200px; margin:0 auto; padding:120px 0 90px 0;}
.app_a ul{float:left;}
.app_a ul:nth-child(1){width:250px; margin-right:50px;}
.app_a ul:nth-child(2){width:calc(100% - 300px);}
.app_a ul li{width:calc(33.33% - 20px); float:left; margin-right:30px; margin-bottom:30px;}
.app_a ul li:nth-child(3n+3){margin-right:0;}
.app_a ul li img{width:100%;}

.app_left{font-size:12px; border-bottom:1px solid #eee; line-height:40px;}
.app_left:hover{cursor:pointer; border-bottom:1px solid #00a6e9; color:#00a6e9;}

.app_lefta{cursor:pointer; border-bottom:1px solid #00a6e9; font-size:12px; color:#00a6e9; line-height:40px;}


@media only screen and (min-width: 720px) and (max-width: 1200px){}

@media only screen and (min-width: 220px) and (max-width: 720px) {}