@charset "UTF-8";

body{background: #F5F5F5;}

.protable table{border-collapse:collapse; width:100%;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;}
.protable table thead tr{ }
.protable table thead tr td{ text-align:center; font-size:15px; color:#fff; line-height:30px;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.protable table thead tr td h1{ line-height:30px;font-size:12px;  color:#fff; }
.protable table thead tr td h2{ line-height:30px; border-top:1px solid #FFF;font-size:12px; color:#fff; letter-spacing:1px;}
.protable table thead tr td h1 span{font-size:15px; letter-spacing:1px;}
.protable table thead tr td h2 span{font-size:15px;} 
.protable table thead tr{background-image:url(../images/cjpro_back_pic_1.jpg); background-repeat:repeat; background-position:center; background-size:cover;}		

.protable table thead.thead2 tr{ background-image:none;}
.protable table thead.thead2 tr td{ height:24px; padding-top:12px; padding-bottom:12px; background:#c7c7c7;}
.protable table thead.thead2 tr td select{ width:60%; margin:0px auto; border:1px solid #CCC; border-radius:5px; color:#666; height:24px;}

.protable table tbody tr td{ text-align:center; font-size:15px; color:#333; height:45px; background:#fff;/* border-bottom:1px solid #FFFFFF;*/border-right:1px solid #fff;    padding-top: 5px; padding-bottom: 5px; line-height: 28px;}
.protable table tbody tr:nth-child(2n+1) td{ background-color:#e4e4e4; }
.protable table tbody tr:nth-child(2n+1) td img{ margin:auto;}
/*.protable table tbody tr td:nth-child(3) img{width:35px;height:35px; margin:auto;}*/
.protable table tbody tr td img{ margin:auto;}

.pagedaoc{ margin-top:3%;}
.pagedaoc a{ display:table; padding-left:22px; padding-right:8px; background-image:url(../images/excel.gif); background-position:left center; background-repeat:no-repeat; line-height:28px; font-size:15px; color:#666;}
.pagedaoc a:hover{ color:#333;}

.pagination{    padding: 1rem 0 3rem !important;}

.procpli{ margin:0px auto;min-height: 350px; width:1200px;}
.procpli_tit{ line-height:60px; font-size:24px; height:63px; padding-left:4px; color:#333; border-bottom:1px solid #CCC; letter-spacing:1px; padding-top:1.8%; font-weight:bold;}
.protable{ padding-top:2.9%; padding-bottom:0px;}


.other-pro{width: 100%; overflow: hidden; padding:4.4% 0 0 0; background: #efefef;}
.other-pro-tit,.other-news-tit{font-size: 28px; color: #1b1b1c; margin-bottom: 30px;}
.other-pro li{margin-bottom:3%; flex: 0 0 25%; float:left; max-width:23.5%;  padding-right:2%; }
.other-pro li .img{overflow: hidden; border: 1px solid #dbdbdb;}
.other-pro li img{width: 100%; border-bottom: 0; }
.other-pro li .txt{padding: 8px; background:#7f7f7f;}
.other-pro li .txt span{display: block;text-align: center;color: #fff;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;font-weight: bold;}
.other-pro li .txt span a{color: #fff;}
.other-pro li .txt em{display: block; line-height: 20px; color: #fff;}

.other-pro li:nth-child(4n){padding-right: 0;}


/*产品列表*/
.inner-pro{width: 100%; overflow: hidden; padding:40px 0 50px 0;}
.inner-pro li{margin-bottom: 32px;}
.inner-pro li .img{overflow: hidden;}
.inner-pro li img{width: 100%; border: 1px solid #dbdbdb; border-bottom: 0;}
.inner-pro li .txt{padding: 20px; background:#7f7f7f;}
.inner-pro li .txt span{display: block; text-align: center; color: #fff; margin-bottom: 6px; font-size: 18px; font-weight: bold;}
.inner-pro li .txt span a{color: #fff; font-size:20px;}
.inner-pro li .txt em{display: block; line-height:27px; color: #fff;}
@media (max-width: 991px){.inner-pro{padding:20px 0;}.inner-pro li img{width: 100%;}.inner-pro li .txt span{font-size: 16px;}}
.list-pro{width: 100%; overflow: hidden; padding:4.5% 0; font-family: "han";}
.list-pro .img{width: 100%;}
.list-pro .img img{display: block; border: 1px solid #dbdbdb; width:100%;}
.list-pro .con{margin-top: 0px;}
.list-pro .con .tit{font-size: 28px; color: #000; margin-bottom: 10px;}
.list-pro .con .txt{font-size: 16px; line-height:30px; color: #8b8b8b;}

.list-pro .con .txt h1{ padding-left:26px; line-height:36px; height:36px; overflow:hidden; position:relative; color:#333; font-size:15px;}
.list-pro .con .txt h1 span{ display:block; width:8px; height:8px; border-radius:8px; position:absolute; left:0px; top:14px; background-color:#106EB5;}


.list-pro .con .list-nav{margin-top:1.45%;}
.list-pro .con .list-nav li{width:16%; line-height:45px; float: left; text-align: center; margin-right: 2%; background: #043285; border-radius: 8px;}
.list-pro .con .list-nav li a{font-size:16px; color: #fff; display: block;}


.other-news{width: 100%; overflow: hidden; padding: 50px 0;}
.other-news li{line-height: 30px; height: 30px; overflow: hidden; margin: 5px 0px; padding-left: 15px; border-bottom: 1px dashed #e3e2e2;}
.other-news li a{color: #333; text-overflow: ellipsis; overflow: hidden; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.other-news li span{float: right; margin-left: 5px; color: #999;}
.show-pro{width: 100%; overflow: hidden; padding:90px 0; line-height: 25px;}
.show-pro .paramInfo{height: 68px;}
.show-pro .paramInfo .tit h1{text-align: center;font-size: 18px;line-height: 60px;font-weight: bold;}
.show-pro .paramInner{clear: both;}
.show-pro h2{line-height: 35px; text-indent: 24px; font-size: 15px;font-weight: bold;}
@media (max-width: 991px){.list-pro,.other-news{padding:30px 0;}.list-pro .img img{width: 100%;} .list-pro .con .tit{font-size: 18px; margin: 10px 0;} .list-pro .con .txt{font-size: 14px; line-height: 24px;}.list-pro .con .list-nav li{line-height:35px;}.other-pro{padding:30px 0;}.other-pro li img{width: 100%;}.other-pro li .txt span{font-size: 16px;}.other-pro-tit,.other-news-tit{font-size: 25px; margin-bottom: 22px;}.other-news li span{display: none;}.show-pro{padding:30px 0;}}




.pro_index{padding:2.4% 0px 2.5%; font-family: "han";}
@media (max-width: 1440px){.pro_index{padding: 40px 0 20px}}
@media (max-width: 1180px){.pro_index{padding: 20px 20px 0}}
@media (max-width: 668px){.pro_index{padding: 10px 10px 0}}
.pro_index>ul>li{ float:left; width:48%;height:390px;background: #fff;margin-bottom:4.7%;}
.pro_index>ul>li:nth-child(2){float: right;}
.pro_index>ul>li:nth-child(4){float: right;}
.pro_index>ul>li:nth-child(6){float: right;}
@media (max-width: 1440px){.pro_index>ul>li{height: 400px;margin-bottom: 20px}}
@media (max-width: 1380px){.pro_index>ul>li{height: 350px}}
@media (max-width: 968px){.pro_index>ul>li{height: auto}}
@media (max-width: 668px){.pro_index>ul>li{margin-bottom: 10px}}
.pro_index>ul>li .img{display: block;float: left;width: 50%;height: 100%;overflow: hidden}
@media (max-width: 968px){.pro_index>ul>li .img{float: none;width: 100%;height: 400px}}
@media (max-width: 668px){.pro_index>ul>li .img{height: 250px}}
.pro_index>ul>li .img span{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s}
.pro_index>ul>li .txt{ padding:6%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url("../img/pro_index_txt_bg.jpg")}
@media (max-width: 1440px){.pro_index>ul>li .txt{padding: 40px 40px 0}}
@media (max-width: 1380px){.pro_index>ul>li .txt{padding: 30px 30px 0}}
@media (max-width: 968px){.pro_index>ul>li .txt{float: none;width: 100%;height: auto;padding: 20px}}
.pro_index>ul>li .txt b.t{display: block;font-size:26px;color: #333}
.pro_index>ul>li .txt a:hover .t{color:#1428a0;}
@media (max-width: 1440px){.pro_index>ul>li .txt b.t{font-size: 26px}}
@media (max-width: 1380px){.pro_index>ul>li .txt b.t{font-size: 22px}}
.pro_index>ul>li .txt b.t:after{content: '';display: block;margin:16px 0 20px 0;width: 100%;height: 1px;line-height: 1px;background: rgba(0,0,0,0.1)}
@media (max-width: 1440px){.pro_index>ul>li .txt b.t:after{margin: 10px 0}}
.pro_index>ul>li .txt .des{font-size:16px;line-height: 28px;color:#000;margin-bottom:10px}
@media (max-width: 1440px){.pro_index>ul>li .txt .des{font-size: 14px;line-height: 26px;margin-bottom: 10px}}
@media (max-width: 1380px){.pro_index>ul>li .txt .des{font-size: 12px;line-height: 22px}}
.pro_index>ul>li .txt .sub_channel>ul>li{display: block;float: left;width:100%}
@media (max-width: 668px){.pro_index>ul>li .txt .sub_channel>ul>li{width: 50%}}
.pro_index>ul>li .txt .sub_channel>ul>li .t{height: 40px}
.pro_index>ul>li .txt .sub_channel>ul>li .t img{height: 100%}
.pro_index>ul>li .txt .sub_channel>ul>li .third_list{}
.pro_index>ul>li .txt .sub_channel>ul>li .third_list ul li{display: block; width:47%; float:left; position: relative;}

.pro_index>ul>li .txt .sub_channel>ul>li .third_list ul li:before{content: ''; width: 5px; height: 5px; background-color:#043285; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}

.pro_index>ul>li .txt .sub_channel>ul>li .third_list ul li:hover:before { width: 15px; height: 3px; background-color:#043285;}
.pro_index>ul>li .txt .sub_channel>ul>li .third_list ul li:hover{padding-left:10px;}

.pro_index>ul>li .txt .sub_channel>ul>li .third_list ul li a{display: block;font-size: 16px;line-height:38px; padding-left:14px; font-family: "han"; color: #000;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
@media (max-width: 1440px){.pro_index>ul>li .txt .sub_channel>ul>li .third_list ul li a{font-size: 14px;line-height: 26px}}
@media (max-width: 1380px){.pro_index>ul>li .txt .sub_channel>ul>li .third_list ul li a{font-size: 12px;line-height: 22px}}
.pro_index>ul>li .txt .sub_channel>ul>li .third_list ul li a:hover{color:#1428a0; font-weight:bold;}
@media (min-width: 968px){.pro_index>ul>li:hover .img span{-webkit-transform: scale(1.07);-ms-transform: scale(1.07);transform: scale(1.07)}
/*.pro_index>ul>li:nth-of-type(even) .img{float: right}
.pro_index>ul>li:nth-of-type(even) .txt{float: left}*/}

.wrapper{width:1200px;margin: 0 auto}

.w{width:1200px;margin: 0 auto}
@media (max-width: 1440px){.w{width: 1300px}}
@media (max-width: 1380px){.w{width: 1100px}}
@media (max-width: 1180px){.w{width: 100%;padding: 0 20px}}
@media (max-width: 668px){.w{padding: 0 10px}}


.col-lg-3 { flex: 0 0 25%; max-width: 25%; float:left;}
.col-lg-9 { position: relative; width:72%; float:right;}

.procpli_tit .search{width:234px; border:none; border-radius:6px; background:#fff; margin-top:12px;}
.procpli_tit .search .txt{ height:35px; float:left; padding:0 0 0 10px !important; line-height:35px; font-size: 15px; border:none;  border-radius:6px; }
@media (max-width: 1600px){.procpli_tit .search .txt{font-size:14px;}}
@media (max-width: 1440px){.procpli_tit .search .txt{font-size:12px;}}
.procpli_tit .search .txt::placeholder{color: #ccc;}
.procpli_tit .search .btn6{flex-shrink: 0; width:13%; height:34px; float:right;  background: url(../images/search.png) left center no-repeat; }