@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:/*frutigernext,*/'Microsoft YaHei',Arial, Helvetica, sans-serif;
	
	letter-spacing:normal;
	
	color:#333;
	/*background:url(images/page/line_bg.gif) repeat left top;*/
	
	
}
@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;
}
a:visited {
	text-decoration: none;
	color:#333;
}
a:hover {
	text-decoration: none; color:#0a4094;
	
}
a:active {
	text-decoration: none;
	color:#545454;
}

.contact, .contact span, .footer figure, .footer figure span, .menu li, .service figure, .transition, :active, :focus, :hover, :link, :visited, .pj_list_ease span, .css_3_tag {
    -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:108px; width:100%;  z-index:999; position:fixed; left:0; top:0px; }
.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:38px;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:20%; float: left; height:100%; text-align:center; margin-top: -20px;}

.block_logo img{ max-height:50px; margin-top:10px;}



/*header_menu*/

.outer_header{ height:100%; position:relative;}
.block_menu{ width:65%; float:left;max-width:65%;}
.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.2em; color:#fff; height:70px;padding-top:12px; font-family:'微软雅黑'}
.menu_block .nav_2:hover, .menu_block #nav_sel:hover{ color:#0a4094;  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:40px;}

.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:#0a4094;  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;}


/*滚动发生的效果*/
.block_header_move{ height:74px; 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:11px; font-family:Arial, Helvetica, sans-serif;}	
.block_header_move #top_bar_style .a_style::after{
            content:'';
            display:block;
            /*开始时候下划线的宽度为0*/
            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;
            /*开始时候下划线的宽度为0*/
            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:32px; 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;*/ color:#333;}
.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: 100vh;}


/*幻灯*/

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

.customer_inner{ width:100%; height:100vh; 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;}
/*----------------------------*/

.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:#2620202;}
.footer_hr{border-top:2px solid #00873d; margin-top:0}
.footer .copyright{padding-top:1em; margin-top:2em;  clear:both}
#footer{background:#161c25;/*#001e50;*/ margin-top: 0px;  border-top:1px solid #eee;}
#footer a{ color:#eee/*#c2cacf;*/}
#footer a:hover{color:#fff}
#footer a:visited{ color:#eee;}
/*#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:#222a35; 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:#2620202}
#footer .link_list li{ text-align:left; margin-top:0.6em;}
#footer .link_list li a{ color:#2620202; font-weight:400; font-size:12px;}
#footer .footer-social{ padding-bottom:30px;}
#footer .footer-social a{ color:#2620202; display:block; text-align:center; margin-top:0.6em;*width:80%;}
/**/
.sns_button a { display:inline-block; font-size:1.8em;}

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

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

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

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

@media (max-width: 767px) {
 #is_mobile_flag{ width:1px;}
}
/*end置标*/
/*---------幻灯片使用--------*/
.silde_img_bg{width:100%; height:100vh; 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: 100vh;}
.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{display:inline-block; margin-top:15px; text-align:center;border-radius: 2px;position: relative; overflow: hidden;background: #1549a8;border:1px solid rgba(57,103,208,1);}

.silde_text_layer .banner-txt-buttom a 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{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{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{-webkit-transform: scale(1.25);transform: scale(1.25);}


.silde_text_layer .banner-txt-buttom a: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{color:#333;}

.silde_text_layer .banner-txt-buttom a:hover{border:1px solid #fafafa;-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*/







/*解决方案列表*/
.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;
	}
	
  /*导航条*/
  .lang_box{ width:7%;height:70px;  float:left; text-align:center;}
  .lang_box .lang_in_2{display:block; color:#fff; margin-left:10px; font-size:1.5em; display:none}
  .block_menu{ width:60%; float:left;max-width:60%; }
  
  .nav_li_2, .menu_block ul li { float:left; height:40px;}
  .menu_block .nav_2 { height:40px; padding-top:8px; margin-left:30px; margin-right:30px; padding-left:0px; padding-right:0px; width:100%; text-align:center; font-size:1.3em; }
  .menu_block .pad-right .nav_2{ border-right:none}
  
  
  /*滚动发生的效果*/
.block_header_move .header_menu, .block_header_move .header_menu_01{ height:54px;}

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

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


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

/*parner*/
 .parner_img img{ max-width:80px;}
 
 
 /*产品块*/
 .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:#212223}
.header_menu{border-top:0px solid #000; background:#212223;/*b9bf3c;background:rgba(0,55,109,0.8) ;*//*rgba(150,150,150,0.6)rgba(83,117,129,0.6);*/  height:60px;}




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

.block_logo .logo_img_box img{ max-height:32px;  margin-top:15px; padding-left:0;}
	
	

 .logo_txt_box{ width:auto;max-width:200px; font-size:0.9em; display:none}

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

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

.header_menu_01{ height:60px}

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


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

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

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

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


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

/*parner*/
 .parner_img img{ max-width:80px;}
 
 
 /*产品块*/
 .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;}
#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:#fff; 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;
            /*开始时候下划线的宽度为0*/
            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:#000; 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:#000;text-decoration:none;}

#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 {
    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{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:#11489d; 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:#11489d;-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:1em; 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:#11489d}

.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:#11489d; 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;}

/*搜索*/
.search-box-out{text-align:right; background:none; position:relative;}	
#search-button-a{color:#fff; 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}

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

}  


/**各块*/

/*三个产品类*/
.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:3.2em; 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:#fff;/*url(images/page/line-right.png) no-repeat center right #f3f4f5;*/border-left: 6px solid #fff;border-right: 6px solid #fff;}	
.rec-cat-button-line a{display:inline-block;margin-right: 40px; font-weight: bold; font-size: 1.1em; color: #333;margin-left: 0px;padding-top: 18px;  padding-left: 45px;padding-right: 45px;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: #174da2; 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: #174da2; 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%; padding-left:10px; padding-right: 10px;}

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

.rec-item-ul li .rec-product-a{/*border:1px solid #e0e0e0;*/ display: block; }


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


.index-plist-desc{background:#f0f1f3; padding:0px 10px 40px;}



.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: #0a4094;}
.rec-cat-box{ text-align:left;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 #333;}

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


.rec-cat-button-line .show-plist-more{position: absolute; right: -60px; 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}

.rec-product-block-outer .swiper-pagination .swiper-pagination-bullet-active{background: #1a4fa3; height: 11px; width: 11px;}



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



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

/*end*/




/*解决方案*/
.solution_list_box{min-height:500px; background:#f2f3f4; padding-top: 60px;  padding-bottom: 20px;}

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

/*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:#212223;}
.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);
}

.why-us-blcok .about-title h2{ color:#fff;}


.why-us-item-one{margin-top:60px;}
.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;}



.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); position: relative; border-radius: 15px;}

.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: 0; color: #fff; z-index: 1; font-size: 16px;}

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

.video-play-button{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; color: #d0d0d0; text-align: center; font-size: 60px; display: block;}
.video-play-button .fa{margin-top:30%;}

.video-index-item:hover .video-play-button{color:#fff;}

.video-second .video-play-button{ font-size:52px; }
.video-second .video-play-button .fa{margin-top: 44%;}


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


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

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


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



/*news*/
.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.5em;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: 1em}



.news-right-box{background:#f5f6f7; min-height: 518px; padding:40px 30px 20px}

.news-itme-list {padding: 8px 5px 15px 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.2em; text-align: left;}
.news-time1{padding-top: 8px; color: #a8a8a8; font-family: Arial, "sans-serif";font-size: 1em; text-align: left}
/*==end*/


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





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


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