@charset "utf-8";

/* CSS Document */

.video{width: 100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,p,blockquote,img,table,th,td,pre,code,form,fieldset,legend,button,input,textarea{margin:0;padding:0;font-family:"微软雅黑"!important;color:#000;font-size:14px;}

body {background:#FFF url(../images/Bodybg.jpg) fixed   center center ;background-size:cover}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

dl,dt,dd,form,li,ul,ol{list-style:none;}

a:link,a:visited {text-decoration:none;color:#333;}

a:hover,a:active,a.curab:link,a.curab:visited {text-decoration:none;color:#0C73BC;}

a.graylink:link,a.graylink:visited {text-decoration:none;color:#999;}

a.graylink:hover,a.graylink:active {text-decoration:none;color:#333;}

a.navlink:link,a.navlink:visited {font-size:18px;}

a.navlink:hover,a.navlink:active,a.curnav:link,a.curnav:visited {font-size:18px;color:red}

.tright {text-align:right}

.margintop {margin-top:10px}

img {border:0;}

.cleardiv {context:"."; height:"0"; display:block;clear:both;visibility:hidden}

.hidebody {display:none}

.hidden{ display: none;}

#mypage {width:100px;height:60px;background:#0D73BD;position:absolute;bottom:calc((100vh - 320px) / 2);right:30px;z-index:1000;text-align:center;color:#FFF;font-size:16px;padding-top:10px;font-weight:normal}

#mypage span {font-size:20px;;position:absolute;margin-top:10px;margin-left:-10px;}

#mypage font {display:block;font-size:12px;padding-top:15px;}

#mypage label {position:absolute;margin-top:-6px}



#header{width:100vw;position:absolute;top:30px;z-index:1000;text-align:center;overflow:hidden}

#header dt {width:30vw;float:left;margin-left:2.5vw;text-align:left;}

#header dd {width:60vw;float:right;margin-right:2.5vw;text-align:center}

#header dd ul {display:table;text-align:center;margin:0 auto}

#header dd li {width:90px;float:left;text-align:center;height:30px;line-height:30px;border-radius:20px;;border-bottom-left-radius:0;margin:0 5px;}

#header dd li:hover,#header dd li.curli {background:#0C73BC;color:#FFF;}

#header dd a:link,#header dd a:visited {display:block;height:30px;color:#333;font-size:16px}

#header dd a:hover,#header dd a:active,#header dd li.curli a:link,#header dd li.curli a:visited {color:#FFF}



#footer {width:95vw;position:absolute;bottom:30px;z-index:1000;text-align:center;left:2.5vw;}

#footer dt {width:45vw;float:left;text-align:left}

#footer dd {width:45vw;float:right;text-align:right}

#footer dd form {float:right;background:#1075BC;padding:0;height:35px;border-radius:20px;width:0;overflow:hidden}

#footer dd img {margin:5px;float:right}

.opzx {margin-bottom:5px;cursor:pointer}

.fsearch {cursor:pointer;margin:0}

#footer div {width:726px;height:0;position:absolute;background:url(../images/zxbg.png);margin-top:-398px;z-index:1000;overflow:hidden}

#footer div span {display:block;margin-top:30px;text-align:right;margin-right:30px;}

#footer div span img {cursor:pointer}

.zxform {width:380px;margin:120px auto 20px 50px}

.zxipt {border:0;background:none;border-bottom:1px solid #2D85C3;height:40px;line-height:40px;width:360px;color:#5E97CA;padding:0 10px;outline:none}

.zxbtn {width:112px;height:25px;border:0;outline:none;background:url(../images/zsbtn.png);margin-top:60px;cursor:pointer}

.sipt{height:25px;line-height:25px;background:#FFF;border:0;outline:none;float:left;border-radius:20px;width:200px;padding:0 10px;color:#999;margin:5px 10px;}

.sbtn {width:26px;height:26px;background:url(../images/search.png);border:0;outline:none;margin:0;margin:5px 10px 5px 0;}



#firstbody{background:#FFF url(../images/bg.jpg) fixed   center center ;background-size:cover}



#About {width:1350px;margin:auto}

#About dt {width:600px;float:left;text-align:left}

#About dd {width:688px;float:right}

.MyTitle {margin-bottom:20px;}

.MyTitle a:link,.MyTitle a:visited {float:right;padding:8px 20px;border:1px solid #0C73BC;border-radius:20px;color:#0C73BC;margin-top:40px;}

.MyTitle a:hover,.MyTitle a:active {background:#0c73bc;color:#FFF;}

.About_Info {font-size:16px;line-height:1.6em;color:#333}

.About_E_Info {font-size:12px;color:#CCC;line-height:13px;margin-top:5px;}

.AboutA1  {margin:10px 0;text-align:left}

.AboutA1 span {background:#0C73BC;color:#FFF;line-height:25px;clear:both;overflow:hidden;padding:3px 20px 3px 5px;border-top-right-radius:13px;border-bottom-right-radius:13px;;}

.AboutA1 a:link,.AboutA1 a:visited {color:#FFF}

.AboutA1 img {float:left}



.XfTitle {margin-bottom:30px;text-align:center;}

#Kc_List {width:1400px;margin:auto}

#Kc_List dt {width:150px;float:left}

#Kc_List dd {width:1200px;float:right}

#Kc_List dt a:link,#Kc_List dt a:visited {display:block;margin:10px 0;height:30px;line-height:30px;font-size:16px;text-align:center}

#Kc_List dt a:hover,#Kc_List dt a:active,#Kc_List dt a.curkc:link,#Kc_List dt a.curkc:visited {background:#0C73BC;border-radius:15px;color:#FFF;}

#Kc_List dd ul {width:100%;height:430px;overflow:auto;display:none}

#Kc_List dd ul:nth-child(1){display:block}

#Kc_List dd ul li {width:350px;padding:15px;float:left;margin:20px 6px;background:#FFF;border-radius:10px;overflow:hidden}

#Kc_List dd ul li img {border-radius:15px;}

#Kc_List dd ul li div {text-align:left;height:50px;line-height:50px;background:url(../images/li.jpg) no-repeat right center;margin:0 5px;font-size:18px}

#Kc_List dd ul li span {text-align:left;line-height:1.9em;color:#999;display:block;height:95px}





#shiziList {width:1200px;margin:0 auto;overflow:hidden}

#sz_left {width:50px;float:left;text-align:left;padding-top:260px;cursor:pointer}

#sz_right {width:50px;float:right;text-align:right;padding-top:260px;cursor:pointer}

#sz_center {width:1100px;float:left}

#sz_center ul {width:100%;overflow:hidden;}

#sz_center li {width:335px;float:left;margin:15px;}

#sz_center li img {border-top-left-radius:150px}

#sz_center li div {height:50px;text-align:center;font-size:22px;margin:8px auto}

#sz_center li div span {display:block;font-size:12px;color:#999}

#sz_center li label {display:block;height:30px;text-align:center}

#sz_center li label font {padding:3px 15px;border:1px solid #999;border-radius:15px;margin:0 5px;font-size:12px;color:#333}



#fifthbody {width:1000px;margin:0 auto;text-align:left}

#fifthbody .MyTitle {margin:0 20px 20px 20px;}

#fifthbody ul {width:100%;overflow:hidden; }

#fifthbody li {width:215px;float:left;margin:5px 17px;}

#fifthbody li img {border-radius:25px;}

#fifthbody li div {line-height:2em;margin:20px 10px}

#fifthbody li div a:link,#fifthbody li div a:visited {font-size:20px;margin:10px auto}

#fifthbody li div font {display:block;font-size:16px;color:#999}





#mqList {width:1200px;margin:0 auto;overflow:hidden;}

#mqList li {width:210px;float:left;margin:7px;}

#mqList li .bimg {height:0;overflow:hidden;border-radius:20px}

#mqList li .simg {height:auto;overflow:hidden;padding-top:90px}

#mqList li.curli .bimg{height:425px;overflow:hidden}

#mqList li.curli .simg{height:0;overflow:hidden;padding-top:0}

#mqList li.curli  {width:285px;height:425px}

#mqList li .bimg img {height:100%;width:100%;}

#mqList li.curli .bimg div {position:absolute;background:rgba(0,0,0,0.6);width:225px;height:365px;border-radius:20px;color:#FFF;padding:30px;}

#mqList li .bimg span {display:block;height:180px;line-height:1.6em;font-size:16px;text-align:left;overflow:hidden}

#mqList li .bimg font {display:block;height:100px;line-height:1.5em;font-size:11px;text-align:left;text-transform:uppercase;overflow:hidden;margin:10px auto 20px auto}

#mqList li .bimg a:link,#mqList li .bimg a:visited  {padding:3px 10px;background:#FFF;color:#0C73BC;border-radius:15px;}

#mqList li .bimg a:hover,#mqList li .bimg a:active {color:#fff;background:#0C73BC}

.mq_more {margin-top:30px;text-align:center}

.mq_more a:link,.mq_more a:visited {padding:8px 20px;border:1px solid #0C73BC;color:#0C73BC;border-radius:20px}

.mq_more a:hover,.mq_more a:active {color:#FFF;background:#0C73BC}



#hy_list {width:1200px;overflow:hidden;margin:0 auto}

#hy_list li {width:390px;margin-right:15px;float:left;}

#hy_list li:nth-child(3n){margin-right: 0;}

#hy_list li img {border-radius:20px}

#hy_list dl {margin:0 10px}

#hy_list dt {height:50px;line-height:50px;font-size:18px;text-align:left;}

#hy_list dt a:link,#hy_list dt a:visited {font-size:12px;float:right;padding:2px 8px;background:#0C73BC;color:#FFF;line-height:10px;border-radius:10px;margin-top:18px;}

#hy_list dd {height:30px;line-height:30px;text-align:left}

#hy_list dd span{float:right;color:#999}



#contact {width:1200px;margin:0 auto;overflow:hidden}

#contact dt {width:400px;float:left;text-align:left}

#contact dd {width:660px;float:right}

.zxipts {border:0;background:none;border-bottom:1px solid #c4c4c4;height:40px;line-height:40px;width:360px;color:#666;padding:0 10px;outline:none}

.zxbtns {width:112px;height:25px;border:0;outline:none;background:url(../images/zsbtn.png);margin:20px 0;cursor:pointer}



#myBody {width:calc(70vw - 60px);height:calc(60vh - 60px);background:#FFF;margin:0 auto;border-top-left-radius:50px;border-bottom-right-radius:0px;box-shadow: 2px 2px 10px #ddd inset;padding:30px;overflow:auto}

#myBody h1 {margin:0;padding:0;font-size:22px;font-weight:normal;text-align:center;height:50px;line-height:50px;}

#myinfo {height:30px;color:#999;text-align:center}

#mycontent {text-align:left;font-size:14px;line-height:2em;}



/*滚动条样式*/





        #myBody::-webkit-scrollbar {

            width: 12px;    

          

        }

        #myBody::-webkit-scrollbar-thumb {

            border-radius: 10px;

            -webkit-box-shadow: inset 0 0 5px rgba(12,115,188,0.2);

            background: rgba(12,115,188,1);

        }

        #myBody::-webkit-scrollbar-track {

            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

            border-radius: 0;

            background: rgba(0,0,0,0.1);



        }