@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr,table{
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	 /*word-break: break-all;word-wrap: break-word;*/
}
ul,li{
	list-style:none;
}
img{border:none}

body {
	font-size:13px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*font-family: sans-serif; */
	font-family: "微软雅墨";
	
	letter-spacing:normal;
	color:#333;
	background:url(images/page/line_bg.gif) repeat left top;
	
	
}
.error{font-size:12px; color:#f00;padding-top:4px; text-align:left; display:block}

@media (max-width: 767px) {
  body{ font-size:15px;}
  #search_form{ display:none}
}

a:link {
	color:#333;
	text-decoration: none; outline:none;
}
a:visited {
	text-decoration: none;
	color:#333;
}
a:hover {
	text-decoration: none; color:#046AD5;
	
}
a:active {
	text-decoration: none;
	color:#545454;
}

.contact, .contact span, .footer figure, .footer figure span, .menu li, .service figure, .transition, :active, :focus, :hover, :link, :visited, .pj_list_ease span, .css_3_tag, #is_user_login, buttom {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

/**公共*/
.page_root{height:auto; position:relative;/*background:url(images/public/outer-bg.png) repeat left top #f5f5f5;*/background:#fff; }
@media (min-width: 1920px) {
 .page_root{}
}


/*底部分享*/
body #footer .bottom_share_btn{display:inline-block; height:30px; width:30px; border-radius:50%; background:#fff; color:#212121; font-size:15px; line-height:30px; margin:0 10px}
body #footer .bottom_share_btn:hover{ background:#f2c64d; color:#000;}


body .btn_yellow{padding:15px; padding-right:35px; padding-left:35px; border:2px solid #f2c64d; display:inline-block; font-size:1.2em; color:#212121; border-radius:4px; text-decoration:none}

body .btn_yellow:hover{ background:#f2c64d; /*border:2px solid #e1b53c;*/ color:#fff;}




.block_0111{background: url(images/page/home_lawyer_sectionbg1.png) repeat left top #f7f7f7; }
.theme-color{text-align:left; font-size:1.2em;padding-bottom:0.5em; color:#f2c64d; font-weight:bold}
.text-left{ text-align:left;}
.hr_border_no{ border:none;}

.txt_content_box{text-align:left; line-height:1.8em; font-size:1.2em; }
.block_float_5{float:left; width:50%; height:auto;padding-right:15px;}
.title-icon-011{text-align:left; font-size:3em;color:#f2c64d}
.title-txt-011{font-size:1.3em; font-weight:bold; text-align:left; padding-top:10px;}
.txt-011{text-align:left; line-height:1.7em; color:#888; font-size:1.2em; }


body #footer .bottom_contact_btn, body .bottom_contact_btn{border:1px solid #f2c64d; display:inline-block; padding:10px; padding-left:30px; padding-right:30px; background:#f2c64d}

body  #footer .bottom_contact_btn:hover, body .bottom_contact_btn:hover{ background:#f2c64d; color:#000;}


/*头*/
.block_header{ height:78px;z-index:999;   /*background:#fff; */   /*-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);*/ position:fixed; top:0; width: 100%;
    left: 0px;}
.header_menu{  padding-top:0px;height:78px; }
.header_menu_01{ height:75px;}

/**new*/
.block_header_0{ height:30px; background:#212223; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}


.block_logo{ width:20%; float: left; height:100%; padding-top:15px;padding-left: 0; text-align: left;}
.block_logo .logo-01{ display:inline-block}
.block_logo .logo-02{ display:none}
.block_logo img{ max-height:60px; }

.logo_txt_box{ float:left; width:34%; text-align:right; color:#c59642; font-size:1.5em; padding-top:2px}

.block_logo .logo_txt_box a{ color:#c59642}
.block_logo .logo_txt_box hr{margin-top:4px; margin-bottom:4px;}

.nav_menu{height:40px; background:#ae802f;}

/*header_menu*/

.outer_header{ height:100%; position:relative;}
.block_menu{  float:left;width: 65%;}
.menu_block{  height:78px;    color:#8a8a8a; text-align:center;}

.menu_block ul li{ display:inline-block; height:78px; position: relative;}


.menu_block .nav_2{ display:inline-block;  font-size:16px; color:#fff; height:60px;padding-top:26px; position:relative;padding-left: 0px; padding-right: 0px;}
.menu_block .nav_2:hover{ color:#fff; text-decoration: none; border-bottom:3px solid #fff; }
.menu_block #nav_sel:hover{ color:#fff;  text-decoration:none; background:#fff;border-bottom:3px solid #fff;}

.menu_block #nav_sel{ color:#fff;  text-decoration:none; background:#31c27c;/*background:rgb(0,0,0)\9;border-radius: 10px; border-bottom:1px solid #fff;*/}
.menu_block .nav_1{padding-right:15px;}
.menu_block .nav_2{ margin-right:25px; margin-left:25px;}
.menu_block .nav_3{padding-left:15px;}


/*.menu_block .nav_li::after{
            content:'';
            display:block;
            
            width:0;
            height:1px;
            position:absolute;
            left:0%;
            bottom:20px;
            background:#fff;
          
            transition:all 0.3s ease-in-out;
        }

.menu_block .nav_li:hover::after{
	       left:0;
            width:30%;
        }
*/		
.menu_block .hasmenu:hover::after{ display:none;
        }
.menu_block .sel_menu::after{ left:0;
            width:30%;
        }				

/*---下拉*/
.nav_sb {
  
    position: absolute;
    display: none;
    width: 280px; 
    left: 0px;
    top: 92px;
   
    z-index: 999;
    
    
}
.nav_sb dt:first-child a
{ 
   border-top:1px solid #fff;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
}


.nav_sb dt:last-child a
{ 
  
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
}

.nav_sb .nav_s {
    height:auto;min-height: 34px;
    padding: 15px; font-size:1.1em;
    color: #383e4d;
    margin-top: 0px;
    display: block;
    font-weight: lighter;
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e0e0e0; background:#fff;
    
}
.nav_sb .nav_s:hover{ background:#88a31a; color:#fff; border-top:1px solid #88a31a; text-decoration:none}
.hasmenu:hover{}
/******************************************/
.nav-img-width{ max-width:70%}
.nav-padding-product{ text-align:left; padding-left:30px;}
/**/
.one_list_menu{ position:relative; height:auto}
.two_list_menu{position:absolute; width:180px; left:0px; top:0; display:none; z-index:-1}

.lang_box{ width:15%;height:70px;float:left; text-align:left; background:#068fcf;}
.lang_box a{ display:inline-block}
.lang_box .lang_txt{display:inline-block; margin-top:20px; text-align:right; color:#fff;font-family:Arial, Helvetica, sans-serif; position:relative; z-index:3;}
.lang_box .lang_in_1{display:block; margin-top:5px; margin-left:15px; color:#fff; font-size:1.15em; font-family:Arial, Helvetica, sans-serif}
.lang_box .lang_in_2{color:#f5f5f5; margin-left:10px; font-size:1.5em; display:none}

#nav .btn-green-light{ color:#fff;}


/*滚动发生的效果*/
.block_header_move{ height:55px; position:fixed; top:0; z-index:9991;  /*background:rgba(255,255,255,0.98) border-bottom:2px solid #ffbe31*/}
.block_header_move .header_menu .logo_txt_box {
    padding-top: 1px;
    font-size: 1.1em;
}
.block_header_move .header_menu {background:rgba(255,255,255,.95);box-shadow: 0px 3px 5px rgba(0,0,0,.3); height:55px; }
.block_header_move .block_header_0{ height:28px; font-size:11px; }
.block_header_move .header_menu_01{height:60px;}
.block_header_move .block_logo .logo_img_box img{ max-height:50px}


.block_header_move .nav_menu{height:32px; background:rgba(174,128,47,.95)}

.block_header_move #top_bar_style .a_style, .block_header_move #top_bar_style .phone_bar{ color:#fff; height:28px; display:inline-block; position:relative; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}	
/*.block_header_move #top_bar_style .a_style::after{
            content:'';
            display:block;
           
            width:0;
            height:1px;
            position:absolute;
            left:50%;
            bottom:0px;
            background:#f5f5f5;
          
            transition:all 0.3s ease-in-out;
        }*/
.block_header_move #top_bar_style .a_style:hover{ color:#fff; text-decoration:none; background:#dba81b }
.block_header_move #top_bar_style .a_style:hover::after{
	       left:0;
            width:100%;
        }

.block_header_move #top_bar_style .a_style_en{font-family:Arial, Helvetica, sans-serif}


.block_header_move .menu_block .nav_li::after{
           /* content:'';
            display:block;
            
            width:0;
            height:1px;
            position:absolute;
            left:0%;
            bottom:12px;
            background:#fff;
        
            transition:all 0.3s ease-in-out;*/
        }
.block_header_move .menu_block .nav_li:hover::after{
	       /*left:0;
            width:30%;*/
        }
.block_header_move .menu_block .nav_li:hover{ }		
.block_header_move .menu_block .hasmenu:hover::after{
	display:none
        }		
.block_header_move .menu_block .sel_menu::after{ left:0;
            width:30%;
        }
		
.block_header_move .menu_block #nav_sel{color:#0158b1;  text-decoration:none; border-bottom:none}
.block_header_move .menu_block .on_sel{color:#0158b1;  text-decoration:none; border-bottom:none}

			
.block_header_move .header_menu{ }
.block_header_move .header_menu .block_logo{ padding-top:5px;}
.block_header_move .header_menu .block_logo img{ max-height:40px; margin-top:2px;}
.block_header_move .header_menu .menu_block{height:55px}
.block_header_move .header_menu .menu_block ul li{ height:55px;}
.block_header_move .header_menu .menu_block .nav_2{ display:inline-block;  font-size:1.1em;  height:55px;padding-top:15px; /*font-family:'微软雅黑';#1A668E;*/ color:#333;}
.block_header_move .header_menu .menu_block .nav_2:hover{ color:#0158b1; border-bottom:4px solid #0158b1;}
.block_header_move .lang_box{ height:55px;}


.block_header_move .lang_box .lang_txt{margin-top:9px;} 
.block_header_move .nav_sb{ top:74px;} 
.block_header_move .slg_css{ padding-top:5px;} 

/*二次滚动的效果*/
.block_header_none{ opacity:0;filter:Alpha(opacity=0); display:none}
/**/
/*导航调整 pad and phone*/
/*包含*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}



/*mobile*/

@media (max-width: 767px) { .qq_side{ display:none}}


/*幻灯片*/
.block_silde{ width:100%; /*height:618px;*/}


/*幻灯*/

#banner-out{
	min-height:200px; 
	text-align:center;
	position:relative; width:100%; clear:both;
	background:#fff; height:auto; 
	}

.customer_inner{ width:100%; height:100%; position:relative; z-index:1}

.banner{
	
	height:auto;
	text-align:center; /*overflow:hidden;*/
	 z-index:1; position:relative; margin-top:0px; 
}
.banner .swiper-slide{
	width:100%;
	/*height:760px; overflow:hidden;*/
}


.banner .arrow-left {
background:url(images/grandpower/block-slider_arrow-left.png) no-repeat center center;
position: absolute; 
filter:alpha(opacity=40);  opacity: .4;  
left: 10px;
top: 45%;
margin-top: -15px;
width: 60px;
height: 60px;
border-radius: 50%;
z-index:999;
}
.banner .arrow-right {
background:url(images/grandpower/block-slider_arrow-right.png) no-repeat center center;
filter:alpha(opacity=40);  opacity: .4;  
position: absolute;
right: 10px;
top:45%;
margin-top: -15px;
width: 60px;
height: 60px;
border-radius: 50%;
z-index:999;
}
body #bannerpagination, .banner .pagination  {
position: absolute; 
left: 0;
text-align: center;
bottom: 0px;
width: 100%;
z-index:999;
}
body #bannerpagination .swiper-pagination-bullet, .banner .pagination .swiper-pagination-bullet{
display: inline-block;
width: 12px;
height: 12px;
background:url(images/page/btn01-new.png) no-repeat center center;
/*background:#d0d0d0; border-bottom:1px solid #d0d0d0;background:transparent;*/
box-shadow:none;
margin: 0 2px;
cursor: pointer;
/*border-radius:0;/* 50%;*/
/*transition: 0.4s;*/
}
body #bannerpagination .swiper-pagination-bullet:hover, .banner .pagination .swiper-pagination-bullet:hover, body #bannerpagination .swiper-pagination-bullet-active, .banner .pagination .swiper-pagination-bullet-active{ background:url(images/page/btn01_h-new.png) no-repeat center center; /*border-bottom:2px solid #fff;background:transparent;*/ /*width:80px; height:2px; border:2px solid #ffee5b;*/}
.banner .nav-shadow{ position:absolute; width:100%; height:16px; left:0; top:0; z-index:10; /*background:url(images/page1/nav-shadow.png) repeat-x left top;*/_display:none;}




/*end 幻灯*/
/*公共*/
.padding_top_bot_5em{ padding-top:5em; margin-top:1em; padding-bottom:6em;}


/*自定议按钮*/
.btn-green {
  color: #fff;
  background-color: #88a31a;
  border-color: #768b22;
}
.btn-green:focus,
.btn-green.focus {
  color: #fff;
   background-color: #768b22;
  border-color: #6e831a;
  
 
}
.btn-green:hover {
  color: #fff;
   background-color: #768b22;
  border-color: #6e831a;
}
.btn-green:visited{ color:#fff;}
/*----------------------------*/

.btn-green-light {
  color: #fff;
  background-color: #88a31a;
  border-color: #768b22;
}
.btn-green-light:focus,
.btn-green-light.focus {
  color: #fff;
   background-color: #98b816;
  border-color: #88a31a;
  
 
}
.btn-green-light:hover {
  color: #fff;
   background-color: #98b816;
  border-color: #88a31a;
}
.btn-green-light:visited{ color:#fff;}
/*----------------------------*/

.max-width-100{ max-width:100%;}
.on-box-shadow{box-shadow: none; 
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.on-box-shadow:hover{box-shadow: 1px 1px 10px rgba(100,100,100,0.2);}


/*----------------------------*/



/*底部*/
.footer{padding-bottom:2em; position:relative; color:#ddd;}
.footer_hr{border-top:2px solid #00873d; margin-top:0}
.footer .copyright{padding-top:1em; margin-top:2em;  clear:both}
#footer{background:#fff;}
#footer a{ color:#ddd;}
#footer a:hover{color:#fff}
#footer a:visited{ color:#2620202;}
/*#footer*/
#footer{ min-height:100px;   text-align:left; padding-bottom:1.5em; }
.footer-copyright{ height:auto; padding-bottom:15px; text-align:center; /*border-top:1px solid #555;*/ background:#003545; color:#fff; /*padding-top:8px; padding-bottom:8px;*/ }
#footer .link_list h4{ text-align:left; margin-bottom:0.8em;color:#2620202;}
#footer .link_list ul{ padding-left:5px;}
#footer .link_list h4 a{ color:#2620202}
#footer .link_list li{ text-align:left; margin-top:0.6em;}
#footer .link_list li a{ color:#2620202; font-weight:400; font-size:12px;}
#footer .footer-social{ padding-bottom:30px;}
#footer .footer-social a{ color:#2620202; display:block; text-align:center; margin-top:0.6em;*width:80%;}
/**/

.sns_button a { display:inline-block; font-size:1.8em;}

@media (min-width: 768px) and (max-width: 991px) {
  #footer .copyright{ background:#7baf2a}
  #footer .copyright .col-lg-5{ background:none}
  #footer .copyright .col-lg-5 .btn{ margin:0; background:#fafafa; margin-top:20px;}
  
  #footer .link_list h4{ text-align:left; margin-bottom:0.8em;color:#333; padding-left:0px;}
#footer .link_list ul{ padding-left:0px;}
}

/*mobile*/
@media (max-width: 767px) {

 #footer .copyright{background:#7baf2a}
 #footer .copyright .col-lg-5{ background:none}
 #footer .copyright .col-lg-5 .btn{ margin:0; background:#fafafa; margin-top:20px;}
 
 #footer .link_list h4{ text-align:left; margin-bottom:0.8em;color:#333; padding-left:0px;}
#footer .link_list ul{ padding-left:0px;}
}
/*手机置标*/
#is_mobile_flag{ width:0px;}

@media (min-width: 768px) and (max-width: 991px) {
 #is_mobile_flag{ width:1px;}
}

@media (max-width: 767px) {
 #is_mobile_flag{ width:1px;}
}
/*end置标*/
/*---------幻灯片使用--------*/
.silde_img_bg{width:auto; height:100%; position:relative; z-index:1;}
.silde_text_layer{width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.row-h-txt{ display:table; width:100%;}
.row-h-txt .sm-h-txt{ height:100%; display:table-cell; vertical-align:middle; position:relative;width:100%;}
#video-frame{margin-top:3em; padding-bottom:2.2em; position:relative;}
#video-code{display:none; width:100%;}
#video-close{background:#000; width:100%; height:20px; text-align:right; font-size:1.2em; color:#fff; display:block;}
#video-close:hover{text-decoration:none; color:#F00}
body .video-play{position:absolute; width:100%;left:0; top:30%; height:auto; font-size:4em; color:#fff;}
body .video-play:hover{color:#e90633;}

.swpie_change_small{transform: translate3d(800px, 0px, 0px) scale(0.9); transition-duration: 1000ms; background:#000;}
.swpie_change_big{transform: translate3d(-800px, 0px, 0px) scale(1);transition-duration: 1000ms; background:#000;}
/*动图left*/
.fly_left_for_slide_init{
	/*webkit-transition: all .6s linear;*/
    /*-moz-transition: all .6s linear;*/
   /* -o-transition: all .6s linear;*/
   /* transition: all .6s linear;*/
	filter: alpha(opacity=0);
    opacity: 0;
	-webkit-transform: translatex(-34px);
	transform: translatex(-34px);
	
	
}
	
.fly_left_for_slide_end{webkit-transition: all .6s linear; 
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
	opacity: 1;
	-webkit-transform: translatex(0px);
	transform: translatex(0px);
	animation-delay:1.5s;
    -webkit-animation-delay:1.5s; 
}

/*动图right*/
.fly_right_for_slide_init{
	
	filter: alpha(opacity=0);
    opacity: 0;
	-webkit-transform: translatex(34px);
	transform: translatex(34px);
	
	
}
	
.fly_right_for_slide_end{webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
	opacity: 1;
	-webkit-transform: translatex(0px);
	transform: translatex(0px);
	animation-delay:1.5s;
    -webkit-animation-delay:1.5s; 
}
	
	
	/*动图left*/
.fly_top_for_slide_init{
	
	filter: alpha(opacity=0);
    opacity: 0;
	-webkit-transform: translatey(-34px);
	transform: translatey(-34px);
	
	
}
	
.fly_top_for_slide_end{webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
	opacity: 1;
	-webkit-transform: translatey(0px);
	transform: translatey(0px);
	animation-delay:1.5s;
    -webkit-animation-delay:1.5s; 
}
	
	
	/*动图left*/
.fly_bottom_for_slide_init{
	
	filter: alpha(opacity=0);
    opacity: 0;
	-webkit-transform: translatey(34px);
	transform: translatey(34px);
	
	
}
	
.fly_bottom_for_slide_end{webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
	opacity: 1;
	-webkit-transform: translatey(0px);
	transform: translatey(0px);
	animation-delay:1.5s;
    -webkit-animation-delay:1.5s; 
}
/*for new slide*/









/*底部*/
.bottom-all-box{background:url(images/grandpower/partner-bg-wg-inner.jpg) no-repeat center bottom #fff;/*#ebf0f3*/;}
.gp-product-col{ width:100%;}





/*--结束qq--*/
.phone_title_desc{ display:none}
.parner_img img{ width:100px;}

/*对旧显示1024的调整*/
@media (min-width: 992px) and (max-width: 1024px) {
 
 /*底*/
 #footer{ font-size:11px;}
 .bottom_txt { font-size:10px}
} 

/*pad平板调整*/
@media (min-width: 768px) and (max-width: 991px) {
	body {
	font-size:12px;
	}
	
  /*导航条*/
  .lang_box{ width:7%;height:70px;  float:left; text-align:center;}
  .lang_box .lang_in_2{display:block; color:#fff; margin-left:10px; font-size:1.5em; display:none}
  .block_menu{ width:60%; float:left;max-width:60%; }
  
  .nav_li_2, .menu_block ul li { float:left; height:40px;}
  .menu_block .nav_2 { height:40px; padding-top:8px; margin-left:30px; margin-right:30px; padding-left:0px; padding-right:0px; width:100%; text-align:center; font-size:1.3em; }
  .menu_block .pad-right .nav_2{ border-right:none}
  
  
  /*滚动发生的效果*/
.block_header_move .header_menu, .block_header_move .header_menu_01{ height:54px;}

.block_header_move .header_menu .block_logo img{ max-height:40px; padding-top:4px;}
.block_header_move .header_menu .menu_block{height:44px}
.block_header_move .header_menu .menu_block ul li{ height:32px;}
.block_header_move .header_menu .menu_block .nav_2{ display:inline-block;  font-size:1.1em;  height:32px;padding-top:6px;  }
.block_header_move .lang_box{ height:44px;}

.block_header_move .lang_box .lang_txt{margin-top:10px;} 
.block_header_move .nav_sb{ top:46px;} 


/*底*/
.bottom_txt  { padding-top:20px; line-height:1.7em} 
#footer h4{ font-size:15px;}

/*parner*/
 .parner_img img{ max-width:80px;}
 


/*幻灯*/
.block_silde{ width:100%; height:auto;}
#banner .swiper-slide{ height:auto;}
#banner .swiper-slide .customer_inner img{ width:100%;}
.arrow-left, .arrow-right{ display:none}

body .pagination {
position:relative; 
left: 0;
text-align: center;
bottom: 0px;
width: 100%;
z-index:999;
}

body .swiper-pagination-bullet {
display: inline-block;
width: 10px;
height: 10px;

background:#aaa;/*border-bottom:1px solid #d0d0d0;background:transparent;*/ 
box-shadow:none;
margin: 0 8px;
cursor: pointer;
border-radius: 50%;
transition: 0.4s;
}
body .swiper-pagination-bullet-active{/*border-bottom:2px solid #738911;background:#738911; width:80px; height:2px; border:2px solid #ffee5b;*/}


}

/*
====================pad手机调整=============================
*/
@media (max-width: 767px) {
	body {
	font-size:12px; color:#545454;
	}
	
  /*导航条*/
  /*头*/
.block_header{ height:60px; width:100%;  z-index:999; position:fixed; left:0; top:0; background:#212223}
.header_menu{border-top:0px solid #000; background:#212223;/*b9bf3c;background:rgba(0,55,109,0.8) ;*//*rgba(150,150,150,0.6)rgba(83,117,129,0.6);*/  height:60px;}




.block_logo{ width:88%; float: left; height:59px;top:0;text-align:center; padding-top:0px}

.block_logo .logo_img_box img{ max-height:32px;  margin-top:15px; padding-left:0;}
 .logo_txt_box{ width:auto;max-width:200px; font-size:0.9em; display:none}

.lang_box{ height:60px; }
.lang_box .lang_txt, .lang_box .lang_in_1{margin-top:5px; display:none} 
.lang_box .lang_in_2{ display:block; margin-left:0; text-align:center; padding-top:17px;}
/*header_menu*/

.outer_header{ height:100%; position:relative;}
.block_menu{ width:58%; float:left;max-width:58%; display:none}
.menu_block{ /*width:76%;*/ height:60px;  /*float:right;*/  /*margin-top:20px;*/ color:#8a8a8a; text-align:center; display:none}

.header_menu_01{ height:60px}

.menu_block ul li{ display:inline-block; position:relative; height:60px; display:none}


.menu_block .nav_2{ display:inline-block;  font-size:1.2em; letter-spacing:0.2em; color:#fff; height:92px;padding-top:36px;  text-shadow: 1px 1px 0 #333; display:none;/*#1A668E;*/ }
.nav_menu{ display:none}
.banner{ margin-top:60px}

  
  /*滚动发生的效果*/
  .block_header_move {box-shadow: 0px 1px 3px rgba(0,0,0,0.2); }
.block_header_move .header_menu{ border-top:0px solid #000; height:60px; background:#212223}
.block_header_move .header_menu .block_logo{padding-top:0;}
.block_header_move .header_menu .block_logo img{ max-height:32px; height:32px; margin-top:15px;}
.block_header_move .header_menu .block_logo .logo_txt_box{font-size:0.9em; padding-top:7px; display:none}
.block_header_move .header_menu .menu_block{height:60px}
.block_header_move .header_menu .menu_block ul li{ height:46px; display:none}
.block_header_move .header_menu .menu_block .nav_2{ display:inline-block;  font-size:1em; letter-spacing:0.2em; color:#fff; height:46px;padding-top:15px; }
.block_header_move .header_menu_01{ height:60px}
.block_header_move .lang_box{ height:60px;}

.block_header_move .lang_box .lang_txt{margin-top:5px;} 
.block_header_move .nav_sb{ top:46px;} 

/*手机不隐藏*/
.block_header_none{ opacity:1;filter:Alpha(opacity=100); display:block}


/*底*/
.bottom_txt  { padding-top:20px; line-height:1.7em} 
#footer h4{ font-size:15px; line-height:2.5em;}

/*parner*/
 .parner_img img{ max-width:80px;}
 


/*幻灯片*/
.block_silde{ width:100%; height:auto; margin-top:0px;}
#banner .swiper-slide{ height:auto;}
#banner .swiper-slide .customer_inner img{ width:100%;}
.arrow-left, .arrow-right{ display:none}

body .pagination {
position:relative; 
left: 0;
text-align: center;
bottom: 0px;
width: 100%;
z-index:999;
}

body .swiper-pagination-bullet {
display: inline-block;
width: 10px;
height: 10px;

background:#aaa;/*border-bottom:1px solid #d0d0d0;background:transparent;*/ 
box-shadow:none;
margin: 0 8px;
cursor: pointer;
border-radius: 50%;
transition: 0.4s;
}
body .swiper-pagination-bullet-active{ }


}

/***************************************/

/*pad phone菜单*/
/*类目pad and mobile*/

body .pad-left_menu, body .pad-left_phone{ display:none; z-index:999; font-size:15px;  overflow:auto}

body .pad-mark-bg{ display:none; z-index:990; background:rgba(0,0,0,0.7); position:fixed; right:0; top:0; width:100%;min-height:400px;}

#pad-right-bar{ display:none; position:fixed; top:40%; right:1em; z-index:9990;}

/*pad*/

@media (min-width: 768px) and (max-width: 991px) {

    body .left_menu{

		   display:none;

		}

   body .pad-left_menu, body .pad-left_phone{ display:none; position:fixed; width:70%; min-height:400px; right:-70%; top:0%;background:#fff; border-left:4px solid #212121; z-index:999;}	

   body .pad-left_phone a{ font-size:1em; font-weight:400;  width:80%; margin-top:0.6em; color:#fff; padding-top:10px;  height:auto;}
   body .pad-left_phone .nav_a_1{ display:block; padding-left:15px; text-align:left; color:#545454; padding-top:3px; padding-bottom:3px; margin-top:5px; height:auto}

   #pad-right-bar{ display:block; font-size:15px;}

   #pad-right-bar a{ background:rgba(0,0,0,0.6); display:block; width:40px; height:40px; padding-top:5px; margin-bottom:0.5em; color:#fff; font-size:1.5em;}	
   
   #product_content_box{ padding-left:15px; font-size:1em;}

}



/*mobile*/

@media (max-width: 767px) {

	

	 body .left_menu{

		   display:none;

		}

     body .pad-left_menu, body .pad-left_phone{ display:none; position:fixed; width:90%; min-height:400px; right:-90%; top:0%;background:#fff; border-left:4px solid #212121; z-index:999;}	

	 body .pad-left_phone a{ font-size:1em; font-weight:400;  width:80%; margin-top:0.6em; color:#fff; padding-top:10px;  height:auto;}
      body .pad-left_phone .nav_a_1{ display:block; padding-left:15px; text-align:left; color:#545454;padding-top:3px; padding-bottom:3px; margin-top:5px; height:auto}
   

     #pad-right-bar{ display:block; font-size:15px}

     #pad-right-bar a{ background:rgba(0,0,0,0.6); display:block; width:40px; height:40px; padding-top:5px; margin-bottom:0.5em; color:#fff; font-size:1.5em;}	
     
	 
	 #product_content_box{ padding-left:15px; font-size:1em;}
  

}

/**/
#menu-panel-mark  {
   border-top:1px solid #000; 
  font-weight:lighter; font-size:15px;
  background: #212121; overflow:auto;
  position:fixed; right:0; top:60px; z-index:9991; width:60%; height:100%; opacity:0;
 
}
#menu-panel-mark a{ display:block; color:#959595; text-shadow: 1px 1px 0px #121212; font-weight:400; font-size:1em; height:3em; padding-top:0.8em;
padding-bottom:0.8em; border-top:1px solid #353535; border-bottom:1px solid #000; text-indent:0.6em;}
#menu-panel-mark a:hover{ color:#000; text-shadow: 0px 1px 0px #888;}
@media (min-width: 768px) and (max-width: 991px) {
#menu-panel-mark{ top:130px; }
#menu-panel-mark a{ font-size:1.2em;}#menu-panel-mark .pad_menu{ display:none}
}


a.banner_button{color:#fff;padding:8px; padding-left:15px; padding-right:15px; border:1px solid #fff; border-radius:2px;}

a.banner_button:hover{ background:#fff; color:#333;}


/*搜索*/
.search-box-out{text-align:right; background:none; position:relative;}	
#search-button-a{color:#333; font-size:18px; z-index:3}
.search_box_show{position:absolute; width:0px; right:36px; top:18px; height:30px; border-bottom:1px solid #888; background:#fff;
-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.search_box_show_01{width:200px; padding-left:28px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.search_box_show input{width:100%; height:100%; display:inline-block; border:none; border:transparent; outline:none;}
.go_search_box{position:absolute; left:0px; top:6px;-webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear; opacity:0;filter:Alpha(opacity=0); z-index:1; font-size:15px;}
	
.search_box_show_01 .go_search_box{position:absolute; left:4px; top:3px;-webkit-transition: all .2s linear .3s;
    -moz-transition: all .2s linear .3s;
    -o-transition: all .2s linear .3s;
    transition: all .2s linear .3s; opacity:1;filter:Alpha(opacity=100)}
.search_box_show_01 .go_search_box:hover{ color:#00376d;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}	

.block_header_move .search_box_show{ top:6px;}

.index-news-box a:hover{ text-decoration:none;}
#footer a:hover{ text-decoration:none}


.phone-img-box{position:absolute; right:0px; top:85px; opacity:0;filter:Alpha(opacity=0);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.phone-img-box-show{top:80px;opacity:1;filter:Alpha(opacity=100);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.phone-img-box span{position:absolute; left:38px; top:-8px; background:url(images/page/top_arr.png) no-repeat center top; width:20px; height:10px;}

.phone-img-box img{max-width:90px; border:3px solid #222;}



.foot_logo{padding:8px; margin-top:10px;}
.foot_logo_a{display:block; text-align:center; float:left;}
.foot_logo_img{width:auto;max-width:160px}

.solu-img-box{ display:block; background:#404040}
.solu-img-box img{ max-height:100%; }
.solu_box_list_01{ overflow:hidden}

.some_link{ text-align:left}
.some_link_right{text-align:right}
.phone_clear_box{ display:none}

.show_block_mobile{ display:none}
.hide_block_mobile{ display:none}

/*-------------------*/
.index-tag-1{ min-height:300px;padding-top:15px; padding-bottom:15px; border-right:1px solid #f0f0f0;border-top:1px solid #fefefe; border-bottom:1px solid #fefefe;   -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.index-tag-2{-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;padding-top:15px; padding-bottom:15px;border-top:1px solid #fefefe; border-bottom:1px solid #fefefe;}
.index-tag-1:hover, .index-tag-2:hover{ background:#f5f5f5; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}

.advantage-1 img{ max-width:100%;}

.index-tag-txt{ font-size:1.3em; text-align:center; line-height:1.6em;}
.index-tag-txt span{ color:#00376d; font-weight:bold}
.box-anv-title{ padding-bottom:0px;}
.box-bottom-h{ height:80px;}

.best_stair{ height:auto; background:#ccc; margin-bottom:50px; /*background:url(images/page/biggest_housing.jpg) no-repeat left center #eee; background-size:100%;*/}

#bottom-yellow-box{color:#333; font-size:1.2em; text-align:left}
#bottom-yellow-box a{ color:#fff;}
#bottom-yellow-box a:hover{ color:#eee; text-decoration:none}

/*-------------------*/
#google_map{ height:300px;}
.contact_bottom_box{ padding-left:30px; text-align:left; line-height:1.5em;}

@media (max-width: 767px) {
.block_header{background:#fafafa;}
.pro_box_list_01, .solu_box_list_01{padding-right:15px;padding-left:15px; margin-bottom:15px;}
.pro_box_list_02, .solu_box_list_02{padding-left:15px; padding-right:15px; margin-bottom:15px;}
.pro_box_list_03, .solu_box_list_03{padding-left:15px; padding-right:15px; margin-bottom:15px;}
.pro_box_list_04, .solu_box_list_04{padding-left:15px; padding-right:15px; margin-bottom:15px;}
.index-tag-1{ min-height:30px;}
.index-big-title{ font-size:20px;}
.advantage-1 img{ max-width:100px;}
.header_menu{ padding-top:0px;}
.foot_logo_img{max-width:50%}

.header_menu{ margin-left:0px; margin-right:0px;}

.plist_title{ height:70px; background:#f9f9f9;   padding: 0; text-align:center}	
.pt_txt{font-size:13px; color:#333;display:table-cell; vertical-align:middle; height:70px; padding:5px;}

.index-news-list{ padding-bottom:10px; font-size:1.2em;}

.index-news-box-title{ font-size:1.2em;padding-top:2px;}
.index-news-box{ padding-top:30px;}
 
 #top_bar_style, .block_header_0{ display:none}
 
 .container{ padding-left:15px; padding-right:15px;}
 
 #banner-out{ padding-top:60px;
	}
	
.some_link{ text-align:center}
.some_link_right{text-align:center}	
.wx-phone-box{ display:none}
.phone_clear_box{ display:block; clear:both; width:100%;}
.show_block_mobile{ display:block}
.hide_block_mobile{ display:none}
#search_pro_form{ display:none}

.index-big-title-bar{ width:100%;}
.contact_bottom_box{ padding-left:0}

 .search-box-out{ display:block}

}  


/**各块*/
.m-block-row{padding-top: 80px;padding-bottom: 20px;}
.h2_title{font-size: 28px; font-weight: 400; line-height: 45px;color:#333; text-align: left}


.video_play_a{display: block; position: relative;}
.video_play_a .video_play_button{ position:absolute; left: 0;top: 0;width:100%; height: 100%; background:url(../../flash/play_bg_pc1.png) no-repeat center center;}
.video_play_a .video_play_button:hover{background:url(../../flash/play_bg_pc2.png) no-repeat center center;}

body .green_go_button{padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; background: #10a05b; color: #fff; margin-top: 22px; font-size: 16px; border-radius: 3px;}
body .green_go_button:hover{text-decoration: none; background: #20b16b;}


a.green_go_button_line{padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; background:none; color: #fff; margin-top: 15px; font-size: 16px; border-radius: 3px; border:1px solid #fff;}
a.green_go_button_line:hover{text-decoration: none; background: #327b0f;}


a.green_go_button_line1{padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; background:none; color: #3d8819; margin-top: 15px; font-size: 16px; border-radius: 3px; border:1px solid #3d8819;}
a.green_go_button_line1:hover{text-decoration: none; background: #64b208; color:#fff;}


a.orage_go_button, button.orage_go_button { padding:10px; padding-left:40px; padding-right:40px; background:#ecb92c; color:#fff; border:none; border:1px solid #dba81b; border-radius:4px; font-size:1.1em; text-decoration:none}
a.orage_go_button:hover, button.orage_go_button:hover{background:#dba81b; color:#fff; border:none; border:1px solid #ca970a;}


a.orage_go_button_line{padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; background:none; color: #207ebd; margin-top: 15px; font-size: 16px; border-radius: 3px; border:1px solid #207ebd;}
a.orage_go_button_line:hover{text-decoration: none; background: #207ebd; color:#fff;}

.param_block{padding-top: 80px;}
.parma_block_2{padding-top: 50px; padding-bottom: 15px;}

.p-block-3{background: #f6f7f8; padding: 15px; padding-top: 30px;}
.h2-s-title{text-align: left; font-size: 28px;color:#004483}
.p-block-txt{padding-top: 15px; text-align: left; font-size: 16px;}
.p-title{padding-top: 10px; font-size: 15px;}

.p-block-right{padding-top: 45px;}

.p-title-right{padding-top: 8px; padding-bottom: 15px;text-align: left;font-size: 18px;}
.clearfix-param{clear: both; padding-top: 15px; padding-bottom: 15px;}


/**/
.project-block{ margin-top: 0px; padding-top: 5px; padding-bottom: 5px;}
.project-show-box{ padding-top: 30px; padding-bottom: 50px;}
/*end*/


.index_btitle_left{ text-align:left;}
.btitle_dot{display:inline-block;height: 5px;width:60px; border-top: 1px solid #ddd; margin-right: 12px; vertical-align:middle}

.btitle_text{text-align: left; color: #e0e0e0;font-size: 1.1em; font-family:Arial, Helvetica, sans-serif; display: inline-block}

.btitle_text span{display:inline-block; padding:2px; padding-left:10px; padding-right:10px; color:#fff; background:#78b926; border-radius:4px;}
.index_btitle_right{min-height: 80px; background: #65b308; position: relative; overflow: hidden}
.index_br_bg{position: absolute; width: 40%; height: 80px; background:#ffc119 ; right:-48px;transform: skewX(-50deg); }
.index_br_button{position: absolute; left: 0; top:0;width: 100%; z-index: 2; padding:30px;padding-top:5px;}

.index_hot_sale{padding-top:50px;}
.why-us-box{ padding-top:50px;}
.certicat_box{background:#fff; border:1px dotted #e0e0e0; padding:30px; padding-top:35px;  width:100%;}

.why-box-1{ position:relative}

.certicat_box_dot{position:absolute; width:18px; height:6px; top:10px; background:#ff7e00; left:-30px;}

.certicat_img_box{width:20%; float:left; text-align:center; padding-bottom:10px;}
.certicat_img_box img{width:45%;border:1px solid #ffc119;}
.certicat_img_txt{padding:15px; color:#8a8a8a; }

.our_youshi{padding-top:10px;}

.our_case{padding-top:0px;}
.news-all-box{min-height:500px; background:#fff;padding-top:50px;padding-bottom:60px;}
.h2_news_title{font-size:20px;}

.news_left_box img{max-width:90%;border:1px solid #fff;}
.news_box_h3{font-size:16px;padding-top:5px;}
.news_p_text{font-size:13px;color:#8a8a8a;}

.news-all-box a:link {
	color:#333;
	text-decoration: none; outline:none;
}
.news-all-box a:visited {
	text-decoration: none;
	color:#333;
}
.news-all-box a:hover {
	text-decoration:none; color:#207ebd;
	
}
.news-all-box a:active {
	text-decoration: none;
	color:#545454;
}





@media (min-width: 768px) and (max-width: 991px) {
  

.index-big-title{ font-size:22px;}
.advantage-1 img{ max-width:80%;}
 #por_box_list .pro_box_0{ background:#000;}
 .contact_bottom_box{ padding-left:0}

}

.pad-clear-box{ display:none; clear:both;width:100%;}
/**/

/**/




/*视频*/
.video_mark_block{position:fixed;left:0; top:0; z-index:-1;background:#000;width:100%; height:100%; display:none;opacity:0;filter:Alpha(opacity=0);
 }
.video_mark_block_show{z-index:9999;display:block;opacity:0;filter:Alpha(opacity=0); }



/**/
.get-a-quote-box .get-quote-buttom{width:200px; height:38px; padding:8px; padding-top:9px; display:inline-block; border:2px solid #fff; color:#ffd904; margin-top:10px; font-weight:bold}

.get-a-quote-box .get-quote-buttom:hover{ background:#ffd904; color:#004483; text-decoration:none; border-color:#f5d107}

.get-a-quote-box{padding-top:50px; padding-bottom:50px;}
.get-quote-box-bg{padding:15px; min-height:90px; background:#004483}
.get-quote-txt{color:#fff;  font-size:1.4em; padding-top:15px;}


.pj_list_box .pj_{ display:block; padding:1px; background:#fefefe; border:1px solid #e0e0e0;border-radius: 3px;}
.pj_list_box .pj_:hover{ border:1px solid #004483}


.why_box_icon{ float:left; width:25%;}
.why_box_txt{ float:left; width:75%;}

.clearfix-1{ clear:both; width:100%;}



.case-box-out{padding-top:0px; clear:both}
.pj_ img{ max-width:100%; border:1px solid #fff; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.pj_ img:hover{ border:1px solid #ff7e00;}
.pj_title{padding-top:5px; color:#666;}
.pj-get-more{padding-top:30px;}
.pj-get-more a{display:inline-block; padding:10px; border:1px solid #004483; font-size:1.2em; color:#004483}
.pj-get-more a:hover{ background:#004483; color:#fff; text-decoration:none}
.pj_clear{height:30px; clear:both}

.mob_clear_box { display:none}

.menu-list-box .w-50-menu{ float:left; width:45%; margin-right:1%; margin-bottom:5px;}

.pc_text-ju-m-left{ text-align:justify}

.faq_list_box .why-box-h3{ font-size:16px;}
.faq_list_box .pc_text-ju-m-left{ font-size:13px; color:#8a8a8a;}

.news-all-box .why-box-p{ padding-top:8px;}


@media (min-width: 768px) and (max-width: 991px) {
	.top_bar_left{ display:none}
	.mob_clear_box{ display:block; width:100%; clear:both}
	.block_logo .logo_img_box img{ max-height:56px; padding-top:10px;}
	
	 
	 #top_bar_style .a_style, #top_bar_style .phone_bar {
    font-size: 13px;
     }
	 
	 .logo_img_box, .logo_txt_box{ padding-left:0}
	 .logo_txt_box{  font-size:1.3em; padding-top:6px;}
	 .block_header_move .header_menu .logo_txt_box{ padding-top:0}
}


@media (max-width: 767px) {


.product-cat-box{ padding:0; padding-left:15px; padding-right:15px; margin-top:15px;}
.pcat-item{ width:100%; padding:0; padding-bottom:15px;}
.mob_clear_box{ width:100%; display:block; clear:both;}
.pc_clear_box { display: none}
.h2-index-b{ font-size:24px;}
.col-index-mission{ padding-top:50px;}
.clearfix-1{ clear:both; height:15px;}


.footer-social{ display:none}

}








#solutionpagination .swiper-pagination-bullet, #casepagination .swiper-pagination-bullet {
display: inline-block;
width: 8px;
height: 8px; background:#8a8a8a; border:none;

/*background:#d0d0d0;border-bottom:1px solid #d0d0d0;background:transparent;*/ 
box-shadow:none;
margin: 0 4px;
cursor: pointer;
border-radius:50%;/* 50%;*/
/*transition: 0.4s;*/
}
#solutionpagination .swiper-pagination-bullet-active, #casepagination .swiper-pagination-bullet-active{ /*border-bottom:2px solid #fff;background:transparent;*/ /*width:80px; height:2px; border:2px solid #ffee5b;*/ background:#f2c64d}




/**/
#productpagination{padding-bottom:30px;}
#productpagination .swiper-pagination-bullet {
display: inline-block;
min-width: 250px;padding-left:10px; padding-right: 10px;
height: 60px; line-height: 60px;  border:none; background:#eee; opacity:1;
border-radius:0;font-size:17px;
/*background:#d0d0d0;border-bottom:1px solid #d0d0d0;background:transparent;*/ 
box-shadow:none;
margin: 0px 1px;
cursor: pointer;

/*transition: 0.4s;*/
}

#productpagination .swiper-pagination-bullet:first-child{border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;}
#productpagination .swiper-pagination-bullet:last-child{border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;}

#productpagination .swiper-pagination-bullet img{ width:100%;}
#productpagination .swiper-pagination-bullet-active{ /*border-bottom:2px solid #fff;background:transparent;*/ /*width:80px; height:2px; border:2px solid #ffee5b;*/ background:#046AD5 ;color:#fff;opacity:1;}



.hr_dots span{ display:inline-block; width:5px; height:5px; background:#f2c64d; margin:0 5px;}




 .arrow-left-1 {
background:url(images/grandpower/block-slider_arrow-left.png) no-repeat center center #000;
position: absolute; 
filter:alpha(opacity=0);  opacity: 0;  
left: 5px;
top: 40%;
margin-top: -15px;
width: 50px;
height: 50px;
border-radius: 50%;
z-index:999;
}
  .arrow-right-1 {
background:url(images/grandpower/block-slider_arrow-right.png) no-repeat center center #000;
filter:alpha(opacity=0);  opacity: 0;  
position: absolute;
right: 5px;
top:40%;
margin-top: -15px;
width: 50px;
height: 50px;
border-radius: 50%;
z-index:999;
}

#productSwiper .arrow-left-1, #productSwiper .arrow-right-1{ top:35%;}



.arrow-left-over { left:0px; opacity:0.5; filter:Alpha(opacity=50); -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
 
.arrow-right-over , #caseBanner .arrow-right-over{ right:0px;opacity:0.3; filter:Alpha(opacity=30); -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
    
  @media (min-width: 992px) {  
    .col-md-offset-05{ margin-left:4.16%;}
  }
  
   @media (max-width: 767px) {  
    .case-item-list{width:100%; padding-left:0; padding-right:0;margin-bottom:10px; float:none;}
    body .normal-more-button{padding-left:15px; padding-right:15px; margin-bottom:30px;}
    .case-item-title{ width:88%;background: rgba(255,255,255,.7)}
  }
 
 #show_msg_form_block{width:500px; position:fixed; z-index:9999; padding:20px; top:20%; left:20%; background:#212324; padding-left:45px; padding-right:45px;border:5px solid #ecb92c; display:none; text-align:center}
 #show_msg_form_block .error{ font-weight:400; margin-bottom:-4px; } 


/*开始登录页
=============================*/
/*========================
登录页-幻灯片
=========================*/

#login-banner-out{
	height:720px;  width: 100%;
	text-align:center;
	position:relative;  clear:both;
	background:#fff; /*padding-top:108px;*/
	}

#login-banner-out .customer_inner{ width:100%; height:100%; position:relative; z-index:1}

#login-banner-out #banner{
	
	height:auto;
	text-align:center; /*overflow:hidden;*/
	 z-index:1; position:relative;
}
#login-banner-out #banner .swiper-slide{
	width:100%;
	/*height:760px; overflow:hidden;*/
}


#login-banner-out #banner .arrow-left {
background:url(images/grandpower/block-slider_arrow-left.png) no-repeat 5px center #000;
position: absolute; 
filter:alpha(opacity=20);  opacity: .2;  
left: 120px;
bottom: 18px;

width: 30px;color:#ddd; padding-top:7px;
height: 30px;
border-radius: 50%;
z-index:1099;
}
#login-banner-out #banner .arrow-right {
background: url(images/grandpower/block-slider_arrow-right.png) no-repeat -5px center #000;
filter:alpha(opacity=20);  opacity: .2;  
position: absolute;
right: 120px;
bottom:18px;

width: 30px; color:#ddd; padding-top:7px;
height: 30px;
border-radius: 50%;
z-index:1099;
}
body #login-banner-out #bannerpagination {
position: absolute; 
left: 0;
text-align: center;
bottom: 0px;
width: 100%;
z-index:999;
}
body #login-banner-out #bannerpagination .swiper-pagination-bullet {
display: inline-block;
width: 12px;
height: 12px;
background:url(images/page/btn01-new.png) no-repeat center center;
/*background:#d0d0d0; border-bottom:1px solid #d0d0d0;background:transparent;*/
box-shadow:none;
margin: 0 2px;
cursor: pointer;
/*border-radius:0;/* 50%;*/
/*transition: 0.4s;*/
}
body #login-banner-out #bannerpagination .swiper-pagination-bullet:hover, body #login-banner-out #bannerpagination .swiper-pagination-bullet-active{ background:url(images/page/btn01_h-new.png) no-repeat center center; /*border-bottom:2px solid #fff;background:transparent;*/ /*width:80px; height:2px; border:2px solid #ffee5b;*/}
#login-banner-out#banner .nav-shadow{ position:absolute; width:100%; height:16px; left:0; top:0; z-index:10; /*background:url(images/page1/nav-shadow.png) repeat-x left top;*/_display:none;}

body #login-banner-out .sild_img_bg_pc{height:640px;}
body #login-banner-out #banner .silde_text_layer{width:100%; height:auto; position:absolute; left:0; top:0; z-index:2;}


/*==============================
pad平板首页幻灯调整
===============================*/
@media (min-width: 768px) and (max-width: 991px) {
	
	
/*幻灯*/
#login-banner-out .block_silde{ width:100%; height:auto;}
#login-banner-out #banner .swiper-slide{ height:auto;}
#login-banner-out #banner .swiper-slide .customer_inner img{ width:100%;}
#login-banner-out .arrow-left, #index-banner-out .arrow-right{ display:none}

body #login-banner-out .pagination {
position:relative; 
left: 0;
text-align: center;
bottom: 0px;
width: 100%;
z-index:999;
}

body #login-banner-out .swiper-pagination-bullet {
display: inline-block;
width: 10px;
height: 10px;

background:#aaa;/*border-bottom:1px solid #d0d0d0;background:transparent;*/ 
box-shadow:none;
margin: 0 8px;
cursor: pointer;
border-radius: 50%;
transition: 0.4s;
}
body #login-banner-out .swiper-pagination-bullet-active{/*border-bottom:2px solid #738911;background:#738911; width:80px; height:2px; border:2px solid #ffee5b;*/}


}
/*=======================
公共按钮
========================*/
body .green_go_button{padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; background: #309aa4; color: #fff; margin-top: 15px; font-size: 16px; border-radius: 3px;}
body .green_go_button:hover{text-decoration: none; background: #208993;}

body .orange_go_button{padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; background: #ff6f06 ; color: #fff; margin-top: 15px; font-size: 16px; border-radius: 3px;}
body .orange_go_button:hover{text-decoration: none; background: #ff3000;}


body .blue_go_button{padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; background: #309aa4 ; color: #fff; font-size: 16px; border-radius: 3px; border:1px solid #eee;}
body .blue_go_button:hover{text-decoration: none; background: #41abb5;}

body .page-cookie-nav{text-align:left; padding-top: 10px;color:#bbb; padding-bottom: 10px; border-bottom: 1px solid #eee;}
body .page-cookie-nav a{color:#bbb;}

/*面包肖*/
/*首页*/
.sevice_data .c_danwei, .sevice_data .c_desc{ font-size:1.2em;}
.index-about-box{ background:url(images/page/home_lawyer_sectionbg1.png) repeat-y left top #fff;/*rgb(237, 243, 248);*/padding-top:60px; clear:both}
.about-container{padding-top:30px; min-height:540px; padding-bottom:30px;}
.about-box-img{max-width:100%;/*box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px*/ border:1px solid #f5f8fa;}
.about-box-title{padding-top:80px; text-align:left; font-size:24px; color:#e0e0e0;}
.about-box-title2{text-align:left; padding-top:10px; color:#fff; font-size:30px;}
.about-box-line{width: 90px; height: 3px; background: #f2c64d; display:inline-block}
.index-about-box .about-box-more{display:inline-block; background:#f2c64d; padding-top:8px; padding-bottom:8px; padding-left:20px; padding-right:20px; color:#fff; font-size:1.1em;border:1px solid #e1b53c; border-radius:2px;}
.index-about-box .about-box-more:hover{ text-decoration:none; border:1px solid #f2c64d; background:#e1b53c}

.brand_container_341 .h2-index-b{font-weight:400;}
.brand_container_341 {height:620px; position:relative;}
.brand_container_341 .h2-index-b{padding-top:280px;}
.brand_list_box_341{position:absolute; left:0;top:0; width:100%;height:620px;}
#brand_item22_342, #brand_item22_343, #brand_item22_344, #brand_item22_345, #brand_item22_346, #brand_item22_347, #brand_item22_348, #brand_item22_349, #brand_item22_350, #brand_item22_351, #brand_item22_352, #brand_item22_353, #brand_item22_354, #brand_item22_355, #brand_item22_356, #brand_item22_357{ position:absolute; 
    
    
 
    
}

.brand_list_box_341 img{box-shadow: 0 22px 24px 0 rgb(44 46 48 / 15%); border-radius:38px;}

#brand_item22_342{left:0px;top:50px; animation: float1 2s ease-in-out infinite alternate;}
#brand_item22_343{left:205px;top:120px; animation: float1 3s ease-in-out infinite alternate;}
#brand_item22_344{left:0px;top:170px;animation: float1 2s ease-in-out infinite alternate;}
#brand_item22_345{left:205px;top:220px;animation: float1 2s ease-in-out infinite alternate;}
#brand_item22_346{left:0px;top:270px;animation: float1 3s ease-in-out infinite alternate;}
#brand_item22_347{left:205px;top:320px;animation: float1 2s ease-in-out infinite alternate;}
#brand_item22_348{left:0px;top:390px;animation: float1 2s ease-in-out infinite alternate;}

#brand_item22_349{left:470px;top:90px;animation: float1 3s ease-in-out infinite alternate;}
#brand_item22_350{left:490px;bottom:90px;animation: float1 2s ease-in-out infinite alternate;}


#brand_item22_351{right:220px;top:100px;animation: float1 3s ease-in-out infinite alternate;}
#brand_item22_352{right:15px;top:50px;animation: float1 2s ease-in-out infinite alternate;}
#brand_item22_353{right:15px;top:190px;animation: float1 2s ease-in-out infinite alternate;}
#brand_item22_354{right:225px;top:240px;animation: float1 3s ease-in-out infinite alternate;}
#brand_item22_355{right:15px;top:310px;animation: float1 3s ease-in-out infinite alternate;}
#brand_item22_356{right:215px;top:350px;animation: float1 2s ease-in-out infinite alternate;}
#brand_item22_357{right:100px;top:450px;animation: float1 2s ease-in-out infinite alternate;}



@keyframes float1 {
  0% {
    transform: translate(0, -10px)
  }
  100% {
    transform: translate(0, 10px)
  }
}

.our_parner_box{min-height:500px; background:url(images/page/home_lawyer_sectionbg1.png) repeat left top #f5f6f7;padding-top:60px; position:relative; overflow: hidden}
.our_parner_box .guendong_1, .our_parner_box .guendong_2{ margin-top:30px;}


.guendong_1, .guendong_2 { overflow:hidden; width: 100%} 
/*.guendong_1 ul, .guendong_2 ul{ display:block}
.guendong_1 ul li, .guendong_1 ul li div , .guendong_2 ul li, .guendong_2 ul li div{ float:left;line-height:25px;} */



.guendong_1 {
  /* width: 100%; */
  height: 82px;
  /* overflow-x: scroll; */
  position: relative;
  overflow: hidden;
}

.guendong_2 {
  height: 82px;
  /* overflow-x: scroll; */
  position: relative;
  top: 18px;
  left: 0px;
  /* overflow: hidden; */
}


.our_parner_box .guendong_1 img {
  width: 1690px;
  height: 82px;
  display: inline-block;
}

.our_parner_box .guendong_2 img {
  width: 1199px;
  height: 82px;
  display: inline-block;
}



@keyframes moveleft {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-1716px);
  }
}

@keyframes moveright {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(1226px);
  }
}

.img_001 {
  position: absolute;
  left: 0;
  transform: translate(0, 0);
  animation: moveleft 90s linear infinite;
}

.img_002 {
  position: absolute;
  left: 1710px;
  top: 0;
  transform: translate(0, 0);
  animation: moveleft 90s linear infinite;
}

.img_003 {
  position: absolute;
  left: 0;
  transform: translate(0, 0);
  animation: moveright 60s linear infinite;
}

.img_004 {
  position: absolute;
  left: -1220px;
  top: 0;
  transform: translate(0, 0);
  animation: moveright 60s linear infinite;
}


.our_parner_box::before {
    width: 160px;
    height: 282px;
    background: linear-gradient(
90deg, #F6F6F7, rgba(255, 255, 255, 0));
    left: 0;
    content: " ";
    position: absolute;
    top: 110px;
    z-index: 1;
}

.our_parner_box::after {
    width: 160px;
    background: linear-gradient(
270deg, #F6F6F7, rgba(255, 255, 255, 0));
    height: 282px;
    right: 0;
    content: " ";
    position: absolute;
    top: 110px;
}


.p-data-text img{max-width:100%;}

.sevice_box_001{width:100%;   min-height: 428px;
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(44,46,48,0.1);
    border-radius: 12px;
    border: 1px solid #E7EAEE;
    margin-top: 10px;
	cursor: pointer;
}

.sevice_box_001 .img{
	margin-top: 30px;
    width: 84px;
    height: 84px;
    display: block;
    margin: 0px auto;
    margin-top: 30px;
}

.sevice_box_001 .img1{background:url(../../flash/img1.png) no-repeat center center}
.sevice_box_001 .img2{background:url(../../flash/img2.png) no-repeat center center}
.sevice_box_001 h2{font-size: 20px;
    color: #333333;
    letter-spacing: 0.56px;
    text-align: center;
    margin-top: 21px;
    text-align: center;}
.sevice_box_001 .line {
    display: block;
    width: 100%;
    height: 1px;
    background: #E7EAEE;
    margin-top: 30px;
}

.sevice_box_001 .button {
    display: block;
    background: #FFFFFF;
    border: 1px solid #C9CDD5;
    border-radius: 6px;
    width: 280px;
    height: 48px;
    font-size: 16px; line-height: 40px;
    color: #666666;
    letter-spacing: 0.5px;
    margin: 0px auto;
    margin-top: 70px;
    text-align: center;
    cursor: pointer;
}

.sevice_box_001 p{
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.5px;
    width: 245px;
    margin: 0px auto;
    text-align: left;
    margin-top: 30px;
}
.service_select
{
	background: #046AD5;
}
.service_select h2, .service_select p
{
	color: #fff;
}

.service_select .button 
{
	color: #046AD5;
	border: 1px solid #fff;
}
.service_select .line 
{
	opacity: .5;
}
.service_select .img1{background:url(../../flash/img1-1.png) no-repeat center center}
.service_select .img2{background:url(../../flash/img2-1.png) no-repeat center center}


/* 横向滚动必须让所有li左浮动 */
/*========================
登录-幻灯片结束
=========================*/
/*======================
登录框
======================*/
#login-banner-out{padding-top:80px;background:#309aa4;}


#login-banner-out .r-float{float:right}
#login-banner-out .login-block{ position:absolute; right:30px; top: 130px; z-index: 100;}
#login-banner-out .login-banner-tool{ z-index:1110;}
.login-block-content{background:#fff;width: 90%; height:500px;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); border-radius: 4px;/*border:1px solid #d0d0d0;*/
    padding:30px;
}


#login-banner-out .loing-block-title{text-align: center; padding-top: 20px; font-weight: bold;font-size:20px;}

#login-banner-out .login-block-content .control-label{display: block; text-align: left;font-size:15px; font-weight: lighter}

#login-banner-out #user_name, #login-banner-out #password{height: 46px;}
#login-banner-out #login_button{padding-top: 10px; padding-bottom: 10px;width: 100%;}

#login-banner-out .forget_block{padding-top: 15px;}
#login-banner-out .forget_block .a1{color: #309aa4;font-size: 15px; font-weight: bold}
#login-banner-out .forget_block .a2{color: #8a8a8a;}

/*==============================
注册
================================*/
/*======================
注册框
======================*/
#reg-banner-out{min-height:640px;padding-bottom: 50px; padding-top:85px;background:url(images/blue-line.gif) repeat-x left top #f5f5f5;}

#reg-banner-out .reg-block{padding-top: 50px;}

.reg-block-content{background:#fff;width: 100%; min-height:500px;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); border-radius: 4px; border: 1px solid #dcecfd; 
    padding:30px;
}
.reg-type-sel{ text-align:left;padding-bottom: 8px;padding-top:15px; }
.reg-type-sel a{display:inline-block; padding: 8px; border: 1px solid #e0e0e0; padding-left:20px;padding-right: 20px;}
#reg-banner-out .reg-ty-1{border-right:none;}
#reg-banner-out .reg-ty-2{border-right:none;}
#reg-banner-out .reg-type-sel a:hover{text-decoration: none; color: #10a05b}
#reg-banner-out .reg-ty-sel{border:1px solid #20b16b;background:#10a05b;color:#fff;}

#reg-banner-out .reg-type-sel .reg-ty-sel:hover{text-decoration: none; color: #fff}

#reg-banner-out .reg-block-title{text-align: center; padding-top: 20px; font-weight: bold;font-size:20px;}
#reg-banner-out .select_type_txt{display: block; text-align: left;font-size:15px; font-weight: lighter}

#reg-banner-out .input-1{height: 46px;}

.tips_msg{ text-align:left; padding-top: 6px; color: #b0b0b0; font-size:13px;}

#reg-banner-out #login_button{padding-top: 10px; padding-bottom: 10px;width: 100%;}

#reg-banner-out .forget_block{padding-top: 15px;}
#reg-banner-out .forget_block .a1{color: #309aa4;font-size: 15px; font-weight: bold}
#reg-banner-out .forget_block .a2{color: #8a8a8a;}

/*===================================
用户后台页
=====================================*/
#user-banner-out{min-height:740px;padding-bottom: 50px; padding-top:85px; background: url(images/blue-line.gif) repeat-x left top #fafafa;}
.user-block{position:relative;}
.page-left{width:240px; min-height: 500px; background: #fff;position: absolute; left: 30px;top: 30px;-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); border-radius: 4px;}
.page-right{float:left; padding-left: 242px; min-height: 500px;width: 100%;padding-top:15px;}
.user-top-bar{padding-top: 15px;padding-bottom: 15px;background: #00838f;color:#fff;font-size: 15px;font-weight: bold;}

.user-menu-block{padding: 15px;padding-left:25px; padding-right: 25px; padding-top: 30px;}
.user-menu-set{padding-top: 5px; padding-bottom: 15px;}
.user-menu-set .fa{width:20px;}
.user-menu-set h4{ text-align: left; font-size: 16px; padding-bottom: 8px; }

.user-menu-set li{ padding-bottom:1px;}
.user-menu-set li a{ display: block; text-align: left; padding-left: 20px; padding-top: 5px; padding-bottom: 5px;border-radius: 3px; font-size: 14px;}
.user-menu-set li a .badge{background-color:#00838f;}
.user-menu-set li .red{ color: #D80404; font-weight: bold}
.user-menu-set li .red .badge{background-color:#c00;}
.user-menu-set li a:hover , .user-menu-set li .menu-sel{ background:#00838f; color: #fff; text-decoration: none; }
.user-menu-set li a:hover .badge{background-color:#00838f;}

.user-item-block hr{margin-top:8px; margin-bottom: 8px;}
.user-item-block .h-lien{color:#ccc; display:inline-block; padding-left: 6px; padding-right: 6px;}
.user-item-block .h-tips{font-size:12px; color: #888; display: inline-block ; padding-left: 10px;}
.user-item-block .is_ok{ font-size: 12px; display: inline-block} 
.user-item-block .ok_txt{ color: #20b16b}
.user-item-block .no_txt{ color: #D90808}
.user-item-block .fa-item-line{color:#cde5c3;width:20px;}


.user-item-block .item-line{ font-size:15px; padding-bottom: 8px;}
.user-item-block .action_button{ font-size:13px; color: #10a05a;}

/*活码管理*/
.tooler_bar_block .btn-toolbar .active{background:#545454; color: #fff; }
.user-item-block .user-item-list .item-line{ font-size:14px; }
.user-item-block .user-item-list .item-line a{ color:#5381ED}

#is_pay_ok .txt-red, .txt-red{color:#d00}
#is_pay_ok .txt-green, .txt-green{color:#10a05a}

.txt-yello{ color:#EB9200}

#is_pay_ok .txt-blue, .txt-blue{color:#5381ED}
.txt-crimson{color:crimson}

.list-act-button .btn{ margin-bottom: 8px; padding-top: 4px; padding-bottom: 4px;}
/*提示页*/
.rs_show_msg{text-align:center; font-size:18px; padding:30px;}
.rs_links{text-align:center; font-size:15px;}


/*分页导航*/
#pageSet{ padding-top:30px; }
#pageSet .pages{

clear:both; font-size:0.9em; 

padding-top:3px;

	text-align:center;

	padding-bottom:3px;

	padding-right:10px;

	height:22px;

	line-height:22px;

}

#pageSet .pages a:link{

	display:inline;

	border:1px solid #d0d0d0;

	color:#333;
    border-radius: 4px;
	background:#fff;

	padding:5px 15px;

	margin:0px 6px;

}

#pageSet .pages a:visited{

	display:inline;

	border:1px solid #d0d0d0;
border-radius: 4px;
	color:#333;

	background:#fbfbfb;

	padding:5px 15px;

	margin:0px 6px;

}

#pageSet .pages a:hover{

	display:inline;

	/*border:1px solid #297ccf;*/

	color:#fff;
border-radius: 4px;
	/*background:#3e91e5;*/
	background:#00376d;border:1px solid #00376d;

	padding:5px 15px;

	margin:0px 6px;

}

#pageSet .pages .click{

	display:inline;

	/*border:1px solid #297ccf;*/

	color:#fff;
    border-radius: 4px;
	/*background:#3e91e5;*/
    background:#7c9607;border:1px solid #62760a;
	padding:5px 15px;

	margin:0px 6px;

}

#pageSet .pages span{

	display:inline;
border-radius: 4px;
	/*border:1px solid #297ccf;*/
    
	color:#545454;
 
	  background:#f5f5f5; 
	 border:1px solid #ddd;

	padding:5px 15px;

	margin:0px 6px;

	

}

/**/
.edit_left_box{ float:left; width:64%; border-right:1px solid #e0e0e0;}
.edit_right_box{ float:left; width:34%; padding-top:15px;}
.erb_line{ padding:8px; padding-left:20px;}
.erb_line_1{ display:inline-block; width:86px; font-weight:bold}
.erb_line_2{ display:inline-block}


/*套餐按钮及模块*/
.pack_title_big{font-size:1.2em; border-bottom:1px solid #e0e0e0; padding-bottom:10px; font-weight: bold}
.pack_title{padding-top:15px; padding-bottom: 15px; font-size:1.2em;}

body .tc_button{padding: 10px;padding-left:5px; padding-right: 5px; border: 2px solid #eee; display: inline-block; margin-bottom: 8px; width:48%; text-align: center; font-size:14px; margin-right:5px; margin-bottom: 10px; position: relative}
body .tc_button:hover{ border: 2px solid #ff5000 ; color: #ff5000}
body .tc_button .fa{ display:none}
body .sel_button .fa{ display: inline-block; position: absolute; left:10px;top:12px;}
body .sel_button, body .sel_button:hover{ border:2px solid #ff5000 ; color: #ff5000 }



/*套餐大包*/
.pack_big_title{ font-siz:1.5em; text-align: center; padding-bottom: 30px;}
.pack_list_item{width: 100%; height: 400px; border:2px solid #e0e0e0;border-radius: 4px;box-shadow: 0 2px 5px rgb(0 0 0 / 30%); background:#fff; padding: 15px; cursor: pointer}

.now_set_sel{ border: 2px solid #ff6f06; box-shadow: none;}
body .now_set_sel .tc_button{border:2px solid #ff5000 ; color: #ff5000}
body .now_set_sel .tc_button .fa{ display: inline-block; position: absolute; left:15px;top:12px;}

.box-1-2{ background: url(images/index-service-bg.png) no-repeat 200px -50px #f6f6f7;background-size: cover; padding-top:60px; min-height: 620px;}
body .big_pack_buttom_buy{padding-left:40px; padding-right: 40px; padding-top: 12px; padding-bottom: 12px;}

.pack_list_title{font-size: 1.3em; text-align: center; padding-top: 25px; font-weight: bold}
.pack_desc_list{padding-top: 40px; font-size: 14px; color: #8a8a8a;}
.pack_desc_list li{text-align: left; padding-bottom:10px;}
.pack_desc_list li .fa{color:#10a05b; margin-right: 8px;}
.buy_pack_button_out{padding-top: 30px;}

/*--显示二维码---*/
.show_pay_code_box, .show_pay_ok_box{position: fixed;width: 100%;height: 100%; left: 0; top: 0; z-index: 9999; background: rgba(100,100,100,.5);display: none}
.pay_code_inner{width: 500px; height: 500px; background: #fff; margin-top: 40px;position: relative}
.close_pay_code{width:30px;height: 30px; background: #e00; color: #fff; display: block; font-size: 20px; position: absolute; right: 15px;top:15px;}
.pay_code_img{border:2px solid #10a05b; display: inline-block;margin-top: 50px;}
.pay_logo{padding: 10px;font-size: 14px;color:#666}
.pay_logo img{max-width: 100%;}
.pay_code_img .pay_logo img{width: 25px;}


.pay_ask_inner{width:400px; height: 200px;padding:30px;}
.pay_ask_inner h3{padding-top:30px;  font-size: 20px;}

#is_pay_ok{padding-top:15px;}

/*点击链接时，显示询问层*/

/**/
.pro-bigcat-item{ float:left;background:#fafafa;  margin-right:15px; margin-bottom:8px; margin-top:8px;}
.cat-item-3{ border-right:none}
.menu-two-cat{ padding-top:1px; float:left; width:25%;}
.menu-two-cat .m-t-cat-a{ padding:10px; text-align:center;  display:block; width:100%; font-size:1.2em; border:1px solid #e0e0e0;}
.menu-two-cat .m-t-cat-a:hover{ background:#e62138; color:#fff; text-decoration:none; border:1px solid #e62138}
.menu-3-cat{width:100%; margin-top:0px; border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px;*/}
.menu-3-cat li{  }
.menu-3-cat li a{ padding:5px; padding-top:8px; padding-bottom:8px; display:block;}
.menu-3-cat li a:hover{ background:#e62138; color:#fff; text-decoration:none}

.menu-two-cat .mt-cat-2, .menu-two-cat .mt-cat-3, .menu-two-cat .mt-cat-3, .menu-two-cat .mt-cat-4, .mt-cat-2, .mt-cat-3, .mt-cat-3, .mt-cat-4{ border-left:none}


.big-cat-son-cat{margin-top:15px; background:url(images/page/white-gradient-fade.jpg) repeat-x left bottom #fff;min-height:100px; padding:15px; padding-top:30px; border:1px solid #e9e9e9;}
.bs-cat-h3{font-size:1.1em; text-align:left; padding-bottom:15px; display:block;}
.bs-cat-h3 a{ display:block; width:100%; padding:10px; padding-left:15px; padding-right:15px;}

.bs-cat-h3 a .fa{ color:#e62138}

.bs-cat-h3 a:hover{ text-decoration:none; color:#fff; background:#e62138;     border-radius: 4px;}
.bs-cat-h3 a:hover .fa{ color:#fff;}
.bs-cat-table{ width:100%; padding:0; margin:0;}
.bs-cat-td1{width:30%}
.bs-cat-td1 img{ max-width:90%} 
.bs-cat-td2{width:70%;  font-size:0.9em}
.bs-cat-clear{clear:both; }
.mutil-cat{padding-top:50px; padding-bottom:0px; clear:both;}
.mutil-cat h2{text-align:left; font-size:1.8em}


.show_menu_button{display:inline-block; text-align:left; font-size:1.5em;}
.show_menu_button a{display:inline-block; text-align:left; font-size:1.5em;}
.pro-one-cat-hidden{ display:none}

.hr-border{border-width:3px}

.pro-onecat-mode{text-align:left}
.pro-onecat-mode-button{text-align:center; display:inline-block; padding:10px; padding-left:50px; padding-right:50px; background:#e62138; color:#fff; font-size:1.2em}

.pro-one-cat-list{ margin-bottom:50px; background:#f5f5f5;}
.pro-one-cat-title h2{text-align:left; padding-bottom:15px;font-size:1.3em}
.pro-one-cat-intro{text-align:left; padding-bottom:15px;}
.pro-one-cat-icon{text-align:left; padding-bottom:15px;}
.pro-one-cat-clear{padding-top:30px; padding-bottom:30px;}

.pro-detail-img{ padding-left:15px;}
.pro-detail-img img{width:90%; max-width:90%; max-height:430px;}

.pro-detail-txt{text-align:left;padding:30px; background:#f5f5f5; min-height:220px;   line-height:1.8em}

#bottom-desc a{ text-decoration:none}
#bottom-desc .pro-items-b{float:left; width:25%; height:60px; background:#f5f5f5; padding-top:16px; font-size:1.3em; }
#bottom-desc .pro-items-b1{float:left; width:25%; height:60px; background:#f5f5f5; border-right:1px solid #e0e0e0;}
#bottom-desc .pro-items-sel{background:#333;/*#e62138;*/ color:#fff;}

.pro-items-desc{padding-top:15px;}
.pro-items-data{padding-top:15px;}

.pro-desc-inner img{ max-width:100%;}

.pro-items-data td{ border:1px solid #d0d0d0;}


.pro-items-down{padding-top:15px;}

.pro-desc-inner{padding:30px; min-height:300px; /*background:#f9f9f9;*/background: -moz-linear-gradient(top, rgb(238, 238, 238) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(255, 255, 255) 100%);
    background: -o-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(255, 255, 255) 100%);
    background: -ms-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgb(245, 245, 245) 0%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );text-align:left; line-height:1.8em; font-size:1.1em;}

.product-cat-desc{ text-align:left; line-height:1.9em; font-size:1.2em}
.product-cat-desc p{ padding-bottom:5px;}
 
.product-cat-desc img{max-width:100%;}

.pro-onecat-mode-button-gray{ background:#f2f4f3;text-align:center; display:inline-block; padding:8px; padding-left:50px; padding-right:50px;  color:#333; font-size:1.2em}

.pro-on-cat-title h2{ font-size:1.1em;}
.pro-one-cat-icon{ font-size:0.9em}

.pro-small-img-list{background:#fafafa; min-height:144px; padding-bottom:15px;padding-top:28px; padding-left:30px; padding-right:30px; position:relative;}
.small_pic_arr_left{position:absolute; left:0; top:40%; width:30px; height:50%px;}
.small_pic_arr_right{position:absolute; right:0; top:40%; width:30px; height:50%px; }

.more_product_title{color:#333; font-size:1.2em; text-align:left; padding-bottom:50px;}
.more_product_title a{display:inline-block; padding:10px;padding-left:50px; padding-right:50px; /*background:#e62138;*/ background:#333; color:#fff;}
.pro-more-item{padding-top:15px; padding-bottom:15px; background:#fff;box-shadow: 1px 1px 5px rgba(100,100,100,0.4);}
.pro-more-item a .fa{ color:#e62138}
.pro-more-item a:visited{ color:#8a8a8a;}
.pro-more-item a:visited .fa{ color:#666;}
.pro-more-item img{border:1px solid #f5f5f5; padding:1px;}
.p_small_pic_sel{ border:1px solid #e62138}
.pro-items-data, .pro-items-case, .pro-items-down{ display:none}
.pro-items-case{ padding-top:15px; background:#fff;}
.pname-title{ font-size:1.5em; }
.pro-now-cat{ margin-top:8px; font-size:1em;}
.pro-now-cat a:hover{ text-decoration:none}
.pro-one-cat-list{ padding:15px;}

.cat-3-list { text-align:left; padding-top:30px; font-size:1.2em;}
.cat-3-list a { display:inline-block; padding:3px; padding-left:15px; padding-right:50px;  border-radius: 4px; margin-right:5px; margin-bottom:10px;}
.cat-3-list a .fa{color:#e62138}
.cat-3-list a:hover, .cat-3-list .sel_cat{ background:#e62138; color:#fff; text-decoration:none}
.cat-3-list a:hover .fa, .cat-3-list .sel_cat .fa{ color:#fff;}

/**/
.menu-list-padding{min-height:340px; padding-bottom:35px;}
.menu-list-box{ font-size:14px; padding-top:9px; background: url(../../flash/top_arr.png) no-repeat center top;}

body .menu-list-box .big_menu {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 12px;
    padding-right: 30px;
    position: relative;
    background: #fff;
    border-top: 1px solid #eee;
}

.menu-list-box a:first-child {
    border-top: 1px solid #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.menu-list-box a:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.menu-list-box .big_menu .fa{ color:#d0d0d0; font-size:17px; width:22px}
.menu-list-box .son_menu .fa{ color:#d0d0d0;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.menu-list-rightarr{ position:absolute; right:16px; top:12px; width:20px; height:10px; background:url(images/page/head05.png) no-repeat center center;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;opacity:0.1;filter:Alpha(opacity=0)}

.menu-list-box .big_menu:hover{background:#309aa4;/*#323232*/; color:#fff; text-decoration:none;}
.menu-list-box .big_menu:hover .fa{ color:#fff; font-size:17px;}


.block_header_move .menu-list-box .big_menu{background:#f5f5f5;border-top: 1px solid #e0e0e0;}
.block_header_move .menu-list-box .big_menu:hover{background:#309aa4;/*#323232*/;}

.menu-list-box .son_menu:hover .fa{ color:#e62138;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.menu-list-box .big_menu:hover .menu-list-rightarr{right:10px;background:url(images/page/head05.png) no-repeat center center;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;opacity:1;filter:Alpha(opacity=100)}

.menu-list-box .son_menu{ display:inline-block; width:100%; text-align:left;  font-size:0.9em; padding:6px; padding-left:36px;}
.menu-list-box .son_menu .fa{ width:22px;}
.menu-list-box .son_menu:hover{ text-decoration:none; color:#e62138}

.menu-list-box .solution-son{ padding-left:22px}
.menu-list-box .product-son{ padding-left:8px}

.menu-list-box .menu-go-more{ display:inline-block; padding:8px; padding-left:30px; background:#2a2929; color:#fff; width:170px; text-align:left; position:relative}
.menu-list-box .menu-go-more:hover{ text-decoration:none;}
.menu-list-box .menu-go-more .menu-list-rightarr{opacity:1;filter:Alpha(opacity=100)}
.menu-list-box .menu-go-more:hover .menu-list-rightarr{ right:10px;background:url(images/page/head05.png) no-repeat center center;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.menu-list-box .menu-go-img img{transform: scale(1,1);transform:scale(1,1) \9\0;
    -ms-transform: scale(1,1);-ms-transform:scale(1,1) \9\0;
    -webkit-transform: scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform: scale(1,1);-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.menu-list-box .menu-go-img:hover img{transform: scale(1.01,1.01);transform:scale(1.01,1.01) \9\0;
    -ms-transform: scale(1.01,1.01);-ms-transform:scale(1.01,1.01) \9\0;
    -webkit-transform: scale(1.01,1.01);
    -moz-transform:scale(1.01,1.01);
    -o-transform: scale(1.01,1.01);}


/*面包cookie*/
body .position_nav{padding-top:20px;  min-height:38px; color:#666;}
body .position_nav .p_nav_title{text-align:left;font-size:0.9em; padding-right:15px; }
.nav_button{ padding-bottom:18px; border-bottom:1px solid #e0e0e0;}
.nav_button a{ display:inline-block; min-width:160px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; border:1px solid #d0d0d0; margin-left:10px; margin-right:10px; text-align:center; margin-bottom:10px; color:#545454;}
.nav_button .small_cls_list{ padding-top:7px; padding-bottom:7px;}
.prolist_menu_list{ text-align:left;}
.prolist_menu_clear{ display:block; width:100%; clear:both;}

.nav_button a:hover, .nav_button .menu_sel_cls{ color:#fff; text-decoration:none; background:#879e23;border:1px solid #687c0f;/*background:#3e91e5; border:1px solid #297ccf/*005dba*/}
@media (min-width: 768px) and (max-width: 991px) {
body .position_nav .p_nav_title{ padding-left:15px; padding-right:15px;}
}
.nav-top-title{ font-size:1.8em}

.cat-title-top{text-align:left; padding-top:10px; padding-bottom:20px;}
.cat-text{text-align:left; padding-top:15px; color:#8a8a8a;}
.inner-menu-list{background:#f5f5f5; margin-top:15px; padding-top:30px; padding-bottom:30px;}

.pro-menu-block .menu-a-list{display:inline-table; width:100%; height:100%;font-size:1.2em; text-align:center; padding:9px;padding-left:40px; padding-right:40px; border:1px solid #e0e0e0;}
.pro-menu-block .menu-a-list span{display:block;vertical-align: middle;text-align: center;width:100%; height:100%;  }

.pro-menu-block .menu-a-list:hover{ color:#fff; background:#212121; border:1px solid #fff;}
.pro-menu-block .red-bg{background:#212121; color:#fff; border:1px solid #fff;}

.pro-menu-son{ display:none;width:100%; min-height:60px; /*background:url(images/page/white-gradient-fade.jpg) repeat-x left bottom*/ background:#fafafa; padding-top:5px;}

.pro-img-list img{ max-width:100%;}

.about-box{ padding-top:3em; text-align:left; line-height:1.8em; font-size:1.12em;padding-bottom:3em; color:#333;}
.about-box img{ max-width:95%}


/*登录注册按钮*/
#is_user_login{padding-top:17px;}
#is_user_login .btn-info{ color:#fff; background:#309aa4; border:1px solid #c7e3fe;}
#is_user_login .btn-info:hover{ color:#005ab3; background:#daecfc; border:1px solid #b6d2ed;}
.block_header_move .lang_box #is_user_login{ padding-top:9px; font-size: 14px;}
.lang_box #is_user_login .blue_go_button{ color:#fff;}
.block_header_move .lang_box #is_user_login .blue_go_button{ background:#daecfc;border:1px solid #b6d2ed; color:#005ab3;}
.block_header_move .lang_box #is_user_login .btn-info{background:#daecfc;border:1px solid #b6d2ed; color:#005ab3;}
.block_header_move .lang_box #is_user_login .btn-info:hover{background:#2a81d9;border:1px solid #065db5; color:#fff;}

.block_header_move .block_logo .logo-01{ display:none}
.block_header_move .block_logo .logo-02{ display:inline-block}


/*产品显示页*/
.sku_price_box{min-height:354px; position:relative; z-index: 1;}
.sku_price_box_in{position:relative; width:100%;height: 100%; left: 0; top: -80px;}
.sku_price_01{ width:100%; min-height: 354px; background: #fff; border-radius: 10px;box-shadow: 0 22px 24px 0 rgba(44,46,48,0.1);border:1px solid #fafafa; padding: 30px 50px; position: relative;}

.sku_price_01_wait::after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 10px; z-index: 1; background: #000; opacity: 0.05;}

.sku_price_item{ text-align:left; margin-bottom: 4px; width: 100%; }
.sku_price_title, .sku_price_body{ display: inline-block; float: left}
.sku_price_title{font-size:14px; padding-right: 18px; padding-top: 10px;}
.sku_price_body{ color: #888; width: 93%;}
.rmb_fu{color:#FF5554; font-size: 20px;}
.rmb_price{color:#FF5554; font-size: 30px; font-family: Arial; padding-right: 10px;}

.price_item_a{background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 5px 25px;
    margin-right: 10px;
    position: relative;
    /* overflow: hidden; */
    cursor: pointer;
    margin-top: 10px; display: inline-block}

#sku_price_block .price_select{border: 1px solid #046AD5;
    color: #046AD5;}

#sku_price_block .price_select::before{content: ""; position: absolute;
    top: -1px;
    left: -1px;
    background: url(../../flash/buy-select.png) no-repeat;
    background-size: cover;
    width: 19px;
    height: 18px;}

/*#sku_price_block .xjbj{padding-right: 34px!important;
    color: #42A97E!important;
    border: 1px solid #42A97E!important; margin-right: 38px}
#sku_price_block .xjbj::after{content: ""; position: absolute; 
    background: url(../../flash/service-icon1.png) no-repeat;
    background-size: cover;
    width: 72px;
    height: 45px;
    top: -14px;
    right: -40px;
    left: inherit;}

#sku_price_block .xlgj{padding-right: 34px!important;
    color: #FF6041!important;
    border: 1px solid #FF6041!important; margin-right: 38px}
#sku_price_block .xlgj::after{content: ""; position: absolute; 
    background: url(../../flash/service-icon2.png) no-repeat;
    background-size: cover;
    width: 72px;
    height: 45px;
    top: -14px;
    right: -40px;
    left: inherit;}*/

#sku_price_block .tuijie{padding-right: 34px!important;
    color: #ff38aa!important;
    border: 1px solid #ff38aa!important; margin-right: 38px}
#sku_price_block .tuijie::after{content: ""; position: absolute; 
    background: url(../../flash/service-icon3.png) no-repeat;
    background-size: cover;
    width: 72px;
    height: 45px;
    top: -14px;
    right: -40px;
    left: inherit;}


#sku_price_block .price_select_xj::before{content: ""; position: absolute;
    top: -1px;
    left: -1px;
    background: url(../../flash/buy-select2.png) no-repeat;
    background-size: cover;
    width: 19px;
    height: 18px;}
#sku_price_block .price_select_xl::before{content: ""; position: absolute;
    top: -1px;
    left: -1px;
    background: url(../../flash/buy-select3.png) no-repeat;
    background-size: cover;
    width: 19px;
    height: 18px;}

#sku_price_block .price_select_tj{border:1px solid #ff38aa!important;}
#sku_price_block .price_select_tj::before{content: ""; position: absolute;
    top: -1px;
    left: -1px;
    background: url(../../flash/buy-select4.png) no-repeat;
    background-size: cover;
    width: 19px;
    height: 18px;}

.buy-input{width: 56px;
    height: 32px;
    float: left;
    border: 0;
    text-align: center;
    background: #F6F6F7; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.buy-cut, .buy-add{display: block;
    width: 32px;
    height: 32px;
    background: none;
    float: left;
    border: 0;
    text-align: center;
    line-height: 32px;
    cursor: pointer;border:1px solid #e0e0e0;}
.buy-cut{border-right: none}
.buy-add{border-left: none}

.sku_num_body{width:40%;}
.sku_buttom_body{ width:42%; float: right}


button.button-blue {
    opacity: 0.99;
    background: #ff6f06;
    border-radius: 6px;
    color: #ffffff;
    border: 1px solid #ff6f06;
    border-radius: 6px;
    min-width: 150px;
    height: 44px;
    line-height: 30px;
    font-size: 16px;
    letter-spacing: 0.44px;
    margin-left: 10px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

button.button-blue:hover {
  background: #ff3000;
  border: 1px solid #ff3000;
}

button.buy-white:hover{opacity: 0.7;}

button.buy-white {
    /* opacity: 0.77; */
    opacity: 1;
    background: #F8FCFF;
    border: 1px solid #046AD5;
    border-radius: 6px;
    width: 150px;
    height: 44px;
    line-height: 30px;
    font-size: 16px;
    color: #046AD5;
    letter-spacing: 0.44px;
    margin-left: 10px;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.show_jian_box{position:relative;}
.jian_arr{position:absolute; width: 22px; height: 15px; display: block; left: 60px; bottom:-21px; background: url(../../flash/jian.png) no-repeat center top; z-index: 1; display: none}
.show_order_box{width:100%; min-height: 300px; background: #fff; border-top: 1px solid #e0e0e0; margin-top: 20px; padding-bottom: 20px; position: relative; display: none}


.order_info{ width: 54%; float: left;min-height: 250px; margin-top: 30px; text-align: left;padding: 20px; border:1px solid #ff6f06; border-radius: 10px; color: #666; }
.order_info h3{font-size:14px;  text-align: left; color: #ff3000; font-weight: bold}

.info_div{ font-size:15px;}
.info_div p{ padding-bottom: 8px;}
.info_tips{ color:#8a8a8a; font-size: 12px;}
.info_tips img{border-radius:10px;max-width: 100%; border:1px solid #e0e0e0;}

.pay_box{width:46%; float: left ; text-align: left; margin-top: 20px;padding: 15px; padding-left: 40px;}
.pay_box_in{padding: 15px; padding-top: 40px;padding-bottom: 40px; border:1px solid #e0e0e0; border-radius: 10px;}

.pay_box_in h3{ font-size: 16px;}

.pay_item{display: inline-block; width: 180px; margin-right: 5px; border:1px solid #d0d0d0; text-align: center; position:relative}
.pay_item img{max-width: 100%;}
.pay_select{border: 1px solid #FF6041!important; }
.pay_select::before{content:"";
    position: absolute;
    top: -1px;
    left: -1px;
    background: url(../../flash/buy-select3.png) no-repeat;
    background-size: cover;
    width: 19px;
    height: 18px;}

.hide_show_buttom{ position:absolute;width:22px; height:22px; color: #fff; right: 3px; top: 5px; border-radius: 50%; background: #ff3000; cursor: pointer; line-height: 20px;}

.creat_tips{font-size:13px; color:#c00;padding-top:10px;padding-left:10px; display:none}


.product_content_box{padding-bottom:50px}

/*产品说明*/
.pro_desc_item{padding: 20px; text-align: left; min-height: 120px; border:1px solid #e0e0e0;  border-radius: 10px;box-shadow: 0 5px 10px 0 rgba(44,46,48,0.1); font-size:14px; display: block; margin-bottom: 15px;}

.pro_desc_item .title{font-weight:bold;color:#046AD5;text-align:left;margin-top:12px}
.pro_desc_item .min_title{padding-top:4px; color:#888;}

.pro_desc_item_01{background: url(../../flash/tuijian1.png) no-repeat right center #fff;}
.pro_desc_item_02{background: url(../../flash/tuijian2.png) no-repeat right center #fff;}
.pro_desc_item_03{background: url(../../flash/tuijian3.png) no-repeat right center #fff;}


.pro_desc_item_01:hover{ background: url(../../flash/tuijian1.png) no-repeat right center #046AD5;}
.pro_desc_item_01:hover .title, .pro_desc_item_01:hover .min_title{ color:#fff;}


.pro_desc_item_02:hover{ background: url(../../flash/tuijian2.png) no-repeat right center #046AD5;}
.pro_desc_item_02:hover .title, .pro_desc_item_02:hover .min_title{ color:#fff;}


.pro_desc_item_03:hover{ background: url(../../flash/tuijian3.png) no-repeat right center #046AD5;}
.pro_desc_item_03:hover .title, .pro_desc_item_03:hover .min_title{ color:#fff;}


.other-flow{
  width: 100%;
  height: 526px;
  background:url(images/bg-line.png) repeat-y center top; background-size: 100%;
}
.other-flow-title{
  font-size: 32px;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-align: center;
  padding: 80px 0 60px 0;
}
.other-flow-content{
  position: relative;
}
.other-flow-border{
  width: 100%;
  height: 1px;
  background:  #C9D9FF;
  position: absolute;
  top: 113px;
  left: 0;
}
.other-flow-content ul{
  width: 1200px;
  margin: 0 auto;
}
.other-flow-content li{
  float: left;
  width: 20%;
  text-align: center;
  padding: 50px 0 74px 0;
  /*cursor: pointer;*/
  position: relative;
}
.other-flow-content li h3{
  font-size: 38px;
  color: #FFFFFF;
  letter-spacing: 1.06px;
  font-family: numFont;
  transition: all 0.3s;
  position: relative;
}
.other-flow-content li p{
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 22px;
  font-weight: 600;
  transition: all 0.3s;
}
.other-flow-content li p:last-child{
  font-size: 12px;
  color: #eee;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
  font-weight: 500;
  transition: all 0.3s;
}
.other-flow-content .active{
  /*background: #F8FCFF;*/
  box-shadow: 0 22px 24px 0 rgba(44,46,48,0.09);
  border-radius: 6px;
  /*transition: all 0.3s;*/
  position: relative;
}
.other-flow-content .active:before{
  content: ' ';
  width: 100%;
  height: 100%;
  background: #F8FCFF;
  position: absolute;
  border-radius: 6px;
  top: 0;
  left: 0;
  animation: otherFlow 0.3s;
  -moz-animation: otherFlow  0.3s; /* Firefox */
  -webkit-animation: otherFlow  0.3s; /* Safari and Chrome */
  -o-animation: otherFlow  0.3s; /* Opera */
}
.other-flow-content .active h3{
  color: #309aa4;
}
.other-flow-content .active p{
  color: #333333;
}
.other-flow-content .active p:last-child{
  font-size: 12px;
  color: #666666;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 20px;
}
.other-flow-content .active .other-flow-circle{
  color: #333333;
}
.other-flow-circle{
  width: 18px;
  height: 18px;
  margin: 6px auto;
  text-align: center;
  display: flex;
  align-items: center;
  /*position: relative;*/
  z-index: 1;
}
.other-flow-circle:after{
  position: absolute;
  width: 100%;
  height: 1px;
  background: #C9D9FF;
  top: 113px;
  left: 0;
  content: ' ';
}
.other-flow-circle span{
  width: 18px;
  height: 18px;
  background: #C9D9FF;
  border-radius: 50%;
  display: inline-block;
  margin: 0 auto;
  position: relative;top:7px;
  z-index: 2;
  border: 6px solid #309aa4;
  box-sizing: border-box;
}
.other-flow-content .active .other-flow-circle span{
  width: 18px;
  height: 18px;
  border: 3px solid #309aa4;
  background: #F8FCFF;
  border-radius: 50%;
}
.other-flow-content ul p{
  margin-top: 23px;
  padding: 0 30px;
  position: relative;
}
.other-introduce .content:first-child{
  margin-bottom: 150px;
}
.other-introduce .content:last-child{
  margin-bottom: 80px;
}




.other-question-box ul{
  /*padding: 6px 0px;*/
  /*margin-bottom: 10px;*/
  height: 46px;
  overflow: hidden;
  border-bottom: 1px dashed #e5e5e5;
  box-sizing: border-box;
}
.other-question-box .blue-question{
  line-height: 20px;
  color: #333333;
  letter-spacing: 0.5px;
  text-align: justify;
  padding: 13px 20px 13px 40px;
  cursor: pointer; position: relative;
  /*margin-bottom: 20px;*/
}
.other-question-box .blue-question:hover{
  background: #F6F6F7;
}

.blue-question:before {
    content: ' ';
    width: 20px;
    height: 20px;
    background: url(../../flash/question.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 0;
}

.other-question-box .blue-question:before{
  top: 10px;
}


.other-question-box .ans{
  color: #999999;
  letter-spacing: 0.5px;
  text-align: justify;
  line-height: 26px;
  padding-left: 40px;
  margin-bottom: 10px;
}
.other-question{
  margin-bottom: 80px;
}
.display-block span{
  width: 142px!important;
  display: inline-block;
  line-height: 22px;
  margin: 5px 0;
}
.margin-left62{
  margin-left: 34px;
}
.patent-value .pink-draw{
  color: #FF5554!important;
}
.soft-test-value li{
  margin: 20px 0;
}
.margin-top30{
  margin-top: 30px;
}
.high-quality-flow ul li{
  width: 16.6%;
}
.high-quality-materials .right{
  padding: 22px 20px 22px 20px;
}
.high-quality-materials .left,
.high-quality-materials .right{
  height: 326px;
}
.educate-introduce h3{
  color: #333333;
  letter-spacing: 0.5px;
  text-align: justify;
  line-height: 26px;
  width: 520px;
  padding-top: 12px;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 600;
  border-top:1px dashed #e5e5e5;
}
.product-question-toggle{
  width: 18px;
  height: 18px;
  background: url("../../flash/border-trilateral-left.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: 4px;
  top: 14px;
  cursor: pointer;
}
.other-question-box ul.active .product-question-toggle{
  background: url("../../flash/border-trilateral.png") no-repeat;
  background-size: contain;
}
.other-question-box ul.active{
  height: auto;
  overflow: auto;
}

.row-h-txt{ }
.remark_title_annex{ font-size:13px; color:#888;padding-top:8px; width:100%; clear:both; letter-spacing: 0.3px;}

.our_product li{padding-left:5px;padding-right: 7px;}
.pro_box_1, .pro_box_2{display: block;height: 260px; position: relative; padding: 20px; border-radius: 5px;}
.pro_box_1{ background:url(images/our_product.jpg) no-repeat center center; background-size:cover;}
.pro_box_2{ background:url(images/our_product1.jpg) no-repeat center center; background-size:cover}

.pro_box_1 .p_title, .pro_box_2 .p_title{color: #fff; font-size:24px; padding-top: 40px; z-index: 1; position: relative}

.pro_box_1 .p_desc, .pro_box_2 .p_desc{color: #fafbfc; font-size:15px; padding-top: 30px; z-index: 1; position: relative}

.pro_box_1 .p_button, .pro_box_2 .p_button{margin-top:30px; padding:8px; padding-left: 30px; padding-right: 30px; border:2px solid #fff; border-radius: 5px; color: #fff; display:inline-block; z-index: 1; position: relative;-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; font-weight: bold}




.pro_box_1 .p_mark, .pro_box_2 .p_mark{ position: absolute; z-index: 0; width:100%; height: 260px;left: 0; top: 0; background: #000; opacity: .2;-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; border-radius: 5px;}
.pro_box_1 .p_mark{ opacity: 0}
.pro_box_1:hover .p_mark , .pro_box_2:hover .p_mark{opacity: .5;-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;}  

.pro_box_1:hover .p_button , .pro_box_2:hover .p_button{background:#fff; color: #333;-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;}

.cer_item{ padding:10px; background: #fff; border-radius: 5px;}
.cer_item img{ max-width: 100%;}

.cer_item .cer_title{ text-align: left; font-size: 1.4em; color:#333; padding: 10px; padding-bottom: 7px; font-weight: bold; background:url(images/icon_cert.png) no-repeat right 11px;}
.cer_item .cer_2title{padding:10px; padding-top: 0; text-align: left; color: #666;}

a.white_go_button{ padding:10px; padding-left: 40px; display: inline-block; padding-right: 40px; color: #fff; border:2px solid #fff; border-radius: 30px; font-size: 16px;}
a.white_go_button:hover{background:#fff; color: #212121;}


a.green1_go_button, a.blue1_go_button{padding:10px; padding-left: 40px; display: inline-block; padding-right: 40px;  border-radius: 30px; font-size: 16px;}
a.green1_go_button{color:#7eaa5b;border:2px solid #7eaa5b}
a.green1_go_button:hover{background:#7eaa5b; color:#fff;}

a.blue1_go_button{color:#00838f;border:2px solid #00838f}
a.blue1_go_button:hover{background:#00838f; color:#fff;}


.step_item{width:20%; float: left; text-align: center}
.step_item img{max-width:100%;}
.step_item h3{ font-size:18px; padding-top:15px; color:#00838f; font-weight:bold}
.step_item .p_1{padding-top:10px; color:#666;font-size: 15px;}

.zl_item{min-height:300px; border:1px solid #eee; border-radius: 10px;background-image: linear-gradient(
-31deg, #f4f2f4 0%, #fff 100%);
    -webkit-box-shadow: 2px 4px 10px 0 rgb(66 79 98 / 20%);
    box-shadow: 2px 4px 10px 0 rgb(66 79 98 / 20%);}
.zl_item_title{padding:15px; padding-top:20px;padding-bottom:20px; font-size:18px; font-weight:bold;color:#fff; background:#00838f;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.zl_item_body{padding:20px;padding-bottom:40px;}
.zl_item_body li{padding:10px; text-align:left; font-size:16px; color:#545454;}
.zl_item_body li .fa{font-size:0.8em;color:#00838f; margin-right:5px;}