﻿/* CSS Document */
/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,
a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:"微软雅黑";vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;}
input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;}
textarea{font-family:inherit;padding:0;margin:0;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{background-color:#fff; font-family:"微软雅黑"; font:12px/20px;}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
i,em,address{font-style:normal;}
a{color:#4f4f4f;text-decoration:none;}
a:hover{transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;color:#006db8;}
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */

/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.img{display:block;width:100%;height:100%;}	/*图片全尺寸*/
.no_bor{ border:none!important;}	/*无边框*/
.no_bg{ background:none!important;}	/*无背景*/
.nmr{margin-right:0px;}
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/
.clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}/*清除浮动*/
.center{margin:0 auto;width:1200px;}	/*让内容区块居中*/
.gray {filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);}
.hide{display:none;}

/*--------------top----------------*/
.topbg{background:#ededed; width: 100%; height:30px; line-height: 30px;}
.top{width:1000px;  margin: 0px auto; color:#333333; font-size: 14px;}
.logosearch{width:1000px; margin: 0px auto; height:100px}
.logosearch .logo{float:left; margin-top: 20px;}
.logosearch .search{float:right; margin-top: 32px;}
.searchinput{float:left; width:159px; height:33px; background:url(../images/searchinput.png) no-repeat; padding-left:10px; border:0px;}
.button{width:42px; height:33px; float:left;}

.navbg{background: url(../images/navbg.jpg) repeat-x; height: 50px; width:100%; line-height: 50px;}
.navbg .nav{width:1000px; margin: 0 auto; font-size: 18px; height: 50px; line-height: 50px; position:relative;}
.navbg .nav ul li{float:left; }
.navbg .nav ul li.navimgbor{width:3px; height: 50px;}
.navbg .nav ul li.navimgbor img{height: 50px;}
.navbg .nav ul li a{color:#fff;display: block; width: 159px; height:50px; text-align: center;}
.navbg .nav ul li a:hover{border-bottom:0px solid #006db8; color:#fff; background:url(../images/flower.png) no-repeat center top;}

.nav ul li.drop-down img{padding-right:5px;}
.nav ul li.drop-down:hover{}
.nav ul li.drop-down:hover a{color:#fff; width:159px; border-bottom:0px solid #006db8;}
.nav ul li.drop-down:hover .drop-down-menu{display:block; width:163px; height: auto; position:absolute; top:50px; left:325px; z-index:122; padding-top:0px;}
.nav ul li.drop-down:hover .drop-down-menu a{display:block; line-height:37px; text-align:left; width:163px; height:37px; position:relative; font-size: 14px; color:#fff; border-bottom:0px solid #c66122; text-align: center; background:url(../images/navprobg.jpg);}
.nav ul li.drop-down:hover .drop-down-menu a:hover{background:#858687; width:163px; color:#000; background:url(../images/navprobgh.jpg);}

.bannerbox{width:100%;position:relative;overflow:hidden;}
.Homebanner{width:100%;position:relative;height:600px;overflow:hidden;}
.Homebanner ul{width:100%;position:absolute;height:600px;}
.Homebanner ul li{width:100%;height:600px;position:absolute;overflow:hidden;}
.Homebanner ul li img{width:1920px;position:absolute;left:50%;top:0px;display:block;margin-left:-960px;}
.Homeleft,.Homeright{background:#000;font-family:"宋体";width:50px;height:50px;line-height:50px;text-align:center;font-size:40px;color:#fff;position:absolute;top:45%;cursor:pointer;transition:all .2s ease;opacity:0;z-index:899999}
.Homeleft{left:-60px;}
.Homeright{right:-60px;}
.bannerbox:hover .Homeleft{left:0px;opacity:1}
.bannerbox:hover .Homeright{right:0px;opacity:1}
.Homedot{position:absolute;width:100%;text-align:center;z-index:999;bottom:30px;}
.Homedot a{display:inline-block;margin:0px 5px;height:12px;width:12px;line-height:1000px;overflow:hidden;background:url(../images/bannerdian.png) no-repeat;}
.Homedot a.cur{background:url(../images/bannerdiancur.png) no-repeat}

/*banner*/
.mbanner{}
.slides {width:100%; height:auto; overflow:hidden; position:relative;}
.slides a {width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.slides a img {width:100%; height:auto; overflow:hidden; display:block;}
.slidesjs-pagination {height:10px; position:absolute; bottom:10px; left:50%; margin-left:-60px; z-index:998;}
.slidesjs-pagination li {width:30px; height:10px; line-height:10px; margin:0px 3px; float:left;}
.slidesjs-pagination li a {font-size:12px; text-align:center; color:#fff; font-size:0px; background:#fff; display:block;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:#2174d8; color:#2174d8;}
.slidesjs-pagination li a:hover {background:#2174d8; color:#2174d8;}
.slidesjs-navigation {display:none;}
.slidesjs-navigation .slidesjs-previous {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:0px; position:absolute; top:50%; left:0px; z-index:999;}
.slidesjs-navigation .slidesjs-previous:hover {background:rgba(0,0,0,0.3); -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -ms-border-top-right-radius:3px; border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -ms-border-bottom-right-radius:3px; border-bottom-right-radius:3px;}
.slidesjs-navigation .slidesjs-next {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:10px; position:absolute; top:50%; right:0px; z-index:999;}
.slidesjs-navigation .slidesjs-next:hover {background:rgba(0,0,0,0.3); -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -ms-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -ms-border-bottom-left-radius:3px; border-bottom-left-radius:3px;}
.slides:hover .slidesjs-navigation {display:block;}

.indexprobg{background:url(../images/iprobg.jpg) no-repeat center top; margin-top:10px;}
.indexpro{width:1000px; margin: 0px auto; padding-top: 40px;}
.itit{background:url(../images/timul.png) no-repeat center top; height: 82px; line-height: 62px; text-align:center; color:#fff; font-size: 20px;}
.indexprolist{padding-top: 50px; padding-bottom: 30px;} 
.indexprolist ul{}
.indexprolist ul li{float:left; width:200px; border:1px solid #000; margin-right:64px;}
.indexprolist ul li.nmr{margin-right:0px;}
.indexprolist ul li p{text-align: center; font-size: 12px; line-height: 24px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.imore{ text-align: center; padding: 30px 0px 10px;}

.indexaboutbg{background:url(../images/iaboutbg.jpg) no-repeat center top; margin-top:10px;}
.indexabout{width:1000px; margin: 0px auto; padding-top: 30px;}
.iabout{width:610px; margin: 0 auto; font-size: 16px; padding-top:35px; line-height: 30px;}

.indexyoushibg{background:url(../images/iyoushibg.jpg) no-repeat center top; margin-top:10px;}
.indexyoushi{width:1000px; margin: 0px auto; padding-top: 35px;}
.indexadv{padding-top: 00px; padding-bottom: 30px;}
.indexadv li{float:left; width:500px;}

.indexnews{width:1000px; margin: 0px auto; padding-top: 35px;}
.indexnewslist{padding-top: 30px;}
.indexnewslist ul{width: 500px; float:right}
.indexnewslist ul li {border-bottom: 1px dotted #999999; }
.indexnewslist ul li.nobm{border-bottom: 0px;}
.indexnewslist ul li .intit{ margin-top:0px; line-height: 24px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.indexnewslist ul li .intit a{color: #666; font-size: 16px; font-weight: 700; font-style: normal;}
.indexnewslist ul li .intime{margin: 0; padding: 0; height: 24px; line-height: 24px; color: #999; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none;}
.indexnewslist ul li .ininfo{margin: 0; padding: 0; padding-top: 1px; max-height: 1.6em; overflow: hidden; line-height: 1.5em; color: #999; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none; margin-bottom: 10px;}

.indexcontact{padding-top:50px; padding-bottom: 30px;}
.indexcontactbg{background:url(../images/icontactbg.jpg) no-repeat center top; }
.icontct{width:1000px; margin: 0px auto;}
.icontctL{float:left; padding: 45px 0px 35px 54px; color:#fff; font-size: 16px; line-height: 32px;}
.icontctL a{display:block; width:80px; height:30px; text-align: center; line-height: 30px; color:#fff; background: #006db8; font-size:13px; border-radius: 5px; margin-top:10px;}

.footbg{background:#006db8;}
.foot{width:1000px; margin: 0px auto; padding: 8px 0px 28px;}
.footl{float:left; width:150px;}
.footr{float:left; text-align: center; width:850px;}
.footr a{color:#fff; margin: 10px 30px; display: block; float:left;}
.footr p{color:#fff; line-height: 32px; display: block; width: 100%;}

.m_header{display:none;}
.menu_btn {height:50px; margin-right:10px; float:right;}
.menu_btn span {width:50px; height:50px; display:block; background:url(../images/menu.png) no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; background-size:100% 100%;}

/*mobile nav start*/
/* General styles for all menus */
.cbp-spmenu{background:#006db8;border-left:1px solid #fff;position:fixed;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#fff; color:#000;}
.cbp-spmenu a:active{background:#fff; color:#000;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #fff;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}
/*mobile nav end*/

/*-----------------内页----------------------*/
.mainbanner{width:100%;}
.mainbanner img{max-width:100%;}
.main{width:1000px; margin:20px auto;}
.main .mainL{width:200px; float:left;}
.main .mainL .mainL_tit{width:198px; border-radius:10px 0px 0px 0px; background:#006db8; color:#fff; font-size:20px; text-align:center; line-height:60px; letter-spacing:10px; box-shadow: 2px 2px 6px #000;}
.main .mainL ul li{background:url(../images/mainl.png); height:42px; line-height:42px; color:#fff}
.main .mainL ul li a{color:#fff; text-align:center; display:block;}
.main .mainL ul li:hover{background:url(../images/mainl2.png);}
.main .mainL ul li a:hover{color:#000;}

.main .mainLP{width:200px; float:left;}
.main .mainLP .mainL_tit{width:198px; border-radius:10px 0px 0px 0px; background:#006db8; color:#fff; font-size:20px; text-align:center; line-height:60px; letter-spacing:10px; box-shadow: 2px 2px 6px #000;}
.main .mainLP ul li{background:url(../images/mainl.png); height:42px; line-height:42px; color:#fff}
.main .mainLP ul li a{color:#fff; text-align:center; display:block;}
.main .mainLP ul li:hover{background:url(../images/mainl2.png);}
.main .mainLP ul li a:hover{color:#000;}



.main .mainR{width:756px; float:right;}
.main .mainR .mainR_tit{ border-bottom:1px #cccccc solid; line-height:59px; overflow:hidden; }
.mainR_tit span{ float:left; font-size:18px}
.mainR_tit .mainR_tit_span2{ font-size:16px; color:#cccccc; margin-left:12px}
.mainR_tit p{ float:right;}

.mainabout p{line-height:36px; text-indent:32px; width:100%; text-align:justify}
.mainabout .about_img{display:block; text-align:center; max-width:100%; margin:0 auto;}

/*liuyai*/
.apply dt{font-size: 16px;color: #606366; padding: 5px 0px; line-height: 30px;}
.apply .input4 {width: 96%; border: #e5e5e5 solid 1px; color: #804235; display: block;
padding: 10px 5px;
background: none;
-webkit-box-sizing: border-box;
font-size: 14px;
outline: none;}

.apply .applybtn{font-size: 16px;
color: #fff;
padding: 0px 0px;
line-height: 30px;
background: #004882;
width:100px; margin-top:20px;}
apply .aoolya{}


.newslist{width: 100%; margin:0px auto 30px;}
.newslist ul li{width: 100%; border-bottom: 1px dotted #AAA;}
.newslist ul li .intit{ margin-top: 10px; line-height: 24px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newslist ul li .intit a{color: #333; font-size: 14px; font-weight: 700; font-style: normal;}
.newslist ul li .intime{margin: 0; padding: 0; height: 24px; line-height: 24px; color: #999; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none;}
.newslist ul li .ininfo{margin: 0; padding: 0; padding-top: 4px; max-height: 3.2em; overflow: hidden; line-height: 1.5em; color: #666; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none; margin-bottom: 10px;}

.newsheader{width: 100%; margin:30px auto 10px; border-bottom: 1px solid #CCC;}
.newstit{clear: both; line-height: 50px; text-align: center; font-size: 24px; font-weight: 700; color: #333;}
.newsdate{clear: both; line-height: 35px; text-align: center; font-size: 14px; color: #999;}
.newsinfo{width: 100%; margin:0px auto; padding: 10px 0px; line-height: 200%; text-align: left; font-size: 16px; color: #333;}
.newsinfo p{margin-top: 7px; margin-bottom: 7px; padding: 0px; line-height: 1.75em;}
.newsinfo img{max-width:100%;}

.prolist{padding-top: 20px; padding-bottom: 30px;} 
.prolist ul{}
.prolist ul li{float:left; width:200px; border:1px solid #000; margin-right:74px; margin-bottom:20px;}
.prolist ul li.nmr{margin-right:0px;}
.prolist ul li p{text-align: center; font-size: 12px; line-height: 24px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.baguetteBoxOne{width:100%; margin-top: 5px;}
.baguetteBoxOne li{width:25%; float:left; text-align:center;}
.baguetteBoxOne li p{line-height: 40px; overflow: hidden; display: block; white-space: nowrap; height: 40px;}

@media screen and (min-width: 768px) and (max-width: 1015px) { 
	.top{width:740px;}
	.logosearch{width:740px}
	.navbg .nav{width:740px;}
	.navbg .nav ul li a{width: 118px;}
	.nav ul li.drop-down:hover a{width:118px; }
	.nav ul li.drop-down:hover .drop-down-menu{width:122px; left:245px;}
	.nav ul li.drop-down:hover .drop-down-menu img{max-width:100%;}
	.nav ul li.drop-down:hover .drop-down-menu a{width:122px;}
	.nav ul li.drop-down:hover .drop-down-menu a:hover{width:122px;}
	
	.indexpro{width:740px;}
	.indexprolist ul li{float:left; width:175px; border:1px solid #000; margin-right:10px;}
	.indexprolist ul li img{max-width:100%;}
	
	.indexabout{width:740px;}
	.indexyoushibg{background:url() no-repeat center top; margin-top:10px;}
	.indexyoushi{width:740px;}
	.indexadv li{float:none; width:500px; margin: 0px auto;}
	.indexnews{width:740px;}
	.indexnewslist img{margin:0px auto 10px; display: block;}
	.indexnewslist ul{float:none; width:100%;}
	.foot{width:740px;}
	.footr{width:590px;}
	.footr a{margin:10px 17px;}
}
@media screen and (min-width: 480px) and (max-width: 767px) { 
.bannerbox{display:none;}
.mbanner{display:block;}

	.top{width:96%;}
	.logosearch{width:96%}
	.navbg{display: none;}
	
	#nav_wrap{ display:none;}
	.m_header{display:block; height:50px; background:#006db8; margin-top: 20px;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 10px; float:left; font-size: 18px;}
	
	.indexpro{width:96%;}
	.indexprolist ul li{float:left; width:45%; border:1px solid #000; margin:0px 2% 10px;}
	.indexprolist ul li img{max-width:100%; text-align: center; display: block; margin: 10px auto;}
	
	.indexabout{width:96%;}
	.iabout{max-width:100%;}
	.indexyoushibg{background:url() no-repeat center top; margin-top:10px;}
	.indexyoushi{width:96%;}
	.indexadv li{float:none; width:500px; max-width: 100%; margin: 0px auto;}
	.indexadv li img{max-width:100%;}
	.indexnews{width:96%;}
	.indexnewslist img{margin:0px auto 10px; display: block;}
	.indexnewslist ul{float:none; width:100%;}
	.icontctL{padding: 45px 0px 35px 5px;}
	.foot{width:96%;}
	.footl{width:100%;  display: block; text-align: center;}
	.footr{width:100%;}
	.footr a{display: none;}
}

@media only screen and (max-width: 479px) {
	.top{width:96%;}
	.logosearch{width:96%}
	.logosearch .logo{float:none; margin-top: 10px;  width:100%; text-align: center;}
	.logosearch .search{float:none; padding-top: 12px; width:211px; margin: 0px auto; height: 50px;}
	
	.navbg{display: none;}
	
	#nav_wrap{ display:none;}
	.m_header{display:block; height:50px; background:#006db8; margin-top: 20px;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 10px; float:left; font-size: 18px;}
	
	.indexpro{width:96%;}
	.indexprolist ul li{float:left; width:45%; border:1px solid #000; margin:0px 2% 10px;}
	.indexprolist ul li img{max-width:100%; text-align: center; display: block; margin: 10px auto;}
	.indexprolist{padding: 15px 0px;}
	.indexabout{width:96%;}
	.iabout{max-width:100%;}
	.indexyoushibg{background:url() no-repeat center top; margin-top:10px;}
	.indexyoushi{width:96%; padding-top: 0px;}
	.indexadv li{float:none; width:500px; max-width: 100%; margin: 0px auto;}
	.indexadv li img{max-width:100%;}
	.indexnews{width:96%; padding: 0px;}
	.indexnewslist img{margin:0px auto 10px; display: block;}
	.indexnewslist ul{float:none; width:100%;}

	.indexcontact,.indexcontactbg{display:none;}
	.icontctL{padding: 45px 0px 35px 5px;}
	.foot{width:96%;}
	.footl{width:100%;  display: block; text-align: center;}
	.footr{width:100%;}
	.footr a{display: none;}
	
	.main{width:96%; margin:5px auto 0px;}
	.mainL{display:none;}
	.main .mainR{width:100%;}
	.mainR_tit p{display:none;}
	
	.prolist ul li{float:left; width:45%; border:1px solid #000; margin:0px 2% 10px;}
	.prolist ul li img{max-width:100%; text-align: center; display: block; margin: 10px auto;}
	.prolist{padding: 15px 0px;}
	
	.main .mainLP{width:100%; float:auto;}
.main .mainLP .mainL_tit{width:100%; border-radius:0px 0px 0px 0px; background:#006db8; color:#fff; font-size:20px; text-align:center; line-height:60px; letter-spacing:10px; box-shadow: 0px 0px 0px #000;}
.main .mainLP ul li{background:url() #fff; height:42px; line-height:42px; color:#006db8; border:1px solid #006db8}
.main .mainLP ul li a{color:#006db8; text-align:center; display:block;}
.main .mainLP ul li:hover{background:url() #006db8; color:#fff}
.main .mainLP ul li a:hover{color:#fff;}

.bannerbox{display:none;}
.mbanner{display:block;}

}


.page {width:100%;height:70px;clear:both;text-align:center;padding-top:30px;}
.page strong {color:#FFF;background-color:#0071b6;padding:7px 12px;margin:1px 10px 0px -1px;cursor:pointer;border:1px solid #0071b6;}
.page a {border:1px solid #e6e6e6;padding:7px 12px;margin-right:10px;cursor:pointer;color:#000;}
.page a:hover {background-color:#0071b6;border:1px solid #e6e6e6;color:#fff;}