@charset "utf-8";
* { margin:0; padding:0; outline:none; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
-webkit-font-smoothing:antialiased; /*chrome、safari*/
-moz-osx-font-smoothing:grayscale; /*firefox*/
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
@font-face {
	font-family: 'GENUIB';
	src: url('../fonts/GENUIB.eot');
	src: local('☺'), url('../fonts/GENUIB.woff') format('woff'), url('../fonts/GENUIB.ttf') format('truetype'), url('../fonts/GENUIB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.animation {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.navicon{position:absolute; right:10px; top:15px; display:block; display:none; height:30px; width:30px; transition:1s; z-index:9999; background:#fff; border-radius:3px; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.navicon .line { flex:0 0 80%; width:80%; background:#172f64; height:2px; margin:6px 10%; display:block;}
.navicon.close span{opacity:0;transition:.3s cubic-bezier(.53,0,.15,.3); color:#fff;}

.navicon .line.deg45{transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.navicon .line.deg135{transform:rotate(135deg);
-ms-transform:rotate(135deg); 	/* IE 9 */
-moz-transform:rotate(135deg); 	/* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg); 	/* Opera */
}
body{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:24px;
	background:#fff;
	color:#707070;
	-webkit-font-smoothing: antialiased; /*chrome、safari*/
	-moz-osx-font-smoothing: grayscale; /*firefox*/
	overflow-x:hidden;
}
body.overflow_hidden { overflow:hidden;}
body.overflow_hidden:after { content:''; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:1;}
ol,ul,li,p {
		list-style:none;font-weight:normal;
}
dl,dt,dd {border:0;}
a {
		color:#282828;
		outline:none;
		font-weight:normal;
		text-decoration:none;
}

a:hover { color:#d50808;}
a img {
		border:0;
		margin:0;
		padding:0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666; opacity:0.5;  font-size:15px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;opacity:0.5; font-size:15px;
}
input:-ms-input-placeholder{
    color: #666;opacity:0.5; font-size:15px;
}
input::-webkit-input-placeholder{
    color: #666;opacity:0.5; font-size:15px;
}

.animated{visibility:hidden}
.visible{visibility:visible}
.alpha0 {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.alpha13 {filter:alpha(opacity=13); -moz-opacity:0.13; -khtml-opacity: 0.40; opacity: 0.13;}
.color1 { background:#cccccc;}
.color2 { background:#ffffff;}
.color3 { background:#000000;}
.color4 { background:#0baecb;}
.alpha70 { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.alpha40 { filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity: 0.40; opacity: 0.40; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.h50 { height:50px; display:none;}
.h60 { height:60px; display:none;}
.h65 { height:65px; display:none;}
*.fl { float:left;}
*.fr { float:right;}
*.mt3 { margin-top:3px;}
*.mt5 { margin-top:5px;}
*.mt8 { margin-top:8px;}
*.mt10 { margin-top:10px;}
*.mt20 { margin-top:20px;}
*.mt24 { margin-top:24px;}
*.mt30 { margin-top:30px;}
*.mt40 { margin-top:40px;}
*.mt45 { margin-top:45px;}
*.mt50 { margin-top:50px;}
*.mt60 { margin-top:60px;}
*.mt70 { margin-top:70px;}
*.mt80 { margin-top:80px;}
*.mt90 { margin-top:80px;}
*.mt100 { margin-top:100px;}
*.mt150 { margin-top:150px;}

*.f12 { font-size:12px; line-height:24px;}
*.f14 { font-size:14px; line-height:26px;}
*.f15 { font-size:15px; line-height:29px;}
*.f16 { font-size:16px; line-height:30px;}
*.f18 { font-size:18px; line-height:32px;}
*.f21 { font-size:21px; line-height:34px;}
*.f20 { font-size:20px; line-height:36px;}
*.f22 { font-size:22px; line-height:38px;}
*.f40 { font-size:40px; line-height:60px;}
*.f50 { font-size:50px; line-height:80px;}
*.center { text-align:center;}
*.strong { font-weight:bold;}
.cfff { color:#fff;}
.ismobile{display:none!important;}
.ispc{display:block!important;}
/*页眉*/
.top_bg{ width:100%; height:138px; overflow:visible; position:relative; z-index:9999; border-bottom:1px solid #cecece; background:url(../images/top_bg_x.png) repeat-x; /* position:fixed; left:0; top:0; z-index:99999; box-shadow: 3px 3px 10px rgba(0,0,0,0.3);*/}
.top_bg .top{ max-width:1440px; min-width:300px; height:139px; margin:0 auto; position:relative;}
.top_bg .top .welcome { height:25px; line-height:25px; color:#999999; font-size:14px;}
.top_bg .top .welcome a { color:#999999;}

.top_bg .top .hotkeys { height:33px; line-height:33px; color:#818181;}
.top_bg .top .hotkeys a { color:#818181;}

.top_bg .top .weather { display:inline-block; font-size:12px; margin-left:10px; font-family:"宋体";}
.top_bg .top .weather .low{ color:#006b19;}
.top_bg .top .weather .high{ color:#e00000;}

.top_bg .top .telbox { width:250px; height:auto; position:absolute; right:0; top:32px; text-align:right;}
.top_bg .top .telbox:before { content:''; width:28px; height:28px; position:absolute; left:5px; bottom:5px; background:url(../images/telbox_icon.png) no-repeat;}
.top_bg .top .telbox .lab { color:#084ba6; font-size:16px; line-height:20px; position:relative;}
.top_bg .top .telbox .tel { font-size:31px; color:#084ba6; line-height:35px; position:relative; letter-spacing:0px; font-family:Arial; font-weight:bold;/*text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff; */}

.top_bg .top .logo { position:absolute; left:0; top:48px; overflow:visible;}
.top_bg .top .logo .name { font-size:36px; font-weight:bold; color:#458f34;}
.top_bg .top .ad_text { width:100%; height:auto; overflow:hidden; margin-top:10px;}
.top_bg .top .logo .ad_text span { width:112px; height:23px; line-height:23px; font-size:14px; text-align:center; color:#919191; display:block; border-radius:3px; border:1px solid #e7e7e7; background:#fff; margin-left:11px; float:left;}
.top_bg .top .logo .ad_text .ml0 { margin-left:0;}
.top_bg .top .logo .text { font-size:41px; font-weight:bold; background: linear-gradient(to top, #bb0000, #ff0000); -webkit-background-clip: text; color: transparent; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff',GradientType=0 ); }
.top_bg .top .logo .tit { font-size:20px; color:#505050; position:absolute; right:-70%; bottom:10px;}
.top_bg .top .logo:hover {/*transform: perspective(120px) rotateY(-360deg);*/}

.top_bg .top .toplink { height:40px;  line-height:40px; position:absolute; top:5px; right:0; color:#d0d0d0; font-size:16px; padding-right:30px;}
.top_bg .top .toplink a { line-height:40px; color:#d0d0d0; display:inline-block; text-align:center; margin:0 5px;}
.toplink a.sina_icon { width:20px; height:20px; line-height:60px; background:url(../images/sina_icon.png) center center no-repeat; position:relative; top:6px;}
.toplink a.wechat_icon { width:20px; height:20px; line-height:60px; background:url(../images/wechat_icon.png) center center no-repeat; position:relative; top:6px;}
.toplink a.wechapp_icon { width:20px; height:20px; line-height:60px; background:url(../images/wechapp_icon.png) center center no-repeat; position:relative; top:6px;}
.toplink a.wechat_icon:hover { background:url(../images/wechat_icon_hover.png) center center no-repeat;}
.toplink a.wechapp_icon:hover { background:url(../images/wechapp_icon_hover.png) center center no-repeat;}
.toplink a.sina_icon:hover { background:url(../images/sina_icon_hover.png) center center no-repeat;}
.top_bg .top .toplink a:hover,
.top_bg .top .toplink a.hover { color:#ff0000;}
.top_bg .top .toplink .qrcodebox { width:104px; height:104px; position:absolute; left:20px; top:45px; border-left:0; background:#fff; border:1px solid #ccc; padding:5px; border-radius:2px; display:none;}

.top_bg .top .lang_list { display:inline-block; position:absolute; top:8px; right:0; height:25px; overflow:hidden; background:#fff; border:1px solid #fff; border-radius:2px; display:none;}
.top_bg .top .lang_list:hover { height:auto; border:1px solid #ccc;}
.top_bg .top .lang_list a { display:block; line-height:25px; height:25px;}
.top_bg .top .lang { font-weight:bold;}

.top_bg .top .qrcode_pic { position:absolute; right:0; top:60px; width:218px; height:auto; overflow:hidden; border:4px solid #000; border:4px solid rgba(0,0,0,.30); display:none; border-radius:2px;}

.top_bg .top .searchbox { width:235px; height:32px; overflow:visible; position:absolute; top:16px; right:310px; border-radius:0px; border-radius:2px;}
.top_bg .top .searchbox .keys { width:0; height:32px; line-height:32px; border:0; color:#000; position:absolute; right:-5px; top:-5px; text-indent:10px;  background:#eee;  border-radius:16px;}
.top_bg .top .searchbox:hover .keys{ width:235px;}
.top_bg .top .searchbox .submit { width:21px; height:21px; line-height:21px; background:url(../images/search_icon.png) center center no-repeat; font-size:0px; border:0; position:absolute; right:0px; top:0px; color:#fff; cursor:pointer;}
.top_bg .top .searchbox.open { height:24px;}
.top_bg .top .searchbox .keys:-ms-input-placeholder{
    color: #999;/*opacity:0.5;*/ font-size:12px;
}
.top_bg .top .searchbox .keys::-webkit-input-placeholder{
    color: #999;/*opacity:0.5; */font-size:12px;
}
.top_bg .top .menu_icon { display:none;}
/*主导航样式*/
.navmenu_bg { height:60px; position:relative; z-index:9999999; background:#093e86; /*background:linear-gradient(to right,#1c7c2b, 60%, #4ea00e); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #1c7c2b, endColorstr = #4ea00e);*/ /* background:rgba(255,255,255,.68); border-bottom:2px solid #549e04;*/}
.navmenu_bg:after { content:''; background:#04a2dd; position:absolute; left:0; top:0; width:25%; height:60px; z-index:-1;}

.navmenu { position:absolute; left:400px; right:0; top:48px; height:90px; overflow:visible;}
.navmenu #menu { width:100%; height:90px; position:relative; right:0; font-size:16px;/* background:url(../images/navmenu_spa.png) left center no-repeat;*/}
.navmenu #menu li { height:90px; width:12.5%; float:left; /* position:relative; writing-mode:tb-rl; font-weight:bold;  letter-spacing:2px;*/}
.navmenu #menu li.home { }
.navmenu #menu li.home:after { background:none;}
.navmenu #menu li:after { /*content:''; position:absolute; width:1px; height:21px; background:#ff4b7e; left:0; top:50%; margin-top:-10px;*/}
.navmenu #menu li a { display:block; width:100%; height:60px; line-height:60px; text-align:right; overflow:visible; position:relative; color:#252525;}
.navmenu #menu li.home a:before {}
.navmenu #menu li:hover a .cn,
.navmenu #menu li.hover a .cn{ /*color:#0657a8; background:#dd1e19;*/}
.navmenu #menu li:hover a .en{ color:#83bbba;}
.navmenu #menu li:hover a+.subnav{ display:block;}
.navmenu #menu li.hover a ,
.navmenu #menu li:hover a{ color:#804f21;/*  background:#dd1e19; color:#cc0b10;*/}
.navmenu #menu li.hover,.navmenu #menu li:hover { /*background:#ba0722; background:rgba(0,0,0,.15);background:#ba0722; letter-spacing:2px; */}
.navmenu #menu li.hover a+.subnav { }
.navmenu #menu li a:before{
	content: '';
	position:absolute;
	left:0%;
	bottom:0%;
	width:100%;
	height:0;
	background:#75bf21;
	z-index:-1;
	border-radius:8px 8px 0 0;
	-moz-transition:all .5s cubic-bezier(0,0,.2,1);
	-o-transition:all .5s cubic-bezier(0,0,.2,1);
	-ms-transition:all .5s cubic-bezier(0,0,.2,1);
	transition:all .5s cubic-bezier(0,0,.2,1);
}
.navmenu #menu li:hover a:before,.navmenu #menu li.hover a:before { height:0;}
/*二级菜单*/
.navmenu #menu li .subnav_icon { display:none;}
.navmenu #menu li .subnav { width:100%; height:auto; overflow:hidden; display:none; position:absolute; top:90px; left:0; text-align:center; /*background:rgba(167,114,92,.95);*/ background-size:100% 100%; font-size:16px; font-weight:normal; border-radius:0;}
.navmenu #menu li .subnav a { display:inline-block; width:auto; padding:0 10px; height:50px; line-height:50px; font-weight:normal; color:#fff; position:relative; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.navmenu #menu li .subnav a:before { background:none;}
.navmenu #menu li .subnav a:hover { background:url(../images/subnav_a_hover.png) top center no-repeat; color:#fff; font-weight:bold;}

.navmenu .searchbox { width:197px; height:36px; overflow:hidden; position:absolute; top:12px; right:0; border-radius:0px; background:#d8d8d8; border-radius:3px;}
.navmenu .searchbox .keys { width:151px; height:36px; line-height:36px; border:0; color:#000; position:absolute; left:0; top:0; text-indent:10px;  background:#fff;}
.navmenu .searchbox .submit { width:45px; height:36px; line-height:36px; background:#fff url(../images/search_icon.png) center center no-repeat; font-size:0px; border:0; position:absolute; right:0; top:0; color:#000; cursor:pointer;}
.navmenu .searchbox.open { height:24px;}
.navmenu .searchbox .keys:-ms-input-placeholder{
    color: #afafaf;/*opacity:0.5; font-size:12px;*/
}
.navmenu .searchbox .keys::-webkit-input-placeholder{
    color: #afafaf;/*opacity:0.5; font-size:12px;*/
}
.subnav_bg { background:url(../images/subnav_bg_x.png) repeat-x; background:rgba(0,0,0,.30); height:50px; position:absolute; left:0; top:138px; width:100%; z-index:-1; display:none;}


#focusindex { position:relative; height:auto; margin:0 auto; overflow:hidden; z-index:1;

/*-webkit-animation: waver_run 6s linear infinite 0s;
-moz-animation: waver_run 6s linear infinite 0s;
-o-animation: waver_run 6s linear infinite 0s;
-ms-animation: waver_run 6s linear infinite 0s;
animation: waver_run 6s linear infinite 0s;*/

}
.about_point { width:100%; height:auto; overflow:hidden; text-align:center; margin:30px 0;}
.about_point li { width:240px; height:213px; margin:10px 5%; text-align:center; position:relative; display:inline-block;}
.about_point li .icon { width:64px; height:64px; overflow:hidden; margin:0 auto; margin-top:40px;}
.about_point li .tit { color:#999; font-size:40px; font-weight:bold; line-height:90px; height:90px;}
.about_point li:after { content:''; position:absolute; left:50%; top:50%; width:0%; height:0%; z-index:-1; background:url(../images/point_bg.png) center center no-repeat; background-size:100% 100%;
webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
.about_point li:hover .icon img:nth-child(1) { margin-top:-64px;}
.about_point li:hover .tit { color:#75bf21;}
.about_point li:hover:after { left:0%; top:0%; width:100%; height:100%;}
/*服务项目*/
.service_case { max-width:1440px; min-width:300px; height:auto; margin:0 auto; overflow:visible; }
.service_case dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative;}
.service_case dt .tit { color:#323232; font-size:33px; text-transform:uppercase; line-height:50px; display:inline-block;}
.service_case dt .tit1 { color:#c2c2c2; line-height:50px; font-family:Arial; text-transform:uppercase; font-size:19px; letter-spacing:6px;}
.service_case dt .line { display:inline-block; width:34px; height:1px; background:#838383; z-index:-1; position:relative; top:-10px; margin:0 20px;}
.service_case dt .des { color:#1a4791; font-size:16px; line-height:27px;}
.service_case dd { width:100%; height:auto; overflow:hidden;}
.service_case dd .tabs { width:100%; height:auto; overflow:hidden; font-size:20px; text-align:center;}
.service_case dd .tabs a { display:inline-block; width:127px; height:40px; line-height:40px; text-align:center;}
.service_case dd .tabs a:hover,.service_case dd .tabs a.hover { background:url(../images/service_case_tab_focus.png) center center no-repeat;}
.service_case dd .pic_list { height:auto; margin:20px 30px; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.service_case dd .pic_list li { width:31%; float:left; flex:0 0 31%; margin-top:20px; margin-bottom:0.5%; height:auto; overflow:hidden; position:relative; top:0; left:0; line-height:0; text-align:center;
-moz-transition:all 2s cubic-bezier(0,0,.2,1);
-o-transition:all 2s cubic-bezier(0,0,.2,1);
-ms-transition:all 2s cubic-bezier(0,0,.2,1);
transition:all 2s cubic-bezier(0,0,.2,1);
}
.service_case dd .pic_list li .tit { display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; color:#000000; background:#d7d7d7; background:rgba(215,215,215,.88); position:absolute; left:0; bottom:0; z-index:1;}
.service_case dd .pic_list li a { display:block; position:relative;/* z-index:5; width:100%; height:100%; background:url(../images/productbox_list_mask.png) center center no-repeat; background-size:100% 100%;*/}
.service_case dd .pic_list li .pic { border:1px solid #dedede; display:block; overflow:hidden;
	webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease; position:relative; z-index:0;}
.service_case dd .pic_list li:hover .pic { border:1px solid #243f9b; /*-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;*/}
.service_case dd .pic_list li:hover .mask { bottom:0;}
.service_case dd .pic_list li:hover .tit { background:#cb0b23; background:rgba(203,11,35,.81); color:#fff;}
.service_case dd .more { display:block; width:155px; height:44px; line-height:44px; background:#6d6d6d; color:#fff; text-align:center; text-transform:uppercase; font-size:16px; border-radius:3px; margin:0 auto; margin-top:40px;}
.service_case dd .more:hover { background:#cb0b23;}

/*服务优势*/
.advantage_bg { height:426px; overflow:hidden; background:url(../images/advantage_bg.jpg) top center no-repeat; margin-top:50px;}
.advantage { max-width:1440px; min-width:300px; height:auto; margin:0 auto; overflow:visible; position:relative; margin-top:77px;}
.advantage dt { width:549px; height:247px; background:#debd93; background:rgba(222,189,147,.9); overflow:hidden; text-align:center; position:relative; float:left;}
.advantage dt .tit { color:#000; font-size:36px; line-height:50px; display:inline-block; margin-top:30px; letter-spacing:8px;}
.advantage dt .des { color:#000; font-size:24px; line-height:36px; margin:0 56px; margin-top:20px; position:relative;}
.advantage dt .des:before { content:''; position:absolute; left:0; top:0; width:20px; height:15px; background:url(../images/desc_icon_s.png) no-repeat;}
.advantage dt .des:after { content:''; position:absolute; right:0; bottom:0; width:20px; height:15px; background:url(../images/desc_icon_e.png) no-repeat;}
.advantage dt .des span { font-size:30px; font-weight:bold; font-family:"宋体";}
.advantage dd { height:247px; overflow:hidden; position:absolute; right:0; top:0; left:549px;}
.advantage dd .icon_list { width:100%; height:auto; margin-top:30px; overflow:hidden; margin-left:5%;}
.advantage dd .icon_list li { width:30%; height:172px; overflow:hidden; float:left; text-align:center; background:url(../images/aa_list_bg.png) center center no-repeat;}
.advantage dd .icon_list li .icon { width:50px; height:50px; margin:0 auto; margin-top:40px; overflow:hidden;}
.advantage dd .icon_list li .tit { font-size:18px; line-height:48px; color:#000;}
.advantage dd .icon_list li .des { color:#535353; line-height:28px; margin-top:10px;}


/*新闻资讯*/
.newsbox_bg { height:auto; overflow:hidden; background:#fff; padding-bottom:80px; position:relative;}
.newsbox { max-width:1440px; height:auto; margin:0 auto; margin-top:60px; overflow:visible;}
.newsbox dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative;}
.newsbox dt .tit1 { color:#bbbbbb; font-size:26px; line-height:40px; text-transform:uppercase; /* font-family:Arial; display:inline-block; background:#fff; padding:0 10px;*/}
.newsbox dt .tit { color:#000; font-size:48px; line-height:60px; height:60px; letter-spacing:8px;}
.newsbox dt .line { width:60px; height:7px; background:#093e86; z-index:-1; margin:10px auto;}
.newsbox dt .des { color:#484747; font-size:14px; line-height:24px; margin-top:20px;}
.newsbox dt .tabs { display:none;}
.newsbox dd .tabs { width:100%; height:auto; overflow:hidden; font-size:0; text-align:center; margin-top:30px;}
.newsbox dd .tabs a { display:block; width:32%; height:148px; border:1px solid #ebebeb; margin:0 0.5%; float:left; background:url(../images/news_tabs_bg1.jpg) top center no-repeat; background-size:0% 100%; color:#000;}
.newsbox dd .tabs a .icon { display:inline-block; position:relative; top:35%; margin:0 30px;}
.newsbox dd .tabs a .tit { height:51px; line-height:51px; font-size:24px; text-align:center; position:relative; top:22%; display:inline-block;}
.newsbox dd .tabs a .tit:after { content:''; width:27px; height:1px; background:#000; position:absolute; left:50%; margin-left:-13px; bottom:0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
.newsbox dd .tabs a:hover,
.newsbox dd .tabs a.hover{ background-size:100% 100%;}

.newsbox dd{ width:100%; height:auto; overflow:visible; margin-top:20px;}
/*图片新闻列表样式*/
.newsbox dd ul.pic_news_list { width:100%; height:auto; overflow:visible; margin-top:30px;}
.newsbox dd ul.pic_news_list li { width:360px; height:auto; overflow:hidden; margin:10px; margin-right:44px; float:left; position:relative; -webkit-box-shadow:0px 0px 10px #ccc; display:block; box-shadow:0px 0px 10px #ccc;}
.newsbox dd ul.pic_news_list li .pic { height:auto; overflow:hidden; display:block;}
.newsbox dd ul.pic_news_list li .brief { padding:0 18px; height:207px; overflow:hidden; padding-bottom:0;}
.newsbox dd ul.pic_news_list li .tit { display:block; width:100%; height:30px; line-height:30px; font-size:16px; color:#000; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; display:none;}
.newsbox dd ul.pic_news_list li .brief .date { color:#fff; text-align:center; float:left; width:90px; height:100px; float:left; margin:0 0 0 -90px;}
.newsbox dd ul.pic_news_list li .brief .datetime { font-size:18px; color:#484848; line-height:40px; font-family:Arial;}
.newsbox dd ul.pic_news_list li .brief .line { background:#737373; width:64px; height:1px; margin:20px 0;}
.newsbox dd ul.pic_news_list li .brief .date .d { font-size:72px; font-weight:bold; font-family:Arial; color:#c8c8c8;}
.newsbox dd ul.pic_news_list li .brief .date .y-m { font-size:12px; line-height:26px; font-family:Arial;}
.newsbox dd ul.pic_news_list li .brief .des { height:72px; overflow:hidden; line-height:24px; font-size:16px; margin-top:30px; color:#484848; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;}
.newsbox dd ul.pic_news_list li .more { display:block; width:123px; height:39px; line-height:39px; margin-top:19px; text-align:center; background:#000; color:#fff;}
.newsbox dd ul.pic_news_list li:hover .tit {color:#fff; font-weight:bold;}
.newsbox dd ul.pic_news_list li:hover .datetime { color:#fff;}
.newsbox dd ul.pic_news_list li:hover .des { color:#fff;}
.newsbox dd ul.pic_news_list li:hover .brief { background:#093e86;}
.newsbox dd ul.pic_news_list li:hover .more { background:#4e4735;}
.newsbox dd ul.pic_news_list li:hover .line { background:#fff;}
/*新闻列表样式*/
.news_list_box { width:100%; height:auto; overflow:hidden; float:left; margin-top:10px;}
.newsbox dd ul.news_list { width:50%; height:auto; overflow:visible; float:left; margin-top:48px;/* display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;*/}
.newsbox dd ul.news_list li { width:96%; height:135px; overflow:visible; padding:0 2%; float:left; position:relative;}
.newsbox dd ul.news_list li:after { content:''; position:absolute; left:-100%; top:0; width:0%; height:135px; background:#000; z-index:-1;
-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
.newsbox dd ul.news_list li .line { background:#da0325; width:70px; height:2px; margin:10px 0;}
.newsbox dd ul.news_list li { 
-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
.newsbox dd ul.news_list li .date { width:20%; line-height:90px; height:90px; overflow:hidden; float:left; margin-top:5px; text-align:center; color:#c8c8c8;}
.newsbox dd ul.news_list li .date .d { font-size:72px; font-family:"Century Gothic"; position:relative;}
.newsbox dd ul.news_list li .date .d:after { content:''; position:absolute; left:50%; bottom:0; margin-left:-39px; width:78px; height:2px; background:#c8c8c8;}
.newsbox dd ul.news_list li .y-m { font-size:24px; color:#000; font-family:"Century Gothic"; line-height:40px; float:right;}
.newsbox dd ul.news_list li .pic { width:182px; height:auto; overflow:hidden; display:block; margin:20px 0 0 -190px; float:left;}
.newsbox dd ul.news_list li .brief { width:80%; height:auto; overflow:hidden; float:right;}
.newsbox dd ul.news_list li .tit { font-size:24px; height:40px; line-height:40px; color:#0b0b0b; white-space:nowrap; margin-top:15px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.newsbox dd ul.news_list li .des { width:100%; height:26px; line-height:26px; overflow:hidden; margin-top:20px; font-size:16px; color:#959595; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding:0;}
.newsbox dd ul.news_list li:hover .date,
.newsbox dd ul.news_list li.hover .date { color:#d6b184;}
.newsbox dd ul.news_list li:hover .brief .y-m,
.newsbox dd ul.news_list li.hover .brief .y-m{ color:#fec784;}
.newsbox dd ul.news_list li:hover:after,
.newsbox dd ul.news_list li.hover:after { width:200%; /*background:#000;*/}
.newsbox dd ul.news_list li:hover .date .d:after { background:#d6b184;}

.newsbox dd ul.news_list li:hover .brief .tit,
.newsbox dd ul.news_list li.hover .brief .tit { color:#d6b184;}
.newsbox dd ul.news_list li:hover .brief .des,
.newsbox dd ul.news_list li.hover .brief .des { color:#959595;}

.newsbox dd .news_more { width:158px; height:38px; line-height:38px; text-align:center; background:#f6f6f6; color:#484747; display:block; margin:20px auto; border:1px solid #dcdcdc;}
.newsbox dd .news_more:hover { background:#87c93c; border:1px solid #87c93c; color:#fff;}
.newsbox dd .news_pic { float:left;}
/*页面布局*/
.indexbox{  max-width:1440px; min-width:300px; height:auto; margin:0 auto; overflow:hidden;}
.ny_banner { height:500px; background-color:#ccc; overflow:hidden; position:relative; background-repeat:no-repeat; background-attachment:fixed; background-position:center 139px; margin-top:0px;}

.bannerBox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:0px;}
.bannerBox .hd{ width:100%;
	height:30px;
	text-align:center;
	position:absolute;
	bottom:50px; z-index:1; }
.bannerBox .hd ul{ max-width:1440px; min-width:300px; margin:0 auto; overflow:hidden; zoom:1;/* float:left;*/ text-align:left;}
.bannerBox .hd ul li{ display:inline-block;
	_display:inline;
	_zoom:1;
	/*background:#ccc;*/
	width:auto;
	height:30px;
	line-height:30px;
	_font-size:0;
	margin:0px 15px;
	cursor:pointer;
	z-index:1;
	/*border-radius:10px;*/
	-webkit-transition: all .5s cubic-bezier(0,0,.2,1);
	-moz-transition:all .5s cubic-bezier(0,0,.2,1);
	-o-transition:all .5s cubic-bezier(0,0,.2,1);
	-ms-transition:all .5s cubic-bezier(0,0,.2,1);
	transition:all .5s cubic-bezier(0,0,.2,1);
	
	color:#e6e6e6; font-size:18px;}
.bannerBox .hd ul li.on{ /*background:#804f21;*/ color:#fff; font-size:30px;}
.bannerBox .bd{ position:relative; height:100%; z-index:0;   }
.bannerBox .bd li{ zoom:1; vertical-align:middle;}
.bannerBox .bd li img { display:block;}
.bannerBox .bd li a { display:block;}
/*.bannerBox .bd ul li {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);

}
.bannerBox .bd ul li.on {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);

}*/

/* 下面是前/后按钮代码，如果不需要删除即可 */
.bannerBox .prev,
.bannerBox .next{ position:absolute; left:3%; top:50%; margin-top:-30px; display:block; width:50px; height:60px; background:url(../images/slider-arrow.png) -177px 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.bannerBox .next{ left:auto; right:3%; background-position:-52px 0; }
.bannerBox .prev:hover{ filter:alpha(opacity=100);opacity:1; background-position:-117px 0;}
.bannerBox .next:hover{ filter:alpha(opacity=100);opacity:1; background-position:0 0;}
.bannerBox .prevStop{ display:none;  }
.bannerBox .nextStop{ display:none;  }
.bannerBox .ctrl_box { width:100%; height:55px; position:absolute; right:0; bottom:50px; }
.bannerBox .ctrl_box .ctrl_box_curr { max-width:1440px; min-width:300px; margin:0 auto; text-align:right; position:relative;}
.bannerBox .ctrl_box .ctrl_prev_next { float:right; position:relative; width:150px; height:60px; z-index:999;}
.bannerBox .ctrl_box .prev,
.bannerBox .ctrl_box .next { width:45px; height:45px; line-height:45px; text-align:center; border:1px solid #fff; background:none; color:#fff; font-size:18px; right:0; top:0; left:0; margin:0 10px; display:inline-block; position:relative; border-radius:50%;}
.bannerBox .ctrl_box .prev:hover,
.bannerBox .ctrl_box .next:hover { color:#804f21; background:#fff;}

.topbox_bg { height:70px; overflow:hidden; position:relative; margin-top:0; z-index:1; background:#f5f5f5;}
.topbox_bg .topbox { max-width:1440px; min-width:300px; margin:0 auto; margin-top:0; height:70px; line-height:70px; overflow:hidden; position:relative;/*text-shadow: 0 1px #ccc, 1px 0 #ccc, -1px 0 #ccc, 0 -1px #ccc;*/ position:relative;}
.topbox_bg .topbox .hotkeys { height:auto; overflow:hidden; line-height:70px; float:left; font-size:14px; color:#000;}
.topbox_bg .topbox .hotkeys a { color:#000; }
.topbox_bg .topbox .hotkeys .lab { color:#000; margin-left:20px;}
.topbox_bg .topbox .searchbox { width:365px; height:39px; overflow:hidden; position:absolute; right:0px; top:16px; background:#fff; border-radius:20px;}
.topbox_bg .topbox .searchbox .keys { width:280px; height:39px; line-height:39px; border:0; color:#000; background:none; position:absolute; left:25px; top:0px; font-size:16px;}
.topbox_bg .topbox .searchbox .submit { width:56px; height:39px; border:0; position:absolute; right:0px; top:0px; cursor:pointer; background:url(../images/search_icon.png) center center no-repeat; text-indent:-9999px;}
.topbox_bg .topbox .searchbox .keys:-ms-input-placeholder{
    color: #999;opacity:1; font-size:16px;
}
.topbox_bg .topbox .searchbox .keys::-webkit-input-placeholder{
    color: #999;opacity:1; font-size:16px;
}
.topbox_bg .topbox .noticebox { position:absolute; left:445px; right:0; height:auto; overflow:hidden; height:60px; padding-left:200px;}
.topbox_bg .topbox .noticebox dt { width:200px; height:60px; margin:0 0 0 -200px; line-height:60px; font-weight:bold; color:#fff; float:left; background:url(../images/notice_icon.png) 60px center no-repeat; text-indent:100px;}
.topbox_bg .topbox .noticebox dd { width:100%; height:60px; float:left; line-height:60px;}
.topbox_bg .topbox .noticebox dd ul li a { color:#fff;}
/*关于我们*/
.aboutbox_bg { height:auto; min-height:654px; overflow:hidden; background:url(../images/aboutbox_bg.jpg) top center no-repeat; position:relative; margin-top:70px;}
.aboutbox { max-width:1440px; min-width:300px; height:auto; margin:0 auto; margin-top:70px; overflow:hidden; position:relative;}
.aboutbox dt { width:100%; height:auto; overflow:hidden; text-align:right; position:relative;}
.aboutbox dt .tit1 { color:#000; font-size:26px; line-height:50px; color:#fff; text-transform:uppercase; /* font-family:Arial; display:inline-block; background:#fff; padding:0 10px;*/}
.aboutbox dt .tit { color:#000; font-size:48px; line-height:60px; height:60px;}
.aboutbox dt .line { width:60px; height:4px; background:#fff; margin:25px auto; }
.aboutbox dd .des { color:#36363; font-size:14px; line-height:24px; text-align:center;}
.aboutbox dd { width:100%; height:auto; overflow:hidden; position:relative;}
.aboutbox dd .about_box { height:auto; overflow:hidden; padding-left:420px;}
.aboutbox dd .about { width:100%; height:auto; overflow:hidden; z-index:1; float:left; background:#f9f9f9; margin-top:20px; position:relative;}
.aboutbox dd .margin { margin: 50px;}
.aboutbox dd .about .pic { overflow:hidden;}
.aboutbox dd .about .tit1 { color:#fff; font-size:49px; line-height:50px; font-family:Arial;text-transform:uppercase; margin-top:60px; /* display:inline-block; background:#fff; padding:0 10px;*/}
.aboutbox dd .about .tit { color:#0b0b0b; font-size:24px; line-height:50px; height:50px; margin-top:20px;}
.aboutbox dd .about .des { width:89%; margin-top:10px; line-height:34px; color:#717171; font-size:16px; overflow:hidden; text-align:left; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.aboutbox dd .about .more { height:60px; line-height:60px; color:#000; font-size:48px; position:absolute; right:10px; bottom:0;}
.aboutbox dd .about .more:hover { font-weight:bold; color:#f00;}

.about_slide { height:auto; overflow:hidden; position:absolute; left:0; top:0; right:68%;/* margin:0 0 0 -420px;*/ padding-bottom:80px;}

.about_slide .bd ul { position:relative;}
.about_slide .bd ul li { position:relative; padding-bottom:140px;}
.about_slide .bd ul li .tit { font-size:36px; color:#000; line-height:30px; text-transform:uppercase; text-align:right; position:absolute; bottom:0px; width:100%;}

.about_slide .hd{ width:100%;
	height:30px;
	text-align:right;
	position:absolute;
	bottom:150px; z-index:1; }
.about_slide .hd .line { width:200px; height:2px; background:#000; display:inline-block;}
.about_slide .hd ul{ width:100%; overflow:hidden; zoom:1; text-align:right; margin:30px 0;}
.about_slide .hd ul li{ display:inline-block;
	_display:inline;
	_zoom:1;
	background:url(../images/about_slide_circle.png) center center no-repeat;
	width:12px;
	height:12px;
	line-height:12px;
	_font-size:0;
	margin:5px;
	cursor:pointer;
	z-index:1;
	border-radius:0;
	-webkit-transition: all .5s cubic-bezier(0,0,.2,1);
	-moz-transition:all .5s cubic-bezier(0,0,.2,1);
	-o-transition:all .5s cubic-bezier(0,0,.2,1);
	-ms-transition:all .5s cubic-bezier(0,0,.2,1);
	transition:all .5s cubic-bezier(0,0,.2,1);
	
	color:#fff; font-size:12px; overflow:hidden; text-indent:-999px;}
.about_slide .hd ul li.on{ background:url(../images/about_slide_circle1.png) center center no-repeat; width:12px; color:#fff;}


.aboutbox dd .about_other { width:100%; height:auto; float:left; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; margin-top:100px;}
.aboutbox dd .about_other li { width:25%; flex:0 0 25%; height:auto; float:left; text-align:center;}
.aboutbox dd .about_other li .icon { width:100%; height:auto; overflow:hidden;}
.aboutbox dd .about_other li .tit { font-size:23px; line-height:40px; color:#000; margin-top:20px;}
.aboutbox dd .about_other li .line { width:23px; height:3px; background:#000; margin:10px auto;}

.aboutbox dd .icon_list { width:100%; height:auto; overflow:hidden; margin-top:30px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center;}
.aboutbox dd .icon_list li { width:209px; height:181px; float:left; margin:10px 30px; text-align:center; background:url(../images/about_icon_box.png) center center no-repeat;}
.aboutbox dd .icon_list li .icon { width:50px; height:50px; margin:0 auto; margin-top:18%; overflow:hidden;}
.aboutbox dd .icon_list li .tit { font-size:23px; line-height:70px; color:#0054b9;}
.aboutbox dd .icon_list li .des { color:#535353; line-height:28px; margin-top:10px;}
.aboutbox dd .icon_list li:hover .icon {
	-webkit-animation-name: rubberBand; animation-name: rubberBand;
}

/*产品供应*/
.supplybox { width:49.9%; height:auto; overflow:hidden; background:#fcecef; float:left; margin-top:60px; padding-bottom:55px;}
.supplybox .brief { margin:0 60px;}
.supplybox .tit { font-size:24px; line-height:50px; color:#000; margin-top:50px;}
.supplybox .tit1 { font-size:16px; color:#717171; line-height:40px;}
.supplybox .pic { margin-top:30px; height:auto; overflow:hidden; display:block;}
/*广告横幅*/
.adbox_bg { height:227px; overflow:hidden; position:relative; background:#095996;}
.adbox_bg .adbox { max-width:1440px; min-width:300px; margin:0 auto; height:227px; color:#fff; text-align:center; display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;}
.adbox_bg .adbox .introduct { float:left;}
.adbox_bg .adbox .tit { line-height:30px; font-size:18px; color:#fff;}
.adbox_bg .adbox .tit:before { content:''; width:44px; height:2px; background:#fff; display:inline-block; margin-right:10px; position:relative; top:-5px;}
.adbox_bg .adbox .tit:after { content:''; width:44px; height:2px; background:#fff; display:inline-block; margin-left:10px; position:relative; top:-5px;}
.adbox_bg .adbox .tit1 { line-height:60px; font-size:38px; color:#fff; font-weight:bold; width:100%; text-align:left;}
.adbox_bg .adbox .tit2 { line-height:40px; font-size:14px; color:#c5e4ff; text-transform:uppercase; width:100%; text-align:left;}
.adbox_bg .adbox .more { color:#fff; float:left; font-size:18px; top:30px; left:20px; position:relative;}
.adbox_bg .adbox .telbox { display:block; width:355px; height:59px; line-height:59px; position:relative; background:#fff; border-radius:5px; float:left;}
.adbox_bg .adbox .telbox .lab { width:116px; height:59px; text-align:right; color:#015fb0; font-size:18px; float:left; font-weight:bold;}
.adbox_bg .adbox .telbox .tel { font-size:24px; line-height:59px; color:#f00808; font-family:Arial; font-weight:bold; float:left;}
.strok-outside {
    text-shadow: 0 2px white, 2px 0 white, -2px 0 white, 0 -2px white;
}
/*产品系列*/

*.stroke_white {-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; }
*.stroke_white_outside { text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff;}
.slideBox { position:relative;}
/*.slideBox .prev { display:block; width:53px; height:97px; position:absolute; left:-80px; top:50%; margin-top:-48.5px; background:url(../images/slide_ctrl_left.png) center center no-repeat;}
.slideBox .next { display:block; width:53px; height:97px; position:absolute; right:-80px; top:50%; margin-top:-48.5px; background:url(../images/slide_ctrl_right.png) center center no-repeat;}*/
/*精品推荐*/
.applicationbox { width:100%; height:auto; overflow:hidden;}
.applicationbox dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative;}
.applicationbox dt .tit { color:#1c7c2b; font-size:48px; line-height:97px; height:97px; font-weight:bold; margin-top:73px; padding-left:37px; background:url(../images/productbox_tit_bg.png) 0 center no-repeat; display:inline-block;}
.applicationbox dt .tit1 { color:#1c7c2b; font-size:50px; font-family:Arial; /* display:inline-block; background:#fff; padding:0 10px;*/ font-weight:normal; text-transform:uppercase; margin-left:20px;}
.applicationbox dt .des { color:#7d7d7d; font-size:16px; line-height:30px; text-align:center;}
.applicationbox dd { width:100%; height:auto; overflow:visible;}
.applicationbox dd .application_list { height:auto; overflow:hidden; margin-top:40px;display:flex; display:-webkit-flex; flex-flow:row nowrap; justify-content:space-between;}
.applicationbox dd .application_list li { width:18%; height:auto; overflow:hidden; margin:0; float:left;}
.applicationbox dd .application_list li .pic { display:block; overflow:hidden; border-radius:50%; border:8px solid #d3d3d3; border:8px solid rgba(211,211,211,.47);}
.applicationbox dd .application_list li:hover .pic { border:8px solid #8aa410; border:8px solid rgba(138,164,16,.47);}
.applicationbox dd .application_list li .tit { color:#707070; font-size:18px; line-height:80px; height:80px; font-weight:bold; text-align:center;}
/*运力展示*/
.displaybox { max-width:1440px; min-width:300px; height:auto; margin:0 auto; margin-top:90px; overflow:visible; }
.displaybox dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative;}
.displaybox dt .tit { color:#d20202; font-size:46px; line-height:60px; height:60px; margin-top:0px; font-weight:bold;}
.displaybox dt .tit1 { color:#aeaeae; font-size:36px; line-height:60px; font-family:Arial; text-transform:uppercase; /*  display:inline-block; background:#fff; padding:0 10px;*/}
.displaybox dt .line { width:771px; height:2px; background:#d20202; z-index:-1; margin:0px auto;}
.displaybox dt .des { color:#1a4791; font-size:16px; line-height:27px;}
.displaybox dd { height:100%; overflow:hidden;}
.displaybox dd .display_list { height:auto; overflow:hidden; margin-top:20px;}
.displaybox dd .display_list li { width:41%; float:right; position:relative; text-align:center; margin-top:10px;}
.displaybox dd .display_list li .pic { height:auto; overflow:hidden;}
.displaybox dd .display_list li img { width:100%;}
.displaybox dd .display_list li .brief { width:100%; background:#000; background:rgba(0,0,0,.8); height:auto; overflow:hidden; position:absolute; left:0; bottom:0; width:100%;}
.displaybox dd .display_list li .brief .des { line-height:21px; color:#fff; font-size:14px; margin:10px 20px; text-align:left; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.displaybox dd .display_list li.first { width:57%; height:auto; overflow:hidden; float:left;}
.displaybox dd .display_list li .tit { position:absolute; left:18%; top:20%; background:#cc0000; background:rgba(204,0,0,.73); color:#fff; font-size:32px; line-height:50px; text-align:center; font-weight:bold; padding:0 40px;}
.displaybox dd .display_list li.first .tit { left:30%; top:40%;}
.displaybox dd .display_list li.first .des { margin:20px 30px; line-height:24px;}


.productbox dd .product_sort_recom { width:512px; height:auto; overflow:hidden; margin:0 0 0 -512px; float:left;}
.productbox dd .product_sort_recom .pic { width:100%; height:auto; overflow:hidden; position:relative; display:block;}
.productbox dd .product_sort_recom .pic .more { position:absolute; right:0; bottom:0; width:118px; height:83px; line-height:83px; background:#fff url(../images/product_more_icon.png) center center no-repeat; text-align:center;}
.productbox dd .product_sort_recom .tit { font-size:24px; line-height:50px; color:#000; margin-top:30px;}
.productbox dd .product_sort_recom .brief { margin-left:40px; margin-top:50px;}
.productbox dd .product_sort_recom .brief .tit1 { font-size:24px; line-height:50px; color:#000; margin-top:10px;}
.productbox dd .product_sort_recom .brief .des { width:90%; font-size:16px; height:90px; line-height:30px; color:#717171; margin-top:20px; text-align:justify; text-justify:inter-ideograph; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.productbox dd .product_sort { width:100%; height:auto; overflow:hidden; float:left;}
.productbox dd .product_sort li { width:30%; height:auto; background:#fff; float:left; margin-left:3%; margin-top:32px;}
.productbox dd .product_sort li .pic { width:100%; height:auto; overflow:hidden;}
.productbox dd .product_sort li .tit { font-size:24px; line-height:50px; color:#000; margin-top:10px;}
.productbox dd .product_sort li .more{ width:110px; height:42px; display:inline-block; line-height:42px; background:#cbcbcd; color:#000; font-size:16px; border-radius:21px; text-align:center; margin-top:10px;}
.productbox dd .product_sort li:nth-child(2) .more{ background:#e3d3c3;}
.productbox dd .product_sort li:nth-child(3) .more{ background:#ededed;}
.productbox dd .product_sort li:nth-child(4) .more{ background:#d9d0bf;}
.productbox dd .product_sort li:nth-child(5) .more{ background:#72a493;}
.productbox dd .product_sort li:nth-child(6) .more{ background:#bacedc;}
.productbox dd .product_sort li:hover { }
.productbox dd .product_sort li:hover .tit { }
.productbox dd .product_sort li:hover .pic { }
.productbox dd .product_sort li:hover .more { background:#e3d3c3;}

.productbox dd .point_list { width:100%; height:auto; overflow:hidden; margin-top:20px;}
.productbox dd .point_list li { float:left; width:23%; height:auto; overflow:hidden; text-align:left;}
.productbox dd .point_list li .tit2 { width:100%; font-size:18px; line-height:40px; color:#0b0b0b;}
/*产品展示*/
.productbox_bg { height:auto; overflow:hidden;}
.productbox { max-width:1440px; min-width:300px; height:auto; overflow:visible; margin:0 auto; margin-top:60px;}
.productbox dt { width:100%; height:auto; overflow:hidden; position:relative; text-align:center;}
.productbox dt .space { margin:0 20px; position:relative; top:-10px;}
.productbox dt .title { width:75%; height:70px; overflow:hidden; border-bottom:1px solid #d6dde7; padding-left:25%; background:url(../images/product_title_icon.gif) 10px center no-repeat;}
.productbox dt .tit { color:#000; font-size:48px; line-height:50px; height:50px;}
.productbox dt .tit1 { color:#bbbbbb; font-size:26px; line-height:40px; text-transform:uppercase; /* font-family:Arial; display:inline-block; background:#fff; padding:0 10px;*/}
.productbox dt .line { width:60px; height:7px; background:#093e86; z-index:-1; margin:10px auto;}
.productbox dt .des { color:#7c7c7c; font-size:18px; line-height:30px; margin-top:20px;}
.productbox dd .tabs { width:100%; height:auto; overflow:hidden; font-size:14px; text-align:center; /* display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;*/ margin-top:30px;}
.productbox dd .tabs a { min-width:107px; height:36px; line-height:36px; padding:0; text-align:center; margin:10px 5px; color:#3e3e3e; position:relative; background:#d2d2d2; display:inline-block; border-radius:18px;}
.productbox dd .tabs a:hover,.productbox dt .tabs a.hover { color:#fff; background:#093e86;}
.productbox dt .contact_info { padding:30px 20px; line-height:30px; font-size:14px; color:#4b4b4b;}
.productbox dt .contact_info .qrcode { width:104px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
.productbox dt .contact_info .tit { width:100%; text-align:center; font-size:12px; line-height:30px; margin:0; color:#4b4b4b;}
.productbox dt .product_sort_list { width:100%; height:auto; overflow:hidden;}
.productbox dt .product_sort_list li { width:220px; height:279px; background:#dfdfdf; float:left; margin-right:25px;}
.productbox dt .product_sort_list li .pic { width:118px; height:118px; overflow:hidden; margin:0 auto; border-radius:50%; border:1px solid #da0225; margin-top:32px;}
.productbox dt .product_sort_list li .tit2 { color:#343434; font-size:18px; line-height:40px; margin-top:20px;}
.productbox dt .product_sort_list li .more{ width:82px; height:30px; display:inline-block; line-height:30px; background:#ededed; color:#343434; font-size:12px; text-transform:uppercase; border-radius:15px; text-align:center; border:1px solid #c1c1c1; font-family:Arial; margin-top:10px;}
.productbox dt .product_sort_list li:hover { background:#da0225;}
.productbox dt .product_sort_list li:hover .tit2 { color:#fff;}
.productbox dt .product_sort_list li:hover .pic { border:1px solid #fff;}
.productbox dt .product_sort_list li:hover .more { background:#c0001f; color:#fff; border:1px solid #ff4362;}

.productbox dt .product_sort_scroll { width:1200px; height:auto; overflow:visible; min-width:300px; margin:0 auto; margin-top:30px;}
.productbox dt .product_sort_scroll .hd { margin:20px 0;}
.productbox dt .product_sort_scroll .hd ul{ text-align:center; width:100%; height:auto; overflow:visible;}
.productbox dt .product_sort_scroll .hd ul li { display:inline-block; width:10px; height:10px; margin:10px 3px; overflow:hidden; border-radius:50%; background:#aaaaaa; text-indent:-999px;}
.productbox dt .product_sort_scroll .hd ul li.on { background:#da0225;}

.productbox dd { width:100%; height:auto; overflow:visible; position:relative;}
.product_box { padding-left:512px; height:auto; overflow:hidden; margin-top:50px;}
.productbox dd .searchbox { width:820px; height:64px; overflow:hidden; background:#fff; border-radius:25px; margin:0 auto; position:relative; margin-top:30px;}
.productbox dd .searchbox .keys { width:100%; height:64px; margin-top:0; border:0; background:#fff; line-height:64px; text-indent:30px; font-size:16px; color:#787878;}
.productbox dd .searchbox .submit { width:142px; height:64px; font-size:16px; border:0; background:#75bf21; color:#fff; line-height:64px; position:absolute; right:0; top:0; border-radius:25px; z-index:9; text-align:center; cursor:pointer;}
.productbox dd .picnews { margin-top:30px; display:block;}

.productbox dd .prev { width:30px; height:100%; position:absolute; left:-80px; top:0; z-index:1; background:url(../images/productbox_scroll_prev.gif) center center no-repeat;}
.productbox dd .next { width:30px; height:100%; position:absolute; right:-80px; top:0; z-index:1; background:url(../images/productbox_scroll_next.gif) center center no-repeat;}

.productbox .product_list { width:100%; height:387px; overflow:hidden;}
.productbox .product_list li { width:276px; height:367px; float:left; margin:10px; margin-right:18px; height:auto; overflow:hidden; position:relative; top:0; left:0;
-moz-transition:all .5s cubic-bezier(0,0,.2,1);
-o-transition:all .5s cubic-bezier(0,0,.2,1);
-ms-transition:all .5s cubic-bezier(0,0,.2,1);
transition:all .5s cubic-bezier(0,0,.2,1);
-webkit-box-shadow:0px 0px 10px #ccc; display:block; box-shadow:0px 0px 10px #ccc;
}
.productbox .product_list li.ml0 { margin-left:0;}
.productbox .product_list li .des { height:48px; line-height:24px; color:#828282; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.productbox .product_list li .tit { display:block; width:100%; height:50px; line-height:50px; font-size:16px; color:#3b3b3b; z-index:1; position:relative; left:0; bottom:0;
webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
.productbox .product_list li .more{ width:44px; height:32px; color:#fff; font-size:0px; text-transform:uppercase; background:url(../images/productbox_list_more_bg.png) center center no-repeat; position:absolute; left:50%; margin-left:-22px; bottom:0;}
.productbox .product_list li a { display:block; position:relative;/* z-index:5; width:100%; height:100%; background:url(../images/productbox_list_mask.png) center center no-repeat; background-size:100% 100%;*/}
.productbox .product_list li .pic { display:block; overflow:hidden;
	webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease; position:relative; z-index:0;
}
.productbox .product_list li:hover { background:#fe7a16;}
.productbox .product_list li:hover .pic { 
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
}
.productbox .product_list li .brief { background:#fff; position:relative; z-index:1; padding:0 20px; height:162px;}

.productbox .product_list li:hover .brief { background:#093e86;}
.productbox .product_list li:hover .tit { color:#fff;}
.productbox .product_list li:hover .des { color:#fff;}
.productbox .product_list li:hover .more { font-size:12px; color:#fff; background:none; position:relative; left:0; bottom:0; margin-top:10px; margin-left:0;}

.productbox dd .product_more { width:172px; height:44px; border-radius:22px; background:#093e86; line-height:44px; text-align:center; display:block; margin:0 auto; margin-top:90px; color:#fff; -webkit-box-shadow:0px 0px 10px #ccc; display:block; box-shadow:0px 0px 10px #ccc;}


/*解决方案*/
.solutionbox {}
.solutionbox { width:100%; height:auto; overflow:hidden;}
.solutionbox dt { width:100%; height:auto; line-height:55px;/* border-bottom:1px solid #e3e3e3;*/ position:relative; text-align:center;}
.solutionbox dt .line { width:3px; height:34px; display:inline-block; background:#2945aa; position:relative; top:5px; margin:0 35px;}
.solutionbox dt .tit { color:#2945aa; font-size:37px; font-weight:bold; position:relative; display:inline-block;}
.solutionbox dt .tit1 { color:#707070; font-size:16px; line-height:40px; margin-left:20px;}

.solutionbox dt .des { color:#6d6d6d; font-size:14px; line-height:27px; margin-top:5px;}
.solutionbox dd { width:100%; height:auto; overflow:hidden; border-top:1px solid #ffffff;}

.solutionbox .solution_list { height:auto; overflow:hidden;}
.solutionbox .solution_list li { width:24%; height:auto; overflow:hidden; position:relative; top:0; left:0; float:left; zoom:1; margin-right:1%; margin-top:1%;
-moz-transition:all 2s cubic-bezier(0,0,.2,1);
-o-transition:all 2s cubic-bezier(0,0,.2,1);
-ms-transition:all 2s cubic-bezier(0,0,.2,1);
transition:all 2s cubic-bezier(0,0,.2,1);
background:#fff;
}
.solutionbox .solution_list li .tit { height:37px; line-height:37px; text-align:center; z-index:99999; font-size:18px; background:#fff; color:#000; font-weight:bold; border:1px solid #c3c3c3;}
.solutionbox .solution_list li .des { width:100%; height:48px; margin:20px 0; color:#434343; line-height:24px; text-indent:2em; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.solutionbox .solution_list li a { display:block; position:relative;}
.solutionbox .solution_list li .pic { width:100%; height:auto; overflow:hidden;}
.solutionbox .solution_list li .pic img {
	-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease; position:relative; z-index:0; overflow:hidden;	
	}
.solutionbox .solution_list li:hover { }
.solutionbox .solution_list li:hover .pic img {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;}
.solutionbox .solution_list li:hover .tit { background:#0e40ae; border:1px solid #0e40ae; color:#fff;}
/*案列展示*/
.casebox_bg { height:auto; min-height:608px; overflow:hidden; background:url(../images/casebox_bg.jpg) top center no-repeat;}
.casebox { width:100%; height:auto; overflow:hidden; margin-top:40px; overflow:visible;}
.casebox dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative;}
.casebox dt .space { margin:0 20px; position:relative; top:-10px;}
.casebox dt .tit { color:#424242; font-size:36px; line-height:40px; height:40px; font-weight:bold; margin-top:15px;}
.casebox dt .tit1 { color:#878787; font-size:26px; line-height:40px; font-family:Arial;text-transform:uppercase; /* display:inline-block; background:#fff; padding:0 10px;*/}
.casebox dt .line { width:50px; height:3px; background:#f49a12; position:relative; margin:20px auto;}
.casebox dt .des { color:#717171; font-size:16px; line-height:21px;}
.casebox dt .tabs { width:100%; height:auto; overflow:hidden; text-align:center; font-size:0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; margin-top:33px;}
.casebox dt .tabs li { display:inline-block; height:38px; line-height:38px; text-align:center; margin:0 6px; color:#8a8a8a; background:#fff; font-size:16px; border-radius:10px; overflow:hidden;}
.casebox dt .tabs li a { display:block; padding:0 20px; background:#c5c5c5;}
.casebox dt .tabs li:hover a,.casebox dt .tabs li.hover a { background:#006ccc; color:#fff;}
.casebox dd { width:100%; height:auto; overflow:visible; margin-top:40px; position:relative;}

.casebox .case_list { height:auto; overflow:hidden;}
.casebox .case_list li { width:284px; height:auto; overflow:hidden; position:relative; top:0; left:0; float:left; margin-right:13px; margin-bottom:21px; zoom:1;
-moz-transition:all 2s cubic-bezier(0,0,.2,1);
-o-transition:all 2s cubic-bezier(0,0,.2,1);
-ms-transition:all 2s cubic-bezier(0,0,.2,1);
transition:all 2s cubic-bezier(0,0,.2,1);
}
.casebox .case_list li.ml0 { margin-left:0;}
.casebox .case_ctrl_prev { width:38px; height:100%; position:absolute; left:-150px; top:0; z-index:1; background:url(../images/case_list_ctrl_prev.png) center center no-repeat;}
.casebox .case_ctrl_next { width:38px; height:100%; position:absolute; right:-150px; top:0; z-index:1; background:url(../images/case_list_ctrl_next.png) center center no-repeat;}
.casebox .case_list li .brief { width:100%; height:42px; line-height:42px; z-index:99999; font-size:16px; background:#d69444; color:#feedc1;}
.casebox .case_list li .tit { width:100%; height:46px; line-height:46px; background:#e0e0e0; text-align:center; color:#292929; font-size:18px;}
.casebox .case_list li a { display:block; position:relative;}
.casebox .case_list li .pic { display:block; height:auto; overflow:hidden;}
.casebox .case_list li .pic img {
	-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease; position:relative; z-index:0; overflow:hidden;	
	}
.casebox .case_list li:hover { }
.casebox .case_list li:hover .pic img {
	-webkit-transform: scale(1.2);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.2);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;}
.casebox .case_list li:hover .tit { background:#75bf21; color:#fff;}

.casebox dd .case_more { display:block; width:122px; height:29px; line-height:29px; margin:0 auto; margin-top:50px; text-align:center; color:#fff; background:#f19149; font-size:20px; font-family:Arial; text-transform:uppercase; border-radius:8px;}
/*.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .hd{ overflow:hidden;  height:40px; text-align:center; background:url(../images/casebox_ctrlbox_line.gif) center center no-repeat;}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ width:38px; height:38px; line-height:38px; background:#bfbfbf; color:#fff; display:inline-block; cursor:pointer; font-size:18px; font-family:"宋体";}
.picMarquee-left .hd .prev:hover,.picMarquee-left .hd .next:hover{ background:#666;}
.picMarquee-left .hd .next{ }
.picMarquee-left .bd{ padding:10px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-left .bd ul li .pic{ text-align:center;}*/
/*焦点图*/
.focus{ position:relative; width:570px; height:330px; background-color: #000; float: left;}  
.focus img{ width: 570px; height: 330px;} 
.focus .shadow .title{width: 260px; height:65px; padding-left: 30px; padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden;}
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:auto; padding-bottom:5px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left;}  
.focus .shadow a { text-decoration:none; color:#fff; font-size:16px; overflow:hidden; font-family: "\5FAE\8F6F\96C5\9ED1"; line-height:32px; margin-top:5px; width:94%; display:block; margin-left:3%;} 
.focus .shadow p { background:#ff1177;}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:13px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;}  
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; margin:0 2px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#ffffff; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ed2121;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}


.insidebox_bg { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px; position:relative;}
.insidebox { margin:0 auto; overflow:hidden;}
/*.insidebox { margin:0 auto; overflow:hidden; padding-left:285px;}*/
.leftbox { width:100%; height:auto; overflow:visible; position:relative; z-index:999;}

/*.leftbox { width:253px; min-height:689px; height:auto; overflow:hidden; float:left; _display:inline; margin:50px 0 0 -285px; position:relative;}*/
.currpath { width:1200px; height:40px; line-height:40px; margin:0 auto; font-size:14px; color:#727171; margin-top:10px;}
.currpath a { color:#727171;}

.insidebox .currpath { width:96%; margin-left:2%; height:40px; line-height:40px; font-size:12px; color:#6f6f6f; margin-top:10px; font-weight:bold;}
.insidebox .currpath a { color:#6f6f6f;}

/*筛选框*/
.filterbox {  width:96%; margin-left:2%; height:auto; overflow:hidden; line-height:48px; margin-top:10px; background:#f9f9f9; border:1px solid #ebebeb;}
.filterbox .attrbox { width:98%; height:auto; overflow:hidden; border-top:1px solid #ebebeb; margin-left:1%; font-size:14px;}
.filterbox dl.bt0 { border-top:none;}
.filterbox .attrbox dt { width:5%; float:left; color:#535353; font-weight:bold;}
.filterbox .attrbox dd { width:95%; float:left;}
.filterbox .attrbox dd a { display:inline-block; color:#535353; margin:0 10px;}
.filterbox .attrbox dd a:hover { color:#f75c5c;}
.filterbox .attrbox dd a.on { color:#f75c5c;}


.goods-leftbox { background:#032b76; min-height:101px;}
.goods-guidebox { max-width:1440px; min-width:300px; height:auto; margin:0 auto; overflow:hidden;}
.goods-guidebox dt { display:none;}
.goods-guidebox dd { width:100%; height:auto; overflow:hidden;}

.goods-guidebox dd ul { width:100%; height:auto; overflow:hidden; text-align:center; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; font-size:18px;}
.goods-guidebox dd ul li { width:16.66666666666667%; flex:0 0 16.66666666666667%; height:101px; line-height:101px; background:none; margin:0; padding:0;}
.goods-guidebox dd ul li:hover { color:#fff;}
.goods-guidebox dd ul li a { color:#fff; display:block; font-weight:bold;}
.goods-guidebox dd ul li:hover a,.goods-guidebox dd ul li.hover a { background:#01379b;}

.news-leftbox { width:100%; position:relative; height:auto; overflow:hidden;}
.news-leftbox .line { position:absolute; left:0; top:61%; width:100%; height:1px; background:#e3e3e3;}
.news-guidebox { max-width:1440px; min-width:300px; height:auto; margin:0 auto; overflow:hidden;}
.news-guidebox dt { display:none;}
.news-guidebox dd { width:100%; height:auto; overflow:hidden;}

.news-guidebox dd ul { width:100%; height:auto; overflow:hidden; text-align:center; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start;}
.news-guidebox dd ul li { background:none; margin:0; padding:0;}
.news-guidebox dd ul li a { display:block; height:auto; overflow:hidden; position:relative;}
.news-guidebox dd ul li a .cn { color:#000; font-size:25px; line-height:55px; height:55px; font-weight:bold;}
.news-guidebox dd ul li a .en { color:#7d7d7d; font-size:17px; line-height:30px; height:30px; text-transform:uppercase;}
.news-guidebox dd ul li a:before { content:''; height:2px; width:0; background:#dd1e19; top:60%; left:0; position:absolute; -webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
.news-guidebox dd ul li:hover a:before,.news-guidebox dd ul li.hover a:before { width:100%;}

.goods-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.goods-list li { width:23%; flex:0 0 23%; margin:15px 1%; float:left; height:auto; overflow:hidden; -webkit-box-shadow:0px 0px 10px #999; display:block; box-shadow:0px 0px 10px #999;}
.goods-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;}
.goods-list li .name{ text-align:center; height:50px; line-height:50px; text-align:center; background:#fff; font-size:16px; color:#000;}
.goods-list li:hover .name { background:#c9a27e; color:#fff;}

.pic-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.pic-list li { width:23%; flex:0 0 23%; margin:15px 1%; float:left; height:auto; overflow:hidden; -webkit-box-shadow:0px 0px 10px #999; display:block; box-shadow:0px 0px 10px #999;}
.pic-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;}
.pic-list li .name{ text-align:center; height:50px; line-height:50px; text-align:center; background:#fff; font-size:16px; color:#000;}
.pic-list li:hover .name { background:#c9a27e; color:#fff;}

.video-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.video-list li { width:23%; flex:0 0 23%; margin:15px 1%; float:left; height:auto; overflow:hidden; -webkit-box-shadow:0px 0px 10px #999; display:block; box-shadow:0px 0px 10px #999;}
.video-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block; position:relative;}
.video-list li .pic .play_icon { width:80px; height:80px; position:absolute; left:50%; top:50%; margin-top:-40px; margin-left:-40px; background:url(../images/play_black.png) center center no-repeat; background-size:100% 100%;}
.video-list li .pic .play_icon:hover { background:url(../images/play.png) center center no-repeat;  background-size:100% 100%;}
.video-list li .name{ text-align:center; height:50px; line-height:50px; text-align:center; background:#fff; font-size:16px; color:#000;}
.video-list li:hover .name { background:#c9a27e; color:#fff;}

.news-box { height:auto; overflow:hidden; padding-right:383px;}
.news-box .rightbox { width:330px; height:auto; overflow:hidden; float:right; margin:0 -383px 0 0;}
.news-box .rightbox .searchbox { width:100%; height:auto; overflow:hidden; background:#e5e5e5;}
.news-box .rightbox .searchbox .box { width:80%; height:auto; margin:30px auto; overflow:hidden;}
.news-box .rightbox .searchbox .tit { font-size:24px; color:#000; line-height:30px;}
.news-box .rightbox .searchbox .keys { width:100%; height:40px; margin-top:15px; border:0; background:#fff; line-height:40px; text-indent:10px;}
.news-box .rightbox .searchbox .submit { width:100%; height:40px; font-size:15px; margin-top:15px; border:0; background:#bb1818; color:#fff; line-height:40px; text-align:center; cursor:pointer;}
.news-box .rightbox .picnews { margin-top:30px; display:block;}
.news-box .rightbox .picnews .pic { overflow:hidden;}
.news-box .rightbox .picnews .tit { font-size:17px; line-height:28px; margin-top:10px; color:#000;}
.news-box .rightbox .picnews .des { font-size:14px; line-height:24px; color:#6e6e6e; margin-top:5px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-box .rightbox .picnews:hover .tit{ color:#ff4208;}
.news-box .rightbox .picnews:hover .des{ margin-top:10px;}
/*新闻二级列表*/
.news-list { width:100%; height:auto; overflow:hidden; float:left;}
.news-list li { width:100%; height:165px; overflow:hidden; position:relative; background:#fff; border-bottom:1px solid #dbdbdb;}
.news-list li .box { height:165px; padding-left:100px;}
.news-list li .date { width:100px; height:165px; margin:0 0 0 -100px; float:left; font-family:Arial;}
.news-list li .date .date-day { font-size:53px; line-height:60px; color:#828282; margin-top:30px;}
.news-list li .date .date-year-month{ font-size:14px; line-height:18px; color:#9d9d9d; }
.news-list li .pic { width:300px; height:200px; overflow:hidden; display:block; float:left; margin:0 0 0 -340px; _display:inline; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC;}
.news-list li .brief { width:100%; height:auto; overflow:hidden; float:left; margin-top:30px;}
.news-list li .brief .tit { width:100%; display:block; font-size:22px; height:40px; line-height:40px; color:#323232; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.news-list li .brief .des { color:#707070; font-size:14px; line-height:23px; margin-top:5px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list li .brief .more { display:inline-block; width:112px; height:39px; line-height:39px; text-align:center; font-size:14px; color:#ef7626; border:1px solid #ef7626; text-transform:uppercase; position:relative; margin-top:20px;}
.news-list li .brief .more:hover { background:#ef7626; color:#fff;}
.news-list li:hover .brief .tit { color:#0e6c6b;}
.news-list li:hover .brief .des { }
.news-list li:hover .date .date-day { color:#0e6c6b;}
.news-list li:hover .date .date-year-month { color:#0e6c6b;}
.news-list li .line_bx { background:#008d39; width:0%; height:2px; position:absolute; left:0; bottom:0;}
.news-list li .line_ly { background:#008d39; width:2px; height:0%; position:absolute; left:0; bottom:0;}
.news-list li .line_tx { background:#008d39; width:0%; height:2px; position:absolute; right:0; top:0;}
.news-list li .line_ry { background:#008d39; width:2px; height:0%; position:absolute; right:0; top:0;}
.news-list li:hover .line_bx { width:100%;}
.news-list li:hover .line_ly { height:100%;}
.news-list li:hover .line_tx { width:100%;}
.news-list li:hover .line_ry { height:100%;}
/*新闻列表样式*/
.news-list1 { width:100%; height:auto; overflow:hidden; font-size:16px;}
.news-list1 li { width:100%; line-height:50px; height:50px; border-bottom:1px dotted #999; position:relative; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.news-list1 li .date { float:right;}
.news-list1 li .tit { margin-left:20px;}
.news-list1 li:hover { border-bottom:1px solid #999; }
.news-list1 li:before { content:''; position:absolute; left:0; bottom:22px; width:6px; height:6px; background:#000;}
.news-list1 li:after { content:''; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#0e6c6b;-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;}
.news-list1 li:hover:after { width:100%;}

.jobs-list { width:100%; height:auto; overflow:hidden; float:left;}
.jobs-list li { width:100%; height:60px; overflow:hidden; position:relative; background:#fff; border-bottom:1px dashed #dbdbdb;}
.jobs-list li .date { float:right; line-height:60px; font-family:Arial;}
.jobs-list li .tit { width:100%; font-size:16px; height:60px; line-height:60px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.jobs-list li .des { color:#707070; font-size:14px; line-height:23px; margin-top:5px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jobs-list li:hover .tit { color:#ff4208;}
.jobs-list li:hover:before { background:#599e49;}
.jobs-list li:hover .des { color:#ff4208;}
.jobs-list li:hover .date { color:#ff4208;}

.upresume { border:1px solid #ccc; background:#eee; padding:10px; border-radius:5px;}
.upresume:hover { border:1px solid #f00; background:#f00; color:#fff;}

.detail { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.detail .tit { font-size:18px; line-height:40px; margin:10px 0; font-weight:bold; text-align:center; color:#000;}
.detail .des { line-height:40px; color:#666; text-align:center;/* border-top:1px solid #ccc;*/ margin-top:10px; font-size:14px;}
.detail .pic { text-align:center;}
.detail .con { padding:10px; line-height:2; color:#000; text-align:justify;/* text-justify:distribute-all-lines;*/ text-justify:inter-ideograph;}
.detail .con p { font-size:16px; margin:20px 0;}
/*上一条下一条*/
.detail .prev_next { font-size:14px; border-top:1px solid #ccc; margin:0; padding:10px; margin-top:15px;}
.detail .prev_next a { color:#666; display:block;}
.detail .prev_next a:hover { color:#c00;}
.detail .label { margin:10px 0; font-size:16px; font-weight:bold; color:#666;}
/*相关标签*/
.detail .tag a { display:inline-block; color:#f00; border-bottom:1px dashed #f00; margin:0 3px;}
/*相关新闻列表*/
.detail .news-related-list { width:100%; height:auto; overflow:hidden;}
.detail .news-related-list li { height:30px; border-bottom:1px dashed #ccc; line-height:30px; text-indent:20px; position:relative;}
.detail .news-related-list li:before { content:''; width:6px; height:6px; position:absolute; left:5px; top:50%; margin-top:-3px; background:#999; border-radius:50%;}
.detail .news-related-list li span { float:right;}
/*相关图片列表*/
.detail .news-related-pic { width:100%; height:auto; overflow:hidden;}
.detail .news-related-pic  li { width:120px; height:110px; float:left; margin-right:10px; position:relative;}
.detail .news-related-pic  li .picture { width:120px; height:80px;}
.detail .news-related-pic  li .title { height:20px; line-height:30px; text-align:center; width:100%; font-size:12px;}

.detail .relatedbox { display:none;}

/*产品详情*/
.product_detail { height:auto; overflow:hidden; padding-left:650px; padding-right:200px;}
.product_detail .picbox{ width:620px; float:left; margin:10px 0 0 -650px;}
.product_detail .picbox .pic { margin-left:140px;}
.product_detail .con { width:100%; height:auto; float:left; overflow:hidden;}
.product_detail .con .tit { height:40px; font-size:20px; line-height:40px; text-align:left; margin:0; color:#7f4d21;}
.product_detail .con .des { font-size:16px; line-height:2; width:100%; height:auto; overflow:hidden; border-top:1px solid #ebdac8; margin-top:10px; padding:2.5% 0; color:#666; line-height:2;}
/*相关产品*/
.product_detail .relatedbox { width:160px; height:auto; overflow:hidden; float:right; margin:0 -200px 0 0;}
.product_detail .relatedbox .tit { line-height:40px; background:#fff; font-size:16px; color:#666; text-align:center; font-weight:bold;}
.product_detail .relatedbox ul li { height:auto; text-align:center;}
.product_detail .relatedbox ul li .picture{ width:100%; height:auto; text-align:center;}
.product_detail .relatedbox ul li .title{ height:40px; line-height:40px; text-align:center;}

.detail_label { color:#7f4d21; font-weight:bold; font-size:16px; line-height:40px; border-bottom:1px solid #7f4d21; background:#ebdac8; text-indent:20px; margin-top:20px; border-radius:5px 5px 0 0;}

.pic_thumb_list { position:relative;}
.pic_thumb_list .spe_leftBtn,
.pic_thumb_list .spe_rightBtn { display:none;}

.ny_topbox { max-width:1440px; min-width:300px; height:auto; margin:0 auto; overflow:hidden; color:#000; text-align:center;}
.ny_topbox .title { display:inline-block; margin-top:30px;}
.ny_topbox .tit { font-size:34px; line-height:60px; font-weight:bold;}
.ny_topbox .line { display:inline-block; width:3px; height:16px; overflow:hidden; background:#000; margin:0 20px;}
.ny_topbox .tit1 { font-size:34px; font-family:Arial; text-transform:uppercase; font-weight:normal; margin-left:10px;}
.ny_topbox .des { margin:16px auto;}
/*内页导航*/
.guidebox { width:100%; height:auto; overflow:visible; position:relative;}
.guidebox dt { width:100%; height:auto; overflow:hidden; position:relative; text-align:center;}
.guidebox dt .tit { color:#000; font-size:48px; line-height:63px; height:63px; position:relative; z-index:2; position:relative;}
.guidebox dt .tit1 { color:#fff; font-size:12px; line-height:20px; text-transform:uppercase; font-family:Arial; display:none;}
.guidebox dt .line { display:block; width:68px; height:5px; background:#0c55b8; position:relative; margin:10px auto;}
.guidebox dt .title { margin-top:17px; margin-left:77px;}

.guidebox dd { width:100%; height:auto; overflow:visible; position:relative;}

.guidebox dd ul { width:100%; height:auto; overflow:visible; font-size:18px; margin-top:20px; text-align:center;}
.guidebox dd ul li { display:inline-block; min-width:194px; min-height:50px; line-height:50px; position:relative; margin:10px; position:relative; z-index:0;}
.guidebox dd ul li a { background:#f5f5f5; color:#000; display:block; height:50px; line-height:50px; position:relative; padding:0 20px; margin-right:3px; text-align:center;}
.guidebox dd ul li:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; /* background:#e2e2e2; transform:skew(-30deg); border-radius:5px;*//*设置倾斜度为-30*/
	-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
}
.guidebox dd ul li:nth-child(1):after { background:none;}
.guidebox dd ul li:hover:before,.guidebox dd ul li.hover:before { /*background:#454545;*/}
.guidebox dd ul li:hover a,.guidebox dd ul li.hover a { background:#c9a27e; color:#fff;}
.guidebox dd ul li:hover a { /*margin-top:-5px;*/}
.guidebox dd ul li:hover { z-index:5;}
.guidebox dd ul li:hover a+.subnav { display:block;}
.guidebox dd .subnav { font-size:14px; margin-top:0; height:auto; position:absolute; width:100%; top:50px; left:0; display:none; overflow:hidden; color:#000;}
.guidebox dd .subnav a { display:block; line-height:40px; height:40px; text-align:center; color:#047bca; border-top:1px solid #fff;}
.guidebox dd .subnav a:hover,.guidebox dd .subnav a.hover { background:#7f4e21; color:#fff;}

.leftbox .contact { height:auto; overflow:hidden; position:relative; margin-top:25px; background:#eeeeee;}
.leftbox .contact dt { width:100%; height:47px; overflow:hidden; text-align:center; position:relative; background:#0057b0;}
.leftbox .contact dt .tit { color:#fff; font-size:22px; line-height:47px; position:relative; z-index:2; font-weight:bold;}
.leftbox .contact dt .line { width:100%; height:3px; overflow:visible; text-align:center; position:relative; margin:10px 0;}
.leftbox .contact dd { margin:4px; height:auto; overflow:hidden; position:relative; background:#fff;}
.leftbox .contact dd:after { content:''; background:url(../images/contact_tit_line.png) no-repeat; width:163px; height:6px; position:absolute; left:50%; margin-left:-81.5px; top:7px; z-index:1;}
.leftbox .contact dd .info { margin:14px; font-size:15px; line-height:42px; color:#373737; font-weight:bold;}



.leftbox .qrcodebox { width:80%; margin:0 auto; height:auto; overflow:hidden; margin-top:180px; border-top:1px solid #d1d1d1;}
.leftbox .qrcodebox .pic { width:105px; height:105px; margin:0 auto; margin-top:36px;}
.leftbox .qrcodebox .tit { font-size:12px; line-height:40px; color:#4b4b4b; text-align:center;}

.leftbox .news_box {width:100%; height:auto; overflow:hidden;}
.leftbox .news_box dt { width:100%; height:44px; overflow:hidden; position:relative; background:url(../images/guidebox_tit_bg.png) no-repeat;}
.leftbox .news_box dt .entitle {font-size: 24px;  line-height:26px; text-transform: uppercase; color:#cccccc; font-family: 'Courier New'; position:absolute; left:0; top:0; z-index:1;}
.leftbox .news_box dt .tit { display:inline-block; color:#fff; font-size:16px; line-height:40px; position:relative; z-index:2; margin-left:5%; font-weight:bold;}
.leftbox .news_box dd { height:auto; overflow:hidden; background:#e6f2fa; border:1px solid #d4dfe3; border-top:none; padding-bottom:20px;}
.leftbox .news_box dd ul.news_list { width:90%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.leftbox .news_box dd ul.news_list li { height:24px; line-height:24px; overflow:hidden; color:#292929; background:url(../images/news_list_icon.gif) 0 center no-repeat;}
.leftbox .news_box dd ul.news_list li .tit { display:block; line-height:24px; height:24px; margin-left:15px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.leftbox .news_box dd ul.news_list li .tit:after { content:''; background:#d5d5d5; height:2px; width:0%; position:absolute; left:0; bottom:0;
-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
.leftbox .news_box dd ul.news_list li:hover .tit:after { width:100%;}
.leftbox .news_box dd ul.news_list li .time { color:#292929; line-height:30px; float:right;}

/*左则导航搜索框*/
.leftbox .searchbox { width:100%; height:auto; overflow:hidden; background:#e5e5e5;}
.leftbox .searchbox .box { width:80%; height:auto; margin:20px auto; overflow:visible;}
.leftbox .searchbox .tit { font-size:18px; color:#060606; line-height:30px;}
.leftbox .searchbox .keys { width:100%; height:35px; line-height:35px; border:1px solid #fff; margin-top:0; border:0; background:#fff; text-indent:10px;}
.leftbox .searchbox .keys:focus { border:1px solid #e21919; -webkit-box-shadow:0 0 12px #e21919 ;-moz-box-shadow:0 0 12px #e21919 ;box-shadow:0 0 12px #e21919;}
.leftbox .searchbox .hotkeys { line-height:30px; height:30px; color:#757575;}
.leftbox .searchbox .hotkeys a { color:#757575;}
.leftbox .searchbox .submit { width:100%; height:36px; font-size:16px; border:0; background:#e21919; color:#fff; line-height:36px; text-align:center; cursor:pointer;}
/*左则导航新闻*/
.topnewsbox { width:100%; height:auto; overflow:hidden; margin-top:20px;}
.topnewsbox dt { width:100%; height:38px; line-height:38px; background:#6fbef2;}
.topnewsbox dt .tit { color:#062f72; font-size:35px; text-transform:uppercase; line-height:50px; display:inline-block; font-weight:bold; /*background:url(../images/productbox_tit_line.gif) center center no-repeat;*/}
.topnewsbox dt .entit { color:#7b7b7b; font-size:28px; margin-left:20px; font-weight:normal;}
.topnewsbox dt .tit1 { color:#7b7b7b; line-height:30px; /* display:inline-block; background:#fff; padding:0 10px;*/ font-size:14px;}
.topnewsbox dt .line { width:3px; height:39px; background:#004aa5; position:relative; display:inline-block; top:8px; margin:0 33px;}
.topnewsbox dt .des { color:#1a4791; font-size:16px; line-height:27px;}
.topnewsbox dd { border:1px solid #e8e8e8; padding:10px;}
.topnewsbox dd ul { width:100%; height:auto; overflow:hidden;}
.topnewsbox dd ul li { width:100% height:27px; line-height:27px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

/*详细内容显示*/
.contentbox { width:100%; height:auto; float:left; overflow:hidden;  background:#fff; background:rgba(255,255,255,.6); margin-top:40px; padding-bottom:20px; margin-bottom:20px; position:relative; z-index:998;}
.contentbox dt { width:98%; height:69px; line-height:69px; overflow:hidden; margin:0 auto; position:relative; display:none;}
.contentbox dt .location { float:right; color:#999; font-size:14px; line-height:69px; font-weight:normal; background:url(../images/localhost_icon.png) 0 center no-repeat; padding-left:20px;}
.contentbox dt .location a { color:#999;}
.contentbox dt .slogan { display:none;}
.contentbox dt .tit { font-size:18px; position:relative; display:block; float:right; margin-right:20px; font-weight:; color:#4b4b4b; position:relative; padding:0; display:none;}
.contentbox dt .tit:before{ content:''; background:#da0e1c; width:3px; height:18px; position:absolute; top:15px; left:5px; display:none;}
.contentbox dt .tit:after{ content:''; background:#03479c; width:100%; height:3px; position:absolute; bottom:0; left:0; display:none;}
.contentbox dd { width:98%; min-height:550px; margin-top:30px; height:auto; margin:0 auto; margin-top:20px; overflow:hidden;}
.contentbox dd #content {}

.contactbox_bg { background:#fff; height:auto; position:relative;}
.contactbox dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative;}
.contactbox dt .space { margin:0 20px; position:relative; top:-10px;}
.contactbox dt .tit { color:#7f7f7f; font-size:30px; line-height:40px; height:40px; margin-top:15px;}
.contactbox dt .tit1 { color:#8a8a8a; font-size:18px; line-height:30px;  /*font-family:Arial;text-transform:uppercase; display:inline-block; background:#fff; padding:0 10px;*/}
.contactbox dd:before { content:''; position:absolute; left:0; top:0; width:49.9%; height:8px; background:#0057b0; z-index:1;}
.contactbox dd:after { content:''; position:absolute; right:0; top:0; width:49.9%; height:8px; background:#17a03d; z-index:1;}
.contactbox dd { width:100%; height:auto; overflow:hidden; position:relative; margin-top:40px;}
.contactbox dd .telbox { color:#fff; background:url(../images/contactbox_tel_icon.png) no-repeat; margin-top:23px;}
.contactbox dd .telbox .lab { font-size:18px; line-height:30px; margin-left:40px;}
.contactbox dd .telbox .tel { font-size:30px; line-height:50px; font-family:"Arial"; font-weight:bold;}
.contactbox dd .contact_more { display:block; width:209px; height:43px; line-height:43px; text-align:center; background:#eb0c2b; color:#fff; font-size:18px; float:right; margin-top:5px;}
.contactbox dd .contact_more:hover { background:#fff; color:#eb0c2b;}
.contactbox dd .emapbox { width:100%; height:660px; background:#ccc; margin-top:8px;}
/*友情链接*/
.friendlinks_bg { background:#f2f2f2; height:auto; overflow:hidden;}
.friendlinks { height:auto; overflow:hidden; padding-left:115px; background:#f1f1f1; border:1px solid #e6e6e6;}
.friendlinks dt{ width:115px; height:48px; line-height:48px; margin:0 0 0 -115px; _display:inline; overflow:hidden; position:relative; float:left; text-align:center;}
.friendlinks dt .tit { color:#000; font-size:16px; font-weight:bold;}
.friendlinks dt .line { position:absolute; width:88px; height:3px; bottom:0; left:0; background:#de0a0a;}
.friendlinks dt .more { font-size:12px; color:#000; float:right; margin-right:20px; margin-top:23px; width:66px; height:31px; line-height:31px; background:url(../images/newsbox_more.png) no-repeat; text-align:center;}
.friendlinks dd { width:100%; height:auto; overflow:hidden; font-size:0; float:right;}
.friendlinks dd .linklist { width:100%; line-height:48px; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; color:#423e00;}
.friendlinks dd a { display:inline-block; font-size:15px; line-height:48px; padding:0 10px; margin:0 10px; text-align:center; color:#000; position:relative;}
.friendlinks dd a:before { /*content:''; position:absolute; left:0; bottom:-4px; width:100%; height:4px; background:#ef0924;*/
-webkit-transition: all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
}
.friendlinks dd a:hover { color:#ef0924;}
.friendlinks dd a:hover:before { width:100%; bottom:-4px;} 

.copyright_bg { height:62px; line-height:62px; background:#c39862;}
.copyright { max-width:1440px; min-width:300px; height:62px; min-width:300px; line-height:62px; overflow:hidden; margin:0 auto; color:#885618; text-align:center; font-size:18px;}
.copyright a { color:#885618;}
/*页脚*/
.footer_bg { height:auto; overflow:hidden;}
.footer_nav_bg { background:#04a2dd; height:43px; line-height:43px;}
.footer_nav { max-width:1440px; min-width:300px; margin:0 auto; background:#04a2dd; height:43px; line-height:43px; overflow:hidden;}
.footer_nav a { color:#fff; display:block; width:12.5%; float:left; text-align:center;}
.footerbox { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; border-top:2px solid #0;}
.footerbox .text { color:#b6c3eb; line-height:27px; text-align:center; margin:10px 0;}
.footerbox .text a { color:#b6c3eb;}
.footer { max-width:1440px; min-width:300px; height:auto; margin:0 auto; overflow:hidden; position:relative; color:#fff; border-top:2px solid #000; padding:20px 0;}

.footer .qrcode_box { height:auto; overflow:hidden; float:right; margin-right:10%;}
.footer .qrcode_box .tit { width:98%; height:88px; line-height:88px; overflow:hidden; font-size:24px; color:#000; text-align:right;}
.footer .qrcodebox { width:218px; height:auto; overflow:hidden; text-align:center; position:relative; margin-right:20px; margin-top:30px; z-index:1; background:#fff; border:1px solid #e5e5e5; float:right;}
.footer .qrcodebox .pic { width:218px; height:218px; margin:4px; overflow:hidden; float:left;}

.footer .contactway { float:left; line-height:24px; margin-top:25px; color:#7c7c7c; margin-left:10%;}
.footer .contactway .tit { font-size:18px; line-height:30px; margin-top:20px;}
.footer .contactway .tit1 { font-size:24px; line-height:50px; color:#000; margin-top:40px;}
.footer .contactway .address { font-size:18px; line-height:40px;}
.footer .contactway .tel { font-size:24px; line-height:40px;}

/*联系我们*/
.contactbox { width:31%; float:left; height:auto; overflow:hidden;}
.contactbox dt { width:100%; height:37px; line-height:37px; background:#2f60a1; border-radius:5px;}
.contactbox dt .tit { font-size:16px; font-weight:normal; color:#fff; background:url(../images/fff_box_7.gif) 0 center no-repeat; padding-left:15px; margin-left:12px;}
.contactbox dt .more { font-size:14px; font-weight:normal; color:#5f9bea; float:right; margin-right:22px;}
.contactbox dt .more:hover { color:#f1b11a;}
.contactbox dd .des { line-height:29px; margin:10px;}


.clear{ clear:both; margin:0; padding:0;}
.hidden{ display:none;}
.gotop { width:46px; height:46px; overflow:hidden; background:url(../images/gotop.gif) no-repeat; position:fixed; right:10px; bottom:110px;}


/*自定义新闻列表样式*/
.contentbox dd ul.news_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.contentbox dd ul.news_list li { width:100%; flex:0 0 30%; float:left; padding-bottom:20px; margin-left:3.33333%; border:1px solid #d3d3d3;}
.contentbox dd ul.news_list li.ml0 { margin-left:0;}
.contentbox dd ul.news_list li {
-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
.contentbox dd ul.news_list li img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.contentbox dd ul.news_list li:hover img {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
}
.contentbox dd ul.news_list li:hover { border:1px solid #fff; -moz-box-shadow:0px 0px 10px #CCC, 0px 0px 20px #CCC; -webkit-box-shadow:0px 0px 20px #CCC, 0px 0px 10px #CCC; box-shadow:0px 0px 20px #CCC, 0px 0px 20px #eee;}
.contentbox dd ul.news_list li .brief { margin:0 20px; height:auto; overflow:hidden;}
.contentbox dd ul.news_list li .time { line-height:29px; margin-top:10px; font-size:16px; color:#898888; text-indent:24px; background:url(../images/icon_time.png) 0 center no-repeat;}
.contentbox dd ul.news_list li .tit { line-height:29px; font-size:18px; color:#000; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.contentbox dd ul.news_list li .des { line-height:22px; font-size:14px; color:#787878; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.contentbox dd ul.news_list li .pic { overflow:hidden; display:block;}
.contentbox dd ul.news_list li .more { background:url(../images/news_list_more.png) no-repeat; display:block; width:40px; height:40px; position:relative; left:0;}
.contentbox dd ul.news_list li .more:hover{ background:url(../images/news_list_more1.png) no-repeat;}
.contentbox dd ul.news_list li:hover .more{ left:85%; transform: perspective(220px) rotateZ(-360deg); background:url(../images/news_list_more1.png) no-repeat;} 
.contentbox dd ul.news_list li:hover .tit { color:#05adb8; font-weight:bold;}


@media only screen and (max-width: 640px) {
	* { -webkit-box-sizing: border-box; box-sizing: border-box;}
	.ismobile{display:block!important}
	.ispc{display:none!important}
	.ispad{display:none!important}
	.topbox_bg { display:none;}
	.insidebox_bg { margin-top:0px; padding:0.5rem 0.2rem;}
	/*页眉*/
	.top_bg{ height:1rem; border-bottom:1px solid #cecece; background:#fff; border-top:3px solid #ecdbc9; position:fixed; top:0;}
	.top_bg.show { height:100%;}
	.top_bg.show .top { height:100%;}
	.top_bg.show .top .toplink,
	.top_bg.show .top .searchbox,
	.top_bg.show .top .navmenu { display:block;}
	.top_bg .top{ height:1rem; position:relative;}
	.top_bg .top .logo { position:absolute; left:0.2rem; top:0.15rem; overflow:visible; width:4rem;}
	.top_bg .top .logo .name { font-size:36px; font-weight:bold; color:#458f34;}
	.top_bg .top .ad_text { width:100%; height:auto; overflow:hidden; margin-top:10px;}
	.top_bg .top .logo .ad_text span { width:112px; height:23px; line-height:23px; font-size:14px; text-align:center; color:#919191; display:block; border-radius:3px; border:1px solid #e7e7e7; background:#fff; margin-left:11px; float:left;}
	.top_bg .top .logo .ad_text .ml0 { margin-left:0;}
	.top_bg .top .logo .text { font-size:41px; font-weight:bold; background: linear-gradient(to top, #bb0000, #ff0000); -webkit-background-clip: text; color: transparent; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff',GradientType=0 ); }
	.top_bg .top .logo .tit { font-size:20px; color:#505050; position:absolute; right:-70%; bottom:10px;}
	.top_bg .top .logo:hover {/*transform: perspective(120px) rotateY(-360deg);*/}
	
	.top_bg .top .toplink { height:0.6rem;  line-height:0.6rem; position:absolute; top:auto; left:0; bottom:0; color:#d0d0d0; font-size:0.22rem; padding:0px; z-index:0; background:#eee; text-align:center; display:none;}
	.top_bg .top .toplink a { line-height:40px; color:#d0d0d0; display:inline-block; text-align:center; margin:0 5px;}
	.toplink a.sina_icon { width:20px; height:20px; line-height:60px; background:url(../images/sina_icon.png) center center no-repeat; position:relative; top:6px;}
	.toplink a.wechat_icon { width:20px; height:20px; line-height:60px; background:url(../images/wechat_icon.png) center center no-repeat; position:relative; top:6px;}
	.toplink a.wechapp_icon { width:20px; height:20px; line-height:60px; background:url(../images/wechapp_icon.png) center center no-repeat; position:relative; top:6px;}
	.toplink a.wechat_icon:hover { background:url(../images/wechat_icon_hover.png) center center no-repeat;}
	.toplink a.wechapp_icon:hover { background:url(../images/wechapp_icon_hover.png) center center no-repeat;}
	.toplink a.sina_icon:hover { background:url(../images/sina_icon_hover.png) center center no-repeat;}
	.top_bg .top .toplink a:hover,
	.top_bg .top .toplink a.hover { color:#ff0000;}
	.top_bg .top .toplink .qrcodebox { width:104px; height:104px; position:absolute; left:20px; top:45px; border-left:0; background:#fff; border:1px solid #ccc; padding:5px; border-radius:2px; display:none;}
	.top_bg .top .toplink .lang_switch { display:none;}
	.top_bg .top .lang_list { color:#d0d0d0; font-size:0.2rem; display:block; position:absolute; top:0.3rem; right:1rem; height:0.4rem; line-height:0.6rem; padding:0 0rem; overflow:hidden; background:#fff; border-radius:0px; text-align:center;}
	.top_bg .top .lang_list:hover { height:auto; border:1px solid #ccc;}
	.top_bg .top .lang_list a { display:block; line-height:0.4rem; height:0.4rem;}
	.top_bg .top .lang { font-weight:bold;}
	
	.top_bg .top .qrcode_pic { position:absolute; right:0; top:60px; width:218px; height:auto; overflow:hidden; border:4px solid #000; border:4px solid rgba(0,0,0,.30); display:none; border-radius:2px;}
	
	.top_bg .top .searchbox { width:96%; height:auto; overflow:visible; position:absolute; top:1.2rem; left:2%; border-radius:0px; display:none; z-index:1;}
	.top_bg .top .searchbox .keys { width:100%; height:0.66rem; line-height:0.66rem; border:1px solid #ccc; color:#000; font-size:0.24rem position:absolute; left:0; top:0; border-radius:0.33rem;}
	.top_bg .top .searchbox:hover .keys{ width:100%;}
	.top_bg .top .searchbox .submit { width:0.66rem; height:0.66rem; line-height:0.66rem;}
	.top_bg .top .searchbox .keys:-ms-input-placeholder{ font-size:0.24rem;}
	.top_bg .top .searchbox .keys::-webkit-input-placeholder{ font-size:0.24rem;}

	.top_bg .top .menu_icon { width:0.50rem; height:0.50rem; overflow:hidden; position:absolute; right:0.2rem; top:0.25rem; margin-top:0; display:block; z-index:1;}
	.top_bg .top .menu_icon:after { content:''; position:absolute; left:10%; top:50%; margin-top:-0.03rem; width:80%; height:0.04rem; border-radius:0.02rem; background:#000;}
	.top_bg .top .menu_icon a { display:block; width:0.5rem; height:0.5rem; position:relative;}
	.top_bg .top .menu_icon a:before { content:''; width:80%; height:0.04rem; background:#000; position:absolute; left:10%; top:18%; margin-top:-0.02rem; border-radius:0.02rem; z-index:1;}
	.top_bg .top .menu_icon a:after { content:''; width:80%; height:0.04rem; background:#000; position:absolute; left:10%; bottom:18%; margin-top:-0.02rem; border-radius:0.02rem; z-index:1;}
	.top_bg .top .menu_icon:after,
	.top_bg .top .menu_icon a:before,
	.top_bg .top .menu_icon a:after {
		-webkit-transition: all .3s ease;
		-moz-transition:all .3s ease;
		-o-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	.top_bg .top .menu_icon.close:after { width:0%; left:50%;}
	.top_bg .top .menu_icon.close a:before {
		top:50%; margin-top:-0.02rem;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
	}
	.top_bg .top .menu_icon.close a:after {
		bottom:50%; margin-bottom:-0.02rem;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
	}	
	.navmenu { position:relative; left:0; right:0; top:2rem; height:auto; overflow:hidden; background:#fff; padding:0.2rem; background:#eee; display:none;}
	.navmenu #menu { width:100%; height:0.6rem; position:relative; right:0; font-size:0.26rem;/* background:url(../images/navmenu_spa.png) left center no-repeat;*/}
	.navmenu #menu li { width:100%; height:auto; overflow:hidden; min-height:0.6rem; float:left; position:relative; /* position:relative; writing-mode:tb-rl; font-weight:bold;  letter-spacing:2px;*/}
	.navmenu #menu li .subnav_icon { display:block; width:0.6rem; height:0.6rem; line-height:0.6rem background:#f00; text-align:right; font-family:"宋体"; position:absolute; right:0; top:0; z-index:1;}
	.navmenu #menu li a { display:block; width:100%; height:0.6rem; line-height:0.6rem; text-align:left; overflow:visible; position:relative; color:#252525;}
	.navmenu #menu li:hover a+.subnav{ display:block;}
	.navmenu #menu li.hover a ,
	.navmenu #menu li:hover a{ color:#804f21;}
	.navmenu #menu li.hover,
	.navmenu #menu li:hover {}
	.navmenu #menu li.hover a+.subnav { display:block;}
	.navmenu #menu li a:before{
		content: '';
		position:absolute;
		left:0%;
		bottom:0%;
		width:100%;
		height:0;
		background:#75bf21;
		z-index:-1;
		border-radius:8px 8px 0 0;
		-moz-transition:all .5s cubic-bezier(0,0,.2,1);
		-o-transition:all .5s cubic-bezier(0,0,.2,1);
		-ms-transition:all .5s cubic-bezier(0,0,.2,1);
		transition:all .5s cubic-bezier(0,0,.2,1);
	}
	.navmenu #menu li:hover a:before,.navmenu #menu li.hover a:before { height:0;}
	/*二级菜单*/
	.navmenu #menu li .subnav { width:100%; height:auto; overflow:hidden; display:none; position:relative; top:0px; left:0; text-align:left; background:#fff; background-size:100% 100%; font-size:0.22rem; font-weight:normal; border-radius:0;}
	.navmenu #menu li .subnav a { display:inline-block; width:auto; padding:0 0.2rem; height:0.6rem; line-height:0.6rem; font-weight:normal; color:#804f21; position:relative; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
	.navmenu #menu li .subnav a:before { background:none;}
	.navmenu #menu li .subnav a:hover { background:url(../images/subnav_a_hover.png) top center no-repeat; color:#fff; font-weight:bold;}
	
	.navmenu .searchbox { width:197px; height:36px; overflow:hidden; position:absolute; top:12px; right:0; border-radius:0px; background:#d8d8d8; border-radius:3px;}
	.navmenu .searchbox .keys { width:151px; height:36px; line-height:36px; border:0; color:#000; position:absolute; left:0; top:0; text-indent:10px;  background:#fff;}
	.navmenu .searchbox .submit { width:45px; height:36px; line-height:36px; background:#fff url(../images/search_icon.png) center center no-repeat; font-size:0px; border:0; position:absolute; right:0; top:0; color:#000; cursor:pointer;}
	.navmenu .searchbox.open { height:24px;}
	.navmenu .searchbox .keys:-ms-input-placeholder{
		color: #afafaf;/*opacity:0.5; font-size:12px;*/
	}
	.navmenu .searchbox .keys::-webkit-input-placeholder{
		color: #afafaf;/*opacity:0.5; font-size:12px;*/
	}
	.ny_banner,
	.bannerBox{ margin-top:1rem; }
	.ny_banner { height:3.5rem; background-color:#ccc; overflow:hidden; position:relative;}
	.bannerBox .ctrl_box { bottom:0; top:50%; margin-top:-0.225rem;}
	.bannerBox .ctrl_box .ctrl_prev_next { width:100%; float:left; position:relative; height:0.5rem;}
	.bannerBox .ctrl_box .prev,
	.bannerBox .ctrl_box .next { width:0.45rem; height:0.45rem; line-height:0.45rem; text-align:center; border:0; background:rgba(0,0,0,.5); color:#fff; font-size:0.3rem; right:0; top:0; left:0; margin:0 0.2rem; display:inline-block; position:absolute; border-radius:50%; font-family:"宋体";}
	.bannerBox .ctrl_box .next { left:auto; right:0;}
	
	.bannerBox .hd{ width:100%;
		height:auto;
		text-align:center;
		position:absolute;
		bottom:0.10rem;
	}
	.bannerBox .hd ul { text-align:center;}
	.bannerBox .hd ul li{
		width:0.4rem;
		height:0.4rem;
		line-height:0.4rem;
		margin:0px 0.2rem;
		text-align:center;
		font-size:0.2rem;
		border-radius:50%;
		overflow:hidden;
	}
	.bannerBox .hd ul li.on{  font-size:0.3rem; background:rgba(0,0,0,.2);}
	
	/*内页导航*/
	.guidebox { width:100%; height:auto; overflow:visible; position:relative;}
	.guidebox dt { width:100%; height:auto; overflow:hidden; position:relative; text-align:center;}
	.guidebox dt .tit { font-size:0.48rem; line-height:0.63rem; height:0.63rem; position:relative; z-index:2; position:relative;}
	.guidebox dt .tit1 { color:#fff; font-size:12px; line-height:20px; text-transform:uppercase; font-family:Arial; display:none;}
	.guidebox dt .line { display:block; width:68px; height:5px; background:#0c55b8; position:relative; margin:10px auto;}
	.guidebox dt .title { margin-top:17px; margin-left:77px;}
	
	.guidebox dd { width:100%; height:auto; overflow:visible; position:relative;}
	
	.guidebox dd ul { width:100%; height:auto; overflow:visible; font-size:0.24rem; margin-top:0.2rem; text-align:center;}
	.guidebox dd ul li { display:block; width:33%; min-width:33%; min-height:0.6rem; margin:0.01rem; float:left;}
	.guidebox dd ul li a { height:0.6rem; line-height:1.1; position:relative; padding:0; margin:0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center; text-align:center;}
	.guidebox dd ul li:hover a,
	.guidebox dd ul li.hover a { background:#c9a27e; color:#fff;}
	.guidebox dd ul li:hover a { /*margin-top:-5px;*/}
	.guidebox dd ul li:hover { z-index:5;}
	.guidebox dd ul li:hover a+.subnav { display:block;}
	.guidebox dd .subnav { font-size:14px; margin-top:0; height:auto; position:absolute; width:100%; top:50px; left:0; display:none; overflow:hidden; color:#000;}
	.guidebox dd .subnav a { display:block; line-height:40px; height:40px; text-align:center; color:#047bca; border-top:1px solid #fff;}
	.guidebox dd .subnav a:hover,.guidebox dd .subnav a.hover { background:#7f4e21; color:#fff;}
	
	/*详细内容显示*/
	.contentbox { margin:0.2rem 0; padding-bottom:0.2rem;}
	.contentbox dt { width:100%; height:0.7rem; line-height:0.7rem; display:none;}
	.contentbox dt .location { width:100%; float:left; text-align:left; font-size:0.22rem; line-height:0.7rem; font-weight:normal; background:url(../images/localhost_icon.png) 0 center no-repeat; padding-left:0.5rem;}
	.contentbox dt .tit { font-size:0.24rem; margin-right:0.2rem;}
	.contentbox dd { width:100%; min-height:auto; margin-top:0.2rem;}
	.contentbox dd #content {}
	
	.detail .tit { font-size:0.24rem; line-height:1.5; margin:0.1rem 0;}
	.detail .des { line-height:1.5; margin-top:0.1rem; font-size:0.22rem;}
	.detail .con { padding:0.2rem 0; line-height:2; text-align:left;/* text-justify:distribute-all-lines;*/ text-justify:inter-ideograph;}
	.detail .con p { font-size:0.22rem; margin:0;}
	
	/*上一条下一条*/
	.detail .prev_next { font-size:0.22rem; padding:0.1rem 0; margin-top:0.15rem;}
	.detail .label { margin:0.1rem 0; font-size:0.22rem;}
	
	
	.goods-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.goods-list li { width:48%; flex:0 0 48%; margin:1% 0; -webkit-box-shadow:0px 0px 0px #fff; display:block; box-shadow:0px 0px 0px #fff;}
	.goods-list li .pic { -moz-box-shadow:0px 0px 0px #fff;}
	.goods-list li .pic img { display:block;}
	.goods-list li .name{ height:0.6rem; line-height:0.6rem; font-size:0.22rem; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
	
	.pic-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.pic-list li { width:48%; flex:0 0 48%; margin:1% 0; -webkit-box-shadow:0px 0px 0px #fff; display:block; box-shadow:0px 0px 0px #fff;}
	.pic-list li .pic { -moz-box-shadow:0px 0px 0px #fff;}
	.pic-list li .pic img { display:block;}
	.pic-list li .name{ height:0.6rem; line-height:0.6rem; font-size:0.22rem; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
	
	.video-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.video-list li { width:48%; flex:0 0 48%; margin:1% 0; -webkit-box-shadow:0px 0px 0px #fff; display:block; box-shadow:0px 0px 0px #fff;}
	.video-list li .pic { -moz-box-shadow:0px 0px 0px #fff; position:relative;}
	.video-list li .pic img { display:block;}
	.video-list li .pic .play_icon { width:0.80rem; height:0.80rem; position:absolute; left:50%; top:50%; margin-top:-0.40rem; margin-left:-0.40rem; background:url(../images/play_black.png) center center no-repeat; background-size:100% 100%;}
	.video-list li .pic .play_icon:hover { background:url(../images/play.png) center center no-repeat;  background-size:100% 100%;}
	.video-list li .name{ height:0.6rem; line-height:0.6rem; font-size:0.22rem; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

	/*产品展示*/
	.product_box { padding-left:0; height:auto; overflow:hidden; margin-top:0.3rem;}
	.productbox dd .product_sort_recom { width:100%; height:auto; overflow:hidden; margin:0; float:left;}
	.productbox dd .product_sort_recom .pic { width:100%; height:auto; overflow:hidden; position:relative; display:block;}
	.productbox dd .product_sort_recom .pic .more { position:absolute; right:0; bottom:0; width:1.18rem; height:0.83rem; line-height:0.83rem; background:#fff url(../images/product_more_icon.png) center center no-repeat; background-size:50% auto; text-align:center;}
	.productbox dd .product_sort_recom .tit { font-size:0.28rem; line-height:2; margin-top:0.3rem;}
	.productbox dd .product_sort_recom .brief { margin:0; margin-top:0.5rem;}
	.productbox dd .product_sort_recom .brief .tit1 { font-size:0.24rem; line-height:2; color:#000; margin-top:0.1rem;}
	.productbox dd .product_sort_recom .brief .des { width:100%; font-size:0.22rem; height:auto; line-height:2; margin-top:0.2rem; text-align:justify; text-justify:inter-ideograph; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	
	.productbox dd .product_sort { width:100%; height:auto; overflow:hidden; float:left; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
	.productbox dd .product_sort li { width:49%; margin-left:0%; margin-top:0.32rem; text-align:center;}
	.productbox dd .product_sort li .tit { font-size:0.24rem; line-height:0.6rem; margin-top:0.1rem;}
	.productbox dd .product_sort li .more{ width:1.5rem; height:0.6rem; display:block; line-height:0.6rem; font-size:0.24rem; border-radius:0.3rem; margin:0 auto; margin-top:0.2rem;}
	
	.productbox dd .point_list { margin-top:0.2rem;}
	.productbox dd .point_list li { float:left; width:23%; text-align:center;}
	.productbox dd .point_list li .tit2 { font-size:0.22rem; line-height:0.4rem;}
	
	.productbox_bg { height:auto; overflow:hidden; padding:0 0.2rem;}
	.productbox { margin-top:0.6rem;}
	.productbox dt { width:100%; height:auto; overflow:hidden; position:relative; text-align:center;}
	.productbox dt .tit { font-size:0.48rem; line-height:0.5rem; height:auto;}
	.productbox dt .tit1 { font-size:0.26rem; line-height:0.4rem;}
	.productbox dt .line { width:0.60rem; height:0.07rem; margin:0.1rem auto;}
	.productbox dt .des { font-size:0.22rem; line-height:2;}
	.productbox dd .tabs { width:100%; height:auto; overflow:hidden; font-size:14px; text-align:center; /* display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;*/ margin-top:30px;}
	.productbox dd .tabs a { min-width:107px; height:36px; line-height:36px; padding:0; text-align:center; margin:10px 5px; color:#3e3e3e; position:relative; background:#d2d2d2; display:inline-block; border-radius:18px;}
	.productbox dd .tabs a:hover,.productbox dt .tabs a.hover { color:#fff; background:#093e86;}
	.productbox dt .contact_info { padding:30px 20px; line-height:30px; font-size:14px; color:#4b4b4b;}
	.productbox dt .contact_info .qrcode { width:104px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
	.productbox dt .contact_info .tit { width:100%; text-align:center; font-size:12px; line-height:30px; margin:0; color:#4b4b4b;}
	.productbox dt .product_sort_list { width:100%; height:auto; overflow:hidden;}
	.productbox dt .product_sort_list li { width:220px; height:279px; background:#dfdfdf; float:left; margin-right:25px;}
	.productbox dt .product_sort_list li .pic { width:118px; height:118px; overflow:hidden; margin:0 auto; border-radius:50%; border:1px solid #da0225; margin-top:32px;}
	.productbox dt .product_sort_list li .tit2 { color:#343434; font-size:18px; line-height:40px; margin-top:20px;}
	.productbox dt .product_sort_list li .more{ width:82px; height:30px; display:inline-block; line-height:30px; background:#ededed; color:#343434; font-size:12px; text-transform:uppercase; border-radius:15px; text-align:center; border:1px solid #c1c1c1; font-family:Arial; margin-top:10px;}
	.productbox dt .product_sort_list li:hover { background:#da0225;}
	.productbox dt .product_sort_list li:hover .tit2 { color:#fff;}
	.productbox dt .product_sort_list li:hover .pic { border:1px solid #fff;}
	.productbox dt .product_sort_list li:hover .more { background:#c0001f; color:#fff; border:1px solid #ff4362;}
	
	.productbox dt .product_sort_scroll { width:1200px; height:auto; overflow:visible; min-width:300px; margin:0 auto; margin-top:30px;}
	.productbox dt .product_sort_scroll .hd { margin:20px 0;}
	.productbox dt .product_sort_scroll .hd ul{ text-align:center; width:100%; height:auto; overflow:visible;}
	.productbox dt .product_sort_scroll .hd ul li { display:inline-block; width:10px; height:10px; margin:10px 3px; overflow:hidden; border-radius:50%; background:#aaaaaa; text-indent:-999px;}
	.productbox dt .product_sort_scroll .hd ul li.on { background:#da0225;}
	
	.productbox dd { width:100%; height:auto; overflow:visible; position:relative;}
	
	.productbox dd .searchbox { width:820px; height:64px; overflow:hidden; background:#fff; border-radius:25px; margin:0 auto; position:relative; margin-top:30px;}
	.productbox dd .searchbox .keys { width:100%; height:64px; margin-top:0; border:0; background:#fff; line-height:64px; text-indent:30px; font-size:16px; color:#787878;}
	.productbox dd .searchbox .submit { width:142px; height:64px; font-size:16px; border:0; background:#75bf21; color:#fff; line-height:64px; position:absolute; right:0; top:0; border-radius:25px; z-index:9; text-align:center; cursor:pointer;}
	.productbox dd .picnews { margin-top:30px; display:block;}
	
	.productbox dd .prev { width:30px; height:100%; position:absolute; left:-80px; top:0; z-index:1; background:url(../images/productbox_scroll_prev.gif) center center no-repeat;}
	.productbox dd .next { width:30px; height:100%; position:absolute; right:-80px; top:0; z-index:1; background:url(../images/productbox_scroll_next.gif) center center no-repeat;}
	
	.productbox .product_list { width:100%; height:387px; overflow:hidden;}
	.productbox .product_list li { width:276px; height:367px; float:left; margin:10px; margin-right:18px; height:auto; overflow:hidden; position:relative; top:0; left:0;
	-moz-transition:all .5s cubic-bezier(0,0,.2,1);
	-o-transition:all .5s cubic-bezier(0,0,.2,1);
	-ms-transition:all .5s cubic-bezier(0,0,.2,1);
	transition:all .5s cubic-bezier(0,0,.2,1);
	-webkit-box-shadow:0px 0px 10px #ccc; display:block; box-shadow:0px 0px 10px #ccc;
	}
	.productbox .product_list li.ml0 { margin-left:0;}
	.productbox .product_list li .des { height:48px; line-height:24px; color:#828282; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.productbox .product_list li .tit { display:block; width:100%; height:50px; line-height:50px; font-size:16px; color:#3b3b3b; z-index:1; position:relative; left:0; bottom:0;
	webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
	}
	.productbox .product_list li .more{ width:44px; height:32px; color:#fff; font-size:0px; text-transform:uppercase; background:url(../images/productbox_list_more_bg.png) center center no-repeat; position:absolute; left:50%; margin-left:-22px; bottom:0;}
	.productbox .product_list li a { display:block; position:relative;/* z-index:5; width:100%; height:100%; background:url(../images/productbox_list_mask.png) center center no-repeat; background-size:100% 100%;*/}
	.productbox .product_list li .pic { display:block; overflow:hidden;
		webkit-transition: all .5s ease;
		-moz-transition:all .5s ease;
		-o-transition:all .5s ease;
		-ms-transition:all .5s ease;
		transition:all .5s ease; position:relative; z-index:0;
	}
	.productbox .product_list li:hover { background:#fe7a16;}
	.productbox .product_list li:hover .pic { 
		-webkit-transform: scale(1.1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 750ms;
		-moz-transform: scale(1.1);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 750ms;
	}
	.productbox .product_list li .brief { background:#fff; position:relative; z-index:1; padding:0 20px; height:162px;}
	
	.productbox .product_list li:hover .brief { background:#093e86;}
	.productbox .product_list li:hover .tit { color:#fff;}
	.productbox .product_list li:hover .des { color:#fff;}
	.productbox .product_list li:hover .more { font-size:12px; color:#fff; background:none; position:relative; left:0; bottom:0; margin-top:10px; margin-left:0;}
	
	.productbox dd .product_more { width:172px; height:44px; border-radius:22px; background:#093e86; line-height:44px; text-align:center; display:block; margin:0 auto; margin-top:90px; color:#fff; -webkit-box-shadow:0px 0px 10px #ccc; display:block; box-shadow:0px 0px 10px #ccc;}
	
	
	
	/*关于我们*/
	.aboutbox_bg { height:auto; min-height:auto; overflow:hidden; background-size:cover; padding:0 0.2rem; padding-bottom:0.5rem; margin-top:0.5rem;}
	.aboutbox { margin-top:0.5rem;}
	.aboutbox dt { text-align:center;}
	.aboutbox dt .tit1 { font-size:0.26rem; line-height:0.5rem;}
	.aboutbox dt .tit {  font-size:0.48rem; line-height:0.60rem; height:auto;}
	.aboutbox dt .line { width:0.6rem; height:0.04rem; margin:0.25rem auto; }
	.aboutbox dd .des { font-size:0.22rem; line-height:2; text-align:center;}
	.aboutbox dd .about_box {  padding-left:0px;}
	.aboutbox dd .about { margin-top:0.2rem;}
	.aboutbox dd .margin { margin: 0.35rem;}
	.aboutbox dd .about .pic { overflow:hidden;}
	.aboutbox dd .about .tit1 { font-size:0.49rem; line-height:0.5rem; margin-top:0.6rem; /* display:inline-block; background:#fff; padding:0 10px;*/}
	.aboutbox dd .about .tit { font-size:0.28rem; line-height:0.5rem; height:0.5rem; margin-top:0.2rem;}
	.aboutbox dd .about .des { width:100%; margin-top:0.1rem; line-height:2; font-size:0.22rem; -webkit-line-clamp: 13;}
	.aboutbox dd .about .more { height:0.6rem; line-height:0.6rem; font-size:0.48rem; right:0.3rem;}
	.aboutbox dd .about .more:hover { font-weight:bold; color:#f00;}
	
	.about_slide { height:auto; overflow:hidden; position:relative; left:0; top:0; right:0; background:#fff; padding-bottom:0; display:none;}
	.about_slide .bd ul { position:relative;}
	.about_slide .bd ul li { position:relative; padding-bottom:1.40rem;}
	.about_slide .bd ul li .tit { font-size:0.4rem; color:#000; line-height:0.6rem; text-transform:uppercase; text-align:right; position:absolute; bottom:0px; width:100%;}
	
	.about_slide .hd{ width:100%;
		height:30px;
		text-align:right;
		position:absolute;
		bottom:150px; z-index:1; }
	.about_slide .hd .line { width:200px; height:2px; background:#000; display:inline-block;}
	.about_slide .hd ul{ width:100%; overflow:hidden; zoom:1; text-align:right; margin:30px 0;}
	.about_slide .hd ul li{ display:inline-block;
		_display:inline;
		_zoom:1;
		background:url(../images/about_slide_circle.png) center center no-repeat;
		width:12px;
		height:12px;
		line-height:12px;
		_font-size:0;
		margin:5px;
		cursor:pointer;
		z-index:1;
		border-radius:0;
		-webkit-transition: all .5s cubic-bezier(0,0,.2,1);
		-moz-transition:all .5s cubic-bezier(0,0,.2,1);
		-o-transition:all .5s cubic-bezier(0,0,.2,1);
		-ms-transition:all .5s cubic-bezier(0,0,.2,1);
		transition:all .5s cubic-bezier(0,0,.2,1);
		
		color:#fff; font-size:12px; overflow:hidden; text-indent:-999px;}
	.about_slide .hd ul li.on{ background:url(../images/about_slide_circle1.png) center center no-repeat; width:12px; color:#fff;}
	
	
	.aboutbox dd .about_other { align-items:baseline; margin-top:0.5rem;}
	.aboutbox dd .about_other li { width:33.3333%; flex:0 0 33.3333%;}
	.aboutbox dd .about_other li .icon { width:0.8rem; height:0.8rem; overflow:hidden; margin:0 auto; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;}
	.aboutbox dd .about_other li .icon img { display:block; max-width:100%; width:auto;}
	.aboutbox dd .about_other li .tit { font-size:0.28rem; line-height:0.5rem; margin-top:0.2rem;}
	.aboutbox dd .about_other li .line { width:0.5rem; height:0.04rem; margin:0.1rem auto;}

	.indexbox{ padding:0 0.2rem;}
	/*产品供应*/
	.supplybox { width:100%; margin-top:0.3rem; padding:0.3rem;}
	.supplybox .brief { margin:0;}
	.supplybox .tit { font-size:0.3rem; line-height:0.5rem; margin-top:0;}
	.supplybox .tit1 { font-size:0.24rem; line-height:2; margin-top:0.2rem;}
	.supplybox .pic { margin-top:0.3rem;}
	
	/*服务优势*/
	.advantage_bg { height:auto; overflow:hidden; background-size:cover; padding:0.5rem 0.2rem; margin-top:0.3rem;}
	.advantage { max-width:1440px; min-width:300px; height:auto; margin:0 auto; overflow:hidden; position:relative; margin-top:0.77rem;}
	.advantage dt { width:100%; height:auto; position:relative; padding:0.3rem 0; float:left;}
	.advantage dt .tit { font-weight:bold; font-size:0.36rem; line-height:0.50rem; display:inline-block; margin-top:0.30rem; letter-spacing:0.05rem;}
	.advantage dt .des { font-size:0.26rem; line-height:0.36rem; margin:0 0.56rem; margin-top:0.20rem; position:relative;}
	.advantage dt .des:before { content:''; position:absolute; left:0; top:0; width:20px; height:15px; background:url(../images/desc_icon_s.png) no-repeat;}
	.advantage dt .des:after { content:''; position:absolute; right:0; bottom:0; width:20px; height:15px; background:url(../images/desc_icon_e.png) no-repeat;}
	.advantage dt .des span { font-size:30px; font-weight:bold; font-family:"宋体";}
	.advantage dd { width:100%; height:auto; overflow:hidden; position:relative; right:0; top:0; left:0;}
	.advantage dd .icon_list { margin:0; margin-top:0.3rem; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.advantage dd .icon_list li { width:30%; height:auto; overflow:hidden; float:left; padding:0.4rem 0; background-size:100% auto;}
	.advantage dd .icon_list li .icon { width:0.6rem; height:0.6rem; overflow:hidden; margin:0 auto; margin-top:0; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;}
	.advantage dd .icon_list li .icon img { display:block; width:60%;}
	.advantage dd .icon_list li .tit { font-size:0.25rem; line-height:2; co}
	.advantage dd .icon_list li .des { line-height:0.22rem; margin-top:0.1rem;}
	
	/*新闻资讯*/
	.newsbox_bg { padding:0 0.2rem; padding-bottom:0.8rem; position:relative;}
	.newsbox { margin-top:0.6rem;}
	.newsbox dt .tit1 { font-size:0.26rem; line-height:0.40rem;/}
	.newsbox dt .tit { font-size:0.48rem; line-height:0.60rem; height:auto; letter-spacing:0.08rem;}
	.newsbox dt .line { width:0.60rem; height:0.07rem; margin:0.1rem auto;}
	.newsbox dt .des { font-size:0.2rem; line-height:2; margin-top:0.2rem;}
	
	.newsbox dd .tabs { display:none;}
	.newsbox dt .tabs { width:100%; height:auto; overflow:hidden; font-size:0; margin-top:0.50rem; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
	.newsbox dt .tabs a { display:block; width:32%; height:0.6rem; margin:0; float:left; position:relative; background:url(../images/news_tabs_bg1.jpg) top center no-repeat; background-size:0% 100%;}
	.newsbox dt .tabs a .tit { width:100%; height:0.6rem; line-height:0.6rem; font-size:0.26rem; text-align:center; position:relative; border:1px solid #d4d4d4}
	.newsbox dt .tabs a:hover,
	.newsbox dt .tabs a.hover{ background-size:100% 100%;}

	/*新闻列表样式*/
	.newsbox dd .news_pic { width:100%; height:auto; overflow:hidden; float:left; margin-top:0.6rem;}
	.newsbox dd .news_pic img { display:block; width:100%;}
	.news_list_box { width:100%; height:auto; overflow:hidden; float:left; margin-top:0.1rem;}
	.newsbox dd ul.news_list { width:100%; height:auto; overflow:visible; float:left; margin-top:0.48rem;}
	.newsbox dd ul.news_list li { width:100%; height:auto; overflow:visible; padding:0.2rem 0; float:left; position:relative; border-top:1px solid #ccc;}
	.newsbox dd ul.news_list li:after { left:-20%; height:100%;}
	.newsbox dd ul.news_list li .line { background:#da0325; width:70px; height:2px; margin:10px 0;}
	.newsbox dd ul.news_list li { 
	-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
	}
	.newsbox dd ul.news_list li .date { width:1rem; line-height:1.2; height:auto; margin-top:0;}
	.newsbox dd ul.news_list li .date .d { font-size:0.72rem; line-height:0.72rem;}
	.newsbox dd ul.news_list li .date .d:after { left:0; bottom:0; margin-left:0; width:100%; height:0.02rem; }
	.newsbox dd ul.news_list li .date .y-m { font-size:0.22rem; line-height:0.30rem;color:#c8c8c8;}
	.newsbox dd ul.news_list li .tit .y-m { display:none;}
	.newsbox dd ul.news_list li .pic { width:182px; height:auto; overflow:hidden; display:block; margin:20px 0 0 -190px; float:left;}
	.newsbox dd ul.news_list li .brief { width:80%; height:auto; overflow:hidden; float:right;}
	.newsbox dd ul.news_list li .tit { font-size:0.28rem; height:0.40rem; line-height:0.40rem; margin-top:0.15rem;}
	.newsbox dd ul.news_list li .des { width:100%; height:auto; line-height:2; margin-top:0rem; font-size:0.22rem;}
	.newsbox dd ul.news_list li:hover:after,
	.newsbox dd ul.news_list li.hover:after { width:140%;}

	/*产品详情*/
	.product_detail { height:auto; overflow:hidden; padding:0;}
	.product_detail .picbox{ width:100%; height:auto; float:left; margin:0;}
	.product_detail .picbox .pic { margin-left:0px;}
	.product_detail .con { width:100%; height:auto; float:left; overflow:hidden;}
	.product_detail .con .tit { height:auto; font-size:0.28rem; line-height:1.5; margin:0.2rem 0;}
	.product_detail .con .des { font-size:0.22rem; margin-top:0.2rem;}
	/*相关产品*/
	.product_detail .relatedbox { display:none;}
	.detail .relatedbox { display:block; width:100%; height:auto; overflow:hidden; float:left; margin:0;}
	.detail .relatedbox .tit { line-height:2; background:#fff; font-size:0.28rem; color:#666; text-align:center; font-weight:bold;}
	.detail .relatedbox ul li { width:30%; height:auto; overflow:hidden; text-align:center; float:left;}
	.detail .relatedbox ul li .picture{ width:100%; height:auto; overflow:hidden;}
	.detail .relatedbox ul li .picture img { display:block; width:100%;}
	.detail .relatedbox ul li .title{ width:100%; height:0.6rem; line-height:0.6rem; overflow:hidden;}

	.detail_label { font-size:0.28rem; line-height:2; text-indent:0.2rem; margin-top:0.2rem;}
	
	.copyright_bg { height:auto; line-height:0.62rem; padding:0.2rem 0;}
	.copyright { height:auto; line-height:0.62rem; font-size:0.22rem; text-align:center;}
	
	/*页脚*/
	.footer_bg { height:auto; overflow:hidden; padding:0 0.2rem;}
	.footer_nav_bg { background:#04a2dd; height:43px; line-height:43px;}
	.footer_nav { max-width:1440px; min-width:300px; margin:0 auto; background:#04a2dd; height:43px; line-height:43px; overflow:hidden;}
	.footer_nav a { color:#fff; display:block; width:12.5%; float:left; text-align:center;}
	.footerbox { max-width:1440px; min-width:300px; height:auto; overflow:hidden; margin:0 auto; border-top:2px solid #0;}
	.footerbox .text { color:#b6c3eb; line-height:27px; text-align:center; margin:10px 0;}
	.footerbox .text a { color:#b6c3eb;}
	.footer { border-top:0.02rem solid #000; padding:0.2rem 0;}
	.footer .qrcode_box { width:100%; height:auto; overflow:hidden; margin:0; margin-top:0.2rem; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-around; align-items:center;}
	.footer .qrcode_box .tit { width:100%; height:0.88rem; line-height:0.88rem;font-size:0.28rem; background:#eee; text-align:center;}
	.footer .qrcodebox { width:2.5rem; height:auto; overflow:hidden; padding:0.04rem; text-align:center; position:relative; margin:0.2rem 0; z-index:1; background:#fff; border:0; float:left;}
	.footer .qrcodebox .pic { width:auto; height:auto; overflow:hidden; float:left; margin:0.04rem;}
	.footer .qrcodebox .pic img { display:block;}
	.footer .contactway { width:100%; line-height:0.28rem; margin-top:0.25rem; color:#7c7c7c; margin:0%;}
	.footer .contactway .tit { font-size:0.25rem; line-height:2; margin-top:0.2rem;}
	.footer .contactway .logo { width:4rem;}
	.footer .contactway .tit1 { font-size:0.28rem; line-height:2; margin-top:0.4rem;}
	.footer .contactway .address { font-size:0.24rem; line-height:2;}
	.footer .contactway .tel { font-size:0.24rem; line-height:2;}

}
@media only screen and (max-width: 480px) {
	
}
/*常用CSS3动画效果*/
.trans,a{
    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}

/*表单表格*/
.form_table{padding:25px 0 50px 20px; font-size:14px;}
.form_table td{ color:#666; border:0;}
.form_table td p{ line-height:20px; height:20px;}
.form_table .submit {background:#FF4001; border-radius:2px; width:170px; height:40px; text-align:center; line-height:30px; color:#fff; border:0; font-size:16px; font-weight:bold; cursor:pointer;}
/*表单控件控制*/
.num{font-family:"Arial";}
.num1{font-family:Verdana, Arial, Helvetica, sans-serif}
.num5{font-family:"微软雅黑";}
.strong{font-weight:bold;}
.normal{font-weight:normal;}
.aright{text-align:right;}
.aleft{text-align:left;}
.xuxian{border-bottom:1px dashed #ddd;}
.xuxian1{border-bottom:1px dotted #ddd;}
.inputall{height:28px; line-height:28px; border:1px #ddd solid; padding:2px 5px; font-size:14px; background:#fefefe}
.inputall30{border:1px #bababa solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; height:30px; line-height:30px; font-size:16px;}
.inputselect{line-height:22px; border:1px #cecece solid; padding:5px 2px; font-size:14px; background:#fefefe; color:#555;}
.textarea{border:1px #cecece solid; padding:5px 2px; font-size:14px; background:#fefefe; color:#555;}
.input60{width:60px;}
.input100{width:100px;}
.input150{width:150px;}
.input200{width:200px;}
.input250{width:250px;}
.input300{width:300px;}
.input350{width:350px;}
.input400{width:400px;}
.input500{width:500px;}
.input550{width:550px;}
.input600{width:600px;}
.input650{width:650px;}
.inputfix{vertical-align:middle; margin-top:-2px; margin-bottom:1px;}
/*分页样式*/
.fenye a{font-size:16px; font-family:"宋体";}
.fenye{ text-align:center; height:auto; overflow:hidden; margin-top:20px;}
.fenye a{ border:1px #ef580d solid; padding:0 10px; /*border-radius:2px;*/ color:#ef580d; background:#fff;display:inline-block;  height:30px; line-height:30px; font-weight:normal; margin-left:8px; border-radius:2px;}
.fenye a:hover,.fenye .sel{background:#ef580d; color:#fff; border:1px #ef580d solid;  padding:0 10px;}
.fenye .sel{ font-weight:bold;}
/*chrome  浏览器滚动条的美化 */
/*::-webkit-scrollbar-track-piece {width:8px;background-color:#f4f4ff;}
::-webkit-scrollbar { width:8px; background-color:#f00;}
::-webkit-scrollbar-thumb { width:8px; height:50px; background-color:#999;}
::-webkit-scrollbar-thumb:hover { width:8px; background-color:#bb1818;}*/