@charset "utf-8";



/* CSS Document */
@media only screen and (min-width: 800px) {
::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #000;
}
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track {
 border-radius: 0px;
 background: #ccc;
}
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {
 border-radius: 0px;
 background-color:#888;
}
}
@font-face {
    font-family: 'ziti';
    src: url("TT0246M_0.TTF");
}
 /*=========
  基本默认值
  ==========*/
*{
	margin: 0;
	padding: 0; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-word-break: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
}
html{ 
	min-height:100%;
}
body {
	min-height:100%;
	font-size: 12px;
	color: #000;
	font-family:"Arial","微软雅黑";
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
background-color: #f5f5f5;
}
li{
	list-style: none;
}
i{
	font-style:normal
}
img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
	height:auto!important;
	transition:all .5s;
	-moz-transition:all .5s; /* Firefox 4 */
	-webkit-transition:all .5s; /* Safari and Chrome */
	-o-transition:all .5s; /* Opera */
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	text-decoration: none;
	color: #333;	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s; 
}
::after,::before{	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s; 
}
table {
	border-collapse: collapse;
}
input, textarea,select {
	font-family: "Arial","微软雅黑";
	font-size: 12px;
	outline: none;
}

img{ max-width:100%}
/* =========
  工具样式
  ========== */
.clearfix:before,
.clearfix:after{
	content: "";
	display: block;
}
.clearfix:after{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.donghua{
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all .5s;
}
.img_donghua{ overflow:hidden;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all .5s;
}
.all{
	max-width: 100%;
	overflow: hidden;
}




@font-face {
 font-family: 'ttRegular';
 src: url('tt.eot');
 src: local('tt Regular'),
        local('tt'),
        url('tt.woff') format('woff'),
        url('tt.ttf') format('truetype'),
        url('tt.svg#1') format('svg');
} 

@font-face {
 font-family: 'syRegular';
 src: url('sy.eot');
 src: local('sy Regular'),
        local('sy'),
        url('sy.woff') format('woff'),
        url('sy.ttf') format('truetype'),
        url('sy.svg#1') format('svg');
}

@font-face {
 font-family: 'dhRegular';
 src: url('dh.eot');
 src: local('dh Regular'),
        local('dh'),
        url('dh.woff') format('woff'),
        url('dh.ttf') format('truetype'),
        url('dh.svg#1') format('svg');
}



@keyframes mymove
{
0%   {transform: scale(1.1);}
25%  {}
50%  {}
75%  {}
100% {transform: scale(1);}
}




/* =========

  首页

  ========== */
.wrap{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;

}

.wrap2{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	
}




a:hover{ color:#30488e; text-decoration:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,li{ list-style:none; padding:0; margin:0}
.clear{ clear:both; overflow:hidden}

#flip{ margin:20px 0}


/*头部 */

.header_top{ height:40px; line-height:40px; overflow:hidden; background:#008ed8}
.header_top .phone{ float:left; font-size:14px; color:#fff; background:url(../icon_phone.png) no-repeat center left; padding-left:20px;}
.header_top .phone span{ font-size:20px;  font-family:'ttRegular'}
.header_top .lang{ float:right;}
.header_top .lang a{ display:block; float:left; font-size:14px; color:#fff; text-transform:capitalize; padding-left:30px; height:40px;}
.header_top .lang a.lang_cn{ background:url(../lang_cn.png) no-repeat center left; position:relative; padding-right:12px; margin-right:12px;}
.header_top .lang a.lang_cn:before{ content:""; display:block; width:1px; height:10px; background:#4db0e4; position:absolute; right:0; top:50%; margin-top:-5px;}
.header_top .lang a.lang_en{ background:url(../lang_en.png) no-repeat center left}
.header_top .lang a.lang_albb{ background:url(../albb.png) no-repeat center left;position:relative; padding-right:12px; margin-right:12px;}
.header_top .lang a.lang_albb:before{ content:""; display:block; width:1px; height:10px; background:#4db0e4; position:absolute; right:0; top:50%; margin-top:-5px;}

.top_nav_1688{position: relative;}
.header_top .lang a.lang_albb:hover{background-color: #fc7f00;}
.dl_1688{position: absolute;top: 40px;z-index: 9;display: none; background-color: #fc7f00;width: 175px;}
.dl_1688 dd{border-bottom: 1px dashed rgb(240, 240, 240); padding-right: 15px;}




@media only screen and (max-width: 414px) {
.header_top .phone span{ font-size:16px}
.header_top .lang a span{ display:none}
.header_top .lang a.lang_cn{ padding-right:6px;}
.header_top .lang a{ padding-right:0!important; margin-right:0!important;margin-left: 6px!important;padding-left: 24px!important;}
.header_top .lang a:before{ display:none!important}
}

.header{ width:100%; height:114px;  background:#fff; border-bottom:1px solid #ddd; z-index: 2; position: relative;}
.header .wrap{ width:100%; height:100%;}

.header_space{ width:100%; height:100px;}
/*头部logo*/
.logo{ float:left; margin-top:11px;}
/* .logo img{ height:80px!important} */

@media only screen and (max-width: 1200px) {
.logo{ margin-left:3%}
}


.logo_text{ float:left; margin-top:8px; }

.logo_call{ padding-left:40px;  margin-top:22px;  background:url(../head-call.png) no-repeat center left; float:right; line-height:26px;}
.logo_call h1{ font-size:16px; color:#30488e}
.logo_call h2{ font-size:20px; color:#fe0000; font-family:Arial; font-weight:bold;}

.logo_icon{ float:right; height:100%;  margin-left:30px; display:none}
.logo_icon i{ display:block; width:78px; height:100%; float:left; cursor:pointer; font-style:normal}
.logo_icon #head-search{ background:url(../icon-search.png) no-repeat center;}
.logo_icon #head-nav{ background:url(../icon-nav.png) no-repeat center #30488e; }



@media only screen and (max-width: 414px) {
.header,.header_space{ height:65px!important;}
.logo{ margin-top:12.5px}
.logo img{ height:40px!important}
.logo_icon{ margin-left:0}
.logo_icon i{ width:65px;}

}


.nav{ float:right; height:114px; position:relative}

.nav2{ position:fixed; width:100%; height:40px; overflow:hidden; z-index:99999; left:0; top:140px;}


#nav { float:right; height:100%;}
#nav li {float:left; height:100%; position:relative}

#nav li:hover > a,#nav li.active > a{ color:#fff; background-color:#008ed8}
	
#nav li a {position:relative; z-index:2; display:block; padding:0 20px; width:100%; height:100%; font-size:16px; line-height:114px; text-align:center; color:#323232; -webkit-transition:color 700ms; transition:color 700ms;transition:background-color 700ms;}
#nav li a.on { color:#fff; background:#008ed8}


#nav li a.on .bkg,
#nav li a:hover .bkg {top:0;}




#nav li dl{ position:absolute; left:0; top:114px; z-index:999999999999; width:100%; display:none}
#nav li dl dd{ overflow:hidden;  }
#nav li dl dd a{ height:40px; line-height:40px; border-top:1px solid #0078b7; background-color:#008ed8; color:#fff; font-size:14px; padding:0}
#nav li dl dd a:hover{ background-color:#0078b7}

#nav li:hover dl{ display:block}


#shop { float:right; height:100%;  margin-left:20px; }	
#shop i{ display:block; ; float:left; cursor:pointer; font-style:normal}
#shop #head-search{width:40px; height:40px; border-radius:40px; background:url(../icon-search.png) no-repeat center #f0f0f0; margin-top:30px;}
#shop #head-nav{ width:95PX; height:32px; border:1px solid #dcdcdc; margin-top:29px; font-size:14px; color:#323232; line-height:32px; text-indent:12px; background:url(../i11.gif) no-repeat 74px center #fafafa;}
#shop #m-head-nav{
    height: 16px;
    position: relative;
    float: left;
	display:none;
    margin-left: 20px;
    margin-top: 42px;
    width: 24px;}	
#shop #m-head-nav .line{
    width: 24px;
    height: 2px;
    background-color: #268fce;
    position: absolute;
    left: 0px;
    top: 7px;
}

#shop #m-head-nav .line1 {
    margin-top: -7px;
}
#shop #m-head-nav .line3 {
    margin-top: 7px;
}

#shop #m-head-nav[data-active="on"] .line1{
	margin-top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#shop #m-head-nav[data-active="on"] .line2{
	display: none;
}
#shop #m-head-nav[data-active="on"] .line3{
	margin-top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

    #shop a{ display:block; width:28px; height:96px; float:left;}
	
    #shop .btn-search {position:absolute; top:30px; right:0px; width:28px; height:28px; background:url(../top_search.png) no-repeat center}
    
    #shop .btn-lang {position:absolute;top:30px; right:48px; width:28px; height:28px; background:url(../top_tel.png) no-repeat center}

    .g-wrap{position: relative;margin: 0 auto;width: 1200px;height: 100%;}
    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:160px; /*overflow: hidden;*/}
    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; padding:0 30px; height:40px; background:url(../touming.png); -webkit-transition:top 300ms; transition:top 300ms;}

	
	#subNav .g-wrap #item1{left:443px;}
	#subNav .g-wrap #item2{left:540px;}
	#subNav .g-wrap #item3{left:640px;}
	#subNav .g-wrap #item4{left:730px;}
	#subNav .g-wrap #item5{left:826px;}
	#subNav .g-wrap #item6{left:840px;}
	#subNav .g-wrap #item7{left:1006px;}
	
    #subNav .g-wrap .search {right:0; width:240px; height:44px; padding:8px}
    #subNav .g-wrap .search input { width:240px; height:44px; line-height:44px;float:left; border:none;outline:none; margin:0; padding:0; background:#fff;font-family: "微软雅黑";text-indent:14px; font-size:14px; color:#bebebe;  }
	
    #subNav .g-wrap .langs {right:0; padding:12px; width:96px; height:96px;}
	#subNav .g-wrap .langs img{ width:100%;}
  
    /*2016.4.12*/

    #subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #f63b34;}
    #subNav .g-wrap .on {top:0; z-index: 2;}

	#subNav .g-wrap .item li{ float:left; }
    #subNav .g-wrap .item a { padding:0 16px; display:block; font-size:14px; line-height:40px; color:#d0d0d0;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#fff; font-weight:bold}
    #subNav .g-wrap .item #on { color: #fff; font-weight:bold}
	
	#subNav .g-wrap .item li dl{ background:url(../touming.png); -webkit-transition:top 300ms; transition:top 300ms; overflow:hidden; width:auto; position:absolute; top:30px; right:-40px; z-index:-1;
opacity:0;
filter:Alpha(opacity=0); /* IE8 以及更早的浏览器 */
transition:all .5s;
-moz-transition:all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari and Chrome */
-o-transition:all .5s; /* Opera */
}
    #subNav .g-wrap .item li dd{ text-align:center;}
	#subNav .g-wrap .item li:hover dl{ z-index:1; top:40px;
opacity:1;
filter:Alpha(opacity=100); /* IE8 以及更早的浏览器 */
}



@media only screen and (max-width: 1200px) {
#nav,.nav2{ display:none}
.nav{ margin-right:3%}
#shop #m-head-nav{ display:block}
}

@media only screen and (max-width: 414px) {
.nav{ height:65px;}
#shop #head-nav{ margin-top:16.5px; display:none}
#shop #m-head-nav{ margin-top:24.5px; margin-left:10px;}
.mm-nav-box{ top:106px!important;}
#shop #head-search{background: url(../icon-search.png) no-repeat center; margin-top:13px;}
}


.q_search {position: fixed;z-index: 99999999999;width: 100%;height: 100%;left: 0px;top: 0px;background: #000;opacity: 0.8;filter: Alpha(opacity=80);}
.q_search .wrap{ height:100%; position:relative;}
.q_search a {cursor: pointer;position: absolute;z-index: 9999999999}
.sousuo_an {position: relative;top: 5px;cursor: pointer;}
.sousuo_kuang {margin: 0 auto;text-align: center;}
.sousuo_kuang .kuang {width:100%; position:absolute; top: 169px;left: 0;height: 68px;border: 1px solid #535353;z-index: 9999;}
.sousuo_kuang .kuang .text {border: none;background: none;font-size: 36px;font-family: Arial, Helvetica, sans-serif;color: #a7a7a7;height:68px;line-height:68px;padding: 16px 2% 15px;width: 80%;float: left;}
.sousuo_kuang .kuang .searchgo {border: none;width: 7%;margin-right: 1%;height: 68px;background: url(../ico_115.png) no-repeat center;background-size: 50% auto;min-width: 40px;cursor: pointer;}
.q_search .guanbi {width: 37px;height: 37px;background: url(../ico_116.png) no-repeat center;position: fixed;right: 3%;top: 50px;cursor: pointer;z-index: 99;}




/*侧边栏*/
.mask{width:100%;height:100%;background:#000;-webkit-opacity:0.5;opacity:0.5;filter:Alpha(opacity=50);z-index:900;position:fixed;top:0;left:0;display:none;}

.sitemap{width:360px; height:100%; background:#fff;z-index:99999999;position:fixed;right:-100%;top:0; }
.sitemap-con{width:100%; height:100%; overflow-y: scroll;}
.sitemap-head{width:100%;height:90px;padding:0 24px; background:#30488e;}
.sitemap-head h2{font-size: 16px;color:#fff;line-height:90px;float:left;}
.sitemap-head a.sitemap-close{width:46px;height:46px;background:url(../close.png) no-repeat center center;float:right;margin-top:22px;}

.sitemap-nav{width:100%;padding:10px 24px;}
.sitemap-nav dl{width:100%; padding:10px 0;margin-bottom:8px;border-bottom:2px #f4f4f4 solid;}
.sitemap-nav dt{font-size:16px;color:#333333; padding-bottom:10px;}
.sitemap-nav dd{float:left;margin:0px 20px 5px 0px;}
.sitemap-nav dd a{font-size:13px;color:#999999;}
.sitemap-nav dd a:hover{ color:#30488e}

.sitemap-code{ width:100%; padding:0 24px}
.sitemap-code .text{ padding-left:30px; color: #999999; font-size: 13px; line-height:26px; height:26px; background-image: url(../icon_wx.png); background-repeat:no-repeat; background-position:center left; background-size:auto 100%; margin-bottom:10px;}
.sitemap-code .code{ width:120px;}

@media only screen and (max-width: 414px) {
.sitemap{ width:100%;}
.sitemap-head{ height:65px}
.sitemap-head h2{ line-height:65px;}
.sitemap-head a.sitemap-close{ width:30px; height:30px; margin-top:17.5px}
.sitemap-code{ display:none}
}



/*小屏幕导航*/
.mm-nav-box{
   overflow:hidden;
	position: fixed;
	top: 90px;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 999998;
	display: none;
		-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
.mm-nav-box[data-on="active"]{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.mm-nav-box .mm-wrap{
	position: fixed;
	top: 0;
	right: 0;
	width: 40%;
	padding-bottom: 15px;
	z-index: 100;
}
.mm-nav-box .mm-wrap:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: -1;
}
.mm-nav-box .mm-nav .li1{
	margin: 0 20px;
    line-height: 60px;
   	border-bottom: 1px solid rgba(0,0,0,.15);
}
.mm-nav-box .mm-nav .li1 .a1{
	display: block;
	color: #222222;
	font-size: 16px;
}
.mm-nav-box .mm-nav .li1.on .a1{
	color: #e00000;
}
.mm-nav-box .mm-nav .li1.on .mm-title{
	border-color: #e00000;
}
.mm-nav-box .mm-nav .li1 .mm-title{
	position: relative;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.mm-nav-box .mm-nav .li1 .mm-title .a1{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 10;
}


.mm-nav-box .mm-nav .li1 .mm-title .click{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.mm-nav-box .mm-nav .li1 .mm-title .click:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #222222;
	border-right: 1px solid #222222;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-top: -3px;
}
.mm-nav-box .mm-nav .li1.on .mm-title .click:after{
	border-color: #e00000;
}
.mm-nav-box .mm-nav .li1 .mm-innav{
	display: none;
}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{
	display: block;
}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mm-nav-box .mm-nav .li1[data-on="click"] .a1{color:#30488e}

.mm-nav-box .mm-nav .li1 .mm-innav li{
	margin: 0 10px;
	border-bottom: 1px solid rgba(255,255,255,.4);
	line-height: 1;
}
.mm-nav-box .mm-nav .li1 .mm-innav li a{
	color: #222222;
	font-size: 14px;
	line-height: 1.4;
	display: block;
	padding: 6px 0;
}
.mm-nav-box .mm-nav .li1 .mm-innav li a:hover{color:#30488e}
.mm-nav-box .mm-nav .li1 .mm-innav li .box2{
    margin: 0 15px;
}
.mm-nav-box .mm-wrap .mmlang{
		padding: 0 10px;
		font-size: 0;
		display: none;
}
.mm-nav-box .mm-wrap .mmlang .mmitem{
	height: 55px;
	line-height: 55px;
	width: 50%;
	font-size: 14px;
    color: #222222;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}
.mm-nav-box .mm-wrap .mmlang .mmitem.on{
	color:  #e00000; 
}

@media only screen and (max-width: 1200px){
.mm-nav-box {
    display: block;
}
}

@media only screen  and (max-width: 800px){
	.mm-nav-box .mm-nav .li1 .mm-title{
		height: 55px;
		line-height: 55px;
	}
}
@media only screen  and (max-width: 600px){
	.mm-nav-box .mm-wrap{
		width: 100%;
		padding-bottom: 0;
	}
	.mm-nav-box .mm-nav .li1 .mm-title .a1{
		font-size: 14px;
	}
	.mm-nav-box .mm-nav .li1 .mm-innav li a{
		font-size: 13px;
	}
	.mm-nav-box .mm-nav .li1{
		margin: 0 10px;
	}
	.mm-nav-box .mm-wrap .mmlang{
		display: block;
	}
}
/*banner*/
.banner{ width:100%; overflow:hidden; position:relative;z-index: 1;}
.banner .text{ text-align:left; font-size:50px; color:#666; width:100%; line-height:100px; position:absolute; left:0; top:10px; z-index:9999}
.banner li img{ width:100%;}
.banner .bx-controls-direction{ position:absolute; top:50%; left:0; margin-top:-23px;  width:100%; z-index:99999;}
.banner .bx-controls-direction a{ position:absolute;  top:0;
display:block;
width:64px; height:64px;
opacity:0.85;
filter:Alpha(opacity=85); /* IE8 以及更早的浏览器 */
background-position:center;
background-repeat:no-repeat;
	-moz-transition: all .3s; 
	-webkit-transition: all .3s;  
	-o-transition: all .3s;
	-ms-transition: all .3s; 
	transition: all .3s; 
}
.banner .bx-controls-direction a.bx-prev{ background-image:url(../banner_prev.png); float:left;left:50px;}
.banner .bx-controls-direction a.bx-next{ background-image:url(../banner_next.png); float:right; right:50px;}
.banner .bx-pager{ 
	text-align:center; 
	width:100%; 
	height:2px; 
	position:absolute; 
	bottom:30px; 
	z-index:99999;
}
.banner .bx-pager .bx-pager-item{ 
	display:inline-block; 
	margin:0 12px;
}
.banner .bx-pager .bx-pager-item a{ 
	width:42px; 
	height:2px;
	display:block;
	background:#fff;
}
.banner .bx-pager .bx-pager-item a.active{
	background:#008ed8;
}
.banner:hover .bx-controls-direction{ 
	display:block;
}



/*手机banner*/
.m_banner{ 
	width:100%; 
	overflow:hidden; 
	position:relative;

	display:none
}

.m_banner li{
    width:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-background-size: cover;
}

.m_banner li img{ 
	width:100%;
}
.m_banner .bx-controls-direction{ display:none; }

.m_banner .bx-pager{ 
	text-align:center; 
	width:100%; 
	height:12px; 
	position:absolute; 
	bottom:10px; 
	z-index:99999;
}

.m_banner .bx-pager .bx-pager-item{ 
	display:inline-block; 
	margin:0 5px;
}

.m_banner .bx-pager .bx-pager-item a{ 
	width:10px; 
	height:10px;
	display:block;
	background:none;
	border:1px solid #30488e;
	border-radius:14px;
}

.m_banner .bx-pager .bx-pager-item a.active{
	background:#30488e;
}


.m_banner:hover .bx-controls-direction{ 
	display:block;
}



@media only screen  and (max-width: 414px){
.banner{ display:none}
.m_banner{ display:block}
}




/*首页标题*/
.index_title{ overflow:hidden; text-align:center; padding:50px 0 30px 0}
.index_title .cn{ font-size:30px; color:#323232}
.index_title .en{ font-size:12px; color:#b5b5b5; text-transform:uppercase; position:relative; line-height:36px;}
.index_title .en:before{ width:40px; height:2px; background:#8ec106; content:""; display:block; position:absolute; bottom:0; left:50%; margin-left:-20px;}


/*首页产品*/
.index_pro{ overflow:hidden;}

.index_pro .title{ background:#f5f5f5; float: left; max-width: 18%;width: 100%;}
.index_pro .title li{width:100%; height: 101px; line-height:26px; text-align:center; font-size:20px; color:#5a5a5a; text-transform:uppercase; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; cursor:pointer;
 background-color:#fff; padding-top: 24px;}
.index_pro .title li.up{ color:#fff; background-color:#008ed8; position: relative;}
.index_pro .title li.up::before{position: absolute;content: "";	
	width: 0; 
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent transparent #008ed8;
    top: 40px;
    right: -9%;}
.index_pro .main{ background:#f5f5f5; float: left;margin-left: 2%; width: 80%;}
.index_pro .main li{ overflow:hidden; display:none}
.index_pro .main li .text dd{ overflow:hidden; margin-bottom:32px; margin-right: 10px; }
.index_pro .main li .text dd .t1{ font-size:18px; color:#008ed8; font-weight:bold; width:130px; height:40px; line-height:40px; text-align:center;border-left:3px solid #008ed8; border-top:1px solid #008ed8; border-right:1px solid #008ed8; border-bottom:1px solid #008ed8}
.index_pro .main li .text dd .t2{ font-size:14px; color:#5a5a5a; line-height:24px; margin-top:20px;}
.index_pro .main li .text a{ display:block; font-size:14px; color:#008ed8; width:100px; height:36px; line-height:36px; border: 1px solid #008ed8; text-align:center}
.index_pro .main li .text a:hover{ background:#008ed8; color:#fff}
.index_pro .main li .products{max-width: 20%;width: 100%; float: left; }
.index_pro .main li .products dd:nth-child(1){margin-bottom: 20px;}
.index_pro .main li .product_text{width: 60%; float: left; margin-left: 40px;}
.index_pro .main li.block{ display:block}
@media only screen  and (max-width: 1200px){
.index_pro .title li{font-size:18px; }
}
@media only screen  and (max-width: 768px){
	.index_pro .title{max-width: 100%;}
	.index_pro .main{width: 100%;}
	.index_pro .main li .product_text{width: 100%; margin-left: 0;}
	.index_pro .main li .products dd{display: inline;}
	.index_pro .main li .products dd img{width: 48%;}
	.index_pro .main li .products{float: none; max-width: 100%; height: 100%;margin: 20px 0;}
}
/*后加产品栏2*/
.index_pro2{ overflow:hidden;}
.index_pro2 .title{ background:#f5f5f5; margin-bottom: 20px;}
.index_pro2 .title li:nth-child(6){margin-right: 0px!important;}
.index_pro2 .title li{ float:left; width:16%; height: 101px; line-height:101px; text-align:center; font-size:20px; color:#5a5a5a; text-transform:uppercase; 
	border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; cursor:pointer;
 background-repeat:no-repeat;
 background-position: 30% center;
background-color: #fff;}
.index_pro2 .title li:nth-child(1){ border-left:1px solid #e5e5e5;}
.index_pro2 .title li.up{color:#fff; background-color:#008ed8; position: relative;}
.index_pro2 .title li.up::before{position: absolute;content: "";	
	width: 0; 
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color:#008ed8 transparent transparent transparent;
    top: 100px;
    left: 46%;}
.index_pro2 .main{ background:#f5f5f5;}
.index_pro2 .main li{ overflow:hidden; display:none}

.index_pro2 .main li .text dd{width: 500px; overflow:hidden; margin-bottom:20px; margin-right: 10px; display: inline-block;}
.index_pro2 .main li .text dd .t1{ font-size:18px; color:#008ed8; font-weight:bold; width:130px; height:40px; line-height:40px; text-align:center;border-left:3px solid #008ed8; border-top:1px solid #008ed8; border-right:1px solid #008ed8; border-bottom:1px solid #008ed8}
.index_pro2 .main li .text dd .t2{ font-size:14px; color:#5a5a5a;height: 150px; line-height:24px; margin-top:20px;}
.index_pro2 .main li .text a{ display:block; font-size:14px; color:#008ed8; width:100px; height:36px; line-height:36px; border: 1px solid #008ed8; text-align:center}
.index_pro2 .main li .text a:hover{ background:#008ed8; color:#fff}
.index_pro2 .main li .img{ float:right; width:60%; background-repeat:no-repeat;background-position: 30% center;background-size:cover;}
.index_pro2 .main li .img img{width: 100%;}
.index_pro2 .main li.block{ display:block}
.index_pro2 .more{color:#c1c1c1;}
.index_pro2 a:hover{color:#729917;}
.index_pro2 .main li dd{display: inline-block; width: 22%; margin-right:28px; text-align: center;}
.index_pro2 .main li dd:nth-child(4){margin-right:0px;}
@media only screen  and (max-width: 1200px){
.index_pro2 .title li{font-size:18px;}
}
@media only screen  and (max-width: 768px){
.index_pro2{margin-bottom: 30px;}
.index_pro2 .title .wrap2{ width:100%; background:#f5f5f5;}
.index_pro2 .title li{ width:47%; text-indent:0; background-image:none!important; text-align:center; font-size:14px; line-height:28px; }
.index_pro2 .main li .text{ width:100%; float:none}
.index_pro2 .main li .img{ width:100%; float:none; margin-top:20px;}
.index_pro2 .main li dd{margin-right: 2px;}
.index_pro2 .title li.up::before{top:58px;}

}
/*首页应用范围*/
.index_application{ overflow:hidden; background:#f5f5f5; }
.index_application .list{ overflow:hidden; position:relative;padding-bottom:40px;}
.index_application .list li{ float:left;}
.index_application .list li .img{ width:100%; overflow:hidden;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
}
.index_application .list li .tit{ font-size:18px; color:#323232; line-height:50px; border-bottom:1px solid #e5e5e5}
.index_application .list li .desc{ font-size:14px; color:#797979; line-height:24px; height:68px; padding:10px 0; }

.index_application .list .bx-pager{ 
	text-align:center; 
	width:100%; 
	height:12px; 
	position:absolute; 
	bottom:40px; 
	z-index:99999;
}

.index_application .list .bx-pager .bx-pager-item{ 
	display:inline-block; 
	margin:0 5px;
}

.index_application .list .bx-pager .bx-pager-item a{ 
	width:12px; 
	height:12px;
	display:block;
	background:#999999;
	border-radius:12px;
}

.index_application .list .bx-pager .bx-pager-item a.active{
	background:#008ed8;
}

.index_application .list li:hover .tit{ color:#008ed8}

.index_pro2 .text::before{content: "|"; color: #8ec106;}
.index_pro2 .text{font-size: 20px; margin: 10px 0; height: 30px; line-height: 30px; overflow: hidden;}

/*首页新闻中心*/
.index_news{ overflow:hidden; background:#f5f5f5; }
.index_news .title{ overflow:hidden; text-align:center}
.index_news .title li{ display:inline-block; width:100px; height:36px; line-height:36px; font-size:14px; color:#323232; text-align:center; cursor:pointer}
.index_news .title li.up{ border:1px solid #008ed8; color:#008ed8}

.index_news .list{ overflow:hidden; margin-top:40px; display:none}
.index_news .list li{ width:25%; float:left}
.index_news .list li .img{ width:100%; overflow:hidden;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
}
.index_news .list li .text{ overflow:hidden; text-align:center;  background:#fff; position:relative}
.index_news .list li .text .bg{ overflow:hidden}
.index_news .list li .text .content{ position:absolute; left:0; top:0; width:100%; height:100%;padding:40px 10%;}
.index_news .list li .text .content .time{ font-size:16px; color:#797979;font-family:'ttRegular';}
.index_news .list li .text .content .tit{ font-size:18px; color:#323232; line-height:32px; height:64px; overflow:hidden; margin-top:10px}
.index_news .list li .text .content .desc{ font-size:14px; color:#797979; line-height:26px; height:52px; overflow:hidden; margin-top:20px;}
.index_news .list li .text .content .more{ width:120px; height:36px; line-height:36px; margin:0 auto; border:1px solid #c8c8c8; color:#797979; margin-top:20px;}

.index_news .list.block{ display:block}

.index_news .list .more_all{ width:15%; height:50px; line-height:50px; background:#008ed8; font-size:14px; color:#ffffff; text-align:center; 
	border-radius:500px; text-transform:uppercase; margin:34px auto 0px auto}
.index_news .list .more_all a{ display:block;color:#ffffff;}


@media only screen  and (max-width: 1500px){
.index_news .list li .text .content .tit{ height:32px;}
}

@media only screen  and (max-width: 1360px){
.index_news .list li .text .content .desc{ display:none}
}

@media only screen  and (max-width: 768px){
.index_news .list li{ width:50%;}
.index_news .list li .text .content .tit{ font-size:14px; line-height:26px; height:26px; overflow:hidden; height:52px}
.index_news .list li .text .content .desc{ font-size:12px; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
.index_news .list li .text .content .more{ display:none}
.index_news .list .more_all{ width:30%}
}






/*首页关于格林*/
.index_about{ overflow:hidden; background:#f5f5f5;}
.index_about .wrap2{ background:#fff;}

.index_about .content{ overflow:hidden}
.index_about .content .content_l{ float:left; width:53.57%;}
.index_about .content .content_l .img{ width:100%; overflow:hidden;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
}
.index_about .content .content_l .title{ overflow:hidden}
.index_about .content .content_l .title li{ float:left; width:33.3%; text-align:center; border:1px solid #cfcfcf; position:relative;}
.index_about .content .content_l .title li:before{ position:absolute; display:block; content:""; width:22px; height:22px; left:14%; top:50%; margin-top:-11px;}
.index_about .content .content_l .title li a{ display:block; color:#323232; font-size:16px; font-weight:bold; line-height:60px;}
.index_about .content .content_l .title li.i_about_1:before{ background-image:url(../icon_3.png);}
.index_about .content .content_l .title li.i_about_1:hover:before{ background-image:url(../icon_3_h.png);}
.index_about .content .content_l .title li.i_about_2:before{ background-image:url(../icon_4.png);}
.index_about .content .content_l .title li.i_about_2:hover:before{ background-image:url(../icon_4_h.png);}
.index_about .content .content_l .title li.i_about_3:before{ background-image:url(../icon_5.png);}
.index_about .content .content_l .title li.i_about_3:hover:before{ background-image:url(../icon_5_h.png);}
.index_about .content .content_l .title li:hover{ background:url(../about_tit_bg.jpg) no-repeat center;}
.index_about .content .content_l .title li:hover a{ color:#fff}

.index_about .content .content_r{ float:right; width:37.85%; margin-right:5%; padding-top:30px;}
.index_about .content .content_r .t1{ font-size:24px; color:#323232; position:relative;padding-bottom:30px;}
.index_about .content .content_r .t1:before{ content:""; display:block; width:15px; height:3px; background:#9e9e9e; position:absolute; left:0; bottom:0; }
.index_about .content .content_r .t2{ font-size:18px; color:#323232; padding:20px 0}
.index_about .content .content_r .desc{ font-size:14px; color:#797979; line-height:24px;}
.index_about .content .content_r .desc p{ margin-bottom:10px;}
.index_about .content .content_r .more{ margin-top:50px; overflow:hidden}
.index_about .content .content_r .more a{ display:block;width:40px; height:40px; background:url(../icon_6.png) no-repeat center; border:1px solid #cccccc; border-radius:100px;}


.index_about .number{ overflow:hidden; padding:30px 0}
.index_about .number li{ float:left; width:25%; border-right:1px solid #e5e5e5; padding-left:2%}
.index_about .number li .img{ float:left; width:90px; height:90px; border:1px solid #c8c8c8; border-radius:100px;
 background-repeat:no-repeat;
 background-position:center;
 background-size:50%;
}
.index_about .number li .text{ float:left;margin-left:14px; padding-top:8px; width:68%}
.index_about .number li .text .t1{ overflow:hidden}
.index_about .number li .text .t1 .num{ font-size:36px; color:#008ed8;font-family: 'ttRegular'; float:left; text-transform:uppercase}
.index_about .number li .text .t1 span{ float:left;position:relative; padding-right:8px;padding-left:6px;}

.index_about .number li .text .t1 span i.cn{ font-size:14px; color:#008ed8; font-weight:bold}
.index_about .number li .text .t2{ overflow:hidden; font-size:14px; color:#5a5a5a; font-weight:bold; line-height:26px; margin-top:5px;text-transform:uppercase}


@media only screen  and (max-width: 1440px){
.index_about .number li{ padding-left:1%;}
.index_about .number li .img{ width:80px; height:80px;}
.index_about .number li .text{ width:70%;}
}

@media only screen  and (max-width: 768px){
.index_about .content .content_l{ width:100%; float:none}
.index_about .content .content_l .title li:before{ display:none; overflow:hidden}
.index_about .content .content_r{ width:100%; float:none; padding:20px 4%}

.index_about .content .content_r .t1{ font-size:18px; padding-bottom:20px;}
.index_about .content .content_r .t2{ font-size:16px;}
.index_about .content .content_r .desc{ font-size:14px;}
.index_about .content .content_r .more{ margin-top:10px;}

.index_about .number li{ width:50%; padding:10px 0}
.index_about .number li .img{ float:none; margin:0 auto}
.index_about .number li .text{ width:80%;}
.index_about .number li .text .t1 .num{ font-size:26px;}
.index_about .number li .text .t2{ line-height:20px; height:40px; margin-top:6px;}

}





/*首页视频*/
.video{ overflow:hidden; position:fixed; right:0; bottom:0px; width:400px; z-index:99999999999; border:1px solid #ccc}
.video video{ width:100%; display:block}

.video .gb {width: 10px;height: 10px;position:absolute;right:10px;top:10px;cursor: pointer;z-index: 99;
background-image: url(../ico_116.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}


/*底部*/
.footer{ width:100%; background:#1c4295; padding-top:36px; }

.footer_content{ overflow:hidden}

.footer_content_l{ float:left; height: 200px; width: 400px;}
.footer_content_l .text{color: #d5d5d5; font-size: 18px; font-weight: 900;}
.footer_content_l .text::before{content: "|"; color: #8ec106;}

.footer_content_l .footer_nav{ overflow:hidden;}
.footer_content_l .footer_nav li{overflow:hidden; line-height:30px;float: left; width: 170px;}
.footer_content_l .footer_nav li a{ font-size:16px;  color:#d5d5d5; }
.footer_content_l .footer_nav li a:hover{ color:#fff}

.footer_content_l .footer_info{ font-size:14px; color:#d5d5d5; line-height:24px; padding:30px 0}
.footer_content_l .footer_info span{font-size:26px;  font-family:'ttRegular'; margin-bottom:16px; display:block}
.footer_content_l .footer_info a{color:#d5d5d5;}

.footer_content_r{ float:left; }
.footer_content_r .text{color: #d5d5d5; font-size: 18px; font-weight: 900;}
.footer_content_r .text::before{content: "|"; color: #8ec106;}
.footer_content_r .img{ width:115px; height:115px; overflow:hidden}
.companyinfo{color:#d5d5d5; font-size: 16px; line-height: 30px;}


.footer_cop{  font-size:14px; line-height:52px; color:#d5d5d5;  overflow:hidden; border-top:1px solid #fff}
.footer_cop a{color:#d5d5d5}


.show_map{ 
	width:100%; height:460px;
	overflow:hidden;
	border:1px solid #d3d3d3;
	margin-top:20px;

}
.show_map .BMapLib_SearchInfoWindow .BMapLib_bubble_content{
padding:10px 20px!important;
}

.show_map .BMapLib_nav{ 
	display:none;
}
.show_map .BMapLib_bubble_title{ 
	color:#000000!important; 
	font-weight:bold; 
	font-family:Microsoft YaHei;
	font-size:16px!important;
}
.show_map .BMapLib_bubble_content div{ 
	font-size:14px; 
	color:#323232!important; 
	line-height:24px!important;
	font-family:Microsoft YaHei;
}
.show_map .anchorBL,.contact_map .BMap_cpyCtrl{ 
	display:none;
}
.show_map .BMapLib_sendToPhone{ 
	display:none;
}
.show_map .BMapLib_bubble_title{ 
	line-height:50px!important; 
	height:50px!important;
	padding:0 20px!important;
}
.show_map .BMapLib_bubble_top{ 
	height:50px!important;
}
.show_map .BMapLib_bubble_close{ 
	height:50px!important;
}







@media only screen and (max-width: 1199px) {

.footer_cop .t1,.footer_cop .t2{ float:left}
.footer_cop .t2{ line-height:32px;}

}

@media only screen and (max-width: 768px) {
.footer{ padding:16px 0}
.footer_content_l{ float:none}
.footer_content_l .footer_nav li{ margin-right:0; width:32.67%; text-align:center; }
.footer_content_l .footer_nav li a{font-size:12px;}

.footer_content_l .footer_info{ font-size:12px;}

.footer_cop{ font-size:12px; margin-top:0; overflow:hidden; line-height:26px; padding-top:10px;}
.footer_cop .fl{ float:none; text-align:center; line-height:26px;}
.footer_cop .fr{ display:none}

/* .footer_content_r{ display:none} */
}



/*内页banner*/
.ny_banner{ width:100%; overflow:hidden; 
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-background-size: cover;

}
.ny_banner .wrap{ position:relative; height:100%;}



.m_ny_banner{ width:100%; height:140px; overflow:hidden; display:none; 
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
    -webkit-background-size: cover;

}
.m_ny_banner .wrap{ position:relative; height:100%;}

@media only screen and (max-width: 768px) {
.ny_banner{  height:140px}

}


/*内页标题下信息*/
.detail{ text-align:center;  overflow:hidden; text-align:center; border-bottom:1px solid #e5e5e5; margin-bottom:30px; padding:6px 0}
.detail_m{ display:inline-block;line-height: 20px;}
.detail .time{font-family: 'ttRegular';font-size: 20px; color: #828282; float:left; margin-right:14px}
.detail .hits{font-size: 13px; color: #797a81; float:left; margin-right:14px}
.detail .share{ float:left;}
.detail .share em{font-size: 13px;color: #797a81; font-style:normal; float:left;}
.detail .share .bdsharebuttonbox{ float:left; }
.detail .share a{ width:20px; height:20px;  display:inline-block; margin:0; padding-left:0; margin-left:10px; background-position:center; background-repeat:no-repeat; background-size:100%}
.detail .share a.bds_weixin{ background-image:url(../wx.png)}
.detail .share a.bds_tsina{ background-image:url(../wb.png)}
.detail .share a.bds_qzone{ background-image:url(../qzone.png)}
.detail .share a.bds_sqq{ background-image:url(../qq.png)}

.bd_weixin_popup{ height:auto!important}



@media only screen and (max-width: 767px) {
.detail .hits{ display:none}
.detail .share a{ margin-left:4px}
}



/*内页导航*/
.ny_inner{ width:100%; height:70px; border-bottom:1px solid #ccc}
.ny_nav2{ float:right; text-transform:uppercase}
.ny_nav2 .inner_2{
	position: relative;
}
.ny_nav2 .inner_3{
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center; 
    left: 0;
    top: 70px;
    width: 800px;
    display: none;
/* display: block;*/
 position: absolute;
	background: #008ed8;
	

}
.ny_nav2 .inner_3 dd{
	float: left;
	
	
}
.ny_nav2 .inner_3 dd a{
	height: 50px;
    font-size: 14px;
  line-height: 50px;
    margin: 0;
    cursor: pointer;
   /* color: #fff;*/
}
.inner_2:hover .inner_3{
/* display: block;*/
}

.ny_nav2 li{ float:left; height:70px; line-height:70px; font-size:14px; margin-right:0px; position:relative}
.ny_nav2 li a{ color:#5a5a5a; display:block; padding:0 15px}
.ny_nav2 li:hover a,.ny_nav2 li.nav2_now a{ color:#FFF; background:#008ed8}
.ny_nav2 li .ny_nav2_l_line{ position:absolute; width:0; height:2px; background:#008ed8; bottom:0; left:0;
opacity:0;
filter:Alpha(opacity=0); /* IE8 以及更早的浏览器 */
}
.ny_nav2 li:hover .ny_nav2_l_line,.ny_nav2 li.nav2_now .ny_nav2_l_line{
width:100%;
opacity:1;
filter:Alpha(opacity=100); /* IE8 以及更早的浏览器 */ 
}


@media only screen and (max-width: 768px) {
.ny_weizhi{ display:none}
.ny_inner{ height:auto}
.ny_nav2{ float:none}
.ny_nav2 li{ height:50px; line-height:50px; width:50%; text-align:center; border:1px dashed #d8d8d8}


}
@media only screen and (max-width: 414px) {
.ny_nav2 li.nav2_now{ display:block}
}


/*内页位置*/
.ny_weizhi{ float:left; background:url(../ny_weizhi.jpg) no-repeat center left; padding-left:8px;}
.ny_weizhi a{ display:block; float:left; background:url(../ny_weizhi_a.jpg) no-repeat center left; padding-left:12px; margin-left:10px; font-size:14px; color:#323232; line-height:70px;}
.ny_weizhi a:hover{ color:#30488e}

/*内页内容*/
.ny_main{ width:100%; overflow:hidden; background:#f5f5f5; padding:30px 0}



.ny_about{ overflow:hidden; font-size:14px; line-height:30px;}



.newsUl{
	margin-top: 30px;
}
.newsUl li a{
	display: block;
	position: relative;
	padding: 24px 0 24px 20px;
	border-bottom: 1px solid #dfdfdf;
}
.newsUl li a .imgbox{
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	float: left;
	width: 18.33%;
}
.newsUl li a .imgbox img{
	width: 100%;
}
.newsUl li a .right{
	float: left;
	margin-left: 3.333%;
	width: 50%;
}
.newsUl li a .right .data{
	font-size: 14px;
	color: #008ed8;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
}
.newsUl li a .right .title{
	font-size: 22px;
	color: #2f2f2f;
	line-height: 1.5;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	height: 33px;

	margin-top: 16px;
	margin-bottom: 8px;
}
.newsUl li a .right .desc{
	font-size: 14px;
	color: #6f6f6f;
	line-height: 1.5;
	height: 42px;
	overflow: hidden;
}
.newsUl li a .more {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
    z-index: 10;
    width: 0;
    height: 0;
    border-bottom: 187px solid #e1e5e6;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
}
.newsUl li a .more p {
    opacity: 0;
    margin: 80px 0 0 -40px;
    color: #008ed8;
    font-size: 16px;
    
    white-space: nowrap;
}


@media only screen  and (min-width: 801px){
	.newsUl li:hover a .more{
		opacity: 1;
	    width: 280px;
	    height: 0;
	    border-style: solid;
	    box-shadow: inset 3px 3px 3px rgba(51,51,102,.5);
	    border-width: 0 0 187px 205px;
	    border-color: #e1e6e3 transparent;
	}
	.newsUl li:hover a .more p {
	    opacity: 1;
	}
}

@media only screen  and (min-width: 601px){
	.fenye li a:hover{
		color: #ed7020;
	}

	.newsUl li:hover a{
		background-color: #f5f5f5;
	}
	.newsUl li:hover a .right .title{
		color: #ed7020;
	}
}
@media only screen  and (max-width: 1280px){
	.news-tbox{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.aboutcomBox .d1{
		font-size: 40px;
	}
	.newsUl{
		margin-top:25px;
	}

}
@media only screen  and (max-width: 1024px){
	.news-tbox{
		margin-top: 4%;
		margin-bottom: 4%;
	}
	.aboutcomBox .d1{
		font-size: 32px;
	}
	.newsUl{
		margin-top: 3%;
	}

}
@media only screen  and (max-width: 800px){
	.newsUl li a .imgbox{
		width: 200px;
	}
	.newsUl li a .right{
		width: calc(96% - 220px);
	}
	.newsUl li a{
		padding: 18px 0 18px 20px;
	}
}
@media only screen  and (max-width: 600px){
	.newsUl li a .imgbox{
		width: 160px;
	}
	.newsUl li a .right{
		width: calc(96% - 170px);
	}
	.newsUl li a{
		padding: 12px 0 12px 10px;
	}
	.newsUl li a .right .title{
		font-size: 18px;
		height: 27px;
		margin-top: 5px;
		margin-bottom: 3px;
	}
	.newsUl li a .right .desc{
		font-size: 12px;
		height: 36px;
	}

}
@media only screen  and (max-width: 414px){
	.newsUl li a .imgbox{
		width: 110px;
	}
	.newsUl li a .right {
	    width: calc(96% - 120px);
	}
	.newsUl li a .right .data{
		font-size: 12px;
		line-height: 16px;
		height: 16px;
	}
	.newsUl li a .right .title{
		font-size: 14px;
		height: 21px;
		margin-top: 2px;
	}
	.newsUl li a .right .desc{
		font-size: 10px;
		height: 30px;
	}

}



.productlist{ overflow:hidden}
.productlist ul{ margin-left:-2%; zoom:1}
.productlist li{ float:left; width:23%; margin-left:2%; margin-bottom:20px;}
.productlist li .img{ overflow:hidden; background-repeat:no-repeat; background-position:center; 
	background-size:cover;}
.productlist li .img img{ width:100%;}
.productlist li .tit{ font-size:16px; text-align:center; line-height:36px; color:#333; height: 50px;}






@media only screen and (max-width: 768px) {
.productlist li{ width:48%}
.productlist li .tit{ font-size:14PX; height:36px; overflow:hidden}

.met_hits,.met_page{ display:none}
}






.showproduct{ overflow:hidden}
.showproduct .main{ overflow:hidden}
.showproduct .main .main_l{width: 46%;float: left;}


.showproduct .main .main_r{width: 46%;float: right;}
.showproduct_text{ overflow:hidden}
.showproduct_text h1{width: 100%;padding: 15px 0;color: #0181E6;font-size: 28px;}

.showpro_para{ overflow:hidden}
.showpro_para dl{ overflow:hidden;border-bottom: 1px #ddd solid}
.showpro_para dl dd{ line-height:26px; font-size:14px; padding:12px; }
.showpro_para dl dd:nth-of-type(odd){background:#dcdcdc}

.showproduct_info{margin-top: 30px; overflow:hidden}
.showproduct_info .albb{ overflow:hidden; float:left;}	
.showproduct_info .albb a {display: block; padding:0 30px; background:#336892; color: white;line-height: 50px;text-align: center;font-size:16px; 
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all .5s}	
.showproduct_info .albb a :hover{background: #008fff url(../ico20.png) no-repeat 30px 20px;}


.showproduct_info .tel{ color: #666666; font-size:14px; float:right; padding-left:60px;
background-image:url(../showproduct_info_tel.png);
background-repeat:no-repeat;
background-position:center left;
background-size:auto 80%;
}
.showproduct_info .tel span { font-size: 28px; color: #0181E6;display: block;}

.showproduct .tit_list{ overflow:hidden; background: #f5f5f5;    border-bottom: 1px #ddd solid; text-align:center; margin-top:30px;}
.showproduct .tit_list li{ overflow:hidden; background:#0181E6; color:#fff; line-height:50px; height:50px; float:left; padding:0 40px; font-size:16px;}

.showproduct .editor{ font-size:14px; line-height:26px; padding:20px 0}


.img_page{max-width: 1200px;margin: auto;padding: 20px 0;}


.jqueryzoom { padding: 0; border: solid 1px #eaeaea; width: 100%;  overflow: hidden;  text-align:center; }
/*放大镜是基于图片大小自动生成的，每次都要把jqueryzoom中img的大小和jqueryzoom盒子大小设置为一样的，不然放大镜滑块有可能溢出*/
.jqueryzoom img { width: 100%; display:block}

.jqueryzoom_imgs{ width:100%; overflow:hidden; margin-top:10px;}
.jqueryzoom_imgs ul{ margin-left:-2%; zoom:1}
.jqueryzoom_imgs li{ float:left; width:18%;  overflow:hidden; text-align:center; margin-left:2%; border: solid 1px #eaeaea; margin-bottom:10px;}
.jqueryzoom_imgs li img{ width:100%; display:block}

.cloudzoom-gallery-active{opacity: .5}

.cloudzoom-lens {
    border: 3px solid #1277e9;
    width: 100px;
    height: 100px;
    cursor: crosshair;
    background: #fff;
    z-index: 10
}

.cloudzoom-zoom {
    border: 1px solid #1277e9;
    width: 500px;
    height: 200px;
	background:#fff;
}




@media only screen and (max-width: 414px) {
.showproduct .main .main_l{ width:100%; float:none}
.showproduct .main .main_r{ width:100%; float:none}

.showproduct_text h1{ font-size:24px;}
.showpro_para dl dd{ padding:6px 0}

.showproduct_info{ margin-top:10px;}
.showproduct_info .albb a{ line-height:40px; height:40px; font-size:14px;}
.showproduct .tit_list li{ font-size:14px; height:40px; line-height:40px; padding:0 20px }

}





.powered_by_metinfo{height:35px;background:#1c4295;color:#fff;text-align:center;font-size:12px;line-height:35px;}
.powered_by_metinfo a{color:#fff;}