/*基础样式*/
input,
select,
textarea {
	font-size: 100%;
	padding-left: 10px;
	outline: none;
	_outline: none;
	border: 0;
	box-sizing: border-box;
}
button {
	outline: none;
	border: 0px;
	cursor: pointer;
}
textarea {
	resize: none
}
/* 去掉各Table cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* IE bug fixed: th 不继承 text-align*/
th {
	text-align: inherit;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,
th {
	text-align: left;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
	display: block;
}
/* 一致的 del 样式 */
del {
	text-decoration: line-through;
}
/* 统一上标和下标 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
	font-size: 14px;
}
input::-moz-placeholder { /* Firefox 19+ */  
	font-size: 14px;
}
input:-ms-input-placeholder { /* IE 10+ */ 
 	font-size: 14px;
}
input:-moz-placeholder { /* Firefox 18- */ 
 	font-size: 14px;
}



select {
	border: solid 1px #e6e6e6;
	/*appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;*/
	/*background: url(../images/xia-1.png) no-repeat scroll 95% center transparent;*/
	/*padding-right: 25px;*/
	background-color: #FFFFFF;
	font-size: 14px;
	/*height: 50px;*/
}
select::-ms-expand {
	display: none;
}


.mobile{display: none;}
.pc{display: block;}
.w_1400{width: 1400px;margin: 0 auto;}
@media only screen and (max-width: 1040px){
	.mobile{display: block;}
	.pc{display: none;}
}



header{
	height: 150px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
	transition: all 0.3s;
}
.header{
	width: 1820px;
	height: 100%;
	margin: 0 auto;
	
}

.header .head_bot{
	height: 100%;
}
.header .head_bot .head_bot_l{
	width: 35%;
	padding-top: 44px;
	box-sizing: border-box;
}
.header .head_bot .head_bot_l .com{
	color: #686d81;
	font-size: 18px;
	font-weight: bold;
}
.header .head_bot .head_bot_l div p{
	font-size: 14px;
	color: #686d81;
	margin-right: 10px;
}
.header .head_bot .head_bot_l div p i{
    font: 12px/1.5 arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #686d81;
}


.header .head_bot .head_bot_m{
	width: 30%;
	line-height: 150px;
	height: 100%;
	position: relative;
}
.header .head_bot .head_bot_m a img{
	max-height: 70px;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


.header .head_bot .head_bot_r{
	width: 35%;
	box-sizing: border-box;
	padding-top: 45px;
}



.head_bot_r .list_link {
	height: 60px;
	line-height: 60px;
	position: relative;
}
.head_bot_r .list_link .link_list {
	padding: 0px 25px 0px 15px;
	color: #77777a;
	border: none;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	font-family: Verdana, Geneva, sans-serif;
}
.head_bot_r .list_link .link_list b {
	position: absolute;
	right: 10px;
	top: 28px;
	border-color: #1d1641 transparent transparent;
	border-style: solid dashed dashed;
	border-width: 4px;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 0;
	transition: all 0.3s ease-in 0s;
}
.head_bot_r .list_link .menu_list {
	display: none;
	padding: 0px 10%;
}
.head_bot_r .list_link.hover .menu_list {
	width: 400px;
	position: absolute;
	right: 0px;
	top: 60px;
	background: #1f2837;
	display: block;
	z-index: 99;
}
.head_bot_r .list_link.hover .menu_list .a_h {
	display: block;
	text-align: left;
	line-height: 22px;
	padding: 8px 0px;
	border-bottom: double 1px #111926;
	color: #ffffff;
}
.head_bot_r .list_link.hover .menu_list .a_h span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.head_bot_r .list_link.hover .link_list {
	background: #1f2837;
	color: #ffffff;
}

.head_bot_r .list_link.hover .link_list b {
	top: 25px;
	transform: rotate(180deg);
	border-color: #ffffff #1f2837 #1f2837;
	transition: all 0.3s ease-in 0s;
	
}
.head_bot_r .list_link .menu_list.flag {
	width: 124px;
	left: -39px;
}
.head_bot_r .list_link.hover .menu_list .a_h .icon-sgs {
	background: rgba(0, 0, 0, 0) url("../images/nav_sptb.gif") no-repeat scroll 0 0;
	display: inline-block;
	height: 13px;
	margin: 6px 10px 0px 0px;
	width: 27px;
}
.head_bot_r .list_link.hover .menu_list .a_h .icon-sp {
	background: rgba(0, 0, 0, 0) url("../images/nav_sptb.gif") no-repeat scroll -40px 0;
	display: inline-block;
	height: 13px;
	margin: 6px 10px 0px 0px;
	width: 13px;
}
.head_bot_r .list_link.hover .menu_list .a_h.more {
	text-align: center;
	border-bottom: none;
	color: #fa7f08;
	font-size: 1.6rem;
	
}
.head_bot_r .list_link.hover .menu_list .a_h.more i {
	padding-left: 5px;
	font-size: 2rem;
}


.home_nav_wrap{
	margin-top: 2px;
	border-top: 1px solid #dedede;
}

.home_nav_wrap .home_nav>.navigation{height: 100%;text-align: center;}
.home_nav_wrap .home_nav>.navigation>li{
	display: inline-block;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	margin-left: 10px;
}
.home_nav_wrap .home_nav>.navigation>li>a{
	line-height: 50px;
	display: block;
	text-align: center;
	color: #686d81;
	font-size: 18px;
	height: 50px;
	padding: 0 30px;
	box-sizing: border-box;
}
.home_nav_wrap .home_nav>.navigation>li.active>a{
	color: #13a864;
}
.home_nav_wrap .home_nav>.navigation>li.active>a i{
	color: #13a864;
}
.home_nav_wrap .home_nav>.navigation>li:hover>a{
	color: #13a864;
}
.home_nav_wrap .home_nav>.navigation>li:hover>a i{
	color: #13a864;
}
.home_nav_wrap .home_nav>.navigation>li>a i{
	margin-left: 5px;
	font-size: 16px;
	display: block;
	height: 100%;
	line-height: 50px;
}
.nav_listShow{
	position: absolute;
	left: 0px;
	top: 50px;
	width: 230px;
	box-sizing: border-box;
	background-color: #ffffff;
	z-index: 999;
	display: none; 
	border-top: 2px solid #13a864;
}
.nav_listShow li,.nav_listShow ul>p{
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	padding: 0 20px;
	cursor: pointer;
}
.home_nav_wrap .home_nav>.navigation>li:hover>.nav_listShow{
	display: block;
}
.nav_listShow li{
	position: relative;
}


.nav_listShow p a{
	display: block;
	width: 80%;
	height: 50px;
	line-height: 50px;
	color: #333333;
	font-size: 14px;
	margin: 0 5px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nav_listShow ul li:hover p
,.nav_listShow p:hover{
	/*background-color: #f4f4f4;*/
}
.nav_listShow ul li:hover p a,.nav_listShow ul li:hover p i{
	color: #13a864;
}
.nav_listShow ul li i{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	display: block;
	height: 50px;
	line-height: 50px;
}
.nav_listShow ul>p i{
	background-color: #616161;
	width: 13px;
	height: 13px;
	margin-top: 19px;
	color: #ffffff;
	line-height: 13px;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
	margin-right: 10px;
}
.nav-listShowTwo {
    display: none;
    position: absolute;
    top: 0px;
    left: 228px;
    width: 226px;
    z-index: 9;
    box-shadow: 1px 3px 6px 1px rgba(0, 0, 0, .1);
    background-color: #ffffff;
    border-top: 2px solid #13a864;
}
.nav-listShowTwo > ul {
    width: 237px;
    z-index: 999;
    padding: 15px 0;
    box-sizing: border-box;
}
.nav-listShowTwo > ul > li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    cursor: pointer;
}
.nav-listShowTwo > ul > li > a {
    font-size: 14px;
    color: #666;
}
.nav-listShowTwo > ul > li:hover > a {
    color: #13a864
}

.nav_listShow li:hover .nav-listShowTwo {
    display: block;
}

.header .head_nav {
	
    /*position: absolute;
    top: 0;
    left: 1%;*/
    width: 55px;
    position: relative;
}

.header .head_nav .nav_btn{
	height: 100%;
	cursor: pointer;
	text-align: center;
	margin-left: 5px;
}
.header .head_nav .nav_btn i {
    color: #686d81;
    font-size: 24px;
    display: block;
    height: 60px;
	line-height: 60px;
}
.header .head_nav.show .nav_m-list{
	display: block;
}






















.home_nav_wrap .home_nav .nav_btn{height: 100%;cursor: pointer;}
.home_nav_wrap .home_nav .nav_btn i {
    color: #1a1a1a;
    font-size: 30px;
}
.home_nav_wrap .home_nav.show .nav_m-list{
	display: block;
}


.head_bot_r .head_bot_search{
	margin-left: 10px;
	position: relative;
}
.head_bot_r .head_bot_search .search_btn{
	
	
}
.head_bot_r .head_bot_search .search_btn i{
	font-size: 20px;
	float: left;
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 38px;
	margin-top: 10px;
	border-radius: 20px;
	background-color: #f0f0f2;
	color: #686d81;
	cursor: pointer;
}



.head_bot_r .head_bot_search form{
	height: 40px;
	line-height: 40px;
	background-color: #f0f0f2;
	border-radius: 20px;
	position: absolute;
	top: 10px;
	right: 40px;
	z-index: 99;
	width: 400px;
	display: none;
}
.head_bot_r .head_bot_search.show form{
	display: block;
}
.head_bot_r .head_bot_search form .search_type{
	position: relative;
    height: 100%;
    box-sizing: border-box;
    border-left: 0;
    border-right: 0;
    width: 100px;
    text-indent: 30px;
    font-size: 16px;
    color: #666666;
    background-color: #f0f0f2;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-right: -1px;
}
.head_bot_r .head_bot_search form .search_type > div{
	height: 40px;
	line-height: 40px;
}
.head_bot_r .head_bot_search form input {
    box-sizing: border-box;
    height: 100%;
    color: #666666;
    background-color: #f0f0f2;
    width: 250px;
    border-left: 0;
    font-size: 14px;
}
.head_bot_r .head_bot_search form button {
    width: 40px;
    height: 36px;
    background-color: #f0f0f2;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-right: 10px;
    
}
.head_bot_r .head_bot_search form button i{
	color: #686d81;
	font-size: 22px;
	display: block;
	overflow: hidden;
}

.head_bot_r .head_bot_search form .search_type::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 4px 4px 4px 4px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    position: absolute;
    right: 10px;
    top: 48%;
}
.head_bot_r .head_bot_search form .search_type ul {
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    display: none;
    background-color: #fff;
    z-index: 999;
}
.head_bot_r .head_bot_search form .search_type ul li {
    cursor: pointer;
    background-color: #e8e8e8;
    border-top: 0;
    height: 36px;
    line-height: 36px;
}










@media only screen and (max-width: 1850px){
	.header{width: 100%;box-sizing: border-box;padding: 0 1%;}
}


@media only screen and (max-width: 1440px){
	.w_1400{width: 100%;padding: 0 1%;box-sizing: border-box;}
	header{height: 120px;}
	.header .head_bot .head_bot_m{height: 120px;line-height: 120px;}
	.header .head_bot .head_bot_l{padding-top: 27px;}
	.header .head_bot .head_bot_r{padding-top: 30px;}
}

@media only screen and (max-width: 1280px){
	.home_nav_wrap .home_nav>.navigation>li>a{
		padding: 0 20px;
		font-size: 16px;
	}
	.home_nav_wrap .home_nav>.navigation>li{float: none;}
}

@media only screen and (max-width: 1040px){
	.header .head_bot .head_bot_m {height: 80px;line-height: 80px;}
	.header .head_bot .head_bot_r{padding-top: 10px;}
	header {border-bottom: 0;}
	.header .head_top{text-align: center;font-size: 18px;color: #686d81;line-height: 36px;} 
	.header .head_bot .head_bot_m a img {max-height: 50px;}
	.head_bot_r .head_bot_search form {top: 74px;right: 0px;}
	.header .head_bot .head_bot_m{width: 200px;}
	.head_bot_r .head_bot_search .search_btn i {height: 32px;width: 32px;line-height: 30px;font-size: 18px;margin-top: 13px;overflow: hidden;}
	
	.header .nav_m-list{display: none;position: absolute;top: 74px;right: 0;z-index: 9999;background-color: #333333;width: 40vw;padding: 20px;max-height: 600px;overflow-y: scroll;}
	.nav_m-list li a{width: 85%;color: #cfcfcf;display: inline-block;font-size: 18px;height: 52px;line-height: 52px;}
	.nav_m-list .nav_m_one>li{line-height: 52px;text-align: left;line-height: 52px;}
	.nav_m-list .nav_m_one>li>p span{color: #cfcfcf;font-size: 22px;transition: all 0.3s;cursor: pointer;overflow: hidden;}
	.nav_m-list li .nav-list{display: none;}
	.nav_m-list li.show .nav-list{display: block;}
	.nav_m-list li.show>p span{moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
	.nav_m-list li.show .nav-list li{line-height: 46px;box-sizing: border-box;padding-left: 20px;}
	.nav_m-list ul li .nav-list li a{font-size: 14px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.header .head_bot{height: 80px;}
	
	
	
}


@media only screen and (max-width: 767px){
	.head_bot_r .list_link .link_list {height: 50px;line-height: 50px;}
	.head_bot_r .list_link .link_list b {top: 23px;}
	.head_bot_r .list_link.hover .menu_list{top: 50px;}
	/*.head_bot_r .head_bot_search .search_btn i{margin-top: 7px;font-size: 18px;height: 36px;width: 36px;line-height: 34px;}*/
	/*.head_bot_r .head_bot_search form {top: 4px;}*/
	header {height: 85px;}
	.header .head_top{font-size: 14px;line-height: 24px;}
	.header .head_bot .head_bot_m {height: 60px;line-height: 60px;}
	.header .head_bot .head_bot_m a img {max-height: 40px;}
	.header .head_bot .head_bot_r{padding-top: 0;width: auto;}
	.head_bot_r .head_bot_search .search_btn i{margin-top: 9px;}
	.head_bot_r .head_bot_search form {top: 61px;}
	.header .nav_m-list{width: 60vw;top: 61px;max-height: 400px;}
	.nav_m-list li a{font-size: 16px;height: 46px;line-height: 46px;}
	.nav_m-list .nav_m_one>li>p span{font-size: 18px;}
	.nav_m-list .nav_m_one>li{line-height: 46px;}
	.top_wrap .top_nav .nav_btn i{font-size: 22px;}
	.header .head_nav .nav_btn i {height: 50px;line-height: 50px;}
	
	
}

@media only screen and (max-width: 499px){
	.head_bot_r .head_bot_search form{right: -60px;}
	.header .head_top {font-size: 12px;line-height: 24px;}
	.header .head_bot .head_bot_m{width: 120px;}
}

@media only screen and (max-width: 1040px){
	header .header{
		display: block;
	}
	.detail_comp_r.pc{
		display: block !important;
	}
}