@charset "utf-8";
/* CSS Document */
body{ 
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}
body,td,th,input,textarea,select {
	font-size: 3.6vw;
	color:#080404;
	line-height:1.6;
	font-family: "Microsoft Yahei","微软雅黑", Arial, Helvetica, sans-serif;
}
@media (min-width: 768px) {
	body,td,th,input,textarea,select {font-size:1.4vw}
}
@media (min-width: 1200px) {
}
@media (min-width: 1500px) {
}
@media (min-width: 1700px) {
}

.small, .small td,.small th,.small input,.small textarea,.small select {font-size:3.6vw}
@media (min-width: 768px) {
	.small, .small td,.small th,.small input,.small textarea,.small select {font-size:2vw}
}
@media (min-width: 992px) {
	.small, .small td,.small th,.small input,.small textarea,.small select {font-size:1.4vw}
}
@media (min-width: 1200px) {
	.small, .small td,.small th,.small input,.small textarea,.small select {font-size:1vw}
}


.fs1{ font-size:7vw;}
.fs2{ font-size:6vw;}
.fs3{ font-size:4vw;}
.fs4{ font-size:3.2vw;}
@media (min-width: 768px) {
	.fs1{ font-size:2.8vw;}
	.fs2{ font-size:2.2vw;}
	.fs3{ font-size:1.8vw;}
	.fs4{ font-size:1.1vw;}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

.fs11{ font-size:3.6vw;}
@media (min-width: 768px) {
	.fs11{ font-size:2vw;}
}
@media (min-width: 992px) {
	.fs11{ font-size:1.5vw;}
}
@media (min-width: 1200px) {
	.fs11{ font-size:1.2vw;}
}

.know_fs1{ font-size:5vw;}
.know_fs2{ font-size:4vw;}
@media (min-width: 768px) {
	.know_fs1{ font-size:1.2vw;}
	.know_fs2{ font-size:1vw;}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


a{color:#080404; text-decoration:none; position:relative;}
a:hover{color:#767676; text-decoration:none;}
a,i,em,.animation{
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.shadow1{-webkit-box-shadow:0 0 8px rgba(0,0,0,0.1); -moz-box-shadow:0 0 8px rgba(0,0,0,0.1); box-shadow:0 0 8px rgba(0,0,0,0.1);}
@media (min-width: 768px) {
	.shadow1{-webkit-box-shadow:0 0 16px rgba(0,0,0,0.1); -moz-box-shadow:0 0 16px rgba(0,0,0,0.1); box-shadow:0 0 16px rgba(0,0,0,0.1);}
}


/*顶部*/
.header_back{ height:60px;}
.header{ background-color:#FFF; position:fixed; z-index:99997; width:100%; -webkit-transform:translateZ(0); -webkit-box-shadow:0 0 20px rgba(0,0,0,0.3); -moz-box-shadow:0 0 20px rgba(0,0,0,0.3); box-shadow:0 0 20px rgba(0,0,0,0.3);}

.header2{ background-color:#080404; color:#767676; height:60px;}
.header2>div{ position:relative;}
.header2_1{}
.header2_1 a{ position:relative; z-index:1; display:inline-block;}
.header2_1 img{ height:60px; padding:6px 0;}
.header2_2{ position:absolute; right:0; top:0;}
.header2_3{ position:absolute; right:0; top:12px; line-height:30px;}
.header2_3 em{ font-size:20px; vertical-align:middle;}
.header2_3_1{}
.header2_3_1 a{ padding:0 10px; display:inline-block;}
.header2_3_1 img{ margin-bottom:4px;}
.header2_3_2{ padding-left:20px; position:relative;}
.header2_3_2:after{ width:1px; height:16px; background-color:#767676; content:""; position:absolute; left:0; top:6px;}
.header2_3_2 .find{ border-bottom:solid 1px #767676;}
.header2_3_2 .find .find_txt{ border:0; height:26px; line-height:26px; padding:0 5px; outline:none; background-color:transparent; color:#FFF;}
.header2_3_2 .find button{ width:30px; height:26px; border:0; padding:0; background-color:transparent; cursor:pointer; outline:none;}
.header2_3_2 .find button em{ font-size:20px; line-height:26px; color:#a9a8a8;}
.header2_3_3{ padding-right:20px;}
.header2_3_3 .lang{ position:relative; z-index:1000;}
.header2_3_3 .lang .this{ background-image:url(../../img/lang.png); background-repeat:no-repeat; background-size:14px auto; background-position:right center; padding:0 20px 0 12px;}
.header2_3_3 .lang ul{ display:none; width:100px; position:absolute; background-color:rgba(255,255,255,0.95); padding:8px 0;}
.header2_3_3 .lang ul li a{ display:block; padding:0 12px;}
.header2_3_3 .lang:hover ul{ display:inline-block;}
.header2_4{ position:absolute; top:10px;}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.header_back{ height:120px;}
	.header2{ height:120px;}
	.header2_1{ padding:48px 0 0;}
	.header2_1 img{ padding:0;}
	.header2_2{ top:46px;}
}
@media (min-width: 1200px) {
	.header2_3{ top:10px;}
}
@media (min-width: 1500px) {
}



/*顶部搜索*/
.header_find{ position:absolute; z-index:99999; right:10px; top:55px; width:60%;}
.header_find .find{ width:100%; height:36px; background-color:#FFF; padding:0 10px 0 15px;-moz-border-radius:36px; border-radius:36px;}
.header_find .find_txt{ border:0; width:calc(100% - 30px); height:36px; line-height:36px; outline:none;}
.header_find button{ width:30px; height:36px; border:0; padding:0; background-color:transparent; cursor:pointer; outline:none;}
.header_find button em{ font-size:20px; line-height:30px; color:#114585;}
@media (min-width: 768px) {
	.header_find{ top:48px; width:360px; right:-10px;}
	.header_find .find{}
}
@media (min-width: 1200px) {
	.header_find{ top:55px;}
	.header_find .find{ width:360px;}
}


/*顶部图标*/
.header .icon_menu{ padding-left:5px;}
.header .icon_menu a{ padding:0 8px; display:inline-block; color:#767676;}
.header .icon_menu em{ font-size:24px; line-height:60px; position:relative; color:#767676;}
.header .icon_menu a:hover em{ color:#FFF;}
@media (min-width: 768px) {
	.header .icon_menu{ padding-left:0px;}
}


.header3{ position:absolute; width:100%; text-align:right; top:56px; padding-right:1%;}
@media (min-width: 1200px) {
	.header3{ padding-right:4%;}
}

/*主菜单*/
.main_menu{ display:inline-block; z-index:999; text-transform:uppercase; right:0;}
.main_menu .nli{ float:left; display:inline;}
/*.main_menu .nli:after{ width:1px; height:16px; background-color:#CCC; display:inline-block; content:""; position:absolute; right:0; top:50%; margin-top:-8px;}*/
/*.main_menu .nli:last-child:after{ display:none;}*/
.main_menu .nli>a{ display:block; height:64px; line-height:50px; font-size:14px; padding:0 5px; color:#767676;}
.main_menu .nli>a:hover{}  /*-moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); transform: translateY(-5px);*/
.main_menu .on>a{color:#FFF;}

.main_menu .sub{ display:none; left:0px; top:64px; padding:30px 0; position:absolute; width:100%; background-color:#FFF; text-align:left;}
/*.main_menu .sub:before{ width:1000px; height:100%; background-color:#f00; content:""; position:absolute; left:0; top:0; z-index:-1;}*/
.main_menu .sub .pic{ max-width:540px; margin-right:30px;}
.main_menu .sub li{}
.main_menu .sub a{ position:relative; display:block; line-height:20px; color:#767676; font-size:14px; padding:10px 22px; text-align:left;}
.main_menu .sub a:hover{ color:#080404;} /* padding:10px 12px 10px 33px;*/
.main_menu .sub em{ margin-right:5px; position:absolute; margin-left:-20px; display:none;}

.main_menu .sub.black{ background-color:#080404;}
.main_menu .sub.black a{ color:#767676;}
.main_menu .sub.black a:hover{ color:#FFF;}

@media (min-width: 992px) {
	.main_menu .nli>a{ font-size:1.6vw; padding:0 25px;}
	.main_menu .sub a{ font-size:16px;}
}
@media (min-width: 1200px) {
	.main_menu .nli>a{ padding:0 30px;}
	.main_menu .sub{}
	.main_menu .sub a{ padding:10px 22px;}
}
@media (min-width: 1500px) {
	.main_menu .nli>a{ padding:0 40px;}
	.main_menu .sub a{ padding:10px 30px;}
}
@media (min-width: 1700px) {
	.main_menu .nli>a{ padding:0 50px;}
	.main_menu .sub a{ padding:10px 30px;}
}


/*底部*/
.foot{ background-color:#080404; color:#FFF; margin-bottom:60px;}
.foot a{ color:#FFF;}
.foot a:hover{ color:#a9a8a8;}
@media (min-width: 768px) {
	.foot{ margin-bottom:0;}
}

.foot1{ padding:10px 0; border-bottom:solid 1px #393636;}
.foot1_1{ position:relative;}
.foot1_1:after{ width:1px; height:20px; margin-top:-10px; background-color:#FFF; content:""; position:absolute; right:-1.6vw; top:50%;}
.foot1_2{}

.foot2{ padding:10px 0; border-bottom:solid 1px #393636;}

.foot3{ padding:10px 0;}
.foot3_1{ font-size:14px; line-height:1.4;}
.foot3_2{ padding:10px 0 0;}
.foot3_2 a{ padding:0 4px; display:inline-block;}
.foot3_2 em{ font-size:22px; line-height:22px;}
@media (min-width: 768px) {
	.foot3_1{ width:60%;}
	.foot3_2{ padding:0;}
	.foot3_2 em{ font-size:28px; line-height:30px;}
}
@media (min-width: 992px) {
	.foot3_1{ width:70%;}
}


.platform{ margin:15px 0 0;}
.platform a{ margin:0 3px; text-align:center; width:26px; height:26px; padding:0; display:inline-block; background-color:#FFF;-moz-border-radius:26px; border-radius:26px;}
.platform em{ color:#0093dd; font-size:18px; line-height:26px;}
.platform a:hover{ background-color:#76cdf2;}
.platform a:hover em{ color:#0093dd;}



/*右边浮动留言*/
.fixed_feedback{ position:fixed; bottom:15%; width:300px; right:-310px; bottom:70px; z-index: 99998; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.15); -moz-box-shadow:0 0 20px rgba(0,0,0,0.15); box-shadow:0 0 20px rgba(0,0,0,0.15);}
.fixed_feedback .title{ width:100%; height:46px; line-height:46px; padding:0 12px; color:#FFF; background-color:#0093dd; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; }
.fixed_feedback .title a{ float:right;}
.fixed_feedback .title a em{ color:#FFF;}
.fixed_feedback .content{ padding:10px 20px 20px; background-color:#FFF; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;}



/*手机底部样式*/
.m_bottm_menu{ background-color:#080404; color:#FFF;}
.m_bottm_menu .item{ width:33.33%;}
.m_bottm_menu .item a{ color:#FFF; font-size:14px;}

/*手机版菜单*/
.m_nav_back{height:100%;width:100%;position:fixed;background-color:#000;z-index:99998;top:0;left:-100%;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.m_nav_back.menu_is_open{left:0;}
.m_nav{height:100%;width:90%;max-width:360px;overflow:hidden;background-color:#FFF;position:fixed;z-index:99999;top:0;left:-360px;display:inline-block;}
.m_nav.menu_is_open{left:0;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0)}
.m_nav .close{ position:absolute; right:0px; top:0px; cursor:pointer;}
.m_nav .close em{ font-size:18px; width:50px; height:50px; line-height:50px; display:inline-block; text-align:center;}
.m_nav .panel{ height:100%; overflow:auto; padding:30px 20px;}
.m_nav .panel .lang{}
.m_nav .panel .lang a{ display:inline-block; padding:5px; margin:10px 10px 10px 0;}
.m_nav .panel .lang a img{ vertical-align:middle; margin-right:4px;}
.m_nav .panel .m_user_info{ margin:10px; text-align:center;}
.m_nav .panel .m_user_info a{ display:inline-block;}
.m_nav .panel .m_menu{}
.m_nav .panel .m_menu a{display:block;text-decoration:none;}
/*一级*/
.m_nav .panel .m_menu>li{ border-bottom:solid 1px #efefef;}
.m_nav .panel .m_menu>li>a{ font-weight:bold;font-size:16px;padding:12px 5px;}
/*二级*/
.m_nav .panel .m_menu ul{display:none;padding:0 0 10px;}
.m_nav .panel .m_menu ul a{ font-size:15px;padding:3px 5px;}
/*三级*/
.m_nav .panel .m_menu ul ul{padding-left:10px; padding-bottom:8px;}
.m_nav .panel .m_menu ul ul a{ font-size:14px;padding:1px 5px;}
/*四级*/
.m_nav .panel .m_menu ul ul ul a{ font-size:13px;}
.m_nav span{float:right;margin-top:1px; font-weight:normal; color:#dddddd;}
.m_nav .active a{color:#0093dd;}




/*共用*/
.page_content{ padding:4vw 0;}
.page_content2{ padding:2vw 0;}
.bg1{ background-color:#fafafa;}
.blank_row{ height:4vw;}
.blank_row2{ height:2vw;}
.left{ width:100%;}
.right{ width:100%;}
.title1{ text-align:center; color:#222; position:relative;}
.title1:before{ width:100%; height:1px; background-color:#dcdcdc; content:""; position:absolute; top:50%; left:0;}
.title1 span{ display:inline-block; background-color:#FFF; padding:0 10px; position:relative;}
.title1 h2{ margin:0; font-weight:normal; color:#0093dd; line-height:1.6; font-size:24px;}
.title1 h3{ margin:0; font-weight:normal; color:#8b919e; line-height:1.6; font-size:18px;}
.title1.white, .title1.white h2 span, .title1.white h3{ color:#FFF;}
.title1.white:after{ background-color:#FFF;}
.title2{ text-align:center;}
.title2 h2{ margin:-24px 0 0; color:#FFF; font-size:20px;}
.title2 h3{ margin:0; color:rgba(255,255,255,0.6); font-size:22px;}
.mt1{ margin-top:15px;}
.mt2{ margin-top:10px;}
.btn1{ border:solid 1px #080404; background-color:#080404; color:#FFF; padding:1.6vw 6vw; display:inline-block;}
.btn1:hover{ background-color:#FFF; color:#080404;}
.btn1.small{ padding:3px 15px; font-size:14px;}
.icon_hot1{ margin-left:5px;}
.icon_hot2{ margin-right:5px;}
.no_data{ text-align:center; padding:50px 0;}
@media (min-width: 768px) {
	.page_content{}
	.page_content2{}
	.blank_row{}
	.blank_row2{}
	.title1{ letter-spacing:2px;}
	.title1 span{ padding:0 50px;}
	.title1 h2{ font-size:28px;}
	.title1 h3{ font-size:22px;}
	.title2 h2{ margin:-32px 0 0; font-size:24px;}
	.title2 h3{ font-size:30px;}
	.mt1{ margin-top:20px;}
	.mt2{ margin-top:15px;}
	.btn1{ padding:6px 28px;}
}
@media (min-width: 992px) {	
	.page_content{}
	.page_content2{}
	.blank_row{}
	.blank_row2{}
	.left{ width:16vw;}
	.right{ width:calc(100% - 16vw); margin-top:0; padding-left:30px;}
	.title1 h2{ font-size:38px;}
	.title1 h3{ font-size:24px;}
	.mt1{ margin-top:25px;}
	.mt2{ margin-top:20px;}
	.btn1{ padding:0.5vw 3vw;}
	.btn1.small{ padding:5px 20px; font-size:16px;}
}
@media (min-width: 1200px) {
	.title1 h2{ font-size:40px;}
	.title1 h3{ font-size:28px;}
	.title2 h2{ margin:-42px 0 0; font-size:30px;}
	.title2 h3{ font-size:35px;}
}


/*广告位置*/
.gg_list1{}
.gg_list1 .item{ margin-top:6px;}
.gg_list1 .item:first-child{ margin-top:0;}
.gg_list2{ margin:-3px; padding:6px 0 0;}
.gg_list2 .item{ width:50%; padding:3px;}
@media (min-width: 768px) {
	.gg_list1 .item{ margin-top:10px;}
	.gg_list2{ margin:-5px; padding:10px 0 0;}
	.gg_list2 .item{ padding:5px;}
}
@media (min-width: 992px) {	
	.gg_list1 .item{ margin-top:20px;}
	.gg_list2{ margin:-10px; padding:20px 0 0;}
	.gg_list2 .item{ padding:10px;}
}



/*友情链接*/
.link{ background-color:rgba(255,255,255,0.6); padding:20px 15px 15px;}
.link1{ line-height:30px;}
.link1 .n1{ font-size:30px;}
.link1 .n2{ background-color:#080404; color:#FFF; display:inline-block; padding:0 10px; margin-left:8px;}
.link2{ width:100%; margin:5px -10px 0;}
.link2 li{ display:inline-block;}
.link2 li a{ display:inline-block; padding:5px 10px 5px;}
@media (min-width: 768px) {
	.link{ padding:20px 30px;}
	.link1{ width:200px; margin-top:4px;}
	.link2{ width:calc(100% - 200px); margin:0;}
	.link2 li a{ padding:5px 10px;}
}
@media (min-width: 992px) {	
	.link2 li a{ padding:5px 20px;}
}


/*联系我们*/
.contact{}
.contact1{ width:100%;}
.contact1 h2{ margin:10px 0; font-weight:normal;}
.contact1 p{ position:relative; margin:1vw 0; padding:0.3vw 0 0.3vw 5.6vw;}
.contact1 em{ position:absolute; left:0; top:0; font-size:4vw;}
.contact2{ width:100%;}
.contact2 iframe{ width:100%; height:350px; border:0;}
@media (min-width: 768px) {
	.contact1{ padding:0;}
	.contact1 p{ margin:1vw 0; padding:0.3vw 0 0.3vw 2.2vw;}
	.contact1 em{ top:0; font-size:1.6vw;}
	.contact2{ padding:0;}
	.contact2 iframe{ height:500px;}
}
@media (min-width: 992px) {	
	.contact2 iframe{ height:550px;}
}
@media (min-width: 1200px) {	
	.contact2 iframe{ height:600px;}
}


/*问与答*/
.qa_list{}
.qa_list .item{ border-bottom:solid 1px #e7e7e7; padding:10px 0 0;}
.qa_list .item .q{ color:#0093dd; padding:5px 8px; font-weight:bold;}
.qa_list .item .a{ background-color:#f7f8fa; padding:20px;}



/*内页模幅*/
.banner{}


/*当前位置*/
.location{ padding:6px 0; background-color:#f6f6f6; background-position:center;}
.location i{ color:#90939a; margin-right:6px;}
.location a{}
.location a:hover{ text-decoration:underline;}
.location1{ text-transform:uppercase; color:#a9a8a8; margin-bottom:2vw; line-height:1.2;}
.location1 span{ color:#080404;}
@media (min-width: 768px) {
	.location{ padding:8px 0;}
}
@media (min-width: 992px) {	
	.location{ padding:10px 0;}
}


/*页数*/
.page{ text-align:center; line-height:7vw; margin:15px 0 5px;}
.page a, .page .this, .page .this_nu{ padding:0 2vw; margin:5px 2px; -moz-border-radius:3px; border-radius:3px; display:inline-block;}
.page a{ border:solid 1px #a9a8a8;}
.page a:hover{ border-color:#080404; color:#080404;}
.page .this{ border:solid 1px #a9a8a8; color:#a9a8a8;}
.page .this_nu{ background-color:#080404; color:#FFF;}
@media (min-width: 768px) {
	.page{ line-height:3.6vw;}
	.page a, .page .this, .page .this_nu{ padding:0 1.5vw;}
}


/*文章首页*/
.article_home_list{}
.article_home_list .item{ padding:15px 0;}
.article_home_list .item a{ position:relative; display:block; text-align:center;}
.article_home_list .item .pic{}
.article_home_list .item .btn{ margin-top:10px; line-height:36px; padding:0 40px; font-size:17px; background-color:#0093dd; color:#FFF; border:solid 2px rgba(255,255,255,0.2); display:inline-block;}
.article_home_list .item a:hover .btn{ background-color:#333333; color:#FFF;}
@media (min-width: 768px) {
	.article_home_list .item{ padding:20px 0;}
	.article_home_list .item .btn{ position:absolute; bottom:30px; right:30px; line-height:40px; padding:0 40px; font-size:20px;}
	.article_home_list .item a:hover .btn{ background-color:#FFF; color:#0093dd;}
}
@media (min-width: 992px) {	
}
@media (min-width: 1200px) {
	.article_home_list .item{ padding:30px 0;}
	.article_home_list .item .btn{ bottom:50px; right:50px; line-height:50px; padding:0 50px; font-size:21px;}
}


/*文章分类列表1*/
.article_class_list1{ margin:-10px 0;}
.article_class_list1 .item{ width:100%; padding:15px 0;}
.article_class_list1 .item .title{ position:relative; margin-bottom:15px;}
.article_class_list1 .item .title:before{ width:3px; height:16px; margin-top:-8px; left:0; top:50%; background-color:#0093dd; content:""; position:absolute;}
.article_class_list1 .item .title h2{ color:#0093dd; margin:0; line-height:1.2; padding-left:12px; display:inline-block;}
.article_class_list1 .item .title a{ float:right; display:inline-block;}
.article_class_list1 .item .content{ padding:6px;}
@media (min-width: 768px) {
	.article_class_list1{ margin:-15px -15px;}
	.article_class_list1 .item{ width:50%; padding:15px 15px;}
	.article_class_list1 .item .title:before{ width:4px; height:16px; margin-top:-8px;}
	.article_class_list1 .item .title h2{ padding-left:14px;}
	.article_class_list1 .item .content{ padding:15px;}
}
@media (min-width: 992px) {
	.article_class_list1{ margin:-20px -30px;}
	.article_class_list1 .item{ width:50%; padding:20px 30px;}
	.article_class_list1 .item .title:before{ width:5px; height:20px; margin-top:-10px;}
	.article_class_list1 .item .title h2{ padding-left:16px;}
	.article_class_list1 .item .content{ padding:24px;}
}


/*文章分类列表2*/
.article_class_list2{ margin:-10px 0;}
.article_class_list2 .item{ width:100%; padding:15px 0;}
.article_class_list2 .item .title{ position:relative; margin-bottom:15px;}
.article_class_list2 .item .title:before{ width:3px; height:16px; margin-top:-8px; left:0; top:50%; background-color:#0093dd; content:""; position:absolute;}
.article_class_list2 .item .title h2{ color:#0093dd; margin:0; line-height:1.2; padding-left:12px; display:inline-block;}
.article_class_list2 .item .title a{ float:right; display:inline-block;}
.article_class_list2 .item .content{ padding:0 0 1px;}
@media (min-width: 768px) {
	.article_class_list2{ margin:-15px -15px;}
	.article_class_list2 .item{ padding:15px 15px;}
	.article_class_list2 .item .title:before{ width:4px; height:16px; margin-top:-8px;}
	.article_class_list2 .item .title h2{ padding-left:14px;}
}
@media (min-width: 992px) {
	.article_class_list2{ margin:-20px -30px;}
	.article_class_list2 .item{ padding:20px 30px;}
	.article_class_list2 .item .title:before{ width:5px; height:20px; margin-top:-10px;}
	.article_class_list2 .item .title h2{ padding-left:16px;}
}



/*文章列表*/
.article_list1{ max-width:1280px; margin:10px auto;}
.article_list1 .item{ border-bottom:solid 1px #e9e9e9; padding:20px 0;}
.article_list1 .item:first-child{ margin-top:-20px;}
.article_list1 .item .pic{ width:100%; padding:5px;}
.article_list1 .item .pic a{ display:block; overflow:hidden;}
.article_list1 .item .info{ width:100%; margin-top:10px;}
.article_list1 .item .info .title{ font-weight:bold; font-size:16px;}
.article_list1 .item .info .title a{ display:block;}
.article_list1 .item .info .desc{ color:#8b919e; margin:6px 0; -webkit-line-clamp:3;}
.article_list1 .item .info .time{}
@media (min-width: 768px) {
	.article_list1{ margin:20px auto;}
	.article_list1 .item{ padding:25px 0;}
	.article_list1 .item:first-child{ margin-top:-25px;}
	.article_list1 .item .pic{ width:32%;}
	.article_list1 .item .info{ width:67%; padding-left:30px; margin-top:0;}
	.article_list1 .item .info .title{ font-size:18px;}
}
@media (min-width: 992px) {	
	.article_list1{ margin:30px auto;}
	.article_list1 .item{ padding:30px 0;}
	.article_list1 .item:first-child{ margin-top:-30px;}
	.article_list1 .item .info .desc{ margin:10px 0; -webkit-line-clamp:5;}
}

.article_list2{ border-bottom:solid 1px #e9e9e9;}
.article_list2 a{ padding:10px 0;}
.article_list2 a em{ margin-right:5px;}
.article_list2 a .txt{ width:calc(100% - 100px); padding-left:5px;}
.article_list2 a .time{ width:100px; text-align:center; color:#8b919e;}
@media (min-width: 768px) {
	.article_list2 a{ padding:15px 0;}
}
@media (min-width: 992px) {	
}

.article_list3{}
.article_list3 a{ padding:6px 0;}
.article_list3 a .txt{ width:calc(100% - 100px);}
.article_list3 a .time{ width:100px; text-align:center; color:#8b919e;}
@media (min-width: 768px) {
	.article_list3 a{ padding:6px 0;}
}
@media (min-width: 992px) {	
}

.article_list_pic1{ margin:0 -5px;}
.article_list_pic1 .item{}
.article_list_pic1 .item a, .article_list_pic1 .item>div{ display:block; text-align:center; margin:10px 5px;}
.article_list_pic1 .item .pic{ padding:5px; margin-bottom:6px;}
.article_list_pic1 .item .pic>div{ overflow:hidden;}
.article_list_pic1 .item .txt{}
@media (min-width: 768px) {
	.article_list_pic1{ margin:0 -10px;}
	.article_list_pic1 .item{}
	.article_list_pic1 .item a, .article_list_pic1 .item>div{ margin:10px;}
	.article_list_pic1 .item .pic{ margin-bottom:10px;}
}
@media (min-width: 992px) {	
}
@media (min-width: 1200px) {	
	.article_list_pic1{ margin:0 -20px;}
	.article_list_pic1 .item a, .article_list_pic1 .item>div{ margin:20px;}
}


.know_list{}
.know_list .item{ width:100%;}
.know_list .item a{ display:block; position:relative; color:#FFF; line-height:1.2;}
.know_list .item a .pic{ overflow:hidden;}
.know_list .item a .info{ position:absolute; left:0; bottom:4vw; width:100%;}
.know_list .item a .info .txt{ width:66%; padding-left:4vw;}
.know_list .item a .info .txt .txt1{}
.know_list .item a .info .txt .txt2{ padding-top:5px;}
.know_list .item a .info .time{ width:34%; padding-right:4vw; text-align:right;}
@media (min-width: 768px) {
	.know_list .item{ width:50%;}
	.know_list .item a .info{ bottom:1.4vw;}
	.know_list .item a .info .txt{ padding-left:1.4vw;}
	.know_list .item a .info .time{ padding-right:1.4vw;}
}
@media (min-width: 992px) {	
	.know_list .item{ width:33.33%;}	
}
@media (min-width: 1200px) {
	.know_list .item{ width:25%;}
}


/*文章详情*/
.article_detail{}
.article_detail .title{ line-height:1.2; text-transform:uppercase;}
.article_detail .desc{ padding:1vw 0; line-height:26px;}
.article_detail .desc .time, .article_detail .desc .share{ font-size:1vw;}
.article_detail .desc .time{}
.article_detail .desc .share{}
.article_detail .content{ padding:10px 0; text-align:justify;}
.article_detail .return{ text-align:center; margin-bottom:20px;}
.article_detail .more{ border-top:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; padding:15px 0;}
.article_detail .more a{ padding:5px 0; display:inline-block;}
.article_detail .other{ padding:25px 0 0;}
.article_detail .other .other_title{ padding-left:12px; margin-bottom:15px; font-weight:bold; height:18px; line-height:18px; border-left:solid 5px #0093dd; color:#0093dd;}
.article_detail .other .other_list{}
@media (min-width: 768px) {
	.article_detail .return{ margin-bottom:30px;}
}
@media (min-width: 992px) {	
	.article_detail .content{ padding:15px 20px;}
	.article_detail .more{ padding:20px 20px;}
	.article_detail .other{ padding:30px 20px 0;}
}


/*简介*/
.about1{ text-align:justify;}
.about1 .left{ width:100%;}
.about1 .right{ width:100%;}
@media (min-width: 768px) {
	.about1 .left{ width:70%;}
	.about1 .right{ width:30%; padding-left:3%;}
}

/*简介相册*/
.about_photo{}
.about_photo>div{ position:relative;}
.about_photo .small{ padding:10px 20px; margin:0 -20px;}
.about_photo .small a{ background-color:#000; display:block;}
.about_photo .small .swiper-slide-thumb-active img{ opacity:0.5;}
.about_photo .big{}
@media (min-width: 768px) {
	.about_photo .small{ padding:10px 23px; margin:0 -23px;}
}
@media (min-width: 992px) {
	.about_photo .small{ padding:10px 30px; margin:0 -30px;}
}
@media (min-width: 1200px) {
	.about_photo .small{ padding:20px 40px; margin:0 -40px;}
}


/*证书*/
.about3{}
.about3 .left{ width:100%; overflow-x:auto;}
.about3 .left .photo{ white-space:nowrap;}
.about3 .left .photo .item{ width:22%; padding:0 5px 5px 0; display:inline-block;}
.about3 .right{ width:100%;}
.about3 .right .honor_big_pic{ text-align:center;}
@media (min-width: 768px) {
	.about3 .left{ width:260px;}
	.about3 .left .photo{ white-space:normal;}
	.about3 .left .photo .item{ width:90px; padding:0 5px 5px 0;}
	.about3 .right{ width:calc(100% - 260px);}
}



/*知识*/
.know_tabs{}
.know_tabs .td1{ width:20%; padding-right:2%; vertical-align:top; text-align:left;}
.know_tabs .td1 h2{ font-size:4.6vw; line-height:1.2; font-family:'alternate_gothic_ef_no2', Arial, Helvetica, sans-serif;}
.know_tabs .td2{ vertical-align:top;}
@media (min-width: 768px) {
	.know_tabs .td1{ width:15%; padding-right:2%;}
	.know_tabs .td1 h2{ font-size:2.2vw;}
}


/*文章单页*/
.article_single{ text-align:justify;}


/*产品分类列表*/
.prod_class_list{}
.prod_class_list>.item{ margin-top:30px;}
.prod_class_list>.item:first-child{ margin-top:0;}
.prod_class_list>.item>.title{}
.prod_class_list>.item>.list{ margin-top:20px;}
@media (min-width: 992px) {
	.prod_class_list>.item{ margin-top:40px;}
	.prod_class_list>.item>.list{ margin-top:25px;}
}


/*产品列表*/
.prod_list1{ margin:-6px; text-transform:uppercase; line-height:1.2;}
.prod_list1 .item{ padding:10px 6px;}
.prod_list1 .item a{ display:block; text-align:center; padding:0 0 5px; height:100%;}
.prod_list1 .item .pic{}
.prod_list1 .item .txt1{ color:#080404; margin:5px 0;}
.prod_list1 .item .txt2{ color:#767676;}
.prod_list1.three .item{}
@media (min-width: 768px) {
	.prod_list1 .item{}
}
@media (min-width: 992px) {	
	.prod_list1{ margin:-12px;}
	.prod_list1 .item{ padding:20px 12px;}
	.prod_list1 .item a{ padding:0 0 10px;}
	.prod_list1 .item .txt1{}
	.prod_list1 .item .txt2{}
}
@media (min-width: 1200px) {
	.prod_list1{ margin:-20px;}
	.prod_list1 .item{ padding:20px;}
}



/*产品详情*/
.prod_detail{}
.prod_detail .photo{ width:100%;}
.prod_detail .info{ width:100%; margin-top:20px;}
.prod_detail .info .model{}
.prod_detail .info .name{ line-height:1.2;}
.prod_detail .info .price{ padding-bottom:20px; color:#F00; font-weight:bold;}
.prod_detail .info .desc{ color:#767676; text-align:justify;}

.prod_detail .info .tools{ padding:12px 0;}
.prod_detail .info .tools>div{ padding:8px 0;}
.prod_detail .info .btn{}
.prod_detail .info .share{ font-size:1vw;}
.prod_detail .title{ border-bottom:solid 1px #cbcbcb; font-size:16px; position:relative;}
.prod_detail .title span{ border:solid 1px #cbcbcb; border-bottom:0; background-color:#FFF; line-height:40px; padding:0 20px; display:inline-block; top:1px; position:relative;}
.prod_detail .title span:after{ height:32px; width:6px; background-color:#e5e5e5; content:""; position:absolute; right:-7px;; bottom:1px;}
.prod_detail .content{ padding:20px 0;}
.prod_detail .more{ text-align:center;}
.prod_detail .more a{ margin:0 10px;}
.prod_detail .other{}
@media (min-width: 768px) {
	.prod_detail .photo{ width:60%;}
	.prod_detail .info{ width:40%; padding-left:30px; margin-top:0px;}
	.prod_detail .title{ font-size:18px;}	
}
@media (min-width: 992px) {	
	.prod_detail .photo{}
	.prod_detail .info{ padding-left:50px;}
	.prod_detail .content{ padding:30px 20px;}
}
@media (min-width: 1200px) {
}
@media (min-width: 768px) and (max-width: 1199px) {
	.prod_detail .other .item:nth-child(4){ display:none;}
}


/*产品详情相册*/
.prod_detail_photo{}
.prod_detail_photo img{ width:100%;}
.prod_detail_photo .big{ text-align:center;}
.prod_detail_photo .small{ position:relative; margin-top:10px; padding:0 20px;}
.prod_detail_photo .small .swiper-slide a{ margin:8px;}
@media (min-width: 768px) {
	.prod_detail_photo .small{ margin-top:10px; padding:0 26px;}
}
@media (min-width: 992px) {	
	.prod_detail_photo .small{ margin-top:10px; padding:0 30px;}
}
@media (min-width: 1200px) {
	.prod_detail_photo .small{ margin-top:20px; padding:0 40px;}
	.prod_detail_photo .small .swiper-slide a{ margin:10px;}
}


/*颜色选择*/
.prod_detail .color{ padding:15px 0;}
.prod_detail .color .n{ margin-bottom:6px; text-transform:uppercase;}
.prod_detail .color .list{ margin:-5px;}
.prod_detail .color .list a{ width:92px; text-align:center; font-size:14px; margin:5px; display:block;}
.prod_detail .color .list .pic{ border:solid 1px #d7d7d7;}
.prod_detail .color .list img{ width:90px; height:90px;}
.prod_detail .color .list a:hover .pic{ border-color:#a9a8a8;}
.prod_detail .color .list .active{color:#080404;}
.prod_detail .color .list .active .pic, .prod_detail .color .list .active:hover .pic{ border-color:#080404;}


.index_more1{}
.index_more1 a{ border:solid 1px #a8bcd9; background-color:#FFF; color:#0093dd; display:inline-block; width:60%; line-height:36px; text-transform:uppercase; text-align:center; }
.index_more1 a:hover{ border-color:#0093dd; background-color:#0093dd; color:#FFF;}
@media (min-width: 768px) {
	.index_more1 a{ width:200px; line-height:42px; font-size:17px;}
}
@media (min-width: 1200px) {
	.index_more1 a{ width:280px; line-height:52px;}
}

.index_more2{ position:absolute; right:0; top:50%; margin-top:-15px; background-color:#FFF; display:inline-block; padding:0 10px;}
.index_more2 a{ letter-spacing:0; color:#0093dd; font-size:18px; height:30px; line-height:30px; display:inline-block;}
.index_more2 i{ font-size:14px; margin-left:5px; background-color:#0093dd; color:#FFF; width:16px; height:16px; line-height:16px; text-align:center; display:inline-block; letter-spacing:0;-moz-border-radius:20px; border-radius:20px;} 
@media (min-width: 768px) {
	.index_more2 a{ letter-spacing:1px; font-size:20px;}
	.index_more2 i{ font-size:16px; width:20px; height:20px; line-height:20px;} 
}


.index1{}
.index1 .item{ width:100%;}
.index1 .item:nth-child(2){ background-color:#080404; color:#FFF;}
.index1 .item:nth-child(5){ width:100%;}
@media (min-width: 768px) {
	.index1 .item{ width:50%;}
}
@media (min-width: 1200px) {
	.index1 .item{ width:33.33%;}
	.index1 .item:nth-child(5){ width:66.66%;}
}




/*收集邮箱留言*/
.letter_feedback{ padding:10px 0 0;}
.letter_feedback .input1{ margin:10px 0; position:relative;}
.letter_feedback .input1 input{ padding:0 10px; width:100%; height:37px; line-height:37px; color:#FFF; border:solid 1px #888888; background-color:transparent; outline:none;}
.letter_feedback .input1 .code{ position:absolute; right:5px; top:4px; cursor:pointer;}
.letter_feedback .input2{}
.letter_feedback .input2 input{ background-color:#0093dd; color:#FFF; cursor:pointer; border:0; height:37px; width:100%;}
.letter_feedback .input2 input:hover{ background-color:#ff9b50; color:#080404;}


/*首页swiper*/
.index_swiper>div{ padding:0 20px; margin:0 -5px;}
.index_swiper>div a{ padding:10px;}
@media (min-width: 768px) {	
	.index_swiper>div{ padding:0 25px;}
}
@media (min-width: 992px) {	
	.index_swiper>div{ padding:0 35px; margin:0 -10px;}
}
@media (min-width: 1200px) {	
	.index_swiper>div{ padding:0 40px;}
}
@media (min-width: 1500px) {	
	.index_swiper>div{ margin:0;}
}


/*首页留言*/
.index_feedback{}
.index_feedback .input1{ margin:10px 0; position:relative;}
.index_feedback .input1 input, .index_feedback .input1 textarea{ padding:0 5px; width:100%; height:31px; line-height:31px; color:#FFF; border:solid 1px #888888; background-color:transparent; outline:none;}
.index_feedback .input1 input{}
.index_feedback .input1 textarea{ height:70px;}
.index_feedback .input1 .code{ position:absolute; right:1px; top:1px; cursor:pointer;}
.index_feedback .input2{}
.index_feedback .input2 input{ background-color:#333333; color:#FFF; cursor:pointer; border:0; height:35px; width:100%;}
.index_feedback .input2 input:hover{ background-color:#ff9b50; color:#080404;}


.index_feedback1{ padding:20px 4%;}
.index_feedback1 .txt1{ line-height:1.2;}
.index_feedback1 .txt2{ border-bottom:solid 1px #a9a8a8; line-height:1.2; padding:10px 0 20px; text-align:justify;}
.index_feedback1 .input1{ position:relative; border-bottom:solid 1px #a9a8a8;}
.index_feedback1 .input1 input{ padding:0 5px; width:100%; height:10vw; line-height:10vw; color:#FFF; border:solid 0px #888888; background-color:transparent; outline:none;}
.index_feedback1 .input1 .code{ position:absolute; right:1px; cursor:pointer; top:50%; margin-top:-15px;}
.index_feedback1 .input2{ padding:10px 0 0;}
.index_feedback1 .input2 input{ background-color:#FFF; color:#080404; cursor:pointer; border:0; height:10vw; width:100%;}
.index_feedback1 .input2 input:hover{ background-color:#767676; color:#FFF;}
@media (min-width: 768px) {	
	.index_feedback1{ padding:0 8%;}
	.index_feedback1 .txt2{ padding:1vw 0 2vw;}
	.index_feedback1 .input1 input{ height:5vw; line-height:5vw;}
	.index_feedback1 .input2 input{ height:5vw;}
}
@media (min-width: 1200px) {
	.index_feedback1 .txt2{ padding:1vw 0 1.5vw;}
	.index_feedback1 .input1 input{ height:3vw; line-height:3vw;}
	.index_feedback1 .input2 input{ height:3vw;}
}


.index_feedback2{ padding:20px 0;}
.index_feedback2 .txt1{ line-height:1.2;}
.index_feedback2 .txt2{ border-bottom:solid 1px #c9c9ca; line-height:1.2; padding:5px 0 10px;}

.index_feedback2 .content{ max-width:850px; padding:20px 0; margin:0 -0.8vw;}
.index_feedback2 .input1, .index_feedback2 .input2{ padding:0.8vw;}
.index_feedback2 .item1{ width:100%;}
.index_feedback2 .item2{ width:100%;}
.index_feedback2 .item1>div{ width:50%;}
.index_feedback2 .item2>div{ width:50%;}

.index_feedback2 .input1{ position:relative;}
.index_feedback2 .input1 input{ padding:0 1vw; width:100%; height:10vw; line-height:10vw; color:#FFF; border:solid 0px #888888; background-color:#383635; outline:none;}
.index_feedback2 .input1 .code{ position:absolute; right:1vw; cursor:pointer; top:50%; margin-top:-15px;}
.index_feedback2 .input2{}
.index_feedback2 .input2 input{ background-color:#FFF; color:#080404; cursor:pointer; border:0; height:10vw; width:100%;}
.index_feedback2 .input2 input:hover{ background-color:#767676; color:#FFF;}
@media (min-width: 768px) {	
	.index_feedback2 .content{ margin:0vw;}
	.index_feedback2 .input1, .index_feedback2 .input2{ padding:0.8vw 1.6vw 0.8vw 0;}
	.index_feedback2 .item1{ width:66.66%;}
	.index_feedback2 .item2{ width:33.33%;}
	.index_feedback2 .item1>div{ width:50%;}
	.index_feedback2 .item2>div{ width:100%;}
	.index_feedback2 .txt2{}
	.index_feedback2 .input1 input{ height:5vw; line-height:5vw;}
	.index_feedback2 .input1 .code{ right:2vw;}
	.index_feedback2 .input2 input{ height:5vw;}
}
@media (min-width: 1200px) {
	.index_feedback2 .item1{ width:66%;}
	.index_feedback2 .item2{ width:30%;}
	.index_feedback2 .input1 input{ height:2.6vw; line-height:2.6vw;}
	.index_feedback2 .input1 .code{ right:1.8vw;}
	.index_feedback2 .input2 input{ height:2.6vw;}
}



/*首页新闻样式*/
.index_article_list1{}
.index_article_list1 li{}
.index_article_list1 li a{ height:36px; line-height:36px; display:block; padding-left:5px;}
.index_article_list1 li a em{ margin-right:5px;}
.index_article_list1 li a span{ float:right; padding:0 10px; color:#8b919e;}

.index_article_list2{}
.index_article_list2 li{ padding:10px 0;}
.index_article_list2 li .title{ text-align:center; font-size:16px; line-height:1.5;}
.index_article_list2 li .desc{ color:#8b919e; margin-top:6px;}
.index_article_list2 li .desc a{ float:right;}
@media (min-width: 768px) {
	.index_article_list2 li .title{ font-size:20px;}
}


.index_article_list3{}
.index_article_list3 ul{ margin:-6px;}
.index_article_list3 li{ width:50%; padding:6px;}
.index_article_list3 li a{ display:block; background-color:#FFF;}
.index_article_list3 li>div{ position:relative;}
.index_article_list3 li .info{ padding:10px; position:relative;}
.index_article_list3 li .info em{ position:absolute; right:8px; bottom:4px; font-size:24px; color:#8b919e;}
.index_article_list3 li .txt{ text-align:center; padding:0 10px; margin-top:5px;}
.index_article_list3 li .time{ color:#8b919e;}
@media (min-width: 768px) {
	.index_article_list3 li{ width:50%;}
	.index_article_list3 li .txt{ position:absolute; left:0; bottom:0; width:100%; line-height:40px; color:#FFF; background-color:rgba(0,0,0,0.6);}
}
@media (min-width: 992px) {
	.index_article_list3 ul{ margin:-12px;}
	.index_article_list3 li{ padding:12px; width:25%;}
	.index_article_list3 li .info{ padding:15px;}
	.index_article_list3 li .info em{ right:16px; bottom:10px; font-size:24px;}
	.index_article_list3 li .txt{ line-height:50px;}
}


.index_article_list4{ margin:-4px 0;}
.index_article_list4 li{}
.index_article_list4 li a{ background-color:rgba(255,255,255,0.6); padding:10px; display:block;}
.index_article_list4 li a .time{ font-size:15px; color:#8b919e;}
.index_article_list4 li a .txt1{ font-size:18px; line-height:1.4; margin:10px 0;}
.index_article_list4 li a .txt2{ color:#8b919e;}
.index_article_list4 li a .pic{margin-top:10px;}
@media (min-width: 768px) {
	.index_article_list4 li a{ padding:15px;}
	.index_article_list4 li a .time{ font-size:16px;}
	.index_article_list4 li a .txt1{ font-size:20px; margin:15px 0;}
	.index_article_list4 li a .pic{ margin-top:15px;}
}
@media (min-width: 992px) {	
	.index_article_list4 li a{ padding:20px;}
	.index_article_list4 li a .time{ font-size:22px;}
	.index_article_list4 li a .txt1{ font-size:28px; margin:20px 0;}
	.index_article_list4 li a .pic{ margin-top:20px;}
}

.index_article_list5{}
.index_article_list5 li{ width:100%;border-bottom:dashed 1px #b6b6b6;}
.index_article_list5 li a{ padding:15px 0; display:block;}
.index_article_list5 li a .txt1{ line-height:16px;}
.index_article_list5 li a .txt1 .txt{ width:calc(100% - 50px); font-size:16px;}
.index_article_list5 li a .txt1 .time{ width:50px; text-align:right; color:#8b919e;}
.index_article_list5 li a .txt2{ color:#8b919e; margin-top:12px;}
.index_article_list5 li a .icon{ text-align:right; line-height:1; margin-top:5px;}
.index_article_list5 li a .icon em{ font-size:18px;  color:#8b919e;}
@media (min-width: 768px) {
	.index_article_list5 li a .txt1{ line-height:18px;}
	.index_article_list5 li a .txt1 .txt{ font-size:18px;}
	.index_article_list5 li a .icon em{ font-size:22px;}
}
@media (min-width: 992px) {
	.index_article_list5 li a .txt1{ line-height:20px;}
	.index_article_list5 li a .txt1 .txt{ font-size:20px;}
	.index_article_list5 li a .icon em{ font-size:26px;}
}
@media (min-width: 1200px) {
	.index_article_list5 li a{ padding:30px 0;}
}

.index_article_list6{}
.index_article_list6 li{ width:100%; border-bottom:solid 1px #e9e9e9; padding:15px 0;}
.index_article_list6 li .pic{ width:35%;}
.index_article_list6 li .txt{ width:65%; padding:0 20px;}
.index_article_list6 li .txt .txt1{ font-weight:bold; font-size:16px;}
.index_article_list6 li .txt .txt2{ color:#8b919e;}
@media (min-width: 768px) {
	.index_article_list6 li{ padding:20px 0;}
	.index_article_list6 li .txt .txt1{ font-size:18px; margin:5px 0;}
}
@media (min-width: 992px) {
	.index_article_list6 li{ width:50%;}
}


/*首页产品分类*/
.index_prod_class_list1{ margin:0 -6px 10px;}
.index_prod_class_list1 ul{ margin:0 auto;}
.index_prod_class_list1 li{ display:inline-block;}
.index_prod_class_list1 li a{ padding:2px 6px; display:inline-block; text-transform:uppercase;}
.index_prod_class_list1 li:after{ content:"/"; color:#8b919e;}
.index_prod_class_list1 li:last-child:after{ content:"";}
@media (min-width: 768px) {
	.index_prod_class_list1{ margin:0 -14px 20px;}
	.index_prod_class_list1 li a{ padding:2px 14px;}
}

/*首页产品分类和推荐产品组合*/
.index_prod_class_list2{}
.index_prod_class_list2 .hd{ margin:0 -6px;}
.index_prod_class_list2 .hd ul{ display:inline-block; color:#999999;}
.index_prod_class_list2 .hd ul li{ display:inline-block; text-transform:uppercase;}
.index_prod_class_list2 .hd ul li:after{ content:"/";}
.index_prod_class_list2 .hd ul li:last-child:after{ content:"";}
.index_prod_class_list2 .hd ul li a{ color:#080404; padding:2px 6px; display:inline-block;}
.index_prod_class_list2 .hd ul li.on{}
.index_prod_class_list2 .hd ul li.on a{ color:#0093dd; font-weight:bold;}
.index_prod_class_list2 .bd{}
@media (min-width: 768px) {
	.index_prod_class_list2 .hd{ margin:0 -14px;}
	.index_prod_class_list2 .hd ul li a{ font-size:16px; padding:2px 14px;}
}
@media (min-width: 1200px) {	
	.index_prod_class_list2 .hd ul li a{ font-size:18px;}
}


/*首页产品*/
.index_prod_list1{ margin:-6px;}
.index_prod_list1 .item{ width:50%; padding:6px;}
@media (min-width: 768px) {
	.index_prod_list1 .item{ width:33.33%;}
}
@media (min-width: 992px) {	
	.index_prod_list1{ margin:-12px;}
	.index_prod_list1 .item{ width:33.33%; padding:12px;}
}
@media (min-width: 1200px) {
	.index_prod_list1 .item{ width:25%;}
}
@media (min-width: 768px) and (max-width: 1199px) {	
	.index_prod_list1 .item:nth-child(1n+7){ display:none;}
}
/*
@media (min-width: 1500px) {
	.index_prod_list1 .item{ width:20%;}
	.index_prod_list1 .item:nth-child(1n+11){ display:none;}
}
*/

/*左边样式*/
.left_title{ font-size:26px; color:#FFF; font-weight:bold; padding:22px 30px; background-image:url(../../img/left_title_bg.jpg); background-size:cover; background-position:center;}
.left_title2{ border-bottom:solid 1px #cbcbcb; font-size:24px; margin-bottom:10px;}

.left_tel{ background-repeat:no-repeat; background-image:url(../../img/left_tel_bg.jpg); background-size:cover;}
.left_tel .info{ background-repeat:no-repeat; color:#FFF; padding:15px 0px 15px 60px; background-position:15px center; line-height:1.3;}
.left_tel .txt1{ font-size:16px;}
.left_tel .txt2{ font-size:20px; font-weight:bold;}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
	.left_tel .txt2{ font-size:22px;}
}


.left_prod_list{}
.left_prod_list .item{ padding:10px 0;}
.left_prod_list .item .pic{ width:30%;}
.left_prod_list .item .txt{ width:70%; padding-left:10px; font-size:14px; line-height:1.5;}

.left_menu{ text-transform:uppercase;}
.left_menu a{ display:block; position:relative; color:#767676; line-height:1.2;}
.left_menu a:hover{ color:#080404;}
.left_menu ul{ position:relative;}
.left_menu>ul>li{}
.left_menu>ul>li>a{ padding:6px 0px;}
.left_menu>ul>li>a>em{ display:none;}
.left_menu>ul>li>ul{ padding:0 10px 10px;}
.left_menu>ul>li>ul>li>a{ padding:3px 8px 3px 23px;}
.left_menu>ul>li>ul>li>a>em{ position:absolute; left:4px; top:4px; line-height:24px;}
.left_menu .active>a{color:#080404;}

.left_menu2{ padding-bottom:2vw; text-transform:uppercase;}
.left_menu2 ul{ margin:-0.5vw;}
.left_menu2 li{ width:50%;}
.left_menu2 li a{ background-color:#080404; border:solid 1px #080404; color:#767676; display:block; margin:0.5vw; padding:1vw 0.5vw; text-align:center;}
.left_menu2 li a:hover, .left_menu2 .active a{ background-color:#FFF; color:#080404;}
.left_menu2 em{ display:none;}
@media (min-width: 768px) {
	.left_menu2 li{ width:33.33%;}
}
@media (min-width: 992px) {
	.left_menu2 li{ width:16.66%;}
	.left_menu2 li a{ padding:0.6vw 0.5vw;
}
@media (min-width: 1200px) {
}


/*swiper轮播样式*/
.swiper_list1{ position:relative;}
.swiper_list1 a{ display:block; text-align:center;}
.swiper_list1 .pic{ margin-bottom:5px;}
.swiper_list1 .txt{ line-height:36px;}
.swiper_list2{ position:relative; text-align:center;}
.swiper_list2 a{ display:block;}
.swiper_list2 .pic{}
.swiper_list2 .txt{ line-height:2; font-weight:bold; margin:5px 0;}
.swiper_list2 .desc{ line-height:1.8;}
.swiper_list2 .btn{ margin:10px 0 5px;}
.swiper_list2 .btn a{ display:inline-block;}
@media (min-width: 768px) {
}
@media (min-width: 992px) {	
}
@media (min-width: 1200px) {
}


/*swiper大小轮播样式*/
.swiper_two1 .small{ max-width:780px; margin:0 auto 12px; padding:0 10px;}
.swiper_two1 .small .swiper-slide{ line-height:38px; text-align:center; cursor:pointer;}
.swiper_two1 .small .swiper-slide-thumb-active{ color:#FFF;}
.swiper_two1 .small .swiper-slide:before{ background-color:#ececec; width:100%; height:100%; content:""; left:0; top:0; position:absolute; z-index:-1; transform:skewX(-25deg);}
.swiper_two1 .small .swiper-slide-thumb-active:before{ background-color:#0093dd;}
.swiper_two1 .big{}

.swiper_two2 .small{ max-width:780px; margin:0 auto; padding:0 10px;}
.swiper_two2 .small .swiper-slide{ line-height:42px; text-align:center; cursor:pointer;}
.swiper_two2 .small .swiper-slide-thumb-active{ color:#FFF;}
.swiper_two2 .small .swiper-slide:before{ background-color:#ececec; width:100%; height:100%; content:""; left:0; top:0; position:absolute; z-index:-1; transform:skewX(-25deg);}
.swiper_two2 .small .swiper-slide-thumb-active:before{ background-color:#0093dd;}
.swiper_two2 .big{ padding:0 0 1px;}


/*留言*/
.feedback{ line-height:34px; max-width:880px; margin:0 auto;}
.feedback .item{ position:relative; padding:6px 0;}
.feedback .item .name{ color:#8b919e;}
.feedback .item .name span{ color:#a90100;}
.feedback .item .val{}
.feedback .item .val .txtinput, .feedback .item .val .txtinput2{ width:100%; border:solid 1px #cccccc; outline:none; padding:0 8px; height:34px; line-height:34px;}
.feedback .item .val .txtinput2{ height:104px; line-height:22px; padding:6px 8px;}
.feedback .item .val .code{ position:absolute; right:5px; bottom:8px; cursor:pointer;}
.feedback .item .w100 label{ width:100%; display:inline-block;}
.feedback .item .w50 label{ width:50%; display:inline-block;}
.feedback .item2{ position:relative; padding:6px 0; text-align:center;}
.feedback .item2 .btn1{ cursor:pointer; border:0; width:100%;}
@media (min-width: 768px) {
	.feedback .item .name{ width:95px; position:absolute; text-align:right;}
	.feedback .item .val{ padding-left:105px;}
	.feedback .item .w100 label{ width:auto; margin-right:20px;}
	.feedback .item .w50 label{ width:auto; margin-right:20px;}
	.feedback .item2 .btn1{ width:200px;}
}
@media (min-width: 992px) {
	.feedback .item .name{ width:110px; }
	.feedback .item .val{ padding-left:120px;}
}

/*留言2*/
.feedback2{ line-height:30px; margin:0 auto;}
.feedback2 .item{ position:relative; padding:3px 0;}
.feedback2 .item .name{ color:#8b919e; font-size:14px;}
.feedback2 .item .name span{ color:#a90100;}
.feedback2 .item .val{}
.feedback2 .item .val .txtinput, .feedback2 .item .val .txtinput2{ width:100%; border:solid 1px #cccccc; outline:none; padding:0 8px; height:34px; line-height:34px;}
.feedback2 .item .val .txtinput2{ height:104px; line-height:22px; padding:6px 8px;}
.feedback2 .item .val .code{ position:absolute; right:5px; bottom:6px; cursor:pointer;}
.feedback2 .item2{ position:relative; padding:10px 0 6px 0; text-align:center;}
.feedback2 .item2 .btn1{ cursor:pointer; border:0; width:100%;}



/*会员登录*/
.login{ padding:15px; margin:20px auto;}
.login .title{ text-align:center;}
.login .content{}
.login .content .item{ margin:15px 0;}
.login .content .item .icon{ position:absolute; padding:0 10px;}
.login .content .item .icon em{ font-size:18px; line-height:46px;}
.login .content .item .input{ position:relative;}
.login .content .item .input input{ width:100%; height:46px; line-height:46px; border:solid 1px #cbcbcb; padding:0 8px 0 40px; outline:none; background-color:transparent;}
.login .content .item .input input:focus{ border-color:#0093dd;}
.login .content .item .input .code{ position:absolute; right:8px; top:8px; cursor:pointer;}
.login .btn{}
.login .btn input{ border:0; width:100%; cursor:pointer;}
.login .desc{ text-align:center; padding-top:10px;}
.login .desc a{ color:#0093dd;}
.login .desc a:hover{ color:#0093dd; text-decoration:underline;}
@media (min-width: 768px) {
	.login{ max-width:500px; padding:30px 40px 40px;}
}

/*会员注册*/
.register{ margin:0 auto;}
.register .title{ text-align:center;}
.register .content{}
.register .content .item{ margin:10px 0; position:relative;}
.register .content .item .txt{ position:relative; line-height:36px; color:#8b919e;}
.register .content .item .txt span{ color:#F00;}
.register .content .item .input{}
.register .content .item .input input, .register .content .item .input textarea{ width:100%; border:solid 1px #cbcbcb; padding:0 8px; outline:none; background-color:transparent;}
.register .content .item .input input{ height:46px; line-height:46px;}
.register .content .item .input textarea{ line-height:26px; padding:8px;}
.register .content .item .input input:focus{ border-color:#0093dd;}
.register .content .item .input input:disabled{ background-color:#F1F1F1;}
.register .content .item .input .code{ position:absolute; right:8px; bottom:9px; cursor:pointer;}
.register .btn{}
.register .btn input{ border:0; width:100%; cursor:pointer;}
.register .desc{ text-align:center; padding-top:10px;}
.register .desc a{ color:#0093dd;}
.register .desc a:hover{ color:#0093dd; text-decoration:underline;}
@media (min-width: 768px) {
	.register{ max-width:700px;}
	.register .content .item{ margin:15px 0;}
	.register .content .item .txt{ position:absolute; left:0; line-height:46px;}
	.register .content .item .input{ padding-left:160px;}
}