@charset "utf-8";
/* CSS Document */


body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td 
{ margin: 0;padding: 0;box-sizing: border-box; } 
pre{ font-size: 12px; color: #333; }
input, button, textarea,select, optgroup, option {font-family: inherit;font-size:100%;font-style: inherit;font-weight: inherit;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
ul, li, dl, dt, dd { display: block; }
body ,html{ color: #fff; font-family: Arial, Helvetica, sans-serif; width: 100%; background-color: #f4f4f4; }
body, p, h1, ul, li, .ui-content { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { list-style: none; }
img{ display: block;width: 100%; }
a { text-decoration: none; outline: 0px; color: #444444; font-family: 微软雅黑 }
input,button{outline: none }
.clear {clear: both; height:0; text-align:center}
.fr { float: right }
.fl { float: left }
.top{ background-color: #FFF; float: left; height: 109px; width: 100%; min-width: 1200px; box-shadow: 0px 2px 2px #c7c7c7; position: fixed; z-index: 100; left: 0px; top: 0px; }
.top_con{ float: none; height: 109px; width: 1200px; margin-right: auto; margin-left: auto; }
.logo{ float: left; height: 59px; width: 155px; margin-top: 25px; }
.nav{ float: right; height: 35px; width: 720px; margin-top: 37px; }
.nav li{ float: left; height: 35px; width: 100px; margin-right: 10px; margin-left: 10px; }
.nav li a{ float: left; height: 35px; width: 100px; font-size: 12px; line-height: 35px; color: #323232; text-decoration: none; text-align: center; }

.nav li:hover{ float: left; height: 35px; width: 100px; font-size: 12px; line-height: 35px; color: #FFFFFF; text-decoration: none; text-align: center; background-color: #5082e8; border-radius:5px}
.nav li:hover a{color: #FFFFFF;}

.nav li.cu a{ float: left; height: 35px; width: 100px; font-size: 12px; line-height: 35px; color: #FFFFFF; text-decoration: none; text-align: center; background-color: #5082e8; border-radius:5px}
.banner{ float: left; height: 846px; width: 100%; min-width: 1200px; margin-top: 109px; }
.mc{ float: left; height: 573px; width: 100%; }
.mc_con{ float: none; height: 573px; width: 1200px; margin-right: auto; margin-left: auto; }
.mc_left{ float: left; height: 573px; width: 630px; }
.mc_left_con{ float: left; height: 60px; width: 100%; font-size: 48px; line-height: 60px; color: #333; margin-top: 50px; }
.mc_left_con01{ float: left; height: 40px; width: 100%; font-size: 20px; line-height: 40px; color: #bdbdbd; }
.mc_left_con02{ float: left; height: 60px; width: 100%; font-size: 12px; line-height: 20px; color: #333333; margin-top: 20px; }
.mc_left_ul{ float: left; width: 100%; margin-top: 20px; }
.mc_left_ul li{ float: left; margin-top: 10px; height: 58px; margin-right: 10px; padding-right: 10px; padding-left: 10px; border: 1px solid #cdcdcd; border-radius: 3px }
.mc_left_ul li h1{ float: left; margin-top: 16.5px; height: 25px; margin-right: 10px; width: 25px; }
.mc_left_ul li h2{ float: left; margin-top: 9px; height: 40px; font-size: 14px; line-height: 40px; color: #333; font-weight: bold; }
.mc_right{ float: right; height: 412px; width: 562px; margin-top: 60px; }
.about{ background-image: url(../images/about_bg.jpg); background-repeat: no-repeat; background-position: center top; float: left; height: 612px; width: 100%; min-width:1200px}
.about_con{ float: none; height: 612px; width: 1200px; margin-right: auto; margin-left: auto; }
.about_left{ float: left; height: 305px; width: 584px; margin-top: 150px; }
.about_right{ float: left; height: 612px; width: 616px; }
.about_right h1{ font-size: 30px; line-height: 40px; color: #0d4575; text-align: right; float: left; height: 40px; width: 616px; margin-top: 60px; }
.about_right h2{ font-size: 14px; line-height: 23px; color: #0d4575; float: left; width: 560px; margin-top: 30px; margin-left: 52px; }
.about_right h3{ float: right; width: 164px; margin-top: 50px; height: 49px; }
.about_right h3 a{ font-size: 14px; line-height: 49px; color: #FFFFFF; float: left; width: 114px; background-color: #5082e8; background-image: url(../images/about_btn.png); background-repeat: no-repeat; background-position: 20px 15px; height: 49px; padding-left: 50px; border-radius: 3px }
.about_right h3 a:hover{ font-size: 14px; line-height: 49px; color: #FFFFFF; float: left; width: 114px; background-color: #FF6600; background-image: url(../images/about_btn.png); background-repeat: no-repeat; background-position: 20px 15px; height: 49px; padding-left: 50px; border-radius: 3px }

.zs{ float: left; height: 553px; width: 100%; }
.zs_con{ float: none; height: 553px; width: 1200px; margin-right: auto; margin-left: auto; }
.zs_left{ float: left; height: 553px; width: 612px; }
.zs_left h1{ font-size: 48px; line-height: 60px; color: #333; float: left; height: 60px; width: 612px; margin-top: 50px; }
.zs_left h2{ font-size: 14px; line-height: 30px; color: #333; float: left; width: 612px; margin-top: 50px; }
.zs_right{ float: right; height: 452px; width: 482px; margin-top: 55px; }
.news{ background-color: #ddf2ff; float: left; height: 640px; width: 100%; }
.news_con{ float: none; height: 640px; width: 1200px; margin-right: auto; margin-left: auto; }
.news_title{ font-size: 48px; line-height: 60px; color: #333; text-align: center; float: left; height: 60px; width: 100%; margin-top: 30px; margin-bottom: 30px; }
.news_ul{ float: left; width: 100%; margin-top: 20px; }
.news_ul li{ float: left; width: 47%; background-color: #FFF; height: 91px; margin-bottom: 30px; margin-left: 2%; box-shadow: 1px 1px 3px #999999; }
.news_ul li a .news_li_left{ float: left; width: 100px; background-color: #3a6cbf; height: 85px; margin-left: 3px; margin-top: 3px; }
.news_ul li a .news_li_left h1{ float: left; width: 100px; background-color: #3a6cbf; height: 50px; margin-top: 5px; font-size: 36px; line-height: 50px; color: #FFF; text-align: center; }
.news_ul li a .news_li_left h2{ float: left; width: 100px; background-color: #3a6cbf; height: 25px; font-size: 14px; line-height: 25px; color: #FFF; text-align: center; }
.news_ul li a .news_li_title{ float: left; width: 70%; height: 30px; margin-left: 3%; margin-top: 5px; font-size: 16px; line-height: 30px; color: #000; text-decoration: none; overflow: hidden; }
.news_ul li a .news_li_con{ float: left; width: 70%; height: 40px; margin-left: 3%; font-size: 12px; line-height: 20px; color: #999; text-decoration: none; overflow: hidden; }
.news_ul li a:hover .news_li_title{ float: left; width: 70%; height: 30px; margin-left: 3%; margin-top: 5px; font-size: 16px; line-height: 30px; color: #3a6cbf; text-decoration: none; overflow: hidden; }
.news_btn{ float: left; width: 164px; margin-top: 50px; height: 49px; margin-left: 518px; }
.news_btn a{ font-size: 14px; line-height: 49px; color: #FFFFFF; float: left; width: 102px; background-color: #5082e8; background-image: url(../images/about_btn.png); background-repeat: no-repeat; background-position: 30px 15px; height: 49px; padding-left: 62px; border-radius: 3px }
.news_btn a:hover{ font-size: 14px; line-height: 49px; color: #FFFFFF; float: left; width: 102px; background-color: #FF6600; background-image: url(../images/about_btn.png); background-repeat: no-repeat; background-position: 30px 15px; height: 49px; padding-left: 62px; border-radius: 3px }
.xz{ float: left; height: 580px; width: 100%; }
.xz_con{ float: none; height: 510px; width: 1200px; margin-right: auto; margin-left: auto; background-image: url(../images/xz_left.jpg); background-repeat: no-repeat; background-position: left top; margin-top: 35px; }
.xz_title{ font-size: 16px; line-height: 60px; color: #FFF; float: left; height: 40px; width: 90%; margin-top: 30px; margin-left: 1.5%; margin-bottom: 20px; }
.xz_title h1{ font-size: 24px; line-height: 30px; color: #FFF; float: left; width: 40%; }


.xz_title span{ color: #5082e8; margin-left: 10px; font-size: 24px; line-height: 30px; float: left; width: 50%; }
.xz_all{ float: left; width: 100%; margin-top: 30px; }
.xz_img{ float: left; height: 274px; width: 496px; margin-left: 14px; position: relative; }
.xz_img h1{ float: left; height: 274px; width: 496px; position: absolute; display: none; }
.xz_img h1.xx{ display: block; }

.xz_nr{ float: left; width: 539px; margin-left: 70px; }
.xz_nr li{ float: left; width: 539px; margin-top: 10px; cursor: default; margin-bottom: 20px; }
.xz_nr li h1{ float: left; width: 539px; font-size: 20px; line-height: 25px; font-weight: bold; color: #1d1d1d; }
.xz_nr li h2{ float: left; width: 539px; font-size: 14px; line-height: 20px; color: #666666; margin-top: 10px; }
.xz_nr li.dq{ float: left; width: 539px; margin-top: 10px; }
.xz_nr li.dq h1{ float: left; width: 539px; font-size: 20px; line-height: 25px; font-weight: bold; color: #5082e8; }
.footer{ background-color: #061f53; float: left; height: 200px; width: 100%; min-width: 1200px; position: relative; }
.footer_con{ float: none; height: 200px; width: 1200px; margin-right: auto; margin-left: auto; position: relative; }
.footer_logo{ float: left; height: 63px; width: 155px; margin-top: 30px; }
.footer_nav{ float: left; height: 70px; width: 946px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #15316c; margin-left: 99px; font-size: 12px; line-height: 70px; text-align: right; }
.footer_nav a{ color: #4968a8; text-decoration: none; }
.footer_nav a:hover{ color: #8baff9; text-decoration: none; }
.footer_btm{ font-size: 12px; line-height: 25px; text-align: right; float: left; width: 946px; margin-left: 99px; color: #4968a8; margin-top: 10px; }
.footer_btm a{ color: #4968a8; text-decoration: none; }
.footer_btm a:hover{ color: #8baff9; text-decoration: none; }

.fh_top{ position: fixed; height: 61px; width: 61px; bottom: 210px; float: left; margin-left: 1250px; cursor: pointer; }
.view_banner{ float: left; height: 200px; width: 100%; margin-top: 109px; }
.view_main{ float: none; width: 1200px; margin-bottom: 20px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; }
.view_main_title{ font-size: 48px; line-height: 60px; font-weight: bold; color: #333; text-align: center; float: left; height: 60px; width: 100%; margin-top: 50px; margin-bottom: 10px; }
.view_img{ float: left; width: 500px; margin-top: 50px; margin-bottom: 100px; }
.view_right{ float: left; width: 550px; margin-top: 100px; margin-bottom: 100px; margin-left: 90px; }
.view_right h1{ float: left; width: 100%; font-size: 28px; line-height: 40px; color: #333; height: 40px; margin-bottom: 30px; text-align: right; }
.view_right h2{ float: left; width: 100%; font-size: 16px; line-height: 30px; color: #333; }
.view_right h3{ float: left; width: 100%; font-size: 16px; line-height: 30px; color: #333; }

.news_ul01{ float: left; width: 80%; margin-top: 20px; margin-left: 10%; min-height:600px}
.news_ul01 li{ float: left; width: 100%; background-color: #FFF; height: 91px; margin-bottom: 30px; box-shadow: 1px 1px 3px #999999; }
.news_ul01 li a .news_li_left{ float: left; width: 100px; background-color: #3a6cbf; height: 85px; margin-left: 3px; margin-top: 3px; }
.news_ul01 li a .news_li_left h1{ float: left; width: 100px; background-color: #3a6cbf; height: 50px; margin-top: 5px; font-size: 36px; line-height: 50px; color: #FFF; text-align: center; }
.news_ul01 li a .news_li_left h2{ float: left; width: 100px; background-color: #3a6cbf; height: 25px; font-size: 14px; line-height: 25px; color: #FFF; text-align: center; }
.news_ul01 li a .news_li_title{ float: left; width: 80%; height: 30px; margin-left: 3%; margin-top: 5px; font-size: 16px; line-height: 30px; color: #000; text-decoration: none; overflow: hidden; }
.news_ul01 li a .news_li_con{ float: left; width: 80%; height: 40px; margin-left: 3%; font-size: 12px; line-height: 20px; color: #999; text-decoration: none; overflow: hidden; }
.news_ul01 li a:hover .news_li_title{ float: left; width: 80%; height: 30px; margin-left: 3%; margin-top: 5px; font-size: 16px; line-height: 30px; color: #3a6cbf; text-decoration: none; }
.news_view_title{ font-size: 30px; line-height: 40px; color: #333; float: left; width: 94%; margin-top: 40px; margin-left: 3%; text-align: center; margin-bottom: 20px; }

.news_view_con{ font-size: 14px; line-height: 30px; color: #000; float: left; width: 94%; margin-bottom: 50px; margin-left: 3%; }
.news_view_fh{ float: left; height: 30px; width: 10%; margin-bottom: 50px; margin-left: 45%; }
.news_view_fh a{ font-size: 14px; line-height: 30px; color: #FFFFFF; float: left; width: 100%; background-color: #5082e8; height: 30px; border-radius: 3px; text-decoration: none; text-align: center; }

.news_main{ background-color: #FFF; float: left; width: 80%; margin-top: 50px; margin-bottom: 50px; box-shadow: 1px 1px 3px #999999; margin-left: 10%; border-top-width: 5px; border-top-style: solid; border-top-color: #039; }
.news_time{ font-size: 14px; line-height: 30px; color: #999; float: left; height: 30px; width: 94%; margin-left: 3%; text-align: center; margin-bottom: 20px; }
.cantact_img{ float: left; width: 100%; margin-bottom: 50px; margin-top: 50px; box-shadow: 1px 1px 3px #999999; }

.sever_main{ float: left; width: 100%; margin-bottom:100px}
.sever_main h1{float: left; width: 100%; font-size: 16px; line-height: 30px; color: #333;}






.xz { background-color: #ddf2ff; }
.sp { float: left; height: 741px; width: 100%; }
.hz { float: left;  width: 100%; }
.hz_con { float: none; width: 1200px; margin-right: auto; margin-left: auto; padding-bottom: 80px; }
.hz h5 { color: #333333; font-size: 24px; font-weight: 500; padding-top: 40px; margin-bottom: 20px; text-align: center; }
.hz p { font-size: 12px; font-weight: 400; color: rgba(102, 102, 102, 1); opacity: 0.6; margin-bottom: 20px; text-align: center; }
.sp h5 { color: #333333; font-size: 24px; font-weight: 500; padding-top: 40px; margin-bottom: 20px; text-align: center; }
.sp p { font-size: 12px; font-weight: 400; color: rgba(102, 102, 102, 1); opacity: 0.6; margin-bottom: 20px; text-align: center; }
.sp video { width: 1000px; height: 570px; }
.sp_con { float: none; height: 510px; width: 1200px; margin-right: auto; margin-left: auto; }
.video { text-align: center; }
.footerFlex { display: flex; flex-direction: row-reverse; flex-wrap: nowrap }
.footerFlex img { width : 50px; margin: 10px; }
.footer_lianjie { float: right; width: 79%; }
.footer_btm { float: right; }
.footer { height: 270px; }
.news_title { margin-top: 9px; margin-bottom: 36px; }
.news_btn { margin-top: 0px; }
.news { height: 700px; }
.cooperation-img { display: inline-block; width: 1200px; height: auto; overflow: hidden; }
.cooperation-img img { margin-right: 14px; margin-bottom: 14px; width: 180px; }
.nav dl { width: 102px; background-color: #FFF; margin-top: 35px; border-radius: 5px; border: 1px solid #cdcdcd; display: none; }
.nav dl dd { height: 35px; border-bottom: 1px solid #cdcdcd; }
.nav li:hover dl dd a{ color: #000; font-size: 12px; background-color: #FFF; height: 33px; overflow: hidden; }
.nav li.cu:hover dl dd a{color:#333; font-size:12px; background-color: #FFF;}

.nav dl dd:hover .submenu { background-color: #7ca2f1; color: #FFF; }
.nav li:hover dl { display: block; }

.view_mian_con{ color: #000; float: left; width: 100%; margin-bottom: 50px; }


.zwxx{ font-size: 14px; line-height: 500px; color: #999; background-color: #F0F0F0; text-align: center; float: left; height: 500px; width: 100%; margin-top: 50px; margin-bottom: 50px; border: 1px solid #C8C8C8; }

.news_ul li{ float: left; width: 47%; background-color: #FFF; height: 91px; margin-bottom: 30px; margin-left: 2%; box-shadow: 1px 1px 3px #999999; }

.news_ul .zwxx01{ font-size: 14px; line-height: 300px; color: #666; text-align: center; float: left; height: 300px; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; box-shadow: 0px 0px 0px #fff; }
.news_ul01 .zwxx01{ font-size: 14px; line-height: 300px; color: #666; text-align: center; float: left; height: 300px; width: 100%; box-shadow: 0px 0px 0px #fff; background-color: #EBEBEB; border: 1px solid #E4E4E4; }

.pageout{ FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; WIDTH: 100%; float: left; margin-top: 50px; margin-bottom: 50px; text-align: center; }
.pageout A { PADDING-RIGHT: 14px; BACKGROUND-POSITION: 50% bottom; PADDING-LEFT: 14px; BACKGROUND-IMAGE: url(meneame.jpg); PADDING-BOTTOM: 10px; COLOR: #000000; MARGIN-RIGHT: 3px; PADDING-TOP: 10px; TEXT-DECORATION: none; border: 1px solid #d4d4d4; }
.pageout A:hover { BACKGROUND-IMAGE: none; COLOR: #000000; BACKGROUND-COLOR: #d4d4d4; border: 1px solid #d4d4d4; }
.pageout A:active { BACKGROUND-IMAGE: none; COLOR: #000000; BACKGROUND-COLOR: #d4d4d4; border: 1px solid #d4d4d4; }
.pageout SPAN.current { PADDING-RIGHT: 14px; PADDING-LEFT: 14px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; COLOR: #000000; MARGIN-RIGHT: 3px; PADDING-TOP: 10px; BACKGROUND-COLOR: #d4d4d4; border: 1px solid #d4d4d4; }
.pageout SPAN.disabled { PADDING-RIGHT: 14px; PADDING-LEFT: 14px; PADDING-BOTTOM: 10px; COLOR: #CCCCCC; MARGIN-RIGHT: 3px; PADDING-TOP: 10px; border: 1px solid #d4d4d4; }

.Cn{ font-size: 12px; line-height: 30px; color: #666; float: right; height: 30px; width: 102px; margin-top: 40px; }
.Cn a{ font-size: 12px; line-height: 28px; color: #666; float: left; height: 28px; width: 100px; text-decoration: none; text-align: center; border: 1px solid #E3E3E3; border-radius:14px}
.Cn a:hover{ font-size: 12px; line-height: 28px; color: #FFF; float: left; height: 28px; width: 100px; text-decoration: none; text-align: center; border: 1px solid #3366FF; border-radius: 14px; background-color: #36F; }