@charset "utf-8";


/*top*/
.top{
	width: 100%;
	height: 90px;
}
.top_b{
	width: 1200px;
	height: 90px;
	margin: 0 auto;
	overflow: hidden;
}
.top_b .logo{
	float: left;
}
.top_b .tel{
	float: right;
}
.nav{
	width: 100%;
	height:44px;
	font-size:15px;
	background-color: #005eb8;
}
.navBar{
	width: 1200px;
	height: 44px;
	margin: 0 auto;
}
.mainnav {
	float: left;

}
.mainnav li {
	width: 120px;
	height: 44px;
	float: left;
	position: relative;
}

.mainnav li a {
	display: block;
	width: 120px;
	line-height: 44px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.mainnav li a:hover {
	background-color: #f57e20;
	text-decoration: none;
	line-height: 44px;
}

.mainnav li ul {
	background-color: rgba( 0, 0, 0 ,0.6);
	overflow: hidden;
	z-index: 9999;
	display: none;
	position: absolute;
	width: 130px;
}

.mainnav li ul li {
	width: 130px;
	height: 36px;
	float: left;
}
.mainnav li ul li a:hover {
	background-color: rgba( 255, 255, 255 ,0.6);
	color: #333;
	overflow: hidden;
	line-height: 36px;
}

.mainnav li ul li>a {
	color: #fff;
	width: 130px;
	line-height: 36px;
}

.mainnav li:hover ul {
	display: block;
}
.clear {
	clear: both;
}
.active{
	background-color: #f57e20;
}
/*banner*/
.banner {
	position:relative;
	width:100%;
	margin:0;
	background:#FFF;
	overflow:hidden;
}

.banner .mc {
	position:relative;
	left:50%;
	width:1920px;
	height: 500px;
	margin-left:-960px;
	text-align:center;
}

.banner .mc li {
	height:500px;
	vertical-align:top;
}

.banner .mt {
	position:absolute;
	bottom:25px;
	width:100%;
	z-index:1;
	text-align:center;
}

.banner .mt ul {
	width:960px;
	height:18px;
	margin:0 auto;
}

.banner .mt ul li {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:14px;
	height:14px;
	margin:0 3px;
	border-radius:100%;
	border:2px solid #fff;
	line-height:999px;
	vertical-align:top;
	overflow:hidden;
	cursor:pointer;
}

.banner .mt ul .on {
	background:#333;
}

.banner a.prev,.banner a.next{
	display:block;
	width:36px;
	height:163px;
	position:absolute;
	top:50%;
	margin-top:-29px;
	z-index:1;
	display:none;
}

.banner a.prev{
	left:0;
	background:url(../images/foot_l.png) no-repeat;
}

.banner a.next{
	right:0;
	background:url(../images/foot_r.png) no-repeat;
}
/*w2018*/
.w2018{
	width: 100%;
	overflow: hidden;
}
/*about*/
.about{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}
.about_left{
	width: 580px;
	height: 350px;
	float: left;
}
.about_left img{
	width: 100%;
	height: 100%;
}
.about_right{
	width: 570px;
	float: right;
}
.about_right h1{
	font-size: 30px;
	font-family: Arial;
	text-transform:uppercase;
	color: #ccc;
}
.about_right span{
	font-size: 30px;
	line-height: 2;
	color: #005eb8;
	border-bottom: solid 2px #666;
}
.about_right .about_text{
	font-size: 14px;
	line-height: 1.8;
	color: #333;
	margin-top: 20px;
}
.about_right a{
	width: 118px;
	height: 34px;
	border: solid 1px #333;
	display: block;
	text-align: center;
	line-height: 34px;
	margin-top: 20px;
}
.about_right a:hover{
	border: solid 1px #005eb8;
	color: #005eb8;
}
.w1{
	width: 100%;
	height: 180px;
	background: url("../images/w1.jpg") no-repeat center;

}
/*product*/
.product_b{
	width: 100%;
	padding: 50px 0;
}
.indexTit{
	height: 80px;
	width: 1200px;
	margin: 0 auto;
}
.indexTit h2{
	width: 240px;
	margin: 0 auto;
	font-size: 25px;
	text-align: center;
	color: #000;
	font-weight: bold;
}
.indexTit p{
	font-size:20px;
	color:#1c2a3d;
	text-align:center;
	text-transform:uppercase;
	line-height: 45px;
}
.indexTit .line{
	width: 8%;
	height: 2px;
	background-color: #1b2a3d;
	margin: 0 auto;
	display: block;
}
.indexTit .left,
.indexTit .right{
	width: 404px;
	height: 11px;
	top: 46px;
	background: url(../images/indextitbg.png) no-repeat right 0;
}
.indexTit .left{
	left: 0;
}
.indexTit .right{
	right: 0;
	background-position: left -14px;
}
.por{
	position: relative;
}
.poa{
	position: absolute;
}

.product_list{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 40px;
}
.product_list li{
	/* float: left; */
	/* width: 120px; */
	height: 36px;
	margin: 0 5px;
	text-align: center;
	cursor: pointer;
	display: inline-flex;
}
.product_list li a{
	background: #4c4c4c;
	font-size: 16px;
	line-height: 36px;
	display: block;
	color: #fff;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	padding: 0 28px;
}
.product_list li:hover a{
	background: #005eb8;
}

.product{
	width: 1200px;
	height: 540px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 50px;
}
.product_b1{
	overflow: hidden;
}
.product_b1 ul {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.product_b1 ul li {
	display: block;
	float: left;
	width: 285px;
	height: 260px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
.product_b1 ul li:nth-child(4n){
	margin-right: 0;
}
.product_b1 ul li a {
	display: block;
	width: 285px;
	height: 260px;
}

.product_b1 ul li a span.txt {
	display: block;
	width: 285px;
	height: 40px;
	background-color: #005eb8;
	text-align: center;
	line-height: 40px;
	color: #fff;
}

.product_b1 ul li a .thumb {
	width: 285px;
	height: 220px;
	overflow: hidden;
}

.product_b1 ul li a .thumb img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}

.product_b1 ul li a:hover span.txt {
	background: rgba(0, 0, 0, 0.6)
}

.product_b1 ul li a:hover .thumb img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
/*youshi*/
.ys{
	width: 100%;
	height: 340px;
	background: url("../images/youshi.jpg") no-repeat center;
}
.ys_h{
	text-align:center;
	margin-top:50px;
}
.ys_h span{
	color:#ffa302;
	display: inline-block;
}
.ys_h .about_h1{
	font-size:30px;
	color: #005eb8;
	font-weight: bold;
}
.ys_h .about_h2{
	color:#999;
	line-height: 2;
}

.ys_con {
	width:1200px;
	margin:50px auto;
}
.ys_con .list{
	width:231px;
	float:left;
	text-align:center;
	margin-right:65px;
}
.ys_con .list span{
	text-align:center;
	font-size:16px;
	line-height:40px;
	margin-top:20px;
}
.ys_con .list p{
	text-align:center;
	line-height:26px;
}
/*news*/

.newbox{
	padding:50px 0 0;
	background:#eee;
}
.news_b{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.news,.faq{height:360px;background: #f4f4f4;padding: 8px 22px 6px;overflow: hidden;box-shadow:2px 2px 2px #9f9e9e;float: left}



.news{width:820px;}
.more02{
	float: right;
}



.newtil,.faq h2{border-bottom: solid 1px #898989;height: 47px;line-height: 47px;font-size: 18px;overflow: hidden;}



.newtil li{float: left;font-weight: bold;}



.newtil li a{color: #000;background:url(../images/ico04.gif) no-repeat 0 14px;padding:0 9px 0 14px;line-height: 47px;display: inline-block;}



.newtil li.cur a,.newtil li a:hover,.faq h2{background:url(../images/ico03.gif) no-repeat 0 14px;color: #0058c4;text-decoration: none;padding-left: 14px;}


.faq h2 a{color: #0058c4;}



.new_c dl{height:180px;overflow:hidden;line-height:21px;border-bottom: dotted 1px #bbb;overflow: hidden;padding: 14px 0 0;margin: 0 0 10px;}



.new_c dt{width:286px;float: left;}



.new_c dt img{ width:261px; height:160px;border: solid 1px #343131;}



.new_c dd{width:530px;float: left;}



.new_c dd h3{font-size:14px;height:60px;line-height:60px;color: #000;}



.new_c dd a{color: #005eb8;}



.new_c dd p{height:71px;overflow: hidden;}



.new_c li{height:24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #666;background:url(../images/ico08.jpg) no-repeat 0 8px;padding: 0 0 0 9px;width: 340px;float: left; line-height:20px;}


.faq{width: 278px;margin-left: 9px;}



.faq_c p{padding: 9px 0 0;height: 103px;overflow: hidden;}



.faq_c p img{width:278px;height: 103px;}



.faq_c dl{height:30px;line-height:30px;color: #333;border-bottom: dotted 1px #bbb;  }



.faq_c dt{

	height:26px;

	line-height: 26px;

}

#quertions2{
	margin-top: 20px;
}

.faq_c dd{background:url(../images/wd_d.gif) no-repeat 4px 6px;padding: 0 0 0 25px;}



.faq_c dt a{color: #000;}



.link{padding:18px 0 0;line-height:27px;height:88px;overflow: hidden;color: #333;font-family:"Microsoft YaHei";}



.link h3{height:42px;font-size:16px;padding: 0 36px;ont-size: 16px;}



.link h3 a{color: #333;}



.link h3 span{font-weight: normal;float: right;font-size: 12px;}



.link p a{padding: 0 4px 0 36px;color: #333;}

/*底部开始*/

.foot{
	height:200px;
	background:#2b2f38;
}
.foot_box{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.foot .m_fnav{
	height:45px;
	line-height:45px;
	color:#fff;
	border-bottom: 1px solid #373b44;
	text-align:center;
}

.foot .m_fnav a{
	color:#fff;
	padding:0 30px;
	font-size: 14px;
	display: inline-block;
}
.foot .f_cb{
	overflow: hidden;
}
.foot .f_cb .f_l{
	border-right: 1px solid #555;
	float: left;
	margin: 20px auto auto 30px;
	padding-right: 30px;
}
.bq{
	float: left;
	width: 700px;
	color: #fff;
	margin: 20px auto auto 50px;
	line-height: 36px;
}
.foot .f_cb .f_r{
	float: right;
	margin: 20px 30px auto 0px;
}

/*main*/
.main {
	width: 100%;
	padding: 50px 0;
	background-color: #fff;
	overflow: hidden;
}

.main .container {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}
.main .main_left{
	float: left;
	width: 240px;
}
.main .main_left .imenu{box-shadow: 2px 2px 2px #9f9e9e; border-radius:4px;overflow: hidden;}
.main .main_left .imenutit{border-top-left-radius:4px; background-color:#193e90; line-height:52px;border-top-right-radius:4px; height:52px; font-weight:bold; color:#fff; text-indent:20px; font-size:18px;}
.main .main_left .imenucon {padding:10px 12px;background-color: #f4f4f4}
.main .main_left .imenucon dt{ border-bottom:1px dashed #999; padding:5px 0;}
.main .main_left .imenucon dt a{display:block; color:#404040;padding:0 0 0 10px; background:url(../images/imenudta.jpg) no-repeat left center; height:30px; line-height:30px; overflow:hidden;}
.main .main_left .imenucon dt:hover a{color: #005eb8}
.main .main_left .icontact{margin-top: 30px;margin-bottom: 10px}
.main .main_left .icontactcon{ padding:15px 12px;font-size: 14px;line-height: 24px;background-color: #f4f4f4;}

/*right*/
.main .container .main_right {
	float: right
}

.main .container .main_right .content,.main_right .heading {
	width: 920px
}

.main .container .main_right .heading {
	height: 59px;
	border-bottom: 1px solid #ccc;
	line-height: 60px;
	color: #005eb8;
	font-size: 15px;
}

.main .container .main_right .heading span {
	display: inline-block;
	color: #000;
}

.main .container .main_right .heading a {
	color: #5f5f5f;
	font-size: 15px;

}

.main .container .main_right .content {
	font-size: 14px;
	line-height: 24px;
	margin-top: 30px;
	color: #333
}

#cpzs2 {
	width: 920px;
	padding-top: 30px;
	overflow: hidden;
}

#cpzs2 ul {
	overflow: hidden
}
#cpzs2 li{
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
#cpzs2 li:nth-child(3n){
	margin-right: 0;
}
#cpzs2 li div{
	width: 298px;
	height: 223px;
	border: solid 1px #808080;
	overflow: hidden;

}
#cpzs2 li div img{
	width: 100%;
	height: 100%;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;

}
#cpzs2 li span{
	width: 300px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	background-color: #808080;
	color: #fff;
	text-align: center;
}
#cpzs2 li:hover span{
	background-color: #005eb8;
}
#cpzs2 li div img:hover{
	-webkit-transform: scale(1.05, 1.05);

}
#cpzs2 li:hover div{
	border: solid 1px #005eb8;
}


.main .page {
	margin-top: 30px;
}

.main .page a {
	display: inline-block;
	margin: 0 5px;
	width: 40px;
	height: 28px;
	text-align: center;
	font-size: 12px;
	line-height: 28px;
	color: #3a3a3a;
	background-color: #d9d9d9;
}
.main .page .current{
	display: inline-block;
	margin: 0 5px;
	width: 40px;
	height: 28px;
	text-align: center;
	font-size: 12px;
	line-height: 28px;
	background-color: #005eb8;
	color: #fff;
}
.article {
	margin-top: 30px;
	width: 920px;
	color: #333;
}

.article h1 {
	text-align: center;
	font-size: 24px;
	line-height: 2;
	border-bottom: dashed 1px #ccc;
}
.article .title{
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	width: 120px;
	height: 30px;
	background-color: #333;
	text-align: center
}
.subtitle {
	text-align: center;
	font-size: 14px;
	line-height: 2;
	color: #999;
	border-bottom: dashed 1px #ccc;
}

.subtitle span {
	margin-right: 10px;
	display: inline-block;
}

.article .content1{
	margin-top: 20px;
	font-size: 14px;
	line-height: 28px;
	color: #333;
	display: block;
}

.article .content div {
	color: #333
}

.article .other-article {
	margin: 20px 0;
	color: #333;
	font-size: 14px;
	line-height: 2
}

.article .other-article span {
	display: block
}

.article .other-article span a:hover {
	text-decoration: underline
}

.article .back {
	display: block;
	margin: 0 auto;
	width: 138px;
	height: 35px;
	border-radius: 4px;
	background-color: #333;
	color: #fff;
	text-align: center;
	line-height: 35px
}

.article .prev-article {
	color: #333
}

.article .next-article {
	color: #333
}

.main_right .news2 {
	padding-top: 30px;
	width: 920px;
	overflow: hidden
}

.main_right .news2 ul li {
	border-bottom: 1px dashed #ccc;
	padding: 12px 0;
	overflow: hidden;

}

.main_right .news2 ul li a{
	float: left;
	color: #000;
	font-size: 16px;
}
.main_right .news2 ul li span{
	float: right;
	color: #666;
}
.main_right .news2 ul li:hover b{
	color: #333;
}

.xq_right{
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
}
.xq_right .xq_list{
	width: 858px;
	border: solid 1px #ccc;
	margin: 20px 0;
	height: 48px;
	padding: 0 20px;
}
.xq_right .xq_list span{
	float: left;
	display: inline-block;
	cursor: pointer;
    font-size: 18px;
    color: #232323;
    border-right: solid 1px #ebebeb;
    line-height: 20px;
    padding: 13px 40px;
}
.xq_right .xq_n{
	width: 920px;
	overflow: hidden
}
.xq_right .xq_n .xq_1{
	font-size: 16px;
	line-height: 32px;
	color: #333
}
.x{
	color: #005eb8;
	border-bottom: solid 2px #005eb8;
}
.main9 .heading {
	width: 1200px
}

.main9 .heading {
	height: 59px;
	border-bottom: 1px solid #ccc;
	line-height: 60px;
	color: #005eb8;
	font-size: 15px;
}

.main9 .heading span {
	display: inline-block;
	color: #000;
}

.main9 .heading a {
	color: #5f5f5f;
	font-size: 15px;

}
.main9{
	width:1200px;
	margin: 0 auto;
	overflow: hidden;
}
.main9 .expert_box{
	width: 1200px;
	margin-top:50px;
	overflow: hidden
}
.main9 .expert{
	float: left;
	width:590px;
	height: 260px;
	display:inline-block;
	margin-bottom:20px;
	background:#dce8f6;
	margin-right: 20px;
}
.main9 .expert:nth-child(2n){
	margin-right: 0;
}
.main9 .expert .left{
	width:260px;
	height:240px;
	display:inline-block;
}
.main9 .expert a{
	width:220px;
	height: 220px;
	overflow: hidden;
	margin:20px auto;
	display: block;
}
.main9 .expert a img{
	width:220px;
	height: 220px;
	overflow: hidden;
	display:block;
	-webkit-transition: all 0.5s;

}
.main9 .expert a:hover img{
	transform: scale(1.2, 1.2)
}
.main9 .expert .right{
	padding:20px 20px 20px 0;
	display:inline-block;
	width:310px;
	float:right;
	position:relative;
}
.main9 .expert .right .expert_name{
	color:#005eb8;
	font-size:20px;
	display: inline-block
}
.main9 .expert .right .expert_job{
	float:right;
	font-size:15px;
	padding-top:5px;
	display: inline-block
}
.main9 .expert .right .expert_content{
	color:#060606;
	text-align:justify;
	font-size:13px;
	line-height:24px;
	border-top:1.5px solid #005eb8;
	margin-top:14px;
	padding-top:16px;
}
.main9 .expert .right .expert_content a{
	color:#005eb8;
}
.main9 .expert .right .expert_appointment1{
	display:block;
	width:100px;
	height: 28px;
	color:#fff;
	background:#2C3B38;
	text-align:center;
	font-size:13px;
	line-height: 28px;
	cursor:pointer;
	position:absolute;
	top:192px;
}
.main9 .expert .right .expert_appointment1:hover{
	background:#005eb8;
}
.main9 .expert .right .expert_appointment2{
	display:block;
	width:100px;
	height: 28px;
	font-size:13px;
	line-height: 28px;
	color:#fff;
	background:#d8efff;
	text-align:center;
	cursor:pointer;
	position:absolute;
	top:200px;
	left:140px;
}
.main9 .expert .right .expert_appointment2:hover{
	background:#d8efff;
}
.main9 .expert .right a{
	text-decoration:none;
}