@charset "gb2312";
*{margin: 0px;padding: 0px;font-size:14px;color:#333; font-family:'΢���ź�', Arial, Helvetica, sans-serif; line-height:30px; list-style:none}
body{max-width:1920px; margin:0 auto;}
img{ border:none}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#0064b2;}

.left{ float:left}
.right{ float:right}
.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}

.headbox{ height:35px; width:100%; margin:0 auto; border-bottom:solid 1px #ececec; background:#f9f9f9;}
.headbox ul{ margin:0 auto; width:1100px;}
.headbox ul li{ line-height:35px; float:left; color:#505050; font-size:12px}
.headbox ul li a{ line-height:35px;color:#505050; font-size:12px}

.top{ width:1200px; height:116px;  margin:0 auto;}

.nav{ width:100%; height:58px; margin:0 auto; background:#0051b5}
.nav ul{ width:1200px; height:58px; margin:0 auto}

.nav ul li a{ display:block; text-align:center; color:#fff; font-size:14px; line-height:58px; }
.nav ul li a:hover{ display:block; text-align:center; color:#fff; font-size:14px; line-height:58px; background:#ff6000}
.dh{ width:100%; margin:0 auto; height:50px; background:#eeeeee; border-bottom:1px solid #CCC}
.dh .mid{ width:1100px; height:50px; line-height:50px; margin:0 auto}
/**/


.probox{ width:100%; margin:0 auto;padding-top:50px; padding-bottom:20px;}
.probox .title{ width:1200px; height:100px; display:block; text-align:center; margin:0 auto;  line-height:45px; color:#5f5f5f; text-transform:uppercase;  font-size:16px;}
.probox .title span{ line-height:40px; font-size:35px; font-weight:bold; color:#015fa7}
.probox .content{ width:1100px; margin:0 auto;}
.probox .content ul li{ float:left;}

.listbox{ width:275px; float:left;}
.listbox .head{ width:275px; height:72px; background:#0051b5; line-height:72px; text-indent:32px; font-size:24px; color:#fff; font-weight:bold}
.listbox .head span{line-height:72px; font-weight:100;font-size:17px; color:#fff; text-transform:uppercase}
.listbox .cont{ width:251px; height:auto; background:#fff; border:12px solid #0051b5; border-top:none; padding-top:16px}
.cplisttop{ width:1100px; height:59px; margin:0 auto}
.onepro{ width:218px; height:39px; line-height:39px; text-indent:22px; margin:0 auto; margin-bottom:12px; font-size:14px; color:#000000; background:url(../images/left_dw.jpg) no-repeat left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.oneproo{ width:212px; height:59px; line-height:59px; text-align:center;margin:0 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;    margin:10px 0px 10px 5px;}
.oneproo:hover{ width:212px; height:59px; line-height:59px; text-align:center;margin:0 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;  margin:10px 0px 10px 5px; color:#fff}

.twopro{display:block; width: 218px; height:32px; line-height:32px; margin:0 auto; text-indent:25px; color:#333; font-size:13px; background:url(../images/icon.jpg) no-repeat 15px center; margin:5px auto 5px auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}

.listbot{ width:158px; margin:0 auto;  height:82px; padding-top:26px; padding-left:62px; color:#FFFFFF; line-height:25px;}
.listbot span{ font-size:16px; font-weight:bold; color:#FFFFFF}

.probox .content ul li .cpcont{ width:1100px;}
.proimg_a{ display:inlne; width:267px; height:243px; overflow:hidden; text-align:center;  line-height:40px; float:left;  margin:20px 4px 0 4px;; background:#ececec}
.proimg_a img{ width:267px; height:200px;}

.hotline{ width:375px; height:110px; margin:0 auto; }

.feature{ width:100%; height:auto; margin:0 auto;padding-top:36px; padding-bottom:36px}
.feature .title{ width:545px; height:113px; margin:0 auto; }
.feature .content{ width:1100px; height:auto; margin:0 auto; margin-top:30px;}
.feature .content .leftfr{ width:535px; height:auto; display:block; float:left}

/* .child11{ width:450px; height:auto; background:url(../images/num1.jpg) no-repeat 0 0; padding-left:85px}
.child11 .titlea{ width:450px; height:46px; border-bottom:1px dotted #888; font-size:24px; color:#014085; line-height:46px;}
.child11 .contenta{ margin-top:12px; font-size:15px; line-height:25px; color:#646464}

.child22{ width:450px; height:auto; background:url(../images/num2.jpg) no-repeat 0 0; padding-left:85px; margin-top:45px}
.child22 .titlea{ width:450px; height:46px; border-bottom:1px dotted #888; font-size:24px; color:#014085; line-height:46px;}
.child22 .contenta{ margin-top:12px; font-size:15px; line-height:25px; color:#646464} */

.feature .content .rightfr{ width:469px; height:auto; display:block; float:right}

.feature .content .leftfra{ width:510px; height:auto; display:block; float:left}

.feature .content .rightfra{ width:515px; height:auto; display:block; float:right}

.child33{ width:430px; height:auto;  padding-left:85px}
.child33 .titlea{ width:430px; height:46px; border-bottom:1px dotted #888; font-size:24px; color:#014085; line-height:46px;}
.child33 .contenta{ margin-top:12px; font-size:15px; line-height:25px; color:#646464}

.child44{ width:430px; height:auto;  padding-left:85px; margin-top:45px}
.child44 .titlea{ width:430px; height:46px; border-bottom:1px dotted #888; font-size:24px; color:#014085; line-height:46px;}
.child44 .contenta{ margin-top:12px; font-size:15px; line-height:25px; color:#646464}

.blockb{width:100%; height: auto; margin:0 auto; padding-top:50px; padding-bottom:50px; border-bottom:1px solid #e3e3e3}

.aboutbox{ width:1200px; margin:0 auto;}
.aboutbox .head{ border-bottom:solid 1px #c1c1c1; width:1200px; text-align:center; height:80px;}
/* .aboutbox .head span{ text-align:center; background:url(../images/about_title.jpg) top center no-repeat; width:140px; padding-top:40px; font-size:26px; display:block; margin:0 auto;} */
.aboutbox .cont{ width:1200px; margin:40px auto 0 auto; line-height:30px; font-size:15px}



.bottomframe{ width:1200px; height:auto; margin:45px auto}

.news{ width:448px; height:auto; float:left; margin-right:20px; border:1px solid #e0e0e0; border-top: none; background:url(../images/bg_main_dh.gif) left top repeat-x}
.news .head{ width:448px; height:54px; background:url(../images/aa.gif) no-repeat 20px center }
.news .head p{font-size:20px; font-weight:bold;color:#015db4; line-height:54px; text-indent:35px; float:left}
.news .head a{ float:right; }
.news .content{ width:418px; height:250px; padding:15px}

.news .content ul li{height:39px; width:418px; line-height:39px; border-bottom:1px dotted #cdcdcd; background:url(../images/zhuangshi.png) no-repeat 0 center; text-indent:20px; overflow:hidden;}
.news .content ul li a{height:39px; width:318px;line-height:39px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.news .content ul li span{height:39px; width:100px; display:block; overflow:hidden; line-height:39px;color:#555}


/* .contact{ width:260px; height:auto; float:right; background:url(../images/dh1.gif) left top repeat-x}
.contact .head{ font-size:20px; line-height:60px;color:#fff; font-weight:bold; background:url(../images/bb.gif) no-repeat 0 0; text-indent:20px}
.contact .content{width:220px; line-height:30px; background:url(../images/lxwm.gif) center bottom no-repeat #0368ae; padding-left:20px;padding-right:20px;padding-top:20px; padding-bottom:8px; color:#FFF}
 */

.foot{ background:#22273B; width:100%; margin:0 auto; height: auto; padding-top:20px; padding-bottom:20px}
.foot .content{ width:1200px; margin:0 auto;}
.foot .content .f_nav{ width:1200px; margin:0 auto; border-bottom:solid 1px #2569aa;  text-align:center; line-height:70px;}
.foot .content .f_nav a{ line-height:70px; text-align:center; margin-left:25px; margin-right:25px; color:#FFFFFF; font-size:16px;}
.foot .content ul{ width:1200px; margin:0 auto;}
.foot .content ul li{ line-height:30px; color:#FFFFFF;}
.foot .content ul li p{ color:#FFFFFF; padding-top:30px;}

.mainframe{ width:1200px; height:auto; margin:0 auto; margin:30px auto}
.leftframe{ width:275px; height:auto; float:left; margin-right:28px}
.rightframe{ width:897px; height:auto; float:right;}

.maincont{ float:right; width:897px; height:auto; border:1px solid #d6d6d6}
.maincont .head{ width:898px; height:74px; background:url(../images/dh_cpdisplay.gif) left bottom repeat-x}
.maincont .head p{ line-height:74px; font-size:19px; font-weight:bold; color:#333; float:left; display:block; float:left; background: url(../images/aa.jpg) left bottom repeat-x;padding-left:20px;  padding-right:20px; margin-left:12px}
.maincont .head span{float:right; margin-right:18px; line-height:67px; font-size:13px; color:#999}
.maincont .content{ width:867px; min-height:500px; padding:15px}
.maincont .content1{ width:867px; min-height:500px; padding:15px}

.newslist{ height:38px; width:867px; margin:0px auto}
.newslist ul li{ height:38px; width:867px; line-height:38px; border-bottom:1px dotted #aaa; background:url(../images/zhuangshi.png) no-repeat 12px center; text-indent:26px; overflow:hidden; text-align:left;}
.newslist ul li a{height:38px; width:767px; display:block; overflow:hidden; line-height:38px; float:left;text-overflow:ellipsis;white-space:nowrap; display:block; color:#333333;}

.newslist ul li a:hover{ height:38px; width:767px; line-height:38px; border-bottom:1px dotted #aaa; background:url(../images/icon.jpg) no-repeat 12px center; text-indent:26px; overflow:hidden; color:#4775b7;}

.newslist ul li span{ height:38px; width:100px; display:block; overflow:hidden; line-height:38px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}


.proshow .prtitle{ line-height:30px; text-align:center; font-size:22px; padding:10px 0; width:100%;}
.proshow .primgpic{ max-width:100%; height:auto; overflow-x:hidden; margin:0 auto; text-align:center}
.proshow .primgpic img{max-width:100%; border:1px solid #ddd}
.proshow .prtent{ width:96%; margin:0 auto; overflow:auto; text-align:left;}
.proshow .prtent img{max-width:100%; margin-top:5px; margin-bottom:5px}
.proshow .prtent,
.proshow .prtent *{ font-size:15px; line-height:30px}
.proshow .prtent tr td{ font-size:13px; line-height:25px}
.proshow .next{ padding:20px 0; color:#666; width:80%; margin:0 auto;}
.proshow .pos{ height:16px; line-height:16px; border-bottom:1px dotted #aaa; text-align:center; padding-bottom:8px; margin-bottom:15px; color:#999; clear:both; width:100%;}
.proshow .prtent p{ margin-top:10px;margin-bottom:10px}


.proimg_bb{ display:inlne; width:200px; height:190px; border:1px solid #ebebeb;margin:0 auto; overflow:hidden; float:left; margin:5px;text-align:center; padding:2px }

.proimg_bb:hover{ display:inlne; width:200px; height:190px; border:1px solid #dfdfdf;margin:0 auto; overflow:hidden; float:left; margin:5px;text-align:center; background:#dfdfdf; color:#333; padding:2px}
.tupian {
    width: 200px;
    height: 150px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.tupian img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.ziti {
    font-size: 12px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    line-height: 20px;
    margin-top: 4px
}
.IndextZI{
    padding:0 12px;
    height:40px;
}
.inTu img {
    height:100%;
    object-fit: cover;
}