/* CSS Document */
/*@font-face{font-family:frutigernext;src:url("http://www.supermedview.com/themes/default/font/LT_54361.eot");src:url("http://www.supermedview.com/themes/default/font/LT_54361.eot?") format("embedded-opentype"),url("../font/LT_54361.woff") format("woff"),url("http://www.supermedview.com/themes/default/font/LT_54361.ttf") format("truetype"),url("../font/LT_54361.svg") format("svg")}@font-face{font-family:frutigernext_medium;src:url("http://www.supermedview.com/themes/default/font/frutigernext-lt-medium.eot");src:url("http://www.supermedview.com/themes/default/font/frutigernext-lt-medium.eot?") format("embedded-opentype"),url("../font/frutigernext-lt-medium.woff") format("woff"),url("http://www.supermedview.com/themes/default/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:/*frutigernext,*/'Microsoft YaHei',Arial, Helvetica, sans-serif;
	
	letter-spacing:normal;
	/*font-family: "Gotham","Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,sans-serif;*/
	/*font-weight: 300;*/
	color:#333;
	/*background:url(images/grandpower/line_bg.gif) repeat left top;*/
	/*background:url(images/page/top_line_bg.gif) repeat-x center top;*/
	/*background-color:#000;
	background-image: url(images/index-bg.png);
	background-repeat: repeat;
	*/
	
}
.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;
}
a:visited {
	text-decoration: none;
	color:#333;
}
a:hover {
	text-decoration: underline; color:#1264a4;
	
}
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, .fa , .pro_one_button{
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

/**公共*/
.page_root{/*max-width:1680px; */height:auto; position:relative; /*background:url(images/public/outer-bg.png) repeat left top #f5f5f5;*/}
/*@media (min-width: 1680px) {
 .page_root{box-shadow: 1px 1px 8px rgba(100,100,100,0.6); border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
}
*/

/*头*/
.block_header{ height:96px; width:100%;  z-index:999; position:fixed; left:0; top:0px; background:#fff;-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.08);}
.header_menu{/*background:rgb(255,255,255) ;rgba(150,150,150,0.6)rgba(83,117,129,0.6);  max-width:1680px;*/ height:96px; /*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);*/}

/**new*/
.block_header_0{ height:38px; background:#333; padding-top:10px;  -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; padding-top:4px;}

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



/*header_menu*/

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

.menu_block ul li{ display:inline-block; position:relative; height:96px;margin-right:30px;}


.menu_block .nav_2{ display:inline-block;  font-size:1.2em; color:#333; height:98px;padding-top:34px; font-family:'微软雅黑'}
.menu_block .nav_2:hover, .menu_block #nav_sel:hover{ color:#0072bc;  text-decoration:none; /*border-bottom:3px solid #2a5acc*/}

.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{ }
.menu_block .nav_3{padding-left:15px;}


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

.menu_block .nav_li:hover::after{
	       left:0;
            width:50%;
        }
		
.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;
    display: none;
    width: 280px; 
    left: 0px;
    top: 96px;
    /*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:center; 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:13%;height:96px;float:left; text-align:left; background:#f5f5f5; /*border-left:1px solid #e0e0e0;*/}
.lang_box a{ display:inline-block;}
.lang_box a:hover{ text-decoration:none}
.lang_box .lang_txt{display:block; font-size:1.1em; color:#666; margin-top:22px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.lang_box .lang_txt:hover{color:#0072bc; text-decoration:none}
.lang_box .lang_txt_2{ margin-top:10px;}
.lang_box .lang_in_1{}
.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:52px; border-bottom:1px solid #eee; /*background:rgba(255,255,255,0.98)*/}
.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:#ccc; 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:none;
            /*开始时候下划线的宽度为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:#fff; 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:none;
            /*开始时候下划线的宽度为0*/
            width:0;
            height:1px;
            position:absolute;
            left:0%;
            bottom:12px;
            background:#2473b3;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            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 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:13px; /*font-family:'微软雅黑';#1A668E;*/ }
.block_header_move .lang_box{ height:52px;}

.block_header_move .lang_box .lang_txt{margin-top:5px;} 
.block_header_move .lang_box .lang_txt_2{margin-top:3px;} 
.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;*/}


/*幻灯*/

#banner-out{width:100%;
	min-height:200px; 
	text-align:center;
	position:relative;
	background:#fff; height:auto; padding-top:80px;padding-bottom:0px;
	}

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

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


#banner .arrow-left {
background:url(../image/block-slider_arrow-left.png) no-repeat center center;
position: absolute; 
filter:alpha(opacity=40);  opacity: .4;  
left: 10px;
top: 50%;
margin-top: -15px;
width: 60px;
height: 60px;
border-radius: 50%;
z-index:999;
}
#banner .arrow-right {
background:url(../image/block-slider_arrow-right.png) no-repeat center center;
filter:alpha(opacity=40);  opacity: .4;  
position: absolute;
right: 10px;
top:50%;
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(../image/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(../image/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;}



#banner #mainTheme{
font: italic bold 120px/100% Arial;
letter-spacing: -3px;
padding-top: 160px;
margin-bottom:20px;
color:#fff;
text-align:center;
position:relative;
display:inline-block;
}
#banner #mainTheme h1{
	font-family:Arial;
	color:#fff;
}

#banner #mainTheme span{
	font-size: 28px;
position: absolute;
right:-60px;
top: 170px;
display: block;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
background:#ff7200;
color:#fff;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
font-style: italic;
font-weight: normal;
letter-spacing:2px;
text-shadow:none;
}
#banner  p{
	font-family:microsoft yahei;
/*text-shadow: 1px 1px 0 #1A668E;*/
color:#fff;
}
#banner  dt{
	font-size:50px;
	margin-top:180px;
	color:#fff;
}
#banner dd{
margin-bottom: 10px;
font: normal 22px/180% microsoft yahei;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
text-align:center;
letter-spacing:3px;
color:#fff;
}
#banner dd::before,#banner #swiper-slide2 dd::after {
	content:"★";
	}
#banner .subbtn{
	text-align:center;
}
#banner .button{
	font-size:16px;
	color:#fff;
	margin:0 7px;
	padding:10px 25px;
	border-radius:20px;
	text-decoration:none;
	border:1px solid #fff;
}
#banner .mainbtn{
	text-align:center;
	margin-top:50px;
}
#banner .mainbtn a{
	font-size:16px;
	color:#3566f2;
	margin:20px auto;
	padding:10px 25px;
	background: #fff;
	border-radius:20px;
	text-decoration: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:4em;  clear:both}
#footer{background:url(../image/white-gradient-fade-90.jpg) repeat-x left -150px #fff; padding-top:60px;}
#footer a{ color:#2620202;}
#footer a:hover{color:#2473b3}
#footer a:visited{ color:#2620202;}
/*#footer*/
#footer{ min-height:320px;   text-align:left; padding-bottom:1.5em; }
.footer-copyright{ height:auto; padding-bottom:15px; padding-top:5px; text-align:center; /*border-top:1px solid #555;*/ border-top: 1px solid #008ce7;
    background: #0072bc; color:#fff; /*padding-top:8px; padding-bottom:8px;*/}
#footer .link_list h4{ text-align:left; margin-bottom:0.8em;color:#2620202; 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置标*/
/*---------幻灯片使用--------*/
#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*/

/*about*/
.ptop_50{padding-top:50px;}
.pbottom_50{padding-bottom:50px;}
.pleft_30{padding-left:30px;}


.about_index_block{min-height:300px; padding-bottom:50px;background:#f5f5f5;  }
.about_txt_block{font-size:2em; margin-top:5px; text-align:left}
.logo_t1{font-size:0.6em; color:#0072bc; border-left:5px solid #0072bc; display:inline-block; padding-left:10px; margin-bottom:10px;}
.logo_t2{font-size:1.5em; color:#0072bc}

.about_desc{ text-align:left}
.a_desc_1{display:inline-block; width:100px; border-top:1px solid #d0d0d0; height:5px; margin-top:40px;}
.a_desc_txt{font-size:1.1em; color:#545454; line-height:1.7em;}
.a_desc_buttom{text-align:left; margin-top:50px;}
.go_buttom .fa{ padding-left:0; padding-right:3px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.go_buttom:hover .fa{ padding-left:3px; padding-right:0px;}

.circle_1{padding-right:10px;}
.circle_box{background:#f5f5f5;height:300px; margin-top:30px; padding-top:65px;}

.pbottom_60{padding-bottom:60px;}
.plr_0{padding-left:0px;padding-right:0px;}
.pr_0{ padding-right:0px;}
.pl_0{ padding-left:0px;}
.pro_one_0{height:426px; background:#418dcb; text-align:left;}
.pro_one_0_title{text-align:left; margin-top:50px; padding-left:30px; color:#fff;text-shadow: 1px 1px 3px #666;}
.p_one_title_6{font-size:0.6em}
.pro_one_line{border-top:1px solid #fff; width:80px; margin-top:20px; margin-left:30px;}
.pro_one_title_en{color:#fff; font-size:1.2em; margin-top:5px; margin-left:30px;}
.pro_one_para{margin-left:30px; display:inline-block; margin-top:15px; color:#fff; font-size:1.2em}
.ptop_40{ padding-top:40px;}
.pro_one_button{display:inline-block; width:24%; height:80px; background:#2577ba; border:1px solid #2CB9EA;box-shadow: 0 0px 30px rgba(44,185,234,0.6); color:#fff; font-size:1.2em; text-align:center; padding-top:25px;text-shadow: 1px 1px 3px #666;}

.pro_one_button:hover{box-shadow: 0 0px 50px rgba(228,247,255,0.8);border:1px solid #e4f7ff;}

.pro_one_go_buttom{padding-left:30px; text-align:center}
.pro_one_go_buttom .pro_one_go_link{display:inline-block; padding:10px; margin-top:35px; font-size:1.2em; padding-left:35px; padding-right:35px; border:1px solid #fff; color:#fff; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.pro_one_go_buttom .pro_one_go_link .fa{ padding-left:0; padding-right:3px;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.pro_one_go_buttom .pro_one_go_link:hover{ background:#2577ba;border:1px solid #eee; text-decoration:none;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.pro_one_go_buttom .pro_one_go_link:hover .fa{ padding-left:3px; padding-right:0;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.pro_one_img{height:426px; background:#c0daff; position:relative; overflow:hidden}
.pro_one_img_box{position:absolute; width:100%; height:460px; right:0; top:0px;}
.pro_one_img_box img{ max-width:100%;}

/**/
.pbottom_30{ padding-bottom:30px;}
.pro_two_block{height:426px; background:#c0daff; position:relative; overflow:hidden}
.pro_two_img{position:absolute; width:100%; height:460px; right:0; top:0px;}
.pro_two_img img{max-width:100%;}
.pro_two_txt{height:426px; background:#f0f0f0; text-align:left;}
.pro_two_title{text-align:left; margin-top:50px; padding-left:30px; color:#2784a6;}
.pro_two_small{font-size:0.6em}
.pro_two_line{border-top:1px solid #2784a6; width:80px; margin-top:20px; margin-left:30px;}
.pro_two_desc{color:#333; font-size:1.2em; margin-top:5px; margin-left:30px;}
.pro_two_desc_2{margin-left:30px; display:inline-block; margin-top:15px; color:#333; font-size:1.2em}

.circle_box_2{ padding-top:20px;}
.circle_box_2 .circle_box_list{ height:100px;}
.circle_box_2 .c_box_desc{height:100px; top:7px;}
.circle_box_2 .txt_valign{height:100px; width:100%; text-align:center}
.pro_two_go_buttom{padding-left:30px; text-align:center}
.pro_two_go_buttom a{display:inline-block; padding:10px; margin-top:35px; font-size:1.2em; padding-left:35px; padding-right:35px; border:1px solid #2784a6; color:#2784a6; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; }
.pro_two_go_buttom a .fa{padding-left:0px; padding-right:3px;}
.pro_two_go_buttom a:hover{ background:#3895b7; color:#fff; text-decoration:none; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.pro_two_go_buttom a:hover .fa{ padding-left:3px; padding-right:0px; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}

.news_item_a{ position:relative; display:block; background:#000; font-size:0.9em;border-radius: 6px;}
.news_item_a img{opacity: 1;-webkit-transition: all 0.35s; 
	transition: all 0.35s; max-width:100%;}
.news_item_a::before {
	position: absolute;
	width:20%;
	bottom: 40px; z-index:2;
	left: 15px;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;
	/*-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);*/
}
.news_item_a span{ opacity: 0;-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;}
.news_item_a:hover span{ opacity: 1;}
.news_item_a:hover img{opacity: 0.9;border-radius: 6px;}
.news_item_a:hover::before {
	position: absolute; z-index:2;
	width:50%;
	bottom: 40px;
	left: 15px;
	border-bottom: 1px solid #fff; 
	background:rgba(0,0,0,.2);
	/*content: '详细';font-size:1.3em; color:#fff; padding-top:20%;*/
	opacity: 1;
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);*/
}


.contact_block{min-height:300px; color:#fff;}
.contact_item{height:300px; padding-top:50px; background:url(../image/line-0.gif) no-repeat center right}
.fa_buttom{width:60px; height:60px;padding-top:12px; background:#418dcb; color:#fff; font-size:1.8em; display:block}
.phone_line_title{padding-top:15px;}
.phone_line_number{padding-top:5px; font-size:1.2em}

.phone_servce_title{padding-top:10px;}
.feedback_buttom{display:block; margin-top:20px; border:1px solid #fff; width:50%; padding:5px; color:#fff;}
.feedback_buttom:hover{  color:#fff; text-decoration:none;}

#news_go_link{ text-align:left}
#news_go_link .normal_link{color:#418dcb}
#news_go_link .normal_link .fa{ padding-left:0; padding-right:3px;}
#news_go_link .normal_link:hover{ text-decoration:none}
#news_go_link .normal_link:hover .fa{ padding-left:3px; padding-right:0px;}




.news_item_a .post_line{position:absolute; left:15px; bottom:50px; color:#fff;}
.news_item_a .go_link{position:absolute; left:15px; bottom:15px; color:#fff;}
.news_title{text-align:left; font-size:1.15em; padding-top:20px; padding-bottom:15px;}
.news_title a{ text-decoration:none}
.news_desc{text-align:left; font-size:1em; padding-top:5px; padding-bottom:15px;}

/*导航，产品*/
.nav-pro-box{display: none; width:100%; top:110px; /*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:url(../image/supergraphic_vertical_dark_blue.svg) 0% 0% / cover rgb(0, 114, 188); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; border-top: 1px solid rgb(0, 140, 231); top: 80px; left: 0px;}
.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(http://www.supermedview.com/themes/default/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:#2473b3;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;}
.news-all-box{ border-left:1px dotted #d0d0d0;}
/*对旧显示1024的调整*/
@media (min-width: 992px) and (max-width: 1024px) {
  /*导航*/
  .menu_block .nav_2{font-size:1em; margin-right: 0px;}

  #page_root{ font-size:12px;}
  

.menu_block .nav_1{padding-right:15px;}
.menu_block .nav_2{padding-right:15px; padding-left:15px;}
.menu_block .nav_3{padding-left:15px;}
 /*-end导航*/

 
 /*底*/
 #footer{ font-size:11px;}
 .bottom_txt { font-size:10px}
} 

/*pad平板调整*/
@media (min-width: 768px) and (max-width: 991px) {
	body {
	font-size:12px;
	}
	
  /*导航条*/
  .block_logo{ width:15%;}
  .lang_box{ width:15%;height:70px;  float:left; text-align:center;}
  .block_logo img{ max-height:40px;    margin-top: 10px;}
  .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 { width:16.5%; 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; border-right:1px solid #e0e0e0;}
  .menu_block .pad-right .nav_2{ border-right:none}
  
  
  /*滚动发生的效果*/
.block_header_move .header_menu{background:#fff; height:44px;}
.block_header_move .header_menu .block_logo img{ max-height:32px;}
.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; letter-spacing:0.2em; color:#333; height:44px;padding-top:15px; font-family:'微软雅黑'; }
.block_header_move .lang_box{ height:44px;}

.block_header_move .lang_box .lang_txt{margin-top:15px;} 
.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;}

.news-all-box{ padding-top:30px; border-left:none; border-top:1px solid #e0e0e0; 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:11px;
	}
	
  /*导航条*/
  /*头*/
.block_header{ height:60px; width:100%;  z-index:999; position:fixed; left:0; top:0;}
.header_menu{background:rgba(255,255,255,0.8) ;/*rgba(150,150,150,0.6)rgba(83,117,129,0.6);*/ border-bottom:2px solid #0072bc; height:60px;}




.block_logo{ width:30%; float: left; height:58px; /*background:#212121;*/ text-align:left;}

.block_logo img{ max-height:30px; height:30px; margin-top:11px;}

.lang_box{ height:60px; background:#0072bc}
.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:56%; float:left;max-width:56%; }
.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 .header_menu{height:60px;}
.block_header_move .header_menu .block_logo img{ max-height:30px; height:30px; margin-top:11px;}
.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; font-family:'微软雅黑';text-shadow: 1px 1px 0 #333; }
.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;}

.news-all-box{ padding-top:30px; border-left:none; border-top:1px solid #e0e0e0; margin-top:30px;}
.our-partner{ font-size:9px;}
.phone_title_desc{ display:block; color:#fff; text-align:center; padding-top:22px; font-size:1.3em;}

/*幻灯片*/
.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;*/}

.about_txt_block{ font-size:1.5em}


}

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

/*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:#2473b3;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            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:#2473b3;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            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: #2473b3;
    transition: all 0.3s ease-in-out;
	}	
	
#top_bar_style .a_style, #top_bar_style .phone_bar{ color:#ccc; 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:2px;
            position:absolute;
            left:50%;
            bottom:0px;
            background:#fff;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            transition:all 0.3s ease-in-out;
        }
#top_bar_style .a_style:hover{ color:#fff; 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;
}

/**/
 
 #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:#ccc;}	
.top_menu_list{text-align:right; color:#ccc;}

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

.banner_bimg{max-width:100%}
.white-box{background:#fff; min-height:200px;}
.pro-box-inner{padding-top:0px;padding-bottom:50px;}
.pro-cat-title{text-align:left; font-size:20px;} .pro-cat-title span{color:#e60021}

.pro-shadow{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; position:relative; cursor:pointer; -webkit-transform 0.2s ease-out; 
    -moz-transition: -moz-transform 0.2s ease-out; 
    transition: transform 0.2s ease-out;}
/*.pro-shadow:hover{box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);-webkit-transform 0.2s ease-out; 
    -moz-transition: -moz-transform 0.2s ease-out; 
    transition: transform 0.2s ease-out;}	*/
	
.index-news-box{min-height:250px;  padding-top:50px; margin-top:0px; padding-bottom:50px; /*background:#f5f4f8*/}

.index-news-box-title{padding-bottom:8px;  margin-bottom:25px;  font-size:1em; background:#404040;padding-bottom:8px; height:40px; margin-bottom:0; text-align:left}
.ca1{text-align:left; font-size:1.4em; display:inline-block; position:relative; text-decoration:none; color:#333;}




/*news*/

#news-box{ position:relative; width:100%; height:auto;}




#news-box .solution-row{background:f5f4f8; position:relative;}
#news-box .solution-list-img{/*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;*/ margin-left:0px; 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; position:relative}

#news-box .solution-list-img .slimg_a{display:block; height:100%;}
#news-box .solution-list-img .slimg_a .slimg_title{width:100%; height:160px; background:#f0f0f0; color:#333; text-align:left;-moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
#news-box .solution-list-img .slimg_a:hover .slimg_title{background:#e1e1e1; color:#000;}
#news-box .solution-list-img img{ max-width:100%;}

#news-box .solution-list-txt h2{font-size:18px; text-align:left; padding-left:20px; 
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translatey(5px);
    transform: translatey(5px); -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
#news-box .solution-list-txt p{padding-left:20px; padding-top:50px; padding-right:20px; line-height:1.8em; color:#666; text-align:left;
 filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translatey(5px);
    transform: translatey(5px); -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

}
#news-box .solution-button{text-align:left; padding-left:20px; padding-top:50px;padding-bottom:20px;
     filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translatey(5px);
    transform: translatey(5px); -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
#news-box .solution-button{  filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translatey(5px);
    transform: translatey(5px); -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
#news-box .solution-button a{padding:5px; padding-left:15px; padding-right:15px; /*background-image: linear-gradient(112deg, #ff4f81, #ff6c5f);*/ background:#2473b3;  color:#fff;    border-radius: 3px;}


.news_a{ position:relative; display:block; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.nimg_title{ position:absolute; width:100%; left:0; bottom:0; background:rgba(0,0,0,.5); color:#fff; text-align:left; font-size:1.2em;-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.news_a:hover{filter: alpha(opacity=95);
    opacity: 0.95;}
.news_a:hover .nimg_title{background:rgba(0,0,0,.65); } 
/*------------------*/

/*新闻*/
.news-box-item{padding:15px; padding-top:10px;height:160px; position:relative; text-align:left; background:#f1f1f1;}
.news-box-title{text-align:center; 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:#2473b3; color:#fff;    border-radius: 3px;}

#solution-box .solution-button a:hover, .news-button a:hover{background:#f73249}


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

/**/
.menu-list-padding{min-height:340px; padding-bottom:35px;}
.menu-list-box{ font-size:15px; padding-top:35px; }
.menu-list-box .big_menu{ display:block; width:100%; text-align:left; padding:8px; position:relative; margin-bottom:6px; color:#fff; border:1px solid #0072bc; border-color:transparent;}
.menu-list-box .big_menu .fa{ color:#fff; font-size:17px; width:22px}
.menu-list-box .son_menu .fa{ color:#fff;-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(../image/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;filter:Alpha(opacity=0)}

.menu-list-box .big_menu:hover{  color:#fff; text-decoration:none;  border:1px solid #eee;}
.menu-list-box .big_menu:hover .fa{ color:#fff; font-size:17px;}

.menu-list-box .son_menu:hover .fa{ color:#2473b3;-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(../image/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:#2473b3}

.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:#2473b3; 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-product{ background:none; color:#fff; border:1px solid #eee; border-color:transparent}
.menu-list-box .menu-go-more-product:hover{  border:1px solid #eee; }

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

/*搜索*/
.search-box-out{text-align:right;  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:20px; -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:0px; top:6px;-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:#2473b3;-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}


.weixin-box{ position:relative;}
.weixin-img-box{position:absolute; left:20px; 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;}
.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;
}
.weixin-img-box span{position:absolute; left:25px; top:-8px; background:url(../image/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);
    -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(../image/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}
.top_title .top_go_more{right:6px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;position:absolute;  top:5px; width:50px; height:30px; background:url(../image/head05.png) no-repeat center center}

.top_title:hover .top_go_more{/*opacity:1;filter:Alpha(opacity=1);*/right:0px;}
.b_title a:hover{ background:#2473b3;}

#ss-box a:hover{ background:#e1e1e1;}
#ss-box a .fa{ color:#888; -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
#ss-box a:hover .fa{ color:#2473b3;}


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

.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}
@media (max-width: 767px) {
.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;}

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

@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;}
 #por_box_list .pro_box_0{ background:#000;}
 .lang_box .lang_txt{ margin-top:12px;}
 .block_header{ height:70px;}
 .header_menu{ width:100%; height:70px;}
 .menu_block{ height:70px;}
 
 
 /*滚动发生的效果*/
.block_header_move{ height:70px;}
.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:#ccc; 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:none;
            /*开始时候下划线的宽度为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:#fff; 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:none;
            /*开始时候下划线的宽度为0*/
            width:0;
            height:1px;
            position:absolute;
            left:0%;
            bottom:12px;
            background:#2473b3;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            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:70px;}
.block_header_move .header_menu .block_logo img{ max-height:40px; margin-top:10px;}
.block_header_move .header_menu .menu_block{height:70px}
.block_header_move .header_menu .menu_block ul li{ height:68px;}
.block_header_move .header_menu .menu_block .nav_2{ display:inline-block;  font-size:1em;  height:68px;padding-top:25px; /*font-family:'微软雅黑';#1A668E;*/     letter-spacing: 0em;}
.block_header_move .lang_box{ height:70px;}

.block_header_move .lang_box .lang_txt{margin-top:12px;} 
.block_header_move .lang_box .lang_txt_2{margin-top:5px;} 
.block_header_move .nav_sb{ top:70px;} 

}



#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:500px;}

}

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


@media (min-width: 992px) and (max-width: 1024px) {
	.pt_txt{ font-size:16px; }
	#banner{ font-size:12px;}
	.case_title{ font-size:1.3em; padding-top:20px;}
	.nav-img-width{ max-width:100%}

    .nav-padding-product{ text-align:center; padding-left:0px;}
	.menu-list-box .menu-go-more{ width:50%}
	.menu-list-box .menu-go-more-product{width:100%}
	.menu-list-box .menu-go-more-solu{ width:70%}
	.menu-list-box .menu-go-more-about{width:70%}
	.lang_box .lang_txt_1{ font-size:0.9em}
	.lang_box .lang_txt_2{ font-size:0.9em}
	.block_menu{ max-width:65%; width:65%;}
	.lang_box{ max-width:15%; width:15%;}
}

@media (min-width: 1025px) and (max-width: 1199px) {
	.menu_block .nav_2{ margin-right:20px;}
	.nav-padding-product{ text-align:center; padding-left:15px;}
	.nav-img-width{ max-width:100%}
	.lang_box .lang_txt{ font-size:1em;}
	.block_menu{ max-width:65%; width:65%;}
	.lang_box{ max-width:15%; width:15%;}
}

.friend_link_box{ color:#888;}
.friend_link_box a{ color:#888; display:inline-block; margin-right:15px;}

/*about*/
.plist_title {
    position: relative;
    width: 100%;
    border-top:1px solid #008ce7; background:url(../image/bg02.jpg) no-repeat center center #0072bc;
   height:140px;
     background-size:cover;
    padding: 26px 28px;
}

.plist_title{
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}

 .plist_title{ bottom:0; color:#fff;}
 .pt_txt, .pj_list_ease .pt_txt_desc{ color:#fff;} 
.about_img_box{padding-right:1px;}
.about_img{max-width:100%;}
.about_img_txt{height:140px;background:#0072bc;}
.pt_txt{text-align:left; font-size:1.5em; display:block; padding-bottom:10px;}
.pt_txt_desc{text-align:justify; font-size:1em; display:block; line-height:1.6em}

.about_img_box_2{padding-right:8px; padding-left:8px;}
.bg_box_2{background-position:left bottom;}

.about_img_box_3{padding-left:1px;}
.bg_box_3{background-position:right -80px;}

.about_button{background:#0072bc; padding:12px 40px; color:#fff; font-size:1.2em; text-decoration:none}
.index_product_box_1{padding-top:50px; margin-top:30px; padding-bottom:50px; background:url(../image/gray_bg.svg) 0% 0%/cover;}

.index_news_block{padding-top:30px; padding-bottom:80px;}
.go_button_out .go_button{background:#0072bc; padding:12px 40px; color:#fff; font-size:1.1em; text-decoration:none}
.go_button_out{padding-top:40px; text-align:center}

.contact_box_all{padding-top:20px; margin-top:50px; padding-bottom:20px;background: url(../image/supergraphic_vertical_dark_blue.svg) 0% 0% / cover rgb(0, 114, 188);}


@media (min-width: 768px) and (max-width: 991px) {
  
.about_img_box, .about_img_box_2, .about_img_box_3 {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}
.lang_box{ padding-left:8px; padding-right:5px;}
.lang_box .lang_txt{ font-size:0.7em}

.foot_logo{ text-align:center;}
.foot_logo_img{ max-width:30%;}
.foot_logo_a{ float:none}

}


@media (max-width: 767px) {
.about_img_box, .about_img_box_2, .about_img_box_3{ padding-left:15px; padding-right:15px; padding-bottom:30px;}
.pro_one_0_title{ font-size:1.8em; padding-top:40px; padding-left:0}
.pro_one_0{ height:auto; padding-bottom:30px;}
.pro_one_button{ width:48%; margin-bottom:15px; height:auto; padding-top:20px; padding-bottom:20px;}
.pro_one_img, .pro_one_img_box{ height:auto; position:relative; width:100%; padding-left:0; padding-right:0;}
.pro_two_block{ height:auto; width:100%; overflow:visible; padding:0;}
.pro_two_img{ height:auto; position:relative; width:100%;}
.pro_two_title{ margin-top:0; padding-top:50px; font-size:1.8em;}
.contact_box_all{ background:#116ca5;}
..contact_item{ height:auto; padding-bottom:50px;}
.foot_logo_img{ max-width:50%;}

.pro_one_line, .pro_one_title_en, .pro_one_para, .pro_one_go_buttom, .pro_two_desc, .pro_two_desc_2{margin-left:0px;}
.pleft_30, .pro_two_title, .pro_two_go_buttom, .pro_one_go_buttom{ padding-left:0;}




}