@charset "utf-8";
/* 头部 */
/*
.header {
	width: 100%;
	height: 123px;
	background: url(../images/head_bg.png) no-repeat center;
}
*/
.header{
    width:100%;
	height:123px;
	background:url(../images/top_bg.jpg) repeat-x; 
	}
.head_tle {
	text-align: center;
	line-height: 123px;
	margin-top: 10px;
	    margin-left: 402px;
}
.head_logo img {
	margin-top: 10px;
}
.head_logo div{
width: 443px; margin-top: 32px;
}
.head_logo div .logo_p1{ font-size:26px; color:#08a0fa; font-weight:bold; margin-bottom:10px;}
.head_logo div .logo_p2{font-size:20px; color:#000; font-weight:100; margin-bottom:10px;}
.set {
	font-size: 14px;
	margin-right: 20px;
	background: url(../images/set.png) no-repeat left center;
	padding-left: 25px;
}
.join {
	font-size: 14px;
	background: url(../images/injon.png) no-repeat left center;
	padding-left: 25px;
}

.phone {
    width: 182px;
	margin-top: 30px;
	background: url(../images/phone.png) no-repeat left center;
	padding-left: 57px;
	height: 80px;
}
.phone p {
	padding-top: 39px;
	font-size: 20px;
	color: #01a0eb;
	font-weight: bold;
}
.wx_h{ margin-top: 5px;}
/*头部栏目*/
.navbox {
	height: 45px;
	position: relative;
	z-index: 9;
	margin: auto;
	background: #08a0fa;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	font-family: '微软雅黑';
	border-bottom: 8px solid #058dde;
}
.nav {
	margin: 0 auto;
	height: 40px;
	list-style: none;
}
.nav li {
	float: left;
	height: 45px;
	position: relative;
	list-style: none;
	width: 120px;
}
.nav li.last {
	background: none;
}
.nav li a {
	text-decoration: none;
}
.nav li a span {
	float: left;
	display: block;
	line-height: 45px;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	width: 133px;
	text-align: center;
	font-weight: bold;
	background: url(../images/navline.png) right center no-repeat;
}
.mj_hover_menu {
	text-decoration: none;
	width: 133px;
	height: 45px;
}
.nav li.selected .submenu {
	display: block;
}
.nav li .submenu {
	display: none;
	position: absolute;
	top: 54px;
	left: -9px;
	
}
.nav li .submenu li {
	float: none;
	padding: 0;
	background: none;
	height: auto;
	border-bottom: dotted 0px #BEBEBE;
}
.mj_menu_li_txt {
	line-height: 30px !important;
	font-size: 14px;
	float:left;
	width:100px;
	overflow:hidden;
}
.mj_menu_li_txt a {
	color: #696969;
	text-decoration: none;
}
.mj_menu_li_txt a:hover {
	color: #08a0fa !important;
	text-decoration: underline !important; 
}
.mj_menu_news_bg {
	width: 420px;
	height: 185px;
	background: url(../images/menu_news_bg.png) no-repeat;
}
.mj_menu_news_main {
	width: 420px;
	margin: auto;
	padding-top: 12px;
}
.mj_menu_news_li {
	padding: 0px 15px;
	margin-right: 10px;
	height: 150px;
	float: left;
	    width: 78px;
}
.mj_menu_news_img {
	float: left;
	text-align: left;
	color: #bb1721;
	line-height: 40px;
	font-size: 14px;
}
.mj_menu_news_li2 {
	padding: 0px 30px;
	height: 150px;
	float: right;
}
.mj_menu_news_img2 {
	float: left;
	margin-left: 30px;
	text-align: left;
	color: #bb1721;
	line-height: 30px;
	font-size: 14px;
}
.mj_menu_news_li3 {
	padding: 0px 25px;
	height: 150px;
	float: right;
}
.mj_menu_news_img3 {
	float: left;
	margin-left: 50px;
	text-align: left;
	color: #bb1721;
	line-height: 30px;
	font-size: 14px;
}

/*banner*/
.banner{width:100%; }
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/*关于我们*/
.main1_bg, .main3_bg {
	background: url(../images/about_bg.jpg) center;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.main1_about {
	overflow: hidden;
	margin-left: none !important;
	margin-top: 25px;
	position: none;
	margin-bottom: 30px;
}
.main1_title a {
	font-size: 24px;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}
.main1_title a:hover, .main1_p a:hover {
	color: #08a0fa;
	transition: 0.5s;
}
.main1_p {
   text-indent: 35px !important;
	height: 30px;
	font-size: 14px;
	line-height: 35px;
}
.main1_inco {
	margin-top: 184px;
}
.main1_inco li {
	float: left;
	width: 275px;
	margin-left: 20px;
	display: block;
	text-align: center;
}
.main1_inco li img {
	width: 121px;
	height: 121px;
}
.main1_inco li a {
	display: block;
}
.main1_inco li a p {
	text-align: center;
	font-size: 14px;
}
.main1_inco li img:hover {
	background: #fff;
	opacity: 0.8;
}
/*标题*/
.a_title {
	text-align: center;
	background: url(../images/A.png) no-repeat center;
	padding-left: 40px;
	overflow: hidden;
	clear: both;
	height: 80px;
	padding-top: 40px;
}
.p_title {
	text-align: center;
	background: url(../images/p_title.png) no-repeat center;
	padding-left: 40px;
	height: 51px;
}
.p_title h2, .a_title h2, .n_title h2 {
	font-size: 22px;
	margin-bottom: 0px;
}
.p_title h3, .a_title h3, .n_title h3 {
	font-size: 18px;
}
.n_title {
	text-align: center;
	background: url(../images/N.png) no-repeat center;
	padding-left: 40px;
	height: 80px;
	padding-top: 40px;
}

/*产品*/
.main2_bg {
	width: 100%;
	overflow: hidden;
	padding-top: 40px;
	background: #edeeee;
}
.yScrollList {
	width: 1200px;
	height: 263px;
	margin: 0px auto 0;
	text-align: center;
}
.yScrollListTitle {
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}
.yScrollListTitle h1 {
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
	font-size: 16px;
	width: 150px;
	height: 40px;
	line-height: 40px;
	margin: 0 10px;
	text-align: center;
	font-weight: bold;
}
.yScrollListTitle h1.ytitleh12 {
	left: -2px;
}
.yScrollListTitle h1.yth1click {
	height: 42px;
	background: #08a0fa;
	top: -5px;
	color: #fff;
	transition: 0.5s;
}

.pro_bg {
	background: url(../images/product_bg.jpg) center no-repeat;
	overflow: hidden;
	height: 300px;
}
.yScrollListIn {
	width: 100%;
	height: auto;
	position: relative;
}
.yScrollListInList {
	display: none;
	width: 1200px;
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 30px;
}
.yScrollListInList .yScrollListbtn {
	cursor: pointer;
	position: absolute;
	width: 44px;
	height: 84px;
	top: 96px;
	background: url(../images/btnys.png) no-repeat 0 0;
}
.yScrollListInList .yScrollListbtnr {
	background-position: -56px 0;
	right: -7px;
	padding-left: 10px;
}
.yScrollListInList .yScrollListbtnl {
	left: -1px;
}
.yScrollListInList ul {
	width: 2238px;
	height: 500px;
	position: absolute;
	top: 0;
	left: 30px;
	overflow: hidden;
}
.yScrollListInList ul li {
	height: 400px;
	float: left;
	width: 235px;
	margin-left: 24px;
	margin-right: 28px;
}
.yScrollListInList ul li img {
	width: 235px;
	height: 180px;
	display: block;
	margin-top: 12px;
}
.yScrollListInList ul li p {
	text-align: center;
	font-size: 12px;
	color: #666666;
	line-height: 36px;
	width: 235px;
	height: 36px;
	overflow: hidden;
	background: #fff;
}
.yScrollListInList ul li p:hover {
	color: #fff;
	background: #08a0fa;
}
.yScrollListInList ul li span {
	color: #e9630a;
	font-size: 12px;
	text-align: center;
	display: block;
	line-height: 24px;
}

/*优势*/
.main3_box {
}
.main4_adv {
	width: 300px;
	margin-bottom: 30px;
}
.main4_adv ul {
}
.main4_adv li {
	margin-top: 26px;
}
.main4_adv li .adv_box {
	padding-left: 75px;
	height: 68px;
	padding-top: 20px;
}
.adv_tltle1 {
	color: #08a0fa;
	font-size: 16px;
	font-weight: bold;
}
.adv_title2 {
	font-size: 13px;
	color: #08a0fa;
}
.adv_p {
	font-size: 14px;
}
.adv_in {
	border-bottom: #bebebe solid 1px;
	margin-top: 26px;
}

.main4_advimg {
	margin-left: 60px;
	margin-top: 80px;
	width: 410px;
	margin-right: 60px;
}
/*.main4_advimg img {
	width: 410px;
	height: 348px;
	
}
*/

.main4_ys .swiper-container {
        width: 410px;
        height: 348px;
    }
.main4_ys .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 410px;
        height: 348px;
}
.main4_ys .swiper-slide img{
	 width: 410px;
     height: 348px;
}
   
.main4_advimg img:hover {
	background: #08a0fa;
	opacity: 0.8;
}

.advimg_p {
	background: #060708;
	height: 116px;
	display: block;
	overflow: hidden;
}
.advimg_title {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.advimg_pp {
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding-bottom: 10px;
}
.advimg_p:hover {
	background: #08a0fa;
	transition: 0.5s;
}
.adv1 {
	background: url(../images/adv1.png) left center no-repeat;
}
.adv2 {
	background: url(../images/adv2.png) left center no-repeat;
}
.adv3 {
	background: url(../images/adv3.png) left center no-repeat;
}
.adv4 {
	background: url(../images/adv4.png) left center no-repeat;
}
.adv5 {
	background: url(../images/adv5.png) left center no-repeat;
}
.adv6 {
	background: url(../images/adv6.png) left center no-repeat;
}


/*新闻*/
.main5_box {
}
.news {
	width: 340px;
	margin-left: 30px;
	margin-top: 35px;
	margin-bottom: 45px;
}
.news a.b {
	font-size: 16px;
	color: #707070;
	padding: 15px 0 10px;
}
.news p {
	line-height: 24px;
	color: #707070;
	padding-bottom: 15px;
}
.news .img {
	display: block;
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
}
.news .img img {
	width: 340px;
	height:270px;
	float: left;
}
.news .img .time {
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 81px;
	background: url("../images/time.png") no-repeat center top;
	font-size: 14px;
	line-height: 40px;
}
.news .img .time font {
	display: block;
	height: 41px;
	line-height: 41px;
	font-size: 24px;
}
.more {
	display: inline-block;
	width: 120px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background-color: #08a0fa;
	font-size: 14px;
	color: #fff;
}
.more:hover {
	background-color: #060708;
	transition: 0.5s;
}

/*底部*/
.foot_box {
	background: #272c2c;
	height: 175px;
	width: 100%;
	clear: both;
}
.foot {
	padding-top: 23px;
}
.foot p {
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height: 30px;
	height: 30px;
}
.foot p a {
	color: #fff;
}

.zy_banner {
	width: 100%;
	position: relative;
	height: 350px;
	overflow: hidden;
}
.zy_banner img {
	display: block;
	width: 1920px;
	height: 350px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}
/**/
.located {
	width: 100%;
	float: left;
	padding: 15px 0;
	background: #f4f5f8;
}
.located strong {
	color: #61656f;
	font-size: 13px;
	font-weight: normal;
}
.located p {
	margin-bottom: 0;
	color: #bebebe;
	font-size: 14px;
}
.located p a {
	display: inline-block;
	margin-left: 5px;
	color: #61656f;
	font-size: 13px;
}
.sy {
	background: url(../images/cur.png) center left no-repeat;
	padding-left: 30px;
}
.located p span {
	font-size: 16px;
	color: #272C2C;
}
.l_a {
	font-size: 18px !important;
	font-weight: bold !important;
	color: #20a9fa !important;
}
.l_i {
	font-size: 18px !important;
	color: #7ac7f4 !important;
}
.located p a:hover {
	color: #08a0fa;
}

.container {
	margin-top: 20px;
	overflow: hidden;
	background: #FFF;
}
.i_lft {
	width: 265px;
	margin-right: 30px;
}
.i_title {
	height: 65px;
	background: #20a9fa;
}
.i_title h3 {
	font-size: 26px;
	text-align: center;
	color: #fff;
	line-height: 65px;
	font-weight: bold;
}

.i_nav ul li {
	height: 55px;
	background: #f1f1f1;
	border-bottom: 1px solid #fff;
}
.i_nav ul li a {
	display: block;
	text-align: center;
	line-height: 55px;
	font-size: 14px;
	color: #1c4587;
}
.i_nav ul li:hover {
	background: #75c4f3;
	color: #fff;
}
.i_nav ul li a:hover {

	color: #fff;
}
.i_ph {
	height: 120px;
	background: #20a9fa;
}
.i_ph p {
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	display: block;
	padding-top: 20px;
	font-weight: bold;
}
.i_rx {
	font-size: 30px !important;
}

.i_right {
	width: 905px;
}
.r_sub {
	width: 130px;
	height: 55px;
	background: #f15923;
	margin-bottom: 15px;
}
.r_sub h4 {
	color: #fff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	line-height: 55px;
}
/*新闻*/
.i_new li {
	float: left;
	width: 260px;
	margin-right: 30px;
	overflow: hidden;
}
.i_new li img {
	width: 260px;
	height: 150px;
}
.i_newb a {
	font-size: 14px;
	font-weight: bold;
}
.i_newb a:hover {
	color: #20a9fa;
}
.i_newcont {
	height: 48px;
	overflow: hidden;
}
.i_newlist {
	margin-top: 20px
}
.i_newlist li {
	height: 30px;
	border-bottom: dashed #999 1px;
	margin-right: 60px;
}
.i_newlist li a {
	font-size: 14px;
}
.i_newlist li a span {
	float: right;
	font-size: 14px;
}
.i_newlist li a:hover {
	color: #20a9fa;
}

/*产品中心*/
.i_pro li {
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.i_pro li img {
	width: 280px;
	height: 200px;
}
.i_pro li img:hover {
	background: #20a9fa;
	opacity: 0.6;
	transition: 0.5s;
}

.i_pro li a p {
	width: 280px;
	display: block;
	font-size: 14px;
	text-align: center;
	background: #f1f1f1;
	height: 40px;
	line-height: 40px;
}
.i_pro li a p:hover {
	background: #20a9fa;
	color: #fff;
	transition: 0.5s;
}

/*联系方式*/
.i_contact {
	float: right;
	width: 430px;
}
/*fanye */
.fanye {
	text-align: center;
	margin: 30px auto;
}
.fanye {
	text-align: center;
	margin: 30px auto;
}
.page {
	display: inline-block;
	overflow: hidden;
}
.fanye ul li {
	width: 50px;
	height: 30px;
	line-height: 30px;
	float: left;
	border: 1px #dfdfdf solid;
	margin-right: 10px;
	margin-bottom: 15px;
}
.fanye ul li span {
	width: 50px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	color: #555 ï¼›
}
.fanye ul li a:hover {
	color: #20a9fa;
}
.fanye ul li span:hover {
	color: #20a9fa;
}

/*收缩菜单*/
.v {
	float: right;
	width: 14px;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	margin-top: -5px;
	margin-bottom: -5px;
}
.v01 {
	background-position: 0 0;
}
.v02 {
	background-position: 0 -16px;;
}
.navtitle {
	height: 55px;
	background: #A0A0A0;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}
.navtitle a {
	color: #fff !important;
	font-size: 14px;
}
.navtitle:hover {
	background: #75c4f3;
	color: #fff;
}
.nav_cur ,.on {
	background: #75c4f3 !important;;
	
}
.nav_cur a ,.on a {
	color:#fff !important;
	
}
.navtitle a {
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 55px;
	color: #1c4587;
}
.navtitle a:hover {
	color: #fff;
}
.vconlist {
	background: #f8f4f4;
}
.vconlist li a {
	height: 45px;
	line-height: 45px;
	padding-left: 25px;
	display: block;
	font-size: 14px;
	color: #866f67;
	border-bottom: 1px solid #fff;
}
.vconlist li a:hover {
	color: #20a9fa;
	font-size: 16px;
}

.right_title {
	border-bottom: 1px #dadada solid;
	height: 40px;
	line-height: 40px;
}
.right_title h4 {
	font-size: 16px;
	color: #20a9fa;
	font-weight: bold;
	text-align: center;
}

.right_cont {
	padding-top: 20px;
}
.right_end {
	border-bottom: 1px solid #dadada;
	margin-top: 20px;
	margin-bottom: 20px;
}
.related {
	font-size: 14px;
	background: #e4dc00;
	height: 40px;
	width: 120px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 25px;
}
/* marqueeleft */
.marqueeleft {
	width: 905px;
	overflow: hidden;
	margin: 0px auto;
}
.marqueeleft ul {
	float: left;
}
.marqueeleft li {
	float: left;
	margin: 0 5px;
	display: inline;
	width: 240px;
	height: 233px;
	overflow: hidden;
}
.marqueeleft li .pic {
	display: block;
	border: #ccc 1px solid;
	width: 230px;
	height: 180px;
	padding: 2px;
	overflow: hidden;
}
.marqueeleft li .pic:hover{
   border: #20a9fa 1px solid;
}
.marqueeleft li .pic img {
	width: 230px;
	height: 180px;
}
.marqueeleft li .txt {
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

.marqueeleft li .txt:hover{ color:#20a9fa;}

.fanye-list p {
	font-size: 14px;
	line-height: 30px;
}
.fanye-list p a:hover {
	color: #20a9fa;
}
.Sfenye {
	text-align: center;
	margin: 40px auto;
}
.Sfenye span, .Sfenye a {
	border: 1px solid #DFDFDF;
	padding: 5px 15px;
	margin: 0px 10px;
}
.Sfenye span, .Sfenye a:hover {
	background-color: #dfdfdf;
}
.foot_nav{ padding-top:20px; border-bottom:1px solid #fff; overflow:hidden; padding-bottom:10px; height: 20px; overflow: hidden; }
.foot_nav li{ float:left; width:132px;}
.foot_nav li a{ display:block; color:#fff; font-size:14px; text-align:center;}

.main-im{position:fixed;right:10px;top:400px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:68px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}




.pro_txt{ height:160px; background:#f6f6f6;overflow: hidden;
    padding: 0 20px;  margin-top: -10px;}
.protj{  margin-top: 10px;}
.pro_p1{ color:#296fb7;font-size:14px; margin-top:10px;}
.pro_p2{font-size: 12px;
    color: #999;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;	
	
	}
	.pro_p3{}
.pro_zx{ height:35px; width:87px; background:#296fb7;color: #fff; text-align:center; line-height:35px;}