@charset "utf-8";
@import "iconfont.css";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust:100%;}
html,body { width:100%; margin:0px; padding:0; -webkit-font-smoothing:antialiased; font-family: arial, "sans-serif"; font-weight:400; font-size:16px; color: #888;line-height:1.6em; overflow-x:hidden; text-align: justify; background:url(../images/bj.jpg) center top no-repeat; background-attachment:fixed; background-size: cover; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0; padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }

div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,input,textarea,blockquote,img,button { box-sizing:border-box; -webkit-box-sizing:border-box; }

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
iframe{width: 100% !important;height: 100% !important;}
img { max-width: 100%;border: none; border: 0; vertical-align: middle;}
a { color: #888; text-decoration: none; transition:all ease-out .4s 0s;-webkit-transition:all ease-out .4s 0s;}
a:focus { outline: none;-moz-outline: none;}
a:hover { text-decoration: none; color: #ed6c00;}
.fl { float: left; }
.fr { float: right;}
.clear { clear: both; }


@font-face { font-family: 'bebas'; src: url('bebas.TTF') format('truetype');}
@font-face { font-family: 'roboto'; src: url('Roboto.ttf') format('truetype');}
@font-face { font-family: 'syH1'; src: url('../font/SourceHanSansCN-ExtraLight.otf'); }
@font-face { font-family: 'syH2'; src: url('../font/SourceHanSansCN-Light.otf'); }
@font-face { font-family: 'syH4'; src: url('../font/SourceHanSansCN-Regular.otf'); }
@font-face { font-family: 'syH5'; src: url('../font/SourceHanSansCN-Medium.otf'); }
@font-face { font-family: 'syH6'; src: url('../font/SourceHanSansCN-Bold.otf'); }

/*input字体*/
:-moz-placeholder { color: #999999;}
::-moz-placeholder { color: #999999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #999999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #999999;}

select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #d9d9d9; text-indent: 1em;
/*很关键：将默认的select选择框样式清除*/ 
appearance: none; color: #999999;  -moz-appearance: none;  -webkit-appearance: none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url(http://www.motus.com.cn/cn/images/selectarr.png) no-repeat scroll 95% center transparent;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none;}

/*网页滚动条*/
::-webkit-scrollbar { width: 6px; height: 6px; -webkit-overflow-scrolling: touch; background-color: #e6e6e6;}
::-webkit-scrollbar-track { background-color: #e6e6e6;}
::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #58504a; }
::-webkit-scrollbar-button { height: 0px; background-color: #e6e6e6;}
/*单行文本省略号*/
.dot { display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.dot2, .dot3, .dot4 { display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical;}
/*多行文本省略号*/
.dot2 { -webkit-line-clamp: 2; }
.dot3 { -webkit-line-clamp: 3; }
.dot4 { -webkit-line-clamp: 4;}

.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, 9100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}


.amn img { transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;}

.amn2{-webkit-transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.amn2:hover { -webkit-transform: translateY(-10px);-transform:translateY(-10px);}

.amn3 img { transition:all ease-out 2s 0s;-webkit-transition:all ease-out 2s 0s;}
.amn3:hover img { -webkit-transform:scale(1.1);  transform:scale(1.1);}

.amn7 img { transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;}
.amn7:hover img { -webkit-transform:scale(1.1);  transform:scale(1.1);}

.warp { width:1400px; margin:0 auto;padding:0 40px;overflow: hidden; }
.warp2 { width:1400px; margin:0 auto; padding:0 40px; }

/*菜单*/
.wapper { width:100%; margin:0 auto; height:100%; overflow:hidden; position:relative; top:0; }
.header { width:100%; position:fixed; top:0; z-index:666; transition:0.5s; height:100px; background:#003965;box-shadow: 0px 0px 0px rgba(0,0,0,.2); }
.headerbj { width:100%; position:absolute; top:0; z-index:665; transition:0.5s; height:250px; background:linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,1)); }

.header .nav-logo { float: left; padding:0 30px 0 0; display:flex; align-items:center; height: 100px; }
.header .nav-logo img { height: 75px; width: auto; }
.header #nav { height:100px; float: right; }
.header #nav li { float:left; font-size:18px; line-height:100px; width: 120px; color:rgba(255,255,255,.95); display:block; text-align:center; cursor: pointer; }
.header #nav li a { width:100%; color:rgba(255,255,255,.95); display:block; text-align:center; }
.header #nav li.cug { float:left; font-size:14px; font-weight: 600; line-height:38px; width:38px;display:inline-block; border-radius: 50%; background:#ed6c00; margin:30px 0 0 20px; }
.header #nav li.cug a { color: #fff;}
.header #nav li.navon a,#nav li a:hover { color:#fff; }
.header #nav li.navon { background:#ed6c00; }
.header #nav li .subnav { width:100%; display:none; background: #fff;}
.header #nav li:nth-child(3) .subnav ul{display: flex;justify-content: space-between;width:50vw;transform: translateX(-50%);}
.header #nav li:nth-child(6) .subnav ul{display: flex;justify-content: space-between;width:40vw;transform: translateX(-50%);}
.header #nav li:nth-child(3) .subnav ul li{width: 33%;}
.header #nav li:nth-child(6) .subnav ul li{width: 50%;}
.header #nav li .subnav a { text-indent:0; display:block; float:left; width:100%; padding:12px 5%; color:#333; background:rgba(255,255,255,1); font-size:15px; line-height: 25px; }
.header #nav li .subnav a:hover { background:rgba(0,0,0,.05); color:#fff;}

.header #nav li .subnav a.sm { font-size:13px; font-weight:normal; padding:6px 5%; background:rgba(0,0,0,.08); color: #666; } 
.header #nav li .subnav a:hover.sm { color: #ed6c00; background:rgba(0,0,0,.08);} 

.mobnav { display: none;}

.footer { width:100%; float: left; padding:12px 0; background:#000; font-size: 15px; line-height: 30px; color: rgba(255,255,255,.7); text-align: center; }
.footer em { margin-right: 15px;  }
.footer span { float:right;  }
.footer a { color: rgba(255,255,255,.7); }
.footer a:hover { color: #ed6c00; }

/*--------------------------------------------------列表页---------------------------------------------------*/

.banner { width: 100%; height:400px; overflow: hidden; background-position: center center !important; background-repeat: no-repeat; }

.slm { width:100%; float:left; font-size:36px; font-weight:bold; color:#3b3e3f; line-height:48px; padding:50px 0 50px 0; }

.lm2 { width:100%; float:left; line-height:50px; text-align: center; padding:50px 0 70px 0 ; }
.lm2 p { font-size:28px; color:#333;/*text-transform:uppercase; */}
.lm2 span { font-size:34px; font-weight: 600; color: #333;}
.lm2 i { display:block; width:14px; height:2px; background:#cbcbcb; position:absolute; left:50%; margin-left:-7px; margin-top: 20px; }

.marT20 { margin-top: 20px;}


/*企业简介*/
.profile  { width:100%; float:left; margin-bottom: 40px; }
.profile p { width:100%; float:left; color:#555; line-height:36px; font-size:18px; padding:0 0 25px 0; }
.profile strong { color: #ed6c00; font-size:20px;}

.honor { width:100%; float:left; margin-bottom: 30px; }
.honor h3 { width:100%; float:left; text-align: center; margin-bottom: 40px; }
.honor h3 p { width:100%; float:left; color:#555; line-height:26px; font-size:18px; text-align: center; margin-top: 20px; font-weight: 600;  }
.honor h3 img { max-width: 40%; }
.honor ul { width:100%; float:left; }
.honor ul li { width:15%; float:left; margin-right:2%; margin-bottom: 30px;} 
.honor ul li img { width:100%; height:auto; }
.honor ul li:nth-child(6n) { margin-right:0 }
.honor ul li p { width:100%; float:left; color:#555; line-height:26px; font-size:16px; text-align: center; margin-top: 20px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;-webkit-box-orient:vertical; -webkit-line-clamp:2;  }

.honor2 { width:100%; float:left; margin-bottom: 30px; }
.honor2 ul { margin-left: 18.5%; }
.honor2 ul li { width: 50%; float:left; margin-right:5%; margin-bottom: 30px;} 
.honor2 ul li img { width:auto; height:auto; }
.honor2 ul li p { width:100%; color:#555; line-height:26px; font-size:18px; text-align: center; margin-top: 20px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;-webkit-box-orient:vertical; -webkit-line-clamp:2;  }
.honor2 ul li:nth-child(2) { width:22%;}


.writebg { width: 100%; float: left; background: rgba(255,255,255,.9); }


.grid.effect-1 li.animate { -webkit-animation:fadeIn .65s ease forwards; animation:fadeIn .65s ease forwards; }
@-webkit-keyframes fadeIn { 0%{}100%{opacity:1;} }
@keyframes fadeIn { 0%{}100%{opacity:1;} }

.grid.effect-2 li.animate { -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-animation:moveUp .65s ease forwards; animation:moveUp .65s ease forwards; }
@-webkit-keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0);opacity:1;} }
@keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0); transform:translateY(0); opacity:1;} }

.grid.effect-3 li.animate { -webkit-transform:scale(.6); transform:scale(.6); -webkit-animation:scaleUp .65s ease-in-out forwards; animation:scaleUp .65s ease-in-out forwards; }
@-webkit-keyframes scaleUp { 0%{}100%{-webkit-transform:scale(1); opacity:1;} }
@keyframes scaleUp { 0%{}100%{-webkit-transform:scale(1); transform:scale(1); opacity:1;} }

.grid.effect-4 { -webkit-perspective:1200px; perspective:1200px;}
.grid.effect-4 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg); transform:translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation:fallPerspective .8s ease-in-out forwards; animation:fallPerspective .8s ease-in-out forwards; }
@-webkit-keyframes fallPerspective { 0%{}100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1;} }
@keyframes fallPerspective { 0%{}100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1;} }

.grid.effect-5 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-5 li.animate { -webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards}
@-webkit-keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);opacity:1}}
@keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}

.grid.effect-6 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-6 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:rotateX(-80deg); transform:rotateX(-80deg); -webkit-animation:flip .8s ease-in-out forwards; animation:flip .8s ease-in-out forwards}
@-webkit-keyframes flip { 0%{}100%{ -webkit-transform:rotateX(0deg); opacity:1;} }
@keyframes flip { 0%{}100%{-webkit-transform:rotateX(0deg); transform:rotateX(0deg); opacity:1;} }

.grid.effect-7 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-7 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-animation:helix .8s ease-in-out forwards; animation:helix .8s ease-in-out forwards; }
@-webkit-keyframes helix { 0%{}100%{-webkit-transform:rotateY(0deg); opacity:1;} }
@keyframes helix { 0%{}100%{-webkit-transform:rotateY(0deg); transform:rotateY(0deg); opacity:1;} }

.grid.effect-8 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-8 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:scale(.4); transform:scale(.4); -webkit-animation:popUp .8s ease-in forwards; animation:popUp .8s ease-in forwards}
@-webkit-keyframes popUp { 0%{}70%{ -webkit-transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(1); opacity:1;} }
@keyframes popUp { 0%{}70%{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}100%{-webkit-transform:scale(1); transform:scale(1); opacity:1;} }

.headerHide { width: 100%; height:100px; float: left; overflow: hidden; }
.proBox_left { width:15%; float: left;   height:calc(100vh - 154px); display:flex; justify-content:center; align-items:center; padding:0 2%;}
.sortlist {width: 100%; float: left;}
.sortlist ul li { width:100%; float:left; font-size:1vw; line-height: 1.5em; padding:10px 0 0 20px; }
.sortlist ul li.cug { background:url(../images/dian.jpg) left 19px no-repeat; padding:10px 0 0 20px;}
.sortlist ul li b { color:#ed6c00; font-weight: 600; font-size:2.5vw; text-align: left; vertical-align: middle; width:1.4vw; float:left; display:inline-block;height: .1em;  }
.sortlist ul li a { color:rgba(0,0,0,1); }
.sortlist ul li a:hover { color:#ed6c00; }
.sortlist .con { width:100%; float:left; font-size:.85vw; color:#000; line-height:2.2em; margin-top:.5rem; padding:0 0 5px 20px;  }
.sortlist .con a { width: 100%; color:rgba(0,0,0,.6); display:inline-block; }
.sortlist .con a:hover { color:#ed6c00; }

.proBox_right { width: 85%; float: right; height:calc(100vh - 154px); overflow-y:scroll;  background:linear-gradient(45deg,#c5d4dd,#f0f7fd); padding:1%;  }

.proBox_tit { width:100%; float: left; font-size:1.5vw; line-height: 1.5em; color: #003965; padding:3% 4% 0 4%;}
.proBox_tit span { font-weight: 600; font-size:3vw; }

.proBox_list { width:100%; float: left; margin-bottom: 2%; }
.proBox_list ul{display: flex;display:-webkit-flex;justify-content: space-between;-webkit-jusstify-content:space-between;flex-wrap: wrap;padding:2%}
.proBox_list ul li { width:29.33333%; cursor: pointer; text-align: center;  margin:1%; }
.proBox_list ul li span {width:100%; float: left;display:flex; justify-content:center; align-items:center;}
.proBox_list ul li span img { max-width:100%; max-height:12rem; }
.proBox_list ul li .pimg { width:100%; float:left; font-size:1vw; line-height:2em; margin-top: 2%; color: #333; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;-webkit-box-orient:vertical; -webkit-line-clamp:2; padding:0 3%;}
.proBox_list ul li:hover  h4 { color: #ed6c00; }
.proBox_list ul:after{content: '';width: 29.333%;}
.proBox_list .pimg{width:auto; height: 14rem; display:flex; justify-content:center; align-items:center;overflow: hidden;}
.proBox_list .pimg img { max-height:13rem; width: auto;}


.proBox_right_01 { width: 85%; float: right;}
.proBox_right_01 ul li { width:25%; float: left; height:calc(50vh - 77px);  position: relative; background:linear-gradient(45deg,#c5d4dd,#f0f7fd); transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s; }
.proBox_right_01 ul li abbr { position:absolute; font-size:1.2vw;line-height: 1.5em; right:10%; top:5vh; color: #003965;}
.proBox_right_01 ul li abbr span { font-size:2vw; }
.proBox_right_01 ul li>a>span { position:absolute; left:10%; bottom:6vh;}
.proBox_right_01 ul li>a>span img { max-width:70%; max-height:25vh;}
.proBox_right_01 ul li:hover { background:#003965; }
.proBox_right_01 ul li:hover abbr{  color: #fff; }


.proBox_right_02 { width: 85%; float: right; height:calc(100vh - 154px); }
.proBox_right_02 ul li { width:55%; float: left; height:calc(50vh - 77px); position: relative;background:linear-gradient(45deg,#c5d4dd,#f0f7fd); transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;  }
.proBox_right_02 ul li abbr { position:absolute; color: #003965; line-height: 2.3em; right:6%; top:5.5vh;}
.proBox_right_02 ul li abbr span { width: 100%; float: left; text-align: right; font-size:2.3vw; }
.proBox_right_02 ul li abbr i { width: 100%; float: left; text-align: right; font-size:1.3vw;}
.proBox_right_02 ul li p { position:absolute; left:10%; bottom:5vh; width: 80%;}
.proBox_right_02 ul li p img { max-width:75%; max-height:25vh; }

.proBox_right_02 ul li:hover { background:#003965; }
.proBox_right_02 ul li:hover abbr{  color: #fff; }

.proBox_right_02 ul li:nth-child(1) { height:calc(100vh - 154px); width:45%;}
.proBox_right_02 ul li:nth-child(1) abbr { width: 100%; text-align: center; position:absolute; right:0; top:8vh; width: 100%;}
.proBox_right_02 ul li:nth-child(1) abbr span { text-align: center; }
.proBox_right_02 ul li:nth-child(1) abbr i { text-align: center; }
.proBox_right_02 ul li:nth-child(1) p { position:absolute; left:0; bottom:20vh; text-align: center; width: 100%;}
.proBox_right_02 ul li:nth-child(1) p img {max-width:80%; max-height:50vh;}


.proBox_right_03 { width: 85%; float: right; height:calc(100vh - 154px); }
.proBox_right_03 ul li { width:33.33333%; float: left; height:calc(50vh - 77px);  position: relative; background:linear-gradient(45deg,#c5d4dd,#f0f7fd); transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s; }
.proBox_right_03 ul li abbr { position:absolute; font-size:1.2vw;line-height: 1.5em; right:10%; top:6vh; color: #003965;text-align: right;}
.proBox_right_03 ul li abbr span { width: 100%; float: left; text-align: right; font-size:2vw; }
.proBox_right_03 ul li abbr b { width: 100%; float: left; text-align: right; }
.proBox_right_03 ul li p { position:absolute; left:10%; bottom:6vh;}
.proBox_right_03 ul li p img { max-width:70%; max-height:35vh;}
.proBox_right_03 ul li:hover { background:#003965; }
.proBox_right_03 ul li:hover abbr{  color: #fff; }

.proBox_right_03 ul li:nth-child(1) {width:55%;}
.proBox_right_03 ul li:nth-child(1) abbr { right:6%; }
.proBox_right_03 ul li:nth-child(2) { width:45%;}
.proBox_right_03 ul li:nth-child(2) abbr { right:8%; }



.pages { width:100%; float:left; font-size:16px; text-align:center; margin:25px 0 60px 0;  }
.pages a {  color:#555; background:#fff; margin:0 0 0 10px; padding:0 14px; line-height:38px; display: inline-table; border-radius:3px; }
.pages a:hover {  background:#00467d; color:#fff; border-radius:3px;}
.pages a.cug {  background:#00467d; color:#fff; border-radius:3px;}
.pages span.current { background:#00467d; color:#fff; display:inline-table; border-radius:3px; line-height:38px; padding:0 14px; margin:0 0 0 10px;}
.pages span.disabled { margin:0 0 0 10px; }

.container { width:100%; float:left;  }
.grid { width:100%; list-style:none; margin:0 auto; padding:0 }
.grid li { width:31.13333%; float:left; margin:0 1.1% 2.2% 1.1%; opacity:0; background:#fff; }
.grid li.shown,.no-js .grid li,.no-cssanimations .grid li { opacity:1;}

.grid li.plist { width:31.13333%; padding:2% 4%; margin:0 1.1% 2.2% 1.1%; cursor: pointer; text-align: center;border-radius:6px; }
.grid li.plist img { max-width:100%; }
.grid li.plist span { width:100%; float:left; font-size:18px; line-height:30px;text-align:center; padding:4% 0 0 0; color: #555; }
.grid li.plist:hover span { color: #ed6c00; }

.grid li.nlist { padding: 1.8% 2%; width: 32.1%; margin: 0 1.2% 1.2% 0; }
.grid li.nlist .pimg { width:100%; float:left; position: relative; overflow: hidden; margin-bottom:.9rem;}
.grid li.nlist .pimg img { width:100%; height:auto; overflow: hidden;}
.grid li.nlist .pimg i { position:absolute; bottom:0; right:0; background:#ed6c00; color:#fff; font-size:.9rem;  line-height:2.2em; padding:0 .8rem; z-index:6; display: none; }
.grid li.nlist p { width:100%; float:left; font-size:1.1rem; color:#333; line-height:1.8em; font-weight: 600; }
.grid li.nlist:hover p  { color: #ed6c00; }
.grid li.nlist abbr { width:100%; float:left; font-size:.9rem; color:#999; line-height:1.5em; margin-top:.5rem;text-indent:2rem; }
.grid li.nlist span { width:100%; float:left; font-size:.9rem; color:#999; line-height:1.5em; margin-top:.7rem; background:url( "../images/time.png") left center no-repeat; padding:0 0 0 24px; }


.grid li.jszc { width:30.13333%; margin:0 1.6% 3.2% 1.6%;  box-shadow: 0 0 30px rgb(0 0 0 / 10%); padding:35px 35px 30px 40px; background: url(../images/xg.png) no-repeat bottom right #fff; transition:all ease-out .4s 0s;-webkit-transition:all ease-out .4s 0s; }
.grid li.jszc .pimg { width:100%; float:left; border-bottom:1px solid #333; padding-bottom: 20px; margin-bottom: 20px;}
.grid li.jszc .pimg font {max-width: 75%; float: left; }
.grid li.jszc .pimg font span { float: left;font-size: 24px; margin-bottom: 8px; line-height: 32px; color: #333; }
.grid li.jszc .pimg font p { font-size: 18px; font-weight: bold; line-height: 28px; color: #ed6c00; }
.grid li.jszc .pimg abbr { max-width: 20%; float: right; font-size: 54px; line-height: 60px; color: #ed6c00; text-align: right; }
.grid li.jszc .neirong { width:100%; float:left;}
.grid li.jszc .neirong abbr { font-size: 26px; line-height: 30px; color: #a1a1a1; }
.grid li.jszc .neirong a { float: right; font-size: 18px; line-height: 28px; color: #333; margin: 0 2px;}

.grid li.jszc:hover { background: url(../images/xg_over.png) no-repeat bottom right #e77817; }
.grid li.jszc:hover .pimg { border-bottom:1px solid rgba(255,255,255,.9); }
.grid li.jszc:hover .pimg font span { color: #fff; }
.grid li.jszc:hover .pimg font p { color: #fff; }
.grid li.jszc:hover .pimg abbr { color: #fff;  }
.grid li.jszc:hover .neirong abbr { color: #fff; }
.grid li.jszc:hover .neirong a {color: #fff; }

.popup { position:fixed; top:0; left:0; width:100%; z-index:9999999999; display:none; height:100%;  background:rgba(0,0,0,.5); -webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px); pointer-events: auto; transition-duration: .12s; } /*backdrop-filter背景模糊 ,pointer-events控制背景滚动;*/

.pop { width:40%; top:0; height:100%;left:30%; overflow-y:scroll;-webkit-animation:pop .3s ease-in-out backwards; animation:pop .3s ease-in-out backwards; background:rgba(255,255,255,1); position:absolute; }
@keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-webkit-keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
.pop h1 { width: 100%; float: left; padding:.5vw 5%; color:#111; font-size:1.35vw; line-height: 3vw; font-weight: 600; text-align: center; background: #eee;}
.pop h2 { width: 100%; float: left; background: #f4f4f4; margin-bottom: 1.5vw; text-align: center;background: #f4f4f4;  }
.pop h2 img { max-width: 90%; height: auto; }
.pop h4 { width: 100%; float: left;color:#fff; padding:1vw 5%; text-align: left;  }
.pop h4 em { display: inline-block; padding:0 25px; color:#fff; font-size:16px; line-height:3em; font-weight: 600; background: #F08300; }
.pop h3 { width: 100%; float: left; margin-bottom: 1.5vw; }
.pop h3 p { width: 100%; float: left; color:#444; font-size:16px; line-height:2em; padding:10px 5%; text-align:left; }
.pop h3 img { max-width: 90%; height: auto; }

.close { position:absolute; z-index:999; color:#333; font-size:1.2vw; width: 4vw; height: 4vw; line-height: 4vw; text-align: center; top:0; right:30%; cursor:pointer;-webkit-animation:tit 0.8s ease-out 1.2s backwards; 
animation:close 0.3s ease-out .4s backwards;
}
@keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}

.sp { width:100%; top:0; height:100%;left:0;-webkit-animation:sp .3s ease-in-out backwards; animation:sp .3s ease-in-out backwards; background:rgba(255,255,255,1); position:absolute; }
@keyframes sp {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-webkit-keyframes sp {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
.close2 { position:absolute; z-index:999; color:#fff; font-size:1.2vw; width: 3.5vw; height: 3.5vw; line-height: 3.5vw; background: #ed6c00; text-align: center; top:0; right:0; cursor:pointer;-webkit-animation:tit 0.8s ease-out 1.2s backwards; 
animation:close 0.3s ease-out .4s backwards;
}
@keyframes close2 {
0%   { opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes close2 {
0%   { opacity:0;}
100% { opacity:1;}
}

.videolist { width:100%;float:left; margin-top: 10px; }
.videolist ul li { width:48%; float:left; background:#fff; cursor: pointer; text-align: center; padding:5% 0 0 0; margin-bottom: 5%;border-radius:6px; }
.videolist ul li img { max-width:90%; height:14rem; }
.videolist ul li>span { width:100%; float:left; font-size:22px; line-height:30px;text-align:center; padding:5% 0 5% 0; color: #444; }
.videolist ul li:hover>span { color: #ed6c00; }
.videolist ul li:nth-child(2n) { float: right; }

.contact_list { width:100%; float:left; text-align:left; margin-bottom: 70px; margin-top: 10px; } 
.contact_list h5 { width:46%; float:left;  }
.contact_list h5 p { width:100%; float:left; font-size:16px; color:#777; line-height:30px; margin-bottom:30px; }
.contact_list h5 p strong { width:100%; float:left; font-size:24px; line-height:36px; color:#ed6c00; font-weight:600; margin-bottom:10px; }
.contact_list h5 font { width:100%; float:left; font-size:18px; line-height:30px; color:#444; padding:10px 0}
.contact_list h5 font i { float:left; margin-right:15px; font-size:22px; line-height:30px; margin-top:2px; }
.contact_list h6 { width:54%; float:right; height: 400px;  }

.iw_poi_title { color:#ed6c00; font-size:14px; font-weight:bold; padding-right:13px; }
.iw_poi_content { padding-top:4px;} 

.warp5 { width:1300px; margin:0 auto; overflow: hidden; background: #fff; padding:50px 4.5% 30px 4.5%; }

.titt { width:100%; float:left; font-size:36px; color:#222; text-align:center; padding:0 5% 25px 5%; line-height:48px; font-weight: 600; }
.info { width:100%; float:left; color:#888; font-size:14px; text-align:center; border-bottom:1px #e5e5e5 dotted; line-height:20px; margin-bottom:40px; padding:0 0 40px 0; }
.info span { padding:0 8px; }
.info em { padding:0 8px; }

.zw { width:100%; float:left; color:#333; line-height:2.2em; font-size:18px;text-indent:2rem}
.zw p { width:100%; float:left; padding-bottom:28px;  }
.zw img { max-width:100%; height:auto; }


.proinfo { width:100%; float:left; }
.proinfo h1 { width: 100%; margin-bottom: 1.5vw; color:#111; font-size:1.35vw; line-height: 3vw; font-weight: 600; text-align: center;}
.proinfo .pimg { width: 82%; margin-bottom: 2.5vw; text-align: center; border: 4px solid #f4f4f4; padding:100px 0; margin-left: 9%;}
.proinfo .pimg img { max-width: 100%; height: auto; }
.proinfo>span { width: 100%;color:#fff; margin:1.2vw 0; text-align: left; background: #f4f4f4; display: block; }
.proinfo>span em { display: inline-block; padding:0 25px; color:#fff; font-size:16px; line-height:3em; font-weight: 600; background: #F08300; }
.proinfo h3 { width: 100%; margin-bottom: 1vw; display: block;}
.proinfo h3 p { width: 100%; color:#444; font-size:16px; line-height:2em; padding:10px 0;  }
.proinfo h3 img { max-width: 100%; height: auto; margin: 10px 0; }
.proinfo h5 { width: 100%; margin-bottom: 2vw; }
.xiangguanchanpin{margin-top: 30px;}
.xiangguanchanpin>span { width: 100%;color:#fff; margin-bottom:1.2vw; text-align: left; background: #f4f4f4; display: block; }
.xiangguanchanpin>span em { display: inline-block; padding:0 25px; color:#fff; font-size:16px; line-height:3em; font-weight: 600; background: #F08300; }
.xiangguanchanpin ul{display: flex;justify-content: space-between;}
.xiangguanchanpin ul:after{width:24%;content:"";display: block;}
.xiangguanchanpin ul li{width: 24%;}
.xiangguanchanpin ul li .pimg{height: 265px;position: relative;}
.xiangguanchanpin ul li p{text-align: center;line-height: 36px;font-size: 16px;color: #333;}
.xiangguanchanpin ul li img{max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;}
.xiangguanchanpin ul li:hover p{background-color: #ed6c00;color: #fff;}
.xianguanxinwen{margin-top: 30px;}
.xianguanxinwen>span { width: 100%;color:#fff; margin-bottom:1.2vw; text-align: left; background: #f4f4f4; display: block; }
.xianguanxinwen>span em { display: inline-block; padding:0 25px; color:#fff; font-size:16px; line-height:3em; font-weight: 600; background: #F08300; }
.xianguanxinwen li a{display: flex;justify-content: space-between;line-height: 36px;border-bottom: 1px dashed #999;}
table { border-top:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(0,0,0,.2); float:left;width: 100% !important;}
td { padding:12px 2%; font-size:16px; line-height:30px; border-bottom:1px solid rgba(0,0,0,.2); border-left:1px solid rgba(0,0,0,.2); color:#333; }
td,th {
    white-space:nowrap; 
    word-break:keep-all;
	
	text-align:center;
	white-space:pre-line;
    word-break:break-all !important;
	word-wrap:break-word !important;
	display:table-cell;
	vertical-align:middle !important;
	height:auto;
	vertical-align:text-top;
	padding:2px 2px 0 10px;
	display: table-cell;
	box-sizing: border-box;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border-collapse: collapse !important;
    white-space:normal !important; 
    text-overflow:ellipsis;
	width: auto !important;
	
}
.f1 { font-weight: 600; font-size:18px; }
.contact_list { width:100%; float:left; text-align:left; margin-bottom: 70px; margin-top: 10px; } 
.contact_list .lianxiwomen { width:46%; float:left;  }
.contact_list .lianxiwomen p { width:100%; float:left; font-size:16px; color:#777; line-height:30px; margin-bottom:30px; }
.contact_list .lianxiwomen p abbr { width:100%; float:left; font-size:24px; line-height:36px; color:#ed6c00; font-weight:600; margin-bottom:10px; }
.contact_list .lianxiwomen font,.contact_list .lianxiwomen font a { width:100%; float:left; font-size:18px; line-height:30px; color:#444; padding:10px 0}
.contact_list .lianxiwomen font abbr { float:left; margin-right:15px; font-size:22px; line-height:30px; margin-top:2px; }
.contact_list #map { width:54%; float:right; height: 400px;  }
@media(max-width:1440px) {
.warp { width:100%; margin:0 auto; padding:0 40px; }

.header { height:80px;  }
.header .nav-logo {  height: 80px; }
.header .nav-logo img { height:50px; width: auto; }
.header #nav { height:80px; float: right; }
.header #nav li { line-height:80px;  }
.header #nav li.cug { margin: 20px 0 0 20px; }
	
.headerHide { height:80px;  }

.proBox_left { height:calc(100vh - 134px); width: 16%; }
	
.proBox_right { width: 84%;  height:calc(100vh - 134px); padding:1%;  }

.proBox_tit { width:100%; float: left; font-size:1.8vw; line-height: 1.5em; color: #003965; padding:2% 5% 0 5%;}
.proBox_tit span { font-weight: 600; font-size:3.6vw; }

.proBox_list { width:100%; float: left; }
.proBox_list ul{padding:0 2%}
.proBox_list ul li { width:29.33333%; cursor: pointer; text-align: center;  margin:1%; }
.proBox_list ul li .pimg {width:100%; float: left;display:flex; justify-content:center; align-items:center;}
.proBox_list ul li .pimg img { max-width:85%; max-height:10rem; }
.proBox_list ul li span { width:100%; float:left; font-size:1.3vw; line-height:2em; height: 2em;overflow: hidden;margin-top: 2%; color: #333; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;-webkit-box-orient:vertical; -webkit-line-clamp:2; }
.proBox_list ul li:hover span { color: #003965; }
	

.sortlist {width: 100%; float: left;}
.sortlist ul li { width:100%; float:left; font-size:1.2vw; line-height: 1.5em; padding:10px 0 0 20px; }
.sortlist ul li.cug { background:url(../images/dian.jpg) left 19px no-repeat; padding:10px 0 0 20px;}
.sortlist ul li b { color:#ed6c00; font-weight: 600; font-size:2.5vw; text-align: left; vertical-align: middle; width:1.4vw; float:left; display:inline-block;height: .1em;  }
.sortlist ul li a { color:rgba(0,0,0,1); }
.sortlist ul li a:hover { color:#ed6c00; }
.sortlist .con { width:100%; float:left; font-size:1vw; color:#000; line-height:2.2em; margin-top:.5rem; padding:0 0 5px 20px;  }
.sortlist .con a { width: 100%; color:rgba(0,0,0,.6); display:inline-block; }
.sortlist .con a:hover { color:#ed6c00; }	


	
.proBox_right_01 { width: 84%; height:calc(100vh - 154px); }
.proBox_right_01 ul li { height:calc(50vh - 67px);  }

.proBox_right_02 { width: 84%; height:calc(100vh - 134px); }

.proBox_right_02 ul li {  height:calc(50vh - 67px); }
.proBox_right_02 ul li p img { max-width:60%; max-height:25vh; }
.proBox_right_02 ul li:nth-child(1) { height:calc(100vh - 134px); }
.proBox_right_03 { width: 84%;  height:calc(100vh - 134px); }
.proBox_right_03 ul li {  height:calc(50vh - 67px);  }
}

@media screen and (max-width:767px) {
/*菜单*/
.wapper { height:auto; }

/*菜单*/
.header,.header2all { display: none; }

.mobnav { width:100%; position:fixed; top:0; z-index:99999; height:3.5rem; background:#003965; display:block;}
.mobnav .nav-logo { float: left; margin-left:3.5%; margin-top:.75rem;}
.mobnav .nav-logo img { height:2rem; }

.model_menu { display:none;}

.model_btn { margin-right:3.8%; float: right;  margin-top:1.05rem;}
.model_btn .toggleMenu { width:28px; height:22px; position:relative; font-size:1rem; display:block;}
.model_btn .toggleMenu span { display:block; height:2px; margin:0 0 8px 0; background:rgba(255,255,255,.95);}

.model_btn.on .line1 { transform:rotate(-135deg) translate(-8px, -6px) ;-webkit-transform:rotate(-135deg) translate(-8px, -6px); top:50%; bottom:auto; }
.model_btn.on .line2 { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:50%; bottom:auto;}
.model_btn.on .line3 { display:none; }

.model_menu { position:absolute; z-index:99999; right:0; top:3.5rem; width:50%; background:rgba(0,0,0,.9); font-size:.9rem; }
.model_menu_content li { padding:.45rem 0; text-align:center; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2);}
.model_menu_content li a { color:#fff;}
.model_menu_content li a.cug { color:#ed6c00; }
.model_menu_content li.cug { border-bottom:0 solid rgba(255,255,255,0.2); padding:.45rem 0 0 0;  }

.menuNav2 { padding-top:-.5rem; line-height:2; }
.menuNav2 .links a{ color:rgba(255,255,255,.8); font-size:.9rem; }

.menuNav2 .sm { font-size:.8rem; font-weight:normal; padding:6px 5%;  } 
.menuNav2 .sm a { color:rgba(255,255,255,.5);}
	


	
	

.focus { width:100%; height:15rem; position:relative; overflow:hidden; z-index:75; margin-top: 2rem;}
.focus .piclist { width:100%; position:absolute; height:100%; }
.focus .piclist li { width:100%; float:left; height:15rem; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;  }
.focus .piclist li video { width: 100%; height: 100%; object-fit: fill;}
.focus .pager { width:100%; position:absolute; left:0; bottom:5%; z-index:1; text-align:center;}
.focus .pager ul li {display:inline-block; zoom:1; line-height:99px; overflow:hidden;border-radius: 20px; margin:0 4px; cursor:pointer; width:10px; height:10px; opacity:1; background-color:rgba(0,0,0,.5); transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }
.focus .pager ul li.on { background-color:#ed6c00; width:40px;  }


.browser { width: 100%; float:left; }
.browser ul li { width:100%; float:left; background-image:url(../images/probj.jpg);background-position:center center; background-size:cover; text-align: center; padding:7% 10% 10%;  }
.browser ul li .txt { width: 100%; float: left;  }
.browser ul li .txt b { width: 100%; float: left; text-align: center; margin-bottom:3%;  }
.browser ul li .txt b img { max-width: 80%; height:auto; }

.browser ul li .txt font { width: 100%; float: left; font-size:1.5rem; color: #00487e; line-height: 2em;}
.browser ul li .txt p { width: 100%; float: left; color:rgba(0,0,0,0.7); font-size: .9rem; line-height: 1.8em; margin: 1% 0 8% 0; }
.browser ul li .txt span { width: 40px; float: left;color: #ed6c00; border: 2px solid #ed6c00; font-size: 1.3rem; line-height: 40px; height: 40px; border-radius:50%; margin-left:calc(50% - 20px); }


.intropic { width: 100%;float:left; }

.intro{ width: 100%; float:left; background:rgba(0,70,125,.95); padding:6% 0 }
.intro .lm { width: 100%; float:left; padding:0 5%; }
.intro .lm font { float:left; font-size: 1.3rem; line-height:1.5em; color: #fff; font-weight: 700; }
.intro .lm b { display:block; width:40px; height:2px; background:#ed6c00; float: left; margin-left: 1.2em; margin-top:1.2rem;}
.intro .lm p { width: 100%; float:left; font-size:.9rem; line-height:1.5em; color:rgba(255,255,255,.7); margin-top: .4em; }

.intro .num { width: 100%; float:left; margin-top:7%; padding:0 1% }
.intro .num ul li { width: 33.3333%; float:left;  }
.intro .num ul li span { width: 100%; float:left; text-align: center; }
.intro .num ul li span.timer { font-size: 2.2em; line-height: 1em; color: #ed6c00; font-family: 'bebas'; font-weight: normal; }
.intro .num ul li span b { font-size:1rem; line-height: 1.5em; color: #ed6c00; margin-left: 5px; vertical-align: top;}
.intro .num ul li p { width: 100%; float:left; font-size:.9rem; line-height: 1.5em; color: #fff; text-align: center; margin-top: .5em;}

.intro .txt { width: 100%; float:left; margin-top:6%; padding:0 5%; }
.intro .txt p { width: 100%; float:left; font-size: .9rem; line-height: 1.8em; color:rgba(255,255,255,.7); }

.intro .more { width: 100%; float:left; margin-top: 6%; font-size: .9rem; height:2.6rem; padding:0 5%; overflow: hidden;}
.intro .more a span { background: #ed6c00; display:inline-block; vertical-align:top; color:#fff; padding:0 .8rem 0 1.2rem; line-height:2.6rem;}
.intro .more a::after{ content: ''; display:inline-block; width:0; height:0; border:1.3rem solid transparent; border-left:1rem solid #ed6c00; border-right:none;  }


.news { width:100%; float:left; padding:5% 5% 0 5%; background: #fff;  }
.news ul li { width:100%; float:left; margin-bottom: 5%; }
.news ul li h3 { width:100%; float:left; position: relative; overflow: hidden; }
.news ul li h3 img { width:100%; height:auto; overflow: hidden;}
.news ul li h3 i { position:absolute; bottom:0; right:0; background:#ed6c00; color:#fff; font-size:.9rem;  line-height:2.2em; padding:0 .8rem; z-index:6; }
.news ul li h4 { width:100%; float:left; font-size:1.1rem; color:#333; line-height:1.8em; font-weight: 600; margin-top:.9rem;}
.news ul li h5 { width:100%; float:left; font-size:.9rem; color:#999; line-height:1.5em; margin-top:.5rem; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.news ul li h2 { width:100%; float:left; font-size:.9rem; color:#999; line-height:1.5em; margin-top:.7rem; background:url( "../images/time.png") left center no-repeat; padding:0 0 0 24px;  }


.message { width:100%; float:left; padding:5% 5% 6% 5%; background: #fff;  } 
.message h4 { width:100%; float:left; font-size: 1.2rem; line-height:1.5em; color:#333; font-weight: 600; margin:0 0 2% 0; }

dl { width:100%; margin:2% auto 0 auto; overflow:hidden; font-size:15px; color:#333; line-height:2rem; }
dd { width:47%; float:left; }
dd:nth-child(2n) { float:right; }
dt { width:100%; float:left; }

input { border-bottom:1px solid rgba(0,0,0,.1); background:none; color:rgba(0,0,0,.8); font-size:.9rem; line-height:3rem; height:3rem; width:100%; font-family: "Microsoft YaHei"; }
input::placeholder { color:rgba(0,0,0,0.6);}

input#fujian { text-indent:0rem; border:0; }
select { border:1px solid #dfdfdf; background:#fff; color:#848484; font-size:.9rem; line-height:2.5rem; height:2.5rem; width:100%; text-indent:.8rem;  }
textarea { border:1px solid #dfdfdf; background:#fff; color:#848484; font-size:.9rem; line-height:2.5rem; height:2.5rem; width:100%; text-indent:.8rem;  }

.bot { width: 100%; height:2.5rem; line-height:2.5rem;color:#fff; background:#ed6c00; font-size:1rem; cursor:pointer; text-indent:0; border:0; padding:0 0; margin-top: 4%; }

.coninfo { width:100%; float:left;  padding:0 5% 5% 5%; background: #fff; text-align:left; } 
.coninfo h4 { width:100%; float:left; font-size: 1.2rem; line-height:1.5em; color:#333; margin-bottom:2.5%; font-weight: 600;  }
.coninfo h5 { width:100%; float:left; }
.coninfo h5 font { width:100%; float:left; font-size:.9rem; line-height:1.5em;color:#666; padding:.3rem 0}
.coninfo h5 font i { float:left; margin-right:15px; font-size:.9rem; line-height:1.5em; margin-top:2px; }



.footer { width:100%; float: left; padding:.7rem 0; font-size: .8rem; line-height: 1.5rem; color: rgba(255,255,255,.7); }
.footer font { width:100%; float: left; text-align: center;  display: none;}  
.footer em { width:100%; float: left; text-align: center; }
.footer span { width:100%; float:right; display: none; }
.footer a { color: rgba(255,255,255,.7); }
.footer a:hover { color: #ed6c00; }



/*--------------------------------------------------列表页---------------------------------------------------*/
	
.headerHide { width: 100%; height:3.5rem; float: left; overflow: hidden; }
.proBox_left { display: none;}

.proBox_right { width: 100%; float: left; height:auto; overflow-y:auto; padding:5%;  }

.proBox_tit { width:100%; float: left; font-size:1.1rem; line-height: 1.5em; color: #003965; padding:1%;}
.proBox_tit span { font-weight: 600; font-size:2rem; }

.proBox_list { width:100%; float: left; margin-bottom:2%; }
.proBox_list ul li { width:46%; float: left; cursor: pointer; text-align: center;  margin:2%; }
.proBox_list ul li .pimg {width:100%; float: left; height: 9rem; display:flex; justify-content:center; align-items:center;}
.proBox_list ul li .pimg img { max-width:85%; max-height:6rem; }
.proBox_list ul li span { width:100%; float:left; font-size:.95rem; line-height:1.7em; height: 1.7em;overflow: hidden;margin-top:0; height: 3.4em; }
.proBox_list ul li:hover  h4 { color: #333; }


.proBox_right_01 { width: 100%; float: left; height:auto; }
.proBox_right_01 ul li { width:50%;  height:10rem;   }
.proBox_right_01 ul li p { position:absolute; font-size:.9rem; line-height: 1.5em; right:10%; top:11%; color: #003965;}
.proBox_right_01 ul li p span { font-size:1.2rem; }
.proBox_right_01 ul li span { position:absolute; left:9%; bottom:11%;}
.proBox_right_01 ul li span img { max-width:70%; max-height:8rem;}


.proBox_right_02 { width: 100%; float: left; height:auto; }
.proBox_right_02 ul li { width:50%; height:12rem; }
.proBox_right_02 ul li abbr {font-size:.9rem; line-height: 1.5em; right:10%; top:12%;}
.proBox_right_02 ul li abbr span { width: 100%; float: left; text-align: right; font-size:1.3rem; line-height:1.2em;}
.proBox_right_02 ul li abbr i { width: 100%; float: left; text-align: right; font-size:.9rem;}
.proBox_right_02 ul li p { position:absolute; left:8%; bottom:11%; width:90%;}
.proBox_right_02 ul li p img { max-width:85%; max-height:10rem; }

.proBox_right_02 ul li:nth-child(1) { height:22rem; width:100%;}
.proBox_right_02 ul li:nth-child(1) abbr { width: 100%; text-align: center; position:absolute; right:0; top:7%; }
.proBox_right_02 ul li:nth-child(1) abbr span {width: 100%;  text-align: center; font-size:2.5rem; line-height:1.5em;}
.proBox_right_02 ul li:nth-child(1) abbr i { width: 100%; text-align: center; font-size:1.2rem;}
.proBox_right_02 ul li:nth-child(1) p { position:absolute; left:0; bottom:11%;text-align: center; width: 100%;}
.proBox_right_02 ul li:nth-child(1) p img {max-width:80%; max-height:10rem;}


.proBox_right_03 { width: 100%; float: left; height:auto; }
.proBox_right_03 ul li { width:50%; height:10rem;   }
.proBox_right_03 ul li abbr { position:absolute; font-size:.9rem; line-height: 1.5em; right:10%; top:11%; color: #003965;text-align: right;}
.proBox_right_03 ul li abbr span { font-size:1.2rem; }
.proBox_right_03 ul li i{display: block;text-align: right;}
.proBox_right_03 ul li p { position:absolute; left:9%; bottom:11%;}
.proBox_right_03 ul li p img { max-width:70%; max-height:8rem;}


.proBox_right_03 ul li:nth-child(1) { width:100%; height:14rem; }
.proBox_right_03 ul li:nth-child(1) abbr { right:6%; }
.proBox_right_03 ul li:nth-child(1) abbr span { font-size:1.3rem; }
.proBox_right_03 ul li:nth-child(1) p img { max-width:90%; max-height:12rem;}
	
.proBox_right_03 ul li:nth-child(2) { width:50%;}
.proBox_right_03 ul li:nth-child(2) abbr { right:10%; }
	
	
	
.warp { padding:0 5%;}  
.banner { height:16rem; background-position: center top; background-repeat: no-repeat; background-size:cover;  }

.slm { width:100%; float:left; font-size:1.3rem; line-height:1.5rem; padding:6% 0 5% 0;  }
  
.lm2 { width:100%; float:left; line-height:2rem; text-align: center; padding:6% 0 4% 0 ; margin-bottom:6%; }
.lm2 p { font-size:1.2rem; }
.lm2 span { font-size:1.5rem; }
.lm2 i { display:block; width:14px; height:2px; background:#cbcbcb; position:absolute; left:50%; margin-left:-7px; margin-top: 4%; }
   
    
.profile { width:100%; float:left; margin-bottom: 1%; }
.profile p { line-height:1.8rem; font-size:.95rem; padding:0 0 5% 0; }
.profile strong { font-size:1rem;}

.honor { width:100%; float:left; margin:0 0 1% 0; }
.honor ul li { width:47.5%; float:left; margin-right:0; margin-bottom: 6%;} 
.honor ul li img { width:100%;  }
.honor ul li:nth-child(2n) { float:right; }
.honor ul li p { width:100%; float:left; color:#333; line-height:1.5rem; font-size:.95rem; margin-top:.7rem; text-align: center; background: none;-webkit-line-clamp:5; }   

.honor h3 { width:100%; float:left; text-align: center; margin-bottom: 5%; }
.honor h3 p { width:100%; float:left; color:#333; line-height:1.5rem; font-size:.95rem; margin-top:.5rem; text-align: center; background: none; } 
.honor h3 img { max-width: 100%; }

.honor2 { width:100%; float:left; margin:0 0 1% 0; }
.honor2 ul { margin-left: 0; }
.honor2 ul li { width:100%; float:left; margin-right:0; margin-bottom: 6%; text-align: center;} 
.honor2 ul li img { width:auto; height:15rem; }
.honor2 ul li p { width:100%; color:#333; line-height:1.5rem; font-size:.95rem; margin-top:.7rem; -webkit-line-clamp:5; }
.honor2 ul li:nth-child(2) { width:100%;}
	
	
.grid { width:100%; list-style:none; margin:0 auto; padding:0 }
	
.grid li.plist { width:100%; float:left; padding:3% 5%; float:left; margin:0 0 5% 0; text-align: center; }
.grid li.plist img { max-width: 85%; }
.grid li.plist span { width:100%; float:left; font-size:1rem; line-height:1.5em; padding:.7rem 5%; }
.grid li.plist:hover span { color: #333; }
	
	
.grid li.nlist { width:100%; padding:6% ; float:left; margin: 0 0 5% 0; border-radius:6px;}
.grid li.nlist .pimg { width:100%; float:left; position: relative; overflow: hidden; margin-bottom:.9rem;}
.grid li.nlist .pimg img { width:100%; height:auto; overflow: hidden;}
.grid li.nlist .pimg i { position:absolute; bottom:0; right:0; background:#ed6c00; color:#fff; font-size:.9rem;  line-height:2.2em; padding:0 .8rem; z-index:6; display: none; }
.grid li.nlist p { width:100%; float:left; font-size:1rem; color:#333; line-height:1.8em; font-weight: 600; }
.grid li.nlist:hover p  { color: #ed6c00; }
.grid li.nlist abbr { width:100%; float:left; font-size:.9rem; color:#999; line-height:1.5em; margin-top:.5rem; }
.grid li.nlist span { width:100%; float:left; font-size:.9rem; color:#999; line-height:1.5em; margin-top:.8rem; background:url( "../images/time.png") left center no-repeat; padding:0 0 0 24px; }	
	


.pop { width:100%; left:0; }
.pop h1 { width: 100%; float: left; padding:1em 3em; color:#333; font-size:1.1rem; line-height:1.5em; }
.pop h2 { width: 100%; float: left; background: #f4f4f4; margin-bottom: 1rem; text-align: center; }
.pop h2 img { max-width: 90%; height: auto; }
.pop h4 { padding:.9em 2em; }
.pop h4 em { padding:0 5%; color:#fff; font-size:.9rem; line-height: 2.6em;}
.pop h3 { width: 100%; float: left; margin-bottom:5%; }
.pop h3 p { width: 100%; float: left; color:#333; font-size:1rem; line-height:2em; padding:1.5% 6%; }
.pop h3 img { max-width: 90%; height: auto; }

	
.proinfo { width:100%; float:left; }
.proinfo h1 { width: 100%; float: left; padding:1em 3em; color:#333; font-size:1.1rem; line-height:1.5em;}
.proinfo .pimg { width: 100%; float: left;  margin-bottom: 5%; text-align: center; padding:11% 10%; margin-left: 0%;}
.proinfo .pimg img { max-width: 100%; height: auto; }

.proinfo span { width: 100%; float: left;color:#fff; margin:5% 0;   }
.proinfo span em { padding:0 5%; color:#fff; font-size:.9rem; line-height: 2.6em;}
.proinfo h3 { width: 100%; float: left; margin-bottom:2%; }
.proinfo h3 p { width: 100%; float: left; color:#333; font-size:1rem; line-height:2em; padding:1.5% 0;  }
.proinfo h3 img { max-width: 90%; height: auto; margin:1.5% 0; }
.proinfo h5 { margin-bottom: 5%; }

td { padding:.5rem 2%; font-size:.8rem; line-height:1.5em; }
.f1 { font-size:.95rem; }
	
	
.close { position:absolute; z-index:999; color:#333; font-size:1.1rem; width:4rem; line-height: 3.5em; text-align: center; right:0;}

	
.sp { width:100%; top:0; height:100%;left:0;  }
.close2 { position:absolute; z-index:999; color:#fff; font-size:1.2rem; width: 3rem; height: 3rem; line-height:3rem;}

.videolist { width:100%;float:left; margin-top: 1%; margin-bottom: 2%; }
.videolist ul li { width:100%; padding:1% 0 0 0; margin-bottom: 5%; }
.videolist ul li img { max-width:85%; height: auto; }
.videolist ul li>span {  font-size:1rem; line-height:1.5em; padding:1% 0 5% 0; color: #444; }
.videolist ul li:hover>span { color: #444; }

	
.pages { width:100%; float:left; margin:3% 0 9% 0; font-size:.9rem;  }
.pages a { margin:0 3px; padding:0 .7rem; line-height:2rem; }
.pages em { display: none; }
.pages span.current { padding:0 .7rem; line-height:2rem; margin:0 3px;}
	 
.contact_list { margin-bottom: 7%; margin-top:1%; } 
.contact_list h5 { width:100%;  }
.contact_list h5 p { font-size: .9rem; line-height: 1.6rem; margin-bottom:.8rem; color: #777777; }
.contact_list h5 p strong { line-height:1.5rem; font-size:1rem; margin-bottom:.4rem; }
.contact_list h5 font { width:100%; float:left; line-height:1.5rem; font-size:1rem; margin-top:0rem; padding:.3rem 0; }
.contact_list h5 font i { float:left; margin-right:.8rem; line-height:1.5rem; font-size:1.1rem; margin-top:0; }
.contact_list h6 { width:100%; float:right; margin:6% 0 0 0; height: 15rem;  }
	
.grid li.jszc { width:100%; margin:0 0 5% 0%; box-shadow: 0 0 30px rgb(0 0 0 / 10%); padding:7% 7% 6% 8%; }
.grid li.jszc .pimg {  padding-bottom: 20px; margin-bottom: 20px;}
.grid li.jszc .pimg font {max-width: 75%;  }
.grid li.jszc .pimg font span { font-size: 1.35rem; margin-bottom: 5px; line-height: 1.5em;  }
.grid li.jszc .pimg font p { font-size: 1rem; line-height: 1.5em; }
.grid li.jszc .pimg abbr { max-width: 20%; font-size: 3.1rem; line-height: 1.2em;  }
.grid li.jszc .neirong abbr { font-size: 1.6rem; line-height: 1.1em; }
.grid li.jszc .neirong b { font-size: 1rem; line-height: 1.5em; }

.grid li.jszc:hover { background: url(../images/xg.png) no-repeat bottom right #fff;  }
.grid li.jszc:hover .pimg { color: #333; }
.grid li.jszc:hover .pimg font span { color: #333;}
.grid li.jszc:hover .pimg font p { color: #ed6c00; }
.grid li.jszc:hover .pimg abbr { color: #ed6c00;  }
.grid li.jszc .neirong abbr { color: #a1a1a1;  }
.grid li.jszc .neirong b { color: #333; }

	
	
.warp5 { width:100%; padding:2% 6% 2% 6%; }	
.titt { font-size:1.3rem;  padding:6% 0 4% 0; line-height:1.9rem; }
.info { font-size:.9rem;  line-height:1.5rem; margin-bottom:6%; padding:0 0 5% 0; }
.info span { padding:0 5px; }
.info em { padding:0; width:100%;  text-align: center; float: left; }

.zw {line-height:2em; font-size:1rem;color:#222; }
.zw p { padding-bottom:5%; }
.zw img { max-width:100%; height:auto; }
}