@charset "utf-8";
/* CSS Document */
/*---------- base ---------*/
*,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, font, img, ins, kbd, q, s, samp,small, strike, strong, 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 { margin: 0;padding: 0;border: 0;outline: 0; vertical-align: baseline; background: transparent;}
html{color:#333333;}
body{ font:12px "Microsoft YaHei","微软雅黑",Verdana,Arial,Tahoma;}
img{ border:none; /*display:block;*/vertical-align:bottom; transition: all 0.36s ease-out; -moz-transition: all 0.36s ease-out; -ms-transition: all 0.36s ease-out; -o-transition: all 0.36s ease-out; -webkit-transition: all 0.36s ease-out;}
a{ color:#333333; text-decoration:none; -webkit-transition: all 0.36s; -moz-transition: all 0.36s; -ms-transition: all 0.36s; -o-transition: all 0.36s; transition: all 0.36s;}
a:hover{color:#ea6101;text-decoration:none;}
dl,dt,dd,ul,li{list-style:none; margin:0px; padding:0px;}
ul::after{content: ''; height: 0; display: block; visibility: hidden; clear: both;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden; clear:both;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both; }
.clearfix{	zoom:1; }
.fl{ float:left;}
.fr{ float:right;}
.middle{ width:100%; max-width:1400px; margin: 0 auto; overflow:hidden;}
.wsection{ width:100%; max-width:1400px; margin: 0 auto;}
.middle-box{ display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{ display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}


#back-to-top{position:fixed;bottom:5%;left:97%; z-index:999;}
#back-to-top a span{ display:block; height:50px; width:50px; background:url(../images/return_top.png) no-repeat center center; margin-bottom:5px; -moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;}
#back-to-top a:hover span{background:url(../images/return_top.png) no-repeat center center;}


.sub-web{ width:100%; margin:0 auto; padding:0; text-align:left; overflow:hidden;}
.sub-web .Llogo{ display:block; width:100%; max-width:340px; padding:0; margin:0; text-align:center; overflow:hidden;}
.sub-web .Llogo a{ display:block; overflow:hidden;}
.sub-web .Llogo a img{ width:100%; height:100px;}
.sub-web .Rbox{ width:58%; }
.sub-web .Rbox .LdH{ width:calc(20% * 4); padding:0; margin:0; text-align:left;}
.sub-web .Rbox .top-raea{ width:calc(16% * 1); position:relative; display:block; padding:0; margin:34px 0 0; text-align:left;}
.search-box{position: absolute;right: 0;top:0;cursor: pointer;z-index: 5;}
.search-btn{width: 32px;height: 32px;background-image: url("../images/search.png");z-index: 5;position: relative;}
.search-con{position: absolute;width: 0;right: 0;height: 32px;top:0;background: #f5f5f5;overflow: hidden;}
.search-con .text{display: block;height: 32px;width: 100%;background: none;text-indent: 40px;}
.search-close{width: 32px;height: 32px;position: absolute;top:0;left: 0;background-image: url("../images/close.png");}
.search-sb{position: absolute;right: 0;top:0;cursor: pointer;display: none;background-color:#f5f5f5;}
.search-box.active .search-con{width: 200px;}
.search-box.active .search-sb{display: block;}
.search-text{margin-right: 32px;}
.top-raea{position: relative;width: 118px;height: 32px;margin-top: 34px;}
.language-box{position: absolute;right: 32px;top:0;}
.language-box a{line-height: 20px; margin-top: 6px; float: left;width: 42px;text-align: center;font-size: 12px;color: #eb6100;}
.language-box a.active{color: #303647; background: #e5e9ea;border-radius: 4px;}
.search-box.hide,.language-box.hide{opacity: 0;}
.Rbox.active .LdH{opacity: 0;}

.search-con,.LdH,.language-box,.search-box,.top-raea,.header,.logo,.nav-yi,.applist .i,.yycj-bg,.yycj-icon,.yycj-text p,.more,.guide-l li a:after,.ry-list .position-full,.zr-word h4,.zr-time strong,.zr-time span,.shzr-xqpage p,.time18,.share-list.bdsharebuttonbox a,.contact-b .img100,.pro-hide,.navs-menu a:after,.position-full,.aplc-con,.aplc-bot p,.aplc-bot .i,.rznav a,.rznav a:after,.service .img2,.wx-r h4,.xw strong,.xw span,.xw-time-r .i,.menu-handler .burger,.imgscale .img100 img,.cpzx-list li img,.cpzx-list li p,.cpzx-list li h3{transition: all .4s linear;}

/* --------- 导航 ----------------*/
#navMenu{ text-align:center; overflow:hidden;}
#navMenu ul{ display:block; margin:0 auto; padding:0; text-align:center; overflow:hidden;}
#navMenu ul li{ display:block; float:left; width:16.6666%; margin:0; padding:0; text-align:center; overflow:hidden;}
#navMenu ul li a{ display:block; position:relative; line-height:100px; font-size:16px; text-align:center;}
#navMenu ul li:hover a{ color:#ea6101;}
#navMenu ul li.hover a{ color:#ea6101;}

/*-------- 下拉菜单 --------------*/
.dropMenu { position:absolute; top:0; z-index:100; width:150px; margin:-1px 0 0 0; padding:0; visibility: hidden;}
.dropMenu li { margin:0; padding:0; text-align:center; height:50px; background:#000; filter:alpha(opacity=80) !important;opacity:0.8 !important; border-bottom:1px #666 solid;}
.dropMenu li:hover{ background:#ee1d22; color:#FFF; filter:alpha(opacity=100) !important;opacity:1 !important; cursor:pointer;}
.dropMenu li a { width:100%; display: block; line-height:40px; padding:5px 0; margin:0; font-size:15px; color:#FFF; transition: all 0s; text-align:center;}
.dropMenu li a:hover { color:#FFF; background:#ea6101; text-decoration:none;}

/*-------- 轮播图 --------------*/
.banner{width:100%; height:838px; margin:0 auto; text-align:center; clear:both; overflow:hidden;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.focusBoxban { position: relative; width:100% !important; text-align:center; overflow: hidden; }
.focusBoxban .picimg{ position:relative; z-index:0; height:838px;overflow: hidden;}
.focusBoxban .picimg li{ width:100%; height:838px; overflow: hidden;}
.focusBoxban .picimg img { width:100% !important; height:838px; margin:0 auto; display: block; }
.focusBoxban .hd { width:100%; position:absolute; bottom:10px; text-align:center; z-index:10; padding:0px; overflow:hidden;}
.focusBoxban .hd li{ display:inline-block; *display:inline; margin: 4px 5px; height: 12px; width: 12px; cursor: pointer; zoom:1; background:#FFF; filter:alpha(opacity=80); opacity:0.8; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow: hidden;}
.focusBoxban .hd .on{ background:#F60; filter:alpha(opacity=100); opacity:1;}
.focusBoxban .prev,
.focusBoxban .next { width: 60px; height: 60px; margin: -48px 0px 0px; display: none; background: url(../images/vbg01.png) 0 0 no-repeat rgba(0,0,0,.3); position: absolute; top: 50%; z-index: 10; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.focusBoxban .prev { left: 0%; }
.focusBoxban .next { background: url(../images/vbg01.png) -45px 0 no-repeat rgba(0,0,0,.6); right:0%;}
.focusBoxban .prev:hover,
.focusBoxban .next:hover { filter:alpha(opacity=90) !important;opacity:0.9 !important;  }

/*-------- about --------------*/
.about{ position:relative; width:100%; margin:0 auto; min-height:653px; padding:0; text-align:center; background:#FaFaFa url(../images/abobg.png); z-index:0; clear:both;}
.about:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; display:block; background:url(../images/abobg2.png) no-repeat center center; z-index:-1;}
.about .a-detail{ padding:60px 0 0; margin:0 auto; text-align:center; overflow:hidden;}
.about .a-detail .apic{ width:48%; margin:0; padding:0; text-align:center; overflow:hidden;}
.about .a-detail .apic a{ display:block; position:relative;}
.about .a-detail .apic a img{ width:100%; min-height:425px; cursor:pointer;}
.about .a-detail .apic a:hover img{transform: scale(1.1,1.1);}
.about .a-detail .apic a:before{ content: '';position: absolute;width: 0;height: 0; z-index: 222; box-sizing: border-box;transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s;opacity: 0; top: 5%; left: 3%;border-top: 1px solid #F60;border-right: 1px solid #F60;border-bottom: 1px solid transparent;border-left: 1px solid transparent;}
.about .a-detail .apic a:after{ content: '';position: absolute;width: 0;height: 0;z-index: 222;box-sizing: border-box;transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s;opacity: 0; bottom: 5%; right: 3%;border-bottom: 1px solid #F60;border-left: 1px solid #F60;border-top: 1px solid transparent;border-right: 1px solid transparent;}
.about .a-detail .apic a:hover:before,.about .a-detail .apic a:hover:after{ width: 94%; height: 90%; transition: width 0.5s linear 0s, height 0.5s linear 0.5s; opacity: 1;}
.about .a-detail .apic a i{ position: absolute; width: 94%; height: 90%; top: 5%; left: 3%; border-top: 1px solid #FFF;border-right: 1px solid #FFF;border-bottom: 1px solid transparent;border-left: 1px solid transparent;}
.about .a-detail .apic a em{ position: absolute; width: 94%; height: 90%; bottom: 5%; right: 3%; border-bottom: 1px solid #FFF;border-left: 1px solid #FFF;border-top: 1px solid transparent;border-right: 1px solid transparent;}

.about .a-detail .gy_l{ width:50%; padding: 0; text-align: left; margin:0; min-height:425px;}
.about .a-detail .gy_l h2{ padding:40px 0 0; line-height:45px; font-size:42px; color:#303548; text-align:left; overflow:hidden; }
.about .a-detail .gy_l h4{ line-height:32px; font-size:15px; padding:25px 0; color:#666; text-indent:2em; font-weight:normal;}
.about .a-detail .gy_l .a_more{ padding-top: 0px; padding-left:0; line-height: 45px; overflow:hidden;}
.about .a-detail .gy_l .a_more a{ display: block; width: 130px; text-indent: 18px;  font-size:14px; background: url(../images/icon-abojt.png) 100px 16px no-repeat #FFF; border:1px #CCC solid; border-radius: 50px;}
.about .a-detail .gy_l .a_more a:hover{ background: url(../images/icon-abojt-h.png) 100px 16px no-repeat #ea6101; color:#FFF;}
.about .a-detail .gy_l .num{ font-size: 0; padding: 30px 0 0; text-align: center; }
.about .a-detail .gy_l .num ul{ width:100%; margin:0 auto; overflow:hidden;}
.about .a-detail .gy_l .num ul li{ display:  block; float:left; width:calc(100% / 3); font-size: 14px; color: #666666; text-align:center; background:url(../images/icon-aboslline.png) no-repeat left top;  overflow:hidden;}
.about .a-detail .gy_l .num ul li p{ line-height:65px; color:#000;}
.about .a-detail .gy_l .num ul li span{ font-size: 45px; color: #ea6101; font-weight:bold;}


/*-------- 04  --------------*/
.cpdz{ width: 100%;  margin: 0 auto; padding: 95px 0 0; background:#f3f3f3 url(../images/bg1.jpg) no-repeat center top; overflow:hidden;}
.cpdz h1{ font-size:40px; line-height:54px; text-align:center; color:#FEFEFE; letter-spacing:1px;}
.cpdz h2{ font-size:30px; line-height:45px; text-align:center; color:#FEFEFE; letter-spacing:1px;}
.cpdz p{ font-size:15px; line-height:40px; text-align:center; color:#FEFEFE;}
.cpdz .dzlist{ padding:42px 0 120px;}
.cpdz .dzlist ul{ background:#FFF; box-shadow:0 15px 30px rgba(0,0,0,0.11); overflow:hidden;}
.cpdz .dzlist ul li{ width:calc(100% / 5); float:left; padding:50px 0; border-right:1px #EEE solid; overflow:hidden;}
.cpdz .dzlist ul li:last-child{ border-right:none;}
.cpdz .dzlist ul li:nth-of-type(2n){ background:#fbfbfb;}
.cpdz .dzlist ul li dl{ float:left; width:calc(100% / 2); padding:15px 0 0; text-align:center; cursor:pointer;}
.cpdz .dzlist ul li dl dt{ position:relative; text-align:center;}
.cpdz .dzlist ul li dl dt img{ margin:0 auto; border:3px #efefef solid; box-shadow:2px 3px 3px #CCC; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.cpdz .dzlist ul li dl dt:before{ position:absolute; content:''; display:block; left:50%; top:3px; width:102px; height:102px; margin-left:-51px; background:#000; opacity: 0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; transition: all 0.36s;}
.cpdz .dzlist ul li dl dt:hover:before{ opacity: 0.6;}
.cpdz .dzlist ul li dl dd{ line-height:40px; font-size:16px; color:#000;}
.cpdz .dzlist ul li:last-child dl:last-child{ padding:20px 0 0;}
.cpdz .dzlist ul li:last-child dl:last-child dt{ width:102px; height:102px; margin:0 auto; border:3px #efefef solid; box-shadow:2px 3px 3px #CCC; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; }
.cpdz .dzlist ul li:last-child dl:last-child dt:before{ top:0;}
.cpdz .dzlist ul li:last-child dl:last-child dt p{ margin:0 auto; padding:30px 0; font-size:13px; color:#060606; line-height:21px;}


/*-------- pro --------------*/
.pro{width:100%; margin:0 auto; padding:100px 0 60px; text-align:center; clear:both; border-top:8px #FFF solid; background:#F3F3F3 url(../images/bg2.png) no-repeat center 40px; overflow:hidden;}
.pro h1{ font-size:40px; line-height:44px; text-align:center; color:#303548; letter-spacing:1px;}
.pro h2{ font-size:18px; line-height:58px; text-align:center; color:#303548; font-weight:normal; /*letter-spacing:1px;*/}

.sort_div{ padding:10px 0 35px; margin:0 auto; overflow:hidden;}
.sort_div ul{ width:calc(20% * 2); padding:0; margin:0 auto; text-align:left; overflow:hidden;display: flex}
.sort_div ul li{ display:block; float:left; width:25%; line-height:36px; padding:0; margin:0 auto; transition: all 0.36s; background:transparent; border:1px transparent solid;  border-radius:50px; overflow:hidden;}
.sort_div ul li a{ display:block; padding:0; color:#333; font-size:16px; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sort_div ul li a:nth-of-type(5n){ border-right:none;}
.sort_div ul li:hover{ border-color:#303548; }
.sort_div ul li:hover a{ color:#ea6101;}

.pro .prolist{ margin:0 auto; overflow:hidden;}
.pro .prolist ul{ padding:0; overflow:hidden;}
.pro .prolist ul li{ width:31%; float:left; margin:0 3.5% 3.5% 0; overflow:hidden; }
.pro .prolist ul li:nth-of-type(3n){ margin:0 0 3.5% 0;}
.pro .prolist ul li a{ position:relative; display:block; margin:2px; box-shadow:0 0 3px #e0e0e0; background:#FFF; overflow:hidden;}
.pro .prolist ul li a p{ display:block; overflow:hidden;}
.pro .prolist ul li a p img{ width:100%; height:372px;}
.pro .prolist ul li a:hover p img{ transform: scale(1.1,1.1);}
.pro .prolist ul li a p:nth-of-type(2){ padding:0 25px; line-height:54px; font-size:16px; border-top:1px #FFF solid; color:#333; text-align:left; transition: 0.5s;}
.pro .prolist ul li a p:nth-of-type(2) span{ display:block; float:left; width:calc(20% * 4); border-bottom:1px #EEE solid; font-size:16px; color:#3f3f3f; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro .prolist ul li a p:nth-of-type(2) font{ display:block; float:right; width:calc(20% * 1); border-bottom:1px #EEE solid; font-size:13px; text-align:right; color:#3f3f3f;}
.pro .prolist ul li a p:nth-of-type(3){ padding:8px 25px 30px; line-height:25px; text-align:left; font-size:13px; color:#999;height:88px;}
.pro .prolist ul li a:hover{ background:#ea6101; }
.pro .prolist ul li a:hover p{ color:#FFF;}
.pro .prolist ul li a:hover p span,.pro .prolist ul li a:hover p font{ color:#FFF;}
.pro .promore{ padding:10px 0 0; text-align:center;}
.pro .promore a{ display:block; width:15%; margin:0 auto; line-height:38px; border:1px solid #ccc; color:#7c7c7c; font-size:14px; text-transform:uppercase;  border-radius:50px;}
.pro .promore a:hover{ background:#ea6101; border-color:#ea6101; color:#FFF;}

/*-------- app --------------*/
.appmenu{ background:#FFF; overflow:hidden;}
.appmenu h1{ width:calc(18% * 1); float:left; line-height:185px; font-size:40px; color:#303548;}
.appmenu h2{ width:calc(100% / 2); float:left; padding:65px 0 0; line-height:30px; font-size:16px; color:#5e5e5e; font-weight:normal;}
.appmenu a{ display:block; width:calc(13.3% * 1); float:right; line-height:185px; font-size:30px; text-align:center;}
.appmenu a:hover{ background:#ea6101; color:#FFF;}
.app{ min-height:784px; background:url(../images/appb1.jpg) no-repeat center; overflow:hidden;}
.focusBox { position: relative; width:100% !important; text-align:center; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; height:784px; overflow: hidden;}
.focusBox .pic li{ width:100%; height:784px; overflow: hidden;}
.focusBox .pic img { width:100% !important; height:784px; display: block; }
.focusBox .hd { background: rgba(0,0,0,.33);width: 50%; padding: 32px 0; position:absolute; left:0; top:0; z-index:10; text-align:center;}
.focusBox .hd li{ display:block; margin:0; padding:0; zoom:1; cursor: pointer; }
.focusBox .hd li a{ display: block; height: 120px; position: relative;}
.focusBox .hd li a .yycj-bg{ position: absolute; width: 0; top: 0; height: 100%; overflow: hidden; left: 0; background: rgba(255,255,255,.8); padding-right: 0; transition: all .4s linear;}
.focusBox .hd li a .yycj-bg .i{position: absolute;width: 30px;height: 30px;right: 100px;top:50%;margin-top: -15px; transition: all .4s linear;}
.focusBox .hd li a .yycj-bg .i:before{content: '';position: absolute; width: 100%;left: 0;top:50%;border-top:1px solid #bbb;}
.focusBox .hd li a .yycj-bg .i:after{content: '';position: absolute; height: 100%;top: 0;left:50%;border-left:1px solid #bbb;}
.focusBox .hd li a .yycj-con{position: absolute;left: 34.375%;top:0;right: 0;height: 100%;}
.focusBox .hd li a .yycj-icon{position: absolute;height: 100%;left: 0;top:0;width: 120px;text-align: center; transition: all .4s linear;}
.focusBox .hd li a .yycj-icon img{ margin:0 auto;}
.focusBox .hd li a .yycj-text{position: absolute;top:0;height: 100%;left: 166px;right:10px; text-align:left;}
.focusBox .hd li a .yycj-text h3{ font-weight:normal; font-size: 16px;color: #fff; transition: all .4s linear;}
.focusBox .hd li a .yycj-text h3 span{font-family: "dincondregular"; color: #fff; font-size: 16px; text-transform: uppercase;}
.focusBox .hd li a .yycj-text p{ color: #fff; margin-top: -30px; opacity: 0; font-size: 15px; transition: all .4s linear;}
.focusBox .hd .on a:hover .yycj-bg{width: 130%; /*padding-right: 256px;*/}
.focusBox .hd .on a:hover .yycj-icon{background:#eb6100;}
.focusBox .hd .on a:hover p{ margin-top: 10px; opacity: 1; color: #333;}
.focusBox .hd .on a:hover h3{color: #333; font-size: 16px;}
.focusBox .hd .on a:hover h3 span{color: #333;font-size: 16px;}


/*-------- 03 news xilie  --------------*/
.news{ width:100%; margin:0 auto; padding:50px 0 0; background:#FFF; clear:both; text-align:center; overflow:hidden;}
.news .newstop{ overflow:hidden;}
.news .newstop h1{ position:relative; width:calc(100% / 2); float:left; padding:0; margin:0; text-align:left; line-height:80px; border-bottom:1px #dbdbdb solid; font-size:30px; color:#303548; overflow:hidden;}
.news .newstop h1:after{ position:absolute; display:block; content:''; width:24px; height:5px; left:132px; top:47px; background:#eb6100;}
.news .newstop h2{ width:calc(100% / 2); float:right; padding:25px 0; margin:0; border-bottom:1px #dbdbdb solid; overflow:hidden;}
.news .newstop h2 ul{ width:calc(40% * 2 ); float:right; line-height:30px; overflow:hidden;}
.news .newstop h2 ul li{ position:relative; width:calc(100% / 3); float:left; text-align:center;}
.news .newstop h2 ul li:after{ position:absolute; display:block; content:''; width:3px; height:2px; right:0; top:14px; background:#303548;}
.news .newstop h2 ul li:nth-of-type(2):before,.news .newstop h2 ul li:nth-of-type(3):before{ position:absolute; display:block; content:''; width:3px; height:2px; left:0; top:14px; background:#303548;}
.news .newstop h2 ul li:nth-of-type(3):after{ background:transparent;}
.news .newstop h2 ul li a{ display:block; margin:0 15px; font-size:15px; font-weight:normal; color:#000;}
.news .newstop h2 ul li:nth-of-type(1) a{ background:#eb6100; color:#FFF;}
.news .newstop h2 ul li a:hover{ background:#eb6100; color:#FFF;}
.news .nhotlist{ padding:25px 0; border-bottom:1px #dbdbdb solid; overflow:hidden}
.news .nhotlist dl{ width:calc(100% / 2 - 50px); text-align:left; overflow:hidden;}
.news .nhotlist dl a{ display:block; overflow:hidden;}
.news .nhotlist dl dt{ width:calc(100% / 3 + 15px); float:left; text-align:center; overflow:hidden; }
.news .nhotlist dl dt img{ max-width:100%;}
.news .nhotlist dl a:hover dt img{ transform: scale(1.1,1.1);}
.news .nhotlist dl dd{ width:calc(30.5% * 2); float:right; text-align:left;}
.news .nhotlist dl dd p{ text-align:left;}
.news .nhotlist dl dd p:nth-of-type(1){ line-height:26px; padding:0 0 6px 0; font-size:16px; color:#000; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.news .nhotlist dl dd p:nth-of-type(2){ line-height:25px; min-height:75px; margin:0 0 10px; font-size:14px; color:#999;}
.news .nhotlist dl dd em{ padding:0; display:block; position:relative; width: 90px; line-height:25px; white-space: nowrap; color: #999; font-style: italic; font-size: 14px; transition: 0.36s all ease;}
.news .nhotlist dl dd em:after{content: ''; display: block; width: 0px; height: 1px; background: #eb6100; position: absolute; top: 12px; left: 0; transition: 0.36s all ease;}
.news .nhotlist dl a:hover dd em{  padding:0 0 0 60px;}
.news .nhotlist dl a:hover dd em:after{ width:50px;}
.news .nendlist{ overflow:hidden;}
.news .nendlist ul{ padding:40px 0 0; overflow:hidden;}
.news .nendlist ul li{ width:calc(100% / 3); float:left; margin:0 0 40px; text-align:left;}
.news .nendlist ul li a{ display:block; overflow:hidden;}
.news .nendlist ul li:nth-of-type(3n+1) a{ padding:0 40px 0 0;}
.news .nendlist ul li:nth-of-type(3n-1) a{ padding:0 20px;}
.news .nendlist ul li:nth-of-type(3n) a{ padding:0 0 0 40px;}
.news .nendlist ul li a h3{ width:calc(100% / 5); float:left; min-height:110px; border-right:1px #dbdbdb solid; text-align:right; transition: 0.36s all ease;}
.news .nendlist ul li a h3 b,.news .nendlist ul li a h3 strong{ display:block; padding:0 5px 0 0; color:#eb6100; transition: 0.36s all ease;}
.news .nendlist ul li a h3 b{ font-size:26px; line-height:42px;}
.news .nendlist ul li a h3 strong{ font-size:20px; line-height:32px; font-weight:normal;}
.news .nendlist ul li a h4{ width:calc(15% * 5); float:right; text-align:left; font-weight:normal;}
.news .nendlist ul li a h4 span{ display:block; text-align:left;}
.news .nendlist ul li a h4 span:nth-of-type(1){ font-size:16px; line-height:20px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.news .nendlist ul li a h4 span:nth-of-type(2){ position:relative; padding:8px 0; line-height:24px; font-size:13px; color:#999;}
.news .nendlist ul li a h4 span:nth-of-type(2):before,.news .nendlist ul li a h4 span:nth-of-type(2):after{ position:absolute; display:block; content:''; width:62px; height:1px; left:0; bottom:0; background:#ebebeb; transition: 0.36s all ease;}
.news .nendlist ul li a h4 span:nth-of-type(2):after{ width:0; z-index:1;}
.news .nendlist ul li a:hover h3{ background:#eb6100;}
.news .nendlist ul li a:hover h3 b,.news .nendlist ul li a:hover h3 strong{ color:#FFF;}
.news .nendlist ul li a:hover h4 span:nth-of-type(2):after{ width:62px; background:#eb6100;}


/*-------- link --------------*/
.links{ width:100%; height:42px; padding:0; margin:0 auto; border-top:1px #dbdbdb solid; text-align:left; overflow:hidden;}
.links .middle>p{ display:block; line-height:26px; margin:8px auto; padding-left:28px; font-size:16px; background:url(../images/icon-links.png) no-repeat left center; overflow:hidden;}
.links .middle>p a{ display:inline-block; font-size:14px; padding:0 10px 0 0px; font-weight:normal; }


/*---------- footer ---------*/
.footer{ position:relative; width:100%; min-height:685px; padding:0; margin:0 auto; text-align:center; overflow:hidden; z-index:0;}
.footer:before,.footer:after{ position:absolute; display:block; content:''; width:calc(20% * 4); height:100%; left:0; top:0; background:#111 url(../images/footbg3.png); z-index:-1;}
.footer:after{ width:calc(100% / 5); left:auto; right:0; background:url(../images/footlbg.jpg) no-repeat center center; background-size:cover; z-index:-1;}
.footer .endl{ width:calc(100% / 4); padding:130px 0 0; margin:0; text-align:left; overflow:hidden;}
.footer .endl h1{ font-size:22px; color:#EEE; line-height:44px; padding:0 0 42px; margin:0 auto; font-weight:normal;}
.footer .endl h1 span{ text-transform:uppercase; font-size:14px; color:rgba(255,255,255,0.3);}
.footer .endl .conlx{ overflow:hidden;}
.footer .endl .conlx p{ display:block; padding:0; line-height:25px; text-align:left; color:#999; font-size:14px; overflow:hidden;}
/*.footer .endl .conlx p:nth-of-type(2){ padding:0 0 0 20%;}*/
.footer .endl h2{ padding:30px 0 0; overflow:hidden;}
.footer .endl h2 a{ display:block; float:left; margin:0 15px 0 0;}
.footer .endl h3{ padding:60px 0 0; font-weight:normal; overflow:hidden;}
.footer .endl h3 p{ display:block; width:calc(100% / 2); float:left; text-align:center;}
.footer .endl h3 p img{ max-width:100%; height:110px; margin:0 auto;}
.footer .endl h3 p span{ display:block; line-height:32px; color:#999;}
.footer .endc{ width:calc(100% / 2 + 50px); padding:130px 0 0; margin:0 0 0 10%; text-align:left; overflow:hidden;}
.footer .endc h1{ font-size:22px; color:#EEE; line-height:44px; padding:0 0 10px; margin:0 auto;  font-weight:normal;}
.footer .endc h1 span{ text-transform:uppercase; font-size:14px; color:rgba(255,255,255,0.3);}
.footer .endc .ly{ padding:15px 0 0; overflow:hidden;}
.footer .endc .ly ul{ overflow:hidden;}
.footer .endc .ly ul li{ text-align:left; overflow:hidden;}
.footer .endc .ly ul li:nth-of-type(2){ padding:25px 0 40px;}
.footer .endc .ly ul li:nth-of-type(3){ padding:0 0 40px;}
.footer .endc .ly ul li p{ width:calc(100% / 3 - 15px ); float:left; border-bottom:1px solid #999; text-align:left;}
.footer .endc .ly ul li p:nth-of-type(2){ margin:0 22px;}
.footer .endc .ly ul li p .lytxt{ display:block; line-height:36px;  border:none; background:none; color:#999; text-align:left;}
.footer .endc .ly ul li textarea{ display:block; width:100%; min-height:120px; border-bottom:1px solid #999; color:#999; font-family:"Microsoft YaHei";}
.footer .endc .ly ul li .send{ display:block; width:40%; line-height:44px; text-align:center; font-size:16px; color:#FFF; background:#eb6100; border:none; cursor:pointer;}
.bottom{ width:100%; margin:0 auto; padding:0; line-height:72px; font-size:14px; text-align:center; color:#999; background:rgba(0,0,0,0.99); overflow:hidden;}


/*---------- frame : 内页 ---------*/
.ny-banner{ width:100%; height:400px; margin:0px auto; padding:0px; text-align:center; overflow:hidden;}
.dqpage-box{ display: table; width:100%; height: 400px; margin:0 auto; position:relative; table-layout: fixed;}
.dqpage-inner{ display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.ny-banner p{ display:block; text-align:center; color:#FFF;}
.ny-banner p img{ margin:0 auto;}
.ny-banner p:nth-of-type(1){ line-height:42px; font-size:30px; letter-spacing:2px;}
.ny-banner p:nth-of-type(2){ line-height:30px; font-size:16px; font-family: "dinbold"; text-transform:uppercase;}
.ny-banner p:nth-of-type(3){ padding:50px 0 0;}


/*-------- 内页轮播图 --------------*/
.focusBoxpro { position: relative; width:100% !important; text-align:center; overflow: hidden; }
.focusBoxpro .proimg{ position:relative; z-index:0; height:400px;overflow: hidden;}
.focusBoxpro .proimg li{ width:100%; height:400px; overflow: hidden;}
.focusBoxpro .proimg img { width:100% !important; height:400px; margin:0 auto; display: block; }
.focusBoxpro .hd { width:100%; position:absolute; bottom:10px; text-align:center; z-index:10; padding:0px; overflow:hidden;}
.focusBoxpro .hd li{ display:inline-block; *display:inline; margin: 4px 0; height: 5px; width: 20px; cursor: pointer; zoom:1; background:#FFF; filter:alpha(opacity=80); opacity:0.8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow: hidden; -webkit-transition: all 0.36s; -moz-transition: all 0.36s; -ms-transition: all 0.36s; -o-transition: all 0.36s; transition: all 0.36s;}
.focusBoxpro .hd .on{ width: 32px; background:#F60; filter:alpha(opacity=100); opacity:1;}
.focusBoxpro .prev,
.focusBoxpro .next { width: 60px; height: 60px; margin: -48px 0px 0px; display: none; background: url(../images/vbg01.png) 0 0 no-repeat rgba(0,0,0,.3); position: absolute; top: 50%; z-index: 10; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.focusBoxpro .prev { left: 0%; }
.focusBoxpro .next { background: url(../images/vbg01.png) -45px 0 no-repeat rgba(0,0,0,.6); right:0%;}
.focusBoxpro .prev:hover,
.focusBoxpro .next:hover { filter:alpha(opacity=90) !important;opacity:0.9 !important;  }

.position{ display:block; margin:0 auto; padding:0 ; line-height:63px; text-align:left; text-transform:uppercase; border-bottom: 1px solid #e4e4e4; overflow:hidden;}
.position span{ display: block; width: 63px; height: 63px; background: url(../images/icon-position.png) no-repeat center; float: left; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.position p{ width: 84%; font-size:14px; color:#999999; float: left; margin-left: 18px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.position p a{ font-size:14px; color:#999; }
.position p a:hover{ color:#eb6100;}


.left-nav{ padding:0; margin:0 auto; text-align:left; background:#FFF; border-left:1px #EEE solid; border-right:1px #EEE solid; overflow:hidden} 
.left-nav li{ display:block; line-height:60px; padding:0 20px; margin:0 auto; border-bottom:1px #EEE solid; transition: all 0.36s; overflow:hidden;}
.left-nav li a{ display:block; padding:0; color:#333333; font-size:15px; text-align:left; background:url(../images/leftzmenu_jt03.png) no-repeat right center;}
.left-nav li:hover{ background:#F8F8F8;}
.left-nav li:hover a{ background:url(../images/leftzmenu_jt04.png) no-repeat right center; color:#eb6100;}
.left-nav li.active{ background:#F8F8F8;}
.left-nav li.active a{ background:url(../images/leftzmenu_jt04.png) no-repeat right center; color:#eb6100;}


.wrapper{width:100%; padding:30px 0; margin:0 auto;  text-align:center; overflow:hidden;}
.wrapper .w20{ width:20%; overflow:hidden;}
.wrapper .w20 h2{line-height:30px; padding:25px 0 25px 20px; font-size:24px; color:#FFF; background:#303548 url(../images/ico-parents.png) no-repeat 90% center;  text-align:left; font-weight:normal;}
.wrapper .w20 .lend{ padding:20px 0; background:#303548; text-align:left; }
.wrapper .w20 .lend p{ padding:0 0 0 15px; line-height:24px; font-size:18px; color:#FFF; font-weight:normal; overflow:hidden;}
.wrapper .w20 .lend h4{ padding:0 0 0 50px; line-height:25px; font-size:20px; color:#FFF; font-weight:normal; font-family:'Microsoft YaHei'; text-align:left;}
.wrapper .w20 .lend h4:nth-of-type(1){ padding: 10px 0 5px 50px; background:url(../images/c1-4.png) no-repeat 8% center;}
.wrapper .w20 .lend h4:nth-of-type(2){ background:url(../images/icon-bphone.png) no-repeat 8.5% center;}
.wrapper .w80{ width:77%; overflow:hidden;}
.wrapper .w80 .listname{  padding:10px 0; line-height:25px; margin:0 auto; text-align:left; border-bottom:1px #CCC solid; font-size:22px; font-weight:bold; color:#303548; overflow:hidden;}
.wrapper .w80 .searchname{  padding:10px 0; line-height:25px; margin:0 auto 15px; text-align:left; border-bottom:1px #CCC solid; font-size:18px; font-weight:bold; color:#303548; overflow:hidden;}
.wrapper .information{ min-height:400px; padding:15px 0; margin:0 auto; line-height:28px; font-size:14px; text-align:left; overflow:hidden;}
.wrapper .proinformation{ min-height:400px; padding:0 0; margin:0 auto; line-height:28px; font-size:14px; text-align:left; overflow:hidden;}



/*---------- frame : 内页列表 ---------*/
.listbox{ overflow:hidden; clear:both; margin:0 auto; padding:0;}
.e8{ display:block; padding:3px; margin:0 auto; text-align:center; overflow:hidden;}
.e8 li{ width:31.5%; float:left; padding:0; margin:0 2.25% 2.25% 0; box-shadow: 0px 0px 3px rgba(0,0,0,.1); transition: all 0.4s; text-align:center; cursor:pointer; overflow:hidden;}
.e8 li:nth-child(3n){ margin:0 0 2.25% 0;}
.e8 li:hover{/* box-shadow: 0px 0px 4px rgba(0,0,0,.2)*/}
.e8 li a { display:block; position:relative; overflow:hidden;}
.e8 li a .pic{ display:block; padding:0; margin:0 auto; height:288px; cursor:pointer; overflow:hidden;}
.e8 li a .pic img{ max-height:288px; filter: alpha(opacity=100);opacity: 1; }
.e8 li a:hover .pic img{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.e8 li a .title{ padding:15px; text-align:left; border-top:1px #FFF solid; overflow:hidden;}
.e8 li a .title p{ color:#333;}
.e8 li a .title p:nth-of-type(1){ display:block; line-height:30px; padding:0 0 5px; font-size:16px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.e8 li a .title p:nth-of-type(2){ margin:0; height:12px; background:url(../images/icon-prolist.png) no-repeat; overflow:hidden;}
.e8 li a:hover .title p:nth-of-type(2){ background-position:0px -12px; transition:all 0.36s;}
.e8 li a:hover .title p{ color:#FFF;}
.e8 li a i{ position:absolute; display:block; width:100%; height:0; left:0; top:0; background:rgba(0,0,0,0.4); transition:all 0.36s; z-index:1;}
.e8 li a:hover i{ height:288px; left:0; top:0; font-style:normal;}
.e8 li a span{ position:absolute; left:50%; top:30%; display:block; width:60px; margin:0 0 0 -30px; line-height:60px; text-align:center; color:#FFF; border:1px #FFF solid; filter:alpha(opacity=0) !important;opacity:0 !important; transition:all 0.36s;border-radius:50%; z-index:2; }
.e8 li a:hover span{ filter:alpha(opacity=100) !important;opacity:1 !important; }
.e8 li a em{ position:absolute; display:block; width:100%; height:0; left:0; bottom:0; background:#eb6100; transition:all 0.36s; z-index:-1;}
.e8 li a:hover em{ height:77px;}
.e8 li a .title b{ font-weight:normal;}

/*---应用领域---*/
.e8-yy{ display:block; padding:3px; margin:0 auto; text-align:center; overflow:hidden;}
.e8-yy li{ width:31.5%; float:left; padding:0; margin:0 2.25% 2.25% 0; box-shadow: 0px 0px 3px rgba(0,0,0,.1); transition: all 0.4s; text-align:center; cursor:pointer; overflow:hidden;}
.e8-yy li:nth-child(3n){ margin:0 0 2.25% 0;}
.e8-yy li:hover{/* box-shadow: 0px 0px 4px rgba(0,0,0,.2)*/}
.e8-yy li a { display:block; position:relative; overflow:hidden;}
.e8-yy li a .pic{ display:block; padding:0; margin:0 auto; height:138px; cursor:pointer; overflow:hidden;}
.e8-yy li a .pic img{ width:100%; max-height:138px; filter: alpha(opacity=100);opacity: 1; }
.e8-yy li a:hover .pic img{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.e8-yy li a .title{ padding:10px 15px; text-align:left; border-top:1px #FFF solid; overflow:hidden;}
.e8-yy li a .title p{ color:#333;}
.e8-yy li a .title p:nth-of-type(1){ display:block; line-height:30px; padding:0 0 5px; font-size:16px; overflow:hidden;}
.e8-yy li a .title p:nth-of-type(2){ margin:0; height:12px; background:url(../images/icon-prolist.png) no-repeat; overflow:hidden;}
.e8-yy li a:hover .title p:nth-of-type(2){ background-position:0px -12px; transition:all 0.36s;}
.e8-yy li a:hover .title p{ color:#FFF;}
.e8-yy li a i{ position:absolute; display:block; width:100%; height:0; left:0; top:0; background:rgba(0,0,0,0.4); transition:all 0.36s; z-index:1;}
.e8-yy li a:hover i{ height:138px; left:0; top:0; font-style:normal;}
.e8-yy li a span{ position:absolute; left:50%; top:30%; display:block; width:40px; margin:0 0 0 -20px; line-height:40px; text-align:center; color:#FFF; border:1px #FFF solid; filter:alpha(opacity=0) !important;opacity:0 !important; transition:all 0.36s;border-radius:50%; z-index:2; }
.e8-yy li a:hover span{ filter:alpha(opacity=100) !important;opacity:1 !important; }
.e8-yy li a em{ position:absolute; display:block; width:100%; height:0; left:0; bottom:0; background:#eb6100; transition:all 0.36s; z-index:-1;}
.e8-yy li a:hover em{ height:77px;}
.e8-yy li a .title b{ font-weight:normal;}


/*---新闻列表---*/
.e2{ padding:0; margin:0 auto; display:block; overflow:hidden;}
.e2 li{ display:block; padding:15px 0; margin:0 auto 10px auto; background:url(../images/line_news.png) repeat-x center bottom;  overflow:hidden;}
.e2 li a{ display:block; overflow:hidden;}
.e2 li a .ntime{ width:8%; padding:0; min-height:96px; border-right:1px #CCC solid; background:#F6F6F6; transition:all 0.36s; border-radius:5px;}
.e2 li a .ntime p{ line-height:25px; font-weight:bold; text-align:right; color:#333; transition:all 0.36s;}
.e2 li a .ntime p:nth-of-type(1){ padding:10px 5px 0 0; line-height:36px; font-size:24px;}
.e2 li a .ntime p:nth-of-type(2){ padding: 0  5px 10px 0; line-height:30px; font-size:18px;}
.e2 li a:hover .ntime{ background:#eb6100;}
.e2 li a:hover .ntime p{ color:#FFF;}
.e2 li a .details{ width:90%; padding:0; overflow:hidden;}
.e2 li a .details .ntitle{ padding:0; margin:0 auto; height:25px; text-align:left; overflow:hidden;}
.e2 li a .details .ntitle span{ display:inline-block; height:25px; line-height:25px; font-size:16px; overflow:hidden; }
.e2 li a .details .ntitle span b{ font-weight:normal;}
.e2 li a .details .ntitle span:nth-child(2){ float:right; font-size:12px; background:#f2f2f2; padding:0 5px 0 0; text-transform:uppercase; border-radius:5px;}
.e2 li a .details .ntitle span:nth-child(2) font{ display:inline-block; width:25px; height:25px; line-height:25px; margin:0 5px 0 0; text-align:center; font-weight:bold; color:#FFF; background:#333; transition:all 0.36s; }
.e2 li a:hover .details .ntitle span:nth-child(2) font{background:#eb6100;}
.e2 li a .details .ntext{ line-height:24px; padding:12px 0 0; color:#a5a5a5; text-align:left; overflow:hidden;}

/*---------- frame : 内页详细页 ---------*/
.pleft{ overflow:hidden;}
.viewbox{ padding:8px 0; margin:0 auto; overflow:hidden;}
.viewbox .title{ line-height:30px; text-align:center; overflow:hidden;}
.viewbox .title h2{ font-size:1.2rem; color:#444; font-weight:normal;}
.viewbox .title p{ font-size:1.0rem; color:#AAA;}
.viewbox .info{ text-align:center; line-height:32px; padding:0 0 5px 0; margin:0 0 10px 0; color:#AAA; font-size:14px;  border-bottom:1px #EEE solid;  overflow:hidden;}
.viewbox .intro h3{ font-size:16px;}

.viewbox .content{ font-size:13px; padding:15px 0; line-height:25px; color:#333; overflow:hidden;}
.viewbox .dede_pages{ text-align:center; overflow:hidden;}
.viewbox .dede_pages ul{margin:0 auto; float:none; clear:both; overflow:hidden; text-align:center; white-space:nowrap;}
.viewbox .dede_pages ul li,.viewbox .dede_pages ul li a{ float:none; display:inline;}
.viewbox .boxoff{ height:10px; border-bottom:1px #EEE dashed; clear:both; overflow:hidden;}
.viewbox .boxoff strong{ display:block; width:8px; height:10px; overflow:hidden; font-size:0px; line-height:100px; /*background:url(../images/boxoff.gif) right -10px no-repeat;*/ float:left;}

.viewbox .handle{ min-height:59px; padding-top:12px; padding-bottom:12px; overflow:hidden;clear:both;}
.viewbox .handle .context{ text-align:left; overflow:hidden;}
.viewbox .handle .context ul{ overflow:hidden;}
.viewbox .handle .context ul li{line-height:29px;color:#484848; font-size:14px;}
.viewbox .handle .context ul li a{ color:#484848; font-size:14px;}
.viewbox .handle .context ul li a:hover{color:#eb6100;}

.viewbox .img-pic{ padding:0p; margin:0; overflow:hidden;}
.viewbox .img-pic img{ max-width:860px; border:none;}


.viewbox .picbox{ margin:0 auto; border-top: 1px dashed #dbdbdb; overflow:hidden;}
.viewbox .picbox h4 {margin:15px 0; padding-bottom:15px; border-bottom: 1px dashed #dbdbdb; font-size: 18px; }

.viewbox .xgnews{ margin:0 auto; border-top: 1px dashed #dbdbdb; overflow:hidden;}
.viewbox .xgnews h4 { margin:15px 0; font-size: 18px; }
.viewbox .xgnews ul{ overflow:hidden;}
.viewbox .xgnews ul li { line-height: 40px; width:48%; float:left; border-top: 1px dashed #dbdbdb;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; text-align:left;}
.viewbox .xgnews ul li:nth-of-type(2n){ float:right;}
.viewbox .xgnews ul li a{ font-size:13px;}
.viewbox .xgnews ul li span { float: right;}


/*---------- frame : 分页 .dede_pages ul li.thisclass,---------*/
.dede_pages{margin:20px auto; color: #666; text-align:center; clear:both; overflow:hidden;}
.page_list{text-align:center; padding-top:5px; padding-bottom:5px; overflow:hidden;}
.page_list a,.page_list  span,.page_list select{display: inline-block;padding: 0 14px;height: 36px;border-radius: 36px;line-height: 36px;border: 1px solid #eee;}
.page_list select{width: auto !important;background: #eee; font-family:'微软雅黑';}
.page_list a:hover{ background:#303548; color:#FFF;}
.page_list span.current{ background: #303548;color: #fff;}