@charset "utf-8";
/* CSS Document */
htm,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

body{ background-color:#FFFFFF}
 body {
 _background-image: url(about:blank);
 _background-attachment: fixed;
 }

.nav-wrap{ width:100%; height:80px; border-bottom:1px solid #e7e7e7;*border-bottom:none;box-shadow: 0 1px 3px #f2f1f0; position: fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));top:0; background-color:#FFFFFF; z-index:10000;}
.nav-wrap .nav{ width:1024px; height:80px; margin:0 auto;display: flex;justify-content: space-between;}
.nav-wrap a.logo{display:block; width:226px; height:70px; padding-top:5px}
.nav-wrap a,logo img{ width:191px; height:60px}
.nav-wrap ul{background: #ffffff;font-size: 16px;text-align:center;}
.nav-wrap ul li{ float:left; position:relative; height:80px; line-height:80px}
.nav-wrap ul li.down{ background:url(../images/nav_li_bg.jpg) no-repeat 74px center}
.nav-wrap ul li a{ font-size:14px; color:#044096;padding:0 15px; font-weight:bold}
.nav-wrap ul li a:hover{color:#05367b;}
/* .nav-wrap ul li .downmenu{ width:160px;padding:0; position:absolute; top:60px;left:0px; border:1px solid #98b4dd; display:none; z-index:999;} */
.nav-wrap ul li .downmenu{ padding:0; position:absolute; top:60px;left:0px; border:1px solid #98b4dd; display:none; z-index:999;}
/* .nav-wrap ul li .downmenu li{width:160px; height:30px;}
.nav-wrap ul li .downmenu li a{ display:block;width:140px; height:30px; line-height:30px; padding:0 0 0 20px} */
.nav-wrap ul li .downmenu li a{ display:block; height:30px; line-height:30px;}
.nav-wrap ul li .downmenu li a:hover{ background-color:#044096;color:#FFFFFF}

.search{ float:right; padding-top:25px; width:250px; height:30px;}
.search form{display: flex;justify-content: right;align-items: center;}
.search_text{ width:150px;height:28px;_height:26px; line-height:18px; padding:0 5px;_line-height:26px;line-height\0:26px; *padding:0; font-size:12px; border:1px solid #ccc; color: #666; padding:0 5px}
.search_btn{width:34px; height:28px; border:1px solid #ccc; _border:1px solid #ccc;background:url(../images/search.jpg) no-repeat center center; cursor:pointer}

.banner{ width:100%; overflow:hidden; position:relative;z-index:10; }
.banner .bannerp{ text-align:center;position:absolute; top:120px; right:0; background:url(../images/bannerp.jpg) no-repeat 0 0; display:block; width:430px; height:164px }
.banner ul li{ width:100%; }
.banner img{width: 100%;}
/* .banner ul li.banner1 {width:100%; height:480px;background:url(../images/bgix1.jpg) no-repeat center top}
.banner ul li.banner2 {width:100%; height:480px;background:url(../images/bgix2.jpg) no-repeat center top}
.banner ul li.banner3 {width:100%; height:480px;background:url(../images/bgix3.jpg) no-repeat center top} */
.tip{ position:absolute;  bottom:15px; left:48%}
.tip span{ display:block; float:left; width:13px; height:13px; padding:0 5px; background:url(../images/dot.png) no-repeat 0 0;*background:url(../images/dot.jpg) no-repeat 0 0; cursor:pointer}
.tip span.currentban{ background:url(../images/dot_1.png) no-repeat 0 0;*background:url(../images/dot_1.jpg) no-repeat 0 0}

.do-top{ width:100%; height:46px; background:url(../images/what-title.jpg) no-repeat center top}
.do-top-line{width:100%; height:3px; line-height: 3px; font-size: 0px; background:url(../images/border-bottom.png) center top; margin-top:50px}

.wrap{ width:1000px; height:auto; margin:0 auto; overflow:hidden;display:flex;justify-content:space-between;flex-wrap: wrap;}
.breadcrumb{ width:100%; height:30px; }
.breadcrumb .breadcrumb-r{ color: #323232; height:30px; line-height:30px; background:url(../images/crumb.gif) no-repeat left center; text-indent:20px;}
.breadcrumb a{ color:#666}
.breadcrumb a:hover{ text-decoration:underline}
.do-top-p{color: #898989;font-size: 24px;margin-bottom:50px;margin-top: 50px; text-align:center;color:#666; letter-spacing:1px}
.do-box{ width:1100px;display: flex;justify-content: space-between;flex-wrap: wrap;}
/* .do-box li{ width:165px; float:left; margin-right:110px; margin-bottom:30px; text-align:center} */
.do-box li{margin-bottom:30px; text-align:center;width: 25%;}
.do-box li a{ display:block; width:165px; height:auto}
.do-box li img{width:122px; height:122px;}
.do-box li p { color:#545454;display: block;font-size: 18px; text-align:center}
.do-box li span{color: #d5d5d5;display: block;font-family: "Segoe UI";font-size: 14px;text-align:center}
.do-box li a:hover p{ color:#019dd6}

.about{ background-color: #F5F5F5; padding:50px 0}
.about-top{  width:100%; height:60px; line-height:60px; text-align:center; font-size:60px;font-family: "Segoe UI"; color:#282828; font-weight:100}
.about-box{margin-top:50px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-box li {width:300px; height:160px;margin:10px;}
.about-box li .about-box-dec{ width:280px; height:auto; overflow:hidden; display:none}
.about-box li a{ display:block;width:280px; height:120px; background:url(../images/about1.jpg) no-repeat 0 0; color:#FFFFFF; padding:20px 10px }
.about-box li a.in-zh{background:url(../images/zh.jpg) no-repeat 0 0; }
.about-box li a.in-ry{background:url(../images/ry.jpg) no-repeat 0 0; }
.about-box li a h4{ font-size:18px;font-weight:normal; text-align:center}
.about-box li a p{color:#FFFFFF; font-size:14px; width:280px}
.about-box li a:hover{ background:url(../images/about1-hover.jpg) no-repeat 0 0}
.about-box li a.in-zh:hover{ background:url(../images/zh-hover.jpg) no-repeat 0 0}
.about-box li a.in-ry:hover{ background:url(../images/ry-hover.jpg) no-repeat 0 0}


.contact-top{  width:100%; height:46px; background: url(../images/contact.jpg) no-repeat center top}
.contact-right{ width:340px; float:right;}
.contact-right p{ font-size:14px; margin-top:15px; line-height:32px}

.footer{ width:100%; height:190px; background: #333; }
/* .foot{ width:1000px; margin:0 auto;} */
.foot{ width:100%; margin:0 auto;}
.footnav{ text-align:center; padding:10px 0; color:#3F3F3F; border-bottom:1px solid #3F3F3F; height:34px; line-height:34px}
/* .footnav-l{ width:460px; padding-left:235px; float:left} */
/* .footnav-l{padding-left:235px;} */
.footnav a{ color: #999}
.footnav span{ padding:0 10px}
.foot .copy{text-align:center;color:#666; padding-top:20px; }
.footnav a.wb{ display:block;width:34px; float:left; height:34px; margin-right:10px}
/* .foot .copy p{color: #999; width:300px; padding-left:350px; padding-top:20px; float:left} */
.foot .copy p{color: #999; padding-top:20px;}
.foot .copy img{padding-left:5px}

.nybanner{overflow:hidden;}
.nybanner img{width: 100%;}
.nyb-content{ width:1000PX; margin:0 auto; padding:30px 0 0 20px}
.nyb-content1{width:1000PX; margin:0 auto; }
.nyb-content p{ width:860px;color:#FFFFFF; }
.nybanner p.b1{font-size:28px; }
.nybanner p.b2{font-size:13px; }
.nybanner a{font-size:13px; font-weight:bold; float:right; margin-right:50px; color:#fff}
.nybanner p.b1 span{ color:#ecde0b; font-size:36px}
.list{}
.list-content{ padding:20px 0;}
.contentwrap{border:1px solid #e1e1e1; border-top:none}
.list h2{ width:100%; height:50px; line-height:50px; background:url(../images/list_bg.jpg) no-repeat left top #f8f8f8;text-indent:20px;}
.list h2 a{ color:#666; font-size:24px; font-weight:normal; }
.list h3{text-indent:20px; height:30px }
.list h3 a{ color:#044096; font-size:16px; font-weight:normal}
.list-box{ height:auto; width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.list-box li{ float:left; width:212px; margin-left:100px;  height:40px; line-height:40px;  text-indent:12px; text-align:center; padding-bottom:15px;}

.list-box li a{ width:200px; font-size: 14px;color: #333333;  display: inline-block;  background:#CCCCCC;}

.list-box li a:hover{ width:200px; font-size: 14px;color:#ffffff;display: inline-block; background:#044096; }

.list-box li img{ width:50px; height:50px; float:left}
.list-box li span{ height:50px; line-height:50px; color:#666;}


.list .list-top{ width:100%; height:50px; line-height:50px; background:url(../images/list_bg.jpg) #F8F8F8 no-repeat left top;}
.list .list-top  a.list-top-big{ color:#666; font-size:24px; font-weight:normal; display:block; width:160px; float:left;text-indent:20px; }
.list .list-top-tab{width:100%;display:flex;justify-content: left;flex-wrap:wrap; background-color:#F8F8F8}
.list .list-top-tab li{ float:left;height:40px;line-height:40px;padding:0 16px; margin:0 10px; font-size:16px }
.list .list-top-tab li a{ display:block}
.list .list-top-tab li.current{ background:#044096; color:#FFFFFF}
.list .list-top-tab li.current a{ color:#FFFFFF}
.list .top-tab-tab{padding-left:24px; margin-top:16px; border:1px solid #e1e1e1; display:none; line-height:30px}
.list .top-tab-tab a:hover{ background-color:#044096; color:#FFFFFF; line-height:30px;padding:5px 5px;}
.list .top-tab-tab span{ padding:0 10px; color:#e1e1e1}

.list .product-box{ width:1000px; padding-top:10px;display:flex;justify-content:start;flex-wrap:wrap;}
.list .product-box li{ width:234px;margin-bottom:30px;margin-left:12px;}
.list .product-box li a.pro-suo{ display:block;width:230px; height:260px; border:2px solid #E1E1E1}
.list .product-box li a img{ width:230px; height:260px;}
.list .product-box li a.pro-suo:hover{ border:2px solid #044096}
.list .product-box li a.pro-title { display:block;width:234px;height:26px;}
.list .product-box li a.pro-title p{ height:32px; line-height:25px; text-align:left; font-size:14px;font-weight: bold;}
.noborder{ border:none}
.list .zs{ padding:0}
.list .zs li img{ display:block;width:230px; height:230px; border:2px solid #E1E1E1}
.list .zs li a img{ display:block;width:230px; height:230px; border:2px solid #E1E1E1}
.list .zs li p{ height:30px; line-height:30px; text-align:center}




.article-right{ width:270px; height:auto; float:right; overflow:hidden; padding:0 10px 10px}
.article-right h2{margin-bottom:10px;}
.article-right h2 a{ font-size:30px; color:#808080;font-family: "Segoe UI";}
.article-right-pro{ width:260px;}
.article-right-pro li{ width:100%;  margin-bottom:8px}
.article-right-pro li a:hover{color: #044096}
.article-right-pro li a.pro-right-title{ width:148px; display:block;height:40px; line-height:40px; font-size:14px;color:#666;border-bottom: 1px dotted #d0d0d0; background:url(../images/down.jpg) no-repeat 130px center}
.article-right-pro li a.pro-right-title:hover{background:url(../images/nav_li_bg.jpg) no-repeat 130px center;color: #044096}
.right-pro-down{ margin:15px 0 0 50px;margin-left:0; display:none}
.right-pro-down li{background:url(../images/list-arrow2.png) no-repeat left center;text-indent:20px;}
.right-pro-down li a{ font-size:12px}
.right-pro-down li a:hover{ text-decoration:underline;}
.article-right-news li{ background:url(../images/list-arrow3.jpg) no-repeat left center; text-indent:20px; height:36px; line-height:36px; border-bottom:1px dotted #d0d0d0}
.article-right-news li a{ color:#666}

.pd{ width:170px}
.pd .article-right-pro{ width:170px; }

.article-right-news li a:hover{ color: #044096}

.article-left{ width:650px; height:auto; float:left; overflow:hidden;padding: 15px;}
.article-left .content{ color:#666}
.bz{ margin-left:30px}
.conqq{width: 244px;height: 90px;padding-left: 60px;}
.article-left  h1{font-weight:normal; font-size:22px;color: #2F2F2F;margin-bottom:20px;padding:0 10px;}
.article-left .content p{margin-bottom:10px}
.article-left .content .c{ text-align:center}

.preNext{ color:#2f2f2f}
.preNext a{color:#2f2f2f}
.preNext a:hover{ text-decoration:underline}
.similar span{color:#044096}
.similar li{ width:320px; text-align:center; float:left; line-height:26px; height:26px}
.similar li a:hover{text-decoration:underline}

.pl{ width:795px}

.list-news li{background:url(../images/list-arrow2.png) no-repeat left center; text-indent:20px; height:40px; line-height:40px; border-bottom:1px dotted #d0d0d0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-news li span{ float:right}

.jianjie{}
.jianjie p{ margin-bottom:10px; text-indent:2em;padding:10px;}
.jianjie img{ margin:20px 0}

.zh{ width:1000px; height:auto; overflow:hidden;}
.zh1{ width:1000px; height:865px;}
.zh1_left{ width:510px; height:865px; float:left}
.zh1_left_1{ width:510px; height:421px}
.zh1_left_1 img{ width:510px; height:381px}
.zh1_left_1 p{ width:510px; height:40px; line-height:40px; background-color: #F3F3F3; text-align:center}
.zh1_right{ width:460px; height:865px; float:right}
.zh1_right img{ width:460px; height:865px}
.zh2{ margin-top:30px; width:900px; height:376px}
.zh2 img{ width:1000px; height:336px}
.pro-r{padding-left:50px; width:420px}
.zh2 p{width:1000px; height:40px; line-height:40px; background-color: #F3F3F3; text-align:center}
.zh3{ margin-top:30px; width:900px; height:532px}
.zh3 img{ width:1000px; height:492px}
.zh3 p{width:1000px; height:40px; line-height:40px; background-color: #F3F3F3; text-align:center}

/* .cj_left_1{ width:1000px; height:700px; margin-bottom:40px} */
.cj_left_1{margin-bottom:40px}
/* .cj_left_1 img{ width:1000px; height:700px} */
.cj_left_1 p{ height:40px; line-height:40px; background-color: #F3F3F3; text-align:center;}

.content .protop{ width:100%;display: flex;flex-wrap: wrap;justify-content: center;}
.content .proimg{ width:300px; height:339px; border:1px solid #e2e2e2;}
.content .proimg img{width:300px; height:339px; }
.content .jj{ width:300px; height:160px; line-height:30px;padding:30px 0 0 110px; font-size:14px; color:#000000}
.content .jj span{ font-size:14px; color:#707070}
.content .jj i{font-weight:bold; color:#F00;font-size:18px}
.content .jj a{ width:90px; height:30px; line-height:30px; color:#000000;padding-left:10px;  }
.content .jj a:hover{ text-decoration:underline}
.content .probox{ }
.content .probox_top{background:url(../images/erji_t.jpg) repeat-x; height:30px; border-bottom:2px solid #044096; position:relative}
.content .probox ul{position:absolute; left:10px; top:-3px; padding-top:3px}
.content .probox ul li{height:30px; line-height:30px; padding:0 15px; float:left; cursor:pointer }
.content .probox ul li.cur{ height:35px; margin-top:-5px; background-color:#FFFFFF; border:2px solid #02419f; color: #02419f; font-weight:bold;border-bottom:none; position:relative}
.probox_content{ margin-top:20px; line-height:26px}
.return{ border-bottom:1px solid #e1e1e1; height:30px; text-align:center; color: #666;}
#jg{font-weight:bold; color:#ff6600; background:none;padding:0}

.float {background-color: #fff;position: fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)); _margin-top:320px;left: 0;top: 340px;width: 130px;border:1px solid #044096; z-index:9999}
.float a {font-family:"";font-size:14px;color: #787878;display: block;font-size: 14px;height: 26px;line-height: 26px;text-align: center;width: 130px;}
#lkf{font-weight:bold; height:28px; line-height:28px; color:#044096; font-family:"΢ź"}
.left-zp a:hover{ text-decoration:underline; color:#044096;}
.float h4{ height:30px; line-height:30px; background-color:#044096; color:#FFF; text-align:center}
.left-zx,.left-zp{ padding:5px 0}
#fanhui {height: 41px;width: 130px; background:url(../images/top.jpg) no-repeat center center; background-color:#044096;}

.dede_pages{ 
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
	color:#666
}
.dede_pages ul li span{ color:#666}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#666;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}

/* 必要布局样式css */
.info-container {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.info-container-title {
    font-size: 16px;
    text-align: center;
    padding: 50px 0;
}

.info-container-title h2 {
    font-weight: normal;
    font-size: 36px;
    font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

.info-container-list {
    background: #fff;
    padding: 42px 0;
}

.info-listItem {
    width: 310px;
    margin: 0 10px 0 10px;
    float: left;
}

.info-listItem-title {
    font-size: 24px;
    margin-bottom: 26px;
    font-weight: normal;
}

.info-more {
    width: 100px;
    height: 36px;
    display: block;
    line-height: 36px;
    border: 1px solid #E4E4E4;
    text-align: center;
    transition: all .1s;
}

.info-more:hover {
    background: #F96A69;
    border-color: #F96A69;
    color: #fff;
}

.info-listItem-list {
    margin-bottom: 17px;
}

.info-listItem-list dt {
    height: 180px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

.info-listItem-list dt a img {
    width: 300px;
    height: 180px;
    transition: all .4s;
}

.info-listItem-list dt a span {
    position: absolute;
    left: 0;
    right: 0;
    color: #333333;
    bottom: 10px;
    font-size: 15px;
    padding: 0 24px;
    line-height: 1.5;
    height: 44px;
    overflow: hidden;
    transition: all .2s;
}

.info-listItem-list dd {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-listItem-list dd a {
    font-size: 14px;
    color: #909499;
}

.info-listItem-list dd a:hover {
    color: #ec6061;
}

.info-listItem-list dt a:hover img {
    transform: scale(1.05);
}




/* .yqlj_list li{ list-style-type:none; float:left; margin-left:5px; min-width:65px; margin-top:10px; color:#999} */
.yqlj_list li{ list-style-type:none;margin-top:10px; color:#999;width:100%;text-align: center;}
.yqlj_list a{color:#999; text-decoration:none;}
.yqlj_list a:hover{color:#999;  text-decoration:none;}


.logo img{
    padding: 0px 10px;
}

.dht{
    display: none;
}
.sjdh{
    display: none;
}
.do-top-p{
    text-align:center;
    width:100%;
}
.products-list{
    display: block;
    width:1000px;
    margin:0 auto;
    overflow:hidden;
}
.r3 li{
    height: 30px !important;
    line-height: 30px !important;
}
.mapimg{
    width: 100%;
}
.body_main{
    display: flex;
}
.probox_top ul{
    display: flex;
    margin-top: 10px;
}
.probox_top ul li{
    margin:0 10px;
}
.probox_top ul li:hover{
    color: #044096;
    font-weight:800;
}
.probox_content table{
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .search{
        display: none;
    }
    .nav-wrap ul{
        display: none;
    }
    .nav-wrap .nav{
        width: 100%;
    }
    .dht{
        display: block;
    }
    .nav-wrap .nav{
        display: flex;
        justify-content: space-between;
    }
    .sjdh{
        display: block;
    }
    #right-zx{
        display: none;
    }
    .float{
        display: none;
    }
    .wrap{
        width: 100%;
    }
    .do-box{
        width: 100%;
    }
    .do-box{
        width: 100%;
    }
    .do-box li{margin-bottom:30px; text-align:-webkit-center;width: 50%;}
    .about-box{
        width: 100%;
        display: block;
    }
    .about-box li {text-align: -webkit-center;width: 100%;margin-bottom: 20px;}
    .wrap{ justify-content:space-around;}
    .nav-wrap ul li{
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .products-list{
        width: 100%;
    }
    .list-box{
        justify-content: center;
    }
    .list-box li{
        margin:0;
    }
    .jianjie{
        width: 100%;
        padding: 5px;
    }
    .list .product-box{
        width: 100%;
        display:flex;
        justify-content: space-around;
        flex-wrap:wrap;
    }
    .zh{
        width: 100%;
    }
    .zh1{
        width: 100%;
        height: auto;
    }
    .zh2{
        width: 100%;
        height: auto;
    }
    .zh3{
        width: 100%;
        height: auto;
    }
    .zh1_left{
        width: 100%;
        height: auto;
    }
    .zh1_left_1{
        width: 100%;
        height: auto;
    }
    .zh1_left_1 img{
        width: 100%;
        height: auto;
    }
    .zh1_right img{
        width: 100%;
        height: auto;
    }
    .zh2 img{
        width: 100%;
        height: auto;
    }
    .zh3 img{
        width: 100%;
        height: auto;
    }
    .zh1_right{
        width: 100%;
        height: auto;
    }
    .zh2 p{
        width: 100%;
    }
    .zh1_left_1 p{
        width: 100%;
    }
    .zh3 p{
        width: 100%;
    }
    .article-right{
        display: none;
    }
    .banner li img{
        width: 140%;
        transform: translate(-14%, 0);
    }
    .nybanner img{
        width: 300%;
        transform:translate(-33%, 0);
    }
    .pl{
        width: 100%;
    }
    .probox_content img{
        width: 100%;
    }
    .content .proimg{
        width: 100%;
        height: auto;
        margin: 10px;
    }
    .content .proimg img{
        width: 100%;
        height: auto;
    }
    .pro-r{
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
    .breadcrumb .breadcrumb-r{
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .content .jj{
        width: 100%;
        padding: 0 40%;
        text-align: left;
    }
    .probox_content img{
        width: 100% !important;
        height: auto !important;
    }
    .conqq{
        padding-left:0;
    }
    .bz{
        margin-left:0;
    }
}

@media screen and (max-width: 425px) {
    .content .jj{
        padding: 0 30%;
    }
}
@media screen and (max-width: 425px) {
    .content .jj{
        padding: 0 30%;
    }
}