@charset "utf-8";
/* reset */
*{word-wrap:break-word;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,itoTopnput,select,textarea{font-family:"Arial","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/*img*/
img{border:0;vertical-align:middle;max-width:100%;}
.img-responsive{max-width: 100%;height: auto}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
/* *{transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;} */
.hidden_m{display: block;}
.hidden_p{display: none;}
.dibunav.hidden_p{display: none;}
/* one */
.fl{ float: left; }
.fr{ float: right; }
.w100{ width: 100%; display: block; position: relative; }
.bgh{ background-color: #f5f5f5; }
.bgh2{ background-color: #ebedf0; }
header{ height: 140px; width: 100%; display: block; border-top: 2px solid #0b5796; background-color: #fff; position: relative; z-index: 29; overflow: hidden; }
header.hidden_p{ height: 62px; }
.top_bar {width: 100%; margin: 0; padding: 12px 12.5%; position: fixed; top: 0; left: 0; background-color: #fff; }
.top_bar .logo{ float: left; }
.top_bar .logo img{ height: 55px; }
.top_bar .top_right{ float: right; font-size: 16px; margin-top: 8px;}
.top_bar .top_right .top_tel{ background-image: url('../images/tel_icon.png'); background-repeat: no-repeat; background-position: left center; padding-left: 30px; margin-top: 10px; margin-right: 3em; }
.top_bar .top_right .top_email{ background-image: url('../images/email_icon.png'); background-repeat: no-repeat; background-position: left center; padding-left: 30px; margin-top: 10px; margin-right: 3em; }
.top_bar .top_right .top_email a{ color: rgba(16, 55, 112, 1); }
.top_bar .top_right .top_search{ position: relative; }
.top_bar .top_right .top_search .top_input{ height: 36px; line-height: 36px; font-size: 16px; width: 12rem; padding: 0 15px; border: 1px solid #eaeaea; }
.top_bar .top_right .top_search .top_submit{ position: absolute; right: 0; top: 0; background: url('../images/search_icon.png') no-repeat center; width: 35px; height: 35px; display: block; text-indent: 99999px; border: none;z-index: 2; }
.menu{position: fixed; top: 78px; left: 0; width: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background-color: #fafafa;}
.menu ul{ width: 75%; margin: 0 auto; /*overflow: hidden; */}
.menu li{ position: relative; display: inline-block; float:left; padding: 0 2.2rem 0 0; }
.menu li::after{ position: absolute; content: ''; left: -1.1rem; top: 50%; margin-top: -3px; width: 6px; height: 6px; background-color: #bfc2c6; border-radius: 50%; display: block; }
.menu li:first-child::after, .menu li:last-child::after{ display: none; }
.menu li a{ display: inline-block; font-size: 18px; color: #100d11; font-weight: 500; padding: 15px 10px;text-transform : uppercase; }
.menu li a:hover{ color: rgba(16, 55, 112, 1); }
.menu li.lastli{ float: right; display: inline-block; padding-right: 0; }
.menu li.lastli a{ border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; color: #bdbdbd; padding: 15px 15px; float: left; margin-left: -1px; }
/* 下拉菜单 */

#toTop {
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 50%;
    position: fixed;
    z-index: 999;
    background: #0b5796;
}

/*#menuPc li:hover>a{
	background-color: #966d26
}*/
#menuPc li {
  z-index: 3;
}
.pcnav {
    float: right;
}
#menuPc li:hover .erji {
  opacity: 1;
  visibility: visible;
  top: 100%;
  transition: all 0.5s;
  border-top: 2px solid #fff;
}

#menuPc .erji {
  position: absolute;
  left: 0;
  min-width: 100%;
  background-color: rgba(16, 55, 112, 1);
  top: 105%;
  padding: 15px 10px;
  box-shadow: 0 0 8px 0 rgba(97, 64 8, 0.9);
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}

#menuPc .erji dd {
  padding: 5px 0;
  white-space: nowrap;
  display: block;
  border-bottom: 1px solid rgba(255,255,255,0.2);
    position: relative;
  
}

#menuPc .erji dd:last-child{
	border-bottom: 0;
}
#menuPc .erji dd a {
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  padding: 5px 10px;
}

#menuPc .erji dd a:hover {
  text-decoration: underline;
  background: none;
}

.pro_erji{
	display: none;
	padding-left: 30px;
}

.left_menu li:hover .pro_erji{
	display: block;
}

.nav_erji{
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
    background-color: rgba(16, 55, 112, 1);
}
#menuPc .erji dd:hover .nav_erji{
	display: block;
}

/* 下拉菜单 end */
/* 手机端menu */
.menu_box{ position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; padding: 10px 15px; z-index: 22; }
.menu_box .logo img{ height: 42px; }
.m_menu{position: fixed; top: 0; left: -230px; width: 220px; height: 101%; border-bottom: 1px solid #eaeaea; background-color: #333;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; }
.m_menu.open{ left: 0; }
.m_menu li{ display: block; text-align: center; }
.m_menu li a{ display: inline-block; padding: 15px 8px; font-size: 18px; font-weight: 600; line-height: 2; color: #fff; }
.m_menu li.lastli a{  }

/* index banner */
.banner{ position: relative; display: block; }
.banner .box{ position: absolute; left: 15%; top: 50%; width: 60%; color: #fff; z-index: 5;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-mos-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
.banner .box h4{ font-size: 3.6rem; font-weight: 500;}
.banner .box p{ font-size: 1.2rem; }
.banner_n{ position: relative; height: 400px; background-image: url('images/p_banner.jpg'); background-repeat: no-repeat; background-size: cover; background-position: top center; }
/* 内页banner */
.banner_n img{ height: 100%; width: auto; max-width: fit-content;}
.banner_info{display: none; width: 75%; margin: 0 auto; color: #fff; padding-top: 10%; }
.banner_lx .banner_info{ padding-top: 5%; }
.banner_info h4{ font-size: 2.5rem; }
.banner_info i{ width: 10%; height: 1px; background-color: #fff; display: block; margin-top: 1.2rem; margin-bottom: .8rem; }
.banner_info p{ font-size: 16px; }
.banner .swiper-button-next, .banner .swiper-button-prev{ width: 34px; height: 70px; margin-top: -35px; line-height: 70px; }
.banner .swiper-button-prev:hover{background-color: rgba(16, 55, 112, 1); color: #fff;}
.banner .swiper-button-next:hover{background-color: rgba(16, 55, 112, 1); color: #fff;}
/* 位置信息 */
.postion_box{ position: absolute; top: -70px; left: 0; height: 72px; width: 100%; line-height: 72px; z-index: 9;}
.postion_box .postion{ background-color: #fff; width: 80%; margin: 0 auto; text-align: left; color: #333; padding: 0 2.6%; }
.postion_box .postion a{ display: inline-block; font-size: 16px; color: #999; }
.postion_box .postion a:hover{ color: rgba(16, 55, 112, 1); }
.tit{ margin-bottom: 2rem;margin-top: 2rem; font-size: 2.6rem; color: rgba(16, 55, 112, 1); text-align: center;text-transform : uppercase; padding: 0 15px; line-height: 1; }

/* index Product */
.in_pro_list{ width: 75%; margin: 0 auto; overflow: hidden; margin-bottom: 2rem; }
.in_pro_list .left_nav{ float: left; width: 25%; border: 1px solid #ebebeb; padding: 12px 40px 8px 35px; }
.in_pro_list .right_main{ float: right; width: 100%;  }
.in_pro_list .left_nav .nav_tit{ margin-bottom: 15px; font-size: 20px; font-weight: 600; }
.in_pro_list .left_nav .nav_tit i{ float: right; margin-top: 5px; color: #999; display: none; }
.in_pro_list .left_nav li{  }
.in_pro_list .left_nav li a{ display: block; font-size: 16px; padding: 8px 0; color: #888; border-top: 1px solid #ebebeb; }
.in_pro_list .left_nav li a:hover{color: rgba(16, 55, 112, 1); }
.plist{ display: block; overflow: hidden; padding: 0 15px; margin-right: -30px; }
.plist li{ float: left; display: inline-block; width: 25%; padding: 0 15px;}
.plist li .pl_img{width: 100%; overflow: hidden;}
.plist li a img{ width: 100%; border: 1px solid #f1f1f1;transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s;-o-transition: all 0.6s; }
.plist li a img:hover{transform: scale(1.2); -wekbit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}
.plist li a em{ padding: 0 5px; font-size: 16px; display: block; font-style: normal; height: 3rem; line-height: 3; margin-bottom: 20px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.plist li a{ text-align: center; color: #888888; }
.plist li a:hover{ color: #0b5796; }

.rel_list{ padding: 0 20px; }
.rel_list .swiper-slide{}
.rel_list .swiper-slide a{}
.rel_list .swiper-slide .pl_img{width: 100%; overflow: hidden;}
.rel_list .swiper-slide .pl_img img{width: 100%; border: 1px solid #f1f1f1;transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s;-o-transition: all 0.6s;}
.rel_list .swiper-slide .pl_img img:hover{transform: scale(1.2); -wekbit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}
.rel_list .swiper-slide a em{ padding: 0 5px; font-size: 16px; display: block; font-style: normal; height: 3rem; line-height: 2;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.rel_list .swiper-slide a{ text-align: center; color: #888888; }
.rel_list .swiper-slide a:hover{ color: #0b5796; }
.rel_list .swiper-button-next, .rel_list .swiper-button-prev{ width: 34px; height: 70px; margin-top: -59px; line-height: 70px; }
.rel_list .swiper-button-prev:hover{background-color: #0b5796; color: #fff;}
.rel_list .swiper-button-next:hover{background-color: #0b5796; color: #fff;}

/* index solution */
.in_jjfa{ 
	position: relative; overflow: hidden; /*margin-bottom: 3rem;*/
	/*background-image: url('../images/jb_bg.jpg'); background-repeat: repeat-y; background-size: 100%; background-position: top right;*/ background-color: rgba(16, 55, 112, 1);
	/* background: linear-gradient(to left, rgba(1,86,136,1) 0%, rgba(1,86,136,.25) 100%, transparent 80%); 
	background: -webkit-linear-gradient(to left, rgba(1,86,136,1) 0%, rgba(1,86,136,.25) 100%, transparent 80%); 
	background: -o-linear-gradient(to left, rgba(1,86,136,1) 0%, rgba(1,86,136,.25) 100%, transparent 80%); 
	background: -ms-linear-gradient(to left, rgba(1,86,136,1) 0%, rgba(1,86,136,.25) 100%, transparent 80%);  */
}
.in_jjfa::after{ position: absolute; content: ''; left: 0; top: 0; width: 50%; height: 100%; background-image: url('/wp-content/uploads/2022/10/背景图.png'); background-repeat: no-repeat; background-size: cover; z-index: 1;}
.in_jjfa::before{ position: absolute; content: ''; left: 0; top: 0; width: 50%; height: 100%; background-color: rgba(0, 0, 0, .6); z-index: 2; }
.in_jjfa .jjfa_box{ position: relative; width: 75%; margin: 0 auto; padding: 4rem 0; overflow: hidden; z-index: 3; }
.in_jjfa .left_nav{ position: relative; float: left; width: calc(35% - 30px); padding: 0 30px 0 0; }
.in_jjfa .left_nav ul{  }
.in_jjfa .left_nav ul li{ padding: 0 0px; color: #fff; cursor: pointer; }
.in_jjfa .left_nav ul li.curr{ background-color: rgba(0, 0, 0, .2); }
.in_jjfa .left_nav ul li h4{ font-size: 18px; margin-bottom: 10px; padding:20px 20px 0; border-top: 1px solid rgba(255, 255, 255, .5); }
.in_jjfa .left_nav ul li p{ font-size: 16px; padding:0 20px 20px; }
/*.in_jjfa .left_nav ul li.curr h4{ color: #103770;}
.in_jjfa .left_nav ul li.curr p{ color: #103770;}*/
.in_jjfa .left_nav ul li:last-child p{ border-bottom: 1px solid rgba(255, 255, 255, .5); }
.in_jjfa .mid_img{ width: 30%; float: left; padding: 0 30px; margin-left: 20px;}
.in_jjfa .mid_img img{ width: 100%; }
.in_jjfa .right_main{ float: right; width: 35%; }
.in_jjfa .right_main ul{ margin: 0 auto; padding: 0 30px; }
.in_jjfa .right_main ul li{ color: #fff; display: none; }
.in_jjfa .right_main ul li.curr{ display: block; }
.in_jjfa .right_main ul li h4{ font-size: 18px; margin-top: 2rem; margin-bottom: 20px; }
.in_jjfa .right_main ul li .jjfa_text{ font-size: 16px; margin-bottom: 30px; }
.in_jjfa .right_main ul li .jjfa_more{ border: 1px solid #fff; padding: 8px 25px; color: #fff; }
.in_jjfa .right_main ul li .jjfa_more:hover{ background-color: #0f3977; border-color: #0f3977; }

/* index Certification */
.in_rz{  margin-bottom: 3rem; }
.container_rz{ width: calc(75% + 40px); padding: 0 20px; }
.container_rz .swiper-slide{text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;}
.container_rz .swiper-slide:not(.swiper-slide-active){transform: scale(0.82);}
.container_rz .swiper-button-prev{ left: -0px; background-color: rgba(161, 169, 175, .5); color: #fff; }
.container_rz .swiper-button-prev:hover, .container_rz .swiper-button-next:hover{ background-color: rgba(11, 87, 150, 1);}
.container_rz .swiper-button-next{ right: -0px; background-color: rgba(161, 169, 175, .5); color: #fff; }

/* index Subscribe */
.in_dy{ background-color: #0b5796; padding:3rem 0; margin: 0 0 3rem; overflow: hidden; }
.in_dy .dy_box{ width: 75%; margin: 0 auto; }
.in_dy .dy_box .left_nav{ float: left; position: relative; color: #fff; padding-left: 80px; }
.in_dy .dy_box .left_nav .icon{ position: absolute; left: 0; top: 0; font-size: 50px; }
.in_dy .dy_box h3{ font-size: 30px; }
.in_dy .dy_box p{ font-size: 15px; }
.in_dy .dy_box .right_main{ position: relative; float: right; width: 35%;}
.in_dy .dy_box .right_main .dy_input{ width: 100%; height: 50px; line-height: 50px; padding: 0 20px; }
.in_dy .dy_box .right_main .dy_btn{ position: absolute; top: 0; right: 0; height: 50px; line-height: 50px; padding: 0 20px; background-color: #054071; color: #fff; border: 1px solid #054071; }
.right_main .BURY_CODE_6eb5a9587bf64cbc9d7e07ab65166ae1{ position: relative; float: right; width: 100%;}
.right_main .BURY_CODE_6eb5a9587bf64cbc9d7e07ab65166ae1 .xhl_form label{ display: none; }
.right_main .BURY_CODE_6eb5a9587bf64cbc9d7e07ab65166ae1 .xhl_form .xhl-form-tip{ display: none; }
.right_main .BURY_CODE_6eb5a9587bf64cbc9d7e07ab65166ae1 .xhl_form fieldset{ padding:0;}
.right_main .BURY_CODE_6eb5a9587bf64cbc9d7e07ab65166ae1 .xhl_form .xhl-input-xlarge{ width: 100%; height: 50px; line-height: 50px; padding: 0 20px; }
.right_main .BURY_CODE_6eb5a9587bf64cbc9d7e07ab65166ae1 .xhl_form .xhl-footer{ position: absolute; top: 20px; right: 0px; height: 50px; line-height: 50px; padding: 0 35px; background-color: #054071; color: #fff; border: 1px solid #054071; }

/* index about */
.in_about{ width: 75%; margin: 0 auto; padding: 3rem 0; text-align: center;  }
.in_about .about_txt{ width: 92%; margin: 0 auto; font-size: 16px; color: #666; text-align: center; }
.in_about .about_img img{ width: 100%; margin: 3rem 0;}
.in_about .about_more{ display: inline-block; border: 1px solid rgba(16, 55, 112, 1); padding: 8px 25px; background-color: rgba(16, 55, 112, 1); color: #fff; }
.in_about .scroll_down{ padding-top: 6rem; padding-bottom: 3rem; font-size: 16px; color: #333; }
.in_about .scroll_down a{ color: #333; display: block; }
.in_about .scroll_down a:hover{ color: rgba(16, 55, 112, 1); }

/* product list */
.cont_box{ position: relative; width: 75%; margin: 0 auto; padding: 3rem 0; overflow: hidden; z-index: 2;}
.nopadd{ padding: 10px 0; }
.left_menu{ float: left; width: 25%; border: 1px solid #ebebeb; padding-bottom: 10px; }
.right_main{ float: right; width: 75%; }
.left_menu .nav_tit{ margin-bottom: 10px; padding: 10px 20px; font-size: 20px; font-weight: 600; background-color: #f3f3f3; }
.left_menu .nav_tit i{ display: inline-block; margin: 0 15px 0 0; }
.left_menu .nav_tit span{ float: right; color: #999; margin-top: 5px; display: none; }
.left_menu li{ padding: 0 20px; }
.left_menu li a{ display: block; font-size: 16px; padding: 12px 0; color: #888; }
.left_menu li a i{ float: right; color: #fff; }
.left_menu li a.curr i, .left_menu li a:hover i{color: #0b5796; }
.left_menu li a.curr { color: #0b5796; }
.left_menu li a:hover{color: #0b5796; }
.prlist{ display: block; overflow: hidden; padding: 0 15px; margin-right: -30px; }
.prlist li{ float: left; display: inline-block; width: 25%; padding: 0 15px; }
.prlist li a .pimg{position: relative;}
.prlist li a .pimg img{ width: 100%; }
.prlist li a .pimg .pop{position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; text-align: center; background-color: rgba(46, 102, 158, 0.5); opacity: 0; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; }
.prlist li a .pimg .pop i{ position: absolute; top: 50%; left: 50%; font-size: 1rem; color: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; z-index: 3; }
.prlist li a .pimg:hover .pop{ left:0; top:0;width: 100%; height: 100%;opacity:1;}
.prlist li a .pimg:hover .pop i{ font-size: 4rem;}
.prlist li a .pname{ padding: 0 5px; font-size: 16px; display: block; font-style: normal; margin: 15px 0 25px 0; line-height: 2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.prlist li a{ text-align: center; color: #888888; }
.prlist li a:hover{ color: #0b5796; }

/* product xx */
.pro_info{ padding-left: 3.5%; }
.pro_base{ border-bottom: 1px solid #dfdfdf; overflow: hidden; }
.pro_imgs{ width: 45%; float: left; }
.pro_basic{ width: 50%; float: right; }
.pro_basic .p_title{ font-size: 1.8rem; color: #333; line-height: 1.5; text-transform: uppercase; }
.pro_basic .share{ padding: 20px 0; border-bottom: 1px solid #dfdfdf; }
.pro_basic .share a{ display: inline-block; width: 40px; height: 40px; text-align: center; font-size: 22px; line-height: 40px; color: #656565; background-color: #e6e6e6; border-radius: 50%; margin-right: 10px; }
.pro_basic .share a:hover{ background-color: #0b5796; color: #fff;}
.pro_basic .p_info{ color: #666; font-size: 16px; line-height: 2; padding: 20px 0; border-bottom: 1px solid #dfdfdf; }
.pro_basic .p_xs{ color: #666; font-size: 16px; line-height: 2; padding: 20px 0; border-bottom: 1px solid #dfdfdf; }
.pro_basic .p_xs span{ display: inline-block; }
.pro_basic .p_xs span i{ display: inline-block; width: 12px; height: 12px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; margin: 0 10px; }
.pro_basic .p_xs span i.brown{ background-color: Brown; }
.pro_basic .p_xs span i.white{ background-color: White; }
.pro_basic .p_xs span i.grey{ background-color: Grey; }
.pro_basic .p_xs span i.yellow{ background-color: yellow; }
.pro_basic .p_xs span i.gray{ background-color: #e5e5e5; }
.pro_basic .p_xs span i.gray.white{ background-color: #e5e5e5; }
.pro_basic .p_btns{ padding-top: 20px; }
.pro_desc{ border-bottom: 1px solid #dfdfdf; padding: 30px 0; }
.pro_detail{ border-bottom: 1px solid #dfdfdf; padding: 30px 0; overflow: hidden; }
.p_tit{ font-size: 2rem; color: #333; margin-bottom: 15px;line-height: 1; }
.p_desc{ font-size: 16px; color: #666; line-height: 2; }
.p_ul{ margin: 0 -15px; }
.p_ul li{ display: inline-block; float: left; width: 33.3333%; padding: 15px; }
table{width:100%; border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
table td{padding:2px;border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;}
/* 产品轮播图 */
.swiper-container.gallery-thumbs{ margin-top: 10px; }
.gallery-thumbs .swiper-slide{ border: 1px solid #eeeded;opacity: 0.7; }
.gallery-thumbs .swiper-slide-thumb-active{ border: 1px solid #0b5796; opacity: 1; }
.gallery-top .swiper-button-prev{ left: 0px; width: 42px; background-color: rgba(255, 255, 255, .6); box-shadow: 1px 1px 6px rgba(0, 0, 0, .3); color: #000; }
.gallery-top .swiper-button-prev:hover, .gallery-top .swiper-button-next:hover{ background-color: #0b5796; color: #fff;}
.gallery-top .swiper-button-next{ right: 0px; width: 42px; box-shadow: 1px 1px 6px rgba(0, 0, 0, .3); background-color: rgba(255, 255, 255, .6); color: #000; }
.gallery-top .swiper-slide img{ width: 100%; }
.gallery-top.swiper-container{ border: 1px solid #eee; }

.gallery-detail .swiper-button-prev{ left: -0px; background-color: rgba(161, 169, 175, .5); color: #fff; }
.gallery-detail .swiper-button-prev:hover, .gallery-detail .swiper-button-next:hover{ background-color: rgba(11, 87, 150, 1);}
.gallery-detail .swiper-button-next{ right: -0px; background-color: rgba(161, 169, 175, .5); color: #fff; }
/* 方案 product ADVANTAGE */
.adva_box{}
.adva_box li{ background-color:#ebedf0; margin-bottom: 30px; overflow: hidden;}
.adva_box li .adva_img{ float: left; width: 45%; overflow: hidden; }
.adva_box li .adva_img img{ width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s;-o-transition: all 0.6s; }
.adva_box li .adva_img img:hover{ transform: scale(1.2); -wekbit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.adva_box li .adva_main{ width: 52%; float: right; padding: 5% 5% 3% 3%; }
.adva_box li:nth-child(2n) .adva_main{ padding: 5% 3% 3% 5%; }
.adva_box li .adva_main h4{ font-size: 2.2rem; margin-bottom: 3%;text-transform : uppercase; line-height: 1; }
.adva_box li .adva_main p{ font-size: 16px; margin-bottom: 6%; }
.adva_box li:nth-child(2n) .adva_img{ float: right; }
.adva_box li:nth-child(2n) .adva_main{ float: left; }
.adva_box li:nth-child(2n) .adva_main h4{ margin-top: -2%; }

/* 方案 product Partner */
.partner_tit{ padding: 3rem; font-size: 3rem; color: #fff; background-color: #0b5796; text-align: center; }
.partner_box{ border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf; overflow: hidden;}
.partner_box li{ float: left; width: 20%;border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; overflow: hidden; }
.partner_box li img{ width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s;-o-transition: all 0.6s; }
.partner_box li img:hover{transform: scale(1.2); -wekbit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}

/* 方案详情 */
.main_art{margin-left: 3.5%;}
.main_title{ padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; }
.main_title .title{ font-size: 2.3rem; font-weight: 500; color: #333;}
.main_title .adate{ font-size: 12px; font-weight: 500; color: #999; padding:15px 0 25px 0;}
.main_title .share a{ display: inline-block; width: 40px; height: 40px; text-align: center; font-size: 22px; line-height: 40px; color: #656565; background-color: #e6e6e6; border-radius: 50%; margin-right: 10px; }
.main_cont{ font-size: 16px; line-height: 24px; padding: 30px 0; border-bottom: 1px solid #e6e6e6;}
.art_next{ padding: 30px 0; border-bottom: 1px solid #e6e6e6; }
.btn_next{ background-color: #0b5796; border-radius: 4px; color: #fff; padding: 10px 15px; display: inline-block; margin-right: 20px; margin-bottom: 20px; }
.btn_next i{ display: inline-block; width: 24px; height: 24px; background-color: #fff; color: #0b5796; border-radius: 50%; line-height: 24px; text-align: center;}

/* message */
.message_box{ padding: 30px 0; }
.message_box .message_tit{ font-size: 2rem; color: #333; }
 .message_box .halfl_inp{ float: left; width: 50%; padding-right: 12px; margin: 13px 0; }
.message_box .halfr_inp{ float: left; width: 50%; padding-left: 12px; margin: 13px 0; }
.message_box .mes_text{ clear: both; margin: 13px 0; }
.message_box label{ font-size: 16px; color: #666; margin-bottom: 5px; }
.message_box .halfl_inp input, .message_box .halfr_inp input{ display: block; width: 100%; height:46px; line-height: 46px; border: none; background-color: #eeeff3; padding: 0 10px; font-size: 16px; }
.message_box textarea{ display: block; width: 100%; height: 120px; overflow: auto; border: none; background-color: #eeeff3; padding:10px; font-size: 16px; }
.message_box .msg_btn{ margin-top: 30px; text-align: center; }
.message_box .msg_btn input{ display: inline-block; padding: 12px 65px; color: #fff; background-color: #0b5796; border: 1px solid #0b5796; font-size: 16px; text-transform: uppercase; border-radius: 4px; } 

.BURY_CODE_28d8c5a6a4844145913deca06668377e{ margin: 35px -10px; }
.BURY_CODE_28d8c5a6a4844145913deca06668377e fieldset{ padding: 0; margin: 0; }
.BURY_CODE_28d8c5a6a4844145913deca06668377e .usedComp{ position: relative;margin-bottom: 32px; width: 50%; float: left; }
.BURY_CODE_28d8c5a6a4844145913deca06668377e .usedComp.xhl-form-text{width: 100%; }
.BURY_CODE_28d8c5a6a4844145913deca06668377e .usedComp .xhl-control-label{  position: absolute; width: 100px; left: 18px;     top: -27px; text-align: left; }
.BURY_CODE_28d8c5a6a4844145913deca06668377e .usedComp .xhl-controls{ padding:0 10px; width: 100%; position: relative; }
.BURY_CODE_28d8c5a6a4844145913deca06668377e .usedComp .xhl-controls .xhl-textarea{display: block; width: 100%; height: 120px; overflow: auto; border: none; background-color: #eeeff3; padding:10px; font-size: 16px;}
.BURY_CODE_28d8c5a6a4844145913deca06668377e .usedComp .xhl-controls .xhl-input-xlarge{ width: 100%; height: 42px; line-height: 42px; border: none; background-color: #eeeff3; padding: 0 10px; font-size: 16px; }
.BURY_CODE_28d8c5a6a4844145913deca06668377e .usedComp .xhl-controls span{ position: absolute; right: 15px; top: 14px; color: #f00; font-size: 16px;  }
.BURY_CODE_28d8c5a6a4844145913deca06668377e .xhl-footer{ padding-left: 10px; }
.BURY_CODE_28d8c5a6a4844145913deca06668377e .xhl-footer .xhl-submit{ display: inline-block; padding: 12px 65px; color: #fff; background-color: #0b5796; border: 1px solid #0b5796; font-size: 16px; text-transform: uppercase; border-radius: 4px; }
.BURY_CODE_28d8c5a6a4844145913deca06668377e .xhl-footer .xhl-submit:hover{ opacity: .8;}

.lx_box .BURY_CODE_28d8c5a6a4844145913deca06668377e .usedComp .xhl-controls .xhl-input-xlarge{ background-color: #fff; }
.lx_box .BURY_CODE_28d8c5a6a4844145913deca06668377e .usedComp .xhl-controls .xhl-textarea{ background-color: #fff; height: 70px; }

/* 联系 contact */
.banner_lx{ position: relative; background-image: url('images/lx_bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: top center; }
.lx_left{ float: left; width: 33.5%; padding: 3% 3% 9.1% 3%; background-color: #f0f0f0; background-image: url('../images/ditu_bg.png'); background-repeat: no-repeat; background-size: 90%; background-position: bottom center; text-align: right; }
.lx_left h4{ font-size: 2rem; margin-bottom: 30px; font-weight: 500; }
.lx_left p{ font-size: 16px; color: #333; line-height: 2; }
.lx_right{ float: right; width: 65%; background-color: #f0f0f0; padding: 3%; }
.lx_box .message_tit{ font-size: 2rem; color: #333; margin-bottom: 3%; }
.lx_box .halfl_inp{ position: relative; float: left; width: 50%;padding-left: 100px; padding-right: 15px; margin:7px 0; }
.lx_box .halfr_inp{ position: relative; float: left; width: 50%; padding-left: 100px; margin: 7px 0; }
.lx_box label{ position: absolute; left: 0; top: 5px; width: 90px; display: block; font-size: 16px; color: #666; margin-bottom: 5px;text-align: right; }
.lx_box .halfl_inp input, .lx_box .halfr_inp input{ display: block; width: 100%; height: 34px; line-height: 34px; border: none; background-color: #fff; padding: 0 10px; font-size: 16px; }
.lx_box textarea{ display: block; width: 100%; height: 70px; overflow: auto; border: none; background-color: #fff; padding:10px; font-size: 16px; }
.lx_box .lx_btn{ clear: both; text-align: left; padding-left: 100px; }
.lx_box .lx_btn input{margin-top: 20px; display: inline-block; padding: 8px 35px; color: #0b5796; background-color: #fff; border: 1px solid #fff; font-size: 16px; text-transform: uppercase; border-radius: 4px; }
.lx_box .lx_btn input:hover{background-color: #0b5796; color: #fff; border: 1px solid #0b5796;}

/* about philosophy */
.ph_bg{ position: absolute; top: 0; left: 0; width: 100%; background-color: #333; padding: 10rem 0; z-index: -1; }
.ph_box{ width: 75%; margin: 0px auto; padding: 3rem 20px;}
.ph_box .ph_main{ position: relative; background-color: #0b5796; margin-top: 3rem; z-index: 2;}
.ph_box .ph_img{ position: absolute; top: -3rem; left: 60px; width: calc(50% - 120px) }
.ph_box .ph_img img{ width: 100%; }
.ph_box .ph_info{ padding: 3% 5% 5% 50%; color: #fff; }
.ph_box .ph_info h4{ padding-right: 15%; font-size: 2.4rem; font-weight: 500; }
.ph_box .ph_info p{ font-size: 16px; margin-bottom: 20px; }
.ph_box .ph_info p b{ font-size: 16px; display: block; }


.deve_box .course-list{
  margin-top: 30px;
  width: 100%;
  position: relative;
}
.deve_box.m-wrap .course-list{
  margin-top: 20px;
}
.deve_box .course-list .ovh{
  width: 91%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: url(../images/bg_12.png) repeat-x left center;
}
.deve_box.m-wrap .course-list .ovh{
  background: none;
  width: 100%;
}
.deve_box .course-list li{
  width: 300px;
  position: relative;
  margin-right: -93px;
  float: left;
}
.deve_box.m-wrap .course-list li{
  margin-right: 0;
  margin-bottom: 20px;
  width: 100%;
}
.deve_box .course-list .main{
  padding: 17px 20px 27px;
  background-color: #fff;
  color: #777;
}
.deve_box .course-list .main p{
  padding-left: 18px;
  background: url(../images/ico_125.jpg) no-repeat left 9px;
}
.deve_box.m-wrap .course-list .main{
  padding: 17px 3% 27px;
}
.deve_box .course-list li .top{
  background: url(../images/bg_10.png) no-repeat left top;
  padding-top: 45px;
  line-height: 42px;
  font-family: "Arial";
  font-size: 18px;
  text-align: center;
}
.deve_box.m-wrap .course-list li .top{
  padding-top: 0;
  padding-left: 3%;
  text-align: left;
  background: #e8e8e8;
}
.deve_box .course-list li.odd{
  margin-top: 0;
}
.deve_box.m-wrap .course-list li.odd{
  position: relative;
}
.deve_box .course-list li.odd .top{
  background: url(../images/bg_11.png) no-repeat left bottom;
  padding-bottom: 45px;
  padding-top: 0;
}
.deve_box.m-wrap .course-list li.odd .top{
  padding-bottom: 0;
  background: #e8e8e8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.deve_box.m-wrap .course-list li.odd .main{
  margin-top: 42px;
}
.deve_box .course-list .butn{
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50%;
  margin-top: -21px;
  cursor: pointer;
}
.deve_box.m-wrap .course-list .butn{
  display: none;
}
.deve_box .course-list .prev{
  background: url(../images/ico_40.png) no-repeat center top;
  left: 0;
}
.deve_box .course-list .next{
  background: url(../images/ico_39.png) no-repeat center top;
  right: 0;
}
.deve_box .course-list .butn:hover{
  background-position: center bottom;
}
.deve_box .course-list li:hover .top{
  background: url(../images/bg_10.png) no-repeat right top;
  color: #fff;
}
.deve_box.m-wrap .course-list li:hover .top,.deve_box.m-wrap .course-list li.odd:hover .top{
  background: #e8e8e8;
  color: #666;
}
.deve_box .course-list li.odd:hover .top{
  background: url(../images/bg_11.png) no-repeat right top;
  color: #fff;
}
/* about DEVELOPMENT */
.deve_box{ width: 75%; margin: 0px auto; padding: 3rem 20px; }
.container_de{ padding: 0 44px; }
.container_de::after{ position: absolute; content: ''; width: 96%; top: 50%; left: 2%; height: 1px; background-color: #e3e3e3; }
.deve_item{ position: relative; padding-top: 32px; padding-bottom: 0; color: #777;}
.deve_item:nth-child(2n){ position: relative; padding-top: 0; padding-bottom: 32px; }
.deve_item:nth-child(2n+1){ margin-top: 166px; }
.deve_item:nth-child(2n+1)::after{content: "";width: 0;height: 0;position: absolute;left:50%;margin-left:-15px;top: -30px; z-index: 1;border: 15px solid;border-color: transparent transparent #e8e8e8;}
.deve_item:nth-child(2n+1)::before{content: "";width: 10px;height: 10px;position: absolute;left:50%;margin-left:-7px;top: -39px; bottom: auto; z-index: 2; background-color: #c2c2c2; border-radius: 50%;}
.deve_item:nth-child(2n)::before{content: "";width: 10px;height: 10px;position: absolute;left:50%;margin-left:-7px;top: auto; bottom: -40px; z-index: 2; background-color: #c2c2c2; border-radius: 50%;}
.deve_item:nth-child(2n)::after{content: "";width: 0;height: 0;position: absolute;left:50%;margin-left:-15px;bottom: -18px; z-index: 1;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #e8e8e8;}
.deve_item .deve_date{ position: absolute; left: 0; top: 0; width: 100%; display: block; line-height: 32px; background-color: #e8e8e8;text-align: center; font-size: 16px; }
.deve_item:nth-child(2n) .deve_date{ position: absolute; left: 0; top: auto; bottom: 0; width: 100%; }
.deve_item .deve_cont{ position: relative; display: block; font-size: 16px; background-color: #fff; padding: 10px 10px 10px 30px; }
.deve_item .deve_cont::after{ position: absolute; content: ''; left: 10px; top: 20px; width: 10px; height: 1px; background-color: #777; }
.deve_item.swiper-slide-active .deve_date{ background-color: #2e669e; color: #fff; }
.deve_item.swiper-slide-active:nth-child(2n)::after{border-top: 20px solid #2e669e; }
.deve_item.swiper-slide-active:nth-child(2n+1)::after{border-color: transparent transparent #2e669e; }
.container_de .swiper-button-prev{ left: -0px; background-color: rgba(255, 255, 255, .5); border: 2px solid #c0c0c0; color: #686868; border-radius: 50%; font-size: 1.2rem; width: 36px; height: 36px; margin-top: -18px; }
.container_de .swiper-button-prev:hover, .container_de .swiper-button-next:hover{ background-color: rgba(3, 92, 172, 1); color:#fff; border-color:rgba(3, 92, 172, 1);}
.container_de .swiper-button-next{ right: -0px; background-color: rgba(255, 255, 255, .5);  border: 2px solid #c0c0c0; color: #686868; border-radius: 50%; font-size: 1.2rem; width: 36px; height: 36px; margin-top: -18px;}

/* about fact_img */
.fact_img{ display: flex;display: -ms-flexbox;display: -webkit-flex; }
.fact_img ul{ width: 35%; }
.fact_img ul.fact_m{ width: 30%; }
.fact_img li{ position: relative; padding: 0 2% 4% 2%; }
.fact_img li .fa_pic{ width: 100%; overflow: hidden; }
.fact_img li img{ width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s;-o-transition: all 0.6s;}
.fact_img li img:hover{transform: scale(1.2); -wekbit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}
.fact_img li span{ position: absolute; bottom: 25px; left: 25px; font-size: 20px; color: #fff; }

/* 服务 odm */
.odm_box{ width: 75%; margin: 0 auto; padding-bottom: 1rem; }
.odmlist{ position: relative; top: -72px; z-index: 3;background-color: #fff; overflow: hidden; }
.odmlist li{clear: both; height: 100%; overflow: hidden; }
.odmlist li .odm_img{ width: 50%; float: left; overflow: hidden; }
.odmlist li .odm_img img{ width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s;-o-transition: all 0.6s; }
.odmlist li .odm_img img:hover{transform: scale(1.2); -wekbit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.odmlist li .odm_main{ padding:3% 4% 3% 54%; text-align: center;margin-top: 2%;}
.odmlist li:nth-child(2n) .odm_img{ float: right; }
.odmlist li:nth-child(2n) .odm_main{ padding:3% 55% 3% 5%; text-align: center;}
.odmlist li .odm_main img{ margin: 3%;}
.odmlist li .odm_main h4{ font-size: 2.2rem; color: #0b5796; margin-bottom: 2%; font-weight: 500;}
.odmlist li .odm_main p{ font-size: 16px; color: #333;}
.odmlist li .odm_main a{ display: inline-block; margin-top: 5%; }
.btn_write{ display: inline-block; padding: 10px 45px; border: 1px solid #c4c6c8; border-radius: 4px; font-size: 16px; color: #333; }
.btn_write:hover{ background-color: #0b5796; color: #fff; border-color: #0b5796; }

/* 服务 question */
.quest_box{ 
	position: relative; overflow: hidden; margin-bottom: 3rem;
	background-image: url('../images/jb_bg.jpg'); background-repeat: repeat-y; background-size: 100%;
	/* background: linear-gradient(to left, rgba(1,86,136,1) 0%, rgba(1,86,136,.25) 100%, transparent 130%); 
	background: -webkit-linear-gradient(to left, rgba(1,86,136,1) 0%, rgba(1,86,136,.25) 100%, transparent 130%); 
	background: -o-linear-gradient(to left, rgba(1,86,136,1) 0%, rgba(1,86,136,.25) 100%, transparent 130%); 
	background: -ms-linear-gradient(to left, rgba(1,86,136,1) 0%, rgba(1,86,136,.25) 100%, transparent 130%);  */
}
.quest_box .bg_img{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; display: block; margin: 0; padding: 0; z-index: 0; }
.quest_tit{ float: left; width: 50%; padding: 5%; font-size: 3rem; color: #fff; min-height: 520px; }
.quest_main{ float: right; width: 50%; padding: 0 5%; }
.quest_main li{ color: #fff; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, .5); }
.quest_main li:first-child{ border-top: 1px solid rgba(255, 255, 255, .5);}
.quest_main li h5{ position: relative; font-size: 18px; padding: 22px 0; }
.quest_main li h5 i{ position: absolute; right: 5px; top: 24px; width: 20px; height: 21px; background-image: url('../images/open_icon.png'); background-repeat: no-repeat; background-position: top 0;}
.quest_main li .quset_text{ display: none; height: 1px; margin-bottom: 25px; padding-right: 10px; overflow: auto; max-height: 8rem; }
.quest_main li.open .quset_text{ display: block; height: auto; }
.quest_main li.open h5 i{ background-position: 0 -21px; }
.quest_main li.open .quset_text::-webkit-scrollbar {
        width: 3px;     
        height: 1px;
    }
.quest_main li.open .quset_text::-webkit-scrollbar-thumb {
        border-radius: 3px;
         -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
        background: #9b9b9b;
    }
.quest_main li.open .quset_text::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
        border-radius: 3px;
        background: #fff;
    }

/* 服务 brand story */
.story_bg{ position: absolute; top: 10%; left: 0; width: 100%; background-color: #f5f5f5; height: 68%; }
.stort_main{ position: relative; top: -2.5rem; width: 45%; padding: 3%; background-color: #fff; box-shadow: 3px 6px 16px 2px rgba(0, 0, 0, .3) }
.stort_main h4{ margin-bottom: 3%; font-size: 2.4rem; color: #0b5796; font-weight: 500; }
.stort_main .stort_text{ position: relative; padding: 0 5% 8% 0; font-size: 16px; color: #999; line-height: 2;}
.stort_main .stort_text::after{ position: absolute; content: ''; left: 0; bottom: 4%; width: 35px; height: 6px; background-color: #0b5796; }
.stort_main .stort_text p{ margin-bottom: 6%; }
.stort_img{ width: 52%; float: right; padding: 3% 0; }

/* 分页 */
.pages{ display: block; text-align: center; margin: 3rem 0; }
.pages ul{ display: inline-block; }
.pages a{ float: left; display: inline-block; margin-left: -1px; }
.pages a{ padding: 12px 18px; border:  1px solid #ebebeb;; font-size: 16px; }
.pages span.current { background-color: #0b5796; color: #fff; float: left; display: inline-block; margin-left: -1px;padding: 12px 18px; border: 1px solid #333; font-size: 16px; }



/* 404 */
.nofind{ width: 75%; margin: 0 auto; padding: 4rem 0; text-align: center; }
.nofind img{ display: block; width: 50%; margin:2rem auto 3rem auto; }
.btn{ background-color: #0b5796; padding: 5px 40px; text-align: center; display: inline-block; color: #fff; border-radius: 3px; font-size: 16px; }
.related_box{ background-color: #fafafa; }

/* footer */
footer{ background-color: #222; width: 100%; display: block; overflow: hidden; padding: 2rem 0; }
.footer_box{ width: 75%; margin: 0 auto; text-align: center;  color: #fff; font-size: 16px;}
.footer_box .footer_link{ display: inline-block; margin-bottom: 20px; }
.footer_box .footer_link li{ position: relative; display: inline-block; float: left; margin: 0 25px; }
.footer_box .footer_link li::after{ position: absolute; content: '/'; left: -27px; top: 0; }
.footer_box .footer_link li:first-child::after{ display: none; }
.footer_box .footer_link li a{ display: block; color: #fff; text-transform : uppercase}
.footer_box p{ margin: 10px 0; }
.footer_box p span{ display: inline-block; margin: 0 20px; }
.footer_box .footer_chare{ margin-top: 20px; } 
.footer_box .footer_chare a{display: inline-block; height: 36px; width: 36px; line-height: 36px; background-color: rgba(16, 55, 112, 1); margin: 0 15px; border-radius: 50%; color: #fff; } 

.dibunav{display: block;position:fixed;width:100%;left:0;bottom:0;z-index:20;padding:10px 0 5px; background-color: #222;}
.dibunav ul li{width:25%;float:left;text-align: center;}
.dibunav ul li p{color:#FFFFFF;text-transform: uppercase;padding-top:10px;font-size:12px;}


/* hamburger */
.hamburger{ position: absolute; top: 15px; right: 15px; display: block; background: none; border: none; }
.hamburger .line{
  width: 32px;
  height: 3px;
  background-color: #0b5796;
  display: block;
  margin: 7px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger.open .line:nth-child(2){
  opacity: 0;
}
.hamburger.open .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}
.hamburger.open .line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}

@media screen and (max-width: 1710px) {
	.lx_left{ padding: 3% 3% 9.6% 3%; }
}

@media screen and (max-width: 1600px) {
	.top_bar{ width: 100%; }
	.menu ul{ width: 82%; }
	.postion_box .postion{ width: 88%; }
	.in_pro_list{ width: 82%; }
	.in_jjfa .jjfa_box{ width: 82%; }
	.container_rz {width: calc(82% + 40px);}
	.in_dy .dy_box{ width: 82%; }
	.in_about{ width: 82%; }
	.cont_box{ width: 82%; }
	.nofind{ width: 82%; }
	.ph_box{ width: 82%; }
	.odm_box{ width: 82%; }
	.deve_box{ width: 82%; }
	.banner_info{ width: 82%; }
	.footer_box{ width: 82%; }

	.lx_left{ padding: 3% 3% 9.6% 3%; }
	.adva_box li .adva_main{ padding: 4% 5% 3% 5%; }
	.adva_box li:nth-child(2n) .adva_main{ padding: 4% 3% 3% 5%; }
}
@media screen and (max-width: 1440px) {
	.top_bar{ width: 100%; padding: 12px 6%; }
	.menu ul{ width: 88%; }
	.postion_box .postion{ width: 93%; }
	.in_pro_list{ width: 88%; }
	.in_jjfa .jjfa_box{ width: 88%; }
	.container_rz {width: calc(88% + 40px);}
	.in_dy .dy_box{ width: 88%; }
	.in_about{ width: 88%; }
	.cont_box{ width: 88%; }
	.nofind{ width: 88%; }
	.ph_box{ width: 88%; }
	.odm_box{ width: 88%; }
	.deve_box{ width: 88%; }
	.banner_info{ width: 88%; }
	.footer_box{ width: 88%; }

	.lx_left{ padding: 3% 3% 9.6% 3%; }
	.adva_box li .adva_main h4{ font-size: 1.8rem; }
}
/* 1280自适应 */
@media screen and (max-width: 1280px) {
	.top_bar{ width: 100%; padding: 12px 3.5%;}
	.menu ul{ width: 93%; }
	.postion_box .postion{ width: 98%; }
	.in_pro_list{ width: 93%; }
	.in_jjfa .jjfa_box{ width: 93%; }
	.container_rz {width: calc(93% + 40px);}
	.in_dy .dy_box{ width: 93%; }
	.in_about{ width: 93%; }
	.cont_box{ width: 93%; }
	.nofind{ width: 93%; }
	.ph_box{ width: 93%; }
	.odm_box{ width: 93%; }
	.deve_box{ width: 93%; }
	.banner_info{ width: 93%; }
	.footer_box{ width: 93%; }
	.banner_n{ height: 350px; }
	.lx_left{ padding: 3% 3% 10% 3%; }
	.adva_box li .adva_main{ padding: 6% 5% 3% 5%; }
	.adva_box li:nth-child(2n) .adva_main{ padding: 5% 3% 3% 5%; }
}

@media screen and (max-width: 1200px) {
	.lx_left{ padding: 3% 3% 10.5% 3%; }
}

/* 1024自适应 */
@media screen and (max-width: 1024px) {
	.menu li{padding: 0 1.3rem 0 0;}
	.container_rz {width: calc(93% + 18px); padding: 0 13px;}
	.banner_n{ height: 320px; }
	.odmlist li .odm_main{ padding:2% 4% 3% 54%; text-align: center;margin-top: 0%;}
	.lx_left{ padding: 3% 3% 11.3% 3%; }
	.adva_box li .adva_main{ padding: 3% 5% 3% 5%; }
	.adva_box li:nth-child(2n) .adva_main{ padding: 3% 3% 3% 5%; }
	.adva_box li .adva_main h4{ font-size: 1.6rem; }
}
/* 960 */
@media screen and (max-width: 960px) {
	.hidden_p{display: block;}
	.hidden_m{display: none;}
	.lx_left{ width: 100%; }
	.lx_right{ width: 100%; margin-top: 30px; }
}
/* 768自适应 */
@media screen and (max-width: 768px) {
	footer{ display: none; }
	.dibunav.hidden_p{display: block;}
	.postion_box{ height: 48px; line-height: 48px; top: -48px; }
	.tit{ font-size: 2rem; }
	.in_pro_list .left_nav{ width: calc(100% - 10px); margin: 0 5px 15px 5px; }
	.in_pro_list .right_main{ width: 100%; }
	.prlist{ margin: 0; padding: 0; }
	.plist{ margin: 0; padding: 0; }
	.plist li{ width: 50%; padding: 0 5px; }
	.in_dy .dy_box .right_main{ display: block; width: 100%; margin-top: 20px; }
	.banner_n{ height: 300px; }
	.partner_box li{ float: left; width: 50%; }
	.adva_box li .adva_img{ width: 100%; }
	.adva_box li .adva_main{ width: 100%; }
	.left_menu{ width: calc(100% - 10px); margin: 0 5px 15px 5px; }
	.right_main{ width: 100%; }
	.main_art{ margin-left: 0; padding: 0 15px; }
	.odm_box{ padding-bottom: 0; margin-bottom: -2rem; }
	.odmlist li .odm_img{ width: 100%; float: none; }
	.odmlist li:nth-child(2n) .odm_img{ float: none; }
	.odmlist li .odm_main{padding: 5%;text-align: center;}
	.odmlist li:nth-child(2n) .odm_main{padding: 5%;text-align: center;}
	.stort_img{ display: none; }
	.stort_main{ width: calc(100% - 30px); margin: 0 15px; }
	.quest_main{ padding: 0 0 0 5%; }
	.lx_left{ width: 100%; }
	.lx_right{ width: 100%; margin-top: 30px; }
	.prlist{ margin-right: 0 }
	.prlist li{ width: 50%; padding: 0 5px; }
	.pro_info{ padding: 0 15px; }
	.in_jjfa .left_nav{ width: 50%; }
	.in_jjfa .right_main{ width: 50%; }
	.in_jjfa .mid_img{ display: none; }
	.ph_box .ph_img{ display: none; }
	.ph_box .ph_info{ padding: 3% 5% 5% 5%; }
	.in_pro_list .left_nav .nav_tit i{ display: block; }
	.left_menu .nav_tit span{ display: block; }

	.container_de{ padding:0px; }
	.container_de .swiper-wrapper{ display: block; }
	.container_de::after{ display: none; }
	.deve_item{ position: relative; padding-top: 32px; padding-bottom: 0; color: #777; margin-top: 20px;}
	.deve_item:nth-child(2n){position: relative; padding-top: 32px; padding-bottom: 0; color: #777; }
	.deve_item:nth-child(2n+1){ margin-top: 0px; }
	.deve_item:nth-child(2n+1)::after{display: none;}
	.deve_item:nth-child(2n+1)::before{display: none;}
	.deve_item:nth-child(2n)::before{display: none;}
	.deve_item:nth-child(2n)::after{display: none;}
	.deve_item .deve_date{ position: absolute; left: 0; top: 0; width: 100%; display: block; line-height: 32px; background-color: #e8e8e8;text-align: center; font-size: 16px; }
	.deve_item:nth-child(2n) .deve_date{ position: absolute; left: 0; top: 0; bottom: auto; width: 100%; }
	.deve_item .deve_cont{ position: relative; display: block; font-size: 16px; background-color: #fff; padding: 10px 10px 10px 30px; }
	.deve_item .deve_cont::after{ position: absolute; content: ''; left: 10px; top: 20px; width: 10px; height: 1px; background-color: #777; }
	.deve_item.swiper-slide-active .deve_date{ background-color: #2e669e; color: #fff; }
	.deve_item.swiper-slide-active:nth-child(2n)::after{border-top: 20px solid #2e669e; }
	.deve_item.swiper-slide-active:nth-child(2n+1)::after{border-color: transparent transparent #2e669e; }
	.container_de .swiper-button-prev{ display: none; }
	.container_de .swiper-button-next{ display: none; }

	.fact_img{ display: block; }
	.fact_img ul.fact_m{ display: none; }
	.fact_img ul.fact_l,.fact_img ul.fact_m,.fact_img ul.fact_r{ width: 100%; }

	.in_about .scroll_down{ display: none; }
	.in_about.nopadd{ padding-bottom: 3rem; }

	.message_box .halfl_inp{ float: none; width: 100%; padding: 0; margin: 20px 0; }
	.message_box .halfr_inp{ float: none; width: 100%; padding: 0; margin: 20px 0; }
	.message_box .mes_text{ margin-top: 0px; }
	.p_tit{ font-size: 1.8rem; }
	.db_gd{ display: block; height: 82px; clear: both; }

	.in_pro_list .left_nav li a{ display: none; }
	.left_menu li a{ display: none; }
	.left_menu li a.curr{ display: block; }
}

/* 640自适应 */
@media screen and (max-width: 640px) {
	.hidden_p{display: block;}
	.hidden_m{display: none;}
	.postion_box{ height: 42px; line-height: 42px; top: -42px; }
	.tit{ font-size: 2rem; }
	.banner_n{ height: 240px; }
	.quest_box .bg_img{ display: none; }
	.quest_tit{ width: 100%; }
	.quest_main{ width: 100%; }
	.footer_box .footer_link{ display: none; }
	.lx_box .halfl_inp{ width: 100%; padding-right: 0; }
	.lx_box .halfr_inp{ width: 100%; padding-right: 0px; }
	.pro_imgs{ width: 100%; }
	.pro_basic{ width: 100%; margin-top: 30px; }
	.in_jjfa .left_nav{ width: 100%; padding: 0; }
	.in_jjfa::after{ display: none; }
	.in_jjfa .right_main{ width: 100%; }
	.banner_info h4{ font-size: 1.8rem; }
	.banner_info i{margin-top: .6rem; margin-bottom: .4rem;}
}

.alignleft {
  float: left;
  margin: 6px 28px 28px 0;
}

.alignright {
  float: right;
  margin: 6px 0 28px 28px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 28px;
}