#header,#main{width: 100%;overflow: hidden}
.wrapper{width:1000px;margin: 0 auto;display: block;position: relative}
/*css3*/
.nav ul li a:after,
.product ul li,
.product ul li a,
.product>a,
.product>a span,
.product_list ul li img,
.product_list ul li span,
.news>a,.news>a span,
.sidebar ul li a,
.info_pdc li img,
.info_pdc li span,
.zizhi li span,
.zizhi li img,
.zizhi li,
.she li,
.she li span{
    transition:all 250ms;
    -webkit-transition:all 250ms;
}
/*header*/
#header{
    border-bottom: 1px solid #ccc;
}
.h_top{
    line-height: 35px;
    height: 35px;
    background: #1058df;
    overflow: hidden;
}
.h_top p{color: white}
.h_top p a{
    color: white;
    font-size: 14px;
    padding: 0 8px;
}
.h_top p a:first-child{padding-left: 0}
.h_top p,.h_top ol li{float: left}
.h_top .wrapper>span,.h_top ol{float: right}
.h_top ol li a{
    display: block;
    width: 22px;
    height: 35px;
    background-image: url("../Images/wei.png");
    background-repeat: no-repeat;
    text-indent: -999em;
    margin: 0 8px;
}
.h_top ol li:first-child a{background-position: 0 center}
.h_top ol li:first-child+li a{background-position:-22px center}
.h_top ol li:first-child+li+li a{background-position:-50px center}
.h_top .wrapper>span{
    font-size: 14px;
    color: white;
    background:url("../Images/tel.png") no-repeat left center;
    padding-left: 15px;
}
.h_top .wrapper>span a{color: white;padding: 0 8px;}
.h_top .wrapper>span a:hover{text-decoration: underline}

/*nav*/
.nav{
    overflow: hidden;
    background: rgba(33, 33, 33, 0.61);
    padding: 38px 0;
    position: relative;
    z-index: 100;
}
.nav h1 a{
    display: block;
    width: 357px;
    height: 48px;
    background: url("../Images/logo.png") no-repeat center;
    text-indent: -999em;
    float: left;
}
.nav ul{
    float: right;
    overflow: hidden;
    padding-top: 14px;
    padding-bottom: 20px;
}
.nav ul li{float: left}
.nav ul li a{
    display: block;
    font-size: 14px;
    color: white;
    margin-left: 38px;
    position: relative;
}
.nav ul li a:after{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -2.5px;
    bottom:-12px;
}
.nav ul li a:hover{color:#e9a017 }
.nav ul li a:hover:after{border-top: 5px solid #e9a017;}

/*banner*/
.banner{margin-top: -129px;}

/*hot*/
.hot{
    padding: 15px 0;
    overflow: hidden;
}
.hot p{
    font-size: 14px;
    float: left;
    padding-top: 5px;
}
.hot p span{color: #2d2d2d; }
.hot p a{
    color: #2d2d2d;
    padding: 0 8px;
}
.hot p a:hover{
    color: #0c5aeb;
    text-decoration: underline;
}
.hot form{float: right;}
.hot input[type=text]{
    display: inline-block;
    width: 227px;
    height: 32px;
    line-height: 34px;
    border: 1px solid #ccc;
}
.hot input[type=submit]{
    display: inline-block;
    width: 34px;
    height: 34px;
    border: 0;
    background: #115de9 url("../Images/SCH.png") no-repeat center;
    text-indent: -999em;
}

/*main*/
/*company*/
.company_product{
    overflow: hidden;
    height: 850px;
    background:url("../Images/pdc_bg.png") no-repeat center bottom;
}
.company{overflow: hidden;}
.company_img{margin-top: 45px}
.company_img span{float: left}
.company_img span img{display: block}
.company_img>img{float: left}
.company_img img{display: block;margin: 0 10px 10px 0}
.company>p{
    width: 418px;
    height: 116px;
    float: left;
    color: #3a3a3a;
    background:url("../Images/company_bg.png") no-repeat center top;
    padding:10px 20px;
    margin: 40px 0 0 23px;
}
.company>p span{
    display: block;
    font-size: 20px;
    margin-bottom: 15px;
}
.company>p small{
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.company>p a{
    display: block;
    font-size: 14px;
    width: 100px;
    line-height: 35px;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 28px;
}
.culture{
    width: 177px;
    height: 413px;
    float: right;
    background: #ebebeb url("../Images/wen.png") no-repeat center bottom;
    margin-top: -45px;
}
.culture p{
    font-size: 24px;
    color: #2e2e2e;
    text-indent: 31px;
    padding-top: 48px;
    padding-bottom: 28px;
}
.culture p span{color: #115de9}
.culture small{
    display: block;
    width: 111px;
    margin: 0 auto;
    font-size: 14px;
    color: #4f4f4f;
    position: relative;
}
.culture small:after{
    display: block;
    content: '';
    width: 36px;
    height: 4px;
    background: #0e66dc;
    position: absolute;
    left: 0;
    bottom: -20px;
}

/*product*/
.product{margin-top: -40px}
.product>p{
    width: 330px;
    height: 100px;
    background: #2d73f8;
    color: white;
    margin-left: -148px;
}
.product>p span{
    display: block;
    font-size: 18px;
    text-indent: 230px;
    padding: 12px 0;
}
.product>p small{
    display: block;
    font-size: 12px;
    position: relative;
    text-indent: 145px;
}
.product>p small:after{
    display: block;
    content: '';
    width: 34px;
    height: 3px;
    background: #fff;
    position: absolute;
    right: 31px;
    bottom: -15px;
}
.product ul{margin-top: 40px}
.product ul li{
    width: 205px;
    height: 220px;
    padding-top: 30px;
    background: #313131;
    text-align: center;
    overflow: hidden;
    border-bottom: 6px solid #8b8b8b;
    float: left;
    margin-left: 25px;
}
.product ul li:first-child{margin-left: 0}
.product ul li a{
    display: block;
    height: 100%;
    color: #fefeff;
    background:url("../Images/p1.png") no-repeat center top;
    padding-top: 100px;
}
.product ul li a span{
    display: block;
    font-size: 18px;
}
.product ul li a small{
    color: #7b7b7c;
    display: block;
    margin: 10px 0 15px 0;
}
.product ul li a b{
    display: block;
    width: 23px;
    height: 23px;
    color: #7b7b7c;
    margin: 0 auto;
    line-height: 23px;
    border: 1px solid #7b7b7c;
    text-align: center;
    border-radius: 50%;
}
.product ul li a:hover{background: url("../Images/p1_1.png") no-repeat center top}
.product ul li:hover{border-bottom: 6px solid #feae15}
.product>a,
.news>a{
    display: block;
    padding: 2px;
    border: 1px solid #214b9c;
    float: right;
    margin-top: 98px;
}
.product>a span,
.news>a span{
    display: block;
    width: 63px;
    height: 63px;
    background: #2d73f8;
}
.product>a span small,
.news>a span small{
    display: block;
    font-size: 14px;
    color: white;
    width: 30px;
    margin: 0 auto 0 auto;
    padding-top: 13px;
}
.product>a:hover{border: 1px solid #feae15}
.product>a:hover span{background: #feae15;}

/*product_list*/
.product_list{
    background:url("../Images/pdc_bg2.png") no-repeat center 42px;
    padding-bottom: 50px;
}
.product_list:after{
    display: block;
    content: '';
    clear: both;
}
.product_list .wrapper>p{
    background: #fe5715;
    color: white;
    width: 247px;
    height: 80px;
    margin: -42px auto 48px auto;
    text-align: center;
    position: relative;
}
.product_list .wrapper>p:after{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fe5715;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}
.product_list .wrapper>p span{
    display: block;
    font-size: 18px;
    padding: 8px 0 4px 0;
}
.product_list .wrapper>p small{ font-size: 12px;position: relative}
.product_list .wrapper>p small:after{
    display: block;
    content: '';
    width: 31px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -15.5px;
    bottom: -10px;
}
.product_list ul{
    width: 630px;
    float: left;
}
.product_list ul li{
    float: left;
    margin: 0 15px 15px 0;
    position: relative;
    overflow: hidden;
    background: #000;
}
.product_list ul li img{
    display: block;
    width: 193px;
    height: 157px;
}
.product_list ul li span{
    display: block;
    width: 80%;
    line-height: 34px;
    text-align: center;
    color: white;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    margin-top:80px;
    left: 50%;
    margin-left: -40%;
    border: 1px solid #fff;
}
.product_list ul li:hover img{opacity: 0.5; }
.product_list ul li:hover span{margin-top: -17px;}
.product_list .wrapper>a{
    float: right;
}
.product_list .wrapper>a img{
    display: block;
    width: 370px;
    height: 266px;
}
.product_list .wrapper>a span{
    display: block;
    line-height: 62px;
    color: white;
    text-align: center;
    background: #424242;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
    width: 370px;
}
.product_list .wrapper>a:hover span{text-decoration: underline;}

/*news*/
.news{
    padding: 40px 0 0 0;
    overflow: hidden;
}
.news>p{
    font-size: 22px;
    color: #444444;
    float: left;
}
.news>p span{color: #215bcb;}
.news>p small{
    display: block;
    font-size: 12px;
    color: #343434;
    position: relative;
    margin-top: 5px;
}
.news>p small:after{
    display: block;
    content: '';
    width: 42px;
    height: 4px;
    background: #fe5715;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.news>a{margin-top: 0}
.news>a{border: 1px solid #a7a7a7}
.news>a span{background: #a7a7a7}
.news>a:hover span{background:#215bcb }
.news>a:hover{border: 1px solid #215bcb}
.news ul{clear: both;width: 1030px;padding-top: 35px}
.news ul li{
    width: 445px;
    height: 100px;
    padding: 20px;
    border: 1px solid #c2c2c2;
    overflow: hidden;
    float: left;
    margin: 0 25px 25px 0;
}
.news ul li a{display: block}
.news ul li span.new_left{
    display: block;
    height: 100%;
    width: 45px;
    padding-right: 20px;
    float: left;
    border-right: 1px dashed #ccc;
}
.news ul li span.new_left b{
    font-size: 18px;
    display: block;
}
.news ul li span.new_left small{font-size: 16px;display: block;position: relative;padding-left: 5px}
.news ul li span.new_left small+small{float: right;padding-right: 5px}
.news ul li span.new_left  small+small:after{
    display: block;
    content: '';
    width: 23px;
    height: 23px;
    background:url("../Images/li_bg.png");
    position: absolute;
    top: -9px;
    left: -7px;
}
.news ul li span.new_right{
    width: 360px;
    float: right;
}
.news ul li span.new_right b{
    font-size: 14px;
    display: block;
    text-decoration: underline;
    font-weight: 500;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
.news ul li span.new_right small{
    display: block;
    font-size: 12px;
    color: #bebebe;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news ul li span.new_right span{
    display: block;
    width: 62px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #bebebe;
    border: 1px solid #bebebe;
    margin-top: 15px;
}
.news ul li:hover{border: 1px solid #3d7df5}
.news ul li:hover span.new_right b{color: #0083e8}
.news ul li:hover span.new_right span{color: #0083e8;border: 1px solid #0083e8}

/*footer*/
#footer{
    margin-top: 100px;
}
.f_top{
    background: #0f52ab;
    line-height: 48px;
    border-bottom: 1px solid #142944;
}
.f_top:after,#footer:after{
    display: block;
    content: '';
    clear: both;
}
.f_top p{
    float: left;
    background: #198beb;
    color: white;
    width: 205px;
    height: 56px;
    line-height: 56px;
    margin-top: -8px;
    text-align: center;
    position: relative;
    font-size: 20px;
}
.f_top p:after{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 8px solid #06355c;
    border-right: 6px solid transparent;
    position: absolute;
    right: -6px;
    top: 0;
}
.f_top ul{
    float: right;
}
.f_top ul li{float: left}
.f_top ul li a{
    display: block;
    color: #cdd5e8;
    font-size: 14px;
    width: 130px;
    text-align: center;
    position: relative;
}
.f_top ul li a:after{
    display: block;
    content: '';
    width: 1px;
    height: 7px;
    background: #5786c4;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3.5px;
}
.f_top ul li a:hover{
    color: #feae15;
}
.f_bottom{
    border-top: 1px solid #5786c4;
    overflow: hidden;
    background: #0f52ab;
    position: relative;
    padding: 45px 0;
}
.f_bottom ul{
    width: 430px;
    overflow: hidden;
}
.f_bottom ul li{
    padding-bottom: 18px;
    float: left;
    margin-right: 15px;
}
.f_bottom ul li,.f_bottom p,.f_bottom p a{
    font-size: 14px;
    color: #a6b6d8;
}
.f_bottom span{
    position: absolute;
    right: 0;
    top: 0;
}
.f_bottom span>small{
    display: inline-block;
    color: white;
    font-size: 14px;
    opacity: 0.8;
    width: 42px;
    text-align: center;
    padding-right: 10px;
}
.f_bottom span>small small{
    display: block;
    width: 52px;
}

/*info*/
#info{
    overflow: hidden;
}
.sidebar{
    width: 200px;
    float: left;
}
.sidebar>p{
    height: 74px;
    background: #0c5dc9;
    text-align: center;
    color: white;
}
.sidebar>p span{
    display: block;
    font-size: 18px;
    padding: 16px 0 3px 0;
}
.sidebar>p small{
    display: block;
    color: #b8c8ea;
    text-align: center;
}
.sidebar ul li a{
    display: block;
    line-height: 46px;
    background: #e4e4e4;
    text-align: center;
    font-size: 14px;
    color: #4c4c4c;
    margin-bottom: 5px;
}
.sidebar ul li:first-child a{margin-top: 5px}
.sidebar ul li a:hover{color: white;background: #f18c14}
.s_bottom{
    height: 142px;
    background: #1958ab url("../Images/tel2.png") no-repeat center 23px;
    color: white;
    text-align: center;
}
.s_bottom p{
    padding-top: 65px;
}
.s_bottom span{
    font-size: 20px;
}
.info_right{
    width: 752px;
    float: right;
    padding-top: 35px;
}
.info_pdc{
    width: 780px;
}
.info_pdc:after{
    display:block;
    content: '';
    clear: both;
}
.info_pdc li{
    float: left;
    margin: 0 28px 28px 0;
    text-align: center;
}
.info_pdc li img{
    display: block;
    width: 230px;
    height: 187px;
    border: 1px solid #e2e2e2;
}
.info_pdc li span{
    display: block;
    color: #686868;
    padding-top: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 230px;
}
.info_pdc li:hover img{
    border: 1px solid #1958ab;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
    box-shadow:  0 15px 30px rgba(0, 0, 0, 0.18);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}
.info_pdc li:hover span{color: #1958ab}

.p_content{
    font-size: 15px;
    line-height: 35px;
    color: #3f3f3f;
}
.p_content img{max-width: 100%}

.h_title{color: #1b1b1b;font-weight: 500;border-bottom: 1px solid #ccc;padding-bottom: 12px;margin-bottom: 38px;}
.h_title a{color: #1b1b1b;}
.h_title a:hover{color: #255399}
.h_title span{font-size: 18px;border-left: 2px solid #db0716;padding:0 0 0 5px;}
.h_title small{font-size: 12px;float: right;padding-top: 5px;}

/*page*/
#prev_next a:hover{color: #1286cd}
#prev_next{font-size: 14px;margin-top: 20px}
div.page{margin:20px 0 20px 0;clear: both;float: right;font-size: 14px}
div.page a{padding:2px 5px;margin:2px;color: #ffffff;text-decoration:none;background: #9b9b9b;}
div.page a:hover{background: #5c5c5c}
div.page span.current{padding:2px 8px;font-weight:bold;margin:2px;color:#fff;background-color: #0083e8;}
div.page span.disabled{padding:2px 5px;margin:2px;color:#ddd;}

.indexpage{overflow:hidden;margin:10px 0 35px;text-align:center;font-size:0;}
.indexpage .page-inner{display:inline-block;overflow:hidden;}
.indexpage .page-inner a{float:left;display:block;overflow:hidden;margin-right:-1px;padding:0 5px;height:36px;min-width:26px;border:1px solid #ddd;background:#fff;color:#333;text-align:center;font-size:14px;line-height:36px;}
.indexpage .page-inner a.active,.page .page-inner a:hover{border-color:#003f98;background:#003f98;color:#fff;}
.indexpage .page-inner a.prev{margin-right:10px;background:#fff url(../Images/prev.jpg) no-repeat center;}
.indexpage .page-inner a.prev.on{background:#fff url(../Images/prev-hover.jpg) no-repeat center;}
.indexpage .page-inner a.prev:hover{border-color:#ddd;background-color:#fff;}
.indexpage .page-inner a.next{margin-right:15px;margin-left:10px;background:#fff url(../Images/next.jpg) no-repeat center;}
.indexpage .page-inner a.next.on{background:#fff url(../Images/next-hover.jpg) no-repeat center;}
.indexpage .page-inner a.next:hover{border-color:#ddd;background-color:#fff;}
.indexpage .page-inner a.page-btn{margin-right:0;margin-left:10px;width:63px;font-size:12px;}
.indexpage .page-inner span{float:left;display:block;color:#333;font-size:12px;line-height:38px;}
.indexpage .page-inner input{float:left;display:block;margin:0 5px;width:36px;height:36px;border:1px solid #ddd;color:#333;text-align:center;font-size:14px;line-height:36px;}







/*product_info*/
.f16,.meta{text-align: center;margin-bottom: 10px;}
.f16{border-bottom: 1px dotted #ccc;font-size: 25px;color: #2c2c2c;padding-bottom: 10px;}
.meta{font-size: 14px;}
.pdc_img{max-width: 100%;}
.content_p{margin-top: 40px;}
.content_p img{max-width:100%}
.content_p table{width: 100% !important;}
.content_p table{word-break:break-all; /*支持IE，chrome，FF不支持*/ 　word-wrap:break-word;/*支持IE，chrome，FF*/}
.content_p table td{word-break:break-all; /*支持IE，chrome，FF不支持*/ 　word-wrap:break-word;/*支持IE，chrome，FF*/;font-size: 13px !important;

border:1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.content_p p{font-size: 14px;line-height: 30px;}
.content_p span.sp{display:block;background-color: #dddddd;color: #ffffff;margin-bottom: 20px;overflow: hidden;}
.content_p span.sp small{background: #0b3371;display: block;float: left;text-align: center;line-height: 40px;width: 120px}

/*news*/
.new_right{width: 100%;}
.new_right li{clear: both;overflow: hidden;border-bottom: 1px dotted #ccc;padding:35px 0}
.new_right li:first-child{margin-top: 20px;padding-top: 0}
.new_right li>span{display: block;float: left;text-align: center;font-size: 36px;color: #424242;border-right: 1px solid #000000;padding: 10px 20px 10px 0;position: relative;}
.new_right li>span b{position: absolute;width: 0;height: 0;border-top: 8px solid transparent;border-left: 8px solid #585858;border-bottom: 8px solid transparent;right: -8px;top: 34px;}
.new_right li>span small{display: block;font-size: 14px;}
.new_right li>a{display: block;float: right;width: 638px;}
.new_right li>a p{
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.new_right li>a:hover,.new_right li>a:hover span{color: #8c0000;}
.new_right li>a span{display: block;font-size: 14px;color: #707070;padding-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}

/*case*/
.zizhi{width: 100%;}
.zizhi:after{
    display:block;
    content: '';
    clear: both;
}
.zizhi li{padding: 10px;border: 1px solid #ccc;float: left;width:32%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2%;
    margin-bottom: 2vw;}
.zizhi li:nth-of-type(3n){
    margin-right: 0;
}
.zizhi li a{
    display:block;
    width:100%;
}
.zizhi li b{display: block;width:100%;height:100%;overflow: hidden;}
.zizhi li img{display: block;width: 100%;  height: 183px;}
.zizhi li span{display: block;
    line-height: 40px;background: #ededed;text-align: center;color: #2e2e2e;
    width: 100%;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.zizhi li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.zizhi li:hover span{background: #0083e8;color: white}
.zizhi li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}

/*honor*/
.she{width: 100%;}
.she:after{
    display:block;
    content: '';
    clear: both;
}
.she li{background: #ededed;padding: 10px 10px 0 10px;border: 1px solid #ccc;float: left;margin: 0 24px 20px 0;width:32%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2%;
    margin-bottom: 2vw;}
.she li:nth-of-type(3n){
    margin-right: 0;
}

.she li a{
    display:block;
    width:100%;
}
.she li img{display: block; width: 100%; height: 187px;}
.she li span{display: block;line-height: 45px;text-align: center;color: #2e2e2e;
    width: 100%;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.she li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);background: #0083e8;border:1px solid #0083e8}
.she li:hover span{color: #ffffff}