@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
select{outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
textarea{overflow:auto;resize:none;font-family:"Microsoft YaHei",Arial;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;font-size:14px;}

.fl{float: left;}
.fr{float: right;}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1000{width:1000px;}
img{max-width:100%; max-height:100%;}
/* header_bg */
.top_bg{ width: 100%; height: 120px; }
.header_bg{ width: 100%; position: fixed; top: 0px; background-color: #ffffff; z-index: 999; }
.header_bg .width1000{ position: relative; }
.header_bg .width1000 a.logo{ display: block; float: left; overflow:hidden; position: absolute; max-width:65%;}
.header_bg .width1000 a.logo img{ float: left; height: 48px;}
.header_bg .width1000 a.logo i{ display: block; float: left;margin-left: 10px;color: #5470ab;margin-top: 22px;font-size: 18px;font-weight: bold; }
.header_bg .width1000 div.r{ float: right; overflow:hidden; width: 30%; text-align: right;}
.header_bg .width1000 div.r dl{ overflow: hidden; }
.header_bg .width1000 div.r dl.t{ margin:15px 0px; color: #243b50;}
.header_bg .width1000 div.r dl.t a{ color: #243b50;}
.header_bg .width1000 div.r dl.t a:hover{color: #5470ab;}
.header_bg .width1000 div.r dl.f{  height: 29px;line-height: 29px;font-weight: bold;color: #5470ab;font-size: 18px;}

.header_bg .menu_bg{ margin-top:2px; width: 100%; height: 40px; background-color:#002b85; }
.header_bg .menu_bg ul{height: 40px; position: relative;}
.header_bg .menu_bg ul li{ float: left; width: 200px; height: 40px; }
.header_bg .menu_bg ul li dd{ line-height: 40px;}
.header_bg .menu_bg ul li.on dd{background-color: #31a727;}
.header_bg .menu_bg ul:hover li.on dd{background-color:#002b85;}
.header_bg .menu_bg ul li dd a{ display: block; text-align: center; color: #edffe7; }
.header_bg .menu_bg ul li dd a:hover{background-color: #31a727;}
.header_bg .menu_bg ul li div.bg{ position: absolute; top: 40px; left: 0px; right: 0px; background-color: #f8f8f8; overflow: hidden; max-height:0px;transition: height 1s; opacity: 0;}
.header_bg .menu_bg ul li:hover div.bg{ max-height: 100vh; transition: height 1s; opacity: 1;}
.header_bg .menu_bg ul li div.bg div.z{ float: left; overflow: hidden; width: 228px; border-right: 1px solid #e1e1e3;}
.header_bg .menu_bg ul li div.bg div.z p{ border-bottom:1px solid #ffffff; height: 38px; line-height: 38px; background-color: #eeeff1;cursor: pointer;}
.header_bg .menu_bg ul li div.bg div.z p.o,.header_bg .menu_bg ul li div.bg div.z p:hover{ background-color: #f8f8f8;}
.header_bg .menu_bg ul li div.bg div.z p a{ margin-left: 28px; color: #333333; }

.header_bg .menu_bg ul li div.bg div.y{ float: right; overflow: hidden; width: 770px;}
.header_bg .menu_bg ul li div.bg div.y div.x{ overflow: hidden; display: none; padding: 30px 298px 0px 40px; }
.header_bg .menu_bg ul li div.bg div.y div.x dd{ border-bottom: 1px solid #cccccc; height: 30px; line-height: 30px; background-color: #f8f8f8 !important;}
.header_bg .menu_bg ul li div.bg div.y div.x dl{ overflow: hidden; margin-top: 10px;}
.header_bg .menu_bg ul li div.bg div.y div.x dl a{ display: block; float: left; font-size:12px; color: #333333; line-height: 24px; /*padding-left: 15px; background: url(../images/d.png) no-repeat scroll left 2px;*/ width: 216px; }
.header_bg .menu_bg ul li div.bg div.y div.x dl a:hover{text-decoration: underline;}
.header_bg .menu_bg ul li dl.bg{ position: absolute; width: 200px;max-height:0px;transition: height 1s; opacity: 0; overflow: hidden;}
.header_bg .menu_bg ul li:hover dl.bg{ max-height: 100vh; transition: height 1s; opacity: 1;}
.header_bg .menu_bg ul li dl.bg a{ color: #333333;display: block; border-bottom:1px solid #ffffff; line-height: 20px; background-color: #eeeff1; overflow: hidden; padding: 9px 14px;}
.header_bg .menu_bg ul li dl.bg a:hover{ background-color: #f8f8f8;}

/* banner */
.flexslider{ position:relative; overflow:hidden;}
.flexslider .slides{ overflow:hidden;}
.flexslider .slides li{ height:424px; background-repeat:no-repeat; background-position:50%; position: relative; overflow: hidden;}
.flexslider .slides li a{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }

.flexslider .flex-control-nav{ position:absolute; bottom:0.75rem; width:100%; text-align:center;}
.flexslider .flex-control-nav li{ margin:0px 0.5rem; display:inline-block;width:1.25rem;height:1.25rem; cursor: pointer;position: relative;overflow: hidden;}
.flexslider .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:rgba(255,255,255,.42);}
.flexslider .flex-control-nav li a:hover,.flexslider .flex-control-nav li a.flex-active{ background-color:rgba(255,255,255,1);}

.flexslider .flex-direction-nav{ display: none; }

/*i_tit*/
.i_tit{ overflow:hidden; margin-top: 40px;}
.i_tit dd{ height:30px; text-align:center; line-height:30px; margin-bottom:10px;}
.i_tit dd span{ font-size:24px; color:#002b85; font-weight:bold; padding:0px 190px; position: relative;}
.i_tit dd span i{ position: absolute; width: 174px; height: 24px; background: url(../images/tb2.png) no-repeat; top: 50%; margin-top: -12px;}
.i_tit dd span i.l{transform:rotate(180deg); left: 0px;}
.i_tit dd span i.r{ right:0px; }
.i_tit dl{ color:#999999; font-size:14px; text-transform:uppercase; margin-bottom:30px; text-align:center;}

/*i_product*/
.i_product{ margin-bottom: 20px; }
.i_product ul,.i_product ul li{ overflow: hidden; }
.i_product ul.l{ float: left; width: 260px;}
.i_product ul.l li.t{ height:60px; background-color:#0c358b; color:#ffffff; overflow:hidden; padding: 0px 20px;}
.i_product ul.l li.t i.l{ font-size:20px; line-height:60px; float: left;}
.i_product ul.l li.t i.r{ font-size:14px; line-height:70px; float: right;}
.i_product ul.l li.c{ border-bottom:1px solid #eeeeee; height:60px; line-height:60px; text-align:center;}
.i_product ul.l li.c a{ display: block; color:#333333; font-size:16px;}
.i_product ul.l li.c a:hover{ color:#0c358b;}

.i_product ul.r{ float: right; width: 700px;}
.i_product ul.r li{ float:left; width:30%; padding:0px 5% 0px 15%; overflow:hidden; margin-bottom:20px; height:220px;}
.i_product ul.r li ol{ height: 120px; }
.i_product ul.r li dd,.i_product ul.r li dl{ font-size:12px;line-height:20px;}
.i_product ul.r li dd{ height: 20px; }
.i_product ul.r li dl{ height:80px; overflow:hidden;}

/*i_cpyy*/
.i_cpyy{ width: 100%; overflow: hidden; padding:10px 0px 40px; background-color: #5b98e1;}
.i_cpyy .width1000 .i_tit dd span{ color: #ffffff; }
.i_cpyy .width1000 .i_tit dd span i{background: url(../images/tb1.png) no-repeat;}
.i_cpyy .width1000 .i_tit dl{ color: #ffffff; }
.i_cpyy .width1000 ul,.i_cpyy .width1000 ul li{ overflow: hidden; }
.i_cpyy .width1000 ul{ background-repeat: no-repeat; background-position: center;width: 600px;height:600px; margin:0px auto; position: relative; }
.i_cpyy .width1000 ul li{ width:100px; height:125px; position:absolute;}
.i_cpyy .width1000 ul li.c_l1{ left:250px; top:0px;}
.i_cpyy .width1000 ul li.c_l2{ left:50px; top:120px;}
.i_cpyy .width1000 ul li.c_l3{ right:50px; top:120px;}
.i_cpyy .width1000 ul li.c_l4{ left:2px; top:300px;}
.i_cpyy .width1000 ul li.c_l5{ right:2px; top:300px;}
.i_cpyy .width1000 ul li.c_l6{ left:90px; bottom:0px;}
.i_cpyy .width1000 ul li.c_l7{ right:90px; bottom:0px;}
.i_cpyy .width1000 ul li.c_l8{ left:250px; bottom:-42px;}
.i_cpyy .width1000 ul li a img{ border-radius:50px; max-height:100px; max-width:100px;}
.i_cpyy .width1000 ul li a dd{ color:#ffffff; font-size:16px; text-align: center;}

/*i_bg*/
.i_bg{ width: 100%; overflow: hidden; padding-bottom: 30px; background-color:#fafafa;}

/*i_gdjs*/
.i_gdjs,.i_gdjs li{ overflow: hidden; }
.i_gdjs li.l{ float: left; margin-right: 50px; }
.i_gdjs li.r{ float: right; }
.i_gdjs li{ width:300px; }
.i_gdjs li dd{ text-align: center;  font-size:24px; color:#0c358b; line-height:48px;}
.i_gdjs li dl{font-size:14px; color:#5A5A5A; line-height:20px; overflow:hidden;}

/*i_t*/
.i_t{ text-align:center; font-size:40px; margin:30px 0px; color:rgba(0,43,133,0.8); font-weight:bold;}

/*i_kh*/
.i_kh{ overflow: hidden; margin-bottom:30px; }
.i_kh ul li{ position: relative; }
.i_kh ul li img{ position: absolute; max-width:95%; left: 0px; top: 0px; bottom: 0px; right: 0px; margin:auto; width: auto !important; height: auto !important; }

/*i_cases*/
.i_cases ul,.i_cases ul li{ overflow: hidden; }
.i_cases ul{ width:1042px;}
.i_cases ul li{ float:left; text-align:center; background-color:rgba(0,43,133,0.6); width:267px; position:relative; padding:30px 20px; height:140px; margin-right:40px; margin-bottom:20px; overflow:hidden;color:#ffffff;}
.i_cases ul li dd{ font-size:16px; font-weight:bold; margin:10px 0px;}
.i_cases ul li dl{ font-size:12px;}
.i_cases ul li i{ position:absolute; width:60px; height:2px; background-color:#ffffff; bottom:20px; left:50%; margin-left:-30px;}

/*i_news*/
.i_news{ overflow: hidden; padding:40px 0px 60px;}
.i_news ul,.i_news ul li{ overflow: hidden; }
.i_news ul.l{ float: left; }
.i_news ul.r{ float: right; }
.i_news ul{ width: 480px; min-height: 285px; }
.i_news ul li.t{ margin-bottom:10px; }
.i_news ul li.t{ height:45px; line-height:45px; overflow:hidden;}
.i_news ul li.t b{ font-size:30px; color:#002b85; float: left;}
.i_news ul li.t i{ font-size:16px; color:#999999; margin-left:12px; float: left;}
.i_news ul li.t a{ font-size:18px; color:#002b85; float: right;}
.i_news ul li.c{ border-bottom:1px dashed #bfbfbf; height:45px; line-height:45px; overflow:hidden;}
.i_news ul li.c a{ font-size:16px; color:#333333; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; display: block; float: left; width: 80%;}
.i_news ul li.c a:hover{ color:#002b85;}
.i_news ul li.c i{ font-size:14px; color:#999999; display: block; float: right;}


/*foot_t_bg*/
.foot_t_bg{ width: 100%; background-color: #002b85; overflow: hidden; font-size: 12px; }
.foot_t_bg .width1000 dl{ overflow: hidden; border-top: 1px solid #ffffff; margin-top: -1px; line-height: 34px; font-size: 12px; color: #f0e6da; }
.foot_t_bg .width1000 dl a{ color: #f0e6da; margin-left: 20px;}
.foot_t_bg .width1000 dl a:hover{ text-decoration:underline; }

/*foot_f_bg*/
.foot_f_bg{width: 100%;background-color: #ececec;overflow: hidden;}
.foot_f_bg .width1000{padding: 38px 0px;}
.foot_f_bg .width1000 div.l{ float: left; width: 800px; overflow: hidden;}
.foot_f_bg .width1000 div.l div{ overflow: hidden; color: #2f2f2f; line-height: 25px;}
.foot_f_bg .width1000 div.l div.t{ margin-bottom: 15px; }
.foot_f_bg .width1000 div.l div.t i{ margin:0px 32px; }
.foot_f_bg .width1000 div.l div.t a{ color: #2f2f2f; }
.foot_f_bg .width1000 div.l div.t a:hover{text-decoration:underline; }

.foot_f_bg .width1000 div.l div.c{ padding-left: 25px; background:url(../images/dz.png) no-repeat scroll left center; }
.foot_f_bg .width1000 div.l div.f{ margin-top: 15px; }

.foot_f_bg .width1000 div.r{ float: right; width: 120px; }

/*foot_QQ*/
.foot_QQ{width:103px;height:137px;top:50%; margin-top:-68.5px; position:fixed;background:url(../images/qq.png) no-repeat;left:0px;z-index:9999;}
.foot_QQ a{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }

/*ny_banner*/
.ny_banner{ width: 100%; overflow: hidden; background-color:#144387;}
.ny_banner .width1000{}
.ny_banner .width1000 img{ margin-bottom:-4px; }

/*ny_tit*/
.ny_tit{ width: 100%; height: 37px; background-image: url(../images/ny_tit.png);}
.ny_tit .width1000{ line-height: 37px; font-size: 12px; color:#444444; }
.ny_tit .width1000 a{color:#444444;}
.ny_tit .width1000 a:hover{text-decoration:underline; }

/*ny_con*/
.ny_con{ padding:20px 0px 30px; }

.ny_left{ float: left; overflow: hidden; width: 211px; padding-bottom: 30px; background-color:#4e9beb;}
.ny_left li{ overflow: hidden; }
.ny_left li.t{ height: 48px; background: url(../images/l_lm.jpg) no-repeat; color: #ffffff; line-height: 48px; padding-left: 16px;}
.ny_left li.c{ border-bottom: 1px solid #207cc9;}
.ny_left li.c dd{ padding-left: 10px; height: 44px; line-height: 44px; }
.ny_left li.c dd a{ color: #f6f6f6; }
.ny_left li.c.on dd a,.ny_left li.c dd a:hover{ color: #ffde00; }
.ny_left li.c dl{ display: none; padding-left: 10px;}
.ny_left li.c.on dl{ display: block; }
.ny_left li.c dl a{ display: block; padding-left: 12px; background: url(../images/d2.png) no-repeat scroll left center; line-height:20px; color: #f6f6f6; margin-bottom:10px;}
.ny_left li.c dl a:hover{ color: #ffde00; }

.ny_right{ float: right; overflow: hidden; width: 764px;}
.ny_right .tit{background: url(../images/ny_right.jpg) no-repeat scroll left bottom; height: 40px; margin-bottom: 15px; padding-left: 5px; font-size: 16px;}
.tp_list,.tp_list li{ overflow: hidden; }
.tp_list{ width: 780px; }
.tp_list li{border: 1px solid #ccc;float:left;height:185px;padding:5px;width:232px;margin-right:15px;margin-bottom:25px;}
.tp_list li dd{color: #002b64;font-size: 14px;font-weight: 600;height: 40px; margin-top: 10px;}
.tp_list li a{ display: block; position: relative;width:232px;height:128px; overflow: hidden;}
.tp_list li a img{ position: absolute; margin:auto; top: 0px; left: 0px; bottom: 0px; right: 0px; transition: all .5s ease;}
.tp_list li a:hover img{transition: all .5s ease; transform: scale(1.1);}

/*fenye*/
.fenye{margin-top:20px;height:36px; line-height: 36px; text-align: center; position: relative;}
.fenye i{ position: absolute; left: 0px; }
.fenye a,.fenye span{padding:5.5px 11px;margin:0px 4px;}
.fenye a{color: #6c6c6c;background-color:#ececec;}
.fenye a:hover,.fenye span{background-color: #002b85;color: #ffffff;}

i.md{ position: absolute; margin-top: -120px; }

/*tp_show*/
.tp_show{ overflow: hidden; border:1px solid #e1e1e1;}
.tp_show div{ overflow: hidden; }
.tp_show div.t{ height: 37px; background:url(../images/ny_m.jpg); }
.tp_show div.t a{ display: block; float: left; line-height: 37px; width: 120px; text-align: center;border-right: 1px solid #e1e1e1; color: #444444;}
.tp_show div.n{ padding: 10px 15px; }
.tp_show div.c dd{border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; background-color:#fafafa; height: 32px; line-height: 32px;}
.tp_show div.c dd span{ margin-left: 15px; border-left: 3px solid #002b64; color: #002b64; padding-left: 10px;}
.tp_show div.c dl{ color: #444444;line-height:25px; padding: 15px 10px;}
.tp_show div.f div.x{border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; background-color:#fafafa; height: 32px; line-height: 32px;}
.tp_show div.f div.x span{ margin-left: 15px; border-left: 3px solid #002b64; color: #002b64; padding-left: 10px;}

.tp_show div.f .h218px{ padding: 15px 31px; position: relative; }
.tp_show div.f .h218px img.pointer{ position: absolute; top:50%; margin-top:-15px; }
.tp_show div.f .h218px img#arrLeft{ left: 0px; }
.tp_show div.f .h218px img#arrRight{ right: 0px; }
.tp_show div.f .h218px #scrollbox ul li{ float: left;width: 206px;height: 290px;padding: 5px 14px;overflow: hidden; }
.tp_show div.f .h218px #scrollbox ul li dd{ height: 40px; color: #002b64; line-height: 20px; overflow: hidden;}
.tp_show div.f .h218px #scrollbox ul li ol{ height: 115px; text-align: center; }
.tp_show div.f .h218px #scrollbox ul li ol a{ display: block; overflow: hidden; }
.tp_show div.f .h218px #scrollbox ul li dl{height: 90px;line-height:20px;margin-top:13px;color: #444444;font-size: 12px;}
.tp_show div.f .h218px #scrollbox ul li a.nav{display: block; margin-top:10px;color: #002b64;}
.tp_show div.f .h218px #scrollbox ul li a.nav:hover{text-decoration:underline;}

/*page_con*/
.page_con{border: 1px solid #e1e1e1; padding: 15px; overflow: hidden;min-height: 50vh;}

/*news_list*/
.news_list,.news_list li{ overflow: hidden; }
.news_list{ min-height: 50vh; }
.news_list li{border-bottom: 1px dotted #ccc; color: #444444;}
.news_list li.t{ padding:15px 0px; }
.news_list li.t a.l{ display: block; float: left; width:191px;height:115px;background:url(../images/news_1.jpg) no-repeat;padding: 8px 8px 15px; text-align: center;}
.news_list li.t div.r{ float: right; width: 530px; height: 140px;}
.news_list li.t div.r dd{ font-size: 12px; margin-bottom: 10px;}
.news_list li.t div.r dd b{ margin-right:5px; }
.news_list li.t div.r dl{ height: 40px; overflow: hidden; line-height: 20px; font-size: 12px ;color: #555555; margin-bottom: 30px; position: relative;}
.news_list li.t div.r dl i.d{ position: absolute; background-color: #ffffff; right: 0px; bottom: 0px; padding: 0px 3px; width:17px;}
.news_list li.t div.r ol{ height: 32px; line-height: 32px;}
.news_list li.t div.r ol a{ display: block; float: right;background-color: #feda00;color: #2f2b20;border-radius: 8px; width: 105px; text-align: center; }
.news_list li.c{ height: 40px; line-height: 40px; font-size: 12px;}
.news_list li.c a{ display: block; float: left; width: 80%; overflow: hidden; word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;color: #444444;}
.news_list li.c a:hover{ color: #002b85; }
.news_list li.c i{ float: right; display: block; }
/*news_show*/
.news_show,.news_show li{ overflow: hidden; }
.news_show{ min-height: 50vh; }
.news_show dd{ text-align: center; color: #002b64;font-size: 16px; line-height: 25px;}
.news_show ol{ text-align: center;color: #444444;font-size: 12px; height: 15px; line-height: 15px; padding: 15px 0px;}
.news_show dl{color: #444444; line-height: 25px;}









