﻿/*----------全局设置-----------*/
*
{
    padding: 0;
    margin: 0;
}
html, body
{
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    list-style: none;
    font-family: "Microsoft YaHei",arial;
}
body
{
    margin: 0 auto;
    padding: 0 auto;
    text-align: center;
    font-size: 14px;
}
h1, h2, h3
{
    color: #1cbfdb;
    -webkit-font-smoothing: antialiased;
}
p
{
    font-size: 14px;
}
h2
{
    font-size: 22px;
}
.h7
{
    font-size: 13px;
}
a, a:link, a:hover, a:active
{
    text-decoration: none;
    transition-duration: 300ms;
}
.smalltitle
{
    color: #1cbfdb;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #1cbfdb;
}
.subsmalltitle
{
    color: #1cbfdb;
    float: left;
}
.subsmalltitle2
{
    color: #7bb43f;
    float: left;
}
.subsmallbg
{
    background-color: #f5ffe6;
}
.timetag
{
    width: 100%;
    font-size: 12px;
    color: #ccc;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 30px;
}
.hidden
{
    display: none;
}
.arrow-small
{
    vertical-align: initial;
    margin-left: 3px;
}/*----------容器-----------*/
.wrapper
{
    -webkit-box-shadow: 0 0 20px rgba(153,153,153,.3);
    -moz-box-shadow: 0 0 20px rgba(153,153,153,.3);
    box-shadow: 0 0 20px rgba(153,153,153,.3);
    margin: 0 auto;
    margin-top: 40px;
    padding: 30px;
    padding-top: 0;
    padding-bottom: 30px;
    width: 80%;
    height: auto;
    border: none;
    background-color: #fff;
    color: #999;
    font-size: 14px;
    font-family: "Microsoft YaHei",arial;
}/*----------头部-----------*/
.header
{
    height: 75px;
    background-color: #fff;
}
.phone
{
    margin: 0 auto;
    width: 80%;
    height: 40px;
    float: right;
    text-align: right;
    line-height: 50px;
    font-family: "Microsoft YaHei",arial;
    font-size: 13px;
}
.phone:hover
{
    color: #1cbfdb;
    transition-duration: 300ms;
}
.phone img
{
    margin-top: 8px;
    margin-right: 6px;
}
.logo
{
    float: left;
    width: 40%;
    height: 65px;
    background-image: url(/svg/drtyly31.svg);
    background-repeat: no-repeat;
}/*----------分享-----------*/
.share
{
    float: right;
    width: 102px;
    padding-top: 10px;
    height: 65px;
    background-color: #fff;
}
#wechat
{
    float: right;
    background-image: url(/png/u0ealk60.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 50px;
    height: 40px;
    border: 1px solid #ccc;
    border-right: none;
    box-sizing: border-box;
}
#wechat:hover
{
    background-image: url(keywords.png);
    background-repeat: no-repeat;
    background-color: #efefef;
    transition-duration: 300ms;
}
#webo
{
    float: right;
    background-image: url(/png/m8mmlv62.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 50px;
    height: 40px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#webo:hover
{
    background-image: url(keywords.png);
    background-repeat: no-repeat;
    background-color: #efefef;
    transition-duration: 300ms;
}/*----------导航条-----------*/
*
{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu_bar
{
    display: none;
}
header
{
    width: 100%;
    text-align: left;
    z-index: 9999;
}
header nav
{
    clear: both;
    background: #fff;
    z-index: 9999;
    width: 100%;
    font-family: "Microsoft YaHei",arial;
    font-size: 14px;
    border: 1px solid #ddd;
}
header nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
header nav ul li
{
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
}
.current
{
    background-color: #1cbfdb;
    margin: 0;
    padding: 0;
}
.current a
{
    color: #fff;
    margin: 0;
}/*has 2 layer nav li*/
#current
{
    background-color: #1cbfdb;
    margin: 0;
    padding: 0;
}
#current a
{
    color: #fff;
    margin: 0;
}
header nav ul li:hover
{
    background: #1cbfdb;
    transition-duration: 400ms;
}
header nav ul li:hover a
{
    color: #fff;
}
header nav ul li a
{
    color: #ccc;
    display: block;
    text-decoration: none;
    padding: 20px;
}
header nav ul li a span
{
    margin-right: 10px;
}
header nav ul li:hover .children
{
    display: block;
}
header nav ul li .children
{
    display: none;
    background: #6ad5e8;
    position: absolute;
    width: 250%;
    z-index: 9999;
}
header nav ul li .children li
{
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.25);
}
header nav ul li .children li:last-child
{
    border-bottom: hidden;
}
header nav ul li .children li a
{
    color: #fff;
    display: block;
}
header nav ul li .children li a span
{
    float: right;
    position: relative;
    top: 3px;
    margin-right: 0;
    margin-left: 10px;
}
#nav_search_div
{
    width: 180%;
    border-radius: 22px;
    padding: 4px 10px;
    border: 1px solid #115b77;
    margin-top: -54px;
    z-index: 99;/*display: none;*/
    margin-left: 38px;
    box-shadow: initial;;
}
#nav_search_div #nav_search_input
{
    line-height: 23px;
    width: 84%;
    font-size: 15px;
    margin-left: 2px;
}
#nav_search_div img
{
    width: 19px;
    font-size: 15px;
    margin-top: 3px;
    float: left;
    margin-right: 6px;
}/*------------slides css copy inside---------------*/
.block_home_slider
{
    padding: 0;
    position: relative;
    height: auto!important;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url(keywords.png);/*半透明兼容*/
    text-align: center;
    line-height: 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    margin-top: 59px;
}
.block_home_slider ul
{
    margin-bottom: 0;
}
#home_slider
{
    margin-top: 75px;
}/*底部小图标*/
.block_home_slider .slide
{
    position: relative;
    height: 420px;
    padding-left: 12%;
    padding-right: 10%;
    padding-top: 1.5%;
}/*20190424*/
.block_home_slider .slide .slide_title
{
    float: left;
    width: 51%;
    height: 78%;
    margin-top: 7%;
}
.block_home_slider .slide .slide_title1
{
    float: left;/*margin-top: 105px;*/
    margin-bottom: 18px;
    display: block;
    line-height: initial;
    font-size: 45px;
    font-weight: bold;
    letter-spacing: 2px;
}
.block_home_slider .slide .slide_title1_desc
{
    float: left;
    display: block;
    line-height: initial;
    clear: both;
    width: 67%;
    text-align: left;
    letter-spacing: .6px;
    margin-right: 20%;
    line-height: 24px;
    margin-bottom: 18px;
}
.block_home_slider .slide .slide_title1_button
{
    display: block;
    clear: both;
    line-height: 25px;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    width: 85px;
}
.block_home_slider .slide .slide_img
{
    float: left;
    width: 49%;
}
.block_home_slider .flex-direction-nav a
{
    width: 25px;
    height: 25px;
    margin-top: -27px;
    display: block;
    position: absolute;
    top: 50%;
    background-repeat: no-repeat;
    background-image: url(/png/k9pbrvoc.png);
    text-indent: -9000px;
}
.block_home_slider .flex-direction-nav a.flex-prev
{
    left: 6px;
    background-position: left top;
}
.block_home_slider .flex-direction-nav a.flex-prev:hover
{
    background-position: left bottom;
}
.block_home_slider .flex-direction-nav a.flex-next
{
    right: 6px;
    background-position: right top;
}
.block_home_slider .flex-direction-nav a.flex-next:hover
{
    background-position: right bottom;
}
.block_home_slider .flex-control-paging
{
    display: inline-block;
    position: absolute;
    margin-top: -35px;
    margin-left: -30px;
}
.block_home_slider .flex-control-paging li
{
    margin: 6px;
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 0;
    float: left;
    overflow: hidden;
}
.block_home_slider .flex-control-paging li a
{/*width:30px; height:5px;background-repeat:no-repeat; background-image:url(/images/sprite_nav_3.png);*/
    width: 8px;
    height: 8px;
    border-radius: 30px;/*background: #ffffff5e;*/
    background: #fff;
    opacity: .3;
    display: block;
    text-indent: -9000px;
    cursor: pointer;
}
.block_home_slider .flex-control-paging li a:hover
{
    background-position: right;
}
.block_home_slider .flex-control-paging li a.flex-active
{/*background-position:right top;*/
    background: #fafcff;
    opacity: 10;
}
.block_home_post_feature
{
    width: 300px;
}
.block_home_post_feature p
{
    padding-bottom: 0;
}
.flexslider
{
    margin: 0;
    padding: 0;
}
.flexslider ul
{
    list-style-type: none;
}
.flexslider .slides>li
{
    display: none;
    -webkit-backface-visibility: hidden;
    list-style-type: none;
}/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides .banner_img
{
    width: 96%;
    display: block;
}
.flexslider .slides .slide_1
{
    background-image: linear-gradient(135deg,#0391e4 10%,#011484 100%);
}
.flexslider .slides .slide_2
{
    background-image: linear-gradient(135deg,#ff9f4a 10%,#e34d12 100%);
}
.flexslider .slides .slide_3
{
    background-image: linear-gradient(135deg,#18e7c2 10%,#00881e 100%);
}
.flex-pauseplay span
{
    text-transform: capitalize;
}/*------------end of slides css copy inside---------------*//*----------3大入口-----------*/
.entrance
{
    width: 100%;
    margin: 0 auto;
}
.e1
{
    float: left;
    width: 33%;
    height: 400px;
    background-color: #6ad5e8;
}
.e2
{
    float: left;
    width: 34%;
    height: 400px;
    background-color: #40cce5;
}
.e3
{
    float: left;
    width: 33%;
    height: 400px;
    background-color: #1cbfdb;
}
.in-img, .in-img2, .in-img3
{
    width: 86%;
    height: 40%;
    margin: 7%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 auto;
    background-color: #fff;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.in-img
{
    background-image: url(keywords.png);
}
.in-img2
{
    background-image: url(keywords.png);
}
.in-img3
{
    background-image: url(keywords.png);
}
.in-img:hover, .in-img2:hover, .in-img3:hover
{
    opacity: .7;
    transition-duration: 300ms;
}
.in-text
{
    float: left;
    width: 86%;
    height: 48%;
    margin: 7%;
    margin-top: 0;
    margin-bottom: 20px;
}
.in-text h2, p
{
    color: #fff;
}
.in-text h2
{
    margin-bottom: 20px;
}
.in-text p
{
    text-align: left;
    line-height: 24px;
}
.dash
{
    height: 2px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-bottom: 1px dashed #fff;
}
.ent-text
{
    margin-bottom: 20px;
}
.know
{
    width: 100%;
    margin: 0 auto;
    float: left;
    margin-bottom: 30px;
    color: #fff;
    text-align: left;
}/*----------分隔带----------*/
.split
{
    clear: both;
    width: 100%;
    height: 100px;
}
.split h2
{
    padding-top: 50px;
}/*----------公司产品线-----------*/
.mainPortfolioDiv
{
    padding-left: 1%;
    padding-right: 1%;
    height: 177px;
}
.mainPortfolio1, .mainPortfolio2, .mainPortfolio3, .mainPortfolio4, .mainPortfolio5
{
    float: left;
    width: 17.6%;
    background-color: #fff;
    box-sizing: border-box;
    margin-left: 1.1%;
    margin-right: 1.1%;
    height: 44%;
}/*.mainPortfolioDiv .prots-img img{width: 32%;}*/
.mainPortfolioDiv .line-products
{
    float: left;
}
.mainPortfolio .prots-img
{
    height: 137%;
    margin-top: 10%;
}
.mainPortfolio .prots-img img
{
    width: 54%;
}/*.mainPortfolioDiv2_title2{width: 100%;height: 80px;box-shadow: 0px 4px 13px #dbdbdb inset;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;background-color: #f7f7f7;}*/
.mainPortfolio_title2_ul
{
    margin: auto;
}
.mainPortfolio_title2_ul li
{
    display: inline;
    float: left;
    line-height: 80px;
    width: 14%;
}
.mainPortfolio_title2_ul li a
{
    color: #666;
}/*----------典型案例-----------*/
.prots
{
    clear: both;
    width: 80%;
    margin: 0 auto;/*height:406px;*/
    height: 180px;
    box-sizing: border-box;
    margin-top: 4%;
}
.prots-text
{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
    width: 90%;
    margin: auto;
    font-size: 16px;
}
.prots-text .title2
{
    color: #333;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-line-clamp: 1!important;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 20px;
}
.prots-text .title2
{
    color: #333;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 26px;
    height: 20px;
    line-height: 20px;
    position: relative;/*多行文本省略*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-line-clamp: 1!important;
    -moz-box-orient: vertical;
    /*! autoprefixer: off */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.prots-text .title2-desc
{
    margin-top: 20px;
    color: #666;
    font-size: 14px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 26px;
    height: 40px;
    line-height: 20px;
    position: relative;/*多行文本省略*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-line-clamp: 2!important;
    -moz-box-orient: vertical;
    /*! autoprefixer: off */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}/* 后面自动补上点*/
.prots-text .title2:after
{/*background: linear-gradient(to right, rgba(11, 11, 11, 0), #FFF 68%) repeat scroll 0 0 rgba(18, 17, 17, 0);*/
    background: #fff;/*bottom: 0;
    content: "...";*//*padding: 0 5px 0px 24px;*/
    padding: 0 5px 0 0;
    right: 0;
}
.prots-text .title2-desc:after
{/*background: linear-gradient(to right, rgba(11, 11, 11, 0), #FFF 68%) repeat scroll 0 0 rgba(18, 17, 17, 0);*/
    background: #fff;
    bottom: 0;
    content: "...";/*padding: 0 5px 0px 24px;*/
    padding: 0 5px 0 0;
    position: absolute;
    right: 0;
}
#mainProject .prots-img
{
    padding-bottom: 0;
    width: 100%;
    height: 161px;/*background-image: linear-gradient( 135deg, #0391e4 10%, #011484 100%);*/
    padding-top: 7%;
}/*.pp1, .pp2, .pp3, .pp5, .pp6, .pp7 { float:left; width:25%; height:278px; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; border-right:0;}*/
.pp1, .pp2, .pp3, .pp5, .pp6, .pp7
{
    float: left;
    width: 23%;/*height: 390px;*/
    height: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 70px;
}
.pp4, .pp8
{
    float: left;
    width: 25%;
    height: 278px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.pp1:hover, .pp2:hover, .pp3:hover, .pp4:hover, .pp5:hover, .pp6:hover, .pp7:hover, .pp8:hover
{
    transition-duration: 300ms;
    box-shadow: 0 5px 38px #e2e2e2;
    border-bottom: 3px solid #2e82c2;
    box-sizing: border-box;
    margin-top: -2px;
}
.title1
{
    font-size: 30px;
}
.title1-hr
{
    width: 16%;
    margin: 14px auto 12px auto;
}
.title1-desc
{
    font-size: 30px;
    font-size: 24px;
    color: #ccc;
}
.title1-more
{
    margin-right: 11%;
    float: right;
    margin-top: -20px;
}
.title1-more :hover
{
    text-decoration: none;
    cursor: pointer;
}
#mainProject>a:hover
{
    color: #5f9ea0;
}
#mainProject .prots-img>img
{/*width:40%;*/
    height: 85%;
}
#mainProject .circle-arrow
{
    padding: 30px;
}/*.pp1 { background:#fff url(/images/prods/cnk-TB.png) no-repeat center;}
.pp2 { background:#fff url(/images/prods/cnk-TBW.png) no-repeat center;}
.pp3 { background:#fff url(/images/prods/cnk-TBcard.png) no-repeat center;}
.pp4 { background:#fff url(/images/prods/SWYSJ.png) no-repeat center;}

.pp5 { background:#fff url(/images/prods/LYJSXT.png) no-repeat center;}
.pp6 { background:#fff url(/images/prods/WKSQ.png) no-repeat center;}
.pp7 { background:#fff url(/images/prods/ZCWS-10D.png) no-repeat center;}
.pp8 { background:#fff url(/images/prods/KSQBL.png) no-repeat center;}*/
.title2
{
    margin-top: 40px;
}/*----------新闻-----------*/
.news
{
    clear: both;
    width: 100%;
    height: 320px;
    margin-bottom: 40px;
}
#news .circle-arrow
{
    padding: 30px;
}
.n1, .n3
{
    float: left;
    width: 33%;
    height: 320px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.n2
{
    float: left;
    width: 34%;
    height: 320px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.n1, .n2
{
    border-right: 0;
}
.n1:hover, .n2:hover, .n3:hover
{
    background-color: #eee;
    transition-duration: 300ms;
}
.n-img, .n-img2, .n-img3, .v-img, .v-img2, .v-img3
{
    width: 86%;
    height: 150px;
    margin: 7%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 auto;
    background-color: #fff;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.n-img
{
    background-image: url(keywords.png);
}
.n-img2
{
    background-image: url(keywords.png);
}
.n-img3
{
    background-image: url(keywords.png);
}/*video page 3 columns*/
.v-img
{
    background-image: url(keywords.png);
}
.v-img2
{
    background-image: url(keywords.png);
}
.v-img3
{
    background-image: url(keywords.png);
}
.n-text
{
    width: 86%;
    height: 40%;
    margin: 7%;
    margin-top: 0;
    margin-bottom: 20px;
}
.n2-text p, .n-text p
{
    text-align: left;
    line-height: 24px;
    color: #999;
}
.n2-text
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.footer
{
    width: 100%;
    height: 478px;
}
.footer-top
{
    overflow: hidden;
    background: #1b4156;
    padding: 0 10%;
}
.low1
{
    height: 368px;
    width: 34%;
}
.low1, .low2, .low3
{
    float: left;
}
.low2, .low3
{
    margin-top: 100px;
}
.low2
{
    width: 43%;
    overflow: hidden;
}
.low3
{
    width: 23%;
}
.eb_logo
{
    margin-top: 96px;
    margin-bottom: 30px;
}
.footer-bottom
{
    width: 100%;
    height: 110px;
    background: #0e364c;
    padding-top: 35px;
    padding-bottom: 35px;
}
.m_footer-bottom
{
    width: 100%;
    height: 110px;
    background: #0e364c;
    padding-top: 35px;
    padding-bottom: 35px;
    justify-content: center;
    align-items: center;
    display: none;
}
.footer-bottom-text
{
    color: #82c8e3;
    font-size: 12px;
}
.footer a
{
    color: #fff;
    font-size: 14px;
}
.footer a:hover
{
    color: #ccc;
}
.lowblue
{
    margin: 0 auto;
    padding-top: 15px;
    width: 100%;
    height: 70px;
    background-color: #1cbfdb;
}
.biao
{
    margin: 0 auto;
    height: 40px;
    width: 140px;
    background-image: url(/svg/4fsm7gjq.svg);
    background-repeat: no-repeat;
}
.lr-text
{
    float: left;
    width: 50%;
    height: auto;
    margin-top: 0;
    margin-bottom: 20px;
}
.b-text
{
    float: left;
    color: #619aab;;
    width: 100%;
    text-align: left;
    font-size: 16px;
}
.bsub-text
{
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 20px;
}
.bsub-text p
{
    color: #999;
    line-height: 24px;
}
.QR
{
    float: left;
    margin-top: 20px;
    width: 50%;
    text-align: left;
}
.QR img
{
    width: 57%;
}
.bt-caption
{
    clear: both;
    width: 100%;
    float: left;
    margin-top: 80px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
}
.footer .search-input
{
    background-color: #1b4156;
    color: #ddd;
    font-size: 13px;
    width: 87%;
    position: relative;
}
.footer .search-input-div
{
    border: 1px solid #fff;
    border-radius: 18px;
    height: 31px;/*padding: 3px 10px;*/
    width: 62%;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 5px;
}
.footer .search-buttom
{
    cursor: pointer;
    width: 8%;
}/***********************************Start of Page Contact************************************/
.con_title
{
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
    line-height: 28px;
}
.con_title h2
{
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left;
}
.lrsides
{
    float: left;
    box-sizing: border-box;
    border: 1px solid #ddd;
    width: 100%;
    height: 502px;
    background: #ccc;
}
#dituContent
{
    float: right;
    width: 70%;
    height: 500px;
    margin-left: 30%;
}
#dituContent2
{
    float: left;
    width: 100%;
    height: 300px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
.logo_left
{
    float: left;
    width: 30%;
    height: 500px;
    margin-top: -500px;
    background: #fff;
    z-index: 99999;
}
.uplogo
{
    width: 100%;
    height: 128px;
    background: #1cbfdb;
}
.uplogo img
{
    margin-top: 46px;
    padding: 0;
}
.downlogo
{
    width: 100%;
    height: 372px;
    background: #cdd7db;
    margin: 0;
    padding: 0;
    float: left;
}
.downlogo img
{
    margin-top: -2px;
    margin-left: 0;
    padding: 0;
    float: left;
}
.iw_poi_title
{
    color: #c52;
    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;
}
.qr2
{
    margin-left: 20px;
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    margin-bottom: 50px;
}
.qr3
{
    margin-left: 20px;
    width: 88px;
    height: 88px;
    float: left;
    text-align: left;
    margin-bottom: 50px;
}
#bordered
{
    box-sizing: border-box;
    border: 1px solid #ddd;
}/***********************************End of Page Contact************************************//***********************************Start of Page video************************************/
.v_title
{
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
    line-height: 28px;
}
.v_title h2
{
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}
.breadcrumb
{
    margin: 0 auto;
    margin-bottom: 30px;
    padding-top: 16px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-right: none;
    border-left: none;
    width: 100%;
    height: 54px;
    text-align: left;
}
.breadcrumb a
{
    margin-left: 20px;
    font-size: 14px;
    color: #1cbfdb;
}
.breadcrumb a:hover
{
    color: #1cbfdb;
}
.text_main
{
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: left;
    line-height: 28px;
}/***********************************End of Page video************************************//***********************************Start of Page news************************************/
.n_listswrap
{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 50px;
}
.n_list
{
    height: 160px;
    margin-top: 40px;
}
.n_listimg
{
    float: left;
    width: 15%;
    margin-right: 20px;
}
.n_listtext
{
    float: left;
    width: 80%;
    text-align: left;
    line-height: 24px;
}
.n_time
{
    font-size: 12px;
    color: #ccc;
    clear: both;
}
.n_t, .n_t a
{
    color: #999;
    clear: both;
}/***********************************End of Page news************************************//***********************************Start of Page respon************************************/
.res_listswrap
{
    width: 100%;
    margin-bottom: 50px;
}
.res_list
{
    height: 100px;
    margin-top: 40px;
}
.empdiv
{
    width: 100%;
    height: 50px;
    float: left;
}/***********************************End of Page respon************************************//***********************************Start of certficate switch************************************/
.swi_wrap
{
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    margin-top: -20px;
}
.sty1
{
    margin: 0 auto;
    text-align: center;
    width: 100%;
    border: none;
}
.sty2
{
    margin: 0 auto;
    margin-top: 18px;
    text-align: center;
    width: 100%;
    border: none;
}
.nav
{
    text-align: center;
    width: 100%;
    height: 54px;
    margin: 0 auto;
    padding: 0;/*border-bottom:1px solid #ddd; border-top:1px solid #ddd; background-color:#fff;*/
}
.tabs
{
    display: inline-block;
    margin-top: 0;
    list-style: none;
}
.tabs:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.tabs li
{
    border: 0;
    float: left;
    width: 70px;
    height: 44px;
}
.tabs a
{
    font-family: "Microsoft YaHei",arial;
    line-height: 54px;
    position: relative;
    padding-bottom: 15px;
    color: #999;
    text-decoration: none;
}
.tabs .current
{
    background: #fff;
}
.tabs .current a
{
    border-bottom: 2px solid #1cbfdb;
    color: #1cbfdb;
    text-decoration: none;
}
.midwrap
{
    padding-top: 12px;
}
.matriximg
{
    float: left;
    height: 440px;
    margin: 0 auto;
    margin-left: 12px;
    margin-bottom: 12px;
}
.matriximg2
{
    text-align: left;
    float: left;
    height: 332px;
    margin: 0 auto;
    margin-left: 12px;
    margin-bottom: 16px;
}
.matriximg3
{
    text-align: left;
    float: left;
    height: 297px;
    margin: 0 auto;
    margin-left: 12px;
    margin-bottom: 12px;
}
.downicon
{
    clear: both;
    padding-top: 166px;
    margin-bottom: 64px;
    text-align: center;
}/***********************************End of certficate switch************************************//***********************************Start of cases switch************************************/
.matriximg4
{
    float: left;
    height: 300px;
    margin: 0 auto;
    margin-left: 18px;
    margin-top: 14px;
    margin-bottom: 16px;
}
.matriximg4:hover .imgtext
{
    color: #1cbfdb;
    transition: 200ms ease-in;
}
.matriximg4:hover img
{
    opacity: .8;
    transition: 200ms ease-in;
}
.imgtext
{
    text-algin: center;
    margin: 0 auto;
    margin-top: 10px;
}/***********************************End of cases switch************************************//***********************************Start of product************************************/
.img_select
{
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    width: 100%;
    height: 500px;
    float: left;
    text-align: center;
}
.bigimg
{
    margin: 0 auto;
    width: 75%;
    height: 500px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 65px;
    float: left;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-right: none;
}
.simg
{
    width: 25%;
    float: left;
    text-align: center;
    background-color: #fff;
    padding-top: 18px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
#simg1, #simg3
{
    height: 166px;
}
#simg2
{
    height: 168px;
}
#simg1, #simg2
{
    border-bottom: none;
}
.simg:hover
{
    box-sizing: border-box;
    box-shadow: 0 0 0 8px #f6f6f6 inset;
}
.table_main
{
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: left;
    line-height: 28px;
}
.nav2
{
    text-align: center;
    width: 100%;
    height: 54px;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #ddd;
}
.midwrap2
{
    padding-top: 0;
}
.sty3
{
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-top: none;
}
#prod_table1
{
    font-family: "Microsoft YaHei",arial;
    width: 100%;
    border-collapse: collapse;
    color: #999;
}
#prod_table1 td
{
    font-size: 12px;
    border: none;
    padding: 14px 5px 14px 20px;
}
.alt td
{
    background-color: #f3f3f3;
}
#prod_table2
{
    font-family: "Microsoft YaHei",arial;
    width: 100%;
    border-collapse: collapse;
    color: #999;
}
#prod_table2 td
{
    font-size: 12px;
    border: none;
    padding: 14px 5px 14px 20px;
}
.alt td
{
    background-color: #f3f3f3;
}
.paint
{
    color: #fff;
    background-color: #1cbfdb;
}
.blue
{
    color: #1cbfdb;
    text-align: center;
}
.comment
{
    width: 100%;
    height: 54px;
    text-align: center;
    line-height: 54px;
    color: #1cbfdb;
}/***********************************End of product************************************//***********************************Flash in Advance**********************************/
.flash1
{
    width: 100%;
    margin-bottom: 40px;
}/***********************************End of Flash in Advance**********************************//*移动端*/
.m_nav .search-input
{
    width: 89%;
    background: #1f61c2;
    color: #fff;
}
.m_nav .search-input::-webkit-input-placeholder
{
    color: #fff;
}
.m_nav .dropdown .arrow
{
    width: 17px;
    float: right;
    margin-top: 21px;
}/*------------------------------响应式代码------------------------------*//*@media screen and (min-width: 1080px){
	
	.wrapper { width:100%;}	
	#dituContent2 { display:none;}
}*//*@media (min-width : 1018px ) and (max-width : 1080px ){*/
@media(min-width: 1018px) and (max-width: 1245px)
{
    .wrapper
    {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .header
    {
        height: 130px;
    }
    header
    {
        display: block;
    }
    .logo
    {
        margin-left: 20px;
    }
    .share
    {
        margin-right: 20px;
    }
    .phone
    {
        padding-right: 20px;
    }
    header nav
    {
        box-sizing: border-box;
        width: 100%;
        float: left;
        border: 1px solid #ddd;
        border-left: 0;
        border-right: 0;
        z-index: 9999;
        position: relative;
    }/*contact map*/
    #dituContent2
    {
        display: none;
    }/*video content*/
    .text_main
    {
        margin-left: 20px;
        margin-right: 20px;
    }/*respons*/
    .res_listswrap
    {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media(min-width: 800px) and (max-width: 1017px)
{/*@media (min-width : 768px ) and (max-width : 1017px ){*/
    .header .navbar_nav>li>.nav_a
    {
        padding: 0 10px;
    }
    nav
    {
        display: block;
    }
    .wrapper
    {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .header
    {
        height: 130px;
        padding-top: 40px;
    }
    header
    {
        display: block;
    }
    .logo
    {
        margin-left: 20px;
    }
    .share
    {
        display: none;
    }
    .phone
    {
        display: none;
    }
    header nav
    {
        box-sizing: border-box;
        width: 100%;
        float: left;
        border: 1px solid #ddd;
        border-left: 0;
        border-right: 0;
        z-index: 9999;
        position: relative;
    }
    .pp4
    {
        border-right: 0;
    }
    .n1, .n2
    {
        height: 300px;
    }
    .n3
    {
        border-right: 0;
        height: 300px;
    }
    .block_home_slider .slide .slide_title1
    {
        font-size: 30px;
        margin-bottom: 11px;
    }
    .block_home_slider .slide
    {
        height: 250px;
    }
    .block_home_slider .slide .slide_title1_desc
    {
        width: 83%;
        margin-right: initial;
        font-size: 10px;
        margin-bottom: 11px;
    }
    .block_home_slider .slide .slide_title1_button
    {
        font-size: 10px;
        line-height: 22px;
        width: 65px;
    }
    .block_home_slider .slide .slide_title
    {
        margin-top: 5%;
    }
    .block_home_slider .slide
    {
        padding-top: 2.5%;
    }/*公司产品线*/
    .mainPortfolioDiv .prots-img img
    {
        width: 42%;
    }
    .mainPortfolioDiv .line-products
    {
        margin-top: -12px;
    }/*video content*/
    .text_main
    {
        margin-left: 20px;
        margin-right: 20px;
    }/*contact map*/
    #dituContent2
    {
        display: none;
    }/*respons*/
    .res_listswrap
    {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }/*product*/
    .table_main
    {
        margin-left: 0;
        margin-right: 0;
    }/*advance to hide flash*/
    .flash1
    {
        display: none;
    }
}
@media(min-width: 592px) and (max-width: 799px)
{
    .mainPortfolio .prots-img
    {
        height: 90%;
    }
}
@media(min-width: 320px) and (max-width: 591px)
{
    .mainPortfolio .prots-img
    {
        height: 70%;
    }
}
@media(min-width: 320px) and (max-width: 799px)
{/*@media (min-width : 320px ) and (max-width : 767px ){*/
    .wrapper
    {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }
    .in-img
    {
        background-image: url(keywords.png);
    }
    .header
    {
        height: 67px;
        padding-top: 40px;
    }
    .logo
    {
        display: none;
    }
    .share
    {
        display: none;
    }
    .phone
    {
        display: none;
    }
    .mainPortfolioDiv .line-products
    {
        display: none;
    }
    .title1
    {
        font-size: 26px;
    }
    .title1-more
    {
        margin-right: 4%;
        margin-top: -56px;
    }
    .title1-desc
    {
        font-size: 18px;
    }
    .footer-bottom
    {
        display: none;
    }
    .m_footer-bottom
    {
        display: flex;
    }/*---------------responsive nav-----------------*/
    span
    {
        display: inline;
    }
    #home_slider
    {
        margin-top: 49px;
    }
    .menu_bar
    {
        display: block;
        width: 100%;
        position: fixed;
        top: 0;
        background: #8dd62f;
        z-index: 9999;
    }
    .menu_bar .bt-menu
    {
        display: block;
        padding: 20px;
        color: #fff;
        overflow: hidden;
        font-size: 18px;
        text-decoration: none;
    }
    .menu_bar .bt-menu img
    {
        margin-top: 2px;
    }
    .menu_bar span
    {
        float: right;
        font-size: 20px;
    }
    header nav
    {
        width: 80%;
        height: calc(100% - 65px);
        position: fixed;
        right: 100%;
        margin: 0;
        overflow: scroll;
        border: none;
        background: #3b4449;
    }
    header nav ul li
    {
        display: block;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }
    header nav ul li a
    {
        display: block;
    }
    header nav ul li:hover .children
    {
        display: none;
    }
    header nav ul li .children
    {
        width: 100%;
        position: relative;
    }
    header nav ul li .children li a
    {
        margin-left: 24px;
    }
    header nav ul li .caret
    {
        float: right;
    }
    .header .left .logo_img
    {
        width: 81%;
    }/*公司产品线*/
    .mainPortfolio_title2_ul
    {
        display: contents;
        text-align: left;
        margin-left: 1%;
    }
    .mainPortfolioDiv2
    {
        width: 100%;
        height: 100px;
        box-shadow: 0 4px 13px #dbdbdb inset;/*border-top: 1px solid #e9e9e9;*/
        border-bottom: 1px solid #e9e9e9;
        background-color: #f7f7f7;
        overflow: hidden;
        height: auto;
        margin-top: -1px;
    }
    .mainPortfolio_title2_ul li
    {
        display: inline;
        float: left;
        width: 30%;
        line-height: 20px;;
        margin-left: 3%;
    }
    .mainPortfolioDiv2_title2
    {
        padding-top: 3%;
    }
    .mainPortfolioDiv2_title2 ul li a
    {
        font-size: 14px;
    }/*.mainPortfolio .prots-img {height: 70%;}*/
    .mainPortfolio1, .mainPortfolio2, .mainPortfolio3, .mainPortfolio4, .mainPortfolio5
    {
        height: 84%;
        width: 20%;
        margin-left: initial;
        margin-right: initial;
    }
    .mainPortfolioDiv
    {
        height: 100px;
        padding: 0;
    }
    .prots
    {
        width: 93%;/*width: 98%;*/
        margin-top: 3%;
    }
    .mainPortfolioDiv .prots-text
    {
        font-size: 12px;
        width: 100%;/*-webkit-text-size-adjust: none;-webkit-transform: scale(0.9);*/
    }
    .mainPortfolioDiv .prots-img img
    {/*width: 54%;*//*height: 138%;*/
        width: 77%;
    }/*--------------------------滚动栏---------------------------*/
    .flexslider .slides .banner_img
    {
        display: none;
    }
    .flex-control-paging
    {
        display: inline-block;
        position: absolute;
        margin-top: -20px;
        margin-left: -62px;
    }
    .block_home_slider .slide .slide_title
    {
        width: 100%;
    }
    .block_home_slider .slide .slide_title1
    {
        font-size: 31px;
        width: 100%;
    }
    .block_home_slider .slide .slide_title1_desc
    {
        clear: both;
        width: 100%;
        text-align: center;
        letter-spacing: .6px;
        margin-right: initial;
        line-height: 24px;
        margin-bottom: 18px;
    }
    .block_home_slider .slide .slide_title1_button
    {
        display: initial;
        clear: both;
        line-height: 25px;
        background: none;
        border: 1px solid #fff;
        color: #fff;
        width: 85px;
    }
    .block_home_slider .slide
    {
        height: 260px;
    }/*---------------end of responsive nav-----------------*/
    .e1
    {
        width: 100%;
        height: 600px;
    }
    .in-img
    {
        width: 86%;
        height: 50%;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .e2
    {
        width: 100%;
        height: 600px;
    }
    .in-img2
    {
        width: 86%;
        height: 50%;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .e3
    {
        width: 100%;
        height: 600px;
    }
    .in-img3
    {
        width: 86%;
        height: 50%;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .in-img3 img
    {
        margin-top: 70px;
    }
    .in-text
    {
        height: 30%;
        margin-bottom: 20px;
    }
    .in-text p
    {
        line-height: 36px;
        font-size: 16px;
    }
    .ent-text
    {
        margin-bottom: 15px;
    }
    .know
    {
        width: 100%;
        margin: 0 auto;
        float: left;
        margin-bottom: 25px;
        color: #fff;
        text-align: center;
    }
    .prots-img img
    {
        margin-bottom: 0;
    }
    .pp1, .pp2, .pp3, .pp5, .pp6, .pp7
    {
        float: left;
        width: 100%;/*height:406px; */
        background-color: #fff;
        border: 1px solid #ddd;
        box-sizing: border-box;
        border-bottom: 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #cfcfcf;
        margin-left: initial;
        margin-right: initial;
    }
    .m_nav .search-input
    {
        width: 89%;
        background: #1f61c2;
        color: #fff;
        line-height: 24px;
    }
    .m_nav .search-input::-webkit-input-placeholder
    {/* placeholder颜色  */
        color: #fff;/* placeholder字体大小  *//*font-size: 12px;*//* placeholder位置  *//*text-align: right;*/
    }
    .pp4, .pp8
    {
        float: left;
        width: 100%;
        height: 278px;
        background-color: #fff;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }
    .news
    {
        clear: both;
        width: 100%;
        height: 360px;
    }
    .n1, .n2, .n3
    {
        float: left;
        width: 100%;
        height: 360px;
        background-color: #fff;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }
    .n1, .n2
    {
        border-bottom: 0;
    }
    .n3
    {
        margin-bottom: 40px;
    }
    .n-img, .n-img2, .n-img3
    {
        width: 86%;
        height: 150px;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .v-img, .v-img2, .v-img3
    {
        width: 86%;
        height: 150px;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .n2-text p
    {
        line-height: 36px;
        font-size: 16px;
    }
    .footer
    {
        text-align: center;
        margin: 0 auto;
    }
    .low1, .low2, .low3
    {
        float: initial;
        clear: both;
        width: 80%;
    }
    .low1
    {
        height: 125px;
        margin: 0 auto;
        margin-top: 40px;
        text-align: center;
    }
    .low1 .b-text
    {
        text-align: center;
    }
    .low2
    {
        margin: 0 auto;
        margin-top: 10px;
        text-align: center;
    }
    .low3
    {
        height: 150px;
        margin: 0 auto;
        margin-top: 10px;
        text-align: center;
    }
    .lr-text.lr-text-right
    {
        width: 35%;
        margin-left: 12%;
    }
    .QR
    {
        margin: 13px 0;/*width: initial;*/
    }
    .QR img
    {
        width: 60%;
        margin-left: 17%;
    }
    .QR1
    {
        float: left;
    }
    .QR2
    {
        float: right;
    }
    .bsub-text
    {
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 8px;
    }
    .low1 .lr-text .b-text, .low1 .lr-text p
    {
        text-align: center;
    }
    .low1 .lr-text
    {
        float: left;
        width: 50%;
        margin: 0 auto;
        padding: 0;
    }
    .low2 .QR
    {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }/*.low3 { float:left; height:100px; text-align:center; margin-top:0px;}*/
    .low3 h2, .low3 .b-text
    {
        text-align: center;
    }
    .bt-caption
    {
        margin-top: 40px;
    }
    .footer-top .eb_logo
    {
        margin-top: 0;
        text-align: center;
    }
    .footer .search-input
    {
        width: 85%;
    }
    .footer .search-input-div
    {
        width: 80%;
        margin: 0 10%;
    }/*contact media queries*/
    .con_title h2
    {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .v_title h2
    {
        padding-top: 10px;
        line-height: 0;
    }
    .lrsides
    {
        display: none;
    }/*contact map*/
    #dituContent2
    {
        display: block;
    }/*video content*/
    .text_main
    {
        margin-left: 20px;
        margin-right: 20px;
    }/*news list img*/
    .n_listimg
    {
        display: none;
    }
    .n_listtext
    {
        width: 100%;
    }/*respons*/
    .res_listswrap
    {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }/*certificat*/
    .downicon
    {
        display: none;
    }/***********************************Start of product************************************/
    .img_select
    {
        margin: 0 auto;
        padding: 0;
        background-color: #fff;
        width: 100%;
        height: 436px;
        float: left;
        text-align: center;
    }
    .bigimg
    {
        margin: 0 auto;
        width: 100%;
        height: 270px;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 51px;
        float: left;
        text-align: center;
        background-color: #fff;
        box-sizing: border-box;
        border: 1px solid #ddd;
    }
    .bigimg img
    {
        width: 236px;
        height: 217px;
    }
    .simg
    {
        width: 33.3%;
        float: left;
        text-align: center;
        background-color: #fff;
        padding-top: 18px;
        box-sizing: border-box;
        border: 1px solid #ddd;
        border-top: none;
    }
    .simg:hover
    {
        box-sizing: border-box;
        box-shadow: 0 0 0 8px #f6f6f6 inset;
    }
    #simg3
    {
        width: 33.4%;
    }
    #simg1, #simg2, #simg3
    {
        height: 166px;
        border-bottom: 1px solid #ddd;
    }
    #simg1, #simg2
    {
        border-right: none;
    }
    .table_main
    {
        margin-left: 0;
        margin-right: 0;
    }/***********************************End of product************************************//*advance to hide flash*/
    .flash1
    {
        display: none;
    }
}
