@charset "utf-8";

/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px; -webkit-text-size-adjust:none; }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-family: "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial,sans-serif;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}


.index_h1{ text-align:center;}
.index_h1 h1{ font-size:12px; color:#ccc; font-weight:100; line-height:1em; padding-top:.5em;}

@media screen and (max-width: 780px){
	.index_h1{ display:none;}
}

.header{ width:100%; overflow:hidden; padding:25px 0;}
.main{ max-width:1200px; overflow:hidden; margin:0 auto;}
.header .logo{ float:left; overflow:hidden; font-size:26px; line-height:60px; font-weight:bold;}
.header .logo a{ color:#183883; display:inline-block; background:url(../images/logo.png) 10px center no-repeat;background-size:auto 60px; width:60px; padding-left:80px;}
.header .logo a span{ color:#999;}
.header .top{ width:300px; float:left; margin-left:70px; margin-top:3px;}
.header .top p{ font-size:14px; color:#666; margin-top:5px;}
.header .tel{ float:right; background:url(../images/tel.png) left center no-repeat; padding-left:65px; padding-right:5px; width:300px; height:58px;}
.header .tel span{ display:block; font-size:14px; color:#666;}
.header .tel b{ font-size:30px; color:#183883; line-height:40px; font-style:italic;}

.navArea{ width:100%; overflow:hidden; background-color:#183883;}
.nav{ width:100%; overflow:hidden;}
.nav li{ float:left;}
.nav li a{line-height:50px; height:50px; width:150px; text-align:center;display:inline-block; font-size:17px; color:#fff;}
.nav li a.on, .nav li a:hover{ background-color:#2b2b2b; font-weight:700; transition: all .66s cubic-bezier(.17, .84, .44, 1);}

/*Banner*/
.slider{ width:1200px;; overflow:hidden; position:relative; margin:0 auto;}
.rslides {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
	}

	.rslides li:first-child {
		position: relative;
		display: block;
		float: left;
	}

	.rslides img {
		display: block;
		float: left;
		width: 100%;
		height: 100%;
		border: 0;
	}

	.callbacks_nav {
		position: absolute;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		top: 50%;
		left: 0;
		z-index: 3;
		text-indent: -9999px;
		text-decoration: none;
		height: 50px;
		width: 50px;
		background:url(../images/left.png) no-repeat rgba(0,0,0,0.1);
		margin-top: -35px;
	}

	.callbacks_nav.next {
		left: auto;
		background:url(../images/right.png) no-repeat rgba(0,0,0,0.1);
		right: 0;
	}
	.callbacks_nav:hover{background:url(../images/left.png) no-repeat rgba(0,0,0,0.3);}
	.callbacks_nav.next:hover{background:url(../images/right.png) no-repeat rgba(0,0,0,0.3);}
	.callbacks_nav {
		left: 20px;
	}

	.callbacks_nav.next {
		right: 20px;
	}

	ul.callbacks_tabs {
		display: block;
		position:absolute;
		bottom:10px; text-align:center;
		left:50%; margin-left:-23px; z-index:2;
	}
	ul.callbacks_tabs li{ float:left;}
ul.callbacks_tabs li a{ display:inline-block; width:13px; height:13px; font-size:0; background-color:#fff; margin:0 5px; border-radius:50%;}
		
ul.callbacks_tabs li.callbacks_here a{ background-color:#183883;}
.min{ width:100%; overflow:hidden; margin-top:60px;}
.min .tit{ width:100%; text-align:center; overflow:hidden; margin-bottom:30px;}
.min .tit h2{ font-size:26px; line-height:30px; text-align:center; color:#333; margin-bottom:6px;}
.min .tit p{ font-size:14px; color:#999; text-align:center;}
.prot{ width:100%; overflow:hidden;}

.min12{ text-align:center; width:100%; overflow:hidden; margin-bottom:35px;}
.min12 a{ display:inline-block; cursor:pointer; padding:5px 25px; font-size:14px;  border: #e0e0e0 1px solid; color:#848484; margin:0 5px; transition: all .66s cubic-bezier(.17, .84, .44, 1); }
.min12 a:hover{background-color: #464646; border:#e0e0e0 1px solid; color:#fff}
.min12 a.menuOn{background-color: #464646; border:#e0e0e0 1px solid; color:#fff}
.prot .list{ width:100%; overflow:hidden;}
.prot .list ul{ width:100%; overflow: hidden;}
.prot .list ul li{ width:32%; float:left; overflow:hidden; margin-right:2%; margin-bottom:2%; position:relative;}
.prot .list_none{ display:none;}
.prot .list ul li.lit3, .prot .list ul li.lit6{ margin-right:0;}
.prot .list ul li .img{ overflow:hidden; position:relative; background:#fff}
.prot .list ul li .img .back{ position:absolute; width:100%; height:40px; bottom:0; left:0; background:rgba(244, 244, 244, 0.5);-moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
.prot .list ul li img{ width:100%;-moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
	
.prot .list ul li img{ width:auto; height:270px; display:block; margin:0 auto;}
	
	
.prot .list ul li p{ height:40px; line-height:40px; overflow:hidden; width:100%; text-align:center; font-size:16px; color:#333; position:absolute; bottom:0;}
.min .more{ width:100%; overflow:hidden; margin-top:50px; text-align:center;}
.min .more a{ display:inline-block; padding:8px 35px; border:1px solid #666; color:#666; font-size:18px; border-radius:5px;}
.prot .list ul li:hover img{-moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);}
.prot .list ul li:hover .img .back{ background:none;}
.prot .list ul li:hover p{ background-color:#183883; color:#fff; -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;}

.ab{ background-color:#f7f7f7; padding:60px 0;}
.ab01{ width:100%; overflow:hidden;}
.ab02{  overflow:hidden;}
.ab02 img{ width:100%;}
.ab02 .infom{ font-size:14px; color:#666; line-height:30px; margin-top:20px;}
.ab02 .infom h2{ font-size:20px; color:#333; margin-bottom:8px;}
.zizhi{ width:280px; float:right; overflow:hidden;}
.zizhi .zz{ width:100%; overflow:hidden; text-align:center;}
.zizhi .zz h2{ font-size:24px; line-height:30px; margin-bottom:5px;}
.zizhi .zz p{ font-size:14px; color:#999;}
.slid02{ width:260px; margin:25px auto 0;}
.slid02 .callbacks_nav{ display:none;}
.slid02 ul.callbacks_tabs{ width:100%; left:0; margin-left:0; height:35px; background:rgba(0,0,0,0.6); bottom:0; text-align:right;}
.slid02 ul.callbacks_tabs li{ float:none; display:inline-block; width:15px; height:15px; background-color:#fff; border-radius:0; margin:10px 3px 0;}
.slid02 ul.callbacks_tabs li a{ margin:0; border-radius:0; background-color:transparent; font-size:13px; color:#333; width:15px; height:15px; line-height:15px; text-align:center;}
.slid02 ul.callbacks_tabs li.callbacks_here{ background-color:#000;}
.slid02 ul.callbacks_tabs li.callbacks_here a{ color:#fff;}
.slid02 .rslides img{  height:320px;}

.fuwu{ padding:50px 0 30px; background:url(../images/fuwu.jpg) center top no-repeat; margin-top:0;}
.fuwu .tit h1{ color:#fff;}
.fuwu01{ width:100%; overflow:hidden;}
.fuwu01 ul{ overflow:hidden; margin-left:-1%; margin-right:-1%;}
.fuwu01 ul li{ width:23%; float:left; margin:1%; overflow:hidden;}
.fuwu01 ul li .img{ overflow:hidden; width:100%;}
.fuwu01 ul li img{ width:100%;-moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
.fuwu01 ul li p{ height:40px; line-height:40px; overflow:hidden; text-align:center; font-size:14px; color:#fff; background-color:#000;}
.fuwu01 ul li:hover img{-moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);}
.fuwu01 ul li:hover p{ background-color:#183883; color:#fff; -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;}

.news{ margin-bottom:50px;}
.new{ width:785px; float:left; overflow:hidden;}
.wenti{ width:385px; float:right; overflow:hidden;}
.min .titt{ font-size:18px; padding-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden; position:relative;}
.min .titt h2{ font-size:18px; font-weight:blod;}
.min .titt span{ display:inline-block; width:80px; height:1px; background-color:#183883; bottom:0; left:0; position:absolute;}
.new .list{ width:100%; float:left; overflow:hidden; margin-top:20px;}
.new .list .lleft{ width:367px; float:left; overflow:hidden; margin-top:6px;}
.new .list .lleft img{ width:100%;}
.new .list .lleft .info{ width:100%; overflow:hidden; margin-top:15px;}
.new .list .lleft .info h2{ font-size:15px; font-weight:normal; margin-bottom:5px;}
.new .list .lleft .info p{ font-size:14px; color:#999; line-height:24px;}
.new .list ul{ width:363px; float:left; overflow:hidden; margin-left:40px;}
.new .list ul li{ height:40px; padding:2px 5px; border-bottom:1px dashed #ddd; line-height:40px; font-size:14px;}
.new .list ul li span{ float:right; color:#999; font-size:13px;}
.new .list .lleft a:hover, .new .list ul li a:hover{ color:#183883;}
.wenti ul{ overflow:hidden; margin-top:25px;}
.wenti ul li{ width:100%; margin-bottom:20px;}
.wenti ul li a{ font-size:15px; color:#333;}
.wenti ul li p{ font-size:14px; color:#999; line-height:24px; margin-top:10px;}
.wenti ul li a:hover{ color:#183883;}

.foot{ width:100%; background-color:#f5f5f5; overflow:hidden; padding:30px 0 20px;}
.foot .foot1{ width:100%; overflow:hidden; padding-bottom:20px; }
.footer{ width:100%; background-color:#ebebeb; text-align:center; padding:13px 0;}
.footer p{ font-size:13px; color:#5e7387;}
.footer p a{ color:#5e7387;}
.foot .foot1 ul{ width:850px; float:left; overflow:hidden;}
.foot .foot1 ul dl{ width:162.5px; float:left; overflow:hidden; text-align:center;}
.foot .foot1 ul dl dt{ font-size:18px; margin-bottom:10px;}
.foot .foot1 ul dl dt a{ color:#5e7387;}
.foot .foot1 ul dl dd a{ display:inline-block; width:100%; text-align:center; line-height:26px; font-size:13px; }
.foot .foot1 .f-right{ float:right; overflow:hidden; width:250px;}
.foot .foot1 .f-right img{ padding:10px; background-color:#fff; float:left;}
.foot .foot1 .f-right .dd{ width:250px; float:right; overflow:hidden;}
.foot .foot1 .f-right .dd span{ font-size:16px; color:#464646;}
.foot .foot1 .f-right .dd p{ margin-top:10px;}
.foot .foot1 .f-right .dd p.t{ font-size:32px; line-height:40px; margin-top:10px; color:#464646; font-style:italic;}
.foot .foot1 .f-right .dd p.d{color:#5e7387;}
.foot .foot1 .f-right .dd p a{ display:inline-block; width:25px; height:25px; margin-right:10px; background-color:#fff; border-radius:3px;}
.foot .foot1 .f-right .dd p a.wb{ background:url(../images/wb.png) center center no-repeat;}
.foot .foot1 .f-right .dd p a.qq{ background:url(../images/qq.png) center center no-repeat;}
.foot .foot1 .f-right .dd p a.wx{ background:url(../images/wx.html) center center no-repeat;}
.foot .foot1 .f-right .dd p a.kj{ background:url(../images/kj.png) center center no-repeat;}
.foot .foot2{ width:1000px; margin:20px auto 0;}
.foot .foot2 span{ font-size:14px; color:#5e7387; display:inline-block;}
.foot .foot2 span.dh{ float:right;}

.caset{ width:100%; overflow:hidden;}
.caset .list{ width:220px; overflow:hidden; float:left;}
.caset .list li{ display:inline-block; width:100%; cursor:pointer; height:62px; line-height:62px; background-color:#ececec; text-align:center; border-bottom:1px solid #fff; font-size:15px; color:#666;}
.caset .list li.cur{ background-color:#183883; color:#fff;    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
.caset #listCon{ width:950px; overflow:hidden; float:right;}
.caset #listCon div{ display:none;}
.caset #listCon .cur{ display:block;}
.caset #listCon .cur img{ width:100%;}
.subBanner{ width:100%; height:300px; background: url(../images/banner.jpg) center top no-repeat; background-size:cover;}
.cont{ width:100%; overflow:hidden; margin-top:30px; margin-bottom:50px;}
.cont-left{ width:220px; float:left; overflow:hidden;}
.cont-left .top{ width:100%; overflow:hidden; margin-bottom:30px;}
.cont-left .top .tim{ height:45px; line-height:45px; font-size:20px; background-color:#2b2b2b; color:#fff; text-indent:15px;}
.cont-left .top ul{ padding:5px 15px; border:1px solid #ddd; border-top:none;}
.cont-left .top ul li{ line-height:40px; font-size:14px; border-bottom:1px dashed #ccc;text-indent:1em;}
.cont-left .top ul li ul{ display:none;}
.cont-left .top ul li a{ display:block; }
.cont-left .top ul li a:hover{ color:#e4393c; font-weight:700; background-color:#eee; }
.cont-left .top ul li.tt{ border-bottom:none;}
.cont-left .cet{ margin-bottom:0;}
.cont-left .cet .cett{ padding:15px 10px; border:1px solid #ddd; border-top:none;}
.cont-left .cet .cett span{ font-size:14px; font-weight:bold;}
.cont-left .cet .cett p{ font-size:13px; color:#666; line-height:24px;}
.cont-right{ width:950px; float:right; overflow:hidden;}
.cont-right .subtitle{ width:100%; height:46px; line-height:46px; border-bottom:1px solid #ddd; overflow:hidden; position:relative;}
.cont-right .subtitle span.catname{ font-size:20px; display:inline-block; margin-left:10px;}
.cont-right .subtitle span.xian{ position:absolute; width:100px; height:1px; background-color:#2b2b2b; left:0; bottom:0;}
.cont-right .content{ width:100%; overflow:hidden; margin-top:20px; font-size:14px; line-height:2em;; color:#666;}
.cont-right .content img{ max-width:100%; display:block; margin:0 auto;}

.caselist{ width:100%; overflow:hidden;}
.caselist li{ width:31.33%; float:left; overflow:hidden; margin:1%; background-color:#fff}
.caselist li .img{ width:100%; overflow:hidden;}
.caselist li .img img{ width:100%;-moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
	
.caselist li .img img{width: auto; max-width:100%; max-height:200px; margin:0 auto; display:block}
	
.caselist li p{ text-align:center; font-size:14px; margin-top:5px; height:24px; line-height:24px; overflow:hidden;}	
.caselist li a:hover img{-moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);}
.caselist li a:hover p{ color:#183883;}

/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .text li{ font-size:14px; line-height:28px;}
.preNext .text li a:hover{ color:#183883;}
/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333; margin-top:20px;}
.page_info span{padding:0 2px;font-weight:bold;}

.page_list {
	clear: both;
	margin: 20px;
	overflow: hidden;
	margin-left: 0px;
	text-align: center;
	font-size:12px
}
.page_list ul li {
	display:inline-block;
	border: 1px solid #ccc;
	padding: 4px 12px;
	margin: 0 1px;
	line-height:24px;
	background: #fff;
	color:#999
}
.page_list ul li:hover {
	background:#00c0ff;
	color:#fff;
	border: 1px solid #00c0ff
}
.page_list ul li:hover a {
	color:#fff;
}
.page_list ul li.thisclass {
	display: inline-block;
	border: 1px solid #183883;
	padding: 4px 12px;
	margin: 0 1px;
	background: #183883;
	color: #fff;
}
.page_list ul li.thisclass a {
	color: #fff;
}
.page_list ul li a {
	display:block;
	color:#999
}
.page_list ul li a:hover {
	color: #fff;
}

.content h1.title{ text-align:center; font-size:24px; font-weight:normal; color:#333; margin-bottom:6px; line-height:30px;}
.content .info{ text-align:center; font-size:14px; color:#999;}
#textarea{ width:100%; overflow:hidden; margin-top:20px; font-size:14px; line-height:26px; color:#666;}
#textarea img{ max-width:100%;}

.news_list2{ width:100%; overflow:hidden;}
.news_list2 li{ height:40px; line-height:40px; border-bottom:1px dashed #ddd;}
.news_list2 li span.title{ font-size:14px; display:inline-block; width:70%; height:40px; line-height:40px; overflow:hidden;}
.news_list2 li span.time{ float:right; font-size:13px; color:#666;}
.news_list2 li span.title a:hover{ color:#183883;}
.news_list2 .desc{ display:none}



.head{background:#183883;height:46px;width:100%;position: fixed;color:#333;z-index: 9999; display:none; top:0;}
.head .webname{ font-size:18px; color:#fff; line-height:46px; text-align:center; font-weight:bold}
.head .home{  position:absolute;left:2%; top:11px;/* padding:3px 8px 3px 3px;*/ display:block; width:25px; height:25px;background:url("../images/home.png") no-repeat center center; background-size:100%;}
.head .catebar{position:absolute;right:2%; top:11px; /*width:30px; height:17px; line-height:17px;*/ font-size:14px;/* padding:3px 8px 3px 28px;*/background:url(../images/list-icons.png) 0 center no-repeat; width:20px; height:20px; background-size:20px;}
.head .navt{
	background:#444444;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.head .navt li a{ border-bottom:1px solid #333333; color:#fff; height:35px; line-height:35px; display:block; width:100%; font-size:14px;}
.head .navt li ul{ display:none;}
.fuwu .tit h2{ color:#fff;}
.nav-left{ display:none; width:100%; overflow:hidden; margin-top:15px; margin-bottom:10px;}
.nav-left ul{ overflow:hidden;}
.nav-left ul li{ padding:2px 5px; font-size:14px; background-color:#f1f1f1; float:left; margin:2px;}
.came{ display:none;}

@media screen and (max-width: 1200px) {
	.nav li a{ padding:0px 31px;}
	.main{ max-width:1000px;}
	.header .logo{ font-size:24px;}
	.header .top{ width:280px; margin-left:30px;}
	.header .tel b{ font-size:24px;}
	.ab02{ width:660px;}
	.caset .list{ width:200px;}
	.caset .list li{ height:50px; line-height:50px;}
	.caset .list li.cur{ height:80px; line-height:80px;}
	.caset #listCon{ width:770px;}
	.new{ width:685px;}
	.new .list .lleft{ width:282px;}
	.new .list ul{ width:383px; margin-left:20px;}
	.wenti{ width:285px;}
	.wenti ul li p{ font-size:13px; line-height:22px;}
	.foot .foot1 ul{ width:480px;}
	.foot .foot1 ul dl{ width:120px;}
	.foot .foot1 .f-right .dd p.t{ font-size:32px;}
	.cont-right{ width:750px;}
	}
@media screen and (max-width: 1000px) {
.headt{ display:none;}
.head {
    display: block;
}
.min{ margin-top:30px;}
.main{ width:96%;}
.min .tit{ margin-bottom:20px;}
.min .tit h2{ font-size:24px; margin-bottom:3px;}
.min12{ margin-bottom:20px;}
.min12 a{ font-size:14px;}
.ab{ padding:30px 0; }
.ab02{ width:65%;}
.zizhi{ width:30%;}
.fuwu01 ul li{ width:31.33%;}
.fuwu01 ul li.lit7, .fuwu01 ul li.lit8{ display:none;}
.fuwu{ padding:30px 0 20px;}
.caset .list{ width:100%;}
.caset #listCon{ width:100%;}
.new .list{ width:100%;}
.new{ width:100%;}
.new .list .lleft{ width:40%;}
.new .list ul{ width:56%; margin-left:4%;}
.wenti{ width:100%; margin-top:20px;}
.news{ margin-bottom:20px;}
.foot .foot1 ul{ width:50%;}
.foot .foot1 .f-right{ width:50%;}
.foot .foot1 .f-right img{ width:100px;}
.foot .foot2{ width:96%;}
.slid01{ margin-top:46px;}
.cont-left{ display:none;}
.cont-right{ width:100%; float:none; margin:0 auto;}
.cont{ margin-top:10px; margin-bottom:25px;}
.nav-left{ display:block;}
.subBanner{ height:250px;}
}
@media screen and (max-width: 780px){
	.prot .list ul li{ width:49%;}
	.prot .list ul li.lit2, .prot .list ul li.lit4, .prot .list ul li.lit6{ margin-right:0;}
	.prot .list ul li.lit3, .prot .list ul li.lit5{ margin-right:2%;}
	.ab02{ width:100%;}
	.zizhi{ display:none;}
	.fuwu{ background-size:cover;}
	.fuwu01 ul li{ width:48%;}
	.foot .foot1 ul{ display:none;}
	.foot .foot1 .f-right{ width:100%;}
	.foot .foot1 .f-right img{ margin-right:20px;}
	.foot .foot1 .f-right .dd{ float:none; width:auto;}
	.new .list ul li a{ display:inline-block; width:70%; height:40px; line-height:40px; overflow:hidden;}
	.callbacks_nav{background: url(../images/left.png) center center no-repeat rgba(0,0,0,0.1); width:40px; height:40px; background-size:40px; margin-top:-20px;}
.callbacks_nav.next{background: url(../images/right.png) center center no-repeat rgba(0,0,0,0.1); background-size:40px;}
.callbacks_nav:hover{ background: url(../images/left.png) center center no-repeat rgba(0,0,0,0.3); background-size:40px;}
.callbacks_nav.next:hover {
    background: url(../images/right.png) center center no-repeat rgba(0,0,0,0.3); background-size:40px;
}
.came{ display:block;}
	}

@media screen and (max-width: 640px){
	.new .list .lleft{ width:100%; margin-bottom:20px;}
	.new .list ul{ width:100%; margin-left:0;}
	.min .tit h2{ font-size:20px; line-height:26px; margin-bottom:0;}
	.min .tit p{ font-size:12px;}
	.min12 a{ padding:3px 10px; margin:0 1px;}
	.prot .list ul li .img .back{ height:30px;}
	.prot .list ul li p{ height:30px; line-height:30px; font-size:14px;}
	.ab02 .infom{ font-size:13px; line-height:24px;}
	.fuwu01 ul li p{ height:35px; line-height:35px;}
	.cont-right .subtitle{ height:40px; line-height:40px;}
	.cont-right .content{ margin-top:15px; font-size:13px; line-height:24px;}
	.news_list2 li span.title{ font-size:13px;}
	.news_list2 li span.time{ font-size:12px;}
	.subBanner{ height:210px;}
	.caselist li{ width:48%;}
	}

@media screen and (max-width: 500px){
	.foot .foot2{ margin:10px auto 0;}
	.foot .foot2 span{ width:100%; font-size:12px;}
	.foot{ padding:25px 0 10px;}
	.footer{ padding:10px 0;}
	.foot .foot1 .f-right img{ width:80px;}
	.foot .foot1 .f-right .dd { width:100%}
	.foot .foot1 .f-right .dd p.t{ font-size:26px; line-height:30px; width:100%}
	.min12 a{ padding:3px 6px;}
	.new .list .lleft{ margin-bottom:0;}
	.new .list .lleft .info p{ font-size:12px; line-height:20px;}
	.wenti ul li p{ margin-top:5px; font-size:12px; line-height:20px; display:block}
	.wenti ul li{ margin-bottom:10px;}
	.wenti ul li a{ font-size:14px;}
	.new .list ul li span{ font-size:12px;}
	.new .list .lleft .info h2{ font-size:14px;}
	.footer p{ font-size:12px; line-height:20px;}
	}

@media screen and (max-width: 350px){
	.min12 a{ padding:3px 4px;}
	.foot .foot1 .f-right .dd p.t{ font-size:24px;}
	}
	
	
	
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.contxt{ border-top:1px solid #d8d8d8; border-bottom:10px solid #014d9d; background:#fff; font-family:"Microsoft YaHei"; margin-bottom:25px;}
.contxt1{ text-align:center; padding:25px 0; background:url(http://www.hongbai888.com/images/line.jpg) center bottom no-repeat; margin-bottom:10px;}
.contxt1 p{ color:#383c83; font-size:22px; padding-top:5px;}

.contxt dd h2{ background:url(http://www.hongbai888.com/images/bg2.jpg) 0px center no-repeat; line-height:28px; font-size:20px; color:#010202; margin:15px 0 25px 0;}
.contxt dd h2 span{ font-size:17px; color:#e22118; display:inline-block; width:32px; text-align:center; height:27px; margin-right:12px;}
.contxt dd h2 em{ font-size:18px; color:#ccd3cc; text-transform:uppercase; padding-left:20px;}
.contxt dd p{ background:url(http://www.hongbai888.com/images/point6.jpg) 0px -4px no-repeat; padding-left:25px; line-height:24px; font-size:14px; padding-bottom:12px;}




/*link*/
.link{ font-family:"Microsoft YaHei"; border:1px solid #dedede; width:1200px; margin:15px auto 0 auto;  background:url(http://www.hongbai888.com/images/lkbg.jpg) #fff left top repeat-x;}
.link h6{ height:33px; line-height:33px; padding-left:18px; color:#999;}
.link h6 em{ font-size:16px; color:#999; text-transform:uppercase; padding-right:20px;}
.link p{ padding:15px 13px; line-height:24px;}
.link p a{ margin-right:25px; color:#999; font-size:13px;}






.jaBox .intro{ padding:; padding-bottom:10px}
.jaBox .intro h1{ font-size:18px; font-weight:700;}
.jaBox .intro span{ color:#999; line-height:2em;}


.page{ padding:19px 0; text-align:right;}
.page a{ padding:2px 7px; border:1px solid #dddad5; background:#dddad5; font-size:12px; margin-right:5px;  margin-bottom:10px; display:inline-block;}
.page a.a1{ background:#ededeb; color:#31302c;}
.page a:hover{ background:#ededeb; color:#31302c;}
.page select{ margin-right:5px; height:22px;}
.page span{ padding:2px 7px; border:1px solid #dddad5; background:#dddad5; font-size:12px; margin-right:5px; margin-bottom:10px; display:inline-block;}



.prodt{ background-color:#fff; width:100%;}
.proabt{ padding:10px 15px 20px 15px;}
.proabtlf{ border:1px solid #c2d5e4; width:312px; height:297px; padding:2px;}
.proabtlf img{max-height:297px; display:block; margin:0 auto;}
.proabtrt{ width:480px; padding-top:5px;}
.proabtrt h1{ font-size:22px; padding:8px 0; border-bottom:1px dotted #bbb; font-weight:700}
.proabtrt p{ font-size:14px; line-height:35px; padding-top:10px;}
.info-s{ position:relative; width:100%; height:auto; overflow:hidden; background:transparent; z-index:1;}
.info-s h1{ font-weight:700; font-size:18px}
.info-s ul{ width:auto; height:auto; overflow:hidden;}
.info-s ul li{ float:left;}
.info-s ul li a{ float:left; line-height:40px; padding:0 25px; border:1px solid #d5d5d5; border-left:0; font-size:15px; color:#000;}
.info-s ul li a:hover{ text-decoration:none;}
.info-s ul li a.active{ border-bottom-color:#fff;}
.info-c{ height:auto; overflow:hidden; padding:20px 20px 10px 20px; border-top:1px solid #d5d5d5; margin-top:-1px; line-height:30px;}
.info-c p{ padding-top:10px; font-size:14px;}


/*相关阅读*/
.reat{ width:100%; padding-top:1em;}
.reat .mr{ font-weight:700; font-size:1em; padding-bottom:.8em;}
.reat ul li{ padding:1em 0;border-bottom:1px  dotted #CCCCCC; display:block;}
.reat ul li a{ font-weight:700; float:left;font-size:1em; color: #333}
.reat ul li span.dic{ color:#999; display:block;font-size:.5em; padding-top:.5em;}
.reat ul li span.date{ color:#ccc; float:left; padding-left:1em;font-size:.5em;}

.goback { display:block; margin:20px 0; width:90px; height:26px; background:#FFF; border:solid 1px #eaeaea;; font-size:13px; line-height:26px; text-align:center; color:#333333; float:right }
.goback:hover { background:#e42e3d; color:#fff; }






.nav4{height:45px}
.nav4 ul{position:fixed;z-index:200;bottom:0;left:0;width:100%;background:#183883;}
.nav4 li{border:1px solid rgba(190,190,190,1);height:45px;border-bottom:0;border-right:0;position:relative;background:#183883;float:left;width:33.1%}
.nav4 li:nth-of-type(1){border-left:0}
.nav4 li>a{font-size:15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-bottom:0;display:block;line-height:45px;text-align:center;background:#183883;color:#fff;}
.nav4 li>a:only-child span{background:0 0;padding-left:0}
.nav4 li>a.on+dl{display:block}
.nav4 li>a span{color:#fff;display:inline-block;padding-left:15px;-webkit-background-size:9px auto;}

@font-face{font-family:iconfont;src:url(/style/font/iconfont6d71.eot?t=1502938831891);src:url(/style/font/iconfont6d71.eot?t=1502938831891#iefix) format('embedded-opentype'),
	
	url(/style/font/iconfont6d71.ttf?t=1502938831891) format('truetype'),
	url(/style/font/iconfont6d71.svg?t=1502938831891#iconfont) format('svg')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.visible-xs-block { display:none !important }


@media screen and (max-width: 780px){
	#youShi{ display:none}
	.link{ display:none}
	#top{ display:none}
	.subBanner{  background-position:-650px 20px;}
	.caselist li .img{ height:200px;}
	.proabtrt{ width:100%; padding-top:15px; }
	.slider{ width:100%;}
	.visible-xs-block {
	display:block !important
	}
	
}