/* CSS Document */

*{padding:0; margin:0}
html, body, div, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, tbody, th, tr, td, span, marquee, embed, p, a, b, i{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
     }
html, body{background:#fff;}
body{ font:normal 16px/25px "Microsoft YaHei",Arial, Helvetica, sans-serif; color:#727171;}
form, input, button, select, label{vertical-align: middle; outline: 0;}
ul, li, ol{list-style:none;}
a, a:visited{text-decoration:none; color:#727171;}
a:hover, a:active{text-decoration:none; color:#00a0e9;}
img{border:0 none;}

.clear{ clear:both;}
.ov{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.p0{ padding:0;}
.m0{ margin:0;}
.mr0{ margin-right:0 !important;}
.bn{ border:0 none !important;}
.bgn{ background:none  !important;}
.tc{ text-align:center;}
.ab{ position:absolute;}
.bg{ width:100%; clear:both;}
.box{ width:1100px; margin:0 auto;}
.ii, i, a.ii{ display:inline-block; font-style:normal; vertical-align:middle; background:url(http://www.qdjnxc.com/templets/default/images/icon.png) no-repeat;}

/*--公用部分--*/
/*head*/
.top{ height:112px; /*background:url(../images/top_bg.jpg) repeat-x;*/}
.top_box{ /*background:url(../images/daobg.png) no-repeat center center;*/ overflow:hidden}
.top_box .logo{ padding:25px 0 0;}
.top_box .logo a{ float:left}
.top_box .logo a img{ width:200px;}
.top_box .logo .logoright{ padding:0 0 0 40px; float:left}
.tel{ text-align:right;padding:15px 0 0;}
.tel_img{ margin:7px 0 -10px 0}
.tel_yy{ padding-right:9px}
a.tel_cn{ color:#008000;}
a.tel_en{ color:#00A0E9;}
.nav{background:url(../images/navbg.png) repeat-x;}
.menu{ overflow:hidden;}
.menu li{ float:left;}
.menu li a{ display:inline-block; width:110px; line-height:50px; text-align:center; color:#fff; font-size:16px;}
.menu li.act a,.menu li a:hover{ background:#54C3F1;}
.index_banner,.index_banner img{ width:100%; height:400px; /*height:400px; background:url(../images/banner_1.jpg) repeat center center;*/}
.flickerplate { position:relative; margin:0 auto; width:100%; height:346px; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center; background-size:cover; display:table}
.flickerplate ul.flicks>li .flick-inner { height:100%; padding:10px; color:#fff; display:table-cell; vertical-align:middle}
.flickerplate ul.flicks>li .flick-inner .flick-content { max-width:68.75em; margin-left:auto; margin-right:auto}
.flickerplate ul.flicks>li .flick-title { padding:0px 0px; font-size:2.778em; line-height:1.995em; text-align:center}
.flickerplate .arrow-navigation { position:absolute; height:80%; width:10%; top:10%; z-index:100; overflow:hidden}
.flickerplate .arrow-navigation .arrow { display:block; height:100%; width:90%; -webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover { cursor:pointer}
.flickerplate .arrow-navigation.left { left:0%}
.flickerplate .arrow-navigation.left .arrow { opacity:0; margin:0px 0px 0px 50%; background-image:url("http://www.qdjnxc.com/templets/default/images/arrow-left-light.png");
background-repeat:no-repeat; background-position:left}
.flickerplate .arrow-navigation.right { right:0%}
.flickerplate .arrow-navigation.right .arrow { opacity:0; margin:0px 0px 0px -50%; background-image:url("http://www.qdjnxc.com/templets/default/images/arrow-right-light.png");
background-repeat:no-repeat; background-position:right}
.flickerplate .arrow-navigation.left.hover .arrow { opacity:1; margin:0px 0px 0px 20%}
.flickerplate .arrow-navigation.right.hover .arrow { opacity:1; margin:0px 0px 0px -20%}
.flickerplate .dot-navigation { position:absolute; bottom:15px; width:100%; text-align:center; z-index:100}
.flickerplate .dot-navigation ul { text-align:center; list-style:none; padding:0px 15px}
.flickerplate .dot-navigation ul li { display:inline-block; float:none}
.flickerplate .dot-navigation .dot { width:14px; height:14px; margin:0px 6px; background-color:rgba(255, 255, 255, 0.3);
border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
-webkit-transition:background-color 0.2s ease-out; -moz-transition:background-color 0.2s ease-out;
-o-transition:background-color 0.2s ease-out; -ms-transition:background-color 0.2s ease-out; transition:background-color 0.2s ease-out}
.flickerplate .dot-navigation .dot:hover { cursor:pointer; background-color:rgba(255, 255, 255, 0.6)}
.flickerplate .dot-navigation .dot.active { background-color:#fff}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul { text-align:left}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul { text-align:right}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow { background-image:url("http://www.qdjnxc.com/templets/default/images/arrow-left-dark.png")}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow { background-image:url("http://www.qdjnxc.com/templets/default/images/arrow-right-dark.png")}
.flickerplate.flicker-theme-dark .dot-navigation .dot { background-color:rgba(0, 0, 0, 0.12)}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover { background-color:rgba(0, 0, 0, 0.6)}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active { background-color:#000}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner { color:rgba(0, 0, 0, 0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text { color:rgba(0, 0, 0, 0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner { color:rgba(0, 0, 0, 0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text { color:rgba(0, 0, 0, 0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)}
.flickerplate.animate-transform-slide ul.flicks { -webkit-perspective:1000; -webkit-backface-visibility:hidden;
transform:translate3d(0%, 0px, 0px); -webkit-transform:translate3d(0%, 0px, 0px); -webkit-transition:-webkit-transform 0.6s;
-o-transition:-o-transform 0.6s; -moz-transition:-moz-transform 0.6s; transition:transform 0.6s}
.flickerplate.animate-transition-slide ul.flicks { position:relative; left:0%; -webkit-transition:left 0.4s ease-out;
-moz-transition:left 0.4s ease-out; -o-transition:left 0.4s ease-out; -ms-transition:left 0.4s ease-out; transition:left 0.4s ease-out}
.flickerplate.animate-jquery-slide ul.flicks { position:relative; left:0%}
.flickerplate.animate-scroller-slide { padding-bottom:0px; overflow:auto}
.flickerplate.animate-scroller-slide ul.flicks { position:auto}



.news_box{ padding:0 0 30px; margin-bottom:30px; border-bottom:1px solid #9FA0A0; /*background:url(../images/index_shadow.jpg) no-repeat center bottom;*/}
.news{ width:330px; margin-right:55px;}
.news h1{font-weight:normal; padding:30px 0 10px; margin-bottom:15px; font-size:26px; color:#00a0e9; border-bottom:1px solid #9fa0a0;}
.news h1 p{ font-size:12px; line-height:30px; color:#9fa0a0;}
.news ul li{ clear:both; margin-bottom:4px; overflow:hidden;}
/*.news ul li img{ float:left; width:106px; height:81px; margin-right:10px;}*/
.news ul li b{ padding-right:5px; color:#8FD086; float:left}
.news ul li a{ padding-right:10px; font-size:14px; color:#727171; float:left}
.news ul li a:hover{ color:#00a0e9}
.news ul li span{ font-size:14px; color:#727171; float:left}
.news .more{ display:block; width:100%; height:18px; line-height:18px; text-align:center; margin-top:10px; color:#fff;
font-size:12px; background:#8FD086;}
.news .more:hover{ background:#158506;}
.news dl{ overflow:hidden;}
.news dt{ width:103px; height:79px; margin:0 6px 6px 0; float:left}
.news dt img{ width:100%; height:100%;}


.news_video iframe{ width:100%; height:200px;}

.pro .pro_p{ padding:0 0 10px; font-size:26px; color:#00a0e9;border-bottom:1px solid #9fa0a0;}
.pro .pro_p span{ padding-left:10px; color:#9fa0a0;}
.pro .mr_frbox{ width:94%; height:145px; padding:25px 0px; margin-left:3%; position:relative;}
.pro .mr_frBtnL{ width:35px; height:125px; cursor:pointer; display:inline; position:absolute; left:-35px; top:25px; z-index:10;
background:url(../images/mfrL.png) no-repeat center;}
.pro .mr_frBtnR{ width:35px; height:125px; cursor:pointer; display:inline; position:absolute; right:-35px; top:25px; z-index:10;
background:url(../images/mfrR.png) no-repeat center;}
.pro .mr_frBtnL:hover{ background:url(../images/mfrL2.png) no-repeat center;}
.pro .mr_frBtnR:hover{ background:url(../images/mfrR2.png) no-repeat center;}
.pro .mr_frUl{ width:100%; overflow:hidden; position:absolute; z-index:5}
.pro .mr_frUl ul li{ display:inline; float:left; width:98px; padding:5px 37px 23px 38px; text-align:center; background:url(../images/proxian.png) no-repeat right; background-position:-1px -10px}
.pro .mr_frUl ul li .proimg{}
.pro .mr_frUl ul li .proimg img{ width:98px; height:98px;}
.pro .mr_frUl ul li p{ padding:6px 0 10px; font-size:16px;}
.pro .mr_frUl ul li p a font{ color:#727171}
.pro .mr_frUl ul li p a:hover font{ color:#000}



/*foot*/
.foot{ background:#898989; padding:25px 0 35px;}
.foot, .foot a{ color:#fff;}
.foot dl{ float:left; width:80px; text-align:left; margin-right:40px; line-height:30px;}
.foot dl dd{ font-size:12px;}
.foot .copyright{ margin-left:70px;}
.foot .copyright .p1{ font-size:20px; padding-bottom:15px;}
.foot .copyright .p2{ padding-bottom:15px; font-size:14px;}
.foot .copyright p{ font-size:14px;}
.foot .ewm{ width:150px; height:150px; background:#FFF; border-radius:75px; float:right}
.foot .ewm img{ display:block; width:100px; height:100px; margin:25px;}

/*--内页--*/
/*关于我们*/
.ny_banner,.ny_banner img{ width:100%; /*height:272px; background:url(../images/banner_2.jpg) repeat center center;*/}
.nybox{ padding:40px 0;}
.nyleft{ width:190px;}
.nyleft dl{ background:#bae3f9; padding:0 10px 70px;}
.nyleft dt{ padding:20px 10px  15px; font-size:26px;  color:#00a0e9;border-bottom:1px solid #88caf3;}
.nyleft dt p{ font-size:12px; color:#00a0e9;}
.nyleft dd{ padding:0 8px; line-height:42px; border-bottom:1px solid #88caf3;}
.nyleft dd a{ font-size:16px; color:#595757;}
.nyleft dd.act a, .nyleft dd a:hover{color:#00a0e9;}
.nyleft .leftbg{ height:47px; background:url(../images/nyshadow1.png) no-repeat center center;}

.nyright{ width:820px; padding-bottom:50px; margin-bottom:30px; background:url(../images/nyshadow3.png) no-repeat center bottom;}
.nyright .nyrt{padding-bottom:24px; margin-bottom:20px; font-size:26px; font-weight:normal; line-height:60px; color:#00a0e9; background:url(../images/nyshadow2.png) no-repeat left bottom;}
.nyright .nyrt span{ padding-left:20px; color:#bae3f9;}
.nyright .blue{ color:#00a0e9;}
.nyright .nywenhua p{ text-indent:2em; line-height:30px;}
.nycon{ padding-bottom:30px;}
.nycon img{ max-width:100%;}

.fazhan{}
.fazhan dd{ padding:10px 0; background:url(../images/fz.png) repeat-y 82px -15px; overflow:hidden;}
.fazhan dd span{ display:block; float:left;max-width: 610px;}
.fz_year{ width:120px; height:40px; font:bold 14px/40px "Microsoft YaHei"; color:#008cd6;}
.fz_year em{ display:inline-block; width:77px; font-style:normal;}
.fz_year .fazhan_quan{ width:12px; height:12px; position:relative; z-index:2;}
.fz_con{ width:652px; padding: 5px 20px;  border-radius: 5px; background:#efefef;}
.fazhan_jiao{ width:13px; height:13px;  background:url(../images/lc1.png) no-repeat 0px 0px; margin:0 12px 2px -32px;}
.mhistory{ display:none}
/* 时间轴 */
#timeline{ width:800px; overflow:hidden; margin:30px auto; position:relative; }
#dates{ width:800px !important; height:60px; overflow:hidden; }
#dates li{ list-style:none; float:left; width:125px; height:50px; margin:0 10px; font-size:24px; text-align:center;
border-bottom:4px solid #999; }
#dates a{ line-height:38px; padding-bottom:10px; }
#dates .selected{ font-size:38px; color:#00a0e9; }
#issues{ width:800px; overflow:hidden; }
#issues li{ width:800px; list-style:none; float:left; }
#issues li img{ float:left; margin:10px 30px 10px 50px; }
#issues li h1{ color:#ffcc00; font-size:48px; margin:20px 0; text-shadow:#000 1px 1px 2px; }
#issues li p{ font-size:14px; margin-right:70px; font-weight:normal; line-height:22px; text-shadow:#000 1px 1px 2px; }
#grad_left,#grad_right{ width:100px; position:absolute; top:0; }
#grad_left{ left:0;  background:url('http://www.qdjnxc.com/templets/default/images/grad_left.png') repeat-y; }
#grad_right{ right:0;  background:url('http://www.qdjnxc.com/templets/default/images/grad_right.png') repeat-y; }
#timeline #next,#timeline #prev{ position:absolute; top:10px; font-size:70px; width:22px; height:50px; background-position:0 0; background-repeat:no-repeat;
text-indent:-9999px; overflow:hidden; }
#timeline #next:hover,#timeline #prev:hover{ background-position:0 -100px; }
#timeline #next{ right:0; background-image:url('../images/next.jpg'); }
#timeline #prev{ left:0; background-image:url('../images/prev.jpg'); }
#timeline #next.disabled,#timeline #prev.disabled{ opacity:0.2; }

/*荣誉*/
#mbOverlay{ position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF {}
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(http://www.qdjnxc.com/templets/default/images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{float:left; margin:5px}
.mod_gallerylist{ margin:0 auto}
.meta{font-size:12px; text-align:center;}
.image_container img{width:247px; height:185px;  border:3px solid #CCC;}
.meta a{color:#333; text-decoration:none}
.layout_default{ width:253px; height:240px; margin:0 10px; }
/*图片点击放大*/
#nei_photo-list { width:100%;}
#nei_photo-list ul { height:auto; padding:30px 0; overflow:hidden;}
#nei_photo-list li { float:left; width:29%; padding:0 2% 10px; text-align:center; }
#nei_photo-list li .two{line-height:30px;}
#nei_photo-list ul li img{ max-width:100%; height:170px; border:3px solid #B9B9B9; padding:5px;}
.m_tuji{ display:none;}

/*新闻*/
.yi{ padding-bottom:70px; margin-bottom:30px; background:url(../images/nyshadow3.png) no-repeat center bottom; }
.yi_video{ width:80%; margin:0 auto;}
.yi_video iframe{ max-width:100%; width:100%; height:370px}
.showvedio iframe{ width:100%; height:520px}
.yi_1{ padding-top:20px; font-size:20px; line-height:50px; color:#00a0e9;}
.yi_2{ border-top:1px solid #b5b6b6; font-size:12px;}
.yi_2 li{ padding:0 20px; border:1px solid #b5b6b6; border-top:0 none;}
.yi_2 li a{ display:block; line-height:40px;}
.yi_2 li a:hover{color:#00a0e9;}
.yi_2 li b{ display:inline-block; padding-right:20px; font-size:16px;}
.yi_2 li span{ float:right;}
.y30{ padding-bottom:30px;}
.y30 video{ max-width:100%; }
.page{ text-align:center; padding:15px 0; margin:45px auto; background:#bae3f9; clear:both;}
.page li{ display:inline-block; text-align:center; margin:0 3px; }
.page li a{ display:inline-block; height:30px; line-height:30px; padding:0 10px; color:#00a0e9; border:1px solid #b5b6b6;}
.page li a.active, .page li a:hover{ background:#00a0e9; color:#fff; border:1px solid #00a0e9;}
.page li.gong{ padding:0 15px; border:1px solid #b5b6b6;}
.m_page{ display:none;}

.news_z h1{ font-size:26px; color:#00a0e9; text-align:center; line-height:50px;}
.news_z .zz{ text-align:center;color:#00a0e9; padding-bottom:20px;}
.news_z p { line-height:30px; text-indent:2em;}
.news_page{ padding:20px 0 40px; border-top: 1px dashed #dbd4cd; clear:both; overflow:hidden;}
.news_page .pre{ float:left;}
.news_page .next{ float:right;}
.news_page span{ font-weight:bold;}
.news_page a:hover{color:#00a0e9;}

.pagination{ text-align:center; padding:15px 0; margin:45px auto; background:#bae3f9; clear:both;}
.pagination li{ display:inline-block; text-align:center; margin:0 3px; }
.pagination li a{ display:inline-block; height:30px; line-height:30px; padding:0 10px; color:#00a0e9; border:1px solid #b5b6b6;}
.pagination li a.active, .page li a:hover{ background:#00a0e9; color:#fff; border:1px solid #00a0e9;}
.pagination li.gong{ padding:0 15px; border:1px solid #b5b6b6;}

/*产品*/
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; width:400px; margin:0 20px 20px 0;}
.pro_list li img{ width:400px; height:300px;}
.pro_list li p{ font-size:18px; line-height:30px;}
.pro_list li a:hover{color:#00a0e9; }

.pro_1{ padding-bottom:50px;}
.pro_1 p{margin:0 0 30px;}
.pro_h2{ border-top:1px solid #9fa0a0; border-bottom:1px solid #9fa0a0; color:#00a0e9; line-height:47px; font-size:26px; }
.pro_h2 span{ color:#9fa0a0;}

.xn{ padding:20px 0 20px; border-bottom:1px solid #9fa0a0;overflow:hidden;}
.xn dt{ float:left;  width:140px;}
.xn dd{ margin-left:170px;}
.xn dd .p1{ font-size:18px; color:#000;}
.xn dd .p1 font{ color:#000;}
.xn dd .p2{ font-size:16px; padding-bottom:15px; color:#000;}
.xn dd .p3{ text-indent:2em;}
#container{ overflow:hidden}
#wrap{ overflow:hidden}
#read-more{ display:block; width:100%; height:50px; margin:30px 0; line-height:50px; text-align:center; color:#fff;
background:#bae3f9; font-size:18px;}


.anli_list{ overflow:hidden;}
.anli_list li{ float:left; width:177px; margin:0 35px 20px 0;}
.anli_list li img{ width:177px; height:140px;}
.anli_list li p{ text-align:center; line-height:30px; margin-bottom:0;}
.anli_list li a{ color:#000; }
.anli_list li a:hover{color:#00a0e9; }
/* 图集 */
.mod18{width:820px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:240px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:560px;width:10px;height:16px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:820px;height:500px;position:absolute;color:#fff;}
.mod18 .picBox{width:820px; height:500px;position:relative;overflow:hidden; background:#0D0D0D; }
.mod18 .picBox ul{height:377px;position:absolute; left:0;}
.mod18 .picBox li{ width:820px;height:500px;}
.mod18 .picBox li img{ width:100%;height:500px;}
.mod18 .listBox{width:820px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute;}
.mod18 .listBox li{width:127px;height:100px;cursor:pointer;position:relative; padding:5px 5px 0;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox img{border:3px solid #fff; width:100%; height:100%;}
.mod18 .listBox .on img{border:3px solid #CECDCC; }
.mod18 .listBox .on{background:url(http://www.qdjnxc.com/templets/default/images/img_bg.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}
.m_anlipic{ display:none;}

/*人力资源*/
.filterinput{border-radius:15px;width:90%;height:30px;border:thin solid #FFF;text-indent:0.5em;font-weight:bold;color:#FFF;}
.biao{ border-bottom:1px dashed #666666; overflow:hidden}
.biao .pone{ width:380px; padding-left:10px; font-size:14px; float:left; text-align:left}
.biao .ptwo{ width:390px; font-size:14px; float:left; text-align:center}
.biao .pthree{ width:390px; font-size:14px; float:left; text-align:right}
.mzhao{ display:none}





/*-----响应式-----*/
@media screen and (max-width:1024px){
	.box{ width:96%; margin:0 auto;}
	.news{ width:310px; margin-right:20px;}
	.pro ul li{width:188px; margin-right:10px;}
	/*内页*/
	.nyleft{ width:170px;}
	.nyright{ width:770px;}
	.nyright img{ max-width:100%;}
	.pro_list li{ width:375px; margin-bottom:0;}
	.pro_list li img{ width:375px; height:280px;}
	.anli_list li, .anli_list li.mr0{ width:21%; margin:0 2% 2% !important;}
	.anli_list li img{ width:100%; height:140px;}
	/*.mod18{ display:none;}
	.m_anlipic{ display:block;}*/
	/* 图集 */
	.mod18{width:360px;}
	.mod18 #prevTop,.mod18 #nextTop{top:76px;}
	.mod18 .cf a{display:block;width:360px;height:200px;}
	.mod18 .picBox{width:360px; height:200px;}
	.mod18 .picBox ul{ height:200px;}
	.mod18 .picBox li{ width:360px;height:200px;}
	.mod18 .picBox li img{ width:100%;height:100%;}
	.mod18 .listBox{ display:none}
}


@media screen and (max-width:768px){
	#header{background:url(../images/btn.png) no-repeat;text-align: center; width:40px; height: 70px;line-height: 70px;color: #fff;position:absolute; top:28px; right:2%;}
	#header span.right{width: 70px;height: 70px;position: absolute;right: 0;top: 0;background: url("http://www.qdjnxc.com/templets/default/style/img/btn.jpg") no-repeat center center;background-size: 80%;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);     /* IE 9 */
	-moz-transform:rotate(0deg);    /* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg);
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}
	#header span.right.on{background: url("http://www.qdjnxc.com/templets/default/style/img/btn.png") no-repeat center center;background-size: 55%;
	transform:rotate(135deg);
	-ms-transform:rotate(135deg);     /* IE 9 */
	-moz-transform:rotate(135deg);    /* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
	-o-transform:rotate(135deg);
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
	#header h1{font-size: 16px;font-weight: normal;}
	#header span.left{position:absolute;left:0;top:0;display: block;width: 70px;height: 70px;font-size: 14px;padding-left:10px;}
	.menu{overflow: hidden;background-color: #00a1e9;width: 100%;position: absolute;left: 0;top: 80px;right: 0;z-index: 9999;height: 0;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
	.menu li{width: 100%;text-align: center;border-bottom: 0.01rem solid #0097da;font-size: 10pxrem;height: 40px;line-height: 40px;}
	.menu li a{color: #fff;display: inline-block;width: 100%;text-align: center; text-decoration:none;line-height: 40px; padding:0;}
	.index_banner,.index_banner img{ width:100%; height:200px;}
	.flickerplate{ height:180px;}

	.tel_img{ display:none;}
	.tel_yy{ padding:15px 60px 0 0;}
	.news{ width:46%; margin:0 2%;}
	.index_video{ width:96% !important}
	.pro ul li{ width:30.5%; margin:0 1%;}
	.foot dl{ display:none;}
	.foot .fr{ float:none;}
	.foot .copyright{ margin-left:0; text-align:center;}

	.pro .mr_frbox{ width:100%; overflow:hidden}
	.pro .mr_frBtnL,.pro .mr_frBtnR{ display:none}
	.pro .mr_frUl ul li{ padding:5px 32px 23px 35px; margin:0;}


	/*内页*/
	.ny_banner,.ny_banner img{ height:180px;}
	.nyleft{ width:100%;}
	.nyright{ width:100%; margin-bottom:0;}
	.nyleft dl{ overflow:hidden; padding-bottom:25px;}
	.nyleft dd{ width:47%; padding:0 1.1%; float:left;}
	.nyleft .leftbg{ background:none; height:20px;}
	.nybox{ padding:30px 0;}
	#page{ display:none;}
	.mhistory{ display:block}
	.mhistory p{ line-height:25px; margin:10px 0;}
	.yi_2 li a{ height:40px; overflow:hidden;}
	.page{ display:none;}
	.m_page{ display:block; text-align:center; padding:30px 0 0 ;}
	.m_page li{ display:inline-block; width:45%; max-width:180px; height:35px; line-height:35px; margin:0 2%; border-radius:3px;
	background-color:#00a2ff; color:#fff;}
	.m_page li a{ display:block;text-align:center; line-height:35px; color:#fff;}
	.m_page .pre{ background:#00a2ff;}
	.news_page{ padding:20px 0 0px;}
	.news_page .pre,.news_page .next{ width:100%;}
	.pro_list li{ width:46%; margin:0 2%;}
	.pro_list li img{ width:100%; height:254px;}
	.pro_list li p{ font-size:12px;}
	.pro .mr_frBtnL{ left:0;}
	.pro .mr_frBtnR{ right:0;}
	.pro_1 p{ margin:0 0 10px;}
	.anli_list li, .anli_list li.mr0{ width:29%; margin:0 2% 2%;}
	.anli_list li img{ height:160px;}

	#nei_photo-list { display:none;}
	.m_tuji{ display:block;height:auto; padding:20px 0; overflow:hidden;}
	.m_tuji li { float:left; width:46%; padding:0 2% 20px; text-align:center; }
	.m_tuji li .one{ background:#fff;}
	.m_tuji li .two{line-height:30px;}
	.m_tuji li img { max-width:100%; height:170px}
	.yi_video iframe{ width:100%; height:170px}
	.showvedio iframe{ width:100%; height:220px}

	.jquery-accordion-menu,.foot .ewm{ display:none}
	.mzhao{ display:block}
	.mzhao li{ line-height:35px; margin:10px 0; padding-left:10px; background:#EBEBEB;}


}

@media screen and (max-width:480px){
	.top{ height:80px;}
	.top_box .logo{ width:160px; padding:20px 0 0;}
	.logo img{ max-width:100%;}
	#header{ top:7px;}
	.tel_yy{ padding:10px 0 0 0;}
	.tel{ position:absolute; width:120px; height:25px; top:20px; right:50px; padding:0 !important; line-height:25px;}
	.logoright{ display:none;}
	.yi_video{ width:100%;}
	.pro_list li img{ height:137px;}
	.anli_list li, .anli_list li.mr0{ width:46%; margin:0 2% 2%;}
	.anli_list li img{ height:137px;}
	.news{ width:96%;}
	.pro ul li{ width:48%;}
	.m_tuji li img{ height:120px;}
	.nyright .nyrt span{ display:none;}
}

@media screen and (max-width:320px){
	.mod18 .picBox li{ width:308px;}
}