body {overflow-x: hidden; /*横向*/margin:0px;color: #666; background:#fff;font-family: "微软雅黑", "Microsoft YaHei";}
*{margin:0;padding:0;}ul {list-style: none;}li {list-style: none;}P {margin-bottom: 10px;}

@font-face{font-family: myFirstFont; src: url('../fonts/方正清刻本悦宋简体.TTF'),url('../fonts/方正清刻本悦宋简体.eot'); /* IE9+ */}
a:{color: #666;}a:link {color: #666;text-decoration: none;}a:visited {color: #666;}a:hover {color: #0a91e3;}a:active {color: #000;}

.mheader {display: none;}

/*左侧菜单*/
.left_menu {position:relative;height:60px;line-height:60px; border-right:1px solid #CCC;overflow: hidden; background-size:100px; font-size:16px;display:inline-block;margin:0px; padding:0 40px; text-align: center;transition:0.7s;}
.left_menu:hover {color:#fff;background:#f28f00; background-size:15px;}
.left_menu:before {width:25px;height: 60px;content: ' ';position: absolute;background: #fff;top:0;left:-45px;opacity: 0.5;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);}
.left_menu:hover:before {width: 45px;left: 205px;}
#navi ul li.hl a{ padding-left:-50px;color:#fff; background:#0a91e3;border:0px solid #333; text-shadow:1px 0 0 #333}

/*底部链接*/
.menu_foot{font-size:14px; color:#999; font-weight:bold;border-top:#757575 2px solid; padding-top:6%; padding-bottom:5%; display:block;}
.menu_foot:link{color:#ccc}
.menu_foot:visited{color:#ccc; }
.menu_foot:hover{color:#fff;opacity:1; box-shadow: 0px 0px 0px #000;}


/*底部二级菜单*/
.menu_foot_column{font-size:12px; color:#999;-webkit-transition: all 0.5s ease 0s}
.menu_foot_column:link {color:#ccc;}
.menu_foot_column:visited{color:#ccc;}
.menu_foot_column:hover {color:#fff;}


/*框架盒子*/
.box_top{background:#fff;width:100%;position:fixed;border-top:#fed762 0px solid; border-bottom:0px solid #EBCA88; box-shadow: 0px 0px 5px #333;z-index:1000; opacity:1}
.box_top:hover{background:#e4f0fb;border-top:#666 0px solid;opacity:1.0; line-height:20px;}
.box_menu{display:flex;justify-content:space-between;align-items:center; padding:0 8%; height:100px;transition:0.5s;}
.box_menu:hover{height:90px;}

.box_bannerimg{font-size:0; background:#000;  position:relative;overflow: hidden;}
.box_bannerimg img{background-size:cover; width: 100%; height:auto;opacity: 1;
-webkit-animation-name: fadeIn02; /*动画名称*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-duration: 1s; /*动画持续时间*/}
@-webkit-keyframes fadeIn02 {
0%{ transform:scale(1.1);opacity: 0;  /*初始状态 透明度为0*/}
50% {opacity: 0.5; /*中间状态 透明度为0*/}
100% {opacity:1; /*结尾状态 透明度为1*/}}	

.box_banner{ position:absolute;font-size:16px;color:#fff;background: rgba(255,255, 255, 0.0);top: 40%;width: 100%;text-align:center;border-radius: 100%; display:flex;justify-content:center;align-items:center;flex-direction:column;/*横轴纵轴的对其方式*/
-webkit-animation-name: fadeIn01; /*动画名称*/
-webkit-animation-duration: 2s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}

/*动画名称*/
@-webkit-keyframes fadeIn01 {
0%{opacity: 0.0;  /*初始状态 透明度为0*/}
50% {opacity: 0.5; /*中间状态 透明度为0*/}
100% {opacity: 1.0; /*结尾状态 透明度为1*/}}	

.box_column{display:flex;flex-direction:column;align-items: center; padding-top:4%; padding-bottom:3%;}
.box_columnnei{ padding-top:0.5%;}
.box_erji{font-size:0;border-top:#ccc 1px solid; border-bottom:#ccc 1px solid;display:flex;align-items: center;flex-direction:column; }
.box_erji li{display:inline-block} /*li一行显示*/
.box_content{background:#fff; padding:5%;font-size:14px; line-height:25px;box-shadow: 0px 0px 5px #999; overflow:auto}
.box_content p{text-indent:2em;}
.box_content img {margin:5px 0;width: auto; max-width: 100%;}
.box_view {font-size:14px; padding: 5% 8%; margin:3% 5%;background-color:rgba(255, 255, 255, 0.7);box-shadow: 0px 0px 5px #999;}
.box_view h2 { color:#0a91e3;  font-size: 32px; font-weight:bold; text-align: center; padding-bottom:5%;margin-bottom:3%; border-bottom:1px #eee solid; }
.box_view p {text-indent:2em;color:#333; font-size:15px; line-height: 30px; margin-bottom:25px;}
.box_view .date {font-family:'FuturaBT-Mediuma07b0b85718baf';font-size:12px; color:#999;text-transform:uppercase;text-align:center;display:block }
.box_view .share{ display:block;display:flex;justify-content:center;align-items:center;}
.box_view img { margin-left:-2em;max-width: 85%;}
.box_page{ background:#0a91e3; margin:0;font-size:14px; text-align:center; padding:4% 0; display:flex;justify-content:center;align-items:center;box-shadow: 0px 0px 15px #ccc} 
.box_next{ display:flex;justify-content:center;align-items:center; margin-top:7%; padding-top:5%; font-size:14px; border-top:1px #eee solid;}

/*字体样式*/

.font_banner_ch{font-size:65px;color:#fff;opacity: 1; font-weight:bold;text-transform: uppercase;text-shadow:1px 0px 0px #000;
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 1.5s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}
	
.font_banner_shuxian{background: rgba(255,255, 255, 0.9); border:0px solid #fff; width: 1px; height:10px; margin:0; border-radius: 100%;text-shadow:1px 0px 0px #000;
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 1s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/}
	
.font_banner_en{font-size:40px;color:#fff; opacity: 1;margin:10px;text-transform:uppercase; text-shadow:1px 0px 0px #000;
    -webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 1.5s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/}

@-webkit-keyframes fadeIn {
0% { opacity: 0; /*初始状态 透明度为0*/} 50% {opacity: 0; /*中间状态 透明度为0*/}100% {opacity: 1.0; /*结尾状态 透明度为1*/}}

/*滚动箭头特效*/
.font_bounce{position:absolute;left:50%;width:60px; margin-left:-30px;bottom:2%;-webkit-animation: bounce-down 2.5s linear infinite;animation: bounce-down 1.0s linear infinite;opacity:1;}
.font_bounce img{opacity:1}
@-webkit-keyframes bounce-down {25% {-webkit-transform: translateY(-10px);}50%, 100% {-webkit-transform: translateY(0);}75% {-webkit-transform: translateY(10px);}}
@keyframes bounce-down {25% {transform: translateY(-10px);}50%, 100% {transform: translateY(0);}75% {transform: translateY(5px);}}
 
/*二级列表*/
.font_column_ch{color:#0a91e3;font-size:25px; font-weight:bold;text-transform:uppercase;text-shadow:#eee 0px 0px 0px;}
.font_column_en{font-family:'FuturaBT-Mediuma07b0b85718baf';
 color:#ccc;font-size:25px;background:#fff;margin-top:-50px;padding: 0 20px;text-transform:uppercase;text-shadow: 1px 0px 0px #999;}
.font_system{font-size:2rem;padding-bottom:20px; color:#59595B; display:block;}

/*产品列表*/
.list_logo{ background:#FFF;font-size:0; float:left;width: 22%; margin-right:4%;margin-bottom:40px;box-shadow: 0px 0px 1px #666;transition:0.3s;}
.list_logo:hover{ box-shadow: 0px 0px 1px #666;}
.list_logo:nth-of-type(4n) {margin-right: 0px;}
.list_logo .text {text-align:center;}
.list_logo h2{font-weight:normal;color:#999;line-height:50px; font-size: 14px;}
.list_logo:hover .text {box-shadow: 0px 0px 5px #ccc}
.list_logo:hover h2 {}
.list_logo .pic {overflow:hidden;}
.list_logo .pic img {background-size:cover; border-bottom:#CCC 1px solid; opacity:0.7; width: 100%;}
.list_logo a:hover img {opacity:1.0;}


/*新闻列表*/
.list_news{font-size:0;float:left;width:23%; margin-right:2.66%; margin-bottom:30px;box-shadow: 0px 0px 5px #ccc;}
.list_news:hover{box-shadow: 0px 0px 10px #666;}
.list_news:nth-of-type(4n) {margin-right: 0px;}
.list_news .text {background:#fff;padding:25px;transition: all 0.5s ease 0s;}
.list_news h2 {color:#333;font-weight:normal;line-height:30px; font-size: 15px;margin-bottom: 10px;}
.list_news p {color:#999;font-size: 12px;line-height: 24px; overflow: hidden;}
.list_news .date {font-size:14px;font-family:'FuturaBT-Mediuma07b0b85718baf'; color:#999;text-align:right; margin-top: 10px}
.list_news:hover .text {background:#666;color:#fff; }
.list_news:hover h2 { color:#fff; font-size:15px;}
.list_news:hover p { color:#eee;}
.list_news:hover .date {color:#fff;}
.list_news .color a:hover .logo {opacity:1;}
.list_news .pic {position: relative;background:#000;  overflow: hidden;}
.list_news .pic img {background-size:cover;opacity:0.7; transition:0.3s; width: 100%;}
.list_news a:hover img {opacity:1.0;transform:scale(1.1)}
.logo {opacity: 0; transition:0.8s linear; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;background-color: rgba(0, 0, 0, 0.2);}
.logo span {background: url("../images/botton.png") no-repeat; right: 0px; bottom: 0px; margin: auto;left: 0px; top: 0px; width:200px; height: 200px;  position: absolute;}

/*产品列表*/
.list_product{font-size:0; float:left;width: 30%; margin-right:5%;margin-bottom:40px;box-shadow: 0px 0px 5px #ccc;}
.list_product:hover{box-shadow: 0px 0px 10px #666;}
.list_product .text {background:#fff; padding: 25px 20px;text-align:center}
.list_product h2{font-weight:normal;color:#333;line-height:40px; font-size: 16px;-webkit-transition: all 0.5s ease .1s;}
.list_product .date {font-size:14px;font-family:'FuturaBT-Mediuma07b0b85718baf'; color:#999}
.list_product:hover .text {background:#0a91e3;box-shadow: 0px 0px 5px #ccc}
.list_product:hover h2 {color:#fff;}
.list_product:hover .date {color:#eee;}
.list_product .pic {background:#000;overflow:hidden;}
.list_product .pic img {background-size:cover;opacity:0.7;transition:0.7s; width: 100%;}
.list_product a:hover img {opacity:1.0;transform:scale(1.1);transition:0.7s;}

/*招聘列表*/
.list_hr{float:left;width:23.479%; margin-right:2%; margin-bottom:30px; float:left;}
.list_hr:nth-of-type(4n) {margin-right: 0px;}
.list_hr .text {background:#fff;padding:30px 30px 50px 30px; color:#999;-webkit-transition: all 0.5s ease 0s; border-bottom-right-radius: 50px;}
.list_hr h2 {color:#333;line-height: 30px; font-size: 16px;margin-bottom: 10px;}
.list_hr p {font-size: 14px;line-height: 24px; overflow: hidden;}
.list_hr .date {border-bottom-right-radius:50px;width:auto; text-align:center;  color:#fff; border:2px #E60012 solid; padding:7px 20px;}
.list_hr:hover .text {color:#fff; background:#D90000;}
.list_hr:hover h2 {color:#fff;}
.list_hr:hover p {color:#fff;}
.list_hr:hover .date {background:#fff;color:#D90000;}

/*横线*/
.line_center{height:1px; background-color:#e3e3e3; width:100%; margin:25px;}
.line_hengxian01{position:absolute;font-size:0;color:#FFF; width:5%; border-top:#fff 1px dotted; right:8%; bottom:13%; z-index:1;opacity:1;}
.line_hengxian{position:absolute; font-size:0; color:#FFF; width:100%; border-top:#fff 1px solid; padding-right:8%;right:0; bottom:13%;opacity:0.1;text-shadow:#000 0px 0px 2px;}
.line_font{font-family:'FuturaBT-Mediuma07b0b85718baf'; border-bottom:#fff 1px dotted; margin-right:8%;
 font-weight:lighter;font-size:14px;color:#fff; text-transform:uppercase;position:absolute;right:0; bottom:8%;text-shadow:#000 0px 0px 2px;}
 
/*返回按钮*/
.botton_back:link{ width:20px; height:20px;background:#999;font-size:16px;color:#fff; border-radius: 100%; padding:20px;display:block;-webkit-transition: all 0.5s ease 0s;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.botton_back:hover{ background:#000;color:#fff;width:45px; height:45px;}

/*翻页*/
.page{ background:#eee; color:#666;font-size:16px; width:37px; height:37px; border:#ccc 1px solid; margin:0 7px; border-radius: 100%;display:flex;justify-content:center;align-items:center; -webkit-transition: all 0.3s ease 0s}
.page:hover{background:#333;color:#FFF;width:40px; height:40px; margin-top:-1.7px; border:#0a91e3 1px solid;}

/*分辨率策略*/
@media all and (min-width:769px) 
{
.box_index_m {display:none}
.mainbody {padding: 5% 8% 3% 8% ; background:#eee url(../images/main_b.png); overflow:auto;}
.list_product:nth-of-type(3n){ margin-right: 0px;}/*奇数列的特殊性*/
.footer {background:#4E4E4E url(../images/foot_b.png) left 5% bottom no-repeat;  padding:4% 8%; margin-left:0; overflow:auto}
.footlink{float:left;width:12%; margin-right: 4%; line-height:30px;}
.foot_bottom { height:80px;overflow:auto; margin:0 8%;display:flex;justify-content: space-between;  align-items: center}
.foot_bottom_left{ display:flex;justify-content: center;  align-items: center}
.foot_bottom_left .tel{font-family:'FuturaBT-Mediuma07b0b85718baf'; font-size:14px; color:#0a91e3; display:block;margin-left: 10px;}
.foot_bottom_left a {color:#999; margin-right: 10px; margin-left: 10px;font-size:14px;-webkit-transition: all 0.3s ease 0s }
.foot_bottom_left span {color: #ccc;font-size:12px;}
.foot_bottom_left a:hover {color:#333;}
.foot_bottom_right{font-family:'FuturaBT-Mediuma07b0b85718baf';text-transform:capitalize; color:#999;float: right; color:#666; font-size:12px; padding-top:10px;}
.foot_bottom_right a{color:#999;}
.foot_bottom_right .design{ font-family:'FuturaBT-Mediuma07b0b85718baf';font-size:12px; text-transform:uppercase; color:#999; margin-left:20px;}
}

@media all and (max-width:769px)
{
body {overflow-x: hidden; /*横向*/margin:0px;color: #333; background:#fff;font-family: "微软雅黑", "Microsoft YaHei"; font-weight:lighter;}
a:{color: #666;}a:link {color: #333;text-decoration: none;}a:visited {color: #333;}a:hover {color: #333;}a:active {color: #000;}
.header {display: none;}
.mheader {display:block;}
.mainbody {padding: 3% 0% 3% 0% ; margin-top:5%; margin-bottom: 5%; background:#eee;overflow:auto;}

.left_menu {position: relative; height:40px;border-right:1px solid #eee;overflow: hidden;font-size:15px;margin:0px; padding:0 15px; text-align: center;border-radius: 0px;display:flex;justify-content:center;align-items:center;transition:0.7s;}
#navi ul li.hl a{ padding-left:-50px;color:#fff; background:#0a91e3;border:0px solid #333;border-right:1px solid #0a91e3; text-shadow:0px 0 0 #333}


.box_bannerimg img{ background-size:cover; width: 160%;}
.box_banner{ top:45%}

.box_column{padding-top:2%; padding-bottom:2%;}
.box_erji{font-size:0;border-top:#eee 1px solid; border-bottom:#eee 1px solid;display:flex;align-items: center;flex-direction:column; }
.box_content{font-size:16px; box-shadow:0 0 0 #333}

.box_view {font-size:14px; padding: 10% 3%; margin:3% 0%;background-color:rgba(255, 255, 255,1);box-shadow: 0px 0px 0px #999;}
.box_view h2 { font-size: 20px; font-weight:lighter; text-align: left; padding-bottom:3%;margin-bottom:3%; border-bottom:1px #eee solid; }
.box_view p {color:#333; font-size:16px; line-height: 25px; margin-bottom:15px;display:inline-block;
 text-align: justify;}
.box_view .date { margin-left:-20px;font-size:14px; text-align: left; color:#ccc;font-weight:lighter; display:inline-block}
.box_view .share{ display:none}
.box_view img {margin-left:-2em;max-width: 100%;}

.box_page{ background:#fff; margin:0;font-size:14px; text-align:center; padding:0% 0 3% 0; display:flex;justify-content:center;align-items:center;box-shadow: 0px 0px 0px #ccc} 

.font_banner_ch{font-size:25px;color:#fff;opacity: 0.5; font-weight:lighter;text-transform: uppercase;text-shadow:0px 0px 0px #000;}
.font_banner_shuxian{background: rgba(255,255, 255, 0.4); width: 10px; height:10px; margin:-5px; border-radius: 100%;text-shadow:1px 0px}
.font_banner_en{font-size:15px;text-shadow:0px 0px 0px #000;opacity: 0.5}
.font_bounce {display:none}
.font_bounce img{ width: 100%;}
.font_column_ch{font-size:18px; font-weight:lighter;height:55px; line-height:55px;}
.font_column_en{font-size:14px;font-weight:lighter; padding:16px 0 10px 0;background:none;text-shadow:0px 0px 0px #000; }/*横线*/
.font_system{font-size:14px;padding-bottom:10px; color:#59595B; display:block;}

.line_center{ display:none}

.list_news{width:48%;margin-right:4%;margin-bottom:20px;box-shadow: 0px 0px 0px #ccc;}
.list_news:nth-of-type(2n) {margin-right: 0px;}
.list_news .text {color:#666;background:#fff;padding:15px;transition: all 0.5s ease 0s;}
.list_news h2 { color:#333;font-weight:normal;line-height:20px; font-size: 14px;margin-bottom: 5px;}
.list_news p {color:#999;font-size: 12px;line-height: 20px; overflow: hidden;}
.list_news .date { text-align:right; font-size:12px; color:#ccc;}
.list_news:hover .active {background:#000;color:#fff; }
.list_news .pic img {background-size:cover;opacity:1; transition:0.7s; width: 100%;}
.list_news a:hover img {opacity:1.0;transform:scale(1.0);transition:0.7s;}
.logo { display:none}

.list_product{width:48%;margin-right:4%;margin-bottom:20px;box-shadow: 0px 0px 0px #ccc;}
.list_product:nth-of-type(2n){ margin-right: 0px;}
.list_product .text {color:#666;background:#fff;padding:20px;text-align: left;transition: all 0.5s ease 0s;}
.list_product h2{line-height:30px; font-size: 14px;}
.list_product .date {font-size:12px; color:#ccc;}
.list_product .pic img {background-size:cover;opacity:1;transition:0.7s; width: 100%;}
.list_product a:hover img {opacity:1.0;transform:scale(1.0);transition:0.7s;}

/*横线*/
.line_center{height:1px; background-color:#e3e3e3; width:100%; margin:25px;}
.line_hengxian01{position:absolute;font-size:0;color:#FFF; width:17%; border-top:#fff 1px solid; right:2%; bottom:13%; z-index:1;opacity:0;}
.line_hengxian{position:absolute; font-size:0; color:#FFF; width:100%; border-top:#fff 1px solid; padding-right:2%;right:0; bottom:13%;opacity:0.2;text-shadow:#000 0px 0px 2px;}
.line_font{font-family:'FuturaBT-Mediuma07b0b85718baf'; border-bottom:#eee 1px solid; margin-right:2%;
 font-weight:lighter;font-size:10px;color:#fff; text-transform:uppercase;position:absolute;right:0; bottom:5%;text-shadow:#000 0px 0px 2px;opacity:0.5}

.footer {display:none}
.footlink{float: left;width:46%; margin-right: 4%;}
.foot_bottom {height:60px; margin:0 2%;display:flex;justify-content:center;align-items: center}
.foot_bottom_left{ display:none}
.foot_bottom_right{font-size:11px; width:100%;text-align:center;color:#333; line-height:20px;  text-transform:uppercase; }
.foot_bottom_right .design{font-size:11px; color:#999;font-family:'FuturaBT-Mediuma07b0b85718baf'; text-transform:uppercase; display:block}
}