@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}   
body { overflow:hidden; background:#fff; color:#555; font-size:14px; font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;  }   
td,th,caption { font-size:14px; }   
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }   
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}   
a { color:#555; text-decoration:none; }   
a:hover {}   
img { border:none; max-width:100%; display:block;}   
ol,ul,li { list-style:none; }   
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }   
table { border-collapse:collapse; }   
html {overflow-y: scroll;}   
.clear:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}   
.clear { *zoom:1; }  
.ri,.fr{ float:right;}
.le,.fl{ float:left;}
.rti{ position:relative;}
.clr{ clear:both;}

.trans,img,a,span,p {transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.table{ display:table; width:100%; height:100%;}
.table .tbc{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.imgs{ overflow:hidden; position:relative;}
.imgs img{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.imgs:hover img{ -webkit-transform: scale(1.4) rotate(-8deg);
    -ms-transform: scale(1.4) rotate(-8deg);
    transform: scale(1.4) rotate(-8deg);}
.one-line {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.two-line {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.three-line {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.w1400{ max-width:1400px; margin:0 auto;}
.w1200{ max-width:1200px; margin:0 auto;}


.header{ height:100px; background:#fff;}
.header .logo{ padding-top:15px;}
.header .nav{ text-align:right;}
.header .nav li{ display:inline-block; position:relative;}
.header .nav li a{ line-height:100px; height:100px; display:block; padding:0 30px; color:#333; font-size:16px;}
.header .nav li.on>a{ background:#00a0e9; color:#fff;}
.search{ position:absolute; right:0; width:20px; height:20px; top:40px; z-index:1; background:url(../images/search.png) no-repeat center; cursor:pointer;}
.header .nav li:hover> a{ color:#00a0e9}
.header .nav li.on:hover> a{ color:#fff;}
.header .nav li:hover .subnavs{ display:block;}

.subnavs{ position:absolute; z-index:2; display:none;top:100%; width:200px; margin-left:-100px; text-align:center; left:50%; background:rgba(255,255,255,.8);}
.header .nav li .subnavs a{ font-size:14px; padding:0; display:block; height:auto; line-height:35px; color:#333;}
.header .nav li .subnavs a:hover{ background:#00a0e9; color:#fff}

.wap{ display:none;}
.hei50{ height:50px; width:100%;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#00a0e9;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#00a0e9}
.sjj_nav ul li ul li>ul{margin-left:10px}

.banner{ overflow:hidden;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:64px; height:64px; background-size:64px; margin-top:-32px; right:40px;}
.banner .swiper-button-prev{ left:40px; background-image:url(../images/lebtn.png);}
.banner .swiper-button-next{ background-image:url(../images/ribtn.png);}

.banner .swiper-pagination-bullets .swiper-pagination-bullet{ width:14px; height:14px; background:#fff; opacity:1;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#00a0e9; border-radius:100px; width:26px;}


.banner .swiper-slide{ background-position: center center; background-size: cover; background-repeat: no-repeat;}



.title01{ text-align:center;}
.tit_ch{ color:#00a0e9; font-size:36px; padding-bottom:5px;}
.tit_en span{ display:inline-block; padding:0 35px; color:#999; font-size:14px; position:relative;}
.tit_en span::before{ width:30px; height:1px; background:#999999; position:absolute; content:""; display:block; top:50%; left:0;}
.tit_en span::after{ width:30px; height:1px; background:#999999; position:absolute; content:""; display:block; top:50%; right:0;}

.pro_index{ padding:55px 0; background-image:url(../images/probac.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}

.pro_index .iconwhite{ display:none;}

.pro_index ul{ padding-top:50px;}
.pro_index li{ width:32%; float:left; margin-right:2%; position:relative; margin-bottom:2%; text-align:center; height:270px; background:#eeeeee; box-shadow:0 0 10px #ccc; border-radius:5px; transition:all .3s;}
.pro_index li:nth-child(3n){ margin-right:0;}
.pro_index li i{ height:60px; width:auto; margin:20px auto; display:block;}
.pro_index li a.mores{ position:absolute; color:#00a0e9; right:10px; bottom:10px;font-size: 14px;
    color: #6a6a6a;}
.pro_index li i img{ display:block; margin:0 auto;}
.pro_index .chaname{ color:#00a0e9; font-size:24px;}
.pro_index .line{ width:30px; height:4px; background:#00a0e9; margin:15px auto;transition:all .3s;}
.pro_index .chaname2 a{ font-size:14px; color:#6a6a6a; margin-top:10px; display:block;}

.pro_index li:hover{ background:#00a0e9;}
.pro_index li:hover i.iconwhite{ display:block;}
.pro_index li:hover i.iconblue{ display:none;}
.pro_index li:hover .chaname a{ color:#fff;}
.pro_index li:hover .line{ background:#fff;}
.pro_index li:hover .chaname2 a{ color:#fff;}
.pro_index a.more{ width:140px; height:40px; display:block; margin: 40px auto 0; background:#00a0e9; color:#fff; font-size:18px; text-align:center; line-height:40px; border-radius:10px;}
.pro_index a.more:hover{ background:#0491d1;}

.pro_index li:hover a.mores{ color:#fff;}


.indexfangan{ margin-top:45px;}
.bktit{ height:60px; background:#00a0e9; padding:0 25px;}
.bktit a{ float:right; font-size:16px; color:#fff;line-height:60px;}
.bktit b{ color:#fff; font-size:30px; font-weight:normal; line-height:60px; display:inline-block;}
.bktit b em{ font-size:14px; padding-left:10px;}

.indexfangan ul{ margin-top:30px;}
.indexfangan li{ text-align:center; width:19.2%; float:left; margin-right:1%;}
.indexfangan li:nth-child(5){ margin-right:0;}
.indexfangan li .imgs{ margin-bottom:10px;}
.indexfangan li .txts{ height:40px; line-height:38px; position:relative; font-size:16px; color:#000;}
.indexfangan li .txts i{ height:2px; width:0; transition:all .3s; position:absolute; bottom:0; left:50%; }
.indexfangan li:hover .txts i{ width:100%; background:#00a0e9;margin-left:-50%;}
.indexfangan li:hover .txts { color:#00a0e9}

.news_index{ margin-top:4%;}
.new_le,.news_ri{ width:48%; height:420px;}
.new_le{ margin-right:40px; background:url(../images/newsbac.jpg) no-repeat center; background-size:cover;}
.news_ri{background:url(../images/yangpianbac.jpg) no-repeat center; background-size:cover;}
.indexnewli ul{ padding:30px 0;}
.indexnewli ul li{ height:50px; line-height:50px; padding-left:20px; transition:all .3s;}
.indexnewli ul li:hover{ background:#fff; border-left:3px solid #00a0e9; background:#fff;}

.indexnewli ul li span{ float:right; display:inline-block; padding:0 15px;font-size:16px;}
.indexnewli ul li a{ overflow: hidden;
    white-space: nowrap;
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; font-size:16px;}
.indexnewli ul li:hover span,.indexnewli ul li:hover a{ color:#00a0e9;}

.yewuyuan{  position:relative; padding-right:110px; background-position:right 20px; background-repeat:no-repeat;background-size: 120px; }
.yewuyuan b{ font-size:20px; color:#00a0e9; display:block; font-weight:normal; padding-bottom:10px;}
.yewuyuan p{ font-size:16px; color:#666666; line-height:2;}
.news_ri_box { padding:25px;height:360px;padding-top:35px; background:url(../images/yangpian.jpg) no-repeat left bottom;}

.index_bot{ margin-top:45px; padding:50px 0; background:url(../images/fotbac.jpg) no-repeat center; background-size:cover;}

.bot_t{ text-align:center;}
.bot_t b{font-size:36px; color:#00a0e9;}
.bot_t p{ display:block; max-width:850px; margin:40px auto; text-align:center; font-size:14px; color:#999; line-height:22px;}
.bot_t a.more{ width:140px; height:40px; display:block; margin: 40px auto 0; background:#00a0e9; color:#fff; font-size:14px; text-align:center; line-height:40px; border-radius:10px;}
.bot_t a.more:hover{ background:#0491d1;}

.fot_lists{ max-width:1600px; width:100%; margin:0 auto; margin-top:70px;}
.fot_lists li{ width:20%; float:left; text-align:center;}
.fot_lists li b span{ font-size:48px; color:#00a0e9;}
.fot_lists li b em{ font-size:14px; color:#666666; display:inline-block; padding-left:10px;}
.fot_lists li p{ font-size:16px; color:#666666;}


.footer2{ background:#00a0e9;}
.footer_nav2{ text-align:left; border-bottom:1px solid #80d0f4;}
.footer_nav2 .navs2 { width:calc(100% - 530px); margin-top:24px; padding-bottom:24px;}
.footer_nav2 .navs2 li{ display:inline-block; text-align:center; float:left; padding:0 10px;}
.footer_nav2 .navs2 li a{display:block; line-height:35px; font-size:14px; color:#fff; margin-left:15px;}
.footer_nav2 .logos2{ margin-top:24px;}
.subnavs2 a{ display:block;}



.footer_contact2{ text-align:center; padding:20px 0 0;}
.footer_contact2  p{ color:#fff; line-height:30px;color:#fff; font-size:16px;   }
.footer_contact2  p span{ padding:0 10px;color:#fff; font-size:16px;}
.footer_contact2  p b,.footer_contact2  p span{ display:inline-block;color:#fff; font-size:16px;}
.footer_nav2 .ewms{ float:left;    width: 100px;
    text-align: center;
    margin-top: 40px;}
.footer_nav2 .ewms img{ display:block; margin:0 auto; margin-bottom:10px;}
.footer_nav2 .ewms span{ display:block; color:#fff; font-size:12px;}

.fotmain{ margin-top:50px; max-width:440px; min-height:80px; }
.fotmain.youxiang{ margin:50px 140px 0;}
.fotmain p{ font-size:14px; color:#fff;background-position:left center; padding-left:60px; background-repeat:no-repeat;}
.fotmain p b{ display:block; font-size:14px; color:#fff; font-weight:normal; margin-bottom:10px;}
.fotmain.dizhi p{ background-image:url(../images/foticon01.png);padding-left:50px;}
.fotmain.youxiang p{ background-image:url(../images/foticon02.png);}
.fotmain.dianhua p{ background-image:url(../images/foticon03.png);}

.footer_copy{ height:40px; padding:10px 0; line-height:20px; text-align:center;}
.footer_copy p,.footer_copy a{ color:#fff; font-size:16px; display:inline-block; }
.footer_copy a{margin-left:25px;}

.searchs{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:10;}
.closeinput{ font-size:80px; position:absolute; right:100px; top:40px; color:#fff; cursor:pointer;}
.box-main{ width:600px; height:100px; position:absolute; left:50%; top:50%; margin-top:-50px; margin-left:-300px; padding-top:25px;}
.box-main input,.box-main button{ float:left; height:50px; font-size:20px;}
.box-main input{ width:500px; padding:0 20px;}
.box-main button{ width:100px; cursor:pointer; border:none;background:#0491d1; color:#fff;}
.box-main button:hover{ background:#016b9b;}


.sub_bann{ height:355px; background-position:center; width:100%; border-top:2px solid #00a0e9;    background-size: cover;}
.location {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #fff;
	position: relative;
	border-bottom: 1px solid #eee;
}
.location .sitepath {
	color: #363636;
}
.location .sitepath s {
	width: 22px;
	height: 20px;
	background-position: 0 0;
	margin-right: 6px;
}
.location .sitepath a {
	color: #363636;
}
.location .sitepath a:hover {
	color: #00a0e9;
}
.location .menu {
	height: 60px;
	line-height: 60px;
}
.location .menu span {
	width: 1px;
	height: 16px;
	margin: 0 16px 0 14px;
	background-position: -206px -36px;
}
.location .menu a {
	padding: 0;
	height: 60px;
	line-height: 60px;
	margin-left: 35px;
	text-align: center;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #363636;
	display: inline-block;
	position: relative;
}
.location .menu a i {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #00a0e9;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.location .menu a:hover i, .location .menu a.hover i {
	width: 100%;
	margin-left: -50%;
}
.indexTit {
	width: 100%;
	text-align: center;
	position: relative;
	margin-bottom: 46px;
}
.indexTit .en {
	color: #2f2f2f;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 6px;
	text-transform: uppercase;
	font-family: arial;
	display: block;
}
.indexTit .line-left, .indexTit .line-right {
	width: 90px;
	height: 1px;
	position: absolute;
	bottom: 12px;
	display: block;
	background: #c1c1c1;
}
.indexTit .line-left {
	left: 50%;
	margin-left: -158px;
}
.indexTit .line-right {
	right: 50%;
	margin-right: -158px;
}
.indexTit h2 {
	font-size: 24px;
	line-height: 30px;
}
.content_box,.content_box p{ font-size:14px; line-height:28px; text-indent:2em;}
.content_box img{ display: inline-block;}
.content_box p{ display:block; margin-bottom:10px;}
.ny_box{ padding:70px 0 70px;}

.jjfa li{ width:23%; margin:1%; float:left;}
.jjfa li:nth-child(5){ margin-right:0;}
.jjfa li .imgs{ margin-bottom:10px;}
.jjfa li .txts{ height:40px; line-height:38px; position:relative; font-size:16px; color:#000;}
.jjfa li .txts i{ height:2px; width:0; transition:all .3s; position:absolute; bottom:0; left:50%; }
.jjfa li:hover .txts i{ width:100%; background:#00a0e9;margin-left:-50%;}
.jjfa li:hover .txts { color:#00a0e9}

.yangpinshen{ width:100%;}
.yangpinshen b{ font-size:20px; color:#00a0e9; display:block; font-weight:normal; padding-bottom:10px;}
.yangpinshen p{ font-size:16px; color:#666666; line-height:2;}

.ny_le{ width:230px;}
.ny_le .zxkf{ padding:20px; border:1px solid #dde0e4;}
.ny_le .zxkf span{ display:block; text-align:center;}
.ny_le .zxkf a{ display:inline-block; vertical-align:middle; margin-top:20px; background:url(../images/button_old_41.gif) no-repeat left center; padding-left:30px;}
.ny_le .zxkf a:hover{ color:#00a0e9}
.le_tit{ background:#00a0e9; color:#fff; text-align:center; font-size:16px; padding:10px 0;}
.ny_ri{ width:950px; border:1px solid #dde0e4;}
.ny_box2{ padding:40px 0;}
.yangpinshen,.formss{ padding:30px;}
.channal{ color:#00a0e9; font-size:16px; padding:10px;padding-left:30px; padding-right:30px; border-bottom:1px solid #dde0e4; font-weight:bolder;}
.channal a{ font-size:12px; border-radius:5px; background:#00a0e9; color:#fff; padding:4px 10px;}
.formss { width:500px;}
.formss input,.formss textarea,.formss button{ width:100%; height:45px; margin-bottom:10px; padding:0 20px 0; border:1px solid #ddd;}
.formss textarea{ padding:10px 20px; height:200px;}
.formss button{ cursor:pointer; background:#00a0e9; color:#fff;}
.formss button:hover{ background:#048bc9}

.fanganner{ padding:20px;}
.fanganner iframe{ width:100% !important; min-height:800px !important}

.newsPage .list {
	padding-bottom: 30px;
}
.newsPage .item {
	width: 100%;
	height: auto;
	padding: 26px 0;
	transition: all .5s;
	border-bottom: 1px solid #f3f3f3;
}
.newsPage .item a {
	width: 100%;
	display: block;
}
.newsPage .item img {
	width: 224px;
	height: 168px;
	display: block;
	margin: 0 30px;
}
.newsPage .item h3 {
	font-size: 20px;
	padding: 25px 0 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #000;
}
.newsPage .item .txt {
	color: #999;
	line-height: 24px;
	height: 70px;
	padding-right: 130px;
	overflow: hidden;
}
.newsPage .item .time {
	width: 130px;
	padding: 25px 0 0 0;
	margin-top: 20px;
	border-left: 1px solid #eee;
	font-family: arial;
	font-size: 18px;
	color: #999;
	text-align: center;
}
.newsPage .item .time .day {
	font-size: 30px;
	line-height: 45px;
	display: block;
}
.newsPage .item .time .year {
	font-size: 20px;
	line-height: 45px;
	display: block;
}
.newsPage .item:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	margin-left: 15px;
}
.newsPage .item:hover h3 {
	color: #00a0e9;
}
.newsPage .item:hover .time .day span {
	background: #6d6d6d;
}
.newsPage .item:hover .time .day strong {
	background: #ff0000;
	color: #fff;
}
.newsPage .item.items img {
	width: auto;
	max-width: 300px;
}
.pglist {
	padding: 30px 0 30px;
	width: 100%;
	text-align: center;
}
.pglist a {
	color: #666;
	padding: 0 14px;
	margin: 0 3px;
font-/weight: bold;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 30px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist li.active a {
	display: inline-block;
	color: #fff;
	background: #00a0e9;
	border-color: #00a0e9;
}
.showNews{ padding-bottom:30px;}
.reLink a:hover{ color:#00a0e9}
.showNews .title {
	font-size: 24px;
	color: #333333;
	text-align: center;
	margin: 10px 0 22px;
	font-weight: bold;
}
.showNews .mark {
	color: #999999;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-bottom: 20px;
	border-top: 1px dashed #e5e5e5;
	border-bottom: 1px dashed #e5e5e5;
}
.showNews .showContxt {
	color: #666666;
	padding: 0 0 30px;
	line-height: 30px;
}
.showNews .showContxt img {
	max-width: 100%;
}
.fenxiang {
	height: 32px;
}
.reLink {
	width: 100%;
	height: 25px;
	border-top: 1px solid #d7d6d6;
	padding: 15px 0 40px;
	clear: left;
}
.reLink .nextLink, .reLink .prevLink {
	width: 50%;
	line-height: 25px;
	color: #666;
}
.reLink .nextLink {
	text-align: right;
}

.fangannav{ padding:10px 30px;}

.le_nav{ padding:10px 20px;border: 1px solid #dde0e4; margin-bottom:20px;}
.le_nav li a{ display:block; padding:10px 0; border-bottom:1px dashed #dde0e4; font-size:14px;}
.le_nav li a:hover,.le_nav li.on a{ color:#00a0e9}

.le_nav li:last-child a{ border:none;}

.contact_box{ margin:0 auto;}
.contact_ri{ width:500px; padding:20px;}
.maps iframe{ min-height: 300px !important;}
.contact_le{ width:300px;}
.contact_le  img{ float:right; max-width:300px}
.contact_le span{ display:block; text-align:center; font-size:20px; margin-bottom:20px;}
.contact_ri p strong{ font-size:24px;  color:#00a0e9}
.contact_ri p{ font-size:14px; line-height:2;}
.maps{ margin-top:20px}

.accordion-menu {
  width: 100%;
  max-width: 350px;
  background: #fff;
  border-radius: 4px;
}

.accordion-menu li.open .dropdownlink {
  color: #CDDC39;
}
.accordion-menu li.open .dropdownlink .fa-angle-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion-menu li:last-child .dropdownlink {
  border-bottom: 0;
}

.dropdownlink {
  cursor: pointer;
  display: block;
  padding: 0;
  font-size: 18px;
  color: #212121;
  position: relative;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.dropdownlink i {
  position: absolute;
  top: 13px;
  left: 16px;
}
.dropdownlink .fa-chevron-down {
  right: 12px;
  left: auto;
}
.dropdownlink .fa-angle-down {
  right: 12px;
  left: auto;
}

.open .submenuItems{ display:block;}
.open .dropdownlink>a{ color:#00a0e9}
.submenuItems {
  display: none;
  background: #f1fafe;
}
.submenuItems li {
  padding:0 10px;
}

.submenuItems a {
  display: block;
  color: #727272;
  padding: 12px 12px 12px 45px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.submenuItems a:hover {
  color: #fff;
}
.open .dropdownlink .fa-angle-down:before{ color:#00a0e9}
.le_nav li .dropdownlink { border-bottom:1px dashed #dde0e4}
.le_nav li .dropdownlink a{ font-weight:bold; display:inline-block; border:none;}
.submenuItems li a{ color:#666; font-size:12px;}
.submenuItems li.open a{ color:#00a0e9}

.fanganner table td { text-align:center;    border: 1px solid #fff;padding:5px; font-size:12px; line-height:2;}
.fanganner table td a{ color:#00a0e9}
.fanganner table tr th{ background:#00a0e9; color:#fff; padding:10px 5px;border: 1px solid #fff; font-size:14px;}
.fanganner table tr{background:#f1f1f1; transition:all .3s;}
.fanganner table tr:nth-child(2n){ background: rgb(233, 237, 244);}
.fanganner table td img{ margin:0 auto;}
.fanganner table tr:hover{ background:#b5e6fc}

.cpview{ border-bottom:1px solid #eee;}
.cpview span{ display:inline-block; height:40px; line-height:40px; background:#e5e5e5; float:left; padding:0 20px; cursor:pointer;margin-right: 2px;}
.cpview span.on{ background:#00a0e9; color:#fff;}
.cpview span.on a{ color:#fff;}
.cp_box{ padding:20px 0;}
.cp_box p strong{ font-size:16px; font-weight:bold; display:block; padding:10px 0; border-bottom:1px solid #eee; margin-bottom:20px; display:block;}
.cp_box p{ font-size:14px; line-height:24px; display:block; margin-bottom:5px;}


.onlinekf{ z-index:11; position:fixed;width:85px; right:5px; top:50%; margin-top:-150px; box-shadow:0 0 10px #999; padding:0 10px; background:#fff;}
.kfli{ position:relative; padding:15px 0; border-bottom:1px solid #e5e5e5; text-align:center; cursor:pointer;}
.kfli img{ margin:0 auto;}
.kfli .tanchu{ position:absolute; right:80px; display:none; padding:10px; padding-right:23px; background:#fff; width:140px; bottom:0;}
.kfli .tanchu img{ width:100px;}
.kfli .tanchu.tanchutel{ font-size:20px; color:#00a0e9; width:190px; height:90px; line-height:70px;}

table{ width: 100% !important;}

.wap{ display: none;}
@media screen and (max-width:1440px){
  .w1400{padding-left:20px; padding-right:20px;}
  .footer{ padding:0 100px;}
  .fotmain.youxiang{    margin: 50px 20px 0;}
	}
@media screen and (max-width:1200px){
	.w1200{ padding-left:20px; padding-right:20px;}
	.contact_le{width:460px;}
	.header .nav li a{ padding: 0 10px;}
	.new_le{ margin-right: 4%;}
	.indexfangan li .txts{ font-size: 14px;;}
	.contact_ri{ width: 100%;}
	.contact_le{ width: 100%; text-align: center; margin-bottom: 20px;}
	.ny_ri{ width: calc(100% - 240px);}
	.contact_le  img{ margin:0 auto; float:none;}
	}
@media screen and (max-width:960px){
.header{ display: none;}
.wap{ display:block;}
.banner .swiper-button-next, .banner .swiper-button-prev{ width: 30px; height: 30px; margin-top: -15px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{ width: 7px; height: 7px;}

.new_le,.news_ri{ width: 100%;}
.news_ri{ margin-top: 20px;}
.bktit b,.bot_t b{ font-size: 20px;}
.indexnewli ul li a{ font-size: 14px;}
.indexnewli ul li span{ font-size: 14px;}
.indexnewli ul li{ line-height: 40px; height: 40px;}
.fot_lists li{ width: 33.33%; margin-bottom: 20px;}
.footer_nav2 .navs2{ display: none;}
.footer_nav2 .logos2{ float: none; margin: 20px auto;}
.footer_nav2 .ewms{ margin: 0 auto 15px; float: none;}
.footer2{ overflow: hidden;}
.footer_nav2 .logos2 img{ margin: 0 auto;}
.footer_contact2 p b, .footer_contact2 p span,.footer_copy p, .footer_copy a{ font-size: 14px;}
.fot_lists li b span{ font-size: 20px;;}
.fot_lists li p{ font-size: 14px;}.fot_lists li b em{ font-size: 12px;}
.bot_t a.more{ height: 35px; line-height: 35px;}
.footer_copy{ height: auto;}
.pro_index .chaname{ font-size: 18px;}
.tit_ch{ font-size: 26px;}
.index_bot{ padding: 20px 0; margin-top: 20px;}
.w1400,.w1200{ padding-left: 15px; padding-right: 15px;}
.ny_ri,.ny_le{ float: none; width: 100%;}
.ny_le{ margin-top: 15px;}
.yangpinshen, .formss{ padding: 15px;}
.channal{ padding-left: 15px; padding-right: 15px;}
.yangpinshen p{ font-size: 14px;}
.yangpinshen b{ font-size: 16px;}
.location .sitepath{  float: none; border-bottom: 1px solid #eee;}
.location .menu{ float: none; text-align: center;}
.location .menu a{ display: inline-block; padding: 0 10px; margin: 0 5px; height: 50px;}
.location{ height: auto; border-bottom: none;}
.content_box img{ display: block;}

.accordion-menu{ max-width: none;}
.fanganner table{ min-width: 700px;}
.fanganner{ overflow: scroll;}
	}
	@media screen and (max-width:768px){
		.pro_index li,.pro_index li:nth-child(3n){ width: 48%; margin: 1%;}
		.pro_index .chaname{ font-size: 14px;}
.indexfangan li{ width: 48%; margin: 1%;}
.indexfangan li:nth-child(5){ display: none;}
.news_ri{ height: auto;}
.news_ri_box{ background: none ; height: auto; padding: 10px;}
.pro_index .chaname2 a{ font-size: 12px;}
.pro_index{ padding: 30px 0;}
.pro_index ul{ padding-top: 20px;}
.bktit b, .bot_t b{ font-size: 16px;}
.indexfangan li .txts{ overflow: hidden;}
.new_le,.new_le li{ height: auto;}
.yewuyuan b{ font-size: 16px;}
.yewuyuan p{ font-size: 12px;}
.bot_t a.more{ margin-top: 15px;}
.fot_lists{ margin-top: 30px;}
.jjfa li .txts{}
.jjfa li{ width: 48%;}
.jjfa li .imgs{ margin-bottom: 0;}
.jjfa li .txts{ height: 20px; line-height: 20px; margin: 5px 0; overflow: hidden; font-size: 12px;}
.indexTit h2{ font-size: 16px;}
.indexTit .en{ font-size: 18px; margin-bottom: 0; line-height: 20px;}
.ny_box{ padding: 20px 0;}
.jjfa li:nth-child(5){ margin: 1%;}
.indexTit{ margin-bottom: 20px;}
.sub_bann{ height: 150px;}
.newsPage .item .time{ display: none;}
.newsPage .item .txt{ padding: 0;}
.newsPage .item img{ margin: 0 10px 10px 0; max-width: 100px; height: auto;}
.newsPage .item h3{ padding: 0; padding-bottom: 10px; font-size: 14px;}
.newsPage .item{ padding: 10px 0;}
.pglist{ padding: 0;}
.contact_ri p strong{ font-size: 18px;}
.content_box, .content_box p{ line-height: 20px;}
.ny_ri{ width: 100%; float: none;}
.location{ line-height: 24px;}
.location .sitepath{ padding: 15px 0; font-size: 12px;}
.cpview span{ padding: 0 10px;}
.fanganner iframe{ min-height: 400px !important;}
.tit_ch{ font-size: 18px;}
	}