﻿/*Common For Max 1366*/
@media only screen and (max-width: 1499px) {
.wp { width: 97%; }
.ul-txt03 li a { margin: 0 15px; }
}

/*Common For Max 1200*/
@media only screen and (max-width: 1365px) {
.row-b1 .col-l { width: 264px; }
.row-b1 .col-r { margin-left: 300px; }
.m-txt1 .txt { margin-right: 0; }
}

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
body { padding-top: 80px; }
.wp { width: 95%; }
.kf { display: none; }
/*头部*/
.hdr { width: 78%; }
.yunu-header { position: fixed; top: 0; left: 0; right: 0; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.05); z-index: 999; }
/*首页*/
.ul-txt03 li a { margin: 0 5px; padding: 40px 27px; }
.ul-txt03 li .txt h3 { font-size: 22px; }
.banner .slick-arrow { margin-top: -20px; width: 40px; height: 40px; -o-background-size: auto 15px; -ms-background-size: auto 15px; -moz-background-size: auto 15px; -webkit-background-size: auto 15px; background-size: auto 15px; }
.ul-txt01 li .pic { margin-top: 14px; }
.ul-txt01 li .box { padding: 0 25px; }
.ul-txt01 li .txt h3 { font-size: 20px; }
.ul-txt01 li .txt p { font-size: 14px; }
.g-tit01 h3 { font-size: 32px; }
.m-pic01 .item { padding: 50px 0; }
.ul-news01 { padding-left: 30px; }
.g-tit02 { font-size: 32px; }
.m-txt01 { margin: 0 -8px 50px; }
.m-txt01 .item { padding: 10px 10px 30px; position: relative; top: 0; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;height: 260px; }
.m-txt01 .item:hover { top: -5px; }

.m-txt01 .item .txt { margin: 0 8px; }
.fd-txt p { font-size: 12px; }
.fd-nav a.btn { font-size: 14px; width: 140px; }
.fd-nav ul li a { font-size: 14px; }
.ul-news01 li:last-child { display: none; }
.g-tit01 p { font-size: 15px; }
/*内页*/
.h50 { display: block; }
.yunu-link { display: block; }
.m-news1 .box h1 { font-size: 22px; }
.m-pic1 { width: 350px; }
.view .swiper-slide .imgauto { height: 300px; line-height: 300px; }
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
body { padding-top: 50px; }
/*头部*/
.yunu-header .tel { display: none; }
.yunu-header { height: 50px; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.05); }
.yunu-header .logo { height: 50px; line-height: 50px; }
.yunu-header .logo img { max-height: 35px; display:none }
.yunu-header .logo img.img2{ display:inline}
.menuBtn { display: block; }
.yunu-nav { float: none; display: none; position: fixed; top: 50px; left: 0; right: 0; width: 100%; height: 100%; z-index: 9999; background-color: #f6f6f6; margin-top: 0; }
.yunu-nav > li { float: none; width: auto; }
.yunu-nav > li > a { color: #000; width: auto; display: block; padding: 0 20px; height: 44px; line-height: 44px; margin: 0; text-align: left; font-size: 16px; border-bottom: 1px solid #ccc; }
.yunu-nav > li > a.v1 { background-repeat: no-repeat; background-position: 95% center; background-image: url(../images/icon7.png); }
.yunu-nav > li.on >a,  .yunu-nav > li:hover > a { color: #fff; }
.yunu-nav > li:hover > a { background-color: #c5d6e8; }
.yunu-nav > li a.v1.on { background-image: url(../images/icon7-hover.png); }
.yunu-nav dl { padding-top: 0; margin: 0; position: static; background-color: rgba(0,0,0,0); }
.yunu-nav dl:after { display: none; }
.yunu-nav dl dd a { text-align: left; height: 42px; line-height: 42px; color: #fff; background-color: #6697CC; font-size: 16px; }
.yunu-nav dl dd.first a,  .yunu-nav dl dd.last a { border-radius: 0; }
.yunu-nav li:hover dl { display: none; }
.yunu-nav dl dd a:hover { color: #fff; background-color: #3F6894; }
/*友情链接*/
.m-link1 .item:first-child { margin-bottom: 10px; }
/*首页*/
.ul-txt03 li {    margin-bottom: 20px; width:45%; }
.ul-txt03 li a{ background-size:100%}
.ul-txt03 li:nth-child(2n) { margin-top: 0; }
.ul-txt03 li a { margin: 0 auto; min-height: 100%; }
.ul-txt03 li .txt h3 { font-size: 20px; padding:0 }
.ul-txt03 li .txt p{ padding:0}
.ul-txt01 li .box { padding: 0 12px; }
.ul-txt01 li .pic { margin-top: 9px; }
.ul-txt01 li .txt { padding-left: 15px; }
.ul-txt01 li .txt h3 { font-size: 16px; }
.ul-txt01 li .txt p { font-size: 12px; }
.g-tit01 { padding: 25px 0; }
.g-tit01 h3 { font-size: 26px; }
.m-pic01 .item { padding: 25px 0; }
.row-a3 { margin: 25px 0; }
.m-list03 .g-tit02 { float: none; }
.ul-tab01 { float: none; text-align: center; font-size: 0; padding-top: 15px; }
.ul-tab01 li { float: none; display: inline-block; }
.tab_tab01 .col-l { display: none; }
.tab_tab01 .col-r { float: none; width: auto; }
.tab_tab01.show { padding: 15px 0; }
.ul-news01 { padding-left: 0; }
.row-a4 { padding-bottom: 25px; }
.g-tit02 { font-size: 30px; }
.m-txt01 { margin-bottom: 25px; }
.fd-top { display: none; }
.row-a5 { margin-top: 2px; }
.ul-news01 li:last-child { display: block; }
.ul-txt03 { padding: 25px 0; }
/*内页*/
.ban { height: 300px; }
.row-b1 .col-l { float: none; width: auto; }
.row-b1 .col-r { margin-left: 0; }
.g-titIns1 { font-size: 16px; }
.snv { margin-bottom: 15px; }
.ul-newslist { display: none; }
.m-info { display: none; }
.dbn { display: none; }
.m-news1 .box h1 { font-size: 16px; }
.m-txt3 { display: none; }
.m-message { margin: 20px auto 0; }
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	.row-a3{ padding-top:20px}
	.ftlogo{ width:100%; text-align:center}
	.ftlogo img{ display:inline-block}
	.f_nav{ width:100%; max-width:100%}
	
	.links{ width:100% ; display: none;}
	.ft_lxwm{ float:left}
	.yunu-footer .copy { height:auto; line-height:30px}
	/********/
.dome .dome { width: 100% }
.dome .loop { width: 90%; height: auto; margin-top: 15px; margin-right: auto; margin-left: auto; clear: both; float: none; display: block }
.dome .loop .pic { height: auto; width: 100% }
.dome .loop .pic img { height: auto; width: 100% }
.dome .loop .text { height: auto; background-color: #f7f7f7; box-sizing: border-box; transition: all .3s; padding: 15px }
.dome .loop .text span { background-color: #606060; white-space: pre; display: inline-block; height: 20px; padding-right: 8px; padding-left: 8px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color: #fff; float: right; margin-left: 10px; line-height: 20px }
.dome .loop .text strong { font-size: 17px; font-weight: 700 }
.dome .loop .text p { padding-top: 10px; color: #888 }
.dome .loop:hover .text { background-color: #00A2E9 }
.dome .loop:hover.text h4 { color: #FFF }
.dome .loop:hover.text p { color: #FFF }
.dome .loop:hover.text .date { color: #FFF }
/**************************/
	/*首页*/
.ul-txt03 li .txt h3 { font-size: 16px; padding: 0; margin: 0 }
.banner .slick-dots { bottom: 5%; }
.m-list01 { padding-bottom: 0; }
.ul-txt01 li { width: 50%; border-right: 0; margin-bottom: 20px; }
.ul-txt01 li .pic { float: none; width: 58px; height: 58px; margin: 0 auto; }
.ul-txt01 li .txt { padding-left: 0; }
.ul-txt01 li .txt h3 { height: 30px; line-height: 30px; text-align: center; }
.ul-txt01 li .txt p { display: none; }
.g-tit01 h3 { font-size: 22px; }
.row-a4 { margin: 5px 0; background-color: #fff; }
.ul-pic01 {   }
.ul-pic02 { margin: 0 -6px; display: block !important; }
.ul-pic02 li { width: auto; padding: 20px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); margin: 6px; border-radius: 5px; }
.ul-pic02 li .pic { padding-top: 80%; }
.ul-pic02 li .pic img { width: 100%; height: 100%; }
.g-tit02 { font-size: 28px; }
.m-txt01 { margin: 0 0 25px; }
.m-txt01 .item .txt { padding: 30px 20px; margin: 0; }
.m-txt01 .item .txt h3 { font-size: 16px; }
.m-txt01 .item .txt span { margin-bottom: 10px; }
.yunu-footer .copy { text-align: center; }
.yunu-footer .copy p { float: none; font-size: 14px; }
.yunu-footer .copy a { display: none1; }
.row-a2 { display: no; }

.about { background: url(../images/indexbg1.png) top center no-repeat; background-size: cover; padding: 15px 0; overflow: hidden }
.iabout_honor { }
.iabout_four { }
.iabout_four li { width: 50%; float: left; text-align: center; position: relative }
.iabout_four li:after { content: ''; float: right; width: 0px; height: 100px; background-color: #949494; position: absolute; top: 20px; right: 0 }
.iabout_four li:last-child:after { width: 0 }
.iabout_four .iab_img { display: inline-block }
.iabout_four .iab_img img { max-height: 100% }
.ul-txt03 { padding: 50px 0; }
.m-txt01 .item:hover { top: 0; }
/*内页*/
.ban { height: 200px; }
.g-cur { height: 30px; line-height: 30px; }
.row-b1 { padding: 20px 0 36px }
.row-b1 .col-l { display: none; }
.ul-imgtxt-01 li { width: 50%; }
.m-news1 .box h1 { font-size: 16px; }
.ul-pages1 { margin: 20px 0; }
.ul-news1 li { float: none; width: auto; }
.ul-news1 li .tit { margin: 0 !important; }
.ul-newslist li .txt p { font-size: 12px; line-height: normal; }
.m-message label span { float: none; margin-right: 15px; }
.btn-1 { padding-left: 0px; }
.btn-1 input { width: 100%; height: 32px; line-height: 32px; background: #416B93; border: none; color: #333; margin-right: 22px; cursor: pointer; transition: 0.3s;border-radius:5px; }
.btn-1 {}
.btn-1 input.focus { background: #416B93; color: #fff; }
.btn-1 input.focus:hover { background: #0F4674; }
.btn-1 input:hover { background: #ccc; }
.m-message label.code input { float: none; }
.m-message label.mes span { position: relative; top: -55px; z-index: 3; }
.m-message label.code input { width: 30%!important; margin-right: 10px; }
.m-pic1 { float: none; width: auto; margin: 10px 0; overflow: hidden; }
.m-pic1-for .item { height: auto; }
.m-txt1 { padding-left: 0; margin-top: 20px; }
/**********/
.branch_slide{ width:94%; margin:0 auto}
.branch_slide img{ max-width:100%}
.branch_slide .bd{ width:auto;  border: 0px solid #416b93; height:auto}
.branch_slide .hd{ display:none}
.branch_slide .bd li .img{ width:auto; line-height:inherit; height:auto}
.branch_slide .bd .slick-next{ display:none}
.branch_slide .bd .slick-prev{ display:none}
.branch_slide .bd li img{ max-width:100%; max-height:none}



.slick-slide{ height:auto}
.branch_slide  .slick-slide{ height:auto}
.dome2 .prev{ display:none}
.dome2 .next{ display:none}
	.ft_lxwm .ftewm{ width:250px; margin:0 auto; padding:0; overflow:hidden}
.yewu_box{ display:none}
.game163 .bigImg{ width:100%; max-width:100%; height:auto}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	.ft_lxwm .ftewm{ width:250px; margin:0 auto; padding:0; overflow:hidden}
	.yewu_box{ display:none}
.game163 .bigImg{ width:100%; max-width:100%; height:auto}


	.game163 .smallScroll{ display:none}
	.about_honor  img{ max-width:100%}
	.wp{  max-width:100% }
	
/*头部*/
	/*友情链接*/
.m-link1 { padding: 10px 0; }
/*首页*/
.ul-txt03 li{ margin-left:12px}
.ul-txt03 li .txt h3 { padding: 0 0; }
.ul-txt03 li .txt p { margin: 0 0; font-size: 14px; line-height: normal;display: none; }
.ul-txt03 li a { padding: 20px; margin: 0; }
.ul-tab01 { margin: 0 -5px; }
.ul-tab01 li { width: 50%; }
.ul-tab01 li a { font-size: 14px; margin: 0 5px; }
.ul-news01 li .txt { padding-left: 15px; }
.ul-news01 li .time { width: 80px; height: 80px; }
.ul-news01 li .time span { padding-top: 12px; }
/*内页*/
.row-b1 { padding: 10px 0 16px }
.m-chanpin { margin-bottom: 15px; }
.ul-imgtxt-01 { margin: 0 -5px; }
.ul-imgtxt-01 li { margin-top: 10px; }
.ul-imgtxt-01 li a { margin: 0 5px; }
.m-list3 { padding: 10px 0; }
.m-content .txt { line-height: 24px; }
.m-news1 .txt { line-height: 24px; }
.ul-newslist li { padding: 15px 0; }
.ul-newslist li .tit { margin-bottom: 15px; }
.ul-newslist li .tit .time { font-size: 12px; }
.ul-newslist li .tit a { font-size: 14px; }
.m-message { margin: 10px auto 0; }
.m-message label input.inp,  .m-message label textarea,  .m-message label.code input { width: 66%; }
.m-message label { margin-bottom: 10px; }
.ul-imgtxt-01 li a p { height: 30px; line-height: 30px; font-size: 14px; }
.m-txt1 .txt { padding-bottom: 10px; }
.m-txt1 .txt p { margin-bottom: 0; }
.m-list02 { margin-top: 20px; }
.ul-txt3 li { margin: 0; }
.m-list-03 { margin-top: 15px; padding-top: 13px; }
.m-list-03 .con .pic { height: auto; line-height: normal; }
.m-list-03 .con .txt h3 { margin-bottom: 15px; font-size: 16px; }
.preview .swiper-slide { width: 33.33%; }
.view .swiper-slide .imgauto { height: auto; line-height: normal; }
.m-news1 .box .desc span { margin: 0;padding-top: 30px; }
.m-news1 .txt { padding: 0px 0; line-height: 24px; color: #2F2F2F; }
.ul-pages1 li { float: none !important; margin-bottom: 10px; }
/*********************/
.tabBox{   margin:80px auto; width:100% }
	.tabBox .hd{ height:44px; line-height:44px;    }
	.tabBox .hd ul{ width:100%; height:250px; overflow:hidden; text-align:center  }
	.tabBox .hd li{    text-align:center; 
		font:normal 14px/33px "Microsoft YaHei"; _font-weight:bold; color:#3E6993; 
	}
	.tabBox .hd li{ color:#3E6993; display:inline-block; height: 44px; line-height: 44px;width: 46%; border: 0.1px solid #3E6993;margin-right: 5px;
margin-left: 5px; }
	.tabBox .hd li a{ display:block;font-size: 16px; font-weight: 600; padding:0 0px}
	.tabBox .hd li.on,.tabBox .hd li:hover{ background:#3E6993; height: 44px;line-height: 44px; width: 46%; font-size: 16px;font-weight: 600;  margin-right: 5px;
margin-left: 5px; color:#FFF }
	.tabBox .hd li.on a ,.tabBox .hd li:hover a{ color:#fff;  }
	.tabBox .bd{ min-height:560px     }
	.tabBox .bd ul{ overflow:hidden;  }
	
.iabout_four .p_cn { font-size: 16px }
.iabout_four .p_en { font-size: 12px; }
.iabout_four li p { color: #000000 }
.iabout_four li:hover p { color: #567A9C }
.iabout_four .iab_img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.iabout_four .iab_img img.img2 { display: none; }
.iabout_four li:hover .iab_img img.img1 { display: none; }
.iabout_four li:hover .iab_img img.img2 { display: inline-block; }
/*-----------------[新闻中心]--------------*/
.row-a3 { background: #F6F6F6; padding: 5px 0; overflow: hidden }
/* 本例子css */
.hasMoreTab { width: 100%; font-family: "Microsoft YaHei"; margin-top: 50px; padding: 0; }
.hasMoreTab .hd { line-height: 40px; height: 50px; border-bottom: 1px solid #3E6993; position: relative; padding-right: 10px; padding-bottom: 10px }
.hasMoreTab .hd .more { float: right; font-size: 16px;display: none; }
.hasMoreTab .hd ul { z-index: 5; position: absolute; height: 42px; overflow: hidden; zoom: 1; }
.hasMoreTab .hd li { float: left; padding: 0 40px; cursor: pointer; text-align: center; color: #000; border: 1px solid #3E6993; margin-right: 20px; height: 40px; line-height: 40px; font-size: 16px; font-weight: 600 }
.hasMoreTab .hd li.on { font-weight: bold; height: 40px; line-height: 40px; background: #3E6993; font-weight: bold; color: #fff; border: 1px solid #3E6993; }
.hasMoreTab .bd { padding: 30px 0; position: relative; min-height: 640px }
/*************/
	
.hasMoreTab .col-l { width: 100%; }
.hasMoreTab .col-r { width: 100%; }
.m-news01 { background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; box-shadow: 0px 6px 30px rgba(51, 51, 51, .15); }
.m-news01 .pic { overflow: hidden; position: relative; }
.m-news01 .pic img { display: block; width: 100%; height: 100%; }
.m-news01 .pic img:hover img { transform: scale(1.1); }
.m-news01 .txt .tit { position: relative; padding: 20px; }
.m-news01 a:hover .txt .tit { }
.m-news01 .txt .tit h3 { margin-bottom: 10px; font-size: 16px; color: #000; font-weight: 400; line-height: 30px }
.m-news01 a:hover .txt .tit h3 { color: #3F6894; }
.m-news01 .txt .tit span { font-size: 14px; display: block; color: #666; }
.ul-news01 { overflow: hidden }
.ul-news01 li { overflow: hidden; height: 50px; line-height: 50px; font-size: 16px; color: #000; border-bottom: 1px solid #ccc; }
.ul-news01 li span { float: right }

	/*-----------------[常见问题]--------------*/
.row-a5 { padding: 10px 0; overflow: hidden }
.ul-pic02 { display: none !important; }
.ul-pic01 { overflow: hidden; padding-top: 150px }
.ul-pic01 li { float: left; width: 48%; margin-right: 2%; margin-bottom: 34px; }
.ul-pic01 li:nth-child(4n) { margin-right: 0 }
.ul-pic01 li .pic { overflow: hidden; position: relative; }
.ul-pic01 li .pic img { display: block; max-width: 100%; max-height: 100%; margin: auto;height: 140px; }
.ul-pic01 li .pic p { position: absolute; bottom: 0; height: 40px; line-height: 40px; width: 100%; left: 0; z-index: 50; font-size: 16px; color: #fff; font-weight: 400; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: rgba(0,0,0,0.3); text-indent: 10px }
.ul-pic01 li:hover .pic p { background: rgba(0,0,0,0.6); }
.row-a5 .icase_more { display: block; width: 138px; height: 40px; line-height: 40px; border-radius: 10px; color: #3F6894; font-size: 16px; border: 1px solid #3F6894; text-align: center; margin: 0 auto }
.row-a5 .icase_more:hover { background: #227b8d; color: #fff }
.row-a5 .icase_more:hover a { color: #fff }

/*-----------------[服务企业]--------------*/
.row-a4 { background: url(../images/indexbg2.png) top center no-repeat; padding: 75px 0 20px; overflow: hidden }
.m-list03 { float: left; width: 100%; margin-top: 30px; }
.m-video { float: right; width: 100%; text-align: center; margin-top: 30px; }
.ul-tab01 { float: left;width: 100%; }
.ul-tab01 li { float: left; width: 33.33%; }
.ul-tab01 li a { display: block; height: 44px; line-height: 44px; text-align: center; font-size: 16px; color: #3F6894; border: 1px solid #e3e3e3; font-weight: 600;background: #E5E5E5 }
.ul-tab01 li.on a { color: #fff; border: 1px solid #3F6894; background-color: #3F6894;font-weight: 600; }
.tab_tab01 { height: 0; overflow: hidden; }
.tab_tab01.show { height: auto; padding: 30px 0; }
.tab_tab01 .tab_more { display: block; width: 138px; height: 40px; line-height: 40px; border-radius: 10px; color: #3F6894; font-size: 16px; border: 1px solid #3F6894; text-align: center; margin-top: 20px }
.tab_tab01 .tab_more:hover { background: #227b8d; color: #fff }
.tab_tab01 .tab_more:hover a { color: #fff }
/*
-----------------[内页左侧]--------------*/
.sonav { height: 100%; line-height: 50px; background: #fff; }
.sonav .wp { text-align: center }
.sonav .wp a { color: #000; display: inline-block; padding: 0 0px; line-height: 40px; font-size: 16px;width: 46%;border: 0.1px solid #3E6993;margin-right: 5px;
margin-left: 5px; }
.sonav .wp a.on, .sonav .wp a:hover { background: #416B93; color: #FFF }
/*************/

.sonav1 { height: 43px; line-height: 43px; background: #fff;display: inline; }
.sonav1 .wp { text-align: center }
.sonav1 .wp a { color: #000; display: inline-block; padding: 0 5px; line-height: 40px; font-size: 16px;width:46%; margin-right: 5px; margin-left: 5px;}
.sonav1 .wp a.on, .sonav .wp a:hover { background: #416B93; color: #FFF }
/*************/
/********/
.about_bd{ padding:5px 0; overflow:hidden}
.about_tit{ font-size:20px; font-weight:600; color:#000; text-align:center; line-height:100px;}
.about_con{ line-height:28px; font-size:16px;padding-top: 10px; color:#000 }
.about_con p{ line-height:28px; font-size:16px; }



.nymain { background: #F7F7F7 }

.aboutfuwu { padding:0; overflow:hidden; margin:0px 0  }
#aboutfuwu {   }


.clean { zoom: 1; display: block; padding: 0; overflow: hidden; width: 100%; margin-bottom: 20px; background: #fff }

#aboutfuwu .abitem { width: 100%; float: left; overflow: hidden; background: #FFFFFF; padding:0; height:100%; }
#aboutfuwu .abitem:hover{ background:#CCC;  }

#aboutfuwu .abitempic { overflow: hidden }
#aboutfuwu .abitempic img { max-width: 100%; width: 100% }
#aboutfuwu .abinfo { padding: 2% 5%; }
#aboutfuwu .abinfo .abox { line-height: 34px; font-size: 14px; color: #666; text-align: center; padding-top: 20% }
#aboutfuwu .abinfo .abox .abtit { }
#aboutfuwu .abinfo .abox .abtit .title-0 { color: #666666; font-size: 18px; }
#aboutfuwu .abinfo .abox .abtit .title-1 { color: #666666; font-size: 14px; padding: 10px 0 }
#abitem1 { }
#abitem2 { }
#abitem3 { }
#aboutfuwu #abitem3 .abinfo .abox .abtit .title-0 { color: #FFF }
#aboutfuwu #abitem3 .abinfo .abox .abtit .title-1 { color: #FFF }
#abitem3 .brief { color: #FFF }
#abitem3 .ab-button { background: #FFF; color: #000 }
#abitem3 .ab-button a { color: #000 }
#abitem3 .ab-button:hover { background: #FF8726; color: #fff }
#abitem3 .ab-button:hover a { color: #FFF }
/**********/

/*********/
.zhaobiao_bd{   padding:0; overflow:hidden }

.zhaobiao_img{  background-size:cover; width:100%; float:left ; height:100%;}

.zhaobiao_info{ width:100%; float:right; background:#fff; height:100%;}

.zhaobiao_box{ padding:10px; overflow:hidden}

.zhaobiao_box dl{ color:#000; line-height:28px; font-size:16px;}
.zhaobiao_box dt{ width:25%; font-weight:600; float:left}

.zhaobiao_box dd{ float:left ; width:75%; }
/*****滚动案例*****/
.dome2 { display:none; padding-left:0; width:360px; margin:0 auto; position:relative; }
.dome2 .loop { float: left; width: 360px; height: auto; margin:0   auto;  background-color: #f7f7f7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; text-align:center }
.dome2 .loop:hover { background-color: #416B93; color: #FFF }
.dome2 .loop .pic { height: 271px; width: 360px; margin:0 auto; display:inline-block; text-align:center }
.dome2 .loop .pic img { float: none; height: 100%; width: 100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align:center; display:inline-block; max-width:100% }

.dome2 .loop .text { height: 150px; background-color: #f7f7f7; padding-top: 15px; padding-right: 20px; padding-left: 20px; box-sizing: border-box; transition: all .3s }
.dome2 .loop .text span { background-color: #606060; white-space: pre; display: inline-block; height: 20px; padding-right: 8px; padding-left: 8px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color: #fff; float: right; margin-left: 10px; line-height: 20px }
.dome2 .loop .text h4 { font-size: 16px; font-weight: 700; padding: 0; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dome2 .loop .text .date { color: #888; padding: 5px 0 }
.dome2 .loop .text p { color: #888 }
.dome2 .loop:hover .text { background-color: #416B93; color: #FFF }
.dome2 .loop:hover .text h4 { color: #FFF }
.dome2 .loop:hover .text p { color: #FFF }
.dome2 .loop:hover .text .date { color: #FFF }
.dome2 .ul{ position:relative; padding-left:50px;}
.dome2  .prev{ display:none; position:absolute; top:40%; left:0; width:48px; height:48px; background:url(../images/arr_left.png) no-repeat;   }
.dome2  .next{ display:none; position:absolute; top:40%; right:0; width:48px; height:48px; background:url(../images/arr_right.png) no-repeat;   }



 /*新资讯显示方式 */
.inf_lc { clear: both; padding: 0px 0 0; }
.inf_lc li { padding: 20px; overflow: hidden; margin: 0 0 0px; background:#FFFFFF ;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px; margin-bottom:20px  }
.inf_lc li:hover { background:#ccc}
.inf_lc li:hover p b a { color: #185dab; }

.inf_lc li.bg { background: #f5f8fc; }

.inf_lc li h4 { padding:  0; background:#F0F0F0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
 text-align: center; float: left; width: 15%; overflow: hidden;   }
.inf_lc li h4 b { font-weight: 100; display: block; line-height: 20px; height:20px; overflow: hidden; font-size: 36px; font-family: Arial; text-transform: uppercase; background:#416B93 }

.inf_lc li h4 span { font-weight: 600; display: block; line-height: 24px;   overflow: hidden; font-size: 16px; font-family: Arial; text-transform: uppercase; color: #416B93; padding:1px }
.inf_lc li p { padding: 0 0 0 24px; line-height: 26px; width:85%; overflow: hidden; font-size: 14px; float: left; color: #666; }
.inf_lc li p span { display: block; overflow: hidden; display: none;}
.inf_lc li p b { display: block; font-weight: 100; color: #000000; }
.inf_lc li p b a, .inf_lc li p b a:hover { color: #343434; font-weight: bold; font-size: 15px; }
.inf_lc li p b a:hover { color: #185dab; }
.inf_lc li .fr { margin: 20px 0 0; width: 0px; height: 28px; line-height: 26px; text-align: center; color: #ffffff; background:url(../images/ico_zb_more.png) right center no-repeat;    }
/**************/
.newslistbox { padding-top: 0px; padding-bottom: 60px }
.newslistbox ul li { display: table; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ececec }
.newslistbox ul li .pic { vertical-align: middle; display: table-cell; width: 30%; padding-top: 25px; padding-bottom: 25px }
.newslistbox ul li .pic img { height: auto; width: 100%; border-radius: 3px }
.newslistbox ul li .text { vertical-align: middle; display: table-cell; padding-top: 25px; padding-bottom: 25px; padding-left: 30px }
.newslistbox ul li .text h4 { font-size: 16px; color: #333; display: block; padding-bottom: 15px; font-weight: 200 }
.newslistbox .right { float: right; width: 24%; padding-top: 40px }
.newslistbox ul li .text p { font-size: 14px; line-height: 26px; color: #999; display: none;height: 120px }
.newslistbox ul li .text .date { font-size: 16px; color: #b9b9b9; font-family: DINMedium; line-height: 20px; background-image: url(../images/ico-date.png); background-repeat: no-repeat; background-position: left center; vertical-align: middle; display: inline-block; height: 20px; padding-left: 26px }
.newslistbox ul li .text .more { float: right }
.newslistbox ul li .text .more a { font-size: 12px; line-height: 32px; color: #b8b8b8; text-align: center; display: inline-block; height: 32px; width: 100px; border: 1px solid #dcdcdc; font-family: DINMedium; border-radius: 3px; box-sizing: border-box }
.newslistbox ul li .text .more a:hover { background-color: #ffe27c; color: #666; border-top-color: #efcf5f; border-right-color: #efcf5f; border-bottom-color: #efcf5f; border-left-color: #efcf5f; background-image: url(../images/bg-28.png) }
/*********************/
/*********************/
.dome { width: 100% }
.dome .loop { float: left; width: 100%; height: 398px; margin-right: 37px; margin-top: 10px; background-color: #f7f7f7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden }
.dome .loop:hover { background-color: #416B93; color: #FFF }
.dome .loop .pic { height: 271px; width: 100% }
.dome .loop .pic img { float: left; height: 100%; width: 100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.dome .loop .text { height: 150px; background-color: #f7f7f7; padding-top: 15px; padding-right: 20px; padding-left: 20px; box-sizing: border-box; transition: all .3s }
.dome .loop .text span { background-color: #606060; white-space: pre; display: inline-block; height: 20px; padding-right: 8px; padding-left: 8px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color: #fff; float: right; margin-left: 10px; line-height: 20px }
.dome .loop .text h4 { font-size: 17px; font-weight: 700; padding: 0; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dome .loop .text .date { color: #888; padding: 5px 0 }
.dome .loop .text p { color: #888 }
.dome .loop:hover .text { background-color: #416B93; color: #FFF }
.dome .loop:hover .text h4 { color: #FFF }
.dome .loop:hover .text p { color: #FFF }
.dome .loop:hover .text .date { color: #FFF }
/********人才招聘**********/
.talent{ padding:5px 0 85px 0}
.talent ul{float:left;position: relative;z-index: 3;width: 100%; margin-bottom:30px;}
.talent ul li{float:left;width: 100%;height: 100%;margin: 0px 40px 25px 0;text-align:center;cursor:pointer;overflow:hidden;background-color: #eeeff2;box-sizing:border-box;border-radius: 3px;}
.talent ul li:hover{ background:#406A92; border:none}
.talent ul li .con{float:left;width: 100%;height: 140px;position:relative;z-index:1;}
.talent ul li h6{ text-align:center;}
.talent ul li h6 span{display:inline-block;font-size:12px;margin-bottom:20px;color: #868789;margin: 0 15px;}
.talent ul li h2{font-size:18px;color: #656567;line-height:40px;margin-top:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 10px;}
.talent ul li:hover h2,.talent ul li:hover p,.talent ul li:hover span{ color:#fff}
.talent .page .box{display:inherit; width:100%;  text-align:center; padding-top: 40px;}
/*******************************
	-------[=留言反馈]-------
********************************/
#message .m-content .m-message { width: 100%; padding: 20px 0; }


.m-message label.code span { float: left; }
.m-message label.code input { float: left; }
.m-message label.code img { float: left; }
#message {  width: 100%; height: 100%; margin:0px auto;  z-index: 1000;   }
.messagebg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1001; }
#message .m-content { float:right; width:100%  }
#message  .m-message-img{ float:left; width:100%;}


#message .m-content .m-message { background: #fff;   background: #fff; padding: 10px; margin: 0 auto; position: relative; z-index: 1002;  }
.m-message { width: 494px; margin: 48px auto 0; }
.m-message label { margin-bottom: 15px; display: block; font-size: 14px; }
.m-message label em { display: block; float: right; color: red; height: 32px; line-height: 32px; }
.m-message label span { width: 70px; height: 34px; line-height: 34px; color: #2F2F2F; float: left; font-weight: bold; text-align: right; margin-right: 30px; display: inline-block; }

.m-message label input.inp, .m-message label textarea, .m-message label.code input { width: 100%; overflow: hidden; height: 42px; line-height: 42px; border: #cccccc 1px solid; border-radius: 3px; padding: 0 14px; box-sizing: border-box; color: #555; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background:#F0F0F0 }


.m-message label input:focus, .m-message label textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6); }
.m-message label textarea { height: 72px; line-height: 24px; padding: 10px 14px; }
.m-message label.code { line-height: 34px; }
.m-message label.code input { width: 30%; float: left; margin-right: 30px; }
.m-message label.code .pic { display: inline-block; vertical-align: top; width: 80px; height: 32px; }
.m-message label.code img { display: block; width: 100%; height: 100%; }

/***********/
.lxwm_box{ padding:0PX 0; overflow:hidden}
.lxwm_box ul{}
.lxwm_box li{ float:left; width:100%; margin-right:2.5%; text-align:center; background:#FFF; min-height:260px;box-shadow: 0 5px 20px rgba(41, 42,111, 0.5); padding-top:30px}
 
.lxwm_box li:last-child{ margin-right:0}
.lxwm_box li h4{ line-height:60px; color:#426990; font-size:20px;}
.lxwm_box li img{ max-width:100%}
.lxwm_box li p{ line-height:40px; font-size:16px; text-align:center}


.lxwm_map{	padding: 20px 0;}
img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/* 图片滚动 */
.picScroll{ position:relative;  height:122px; padding: 10px 0 10px 12px;  background:#fff; margin-bottom:10px; overflow:hidden;display: none;   }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 0px;  width:122px; overflow:hidden; display:inline; text-align:center }
.picScroll ul li img{   }

.picScroll ul li img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.picScroll ul li img.img2 { display: none; }
.picScroll ul li:hover img.img1 { display: none; }
.picScroll ul li:hover img.img2 { display: inline-block; }

.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 40px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }
.picScroll ul li p{ line-height:35px; font-size:12px;font-weight: 600;}
/*************/
.yunu-footer { background-color: #494949; padding: 0px 0 0; overflow: hidden }
.foot_top { float: left ;width: 100%; }
.ftlogo {  padding-top: 20px }
.f_nav { overflow: hidden; padding: 0 0 0 5px;display: none; float: left }
.f_ul01 .f_li01 { float: left }
.f_ul01 li { width: 112px; float: left; padding-left: 2px; }
.f_ul01 li a { font-size: 18px; color: #fff; font-weight: 700; height: 60px; line-height: 60px; overflow: hidden; display: block }
.f_ul01 li a:hover{color:#fff}
.f_ul01 .f_ul02 li a { font-size: 16px; color: #929293; font-weight: 400; height: 30px; line-height: 30px }
.f_ul01 .f_ul02 li a:hover{color:#fff}


.ft_lxwm { width:100%; float: center; padding-top: 20px ;font-size: 14px; color:#FFF}
.ft_lxwm ul { }
.ft_lxwm ul li { margin-bottom: 10px; display: block; line-height: 25px; }
.ft_lxwm ul li span { display: inline-block; width:70px; float: left }
.ft_lxwm ul li span img { vertical-align: middle; padding-right: 5px; }
.ft_lxwm ul li .lxtxt { width: 210px;width: 80%; display: inline-block }
.ft_lxwm .ftewm { padding-top: 15px; }
.ft_lxwm .ftewm dl { float: left; text-align: left; width: 105px; }
.ft_lxwm .ftewm dl:last-child { float: right }
.ft_lxwm .ftewm dt { }
.ft_lxwm .ftewm dd { text-align: center; line-height: 25px }
.ft_lxwm .ftewm img { max-width: 100% }
/*************/
/************/
.n-container{padding: 50px 0 80px 0;}
.n-container .detail{width: 100%;}
/*=================侧导航==================*/

.n_left{width: 100%;overflow:hidden;text-align: center;}
#n_nav{ border: #dadadc 1px solid; margin-bottom:22px;}
#n_nav dt h1{ display:block;  padding: 0 25px;border-bottom: 1px solid #e9e9ec; line-height: 37px; margin-left: 9px; margin-right: 8px;}
#n_nav dt{position:relative;padding:0 0px;display:block;line-height: 50px;height: 50px;overflow:hidden;border-bottom: 1px solid #e7e9eb;}
#n_nav dt a{font-size:14px;padding-left: 25px;color: #535355;display:block;}
#n_nav dt.on{ background-color:#ea353a;}
#n_nav dt.on a{ color:#fff;}
#n_nav dt:hover{background-color:#ea353a;}
#n_nav dt:hover a{ color:#fff}


.zp{ padding:60px 0 90px 0}
.zp form{ margin-top:44px;}
.zp .nav{ background:url(../images/news-nav-bg.png) center bottom no-repeat; margin-bottom:0px;}
.zp .ar_article h3{color:#4f5050;font-size:22px;line-height: 24px;margin-bottom: 20px;text-align: left;font-weight: normal;}
.zp .ar_article h6{display: inline-block;color:#7e8080;font-size:12px;line-height:24px;margin-bottom:25px;font-weight:normal;text-align: left;}
.zp .ar_article p{ line-height:28px;}
.zp .messlist {height: 43px;margin: 0 17px 12px 0;float:left;width: 100%;border: #e2e4e6 1px solid;color:#5e5f61;}
.zp .messlist label,.form-list .messlist01 label,.zp .messlist03 label{float:left;width: 120px;height: 43px;line-height: 43px;text-align: left;color: #5e5f61;font-size: 14px;box-sizing: border-box;padding: 0 0 0 20px;background-color: #e2e4e6;}
.zp .messlist input{float:left;width: 256px;height: 43px;padding: 0 10px;background: none;border: none;outline: none;color:#5e5f61;font-size:12px;} 
.zp .messlist01{height: 43px;margin-top: 30px;float:left;width: 880px;border:#d3d7d8 1px solid;background:#fbfbfc;color:#5e5f61;margin-right: 44px;}
.zp .messlist01 input{float:left;width: 712px;height: 48px;padding: 0 10px;background-color:#fbfbfc;border: none;outline: none;color:#5e5f61; font-size:12px;} 
.zp .messlist02{height: 151px;margin: 0 0 12px 0;float:left;width: 813px;border: #e2e4e6 1px solid;color:#5e5f61;box-sizing: border-box;}
.zp .messlist02 textarea{float:left;width: 691px;height: 149px;color:#5e5f61;font-size:12px;border: none;outline: none;padding: 16px 10px;resize:none;box-sizing: border-box;background: none;}
.zp .messlist02 label{float:left;width: 120px;height: 150px;line-height: 45px;text-align: left;color: #424a59;font-size: 12px;box-sizing: border-box;padding: 0 0 0 20px;background-color: #e2e4e6;}
.zp .yanzheng{display:inline;float:left;position: absolute;right: -152px;top: 3px;}
.zp .messsub input{float: left;width: 100%;height: 43px;line-height: 43px;background: #416b93;font-size: 14px;cursor:pointer;color: #fff;border:none;margin: 40px 142px 0 0;font-family:Microsoft Yahei;}
.zp .messsub input:hover{ background:#416b93; }
.zp .messlist03{height: 43px;margin: 0 0 0 0;float:left;width: 60%;border: #dcdcdc 1px solid;color:#5e5f61;box-sizing: border-box;position: relative;}
.zp .messlist03 input{float:left;width: 120px;height: 43px;color:#5e5f61;font-size:12px;border: none;outline: none;padding: 10px 10px;resize:none;box-sizing: border-box;background: none;}

.uploader{height: 43px;position:relative;display:inline-block;overflow:hidden;cursor:default;padding:0;width: 425px;margin:10px 0px;box-sizing: border-box;}
.filename{float:left;display:inline-block;outline:0 none;height: 43px;width: 144px;margin:0;padding:8px 10px;overflow:hidden;cursor:default;color:#777;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border: #e2e4e6 1px solid;}
.button{float:left;width: 120px;height: 41px;display:inline-block;outline:0 none;padding:8px 12px;margin:0;cursor:pointer;border: none;margin-left: 20px; font-family:"Microsoft Yahei"; color:#5e5f61}
.uploader input[type=file]{position:absolute;top:0;left: 0;right: 0;bottom:0;border:0;padding:0;margin:0;width: 404px;height: 41px;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;}
.zp .uploader label{float:left;width: 120px;height: 43px;line-height: 43px;text-align: left;color: #5e5f61;font-size: 14px;box-sizing: border-box;padding: 0 0 0 20px;background-color: #e2e4e6;}
/***************/
.ban {  -webkit-background-size: cover; background-size: cover; overflow: hidden; background-repeat: no-repeat; background-position: center center; position: relative }
.sban-txt { width: 500px; position: absolute; top: 35%; left: 50%; margin-left: -250px; color: #FFF }
.ban h4 { text-align: center; font-size: 26px; padding-bottom: 10px }
.ban p { text-align: center; font-size: 18px; }
.ban .position { color: rgba(255,255,255,.6); font-size: 14px; position: absolute; left: 0; bottom: 10px; width: 100% }
.ban .position a { color: rgba(255,255,255,.6) }
.ban .position a:hover { color: rgba(255,255,255,1) }
.fr{ float:none; text-align: center;    }
/*header*/

.in_banner { position:relative; overflow:hidden; }
.banner_pfdw { position:absolute; left:50%; bottom:15%; z-index:9999; text-align:center; margin-left:-400px; width:800px; }

.banner_pfdw p { color:#fff; margin-bottom: 30px; text-shadow: 2px 2px 4px #000; }
.banner_pfdw a { width:144px; height:36px; line-height:36px; background:#175f37; display:block; font-size:18px; color:#000; text-align:center; margin-top:40px; }
p.fnt_83{ font-size:20px;}
p.fn_80{ font-size:16px;}


.banner_index { width:100%; height:100%; position:absolute; }
.banner_index ul { width:100%; height:100%; }
.banner_index_new ul li img { width:100%; }
/*index banner*/
.banner_index_new { position:relative; }
.banner_index_new ul, .banner_index_new ul li { width:100%; height:100%; z-index:1; overflow:hidden; }
/*.banner_index_new ul li.curr{ z-index: 2;}*/
.banner_index_new li { opacity:0; filter:alpha(opacity=0); position:absolute; left:0%; top:0; width:100%; height:100%; }
/*.banner_index_new li a{ display:inline-block; width:auto; padding: 0 1.8em; height:2em; line-height: 2em; text-align: center;background: #0050a0; color:#fff; margin: 0 auto; position:relative;}
.banner_index_new li a i{ position:relative; z-index: 4;}
.banner_index_new li a span{ position:absolute; z-index: 3; background: #36b7ab; height:100%; width:0%; left:0; top:0; transition: 0.5s all cubic-bezier(0.19, 1, 0.22, 1); opacity:0;}
.banner_index_new li a:hover span{ width:100%; opacity:1;}*/
.banner_index_new li img { width:100%; height:auto; transform:scale(1.2, 1.2); transition: 15s all cubic-bezier(0.19, 1, 0.22, 1); }
.banner_index_new .vbox { position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer; background:#000; }
.banner_index_new .vbox img { display: none; }
.banner_index_new .vbox video { width: 100%; height:100%; }
.banner_index_new ul li video { height:100%; width:100%; }
.banner_index_new ul, .banner_index_new ul li table { z-index:30; position:absolute; width:100%; height:100%; left:0; top:0; }
.banner_index_new ul li em { display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.6) url(../images/play_video.png) center no-repeat; position:absolute; left:0; top:0; cursor:pointer; }
.banner_index_new { position:relative; overflow:hidden; }
.banner_index_new dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:5000; }
.banner_index_new dl dd { display:inline-block; text-indent: 9999px; width: 16px; height: 16px; margin: 0; outline: 0; overflow: hidden; border-radius: 0px; background: none; border: 1px solid #fff; margin-right:10px; cursor:pointer; }
.banner_index_new dl dd:last-child { margin-right:0; }
.banner_index_new dl dd.active { background: #005bac; border: 1px solid #fff; }
.ie8 .fadeIn { visibility:visible!important; }
.ie .fadeIn { visibility:visible!important; }

/*.banner_index_new video { transform:scale(1.01); position:absolute; left:0; top:0; width:100%; height:100%; }
*/
/*fix header*/
.fixHeader { position:fixed; left:0; top:0; width:100% !important; }
/*.banner_index_new ul li > a { position:absolute; width:100%; height:100%; display:block; overflow:hidden; left:0; top:0; z-index:50; }*/
.banner_index_new ul li table { width:100%; height:100%; position:absolute; left:50%; top:0%; }
.banner_index_new ul li table td { vertical-align:middle; text-align:center; width:80%; color:#fff; }
.in_banner_txt { opacity:1; transition: 4s all cubic-bezier(0.19, 1, 0.22, 1); position:relative; }
.banner_index_new ul li table td p { padding-bottom:0px; margin:0 auto 1em; font-weight: normal; }
.banner_index_new ul li table td i { display:none; width:40%; font-size:14px; margin:0 auto; line-height:1.7em; height:3.4em; overflow:hidden; }
.in_banner_part2 { height:130px; background: #016aac; padding: 30px 0; box-sizing: border-box; }
.in_banner_part2 span, .in_banner_part2 p { color:#fff; }
.in_banner_part2 li { width:25%; float:left; text-align: center; }
.banner_index_new li.curr { z-index: 2; }
.banner_index_new li.curr img, .banner_index_new li.curr video { transform:scale(1, 1); }
.banner_index_new ul li.li01 .in_banner_txt { display:inline-block; text-align:left; }
.banner_index_new ul li.li01 .in_banner_txt { margin-top:30%; }
.banner_index_new ul li.li01.curr .in_banner_txt { opacity:1; margin-top:20%; }
.banner_pfdw { transform: translateY(500px); -webkit-transform: translateY(500px); -ms-transform: translateY(500px); opacity: 0; transition: 3s all; -webkit-transition: 3s all; -ms-transition: 3s all; }
.banner_pfdw.current { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; z-index: 200; }
.li01 div.banner_pfdw { bottom:46%; display: none; }
.li02 div.banner_pfdw { left:auto; right:20%; top:32%; display: none;}
.li03 div.banner_pfdw { left:30%; bottom:34%; display: none;}



/*时间进度条*/
.banner_index { position: relative; }
.bar { width: 100%; position: absolute; left:0; bottom:0; height:3px; z-index:99 }
.bar p { width: 0; position: absolute; left:0; top:0; height:3px; background:#64a596; }
.index_box { width:100%; max-width:1920px; }
.hander { position:fixed; left:0; top:0; width:100%; height:auto; z-index:99999; background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0,0,0,0));
}
.hander .top { height:40px; width:100%; background:rgb(23, 95, 55); }
.banner_index_new, .banner_index { height:800px; }

.fixed_bara { position: fixed; z-index: 999999; margin: 0 auto; width: 100%; height: 52px; top:0 ; background:none}
.fixed_bar { position: fixed; z-index: 999999; margin: 0 auto; width: 100%; height: 52px; top:0 ; background:#FFF}
.g-tit01 { text-align: center; padding: 30px 0; position: relative; height: 80px; cursor: pointer;  }
.g-tit01 .g-txt { position: absolute; width: 100%; top: 20px; z-index: 50 }
.g-tit01 h3 { position: relative; padding-bottom: 10px; font-size: 20px; color: #1B1B1B; font-weight: 600; }
.g-tit01 p { font-size: 16px; color: #888; padding-top: 10px }
.g-tit01 h3:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -40px; width: 80px; height: 2px; background-color: #3E6994; }
.g-tit01 .g-tit_en { position: absolute; text-align: center; line-height: 120px; font-size: 0px; color: #ECF0F1; width: 100%; top: 30px; z-index: 10 }

.g-tit01 h4{ position: relative ; font-size: 18px; color: #1B1B1B; font-weight: 500; }

/***********/
.g-tit01b { text-align: center; padding: 30px 0; position: relative; height: 120px; cursor: pointer; margin-bottom:20pxs }
.g-tit01b .g-txt { position: absolute; width: 100%; top: 70px; z-index: 50 }
.g-tit01b h3 { position: relative; padding-bottom: 10px; font-size: 36px; color: #1B1B1B; font-weight: 600; }
.g-tit01b p { font-size: 16px; color: #888; padding-top: 10px }
.g-tit01b h3:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -40px; width: 80px; height: 2px; background-color: #3E6994; }
.g-tit01b .g-tit_en { position: absolute; text-align: center; line-height: 120px; font-size: 60px; color: #ECF0F1; width: 100%; top: 30px; z-index: 10 }

.g-tit01b h4{ position: relative ; font-size: 22px; color: #1B1B1B; font-weight: 600; }

/********/
.g-tit02 { font-size: 36px; color: #3F6894; font-weight: 400; font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }
.g-tit02 span { padding-right: 60px; background: url(../images/i6.png) right center no-repeat; -o-background-size: contain; -ms-background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.ul-txt03 li { float: left; width: 45%; margin-bottom: 15px; height: 200px;}
 .news_top { display: none; }
 .news_top .wp{ background:#FFF;    margin-bottom:3rem}

.news_top  ul li .left{ width:40%; overflow:hidden; height:18.75rem}
.news_top  ul li .left img{width:100%;height:100%;object-fit: cover;}
.news_top  ul li .right{ width:60%; background:#ffffff; padding:2.125rem 3.125rem;}
.news_top  ul li .right .box_table{ text-align:left}
.news_top  ul li .right .box_table h6{font-size:14px;color:#000000;font-family:Roboto;font-weight:bold;display:none;}
.news_top  ul li .right .box_table h3{font-size:1.1rem;line-height:2.1875rem;color:#000000;transition:0.36s;overflow: hidden;}
.news_top  ul li .right .box_table p{font-size:14px;line-height:28px;color:#7f7f7f;margin-bottom:2.5rem;height: 112px;overflow: hidden;}
.news_top  ul li .right .box_table .more01 span{ display:inline-block; width:136px; height:2.5rem; line-height:2.5rem; font-size:13px; color:#fff; background:#269dd2; transition:.6s; text-align:center}
.news_top  ul.miso-dots{ bottom:5rem; padding-left:71.25%; text-align:left}
.news_top  ul.miso-dots li{ width:11px; height:11px; border:#7f7f7f 2px solid; border-radius:50%; transition:0.36s}
.news_top  ul.miso-dots li.miso-active{ background:#269dd2; border:#269dd2 2px solid}
.h50{height: 10px;clear: both;overflow: hidden;}
.sj{ max-width:100%;  display: inline;}
.pclx{ max-width:100%;  display: none;}
.about_honor1 { padding: 50px 0; display: inline; overflow: hidden }

#n_branch { padding-top: 50px; }
#n_branch .tt { text-align: center; font-size: 16px;  position: absolute; top: -60px; width: 100%; }
.tupian_show{ width:100%; background:#F7F7F7; padding:10px 0;}



}
