@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 16px; font-family:"Microsoft Yahei", 宋体, Verdana, Arial, Helvetica, Sans-serif; font-weight:normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
input, textarea { outline:none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*input框自动填充背景色*/
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 1000px #fff inset;	/**通过边框阴影遮挡住背景*/
/*-webkit-text-fill-color: #333; !**填充字体颜色*!*/
}
body { }
a, a:link, a:visited { color:#333333; text-decoration:none; }
a.active { color: #ffb02c; text-decoration:none; }
.cl { clear:both; visibility:hidden; font-size:0px; line-height:0px; width:100%; height:0; padding:0px; margin:0px; }
/*clear float*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.red, a.red:link, a.red:visited { color:#ee7800; }
a.red:hover { color:#ffb02c; }
.dot { color:#ae1d2c; }
.container { max-width:1400px; margin:0 auto; }
img { max-width: 100%; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }



/*header*/
.headerpage { clear:both; width:100%; margin:0 auto 0 auto; padding:0; background:#fff; position:absolute; z-index:11; }
.headerpage:after, .headerpage:before { content: ''; display: block; clear: both; height: 0; }

header {width:100%; padding:0% 0;}
.head { clear:both; margin:0 auto;}
header:after, header:before { content: ''; display: block; clear: both; height: 0; }

header .logo { padding-left:20px;}
header .headerright { width:65%;  padding:0px 0 0 0; position:relative;}
header .wapnav { float:right; display:none; }
.phones { font-size:1.5rem; font-weight:bold; color:#8ec31f; background:url(../images/tel.png) left no-repeat; padding-left:35px;}

/*erweima*/
.ewm{ clear: both;position:relative; width:90px; height:90px; background:#1369ac;}
.ewm span{ display:block;}
.ewm img:nth-child(1){ display:block; width:32px; margin:0 auto; padding-top:1.8rem; }
.ewm img:nth-child(3){ display:none;width: 130px;min-width: 130px; max-width:100%; height:130px;position:absolute; top:5.5rem; bottom: 0; right: 0; z-index:99; }
.ewm:hover img:nth-child(3){display:block; }
/*erweima*/

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
@-webkit-keyframes scaleUpDown { 
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleUpDown { 
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }

/*banner*/
.banner-box { overflow: hidden; position: relative; max-width:100%; max-height:100%;}
.banner-box .banner { text-align: center; color: #fff; }
.banner-box .banner .bimg{display: block;position: relative;}
.banner-box .banner .pimg{display: none;position: relative;}
.banner-box .banner .zh { font-size: 45px; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; text-shadow: 2px 2px 2px #656B79;}
.banner-box .banner .line { display: block; width: 125px; height: 3px; background: #fff; margin: 25px auto; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0;text-shadow: 2px 2px 2px #656B79; }
.banner-box .banner .en { font-family: "browalliaUPC"; font-size: 100px; text-transform: uppercase; line-height: 1; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0;text-shadow: 2px 2px 2px #656B79; }
.banner-box .banner .con { width: 640px; margin: 0 auto; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; line-height: 1.5; font-family: arial; font-size: 12px; margin-top: 13px;}
.banner-box .banner .word { position: absolute; width: 100%; top: 0; left: 0; height: 100%; line-height: 1.2; }
.banner-box .banner .slick-current .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s; animation: scaleUpDown 5s; }
.banner-box .banner .slick-current .zh { transition: .56s .2s; -webkit-transition: .56s .2s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .banner .slick-current .line { transition: .56s .4s; -webkit-transition: .56s .4s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .banner .slick-current .en { transition: .56s .8s; -webkit-transition: .56s .8s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .banner .slick-current .con { transition: .56s 1.2s; -webkit-transition: .56s 1.2s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .mouse { width: 22px; height: 42px; position: absolute; left: 50%; bottom: 60px; background: url(../images/mouse.png) no-repeat scroll center center; animation: mouse 1s ease-in-out 0.1s alternate none infinite running; -webkit-animation: mouse 1s ease-in-out 0.1s alternate none infinite running; }


@keyframes mouse { from { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }
  55% { opacity: 0.6; }
  to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; } }

@-webkit-keyframes mouse { from { transform: translateY(0); -webkit-transform: translateY(0); }
  to { transform: translateY(10px); -webkit-transform: translateY(10px); } }

/*End banner*/


/*首页样式*/
.indexbt { text-align:center; color:#999999; font-size:17px;margin-bottom:1rem;}
.indexbt h1 { font-size:2.2rem; font-weight:bold; color:#1369ac; margin-bottom:1rem; display:block;}

.indexwbt { text-align:center; color:#fff; font-size:17px;margin-bottom:1rem;}
.indexwbt h1 { font-size:2.2rem; font-weight:bold; color:#fff; margin-bottom:1rem; display:block;}


.imain { margin:2% auto; width:94%; overflow:hidden;}
.zsxm {}

.abritu { overflow:hidden; }
.abritu img { transition: all .3s linear;}
.abritu img:hover { transform: scale(1.2); }


/*产品*/
.productbox{ height: 580px; max-width: 1780px; margin:2rem auto 0 auto;}
.productbox ul { min-width: 100%; height: 100%; margin: 0 -5px; text-align: left;}
.productbox li{position: relative;    overflow: hidden;padding-left: 0;padding-right: 0;}
.productbox li .cover_box{width: 100%; height: 100%; position:relative; z-index: 2; border-left: solid #eee 5px; border-right: solid #eee 5px;  transition:all .3s;}
.productbox li img{ position: absolute; left: 0; top:0; height: 100%; max-width: none;}
.productbox li.col-md-6 .cover_box{ opacity: 0; transition: opacity .3s ease-in-out;}
.productbox li.col-md-2 .cover_box{opacity: 1;transition: opacity .3s ease-in-out;}
.productbox li .stxt{position:absolute; width: 100%; height: 100%; left:0;  top:0; right: 0;  bottom: 0; z-index: 5; display: flex; justify-content: center; flex-flow: column; align-content: center; align-items: center; color:#fff; opacity: 1;}
.productbox li .stxt h5 { font-size:1rem; text-transform:uppercase;text-shadow: 1px 1px 1px #000;}
.productbox li .stxt h4 { font-size:2rem; font-weight:bold; text-shadow: 1px 1px 1px #000; }
.productbox li .bigtxt{  position:absolute;  height: 100%;  left: 0;top:0;  right: 0;  bottom: 0; transition:all .3s;}
.productbox li .bigtxt .con{ width: 100%; height: auto; color: #fff; position: relative; z-index: 2; opacity:0; transform: translateY(80%); padding: 20px; margin-top:30%; text-shadow: 1px 1px 1px #000;}
.productbox li.col-md-6 .bigtxt .con{ opacity:1; transform: translateY(120%);transition: all .6s; }
.productbox li .bigtxt .con h2{ line-height:4rem; font-size:2rem; font-weight:bold; text-shadow: 2px 2px 2px #000;  color:#fff;}
.productbox li .bigtxt .con p{ font-size:1rem;line-height: 1.6rem; margin-bottom: 0;display: -webkit-box; text-shadow: 1px 1px 1px #000;  -webkit-box-orient: vertical;    -webkit-line-clamp: 3; overflow: hidden;}
.productbox li .bigtxt .con a{ color: #fff;text-shadow: 1px 1px 1px #000;}

@media(max-width: 768px){
/*.productbox{ height: 300px;}*/
.productbox li .cover_box{ display: none;}
.productbox li .bigtxt img{ width: 100%; height: auto;}
.productbox li .bigtxt .con{ width: 100%; height: auto; color: #fff; position: relative; z-index: 2; opacity:0; transform: translateY(0); padding: 20px; }
.productbox li .bigtxt .con h2{ font-size: 1.125rem; line-height: 2rem;}
.productbox li .bigtxt .con p{line-height:1.5rem;  -webkit-line-clamp: 1;}
.productbox li .bigtxt .con p a{ display: none}
.productbox li:hover .bigtxt .con{ opacity:1; transform: translateY(20%);transition: all .6s; }
}


.xmys { background:url(../images/ys_bg.jpg) top center no-repeat; padding:1.5rem 0;}
.xmys ul { display:flex; justify-content:space-between; flex-wrap:wrap; background:#ffffff; margin-top:2rem;}
.xmys li { width:33.3%;display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center;}
.xmys li .yspic { width:45%; overflow:hidden; }

/*.xmys li img { float:left; margin-right:7%;}*/
.xmys li .text { width:50%; padding-right:3%;} 
.xmys li .text h1 { font-size:1.6rem; font-weight:bold; line-height:3rem;}
.xmys li .text p { color:#454545; line-height:1.6rem;}


.company { background:url(../images/a_bg.jpg) top left no-repeat; padding:4.7rem 0; overflow:hidden;}
.company .about { background:#fefefe; width:94%; margin:0 auto; display:flex;  justify-content:space-between; flex-wrap:wrap;}
.company .aboutwz { width:59%; display:flex; justify-content:space-between; background:url(../images/about_di.png) left no-repeat;flex-direction:column;}
.company .aboutwz .comwz { width:100%; margin:0 auto; padding:6% 6% 0% 6%; }
.company .aboutwz .comwz span { font-size:36px; font-weight:bold; display:block; margin-bottom:2%;}
.company .aboutwz .comwz .fiveh { color:#666666; font-size:16px; line-height:2rem;word-break:break-all;	display:-webkit-box;	-webkit-line-clamp:5;	-webkit-box-orient:vertical;overflow:hidden;}

.company .aboutwz .coman {width:100%; height:176px; overflow:hidden; background:#f0f1f1;}
.company .aboutwz .coman ul{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.company .aboutwz .coman li { width:25%; padding:1.5rem 0rem 1.5rem 2.5rem;background-image: linear-gradient(to left , #e6e6e6, #f9f9f9);transition: 0.3s;}
.company .aboutwz .coman li img { margin-bottom:1rem;}
.company .aboutwz .coman li h1 { font-size:20px; font-weight:bold; color:#666666;}
.company .aboutwz .coman li span { font-size:13px; color:#b7b7b7; text-transform:uppercase; display:block; margin-top:-0.2rem;}
.company .aboutwz .coman li:hover{background-image: linear-gradient(to left , #1369ac, #8fc325); transition: 0.3s;}
.company .aboutwz .coman li:hover h1 { color:#fff}
.company .aboutwz .coman li:hover span { color:#fff}
.company .aboutwz .coman li:hover img{-webkit-filter: brightness(1000) grayscale(100); filter: brightness(1000) grayscale(100);}

.gksp {width:41%;}
.gksp img { width:100%;}
.zzsc {position: fixed;left: 32%;right:38%;top:0%;width:600px;;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none;}
.zzsc:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.tccontent{display: inline-block; *display: inline; *zoom:1;	vertical-align: middle;position: relative;}
.content_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000; opacity:0.5;filter:alpha(opacity=50); display:none;}


.project { background:#f6f6f6 url(../images/xm_Bg.jpg) top no-repeat; padding:3rem 0}
.project .weizhi { margin:0px auto; width:94%; }

.indexcp_box{  margin:0px auto; width:94%; position:relative; padding:1.5rem 0 2.5rem 0;}
.swiper-container { width: 100%;}
.swiper-wrapper{ }
.swiper-slide { position:relative}
.swiper-slide img{ display:block; width:100%;}
.swiper-slide .xmtitle {clear:both; overflow:hidden; background:#fff; width:90%; margin:auto; padding:2rem; margin-top:-70px; position:relative; z-index:11;}
.swiper-slide .xmtitle h1 { font-size:24px; font-weight:bold;}
.swiper-slide .xmtitle h2 { width:60px; height:2px; background:#1369ac}
.swiper-slide .xmtitle p { color:#999;}
.swiper-slide .xmtitle img { width:36px;}

.swiper-slide:hover .xmtitle{ background:#0067ba;}
.swiper-slide:hover .xmtitle h1 { color:#fff}
.swiper-slide:hover .xmtitle h2 { background:#fff;}
.swiper-slide:hover .xmtitle p { color:#fff;}
.swiper-slide:hover .xmtitle img {-webkit-filter: brightness(1000) grayscale(100); filter: brightness(1000) grayscale(100);}


.news { margin:2rem auto 0 auto;display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden; }
.news .leftnr { width:72%;}
.news .leftnr ul {display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid #e7e7e7; padding:2% 0 4% 0;}
.news .leftnr li { width:47%;}
.news .leftnr li a {display:flex; justify-content:space-between;}
.news .leftnr li a:hover h1 { color:#ff0001;}
.news .leftnr li .nrpic { width:35%; }
.news .leftnr li .nrzi { width:60%;}
.news .leftnr li h1 { font-size:18px; font-weight:bold;height:23px; overflow:hidden;}
.news .leftnr li p { color:#999;}

.news .leftnr dl {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:3%;}
.news .leftnr dt { width:48%; padding:1rem 0 1rem 20px;background:url(../images/dian.png) left top no-repeat; background-position:2px 1.3rem;}
.news .leftnr dt h2 { font-size:18px;height:23px; overflow:hidden;}
.news .leftnr dt p { font-size:15px; color:#999;word-break:break-all;display:-webkit-box;	webkit-line-clamp:2;-webkit-box-orient:vertical;	overflow:hidden;}
.news .leftnr  dt a:hover h2 { color:#ff0001;}

.news .rightnr { width:25%; padding:1.5rem 2rem; background:#fbfbfb; }
.news .rightnr .biaoti { font-size:21px; font-weight:bold; background:url(../images/line.jpg) left bottom no-repeat; line-height:3rem;}
.news .rightnr ul{padding-top:1rem; }
.news .rightnr li { padding-top:1.5rem;}
.news .rightnr li span { color:#fff; background:#8ec31f; padding:0 5px;}
.news .rightnr li h2 { font-size:18px; font-weight:bold; display:block; margin-top:5px; height:23px; overflow:hidden;}
.news .rightnr li p { font-size:15px; color:#999999;word-break:break-all;	display:-webkit-box;	-webkit-line-clamp:2;	-webkit-box-orient:vertical;	overflow:hidden; }
.news .rightnr li a:hover h2 { color:#ff0001;}


.culture { text-align:center; padding:3rem 0; color:#f6f6f6; background-image: linear-gradient(to left , #70ad41, #1369ac);}
.culture h1 { font-size:36px; font-weight:bold;}
.culture ul { margin:1.5rem auto 0 auto;display:flex; justify-content:space-between; width:400px;}
.culture li { font-size:18px; line-height:2.5rem; width:48%; border:1px solid #a3c3d0;transition: .3s;}
.culture li a { color:#fff; font-size:1.1rem;transition: .3s;}
.culture li:hover { background:#fff;  display:block;box-shadow:0px 0px 10px #fff;transition: .3s;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
.culture li:hover a {color:#1369ac;}

.dcxm { clear:both; margin:30px 0;}
.dcxm .title { height:117px; background:url(../images/dcxm_bg.jpg) center; text-align:center ; font-size:30px; color:#306bcd; padding-top:50px;}



/*首页样式 end*/

/*尾*/
.footer { clear:both; width:100%; margin:0 auto 0 auto; }
.footer ul { margin:0 auto; width:94%; display:flex;justify-content:space-between; flex-wrap:wrap;}

.footdh { width:25%; border-right:1px solid #dddddd; padding:3% 0;}
.footdh ul { width:100%; border-top:1px solid #dddddd; margin-top:2rem; padding-top:2rem; line-height:2rem;}
.footdh ul p { color:#969696;}
.footdh ul span { color:#1369ac; font-size:1.6rem; padding-left:2rem;}


.fmenubox { width:40%; display:flex;justify-content:space-between; padding:3%;}
.fmenubox, .fmenubox a { color:#333; }
.fmenubox { }
.fmenubox li { list-style-type:none; }
.fmenubox li > a { font-size:1.5rem; font-weight:bold; line-height:4rem; }
.fmenubox li dd a { color:#999; }

.footewm {width:25%; border-left:1px solid #dddddd; padding:3% 0;}
.footewm .biaot { text-align:center; font-size:1.5rem;font-weight:bold; padding-top:1rem;}
.footewm .biaot p { color:#999; font-size:0.95rem; line-height:1.8rem;}
.footewm dl {display:flex;justify-content:flex-end; padding-top:1.5rem;}
.footewm dt { width:48%; text-align:right;}
.footewm dt h1 { font-size:1rem; padding-right:15%; line-height:2rem; color:#999; }

.footerbottom {background:#f5f5f5; border-top:1px solid #dddddd; padding:1% 2%; text-align:center; }
.footerbottom a {}
.footerbottom a:hover { color:#ff0001; }



.info_viewlxwm { background:#fff; margin:-8% 0 0% 0; position:relative; line-height:2rem; box-shadow: 0px 0px 16px #c0c0c0;display:flex;justify-content:space-between; flex-wrap:wrap; border-radius:50px;}
.info_viewlxwm .lianxi { width:60%; border-right:1px solid #ebebeb; padding-bottom:3rem;}
.info_viewlxwm .lianxi p { padding-left:8%;}
.info_viewlxwm .lxewm { width:40%; text-align:center;}

.lxwmtitle { text-align:center; font-size:2rem; padding:3rem 0 0.5rem 0; margin-bottom:3rem; background:url(../images/line.jpg) bottom center no-repeat; border-bottom:1px solid #ebebeb; font-weight:bold; color:#1369ac; }
.lxwmtitle h2 { text-transform:uppercase; color:#999;line-height:2rem; font-size:0.95rem;}

.zpwmtitle {  text-align:center; font-size:2rem; padding:3rem 0 0.5rem 0; margin-bottom:3rem; background:url(../images/line.jpg) bottom center no-repeat; font-weight:bold; color:#fff;-webkit-filter: brightness(1000) grayscale(100); filter: brightness(1000) grayscale(100);}
.zpwmtitle h2 { text-transform:uppercase; color:#fff;line-height:2rem; font-size:0.95rem;}


.lyan { width:160px; height:40px; border:0; margin-top:0.6rem; color:#fff; background:#1369ac}

/*内页*/
.mainpage { clear:both; width:100%; margin:0 auto 0 auto; padding:0; }
.mainpage:after, .mainpage:before { content: ''; display: block; clear: both; height: 0; }
.left { clear:both; overflow:hidden; padding:0 0%; margin:0 auto; width:100%; background:#f2f2f2 }
.right { clear:both; width:94%; margin:0 auto; padding:0 0 3% 0; background:#FFF;}
.mainarea { position:relative; clear:both; overflow:hidden; min-height:360px; height:360px; }
.mainarea .container, .mainarea .container-fluid { padding:0; }
[class].mainarea { height:auto; }
.mainarea div.content {  }
.zoominfo { clear:both; }
/*.zoominfo .zoominfoleft{ float:left; }*/
.zoominfo .zoominforight { float:left; margin-left:15px; font-size:14px; line-height:25px; }
.zoominfo .zoominforight h3 { font-size:16px; font-weight:bold; }
.zoominfo .htmleaf-content { max-width:500px; margin:3% auto 0 auto; }
.zoominfo .thumbnails { border:1px solid #d6d6d6; }
/*产品view页*/
.proinfo_view { clear:both; }
.proview { clear:both; margin:0 auto 3%; overflow:hidden; }
.proviewle { float:left; max-width:45%; }
.proviewri { clear:both; margin-left:5%; float:left; max-width:50%; overflow:hidden; }
.proview h1.title { font-size: 22px; padding: 15px 0; line-height: 26px; font-weight: bold; }
.proview h2.subtitle { line-height:1.875rem; color:#666; margin:0 auto 40px; overflow:hidden; }
.proview .proviewsummary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.proviewle .bigimg img { }
.proview .thumb-box { padding: 1.4em 0 1em; margin-left: -1%; width: 102%; }
.proview .thumb-box .thumbs { overflow: hidden;  *zoom: 1;}
.proview .thumb-box .thumbs li { float: left; width: 23%; text-align: center; padding: 0 1%; }
.proview .thumb-box .thumbs li img { width: 100%; opacity: .8; -moz-transition: opacity 0.32s; -o-transition: opacity 0.32s; -webkit-transition: opacity 0.32s; transition: opacity 0.32s; border-bottom: 4px solid transparent; }
.proview .thumb-box .thumbs li img.active { border-color: #31ACE2; opacity: 1; }
.proview .thumb-box .thumbs li:hover img { opacity: 1; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }
/*产品view页*/

.midpicarea { border:solid 1px #bbbbbb; z-index:5; cursor:crosshair; }
.bigpicarea { border:solid 1px #bbbbbb; overflow:hidden; position:absolute; z-index:6; }
.viewarea { border:solid 1px #fff; cursor:move; background-color:#999; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; overflow:hidden; position:absolute; z-index:10; }
.zoomsmall { margin-top:8px; }
.zoomsmall ul { clear:both; }
.zoomsmall ul li { float:left; margin:0 2px; }
.zoomsmall ul li img { border:solid 1px #bbbbbb; padding:2px; cursor:pointer; }




/*内页位置*/
.positioninfobox{ clear:both; width:100%; height:450px; padding-top:180px;text-align:center;overflow:hidden;color:#fff;text-shadow: 0px 0px 2px #333;}
.positioninfobox p {font-size:1.2rem; letter-spacing:10px; margin:10px 0 15px 0;}
.positioninfobox img {-webkit-filter: brightness(1000) grayscale(100); filter: brightness(1000) grayscale(100);}
.positioninfo{ font-size:2.8rem; color:#fff; }

.position{color:#a0ceff; display:none;}
.position a,.position a:link,.position a:visited {color:#a0ceff;}
.position a:hover,.position font.active,.position a.active,.position a.active:link,.position a.active:visited{color:#d71820;}



.menu1 { text-align:center; margin:0px auto 10px auto; width:80%; background-color:#FFF; border:#e5e5e5 1px solid; }
.menu1 a { color:#000000; padding:0.7% 5%; border-radius:0px; font-size:18px; line-height:45px; text-decoration:none; text-align:center; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; border-right:1px solid #CCC; }
.menu1 a:link, .menu1 a:visited { }
.menu1 a:hover, .menu1 a.active, .menu1 a.active:link, .menu1 a.active:visited { color:#FFFFFF; background:#015eb7; }
.menucp { overflow:hidden; text-align:center; margin:20px auto 20px auto; }
.menucp h2 { display:none; }
.menucp a { color:#000000; line-height:40px; margin:0px 5px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; }
.menucp a:link, .menucp a:visited { background:#e6e6e6; }
.menucp a:hover, .menucp a.active, .menucp a.active:link, .menucp a.active:visited { background:#0a51a3; color:#FFFFFF; }

.menu3 { clear:both; margin:15px auto 0px auto; max-width:1400px; }
.menu3 h3 { float:left; padding:0px 0px; margin:0.5% 0.5%; width:15.5%; background:#e6e6e6; }
.menu3 h3 a, .menu3 h3 a:link, .menu3 h3 a:visited { font-size:16px; display:block; text-align:center; padding:10px 0; color:#333; line-height:20px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; }
.menu3 h3 a:hover, .menu3 h3 a.active, .menu3 h3 a.active:link, .menu3 h3 a.active:visited { background:#0a51a3; color:#fff; text-decoration:none; }
.menu4 { clear:both; margin:0 auto; max-width:1200px; }
.menu4 ul { clear:both; margin:0 auto; text-align:center; padding-top:10px; }
.menu4 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden; }
.menu4 ul a:hover, .menu4 ul a.active, .menu4 ul a.active:link, .menu4 ul a.active:visited { color:#fff; background:#d71820; border:none; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; }
.menu5 { clear:both; margin:0 auto; max-width:1200px; }
.menu5 ul { clear:both; margin:0 auto; text-align:center; padding-top:10px; }
.menu5 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden; }
.menu5 ul a:hover, .menu5 ul a.active, .menu5 ul a.active:link, .menu5 ul a.active:visited { color:#fff; background: #ff8a84; border:none; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; }
.menu2 { clear:both;display: flex;}
.menu2 h3 {width: 32%; 	height: auto; 	line-height: 1.6; 	position: relative; 	cursor: pointer; font-size: 16px; font-weight: bold; 	background: #fff; 	text-align: center; 	margin: 3% 10px; 	padding: 25px 0px; 	border-radius: 100px; 	box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);}
.menu2 h3 a { color:#000;font-size:20px; text-decoration: none; text-align:center;}
.menu2 h3:hover, .menu2 h3.active{background: #bb2f31; color: #fff;}
.menu2 h3:hover a, .menu2 h3.active a{color: #fff;}

.backtop { text-align:right; margin:10px 0 20px 0; }
.infosearch { text-align:right; margin-bottom:10px; padding:5px 0 0 0; overflow:hidden; }
.infosearch input[type="text"] { width:150px; height:23px; border: 1px solid #dddddd; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; padding-left:3px; background-color:#ffffff; }
.infosearch input[type="submit"] { background-color:#0a51a3; border: 1px solid #00418b; height:27px; width:60px; color:#ffffff; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px; }
.infodes { clear:both; padding:10px 0; line-height:20px; }
.af { clear:both; }
.af dl { clear:both; font-size:12px; line-height:23px; }
.af dl dt, .addf dl dd { float:left; }
.af dl dt { width:70px; text-align:right; }
/*信息*/

.cy_list {margin-top:4%;}
.cy_list li a { display:flex; justify-content:space-between;align-items:center; flex-wrap:wrap;background:url(../images/bg3.jpg) bottom no-repeat}
.cy_list li .cy_list_left{ width:50%; margin:0% 0 0 0; padding:0 5%; }
.cy_list li .cy_list_left h3{ font-size:2rem; font-weight:bold; background:url(../images/ibiaotione_line.jpg) no-repeat left bottom; padding:0 0 20px 0; }
.cy_list li .cy_list_left p { color:#666; font-size:1.05rem; line-height:1.8rem;}
.cy_list li .cy_list_img { width:50%;}
.cy_list li a:hover .cy_list_left h3 { color:#1369ac;}
.cy_list li a:hover .cy_list_left p { color:#666}

.cy_list li:nth-child(2n) a { flex-direction:row-reverse} 

.xm_list{display:flex; justify-content:space-between;align-items:center; flex-wrap:wrap; margin-top:4%; }
.xm_list li { width:32.5%; border:1px solid #f1f1f1; padding:1rem; margin-bottom:1.5rem;transition: .3s; }
.xm_list li p { font-size:1.1rem; background: url(../images/g_13.png) right no-repeat}
.xm_list li:hover { background-image: linear-gradient(to left , #1369ac, #8ec31f);transition: .3s; }
.xm_list li:hover p { color:#fff;background: url(../images/g_13_1.png) right no-repeat}

.new_title { text-align:center; margin-bottom:3%;}
.new_title h1 { font-size:2rem; text-transform:uppercase; color:#999;}
.new_title h2 a { font-size:2rem; font-weight:bold; color:#1369ac}

/*新闻*/
.new_jt {padding:0 3% 3% 3%; background: url(../images/ys_bg.jpg) top center no-repeat;}
.new_jt dl {display:flex;justify-content:space-between; flex-wrap:wrap;}
.new_jt dt { width:31.5%; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2);padding:1%; margin-bottom:2%;}
.new_jt dt h3 { font-size:1.4rem; font-weight:bold; line-height:3rem;word-break:break-all;	display:-webkit-box;-webkit-line-clamp:1;	-webkit-box-orient:vertical; height:50px;overflow:hidden;}
.new_jt dt a:hover h3 { color:#ff0001;}
.new_jt dt p {word-break:break-all;	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; height:50px; margin-bottom:1rem;overflow:hidden; color:#999;}

.new_zhishibox{ background:#e9f3fb; padding:0 3% 3% 3%; }
.new_zhishibox dl { display:flex;justify-content:space-between; flex-wrap:wrap; align-items:stretch; }
.new_zhishibox dl dt { width:49%;box-shadow:0px 0px 10px rgba(0,0,0,0.2); background:#fff; margin-bottom:2%; display:flex;justify-content:space-between;}
.new_zhishibox dl dt a { width:80%; padding:5%;}
.new_zhishibox dl dt h3{ font-size:1.4rem; height:30px; overflow:hidden; }
.new_zhishibox dl dt a:hover h3 { color:#ff0001; }
.new_zhishibox dl dt p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; color:#666; line-height:24px; font-size:0.9rem; margin:0% 0 3% 0; color:#999;}
.new_zhishibox .gengduo{ display:block; width:160px; line-height:36px; text-align:center; color:#666; border:1px solid #999; transition: 588ms; margin:0 0;  font-size:1rem;}

.new_zhishibox .dtmwarp{ display:block; width:15%; padding:6% 0px 0 0; color:#1369ac; background:#f7f7f7; text-align:center; border-top:3px solid #0067ba}
.new_zhishibox dt:hover .dtmwarp{ color:#fff; background:#0067ba;}
.new_zhishibox dt:hover .dtmwarp img {-webkit-filter: brightness(1000) grayscale(100); filter: brightness(1000) grayscale(100);}
.new_zhishibox .dtmd{ clear:both; display:block; text-align:center; font-size:2.5rem; margin:0 0 0% 0; }
.new_zhishibox .dtmym{ clear:both; display:block;text-align:center;font-size:1rem; }

.new_tz {padding:0 0 3% 0; width:94%; margin:0 auto;}
.new_tz ul {display:flex;justify-content:space-between; flex-wrap:wrap;}
.new_tz li { width:24%; background:#f7f7f7; padding:2.5%; margin-bottom:1.5%;}
.new_tz li h3 { font-size:1.4rem;}
.new_tz li:hover { background:#0067ba;}
.new_tz li:hover h3 { color:#fff;}
.new_tz li:hover p { color:#fff;}


.nycom p { line-height:2rem; font-size:1.05rem} 
.sz_bg { text-align:center; padding:2rem 0;}
.sz_bg li {}
.sz_bg i { font-size:3rem;   background-image: linear-gradient(to right, #1369ac, #8ec31f);
      -webkit-background-clip: text;
      color: transparent; font-style:normal; font-weight:bold;}

.ny_fzlc {background:url(../images/lc_bg.jpg) bottom center; padding-bottom:2rem;}
.ny_fzlc .wnr {width:45%; float:right; color:#fff;}
.ny_fzlc .wnr p{line-height:3rem; font-size:1.05rem; border-bottom:1px solid #2b6da9; background:url(../images/list_dot02.png) left no-repeat; padding-left:35px;transition: .3s; }
.ny_fzlc .wnr p:hover { margin-left:18px;transition: .3s;}

.nyhonor { background: url(../images/xz2.jpg) bottom no-repeat; padding-bottom:2rem;}

.nyzc { background:#fff url(../images/xf.png) bottom center no-repeat; margin:1.8rem; padding:3rem 3rem 14rem 3rem; border-radius:30px; overflow:hidden}
.nyzc p { font-size:1.05rem; line-height:2rem;/*text-decoration:underline*/}

.nyln { background:#7191b7 url(../images/cul-banner.jpg) bottom center no-repeat ; padding-bottom:2rem;}
.nyln .linian { display:flex; justify-content:space-between; flex-wrap:wrap;}
.nyln .linian li { width:23%;background-color:rgba(255,255,1255,0.8); font-size:1.25rem; text-align:center; padding:2.5rem; color:#fff; line-height:2rem; border-radius: 80px 0px 80px 0px;transition: .3s; color:#666}
.nyln .linian li h2 { font-size:1.6rem; line-height:3rem; color:#333}
.nyln .linian li:hover {border-radius:80px;background-color:rgba(30,90,160,0.9);transition: .3s; color:#fff; }
.nyln .linian li:hover img {-webkit-filter: brightness(1000) grayscale(100); filter: brightness(1000) grayscale(100);}
.nyln .linian li:hover h2 { color:#fff;}

.ny_glts { display:flex; justify-content:space-between; flex-wrap:wrap; padding:1rem; margin-bottom:2rem; }
.ny_glts li { width:31%; box-shadow: 0px 0px 10px #b4b4b4;}
.ny_glts li h2 { font-size:1.5rem;} 
.ny_glts li span { display:block; padding:2rem; }
.ny_glts li p { color:#999;}



.ny_gsgy { display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:4%;}
.ny_gsgy li { width:50%; background:#f0f0f0;/*display:flex; justify-content:space-between;*/ }
.ny_gsgy li img { width:50%; float:left;}
.ny_gsgy li div { width:50%; float:right;padding:5%;}
.ny_gsgy li div h2 { font-size:1.7rem;}
.ny_gsgy li div p { color:#999; line-height:1.8rem;}
.ny_gsgy li:nth-child(3) img {float:right; } 
.ny_gsgy li:nth-child(4) img {float:right; } 


.ju{color: #f0916b}
.info_list { clear:both; margin-top:0px; padding:0px; }
.info_list ul { clear:both; }
.info_list ul li { float:left; text-align:center; margin-top:15px; }
.info_listimg { clear:both; margin-top:0px; padding:0px; overflow:hidden }
.info_listimg ul { clear:both; margin-top:10px; }
.info_listimg ul li { float:left; width:23%; padding:5px 1% 5px 1%; text-align:center; line-height:36px; }
.info_listimg ul li a { display:block; padding:0px; }
.info_listimg ul li img { width:100%; display:block; border:1px solid #dddddd; }
.info_listimg ul li a:hover { text-decoration:none; }
.info_listimg ul li a p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.info_list .info_span{padding: 8px 36px 8px 41px; color:#585858;   font-size: 22px;border: 1px solid #c6c6c6;display: inline-block;font-weight: bold; margin-top: 2%}
.info_list .info_name{padding: 11px 52px;  font-size: 18px;display: inline-block}
.info_list .info_ol{font-size: 18px !important; padding: 0px 52px !important; }


.info_list ol.head { background: #eeeeee; font-size:14px; height:30px; line-height:30px; text-align:center; color:#333333; }
.info_list ol.head span.title { float:left; width:65%; font-size:15px; font-weight:bold; }
.info_list ol.head span.title a { font-size:15px; font-weight:bold; }
.info_list ol.head span.views { float:left; width:10%; }
.info_list ol.head span.date { float:right; width:16%; text-align:right; padding:0 25px 0 0; }
.info_list ol.info { clear:both; font-size:12px; height:30px; line-height:30px; padding:0 0 0 10px; }
.info_list ol.bg { background: #f5f5f5; padding:0 0 0 10px; }
.info_list ol.info font.dot { color:#ee7700; font-family:"宋体"; }
.info_list ol.info a.title { float:left; width:65%; }
.info_list ol.info span.views { float:left; width:10%; text-align:center; font-size:12px; color:#666666; }
.info_list ol.info span.date { float:right; width:16%; text-align:right; padding:0 20px 0 0; font-size:12px; color:#666666; }
.info_list dl { text-align:center; padding:5px 1%; }
.info_list dl dd { line-height: 36px; }
.info_list dl dd a { display:block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.info_list dl:hover dd a { color:red; }
.info_view { clear:both; padding:0 0 10px 0; }
.info_view h1.title { border-bottom:1px dotted #ccc; font-size:26px; line-height:26px; padding:20px 0; text-align:center;  margin-bottom:0; }
.info_view h2.subtitle { background:#f5f5f5; color:#999; font-size:14px; line-height:22px; padding:5px 0; text-align:center; }
.info_view div.content { padding:5px 5px; font-size:1.05rem;line-height:2rem; }
.info_view div.content p { padding:4px 0;font-size:1.05rem;line-height:2rem; }
.info_view img { max-width:100%; margin:0 auto; display:block; margin:0.5rem auto; }
.info_view div.atta { font-size:16px; line-height:23px; padding-top:2px; color:#ee7700; font-weight:bold; width: 100%; }
.info_view div.comment { font-size:14px; line-height:23px; padding-top:2px; }
.info_view div.other { text-align:left; padding-right:0px; }
.info_view .bigimg { padding:10px 0px; text-align:center; }
.info_view table { border-collapse:collapse; border-spacing: 0; border:#CCCCCC 1px solid; }
.info_view td { border:#CCCCCC 1px solid; text-align:center; padding:4px; }
.info_commentlist { clear:both; margin-top:0px; padding:0px; }
.info_commentlist h1 { background:#eeeeee; font-size:14px; line-height:28px; padding-top:3px; text-align:center; }
.info_commentlist p.name { clear:both; font-weight:bold; padding:3px 0; }
.info_commentlist p.date { clear:both; padding:3px 0; }
.info_commentlist p.content { clear:both; font-size:12px; line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #ccc; }
.info_commentadd { padding:5px; }
.info_commentadd p { padding:3px 0; }
.info_commentadd input[type="text"] { width:230px; }
.info_commentadd #txtcode { width:80px; }
.info_commentadd textarea { width:230px; }
.supply_add { padding:5px; }
.supply_add h2 { padding:5px; background-color:#f0f0f0; text-align:center; }
.supply_add p { padding:3px 0; }
.supply_add input[type="text"] { width:230px; }
.supply_add #txtcode { width:80px; }
.supply_add textarea { width:230px; }

/*信息图片列表*/
.demo { padding: 2em 0; }
.casebox { margin:0 0 20px 0; font-family: 'Ubuntu', sans-serif; position: relative; overflow: hidden; }
.casebox:before { content: ''; background: linear-gradient(45deg, rgba(1, 92, 173, 0.6), rgba(50, 190, 255, 0.6)); height: 100%; width: 100%; opacity: 0; filter: blur(10px); transform: scale(1) rotate(180deg); position: absolute; left: 0; top: 0; z-index: 1; transition: all 0.4s ease-in-out; }
.casebox:hover:before { box-shadow: 0 0 10px 2px #555; opacity: 1; filter: blur(0); transform: scale(0.92, 0.9) rotate(0); }
.casebox img { width: 100%; height: auto; transition: all 0.5s ease-in-out; }
.casebox:hover img { transform: scale(1.9) rotate(45deg); }
.casebox .box-content { color: #fff; text-align: center; width: 100%; opacity: 0; transform: translateX(-50%) translateY(-50%) scale(3); position: absolute; top: 50%; left: 50%; z-index: 1; transition: all 0.5s ease; }
.casebox:hover .box-content { opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); }
.casebox .title { font-size: 25px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin: 0; }
.casebox .post { font-size: 16px; text-transform: capitalize; }
.casebox .icon { padding: 0; margin: 0; list-style: none; filter: blur(10px); transform: scale(0); position: absolute; right: 20px; bottom: 20px; z-index: 2; transition: all 0.5s ease 0.2s; }
.casebox:hover .icon { transform: scale(1); filter: blur(0); }
.casebox .icon li { display: inline-block; }
.casebox .icon li a { color: #fff; background: rgba(255, 255, 255, 0.2); font-size: 20px; text-align: center; line-height: 40px; height: 40px; width: 40px; margin: 0 3px; display: block; position: relative; transition: all 0.3s; }
.casebox .icon li a:hover { text-shadow: 0 0 6px #555; box-shadow: 0 0 5px #555; }
 @media only screen and (max-width:990px) {
 .casebox {
margin-bottom: 30px;
}
}
 @media only screen and (max-width:479px) {
 .casebox .title {
font-size: 20px;
}
}
/*信息图片列表 end*/


/*产品*/
.product_cate { clear:both; }
.product_cate dl { clear:both; width:100%; margin-top:10px; }
.product_cate dl dt { float:left; width:30%; }
.product_cate dl dd { float:right; width:69%; line-height:21px; }
.product_cate dl strong { font-size:14px; }
.product_list { clear:both; }
.product_list ul { clear:both; }
/*产品：上图下字*/
.product_list { clear:both; margin-top:0px; padding:0px; overflow:hidden; }
.product_list li a img { transition: all linear 0.6s; width:94%; padding:6% 0 0 6% }
.product_list li a { color: #333; border: solid #eee 1px; display: block; position:relative; overflow: hidden; }
.product_list li a:before { background:rgba(1, 92, 173, 0.6); position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height:0%; z-index: 5; content:"查看更多"; transition:all .6s linear;
display: flex; justify-content: center; align-items: center; }
.product_list li a:hover:before { height: 100%; color: #fff; opacity: 1; }
.product_list li a:hover img { transform: scale(1.3); }
.product_list li a p { line-height:48px; opacity: 1; transition:opacity .6s linear;
text-align:center; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-size:16px; width:96%; margin:0 auto; }
.product_list li a:hover p { opacity: 0; }
/*产品：列表*/
.product_list ol.head { background: #eeeeee; font-size:14px; height:26px; line-height:26px; padding-top:2px; padding-left:16px; text-align:center; color:#333333; }
.product_list ol.head span.title { float:left; width:60%; }
.product_list ol.head span.views { float:left; width:10%; }
.product_list ol.head span.date { float:right; width:28%; }
.product_list ol.info { clear:both; font-size:12px; height:27px; line-height:27px; padding:2px 0 1px 16px; background-image:url(../images/bg.gif); background-repeat:no-repeat; }
.product_list ol.bg { background: #f5f5f5; }
.product_list ol.info font.dot { color:#ee7700; font-family:"宋体"; }
.product_list ol.info a.title { float:left; width:60%; }
.product_list ol.info span.views { float:left; width:10%; text-align:center; font-size:12px; color:#666666; }
.product_list ol.info span.date { float:right; width:28%; text-align:center; font-size:12px; color:#666666; }
/*产品：左图右字*/
.product_list dl { clear:both; width:100%; margin-top:10px; }
.product_list dl dt { float:left; margin-right:10px; }
.product_list dl dd { float:left; line-height:21px; }
.product_list dl strong { font-size:14px; }
.product_list dl div.summary { line-height:20px; }
/*.product_list ol.other,ol.other a,.product ol.other a:link,.product ol.other a:visited { display:block; font-size:12px; height:23px; line-height:23px;}*/
.product_view h1.title { border-bottom:1px dotted #ccc; font-size:22px; line-height:40px; padding:10px 0; text-align:center; font-weight:bold; }
.product_view h1.title b { display:block; line-height:30px; font-size:20px; }
.product_view h2.subtitle { background:#f5f5f5; color:#999; font-size:14px; line-height:22px; padding:5px 0; text-align:center; }
.product_view div.bigimg { text-align:center; padding:10px 0; }
.product_view div.bigimg img { }
.product_view dl { clear:both; }
.product_view dl dt, .product_view dl dd { float:left; }
.product_view dl dt { margin-right:10px; }
.product_view dl dd ul { clear:both; }
.product_view dl dd li { clear:both; font-size:12px; line-height:23px; }
.product_view dl dd span, .product_view dl dd p { float:left; }
.product_view dl dd span { width:70px; text-align:right; }
.product_view div.atta { font-size:12px; line-height:20px; color:#ee7700; }
.product_viewcart { padding:5px; }
.product_viewcart h2 { padding:5px; background-color:#f0f0f0; text-align:center; font-weight:bold; }
.product_viewcart p { padding:3px 0; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px; }
.product_viewcart strong { font-weight:bold; }
.product_viewcart input[type="text"] { width:230px; }
.product_viewcart input.pnum { width:80px; }
.product_viewcart textarea { width:230px; }
/*留言内页*/
.message_add { padding:5px; }
.message_add p { padding:10px 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; margin:0 0 15px 0; margin:0 2.5% 10px 0; font-size:16px; }
.message_add input[type="text"] { width:90%; border:0px solid red; background:#f3f3f3; }
.message_add #txtcode { width:100px; }
.message_add textarea { width:96%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.message_list { clear:both; margin-bottom:25px; padding:0px; font-size:12px; line-height:20px; padding:1px; }
.message_list h1.title { background:#ebebeb; font-size:14px; line-height:28px; text-align:center; }
.message_list div.memo { padding:5px 0; }
.message_list div.nickname { text-align:left; padding:3px 0px; }
.message_list div.adddate { text-align:left; padding:3px 0px; }
.message_list div.reply { padding:5px 0; background-color:#f7f7f7; }
.order_add { padding:5px; }
.order_add p { padding:3px 0; }
.order_add input[type="text"] { width:230px; }
.order_add #txtcode { width:100px; }
.order_add textarea { width:230px; }
/*人力资源内页*/





.job_add { padding:5px; }
.job_add p { padding:3px 0; }
.job_add input[type="text"] { width:98%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.job_add #txtcode { width:100px; }
.job_add textarea { width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.job_add select { height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.joblist { clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px; }
.joblist p { padding:3px 0; }
.joblist p.biaoti { font-size:18px; }
.joblist p.biaoti span { font-size:18px; }
.joblist p.biaoti a { background:#eeeeee; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.joblist p.fabu { color:#666666; }
.viewpic { width:100%; text-align:center; clear:both; }
.viewpic img { margin:20px auto; display:block; }
/*招聘列表*/
.job_list{ clear:both; overflow:hidden;}
.job_list ul{ clear:both; overflow:hidden;max-width:1200px; width:100%;}
.job_list ul ol{color:#fff;display:flex; justify-content:space-around;align-items:center;line-height: 55px;width:100%;}
.job_list ul ol.head{background: #ceae59;}
.job_list ul ol span{flex:1; text-align:center;}
.job_list ul ol.info{color:#333;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.job_list ul ol a span{}
.white_content{ display:none;}
/*招聘列表*/
/*分页*/
.pagelist { clear:both; font-size:14px; line-height:26px; margin:2.5% 0%; text-align:center; color:#333333; }
.pagelist a { color: #363535; text-decoration: none; line-height: 26px; margin: 5px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1px 3px; display:inline-block; }
.pagelist a:hover { color:#0a51a3; text-decoration:none; border:#ccc solid 0px; background:#f1f1f1; }
.pagelist a.red { color:#ffffff; text-decoration:none; font-weight:bold; background:#d71820; border:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.pagelist a.red:hover { color:#ffffff; text-decoration:none; }
.plinktop { text-align:right; font-size:12px; line-height:25px; padding-right:8px; }
.plinktop a, .plinktop a:link, .plinktop a:visited { padding:0 3px; color:#363535; text-decoration:none; }
.plinktop a:hover { color:#ee7700; text-decoration:underline; }
.plinktop a.red, .plinktop a.red:link, .plinktop a.red:visited { color:#ee7700; text-decoration:underline; }
.plinktop a.red:hover { color:#ee7700; text-decoration:underline; }
.plinkbottom { text-align:center; font-size:14px; line-height:25px; padding-right:0px; margin:20px 0 0 0; }
.plinkbottom a, .plinkbottom a:link, .plinkbottom a:visited { padding:0 3px; color:#363535; text-decoration:none; }
.plinkbottom a:hover { color:#ee7700; text-decoration:underline; }
.plinkbottom a.red, .plinkbottom a.red:link, .plinkbottom a.red:visited { color:#ee7700; text-decoration:underline; }
.plinkbottom a.red:hover { color:#ee7700; text-decoration:underline; }
.imgborder { border:#dedede solid 1px; }
.roundabout-holder { width:850px; height:496px; margin:0 auto; }
.roundabout-moveable-item { width:650px; height:394px; cursor: pointer; border:3px solid #ccc; border:3px solid rgba(0, 0, 0, 0.08); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.roundabout-moveable-item img { width:100%; }
.roundabout-in-focus { border:4px solid rgba(0, 0, 0, 0.1); }
/*新闻内页*/
.info_listxw { clear:both; padding:0px; display:block; overflow:hidden; }
.info_listxw dl { clear:both; padding:1.5% 0px; border-bottom:1px dotted #cccccc; overflow:hidden; position: relative; }
.info_listxw dl:before { content:""; background:#f8f8f8; width:100%; height:100%; position:absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 570ms; }
.info_listxw dl:hover:before { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.info_listxw dl:hover dt img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.info_listxw dl dt { display:none; }
.info_listxw dl dd { clear:both; position:relative; padding:0px 1%; }
.info_listxw dl dd a.title { clear:both; display:block; font-size:18px; line-height:24px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.info_listxw dl dd .jianyao { clear:both; font-size:13px; line-height:24px; color:#666666; height:48px; overflow:hidden; }
.info_listxw dl dd .jianyao p { float:left; color:#666666; text-align:left; }
.info_listxw dl dd .jianyao div { float:left; color:#666666; text-align:left; list-style-type: none; }
.info_listxw dl dd .jianyao font { float:left; color:#666666; text-align:left; }
.info_listxw dl dd .jianyao span { float:left; color:#666666; text-align:left; }
.info_listxw dl dd .jianyao strong { float:left; font-weight:normal; }
.info_listxw dl dd .jianyao a { float:left; color:#666666; }
.info_listxw dl dd .jianyao img { display:none; }
.info_listxw dl dd .jianyao br { display:none; }
.info_listxw dl dd .jianyao iframe { display:none; }
.info_listxw dl dd .newsdate { clear:both; color:#999999; line-height:26px; }
/* 特效滚动 */
#focus_Box { position:relative; width:800px; height:554px; margin:20px auto; }
#focus_Box ul { position:relative; width:800px; height:554px }
#focus_Box li { z-index:0; position:absolute; width:0px; background:#787878; height:0px; top:146px; cursor:pointer; left:200px; border-radius:4px; box-shadow:1px 1px 12px rgba(200, 200, 200, 1) }
#focus_Box li img { width:100%; background:url(../images/loading.gif) no-repeat center 50%; height:100%; vertical-align:top }
#focus_Box li p { position:absolute; left:0; bottom:0px; width:100%; height:40px; line-height:40px; background:url(../images/float-bg.png) repeat; text-indent:8px; color:#fff; }
#focus_Box li p span { display:inline-block; width:70%; height:40px; overflow:hidden; }
#focus_Box .prev, #focus_Box .next { display:block; z-index:100; overflow:hidden; cursor:pointer; position:absolute; width:52px; height:52px; top:131px; }
#focus_Box .prev { background:url(../images/btn.png) left bottom no-repeat; left:0px }
#focus_Box .next { background:url(../images/btn.png) right bottom no-repeat; right:0px }
#focus_Box .prev:hover { background-position:left top; }
#focus_Box .next:hover { background-position:right top; }
#focus_Box a.imgs-scroll-btn { display:block; position:absolute; z-index:110; top:7px; right:15px; width:51px; height:23px; overflow:hidden; background:url(../images/share-btn.png) no-repeat; text-indent:-999px; }
/*QQ客服样式*/
.main-im { position:fixed; right:10px; top:300px; z-index:100; width:110px; height:272px; }
.main-im .qq-a { display:block; width:106px; height:116px; font-size:14px; color:#0484cd; text-align:center; position:relative; }
.main-im .qq-a span { bottom:5px; position:absolute; width:90px; left:10px; }
.main-im .qq-hover-c { width:70px; height:70px; border-radius:35px; position:absolute; left:18px; top:10px; overflow:hidden; z-index:9; }
.main-im .qq-container { z-index:99; position:absolute; width:109px; height:118px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom:1px solid #dddddd; background:url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq { max-width:60px; display:block; position:absolute; left:6px; top:3px; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width:70px; left:1px; top:8px; position:absolute; }
.main-im .im_main { background:#F9FAFB; border:1px solid #dddddd; border-radius:10px; background:#F9FAFB; display:none; }
.main-im .im_main .im-tel { color:#000000; text-align:center; width:109px; height:105px; border-bottom:1px solid #dddddd; }
.main-im .im_main .im-tel div { font-weight:bold; font-size:12px; margin-top:6px; }
.main-im .im_main .im-tel .tel-num { font-family:Arial; font-weight:bold; color:#e66d15; }
.main-im .im_main .im-tel:hover { background:#fafafa; }
.main-im .im_main .weixing-container { width:55px; height:47px; border-right:1px solid #dddddd; background:#f5f5f5; border-bottom-left-radius:10px; background:url(../images/weixing-icon.png) no-repeat center center; float:left; }
.main-im .im_main .weixing-show { width:112px; height:172px; background:#ffffff; border-radius:10px; border:1px solid #dddddd; position:absolute; left:-125px; top:-126px; }
.main-im .im_main .weixing-show .weixing-sanjiao { width:0; height:0; border-style:solid; border-color:transparent transparent transparent #ffffff; border-width:6px; left:112px; top:134px; position:absolute; z-index:2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width:0; height:0; border-style:solid; border-color:transparent transparent transparent #dddddd; border-width:8px; left:112px; top:132px; position:absolute; }
.main-im .im_main .weixing-show .weixing-ma { width:104px; height:103px; padding-left:5px; padding-top:5px; }
.main-im .im_main .weixing-show .weixing-txt { position:absolute; top:110px; left:7px; width:100px; margin:0 auto; text-align:center; }
.main-im .im_main .go-top { width:50px; height:47px; background:#f5f5f5; border-bottom-right-radius:10px; background:url(../images/toTop-icon.png) no-repeat center center; float:right; }
.main-im .im_main .go-top a { display:block; width:52px; height:47px; }
.main-im .close-im { position:absolute; right:10px; top:-12px; z-index:100; width:24px; height:24px; }
.main-im .close-im a { display:block; width:24px; height:24px; background:url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration:none; }
.main-im .open-im { cursor:pointer; margin-left:68px; width:40px; height:133px; background:url(../images/open_im.png) no-repeat left top; }
.cart-btn { width: 60px; height:60px; height:60px; position: fixed; top:300px; right:0px; z-index: 99; cursor: pointer; }
/*导航栏开始*/
.mainnav ul li:hover > ul { display:block; }
.mainnav ul li:hover > ul li:hover { display:block; }
/*.mainnav li > a:after { content:  ' +'; }*/
.mainnav li > a:only-child:after { content: ''; }
/*导航栏结束*/
.menu1_box { overflow:hidden; text-align:center; }
.menu1_box h2 { display: none; }
.menu1_box a { color:#000000; line-height:40px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; }
.menu1_box a:link, .menu1_box a:visited { background:#e6e6e6; }
.menu1_box a:hover, .menu1_box a.active, .menu1_box a.active:link, .menu1_box a.active:visited { background:#d71820; color:#FFFFFF; }
.menu1_box ul li { display: inline; float: left; width:120px; }
.menu1_box ul { display: inline-block; overflow: auto; }
.page_road { text-align: center; margin-top:1rem; background:#f2f2f2; font-size:1rem; padding:0.5rem 0; }
.page_road a {font-size:1rem;}
/*订单信息*/
.tipcontent { width: 300px; margin: 10px auto 0 auto; }
.tipcontent .reason { margin-left: 10px; }
#iknow { display: block; line-height: 30px; height: 30px; width: 100px; margin: 0 auto; text-align: center; border-radius:5px; cursor:pointer; background:#d71820; color: #fff; margin-top:20px; }
.tipcontent table td { height:40px; }
.order_title { height:40px; line-height:40px; padding-left: 10px; }
.product_info { width:70%; }
.product_info td { width:25%; height: auto; line-height:35px; text-align: left; padding-left:30px; }
.pro_name { cursor:pointer; }
.address_info { width:80%; }
.address_info td:nth-child(2), .address_info td:nth-child(4) {
 width:30%;
 height: auto;
 line-height:35px;
}
/*订单退款申请结束*/
#layui-layer1 { border: 1px solid #8D8D8D; }
#layui-layer1 .layui-layer-title { padding-left:10px; font-size:15px; }
.action_box span, .action_box a { color:#40a9ff; cursor: pointer; }
/*相关产品/相关新闻*/
.product_related { clear:both; overflow:hidden }
.product_related .title { line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%; }
.product_related ul { }
.product_related ul li { float:left; width:21%; padding-right:2%; padding-left:2%; padding-bottom:2%; line-height:24px; }
.product_related ul li img { border:#e5e5e5 1px solid; width:100%; }
.product_related li a { text-align:center; display:block }
.news_related { clear:both; margin-top:2%; }
.news_related .title { line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%; }
.news_related ul { width:96%; margin:0 auto }
.news_related li { float:left; width:30%; margin-left:0.5%; margin-right:0.5%; line-height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.news_related li a { font-size:16px; }
/*资料下载弹窗*/
.mins {
	position: fixed;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: none;
	text-align: center;
}
.mins form{      width: 350px;
	margin: 220px auto;
	background: rgba(0,0,0,.7);
	padding: 20px;
}
.mins>span{    padding-right: 20px;
	margin-top: 225px;
	display: inline-block;
	position: absolute;
	margin-left: 160px;}
.mins span a{color:#FFF}
/*资料下载 开始*/
.doc_download { width: 100%; background: #f1f1f1; padding-top: 64px; padding-bottom: 50px; box-sizing: border-box; padding:1%; }
.download_title { font-size: 36px; line-height: 36px; }
.download_resources { overflow:hidden; padding:30px 0; display: flex; flex-wrap: wrap; }
.download_resources li { background:#fff; overflow:hidden; float:left; width: 33.3%; cursor: pointer; position: relative; box-sizing: border-box; flex:0 0 31%; margin:1%; }
.download_resources li:hover {
transition: .3s all ease-in-out; box-shadow:0 5px 10px rgba(12, 12, 12, 0.08); }
.download_resources li a { display: flex; justify-content: space-between; align-items:center; padding:5%; }
.download_resources li span { display:block; color:#999; }
/*下划线*/
.download_resources li i { display: block; width: 0; position: absolute; left: 0%; bottom: 0; height: 2px; background-color: #ff6900; transition: .3s all ease-in-out;
}
.download_resources li:hover i { width: 100%; transition: .3s all ease-in-out;
}
/*图标*/
.res_icon { flex:0 0 40px; }
.download_resources li .pdf01 { display: block; width:40px; }
.download_resources li .pdf02 { display: none; width:40px; }
.download_resources li:hover .pdf01 { display: none; }
.download_resources li:hover .pdf02 { display: block; }
@media screen and (max-width:1200px)
{
.download_resources li{flex:0 0 48%;}

}
@media screen and (max-width:640px)
{
.download_resources li{flex:0 0 100%;margin:1% auto;}

}
/*资料下载 end*/


/*job招聘*/
.menus{width:50%;text-align: center; margin:0 auto; }
.menus ul{width: 100%;text-align: center}
.menus ul li{width: 48%;float: left;margin: 5px;border: 1px solid #d3d3d3;border-radius: 50px;padding-top:10px;padding-bottom: 10px;cursor: pointer}
.menus ul li:hover {background-color: #bbbdbe;color: white}
.menus ul li:hover a{background-color: #bbbdbe;color: white}
.menus a{padding: 5px}
.li_active{background-color: #bbbdbe;color: white}
.li_active a{background-color: #bbbdbe;color: white !important;}


.show_table{width: 100%}
.show_table tbody tr:first-child{background-color:#146eb4;color:#FFF; }
.show_table tbody tr td{padding: 20px 12px; font-size:1.1rem; border-bottom:1px solid #e3e3e3 }
.zhezhao{   display:none;background-color: rgba(0,0,0,.3);width: 100%;height: 100%;position: fixed;top: 0;z-index: 7;left: 0; }
.zhezhao .bai{position: absolute;  min-height: 200px;background: #fff;left: 50%;max-width: 100%;width: 1000px;top: 50%;transform: translate(-50%, -50%);z-index: 8; padding-bottom:2%; line-height:1.8rem;}
	
	
.job_ln {margin:0 auto 4rem auto; width:94%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.job_ln li{ text-align:center; width:20%;}	
.job_ln li  img { margin-bottom:1rem;}
.job_ln li h5 { font-size:1.6rem; line-height:2rem; margin-bottom:1rem;}
.job_ln li p { color:#999;}	
	
.job_bg { background: url(../images/join_02.jpg) center top; padding:0rem 0 5rem 0;}

.job_bg .tele{ border:1px solid red; text-align:center; margin-top:3rem; color:#fff; font-size:1.4rem;}	

.job2 {margin:0; padding:1% 0; text-align:center; color:#fff;}
.job2 p { font-size:18px; line-height:36px; margin:3% 0;}
.job2 .tel { margin:0 auto; width:340px; font-size:32px; font-weight:bold; border:1px solid #fff; line-height:56px; padding-left:2.5%; border-radius:30px; background:url(../images/j_t.png) left no-repeat;}

.zhan{ margin:0 auto; width:94%; background:#FFF;}
.bai_title{background-color: #146eb4;line-height: 35px;padding: 15px;}
.bai_title_lef{line-height: 35px;padding: 15px;color: white}
.bai_title_right{cursor: pointer;width: 80px;border-radius: 50px;position: absolute;right: 15px;display: inline-block;border: 1px solid #9F9F9F;text-align: center;line-height: 30px;background-color: white}
#content{padding: 20px}
@media screen and (max-width:860px)
{
	.menus ul li {width: 30.66% !important;}
	.des{display: none}
	.weiixn{position: fixed;top: 200px;width:100%;left: 0;text-align: center;background-color: white;padding: 20px;border-radius: 15px;display: none}

}
@media screen and (min-width: 860px) and (max-width:1280px){
	.menus ul li {width: 32.2% !important;}
}



.gsjj1-2{ width:94%;  margin:0 auto 4rem auto; }
.gsjj1-2 ul{    position: relative;}
.gsjj1-2 ul li{ background:#1369ac;
    width: 24.5%;
    float: left;
    overflow: hidden;
    margin-bottom: 9px;
}
.gsjj1-2 ul li:nth-child(2n){
    float: right;
    margin-left: 50%;
}
.gsjj1-2 ul li img{opacity:1;
    width: 100%;
    transition: .5s;
}
.gsjj1-2 ul li:last-child{
    width: 49.75%;
    position: absolute;
    left: calc(24.5% + 8px);
    top: 0;
}
.gsjj1-2 ul li:hover img{
    transform: scale(1.1); opacity:0.5;
}

.gsjj1-2 ul li a{ display:block; position:relative;  }
.gsjj1-2 ul li .case_zi{ position:absolute; width:100%; top:48%; text-align:center; color:#fff; font-size:2rem; opacity:0.1; transition: all 0.6s; }
.gsjj1-2 ul li .case_zi span{ display:block; width:70px; margin:15px auto 0 auto; border-radius:3px; border:1px solid #fff; color:#fff; font-size:12px; }
.gsjj1-2 ul li:hover .case_zi{ opacity:1.0; }

@media (max-width: 991px){
    .gsjj1-2 ul li:last-child{
        left: calc(24.5% + 4px);
    }

}
@media (max-width: 960px){
	
	.gsjj1-2 { width:96%; margin:3% auto;}
    .gsjj1-2 ul li{
        width: 49%;
    }
    .gsjj1-2 ul li:nth-child(2n){
        margin-left: 2%;
    }
    .gsjj1-2 ul li:last-child{
        width: 100%;
        position: static;
        margin: 0;
    }
}



/*job招聘 end*/