@charset "UTF-8";

/*
Author: 媒大师
Author URL: http://www.meidashi.net
*/
/* Reset */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
ul,
ol,
li,
input,
select,
label,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
	font-family: "宋体";
	font-size: 12px;
	-webkit-text-size-adjust: none;
}

input,
select,
label {
	vertical-align: middle;
	font-size: 12px;
}

ul,
ol,
li {
	list-style: none;
}

img,
input {
	border: 0;
}

div,
input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #595959;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #515151;
	text-decoration: none;
}

body {
	background: #fff;
}

.left {
	float: left;
}

.right {
	float: right;
}

.wrap {
	width: 1180px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

/* header */
    #header {
        height: 220px;
        background: #fff;
        line-height: 32px;
        color: #666;
        font-size: 14px;
        position: relative;
        min-width: 1200px;
    }

    .header_search {
        height: 210px;
        z-index: 10;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .header_search:after {
        content: '';
        width: 140%;
        height: 100%;
        position: absolute;
        left: -20%;
        /*top: 0;*/
        bottom: 0;
        z-index: -1;
        border-radius: 0 0 50% 50%;
        background-color: #fff;
        background-image: url("../image/top_bg.png");
        background-repeat: no-repeat;
        background-position: center bottom;
        box-shadow: inset 0 -2px 2px #1e88e5;
    }

    .header_search_decorate {
        height: 100px;
        background: linear-gradient(360deg, #1b9fda 0%, #1b9fda 100%);
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        width: 100%;
    }

    .header_search_content {
        height: 210px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
    }

    .search_flex {
        display: flex;
        align-items: center;
        margin-top: 60px;
        /*margin-left: 70px;*/
    }

    .search_input {
        position: relative;
    }

    .search_input input {
        width: 454px;
        height: 40px;
        background: #FFFFFF;
        border-radius: 20px;
        border: 1px solid #000000;
        padding: 0 50px 0 28px;
    }
    .search_input .search_input_icon {
        width: 22px;
        height: 22px;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -11px;
        cursor: pointer;
    }

    .link_icon {
        cursor: pointer;
        margin-left: 10px;
    }

    .link_icon img {
        margin-left: 5px;
        width: 20px;
        height: 20px;
    }

    .bg-logo {
        position: absolute;
        bottom: 110px;
		height: 80px;
    }
	
    .header .right ul li {
        margin-left: 10px;
    }

    .header .right ul li a {
        font-size: 12px;
        color: #333333;
    }

    .header .right ul li img {
        margin-right: 5px;
    }

    .header .nav {
        background-color:#022244;
        height: 50px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        min-width: 1200px;
    }
    .header .nav ul {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
    }
    .header .nav ul li {
        float: left;
    }

    .header .nav ul li a {
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
        border-right: 1px solid rgba(255,255,255,.4);
        padding: 0 35px;
    }
    .header .nav ul li a:hover {
        color: #ffad01 !important;
    }

    .header .nav ul li:last-child a {
        border: none;
    }
/* footer */

.friend_links {
	height: 300px;
	background: #1b9fda;
}

.footer_info {
	width: 1180px;
	margin: 0 auto;
}

.friend_links .logos {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 20px 0 10px 0;
	height: 50px;
}

.friend_links .line2 {
	height: 1px;
	font-size: 0px;
	line-height: 0;
	background-color: #ffffff38;
}

.friend_links .list {
	margin: 20px 0;
}

.friend_links .list ul {
	overflow: hidden;
}

.friend_links .list ul li {
	float: left;
	font-size: 14px;
	color: #fff;
	margin: 5px 10px;
}

.friend_links .list ul li a {
	color: #fff;
}

.friend_links .product_link {
	display: flex;
	justify-content: space-between;
}

.friend_links .product_link .content {
	width: 102px;
	margin: 35px 0;
	position: relative;
}

.friend_links .product_link .content .pic {}

.friend_links .product_link .content .pic img {
	width: 100%;
}

.friend_links .product_link .content .pic::before {
	position: absolute;
	top: -110px;
	left: -4px;
	display: none;
}

.friend_links .product_link .content:hover .pic::before {
	display: block;
}

.friend_links .product_link .content .pic::before img {
	width: 100px;
}

.friend_links .product_link .content .text {
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding-right: 10px;
}

.friend_links .product_link .content .text a {
	color: #fff;
}

.friend_links .copyright {
	font-size: 14px;
	text-align: center;
	color: #fff;
	margin: 20px 0 0 0;
	line-height: 32px;
}

.friend_links .copyright a {
	color: #fff;
}

.friend_links .copyright p {
	font-size: 14px;
	text-align: center;
	color: #fff;
	line-height: 32px;
}

.aboutus {
	background: #06273a;
	height: 50px;
}

.aboutus .list {}

.aboutus .list ul {
	display: flex;
	justify-content: space-between;
}

.aboutus .list ul li {
	width: 100px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 50px;
}

.aboutus .list ul li a {
	color: #fff;
}


.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}