/* CSS Document */


body{overflow-x:hidden;}

 
*{font-family:"Microsoft YaHei"}
 
.phone-nav{right:10px;top:7px;position:absolute;width:35px;height:35px;display:none;background:url(../images/menu.png) no-repeat center;margin:0 0 0 5px;z-index:999}

.phone-subnav{width:100%;position:fixed;left:0;height:100%;top:0;background:rgba(255,255,255,.98);z-index:999999;margin:0 auto;display:none}
.phone-subnav .close{padding:20px 40px;display:block}
.phone-subnav .close img{max-height:40px}
.phone-subnav ul{height:90%;overflow-y:scroll;margin:0 30px}
.phone-subnav ul li{position:relative;border-top:1px solid #dadada; overflow:hidden; text-align:left;}
.phone-subnav ul li i{position:absolute;right:10px;top:5px;text-align:center;line-height:30px;display:block;border-radius:100%;font-style:inherit;cursor:pointer}
.phone-subnav ul li i:after{content:"+";color:#666;font-size:24px;cursor:pointer;text-align:center}
.phone-subnav ul li .menu{color:#333;font-size:16px;line-height:40px;overflow:hidden;padding:0 40px 0 20px;display:block;cursor:pointer;text-align:left;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}
.phone-subnav ul li .menu>a{display:block;color:#333}
.phone-subnav ul li .menu02>a{color:#1b8fe2}
.phone-subnav ul li .menu03{display:block;padding:10px 0}
.phone-subnav ul li .menu03 a{color:#888;font-size:13px;line-height:20px;padding-top:0}
.phone-subnav ul li div{display:none;padding-bottom:15px}
.phone-subnav ul li div a{color:#666;line-height:20px;padding:5px 10px 5px 20px;display:block;height:auto;font-weight:100;position:relative}
.phone-subnav ul li div em{display:block;font-style:inherit}
.phone-subnav ul li div em>a{color:#666;font-size:12px;display:block;padding:5px 5px 5px 48px;line-height:18px}
.phone-subnav ul .active i:after{content:"-"}

.phone-subnav ul li .menu>a span{ padding-left:5px;}



.in_tp5{}
.in_tp5 span{ position:relative; display: inline-block;}
.in_tp5 span:before{ position:absolute; left:-320px; top:33px; width:300px; height:2px; background:#3e3e3e;content:""}
.in_tp5 span:after{ position:absolute; right:-320px; top:33px; width:300px; height:2px; background:#3e3e3e;content:""}

 
 

.in_tp6{height:2px; background:#3e3e3e; width:50%;animation: myfirst 1s;animation-duration:2.5s}


@keyframes myfirst
{
from { width:1%;}
to {width:50%;}
}

.in_fd{  margin-top:-100px;}

.in_fd .slick-slide{overflow:hidden;}

.in_fd img{transition:0.5s;}
.in_fd:hover .fd1 img{ transform: rotate(5deg)}
.in_fd:hover .fd2 img{ transform: rotate(-5deg)}
.in_fd:hover .fd3 img{ transform: rotate(5deg)}
.in_fd:hover .fd4 img{ transform: rotate(-5deg)}


 
.in_conimg{ text-align:center;}
.in_fd{  text-align:center; position:relative;}
.in_fd img{ }
.fdtp{ position:absolute; top:0px; width:100%; }

.in_tp5{ text-align:center;}
.in_tp5 img{ max-width:150px;}

.yctp img{transition:all 1s ease-out;display:inline-block !important}
.yctp img:hover{transform:scale(1.06);}
 


.top{ position:absolute; z-index:1; top:15px; left:15px; }
.top .logo{ max-width:130px;}
.top .header{ padding-left:70px;}
.top .menu{ border:solid 1px #005086; max-width:130px; display:none;}
.top .menu a{ color:#595757; display:block; line-height:30px; padding:3px 6px;}
.top .menu a:hover{ color:#fff; background:#005086;}
.top .menu a span{ display:inline-block; padding-left:3px;}

.in_bj{ background:url(../images/in_bj.jpg) no-repeat; background-size:100%;}

.footer{ position:absolute; bottom:0px; background:#005086; z-index:1; width:100%;color:#fff; padding:10px 0px; font-size:13px; border-top:solid 3px #fff;}
.footer .fl{ color:#fff; padding-top:15px;}
.footer .fl a{ color:#fff; display:inline-block; padding-bottom:8px;}
.footer .fl a:hover{ color:#FF0;}
.footer .fl b{ display:inline-block; padding:0px 5px; font-size:12px; font-weight:400;}
.footer .fl span{ display:inline-block; padding-right:20px;}

.footer .fl img{ margin-right:5px;}
.footer img{ vertical-align:middle;}

.footer .fr img{ float:left; max-width:50px; margin-right:6px;}
.footer .fr p{ float:left; padding-top:5px;}

.nyfooter{background:#333;}



/*新闻分类*/
.ny_tit{ color:#3e3a39;font-size:28px; text-align:center;}
.ny_tit >img{ max-width:30px; vertical-align:middle; }
.ny_tit span{ display:inline-block; padding-left:5px;}
.ny_xtit img{ max-width:300px;}

.ab_bj{background:url(http://www.shanghai-hongyi.com/template/default/images/ab_bj.png); background-size: cover ;}


.ny_news{ margin-top:4.5%;}
.ny_news ul li{float:left; width:33.3%; position:relative;}
.ny_news ul li img{transition:0.5s;}
.ny_news ul li:hover img{transform:scale(1.03);}

.ny_news ul li p{ padding-bottom:20px; margin-bottom:20px; position:relative; text-align:center;}
.ny_news ul li p:after{ content:"";position:absolute; width:1px; height:40%; background:#dcdcdb; bottom:10%;  right:0px;}

.ny_news ul li p span{ position:absolute;  height:8px; background:#005086; bottom:0px; left:21%;}

.ny_news ul li:hover span{animation:myfirst1 1s forwards;}


.ny_news ul li div div{display:block;}

.ny_news ul li div div a{color:#004D80}
.ny_news ul li div div a:hover{color:#004D80}
.ny_news ul li div div.en{color:#717070;font-size:15px;}
.ny_news ul li div div.jt{margin-top:0px;}



/*新闻列表*/
.ny_news_list{ margin-top:4.5%}
.ny_news_list ul li{ overflow:hidden; margin-bottom:3%;}
.ny_news_list ul li .fl{ width:12%;  background:#cdccd1; overflow:hidden;}
.ny_news_list ul li .fl img{ display:none; vertical-align:middle; width:100%;}
.ny_news_list ul li .fl time{ text-align:center;display:block; height:100%; background:#cdccd1; padding-top:20%;font-family:Arial, Helvetica, sans-serif; color:#797878;}
.ny_news_list ul li .fl time p{ font-size:15px;}
.ny_news_list ul li .fl time span{ font-weight:bold; font-size:30px; }

.ny_news_list ul li .fr{ width:82%;   overflow:hidden;border-bottom:solid 1px #c0c1c1;} 

.ny_news_list ul li .fr h3{ font-size:20px; padding-top:15px; padding-bottom:15px; font-weight:normal}
.ny_news_list ul li .fr h3 a{ color:#005086;}
.ny_news_list ul li .fr h3 a:hover{ color:#000;}
.ny_news_list ul li .fr p{ padding-bottom:15px;}

.ny_news_show{ margin-top:3.5%;}
.ny_news_show h1{ color:#005086; font-weight: normal; text-align:center; font-size:25px; padding-bottom:1.5%;}
.ny_news_show div{ font-size:14px; line-height:26px; height:450px; overflow-x:hidden; overflow-y:auto;}

/*新闻列表详细*/
.ny_news_show div::-webkit-scrollbar {/*滚动条整体样式*/
width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.ny_news_show div::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 8px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);

}
.ny_news_show div::-webkit-scrollbar-track {/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
border-radius: 8px;

}


/*分页*/
.page{ padding-top:2%; text-align:center;clear:both;}
ul.pagination{display:inline-block;padding:0;margin:0}
ul.pagination li{display:inline;}
ul.pagination li a{color:#000;float:left;padding:4px 8px; margin-right:3px; text-decoration:none;transition:background-color .3s;border:1px solid #a0a0a0}
ul.pagination li a.page-num-current{background-color:#005086;color:#fff;border:1px solid #005086}
ul.pagination li a:hover:not(.page-num-current){background-color:#a0a0a0}



/*产品分类*/
.ny_pro_list{ margin-top:3.5%;}
.ny_pro_list ul li{float:left; padding-bottom:15px; margin-right:3%; position:relative; width:30%; text-align:center;color:#727171; font-size:15px; margin-bottom:3%;}
.ny_pro_list ul li:nth-child(3n+3){ margin-right:0%;}
.ny_pro_list ul li p{ padding:8px 0px;}
.ny_pro_list ul li span{position:absolute;  height:8px; background:#005086; bottom:0px; left:0%; }

.ny_pro_list ul li:hover span{animation:myfirst2 1s forwards;}

@keyframes myfirst2
{
from { width:0%;}
to {width:100%;}

}

.ny_pro_list ul li img{transition:0.5s;}
.ny_pro_list ul li:hover img{transform:scale(1.03);}






@keyframes myfirst1
{
from { width:0%;}
to {width:79%;}

}


.ny_news div{ text-align:center;}
.ny_news div div{ display:inline-block;font-size:17px;}
.ny_news div .ny_news_fl em{ display:block; font-style:normal; color:#005086; border-bottom:solid 2px #868281; margin-bottom:10px; padding-bottom:5px;} 
.ny_news div .ny_news_fl strong{display:block;color:#727171; font-weight:normal;}

.ny_news div  .ny_news_gd img{ max-width:25px; margin-left:5px;}

.lsjl{ }







/*产品详细*/
.product_show{ margin-top:3.5%; overflow:hidden;}
.product_show .fl{ width:35%; text-align:center;}
.product_show .fl p{ text-align:center; color:#005086; font-size:18px; position:relative; padding-top:15%;}
.product_show .fl p:after{ position:absolute; content:""; width:30%; left:35%; height:2px; background:#005086; bottom:-5px;}
.product_show .fr{ width:55%; }
.product_show .fr .proshow_ynr_tex{ color:#727171; font-size:17px; line-height:35px; font-family:Arial, Helvetica, sans-serif;}

.pro-info{overflow:hidden}
.pro-info .pro-title{border-bottom:1px solid #c9c9c9;overflow:hidden}
.pro-info .pro-title ul li{float:left;height:38px;line-height:36px;background:url(../images/line-04.jpg) no-repeat center right;padding-right:19px;margin-right:19px;  text-align:center;}
.pro-info .pro-title ul li a{font-size:18px;color:#727171;display:block}
.pro-info .pro-title ul .sel a{font-weight:700;border-bottom:2px solid #005086; color:#005086;}

.pro-neirong video{ width:100%; max-height:321px;}

.pro-info .pro-bottom{margin-top:30px;}
.pro-info .pro-bottom .pro-neirong{display:none;padding:20px 0;overflow:hidden;}
.prev-next{padding:18px 0;overflow:hidden}





/*服务*/
.service_list ul li .fl time{ padding-top:25%}
.service_list ul li .fl time span{ font-size:22px; font-weight: normal; display:inline-block; padding-top:5px;}


/*联系我们*/
.message{ clear: both; padding-top:50px; max-width:1000px;margin:0 auto;}
.message input[type=text]{ width:31.2%; margin-right:2.95%; border:0px; border:dashed 1px #ccc; padding:8px 0px;padding-left:5px;background-color:rgba(255,255,255,0.3)}


.message textarea{ width:100%;border:0px; border:dashed 1px #ccc; margin-top:20px;padding-left:5px;background-color:rgba(255,255,255,0.3)}

.message div{ text-align:center; padding-top:2.5%;}
.message div button{ background:#00538c; color:#fff; font-size:16px; border:0px; padding:8px 16px; cursor:pointer;transition:0.5s;border-radius:5px;}
.message div button:hover{ background:#0461a1}

.message input::-webkit-input-placeholder{color:#727171;font-size:14px}
.message input::-moz-placeholder{color:#727171;font-size:14px}
.message input:-ms-input-placeholder{color:#727171;font-size:14px}

.message textarea::-webkit-input-placeholder{color:#727171;font-size:14px}
.message textarea::-moz-placeholder{color:#727171;font-size:14px}
.message textarea:-ms-input-placeholder{color:#727171;font-size:14px}


.contact{ margin-top:3.5%; overflow:hidden;}
.contact .fl{ width:45%; }
.contact .fr{ width:55%;}
.contact div .tit{ color:#005086; font-size:22px; padding-bottom:16px;}
.contact div .tex{ color:#727171; font-size:15px; padding-bottom:9px;}
.contact .con_tex{ line-height:30px; font-size:16px; line-height:30px;}
.contact .con_tex img{ vertical-align:middle; margin-right:8px;max-width:20px;}
#allmap{width:100%;height:300px; border:solid 1px #ccc;}
#allmap img{max-width:initial;max-height:inherit}
#allmap .anchorBL{display:none}

#allmap2{width:100%;height:300px; border:solid 1px #ccc;}
#allmap2 img{max-width:initial;max-height:inherit}
#allmap2 .anchorBL{display:none}


.xz_ls{ margin-top:-102px;}
.xz_ls_xw_list{ margin-top:-44px;}
.xz_ls_xw_show{ margin-top:-18px;}
.xz_ls_proclass{ margin-top:2px;}
.xz_ls_pro_show{ margin-top:30px;}
.xz_ls_sevice{ margin-top:-82px;}
.xz_ls_xw_ab{ margin-top:5px;}

.ab_ls{ margin-top:-4px;}


.hit{ text-align:center; padding-bottom:20px; font-size:13px;}

.service_show .fr{ width:62%;}





/*关于我们*/
.about_tab{ position:relative; }

.about_tab .pro-title{width:20%; position:absolute; border:0px; border-right:solid 2px #ccc; bottom:0px;}
.about_tab .pro-title ul li{ width:100%; background:none; margin-right:0px; padding-right:0px; padding-bottom:50px;}
.about_tab .pro-title ul .sel a{ border:0px; border-right:solid 2px #005086;}

.about_tab .pro-bottom{width:100%; float:right}
.about_tab .pro-bottom .pro-neirong{ padding:0px 15px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#595757;}

.about_tab .pro-bottom .pro-neirong .in_nr{ padding-left:20%;}

.about_tab .pro-bottom .pro-neirong p{ margin-bottom:20px;}





.ab_gd{ margin-top:3.5%;}
.ab_gd .slick-slide{ text-align:center; position:relative;}
.ab_gd .slick-slide:after{ content:"";position:absolute; width:1px; height:40%; background:#dcdcdb; bottom:0%;  right:0px;}
.ab_gd .slick-slide img{ display:inline-block;transition:0.5s;}
.ab_gd .slick-slide:hover img{transform:scale(1.03);}

.ab_gd .slick-next{ background:url(../images/yjt.png); width:35px; height:35px;}
.ab_gd .slick-prev{ background:url(../images/zjt.png); width:35px; height:35px;}

/*地图*/
.map{cursor:pointer;position:relative}
.map .td{position:absolute;top:50.5%;right:24.3%;animation:rotate 1.5s linear infinite}

.map .td_2{position:absolute;top:38.5%;right:7.3%;animation:rotate 1.5s linear infinite}

@keyframes rotate{0%{transform:translateY(0)}
50%{transform:translateY(-10px)}
75%{ransform:translateY(-5px)}
100%{transform:translateY(0)}
}
#allmap{display:none}
#allmap2{display:none}


@media (max-width:1450px) {

.xz_ls{ margin-top:-15px;}	
.xz_ls_xw_list{ margin-top:5px;}
.xz_ls_xw_show{ margin-top:5px;}
 .xz_ls_proclass{ margin-top:0px;}
 .xz_ls_pro_show{ margin-top:20px;}
 
 .xz_ls_sevice{ margin-top:-45px;}
 
 .pro-info{ margin-top:20px;}
	
.in_fd img{ max-width:300px;}	
.in_tp5 img{ max-width:100px;}




.ny_news{ margin-top:2%;}	

.ny_news ul li img{ max-width:200px;}
.ny_news ul li p{ padding-bottom:10px; margin-bottom:10px; }
.ny_news ul li p span{ height:5px; left:23.5%;} 
.ny_news div .ny_news_fl em{ margin-bottom:0px; padding-bottom:0px;} 


.ny_news_list{ margin-top:1%}
.ny_news_list ul li .fr h3{ font-size:16px;padding-top:0px; padding-bottom:8px;}
.ny_news_list ul li .fl time{ padding-top:10%;}

.ny_news_list ul li .fl{ width:10%; }
.ny_news_list ul li .fr{ width:88%; }

.ny_news_list ul li{ margin-bottom:1.5%;}

.page{ padding-top:0%}	



	@keyframes myfirst
	{
	from { width:0%;}
	to {width:76.5%;}
	
	}
	



.ny_news_show{ margin-top:2%;}
.ny_news_show div{ height:257px;}


.ny_pro_list{ margin-top:1.5%;}	 


.ny_pro_list ul li{ margin-bottom:15px; padding-bottom:5px;}
.ny_pro_list ul li span{height:5px; }
.ny_pro_list ul li p{ padding:3px 0px;}
.ny_pro_list ul li img{ max-height:100px;}


.product_show{ margin-top:15px;}
.ydlx{ margin-top:0px;}

.product_show .fl img{ max-width:300px;}
.product_show .fr .proshow_ynr_tex{ font-size:14px; line-height:23px;}	

.pro-neirong img{ max-height:170px;}
.pro-neirong video{ width:100%; max-height:170px;} 
	
	
.contact{ margin-top:1%; overflow:hidden;}	

.contact div .tit{ font-size:18px; padding-bottom:10px;}
.contact div .tex{font-size:14px; padding-bottom:10px;}
.contact .con_tex{ line-height:30px; font-size:14px; line-height:30px;}
.contact .con_tex img{ max-width:20px; margin-right:5px;}	
#allmap{height:200px;}

.message{ clear: both; padding-top:15px; }
.message div{ text-align:center; padding-top:1.5%;}



.ab_gd{ margin-top:1%;}
.ab_gd .slick-next{ right:0px;}
.ab_gd .slick-prev{ left:0px; z-index:999;}
.ab_gd .slick-slide img{ max-width:150px;}
.ab_kd{ max-width:1000px;}
.about_tab{ margin-top:20px;}
.about_tab .pro-bottom .pro-neirong{ padding:0px 15px; line-height:22px; font-size:14px;}
.about_tab .pro-title ul li{ padding-bottom:0px; height:35px; line-height:35px;}
.about_tab .pro-title ul li a{font-size:14px;}
.about_tab .pro-bottom .pro-neirong p{ margin-bottom:5px;}
	}



.fzlogo{margin-top:50px;}

.fz_fd{ position:relative; }

.fzjg_fd{position:absolute;top:23%;left:88.6%;animation:rotate 1.5s linear infinite;cursor:pointer;}

.fzjg_fd1{position:absolute;top:35%;left:71.6%;animation:rotate 1.5s linear infinite;cursor:pointer;}


.in_xz img{max-width:250px;margin-top:13px;}

.in_img{overflow:hidden;}
.in_img li{ text-align:center; position:relative; float:left; width:33.3%; margin-bottom:30px;}
.in_img li:after{ content:"";position:absolute; width:1px; height:40%; background:#dcdcdb; bottom:8%;  right:0px;}

.in_img li img{max-width:257px;max-height:316px;}



@media (max-width:768px) {


.in_img li{ padding:0px 2%; margin-bottom:10px;}
.about_tab .pro-title{ position:static;}
.pro-info .pro-bottom{ margin-top:15px;}

.fzjg_fd{top:21%;left:79.6%;}	
.fzjg_fd1{top:27%;left:65.6%;}	

.ny_news_show h1{ font-size:20px;}	
	
.phone-nav {display: block}
.phone-nav{ top:10px; right:16px !important; }	
	
.in_bj{ background:url(../images/in_bj.jpg) no-repeat; background-size: cover;}	
.footer .fr{ display:none;}
.footer .fl{ padding-top:0px; text-align:center; width:100%; }
.footer .fl span{ display:block;}
.ny_tit{font-size:20px;}


.ny_news{ margin-top:30px;}
.ny_news ul li{float:left; width:31.2%; margin-right:3%; position:relative;}
.ny_news ul li:last-child{ margin-right:0%; }
.ny_news ul li img{ width:100%;}
.ny_news ul li:hover img{transform:scale(1.03);}

.ny_news ul li p{ padding-bottom:0px; margin-bottom:0px; }
.ny_news ul li p span{ display:none;}
.ny_news div div{ display:inline-block;font-size:13px;}
.ny_news ul li p:after{ display:none;}
.ny_news div  .ny_news_gd img{ max-width:20px;}


.page{ padding-top:3%}	
.ny_news_list{ margin-top:5%}	
.ny_news_list ul li .fl{ width:18%; background:none;}
.ny_news_list ul li .fr{ width:80%; }

.ny_news_list ul li{ margin-bottom:30px;}
.ny_news_list ul li .fl time{ display:none;}
.ny_news_list ul li .fl img{ display:block;}
.ny_news_list ul li .fr p{ height:41px; font-size:13px; overflow:hidden;}
.ny_news_list ul li .fr h3{ padding-bottom:3px; height:20px;  overflow:hidden;}
	
.ny_pro_list{ margin-top:5%;}
.ny_pro_list ul{ padding-bottom:10px; overflow:hidden;}
.ny_pro_list ul li{ width:48%; margin:0%; margin-right:2%;}
.ny_pro_list ul li p{ font-size:13px;}

.ny_pro_list ul li:nth-child(3n+3){ margin-right:2%;}


.product_show .fl{ width:100%; padding-top:20px;}
.product_show .fl img{ width:80%;}	
.product_show .fr{ width:100%; }	
.product_show .fl p{ padding-top:0%; margin-bottom:15px;}
.pro-info{margin-top:5px;overflow:hidden}
.pro-info .pro-title ul li{ height:25px; line-height:25px;}
.pro-info .pro-title ul li a{font-size:15px;}
.pro-info .pro-bottom{ padding-bottom:65px; min-height:500px;}

.ser_lx{padding-bottom:85px;}


.contact{ padding-bottom:85px;}	
.contact .fl{ width:100%;}
.contact .fr{ width:100%; padding-top:20px;}
.message input[type=text]{ width:100%;margin-top:10px;}
.conls{ margin-top:100px;}

.message input::-webkit-input-placeholder{font-size:14px}
.message input::-moz-placeholder{font-size:14px}
.message input:-ms-input-placeholder{font-size:14px}

.message textarea::-webkit-input-placeholder{font-size:14px}
.message textarea::-moz-placeholder{font-size:14px}
.message textarea:-ms-input-placeholder{cfont-size:14px}
.message textarea{height:80px;margin-top:10px;}

.message div button{ font-size:14px; margin-top:15px;}	

.top .logo{ max-width:80px;}
.pro_ydd{ padding-top:80px; margin-top:0px; padding-bottom:80px;} 
 
.headerFixed{} 
.top .header{ padding-left:0px;}

.xz_ls_xw_ab{ margin-top:70px;}

.top .menu{ display:none !important;}

.ab_kd{ padding-top:80px; padding-bottom:20px;}
.about_tab .pro-title{ width:100%;margin:20px 0px;border:0px; margin-bottom:0px;}
.about_tab .pro-bottom{ width:100%;}

.about_tab .pro-title ul li{width:25%;border-right:solid 1px #ccc;}
.pro-info .pro-title ul li a{font-size:14px;}

.about_tab .pro-bottom .pro-neirong{padding:0px;}

.xz_ls_pro_show{margin-top:65px;}

.ny_news ul li div div.jt img{width:40%;}
.ny_news ul li div div.en{font-size:12px;}


.map .td{top:41%;right:22.3%;}
.map .td_2{top:27.5%;right:5.3%;}


.ab_gd .slick-slide img{width:75%}
.ab_gd .slick-next{right:-16px;}
.ab_gd .slick-prev{left:-16px;}


.contact div .tex{display:none;}


.ys_fh{display:none !important;}


.in_tp5 span:before{top:21px;}
.in_tp5 span:after{top:21px;}
.in_xz img{margin-top:0px;}

.in_b2{padding-top:15%;}

.about_tab .pro-bottom .pro-neirong .in_nr{ padding-left:0%;}


	}

.c-info{position:relative;}
.c-info .fh{position:absolute;top:0px;right:0px;background:#00538c;color:#fff;padding:7px 10px 0px 10px;cursor:pointer;}

.ycin{display:none !important;}

.xsin{display:block !important;}


.fz_fd{position:relative;}
.fz_fd .fh{position:absolute;top:0px;right:0px;background:#00538c;color:#fff;padding:7px 10px 0px 10px;cursor:pointer;}

.td{cursor:pointer;}
.td_2{cursor:pointer;}

.fd{cursor:pointer;}


.ys_fh{position:absolute;right:15px;text-align:right;top:15px;z-index:99999;width:150px;height:150px;}
.ys_fh img{margin-right:70px;}
.ys_fh:hover img{display:inline-block;}


.pr_tc img{max-width:150px;margin-bottom:8px;}



/*在线留言*/
.list-message{ padding-top:30px; overflow:hidden; padding-bottom:30px;}
.list-message p i{ font-style:normal; color:#F00;}
.list-message .li-1{width:100%;background-color:#f0f1f5}
.list-message .li-2{width:100%;background-color:#f0f1f5;border:solid 1px #e1e1e1}
.list-message .li-2 textarea{width:100%;font-size:14px;color:#333;border:0;height:150px;padding:10px;background:#f0f1f5;}
.list-message .li-3{width:100%;background-color:#f0f1f5;}
.list-message .li-3 span{width:30%}
.list-message li:first-child{margin-top:0}
.list-message li{margin-top:20px;position:relative;transition: all .5s;}
.list-message li:hover{border-color:#003f95}
.list-message li p{padding:7px 10px;display:inline-block;border:solid 1px #e1e1e1; transition: 0.5s;}
.list-message li p:hover{border-color:#003f95}
.list-message li label{width:206px;line-height:20px;font-weight:400;border-right:solid 1px #e1e1e1}
.list-message li label em{color:#f30;padding-right:5px;font-style:normal}
.list-message li span{width:65%;display:inline-block}
.list-message li span font{position:absolute;color:red;display:none;right:2%;top:-25px}
.list-message li input{width:100%;border:0;padding:0 5px;font-family:"微软雅黑";line-height:20px; background:#f0f1f5;}
.list-message li .button:first-child{background-color:#0f3e86;}
.list-message li .button{width:50px;width:208px;height:45px;font-size:16px;line-height:45px;margin-right:10px;color:#fff;cursor:pointer;background-color:#444}

.list-message-2 >h2{ text-align:center;}
.list-message-2 >p{ text-align:center;}

.list-message-2 li:first-child{margin-top:20px}
.list-message-2 li{width:100%;}
.list-message-2 .li-4 .button{width:100%;font-weight:700}

.modal-header{color:#f00}





.product_show .swiper-pagination-fraction{bottom:0px; font-size:18px; color:#135186;}
.product_show .swiper {
        width: 100%; padding-bottom:34px;
        height: 100%;
      }

.product_show .swiper-slide {
        text-align: center;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.product_show .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.product_show .swiper-button-next{ color:#135186;width:40px; height:40px;}
.product_show .swiper-button-prev{ color:#135186;width:40px; height:40px;}


.product_show .swiper-button-next{ background:url(../images/page3.png) no-repeat;}
.product_show .swiper-button-prev{ background:url(../images/page2.png) no-repeat;}
.product_show .swiper-button-next:after{ content:"";}
.product_show .swiper-button-prev:after{ content:"";}