@charset "utf-8";
/* CSS Document */
@font-face {
   font-family: 'Segoe UI';
   src: url(../fonts/segoeui.ttf) format('truetype');
   font-family: 'Franklin Gothic';
   src: url(../fonts/FranklinGothic_DemiCond.woff.ttf) format('truetype');
}
html{ font-size:625%;}
body{ font-size:13px;}
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0;}
body,html,input,button,textarea{color:#333; font-family: 'Segoe UI', Tahoma, Geneva, sans-serif; line-height:1.6}
a{ color:#333}
a:hover{ color:#F90; transform: scale(1.0); transition: all 0.3s linear;}
ul,li,ol,dl,dt,dd{ list-style:none; padding:0; margin:0;}
img{ max-width:100%}

.top{ width:100%; text-align:center; padding:20px 0 15px 0}

.head{position: relative;width:100%; z-index: 9999; text-align:center}
.head .nav{ display: inline-block; width:calc(100% - 180px)}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{display: inline-block;position: relative; box-sizing: border-box;z-index: 999;}
.head .nav ul .nav_cur .f_a{ color:#2073bc; border:solid #ddd 1px; background:url(../images/nav_cur.png) no-repeat bottom center;}
.head .nav ul li .f_a{ display:block;text-align:center;font-size:18px; padding:16px 11px 16px 11px; border:solid #fff 1px;}
.head .nav ul li:hover .f_a{ color:#fff; transition:all .5s; border:solid #ddd 1px; text-decoration:none; background:url(../images/nav_cur.png) no-repeat bottom center; background-color:#2073bc}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#2073bc;background-color: #2073bc;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px; display:block;text-align: center;padding:7px 5px 8px 5px;border-top: 1px solid #fff; line-height:18px;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#c4213c;color: #fff; text-decoration:none;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}

.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;}
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #00a2ff;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;} 

@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}

@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .top{ display:none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block; padding-left:15px;}
   .m_img .headrg{padding-right:15px;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:70%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}

.fixed{ width:100%; position:fixed; top:0; z-index:9999; background-color:#fff;}


/**/
.service_l{ padding-top:30px;}
.service_l h3{ font-size:26px; line-height:40px;}
.service_l a{ width:150px; display:block; border:solid #2073bc 1px; background-color:#2073bc; color:#fff; font-size:15px; text-align:center; border-radius:28px; padding:5px 0 5px 0; margin-top:25px;}
.service_l a:hover{ background-color:#fff; text-decoration:none; color:#2073bc}
.service_r{ text-align:center; padding-top:38px;}
.service_r h3{ font-size:22px; text-transform: uppercase; line-height:26px; padding-top:17px;}
.service_r h3 a{ color:#2073bc;}
.service_r h3 a:hover{ color:#f80}

/**/
.about{ width:100%; background-color:#eff7fa; margin-top:30px; position:relative}

.about:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .about{zoom: 1;}
*:first-child + html .about{zoom: 1;}

.about_r{ width:50%; float:right}
.about_r img{ height:100%; width:100%}

.about_content h3{ font-size:58px; text-transform: uppercase; color:#c4213c; font-family: 'Franklin Gothic'; padding-top:26px;}
.about_content h4{ color:#9aafbd; font-size:26px; font-family: 'Franklin Gothic'; padding-top:6px;}

.about_content_main{ font-size:15px; line-height:23px; padding-top:12px;}

.about_content .more{ width:150px; display:block; border:solid #2073bc 1px; background-color:#2073bc; color:#fff; font-size:15px; text-align:center; border-radius:28px; padding:5px 0 5px 0; margin-top:20px;}
.about_content .more:hover{ background-color:#fff; text-decoration:none; color:#2073bc}

/**/
.p_title h3{ font-size:28px; color:#2073bc; text-align:center; text-transform: uppercase; width:80%; margin:auto; line-height:36px; padding:35px 0 10px 0}

.p_index{ width:100%; border:solid #ddd 1px; padding:5px; margin-top:22px;}
.p_index:hover{ border:solid #2073bc 1px; transform: scale(1.0); transition: all 0.4s linear;}

.pro_in_img{ cursor: pointer; overflow: hidden; position: relative;}
.pro_in_img img{width:100%;top: 0;position: relative;left: 0; -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; transition: transform 0.6s}
.pro_in_img img:hover{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.p_index h3{ font-size:20px; text-align:center; line-height:26px; border-top:solid #ddd 1px; padding:15px 15px 10px 15px;}

.p_index .more{ width:105px; display:block; border:solid #2073bc 1px; background-color:#2073bc; color:#fff; font-size:13px; text-align:center; border-radius:28px; padding:2px 0 4px 0; margin:3px auto 12px auto;}
.p_index .more:hover{ background-color:#fff; text-decoration:none; color:#2073bc}

/**/
.customer_index{ width:100%; background-color:#eff7fa; margin-top:36px; padding-bottom:25px;}
.customer_index h3{ color:#2073bc; font-size:30px; text-transform: uppercase; text-align:center; padding:32px 0 13px 0}
.customer_index h4{ color:#afc1cc; font-size:18px; text-align:center; width:60%; margin:auto; line-height:25px;}

.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{ width: 100%; -ms-touch-action: pan-y; position: relative;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left; margin:25px 0px 0px 0px; padding:5px; position:relative}
.owl-carousel .owl-item .block{ position:absolute; width:140px; background-color:#c4213c; color:#fff; right:5px; top:35px; font-size:15px; text-align:center; padding:7px 0 7px 0;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel .owl-item img{ width:100%;}
.owl-carousel .owl-item p{ width:100%; background-color:#fff; text-align:center; padding:16px 10px 6px 10px; font-size:16px; line-height:22px;}
.owl-carousel .owl-item p a{ color:#2073bc}
.owl-carousel .owl-item section{ width:100%; background-color:#fff; text-align:center; padding:6px 10px 15px 10px; font-size:15px; color:#afc1cc; line-height:20px;}
.owl-carousel .owl-item:hover p{ background-color:#f4f4f4; transform: scale(1.0); transition: all 0.4s linear;}
.owl-carousel .owl-item:hover section{ background-color:#f4f4f4; transform: scale(1.0); transition: all 0.4s linear;}

/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

/*.owl-theme .owl-controls{margin-top: 10px;text-align: center;}*/
.owl-theme .owl-controls{ text-align:center}
.owl-theme .owl-controls .owl-pagination{ display:none;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding:3px 10px 3px 10px;font-size: 15px;/*-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;*/background: #2073bc;filter: Alpha(Opacity=90);/*IE7 fix*/opacity: 0.9; text-transform: uppercase; margin-top:30px;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=70);/*IE7 fix*/opacity: 0.7;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}

/**/
.feedback_index input[type='text']{ width:100%; border:solid #ddd 1px; padding:5px 10px 6px 10px; margin-top:15px;}
.feedback_index input[type='text']:hover{ border:solid #2073bc 1px; transform: scale(1.0); transition: all 0.4s linear;}

.feedback_index textarea{ width:100%; border:solid #ddd 1px; padding:5px 10px 6px 10px; margin-top:15px; min-height:115px;}
.feedback_index textarea:hover{ border:solid #2073bc 1px; transform: scale(1.0); transition: all 0.4s linear;}

.feedback_index input[type='submit']{ width:100%; border:solid #2073bc 1px; background-color:#2073bc; padding:6px 0 5px 0; margin-top:15px; text-align:center; color:#fff; font-size:15px;}
.feedback_index input[type='submit']:hover{ color:#2073bc; background-color:#fff; transform: scale(1.0); transition: all 0.4s linear;}

/**/
.map_title{ width:100%; background-color:#2073bc; color:#fff; font-size:15px; padding:10px 0 10px 0; margin-top:40px;}
.map_title a{ color:#fff}
.map_title a:hover{ color:#f2b922}

.map_content{ width:100%; height:360px; margin-top:25px;}

/**/
.foot_1{ padding-top:28px;}
.foot_1_a img{ margin-bottom:20px;}

.foot_1_b h3{ color:#2073bc; font-size:22px; font-weight:bold;}
.foot_1_b_con{ font-size:15px; line-height:28px; padding-top:12px;}

.foot_1_b_con ul li{ width:100%; line-height:20px; padding:4px 0 5px 0}

.foot_1_c{ text-align:right}

.foot_2{ width:100%; background-color:#2073bc; color:#fff; text-align:center; padding:9px 0 9px 0; margin-top:18px; font-size:14px;}
.foot_2 a{ color:#fff}
.foot_2 a:hover{ color:#fc0}

/**/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(32, 115, 188, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #f30701;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


/**/
.banner_in{ width:100%}
.banner_in img{ width:100%}

/**/
.location{ width:100%; background-color:#eee; text-align:center; padding:10px 0 10px 0; font-size:14px;}

/**/
.products_in_1{ width:100%; background-color:#eff7fa; color:#0274bf; text-align:center; padding-top:32px; padding-bottom:32px;}
.products_in_1 h3{ font-size:32px;}
.products_in_1 p{ font-size:18px; line-height:26px; padding-top:15px;}

/**/
.products_in_2{ width:100%; border:solid #bfced5 1px; text-align:center; padding-bottom:20px;}
.products_in_2 a{ width:100%; display:block; color:#8097a3; font-size:16px; line-height:22px; padding:6px 8px 8px 8px; margin-top:22px; border:solid #bfced5 1px;}
.products_in_2 a:hover{ color:#c2213d; text-decoration:none; background-color:#eee;}
.products_in_2 .list_cur{ color:#c2213d; text-decoration:none; background-color:#eee;}

/**/
.block_1{ width:100%; height:20px; border-bottom:solid #eee 10px; margin-top:8px;}

.proimg-move{ display:none}
.proimg-pc{ padding-top:25px;}

.detail_in_2 dt{ font-size:18px; margin-top:25px;}
.detail_in_2 dd h3{ font-size:22px; color:#2073bc}
.detail_in_2 dd{ padding-top:6px;}

/**/
.pinfo_2{ width:100%; border-bottom:solid #2073bc 1px; font-size:18px; color:#2073bc; padding:18px 0 10px 0}
.pinfo_3{ width:100%; font-size:14px; line-height:23px; padding-top:15px;}

.next_one{ width:100%; border-top: solid #ddd 1px; margin-top:22px; padding-top:6px;}
.next_one p{ padding-top:4px;}

/**/
.page{ width:100%; text-align:center; margin-top:23px;}
.page a{ display:inline-block; border:solid #ddd 1px; background-color:#2073bc; color:#fff; border:solid #2073bc 1px; padding:3px 6px 3px 6px; margin:4px 3px 4px 3px;}
.page a:hover{ background-color:#fff; color:#2073bc; text-decoration:none;}
.page-no{ text-align:center; font-size:15px; padding-top:20px;}

/**/
.service_in1_a{ font-size:28px; color:#2073bc; padding-bottom:10px;}
.service_in1{ padding-top:18px;}
.service_in2{ padding-top:22px;}

.service_in1 ul li{ color:#c4213c; font-size:16px; padding:3px 0 3px 0}
.service_in1 ul li a{ color:#c4213c}

/**/
.sinfo_1{ color:#2073bc; font-size:24px; line-height:23px; text-align:center; padding-top:22px;}
.sinfo_2{ width:100%; font-size:16px; line-height:25px; padding-top:18px;}

/**/
.access_in{ width:100%; border-bottom:dashed #ddd 1px; margin:25px 0 0 0; padding-bottom:25px;}
.access_in .pro_in_img{ width:100%; border:solid #ddd 4px;}
.access_in1{ padding-top:3px;}
.access_in2 h3{ font-size:18px;}
.access_in2 p{ color:#777; font-size:14px; line-height:22px; padding-top:6px;}
.access_in2 .more{ width:105px; display:block; border:solid #2073bc 1px; background-color:#2073bc; color:#fff; font-size:13px; text-align:center; border-radius:28px; padding:2px 0 4px 0; margin-top:10px;}
.access_in2 .more:hover{ background-color:#fff; text-decoration:none; color:#2073bc}

/**/
.news_in{ width:100%; border-bottom:dashed #ddd 1px; margin:28px 0 0 0; padding-bottom:20px;}
.news_in1{ width:100%; border:solid #2073bc 1px; text-align:center; padding:6px 0 6px 0}
.news_in:hover .news_in1{ background-color:#2073bc; color:#fff}

.news_in2 h3{ font-size:18px;}
.news_in2 p{ color:#777; font-size:14px; line-height:20px; padding-top:6px; padding-bottom:5px;}
.news_in2 a{ color:#2073bc}

.newsinfo_1{ width:100%; color:#777; text-align:center; border-top:dashed #ddd 1px; border-bottom:dashed #ddd 1px; padding:3px 0 5px 0; margin-top:18px;}

/**/
.contact_in_1{ width:100%; background-color:#eee; padding:15px; margin-top:20px; font-size:15px}

.contact_in_2 input[type='text']{ width:100%; border:none; border-bottom:solid #ddd 1px; padding:5px 10px 6px 0px; margin-top:15px;}
.contact_in_2 input[type='text']:hover{ border-bottom:solid #2073bc 1px; transform: scale(1.0); transition: all 0.4s linear;}

.contact_in_2 textarea{ width:100%; border:solid #ddd 1px; padding:5px 10px 6px 10px; margin-top:25px; min-height:115px;}
.contact_in_2 textarea:hover{ border:solid #2073bc 1px; transform: scale(1.0); transition: all 0.4s linear;}

.contact_in_2 input[type='submit']{ width:100%; border:solid #2073bc 1px; background-color:#2073bc; padding:6px 0 5px 0; margin-top:15px; text-align:center; color:#fff; font-size:15px;}
.contact_in_2 input[type='submit']:hover{ color:#2073bc; background-color:#fff; transform: scale(1.0); transition: all 0.4s linear;}

.contact_in_4{ width:100%; background-color:#eee; border-radius:5px; text-align:center; margin-top:22px; padding:15px; padding-top:0}
.contact_in_4 h3{ font-size:22px; color:#2073bc; padding:15px 0 15px 0}

.contact_in_4a{ font-size:14px; line-height:25px;}

/**/
.about_in1{ width:100%; font-size:15px; line-height:26px; padding-top:20px;}
.about_in1 img{ margin:4px 0 0 10px;}

.highslide-gallery{ width:100%; text-align:center; margin-top:20px;}
.highslide-gallery img{ width:100%; border:dashed #d6d6d6 1px; padding:2px; margin-bottom:7px;}



@media (max-width:768px)
{
	.service_l h3{ text-align:center; font-size:20px; line-height:26px;}
	.service_l a{ margin:20px auto 0 auto}
	.service_r{ padding-top:26px;}
	.service_r h3{ font-size:16px; line-height:18px; padding-top:10px;}
	
	.about_r{ display:none;}
	.about{ padding-bottom:25px;}
	
	.p_title h3{ font-size:20px; padding:28px 0 5px 0; line-height:26px;}
	.p_index h3{ font-size:16px; padding:10px 6px 10px 6px; line-height:22px;}
	
	.p_title h3{ width:100%;}
	.customer_index h4{ width:100%;}
	
	.foot_1_b h3{ padding-top:22px;}
	.foot_1{ padding-top:0;}
	.foot_1_a img{ margin-top:22px;}
	.foot_1_c{ padding-top:22px; text-align:left}
	
	.banner_in img{ min-height:120px;}
	
	.proimg-move{ display:block; padding-top:13px;}
    .proimg-pc{ display:none}
	
	.proimg-move img{ width:100%; border:solid #ddd 4px; margin-top:15px;}
	
	.access_in2 h3{ padding-top:10px;}
	}

@media (min-width:768px) and (max-width:992px)
{
	.service_l a{ margin:20px auto 0 auto}
	
	.about_r{ display:none;}
	.about{ padding-bottom:25px;}
	
	.proimg-move{ display:block; padding-top:13px;}
    .proimg-pc{ display:none}
	
	.proimg-move img{ width:100%; border:solid #ddd 4px; margin-top:15px;}
	}

@media (min-width:992px) and (max-width:1200px)
{
	.head .nav ul li .f_a{ padding:16px 9px 16px 9px; font-size:14px;}
	
	.about_r{ display:none;}
	.about{ padding-bottom:25px;}
	
	.proimg-move{ display:block; padding-top:13px;}
    .proimg-pc{ display:none}
	
	.proimg-move img{ width:100%; border:solid #ddd 4px; margin-top:15px;}
	}