@charset "utf-8";
/* CSS Document */
/*@font-face{font-family:frutigernext;src:url("font/LT_54361.eot");src:url("font/LT_54361.eot?") format("embedded-opentype"),url("font/LT_54361.woff") format("woff"),url("font/LT_54361.ttf") format("truetype"),url("font/LT_54361.svg") format("svg")}@font-face{font-family:frutigernext_medium;src:url("font/frutigernext-lt-medium.eot");src:url("font/frutigernext-lt-medium.eot?") format("embedded-opentype"),url("font/frutigernext-lt-medium.woff") format("woff"),url("font/frutigernext-lt-medium.ttf") format("truetype"),url("font/frutigernext-lt-medium.svg") format("svg")}
*/
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:15px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*font-family: sans-serif; */
	font-family: Arial,sans-serif,Helvetica;
	
	letter-spacing:normal;
	
	color:#333;
	/*background:url(images/page/line_bg.gif) repeat left top;*/
	text-align: center;
	
}
@media (max-width: 1910px) {
	
	body{font-size:13px;}
}

@media (max-width: 1680px) {
	
	body{font-size:12px;}
}

@media (max-width: 1440px) {
	
	body{font-size:12px;}
}

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

.error{font-size:0.9em; color:#f00;padding-top:4px; text-align:left; display:block}



a:link {
	color:#333;
	text-decoration: none; outline: none !important;
}
a:visited {
	text-decoration: none;
	color:#333; outline: none !important;
}
a:hover {
	text-decoration: none; color:#c9282a;outline: none !important;
	
}
a:active {
	text-decoration: none;
	color:#545454;outline: none !important;
}

.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 {
    -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:134px; width:100%;  z-index:999; position:fixed; left:0; top:0px; background:#fff; border-bottom: 1px solid #fff;}
.header_menu{ /*background:rgb(255,255,255) ;rgba(150,150,150,0.6)rgba(83,117,129,0.6);  max-width:1680px;*/ height:80px; /*overflow:hidden;-webkit-box-shadow: 0px 15px 15px -17px rgba(0,0,0,0.25);
    box-shadow: 0px 15px 15px -17px rgba(0,0,0,0.25);*/}

.block_header_on{background:#fff;}

/*.block_logo .logo_on_show{display: block}
	.block_logo .logo_out_show{display: none; }
	
	.block_header_on .block_logo .logo_on_show, .block_header_move .block_logo .logo_on_show{display: none}	
	.block_header_on .block_logo .logo_out_show, .block_header_move .block_logo .logo_out_show{display: block}	*/

/**new*/
.block_header_0{ height:50px;padding-top:15px;  -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}


.block_logo{ width:16%; float: left; height:100%; text-align:center; margin-top: -20px;}

.block_logo img{ max-height:48px; margin-top:6px;}



/*header_menu*/

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

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


.menu_block .nav_2{ display:inline-block;  font-size:1.1em; color:#333; height:70px;padding-top:12px; font-weight: 600; }
.menu_block .nav_2:hover, .menu_block #nav_sel:hover{ color:#c9282a;  text-decoration:none;}

.menu_block #nav_sel{ color:#333;  text-decoration:none;/*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:30px; margin-left: 10px;}

.menu_block .nav_3{padding-left:15px;}


.block_header_on .menu_block .nav_2{color:#333;}

.block_header_on .menu_block .nav_2:hover, .block_header_on .menu_block #nav_sel:hover{ color:#c9282a;  text-decoration:none;}


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

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

/*---下拉*/
.nav_sb {
    /*box-shadow: 2px 2px 5px;*/
	/*box-shadow: 1px 2px 5px rgba(200,200,200,0.6);*/
    position: absolute;width: 100%;
    display: none;
    width: 280px; 
    left: 0px;
    top: 92px;
    /*filter: alpha(opacity=95);
    opacity: 0.95;*/
    /*border-radius: 6px;  background:url(images/grandpower/top_arr.png) no-repeat center top; */
    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:12%;height:70px;float:left; text-align:left; background:#068fcf;}
.lang_box a{ display:block}
.lang_box .lang_txt{display:inline-block; margin-top:16px; 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:#fff; margin-left:10px; font-size:1.5em; display:none}

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

#top_bar_style .a_style .fa{width: 14px; height: 14px; /*border:1px solid #545454; border-radius: 50%;*/font-size:13px; line-height: 14px; text-align: center; color: #545454;}
#top_bar_style .a_style .fa-globe{border:none;font-size:14px;}

#top_bar_style .a_style:hover .fa{color: #333}
#top_bar_style .a_style:hover .fa-globe{ color: #333;}

/*滚动发生的效果*/
.block_header_move{ height:84px; border-bottom:1px solid #eee; background:#fff}
.block_header_move .block_header_0{ height:28px; font-size:11px; padding-top:5px;}
.block_header_move #top_bar_style .a_style, .block_header_move #top_bar_style .phone_bar{ color:#333; height:23px; display:inline-block; position:relative; font-size:13px; font-family:Arial, Helvetica, sans-serif;}	




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



.block_header_move #top_bar_style .a_style:hover{ color:#000; text-decoration:none; }
/*.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:#E2001A;
        
            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 .hasmenu:hover::after{
	display:none
        }*/		

.block_header_move .header_menu{  height:52px;}

.block_header_move .header_menu .block_logo{margin-top:-14px;}

.block_header_move .header_menu .block_logo img{ max-height:30px; margin-top:6px;}
.block_header_move .header_menu .menu_block{height:52px}
.block_header_move .header_menu .menu_block ul li{ height:48px;}
.block_header_move .header_menu .menu_block .nav_2{ display:inline-block;  font-size:1em;  height:48px;padding-top:8px; /*font-family:'微软雅黑';#1A668E;*/}
.block_header_move .lang_box{ height:52px;}

.block_header_move .lang_box .lang_txt{margin-top:7px;} 
.block_header_move .nav_sb{ top:58px;} 

/*二次滚动的效果*/
.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;*/ height: auto; padding-top: 136px ; }


/*幻灯*/

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

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

.banner{
	
	height:auto;
	text-align:center; /*overflow:hidden;*/
	 z-index:1; position:relative; margin-top:0; 
}
.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: 60px;
height: 10px;
/*background:url(images/public/sild-btn-1.png) no-repeat center center;*/
/*background:#d0d0d0; border-bottom:1px solid #d0d0d0;background:transparent;*/
	border-bottom:1px solid #fff;background:transparent; border-radius: 0;
box-shadow:none;
margin: 0 4px;
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/public/sild-btn-sel.png) no-repeat center center;*/ border-bottom:3px solid #fff;background:transparent; /*width:80px; height:2px; border:2px solid #ffee5b;*/ border-radius: 0;}
.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;}


body .view-more-buttom{display: inline-block; padding: 10px 25px; background: #fff; border-radius: 20px; border:1px solid #e5e5e5;}
body .view-more-buttom:hover{background:#c9282a; color: #fff; border:1px solid #c9282a}


body #view-solution-more-button .view-more-buttom{display: inline-block; padding: 10px 25px;  border-radius: 30px; color: #d0d0d0;   border: 2px solid #d0d0d0;color: #eee;background: none;  -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
body #view-solution-more-button .view-more-buttom .fa{padding-right:5px;padding-left: 0; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

body #view-solution-more-button .view-more-buttom:hover{display: inline-block; padding: 10px 25px; color: #fff; border-color: #fff;  -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; background: #333435;}
body #view-solution-more-button .view-more-buttom:hover .fa{padding-left: 5px;padding-right: 0px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

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

.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);}


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



.pro_withe_block{padding-top:6em; padding-bottom:3em; background:#fff;}
.pro_withe_block .pro_list_name h3{ color:#6e831a}
.pro_withe_block .c_box_desc{ color:#545454;}


.pro-mut-list{ text-align:left;}
.pro-mut-list h3{line-height:1.6em; font-size:1.5em; color:#6e8311}
.pro-mut-list h3 a{ color:#697d10;}
.pro-mut-list h3 a:hover{ text-decoration:none; color:#5a6c0a}
/*.pro-mut-list p{padding-top:15px; line-height:1.6em; color:#545454;}*/

.tow_desc{padding-top:15px; line-height:1.6em; color:#545454; font-size:1.1em;}
.tow_desc p{ margin-top:6px;}

.pro-mut-list .btn-green-light{color:#fff; width:90%; padding:5px; font-size:13px;}
.pro-mut-box-01{border-left:1px solid #e0e0e0;padding-top:3em; padding-bottom:2.1em;}
.a-btn-box{ text-align:center}


#page_root .small_but_div{text-align:center; font-size:12px;}
#page_root .small_but_div a{ color:#fff; padding:3px; width:120px;}

/*底部*/
.footer{padding-bottom:2em; position:relative; color:#ccc;}
.footer_hr{border-top:2px solid #00873d; margin-top:0}
.footer .copyright{padding-top:1em; margin-top:2em;  clear:both}
#footer{background:#212223;/*#001e50;*/ margin-top: 0px;  border-top:1px solid #eee;}
#footer a{ color:#ccc/*#c2cacf;*/}
#footer a:hover{color:#ddd}
#footer a:visited{ color:#ccc;}
/*#footer*/
#footer{ min-height:100px;   text-align:left; padding-bottom:4px; }
.footer-copyright{ height:auto; padding-bottom:15px; text-align:center; /*border-top:1px solid #555;*/ background:#121213; color:#fff; /*padding-top:8px; padding-bottom:8px;*/ }
#footer .link_list h4{ text-align:left; margin-bottom:0.8em;color:#000; padding-left:20%;}
#footer .link_list ul{ padding-left:20%;}
#footer .link_list h4 a{ color:#ccc}
#footer .link_list li{ text-align:left; margin-top:0.6em;}
#footer .link_list li a{ color:#ccc; font-weight:400; font-size:12px;}
#footer .footer-social{ padding-bottom:30px;}
#footer .footer-social a{ color:#ccc; 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:100%; height: 760px ; position:relative; z-index:1;overflow: hidden;

	/*transform: scale(1.1,1.1);transform:scale(1.1,1.1) \9\0;
    -ms-transform: scale(1.1,1.1);-ms-transform:scale(1.1,1.1) \9\0;
    -webkit-transform: scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);-webkit-transition: all .2s linear;
    -moz-transition: all .8s linear;
    -o-transition: all .8s linear;
    transition: all .8s linear;*/
/*.pj_list_ease img{transform: scale(1.08,1.08);transform:scale(1,1) \9\0;
    -ms-transform: scale(1.08,1.08);-ms-transform:scale(1,1) \9\0;
    -webkit-transform: scale(1.08,1.08);
    -moz-transform:scale(1.08,1.08);
    -o-transform: scale(1.08,1.08);
	}*/


}

.silde_img_bg .banner-bg-img-inner{width: 100%; height: 100%;

transform: scale(1.06,1.06);transform:scale(1.1,1.1) \9\0;
    -ms-transform: scale(1.06,1.06);-ms-transform:scale(1.1,1.1) \9\0;
    -webkit-transform: scale(1.06,1.06);
    -moz-transform:scale(1.06,1.06);
    -o-transform: scale(1.06,1.06);-webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
}


.slide-img-small-go .silde_img_bg .banner-bg-img-inner{width: 100%; height: 100%;
	
	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 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
	
}

.silde_text_layer{width:100%; height:100%; position:absolute; left:0; top:-50px; z-index:2;}
.row-h-txt{ display:table; height:  760px ;}
.row-h-txt .sm-h-txt{ height:100%; display:table-cell; vertical-align:middle; margin-top:-8px;}

.silde_text_layer .banner-txt-title{  text-align: left;margin-left:28px;text-align:left;font-size: 3em; color:#fafafa;/*text-shadow: 1px 1px 3px #333;*/ margin-bottom: 25px;font-weight: bold}

.silde_text_layer .banner-txt-small{text-align: left;margin-left:28px;text-align:left;font-size: 1.5em; color:#fafafa;/*text-shadow: 1px 1px 3px #333; */margin-bottom: 25px;}

.silde_text_layer .banner-txt-buttom{margin-left: 28px;margin-top: 10px;} 
.silde_text_layer .banner-txt-buttom a, body .noraml-red-button{display:inline-block; margin-top:15px; text-align:center;border-radius: 2px;position: relative; overflow: hidden;background: #c61c1f;border:1px solid #d52629;}

.silde_text_layer .banner-txt-buttom a span, body .noraml-red-button span{padding:13px; display:block; text-align:center; padding-left:32px; padding-right:32px; color:#fff;  font-size:16px; position: relative; z-index: 2; }

.silde_text_layer .banner-txt-buttom a .fa, body .noraml-red-button .fa{padding-right:6px;pdading-left:0px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}


.silde_text_layer .banner-txt-buttom a::before, body .noraml-red-button::before{width: 250px;height: 250px;border-radius: 100%;background: #fafafa;content: '';position: absolute;left: -30%;top: -60%;-webkit-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;-webkit-transform: scale(0);transform: scale(0);z-index: 1;}



.silde_text_layer .banner-txt-buttom a:hover::before, body .noraml-red-button:hover::before{-webkit-transform: scale(1.25);transform: scale(1.25);}


.silde_text_layer .banner-txt-buttom a:hover .fa, body .noraml-red-button:hover .fa{padding-right:0px;padding-left: 6px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.silde_text_layer .banner-txt-buttom a:hover span, body .noraml-red-button:hover span{color:#333;}

.silde_text_layer .banner-txt-buttom a:hover, body .noraml-red-button:hover{border:1px solid #f1c1c2;-webkit-transition: all 0.8s linear}



/*-----------------黑框红底-------------------*/
body .noraml-brack-button{display:inline-block; margin-top:15px; text-align:center;border-radius: 30px;position: relative; overflow: hidden;background: #fff;border:2px solid #555;}

body .noraml-brack-button span{padding:10px 20px; display:block; text-align:center; padding-left:32px; padding-right:32px; color:#333;  font-size:16px; position: relative; z-index: 2; }

body .noraml-brack-button .fa{padding-right:6px;pdading-left:0px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}


body .noraml-brack-button::before{width: 250px;height: 250px;border-radius: 100%;background: #c61c1f;content: '';position: absolute;left: -30%;top: -60%;-webkit-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;-webkit-transform: scale(0);transform: scale(0);z-index: 1;}


body .noraml-brack-button-lenght::before{width: 380px;height: 350px;}


body .noraml-brack-button:hover::before{-webkit-transform: scale(1.25);transform: scale(1.25);}












body .noraml-brack-button:hover .fa{padding-right:0px;padding-left: 6px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

body .noraml-brack-button:hover span{color:#fff;}

body .noraml-brack-button:hover{border:2px solid #b50b0c;-webkit-transition: all 0.8s linear}

/*-----------------黑框红底-------------------*/




/*-----------------白框透明底-------------------*/
body .noraml-trans-white-button{display:inline-block; margin-top:32px; text-align:center;border-radius: 30px;position: relative; overflow: hidden;background:none;border:2px solid #eee;}

body .noraml-trans-white-button span{padding:10px 20px; display:block; text-align:center; padding-left:32px; padding-right:32px; color:#eee;  font-size:16px; position: relative; z-index: 2; }

body .noraml-trans-white-button .fa{padding-right:6px;pdading-left:0px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}


body .noraml-trans-white-button::before{width: 250px;height: 250px;border-radius: 100%;background: #fff;content: '';position: absolute;left: -30%;top: -60%;-webkit-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;-webkit-transform: scale(0);transform: scale(0);z-index: 1;}


body .noraml-trans-white-button-lenght::before{width: 380px;height: 350px;}


body .noraml-trans-white-button:hover::before{-webkit-transform: scale(1.25);transform: scale(1.25);}












body .noraml-trans-white-button:hover .fa{padding-right:0px;padding-left: 6px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

body .noraml-trans-white-button:hover span{color:#333;}

body .noraml-trans-white-button:hover{border:2px solid #fff;-webkit-transition: all 0.8s linear}

/*-----------------白框透明底-------------------*/



#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*/



/*honor box*/

.honor-box{background:#eeeeee;  padding-top: 40px; padding-bottom: 40px;border-bottom: 1px solid #f2f3f4; position: relative;}

.honor-box .container{position: relative; z-index: 2;}

.honor-box li img{max-width: 80%;webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.honor-box li img:hover{opacity:0.9;webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.honor-box li h3{text-align: center; font-size: 1.2em}

/*.honor-box::before{ content:""; position: absolute; width: 35%; left: 0; top: 0; height: 100%; background:url(../../flash/pbj-bg-01.png) no-repeat -30% center #222222;}

.honor-box::after{ content:""; position: absolute; width: 35%; right: 0; top: 0; height: 100%; background:url(../../flash/shqj-bg.png) no-repeat 140% center #c61c1f;}*/

.honor-item-box{ height: 265px;/* border-right: 1px solid #e0e0e0;*/ text-align: center;margin-top: 35px;}
.honor-item-box .counter-num{padding-top: 15px; font-size: 1.4em; color:#000}
.honor-item-box .counter-num .c-num{ display: inline-block; font-size: 2.2em; color: #c61c1f;font-weight: 700; padding-right: 6px;}
.honor-item-box .counter-desc{font-size: 1.2em; color: #212121}

.honor-white-box .counter-num{ color: #ddd;}
.honor-white-box .counter-num .c-num{ color: #ddd;}
.honor-item-box .honor-icon{color: #aaa;font-size: 3em; display: inline-block; width: 80px; height: 80px; border-radius: 50%; border:1px solid #aaa; line-height: 80px;}
.honor-white-box .honor-icon {color: #ccc;font-size: 3em; display: inline-block; width: 80px; height: 80px; border-radius: 50%; border:1px solid #ccc; line-height: 80px;}


.honor-white-box .counter-desc{color: #ddd;}



.p-cat{position: relative;}

.p-cat::after{content: ""; width: 1px; background: #c9c9c9; height: 70%; position: absolute; right: 0; top: 15%;}
.p-cat::before{content: ""; width: 1px; background: #fff; height: 70%; position: absolute; right: 1px; top: 15%;}

.pcat-4::after, .pcat-4::before{display: none;}


/*end*/


/*推荐产品标题*/

.rc-product-line-box{position: relative; margin-bottom: 20px; font-weight: 600;font-size: 1.5em; color: #545454;}
.rc-product-line-box::after{content: ""; width:calc(100% - 575px); position: absolute; height: 1px; background: #eee; top: 50%; right: 260px;}


.rec-more-cat{background: #fff; margin-bottom: 30px; padding: 15px 30px; border: 1px solid #e5e5e5; border-radius: 5px;}
.rec-more-cat a{display: inline-block;  position: relative; padding: 3px 20px; margin-left: 15px; margin-right: 15px; font-size: 1.1em; border-radius: 4px;margin-bottom: 1px;margin-top: 1px;}
.rec-more-cat a:hover{background: #c9282a; color: #fff;}

.rec-cat-intro{margin-bottom: 30px; text-align: left; font-size: 1.1em; line-height: 1.7em; color: #333;}

/*解决方案列表*/
.solu-list-left{position:relative; min-height:110px;}
.solu-cir-0{height:230px; margin-top:50px; width:230px; background:#fb8532; position:absolute; left:-20px; top:-20px;box-shadow: 1px 1px 10px rgba(100,100,100,0.4); z-index:10;}
.solu-cir-0 img{width:45%; margin-top:20px;}

.solu-list-left .img-circle{
  transform: scale(1,1);
    -ms-transform: scale(1,1);
    -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;
}

.solu-list-left .img-circle:hover, .solu-list-left .solu-xg-in{
  transform: scale(1.08,1.08);
    -ms-transform: scale(1.08,1.08);
    -webkit-transform: scale(1.08,1.08);
    -moz-transform: scale(1.08,1.08);
    -o-transform: scale(1.08,1.08);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.solu-a-list{min-height:100px; border:1px solid #e0e0e0; display:block;box-shadow: 1px 1px 10px rgba(100,100,100,0.2); padding:15px; text-align:left; padding-left:20px; padding-right:20px;}
.solu-a-list strong{ color:#212121; font-weight:lighter; display:block; padding-bottom:6px; font-size:15px;}
.solu-a-list span{ font-size:11px;}

.solu-a-list:hover, .solu-a-xg{ color:#545454; text-decoration:none; border:1px solid #d0d0d0;box-shadow: 1px 1px 10px rgba(100,100,100,0.4);}

.solu-cir-1{height:200px; margin-top:50px; width:200px; background:blue; position:absolute; left:250px; top:-110px; z-index:8}
.solu-cir-1 img{width:45%; margin-top:20px;}
.solu-cir-1 span{ display:block; padding-left:20px; padding-right:20px;} 

.solu-cir-2{height:180px; width:180px; background:green; position:absolute; left:-30px; top:50px; z-index:8}
.solu-cir-2 img{width:50%; margin-top:20px;}
.solu-cir-2 span{ padding-left:25px; padding-right:25px; padding-top:10px; display:block; font-size:14px;}

.solu-cir-3{height:150px;  width:150px; background:#09F; position:absolute; left:160px; top:-100px; z-index:7}
.solu-cir-3 img{width:50%; margin-top:20px;}
.solu-cir-3 span{ padding-left:20px; padding-right:20px; padding-top:0px; display:block; font-size:13px;}

.solu-cir-4{height:150px;  width:150px; background:#88a31a; position:absolute; left:280px; top:-100px; z-index:6}
.solu-cir-4 img{width:50%; margin-top:20px;}
.solu-cir-4 span{ padding-left:20px; padding-right:20px; padding-top:0px; display:block; font-size:13px;}

.solu-list-left .solu-c-a{ color:#fff; text-decoration:none; font-size:15px;}

/*案例*/
.case-itme{margin-bottom:15px; padding-left:10px;padding-right:10px;}
.case-item-a{height:110px; border:1px solid #e0e0e0; background:#fefefe; display:block; text-align:left; overflow:hidden; font-size:14px; position:relative}
.case-item-img{display:inline-block; float:left}
.case-item-img img{ width:90px;}
.case-item-title{width:auto; float:left; width:60%; padding-left:15px; padding-top:15px;}
.case-go-view{position:absolute; right:15px; bottom:10px; font-size:12px; color:#8aa70a}

.case-item-a:hover{ text-decoration:none; color:#545454;box-shadow: 1px 1px 10px rgba(100,100,100,0.2);}
.case-item-a:hover .case-go-view{ color:#697d10}

/*新闻*/
.news-item-box{min-height:60px;  display:block; padding-left:20px;}
.news-item-title{font-size:15px; text-align:left;  font-weight:lighter}
.news-item-title a{color:#212121;}
.news-item-title a:hover{ color:#768b22; text-decoration:none}
.news-s-title{font-size:10px; text-align:left; margin-top:8px; color:#666;}
.news-item-date{text-align:right; padding-right:15px; color:#666;}
.news-item-box hr{ border-color:#d0d0d0;}



/*导航，产品*/
.nav-pro-box{display: none; width:100%; top:110px; border-top:1px solid #ddd;/*background:url(images/grandpower/gp_s-menu-bg2.png) repeat-x left bottom #fff;filter: alpha(opacity=100);opacity: 1; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);border-color: transparent #ddd #ddd;
    border-style: none solid solid;
    border-width: 0 1px 1px;*/  background:rgba(255,255,255,0.95);}
.nav-pro-item{ padding-top:20px; padding-bottom:25px; border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; height:170px;}
.nav-pro-title a{color:#697d10}
.nav-pro-title a:hover{color:#5b6e06; text-decoration:none}

.nav-pro-cat{ padding-top:50px; height:170px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

/*导航 方案*/
.nav-solu-cat{ text-align:left; padding-top:20px; padding-bottom:15px; border-right:1px dotted #e5e5e5;}


/*方案*/
.nav-case-itme{margin-bottom:5px; padding-left:10px;padding-right:10px;}
.nav-case-item-a{height:90px; border:1px solid #e0e0e0; display:block; text-align:left; overflow:hidden; font-size:13px; position:relative}
.nav-case-item-img{display:inline-block; float:left}
.nav-case-item-img img{ width:70px; height:91px;}
.nav-case-item-title{width:auto; float:left; width:60%; padding-left:15px; padding-top:15px;}
.nav-case-go-view{position:absolute; right:15px; bottom:10px; font-size:12px; color:#8aa70a}

.nav-case-item-a:hover{ text-decoration:none; color:#545454;box-shadow: 1px 1px 10px rgba(100,100,100,0.2);}
.nav-case-item-a:hover .nav-case-go-view{ color:#697d10}

/*案例*/
.nav-case1-itme{margin-bottom:5px; padding-left:15px;padding-right:10px;}
.nav-case1-item-a{min-height:30px; border-bottom:1px dotted #e0e0e0; display:block; text-align:left;  font-size:13px; position:relative; width:90%;padding-bottom:5px; margin-top:10px;}
.nav-case1-item-img{display:inline-block; float:left}

.nav-case1-item-title{width:auto; }
.nav-case1-go-view{position:absolute; right:15px; bottom:10px; font-size:12px; color:#8aa70a}

.nav-case1-item-a:hover{ text-decoration:none; color:#697d10;}
.nav-case1-item-a:hover .nav-case1-go-view{ color:#697d10}

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




/*客服条*/
.qq_side img{border:0;}
.qq_side{position:fixed;width:54px;height:275px;right:0;bottom:0px;z-index:9900;}
.qq_side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444; text-align:left;}
.qq_side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#333;opacity:1;filter:Alpha(opacity=100);color:#333;font:14px/54px;overflow:hidden;}
.qq_side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#333;opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;}
.qq_side ul li .sidetop:hover{background:#e62138;opacity:1;filter:Alpha(opacity=100);}
.qq_side ul li img{float:left;}
/**/

/*pad*/

@media (min-width: 768px) and (max-width: 991px) {
  .qq_side{ display:none}
}



/*mobile*/

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


/*--结束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;
	}
	
	
  
  
  /*滚动发生的效果*/
.block_header_move .header_menu, .block_header_move .header_menu_01{ height:54px;}

.block_header_move .header_menu .block_logo img{ max-height:34px; padding-top:4px;}
.block_header_move .header_menu .menu_block{height:44px}
.block_header_move .header_menu .menu_block ul li{ height:24px;}
.block_header_move .header_menu .menu_block .nav_2{ display:inline-block;  font-size:1.1em;  height:24px;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;}
 
 
 /*产品块*/
 .pro_gray_block .tow-pro-list{ border-top:none;border-bottom:none; background:#fafafa;}
.pro_white_block .tow-pro-list{ border-top:none;}

.tow-pro-list-1, .tow-pro-list-2{ padding-bottom:4em; padding-top:4em;}
.tow-pro-list-2{ border-left:none;border-top:1px solid #e0e0e0;}

/*方案*/
	
	
	
.block_solution .col-sm-6{ width:100%;}
.solu-cir-1, .solu-cir-2, .solu-cir-3, .solu-cir-4, .solu-cir-5, .solu-cir-0{ position:static; width:200px; height:200px; margin-bottom:15px; margin-top:15px;}
.solu-list-left .solu-c-a{ font-size:13px;}

.small_but_div{ margin-top:30px;}

.our-partner{ font-size:11px;}

/*幻灯*/
.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:#f9f9f9}
.header_menu{border-top:2px solid #c61c1f; background:#f9f9f9;/*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;margin-top: 0px;}

.block_logo img{ max-height:30px;  margin-top:13px; 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;color: #333;}
/*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:2px solid #c61c1f; height:60px; background:#f9f9f9}
.block_header_move .header_menu .block_logo{padding-top:0;margin-top: 0px;}
.block_header_move .header_menu .block_logo img{ max-height:30px; height:30px; margin-top:13px;}
.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;}
 
 
 /*产品块*/
 .bold_title{font-size:18px; }
.title_b_line{width:160px;}

.pro_cat_bar{width:100%; min-height:57px; height:auto; background:none; text-align:center; margin-top:30px; border:none; float:none;box-shadow: none/*1px 1px 3px rgba(230,230,230,0.9)*/; position:relative; overflow:hidden}
.pro_cat_bar .btn{ word-break: break-all;word-wrap: break-all; width:100%; white-space:normal;}
.pro_cat_more{ position:absolute; right:15px; top:20px; font-size:1em; color:#fff; display:none}
.pro_cat_bar h2{text-align:center; padding:10px; font-size:16px;}
.pro_list_name h3{line-height:1.6em; font-size:1.6em; color:#212121}
.circle_box_list{ display:none}
 
 .pro_gray_block .tow-pro-list{ border-top:none;border-bottom:none; background:none;}
.pro_white_block .tow-pro-list{ border-top:none;}

.tow-pro-list-1, .tow-pro-list-2{ padding-bottom:4em; padding-top:4em;}
.tow-pro-list-2{ border-left:none;border-top:1px solid #e0e0e0;}

/*方案*/
.block_solution .col-sm-6{ width:100%;}
.solu-cir-1, .solu-cir-2, .solu-cir-3, .solu-cir-4, .solu-cir-5, .solu-cir-0{ position:static; width:200px; height:200px; margin-bottom:15px; margin-top:15px;}
.solu-list-left .solu-c-a{ font-size:13px;}

.small_but_div{ margin-top:30px;}


.our-partner{ font-size:9px;}
.phone_title_desc{ display:block; color:#545454; text-align:center; padding-top:22px; font-size:12px;}

/*幻灯片*/
.block_silde{ width:100%; height:auto; margin-top:0px;padding-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}
}

/*---移植*/
.h-h2:after, .h-h2:before {
    display: inline-block;
    height: 2px;
    background-color: #e60021;
    margin: 0;
    padding: 0;
    content: "";
    width: 60px;
    margin: 10px 20px;}
	
	
	.h-hm:after, .h-hm:before {
    display: inline-block;
    height: 1px;
    background-color: #ccc;
    margin: 0;
    padding: 0;
    content: "";
    width: 30px;
    margin: 5px 10px;}
	
	

.case_btn_line_0::after{
 content:'';
            display:block;
            /*开始时候下划线的宽度为0*/
            width:0;
            height:2px;
            position:absolute;
            left:0%;
            bottom:-9px;
            background:#E2001A;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            transition:all 0.3s ease-in-out;	
	}

.case_btn_line::after{
 content:'';
            display:block;
            /*开始时候下划线的宽度为0*/
            width:50%;
            height:2px;
            position:absolute;
            left:0%;
            bottom:-9px;
            background:#E2001A;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            transition:all 0.3s ease-in-out;	
	}		
.h-right::after, .h-right::before {
    display: inline-block;
    height: 1px;
    background-color: #ccc;
    margin: 0;
    padding: 0;
    content: "";
    width: 30px;
    margin: 5px 10px;
	background: #E2001A;
    transition: all 0.3s ease-in-out;
	}	
	
#top_bar_style .a_style, #top_bar_style .phone_bar{ color:#333; height:29px; display:inline-block; position:relative; font-size:13px; font-family:Arial, Helvetica, sans-serif;}	
/*#top_bar_style .a_style::after{
            content:'';
            display:block;
            
            width:0;
            height:1px;
            position:absolute;
            left:50%;
            bottom:4px;
            background:#666;
           
            transition:all 0.3s ease-in-out;
        }*/




#top_bar_style .a_style:hover{ color:#c9282a; text-decoration:none; }
/*#top_bar_style .a_style:hover::after{
	       left:0;
            width:100%;
        }*/


.block_header_on #top_bar_style .a_style, .block_header_on #top_bar_style .phone_bar{color:#333;}

.block_header_on #top_bar_style .a_style:hover{color:#c9282a;text-decoration:none;}


.block_header_on #top_bar_style .a_style .fa{width: 14px; height: 14px; /*border:1px solid #333; border-radius: 50%;*/font-size:13px; line-height: 14px; text-align: center}
.block_header_on #top_bar_style .a_style .fa-globe{border:none;font-size:14px;/*border-radius:0;*/}


.block_header_on #top_bar_style .a_style .fa-home, .block_header_on #top_bar_style .a_style .fa-cart-plus{line-height: 13px; position: relative;}


.block_header_on #top_bar_style .a_style:hover .fa{/*border:1px solid #000;*/}
.block_header_on #top_bar_style .a_style:hover .fa-globe{border:none;font-size:14px;/*border-radius:0;*/}


.block_header_move #top_bar_style .a_style .fa{width: 13px; height: 13px; /*border:1px solid #333; border-radius: 50%;*/font-size:10px; line-height: 13px; text-align: center}
.block_header_move #top_bar_style .a_style .fa-globe{border:none;font-size:14px;border-radius:0;}



.block_header_move #top_bar_style .a_style .fa-home, .block_header_move .block_header_on #top_bar_style .a_style .fa-home, .block_header_move #top_bar_style .a_style .fa-cart-plus, .block_header_move .block_header_on #top_bar_style .a_style .fa-cart-plus{line-height: 12px; position: relative;top: -1px;}
.block_header_move #top_bar_style .a_style:hover .fa{/*border:1px solid #000;*/}
.block_header_move #top_bar_style .a_style:hover .fa-globe{border:none;font-size:14px;border-radius:0;}

.block_header_move .block_header_on #top_bar_style .a_style:hover .fa-home, .block_header_move .block_header_on #top_bar_style .a_style:hover .fa-cart-plus{line-height: 12px; position: relative;top: -1px;}




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

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}

/**/
 
.pro_box_0 .pj_list{ border:1px solid #e0e0e0;}
 
 #por_box_list .pro_box_0 .pro_goto{ position:absolute; right:15px; top:26px;padding:4px; padding-left:15px; padding-right:15px;/*background-image: linear-gradient(112deg, #ff4f81, #ff6c5f); *background:#666;*/ color:#545454;    border-radius: 50px; font-size:12px; text-decoration:none; transition:all 0.5s ease-in-out; opacity:0;}
  #por_box_list .pro_box_0:hover .pro_goto{ opacity:1;transition:all 0.5s ease-in-out; right:10px;}
  #por_box_list .pro_box_0:hover .pro_goto:hover{ color:#e60021}
 
 #por_box_list .a_title{ color:#333; text-decoration:none}
 .pro_bg_box{ background:rgba(0,0,0,.8); position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; display:none}
 .pro_title{ position:relative; z-index:2; padding:30px; text-align:left; text-align:left;}
 
 .abcde{position:relative; background:#333; display:block;}  
 .abcde img{opacity:1;transition:all 0.3s ease-in-out;/*-webkit-transform: scale(1);
    transform: scale(1);*/ max-width:100%;}
 .abcde:hover img{opacity:.7;/*-webkit-transform: scale(1.05);
    transform: scale(1.05);*/}
	

.abcde .img-title{position:absolute; text-align:left; color:#fff; font-size:18px;}

.abcde .img-title::after{
 content:'';
            display:inline-block;
            /*开始时候下划线的宽度为0*/
            width:40%;
            height:1px;
            position:absolute;
            left:0px;
            bottom:-3px;
            background:#fff;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            transition:all 0.5s;	
	}		
	
.abcde .img-title{transition:all 0.5s; left:15px; bottom:15px;}
.abcde:hover .img-title{ bottom:56px;}

.abcde:hover .img-title::after{
 content:'';
            display:inline-block;
            /*开始时候下划线的宽度为0*/
            width:50%;
            height:1px;
            position:absolute;
            left:0px;
            bottom:-3px;
            background:#fff;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
          
	}		
.abcde .img-title-small{transition:all 0.5s; color:rgba(255,255,255,0); bottom:-30px; text-align:left; display:block; position:absolute; left:15px;}	
.abcde:hover .img-title-small{ bottom:15px; color:rgba(255,255,255,0.8); text-align:left; font-size:12px;}	

.nav_2 .fa{  font-size:1em;-webkit-transition: -webkit-transform 0.2s ease-out; 
    -moz-transition: -moz-transform 0.2s ease-out; 
    transition: transform 0.2s ease-out;}

.nav_2:hover .fa{-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg); 
    transform: rotate(180deg); }
	
.slg_css{text-align:left; color:#e0e0e0;/*text-shadow: 1px 1px 2px #fff;*/ padding-top:11px;}	
.top_menu_list{text-align:right; color:#ccc; }

.block_logo{text-align:left; border-right:none;}

.banner_bimg{max-width:100%}






/*------------------*/
.product-cat-in a:hover{ text-decoration:none}
.pro_img{ max-width:100%;}
.pj_list, .pj_list_lazy {
    display: block;
    position: relative;
	-webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.pj_list img, .pj_list_lazy 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;}
.pj_list_ease img{transform: scale(1.08,1.08);transform:scale(1,1) \9\0;
    -ms-transform: scale(1.08,1.08);-ms-transform:scale(1,1) \9\0;
    -webkit-transform: scale(1.08,1.08);
    -moz-transform:scale(1.08,1.08);
    -o-transform: scale(1.08,1.08);
	}

.plist_title{ position:relative; width:100%; height:100px; background:#f0f0f0;    padding: 22px 18px;}	
.pt_txt{font-size:16px; color:#333;}
.pt_txt_desc{ color:#333;}

.pj_list .pv_more{margin-top:35px; opacity:0;-webkit-transition: all .9s;
    -moz-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;}
.pj_list .plist_title{
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}

.pj_list_ease .plist_title{ bottom:0; background:#dfdfdf; }
.pj_list_ease .pt_txt, .pj_list_ease .pt_txt_desc{ color:#004483; } 
.pj_list:hover{ text-decoration:none}
/**/




.footer-copyright{ font-size:12px;}
.footer-copyright a{ color:#fff;}
.footer-copyright a:hover{ color:#ddd; text-decoration:none;}

/**/
.menu-list-padding{min-height:260px; padding-bottom:35px;}
.menu-list-box{  padding-top:35px; }
body .menu-list-box .big_menu{ display:inline-block; width:100%; text-align:left; padding:8px; padding-right:30px; position:relative; margin-bottom:5px; }



.menu-list-box .big_menu .fa{ color:#d0d0d0; font-size:17px; width:16px}
.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:#c9282a; color:#fff; text-decoration:none;}
.menu-list-box .big_menu:hover .fa{ color:#fff; font-size:17px;}

.menu-list-box .son_menu:hover .fa{ color:#c9282a;-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;}

#product-2menu-box .son_menu{}

.menu-list-box .son_menu .fa{ width:22px;}
.menu-list-box .son_menu:hover{ text-decoration:none; color:#c9282a}

.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:#c9282a; 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);}


.big_menu_cat{ display:block; text-align:left; font-weight:bold; padding-bottom:8px;}
.big_menu_cat:hover{ text-decoration:none}
.menu-list-box .product_menu{ font-size:0.9em; padding-top:6px; padding-bottom:6px;}

.b_menu_block span, .b_menu_b2 span, .b_menu_b2_list{ display:none}

.menu-son-3list{padding-top: 4px; padding-left:36px; text-align: left;}
.menu-son-3list a{display: block; padding-top: 0px; padding-bottom: 5px; font-size: 0.9em;}


.menu-short-tall .menu-list-padding{min-height: 140px; text-align: center}
.simple-menu-list{ display: inline-block; text-align: center; font-weight: 600; min-width: 240px; padding-left: 20px; padding-right: 20px; margin-bottom: 15px;margin-left: -2px; margin-right: -2px;}

/*搜索*/
.search-box-out{text-align:right; background:none; position:relative;}	
#search-button-a{color:#333; font-size:18px; z-index:3}

.block_header_on #search-button-a, .block_header_move #search-button-a{color:#333;}

.search_box_show{position:absolute; width:0px; right:36px; top:12px; 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%;*/}
.index-news-box-top{text-align:left;  padding-top:20px;}
.index-news-list{ color:#8a8a8a; }
.index-news-list a{ color:#545454;}
.index-news-list a:hover{ color:#00376d}

.index-big-title{ color:#004483; padding-top:30px; font-size:42px;}
.index-big-title-bar{ height:30px; width:120px; padding-bottom:30px; border-bottom:3px solid #5dab00}
.index-big-title-bar span{float:left; height:15px; width:30px; background:#f3a01f}

.index-adv-noPaddingLeft{ padding-left:0;}
.index-adv-noPaddingRight{ padding-right:0;}

.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}

.why-us-box{padding-top:40px; min-height:600px; padding-bottom:50px;}
.pd-80{padding-top:80px;}
.why-icon-box{display:inline-block; width:80px; height:80px; background:#f2f4f3; color:#c0c0c0; text-align:center; font-size:40px; padding-top:12px;}
.why-box-1{padding-left:15px; text-align:left}
.why-box-h3{font-size:20px; color:#055ca8; line-height:30px;}
.why-box-p{padding-top:15px; font-size:1.2em; line-height:1.7em;  text-align:justify; color:#545454;}

.why-us-box .index-contact-a{display:inline-block; padding:7px; padding-left:20px;  width:80%; border:1px solid #eee; margin-bottom:8px; text-align:center; font-size:1.2em; color:#666;}
.why-us-box .index-contact-a:hover{ text-decoration:none; border:1px solid #004483; background:#004483; color:#fff;}


#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}



.just-about-pic-box{ display: block; position: relative;}
.just-about-pic-box::after{content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.15);position: absolute;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.just-about-pic-box:hover::after{ background: rgba(0,0,0,0); -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}


.just-about-video-box{ display: block; position: relative; z-index: 2; border:3px solid #fff;}

.just-about-video-box .fa{font-size: 60px; position: absolute; left: calc(50% - 30px); top: calc(50% - 20px); color: #f5f5f5; z-index: 2;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.just-about-video-box:hover .fa{ color:rgba(201,40,42,0.9);-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.just-about-video-box::after{content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.1);position: absolute;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.just-about-video-box:hover::after{ background: rgba(0,0,0,0.3); -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}





/*about image*/

.block-box-6row{ padding-bottom: 25px;}
.block-box-6row a img{max-width: 100%; border-radius: 4px; border: 1px solid #fff; box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);}

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


.weixin-box{ position:relative;}
.weixin-img-box{position:absolute; left:20px; top:85px; opacity:0;filter:Alpha(opacity=0); z-index:1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.weixin-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; z-index:5;
}
.weixin-img-box span{position:absolute; left:25px; top:-8px; background:url(images/page/top_arr.png) no-repeat center top; width:20px; height:10px;}

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


.wx-icon-box{text-align:center; display:inline-block}
.wx-icon-box-a{display:inline-block;font-size:20px; height:35px; width:35px; color:#666; border:1px solid #d0d0d0; padding-top:2px;}
.wx-icon-box-txt{font-size:11px; line-height:1em; color:#aaa;}

.phone-img-box{position:absolute; right:0px; top:85px; opacity:0;filter:Alpha(opacity=0); z-index:1;
    -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; z-index:5;
}
.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;}
#index-two-box .top_title{color:#fff; display:block; padding:10px 20px; font-size:1.2em; position:relative}


@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}

}  


/**各块*/
.nav-small-img-box {text-align: left}
.nav-small-img-box img{width: 90%; border-radius: 6px;margin-bottom: 10px;height: auto;}
.video-nav-img img, .about-nav-img img{width: 60%;}
/*三个产品类*/
.product_cat_title{padding-top:70px;}

.product_cat_block{width:100%; height:420px; margin-top: 20px;margin-bottom:80px; overflow: hidden; background: #212121;}
.pro_cat_b_li{width:33.33%; float: left; height: 420px; background:rgba(0,0,0,.3);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; background:#212121; position: relative;}

.pro_cat_b_li .bg_down{ position:relative;z-index: 0;}
.pro_cat_b_li .mark_bg{ position:absolute;z-index: 1; opacity: 0.1; background:#000; height:100%;width: 100%;top:0;left:0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.product_cat_block .now_sel_cat .mark_bg{opacity:0.5;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.pcb_li_1{}
.pcb_li_3{}
.pcb_li_2{border-left:5px solid #fff; border-right:5px solid #fff;}

.product_cat_block .now_sel_cat{width:50%;-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}

.product_cat_block .now_no_cat{width:25%;-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}

.text-block{ position: absolute;width:100%; height: 100%; left: 0;top: 0; z-index: 3}
.text-block-table{ display:table; width:100%; height: 400px;}
.text-block-td{ display:table-cell; width:100%; height: 400px; text-align: center; vertical-align: middle}

.text-block .text-block-td h2{color: #fff; font-size:2.8em; text-shadow: 1px 1px 3px #222;/*-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;*/ opacity: 0;}

h2 .index_intro{padding-left:20px;padding-right: 20px; text-align: center; font-size: 16px; line-height: 1.5em; color:#fff;padding-top: 8px; display: block}
.now_sel_cat h2 .index_intro{display:none;}
.pro_cat_b_li .txt-p{ color: #eee; padding-top: 20px; width: 80%; text-align: left; font-size: 1.3em; line-height: 1.7em; opacity: 0; display: inline-block; position: absolute;}

.product_cat_block .cat_delay h2{opacity: 1; transition: opacity linear 0.2s;}
.product_cat_block .now_sel_cat h2{ opacity: 0; transition: opacity linear 0.2s;/*transition-delay: 0.8s;position: absolute; left: 10%; top: 5%; */}
.product_cat_block .now_sel_cat_show h2{ opacity: 1; transition: opacity linear 0.4s;/*transition-delay: 0.4s;*/position: absolute; left: 10%; top: 15%; }

.product_cat_block .now_sel_cat .txt-p{opacity: 1; transition: opacity linear 0.4s;
                    transition-delay: 0.8s; left: 10%; top: 34%;}

/*end*/


.pro_cat_b_li .menu-go-more{ display:inline-block; padding:8px; padding-left:30px; background:rgba(10,64,148,.85); border-radius: 2px;  border:1px solid rgba(255,255,255,0.15);color:#fff; width:170px; text-align:left; position:absolute;left: 10%; bottom:20%; opacity: 0;}
.pro_cat_b_li .menu-go-more:hover{ text-decoration:none;/*background:#e62138;border:1px solid #e62138;*/background:rgba(10,64,148,1);border:1px solid rgba(255,255,255,0.6);}
.pro_cat_b_li .menu-go-more .menu-list-rightarr{opacity:1;filter:Alpha(opacity=100)}
.pro_cat_b_li .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;}

.product_cat_block .now_sel_cat .menu-go-more{opacity: 1; transition: opacity linear 0.4s;
                    transition-delay: 1s; }

/**/



/*产品推荐*/
.rec-product-block{padding-top:50px; padding-bottom:50px;}
.rec-product-inner-box{/*padding-left:30px; padding-right:30px;*/}

.rec-cat-button-line{position:relative; height: 60px; /*border-bottom: 1px solid #e0e0e0;*/ text-align: left; background:#f5f5f5;/*url(images/page/line-right.png) no-repeat center right #f3f4f5;border-left: 6px solid #fff;border-right: 6px solid #fff;*/ border-radius: 3px;}	
.rec-cat-button-line a{display:inline-block;margin-right: 20px; font-weight: bold; font-size: 1.1em; color: #333;margin-left: 0px;padding-top: 18px;  padding-left: 25px;padding-right: 25px;padding-bottom: 18px;}	

.rec-cat-button-line a:hover{text-decoration:none}

.rec-cat-button-line #sel-cat-fly-item{color:#fff;}

.rec-cat-button-line .fly-button{width:10px; height: 50px; background: #c9282a; position: absolute; left: 2px; top: 0px; border-radius: 2px;}

.rec-cat-button-line .fly-button .fly_trand_icon{position:absolute; height: 30px; font-size: 32px;color: #c9282a; text-align: center;width: 100%; left: 0; bottom: -9px;}




.rec-product-item-box{padding-top:40px;}
.rec-item-ul{width:100%;}
.rec-item-ul li{float:left; width: 25%; }

.rec-item-ul .rec-item-li-01{padding-right: 18px;}
.rec-item-ul .rec-item-li-02{padding-right: 12px;padding-left: 6px;}
.rec-item-ul .rec-item-li-03{padding-right: 6px;padding-left: 12px;}
.rec-item-ul .rec-item-li-04{padding-left: 18px;}

.rec-item-ul li img{width:100%;}

.rec-item-ul li .rec-product-a{/*border:1px solid #e5e5e5;*/ display: block; /*box-shadow: 0px 1px 4px 0px rgba(179, 179, 179,0.5);*/ border-bottom: none;  }
.rec-item-ul li .p-one-box{border: 1px solid #e0e1e3; overflow: hidden}


.rec-item-ul li .rec-product-a:hover{/*border:1px solid rgba(10,64,148,1);*/}


.index-plist-desc{background:#e0e1e3; padding:0px 10px 54px; /*box-shadow: 0px 1px 4px 0px rgba(179, 179, 179,0.5); */ }



.rec-item-ul li h3{ text-align: center; font-size: 1em; padding-top: 15px; font-weight: 400;}
.rec-item-ul li h3 a{ color:#000;}
.rec-item-ul li h3 a:hover{text-decoration:none; color: #c9282a;}
.rec-cat-box{ padding-top: 10px; font-size: 0.9em; position: relative; text-align: center}
.rec-cat-box p{margin-top:5px;}
.rec-cat-box a:hover{ text-decoration:none}
.rec-cat-box a .fa{ color:#8a8a8a;}


.plist-cat-icon, .plist-cart-icon{ position: absolute; width: 26px; height: 26px; line-height: 26px; text-align: center; border: 1px solid #a8a8a8; border-radius: 50%; top: 15px; right: 15px;}
.plist-cart-icon{ right:50px;}

.plist-cat-icon:hover, .plist-cart-icon:hover{ border: 1px solid #545454;}

.plist-cat-icon:hover .fa, .plist-cart-icon:hover .fa{ color:#545454;}


.rec-cat-button-line .show-plist-more{position: absolute; right: -30px; top: 0px;  text-align: right; font-size: 14px; font-weight: 400; color: #666}


.rec-product-block-outer{position:relative;padding-bottom: 50px;}
.rec-product-block-outer .arrow-button-next, .rec-product-block-outer .arrow-button-prev{ width:30px; height: 30px; position:absolute; z-index: 100; opacity: 0.5; font-size: 26px; line-height: 30px;}


.rec-product-block-outer:hover .arrow-button-next, .rec-product-block-outer:hover .arrow-button-prev{opacity: 0.8;}

.rec-product-block-outer .arrow-button-next{right:8px; bottom: 8px;}
.rec-product-block-outer .arrow-button-prev{right:40px; bottom:8px;}

.rec-product-block-outer .swiper-pagination{position:absolute; width:100%; left: 0; bottom:0; height: 20px; text-align:center}

.rec-product-block-outer .swiper-pagination .swiper-pagination-bullet{width:8px; margin-left: 4px;margin-right: 4px;height:8px; background: #71767c; border-radius: 50%; box-shadow:none; vertical-align: middle;margin-top: 1px;}

.rec-product-block-outer .swiper-pagination .swiper-pagination-bullet-active{background: #cc3235; height: 11px; width: 11px;margin-top: 0px}



.rec-product-block-outer{ display:none; }



.img_table{display:table; width: 100%; height: 100%;}
.img_td{display:table-cell; height: 100%; vertical-align: middle;}


.pro-cat-line-box{margin-top: 70px; margin-bottom: 40px;}
.pro-cat-inner-box{background: #eff1f2; min-height: 116px;padding-top: 15px; padding-bottom: 15px;padding-left: 0; padding-right: 0;overflow: hidden}
.pro-cat-3box{width: 33.33%; float: left; position: relative}

/*.pro-cat-3box::after{content: ""; position: absolute; right: 15px; top: -15px; height: 116px; width: 2px; background:#fff;}*/

.pro-cat-3box a{display:flex; align-items: center;width: 100%;}
.pro-cat-icon-box{display: block;width: 86px; height: 86px; border-radius: 15px; border:1px solid #d0d0d0;line-height: 84px; font-size: 40px; color:#a9a9a9;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;margin-left:20px;}
.pro-cat-txt-desc{display:flex; align-items: center;flex-grow: 1;margin-left: 15px;flex-wrap: wrap;width: calc(100% - 99px);text-align: left;}
.pro-cat-3box .pro-cat-line-title{font-size: 1.1em;}
.pro-cat-3box .pro-cat-line-intro{font-size:0.9em;padding-right: 15px;padding-top: 4px;color:#666}

.pro-cat-3box a .pro-cat-line-title{color:#121212; }
.pro-cat-3box a:hover .pro-cat-line-title{color:#000; }
.pro-cat-3box a:hover .pro-cat-icon-box{background: #1a4fa3; color: #fff; border:1px solid #fff;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

/*.pro-cat-3box a::after{content: ""; position: absolute; width: calc(100% - 20px); height: 2px; left: 20px; bottom: -18px;background:#1a4fa3; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}


.pro-cat-3box a:hover::after{content: ""; position: absolute; width: calc(100% - 20px); height: 2px; left: 20px; bottom: -15px;background:#1a4fa3; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}



.pro-cat-3box-01 a::after{content: ""; position: absolute; width: calc(100% - 10px); height: 2px; left: 0px; bottom: -18px;background:#1a4fa3; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.pro-cat-3box-01 a:hover::after{content: ""; position: absolute; width: calc(100% - 10px); height: 2px; left: 0px; bottom: -15px;background:#1a4fa3; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}*/

/*end*/




/*解决方案*/

.solu-box-outer{width: 50%; height: auto; float: left;}
.solu-case-title-box{text-align: left;margin-bottom: 15px; position: relative}
.solu-box-inner{border-right: 3px solid #fff; height: auto; background: #f5f6f7;}
.solu-long-box{width: 45%; float: left; height: auto; border-right:4px solid #fff;overflow: hidden; position:relative}
.solu-long-box img{width: 100%;}

.solu-long-box a{display: block;}

.solu-box-inner a 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;
	
}

.solu-box-inner a:hover img{
	
	transform: scale(1.08, 1.08);
    transform: scale(1.08,1.08) \9\0;
    -ms-transform: scale(1.08,1.08);
    -ms-transform: scale(1.08,1.08) \9\0;
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08,1.08);
    -o-transform: scale(1.08,1.08);
    -webkit-transition: all .2s 
linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s 
linear;
	
}

.solu-item01-desc{position: absolute;left: 0; bottom: 0px;padding: 15px; color: #fff; background:rgba(0,0,0,0.5); text-align: left;width: 100%;}

.solu-short-box{width: 55%; float: left; height: auto; overflow: hidden; position:relative}
.solu-2li{border-bottom:2px solid #fff;}
.solu-3li{border-top:2px solid #fff;}

.solu-2li img{ height: 100%;}



/*case*/
.case-box-outer{width: 100%; height: auto; /*float: left;*/}
.case-box-inner{border-left: 3px solid #fff; height: auto; background: #f5f6f7;}

.case-2li{width: 50%; float: left; height: auto; border-right:2px solid #fff;}
.case-4li{width: 50%; float: left; height: auto; border-left:2px solid #fff;}

.case-2li img , .case-4li img{height: 100%;}


.case-box-inner a 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;
	
}

.case-box-inner a:hover img{
	
	transform: scale(1.08, 1.08);
    transform: scale(1.08,1.08) \9\0;
    -ms-transform: scale(1.08,1.08);
    -ms-transform: scale(1.08,1.08) \9\0;
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08,1.08);
    -o-transform: scale(1.08,1.08);
    -webkit-transition: all .2s 
linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s 
linear;
	
}


.case-box-outer .video-topic-out{ border-color:#fff;border-width: 2px;}
.case-box-outer .video-item-desc-box{background: #fff;}


.case-item-01{width:100%; height:50%;border-bottom:2px solid #fff; overflow: hidden; position: relative}
.case-item-02{width:100%; height:50%;border-top:2px solid #fff;overflow: hidden; position: relative}
.case-item-03{width:100%; height:50%;border-bottom:2px solid #fff;overflow: hidden; position: relative}
.case-item-04{width:100%; height:50%;border-top:2px solid #fff;overflow: hidden; position: relative}


.case-item01-desc{position: absolute;left: 0; bottom: 0px;padding: 15px; color: #fff; background:rgba(0,0,0,0.5); text-align: center;width: 100%;}


.solu-item01-desc a , .case-item01-desc a{color:#fff;}
.solu-item01-desc a:hover , .case-item01-desc a:hover{color:#eee;}

.solu-align-left{text-align: center}


.solution_list_box{min-height:500px; background:#f2f3f4; padding-top: 60px;  padding-bottom: 20px;}

.solution_item_box, .case_item_box{padding-top:40px;}

.s_item{ float:left; width: 50%;}
.s_item{ float:left; width: 50%;}

.s_i_out{ display:block;width: 100%; height: 300px; }
.s_i_txt, .s_i_img{width:50%; height: 300px; float:left; }
.s_i_txt{background:#fff;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.s_i_txt .d-1{ display:table; width:100%; height: 300px;}
.s_i_txt .d-2{ display:table-cell; text-align: center; width: 100%; height: 100%; vertical-align: middle}
.s_i_txt .d-2 h3{padding-left:20px; padding-right: 20px;}
.s_i_txt .d-2 h3{ color:#333; font-size: 1.25em; padding-bottom: 15px;}
.s_i_txt .d-2 p{ text-align:left; color:#7a7a7a;line-height: 1.7em;padding-left:30px;padding-right:30px;font-size: 1em}
.s_i_img{ overflow: hidden}
.s_i_out .s_i_img img{width: 100%;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;}


.s_i_out .solution-get-more {font-size:0.9em; text-align: center; padding: 8px;}
.s_i_out .solution-get-more a, .s_i_out .solution-get-more span{ display: inline-block; padding: 6px 18px; border:1px solid #e0e0e0;  -o-transform: scale(1,1);-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; border-radius: 3px; color: #333;} 

/*.s_i_out .solution-get-more a .fa, .s_i_out .solution-get-more span .fa{margin-right:3px;margin-left: 0}*/

.s_i_out_ease .solution-get-more a, .s_i_out_ease .solution-get-more span{ border:1px solid #fff;  -o-transform: scale(1,1);-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; border-radius: 3px; color: #fff;} 

/*.s_i_out_ease .solution-get-more a .fa, .s_i_out_ease.solution-get-more span .fa{margin-right:0px;margin-left: 3px}*/

.s_i_out_ease .s_i_img img{transform: scale(1.08,1.08);transform:scale(1,1) \9\0;
    -ms-transform: scale(1.08,1.08);-ms-transform:scale(1,1) \9\0;
    -webkit-transform: scale(1.08,1.08);
    -moz-transform:scale(1.08,1.08);
    -o-transform: scale(1.08,1.08);}

.s_i_out_ease .s_i_txt{ background: linear-gradient(to bottom, #3872cc, #0a4094)/*#1e56af*/;  color:#fff;}
.s_i_out_ease .s_i_txt h3, .s_i_out_ease .s_i_txt p{ color:#fff;}
/*end 解决方案*/


/*成功案例*/

.case_block{padding-top:40px; padding-bottom: 80px;}

.rec-case-button-line{position:relative; height: 60px; /*border-bottom: 1px solid #e0e0e0;*/ text-align: center; margin-top: 50px;}	
.rec-case-button-line a{display:inline-block;margin-right: 20px; font-weight: bold; font-size: 1.1em; color: #333;margin-left: 6px;padding-top: 18px; padding-left: 45px;padding-right: 45px;padding-bottom: 18px; }	

.rec-case-button-line a:hover{text-decoration:none}

.rec-case-button-line #sel-case-fly-item{color:#fff;}

.rec-case-button-line .fly-case-button{width:10px; height: 50px; background: #174da2; position: absolute; left: 2px; top: 0px;}

.rec-case-button-line .fly-case-button .fly_trand_icon{position:absolute; height: 30px; font-size: 32px;color: #174da2; text-align: center;width: 100%; left: 0; bottom: -9px;}

.case-item-out-box{margin-top: 50px; display: none}
.case-list-out-box{position: relative; height: 500px; overflow: hidden;border-radius: 15px;}

.case-ul-block{ height: 500px;background:#666; }

.case-list-out-box .case-li-list{width:100%; height: 100%;}
.case-li-list-inner{ width: 100%; height: 100%; background: rgba(0,0,0,0.55);}

.case-link-list-box {position:absolute;width: 280px; min-height: 180px; left: 15px; top: 20px; background: rgba(0,0,0,0.65); border-radius: 8px;padding: 30px;padding-bottom: 48px; }

.case-link-list-box .case-link-a-item{ display: block;padding-top: 12px;padding-bottom: 14px; text-align: left; font-size: 1em; color: rgba(255,255,255,0.5); position: relative;}

.case-link-list-box .case-link-a-item-over{color: rgba(255,255,255,0.9);}

.case-link-list-box .case-link-a-item::after{content:""; height: 2px; width: 60%; left: 0;bottom: 0; position: absolute; /*background: rgba(255,255,255,0.5); */ -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    background: #fff/*;linear-gradient(to right, #18a8ff, #6ad1fe)*/;opacity: 0.5;

}

.case-link-list-box .case-link-a-item-over::after{width: 80%;background: linear-gradient(to right, #18a8ff, #6ad1fe); opacity: 0.9; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}


.case-li-list-inner{padding-left:380px; padding-right: 40px; text-align: left; color: #fff;  line-height: 1.7em; }
.case-li-list-inner table h3{font-size: 1.4em}
.case-li-list-inner table{ height:500px;}
.case-li-list-inner table p{font-size: 1.1em;line-height: 2em}

.case-li-list-inner table .case-go-button{padding-top: 30px;}
.case-li-list-inner table .case-go-button a{ display: inline-block; padding-top:8px;padding-bottom: 8px; font-size: 1em; width:136px; border-radius: 3px; border:1px solid #fff; color: #fff; text-align: center;}
.case-li-list-inner table .case-go-button a:hover{background: rgba(10,64,148,.95); border:1px solid rgba(255,255,255,.5)}


.case-go-more{position: relative; margin-top: 120px;}
.case-go-back-line{height: 180px; background: url(../../flash/gocasemore.jpg) repeat-y center top;}

.case-go-more::after{content:"";width: 80%;max-width: 1800px; height:160px; position: absolute; right: 0; top: -20px;  background:url(../../flash/pbj-01.png) no-repeat right center #222222; border-top-left-radius: 80px; border-bottom-left-radius: 80px;}

.case-go-more::before{content: ""; width:320px; height: 320px; position:absolute; left: 0px; top: -70px; background: url(../../flash/str-bg-15.png) no-repeat -60px center; background-size:  contain;z-index:  2}

/*end*/

/*parner*/
.item33 img{max-width:96%; max-height: 56px}
/*end*/


/*why us*/

.why-us-blcok{padding-top:0px; min-height:460px;  position: relative;background:#222222; }
/*.why-us-blcok::after{
	content: "";
	width: 100%; height: 500px; position: absolute; left: 0; top: 0; z-index: 0;
	background: radial-gradient(116.51% 213.12% at 4.81% 88.87%,#106c9e 0,#412799 33.43%,#28034e 73.01%,#721d8c 100%);
    background-position: 50%;
    background-size: cover;
	-webkit-clip-path: polygon(0 0,100% 0,100% 75%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 75%,0 100%);
}*/


.why-us-blcok .about-title::after {
    bottom: 0;
    left: calc(50% - 60px);
}

.about-intro-inner{font-size: 1.15em; text-align: left; line-height: 1.7em;}
.about-intro-inner h3{margin-bottom: 20px; font-weight: 600; font-size: 1.5em;}
.about-intro-inner p{margin-bottom: 15px;}

.why-us-item-one{margin-top:20px;}
.why-us-item-one .big_txt{font-size:3em; color: #fff; font-weight: bold;}
.why-us-item-one .small_txt{color:#fff; font-size: 1.1em; position: relative;}
.why-us-item-one .small_txt::after{content:"";position: absolute; bottom:-4px; left: 0; height: 1px; width: 50px; background:#fff;}

.why-us-inner{z-index: 1; position: relative;/*background: url(images/public/pattern-overlay5.png) repeat left top;*/ min-height: 500px; padding-top: 60px;padding-bottom:80px; overflow: hidden}

.why-us-inner .side-text {
    position: absolute;
    right: 5px;
    bottom: 0px;
    opacity: 0.20;
    font-size: 150px;/*color: #fff;*/
     color: transparent;
    font-weight: 700;
    transform: rotate(-90deg);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    text-transform: uppercase;
     transform-origin: 50% -120%;z-index: 3;
}
.right-video-or-img-box{ display:block;width: 100%; position: relative; padding:0 15px 50px 15px;}

.right-video-or-img-box::after{content:""; width: 130%; height: 120%; position: absolute; left: -20%; top: -22%; background: url(../../flash/about-right-bg-all.gif) no-repeat center center; background-size:70%;}


.rec-video-block-outer{padding-top: 80px}

.video-index-item{display: block; overflow: hidden;  /*border:1px solid rgba(255,255,255,0.8); border-bottom: 4px solid rgba(255,255,255,0.8);  border-radius: 15px;*/position: relative;}

.video-index-item::after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:/*url(images/public/video-box-bg-full.png) no-repeat left top*/ rgba(0,0,0,0.2); background-size: cover; z-index: 0; -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}


.video-index-item:hover::after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:/*url(images/public/video-box-bg-full.png) no-repeat left top */rgba(0,0,0,0.4); background-size: cover; z-index: 0;  -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.video-desc-txt{position: absolute; width: 100%; min-height: 40px; left: 0; bottom: 0px; color: #fff; z-index: 1; font-size: 1em;}

.video-index-item:hover .video-desc-txt{ color:#d0d0d0;}

.video-play-button{ position:absolute; width: 100%; height: 60px; left: 0; top: calc(50% - 40px); z-index: 2; color: #d0d0d0; text-align: center; font-size: 52px; display: block;-moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
/*.video-play-button .fa{margin-top:30%;}*/

.video-index-item:hover .video-play-button{color:#fff;-moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}


.video-topic{display: block; overflow: hidden; }
.video-second{display: block; overflow: hidden; }

.video-item-out{width:31%; float: left; margin-left: 1%; margin-right: 1%;}

.video-second img, .video-topic img{max-width: 100%; width: 100%}


.video-item-desc-box{background:#f5f5f5;min-height: 40px;padding:20px 15px; color: #212121; font-size: 1em;}


/*.video-second .video-play-button{ font-size:52px; top: calc(50% - 36px);}*/
/*.video-second .video-play-button .fa{margin-top: 44%;}*/

.video-arrow-box{position: absolute; width: 60px; right: 20px;top: 10px; font-size: 26px; color:#a8a8a8; z-index: 100}

.video-arrow-box a{display: inline-block;width:24px; color: #a8a8a8}
.video-arrow-box a:hover{color: #cc3235;}

.solution-more-desc{text-align: left; color: #6a6a6a; line-height: 1.6em; padding-top: 6px; margin-top: 8px; border-top: 1px solid #eee;}

.rec-video-block-outer .swiper-pagination {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 15px;
    height: 20px;
    text-align: center;
	
}



.rec-video-block-outer .swiper-pagination .swiper-pagination-bullet
 
 {
    width: 8px;margin-top: 1px;
    margin-left: 4px;
    margin-right: 4px;
    height: 8px;
    box-shadow: none;
    vertical-align: middle;
    background: #a8a8a8;
    border-radius: 50%;
}

.rec-video-block-outer .swiper-pagination .swiper-pagination-bullet-active
 
 {
    height: 11px;margin-top: 0;
    width: 11px;
    background:#cc3235;
}

.video-pagein-box{ text-align:center;  height: 20px; margin-top: 24px; display: inline-block; width: 100%;}

/*.video-pagein-box .vp-item{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background:#a8a8a8; margin-left: 4px; margin-right: 4px; vertical-align: middle;}

.video-pagein-box .vp-item-sel{ width:11px; height:11px; background:#fafafa;}*/


.video-topic-out{border:2px solid #f5f5f5; border-radius: 2px;}

/*方案*/

.rec-solu-block-outer{padding-right:7px}
.rec-case-block-outer{padding-left:7px}

.solu-box-outer .swiper-pagination, .case-box-outer .swiper-pagination, .pro_4new_outer .swiper-pagination {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 15px;
    height: 20px;
    text-align: center;
	
}



.solu-box-outer .swiper-pagination .swiper-pagination-bullet, .case-box-outer .swiper-pagination .swiper-pagination-bullet, .pro_4new_outer .swiper-pagination .swiper-pagination-bullet, .case5item-arrow-box .swiper-pagination .swiper-pagination-bullet
 
 {
    width: 8px;margin-top: 1px;
    margin-left: 4px;
    margin-right: 4px;
    height: 8px;
    box-shadow: none;
    vertical-align: middle;
    background: #71767c;
    border-radius: 50%;
}

.solu-box-outer .swiper-pagination .swiper-pagination-bullet-active, .case-box-outer .swiper-pagination .swiper-pagination-bullet-active,
.pro_4new_outer .swiper-pagination .swiper-pagination-bullet-active, .case5item-arrow-box .swiper-pagination .swiper-pagination-bullet-active
 
 {
    height: 11px;margin-top: 0;
    width: 11px;
    background:rgba(198,28,31,0.9);
}

.solu-arrow-box, .case-arrow-box , .pro4new-arrow-box{position: absolute; width: 60px; right: 20px;top: 10px; font-size: 26px; color:#a8a8a8; z-index: 100}

.pro4new-arrow-box{top: 0}

.solu-arrow-box a, .case-arrow-box a, .pro4new-arrow-box a{display: inline-block;width:24px; color: #8a8a8a}
.solu-arrow-box a:hover, .case-arrow-box a:hover, .pro4new-arrow-box a:hover{color: #c9282a;}

.rec-solu-block-outer, .rec-case-block-outer{margin-top: 40px;}
.solution_list_box{background: url(images/public/sulo-box-bg.png) repeat-y left top #fff; background-size:contain;}
.solution_list_box .rec_solution_case_ourter{width: 96%}

.solu-item, .case-item{display:block; width:100%;}
.solu-item img, .case-item img{width:100%;}

.solu-item-desc{background:#eff1f2; min-height: 80px; padding:25px}
.case-item-desc{background:#fff; min-height: 80px; padding:25px}
.solu-item-desc h3, .case-item-desc h3{text-align: left;font-size:15px; font-weight: bold; color: #333;}

.mobile-index-cat-clear{display:none;}
.pc-index-cat-clear{display:block;}

.why_us_left table{width:100%;}
.why_td_1{width: 36%}
.why_td_2{width: 32%}
.why_td_3{width: 32%}


.why_box_right_txt{padding-left: 20px;}
.why_right_txt{text-align: left;color: #fff;font-size: 24px;}
.why_right_item_box{width: 100%; min-height: 260px; border-radius: 10px;overflow: hidden; background: rgba(0,0,0,0.7); color: #eee; padding: 20px;padding-left: 35px; padding-right: 35px; margin-top: 15px;-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 20%); text-align: left;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%); line-height: 1.7em;}

.why_right_item_box table, .why_right_item_box .table_div{width: 100%; height: 100%;}
.why_right_item_box table td, .why_right_item_box .table_div .td_div{width: 50%; height: auto; float: left; text-align: left; }

.why_right_td_title{font-size: 1.2em; font-weight: bold;margin-top: 10px;}
.why_right_td_title .fa{color: #a8a8a8;margin-right: 10px}
.why_right_td_txt{font-size:1.1em;padding-right: 5px; padding-top: 10px;}

.table_div p{ padding-bottom: 5px; padding-bottom: 5px; text-indent: 2em; line-height: 1.8em}

.about-title {position:relative;}
.about-title span{ font-size:18px; color: #555555; display: inline-block; padding-bottom: 10px;}
.about-title h2{font-size:2.2em; font-weight: 600;padding-top: 10px;}

.title-left-box{text-align: left}

/*.why-us-blcok .about-title::after {
    content: "";
    position: absolute;
    width: 120px;
    bottom: -20px;
    
    height: 4px;
    border-radius: 6px;
    background-image: linear-gradient(to right,#fff, #cadfff);
}*/

.right_sologan_box{text-align: left; padding-top: 20px;padding-bottom: 10px; font-size: 1.2em; font-weight: bold}


.about-line{position:absolute; width: 1px; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0.2);}

.about-line-01{left: 20%}
.about-line-02{left: 40%}
.about-line-03{left: 60%}
.about-line-04{left: 80%}

.customer-case-section{margin-top: 80px;}


/*paner*/
#icon_block_284{background:#fff;margin-top:0px;}
#icon_block_284 .ros_284{background: #e9e9e9;padding:10px 10px 30px 10px; margin-left: 0; margin-right: 0;}
.item22{width:12.5%}

.about-min-title{padding-bottom: 10px; position: relative; padding-left: 15px; }

.about-min-title::before{ content:""; position: absolute; width: 3px; height: 30%; left: 0; top: 20%; background: #c61c1f}

.about-min-title h2{font-size: 1.2em; color: #333; font-weight: 400; padding-top: 4px;}

/*滚动*/
/* ===== 滚动容器 ===== */
.scroll-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #e9e9e9;
    padding: 0;margin-top: 20px;
}

/* 左右渐变遮罩（可选，增加视觉层次） */
.scroll-wrapper::before,
.scroll-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
.scroll-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #e9e9e9, transparent);
}
.scroll-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #e9e9e9, transparent);
}

/* ===== 滚动轨道 ===== */
.scroll-track {
    display: flex;
    width: max-content;
    animation: scroll-left 16s linear 0.5s infinite;
}

/* 悬停暂停 */
.scroll-wrapper:hover .scroll-track {
    animation-play-state: paused;
}

/* ===== 图片项 ===== */
.scroll-item {
    flex-shrink: 0;
    width: 25%;
    height: auto;
    /*padding-right: 20px;*/
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.scroll-item:hover {
    transform: scale(1.05);
    z-index: 1;
}

.scroll-item img {
   /* width: 100%;
    height: 100%;*/
    object-fit: cover;
    display: block;
	max-width: 100%; max-height: 100px; border-radius: 50px;
}

/* 图片标题遮罩 */
.scroll-item .item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 10px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 13px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.scroll-item:hover .item-title {
    opacity: 1;
}

/* ===== 关键帧动画 ===== */
@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* ===== 控制按钮（可选） ===== */
.controls {
    text-align: center;
    margin-top: 20px;
}

.controls button {
    padding: 8px 24px;
    margin: 0 8px;
    border: none;
    border-radius: 4px;
    background: #0f3460;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
}

.controls button:hover {
    background: #e94560;
}

/* ===== 响应式 ===== */
@media (max-width: 768px) {
    .scroll-item {
        width: 150px;
        height: 110px;
        margin-right: 12px;
    }
}
/**/

#icon_block_284 .ros_284 img{
	
	filter: grayscale(100%);
	opacity: 0.6;
    transition: all 0.4s ease;
	
	   
	
}
#icon_block_284 .ros_284 img:hover{
	
	filter: grayscale(0%);
	opacity: 1;
} 

/*.ros_284 {position: relative;}
.ros_284::after{content: ""; width: 15px; height: 100%; background: #fff; position:absolute; left: 0; top: 0;}
.ros_284::before{content: ""; width: 15px; height: 100%; background: #fff; position:absolute; right: 0; top: 0;}*/



/*.about-line::before{content: "";position: absolute;left: 0px;top: -100px;width: 1px;height: 100px;background-image: linear-gradient(180deg,transparent,#fff);animation: lineMove 2s ease-in-out infinite;}

.about-line-01::before{animation-delay: 0.2s;}
.about-line-02::before{animation-delay: 0s;}
.about-line-03::before{animation-delay: 0.1s;}
.about-line-04::before{animation-delay: 0.3s;}

@keyframes lineMove{
    to{top: 100%;}
}*/

/*end*/

.rec-product-box-out-01{background:url(../../flash/str-bg-15.png) no-repeat 102% 40px #f5f5f5;}

/*news*/


.news-section{padding-top: 80px;padding-bottom: 50px;}

.news-section .news-img-a{display: block;position: relative}

.news-section .news-img-a::before{content:"";position: absolute; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1);
-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.news-section .news-img-a:hover::before{background: rgba(0,0,0,0.3);
-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}



.news-list-block{margin-top: 70px; padding-bottom: 60px;}
.news-section .news-img-a img{width: 100%;}
.news-section .news-title-a{font-size: 1.3em; text-align: left; padding-top: 30px; padding-bottom: 15px; line-height: 1.7em; font-weight: 600; }

.news-section .news-desc-a{ text-align:left; font-size: 1.1em; color: #555; line-height: 1.7em; margin-bottom: 20px;}
.news-section .news-button-a{ text-align:left;}



/*contact-section*/

.contact-section{margin-top: 20px; margin-bottom: 60px;}

.contact-section .bg-line-box{ height: 220px; background: url(../../flash/str-bg-15.png) no-repeat right top #ddd;}

.contact-info-box{ margin-top: -110px;}

.contact-info-left{background: #fff;  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10); position: relative;}

.contact-info-left::before{content: "";width:280px;height: 100%; position: absolute; left: 0; top: 0;background:url(../../flash/tmrall-contact.png) no-repeat center center #777;background-size:contain;}
/*.contact-info-right{background: #fff; height: 300px;}*/

.contact-info-text{padding-left: 320px;min-height: 240px; padding-top: 40px;}

.contact-info-text .ct-icon{width: 120px; float: left; }

.contact-info-text .ct-icon span{width: 70px; height: 70px; border:1px solid #e0e0e0; display: block; font-size: 2.3em; line-height: 68px; color: #8a8a8a; border-radius: 50%;}

.contact-info-text .ct-text{ float: left; width:calc(100% - 120px); text-align: left}


.contact-text-container{margin-top: 80px; padding-bottom: 30px;}


.case-section-pion{float: right}
.case-section-item{float: left}
.carousel-indicators{width: 100%;background: #f4f4f4;margin-top: 20px; }



@media (min-width: 1199px) {
/*.news-section article:nth-child(1){ margin-left: 12.5%}*/
	
	.news-list-block .row, .contact-text-container .contact-row{margin-left: 50px; margin-right: 50px}
	
}

.news-itme-big-box{width:50%; float:left;}
.news-itme-big-l{padding-right:15px;}
.news-itme-big-r{padding-left: 15px;}

.news-itme-big-box .news-item-big-inner{background:#f8f8f8; height: 518px;/*-webkit-transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;*/-webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;}

.news-itme-big-box .news-item-big-inner:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2);/*-webkit-transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;*/-webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;}

.news-itme-big-box .news-pic{width:100%; height: 300px; overflow: hidden}
.news-itme-big-box .news-pic a{display: block;width: 100%; height: 100%;}


.news-text-box{padding:22px 30px 18px; text-align: left;}
.news-text-box .news-title-b{font-size: 1.2em; overflow: hidden; text-overflow: ellipsis; line-height: 1.7em; height: 28px;white-space: nowrap;}
.news-time{padding-top: 10px; color: #a8a8a8; font-family: Arial, "sans-serif";font-size: 1em}


.news-intro-box{line-height: 1.7em;color: #777;height: 72px;overflow: hidden;margin: -3px auto 15px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;padding: 0px 30px 0px; font-size: 0.9em}



.news-right-box{background:#f5f6f7; min-height: 276px; padding:20px 10px 20px}

.news-item-topic{position: relative; width: 100%; height: 100%;}
.news-item-topic a{position: relative;width: 100%; height: 100%; left: 0;top: 0; display: block}

.news-item-topic a h3{width: 100%;min-height: 30px;padding: 10px 15px 10px 15px; color: #fff; background:rgba(0,0,0,0.4);position: absolute;left: 0;bottom:0;font-size: 1.05em; text-align: left; z-index: 3;}
.news-item-topic a::after{content:""; width: 100%; height: 100%; left: 0; top: 0; position: absolute;background:rgba(0,0,0,0);-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.news-item-topic a:hover::after{background:rgba(0,0,0,0.2);-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.news-itme-list {padding: 12px 5px 6px 10px;}
.news-itme-list .news-title-b1{/*overflow: hidden; */text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.5em; font-size: 1.05em; text-align: left;}

.news-itme-list .news-title-b1 a{position: relative;display: block;}
.news-itme-list .news-title-b1 a::after{content:"";position: absolute; left: -20px; top: 5px;height: 0%; width: 2px; background:#8a8a8a;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.news-itme-list .news-title-b1 a:hover::after{height: 60%;background:#c0c0c0;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.news-time1{padding-top: 6px; color: #a8a8a8; font-family: Arial, "sans-serif";font-size: 0.9em; text-align: left}

.news-box-cat-bar{display: inline-block; position: relative;padding-right: 10px;}
.news-box-cat-bar::after{position: absolute; content: ""; width: 6px; height: 3px; background: #c61c1f; right: -2px; top: 48%;}
/*==end*/


/*about*/
.why-us-inner .cmp-data-item{width: 120px; height: 120px; color: #333; text-align: center; display: inline-block;margin-left: 20px;margin-right: 20px; background:#e1e3e2; border-radius: 50%; overflow: hidden; position: relative;}

.why-us-inner .cmp-data-item:hover{color: #212121;}


.cmp-data-item .cmp-number{font-size: 1.6em; font-weight: bold; display: block;margin-top: 38px;position: relative;z-index: 3}
.cmp-data-item .cmp-text{font-size: 1em;display: block;position: relative;z-index: 3}


.why-us-inner .cmp-data-item::before{width: 350px;height: 350px;border-radius: 100%;background: #d0d2d1;content: '';position: absolute;left: -100%;top: 50%;-webkit-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;-webkit-transform: scale(0);transform: scale(0);z-index: 1;}



.why-us-inner .cmp-data-item:hover::before{-webkit-transform: scale(1.5);transform: scale(1.5); }



/*箭头*/
.label.arrowed,.label.arrowed-in {
    position: relative;
    z-index: 1
}

.label.arrowed-in:before,.label.arrowed:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    border: 1px solid transparent;
    border-right-color: #ABBAC3
}

.label.arrowed-in:before {
    border-color: #ABBAC3 #ABBAC3 #ABBAC3 transparent
}

.label.arrowed-in-right,.label.arrowed-right {
    position: relative;
    z-index: 1
}

.label.arrowed-in-right:after,.label.arrowed-right:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    border: 1px solid transparent;
    border-left-color: #ABBAC3
}

.label.arrowed-in-right:after {
    border-color: #ABBAC3 transparent #ABBAC3 #ABBAC3
}

.label-info.arrowed:before {
    border-right-color: rgba(23, 77, 162,0.9)
}

.label-info.arrowed-in:before {
    border-color: rgba(23, 77, 162,0.9) rgba(23, 77, 162,0.9) rgba(23, 77, 162,0.9) transparent
}

.label-info.arrowed-right:after {
    border-left-color: rgba(23, 77, 162,0.9)
}

.label-info.arrowed-in-right:after {
    border-color: rgba(23, 77, 162,0.9) transparent rgba(23, 77, 162,0.9) rgba(23, 77, 162,0.9)
}
.label-lg.arrowed:before {
    left: -12px;
    border-width: 12px 6px
}

.label-xlg.arrowed,.label-xlg.arrowed-in {
    margin-left: 7px
}

.label-lg.arrowed-in:before {
    left: -6px;
    border-width: 12px 6px
}

.label-lg.arrowed-right:after {
    right: -12px;
    border-width: 12px 6px
}

.label-xlg.arrowed-in-right,.label-xlg.arrowed-right {
    margin-right: 7px
}

.label-lg.arrowed-in-right:after {
    right: -6px;
    border-width: 12px 6px
}

.label-lg {
    padding: .3em .6em .4em;
    font-size: 13px;
    line-height: 1.1;
    height: 24px;
}
.badge-info, .badge.badge-info, .label-info, .label.label-info

 {
    background-color: rgba(23, 77, 162,0.9)/*#3A87AD*/;
}
/*箭头*/
/*about*/

.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;}

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


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;
}

.news-time-box{text-align: left; color: #a8a8a8; padding-bottom: 5px;}



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


.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-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%;}
/**/
.pro_3_box a{ color:#333;}
.pro_3_box a:hover{ color:#da2419; text-decoration:none}
.pro_3_box img{-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
	
	border:1px solid #eee;
	opacity:1;
	filter:Alpha(opacity=100);
	}
	
.pro_3_box img:hover{

	border:1px solid #da2419;
	opacity:0.92;
	filter:Alpha(opacity=92);
	}
.pro_3_box .pro_more_button{ color:#666; display:inline-block; padding-left:40px; padding-right:40px; padding-top:7px; padding-bottom:7px; background:#fff;}
.pro_3_box .pro_more_button .fa{ margin-left:10px; margin-right:5px;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.pro_3_box .pro_more_button:hover{ background:#fff;color:#da2419; }
.pro_3_box .pro_more_button:hover .fa{ margin-left:15px; margin-right:0;}
.pro_cat_list{padding-left:5px; padding-right:5px;}
.pcat_list_a{display:block; position:relative;}
.pcat_list_a img{ max-width:100%;}

.pcat_list_txt{padding-bottom:25px;}
.pcat_list_title{font-size:1.3em;  padding-top:25px; text-align: center; color:#333;}
.pcat_list_desc{text-align:justify; min-height:20px; padding:10px; padding-top:25px; padding-bottom:25px; line-height:1.6em;  font-size:1em; color:#545454;}

/**/




/*视频*/
.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;}

/*** ====================================================================	Testimonial Thumbs Section====================================================================***/

.testimonials-thumbs-carousel {
    position: relative;
    overflow: hidden;
    padding: 130px 0px 190px;
}

.carousel-indicators {
    position: relative;
    display: block;
    max-width: 100%;
    margin: 0px;
    height: 505px;
    background-position: right top;left: 0;
}

.carousel-indicators li {
    position: absolute;
    width: 200px;
    height: auto;
    text-align: center;
    color: #202020;
    border-radius: 0px;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;margin: 1px;
    opacity:1;
}

.carousel-indicators li:nth-child(1) {
    left: 60px;
    top: 170px;
}

.carousel-indicators li:nth-child(2) {
    left: 190px;
    top: 80px;
}

.carousel-indicators li:nth-child(3) {
    z-index: -1;
    left: 180px;
    bottom: 70px;
}

.carousel-indicators li:nth-child(4) {
    left: 340px;
    bottom: 160px;
}

.carousel-indicators img {
    width: 100%;
    overflow: hidden;
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.carousel-indicators li .image:before {
    position: absolute;
    content: '';
    left: -20px;
    bottom: -20px;
    width: 82px;
    height: 82px;
    opacity: 0;
    border-left: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.carousel-indicators li.active .image:before {
    opacity: 1;
}

.carousel-indicators li.active {
    z-index: 1;width: 200px;
    height: auto;margin: 1px;
}

.carousel-indicators li:hover .image img,
.carousel-indicators li.active .image img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.carousel-indicators li .image {
    position: relative;
}

.testimonials-thumbs-carousel .carousel-column {}

.testimonial-block {
    position: relative;
}

.testimonial-block .inner-box {
    position: relative;
}

.testimonial-block .inner-box .title {
    position: relative;
    color: #555555;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.testimonial-block .inner-box h4 {
    position: relative;
    color: #222222;
    line-height: 20px;
    margin-top: 15px;
    display: block;
    font-weight: 700;
}

.testimonial-block .inner-box .quote-icon {
    position: absolute;
    right: 10px;
    top: 0px;
    color: #dddddd;
    line-height: 1em;
    font-size: 145px;
}

.testimonial-block .inner-box .rating {
    position: relative;
    margin-top: 20px;
    margin-bottom: 15px;
}

.testimonial-block .inner-box .rating .fa {
    position: relative;
    color: #ff0000;
    font-size: 16px;
}

.testimonial-block .inner-box .text {
    position: relative;
    line-height: 1.8em;
    color: #555555;
    font-size: 16px;
    padding-right: 60px;
}

.testimonials-thumbs-carousel .carousel-control-prev {
    position: absolute;
    width: auto;
    left: 0px;
    top: auto;
    left: auto;
    bottom: 0px;

    font-size: 18px;
    color: #777777;
    opacity: 1;
    font-weight: 700;
    display: inline-block;
    margin: 0px 15px 0px 0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonials-thumbs-carousel .carousel-control-prev:before {
    position: absolute;
    content: "\f104";
    left: 0px;
    top: 0px;
    font-family: 'FontAwesome';
}

.testimonials-thumbs-carousel .carousel-control-next {
    position: absolute;
    width: auto;
    left: 45px;
    top: auto;
    bottom: 0px;
    font-size: 18px;
    color: #777777;
    opacity: 1;
    font-weight: 700;
    display: inline-block;
    margin: 0px 15px 0px 0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonials-thumbs-carousel .carousel-control-next:before {
    position: absolute;
    content: "\f105";
    left: 0px;
    top: 0px;
    font-family: 'FontAwesome';
}
.testimonials-thumbs-carousel .carousel-control-prev .sr-only,
.testimonials-thumbs-carousel .carousel-control-next .sr-only{
	opacity: 0;
}
.testimonials-thumbs-carousel .carousel-control-prev span,
.testimonials-thumbs-carousel .carousel-control-next span {
    background: none;
}

.testimonials-thumbs-carousel .carousel-control-prev:hover,
.testimonials-thumbs-carousel .carousel-control-next:hover {
    color: #222222;
}

@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) {
.pcat_list_a{ border:1px solid #eee; display:block;margin-left:15px; margin-right:15px;}
.pcat_list_a img, .pcat_list_a img:hover{ max-width:70%; border:none;}

.pro_3_box .pro_more_button { display:none;}
.get-a-quote-box{padding-top:30px; padding-bottom:30px;}
.get-quote-box-bg{padding:15px; height:auto;  background:#004483}

.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;}

.why-us-box .index-contact-a{ width:100%;}
.pc_text-ju-m-left{ text-align:left}
.pd-80{ padding-top:30px;}
.why_box_icon{ padding-bottom:15px;}
.why-box-h3{ font-size:20px;}
.why_box_txt{ padding-bottom:15px;}
.why_box_icon, .why_box_txt{ width:100%;}
.footer-social{ display:none}

}


/*===============*/
.solution-box-out{padding-top:80px; padding-bottom:40px; background:url(images/page/home_lawyer_sectionbg1.png) repeat left top #fafafa; }

.solution-pj .pj_list img, .case-pj .pj_list img, .news-pj .pj_list img{ max-width:100%;}
.solution-pj .solu-pj-title,.news-pj .solu-pj-title {position:absolute; left:0; bottom:0; padding:15px; font-size:1.2em; color:#fff; background:rgba(0,0,0,.4); width:100%; text-align:left}

.case-out-box{margin-top:80px;}
.case-item-list{width:50%; float:left; padding-right:10px; text-align:right; position:relative}
.case-item-list-2{ padding-left:10px; padding-right:0;}

.case-item-title{position:absolute; left:1px; top:20%; background:rgba(255,255,255,.9); height:60%; width:65%;}
.case-item-title-h3{text-align:left; padding:5px;padding-left:5px; font-size:18px; padding-top:10px; color:#0d3650}
.case-item-title-p{text-align:left; padding:5px; color:#666; line-height:1.6em}

body .normal-more-button{color:#fff; background:#00376d; padding:8px; padding-left:40px; padding-right:40px; display:inline-block; margin-left:15px; margin-right:15px;}

body .normal-more-button:hover{ text-decoration:none; background:#095a7f}

.news-pj{min-height:200px; background:#f3f4f5;}

/*============*/
.case-video-block{ background:#fff; margin-top:30px; clear:both;}

.case-inner-box{ width:50%; float:left; height:auto;  background:#fff; padding-right:5px;}
.video-inner-box{ width:25%; float:left; height:auto; background:#fff; padding-right:5px;}
.news-inner-box{ width:25%; float:left; height:auto; background:#fff; }

.case-inner2{ position:relative}
.video-inner2{}
.news-inner2{}

.ca-box-div{position:absolute; width:100%; height:100%; left:0; top:0; }
.ca-box-div .ca-box-title{position:relative; color:#fff; font-size:1.8em; text-align:left; display:block; text-decoration:none;  width:100%; height:100%; z-index:1;}

.ca-hover{ background:rgba(0,0,0,0.4);}


.ca-box-title-s{ position:absolute;  padding:20px; width:100%; text-align:left; display:block; left:0; bottom:75px;/*text-shadow: 1px 1px 3px #333;*/
 -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;opacity:1;
} 
.ca-box-title-b{position:absolute;  padding:20px; width:100%; text-align:left; display:block; left:0; bottom:40px; font-size:15px;/*text-shadow: 1px 1px 3px #333;*/ -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;opacity:1}



.ca-hover .ca-box-title-s{ bottom:200px;-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.ca-hover .ca-box-title-b{ bottom:165px;-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;}
	
	
.ca-box-list{position:absolute; bottom:0px; width:100%; left:0; padding:5px; z-index:2;  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease; opacity:0;
    -o-transition: all .2s ease;
    transition: all .2s ease;}	
.ca-hover-list{ bottom:25px; -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease; opacity:1;
    -o-transition: all .5s ease;
    transition: all .5s ease;}
	
.case-list-a{width:32%; display:inline-block; height:120px; border:1px solid #fff; padding:10px;}
.case-list-a span{ display:table-cell; height:100px; vertical-align:middle; color:#fff; text-align:center; font-size:1.1em;}	
.case-list-a:hover{ border:1px solid #da2419; text-decoration:none} 




/* 视频*/
.cv-box-in{width:100%; height:50%;  background:#333;  position:relative; display:block;}
.cv-box-in-list{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../flash/bg-001.png) repeat-x left bottom rgba(0,0,0,0); /*background:rgba(0,0,0,.2);*/-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease; 
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.cv-box-a{display:block; width:100%; height:100%; display:table-cell; vertical-align:middle;  color:#fff;}
.cv-box-txt{position:absolute; width:100%; display:block; bottom:0px; color:#fff; left:0; padding:15px; text-align:left;-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease; 
    -o-transition: all .3s ease;
    transition: all .3s ease;background:url(../../flash/bg-001.png) repeat-x left bottom rgba(0,0,0,0);}
.cv-box-txt .cv-box-txt-title{position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:1.4em; padding:15px; padding-bottom:13px;-webkit-transition: all .5s ease;
    -moz-transition: all .3s ease; 
    -o-transition: all .3s ease;
    transition: all .3s ease; }
.cv-box-txt:hover{background:url(../../flash/bg-001.png) repeat-x left bottom rgba(0,0,0,.1);}
.cv-box-txt:hover .cv-box-txt-title{padding-bottom:18px;-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease; 
    -o-transition: all .3s ease;
    transition: all .3s ease; color:#ddd; }

.cv-box-bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(flash/cat-001.jpg) no-repeat center center; background-size:cover; display:block; z-index:1}

	
	
.news_headline img{-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease; 
    -o-transition: all .3s ease;
    transition: all .3s ease; opacity:1;}	

.news_headline:hover img{-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease; 
    -o-transition: all .3s ease;
    transition: all .3s ease; opacity:0.7;}	
	
.news_headline{width:100%; height:40%; border-bottom:5px solid #fff; background:#333; position:relative; overflow:hidden;}	
.news_headline img{ width:100%;}	
.news_headline a{ color:#fff;}	
.news_headline a:hover{ text-decoration:none;}	
.news_hl_title{position:absolute; width:100%; display:block; bottom:5px; left:0; font-size:1.1em; padding:15px; text-align:left}

.news_list_box{width:100%; height:60%;  background:#333;}
.news_list_box ul{ padding-top:50px;}

.news-inner-box .news_index_list{ color:#fff;padding-left:15px; padding-right:15px; padding-bottom:20px; text-align:left;  display:block; clear:both}
.news-inner-box .news_index_list:hover{ color:#ddd;}

.news-inner-box .news_index_list span{ float:left;}
.news-inner-box .news_index_list span img{ width:40px; height:40px;}

.news-inner-box .news_index_list .nll_span2{ padding-left:15px;-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease; 
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.news-inner-box .news_index_list:hover .nll_span2{ padding-left:20px;-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease; 
    -o-transition: all .3s ease;
    transition: all .3s ease;}

.news_list_li{width:100%; display:block; min-height:60px;}
.news_list_li .news_go_buttom{padding:5px; padding-left:15px; padding-right:15px; border:1px solid #fff; color:#fff;}
.news_list_li .news_go_buttom .fa{ padding-left:5px; padding-right:5px;-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease; 
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.news_list_li .news_go_buttom:hover{ text-decoration:none}
.news_list_li .news_go_buttom:hover .fa{ padding-left:10px; padding-right:0px;-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease; 
    -o-transition: all .3s ease;
    transition: all .3s ease;}
/*#solutionpagination{text-align:center; width:100%; position:absolute; left:0; bottom:15px; margin:0; z-index:100;} */


#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 .swiper-pagination-bullet {
display: inline-block;
width: 180px;
height: 186px;  border:none; background:#fff; opacity:0.6;
border-radius:0;
/*background:#d0d0d0;border-bottom:1px solid #d0d0d0;background:transparent;*/ 
box-shadow:none;
margin: 0 2px;
cursor: pointer;

/*transition: 0.4s;*/
}

#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;*/ border-bottom:5px solid #f2c64d;opacity:1;}



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


/*新闻*/
.news-box-item{padding:15px; padding-top:10px;min-height:130px; position:relative; text-align:left; background:#f1f1f1;}
.news-box-title{margin-bottom:25px; font-size:1.4em; text-align:left; position:relative; display:inline-block}
.news-topline{width:100%; text-align:left; border-bottom:1px dotted #eee; margin-bottom:8px; padding:5px; padding-left:0;}
.news-topline-img{float:left; width:60%;}
.news-topline-img img{max-width:90%; border:1px solid #ddd;  filter:alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;}
	
.news-topline-img img:hover{max-width:90%; border:1px solid #ddd;  filter:alpha(opacity=90);
    opacity: .9;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;}
	
.news-topline-item{float:left; width:40%;}
.news-topline-item-title{display:inline-block; font-size:1.3em;}
.news-topline-time{color:#a8a8a8; padding-top:10px;}
.news-item-list{width:100% ;text-align:left; border-bottom:1px dotted #e0e0e0;  padding:8px; padding-left:0;}
.news-item-title{display:inline-block; font-size:1.05em;}
.news-item-time{color:#a8a8a8; padding-top:5px;}

.news-button{text-align:left; padding-top:20px; clear:both}
.news-button a{padding:5px; padding-left:15px; padding-right:15px; background:#e62138; color:#fff;    border-radius: 3px;}


 .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:22%;}



.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; } 

.mobile_line{display: none;}
.pc_line{display: block;}


/*新品*/
.pro_item{ float:left; width:25%;}	
	
	.pro_item img{max-width: 100%;}
	
	.pro_item_01 .item_a_outer{padding-right: 18px;}	
	
	.pro_item_02 .item_a_outer{padding-left: 4px; padding-right: 11px;}
	
	.pro_item_03 .item_a_outer{padding-left: 11px;padding-right: 4px;}	
    .pro_item_04 .item_a_outer{padding-left: 18px;}	
	
	.pro_new_desc{position: relative; padding-top: 20px; padding-bottom: 15px; padding-right: 70px}
	.pro_new_desc h3{font-weight:normal; text-align: left; font-size:1.1em;}
	
	.pro_new_desc .pro_new_cart_box, .pro_new_desc .pro_new_cat_box{width: 24px; height: 24px; border-radius: 50%; font-size: 13px; color: #aaa; position:absolute; right: 42px; top: 10px; border:1px solid #aaa; line-height: 22px; text-align: center}
	
	.pro_new_desc .pro_new_cat_box{right: 12px}
	
	.pro_new_desc .pro_new_cart_box:hover, .pro_new_desc .pro_new_cat_box:hover{color:#212121; border:1px solid #333;}
	
	.item_a_outer a{display: block; width:100%; height: 100%; position: relative; overflow: hidden; }

.item_a_outer .pro_img_item{ /*box-shadow: 0px 1px 4px 0px rgba(179, 179, 179,0.5);  border:1px solid #e5e5e5;*/}

	
	.item_a_outer a 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;}
	
	.item_a_outer a:hover img{transform: scale(1.1,1.1);transform:scale(1.1,1.1) \9\0;
    -ms-transform: scale(1.1,1.1);-ms-transform:scale(1.1,1.1) \9\0;
    -webkit-transform: scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
	
	.item_a_outer .hot::after{content:""; position: absolute; width: 53px; height: 47px;right: 0px;top: 0; background: url(../../flash/hot_icon.png) no-repeat center top; background-size: 100%;}
	
	.item_a_outer .new::after{content:""; position: absolute; width: 53px; height: 47px;right: 0px;top: 0; background: url(../../flash/new_icon.png) no-repeat center top; background-size: 100%;}
/**/
.hanye-left-title{height: 60px;width: 34%; float: left; text-align: left}
.hanye-left-title h2{font-size:1.5em; font-weight: 600;}
.hanye-left-title p{color: #8a8a8a; padding-top: 5px;}
.rec-cat-button-line{width: 66%; float: left;}


.item_type_solution_box .plist-cat{display:none;}

.solu-box-outer .half-height img{width: 100%}

.news_blcok{padding-top:100px; padding-bottom: 80px;}
.news-box-list-outer{margin-top: 60px;}

.cat-list-box{text-align: left;padding-left: 9px;margin-top: 10px;}


.swiper-5item-case-box  .case_item{position: relative}

/*.swiper-5item-case-box  .case_item::before{content: ""; position: absolute; top: 0px; right: -3px; width: 165px; height: 115px;background: url(../../flash/quto-bg.png) no-repeat center center;}*/

.item_case_outer{text-align: left; position: relative; z-index: 2}


.item_case_outer .item_local{color:#666;font-size: 1.15em;padding-bottom: 10px;}
.item_case_outer .item_title{font-size:1.4em; color: #000; font-weight: 700; margin-bottom: 20px;}

.item_case_outer .item_start{color: #c9282a; font-size: 1.1em;}
.item_case_outer .item_start .fa{margin-right: 3px;}

.item_case_outer .item_text{color: #555; line-height: 1.8em; padding-right: 60px; font-size: 1.15em;margin-top: 20px; margin-bottom: 50px;}

.case5item-arrow-box .case-to-left{float: left;}
.case5item-arrow-box .arrow-button-prev, .case5item-arrow-box .arrow-button-next{width: 24px; font-size: 26px; display: block; height: 30px; color: #8a8a8a;}

.case5item-arrow-box .arrow-button-prev:hover, .case5item-arrow-box .arrow-button-next:hover{color: #c9282a}

.case5item-arrow-box .case-pagi-outer{width: 160px; text-align: center; display: block; position: relative;  height: 30px;}
.case5item-arrow-box .case-pagi-outer .swiper-pagination{width: 100%; text-align: center;top: 7px;}


/**/
.index_about_us_box{margin-top: 40px;}
.index_about_us_box .why-us-inner{background: none;padding-bottom: 40px}

.index_about_us_box .just-about-video-box img{ max-width: 100%}

.rec-pro-button-box{height: 80px;}

.link_list{padding-bottom: 60px; min-height: 100px; background: url(../../flash/ka-footer.png?v3) no-repeat left center;}

.f-list-01{width: 34%;}
.f-list-02{width: 12%;}
.f-list-03{width: 12%;}
.f-list-04{width: 12%;}
.f-list-05{width: 12%;}
/*.f-list-01{width: 34%;}*/

@media (min-width: 1360px) and (max-width: 1679px) {
	
	.carousel-indicators li:nth-child(1){left:20px}
	.carousel-indicators li:nth-child(4){left: 244px;}
	
	.contact-info-left{width:68%;margin-left: 16%;}
	
}

@media (min-width: 1200px) and (max-width: 1359px) {
	
	.carousel-indicators li:nth-child(2){top: 90px}
	.carousel-indicators li:nth-child(1){left:40px}
	.carousel-indicators li:nth-child(4){left: 236px;}
	
	.carousel-indicators li:nth-child(3){left: 160px; bottom: 80px}
	
	.contact-info-left{width:70%;margin-left: 15%;}
	
	.carousel-indicators li, .carousel-indicators li.active{width: 180px;}
	.rec-cat-button-line .show-plist-more{display: none}
	
	.menu_block .nav_2{margin-right: 24px;}
	
	.silde_img_bg{height: 680px}
	.row-h-txt{height:680px; font-size: 11px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.block_logo img{max-height: 36px; margin-top: 8px}
	.rec-product-box-out-01{background:#f5f5f5;}
	
	.hanye-left-title{width: 18%}
	.rec-cat-button-line{width:80%;}
	
	.hanye-left-title p{display: none;}
	.rec-item-ul li .p-one-box{border-bottom: none;}
	.index-plist-desc{max-height: 92px;}
	.rec-more-cat a{margin-left: 8px; margin-right: 8px;}
	.rec-cat-button-line .show-plist-more{display: none;}
	
	.product_cat_title, .about-title{font-size: 8px;}
	.about-title p{font-size: 1.5em}
	.menu_block .nav_2{margin-left: 9px; margin-right: 9px;}
	.link_list{background: none;}
	
	.carousel-indicators li, .carousel-indicators li.active{width: 80px}
	
	.carousel-indicators{height: 400px;margin-top: 20px;}
	
	.carousel-indicators li:nth-child(1) {left:40px;}
	.carousel-indicators li:nth-child(4){left: 160px;bottom:180px;}
	.carousel-indicators li:nth-child(2){left: 100px; top: 130px}
	.carousel-indicators li:nth-child(3){left: 100px; bottom:140px;}
	
	
	.f-list-01{display: none}
.f-list-02{width: 20%;}
.f-list-03{width: 20%;}
.f-list-04{width: 20%;}
.f-list-05{width: 20%;}
.f-list-06{width: 20%;}
	
	.silde_img_bg{height: 580px}
	
	.row-h-txt{height:580px; font-size: 10px;}
	
}


@media (min-width: 768px) and (max-width: 991px) {
	
	.mobile_line{display: block;}
    .pc_line{display: none;}
	
	.silde_img_bg{height: 480px}
	
	.row-h-txt{height:480px; font-size: 9px;}
	
	.block_logo img{max-height:36px; margin-top: 8px; }
	
	.product_cat_title, .about-title{font-size: 7px;}
	
	.about-title p{font-size: 1.5em}
	.rc-product-line-box{font-size: 1.2em}
	
	.about-min-title h2{font-size: 1.5em}
	.rec-cat-button-line a{margin-right: 13px; font-size: 1em}
	.carousel-indicators{display: none}
	
	.case5item-arrow-box{padding-bottom: 50px;}
	.news-section .news-button-a{margin-bottom: 20px;}
	
	#formMsg2{margin-top: 20px;}
	
	.rec-product-box-out-01{background: #f5f5f5;}
	
	.hanye-left-title{display: none}
	
	.rec-cat-button-line{width: 100%;}
	.rec-cat-button-line .show-plist-more{display: none;}
	
	.rec-more-cat{text-align: left}
	
	.rec-more-cat a{margin-left: 8px; margin-right: 8px;}
	
	.link_list{background:none;}
		.f-list-01{display: none}
.f-list-02{width: 20%;}
.f-list-03{width: 20%;}
.f-list-04{width: 20%;}
.f-list-05{width: 20%;}
.f-list-06{width: 20%;}
	
	.pro_new_desc{padding-right: 0px;}
	.pro_new_desc .pro_new_cart_box, .pro_new_desc .pro_new_cat_box{top: 40px;}
	
  /*导航条*/
  .lang_box{ width:7%;height:70px;  float:left; text-align:center; display: none}
  .lang_box .lang_in_2{ color:#fff; margin-left:10px; font-size:1.5em; display:none}
  .block_menu{ width:84%; float:left;max-width:84%; }
  
  .nav_li_2, .menu_block ul li { float:left; height:34px;}
  .menu_block .nav_2 { height:34px; padding-top:8px; margin-left:20px; margin-right:20px; padding-left:0px; padding-right:0px; width:100%; text-align:center; font-size:1.1em; }
  .menu_block .pad-right .nav_2{ border-right:none}
	
	
	body .pad-left-nav-box{padding-left: 15px;}
	
	body .pad-left-nav-box li{ text-align: left;}
	body .pad-left-nav-box li a{ color: #333; display: block; padding-top:7px; padding-bottom: 7px;margin-top: 0px;}
	
	body .pad-left-nav-box li .nav-level-ul-2{padding-left: 15px; background: #f5f5f5;}
	body .pad-left-nav-box li .nav-level-2{border-bottom: 1px solid #eee; position: relative;}
	
	body .pad-left-nav-box li .nav-level-ul-3{padding-left: 20px; background: #f2f2f2f;}
	body .pad-left-nav-box li .nav-level-3{border-bottom: 1px solid #e0e0e0;}
	
	body .pad-left-nav-box li .nav-level-2 .menu-toggle-2{position: absolute;width: 40px; height: 30px; padding-top: 5px; right: 10px; top: 0px; text-align: center; cursor: pointer;}
	body .pad-left-nav-box li .nav-level-2 .menu-toggle-2::after{content: "+";font-size: 15px; }
	
	body .pad-left-nav-box li .nav-level-2 .nav-level-ul-3{display: none;}
	
	body .pad-left-nav-box li .menu-hover .menu-toggle-2::after{content: "-";font-size: 15px; }
	body .pad-left-nav-box li .menu-hover .nav-level-ul-3{display: block;}
	
	body #bannerpagination .swiper-pagination-bullet, .banner .pagination .swiper-pagination-bullet{width: 40px;}
	
	.pcat-2::before, .pcat-2::after{display: none}
}


@media (max-width: 767px) {
	
	
	.mobile_line{display: block;}
    .pc_line{display: none;}
	
	.silde_img_bg{height: 280px}
	.row-h-txt{height:280px; font-size: 8px;}
	
		body .pad-left-nav-box{padding-left: 15px;}
	
	body .pad-left-nav-box li{ text-align: left;}
	body .pad-left-nav-box li a{ color: #333; display: block; padding-top:7px; padding-bottom: 7px;margin-top: 0px;}
	
	body .pad-left-nav-box li .nav-level-ul-2{padding-left: 15px; background: #f5f5f5;}
	body .pad-left-nav-box li .nav-level-2{border-bottom: 1px solid #eee; position: relative;}
	
	body .pad-left-nav-box li .nav-level-ul-3{padding-left: 20px; background: #f2f2f2f;}
	body .pad-left-nav-box li .nav-level-3{border-bottom: 1px solid #e0e0e0;}
	
	body .pad-left-nav-box li .nav-level-2 .menu-toggle-2{position: absolute;width: 40px; height: 30px; padding-top: 5px; right: 10px; top: 0px; text-align: center; cursor: pointer;}
	body .pad-left-nav-box li .nav-level-2 .menu-toggle-2::after{content: "+";font-size: 18px; }
	
	body .pad-left-nav-box li .nav-level-2 .nav-level-ul-3{display: none;}
	
	body .pad-left-nav-box li .menu-hover .menu-toggle-2::after{content: "-";font-size: 18px; }
	body .pad-left-nav-box li .menu-hover .nav-level-ul-3{display: block;}
	
	/**/
	
	body #menu-panel-mark .pad-left-nav-box li{ text-align: left;}
	body #menu-panel-mark .pad-left-nav-box li a{ color: #959595; display: block; padding-top:7px; padding-bottom: 7px;margin-top: 0px;}
	
	body #menu-panel-mark .pad-left-nav-box li .nav-level-ul-2{padding-left: 15px; background: none;}
	body #menu-panel-mark .pad-left-nav-box li .nav-level-2{border-bottom: none; position: relative;}
	
	body #menu-panel-mark .pad-left-nav-box li .nav-level-ul-3{padding-left: 20px; background: none;}
	body #menu-panel-mark .pad-left-nav-box li .nav-level-3{border-bottom: none;}
	
	body #menu-panel-mark .pad-left-nav-box li .nav-level-2 .menu-toggle-2{position: absolute;width: 40px; height: 30px; padding-top: 5px; right: 10px; top: 0px; text-align: center; cursor: pointer;}
	body #menu-panel-mark .pad-left-nav-box li .nav-level-2 .menu-toggle-2::after{content: "+";font-size: 18px; color: #fff;}
	
	body #menu-panel-mark .pad-left-nav-box li .nav-level-2 .nav-level-ul-3{display: none;}
	
	body #menu-panel-mark .pad-left-nav-box li .menu-hover .menu-toggle-2::after{content: "-";font-size: 18px; color: #fff;}
	body #menu-panel-mark .pad-left-nav-box li .menu-hover .nav-level-ul-3{display: block;}
	
	
	
	
	.rec-product-box-out-01{background: #f5f5f5;}
	.pro_item{width: 50%;}
	
	.pro_item_01 .item_a_outer, .pro_item_03 .item_a_outer{padding-left: 5px; padding-right: 5px} 
	.pro_item_02 .item_a_outer , .pro_item_04 .item_a_outer{padding-left: 5px; padding-right: 5px} 
	 
	.pro_new_desc{padding-right: 0px; height: 96px; overflow: hidden}
	.pro_new_desc .pro_new_cart_box, .pro_new_desc .pro_new_cat_box{top: 50px;}
	
	.about-title, .product_cat_title{font-size: 7px;}
	.rc-product-line-box{font-size: 1.3em}
	.about-min-title h2{font-size:2em }
	
	.about-title p{font-size: 1.5em;}
	
	.hanye-left-title{display: none;}
	.rec-cat-button-line{width: 100%; height: 70px;}
	
	.rec-cat-button-line .show-plist-more{display: none}
	
	.rec-cat-button-line a{font-weight: 300; font-size: 1em; float: left; display: block; width: 25%; margin-right: 0; padding-left: 8px; padding-right: 8px; height: 70px;}
	
	.rec-more-cat{display: none}
	
	
	.rec-item-ul li{width: 50%;}
	
	.rec-item-ul .rec-item-li-01, .rec-item-ul .rec-item-li-02, .rec-item-ul .rec-item-li-03, .rec-item-ul .rec-item-li-04{padding-left: 3px; padding-right: 3px;}
	.index-plist-desc{height: 96px; overflow: hidden}
	
	.rec-item-video .col-xs-12{margin-bottom: 15px;}
	.carousel-indicators{display: none}
	
	.swiper-5item-case-box .case_item img{max-width: 100%; height: auto;}
	.case5item-arrow-box{padding-bottom: 50px;}
	.customer-case-section{margin-top: 30px;}
	
	body #bannerpagination .swiper-pagination-bullet, .banner .pagination .swiper-pagination-bullet{width: 30px;}
	
	.pcat-2::before, .pcat-2::after{display: none}
	
	.case-go-more::before{display: none}
	
	.case-go-more{margin-top: 30px;}
	.case-go-more::after{background: #222; width: 92%; height: 100px;}
	
	.case-go-back-line {background: none; height: 100px;}
	body .noraml-trans-white-button{margin-top: 8px;}
	.news-section{padding-top: 30px;}
	.news-list-block{margin-top:30px;}
	.news-item-card{margin-bottom: 15px;}
	.news-section{padding-bottom: 0px;}
	.news-list-block {padding-bottom: 30px;}
	
	.contact-section .bg-line-box{background:#ddd; height: 150px;}
	
	.contact-info-left::before { display: none}
	
	.contact-info-text{padding-left: 0; }
	
	.link_list{background:none;}
	.f-list-01{display: none}
	
	.f-list-02, .f-list-03, .f-list-04, .f-list-05 {width: 50%;}
	.f-list-06{width: 100%;}
	#footer .phone_clear_box{display: none}
	
	#menu-panel-mark{width:85%;}
	
	.silde_text_layer .banner-txt-small{font-size: 1.3em!important;margin-bottom: 8px!important}
	.silde_text_layer .banner-txt-title{font-size: 2em!important; margin-bottom: 8px!important;}
	.silde_text_layer .banner-txt-buttom a span, body .noraml-red-button span{padding-top: 8px; padding-bottom: 8px; font-size: 13px;}
	.silde_text_layer .banner-txt-buttom a, body .noraml-red-button{margin-top: 0px!important;}
	
	.silde_text_layer{top: -15px}
	
}


.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}