@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2018-03-02 08:31:21
 * @version $Id$
 */
a,dd,dl,dt,ol,ul,li,div,span,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
body{padding-top:12px;overflow:hidden;overflow-y:auto;}
dl,ul,ol{list-style:none;}
a{text-decoration:none;color:#444;}
*{margin:0;padding:0;}
.container{width:1200px;}
.top{width:100%;margin:0 auto;}
.top_top{width:1200px;margin:0 auto;padding-bottom: 15px;}
.setting{float:right;padding-top:25px;}
.setting a{line-height:1em;}
.setting a:hover{text-decoration:underline;}
.setting a:last-of-type{float:right;text-decoration:none;color:red;}
.setting > div{position:relative;}
.setting > div > input{float:right;width:250px;line-height:25px;text-indent:10px;border-radius:1em;outline:none;margin-top:30px;}
.setting .icon-sousuo{position:absolute;width:16px;height:16px;top:37px;right:14px;cursor:pointer;color:#ddd;font-size: 20px;}
.nav{position:relative;height:50px;background:url('../images/nav.png') no-repeat center 0;margin:0 auto;}
.nav > ul{margin:0 auto;padding-left:120px;}
.nav > ul li{float:left;line-height:50px;margin-right:8px;}
.nav > ul li a{display:block;color:#FFF;transform:skew(-34.5deg);text-decoration:none;padding:0 20px;font-size:19px;}
.nav > ul li a span{display:block;transform:skew(34.5deg);}
.nav > ul li a:hover{color:#0173ba;background-color:#fff;}
.nav > ul li .whiteColor{color:#0173ba;background-color:#fff;}
.top .notice{color:#666;}
.notice .icon-21shengyin{line-height:50px;}
.notice a{color:#999;}
.center{width:1200px;margin:0 auto;padding-top:20px;padding-bottom:25px;}
.center .product_center > p{color:#00a0e9;padding-bottom:30px;line-height:30px;font-size:24px;}
.product_center{width:1200px;overflow:hidden;}
.productBox{width:2400px;height:200px;}
.product_center ul{float:left;position:relative;}
.product_center ul li {float:left;margin-right:12px;margin-bottom:15px;}
.product_center a{width:228px;}
.product_center a{text-decoration:none;}
.product_center a > img{display:block;width:172px;height:166px;border:1px solid #EEE;border-bottom:none;}
.product_center a > p{width:150px;color:#FFF;background-color:#0173ba;height:60px;line-height:60px;white-space:nowrap;text-align:center;text-overflow:ellipsis;overflow:hidden;padding:0 12px;font-size:16px;}
.product_center a:last-of-type{margin-right:0;}
.CompanyProfile{margin-left:25px;}
/* .CompanyProfile .hidden{display:none;}
.CompanyProfile .show{display:block;} */
.CompanyProfile  > div > p{color:#444;line-height:70px;font-size:24px;}
.company_profile .CompanyProfile{float:left;}
.company_profile .CompanyProfile .photo{float:left;}
.company_profile .CompanyProfile .photo img{display:block;width:462px;margin-bottom:30px;}
.company_profile .CompanyProfile .content{float:left;width:490px;line-height:2em;vertical-align:middle;color:#999;margin-left:18px;}
.company_profile .CompanyProfile .content p{text-indent:28px;}
.company_profile .company_profile_nav{float:left;width:200px;text-align:center;}
.company_profile .company_profile_nav > span{display:block;width:200px;color:#FFF;background-color:#0173ba;line-height:70px;font-size:20px;}
.company_profile .company_profile_nav > a{display:block;text-decoration:none;width:200px;color:#666;background-color:#eee;line-height:50px;margin-top:10px;font-size:16px;}
.hidden{display:none;}
.show{display:block;}
.company_profile .company_profile_nav .click_color{color:#0173ba;}
.news_left_nav{float:left;width:200px;text-align:center;}
.news_left_nav > span{display:block;width:200px;color:#FFF;background-color:#0173ba;line-height:70px;font-size:20px;}
.news_left_nav > a{display:block;text-decoration:none;width:200px;color:#666;background-color:#eee;line-height:50px;margin-top:10px;font-size:16px;}
.news_left_nav .click_color{color:#0173ba;}
.productCenter{float:left;margin-left:21px;}
.productCenter > p{line-height:70px;color:#444;padding-left:6px;font-size:20px;}
.productCenter .product_list{float:left;width:979px;}
.productCenter .product_list > li{float:left;width:226px;margin:0 6px;margin-bottom:25px;}
.productCenter .product_list > li > a{text-decoration:none;}
.productCenter .product_list > li > a{display:block;width:228px;}
.productCenter .product_list > li > a > img{display:block;width:226px;height:200px;border:1px solid #ddd;}
.productCenter .product_list > li > a > p{width:204px;color:#777;height:50px;line-height:50px;background-color: #FFF;white-space:nowrap;text-align:center;text-overflow:ellipsis;overflow:hidden;padding:0 12px;}
.product_detail{float:right;width:900px;text-align:center;margin-left:15px;}
.productCenter .img_pc{display:none;width:979px;transition: display 3s}
.productCenter .product_pc{transition: display 3s}
.certificate > p{color:#00a0e9;padding-bottom:30px;line-height:40px;font-size:24px;}
.certificate > div{width:1200px;background:url('../images/certificate_bg.jpg') no-repeat center 0/1200px 425px;margin-bottom:16px;font-size:0;}
.certificate > div li{display:inline-block;line-height:425px;margin:0 20px;padding-top:25px;padding-bottom:10px;}
.certificate > div li p{color:#FFF;text-align:center;line-height:30px;font-size:16px;}
.certificate > div li img{display:block;width:200px;height:250px;}
.news_list{margin:0px 50px;}
.news_list > p{color:#00a0e9;line-height:70px;font-size:24px;}
.news_list ul li{color:#777;line-height:40px;border-bottom:1px solid #EEE;padding:0 10px;font-size:14px;}
.news_list ul li a{text-decoration:none;}
.news_list ul li a:hover{color:#0173ba;}
.news_list ul li:hover{color:#0173ba;}
.news_list ul li span{float:right;}
.news_title{width:calc(100% - 150px);text-align:center;padding-bottom:10px;}
.news_title{color:#0173ba;}
.news_content{width:800px;margin:0 auto;padding-left:100px;padding-bottom:100px;}
.news_detail .news_content > p{text-indent:32px;line-height:2.5em;}
.news_content > span{display:block;text-indent:32px;line-height:2.5em;}
.news_content table{width:calc(100% - 200px);border:1px solid #444;margin:0 auto !important;}
.news_content table td{padding:10px;border:1px solid #444;}
.newsDetail .news_content > p{line-height:2.5em;}

.tool{font-size:16px;}
.left_nav{float:left;width:200px;text-align:center;}
.left_nav > p{width:200px;color:#FFF;background-color:#0173ba;line-height:70px;font-size:20px;}
.left_nav .layui-nav .layui-nav-item{border-bottom:1px solid #ddd;}
.left_nav .layui-nav .layui-nav-item:last-of-type{border-bottom:none;}
.left_nav .layui-nav .layui-nav-item a{color:#444;text-align:left;text-indent:32px;background-color:#f6f6f6;padding:0;}
.left_nav .layui-nav .layui-nav-item a .layui-nav-more{border-color:#666 transparent transparent;}
.left_nav .layui-nav .layui-nav-item a{text-decoration:none;}
.left_nav .layui-nav .layui-nav-itemed a .layui-nav-more{border-color:transparent transparent #666;}
.left_nav .layui-nav .layui-nav-itemed a{color:#444 !important;text-align:left;text-indent:16px;}
.left_nav .layui-nav .layui-nav-bar{background-color:#0173ba;}
.left_nav .layui-nav .layui-nav-item .layui-nav-child dd a{height:30px;text-align:left;text-indent:16px;line-height:30px;font-size:12px;}
.left_nav .layui-nav .layui-nav-item .layui-nav-child .layui-this a{color:#FFF  !important;background-color:#0173ba;}
.left_nav .layui-nav .layui-nav-item a.deep_color{color:#000 !important;font-weight:700;font-size:13px;}
.left_nav .layui-nav .layui-nav-itemed a.deep_color{color:#000 !important;font-weight:700;font-size:13px;}
.left_nav .layui-nav .layui-nav-item a.public_color{color:#FFF !important;background-color:#0173ba;}
.left_nav .layui-nav .layui-nav-itemed a.public_color{color:#FFF !important;background-color:#0173ba;}
.news .news_list > p{color:#444;line-height:70px;font-size:24px;}
.contact_us > p{color:#00a0e9;padding-bottom:30px;line-height:40px;font-size:24px;}
.contact_us > img{vertical-align:top;}
.contact_us .contact_way{position:relative;display:inline-block;padding-left:25px;}
.contact_us .contact_way > p {color:#888;line-height:1.5em;font-size:16px;}
.contact_us .contact_way .color_black{color:#5a5a5a;font-size:20px;}
.contact_us .contact_way img {position: absolute;width: 135px;height: 135px;bottom:18px;right: 150px;}
.contact_us .contact_way .website span a{color:#777;}

.human_resource{width:1200px;margin:0 auto;margin-bottom:20px;}
.human_resource > div{position:relative;left:250px;}
.human_resource h3{line-height:50px;}
.human_resource > div > p{line-height:25px;color:#838383;}
.human_resource p.first_p{line-height:40px;}
.human_resource .second_p{color:#555;line-height:50px;font-size:18px;}
.human_resource .public_p{color:#838383;line-height:25px;font-size:16px;}
.human_resource ol{color:#838383;}
.human_resource .blue_color{color:rgb(0,160,234);margin-left:5px;font-weight:700;font-size:16px;}
.website,.address{padding:15px 0;}
.address span,.website span{display:block;}
.bottom{width:100%;background-color:#1e50af;color:#FFF;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.bottom .frendship_url,.bottom .bottom_marker{width:1200px;margin:0 auto;}

.bottom .frendship_url > p{line-height:65px;border-bottom:1px solid #eee;padding: 0 15px;font-size:18px;}
.bottom .frendship_url > ul{padding: 0 15px;}
.bottom .frendship_url > ul li{float:left;margin-top:25px;margin-right:65px;}
.bottom .frendship_url > ul li a{color:#fff;text-align:center;line-height:2.5em;}
.bottom .frendship_url{padding-bottom:30px;}
.bottom .bottom_marker p{text-align:center;line-height:40px;font-size:14px;}
.poster {position: fixed;display:none;top:0;bottom:0;left:0;right:0;background-color: transparent;margin:auto;z-index:99;}
.poster .poster-box{position: absolute;top:0;bottom:0;left:0;right:0;width:1366px;height:500px;margin:auto;z-index:100;}
.poster .mask{position: absolute;top:0;bottom:0;left:0;right:0;
    background-color: #000;opacity:.3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);z-index:98;}
.poster .guanbi{position: absolute;bottom:-40px;
    left: 0;
    right: 0;
    color: #fff;
    border:2px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
    padding: 8px;cursor: pointer;font-weight: bolder}
.poster .guanbi:hover{opacity: 0.8;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.clearfix:after{content:'';display:block;clear:both;}
