﻿.position { height: 42px; line-height: 42px;/* background: #fca30c; */ color: #2d2d2d; padding-left: 15px; font-size: 21px; font-weight: 200; margin-bottom: 32px; }
.position p { float: right; height: 42px; }
.position p a { color: #2d2d2d; }
/**/
.Page { padding-right: 7px; padding-left: 7px; padding-bottom: 18px; margin: 3px; padding-top: 7px; text-align: center; margin-top: 20px; }
.Page a { padding: 5px 10px; margin: 0px 3px; color: #000000; border: 1px solid #9e8c8c; border-radius: 20px; }
.Page a:hover { color: #fff; background-color: #595959; padding: 5px 10px; }
.Page a:active { border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; color: #fff; border-bottom: #000000 1px solid; background-color: #000 }
.Page span.current { border-right: #000000 1px solid; padding-right: 5px; border-top: #000000 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #000000 1px solid; color: #fff; padding-top: 2px; border-bottom: #000000 1px solid; background-color: #000000 }
.Page span.nolink { margin: 2px; color: #b4b4b4; border: 1px solid #cccccc; padding: 5px; }
.Page span { margin: 2px; color: #b4b4b4; border: 1px solid #b4b4b4; padding: 5px 10px; }
/*  */
.prolist { }
.prolist ul { }
.prolist ul li { width: 282px; float: left; margin: 7px 6px; border: 1px #cccccc solid; }
.prolist ul li div { width: 270px; height: 143px; overflow: hidden; margin: 0 auto; margin-bottom: 8px; margin-top: 7px; }
.prolist ul li img {/* width:100%; */ height: 100%; margin: 0 auto; display: block; }
.prolist ul li h3 { text-align: center; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #03A9F4; font-weight: 200; margin-bottom: 8px; }
.prolist ul li h3 a { color: #140601; }
.prolist ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); }
/*  */
.prolist2 { }
.prolist2 ul { }
.prolist2 ul li {width: 266px;float: left;margin: 12px 6px;border: 1px #d6d2d2 solid;}
.prolist2 ul li div {width: 92%;height: 150px;overflow: hidden;margin: 0 auto;margin-bottom: 8px;margin-top: 7px;}
.prolist2 ul li img {/* width:100%; */height: 100%;margin: 0 auto;display: block;}
.prolist2 ul li h3 { text-align: center; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #03A9F4; font-weight: 200; margin-bottom: 8px; }
.prolist2 ul li h3 a { color: #140601; }
.prolist2 ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); }
/*news*/
.prolist3{ }
.prolist3 ul { }
.prolist3 ul li {width: 254px;float: left;margin: 7px 6px;/* border: 1px #d6d2d2 solid; */}
.prolist3 ul li div {width: 94%;height: 124px;overflow: hidden;margin: 0 auto;margin-bottom: 8px;margin-top: 7px;}
.prolist3 ul li img {width:100%;margin: 0 auto;display: block;}
.prolist3 ul li h3 {text-align: center;font-size: 14px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #03A9F4;font-weight: 200;margin-bottom: 4px;}
.prolist3 ul li h3 a { color: #140601; }
.prolist3 ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); }
/**/

.listzai {/* border:1px solid #ddd; */ width: 96%; font-size: 13px!important; margin: auto; display: block; padding: 2px 12px; font-style: normal; margin-top: 1px; color: #009ce1; height: 94px; overflow: hidden; margin-bottom: 8px; }
.listzai span { color: red }
/**/
.about_con .tit { font-size: 22px; text-align: center; padding-top: 10px; color: #ff0000; font-weight: 200; }
.about_con .date {font-size: 16px;text-align: center;line-height: 42px;height: 42px;width: 600px;display: block;margin: 0 auto;margin-bottom: 5px;margin-top: 8px;}
.about_con .date span {margin-left: 58px;float: left;margin-right: 32px;}
.about_con .date span b {color: #040000;font-weight: 200;}
/*  */
/**/
.about_con2 .tit {font-size: 22px;text-align: center;padding-top: 36px;color: #ff0000;font-weight: 200;margin-bottom: 14px;}
.about_con2 .date {font-size: 16px;text-align: center;line-height: 38px;height: 38px;width: 600px;display: block;margin: 0 auto;margin-bottom: 12px;}
.about_con2 .date span {margin-left: 58px;float: left;margin-right: 32px;}
.about_con2 .date span b {color: #040000;font-weight: 200;}
.about_con2 .con img {margin: 0 auto;display: block;max-width: 100%;margin-bottom: 12px;}
.about_con2 .con h3 {/* text-align:center; */color: #e6420f;font-size: 19px;margin-bottom: 6px;height: 30px;margin-top: 6px;line-height: 30px;font-weight: 200;border-left: 6px solid #ff5722;padding-left: 15px;}
.about_con2 p{font-size: 15px;line-height: 36px;}
.about_con2 h2{
    text-align: center;
    color: #f7ab00;
    font-size: 18px;
    margin-bottom: 6px;
    margin-top: 6px;
    font-weight: 200;
    }
/**/
.proms { width: 100%; height: 275px; float: left; padding: 2px 10px; border-bottom: 1px solid #ffb560; }
.proms_l { width: 400px; height: 248px; float: left; margin-top: 8px;/* border:1px solid #d3d3d3; */ }
.proms_l img { width: 100%; height: 100% }
.proms_r { width: 518px; height: 260px; float: right; }
.proms_rh { margin-bottom: 12px; }
.proms_rh h1 { font-size: 28px; line-height: 30px; margin-bottom: 8px; color: #00bcd4; font-weight: 300; }
.proms_rh p { font-size: 14px; line-height: 30px; }
.proms_tell { width: 100%; height: 72px; }
.proms .bdsharebuttonbox { width: 274px; float: right; }
.bdsharebuttonbox { width: 222px; float: left; }
/**/
.about_con .con {width: 98%;line-height: 28px;margin-left: 10px;font-size: 14px;padding: 1px 0 0;}
.about_con .con p {/* margin-bottom: 4px; */text-indent: 38px;}
.about_con .con h3 {/* text-align:center; */ color: #ff5722; font-size: 16px; margin-bottom: 6px; height: 30px; margin-top: 6px; line-height: 30px; font-weight: 200; border-left: 6px solid #ff5722; padding-left: 15px; }
.about_con .con img { margin: 0 auto; display: block; max-width: 100%; margin-top: 12px; }
.about_con a { color: #009CE1 }
.about_con .fanye {padding: 6px;width: 96%;font-size: 13px;height: 36px;line-height: 30px;margin: 2px auto;color: #140101;}
.about_con .con table { width: 100%; margin: 0 auto; text-align: center; margin-bottom: 12px; font-size: 13px; }
.fanye { font-size: 19px; }
.fanye ul li { float: left;/* margin-right: 60px; */ display: block; padding: 8px; }
.fanye ul li a {/* width: 45%; */ overflow: hidden; color: red; }
.fanye ul li:nth-child(even) { float: right }
.zaiyao { border: 1px solid #ddd; width: 96%; font-size: 14px; margin: auto; display: block; padding: 16px 12px; margin-bottom: 20px; font-style: normal; margin-top: 20px; color: #00bcd4; }
.zaiyao span { color: red }
/**/
.mright {float: right;width: 1064px;padding-bottom: 12px;}
.mright .con h2 { color: #00bcd4; margin: 10px 0 10px 0px; padding-left: 10px; font-size: 16px; font-weight: bold; border-left: 6px solid #f6b266;    /* clear: both; */ }
.mright .con h4 { font-size: 14px; color: red; }
/**/
.xgxw { border: 1px solid #D6D6D6; margin-top: 6px; margin-bottom: 12px; }
.tit-a { border-bottom: 1px solid #E0E0E0; color: #00812E; line-height: 48px; height: 48px; font-size: 0; background: url(../images/news_28.gif) no-repeat 12px center white; }
.tit-b { border-bottom: 1px solid #E0E0E0; color: #00812E; line-height: 48px; height: 48px; font-size: 0; background: url(../images/pro_28.jpg) no-repeat 12px center white; }
.xgxw ul li { background: url(../images/kh_jt2.png) no-repeat left center; line-height: 40px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent: 20px; margin-left: 10px; display: block; border-bottom: 1px dashed #ccc; color: #666; font-size: 14px; padding-left: 6px; padding-right: 12px; }
.xgcp { border: 1px solid #D6D6D6; margin-top: 6px; margin-bottom: 12px; }
.xgcp ul li { width: 173px; float: left; margin-left: 2px; text-align: center; line-height: 25px; margin-top: 10px;/* border:1px solid #ccc; */ padding: 5px; margin-bottom: 6px; }
.xgcp ul li img { width: 169px;/* border:1px solid #ccc; */ }
.xgcp ul li span { font-size: 13px; height: 27px; line-height: 30px; text-align: center; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xgcp ul li span a { color: #009ce1; }
/**/
table { border-collapse: collapse; width: 100%; }
table, td, th { border: 1px solid #c2d1e4; background: #faf5f5; }
tr { }
td { text-align: center; padding: 2px; }
.bg1 td {    /*background: #f3f3f3*/ }
.cp1 { width: 26%; height: 293px; float: left; margin-right: 12px; }
.cp1 img { width: 100%; height: 100% }
.bg1 td {    /*background: #f3f3f3*/ }
.cp2 { width: 30%; height: 240px; float: left; margin-right: 12px; }
.cp2 img { width: 100%; height: 100% }
.cp2t { font-size: 19px; line-height: 50px; padding-top: 12px; }
.cp2a { width: 67%; height: 152px; float: right; margin-right: 12px; margin-top: 9px; }
.cp2a img { width: 100%; height: 100% }
.cp2b { width: 36%; height: 220px; float: left; margin-right: 12px; }
.cp2b img { width: 100%; height: 100% }
/**/
.cp4 { max-width: 400px; }
.cp4 img { width: 100% }
.cp5 { max-width: 210px; float: left; margin-right: 22px; }
.cp5 img { width: 100% }
.bg { background: url(./../images/bg2.jpg) center;    /* background-size: 100% auto; */ padding-top: 36px; padding-bottom: 42px; background-size: contain; }
.bc { background: rgba(255,255,255,0.95); padding: 36px; }
.casebtn { border: 1px solid red; padding: 12px; display: block; width: 250px; height: 33px; text-align: center; font-size: 18px; margin: 28px auto; transition: all 0.5s ease-out; background: #fbfbfb; color: #353131!important; }
.casebtn:hover { background: red; color: white!important; }
/*newszy*/
.newszy { width: 98%; display: block; border: 1px solid #00bcd4; border-radius: 12px; padding: 8px; height: 172px; }
.newszy img { width: 275px; display: block; float: left; }
.newszy div { width: 64%; display: block; float: left; margin-left: 12px; line-height: 34px; margin-top: 12px; color: #434343; text-indent: 32px; }
.newszy div p { font-size: 15px; color: #009ce1; text-indent: 1px; line-height: 42px; }
/*  */
.aboutbg { }
.about1 { width: 576px; height: 345px; float: left; }
.about1 img { }
.about2 { }
.about2 h4 { }
.about2 p { }
/*  */
/*  */
.lm { width: 290px; overflow: hidden; border: solid 1px #ddd; box-sizing: border-box; padding-bottom: 16px; box-shadow: 0px 0px 10px #ccc; margin-bottom: 20px; }
.lm h3 { width: 290px; height: 90px; border-bottom: solid 5px #eee; box-sizing: border-box; font-size: 30px; line-height: 90px; text-align: center; font-weight: initial; color: #000; }
.lm ul li { width: 230px; height: 40px; background: #eaeaea; margin: 10px auto; text-align: left; line-height: 40px; font-size: 20px; padding-left: 20px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
.lm ul li a { padding-left: 25px; color: #ff5722; font-size: 18px; display: block; }
.lm ul li:hover { background: #ed752e; }
.lm ul li:hover a { color: white }
/*  */
/*  */
.lianxi { width: 290px; overflow: hidden; border: solid 1px #ddd; box-sizing: border-box; padding-bottom: 20px; box-shadow: 0px 0px 10px #ccc; margin-bottom: 20px; }
.lianxi-t { height: 50px; margin-bottom: 10px; color: #888; border-bottom: solid #d1d1d1 1px; width: 100%; margin: 0 auto 10px; box-sizing: border-box; }
.lianxi-t h3 { font-size: 20px; color: #000; line-height: 50px; float: left; font-weight: bold; padding-left: 15px; }
.lianxi-t a { font-size: 14px; color: #ff5722; float: right; padding-top: 10px; padding-right: 10px; line-height: 33px; }
.lianxi-t a:hover { color: #d7a02b; }
.lianxi p { padding: 0px 20px; font-size: 16px; color: #333; line-height: 30px; }
/*  */
/*  */
.newslist {width: 1064px;display: block;float: right;padding-bottom: 22px;}
.newslist ul li {padding-right: 10px;margin-top: 25px;overflow: hidden;border: solid 1px #ddd;box-sizing: border-box;padding-bottom: 2px;box-shadow: 0px 0px 4px #ccc;}
.newslist ul li a { color: #191818; }
.newslist ul li>a {display: block;width: 233px;height: 183px;margin-top: 12px;/* border: 1px solid red; */overflow: hidden;float: right;}
.newslist ul li img { height: 100%; display: block; margin: 0 auto; float: right; }
.newslist ul li section {float: left;width: 752px;/* border: 1px solid red; */padding: 22px 24px;}
.newslist ul li h3 { font-size: 18px; color: #333; height: 30px; line-height: 30px; }
.newslist ul li h3 a { color: red; font-weight: 200; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; }
.newslist ul li p { font-size: 13px; line-height: 30px; margin-top: 12px; }
/*  */
.date-m { height: 31px; line-height: 29px; }
.date-m span { float: left; font-size: 14px; }
.date-m img { width: 130px !important; height: 32px !important; float: right; }
/*  */
.banner { }
.banner img { width: 100%; }
/*  */
/*  */
#preview { float: left; margin: 5px auto; width: 384px; }
.jqzoom { width: 354px; height: 350px; position: relative; }
.zoomdiv { left: 859px; height: 400px; width: 400px; }
.list-h li { float: left; }
.cc { margin-bottom: 12px; }
.cc ul li span{color: black;}
.cc ul li {float: left;width: 167px;text-align: center;padding: 8px 0;margin-right: 6px;border: 1px solid #edecf1;}
.cc ul li:hover, .cc .on {box-shadow: 0 0 10px rgba(0,0,0,0.5);background: #ffffff;}
.cc ul li img { display: block; margin: 0 auto; margin-bottom: 6px; width: 86%; }
.cc ul li h2 a{ width: 100%; font-size: 18px; line-height: 27px; color: #010101; font-weight: 200; }
/*  */
.qtcp2 { }
.qtcp2 h6 { font-weight: 200; color: red; font-size: 23px; margin-top: 29px; line-height: 36px; padding-left: 18px; }
/*  */
.qtcp2 ul li {width: 266px;float: left;margin: 7px 6px;border: 1px #cccccc solid;text-align: center;}
.qtcp2 ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5) }
.qtcp2 ul li div {width: 242px;height: 252px;overflow: hidden;margin: 0 auto;margin-bottom: 8px;margin-top: 12px;}
.qtcp2 ul li img {/* width:100%; */ height: 100%; margin: 0 auto; display: block; }
.qtcp2 ul li span { text-align: center; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #03A9F4; font-weight: 200; margin-bottom: 8px; display: block; }
.qtcp2 ul li span a { color: #ff5722 }
/*  */
.qtcp {overflow: hidden;margin-bottom: 12px;}
.qtcp h6 { font-weight: 200; color: red; font-size: 23px; margin-top: 29px; line-height: 36px; padding-left: 18px; }
/*  */
.qtcp ul li {width: 336px;float: left;margin: 7px 6px;border: 1px #cccccc solid;text-align: center;}
.qtcp ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5) }
.qtcp ul li div {width: 294px;height: 152px;overflow: hidden;margin: 0 auto;margin-bottom: 8px;margin-top: 18px;}
.qtcp ul li img {/* width:100%; */ height: 100%; margin: 0 auto; display: block; }
.qtcp ul li span { text-align: center; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #03A9F4; font-weight: 200; margin-bottom: 8px; display: block; }
.qtcp ul li span a {color: #181311;}

/*  */
/*  */
.cp_a{margin-bottom: 28px;}
.cp_a ul li { display: inline-block; padding: 0 15px; height: 38px; line-height: 38px; font-size: 15px; background: #f0f0f0; color: #666; margin-right: 10px; text-align: center; margin-bottom: 13px; }
.cp_a ul li a { display: block; width: 100%; height: 100%; color: black; font-weight: 200; }
.cp_a .on, .cp_a ul li:hover { background: #fcb026; color: #323f47; }
.cp_a ul li:hover a { color: white }
.cp_a .on a { color: white }
/*  */
.qtnews{
    overflow: hidden;
    padding-bottom: 16px;
    margin-top: 22px;
}
.qtnews  h6{
    font-size: 22px;
    font-weight: 200;
    padding-left: 12px;
    line-height: 49px;
}
.qtnews ul li{
    width: 46%;
    float: left;
    margin-left: 4px;
    margin-right: 12px;
    margin-top: 12px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 0 2px rgb(68 55 55 / 50%);
    padding-left: 12px;
}
.qtnews ul li:hover{background:#2196F3}
.qtnews ul li:hover a{color:white}
.qtnews ul li p{width: 72%;float: left;}
.qtnews ul li span{width: 16%;float:right;}
.qtnews ul li a{color: #514747;}

.qtnews ul li:nth-child(2){margin-right:0px !important}