/* html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%;}
body {margin:0 auto; font:14px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none; }
p {line-height:22px;}
a img, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
ol, ul {list-style:none;} */

body{ padding: 0; margin: 0;}
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}
.container{ margin: 0 auto;}

input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
.clear{ clear:both;}

.header{ width:100%; height:110px; margin:0 auto; position:fixed; z-index:99; top:0; background:#fff; box-shadow:0px 1px 6px rgba(0,0,0,0.2);}
.logo{ width:309px; height:110px; float:left; background:url(../images/logo.jpg) left top no-repeat;}
.logo a{ display:block; width:309px; height:110px;}
.navs {width:860px; float:right; height:60px; position:relative; text-align: right; margin-top: 40px;}
.navs ul{ display: inline-block;}
.navs ul:after{ content: ''; clear: both; display: table;}
.navs ul li {float:left; padding:0 15px; text-align:center;height:56px;line-height:56px;}
.navs ul li a{ color:#333; display:block; line-height:20px; font-size:16px; transition:color 0.3s;}
.navs ul li a span{ display: block; text-align: center; font-size: 12px; color: #999; transition: all 0.3s;}
.navs ul li.cur a{ color:#1998cf;}
.navs ul li:hover a{ color:#1998cf;}
.navs ul li:hover a span{ color: #5daffd;}
.navs ul li.cur a span{ color: #5daffd;}
.curBg { background:#1998cf; height:4px; position:absolute; bottom:0; left:0px;}
.cls{clear:both;}
.notxt{text-indent:-9999px;}

.yuyan{ height:50px; display: none !important;}
.yuyan01{ float:right; width:90px; height:22px; margin-top:12px; background:url(../images/yuyan.png) left center no-repeat;}
.cn_en{ width:65px; margin-left:20px; height:22px; line-height:22px; cursor:pointer; overflow:hidden; position:relative; transition:all 0.3s;}
.cn_en span{ display:block; width:65px; height:22px; color:#666; font-size:14px;}
.cn_en span:nth-child(1){ position:absolute; left:0; top:0;}
.cn_en span:nth-child(2){ position:absolute; left:65px; top:0;}
.cn_en span:nth-child(2):hover{ color:#1998cf;}
.cn_en:hover span:nth-child(1){ position:absolute; left:-65px; transition:all 0.3s;}
.cn_en:hover span:nth-child(2){ position:absolute; left:0px; transition:all 0.3s; }

.sousuo{ height:22px; margin-top:12px; margin-left: 30px; float:right; position:relative;}
.sousuo a{ display:block; padding-right: 20px; height:22px; background:url(../images/sb.png) right center no-repeat; color:#666; font-size:14px;}
.sousuo .ss_kuang{ opacity:0; position:absolute; top:30px; right:0px; width:210px; height:0px; z-index:2; transition:height 0.3s; box-shadow: 1px 2px 3px rgba(0,0,0,0.3); overflow:hidden;}
.sousuo .ss_kuang.active{ opacity:1; height:40px; transition:height 0.3s;}
.sousuo .ss_kuang  input{ border:4px solid #ddd; background:#fff; width:150px; height:40px; box-sizing:border-box; border-right:none; color:#333; text-indent:4px;}
.sousuo .ss_kuang  button{ width:60px; height:40px; float:right; background:#ddd; color:#666; border:none; font-weight:bold; cursor:pointer;}

.navs ul li .nav_ol{ background:rgba(255,255,255,0.95); position:absolute; width:1200px; left:-340px; top:59px; z-index:99; text-align:left; height:0px; opacity:0; overflow:hidden; transition:all 0.3s; }
.navs ul li:hover .nav_ol{ height:260px; transition:all 0.3s; opacity:1;}

.navs ul li .n_ol_01{ padding:40px 50px; width:490px; float:left;}
.navs ul li .n_ol_01 h2{ font-size:20px; color:#333; margin-bottom:30px; line-height:20px;}
.navs ul li .n_ol_01 p{ font-size:14px; color:#666; line-height:24px;}
.navs ul li .n_ol_02{ box-sizing:border-box; border-left:1px solid #edf0f1; width:175px; height:160px; float:left;}
.navs ul li .n_ol_02 a{ display:block; width:174px; height:40px; border-bottom:1px solid #edf0f1; padding-bottom:0px; line-height:40px; text-indent:30px; color:#666666;}
.navs ul li .n_ol_02 a:hover{ color:#1998cf;}
.navs ul li .n_ol_03{ width:435px; float:right; text-align:center;}
.navs ul li .n_ol_03 img{ margin-top:20px;}





.banners{width:100%;
    /* height:540px; */
    margin-top:110px;}
.banners .swiper-slide a{ padding-top: 28%; display: block;}
.banners .swiper-pagination{ bottom: 15px;}
.banners .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px; border-radius: 50%; background: #fff; margin: 0 6px;}
.banners .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #1998cf;}
.banners .swiper-button-prev, .banners .swiper-button-next{ width: 40px; height: 60px; margin-top: -30px; left: 10%;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer; opacity: 0.6;}
.banners .swiper-button-next{left:auto; right:10%; background-position:-6px -137px;}

/* 
.fullSlide{width:100%; height:540px; position:relative;}
.fullSlide .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden; width:100%;}
.fullSlide .bd ul{width:100%; margin:0 auto;}
.fullSlide .bd li{width:100%; height:540px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:540px;}
.fullSlide .hd{ width:100% position:absolute;z-index:1; bottom:0; margin-top:-30px; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px; border-radius:6px; margin:0 6px;overflow:hidden;background:#fff;filter:alpha(opacity=60);opacity:0.6;line-height:999px;}
.fullSlide .hd ul .on{background:#1998cf;filter:alpha(opacity=80);opacity:0.8;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer; filter:alpha(opacity=30); opacity:0.3; display:none;}
.fullSlide .next{left:auto;right:10%; background-position:-6px -137px;} */


.swiper_x1 .swiper-slide a{ display: block;}
.swiper_x1 .swiper-slide a img{ display: block; max-width: 60%; margin: 0 auto;}
.swiper_x1 .swiper-slide a span{ display: block; text-align: center; margin-top: 10px; color: #333;}



.zhong01{ width:100%; padding: 20px 0; background:#fff;  box-shadow: 0px 2px 4px rgba(0,0,0,0.1); position:relative; z-index:2;}
.z01{ width:300px; height:140px; float:left; background:linear-gradient(to bottom,#fff,#adaeae,#fff) no-repeat right / 1px 140px;}
.zhong01 .z01:nth-child(4){ background:#fff;}
.z01 a{ display:block;}
.z01 img{ display:block; margin:0 auto; margin-top:30px; margin-bottom:15px;    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}
.z01:hover img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}
.z01 h5{ font-size:16px; color:#333; text-align:center; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}
.z01:hover h5{ color:#1998cf; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}
.zhong01 .z01:nth-child(3){ position:relative; overflow:hidden;}
.z_cx_xia{ width:300px; height:140px; position:absolute; top:0px; left:0px; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}
.z_cx{ position:absolute; width:300px; height:140px; background:#1998cf; left:0px; top:-140px; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}
.zhong01 .z01:nth-child(3):hover .z_cx{ top:0px;}
.zhong01 .z01:nth-child(3):hover .z_cx_xia{ top:140px;}

.z_cx .for{ margin-top:30px; margin-left:30px;}
.z_cx .for label{ color:#fff; font-size:13px;}
.z_cx .for select{ width:165px; height:26px; border:1px solid #fff; box-sizing:border-box; background:#1998cf; color:#fff; font-size:13px;}
.z_cx .for input{ width:56px; height:20px; margin-left:56px; margin-top:10px; border:none; background:#a6dcf6; display:block; font-size:13px; color:#333; cursor:pointer;}



.zhong02{ width:100%; padding-top:38px; background:#fafeff;}
.zhong02 h2{ font-size:20px; color:#333; padding-bottom:15px; position: relative; margin-bottom:10px; text-transform: uppercase;}
.zhong02 h2:after{ content: ''; width: 80px; height: 1px; background: #ccc; position: absolute; left: 0; bottom: 0;}
.zhong02 h5{ font-size:14px; color:#666; line-height:24px;}
.zhong02 h5 a{ color:#5daffd;}

.z_02_zuo{ width:391px; float:left; margin-top:20px;}
.z_02_list{ width:175px; height:143px; float:left; text-align:center; padding:20px 10px; border-right:1px solid #f0f3f4; border-bottom:1px solid #f0f3f4; cursor:pointer;}
.z_02_list h1{ color:#333; font-size:18px; line-height:30px; margin-bottom:8px;}
.z_02_list h1 span{ font-size:30px;}
.z_02_list:hover h1{ color:#3c9cf9;}
.z_02_list p{ color:#666666; font-size:14px; text-align:center; line-height:20px; height:100px; margin-bottom:10px;}
.z_02_list:hover p{ color:#3c9cf9;}
.z_02_list img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.z_02_list:hover img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;}
.z_02_zuo .z_02_list:nth-child(2n){ border-right:none;}
.z_02_zuo .z_02_list:nth-child(3){ border-bottom:none;}
.z_02_zuo .z_02_list:nth-child(4){ border-bottom:none;}
.z_02_you{ width:809px; float:right; margin-top:20px;}
.z_02_you img{ display:block; margin:0 auto; margin-top:40px;}


.xz_zuo{ text-align: center; margin: 30px 0;}
.xz_zuo h1{ font-size: 24px;}
.xz_zuo p{ text-align: left; line-height: 24px; color: #666;}


.zhong03{ width:100%; padding-top:38px; background:#fafeff; margin-bottom:40px;}
.new01{ width:785px; float:left;}
.new01 h2{ font-size:20px; color:#333; padding-bottom:15px; position: relative; margin-bottom:10px; text-transform: uppercase;}
.new01 h2:after{ content: ''; width: 80px; height: 1px; background: #ccc; position: absolute; left: 0; bottom: 0;}
.new02{ width:375px; float:right;}
.new02 h2{ font-size:20px; color:#333; border-bottom:1px solid #ccc; padding-bottom:6px; width:80px; margin-bottom:25px;}

.new_01_t{ width:785px; height:230px;}
.new_01_img{ width:300px; height:230px; float:left; position:relative; overflow:hidden;}
.new_01_img img{ transition:all 0.3s;}
.new_01_img span{ position:absolute; left:0px; top:0px; width:104px; height:79px; background:rgba(60,156,249,0.94); text-align:center; color:#fff; font-size:16px; z-index:2;}
.new_01_img span b{ font-size:30px; line-height:50px;}
.new_01_text{ width:455px; height:230px; float:right; position:relative;}
.new_01_text h3{ font-size:18px; line-height:24px; color:#333; margin-bottom:30px; transition:all 0.3s;}
.new_01_text p{ font-size:14px; color:#666; line-height:22px;}
.new_01_text a{ position:absolute; left:0; bottom:0; font-size:13px; color:#5daffd;}
.new_01_t:hover .new_01_text h3{ color:#1998cf;}
.new_01_t:hover .new_01_img img{transform: scale(1.1);}


.new_01_list{ width:785px; margin-top:35px;}
.new_01_time{ width:55px; height:68px; float:left; border:1px solid #dcdcdc; text-align:center; transition:all 0.3s;}
.new_01_time h3{ width:53px; height:43px; background:#dcdcdc; font-size:30px; font-weight:bold; line-height:43px; color:#fff; transition:all 0.3s; margin: 0;}
.new_01_time h4{ width:53px; height:23px; background:#fff; font-size:12px; line-height:23px; color:#999; transition:all 0.3s; margin: 0;}
.new_01_content{ width:700px; float:right; overflow:hidden;}
.new_01_content h5{ font-size:16px; color:#333; margin-bottom:8px; transition:all 0.3s;}
.new_01_content p{ font-size:14px; color:#666; line-height:22px;}

.new_01_list:hover .new_01_time{ border:1px solid #1998cf;}
.new_01_list:hover .new_01_time h3{ background:#1998cf;}
.new_01_list:hover .new_01_time h4{ color:#1998cf;}
.new_01_list:hover .new_01_content h5{ color:#1998cf;}

.new_02_t{ width:370px; height:230px; position:relative; overflow:hidden;}
.new_02_t img{ width:370px; height:230px; transition:all 0.3s;}
.new_02_t span{ position:absolute; bottom:0; left:0; width:290px; height:48px; background:rgba(60,156,249,0.88); padding:0px 40px; font-size:18px; color:#fff; line-height:48px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap; }
.new_02_list{ width:370px; margin-top:35px;}
.new_02_list img{ width:94px; height:58px; float:left;}
.new_02_text{ float:right; width:265px; height:58px; overflow:hidden;}
.new_02_text h5{ font-size:16px; color:#333; margin-bottom:6px; transition:all 0.3s;}
.new_02_text p{ font-size:14px; color:#666; line-height:18px;}

.new_02_t:hover img{transform: scale(1.1);}
.new_02_list:hover h5{ color:#1998cf;}



.footer{ width:100%;
    /* height:245px; */
    background:url(../images/di_bj.jpg) center top no-repeat; padding-top:100px; position:relative;}
.fh_top{ width:100px; height:60px; position:absolute; left:50%; top:10px; margin-left:-50px; z-index:2;}
.fh_top a{ width:100px; height:60px; display:block; background:url(../images/shang.png) center center no-repeat;}

.wz_dt{ width:320px; float:left;}
.wz_dt a{ color: #c4e1fe;}
.wz_dt a:hover{ color:#fff;}
.wz_dt h1{ font-size:20px; color:#fff; margin-bottom:35px; font-weight:normal;}
.wz_dt h2{ font-size:14px; color:#c4e1fe;}

.dt_04{ width:120px; float:right;}
.dt_04 h1{ text-align:center;}
.wm{ width:120px; height:120px; border:1px solid #5aa2eb; box-sizing:border-box;}
.wm img{ display:block; margin:10px auto;}
.wz_dt p{ color:#c4e1fe;}
.dt_01 p{ margin-bottom:30px;}

/* .dt_02{ margin-left:60px;} */
.dt_01, .dt_02{ color:#c4e1fe;}
.dt_01 h1, .dt_02 h1{ font-size: 24px; margin-top: 0;}
.dt_01 h2, .dt_02 h2{ font-size: 18px;}
.dt_01 a, .dt_02 a{ color: #c4e1fe;}
.dt_01 a:hover, .dt_02:hover{ color:#fff;}
.dt_02 h2{ margin-bottom:18px; vertical-align:middle;}
.dt_02 h2 img{ vertical-align:middle; margin-right:6px;}
.dt_02 h2 span{ margin-left:50px;}
.dt_02 p{ margin-bottom:18px; color:#c4e1fe;}
.dt_02 p span{ margin-left:20px}

.dt_03{ margin-left:40px; height:175px; position:relative;}
.dt_03 p{ line-height:32px; height:100px; overflow:hidden; color:#c4e1fe;}
.dt_03 .fanye01{ position:absolute; bottom:0; left:0; color:#c4e1fe;}
.dt_03 .fanye01 span{ cursor:pointer;}
.cp_lbs{width:230px; height:100px; overflow:hidden;}
.cp_lbs li{height:100px; width:230px; overflow:hidden; color:#c4e1fe; display:inline; float:left;}
.cp_lbs li a{ line-height:32px; color:#c4e1fe;}



.fudong{ position:fixed; top:110px; z-index:98; box-shadow:0px 1px 6px rgba(0,0,0,.2);}
.n_banner{ width:100%; height:300px; background:url(../images/n_banner.jpg) center top no-repeat; margin-top:110px;}
.n_banner01{ width:100%; height:300px; background:url(../images/n_banner01.jpg) center top no-repeat; margin-top:110px;}
.n_banner02{ width:100%; height:300px; background:url(../images/n_banner02.jpg) center top no-repeat; margin-top:110px;}
.n_banner03{ width:100%; height:300px; background:url(../images/n_banner03.jpg) center top no-repeat; margin-top:110px;}
.n_banner04{ width:100%; height:300px; background:url(../images/n_banner04.jpg) center top no-repeat; margin-top:110px;}
.n_banner05{ width:100%; height:300px; background:url(../images/n_banner05.jpg) center top no-repeat; margin-top:110px;}
.n_nav{ width:100%; background:#f6f6f6; height:60px;}
.n_nav ul{ margin:0 auto; width:590px;}
.n_nav li{ padding:0px 40px; line-height:60px; color:#333; background:linear-gradient(to bottom,#5a5a5a,#5a5a5a,#5a5a5a) no-repeat right / 1px 15px; float:left;}
.n_nav li:nth-child(4){ background:none;}
.n_nav li a{ padding-bottom:18px; transition:all 0.3s; border-bottom:2px solid #f6f6f6;}
.n_nav li a:hover{ border-bottom:2px solid #207bd0;}
.n_nav li.active a{ border-bottom:2px solid #207bd0;}

.n_nav02{ width:100%; background:#f6f6f6; height:60px;}
.n_nav02 ul{ margin:0 auto; width:816px;}
.n_nav02 li{ padding:0px 40px; line-height:60px; color:#333; background:linear-gradient(to bottom,#5a5a5a,#5a5a5a,#5a5a5a) no-repeat right / 1px 15px; float:left;}
.n_nav02 li:nth-child(6){ background:none;}
.n_nav02 li a{ padding-bottom:18px; transition:all 0.3s; border-bottom:2px solid #f6f6f6;}
.n_nav02 li a:hover{ border-bottom:2px solid #207bd0;}
.n_nav02 li.active a{ border-bottom:2px solid #207bd0;}

.about01.active{ margin-top:120px;}
.about01{ margin-top:60px;}
.about01 h1{ font-weight:normal; font-size:26px; color:#333; margin-bottom:30px;}
/* .about01 img{ width:530px; height:310px; float:left;} */
/* .about01 .jp-container{ width:510px; float:right; height:310px; background:#fff; overflow:auto;}
.about01 .jp-container p{ font-size:14px; color:#666; line-height:24px; padding-right:60px; text-indent:2em;} */

.shuju{ margin-top:50px;}
.shuju ul li{ width:200px; float:left; text-align:center; margin-left:133.33px;}
.shuju ul li:nth-child(1){ margin-left:0px;}
.about01 .shuju ul li h1{ width:200px; height:58px; margin-bottom:12px;}
.about01 .shuju ul li h1 img{ width:150px; height:58px; display:block; margin:0 auto; float:none;}
.about01 .shuju ul li:nth-child(1) h1 img{ width:110px; height:58px;}
.about01 .shuju ul li:nth-child(2) h1 img{ width:110px; height:58px;}
.shuju ul li p{ text-align:center; color:#666; font-size:15px;}

.about02{ margin-top:50px;}
.ab02_left{ width:50%; float:left; padding:20px 2%;}
.ab02_left h1{ font-weight:normal; font-size:24px; color:#087bd8; margin: 0; margin-top: 20px;}
.ab02_left h2{ font-size:14px; line-height: 24px; color:#666; margin: 0; margin-bottom: 15px;}
.ab02_left p{ font-size:14px; color:#666; line-height:24px; margin-bottom:40px;}
.ab02_left a{ color:#087bd8;}
.ab02_right{ float:right; width:50%; }
.about03 .ab02_left{ float:right;}
.about03 .ab02_right{ float:left;}
.about04{ margin-bottom:50px;}



.about_qy{ margin-top:60px; margin-bottom:50px;}
.about_qy h1{ font-weight:normal; font-size:26px; color:#333; margin-bottom:30px;}
.qy_text p{ font-size:14px; color:#666; line-height:24px; text-indent:2em; margin-top:10px;}

.about_qy .qy_img{ width:100%; height:310px; background:url(../images/qy_01.jpg) right top no-repeat; position:relative; margin-top:50px;}
.about_qy .qy_img img{ position:absolute; left:0; top:40px; z-index:2;}


.about_wh{ margin-top:60px; margin-bottom:50px;}
.about_wh h1{ font-weight:normal; font-size:26px; color:#333;}
.about_wh h2{ font-size:16px; color:#1777da; font-weight:bold; margin-top:30px; margin-bottom:8px;}
.about_wh p{ font-size:14px; color:#666; line-height:24px;}
.about_wh .qy_img{ width:100%; height:310px; background:url(../images/qy_02.jpg) right top no-repeat; position:relative; margin-top:50px;}
.about_wh .qy_img img{ position:absolute; left:0; top:40px; z-index:2;}

.about_zl{ margin-top:60px; margin-bottom:50px;}
.about_zl h1{ font-weight:normal; font-size:26px; color:#333;}
.about_zl h2{ font-size:16px; color:#1777da; font-weight:bold; margin-top:30px; margin-bottom:8px;}
.about_zl p{ font-size:14px; color:#666; line-height:24px;}
.about_zl .qy_img{ width:100%; height:310px; background:url(../images/qy_03.jpg) right top no-repeat; position:relative; margin-top:50px;}
.about_zl .qy_img img{ position:absolute; left:0; top:40px; z-index:2;}


.n_biao_z{ width:1200px; margin:0 auto; height:245px; background:url(../images/n_biao_z.jpg) center top no-repeat;}
.n_biao{ width:1200px; margin:0 auto; height:300px; background:url(../images/n_biao01.jpg) center top no-repeat;}

.yw_zong{ margin-bottom:30px;}
.yw_zong h2{ font-size:30px; color:#333; text-align:center; background:linear-gradient(to right,#5a5a5a,#5a5a5a,#5a5a5a) no-repeat bottom / 80px 1px; padding-bottom:14px; margin-bottom:25px;}
.yw_zong ul li{ width:400px; height:222px; float:left;}

.yw_zong ul li a{ display:block; width:400px; height:222px; position:relative; overflow:hidden; transition:all 0.3s;}
.yw_zong ul li a h3{ position:absolute; text-align:center; top:100px; left:0px; right:0px; font-size:24px; color:#fff; transition:all 0.3s; text-shadow:0px 0px 4px rgba(0,0,0,0.6);}
.yw_zong ul li a p{ position:absolute; padding:20px 57px; top:200px; left:0; right:0; color:#fff; transition:all 0.3s;}
.yw_zong ul li a span{ display:block; width:22px; height:12px; position:absolute; top:380px; left:50%; margin-left:-11px; background:url(../images/yw_xia.png) center top no-repeat; transition:all 0.3s;}
.yw_zong ul li:hover a{ background:rgba(0,0,0,0.6);}
.yw_zong ul li:hover a h3{ top:50px;}
.yw_zong ul li:hover a p{ top:70px;}
.yw_zong ul li:hover a span{ top:180px;}


.yw_zong .yw_text{ float:left; width:500px; height:390px; background:#ebebea; padding-left:50px; padding-right:50px;}
.yw_zong .yw_text h4{ font-size:26px; color:#1373d5; margin-top:100px; margin-bottom:25px;}
.yw_zong .yw_text p{ font-size:14px; color:#666; line-height:24px;}
.yw_zong .yw_img{ width:600px; height:390px; float:right;}
.yw_content{ margin-top:50px; margin-bottom:50px;}
.yw_content p{ font-size:14px; color:#666; line-height:24px; text-indent:2em;}



.cx_jj{ padding-top:50px; padding-bottom:45px; box-shadow:0px 2px 12px rgba(0,0,0,0.1);}
.cx_jj h1{ font-weight:normal; font-size:26px; color:#333; margin-bottom:20px;}
.cx_jj p{ font-size:14px; color:#666; line-height:24px;}
/* .hwgz ul{ width:100%; margin-top:30px;}
.hwgz ul li{ width:50%; margin-bottom:20px;}
.hwgz ul li h2{ width:40px; height:40px; box-sizing:border-box; border:1px solid #207bd0; font-size:35px; text-align:center; line-height:40px; color:#207bd0; float:left;}
.hwgz ul li p{ float:right; line-height:40px; color:#666;}
.hwgz ul li p.hang2{ line-height:22px; margin-top:-4px;}
.hwgz ul li p a{ margin-right:15px;}
.hwgz ul li p a:hover{ color:#1373d5;} */

.hwgz{ padding: 60px 0;}
.hwgz ul li{ display: inline-block; margin-right: 15px; margin-bottom: 15px;}
.hwgz ul li a{ padding: 8px 20px; border: 1px solid #dedede; display: block; color: #666; transition: all 0.3s;}
.hwgz ul li:hover a{ background: #207bd0; color: #fff; border: 1px solid #207bd0;}


.gwcx{ margin-top:30px; margin-bottom:20px;}
.gw_list.left{ float:left; width:186px;}
.gw_list h2{ width:50px; height:50px; box-sizing:border-box; border:1px solid #207bd0; font-size:20px; text-align:center; line-height:50px; color:#207bd0;}
.gw_list h2.lh{ line-height:23px;}
.gw_list p{ line-height:24px; color:#666; margin-top:20px; margin-bottom:30px;}
.gw_list p a{ margin-right:30px; display:block; float:left; width:155px;}
.gw_list p a:hover{ color:#1373d5;}


.flcx{ margin-top:35px;}

.fl_list{ margin-bottom:35px;}
.fl_list a{ float:left; width:400px; height:50px; box-sizing:border-box; border:1px solid #efefef; text-align:center; line-height:50px; display:block; color:#333; font-size:18px; transition:all .3s; cursor:pointer;}
.fl_list a:nth-child(1){ border-right:none;}
.fl_list a:nth-child(2){ border-right:none;}
.fl_list a.active{ border:none; border-right:1px solid #fff; border-left:1px solid #fff; background:#1998cf; color:#fff;}
.fl_biao{ border:3px solid #1998cf; padding:35px 40px;}
.fl_biao label{ font-size:16px; color:#333;}
.fl_biao select{ width:297px; height:40px; box-sizing:border-box; border:1px solid #c9c9c9; font-size:16px; color:#333; margin-right:70px; padding-left:10px;}
.fl_biao button{ display:block; width:80px; height:30px; cursor:pointer; text-align:center; line-height:30px; color:#fff; background:#1998cf; border:none; margin-left:68px; margin-top:24px;}

.fl_biaos{ margin-top:30px; margin-bottom:30px;}
.fl_biaos table{ border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.fl_biaos table:nth-child(2){ margin-top:-1px;}
.fl_biaos table tr td{ width:200px; padding:20px 0px; text-align:center; box-sizing:border-box; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; color:#1998cf; font-size:16px;}
.fl_biaos table tr td.kuan01{ padding:30px 70px; width:1000px; line-height:24px; color:#666; text-align:left;}


.news{ margin-top:35px;}
.news .container{ overflow:hidden;}
.news h1{ font-weight:normal; font-size:26px; color:#333; margin-bottom:30px; margin-top:5px;}
.t_text{ width:750px; height:110px; float:left; background:#fafafa; padding:60px 40px;}
.t_text h2{ font-size:18px; color:#1673d4; font-weight:bold; margin-bottom:15px;}
.t_text p{ font-size:14px; color:#666; line-height:22px;}
.t_text a{ margin-top:20px; font-size:13px; color:#5daffd; display:block;}
.t_img{ width:370px; height:230px; float:right;}

.new_lei{ margin-top:20px;}
.new_lei a{ width:200px; height:50px; text-align:center; line-height:50px; color:#333; margin-right:20px; display:block; float:left; border:1px solid #dcdcdc; box-sizing:border-box; transition:all .3s;}
.new_lei a.active{ border:1px solid #1998cf; background:#1998cf; color:#fff;}
.new_lei a.active:hover{ color:#fff;}
.new_lei a:hover{ border:1px solid #1998cf; color:#1998cf;}

.new_list{ box-shadow:0px 4px 8px rgba(0,0,0,0.03); padding-top:40px; padding-bottom:20px;}
.new_list .new_01_content{ width:1130px;}
.new_list .new_01_content h5{ margin-top:0px;}
.new_list:hover .new_01_time{ border:1px solid #1998cf;}
.new_list:hover .new_01_time h3{ background:#1998cf;}
.new_list:hover .new_01_time h4{ color:#1998cf;}
.new_list:hover .new_01_content h5{ color:#1998cf;}

.fanye{ margin-top:30px; margin-bottom:20px; float:right; color:#666;}
.fanye a{ color:#666;}
.fanye a:hover{ color:#1998cf;}


.lianxi{ margin-bottom:50px;}
.lianxi h1{ font-weight:normal; font-size:26px; color:#333; margin-bottom:30px; margin-top:35px;}
.zp_bt{ width:1200px; height:60px; background:#1998cf;}
.zp_bt span{ width:300px; height:60px; float:left; text-align:center; line-height:60px; color:#fff; font-size:16px;}

.zp_list{ width:100%; height:100px; background:#fff; transition:all 0.3s; position:relative; border-bottom:1px solid #eee;}
.zp_list .yq_zz{ display:none;}
.zp_list h2{ width:300px; height:100px; float:left; text-align:center; line-height:100px; font-size:14px; color:#333; margin: 0;}
.zp_list i{ position:absolute; right:20px; top:44px; width:14px; height:14px; background:url(../images/jia.png) left top no-repeat; display:block; z-index:2;}
.yq_zz{ width:450px; float:left; padding-left:67px; padding-right:83px;}
.yq_zz h3{ font-size:16px; color:#333; margin-bottom:20px; margin-top:10px;}
.yq_zz p{ font-size:14px; color:#666; line-height:24px; height:95px; overflow:hidden;}
.zp_list:hover{ height:280px; background:#f9f9f9; overflow:inherit;}
.zp_list:hover .yq_zz{ display:block;}
.zp_list:hover i{ background:url(../images/jian.png) left top no-repeat;}

.lx_list{ width:40%; background:#f9f9f9; float:left;}
.lx_list ul{ padding: 30px 20px;}
.lx_list ul li{ font-size:14px; color:#666; margin-bottom:15px;}
.lx_list ul li:last-child{ padding-left: 36px; position: relative;}
.lx_list ul li:last-child span{ position: absolute; left: 0; top: 0; display: inline-block;}

#map{ width: 55%;}

.my-map { margin: 0 auto;  height: 300px; width: 100%;}
 .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

.new_n{ margin-top:35px; margin-bottom:50px}
.new_n h1{ font-weight:normal; font-size:26px; color:#333; margin-bottom:30px; margin-top:5px;}
.new_n h2{ font-size:24px; text-align:center; color:#333; margin-bottom:10px;}
.new_n h3{ font-size:14px; color:#999; text-align:center; margin-bottom:20px;}
.new_n p{ font-size:14px; color:#666; line-height:24px; text-indent:2em;}


.qq_fd{ width:110px; height:250px; background:#1998cf; position:fixed; top:350px; right:0px; text-align:center; z-index: 99; display: none !important;}
.qq_fd h2{ font-size:16px; color:#fff; margin-top:30px; margin-bottom:20px;}
.qq_fd h3{ font-size:14px; color:#fff; margin-top:15px; margin-bottom:6px;}
.qq_fd a{ width:78px; height:22px; display:block; margin:0 auto; background:url(../images/qq.jpg) left top no-repeat;}


.cx_fd{ width:80px; height:324px; text-align:center; position:fixed; top:400px; right:0px; display: none !important;}
.cx_fd a{ width:80px; height:80px; display:block; border-bottom:1px solid #fff; box-sizing:border-box; font-size:15px; color:#fff; padding-top:56px; transition:all .3s;}
.cx_fd a:nth-child(1){ background:url(../images/i_01.png) center 10px no-repeat #1998cf;}
.cx_fd a:nth-child(2){ background:url(../images/i_02.png) center 10px no-repeat #1998cf;}
.cx_fd a:nth-child(3){ background:url(../images/i_03.png) center 10px no-repeat #1998cf;}
.cx_fd a:nth-child(4){ background:url(../images/i_04.png) center 10px no-repeat #1998cf;}

.cx_fd a:nth-child(1):hover{ background:url(../images/i_11.png) center 10px no-repeat #fff; border:1px solid #1998cf; color:#1998cf;}
.cx_fd a:nth-child(2):hover{ background:url(../images/i_22.png) center 10px no-repeat #fff; border:1px solid #1998cf; color:#1998cf;}
.cx_fd a:nth-child(3):hover{ background:url(../images/i_33.png) center 10px no-repeat #fff; border:1px solid #1998cf; color:#1998cf;}
.cx_fd a:nth-child(4):hover{ background:url(../images/i_44.png) center 10px no-repeat #fff; border:1px solid #1998cf; color:#1998cf;}



/* 通用样式 */
.ty_content p{ line-height: 24px; font-size: 14px; color: #666;}
.ty_content img{ max-width: 100% !important;}






@media (max-width:767px){
.xs_san{ position: absolute; right: 10px; top:50%; transform: translateY(-50%); width: 40px; height: 40px;}
.xs_san i{ display: block; position: absolute; top: 50%; right: 15%; transform: translateY(-50%); width: 70%; height: 3px; border-radius: 2px; background: #1998cf; opacity: 1; transition: all 0.3s;}
.xs_san i:after{ content: ''; width: calc(100% + 5px); height: 3px; position: absolute; top: -10px; right: 0; background: #1998cf;}
.xs_san i:before{ content: ''; width: calc(100% - 5px); height: 3px; position: absolute; bottom: -10px; right: 0; background: #1998cf;}
.xs_san.active i{ opacity: 0;}
.xs_san:after{ content: ''; width: 100%; height: 3px; background: #5daffd; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); display: none;}
.xs_san:before{ content: ''; width: 100%; height: 3px; background: #5daffd; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(-45deg); display: none;}
.xs_san.active:after, .xs_san.active:before{ display: block;}
.header{ height: 60px; z-index: 999;}
.logo{ height: 60px; width: 200px; background: url(../images/logo.jpg) left center no-repeat; background-size: contain;}
.logo a{ height: 60px; width: 200px;}

.navs{ width: calc(100% - 30px); height: auto; float: none; position: absolute; top: 60px; left: 15px; background: #1998cf; color: #fff; margin: 0; z-index: 990; padding: 20px 0; display: none;}
.navs.active{ display: block;}
.navs ul{ display: block; width: 100%;}
.navs ul li{ float: none; height: auto; line-height: auto;}
.navs ul li a{ padding: 0; color: #fff; line-height: 36px;}
.navs ul li.cur a{ color: #fff; font-weight: bold;}
.navs ul li a:focus{ color: #fff;}

.qq_fd{ display: none;}
.banners{ margin-top: 60px;}
.banners .swiper-slide a{ padding-top: 40%;}
.xz_zuo h1{ font-size: 18px; margin-top: 10px;}
.new01, .new02{ width: 100%; float: none;}
.new02{ margin-top: 30px;}
.new_01_t{ width: 100%; height: auto;}
.new_01_img{ width: 100%; height: auto; float: none;}
.new_01_img a{ display: block;}
.new_01_img a img{ display: block; width: 100% !important; height: auto !important;}
.new_01_text{ width: 100%; height: auto; float: none;}
.new_01_text h3{ margin-bottom: 10px; font-size: 16px;}
.new_01_text a{ position: static;}
.dt_01 h1, .dt_02 h1{ font-size: 18px; margin-top: 30px;}
.dt_01 h2, .dt_02 h2{ margin: 10px 0; font-size: 16px;}
.footer{padding-top: 50px; background-size: cover;}
.dt_01 p{ margin-bottom: 10px;}
.banners .swiper-button-prev, .banners .swiper-button-next{ display: none;}

.n_banner, .n_banner01, .n_banner02, .n_banner03, .n_banner04{ margin-top: 60px; height: auto; padding-top: 20%; background-size: cover;}
.about01{ margin-top: 30px;}
.about02{ margin-top: 0;}
.ab02_left p{ margin-bottom: 10px;}
.about01 h1, .lianxi h1, .cx_jj h1, .news h1{ font-size: 20px; margin-bottom: 20px;}
.about01 .ty_content{ margin-top: 20px;}
.ab02_left, .ab02_right{ width: 100%; padding: 0;}
.ab02_left img, .ab02_right img{ max-width: 100% !important; width: auto !important; height: auto !important;}
.cx_jj{ padding: 30px 0;}

.t_text, .t_img{ width: 100%; height: auto; padding: 15px; float: none;}
.t_img img{ width: auto !important; height: auto !important; max-width: 100% !important;}
.new_lei{ text-align: center;}
.new_lei a{ width: 120px; height: 38px; line-height: 36px; display: inline-block; float: none;}
.new_list .new_01_content{ width: 100%; padding-left: 80px; float: none; overflow: auto;}
.new_01_content p{ display: none;}
.new_list{ position: relative; padding: 25px 0;}
.new_01_content h5{ line-height: 24px;}
.new_01_time{ float: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.zp_bt{ width: 100%; height: 36px;}
.zp_bt span{ width: 25%; line-height: 36px;}
.lx_list{ width: 100%; float: none;}
#map{ float: none; width: 100%; height: 300px;}


}


@media (min-width:768px) and (max-width:991px) {
    .xs_san{ position: absolute; right: 10px; top:50%; transform: translateY(-50%); width: 40px; height: 40px;}
    .xs_san i{ display: block; position: absolute; top: 50%; right: 15%; transform: translateY(-50%); width: 70%; height: 3px; border-radius: 2px; background: #1998cf; opacity: 1; transition: all 0.3s;}
    .xs_san i:after{ content: ''; width: calc(100% + 5px); height: 3px; position: absolute; top: -10px; right: 0; background: #1998cf;}
    .xs_san i:before{ content: ''; width: calc(100% - 5px); height: 3px; position: absolute; bottom: -10px; right: 0; background: #1998cf;}
    .xs_san.active i{ opacity: 0;}
    .xs_san:after{ content: ''; width: 100%; height: 3px; background: #5daffd; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); display: none;}
    .xs_san:before{ content: ''; width: 100%; height: 3px; background: #5daffd; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(-45deg); display: none;}
    .xs_san.active:after, .xs_san.active:before{ display: block;}
    .header{ height: 60px; z-index: 999;}
    .logo{ height: 60px; width: 200px; background: url(../images/logo.jpg) left center no-repeat; background-size: contain;}
    .logo a{ height: 60px; width: 200px;}
    
    .navs{ width: calc(100% - 30px); height: auto; float: none; position: absolute; top: 60px; left: 15px; background: #1998cf; color: #fff; margin: 0; z-index: 990; padding: 20px 0; display: none;}
    .navs.active{ display: block;}
    .navs ul{ display: block; width: 100%;}
    .navs ul li{ float: none; height: auto; line-height: auto;}
    .navs ul li a{ padding: 0; color: #fff; line-height: 36px;}
    .navs ul li.cur a{ color: #fff; font-weight: bold;}
    .navs ul li a:focus{ color: #fff;}
    
    .qq_fd{ display: none;}
    .banners{ margin-top: 60px;}
    .banners .swiper-slide a{ padding-top: 40%;}
    .xz_zuo h1{ font-size: 18px; margin-top: 10px;}
    .new01, .new02{ width: 100%; float: none;}
    .new02{ margin-top: 30px;}
    .new_01_t{ width: 100%; height: auto;}
    .new_01_img{ width: 100%; height: auto; float: none;}
    .new_01_img a{ display: block;}
    .new_01_img a img{ display: block; width: 100% !important; height: auto !important;}
    .new_01_text{ width: 100%; height: auto; float: none;}
    .new_01_text h3{ margin-bottom: 10px; font-size: 16px;}
    .new_01_text a{ position: static;}
    .dt_01 h1, .dt_02 h1{ font-size: 18px; margin-top: 30px;}
    .dt_01 h2, .dt_02 h2{ margin: 10px 0; font-size: 16px;}
    .footer{padding-top: 50px; background-size: cover;}
    .dt_01 p{ margin-bottom: 10px;}
    .banners .swiper-button-prev, .banners .swiper-button-next{ display: none;}
    
    .n_banner, .n_banner01, .n_banner02, .n_banner03, .n_banner04{ margin-top: 60px; height: auto; padding-top: 20%; background-size: cover;}
    .about01{ margin-top: 30px;}
    .about02{ margin-top: 0;}
    .ab02_left p{ margin-bottom: 10px;}
    .about01 h1, .lianxi h1, .cx_jj h1, .news h1{ font-size: 20px; margin-bottom: 20px;}
    .about01 .ty_content{ margin-top: 20px;}
    .ab02_left, .ab02_right{ width: 100%; padding: 0;}
    .ab02_left img, .ab02_right img{ max-width: 100% !important; width: auto !important; height: auto !important;}
    .cx_jj{ padding: 30px 0;}
    
    .t_text, .t_img{ width: 100%; height: auto; padding: 15px; float: none;}
    .t_img img{ width: auto !important; height: auto !important; max-width: 100% !important;}
    .new_lei{ text-align: center;}
    .new_lei a{ width: 120px; height: 38px; line-height: 36px; display: inline-block; float: none;}
    .new_list .new_01_content{ width: 100%; padding-left: 80px; float: none; overflow: auto;}
    .new_01_content p{ display: none;}
    .new_list{ position: relative; padding: 25px 0;}
    .new_01_content h5{ line-height: 24px;}
    .new_01_time{ float: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
    .zp_bt{ width: 100%; height: 36px;}
    .zp_bt span{ width: 25%; line-height: 36px;}
    .lx_list{ width: 100%; float: none;}
    #map{ float: none; width: 100%; height: 300px;}
    

}


@media (min-width:991px) and (max-width:1440px) {
    /* .navs{ width: 650px;} */
    .new01{ width: 64%;}
    .new02{ width: 33%;}
.about03 .ab02_right img{ max-width: 100% !important; width: auto !important; height: auto !important;}
.new_list .new_01_content{ width: calc(100% - 100px);}
}

@media (min-width:1200px) and (max-width:1440px) {


    
}
@media (min-width:991px) {


}
    
@media (max-width:1440px){
}
@media (min-width:1440px){


.container{ width:1200px; padding: 0;}

}