@charset "gb2312";
/* CSS Document */
.bg { background: url(../images/Center/bg.jpg) no-repeat center; height: 220px;}
body { color: #222;}
a{ color:#fff;}
/*产品详情*/
.content { width: 100%; margin: 0 auto 40px; overflow: hidden;}
.content .title { margin: 30px auto 30px; width: 1180px;}
.content .title p { font-size: 14px; color: #a2a2a2;}
.content .title a { color: #a2a2a2;}
.content .title2 { display: none; width: 100%; overflow: hidden; background-color: #323232;}
.content .title2 .subtitle2 { width: 1180px; height: 50px; margin: 0 auto;}
.content .title2 .subtitle2 span { font-size: 24px; line-height: 50px; float: left; color: white; width: 480px; text-align: center;}
.content .title2 .subtitle2 ul { width: 700px; float: right;}
.content .title2 .subtitle2 ul li { float: left; width: 100px; height: 50px; font-size: 15px; line-height: 50px; text-align: right;}
.content .title2 .subtitle2 li a:hover { color: #e60717;}
.content .title2 .subtitle2 .hong a{ color: #e60717; font-size: 15px;}
.content .show { overflow: hidden; width: 1380px; margin: 0 auto;}
.content .show .image { float: left;}
.content .show .show_r { width: 660px; float: right; margin-left:15px;}
.content .show .show_r h3 { text-align: center; font-size: 18px; line-height: 3;}
.content .show .show_r p { text-align: justify;}
.content .show .show_r p em { display: block; text-indent: 2em;}
.content .show .show_r span.span,.content .show .show_r span.span1{ width: 160px; height: 40px; line-height: 40px; font-size: 16px; background-color: #323232; text-align: center; display: inline-block; margin: 20px 60px 0 0;}
.content .show .show_r span.span1{ background:#006aa9;}
.content .show .show_r .hotline { font-size: 16px; margin-top: 20px;}
.content .show .show_r .hotline img { vertical-align: middle; margin-right: 20px;}
.content .show .show_r .hotline i { font-weight: bold; color: #e60717; font-size: 18px;}
.content .show .article { overflow: hidden; width:75%; float: left; margin-top: 30px;}
.content .show .article h3 {  font-size: 26px;
    /* color: #05163f; */
    font-weight: bold;
    text-align: center !important;
    width: 100%;
    padding-left: 0;
    margin: 30px 0 30px;}
.content .show .article p { /*margin-bottom: 30px;*/}
.content .show .article p span { /*font-weight: bold;*/}
.content .show .article img { display: block; margin: 0 auto;}
/*技术参数*/
.content .show .article table { text-align: center; margin: 20px auto 30px; border-collapse: collapse; color: black; font-size: 12px;}
.content .show .article table td { border: 1px white solid; text-align: center;}
.content .show .article table tr:nth-child(2n+1) { background-color: #eee;}
.content .show .article table .red td { background-color: #e70101; color: white; font-size: 14px; font-weight: bold;}
.content .show .article table .red2 { background-color: #e70101; color: white; font-size: 14px; font-weight: bold;}
/*右边产品分类*/
.content .feilei { width: 225px; float: right; padding-top: 40px; overflow: hidden;}
.content .feilei h3 { height: 36px; line-height: 36px; font-size: 18px; font-weight: normal; background-color: #006aa9; text-align: center; color: white; margin-bottom: 10px; cursor: pointer;}
.content .feilei ul { margin: 30px 0; width: 120%; overflow: hidden;}
.content .feilei ul li { float: left; margin-right: 20px; width: 105px; height: 30px;}
.content .feilei ul li a { color: #222;}
.content .feilei ul li a:hover { color: #e60717;}
/*相关产品*/
.content .about { width: 1180px; overflow: hidden;}
.content .about h3 {  font-size: 26px;
    /* color: #05163f; */
    font-weight: bold;
    text-align: center !important;
    width: 100%;
    padding-left: 0;
    margin: 30px 0 30px;}
.content .about ul { width: 104%;}
.content .about ul li { float: left; margin-right: 32px;}
.content .about ul li p { text-align: center; margin-bottom: 30px;}
.content .about ul li p a { color: #222;}
.content .about ul li a{ color:#222;}
.content .about ul li p a:hover,.content .about ul li a:hover { color: #e60717;}
/*留言板*/
.content .liuyan { width: 1180px; overflow: hidden;}
.content .liuyan h3 {  font-size: 26px;
    /* color: #05163f; */
    font-weight: bold;
    text-align: center !important;
    width: 100%;
    padding-left: 0;
    margin: 30px 0 30px;}
.content .liuyan .message { margin-top: 30px;}
.content .liuyan .message div { margin-bottom: 30px;}
.content .liuyan .message .mes_L { float: left;}
.content .liuyan .message .mes_LL { float: left; margin-left: 28px;}
.content .liuyan .message .mes_R { float: right;}
.content .liuyan .message div span { color: #e60717;}
.content .liuyan .message .need em { float: left; margin-left: 38px;}
.content .liuyan .message input { width: 440px; height: 40px; padding-left: 6px; border: 1px #666 solid;}
.content .liuyan .message .need textarea { width: 1050px; height: 100px; float: right; resize: none; padding-left: 6px; border: 1px #666 solid; overflow: hidden;}
.content .liuyan .message .button { width: 800px; margin-left: 400px;}
.content .liuyan .message .button input { width: 120px; height: 40px; margin-top: 30px; font: 16px "微软雅黑"; line-height: 40px; border: 0; color: white; margin-left: 80px; background-color: #0099f4;}

.bigImg{ position: relative; float: left; width: 100%; overflow: hidden;}
.bigImg #midimg{ width: 100%; height:350px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
.bigImg .prev,.bigImg .next{width:35px;height:70px; position:absolute; top:40%; cursor:pointer;background:rgba(0, 0, 0, 0.8)!important; filter:Alpha(opacity=80); background:#000; color:#fff; font:35px/70px "新宋体"; text-align:center; z-index:999;}
.bigImg .prev{ left:0;}
.bigImg .next{right:0; }
.bigImg .prev:hover, .bigImg .next:hover{ background:rgba(255, 111, 0, 0.7)!important; filter:Alpha(opacity=70); }
#preview2{ width:490px; overflow:hidden; float:left;}



.pro-cont .pro-head-bg{    background: #f0f3fa;}
.pro-cont .pro-head {
    overflow: hidden;
    padding-bottom: 50px;
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
}
.pro-head .pro-head-l {
    float: left;
    max-width: 800px;
    width: 42%;
    margin-top: 40px;
    position: absolute;
    left: 4%;
}
.pro-head .pro-head-l .img {
    width: 100%;
    max-width: 800px;
}
.pro-head .pro-head-l ul {
    overflow: hidden;
    width: 85%;
    margin-top: 20px;
}
.pro-head .pro-head-l li {
    float: left;
    width: 33.333%;
    text-align: center;
    font-size: 16px;
    color: #788291;
}
.pro-head .pro-head-l li span {
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
    margin-right: 5px;
    width: 39px;
    display: inline-block;
    text-align: center;
    background: url(../images/sp_bg.png) no-repeat;
    background-size: 39px 32px;
    line-height: 32px;
    padding-left: 8px;
}
.pro-head .pro-head-r {
    float: right;
    background: #0d173a;
    background: -webkit-linear-gradient( #adbbe1 20%, #0d173a);
    background: -o-linear-gradient( #adbbe1 20%, #0d173a);
    background: -moz-linear-gradient( #adbbe1 20%, #0d173a);
    background: linear-gradient( #adbbe1 20%, #0d173a);
    max-width: 1100px;
    width: 58%;
    padding: 55px 16% 50px 7%;
    box-sizing: border-box;
    border-bottom-left-radius: 50px;
}
.pro-head-r h1 {
    font-size: 36px;
    color: #05163f;
    font-weight: bold;
    margin-top: 10px;
}
.pro-head-r h1::before {
    background: url(../images/fire.png) no-repeat;
    display: inline-block;
    content: "";
    width: 29px;
    height: 34px;
    vertical-align: middle;
    margin-top: -10px;
    margin-right: 10px;
    background-size: cover;
}
.pro-head-r .tit {
    font-size: 16px;
    color: #465174;
    margin-top: 10px;
    margin-bottom: 30px
}
.pro-head-r .tit span {
    font-size: 16px;
    color: #e61e37;
    font-weight: bold
}
.pro-head-r .pro-sc {
    background: #f0f3fa;
    overflow: hidden;
    padding: 20px 0;
	width: 100%;
	float: left;
}
.pro-head-r .pro-sc li {
    text-align: center;
}
.pro-js{display: inline-block}
.pro-head-r .pro-sc li img {
    width: 48px;
}
.pro-head-r .pro-sc li span {
    display: block;
    font-size: 16px;
    color: #2b3040;
    margin: 15px auto 5px;
}
.pro-head-r .pro-sc li p {
    font-size: 16px;
    color: #e61e37;
    font-weight: bold
}
.pro-head-r .pro-sc li.first {
    border-right: 1px solid #dbe0ed;
    margin-left: -1px
}
.pro-sc-dt {
    overflow: hidden;
    background: #3b4e80;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
}
.pro-sc-dt::before {
    width: 351px;
    height: 18px;
    background: url(../images/bc.png) no-repeat;
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    content: "";
}
.pro-sc-dt::after {
    width: 351px;
    height: 18px;
    background: url(../images/bc_bot.png) no-repeat;
    display: block;
    position: absolute;
    right: 5px;
    bottom: 0;
    content: "";
}
.pro-sc-dt .fl {
    float: left;
    border-radius: 10px;
    background: #f0f3fa;
    box-sizing: border-box;
    width: 45%;
}
.pro-sc-dt .fl .bott {
    border-bottom: 1px dashed #d7e4ff;
}
.pro-sc-dt .fl p {
    padding: 20px 0 20px 10px;
}
.pro-sc-dt .fl img {
    width: 36px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}
.pro-sc-dt .fl .one {
    font-size: 16px;
    color: #2b3040;
}
.pro-sc-dt .fl .two {
    font-size: 16px;
    color: #e61e37;
    font-weight: bold;
}
.pro-sc-dt .fr {
    float: left;
    width: 52%;
    margin-left: 3%;
    margin-top: 10px;
}
.pro-sc-dt .fr p {
    color: #d2e1ff;
    font-size: 14px;
}
.pro-sc-dt .fr ul {
    overflow: hidden;
    margin-top: 10px;
}
.pro-sc-dt .fr li {
    float: left;
    text-align: center;
    width: 31.33%;
    margin-right: 2%;
}
.pro-sc-dt .fr li img {
    width: 112px;
    /* height: 74px; */
    display: block;
    border-radius: 5px;
}
.pro-sc-dt .fr li span {
    color: #d2e1ff;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}
.pro-sc-dt .fr .pro-head-r .pro-js {
    margin-top: 15px
}
.pro-head-r .pro-js p {
    font-size: 14px;
    color: #f0f3fa;
    border-bottom: 1px dashed #27335c;
    padding: 15px 0;
}
.pro-head-r .pro-js p a {
    color: #fff;
}
.pro-head-r .bottom {
    overflow: hidden;
    padding-top: 25px;
}
.pro-head-r .bottom .swt {
    float: left;
    width: 50%;
    text-align: center;
}
.pro-head-r .bottom .b-r {
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 25px;
    padding-left: 40px;
    box-sizing: border-box;
}
.pro-head-r .bottom .b-r {
    overflow: hidden;
}
.pro-head-r .bottom .b-r .ewm {
    float: left;
    max-width: 85px;
}
.pro-head-r .bottom .b-r .ewm-dh {
    float: left;
    overflow: hidden;
}
.pro-head-r .bottom .b-r .ewm-dh p {
    text-align: left;
    margin-left: 10px;
    margin-top: 4px;
}
.pro-head-r .bottom .ewm-dh .one {
    font-size: 14.5px;
    color: #fff;
}
.pro-head-r .bottom .ewm-dh .two {
    font-size: 14px;
    color: #fff;
}
.pro-head-r .bottom .ewm-dh .two span {
    font-size: 22px;
    color: #e61e37;
}
.pro-nav {
    margin: 50px auto 30px;
}
.pro-nav ul {
    overflow: hidden;
    border: 1px solid #e8ebf1;
    padding: 15px 0;
    box-sizing: border-box;
    border-radius: 50px;
    box-sizing: border-box;
    -moz-box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset;
    -webkit-box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset;
    box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset;
}
.pro-nav ul li {
    float: left;
    text-align: center;
    width: 20%
}
.pro-nav li a {
    color: #2b3040;
    font-size: 18px;
    border-right: 1px solid #edeff4;
    display: block;
}
.pro-nav li a.active {
    color: #e61e37;
}
.pro-nav li:hover a {
    color: #e61e37;
}
.pro-nav li.over {
    border-right: none;
}
.pro-cont .new-r {
    margin-top: 0
}
.pro-cont .xg-cp {
    margin-top: 25px;
}
.pro-cont h3,.pro-cont h2 {
    text-align: center !important;
    width: 100%;
    padding-left: 0;
    margin: 30px 0 30px;
}
.pro-cont h3::before,.pro-cont h2::before {
    width: 82px;
    height: 21px;
    content: "";
    display: inline-block;
    background: url(../images/ic1.png) no-repeat;
    position: static;
    margin-right: 15px;
}
.pro-cont h3::after,.pro-cont h2::after {
    width: 82px;
    height: 21px;
    content: "";
    display: inline-block;
    background: url(../images/ic2.png) no-repeat;
    position: static;
    margin-left: 15px;
}.pro-cont h3,.pro-cont h2 {
    text-align: center !important;
    width: 100%;
    padding-left: 0;
    margin: 30px 0 30px;
}
.pro-cont h3::before,.pro-cont h2::before {
    width: 82px;
    height: 21px;
    content: "";
    display: inline-block;
    background: url(../images/ic1.png) no-repeat;
    position: static;
    margin-right: 15px;
}
.pro-cont h3::after,.pro-cont h2::after {
    width: 82px;
    height: 21px;
    content: "";
    display: inline-block;
    background: url(../images/ic2.png) no-repeat;
    position: static;
    margin-left: 15px;
}


.pro-cont .new-r {
    margin-top: 0
}
.pro-cont .xg-cp {
    margin-top: 25px;
}
.pro-cont h3,.pro-cont h2 {
    text-align: center !important;
    width: 100%;
    padding-left: 0;
    margin: 30px 0 30px;
}
.pro-cont h3::before,.pro-cont h2::before {
    width: 82px;
    height: 21px;
    content: "";
    display: inline-block;
    background: url(../images/ic1.png) no-repeat;
    position: static;
    margin-right: 15px;
}
.pro-cont h3::after,.pro-cont h2::after {
    width: 82px;
    height: 21px;
    content: "";
    display: inline-block;
    background: url(../images/ic2.png) no-repeat;
    position: static;
    margin-left: 15px;
}

.new-r {
    float: right;
    width: 21%;
    margin-top: -70px
}
.new-r .r-head {
    position: relative;
}
.new-r .r-head .head {
    background: #05163f;
    padding: 30px 80px 50px;
    box-sizing: border-box;
    position: relative;
}
.new-r .r-head p {
    color: #fff;
    font-size: 14px;
    text-align: justify;
    line-height: 28px;
}
.new-r .r-head .head::before {
    background: url(../images/r_head_zs.png) no-repeat;
    width: 14px;
    height: 41px;
    display: block;
    position: absolute;
    top: 0;
    left: -14px;
    content: "";
}
.new-r .r-head .dh {
    overflow: hidden;
    margin-top: 25px;
}
.new-r .r-head .dh img {
    float: left;
    margin-right: 10px
}
.new-r .r-head .dh .ewm {
    overflow: hidden;
}
.new-r .r-head .dh .ewm p {
    font-size: 14px;
    color: #fff;
}
.new-r .r-head .dh .ewm a {
    font-size: 19px;
    color: #ffaa00;
    font-weight: bold;
}
.new-r .r-head-kf {
    position: absolute;
    bottom: -80px;
    width: 110%;
    max-width: 270px
}
.xg-cp {
    margin-top: 110px
}
.news-chanpin ul {
    background: #fff
}
.xg-cp h4 {
    color: #fff;
    font-size: 20px;
    padding: 14px 0;
    line-height: 50px;
    background: url(../images/zs.png) no-repeat center;
    background-size: 220px 50px;
    text-align: center;
    height: 50px;
    margin: 0 auto -40px;
    position: relative;
}
.xg-cp h4 a {
    color: #fff;
    font-size: 20px;
    padding: 14px 0;
    line-height: 50px
}
.xg-cp ul {
    background: #f0f3fa;
    margin: 0 auto;
    border: 1px solid #ced4e0;
    padding: 45px 40px 0;
    box-sizing: border-box;
}
.xg-cp ul li {
    margin-bottom: 5px
}
.xg-cp ul a {
    display: block;
    color: #e61e37;
    font-size: 16px;
}
.xg-cp ul a p{ text-align:center; padding:10px 0;}
.xg-cp ul li h5 {
    text-align: center;
    line-height: 3;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xg-cp ul li h5 a {
    color: #555f7d;
}
.xg-cp ul li:hover h5 a{color:#e61e37;}

.article h3,.article h2 { font-size: 26px;
    /* color: #05163f; */
    font-weight: bold;
    text-align: center !important;
    width: 100%;
    padding-left: 0;
    margin: 30px 0 30px;
}
.article h3:before,.article h2::before {
    width: 82px;
    height: 21px;
    content: "";
    display: inline-block;
    background: url(../images/ic1.png) no-repeat;
    position: static;
    margin-right: 15px;
}
.articlet h3:after,.article h2::after {
    width: 82px;
    height: 21px;
    content: "";
    display: inline-block;
    background: url(../images/ic2.png) no-repeat;
    position: static;
    margin-left: 15px;
}







.pro-sc-dt .fr li span {
    color: #d2e1ff;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}
.pro-sc-dt .fr .pro-head-r .pro-js {
    margin-top: 15px
}
.pro-head-r .pro-js p {
    font-size: 14px;
    color: #f0f3fa;
    border-bottom: 1px dashed #27335c;
    padding: 15px 0;
}
.pro-head-r .pro-js p a {
    color: #fff;
}
.pro-head-r .bottom {
	width:140%;
    overflow: hidden;
    padding-top: 25px;
}
.pro-head-r .bottom .swt {
    float: left;
    width: 50%;
    text-align: center;
}
.pro-head-r .bottom .b-r {
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 25px;
    padding-left: 40px;
    box-sizing: border-box;
}