@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:13px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*font-family: sans-serif; */
	font-family:'微软雅黑'，Arial, Helvetica, sans-serif;
	
	letter-spacing:normal;
	color:#333;
	background:url(images/page/line_bg.gif) repeat left top;
	
	
}
.error{font-size:12px; color:#f00;padding-top:4px}

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

a:link {
	color:#333;
	text-decoration: none; outline:none;
}
a:visited {
	text-decoration: none;
	color:#333;
}
a:hover {
	text-decoration: underline; color:#da2419;
	
}
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{max-width:1920px;height:auto; position:relative;/*background:url(images/public/outer-bg.png) repeat left top #f5f5f5;*/background:#fff;}
@media (min-width: 1920px) {
 .page_root{}
}


/*头*/
.block_header{ height:118px; width:100%; z-index:999; background:#fff;    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);/*background:url(images/page/nav-bg.png) no-repeat center center #00376d;*/  /*position:absolute; left:0; top:20px; */}
.header_menu{/*background:rgb(255,255,255) ;rgba(150,150,150,0.6)rgba(83,117,129,0.6);  max-width:1680px;*/ padding-top:3px;height:80px; /*margin-left:30px; margin-right:30px;*/}

/**new*/
.block_header_0{ height:38px;background:#00376d;/*background:url(images/page/header-0-bg.png) no-repeat center top #f5f6f7;*//*background:#03056b#5dab00#00376d; padding-top:8px; */ -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;border-right:1px solid #e0e0e0;}

.block_logo img{ max-height:70px; }



/*header_menu*/

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

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


.menu_block .nav_2{ display:inline-block;  font-size:1.3em; color:#333; height:78px;padding-top:25px; position:relative;  }
.menu_block .nav_2:hover, .menu_block #nav_sel:hover{ color:#da2419;  text-decoration:none; border-bottom:3px solid #da2419;}

.menu_block #nav_sel{ color:#ce4d49;  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:16px;margin-left: 16px}
.menu_block .nav_3{padding-left:15px;}


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

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

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


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

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

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

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


/*滚动发生的效果*/
.block_header_move{ height:74px; position:fixed; max-width:1920px; top:0; z-index:9991;box-shadow: 0px 3px 5px rgba(0,0,0,.3); /*background:rgba(255,255,255,0.98) border-bottom:2px solid #ffbe31*/}

.block_header_move .header_menu { background:none;}
.block_header_move .block_header_0{ height:28px; font-size:11px; }
.block_header_move #top_bar_style .a_style, .block_header_move #top_bar_style .phone_bar{ color:#e5e5e5; height:28px; display:inline-block; position:relative; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}	
.block_header_move #top_bar_style .a_style::after{
            content:'';
            display:block;
            /*开始时候下划线的宽度为0*/
            width:0;
            height:1px;
            position:absolute;
            left:50%;
            bottom:0px;
            background:#f5f5f5;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            transition:all 0.3s ease-in-out;
        }
.block_header_move #top_bar_style .a_style:hover{ color:#f5f5f5; 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:#fff;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            transition:all 0.3s ease-in-out;
        }
.block_header_move .menu_block .nav_li:hover::after{
	       left:0;
            width:30%;
        }
.block_header_move .menu_block .hasmenu:hover::after{
	display:none
        }		
.block_header_move .menu_block .sel_menu::after{ left:0;
            width:30%;
        }	
.block_header_move .header_menu{  height:46px;}
.block_header_move .header_menu .block_logo img{ max-height:46px; margin-top:-3px;}
.block_header_move .header_menu .menu_block{height:46px}
.block_header_move .header_menu .menu_block ul li{ height:43px;}
.block_header_move .header_menu .menu_block .nav_2{ display:inline-block;  font-size:1em;  height:43px;padding-top:10px; /*font-family:'微软雅黑';#1A668E;*/ }
.block_header_move .lang_box{ height:43px;}

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

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



/*mobile*/

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


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


/*幻灯*/

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

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

#banner{
	
	height:auto;
	text-align:center; /*overflow:hidden;*/
	 z-index:1; position:relative;
}
#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 {
position: absolute; 
left: 0;
text-align: center;
bottom: 0px;
width: 100%;
z-index:999;
}
body #bannerpagination .swiper-pagination-bullet {
display: inline-block;
width: 12px;
height: 12px;
background:url(images/page/btn01-new.png) no-repeat center center;
/*background:#d0d0d0; border-bottom:1px solid #d0d0d0;background:transparent;*/
box-shadow:none;
margin: 0 2px;
cursor: pointer;
/*border-radius:0;/* 50%;*/
/*transition: 0.4s;*/
}
body #bannerpagination .swiper-pagination-bullet:hover, body #bannerpagination .swiper-pagination-bullet-active{ background:url(images/page/btn01_h-new.png) no-repeat center center; /*border-bottom:2px solid #fff;background:transparent;*/ /*width:80px; height:2px; border:2px solid #ffee5b;*/}
#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:#f8f9fa;}
#footer a{ color:#2620202;}
#footer a:hover{color:#23527c}
#footer a:visited{ color:#2620202;}
/*#footer*/
#footer{ min-height:100px;   text-align:left; padding-bottom:1.5em; }
.footer-copyright{ height:auto; padding-bottom:15px; text-align:center; /*border-top:1px solid #555;*/ background:#00376d; color:#fff; /*padding-top:8px; padding-bottom:8px;*/}
#footer .link_list h4{ text-align:left; margin-bottom:0.8em;color:#2620202;}
#footer .link_list ul{ padding-left:5px;}
#footer .link_list h4 a{ color:#2620202}
#footer .link_list li{ text-align:left; margin-top:0.6em;}
#footer .link_list li a{ color:#2620202; font-weight:400; font-size:12px;}
#footer .footer-social{ padding-bottom:30px;}
#footer .footer-social a{ color:#2620202; display:block; text-align:center; margin-top:0.6em;*width:80%;}
/**/

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

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

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

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

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

@media (max-width: 767px) {
 #is_mobile_flag{ width:1px;}
}
/*end置标*/
/*---------幻灯片使用--------*/
#banner .silde_img_bg{width:auto; height:100%; position:relative; z-index:1;}
#banner .silde_text_layer{width:100%; height:auto; position:absolute; left:0; top:0; z-index:2;}
#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*/

/*首页前端sologan*/
.gp_sologan_left{background:#2e2d32; height:100px;box-shadow: 1px 1px 8px rgba(100,100,100,0.8);}
.gp_slg_logo_01{text-align:right; padding-top:3px;}
.gp_slg_logo_01 img{max-width:40%; margin-right:23%;}
.gp_slg_logo_02{padding-top:6px; text-align:left}
.gp_slg_logo_02 img{max-width:40%; margin-left:23%}
.gp_slg_text{background:#56621c;background-image:linear-gradient(-30deg,#8ca527,#65771d,#60711c);box-shadow: 1px 1px 8px rgba(100,100,100,0.8);border-top-left-radius:0em;border-bottom-left-radius:0em;}

.gp_slg_text_b{padding:15px; text-align:left}
.gp_slg_text_b h1{font-size:24px; color:#feffd5}
.gp_slg_text p{color:#e1e9c4; margin-top:8px;}

/*解决方案列表*/
.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 #eee;/*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:70%; float:left;max-width:70%; }
  
  .nav_li_2, .menu_block ul li { float:left; height:70px;}
  .menu_block .nav_2 { height:68px; padding-top:25px; padding-left:2px; padding-right:2px; width:100%; text-align:center; font-size:1em; }
  .menu_block .pad-right .nav_2{ border-right:none}
  
  
  /*滚动发生的效果*/
.block_header_move .header_menu{ height:44px;}
.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:44px;}
.block_header_move .header_menu .menu_block .nav_2{ display:inline-block;  font-size:1em;  height:44px;padding-top:15px;  }
.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;}
.header_menu{border-top:0px solid #000; background:#fff;/*b9bf3c;background:rgba(0,55,109,0.8) ;*//*rgba(150,150,150,0.6)rgba(83,117,129,0.6);*/ border-bottom:1px solid #e0e0e0; height:60px;}




.block_logo{ width:30%; float: left; height:59px; /*background:rgb(0,55,109); background:#212121;*/ text-align:center;}

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

.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:19px;}
/*header_menu*/

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

.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; font-family:'微软雅黑';text-shadow: 1px 1px 0 #333; display:none;/*#1A668E;*/ }

  
  
  /*滚动发生的效果*/
  .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;}
.block_header_move .header_menu .block_logo img{ max-height:50px; height:50px; margin-top:5px;}
.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 .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{ /*border-bottom:2px solid #738911;background:#738911;*/ /*width:80px; height:2px; border:2px solid #ffee5b;*/}


}

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

/*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 #d10b2f; 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 #d10b2f; 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:#e5e5e5; height:38px; padding-top:8px; display:inline-block; position:relative; font-size:13px; padding-left:14px; padding-right:14px; }	
#top_bar_style .a_style::after{
            content:'';
            display:block;
            /*开始时候下划线的宽度为0*/
            width:0;
            height:2px;
            position:absolute;
            left:50%;
            bottom:0px;
            background:#f5f5f5;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            transition:all 0.3s ease-in-out;
        }
#top_bar_style .a_style:hover{ color:#f5f5f5; text-decoration:none; }
#top_bar_style .a_style:hover::after{
	       left:0;
            width:100%;
        }

#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:center; 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{ font-size:15px; 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:#00376d; 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:#e62138;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

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

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

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

.menu-list-box .menu-go-more{ display:inline-block; padding:8px; padding-left:30px; background:#00376d; 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}




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

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

.block_header_move .search_box_show{ top:6px;}

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


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

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



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

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

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

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

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

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

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

.best_stair{ height:auto; background:#ccc; margin-bottom:50px; /*background:url(images/page/biggest_housing.jpg) no-repeat left center #eee; background-size:100%;*/}
.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/clean-home-half-bg3.jpg) repeat-y center top #f3f5f4;/*rgb(237, 243, 248);*/ margin-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: #5dab00;}
.index-about-box .about-box-more{display:inline-block; background:#2e5aa8; padding-top:8px; padding-bottom:8px; padding-left:15px; padding-right:15px; color:#fff; font-size:1.1em;border:1px solid #2e5aa8;}
.index-about-box .about-box-more:hover{ text-decoration:none; border:1px solid #fff;}

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

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

}  


/**各块*/
.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{padding: 8px; padding-left: 15px; padding-right: 15px; display: inline-block; background:#ff7e00; color: #fff; margin-top: 15px; font-size: 16px; border-radius: 3px;}
a.orage_go_button:hover{text-decoration: none; background: #f67c04; color:#fff;}


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

/**/


#banner .sild_img_bg_pc{  height:386px;}

@media (max-width: 900px){
#banner .sild_img_bg_pc{  height:290px;}

}

@media (min-width: 1280px){
#banner .sild_img_bg_pc{  height:520px;}

}

@media (min-width: 1600px){
#banner .sild_img_bg_pc{  height:580px;}
}
@media (min-width: 1900px){
#banner .sild_img_bg_pc{  height:640px;}
}

/*视频*/
.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);
 /*-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
*/	
 }
.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 img{ max-height:50px; padding-top:10px;}
}


@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:40px; padding-bottom:40px; background:#f3f4f5; margin-top:30px;}

.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 ,#productpagination .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, #productpagination .swiper-pagination-bullet-active{ /*border-bottom:2px solid #fff;background:transparent;*/ /*width:80px; height:2px; border:2px solid #ffee5b;*/ background:#e62138}


/*新闻*/
.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)}
  }