﻿/*google-font*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Raleway:400,500,600,700');

h1,h2,h3,h4,h5,h6 {margin: 0;font-weight: 700;color: #393939;
    letter-spacing: 0;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-weight: inherit;font-family: '微软雅黑';color: #333;}
a{font-family: '微软雅黑';color: #333;}
p {color: #333;font-size: 15px;letter-spacing: 0;margin: 0;font-family: '微软雅黑';}
img {max-width: 100%;height: auto;}
/* links */
a,
a:visited {text-decoration: none;font-weight: normal;font-size: 12px;transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;outline: 0;}
a:hover,
a:active {color: #00479d;text-decoration: none;outline: 0;}
a:focus {text-decoration: none;outline: 0;}
p a,
p a:visited {line-height: inherit;outline: 0;}

/* header */
header {background: #ffffff none repeat scroll 0 0;}
.header-area {background: #fff none repeat scroll 0 0;opacity: 0.91;border-bottom: 1px solid #999;}
.logo {padding: 0px;position: relative;z-index: 100;}
.logo a {display: block;}
.header-area .logo a img{max-width: 240px;}
.menu ul {list-style: outside none none;padding: 0px;margin: 0;}
.menu ul li {display: inline-block;margin-left: 3%;position: relative;}
.menu ul li a {display: block;font-size: 18px;font-weight: 300;letter-spacing: 0;margin: 20px 0;padding: 10px 0;
    text-transform: capitalize;border-top: 3px solid transparent;}
.menu ul li:hover>a {color: #333;border-top: 3px solid #999;border-radius: 3px;border-bottom-right-radius:3px;}
.header-area .en{display: inline-block!important;}
.header-area .en a{display: block;padding: 0px 2px;border: 2px solid #1A1A1A;border-radius: 4px;font-size: 12px;}
.header-area .en a:hover{color: #00479d;border-color: #00479d;}
.header-area .zh{display: inline-block!important;}
.header-area .zh a{display: block;padding: 0px 4px;color: #fff;border: 2px solid #1A1A1A;background: #1A1A1A;font-size: 12px;
    margin: 0 30px 0 15px;border-radius: 4px;}
.header-area .zh a:hover{border-color: #00479d;background: #00479d;}
.search #keyboard{width: 130px;display: inline-block;border: 1px solid #ddd;padding: 1px 10px;}
.search button{width: 32px;display: inline-block;border: 1px solid #ddd;background: #ddd;}
.search button i{color: #666;}
.search p{font-size: 20px;margin: 0px 0px 8px 0;padding: 6px 0 6px 0;border-bottom: 1px dashed #ccc;color: #454545;}
.search p i{font-size: 20px;color: #C83232;}
.search p span{color: #FF7200;font-weight: bold;}
.search ul{margin: 0;padding: 0;list-style: none;}
.search ul li{display: inline-block;}
.search ul li:last-child{width: 62%;}
/*隐藏盒子设置*/
div.hidden-box{width: 135px;position: absolute;display:none;margin-top: 35px;top: 45px;z-index: -1;}
.hidden-box>ul{list-style-type: none;color: #fff;background: #ccc;padding:4px 0;cursor: pointer;border-radius: 5px;}
.hidden-box li{width: 135px;font-size: 15px;border-bottom: 2px #F0F0F0 solid;color: #3d3d3d;padding: 10px;}
.hidden-box li:hover{background: #00479d;}
.hidden-box li:hover a{color: #fff;}
.hidden-box li:last-child{border-bottom:none;}
.hidden-box li a{border:none;font-size: 16px;}
/*隐藏盒子位置设置*/
.hidden-loc-index{left: 121px;}
.hidden-loc-us{left: 125px;}
.hidden-loc-info{left: 215px;}
.box04{left:405px;}
.triangle {width: 0;height: 0;border-top: 10px solid transparent;border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;border-left: 10px solid transparent;position: absolute;top: -20px;left: 10%;}

/* 手机nav */
.sidenav{background: #F0F0F0;box-shadow:2px 2px 6px rgba(0,0,0,.3);display:block;font-size:16px;font-weight:400;
    height:100%;left:0;position:fixed;overflow:auto;transform:translate(-262px,0);transition:transform .3s;
    top:0;width:200px;z-index:100}
.sidenav.show{transform:translate(0,0)}
.toggle{font-size: 30px;}
.sidenav-brand{background:#6b6b6b;border-bottom:1px solid #6b6b6b;color:#FAFAFA;font-size:24px;font-weight:700;
    line-height:32px;padding:20px 24px 19px}
.sidenav-dropdown,.sidenav-header{border-bottom:1px solid #424242;margin:0}
.sidenav-header{background:0 0;color:#757575;font-size:19.2px;line-height:32px;padding:16px 24px 15px}
.sidenav-header small{display:block;font-size:14.4px;line-height:16px}
.sidenav-menu{list-style:none;margin:0;padding:0}
.sidenav-menu li{display:block;position:relative}
.sidenav-menu a{background:0 0;color:#454545 !important;display:block;line-height:24px;padding:16px 25px;
    text-decoration:none;font-size: 16px;}
.sidenav-menu a:hover{background:#E6E6E6;}
.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#5b5b5b;}
.sidenav-dropdown-icon,.sidenav-link-icon{color:#757575;position:absolute;text-align:center;top:16px}
.sidenav-link-icon{display:block;height:24px;left:24px;width:24px}
.sidenav-link-title{display:block;padding:0 ;font-size: 16px;}
.sidenav-dropdown{display:none;list-style:none;padding:0}
.sidenav-dropdown a{background:#191919;padding-left:72px}
.sidenav-dropdown a:hover{background:#616161}
.sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
.sidenav-dropdown-icon{display:none;height:16px;right:16px;width:16px}
.sidenav-dropdown-icon.show{display:block}
.sidenav-overlay{background:rgba(255,255,255,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;
    z-index:99}
.sidenav-no-scroll{overflow:hidden!important;}

.Vertical-center{display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;
    display: -moz-box;-moz-box-orient: horizontal;-moz-box-pack: center;-moz-box-align: center;
    display: -o-box;-o-box-orient: horizontal;-o-box-pack: center;-o-box-align: center;
    display: -ms-box;-ms-box-orient: horizontal;-ms-box-pack: center;-ms-box-align: center;
    display: box;box-orient: horizontal;box-pack: center;box-align: center;}
.Vertical-center i{color: #888;}

/* position */
.position{padding: 10px 0;border-bottom: 1px solid #cdcdcd;}
.position strong{font-size: 14px;color: #333;font-weight: normal;}
.position a{font-size: 14px;color: #333;}

/* home-pro */
.home-pro{padding: 40px 0 30px 0;}
.home-pro .title{margin: 0px;}
.home-pro .title p{font-size: 32px;color: #565656;}
.home-pro .title span{font-size: 22px;color: #bbb;display: block;margin: 0 0 10px 0;}
.home-pro ul{list-style: none;padding: 0px;font-size: 0px;}
.home-pro li{margin: 0px;display: inline-block;vertical-align: top;width: 25%;padding: 15px 5px 0 5px;}
.home-pro li a{display: block;padding: 6px;}
.home-pro li:hover a{box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25);border-radius: 4px;}
.home-pro ul li a p{margin: 5px 0;text-align: center;font-size: 16px;color: #656565;}
.home-pro li:hover a p{color: #00479d;}
.home-pro img{width: 100%;}
/* home-about */
.home-about{}
.home-about .title p{font-size: 32px;color: #565656;}
.home-about .title span{font-size: 22px;color: #bbb;}
.home-ab-link{margin: 35px 0;}
.home-ab-link a{border-bottom: 3px solid #fff;padding: 10px;}
.home-ab-link:hover a{border-bottom: 3px solid #787878;}
.home-ab-link:hover span{background-color: #00479d;}
.home-ab-link span{display: inline-block;width:30px;height:30px;background-color: #fff;transform: rotate(45deg);}
.home-ab-link p{font-size: 24px;color: #565656;display: inline-block;padding-left: 10px;}
.home-about-bj{background: #f4f4f4;margin: 0 0 30px 0;padding: 30px 0;}
.home-ab-page p{color: #565656;line-height: 32px;font-size: 16px;padding: 5% 0 0 0;}
/* home-advantage */
.home-advantage{margin: 0px;}
.home-advantage .title{margin-bottom: 30px;}
.home-advantage .title p{font-size: 32px;color: #565656;}
.home-advantage .title span{font-size: 22px;color: #bbb;}
.home-advantage .home-ad-page{padding: 25px;}
.home-advantage .home-ad-page h6{font-size: 28px;color: #1a1a1a;font-weight: normal;}
.home-advantage .home-ad-page span{font-size: 18px;color: #4c4c4c;display: block;margin-top: 10px;}
.home-advantage .home-ad-page p{font-size: 16px;color: #4c4c4c;margin-top: 20px;line-height: 30px;}
.ad-bj{background: #f4f4f4;padding: 10px 0;margin: 20px 0;}
/* home-news */
.h-news{margin: 40px 0 30px 0;}
.h-news .title{margin-bottom: 30px;}
.h-news .title p{font-size: 32px;color: #565656;}
.h-news .title span{font-size: 22px;color: #bbb;}
.h-news .h-n-left ul{list-style: none;margin: 0 0 20px 0;padding: 0;font-size: 0;}
.h-news .h-n-left ul a{display: block;font-size: 0;}
.h-news .h-n-left ul li{width: 86%;display: inline-block;vertical-align: top;padding: 0 0 0 4%;}
.h-news .h-n-left ul li:first-child{width: 14%;padding: 0;border: 1px solid #999;}
.h-news .h-n-left ul li time{font-size: 28px;color: #333;display: block;text-align: center;margin: 2px 2px;border: 1px solid #fff;padding: 5px 5px;}
.h-news .h-n-left ul li time b{display: block;font-size: 14px;color: #666;font-weight: normal;}
.h-news .h-n-left ul a:hover li:first-child{background: #00479d;border: 1px solid #00479d;}
.h-news .h-n-left ul a:hover li time{color: #fff;}
.h-news .h-n-left ul a:hover li time b{color: #fff;}
.h-news .h-n-left ul a h5{font-size: 16px;color: #333;font-weight: 500;margin: 0 0 10px 0;}
.h-news .h-n-left ul a p{font-size: 14px;color: #666;line-height: 22px;}
.h-news .h-n-left ul a:hover h5{color: #00479d;}
.h-news .h-n-right a h5{font-size: 18px;color: #00479d;font-weight: 500;margin: 20px 0 10px 0;}
.h-news .h-n-right a p{font-size: 16px;color: #666;line-height: 26px;}
.h-news .h-n-right a strong{display: block;text-align: right;margin: 10px 0 0 0;}
.h-news .h-n-right a strong span{padding: 4px 10px;color: #fff;font-size: 12px;font-weight: 500;background: #00479d;}
/* home-honor */
.home-honor{margin: 80px 0 50px 0;}
.home-recruit{margin: 0 0 50px 0;background: url(../style/images/home/banner4.jpg);padding: 30px 0;}
.home-recruit p{font-size: 32px;color: #535353;font-weight: bold;letter-spacing: 2px;}
.home-recruit-font{font-size: 16px;color: #565656;line-height: 26px;}
.home-recruit-font p{font-size: 26px;margin: 50px 0 30px 0;text-align: center;font-weight: normal;}
.home-recruit-font p span{font-size: 40px;}
.home-recruit-cc{font-size: 13px;color: #565656;margin: 50px 0 0 0;}

/* pro-list */
.pro-list{padding: 40px 0 0px 0;}
.pro-list .title p{font-size: 26px;color: #565656;padding: 0 0 10px 0;margin: 0;}
.pro-list img{width: 100%;}
.pro-list ul{list-style: none;padding: 0px;font-size: 0px;}
.pro-list ul li{margin: 0px;display: inline-block;vertical-align: top;width: 25%;padding: 15px 5px 0 5px;}
.pro-list ul li a{display: block;padding: 6px;}
.pro-list ul li:hover a{box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25);border-radius: 4px;}
.pro-list li a p{font-size: 16px;color: #000;margin: 5px 0 5px 0;text-align: center;}
.pro-list ul li:hover a p{color: #00479d;}
.page_list_new {text-align: center;margin: 0 0 50px 0;}
.page_list_new li {display: inline-block;color: #909090;border: 1px solid #e8e8e8;background: #f8f8f8;
    text-align: center;padding: 2px 10px;margin: 0 1px;border-radius: 5px;}
/* pro-article */
.pro-article{margin: 40px 0 40px 0;}
.pro-article h5{margin: 0px 0 30px 0;}
.pro-article h6{margin: 30px 0 0px 0;text-align: center;font-size: 24px;font-weight: normal;}
.pro-article .features{line-height: 30px;font-size: 16px;color: #4c4c4c;}
.pro-article .features img, .pro-article .p-video img, .pro-article .parameters img, .pro-article .parts-hr{margin: 15px 0 30px 0;}
.pro-article .features p{line-height: 30px;font-size: 16px;color: #4c4c4c;}
.pro-article table {color: #5a5a5a;width: 100%;padding: 0;margin: 0px 0 15px 0;font-size: 13px;}
.pro-article td {font-size: 16px;padding: 6px 50px;}
.pro-article .parameters table tbody tr td:nth-child(even) {background: #eee;color: #444;}
.pro-article .parameters table tbody tr td:nth-child(odd) {background: #bbb;color: #fff;}
.pro-article .parameters strong{font-weight: normal;padding-left: 5%;}
/* .pro-article .parts-hr{margin-bottom: 40px;} */

/* new-list */
.news-title{margin: 40px 0 30px 0;}
.news-title p{font-size: 32px;color: #454545;}
.new-list{list-style: none;padding: 0;}
.new-list li{padding: 30px 0;}
.new-list li:nth-child(odd){background: #F2F2F2;}
.new-list li a{display: block;}
.new-list li a h5{padding: 40px 0 30px 0;font-size: 22px;font-weight: normal;color: #353535;}
.new-list li a p{padding: 0 0 30px 0;font-size: 16px;color: #454545;line-height: 26px;}
.new-list li a span{display: block;font-size: 14px;text-align: right;color: #565656;}
/* new-article */
.new-article{margin: 40px 0 30px 0}
.new-article h5{font-size: 26px;margin: 0px 0 30px 0;font-weight: normal;}
.new-article .time{font-size: 16px;margin: 0 0 15px 0;}
.new-article .time small{font-size: 16px;}
.new-article .textarea{font-size: 16px;line-height: 28px;}
.new-article .textarea a{font-size: 16px;}
.preNext .text{color: #999;margin: 30px 0;list-style: none;padding: 0;}
.preNext .leftitem {background-color: rgb(232,232,232);}
.preNext ul li {display: inline-block;padding: 1% 2%;font-size: 14px;}
.preNext ul li a{font-size: 14px;}
.preNext ul li a i{color: #555;margin-right: 5px;}

/* pagination */
.pagination{margin: 20px 0 50px 0;}
.pagination a{border: 1px solid #e8e8e8;font-size: 14px;color: #565656;text-align: center;padding: 2px 8px;margin: 0 1px;}
.pagination b{border: 1px solid #e8e8e8;font-size: 14px;color: #565656;text-align: center;padding: 2px 8px;margin: 0 1px;}

/* video */
.video{padding: 60px 0 0px 0;}
.video p{font-size: 18px;margin: 20px 0;}

/* about */
.about-title{margin: 40px 0;}
.about-title p{font-size: 30px;color: #454545;margin-bottom: 20px;}
.about-title span{font-size: 16px;color: #565656;line-height: 32px;display: block;}
.about-page{background: #EFEFEF;padding: 20px 0 30px 0;}
.about-page .about-page-div{background: #fff;padding: 15px 18px;height: 500px;border-radius: 10px;}
.about-page .about-page-div img{margin: 0 auto;display: block;}
.about-page .about-page-div p{font-size: 20px;color: #454545;text-align: center;margin: 15px 0 20px 0;}
.about-page .about-page-div span{font-size: 14px;color: #454545;}
.at-partner{padding: 40px 0 40px 0;background: url(/style/images/about/partner-bj.jpg);}
.at-partner .title p{font-size: 32px;color: #565656;}
.at-partner .title span{font-size: 22px;color: #bbb;display: block;margin: 0 0 20px 0;}
.at-partner #myCarousel{width: 1100px;margin: 0 auto;margin: 0 auto;padding: 30px 0 80px 0;}
.at-partner .carousel{margin: 0 0 30px 0;width: 100%;text-align: center;}
.at-partner .carousel-indicators{background: transparent;margin: 0 auto;bottom: -30px;}
.at-partner .carousel-indicators .active{background-color: #FF7200;}
.at-honor{padding: 40px 0 30px 0;}
.at-honor .title p{font-size: 32px;color: #565656;}
.at-honor .title span{font-size: 22px;color: #bbb;display: block;margin: 0 0 30px 0;}
.at-honor .col-lg-4 p, .at-honor .col-lg-2 p{font-size: 16px;color: #333;margin: 15px 0 30px 0;line-height: 22px;}
.at-honor .col-lg-5ths p{font-size: 16px;color: #333;margin: 15px 0 30px 0;line-height: 22px;}
.at-honor .col-lg-5ths span{display: block;font-size: 11px;color: #666;}

/* about-team */
.about-team-title{margin: 40px 0 30px 0;}
.about-team-title p{font-size: 32px;color: #454545;}
.about-team{background: #EFEFEF;padding: 30px 0 0 0;height: 299px;}
.about-team span{display: block;font-size: 16px;margin-bottom: 20px;}
.about-team p{font-size: 16px;color: #000;margin: 10px 0;display: block;}
.about-team-pic{margin: 100px 0 50px 0;}
/* about-machining */
.about-machining{background: #EFEFEF;padding: 30px 0;}
.about-machining p{font-size: 16px;margin-bottom: 10px;}
.about-machining span{font-size: 16px;}
.about-mach-pic{margin: 0 0 30px 0;}
.about-mach-pic .col-lg-3{overflow: hidden;margin-top: 20px;}
.about-mach-pic .col-lg-3 img{width: 100%;}
.about-mach-pic .col-lg-3:hover img{transition: all 1.6s;transform: scale(1.4);}

/* contact */
.contact-title{margin: 40px 0 30px 0;}
.contact-title p{font-size: 32px;color: #565656;}
.contact-intro{background: url(../style/images/contact-bj.jpg);padding: 30px 0;}
.contact-intro p{font-size: 18px;color: #565656;line-height: 30px;}
.contact-intro p i{color: #787878;padding-right: 15px;}
.contact-map{margin: 40px 0;}

.suche{list-style: none;padding: 0;font-size: 0px;}
.suche li{padding: 10px 0;display: inline-block;font-size: 16px;color: #454545;width: 33%;}
.suche li table td{text-align: center;}
.search-page table{text-align: center;margin: 15px 0;color: #5a5a5a;padding: 0;font-size: 13px;}
.suche li .r{display: inline-block !important;margin-top: 20px;}
.suche li .r span{font-size: 18px;color: #454545;}
.suche li .r a{font-size: 18px;color: #565656;}
.search-page td {padding: 0;font-size: 16px;}

/* error */
.error{margin: 50px 0;}
.error .zero-level h4{font-size: 24px;color: #454545;}
.error .zero-level h5{font-size: 18px;color: #454545;margin-bottom: 10px;}
.error .zero-level p{font-size: 16px;color: #454545;}
.error .one-level{margin: 10px 0 30px 0;padding: 0 0 20px 0;border-bottom:1px dashed #ddd;}
.error .one-level a{font-size: 18px;color: #454545;}
.error .error-page .two-level{margin: 0 0 10px 0;padding: 0 0 10px 0;border-bottom:1px dashed #ddd;}
.error .error-page h6{margin: 10px 0;}
.error .error-page h6 a{font-size: 18px;color: #454545;}
.error .error-page ul{list-style: none;padding: 0;margin: 0;}
.error .error-page ul li{font-size: 16px;color: #454545;line-height: 28px;}
.error .error-page .three-level{margin-top: 25px;}

/* Footer */
footer{background: #65676A;padding: 0;}
.footer-top-area{padding: 30px 0px;}
.footer-top-area .phone{font-size: 32px;font-weight: bold;color: #f1f1f1;margin: 10px 0 15px 0;}
.footer-widget .footer-title{color: #f9f9f9;font-size: 18px;font-weight: normal;margin: 5px 0 10px 0;}
.fw-contact .info{list-style: outside none none;padding: 0;margin: 0;}
.fw-contact .info li{color: #f9f9f9;display: block;font-size: 14px;line-height: 30px;margin: 0;
    padding-left: 30px;position: relative;}
.fw-contact .info li span{color: #f9f9f9;left: 0;position: absolute;top: 0;}
.fw-contact .info li span i{color: #C9C9C9;}
.fw-links .links {list-style: outside none none;padding: 0;margin: 0;}
.fw-links .links li{margin: 0px;padding: 0px;position: relative;}
.fw-links .links li a{color: #f9f9f9;font-size: 14px;letter-spacing: 0;line-height: 30px;}
.fw-links .links li a:hover{color: #FF7200;}
.weblink{margin: 0 auto;}
.weblink ul{list-style: none;padding: 0;color: #eee;margin: 15px 0 0 0;font-size: 12px;}
.weblink ul li{display: inline-block;color: #eee;font-size: 12px;padding-left: 10px;}
.weblink ul li:first-child{padding-left: 0px;}
.weblink ul li a{color: #eee;font-size: 12px;}
/* copyright */
.footer-bottom-area {background: #3F3F3F none repeat scroll 0 0;padding: 5px 0;opacity: 0.8}
.copyright p {color: #ffffff;line-height: 30px;font-size: 12px;}
.copyright p a {color: #fff;display: inline-block;font-size: 12px;line-height: 25px;}

/* 5ths */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative;min-height: 0px;padding-left: 15px;
    padding-right: 15px;}
@media ( min-width : 768px) {
    .col-sm-5ths {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
}
@media ( min-width : 992px) {
    .col-md-5ths {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
}
@media ( min-width : 1200px) {
    .col-lg-5ths {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
}

@media only screen and (min-width: 992px){
    header{height: 91px;}
    .home-ab-page p{padding: 15% 10%;}
    .h-news .h-n-right{padding: 0 15px 0 35px;}
    .wid1000{width: 1000px !important;flex: unset;margin: 0 auto !important;}
    .pro-article .features p{margin: 0 50px 0 50px;}
    .about-title span{margin: 0 137px;}
    .contact-intro p{line-height: 60px;}
}

@media only screen and (max-width: 991px){
    .header-area .logo a img{max-width: 200px;}
    .Vertical-center i{line-height: 2.2;}
    .home-pro li{width: 50%;}
    .h-news .h-n-left ul li{width: 80%;}
    .h-news .h-n-left ul li:first-child{width: 20%;}
    .pro-list ul li{width: 50%;}
    .pro-article td{padding: 4px 6px;}
    .about-page .about-page-div{height: auto;margin: 5px 0;}
    .at-honor .col-lg-4 p, .at-honor .col-lg-2 p{font-size: 11px;line-height: 20px;margin: 10px 0 15px 0;}
    .at-honor .col-lg-5ths p{font-size: 11px;line-height: 20px;margin: 10px 0 15px 0;}
    .at-honor .col-lg-5ths span{font-size: 9px;line-height: 16px;}
}

@media screen and (max-width: 991px) and (min-width: 769px) {
    header{height: 46px;}
}

@media only screen and (max-width: 768px){
    header{height: 67px;}
}
@media screen and (min-width:992px) and (max-width:1200px){
  .header-area .row>.col-lg-3:first-child{flex: 0 0 20%!important;max-width: 20%!important;}
  .header-area .logo a img {max-width: 200px;}
  .header-area .header_con{flex: 0 0 55%;max-width: 55%;}
  .menu ul li{margin-left: 15px;}
  .menu ul li a{font-size: 16px;}
  .search p{font-size: 16px;}
  .search ul{display: flex;flex-wrap: nowrap;}
  .header-area .zh a{margin: 0 10px 0 5px;}
  #search_news{display: flex;flex-wrap: nowrap;}
}