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

/*===========================1200px=========================================*/
@media screen and (min-width: 800px) {
.qm_mainb{width:90%; margin: 0px auto; }
	.cpny_maina{width:78%; margin: 0px auto;}
	.cpmaina{width:80%;margin: 0px auto;}
	.qm_logo{width:16%; float: left;  margin-bottom: 10px; margin-top: 25px;}
	.qm_logo img{width:100%; }
	.logob{display:none; transition: all 0.6s;}
	.qm_dh{width:66%; float:right; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between; }
  
	.qm_headr{width:20%; float: right;}
	.qm_dh li{float:left; font-family: 'MyriadPro-Regular'; font-size:18px; font-weight: bold;}
	.qm_dh li a{padding-right:0px; padding:15px; display: block; width: 100%; float: left; font-size:16px;text-transform: uppercase;}
    .head{width:100%; float: left; padding: 0px 0%;}
    .qm_logo{width:13%; max-width: 250px;}
    .qm_head_r{width:40px;; float: right; margin-top: 30px;}
    .qm_head_r a{display:block; width:100%; text-align: right;  font-weight: bold;float: left; font-size:18px; line-height: 18px;}
    .qm_head_dh{width:78%; float: right; position: relative;}
    .qm_head_dh li{float:left; position: relative;}
    .qm_head_dh li a{padding:30px 8px; float: left; font-size:16px; font-family: 'MyriadPro-Semibold';}
    .qm_head_lx{width:15%; float: right; margin-top: 15px; margin-bottom: 15px;}
    .qm_head_lxa{float: left; width:40px; height: 40px; border-radius: 500px; background: #789ad4; padding: 5px; }
    .qm_head_lxaa{width:100%; float: left; height: 30px; background: #2c5ba9; text-align: center; line-height: 30px; font-size:12px; border-radius: 500px;color:#fff;}
    .qm_head_lxb{width:75%; float:right;}
    .qm_head_lxb dd{font-size:14px;font-family: 'MyriadPro-Regular';}
    .qm_head_lxb h1{font-size:14px;font-family: 'MyriadPro-Semibold';}
    .qm_head_dh li .qm_yccd{position:absolute; top:81px; z-index: 888; width:140%; left:-27%; float: left; background: #fff; /*box-shadow:0px 0px 7px rgba(0, 0, 0, 0.12);*/ display: none;padding: 10px 5%; transition: all 0.6s; }
    .qm_head_dh li .lbe_ma{width:70%; left:0%; }
     .qm_head_dh li .lbe_mb{width:240px; left:-20px; padding: 10px 20px; }
    .qm_head_dh li .qm_yccd dd a{padding:10px 0px; display: block; width: 100%; font-size:14px;font-family: 'MyriadPro-Regular'; transition: all 0.6s;}
    .qm_head_dh li .qm_yccd dd{width:100%; float: left;}
    .qm_head_dh li .qm_yccd dd a:hover{color:#2c5ba9; padding: 10px 10px;font-family: 'MyriadPro-Regular';}
    .qm_head_dh li:hover .qm_yccd{ display: block;display:block;animation: hideIndex 0.3s;  -moz-animation: hideIndex  0.3s; -webkit-animation: hideIndex  0.3s;-o-animation: hideIndex  0.3s;}
    .gg_main{ width: 100%; float: left; position: relative; z-index: 10; }
    .gg_main .banner_tt{ position: absolute;z-index:666;left:11%; top:30%; color:#fff;}
    .gg_main .banner_tta{width:50%; float: left;}
    .gg_main .banner_tta h1{font-size:46px; font-weight: bold; text-transform: uppercase; line-height: 55px; padding-bottom: 20px;font-family: 'MyriadPro-Regular bold';
    font-weight: bold;}
    .gg_main .banner_tta p{line-height:42px; font-size:18px;}
    .qm_syts{width:100%; float: left;  margin-top: -5%; z-index: 555; position: relative;}
    .qm_sytsa{width:33.33%; float: left; padding: 30px; background: #eee; transition: all 0.6s;color:#222; cursor: pointer; position: relative;}
    .qm_sytsa h2{font-size:30px;font-family: 'MyriadPro-Semibold'; padding-bottom: 10px; padding-right: 40%;}
    .qm_sytsa p{font-size:18px;font-family: 'MyriadPro-Semibold';padding-right: 40%;}
    .qm_sytsb{background:#f8f7f7;}
    .qm_sytsa:hover{background:#2c5ba9; color:#fff;}
    .qm_sytsa span{position:absolute; right: 8%; bottom:20%; font-size:60px;}
    .qm_syabout{padding:4% 0px;}
    .sy_about_hx{width:195px; height: 1px; background:#2c5ba9;}
    .sy_about_img{width:40%; float: left; position: relative; margin-top: 7%; z-index: 10;}
    .sy_about_img .about_img{z-index: 888; position: relative;}
    .sy_about_img .about_kk{position:absolute; left:-23px; top:-23px; z-index: 1;}
    .sy_about_txt{width:55%; float: right; margin-top:7%;}
    .sy_about_txta h2{font-size:26px;color:#888;font-family: 'MyriadPro-Regular';}
    .sy_about_txta h1{font-size:36px;font-family: 'MyriadPro-Semibold';color:#2c5ba9; margin-bottom: 20px; line-height: 86px;}
    .sy_about_txta,.sy_about_txtb,.sy_about_txtc,.sy_about_txtd{width:100%; float: left;}
    .sy_about_txtb p{font-size:18px;font-family: 'MyriadPro-Regular'; margin-bottom: 20px; line-height: 28px;}
    .sy_about_txtca{width:33.33%; float: left;}
    .sy_about_txtca h1{font-size:30px;font-family: 'MyriadPro-Semibold'; color:#2c5ba9;}
    .sy_about_txtc{margin-top:3%;}
    .sy_about_txtd{margin-top:6%;}
    .sy_about_txtd a{ float: left; padding:15px 45px; background:#2c5ba9; border-radius: 5px; font-size:16px;}
    .sy_about_txtd a:link,.sy_about_txtd a:visited{color:#fff;}
    .sy_cpunti{background:#f1f1f1; margin-top: 3%; padding-top: 3%;}
    .sy_cpunti_tt{width:100%; float: left; position: relative;}
    .sy_cpunti_tt a{position:absolute; right:0px;top:20px; padding: 12px 30px;background:#2c5ba9; }
    .sy_cpunti_tt a:link,.sy_cpunti_tt a:visited{color:#fff;}
    .sy_cpunti_tt dd{font-size:26px; padding-bottom: 10px;font-family: 'MyriadPro-Regular'; color:#999;}
    .sy_cpunti_tt h2{font-size:36px;font-family: 'MyriadPro-Semibold'; color:#2c5ba9;}
    .sy_cpunti_tt h2 font{color:#2c5ba9;}
    .jh_zhma{width:100%; float: left; margin-top: 3%; margin-bottom: 3%;}
    .jh_zhma .swiper-paginationzh{text-align:center; width: 100%; float: left; margin-top: 3%;}
    .zh_sylist{width:100%; overflow: hidden;float: left; background: #fff; padding: 20px; text-align: center;}
	.zh_sylist img{transition: all 0.6s;}
	.zh_sylist:hover img{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);}
    .zh_sylist h1{font-family: 'MyriadPro-Semibold';text-align: center; font-size:22px; padding-top: 15px;}
    .sy_yy_tt{width:100%; float: left; text-align: center;}
    .sy_yy_tt h1{font-size:36px; margin-bottom: 20px; margin-top: 3%;color:#2c5ba9;font-family: 'MyriadPro-Semibold';}
    .sy_yy_tt dd a{padding:5px 15px; font-size:16px; transition: all 0.6s;}
	.sy_yy_tt dd a:link,.sy_yy_tt dd a:visited{color:#111;}
	.sy_yy_tt dd a:hover{color:#2c5ba9;}
    .sy_yy_tt dd{width:100%; float: left; margin-bottom: 25px;}
    .swiper-paginationyy{display:none;}
    .yy_lista{width:100%; float: left; position: relative;}
    .yy_listb{width:100%; float: left; background: url(../images/yy_bg.png) repeat-x;  padding-top: 29%; position: absolute; bottom: -3px; left: 0px;}
    .yy_listb p{padding-bottom:20px; padding: 20px;color:#FFF; }
    .yy_listb h1{padding-left:20px;color:#fff;font-family: 'MyriadPro-Semibold';}
    .sy_map{width:100%; float: left; padding: 20px 10%;}
    .sy_news{position:relative; z-index: 10;}
    .sy_news_ma{position:absolute; width: 50%; padding-right: 11%; z-index: 555;right:0px; padding-left: 5%; top: 0px; padding-top: 3%; padding-bottom: 3%; color:#fff;}
    .layui-tab .layui-tab-title{border-bottom:0px;}
    .layui-tab .layui-tab-title li{border-bottom:2px solid #a09f9f; margin-right: 20px;color:#a09f9f; font-size:18px;font-family: 'MyriadPro-Semibold';}
   .layui-tab .layui-tab-title .layui-this{border-bottom:0px;color:#fff;}
    .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #fff;}
    .tj_news{width:100%; padding: 5% 0px; color:#fff;}
    .tj_news a:link,.tj_news a:visited{color:#fff;}
    .tj_news h1{font-size:28px;font-family: 'MyriadPro-Semibold'; padding-bottom: 30px;}
    .tj_news p{font-size:16px; line-height: 26px;font-family: 'MyriadPro-Regular';}
    .tj_news_more{width:100%; float: left; margin-top: 3%;}
    .tj_news_more a{float:left; padding: 15px 40px; background: #2c5ba9;}
    .tj_news_more a:link,.tj_news_more a:visited{color:#fff;}
    .sy_by{background: url(../images/by_bg.jpg) center center / cover no-repeat; padding: 5% 0px;}
    .sy_bya{width:100%; float: left; text-align: center;color:#fff;}
    .sy_bya dd{font-size:24px;font-family: 'MyriadPro-Regular';}
        .sy_bya h1{font-size:38px;font-family: 'MyriadPro-Semibold';}
    .sy_lx{padding:3.5% 0px; background: #f7f7f7;}
    .sy_lx_left{width:40%; float: left;}
    .sy_lx_lefta,.sy_lx_leftb,.sy_lx_leftc{width:100%; float: left;}
    .sy_lx_lefta h1{font-size:38px;font-family: 'MyriadPro-Semibold'; margin-bottom: 20px;}
    .sy_lx_lefta h1 span{ border-bottom: 3px solid #222; padding-bottom:-20px;}
    .sy_lx_lefta p{font-size:20px;font-family: 'MyriadPro-Semibold';  margin-bottom: 5%;}
    .sy_lx_leftb li{position:relative; padding-left: 90px; margin-bottom:35px; font-size:20px; line-height: 30px;}
    .sy_lx_leftb li span{position:absolute; left: 0px;}
    .sy_lx_leftd{width:100%; float: left;  margin-bottom: 30px;}
    .sy_lx_leftd dd{font-size:22px;font-family: 'MyriadPro-Semibold';}
    .sy_lx_leftd p a{float:left; padding-right: 15px; font-size:16px; padding: 8px; background: #444; border-radius: 500px;color:#fff; margin-right: 15px; margin-top: 20px;}
	.f_logo h2{margin-bottom:0px;
        margin-top: 15px;
        font-family: 'MyriadPro-Semibold';}
    .sy_lx_right{width:50%; float: right; margin-top: 8%;}
    .sy_lx_righta,.sy_lx_rightb{width:100%; float: left;}
    .sy_lx_righta li{width:49%; float: left;}
    .ly_left{margin-left:2%;}
    .sy_lx_righta input,.sy_lx_righta textarea,.sy_lx_rightb input{width:100%; float: left; background: #fff; border:1px solid #e1e1e1; padding: 20px;}
    .sy_lx_righta{margin-bottom:2%;}
    .sy_lx_righta textarea{height:250px;}
    .sy_lx_rightb input{width:30%; float: left; margin-right: 25px;}
    .sy_lx_rightb img{float:left; margin-top: 15px;}
    .sy_lx_rightc{width:100%; float: left; text-align: center;}
    .sy_lx_rightc button{padding:15px 45px; background: #d0d0d0; color:#111; border: 0px;  margin: 30px auto;font-size:20px; border-radius: 5px;}
    .footer{background:#fff; color:#222; text-align:center;font-size:18px; line-height: 80px;}
    .ny_banner{position:relative;}
    .ny_banner_tt{position:absolute; top:27%; width:60%; left:11%; color:#fff;}
    .ny_banner_tt h1{font-size:42px;font-family: 'MyriadPro-Semibold';}
    .ny_banner_tt p{font-size:16px;font-family: 'MyriadPro-Light'; line-height:26px; margin-top: 16px;}
    .qm_footer{color:#fff; background: #111; padding: 4% 0px; position: relative;}
    .f_logo{width:12%; margin-right: 8%; float: left;}
    .f_logo img{width:100%;}
	.f_logo dd{width:100%; margin-top: 20px; float: left;}
	.f_logo a{float:left; padding: 10px;}
	.f_logo a:link,.f_logo a:visited{color:#fff;}
    .f_dh{width:20%; float: left;}
    .f_dh h2{margin-bottom:40px; font-size:18px; margin-top: 15px;font-family: 'MyriadPro-Semibold'; }
    .f_dh dd a:link,.f_dh dd a:visited{color:#fff;}
    .f_lxfss{width:20%; position: relative; }
    .f_dh dd{color:#fff; transition: all 0.6s; line-height: 38px;color:#fff;}
    .f_lxfss img{width:125px; position: absolute; right:0px; top:35%;}
    .f_dh dd:hover{padding-left:10px;}
    .f_dh dd:hover a{color:#2c5ba9;}
    .about_tt{width:20%; float: left; font-size:42px; line-height: 50px; border-right:3px solid #2c5ba9;font-family: 'MyriadPro-Semibold'; }
    .about_right{margin-top:0px; width: 75%;}
    .about_dz{width:32%; float: left; background: #fff; padding:1.5% 5%; margin-bottom: 95px; transition: all 0.6s}
	.about_dz:hover{box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);}
    .about_tttb h1{font-size:42px;font-family: 'MyriadPro-Semibold';color:#2c5ba9; line-height: 50px;}
    .about_dz dd span{font-size:56px;color:#2c5ba9;}
    .about_dz dd{margin-bottom:20px; font-size:100px;font-family: 'MyriadPro-Semibold';color:#2c5ba9;color: white; text-shadow: -1px -1px 0 #2c5ba9, 1px -1px 0 #2c5ba9,-1px 1px 0 #2c5ba9,1px 1px 0 #2c5ba9; transition: all 0.6s;}
    .about_dz h1{font-size:24px;font-family: 'MyriadPro-Semibold'; color:#222; line-height: 30px; margin-bottom: 25px;}
    .about_dz p{line-height:28px;color:#666; height: 112px;}
    .about_dz:hover dd{color:#2c5ba9; text-shadow: -1px -1px 0 #2c5ba9, 1px -1px 0 #2c5ba9,-1px 1px 0 #2c5ba9,1px 1px 0 #2c5ba9; }
    .about_dz:hover{cursor: pointer;}
    .qm_about{padding-top:3%;}
    .goods_left{width:20%; float: left; padding-top: 4vw;}
    .goods_right{width:78%; padding-bottom:4vw; float: right; padding-top:3.3vw; }
    .goods_lefta{font-size:3.75vw;font-family: 'MyriadPro-Semibold';color: rgba(0, 0, 0, 0.12); text-align: right; padding-right: 2vw;}
    .goods_leftb{width:100%; float: left;}
    .goods_leftb dd{padding-left:11vw; position:relative;border-bottom: 1px solid #f3f3f3; padding-top:25px;padding-bottom:25px;font-family: 'MyriadPro-Regular'; font-weight: bold;}
    .goods_leftb .dd_xg{position:absolute; width: 0%; height: 76px; right: 0px; top: 0px;background:#2c5ba9; transition: all 0.6s;}
    .goods_leftb dd a{display:block; width: 100%; transition: all 0.6s; position: relative; padding-left: 1.56vw; font-size:18px;}
    .goods_leftb dd a span{display:block; border-radius: 500px; width: 6px; height: 6px; top:10px; background:#2c5ba9; position: absolute; left: 0px;transition: all 0.6s;}
    .goods_leftb .link_dd{background: #2c5ba9;}
    .goods_leftb .link_dd span{ border: 4px solid #fff;}
    .goods_leftb dd:hover .dd_xg{width:100%;}
    .goods_righta,.goods_rightb{width:100%; float: left;}
    .goods_righta{ margin-bottom: 20px;}
    .goods_righta h2{font-size:30px;font-family: 'MyriadPro-Regular'; font-weight: bold;}
    .goods_rightb{font-size:16px; line-height: 30px;}
    .goods_rightb p{margin-bottom:25px;}
    .cplist_ma{width:23%; border: 1px solid #eee;margin: 15px 1%; float: left; padding:20px; background: #fff; transition: all 0.6s;}
	.cplist_ma:hover{box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);}
    .cplist_ma img{ transition: all 0.6s;}
	.y_tjcpa{width:100%; float: left; overflow: hidden;}
    .cplist_mb{font-size:18px;font-family: 'MyriadPro-Regular'; }
	.cplist_ma:hover img{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);}
    #page{width:100%; margin-top: 3vw; margin-bottom: 20px; float: left;}
    #page a,#page span{background:#ededed;padding: 10px 16px; float: left;  line-height:24px;   margin: 0 3px;    display: inline; height: 44px;}
    .cp_leftimg{width:40%; float: left;}
    .cp_xqa{width:59%; float: right; background: #f1f1f1; padding: 30px;}
    .cp_xqa h1{font-size:30px;font-family: 'MyriadPro-Regular'; font-weight: bold;}
    .cp_xqa h2{margin-bottom:30px;}
    .cp_xqab{font-size:16px; line-height: 28px; margin-bottom: 30px;font-weight: inherit; color:#666;}
    .cp_xqab img{max-width:100%;}
    .cp_xxjsa{font-size:26px;font-family: 'MyriadPro-Regular'; font-weight: bold; }
    .cp_xxjsb img{max-width:100%;}
    .app_content{width:100%; float: left; padding: 20px 0px; font-size:16px; line-height: 28px; margin-top: 2.5vw;}
    .app_content p{margin-bottom:16px;}
    .app_lista{width:49%; float: left; margin-top: 2vw; position: relative;}
    .app_lista .bgapp{position:absolute; top: 0px; left: 0px;}
    .app_lista h1{color:#fff; margin-top: -96px;color:#fff; position: relative; z-index: 666; padding: 30px;font-family: 'MyriadPro-Regular'; font-weight: bold;}
    .news_list{width:100%; transition: all 0.6s; margin-top: 2vw; float: left; }
    .news_lista{width:25%; float: left;}
    .news_listb{width:64%; padding-left:3%; float: left;}
    .news_listb h1{font-size:20px;font-family: 'MyriadPro-Regular'; margin-top: 1vw; font-weight: bold; margin-bottom: 26px;}
    .news_listb p{font-size:16px; line-height: 28px;}
    .news_listc{width:100px;margin-top: 1vw; text-align: center; padding: 15px; float: right; background:#ededed; font-size:18px; transition: all 0.6s;}
    .news_listb dd span{float:left; transition: all 0.6s; background: #eee; transition: all 0.6s; border-radius: 5px; padding: 10px 20px; margin-top: 2vw; font-size:18px;}
    .news_list:hover  .news_listb dd span{background:#2c5ba9; color:#fff;}
    .news_list:hover .news_listc{background:#2c5ba9; color:#fff; border-radius:6px;}
    .news_list:hover .news_listb h1{color:#2c5ba9;}
    .news_read_tt,.news_read_nr{width:100%; float: left;}
    .news_read_tt{ text-align: center; border-bottom:1px dotted #bfbebe;}
    .news_read_tt h1{font-family: 'MyriadPro-Regular';  font-weight: bold;font-size:28px;}
    .news_read_tt dd{padding:25px 0px;}
    .news_read_tt dd span{margin:0px 15px;}
    .news_read_nr{padding:2vw 0px; line-height: 30px; font-size:16px;}
    .news_read_nr p{margin-bottom:2vw;}
    .news_read_fy dd{border-bottom:1px dotted #bfbebe;line-height: 32px; }
    .news_read_fy{width:50%; line-height: 32px; float: left;}
    .contact_lx{width:33.33%; float: left;}
    .contact_lxa{width:18%; float: left; font-size:32px; color:#2c5ba9;}
    .contact_lxb{width:80%; float: right;}
    .contact_lxb dd{font-weight:bold; color:#222; font-size:18px;}
    .contact_lxb p{font-size:16px;}
    .contact_ly{width:100%; float: left; margin-top: 5vw; background: #f6f6f6;}
    .contact_lya{padding:2vw; width: 50%; float: left;}
    .contact_lyb{width:46%; float: right;}
    .contact_lya_a{width:100%; float: left;}
    .contact_lya_a h2{font-size:32px;font-family: 'MyriadPro-Regular';  font-weight: bold;font-size: 2.34vw; line-height: 1; margin-bottom: 20px;}
    .contact_lya_a p{margin-bottom:20px;}
    .contact_lya .sy_lx_righta textarea{height:150px;}
    .down_list{width:20%; float: left; overflow: hidden; border: 1px solid #ddd;}
	.down_list img{transition:all 0.6s;}
	.down_list:hover img{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);}
	.sy_map{position:relative;}
	.map_dh{width:200px; position: absolute; top: 30.5%; right: 17%;}
	.app_left{width:30%;}
	.app_right{width:66%;}
	.contact_ma{width:100%; float: left; padding: 20px; background: #f1f1f1;}
	.cp_untilista{width:16.66%; padding: 20px 1.8%; float: left; text-align: center; transition: all 0.6s;}
	.cp_untimain{width:100%; float: left;}
	.cp_untilista img{width:100%;}
	.cp_untilista h1{font-size:18px;font-family: 'MyriadPro-Semibold'; margin-top: 15px; margin-bottom: 15px;}
	.cp_untilista .unimg_b{display:none; transition: all 0.6s;}
	.cp_untilista:hover{background:#f5bb41;}
	.cp_untilista:hover .unimg_a{display:none;}
	.cp_untilista:hover  .unimg_b{display:block;}
    .dh_cplb{width:23.5%; float: left; margin-top: 2%;}
    .dh_cplba{width:35%; float: left;}
    .dh_cplbb{width:60%; float: right;}
    .dh_mgleft{margin-left:2%;}
    .qm_yccd{border-top:1px solid #eee;}
    .dh_cplbb p{width:100%; float: left; margin: 15px 0px; background: #bcbdc0; height: 2px; position: relative;}
    .dh_cplbb h1{font-size:14px;font-family: 'MyriadPro-Regular'; }
    .dh_cplbb p span{width:40%; height: 2px; display: block;background: #ebaf52; left: 0px; top: 0px;}
    .dh_cplbb dd a{transition:all 0.6s;}
    .lbe_ma{width:100%; padding: 0px 20%;}
    .lbe_ma .dh_cplb{width:49%; float: left;}
    .about_dhmain{padding:0px 12%;}
.cp_xxjsb{padding:3% 20px; background:#fff;}
    .about_dhmain .dh_cplb{width:40%;}
    .qm_head_dh li .dh_cplbb h1 a{padding:0px ; font-size:16px;}
     .menu{ background: #fff; }
    .menuc{padding:10px 20px;background: #fff;}
    .menu h1,.menuc h1{font-size:18px;  font-family: 'MyriadPro-Semibold'; }
    .menu h1 i,.menuc  h1 i{float:right;}
    .menu dd,.menuc dd{font-family: 'MyriadPro-Regular'; line-height: 32px;}
    .menu dl,.menuc dl{margin-top: 20px; display: none;}
    .menu dl a,.menuc dl a{ transition: all 0.6s}
    .menub h1 span{display:none;}
    .sy_tjcpb{font-family: 'MyriadPro-Semibold'; font-size:22px; padding-bottom: 10px;padding-bottom: 12px;}
.sy_tjcpb h1{font-family: 'MyriadPro-Semibold'; font-size:22px; overflow: hidden;}
    .sy_tjcpc span{font-family: 'MyriadPro-Semibold'; font-size:16px;color:#2c5ba9; }
    .sy_tjcpc{padding-top:20px;}
    .sy_tjcpc span font{padding-left:18px;}
    .h1_link i{color:#2c5ba9;}
    .sy_tjcpb dd{font-size:14px;font-family: 'MyriadPro-Regular'; padding-top: 10px; color:#777;}
	.contact_left{width:50%; float: left; margin-bottom:2%;  margin-top: 2%;}
	.contact_right{width:40%; float: right; padding: 2vw 0%;float: right;   margin-top: 4%;   padding-left:2%;}
	.contact_righta{width:100%; background: #f1f1f1; padding: 25px; margin-top: 30%;}
	.contact_righta h1{font-family: 'MyriadPro-Semibold'; font-size:20px; margin-bottom: 18px;}
	.contact_righta dd{font-size:16px;font-family: 'MyriadPro-Regular';}
    .cansu_a span{float:left; background: #fff; border-radius: 3px; margin-right: 10px; padding: 5px 10px;}
    .cansu_a,.cansu_b{width:100%; float: left;}
    .cansu_b span{float:left; background: #fff; border-radius: 3px; margin-right: 10px; padding: 5px 10px;}
    .cansu_b{margin-top:20px;}
    .cp_xj{width:100%; float: left;}
    .cp_xj a{padding:10px 20px; float: left; margin-top: 30px; border: 2px solid #2c5ba9;font-family: 'MyriadPro-Semibold'; border-radius: 500px;}
    .cp_xxjs,.cp_xxjsb,.cp_xxjsa{width:100%; float: left;}
	.cp_xxjs{border-top:1px solid #eee;}
    .cp_xxjsa{padding:10px 0%; background: #fff; }
    .cp_xxjsb{padding:3% 20px; background:  #fff;}
    .stscp_a a:link,.stscp_a a:visited{color:#222;}
    .stscp_a:hover .sy_tjcpb{color:#2c5ba9;}
	.sy_about_txtb{margin-top:4%;}
    .wap_banner,#toggle,.menu i,.wap_bb{display:none;}
      .menuf h2 span{ display: none;}
	.cpny_left{width:70%; padding: 3% 20px; background: #fff; float: left;}
	.cpny_right{width:28%; float: right; background: #fff; padding: 3% 20px;}
	.cpny_righta{width:100%; float: left; background: 100%; background: #f1f1f1; padding:10px 20px; font-size:20px;font-family: 'MyriadPro-Semibold';}
	.cpny_rightb{width:100%; float: left; border: 1px solid #eee; padding: 10px; margin-bottom: 20px;}
	.cpny_rightb img{width:100%; float: left;}
	.cpny_rightb h1{font-size:16px; margin-top: 20px; width:100%; float: right;}
	.wapbanner{display:none;}
	.mg_main{margin:4% 0px;}
	.lx_tt{width:100%; float: left; padding: 0px 10%; text-align: center;}
	.lx_tt h1{font-size:46px;font-family: 'MyriadPro-Bold'; text-transform: uppercase;}
	.lx_untia{width:100%; float: left;}
	.lx_untib{width:32%; margin-top: 5%; float: left; text-align: center;}
	.lb_left{margin-left:2%;}
	.lx_untib h1{font-size:26px; padding-top: 20px; margin-bottom: 15px;}
	.lx_untib span{border-top:1px solid #222; padding-top: 5px;}
	.lx_about{position:relative;}
	.about_synr{position:absolute; top:17%; color:#fff; padding: 0px 0px; left: 20%; width: 60%;}
	.about_synr p{margin-top:5%; line-height: 30px;}
	.wl{position:absolute; width: 100%; bottom:-1px; left: 0px;}
	.lx_but{width:100%; float: left; text-align: center; padding: 4% 0px;}
	.lx_but a{padding:15px 38px; background: #b7a087; border-radius: 3px;}
	.hot_left{width:49%; float: left; margin-top: 3%;}
	.f_top{position:absolute; top: 0px;}
	.longx_lb a{display:block; width: 33.33%; float: left; line-height: 80px; font-size:30px; text-align: center;}
	.hot_right{width:49%; float: right; margin-top: 1.7%;}
	.hot_right li{width:48%; float: left; background: #f1f1f1; margin: 20px 1% 10px 1%; text-align: center;}
	.hot_right li img{width:100%;}
	.hot_right li h2{padding:10px 0px;}
	.longx_lb a{font-weight:bold; text-transform: uppercase;}
	.link_acolor{background:#b7a087; }
	.tjnews{width:31.33%; float: left; margin: 3% 1%;}
	.tjnews h1{font-size:20px; margin-top: 18px; font-weight:bold;font-family: 'MyriadPro-Bold';}
	.tjnews p{font-size:16px; margin-top: 18px;}
	.cpny_rightb{width:23%; float: left; margin: 3% 1%; background: #f1f1f1;}
	
 
}
.cp_xj a:link,.cp_xj a:visited{color:#2c5ba9;}
.h1_link a:link,.h1_link a:visited{color:#2c5ba9;}
.menu dl a:link, .menu dl a:visited{color:#333;}
.menu dl a:hover{color:#ebaf52; padding-left: 15px;}
.dh_cplbb h1 a:link,.dh_cplbb h1 a:visited{color:#111;}
.dh_cplbb a:link,.dh_cplbb a:visited{color:#222;}
.dh_cplbb dd a{color:#ebaf52;}
.cp_untilista a:link,.cp_untilista a:visited{color:#222;}
.cp_untilista:hover a{color:#fff;}
.news_list a:link,.news_list a:visited{color:#222;}
.news_list .news_listb p{color:#666;}
.goods_leftb dd a:link, .goods_leftb dd a:visited{color:#111;}
.goods_leftb .link_dd a:link,.goods_leftb .link_dd a:visited{color:#fff;}
.goods_leftb dd:hover a{color:#fff;}
.goods_leftb dd:hover a span{border: 4px solid #fff;}
.qm_head_dh li a:link,.qm_head_dh li a:visited{color:#fff;}
  .qm_head_dh li:hover .alink{color:#2c5ba9;}
.qm_head_dh li .qm_yccd dd a:link,.qm_head_dh li .qm_yccd dd a:vissited{color:#222;}
.cp_xxjs,.cp_xxjsa,.cp_xxjsb,.app_list{width:100%; float: left;}
@media screen and (min-width: 1300px) {
	.qm_mainb{width:78%; margin: 0px auto; }
.qm_logo{width:20%; float: left;  margin-bottom: 10px; margin-top: 15px;}
.img_left{margin-left:1.5%;}
      .qm_head_dh{width:52%; float: right;}
	.cpny_maina{width:78%; margin: 0px auto;}
 .qm_head_dh li a{padding:30px 20px; float: left; font-size:18px; font-family: 'MyriadPro-Semibold';}
       .qm_head_lx{width:18%; float: right; margin-top: 15px; margin-bottom: 15px;}
    .qm_head_lxa{float: left; width:50px; height: 50px; border-radius: 500px; background: #789ad4; padding: 10px; }
    .qm_head_lxaa{width:100%; float: left; height: 30px; background: #2c5ba9; text-align: center; line-height: 30px; border-radius: 500px;color:#fff;}
        .qm_head_lxb h1{font-size:22px;font-family: 'MyriadPro-Semibold';}
	
	    .qm_head_dh li .qm_yccd{position:absolute; top:81px; z-index: 888; width:140%; left:-37%; float: left; background:#b7a087; /*box-shadow:0px 0px 7px rgba(0, 0, 0, 0.12);*/ display: none;padding: 10px 5%; transition: all 0.6s; }
	.qm_head_dh li .lbe_mb{width:240px; left:-20px; padding: 10px 20px; }
	.qm_head_dh li .lbe_ma{width:70%; left:0%; }
}
@media screen and (min-width: 1300px) {
.qm_logo{width:18%; float: left;  margin-bottom: 10px; margin-top:25px;}
.img_left{margin-left:1.5%;}
      .qm_head_dh{width:70%; float: right;}
	.cpny_maina{width:78%; margin: 0px auto;}
 .qm_head_dh li a{padding:30px 10px; float: left; font-size:18px; font-family: 'MyriadPro-Semibold';}
       .qm_head_lx{width:20%; float: right; margin-top: 15px; margin-bottom: 15px;}
    .qm_head_lxa{float: left; width:50px; height: 50px; border-radius: 500px; background: #789ad4; padding: 10px; }
    .qm_head_lxaa{width:100%; float: left; height: 30px; background: #2c5ba9; text-align: center; line-height: 30px; border-radius: 500px;color:#fff;}
        .qm_head_lxb h1{font-size:22px;font-family: 'MyriadPro-Semibold';}
	.map_dh{width:200px; position: absolute; top: 27.2%; right: 15.2%;}
	
}

@media screen and (min-width: 1500px) {
	.qm_mainb{width:78%; margin: 0px auto; max-width: 1440px;}
.qm_logo{width:12%; float: left;  margin-bottom: 10px; margin-top:14px;}
.img_left{margin-left:1.5%;}
      .qm_head_dh{width:60%; float: right;}
	.cpny_maina{width:78%; margin: 0px auto;}
 .qm_head_dh li a{padding:30px 18px; float: left; font-size:18px; font-family: 'MyriadPro-Semibold';}
       .qm_head_lx{width:18%; float: right; margin-top: 15px; margin-bottom: 15px;}
    .qm_head_lxa{float: left; width:50px; height: 50px; border-radius: 500px; background: #789ad4; padding: 10px; }
    .qm_head_lxaa{width:100%; float: left; height: 30px; background: #2c5ba9; text-align: center; line-height: 30px; border-radius: 500px;color:#fff;}
        .qm_head_lxb h1{font-size:22px;font-family: 'MyriadPro-Semibold';}
	.map_dh{width:200px; position: absolute; top: 30.5%; right: 17%;}
	.cp_xqa {height:574px;}
	
}

 .qm_head_dh li .dh_cplbb h1 a{font-family: 'MyriadPro-Regular';}
/*================================1580======================================*/
@media screen and (min-width: 1800px) {
	.qm_mainb{width:78%; margin: 0px auto; max-width: 1440px;}
 .qm_head_dh li a{padding:30px 30px; float: left; font-size:18px; font-family: 'MyriadPro-Semibold';}
    .qm_head_dh li .dh_cplbb h1 a{font-family: 'MyriadPro-Bold';}
       .qm_head_lx{width:15%; float: right; margin-top: 15px; margin-bottom: 15px;}
     .qm_head_dh{width:70%; float: right;}
	.map_dh{width:200px; position: absolute; top: 31.7%; right: 17.5%;}
	.ny_banner_tt{width:40%;}
}



/*moble*/
@media screen and (max-width: 790px) {
	.qm_logo{width:50%; margin-left: 4%; float: left; margin-top: 10px; margin-bottom: 15px;}
    .qm_logo img{width:100%;}
     #unti_main{ width: 100%; top:61px; float: left; background: #222; padding: 15px 4%; position: absolute;left: 0px; z-index: 888;}
    #unti_main li img{width:35px; margin-right: 12px;}
    #unti_main li{width:100%; padding: 10px 0px; border-bottom: 1px solid #666;}
    #unti_main li a:link,#unti_main li a:visited{color:#fff;}
    #toggle{width:40px; float: right; margin-right: 4%; font-size:22px; text-align: right; line-height: 50px;}
    #toggle button{width:100%;}
    .qm_head_r{width:50px; float: right; text-align: center; line-height: 50px;}
    .icon-cheveron-up{float:right; color:#fff;}
    .dh_cplb dd{line-height:30px;}
    .qm_head_dh .alink{ font-family: 'MyriadPro-Semibold'; font-size:18px;}
    .dh_cplba{display:none;}
    .dh_cplbb h1{border:1px solid #444; padding: 10px; margin-top: 10px; font-family: 'MyriadPro-Semibold';  font-size:16px;}
    .wap_dhbb{width:100%; float: left; padding: 10px; background: #555;}
    .qm_yccdb,.wap_dhbb,#unti_main,.pc_banner{display:none;}
    
    .gg_main{ width: 100%; float: left; position: relative; z-index: 10; }
    .gg_main .banner_tt{ position: absolute;z-index:666;left:11%; top:30%; color:#fff;}
    .gg_main .banner_tta{width:80%; float: left;}
    .gg_main .banner_tta h1{font-size:36px; font-weight: bold; text-transform: uppercase; line-height: 55px; padding-bottom: 20px;font-family: 'MyriadPro-Regular bold';
    font-weight: bold;}
    .gg_main .banner_tta p{line-height:42px; font-size:18px;}
    .gg_main{ width: 100%; float: left; position: relative; z-index: 10; }
    .pc_bb{display:none;}
    
    .ny_banner{position:relative;}
    .ny_banner_tt{position:absolute; top:28%; width:84%; left:8%; color:#fff;}
    .ny_banner_tt h1{font-size:24px;font-family: 'MyriadPro-Semibold';}
    .ny_banner_tt p{font-size:14px;font-family: 'MyriadPro-Light'; line-height:18px;}
    
    .about_tt{width:100%; padding: 10px 4%; float: left; font-size:30px; line-height: 50px; font-family: 'MyriadPro-Semibold'; }
    .about_right{margin-top:0px; width:100%; float: left; padding: 10px 4%;}
    .about_dz{width:92%; float: left; background: #fff; padding:1.5% 5%; margin: 3% 4%; transition: all 0.6s}
	.about_dz:hover{box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);}
    .about_tttb h1{font-size:42px;font-family: 'MyriadPro-Semibold';color:#2c5ba9; line-height: 50px;}
    .about_dz dd span{font-size:56px;color:#2c5ba9;}
    .about_dz dd{margin-bottom:20px; font-size:100px;font-family: 'MyriadPro-Semibold';color:#2c5ba9;color: white; text-shadow: -1px -1px 0 #2c5ba9, 1px -1px 0 #2c5ba9,-1px 1px 0 #2c5ba9,1px 1px 0 #2c5ba9; transition: all 0.6s;}
    .about_dz h1{font-size:24px;font-family: 'MyriadPro-Semibold'; color:#222; line-height: 30px; margin-bottom: 25px;}
    .about_dz p{line-height:28px;color:#666; height: 112px;}
    .about_dz:hover dd{color:#2c5ba9; text-shadow: -1px -1px 0 #2c5ba9, 1px -1px 0 #2c5ba9,-1px 1px 0 #2c5ba9,1px 1px 0 #2c5ba9; }
    .about_dz:hover{cursor: pointer;}
    .qm_about{padding-top:3%;}
    
     .sy_about_txta h2{font-size:26px;color:#888;font-family: 'MyriadPro-Regular';}
    .sy_about_txta h1{font-size:36px;font-family: 'MyriadPro-Semibold';color:#2c5ba9; margin-bottom: 20px; line-height: 86px;}
    .sy_about_txta,.sy_about_txtb,.sy_about_txtc,.sy_about_txtd{width:100%; float: left;}
    .sy_about_txtb p{font-size:18px;font-family: 'MyriadPro-Regular'; margin-bottom: 20px; line-height: 28px;}
    .sy_about_txtca{width:100%; border-bottom: 1px solid #ddd; margin: 15px 0px; padding-bottom: 10px; float: left;}
    .sy_about_txtca h1{font-size:30px;font-family: 'MyriadPro-Semibold'; color:#2c5ba9;}
    .sy_about_txtc{margin-top:3%;}
    .sy_about_txtd{margin-top:6%;}
    .sy_about_txtd a{ float: left; padding:15px 45px; background:#2c5ba9; border-radius: 5px; font-size:16px;}
    .sy_about_txtd a:link,.sy_about_txtd a:visited{color:#fff;}
    
    
      .sy_yy_tt{width:100%; float: left; text-align: center;}
    .sy_yy_tt h1{font-size:30px; margin-bottom: 20px; margin-top: 3%; line-height: 30px; color:#2c5ba9;font-family: 'MyriadPro-Semibold';}
    .sy_yy_tt dd a{padding:5px 15px; font-size:16px; transition: all 0.6s;}
	.sy_yy_tt dd a:link,.sy_yy_tt dd a:visited{color:#111;}
	.sy_yy_tt dd a:hover{color:#2c5ba9;}
    .sy_yy_tt dd{width:100%; float: left; margin-bottom: 25px;}
    .jh_zhma{width:100%; float: left; padding: 0px 4%;}
    
	
    .qm_footer{color:#fff; background: #111; padding: 4% 4%;}
    .f_logo{width:100%; text-align: center; margin: 3% 0px; float: left;}
    .f_logo img{width:100%;}
    .f_dh{width:100%; float: left;}
    .f_dh h2{margin-bottom:20px; margin-top: 15px;font-family: 'MyriadPro-Semibold'; }
    .f_dh dd a:link,.f_dh dd a:visited{color:#fff;}
    .f_lxfss{width:100%; position: relative; }
    .f_dh dd{color:#fff; transition: all 0.6s; line-height: 38px;color:#fff;}
    .f_lxfss img{width:125px; position: absolute; right:0px; top:35%;}
    .f_dh dd:hover{padding-left:10px;}
    .f_dh dd:hover a{color:#2c5ba9;}
    .wap_un{display:none;}
    .sy_lx_leftd h2{font-size:24px;font-family: 'MyriadPro-Semibold'; margin-bottom: 20px;}
    .sy_lx_leftd a{margin:10px 20px; background: #555; padding: 10px;}
    .footer{background:#111; padding: 10px 4%; width: 100%; float: left; border-top: 1px solid #222;text-align: center;color:#ffff; line-height: 50px;}
    .goods_left{display:none;}
    
    
     .cplist_ma{width:48%; margin: 15px 1%; float: left; padding:20px; background: #fff; transition: all 0.6s;}
	.cplist_ma:hover{box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);}
    .cplist_ma img{ transition: all 0.6s;}
	.y_tjcpa{width:100%; float: left; overflow: hidden;}
    .cplist_mb{font-size:18px;font-family: 'MyriadPro-Regular'; }
	.cplist_ma:hover img{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);}
    #page{width:100%; margin-top: 3vw; margin-bottom: 20px; float: left;}
    #page a,#page span{background:#ededed;padding: 10px 16px; float: left;  line-height:24px;   margin: 0 3px;    display: inline; height: 44px;}
  .sy_tjcpb h1{font-size:16px; line-height: 24px;}
	.sy_tjcpb dd{font-size:14px;}
	.pcbanner{display:none;}
}



  .radar_container {
    margin: auto;
    position: relative;
    width: 200px;
    height: 200px;

    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
 
  .radar_wave {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #2c5ba9;
    border-radius: 50%;
    transform: scale(0); 
    box-shadow: inset 0 0 5px 1px #2c5ba9; 
    animation: radar_wave-animation 3s infinite;
  }
 
  .radar_wave:nth-child(1) {
    animation-delay: 0s;
  }
  .radar_wave:nth-child(2) {
    animation-delay: 1s;
  }
  .radar_wave:nth-child(3) {
    animation-delay: 2s;
  }
 
  @keyframes radar_wave-animation {
    0% {
      transform: scale(0); 
      opacity: 1;
    }
    100% {
      transform: scale(10); 
      opacity: 0;
    }
  }