@font-face {
  font-family:'ico';  
  src: url('/font/iconfont.eot');
  src: url('/font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('/font/iconfont.ttf') format('truetype'),
  url('/font/iconfont.svg#ico') format('svg');
}
body { font-family: "微软雅黑","ico","Open Sans", sans-serif; font-size: 14px; overflow-x: hidden; background: #f5f5f5; }
input, select, textarea { font-family:"微软雅黑", "Open Sans", sans-serif; font-size: 1em; -webkit-appearance: none; }
.wrap { width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
img, a { border: 0; }
a:hover { color: #dc5310; }
ul, li { list-style: none; }
* {	margin: 0; padding: 0; }
img { max-width: 100%;}
.height10 { height: 10px; }
.height50 { height: 50px; }
/*不同设备字体em基准*/
@media screen and (min-width: 320px) and (max-width: 360px) {
body {
	font-size: 12px;
}
}
 @media screen and (min-width: 360px) and (max-width: 480px) {
body {
	font-size: 14px;
}
}
 @media screen and (min-width: 480px) and (max-width: 700px) {
body {
	font-size: 14px;
}
}
 @media screen and (min-width: 700px) {
body {
	font-size: 14px;
}
}
/*不同设备字体em基准*/


/**{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}*/

/*----------header----------*/
.header { background: #fff; padding: 10px 0;}
.header .logo { float: left; width: 137px; margin-top: 15px; }
.header .gzh { float: right; width: 80px; margin-top: 6px; }
.header .gzh img { width: 74px; height: 74px; border: 1px solid #dddddd; padding: 2px; }
.header .gzh p { text-align: center; padding: 3px 0;  }
.header .search { float: left; width: 506px; height: 34px; background: url(../images/search_bg.gif) no-repeat; margin: 20px 0 0 243px; }
.header .s_keywords { float: left; width: 300px; border: 0; padding: 2px 8px; margin: 4px 0 0 2px; font-size: 16px; color: #666; }
.header .s_btn { float: right; width: 35px; height: 32px; margin: 1px 4px 0 0; border: 0; background: url(../images/s_btn.gif) no-repeat; }
.header .s_btn:hover { background: url(../images/s_btn_hover.gif) no-repeat; }
.header .hot_search { margin-top:8px; font-size: 14px; padding-left: 5px; }
.header .hot_search ol{display:inline-block; float:left;}
.header .hot_search span{display:inline-block; float:left; margin-right:16px; position: relative; cursor:pointer;}
.header .hot_search span:hover{color:#dc5310;}
.header .hot_search span::after{content:""; position:absolute; right:-8.5px; top:0; bottom:0; border-right:2px solid #666666;}
.header .hot_search span:last-child::after{border:none;}
.navbar { height: 49px; background: url(../images/navbg.gif) repeat-x; }
@media screen and (max-width: 1919px) { 
.navbar .leftbar { background: url(../images/nav_leftbar1400.gif) no-repeat; height: 39px;  }
}
@media screen and (min-width: 1919px) {  
.navbar .leftbar { background: url(../images/nav_leftbar.gif) no-repeat; height: 39px;  }
}
.navbar .nav { float: left;  width: 980px; height: 39px; margin: 0 auto; font-size: 16px; }
.navbar .nav li { float: left; margin-right: 30px; }
.navbar .nav li a { display: block; width: 100px; height: 39px; line-height: 36px; vertical-align: middle; text-align: center; color: #fff; }
.navbar .nav li a:hover { background: #dc5310; }
.navbar .nav li.hover a { background: #dc5310; }
.navbar .tel { float: right; width: 150px; height: 28px; text-align: right; color: #fff; font-size: 17px; font-weight: bold; background:url(../images/telicon.png) no-repeat 0 8px; padding-top: 10px; }

.topinfo { height: 30px; background: #333; }
.topinfo .info_content { float: left; width: 300px; color: #fff; padding-top: 7px; }
.topinfo .info_content font{float: left; display:inline-block;}
.topinfo .info_content a {float: left; display:inline-block; color: #fff; margin: 0 10px 0 0; cursor:pointer;}
.topinfo .info_content a:hover { color: #ff6f28; }

.topinfo .info_right { float: right; width: 780px; text-align: right; padding-top: 7px; }
.topinfo .info_right a { color: #fff;  margin: 0 0 0 30px; cursor:pointer;}
.topinfo .info_right a:hover { color: #ff6f28; }

div.empty{float:left; width:100%; min-height:300px; font-size:20px; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: wrap;}

/*用户登录*/
login{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.60); z-index:9999;}
login div.user{position:absolute; width:600px; height:500px; left:calc((100% - 600px)/2); top:calc((100% - 500px)/2); background:#fff; box-shadow:0px 0px 10px 2px #1b59a8; -webkit-box-shadow:0px 0px 10px 2px #1b59a8; -moz-box-shadow:0px 0px 10px 2px #1b59a8; -o-box-shadow:0px 0px 10px 2px #1b59a8; -ms-box-shadow:0px 0px 10px 2px #1b59a8; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
login div.user::before{content:""; position: absolute; top:0; right:0; width:43px; height:45px; background-repeat: no-repeat; background-position: center center; background-size: 43px auto; background-image: url(/images/img/0258.jpg);}
login div.user close{font-size:30px; color:#959595; cursor:pointer;}
login div.user close:hover{color:#FF0004;}
login div.user close::before{content:"\e700"; position:absolute; right:10px; top:10px;}
login div.user form{float: left; width:65%; margin: 16% calc((100% - 65%)/2) 5%;}
login div.user form ico{float:left; width:30%; height:60px; position:absolute; right: 18%; overflow:hidden;}
login div.user form ico img{max-height:100%; position:absolute; right:0; top:0; bottom:0; margin:auto;}
login div.user form h2{float:left; width:100%; font-size:18px; margin:43px 0 20px;}
login div.user form ul{float: left; width:100%; line-height:0;}
login div.user form input{float:left; width:calc(100% - 20px - 2px); padding:10px; margin:10px 0; border:1px solid #959595; color:#959595; font-size:14px;}
login div.user form input.null{border-color:#FF0004;}
login div.user form div.submit,login div.user form div.forbid{float:left; width:100%; padding:10px 0; margin-top:20px; color:#fff; font-size:20px; background:#1d50a2; text-align: center;}
login div.user form div.submit{pointer-events:auto; cursor:pointer;}
login div.user form div.submit:hover{background:#0c3f92;}
login div.user form div.forbid{pointer-events:none; background:#4B4B4B;}
login div.user form div.auxiliary{float:left; width:100%; margin:10px 0; font-size:14px;}
login div.user form div.auxiliary p:nth-of-type(1){float:left; display:inline-block;}
login div.user form div.auxiliary p:nth-of-type(2){float:right; display:inline-block;}
login div.user form div.auxiliary p:nth-of-type(2) a:nth-of-type(2){margin-left:10px;}
login div.user form div.auxiliary p a{color:#5c5c5c;}
login div.user form div.auxiliary p a:hover{color:#1b59a8;}
@media screen and (max-width:1023px){
login div.user{width:90vw; height:90vh; left:calc((100% - 90vw)/2); top:calc((100% - 90vh)/2);}
login div.user close{font-size:0.3em;}
login div.user form{width: 80%; margin: 5% calc((100% - 80%)/2);}
login div.user form h2{font-size:0.18em;}
login div.user form input{font-size:0.14em;}
login div.user form div.submit,login div.user form div.forbid{font-size:0.16em;}
login div.user form div.auxiliary{font-size:0.14em;}
}


.bannerbar{margin-top:10px;}

.commonbar{ height: 39px; background: url(../images/navbg.gif) repeat-x; box-shadow:-2px 10px 10px -5px rgba(0,0,0,0.2); -webkit-box-shadow:-2px 10px 10px -5px rgba(0,0,0,0.2); -moz-box-shadow:-2px 10px 10px -5px rgba(0,0,0,0.2); -o-box-shadow:-2px 10px 10px -5px rgba(0,0,0,0.2); -ms-box-shadow:-2px 10px 10px -5px rgba(0,0,0,0.2);}
@media screen and (max-width: 1919px) { 
.commonbar .leftbar { background: url(../images/nav_leftbar1400.gif) no-repeat; height: 39px;  }
}
@media screen and (min-width: 1919px) {  
.commonbar .leftbar { background: url(../images/nav_leftbar.gif) no-repeat; height: 39px;  }
}
.commonbar .nav { float: left;  width: 980px; height: 39px; margin: 0 auto; font-size: 16px; }
.commonbar .nav li { float: left; margin-right: 30px; }
.commonbar .nav li a { display: block; width: 100px; height: 39px; line-height: 36px; vertical-align: middle; text-align: center; color: #fff; }
.commonbar .nav li a:hover { background: #dc5310; }
.commonbar .nav li.hover a { background: #dc5310; }
.commonbar .tel { float: right; width: 150px; height: 28px; text-align: right; color: #fff; font-size: 17px; font-weight: bold; background:url(../images/telicon.png) no-repeat 0 8px; padding-top: 10px; }

.bannerbar .left { float: left; width: 1018px; }
.bannerbar .right { float: right; width: 175px; background: #fff; position:relative; z-index:1;}
.bannerbar .login { float: left; width: 206px; height: 411px; background: #fff; position:relative; z-index:1;}
.bannerbar .banner { float: right; width: 804px; position:relative; z-index:0;}
.bannerbar .banner ul{float: left; width:100%; overflow: hidden;}
.bannerbar .banner ul li{float: left; width:100%;}
.bannerbar .banner ul li a{float: left; width:100%; height:411px;}
.bannerbar .banner div.trail{position:absolute; left:0; right:0; bottom:20px; text-align: center; z-index:1;}
.bannerbar .banner div.trail span{width:6px; height:6px; display: inline-block; border:2px solid #A3A3A3; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
.bannerbar .banner div.trail span.swiper-pagination-bullet-active{border-color:#fff; background:#fff;}
.bannerbar .banner div.arrow{opacity:0;}
.bannerbar .banner:hover>div.arrow{opacity:1;}
.bannerbar .banner div.arrow span{position: absolute; width:35px; height:35px; background: rgba(0,0,0,0.60); color:#fff; top:calc((100% - 35px)/2); cursor: pointer; z-index:999; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
.bannerbar .banner div.arrow span::before{content:"\e627"; display:inline-block; font-size:14px; font-weight:normal; position:absolute; top:calc((100% - 14px)/2); left:calc((100% - 14px)/2);}
.bannerbar .banner div.arrow span.prev{left:1%;}
.bannerbar .banner div.arrow span.next{right:1%;}
.bannerbar .banner div.arrow span.prev::before{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}

.bannerbar .login h2 { font-weight: normal; text-align: center; padding: 20px 0 10px 0; font-size: 15px; }
.bannerbar .login h2 a{cursor:pointer;}
.bannerbar .loginlist {float:left; width:calc(100% - (26px*2)); padding:0 26px; font-size: 15px;}
.bannerbar .loginlist li { float: left; margin: 7px 10px; }
.bannerbar .loginlist font{float: left; width:100%; margin:10px 0; text-align: center;}
.bannerbar .loginlist li a{cursor: pointer;}
.bannerbar .loginlist .a1 { background: url(../images/jyq_37.gif) no-repeat; height: 20px; padding-left: 27px; }
.bannerbar .loginlist .a2 { background: url(../images/jyq_39.gif) no-repeat; height: 20px; padding-left: 26px; }
.bannerbar .baojia { width: 145px; margin: 10px auto 20px auto;  }
.bannerbar .baojia a {display: block; cursor:pointer; height: 28px; line-height: 26px; font-size: 15px; vertical-align: middle; text-align: center; background: #204c96; border-radius: 5px; color: #fff; }
.bannerbar .baojia a:hover { background: #dc5310; }
.bannerbar .gnlist { margin: 0 auto; width: 180px; border-top: 1px solid #d5d5d5; }
.bannerbar .gnlist li { width: 158px; margin: 20px auto; }
.bannerbar .gnlist li a { display: block; width: 118px; height: 23px; padding: 7px 0 0 40px; border-radius: 5px; font-size: 15px; cursor:pointer;}
.bannerbar .gnlist .a1 { background: url(../images/icon_03.png) 15px 6px no-repeat #eaf6fd; }
.bannerbar .gnlist .a1:hover { background: url(../images/icon_03_hover.png) 15px 6px no-repeat #dc5310; color: #fff; }
.bannerbar .gnlist .a2 { background: url(../images/icon_07.png) 15px 6px no-repeat #eaf6fd; }
.bannerbar .gnlist .a2:hover { background: url(../images/icon_07_hover.png) 15px 6px no-repeat #dc5310; color: #fff; }
.bannerbar .gnlist .a3 { background: url(../images/icon_10.png) 15px 6px no-repeat #eaf6fd; }
.bannerbar .gnlist .a3:hover { background: url(../images/icon_10_hover.png) 15px 6px no-repeat #dc5310; color: #fff; }
.bannerbar .gnlist .a4 { background: url(../images/icon_12.png) 15px 6px no-repeat #eaf6fd; }
.bannerbar .gnlist .a4:hover { background: url(../images/icon_12_hover.png) 15px 6px no-repeat #dc5310; color: #fff; }
.bannerbar .gnlist .a5 { background: url(../images/icon_14.png) 15px 6px no-repeat #eaf6fd; }
.bannerbar .gnlist .a5:hover { background: url(../images/icon_14_hover.png) 15px 6px no-repeat #dc5310; color: #fff; }
.bannerbar .three_ad li{float: left; width:calc((100%/3 - 6px) + (6px/3)); margin:6px 3px 0; height:179px; overflow: hidden; position: relative;}
.bannerbar .three_ad li:nth-of-type(3n+1){margin-left:0;}
.bannerbar .three_ad li:nth-of-type(3n+3){margin-right:0;}
.bannerbar .three_ad li img{height:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

.bannerbar .right { height: 596px; }
.bannerbar .right h2 { width: 135px; height: 28px; padding: 12px 0 0 40px; background: url(../images/cplist.gif) 15px 13px  no-repeat #204c96; color: #fff; font-size: 16px; }
.bannerbar .prolist .pic { position: absolute; top: 4px; left: 15px; }
.bannerbar .prolist .text { padding-left: 45px; }
.bannerbar .prolist li {height: 26px;}
.bannerbar .prolist li span{float:left; width:25px; height:100%; overflow:hidden; position:relative; pointer-events: none; margin-left:10px; margin-right:5px;}
.bannerbar .prolist li span img{max-width:100%; position: absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.bannerbar .prolist li font a { display: block; height: 26px; line-height: 26px; vertical-align: middle; font-size: 15px; color: #434344; }
.bannerbar .prolist li:hover font a{ background: #dc5310; color: #fff; }
.bannerbar .prolist li div.more{visibility:hidden; opacity:0; z-index:0; position:absolute; top:0; right:175px; bottom:0; left:-811px; background:#FFFFFF; background-position: left bottom; background-size: 50% auto; background-repeat: no-repeat;}
.bannerbar .prolist li:hover div.more{visibility:inherit; opacity:1; z-index:1;}
.bannerbar .prolist li div.more dl{float: left; width: 94%; padding: 3%;}
.bannerbar .prolist li div.more dl dt{float:right; padding-bottom:10px; display:inline-block; position: relative; text-align:right; font-size:16px; font-weight:700; color:#204c96;}
.bannerbar .prolist li div.more dl dt::after{content:""; position: absolute; border-top:3px solid #204c96; right:0; left:0; bottom:0;}
.bannerbar .prolist li div.more dl dd{float:right; clear:both; width:50%; margin-top:20px;}
.bannerbar .prolist li div.more dl dd p{float:right; width:50%; line-height:35px; text-align:right; font-size:16px;}
.newsbar {width: 1200px; height:54px; overflow:hidden; background: #fff; margin: 6px 0 0 0; }
.newsbar .leftbar { float: left; width:198px; height: 34px; line-height: 32px; vertical-align: middle; background: url(../images/jyq_110.gif) no-repeat 30px 5px; border-right: 1px solid #e1e1e1; margin: 10px; font-size: 16px; font-weight: bold; text-align: center; color: #605e5f; }
.newsbar .rightbar {float: right; width:900px;}
.newsbar .rightbar ul{float: left; width:100%;}
.newsbar .rightbar li {float: left; margin:10px; width:calc(100%/2 - 20px - 35px); height:30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; background: url(../images/jyq_113.gif) no-repeat 0 9px; padding: 10px 0 0 35px; }
.proindex { background: #fff; width: 1200px; margin-top: 10px; }
/*.proindex .left .btn01 { background: #7ecdd1; height: ; text-align: center; }
.proindex .left .btn01 a { display: block; height: 34px; line-height: 32px; vertical-align: middle; background: #7ecdd1; font-size: 16px; color: #fff; }
.proindex .left .btn01 a:hover { background: #9fe8ec; color: #333; }*/
.proindex .left { float: left; width: 252px; }
.proindex .left h2 { width: 232px; height: 29px; padding: 10px 20px 0 0; background: url(../images/jyq_117.gif) no-repeat; color: #fff; font-size: 18px; text-align: right; font-weight: normal; }
.proindex .ad01 { height: 332px; }
.proindex .ad02 { height: 235px; }

.proindex .right { float: right; width: 948px; }
.proindex .topbar { width: 948px; height: 39px; background: url(../images/protitlebg.gif) repeat-x; }
.proindex .list { float: left; width: 750px; padding: 1px 0 0 50px; }
.proindex .list li { float: left; font-size: 16px; margin: 10px 20px; }
.proindex .list li a:hover {padding-bottom: 7px; border-bottom: 4px solid #dc540f; }
.proindex .list li.on a {padding-bottom: 7px; border-bottom: 4px solid #dc540f; color:#dc540f;}
.proindex .more { float: right; width: 120px; padding: 15px 0 0 0; }
.proindex .more a { width: 80px; background: url(../images/moreicon.gif) no-repeat right 4px; padding-right: 25px; }
.proindex .more a:hover { background: url(../images/moreicon2.gif) no-repeat right 4px; padding-right: 25px; }
.proindex .pro { padding: 12px 0 0 4px; }
.proindex .pro li { float: left; margin: 10px 10px; }
.proindex .pro li p { text-align: center; padding: 10px 0; }
.proindex .pro li a { display: block; border: 1px solid #ededed; }
.proindex .pro li a:hover { border: 1px solid #f55d12;  }

.proleibie { background: #fff; width: 1200px; margin-top: 10px; }
.proleibie .left .btn01 a { display: block; height: 34px; line-height: 32px; vertical-align: middle; background: #7ecdd1; font-size: 16px; color: #fff; }
.proleibie .left .btn01 a:hover { background: #9fe8ec; color: #333; }
.proleibie .left { float: left; width: 252px; }
.proleibie .topbar { height: 39px; background: url(../images/protitlebg.gif) repeat-x; }
.proleibie .topbar .title { float: left; width: 232px; height: 29px; padding: 10px 20px 0 0; background: url(../images/jyq_117.gif) no-repeat; color: #fff; font-size: 18px; text-align: right; font-weight: normal; }

.proleibie .right { float: right; width: 948px; }
.proleibie .list { float: left; width: 750px; padding: 1px 0 0 50px; }
.proleibie .list li { float: left; font-size: 16px; margin: 10px 20px; }
.proleibie .list li a:hover { padding-bottom: 7px; border-bottom: 4px solid #dc540f; }
.proleibie .list li.hover a { padding-bottom: 7px; border-bottom: 4px solid #dc540f; }
.proleibie .list li.on a{padding-bottom: 7px; border-bottom: 4px solid #dc540f; color:#dc540f;}
.proleibie .more { float: right; width: 120px; padding: 15px 0 0 0; }
.proleibie .more a { width: 80px; background: url(../images/moreicon.gif) no-repeat right 4px; padding-right: 25px; }
.proleibie .more a:hover { background: url(../images/moreicon2.gif) no-repeat right 4px; padding-right: 25px; }
.proleibie .pro { padding: 12px 0 0 12px; }
.proleibie .pro li { float: left; margin: 10px 10px; }
.proleibie .pro li p { text-align: center; padding: 10px 0; }
.proleibie .pro li a { display: block; border: 1px solid #ededed; }
.proleibie .pro li a:hover { border: 1px solid #f55d12;  }
.proleibie .pro div.main{float:left; width:100%; margin-bottom:10px;}
.proleibie .pro more{display:inline-block; width:200px; height:20px; line-height:20px; margin:30px calc((100% - 200px)/2); padding:13px 0; text-align: center; border:1px solid #b1b1b1; color:#696969; cursor:pointer; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.proleibie .pro more:hover{border-color:#204c96; color:#204c96;}
.proleibie .pro more.on{background-position:10px center; background-repeat: no-repeat; background-size:30px auto; background-image: url(/images/img/loading.gif);}
.proleibie .pro more.on:hover{border-color:#b1b1b1; color:#696969;}
.proleibie .pro more.null{pointer-events:none; border-color:#ececec; color:#cccccc;}

.indexnews { background: #fff; width: 1200px; margin-top: 10px; }
.indexnews .left { float: left; width: 330px; margin-left: 15px; }
.indexnews .info { float: left; width: 517px; margin-left: 20px; }
.indexnews .right { float: right; width: 270px; margin-right: 15px; }

.indexnews .topbar { height: 39px; line-height: 36px; vertical-align: middle; margin: 15px 0 10px 0; border-bottom: 2px solid #ea5504;  }
.indexnews .title { float: left; width: 200px; font-size: 17px; font-weight: bold; color: #616161; }
.indexnews .more { float: right; width: 40px; background: url(../images/sanjiao.gif) no-repeat right; }
.indexnews .topic { position: relative;  }
.indexnews .text { position: absolute; bottom: 0; }
.indexnews .topic .text a { display: block; width: 330px; height: 200px; color: #fff; background: #579ce5; width: 330px; height: 26px; padding-top: 12px; text-align: center; color: #fff; opacity: 0.9; }
.indexnews .topic .text a:hover { color: #dc5310; background: #ccc; }
.indexnews .newslist li { margin: 12px 0; font-size: 14px; }
.indexnews .newslist li span { float: right; margin-left: 10px; }
.indexnews .youhui { border-bottom: 1px solid #ddd; padding-bottom: 8px; }
.indexnews .youhui .tit { padding: 5px 0; font-size: 16px; }
.indexnews .youhui .tit a { color: #3e79d7; }
.indexnews .youhui .tit a:hover { color: #dc5310; }
.indexnews .youhui dd { color: #666; line-height: 22px; }
.indexnews .infotext dl { border-bottom: 1px solid #ddd; margin-bottom:6px; padding-bottom:6px; position: relative; }
.indexnews .infotext dl:last-child{border-bottom:none;}
.indexnews .infotext dl.last { border-bottom: none; margin-bottom: 6px; padding-bottom: 10px; }
.indexnews .infotext dt { float: left; width: 155px; border: 1px solid #eee; }
.indexnews .infotext dd { float: right; width: 345px; font-size: 14px; color: #666; line-height: 20px; }
.indexnews .infotext .tt { margin-bottom: 2px; font-size: 15px; height:auto;}
.indexnews .infotext .tt a, .indexnews .infotext .xq { color: #3e79d7; }
.indexnews .infotext .tt a:hover, .indexnews .infotext .xq:hover { color: #dc5310; }
.indexnews .infotext .time { position: absolute; bottom: 10px; left: 170px; color: #666; height: auto;}


.cp_fenlei { background: #fff; padding: 10px 20px 20px 20px; margin-top: 10px; }
.cp_fenlei li { float: left; width: 140px; margin: 8px 8px; font-size: 16px; }
.cp_fenlei li a { color: #555; }
.cp_fenlei li a:hover { color: #2d66c6; }
.cp_fenlei li span { display: block; float: left; margin-top: -1px; margin-right: 5px; }
.cp_fenlei .tips { padding: 8px 0 10px 30px; margin-left: 10px; font-size: 18px; font-weight: bold; color: #555; background: url(/images/icon_cpleft.gif) no-repeat 0 10px; }
.cp_fenlei .active { color: #2d66c6; font-weight:bold;}


.footer { background: #fff; border-top: 4px solid #e1e1e1; margin-top: 13px; padding-bottom: 20px; }
.footer .service {  }
.footer .service dl { float: left; width: 190px; overflow: hidden; margin: 30px 23px; }
.footer .service dt { float: left; width: 50px; }
.footer .service dd { float: right; width: 130px; color: #666; }
.footer .service .title { font-size: 16px; font-weight: bold; margin: 7px 0 5px 0; }
.footer .nav { background: #1d50a2; height: 40px; padding-left: 40px; margin-bottom: 20px;  }
.footer .nav li { float: left; font-size: 16px; margin: 0 20px; }
.footer .nav li a { display: block; width: 100px; height: 40px; line-height: 38px; vertical-align: middle; text-align: center; color: #fff; }
.footer .nav li a:hover { background: #dc5310; }
.footer .left { float: left; width: 950px; padding-top: 10px; }
.footer .iconlist { width: 700px; margin: 0 auto; padding-top: 10px; }
.footer .left li { float: left; width: 108px; margin: 10px 32px; }
.footer .left p { text-align: center; color: #737373; margin: 10px 0; font-size:14px;}
.footer .left p a{color: #737373;}
.footer .left li img { border: 1px solid #d0d0d8; }
.footer .right { float: right; width: 220px; }
.footer .right p { width: 160px; text-align: center; padding-top: 6px; color: #959595; }
.footer .right p img { margin-bottom: 10px; }
.gongneng{position:fixed; z-index:999; width:48px; right: 16px; top:25.5%; border-radius:5px; padding-top: 5px;}
.gongneng li{float:left; width:100%; text-align: center; border-bottom: 1px solid #6392de; background:#1d50a2;}
.gongneng li:first-child{border-radius:5px 5px 0 0;}
.gongneng li:last-child{border-radius:0 0 5px 5px;}
.gongneng li a{float:left; width:calc(100% - 10px); height:40px; font-size:12px; line-height:16px; padding:8px 5px; color: #fff; cursor:pointer;}
.gongneng li.qrcode{position:relative;}
.gongneng li.qrcode a{line-height:48px;}
.gongneng li.qrcode div{position:absolute; right:60px; bottom:0; width:150px; padding:20px; background:#fff; display:none; box-shadow:0px 0px 10px 2px #1b59a8; -webkit-box-shadow:0px 0px 10px 2px #1b59a8; -moz-box-shadow:0px 0px 10px 2px #1b59a8; -o-box-shadow:0px 0px 10px 2px #1b59a8; -ms-box-shadow:0px 0px 10px 2px #1b59a8; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.gongneng li.qrcode:hover div{display:block;}
.gongneng li.qrcode p{float:left; position:relative; width:100%; height:150px; overflow:hidden;}
.gongneng li.qrcode p img{position:absolute; width:100%; left:0; right:0; top:0; bottom:0; margin: auto;}
.gongneng li.qrcode span{float:left; width:100%; line-height:20px; font-size:14px; margin-top:10px;}
.gongneng li.last{display:none; text-align: center; border-bottom: none; padding-bottom:5px;}
.gongneng li:hover{background: #0a2f6a;}
/* about */
.commonbanner { background: #3dadf3;}
.commonbanner div.wrap{width:100%; height:255px;}
.commonbanner div.wrap a{float: left;width: 100%;height: 100%;background-position: center center;background-size:auto; background-repeat: no-repeat;}
.aboutus { width: 1200px; background: #fff; margin-top:10px;}
.aboutus .topbar { height: 53px;  background: url(../images/protitlebg.gif) bottom repeat-x; }
.aboutus .topbar li { float: left; font-size: 16px; margin: 25px 30px; }
.aboutus .topbar li a{cursor:pointer;}
.aboutus .topbar li a:hover { padding-bottom: 7px; border-bottom: 4px solid #dc5310; }
.aboutus .topbar li.hover a { padding-bottom: 7px; border-bottom: 4px solid #dc5310; color: #dc5310; }
.aboutus .content {font-size: 16px; padding: 20px 30px; line-height: 23px; }
.aboutus .content p {margin-bottom: 10px;}
.aboutus .content img {max-width:100%;}

/* news */

.news { width: 1200px; background: url(../images/newsleftbg.gif) repeat-y #fff; margin-top: 10px; }
.news .left { float: left; width: 251px; }
.news .left h2 { width: 232px; height: 29px; padding: 10px 20px 0 0; background: url(../images/jyq_117.gif) no-repeat; color: #fff; font-size: 18px; text-align: right; font-weight: normal; }
.news .content { float: right; width: 900px; margin-right: 25px; }
.news .leftlist li { border-bottom: 1px solid #e9e9e9; font-size: 16px; }
.news .leftlist li a { display: block; height: 58px; line-height: 55px; vertical-align: middle; background: url(../images/icon_news.gif) no-repeat 30px 21px #fff; padding-left: 55px; }
.news .leftlist li a:hover, .news .leftlist li.hover a { color: #dc5310; background: url(../images/icon_news2.gif) no-repeat 30px 21px #f6f6f6; }
.news .gnlist { margin: 0 auto; width: 210px; border-top: 1px solid #d5d5d5; }
.news .gnlist li { width: 180px; margin: 20px 0 20px 8px; }
.news .gnlist li a {display:block; width: 158px; height: 28px; padding: 12px 0 0 40px; border-radius: 5px; font-size: 15px; cursor:pointer;}
.news .gnlist .a1  { background: url(../images/icon_03.png) 15px 10px no-repeat #eaf6fd; }
.news .gnlist .a1:hover, .news .gnlist .a1hover { background: url(../images/icon_03_hover.png) 15px 10px no-repeat #dc5310; color: #fff; }
.news .gnlist .a2 { background: url(../images/icon_07.png) 15px 12px no-repeat #eaf6fd; }
.news .gnlist .a2:hover, .news .gnlist .a2hover { background: url(../images/icon_07_hover.png) 15px 12px no-repeat #dc5310; color: #fff; }
.news .gnlist .a3 { background: url(../images/icon_10.png) 15px 10px no-repeat #eaf6fd; }
.news .gnlist .a3:hover, .news .gnlist .a3hover { background: url(../images/icon_10_hover.png) 15px 10px no-repeat #dc5310; color: #fff; }
.news .gnlist .a4 { background: url(../images/icon_12.png) 15px 10px no-repeat #eaf6fd; }
.news .gnlist .a4:hover, .news .gnlist .a4hover { background: url(../images/icon_12_hover.png) 15px 10px no-repeat #dc5310; color: #fff; }
.news .gnlist .a5 { background: url(../images/icon_14.png) 15px 10px no-repeat #eaf6fd; }
.news .gnlist .a5:hover, .news .gnlist .a5hover { background: url(../images/icon_14_hover.png) 15px 10px no-repeat #dc5310; color: #fff; }
.news .topbar { height: 48px; background: url(../images/protitlebg.gif) repeat-x bottom; margin-bottom: 20px; }
.news .title { float: left; width: 80px; padding: 15px 10px; font-size: 18px; text-align: center; padding-bottom: 12px; border-bottom: 4px solid #204c96; }
.news .more { float: right; width: 410px; padding: 20px 0 0 0; text-align: right; }

.news .newslist dl { border-bottom: 1px dashed #d8d8d8; padding-bottom: 15px; position: relative; margin-bottom: 20px; }
.news .newslist dt { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.news .newslist dd { font-size: 15px; line-height: 22px; color: #666; }
.news .newslist dd.xq { margin-top: 15px;  }
.news .newslist dd.xq a { color: #204c96;  }
.news .newslist dd.xq a:hover { color: #dc5310; }
.news .newslist .time { position: absolute; top: 2px; right: 0; color: #666; }
.news .newslist .pic { float: left; width: 250px; margin-right: 15px; }
.news .zw_title { text-align: center; font-size: 22px; border-bottom: 1px dashed #ccc; padding: 15px 0; }
.news .zw_base { text-align: center; color: #666; padding: 5px 0 8px 0; margin-bottom: 20px; font-size: 14px; } 
.news .zhengwen { font-size: 16px; padding-bottom: 20px; line-height: 25px; }
.news .zhengwen p { margin-bottom: 10px;}
.news .zhengwen img { max-width: 100%; }

/* contact */

.contact .company { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.conatac_infoleft { float: left; width: 480px; border-right: 1px dashed #ccc; }
.contact .ctitle { display: block; font-size: 16px; padding: 10px 0; font-weight: bold; }
.conatac_infoleft li { margin: 8px 0; }
.contact .paylist { float: right; width: 380px; }
.contact .map { width: 897px; height: 310px; padding: 20px 0; }
.join_content { width: 900px; margin-top: 20px; line-height: 23px; padding-bottom: 40px;  }
.join_content p { margin-bottom: 6px; }
.join_content strong { display: block; padding: 10px; border-bottom: 1px dashed #d8d8d8; font-size: 18px; }
.div_input_list div.list{float:left; width:100%; margin-bottom:10px;}
.div_input_list div.list ul{float:left; width:100%; border-top:1px solid #DADADA; border-right:1px solid #DADADA;}
.div_input_list div.list ul li{float:left; width:100%; margin:0; font-size:13px; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
.div_input_list div.list ul li:first-child{font-weight: 700; background:#efefef;}
.div_input_list div.list ul li p{float:left; height:45px; line-height:18px; text-align: center; border-bottom:1px solid #DADADA; border-left:1px solid #DADADA; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.div_input_list div.list ul li p:nth-of-type(1){width:calc(11% - 1px);}
.div_input_list div.list ul li p:nth-of-type(2){width:calc(17% - 1px);}
.div_input_list div.list ul li p:nth-of-type(3){width:calc(17% - 1px);}
.div_input_list div.list ul li p:nth-of-type(4){width:calc(30% - 1px);}
.div_input_list div.list ul li p:nth-of-type(5){width:calc(10% - 1px);}
.div_input_list div.list ul li p:nth-of-type(6){width:calc(15% - 1px);}
.div_input_list div.list ul li p font.v1{color:#FF0004;}
.div_input_list div.list ul li p font.v2{color:#1d50a2;}
.div_input_list li{float:left; width:100%; margin:10px 0; border:0; line-height:44px; background: #fff;}
.div_input_list li em{font-style:normal; margin-left:10px;}
.div_input_list li em font{font-size:14px;}
.div_input_list li em font.s1{color:#1A7E00;}
.div_input_list li em font.s2{color:#FF0004;}
.div_input_list .yctext {float:left; clear: both; width: 250px; height: 20px; border: 1px solid #ccc; background: #fff; padding: 10px; }
.div_input_list .yctext.null{border-color:#FF0004;}
.div_input_list div.strength{clear: both; float:left; width:271px; margin:10px 0; overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
.div_input_list div.strength font{float:left; width:calc(100%/3); text-align: center; font-size:14px; height: 20px; line-height: 20px; background:#eeeeee; color:#fff;}
.div_input_list .yctext2 { width: 441px; height: 20px; border: 1px solid #ccc; background: #fff; padding: 10px; }
.div_input_list .yc_btn { padding: 10px 20px; border: 1px solid #ccc; }
.div_input_list .city{ position: relative; width: 464px; }
.div_input_list .city .input{width:441px; height: 20px; border: 1px solid #ccc; background: #fff; padding: 10px; font-size:14px;}
.div_input_list .submit,.div_input_list .forbid{float: left; clear:both; width:100px; height:20px; margin:10px 0; line-height:20px; padding:10px 0; text-align:center;}
.div_input_list .submit{border: 1px solid #ccc; cursor:pointer; background:#efefef; color:#333333;}
.div_input_list .submit:hover{background:#dc5310; color:#fff; border-color:#dc5310;}
.div_input_list .forbid{border: 1px solid #989898; background:#989898; color:#fff;}

.input{position:absolute;top:0;left:0;width:457px;margin:0;padding-left:5px;height:30px;line-height:30px;font-size:12px;border:1px solid #c9cacb;}
.div_input_list .city s{position:absolute;top:1px;right:0;width:32px;height:30px;background:url(../images/arrow.png) no-repeat;}
._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background: #fff; }
._citys span { color: #05920a; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #05920a; cursor: pointer; }
._citys0 { width: 95%; height: 34px; line-height: 34px; display: inline-block; border-bottom: 2px solid #05920a; padding: 0px 5px; font-size:14px; font-weight:bold; margin-left:6px; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 12px; border-radius: 5px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #05920a; }
.AreaS { background-color: #05920a !important; color: #fff !important; }

/* login reg */
#login .theme { position: relative; margin-left: 30px; }
#login .theme li { margin-bottom: 35px;	line-height: 30px;	overflow:hidden;	clear:both;  }
#login .theme .intxt { color: #666; border: 1px solid #CFCFCF; background:#fff; float: left; height: 30px; line-height: 30px; margin-left: 5px; padding: 0 4px; width: 238px; border-radius: 3px 3px 3px 3px; }
#login .theme .yzm { font-size: 14px; padding: 2px 5px; border: 1px solid #ccc; margin-left: 10px; }
#login .theme span{	color: #555555;	width: 100px;	display: block;	float: left;	font-size:16px;	text-align: right;	overflow:hidden;	vertical-align:middle}
#login .useNew .signUp {	text-align: right;	font-weight: bold;	margin-top: 30px;}
.other_login { margin-left: 32px;    margin-top:35px;}
a.regbt{cursor:pointer; background-position:0 -98px; text-align:center;}
a.regbt:hover{background-position:0 -148px; color:#5c8c2f}
.rst_login span,.other_login span{ font-size:14px; font-weight:bold; color:#000000; padding-bottom:5px;}
.lform .enumselect{ line-height:26px; padding:3px 0; height:26px;}
.success{ padding:20px; text-align:center}
#login .theme .regbtn {text-align: center; background:#1d50a2; border: 0 none; cursor: pointer; display: block; height: 40px; width: 114px; font-size: 16px; line-height: 38px; font-weight: bold; color: #fff; overflow: hidden; float: left; margin-right: 10px; }
#login .theme .regbtn:hover{background:#114496;}
#login .theme .pic { position: absolute; top: 0; right: 100px; }
#login .fogotlink { display: block; padding-top: 5px; font-size: 14px; }
#login em{font-style:normal; margin-left:10px; font-size: 14px; color:#848484;}
#login em font.s1{color: #1A7E00;}
#login em font.s2{color: #FF0004;}
#login .apply div.strength{clear: both; float:left; width:246px; margin: 10px 0 0 106px; overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
#login .apply div.strength font{float:left; width:calc(100%/3); text-align: center; font-size:14px; height: 20px; line-height: 20px; background:#eeeeee; color:#fff;}
#login .apply input{font-size:14px;}
#login .apply input.null{border-color:#FF0004;}
#login .apply sentsms{float:left; display:inline-block; padding:0 10px; margin-left:10px; pointer-events:auto; font-size:14px; color:#666; cursor:pointer; border:1px solid #CFCFCF; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
#login .apply sentsms:hover{background:#dc5310; border-color:#dc5310; color:#fff;}
#login .apply sentsms.forbid{pointer-events:none; background:#CFCFCF; color:#e6e6e6;}
#login .apply p{float: left; width:100px; margin-left:10px;}
#login .apply p canvas{float:left; width:100px; height:32px;}

#login .SeekApp div.strength{clear: both; float:left; width:246px; margin: 10px 0 0 106px; overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
#login .SeekApp div.strength font{float:left; width:calc(100%/3); text-align: center; font-size:14px; height: 20px; line-height: 20px; background:#eeeeee; color:#fff;}
#login .SeekApp input{font-size:14px;}
#login .SeekApp input.null{border-color:#FF0004;}
#login .SeekApp sentsms{float:left; display:inline-block; padding:0 10px; margin-left:10px; pointer-events:auto; font-size:14px; color:#666; cursor:pointer; border:1px solid #CFCFCF; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
#login .SeekApp sentsms:hover{background:#dc5310; border-color:#dc5310; color:#fff;}
#login .SeekApp sentsms.forbid{pointer-events:none; background:#CFCFCF; color:#e6e6e6;}
#login .SeekApp p{float: left; width:100px; margin-left:10px;}
#login .SeekApp p canvas{float:left; width:100px; height:32px;}
/* member */
.membertitle { display: block; height: 40px; line-height: 38px; font-size: 15px; vertical-align: middle; margin: 10px 10px 0 10px; text-align: center; background:#1d50a2; border-radius: 5px; color: #fff; }
.dzyc { min-height: 500px; }
.dzyc dl { border-radius: 8px; border: 1px solid #dcdcdc; position: relative; padding: 10px 0; margin-bottom:10px;}
.dzyc dt { float: left; width: 135px; height:115px; margin: 8px 0 0 8px; position: relative; overflow: hidden;}
.dzyc dt img{position: absolute; max-width:60%; left:0; top:0; right:0; bottom:0; margin:auto;}
.dzyc dd { float: right; width: 725px; margin: 10px 20px 0 0; line-height: 22px; color: #999; font-size: 15px; }
.dzyc dd.dztitle { font-size: 18px; font-weight: bold; color: #204c96; font-size: 16px; }
.dzyc .shijian { position: absolute; top: 20px; right: 25px; color: #666;  }
.dzyc .btn { float:right; margin-right: 20px;  font-size: 16px; }
.dzyc .btn a { display: block; width: 110px; height: 30px; line-height:30px; text-align: center; cursor: pointer; font-weight: bold; padding:5px 0; color: #fff; background:#1d50a2;}
.dzyc .btn a:hover {background:#093884;}

.mem_info li {padding:10px; font-size: 16px; height: 40px; line-height: 40px; vertical-align: middle; border-bottom: 1px dashed #ccc; }
.mem_info li p { float: left; width: 100px; text-align: right; color: #146191; }
.mem_info form input{float: left; width:350px; height: 40px; padding:0 10px; border:1px solid #ccc; background:rgba(0,0,0,0.00); color:#000000;}
.commonbtn.submit,.commonbtn.forbid{float:left; width:150px; margin:20px calc((100% - 150px)/2); cursor:pointer; border-radius: 8px; color: #fff; text-align: center; padding: 8px; font-size: 16px;}
.commonbtn.submit{background: #3198d8; border: 1px solid #3198d8;}
.commonbtn.forbid{background: #abacad; border: 1px solid #abacad;}
.scpro { float: right; width: 930px; margin: 0 5px 20px 0; }
.scpro li { float: left; margin: 10px 8px; width: 213px; overflow: hidden;}
.scpro li p { text-align: center; padding: 6px 0; }
.scpro li a { display: block; border: 1px solid #ededed; height: 285px; }
.scpro li a:hover { border: 1px solid #f55d12;  }
.scpro .fenlei { color: #999; }

/*product*/

.product { background: #fff; padding-bottom: 15px; }
.leitop { border-bottom: 1px solid #ccc; margin: 0 20px; padding: 20px 0; color: #333;  }
.leitop a { color: #dc5310; }
.leitop a:hover { color: #3daef4; }
.prolei .pro { padding: 12px 0 0 10px; }
.prolei .sltlist{display:none; margin-left: 12px; }
.prolei .sltlist.active{display:block;}
.prolei .sltlist li { float: left; margin: 10px 10px; }
.prolei .sltlist li p { text-align: center; padding: 10px 0; }
.prolei .sltlist li a { display: block; border: 1px solid #ededed; }
.prolei .sltlist li a:hover { border: 1px solid #f55d12; }

.prolei .pro_duibi { padding-bottom: 10px; }
.prolei .pro_duibi div.table{float:left; width:calc(94% - 1px); margin:3%; border-top:1px solid #e2e2e2e2; border-right:1px solid #e2e2e2e2;}
.prolei .pro_duibi div.table ul{float:left;}
.prolei .pro_duibi div.table ul:nth-of-type(1){width:10%;}
.prolei .pro_duibi div.table ul:nth-of-type(n+2){width:calc(90%/7);}
.prolei .pro_duibi div.table ul li{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.prolei .pro_duibi div.table ul li.on{pointer-events:none;}
.prolei .pro_duibi div.table ul li.on::after{content:"\e7b7"; pointer-events:auto; cursor:pointer; margin-left:10px;}
.prolei .pro_duibi div.table ul li.on:hover::after{color:#dc5310;}
.prolei .pro_duibi div.table ul li{float:left; width:96%; line-height:45px; text-align:center; padding:0 2%; border-left:1px solid #e2e2e2e2; border-bottom:1px solid #e2e2e2e2;}
.prolei .pro_duibi div.table ul li:nth-of-type(3){height:135px; line-height:135px; position: relative; overflow: hidden;}
.prolei .pro_duibi div.table ul li:nth-of-type(3) ol{float:left; width:calc(100% - 20px - 2px); padding:5px; border:1px solid #e2e2e2e2; height:calc(100% - 20px - 2px); margin:5px;}
.prolei .pro_duibi div.table ul li:nth-of-type(3) ol p{height:100%; position: relative; overflow: hidden;}
.prolei .pro_duibi div.table ul li:nth-of-type(3) ol p img{max-width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

.prolei .tab_db { width: 97%; margin: 10px auto; border-right: 1px solid #e2e2e2e2; border-bottom: 1px solid #e2e2e2e2; }
.prolei .tab_db td { border-left: 1px solid #e2e2e2e2; border-top: 1px solid #e2e2e2e2; vertical-align: middle; padding: 5px 0; line-height: 20px; }
.prolei .tab_db td img { width: 130px; height: 130px; }
.prolei .tab_db .title { position: relative; } 
.prolei .tab_db .close { position: absolute; top: 16px; right: 0; }
.prolei .tab_db .close a { display: block; padding: 15px; width: 20px; height: 20px; background: url(../images/icon_close.png) 10px 0 no-repeat; }
.prolei .tab_db .close a:hover { background: url(../images/icon_close_2.png) 10px 0 no-repeat; }

.leilist{margin: 0 20px; font-size: 15px; }
.leilist dl { border-bottom: 1px dashed #ccc; margin: 5px 0; padding: 10px 0; }
.leilist dt { float: left; width: 150px; padding-top: 8px; }
.leilist dd { float: left; width: 1000px; line-height: 28px; }
.leilist dd span { margin: 0 12px 0 0; }
.leilist dl dd span a{display:inline-block; cursor:pointer;}
.leilist dl dd span.null{display:none;}
.leilist dl dd span.active{display:inline-block;}
.leilist dl dd span.active a{border:1px solid #dc5310; color:#dc5310; padding:0 5px; pointer-events:none;}
.leilist dl dd span.active a::after{display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; content:"✖"; color:#fff; background:#dc5310; margin-left:5px; pointer-events:auto; cursor:pointer;}

.leibar {background: #f5f5f5; height: 45px; margin: 10px 22px 10px 21px; }
.leibar_left { float: left; width:50%; padding: 15px 0 0 15px; }
.leibar_left span{color:#dc5310; padding:0 5px;}
.leibar_right { float: right; margin-top: 10px; }
.leibar_right li { float: left; margin: 0 10px; }
.leibar_right .margintop { margin-top: 6px; }
.leibar_right .lists a{cursor:pointer;}
.leibar_right .slt { margin-top: 6px; }
.leibar_right .slt a { background: url(../images/list_icon01.png) no-repeat; padding-left: 25px; }
.leibar_right .liebiao { margin-top: 7px; }
.leibar_right .liebiao a { background: url(../images/list_icon02.png) no-repeat; padding-left: 28px; margin-top: 8px; }
.leibar_right .iconbutton a {display: block; pointer-events:auto; cursor:pointer; padding: 1px 4px 3px 4px; background: #fff; color: #898989; border: 1px solid #bfbfbf; font-size: 18px;  }
.leibar_right .iconbutton a:hover { background: #f3f3f3;}
.leibar_right .iconbutton a.null{border-color:#dedede; color:#dedede; pointer-events:none; cursor:text;}

.liebiao_content{display:none; margin-left: 22px; }
.liebiao_content.active{display:block;}
.liebiao_content dl { margin: 10px 0; border-bottom: 1px solid #ededed; padding-bottom: 10px; }
.liebiao_content dt { float: left; width: 120px; }
.liebiao_content dt img { border: 1px solid #ededed; }
.liebiao_content .title { float: left; width: 300px; font-size: 15px; margin: 30px 20px 0 0; line-height: 22px; }
.liebiao_content .title font{color:#dc5310;}
.liebiao_content .canshu { float: left; width: 600px; }
.liebiao_content .canshu li { float: left; width: 280px; margin: 5px 0; }
.liebiao_content .xiazai { float: right; width: 130px; }
.liebiao_content .xiazai p { margin: 10px 0; }
.liebiao_content .xiazai .d2 a { display: block; cursor: pointer; height: 28px; width: 105px; line-height: 26px; font-size: 15px; vertical-align: middle; text-align: center; background: #204c96; border-radius: 5px; color: #fff; } 
.liebiao_content .xiazai .d2 a:hover { background: #427ddf; }
.liebiao_content .xiazai .d3 a { display: block; cursor: pointer; height: 28px; width: 105px; line-height: 26px; font-size: 15px; vertical-align: middle; text-align: center; background: #dc5310; border-radius: 5px; color: #fff; } 
.liebiao_content .xiazai .d3 a:hover { background: #f67638; }

.factor dl { border-bottom: 1px dashed #ccc; margin: 5px 0; padding: 10px 0; }
.factor dt { float: left; width: 100px; padding-top: 8px; font-weight: 700;}
.factor dd { float: left; width: 700px; line-height: 28px;}
.factor dd span {margin: 0 12px 0 0;}
.factor dd font{float:left; display: inline-block; padding: 0 16px 0 0; white-space:pre-wrap; position:relative;}
.factor dd font::after{content:""; position:absolute; right:13px; top:7px; bottom:6px; border-right:2px solid #666666;}
.factor dd font:last-child::after{content:none;}
.factor dd font span{color:#204c96;}
.parameter ul li{float:left; width:100%; line-height:45px; border-bottom: 1px dashed #ccc;}
.parameter ul li ol{float:left; width:100px; display:inline-block; font-weight: 700;}
.parameter ul li div.term{float:left; width:calc(100% - 100px);}
.parameter ul li dl{display:inline-block; margin-right:10px;}
.parameter ul li dl dt{display:inline-block; margin-right:5px;}
.parameter ul li dl dd{display:inline-block;}
.parameter ul li dl dd item{position:relative; border:1px solid #a1a1a1; cursor:pointer; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
.parameter ul li dl dd item select{padding:0 5px; border:none; cursor:pointer; color:#204c96;}
.parameter ul li dl dd item close{height: 20px;padding-right:20px; overflow:hidden;}
.parameter ul li dl dd item close::after{content:"\e7b7"; position: absolute; right:5px; font-size:10px; line-height: 20px; color:#a1a1a1;}
.parameter ul li dl dd item close:hover::after{color:#FF0004;}
.parameter ul li dl dd item.null{border-color:#FF0004;}
.parameter ul li dl dd item.null select{color:#FF0004;}
.parameter ul li dl dd p{display:initial; border:1px solid #a1a1a1;}
.parameter ul li dl dd p input{border:none; width:50px; text-align: center; color:#204c96;}
.parameter ul li dl dd p span{border-left:1px solid #a1a1a1; padding:0 5px; color:#8F8F8F; background:#e2e2e2;}
.parameter ul li dl dd p.null{border-color:#FF0004;}
.parameter ul li dl dd p.null span{border-left-color:#FF0004; background:#f7dfdf;}
.collect dl{float: left; width:100%; line-height:45px;}
.collect dl dt{float: left; width:100px; font-weight:700;}
.collect dl dt dd{float: left; width:calc(100% - 100px);}

.pro_canshu .pro_pic { float: left; width: 300px; margin-left: 20px; }
.pro_canshu .cslist { float: right; width: 830px; font-size: 15px;  margin-right: 20px; }

.pro_canshu .picshow { border: 1px solid #e2e2e2; margin: 10px 0; }

.pro_canshu .pre { float: left;  }
.pro_canshu .next { float: right; }
.pro_canshu .prebut a { display: block; padding: 1px 4px 3px 4px; height: 80px; line-height: 80px; vertical-align: middle; background: #fff; color: #898989; border: 1px solid #e2e2e2; font-size: 16px;  }
.pro_canshu .prebut a:hover { background: #f3f3f3;  }

.pro_canshu .pro_pic .album{float:left; width:100%; margin-top:10px;}
.pro_canshu .pro_pic .album .bd ul li{float:left; width:calc(100% - 2px); height:265px; border:1px solid #CFCFCF; position:relative; overflow:hidden;}
.pro_canshu .pro_pic .album .bd ul li img{max-width:100%; position: absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.pro_canshu .pro_pic .album .hd{float:left; width:100%; position:relative;}
.pro_canshu .pro_pic .album .hd ul{float:left; width:calc(100% - 50px); margin:10px 0; padding:0 25px; position:relative;}
.pro_canshu .pro_pic .album .hd ul li{float:left; width:calc((100%/4 - 2% - 2px) + (2%/4)); margin:0 1%; cursor:pointer; border:1px solid #CFCFCF;}
.pro_canshu .pro_pic .album .hd ul li p{float:left; width:calc(100% - 6px); margin:3px; height:50px; position: relative; overflow:hidden;}
.pro_canshu .pro_pic .album .hd ul li p img{max-width:100%; position: absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.pro_canshu .pro_pic .album .hd ul li:nth-of-type(4n+1){margin-left:0;}
.pro_canshu .pro_pic .album .hd ul li:nth-of-type(4n+4){margin-right:0;}
.pro_canshu .pro_pic .album .hd ul li.on{border-color:#dc5310;}
.pro_canshu .pro_pic .album .hd div.arrow p{position:absolute; width:calc(20px - 2px); color:#CFCFCF; border:1px solid #CFCFCF; top:10px; bottom:10px; cursor:pointer; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
.pro_canshu .pro_pic .album .hd div.arrow p::after{content:"\e72a"; font-size:20px; display:inline-block;}
.pro_canshu .pro_pic .album .hd div.arrow p.prev{left:0;}
.pro_canshu .pro_pic .album .hd div.arrow p.next{right:0;}
.pro_canshu .pro_pic .album .hd div.arrow p.prev::after{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.pro_canshu .pro_pic .album .hd div.arrow p:hover{border-color:#dc5310; color:#dc5310;}

.pro_canshu .zhi { border: 1px solid #ccc; width: 50px; }
.pro_canshu .copy,.pro_canshu .reset,.pro_canshu .download {height: 25px; cursor:pointer; padding:3px 8px; text-align: center; border: 1px solid #ccc; background: #fafafa; line-height: 25px; }
.pro_canshu .collect dl dd span{font-size:12px; margin-left: 10px; color:#0CEB26;}
.pro_canshu .contrast {float: left; display: block; text-align: center; background: #fafafa; vertical-align: middle; }
.pro_canshu .contrast a{padding:3px 8px; height: 25px; line-height: 25px; border:1px solid #ccc;}
.pro_canshu .xinghao { float: left; margin-right: 8px; color:#204c96; font-weight:700;}
.pro_canshu .cslist .titletext { float: left; width:303px; font-size: 18px; font-weight: bold; margin-top: 20px; line-height: 23px; }
.pro_canshu .pro_topbar .chongzhi { float: right; margin-top: 15px; }
.pro_canshu .pro_topbar .chongzhi li{ float: left; margin: 0 5px; }
.pro_canshu .btn_xunjia { float: left; width: 140px; }
.pro_canshu .share { float: right; width: 250px; }
.pro_canshu .btn_xunjia a{display: block; cursor:pointer; height: 45px; line-height:42px; width: 120px; font-size: 15px; vertical-align: middle; text-align: center; background: #dc5310; border-radius: 5px; color: #fff; }
.pro_canshu .btn_xunjia a:hover { background: #ff7b3a; }
.pro_canshu .canshu_bottom {float: left; width:100%; margin-top: 20px;}
.pro_canshu .fav a{cursor:pointer; height: 25px; padding: 3px 10px 3px 30px; text-align: center; border: 1px solid #ccc; background: url(../images/icon_14.png) 7px 3px no-repeat #fafafa; line-height: 25px; vertical-align: middle; }
.pro_canshu .fav a:hover{background: url(/images/icon_14_2.png) 7px 3px no-repeat #fafafa; border-color:#dc5310; color:#dc5310;}
.pro_canshu .fav a.active{background: url(/images/icon_14_2.png) 7px 3px no-repeat #fafafa; border-color:#dc5310; color:#dc5310;}
.pro_canshu .duibi a {cursor:pointer; height: 25px; padding: 3px 10px 3px 30px; text-align: center; border: 1px solid #ccc; background: url(../images/icon_15.png) 7px 4px no-repeat #fafafa; line-height: 25px; vertical-align: middle; }
.pro_canshu .duibi a:hover {background: url(../images/icon_15_2.png) 7px 4px no-repeat #fafafa; border-color:#dc5310; color:#dc5310;}
.pro_canshu .duibi a.active{background: url(../images/icon_15_2.png) 7px 4px no-repeat #fafafa; border-color:#dc5310; color:#dc5310;}
.share_text { float: left; margin: 3px 5px 0 0; }
.bshare-custom { float: left; }



.product .newslist {margin: 0 25px;}
.product .newslist dl {border-bottom: 1px dashed #d8d8d8; padding-bottom: 15px; position: relative; margin-bottom: 20px; }
.product .newslist dt {font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.product .newslist dt span{color: #dc5310;}
.product .newslist dt font{color: #dc5310;}
.product .newslist dd { font-size: 15px; line-height: 22px; color: #666; }
.product .newslist dd font{color: #dc5310;}
.product .newslist dd.xq {margin-top: 15px;}
.product .newslist dd.xq a {color: #204c96;}
.product .newslist dd.xq a:hover {color: #dc5310;}
.product .newslist .time {position: absolute; top: 2px; right: 0; color: #666;}
.product .newslist .pic {float: left; width: 250px; margin-right: 15px;}
.product more{display:inline-block; width:200px; height:20px; line-height:20px; margin:30px calc((100% - 200px)/2); padding:13px 0; text-align: center; border:1px solid #b1b1b1; color:#696969; cursor:pointer; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.product more:hover{border-color:#204c96; color:#204c96;}
.product more.on{background-position:10px center; background-repeat: no-repeat; background-size:30px auto; background-image: url(/images/img/loading.gif);}
.product more.on:hover{border-color:#b1b1b1; color:#696969;}
.product more.null{pointer-events:none; border-color:#ececec; color:#cccccc;}
.product_content {margin: 10px 21px; padding-bottom: 20px;}
.product_content .item { background: #f5f5f5; height: 45px;}
.product_content .item ul{float:left; margin: 10px 15px 0 15px;}
.product_content .item li {border: 1px solid #d9d9d9; border-bottom: none; background: #fff; color:#111111; font-weight: bold; float: left; width: 120px; text-align: center; height: 34px; line-height: 34px; vertical-align: middle; font-size: 16px; cursor: pointer;}
.product_content .item li.on{border-color:#1d50a2; color: #1d50a2; cursor:auto;}
.product_content .item .hover { border: 1px solid #d9d9d9; border-bottom: none; background: #fff; color: #1d50a2; font-weight: bold; }
.product_content .item li a { display: block; height: 34px; line-height: 34px; vertical-align: middle; font-size: 16px; }
.product_content .cp_content {float:left; width:100%; font-size: 16px; line-height: 23px;}
.product_content .cp_content p { margin-bottom: 10px; text-indent: 2em; }
.product_content .cp_content img { max-width: 100%; }
.product_content .cp_content #WinIframe{float:left; width:100%; height:600px;}
.product_content .cp_content .details{float: left; width:100%; padding:20px 0px;}
.product_content .cp_content .show{padding:0px 0px 20px 0px;}
.product_content .xiangguan { border: 1px solid #e2e2e2; }
.product_content .xiangguan li { float: left; width: 145px; height: 190px; overflow: hidden; margin: 10px 9px; text-align: center; border: 1px dashed #e2e2e2; }
.product_content .xiangguan li p{float: left; width:100%; line-height:20px;}
.product_content .xiangguan li img { width: 145px; height: 145px; }
.product_content .xiangguan .title { height: 30px; padding: 10px 0 0 20px; background: #F5F5F5; font-size: 18px; }

div.wechat-qrcode{display:none;}
/*分页*/
.page {width:100%; float: left; text-align: center; margin:50px 0; font-size:14px;}
.page a{display:inline-block; padding:8px 10px; margin: 0 3px; color:#999999; background:#fff; position:relative; border: 1px solid #e3e3e3; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.page a:hover {background:#dc5310; color: #fff; border-color: #dc5310;}
.page .active {background:#dc5310; color: #fff; border-color: #dc5310;}
.page total{line-height: 3em; padding: 0.7em 1em; margin: 0 0.1em; color: #999999;}
@media screen and (max-width:1023px){
.page{font-size:0.14em; margin:30px 0;}
.page a{padding: 0.3em 0.6em;}
}